@withpotter/pages-admin 0.13.0-next.101

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

@@ -0,0 +1,155 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, useToast } from "@withpotter/ui-kit";
+import { useAdminSession } from "../hooks";
+import { useMarkInboxSeen } from "../_inbox/use-admin-inbox";
+import { useSettings } from "../_settings";
+import { useModuleOn } from "../_shell/modules-context";
+import { Segmented, SettingRow, SettingsCard, SwitchRow } from "./setting-row";
+import { useSave } from "./use-save";
+import styles from "./settings.module.css";
+const LEVELS = [
+  { value: "toast", label: "Badge + toast" },
+  { value: "badge", label: "Badge" },
+  { value: "off", label: "Off" }
+];
+function NotificationsTab() {
+  const s = useSettings();
+  const { update } = useSave();
+  const { toast } = useToast();
+  const { data: session } = useAdminSession();
+  const supportOn = useModuleOn("support");
+  const feedbackOn = useModuleOn("feedback");
+  const canSupport = supportOn && (session?.role === "superadmin" || !!session?.permissions.includes("support.read"));
+  const markSeen = useMarkInboxSeen(canSupport);
+  return /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
+    /* @__PURE__ */ jsxs(
+      SettingsCard,
+      {
+        title: "New items",
+        description: "Badges sit beside the nav label; toasts pop up in the corner.",
+        children: [
+          canSupport && /* @__PURE__ */ jsx(
+            SettingRow,
+            {
+              label: "New support cases",
+              description: "A merchant opened a case or replied.",
+              children: /* @__PURE__ */ jsx(
+                Segmented,
+                {
+                  label: "New support cases",
+                  value: s.notifySupport,
+                  options: LEVELS,
+                  onChange: (notifySupport) => update({ notifySupport })
+                }
+              )
+            }
+          ),
+          feedbackOn && /* @__PURE__ */ jsx(
+            SettingRow,
+            {
+              label: "New product feedback",
+              description: "A merchant sent feedback from the dashboard.",
+              children: /* @__PURE__ */ jsx(
+                Segmented,
+                {
+                  label: "New product feedback",
+                  value: s.notifyFeedback,
+                  options: LEVELS,
+                  onChange: (notifyFeedback) => update({ notifyFeedback })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SwitchRow,
+            {
+              label: "Tab title count",
+              description: "Shows the number waiting in the browser tab, like (3).",
+              checked: s.titleCount,
+              onChange: (titleCount) => update({ titleCount })
+            }
+          ),
+          canSupport && /* @__PURE__ */ jsx(
+            SettingRow,
+            {
+              label: "Sound",
+              description: "A soft chime for new support cases only.",
+              children: /* @__PURE__ */ jsx(
+                Segmented,
+                {
+                  label: "Sound",
+                  value: s.sound,
+                  options: [
+                    { value: "off", label: "Off" },
+                    { value: "soft", label: "Soft" }
+                  ],
+                  onChange: (sound) => update({ sound })
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(SettingsCard, { title: "Checking", children: [
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: "Check every",
+          description: "How often the console looks for new items.",
+          children: /* @__PURE__ */ jsx(
+            Segmented,
+            {
+              label: "Check every",
+              value: s.poll,
+              options: [
+                { value: "30", label: "30s" },
+                { value: "60", label: "60s" },
+                { value: "300", label: "5 min" }
+              ],
+              onChange: (poll) => update({ poll })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        SettingRow,
+        {
+          label: "Mark inbox seen",
+          description: s.markSeen === "auto" ? `Opening ${pages(canSupport, feedbackOn)} clears its badge.` : "Badges stay until you clear them here.",
+          children: [
+            s.markSeen === "manual" && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                onClick: () => {
+                  markSeen();
+                  toast({ title: "Inbox marked as seen" });
+                },
+                children: "Mark all seen"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Segmented,
+              {
+                label: "Mark inbox seen",
+                value: s.markSeen,
+                options: [
+                  { value: "auto", label: "When I open the page" },
+                  { value: "manual", label: "Manually" }
+                ],
+                onChange: (markSeen2) => update({ markSeen: markSeen2 })
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const pages = (support, feedback) => support && feedback ? "Support or Product feedback" : support ? "Support" : "Product feedback";
+export {
+  NotificationsTab
+};
+//# sourceMappingURL=notifications-tab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/notifications-tab.tsx"],"sourcesContent":["'use client';\n\nimport { Button, useToast } from '@withpotter/ui-kit';\nimport { useAdminSession } from '../hooks';\nimport { useMarkInboxSeen } from '../_inbox/use-admin-inbox';\nimport { useSettings, type AdminSettings } from '../_settings';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { Segmented, SettingRow, SettingsCard, SwitchRow } from './setting-row';\nimport { useSave } from './use-save';\nimport styles from './settings.module.css';\n\ntype Level = AdminSettings['notifySupport'];\n\nconst LEVELS: Array<{ value: Level; label: string }> = [\n  { value: 'toast', label: 'Badge + toast' },\n  { value: 'badge', label: 'Badge' },\n  { value: 'off', label: 'Off' },\n];\n\n/**\n * What the console tells you about new cases and feedback, and how often.\n * Each row shows only where this box serves its page.\n */\nexport function NotificationsTab() {\n  const s = useSettings();\n  const { update } = useSave();\n  const { toast } = useToast();\n  const { data: session } = useAdminSession();\n  const supportOn = useModuleOn('support');\n  const feedbackOn = useModuleOn('feedback');\n  const canSupport =\n    supportOn &&\n    (session?.role === 'superadmin' ||\n      !!session?.permissions.includes('support.read'));\n  const markSeen = useMarkInboxSeen(canSupport);\n\n  return (\n    <div className={styles.stack}>\n      <SettingsCard\n        title=\"New items\"\n        description=\"Badges sit beside the nav label; toasts pop up in the corner.\"\n      >\n        {canSupport && (\n          <SettingRow\n            label=\"New support cases\"\n            description=\"A merchant opened a case or replied.\"\n          >\n            <Segmented\n              label=\"New support cases\"\n              value={s.notifySupport}\n              options={LEVELS}\n              onChange={(notifySupport) => update({ notifySupport })}\n            />\n          </SettingRow>\n        )}\n        {feedbackOn && (\n          <SettingRow\n            label=\"New product feedback\"\n            description=\"A merchant sent feedback from the dashboard.\"\n          >\n            <Segmented\n              label=\"New product feedback\"\n              value={s.notifyFeedback}\n              options={LEVELS}\n              onChange={(notifyFeedback) => update({ notifyFeedback })}\n            />\n          </SettingRow>\n        )}\n        <SwitchRow\n          label=\"Tab title count\"\n          description=\"Shows the number waiting in the browser tab, like (3).\"\n          checked={s.titleCount}\n          onChange={(titleCount) => update({ titleCount })}\n        />\n        {canSupport && (\n          <SettingRow\n            label=\"Sound\"\n            description=\"A soft chime for new support cases only.\"\n          >\n            <Segmented\n              label=\"Sound\"\n              value={s.sound}\n              options={[\n                { value: 'off', label: 'Off' },\n                { value: 'soft', label: 'Soft' },\n              ]}\n              onChange={(sound) => update({ sound })}\n            />\n          </SettingRow>\n        )}\n      </SettingsCard>\n\n      <SettingsCard title=\"Checking\">\n        <SettingRow\n          label=\"Check every\"\n          description=\"How often the console looks for new items.\"\n        >\n          <Segmented\n            label=\"Check every\"\n            value={s.poll}\n            options={[\n              { value: '30', label: '30s' },\n              { value: '60', label: '60s' },\n              { value: '300', label: '5 min' },\n            ]}\n            onChange={(poll) => update({ poll })}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Mark inbox seen\"\n          description={\n            s.markSeen === 'auto'\n              ? `Opening ${pages(canSupport, feedbackOn)} clears its badge.`\n              : 'Badges stay until you clear them here.'\n          }\n        >\n          {s.markSeen === 'manual' && (\n            <Button\n              variant=\"secondary\"\n              onClick={() => {\n                markSeen();\n                toast({ title: 'Inbox marked as seen' });\n              }}\n            >\n              Mark all seen\n            </Button>\n          )}\n          <Segmented\n            label=\"Mark inbox seen\"\n            value={s.markSeen}\n            options={[\n              { value: 'auto', label: 'When I open the page' },\n              { value: 'manual', label: 'Manually' },\n            ]}\n            onChange={(markSeen) => update({ markSeen })}\n          />\n        </SettingRow>\n      </SettingsCard>\n    </div>\n  );\n}\n\nconst pages = (support: boolean, feedback: boolean) =>\n  support && feedback\n    ? 'Support or Product feedback'\n    : support\n    ? 'Support'\n    : 'Product feedback';\n"],"mappings":"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","names":["markSeen"]}

package/dist/admin/settings/page.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { SettingsWorkspace } from "./settings-workspace";
+function SettingsPage() {
+  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(SettingsWorkspace, {}) });
+}
+export {
+  SettingsPage as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/page.tsx"],"sourcesContent":["'use client';\n\nimport { Suspense } from 'react';\nimport { SettingsWorkspace } from './settings-workspace';\n\n/** The tabs read `?tab=`, so the workspace waits on the search params. */\nexport default function SettingsPage() {\n  return (\n    <Suspense>\n      <SettingsWorkspace />\n    </Suspense>\n  );\n}\n"],"mappings":";AASM;AAPN,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAGnB,SAAR,eAAgC;AACrC,SACE,oBAAC,YACC,8BAAC,qBAAkB,GACrB;AAEJ;","names":[]}

package/dist/admin/settings/profile-card.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SettingRow, SettingsCard } from "./setting-row";
+import styles from "./settings.module.css";
+const words = (s) => {
+  const w = s.replace(/[._-]+/g, " ");
+  return w.charAt(0).toUpperCase() + w.slice(1);
+};
+function ProfileCard({ session }) {
+  const superadmin = session.role === "superadmin";
+  return /* @__PURE__ */ jsxs(
+    SettingsCard,
+    {
+      title: "Profile",
+      description: "Your role and permissions are set by a superadmin.",
+      children: [
+        /* @__PURE__ */ jsx(SettingRow, { label: "Name", children: /* @__PURE__ */ jsx("span", { className: styles.value, children: session.name ?? "\u2013" }) }),
+        /* @__PURE__ */ jsx(SettingRow, { label: "Email", children: /* @__PURE__ */ jsx("span", { className: styles.value, title: session.email, children: session.email }) }),
+        /* @__PURE__ */ jsx(SettingRow, { label: "Role", children: /* @__PURE__ */ jsx("span", { className: styles.value, children: superadmin ? "Superadmin" : "Admin" }) }),
+        /* @__PURE__ */ jsx(
+          SettingRow,
+          {
+            label: "Permissions",
+            description: superadmin ? "Superadmins can do everything in the console." : `${session.permissions.length} granted`,
+            children: !superadmin && /* @__PURE__ */ jsx("p", { className: `${styles.value} ${styles.chips}`, children: session.permissions.length ? session.permissions.map(words).join(", ") : "None" })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  ProfileCard
+};
+//# sourceMappingURL=profile-card.js.map

package/dist/admin/settings/profile-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/profile-card.tsx"],"sourcesContent":["'use client';\n\nimport type { AdminSession } from '@withpotter/lib/admin-api';\nimport { SettingRow, SettingsCard } from './setting-row';\nimport styles from './settings.module.css';\n\nconst words = (s: string) => {\n  const w = s.replace(/[._-]+/g, ' ');\n  return w.charAt(0).toUpperCase() + w.slice(1);\n};\n\n/** Who is signed in, read from the session. Roles are changed by a superadmin. */\nexport function ProfileCard({ session }: { session: AdminSession }) {\n  const superadmin = session.role === 'superadmin';\n  return (\n    <SettingsCard\n      title=\"Profile\"\n      description=\"Your role and permissions are set by a superadmin.\"\n    >\n      <SettingRow label=\"Name\">\n        <span className={styles.value}>{session.name ?? '–'}</span>\n      </SettingRow>\n      <SettingRow label=\"Email\">\n        <span className={styles.value} title={session.email}>\n          {session.email}\n        </span>\n      </SettingRow>\n      <SettingRow label=\"Role\">\n        <span className={styles.value}>\n          {superadmin ? 'Superadmin' : 'Admin'}\n        </span>\n      </SettingRow>\n      <SettingRow\n        label=\"Permissions\"\n        description={\n          superadmin\n            ? 'Superadmins can do everything in the console.'\n            : `${session.permissions.length} granted`\n        }\n      >\n        {!superadmin && (\n          <p className={`${styles.value} ${styles.chips}`}>\n            {session.permissions.length\n              ? session.permissions.map(words).join(', ')\n              : 'None'}\n          </p>\n        )}\n      </SettingRow>\n    </SettingsCard>\n  );\n}\n"],"mappings":";AAeI,SAKI,KALJ;AAZJ,SAAS,YAAY,oBAAoB;AACzC,OAAO,YAAY;AAEnB,MAAM,QAAQ,CAAC,MAAc;AAC3B,QAAM,IAAI,EAAE,QAAQ,WAAW,GAAG;AAClC,SAAO,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC;AAC9C;AAGO,SAAS,YAAY,EAAE,QAAQ,GAA8B;AAClE,QAAM,aAAa,QAAQ,SAAS;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA,MAEZ;AAAA,4BAAC,cAAW,OAAM,QAChB,8BAAC,UAAK,WAAW,OAAO,OAAQ,kBAAQ,QAAQ,UAAI,GACtD;AAAA,QACA,oBAAC,cAAW,OAAM,SAChB,8BAAC,UAAK,WAAW,OAAO,OAAO,OAAO,QAAQ,OAC3C,kBAAQ,OACX,GACF;AAAA,QACA,oBAAC,cAAW,OAAM,QAChB,8BAAC,UAAK,WAAW,OAAO,OACrB,uBAAa,eAAe,SAC/B,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,aACE,aACI,kDACA,GAAG,QAAQ,YAAY,MAAM;AAAA,YAGlC,WAAC,cACA,oBAAC,OAAE,WAAW,GAAG,OAAO,KAAK,IAAI,OAAO,KAAK,IAC1C,kBAAQ,YAAY,SACjB,QAAQ,YAAY,IAAI,KAAK,EAAE,KAAK,IAAI,IACxC,QACN;AAAA;AAAA,QAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/admin/settings/setting-row.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import {
+  Card,
+  ToggleRow,
+  ViewSwitch
+} from "@withpotter/ui-kit";
+import styles from "./settings.module.css";
+function SettingsCard({
+  title,
+  description,
+  aside,
+  children
+}) {
+  const id = useId();
+  return /* @__PURE__ */ jsx(Card, { padding: "none", className: styles.card, children: /* @__PURE__ */ jsxs("section", { "aria-labelledby": title ? id : void 0, children: [
+    title && /* @__PURE__ */ jsxs("header", { className: styles.cardHead, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { id, className: styles.cardTitle, children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: styles.cardDesc, children: description })
+      ] }),
+      aside
+    ] }),
+    children
+  ] }) });
+}
+function SettingRow({
+  label,
+  description,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: styles.row, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.rowText, children: [
+      /* @__PURE__ */ jsx("p", { className: styles.label, children: label }),
+      description && /* @__PURE__ */ jsx("p", { className: styles.desc, children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: styles.control, children })
+  ] });
+}
+function Segmented({
+  label,
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx(
+    ViewSwitch,
+    {
+      className: "adm-view-switch",
+      options,
+      value,
+      onChange,
+      "aria-label": label
+    }
+  );
+}
+function SwitchRow({
+  label,
+  description,
+  checked,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx(
+    ToggleRow,
+    {
+      label,
+      hint: description,
+      checked,
+      onChange,
+      tone: "soft"
+    }
+  );
+}
+function Keys({ keys }) {
+  return /* @__PURE__ */ jsx("span", { className: styles.kbds, children: keys.map((key) => /* @__PURE__ */ jsx("kbd", { className: styles.kbd, children: key }, key)) });
+}
+export {
+  Keys,
+  Segmented,
+  SettingRow,
+  SettingsCard,
+  SwitchRow
+};
+//# sourceMappingURL=setting-row.js.map

package/dist/admin/settings/setting-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/setting-row.tsx"],"sourcesContent":["'use client';\n\nimport { useId, type ReactNode } from 'react';\nimport {\n  Card,\n  ToggleRow,\n  ViewSwitch,\n  type ViewOption,\n} from '@withpotter/ui-kit';\nimport styles from './settings.module.css';\n\n/** The merchant `Card` holding setting rows, with an optional title. */\nexport function SettingsCard({\n  title,\n  description,\n  aside,\n  children,\n}: {\n  title?: string;\n  description?: string;\n  aside?: ReactNode;\n  children: ReactNode;\n}) {\n  const id = useId();\n  return (\n    <Card padding=\"none\" className={styles.card}>\n      <section aria-labelledby={title ? id : undefined}>\n        {title && (\n          <header className={styles.cardHead}>\n            <div>\n              <h2 id={id} className={styles.cardTitle}>\n                {title}\n              </h2>\n              {description && <p className={styles.cardDesc}>{description}</p>}\n            </div>\n            {aside}\n          </header>\n        )}\n        {children}\n      </section>\n    </Card>\n  );\n}\n\n/** One setting: what it is and what it does on the left, its control right. */\nexport function SettingRow({\n  label,\n  description,\n  children,\n}: {\n  label: string;\n  description?: string;\n  children: ReactNode;\n}) {\n  return (\n    <div className={styles.row}>\n      <div className={styles.rowText}>\n        <p className={styles.label}>{label}</p>\n        {description && <p className={styles.desc}>{description}</p>}\n      </div>\n      <div className={styles.control}>{children}</div>\n    </div>\n  );\n}\n\n/** A segmented control for a short list of choices. */\nexport function Segmented<T extends string>({\n  label,\n  value,\n  options,\n  onChange,\n}: {\n  label: string;\n  value: T;\n  options: ViewOption<T>[];\n  onChange: (next: T) => void;\n}) {\n  return (\n    <ViewSwitch\n      className=\"adm-view-switch\"\n      options={options}\n      value={value}\n      onChange={onChange}\n      aria-label={label}\n    />\n  );\n}\n\n/** An on/off row: the merchant `ToggleRow`. */\nexport function SwitchRow({\n  label,\n  description,\n  checked,\n  onChange,\n}: {\n  label: string;\n  description?: string;\n  checked: boolean;\n  onChange: (next: boolean) => void;\n}) {\n  return (\n    <ToggleRow\n      label={label}\n      hint={description}\n      checked={checked}\n      onChange={onChange}\n      tone=\"soft\"\n    />\n  );\n}\n\n/** Keycaps for one shortcut. */\nexport function Keys({ keys }: { keys: string[] }) {\n  return (\n    <span className={styles.kbds}>\n      {keys.map((key) => (\n        <kbd key={key} className={styles.kbd}>\n          {key}\n        </kbd>\n      ))}\n    </span>\n  );\n}\n"],"mappings":";AA6BY,SACE,KADF;AA3BZ,SAAS,aAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,OAAO,YAAY;AAGZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,KAAK,MAAM;AACjB,SACE,oBAAC,QAAK,SAAQ,QAAO,WAAW,OAAO,MACrC,+BAAC,aAAQ,mBAAiB,QAAQ,KAAK,QACpC;AAAA,aACC,qBAAC,YAAO,WAAW,OAAO,UACxB;AAAA,2BAAC,SACC;AAAA,4BAAC,QAAG,IAAQ,WAAW,OAAO,WAC3B,iBACH;AAAA,QACC,eAAe,oBAAC,OAAE,WAAW,OAAO,UAAW,uBAAY;AAAA,SAC9D;AAAA,MACC;AAAA,OACH;AAAA,IAED;AAAA,KACH,GACF;AAEJ;AAGO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,SAAI,WAAW,OAAO,KACrB;AAAA,yBAAC,SAAI,WAAW,OAAO,SACrB;AAAA,0BAAC,OAAE,WAAW,OAAO,OAAQ,iBAAM;AAAA,MAClC,eAAe,oBAAC,OAAE,WAAW,OAAO,MAAO,uBAAY;AAAA,OAC1D;AAAA,IACA,oBAAC,SAAI,WAAW,OAAO,SAAU,UAAS;AAAA,KAC5C;AAEJ;AAGO,SAAS,UAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA;AAAA,EACd;AAEJ;AAGO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,MAAK;AAAA;AAAA,EACP;AAEJ;AAGO,SAAS,KAAK,EAAE,KAAK,GAAuB;AACjD,SACE,oBAAC,UAAK,WAAW,OAAO,MACrB,eAAK,IAAI,CAAC,QACT,oBAAC,SAAc,WAAW,OAAO,KAC9B,iBADO,GAEV,CACD,GACH;AAEJ;","names":[]}

package/dist/admin/settings/settings-workspace.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Banner, SettingsPage } from "@withpotter/ui-kit";
+import { PageHeader, PageTabs, useTabParam } from "../_ui";
+import { settingsStore, useSettings } from "../_settings";
+import { useInboxOn } from "./use-inbox-on";
+import { GeneralTab } from "./general-tab";
+import { AccessibilityTab } from "./accessibility-tab";
+import { NotificationsTab } from "./notifications-tab";
+import { ShortcutsTab } from "./shortcuts-tab";
+import { AccountTab } from "./account-tab";
+const TABS = [
+  { id: "general", label: "General" },
+  { id: "accessibility", label: "Accessibility" },
+  { id: "notifications", label: "Notifications" },
+  { id: "shortcuts", label: "Shortcuts" },
+  { id: "account", label: "Account & security" }
+];
+function SettingsWorkspace() {
+  const inbox = useInboxOn();
+  const tabs = inbox ? TABS : TABS.filter((t) => t.id !== "notifications");
+  const [tab, setTab] = useTabParam(tabs.map((t) => t.id));
+  useSettings();
+  const blocked = !settingsStore.persisted();
+  return /* @__PURE__ */ jsxs(SettingsPage, { hideMobileHeadings: false, children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          title: "Settings",
+          description: "Changes apply at once and are kept on this device."
+        }
+      ),
+      /* @__PURE__ */ jsx(PageTabs, { tabs, active: tab, onChange: setTab })
+    ] }),
+    blocked && tab !== "account" && /* @__PURE__ */ jsx(Banner, { tone: "neutral", children: "This browser is not keeping settings, so they last until you close the tab." }),
+    tab === "general" && /* @__PURE__ */ jsx(GeneralTab, {}),
+    tab === "accessibility" && /* @__PURE__ */ jsx(AccessibilityTab, {}),
+    inbox && tab === "notifications" && /* @__PURE__ */ jsx(NotificationsTab, {}),
+    tab === "shortcuts" && /* @__PURE__ */ jsx(ShortcutsTab, {}),
+    tab === "account" && /* @__PURE__ */ jsx(AccountTab, {})
+  ] });
+}
+export {
+  SettingsWorkspace
+};
+//# sourceMappingURL=settings-workspace.js.map

package/dist/admin/settings/settings-workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/settings-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { Banner, SettingsPage } from '@withpotter/ui-kit';\nimport { PageHeader, PageTabs, useTabParam } from '../_ui';\nimport { settingsStore, useSettings } from '../_settings';\nimport { useInboxOn } from './use-inbox-on';\nimport { GeneralTab } from './general-tab';\nimport { AccessibilityTab } from './accessibility-tab';\nimport { NotificationsTab } from './notifications-tab';\nimport { ShortcutsTab } from './shortcuts-tab';\nimport { AccountTab } from './account-tab';\n\nconst TABS = [\n  { id: 'general', label: 'General' },\n  { id: 'accessibility', label: 'Accessibility' },\n  { id: 'notifications', label: 'Notifications' },\n  { id: 'shortcuts', label: 'Shortcuts' },\n  { id: 'account', label: 'Account & security' },\n] as const;\n\n/**\n * Settings: make the console comfortable, one tab per concern. Built on the\n * merchant `SettingsPage`, so every tab sits in the same 768px column.\n * Notifications is about new support cases and feedback, so it shows only on\n * a box that serves one of them.\n */\nexport function SettingsWorkspace() {\n  const inbox = useInboxOn();\n  const tabs = inbox ? TABS : TABS.filter((t) => t.id !== 'notifications');\n  const [tab, setTab] = useTabParam(tabs.map((t) => t.id));\n  // Re-read on every change, so the notice appears the moment a save fails.\n  useSettings();\n  const blocked = !settingsStore.persisted();\n\n  return (\n    <SettingsPage hideMobileHeadings={false}>\n      <div>\n        <PageHeader\n          title=\"Settings\"\n          description=\"Changes apply at once and are kept on this device.\"\n        />\n        <PageTabs tabs={tabs} active={tab} onChange={setTab} />\n      </div>\n      {blocked && tab !== 'account' && (\n        <Banner tone=\"neutral\">\n          This browser is not keeping settings, so they last until you close the\n          tab.\n        </Banner>\n      )}\n      {tab === 'general' && <GeneralTab />}\n      {tab === 'accessibility' && <AccessibilityTab />}\n      {inbox && tab === 'notifications' && <NotificationsTab />}\n      {tab === 'shortcuts' && <ShortcutsTab />}\n      {tab === 'account' && <AccountTab />}\n    </SettingsPage>\n  );\n}\n"],"mappings":";AAoCM,SACE,KADF;AAlCN,SAAS,QAAQ,oBAAoB;AACrC,SAAS,YAAY,UAAU,mBAAmB;AAClD,SAAS,eAAe,mBAAmB;AAC3C,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAE3B,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,WAAW,OAAO,UAAU;AAAA,EAClC,EAAE,IAAI,iBAAiB,OAAO,gBAAgB;AAAA,EAC9C,EAAE,IAAI,iBAAiB,OAAO,gBAAgB;AAAA,EAC9C,EAAE,IAAI,aAAa,OAAO,YAAY;AAAA,EACtC,EAAE,IAAI,WAAW,OAAO,qBAAqB;AAC/C;AAQO,SAAS,oBAAoB;AAClC,QAAM,QAAQ,WAAW;AACzB,QAAM,OAAO,QAAQ,OAAO,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,eAAe;AACvE,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;AAEvD,cAAY;AACZ,QAAM,UAAU,CAAC,cAAc,UAAU;AAEzC,SACE,qBAAC,gBAAa,oBAAoB,OAChC;AAAA,yBAAC,SACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA;AAAA,MACd;AAAA,MACA,oBAAC,YAAS,MAAY,QAAQ,KAAK,UAAU,QAAQ;AAAA,OACvD;AAAA,IACC,WAAW,QAAQ,aAClB,oBAAC,UAAO,MAAK,WAAU,yFAGvB;AAAA,IAED,QAAQ,aAAa,oBAAC,cAAW;AAAA,IACjC,QAAQ,mBAAmB,oBAAC,oBAAiB;AAAA,IAC7C,SAAS,QAAQ,mBAAmB,oBAAC,oBAAiB;AAAA,IACtD,QAAQ,eAAe,oBAAC,gBAAa;AAAA,IACrC,QAAQ,aAAa,oBAAC,cAAW;AAAA,KACpC;AAEJ;","names":[]}

package/dist/admin/settings/settings.module.css

@@ -0,0 +1,162 @@
+/* Settings rows inside the merchant `Card`, in the one `SettingsPage`
+   column: label and description left, control right. Each card is a size
+   container, so a row stacks when its card is narrow, whatever the viewport
+   or sidebar width. Rows match `ToggleRow` (px-4 py-3, hairline below). */
+
+.stack {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  min-width: 0;
+}
+
+.card {
+  min-width: 0;
+  overflow: hidden;
+  container-type: inline-size;
+}
+
+.cardHead {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 16px 16px 4px;
+}
+
+.cardTitle {
+  margin: 0;
+  font-size: var(--text-lg, 15px);
+  font-weight: 600;
+  line-height: 1.4;
+  color: var(--text-primary);
+}
+
+.cardDesc {
+  margin: 4px 0 0;
+  font-size: var(--text-sm, 13px);
+  color: var(--text-tertiary);
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--border-subtle);
+}
+
+.row:last-child {
+  border-bottom: 0;
+}
+
+.rowText {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.label {
+  margin: 0;
+  font-size: var(--text-sm, 13px);
+  font-weight: 500;
+  color: var(--text-primary);
+}
+
+.desc {
+  margin: 4px 0 0;
+  font-size: var(--text-xs, 12px);
+  color: var(--text-tertiary);
+  overflow-wrap: anywhere;
+}
+
+/* A read-only value in the control slot ("Admin", an email). */
+.value {
+  margin: 0;
+  font-size: var(--text-sm, 13px);
+  font-weight: 500;
+  color: var(--text-secondary);
+  overflow-wrap: anywhere;
+}
+
+.control {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: 8px;
+  flex: 0 1 auto;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.select {
+  width: 200px;
+  max-width: 100%;
+}
+
+.kbds {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.kbd {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 24px;
+  height: 24px;
+  padding: 0 8px;
+  border: 1px solid var(--border-default);
+  border-radius: 10px;
+  background: var(--bg-muted);
+  color: var(--text-secondary);
+  font-family: inherit;
+  font-size: var(--text-xs, 12px);
+  font-weight: 500;
+}
+
+/* Permissions as one wrapped line of plain text, right-aligned. */
+.chips {
+  max-width: 360px;
+  text-align: right;
+}
+
+.strength {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.scope {
+  font-size: var(--text-xs, 12px);
+  color: var(--text-tertiary);
+}
+
+.form {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+@container (max-width: 560px) {
+  .row {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 12px;
+  }
+
+  .control {
+    justify-content: flex-start;
+  }
+
+  .chips {
+    max-width: none;
+    text-align: left;
+  }
+
+  .select {
+    width: 100%;
+  }
+}

package/dist/admin/settings/shortcut-list.js

@@ -0,0 +1,42 @@
+const SHORTCUT_GROUPS = [
+  {
+    title: "Global",
+    items: [
+      { keys: ["\u2318", "K"], action: "Jump to any page" },
+      { keys: ["\u2191", "\u2193"], action: "Move through Jump to results" },
+      { keys: ["\u21B5"], action: "Open the highlighted result" }
+    ]
+  },
+  {
+    title: "Support",
+    items: [
+      { keys: ["J"], action: "Next case", single: true },
+      { keys: ["K"], action: "Previous case", single: true },
+      { keys: ["\u2193", "\u2191"], action: "Next or previous case" },
+      { keys: ["R"], action: "Reply to the merchant", single: true },
+      { keys: ["N"], action: "Write an internal note", single: true },
+      { keys: ["#"], action: "Saved replies, while writing" },
+      { keys: ["\u2318", "\u21B5"], action: "Send the reply" },
+      { keys: ["Esc"], action: "Back to the list" }
+    ]
+  },
+  {
+    title: "Tables and tabs",
+    items: [
+      { keys: ["\u2190", "\u2192"], action: "Move between tabs" },
+      { keys: ["Tab"], action: "Move to the next control or row" },
+      { keys: ["\u21B5"], action: "Open the focused row" }
+    ]
+  },
+  {
+    title: "Dialogs",
+    items: [
+      { keys: ["Esc"], action: "Close the dialog or drawer" },
+      { keys: ["Tab"], action: "Move within the dialog" }
+    ]
+  }
+];
+export {
+  SHORTCUT_GROUPS
+};
+//# sourceMappingURL=shortcut-list.js.map

package/dist/admin/settings/shortcut-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/shortcut-list.ts"],"sourcesContent":["/** Every keyboard shortcut in the console, grouped by where it works. */\n\nexport interface Shortcut {\n  keys: string[];\n  action: string;\n  /** A bare letter: off when single-key shortcuts are off. */\n  single?: boolean;\n}\n\nexport const SHORTCUT_GROUPS: Array<{ title: string; items: Shortcut[] }> = [\n  {\n    title: 'Global',\n    items: [\n      { keys: ['⌘', 'K'], action: 'Jump to any page' },\n      { keys: ['↑', '↓'], action: 'Move through Jump to results' },\n      { keys: ['↵'], action: 'Open the highlighted result' },\n    ],\n  },\n  {\n    title: 'Support',\n    items: [\n      { keys: ['J'], action: 'Next case', single: true },\n      { keys: ['K'], action: 'Previous case', single: true },\n      { keys: ['↓', '↑'], action: 'Next or previous case' },\n      { keys: ['R'], action: 'Reply to the merchant', single: true },\n      { keys: ['N'], action: 'Write an internal note', single: true },\n      { keys: ['#'], action: 'Saved replies, while writing' },\n      { keys: ['⌘', '↵'], action: 'Send the reply' },\n      { keys: ['Esc'], action: 'Back to the list' },\n    ],\n  },\n  {\n    title: 'Tables and tabs',\n    items: [\n      { keys: ['←', '→'], action: 'Move between tabs' },\n      { keys: ['Tab'], action: 'Move to the next control or row' },\n      { keys: ['↵'], action: 'Open the focused row' },\n    ],\n  },\n  {\n    title: 'Dialogs',\n    items: [\n      { keys: ['Esc'], action: 'Close the dialog or drawer' },\n      { keys: ['Tab'], action: 'Move within the dialog' },\n    ],\n  },\n];\n"],"mappings":"AASO,MAAM,kBAA+D;AAAA,EAC1E;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,MAAM,CAAC,UAAK,GAAG,GAAG,QAAQ,mBAAmB;AAAA,MAC/C,EAAE,MAAM,CAAC,UAAK,QAAG,GAAG,QAAQ,+BAA+B;AAAA,MAC3D,EAAE,MAAM,CAAC,QAAG,GAAG,QAAQ,8BAA8B;AAAA,IACvD;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,MAAM,CAAC,GAAG,GAAG,QAAQ,aAAa,QAAQ,KAAK;AAAA,MACjD,EAAE,MAAM,CAAC,GAAG,GAAG,QAAQ,iBAAiB,QAAQ,KAAK;AAAA,MACrD,EAAE,MAAM,CAAC,UAAK,QAAG,GAAG,QAAQ,wBAAwB;AAAA,MACpD,EAAE,MAAM,CAAC,GAAG,GAAG,QAAQ,yBAAyB,QAAQ,KAAK;AAAA,MAC7D,EAAE,MAAM,CAAC,GAAG,GAAG,QAAQ,0BAA0B,QAAQ,KAAK;AAAA,MAC9D,EAAE,MAAM,CAAC,GAAG,GAAG,QAAQ,+BAA+B;AAAA,MACtD,EAAE,MAAM,CAAC,UAAK,QAAG,GAAG,QAAQ,iBAAiB;AAAA,MAC7C,EAAE,MAAM,CAAC,KAAK,GAAG,QAAQ,mBAAmB;AAAA,IAC9C;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,MAAM,CAAC,UAAK,QAAG,GAAG,QAAQ,oBAAoB;AAAA,MAChD,EAAE,MAAM,CAAC,KAAK,GAAG,QAAQ,kCAAkC;AAAA,MAC3D,EAAE,MAAM,CAAC,QAAG,GAAG,QAAQ,uBAAuB;AAAA,IAChD;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,MACL,EAAE,MAAM,CAAC,KAAK,GAAG,QAAQ,6BAA6B;AAAA,MACtD,EAAE,MAAM,CAAC,KAAK,GAAG,QAAQ,yBAAyB;AAAA,IACpD;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,42 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSettings } from "../_settings";
+import { useModuleOn } from "../_shell/modules-context";
+import { Keys, SettingRow, SettingsCard, SwitchRow } from "./setting-row";
+import { SHORTCUT_GROUPS } from "./shortcut-list";
+import { useSave } from "./use-save";
+import styles from "./settings.module.css";
+function ShortcutsTab() {
+  const { singleKey } = useSettings();
+  const { update } = useSave();
+  const supportOn = useModuleOn("support");
+  const groups = SHORTCUT_GROUPS.filter(
+    (g) => supportOn || g.title !== "Support"
+  );
+  return /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
+    /* @__PURE__ */ jsx(SettingsCard, { title: "Keyboard", children: /* @__PURE__ */ jsx(
+      SwitchRow,
+      {
+        label: "Single-key shortcuts",
+        description: "Letters like J, K, R and N act on their own. Turn off if you use dictation or switch access; \u2318 shortcuts keep working.",
+        checked: singleKey,
+        onChange: (next) => update({ singleKey: next })
+      }
+    ) }),
+    groups.map((group) => /* @__PURE__ */ jsx(SettingsCard, { title: group.title, children: group.items.map((item) => /* @__PURE__ */ jsxs(
+      SettingRow,
+      {
+        label: item.action,
+        children: [
+          item.single && !singleKey && /* @__PURE__ */ jsx("span", { className: styles.value, children: "Off" }),
+          /* @__PURE__ */ jsx(Keys, { keys: item.keys })
+        ]
+      },
+      `${item.keys.join("+")}-${item.action}`
+    )) }, group.title))
+  ] });
+}
+export {
+  ShortcutsTab
+};
+//# sourceMappingURL=shortcuts-tab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/shortcuts-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useSettings } from '../_settings';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { Keys, SettingRow, SettingsCard, SwitchRow } from './setting-row';\nimport { SHORTCUT_GROUPS } from './shortcut-list';\nimport { useSave } from './use-save';\nimport styles from './settings.module.css';\n\n/** The keyboard reference, and the switch for bare-letter keys. Support's keys show only where Support is served. */\nexport function ShortcutsTab() {\n  const { singleKey } = useSettings();\n  const { update } = useSave();\n  const supportOn = useModuleOn('support');\n  const groups = SHORTCUT_GROUPS.filter(\n    (g) => supportOn || g.title !== 'Support'\n  );\n\n  return (\n    <div className={styles.stack}>\n      <SettingsCard title=\"Keyboard\">\n        <SwitchRow\n          label=\"Single-key shortcuts\"\n          description=\"Letters like J, K, R and N act on their own. Turn off if you use dictation or switch access; ⌘ shortcuts keep working.\"\n          checked={singleKey}\n          onChange={(next) => update({ singleKey: next })}\n        />\n      </SettingsCard>\n      {groups.map((group) => (\n        <SettingsCard key={group.title} title={group.title}>\n          {group.items.map((item) => (\n            <SettingRow\n              key={`${item.keys.join('+')}-${item.action}`}\n              label={item.action}\n            >\n              {item.single && !singleKey && (\n                <span className={styles.value}>Off</span>\n              )}\n              <Keys keys={item.keys} />\n            </SettingRow>\n          ))}\n        </SettingsCard>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAqBQ,cAUI,YAVJ;AAnBR,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,MAAM,YAAY,cAAc,iBAAiB;AAC1D,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,OAAO,YAAY;AAGZ,SAAS,eAAe;AAC7B,QAAM,EAAE,UAAU,IAAI,YAAY;AAClC,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM,YAAY,YAAY,SAAS;AACvC,QAAM,SAAS,gBAAgB;AAAA,IAC7B,CAAC,MAAM,aAAa,EAAE,UAAU;AAAA,EAClC;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,wBAAC,gBAAa,OAAM,YAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU,CAAC,SAAS,OAAO,EAAE,WAAW,KAAK,CAAC;AAAA;AAAA,IAChD,GACF;AAAA,IACC,OAAO,IAAI,CAAC,UACX,oBAAC,gBAA+B,OAAO,MAAM,OAC1C,gBAAM,MAAM,IAAI,CAAC,SAChB;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO,KAAK;AAAA,QAEX;AAAA,eAAK,UAAU,CAAC,aACf,oBAAC,UAAK,WAAW,OAAO,OAAO,iBAAG;AAAA,UAEpC,oBAAC,QAAK,MAAM,KAAK,MAAM;AAAA;AAAA;AAAA,MANlB,GAAG,KAAK,KAAK,KAAK,GAAG,CAAC,IAAI,KAAK,MAAM;AAAA,IAO5C,CACD,KAXgB,MAAM,KAYzB,CACD;AAAA,KACH;AAEJ;","names":[]}

package/dist/admin/settings/use-inbox-on.js

@@ -0,0 +1,11 @@
+"use client";
+import { useModuleOn } from "../_shell/modules-context";
+function useInboxOn() {
+  const support = useModuleOn("support");
+  const feedback = useModuleOn("feedback");
+  return support || feedback;
+}
+export {
+  useInboxOn
+};
+//# sourceMappingURL=use-inbox-on.js.map