@withpotter/components 0.13.0-next.101

package/dist/features/collections.js

@@ -0,0 +1,261 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { LIST_PAGE_SIZE } from "@withpotter/lib/list-page-size";
+import { FilterField } from "@withpotter/ui-kit/filter-menu";
+import { useCallback, useMemo, useState } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { Layers, Plus } from "lucide-react";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useEnabledBehaviors } from "@withpotter/hooks/use-enabled-behaviors";
+import { useIntentConfig } from "@withpotter/lib/intents/use-intent-config";
+import { getIntentConfig } from "@withpotter/lib/intents/registry";
+import { productIntent } from "@withpotter/lib/intents/product-intent";
+import { useModuleLabel } from "@withpotter/lib/use-module-label";
+import { formatCurrency } from "@withpotter/lib/utils";
+import { useTenantCurrency } from "@withpotter/hooks/use-tenant-currency";
+import { MobilePageHeader } from "@withpotter/components/mobile/mobile-page-header";
+import { ListPage } from "@withpotter/ui-kit/list-page";
+import { FLAT_CONTROL, TOOLBAR_H } from "@withpotter/ui-kit/toolbar-parts";
+import { ListFrame } from "@withpotter/ui-kit/list-frame";
+import { ListStates } from "@withpotter/ui-kit/list-states";
+import { TableEmptyState } from "@withpotter/ui-kit/table-empty-state";
+import { TablePagination } from "@withpotter/ui-kit/table-pagination";
+import { FilterBar } from "@withpotter/ui-kit/filter-bar";
+import { Select } from "@withpotter/ui-kit/select";
+import { Button } from "@withpotter/ui-kit/button";
+import {
+  CollectionsGrid,
+  CollectionsGridSkeleton
+} from "@withpotter/components/features/collections-grid";
+import {
+  inIntentScope,
+  inScope,
+  intentCollectionsTitle,
+  parseIntentKeys
+} from "@withpotter/components/features/collections-helpers";
+import { useCollectionsData } from "@withpotter/components/features/use-collections-data";
+const PAGE_SIZE = LIST_PAGE_SIZE;
+const STATUS_OPTIONS = [
+  { value: "all", label: "All collections" },
+  { value: "published", label: "Published" },
+  { value: "draft", label: "Draft" }
+];
+function CollectionsFeature() {
+  const { tenant } = useAuth();
+  const moduleTitle = useModuleLabel("collections", "Collections");
+  const tenantSlug = tenant?.slug;
+  const router = useRouter();
+  const behaviors = useEnabledBehaviors();
+  const searchParams = useSearchParams();
+  const typeParam = searchParams.get("type");
+  const sellsBoth = behaviors.includes("ticketed") && behaviors.includes("sellable");
+  const scope = typeParam === "event" || typeParam === "product" ? typeParam : sellsBoth ? "product" : null;
+  const intentConfig = useIntentConfig();
+  const intentKeys = useMemo(() => {
+    const wanted = parseIntentKeys(searchParams.get("intent"));
+    return wanted.filter(
+      (key) => intentConfig.all.some((config) => config.key === key) || getIntentConfig(key)
+    );
+  }, [searchParams, intentConfig.all]);
+  const intentScoped = intentKeys.length > 0;
+  const intentTitle = useMemo(
+    () => intentScoped ? intentCollectionsTitle(
+      intentKeys.map(
+        (key) => (intentConfig.all.find((config) => config.key === key) ?? getIntentConfig(key))?.entities.item.singular ?? ""
+      )
+    ) : null,
+    [intentScoped, intentKeys, intentConfig.all]
+  );
+  const pageTitle = intentTitle ?? (scope === "event" ? "Event collections" : moduleTitle);
+  const tenantCurrency = useTenantCurrency();
+  const { collections, allProducts, loading, error, refetch } = useCollectionsData();
+  const [search, setSearch] = useState("");
+  const [statusFilter, setStatusFilter] = useState("all");
+  const [page, setPage] = useState(1);
+  const applySearch = (value) => {
+    setSearch(value);
+    setPage(1);
+  };
+  const applyStatus = (value) => {
+    setStatusFilter(value);
+    setPage(1);
+  };
+  const newCollection = useCallback(
+    () => router.push(
+      `/dashboard/collections/new${intentScoped ? `?intent=${encodeURIComponent(intentKeys.join(","))}` : scope ? `?type=${scope}` : ""}`
+    ),
+    [router, scope, intentScoped, intentKeys]
+  );
+  const productMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    allProducts.forEach((p) => map.set(p.id, p));
+    return map;
+  }, [allProducts]);
+  const filtered = useMemo(() => {
+    let list = collections;
+    if (intentScoped)
+      list = list.filter(
+        (c) => inIntentScope(
+          c,
+          intentKeys,
+          productMap,
+          (product) => productIntent(product, intentConfig.all)
+        )
+      );
+    else if (scope) list = list.filter((c) => inScope(c, scope, productMap));
+    if (statusFilter === "published") list = list.filter((c) => c.isActive);
+    else if (statusFilter === "draft") list = list.filter((c) => !c.isActive);
+    const q = search.trim().toLowerCase();
+    if (q) list = list.filter((c) => (c.title || "").toLowerCase().includes(q));
+    return list;
+  }, [
+    collections,
+    scope,
+    intentScoped,
+    intentKeys,
+    intentConfig.all,
+    productMap,
+    statusFilter,
+    search
+  ]);
+  const totalPages = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));
+  const currentPage = Math.min(page, totalPages);
+  const visibleCollections = useMemo(
+    () => filtered.slice((currentPage - 1) * PAGE_SIZE, currentPage * PAGE_SIZE),
+    [filtered, currentPage]
+  );
+  const formatValue = useCallback(
+    (collection) => {
+      if (collection.productCount === 0) return null;
+      let sum = 0;
+      for (const id of collection.productIds) {
+        const product = productMap.get(id);
+        if (!product) return null;
+        sum += Number(product.price) || 0;
+      }
+      return formatCurrency(sum, tenantCurrency);
+    },
+    [productMap, tenantCurrency]
+  );
+  if (!tenantSlug) {
+    return /* @__PURE__ */ jsx("div", { className: "min-h-[60vh] flex items-center justify-center", children: /* @__PURE__ */ jsx("p", { className: "text-[var(--text-tertiary)]", children: "Please log in to manage collections." }) });
+  }
+  const filtering = Boolean(search) || statusFilter !== "all";
+  return /* @__PURE__ */ jsx(
+    ListPage,
+    {
+      title: pageTitle,
+      largeTitle: true,
+      mobileHeader: /* @__PURE__ */ jsx(
+        MobilePageHeader,
+        {
+          title: pageTitle,
+          action: { label: "New collection", onClick: newCollection }
+        }
+      ),
+      actions: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          className: `${TOOLBAR_H} ${FLAT_CONTROL}`,
+          icon: /* @__PURE__ */ jsx(Plus, {}),
+          onClick: newCollection,
+          children: "New collection"
+        }
+      ),
+      children: /* @__PURE__ */ jsx(
+        ListFrame,
+        {
+          toolbar: (
+            /*
+                        The app's filter row, not a private one.
+            
+                        This assembled its own: a row of status pills on the left and a
+                        256px search box pushed to the right — so on the one screen a
+                        merchant reaches search first, search was the smallest control in
+                        the row and the filter was the widest. Catalog, Orders, Money and
+                        Invoices all place `FilterBar` as a `w-full` child of ListFrame's
+                        toolbar, where the search field takes the row (`flex-1`) and the
+                        filters sit behind one button beside it, and the panel opens inside
+                        the frame above the rows it narrows. There is nothing about
+                        collections that wanted a different row.
+                      */
+            /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+              FilterBar,
+              {
+                search,
+                onSearchChange: applySearch,
+                placeholder: "Search collections",
+                activeCount: statusFilter === "all" ? 0 : 1,
+                toolbar: true,
+                children: /* @__PURE__ */ jsx(FilterField, { label: "Status", children: /* @__PURE__ */ jsx(
+                  Select,
+                  {
+                    id: "collection-status",
+                    value: statusFilter,
+                    onChange: applyStatus,
+                    ariaLabel: "Filter collections by status",
+                    options: STATUS_OPTIONS
+                  }
+                ) })
+              }
+            ) })
+          ),
+          footer: (
+            /*
+                        Only once there is a second page.
+            
+                        Over a single page this rendered "Previous · Page 1 of 1 · Next"
+                        with both buttons dead — three controls describing a list you can
+                        see all of. A business with one collection got a pagination bar
+                        under one row.
+                      */
+            totalPages > 1 ? /* @__PURE__ */ jsx(
+              TablePagination,
+              {
+                page: currentPage,
+                totalPages,
+                pageSize: PAGE_SIZE,
+                totalItems: filtered.length,
+                entityName: "collections",
+                onPageChange: setPage
+              }
+            ) : null
+          ),
+          children: /* @__PURE__ */ jsx(
+            ListStates,
+            {
+              framed: true,
+              skeleton: /* @__PURE__ */ jsx(CollectionsGridSkeleton, {}),
+              loading,
+              isEmpty: filtered.length === 0,
+              error,
+              onRetry: refetch,
+              empty: /* @__PURE__ */ jsx(
+                TableEmptyState,
+                {
+                  icon: Layers,
+                  title: filtering ? "Nothing matches" : "No collections yet",
+                  description: filtering ? "Clear the filters to see the rest." : "A collection groups products so you can point people at a set of them rather than one at a time.",
+                  action: filtering ? void 0 : { label: "New collection", onClick: newCollection }
+                }
+              ),
+              children: /* @__PURE__ */ jsx(
+                CollectionsGrid,
+                {
+                  collections: visibleCollections,
+                  productMap,
+                  formatValue
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  CollectionsFeature
+};
+//# sourceMappingURL=collections.js.map

package/dist/features/collections.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/features/collections.tsx"],"sourcesContent":["'use client';\n\nimport { LIST_PAGE_SIZE } from '@withpotter/lib/list-page-size';\nimport { FilterField } from '@withpotter/ui-kit/filter-menu';\n\nimport { useCallback, useMemo, useState } from 'react';\nimport { useRouter, useSearchParams } from 'next/navigation';\nimport { Layers, Plus } from 'lucide-react';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useEnabledBehaviors } from '@withpotter/hooks/use-enabled-behaviors';\nimport { useIntentConfig } from '@withpotter/lib/intents/use-intent-config';\nimport { getIntentConfig } from '@withpotter/lib/intents/registry';\nimport { productIntent } from '@withpotter/lib/intents/product-intent';\nimport { useModuleLabel } from '@withpotter/lib/use-module-label';\nimport { formatCurrency } from '@withpotter/lib/utils';\nimport { InventoryProduct } from '@withpotter/lib/api/types';\nimport { useTenantCurrency } from '@withpotter/hooks/use-tenant-currency';\nimport { MobilePageHeader } from '@withpotter/components/mobile/mobile-page-header';\nimport { ListPage } from '@withpotter/ui-kit/list-page';\nimport { FLAT_CONTROL, TOOLBAR_H } from '@withpotter/ui-kit/toolbar-parts';\nimport { ListFrame } from '@withpotter/ui-kit/list-frame';\nimport { ListStates } from '@withpotter/ui-kit/list-states';\nimport { TableEmptyState } from '@withpotter/ui-kit/table-empty-state';\nimport { TablePagination } from '@withpotter/ui-kit/table-pagination';\nimport { FilterBar } from '@withpotter/ui-kit/filter-bar';\nimport { Select } from '@withpotter/ui-kit/select';\nimport { Button } from '@withpotter/ui-kit/button';\nimport {\n  CollectionsGrid,\n  CollectionsGridSkeleton,\n} from '@withpotter/components/features/collections-grid';\nimport {\n  inIntentScope,\n  inScope,\n  intentCollectionsTitle,\n  parseIntentKeys,\n  type CollectionWithProducts,\n} from '@withpotter/components/features/collections-helpers';\nimport { useCollectionsData } from '@withpotter/components/features/use-collections-data';\n\nconst PAGE_SIZE = LIST_PAGE_SIZE;\n\n/* No Archived option. Its filter branch was `list = []` — a hardcoded empty\n   result, so it could only ever say \"you have none\" about a state nothing in\n   the system can set. Collections carry `isActive`, the same single boolean\n   the catalogue does. */\nconst STATUS_OPTIONS = [\n  { value: 'all', label: 'All collections' },\n  { value: 'published', label: 'Published' },\n  { value: 'draft', label: 'Draft' },\n];\n\n/** Same label treatment as every other field in a FilterBar panel. */\nexport function CollectionsFeature() {\n  const { tenant } = useAuth();\n  const moduleTitle = useModuleLabel('collections', 'Collections');\n  const tenantSlug = tenant?.slug;\n  const router = useRouter();\n  /**\n   * Which kind of collection this view is for: `event`, `product`, or all.\n   *\n   * Events and products share one list, and a workspace that sells both has two\n   * sidebar rows called Collections. Without this both opened the same page, so\n   * Events → Collections showed the shop's product collections.\n   */\n  const behaviors = useEnabledBehaviors();\n  const searchParams = useSearchParams();\n  const typeParam = searchParams.get('type');\n  // A bare link is the PRODUCTS row — Events' own row carries `?type=event` —\n  // so on a workspace that sells both it means products. Where only one kind is\n  // on, there is nothing to tell apart and it shows everything.\n  const sellsBoth =\n    behaviors.includes('ticketed') && behaviors.includes('sellable');\n  const scope: 'event' | 'product' | null =\n    typeParam === 'event' || typeParam === 'product'\n      ? typeParam\n      : sellsBoth\n        ? 'product'\n        : null;\n\n  /**\n   * Which archetype this list is for, when the link names one.\n   *\n   * `?intent=<key>` is the contract with the sidebar: each collection belongs\n   * to one archetype, and a business that runs several links each row to its\n   * own. Absent, nothing changes — the `?type=` scope above (old links) or the\n   * unscoped list. Keys the business does not run and the registry does not\n   * know are dropped, so a stale link shows everything rather than nothing.\n   */\n  const intentConfig = useIntentConfig();\n  const intentKeys = useMemo(() => {\n    const wanted = parseIntentKeys(searchParams.get('intent'));\n    return wanted.filter(\n      (key) =>\n        intentConfig.all.some((config) => config.key === key) ||\n        getIntentConfig(key),\n    );\n  }, [searchParams, intentConfig.all]);\n  const intentScoped = intentKeys.length > 0;\n  const intentTitle = useMemo(\n    () =>\n      intentScoped\n        ? intentCollectionsTitle(\n            intentKeys.map(\n              (key) =>\n                (\n                  intentConfig.all.find((config) => config.key === key) ??\n                  getIntentConfig(key)\n                )?.entities.item.singular ?? '',\n            ),\n          )\n        : null,\n    [intentScoped, intentKeys, intentConfig.all],\n  );\n  const pageTitle =\n    intentTitle ?? (scope === 'event' ? 'Event collections' : moduleTitle);\n  const tenantCurrency = useTenantCurrency();\n\n  const { collections, allProducts, loading, error, refetch } =\n    useCollectionsData();\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<string>('all');\n  const [page, setPage] = useState(1);\n\n  // Narrowing the list puts you back on page one. Both filters go through\n  // these, so the reset lives in one place rather than in an effect that fires\n  // after the render it is correcting (and that ESLint fails).\n  const applySearch = (value: string) => {\n    setSearch(value);\n    setPage(1);\n  };\n  const applyStatus = (value: string) => {\n    setStatusFilter(value);\n    setPage(1);\n  };\n\n  const newCollection = useCallback(\n    () =>\n      router.push(\n        `/dashboard/collections/new${\n          intentScoped\n            ? `?intent=${encodeURIComponent(intentKeys.join(','))}`\n            : scope\n              ? `?type=${scope}`\n              : ''\n        }`,\n      ),\n    [router, scope, intentScoped, intentKeys],\n  );\n\n  /*\n    NO STATS ROW.\n\n    Four cards — Total, Published, Drafts, Featured — sat above a table that\n    shows the same facts in the rows beneath them, and on a business with one\n    collection they read \"1, 1, 0, 0\". Total and Published were the same\n    number; two of the four were zeros. Published and Drafts also exist as tabs\n    directly below, so the page had two mechanisms for one cut of the data,\n    which is the arrangement the catalogue toolbar removed for the same reason.\n    A count that only restates the list under it is height, not information.\n  */\n\n  // ── Product lookup map ─────────────────────────────────────────────────\n  const productMap = useMemo(() => {\n    const map = new Map<string, InventoryProduct>();\n    allProducts.forEach((p) => map.set(p.id, p));\n    return map;\n  }, [allProducts]);\n\n  // ── Client-side filter + pagination ─────────────────────────────────────\n  const filtered = useMemo(() => {\n    let list = collections;\n    if (intentScoped)\n      list = list.filter((c) =>\n        inIntentScope(c, intentKeys, productMap, (product) =>\n          productIntent(product, intentConfig.all),\n        ),\n      );\n    else if (scope) list = list.filter((c) => inScope(c, scope, productMap));\n    if (statusFilter === 'published') list = list.filter((c) => c.isActive);\n    else if (statusFilter === 'draft') list = list.filter((c) => !c.isActive);\n    const q = search.trim().toLowerCase();\n    if (q) list = list.filter((c) => (c.title || '').toLowerCase().includes(q));\n    return list;\n  }, [\n    collections,\n    scope,\n    intentScoped,\n    intentKeys,\n    intentConfig.all,\n    productMap,\n    statusFilter,\n    search,\n  ]);\n\n  const totalPages = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));\n  const currentPage = Math.min(page, totalPages);\n  const visibleCollections = useMemo(\n    () =>\n      filtered.slice((currentPage - 1) * PAGE_SIZE, currentPage * PAGE_SIZE),\n    [filtered, currentPage],\n  );\n\n  /**\n   * The collection's total, formatted, or null when it cannot be told\n   * honestly.\n   *\n   * One unresolved ID and the sum is not a smaller total, it is the wrong\n   * total, and nothing on screen says which. That happened two ways: the\n   * product fetch was capped at the server's default twenty, and\n   * `/products/assigned` scopes to the signed-in member, so staff and the owner\n   * priced the same collection differently. The fetch is fixed; this covers\n   * the rest — a product that is scoped away, or deleted while still listed,\n   * shows no total rather than one missing it.\n   */\n  const formatValue = useCallback(\n    (collection: CollectionWithProducts): string | null => {\n      if (collection.productCount === 0) return null;\n      let sum = 0;\n      for (const id of collection.productIds) {\n        const product = productMap.get(id);\n        if (!product) return null;\n        sum += Number(product.price) || 0;\n      }\n      return formatCurrency(sum, tenantCurrency);\n    },\n    [productMap, tenantCurrency],\n  );\n\n  // ── Render ─────────────────────────────────────────────────────────────\n  if (!tenantSlug) {\n    return (\n      <div className=\"min-h-[60vh] flex items-center justify-center\">\n        <p className=\"text-[var(--text-tertiary)]\">\n          Please log in to manage collections.\n        </p>\n      </div>\n    );\n  }\n\n  const filtering = Boolean(search) || statusFilter !== 'all';\n\n  return (\n    <ListPage\n      title={pageTitle}\n      largeTitle\n      mobileHeader={\n        <MobilePageHeader\n          title={pageTitle}\n          action={{ label: 'New collection', onClick: newCollection }}\n        />\n      }\n      actions={\n        <Button\n          variant=\"primary\"\n          className={`${TOOLBAR_H} ${FLAT_CONTROL}`}\n          icon={<Plus />}\n          onClick={newCollection}\n        >\n          New collection\n        </Button>\n      }\n    >\n      {/* One enclosed card, the same as discounts and the catalog: the filters\n          are a bar attached to the list they filter, not a strip floating above\n          it — which read worst when the account was empty. */}\n      <ListFrame\n        toolbar={\n          /*\n            The app's filter row, not a private one.\n\n            This assembled its own: a row of status pills on the left and a\n            256px search box pushed to the right — so on the one screen a\n            merchant reaches search first, search was the smallest control in\n            the row and the filter was the widest. Catalog, Orders, Money and\n            Invoices all place `FilterBar` as a `w-full` child of ListFrame's\n            toolbar, where the search field takes the row (`flex-1`) and the\n            filters sit behind one button beside it, and the panel opens inside\n            the frame above the rows it narrows. There is nothing about\n            collections that wanted a different row.\n          */\n          <div className=\"w-full\">\n            <FilterBar\n              search={search}\n              onSearchChange={applySearch}\n              placeholder=\"Search collections\"\n              activeCount={statusFilter === 'all' ? 0 : 1}\n              toolbar\n            >\n              <FilterField label=\"Status\">\n                <Select\n                  id=\"collection-status\"\n                  value={statusFilter}\n                  onChange={applyStatus}\n                  ariaLabel=\"Filter collections by status\"\n                  options={STATUS_OPTIONS}\n                />\n              </FilterField>\n            </FilterBar>\n          </div>\n        }\n        footer={\n          /*\n            Only once there is a second page.\n\n            Over a single page this rendered \"Previous · Page 1 of 1 · Next\"\n            with both buttons dead — three controls describing a list you can\n            see all of. A business with one collection got a pagination bar\n            under one row.\n          */\n          totalPages > 1 ? (\n            <TablePagination\n              page={currentPage}\n              totalPages={totalPages}\n              pageSize={PAGE_SIZE}\n              totalItems={filtered.length}\n              entityName=\"collections\"\n              onPageChange={setPage}\n            />\n          ) : null\n        }\n      >\n        <ListStates\n          framed\n          // The folders' own shape, not the shared table skeleton: this list\n          // has not been a table since it became a grid of folders.\n          skeleton={<CollectionsGridSkeleton />}\n          loading={loading}\n          isEmpty={filtered.length === 0}\n          error={error}\n          onRetry={refetch}\n          empty={\n            <TableEmptyState\n              icon={Layers}\n              title={filtering ? 'Nothing matches' : 'No collections yet'}\n              description={\n                filtering\n                  ? 'Clear the filters to see the rest.'\n                  : 'A collection groups products so you can point people at a set of them rather than one at a time.'\n              }\n              action={\n                filtering\n                  ? undefined\n                  : { label: 'New collection', onClick: newCollection }\n              }\n            />\n          }\n        >\n          <CollectionsGrid\n            collections={visibleCollections}\n            productMap={productMap}\n            formatValue={formatValue}\n          />\n        </ListStates>\n      </ListFrame>\n    </ListPage>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/features/customer-form.d.ts

@@ -0,0 +1,6 @@
+interface CustomerFormProps {
+    onSaved: () => void;
+    onClose: () => void;
+}
+export declare function CustomerForm({ onSaved, onClose }: CustomerFormProps): import("react").JSX.Element;
+export {};

package/dist/features/customer-form.js

@@ -0,0 +1,153 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FormDialog } from "@withpotter/ui-kit/form-dialog";
+import { useState } from "react";
+import { Mail, User, Phone, Tag } from "lucide-react";
+import { membersApi } from "@withpotter/lib/api/members";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { Button } from "@withpotter/ui-kit/button";
+import { Input, Checkbox, inputErrorClass } from "@withpotter/ui-kit";
+function CustomerForm({ onSaved, onClose }) {
+  const { tenant } = useAuth();
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState("");
+  const [form, setForm] = useState({
+    email: "",
+    name: "",
+    phone: "",
+    acceptsMarketing: false,
+    tags: ""
+  });
+  const updateField = (key, value) => {
+    setForm((prev) => ({ ...prev, [key]: value }));
+  };
+  const handlePhoneChange = (raw) => {
+    const cleaned = raw.replace(/\D/g, "").slice(0, 15);
+    updateField("phone", cleaned);
+  };
+  const phoneError = form.phone.length > 0 && form.phone.length !== 11 && !form.phone.startsWith("+") ? "Enter 11 digits (local) or include country code e.g. +2348012345678" : null;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!tenant?.slug || !form.email) return;
+    if (phoneError) return;
+    setSaving(true);
+    setError("");
+    try {
+      const data = {
+        email: form.email,
+        name: form.name || void 0,
+        phone: form.phone || void 0,
+        acceptsMarketing: form.acceptsMarketing || void 0,
+        tags: form.tags ? form.tags.split(",").map((t) => t.trim()).filter(Boolean) : void 0
+      };
+      await membersApi.create(tenant.slug, data);
+      onSaved();
+      onClose();
+    } catch (err) {
+      setError(err.message || "Failed to create customer");
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      title: "Add customer",
+      description: "Create a new customer record",
+      onClose,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, disabled: saving || !form.email, children: saving ? "Creating..." : "Create Customer" })
+      ] }),
+      children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+        error && /* @__PURE__ */ jsx("div", { className: "p-3 bg-[var(--error-bg)] text-[var(--error)] text-sm rounded-md border border-[var(--error)]/20", children: error }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: [
+            /* @__PURE__ */ jsx(Mail, { className: "size-4 inline mr-1.5 -mt-0.5" }),
+            "Email *"
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "email",
+              required: true,
+              value: form.email,
+              onChange: (e) => updateField("email", e.target.value),
+              placeholder: "customer@example.com",
+              className: "w-full"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: [
+            /* @__PURE__ */ jsx(User, { className: "size-4 inline mr-1.5 -mt-0.5" }),
+            "Full name"
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              value: form.name,
+              onChange: (e) => updateField("name", e.target.value),
+              placeholder: "Jane Doe",
+              className: "w-full"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: [
+            /* @__PURE__ */ jsx(Phone, { className: "size-4 inline mr-1.5 -mt-0.5" }),
+            "Phone"
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "tel",
+              value: form.phone,
+              onChange: (e) => handlePhoneChange(e.target.value),
+              placeholder: "08012345678",
+              maxLength: 15,
+              className: phoneError ? inputErrorClass : ""
+            }
+          ),
+          phoneError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500 mt-1", children: phoneError })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: [
+            /* @__PURE__ */ jsx(Tag, { className: "size-4 inline mr-1.5 -mt-0.5" }),
+            "Tags"
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              value: form.tags,
+              onChange: (e) => updateField("tags", e.target.value),
+              placeholder: "vip, wholesale (comma-separated)",
+              className: "w-full"
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)] mt-1", children: "Separate tags with commas" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "border-t border-[var(--border-default)] pt-6", children: /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-3 cursor-pointer", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              bare: true,
+              checked: form.acceptsMarketing,
+              onChange: (e) => updateField("acceptsMarketing", e.target.checked)
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--text-secondary)]", children: "Accepts marketing" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)]", children: "Customer consents to receive promotional emails" })
+          ] })
+        ] }) })
+      ] })
+    }
+  ) });
+}
+export {
+  CustomerForm
+};
+//# sourceMappingURL=customer-form.js.map

package/dist/features/customer-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/features/customer-form.tsx"],"sourcesContent":["'use client';\n\nimport { FormDialog } from '@withpotter/ui-kit/form-dialog';\n\nimport { useState } from 'react';\nimport { Mail, User, Phone, Tag } from 'lucide-react';\nimport { membersApi } from '@withpotter/lib/api/members';\nimport type { CreateMemberInput } from '@withpotter/lib/api/types';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Input, Checkbox, inputErrorClass } from '@withpotter/ui-kit';\n\ninterface CustomerFormProps {\n  onSaved: () => void;\n  onClose: () => void;\n}\n\nexport function CustomerForm({ onSaved, onClose }: CustomerFormProps) {\n  const { tenant } = useAuth();\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState('');\n\n  const [form, setForm] = useState({\n    email: '',\n    name: '',\n    phone: '',\n    acceptsMarketing: false,\n    tags: '',\n  });\n\n  const updateField = <K extends keyof typeof form>(\n    key: K,\n    value: (typeof form)[K],\n  ) => {\n    setForm((prev) => ({ ...prev, [key]: value }));\n  };\n\n  const handlePhoneChange = (raw: string) => {\n    // Digits only (no letters, no special chars), max 15\n    const cleaned = raw.replace(/\\D/g, '').slice(0, 15);\n    updateField('phone', cleaned);\n  };\n\n  const phoneError =\n    form.phone.length > 0 &&\n    form.phone.length !== 11 &&\n    !form.phone.startsWith('+')\n      ? 'Enter 11 digits (local) or include country code e.g. +2348012345678'\n      : null;\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!tenant?.slug || !form.email) return;\n    if (phoneError) return;\n\n    setSaving(true);\n    setError('');\n\n    try {\n      const data: CreateMemberInput = {\n        email: form.email,\n        name: form.name || undefined,\n        phone: form.phone || undefined,\n        acceptsMarketing: form.acceptsMarketing || undefined,\n        tags: form.tags\n          ? form.tags\n              .split(',')\n              .map((t) => t.trim())\n              .filter(Boolean)\n          : undefined,\n      };\n\n      await membersApi.create(tenant.slug, data);\n      onSaved();\n      onClose();\n    } catch (err) {\n      setError((err as Error).message || 'Failed to create customer');\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  return (\n    <>\n      <FormDialog\n        title=\"Add customer\"\n        description=\"Create a new customer record\"\n        onClose={onClose}\n        footer={\n          <>\n            <Button variant=\"secondary\" onClick={onClose}>\n              Cancel\n            </Button>\n            <Button onClick={handleSubmit} disabled={saving || !form.email}>\n              {saving ? 'Creating...' : 'Create Customer'}\n            </Button>\n          </>\n        }\n      >\n        {/* Scrollable Content */}\n        <form onSubmit={handleSubmit} className=\"space-y-6\">\n          {error && (\n            <div className=\"p-3 bg-[var(--error-bg)] text-[var(--error)] text-sm rounded-md border border-[var(--error)]/20\">\n              {error}\n            </div>\n          )}\n\n          {/* Email */}\n          <div>\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n              <Mail className=\"size-4 inline mr-1.5 -mt-0.5\" />\n              Email *\n            </label>\n            <Input\n              type=\"email\"\n              required\n              value={form.email}\n              onChange={(e) => updateField('email', e.target.value)}\n              placeholder=\"customer@example.com\"\n              className=\"w-full\"\n            />\n          </div>\n\n          {/* Name */}\n          <div>\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n              <User className=\"size-4 inline mr-1.5 -mt-0.5\" />\n              Full name\n            </label>\n            <Input\n              type=\"text\"\n              value={form.name}\n              onChange={(e) => updateField('name', e.target.value)}\n              placeholder=\"Jane Doe\"\n              className=\"w-full\"\n            />\n          </div>\n\n          {/* Phone */}\n          <div>\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n              <Phone className=\"size-4 inline mr-1.5 -mt-0.5\" />\n              Phone\n            </label>\n            <Input\n              type=\"tel\"\n              value={form.phone}\n              onChange={(e) => handlePhoneChange(e.target.value)}\n              placeholder=\"08012345678\"\n              maxLength={15}\n              className={phoneError ? inputErrorClass : ''}\n            />\n            {phoneError && (\n              <p className=\"text-xs text-red-500 mt-1\">{phoneError}</p>\n            )}\n          </div>\n\n          {/* Tags */}\n          <div>\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n              <Tag className=\"size-4 inline mr-1.5 -mt-0.5\" />\n              Tags\n            </label>\n            <Input\n              type=\"text\"\n              value={form.tags}\n              onChange={(e) => updateField('tags', e.target.value)}\n              placeholder=\"vip, wholesale (comma-separated)\"\n              className=\"w-full\"\n            />\n            <p className=\"text-xs text-[var(--text-tertiary)] mt-1\">\n              Separate tags with commas\n            </p>\n          </div>\n\n          {/* Marketing */}\n          <div className=\"border-t border-[var(--border-default)] pt-6\">\n            <label className=\"flex items-center gap-3 cursor-pointer\">\n              <Checkbox\n                bare\n                checked={form.acceptsMarketing}\n                onChange={(e) =>\n                  updateField('acceptsMarketing', e.target.checked)\n                }\n              />\n              <div>\n                <span className=\"text-sm font-medium text-[var(--text-secondary)]\">\n                  Accepts marketing\n                </span>\n                <p className=\"text-xs text-[var(--text-tertiary)]\">\n                  Customer consents to receive promotional emails\n                </p>\n              </div>\n            </label>\n          </div>\n        </form>\n      </FormDialog>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

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

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