@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/feedback/prompt-response-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/prompt-response-fields.tsx"],"sourcesContent":["import { NumberField, OptionButton, ToggleRow } from '@withpotter/ui-kit';\nimport type { AdminFeedbackPromptInput } from '@withpotter/lib/admin-feedback-api';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { SCALE_BY_KIND, type UpdatePrompt } from './prompt-draft';\nimport styles from './prompt-builder.module.css';\n\nconst KINDS: Array<{\n  value: AdminFeedbackPromptInput['kind'];\n  label: string;\n  hint: string;\n}> = [\n  { value: 'nps', label: 'NPS', hint: '0 to 10, would they recommend us' },\n  { value: 'csat', label: 'CSAT', hint: '1 to 5, how satisfied they are' },\n  { value: 'ces', label: 'Effort', hint: '1 to 7, how easy it was' },\n  { value: 'star', label: 'Stars', hint: '1 to 5 stars' },\n  { value: 'thumb', label: 'Thumbs', hint: 'Up or down' },\n];\n\n/** Step 2: the score type, its scale, and what context they may add. */\nexport function PromptResponseFields({\n  draft,\n  setDraft,\n  update,\n  errorFor,\n}: {\n  draft: AdminFeedbackPromptInput;\n  setDraft: (\n    next: (current: AdminFeedbackPromptInput) => AdminFeedbackPromptInput,\n  ) => void;\n  update: UpdatePrompt;\n  errorFor: (field: string) => string | undefined;\n}) {\n  const fixed = draft.kind === 'thumb';\n  // Voice notes need an engine that takes the merchant's recording.\n  const voice = useModuleOn('feedbackVoice');\n\n  return (\n    <div className={styles.fields}>\n      <div className={styles.field}>\n        <span className={styles.fieldLabel} id=\"prompt-kind-label\">\n          Score type\n        </span>\n        <div\n          className={styles.kinds}\n          role=\"group\"\n          aria-labelledby=\"prompt-kind-label\"\n        >\n          {KINDS.map((kind) => (\n            <OptionButton\n              key={kind.value}\n              shape=\"card\"\n              selected={draft.kind === kind.value}\n              onClick={() => {\n                const [scaleMin, scaleMax] = SCALE_BY_KIND[kind.value];\n                setDraft((current) => ({\n                  ...current,\n                  kind: kind.value,\n                  scaleMin,\n                  scaleMax,\n                }));\n              }}\n            >\n              <span className={styles.kind}>\n                <strong>{kind.label}</strong>\n                <span>{kind.hint}</span>\n              </span>\n            </OptionButton>\n          ))}\n        </div>\n      </div>\n      {!fixed && (\n        <div className={styles.pair}>\n          <NumberField\n            id=\"scale-min\"\n            label=\"Lowest score\"\n            value={draft.scaleMin}\n            onChange={(value) => update('scaleMin', value ?? 0)}\n            error={errorFor('scaleMin') ?? errorFor('scale')}\n          />\n          <NumberField\n            id=\"scale-max\"\n            label=\"Highest score\"\n            value={draft.scaleMax}\n            onChange={(value) => update('scaleMax', value ?? 0)}\n            error={errorFor('scaleMax')}\n          />\n        </div>\n      )}\n      <div className={styles.toggles}>\n        <ToggleRow\n          label=\"Written context\"\n          hint=\"Merchants can add a sentence after scoring.\"\n          checked={draft.allowComment}\n          onChange={(value) => update('allowComment', value)}\n          tone=\"soft\"\n        />\n        {voice && (\n          <ToggleRow\n            label=\"Voice notes\"\n            hint=\"Merchants can record a short voice note instead.\"\n            checked={draft.allowVoice}\n            onChange={(value) => update('allowVoice', value)}\n            tone=\"soft\"\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAuCQ,cAuBM,YAvBN;AAvCR,SAAS,aAAa,cAAc,iBAAiB;AAErD,SAAS,mBAAmB;AAC5B,SAAS,qBAAwC;AACjD,OAAO,YAAY;AAEnB,MAAM,QAID;AAAA,EACH,EAAE,OAAO,OAAO,OAAO,OAAO,MAAM,mCAAmC;AAAA,EACvE,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAM,iCAAiC;AAAA,EACvE,EAAE,OAAO,OAAO,OAAO,UAAU,MAAM,0BAA0B;AAAA,EACjE,EAAE,OAAO,QAAQ,OAAO,SAAS,MAAM,eAAe;AAAA,EACtD,EAAE,OAAO,SAAS,OAAO,UAAU,MAAM,aAAa;AACxD;AAGO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,QAAQ,MAAM,SAAS;AAE7B,QAAM,QAAQ,YAAY,eAAe;AAEzC,SACE,qBAAC,SAAI,WAAW,OAAO,QACrB;AAAA,yBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,0BAAC,UAAK,WAAW,OAAO,YAAY,IAAG,qBAAoB,wBAE3D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,OAAO;AAAA,UAClB,MAAK;AAAA,UACL,mBAAgB;AAAA,UAEf,gBAAM,IAAI,CAAC,SACV;AAAA,YAAC;AAAA;AAAA,cAEC,OAAM;AAAA,cACN,UAAU,MAAM,SAAS,KAAK;AAAA,cAC9B,SAAS,MAAM;AACb,sBAAM,CAAC,UAAU,QAAQ,IAAI,cAAc,KAAK,KAAK;AACrD,yBAAS,CAAC,aAAa;AAAA,kBACrB,GAAG;AAAA,kBACH,MAAM,KAAK;AAAA,kBACX;AAAA,kBACA;AAAA,gBACF,EAAE;AAAA,cACJ;AAAA,cAEA,+BAAC,UAAK,WAAW,OAAO,MACtB;AAAA,oCAAC,YAAQ,eAAK,OAAM;AAAA,gBACpB,oBAAC,UAAM,eAAK,MAAK;AAAA,iBACnB;AAAA;AAAA,YAhBK,KAAK;AAAA,UAiBZ,CACD;AAAA;AAAA,MACH;AAAA,OACF;AAAA,IACC,CAAC,SACA,qBAAC,SAAI,WAAW,OAAO,MACrB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,OAAM;AAAA,UACN,OAAO,MAAM;AAAA,UACb,UAAU,CAAC,UAAU,OAAO,YAAY,SAAS,CAAC;AAAA,UAClD,OAAO,SAAS,UAAU,KAAK,SAAS,OAAO;AAAA;AAAA,MACjD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,OAAM;AAAA,UACN,OAAO,MAAM;AAAA,UACb,UAAU,CAAC,UAAU,OAAO,YAAY,SAAS,CAAC;AAAA,UAClD,OAAO,SAAS,UAAU;AAAA;AAAA,MAC5B;AAAA,OACF;AAAA,IAEF,qBAAC,SAAI,WAAW,OAAO,SACrB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACL,SAAS,MAAM;AAAA,UACf,UAAU,CAAC,UAAU,OAAO,gBAAgB,KAAK;AAAA,UACjD,MAAK;AAAA;AAAA,MACP;AAAA,MACC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACL,SAAS,MAAM;AAAA,UACf,UAAU,CAAC,UAAU,OAAO,cAAc,KAAK;AAAA,UAC/C,MAAK;AAAA;AAAA,MACP;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/feedback/prompt-review.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Banner, Button } from "@withpotter/ui-kit";
+import { dashboardDestinations } from "@withpotter/lib/dashboard-destinations";
+import { timestamp } from "./feedback-options";
+import styles from "./prompt-builder.module.css";
+const KIND_NAME = {
+  nps: "NPS",
+  csat: "CSAT",
+  ces: "Effort",
+  star: "Stars",
+  thumb: "Thumbs"
+};
+function audience(draft) {
+  const a = draft.audience;
+  if (a.type === "all") return "Every merchant";
+  if (a.type === "workspaces") return `${a.tenantIds.length} workspaces`;
+  if (a.type === "accounts") return `${a.accountIds.length} accounts`;
+  const parts = [a.industries, a.plans, a.tenantStatuses].flat().filter(Boolean);
+  return `Segment: ${parts.join(", ")}`;
+}
+function where(draft) {
+  if (draft.placement === "next_sign_in") return "At their next sign-in";
+  const page = dashboardDestinations.find(
+    (d) => d.value === draft.routePattern
+  );
+  return `On ${page?.label ?? draft.routePattern ?? "a page"}`;
+}
+function PromptReview({
+  draft,
+  problems,
+  saving,
+  onSaveDraft
+}) {
+  const rows = [
+    ["Question", draft.question || "\u2013"],
+    ["Internal name", draft.name || "\u2013"],
+    ["Key", draft.key || "\u2013"],
+    [
+      "Score",
+      draft.kind === "thumb" ? "Thumbs up or down" : `${KIND_NAME[draft.kind]}, ${draft.scaleMin} to ${draft.scaleMax}`
+    ],
+    [
+      "Context",
+      [draft.allowComment && "Written", draft.allowVoice && "Voice"].filter(Boolean).join(" and ") || "Score only"
+    ],
+    ["Audience", audience(draft)],
+    ["Appears", where(draft)],
+    [
+      "Runs",
+      `${draft.startsAt ? timestamp(draft.startsAt) : "From publishing"} to ${draft.endsAt ? timestamp(draft.endsAt) : "until completed"}`
+    ],
+    ["Asks again after", `${draft.snoozeDays} days`]
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: styles.fields, children: [
+    problems.length ? /* @__PURE__ */ jsx(Banner, { tone: "neutral", title: "Fix these before saving", children: /* @__PURE__ */ jsx("ul", { className: styles.problems, children: problems.map((problem) => /* @__PURE__ */ jsx("li", { children: problem.message }, problem.field)) }) }) : /* @__PURE__ */ jsx(Banner, { tone: "info", title: "Ready to go", children: "Save it as a draft to come back later, or publish it now and eligible merchants start seeing it." }),
+    /* @__PURE__ */ jsx("dl", { className: styles.review, children: rows.map(([label, value]) => /* @__PURE__ */ jsxs("div", { className: styles.reviewRow, children: [
+      /* @__PURE__ */ jsx("dt", { children: label }),
+      /* @__PURE__ */ jsx("dd", { title: value, children: value })
+    ] }, label)) }),
+    /* @__PURE__ */ jsxs("div", { className: styles.draftRow, children: [
+      /* @__PURE__ */ jsx("span", { className: styles.fieldHint, id: "save-draft-reason", children: problems.length ? `Save draft is off until the ${problems.length === 1 ? "issue above is" : `${problems.length} issues above are`} fixed.` : "Drafts stay private until you publish." }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          loading: saving,
+          disabled: problems.length > 0,
+          "aria-describedby": "save-draft-reason",
+          onClick: onSaveDraft,
+          children: "Save draft"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  PromptReview
+};
+//# sourceMappingURL=prompt-review.js.map

package/dist/admin/feedback/prompt-review.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/prompt-review.tsx"],"sourcesContent":["'use client';\n\nimport { Banner, Button } from '@withpotter/ui-kit';\nimport type { AdminFeedbackPromptInput } from '@withpotter/lib/admin-feedback-api';\nimport { dashboardDestinations } from '@withpotter/lib/dashboard-destinations';\nimport { timestamp } from './feedback-options';\nimport type { PromptProblem } from './prompt-validation';\nimport styles from './prompt-builder.module.css';\n\nconst KIND_NAME = {\n  nps: 'NPS',\n  csat: 'CSAT',\n  ces: 'Effort',\n  star: 'Stars',\n  thumb: 'Thumbs',\n} as const;\n\nfunction audience(draft: AdminFeedbackPromptInput) {\n  const a = draft.audience;\n  if (a.type === 'all') return 'Every merchant';\n  if (a.type === 'workspaces') return `${a.tenantIds.length} workspaces`;\n  if (a.type === 'accounts') return `${a.accountIds.length} accounts`;\n  const parts = [a.industries, a.plans, a.tenantStatuses]\n    .flat()\n    .filter(Boolean);\n  return `Segment: ${parts.join(', ')}`;\n}\n\nfunction where(draft: AdminFeedbackPromptInput) {\n  if (draft.placement === 'next_sign_in') return 'At their next sign-in';\n  const page = dashboardDestinations.find(\n    (d) => d.value === draft.routePattern,\n  );\n  return `On ${page?.label ?? draft.routePattern ?? 'a page'}`;\n}\n\n/** Step 4: everything at once, what still blocks it, and Save draft. */\nexport function PromptReview({\n  draft,\n  problems,\n  saving,\n  onSaveDraft,\n}: {\n  draft: AdminFeedbackPromptInput;\n  problems: PromptProblem[];\n  saving: boolean;\n  onSaveDraft: () => void;\n}) {\n  const rows: Array<[string, string]> = [\n    ['Question', draft.question || '–'],\n    ['Internal name', draft.name || '–'],\n    ['Key', draft.key || '–'],\n    [\n      'Score',\n      draft.kind === 'thumb'\n        ? 'Thumbs up or down'\n        : `${KIND_NAME[draft.kind]}, ${draft.scaleMin} to ${draft.scaleMax}`,\n    ],\n    [\n      'Context',\n      [draft.allowComment && 'Written', draft.allowVoice && 'Voice']\n        .filter(Boolean)\n        .join(' and ') || 'Score only',\n    ],\n    ['Audience', audience(draft)],\n    ['Appears', where(draft)],\n    [\n      'Runs',\n      `${draft.startsAt ? timestamp(draft.startsAt) : 'From publishing'} to ${draft.endsAt ? timestamp(draft.endsAt) : 'until completed'}`,\n    ],\n    ['Asks again after', `${draft.snoozeDays} days`],\n  ];\n\n  return (\n    <div className={styles.fields}>\n      {problems.length ? (\n        <Banner tone=\"neutral\" title=\"Fix these before saving\">\n          <ul className={styles.problems}>\n            {problems.map((problem) => (\n              <li key={problem.field}>{problem.message}</li>\n            ))}\n          </ul>\n        </Banner>\n      ) : (\n        <Banner tone=\"info\" title=\"Ready to go\">\n          Save it as a draft to come back later, or publish it now and eligible\n          merchants start seeing it.\n        </Banner>\n      )}\n      <dl className={styles.review}>\n        {rows.map(([label, value]) => (\n          <div key={label} className={styles.reviewRow}>\n            <dt>{label}</dt>\n            <dd title={value}>{value}</dd>\n          </div>\n        ))}\n      </dl>\n      <div className={styles.draftRow}>\n        <span className={styles.fieldHint} id=\"save-draft-reason\">\n          {problems.length\n            ? `Save draft is off until the ${problems.length === 1 ? 'issue above is' : `${problems.length} issues above are`} fixed.`\n            : 'Drafts stay private until you publish.'}\n        </span>\n        <Button\n          variant=\"secondary\"\n          loading={saving}\n          disabled={problems.length > 0}\n          aria-describedby=\"save-draft-reason\"\n          onClick={onSaveDraft}\n        >\n          Save draft\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/feedback/prompt-schedule-field.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { Button, DateField, TimeField } from "@withpotter/ui-kit";
+import styles from "./prompt-builder.module.css";
+const pad = (n) => String(n).padStart(2, "0");
+function split(iso) {
+  if (!iso) return { date: "", time: "" };
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return { date: "", time: "" };
+  return {
+    date: `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`,
+    time: `${pad(d.getHours())}:${pad(d.getMinutes())}`
+  };
+}
+const join = (date, time) => date ? (/* @__PURE__ */ new Date(`${date}T${time || "09:00"}`)).toISOString() : null;
+function ScheduleField({
+  id,
+  label,
+  value,
+  onChange,
+  error,
+  min
+}) {
+  const { date, time } = split(value);
+  return /* @__PURE__ */ jsxs("div", { className: styles.field, children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: id, className: styles.fieldLabel, children: label }),
+    /* @__PURE__ */ jsxs("div", { className: styles.schedule, children: [
+      /* @__PURE__ */ jsx(
+        DateField,
+        {
+          id,
+          value: date,
+          min,
+          error: Boolean(error),
+          placeholder: "No date",
+          onChange: (next) => onChange(join(next, time))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TimeField,
+        {
+          "aria-label": `${label} time`,
+          value: time,
+          disabled: !date,
+          error: Boolean(error),
+          onChange: (next) => onChange(join(date, next))
+        }
+      ),
+      value && /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "icon",
+          variant: "ghost",
+          "aria-label": `Clear ${label.toLowerCase()}`,
+          onClick: () => onChange(null),
+          children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("span", { className: styles.fieldError, role: "alert", children: error })
+  ] });
+}
+export {
+  ScheduleField
+};
+//# sourceMappingURL=prompt-schedule-field.js.map

package/dist/admin/feedback/prompt-schedule-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/prompt-schedule-field.tsx"],"sourcesContent":["'use client';\n\nimport { X } from 'lucide-react';\nimport { Button, DateField, TimeField } from '@withpotter/ui-kit';\nimport styles from './prompt-builder.module.css';\n\nconst pad = (n: number) => String(n).padStart(2, '0');\n\n/** ISO instant → local `yyyy-mm-dd` and `HH:mm`, the fields' own formats. */\nfunction split(iso: string | null | undefined) {\n  if (!iso) return { date: '', time: '' };\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return { date: '', time: '' };\n  return {\n    date: `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`,\n    time: `${pad(d.getHours())}:${pad(d.getMinutes())}`,\n  };\n}\n\nconst join = (date: string, time: string) =>\n  date ? new Date(`${date}T${time || '09:00'}`).toISOString() : null;\n\n/** A date and a time in our own controls, stored as one ISO instant. */\nexport function ScheduleField({\n  id,\n  label,\n  value,\n  onChange,\n  error,\n  min,\n}: {\n  id: string;\n  label: string;\n  value: string | null | undefined;\n  onChange: (iso: string | null) => void;\n  error?: string;\n  min?: string;\n}) {\n  const { date, time } = split(value);\n\n  return (\n    <div className={styles.field}>\n      <label htmlFor={id} className={styles.fieldLabel}>\n        {label}\n      </label>\n      <div className={styles.schedule}>\n        <DateField\n          id={id}\n          value={date}\n          min={min}\n          error={Boolean(error)}\n          placeholder=\"No date\"\n          onChange={(next) => onChange(join(next, time))}\n        />\n        <TimeField\n          aria-label={`${label} time`}\n          value={time}\n          disabled={!date}\n          error={Boolean(error)}\n          onChange={(next) => onChange(join(date, next))}\n        />\n        {value && (\n          <Button\n            size=\"icon\"\n            variant=\"ghost\"\n            aria-label={`Clear ${label.toLowerCase()}`}\n            onClick={() => onChange(null)}\n          >\n            <X className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n      {error && (\n        <span className={styles.fieldError} role=\"alert\">\n          {error}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA0CM,cAGA,YAHA;AAxCN,SAAS,SAAS;AAClB,SAAS,QAAQ,WAAW,iBAAiB;AAC7C,OAAO,YAAY;AAEnB,MAAM,MAAM,CAAC,MAAc,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG;AAGpD,SAAS,MAAM,KAAgC;AAC7C,MAAI,CAAC,IAAK,QAAO,EAAE,MAAM,IAAI,MAAM,GAAG;AACtC,QAAM,IAAI,IAAI,KAAK,GAAG;AACtB,MAAI,OAAO,MAAM,EAAE,QAAQ,CAAC,EAAG,QAAO,EAAE,MAAM,IAAI,MAAM,GAAG;AAC3D,SAAO;AAAA,IACL,MAAM,GAAG,EAAE,YAAY,CAAC,IAAI,IAAI,EAAE,SAAS,IAAI,CAAC,CAAC,IAAI,IAAI,EAAE,QAAQ,CAAC,CAAC;AAAA,IACrE,MAAM,GAAG,IAAI,EAAE,SAAS,CAAC,CAAC,IAAI,IAAI,EAAE,WAAW,CAAC,CAAC;AAAA,EACnD;AACF;AAEA,MAAM,OAAO,CAAC,MAAc,SAC1B,QAAO,oBAAI,KAAK,GAAG,IAAI,IAAI,QAAQ,OAAO,EAAE,GAAE,YAAY,IAAI;AAGzD,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,EAAE,MAAM,KAAK,IAAI,MAAM,KAAK;AAElC,SACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,wBAAC,WAAM,SAAS,IAAI,WAAW,OAAO,YACnC,iBACH;AAAA,IACA,qBAAC,SAAI,WAAW,OAAO,UACrB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO;AAAA,UACP;AAAA,UACA,OAAO,QAAQ,KAAK;AAAA,UACpB,aAAY;AAAA,UACZ,UAAU,CAAC,SAAS,SAAS,KAAK,MAAM,IAAI,CAAC;AAAA;AAAA,MAC/C;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,cAAY,GAAG,KAAK;AAAA,UACpB,OAAO;AAAA,UACP,UAAU,CAAC;AAAA,UACX,OAAO,QAAQ,KAAK;AAAA,UACpB,UAAU,CAAC,SAAS,SAAS,KAAK,MAAM,IAAI,CAAC;AAAA;AAAA,MAC/C;AAAA,MACC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAY,SAAS,MAAM,YAAY,CAAC;AAAA,UACxC,SAAS,MAAM,SAAS,IAAI;AAAA,UAE5B,8BAAC,KAAE,WAAU,UAAS;AAAA;AAAA,MACxB;AAAA,OAEJ;AAAA,IACC,SACC,oBAAC,UAAK,WAAW,OAAO,YAAY,MAAK,SACtC,iBACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/feedback/prompt-stepper.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./prompt-dialog.module.css";
+function PromptStepper({
+  steps,
+  index,
+  onGoTo
+}) {
+  return /* @__PURE__ */ jsx("nav", { className: styles.rail, "aria-label": "Prompt steps", children: /* @__PURE__ */ jsx("ol", { className: styles.steps, children: steps.map((step, i) => {
+    const state = i < index ? "done" : i === index ? "current" : "upcoming";
+    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: styles.stepItem,
+        "data-state": state,
+        disabled: i >= index,
+        "aria-current": state === "current" ? "step" : void 0,
+        onClick: () => onGoTo(i),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: styles.stepMark, "aria-hidden": true, children: i + 1 }),
+          /* @__PURE__ */ jsxs("span", { className: styles.stepText, children: [
+            /* @__PURE__ */ jsx("span", { className: styles.stepLabel, children: step.label }),
+            /* @__PURE__ */ jsx("span", { className: styles.stepHint, children: step.description })
+          ] })
+        ]
+      }
+    ) }, step.key);
+  }) }) });
+}
+export {
+  PromptStepper
+};
+//# sourceMappingURL=prompt-stepper.js.map

package/dist/admin/feedback/prompt-stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/prompt-stepper.tsx"],"sourcesContent":["import type { DialogStep } from './use-steps';\nimport styles from './prompt-dialog.module.css';\n\n/**\n * The dialog's left rail: every step with where it stands. Finished steps\n * are buttons back to themselves; later ones wait until they are reached.\n */\nexport function PromptStepper({\n  steps,\n  index,\n  onGoTo,\n}: {\n  steps: DialogStep[];\n  index: number;\n  onGoTo: (index: number) => void;\n}) {\n  return (\n    <nav className={styles.rail} aria-label=\"Prompt steps\">\n      <ol className={styles.steps}>\n        {steps.map((step, i) => {\n          const state =\n            i < index ? 'done' : i === index ? 'current' : 'upcoming';\n          return (\n            <li key={step.key}>\n              <button\n                type=\"button\"\n                className={styles.stepItem}\n                data-state={state}\n                disabled={i >= index}\n                aria-current={state === 'current' ? 'step' : undefined}\n                onClick={() => onGoTo(i)}\n              >\n                <span className={styles.stepMark} aria-hidden>\n                  {i + 1}\n                </span>\n                <span className={styles.stepText}>\n                  <span className={styles.stepLabel}>{step.label}</span>\n                  <span className={styles.stepHint}>{step.description}</span>\n                </span>\n              </button>\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n"],"mappings":"AAgCgB,cAGA,YAHA;AA/BhB,OAAO,YAAY;AAMZ,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,oBAAC,SAAI,WAAW,OAAO,MAAM,cAAW,gBACtC,8BAAC,QAAG,WAAW,OAAO,OACnB,gBAAM,IAAI,CAAC,MAAM,MAAM;AACtB,UAAM,QACJ,IAAI,QAAQ,SAAS,MAAM,QAAQ,YAAY;AACjD,WACE,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAClB,cAAY;AAAA,QACZ,UAAU,KAAK;AAAA,QACf,gBAAc,UAAU,YAAY,SAAS;AAAA,QAC7C,SAAS,MAAM,OAAO,CAAC;AAAA,QAEvB;AAAA,8BAAC,UAAK,WAAW,OAAO,UAAU,eAAW,MAC1C,cAAI,GACP;AAAA,UACA,qBAAC,UAAK,WAAW,OAAO,UACtB;AAAA,gCAAC,UAAK,WAAW,OAAO,WAAY,eAAK,OAAM;AAAA,YAC/C,oBAAC,UAAK,WAAW,OAAO,UAAW,eAAK,aAAY;AAAA,aACtD;AAAA;AAAA;AAAA,IACF,KAhBO,KAAK,GAiBd;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;","names":[]}

package/dist/admin/feedback/prompt-summary.module.css

@@ -0,0 +1,39 @@
+/* Saved prompt summary beside its preview. */
+
+.summary {
+  display: grid;
+  align-content: start;
+  gap: 16px;
+}
+
+.summaryHead {
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+}
+
+.summaryText {
+  display: grid;
+  flex: 1;
+  gap: 4px;
+  min-width: 0;
+}
+
+.summaryTitle {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin: 0;
+  color: var(--text-primary);
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 28px;
+}
+
+.summaryQuestion {
+  margin: 0;
+  color: var(--text-secondary);
+  font-size: 14px;
+  line-height: 20px;
+}

package/dist/admin/feedback/prompt-validation.js

@@ -0,0 +1,48 @@
+import { KEY_PATTERN } from "./prompt-draft";
+const audienceEmpty = (draft) => draft.audience.type !== "all" && Object.values(draft.audience).every(
+  (value) => !Array.isArray(value) || value.length === 0
+);
+function promptProblems(draft, now = Date.now()) {
+  const problems = [];
+  const add = (step, field, message) => problems.push({ step, field, message });
+  if (!draft.name.trim()) add("question", "name", "Give the prompt a name.");
+  if (!draft.key.trim()) add("question", "key", "Add a key.");
+  else if (draft.key.trim().length < 3)
+    add("question", "key", "Use at least 3 characters for the key.");
+  else if (!KEY_PATTERN.test(draft.key))
+    add(
+      "question",
+      "key",
+      "Use lowercase letters and numbers, joined by dots, dashes or underscores."
+    );
+  if (!draft.question.trim())
+    add("question", "question", "Write the question merchants will see.");
+  if (draft.scaleMin < -1 || draft.scaleMin > 10)
+    add("response", "scaleMin", "The lowest score must be between -1 and 10.");
+  if (draft.scaleMax < 1 || draft.scaleMax > 10)
+    add("response", "scaleMax", "The highest score must be between 1 and 10.");
+  if (draft.kind !== "thumb" && draft.scaleMin >= draft.scaleMax)
+    add("response", "scale", "The scale must run from low to high.");
+  if (audienceEmpty(draft))
+    add("audience", "audience", "Add at least one target for this audience.");
+  if (draft.placement === "page" && !draft.routePattern?.trim())
+    add("audience", "route", "Choose the page the prompt appears on.");
+  if (draft.startsAt && draft.endsAt && new Date(draft.startsAt) >= new Date(draft.endsAt))
+    add("audience", "endsAt", "The end must be after the start.");
+  else if (draft.endsAt && new Date(draft.endsAt).getTime() <= now)
+    add("audience", "endsAt", "The end must be in the future.");
+  if (draft.snoozeDays < 1 || draft.snoozeDays > 90)
+    add("audience", "snooze", "Snooze between 1 and 90 days.");
+  return problems;
+}
+const problemFor = (problems, field) => problems.find((problem) => problem.field === field)?.message;
+const stepCheck = (problems, step) => () => {
+  const found = problems.filter((problem) => problem.step === step);
+  return found.length ? found.map((p) => p.message).join(" ") : true;
+};
+export {
+  problemFor,
+  promptProblems,
+  stepCheck
+};
+//# sourceMappingURL=prompt-validation.js.map

package/dist/admin/feedback/prompt-validation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/prompt-validation.ts"],"sourcesContent":["import type { AdminFeedbackPromptInput } from '@withpotter/lib/admin-feedback-api';\nimport { KEY_PATTERN } from './prompt-draft';\n\nexport type PromptStepKey = 'question' | 'response' | 'audience' | 'review';\n\nexport interface PromptProblem {\n  step: PromptStepKey;\n  field: string;\n  message: string;\n}\n\nconst audienceEmpty = (draft: AdminFeedbackPromptInput) =>\n  draft.audience.type !== 'all' &&\n  Object.values(draft.audience).every(\n    (value) => !Array.isArray(value) || value.length === 0,\n  );\n\n/**\n * Everything that stops this draft being saved, in wizard order, each in\n * words a person can act on. Mirrors the API's DTO: key length, scale bounds and a future end date.\n */\nexport function promptProblems(\n  draft: AdminFeedbackPromptInput,\n  now = Date.now(),\n): PromptProblem[] {\n  const problems: PromptProblem[] = [];\n  const add = (step: PromptStepKey, field: string, message: string) =>\n    problems.push({ step, field, message });\n\n  if (!draft.name.trim()) add('question', 'name', 'Give the prompt a name.');\n  if (!draft.key.trim()) add('question', 'key', 'Add a key.');\n  else if (draft.key.trim().length < 3)\n    add('question', 'key', 'Use at least 3 characters for the key.');\n  else if (!KEY_PATTERN.test(draft.key))\n    add(\n      'question',\n      'key',\n      'Use lowercase letters and numbers, joined by dots, dashes or underscores.',\n    );\n  if (!draft.question.trim())\n    add('question', 'question', 'Write the question merchants will see.');\n  if (draft.scaleMin < -1 || draft.scaleMin > 10)\n    add('response', 'scaleMin', 'The lowest score must be between -1 and 10.');\n  if (draft.scaleMax < 1 || draft.scaleMax > 10)\n    add('response', 'scaleMax', 'The highest score must be between 1 and 10.');\n  if (draft.kind !== 'thumb' && draft.scaleMin >= draft.scaleMax)\n    add('response', 'scale', 'The scale must run from low to high.');\n  if (audienceEmpty(draft))\n    add('audience', 'audience', 'Add at least one target for this audience.');\n  if (draft.placement === 'page' && !draft.routePattern?.trim())\n    add('audience', 'route', 'Choose the page the prompt appears on.');\n  if (\n    draft.startsAt &&\n    draft.endsAt &&\n    new Date(draft.startsAt) >= new Date(draft.endsAt)\n  )\n    add('audience', 'endsAt', 'The end must be after the start.');\n  else if (draft.endsAt && new Date(draft.endsAt).getTime() <= now)\n    add('audience', 'endsAt', 'The end must be in the future.');\n  if (draft.snoozeDays < 1 || draft.snoozeDays > 90)\n    add('audience', 'snooze', 'Snooze between 1 and 90 days.');\n  return problems;\n}\n\n/** The message for one field, if it has a problem. */\nexport const problemFor = (problems: PromptProblem[], field: string) =>\n  problems.find((problem) => problem.field === field)?.message;\n\n/** A step's first problem as the stepper's blocking message, or true. */\nexport const stepCheck =\n  (problems: PromptProblem[], step: PromptStepKey) => () => {\n    const found = problems.filter((problem) => problem.step === step);\n    return found.length ? found.map((p) => p.message).join(' ') : true;\n  };\n"],"mappings":"AACA,SAAS,mBAAmB;AAU5B,MAAM,gBAAgB,CAAC,UACrB,MAAM,SAAS,SAAS,SACxB,OAAO,OAAO,MAAM,QAAQ,EAAE;AAAA,EAC5B,CAAC,UAAU,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW;AACvD;AAMK,SAAS,eACd,OACA,MAAM,KAAK,IAAI,GACE;AACjB,QAAM,WAA4B,CAAC;AACnC,QAAM,MAAM,CAAC,MAAqB,OAAe,YAC/C,SAAS,KAAK,EAAE,MAAM,OAAO,QAAQ,CAAC;AAExC,MAAI,CAAC,MAAM,KAAK,KAAK,EAAG,KAAI,YAAY,QAAQ,yBAAyB;AACzE,MAAI,CAAC,MAAM,IAAI,KAAK,EAAG,KAAI,YAAY,OAAO,YAAY;AAAA,WACjD,MAAM,IAAI,KAAK,EAAE,SAAS;AACjC,QAAI,YAAY,OAAO,wCAAwC;AAAA,WACxD,CAAC,YAAY,KAAK,MAAM,GAAG;AAClC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACF,MAAI,CAAC,MAAM,SAAS,KAAK;AACvB,QAAI,YAAY,YAAY,wCAAwC;AACtE,MAAI,MAAM,WAAW,MAAM,MAAM,WAAW;AAC1C,QAAI,YAAY,YAAY,6CAA6C;AAC3E,MAAI,MAAM,WAAW,KAAK,MAAM,WAAW;AACzC,QAAI,YAAY,YAAY,6CAA6C;AAC3E,MAAI,MAAM,SAAS,WAAW,MAAM,YAAY,MAAM;AACpD,QAAI,YAAY,SAAS,sCAAsC;AACjE,MAAI,cAAc,KAAK;AACrB,QAAI,YAAY,YAAY,4CAA4C;AAC1E,MAAI,MAAM,cAAc,UAAU,CAAC,MAAM,cAAc,KAAK;AAC1D,QAAI,YAAY,SAAS,wCAAwC;AACnE,MACE,MAAM,YACN,MAAM,UACN,IAAI,KAAK,MAAM,QAAQ,KAAK,IAAI,KAAK,MAAM,MAAM;AAEjD,QAAI,YAAY,UAAU,kCAAkC;AAAA,WACrD,MAAM,UAAU,IAAI,KAAK,MAAM,MAAM,EAAE,QAAQ,KAAK;AAC3D,QAAI,YAAY,UAAU,gCAAgC;AAC5D,MAAI,MAAM,aAAa,KAAK,MAAM,aAAa;AAC7C,QAAI,YAAY,UAAU,+BAA+B;AAC3D,SAAO;AACT;AAGO,MAAM,aAAa,CAAC,UAA2B,UACpD,SAAS,KAAK,CAAC,YAAY,QAAQ,UAAU,KAAK,GAAG;AAGhD,MAAM,YACX,CAAC,UAA2B,SAAwB,MAAM;AACxD,QAAM,QAAQ,SAAS,OAAO,CAAC,YAAY,QAAQ,SAAS,IAAI;AAChE,SAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,GAAG,IAAI;AAChE;","names":[]}

package/dist/admin/feedback/prompt-wizard.js

@@ -0,0 +1,147 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { useConfirm } from "@withpotter/ui-kit";
+import { PromptDeliveryFields } from "./prompt-delivery-fields";
+import { PromptDialog } from "./prompt-dialog";
+import { PromptPreview } from "./prompt-preview";
+import { PromptQuestionFields } from "./prompt-question-fields";
+import { PromptResponseFields } from "./prompt-response-fields";
+import { PromptReview } from "./prompt-review";
+import {
+  problemFor,
+  promptProblems,
+  stepCheck
+} from "./prompt-validation";
+import { usePromptSave } from "./use-prompt-save";
+const ALWAYS_SHOWN = /* @__PURE__ */ new Set([
+  "key",
+  "scale",
+  "scaleMin",
+  "scaleMax",
+  "endsAt",
+  "snooze"
+]);
+function PromptWizard({
+  promptId,
+  initial,
+  onDone
+}) {
+  const [draft, setDraft] = useState(initial);
+  const [attempted, setAttempted] = useState(/* @__PURE__ */ new Set());
+  const asking = useRef(false);
+  const confirm = useConfirm();
+  const { save, unsaved, error, clearError } = usePromptSave({
+    promptId,
+    draft,
+    onDone
+  });
+  const problems = promptProblems(draft);
+  const update = (field, value) => setDraft((current) => ({ ...current, [field]: value }));
+  const requestClose = async () => {
+    if (save.isPending || asking.current) return;
+    if (JSON.stringify(draft) === JSON.stringify(initial)) return onDone(null);
+    asking.current = true;
+    const leave = await confirm({
+      title: "Discard this prompt?",
+      description: "Your changes have not been saved.",
+      confirmLabel: "Discard",
+      cancelLabel: "Keep editing",
+      tone: "danger"
+    });
+    asking.current = false;
+    if (leave) onDone(null);
+  };
+  const title = promptId === "new" ? "New feedback prompt" : `Edit ${initial.name}`;
+  const errorFor = (step2) => (field) => {
+    const message = problemFor(problems, field);
+    if (!message) return void 0;
+    if (attempted.has(step2)) return message;
+    if (field === "key" && !draft.key) return void 0;
+    return ALWAYS_SHOWN.has(field) ? message : void 0;
+  };
+  const check = (step2) => () => {
+    setAttempted((current) => new Set(current).add(step2));
+    return stepCheck(problems, step2)();
+  };
+  const step = (key, label, description) => ({ key, label, description, validate: check(key) });
+  const steps = [
+    {
+      ...step(
+        "question",
+        "Question",
+        "What merchants are asked, in their words."
+      ),
+      content: /* @__PURE__ */ jsx(
+        PromptQuestionFields,
+        {
+          draft,
+          isNew: unsaved,
+          update,
+          errorFor: errorFor("question")
+        }
+      )
+    },
+    {
+      ...step(
+        "response",
+        "Response",
+        "How they answer, and what they can add."
+      ),
+      content: /* @__PURE__ */ jsx(
+        PromptResponseFields,
+        {
+          draft,
+          setDraft,
+          update,
+          errorFor: errorFor("response")
+        }
+      )
+    },
+    {
+      ...step("audience", "Audience & timing", "Who sees it, where and when."),
+      content: /* @__PURE__ */ jsx(
+        PromptDeliveryFields,
+        {
+          draft,
+          update,
+          errorFor: errorFor("audience")
+        }
+      )
+    },
+    {
+      key: "review",
+      label: "Review & publish",
+      description: "Check it once more, then save a draft or publish.",
+      validate: () => problems.length ? "Fix the issues listed before publishing." : true,
+      content: /* @__PURE__ */ jsx(
+        PromptReview,
+        {
+          draft,
+          problems,
+          saving: save.isPending && !save.variables,
+          onSaveDraft: () => save.mutate(false)
+        }
+      )
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    PromptDialog,
+    {
+      title,
+      subtitle: "Four short steps. The preview updates as you type.",
+      steps,
+      preview: /* @__PURE__ */ jsx(PromptPreview, { draft }),
+      saveLabel: "Publish",
+      saving: save.isPending,
+      error,
+      onClearError: clearError,
+      onSave: () => save.mutate(true),
+      onRequestClose: () => void requestClose()
+    }
+  );
+}
+export {
+  PromptWizard
+};
+//# sourceMappingURL=prompt-wizard.js.map

package/dist/admin/feedback/prompt-wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/prompt-wizard.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState } from 'react';\nimport { useConfirm } from '@withpotter/ui-kit';\nimport type { AdminFeedbackPromptInput } from '@withpotter/lib/admin-feedback-api';\nimport type { UpdatePrompt } from './prompt-draft';\nimport { PromptDeliveryFields } from './prompt-delivery-fields';\nimport { PromptDialog } from './prompt-dialog';\nimport { PromptPreview } from './prompt-preview';\nimport { PromptQuestionFields } from './prompt-question-fields';\nimport { PromptResponseFields } from './prompt-response-fields';\nimport { PromptReview } from './prompt-review';\nimport {\n  problemFor,\n  promptProblems,\n  stepCheck,\n  type PromptStepKey,\n} from './prompt-validation';\nimport { usePromptSave } from './use-prompt-save';\nimport type { DialogStep } from './use-steps';\n\n/** Errors a person should see before pressing Next: wrong, not just empty. */\nconst ALWAYS_SHOWN = new Set([\n  'key',\n  'scale',\n  'scaleMin',\n  'scaleMax',\n  'endsAt',\n  'snooze',\n]);\n\n/**\n * Create or edit a prompt in four steps (Question, Response, Audience and\n * timing, Review) in a large dialog over the console, with the merchant\n * preview beside every one. The last step saves a draft or publishes,\n * through the same create, update and publish calls as before. Leaving\n * with changes asks first.\n */\nexport function PromptWizard({\n  promptId,\n  initial,\n  onDone,\n}: {\n  promptId: string;\n  initial: AdminFeedbackPromptInput;\n  /** The saved prompt's id, or null when the wizard was closed unsaved. */\n  onDone: (savedId: string | null) => void;\n}) {\n  const [draft, setDraft] = useState(initial);\n  const [attempted, setAttempted] = useState<Set<PromptStepKey>>(new Set());\n  const asking = useRef(false);\n  const confirm = useConfirm();\n  const { save, unsaved, error, clearError } = usePromptSave({\n    promptId,\n    draft,\n    onDone,\n  });\n  const problems = promptProblems(draft);\n  const update: UpdatePrompt = (field, value) =>\n    setDraft((current) => ({ ...current, [field]: value }));\n  const requestClose = async () => {\n    if (save.isPending || asking.current) return;\n    if (JSON.stringify(draft) === JSON.stringify(initial)) return onDone(null);\n    asking.current = true;\n    const leave = await confirm({\n      title: 'Discard this prompt?',\n      description: 'Your changes have not been saved.',\n      confirmLabel: 'Discard',\n      cancelLabel: 'Keep editing',\n      tone: 'danger',\n    });\n    asking.current = false;\n    if (leave) onDone(null);\n  };\n  const title =\n    promptId === 'new' ? 'New feedback prompt' : `Edit ${initial.name}`;\n\n  const errorFor = (step: PromptStepKey) => (field: string) => {\n    const message = problemFor(problems, field);\n    if (!message) return undefined;\n    if (attempted.has(step)) return message;\n    if (field === 'key' && !draft.key) return undefined;\n    return ALWAYS_SHOWN.has(field) ? message : undefined;\n  };\n  const check = (step: PromptStepKey) => () => {\n    setAttempted((current) => new Set(current).add(step));\n    return stepCheck(problems, step)();\n  };\n  const step = (key: PromptStepKey, label: string, description: string) =>\n    ({ key, label, description, validate: check(key) }) as const;\n  const steps: DialogStep[] = [\n    {\n      ...step(\n        'question',\n        'Question',\n        'What merchants are asked, in their words.',\n      ),\n      content: (\n        <PromptQuestionFields\n          draft={draft}\n          isNew={unsaved}\n          update={update}\n          errorFor={errorFor('question')}\n        />\n      ),\n    },\n    {\n      ...step(\n        'response',\n        'Response',\n        'How they answer, and what they can add.',\n      ),\n      content: (\n        <PromptResponseFields\n          draft={draft}\n          setDraft={setDraft}\n          update={update}\n          errorFor={errorFor('response')}\n        />\n      ),\n    },\n    {\n      ...step('audience', 'Audience & timing', 'Who sees it, where and when.'),\n      content: (\n        <PromptDeliveryFields\n          draft={draft}\n          update={update}\n          errorFor={errorFor('audience')}\n        />\n      ),\n    },\n    {\n      key: 'review',\n      label: 'Review & publish',\n      description: 'Check it once more, then save a draft or publish.',\n      validate: () =>\n        problems.length ? 'Fix the issues listed before publishing.' : true,\n      content: (\n        <PromptReview\n          draft={draft}\n          problems={problems}\n          saving={save.isPending && !save.variables}\n          onSaveDraft={() => save.mutate(false)}\n        />\n      ),\n    },\n  ];\n\n  return (\n    <PromptDialog\n      title={title}\n      subtitle=\"Four short steps. The preview updates as you type.\"\n      steps={steps}\n      preview={<PromptPreview draft={draft} />}\n      saveLabel=\"Publish\"\n      saving={save.isPending}\n      error={error}\n      onClearError={clearError}\n      onSave={() => save.mutate(true)}\n      onRequestClose={() => void requestClose()}\n    />\n  );\n}\n"],"mappings":"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","names":["step"]}

package/dist/admin/feedback/prompts-table.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import {
+  Button,
+  EmptyNote,
+  TableRow,
+  TableShell,
+  TableSkeleton,
+  Th
+} from "@withpotter/ui-kit";
+import { EmptyState } from "../_ui";
+import { timestamp } from "./feedback-options";
+import styles from "./feedback.module.css";
+import { StatusPill } from "../audit/status-pill";
+const hrefOf = (prompt) => `/admin/feedback?view=prompts&prompt=${encodeURIComponent(prompt.id)}`;
+function schedule(prompt) {
+  if (!prompt.startsAt && !prompt.endsAt) return "No date window";
+  if (prompt.startsAt && prompt.endsAt) {
+    return `${timestamp(prompt.startsAt)} to ${timestamp(prompt.endsAt)}`;
+  }
+  return prompt.startsAt ? `Starts ${timestamp(prompt.startsAt)}` : `Ends ${timestamp(prompt.endsAt)}`;
+}
+function PromptsTable({
+  rows,
+  isLoading,
+  isError,
+  hasFilters,
+  onRetry
+}) {
+  const router = useRouter();
+  if (isLoading)
+    return /* @__PURE__ */ jsx("div", { "aria-hidden": true, children: /* @__PURE__ */ jsx(TableSkeleton, { bare: true, rows: 6, columns: 5 }) });
+  if (isError)
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        tone: "error",
+        title: "Prompts could not be loaded",
+        description: "Check your feedback access, then try again.",
+        action: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onRetry, children: "Try again" })
+      }
+    );
+  if (!rows?.length)
+    return /* @__PURE__ */ jsx(EmptyNote, { className: "px-4 py-6 text-center", children: hasFilters ? "No prompt matches this status, mode and search." : "Create your first prompt and it will appear here." });
+  return /* @__PURE__ */ jsx(
+    TableShell,
+    {
+      bare: true,
+      fixed: true,
+      minWidth: 920,
+      head: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx(Th, { children: "Prompt" }),
+        /* @__PURE__ */ jsx(Th, { className: "w-[120px]", children: "Status" }),
+        /* @__PURE__ */ jsx(Th, { className: "w-[136px]", children: "Mode" }),
+        /* @__PURE__ */ jsx(Th, { className: "w-[240px]", children: "Schedule" }),
+        /* @__PURE__ */ jsx(Th, { className: "w-[160px]", children: "Updated" })
+      ] }),
+      children: rows.map((prompt) => /* @__PURE__ */ jsxs(TableRow, { onClick: () => router.push(hrefOf(prompt)), children: [
+        /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { className: styles.stack, children: [
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: hrefOf(prompt),
+              className: styles.promptLink,
+              title: prompt.name,
+              onClick: (e) => e.stopPropagation(),
+              children: prompt.name
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: styles.secondary, title: prompt.question, children: prompt.question })
+        ] }) }),
+        /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(StatusPill, { status: prompt.status }) }),
+        /* @__PURE__ */ jsx("td", { className: styles.secondaryCell, children: prompt.mode === "direct" ? "Direct request" : "Campaign" }),
+        /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: styles.schedule, title: schedule(prompt), children: schedule(prompt) }) }),
+        /* @__PURE__ */ jsx("td", { className: styles.secondaryCell, children: timestamp(prompt.updatedAt) })
+      ] }, prompt.id))
+    }
+  );
+}
+export {
+  PromptsTable
+};
+//# sourceMappingURL=prompts-table.js.map

package/dist/admin/feedback/prompts-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/prompts-table.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { useRouter } from 'next/navigation';\nimport {\n  Button,\n  EmptyNote,\n  TableRow,\n  TableShell,\n  TableSkeleton,\n  Th,\n} from '@withpotter/ui-kit';\nimport type { AdminFeedbackPrompt } from '@withpotter/lib/admin-feedback-api';\nimport { EmptyState } from '../_ui';\nimport { timestamp } from './feedback-options';\nimport styles from './feedback.module.css';\nimport { StatusPill } from '../audit/status-pill';\n\nconst hrefOf = (prompt: AdminFeedbackPrompt) =>\n  `/admin/feedback?view=prompts&prompt=${encodeURIComponent(prompt.id)}`;\n\nfunction schedule(prompt: AdminFeedbackPrompt) {\n  if (!prompt.startsAt && !prompt.endsAt) return 'No date window';\n  if (prompt.startsAt && prompt.endsAt) {\n    return `${timestamp(prompt.startsAt)} to ${timestamp(prompt.endsAt)}`;\n  }\n  return prompt.startsAt\n    ? `Starts ${timestamp(prompt.startsAt)}`\n    : `Ends ${timestamp(prompt.endsAt)}`;\n}\n\n/** Campaigns and direct requests, or the state standing in for them. */\nexport function PromptsTable({\n  rows,\n  isLoading,\n  isError,\n  hasFilters,\n  onRetry,\n}: {\n  rows: AdminFeedbackPrompt[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  hasFilters: boolean;\n  onRetry: () => void;\n}) {\n  const router = useRouter();\n  if (isLoading)\n    return (\n      <div aria-hidden>\n        <TableSkeleton bare rows={6} columns={5} />\n      </div>\n    );\n  if (isError)\n    return (\n      <EmptyState\n        tone=\"error\"\n        title=\"Prompts could not be loaded\"\n        description=\"Check your feedback access, then try again.\"\n        action={\n          <Button variant=\"secondary\" onClick={onRetry}>\n            Try again\n          </Button>\n        }\n      />\n    );\n  if (!rows?.length)\n    return (\n      <EmptyNote className=\"px-4 py-6 text-center\">\n        {hasFilters\n          ? 'No prompt matches this status, mode and search.'\n          : 'Create your first prompt and it will appear here.'}\n      </EmptyNote>\n    );\n\n  return (\n    <TableShell\n      bare\n      fixed\n      minWidth={920}\n      head={\n        <tr>\n          <Th>Prompt</Th>\n          <Th className=\"w-[120px]\">Status</Th>\n          <Th className=\"w-[136px]\">Mode</Th>\n          <Th className=\"w-[240px]\">Schedule</Th>\n          <Th className=\"w-[160px]\">Updated</Th>\n        </tr>\n      }\n    >\n      {rows.map((prompt) => (\n        <TableRow key={prompt.id} onClick={() => router.push(hrefOf(prompt))}>\n          <td>\n            <span className={styles.stack}>\n              <Link\n                href={hrefOf(prompt)}\n                className={styles.promptLink}\n                title={prompt.name}\n                onClick={(e) => e.stopPropagation()}\n              >\n                {prompt.name}\n              </Link>\n              <span className={styles.secondary} title={prompt.question}>\n                {prompt.question}\n              </span>\n            </span>\n          </td>\n          <td>\n            <StatusPill status={prompt.status} />\n          </td>\n          <td className={styles.secondaryCell}>\n            {prompt.mode === 'direct' ? 'Direct request' : 'Campaign'}\n          </td>\n          <td>\n            <span className={styles.schedule} title={schedule(prompt)}>\n              {schedule(prompt)}\n            </span>\n          </td>\n          <td className={styles.secondaryCell}>\n            {timestamp(prompt.updatedAt)}\n          </td>\n        </TableRow>\n      ))}\n    </TableShell>\n  );\n}\n"],"mappings":";AAiDQ,cA+BA,YA/BA;AA/CR,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AACnB,SAAS,kBAAkB;AAE3B,MAAM,SAAS,CAAC,WACd,uCAAuC,mBAAmB,OAAO,EAAE,CAAC;AAEtE,SAAS,SAAS,QAA6B;AAC7C,MAAI,CAAC,OAAO,YAAY,CAAC,OAAO,OAAQ,QAAO;AAC/C,MAAI,OAAO,YAAY,OAAO,QAAQ;AACpC,WAAO,GAAG,UAAU,OAAO,QAAQ,CAAC,OAAO,UAAU,OAAO,MAAM,CAAC;AAAA,EACrE;AACA,SAAO,OAAO,WACV,UAAU,UAAU,OAAO,QAAQ,CAAC,KACpC,QAAQ,UAAU,OAAO,MAAM,CAAC;AACtC;AAGO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,SAAS,UAAU;AACzB,MAAI;AACF,WACE,oBAAC,SAAI,eAAW,MACd,8BAAC,iBAAc,MAAI,MAAC,MAAM,GAAG,SAAS,GAAG,GAC3C;AAEJ,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,QACE,oBAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,uBAE9C;AAAA;AAAA,IAEJ;AAEJ,MAAI,CAAC,MAAM;AACT,WACE,oBAAC,aAAU,WAAU,yBAClB,uBACG,oDACA,qDACN;AAGJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAI;AAAA,MACJ,OAAK;AAAA,MACL,UAAU;AAAA,MACV,MACE,qBAAC,QACC;AAAA,4BAAC,MAAG,oBAAM;AAAA,QACV,oBAAC,MAAG,WAAU,aAAY,oBAAM;AAAA,QAChC,oBAAC,MAAG,WAAU,aAAY,kBAAI;AAAA,QAC9B,oBAAC,MAAG,WAAU,aAAY,sBAAQ;AAAA,QAClC,oBAAC,MAAG,WAAU,aAAY,qBAAO;AAAA,SACnC;AAAA,MAGD,eAAK,IAAI,CAAC,WACT,qBAAC,YAAyB,SAAS,MAAM,OAAO,KAAK,OAAO,MAAM,CAAC,GACjE;AAAA,4BAAC,QACC,+BAAC,UAAK,WAAW,OAAO,OACtB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,OAAO,MAAM;AAAA,cACnB,WAAW,OAAO;AAAA,cAClB,OAAO,OAAO;AAAA,cACd,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,cAEjC,iBAAO;AAAA;AAAA,UACV;AAAA,UACA,oBAAC,UAAK,WAAW,OAAO,WAAW,OAAO,OAAO,UAC9C,iBAAO,UACV;AAAA,WACF,GACF;AAAA,QACA,oBAAC,QACC,8BAAC,cAAW,QAAQ,OAAO,QAAQ,GACrC;AAAA,QACA,oBAAC,QAAG,WAAW,OAAO,eACnB,iBAAO,SAAS,WAAW,mBAAmB,YACjD;AAAA,QACA,oBAAC,QACC,8BAAC,UAAK,WAAW,OAAO,UAAU,OAAO,SAAS,MAAM,GACrD,mBAAS,MAAM,GAClB,GACF;AAAA,QACA,oBAAC,QAAG,WAAW,OAAO,eACnB,oBAAU,OAAO,SAAS,GAC7B;AAAA,WA7Ba,OAAO,EA8BtB,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}