@kiteapps/lite-ui 0.1.0 → 0.1.1

package/dist/index.cjs

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -26,11 +27,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/widgets/index.js
-var widgets_exports = {};
-__export(widgets_exports, {
+// src/lib/index.ts
+var lib_exports = {};
+__export(lib_exports, {
+  ADMIN_GROUPS: () => ADMIN_GROUPS2,
   ActionBar: () => ActionBar,
   ActiveDirectoryChart: () => ActiveDirectoryChart,
+  AdminScreen: () => AdminScreen2,
   AdminShell: () => AdminShell,
   AppShell: () => AppShell,
   Button: () => Button,
@@ -38,12 +41,14 @@ __export(widgets_exports, {
   CheckRow: () => CheckRow,
   CollapsibleSidebar: () => CollapsibleSidebar,
   ConfigurationHeader: () => ConfigurationHeader,
+  ConfigurationPage: () => ConfigurationPage,
   ConfigurationSidebar: () => ConfigurationSidebar,
   DASHBOARD_METRICS: () => DASHBOARD_METRICS,
   DASHBOARD_SHORTCUTS: () => DASHBOARD_SHORTCUTS,
   DEMO_POLICIES: () => DEMO_POLICIES,
   DIRECTORY_REPORT_DATA: () => DIRECTORY_REPORT_DATA,
   DashboardLayout: () => DashboardLayout,
+  DashboardPage: () => DashboardPage,
   DashboardToolbar: () => DashboardToolbar,
   DataTable: () => DataTable,
   ExpandedWidget: () => ExpandedWidget,
@@ -73,6 +78,7 @@ __export(widgets_exports, {
   ReportNavigation: () => ReportNavigation,
   ReportPageHeading: () => ReportPageHeading,
   ReportResults: () => ReportResults,
+  ReportsPage: () => ReportsPage,
   SELF_SERVICE_REPORT_DATA: () => SELF_SERVICE_REPORT_DATA,
   SaveBar: () => SaveBar,
   SectionTitle: () => SectionTitle,
@@ -88,15 +94,16 @@ __export(widgets_exports, {
   WidgetFrame: () => WidgetFrame,
   normalizeReport: () => normalizeReport
 });
-module.exports = __toCommonJS(widgets_exports);
+module.exports = __toCommonJS(lib_exports);
 
-// src/widgets/Primitives.jsx
-var import_react = __toESM(require("react"));
+// src/widgets/Primitives.tsx
+var import_react = require("react");
 var import_lucide_react = require("lucide-react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Button({ children, variant = "neutral", icon: Icon, className = "", ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { className: `ad-button ad-button--${variant} ${className}`, ...props, children: [
     Icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: 13, strokeWidth: 1.8 }),
+    " ",
     children
   ] });
 }
@@ -126,9 +133,9 @@ function CheckRow({ children, defaultChecked = false, checked, onChange, disable
   const [local, setLocal] = (0, import_react.useState)(defaultChecked);
   const isChecked = checked === void 0 ? local : checked;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: `ad-check-row ${disabled ? "is-disabled" : ""} ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: isChecked, disabled, onChange: (e) => {
-      setLocal(e.target.checked);
-      onChange?.(e.target.checked);
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: isChecked, disabled, onChange: (event) => {
+      if (checked === void 0) setLocal(event.target.checked);
+      onChange?.(event.target.checked);
     } }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ad-check-box", "aria-hidden": "true" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children }),
@@ -195,21 +202,22 @@ function Notice({ children, tone = "info" }) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children })
   ] });
 }
-function DataTable({ columns = [], rows = [], empty = "No Data Available", onRowClick, getRowId = (row, index) => row.id ?? index }) {
+function DataTable({ columns = [], rows = [], empty = "No Data Available", onRowClick, getRowId = (row, index) => !Array.isArray(row) && row.id != null ? String(row.id) : index }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ad-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { className: "ad-table", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: columns.map((raw, index) => {
-      const column = typeof raw === "string" ? { key: index, label: raw } : raw;
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: column.label }, column.key ?? index);
+      const column = typeof raw === "string" ? { key: String(index), label: raw } : raw;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: column.label }, column.key);
     }) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: rows.length ? rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { onClick: () => onRowClick?.(row, index), children: columns.map((raw, columnIndex) => {
-      const column = typeof raw === "string" ? { key: columnIndex, label: raw } : raw;
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: column.render ? column.render(row, index) : Array.isArray(row) ? row[columnIndex] : row[column.key] }, column.key ?? columnIndex);
+      const column = typeof raw === "string" ? { key: String(columnIndex), label: raw } : raw;
+      const value = "render" in column && column.render ? column.render(row, index) : Array.isArray(row) ? row[columnIndex] : row[column.key];
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: value }, column.key);
     }) }, getRowId(row, index))) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: "ad-empty", colSpan: columns.length, children: empty }) }) })
   ] }) });
 }
 function Modal({ title, children, open, onClose, footer, closeLabel = "Close" }) {
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ad-modal-backdrop", onMouseDown: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ad-modal", role: "dialog", "aria-modal": "true", "aria-label": title, onMouseDown: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ad-modal-backdrop", onMouseDown: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ad-modal", role: "dialog", "aria-modal": "true", "aria-label": title, onMouseDown: (event) => event.stopPropagation(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ad-modal-head", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: title }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, { icon: import_lucide_react.X, label: closeLabel, onClick: onClose })
@@ -219,8 +227,8 @@ function Modal({ title, children, open, onClose, footer, closeLabel = "Close" })
   ] }) });
 }
 
-// src/widgets/Shell.jsx
-var import_react2 = __toESM(require("react"));
+// src/widgets/Shell.tsx
+var import_react2 = require("react");
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var MAIN_SECTIONS = ["Dashboard", "Reports", "Configuration", "Admin", "Support"];
@@ -232,16 +240,18 @@ function TopNavigation({ sections = MAIN_SECTIONS, active = "Admin", onChange, a
   }) });
 }
 function ShellHeader({ brand = "ADSelfService Plus", brandIcon, showBrandOrbit = true, sections = MAIN_SECTIONS, navigationLabel = "Main navigation", activeSection = "Admin", onSectionChange, directories = ["Active Directory", "Microsoft Entra ID"], directory, defaultDirectory, onDirectoryChange, showDownload = true, downloadLabel = "Download Now", onDownload, utilityItems = ["License", "Talk Back"], showNotifications = true, notifications = 2, notificationLabel, onNotificationsClick, showUserMenu = true, userMenuLabel = "User menu", onUserClick, showSearch = true, searchPlaceholder = "Search Employee", searchLabel = "Search Employee", searchValue, onSearchChange, showSettings = true, settingsLabel = "Domain Settings", onSettingsClick, rightContent }) {
-  const [localDirectory, setLocalDirectory] = (0, import_react2.useState)(defaultDirectory ?? directories[0]);
+  const initialDirectory = defaultDirectory ?? (typeof directories[0] === "string" ? directories[0] : directories[0]?.value);
+  const [localDirectory, setLocalDirectory] = (0, import_react2.useState)(initialDirectory);
   const [localSearch, setLocalSearch] = (0, import_react2.useState)("");
   const currentDirectory = directory ?? localDirectory;
   const directoryItem = directories.find((item) => (typeof item === "string" ? item : item.value) === currentDirectory);
   const currentDirectoryLabel = typeof directoryItem === "string" ? directoryItem : directoryItem?.label || currentDirectory;
   const currentSearch = searchValue ?? localSearch;
   const switchDirectory = () => {
+    if (!directories.length) return;
     const index = directories.findIndex((item) => (typeof item === "string" ? item : item.value) === currentDirectory);
     const next = directories[(index + 1) % directories.length];
-    const value = typeof next === "string" ? next : next?.value;
+    const value = typeof next === "string" ? next : next.value;
     if (directory === void 0) setLocalDirectory(value);
     onDirectoryChange?.(value, next);
   };
@@ -337,8 +347,8 @@ function AdminShell({ groups = [], screen, onScreenChange, children, activeSecti
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AppShell, { activeSection, onSectionChange, sidebar: sidebar || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CollapsibleSidebar, { groups, selected: screen, onSelect: onScreenChange }), hideSidebar, mainClassName, ...shellProps, children });
 }
 
-// src/widgets/DashboardWidgets.jsx
-var import_react3 = __toESM(require("react"));
+// src/widgets/DashboardWidgets.tsx
+var import_react3 = require("react");
 var import_lucide_react3 = require("lucide-react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var DASHBOARD_METRICS = [
@@ -460,7 +470,7 @@ function DashboardToolbar({ domains = ["ADSELFSERVICE"], domain, defaultDomain,
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dash-toolbar", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: "dash-domain", children: domainLabel }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("select", { id: "dash-domain", value: domain, defaultValue: domain === void 0 ? defaultDomain ?? (typeof domains[0] === "string" ? domains[0] : domains[0]?.value) : void 0, onChange: (event) => {
-      const item = domains.map((raw) => typeof raw === "string" ? { value: raw, label: raw } : raw).find((option) => option.value === event.target.value);
+      const item = domains.find((option) => (typeof option === "string" ? option : option.value) === event.target.value);
       onDomainChange?.(event.target.value, item);
     }, children: domains.map((option) => {
       const item = typeof option === "string" ? { value: option, label: option } : option;
@@ -491,7 +501,7 @@ function DashboardLayout({ metrics, charts, shortcuts, showShortcuts = true }) {
 }
 function ExpandedWidget({ title, onClose, children, closeLabel = "Close expanded widget" }) {
   if (!title) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dash-overlay", role: "presentation", onMouseDown: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dash-expanded", role: "dialog", "aria-modal": "true", "aria-label": title, onMouseDown: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dash-overlay", role: "presentation", onMouseDown: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dash-expanded", role: "dialog", "aria-modal": "true", "aria-label": title, onMouseDown: (event) => event.stopPropagation(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dash-expanded-heading", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: title }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react3.X, { size: 18 }) })
@@ -500,8 +510,8 @@ function ExpandedWidget({ title, onClose, children, closeLabel = "Close expanded
   ] }) });
 }
 
-// src/widgets/ReportWidgets.jsx
-var import_react4 = __toESM(require("react"));
+// src/widgets/ReportWidgets.tsx
+var import_react4 = require("react");
 var import_lucide_react4 = require("lucide-react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var REPORT_GROUPS = [
@@ -523,9 +533,9 @@ function ReportNavigation({ groups = REPORT_GROUPS, selected, defaultSelected, o
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "report-navigation", children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "report-search", children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Search, { size: 15 }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { "aria-label": searchLabel, placeholder: searchPlaceholder, value: query, onChange: (e) => {
-        setQuery(e.target.value);
-        onSearchChange?.(e.target.value);
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { "aria-label": searchLabel, placeholder: searchPlaceholder, value: query, onChange: (event) => {
+        setQuery(event.target.value);
+        onSearchChange?.(event.target.value);
       } })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { "aria-label": ariaLabel, children: visibleGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
@@ -550,13 +560,13 @@ function ReportCategoryBar({ groups = REPORT_GROUPS, selected, defaultSelected,
       group.label,
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.ChevronDown, { size: 10 })
     ] }),
-    open === group.label && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "report-category-menu", children: group.items.map((raw, i) => {
+    open === group.label && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "report-category-menu", children: group.items.map((raw, index) => {
       const item = normalizeReport(raw);
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: currentSelected === item.id ? "is-active" : "", onClick: () => {
         if (selected === void 0) setLocalSelected(item.id);
         onSelect?.(item.id, item);
         setOpen("");
-      }, children: item.label }, item.id ?? i);
+      }, children: item.label }, item.id ?? index);
     }) })
   ] }, group.id ?? group.label)) });
 }
@@ -569,7 +579,7 @@ function ReportFilters({ domains = ["ADSELFSERVICE"], domain, defaultDomain, onD
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { htmlFor: "report-domain", children: labels.domain || "Select Domain" }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("select", { id: "report-domain", value: domain, defaultValue: domain === void 0 ? defaultDomain ?? (typeof domains[0] === "string" ? domains[0] : domains[0]?.value) : void 0, onChange: (event) => {
         const value = event.target.value;
-        const item = domains.map((raw) => typeof raw === "string" ? { value: raw, label: raw } : raw).find((option) => option.value === value);
+        const item = domains.find((raw) => (typeof raw === "string" ? raw : raw.value) === value);
         onDomainChange?.(value, item);
       }, children: domains.map((raw) => {
         const item = typeof raw === "string" ? { value: raw, label: raw } : raw;
@@ -587,8 +597,8 @@ function ReportFilters({ domains = ["ADSELFSERVICE"], domain, defaultDomain, onD
         const item = typeof raw === "string" ? { value: raw, label: raw } : raw;
         return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "radio", name: "report-ou", checked: selectedOu === item.value, onChange: () => {
-            setLocalOu(item.value);
-            onOuChange?.(item.value, item);
+            if (ou === void 0) setLocalOu(item.value);
+            onOuChange?.(item.value, raw);
             setOuOpen(false);
           } }),
           " ",
@@ -624,8 +634,8 @@ function ReportPageHeading({ title, onSchedule, scheduleLabel = "Schedule Report
   ] });
 }
 
-// src/widgets/ConfigurationWidgets.jsx
-var import_react5 = __toESM(require("react"));
+// src/widgets/ConfigurationWidgets.tsx
+var import_react5 = require("react");
 var import_lucide_react5 = require("lucide-react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var CONFIG_GROUPS = [
@@ -749,8 +759,8 @@ function PolicyTable({ policies = DEMO_POLICIES, columns = POLICY_COLUMNS, defau
   ] }) });
 }
 
-// src/widgets/SettingsWidgets.jsx
-var import_react6 = __toESM(require("react"));
+// src/widgets/SettingsWidgets.tsx
+var import_react6 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function Frame({ title, tabs, activeTab, defaultTab, onTabChange, children, action, help, className = "" }) {
   const [localTab, setLocalTab] = (0, import_react6.useState)(defaultTab ?? (typeof tabs?.[0] === "string" ? tabs[0] : tabs?.[0]?.id));
@@ -790,3 +800,739 @@ function InlineSelect({ options = [], initial, value, onChange, width, ...props
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: item.value, children: item.label }, item.value);
   }) });
 }
+
+// src/pages/DashboardPage.tsx
+var import_react7 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function DashboardPage({ metrics = DASHBOARD_METRICS, directoryData = DIRECTORY_REPORT_DATA, mfaData = MFA_REPORT_DATA, selfServiceData = SELF_SERVICE_REPORT_DATA, shortcuts = DASHBOARD_SHORTCUTS, domains, domain, onDomainChange, chartTitles = {}, chartProps = {}, widgetProps = {}, toolbarProps = {}, onMetricSelect, onReportSelect, onShortcutSelect, onToolbarAction, renderMetric, renderShortcuts }) {
+  const [showShortcuts, setShowShortcuts] = (0, import_react7.useState)(true);
+  const [expanded, setExpanded] = (0, import_react7.useState)(null);
+  const titles = { directory: "Active Directory Reports", mfa: "MFA Reports", selfService: "Password Self-Service Reports", ...chartTitles };
+  const reportAction = (key, id, item) => {
+    chartProps[key]?.onSelect?.(id, item);
+    onReportSelect?.(id, item);
+  };
+  const charts = {
+    directory: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ActiveDirectoryChart, { ...chartProps.directory, data: directoryData, onSelect: (id, item) => reportAction("directory", id, item) }),
+    mfa: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MfaChart, { ...chartProps.mfa, data: mfaData, onSelect: (id, item) => reportAction("mfa", id, item) }),
+    selfService: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SelfServiceChart, { ...chartProps.selfService, data: selfServiceData, onSelect: (id, item) => reportAction("selfService", id, item) })
+  };
+  const frame = (key, className = "") => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(WidgetFrame, { ...widgetProps[key], title: titles[key], className: className || widgetProps[key]?.className, onExpand: () => {
+    widgetProps[key]?.onExpand?.();
+    setExpanded(key);
+  }, children: charts[key] });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dash-page", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      DashboardToolbar,
+      {
+        ...toolbarProps,
+        domains: domains ?? toolbarProps.domains,
+        domain: domain ?? toolbarProps.domain,
+        onDomainChange: (value, item) => {
+          onDomainChange?.(value, item);
+          toolbarProps.onDomainChange?.(value, item);
+        },
+        showShortcuts,
+        onToggleShortcuts: () => {
+          setShowShortcuts(!showShortcuts);
+          toolbarProps.onToggleShortcuts?.(!showShortcuts);
+        },
+        onExpand: () => {
+          toolbarProps.onExpand?.();
+          setExpanded("directory");
+        },
+        onMenuAction: (id, item) => {
+          onToolbarAction?.(id, item);
+          toolbarProps.onMenuAction?.(id, item);
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      DashboardLayout,
+      {
+        showShortcuts,
+        metrics: metrics.map((item, index) => renderMetric ? renderMetric(item, index) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MetricWidget, { ...item, onClick: () => {
+          item.onClick?.(item);
+          onMetricSelect?.(item);
+          if (item.report !== void 0) onReportSelect?.(item.report, item);
+        } }, item.id ?? item.title ?? index)),
+        charts: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+          frame("directory"),
+          frame("mfa"),
+          frame("selfService", "dash-wide-widget")
+        ] }),
+        shortcuts: renderShortcuts ? renderShortcuts(shortcuts) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ShortcutRail, { groups: shortcuts, onSelect: onShortcutSelect })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ExpandedWidget, { title: expanded ? titles[expanded] : null, onClose: () => setExpanded(null), children: expanded ? charts[expanded] : null })
+  ] });
+}
+
+// src/pages/ReportsPage.tsx
+var import_react8 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function ReportsPage({ groups = REPORT_GROUPS, selected, defaultSelected, onSelect, filtersProps = {}, labels = {}, status: controlledStatus, onGenerate, onStop, onSchedule, results }) {
+  const firstReport = groups[0]?.items[0] && normalizeReport(groups[0].items[0]);
+  const [localSelected, setLocalSelected] = (0, import_react8.useState)(defaultSelected ?? firstReport?.id);
+  const [localStatus, setLocalStatus] = (0, import_react8.useState)("empty");
+  const [showSchedule, setShowSchedule] = (0, import_react8.useState)(false);
+  const [localDomain, setLocalDomain] = (0, import_react8.useState)(filtersProps.defaultDomain ?? (typeof filtersProps.domains?.[0] === "string" ? filtersProps.domains[0] : filtersProps.domains?.[0]?.value) ?? "ADSELFSERVICE");
+  const [localOu, setLocalOu] = (0, import_react8.useState)(filtersProps.defaultOu ?? (typeof filtersProps.ouOptions?.[0] === "string" ? filtersProps.ouOptions[0] : filtersProps.ouOptions?.[0]?.value) ?? "All OU");
+  const currentSelected = selected ?? localSelected;
+  const report = groups.flatMap((group) => group.items.map(normalizeReport)).find((item) => item.id === currentSelected);
+  const title = report?.label || firstReport?.label || labels.untitled || "";
+  const status = controlledStatus ?? localStatus;
+  const domain = filtersProps.domain ?? localDomain;
+  const ou = filtersProps.ou ?? localOu;
+  const select = (id, item) => {
+    if (selected === void 0) setLocalSelected(id);
+    onSelect?.(id, item);
+    if (controlledStatus === void 0) setLocalStatus("empty");
+  };
+  const generate = () => {
+    if (onGenerate) onGenerate({ selected: currentSelected, report, domain, ou });
+    else {
+      setLocalStatus("loading");
+      window.setTimeout(() => setLocalStatus("empty"), 650);
+    }
+  };
+  const stop = () => {
+    onStop?.();
+    if (controlledStatus === void 0) setLocalStatus("empty");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "reports-page", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ReportCategoryBar, { groups, selected: currentSelected, onSelect: select }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "report-page-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ReportPageHeading, { title, scheduleLabel: labels.schedule, helpText: labels.help, onSchedule: () => {
+        onSchedule?.(report);
+        setShowSchedule(!showSchedule);
+      } }),
+      showSchedule && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "report-schedule-note", children: labels.scheduleNote || "Schedule Reports lets you automate delivery of generated reports." }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ReportFilters, { ...filtersProps, domain, ou, onDomainChange: (value, item) => {
+        if (filtersProps.domain === void 0) setLocalDomain(value);
+        filtersProps.onDomainChange?.(value, item);
+      }, onOuChange: (value, item) => {
+        if (filtersProps.ou === void 0) setLocalOu(value);
+        filtersProps.onOuChange?.(value, item);
+      }, generating: status === "loading", onGenerate: generate, onStop: stop }),
+      results ?? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ReportResults, { status, emptyMessage: labels.empty, loadingMessage: labels.loading })
+    ] })
+  ] });
+}
+
+// src/pages/ConfigurationPage.tsx
+var import_react9 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function ConfigurationPage({ selected, policyId = "policy", groups = CONFIG_GROUPS, policies, initialPolicies = DEMO_POLICIES, onPoliciesChange, features = POLICY_FEATURES, columns = POLICY_COLUMNS, labels = {}, defaultDomain = "ADSELFSERVICE", onSavePolicy, onDeletePolicy, onCopyPolicy, onFeatureSelect, createPolicy, renderSection, renderPolicyForm, headerProps = {}, featureProps = {}, toolbarProps = {}, tableProps = {} }) {
+  const [localPolicies, setLocalPolicies] = (0, import_react9.useState)(initialPolicies);
+  const [query, setQuery] = (0, import_react9.useState)("");
+  const [page, setPage] = (0, import_react9.useState)(1);
+  const [editor, setEditor] = (0, import_react9.useState)(null);
+  const [name, setName] = (0, import_react9.useState)("");
+  const currentSelected = selected ?? policyId;
+  const currentPolicies = policies ?? localPolicies;
+  const update = (next) => {
+    if (policies === void 0) setLocalPolicies(next);
+    onPoliciesChange?.(next);
+  };
+  const item = groups.flatMap((group) => group.items).find((entry) => entry.id === currentSelected);
+  const title = item?.label || labels.title || "Policy Configuration";
+  const filtered = currentPolicies.filter((policy) => String(policy.name || "").toLowerCase().includes(query.toLowerCase()));
+  const pageSize = Math.max(1, toolbarProps.pageSize ?? 25);
+  const currentPage = Math.min(page, Math.max(1, Math.ceil(filtered.length / pageSize)));
+  const visiblePolicies = filtered.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+  const openEditor = (policy) => {
+    setEditor(policy || { name: "" });
+    setName(policy?.name || "");
+  };
+  const savePolicy = () => {
+    if (!editor || !name.trim()) return;
+    const nextPolicy = editor.name ? { ...editor, name: name.trim() } : createPolicy ? createPolicy(name.trim()) : { name: name.trim(), permissions: "", domain: defaultDomain, modifiedBy: "", modified: "" };
+    const next = editor.name ? currentPolicies.map((policy) => policy === editor ? nextPolicy : policy) : [...currentPolicies, nextPolicy];
+    update(next);
+    onSavePolicy?.(nextPolicy, editor);
+    setEditor(null);
+  };
+  const removePolicy = (policy) => {
+    update(currentPolicies.filter((item2) => item2 !== policy));
+    onDeletePolicy?.(policy);
+  };
+  const copyPolicy = (policy) => {
+    const copy = { ...policy, name: `${policy.name} ${labels.copySuffix || "Copy"}` };
+    update([...currentPolicies, copy]);
+    onCopyPolicy?.(copy, policy);
+  };
+  const otherSection = renderSection?.(currentSelected, item);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "config-page", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ConfigurationHeader, { title, ...headerProps }),
+    currentSelected === policyId ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PolicyFeatureStrip, { ...featureProps, title: labels.featuresTitle ?? featureProps.title, instruction: labels.instruction ?? featureProps.instruction, features, onFeatureSelect: (id, feature) => {
+        onFeatureSelect?.(id, feature);
+        featureProps.onFeatureSelect?.(id, feature);
+      } }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PolicyToolbar, { ...toolbarProps, title: labels.policiesTitle || toolbarProps.title, addLabel: labels.add || toolbarProps.addLabel, count: filtered.length, page: currentPage, onPageChange: (next) => {
+        setPage(next);
+        toolbarProps.onPageChange?.(next);
+      }, query, onQueryChange: (value) => {
+        setQuery(value);
+        setPage(1);
+        toolbarProps.onQueryChange?.(value);
+      }, onAdd: () => {
+        openEditor();
+        toolbarProps.onAdd?.();
+      } }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PolicyTable, { ...tableProps, policies: visiblePolicies, columns, defaultDomain, onEdit: (policy) => {
+        openEditor(policy);
+        tableProps.onEdit?.(policy);
+      }, onDelete: (policy) => {
+        removePolicy(policy);
+        tableProps.onDelete?.(policy);
+      }, onCopy: (policy) => {
+        copyPolicy(policy);
+        tableProps.onCopy?.(policy);
+      } })
+    ] }) : otherSection !== void 0 ? otherSection : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Panel, { className: "config-detail-panel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FormRow, { label: labels.domain || "Select Domain", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("select", { className: "ad-select", defaultValue: defaultDomain, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { children: defaultDomain }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(CheckRow, { children: [
+        labels.enable || "Enable",
+        " ",
+        title
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: labels.sectionDescription?.(title) || `Configure ${title.toLowerCase()} for the selected domain.` })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Modal, { title: editor?.name ? labels.editTitle || "Edit Policy" : labels.addTitle || "Add New Policy", open: !!editor, onClose: () => setEditor(null), footer: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { onClick: () => setEditor(null), children: labels.cancel || "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { variant: "primary", onClick: savePolicy, children: labels.save || "Save" })
+    ] }), children: renderPolicyForm ? renderPolicyForm({ policy: editor, name, setName }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TextField, { label: labels.policyName || "Policy Name", value: name, onChange: (event) => setName(event.target.value) }) })
+  ] });
+}
+
+// src/admin/screens.jsx
+var import_react10 = __toESM(require("react"));
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var ADMIN_GROUPS = [
+  { label: "Customize", items: [{ id: "login", label: "Login Settings" }, { id: "personalize", label: "Personalize" }] },
+  { label: "Enterprise Essentials", items: [{ id: "failover", label: "Failover and Secure Gateway" }, { id: "reverse", label: "Reverse Proxy" }] },
+  { label: "Product Settings", items: [{ id: "connection", label: "Connection" }, { id: "mail", label: "Mail / SMS Settings" }, { id: "dashboard", label: "Dashboard Updater" }, { id: "backup", label: "Backup Settings" }, { id: "site", label: "Site Based DC Updater" }, { id: "integration", label: "Integration Settings" }, { id: "windows", label: "Windows Service" }, { id: "security", label: "Security and Privacy" }] },
+  { label: "License Management", items: [{ id: "restrict", label: "Restrict Users" }] }
+];
+function RowLink({ children, onClick }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { onClick, children });
+}
+function LoginSettings() {
+  const [modal, setModal] = (0, import_react10.useState)("");
+  const modalItems = modal === "Manage Custom Attributes" ? ["First Name", "Last Name", "Display Name", "Mail Address", "Mobile Number"] : ["ADSELFSERVICE", "Microsoft Entra ID"];
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Frame, { title: "Login Settings", help: "Configure administrator and directory user login behavior", action: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { onClick: () => setModal("Manage Custom Attributes"), children: "Manage Custom Attributes" }), tabs: ["General", "Single Sign-On", "Smart Card Authentication"], children: (active) => active === "General" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "Login Settings" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-list", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { help: "Hides the administrator option on the self-service login page", children: "Hide self-service admin login" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { disabled: true, children: "Allow/Restrict admin portal access based on IP addresses." }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowLink, { onClick: () => setModal("Configure IP addresses"), children: "Configure now" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { defaultChecked: true, children: "Show the directory selection drop-down menu in the web portal's login page." }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowLink, { onClick: () => setModal("Configure Directory List"), children: "Configure Directory List" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { defaultChecked: true, children: "Show the directory selection drop-down menu in the mobile app and mobile portal login screen." }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowLink, { onClick: () => setModal("Configure Directory List"), children: "Configure Directory List" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { help: "Permit configured attributes as alternate login identifiers", children: "Enable other unique attributes to log in to the product." }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowLink, { onClick: () => setModal("Select attribute list"), children: "Select attribute list" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Enable user disclaimer" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowLink, { onClick: () => setModal("Customize disclaimer"), children: "Customize" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Prevent hackers from finding out valid users." }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowLink, { onClick: () => setModal("Configure user protection"), children: "Configure" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(HelpTip, { text: "Use the same message for valid and invalid usernames" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "CAPTCHA settings" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-list", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Show CAPTCHA (word verification image) on login page." }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowLink, { onClick: () => setModal("CAPTCHA settings"), children: "CAPTCHA settings" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-indent", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(CheckRow, { disabled: true, children: [
+            "On ",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("em", { children: "Admin" }),
+            " & ",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("em", { children: "Directory User" }),
+            " login page."
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(CheckRow, { disabled: true, children: [
+            "On ",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("em", { children: "Reset Password" }),
+            " & ",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("em", { children: "Unlock Account" }),
+            " login page."
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { help: "Enable an audio alternative for the CAPTCHA", children: "Enable audio CAPTCHA." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "Other Settings" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-list", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(CheckRow, { children: [
+          "Hide ",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("em", { children: "Help" }),
+          " button on end users page"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(CheckRow, { children: [
+          "Hide ",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("em", { children: "Mobile Access" }),
+          " button on end users page"
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-tail-link", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowLink, { onClick: () => setModal("Customize HTML"), children: "Customize" }),
+        " end user login page completely as HTML"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, {})
+    ] }) : active === "Single Sign-On" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-list", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "Enable SSO" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadioRow, { name: "sso", value: "SAML", disabled: true, children: "SAML Authentication" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadioRow, { name: "sso", value: "NTLM", checked: true, disabled: true, children: "NTLM Authentication" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Notice, { children: [
+        "To complete the NTLM SSO configuration, download the latest Jespa JAR file, add it to the /lib folder, and restart ADSelfService Plus. ",
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "Learn More" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DataTable, { columns: ["", "Domain Name", "Computer Account", "Status"], rows: [[/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, {}), "ADSELFSERVICE", "-", /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { onClick: () => setModal("Configure SSO"), children: "Configure now" })]] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, { cancel: false })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-form-block", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Import CA Root Certificate", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "file", "aria-label": "Choose certificate file" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Mapping Attribute in Certificate", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["SAN.OtherName", "Subject", "SAN.Email"] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Mapping Attribute in AD", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["userPrincipalName", "sAMAccountName", "mail"] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Linked Domains", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { className: "ad-input", disabled: true, defaultValue: "adselfservice.com" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, {})
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Notice, { tone: "warning", children: "You must restart ADSelfService Plus for the changes to take effect. Smart Card Authentication is supported only for users in Active Directory." })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Modal, { title: modal, open: !!modal, onClose: () => setModal(""), footer: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { onClick: () => setModal(""), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "primary", onClick: () => setModal(""), children: "Done" })
+    ] }), children: modal === "Configure IP addresses" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { label: "Allowed IP address or range", placeholder: "192.168.1.0/24" }) : modal === "Customize disclaimer" || modal === "Customize HTML" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("textarea", { className: "ad-textarea", rows: "6", "aria-label": "Custom content" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ad-modal-options", children: modalItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { defaultChecked: true, children: item }, item)) }) })
+  ] });
+}
+function Personalize() {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Frame, { title: "Personalize Settings", tabs: ["Display Settings", "Portal Rebranding", "Mobile Rebranding", "Change Password", "Language Customization"], children: (active) => active === "Display Settings" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-form-block", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Choose Language", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["Browser Default", "English", "Japanese", "Spanish", "German", "French"] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Choose AD Welcome Name", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["SamAccountName", "UserPrincipalName", "DisplayName", "FirstName", "LastName"] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Choose Entra ID Welcome Name", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["UserPrincipalName", "DisplayName", "FirstName", "Mail Address"] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Time Format", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["02:45 PM", "14:45", "14:45:00"] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Date Format", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["2016/08/15 (yyyy/MM/dd)", "08/15/2016 (MM/dd/yyyy)", "15-08-2016 (dd-MM-yyyy)"], width: 230 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Time Zone", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["(GMT -8:00) Pacific Daylight Time(America/Los_Angeles)", "(GMT +5:30) India Standard Time(Asia/Kolkata)", "(GMT 00:00) UTC"], width: 355 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, { cancelLabel: "Restore" })
+  ] }) : active === "Portal Rebranding" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "General Customization" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Choose Theme Color", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["Dark Gray", "Blue", "Green"] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Browser Title", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { defaultValue: "ADSelfService Plus" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Browser Title Image", hint: "Preferred image format is .ico", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "file", accept: ".ico" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Change Logo", hint: "Dimension: 200 x 50, Size 2MB", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "file", accept: "image/*" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "Login Customization" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Customize Login Page Buttons", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-list", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { defaultChecked: true, children: "Log In" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { defaultChecked: true, children: "Forgot your password?" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { defaultChecked: true, children: "Account locked out?" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Login Screen Background Image", hint: "Dimension: 1300 x 700, Size 2MB", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "file", accept: "image/*" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, { cancelLabel: "Restore" })
+  ] }) : active === "Mobile Rebranding" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Change Logo", hint: "Dimension 1000x400 - Size 2 MB", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "file", accept: "image/*" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "Customize Home Screen" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ad-option-list", children: ["Password Reset", "Account Unlock", "Change Password", "Server Settings", "Login", "Help", "Feedback"].map((item) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { defaultChecked: item !== "Change Password", children: item }, item)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Restrict Mobile Access" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-indent", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { disabled: true, children: "Restrict Mobile site access" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { disabled: true, children: "Restrict Mobile app (iOS/android) access" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Remember login in mobile app for auto login." }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "Advanced" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ad-spaced", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { children: "Preview" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, { cancelLabel: "Restore" })
+  ] }) : active === "Change Password" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-form-block", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Old Password", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { type: "password" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "New Password", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { type: "password" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Confirm New Password", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { type: "password" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { className: "ad-password-rules", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Minimum length should be at least 8" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Number of special characters to include 2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Must contain at least 1 upper case character" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Number of numerals to include 1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Must not be a palindrome" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, { saveLabel: "Change Password" })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Notice, { children: "Personalize ADSelfService Plus by modifying text displayed in its web interface. Retain curly braces in sentences that contain them, then reload the web console to view changes." }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Select Language", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["English", "Japanese", "Chinese-Simplified", "Spanish", "German", "French"] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-language-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { placeholder: "Enter text to search" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { children: "Find & Replace" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "1 - 25 of 18324" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DataTable, { columns: ["Text", "Action"], rows: ["Force Enrollment using Logon Script", "Mandatory fields cannot be left empty.", "Logon Hours", "Modules", "Trusted IPs", "Embed Widget", "Active Directory account unlock failed.", "Successfully changed the password"].map((text) => [text, /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "Modify" })]) })
+  ] }) });
+}
+function Failover() {
+  const [mode, setMode] = (0, import_react10.useState)("Load Balancing");
+  const [open, setOpen] = (0, import_react10.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PageHeader, { title: "Failover and Secure Gateway", action: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "outline", onClick: () => setOpen(true), children: "How to configure?" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Panel, { className: "ad-architecture-panel", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-architecture", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { children: "Load Balancer Architecture" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Tabs, { tabs: ["Load Balancing", "Failover"], active: mode, onChange: setMode }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-architecture-diagram", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-architecture-node", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.LaptopMinimal, { size: 48 }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Web Interface" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.ArrowRight, { size: 23 }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-architecture-node", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Network, { size: 48 }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Virtual IP/Hostname" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.ArrowRight, { size: 23 }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-server-stack", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-architecture-node", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Server, { size: 45 }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("small", { children: "Primary" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-architecture-node", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Server, { size: 45 }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("small", { children: "Secondary" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "ADSelfService Plus Servers" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.ArrowRight, { size: 23 }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-architecture-node", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Database, { size: 48 }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "ADSelfService Plus Database" })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ad-configure-action", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "primary", onClick: () => setOpen(true), children: "Click to Configure" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Modal, { title: `${mode} Configuration`, open, onClose: () => setOpen(false), footer: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "primary", onClick: () => setOpen(false), children: "Close" }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Notice, { children: [
+        "Specify the access URL and server details to configure ",
+        mode.toLowerCase(),
+        "."
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { label: "Access URL", placeholder: "https://adselfservice.example.com" })
+    ] })
+  ] });
+}
+function ReverseProxy() {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Frame, { title: "Reverse Proxy", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-proxy", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "Context Based" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("dl", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: "Protocol" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { children: "HTTPS" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: "Port" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { children: "443" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: "Context" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { children: "adssp" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: "Access URL" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { children: "https://WIN-6VQ61ODR35T:443/adssp" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: "Target URL" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { children: "https://ADSSPDEMO1:443" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Notice, { tone: "warning", children: "To modify reverse proxy details, navigate to AD360 > Admin > Administration > Reverse Proxy." })
+  ] });
+}
+function Connection() {
+  const [port, setPort] = (0, import_react10.useState)("https");
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Frame, { title: "Connection Settings", action: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "Configure Access URL" }), tabs: ["Connection Settings", "Proxy Settings", "General Settings"], children: (active) => active === "Connection Settings" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-form-block", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(FormRow, { label: "ADSelfService Plus Port [http]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadioRow, { name: "port", value: "http", checked: port === "http", onChange: setPort }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { className: "ad-input ad-short", defaultValue: "8888", disabled: port !== "http" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(FormRow, { label: "ADSelfService Plus Port [https]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadioRow, { name: "port", value: "https", checked: port === "https", onChange: setPort }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { className: "ad-input ad-short", defaultValue: "443", disabled: port !== "https" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "Apply SSL Certificate" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(FormRow, { label: "Encrypt Keystore Password", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { className: "ad-input", disabled: true, type: "password" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Use LDAP SSL(LDAPS)" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "Advanced Settings" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "ad-footnote", children: "Changes will reflect only on restart of ADSelfService Plus." })
+  ] }) : active === "Proxy Settings" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Enable Proxy Server" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-form-block", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Server Name or IP", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { placeholder: "Server Name or IP" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Port", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { placeholder: "Port" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Username", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Password", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { type: "password" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "ad-footnote", children: "Provide username and password if the proxy server requires authentication." }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, { cancelLabel: "Reset" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ad-tail-link", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "Test Connection" }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "Session Settings" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Session Expiration Time", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["10 mins", "15 mins", "20 mins", "25 mins", "30 mins", "45 mins", "60 mins", "24 hrs", "Never"] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Deny Concurrent Logins" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "Startup & Logging Settings" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, { saveLabel: "Save Settings" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "ad-footnote", children: "Changes will reflect only on restart of ADSelfService Plus." })
+  ] }) });
+}
+function MailSms() {
+  const [mode, setMode] = (0, import_react10.useState)("SMTP");
+  const [auth, setAuth] = (0, import_react10.useState)("basic");
+  const [smsAlert, setSmsAlert] = (0, import_react10.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Frame, { title: "Mail / SMS Server Settings", action: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "Mail/Mobile Attributes" }), tabs: ["Mail Settings", "SMS Settings", "Notification Settings"], children: (active) => active === "Mail Settings" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-form-block", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "Configure Mail Server" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(FormRow, { label: "Mode", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadioRow, { name: "mailmode", value: "SMTP", checked: mode === "SMTP", onChange: setMode, children: "SMTP" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadioRow, { name: "mailmode", value: "API", checked: mode === "API", onChange: setMode, children: "API" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Server Name or IP", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { defaultValue: "smtp" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Port", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { defaultValue: "25" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "From Address", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { defaultValue: "noreply@adselfserviceplus.com" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(FormRow, { label: "Admin Mail Address", required: true, hint: "Use comma (,) to separate multiple email addresses.", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { defaultValue: "noreply@adselfserviceplus.com" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "Send a test mail" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Secure Connection (SSL/TLS)", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["None", "SSL", "TLS"], initial: "SSL" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "Authentication" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(FormRow, { label: "Authentication Type", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadioRow, { name: "auth", value: "basic", checked: auth === "basic", onChange: setAuth, children: "Basic Authentication" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadioRow, { name: "auth", value: "oauth", checked: auth === "oauth", onChange: setAuth, children: "OAuth Authentication" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Username", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Password", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { type: "password" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, { saveLabel: "Save Settings" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "ad-footnote", children: "Once the mail server settings are saved, a test mail will be sent to the Admin Mail Address." })
+  ] }) : active === "SMS Settings" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(FormRow, { label: "SMS Provider", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["GSMModem", "Clickatell", "Custom"], initial: "Clickatell" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "Send Test SMS" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-inline", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { checked: smsAlert, onChange: setSmsAlert, children: "Please notify me when my credit balance reaches" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { className: "ad-input ad-short", defaultValue: "10", disabled: !smsAlert })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, { saveLabel: "Save Settings" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-notes", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "Quick Help" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Mobile numbers should use the standard international format with country code." }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Do not include a leading zero, plus sign, or spaces." }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "1 credit = 1 message of 70 characters." })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "Mail Notification" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-list", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Enable License Expiry Notification" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Enable notifications for product startup and downtime events" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Enable notifications for new product updates" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Enable notifications for events and workshops" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Send notifications to the secondary email addresses of all end users" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-inline", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Notify when SSL certificate is" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { className: "ad-input ad-short", disabled: true }),
+        "days before expiration"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "SMS Notification" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-list", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-inline", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Enable product startup and downtime SMS notifications for this mobile number" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { className: "ad-input", disabled: true, placeholder: "Enter the mobile Number" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Send notifications to the secondary mobile numbers of all end users" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, { saveLabel: "Save Settings" })
+  ] }) });
+}
+function DashboardUpdater() {
+  const [selected, setSelected] = (0, import_react10.useState)("");
+  const rows = [["AD Synchronizer", "ADSELFSERVICE", "Once in every 1 Hrs 0 Mins.", "Today 09:36 PM", "Success"], ["Locked Out Users", "ADSELFSERVICE", "Once in every 3 Hrs 0 Mins.", "Today 10:36 PM", "Success"], ["Password Expired Users", "ADSELFSERVICE", "Daily at 7 Hrs 0 Mins.", "2026/10/14 06:30 PM", "Success"], ["Soon-To-Expire User Passwords", "ADSELFSERVICE", "Daily at 7 Hrs 0 Mins.", "2026/10/14 06:30 PM", "Success"], ["Microsoft Entra ID Synchronizer", "Zoho", "Once in every 1 Hrs 0 Mins.", "Today 09:52 PM", "Success"]];
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Frame, { title: "Dashboard Updater", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DataTable, { columns: ["Actions", "Scheduler Name", "Applies to (Directories)", "Schedule Frequency", "Next Run", "Status"], rows: rows.map((row) => [/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { onClick: () => setSelected(row[0]), children: "Edit" }), ...row.slice(0, 4), /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ad-success", children: row[4] })]) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Modal, { title: selected, open: !!selected, onClose: () => setSelected(""), footer: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "primary", onClick: () => setSelected(""), children: "Done" }), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Schedule Frequency", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["Every hour", "Every 3 hours", "Daily"] }) }) })
+  ] });
+}
+function Backup() {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Frame, { title: "Backup Settings", action: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "Backup History" }), tabs: ["Backup Settings"], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-form-block", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(FormRow, { label: "Backup Frequency", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["Daily", "Weekly", "Monthly"] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"] }),
+        " hrs ",
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["00", "05", "10", "15", "20", "25", "30", "35", "40", "45", "50", "55"] }),
+        " mins"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(FormRow, { label: "Backup Storage Path", required: true, hint: "Path Format: C:\\local-path\\ (or) \\\\network-path\\", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "Backup Now" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormRow, { label: "Retain Backup Files", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["Delete files older than 15 days", "Delete files older than 30 days", "Keep last 10 files", "Keep all files"] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ad-inline-save", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, { cancel: false }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-notes", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "Note:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "If the specified path is wrong or unavailable, backup files will be stored in the default Backup folder." }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "You can protect your backup with a password under Admin > Product Settings > Security and Privacy." }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Automatic backup can be enabled only if you are using the built-in PostgreSQL database." })
+      ] })
+    ] })
+  ] });
+}
+function SiteBased() {
+  const [selected, setSelected] = (0, import_react10.useState)("adselfservice.com");
+  const [open, setOpen] = (0, import_react10.useState)(false);
+  const ous = ["adselfservice.com", "Computers", "Demo-Admins", "Demo-Computers", "Demo-Contact", "Demo-Developers", "Demo-Engineering", "Demo-Finance", "Demo-Groups", "Demo-HR", "Demo-Marketing", "Demo-Sales", "Demo-SelfService", "Demo-Technical Support", "Demo-Testing", "Demo-Users", "Domain Controllers", "Users"];
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Frame, { title: "Site Based DC Updater", help: "Configure site based domain controller selection", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-site-domain", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "Select Domain" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["ADSELFSERVICE"] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-site-picker", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-site-column", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "OUs" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ad-ou-tree", children: ous.map((ou, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { className: "ad-ou-row", style: { paddingLeft: i === 0 ? 16 : 36 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "checkbox", checked: selected === ou, onChange: () => setSelected(ou) }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: i === 0 ? "\u25A3" : "\u25B8" }),
+            ou
+          ] }, ou)) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-site-column", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("strong", { children: [
+            "Domain Controller (",
+            selected,
+            ")"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ad-dc-list", children: "\u25A3 \xA0 adsspdemo1.adselfservice.com" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { onClick: () => setOpen(true), children: "Select More DCs" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Set higher priority to Site-based DC Updater over policy-based DC Updater" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, {})
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Modal, { title: "Select More DCs", open, onClose: () => setOpen(false), footer: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "primary", onClick: () => setOpen(false), children: "Done" }), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { defaultChecked: true, children: "adsspdemo1.adselfservice.com" }) })
+  ] });
+}
+function Integration() {
+  const [selected, setSelected] = (0, import_react10.useState)("");
+  const apps = [["ADManager Plus", "ADManager Plus"], ["ServiceDesk Plus", "ServiceDesk Plus"], ["splunk>", "Splunk Server"], ["SYSLOG", "Syslog Server"], ["Hibp?", "Have I Been Pwned?"], ["Log360 - EventLog Analyzer", "Log360"], ["ServiceDesk Plus Cloud", "ServiceDesk Plus Cloud"]];
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Frame, { title: "Integration Settings", help: "Configure external integrations", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ad-integration-grid", children: apps.map(([logo, label]) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("button", { className: "ad-integration-tile", onClick: () => setSelected(label), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: logo }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: label })
+    ] }, label)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Modal, { title: selected, open: !!selected, onClose: () => setSelected(""), footer: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { onClick: () => setSelected(""), children: "Close" }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Notice, { children: [
+        "Configure the connection for ",
+        selected,
+        "."
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { label: "Server URL" })
+    ] })
+  ] });
+}
+function WindowsService() {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Frame, { title: "ADSelfService Plus as Windows Service", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-service-instructions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { children: "To install and start ADSelfService Plus as a service:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ol", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Please stop ADSelfService Plus if it is running. (Start-->All Programs-->ADSelfService Plus-->Stop ADSelfService Plus)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Install as a service. (Start-->All Programs-->ADSelfService Plus-->NT Service-->Install ADSelfService Plus as Service)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("li", { children: [
+        "Start as a service:",
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ol", { type: "i", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: 'Start-->Run and type "services.msc"' }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: 'Right-click on "ManageEngine ADSelfService Plus" and Click on Properties.' }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: 'Go to Logon Tab and choose "This Account" option. Enter administrative credentials and click OK.' }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: 'Right-click on "ManageEngine ADSelfService Plus" and Click on Start.' })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function Security() {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Frame, { title: "Security and Privacy", tabs: ["Privacy Settings"], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "Data Security" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: "Enable password protection for" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-list", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-inline", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Scheduled and exported reports" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { className: "ad-input", type: "password", disabled: true })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-option-inline", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { children: "Database backup files" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { className: "ad-input", type: "password", disabled: true })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionTitle, { children: "Usage Statistics" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckRow, { defaultChecked: true, children: "Send product usage statistics anonymously" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SaveBar, { saveLabel: "Save Settings" })
+  ] });
+}
+function RestrictUsers() {
+  const [active, setActive] = (0, import_react10.useState)("Restrict Users");
+  const [open, setOpen] = (0, import_react10.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Frame, { title: "Restricted Users", action: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-header-links", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "Schedule to Restrict/Derestrict" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextLink, { children: "License Info" })
+    ] }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Notice, { tone: "warning", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "Note" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Prevent licenses being wasted by stale user accounts." }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Restrict inactive user accounts and prevent them from being exploited." }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Enrolment data of a restricted user would be deleted automatically." }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: "Restricting a user revokes and frees up the Endpoint MFA license they have consumed." })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Tabs, { tabs: ["Restrict Users", "Derestrict Users"], active, onChange: setActive }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ad-restrict-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Select Directory" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["ADSELFSERVICE"] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ad-restrict-count", children: "0-0 of 0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InlineSelect, { options: ["25", "50", "100"] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DataTable, { columns: [""], empty: `There are no ${active === "Restrict Users" ? "restricted" : "derestricted"} users in this directory. Click ${active} to start.` }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ad-spaced", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "primary", onClick: () => setOpen(true), children: active }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Modal, { title: active, open, onClose: () => setOpen(false), footer: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "primary", onClick: () => setOpen(false), children: "Done" }), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextField, { label: "Search Users", placeholder: "Search by name" }) })
+  ] });
+}
+var SCREENS = { login: LoginSettings, personalize: Personalize, failover: Failover, reverse: ReverseProxy, connection: Connection, mail: MailSms, dashboard: DashboardUpdater, backup: Backup, site: SiteBased, integration: Integration, windows: WindowsService, security: Security, restrict: RestrictUsers };
+function AdminScreen({ screen, screens = {}, renderScreen, screenProps = {} }) {
+  const override = renderScreen?.(screen);
+  if (override !== void 0) return override;
+  const Component = screens[screen] || SCREENS[screen] || LoginSettings;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Component, { ...screenProps }, screen);
+}
+
+// src/pages/AdminScreen.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var ADMIN_GROUPS2 = ADMIN_GROUPS;
+function AdminScreen2(props) {
+  const Component = AdminScreen;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Component, { ...props });
+}