@withpotter/pages-admin 0.13.0-next.101

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/use-inbox-on.ts"],"sourcesContent":["'use client';\n\nimport { useModuleOn } from '../_shell/modules-context';\n\n/** Whether this box serves an inbox the console can notify about. */\nexport function useInboxOn() {\n  const support = useModuleOn('support');\n  const feedback = useModuleOn('feedback');\n  return support || feedback;\n}\n"],"mappings":";AAEA,SAAS,mBAAmB;AAGrB,SAAS,aAAa;AAC3B,QAAM,UAAU,YAAY,SAAS;AACrC,QAAM,WAAW,YAAY,UAAU;AACvC,SAAO,WAAW;AACpB;","names":[]}

package/dist/admin/settings/use-save.js

@@ -0,0 +1,35 @@
+"use client";
+import { useCallback } from "react";
+import { useToast } from "@withpotter/ui-kit";
+import { settingsStore } from "../_settings";
+const SETTLE_MS = 700;
+let timer;
+function useSave() {
+  const { toast } = useToast();
+  const saved = useCallback(() => {
+    window.clearTimeout(timer);
+    timer = window.setTimeout(() => {
+      toast(
+        settingsStore.persisted() ? {
+          title: "Saved on this device",
+          description: "Applies in this browser only."
+        } : {
+          title: "Applied for this visit",
+          description: "This browser is not keeping settings."
+        }
+      );
+    }, SETTLE_MS);
+  }, [toast]);
+  const update = useCallback(
+    (patch) => {
+      settingsStore.update(patch);
+      saved();
+    },
+    [saved]
+  );
+  return { update, saved };
+}
+export {
+  useSave
+};
+//# sourceMappingURL=use-save.js.map

package/dist/admin/settings/use-save.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/use-save.ts"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport { useToast } from '@withpotter/ui-kit';\nimport { settingsStore, type AdminSettings } from '../_settings';\n\n/** Quiet period after the last change before the one confirmation toast. */\nconst SETTLE_MS = 700;\n\n/** Shared by every tab, so switching tabs mid-change still confirms once. */\nlet timer: number | undefined;\n\n/**\n * Applies a change at once and confirms it with a single \"Saved on this\n * device\" toast once the admin stops changing things.\n */\nexport function useSave() {\n  const { toast } = useToast();\n  const saved = useCallback(() => {\n    window.clearTimeout(timer);\n    timer = window.setTimeout(() => {\n      toast(\n        settingsStore.persisted()\n          ? {\n              title: 'Saved on this device',\n              description: 'Applies in this browser only.',\n            }\n          : {\n              title: 'Applied for this visit',\n              description: 'This browser is not keeping settings.',\n            }\n      );\n    }, SETTLE_MS);\n  }, [toast]);\n\n  const update = useCallback(\n    (patch: Partial<AdminSettings>) => {\n      settingsStore.update(patch);\n      saved();\n    },\n    [saved]\n  );\n\n  return { update, saved };\n}\n"],"mappings":";AAEA,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,qBAAyC;AAGlD,MAAM,YAAY;AAGlB,IAAI;AAMG,SAAS,UAAU;AACxB,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,QAAQ,YAAY,MAAM;AAC9B,WAAO,aAAa,KAAK;AACzB,YAAQ,OAAO,WAAW,MAAM;AAC9B;AAAA,QACE,cAAc,UAAU,IACpB;AAAA,UACE,OAAO;AAAA,UACP,aAAa;AAAA,QACf,IACA;AAAA,UACE,OAAO;AAAA,UACP,aAAa;AAAA,QACf;AAAA,MACN;AAAA,IACF,GAAG,SAAS;AAAA,EACd,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,SAAS;AAAA,IACb,CAAC,UAAkC;AACjC,oBAAc,OAAO,KAAK;AAC1B,YAAM;AAAA,IACR;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,SAAO,EAAE,QAAQ,MAAM;AACzB;","names":[]}

package/dist/admin/support/case-field-selects.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@withpotter/ui-kit/select";
+import {
+  PRIORITY_COLOR,
+  PRIORITY_LABEL,
+  PRIORITY_OPTIONS,
+  STATUS_COLOR,
+  STATUS_LABEL,
+  STATUS_OPTIONS
+} from "./support-options";
+import { useCaseActions } from "./use-admin-support";
+import { useCloseCase } from "./use-close-case";
+import { useAdminDirectory, useSupportViewer } from "./use-support-insights";
+import styles from "./support-case.module.css";
+const STATUS_CHOICES = STATUS_OPTIONS.map((option) => ({
+  ...option,
+  leading: /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: styles.choiceDot,
+      style: { background: STATUS_COLOR[option.value] }
+    }
+  )
+}));
+const PRIORITY_CHOICES = PRIORITY_OPTIONS.map((option) => ({
+  ...option,
+  leading: /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: styles.choiceDot,
+      style: {
+        background: PRIORITY_COLOR[option.value]
+      }
+    }
+  )
+}));
+function useField({ item, canManage }) {
+  const actions = useCaseActions();
+  return {
+    locked: !canManage || actions.isPending,
+    update: (input, done) => actions.mutate({ id: item.id, input, done })
+  };
+}
+function StatusSelect(props) {
+  const { locked, update } = useField(props);
+  const closer = useCloseCase();
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      ariaLabel: "Case status",
+      size: "sm",
+      bare: true,
+      disabled: locked,
+      value: props.item.status,
+      options: STATUS_CHOICES,
+      onChange: (value) => {
+        const status = value;
+        if (status === "closed") return void closer.close(props.item);
+        update({ status }, `Marked ${STATUS_LABEL[status].toLowerCase()}`);
+      }
+    }
+  );
+}
+function PrioritySelect(props) {
+  const { locked, update } = useField(props);
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      ariaLabel: "Case priority",
+      size: "sm",
+      bare: true,
+      disabled: locked,
+      value: props.item.priority,
+      options: PRIORITY_CHOICES,
+      onChange: (value) => {
+        const priority = value;
+        update(
+          { priority },
+          `Priority set to ${PRIORITY_LABEL[priority].toLowerCase()}`
+        );
+      }
+    }
+  );
+}
+function AssigneeSelect(props) {
+  const { locked, update } = useField(props);
+  const names = useAdminDirectory();
+  const { me } = useSupportViewer();
+  const current = props.item.assignedAdminUserId ?? "";
+  const people = new Map(names);
+  if (me && !people.has(me)) people.set(me, "You");
+  if (current && !people.has(current)) people.set(current, "A colleague");
+  const options = [
+    { value: "", label: "Unassigned" },
+    ...[...people].map(([id, name]) => ({
+      value: id,
+      label: id === me ? `${name} (you)` : name
+    }))
+  ];
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      ariaLabel: "Assignee",
+      size: "sm",
+      bare: true,
+      searchable: options.length > 8,
+      disabled: locked,
+      value: current,
+      options,
+      onChange: (value) => update(
+        { assignedAdminUserId: value || null },
+        value ? `Assigned to ${people.get(value) ?? "a colleague"}` : "Unassigned"
+      )
+    }
+  );
+}
+export {
+  AssigneeSelect,
+  PrioritySelect,
+  StatusSelect
+};
+//# sourceMappingURL=case-field-selects.js.map

package/dist/admin/support/case-field-selects.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/case-field-selects.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from '@withpotter/ui-kit/select';\nimport type {\n  PlatformServiceCase,\n  ServiceCasePriority,\n  ServiceCaseStatus,\n} from '@withpotter/lib/admin-service-operations-api';\nimport {\n  PRIORITY_COLOR,\n  PRIORITY_LABEL,\n  PRIORITY_OPTIONS,\n  STATUS_COLOR,\n  STATUS_LABEL,\n  STATUS_OPTIONS,\n} from './support-options';\nimport { useCaseActions } from './use-admin-support';\nimport { useCloseCase } from './use-close-case';\nimport { useAdminDirectory, useSupportViewer } from './use-support-insights';\nimport styles from './support-case.module.css';\n\nconst STATUS_CHOICES = STATUS_OPTIONS.map((option) => ({\n  ...option,\n  leading: (\n    <span\n      aria-hidden\n      className={styles.choiceDot}\n      style={{ background: STATUS_COLOR[option.value as ServiceCaseStatus] }}\n    />\n  ),\n}));\n\nconst PRIORITY_CHOICES = PRIORITY_OPTIONS.map((option) => ({\n  ...option,\n  leading: (\n    <span\n      aria-hidden\n      className={styles.choiceDot}\n      style={{\n        background: PRIORITY_COLOR[option.value as ServiceCasePriority],\n      }}\n    />\n  ),\n}));\n\ntype FieldProps = { item: PlatformServiceCase; canManage: boolean };\n\n/** Shared by the three: one mutation, locked while it runs. */\nfunction useField({ item, canManage }: FieldProps) {\n  const actions = useCaseActions();\n  return {\n    locked: !canManage || actions.isPending,\n    update: (\n      input: Parameters<typeof actions.mutate>[0]['input'],\n      done: string,\n    ) => actions.mutate({ id: item.id, input, done }),\n  };\n}\n\n/** Status, edited in place; closing still asks first. */\nexport function StatusSelect(props: FieldProps) {\n  const { locked, update } = useField(props);\n  const closer = useCloseCase();\n  return (\n    <Select\n      ariaLabel=\"Case status\"\n      size=\"sm\"\n      bare\n      disabled={locked}\n      value={props.item.status}\n      options={STATUS_CHOICES}\n      onChange={(value) => {\n        const status = value as ServiceCaseStatus;\n        if (status === 'closed') return void closer.close(props.item);\n        update({ status }, `Marked ${STATUS_LABEL[status].toLowerCase()}`);\n      }}\n    />\n  );\n}\n\nexport function PrioritySelect(props: FieldProps) {\n  const { locked, update } = useField(props);\n  return (\n    <Select\n      ariaLabel=\"Case priority\"\n      size=\"sm\"\n      bare\n      disabled={locked}\n      value={props.item.priority}\n      options={PRIORITY_CHOICES}\n      onChange={(value) => {\n        const priority = value as ServiceCasePriority;\n        update(\n          { priority },\n          `Priority set to ${PRIORITY_LABEL[priority].toLowerCase()}`,\n        );\n      }}\n    />\n  );\n}\n\n/** Nobody, you, or any colleague the directory can name. */\nexport function AssigneeSelect(props: FieldProps) {\n  const { locked, update } = useField(props);\n  const names = useAdminDirectory();\n  const { me } = useSupportViewer();\n  const current = props.item.assignedAdminUserId ?? '';\n  const people = new Map(names);\n  if (me && !people.has(me)) people.set(me, 'You');\n  if (current && !people.has(current)) people.set(current, 'A colleague');\n  const options = [\n    { value: '', label: 'Unassigned' },\n    ...[...people].map(([id, name]) => ({\n      value: id,\n      label: id === me ? `${name} (you)` : name,\n    })),\n  ];\n  return (\n    <Select\n      ariaLabel=\"Assignee\"\n      size=\"sm\"\n      bare\n      searchable={options.length > 8}\n      disabled={locked}\n      value={current}\n      options={options}\n      onChange={(value) =>\n        update(\n          { assignedAdminUserId: value || null },\n          value\n            ? `Assigned to ${people.get(value) ?? 'a colleague'}`\n            : 'Unassigned',\n        )\n      }\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/support/case-header-controls.js

@@ -0,0 +1,98 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Archive } from "lucide-react";
+import { Button, Tooltip } from "@withpotter/ui-kit";
+import { Select } from "@withpotter/ui-kit/select";
+import {
+  PRIORITY_COLOR,
+  PRIORITY_LABEL,
+  PRIORITY_OPTIONS,
+  STATUS_COLOR,
+  STATUS_LABEL,
+  STATUS_OPTIONS
+} from "./support-options";
+import { useCaseActions } from "./use-admin-support";
+import { useCloseCase } from "./use-close-case";
+import styles from "./support-case.module.css";
+const PRIORITY_CHOICES = PRIORITY_OPTIONS.map((option) => ({
+  ...option,
+  leading: /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: styles.choiceDot,
+      style: {
+        background: PRIORITY_COLOR[option.value]
+      }
+    }
+  )
+}));
+const STATUS_CHOICES = STATUS_OPTIONS.map((option) => ({
+  ...option,
+  leading: /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: styles.choiceDot,
+      style: { background: STATUS_COLOR[option.value] }
+    }
+  )
+}));
+function CaseHeaderControls({
+  item,
+  canManage
+}) {
+  const actions = useCaseActions();
+  const closer = useCloseCase();
+  const locked = !canManage || actions.isPending;
+  const update = (input, done) => actions.mutate({ id: item.id, input, done });
+  return /* @__PURE__ */ jsxs("div", { className: styles.headerControls, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.headerSelect, children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        ariaLabel: "Case status",
+        size: "sm",
+        disabled: locked,
+        value: item.status,
+        options: STATUS_CHOICES,
+        onChange: (value) => {
+          const status = value;
+          if (status === "closed") return void closer.close(item);
+          update({ status }, `Marked ${STATUS_LABEL[status].toLowerCase()}`);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: styles.headerSelect, children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        ariaLabel: "Case priority",
+        size: "sm",
+        disabled: locked,
+        value: item.priority,
+        options: PRIORITY_CHOICES,
+        onChange: (value) => {
+          const priority = value;
+          update(
+            { priority },
+            `Priority set to ${PRIORITY_LABEL[priority].toLowerCase()}`
+          );
+        }
+      }
+    ) }),
+    canManage && item.status !== "closed" && /* @__PURE__ */ jsx(Tooltip, { label: "Close case", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: "secondary",
+        "aria-label": "Close case",
+        loading: closer.isPending,
+        onClick: () => void closer.close(item),
+        children: /* @__PURE__ */ jsx(Archive, { className: "size-4" })
+      }
+    ) })
+  ] });
+}
+export {
+  CaseHeaderControls
+};
+//# sourceMappingURL=case-header-controls.js.map

package/dist/admin/support/case-header-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/case-header-controls.tsx"],"sourcesContent":["'use client';\n\nimport { Archive } from 'lucide-react';\nimport { Button, Tooltip } from '@withpotter/ui-kit';\nimport { Select } from '@withpotter/ui-kit/select';\nimport type {\n  PlatformServiceCase,\n  ServiceCasePriority,\n  ServiceCaseStatus,\n} from '@withpotter/lib/admin-service-operations-api';\nimport {\n  PRIORITY_COLOR,\n  PRIORITY_LABEL,\n  PRIORITY_OPTIONS,\n  STATUS_COLOR,\n  STATUS_LABEL,\n  STATUS_OPTIONS,\n} from './support-options';\nimport { useCaseActions } from './use-admin-support';\nimport { useCloseCase } from './use-close-case';\nimport styles from './support-case.module.css';\n\nconst PRIORITY_CHOICES = PRIORITY_OPTIONS.map((option) => ({\n  ...option,\n  leading: (\n    <span\n      aria-hidden\n      className={styles.choiceDot}\n      style={{\n        background: PRIORITY_COLOR[option.value as ServiceCasePriority],\n      }}\n    />\n  ),\n}));\n\nconst STATUS_CHOICES = STATUS_OPTIONS.map((option) => ({\n  ...option,\n  leading: (\n    <span\n      aria-hidden\n      className={styles.choiceDot}\n      style={{ background: STATUS_COLOR[option.value as ServiceCaseStatus] }}\n    />\n  ),\n}));\n\n/** Status and priority as dropdowns in the sheet's header, and Close. */\nexport function CaseHeaderControls({\n  item,\n  canManage,\n}: {\n  item: PlatformServiceCase;\n  canManage: boolean;\n}) {\n  const actions = useCaseActions();\n  const closer = useCloseCase();\n  const locked = !canManage || actions.isPending;\n  const update = (\n    input: Parameters<typeof actions.mutate>[0]['input'],\n    done: string,\n  ) => actions.mutate({ id: item.id, input, done });\n\n  return (\n    <div className={styles.headerControls}>\n      <div className={styles.headerSelect}>\n        <Select\n          ariaLabel=\"Case status\"\n          size=\"sm\"\n          disabled={locked}\n          value={item.status}\n          options={STATUS_CHOICES}\n          onChange={(value) => {\n            const status = value as ServiceCaseStatus;\n            if (status === 'closed') return void closer.close(item);\n            update({ status }, `Marked ${STATUS_LABEL[status].toLowerCase()}`);\n          }}\n        />\n      </div>\n      <div className={styles.headerSelect}>\n        <Select\n          ariaLabel=\"Case priority\"\n          size=\"sm\"\n          disabled={locked}\n          value={item.priority}\n          options={PRIORITY_CHOICES}\n          onChange={(value) => {\n            const priority = value as ServiceCasePriority;\n            update(\n              { priority },\n              `Priority set to ${PRIORITY_LABEL[priority].toLowerCase()}`,\n            );\n          }}\n        />\n      </div>\n      {canManage && item.status !== 'closed' && (\n        <Tooltip label=\"Close case\">\n          <Button\n            size=\"sm\"\n            variant=\"secondary\"\n            aria-label=\"Close case\"\n            loading={closer.isPending}\n            onClick={() => void closer.close(item)}\n          >\n            <Archive className=\"size-4\" />\n          </Button>\n        </Tooltip>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAyBI,cAsCA,YAtCA;AAvBJ,SAAS,eAAe;AACxB,SAAS,QAAQ,eAAe;AAChC,SAAS,cAAc;AAMvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,OAAO,YAAY;AAEnB,MAAM,mBAAmB,iBAAiB,IAAI,CAAC,YAAY;AAAA,EACzD,GAAG;AAAA,EACH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAW,OAAO;AAAA,MAClB,OAAO;AAAA,QACL,YAAY,eAAe,OAAO,KAA4B;AAAA,MAChE;AAAA;AAAA,EACF;AAEJ,EAAE;AAEF,MAAM,iBAAiB,eAAe,IAAI,CAAC,YAAY;AAAA,EACrD,GAAG;AAAA,EACH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAW,OAAO;AAAA,MAClB,OAAO,EAAE,YAAY,aAAa,OAAO,KAA0B,EAAE;AAAA;AAAA,EACvE;AAEJ,EAAE;AAGK,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,QAAM,UAAU,eAAe;AAC/B,QAAM,SAAS,aAAa;AAC5B,QAAM,SAAS,CAAC,aAAa,QAAQ;AACrC,QAAM,SAAS,CACb,OACA,SACG,QAAQ,OAAO,EAAE,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC;AAEhD,SACE,qBAAC,SAAI,WAAW,OAAO,gBACrB;AAAA,wBAAC,SAAI,WAAW,OAAO,cACrB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAU;AAAA,QACV,OAAO,KAAK;AAAA,QACZ,SAAS;AAAA,QACT,UAAU,CAAC,UAAU;AACnB,gBAAM,SAAS;AACf,cAAI,WAAW,SAAU,QAAO,KAAK,OAAO,MAAM,IAAI;AACtD,iBAAO,EAAE,OAAO,GAAG,UAAU,aAAa,MAAM,EAAE,YAAY,CAAC,EAAE;AAAA,QACnE;AAAA;AAAA,IACF,GACF;AAAA,IACA,oBAAC,SAAI,WAAW,OAAO,cACrB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAU;AAAA,QACV,OAAO,KAAK;AAAA,QACZ,SAAS;AAAA,QACT,UAAU,CAAC,UAAU;AACnB,gBAAM,WAAW;AACjB;AAAA,YACE,EAAE,SAAS;AAAA,YACX,mBAAmB,eAAe,QAAQ,EAAE,YAAY,CAAC;AAAA,UAC3D;AAAA,QACF;AAAA;AAAA,IACF,GACF;AAAA,IACC,aAAa,KAAK,WAAW,YAC5B,oBAAC,WAAQ,OAAM,cACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,cAAW;AAAA,QACX,SAAS,OAAO;AAAA,QAChB,SAAS,MAAM,KAAK,OAAO,MAAM,IAAI;AAAA,QAErC,8BAAC,WAAQ,WAAU,UAAS;AAAA;AAAA,IAC9B,GACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/support/case-origin.js

@@ -0,0 +1,26 @@
+import { ADMIN_NAME } from "../_shell/admin-brand";
+const TEAM_NAME = `${ADMIN_NAME} support`;
+const at = (iso) => {
+  const value = new Date(iso).getTime();
+  return Number.isFinite(value) ? value : 0;
+};
+function startedByBox(item) {
+  const first = [...item.messages ?? []].sort(
+    (a, b) => at(a.createdAt) - at(b.createdAt)
+  )[0];
+  return first?.authorType === "platform_admin" && first.body.trim() === (item.description ?? "").trim();
+}
+const messageCount = (item) => (item.messages?.length ?? 0) + (startedByBox(item) ? 0 : 1);
+const openedBy = (item) => startedByBox(item) ? TEAM_NAME : item.supportContext?.sender.name || item.reporterName;
+function previewOf(item) {
+  const text = item.description?.replace(/\s+/g, " ").trim() ?? "";
+  return text && startedByBox(item) ? `${TEAM_NAME}: ${text}` : text;
+}
+export {
+  TEAM_NAME,
+  messageCount,
+  openedBy,
+  previewOf,
+  startedByBox
+};
+//# sourceMappingURL=case-origin.js.map

package/dist/admin/support/case-origin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/case-origin.ts"],"sourcesContent":["import type { PlatformServiceCase } from '@withpotter/lib/admin-service-operations-api';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\n\ntype Origin = Pick<PlatformServiceCase, 'description' | 'messages'>;\n\n/** How the team is named where one of us, not the merchant, spoke first. */\nexport const TEAM_NAME = `${ADMIN_NAME} support`;\n\nconst at = (iso: string) => {\n  const value = new Date(iso).getTime();\n\n  return Number.isFinite(value) ? value : 0;\n};\n\n/**\n * Whether an admin started this case by messaging the merchant, rather than\n * the merchant writing in. Such a case stores the admin's words twice: as\n * its `description` and as its first message. So: the earliest message is an\n * admin's and says exactly what the description says.\n *\n * It needs `messages`, which only a case fetched on its own carries; a row\n * of the case list has none, and reads as merchant-opened.\n */\nexport function startedByBox(item: Origin) {\n  const first = [...(item.messages ?? [])].sort(\n    (a, b) => at(a.createdAt) - at(b.createdAt),\n  )[0];\n\n  return (\n    first?.authorType === 'platform_admin' &&\n    first.body.trim() === (item.description ?? '').trim()\n  );\n}\n\n/**\n * How many messages the conversation holds. A merchant's opening request is\n * the description and not a message, so it counts as one more; an admin's\n * opening message is already in the list.\n */\nexport const messageCount = (item: Origin) =>\n  (item.messages?.length ?? 0) + (startedByBox(item) ? 0 : 1);\n\n/** Who opened the case, for the timeline's first line. */\nexport const openedBy = (\n  item: Origin & Pick<PlatformServiceCase, 'reporterName' | 'supportContext'>,\n) =>\n  startedByBox(item)\n    ? TEAM_NAME\n    : item.supportContext?.sender.name || item.reporterName;\n\n/**\n * The one-line preview under a case's subject: its opening words, marked as\n * ours when an admin wrote them so they are not read as the merchant's.\n */\nexport function previewOf(item: Origin) {\n  const text = item.description?.replace(/\\s+/g, ' ').trim() ?? '';\n\n  return text && startedByBox(item) ? `${TEAM_NAME}: ${text}` : text;\n}\n"],"mappings":"AACA,SAAS,kBAAkB;AAKpB,MAAM,YAAY,GAAG,UAAU;AAEtC,MAAM,KAAK,CAAC,QAAgB;AAC1B,QAAM,QAAQ,IAAI,KAAK,GAAG,EAAE,QAAQ;AAEpC,SAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C;AAWO,SAAS,aAAa,MAAc;AACzC,QAAM,QAAQ,CAAC,GAAI,KAAK,YAAY,CAAC,CAAE,EAAE;AAAA,IACvC,CAAC,GAAG,MAAM,GAAG,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS;AAAA,EAC5C,EAAE,CAAC;AAEH,SACE,OAAO,eAAe,oBACtB,MAAM,KAAK,KAAK,OAAO,KAAK,eAAe,IAAI,KAAK;AAExD;AAOO,MAAM,eAAe,CAAC,UAC1B,KAAK,UAAU,UAAU,MAAM,aAAa,IAAI,IAAI,IAAI;AAGpD,MAAM,WAAW,CACtB,SAEA,aAAa,IAAI,IACb,YACA,KAAK,gBAAgB,OAAO,QAAQ,KAAK;AAMxC,SAAS,UAAU,MAAc;AACtC,QAAM,OAAO,KAAK,aAAa,QAAQ,QAAQ,GAAG,EAAE,KAAK,KAAK;AAE9D,SAAO,QAAQ,aAAa,IAAI,IAAI,GAAG,SAAS,KAAK,IAAI,KAAK;AAChE;","names":[]}

package/dist/admin/support/case-pills.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  PRIORITY_COLOR,
+  PRIORITY_LABEL,
+  STATUS_COLOR,
+  STATUS_LABEL
+} from "./support-options";
+import styles from "./case-pills.module.css";
+const hue = (color) => ({ "--pill": color });
+function StatusPill({ status }) {
+  return /* @__PURE__ */ jsxs("span", { className: styles.status, style: hue(STATUS_COLOR[status]), children: [
+    /* @__PURE__ */ jsx("span", { className: styles.dot, "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: styles.label, children: STATUS_LABEL[status] })
+  ] });
+}
+function PriorityFlag({ priority }) {
+  return /* @__PURE__ */ jsxs("span", { className: styles.status, style: hue(PRIORITY_COLOR[priority]), children: [
+    /* @__PURE__ */ jsx("span", { className: styles.dot, "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: styles.label, children: PRIORITY_LABEL[priority] })
+  ] });
+}
+function StatusDot({ status }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: styles.dotOnly,
+      style: hue(STATUS_COLOR[status]),
+      title: STATUS_LABEL[status],
+      children: [
+        /* @__PURE__ */ jsx("span", { className: styles.dot, "aria-hidden": true }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: STATUS_LABEL[status] })
+      ]
+    }
+  );
+}
+export {
+  PriorityFlag,
+  StatusDot,
+  StatusPill
+};
+//# sourceMappingURL=case-pills.js.map

package/dist/admin/support/case-pills.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/case-pills.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport type {\n  ServiceCasePriority,\n  ServiceCaseStatus,\n} from '@withpotter/lib/admin-service-operations-api';\nimport {\n  PRIORITY_COLOR,\n  PRIORITY_LABEL,\n  STATUS_COLOR,\n  STATUS_LABEL,\n} from './support-options';\nimport styles from './case-pills.module.css';\n\nconst hue = (color: string) => ({ '--pill': color }) as CSSProperties;\n\n/** A 6px status dot plus words. */\nexport function StatusPill({ status }: { status: ServiceCaseStatus }) {\n  return (\n    <span className={styles.status} style={hue(STATUS_COLOR[status])}>\n      <span className={styles.dot} aria-hidden />\n      <span className={styles.label}>{STATUS_LABEL[status]}</span>\n    </span>\n  );\n}\n\n/** A coloured dot and the word, so priority never rests on colour alone. */\nexport function PriorityFlag({ priority }: { priority: ServiceCasePriority }) {\n  return (\n    <span className={styles.status} style={hue(PRIORITY_COLOR[priority])}>\n      <span className={styles.dot} aria-hidden />\n      <span className={styles.label}>{PRIORITY_LABEL[priority]}</span>\n    </span>\n  );\n}\n\n/** The status as its dot alone, named for screen readers and on hover. */\nexport function StatusDot({ status }: { status: ServiceCaseStatus }) {\n  return (\n    <span\n      className={styles.dotOnly}\n      style={hue(STATUS_COLOR[status])}\n      title={STATUS_LABEL[status]}\n    >\n      <span className={styles.dot} aria-hidden />\n      <span className=\"sr-only\">{STATUS_LABEL[status]}</span>\n    </span>\n  );\n}\n"],"mappings":"AAkBI,SACE,KADF;AAbJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,YAAY;AAEnB,MAAM,MAAM,CAAC,WAAmB,EAAE,UAAU,MAAM;AAG3C,SAAS,WAAW,EAAE,OAAO,GAAkC;AACpE,SACE,qBAAC,UAAK,WAAW,OAAO,QAAQ,OAAO,IAAI,aAAa,MAAM,CAAC,GAC7D;AAAA,wBAAC,UAAK,WAAW,OAAO,KAAK,eAAW,MAAC;AAAA,IACzC,oBAAC,UAAK,WAAW,OAAO,OAAQ,uBAAa,MAAM,GAAE;AAAA,KACvD;AAEJ;AAGO,SAAS,aAAa,EAAE,SAAS,GAAsC;AAC5E,SACE,qBAAC,UAAK,WAAW,OAAO,QAAQ,OAAO,IAAI,eAAe,QAAQ,CAAC,GACjE;AAAA,wBAAC,UAAK,WAAW,OAAO,KAAK,eAAW,MAAC;AAAA,IACzC,oBAAC,UAAK,WAAW,OAAO,OAAQ,yBAAe,QAAQ,GAAE;AAAA,KAC3D;AAEJ;AAGO,SAAS,UAAU,EAAE,OAAO,GAAkC;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB,OAAO,IAAI,aAAa,MAAM,CAAC;AAAA,MAC/B,OAAO,aAAa,MAAM;AAAA,MAE1B;AAAA,4BAAC,UAAK,WAAW,OAAO,KAAK,eAAW,MAAC;AAAA,QACzC,oBAAC,UAAK,WAAU,WAAW,uBAAa,MAAM,GAAE;AAAA;AAAA;AAAA,EAClD;AAEJ;","names":[]}

package/dist/admin/support/case-pills.module.css

@@ -0,0 +1,36 @@
+/* Status and priority (6px dot + words). --pill is set per instance
+   and colours the dot only; the words stay neutral. */
+
+.status {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  max-width: 100%;
+  color: var(--text-primary);
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 20px;
+  white-space: nowrap;
+}
+
+.dot {
+  flex-shrink: 0;
+  width: 6px;
+  height: 6px;
+  border-radius: 999px;
+  background: var(--pill);
+}
+
+.label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.dotOnly {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+}

package/dist/admin/support/case-row-menu.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { OverflowItem, OverflowMenu } from "@withpotter/ui-kit";
+import {
+  NEXT_STATUSES,
+  PRIORITY_LABEL,
+  PRIORITY_OPTIONS,
+  STATUS_LABEL
+} from "./support-options";
+import { useCaseActions } from "./use-admin-support";
+function CaseRowMenu({
+  row,
+  me,
+  canManage,
+  onOpen,
+  onClose
+}) {
+  const actions = useCaseActions();
+  const busy = actions.isPending;
+  const mine = Boolean(me) && row.assignedAdminUserId === me;
+  const run = (input, done) => actions.mutate({ id: row.id, input, done });
+  return /* @__PURE__ */ jsxs(OverflowMenu, { label: `Actions for ${row.reference}`, children: [
+    onOpen && /* @__PURE__ */ jsx(OverflowItem, { onClick: onOpen, children: "Open case" }),
+    canManage && me && !mine && /* @__PURE__ */ jsx(
+      OverflowItem,
+      {
+        disabled: busy,
+        onClick: () => run({ assignedAdminUserId: me }, "Assigned to you"),
+        children: "Assign to me"
+      }
+    ),
+    canManage && mine && /* @__PURE__ */ jsx(
+      OverflowItem,
+      {
+        disabled: busy,
+        onClick: () => run({ assignedAdminUserId: null }, "Unassigned"),
+        children: "Unassign"
+      }
+    ),
+    canManage && NEXT_STATUSES.filter(
+      (status) => status !== row.status && status !== "closed"
+    ).map((status) => /* @__PURE__ */ jsxs(
+      OverflowItem,
+      {
+        disabled: busy,
+        onClick: () => run({ status }, `Marked ${STATUS_LABEL[status].toLowerCase()}`),
+        children: [
+          "Mark ",
+          STATUS_LABEL[status].toLowerCase()
+        ]
+      },
+      status
+    )),
+    canManage && PRIORITY_OPTIONS.filter(({ value }) => value !== row.priority).map(
+      ({ value, label }) => /* @__PURE__ */ jsxs(
+        OverflowItem,
+        {
+          disabled: busy,
+          onClick: () => run(
+            { priority: value },
+            `Priority set to ${PRIORITY_LABEL[value].toLowerCase()}`
+          ),
+          children: [
+            "Priority: ",
+            label
+          ]
+        },
+        value
+      )
+    ),
+    canManage && row.status !== "closed" && /* @__PURE__ */ jsx(OverflowItem, { destructive: true, disabled: busy, onClick: onClose, children: "Close case\u2026" })
+  ] });
+}
+export {
+  CaseRowMenu
+};
+//# sourceMappingURL=case-row-menu.js.map

package/dist/admin/support/case-row-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/case-row-menu.tsx"],"sourcesContent":["'use client';\n\nimport { OverflowItem, OverflowMenu } from '@withpotter/ui-kit';\nimport type { PlatformServiceCase } from '@withpotter/lib/admin-service-operations-api';\nimport {\n  NEXT_STATUSES,\n  PRIORITY_LABEL,\n  PRIORITY_OPTIONS,\n  STATUS_LABEL,\n} from './support-options';\nimport { useCaseActions } from './use-admin-support';\nimport type { ServiceCasePriority } from '@withpotter/lib/admin-service-operations-api';\n\n/** A row's `•••`: open it, take it, move it along, or change its urgency. */\nexport function CaseRowMenu({\n  row,\n  me,\n  canManage,\n  onOpen,\n  onClose,\n}: {\n  row: PlatformServiceCase;\n  me: string | undefined;\n  canManage: boolean;\n  /** Left out where the case is already open. */\n  onOpen?: () => void;\n  /** Closing asks first, so it goes through the page's confirm. */\n  onClose: () => void;\n}) {\n  const actions = useCaseActions();\n  const busy = actions.isPending;\n  const mine = Boolean(me) && row.assignedAdminUserId === me;\n  const run = (\n    input: Parameters<typeof actions.mutate>[0]['input'],\n    done: string,\n  ) => actions.mutate({ id: row.id, input, done });\n\n  return (\n    <OverflowMenu label={`Actions for ${row.reference}`}>\n      {onOpen && <OverflowItem onClick={onOpen}>Open case</OverflowItem>}\n      {canManage && me && !mine && (\n        <OverflowItem\n          disabled={busy}\n          onClick={() => run({ assignedAdminUserId: me }, 'Assigned to you')}\n        >\n          Assign to me\n        </OverflowItem>\n      )}\n      {canManage && mine && (\n        <OverflowItem\n          disabled={busy}\n          onClick={() => run({ assignedAdminUserId: null }, 'Unassigned')}\n        >\n          Unassign\n        </OverflowItem>\n      )}\n      {canManage &&\n        NEXT_STATUSES.filter(\n          (status) => status !== row.status && status !== 'closed',\n        ).map((status) => (\n          <OverflowItem\n            key={status}\n            disabled={busy}\n            onClick={() =>\n              run({ status }, `Marked ${STATUS_LABEL[status].toLowerCase()}`)\n            }\n          >\n            Mark {STATUS_LABEL[status].toLowerCase()}\n          </OverflowItem>\n        ))}\n      {canManage &&\n        PRIORITY_OPTIONS.filter(({ value }) => value !== row.priority).map(\n          ({ value, label }) => (\n            <OverflowItem\n              key={value}\n              disabled={busy}\n              onClick={() =>\n                run(\n                  { priority: value as ServiceCasePriority },\n                  `Priority set to ${PRIORITY_LABEL[value as ServiceCasePriority].toLowerCase()}`,\n                )\n              }\n            >\n              Priority: {label}\n            </OverflowItem>\n          ),\n        )}\n      {canManage && row.status !== 'closed' && (\n        <OverflowItem destructive disabled={busy} onClick={onClose}>\n          Close case…\n        </OverflowItem>\n      )}\n    </OverflowMenu>\n  );\n}\n"],"mappings":";AAuCiB,cAqBP,YArBO;AArCjB,SAAS,cAAc,oBAAoB;AAE3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAIxB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,QAAM,UAAU,eAAe;AAC/B,QAAM,OAAO,QAAQ;AACrB,QAAM,OAAO,QAAQ,EAAE,KAAK,IAAI,wBAAwB;AACxD,QAAM,MAAM,CACV,OACA,SACG,QAAQ,OAAO,EAAE,IAAI,IAAI,IAAI,OAAO,KAAK,CAAC;AAE/C,SACE,qBAAC,gBAAa,OAAO,eAAe,IAAI,SAAS,IAC9C;AAAA,cAAU,oBAAC,gBAAa,SAAS,QAAQ,uBAAS;AAAA,IAClD,aAAa,MAAM,CAAC,QACnB;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS,MAAM,IAAI,EAAE,qBAAqB,GAAG,GAAG,iBAAiB;AAAA,QAClE;AAAA;AAAA,IAED;AAAA,IAED,aAAa,QACZ;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS,MAAM,IAAI,EAAE,qBAAqB,KAAK,GAAG,YAAY;AAAA,QAC/D;AAAA;AAAA,IAED;AAAA,IAED,aACC,cAAc;AAAA,MACZ,CAAC,WAAW,WAAW,IAAI,UAAU,WAAW;AAAA,IAClD,EAAE,IAAI,CAAC,WACL;AAAA,MAAC;AAAA;AAAA,QAEC,UAAU;AAAA,QACV,SAAS,MACP,IAAI,EAAE,OAAO,GAAG,UAAU,aAAa,MAAM,EAAE,YAAY,CAAC,EAAE;AAAA,QAEjE;AAAA;AAAA,UACO,aAAa,MAAM,EAAE,YAAY;AAAA;AAAA;AAAA,MANlC;AAAA,IAOP,CACD;AAAA,IACF,aACC,iBAAiB,OAAO,CAAC,EAAE,MAAM,MAAM,UAAU,IAAI,QAAQ,EAAE;AAAA,MAC7D,CAAC,EAAE,OAAO,MAAM,MACd;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU;AAAA,UACV,SAAS,MACP;AAAA,YACE,EAAE,UAAU,MAA6B;AAAA,YACzC,mBAAmB,eAAe,KAA4B,EAAE,YAAY,CAAC;AAAA,UAC/E;AAAA,UAEH;AAAA;AAAA,YACY;AAAA;AAAA;AAAA,QATN;AAAA,MAUP;AAAA,IAEJ;AAAA,IACD,aAAa,IAAI,WAAW,YAC3B,oBAAC,gBAAa,aAAW,MAAC,UAAU,MAAM,SAAS,SAAS,8BAE5D;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/support/case-row.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { previewOf } from "./case-origin";
+import { TableRow } from "@withpotter/ui-kit";
+import { Reveal } from "../_fx";
+import { WithCountry } from "../_ui/country-label";
+import { PriorityFlag, StatusPill } from "./case-pills";
+import { CaseRowMenu } from "./case-row-menu";
+import { dateTime } from "./support-options";
+import { age } from "./support-trend";
+import { countryOf } from "./workspace/case-facts";
+import styles from "./support-queue.module.css";
+const Cell = ({
+  index,
+  className,
+  children
+}) => /* @__PURE__ */ jsx("td", { className, children: /* @__PURE__ */ jsx(Reveal, { index, children }) });
+function Assignee({ id, ctx }) {
+  if (!id) return /* @__PURE__ */ jsx("span", { className: styles.muted, children: "Unassigned" });
+  const name = id === ctx.me ? "You" : ctx.names.get(id) ?? "Assigned";
+  return /* @__PURE__ */ jsx("span", { className: styles.assignee, title: ctx.names.get(id) ?? name, children: name });
+}
+function CaseRow({
+  row,
+  index,
+  active,
+  ctx
+}) {
+  const workspace = row.supportContext?.workspace.businessName || row.tenant?.businessName || "Unknown workspace";
+  const person = row.supportContext?.sender.name || row.reporterName;
+  const preview = previewOf(row);
+  return /* @__PURE__ */ jsxs(TableRow, { active, onClick: () => ctx.onOpen(row.id), children: [
+    /* @__PURE__ */ jsx(Cell, { index, children: /* @__PURE__ */ jsxs("span", { className: styles.stack, children: [
+      /* @__PURE__ */ jsx(WithCountry, { ...countryOf(row), children: /* @__PURE__ */ jsx("span", { className: styles.primary, title: workspace, children: workspace }) }),
+      /* @__PURE__ */ jsx("span", { className: styles.secondary, title: person, children: person })
+    ] }) }),
+    /* @__PURE__ */ jsx(Cell, { index, children: /* @__PURE__ */ jsxs("span", { className: styles.stack, children: [
+      /* @__PURE__ */ jsx("span", { className: styles.subject, title: row.subject, children: row.subject }),
+      /* @__PURE__ */ jsxs("span", { className: styles.previewLine, children: [
+        /* @__PURE__ */ jsx("span", { className: styles.reference, children: row.reference }),
+        preview && /* @__PURE__ */ jsx("span", { className: styles.preview, title: preview, children: preview })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Cell, { index, children: /* @__PURE__ */ jsx(StatusPill, { status: row.status }) }),
+    /* @__PURE__ */ jsx(Cell, { index, children: /* @__PURE__ */ jsx(PriorityFlag, { priority: row.priority }) }),
+    /* @__PURE__ */ jsx(Cell, { index, className: styles.ageCell, children: /* @__PURE__ */ jsx("span", { title: `Opened ${dateTime(row.createdAt)}`, children: age(row.createdAt) }) }),
+    /* @__PURE__ */ jsx(Cell, { index, children: /* @__PURE__ */ jsx(Assignee, { id: row.assignedAdminUserId, ctx }) }),
+    /* @__PURE__ */ jsx(
+      "td",
+      {
+        className: styles.actionCell,
+        onClick: (event) => event.stopPropagation(),
+        children: /* @__PURE__ */ jsx(
+          CaseRowMenu,
+          {
+            row,
+            me: ctx.me,
+            canManage: ctx.canManage,
+            onOpen: () => ctx.onOpen(row.id),
+            onClose: () => ctx.onCloseCase(row)
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  CaseRow
+};
+//# sourceMappingURL=case-row.js.map

package/dist/admin/support/case-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/case-row.tsx"],"sourcesContent":["'use client';\n\nimport { previewOf } from './case-origin';\nimport type { ReactNode } from 'react';\nimport { TableRow } from '@withpotter/ui-kit';\nimport type { PlatformServiceCase } from '@withpotter/lib/admin-service-operations-api';\nimport { Reveal } from '../_fx';\nimport { WithCountry } from '../_ui/country-label';\nimport { PriorityFlag, StatusPill } from './case-pills';\nimport { CaseRowMenu } from './case-row-menu';\nimport { dateTime } from './support-options';\nimport { age } from './support-trend';\nimport { countryOf } from './workspace/case-facts';\nimport styles from './support-queue.module.css';\n\nexport interface CaseRowContext {\n  me: string | undefined;\n  canManage: boolean;\n  names: Map<string, string>;\n  onOpen: (id: string) => void;\n  onCloseCase: (row: PlatformServiceCase) => void;\n}\n\n/** Each cell rises with its row, so the queue arrives top to bottom. */\nconst Cell = ({\n  index,\n  className,\n  children,\n}: {\n  index: number;\n  className?: string;\n  children: ReactNode;\n}) => (\n  <td className={className}>\n    <Reveal index={index}>{children}</Reveal>\n  </td>\n);\n\nfunction Assignee({ id, ctx }: { id: string | null; ctx: CaseRowContext }) {\n  if (!id) return <span className={styles.muted}>Unassigned</span>;\n  const name = id === ctx.me ? 'You' : (ctx.names.get(id) ?? 'Assigned');\n  return (\n    <span className={styles.assignee} title={ctx.names.get(id) ?? name}>\n      {name}\n    </span>\n  );\n}\n\nexport function CaseRow({\n  row,\n  index,\n  active,\n  ctx,\n}: {\n  row: PlatformServiceCase;\n  index: number;\n  active: boolean;\n  ctx: CaseRowContext;\n}) {\n  const workspace =\n    row.supportContext?.workspace.businessName ||\n    row.tenant?.businessName ||\n    'Unknown workspace';\n  const person = row.supportContext?.sender.name || row.reporterName;\n  const preview = previewOf(row);\n\n  return (\n    <TableRow active={active} onClick={() => ctx.onOpen(row.id)}>\n      <Cell index={index}>\n        <span className={styles.stack}>\n          <WithCountry {...countryOf(row)}>\n            <span className={styles.primary} title={workspace}>\n              {workspace}\n            </span>\n          </WithCountry>\n          <span className={styles.secondary} title={person}>\n            {person}\n          </span>\n        </span>\n      </Cell>\n      <Cell index={index}>\n        <span className={styles.stack}>\n          <span className={styles.subject} title={row.subject}>\n            {row.subject}\n          </span>\n          <span className={styles.previewLine}>\n            <span className={styles.reference}>{row.reference}</span>\n            {preview && (\n              <span className={styles.preview} title={preview}>\n                {preview}\n              </span>\n            )}\n          </span>\n        </span>\n      </Cell>\n      <Cell index={index}>\n        <StatusPill status={row.status} />\n      </Cell>\n      <Cell index={index}>\n        <PriorityFlag priority={row.priority} />\n      </Cell>\n      <Cell index={index} className={styles.ageCell}>\n        <span title={`Opened ${dateTime(row.createdAt)}`}>\n          {age(row.createdAt)}\n        </span>\n      </Cell>\n      <Cell index={index}>\n        <Assignee id={row.assignedAdminUserId} ctx={ctx} />\n      </Cell>\n      <td\n        className={styles.actionCell}\n        onClick={(event) => event.stopPropagation()}\n      >\n        <CaseRowMenu\n          row={row}\n          me={ctx.me}\n          canManage={ctx.canManage}\n          onOpen={() => ctx.onOpen(row.id)}\n          onClose={() => ctx.onCloseCase(row)}\n        />\n      </td>\n    </TableRow>\n  );\n}\n"],"mappings":";AAkCI,cAmCI,YAnCJ;AAhCJ,SAAS,iBAAiB;AAE1B,SAAS,gBAAgB;AAEzB,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,cAAc,kBAAkB;AACzC,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AAWnB,MAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,MAKE,oBAAC,QAAG,WACF,8BAAC,UAAO,OAAe,UAAS,GAClC;AAGF,SAAS,SAAS,EAAE,IAAI,IAAI,GAA+C;AACzE,MAAI,CAAC,GAAI,QAAO,oBAAC,UAAK,WAAW,OAAO,OAAO,wBAAU;AACzD,QAAM,OAAO,OAAO,IAAI,KAAK,QAAS,IAAI,MAAM,IAAI,EAAE,KAAK;AAC3D,SACE,oBAAC,UAAK,WAAW,OAAO,UAAU,OAAO,IAAI,MAAM,IAAI,EAAE,KAAK,MAC3D,gBACH;AAEJ;AAEO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,YACJ,IAAI,gBAAgB,UAAU,gBAC9B,IAAI,QAAQ,gBACZ;AACF,QAAM,SAAS,IAAI,gBAAgB,OAAO,QAAQ,IAAI;AACtD,QAAM,UAAU,UAAU,GAAG;AAE7B,SACE,qBAAC,YAAS,QAAgB,SAAS,MAAM,IAAI,OAAO,IAAI,EAAE,GACxD;AAAA,wBAAC,QAAK,OACJ,+BAAC,UAAK,WAAW,OAAO,OACtB;AAAA,0BAAC,eAAa,GAAG,UAAU,GAAG,GAC5B,8BAAC,UAAK,WAAW,OAAO,SAAS,OAAO,WACrC,qBACH,GACF;AAAA,MACA,oBAAC,UAAK,WAAW,OAAO,WAAW,OAAO,QACvC,kBACH;AAAA,OACF,GACF;AAAA,IACA,oBAAC,QAAK,OACJ,+BAAC,UAAK,WAAW,OAAO,OACtB;AAAA,0BAAC,UAAK,WAAW,OAAO,SAAS,OAAO,IAAI,SACzC,cAAI,SACP;AAAA,MACA,qBAAC,UAAK,WAAW,OAAO,aACtB;AAAA,4BAAC,UAAK,WAAW,OAAO,WAAY,cAAI,WAAU;AAAA,QACjD,WACC,oBAAC,UAAK,WAAW,OAAO,SAAS,OAAO,SACrC,mBACH;AAAA,SAEJ;AAAA,OACF,GACF;AAAA,IACA,oBAAC,QAAK,OACJ,8BAAC,cAAW,QAAQ,IAAI,QAAQ,GAClC;AAAA,IACA,oBAAC,QAAK,OACJ,8BAAC,gBAAa,UAAU,IAAI,UAAU,GACxC;AAAA,IACA,oBAAC,QAAK,OAAc,WAAW,OAAO,SACpC,8BAAC,UAAK,OAAO,UAAU,SAAS,IAAI,SAAS,CAAC,IAC3C,cAAI,IAAI,SAAS,GACpB,GACF;AAAA,IACA,oBAAC,QAAK,OACJ,8BAAC,YAAS,IAAI,IAAI,qBAAqB,KAAU,GACnD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,SAAS,CAAC,UAAU,MAAM,gBAAgB;AAAA,QAE1C;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,IAAI,IAAI;AAAA,YACR,WAAW,IAAI;AAAA,YACf,QAAQ,MAAM,IAAI,OAAO,IAAI,EAAE;AAAA,YAC/B,SAAS,MAAM,IAAI,YAAY,GAAG;AAAA;AAAA,QACpC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}