@elizaos/plugin-personal-assistant 2.0.3-beta.5 → 2.0.3-beta.7

package/dist/components/AppBlockerSettingsCard.js

@@ -0,0 +1,538 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, client } from "@elizaos/ui";
+import { useAppSelector } from "@elizaos/ui/state";
+import {
+  CheckCircle2,
+  Clock3,
+  ListChecks,
+  Loader2,
+  RefreshCw,
+  Search,
+  ShieldBan,
+  Smartphone,
+  Sparkles,
+  Square,
+  Timer
+} from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+function translate(t, key, fallback) {
+  const value = t(key);
+  return value === key ? fallback : value;
+}
+function statusBadge(t, permission) {
+  if (!permission) {
+    return {
+      variant: "outline",
+      label: translate(t, "permissionssection.badge.unknown", "Unknown"),
+      ready: false
+    };
+  }
+  if (permission.status === "granted") {
+    return {
+      variant: "secondary",
+      label: translate(t, "permissionssection.badge.ready", "Ready"),
+      ready: true
+    };
+  }
+  return {
+    variant: "outline",
+    label: translate(
+      t,
+      "permissionssection.badge.needsApproval",
+      "Needs Approval"
+    ),
+    ready: false
+  };
+}
+function formatEndsAt(value) {
+  if (!value) {
+    return null;
+  }
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return value;
+  }
+  return date.toLocaleString();
+}
+function AppBlockerStatusIcon({ label }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center justify-center py-4 text-muted",
+      role: "status",
+      "aria-label": label,
+      title: label,
+      children: [
+        /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4 opacity-70", "aria-hidden": true }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+      ]
+    }
+  );
+}
+function AppBlockerSettingsCard({ mode }) {
+  const rawT = useAppSelector((s) => s.t);
+  const t = typeof rawT === "function" ? rawT : (key) => key;
+  const [permission, setPermission] = useState(
+    null
+  );
+  const [status, setStatus] = useState(null);
+  const [installedApps, setInstalledApps] = useState(
+    []
+  );
+  const [selectedPackageNames, setSelectedPackageNames] = useState(
+    []
+  );
+  const [selectedIosApps, setSelectedIosApps] = useState([]);
+  const [durationMinutes, setDurationMinutes] = useState("30");
+  const [indefinite, setIndefinite] = useState(false);
+  const [query, setQuery] = useState("");
+  const [loading, setLoading] = useState(mode === "mobile");
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const refreshState = useCallback(async () => {
+    if (mode !== "mobile") {
+      return;
+    }
+    setLoading(true);
+    try {
+      const [nextPermission, nextStatus] = await Promise.all([
+        client.checkAppBlockerPermissions(),
+        client.getAppBlockerStatus()
+      ]);
+      setPermission(nextPermission);
+      setStatus(nextStatus);
+      if (nextStatus.platform === "android" && nextPermission.status === "granted") {
+        const response = await client.getInstalledAppsToBlock();
+        setInstalledApps(response.apps);
+        setSelectedPackageNames(
+          (current) => current.filter(
+            (packageName) => response.apps.some(
+              (app) => app.packageName === packageName
+            )
+          )
+        );
+      } else {
+        setInstalledApps([]);
+      }
+    } catch (nextError) {
+      setError(
+        nextError instanceof Error ? nextError.message : "Unable to load the mobile app blocker state."
+      );
+    } finally {
+      setLoading(false);
+    }
+  }, [mode]);
+  useEffect(() => {
+    void refreshState();
+  }, [refreshState]);
+  const filteredApps = useMemo(() => {
+    const normalizedQuery = query.trim().toLowerCase();
+    if (!normalizedQuery) {
+      return installedApps;
+    }
+    return installedApps.filter((app) => {
+      return app.displayName.toLowerCase().includes(normalizedQuery) || app.packageName.toLowerCase().includes(normalizedQuery);
+    });
+  }, [installedApps, query]);
+  const togglePackageName = useCallback((packageName) => {
+    setSelectedPackageNames(
+      (current) => current.includes(packageName) ? current.filter((value) => value !== packageName) : [...current, packageName]
+    );
+  }, []);
+  const runAction = useCallback(async (action) => {
+    setBusy(true);
+    setError(null);
+    try {
+      await action();
+    } catch (nextError) {
+      setError(
+        nextError instanceof Error ? nextError.message : "The app blocker action failed."
+      );
+    } finally {
+      setBusy(false);
+    }
+  }, []);
+  const handleRequestPermissions = useCallback(() => {
+    return runAction(async () => {
+      await client.requestAppBlockerPermissions();
+      await refreshState();
+    });
+  }, [refreshState, runAction]);
+  const handleSelectIosApps = useCallback(() => {
+    return runAction(async () => {
+      const response = await client.selectAppBlockerApps();
+      if (!response.cancelled) {
+        setSelectedIosApps(response.apps);
+      }
+    });
+  }, [runAction]);
+  const handleStartBlock = useCallback(() => {
+    return runAction(async () => {
+      if (status?.platform === "android") {
+        const result = await client.startAppBlock({
+          packageNames: selectedPackageNames,
+          durationMinutes: indefinite ? null : Number.parseInt(durationMinutes, 10)
+        });
+        if (!result.success) {
+          throw new Error(
+            result.error ?? "Unable to start the Android app block."
+          );
+        }
+      } else {
+        const result = await client.startAppBlock({
+          appTokens: selectedIosApps.map((app) => app.tokenData).filter((tokenData) => Boolean(tokenData))
+        });
+        if (!result.success) {
+          throw new Error(
+            result.error ?? "Unable to start the iPhone app block."
+          );
+        }
+      }
+      await refreshState();
+    });
+  }, [
+    durationMinutes,
+    indefinite,
+    refreshState,
+    runAction,
+    selectedIosApps,
+    selectedPackageNames,
+    status?.platform
+  ]);
+  const handleStopBlock = useCallback(() => {
+    return runAction(async () => {
+      const result = await client.stopAppBlock();
+      if (!result.success) {
+        throw new Error(result.error ?? "Unable to stop the app block.");
+      }
+      await refreshState();
+    });
+  }, [refreshState, runAction]);
+  const badge = statusBadge(t, permission);
+  const title = translate(
+    t,
+    "permissionssection.permission.appBlocking.name",
+    "App Blocking"
+  );
+  if (mode !== "mobile") {
+    return /* @__PURE__ */ jsx("div", { className: "px-1 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(Smartphone, { className: "h-5 w-5 text-muted", "aria-hidden": true }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-bold text-sm text-txt", children: title }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted", children: translate(t, "permissionssection.mobileOnly", "Mobile only") })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs-tight leading-5 text-muted", children: translate(
+          t,
+          "permissionssection.appBlocking.mobileOnly",
+          "Open on iPhone or Android to choose apps and start a focus shield."
+        ) })
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "px-1 py-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(ShieldBan, { className: "h-5 w-5 text-txt", "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "font-bold text-sm text-txt", children: title }),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: `inline-flex items-center gap-1 text-xs ${badge.ready ? "text-ok" : "text-muted"}`,
+                children: [
+                  badge.ready ? /* @__PURE__ */ jsx(CheckCircle2, { className: "mr-1 h-3 w-3", "aria-hidden": true }) : null,
+                  badge.label
+                ]
+              }
+            ),
+            status?.platform ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted", children: status.platform.toUpperCase() }) : null,
+            status?.active ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx(Timer, { className: "mr-1 h-3 w-3", "aria-hidden": true }),
+              translate(
+                t,
+                "permissionssection.appBlocking.active",
+                "Blocking"
+              )
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 text-xs-tight text-muted", children: /* @__PURE__ */ jsx("span", { children: status?.platform === "ios" ? translate(
+            t,
+            "permissionssection.appBlocking.iosDescription",
+            "Family Controls shield for selected iPhone apps."
+          ) : translate(
+            t,
+            "permissionssection.appBlocking.androidDescription",
+            "Usage Access shield for selected Android apps."
+          ) }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 pt-1", children: [
+            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx(ListChecks, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+              status?.active ? `${status.blockedCount}` : `${selectedPackageNames.length + selectedIosApps.length}`,
+              " ",
+              translate(t, "permissionssection.appBlocking.apps", "apps")
+            ] }),
+            status?.active && status.endsAt ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx(Clock3, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+              formatEndsAt(status.endsAt)
+            ] }) : null
+          ] }),
+          error ? /* @__PURE__ */ jsx("div", { className: "text-xs text-danger", children: error }) : null,
+          !error && permission?.reason ? /* @__PURE__ */ jsx("div", { className: "text-xs text-danger", children: permission.reason }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap gap-2 sm:pt-0.5", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "outline",
+            className: "min-h-10 rounded-xl px-3 text-xs-tight font-semibold",
+            onClick: () => void refreshState(),
+            disabled: loading || busy,
+            "aria-label": translate(t, "common.refresh", "Refresh"),
+            children: loading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4", "aria-hidden": true })
+          }
+        ),
+        permission?.status !== "granted" ? /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "default",
+            className: "min-h-10 rounded-xl px-3 text-xs-tight font-semibold",
+            onClick: () => void handleRequestPermissions(),
+            disabled: busy,
+            children: [
+              /* @__PURE__ */ jsx(CheckCircle2, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
+              translate(
+                t,
+                "permissionssection.RequestApproval",
+                "Request Approval"
+              )
+            ]
+          }
+        ) : null,
+        status?.active ? /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "default",
+            className: "min-h-10 rounded-xl px-3 text-xs-tight font-semibold",
+            onClick: () => void handleStopBlock(),
+            disabled: busy,
+            children: [
+              /* @__PURE__ */ jsx(Square, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
+              translate(
+                t,
+                "permissionssection.appBlocking.stop",
+                "Stop Block"
+              )
+            ]
+          }
+        ) : null
+      ] })
+    ] }),
+    loading ? /* @__PURE__ */ jsx("div", { className: "py-3 text-xs-tight text-muted", children: translate(
+      t,
+      "permissionssection.LoadingPermissions",
+      "Loading permissions..."
+    ) }) : null,
+    !loading && permission?.status === "granted" && status?.platform === "android" ? /* @__PURE__ */ jsx("div", { className: "py-3", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4 lg:grid-cols-[minmax(0,1fr)_220px]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("label", { className: "block", children: [
+          /* @__PURE__ */ jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wide text-muted", children: translate(
+            t,
+            "permissionssection.appBlocking.search",
+            "Search Apps"
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: query,
+                onChange: (event) => setQuery(event.target.value),
+                placeholder: translate(
+                  t,
+                  "permissionssection.appBlocking.searchPlaceholder",
+                  "Search installed apps"
+                ),
+                className: "w-full rounded-xl border border-border/60 bg-bg/60 py-2 pl-9 pr-3 text-sm text-txt outline-none transition focus:border-border"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "max-h-72 space-y-1 overflow-y-auto", children: [
+          filteredApps.map((app) => {
+            const checked = selectedPackageNames.includes(
+              app.packageName
+            );
+            return /* @__PURE__ */ jsxs(
+              "label",
+              {
+                className: "flex cursor-pointer items-start gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-bg/50",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked,
+                      onChange: () => togglePackageName(app.packageName),
+                      className: "mt-0.5 h-4 w-4 rounded border-border"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx("span", { className: "block font-medium text-txt", children: app.displayName }),
+                    /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted", children: app.packageName })
+                  ] })
+                ]
+              },
+              app.packageName
+            );
+          }),
+          filteredApps.length === 0 ? /* @__PURE__ */ jsx(
+            AppBlockerStatusIcon,
+            {
+              label: translate(
+                t,
+                "permissionssection.appBlocking.noApps",
+                "Apps clear"
+              )
+            }
+          ) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted", children: translate(
+            t,
+            "permissionssection.appBlocking.selection",
+            "Selection"
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-1 text-sm text-txt", children: [
+            selectedPackageNames.length,
+            " app",
+            selectedPackageNames.length === 1 ? "" : "s",
+            " selected"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm text-txt", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: indefinite,
+              onChange: (event) => setIndefinite(event.target.checked),
+              className: "h-4 w-4 rounded border-border"
+            }
+          ),
+          translate(
+            t,
+            "permissionssection.appBlocking.indefinite",
+            "Block until I stop it"
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "block", children: [
+          /* @__PURE__ */ jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wide text-muted", children: translate(
+            t,
+            "permissionssection.appBlocking.duration",
+            "Minutes"
+          ) }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              min: 1,
+              step: 1,
+              value: durationMinutes,
+              onChange: (event) => setDurationMinutes(event.target.value),
+              disabled: indefinite,
+              className: "w-full rounded-xl border border-border/60 bg-bg/60 px-3 py-2 text-sm text-txt outline-none transition focus:border-border disabled:opacity-60"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "default",
+            className: "min-h-10 w-full rounded-xl px-3 text-xs-tight font-semibold",
+            onClick: () => void handleStartBlock(),
+            disabled: busy || selectedPackageNames.length === 0,
+            children: [
+              /* @__PURE__ */ jsx(ShieldBan, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
+              translate(
+                t,
+                "permissionssection.appBlocking.start",
+                "Start Block"
+              )
+            ]
+          }
+        )
+      ] })
+    ] }) }) : null,
+    !loading && permission?.status === "granted" && status?.platform === "ios" ? /* @__PURE__ */ jsx("div", { className: "py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted", children: translate(
+          t,
+          "permissionssection.appBlocking.selection",
+          "Selection"
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-txt", children: selectedIosApps.length > 0 ? `${selectedIosApps.length} app${selectedIosApps.length === 1 ? "" : "s"} selected` : status.active ? `${status.blockedCount} app${status.blockedCount === 1 ? "" : "s"} currently shielded` : translate(
+          t,
+          "permissionssection.appBlocking.noneSelected",
+          "Selection clear"
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "outline",
+            className: "min-h-10 rounded-xl px-3 text-xs-tight font-semibold",
+            onClick: () => void handleSelectIosApps(),
+            disabled: busy,
+            children: [
+              /* @__PURE__ */ jsx(ListChecks, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
+              translate(
+                t,
+                "permissionssection.appBlocking.chooseApps",
+                "Choose Apps"
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "default",
+            className: "min-h-10 rounded-xl px-3 text-xs-tight font-semibold",
+            onClick: () => void handleStartBlock(),
+            disabled: busy || selectedIosApps.length === 0,
+            children: [
+              /* @__PURE__ */ jsx(ShieldBan, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
+              translate(
+                t,
+                "permissionssection.appBlocking.start",
+                "Start Block"
+              )
+            ]
+          }
+        )
+      ] })
+    ] }) }) : null
+  ] });
+}
+export {
+  AppBlockerSettingsCard
+};
+//# sourceMappingURL=AppBlockerSettingsCard.js.map

package/dist/components/AppBlockerSettingsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/AppBlockerSettingsCard.tsx"],"sourcesContent":["import { Button, client } from \"@elizaos/ui\";\nimport { useAppSelector } from \"@elizaos/ui/state\";\nimport {\n  CheckCircle2,\n  Clock3,\n  ListChecks,\n  Loader2,\n  RefreshCw,\n  Search,\n  ShieldBan,\n  Smartphone,\n  Sparkles,\n  Square,\n  Timer,\n} from \"lucide-react\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { AppBlockerSettingsCardProps } from \"../types/app-blocker-settings-card.js\";\n\ntype AppBlockerPermission = Awaited<\n  ReturnType<typeof client.checkAppBlockerPermissions>\n>;\ntype AppBlockerStatus = Awaited<ReturnType<typeof client.getAppBlockerStatus>>;\ntype AppBlockerInstalledApp = Awaited<\n  ReturnType<typeof client.getInstalledAppsToBlock>\n>[\"apps\"][number];\n\nfunction translate(\n  t: (key: string) => string,\n  key: string,\n  fallback: string,\n): string {\n  const value = t(key);\n  return value === key ? fallback : value;\n}\n\nfunction statusBadge(\n  t: (key: string) => string,\n  permission: AppBlockerPermission | null,\n): { variant: \"secondary\" | \"outline\"; label: string; ready: boolean } {\n  if (!permission) {\n    return {\n      variant: \"outline\",\n      label: translate(t, \"permissionssection.badge.unknown\", \"Unknown\"),\n      ready: false,\n    };\n  }\n  if (permission.status === \"granted\") {\n    return {\n      variant: \"secondary\",\n      label: translate(t, \"permissionssection.badge.ready\", \"Ready\"),\n      ready: true,\n    };\n  }\n  return {\n    variant: \"outline\",\n    label: translate(\n      t,\n      \"permissionssection.badge.needsApproval\",\n      \"Needs Approval\",\n    ),\n    ready: false,\n  };\n}\n\nfunction formatEndsAt(value: string | null): string | null {\n  if (!value) {\n    return null;\n  }\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) {\n    return value;\n  }\n  return date.toLocaleString();\n}\n\nfunction AppBlockerStatusIcon({ label }: { label: string }) {\n  return (\n    <div\n      className=\"flex items-center justify-center py-4 text-muted\"\n      role=\"status\"\n      aria-label={label}\n      title={label}\n    >\n      <Sparkles className=\"h-4 w-4 opacity-70\" aria-hidden />\n      <span className=\"sr-only\">{label}</span>\n    </div>\n  );\n}\n\nexport function AppBlockerSettingsCard({ mode }: AppBlockerSettingsCardProps) {\n  const rawT = useAppSelector((s) => s.t);\n  const t = typeof rawT === \"function\" ? rawT : (key: string): string => key;\n\n  const [permission, setPermission] = useState<AppBlockerPermission | null>(\n    null,\n  );\n  const [status, setStatus] = useState<AppBlockerStatus | null>(null);\n  const [installedApps, setInstalledApps] = useState<AppBlockerInstalledApp[]>(\n    [],\n  );\n  const [selectedPackageNames, setSelectedPackageNames] = useState<string[]>(\n    [],\n  );\n  const [selectedIosApps, setSelectedIosApps] = useState<\n    AppBlockerInstalledApp[]\n  >([]);\n  const [durationMinutes, setDurationMinutes] = useState(\"30\");\n  const [indefinite, setIndefinite] = useState(false);\n  const [query, setQuery] = useState(\"\");\n  const [loading, setLoading] = useState(mode === \"mobile\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const refreshState = useCallback(async () => {\n    if (mode !== \"mobile\") {\n      return;\n    }\n\n    setLoading(true);\n    try {\n      const [nextPermission, nextStatus] = await Promise.all([\n        client.checkAppBlockerPermissions(),\n        client.getAppBlockerStatus(),\n      ]);\n      setPermission(nextPermission);\n      setStatus(nextStatus);\n\n      if (\n        nextStatus.platform === \"android\" &&\n        nextPermission.status === \"granted\"\n      ) {\n        const response = await client.getInstalledAppsToBlock();\n        setInstalledApps(response.apps);\n        setSelectedPackageNames((current) =>\n          current.filter((packageName) =>\n            response.apps.some(\n              (app: AppBlockerInstalledApp) => app.packageName === packageName,\n            ),\n          ),\n        );\n      } else {\n        setInstalledApps([]);\n      }\n    } catch (nextError) {\n      setError(\n        nextError instanceof Error\n          ? nextError.message\n          : \"Unable to load the mobile app blocker state.\",\n      );\n    } finally {\n      setLoading(false);\n    }\n  }, [mode]);\n\n  useEffect(() => {\n    void refreshState();\n  }, [refreshState]);\n\n  const filteredApps = useMemo(() => {\n    const normalizedQuery = query.trim().toLowerCase();\n    if (!normalizedQuery) {\n      return installedApps;\n    }\n    return installedApps.filter((app) => {\n      return (\n        app.displayName.toLowerCase().includes(normalizedQuery) ||\n        app.packageName.toLowerCase().includes(normalizedQuery)\n      );\n    });\n  }, [installedApps, query]);\n\n  const togglePackageName = useCallback((packageName: string) => {\n    setSelectedPackageNames((current) =>\n      current.includes(packageName)\n        ? current.filter((value) => value !== packageName)\n        : [...current, packageName],\n    );\n  }, []);\n\n  const runAction = useCallback(async (action: () => Promise<void>) => {\n    setBusy(true);\n    setError(null);\n    try {\n      await action();\n    } catch (nextError) {\n      setError(\n        nextError instanceof Error\n          ? nextError.message\n          : \"The app blocker action failed.\",\n      );\n    } finally {\n      setBusy(false);\n    }\n  }, []);\n\n  const handleRequestPermissions = useCallback(() => {\n    return runAction(async () => {\n      await client.requestAppBlockerPermissions();\n      await refreshState();\n    });\n  }, [refreshState, runAction]);\n\n  const handleSelectIosApps = useCallback(() => {\n    return runAction(async () => {\n      const response = await client.selectAppBlockerApps();\n      if (!response.cancelled) {\n        setSelectedIosApps(response.apps);\n      }\n    });\n  }, [runAction]);\n\n  const handleStartBlock = useCallback(() => {\n    return runAction(async () => {\n      if (status?.platform === \"android\") {\n        const result = await client.startAppBlock({\n          packageNames: selectedPackageNames,\n          durationMinutes: indefinite\n            ? null\n            : Number.parseInt(durationMinutes, 10),\n        });\n        if (!result.success) {\n          throw new Error(\n            result.error ?? \"Unable to start the Android app block.\",\n          );\n        }\n      } else {\n        const result = await client.startAppBlock({\n          appTokens: selectedIosApps\n            .map((app) => app.tokenData)\n            .filter((tokenData): tokenData is string => Boolean(tokenData)),\n        });\n        if (!result.success) {\n          throw new Error(\n            result.error ?? \"Unable to start the iPhone app block.\",\n          );\n        }\n      }\n      await refreshState();\n    });\n  }, [\n    durationMinutes,\n    indefinite,\n    refreshState,\n    runAction,\n    selectedIosApps,\n    selectedPackageNames,\n    status?.platform,\n  ]);\n\n  const handleStopBlock = useCallback(() => {\n    return runAction(async () => {\n      const result = await client.stopAppBlock();\n      if (!result.success) {\n        throw new Error(result.error ?? \"Unable to stop the app block.\");\n      }\n      await refreshState();\n    });\n  }, [refreshState, runAction]);\n\n  const badge = statusBadge(t, permission);\n  const title = translate(\n    t,\n    \"permissionssection.permission.appBlocking.name\",\n    \"App Blocking\",\n  );\n\n  if (mode !== \"mobile\") {\n    return (\n      <div className=\"px-1 py-2\">\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex h-9 w-9 shrink-0 items-center justify-center\">\n            <Smartphone className=\"h-5 w-5 text-muted\" aria-hidden />\n          </div>\n          <div className=\"min-w-0 space-y-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <div className=\"font-bold text-sm text-txt\">{title}</div>\n              <span className=\"text-xs text-muted\">\n                {translate(t, \"permissionssection.mobileOnly\", \"Mobile only\")}\n              </span>\n            </div>\n            <div className=\"text-xs-tight leading-5 text-muted\">\n              {translate(\n                t,\n                \"permissionssection.appBlocking.mobileOnly\",\n                \"Open on iPhone or Android to choose apps and start a focus shield.\",\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"px-1 py-2\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n        <div className=\"flex min-w-0 items-start gap-3\">\n          <div className=\"flex h-9 w-9 shrink-0 items-center justify-center\">\n            <ShieldBan className=\"h-5 w-5 text-txt\" aria-hidden />\n          </div>\n          <div className=\"min-w-0 space-y-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <div className=\"font-bold text-sm text-txt\">{title}</div>\n              <span\n                className={`inline-flex items-center gap-1 text-xs ${\n                  badge.ready ? \"text-ok\" : \"text-muted\"\n                }`}\n              >\n                {badge.ready ? (\n                  <CheckCircle2 className=\"mr-1 h-3 w-3\" aria-hidden />\n                ) : null}\n                {badge.label}\n              </span>\n              {status?.platform ? (\n                <span className=\"text-xs text-muted\">\n                  {status.platform.toUpperCase()}\n                </span>\n              ) : null}\n              {status?.active ? (\n                <span className=\"inline-flex items-center gap-1 text-xs text-muted\">\n                  <Timer className=\"mr-1 h-3 w-3\" aria-hidden />\n                  {translate(\n                    t,\n                    \"permissionssection.appBlocking.active\",\n                    \"Blocking\",\n                  )}\n                </span>\n              ) : null}\n            </div>\n            <div className=\"flex flex-wrap gap-2 text-xs-tight text-muted\">\n              <span>\n                {status?.platform === \"ios\"\n                  ? translate(\n                      t,\n                      \"permissionssection.appBlocking.iosDescription\",\n                      \"Family Controls shield for selected iPhone apps.\",\n                    )\n                  : translate(\n                      t,\n                      \"permissionssection.appBlocking.androidDescription\",\n                      \"Usage Access shield for selected Android apps.\",\n                    )}\n              </span>\n            </div>\n            <div className=\"flex flex-wrap items-center gap-2 pt-1\">\n              <span className=\"inline-flex items-center gap-1 text-xs text-muted\">\n                <ListChecks className=\"h-3.5 w-3.5\" aria-hidden />\n                {status?.active\n                  ? `${status.blockedCount}`\n                  : `${selectedPackageNames.length + selectedIosApps.length}`}{\" \"}\n                {translate(t, \"permissionssection.appBlocking.apps\", \"apps\")}\n              </span>\n              {status?.active && status.endsAt ? (\n                <span className=\"inline-flex items-center gap-1 text-xs text-muted\">\n                  <Clock3 className=\"h-3.5 w-3.5\" aria-hidden />\n                  {formatEndsAt(status.endsAt)}\n                </span>\n              ) : null}\n            </div>\n            {error ? <div className=\"text-xs text-danger\">{error}</div> : null}\n            {!error && permission?.reason ? (\n              <div className=\"text-xs text-danger\">{permission.reason}</div>\n            ) : null}\n          </div>\n        </div>\n        <div className=\"flex shrink-0 flex-wrap gap-2 sm:pt-0.5\">\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            className=\"min-h-10 rounded-xl px-3 text-xs-tight font-semibold\"\n            onClick={() => void refreshState()}\n            disabled={loading || busy}\n            aria-label={translate(t, \"common.refresh\", \"Refresh\")}\n          >\n            {loading ? (\n              <Loader2 className=\"h-4 w-4 animate-spin\" aria-hidden />\n            ) : (\n              <RefreshCw className=\"h-4 w-4\" aria-hidden />\n            )}\n          </Button>\n          {permission?.status !== \"granted\" ? (\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"default\"\n              className=\"min-h-10 rounded-xl px-3 text-xs-tight font-semibold\"\n              onClick={() => void handleRequestPermissions()}\n              disabled={busy}\n            >\n              <CheckCircle2 className=\"mr-1.5 h-4 w-4\" aria-hidden />\n              {translate(\n                t,\n                \"permissionssection.RequestApproval\",\n                \"Request Approval\",\n              )}\n            </Button>\n          ) : null}\n          {status?.active ? (\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"default\"\n              className=\"min-h-10 rounded-xl px-3 text-xs-tight font-semibold\"\n              onClick={() => void handleStopBlock()}\n              disabled={busy}\n            >\n              <Square className=\"mr-1.5 h-4 w-4\" aria-hidden />\n              {translate(\n                t,\n                \"permissionssection.appBlocking.stop\",\n                \"Stop Block\",\n              )}\n            </Button>\n          ) : null}\n        </div>\n      </div>\n\n      {loading ? (\n        <div className=\"py-3 text-xs-tight text-muted\">\n          {translate(\n            t,\n            \"permissionssection.LoadingPermissions\",\n            \"Loading permissions...\",\n          )}\n        </div>\n      ) : null}\n\n      {!loading &&\n      permission?.status === \"granted\" &&\n      status?.platform === \"android\" ? (\n        <div className=\"py-3\">\n          <div className=\"grid gap-4 lg:grid-cols-[minmax(0,1fr)_220px]\">\n            <div className=\"space-y-3\">\n              <label className=\"block\">\n                <span className=\"mb-2 block text-xs font-semibold uppercase tracking-wide text-muted\">\n                  {translate(\n                    t,\n                    \"permissionssection.appBlocking.search\",\n                    \"Search Apps\",\n                  )}\n                </span>\n                <div className=\"relative\">\n                  <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted\" />\n                  <input\n                    value={query}\n                    onChange={(event) => setQuery(event.target.value)}\n                    placeholder={translate(\n                      t,\n                      \"permissionssection.appBlocking.searchPlaceholder\",\n                      \"Search installed apps\",\n                    )}\n                    className=\"w-full rounded-xl border border-border/60 bg-bg/60 py-2 pl-9 pr-3 text-sm text-txt outline-none transition focus:border-border\"\n                  />\n                </div>\n              </label>\n              <div className=\"max-h-72 space-y-1 overflow-y-auto\">\n                {filteredApps.map((app) => {\n                  const checked = selectedPackageNames.includes(\n                    app.packageName,\n                  );\n                  return (\n                    <label\n                      key={app.packageName}\n                      className=\"flex cursor-pointer items-start gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-bg/50\"\n                    >\n                      <input\n                        type=\"checkbox\"\n                        checked={checked}\n                        onChange={() => togglePackageName(app.packageName)}\n                        className=\"mt-0.5 h-4 w-4 rounded border-border\"\n                      />\n                      <span className=\"min-w-0\">\n                        <span className=\"block font-medium text-txt\">\n                          {app.displayName}\n                        </span>\n                        <span className=\"block truncate text-xs text-muted\">\n                          {app.packageName}\n                        </span>\n                      </span>\n                    </label>\n                  );\n                })}\n                {filteredApps.length === 0 ? (\n                  <AppBlockerStatusIcon\n                    label={translate(\n                      t,\n                      \"permissionssection.appBlocking.noApps\",\n                      \"Apps clear\",\n                    )}\n                  />\n                ) : null}\n              </div>\n            </div>\n\n            <div className=\"space-y-3\">\n              <div>\n                <div className=\"text-xs font-semibold uppercase tracking-wide text-muted\">\n                  {translate(\n                    t,\n                    \"permissionssection.appBlocking.selection\",\n                    \"Selection\",\n                  )}\n                </div>\n                <div className=\"mt-1 text-sm text-txt\">\n                  {selectedPackageNames.length} app\n                  {selectedPackageNames.length === 1 ? \"\" : \"s\"} selected\n                </div>\n              </div>\n              <label className=\"flex items-center gap-2 text-sm text-txt\">\n                <input\n                  type=\"checkbox\"\n                  checked={indefinite}\n                  onChange={(event) => setIndefinite(event.target.checked)}\n                  className=\"h-4 w-4 rounded border-border\"\n                />\n                {translate(\n                  t,\n                  \"permissionssection.appBlocking.indefinite\",\n                  \"Block until I stop it\",\n                )}\n              </label>\n              <label className=\"block\">\n                <span className=\"mb-2 block text-xs font-semibold uppercase tracking-wide text-muted\">\n                  {translate(\n                    t,\n                    \"permissionssection.appBlocking.duration\",\n                    \"Minutes\",\n                  )}\n                </span>\n                <input\n                  type=\"number\"\n                  min={1}\n                  step={1}\n                  value={durationMinutes}\n                  onChange={(event) => setDurationMinutes(event.target.value)}\n                  disabled={indefinite}\n                  className=\"w-full rounded-xl border border-border/60 bg-bg/60 px-3 py-2 text-sm text-txt outline-none transition focus:border-border disabled:opacity-60\"\n                />\n              </label>\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                variant=\"default\"\n                className=\"min-h-10 w-full rounded-xl px-3 text-xs-tight font-semibold\"\n                onClick={() => void handleStartBlock()}\n                disabled={busy || selectedPackageNames.length === 0}\n              >\n                <ShieldBan className=\"mr-1.5 h-4 w-4\" aria-hidden />\n                {translate(\n                  t,\n                  \"permissionssection.appBlocking.start\",\n                  \"Start Block\",\n                )}\n              </Button>\n            </div>\n          </div>\n        </div>\n      ) : null}\n\n      {!loading &&\n      permission?.status === \"granted\" &&\n      status?.platform === \"ios\" ? (\n        <div className=\"py-3\">\n          <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n            <div className=\"space-y-1\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted\">\n                {translate(\n                  t,\n                  \"permissionssection.appBlocking.selection\",\n                  \"Selection\",\n                )}\n              </div>\n              <div className=\"text-sm text-txt\">\n                {selectedIosApps.length > 0\n                  ? `${selectedIosApps.length} app${\n                      selectedIosApps.length === 1 ? \"\" : \"s\"\n                    } selected`\n                  : status.active\n                    ? `${status.blockedCount} app${\n                        status.blockedCount === 1 ? \"\" : \"s\"\n                      } currently shielded`\n                    : translate(\n                        t,\n                        \"permissionssection.appBlocking.noneSelected\",\n                        \"Selection clear\",\n                      )}\n              </div>\n            </div>\n            <div className=\"flex flex-wrap gap-2\">\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                variant=\"outline\"\n                className=\"min-h-10 rounded-xl px-3 text-xs-tight font-semibold\"\n                onClick={() => void handleSelectIosApps()}\n                disabled={busy}\n              >\n                <ListChecks className=\"mr-1.5 h-4 w-4\" aria-hidden />\n                {translate(\n                  t,\n                  \"permissionssection.appBlocking.chooseApps\",\n                  \"Choose Apps\",\n                )}\n              </Button>\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                variant=\"default\"\n                className=\"min-h-10 rounded-xl px-3 text-xs-tight font-semibold\"\n                onClick={() => void handleStartBlock()}\n                disabled={busy || selectedIosApps.length === 0}\n              >\n                <ShieldBan className=\"mr-1.5 h-4 w-4\" aria-hidden />\n                {translate(\n                  t,\n                  \"permissionssection.appBlocking.start\",\n                  \"Start Block\",\n                )}\n              </Button>\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"AA6EI,SAME,KANF;AA7EJ,SAAS,QAAQ,cAAc;AAC/B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAW1D,SAAS,UACP,GACA,KACA,UACQ;AACR,QAAM,QAAQ,EAAE,GAAG;AACnB,SAAO,UAAU,MAAM,WAAW;AACpC;AAEA,SAAS,YACP,GACA,YACqE;AACrE,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,MACL,SAAS;AAAA,MACT,OAAO,UAAU,GAAG,oCAAoC,SAAS;AAAA,MACjE,OAAO;AAAA,IACT;AAAA,EACF;AACA,MAAI,WAAW,WAAW,WAAW;AACnC,WAAO;AAAA,MACL,SAAS;AAAA,MACT,OAAO,UAAU,GAAG,kCAAkC,OAAO;AAAA,MAC7D,OAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO;AAAA,EACT;AACF;AAEA,SAAS,aAAa,OAAqC;AACzD,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,GAAG;AAChC,WAAO;AAAA,EACT;AACA,SAAO,KAAK,eAAe;AAC7B;AAEA,SAAS,qBAAqB,EAAE,MAAM,GAAsB;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,OAAO;AAAA,MAEP;AAAA,4BAAC,YAAS,WAAU,sBAAqB,eAAW,MAAC;AAAA,QACrD,oBAAC,UAAK,WAAU,WAAW,iBAAM;AAAA;AAAA;AAAA,EACnC;AAEJ;AAEO,SAAS,uBAAuB,EAAE,KAAK,GAAgC;AAC5E,QAAM,OAAO,eAAe,CAAC,MAAM,EAAE,CAAC;AACtC,QAAM,IAAI,OAAO,SAAS,aAAa,OAAO,CAAC,QAAwB;AAEvE,QAAM,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA,EACF;AACA,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkC,IAAI;AAClE,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,CAAC;AAAA,EACH;AACA,QAAM,CAAC,sBAAsB,uBAAuB,IAAI;AAAA,IACtD,CAAC;AAAA,EACH;AACA,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAE5C,CAAC,CAAC;AACJ,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,IAAI;AAC3D,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,SAAS,QAAQ;AACxD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,QAAM,eAAe,YAAY,YAAY;AAC3C,QAAI,SAAS,UAAU;AACrB;AAAA,IACF;AAEA,eAAW,IAAI;AACf,QAAI;AACF,YAAM,CAAC,gBAAgB,UAAU,IAAI,MAAM,QAAQ,IAAI;AAAA,QACrD,OAAO,2BAA2B;AAAA,QAClC,OAAO,oBAAoB;AAAA,MAC7B,CAAC;AACD,oBAAc,cAAc;AAC5B,gBAAU,UAAU;AAEpB,UACE,WAAW,aAAa,aACxB,eAAe,WAAW,WAC1B;AACA,cAAM,WAAW,MAAM,OAAO,wBAAwB;AACtD,yBAAiB,SAAS,IAAI;AAC9B;AAAA,UAAwB,CAAC,YACvB,QAAQ;AAAA,YAAO,CAAC,gBACd,SAAS,KAAK;AAAA,cACZ,CAAC,QAAgC,IAAI,gBAAgB;AAAA,YACvD;AAAA,UACF;AAAA,QACF;AAAA,MACF,OAAO;AACL,yBAAiB,CAAC,CAAC;AAAA,MACrB;AAAA,IACF,SAAS,WAAW;AAClB;AAAA,QACE,qBAAqB,QACjB,UAAU,UACV;AAAA,MACN;AAAA,IACF,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,SAAK,aAAa;AAAA,EACpB,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,eAAe,QAAQ,MAAM;AACjC,UAAM,kBAAkB,MAAM,KAAK,EAAE,YAAY;AACjD,QAAI,CAAC,iBAAiB;AACpB,aAAO;AAAA,IACT;AACA,WAAO,cAAc,OAAO,CAAC,QAAQ;AACnC,aACE,IAAI,YAAY,YAAY,EAAE,SAAS,eAAe,KACtD,IAAI,YAAY,YAAY,EAAE,SAAS,eAAe;AAAA,IAE1D,CAAC;AAAA,EACH,GAAG,CAAC,eAAe,KAAK,CAAC;AAEzB,QAAM,oBAAoB,YAAY,CAAC,gBAAwB;AAC7D;AAAA,MAAwB,CAAC,YACvB,QAAQ,SAAS,WAAW,IACxB,QAAQ,OAAO,CAAC,UAAU,UAAU,WAAW,IAC/C,CAAC,GAAG,SAAS,WAAW;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,YAAY,OAAO,WAAgC;AACnE,YAAQ,IAAI;AACZ,aAAS,IAAI;AACb,QAAI;AACF,YAAM,OAAO;AAAA,IACf,SAAS,WAAW;AAClB;AAAA,QACE,qBAAqB,QACjB,UAAU,UACV;AAAA,MACN;AAAA,IACF,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,2BAA2B,YAAY,MAAM;AACjD,WAAO,UAAU,YAAY;AAC3B,YAAM,OAAO,6BAA6B;AAC1C,YAAM,aAAa;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,cAAc,SAAS,CAAC;AAE5B,QAAM,sBAAsB,YAAY,MAAM;AAC5C,WAAO,UAAU,YAAY;AAC3B,YAAM,WAAW,MAAM,OAAO,qBAAqB;AACnD,UAAI,CAAC,SAAS,WAAW;AACvB,2BAAmB,SAAS,IAAI;AAAA,MAClC;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,mBAAmB,YAAY,MAAM;AACzC,WAAO,UAAU,YAAY;AAC3B,UAAI,QAAQ,aAAa,WAAW;AAClC,cAAM,SAAS,MAAM,OAAO,cAAc;AAAA,UACxC,cAAc;AAAA,UACd,iBAAiB,aACb,OACA,OAAO,SAAS,iBAAiB,EAAE;AAAA,QACzC,CAAC;AACD,YAAI,CAAC,OAAO,SAAS;AACnB,gBAAM,IAAI;AAAA,YACR,OAAO,SAAS;AAAA,UAClB;AAAA,QACF;AAAA,MACF,OAAO;AACL,cAAM,SAAS,MAAM,OAAO,cAAc;AAAA,UACxC,WAAW,gBACR,IAAI,CAAC,QAAQ,IAAI,SAAS,EAC1B,OAAO,CAAC,cAAmC,QAAQ,SAAS,CAAC;AAAA,QAClE,CAAC;AACD,YAAI,CAAC,OAAO,SAAS;AACnB,gBAAM,IAAI;AAAA,YACR,OAAO,SAAS;AAAA,UAClB;AAAA,QACF;AAAA,MACF;AACA,YAAM,aAAa;AAAA,IACrB,CAAC;AAAA,EACH,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,CAAC;AAED,QAAM,kBAAkB,YAAY,MAAM;AACxC,WAAO,UAAU,YAAY;AAC3B,YAAM,SAAS,MAAM,OAAO,aAAa;AACzC,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,IAAI,MAAM,OAAO,SAAS,+BAA+B;AAAA,MACjE;AACA,YAAM,aAAa;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,cAAc,SAAS,CAAC;AAE5B,QAAM,QAAQ,YAAY,GAAG,UAAU;AACvC,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,SAAS,UAAU;AACrB,WACE,oBAAC,SAAI,WAAU,aACb,+BAAC,SAAI,WAAU,0BACb;AAAA,0BAAC,SAAI,WAAU,qDACb,8BAAC,cAAW,WAAU,sBAAqB,eAAW,MAAC,GACzD;AAAA,MACA,qBAAC,SAAI,WAAU,qBACb;AAAA,6BAAC,SAAI,WAAU,qCACb;AAAA,8BAAC,SAAI,WAAU,8BAA8B,iBAAM;AAAA,UACnD,oBAAC,UAAK,WAAU,sBACb,oBAAU,GAAG,iCAAiC,aAAa,GAC9D;AAAA,WACF;AAAA,QACA,oBAAC,SAAI,WAAU,sCACZ;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,QACF,GACF;AAAA,SACF;AAAA,OACF,GACF;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SAAI,WAAU,qEACb;AAAA,2BAAC,SAAI,WAAU,kCACb;AAAA,4BAAC,SAAI,WAAU,qDACb,8BAAC,aAAU,WAAU,oBAAmB,eAAW,MAAC,GACtD;AAAA,QACA,qBAAC,SAAI,WAAU,qBACb;AAAA,+BAAC,SAAI,WAAU,qCACb;AAAA,gCAAC,SAAI,WAAU,8BAA8B,iBAAM;AAAA,YACnD;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,0CACT,MAAM,QAAQ,YAAY,YAC5B;AAAA,gBAEC;AAAA,wBAAM,QACL,oBAAC,gBAAa,WAAU,gBAAe,eAAW,MAAC,IACjD;AAAA,kBACH,MAAM;AAAA;AAAA;AAAA,YACT;AAAA,YACC,QAAQ,WACP,oBAAC,UAAK,WAAU,sBACb,iBAAO,SAAS,YAAY,GAC/B,IACE;AAAA,YACH,QAAQ,SACP,qBAAC,UAAK,WAAU,qDACd;AAAA,kCAAC,SAAM,WAAU,gBAAe,eAAW,MAAC;AAAA,cAC3C;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA,eACF,IACE;AAAA,aACN;AAAA,UACA,oBAAC,SAAI,WAAU,iDACb,8BAAC,UACE,kBAAQ,aAAa,QAClB;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,UACF,IACA;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,UACF,GACN,GACF;AAAA,UACA,qBAAC,SAAI,WAAU,0CACb;AAAA,iCAAC,UAAK,WAAU,qDACd;AAAA,kCAAC,cAAW,WAAU,eAAc,eAAW,MAAC;AAAA,cAC/C,QAAQ,SACL,GAAG,OAAO,YAAY,KACtB,GAAG,qBAAqB,SAAS,gBAAgB,MAAM;AAAA,cAAI;AAAA,cAC9D,UAAU,GAAG,uCAAuC,MAAM;AAAA,eAC7D;AAAA,YACC,QAAQ,UAAU,OAAO,SACxB,qBAAC,UAAK,WAAU,qDACd;AAAA,kCAAC,UAAO,WAAU,eAAc,eAAW,MAAC;AAAA,cAC3C,aAAa,OAAO,MAAM;AAAA,eAC7B,IACE;AAAA,aACN;AAAA,UACC,QAAQ,oBAAC,SAAI,WAAU,uBAAuB,iBAAM,IAAS;AAAA,UAC7D,CAAC,SAAS,YAAY,SACrB,oBAAC,SAAI,WAAU,uBAAuB,qBAAW,QAAO,IACtD;AAAA,WACN;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,2CACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,aAAa;AAAA,YACjC,UAAU,WAAW;AAAA,YACrB,cAAY,UAAU,GAAG,kBAAkB,SAAS;AAAA,YAEnD,oBACC,oBAAC,WAAQ,WAAU,wBAAuB,eAAW,MAAC,IAEtD,oBAAC,aAAU,WAAU,WAAU,eAAW,MAAC;AAAA;AAAA,QAE/C;AAAA,QACC,YAAY,WAAW,YACtB;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,yBAAyB;AAAA,YAC7C,UAAU;AAAA,YAEV;AAAA,kCAAC,gBAAa,WAAU,kBAAiB,eAAW,MAAC;AAAA,cACpD;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF,IACE;AAAA,QACH,QAAQ,SACP;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,gBAAgB;AAAA,YACpC,UAAU;AAAA,YAEV;AAAA,kCAAC,UAAO,WAAU,kBAAiB,eAAW,MAAC;AAAA,cAC9C;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF,IACE;AAAA,SACN;AAAA,OACF;AAAA,IAEC,UACC,oBAAC,SAAI,WAAU,iCACZ;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACF,IACE;AAAA,IAEH,CAAC,WACF,YAAY,WAAW,aACvB,QAAQ,aAAa,YACnB,oBAAC,SAAI,WAAU,QACb,+BAAC,SAAI,WAAU,iDACb;AAAA,2BAAC,SAAI,WAAU,aACb;AAAA,6BAAC,WAAM,WAAU,SACf;AAAA,8BAAC,UAAK,WAAU,uEACb;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,UACF,GACF;AAAA,UACA,qBAAC,SAAI,WAAU,YACb;AAAA,gCAAC,UAAO,WAAU,mFAAkF;AAAA,YACpG;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,gBAChD,aAAa;AAAA,kBACX;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAAA,gBACA,WAAU;AAAA;AAAA,YACZ;AAAA,aACF;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,sCACZ;AAAA,uBAAa,IAAI,CAAC,QAAQ;AACzB,kBAAM,UAAU,qBAAqB;AAAA,cACnC,IAAI;AAAA,YACN;AACA,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAU;AAAA,gBAEV;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL;AAAA,sBACA,UAAU,MAAM,kBAAkB,IAAI,WAAW;AAAA,sBACjD,WAAU;AAAA;AAAA,kBACZ;AAAA,kBACA,qBAAC,UAAK,WAAU,WACd;AAAA,wCAAC,UAAK,WAAU,8BACb,cAAI,aACP;AAAA,oBACA,oBAAC,UAAK,WAAU,qCACb,cAAI,aACP;AAAA,qBACF;AAAA;AAAA;AAAA,cAhBK,IAAI;AAAA,YAiBX;AAAA,UAEJ,CAAC;AAAA,UACA,aAAa,WAAW,IACvB;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA,UACF,IACE;AAAA,WACN;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAU,aACb;AAAA,6BAAC,SACC;AAAA,8BAAC,SAAI,WAAU,4DACZ;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,UACF,GACF;AAAA,UACA,qBAAC,SAAI,WAAU,yBACZ;AAAA,iCAAqB;AAAA,YAAO;AAAA,YAC5B,qBAAqB,WAAW,IAAI,KAAK;AAAA,YAAI;AAAA,aAChD;AAAA,WACF;AAAA,QACA,qBAAC,WAAM,WAAU,4CACf;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,UAAU,CAAC,UAAU,cAAc,MAAM,OAAO,OAAO;AAAA,cACvD,WAAU;AAAA;AAAA,UACZ;AAAA,UACC;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,WACF;AAAA,QACA,qBAAC,WAAM,WAAU,SACf;AAAA,8BAAC,UAAK,WAAU,uEACb;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,UACF,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU,CAAC,UAAU,mBAAmB,MAAM,OAAO,KAAK;AAAA,cAC1D,UAAU;AAAA,cACV,WAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,iBAAiB;AAAA,YACrC,UAAU,QAAQ,qBAAqB,WAAW;AAAA,YAElD;AAAA,kCAAC,aAAU,WAAU,kBAAiB,eAAW,MAAC;AAAA,cACjD;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,SACF;AAAA,OACF,GACF,IACE;AAAA,IAEH,CAAC,WACF,YAAY,WAAW,aACvB,QAAQ,aAAa,QACnB,oBAAC,SAAI,WAAU,QACb,+BAAC,SAAI,WAAU,sEACb;AAAA,2BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,SAAI,WAAU,4DACZ;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,QACF,GACF;AAAA,QACA,oBAAC,SAAI,WAAU,oBACZ,0BAAgB,SAAS,IACtB,GAAG,gBAAgB,MAAM,OACvB,gBAAgB,WAAW,IAAI,KAAK,GACtC,cACA,OAAO,SACL,GAAG,OAAO,YAAY,OACpB,OAAO,iBAAiB,IAAI,KAAK,GACnC,wBACA;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,QACF,GACR;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,wBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,oBAAoB;AAAA,YACxC,UAAU;AAAA,YAEV;AAAA,kCAAC,cAAW,WAAU,kBAAiB,eAAW,MAAC;AAAA,cAClD;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,iBAAiB;AAAA,YACrC,UAAU,QAAQ,gBAAgB,WAAW;AAAA,YAE7C;AAAA,kCAAC,aAAU,WAAU,kBAAiB,eAAW,MAAC;AAAA,cACjD;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,SACF;AAAA,OACF,GACF,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/components/WebsiteBlockerSettingsCard.d.ts

@@ -0,0 +1,3 @@
+import type { WebsiteBlockerSettingsCardProps } from "../types/website-blocker-settings-card";
+export declare function WebsiteBlockerSettingsCard({ mode, permission, platform, onOpenPermissionSettings, onRequestPermission, }: WebsiteBlockerSettingsCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WebsiteBlockerSettingsCard.d.ts.map

package/dist/components/WebsiteBlockerSettingsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebsiteBlockerSettingsCard.d.ts","sourceRoot":"","sources":["../../src/components/WebsiteBlockerSettingsCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AAqE9F,wBAAgB,0BAA0B,CAAC,EACzC,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,wBAAwB,EACxB,mBAAmB,GACpB,EAAE,+BAA+B,2CAiHjC"}