@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/pricing/price-form-dialog.js

@@ -0,0 +1,133 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@withpotter/ui-kit/button";
+import { DateField } from "@withpotter/ui-kit/date-field";
+import { Field } from "@withpotter/ui-kit/field";
+import { FormDialog } from "@withpotter/ui-kit/form-dialog";
+import { Input } from "@withpotter/ui-kit/input";
+import { Textarea } from "@withpotter/ui-kit/textarea";
+import { TimeField } from "@withpotter/ui-kit/time-field";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+import { parseMajorToMinor } from "@withpotter/lib/money-minor";
+import {
+  adminPricingApi
+} from "@withpotter/lib/admin-pricing-api";
+import { ChangeList } from "./change-list";
+import { changeLines, currencyOrder, toMajor } from "./price-model";
+import { usePricingMutation } from "./use-pricing";
+const today = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+function PriceFormDialog({
+  open,
+  draft,
+  live,
+  currencies,
+  onClose
+}) {
+  const { toast } = useToast();
+  const from = draft ?? live;
+  const codes = currencies.map((c) => c.code).sort(currencyOrder);
+  const [typed, setTyped] = useState(
+    () => Object.fromEntries(codes.map((c) => [c, toMajor(from?.prices[c], c)]))
+  );
+  const [date, setDate] = useState(today);
+  const [time, setTime] = useState("09:00");
+  const [reason, setReason] = useState("");
+  const [openedAt] = useState(() => Date.now());
+  const start = usePricingMutation(
+    adminPricingApi.startDraft,
+    "Could not start"
+  );
+  const save = usePricingMutation(adminPricingApi.save, "Not saved");
+  const submit = usePricingMutation(adminPricingApi.submit, "Not sent");
+  const prices = {};
+  const wrong = [];
+  for (const code of codes) {
+    const text = typed[code]?.trim();
+    if (!text) continue;
+    const minor = parseMajorToMinor(text, code);
+    if (minor) prices[code] = minor;
+    else wrong.push(code);
+  }
+  const lines = changeLines(live, prices);
+  const startsAt = /* @__PURE__ */ new Date(`${date}T${time}:00`);
+  const tooSoon = !(startsAt.getTime() > openedAt + 5 * 6e4);
+  const ready = !wrong.length && Object.keys(prices).length > 0 && lines.length > 0 && !tooSoon && reason.trim().length >= 10;
+  const busy = start.isPending || save.isPending || submit.isPending;
+  const send = async () => {
+    try {
+      const id = draft?.id ?? (await start.mutateAsync([])).id;
+      await save.mutateAsync([id, prices]);
+      await submit.mutateAsync([id, startsAt.toISOString(), reason.trim()]);
+    } catch {
+      return;
+    }
+    toast({
+      title: "Sent for approval",
+      description: "A different admin must approve it."
+    });
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open,
+      title: live ? "Change the price" : "Set the price",
+      description: "A second admin approves it before it starts.",
+      onClose,
+      scrollable: true,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { disabled: !ready, loading: busy, onClick: () => void send(), children: "Send for approval" })
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        codes.map((code) => /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: `Monthly price in ${code}`,
+            inputMode: "decimal",
+            value: typed[code] ?? "",
+            onChange: (e) => setTyped((t) => ({ ...t, [code]: e.target.value })),
+            error: wrong.includes(code) ? "Enter an amount above zero" : void 0
+          },
+          code
+        )),
+        lines.length > 0 && /* @__PURE__ */ jsx(ChangeList, { lines }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsx(Field, { label: "Starts on", children: /* @__PURE__ */ jsx(
+            DateField,
+            {
+              value: date,
+              onChange: setDate,
+              min: today(),
+              error: tooSoon
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "At", children: /* @__PURE__ */ jsx(
+            TimeField,
+            {
+              value: time,
+              onChange: setTime,
+              "aria-label": "Start time"
+            }
+          ) })
+        ] }),
+        tooSoon && /* @__PURE__ */ jsx("p", { className: "m-0 text-sm text-[var(--error)]", children: "Pick a time at least 5 minutes from now." }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            label: "Why (at least 10 characters)",
+            value: reason,
+            onChange: (e) => setReason(e.target.value),
+            rows: 2,
+            maxLength: 500
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  PriceFormDialog
+};
+//# sourceMappingURL=price-form-dialog.js.map

package/dist/admin/pricing/price-form-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/price-form-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Button } from \"@withpotter/ui-kit/button\";\nimport { DateField } from \"@withpotter/ui-kit/date-field\";\nimport { Field } from \"@withpotter/ui-kit/field\";\nimport { FormDialog } from \"@withpotter/ui-kit/form-dialog\";\nimport { Input } from \"@withpotter/ui-kit/input\";\nimport { Textarea } from \"@withpotter/ui-kit/textarea\";\nimport { TimeField } from \"@withpotter/ui-kit/time-field\";\nimport { useToast } from \"@withpotter/ui-kit/use-toast\";\nimport { parseMajorToMinor } from \"@withpotter/lib/money-minor\";\nimport {\n  adminPricingApi,\n  type PriceCurrency,\n  type PriceVersion,\n  type Prices,\n} from \"@withpotter/lib/admin-pricing-api\";\nimport { ChangeList } from \"./change-list\";\nimport { changeLines, currencyOrder, toMajor } from \"./price-model\";\nimport { usePricingMutation } from \"./use-pricing\";\n\nconst today = () => new Date().toISOString().slice(0, 10);\n\n/**\n * Set or change the monthly price in one form: an amount per currency, what\n * changes, when it starts, and why. Sending it asks a second admin to approve.\n */\nexport function PriceFormDialog({\n  open,\n  draft,\n  live,\n  currencies,\n  onClose,\n}: {\n  open: boolean;\n  /** The admin's own draft, if one is open. */\n  draft: PriceVersion | null;\n  live: PriceVersion | null;\n  currencies: PriceCurrency[];\n  onClose: () => void;\n}) {\n  const { toast } = useToast();\n  const from = draft ?? live;\n  const codes = currencies.map((c) => c.code).sort(currencyOrder);\n  const [typed, setTyped] = useState<Record<string, string>>(() =>\n    Object.fromEntries(codes.map((c) => [c, toMajor(from?.prices[c], c)]))\n  );\n  const [date, setDate] = useState(today);\n  const [time, setTime] = useState(\"09:00\");\n  const [reason, setReason] = useState(\"\");\n  const [openedAt] = useState(() => Date.now());\n  const start = usePricingMutation(\n    adminPricingApi.startDraft,\n    \"Could not start\"\n  );\n  const save = usePricingMutation(adminPricingApi.save, \"Not saved\");\n  const submit = usePricingMutation(adminPricingApi.submit, \"Not sent\");\n\n  const prices: Prices = {};\n  const wrong: string[] = [];\n  for (const code of codes) {\n    const text = typed[code]?.trim();\n    if (!text) continue;\n    const minor = parseMajorToMinor(text, code);\n    if (minor) prices[code] = minor;\n    else wrong.push(code);\n  }\n  const lines = changeLines(live, prices);\n  const startsAt = new Date(`${date}T${time}:00`);\n  const tooSoon = !(startsAt.getTime() > openedAt + 5 * 60_000);\n  const ready =\n    !wrong.length &&\n    Object.keys(prices).length > 0 &&\n    lines.length > 0 &&\n    !tooSoon &&\n    reason.trim().length >= 10;\n  const busy = start.isPending || save.isPending || submit.isPending;\n\n  const send = async () => {\n    try {\n      const id = draft?.id ?? (await start.mutateAsync([])).id;\n      await save.mutateAsync([id, prices]);\n      await submit.mutateAsync([id, startsAt.toISOString(), reason.trim()]);\n    } catch {\n      return; // the mutation's toast has said why\n    }\n    toast({\n      title: \"Sent for approval\",\n      description: \"A different admin must approve it.\",\n    });\n    onClose();\n  };\n\n  return (\n    <FormDialog\n      open={open}\n      title={live ? \"Change the price\" : \"Set the price\"}\n      description=\"A second admin approves it before it starts.\"\n      onClose={onClose}\n      scrollable\n      footer={\n        <>\n          <Button variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button disabled={!ready} loading={busy} onClick={() => void send()}>\n            Send for approval\n          </Button>\n        </>\n      }\n    >\n      <div className=\"flex flex-col gap-4\">\n        {codes.map((code) => (\n          <Input\n            key={code}\n            label={`Monthly price in ${code}`}\n            inputMode=\"decimal\"\n            value={typed[code] ?? \"\"}\n            onChange={(e) =>\n              setTyped((t) => ({ ...t, [code]: e.target.value }))\n            }\n            error={\n              wrong.includes(code) ? \"Enter an amount above zero\" : undefined\n            }\n          />\n        ))}\n        {lines.length > 0 && <ChangeList lines={lines} />}\n        <div className=\"grid grid-cols-2 gap-4\">\n          <Field label=\"Starts on\">\n            <DateField\n              value={date}\n              onChange={setDate}\n              min={today()}\n              error={tooSoon}\n            />\n          </Field>\n          <Field label=\"At\">\n            <TimeField\n              value={time}\n              onChange={setTime}\n              aria-label=\"Start time\"\n            />\n          </Field>\n        </div>\n        {tooSoon && (\n          <p className=\"m-0 text-sm text-[var(--error)]\">\n            Pick a time at least 5 minutes from now.\n          </p>\n        )}\n        <Textarea\n          label=\"Why (at least 10 characters)\"\n          value={reason}\n          onChange={(e) => setReason(e.target.value)}\n          rows={2}\n          maxLength={500}\n        />\n      </div>\n    </FormDialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/pricing/price-history.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { Panel } from "../_ui";
+import { VERSION_STATUS, formatWhen, priceLines } from "./price-model";
+import styles from "./pricing.module.css";
+function PriceHistory({ versions }) {
+  return /* @__PURE__ */ jsx(Panel, { title: "History", height: "auto", children: /* @__PURE__ */ jsxs("ul", { className: styles.history, children: [
+    versions.map((v) => /* @__PURE__ */ jsxs("li", { children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[var(--text-primary)]", children: priceLines(v.prices).join(" \xB7 ") || "No price" }),
+      /* @__PURE__ */ jsx(
+        StatusBadge,
+        {
+          status: VERSION_STATUS[v.status].badge,
+          label: VERSION_STATUS[v.status].label
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-[var(--text-tertiary)]", children: v.rejectionReason ? `Rejected: ${v.rejectionReason}` : v.reason ?? formatWhen(v.createdAt) })
+    ] }, v.id)),
+    !versions.length && /* @__PURE__ */ jsx("li", { className: "text-[var(--text-tertiary)]", children: "Price changes appear here once one is proposed." })
+  ] }) });
+}
+export {
+  PriceHistory
+};
+//# sourceMappingURL=price-history.js.map

package/dist/admin/pricing/price-history.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/price-history.tsx"],"sourcesContent":["import { StatusBadge } from \"@withpotter/components/shared/status-badge\";\nimport type { PriceVersion } from \"@withpotter/lib/admin-pricing-api\";\nimport { Panel } from \"../_ui\";\nimport { VERSION_STATUS, formatWhen, priceLines } from \"./price-model\";\nimport styles from \"./pricing.module.css\";\n\n/** Every version, newest first: what it charged, where it ended up, and why. */\nexport function PriceHistory({ versions }: { versions: PriceVersion[] }) {\n  return (\n    <Panel title=\"History\" height=\"auto\">\n      <ul className={styles.history}>\n        {versions.map((v) => (\n          <li key={v.id}>\n            <span className=\"text-[var(--text-primary)]\">\n              {priceLines(v.prices).join(\" · \") || \"No price\"}\n            </span>\n            <StatusBadge\n              status={VERSION_STATUS[v.status].badge}\n              label={VERSION_STATUS[v.status].label}\n            />\n            <span className=\"text-[var(--text-tertiary)]\">\n              {v.rejectionReason\n                ? `Rejected: ${v.rejectionReason}`\n                : v.reason ?? formatWhen(v.createdAt)}\n            </span>\n          </li>\n        ))}\n        {!versions.length && (\n          <li className=\"text-[var(--text-tertiary)]\">\n            Price changes appear here once one is proposed.\n          </li>\n        )}\n      </ul>\n    </Panel>\n  );\n}\n"],"mappings":"AAYU,SACE,KADF;AAZV,SAAS,mBAAmB;AAE5B,SAAS,aAAa;AACtB,SAAS,gBAAgB,YAAY,kBAAkB;AACvD,OAAO,YAAY;AAGZ,SAAS,aAAa,EAAE,SAAS,GAAiC;AACvE,SACE,oBAAC,SAAM,OAAM,WAAU,QAAO,QAC5B,+BAAC,QAAG,WAAW,OAAO,SACnB;AAAA,aAAS,IAAI,CAAC,MACb,qBAAC,QACC;AAAA,0BAAC,UAAK,WAAU,8BACb,qBAAW,EAAE,MAAM,EAAE,KAAK,QAAK,KAAK,YACvC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,QAAQ,eAAe,EAAE,MAAM,EAAE;AAAA,UACjC,OAAO,eAAe,EAAE,MAAM,EAAE;AAAA;AAAA,MAClC;AAAA,MACA,oBAAC,UAAK,WAAU,+BACb,YAAE,kBACC,aAAa,EAAE,eAAe,KAC9B,EAAE,UAAU,WAAW,EAAE,SAAS,GACxC;AAAA,SAZO,EAAE,EAaX,CACD;AAAA,IACA,CAAC,SAAS,UACT,oBAAC,QAAG,WAAU,+BAA8B,6DAE5C;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/admin/pricing/price-model.js

@@ -0,0 +1,47 @@
+import { formatMinor } from "@withpotter/lib/money-minor";
+const VERSION_STATUS = {
+  draft: { badge: "draft", label: "Draft" },
+  submitted: { badge: "pending", label: "Waiting for approval" },
+  approved: { badge: "scheduled", label: "Scheduled" },
+  live: { badge: "active", label: "In force" },
+  rejected: { badge: "cancelled", label: "Rejected" },
+  withdrawn: { badge: "archived", label: "Withdrawn" },
+  superseded: { badge: "archived", label: "Replaced" }
+};
+const dateTime = new Intl.DateTimeFormat("en-GB", {
+  day: "numeric",
+  month: "short",
+  year: "numeric",
+  hour: "2-digit",
+  minute: "2-digit"
+});
+const formatWhen = (iso) => iso ? dateTime.format(new Date(iso)) : "\u2013";
+const currencyOrder = (a, b) => a === "NGN" ? -1 : b === "NGN" ? 1 : a.localeCompare(b);
+function priceLines(prices) {
+  return Object.keys(prices).sort(currencyOrder).map((c) => `${formatMinor(prices[c], c, { trimZeros: true })} a month`);
+}
+const amount = (prices, c) => prices[c] === void 0 ? "no price" : formatMinor(prices[c], c, { trimZeros: true });
+function changeLines(before, after) {
+  const codes = [
+    .../* @__PURE__ */ new Set([...Object.keys(before?.prices ?? {}), ...Object.keys(after)])
+  ];
+  return codes.sort(currencyOrder).filter((c) => before?.prices[c] !== after[c]).map(
+    (c) => before?.prices[c] === void 0 ? `${c}: ${amount(after, c)} a month` : `${c}: ${amount(before.prices, c)} \u2192 ${amount(after, c)} a month`
+  );
+}
+function toMajor(minor, currency) {
+  if (minor === void 0) return "";
+  return formatMinor(minor, currency, { trimZeros: true }).replace(
+    /[^\d.]/g,
+    ""
+  );
+}
+export {
+  VERSION_STATUS,
+  changeLines,
+  currencyOrder,
+  formatWhen,
+  priceLines,
+  toMajor
+};
+//# sourceMappingURL=price-model.js.map

package/dist/admin/pricing/price-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/price-model.ts"],"sourcesContent":["import { formatMinor } from \"@withpotter/lib/money-minor\";\nimport type {\n  PriceVersion,\n  PriceVersionStatus,\n  Prices,\n} from \"@withpotter/lib/admin-pricing-api\";\n\n/** A version's status as a StatusBadge colour key and the word admins read. */\nexport const VERSION_STATUS: Record<\n  PriceVersionStatus,\n  { badge: string; label: string }\n> = {\n  draft: { badge: \"draft\", label: \"Draft\" },\n  submitted: { badge: \"pending\", label: \"Waiting for approval\" },\n  approved: { badge: \"scheduled\", label: \"Scheduled\" },\n  live: { badge: \"active\", label: \"In force\" },\n  rejected: { badge: \"cancelled\", label: \"Rejected\" },\n  withdrawn: { badge: \"archived\", label: \"Withdrawn\" },\n  superseded: { badge: \"archived\", label: \"Replaced\" },\n};\n\nconst dateTime = new Intl.DateTimeFormat(\"en-GB\", {\n  day: \"numeric\",\n  month: \"short\",\n  year: \"numeric\",\n  hour: \"2-digit\",\n  minute: \"2-digit\",\n});\n\n/** \"15 Oct 2026, 08:24\", or a dash. */\nexport const formatWhen = (iso: string | null) =>\n  iso ? dateTime.format(new Date(iso)) : \"–\";\n\n/** NGN first, then the rest by code. */\nexport const currencyOrder = (a: string, b: string) =>\n  a === \"NGN\" ? -1 : b === \"NGN\" ? 1 : a.localeCompare(b);\n\n/** One \"₦15,000 a month\" per currency, never added across them. */\nexport function priceLines(prices: Prices): string[] {\n  return Object.keys(prices)\n    .sort(currencyOrder)\n    .map((c) => `${formatMinor(prices[c], c, { trimZeros: true })} a month`);\n}\n\nconst amount = (prices: Prices, c: string) =>\n  prices[c] === undefined\n    ? \"no price\"\n    : formatMinor(prices[c], c, { trimZeros: true });\n\n/** What a change does, line by line, for the author and the approver. */\nexport function changeLines(\n  before: PriceVersion | null,\n  after: Prices\n): string[] {\n  const codes = [\n    ...new Set([...Object.keys(before?.prices ?? {}), ...Object.keys(after)]),\n  ];\n\n  return codes\n    .sort(currencyOrder)\n    .filter((c) => before?.prices[c] !== after[c])\n    .map((c) =>\n      before?.prices[c] === undefined\n        ? `${c}: ${amount(after, c)} a month`\n        : `${c}: ${amount(before.prices, c)} → ${amount(after, c)} a month`\n    );\n}\n\n/** Minor units back to what a person types: \"1500000\" NGN is \"15000\". */\nexport function toMajor(minor: string | undefined, currency: string): string {\n  if (minor === undefined) return \"\";\n\n  return formatMinor(minor, currency, { trimZeros: true }).replace(\n    /[^\\d.]/g,\n    \"\"\n  );\n}\n"],"mappings":"AAAA,SAAS,mBAAmB;AAQrB,MAAM,iBAGT;AAAA,EACF,OAAO,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,EACxC,WAAW,EAAE,OAAO,WAAW,OAAO,uBAAuB;AAAA,EAC7D,UAAU,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,EACnD,MAAM,EAAE,OAAO,UAAU,OAAO,WAAW;AAAA,EAC3C,UAAU,EAAE,OAAO,aAAa,OAAO,WAAW;AAAA,EAClD,WAAW,EAAE,OAAO,YAAY,OAAO,YAAY;AAAA,EACnD,YAAY,EAAE,OAAO,YAAY,OAAO,WAAW;AACrD;AAEA,MAAM,WAAW,IAAI,KAAK,eAAe,SAAS;AAAA,EAChD,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAGM,MAAM,aAAa,CAAC,QACzB,MAAM,SAAS,OAAO,IAAI,KAAK,GAAG,CAAC,IAAI;AAGlC,MAAM,gBAAgB,CAAC,GAAW,MACvC,MAAM,QAAQ,KAAK,MAAM,QAAQ,IAAI,EAAE,cAAc,CAAC;AAGjD,SAAS,WAAW,QAA0B;AACnD,SAAO,OAAO,KAAK,MAAM,EACtB,KAAK,aAAa,EAClB,IAAI,CAAC,MAAM,GAAG,YAAY,OAAO,CAAC,GAAG,GAAG,EAAE,WAAW,KAAK,CAAC,CAAC,UAAU;AAC3E;AAEA,MAAM,SAAS,CAAC,QAAgB,MAC9B,OAAO,CAAC,MAAM,SACV,aACA,YAAY,OAAO,CAAC,GAAG,GAAG,EAAE,WAAW,KAAK,CAAC;AAG5C,SAAS,YACd,QACA,OACU;AACV,QAAM,QAAQ;AAAA,IACZ,GAAG,oBAAI,IAAI,CAAC,GAAG,OAAO,KAAK,QAAQ,UAAU,CAAC,CAAC,GAAG,GAAG,OAAO,KAAK,KAAK,CAAC,CAAC;AAAA,EAC1E;AAEA,SAAO,MACJ,KAAK,aAAa,EAClB,OAAO,CAAC,MAAM,QAAQ,OAAO,CAAC,MAAM,MAAM,CAAC,CAAC,EAC5C;AAAA,IAAI,CAAC,MACJ,QAAQ,OAAO,CAAC,MAAM,SAClB,GAAG,CAAC,KAAK,OAAO,OAAO,CAAC,CAAC,aACzB,GAAG,CAAC,KAAK,OAAO,OAAO,QAAQ,CAAC,CAAC,WAAM,OAAO,OAAO,CAAC,CAAC;AAAA,EAC7D;AACJ;AAGO,SAAS,QAAQ,OAA2B,UAA0B;AAC3E,MAAI,UAAU,OAAW,QAAO;AAEhC,SAAO,YAAY,OAAO,UAAU,EAAE,WAAW,KAAK,CAAC,EAAE;AAAA,IACvD;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/admin/pricing/price-review.js

@@ -0,0 +1,104 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Banner } from "@withpotter/ui-kit/banner";
+import { Button } from "@withpotter/ui-kit/button";
+import { useConfirm } from "@withpotter/ui-kit/confirm-dialog";
+import { Textarea } from "@withpotter/ui-kit/textarea";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+import {
+  adminPricingApi
+} from "@withpotter/lib/admin-pricing-api";
+import { ChangeList } from "./change-list";
+import { changeLines, formatWhen } from "./price-model";
+import { usePricingMutation, usePricingPermissions } from "./use-pricing";
+const OWN = "You proposed this change. A different admin must review it.";
+function PriceReview({
+  change,
+  live
+}) {
+  const confirm = useConfirm();
+  const { toast } = useToast();
+  const { adminId, approveHint } = usePricingPermissions();
+  const [reason, setReason] = useState("");
+  const approve = usePricingMutation(adminPricingApi.approve, "Not approved");
+  const reject = usePricingMutation(adminPricingApi.reject, "Not rejected");
+  const withdraw = usePricingMutation(
+    adminPricingApi.withdraw,
+    "Not withdrawn"
+  );
+  const own = change.proposedBy === adminId;
+  const decide = async (yes) => {
+    const ok = await confirm({
+      title: yes ? "Approve this price change?" : "Reject this price change?",
+      description: yes ? `It becomes the price from ${formatWhen(change.effectiveFrom)}.` : "It goes back to its author with your reason.",
+      confirmLabel: yes ? "Approve" : "Reject",
+      tone: yes ? void 0 : "danger"
+    });
+    if (!ok) return;
+    try {
+      if (yes) await approve.mutateAsync([change.id]);
+      else await reject.mutateAsync([change.id, reason.trim()]);
+    } catch {
+      return;
+    }
+    toast({ title: yes ? "Price change approved" : "Price change rejected" });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx(ChangeList, { lines: changeLines(live, change.prices) }),
+    /* @__PURE__ */ jsxs("p", { className: "m-0 text-sm text-[var(--text-secondary)]", children: [
+      "Starts ",
+      formatWhen(change.effectiveFrom),
+      ". Why: ",
+      change.reason ?? "\u2013"
+    ] }),
+    own ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Banner, { tone: "info", children: OWN }),
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          loading: withdraw.isPending,
+          onClick: () => void withdraw.mutateAsync([change.id]).catch(() => void 0),
+          children: "Withdraw"
+        }
+      ) })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          label: "Reason to reject (at least 10 characters)",
+          value: reason,
+          onChange: (e) => setReason(e.target.value),
+          rows: 2,
+          maxLength: 500
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            disabled: reason.trim().length < 10,
+            loading: reject.isPending,
+            onClick: () => void decide(false),
+            children: "Reject"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            title: approveHint,
+            loading: approve.isPending,
+            onClick: () => void decide(true),
+            children: "Approve"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  PriceReview
+};
+//# sourceMappingURL=price-review.js.map

package/dist/admin/pricing/price-review.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/price-review.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Banner } from \"@withpotter/ui-kit/banner\";\nimport { Button } from \"@withpotter/ui-kit/button\";\nimport { useConfirm } from \"@withpotter/ui-kit/confirm-dialog\";\nimport { Textarea } from \"@withpotter/ui-kit/textarea\";\nimport { useToast } from \"@withpotter/ui-kit/use-toast\";\nimport {\n  adminPricingApi,\n  type PriceVersion,\n} from \"@withpotter/lib/admin-pricing-api\";\nimport { ChangeList } from \"./change-list\";\nimport { changeLines, formatWhen } from \"./price-model\";\nimport { usePricingMutation, usePricingPermissions } from \"./use-pricing\";\n\nconst OWN = \"You proposed this change. A different admin must review it.\";\n\n/** A submitted price change: a reviewer approves or rejects; never its author. */\nexport function PriceReview({\n  change,\n  live,\n}: {\n  change: PriceVersion;\n  live: PriceVersion | null;\n}) {\n  const confirm = useConfirm();\n  const { toast } = useToast();\n  const { adminId, approveHint } = usePricingPermissions();\n  const [reason, setReason] = useState(\"\");\n  const approve = usePricingMutation(adminPricingApi.approve, \"Not approved\");\n  const reject = usePricingMutation(adminPricingApi.reject, \"Not rejected\");\n  const withdraw = usePricingMutation(\n    adminPricingApi.withdraw,\n    \"Not withdrawn\"\n  );\n  const own = change.proposedBy === adminId;\n\n  const decide = async (yes: boolean) => {\n    const ok = await confirm({\n      title: yes ? \"Approve this price change?\" : \"Reject this price change?\",\n      description: yes\n        ? `It becomes the price from ${formatWhen(change.effectiveFrom)}.`\n        : \"It goes back to its author with your reason.\",\n      confirmLabel: yes ? \"Approve\" : \"Reject\",\n      tone: yes ? undefined : \"danger\",\n    });\n    if (!ok) return;\n    try {\n      if (yes) await approve.mutateAsync([change.id]);\n      else await reject.mutateAsync([change.id, reason.trim()]);\n    } catch {\n      return;\n    }\n    toast({ title: yes ? \"Price change approved\" : \"Price change rejected\" });\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <ChangeList lines={changeLines(live, change.prices)} />\n      <p className=\"m-0 text-sm text-[var(--text-secondary)]\">\n        Starts {formatWhen(change.effectiveFrom)}. Why: {change.reason ?? \"–\"}\n      </p>\n      {own ? (\n        <>\n          <Banner tone=\"info\">{OWN}</Banner>\n          <div>\n            <Button\n              variant=\"secondary\"\n              loading={withdraw.isPending}\n              onClick={() =>\n                void withdraw.mutateAsync([change.id]).catch(() => undefined)\n              }\n            >\n              Withdraw\n            </Button>\n          </div>\n        </>\n      ) : (\n        <>\n          <Textarea\n            label=\"Reason to reject (at least 10 characters)\"\n            value={reason}\n            onChange={(e) => setReason(e.target.value)}\n            rows={2}\n            maxLength={500}\n          />\n          <div className=\"flex gap-2\">\n            <Button\n              variant=\"secondary\"\n              disabled={reason.trim().length < 10}\n              loading={reject.isPending}\n              onClick={() => void decide(false)}\n            >\n              Reject\n            </Button>\n            <Button\n              title={approveHint}\n              loading={approve.isPending}\n              onClick={() => void decide(true)}\n            >\n              Approve\n            </Button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA2DM,SAKE,UALF,KACA,YADA;AAzDN,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,kBAAkB;AAC3B,SAAS,aAAa,kBAAkB;AACxC,SAAS,oBAAoB,6BAA6B;AAE1D,MAAM,MAAM;AAGL,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,EAAE,SAAS,YAAY,IAAI,sBAAsB;AACvD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,UAAU,mBAAmB,gBAAgB,SAAS,cAAc;AAC1E,QAAM,SAAS,mBAAmB,gBAAgB,QAAQ,cAAc;AACxE,QAAM,WAAW;AAAA,IACf,gBAAgB;AAAA,IAChB;AAAA,EACF;AACA,QAAM,MAAM,OAAO,eAAe;AAElC,QAAM,SAAS,OAAO,QAAiB;AACrC,UAAM,KAAK,MAAM,QAAQ;AAAA,MACvB,OAAO,MAAM,+BAA+B;AAAA,MAC5C,aAAa,MACT,6BAA6B,WAAW,OAAO,aAAa,CAAC,MAC7D;AAAA,MACJ,cAAc,MAAM,YAAY;AAAA,MAChC,MAAM,MAAM,SAAY;AAAA,IAC1B,CAAC;AACD,QAAI,CAAC,GAAI;AACT,QAAI;AACF,UAAI,IAAK,OAAM,QAAQ,YAAY,CAAC,OAAO,EAAE,CAAC;AAAA,UACzC,OAAM,OAAO,YAAY,CAAC,OAAO,IAAI,OAAO,KAAK,CAAC,CAAC;AAAA,IAC1D,QAAQ;AACN;AAAA,IACF;AACA,UAAM,EAAE,OAAO,MAAM,0BAA0B,wBAAwB,CAAC;AAAA,EAC1E;AAEA,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA,wBAAC,cAAW,OAAO,YAAY,MAAM,OAAO,MAAM,GAAG;AAAA,IACrD,qBAAC,OAAE,WAAU,4CAA2C;AAAA;AAAA,MAC9C,WAAW,OAAO,aAAa;AAAA,MAAE;AAAA,MAAQ,OAAO,UAAU;AAAA,OACpE;AAAA,IACC,MACC,iCACE;AAAA,0BAAC,UAAO,MAAK,QAAQ,eAAI;AAAA,MACzB,oBAAC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,SAAS;AAAA,UAClB,SAAS,MACP,KAAK,SAAS,YAAY,CAAC,OAAO,EAAE,CAAC,EAAE,MAAM,MAAM,MAAS;AAAA,UAE/D;AAAA;AAAA,MAED,GACF;AAAA,OACF,IAEA,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,UACzC,MAAM;AAAA,UACN,WAAW;AAAA;AAAA,MACb;AAAA,MACA,qBAAC,SAAI,WAAU,cACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAU,OAAO,KAAK,EAAE,SAAS;AAAA,YACjC,SAAS,OAAO;AAAA,YAChB,SAAS,MAAM,KAAK,OAAO,KAAK;AAAA,YACjC;AAAA;AAAA,QAED;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,SAAS,QAAQ;AAAA,YACjB,SAAS,MAAM,KAAK,OAAO,IAAI;AAAA,YAChC;AAAA;AAAA,QAED;AAAA,SACF;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/pricing/price-tab.js

@@ -0,0 +1,101 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@withpotter/ui-kit/button";
+import { useConfirm } from "@withpotter/ui-kit/confirm-dialog";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { adminPricingApi } from "@withpotter/lib/admin-pricing-api";
+import { AdmLoading, Panel } from "../_ui";
+import { LoadFailed } from "../audit/load-failed";
+import { PriceFormDialog } from "./price-form-dialog";
+import { PriceHistory } from "./price-history";
+import { VERSION_STATUS, formatWhen, priceLines } from "./price-model";
+import { PriceReview } from "./price-review";
+import {
+  usePriceOverview,
+  usePricingMutation,
+  usePricingPermissions
+} from "./use-pricing";
+import styles from "./pricing.module.css";
+function PriceTab() {
+  const { data, isLoading, isError, refetch } = usePriceOverview();
+  const { adminId, proposeHint } = usePricingPermissions();
+  const confirm = useConfirm();
+  const [editing, setEditing] = useState(false);
+  const withdraw = usePricingMutation(
+    adminPricingApi.withdraw,
+    "Not discarded"
+  );
+  if (isError) {
+    return /* @__PURE__ */ jsx(
+      LoadFailed,
+      {
+        message: "The price could not be loaded.",
+        onRetry: () => void refetch()
+      }
+    );
+  }
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading pricing\u2026" });
+  const { live, open } = data;
+  const ownDraft = open?.status === "draft" && open.proposedBy === adminId ? open : null;
+  const draftElsewhere = open?.status === "draft" && !ownDraft;
+  const discard = async () => {
+    const ok = await confirm({
+      title: "Discard this draft?",
+      confirmLabel: "Discard",
+      tone: "danger"
+    });
+    if (ok && ownDraft)
+      await withdraw.mutateAsync([ownDraft.id]).catch(() => void 0);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
+      /* @__PURE__ */ jsx(Panel, { title: "Monthly subscription", height: "auto", children: /* @__PURE__ */ jsxs("div", { className: styles.hero, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: styles.big, children: live ? priceLines(live.prices).map((l) => /* @__PURE__ */ jsx("span", { children: l }, l)) : "No price set" }),
+          /* @__PURE__ */ jsx("p", { className: styles.muted, children: live ? `In force since ${formatWhen(live.effectiveFrom)}` : "Merchants are not charged." })
+        ] }),
+        (!open || ownDraft) && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          ownDraft && /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => void discard(), children: "Discard draft" }),
+          /* @__PURE__ */ jsx(Button, { title: proposeHint, onClick: () => setEditing(true), children: ownDraft ? "Continue" : live ? "Change the price" : "Set the price" })
+        ] })
+      ] }) }),
+      open && open.status !== "draft" && /* @__PURE__ */ jsx(
+        Panel,
+        {
+          title: open.status === "submitted" ? "Waiting for approval" : "Scheduled",
+          height: "auto",
+          action: /* @__PURE__ */ jsx(
+            StatusBadge,
+            {
+              status: VERSION_STATUS[open.status].badge,
+              label: VERSION_STATUS[open.status].label
+            }
+          ),
+          children: open.status === "submitted" ? /* @__PURE__ */ jsx(PriceReview, { change: open, live }, open.id) : /* @__PURE__ */ jsxs("p", { className: styles.muted, children: [
+            "Approved. It becomes the price ",
+            formatWhen(open.effectiveFrom),
+            "."
+          ] })
+        }
+      ),
+      draftElsewhere && /* @__PURE__ */ jsx("p", { className: styles.muted, children: "Another admin is drafting a price change." }),
+      /* @__PURE__ */ jsx(PriceHistory, { versions: data.versions })
+    ] }),
+    /* @__PURE__ */ jsx(
+      PriceFormDialog,
+      {
+        open: editing,
+        draft: ownDraft,
+        live,
+        currencies: data.currencies,
+        onClose: () => setEditing(false)
+      },
+      editing ? `open-${ownDraft?.id ?? "new"}` : "closed"
+    )
+  ] });
+}
+export {
+  PriceTab
+};
+//# sourceMappingURL=price-tab.js.map

package/dist/admin/pricing/price-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/price-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Button } from \"@withpotter/ui-kit/button\";\nimport { useConfirm } from \"@withpotter/ui-kit/confirm-dialog\";\nimport { StatusBadge } from \"@withpotter/components/shared/status-badge\";\nimport { adminPricingApi } from \"@withpotter/lib/admin-pricing-api\";\nimport { AdmLoading, Panel } from \"../_ui\";\nimport { LoadFailed } from \"../audit/load-failed\";\nimport { PriceFormDialog } from \"./price-form-dialog\";\nimport { PriceHistory } from \"./price-history\";\nimport { VERSION_STATUS, formatWhen, priceLines } from \"./price-model\";\nimport { PriceReview } from \"./price-review\";\nimport {\n  usePriceOverview,\n  usePricingMutation,\n  usePricingPermissions,\n} from \"./use-pricing\";\nimport styles from \"./pricing.module.css\";\n\n/**\n * The one Olive merchant subscription price: what it is now, one button to\n * change it, the change waiting for a second admin, and every past version.\n * Box's platform-fee screen, cut down to one price.\n */\nexport function PriceTab() {\n  const { data, isLoading, isError, refetch } = usePriceOverview();\n  const { adminId, proposeHint } = usePricingPermissions();\n  const confirm = useConfirm();\n  const [editing, setEditing] = useState(false);\n  const withdraw = usePricingMutation(\n    adminPricingApi.withdraw,\n    \"Not discarded\"\n  );\n\n  if (isError) {\n    return (\n      <LoadFailed\n        message=\"The price could not be loaded.\"\n        onRetry={() => void refetch()}\n      />\n    );\n  }\n\n  if (isLoading || !data) return <AdmLoading label=\"Loading pricing…\" />;\n\n  const { live, open } = data;\n  const ownDraft =\n    open?.status === \"draft\" && open.proposedBy === adminId ? open : null;\n  const draftElsewhere = open?.status === \"draft\" && !ownDraft;\n\n  const discard = async () => {\n    const ok = await confirm({\n      title: \"Discard this draft?\",\n      confirmLabel: \"Discard\",\n      tone: \"danger\",\n    });\n    if (ok && ownDraft)\n      await withdraw.mutateAsync([ownDraft.id]).catch(() => undefined);\n  };\n\n  return (\n    <>\n      <div className={styles.stack}>\n        <Panel title=\"Monthly subscription\" height=\"auto\">\n          <div className={styles.hero}>\n            <div>\n              <p className={styles.big}>\n                {live\n                  ? priceLines(live.prices).map((l) => <span key={l}>{l}</span>)\n                  : \"No price set\"}\n              </p>\n              <p className={styles.muted}>\n                {live\n                  ? `In force since ${formatWhen(live.effectiveFrom)}`\n                  : \"Merchants are not charged.\"}\n              </p>\n            </div>\n            {(!open || ownDraft) && (\n              <div className=\"flex gap-2\">\n                {ownDraft && (\n                  <Button variant=\"secondary\" onClick={() => void discard()}>\n                    Discard draft\n                  </Button>\n                )}\n                <Button title={proposeHint} onClick={() => setEditing(true)}>\n                  {ownDraft\n                    ? \"Continue\"\n                    : live\n                    ? \"Change the price\"\n                    : \"Set the price\"}\n                </Button>\n              </div>\n            )}\n          </div>\n        </Panel>\n\n        {open && open.status !== \"draft\" && (\n          <Panel\n            title={\n              open.status === \"submitted\" ? \"Waiting for approval\" : \"Scheduled\"\n            }\n            height=\"auto\"\n            action={\n              <StatusBadge\n                status={VERSION_STATUS[open.status].badge}\n                label={VERSION_STATUS[open.status].label}\n              />\n            }\n          >\n            {open.status === \"submitted\" ? (\n              <PriceReview key={open.id} change={open} live={live} />\n            ) : (\n              <p className={styles.muted}>\n                Approved. It becomes the price {formatWhen(open.effectiveFrom)}.\n              </p>\n            )}\n          </Panel>\n        )}\n        {draftElsewhere && (\n          <p className={styles.muted}>\n            Another admin is drafting a price change.\n          </p>\n        )}\n\n        <PriceHistory versions={data.versions} />\n      </div>\n\n      <PriceFormDialog\n        key={editing ? `open-${ownDraft?.id ?? \"new\"}` : \"closed\"}\n        open={editing}\n        draft={ownDraft}\n        live={live}\n        currencies={data.currencies}\n        onClose={() => setEditing(false)}\n      />\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/pricing/pricing-tabs.js

@@ -0,0 +1,28 @@
+const PRICING_TABS = [
+  { id: "plans", label: "Plans" },
+  { id: "features", label: "Features" },
+  { id: "display", label: "Display" },
+  { id: "subscriptions", label: "Subscriptions" },
+  { id: "approvals", label: "Approvals" },
+  { id: "price", label: "Base price" }
+];
+const PRICING_TAB_KEYS = PRICING_TABS.map((t) => t.id);
+function pricingTab(value) {
+  return PRICING_TAB_KEYS.find((key) => key === value) ?? "plans";
+}
+function pricingTabHref(tab) {
+  return tab === "plans" ? "/admin/pricing" : `/admin/pricing?tab=${tab}`;
+}
+function tabsWithCounts(waiting) {
+  return PRICING_TABS.map(
+    (tab) => tab.id === "approvals" && waiting > 0 ? { ...tab, count: waiting } : tab
+  );
+}
+export {
+  PRICING_TABS,
+  PRICING_TAB_KEYS,
+  pricingTab,
+  pricingTabHref,
+  tabsWithCounts
+};
+//# sourceMappingURL=pricing-tabs.js.map

package/dist/admin/pricing/pricing-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/pricing-tabs.ts"],"sourcesContent":["/**\n * Pricing's six tabs, in the order the user asked for. The tab lives in\n * `?tab=`; Base price keeps the id `price` so links made before plans\n * existed still open it.\n */\nexport const PRICING_TABS = [\n  { id: \"plans\", label: \"Plans\" },\n  { id: \"features\", label: \"Features\" },\n  { id: \"display\", label: \"Display\" },\n  { id: \"subscriptions\", label: \"Subscriptions\" },\n  { id: \"approvals\", label: \"Approvals\" },\n  { id: \"price\", label: \"Base price\" },\n] as const;\n\nexport type PricingTab = (typeof PRICING_TABS)[number][\"id\"];\n\nexport const PRICING_TAB_KEYS: PricingTab[] = PRICING_TABS.map((t) => t.id);\n\n/** The tab a `?tab=` value opens: unknown or missing is Plans. */\nexport function pricingTab(value: string | null | undefined): PricingTab {\n  return PRICING_TAB_KEYS.find((key) => key === value) ?? \"plans\";\n}\n\n/** A link to one tab; Plans is the bare page. */\nexport function pricingTabHref(tab: PricingTab): string {\n  return tab === \"plans\" ? \"/admin/pricing\" : `/admin/pricing?tab=${tab}`;\n}\n\n/** The tabs with how many changes wait in Approvals, when any do. */\nexport function tabsWithCounts(waiting: number) {\n  return PRICING_TABS.map(\n    (tab): { id: PricingTab; label: string; count?: number } =>\n      tab.id === \"approvals\" && waiting > 0 ? { ...tab, count: waiting } : tab\n  );\n}\n"],"mappings":"AAKO,MAAM,eAAe;AAAA,EAC1B,EAAE,IAAI,SAAS,OAAO,QAAQ;AAAA,EAC9B,EAAE,IAAI,YAAY,OAAO,WAAW;AAAA,EACpC,EAAE,IAAI,WAAW,OAAO,UAAU;AAAA,EAClC,EAAE,IAAI,iBAAiB,OAAO,gBAAgB;AAAA,EAC9C,EAAE,IAAI,aAAa,OAAO,YAAY;AAAA,EACtC,EAAE,IAAI,SAAS,OAAO,aAAa;AACrC;AAIO,MAAM,mBAAiC,aAAa,IAAI,CAAC,MAAM,EAAE,EAAE;AAGnE,SAAS,WAAW,OAA8C;AACvE,SAAO,iBAAiB,KAAK,CAAC,QAAQ,QAAQ,KAAK,KAAK;AAC1D;AAGO,SAAS,eAAe,KAAyB;AACtD,SAAO,QAAQ,UAAU,mBAAmB,sBAAsB,GAAG;AACvE;AAGO,SAAS,eAAe,SAAiB;AAC9C,SAAO,aAAa;AAAA,IAClB,CAAC,QACC,IAAI,OAAO,eAAe,UAAU,IAAI,EAAE,GAAG,KAAK,OAAO,QAAQ,IAAI;AAAA,EACzE;AACF;","names":[]}