@withpotter/components 0.13.0-next.101

package/dist/discount-editor/discount-performance.js

@@ -0,0 +1,101 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { TableRow, TableShell, Th } from "@withpotter/ui-kit/table-shell";
+import { formatDate } from "@withpotter/components/features/discounts/discount-helpers";
+function DiscountPerformance({
+  analytics,
+  formatCurrency
+}) {
+  if (!analytics.totalUses) {
+    return /* @__PURE__ */ jsxs("section", { className: "surface p-4", children: [
+      /* @__PURE__ */ jsx("h2", { className: "mb-2 text-sm font-medium text-[var(--text-primary)]", children: "Performance" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)]", children: "Nobody has used this code yet. Once someone checks out with it, what it earned shows up here." })
+    ] });
+  }
+  const rows = [
+    { label: "Redemptions", value: analytics.totalUses.toLocaleString() },
+    {
+      label: "Revenue it brought in",
+      value: formatCurrency(analytics.totalRevenue)
+    },
+    {
+      label: "Given away in discount",
+      value: formatCurrency(analytics.totalSavings)
+    },
+    {
+      label: "Average order",
+      value: formatCurrency(analytics.averageOrderValue)
+    },
+    {
+      label: "Customers who used it",
+      value: analytics.uniqueCustomers.toLocaleString()
+    }
+  ];
+  const recent = analytics.orders.slice(0, 8);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("section", { className: "surface p-4", children: [
+      /* @__PURE__ */ jsx("h2", { className: "mb-4 text-sm font-medium text-[var(--text-primary)]", children: "Performance" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-3 text-sm", children: rows.map((r) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-start justify-between gap-4",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[var(--text-tertiary)]", children: r.label }),
+            /* @__PURE__ */ jsx("span", { className: "text-right font-medium tabular-nums text-[var(--text-primary)]", children: r.value })
+          ]
+        },
+        r.label
+      )) })
+    ] }),
+    recent.length > 0 && /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-baseline justify-between gap-3", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-medium text-[var(--text-primary)]", children: "Orders that used it" }),
+        analytics.orders.length > recent.length && /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--text-tertiary)]", children: [
+          "Showing ",
+          recent.length,
+          " of",
+          " ",
+          analytics.orders.length.toLocaleString()
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        TableShell,
+        {
+          minWidth: 620,
+          head: /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx(Th, { children: "Order" }),
+            /* @__PURE__ */ jsx(Th, { children: "Customer" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "Total" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "Discount" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "Date" }),
+            /* @__PURE__ */ jsx(Th, { children: "Status" })
+          ] }),
+          children: recent.map((o) => /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+              Link,
+              {
+                href: `/dashboard/orders/${o.id}`,
+                className: "text-sm font-medium text-[var(--text-primary)] hover:text-brand-500",
+                children: o.orderNumber
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: "max-w-[200px]", children: /* @__PURE__ */ jsx("span", { className: "block truncate text-sm text-[var(--text-secondary)]", children: o.customerName || o.customerEmail || "Guest" }) }),
+            /* @__PURE__ */ jsx("td", { className: "text-right text-sm tabular-nums text-[var(--text-primary)]", children: formatCurrency(o.total) }),
+            /* @__PURE__ */ jsxs("td", { className: "text-right text-sm tabular-nums text-[var(--text-secondary)]", children: [
+              "\u2212",
+              formatCurrency(o.discountAmount)
+            ] }),
+            /* @__PURE__ */ jsx("td", { className: "text-right text-sm tabular-nums text-[var(--text-tertiary)]", children: formatDate(o.createdAt) }),
+            /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(StatusBadge, { status: o.status }) })
+          ] }, o.id))
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  DiscountPerformance
+};
+//# sourceMappingURL=discount-performance.js.map

package/dist/discount-editor/discount-performance.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/discount-editor/discount-performance.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { StatusBadge } from '@withpotter/components/shared/status-badge';\nimport { TableRow, TableShell, Th } from '@withpotter/ui-kit/table-shell';\nimport type { DiscountAnalytics } from '@withpotter/lib/api/types';\nimport { formatDate } from '@withpotter/components/features/discounts/discount-helpers';\n\n/**\n * What the code actually earned.\n *\n * `GET /discounts/:id/analytics` has returned all of this from the start —\n * uses, savings, revenue driven, unique customers and the orders that redeemed\n * it — and nothing rendered a line of it. Opening a discount showed you what\n * you had typed into the form, which is why there was never anything worth\n * measuring at the top of the list: the measurement belongs to the record, not\n * to the index above it.\n *\n * Written as rows in the same definition-list frame the rest of this record\n * uses, rather than a tile grid. \"Total discounted\" is the cost side and reads\n * beside the revenue it bought, because one without the other is half a\n * sentence.\n */\nexport function DiscountPerformance({\n  analytics,\n  formatCurrency,\n}: {\n  analytics: DiscountAnalytics;\n  formatCurrency: (n: number) => string;\n}) {\n  // Nothing has been redeemed yet: say so once, plainly, instead of laying out\n  // five rows of zeros.\n  if (!analytics.totalUses) {\n    return (\n      <section className=\"surface p-4\">\n        <h2 className=\"mb-2 text-sm font-medium text-[var(--text-primary)]\">\n          Performance\n        </h2>\n        <p className=\"text-sm text-[var(--text-tertiary)]\">\n          Nobody has used this code yet. Once someone checks out with it, what\n          it earned shows up here.\n        </p>\n      </section>\n    );\n  }\n\n  const rows: { label: string; value: string }[] = [\n    { label: 'Redemptions', value: analytics.totalUses.toLocaleString() },\n    {\n      label: 'Revenue it brought in',\n      value: formatCurrency(analytics.totalRevenue),\n    },\n    {\n      label: 'Given away in discount',\n      value: formatCurrency(analytics.totalSavings),\n    },\n    {\n      label: 'Average order',\n      value: formatCurrency(analytics.averageOrderValue),\n    },\n    {\n      label: 'Customers who used it',\n      value: analytics.uniqueCustomers.toLocaleString(),\n    },\n  ];\n\n  // Newest first, capped — this is the record's evidence, not the orders list.\n  // The cap is stated in the link rather than left as a silent truncation.\n  const recent = analytics.orders.slice(0, 8);\n\n  return (\n    <>\n      <section className=\"surface p-4\">\n        <h2 className=\"mb-4 text-sm font-medium text-[var(--text-primary)]\">\n          Performance\n        </h2>\n        <div className=\"space-y-3 text-sm\">\n          {rows.map((r) => (\n            <div\n              key={r.label}\n              className=\"flex items-start justify-between gap-4\"\n            >\n              <span className=\"shrink-0 text-[var(--text-tertiary)]\">\n                {r.label}\n              </span>\n              <span className=\"text-right font-medium tabular-nums text-[var(--text-primary)]\">\n                {r.value}\n              </span>\n            </div>\n          ))}\n        </div>\n      </section>\n\n      {recent.length > 0 && (\n        <section>\n          <div className=\"mb-3 flex items-baseline justify-between gap-3\">\n            <h2 className=\"text-sm font-medium text-[var(--text-primary)]\">\n              Orders that used it\n            </h2>\n            {analytics.orders.length > recent.length && (\n              <span className=\"text-xs text-[var(--text-tertiary)]\">\n                Showing {recent.length} of{' '}\n                {analytics.orders.length.toLocaleString()}\n              </span>\n            )}\n          </div>\n          <TableShell\n            minWidth={620}\n            head={\n              <tr>\n                <Th>Order</Th>\n                <Th>Customer</Th>\n                <Th align=\"right\">Total</Th>\n                <Th align=\"right\">Discount</Th>\n                <Th align=\"right\">Date</Th>\n                <Th>Status</Th>\n              </tr>\n            }\n          >\n            {recent.map((o) => (\n              <TableRow key={o.id}>\n                <td>\n                  <Link\n                    href={`/dashboard/orders/${o.id}`}\n                    className=\"text-sm font-medium text-[var(--text-primary)] hover:text-brand-500\"\n                  >\n                    {o.orderNumber}\n                  </Link>\n                </td>\n                <td className=\"max-w-[200px]\">\n                  <span className=\"block truncate text-sm text-[var(--text-secondary)]\">\n                    {o.customerName || o.customerEmail || 'Guest'}\n                  </span>\n                </td>\n                <td className=\"text-right text-sm tabular-nums text-[var(--text-primary)]\">\n                  {formatCurrency(o.total)}\n                </td>\n                <td className=\"text-right text-sm tabular-nums text-[var(--text-secondary)]\">\n                  −{formatCurrency(o.discountAmount)}\n                </td>\n                <td className=\"text-right text-sm tabular-nums text-[var(--text-tertiary)]\">\n                  {formatDate(o.createdAt)}\n                </td>\n                <td>\n                  <StatusBadge status={o.status} />\n                </td>\n              </TableRow>\n            ))}\n          </TableShell>\n        </section>\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/discount-editor/index.d.ts

@@ -0,0 +1,2 @@
+export { DiscountEditorPage } from './discount-editor-page';
+export { DiscountEditor } from './discount-editor';

package/dist/discount-editor/index.js

@@ -0,0 +1,7 @@
+import { DiscountEditorPage } from "./discount-editor-page";
+import { DiscountEditor } from "./discount-editor";
+export {
+  DiscountEditor,
+  DiscountEditorPage
+};
+//# sourceMappingURL=index.js.map

package/dist/discount-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/discount-editor/index.ts"],"sourcesContent":["export { DiscountEditorPage } from './discount-editor-page';\nexport { DiscountEditor } from './discount-editor';\n"],"mappings":"AAAA,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;","names":[]}

package/dist/discount-editor/mobile-discount-editor.d.ts

@@ -0,0 +1,8 @@
+import type { useDiscountFormState } from '@withpotter/hooks/use-discount-form-state';
+type DiscountFormState = ReturnType<typeof useDiscountFormState>;
+interface MobileDiscountEditorProps {
+    state: DiscountFormState;
+    currencyCode: string;
+}
+export declare function MobileDiscountEditor({ state, currencyCode, }: MobileDiscountEditorProps): import("react").JSX.Element;
+export {};

package/dist/discount-editor/mobile-discount-editor.js

@@ -0,0 +1,390 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MobileEditorSection } from "@withpotter/components/editor-shared";
+import {
+  Type,
+  Tag,
+  Shield,
+  Settings,
+  Percent,
+  Truck,
+  Gift
+} from "lucide-react";
+import { CurrencyInput } from "@withpotter/ui-kit/currency-input";
+import { Select } from "@withpotter/ui-kit/select";
+import { Button } from "@withpotter/ui-kit/button";
+import { Input, NumberField, Textarea } from "@withpotter/ui-kit";
+const DISCOUNT_TYPES = [
+  { type: "percentage", label: "Percentage", icon: Percent },
+  { type: "fixed_amount", label: "Fixed amount", icon: Tag },
+  { type: "free_shipping", label: "Free shipping", icon: Truck },
+  { type: "buy_x_get_y", label: "Buy X get Y", icon: Gift }
+];
+function MobileDiscountEditor({
+  state,
+  currencyCode
+}) {
+  const basicSummary = state.name || "Untitled";
+  const typeSummary = DISCOUNT_TYPES.find((t) => t.type === state.discountType)?.label || "Percentage";
+  const rulesSummary = [
+    state.conditions.minOrderAmount && "Min order",
+    state.conditions.memberOnly && "Members",
+    state.conditions.firstOrderOnly && "First order",
+    state.startsAt && "Scheduled",
+    state.usageLimit && `Limit: ${state.usageLimit}`
+  ].filter(Boolean).join(", ") || "None";
+  const settingsSummary = state.status === "active" ? "Active" : state.status === "scheduled" ? "Scheduled" : "Inactive";
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 pb-32", children: [
+    /* @__PURE__ */ jsx(
+      MobileEditorSection,
+      {
+        id: "basic-info",
+        icon: Type,
+        iconTint: "bg-blue-500/10 text-blue-500",
+        label: "Basic info",
+        summary: basicSummary,
+        defaultExpanded: true,
+        children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Name" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: state.name,
+                onChange: (e) => state.setName(e.target.value),
+                placeholder: "Summer Sale 20% Off"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Description" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                value: state.description,
+                onChange: (e) => state.setDescription(e.target.value),
+                rows: 2,
+                className: "resize-none",
+                placeholder: "Optional description"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Discount code" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: state.code,
+                  onChange: (e) => state.setCode(e.target.value),
+                  placeholder: "SUMMER20",
+                  className: "font-mono"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "secondary",
+                  className: "active:bg-[var(--border-default)]",
+                  onClick: state.generateCode,
+                  children: "Generate"
+                }
+              )
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MobileEditorSection,
+      {
+        id: "discount-type",
+        icon: Tag,
+        iconTint: "bg-purple-500/10 text-purple-500",
+        label: "Discount type",
+        summary: typeSummary,
+        children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: DISCOUNT_TYPES.map(({ type, label, icon: Icon }) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => state.setDiscountType(type),
+              className: `flex items-center gap-2 p-3 border-2 rounded-ios-sm text-left transition-colors ${state.discountType === type ? "border-brand-500 bg-[var(--accent-secondary)]" : "border-[var(--border-default)] active:border-[var(--border-strong)]"}`,
+              children: [
+                /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4 flex-shrink-0" }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: label })
+              ]
+            },
+            type
+          )) }),
+          (state.discountType === "percentage" || state.discountType === "fixed_amount") && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            state.discountType === "percentage" ? /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Percentage (%)" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "number",
+                  value: state.value ?? "",
+                  onChange: (e) => state.setValue(
+                    e.target.value ? Number(e.target.value) : void 0
+                  ),
+                  min: 0,
+                  max: 100
+                }
+              )
+            ] }) : /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                label: "Amount",
+                value: state.value,
+                onChange: (v) => state.setValue(v ?? void 0),
+                currencyCode
+              }
+            ),
+            state.discountType === "percentage" && /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                label: "Max discount amount",
+                value: state.maxDiscountAmount,
+                onChange: (v) => state.setMaxDiscountAmount(v ?? void 0),
+                placeholder: "No limit",
+                currencyCode
+              }
+            )
+          ] }),
+          state.discountType === "buy_x_get_y" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Buy quantity" }),
+              /* @__PURE__ */ jsx(
+                NumberField,
+                {
+                  value: state.buyXGetYConfig?.buyQuantity,
+                  onChange: (v) => state.setBuyXGetYConfig({
+                    ...state.buyXGetYConfig || {
+                      buyQuantity: 0,
+                      getQuantity: 0
+                    },
+                    buyQuantity: v ?? 1
+                  }),
+                  min: 1,
+                  decimal: false
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Get quantity" }),
+              /* @__PURE__ */ jsx(
+                NumberField,
+                {
+                  value: state.buyXGetYConfig?.getQuantity,
+                  onChange: (v) => state.setBuyXGetYConfig({
+                    ...state.buyXGetYConfig || {
+                      buyQuantity: 0,
+                      getQuantity: 0
+                    },
+                    getQuantity: v ?? 1
+                  }),
+                  min: 1,
+                  decimal: false
+                }
+              )
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MobileEditorSection,
+      {
+        id: "rules",
+        icon: Shield,
+        iconTint: "bg-amber-500/10 text-amber-500",
+        label: "Rules",
+        summary: rulesSummary,
+        children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-[var(--text-tertiary)]", children: "Conditions" }),
+            /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                label: "Min order amount",
+                value: state.conditions.minOrderAmount,
+                onChange: (v) => state.setConditions({
+                  ...state.conditions,
+                  minOrderAmount: v ?? void 0
+                }),
+                placeholder: "No minimum",
+                currencyCode
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Min quantity" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "number",
+                  value: state.conditions.minQuantity ?? "",
+                  onChange: (e) => state.setConditions({
+                    ...state.conditions,
+                    minQuantity: e.target.value ? Number(e.target.value) : void 0
+                  }),
+                  placeholder: "No minimum",
+                  min: 0
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: "Members only" }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => state.setConditions({
+                    ...state.conditions,
+                    memberOnly: !state.conditions.memberOnly
+                  }),
+                  className: `relative w-[51px] h-[31px] rounded-full transition-colors ${state.conditions.memberOnly ? "bg-green-500" : "bg-[var(--border-default)]"}`,
+                  children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: `absolute top-[2px] left-[2px] w-[27px] h-[27px] rounded-full bg-white transition-transform ${state.conditions.memberOnly ? "translate-x-[20px]" : ""}`
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: "First order only" }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => state.setConditions({
+                    ...state.conditions,
+                    firstOrderOnly: !state.conditions.firstOrderOnly
+                  }),
+                  className: `relative w-[51px] h-[31px] rounded-full transition-colors ${state.conditions.firstOrderOnly ? "bg-green-500" : "bg-[var(--border-default)]"}`,
+                  children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: `absolute top-[2px] left-[2px] w-[27px] h-[27px] rounded-full bg-white transition-transform ${state.conditions.firstOrderOnly ? "translate-x-[20px]" : ""}`
+                    }
+                  )
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-[var(--text-tertiary)]", children: "Schedule" }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Start date" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "datetime-local",
+                  value: state.startsAt,
+                  onChange: (e) => state.setStartsAt(e.target.value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "End date" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "datetime-local",
+                  value: state.endsAt,
+                  onChange: (e) => state.setEndsAt(e.target.value)
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-[var(--text-tertiary)]", children: "Usage limits" }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Total usage limit" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "number",
+                  value: state.usageLimit ?? "",
+                  onChange: (e) => state.setUsageLimit(
+                    e.target.value ? Number(e.target.value) : void 0
+                  ),
+                  placeholder: "Unlimited",
+                  min: 0
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Per customer limit" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "number",
+                  value: state.usageLimitPerCustomer ?? "",
+                  onChange: (e) => state.setUsageLimitPerCustomer(
+                    e.target.value ? Number(e.target.value) : void 0
+                  ),
+                  placeholder: "Unlimited",
+                  min: 0
+                }
+              )
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MobileEditorSection,
+      {
+        id: "settings",
+        icon: Settings,
+        iconTint: "bg-gray-500/10 text-gray-500",
+        label: "Settings",
+        summary: settingsSummary,
+        children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Status" }),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                value: state.status,
+                onChange: (next) => state.setStatus(next),
+                options: [
+                  { value: "active", label: "Active" },
+                  { value: "inactive", label: "Inactive" },
+                  { value: "scheduled", label: "Scheduled" }
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--text-primary)]", children: "Auto apply" }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)]", children: "Apply automatically at checkout" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => state.setAutoApply(!state.autoApply),
+                className: `relative w-[51px] h-[31px] rounded-full transition-colors ${state.autoApply ? "bg-green-500" : "bg-[var(--border-default)]"}`,
+                children: /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: `absolute top-[2px] left-[2px] w-[27px] h-[27px] rounded-full bg-white transition-transform ${state.autoApply ? "translate-x-[20px]" : ""}`
+                  }
+                )
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  MobileDiscountEditor
+};
+//# sourceMappingURL=mobile-discount-editor.js.map

package/dist/discount-editor/mobile-discount-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/discount-editor/mobile-discount-editor.tsx"],"sourcesContent":["'use client';\n\nimport { MobileEditorSection } from '@withpotter/components/editor-shared';\nimport {\n  Type,\n  Tag,\n  Shield,\n  Settings,\n  Percent,\n  Truck,\n  Gift,\n} from 'lucide-react';\nimport { CurrencyInput } from '@withpotter/ui-kit/currency-input';\nimport { Select } from '@withpotter/ui-kit/select';\nimport type { useDiscountFormState } from '@withpotter/hooks/use-discount-form-state';\nimport type { DiscountType } from '@withpotter/lib/api/types';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Input, NumberField, Textarea } from '@withpotter/ui-kit';\n\ntype DiscountFormState = ReturnType<typeof useDiscountFormState>;\n\nconst DISCOUNT_TYPES: {\n  type: DiscountType;\n  label: string;\n  icon: typeof Percent;\n}[] = [\n  { type: 'percentage', label: 'Percentage', icon: Percent },\n  { type: 'fixed_amount', label: 'Fixed amount', icon: Tag },\n  { type: 'free_shipping', label: 'Free shipping', icon: Truck },\n  { type: 'buy_x_get_y', label: 'Buy X get Y', icon: Gift },\n];\n\ninterface MobileDiscountEditorProps {\n  state: DiscountFormState;\n  currencyCode: string;\n}\n\nexport function MobileDiscountEditor({\n  state,\n  currencyCode,\n}: MobileDiscountEditorProps) {\n  const basicSummary = state.name || 'Untitled';\n  const typeSummary =\n    DISCOUNT_TYPES.find((t) => t.type === state.discountType)?.label ||\n    'Percentage';\n  const rulesSummary =\n    [\n      state.conditions.minOrderAmount && 'Min order',\n      state.conditions.memberOnly && 'Members',\n      state.conditions.firstOrderOnly && 'First order',\n      state.startsAt && 'Scheduled',\n      state.usageLimit && `Limit: ${state.usageLimit}`,\n    ]\n      .filter(Boolean)\n      .join(', ') || 'None';\n  const settingsSummary =\n    state.status === 'active'\n      ? 'Active'\n      : state.status === 'scheduled'\n        ? 'Scheduled'\n        : 'Inactive';\n\n  return (\n    <div className=\"space-y-3 pb-32\">\n      {/* Basic Info Section */}\n      <MobileEditorSection\n        id=\"basic-info\"\n        icon={Type}\n        iconTint=\"bg-blue-500/10 text-blue-500\"\n        label=\"Basic info\"\n        summary={basicSummary}\n        defaultExpanded\n      >\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n              Name\n            </label>\n            <Input\n              value={state.name}\n              onChange={(e) => state.setName(e.target.value)}\n              placeholder=\"Summer Sale 20% Off\"\n            />\n          </div>\n\n          <div>\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n              Description\n            </label>\n            <Textarea\n              value={state.description}\n              onChange={(e) => state.setDescription(e.target.value)}\n              rows={2}\n              className=\"resize-none\"\n              placeholder=\"Optional description\"\n            />\n          </div>\n\n          <div>\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n              Discount code\n            </label>\n            <div className=\"flex gap-2\">\n              {/* Input brings its own wrapper, so the flex child is this div —\n                  `flex-1` on the control itself would size the input inside a\n                  wrapper that had already collapsed to its content. */}\n              <div className=\"flex-1\">\n                <Input\n                  value={state.code}\n                  onChange={(e) => state.setCode(e.target.value)}\n                  placeholder=\"SUMMER20\"\n                  className=\"font-mono\"\n                />\n              </div>\n              <Button\n                variant=\"secondary\"\n                className=\"active:bg-[var(--border-default)]\"\n                onClick={state.generateCode}\n              >\n                Generate\n              </Button>\n            </div>\n          </div>\n        </div>\n      </MobileEditorSection>\n\n      {/* Discount Type Section */}\n      <MobileEditorSection\n        id=\"discount-type\"\n        icon={Tag}\n        iconTint=\"bg-purple-500/10 text-purple-500\"\n        label=\"Discount type\"\n        summary={typeSummary}\n      >\n        <div className=\"space-y-4\">\n          <div className=\"grid grid-cols-2 gap-2\">\n            {DISCOUNT_TYPES.map(({ type, label, icon: Icon }) => (\n              <button\n                key={type}\n                type=\"button\"\n                onClick={() => state.setDiscountType(type)}\n                className={`flex items-center gap-2 p-3 border-2 rounded-ios-sm text-left transition-colors ${\n                  state.discountType === type\n                    ? 'border-brand-500 bg-[var(--accent-secondary)]'\n                    : 'border-[var(--border-default)] active:border-[var(--border-strong)]'\n                }`}\n              >\n                <Icon className=\"w-4 h-4 flex-shrink-0\" />\n                <span className=\"text-sm font-medium\">{label}</span>\n              </button>\n            ))}\n          </div>\n\n          {(state.discountType === 'percentage' ||\n            state.discountType === 'fixed_amount') && (\n            <div className=\"space-y-4\">\n              {state.discountType === 'percentage' ? (\n                <div>\n                  <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                    Percentage (%)\n                  </label>\n                  <Input\n                    type=\"number\"\n                    value={state.value ?? ''}\n                    onChange={(e) =>\n                      state.setValue(\n                        e.target.value ? Number(e.target.value) : undefined,\n                      )\n                    }\n                    min={0}\n                    max={100}\n                  />\n                </div>\n              ) : (\n                <CurrencyInput\n                  label=\"Amount\"\n                  value={state.value}\n                  onChange={(v) => state.setValue(v ?? undefined)}\n                  currencyCode={currencyCode}\n                />\n              )}\n              {state.discountType === 'percentage' && (\n                <CurrencyInput\n                  label=\"Max discount amount\"\n                  value={state.maxDiscountAmount}\n                  onChange={(v) => state.setMaxDiscountAmount(v ?? undefined)}\n                  placeholder=\"No limit\"\n                  currencyCode={currencyCode}\n                />\n              )}\n            </div>\n          )}\n\n          {state.discountType === 'buy_x_get_y' && (\n            <div className=\"grid grid-cols-2 gap-3\">\n              <div>\n                <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                  Buy quantity\n                </label>\n                <NumberField\n                  value={state.buyXGetYConfig?.buyQuantity}\n                  onChange={(v) =>\n                    state.setBuyXGetYConfig({\n                      ...(state.buyXGetYConfig || {\n                        buyQuantity: 0,\n                        getQuantity: 0,\n                      }),\n                      buyQuantity: v ?? 1,\n                    })\n                  }\n                  min={1}\n                  decimal={false}\n                />\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                  Get quantity\n                </label>\n                <NumberField\n                  value={state.buyXGetYConfig?.getQuantity}\n                  onChange={(v) =>\n                    state.setBuyXGetYConfig({\n                      ...(state.buyXGetYConfig || {\n                        buyQuantity: 0,\n                        getQuantity: 0,\n                      }),\n                      getQuantity: v ?? 1,\n                    })\n                  }\n                  min={1}\n                  decimal={false}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n      </MobileEditorSection>\n\n      {/* Rules Section */}\n      <MobileEditorSection\n        id=\"rules\"\n        icon={Shield}\n        iconTint=\"bg-amber-500/10 text-amber-500\"\n        label=\"Rules\"\n        summary={rulesSummary}\n      >\n        <div className=\"space-y-4\">\n          {/* Conditions */}\n          <div className=\"space-y-3\">\n            <p className=\"text-xs font-semibold text-[var(--text-tertiary)]\">\n              Conditions\n            </p>\n            <CurrencyInput\n              label=\"Min order amount\"\n              value={state.conditions.minOrderAmount}\n              onChange={(v) =>\n                state.setConditions({\n                  ...state.conditions,\n                  minOrderAmount: v ?? undefined,\n                })\n              }\n              placeholder=\"No minimum\"\n              currencyCode={currencyCode}\n            />\n            <div>\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                Min quantity\n              </label>\n              <Input\n                type=\"number\"\n                value={state.conditions.minQuantity ?? ''}\n                onChange={(e) =>\n                  state.setConditions({\n                    ...state.conditions,\n                    minQuantity: e.target.value\n                      ? Number(e.target.value)\n                      : undefined,\n                  })\n                }\n                placeholder=\"No minimum\"\n                min={0}\n              />\n            </div>\n\n            <div className=\"flex items-center justify-between\">\n              <p className=\"text-sm text-[var(--text-secondary)]\">\n                Members only\n              </p>\n              <button\n                type=\"button\"\n                onClick={() =>\n                  state.setConditions({\n                    ...state.conditions,\n                    memberOnly: !state.conditions.memberOnly,\n                  })\n                }\n                className={`relative w-[51px] h-[31px] rounded-full transition-colors ${\n                  state.conditions.memberOnly\n                    ? 'bg-green-500'\n                    : 'bg-[var(--border-default)]'\n                }`}\n              >\n                <span\n                  className={`absolute top-[2px] left-[2px] w-[27px] h-[27px] rounded-full bg-white transition-transform ${\n                    state.conditions.memberOnly ? 'translate-x-[20px]' : ''\n                  }`}\n                />\n              </button>\n            </div>\n\n            <div className=\"flex items-center justify-between\">\n              <p className=\"text-sm text-[var(--text-secondary)]\">\n                First order only\n              </p>\n              <button\n                type=\"button\"\n                onClick={() =>\n                  state.setConditions({\n                    ...state.conditions,\n                    firstOrderOnly: !state.conditions.firstOrderOnly,\n                  })\n                }\n                className={`relative w-[51px] h-[31px] rounded-full transition-colors ${\n                  state.conditions.firstOrderOnly\n                    ? 'bg-green-500'\n                    : 'bg-[var(--border-default)]'\n                }`}\n              >\n                <span\n                  className={`absolute top-[2px] left-[2px] w-[27px] h-[27px] rounded-full bg-white transition-transform ${\n                    state.conditions.firstOrderOnly ? 'translate-x-[20px]' : ''\n                  }`}\n                />\n              </button>\n            </div>\n          </div>\n\n          {/* Schedule */}\n          <div className=\"space-y-3\">\n            <p className=\"text-xs font-semibold text-[var(--text-tertiary)]\">\n              Schedule\n            </p>\n            <div>\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                Start date\n              </label>\n              <Input\n                type=\"datetime-local\"\n                value={state.startsAt}\n                onChange={(e) => state.setStartsAt(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                End date\n              </label>\n              <Input\n                type=\"datetime-local\"\n                value={state.endsAt}\n                onChange={(e) => state.setEndsAt(e.target.value)}\n              />\n            </div>\n          </div>\n\n          {/* Usage Limits */}\n          <div className=\"space-y-3\">\n            <p className=\"text-xs font-semibold text-[var(--text-tertiary)]\">\n              Usage limits\n            </p>\n            <div>\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                Total usage limit\n              </label>\n              <Input\n                type=\"number\"\n                value={state.usageLimit ?? ''}\n                onChange={(e) =>\n                  state.setUsageLimit(\n                    e.target.value ? Number(e.target.value) : undefined,\n                  )\n                }\n                placeholder=\"Unlimited\"\n                min={0}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                Per customer limit\n              </label>\n              <Input\n                type=\"number\"\n                value={state.usageLimitPerCustomer ?? ''}\n                onChange={(e) =>\n                  state.setUsageLimitPerCustomer(\n                    e.target.value ? Number(e.target.value) : undefined,\n                  )\n                }\n                placeholder=\"Unlimited\"\n                min={0}\n              />\n            </div>\n          </div>\n        </div>\n      </MobileEditorSection>\n\n      {/* Settings Section */}\n      <MobileEditorSection\n        id=\"settings\"\n        icon={Settings}\n        iconTint=\"bg-gray-500/10 text-gray-500\"\n        label=\"Settings\"\n        summary={settingsSummary}\n      >\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n              Status\n            </label>\n            <Select\n              value={state.status}\n              onChange={(next) =>\n                state.setStatus(next as 'active' | 'inactive' | 'scheduled')\n              }\n              options={[\n                { value: 'active', label: 'Active' },\n                { value: 'inactive', label: 'Inactive' },\n                { value: 'scheduled', label: 'Scheduled' },\n              ]}\n            />\n          </div>\n\n          <div className=\"flex items-center justify-between\">\n            <div>\n              <p className=\"text-sm font-medium text-[var(--text-primary)]\">\n                Auto apply\n              </p>\n              <p className=\"text-sm text-[var(--text-tertiary)]\">\n                Apply automatically at checkout\n              </p>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => state.setAutoApply(!state.autoApply)}\n              className={`relative w-[51px] h-[31px] rounded-full transition-colors ${\n                state.autoApply ? 'bg-green-500' : 'bg-[var(--border-default)]'\n              }`}\n            >\n              <span\n                className={`absolute top-[2px] left-[2px] w-[27px] h-[27px] rounded-full bg-white transition-transform ${\n                  state.autoApply ? 'translate-x-[20px]' : ''\n                }`}\n              />\n            </button>\n          </div>\n        </div>\n      </MobileEditorSection>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/discount-editor/product-scope-picker.d.ts

@@ -0,0 +1,7 @@
+import type { DiscountConditions } from '@withpotter/lib/api/types';
+interface ProductScopePickerProps {
+    conditions: DiscountConditions;
+    onChange: (next: DiscountConditions) => void;
+}
+export declare function ProductScopePicker({ conditions, onChange, }: ProductScopePickerProps): import("react").JSX.Element;
+export {};