@withpotter/components 0.13.0-next.101

package/dist/features/discounts/discount-form-basics-step.js

@@ -0,0 +1,174 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CurrencyInput } from "@withpotter/ui-kit/currency-input";
+import { getDiscountTypeIcon, getDiscountTypeLabel } from "./discount-helpers";
+import { Button } from "@withpotter/ui-kit/button";
+import { Input, OptionButton } from "@withpotter/ui-kit";
+import { Textarea } from "@withpotter/ui-kit";
+function DiscountFormBasicsStep({
+  form,
+  setForm,
+  generateCode,
+  currencyCode
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-[var(--text-secondary)] uppercase tracking-wider", children: "Basic info" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Name" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            value: form.name,
+            onChange: (e) => setForm((f) => ({ ...f, name: e.target.value })),
+            className: "w-full",
+            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: form.description || "",
+            onChange: (e) => setForm((f) => ({ ...f, description: e.target.value })),
+            className: "w-full",
+            placeholder: "Optional description",
+            rows: 2
+          }
+        )
+      ] }),
+      /* @__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(
+            Input,
+            {
+              type: "text",
+              value: form.code,
+              onChange: (e) => setForm((f) => ({
+                ...f,
+                code: e.target.value.toUpperCase()
+              })),
+              className: "flex-1 font-mono",
+              placeholder: "SUMMER20"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: generateCode, children: "Generate" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-[var(--text-secondary)] uppercase tracking-wider", children: "Discount type" }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3", children: [
+        "percentage",
+        "fixed_amount",
+        "free_shipping",
+        "buy_x_get_y"
+      ].map((type) => /* @__PURE__ */ jsxs(
+        OptionButton,
+        {
+          shape: "card",
+          selected: form.discountType === type,
+          onClick: () => setForm((f) => ({ ...f, discountType: type })),
+          children: [
+            getDiscountTypeIcon(type),
+            getDiscountTypeLabel(type)
+          ]
+        },
+        type
+      )) }),
+      (form.discountType === "percentage" || form.discountType === "fixed_amount") && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx("div", { children: form.discountType === "percentage" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Percentage (%)" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              value: form.value || "",
+              onChange: (e) => setForm((f) => ({
+                ...f,
+                value: Number(e.target.value)
+              })),
+              className: "w-full",
+              min: 0,
+              max: 100
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx(
+          CurrencyInput,
+          {
+            label: "Amount",
+            value: form.value || void 0,
+            onChange: (v) => setForm((f) => ({ ...f, value: v ?? 0 })),
+            currencyCode
+          }
+        ) }),
+        form.discountType === "percentage" && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          CurrencyInput,
+          {
+            label: "Max discount amount",
+            value: form.maxDiscountAmount,
+            onChange: (v) => setForm((f) => ({
+              ...f,
+              maxDiscountAmount: v
+            })),
+            placeholder: "No limit",
+            currencyCode
+          }
+        ) })
+      ] }),
+      form.discountType === "buy_x_get_y" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", 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(
+            Input,
+            {
+              type: "number",
+              value: form.buyXGetYConfig?.buyQuantity || "",
+              onChange: (e) => setForm((f) => ({
+                ...f,
+                buyXGetYConfig: {
+                  ...f.buyXGetYConfig || {
+                    buyQuantity: 0,
+                    getQuantity: 0
+                  },
+                  buyQuantity: Number(e.target.value)
+                }
+              })),
+              className: "w-full",
+              min: 1
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Get quantity" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              value: form.buyXGetYConfig?.getQuantity || "",
+              onChange: (e) => setForm((f) => ({
+                ...f,
+                buyXGetYConfig: {
+                  ...f.buyXGetYConfig || {
+                    buyQuantity: 0,
+                    getQuantity: 0
+                  },
+                  getQuantity: Number(e.target.value)
+                }
+              })),
+              className: "w-full",
+              min: 1
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  DiscountFormBasicsStep
+};
+//# sourceMappingURL=discount-form-basics-step.js.map

package/dist/features/discounts/discount-form-basics-step.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/discounts/discount-form-basics-step.tsx"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { CurrencyInput } from '@withpotter/ui-kit/currency-input';\nimport { CreateDiscountData, DiscountType } from '@withpotter/lib/api/types';\nimport { getDiscountTypeIcon, getDiscountTypeLabel } from './discount-helpers';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Input, OptionButton } from '@withpotter/ui-kit';\nimport { Textarea } from '@withpotter/ui-kit';\n\ninterface BasicsStepProps {\n  form: CreateDiscountData;\n  setForm: Dispatch<SetStateAction<CreateDiscountData>>;\n  generateCode: () => void;\n  currencyCode: string;\n}\n\nexport function DiscountFormBasicsStep({\n  form,\n  setForm,\n  generateCode,\n  currencyCode,\n}: BasicsStepProps) {\n  return (\n    <div className=\"space-y-6\">\n      {/* Basic Info */}\n      <div className=\"space-y-4\">\n        <h3 className=\"text-sm font-medium text-[var(--text-secondary)] uppercase tracking-wider\">\n          Basic info\n        </h3>\n\n        <div>\n          <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n            Name\n          </label>\n          <Input\n            type=\"text\"\n            value={form.name}\n            onChange={(e) => setForm((f) => ({ ...f, name: e.target.value }))}\n            className=\"w-full\"\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={form.description || ''}\n            onChange={(e) =>\n              setForm((f) => ({ ...f, description: e.target.value }))\n            }\n            className=\"w-full\"\n            placeholder=\"Optional description\"\n            rows={2}\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\n              type=\"text\"\n              value={form.code}\n              onChange={(e) =>\n                setForm((f) => ({\n                  ...f,\n                  code: e.target.value.toUpperCase(),\n                }))\n              }\n              className=\"flex-1 font-mono\"\n              placeholder=\"SUMMER20\"\n            />\n            <Button variant=\"secondary\" onClick={generateCode}>\n              Generate\n            </Button>\n          </div>\n        </div>\n      </div>\n\n      {/* Discount Type */}\n      <div className=\"space-y-4\">\n        <h3 className=\"text-sm font-medium text-[var(--text-secondary)] uppercase tracking-wider\">\n          Discount type\n        </h3>\n\n        <div className=\"grid grid-cols-2 gap-3\">\n          {(\n            [\n              'percentage',\n              'fixed_amount',\n              'free_shipping',\n              'buy_x_get_y',\n            ] as DiscountType[]\n          ).map((type) => (\n            <OptionButton\n              key={type}\n              shape=\"card\"\n              selected={form.discountType === type}\n              onClick={() => setForm((f) => ({ ...f, discountType: type }))}\n            >\n              {getDiscountTypeIcon(type)}\n              {getDiscountTypeLabel(type)}\n            </OptionButton>\n          ))}\n        </div>\n\n        {(form.discountType === 'percentage' ||\n          form.discountType === 'fixed_amount') && (\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              {form.discountType === 'percentage' ? (\n                <>\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={form.value || ''}\n                    onChange={(e) =>\n                      setForm((f) => ({\n                        ...f,\n                        value: Number(e.target.value),\n                      }))\n                    }\n                    className=\"w-full\"\n                    min={0}\n                    max={100}\n                  />\n                </>\n              ) : (\n                <CurrencyInput\n                  label=\"Amount\"\n                  value={form.value || undefined}\n                  onChange={(v) => setForm((f) => ({ ...f, value: v ?? 0 }))}\n                  currencyCode={currencyCode}\n                />\n              )}\n            </div>\n            {form.discountType === 'percentage' && (\n              <div>\n                <CurrencyInput\n                  label=\"Max discount amount\"\n                  value={form.maxDiscountAmount}\n                  onChange={(v) =>\n                    setForm((f) => ({\n                      ...f,\n                      maxDiscountAmount: v,\n                    }))\n                  }\n                  placeholder=\"No limit\"\n                  currencyCode={currencyCode}\n                />\n              </div>\n            )}\n          </div>\n        )}\n\n        {form.discountType === 'buy_x_get_y' && (\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                Buy quantity\n              </label>\n              <Input\n                type=\"number\"\n                value={form.buyXGetYConfig?.buyQuantity || ''}\n                onChange={(e) =>\n                  setForm((f) => ({\n                    ...f,\n                    buyXGetYConfig: {\n                      ...(f.buyXGetYConfig || {\n                        buyQuantity: 0,\n                        getQuantity: 0,\n                      }),\n                      buyQuantity: Number(e.target.value),\n                    },\n                  }))\n                }\n                className=\"w-full\"\n                min={1}\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              <Input\n                type=\"number\"\n                value={form.buyXGetYConfig?.getQuantity || ''}\n                onChange={(e) =>\n                  setForm((f) => ({\n                    ...f,\n                    buyXGetYConfig: {\n                      ...(f.buyXGetYConfig || {\n                        buyQuantity: 0,\n                        getQuantity: 0,\n                      }),\n                      getQuantity: Number(e.target.value),\n                    },\n                  }))\n                }\n                className=\"w-full\"\n                min={1}\n              />\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/features/discounts/discount-form-modal.d.ts

@@ -0,0 +1,9 @@
+import { Discount, CreateDiscountData, UpdateDiscountData } from '@withpotter/lib/api/types';
+interface DiscountFormProps {
+    discount?: Discount | null;
+    onSave: (data: CreateDiscountData | UpdateDiscountData) => Promise<void>;
+    onClose: () => void;
+    currencyCode?: string;
+}
+export declare function DiscountFormModal({ discount, onSave, onClose, currencyCode, }: DiscountFormProps): import("react").JSX.Element;
+export {};

package/dist/features/discounts/discount-form-modal.js

@@ -0,0 +1,143 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import {
+  FormStepperPanel
+} from "@withpotter/ui-kit/form-stepper-panel";
+import { DiscountFormBasicsStep } from "./discount-form-basics-step";
+import { DiscountFormRulesStep } from "./discount-form-rules-step";
+import { DiscountFormSettingsStep } from "./discount-form-settings-step";
+function DiscountFormModal({
+  discount,
+  onSave,
+  onClose,
+  currencyCode = "NGN"
+}) {
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  const [form, setForm] = useState({
+    name: discount?.name || "",
+    description: discount?.description || "",
+    code: discount?.code || "",
+    discountType: discount?.discountType || "percentage",
+    value: discount?.value ?? void 0,
+    maxDiscountAmount: discount?.maxDiscountAmount ?? void 0,
+    conditions: discount?.conditions || {},
+    startsAt: discount?.startsAt ? discount.startsAt.slice(0, 16) : "",
+    endsAt: discount?.endsAt ? discount.endsAt.slice(0, 16) : "",
+    usageLimit: discount?.usageLimit || void 0,
+    usageLimitPerCustomer: discount?.usageLimitPerCustomer || void 0,
+    status: discount?.status || "active",
+    buyXGetYConfig: discount?.buyXGetYConfig || void 0,
+    autoApply: discount?.autoApply || false
+  });
+  const generateCode = useCallback(() => {
+    const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
+    let code = "";
+    for (let i = 0; i < 8; i++)
+      code += chars[Math.floor(Math.random() * chars.length)];
+    setForm((f) => ({ ...f, code }));
+  }, []);
+  const handleSave = async () => {
+    setError(null);
+    setSaving(true);
+    try {
+      const data = { ...form };
+      if (!data.startsAt) delete data.startsAt;
+      if (!data.endsAt) delete data.endsAt;
+      if (!data.description) delete data.description;
+      if (data.value != null) {
+        data.value = Number(data.value);
+      } else {
+        delete data.value;
+      }
+      if (data.maxDiscountAmount != null) {
+        data.maxDiscountAmount = Number(data.maxDiscountAmount);
+      } else {
+        delete data.maxDiscountAmount;
+      }
+      if (data.usageLimit != null) {
+        data.usageLimit = Number(data.usageLimit);
+      } else {
+        delete data.usageLimit;
+      }
+      if (data.usageLimitPerCustomer != null) {
+        data.usageLimitPerCustomer = Number(data.usageLimitPerCustomer);
+      } else {
+        delete data.usageLimitPerCustomer;
+      }
+      await onSave(data);
+      onClose();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to save discount");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const steps = useMemo(
+    () => [
+      {
+        key: "basics",
+        label: "Basics",
+        description: "Name, code & discount type",
+        validate: () => {
+          if (!form.name.trim()) return "Please enter a discount name.";
+          if (!form.code.trim()) return "Please enter a discount code.";
+          if ((form.discountType === "percentage" || form.discountType === "fixed_amount") && !form.value)
+            return "Please enter a discount value.";
+          if (form.discountType === "percentage" && form.value != null && (form.value < 0 || form.value > 100))
+            return "Percentage must be between 0 and 100.";
+          if (form.discountType === "buy_x_get_y" && (!form.buyXGetYConfig?.buyQuantity || !form.buyXGetYConfig?.getQuantity))
+            return "Please enter both buy and get quantities.";
+          return true;
+        },
+        content: /* @__PURE__ */ jsx(
+          DiscountFormBasicsStep,
+          {
+            form,
+            setForm,
+            generateCode,
+            currencyCode
+          }
+        )
+      },
+      {
+        key: "rules",
+        label: "Rules",
+        description: "Conditions, schedule & limits",
+        content: /* @__PURE__ */ jsx(
+          DiscountFormRulesStep,
+          {
+            form,
+            setForm,
+            currencyCode
+          }
+        )
+      },
+      {
+        key: "settings",
+        label: "Settings",
+        description: "Status & auto-apply",
+        content: /* @__PURE__ */ jsx(DiscountFormSettingsStep, { form, setForm })
+      }
+    ],
+    [form, generateCode, currencyCode]
+  );
+  return /* @__PURE__ */ jsx(
+    FormStepperPanel,
+    {
+      title: discount ? "Edit discount" : "New discount",
+      steps,
+      onSave: handleSave,
+      onClose,
+      saving,
+      saveLabel: discount ? "Update Discount" : "Create Discount",
+      error,
+      onClearError: () => setError(null)
+    }
+  );
+}
+export {
+  DiscountFormModal
+};
+//# sourceMappingURL=discount-form-modal.js.map

package/dist/features/discounts/discount-form-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/discounts/discount-form-modal.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback, useMemo } from 'react';\nimport {\n  Discount,\n  CreateDiscountData,\n  UpdateDiscountData,\n} from '@withpotter/lib/api/types';\nimport {\n  FormStepperPanel,\n  type FormStep,\n} from '@withpotter/ui-kit/form-stepper-panel';\nimport { DiscountFormBasicsStep } from './discount-form-basics-step';\nimport { DiscountFormRulesStep } from './discount-form-rules-step';\nimport { DiscountFormSettingsStep } from './discount-form-settings-step';\n\n// =============================================================================\n// DISCOUNT FORM MODAL\n// =============================================================================\n\ninterface DiscountFormProps {\n  discount?: Discount | null;\n  onSave: (data: CreateDiscountData | UpdateDiscountData) => Promise<void>;\n  onClose: () => void;\n  currencyCode?: string;\n}\n\nexport function DiscountFormModal({\n  discount,\n  onSave,\n  onClose,\n  currencyCode = 'NGN',\n}: DiscountFormProps) {\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [form, setForm] = useState<CreateDiscountData>({\n    name: discount?.name || '',\n    description: discount?.description || '',\n    code: discount?.code || '',\n    discountType: discount?.discountType || 'percentage',\n    value: discount?.value ?? undefined,\n    maxDiscountAmount: discount?.maxDiscountAmount ?? undefined,\n    conditions: discount?.conditions || {},\n    startsAt: discount?.startsAt ? discount.startsAt.slice(0, 16) : '',\n    endsAt: discount?.endsAt ? discount.endsAt.slice(0, 16) : '',\n    usageLimit: discount?.usageLimit || undefined,\n    usageLimitPerCustomer: discount?.usageLimitPerCustomer || undefined,\n    status: discount?.status || 'active',\n    buyXGetYConfig: discount?.buyXGetYConfig || undefined,\n    autoApply: discount?.autoApply || false,\n  });\n\n  const generateCode = useCallback(() => {\n    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';\n    let code = '';\n    for (let i = 0; i < 8; i++)\n      code += chars[Math.floor(Math.random() * chars.length)];\n    setForm((f) => ({ ...f, code }));\n  }, []);\n\n  const handleSave = async () => {\n    setError(null);\n    setSaving(true);\n\n    try {\n      const data = { ...form };\n      // Clean empty strings\n      if (!data.startsAt) delete data.startsAt;\n      if (!data.endsAt) delete data.endsAt;\n      if (!data.description) delete data.description;\n\n      // Coerce numeric fields to proper numbers (DECIMAL columns return strings from Sequelize)\n      if (data.value != null) {\n        data.value = Number(data.value);\n      } else {\n        delete data.value;\n      }\n      if (data.maxDiscountAmount != null) {\n        data.maxDiscountAmount = Number(data.maxDiscountAmount);\n      } else {\n        delete data.maxDiscountAmount;\n      }\n      if (data.usageLimit != null) {\n        data.usageLimit = Number(data.usageLimit);\n      } else {\n        delete data.usageLimit;\n      }\n      if (data.usageLimitPerCustomer != null) {\n        data.usageLimitPerCustomer = Number(data.usageLimitPerCustomer);\n      } else {\n        delete data.usageLimitPerCustomer;\n      }\n\n      await onSave(data);\n      onClose();\n    } catch (err: unknown) {\n      setError(err instanceof Error ? err.message : 'Failed to save discount');\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const steps = useMemo<FormStep[]>(\n    () => [\n      {\n        key: 'basics',\n        label: 'Basics',\n        description: 'Name, code & discount type',\n        validate: () => {\n          if (!form.name.trim()) return 'Please enter a discount name.';\n          if (!form.code.trim()) return 'Please enter a discount code.';\n          if (\n            (form.discountType === 'percentage' ||\n              form.discountType === 'fixed_amount') &&\n            !form.value\n          )\n            return 'Please enter a discount value.';\n          if (\n            form.discountType === 'percentage' &&\n            form.value != null &&\n            (form.value < 0 || form.value > 100)\n          )\n            return 'Percentage must be between 0 and 100.';\n          if (\n            form.discountType === 'buy_x_get_y' &&\n            (!form.buyXGetYConfig?.buyQuantity ||\n              !form.buyXGetYConfig?.getQuantity)\n          )\n            return 'Please enter both buy and get quantities.';\n          return true;\n        },\n        content: (\n          <DiscountFormBasicsStep\n            form={form}\n            setForm={setForm}\n            generateCode={generateCode}\n            currencyCode={currencyCode}\n          />\n        ),\n      },\n      {\n        key: 'rules',\n        label: 'Rules',\n        description: 'Conditions, schedule & limits',\n        content: (\n          <DiscountFormRulesStep\n            form={form}\n            setForm={setForm}\n            currencyCode={currencyCode}\n          />\n        ),\n      },\n      {\n        key: 'settings',\n        label: 'Settings',\n        description: 'Status & auto-apply',\n        content: <DiscountFormSettingsStep form={form} setForm={setForm} />,\n      },\n    ],\n    [form, generateCode, currencyCode],\n  );\n\n  return (\n    <FormStepperPanel\n      title={discount ? 'Edit discount' : 'New discount'}\n      steps={steps}\n      onSave={handleSave}\n      onClose={onClose}\n      saving={saving}\n      saveLabel={discount ? 'Update Discount' : 'Create Discount'}\n      error={error}\n      onClearError={() => setError(null)}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/features/discounts/discount-form-rules-step.d.ts

@@ -0,0 +1,9 @@
+import type { Dispatch, SetStateAction } from 'react';
+import { CreateDiscountData } from '@withpotter/lib/api/types';
+interface RulesStepProps {
+    form: CreateDiscountData;
+    setForm: Dispatch<SetStateAction<CreateDiscountData>>;
+    currencyCode: string;
+}
+export declare function DiscountFormRulesStep({ form, setForm, currencyCode, }: RulesStepProps): import("react").JSX.Element;
+export {};

package/dist/features/discounts/discount-form-rules-step.js

@@ -0,0 +1,154 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CurrencyInput } from "@withpotter/ui-kit/currency-input";
+import { Input, Checkbox } from "@withpotter/ui-kit";
+function DiscountFormRulesStep({
+  form,
+  setForm,
+  currencyCode
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-[var(--text-secondary)] uppercase tracking-wider", children: "Conditions" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          CurrencyInput,
+          {
+            label: "Min order amount",
+            value: form.conditions?.minOrderAmount,
+            onChange: (v) => setForm((f) => ({
+              ...f,
+              conditions: {
+                ...f.conditions,
+                minOrderAmount: v
+              }
+            })),
+            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: form.conditions?.minQuantity || "",
+              onChange: (e) => setForm((f) => ({
+                ...f,
+                conditions: {
+                  ...f.conditions,
+                  minQuantity: e.target.value ? Number(e.target.value) : void 0
+                }
+              })),
+              className: "w-full",
+              placeholder: "No minimum",
+              min: 0
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: form.conditions?.memberOnly || false,
+            onChange: (e) => setForm((f) => ({
+              ...f,
+              conditions: {
+                ...f.conditions,
+                memberOnly: e.target.checked
+              }
+            })),
+            label: "Members only"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: form.conditions?.firstOrderOnly || false,
+            onChange: (e) => setForm((f) => ({
+              ...f,
+              conditions: {
+                ...f.conditions,
+                firstOrderOnly: e.target.checked
+              }
+            })),
+            label: "First order only"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-[var(--text-secondary)] uppercase tracking-wider", children: "Schedule" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__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: form.startsAt || "",
+              onChange: (e) => setForm((f) => ({ ...f, startsAt: e.target.value })),
+              className: "w-full"
+            }
+          )
+        ] }),
+        /* @__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: form.endsAt || "",
+              onChange: (e) => setForm((f) => ({ ...f, endsAt: e.target.value })),
+              className: "w-full"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-[var(--text-secondary)] uppercase tracking-wider", children: "Usage limits" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__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: form.usageLimit || "",
+              onChange: (e) => setForm((f) => ({
+                ...f,
+                usageLimit: e.target.value ? Number(e.target.value) : void 0
+              })),
+              className: "w-full",
+              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: form.usageLimitPerCustomer || "",
+              onChange: (e) => setForm((f) => ({
+                ...f,
+                usageLimitPerCustomer: e.target.value ? Number(e.target.value) : void 0
+              })),
+              className: "w-full",
+              placeholder: "Unlimited",
+              min: 0
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  DiscountFormRulesStep
+};
+//# sourceMappingURL=discount-form-rules-step.js.map

package/dist/features/discounts/discount-form-rules-step.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/discounts/discount-form-rules-step.tsx"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { CurrencyInput } from '@withpotter/ui-kit/currency-input';\nimport { CreateDiscountData } from '@withpotter/lib/api/types';\nimport { Input, Checkbox } from '@withpotter/ui-kit';\n\ninterface RulesStepProps {\n  form: CreateDiscountData;\n  setForm: Dispatch<SetStateAction<CreateDiscountData>>;\n  currencyCode: string;\n}\n\nexport function DiscountFormRulesStep({\n  form,\n  setForm,\n  currencyCode,\n}: RulesStepProps) {\n  return (\n    <div className=\"space-y-6\">\n      {/* Conditions */}\n      <div className=\"space-y-4\">\n        <h3 className=\"text-sm font-medium text-[var(--text-secondary)] uppercase tracking-wider\">\n          Conditions\n        </h3>\n\n        <div className=\"grid grid-cols-2 gap-4\">\n          <div>\n            <CurrencyInput\n              label=\"Min order amount\"\n              value={form.conditions?.minOrderAmount}\n              onChange={(v) =>\n                setForm((f) => ({\n                  ...f,\n                  conditions: {\n                    ...f.conditions,\n                    minOrderAmount: v,\n                  },\n                }))\n              }\n              placeholder=\"No minimum\"\n              currencyCode={currencyCode}\n            />\n          </div>\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={form.conditions?.minQuantity || ''}\n              onChange={(e) =>\n                setForm((f) => ({\n                  ...f,\n                  conditions: {\n                    ...f.conditions,\n                    minQuantity: e.target.value\n                      ? Number(e.target.value)\n                      : undefined,\n                  },\n                }))\n              }\n              className=\"w-full\"\n              placeholder=\"No minimum\"\n              min={0}\n            />\n          </div>\n        </div>\n\n        <div className=\"flex gap-6\">\n          <Checkbox\n            checked={form.conditions?.memberOnly || false}\n            onChange={(e) =>\n              setForm((f) => ({\n                ...f,\n                conditions: {\n                  ...f.conditions,\n                  memberOnly: e.target.checked,\n                },\n              }))\n            }\n            label=\"Members only\"\n          />\n          <Checkbox\n            checked={form.conditions?.firstOrderOnly || false}\n            onChange={(e) =>\n              setForm((f) => ({\n                ...f,\n                conditions: {\n                  ...f.conditions,\n                  firstOrderOnly: e.target.checked,\n                },\n              }))\n            }\n            label=\"First order only\"\n          />\n        </div>\n      </div>\n\n      {/* Schedule */}\n      <div className=\"space-y-4\">\n        <h3 className=\"text-sm font-medium text-[var(--text-secondary)] uppercase tracking-wider\">\n          Schedule\n        </h3>\n\n        <div className=\"grid grid-cols-2 gap-4\">\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={form.startsAt || ''}\n              onChange={(e) =>\n                setForm((f) => ({ ...f, startsAt: e.target.value }))\n              }\n              className=\"w-full\"\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={form.endsAt || ''}\n              onChange={(e) =>\n                setForm((f) => ({ ...f, endsAt: e.target.value }))\n              }\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </div>\n\n      {/* Usage Limits */}\n      <div className=\"space-y-4\">\n        <h3 className=\"text-sm font-medium text-[var(--text-secondary)] uppercase tracking-wider\">\n          Usage limits\n        </h3>\n\n        <div className=\"grid grid-cols-2 gap-4\">\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={form.usageLimit || ''}\n              onChange={(e) =>\n                setForm((f) => ({\n                  ...f,\n                  usageLimit: e.target.value\n                    ? Number(e.target.value)\n                    : undefined,\n                }))\n              }\n              className=\"w-full\"\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={form.usageLimitPerCustomer || ''}\n              onChange={(e) =>\n                setForm((f) => ({\n                  ...f,\n                  usageLimitPerCustomer: e.target.value\n                    ? Number(e.target.value)\n                    : undefined,\n                }))\n              }\n              className=\"w-full\"\n              placeholder=\"Unlimited\"\n              min={0}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/features/discounts/discount-form-settings-step.d.ts

@@ -0,0 +1,8 @@
+import type { Dispatch, SetStateAction } from 'react';
+import { CreateDiscountData } from '@withpotter/lib/api/types';
+interface SettingsStepProps {
+    form: CreateDiscountData;
+    setForm: Dispatch<SetStateAction<CreateDiscountData>>;
+}
+export declare function DiscountFormSettingsStep({ form, setForm }: SettingsStepProps): import("react").JSX.Element;
+export {};

package/dist/features/discounts/discount-form-settings-step.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select } from "@withpotter/ui-kit/select";
+function DiscountFormSettingsStep({ form, setForm }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", 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: form.status ?? "active",
+          onChange: (v) => setForm((f) => ({
+            ...f,
+            status: v
+          })),
+          options: [
+            { value: "active", label: "Active" },
+            { value: "inactive", label: "Inactive" },
+            { value: "scheduled", label: "Scheduled" }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 bg-[var(--accent-secondary)] rounded-md border border-brand-100", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--text-primary)]", children: "Auto-apply at checkout" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)] mt-0.5", children: "Automatically apply this discount when customers check out (no code entry needed)" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setForm((f) => ({ ...f, autoApply: !f.autoApply })),
+          className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${form.autoApply ? "bg-brand-500" : "bg-[var(--border-strong)]"}`,
+          children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `inline-block h-4 w-4 transform rounded-full bg-[var(--bg-base)] transition-transform ${form.autoApply ? "translate-x-6" : "translate-x-1"}`
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  DiscountFormSettingsStep
+};
+//# sourceMappingURL=discount-form-settings-step.js.map

package/dist/features/discounts/discount-form-settings-step.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/discounts/discount-form-settings-step.tsx"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { Select } from '@withpotter/ui-kit/select';\nimport { CreateDiscountData, DiscountStatus } from '@withpotter/lib/api/types';\n\ninterface SettingsStepProps {\n  form: CreateDiscountData;\n  setForm: Dispatch<SetStateAction<CreateDiscountData>>;\n}\n\nexport function DiscountFormSettingsStep({ form, setForm }: SettingsStepProps) {\n  return (\n    <div className=\"space-y-6\">\n      {/* Status */}\n      <div>\n        <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n          Status\n        </label>\n        <Select\n          value={form.status ?? 'active'}\n          onChange={(v) =>\n            setForm((f) => ({\n              ...f,\n              status: v as DiscountStatus,\n            }))\n          }\n          options={[\n            { value: 'active', label: 'Active' },\n            { value: 'inactive', label: 'Inactive' },\n            { value: 'scheduled', label: 'Scheduled' },\n          ]}\n        />\n      </div>\n\n      {/* Auto-Apply Toggle */}\n      <div className=\"flex items-center justify-between p-3 bg-[var(--accent-secondary)] rounded-md border border-brand-100\">\n        <div>\n          <p className=\"text-sm font-medium text-[var(--text-primary)]\">\n            Auto-apply at checkout\n          </p>\n          <p className=\"text-xs text-[var(--text-tertiary)] mt-0.5\">\n            Automatically apply this discount when customers check out (no code\n            entry needed)\n          </p>\n        </div>\n        <button\n          type=\"button\"\n          onClick={() => setForm((f) => ({ ...f, autoApply: !f.autoApply }))}\n          className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${form.autoApply ? 'bg-brand-500' : 'bg-[var(--border-strong)]'}`}\n        >\n          <span\n            className={`inline-block h-4 w-4 transform rounded-full bg-[var(--bg-base)] transition-transform ${form.autoApply ? 'translate-x-6' : 'translate-x-1'}`}\n          />\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAaM,SACE,KADF;AAZN,SAAS,cAAc;AAQhB,SAAS,yBAAyB,EAAE,MAAM,QAAQ,GAAsB;AAC7E,SACE,qBAAC,SAAI,WAAU,aAEb;AAAA,yBAAC,SACC;AAAA,0BAAC,WAAM,WAAU,+DAA8D,oBAE/E;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,KAAK,UAAU;AAAA,UACtB,UAAU,CAAC,MACT,QAAQ,CAAC,OAAO;AAAA,YACd,GAAG;AAAA,YACH,QAAQ;AAAA,UACV,EAAE;AAAA,UAEJ,SAAS;AAAA,YACP,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,YACnC,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,YACvC,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,UAC3C;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAGA,qBAAC,SAAI,WAAU,yGACb;AAAA,2BAAC,SACC;AAAA,4BAAC,OAAE,WAAU,kDAAiD,oCAE9D;AAAA,QACA,oBAAC,OAAE,WAAU,8CAA6C,+FAG1D;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,CAAC,OAAO,EAAE,GAAG,GAAG,WAAW,CAAC,EAAE,UAAU,EAAE;AAAA,UACjE,WAAW,6EAA6E,KAAK,YAAY,iBAAiB,2BAA2B;AAAA,UAErJ;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,wFAAwF,KAAK,YAAY,kBAAkB,eAAe;AAAA;AAAA,UACvJ;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/features/discounts/discount-helpers.d.ts

@@ -0,0 +1,6 @@
+import type { Discount, DiscountType, DiscountStatus } from '@withpotter/lib/api/types';
+export declare function formatDate(dateStr: string | null): string;
+export declare function getDiscountTypeIcon(type: DiscountType): import("react").JSX.Element;
+export declare function getDiscountTypeLabel(type: DiscountType): string;
+export declare function getStatusColor(status: DiscountStatus): string;
+export declare function formatDiscountValue(discount: Discount, formatCurrency: (amount: number, currencyOverride?: string) => string): string;