@withpotter/components 0.13.0-next.101

package/dist/features/gift-cards/gift-cards-feature.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/gift-cards/gift-cards-feature.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useId, useRef, useState } from 'react';\nimport { Copy, Download, Gift, History, Mail, Plus, Search } from 'lucide-react';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { normalizeCurrencyCode } from '@withpotter/lib/utils';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Field } from '@withpotter/ui-kit/field';\nimport { FormDialog } from '@withpotter/ui-kit/form-dialog';\nimport { InlineDeleteButton } from '@withpotter/ui-kit/inline-delete-button';\nimport { Input } from '@withpotter/ui-kit/input';\nimport { ListPage } from '@withpotter/ui-kit/list-page';\nimport { Textarea } from '@withpotter/ui-kit/textarea';\nimport { Tooltip } from '@withpotter/ui-kit/tooltip';\nimport {\n  giftCardsApi,\n  giftcardsApi,\n  communicationsApi,\n  type CreateGiftCardData,\n  type GiftCard,\n  type GiftCardStats,\n  type GiftCardStatus,\n} from '@withpotter/lib/api';\nimport { useFormatCurrency } from '@withpotter/hooks/use-format-currency';\nimport { useQuietPoll } from '@withpotter/hooks/use-quiet-poll';\nimport { InlineListSkeleton } from '@withpotter/ui-kit/page-skeletons';\nimport { RefreshButton } from '@withpotter/ui-kit/refresh-button';\nimport { TableEmptyState } from '@withpotter/ui-kit/table-empty-state';\nimport { TablePagination } from '@withpotter/ui-kit/table-pagination';\nimport { useToast } from '@withpotter/ui-kit/use-toast';\nimport { MobilePageHeader } from '../../mobile/mobile-page-header';\nimport { useRegisterRefresh } from '../../mobile/pull-to-refresh-context';\nimport { MetricRow, MetricTile } from '@withpotter/ui-kit/metric-row';\nimport {\n  createGiftCardEmailHtml,\n  downloadGiftCardArtwork,\n  GiftCardArtwork,\n  GIFT_CARD_PRESETS,\n} from '../gift-card-artwork';\nimport {\n  createInFlightDeduper,\n  currencySymbol,\n  isFirstRun,\n  PAGE_HINT_LINES,\n  STATUS_FILTERS,\n  STATUS_LABEL,\n} from './gift-card-logic';\nimport { Hint } from './hint';\n\nconst PAGE_SIZE = 20;\n\n/**\n * `NEXT_PUBLIC_BOX_GIFT_CARDS_LIVE=true`: the list keeps itself current, re-read\n * every two seconds while the tab is visible, and the Reload button goes.\n * Unset, the page reads once and keeps its Reload button.\n */\nconst LIVE = process.env.NEXT_PUBLIC_BOX_GIFT_CARDS_LIVE === 'true';\nconst LIVE_REFRESH_MS = 2_000;\n\nfunction minimumExpirationDate(): string {\n  const tomorrow = new Date();\n  tomorrow.setDate(tomorrow.getDate() + 1);\n  return tomorrow.toISOString().slice(0, 10);\n}\n\nfunction errorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : 'Something went wrong';\n}\n\nfunction dateLabel(value: string | null): string {\n  if (!value) return 'Never';\n  return new Date(value).toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n  });\n}\n\nfunction statusClass(status: GiftCardStatus): string {\n  switch (status) {\n    case 'active':\n      return 'bg-[var(--success-bg)] text-[var(--success)]';\n    case 'used':\n      return 'bg-[var(--info-bg)] text-[var(--info)]';\n    case 'expired':\n      return 'bg-[var(--error-bg)] text-[var(--error)]';\n    case 'cancelled':\n      return 'bg-[var(--bg-muted)] text-[var(--text-tertiary)]';\n  }\n}\n\ninterface IssueGiftCardModalProps {\n  currency: string;\n  merchantName: string;\n  onClose: () => void;\n  onCreated: (giftCard: GiftCard) => void;\n}\n\nfunction IssueGiftCardModal({\n  currency,\n  merchantName,\n  onClose,\n  onCreated,\n}: IssueGiftCardModalProps) {\n  const { tenant } = useAuth();\n  const formId = useId();\n  const ids = {\n    amount: `${formId}-amount`,\n    recipientName: `${formId}-recipient-name`,\n    recipientEmail: `${formId}-recipient-email`,\n    purchaserName: `${formId}-purchaser-name`,\n    purchaserEmail: `${formId}-purchaser-email`,\n    message: `${formId}-message`,\n    expiresAt: `${formId}-expires-at`,\n  };\n  const [form, setForm] = useState<CreateGiftCardData>({\n    originalAmount: 0,\n    currency,\n    design: GIFT_CARD_PRESETS[0],\n  });\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const setField = <Key extends keyof CreateGiftCardData>(\n    key: Key,\n    value: CreateGiftCardData[Key],\n  ) => setForm((current) => ({ ...current, [key]: value }));\n\n  const submit = async (event: React.FormEvent) => {\n    event.preventDefault();\n    if (!tenant?.slug || form.originalAmount <= 0) return;\n    setSaving(true);\n    setError(null);\n    try {\n      const payload = Object.fromEntries(\n        Object.entries(form).filter(([, value]) => value !== ''),\n      ) as unknown as CreateGiftCardData;\n      const giftCard = await giftCardsApi.create(tenant.slug, payload);\n      onCreated(giftCard);\n    } catch (submitError) {\n      setError(errorMessage(submitError));\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const symbol = currencySymbol(form.currency || currency);\n\n  return (\n    <FormDialog\n      title=\"Issue gift card\"\n      description=\"We create the code for you. Fields marked * are required.\"\n      size=\"lg\"\n      className=\"max-w-4xl\"\n      onClose={onClose}\n      footer={\n        <div className=\"flex justify-end gap-2\">\n          <Button type=\"button\" variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button\n            type=\"submit\"\n            form={formId}\n            disabled={saving || form.originalAmount <= 0}\n          >\n            {saving ? 'Issuing...' : 'Issue gift card'}\n          </Button>\n        </div>\n      }\n    >\n      <form\n        id={formId}\n        onSubmit={submit}\n        className=\"grid gap-6 md:grid-cols-[17rem_minmax(0,1fr)]\"\n      >\n        <div className=\"space-y-4 md:self-start\">\n          <GiftCardArtwork\n            design={form.design ?? GIFT_CARD_PRESETS[0]}\n            merchantName={merchantName}\n            amount={\n              form.originalAmount > 0\n                ? new Intl.NumberFormat(undefined, {\n                    style: 'currency',\n                    currency: form.currency || currency,\n                  }).format(form.originalAmount)\n                : undefined\n            }\n            recipientName={form.recipientName}\n            senderName={form.purchaserName}\n          />\n          <fieldset>\n            <legend className=\"text-sm font-medium text-[var(--text-secondary)]\">\n              Design\n            </legend>\n            <div className=\"mt-2 grid grid-cols-4 gap-2 md:grid-cols-2\">\n              {GIFT_CARD_PRESETS.map((design) => {\n                const selected = form.design?.designId === design.designId;\n                return (\n                  <button\n                    key={design.designId}\n                    type=\"button\"\n                    onClick={() => setField('design', design)}\n                    className={`flex min-w-0 items-center gap-2 rounded-md border p-2 text-left text-xs font-medium ${\n                      selected\n                        ? 'border-brand-500 bg-brand-500/10 text-[var(--text-primary)]'\n                        : 'border-[var(--border-default)] text-[var(--text-secondary)] hover:bg-[var(--interactive-hover)]'\n                    }`}\n                    aria-label={design.name}\n                    aria-pressed={selected}\n                  >\n                    <span\n                      className=\"h-5 w-5 shrink-0 rounded-sm border border-black/10\"\n                      style={{ backgroundColor: design.palette.background }}\n                    />\n                    <span className=\"hidden truncate md:block\">{design.name}</span>\n                  </button>\n                );\n              })}\n            </div>\n          </fieldset>\n        </div>\n\n        <div className=\"space-y-4\">\n          <Field\n            label=\"Amount\"\n            htmlFor={ids.amount}\n            required\n            hint={`In ${form.currency || currency}, your business currency. It cannot be changed here.`}\n          >\n            <div className=\"relative\">\n              <span\n                aria-hidden\n                className=\"pointer-events-none absolute inset-y-0 left-3 flex items-center text-sm text-[var(--text-tertiary)]\"\n              >\n                {symbol}\n              </span>\n              <Input\n                id={ids.amount}\n                type=\"number\"\n                min=\"0.01\"\n                step=\"0.01\"\n                required\n                aria-required\n                className={symbol.length > 2 ? 'pl-14' : 'pl-8'}\n                value={form.originalAmount || ''}\n                onChange={(event) =>\n                  setField('originalAmount', Number(event.target.value))\n                }\n              />\n            </div>\n          </Field>\n          <div className=\"grid gap-4 sm:grid-cols-2\">\n            <Field\n              label=\"Recipient name\"\n              htmlFor={ids.recipientName}\n              hint=\"Optional. Who receives and spends the card.\"\n            >\n              <Input\n                id={ids.recipientName}\n                value={form.recipientName ?? ''}\n                onChange={(event) => setField('recipientName', event.target.value)}\n              />\n            </Field>\n            <Field\n              label=\"Recipient email\"\n              htmlFor={ids.recipientEmail}\n              hint=\"Optional. Nothing is emailed when you issue. Send it from the card's details.\"\n            >\n              <Input\n                id={ids.recipientEmail}\n                type=\"email\"\n                value={form.recipientEmail ?? ''}\n                onChange={(event) =>\n                  setField('recipientEmail', event.target.value)\n                }\n              />\n            </Field>\n            <Field\n              label=\"Purchaser name\"\n              htmlFor={ids.purchaserName}\n              hint=\"Optional. Who is paying for the card.\"\n            >\n              <Input\n                id={ids.purchaserName}\n                value={form.purchaserName ?? ''}\n                onChange={(event) => setField('purchaserName', event.target.value)}\n              />\n            </Field>\n            <Field\n              label=\"Purchaser email\"\n              htmlFor={ids.purchaserEmail}\n              hint=\"Optional.\"\n            >\n              <Input\n                id={ids.purchaserEmail}\n                type=\"email\"\n                value={form.purchaserEmail ?? ''}\n                onChange={(event) =>\n                  setField('purchaserEmail', event.target.value)\n                }\n              />\n            </Field>\n          </div>\n          <Field\n            label=\"Personal message\"\n            htmlFor={ids.message}\n            hint=\"Optional. Up to 500 characters.\"\n          >\n            <Textarea\n              id={ids.message}\n              rows={3}\n              maxLength={500}\n              value={form.personalMessage ?? ''}\n              onChange={(event) => setField('personalMessage', event.target.value)}\n            />\n          </Field>\n          <Field\n            label=\"Expiration date\"\n            htmlFor={ids.expiresAt}\n            hint=\"Optional. Leave it empty and the card has no expiry date.\"\n          >\n            <Input\n              id={ids.expiresAt}\n              type=\"date\"\n              min={minimumExpirationDate()}\n              value={form.expiresAt ?? ''}\n              onChange={(event) => setField('expiresAt', event.target.value)}\n            />\n          </Field>\n          {error && (\n            <p\n              role=\"alert\"\n              className=\"rounded-md bg-[var(--error-bg)] px-3 py-2 text-sm text-[var(--error)]\"\n            >\n              {error}\n            </p>\n          )}\n        </div>\n      </form>\n    </FormDialog>\n  );\n}\n\ninterface BalanceModalProps {\n  onClose: () => void;\n  initialCode?: string;\n}\n\nfunction BalanceModal({ onClose, initialCode = '' }: BalanceModalProps) {\n  const { tenant } = useAuth();\n  const formatCurrency = useFormatCurrency();\n  const codeId = useId();\n  const [code, setCode] = useState(initialCode);\n  const [checking, setChecking] = useState(false);\n  const [result, setResult] = useState<{\n    valid: boolean;\n    balance?: number;\n    error?: string;\n  } | null>(null);\n\n  const submit = async (event: React.FormEvent) => {\n    event.preventDefault();\n    if (!tenant?.slug || !code.trim()) return;\n    setChecking(true);\n    try {\n      setResult(\n        await giftCardsApi.checkBalance(tenant.slug, code.trim().toUpperCase()),\n      );\n    } catch (checkError) {\n      setResult({ valid: false, error: errorMessage(checkError) });\n    } finally {\n      setChecking(false);\n    }\n  };\n\n  return (\n    <FormDialog title=\"Check gift card balance\" size=\"sm\" onClose={onClose}>\n      <form onSubmit={submit} className=\"space-y-4\">\n        <Field label=\"Gift card code\" htmlFor={codeId} required>\n          <Input\n            id={codeId}\n            required\n            aria-required\n            autoComplete=\"off\"\n            spellCheck={false}\n            className=\"font-mono uppercase\"\n            value={code}\n            onChange={(event) => {\n              setCode(event.target.value.toUpperCase());\n              setResult(null);\n            }}\n          />\n        </Field>\n        <div role=\"status\" aria-live=\"polite\">\n          {result && (\n            <div\n              className={`rounded-md p-4 ${\n                result.valid\n                  ? 'bg-[var(--success-bg)] text-[var(--success)]'\n                  : 'bg-[var(--error-bg)] text-[var(--error)]'\n              }`}\n            >\n              {result.valid\n                ? `Available balance: ${formatCurrency(result.balance ?? 0)}`\n                : result.error || 'This gift card is not valid.'}\n            </div>\n          )}\n        </div>\n        <Button\n          type=\"submit\"\n          className=\"w-full\"\n          disabled={checking || !code.trim()}\n        >\n          {checking ? 'Checking...' : 'Check balance'}\n        </Button>\n      </form>\n    </FormDialog>\n  );\n}\n\ninterface GiftCardDetailModalProps {\n  giftCard: GiftCard;\n  onClose: () => void;\n  onChanged: () => void;\n}\n\nfunction GiftCardDetailModal({\n  giftCard,\n  onClose,\n  onChanged,\n}: GiftCardDetailModalProps) {\n  const { tenant } = useAuth();\n  const formatCurrency = useFormatCurrency();\n  const { toast } = useToast();\n  const [amount, setAmount] = useState('');\n  const [referenceId, setReferenceId] = useState('');\n  const [note, setNote] = useState('');\n  const [saving, setSaving] = useState(false);\n  const [sharing, setSharing] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const copyCode = async () => {\n    await navigator.clipboard.writeText(giftCard.code);\n    toast({ title: 'Gift card code copied', description: giftCard.code });\n  };\n\n  const artworkData = {\n    design: giftCard.design ?? GIFT_CARD_PRESETS[0],\n    merchantName: tenant?.businessName || 'Gift card',\n    amount: formatCurrency(Number(giftCard.originalAmount), giftCard.currency),\n    recipientName: giftCard.recipientName ?? undefined,\n    senderName: giftCard.purchaserName ?? undefined,\n    code: giftCard.code,\n  };\n\n  const sendByEmail = async () => {\n    if (!tenant?.slug || !giftCard.recipientEmail) return;\n    setSharing(true);\n    setError(null);\n    try {\n      const result = await communicationsApi.sendCustomEmail(tenant.slug, {\n        recipientEmail: giftCard.recipientEmail,\n        recipientName: giftCard.recipientName ?? undefined,\n        subject: `${giftCard.purchaserName || tenant.businessName} sent you a gift card`,\n        htmlContent: createGiftCardEmailHtml(artworkData),\n        metadata: { giftCardId: giftCard.id, kind: 'gift_card_delivery' },\n      });\n      if (!result.success) throw new Error(result.error || 'Email delivery failed');\n      toast({ title: 'Gift card email sent', description: giftCard.recipientEmail });\n    } catch (sendError) {\n      setError(errorMessage(sendError));\n    } finally {\n      setSharing(false);\n    }\n  };\n\n  const redeem = async (event: React.FormEvent) => {\n    event.preventDefault();\n    if (!tenant?.slug) return;\n    setSaving(true);\n    setError(null);\n    try {\n      const result = await giftCardsApi.redeem(tenant.slug, giftCard.code, {\n        amount: Number(amount),\n        ...(referenceId ? { referenceId } : {}),\n        ...(note ? { note } : {}),\n      });\n      if (!result.success) throw new Error(result.error || 'Redemption failed');\n      toast({ title: 'Gift card redeemed' });\n      onChanged();\n      onClose();\n    } catch (redeemError) {\n      setError(errorMessage(redeemError));\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  // Voids the card and keeps its record and history. The older DELETE\n  // endpoint destroyed the row, and with it the balance a customer had paid for.\n  const remove = async () => {\n    if (!tenant?.slug) return;\n    setSaving(true);\n    try {\n      await giftcardsApi.cancel(tenant.slug, giftCard.id);\n      toast({ title: 'Gift card cancelled' });\n      onChanged();\n      onClose();\n    } catch (deleteError) {\n      setError(errorMessage(deleteError));\n      setSaving(false);\n    }\n  };\n\n  return (\n    <FormDialog title=\"Gift card details\" onClose={onClose}>\n      <div className=\"space-y-5\">\n        <GiftCardArtwork {...artworkData} />\n        <div className=\"grid grid-cols-2 gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            icon={<Download />}\n            onClick={() => downloadGiftCardArtwork(artworkData)}\n          >\n            Download\n          </Button>\n          <Tooltip\n            label={\n              giftCard.recipientEmail\n                ? ''\n                : 'Add a recipient email to send this card'\n            }\n          >\n            <span className=\"block\">\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                icon={<Mail />}\n                className=\"w-full\"\n                onClick={sendByEmail}\n                disabled={sharing || !giftCard.recipientEmail}\n              >\n                {sharing ? 'Sending...' : 'Send by email'}\n              </Button>\n            </span>\n          </Tooltip>\n        </div>\n        <div className=\"rounded-md border border-[var(--border-default)] bg-[var(--bg-subtle)] p-4\">\n          <div className=\"flex items-start justify-between gap-3\">\n            <div>\n              <p className=\"text-xs font-medium text-[var(--text-muted)]\">Code</p>\n              <p className=\"mt-1 font-mono text-xl font-semibold text-[var(--text-primary)]\">\n                {giftCard.code}\n              </p>\n            </div>\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"icon-sm\"\n              aria-label=\"Copy code\"\n              onClick={copyCode}\n            >\n              <Copy />\n            </Button>\n          </div>\n          <div className=\"mt-4 grid grid-cols-2 gap-4\">\n            <div>\n              <p className=\"text-xs text-[var(--text-muted)]\">Balance left</p>\n              <p className=\"font-semibold text-[var(--text-primary)]\">\n                {formatCurrency(Number(giftCard.balance), giftCard.currency)}\n              </p>\n            </div>\n            <div>\n              <p className=\"text-xs text-[var(--text-muted)]\">Original value</p>\n              <p className=\"font-semibold text-[var(--text-primary)]\">\n                {formatCurrency(\n                  Number(giftCard.originalAmount),\n                  giftCard.currency,\n                )}\n              </p>\n            </div>\n            <div>\n              <p className=\"text-xs text-[var(--text-muted)]\">Recipient</p>\n              <p className=\"text-sm text-[var(--text-primary)]\">\n                {giftCard.recipientName || giftCard.recipientEmail || 'Walk-in'}\n              </p>\n            </div>\n            <div>\n              <p className=\"text-xs text-[var(--text-muted)]\">Expires</p>\n              <p className=\"text-sm text-[var(--text-primary)]\">\n                {dateLabel(giftCard.expiresAt)}\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {giftCard.status === 'active' && Number(giftCard.balance) > 0 && (\n          <form onSubmit={redeem} className=\"space-y-3\">\n            <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n              Redeem value\n            </h3>\n            <div className=\"grid gap-3 sm:grid-cols-2\">\n              <Input\n                label=\"Amount\"\n                type=\"number\"\n                min=\"0.01\"\n                max={Number(giftCard.balance)}\n                step=\"0.01\"\n                required\n                aria-required\n                value={amount}\n                onChange={(event) => setAmount(event.target.value)}\n              />\n              <Input\n                label=\"Order or reference ID (optional)\"\n                value={referenceId}\n                onChange={(event) => setReferenceId(event.target.value)}\n              />\n            </div>\n            <Input\n              label=\"Note (optional)\"\n              value={note}\n              onChange={(event) => setNote(event.target.value)}\n            />\n            <Button\n              type=\"submit\"\n              disabled={saving || !amount || Number(amount) <= 0}\n            >\n              {saving ? 'Redeeming...' : 'Redeem gift card'}\n            </Button>\n          </form>\n        )}\n\n        <div>\n          <div className=\"mb-2 flex items-center gap-2\">\n            <History className=\"h-4 w-4 text-[var(--text-tertiary)]\" />\n            <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n              Redemption history\n            </h3>\n          </div>\n          {giftCard.redemptions.length === 0 ? (\n            <p className=\"text-sm text-[var(--text-muted)]\">No redemptions yet.</p>\n          ) : (\n            <div className=\"divide-y divide-[var(--border-default)] rounded-md border border-[var(--border-default)]\">\n              {giftCard.redemptions.map((redemption) => (\n                <div\n                  key={redemption.id}\n                  className=\"flex items-center justify-between gap-3 px-3 py-2.5\"\n                >\n                  <div>\n                    <p className=\"text-sm text-[var(--text-primary)]\">\n                      {redemption.orderId || 'Manual redemption'}\n                    </p>\n                    <p className=\"text-xs text-[var(--text-muted)]\">\n                      {dateLabel(redemption.redeemedAt)}\n                    </p>\n                  </div>\n                  <span className=\"text-sm font-medium text-[var(--text-primary)]\">\n                    -{formatCurrency(Number(redemption.amount), giftCard.currency)}\n                  </span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {error && (\n          <p\n            role=\"alert\"\n            className=\"rounded-md bg-[var(--error-bg)] px-3 py-2 text-sm text-[var(--error)]\"\n          >\n            {error}\n          </p>\n        )}\n        {giftCard.status !== 'cancelled' && (\n          <div className=\"flex justify-end border-t border-[var(--border-default)] pt-4\">\n            <InlineDeleteButton\n              onDelete={remove}\n              disabled={saving}\n              title=\"Cancel gift card\"\n              confirmText=\"Cancel this gift card?\"\n              className=\"text-[var(--error)]\"\n            />\n          </div>\n        )}\n      </div>\n    </FormDialog>\n  );\n}\n\nexport function GiftCardsFeature() {\n  const { tenant } = useAuth();\n  const formatCurrency = useFormatCurrency();\n  const { toast } = useToast();\n  const slug = tenant?.slug;\n  const currency = normalizeCurrencyCode(\n    (tenant?.settings as Record<string, unknown> | undefined)?.currency,\n  );\n  const [giftCards, setGiftCards] = useState<GiftCard[]>([]);\n  const [stats, setStats] = useState<GiftCardStats | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [loaded, setLoaded] = useState(false);\n  const [search, setSearch] = useState('');\n  const [status, setStatus] = useState<GiftCardStatus | ''>('');\n  const [page, setPage] = useState(1);\n  const [count, setCount] = useState(0);\n  const [showIssue, setShowIssue] = useState(false);\n  const [showBalance, setShowBalance] = useState(false);\n  const [selected, setSelected] = useState<GiftCard | null>(null);\n\n  // Two effects, an unstable callback and a pull-to-refresh registration all\n  // used to start the same reads on load, so every request went out twice.\n  // Identical reads in flight together now share one request.\n  const [dedupe] = useState(createInFlightDeduper);\n  const toastRef = useRef(toast);\n  useEffect(() => {\n    toastRef.current = toast;\n  });\n\n  // Only the newest read may land: a quiet re-read started before the filters\n  // changed must not put the old filter's rows back on screen.\n  const latestRead = useRef(0);\n  const readGiftCards = useCallback(\n    async (quiet: boolean) => {\n      if (!slug) return;\n      // A page's own read moves the marker; a quiet re-read only checks it.\n      const read = quiet ? latestRead.current : ++latestRead.current;\n      if (!quiet) setLoading(true);\n      const query = {\n        ...(status ? { status } : {}),\n        ...(search.trim() ? { search: search.trim() } : {}),\n        page,\n        limit: PAGE_SIZE,\n      };\n      try {\n        const list = await dedupe.run(\n          `list:${slug}:${JSON.stringify(query)}`,\n          () => giftCardsApi.list(slug, query),\n        );\n        if (read !== latestRead.current) return;\n        setGiftCards(list.rows);\n        setCount(list.count);\n      } catch (loadError) {\n        // A quiet re-read keeps what is on screen and says nothing; the poll\n        // counts the failure and slows down.\n        if (quiet) throw loadError;\n        toastRef.current({\n          title: 'Unable to load gift cards',\n          description: errorMessage(loadError),\n        });\n      } finally {\n        if (!quiet && read === latestRead.current) {\n          setLoading(false);\n          setLoaded(true);\n        }\n      }\n    },\n    [dedupe, page, search, slug, status],\n  );\n\n  // The totals do not depend on the filters, so they are read on their own and\n  // not again each time the search box or a filter changes.\n  const readStats = useCallback(\n    async (quiet: boolean) => {\n      if (!slug) return;\n      try {\n        setStats(await dedupe.run(`stats:${slug}`, () => giftCardsApi.stats(slug)));\n      } catch (statsError) {\n        if (quiet) throw statsError;\n      }\n    },\n    [dedupe, slug],\n  );\n\n  const reloadAll = useCallback(\n    () => Promise.all([readGiftCards(false), readStats(false)]),\n    [readGiftCards, readStats],\n  );\n\n  useEffect(() => {\n    readGiftCards(false);\n  }, [readGiftCards]);\n\n  useEffect(() => {\n    readStats(false);\n  }, [readStats]);\n\n  useQuietPoll(\n    useCallback(\n      () => Promise.all([readGiftCards(true), readStats(true)]),\n      [readGiftCards, readStats],\n    ),\n    LIVE_REFRESH_MS,\n    LIVE,\n  );\n\n  useRegisterRefresh(reloadAll);\n\n  const copyCode = async (event: React.MouseEvent, code: string) => {\n    event.stopPropagation();\n    await navigator.clipboard.writeText(code);\n    toast({ title: 'Gift card code copied', description: code });\n  };\n\n  const totalPages = Math.max(1, Math.ceil(count / PAGE_SIZE));\n  const hasFilters = Boolean(search.trim() || status);\n  const firstRun =\n    loaded &&\n    isFirstRun({\n      loading,\n      search,\n      status,\n      count,\n      totalIssued: stats?.totalIssued,\n    });\n  const hasCards = loaded && !firstRun;\n  const showStats = hasCards && stats !== null;\n\n  const openIssue = () => setShowIssue(true);\n  const openBalance = () => setShowBalance(true);\n\n  return (\n    <ListPage\n      largeTitle\n      title=\"Gift cards\"\n      mobileHeader={\n        <MobilePageHeader\n          title=\"Gift cards\"\n          action={\n            hasCards ? { label: 'Issue gift card', onClick: openIssue } : undefined\n          }\n        />\n      }\n      actions={\n        <>\n          <Hint lines={PAGE_HINT_LINES} topic=\"gift cards\" />\n          {!LIVE && <RefreshButton onClick={reloadAll} refreshing={loading} />}\n          {hasCards && (\n            <>\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                icon={<Search />}\n                onClick={openBalance}\n              >\n                Check balance\n              </Button>\n              <Button type=\"button\" icon={<Plus />} onClick={openIssue}>\n                Issue gift card\n              </Button>\n            </>\n          )}\n        </>\n      }\n    >\n      {showStats && (\n        <>\n          <div className=\"hidden lg:block\">\n            <MetricRow>\n              <MetricTile\n                label=\"Total sold\"\n                value={formatCurrency(stats?.totalIssued ?? 0, currency)}\n              />\n              <MetricTile\n                label=\"Still to spend\"\n                value={formatCurrency(stats?.outstanding ?? 0, currency)}\n              />\n              <MetricTile\n                label=\"Spent\"\n                value={formatCurrency(stats?.redeemed ?? 0, currency)}\n              />\n              <MetricTile label=\"Cards in use\" value={stats?.activeCards ?? 0} />\n            </MetricRow>\n          </div>\n\n          <div className=\"grid grid-cols-2 gap-px overflow-hidden rounded-md bg-[var(--border-default)] lg:hidden\">\n            <div className=\"bg-[var(--bg-subtle)] p-4\">\n              <p className=\"text-xs text-[var(--text-muted)]\">Still to spend</p>\n              <p className=\"mt-1 text-lg font-semibold text-[var(--text-primary)]\">\n                {formatCurrency(stats?.outstanding ?? 0, currency)}\n              </p>\n            </div>\n            <div className=\"bg-[var(--bg-subtle)] p-4\">\n              <p className=\"text-xs text-[var(--text-muted)]\">Cards in use</p>\n              <p className=\"mt-1 text-lg font-semibold text-[var(--text-primary)]\">\n                {stats?.activeCards ?? 0}\n              </p>\n            </div>\n          </div>\n        </>\n      )}\n\n      {hasCards && (\n        <div className=\"flex gap-2 overflow-x-auto lg:hidden\">\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            shape=\"pill\"\n            icon={<Search />}\n            onClick={openBalance}\n          >\n            Check balance\n          </Button>\n        </div>\n      )}\n\n      {!firstRun && (\n        <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center\">\n          <div className=\"relative flex-1\">\n            <Search\n              aria-hidden\n              className=\"pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-[var(--text-muted)]\"\n            />\n            <Input\n              type=\"search\"\n              aria-label=\"Search gift cards\"\n              placeholder=\"Search code, recipient, or email\"\n              value={search}\n              onChange={(event) => {\n                setSearch(event.target.value);\n                setPage(1);\n              }}\n              className=\"pl-10\"\n            />\n          </div>\n          <div\n            role=\"group\"\n            aria-label=\"Filter by status\"\n            className=\"flex gap-1 overflow-x-auto\"\n          >\n            {STATUS_FILTERS.map((filter) => {\n              const pressed = status === filter.value;\n              return (\n                <Tooltip key={filter.value} label={filter.hint}>\n                  <Button\n                    type=\"button\"\n                    size=\"sm\"\n                    variant={pressed ? 'secondary' : 'ghost'}\n                    aria-pressed={pressed}\n                    className=\"shrink-0\"\n                    onClick={() => {\n                      setStatus(filter.value);\n                      setPage(1);\n                    }}\n                  >\n                    {filter.label}\n                  </Button>\n                </Tooltip>\n              );\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* The page's second heading level, so the empty state's own title below\n          follows the h1 in order. */}\n      <h2 className=\"sr-only\">Issued gift cards</h2>\n\n      {!loaded && <InlineListSkeleton />}\n\n      {loading && loaded && giftCards.length === 0 && <InlineListSkeleton />}\n\n      {firstRun && (\n        <div>\n          <TableEmptyState\n            icon={Gift}\n            title=\"Issue your first gift card\"\n            description=\"Create a stored-value card for a customer or walk-in purchase\"\n            action={{ label: 'Issue gift card', onClick: openIssue }}\n          />\n          <div className=\"flex justify-center\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              icon={<Search />}\n              onClick={openBalance}\n            >\n              Check balance\n            </Button>\n          </div>\n        </div>\n      )}\n\n      {loaded && !loading && !firstRun && giftCards.length === 0 && (\n        <TableEmptyState\n          icon={Gift}\n          title=\"No gift cards found\"\n          description=\"Try changing the search or status filter\"\n          action={\n            hasFilters\n              ? {\n                  label: 'Clear search and filters',\n                  onClick: () => {\n                    setSearch('');\n                    setStatus('');\n                    setPage(1);\n                  },\n                }\n              : undefined\n          }\n        />\n      )}\n\n      {giftCards.length > 0 && (\n        <>\n          <div className=\"space-y-2 lg:hidden\">\n            {giftCards.map((giftCard) => (\n              <button\n                key={giftCard.id}\n                type=\"button\"\n                onClick={() => setSelected(giftCard)}\n                className=\"flex w-full items-center justify-between gap-3 rounded-md border border-[var(--border-default)] bg-[var(--bg-base)] p-4 text-left\"\n              >\n                <div className=\"min-w-0\">\n                  <p className=\"truncate font-mono text-sm font-semibold text-[var(--text-primary)]\">\n                    {giftCard.code}\n                  </p>\n                  <p className=\"truncate text-sm text-[var(--text-tertiary)]\">\n                    {giftCard.recipientName || giftCard.recipientEmail || 'Walk-in'}\n                  </p>\n                </div>\n                <div className=\"shrink-0 text-right\">\n                  <p className=\"text-sm font-semibold text-[var(--text-primary)]\">\n                    {formatCurrency(Number(giftCard.balance), giftCard.currency)}\n                  </p>\n                  <span className={`text-xs ${statusClass(giftCard.status)}`}>\n                    {STATUS_LABEL[giftCard.status]}\n                  </span>\n                </div>\n              </button>\n            ))}\n          </div>\n\n          <div className=\"hidden overflow-x-auto rounded-md border border-[var(--border-default)] bg-[var(--bg-base)] lg:block\">\n            <table className=\"w-full min-w-[760px]\">\n              <thead className=\"border-b border-[var(--border-default)] bg-[var(--bg-subtle)]\">\n                <tr>\n                  {['Code', 'Recipient', 'Issued', 'Balance', 'Expires', 'Status'].map(\n                    (heading) => (\n                      <th\n                        key={heading}\n                        scope=\"col\"\n                        className=\"px-4 py-3 text-left text-xs font-medium uppercase text-[var(--text-tertiary)]\"\n                      >\n                        {heading}\n                      </th>\n                    ),\n                  )}\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-[var(--border-default)]\">\n                {giftCards.map((giftCard) => (\n                  <tr\n                    key={giftCard.id}\n                    tabIndex={0}\n                    aria-label={`Open gift card ${giftCard.code}`}\n                    onClick={() => setSelected(giftCard)}\n                    onKeyDown={(event) => {\n                      if (event.target !== event.currentTarget) return;\n                      if (event.key === 'Enter' || event.key === ' ') {\n                        event.preventDefault();\n                        setSelected(giftCard);\n                      }\n                    }}\n                    className=\"cursor-pointer hover:bg-[var(--interactive-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--focus-ring)]\"\n                  >\n                    <td className=\"px-4 py-3\">\n                      <div className=\"flex items-center gap-2\">\n                        <span className=\"font-mono text-sm font-medium text-[var(--text-primary)]\">\n                          {giftCard.code}\n                        </span>\n                        <Button\n                          type=\"button\"\n                          variant=\"ghost\"\n                          size=\"icon-sm\"\n                          aria-label={`Copy code ${giftCard.code}`}\n                          onClick={(event) => copyCode(event, giftCard.code)}\n                        >\n                          <Copy />\n                        </Button>\n                      </div>\n                    </td>\n                    <td className=\"px-4 py-3\">\n                      <p className=\"text-sm text-[var(--text-primary)]\">\n                        {giftCard.recipientName || 'Walk-in'}\n                      </p>\n                      <p className=\"text-xs text-[var(--text-muted)]\">\n                        {giftCard.recipientEmail}\n                      </p>\n                    </td>\n                    <td className=\"px-4 py-3 text-sm text-[var(--text-secondary)]\">\n                      {formatCurrency(\n                        Number(giftCard.originalAmount),\n                        giftCard.currency,\n                      )}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm font-medium text-[var(--text-primary)]\">\n                      {formatCurrency(Number(giftCard.balance), giftCard.currency)}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm text-[var(--text-secondary)]\">\n                      {dateLabel(giftCard.expiresAt)}\n                    </td>\n                    <td className=\"px-4 py-3\">\n                      <span\n                        className={`inline-flex rounded-full px-2.5 py-1 text-xs font-medium ${statusClass(giftCard.status)}`}\n                      >\n                        {STATUS_LABEL[giftCard.status]}\n                      </span>\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n\n          <TablePagination\n            page={page}\n            totalPages={totalPages}\n            pageSize={PAGE_SIZE}\n            totalItems={count}\n            entityName=\"gift cards\"\n            onPageChange={setPage}\n          />\n        </>\n      )}\n\n      {showIssue && (\n        <IssueGiftCardModal\n          currency={currency}\n          merchantName={tenant?.businessName || 'Gift card'}\n          onClose={() => setShowIssue(false)}\n          onCreated={(giftCard) => {\n            setShowIssue(false);\n            setSelected(giftCard);\n            toast({\n              title: 'Gift card issued',\n              description: giftCard.code,\n            });\n            reloadAll();\n          }}\n        />\n      )}\n      {showBalance && <BalanceModal onClose={() => setShowBalance(false)} />}\n      {selected && (\n        <GiftCardDetailModal\n          giftCard={selected}\n          onClose={() => setSelected(null)}\n          onChanged={reloadAll}\n        />\n      )}\n    </ListPage>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/features/gift-cards/gift-cards-panel.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The gift cards surface, as a panel rather than a page.
+ *
+ * Same move `DiscountsPanel` made, and for the same reason: stored value is an
+ * offer you make, not a place you go, and it now sits beside discounts under
+ * Offers. It had also hand-rolled its own page frame — `mx-auto max-w-7xl`
+ * with its own `<h1>` — which the house rules forbid outright. That frame is
+ * gone; `ListPage` on the Offers route owns the title and the action.
+ *
+ * The status filter came down with it, from the page header into a toolbar
+ * over the rows it governs. It was sitting in the header next to the issue
+ * button, which read as a page control when it only ever narrowed the book.
+ */
+export declare function GiftCardsPanel(): import("react").JSX.Element;

package/dist/features/gift-cards/gift-cards-panel.js

@@ -0,0 +1,224 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
+import { CreditCard } from "lucide-react";
+import { Button } from "@withpotter/ui-kit/button";
+import { FilterBar } from "@withpotter/ui-kit/filter-bar";
+import { FilterField } from "@withpotter/ui-kit/filter-menu";
+import { ListFrame } from "@withpotter/ui-kit/list-frame";
+import { InlineListSkeleton } from "@withpotter/ui-kit/page-skeletons";
+import { TableEmptyState } from "@withpotter/ui-kit/table-empty-state";
+import { Select } from "@withpotter/ui-kit/select";
+import { isFirstRun } from "@withpotter/ui-kit/first-run";
+import { useRegisterRefresh } from "@withpotter/components/mobile/pull-to-refresh-context";
+import { useConfirm } from "@withpotter/ui-kit/confirm-dialog";
+import { useFormatCurrency } from "@withpotter/hooks/use-format-currency";
+import { useGiftCardsData } from "@withpotter/pages-commerce/dashboard/(commerce)/gift-cards/_hooks/use-gift-cards-data";
+import { Reveal, Stagger, StaggerItem } from "@withpotter/components/motion";
+import { useDemoMode } from "@withpotter/hooks/use-demo-mode";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useTenantCurrency } from "@withpotter/hooks/use-tenant-currency";
+import {
+  CodeLookup,
+  GiftCardPreview,
+  GiftCardTile,
+  RedeemGiftCardModal
+} from "@withpotter/pages-commerce/dashboard/(commerce)/gift-cards/_components";
+import {
+  DEMO_GIFT_CARDS,
+  DEMO_GIFT_CARD_STATS
+} from "@withpotter/pages-commerce/dashboard/(commerce)/gift-cards/_components/demo-data";
+const STATUS_LABEL = {
+  active: "Active",
+  used: "Used",
+  expired: "Expired",
+  cancelled: "Cancelled"
+};
+function GiftCardsPanel() {
+  const {
+    cards: liveCards,
+    stats: liveStats,
+    loading,
+    total,
+    hasMore,
+    loadMore,
+    statusFilter,
+    selectStatus,
+    searchFor,
+    clearFilters,
+    hasActiveFilters,
+    actionLoading,
+    refresh,
+    redeemCard,
+    cancelCard,
+    sendCard,
+    findByCode
+  } = useGiftCardsData();
+  useRegisterRefresh(refresh);
+  const confirm = useConfirm();
+  const formatCurrency = useFormatCurrency();
+  const tenantCurrency = useTenantCurrency();
+  const { tenant } = useAuth();
+  const router = useRouter();
+  useEffect(() => {
+    router.prefetch("/dashboard/gift-cards/new");
+  }, [router]);
+  const demo = useDemoMode();
+  const cards = demo ? DEMO_GIFT_CARDS : liveCards;
+  const stats = demo ? DEMO_GIFT_CARD_STATS : liveStats;
+  const lookup = demo ? (code) => Promise.resolve(
+    DEMO_GIFT_CARDS.find(
+      (c) => c.code.toUpperCase() === code.trim().toUpperCase()
+    ) ?? null
+  ) : findByCode;
+  const [redeemTarget, setRedeemTarget] = useState(null);
+  const firstRun = isFirstRun({
+    loading,
+    count: cards.length,
+    filtered: hasActiveFilters
+  });
+  const handleCancel = async (card) => {
+    const ok = await confirm({
+      title: "Cancel this gift card?",
+      description: `${card.code} still has ${formatCurrency(card.balance, card.currency)} on it. Cancelling stops it being redeemed. The card and everything spent on it stay on your records.`,
+      confirmLabel: "Cancel card",
+      tone: "danger"
+    });
+    if (ok) cancelCard(card.id);
+  };
+  return (
+    /* `space-y-4`, not `space-y-4 lg:space-y-6`. Both steps are on the scale so
+       nothing failed a rule — this panel simply opened wider than the discounts
+       panel beside it at exactly the width most people read the page at, and
+       flipping the tab moved everything. */
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      !firstRun && /* @__PURE__ */ jsx(
+        CodeLookup,
+        {
+          onLookup: lookup,
+          onFilter: searchFor,
+          formatCurrency,
+          onRedeem: setRedeemTarget,
+          onSend: sendCard,
+          onCancel: handleCancel
+        }
+      ),
+      loading && !demo && cards.length === 0 ? /* @__PURE__ */ jsx(InlineListSkeleton, {}) : cards.length === 0 && !hasActiveFilters ? (
+        /* The first thing a merchant sees should look like the thing they are
+           about to make, not a grey icon in a rounded square. No shell here:
+           there is no book yet, and framing an invitation as an empty table
+           makes it read as something broken. */
+        /* @__PURE__ */ jsxs(Reveal, { className: "flex flex-col items-center py-10 text-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "pointer-events-none w-full max-w-[300px] opacity-90", children: /* @__PURE__ */ jsx(
+            GiftCardPreview,
+            {
+              currency: tenantCurrency,
+              businessName: tenant?.businessName ?? "Your business",
+              logoUrl: tenant?.settings?.logo?.url ?? tenant?.businessLogo,
+              formatCurrency
+            }
+          ) }),
+          /* @__PURE__ */ jsx("p", { className: "mt-6 text-sm font-medium text-[var(--text-primary)]", children: "No gift cards yet" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-sm text-sm text-[var(--text-tertiary)]", children: "Issue one and it lands in your customer\u2019s inbox with a code they can spend at checkout." }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: "mt-4",
+              onClick: () => router.push("/dashboard/gift-cards/new"),
+              children: "Issue gift card"
+            }
+          )
+        ] })
+      ) : (
+        /* In the frame, with the app's one filter row across the top and the
+           page switch at the foot — which is what the comment above has always
+           claimed this was, drawn by hand. The tab beside it (Discounts) is a
+           `ListFrame` with a `FilterBar`, so flipping between the two tabs of
+           one page changed the page's whole grammar: a card became a loose
+           grid, a filter row became a bare `Select` floating right, and
+           pagination became a Load more button. Two tabs are two views of one
+           subject or they are not tabs. */
+        /* @__PURE__ */ jsx(
+          ListFrame,
+          {
+            toolbar: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+              FilterBar,
+              {
+                activeCount: hasActiveFilters ? 1 : 0,
+                active: statusFilter ? [
+                  {
+                    key: "status",
+                    label: STATUS_LABEL[statusFilter],
+                    onClear: () => selectStatus("")
+                  }
+                ] : void 0,
+                onClearAll: hasActiveFilters ? clearFilters : void 0,
+                children: /* @__PURE__ */ jsx(FilterField, { label: "Status", children: /* @__PURE__ */ jsx(
+                  Select,
+                  {
+                    value: statusFilter,
+                    onChange: (v) => selectStatus(v),
+                    options: [
+                      { value: "", label: "All statuses" },
+                      {
+                        value: "active",
+                        label: "Active",
+                        count: stats?.activeCards
+                      },
+                      { value: "used", label: "Used" },
+                      { value: "expired", label: "Expired" },
+                      { value: "cancelled", label: "Cancelled" }
+                    ],
+                    placeholder: "All statuses",
+                    ariaLabel: "Filter by status"
+                  }
+                ) })
+              }
+            ) }),
+            footer: hasMore ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 border-t border-[var(--border-subtle)] px-3 py-3", children: [
+              /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--text-muted)]", children: [
+                "Showing ",
+                cards.length,
+                " of ",
+                total
+              ] }),
+              /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
+            ] }) : void 0,
+            children: cards.length === 0 ? /* @__PURE__ */ jsx(
+              TableEmptyState,
+              {
+                icon: CreditCard,
+                title: "Nothing matches",
+                description: "Try adjusting your filters."
+              }
+            ) : /* @__PURE__ */ jsx(Stagger, { className: "grid gap-4 p-3 sm:grid-cols-2 xl:grid-cols-3", children: cards.map((card) => /* @__PURE__ */ jsx(StaggerItem, { className: "min-w-0", children: /* @__PURE__ */ jsx(
+              GiftCardTile,
+              {
+                card,
+                formatCurrency,
+                onRedeem: setRedeemTarget,
+                onCancel: handleCancel,
+                onSend: sendCard
+              }
+            ) }, card.id)) })
+          }
+        )
+      ),
+      /* @__PURE__ */ jsx(
+        RedeemGiftCardModal,
+        {
+          card: redeemTarget,
+          saving: actionLoading,
+          formatCurrency,
+          onRedeem: redeemCard,
+          onOpenChange: (o) => !o && setRedeemTarget(null)
+        }
+      )
+    ] })
+  );
+}
+export {
+  GiftCardsPanel
+};
+//# sourceMappingURL=gift-cards-panel.js.map

package/dist/features/gift-cards/gift-cards-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/gift-cards/gift-cards-panel.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { CreditCard } from 'lucide-react';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { FilterBar } from '@withpotter/ui-kit/filter-bar';\nimport { FilterField } from '@withpotter/ui-kit/filter-menu';\nimport { ListFrame } from '@withpotter/ui-kit/list-frame';\nimport { InlineListSkeleton } from '@withpotter/ui-kit/page-skeletons';\nimport { TableEmptyState } from '@withpotter/ui-kit/table-empty-state';\nimport { Select } from '@withpotter/ui-kit/select';\nimport { isFirstRun } from '@withpotter/ui-kit/first-run';\nimport { useRegisterRefresh } from '@withpotter/components/mobile/pull-to-refresh-context';\nimport { useConfirm } from '@withpotter/ui-kit/confirm-dialog';\nimport { useFormatCurrency } from '@withpotter/hooks/use-format-currency';\nimport type { GiftCard, GiftCardStatus } from '@withpotter/lib/api/types';\nimport { useGiftCardsData } from '@withpotter/pages-commerce/dashboard/(commerce)/gift-cards/_hooks/use-gift-cards-data';\nimport { Reveal, Stagger, StaggerItem } from '@withpotter/components/motion';\nimport { useDemoMode } from '@withpotter/hooks/use-demo-mode';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useTenantCurrency } from '@withpotter/hooks/use-tenant-currency';\nimport {\n  CodeLookup,\n  GiftCardPreview,\n  GiftCardTile,\n  RedeemGiftCardModal,\n} from '@withpotter/pages-commerce/dashboard/(commerce)/gift-cards/_components';\nimport {\n  DEMO_GIFT_CARDS,\n  DEMO_GIFT_CARD_STATS,\n} from '@withpotter/pages-commerce/dashboard/(commerce)/gift-cards/_components/demo-data';\n\n/** Named for the filter pill, so a narrowed list says what narrowed it. */\nconst STATUS_LABEL: Record<GiftCardStatus, string> = {\n  active: 'Active',\n  used: 'Used',\n  expired: 'Expired',\n  cancelled: 'Cancelled',\n};\n\n/**\n * The gift cards surface, as a panel rather than a page.\n *\n * Same move `DiscountsPanel` made, and for the same reason: stored value is an\n * offer you make, not a place you go, and it now sits beside discounts under\n * Offers. It had also hand-rolled its own page frame — `mx-auto max-w-7xl`\n * with its own `<h1>` — which the house rules forbid outright. That frame is\n * gone; `ListPage` on the Offers route owns the title and the action.\n *\n * The status filter came down with it, from the page header into a toolbar\n * over the rows it governs. It was sitting in the header next to the issue\n * button, which read as a page control when it only ever narrowed the book.\n */\nexport function GiftCardsPanel() {\n  const {\n    cards: liveCards,\n    stats: liveStats,\n    loading,\n    total,\n    hasMore,\n    loadMore,\n    statusFilter,\n    selectStatus,\n    searchFor,\n    clearFilters,\n    hasActiveFilters,\n    actionLoading,\n    refresh,\n    redeemCard,\n    cancelCard,\n    sendCard,\n    findByCode,\n  } = useGiftCardsData();\n\n  useRegisterRefresh(refresh);\n  const confirm = useConfirm();\n  const formatCurrency = useFormatCurrency();\n  const tenantCurrency = useTenantCurrency();\n  const { tenant } = useAuth();\n  const router = useRouter();\n\n  // The compose flow is a page, so warm it before the merchant asks.\n  useEffect(() => {\n    router.prefetch('/dashboard/gift-cards/new');\n  }, [router]);\n\n  // Design against seed data with ?demo=1. The list and the headline figure\n  // both switch, so they cannot disagree while a page is being looked at.\n  const demo = useDemoMode();\n  const cards = demo ? DEMO_GIFT_CARDS : liveCards;\n  const stats = demo ? DEMO_GIFT_CARD_STATS : liveStats;\n\n  // The till has to search the same set the list is showing. Seeding only the\n  // list meant the page's primary object found nothing in the one mode we\n  // actually design in, which reads as the lookup being broken.\n  const lookup = demo\n    ? (code: string) =>\n        Promise.resolve(\n          DEMO_GIFT_CARDS.find(\n            (c) => c.code.toUpperCase() === code.trim().toUpperCase(),\n          ) ?? null,\n        )\n    : findByCode;\n\n  const [redeemTarget, setRedeemTarget] = useState<GiftCard | null>(null);\n\n  /**\n   * No cards issued, and nothing hiding them.\n   *\n   * The till leads this panel, which is right the moment there is a book to\n   * look codes up in. On a first run it is a search that cannot match anything\n   * — autofocused, ringed, at the top of the page — sitting above a card that\n   * says none exist yet. Same rule the discounts list and the campaigns list\n   * follow: controls appear when there is something for them to operate on.\n   */\n  const firstRun = isFirstRun({\n    loading,\n    count: cards.length,\n    filtered: hasActiveFilters,\n  });\n\n  const handleCancel = async (card: GiftCard) => {\n    const ok = await confirm({\n      title: 'Cancel this gift card?',\n      description: `${card.code} still has ${formatCurrency(card.balance, card.currency)} on it. Cancelling stops it being redeemed. The card and everything spent on it stay on your records.`,\n      confirmLabel: 'Cancel card',\n      tone: 'danger',\n    });\n    if (ok) cancelCard(card.id);\n  };\n\n  return (\n    /* `space-y-4`, not `space-y-4 lg:space-y-6`. Both steps are on the scale so\n       nothing failed a rule — this panel simply opened wider than the discounts\n       panel beside it at exactly the width most people read the page at, and\n       flipping the tab moved everything. */\n    <div className=\"space-y-4\">\n      {/* The till. Everything below this is the book. */}\n      {!firstRun && (\n        <CodeLookup\n          onLookup={lookup}\n          onFilter={searchFor}\n          formatCurrency={formatCurrency}\n          onRedeem={setRedeemTarget}\n          onSend={sendCard}\n          onCancel={handleCancel}\n        />\n      )}\n\n      {/* The book. One object: how to narrow it across the top, the cards\n          themselves, the page switch at the foot.\n\n          Issued and redeemed are deliberately absent. They are history, not\n          something a merchant acts on, and Analytics is where trends live.\n          Outstanding is the one figure that changes what you do today. */}\n      {loading && !demo && cards.length === 0 ? (\n        <InlineListSkeleton />\n      ) : cards.length === 0 && !hasActiveFilters ? (\n        /* The first thing a merchant sees should look like the thing they are\n           about to make, not a grey icon in a rounded square. No shell here:\n           there is no book yet, and framing an invitation as an empty table\n           makes it read as something broken. */\n        <Reveal className=\"flex flex-col items-center py-10 text-center\">\n          <div className=\"pointer-events-none w-full max-w-[300px] opacity-90\">\n            <GiftCardPreview\n              currency={tenantCurrency}\n              businessName={tenant?.businessName ?? 'Your business'}\n              logoUrl={tenant?.settings?.logo?.url ?? tenant?.businessLogo}\n              formatCurrency={formatCurrency}\n            />\n          </div>\n          <p className=\"mt-6 text-sm font-medium text-[var(--text-primary)]\">\n            No gift cards yet\n          </p>\n          <p className=\"mt-1 max-w-sm text-sm text-[var(--text-tertiary)]\">\n            Issue one and it lands in your customer&rsquo;s inbox with a code\n            they can spend at checkout.\n          </p>\n          {/* The action, which this state used to refuse on the argument that\n              the header already carries it and two of them \"asks the merchant\n              which one is the real one\".\n\n              That was this screen alone against the rest of the app: ten other\n              first-run states offer the header's action again, and StateView\n              takes an `action` precisely so a list that empties can offer the\n              way out of it rather than only describe it. On an empty page the\n              header button is small and in the far corner while this sits in\n              the middle of the screen — two targets for one act, not a fork. */}\n          <Button\n            className=\"mt-4\"\n            onClick={() => router.push('/dashboard/gift-cards/new')}\n          >\n            Issue gift card\n          </Button>\n        </Reveal>\n      ) : (\n        /* In the frame, with the app's one filter row across the top and the\n           page switch at the foot — which is what the comment above has always\n           claimed this was, drawn by hand. The tab beside it (Discounts) is a\n           `ListFrame` with a `FilterBar`, so flipping between the two tabs of\n           one page changed the page's whole grammar: a card became a loose\n           grid, a filter row became a bare `Select` floating right, and\n           pagination became a Load more button. Two tabs are two views of one\n           subject or they are not tabs. */\n        <ListFrame\n          toolbar={\n            <div className=\"w-full\">\n              <FilterBar\n                activeCount={hasActiveFilters ? 1 : 0}\n                active={\n                  statusFilter\n                    ? [\n                        {\n                          key: 'status',\n                          label: STATUS_LABEL[statusFilter],\n                          onClear: () => selectStatus(''),\n                        },\n                      ]\n                    : undefined\n                }\n                onClearAll={hasActiveFilters ? clearFilters : undefined}\n              >\n                {/* No search field. The code lookup above IS this panel's\n                    search, and it does more than match text — it opens the card\n                    and offers redeem, send and cancel on it. A second box\n                    matching the same codes would be the same question asked\n                    twice, with the weaker answer on top. */}\n                <FilterField label=\"Status\">\n                  <Select\n                    value={statusFilter}\n                    onChange={(v) => selectStatus(v as GiftCardStatus | '')}\n                    options={[\n                      { value: '', label: 'All statuses' },\n                      {\n                        value: 'active',\n                        label: 'Active',\n                        count: stats?.activeCards,\n                      },\n                      { value: 'used', label: 'Used' },\n                      { value: 'expired', label: 'Expired' },\n                      { value: 'cancelled', label: 'Cancelled' },\n                    ]}\n                    placeholder=\"All statuses\"\n                    ariaLabel=\"Filter by status\"\n                  />\n                </FilterField>\n              </FilterBar>\n            </div>\n          }\n          footer={\n            hasMore ? (\n              <div className=\"flex flex-col items-center gap-2 border-t border-[var(--border-subtle)] px-3 py-3\">\n                <p className=\"text-xs text-[var(--text-muted)]\">\n                  Showing {cards.length} of {total}\n                </p>\n                <Button variant=\"secondary\" onClick={loadMore}>\n                  Load more\n                </Button>\n              </div>\n            ) : undefined\n          }\n        >\n          {cards.length === 0 ? (\n            <TableEmptyState\n              icon={CreditCard}\n              title=\"Nothing matches\"\n              description=\"Try adjusting your filters.\"\n            />\n          ) : (\n            <Stagger className=\"grid gap-4 p-3 sm:grid-cols-2 xl:grid-cols-3\">\n              {cards.map((card) => (\n                <StaggerItem key={card.id} className=\"min-w-0\">\n                  <GiftCardTile\n                    card={card}\n                    formatCurrency={formatCurrency}\n                    onRedeem={setRedeemTarget}\n                    onCancel={handleCancel}\n                    onSend={sendCard}\n                  />\n                </StaggerItem>\n              ))}\n            </Stagger>\n          )}\n        </ListFrame>\n      )}\n\n      <RedeemGiftCardModal\n        card={redeemTarget}\n        saving={actionLoading}\n        formatCurrency={formatCurrency}\n        onRedeem={redeemCard}\n        onOpenChange={(o) => !o && setRedeemTarget(null)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/features/gift-cards/hint.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The small info icon that holds a page's helper text, so the sentence is one
+ * hover or focus away instead of sitting on the page. `lines` render one under
+ * the other; screen readers get them joined as the button's name.
+ */
+export declare function Hint({ lines, topic }: {
+    lines: string[];
+    topic: string;
+}): import("react").JSX.Element;

package/dist/features/gift-cards/hint.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Info } from "lucide-react";
+import { Tooltip } from "@withpotter/ui-kit/tooltip";
+function Hint({ lines, topic }) {
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      label: /* @__PURE__ */ jsx("span", { className: "block space-y-1", children: lines.map((line) => /* @__PURE__ */ jsx("span", { className: "block", children: line }, line)) }),
+      children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": `About ${topic}. ${lines.join(" ")}`,
+          className: "inline-flex items-center rounded-md p-1 text-[var(--text-muted)] hover:text-[var(--text-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]",
+          children: /* @__PURE__ */ jsx(Info, { className: "size-4", "aria-hidden": true })
+        }
+      )
+    }
+  );
+}
+export {
+  Hint
+};
+//# sourceMappingURL=hint.js.map

package/dist/features/gift-cards/hint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/gift-cards/hint.tsx"],"sourcesContent":["'use client';\n\nimport { Info } from 'lucide-react';\nimport { Tooltip } from '@withpotter/ui-kit/tooltip';\n\n/**\n * The small info icon that holds a page's helper text, so the sentence is one\n * hover or focus away instead of sitting on the page. `lines` render one under\n * the other; screen readers get them joined as the button's name.\n */\nexport function Hint({ lines, topic }: { lines: string[]; topic: string }) {\n  return (\n    <Tooltip\n      label={\n        <span className=\"block space-y-1\">\n          {lines.map((line) => (\n            <span key={line} className=\"block\">\n              {line}\n            </span>\n          ))}\n        </span>\n      }\n    >\n      <button\n        type=\"button\"\n        aria-label={`About ${topic}. ${lines.join(' ')}`}\n        className=\"inline-flex items-center rounded-md p-1 text-[var(--text-muted)] hover:text-[var(--text-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]\"\n      >\n        <Info className=\"size-4\" aria-hidden />\n      </button>\n    </Tooltip>\n  );\n}\n"],"mappings":";AAgBY;AAdZ,SAAS,YAAY;AACrB,SAAS,eAAe;AAOjB,SAAS,KAAK,EAAE,OAAO,MAAM,GAAuC;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OACE,oBAAC,UAAK,WAAU,mBACb,gBAAM,IAAI,CAAC,SACV,oBAAC,UAAgB,WAAU,SACxB,kBADQ,IAEX,CACD,GACH;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,SAAS,KAAK,KAAK,MAAM,KAAK,GAAG,CAAC;AAAA,UAC9C,WAAU;AAAA,UAEV,8BAAC,QAAK,WAAU,UAAS,eAAW,MAAC;AAAA;AAAA,MACvC;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/features/gift-cards/index.d.ts

@@ -0,0 +1,2 @@
+export { GiftCardsPanel } from './gift-cards-panel';
+export { GiftCardsFeature } from './gift-cards-feature';

package/dist/features/gift-cards/index.js

@@ -0,0 +1,7 @@
+import { GiftCardsPanel } from "./gift-cards-panel";
+import { GiftCardsFeature } from "./gift-cards-feature";
+export {
+  GiftCardsFeature,
+  GiftCardsPanel
+};
+//# sourceMappingURL=index.js.map

package/dist/features/gift-cards/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/gift-cards/index.ts"],"sourcesContent":["export { GiftCardsPanel } from './gift-cards-panel';\nexport { GiftCardsFeature } from './gift-cards-feature';\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;","names":[]}

package/dist/features/gift-cards.d.ts

@@ -0,0 +1 @@
+export * from './gift-cards/index';

package/dist/features/gift-cards.js

@@ -0,0 +1 @@
+export * from './gift-cards/index.js';

package/dist/features/index.d.ts

@@ -0,0 +1,8 @@
+export { CalendarSyncFeature } from './calendar-sync';
+export { LoyaltyFeature } from './loyalty';
+export { GalleryFeature } from './gallery';
+export { PaymentsFeature } from './payments';
+export { CollectionsFeature } from './collections';
+export { DiscountsPanel } from './discounts';
+export { GiftCardsFeature } from './gift-cards';
+export { createGiftCardEmailHtml, createGiftCardSvg, downloadGiftCardArtwork, GiftCardArtwork, GIFT_CARD_PRESETS, } from './gift-card-artwork';

package/dist/features/index.js

@@ -0,0 +1,29 @@
+import { CalendarSyncFeature } from "./calendar-sync";
+import { LoyaltyFeature } from "./loyalty";
+import { GalleryFeature } from "./gallery";
+import { PaymentsFeature } from "./payments";
+import { CollectionsFeature } from "./collections";
+import { DiscountsPanel } from "./discounts";
+import { GiftCardsFeature } from "./gift-cards";
+import {
+  createGiftCardEmailHtml,
+  createGiftCardSvg,
+  downloadGiftCardArtwork,
+  GiftCardArtwork,
+  GIFT_CARD_PRESETS
+} from "./gift-card-artwork";
+export {
+  CalendarSyncFeature,
+  CollectionsFeature,
+  DiscountsPanel,
+  GIFT_CARD_PRESETS,
+  GalleryFeature,
+  GiftCardArtwork,
+  GiftCardsFeature,
+  LoyaltyFeature,
+  PaymentsFeature,
+  createGiftCardEmailHtml,
+  createGiftCardSvg,
+  downloadGiftCardArtwork
+};
+//# sourceMappingURL=index.js.map

package/dist/features/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/features/index.ts"],"sourcesContent":["// Feature components for dashboard pages\n// These are shared across templates and rendered by the catch-all route\n//\n// HOW TO ADD A NEW FEATURE PAGE:\n// 1. Create a new file in this folder (e.g., my-feature.tsx)\n// 2. Export a component named `MyFeatureFeature`\n// 3. Add the export below\n// 4. Add the mapping in dashboard/[...slug]/page.tsx featurePages object\n//\n// The catch-all route will automatically render feature pages\n// without needing individual page folders.\n//\n// NOTE: Core platform features (analytics, customers, orders) have dedicated page routes.\n// Data pages (bookings, waitlist, memberships, gift-cards, testimonials)\n// are rendered via ContentTypePage using the template's listView config.\n// Only pages with specialized non-data logic remain here.\n\nexport { CalendarSyncFeature } from './calendar-sync';\nexport { LoyaltyFeature } from './loyalty';\nexport { GalleryFeature } from './gallery';\nexport { PaymentsFeature } from './payments';\nexport { CollectionsFeature } from './collections';\nexport { DiscountsPanel } from './discounts';\nexport { GiftCardsFeature } from './gift-cards';\nexport {\n  createGiftCardEmailHtml,\n  createGiftCardSvg,\n  downloadGiftCardArtwork,\n  GiftCardArtwork,\n  GIFT_CARD_PRESETS,\n} from './gift-card-artwork';\n"],"mappings":"AAiBA,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/features/loyalty.d.ts

@@ -0,0 +1 @@
+export declare function LoyaltyFeature(): import("react").JSX.Element;