@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/sales/use-sales.js

@@ -0,0 +1,51 @@
+"use client";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useToast } from "@withpotter/ui-kit";
+import {
+  adminSalesApi
+} from "@withpotter/lib/admin-sales-api";
+const KEY = ["platform-admin", "sales"];
+const useSalesLeads = (filters) => useQuery({
+  queryKey: [...KEY, "leads", filters],
+  queryFn: () => adminSalesApi.leads(filters)
+});
+const useSalesLead = (id) => useQuery({
+  queryKey: [...KEY, "lead", id],
+  queryFn: () => adminSalesApi.lead(id),
+  enabled: Boolean(id)
+});
+const useSalesActivities = (q) => useQuery({
+  queryKey: [...KEY, "activities", q],
+  queryFn: () => adminSalesApi.activities(q)
+});
+const useSalesOwners = () => useQuery({
+  queryKey: [...KEY, "owners"],
+  queryFn: adminSalesApi.owners,
+  staleTime: 5 * 6e4
+});
+const useSalesReports = (from, to) => useQuery({
+  queryKey: [...KEY, "reports", from, to],
+  queryFn: () => adminSalesApi.reports(from, to)
+});
+function useSalesMutation(fn, failure) {
+  const queryClient = useQueryClient();
+  const { toast } = useToast();
+  return useMutation({
+    mutationFn: (args) => fn(...args),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: KEY }),
+    onError: (error) => toast({
+      title: failure,
+      description: error.message,
+      variant: "destructive"
+    })
+  });
+}
+export {
+  useSalesActivities,
+  useSalesLead,
+  useSalesLeads,
+  useSalesMutation,
+  useSalesOwners,
+  useSalesReports
+};
+//# sourceMappingURL=use-sales.js.map

package/dist/admin/sales/use-sales.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sales/use-sales.ts"],"sourcesContent":["'use client';\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { useToast } from '@withpotter/ui-kit';\nimport {\n  adminSalesApi,\n  type ActivityQuery,\n  type LeadFilters,\n} from '@withpotter/lib/admin-sales-api';\n\nconst KEY = ['platform-admin', 'sales'] as const;\n\nexport const useSalesLeads = (filters: LeadFilters) =>\n  useQuery({\n    queryKey: [...KEY, 'leads', filters],\n    queryFn: () => adminSalesApi.leads(filters),\n  });\n\nexport const useSalesLead = (id: string | null) =>\n  useQuery({\n    queryKey: [...KEY, 'lead', id],\n    queryFn: () => adminSalesApi.lead(id!),\n    enabled: Boolean(id),\n  });\n\nexport const useSalesActivities = (q: ActivityQuery) =>\n  useQuery({\n    queryKey: [...KEY, 'activities', q],\n    queryFn: () => adminSalesApi.activities(q),\n  });\n\nexport const useSalesOwners = () =>\n  useQuery({\n    queryKey: [...KEY, 'owners'],\n    queryFn: adminSalesApi.owners,\n    staleTime: 5 * 60_000,\n  });\n\nexport const useSalesReports = (from?: string, to?: string) =>\n  useQuery({\n    queryKey: [...KEY, 'reports', from, to],\n    queryFn: () => adminSalesApi.reports(from, to),\n  });\n\n/** A pipeline write: toast why on failure, refresh every sales view after. */\nexport function useSalesMutation<A extends unknown[], R>(\n  fn: (...args: A) => Promise<R>,\n  failure: string,\n) {\n  const queryClient = useQueryClient();\n  const { toast } = useToast();\n\n  return useMutation({\n    mutationFn: (args: A) => fn(...args),\n    onSuccess: () => queryClient.invalidateQueries({ queryKey: KEY }),\n    onError: (error: Error) =>\n      toast({\n        title: failure,\n        description: error.message,\n        variant: 'destructive',\n      }),\n  });\n}\n"],"mappings":";AAEA,SAAS,aAAa,UAAU,sBAAsB;AACtD,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,OAGK;AAEP,MAAM,MAAM,CAAC,kBAAkB,OAAO;AAE/B,MAAM,gBAAgB,CAAC,YAC5B,SAAS;AAAA,EACP,UAAU,CAAC,GAAG,KAAK,SAAS,OAAO;AAAA,EACnC,SAAS,MAAM,cAAc,MAAM,OAAO;AAC5C,CAAC;AAEI,MAAM,eAAe,CAAC,OAC3B,SAAS;AAAA,EACP,UAAU,CAAC,GAAG,KAAK,QAAQ,EAAE;AAAA,EAC7B,SAAS,MAAM,cAAc,KAAK,EAAG;AAAA,EACrC,SAAS,QAAQ,EAAE;AACrB,CAAC;AAEI,MAAM,qBAAqB,CAAC,MACjC,SAAS;AAAA,EACP,UAAU,CAAC,GAAG,KAAK,cAAc,CAAC;AAAA,EAClC,SAAS,MAAM,cAAc,WAAW,CAAC;AAC3C,CAAC;AAEI,MAAM,iBAAiB,MAC5B,SAAS;AAAA,EACP,UAAU,CAAC,GAAG,KAAK,QAAQ;AAAA,EAC3B,SAAS,cAAc;AAAA,EACvB,WAAW,IAAI;AACjB,CAAC;AAEI,MAAM,kBAAkB,CAAC,MAAe,OAC7C,SAAS;AAAA,EACP,UAAU,CAAC,GAAG,KAAK,WAAW,MAAM,EAAE;AAAA,EACtC,SAAS,MAAM,cAAc,QAAQ,MAAM,EAAE;AAC/C,CAAC;AAGI,SAAS,iBACd,IACA,SACA;AACA,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,SAAY,GAAG,GAAG,IAAI;AAAA,IACnC,WAAW,MAAM,YAAY,kBAAkB,EAAE,UAAU,IAAI,CAAC;AAAA,IAChE,SAAS,CAAC,UACR,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,aAAa,MAAM;AAAA,MACnB,SAAS;AAAA,IACX,CAAC;AAAA,EACL,CAAC;AACH;","names":[]}

package/dist/admin/scores/page.js

@@ -0,0 +1,8 @@
+import { redirect } from "next/navigation";
+function AdminScoresPage() {
+  redirect("/admin/feedback");
+}
+export {
+  AdminScoresPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/admin/scores/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/scores/page.tsx"],"sourcesContent":["import { redirect } from 'next/navigation';\n\nexport default function AdminScoresPage() {\n  redirect('/admin/feedback');\n}\n"],"mappings":"AAAA,SAAS,gBAAgB;AAEV,SAAR,kBAAmC;AACxC,WAAS,iBAAiB;AAC5B;","names":[]}

package/dist/admin/settings/accessibility-tab.js

@@ -0,0 +1,135 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSettings } from "../_settings";
+import { useInboxOn } from "./use-inbox-on";
+import { Segmented, SettingRow, SettingsCard, SwitchRow } from "./setting-row";
+import { useSave } from "./use-save";
+import styles from "./settings.module.css";
+function AccessibilityTab() {
+  const s = useSettings();
+  const { update } = useSave();
+  const inbox = useInboxOn();
+  return /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
+    /* @__PURE__ */ jsxs(
+      SettingsCard,
+      {
+        title: "Seeing and moving",
+        description: "System follows your computer's accessibility settings.",
+        children: [
+          /* @__PURE__ */ jsx(
+            SettingRow,
+            {
+              label: "Motion",
+              description: "Reduce turns off rise-ins, count-ups and springs. Fades remain.",
+              children: /* @__PURE__ */ jsx(
+                Segmented,
+                {
+                  label: "Motion",
+                  value: s.motion,
+                  options: [
+                    { value: "system", label: "System" },
+                    { value: "reduce", label: "Reduce" },
+                    { value: "full", label: "Full" }
+                  ],
+                  onChange: (motion) => update({ motion })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SettingRow,
+            {
+              label: "Text size",
+              description: "Scales the page content; layouts reflow to fit.",
+              children: /* @__PURE__ */ jsx(
+                Segmented,
+                {
+                  label: "Text size",
+                  value: s.textScale,
+                  options: [
+                    { value: "100", label: "100%" },
+                    { value: "112", label: "112%" },
+                    { value: "125", label: "125%" }
+                  ],
+                  onChange: (textScale) => update({ textScale })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SettingRow,
+            {
+              label: "Contrast",
+              description: "High gives stronger borders and darker secondary text.",
+              children: /* @__PURE__ */ jsx(
+                Segmented,
+                {
+                  label: "Contrast",
+                  value: s.contrast,
+                  options: [
+                    { value: "system", label: "System" },
+                    { value: "standard", label: "Standard" },
+                    { value: "high", label: "High" }
+                  ],
+                  onChange: (contrast) => update({ contrast })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SettingRow,
+            {
+              label: "Focus rings",
+              description: "Always shows the focus ring after a click, not only from the keyboard.",
+              children: /* @__PURE__ */ jsx(
+                Segmented,
+                {
+                  label: "Focus rings",
+                  value: s.focus,
+                  options: [
+                    { value: "keyboard", label: "Keyboard only" },
+                    { value: "always", label: "Always" }
+                  ],
+                  onChange: (focus) => update({ focus })
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(SettingsCard, { title: "Cues", children: [
+      /* @__PURE__ */ jsx(
+        SwitchRow,
+        {
+          label: "Underline links",
+          description: "Underlines every link, not only on hover.",
+          checked: s.underline,
+          onChange: (underline) => update({ underline })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SwitchRow,
+        {
+          label: "Status shapes",
+          description: "Adds \u2713 \u25CF \u25CB \u2715 to every status, so colour is never the only signal.",
+          checked: s.statusShapes,
+          onChange: (statusShapes) => update({ statusShapes })
+        }
+      ),
+      inbox && /* @__PURE__ */ jsx(
+        SwitchRow,
+        {
+          label: "Screen reader announcements",
+          description: "Announces new cases and feedback as they arrive.",
+          checked: s.announce,
+          onChange: (announce) => update({ announce })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  AccessibilityTab
+};
+//# sourceMappingURL=accessibility-tab.js.map

package/dist/admin/settings/accessibility-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/accessibility-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useSettings } from '../_settings';\nimport { useInboxOn } from './use-inbox-on';\nimport { Segmented, SettingRow, SettingsCard, SwitchRow } from './setting-row';\nimport { useSave } from './use-save';\nimport styles from './settings.module.css';\n\n/** Motion, size, contrast and the cues that do not rely on colour. */\nexport function AccessibilityTab() {\n  const s = useSettings();\n  const { update } = useSave();\n  const inbox = useInboxOn();\n\n  return (\n    <div className={styles.stack}>\n      <SettingsCard\n        title=\"Seeing and moving\"\n        description=\"System follows your computer's accessibility settings.\"\n      >\n        <SettingRow\n          label=\"Motion\"\n          description=\"Reduce turns off rise-ins, count-ups and springs. Fades remain.\"\n        >\n          <Segmented\n            label=\"Motion\"\n            value={s.motion}\n            options={[\n              { value: 'system', label: 'System' },\n              { value: 'reduce', label: 'Reduce' },\n              { value: 'full', label: 'Full' },\n            ]}\n            onChange={(motion) => update({ motion })}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Text size\"\n          description=\"Scales the page content; layouts reflow to fit.\"\n        >\n          <Segmented\n            label=\"Text size\"\n            value={s.textScale}\n            options={[\n              { value: '100', label: '100%' },\n              { value: '112', label: '112%' },\n              { value: '125', label: '125%' },\n            ]}\n            onChange={(textScale) => update({ textScale })}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Contrast\"\n          description=\"High gives stronger borders and darker secondary text.\"\n        >\n          <Segmented\n            label=\"Contrast\"\n            value={s.contrast}\n            options={[\n              { value: 'system', label: 'System' },\n              { value: 'standard', label: 'Standard' },\n              { value: 'high', label: 'High' },\n            ]}\n            onChange={(contrast) => update({ contrast })}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Focus rings\"\n          description=\"Always shows the focus ring after a click, not only from the keyboard.\"\n        >\n          <Segmented\n            label=\"Focus rings\"\n            value={s.focus}\n            options={[\n              { value: 'keyboard', label: 'Keyboard only' },\n              { value: 'always', label: 'Always' },\n            ]}\n            onChange={(focus) => update({ focus })}\n          />\n        </SettingRow>\n      </SettingsCard>\n\n      <SettingsCard title=\"Cues\">\n        <SwitchRow\n          label=\"Underline links\"\n          description=\"Underlines every link, not only on hover.\"\n          checked={s.underline}\n          onChange={(underline) => update({ underline })}\n        />\n        <SwitchRow\n          label=\"Status shapes\"\n          description=\"Adds ✓ ● ○ ✕ to every status, so colour is never the only signal.\"\n          checked={s.statusShapes}\n          onChange={(statusShapes) => update({ statusShapes })}\n        />\n        {inbox && (\n          <SwitchRow\n            label=\"Screen reader announcements\"\n            description=\"Announces new cases and feedback as they arrive.\"\n            checked={s.announce}\n            onChange={(announce) => update({ announce })}\n          />\n        )}\n      </SettingsCard>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/settings/account-tab.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { Button } from "@withpotter/ui-kit";
+import { SUPPORT_INBOX_EMAIL } from "@withpotter/lib/support-inbox";
+import { useAdminSession } from "../hooks";
+import { useModuleOn } from "../_shell/modules-context";
+import { signOutAdmin } from "../_shell/sign-out";
+import { ChangePasswordDialog } from "./change-password-dialog";
+import { ProfileCard } from "./profile-card";
+import { SettingRow, SettingsCard } from "./setting-row";
+import styles from "./settings.module.css";
+function AccountTab() {
+  const router = useRouter();
+  const { data: session } = useAdminSession();
+  const [changing, setChanging] = useState(false);
+  const [leaving, setLeaving] = useState(false);
+  const supportOn = useModuleOn("support");
+  const signOut = async () => {
+    setLeaving(true);
+    await signOutAdmin();
+    router.replace("/admin/login");
+  };
+  return /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
+    session && /* @__PURE__ */ jsx(ProfileCard, { session }),
+    /* @__PURE__ */ jsxs(SettingsCard, { title: "Security", children: [
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: "Password",
+          description: "At least 12 characters. You stay signed in here.",
+          children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setChanging(true), children: "Change password" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: "Sign out",
+          description: "Also ends any View as owner session.",
+          children: /* @__PURE__ */ jsx(Button, { variant: "secondary", loading: leaving, onClick: signOut, children: "Sign out" })
+        }
+      )
+    ] }),
+    supportOn && /* @__PURE__ */ jsx(SettingsCard, { title: "Support inbox", children: /* @__PURE__ */ jsx(
+      SettingRow,
+      {
+        label: "Inbound address",
+        description: "Merchants write here; each email opens a case in Support.",
+        children: /* @__PURE__ */ jsx("span", { className: styles.value, title: SUPPORT_INBOX_EMAIL, children: SUPPORT_INBOX_EMAIL })
+      }
+    ) }),
+    changing && /* @__PURE__ */ jsx(ChangePasswordDialog, { onClose: () => setChanging(false) })
+  ] });
+}
+export {
+  AccountTab
+};
+//# sourceMappingURL=account-tab.js.map

package/dist/admin/settings/account-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/account-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { Button } from '@withpotter/ui-kit';\nimport { SUPPORT_INBOX_EMAIL } from '@withpotter/lib/support-inbox';\nimport { useAdminSession } from '../hooks';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { signOutAdmin } from '../_shell/sign-out';\nimport { ChangePasswordDialog } from './change-password-dialog';\nimport { ProfileCard } from './profile-card';\nimport { SettingRow, SettingsCard } from './setting-row';\nimport styles from './settings.module.css';\n\n/**\n * Who you are and how you sign in. The support inbox\n * address shows only where this box serves Support.\n */\nexport function AccountTab() {\n  const router = useRouter();\n  const { data: session } = useAdminSession();\n  const [changing, setChanging] = useState(false);\n  const [leaving, setLeaving] = useState(false);\n  const supportOn = useModuleOn('support');\n\n  const signOut = async () => {\n    setLeaving(true);\n    await signOutAdmin();\n    router.replace('/admin/login');\n  };\n\n  return (\n    <div className={styles.stack}>\n      {session && <ProfileCard session={session} />}\n      <SettingsCard title=\"Security\">\n        <SettingRow\n          label=\"Password\"\n          description=\"At least 12 characters. You stay signed in here.\"\n        >\n          <Button variant=\"secondary\" onClick={() => setChanging(true)}>\n            Change password\n          </Button>\n        </SettingRow>\n        <SettingRow\n          label=\"Sign out\"\n          description=\"Also ends any View as owner session.\"\n        >\n          <Button variant=\"secondary\" loading={leaving} onClick={signOut}>\n            Sign out\n          </Button>\n        </SettingRow>\n      </SettingsCard>\n      {supportOn && (\n        <SettingsCard title=\"Support inbox\">\n          <SettingRow\n            label=\"Inbound address\"\n            description=\"Merchants write here; each email opens a case in Support.\"\n          >\n            <span className={styles.value} title={SUPPORT_INBOX_EMAIL}>\n              {SUPPORT_INBOX_EMAIL}\n            </span>\n          </SettingRow>\n        </SettingsCard>\n      )}\n      {changing && <ChangePasswordDialog onClose={() => setChanging(false)} />}\n    </div>\n  );\n}\n"],"mappings":";AAiCkB,cACZ,YADY;AA/BlB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,YAAY,oBAAoB;AACzC,OAAO,YAAY;AAMZ,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,QAAQ,IAAI,gBAAgB;AAC1C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,YAAY,YAAY,SAAS;AAEvC,QAAM,UAAU,YAAY;AAC1B,eAAW,IAAI;AACf,UAAM,aAAa;AACnB,WAAO,QAAQ,cAAc;AAAA,EAC/B;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,OACpB;AAAA,eAAW,oBAAC,eAAY,SAAkB;AAAA,IAC3C,qBAAC,gBAAa,OAAM,YAClB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ,8BAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,YAAY,IAAI,GAAG,6BAE9D;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ,8BAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,SAAS,SAAS,sBAEhE;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IACC,aACC,oBAAC,gBAAa,OAAM,iBAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QAEZ,8BAAC,UAAK,WAAW,OAAO,OAAO,OAAO,qBACnC,+BACH;AAAA;AAAA,IACF,GACF;AAAA,IAED,YAAY,oBAAC,wBAAqB,SAAS,MAAM,YAAY,KAAK,GAAG;AAAA,KACxE;AAEJ;","names":[]}

package/dist/admin/settings/change-password-dialog.js

@@ -0,0 +1,112 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import {
+  Button,
+  FormDialog,
+  Input,
+  Progress,
+  useToast
+} from "@withpotter/ui-kit";
+import { platformAdminApi } from "@withpotter/lib/admin-api";
+import styles from "./settings.module.css";
+const MIN = 12;
+function strengthOf(pw) {
+  if (pw.length < MIN) return pw ? 1 : 0;
+  return 1 + Number(/[a-z]/.test(pw) && /[A-Z]/.test(pw)) + Number(/\d/.test(pw)) + Number(/[^A-Za-z0-9]/.test(pw));
+}
+const LABELS = ["", "Too short", "Fair", "Good", "Strong"];
+const TONES = ["error", "error", "warning", "brand", "brand"];
+function ChangePasswordDialog({ onClose }) {
+  const { toast } = useToast();
+  const queryClient = useQueryClient();
+  const [current, setCurrent] = useState("");
+  const [next, setNext] = useState("");
+  const [confirm, setConfirm] = useState("");
+  const [error, setError] = useState("");
+  const [busy, setBusy] = useState(false);
+  const strength = strengthOf(next);
+  const submit = async (event) => {
+    event.preventDefault();
+    setError("");
+    if (next.length < MIN) return setError(`Use at least ${MIN} characters.`);
+    if (next !== confirm) return setError("The new passwords do not match.");
+    setBusy(true);
+    try {
+      await platformAdminApi.changePassword(current, next);
+      await queryClient.invalidateQueries({
+        queryKey: ["platform-admin", "session"]
+      });
+      toast({ title: "Password changed" });
+      onClose();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not change it.");
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      title: "Change password",
+      description: "You stay signed in on this device.",
+      onClose,
+      size: "sm",
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", form: "change-password", loading: busy, children: "Change password" })
+      ] }),
+      children: /* @__PURE__ */ jsxs("form", { id: "change-password", className: styles.form, onSubmit: submit, children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Current password",
+            type: "password",
+            autoComplete: "current-password",
+            value: current,
+            onChange: (e) => setCurrent(e.target.value),
+            required: true,
+            autoFocus: true
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: styles.strength, children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              label: "New password",
+              type: "password",
+              autoComplete: "new-password",
+              value: next,
+              onChange: (e) => setNext(e.target.value),
+              hint: `At least ${MIN} characters.`,
+              required: true
+            }
+          ),
+          next && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Progress, { value: strength, max: 4, tone: TONES[strength] }),
+            /* @__PURE__ */ jsxs("span", { className: styles.scope, "aria-live": "polite", children: [
+              "Strength: ",
+              LABELS[strength]
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Confirm new password",
+            type: "password",
+            autoComplete: "new-password",
+            value: confirm,
+            onChange: (e) => setConfirm(e.target.value),
+            error: error || void 0,
+            required: true
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  ChangePasswordDialog
+};
+//# sourceMappingURL=change-password-dialog.js.map

package/dist/admin/settings/change-password-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/change-password-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type FormEvent } from 'react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport {\n  Button,\n  FormDialog,\n  Input,\n  Progress,\n  useToast,\n} from '@withpotter/ui-kit';\nimport { platformAdminApi } from '@withpotter/lib/admin-api';\nimport styles from './settings.module.css';\n\nconst MIN = 12;\n\n/** 0–4: long enough, then mixed case, a digit and a symbol. */\nfunction strengthOf(pw: string) {\n  if (pw.length < MIN) return pw ? 1 : 0;\n  return (\n    1 +\n    Number(/[a-z]/.test(pw) && /[A-Z]/.test(pw)) +\n    Number(/\\d/.test(pw)) +\n    Number(/[^A-Za-z0-9]/.test(pw))\n  );\n}\n\nconst LABELS = ['', 'Too short', 'Fair', 'Good', 'Strong'];\nconst TONES = ['error', 'error', 'warning', 'brand', 'brand'] as const;\n\n/** Current, new and confirm; the same call the forced-change screen makes. */\nexport function ChangePasswordDialog({ onClose }: { onClose: () => void }) {\n  const { toast } = useToast();\n  const queryClient = useQueryClient();\n  const [current, setCurrent] = useState('');\n  const [next, setNext] = useState('');\n  const [confirm, setConfirm] = useState('');\n  const [error, setError] = useState('');\n  const [busy, setBusy] = useState(false);\n  const strength = strengthOf(next);\n\n  const submit = async (event: FormEvent) => {\n    event.preventDefault();\n    setError('');\n    if (next.length < MIN) return setError(`Use at least ${MIN} characters.`);\n    if (next !== confirm) return setError('The new passwords do not match.');\n    setBusy(true);\n    try {\n      await platformAdminApi.changePassword(current, next);\n      await queryClient.invalidateQueries({\n        queryKey: ['platform-admin', 'session'],\n      });\n      toast({ title: 'Password changed' });\n      onClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Could not change it.');\n      setBusy(false);\n    }\n  };\n\n  return (\n    <FormDialog\n      title=\"Change password\"\n      description=\"You stay signed in on this device.\"\n      onClose={onClose}\n      size=\"sm\"\n      footer={\n        <>\n          <Button variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button type=\"submit\" form=\"change-password\" loading={busy}>\n            Change password\n          </Button>\n        </>\n      }\n    >\n      <form id=\"change-password\" className={styles.form} onSubmit={submit}>\n        <Input\n          label=\"Current password\"\n          type=\"password\"\n          autoComplete=\"current-password\"\n          value={current}\n          onChange={(e) => setCurrent(e.target.value)}\n          required\n          autoFocus\n        />\n        <div className={styles.strength}>\n          <Input\n            label=\"New password\"\n            type=\"password\"\n            autoComplete=\"new-password\"\n            value={next}\n            onChange={(e) => setNext(e.target.value)}\n            hint={`At least ${MIN} characters.`}\n            required\n          />\n          {next && (\n            <>\n              <Progress value={strength} max={4} tone={TONES[strength]} />\n              <span className={styles.scope} aria-live=\"polite\">\n                Strength: {LABELS[strength]}\n              </span>\n            </>\n          )}\n        </div>\n        <Input\n          label=\"Confirm new password\"\n          type=\"password\"\n          autoComplete=\"new-password\"\n          value={confirm}\n          onChange={(e) => setConfirm(e.target.value)}\n          error={error || undefined}\n          required\n        />\n      </form>\n    </FormDialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/settings/general-tab.js

@@ -0,0 +1,143 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select } from "@withpotter/ui-kit";
+import { useTheme } from "@withpotter/lib/theme-context";
+import { RANGE_OPTIONS, usePersistedDateRange } from "../_ui";
+import { useSettings } from "../_settings";
+import { useModuleOn } from "../_shell/modules-context";
+import { useSidebarCollapsed, sidebarStore } from "../_shell/use-shell-prefs";
+import { Segmented, SettingRow, SettingsCard } from "./setting-row";
+import { useSave } from "./use-save";
+import styles from "./settings.module.css";
+const THEMES = [
+  { value: "system", label: "System" },
+  { value: "light", label: "Light" },
+  { value: "dark", label: "Dark" }
+];
+const START_OPTIONS = [
+  { value: "overview", label: "Overview" },
+  { value: "support", label: "Support" },
+  { value: "merchants", label: "Workspaces" },
+  { value: "people", label: "User accounts" }
+];
+function GeneralTab() {
+  const settings = useSettings();
+  const { update, saved } = useSave();
+  const { theme, setTheme } = useTheme();
+  const { rangeKey, setRangeKey } = usePersistedDateRange();
+  const collapsed = useSidebarCollapsed();
+  const supportOn = useModuleOn("support");
+  const startOptions = START_OPTIONS.filter(
+    (o) => supportOn || o.value !== "support"
+  );
+  return /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
+    /* @__PURE__ */ jsxs(SettingsCard, { title: "Appearance", children: [
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: "Theme",
+          description: "System follows your computer's light or dark setting.",
+          children: /* @__PURE__ */ jsx(
+            Segmented,
+            {
+              label: "Theme",
+              value: theme,
+              options: THEMES,
+              onChange: (next) => {
+                setTheme(next);
+                saved();
+              }
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: "Density",
+          description: "Compact fits more rows and cards on screen.",
+          children: /* @__PURE__ */ jsx(
+            Segmented,
+            {
+              label: "Density",
+              value: settings.density,
+              options: [
+                { value: "comfortable", label: "Comfortable" },
+                { value: "compact", label: "Compact" }
+              ],
+              onChange: (density) => update({ density })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: "Sidebar",
+          description: "Collapsed shows icons only. You can also toggle it from the sidebar.",
+          children: /* @__PURE__ */ jsx(
+            Segmented,
+            {
+              label: "Sidebar",
+              value: collapsed ? "collapsed" : "expanded",
+              options: [
+                { value: "expanded", label: "Expanded" },
+                { value: "collapsed", label: "Collapsed" }
+              ],
+              onChange: (next) => {
+                sidebarStore.set(next === "collapsed");
+                saved();
+              }
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(SettingsCard, { title: "Defaults", description: "What pages open with.", children: [
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: "Default period",
+          description: "The date range reports and charts start on.",
+          children: /* @__PURE__ */ jsx(
+            Select,
+            {
+              className: styles.select,
+              ariaLabel: "Default period",
+              value: rangeKey,
+              options: RANGE_OPTIONS.map((o) => ({
+                value: o.key,
+                label: o.label
+              })),
+              onChange: (key) => {
+                setRangeKey(key);
+                saved();
+              }
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: "Start page",
+          description: "Where the console opens when you sign in or reload on Overview.",
+          children: /* @__PURE__ */ jsx(
+            Select,
+            {
+              className: styles.select,
+              ariaLabel: "Start page",
+              value: settings.startPage,
+              options: startOptions,
+              onChange: (value) => update({ startPage: value })
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  GeneralTab
+};
+//# sourceMappingURL=general-tab.js.map

package/dist/admin/settings/general-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/general-tab.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from '@withpotter/ui-kit';\nimport { useTheme } from '@withpotter/lib/theme-context';\nimport { RANGE_OPTIONS, usePersistedDateRange, type RangeKey } from '../_ui';\nimport { useSettings, type AdminSettings } from '../_settings';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { useSidebarCollapsed, sidebarStore } from '../_shell/use-shell-prefs';\nimport { Segmented, SettingRow, SettingsCard } from './setting-row';\nimport { useSave } from './use-save';\nimport styles from './settings.module.css';\n\ntype Theme = 'system' | 'light' | 'dark';\n\nconst THEMES = [\n  { value: 'system' as Theme, label: 'System' },\n  { value: 'light' as Theme, label: 'Light' },\n  { value: 'dark' as Theme, label: 'Dark' },\n];\n\nconst START_OPTIONS: Array<{\n  value: AdminSettings['startPage'];\n  label: string;\n}> = [\n  { value: 'overview', label: 'Overview' },\n  { value: 'support', label: 'Support' },\n  { value: 'merchants', label: 'Workspaces' },\n  { value: 'people', label: 'User accounts' },\n];\n\n/**\n * Look, layout and the views every page opens with. No display currency on a\n * box: money is shown per currency and never converted, so there is nothing\n * to pick. Support is a start page only where this box serves Support.\n */\nexport function GeneralTab() {\n  const settings = useSettings();\n  const { update, saved } = useSave();\n  const { theme, setTheme } = useTheme();\n  const { rangeKey, setRangeKey } = usePersistedDateRange();\n  const collapsed = useSidebarCollapsed();\n  const supportOn = useModuleOn('support');\n  const startOptions = START_OPTIONS.filter(\n    (o) => supportOn || o.value !== 'support'\n  );\n\n  return (\n    <div className={styles.stack}>\n      <SettingsCard title=\"Appearance\">\n        <SettingRow\n          label=\"Theme\"\n          description=\"System follows your computer's light or dark setting.\"\n        >\n          <Segmented\n            label=\"Theme\"\n            value={theme}\n            options={THEMES}\n            onChange={(next) => {\n              setTheme(next);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Density\"\n          description=\"Compact fits more rows and cards on screen.\"\n        >\n          <Segmented\n            label=\"Density\"\n            value={settings.density}\n            options={[\n              { value: 'comfortable', label: 'Comfortable' },\n              { value: 'compact', label: 'Compact' },\n            ]}\n            onChange={(density) => update({ density })}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Sidebar\"\n          description=\"Collapsed shows icons only. You can also toggle it from the sidebar.\"\n        >\n          <Segmented\n            label=\"Sidebar\"\n            value={collapsed ? 'collapsed' : 'expanded'}\n            options={[\n              { value: 'expanded', label: 'Expanded' },\n              { value: 'collapsed', label: 'Collapsed' },\n            ]}\n            onChange={(next) => {\n              sidebarStore.set(next === 'collapsed');\n              saved();\n            }}\n          />\n        </SettingRow>\n      </SettingsCard>\n\n      <SettingsCard title=\"Defaults\" description=\"What pages open with.\">\n        <SettingRow\n          label=\"Default period\"\n          description=\"The date range reports and charts start on.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Default period\"\n            value={rangeKey}\n            options={RANGE_OPTIONS.map((o) => ({\n              value: o.key,\n              label: o.label,\n            }))}\n            onChange={(key) => {\n              setRangeKey(key as RangeKey);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Start page\"\n          description=\"Where the console opens when you sign in or reload on Overview.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Start page\"\n            value={settings.startPage}\n            options={startOptions}\n            onChange={(value) =>\n              update({ startPage: value as AdminSettings['startPage'] })\n            }\n          />\n        </SettingRow>\n      </SettingsCard>\n    </div>\n  );\n}\n"],"mappings":";AAgDM,SAKI,KALJ;AA9CN,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,eAAe,6BAA4C;AACpE,SAAS,mBAAuC;AAChD,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,WAAW,YAAY,oBAAoB;AACpD,SAAS,eAAe;AACxB,OAAO,YAAY;AAInB,MAAM,SAAS;AAAA,EACb,EAAE,OAAO,UAAmB,OAAO,SAAS;AAAA,EAC5C,EAAE,OAAO,SAAkB,OAAO,QAAQ;AAAA,EAC1C,EAAE,OAAO,QAAiB,OAAO,OAAO;AAC1C;AAEA,MAAM,gBAGD;AAAA,EACH,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,EACvC,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,EACrC,EAAE,OAAO,aAAa,OAAO,aAAa;AAAA,EAC1C,EAAE,OAAO,UAAU,OAAO,gBAAgB;AAC5C;AAOO,SAAS,aAAa;AAC3B,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,QAAQ,MAAM,IAAI,QAAQ;AAClC,QAAM,EAAE,OAAO,SAAS,IAAI,SAAS;AACrC,QAAM,EAAE,UAAU,YAAY,IAAI,sBAAsB;AACxD,QAAM,YAAY,oBAAoB;AACtC,QAAM,YAAY,YAAY,SAAS;AACvC,QAAM,eAAe,cAAc;AAAA,IACjC,CAAC,MAAM,aAAa,EAAE,UAAU;AAAA,EAClC;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,yBAAC,gBAAa,OAAM,cAClB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO;AAAA,cACP,SAAS;AAAA,cACT,UAAU,CAAC,SAAS;AAClB,yBAAS,IAAI;AACb,sBAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO,SAAS;AAAA,cAChB,SAAS;AAAA,gBACP,EAAE,OAAO,eAAe,OAAO,cAAc;AAAA,gBAC7C,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,cACvC;AAAA,cACA,UAAU,CAAC,YAAY,OAAO,EAAE,QAAQ,CAAC;AAAA;AAAA,UAC3C;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO,YAAY,cAAc;AAAA,cACjC,SAAS;AAAA,gBACP,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,gBACvC,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,cAC3C;AAAA,cACA,UAAU,CAAC,SAAS;AAClB,6BAAa,IAAI,SAAS,WAAW;AACrC,sBAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAEA,qBAAC,gBAAa,OAAM,YAAW,aAAY,yBACzC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,OAAO;AAAA,cAClB,WAAU;AAAA,cACV,OAAO;AAAA,cACP,SAAS,cAAc,IAAI,CAAC,OAAO;AAAA,gBACjC,OAAO,EAAE;AAAA,gBACT,OAAO,EAAE;AAAA,cACX,EAAE;AAAA,cACF,UAAU,CAAC,QAAQ;AACjB,4BAAY,GAAe;AAC3B,sBAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,OAAO;AAAA,cAClB,WAAU;AAAA,cACV,OAAO,SAAS;AAAA,cAChB,SAAS;AAAA,cACT,UAAU,CAAC,UACT,OAAO,EAAE,WAAW,MAAoC,CAAC;AAAA;AAAA,UAE7D;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}