Variables
Const BlockerRouter
BlockerRouter: LazyExoticComponent<(Anonymous function)> = lazy(() =>import(/* webpackChunkName: "chunk-config-tab-blocker" */ "./config/blocker/router").then(({ BlockerRouter }) =>createSuspenseComponent("blocker", <BlockerRouter />)))
Const ConfigApp
ConfigApp: FC<{}> = observer(() => {const { percent: scanPercent, remaining: scanRemaining, currentJob } = useScannerProgress();const { optionStore, checklistStore } = useStores();const {others: {showLicenseFormImmediate,colorScheme: [, , badgeColor]}} = optionStore;// Initially fetch settings here so the form is shownuseLayoutEffect(() => {optionStore.fetchSettings();// Listen to the automatic scan starter and update the checklistconst listener = (/*_: CustomEvent<JobDoneEvent>*/) => {checklistStore.fetchChecklist();};const event = `${JOB_DONE_EVENT_PREFIX}${AUTOMATIC_SCAN_STATER_QUEUE_JOB}`;document.addEventListener(event, listener as any);return () => {document.removeEventListener(event, listener as any);};}, []);// Automatically show the notice which indicates empty privacy policy servicesuseEffect(() => {const notice = document.getElementById("rcb-services-with-empty-privacy-policy-notice");if (!showLicenseFormImmediate && notice) {notice.style.display = "block";}}, [showLicenseFormImmediate]);return showLicenseFormImmediate ? (<Suspense fallback={<Spin spinning style={CSS_SPINNER_IN_CONTENT} />}><ConfigLicensing /></Suspense>) : (<Router><ConfigHeader /><nav className="nav-tab-wrapper wp-clearfix"><NavLink to="/" className="nav-tab" activeClassName="nav-tab-active" exact>{__("Dashboard")}</NavLink><NavLink to="/settings" className="nav-tab" activeClassName="nav-tab-active">{__("Settings")}</NavLink><NavLink to="/scanner" className="nav-tab" activeClassName="nav-tab-active">{scanRemaining > 0 && scanPercent > 0 && currentJob?.group_position > 0 ? (<Badgecount={`${scanPercent} %`}style={{top: -11,fontSize: 10,height: 16,lineHeight: "16px",background: badgeColor}}>{__("Scanner")}</Badge>) : (__("Scanner"))}</NavLink><NavLink to="/cookies" className="nav-tab" activeClassName="nav-tab-active">{__("Services (Cookies)")}</NavLink><NavLink to="/blocker" className="nav-tab" activeClassName="nav-tab-active">{__("Content Blocker")}</NavLink><NavLink to="/consent" className="nav-tab" activeClassName="nav-tab-active">{__("Consent")}</NavLink><NavLink to="/import" className="nav-tab" activeClassName="nav-tab-active">{__("Import / Export")}</NavLink>{window.location.host !== "try.devowl.io" && (<NavLink to="/licensing" className="nav-tab" activeClassName="nav-tab-active">{__("Licensing")}</NavLink>)}<a href={__("https://devowl.io/support/")} className="nav-tab" target="_blank" rel="noreferrer">{__("Support")}</a></nav><NoticeRevisionNeedsRetrigger /><NoticeBannerActiveNoCookies /><NoticeAnonymousScriptNotWritable /><NoticeNoManager /><RouterScrollToTop /><Suspense fallback={<Spin spinning style={CSS_SPINNER_IN_CONTENT} />}><Switch><Route path="/" exact><DashboardCards /></Route><Route path="/settings/:tab?">{!optionStore.areSettingsFetched ? null : <SettingsForm />}</Route><Route path="/scanner"><ScannerRouter /></Route><Route path="/cookies/:cookieGroup?"><CookieGroupsTabRouter /></Route><Route path="/consent/:tab?"><ConsentTabRouter /></Route><Route path="/blocker"><BlockerRouter /></Route><Route path="/import"><ImportExportCards /></Route><Route path="/licensing"><ConfigLicensing /></Route></Switch></Suspense><ConfigFooter /></Router>);})
Const ConfigLicensing
ConfigLicensing: LazyExoticComponent<(Anonymous function)> = lazy(() =>import(/* webpackChunkName: "chunk-config-tab-licensing" */ "./config/licensing/licensing").then(({ ConfigLicensing }) => createSuspenseComponent("licensing", <ConfigLicensing />)))
Const ConsentTabRouter
ConsentTabRouter: LazyExoticComponent<(Anonymous function)> = lazy(() =>import(/* webpackChunkName: "chunk-config-tab-consent" */ "./config/consent/tabRouter").then(({ ConsentTabRouter }) => createSuspenseComponent("consent", <ConsentTabRouter />)))
Const CookieGroupsTabRouter
CookieGroupsTabRouter: LazyExoticComponent<(Anonymous function)> = lazy(() =>import(/* webpackChunkName: "chunk-config-tab-cookies" */ "./config/cookies/groups/tabRouter").then(({ CookieGroupsTabRouter }) => createSuspenseComponent("cookies", <CookieGroupsTabRouter />)))
Const DashboardCards
DashboardCards: LazyExoticComponent<(Anonymous function)> = lazy(() =>import(/* webpackChunkName: "chunk-config-tab-dashboard" */ "./config/dashboard/cards").then(({ DashboardCards }) =>createSuspenseComponent("dashboard", <DashboardCards />)))
Const ImportExportCards
ImportExportCards: LazyExoticComponent<(Anonymous function)> = lazy(() =>import(/* webpackChunkName: "chunk-config-tab-import" */ "./config/import/cards").then(({ ImportExportCards }) =>createSuspenseComponent("import", <ImportExportCards />)))
Const ScannerRouter
ScannerRouter: LazyExoticComponent<(Anonymous function)> = lazy(() =>import(/* webpackChunkName: "chunk-config-tab-scanner" */ "./config/scanner/router").then(({ ScannerRouter }) =>createSuspenseComponent("scanner", <ScannerRouter />)))
Const SettingsForm
SettingsForm: LazyExoticComponent<(Anonymous function)> = lazy(() =>import(/* webpackChunkName: "chunk-config-tab-settings" */ "./config/settings/form").then(({ SettingsForm }) =>createSuspenseComponent("settings", <SettingsForm />)))