@withpotter/components 0.13.0-next.101

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/features/product-form.tsx"],"sourcesContent":["// @ts-nocheck — Legacy product form, no longer imported. Kept for reference only.\n'use client';\n\n/**\n * @deprecated Use ContentTypeStepperPanel + useProductFormState + useApiDispatch instead.\n *\n * This component is retained only for the product detail edit pages\n * (inventory/[productId]/page.tsx). New creation flows should use\n * ContentTypeStepperPanel with productMode props.\n */\n\nimport { useState, useEffect, useMemo, useCallback } from 'react';\nimport {\n  PointerSensor,\n  KeyboardSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from '@dnd-kit/core';\nimport { arrayMove, sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useCurrentTemplate } from '@withpotter/lib/template-context';\nimport { getCurrencySymbol } from '@withpotter/components/dynamic-form';\nimport { contentApi } from '@withpotter/lib/api/content';\nimport { inventoryApi } from '@withpotter/lib/api/inventory';\nimport { merchantSubscriptionsApi } from '@withpotter/lib/api/merchant-subscriptions';\nimport { resourceCategoriesApi } from '@withpotter/lib/api/resource-categories';\nimport type { MerchantPlan } from '@withpotter/lib/api/types';\nimport { ContentItem } from '@withpotter/lib/api/types';\nimport {\n  ProductType,\n  generateSlug,\n  type CreateProductPayload,\n  type Product,\n  type ProductMedia,\n  type ProductBehaviors,\n  type BookableConfig,\n  type ShippableConfig,\n  type SubscribableConfig,\n  type DownloadableConfig,\n  type RentableConfig,\n  type TicketedConfig,\n  isBehaviorEnabled,\n} from '@withpotter/lib/product-types';\nimport type { ContentResourceRequirementItem } from '@withpotter/lib/resource-types';\nimport {\n  FormStepperPanel,\n  type FormStep,\n} from '@withpotter/ui-kit/form-stepper-panel';\nimport {\n  type BehaviorKey,\n  type BehaviorLabelOverrides,\n} from '@withpotter/components/behaviors/behavior-config-section';\nimport { createBasicsStep } from './product-form/basics-step';\nimport {\n  createBehaviorConfigPanels,\n  createBehaviorsStep,\n} from './product-form/behaviors-step';\nimport { createDetailsStep } from './product-form/details-step';\nimport { createOrganizeStep } from './product-form/organize-step';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface ProductFormProps {\n  /** Existing product to edit, or null for create mode */\n  product?: Product | null;\n  /** Called after successful save with the saved product */\n  onSaved: () => void;\n  /** Called when the form is closed/cancelled */\n  onClose: () => void;\n}\n\n// Platform field names that are extracted from formValues and sent as top-level payload fields\n// Fields that are rendered manually in the platform section below.\n// All other template fields pass through to DynamicForm (e.g. category,\n// tags, gallery, shortDescription, allergens, dietary, etc.).\nconst PLATFORM_FIELDS = new Set([\n  'title',\n  'slug',\n  'description',\n  'featured',\n  'isActive',\n  'image',\n  'gallery',\n  'price',\n  'compareAtPrice',\n  'currency',\n  'trackInventory',\n  'quantity',\n  'lowStockThreshold',\n  'type',\n]);\n\nfunction normalizeMediaItem(input: unknown): ProductMedia | null {\n  if (!input) return null;\n  if (typeof input === 'string') {\n    return { url: input, type: 'image' };\n  }\n\n  if (typeof input !== 'object') return null;\n  const item = input as Record<string, unknown>;\n  if (typeof item.url !== 'string' || item.url.trim().length === 0) return null;\n\n  return {\n    url: item.url,\n    type: item.type === 'video' ? 'video' : 'image',\n    alt: typeof item.alt === 'string' ? item.alt : undefined,\n    width: typeof item.width === 'number' ? item.width : undefined,\n    height: typeof item.height === 'number' ? item.height : undefined,\n    thumbnail: typeof item.thumbnail === 'string' ? item.thumbnail : undefined,\n    duration: typeof item.duration === 'number' ? item.duration : undefined,\n  };\n}\n\nfunction normalizeMediaList(input: unknown): ProductMedia[] {\n  if (!Array.isArray(input)) return [];\n  return input\n    .map((item) => normalizeMediaItem(item))\n    .filter((item): item is ProductMedia => item !== null);\n}\n\ninterface ProductGalleryItem extends ProductMedia {\n  id: string;\n}\n\nfunction createGalleryItemId(url: string): string {\n  return `${url}-${Math.random().toString(36).slice(2, 10)}`;\n}\n\nfunction toGalleryItems(media: ProductMedia[]): ProductGalleryItem[] {\n  return media.map((item) => ({\n    ...item,\n    id: createGalleryItemId(item.url),\n  }));\n}\n\nfunction stripGalleryItemIds(items: ProductGalleryItem[]): ProductMedia[] {\n  return items.map(({ id, ...rest }) => rest);\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function ProductForm({ product, onSaved, onClose }: ProductFormProps) {\n  const { tenant } = useAuth();\n  const { template } = useCurrentTemplate(tenant?.templateId);\n  const sellableContentType = null as any;\n\n  // Form state\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [slugManuallyEdited, setSlugManuallyEdited] = useState(false);\n\n  // Platform field values\n  const [productType, setProductType] = useState<ProductType>(\n    (product?.type as ProductType) || ProductType.PHYSICAL,\n  );\n  const [title, setTitle] = useState(product?.title || '');\n  const [slug, setSlug] = useState(product?.slug || '');\n  const [description, setDescription] = useState(product?.description || '');\n  const [price, setPrice] = useState<number | undefined>(\n    product?.price != null ? Number(product.price) : undefined,\n  );\n  const [compareAtPrice, setCompareAtPrice] = useState<number | undefined>(\n    product?.compareAtPrice != null\n      ? Number(product.compareAtPrice)\n      : undefined,\n  );\n  const [trackInventory, setTrackInventory] = useState(\n    product?.trackInventory ?? true,\n  );\n  const [quantity, setQuantity] = useState<number | ''>(product?.quantity ?? 0);\n  const [lowStockThreshold, setLowStockThreshold] = useState<number | ''>(\n    product?.lowStockThreshold ?? 5,\n  );\n  const [featured, setFeatured] = useState(product?.featured ?? false);\n  const [isActive, setIsActive] = useState(product?.isActive ?? true);\n  const [heroImage, setHeroImage] = useState<ProductMedia | null>(\n    normalizeMediaItem(product?.image) || null,\n  );\n  const [galleryItems, setGalleryItems] = useState<ProductGalleryItem[]>(() =>\n    toGalleryItems(normalizeMediaList(product?.gallery)),\n  );\n  const [showHeroImageModal, setShowHeroImageModal] = useState(false);\n  const [showGalleryMediaModal, setShowGalleryMediaModal] = useState(false);\n  const [editingGalleryIndex, setEditingGalleryIndex] = useState<number | null>(\n    null,\n  );\n\n  const gallerySensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: { distance: 4 },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const handleGalleryDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n      if (!over || active.id === over.id) return;\n      const oldIndex = galleryItems.findIndex(\n        (item) => item.id === String(active.id),\n      );\n      const newIndex = galleryItems.findIndex(\n        (item) => item.id === String(over.id),\n      );\n      if (oldIndex < 0 || newIndex < 0) return;\n      setGalleryItems((prev) => arrayMove(prev, oldIndex, newIndex));\n    },\n    [galleryItems],\n  );\n\n  // Collection assignment state\n  const [allCollections, setAllCollections] = useState<ContentItem[]>([]);\n  const [selectedCollectionIds, setSelectedCollectionIds] = useState<\n    Set<string>\n  >(new Set());\n  const [collectionsLoading, setCollectionsLoading] = useState(false);\n\n  // Resource categories & requirements state (for bookable behavior)\n  const [resourceCategories, setResourceCategories] = useState<\n    Array<{ id: string; label: string; labelPlural: string; kind: string }>\n  >([]);\n  const [resourceRequirements, setResourceRequirements] = useState<\n    ContentResourceRequirementItem[]\n  >([]);\n  const [activePlans, setActivePlans] = useState<MerchantPlan[]>([]);\n\n  // Template field values (stored in `data`)\n  const [templateValues, setTemplateValues] = useState<Record<string, unknown>>(\n    product?.data || {},\n  );\n\n  const isEditing = !!product;\n\n  // Get tenant currency\n  const tenantCurrency = useMemo(() => {\n    const settings = tenant?.settings as Record<string, unknown> | undefined;\n    return (settings?.currency as string) || 'NGN';\n  }, [tenant?.settings]);\n\n  // Get tenant categories from settings, falling back to template defaults\n  const tenantCategories = useMemo(() => {\n    const saved =\n      ((tenant?.settings as Record<string, unknown>)?.categories as Record<\n        string,\n        { value: string; label: string; sortOrder?: number }[]\n      >) || {};\n\n    // If tenant already has saved categories, use them\n    if (Object.keys(saved).length > 0) return saved;\n\n    // Fall back to defaults from template's categoryManager siteSettings\n    if (!template?.siteSettings) return saved;\n    const defaults: Record<\n      string,\n      { value: string; label: string; sortOrder?: number }[]\n    > = {};\n    for (const [, section] of Object.entries(template.siteSettings)) {\n      const s = section as unknown as {\n        type?: string;\n        contentTypeKey?: string;\n        defaults?: { value: string; label: string; sortOrder?: number }[];\n      };\n      if (s?.type === 'categoryManager' && s.contentTypeKey && s.defaults) {\n        defaults[s.contentTypeKey] = [...s.defaults];\n      }\n    }\n    return Object.keys(defaults).length > 0 ? defaults : saved;\n  }, [tenant?.settings, template?.siteSettings]);\n\n  // Currency symbol helper (moved up — needed by behavior config panels)\n  const currencySymbol = useMemo(\n    () => getCurrencySymbol(tenantCurrency),\n    [tenantCurrency],\n  );\n\n  // Industry-defined fields from the content type\n  const mergedFields = useMemo(() => {\n    if (!sellableContentType) return [];\n    return sellableContentType.fields;\n  }, [sellableContentType]);\n\n  // Filter out platform fields that we render manually — only show template-specific fields\n  const templateOnlyFields = useMemo(() => {\n    return mergedFields.filter((f) => !PLATFORM_FIELDS.has(f.name));\n  }, [mergedFields]);\n\n  // ── Suggested detail sections (opt-in template fields) ──\n  // Build a list of toggleable sections from template field groups + ungrouped fields\n  const detailSections = useMemo(() => {\n    const groups = sellableContentType?.fieldGroups || [];\n    const groupedFieldNames = new Set(groups.flatMap((g) => g.fields));\n    const ungrouped = templateOnlyFields.filter(\n      (f) => !groupedFieldNames.has(f.name),\n    );\n\n    const sections: Array<{\n      key: string;\n      label: string;\n      description?: string;\n      fieldNames: string[];\n    }> = [];\n\n    // Each field group becomes a section\n    for (const g of groups) {\n      const hasFields = g.fields.some((fn) =>\n        templateOnlyFields.some((f) => f.name === fn),\n      );\n      if (hasFields) {\n        sections.push({\n          key: `group:${g.label}`,\n          label: g.label,\n          description: g.description,\n          fieldNames: g.fields,\n        });\n      }\n    }\n\n    // Each ungrouped field becomes its own section\n    for (const f of ungrouped) {\n      sections.push({\n        key: `field:${f.name}`,\n        label: f.label || f.name,\n        fieldNames: [f.name],\n      });\n    }\n\n    return sections;\n  }, [templateOnlyFields, sellableContentType?.fieldGroups]);\n\n  // Track which sections the user has opted into\n  const [enabledDetailSections, setEnabledDetailSections] = useState<\n    Set<string>\n  >(new Set());\n\n  // On edit, auto-enable sections that already have data\n  useEffect(() => {\n    if (!isEditing || !product?.data || detailSections.length === 0) return;\n    const data = product.data as Record<string, unknown>;\n    const enabled = new Set<string>();\n    for (const section of detailSections) {\n      const hasData = section.fieldNames.some((fn) => {\n        const val = data[fn];\n        if (val === undefined || val === null || val === '') return false;\n        if (Array.isArray(val) && val.length === 0) return false;\n        return true;\n      });\n      if (hasData) enabled.add(section.key);\n    }\n    if (enabled.size > 0) setEnabledDetailSections(enabled);\n  }, [isEditing, product?.data, detailSections]);\n\n  const toggleDetailSection = useCallback((key: string) => {\n    setEnabledDetailSections((prev) => {\n      const next = new Set(prev);\n      if (next.has(key)) {\n        next.delete(key);\n      } else {\n        next.add(key);\n      }\n      return next;\n    });\n  }, []);\n\n  // Filter template fields + groups to only enabled ones for DynamicForm\n  const activeTemplateFields = useMemo(() => {\n    const enabledFieldNames = new Set<string>();\n    for (const section of detailSections) {\n      if (enabledDetailSections.has(section.key)) {\n        for (const fn of section.fieldNames) enabledFieldNames.add(fn);\n      }\n    }\n    return templateOnlyFields.filter((f) => enabledFieldNames.has(f.name));\n  }, [templateOnlyFields, detailSections, enabledDetailSections]);\n\n  const activeFieldGroups = useMemo(() => {\n    if (!sellableContentType?.fieldGroups) return undefined;\n    return sellableContentType.fieldGroups.filter((g) =>\n      enabledDetailSections.has(`group:${g.label}`),\n    );\n  }, [sellableContentType?.fieldGroups, enabledDetailSections]);\n\n  // Auto-generate slug from title (on create only)\n  useEffect(() => {\n    if (!isEditing && !slugManuallyEdited && title) {\n      setSlug(generateSlug(title));\n    }\n  }, [title, isEditing, slugManuallyEdited]);\n\n  // Pre-populate template values from product.data on edit\n  useEffect(() => {\n    setTemplateValues(product?.data || {});\n    setHeroImage(normalizeMediaItem(product?.image) || null);\n    setGalleryItems(toGalleryItems(normalizeMediaList(product?.gallery)));\n  }, [product?.data, product?.image, product?.gallery]);\n\n  // Fetch collections and pre-select those containing this product\n  useEffect(() => {\n    if (!tenant?.slug) return;\n    let cancelled = false;\n    const fetchCollections = async () => {\n      setCollectionsLoading(true);\n      try {\n        const result = await contentApi.list(tenant.slug, 'collections', {\n          limit: 200,\n        });\n        if (cancelled) return;\n        const items = result.data || [];\n        setAllCollections(items);\n\n        // On edit, find which collections already contain this product\n        if (product?.id) {\n          const matched = new Set<string>();\n          for (const c of items) {\n            const ids = c.data?.productIds;\n            if (Array.isArray(ids) && ids.includes(product.id)) {\n              matched.add(c.id);\n            }\n          }\n          setSelectedCollectionIds(matched);\n        }\n      } catch {\n        // silently handle — collections picker just won't appear\n      } finally {\n        if (!cancelled) setCollectionsLoading(false);\n      }\n    };\n    fetchCollections();\n    return () => {\n      cancelled = true;\n    };\n  }, [tenant?.slug, product?.id]);\n\n  // Fetch resource categories (for bookable resource requirements)\n  useEffect(() => {\n    if (!tenant?.slug) return;\n    let cancelled = false;\n    const fetchCategories = async () => {\n      try {\n        const cats = await resourceCategoriesApi.list(tenant.slug);\n        if (cancelled) return;\n        setResourceCategories(\n          (cats || []).map((c) => ({\n            id: c.id,\n            label: c.label || (c as any).name || '',\n            labelPlural: c.labelPlural || '',\n            kind: c.kind || 'person',\n          })),\n        );\n      } catch {\n        // silently handle — resource requirements section won't appear\n      }\n    };\n    fetchCategories();\n    return () => {\n      cancelled = true;\n    };\n  }, [tenant?.slug]);\n\n  // Fetch active MerchantPlans (for subscribable linked plan selector)\n  useEffect(() => {\n    if (!tenant?.slug) return;\n    merchantSubscriptionsApi\n      .getActivePlans(tenant.slug)\n      .then((plans) => setActivePlans(plans || []))\n      .catch(() => {\n        // silently handle — plan selector will be hidden when plans is empty\n      });\n  }, [tenant?.slug]);\n\n  // Fetch existing resource requirements when editing a product\n  useEffect(() => {\n    if (!tenant?.slug || !product?.id) return;\n    let cancelled = false;\n    const fetchRequirements = async () => {\n      try {\n        const reqs = await resourceCategoriesApi.getContentRequirements(\n          tenant.slug,\n          product.id,\n        );\n        if (cancelled) return;\n        setResourceRequirements(\n          (reqs || []).map((r) => ({\n            categoryId: r.categoryId,\n            isRequired: r.isRequired ?? true,\n            assignmentStrategy: r.assignmentStrategy as\n              ContentResourceRequirementItem['assignmentStrategy'] | undefined,\n            requiredSkills: r.requiredSkills || [],\n            eligibleResourceIds: r.eligibleResourceIds || null,\n          })),\n        );\n      } catch {\n        // silently handle — no existing requirements\n      }\n    };\n    fetchRequirements();\n    return () => {\n      cancelled = true;\n    };\n  }, [tenant?.slug, product?.id]);\n\n  // ── Behavior config state (Phase 4: config objects instead of booleans) ──\n  const [behaviorConfigs, setBehaviorConfigs] = useState<ProductBehaviors>(\n    () => {\n      // On edit, load existing behaviors from the product\n      if (product?.behaviors) {\n        return product.behaviors as ProductBehaviors;\n      }\n      // On create, initialize from the template's content type behaviors\n      if (sellableContentType?.behaviors) {\n        const b: ProductBehaviors = {};\n        for (const behavior of sellableContentType.behaviors) {\n          (b as any)[behavior] = { enabled: true };\n        }\n        return b;\n      }\n      return { sellable: { enabled: true } };\n    },\n  );\n\n  // Re-initialize behavior configs when the template changes (create mode)\n  useEffect(() => {\n    if (!isEditing && sellableContentType?.behaviors) {\n      setBehaviorConfigs((prev) => {\n        // Only set defaults for behaviors that aren't already configured\n        const updated = { ...prev };\n        for (const behavior of sellableContentType.behaviors) {\n          if ((updated as any)[behavior] === undefined) {\n            (updated as any)[behavior] = { enabled: true };\n          }\n        }\n        return updated;\n      });\n    }\n  }, [sellableContentType, isEditing]);\n\n  // ── Content gating state ──\n  const [gatedBy, setGatedBy] = useState<string[]>(() => {\n    if (\n      product?.behaviors?.gatedBy &&\n      Array.isArray(product.behaviors.gatedBy)\n    ) {\n      return product.behaviors.gatedBy;\n    }\n    return [];\n  });\n  const [gatedByPlanIds, setGatedByPlanIds] = useState<string[]>(() => {\n    if (\n      product?.behaviors?.gatedByPlanIds &&\n      Array.isArray(product.behaviors.gatedByPlanIds)\n    ) {\n      return product.behaviors.gatedByPlanIds;\n    }\n    return [];\n  });\n\n  // Derive which MerchantPlan is linked to the subscribable behavior\n  const linkedPlanId = useMemo(() => {\n    const config = getBehaviorConfig<SubscribableConfig>(\n      behaviorConfigs.subscribable,\n    );\n    return config?.linkedPlanId;\n  }, [behaviorConfigs.subscribable]);\n\n  const linkedPlanName = useMemo(() => {\n    if (!linkedPlanId || !activePlans) return undefined;\n    return activePlans.find((p) => p.id === linkedPlanId)?.name;\n  }, [linkedPlanId, activePlans]);\n\n  // Derive which behaviors are available for the product form toggle list.\n  // Priority: tenant's enabledBehaviors > template content type behaviors > fallback to all behaviors\n  const availableBehaviors = useMemo<BehaviorKey[]>(() => {\n    const tenantSettings = tenant?.settings as\n      Record<string, unknown> | undefined;\n    const tenantBehaviors = tenantSettings?.enabledBehaviors;\n\n    // 1. Tenant has explicit preferences — use them\n    if (Array.isArray(tenantBehaviors) && tenantBehaviors.length > 0) {\n      return tenantBehaviors.filter(\n        (b): b is BehaviorKey => b !== 'giftable' && b !== 'leadCapture',\n      );\n    }\n\n    // 2. Template content type defines behaviors\n    if (\n      sellableContentType?.behaviors &&\n      sellableContentType.behaviors.length > 0\n    ) {\n      const filtered = sellableContentType.behaviors.filter(\n        (b): b is BehaviorKey => b !== 'giftable' && b !== 'leadCapture',\n      );\n      if (filtered.length > 0) return filtered;\n    }\n\n    // 3. Fallback — offer all behaviors by platform default\n    return [\n      'sellable',\n      'bookable',\n      'shippable',\n      'subscribable',\n      'downloadable',\n      'rentable',\n      'ticketed',\n    ] as BehaviorKey[];\n  }, [tenant?.settings, sellableContentType]);\n\n  // Template-provided behavior label overrides\n  const behaviorLabelOverrides = useMemo<\n    BehaviorLabelOverrides | undefined\n  >(() => {\n    // Templates can provide behaviorLabels in their schema\n    const ct = sellableContentType as unknown as {\n      behaviorLabels?: BehaviorLabelOverrides;\n    };\n    return ct?.behaviorLabels;\n  }, [sellableContentType]);\n\n  // Build flat behaviors for backward-compatible save (also used by behavior field merging)\n  const behaviors = useMemo(() => {\n    const b: Record<string, boolean> = {};\n    for (const [key, value] of Object.entries(behaviorConfigs)) {\n      if (key === 'gatedBy' || key === 'gatedByPlanIds' || key === 'reservable')\n        continue;\n      b[key] = isBehaviorEnabled(value);\n    }\n    return b;\n  }, [behaviorConfigs]);\n\n  // ── Behavior config update handlers ──\n  const updateBookableConfig = useCallback((config: BookableConfig) => {\n    setBehaviorConfigs((prev) => ({ ...prev, bookable: config }));\n  }, []);\n\n  const updateShippableConfig = useCallback((config: ShippableConfig) => {\n    setBehaviorConfigs((prev) => ({ ...prev, shippable: config }));\n  }, []);\n\n  const updateSubscribableConfig = useCallback((config: SubscribableConfig) => {\n    setBehaviorConfigs((prev) => ({ ...prev, subscribable: config }));\n  }, []);\n\n  const updateDownloadableConfig = useCallback((config: DownloadableConfig) => {\n    setBehaviorConfigs((prev) => ({ ...prev, downloadable: config }));\n  }, []);\n\n  const updateRentableConfig = useCallback((config: RentableConfig) => {\n    setBehaviorConfigs((prev) => ({ ...prev, rentable: config }));\n  }, []);\n\n  const updateTicketedConfig = useCallback((config: TicketedConfig) => {\n    setBehaviorConfigs((prev) => ({ ...prev, ticketed: config }));\n  }, []);\n\n  // Build config panel map for the BehaviorConfigSection\n  const behaviorConfigPanels = useMemo(\n    () =>\n      createBehaviorConfigPanels({\n        behaviorConfigs,\n        updateBookableConfig,\n        updateShippableConfig,\n        updateSubscribableConfig,\n        updateDownloadableConfig,\n        updateRentableConfig,\n        updateTicketedConfig,\n        behaviorLabelOverrides,\n        currencySymbol,\n        resourceCategories,\n        resourceRequirements,\n        setResourceRequirements,\n        activePlans,\n      }),\n    [\n      behaviorConfigs,\n      updateBookableConfig,\n      updateShippableConfig,\n      updateSubscribableConfig,\n      updateDownloadableConfig,\n      updateRentableConfig,\n      updateTicketedConfig,\n      behaviorLabelOverrides,\n      currencySymbol,\n      resourceCategories,\n      resourceRequirements,\n    ],\n  );\n\n  // Handle save\n  const handleSave = useCallback(async () => {\n    if (!tenant?.slug) return;\n\n    // Basic validation\n    if (!title.trim()) {\n      setError('Title is required');\n      return;\n    }\n    if (!slug.trim()) {\n      setError('Slug is required');\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      const payload: CreateProductPayload = {\n        type: productType,\n        title: title.trim(),\n        slug: slug.trim(),\n        description: description || undefined,\n        price: price !== undefined ? Number(price) || 0 : undefined,\n        compareAtPrice:\n          compareAtPrice !== undefined\n            ? Number(compareAtPrice) || 0\n            : undefined,\n        currency: tenantCurrency,\n        trackInventory,\n        quantity: typeof quantity === 'number' ? quantity : 0,\n        lowStockThreshold:\n          typeof lowStockThreshold === 'number' ? lowStockThreshold : 5,\n        featured,\n        isActive,\n        image: heroImage\n          ? ({\n              ...heroImage,\n              type: 'image',\n            } as ProductMedia)\n          : undefined,\n        // An empty list on an edit is sent as [], not left out: the API reads\n        // an omitted gallery as \"unchanged\", so removing the last item would\n        // save successfully and bring it straight back.\n        gallery:\n          galleryItems.length > 0\n            ? stripGalleryItemIds(galleryItems)\n            : isEditing\n              ? []\n              : undefined,\n        behaviors: {\n          ...behaviorConfigs,\n          ...(gatedBy.length > 0 && { gatedBy }),\n          ...(gatedByPlanIds.length > 0 && { gatedByPlanIds }),\n        },\n        data: templateValues,\n      };\n\n      let productId: string | undefined;\n\n      if (isEditing && product) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const { type, ...updatePayload } = payload;\n        await inventoryApi.update(\n          tenant.slug,\n          product.id,\n          updatePayload as Record<string, unknown>,\n        );\n        productId = product.id;\n      } else {\n        const created = await inventoryApi.create(\n          tenant.slug,\n          payload as unknown as Record<string, unknown>,\n        );\n        productId = created.id;\n      }\n\n      // Sync collection assignments — add/remove this product from collections\n      if (productId && allCollections.length > 0) {\n        const updates: Promise<unknown>[] = [];\n        for (const collection of allCollections) {\n          const currentIds: string[] = Array.isArray(\n            collection.data?.productIds,\n          )\n            ? (collection.data.productIds as string[])\n            : [];\n          const hasProduct = currentIds.includes(productId);\n          const shouldHave = selectedCollectionIds.has(collection.id);\n\n          if (shouldHave && !hasProduct) {\n            // Add product to this collection\n            updates.push(\n              contentApi.update(tenant.slug, 'collections', collection.id, {\n                data: {\n                  ...collection.data,\n                  productIds: [...currentIds, productId],\n                },\n              }),\n            );\n          } else if (!shouldHave && hasProduct) {\n            // Remove product from this collection\n            updates.push(\n              contentApi.update(tenant.slug, 'collections', collection.id, {\n                data: {\n                  ...collection.data,\n                  productIds: currentIds.filter((id) => id !== productId),\n                },\n              }),\n            );\n          }\n        }\n        if (updates.length > 0) {\n          await Promise.all(updates);\n        }\n      }\n\n      // Save resource requirements if bookable behavior is active\n      if (\n        productId &&\n        isBehaviorEnabled(behaviorConfigs.bookable) &&\n        resourceRequirements.length > 0\n      ) {\n        try {\n          await resourceCategoriesApi.setContentRequirements(\n            tenant.slug,\n            productId,\n            { requirements: resourceRequirements },\n          );\n        } catch {\n          // Non-blocking — product was saved, requirements just didn't persist\n          console.warn('Failed to save resource requirements');\n        }\n      }\n\n      onSaved();\n    } catch (e: unknown) {\n      const msg = e instanceof Error ? e.message : 'Failed to save product';\n      setError(msg);\n    } finally {\n      setSaving(false);\n    }\n  }, [\n    tenant?.slug,\n    productType,\n    title,\n    slug,\n    description,\n    price,\n    compareAtPrice,\n    tenantCurrency,\n    trackInventory,\n    quantity,\n    lowStockThreshold,\n    featured,\n    isActive,\n    heroImage,\n    galleryItems,\n    behaviorConfigs,\n    gatedBy,\n    gatedByPlanIds,\n    templateValues,\n    isEditing,\n    product,\n    onSaved,\n    allCollections,\n    selectedCollectionIds,\n    resourceRequirements,\n  ]);\n\n  // Currency formatting helpers\n  const formatCurrency = (num: number | undefined): string => {\n    if (num === undefined || num === null || isNaN(num)) return '';\n    return new Intl.NumberFormat('en-US', {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    }).format(num);\n  };\n\n  const parseCurrency = (str: string): number | undefined => {\n    const cleaned = str.replace(/[^0-9.]/g, '');\n    if (!cleaned) return undefined;\n    const num = parseFloat(cleaned);\n    return isNaN(num) ? undefined : num;\n  };\n\n  // Display state for currency fields\n  const [priceDisplay, setPriceDisplay] = useState(() =>\n    formatCurrency(product?.price != null ? Number(product.price) : undefined),\n  );\n  const [priceFocused, setPriceFocused] = useState(false);\n  const [compareDisplay, setCompareDisplay] = useState(() =>\n    formatCurrency(\n      product?.compareAtPrice != null\n        ? Number(product.compareAtPrice)\n        : undefined,\n    ),\n  );\n  const [compareFocused, setCompareFocused] = useState(false);\n\n  // Build steps for the stepper\n  const steps = useMemo<FormStep[]>(() => {\n    const result: FormStep[] = [];\n\n    // Step 1: Title, Image & Pricing\n    result.push(\n      createBasicsStep({\n        title,\n        setTitle,\n        heroImage,\n        setHeroImage,\n        showHeroImageModal,\n        setShowHeroImageModal,\n        galleryItems,\n        setGalleryItems,\n        gallerySensors,\n        handleGalleryDragEnd,\n        showGalleryMediaModal,\n        setShowGalleryMediaModal,\n        editingGalleryIndex,\n        setEditingGalleryIndex,\n        description,\n        setDescription,\n        currencySymbol,\n        priceFocused,\n        setPriceFocused,\n        priceDisplay,\n        setPriceDisplay,\n        price,\n        setPrice,\n        compareFocused,\n        setCompareFocused,\n        compareDisplay,\n        setCompareDisplay,\n        compareAtPrice,\n        setCompareAtPrice,\n        formatCurrency,\n        parseCurrency,\n      }),\n    );\n\n    // Step 2: Behaviors — What can customers do with this product?\n    result.push(\n      createBehaviorsStep({\n        behaviorConfigs,\n        setBehaviorConfigs,\n        behaviorLabelOverrides,\n        availableBehaviors,\n        behaviorConfigPanels,\n        gatedBy,\n        setGatedBy,\n        gatedByPlanIds,\n        setGatedByPlanIds,\n        activePlans,\n        linkedPlanName,\n      }),\n    );\n\n    // Step 3: Product Details & Inventory\n    result.push(\n      createDetailsStep({\n        behaviorConfigs,\n        detailSections,\n        enabledDetailSections,\n        toggleDetailSection,\n        activeTemplateFields,\n        activeFieldGroups,\n        templateValues,\n        setTemplateValues,\n        tenantCurrency,\n        tenantCategories,\n        tenantSlug: tenant?.slug,\n        trackInventory,\n        setTrackInventory,\n        quantity,\n        setQuantity,\n        lowStockThreshold,\n        setLowStockThreshold,\n      }),\n    );\n\n    // Step 4: Collections & Organization\n    result.push(\n      createOrganizeStep({\n        collectionsLoading,\n        allCollections,\n        selectedCollectionIds,\n        setSelectedCollectionIds,\n        isActive,\n        setIsActive,\n        isEditing,\n        productType,\n        setProductType,\n        slug,\n        setSlug,\n        setSlugManuallyEdited,\n        product,\n        featured,\n        setFeatured,\n      }),\n    );\n\n    return result;\n  }, [\n    title,\n    heroImage,\n    galleryItems,\n    showHeroImageModal,\n    showGalleryMediaModal,\n    editingGalleryIndex,\n    gallerySensors,\n    handleGalleryDragEnd,\n    description,\n    currencySymbol,\n    priceFocused,\n    priceDisplay,\n    price,\n    compareFocused,\n    compareDisplay,\n    compareAtPrice,\n    templateOnlyFields,\n    sellableContentType,\n    templateValues,\n    tenantCurrency,\n    tenantCategories,\n    tenant?.slug,\n    trackInventory,\n    quantity,\n    lowStockThreshold,\n    collectionsLoading,\n    allCollections,\n    selectedCollectionIds,\n    isEditing,\n    productType,\n    slug,\n    product?.slug,\n    isActive,\n    featured,\n    behaviorConfigs,\n    behaviorLabelOverrides,\n    availableBehaviors,\n    behaviorConfigPanels,\n    detailSections,\n    enabledDetailSections,\n    toggleDetailSection,\n    activeTemplateFields,\n    activeFieldGroups,\n    gatedBy,\n    gatedByPlanIds,\n    linkedPlanId,\n    linkedPlanName,\n  ]);\n\n  return (\n    <FormStepperPanel\n      title={isEditing ? 'Edit Product' : 'Add Product'}\n      steps={steps}\n      onSave={handleSave}\n      onClose={onClose}\n      saving={saving}\n      saveLabel={isEditing ? 'Update Product' : 'Create Product'}\n      error={error}\n      onClearError={() => setError(null)}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/features/product-picker.d.ts

@@ -0,0 +1,26 @@
+import type { InventoryProduct } from '@withpotter/lib/api/types';
+export interface ProductPickerValue {
+    title?: string;
+    contentId?: string;
+}
+export interface ProductPickerProps {
+    value: ProductPickerValue;
+    onSelect: (product: InventoryProduct) => void;
+    tenantSlug: string;
+    formatCurrency: (n: number) => string;
+    /**
+     * `inline` for a picker that has no field of its own.
+     *
+     * On the invoice sheet the line's title is already typed on the paper, so a
+     * bordered "Select a product…" trigger beside it would be a second field for
+     * the same value — and app chrome printed onto a document. Inline keeps the
+     * search and the results list, which is the part worth sharing, and shows a
+     * glyph instead of a face.
+     */
+    variant?: 'field' | 'inline';
+    /** What the glyph says it does, when there is no visible label. */
+    ariaLabel?: string;
+    /** Styling for an inline trigger, for a surface with its own palette. */
+    className?: string;
+}
+export declare function ProductPicker({ value, onSelect, tenantSlug, formatCurrency, variant, ariaLabel, className, }: ProductPickerProps): import("react").JSX.Element;

package/dist/features/product-picker.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { Search } from "lucide-react";
+import { inventoryApi } from "@withpotter/lib/api/inventory";
+import { Input, EmptyNote } from "@withpotter/ui-kit";
+import { Button } from "@withpotter/ui-kit/button";
+function ProductPicker({
+  value,
+  onSelect,
+  tenantSlug,
+  formatCurrency,
+  variant = "field",
+  ariaLabel = "Pick from your catalogue",
+  className = ""
+}) {
+  const [query, setQuery] = useState("");
+  const [results, setResults] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [open, setOpen] = useState(false);
+  const ref = useRef(null);
+  useEffect(() => {
+    const handler = (e) => {
+      if (ref.current && !ref.current.contains(e.target))
+        setOpen(false);
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, []);
+  useEffect(() => {
+    if (!open) return;
+    setLoading(true);
+    inventoryApi.list(tenantSlug, { search: query || void 0, limit: 20, page: 1 }).then((res) => setResults(res.items)).catch(() => setResults([])).finally(() => setLoading(false));
+  }, [query, open, tenantSlug]);
+  const displayLabel = value.contentId ? value.title || value.contentId : "Select a product\u2026";
+  const inline = variant === "inline";
+  return /* @__PURE__ */ jsxs("div", { ref, className: inline ? "relative" : "relative flex-1", children: [
+    inline ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className,
+        "aria-label": ariaLabel,
+        title: ariaLabel,
+        onClick: () => setOpen((o) => !o),
+        children: /* @__PURE__ */ jsx(Search, {})
+      }
+    ) : /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((o) => !o),
+        className: "min-h-11 w-full px-3 py-2 border border-[var(--border-strong)] rounded-md text-sm text-left flex items-center justify-between gap-2 focus:outline-none focus:ring-1 focus:ring-brand-500",
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: value.contentId ? "text-[var(--text-primary)]" : "text-[var(--text-muted)]",
+              children: displayLabel
+            }
+          ),
+          /* @__PURE__ */ jsx(Search, { className: "text-[var(--text-muted)] flex-shrink-0" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `absolute z-50 mt-1 bg-[var(--bg-base)] border border-[var(--border-subtle)] rounded-md shadow-lg max-h-64 flex flex-col ${inline ? "right-0 w-72" : "left-0 right-0"}`,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "p-2 border-b border-[var(--border-default)]", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              autoFocus: true,
+              type: "text",
+              placeholder: "Search products\u2026",
+              value: query,
+              onChange: (e) => setQuery(e.target.value),
+              className: "w-full"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "overflow-y-auto flex-1", children: [
+            loading && /* @__PURE__ */ jsx("p", { className: "p-3 text-sm text-[var(--text-muted)] text-center", children: "Loading\u2026" }),
+            !loading && results.length === 0 && /* @__PURE__ */ jsx(EmptyNote, { children: "No products found" }),
+            !loading && results.map((p) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  onSelect(p);
+                  setOpen(false);
+                  setQuery("");
+                },
+                className: "w-full px-3 py-3 text-left hover:bg-[var(--interactive-hover)] flex items-center justify-between gap-3 border-b border-[var(--border-default)] last:border-0",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--text-primary)] truncate", children: p.title }),
+                    p.category && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-muted)] truncate", children: p.category })
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--text-secondary)] flex-shrink-0", children: formatCurrency(p.price) })
+                ]
+              },
+              p.id
+            ))
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  ProductPicker
+};
+//# sourceMappingURL=product-picker.js.map

package/dist/features/product-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/features/product-picker.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useRef } from 'react';\nimport { Search } from 'lucide-react';\nimport { inventoryApi } from '@withpotter/lib/api/inventory';\nimport type { InventoryProduct } from '@withpotter/lib/api/types';\nimport { Input, EmptyNote } from '@withpotter/ui-kit';\nimport { Button } from '@withpotter/ui-kit/button';\n\n// ─── Types ───────────────────────────────────────────────────────────────────\n\nexport interface ProductPickerValue {\n  title?: string;\n  contentId?: string;\n}\n\nexport interface ProductPickerProps {\n  value: ProductPickerValue;\n  onSelect: (product: InventoryProduct) => void;\n  tenantSlug: string;\n  formatCurrency: (n: number) => string;\n  /**\n   * `inline` for a picker that has no field of its own.\n   *\n   * On the invoice sheet the line's title is already typed on the paper, so a\n   * bordered \"Select a product…\" trigger beside it would be a second field for\n   * the same value — and app chrome printed onto a document. Inline keeps the\n   * search and the results list, which is the part worth sharing, and shows a\n   * glyph instead of a face.\n   */\n  variant?: 'field' | 'inline';\n  /** What the glyph says it does, when there is no visible label. */\n  ariaLabel?: string;\n  /** Styling for an inline trigger, for a surface with its own palette. */\n  className?: string;\n}\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nexport function ProductPicker({\n  value,\n  onSelect,\n  tenantSlug,\n  formatCurrency,\n  variant = 'field',\n  ariaLabel = 'Pick from your catalogue',\n  className = '',\n}: ProductPickerProps) {\n  const [query, setQuery] = useState('');\n  const [results, setResults] = useState<InventoryProduct[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  // Close on outside click\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node))\n        setOpen(false);\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  // Fetch products when query changes\n  useEffect(() => {\n    if (!open) return;\n    setLoading(true);\n    inventoryApi\n      .list(tenantSlug, { search: query || undefined, limit: 20, page: 1 })\n      .then((res) => setResults(res.items))\n      .catch(() => setResults([]))\n      .finally(() => setLoading(false));\n  }, [query, open, tenantSlug]);\n\n  const displayLabel = value.contentId\n    ? value.title || value.contentId\n    : 'Select a product…';\n\n  const inline = variant === 'inline';\n\n  return (\n    <div ref={ref} className={inline ? 'relative' : 'relative flex-1'}>\n      {inline ? (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className={className}\n          aria-label={ariaLabel}\n          title={ariaLabel}\n          onClick={() => setOpen((o) => !o)}\n        >\n          <Search />\n        </Button>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={() => setOpen((o) => !o)}\n          className=\"min-h-11 w-full px-3 py-2 border border-[var(--border-strong)] rounded-md text-sm text-left flex items-center justify-between gap-2 focus:outline-none focus:ring-1 focus:ring-brand-500\"\n        >\n          <span\n            className={\n              value.contentId\n                ? 'text-[var(--text-primary)]'\n                : 'text-[var(--text-muted)]'\n            }\n          >\n            {displayLabel}\n          </span>\n          <Search className=\"text-[var(--text-muted)] flex-shrink-0\" />\n        </button>\n      )}\n\n      {open && (\n        <div\n          className={`absolute z-50 mt-1 bg-[var(--bg-base)] border border-[var(--border-subtle)] rounded-md shadow-lg max-h-64 flex flex-col ${\n            inline ? 'right-0 w-72' : 'left-0 right-0'\n          }`}\n        >\n          <div className=\"p-2 border-b border-[var(--border-default)]\">\n            <Input\n              autoFocus\n              type=\"text\"\n              placeholder=\"Search products…\"\n              value={query}\n              onChange={(e) => setQuery(e.target.value)}\n              className=\"w-full\"\n            />\n          </div>\n          <div className=\"overflow-y-auto flex-1\">\n            {loading && (\n              <p className=\"p-3 text-sm text-[var(--text-muted)] text-center\">\n                Loading…\n              </p>\n            )}\n            {!loading && results.length === 0 && (\n              <EmptyNote>No products found</EmptyNote>\n            )}\n            {!loading &&\n              results.map((p) => (\n                <button\n                  key={p.id}\n                  type=\"button\"\n                  onClick={() => {\n                    onSelect(p);\n                    setOpen(false);\n                    setQuery('');\n                  }}\n                  className=\"w-full px-3 py-3 text-left hover:bg-[var(--interactive-hover)] flex items-center justify-between gap-3 border-b border-[var(--border-default)] last:border-0\"\n                >\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-medium text-[var(--text-primary)] truncate\">\n                      {p.title}\n                    </p>\n                    {p.category && (\n                      <p className=\"text-xs text-[var(--text-muted)] truncate\">\n                        {p.category}\n                      </p>\n                    )}\n                  </div>\n                  <span className=\"text-sm font-medium text-[var(--text-secondary)] flex-shrink-0\">\n                    {formatCurrency(p.price)}\n                  </span>\n                </button>\n              ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/features/record-payment-modal.d.ts

@@ -0,0 +1,49 @@
+export type PaymentChannel = 'bank_transfer' | 'cash' | 'card';
+/** What the customer has to spend, and what the programme says it is worth. */
+export interface RedeemableLoyalty {
+    memberId: string;
+    points: number;
+    pointsName: string;
+    currencyPerPoint: number;
+    minRedeemPoints: number;
+    customerName?: string;
+}
+export interface RecordPaymentModalProps {
+    /** What is being settled: "#1042", or the customer's name at a desk. */
+    subject: string;
+    /** Outstanding balance — the default amount to collect. */
+    balanceDue: number;
+    formatCurrency: (n: number, currency?: string) => string;
+    recording: boolean;
+    error?: string | null;
+    /**
+     * Points this customer could spend against the bill.
+     *
+     * Earning is automatic and spending used to be a separate screen, so a desk
+     * taking ₦12,000 had no idea the person was sitting on ₦4,000 of points.
+     * Nobody offered and nothing was redeemed. Square and Smile.io both put the
+     * balance in front of whoever is settling the bill; omit the prop and this is
+     * the plain payment form it always was.
+     */
+    loyalty?: RedeemableLoyalty | null;
+    onRecord: (data: {
+        amount: number;
+        channel: PaymentChannel;
+        note?: string;
+        redeemPoints?: number;
+        redeemValue?: number;
+    }) => void;
+    onClose: () => void;
+}
+/**
+ * Money taken at the desk, recorded against a booking.
+ *
+ * One component, because there were two: the day board drew its own overlay
+ * (no Escape, no focus trap) and the booking detail drew a Radix Dialog, and
+ * the two disagreed about the label on every field while calling the same
+ * endpoint. Backed by POST /bookings/:id/payments/manual.
+ *
+ * Vertical-agnostic on purpose — a salon settling a balance and a club taking
+ * a walk-in's transfer collect the same way.
+ */
+export declare function RecordPaymentModal({ subject, balanceDue, formatCurrency, recording, error, loyalty, onRecord, onClose, }: RecordPaymentModalProps): import("react").JSX.Element;

package/dist/features/record-payment-modal.js

@@ -0,0 +1,145 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Banknote, CreditCard, Landmark, Sparkles } from "lucide-react";
+import { Button } from "@withpotter/ui-kit/button";
+import { FormDialog } from "@withpotter/ui-kit/form-dialog";
+import { Field } from "@withpotter/ui-kit/field";
+import { OptionButton } from "@withpotter/ui-kit/option-button";
+import { ErrorBanner } from "@withpotter/ui-kit/error-banner";
+import { Input } from "@withpotter/ui-kit";
+const CHANNELS = [
+  { key: "bank_transfer", label: "Transfer", icon: Landmark },
+  { key: "cash", label: "Cash", icon: Banknote },
+  { key: "card", label: "Card", icon: CreditCard }
+];
+function RecordPaymentModal({
+  subject,
+  balanceDue,
+  formatCurrency,
+  recording,
+  error,
+  loyalty,
+  onRecord,
+  onClose
+}) {
+  const [channel, setChannel] = useState("bank_transfer");
+  const [amount, setAmount] = useState(
+    balanceDue > 0 ? String(balanceDue) : ""
+  );
+  const [note, setNote] = useState("");
+  const [applyPoints, setApplyPoints] = useState(false);
+  const redeemable = (() => {
+    if (!loyalty || loyalty.points < loyalty.minRedeemPoints) return null;
+    const perPoint = Number(loyalty.currencyPerPoint) || 0;
+    if (perPoint <= 0) return null;
+    const affordable = Math.min(
+      loyalty.points,
+      balanceDue > 0 ? Math.floor(balanceDue / perPoint) : loyalty.points
+    );
+    if (affordable < loyalty.minRedeemPoints) return null;
+    return { points: affordable, value: affordable * perPoint };
+  })();
+  const applied = applyPoints && redeemable ? redeemable : null;
+  const numericAmount = Number(amount);
+  const canSubmit = (numericAmount > 0 || !!applied) && !recording;
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      title: "Record payment",
+      description: balanceDue > 0 ? `Collect against ${subject}. Balance due ${formatCurrency(balanceDue)}.` : `Collect against ${subject}.`,
+      onClose,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => onRecord({
+              amount: numericAmount,
+              channel,
+              note: note.trim() || void 0,
+              redeemPoints: applied?.points,
+              redeemValue: applied?.value
+            }),
+            loading: recording,
+            disabled: !canSubmit,
+            children: recording ? "Recording\u2026" : "Record payment"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(ErrorBanner, { children: error }),
+        redeemable ? /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-md border border-[var(--border-subtle)] bg-[var(--bg-subtle)] p-3", children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "mt-px size-4 shrink-0 text-[var(--text-tertiary)]" }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 text-sm", children: /* @__PURE__ */ jsxs("p", { className: "text-[var(--text-primary)]", children: [
+            loyalty?.customerName ? `${loyalty.customerName} has ` : "Has ",
+            /* @__PURE__ */ jsxs("strong", { children: [
+              loyalty?.points.toLocaleString(),
+              " ",
+              loyalty?.pointsName
+            ] }),
+            applied ? ` \u2014 using ${applied.points.toLocaleString()} of them.` : `, worth ${formatCurrency(redeemable.value)} off this bill.`
+          ] }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: applied ? "secondary" : "primary",
+              onClick: () => {
+                const next = !applyPoints;
+                setApplyPoints(next);
+                const rest = next ? Math.max(0, balanceDue - redeemable.value) : balanceDue;
+                setAmount(rest > 0 ? String(rest) : "");
+              },
+              children: applied ? "Remove" : "Apply"
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ jsx(Field, { label: "Method", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: CHANNELS.map(({ key, label, icon: Icon }) => /* @__PURE__ */ jsxs(
+          OptionButton,
+          {
+            shape: "card",
+            selected: channel === key,
+            onClick: () => setChannel(key),
+            className: "flex-col gap-2",
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: "size-4" }),
+              label
+            ]
+          },
+          key
+        )) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Amount", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            inputMode: "decimal",
+            min: 0,
+            value: amount,
+            onChange: (e) => setAmount(e.target.value),
+            className: "tabular-nums"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Field,
+          {
+            label: "Note",
+            hint: "Optional. A transfer reference, or who took it.",
+            children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: note,
+                onChange: (e) => setNote(e.target.value),
+                placeholder: "e.g. transfer confirmed, ref 4821"
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  RecordPaymentModal
+};
+//# sourceMappingURL=record-payment-modal.js.map

package/dist/features/record-payment-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/features/record-payment-modal.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Banknote, CreditCard, Landmark, Sparkles } from 'lucide-react';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { FormDialog } from '@withpotter/ui-kit/form-dialog';\nimport { Field } from '@withpotter/ui-kit/field';\nimport { OptionButton } from '@withpotter/ui-kit/option-button';\nimport { ErrorBanner } from '@withpotter/ui-kit/error-banner';\nimport { Input } from '@withpotter/ui-kit';\n\nexport type PaymentChannel = 'bank_transfer' | 'cash' | 'card';\n\n/**\n * Transfer first, because that is how Lagos pays. Cash and card follow.\n */\nconst CHANNELS: {\n  key: PaymentChannel;\n  label: string;\n  icon: typeof Banknote;\n}[] = [\n  { key: 'bank_transfer', label: 'Transfer', icon: Landmark },\n  { key: 'cash', label: 'Cash', icon: Banknote },\n  { key: 'card', label: 'Card', icon: CreditCard },\n];\n\n/** What the customer has to spend, and what the programme says it is worth. */\nexport interface RedeemableLoyalty {\n  memberId: string;\n  points: number;\n  pointsName: string;\n  currencyPerPoint: number;\n  minRedeemPoints: number;\n  customerName?: string;\n}\n\nexport interface RecordPaymentModalProps {\n  /** What is being settled: \"#1042\", or the customer's name at a desk. */\n  subject: string;\n  /** Outstanding balance — the default amount to collect. */\n  balanceDue: number;\n  formatCurrency: (n: number, currency?: string) => string;\n  recording: boolean;\n  error?: string | null;\n  /**\n   * Points this customer could spend against the bill.\n   *\n   * Earning is automatic and spending used to be a separate screen, so a desk\n   * taking ₦12,000 had no idea the person was sitting on ₦4,000 of points.\n   * Nobody offered and nothing was redeemed. Square and Smile.io both put the\n   * balance in front of whoever is settling the bill; omit the prop and this is\n   * the plain payment form it always was.\n   */\n  loyalty?: RedeemableLoyalty | null;\n  onRecord: (data: {\n    amount: number;\n    channel: PaymentChannel;\n    note?: string;\n    redeemPoints?: number;\n    redeemValue?: number;\n  }) => void;\n  onClose: () => void;\n}\n\n/**\n * Money taken at the desk, recorded against a booking.\n *\n * One component, because there were two: the day board drew its own overlay\n * (no Escape, no focus trap) and the booking detail drew a Radix Dialog, and\n * the two disagreed about the label on every field while calling the same\n * endpoint. Backed by POST /bookings/:id/payments/manual.\n *\n * Vertical-agnostic on purpose — a salon settling a balance and a club taking\n * a walk-in's transfer collect the same way.\n */\nexport function RecordPaymentModal({\n  subject,\n  balanceDue,\n  formatCurrency,\n  recording,\n  error,\n  loyalty,\n  onRecord,\n  onClose,\n}: RecordPaymentModalProps) {\n  const [channel, setChannel] = useState<PaymentChannel>('bank_transfer');\n  const [amount, setAmount] = useState(\n    balanceDue > 0 ? String(balanceDue) : '',\n  );\n  const [note, setNote] = useState('');\n  const [applyPoints, setApplyPoints] = useState(false);\n\n  /**\n   * Spend what covers the bill and no more.\n   *\n   * Redeeming past the balance due would hand back change in points, which no\n   * programme here intends, so the offer is capped at what is actually owed.\n   */\n  const redeemable = (() => {\n    if (!loyalty || loyalty.points < loyalty.minRedeemPoints) return null;\n    const perPoint = Number(loyalty.currencyPerPoint) || 0;\n    if (perPoint <= 0) return null;\n    const affordable = Math.min(\n      loyalty.points,\n      balanceDue > 0 ? Math.floor(balanceDue / perPoint) : loyalty.points,\n    );\n    if (affordable < loyalty.minRedeemPoints) return null;\n    return { points: affordable, value: affordable * perPoint };\n  })();\n\n  const applied = applyPoints && redeemable ? redeemable : null;\n  const numericAmount = Number(amount);\n  // A bill fully covered by points needs no cash, so the button must not wait\n  // for an amount that will never be typed.\n  const canSubmit = (numericAmount > 0 || !!applied) && !recording;\n\n  return (\n    <FormDialog\n      title=\"Record payment\"\n      description={\n        balanceDue > 0\n          ? `Collect against ${subject}. Balance due ${formatCurrency(balanceDue)}.`\n          : `Collect against ${subject}.`\n      }\n      onClose={onClose}\n      footer={\n        <>\n          <Button variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button\n            onClick={() =>\n              onRecord({\n                amount: numericAmount,\n                channel,\n                note: note.trim() || undefined,\n                redeemPoints: applied?.points,\n                redeemValue: applied?.value,\n              })\n            }\n            loading={recording}\n            disabled={!canSubmit}\n          >\n            {recording ? 'Recording…' : 'Record payment'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-4\">\n        <ErrorBanner>{error}</ErrorBanner>\n\n        {redeemable ? (\n          <div className=\"flex items-start gap-3 rounded-md border border-[var(--border-subtle)] bg-[var(--bg-subtle)] p-3\">\n            <Sparkles className=\"mt-px size-4 shrink-0 text-[var(--text-tertiary)]\" />\n            <div className=\"flex-1 text-sm\">\n              <p className=\"text-[var(--text-primary)]\">\n                {loyalty?.customerName\n                  ? `${loyalty.customerName} has `\n                  : 'Has '}\n                <strong>\n                  {loyalty?.points.toLocaleString()} {loyalty?.pointsName}\n                </strong>\n                {applied\n                  ? ` — using ${applied.points.toLocaleString()} of them.`\n                  : `, worth ${formatCurrency(redeemable.value)} off this bill.`}\n              </p>\n            </div>\n            <Button\n              size=\"sm\"\n              variant={applied ? 'secondary' : 'primary'}\n              onClick={() => {\n                const next = !applyPoints;\n                setApplyPoints(next);\n                // The cash figure follows the discount, so nobody has to do the\n                // subtraction at a counter with somebody waiting.\n                const rest = next\n                  ? Math.max(0, balanceDue - redeemable.value)\n                  : balanceDue;\n                setAmount(rest > 0 ? String(rest) : '');\n              }}\n            >\n              {applied ? 'Remove' : 'Apply'}\n            </Button>\n          </div>\n        ) : null}\n\n        <Field label=\"Method\">\n          <div className=\"grid grid-cols-3 gap-2\">\n            {CHANNELS.map(({ key, label, icon: Icon }) => (\n              <OptionButton\n                key={key}\n                shape=\"card\"\n                selected={channel === key}\n                onClick={() => setChannel(key)}\n                className=\"flex-col gap-2\"\n              >\n                <Icon className=\"size-4\" />\n                {label}\n              </OptionButton>\n            ))}\n          </div>\n        </Field>\n\n        <Field label=\"Amount\">\n          <Input\n            type=\"number\"\n            inputMode=\"decimal\"\n            min={0}\n            value={amount}\n            onChange={(e) => setAmount(e.target.value)}\n            className=\"tabular-nums\"\n          />\n        </Field>\n\n        <Field\n          label=\"Note\"\n          hint=\"Optional. A transfer reference, or who took it.\"\n        >\n          <Input\n            value={note}\n            onChange={(e) => setNote(e.target.value)}\n            placeholder=\"e.g. transfer confirmed, ref 4821\"\n          />\n        </Field>\n      </div>\n    </FormDialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/features/slot-picker.d.ts

@@ -0,0 +1,42 @@
+import type { AvailableSlot } from '@withpotter/lib/api/types';
+export interface SlotPickerProps {
+    /** Required by GetAvailabilityDto. Without one there is nothing to ask. */
+    resourceId: string;
+    /** yyyy-mm-dd. */
+    date: string;
+    durationMinutes?: number;
+    partySize?: number;
+    /** The currently chosen start time, so the selection ring knows where to sit. */
+    selectedStartTime?: string;
+    onSelect: (slot: AvailableSlot) => void;
+    /** Escape hatch to the old free-text time fields. */
+    onEnterManually?: () => void;
+    className?: string;
+}
+export interface SlotGridProps {
+    slots: AvailableSlot[];
+    isLoading?: boolean;
+    error?: unknown;
+    selectedStartTime?: string;
+    onSelect: (slot: AvailableSlot) => void;
+    onEnterManually?: () => void;
+    className?: string;
+}
+/**
+ * The free slots for one resource on one day, as a grid you press.
+ *
+ * Why this exists: create-booking.usecase throws a 409 on overlap, so a form
+ * that takes a time as free text is a form whose failure mode is rejection
+ * after submit. Here the unavailable times are visible and unpressable, so the
+ * conflict cannot be typed in the first place.
+ *
+ * Taken slots are shown rather than hidden. A day with two gaps left should
+ * look like a day with two gaps left.
+ */
+export declare function SlotPicker({ resourceId, date, durationMinutes, partySize, ...rest }: SlotPickerProps): import("react").JSX.Element | null;
+/**
+ * The presentation on its own, given slots rather than fetching them. Split out
+ * so the grid can be rendered against fixed data in a lab without an auth
+ * context, and so the fetching component stays four lines of wiring.
+ */
+export declare function SlotGrid({ slots, isLoading, error, selectedStartTime, onSelect, onEnterManually, className, }: SlotGridProps): import("react").JSX.Element;