@withpotter/components 0.13.0-next.101

package/dist/features/weekly-hours-editor.js

@@ -0,0 +1,141 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus, X } from "lucide-react";
+import { motion, AnimatePresence, useReducedMotion } from "motion/react";
+import { Select } from "@withpotter/ui-kit/select";
+import { Toggle } from "@withpotter/pages-core/dashboard/settings/_components";
+import { springs } from "@withpotter/lib/motion";
+import { TimeField } from "@withpotter/ui-kit";
+const HOURS_DAYS = [
+  { key: "mon", label: "Monday" },
+  { key: "tue", label: "Tuesday" },
+  { key: "wed", label: "Wednesday" },
+  { key: "thu", label: "Thursday" },
+  { key: "fri", label: "Friday" },
+  { key: "sat", label: "Saturday" },
+  { key: "sun", label: "Sunday" }
+];
+const HOURS_TIMEZONES = [
+  { value: "Africa/Lagos", label: "Africa/Lagos (WAT)" },
+  { value: "America/New_York", label: "America/New_York (EST)" },
+  { value: "America/Los_Angeles", label: "America/Los_Angeles (PST)" },
+  { value: "Europe/London", label: "Europe/London (GMT)" },
+  { value: "Europe/Paris", label: "Europe/Paris (CET)" },
+  { value: "Asia/Tokyo", label: "Asia/Tokyo (JST)" },
+  { value: "Asia/Dubai", label: "Asia/Dubai (GST)" }
+];
+function WeeklyHoursEditor({
+  hours,
+  onDayToggle,
+  onSlotChange,
+  onAddSlot,
+  onRemoveSlot,
+  onTimezoneChange
+}) {
+  const reduce = useReducedMotion();
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-[var(--border-default)]", children: HOURS_DAYS.map(({ key, label }) => {
+      const day = hours.days[key];
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex flex-col gap-3 border-b border-[var(--border-subtle)] px-4 py-3 last:border-0 sm:flex-row sm:items-start",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "w-20 pt-1 text-sm font-medium text-[var(--text-primary)]", children: label }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-start justify-between gap-3", children: [
+              /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", initial: false, children: !day.enabled ? /* @__PURE__ */ jsx(
+                motion.span,
+                {
+                  initial: reduce ? false : { opacity: 0 },
+                  animate: { opacity: 1 },
+                  exit: reduce ? void 0 : { opacity: 0 },
+                  transition: springs.snappy,
+                  className: "pt-2 text-sm text-[var(--text-muted)]",
+                  children: "Closed"
+                },
+                "closed"
+              ) : /* @__PURE__ */ jsxs(
+                motion.div,
+                {
+                  initial: reduce ? false : { opacity: 0, y: -4 },
+                  animate: { opacity: 1, y: 0 },
+                  exit: reduce ? void 0 : { opacity: 0, y: -4 },
+                  transition: springs.snappy,
+                  className: "flex flex-col items-start gap-2",
+                  children: [
+                    day.slots.map((slot, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx(
+                        TimeField,
+                        {
+                          value: slot.start,
+                          onChange: (value) => onSlotChange(key, i, "start", value)
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-muted)]", children: "to" }),
+                      /* @__PURE__ */ jsx(
+                        TimeField,
+                        {
+                          value: slot.end,
+                          onChange: (value) => onSlotChange(key, i, "end", value)
+                        }
+                      ),
+                      day.slots.length > 1 && /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => onRemoveSlot(key, i),
+                          "aria-label": "Remove hours",
+                          className: "grid h-7 w-7 place-items-center rounded-md text-[var(--text-muted)] transition-colors hover:bg-[var(--interactive-hover)] hover:text-[var(--text-primary)]",
+                          children: /* @__PURE__ */ jsx(X, {})
+                        }
+                      )
+                    ] }, i)),
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => onAddSlot(key),
+                        className: "inline-flex items-center gap-1 text-xs font-medium text-[var(--text-tertiary)] transition-colors hover:text-[var(--text-primary)]",
+                        children: [
+                          /* @__PURE__ */ jsx(Plus, {}),
+                          "Add hours"
+                        ]
+                      }
+                    )
+                  ]
+                },
+                "open"
+              ) }),
+              /* @__PURE__ */ jsx(
+                Toggle,
+                {
+                  checked: day.enabled,
+                  onChange: (v) => onDayToggle(key, v),
+                  label: `${label} availability`
+                }
+              )
+            ] })
+          ]
+        },
+        key
+      );
+    }) }),
+    onTimezoneChange && /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-[var(--border-default)] p-4", children: [
+      /* @__PURE__ */ jsx("label", { className: "mb-2 block text-sm font-medium text-[var(--text-primary)]", children: "Timezone" }),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: hours.timezone,
+          onChange: onTimezoneChange,
+          options: HOURS_TIMEZONES
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  HOURS_DAYS,
+  HOURS_TIMEZONES,
+  WeeklyHoursEditor
+};
+//# sourceMappingURL=weekly-hours-editor.js.map

package/dist/features/weekly-hours-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/features/weekly-hours-editor.tsx"],"sourcesContent":["'use client';\n\nimport { Plus, X } from 'lucide-react';\nimport { motion, AnimatePresence, useReducedMotion } from 'motion/react';\nimport { Select } from '@withpotter/ui-kit/select';\nimport { Toggle } from '@withpotter/pages-core/dashboard/settings/_components';\nimport { springs } from '@withpotter/lib/motion';\nimport type { DayKey, WeeklyHours } from '@withpotter/hooks/use-hours-data';\nimport { TimeField } from '@withpotter/ui-kit';\n\nexport const HOURS_DAYS: { key: DayKey; label: string }[] = [\n  { key: 'mon', label: 'Monday' },\n  { key: 'tue', label: 'Tuesday' },\n  { key: 'wed', label: 'Wednesday' },\n  { key: 'thu', label: 'Thursday' },\n  { key: 'fri', label: 'Friday' },\n  { key: 'sat', label: 'Saturday' },\n  { key: 'sun', label: 'Sunday' },\n];\n\nexport const HOURS_TIMEZONES = [\n  { value: 'Africa/Lagos', label: 'Africa/Lagos (WAT)' },\n  { value: 'America/New_York', label: 'America/New_York (EST)' },\n  { value: 'America/Los_Angeles', label: 'America/Los_Angeles (PST)' },\n  { value: 'Europe/London', label: 'Europe/London (GMT)' },\n  { value: 'Europe/Paris', label: 'Europe/Paris (CET)' },\n  { value: 'Asia/Tokyo', label: 'Asia/Tokyo (JST)' },\n  { value: 'Asia/Dubai', label: 'Asia/Dubai (GST)' },\n];\n\nexport interface WeeklyHoursEditorProps {\n  hours: WeeklyHours;\n  onDayToggle: (key: DayKey, enabled: boolean) => void;\n  onSlotChange: (\n    key: DayKey,\n    index: number,\n    field: 'start' | 'end',\n    value: string,\n  ) => void;\n  onAddSlot: (key: DayKey) => void;\n  onRemoveSlot: (key: DayKey, index: number) => void;\n  /** Omitted where the surface has no room for a timezone row. */\n  onTimezoneChange?: (tz: string) => void;\n}\n\n/**\n * The seven-day opening-hours editor, without any chrome of its own.\n *\n * Shared by Settings (where hours are configuration) and the bookings surface\n * (where changing them is an act of running the day — staff called in sick, so\n * you close at four). One implementation so the two never drift.\n */\nexport function WeeklyHoursEditor({\n  hours,\n  onDayToggle,\n  onSlotChange,\n  onAddSlot,\n  onRemoveSlot,\n  onTimezoneChange,\n}: WeeklyHoursEditorProps) {\n  const reduce = useReducedMotion();\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"rounded-xl border border-[var(--border-default)]\">\n        {HOURS_DAYS.map(({ key, label }) => {\n          const day = hours.days[key];\n          return (\n            <div\n              key={key}\n              className=\"flex flex-col gap-3 border-b border-[var(--border-subtle)] px-4 py-3 last:border-0 sm:flex-row sm:items-start\"\n            >\n              <span className=\"w-20 pt-1 text-sm font-medium text-[var(--text-primary)]\">\n                {label}\n              </span>\n              <div className=\"flex flex-1 items-start justify-between gap-3\">\n                <AnimatePresence mode=\"wait\" initial={false}>\n                  {!day.enabled ? (\n                    <motion.span\n                      key=\"closed\"\n                      initial={reduce ? false : { opacity: 0 }}\n                      animate={{ opacity: 1 }}\n                      exit={reduce ? undefined : { opacity: 0 }}\n                      transition={springs.snappy}\n                      className=\"pt-2 text-sm text-[var(--text-muted)]\"\n                    >\n                      Closed\n                    </motion.span>\n                  ) : (\n                    <motion.div\n                      key=\"open\"\n                      initial={reduce ? false : { opacity: 0, y: -4 }}\n                      animate={{ opacity: 1, y: 0 }}\n                      exit={reduce ? undefined : { opacity: 0, y: -4 }}\n                      transition={springs.snappy}\n                      className=\"flex flex-col items-start gap-2\"\n                    >\n                      {day.slots.map((slot, i) => (\n                        <div key={i} className=\"flex items-center gap-2\">\n                          <TimeField\n                            value={slot.start}\n                            onChange={(value) =>\n                              onSlotChange(key, i, 'start', value)\n                            }\n                          />\n                          <span className=\"text-sm text-[var(--text-muted)]\">\n                            to\n                          </span>\n                          <TimeField\n                            value={slot.end}\n                            onChange={(value) =>\n                              onSlotChange(key, i, 'end', value)\n                            }\n                          />\n                          {day.slots.length > 1 && (\n                            <button\n                              type=\"button\"\n                              onClick={() => onRemoveSlot(key, i)}\n                              aria-label=\"Remove hours\"\n                              className=\"grid h-7 w-7 place-items-center rounded-md text-[var(--text-muted)] transition-colors hover:bg-[var(--interactive-hover)] hover:text-[var(--text-primary)]\"\n                            >\n                              <X />\n                            </button>\n                          )}\n                        </div>\n                      ))}\n                      <button\n                        type=\"button\"\n                        onClick={() => onAddSlot(key)}\n                        className=\"inline-flex items-center gap-1 text-xs font-medium text-[var(--text-tertiary)] transition-colors hover:text-[var(--text-primary)]\"\n                      >\n                        <Plus />\n                        Add hours\n                      </button>\n                    </motion.div>\n                  )}\n                </AnimatePresence>\n                <Toggle\n                  checked={day.enabled}\n                  onChange={(v) => onDayToggle(key, v)}\n                  label={`${label} availability`}\n                />\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {onTimezoneChange && (\n        <div className=\"rounded-xl border border-[var(--border-default)] p-4\">\n          <label className=\"mb-2 block text-sm font-medium text-[var(--text-primary)]\">\n            Timezone\n          </label>\n          <Select\n            value={hours.timezone}\n            onChange={onTimezoneChange}\n            options={HOURS_TIMEZONES}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/features.d.ts

@@ -0,0 +1 @@
+export * from './features/index';

package/dist/features.js

@@ -0,0 +1 @@
+export * from './features/index.js';

package/dist/feedback/admin-feedback-prompt.d.ts

@@ -0,0 +1 @@
+export declare function AdminFeedbackPrompt(): import("react").JSX.Element | null;

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

@@ -0,0 +1,47 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { usePathname } from "next/navigation";
+import { useAuth } from "@withpotter/lib/auth-context";
+import {
+  feedbackPromptsApi
+} from "@withpotter/lib/api/feedback-prompts";
+import { FeedbackPrompt } from "./feedback-prompt";
+function AdminFeedbackPrompt() {
+  const pathname = usePathname();
+  const { tenant } = useAuth();
+  const scope = `${tenant?.slug ?? ""}:${pathname}`;
+  const [result, setResult] = useState(null);
+  useEffect(() => {
+    let current = true;
+    if (!tenant?.slug) return () => void 0;
+    void feedbackPromptsApi.eligible(tenant.slug, pathname).then(([eligible]) => {
+      if (current) setResult({ scope, prompt: eligible ?? null });
+    }).catch((error) => {
+      console.warn("Feedback prompt unavailable", error);
+    });
+    return () => {
+      current = false;
+    };
+  }, [pathname, scope, tenant?.slug]);
+  const prompt = result?.scope === scope ? result.prompt : null;
+  if (!prompt) return null;
+  return /* @__PURE__ */ jsx(
+    FeedbackPrompt,
+    {
+      promptKey: prompt.key,
+      kind: prompt.kind,
+      question: prompt.question,
+      commentPrompt: prompt.allowComment ? prompt.followUp || "What led to your answer?" : void 0,
+      allowVoice: prompt.allowVoice,
+      presentation: "campaign-modal",
+      snoozeDays: prompt.snoozeDays,
+      priority: 100
+    },
+    prompt.id
+  );
+}
+export {
+  AdminFeedbackPrompt
+};
+//# sourceMappingURL=admin-feedback-prompt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/feedback/admin-feedback-prompt.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { usePathname } from 'next/navigation';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport {\n  feedbackPromptsApi,\n  type EligibleFeedbackPrompt,\n} from '@withpotter/lib/api/feedback-prompts';\nimport { FeedbackPrompt } from './feedback-prompt';\n\nexport function AdminFeedbackPrompt() {\n  const pathname = usePathname();\n  const { tenant } = useAuth();\n  const scope = `${tenant?.slug ?? ''}:${pathname}`;\n  const [result, setResult] = useState<{\n    scope: string;\n    prompt: EligibleFeedbackPrompt | null;\n  } | null>(null);\n\n  useEffect(() => {\n    let current = true;\n    if (!tenant?.slug) return () => undefined;\n\n    void feedbackPromptsApi\n      .eligible(tenant.slug, pathname)\n      .then(([eligible]) => {\n        if (current) setResult({ scope, prompt: eligible ?? null });\n      })\n      .catch((error: unknown) => {\n        // A prompt must never break the page, but delivery failures must remain\n        // visible in browser diagnostics instead of disappearing silently.\n        console.warn('Feedback prompt unavailable', error);\n      });\n\n    return () => {\n      current = false;\n    };\n  }, [pathname, scope, tenant?.slug]);\n\n  const prompt = result?.scope === scope ? result.prompt : null;\n  if (!prompt) return null;\n\n  return (\n    <FeedbackPrompt\n      key={prompt.id}\n      promptKey={prompt.key}\n      kind={prompt.kind}\n      question={prompt.question}\n      commentPrompt={\n        prompt.allowComment\n          ? prompt.followUp || 'What led to your answer?'\n          : undefined\n      }\n      allowVoice={prompt.allowVoice}\n      presentation=\"campaign-modal\"\n      snoozeDays={prompt.snoozeDays}\n      priority={100}\n    />\n  );\n}\n"],"mappings":";AA4CI;AA1CJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,sBAAsB;AAExB,SAAS,sBAAsB;AACpC,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM,QAAQ,GAAG,QAAQ,QAAQ,EAAE,IAAI,QAAQ;AAC/C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAGlB,IAAI;AAEd,YAAU,MAAM;AACd,QAAI,UAAU;AACd,QAAI,CAAC,QAAQ,KAAM,QAAO,MAAM;AAEhC,SAAK,mBACF,SAAS,OAAO,MAAM,QAAQ,EAC9B,KAAK,CAAC,CAAC,QAAQ,MAAM;AACpB,UAAI,QAAS,WAAU,EAAE,OAAO,QAAQ,YAAY,KAAK,CAAC;AAAA,IAC5D,CAAC,EACA,MAAM,CAAC,UAAmB;AAGzB,cAAQ,KAAK,+BAA+B,KAAK;AAAA,IACnD,CAAC;AAEH,WAAO,MAAM;AACX,gBAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,UAAU,OAAO,QAAQ,IAAI,CAAC;AAElC,QAAM,SAAS,QAAQ,UAAU,QAAQ,OAAO,SAAS;AACzD,MAAI,CAAC,OAAQ,QAAO;AAEpB,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,WAAW,OAAO;AAAA,MAClB,MAAM,OAAO;AAAA,MACb,UAAU,OAAO;AAAA,MACjB,eACE,OAAO,eACH,OAAO,YAAY,6BACnB;AAAA,MAEN,YAAY,OAAO;AAAA,MACnB,cAAa;AAAA,MACb,YAAY,OAAO;AAAA,MACnB,UAAU;AAAA;AAAA,IAZL,OAAO;AAAA,EAad;AAEJ;","names":[]}

package/dist/feedback/app-nps-dock.d.ts

@@ -0,0 +1,40 @@
+/**
+ * How likely are you to recommend Box — the one question that belongs to no
+ * screen.
+ *
+ * IT WAITS FOR TWO THINGS, AND BOTH REPLACED A WORSE IDEA.
+ *
+ * **The end of a flow, not a page.** This used to appear ninety seconds into
+ * any page, which asks whoever left a tab open — a measure of nothing, and an
+ * answer about whatever they happened to be looking at. It now waits for
+ * somebody to FINISH something: an import that lands, a checklist that
+ * completes. A person who just did a thing has an opinion about the product;
+ * a person who just arrived has an opinion about a screen.
+ *
+ * **Seventy percent of the features they have.** "Would you recommend Box"
+ * is a question about the whole product, and somebody who has seen two screens
+ * cannot answer it — their score is noise wearing a number. The denominator is
+ * theirs, not ours: a bookings business is measured against bookings, never
+ * against a shop it will never open. See `feature-adoption.ts`.
+ *
+ * Adoption is null until the home has measured it, and null does not qualify.
+ * Unknown must not mean "ask anyway" — asking everybody on first paint is the
+ * exact thing the bar exists to prevent.
+ *
+ * BOTTOM-CENTRE, NOT THE CORNER. The bottom-right belongs to Box's launcher
+ * on a phone and reads as a help desk everywhere else — Intercom, Zendesk and
+ * Crisp all live in that circle. Anchored on `--mb-safe-bottom` so it lines up
+ * with everything else above the tab bar.
+ *
+ * IT YIELDS TO THE FLOW'S OWN QUESTION. Publishing a site and connecting a
+ * domain each ask "how easy was that?" now, and both end the same way this one
+ * begins — a flow completing. Asking both would put the product question on
+ * top of the thank-you from the specific one, so the specific one goes first
+ * and this waits until that key is spent. The order is right on its own terms:
+ * somebody who has just told us the domain was hard has said the more useful
+ * thing.
+ *
+ * Thirty days on a dismissal rather than never: the honest reading of somebody
+ * closing this mid-task is that they are mid-task.
+ */
+export declare function AppNpsDock(): import("react").JSX.Element;

package/dist/feedback/app-nps-dock.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { npsTone } from "@withpotter/ui-kit/score-scale";
+import { FeedbackPrompt } from "./feedback-prompt";
+import { useFlowJustCompleted } from "./flow-completion";
+import {
+  useFeatureAdoption,
+  usePromptEligible
+} from "./feedback-prompt-context";
+import { cesForFlow, cesKeyFor } from "./flow-ces";
+import { ADOPTION_BAR } from "./feature-adoption";
+function AppNpsDock() {
+  const flow = useFlowJustCompleted();
+  const adoption = useFeatureAdoption();
+  const eligible = usePromptEligible();
+  const earned = adoption !== null && adoption >= ADOPTION_BAR;
+  const flowAsksItself = flow !== null && cesForFlow(flow) !== null && eligible(cesKeyFor(flow));
+  return /* @__PURE__ */ jsx(
+    FeedbackPrompt,
+    {
+      promptKey: "app.nps.quarterly",
+      kind: "nps",
+      layout: "dock",
+      when: earned && flow !== null && !flowAsksItself,
+      question: "How likely are you to recommend Box to another business owner?",
+      minLabel: "Not likely",
+      maxLabel: "Very likely",
+      toneFor: npsTone,
+      commentPrompt: "What is the main reason for your score?",
+      snoozeDays: 30
+    }
+  );
+}
+export {
+  AppNpsDock
+};
+//# sourceMappingURL=app-nps-dock.js.map

package/dist/feedback/app-nps-dock.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/feedback/app-nps-dock.tsx"],"sourcesContent":["'use client';\n\nimport { npsTone } from '@withpotter/ui-kit/score-scale';\nimport { FeedbackPrompt } from './feedback-prompt';\nimport { useFlowJustCompleted } from './flow-completion';\nimport {\n  useFeatureAdoption,\n  usePromptEligible,\n} from './feedback-prompt-context';\nimport { cesForFlow, cesKeyFor } from './flow-ces';\nimport { ADOPTION_BAR } from './feature-adoption';\n\n/**\n * How likely are you to recommend Box — the one question that belongs to no\n * screen.\n *\n * IT WAITS FOR TWO THINGS, AND BOTH REPLACED A WORSE IDEA.\n *\n * **The end of a flow, not a page.** This used to appear ninety seconds into\n * any page, which asks whoever left a tab open — a measure of nothing, and an\n * answer about whatever they happened to be looking at. It now waits for\n * somebody to FINISH something: an import that lands, a checklist that\n * completes. A person who just did a thing has an opinion about the product;\n * a person who just arrived has an opinion about a screen.\n *\n * **Seventy percent of the features they have.** \"Would you recommend Box\"\n * is a question about the whole product, and somebody who has seen two screens\n * cannot answer it — their score is noise wearing a number. The denominator is\n * theirs, not ours: a bookings business is measured against bookings, never\n * against a shop it will never open. See `feature-adoption.ts`.\n *\n * Adoption is null until the home has measured it, and null does not qualify.\n * Unknown must not mean \"ask anyway\" — asking everybody on first paint is the\n * exact thing the bar exists to prevent.\n *\n * BOTTOM-CENTRE, NOT THE CORNER. The bottom-right belongs to Box's launcher\n * on a phone and reads as a help desk everywhere else — Intercom, Zendesk and\n * Crisp all live in that circle. Anchored on `--mb-safe-bottom` so it lines up\n * with everything else above the tab bar.\n *\n * IT YIELDS TO THE FLOW'S OWN QUESTION. Publishing a site and connecting a\n * domain each ask \"how easy was that?\" now, and both end the same way this one\n * begins — a flow completing. Asking both would put the product question on\n * top of the thank-you from the specific one, so the specific one goes first\n * and this waits until that key is spent. The order is right on its own terms:\n * somebody who has just told us the domain was hard has said the more useful\n * thing.\n *\n * Thirty days on a dismissal rather than never: the honest reading of somebody\n * closing this mid-task is that they are mid-task.\n */\nexport function AppNpsDock() {\n  const flow = useFlowJustCompleted();\n  const adoption = useFeatureAdoption();\n  const eligible = usePromptEligible();\n\n  const earned = adoption !== null && adoption >= ADOPTION_BAR;\n  // The flow's own question, still unanswered, owns this ending.\n  const flowAsksItself =\n    flow !== null && cesForFlow(flow) !== null && eligible(cesKeyFor(flow));\n\n  return (\n    <FeedbackPrompt\n      promptKey=\"app.nps.quarterly\"\n      kind=\"nps\"\n      layout=\"dock\"\n      when={earned && flow !== null && !flowAsksItself}\n      question=\"How likely are you to recommend Box to another business owner?\"\n      minLabel=\"Not likely\"\n      maxLabel=\"Very likely\"\n      toneFor={npsTone}\n      commentPrompt=\"What is the main reason for your score?\"\n      snoozeDays={30}\n    />\n  );\n}\n"],"mappings":";AA8DI;AA5DJ,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY,iBAAiB;AACtC,SAAS,oBAAoB;AAyCtB,SAAS,aAAa;AAC3B,QAAM,OAAO,qBAAqB;AAClC,QAAM,WAAW,mBAAmB;AACpC,QAAM,WAAW,kBAAkB;AAEnC,QAAM,SAAS,aAAa,QAAQ,YAAY;AAEhD,QAAM,iBACJ,SAAS,QAAQ,WAAW,IAAI,MAAM,QAAQ,SAAS,UAAU,IAAI,CAAC;AAExE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,QAAO;AAAA,MACP,MAAM,UAAU,SAAS,QAAQ,CAAC;AAAA,MAClC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,UAAS;AAAA,MACT,SAAS;AAAA,MACT,eAAc;AAAA,MACd,YAAY;AAAA;AAAA,EACd;AAEJ;","names":[]}

package/dist/feedback/feature-adoption.d.ts

@@ -0,0 +1,66 @@
+/**
+ * How much of the product this workspace has actually used.
+ *
+ * WHY THIS EXISTS: an NPS answered by somebody who has seen two screens is
+ * noise wearing a number. "Would you recommend Box" is a question about the
+ * product, and it can only be answered by somebody who has met enough of it —
+ * so the prompt waits until they have.
+ *
+ * THE DENOMINATOR IS PER ARCHETYPE, NOT THE WHOLE PRODUCT. Counting against
+ * every feature Box ships would mean a bookings business could never reach
+ * the bar, because half the list is a shop they will never open — and the
+ * score it never gave us would have been the honest one. So each area names
+ * the archetypes it belongs to, and adoption is measured only across the areas
+ * this workspace's archetypes actually include.
+ *
+ * Keyed on `activeKeys` from `useIntentConfig` — ALL of them, not
+ * `primary`. A workspace can run several at once, and `primary` is only the
+ * one that was ticked first; measuring a shop-and-bookings business against
+ * the shop alone would call it fully adopted while it had never taken a
+ * booking.
+ *
+ * MEASURED FROM WHAT THE HOME ALREADY LOADS. Every signal here comes out of
+ * `use-dashboard-data`, so this costs no request — which matters, because a
+ * feature whose whole job is to be everywhere must not add a fetch to the one
+ * screen that already reads 29 endpoints.
+ *
+ * It is deliberately coarse. "Has a product" is not "understands the
+ * catalogue", and it does not need to be: the bar is a gate, not a grade.
+ */
+export interface AdoptionInput {
+    /**
+     * The workspace's archetypes — `activeKeys` from `useIntentConfig`:
+     * `sell-products`, `take-bookings`, `send-invoices`, and so on.
+     */
+    archetypes: string[];
+    productCount: number;
+    packageCount: number;
+    totalCustomers: number;
+    orderCount: number;
+    bookingCount: number;
+    invoiceCount: number;
+    subscriptionCount: number;
+    bankAccountCount: number;
+    hasStorefront: boolean;
+    activityCount: number;
+}
+export interface Adoption {
+    /** 0..1 across the areas that apply to this workspace. */
+    ratio: number;
+    used: number;
+    available: number;
+}
+export declare function measureAdoption(input: AdoptionInput): Adoption;
+/**
+ * The bar: seventy percent of what they have.
+ *
+ * High enough that the answer is worth having, low enough that it is reachable
+ * — a merchant does not have to have touched everything to have an opinion
+ * about the whole.
+ *
+ * A bookings-only workspace has six areas, so the bar is five of six; a shop
+ * that also invoices has seven, so it is five of seven. Worth knowing before moving it: because the
+ * denominator is per workspace and small, a step of 0.1 can be the difference
+ * between one area and two.
+ */
+export declare const ADOPTION_BAR = 0.7;

package/dist/feedback/feature-adoption.js

@@ -0,0 +1,53 @@
+const AREAS = [
+  // Universal: something to offer, somebody to offer it to, a way to be paid,
+  // and a public face. Every archetype has all four.
+  {
+    key: "catalog",
+    archetypes: [],
+    used: (i) => i.productCount + i.packageCount > 0
+  },
+  { key: "customers", archetypes: [], used: (i) => i.totalCustomers > 0 },
+  { key: "payments", archetypes: [], used: (i) => i.bankAccountCount > 0 },
+  { key: "storefront", archetypes: [], used: (i) => i.hasStorefront },
+  // Not a module — a proxy for "this workspace is in daily use" rather than
+  // set up once and left. Without it, somebody who configured everything in
+  // an afternoon and never came back would read as fully adopted.
+  { key: "activity", archetypes: [], used: (i) => i.activityCount >= 5 },
+  // Per archetype, in the product's own vocabulary.
+  {
+    key: "orders",
+    archetypes: ["sell-products", "food-orders", "digital-products", "dine-in"],
+    used: (i) => i.orderCount > 0
+  },
+  {
+    key: "bookings",
+    archetypes: ["take-bookings", "rent-property", "event-tickets"],
+    used: (i) => i.bookingCount > 0
+  },
+  {
+    key: "invoices",
+    archetypes: ["send-invoices", "capture-leads"],
+    used: (i) => i.invoiceCount > 0
+  },
+  {
+    key: "subscriptions",
+    archetypes: ["subscriptions"],
+    used: (i) => i.subscriptionCount > 0
+  }
+];
+const applies = (area, input) => area.archetypes.length === 0 || area.archetypes.some((a) => input.archetypes.includes(a));
+function measureAdoption(input) {
+  const applicable = AREAS.filter((a) => applies(a, input));
+  const used = applicable.filter((a) => a.used(input)).length;
+  return {
+    ratio: applicable.length ? used / applicable.length : 0,
+    used,
+    available: applicable.length
+  };
+}
+const ADOPTION_BAR = 0.7;
+export {
+  ADOPTION_BAR,
+  measureAdoption
+};
+//# sourceMappingURL=feature-adoption.js.map

package/dist/feedback/feature-adoption.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/feedback/feature-adoption.ts"],"sourcesContent":["/**\n * How much of the product this workspace has actually used.\n *\n * WHY THIS EXISTS: an NPS answered by somebody who has seen two screens is\n * noise wearing a number. \"Would you recommend Box\" is a question about the\n * product, and it can only be answered by somebody who has met enough of it —\n * so the prompt waits until they have.\n *\n * THE DENOMINATOR IS PER ARCHETYPE, NOT THE WHOLE PRODUCT. Counting against\n * every feature Box ships would mean a bookings business could never reach\n * the bar, because half the list is a shop they will never open — and the\n * score it never gave us would have been the honest one. So each area names\n * the archetypes it belongs to, and adoption is measured only across the areas\n * this workspace's archetypes actually include.\n *\n * Keyed on `activeKeys` from `useIntentConfig` — ALL of them, not\n * `primary`. A workspace can run several at once, and `primary` is only the\n * one that was ticked first; measuring a shop-and-bookings business against\n * the shop alone would call it fully adopted while it had never taken a\n * booking.\n *\n * MEASURED FROM WHAT THE HOME ALREADY LOADS. Every signal here comes out of\n * `use-dashboard-data`, so this costs no request — which matters, because a\n * feature whose whole job is to be everywhere must not add a fetch to the one\n * screen that already reads 29 endpoints.\n *\n * It is deliberately coarse. \"Has a product\" is not \"understands the\n * catalogue\", and it does not need to be: the bar is a gate, not a grade.\n */\nexport interface AdoptionInput {\n  /**\n   * The workspace's archetypes — `activeKeys` from `useIntentConfig`:\n   * `sell-products`, `take-bookings`, `send-invoices`, and so on.\n   */\n  archetypes: string[];\n  productCount: number;\n  packageCount: number;\n  totalCustomers: number;\n  orderCount: number;\n  bookingCount: number;\n  invoiceCount: number;\n  subscriptionCount: number;\n  bankAccountCount: number;\n  hasStorefront: boolean;\n  activityCount: number;\n}\n\ninterface Area {\n  key: string;\n  /**\n   * The archetypes this area belongs to. EMPTY MEANS EVERY WORKSPACE — the\n   * handful of things every business here does regardless of what it sells.\n   */\n  archetypes: string[];\n  /** Have they used it? */\n  used: (i: AdoptionInput) => boolean;\n}\n\nconst AREAS: Area[] = [\n  // Universal: something to offer, somebody to offer it to, a way to be paid,\n  // and a public face. Every archetype has all four.\n  {\n    key: 'catalog',\n    archetypes: [],\n    used: (i) => i.productCount + i.packageCount > 0,\n  },\n  { key: 'customers', archetypes: [], used: (i) => i.totalCustomers > 0 },\n  { key: 'payments', archetypes: [], used: (i) => i.bankAccountCount > 0 },\n  { key: 'storefront', archetypes: [], used: (i) => i.hasStorefront },\n  // Not a module — a proxy for \"this workspace is in daily use\" rather than\n  // set up once and left. Without it, somebody who configured everything in\n  // an afternoon and never came back would read as fully adopted.\n  { key: 'activity', archetypes: [], used: (i) => i.activityCount >= 5 },\n\n  // Per archetype, in the product's own vocabulary.\n  {\n    key: 'orders',\n    archetypes: ['sell-products', 'food-orders', 'digital-products', 'dine-in'],\n    used: (i) => i.orderCount > 0,\n  },\n  {\n    key: 'bookings',\n    archetypes: ['take-bookings', 'rent-property', 'event-tickets'],\n    used: (i) => i.bookingCount > 0,\n  },\n  {\n    key: 'invoices',\n    archetypes: ['send-invoices', 'capture-leads'],\n    used: (i) => i.invoiceCount > 0,\n  },\n  {\n    key: 'subscriptions',\n    archetypes: ['subscriptions'],\n    used: (i) => i.subscriptionCount > 0,\n  },\n];\n\nconst applies = (area: Area, input: AdoptionInput) =>\n  area.archetypes.length === 0 ||\n  area.archetypes.some((a) => input.archetypes.includes(a));\n\nexport interface Adoption {\n  /** 0..1 across the areas that apply to this workspace. */\n  ratio: number;\n  used: number;\n  available: number;\n}\n\nexport function measureAdoption(input: AdoptionInput): Adoption {\n  const applicable = AREAS.filter((a) => applies(a, input));\n  const used = applicable.filter((a) => a.used(input)).length;\n  return {\n    ratio: applicable.length ? used / applicable.length : 0,\n    used,\n    available: applicable.length,\n  };\n}\n\n/**\n * The bar: seventy percent of what they have.\n *\n * High enough that the answer is worth having, low enough that it is reachable\n * — a merchant does not have to have touched everything to have an opinion\n * about the whole.\n *\n * A bookings-only workspace has six areas, so the bar is five of six; a shop\n * that also invoices has seven, so it is five of seven. Worth knowing before moving it: because the\n * denominator is per workspace and small, a step of 0.1 can be the difference\n * between one area and two.\n */\nexport const ADOPTION_BAR = 0.7;\n"],"mappings":"AA0DA,MAAM,QAAgB;AAAA;AAAA;AAAA,EAGpB;AAAA,IACE,KAAK;AAAA,IACL,YAAY,CAAC;AAAA,IACb,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,eAAe;AAAA,EACjD;AAAA,EACA,EAAE,KAAK,aAAa,YAAY,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,EAAE;AAAA,EACtE,EAAE,KAAK,YAAY,YAAY,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,EAAE;AAAA,EACvE,EAAE,KAAK,cAAc,YAAY,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc;AAAA;AAAA;AAAA;AAAA,EAIlE,EAAE,KAAK,YAAY,YAAY,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,EAAE;AAAA;AAAA,EAGrE;AAAA,IACE,KAAK;AAAA,IACL,YAAY,CAAC,iBAAiB,eAAe,oBAAoB,SAAS;AAAA,IAC1E,MAAM,CAAC,MAAM,EAAE,aAAa;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,YAAY,CAAC,iBAAiB,iBAAiB,eAAe;AAAA,IAC9D,MAAM,CAAC,MAAM,EAAE,eAAe;AAAA,EAChC;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,YAAY,CAAC,iBAAiB,eAAe;AAAA,IAC7C,MAAM,CAAC,MAAM,EAAE,eAAe;AAAA,EAChC;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,YAAY,CAAC,eAAe;AAAA,IAC5B,MAAM,CAAC,MAAM,EAAE,oBAAoB;AAAA,EACrC;AACF;AAEA,MAAM,UAAU,CAAC,MAAY,UAC3B,KAAK,WAAW,WAAW,KAC3B,KAAK,WAAW,KAAK,CAAC,MAAM,MAAM,WAAW,SAAS,CAAC,CAAC;AASnD,SAAS,gBAAgB,OAAgC;AAC9D,QAAM,aAAa,MAAM,OAAO,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC;AACxD,QAAM,OAAO,WAAW,OAAO,CAAC,MAAM,EAAE,KAAK,KAAK,CAAC,EAAE;AACrD,SAAO;AAAA,IACL,OAAO,WAAW,SAAS,OAAO,WAAW,SAAS;AAAA,IACtD;AAAA,IACA,WAAW,WAAW;AAAA,EACxB;AACF;AAcO,MAAM,eAAe;","names":[]}

package/dist/feedback/feedback-docks.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Every prompt the shell mounts, in one place.
+ *
+ * Two docks, and the shell should not have to carry the argument for either.
+ * The NPS is the one question that belongs to no screen, so it docks rather
+ * than living anywhere. The flow CES belongs to whichever piece of work just
+ * ended, and docks for the opposite reason: finishing a flow usually means the
+ * screen that owned it is closing, so a prompt written into that screen would
+ * unmount in the same frame it earned the right to ask.
+ *
+ * They share the one live slot, so a merchant who finishes something is asked
+ * once — and `AppNpsDock` stands down entirely while the flow's own question
+ * is still unasked.
+ */
+export declare function FeedbackDocks({ 
+/**
+ * True where the product question must not appear: the editor, which is a
+ * canvas rather than the app, and the ask screen, where Box is already
+ * the conversation. The flow CES still runs on both, because publishing a
+ * site is one of the flows and the editor is where that happens.
+ */
+npsSuppressed, }: {
+    npsSuppressed?: boolean;
+}): import("react").JSX.Element;

package/dist/feedback/feedback-docks.js

@@ -0,0 +1,27 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { usePathname } from "@withpotter/lib/use-pathname";
+import { AppNpsDock } from "./app-nps-dock";
+import { AdminFeedbackPrompt } from "./admin-feedback-prompt";
+import { FlowCesDock } from "./flow-ces-dock";
+function FeedbackDocks({
+  /**
+   * True where the product question must not appear: the editor, which is a
+   * canvas rather than the app, and the ask screen, where Box is already
+   * the conversation. The flow CES still runs on both, because publishing a
+   * site is one of the flows and the editor is where that happens.
+   */
+  npsSuppressed = false
+}) {
+  const pathname = usePathname();
+  const showAdminPrompt = pathname?.startsWith("/admin/feedback");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    showAdminPrompt && /* @__PURE__ */ jsx(AdminFeedbackPrompt, {}),
+    !npsSuppressed && /* @__PURE__ */ jsx(AppNpsDock, {}),
+    /* @__PURE__ */ jsx(FlowCesDock, {})
+  ] });
+}
+export {
+  FeedbackDocks
+};
+//# sourceMappingURL=feedback-docks.js.map

package/dist/feedback/feedback-docks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/feedback/feedback-docks.tsx"],"sourcesContent":["'use client';\n\nimport { usePathname } from '@withpotter/lib/use-pathname';\nimport { AppNpsDock } from './app-nps-dock';\nimport { AdminFeedbackPrompt } from './admin-feedback-prompt';\nimport { FlowCesDock } from './flow-ces-dock';\n\n/**\n * Every prompt the shell mounts, in one place.\n *\n * Two docks, and the shell should not have to carry the argument for either.\n * The NPS is the one question that belongs to no screen, so it docks rather\n * than living anywhere. The flow CES belongs to whichever piece of work just\n * ended, and docks for the opposite reason: finishing a flow usually means the\n * screen that owned it is closing, so a prompt written into that screen would\n * unmount in the same frame it earned the right to ask.\n *\n * They share the one live slot, so a merchant who finishes something is asked\n * once — and `AppNpsDock` stands down entirely while the flow's own question\n * is still unasked.\n */\nexport function FeedbackDocks({\n  /**\n   * True where the product question must not appear: the editor, which is a\n   * canvas rather than the app, and the ask screen, where Box is already\n   * the conversation. The flow CES still runs on both, because publishing a\n   * site is one of the flows and the editor is where that happens.\n   */\n  npsSuppressed = false,\n}: {\n  npsSuppressed?: boolean;\n}) {\n  const pathname = usePathname();\n  const showAdminPrompt = pathname?.startsWith('/admin/feedback');\n\n  return (\n    <>\n      {showAdminPrompt && <AdminFeedbackPrompt />}\n      {!npsSuppressed && <AppNpsDock />}\n      <FlowCesDock />\n    </>\n  );\n}\n"],"mappings":";AAoCI,mBACsB,KADtB;AAlCJ,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAgBrB,SAAS,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5B,gBAAgB;AAClB,GAEG;AACD,QAAM,WAAW,YAAY;AAC7B,QAAM,kBAAkB,UAAU,WAAW,iBAAiB;AAE9D,SACE,iCACG;AAAA,uBAAmB,oBAAC,uBAAoB;AAAA,IACxC,CAAC,iBAAiB,oBAAC,cAAW;AAAA,IAC/B,oBAAC,eAAY;AAAA,KACf;AAEJ;","names":[]}

package/dist/feedback/feedback-prompt-context.d.ts

@@ -0,0 +1,97 @@
+import { type CreateFeedbackSignal } from '@withpotter/lib/api';
+/**
+ * ONE REQUEST, AND ONE PROMPT AT A TIME.
+ *
+ * Both halves of this provider exist to stop a feature designed to be
+ * everywhere from behaving like it.
+ *
+ * THE REQUEST. `GET /feedback/prompts` is read once per session and shared.
+ * The alternative — every prompt asking about itself — would have added a
+ * request per sprinkle to a dashboard whose home already reads 29 endpoints
+ * and whose catalogue reads 19, against a limiter that allows 100 a minute per
+ * IP. The feature would have started costing pages their data.
+ *
+ * THE SLOT. Only one prompt may be live anywhere in the app. Two questions on
+ * one screen is not twice the feedback, it is a survey, and the second one
+ * teaches people to close the first without reading it. Prompts claim the slot
+ * as they mount and release it as they unmount, so navigating away from an
+ * unanswered one frees it for the next screen rather than burning it.
+ *
+ * NOTHING HERE THROWS. A prompt is the least important thing on any screen it
+ * appears on: if the list fails to load, every prompt stays hidden and the page
+ * is untouched. Failing loudly would mean a feedback widget could take down the
+ * orders screen.
+ */
+export declare function FeedbackPromptProvider({ children, }: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * Whether this prompt should be on screen right now, and what to do when it is
+ * answered.
+ *
+ * Returns `visible: false` outside the provider rather than throwing. A prompt
+ * is furniture: a screen rendered in a test, a storybook, or the marketing site
+ * should quietly have no prompt, not crash.
+ */
+export declare function useFeedbackPrompt(promptKey: string, options?: {
+    /**
+     * The screen's own condition — "the import finished", "this account is
+     * older than a fortnight". Kept out of the server because only the screen
+     * knows it, and out of the component because a prompt that mounts and then
+     * hides has already burned the one live slot.
+     */
+    when?: boolean;
+    priority?: number;
+}): {
+    visible: boolean;
+    seenCount: number;
+    submit: (data: Omit<CreateFeedbackSignal, "promptKey">) => Promise<string | null>;
+    dismiss: (snoozeDays?: number) => Promise<void>;
+};
+/**
+ * Record a score with none of the prompt machinery.
+ *
+ * THE OTHER HALF OF THE FEATURE, and the distinction is worth stating because
+ * getting it wrong is how a product ends up with thumbs that fight each other:
+ *
+ *   `useFeedbackPrompt` is for a question the PRODUCT asks, once per account —
+ *   an NPS, a CSAT after a payout. It competes for the one live slot, it
+ *   remembers it was asked, and it interrupts.
+ *
+ *   This is for a verdict on ONE OBJECT that lives in the content — was this
+ *   help topic any good, was that answer right. It takes no slot, it is never
+ *   suppressed, and there can be twenty on a page, because they are not
+ *   interruptions: they are part of the thing they sit under. Routing those
+ *   through the slot would have meant one help topic in a list of seventeen
+ *   getting a thumb and the rest silently not.
+ *
+ * Returns a no-op outside the provider, so a screen rendered in a test has no
+ * prompts and no crash.
+ */
+export declare function useFeedbackSignal(): {
+    record: (data: CreateFeedbackSignal) => Promise<string | null>;
+};
+/**
+ * Report how much of the product this workspace has used.
+ *
+ * Called by the home, which already loads every number it is measured from.
+ * Prompts read it through `useFeatureAdoption`; nothing else needs it.
+ */
+export declare function useReportAdoption(): (ratio: number) => void;
+/** How much of the product this workspace has used, or null while unknown. */
+export declare function useFeatureAdoption(): number | null;
+/**
+ * Whether a key could still be asked of this account.
+ *
+ * For a prompt deciding whether a MORE SPECIFIC question owns the moment it is
+ * about to take. The NPS uses it: a flow that carries its own "how easy was
+ * that?" answers for itself the first time, and the product question waits
+ * until that one is spent. Without it the merchant answers the specific
+ * question, the slot is released, and the general one arrives on top of the
+ * thank-you — two questions for one ending, which is the thing the slot exists
+ * to prevent.
+ *
+ * Unknown reads as askable, matching `isEligible`: while the records are still
+ * loading, the specific question is assumed to be coming.
+ */
+export declare function usePromptEligible(): (promptKey: string) => boolean;