@burdenoff/microfe-billing 2026.625.4 → 2026.625.5

package/dist/billing/modules/discounts/pages/DiscountsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscountsListPage.js","names":[],"sources":["../../../../../src/billing/modules/discounts/pages/DiscountsListPage.tsx"],"sourcesContent":["/**\n * Discounts Module - Discounts List Page\n * Admin page for creating, viewing, and managing discount codes\n */\n\nimport { useMemo, useState, type FC, type FormEvent } from 'react';\nimport {\n  useGetDiscountsQuery,\n  useCreateDiscountMutation,\n  useUpdateDiscountMutation,\n  useDeleteDiscountMutation,\n} from '../../../../generated/global-operations';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied } from '../../../shared/components';\nimport { formatCurrency, formatDate } from '../../../shared/utils/format';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { nativeImpact, nativeNotify } from '../../../../utils/nativeBridge';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype DiscountType = 'PERCENTAGE' | 'FIXED';\n\ninterface BillingDiscount {\n  id: string;\n  code: string;\n  type: DiscountType;\n  value: number;\n  currency: string | null;\n  maxUses: number | null;\n  usedCount: number;\n  validFrom: string | null;\n  validUntil: string | null;\n  metadata: Record<string, unknown> | null;\n  context: Record<string, unknown> | null;\n  createdAt: string;\n  updatedAt: string;\n}\n\ninterface CreateDiscountForm {\n  code: string;\n  type: DiscountType;\n  value: string;\n  currency: string;\n  maxUses: string;\n  validFrom: string;\n  validUntil: string;\n}\n\ninterface EditDiscountForm {\n  maxUses: string;\n  validUntil: string;\n}\n\ntype ModalState =\n  | { kind: 'closed' }\n  | { kind: 'create' }\n  | { kind: 'edit'; discount: BillingDiscount }\n  | { kind: 'delete'; discount: BillingDiscount };\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction isExpired(discount: BillingDiscount): boolean {\n  if (!discount.validUntil) return false;\n  return new Date(discount.validUntil) < new Date();\n}\n\nfunction formatDiscountValue(discount: BillingDiscount): string {\n  if (discount.type === 'PERCENTAGE') {\n    return `${discount.value}%`;\n  }\n  return formatCurrency(discount.value, discount.currency ?? 'USD');\n}\n\nconst INITIAL_CREATE_FORM: CreateDiscountForm = {\n  code: '',\n  type: 'PERCENTAGE',\n  value: '',\n  currency: 'USD',\n  maxUses: '',\n  validFrom: '',\n  validUntil: '',\n};\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const DiscountsListPage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  const permissions = useBillingPermissions();\n\n  const { data, loading, error, refetch } = useGetDiscountsQuery();\n\n  const [createDiscount, { loading: isCreating }] = useCreateDiscountMutation();\n  const [updateDiscount, { loading: isUpdating }] = useUpdateDiscountMutation();\n  const [deleteDiscount, { loading: isDeleting }] = useDeleteDiscountMutation();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [modal, setModal] = useState<ModalState>({ kind: 'closed' });\n  const [createForm, setCreateForm] = useState<CreateDiscountForm>(INITIAL_CREATE_FORM);\n  const [editForm, setEditForm] = useState<EditDiscountForm>({ maxUses: '', validUntil: '' });\n  const [mutationError, setMutationError] = useState<string | null>(null);\n  const [selectedDiscountIds, setSelectedDiscountIds] = useState<Set<string>>(new Set());\n  const [showBulkDeleteConfirm, setShowBulkDeleteConfirm] = useState(false);\n\n  const discounts: BillingDiscount[] = (data?.getDiscounts ?? []) as BillingDiscount[];\n\n  // Filtered discounts\n  const filteredDiscounts = discounts.filter((discount: BillingDiscount) => {\n    if (!searchQuery) return true;\n    return discount.code.toLowerCase().includes(searchQuery.toLowerCase());\n  });\n\n  const selectedDiscounts = useMemo(\n    () => filteredDiscounts.filter((discount) => selectedDiscountIds.has(discount.id)),\n    [filteredDiscounts, selectedDiscountIds]\n  );\n\n  const allVisibleSelected =\n    filteredDiscounts.length > 0 &&\n    filteredDiscounts.every((discount) => selectedDiscountIds.has(discount.id));\n  const partiallySelected =\n    filteredDiscounts.some((discount) => selectedDiscountIds.has(discount.id)) &&\n    !allVisibleSelected;\n\n  // Permission check\n  if (!permissions.canManageDiscounts) {\n    return <AccessDenied message=\"You don't have permission to manage discount codes.\" />;\n  }\n\n  // Summary stats\n  const totalDiscounts = discounts.length;\n  const activeDiscounts = discounts.filter((d: BillingDiscount) => !isExpired(d)).length;\n  const expiredDiscounts = discounts.filter((d: BillingDiscount) => isExpired(d)).length;\n\n  // ── Modal handlers ──────────────────────────────────────────────────\n\n  const openCreateModal = () => {\n    setCreateForm(INITIAL_CREATE_FORM);\n    setMutationError(null);\n    setModal({ kind: 'create' });\n  };\n\n  const openEditModal = (discount: BillingDiscount) => {\n    setEditForm({\n      maxUses: discount.maxUses != null ? String(discount.maxUses) : '',\n      validUntil: discount.validUntil\n        ? new Date(discount.validUntil).toISOString().slice(0, 16)\n        : '',\n    });\n    setMutationError(null);\n    setModal({ kind: 'edit', discount });\n  };\n\n  const openDeleteModal = (discount: BillingDiscount) => {\n    setMutationError(null);\n    setModal({ kind: 'delete', discount });\n  };\n\n  const closeModal = () => {\n    setModal({ kind: 'closed' });\n    setMutationError(null);\n  };\n\n  // ── Mutation handlers ───────────────────────────────────────────────\n\n  const handleCreate = async (e: FormEvent) => {\n    e.preventDefault();\n    setMutationError(null);\n\n    if (!createForm.code.trim()) {\n      setMutationError('Discount code is required.');\n      return;\n    }\n\n    const valueNum = Number(createForm.value);\n    if (Number.isNaN(valueNum) || valueNum <= 0) {\n      setMutationError('Value must be a positive number.');\n      return;\n    }\n\n    if (createForm.type === 'PERCENTAGE' && valueNum > 100) {\n      setMutationError('Percentage value cannot exceed 100.');\n      return;\n    }\n\n    try {\n      await createDiscount({\n        variables: {\n          code: createForm.code.trim().toUpperCase(),\n          type: createForm.type,\n          value: valueNum,\n          currency: createForm.type === 'FIXED' ? createForm.currency : null,\n          maxUses: createForm.maxUses ? Number(createForm.maxUses) : null,\n          validFrom: createForm.validFrom ? new Date(createForm.validFrom).toISOString() : null,\n          validUntil: createForm.validUntil ? new Date(createForm.validUntil).toISOString() : null,\n        },\n      });\n      await refetch();\n      closeModal();\n    } catch (err) {\n      setMutationError(err instanceof Error ? err.message : 'Failed to create discount.');\n    }\n  };\n\n  const handleUpdate = async (e: FormEvent) => {\n    e.preventDefault();\n    if (modal.kind !== 'edit') return;\n    setMutationError(null);\n\n    try {\n      await updateDiscount({\n        variables: {\n          id: modal.discount.id,\n          maxUses: editForm.maxUses ? Number(editForm.maxUses) : null,\n          validUntil: editForm.validUntil ? new Date(editForm.validUntil).toISOString() : null,\n        },\n      });\n      await refetch();\n      closeModal();\n    } catch (err) {\n      setMutationError(err instanceof Error ? err.message : 'Failed to update discount.');\n    }\n  };\n\n  const handleDelete = async () => {\n    if (modal.kind !== 'delete') return;\n    setMutationError(null);\n    void nativeImpact('medium');\n\n    try {\n      await deleteDiscount({ variables: { id: modal.discount.id } });\n      void nativeNotify('success');\n      await refetch();\n      closeModal();\n    } catch (err) {\n      void nativeNotify('error');\n      setMutationError(err instanceof Error ? err.message : 'Failed to delete discount.');\n    }\n  };\n\n  const handleBulkDelete = async () => {\n    if (selectedDiscounts.length === 0) return;\n\n    setMutationError(null);\n    setShowBulkDeleteConfirm(false);\n    await Promise.allSettled(\n      selectedDiscounts.map((discount) => deleteDiscount({ variables: { id: discount.id } }))\n    );\n    await refetch();\n    setSelectedDiscountIds(new Set());\n  };\n\n  const toggleDiscountSelection = (discountId: string, checked: boolean) => {\n    setSelectedDiscountIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(discountId);\n      } else {\n        next.delete(discountId);\n      }\n      return next;\n    });\n    setShowBulkDeleteConfirm(false);\n  };\n\n  const toggleAllDiscounts = (checked: boolean) => {\n    setSelectedDiscountIds((prev) => {\n      const next = new Set(prev);\n      filteredDiscounts.forEach((discount) => {\n        if (checked) {\n          next.add(discount.id);\n        } else {\n          next.delete(discount.id);\n        }\n      });\n      return next;\n    });\n    setShowBulkDeleteConfirm(false);\n  };\n\n  // ── Loading state ───────────────────────────────────────────────────\n\n  if (loading && discounts.length === 0) {\n    return (\n      <div className=\"space-y-6 p-6\">\n        <div className=\"h-8 w-48 bg-bg-sunken animate-pulse rounded\" />\n        <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n          {[1, 2, 3].map((i) => (\n            <div key={i} className=\"border border-border-subtle rounded-lg p-4 space-y-2\">\n              <div className=\"h-4 w-24 bg-bg-sunken animate-pulse rounded\" />\n              <div className=\"h-6 w-16 bg-bg-sunken animate-pulse rounded\" />\n            </div>\n          ))}\n        </div>\n        <div className=\"space-y-3\">\n          {[1, 2, 3, 4, 5].map((i) => (\n            <div key={i} className=\"border border-border-subtle rounded-lg p-4\">\n              <div className=\"flex items-center gap-4\">\n                <div className=\"size-10 bg-bg-sunken animate-pulse rounded\" />\n                <div className=\"flex-1 space-y-2\">\n                  <div className=\"h-4 w-32 bg-bg-sunken animate-pulse rounded\" />\n                  <div className=\"h-3 w-48 bg-bg-sunken animate-pulse rounded\" />\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  // ── Error state ─────────────────────────────────────────────────────\n\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center h-full min-h-[400px]\">\n        <div className=\"text-center space-y-4\">\n          <div className=\"size-12 mx-auto rounded-full bg-status-error-bg-subtle flex items-center justify-center\">\n            <svg\n              className=\"size-6 text-status-error-text\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n              />\n            </svg>\n          </div>\n          <h2 className=\"text-lg font-semibold text-text-primary\">Failed to load discounts</h2>\n          <p className=\"text-sm text-text-muted\">{error.message}</p>\n          <button\n            type=\"button\"\n            onClick={() => refetch()}\n            className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors\"\n          >\n            Try Again\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  // ── Main render ─────────────────────────────────────────────────────\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl md:text-3xl font-semibold tracking-tight text-text-primary\">\n            Discount Codes\n          </h1>\n          <p className=\"text-sm text-text-secondary mt-1\">\n            Create, view, and manage discount codes for billing\n          </p>\n        </div>\n        <button\n          type=\"button\"\n          onClick={openCreateModal}\n          className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n        >\n          <svg className=\"size-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n          </svg>\n          Create Discount\n        </button>\n      </div>\n\n      {/* Summary Cards */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n        <div className=\"rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]\">\n          <p className=\"text-sm text-text-secondary\">Total Discounts</p>\n          <p className=\"text-2xl font-semibold text-text-primary tabular-nums mt-1\">\n            {totalDiscounts}\n          </p>\n        </div>\n        <div className=\"rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]\">\n          <p className=\"text-sm text-text-secondary\">Active</p>\n          <p className=\"text-2xl font-semibold text-status-success-text tabular-nums mt-1\">\n            {activeDiscounts}\n          </p>\n        </div>\n        <div className=\"rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]\">\n          <p className=\"text-sm text-text-secondary\">Expired</p>\n          <p className=\"text-2xl font-semibold text-status-warning-text tabular-nums mt-1\">\n            {expiredDiscounts}\n          </p>\n        </div>\n      </div>\n\n      {/* Search */}\n      <div className=\"flex flex-col sm:flex-row flex-wrap items-stretch sm:items-center gap-3 sm:gap-4 pb-4 border-b border-border-subtle\">\n        <div className=\"relative flex-1 min-w-0 w-full sm:max-w-md\">\n          <svg\n            className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n            />\n          </svg>\n          <input\n            type=\"text\"\n            placeholder=\"Search by discount code...\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className=\"w-full pl-[3.25rem] pr-4 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n          />\n        </div>\n      </div>\n\n      {filteredDiscounts.length > 0 && (\n        <div className=\"flex flex-col gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n          <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n            <input\n              type=\"checkbox\"\n              checked={allVisibleSelected}\n              ref={(input) => {\n                if (input) {\n                  input.indeterminate = partiallySelected && !allVisibleSelected;\n                }\n              }}\n              onChange={(event) => toggleAllDiscounts(event.target.checked)}\n              aria-label=\"Select all discounts\"\n              className=\"size-4 rounded border-border-subtle text-text-link\"\n            />\n            <span>Select all visible</span>\n          </label>\n\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm text-text-muted\">{selectedDiscountIds.size} selected</span>\n            {selectedDiscountIds.size > 0 && (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setSelectedDiscountIds(new Set());\n                  setShowBulkDeleteConfirm(false);\n                }}\n                className=\"text-sm text-text-muted hover:text-text-primary\"\n              >\n                Clear selection\n              </button>\n            )}\n            <button\n              type=\"button\"\n              onClick={() => setShowBulkDeleteConfirm(true)}\n              disabled={selectedDiscounts.length === 0 || isDeleting}\n              className=\"inline-flex items-center gap-2 px-3 py-2 text-sm font-medium border border-status-error-border text-status-error-text rounded-md hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50\"\n            >\n              Delete Selected{selectedDiscounts.length > 0 ? ` (${selectedDiscounts.length})` : ''}\n            </button>\n          </div>\n        </div>\n      )}\n\n      {showBulkDeleteConfirm && selectedDiscounts.length > 0 && (\n        <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4\">\n          <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n            <div>\n              <p className=\"text-sm font-medium text-text-primary\">\n                Delete {selectedDiscounts.length} selected discount\n                {selectedDiscounts.length === 1 ? '' : 's'}?\n              </p>\n              <p className=\"text-sm text-text-muted\">This action cannot be undone.</p>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                onClick={() => setShowBulkDeleteConfirm(false)}\n                className=\"px-3 py-2 text-sm font-medium text-text-muted hover:text-text-primary\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleBulkDelete}\n                disabled={isDeleting}\n                className=\"inline-flex items-center gap-2 rounded-button bg-action-danger-bg px-3 py-2 text-sm font-medium text-action-danger-text hover:bg-action-danger-bgHover disabled:opacity-50\"\n              >\n                Confirm Delete\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Discounts Table */}\n      {filteredDiscounts.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-16 border border-dashed border-border-seam rounded-card bg-bg-surface\">\n          <div className=\"size-12 rounded-full bg-[var(--color-accent-soft)] flex items-center justify-center mb-4\">\n            <svg\n              className=\"size-6 text-text-muted\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A2 2 0 013 12V7a4 4 0 014-4z\"\n              />\n            </svg>\n          </div>\n          <h3 className=\"text-lg font-medium text-text-primary\">No discount codes found</h3>\n          <p className=\"text-sm text-text-muted mt-1\">\n            {searchQuery\n              ? 'No discount codes match your search.'\n              : 'Create your first discount code to get started.'}\n          </p>\n          {!searchQuery && (\n            <button\n              type=\"button\"\n              onClick={openCreateModal}\n              className=\"mt-4 px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors\"\n            >\n              Create your first discount\n            </button>\n          )}\n        </div>\n      ) : (\n        <div className=\"border border-border-seam rounded-card overflow-hidden shadow-[var(--shadow-elevation-1)]\">\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full\">\n              <thead className=\"sticky top-0 z-10 bg-bg-sunken border-b border-border-subtle\">\n                <tr>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted w-12\">\n                    <input\n                      type=\"checkbox\"\n                      checked={allVisibleSelected}\n                      ref={(input) => {\n                        if (input) {\n                          input.indeterminate = partiallySelected && !allVisibleSelected;\n                        }\n                      }}\n                      onChange={(event) => toggleAllDiscounts(event.target.checked)}\n                      aria-label=\"Select all discounts\"\n                      className=\"size-4 rounded border-border-subtle text-action-primary-bg focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n                    />\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n                    Code\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n                    Type\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n                    Value\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted hidden md:table-cell\">\n                    Uses\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted hidden lg:table-cell\">\n                    Valid From\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted hidden sm:table-cell\">\n                    Valid Until\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n                    Status\n                  </th>\n                  <th className=\"text-right px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n                    Actions\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-border-subtle\">\n                {filteredDiscounts.map((discount: BillingDiscount) => (\n                  <DiscountRow\n                    key={discount.id}\n                    discount={discount}\n                    selected={selectedDiscountIds.has(discount.id)}\n                    onToggleSelect={toggleDiscountSelection}\n                    onEdit={openEditModal}\n                    onDelete={openDeleteModal}\n                  />\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      )}\n\n      {/* Create Modal */}\n      {modal.kind === 'create' && (\n        <ModalOverlay onClose={closeModal}>\n          <form onSubmit={handleCreate} className=\"space-y-4\">\n            <div className=\"flex items-center justify-between mb-2\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {tr('billing.discounts.createDiscountCode', 'Create Discount Code')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <svg\n                  className=\"size-5 text-text-muted\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M6 18L18 6M6 6l12 12\"\n                  />\n                </svg>\n              </button>\n            </div>\n\n            {mutationError && (\n              <div className=\"p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md\">\n                {mutationError}\n              </div>\n            )}\n\n            {/* Code */}\n            <div>\n              <label\n                htmlFor=\"create-code\"\n                className=\"block text-sm font-medium text-text-primary mb-1\"\n              >\n                {tr('billing.discounts.code', 'Code')}{' '}\n                <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                id=\"create-code\"\n                type=\"text\"\n                required\n                value={createForm.code}\n                onChange={(e) => setCreateForm((prev) => ({ ...prev, code: e.target.value }))}\n                placeholder={tr('billing.discounts.codePlaceholder', 'e.g. SUMMER25')}\n                className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent uppercase\"\n              />\n            </div>\n\n            {/* Type + Value row */}\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label\n                  htmlFor=\"create-type\"\n                  className=\"block text-sm font-medium text-text-primary mb-1\"\n                >\n                  {tr('billing.discounts.type', 'Type')}{' '}\n                  <span className=\"text-status-error-text\">*</span>\n                </label>\n                <select\n                  id=\"create-type\"\n                  value={createForm.type}\n                  onChange={(e) =>\n                    setCreateForm((prev) => ({\n                      ...prev,\n                      type: e.target.value as DiscountType,\n                    }))\n                  }\n                  className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n                >\n                  <option value=\"PERCENTAGE\">\n                    {tr('billing.discounts.typePercentage', 'Percentage')}\n                  </option>\n                  <option value=\"FIXED\">\n                    {tr('billing.discounts.typeFixedAmount', 'Fixed Amount')}\n                  </option>\n                </select>\n              </div>\n              <div>\n                <label\n                  htmlFor=\"create-value\"\n                  className=\"block text-sm font-medium text-text-primary mb-1\"\n                >\n                  {tr('billing.discounts.value', 'Value')}{' '}\n                  <span className=\"text-status-error-text\">*</span>\n                </label>\n                <div className=\"relative\">\n                  <input\n                    id=\"create-value\"\n                    type=\"number\"\n                    required\n                    min=\"0.01\"\n                    max={createForm.type === 'PERCENTAGE' ? '100' : undefined}\n                    step=\"0.01\"\n                    value={createForm.value}\n                    onChange={(e) => setCreateForm((prev) => ({ ...prev, value: e.target.value }))}\n                    placeholder={createForm.type === 'PERCENTAGE' ? '10' : '25.00'}\n                    className=\"w-full px-3 py-2 pr-8 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n                  />\n                  <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-sm text-text-muted\">\n                    {createForm.type === 'PERCENTAGE' ? '%' : createForm.currency}\n                  </span>\n                </div>\n              </div>\n            </div>\n\n            {/* Currency (only for FIXED) */}\n            {createForm.type === 'FIXED' && (\n              <div>\n                <label\n                  htmlFor=\"create-currency\"\n                  className=\"block text-sm font-medium text-text-primary mb-1\"\n                >\n                  {tr('billing.discounts.currency', 'Currency')}\n                </label>\n                <select\n                  id=\"create-currency\"\n                  value={createForm.currency}\n                  onChange={(e) => setCreateForm((prev) => ({ ...prev, currency: e.target.value }))}\n                  className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n                >\n                  <option value=\"USD\">USD</option>\n                  <option value=\"EUR\">EUR</option>\n                  <option value=\"GBP\">GBP</option>\n                  <option value=\"INR\">INR</option>\n                  <option value=\"CAD\">CAD</option>\n                  <option value=\"AUD\">AUD</option>\n                </select>\n              </div>\n            )}\n\n            {/* Max Uses */}\n            <div>\n              <label\n                htmlFor=\"create-max-uses\"\n                className=\"block text-sm font-medium text-text-primary mb-1\"\n              >\n                {tr('billing.discounts.maxUses', 'Max Uses')}\n              </label>\n              <input\n                id=\"create-max-uses\"\n                type=\"number\"\n                min=\"1\"\n                step=\"1\"\n                value={createForm.maxUses}\n                onChange={(e) => setCreateForm((prev) => ({ ...prev, maxUses: e.target.value }))}\n                placeholder={tr('billing.discounts.unlimited', 'Unlimited')}\n                className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n              />\n              <p className=\"text-xs text-text-muted mt-1\">\n                {tr('billing.discounts.unlimitedHelp', 'Leave empty for unlimited uses.')}\n              </p>\n            </div>\n\n            {/* Valid From / Valid Until row */}\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label\n                  htmlFor=\"create-valid-from\"\n                  className=\"block text-sm font-medium text-text-primary mb-1\"\n                >\n                  {tr('billing.discounts.validFrom', 'Valid From')}\n                </label>\n                <input\n                  id=\"create-valid-from\"\n                  type=\"datetime-local\"\n                  value={createForm.validFrom}\n                  onChange={(e) =>\n                    setCreateForm((prev) => ({ ...prev, validFrom: e.target.value }))\n                  }\n                  className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n                />\n              </div>\n              <div>\n                <label\n                  htmlFor=\"create-valid-until\"\n                  className=\"block text-sm font-medium text-text-primary mb-1\"\n                >\n                  {tr('billing.discounts.validUntil', 'Valid Until')}\n                </label>\n                <input\n                  id=\"create-valid-until\"\n                  type=\"datetime-local\"\n                  value={createForm.validUntil}\n                  onChange={(e) =>\n                    setCreateForm((prev) => ({ ...prev, validUntil: e.target.value }))\n                  }\n                  className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n                />\n              </div>\n            </div>\n\n            {/* Actions */}\n            <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border-subtle\">\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors\"\n              >\n                {tr('billing.discounts.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"submit\"\n                disabled={isCreating}\n                className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n              >\n                {isCreating\n                  ? tr('billing.discounts.creating', 'Creating...')\n                  : tr('billing.discounts.createDiscount', 'Create Discount')}\n              </button>\n            </div>\n          </form>\n        </ModalOverlay>\n      )}\n\n      {/* Edit Modal */}\n      {modal.kind === 'edit' && (\n        <ModalOverlay onClose={closeModal}>\n          <form onSubmit={handleUpdate} className=\"space-y-4\">\n            <div className=\"flex items-center justify-between mb-2\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">Edit Discount</h2>\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <svg\n                  className=\"size-5 text-text-muted\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M6 18L18 6M6 6l12 12\"\n                  />\n                </svg>\n              </button>\n            </div>\n\n            {mutationError && (\n              <div className=\"p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md\">\n                {mutationError}\n              </div>\n            )}\n\n            {/* Read-only info */}\n            <div className=\"p-3 bg-bg-sunken/50 border border-border-subtle rounded-md space-y-1\">\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-text-muted\">Code</span>\n                <span className=\"font-mono font-medium text-text-primary\">\n                  {modal.discount.code}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-text-muted\">Type</span>\n                <span className=\"text-text-primary\">\n                  {modal.discount.type === 'PERCENTAGE' ? 'Percentage' : 'Fixed Amount'}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-text-muted\">Value</span>\n                <span className=\"text-text-primary\">{formatDiscountValue(modal.discount)}</span>\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-text-muted\">Used</span>\n                <span className=\"text-text-primary\">{modal.discount.usedCount} times</span>\n              </div>\n            </div>\n\n            {/* Editable: Max Uses */}\n            <div>\n              <label\n                htmlFor=\"edit-max-uses\"\n                className=\"block text-sm font-medium text-text-primary mb-1\"\n              >\n                Max Uses\n              </label>\n              <input\n                id=\"edit-max-uses\"\n                type=\"number\"\n                min=\"1\"\n                step=\"1\"\n                value={editForm.maxUses}\n                onChange={(e) => setEditForm((prev) => ({ ...prev, maxUses: e.target.value }))}\n                placeholder=\"Unlimited\"\n                className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n              />\n              <p className=\"text-xs text-text-muted mt-1\">Leave empty for unlimited uses.</p>\n            </div>\n\n            {/* Editable: Valid Until */}\n            <div>\n              <label\n                htmlFor=\"edit-valid-until\"\n                className=\"block text-sm font-medium text-text-primary mb-1\"\n              >\n                Valid Until\n              </label>\n              <input\n                id=\"edit-valid-until\"\n                type=\"datetime-local\"\n                value={editForm.validUntil}\n                onChange={(e) => setEditForm((prev) => ({ ...prev, validUntil: e.target.value }))}\n                className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n              />\n            </div>\n\n            {/* Actions */}\n            <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border-subtle\">\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                disabled={isUpdating}\n                className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n              >\n                {isUpdating ? 'Saving...' : 'Save Changes'}\n              </button>\n            </div>\n          </form>\n        </ModalOverlay>\n      )}\n\n      {/* Delete Confirmation Modal */}\n      {modal.kind === 'delete' && (\n        <ModalOverlay onClose={closeModal}>\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center justify-between mb-2\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">Delete Discount</h2>\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <svg\n                  className=\"size-5 text-text-muted\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M6 18L18 6M6 6l12 12\"\n                  />\n                </svg>\n              </button>\n            </div>\n\n            {mutationError && (\n              <div className=\"p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md\">\n                {mutationError}\n              </div>\n            )}\n\n            <div className=\"flex items-start gap-3\">\n              <div className=\"size-10 rounded-full bg-status-error-bg-subtle flex items-center justify-center shrink-0\">\n                <svg\n                  className=\"size-5 text-status-error-text\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                  />\n                </svg>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-primary\">\n                  Are you sure you want to delete the discount code{' '}\n                  <span className=\"font-mono font-semibold\">{modal.discount.code}</span>?\n                </p>\n                <p className=\"text-sm text-text-muted mt-1\">\n                  This action cannot be undone. The discount has been used{' '}\n                  <span className=\"font-medium\">{modal.discount.usedCount}</span> time\n                  {modal.discount.usedCount !== 1 ? 's' : ''}.\n                </p>\n              </div>\n            </div>\n\n            <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border-subtle\">\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleDelete}\n                disabled={isDeleting}\n                className=\"px-4 py-2 text-sm font-medium bg-action-danger-bg text-action-danger-text rounded-button hover:bg-action-danger-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n              >\n                {isDeleting ? 'Deleting...' : 'Delete Discount'}\n              </button>\n            </div>\n          </div>\n        </ModalOverlay>\n      )}\n    </div>\n  );\n};\n\n// ============================================================================\n// Discount Row Component\n// ============================================================================\n\ninterface DiscountRowProps {\n  discount: BillingDiscount;\n  selected: boolean;\n  onToggleSelect: (discountId: string, checked: boolean) => void;\n  onEdit: (discount: BillingDiscount) => void;\n  onDelete: (discount: BillingDiscount) => void;\n}\n\nconst DiscountRow: FC<DiscountRowProps> = ({\n  discount,\n  selected,\n  onToggleSelect,\n  onEdit,\n  onDelete,\n}) => {\n  const expired = isExpired(discount);\n\n  return (\n    <tr className={`hover:bg-bg-sunken/30 transition-colors ${selected ? 'bg-bg-sunken/20' : ''}`}>\n      <td className=\"p-4\">\n        <input\n          type=\"checkbox\"\n          checked={selected}\n          onChange={(event) => onToggleSelect(discount.id, event.target.checked)}\n          aria-label={`Select discount ${discount.code}`}\n          className=\"size-4 rounded border-border-subtle text-text-link\"\n        />\n      </td>\n      {/* Code */}\n      <td className=\"p-4\">\n        <span className=\"font-mono font-medium text-text-primary\">{discount.code}</span>\n      </td>\n\n      {/* Type */}\n      <td className=\"p-4\">\n        <span className=\"text-sm text-text-muted\">\n          {discount.type === 'PERCENTAGE' ? 'Percentage' : 'Fixed'}\n        </span>\n      </td>\n\n      {/* Value */}\n      <td className=\"p-4\">\n        <span className=\"text-sm font-medium text-text-primary\">\n          {formatDiscountValue(discount)}\n        </span>\n      </td>\n\n      {/* Uses */}\n      <td className=\"p-4 hidden md:table-cell\">\n        <span className=\"text-sm text-text-muted\">\n          {discount.usedCount}\n          {discount.maxUses != null ? ` / ${discount.maxUses}` : ' / \\u221E'}\n        </span>\n      </td>\n\n      {/* Valid From */}\n      <td className=\"p-4 text-sm text-text-muted hidden lg:table-cell\">\n        {discount.validFrom ? formatDate(discount.validFrom, 'short') : '\\u2014'}\n      </td>\n\n      {/* Valid Until */}\n      <td className=\"p-4 text-sm text-text-muted hidden sm:table-cell\">\n        {discount.validUntil ? formatDate(discount.validUntil, 'short') : '\\u2014'}\n      </td>\n\n      {/* Status */}\n      <td className=\"p-4\">\n        {expired ? (\n          <span className=\"inline-flex px-2 py-1 text-xs font-medium rounded bg-status-warning-bg-subtle text-status-warning-text\">\n            Expired\n          </span>\n        ) : (\n          <span className=\"inline-flex px-2 py-1 text-xs font-medium rounded bg-status-success-bg-subtle text-status-success-text\">\n            Active\n          </span>\n        )}\n      </td>\n\n      {/* Actions */}\n      <td className=\"p-4 text-right\">\n        <div className=\"flex items-center justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => onEdit(discount)}\n            className=\"px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-sunken rounded-button transition-colors\"\n            title=\"Edit discount\"\n          >\n            {/* Pencil icon */}\n            <svg className=\"size-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n              />\n            </svg>\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => onDelete(discount)}\n            className=\"px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle rounded-md transition-colors\"\n            title=\"Delete discount\"\n          >\n            {/* Trash icon */}\n            <svg className=\"size-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n              />\n            </svg>\n          </button>\n        </div>\n      </td>\n    </tr>\n  );\n};\n\n// ============================================================================\n// Modal Overlay Component\n// ============================================================================\n\ninterface ModalOverlayProps {\n  onClose: () => void;\n  children: React.ReactNode;\n}\n\nconst ModalOverlay: FC<ModalOverlayProps> = ({ onClose, children }) => {\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div className=\"absolute inset-0 bg-bg-overlay\" onClick={onClose} />\n\n      {/* Dialog */}\n      <div className=\"relative w-full max-w-lg max-h-[85vh] overflow-y-auto bg-bg-elevated border border-border-seam rounded-card shadow-[var(--shadow-elevation-4)] p-6 mx-4\">\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DiscountsListPage.js","names":[],"sources":["../../../../../src/billing/modules/discounts/pages/DiscountsListPage.tsx"],"sourcesContent":["/**\n * Discounts Module - Discounts List Page\n * Admin page for creating, viewing, and managing discount codes\n */\n\nimport { useMemo, useState, type FC, type FormEvent } from 'react';\nimport {\n  useGetDiscountsQuery,\n  useCreateDiscountMutation,\n  useUpdateDiscountMutation,\n  useDeleteDiscountMutation,\n} from '../../../../generated/global-operations';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied } from '../../../shared/components';\nimport { formatCurrency, formatDate } from '../../../shared/utils/format';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { PagePurpose, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { nativeImpact, nativeNotify } from '../../../../utils/nativeBridge';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype DiscountType = 'PERCENTAGE' | 'FIXED';\n\ninterface BillingDiscount {\n  id: string;\n  code: string;\n  type: DiscountType;\n  value: number;\n  currency: string | null;\n  maxUses: number | null;\n  usedCount: number;\n  validFrom: string | null;\n  validUntil: string | null;\n  metadata: Record<string, unknown> | null;\n  context: Record<string, unknown> | null;\n  createdAt: string;\n  updatedAt: string;\n}\n\ninterface CreateDiscountForm {\n  code: string;\n  type: DiscountType;\n  value: string;\n  currency: string;\n  maxUses: string;\n  validFrom: string;\n  validUntil: string;\n}\n\ninterface EditDiscountForm {\n  maxUses: string;\n  validUntil: string;\n}\n\ntype ModalState =\n  | { kind: 'closed' }\n  | { kind: 'create' }\n  | { kind: 'edit'; discount: BillingDiscount }\n  | { kind: 'delete'; discount: BillingDiscount };\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction isExpired(discount: BillingDiscount): boolean {\n  if (!discount.validUntil) return false;\n  return new Date(discount.validUntil) < new Date();\n}\n\nfunction formatDiscountValue(discount: BillingDiscount): string {\n  if (discount.type === 'PERCENTAGE') {\n    return `${discount.value}%`;\n  }\n  return formatCurrency(discount.value, discount.currency ?? 'USD');\n}\n\nconst INITIAL_CREATE_FORM: CreateDiscountForm = {\n  code: '',\n  type: 'PERCENTAGE',\n  value: '',\n  currency: 'USD',\n  maxUses: '',\n  validFrom: '',\n  validUntil: '',\n};\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const DiscountsListPage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  const permissions = useBillingPermissions();\n\n  const { data, loading, error, refetch } = useGetDiscountsQuery();\n\n  const [createDiscount, { loading: isCreating }] = useCreateDiscountMutation();\n  const [updateDiscount, { loading: isUpdating }] = useUpdateDiscountMutation();\n  const [deleteDiscount, { loading: isDeleting }] = useDeleteDiscountMutation();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [modal, setModal] = useState<ModalState>({ kind: 'closed' });\n  const [createForm, setCreateForm] = useState<CreateDiscountForm>(INITIAL_CREATE_FORM);\n  const [editForm, setEditForm] = useState<EditDiscountForm>({ maxUses: '', validUntil: '' });\n  const [mutationError, setMutationError] = useState<string | null>(null);\n  const [selectedDiscountIds, setSelectedDiscountIds] = useState<Set<string>>(new Set());\n  const [showBulkDeleteConfirm, setShowBulkDeleteConfirm] = useState(false);\n\n  const discounts: BillingDiscount[] = (data?.getDiscounts ?? []) as BillingDiscount[];\n\n  // Filtered discounts\n  const filteredDiscounts = discounts.filter((discount: BillingDiscount) => {\n    if (!searchQuery) return true;\n    return discount.code.toLowerCase().includes(searchQuery.toLowerCase());\n  });\n\n  const selectedDiscounts = useMemo(\n    () => filteredDiscounts.filter((discount) => selectedDiscountIds.has(discount.id)),\n    [filteredDiscounts, selectedDiscountIds]\n  );\n\n  const allVisibleSelected =\n    filteredDiscounts.length > 0 &&\n    filteredDiscounts.every((discount) => selectedDiscountIds.has(discount.id));\n  const partiallySelected =\n    filteredDiscounts.some((discount) => selectedDiscountIds.has(discount.id)) &&\n    !allVisibleSelected;\n\n  // Permission check\n  if (!permissions.canManageDiscounts) {\n    return <AccessDenied message=\"You don't have permission to manage discount codes.\" />;\n  }\n\n  // Summary stats\n  const totalDiscounts = discounts.length;\n  const activeDiscounts = discounts.filter((d: BillingDiscount) => !isExpired(d)).length;\n  const expiredDiscounts = discounts.filter((d: BillingDiscount) => isExpired(d)).length;\n\n  // ── Modal handlers ──────────────────────────────────────────────────\n\n  const openCreateModal = () => {\n    setCreateForm(INITIAL_CREATE_FORM);\n    setMutationError(null);\n    setModal({ kind: 'create' });\n  };\n\n  const openEditModal = (discount: BillingDiscount) => {\n    setEditForm({\n      maxUses: discount.maxUses != null ? String(discount.maxUses) : '',\n      validUntil: discount.validUntil\n        ? new Date(discount.validUntil).toISOString().slice(0, 16)\n        : '',\n    });\n    setMutationError(null);\n    setModal({ kind: 'edit', discount });\n  };\n\n  const openDeleteModal = (discount: BillingDiscount) => {\n    setMutationError(null);\n    setModal({ kind: 'delete', discount });\n  };\n\n  const closeModal = () => {\n    setModal({ kind: 'closed' });\n    setMutationError(null);\n  };\n\n  // ── Mutation handlers ───────────────────────────────────────────────\n\n  const handleCreate = async (e: FormEvent) => {\n    e.preventDefault();\n    setMutationError(null);\n\n    if (!createForm.code.trim()) {\n      setMutationError('Discount code is required.');\n      return;\n    }\n\n    const valueNum = Number(createForm.value);\n    if (Number.isNaN(valueNum) || valueNum <= 0) {\n      setMutationError('Value must be a positive number.');\n      return;\n    }\n\n    if (createForm.type === 'PERCENTAGE' && valueNum > 100) {\n      setMutationError('Percentage value cannot exceed 100.');\n      return;\n    }\n\n    try {\n      await createDiscount({\n        variables: {\n          code: createForm.code.trim().toUpperCase(),\n          type: createForm.type,\n          value: valueNum,\n          currency: createForm.type === 'FIXED' ? createForm.currency : null,\n          maxUses: createForm.maxUses ? Number(createForm.maxUses) : null,\n          validFrom: createForm.validFrom ? new Date(createForm.validFrom).toISOString() : null,\n          validUntil: createForm.validUntil ? new Date(createForm.validUntil).toISOString() : null,\n        },\n      });\n      await refetch();\n      closeModal();\n    } catch (err) {\n      setMutationError(err instanceof Error ? err.message : 'Failed to create discount.');\n    }\n  };\n\n  const handleUpdate = async (e: FormEvent) => {\n    e.preventDefault();\n    if (modal.kind !== 'edit') return;\n    setMutationError(null);\n\n    try {\n      await updateDiscount({\n        variables: {\n          id: modal.discount.id,\n          maxUses: editForm.maxUses ? Number(editForm.maxUses) : null,\n          validUntil: editForm.validUntil ? new Date(editForm.validUntil).toISOString() : null,\n        },\n      });\n      await refetch();\n      closeModal();\n    } catch (err) {\n      setMutationError(err instanceof Error ? err.message : 'Failed to update discount.');\n    }\n  };\n\n  const handleDelete = async () => {\n    if (modal.kind !== 'delete') return;\n    setMutationError(null);\n    void nativeImpact('medium');\n\n    try {\n      await deleteDiscount({ variables: { id: modal.discount.id } });\n      void nativeNotify('success');\n      await refetch();\n      closeModal();\n    } catch (err) {\n      void nativeNotify('error');\n      setMutationError(err instanceof Error ? err.message : 'Failed to delete discount.');\n    }\n  };\n\n  const handleBulkDelete = async () => {\n    if (selectedDiscounts.length === 0) return;\n\n    setMutationError(null);\n    setShowBulkDeleteConfirm(false);\n    await Promise.allSettled(\n      selectedDiscounts.map((discount) => deleteDiscount({ variables: { id: discount.id } }))\n    );\n    await refetch();\n    setSelectedDiscountIds(new Set());\n  };\n\n  const toggleDiscountSelection = (discountId: string, checked: boolean) => {\n    setSelectedDiscountIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(discountId);\n      } else {\n        next.delete(discountId);\n      }\n      return next;\n    });\n    setShowBulkDeleteConfirm(false);\n  };\n\n  const toggleAllDiscounts = (checked: boolean) => {\n    setSelectedDiscountIds((prev) => {\n      const next = new Set(prev);\n      filteredDiscounts.forEach((discount) => {\n        if (checked) {\n          next.add(discount.id);\n        } else {\n          next.delete(discount.id);\n        }\n      });\n      return next;\n    });\n    setShowBulkDeleteConfirm(false);\n  };\n\n  // ── Loading state ───────────────────────────────────────────────────\n\n  if (loading && discounts.length === 0) {\n    return (\n      <div className=\"space-y-6 p-6\">\n        <div className=\"h-8 w-48 bg-bg-sunken animate-pulse rounded\" />\n        <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n          {[1, 2, 3].map((i) => (\n            <div key={i} className=\"border border-border-subtle rounded-lg p-4 space-y-2\">\n              <div className=\"h-4 w-24 bg-bg-sunken animate-pulse rounded\" />\n              <div className=\"h-6 w-16 bg-bg-sunken animate-pulse rounded\" />\n            </div>\n          ))}\n        </div>\n        <div className=\"space-y-3\">\n          {[1, 2, 3, 4, 5].map((i) => (\n            <div key={i} className=\"border border-border-subtle rounded-lg p-4\">\n              <div className=\"flex items-center gap-4\">\n                <div className=\"size-10 bg-bg-sunken animate-pulse rounded\" />\n                <div className=\"flex-1 space-y-2\">\n                  <div className=\"h-4 w-32 bg-bg-sunken animate-pulse rounded\" />\n                  <div className=\"h-3 w-48 bg-bg-sunken animate-pulse rounded\" />\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  // ── Error state ─────────────────────────────────────────────────────\n\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center h-full min-h-[400px]\">\n        <div className=\"text-center space-y-4\">\n          <div className=\"size-12 mx-auto rounded-full bg-status-error-bg-subtle flex items-center justify-center\">\n            <svg\n              className=\"size-6 text-status-error-text\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n              />\n            </svg>\n          </div>\n          <h2 className=\"text-lg font-semibold text-text-primary\">Failed to load discounts</h2>\n          <p className=\"text-sm text-text-muted\">{error.message}</p>\n          <button\n            type=\"button\"\n            onClick={() => refetch()}\n            className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors\"\n          >\n            Try Again\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  // ── Main render ─────────────────────────────────────────────────────\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl md:text-3xl font-semibold tracking-tight text-text-primary\">\n            Discount Codes\n          </h1>\n          <p className=\"text-sm text-text-secondary mt-1\">\n            Create, view, and manage discount codes for billing\n          </p>\n          <PagePurpose className=\"mt-3\">\n            Discount codes reduce the price of a purchase at checkout. Create codes here, set how\n            much they take off and any limits, and manage which ones are active — separate from\n            time-bounded promotions and customer-facing coupons.\n          </PagePurpose>\n        </div>\n        <button\n          type=\"button\"\n          onClick={openCreateModal}\n          className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n        >\n          <svg className=\"size-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n          </svg>\n          Create Discount\n        </button>\n      </div>\n\n      {/* Summary Cards */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n        <div className=\"rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]\">\n          <p className=\"text-sm text-text-secondary\">Total Discounts</p>\n          <p className=\"text-2xl font-semibold text-text-primary tabular-nums mt-1\">\n            {totalDiscounts}\n          </p>\n        </div>\n        <div className=\"rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]\">\n          <p className=\"text-sm text-text-secondary\">Active</p>\n          <p className=\"text-2xl font-semibold text-status-success-text tabular-nums mt-1\">\n            {activeDiscounts}\n          </p>\n        </div>\n        <div className=\"rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]\">\n          <p className=\"text-sm text-text-secondary\">Expired</p>\n          <p className=\"text-2xl font-semibold text-status-warning-text tabular-nums mt-1\">\n            {expiredDiscounts}\n          </p>\n        </div>\n      </div>\n\n      {/* Search */}\n      <div className=\"flex flex-col sm:flex-row flex-wrap items-stretch sm:items-center gap-3 sm:gap-4 pb-4 border-b border-border-subtle\">\n        <div className=\"relative flex-1 min-w-0 w-full sm:max-w-md\">\n          <svg\n            className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n            />\n          </svg>\n          <input\n            type=\"text\"\n            placeholder=\"Search by discount code...\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className=\"w-full pl-[3.25rem] pr-4 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n          />\n        </div>\n      </div>\n\n      {filteredDiscounts.length > 0 && (\n        <div className=\"flex flex-col gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n          <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n            <input\n              type=\"checkbox\"\n              checked={allVisibleSelected}\n              ref={(input) => {\n                if (input) {\n                  input.indeterminate = partiallySelected && !allVisibleSelected;\n                }\n              }}\n              onChange={(event) => toggleAllDiscounts(event.target.checked)}\n              aria-label=\"Select all discounts\"\n              className=\"size-4 rounded border-border-subtle text-text-link\"\n            />\n            <span>Select all visible</span>\n          </label>\n\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm text-text-muted\">{selectedDiscountIds.size} selected</span>\n            {selectedDiscountIds.size > 0 && (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setSelectedDiscountIds(new Set());\n                  setShowBulkDeleteConfirm(false);\n                }}\n                className=\"text-sm text-text-muted hover:text-text-primary\"\n              >\n                Clear selection\n              </button>\n            )}\n            <button\n              type=\"button\"\n              onClick={() => setShowBulkDeleteConfirm(true)}\n              disabled={selectedDiscounts.length === 0 || isDeleting}\n              className=\"inline-flex items-center gap-2 px-3 py-2 text-sm font-medium border border-status-error-border text-status-error-text rounded-md hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50\"\n            >\n              Delete Selected{selectedDiscounts.length > 0 ? ` (${selectedDiscounts.length})` : ''}\n            </button>\n          </div>\n        </div>\n      )}\n\n      {showBulkDeleteConfirm && selectedDiscounts.length > 0 && (\n        <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4\">\n          <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n            <div>\n              <p className=\"text-sm font-medium text-text-primary\">\n                Delete {selectedDiscounts.length} selected discount\n                {selectedDiscounts.length === 1 ? '' : 's'}?\n              </p>\n              <p className=\"text-sm text-text-muted\">This action cannot be undone.</p>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                onClick={() => setShowBulkDeleteConfirm(false)}\n                className=\"px-3 py-2 text-sm font-medium text-text-muted hover:text-text-primary\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleBulkDelete}\n                disabled={isDeleting}\n                className=\"inline-flex items-center gap-2 rounded-button bg-action-danger-bg px-3 py-2 text-sm font-medium text-action-danger-text hover:bg-action-danger-bgHover disabled:opacity-50\"\n              >\n                Confirm Delete\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Discounts Table */}\n      {filteredDiscounts.length === 0 ? (\n        <IllustratedEmptyState\n          illustration={searchQuery ? 'empty-search' : 'empty-data'}\n          title=\"No discount codes found\"\n          description={\n            searchQuery\n              ? 'No discount codes match your search.'\n              : 'Create your first discount code to get started.'\n          }\n          action={\n            !searchQuery ? (\n              <button\n                type=\"button\"\n                onClick={openCreateModal}\n                className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors\"\n              >\n                Create your first discount\n              </button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"border border-border-seam rounded-card overflow-hidden shadow-[var(--shadow-elevation-1)]\">\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full\">\n              <thead className=\"sticky top-0 z-10 bg-bg-sunken border-b border-border-subtle\">\n                <tr>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted w-12\">\n                    <input\n                      type=\"checkbox\"\n                      checked={allVisibleSelected}\n                      ref={(input) => {\n                        if (input) {\n                          input.indeterminate = partiallySelected && !allVisibleSelected;\n                        }\n                      }}\n                      onChange={(event) => toggleAllDiscounts(event.target.checked)}\n                      aria-label=\"Select all discounts\"\n                      className=\"size-4 rounded border-border-subtle text-action-primary-bg focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n                    />\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n                    Code\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n                    Type\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n                    Value\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted hidden md:table-cell\">\n                    Uses\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted hidden lg:table-cell\">\n                    Valid From\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted hidden sm:table-cell\">\n                    Valid Until\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n                    Status\n                  </th>\n                  <th className=\"text-right px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n                    Actions\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-border-subtle\">\n                {filteredDiscounts.map((discount: BillingDiscount) => (\n                  <DiscountRow\n                    key={discount.id}\n                    discount={discount}\n                    selected={selectedDiscountIds.has(discount.id)}\n                    onToggleSelect={toggleDiscountSelection}\n                    onEdit={openEditModal}\n                    onDelete={openDeleteModal}\n                  />\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      )}\n\n      {/* Create Modal */}\n      {modal.kind === 'create' && (\n        <ModalOverlay onClose={closeModal}>\n          <form onSubmit={handleCreate} className=\"space-y-4\">\n            <div className=\"flex items-center justify-between mb-2\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {tr('billing.discounts.createDiscountCode', 'Create Discount Code')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <svg\n                  className=\"size-5 text-text-muted\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M6 18L18 6M6 6l12 12\"\n                  />\n                </svg>\n              </button>\n            </div>\n\n            {mutationError && (\n              <div className=\"p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md\">\n                {mutationError}\n              </div>\n            )}\n\n            {/* Code */}\n            <div>\n              <label\n                htmlFor=\"create-code\"\n                className=\"block text-sm font-medium text-text-primary mb-1\"\n              >\n                {tr('billing.discounts.code', 'Code')}{' '}\n                <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                id=\"create-code\"\n                type=\"text\"\n                required\n                value={createForm.code}\n                onChange={(e) => setCreateForm((prev) => ({ ...prev, code: e.target.value }))}\n                placeholder={tr('billing.discounts.codePlaceholder', 'e.g. SUMMER25')}\n                className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent uppercase\"\n              />\n            </div>\n\n            {/* Type + Value row */}\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label\n                  htmlFor=\"create-type\"\n                  className=\"block text-sm font-medium text-text-primary mb-1\"\n                >\n                  {tr('billing.discounts.type', 'Type')}{' '}\n                  <span className=\"text-status-error-text\">*</span>\n                </label>\n                <select\n                  id=\"create-type\"\n                  value={createForm.type}\n                  onChange={(e) =>\n                    setCreateForm((prev) => ({\n                      ...prev,\n                      type: e.target.value as DiscountType,\n                    }))\n                  }\n                  className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n                >\n                  <option value=\"PERCENTAGE\">\n                    {tr('billing.discounts.typePercentage', 'Percentage')}\n                  </option>\n                  <option value=\"FIXED\">\n                    {tr('billing.discounts.typeFixedAmount', 'Fixed Amount')}\n                  </option>\n                </select>\n              </div>\n              <div>\n                <label\n                  htmlFor=\"create-value\"\n                  className=\"block text-sm font-medium text-text-primary mb-1\"\n                >\n                  {tr('billing.discounts.value', 'Value')}{' '}\n                  <span className=\"text-status-error-text\">*</span>\n                </label>\n                <div className=\"relative\">\n                  <input\n                    id=\"create-value\"\n                    type=\"number\"\n                    required\n                    min=\"0.01\"\n                    max={createForm.type === 'PERCENTAGE' ? '100' : undefined}\n                    step=\"0.01\"\n                    value={createForm.value}\n                    onChange={(e) => setCreateForm((prev) => ({ ...prev, value: e.target.value }))}\n                    placeholder={createForm.type === 'PERCENTAGE' ? '10' : '25.00'}\n                    className=\"w-full px-3 py-2 pr-8 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n                  />\n                  <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-sm text-text-muted\">\n                    {createForm.type === 'PERCENTAGE' ? '%' : createForm.currency}\n                  </span>\n                </div>\n              </div>\n            </div>\n\n            {/* Currency (only for FIXED) */}\n            {createForm.type === 'FIXED' && (\n              <div>\n                <label\n                  htmlFor=\"create-currency\"\n                  className=\"block text-sm font-medium text-text-primary mb-1\"\n                >\n                  {tr('billing.discounts.currency', 'Currency')}\n                </label>\n                <select\n                  id=\"create-currency\"\n                  value={createForm.currency}\n                  onChange={(e) => setCreateForm((prev) => ({ ...prev, currency: e.target.value }))}\n                  className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n                >\n                  <option value=\"USD\">USD</option>\n                  <option value=\"EUR\">EUR</option>\n                  <option value=\"GBP\">GBP</option>\n                  <option value=\"INR\">INR</option>\n                  <option value=\"CAD\">CAD</option>\n                  <option value=\"AUD\">AUD</option>\n                </select>\n              </div>\n            )}\n\n            {/* Max Uses */}\n            <div>\n              <label\n                htmlFor=\"create-max-uses\"\n                className=\"block text-sm font-medium text-text-primary mb-1\"\n              >\n                {tr('billing.discounts.maxUses', 'Max Uses')}\n              </label>\n              <input\n                id=\"create-max-uses\"\n                type=\"number\"\n                min=\"1\"\n                step=\"1\"\n                value={createForm.maxUses}\n                onChange={(e) => setCreateForm((prev) => ({ ...prev, maxUses: e.target.value }))}\n                placeholder={tr('billing.discounts.unlimited', 'Unlimited')}\n                className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n              />\n              <p className=\"text-xs text-text-muted mt-1\">\n                {tr('billing.discounts.unlimitedHelp', 'Leave empty for unlimited uses.')}\n              </p>\n            </div>\n\n            {/* Valid From / Valid Until row */}\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label\n                  htmlFor=\"create-valid-from\"\n                  className=\"block text-sm font-medium text-text-primary mb-1\"\n                >\n                  {tr('billing.discounts.validFrom', 'Valid From')}\n                </label>\n                <input\n                  id=\"create-valid-from\"\n                  type=\"datetime-local\"\n                  value={createForm.validFrom}\n                  onChange={(e) =>\n                    setCreateForm((prev) => ({ ...prev, validFrom: e.target.value }))\n                  }\n                  className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n                />\n              </div>\n              <div>\n                <label\n                  htmlFor=\"create-valid-until\"\n                  className=\"block text-sm font-medium text-text-primary mb-1\"\n                >\n                  {tr('billing.discounts.validUntil', 'Valid Until')}\n                </label>\n                <input\n                  id=\"create-valid-until\"\n                  type=\"datetime-local\"\n                  value={createForm.validUntil}\n                  onChange={(e) =>\n                    setCreateForm((prev) => ({ ...prev, validUntil: e.target.value }))\n                  }\n                  className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n                />\n              </div>\n            </div>\n\n            {/* Actions */}\n            <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border-subtle\">\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors\"\n              >\n                {tr('billing.discounts.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"submit\"\n                disabled={isCreating}\n                className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n              >\n                {isCreating\n                  ? tr('billing.discounts.creating', 'Creating...')\n                  : tr('billing.discounts.createDiscount', 'Create Discount')}\n              </button>\n            </div>\n          </form>\n        </ModalOverlay>\n      )}\n\n      {/* Edit Modal */}\n      {modal.kind === 'edit' && (\n        <ModalOverlay onClose={closeModal}>\n          <form onSubmit={handleUpdate} className=\"space-y-4\">\n            <div className=\"flex items-center justify-between mb-2\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">Edit Discount</h2>\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <svg\n                  className=\"size-5 text-text-muted\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M6 18L18 6M6 6l12 12\"\n                  />\n                </svg>\n              </button>\n            </div>\n\n            {mutationError && (\n              <div className=\"p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md\">\n                {mutationError}\n              </div>\n            )}\n\n            {/* Read-only info */}\n            <div className=\"p-3 bg-bg-sunken/50 border border-border-subtle rounded-md space-y-1\">\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-text-muted\">Code</span>\n                <span className=\"font-mono font-medium text-text-primary\">\n                  {modal.discount.code}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-text-muted\">Type</span>\n                <span className=\"text-text-primary\">\n                  {modal.discount.type === 'PERCENTAGE' ? 'Percentage' : 'Fixed Amount'}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-text-muted\">Value</span>\n                <span className=\"text-text-primary\">{formatDiscountValue(modal.discount)}</span>\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-text-muted\">Used</span>\n                <span className=\"text-text-primary\">{modal.discount.usedCount} times</span>\n              </div>\n            </div>\n\n            {/* Editable: Max Uses */}\n            <div>\n              <label\n                htmlFor=\"edit-max-uses\"\n                className=\"block text-sm font-medium text-text-primary mb-1\"\n              >\n                Max Uses\n              </label>\n              <input\n                id=\"edit-max-uses\"\n                type=\"number\"\n                min=\"1\"\n                step=\"1\"\n                value={editForm.maxUses}\n                onChange={(e) => setEditForm((prev) => ({ ...prev, maxUses: e.target.value }))}\n                placeholder=\"Unlimited\"\n                className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n              />\n              <p className=\"text-xs text-text-muted mt-1\">Leave empty for unlimited uses.</p>\n            </div>\n\n            {/* Editable: Valid Until */}\n            <div>\n              <label\n                htmlFor=\"edit-valid-until\"\n                className=\"block text-sm font-medium text-text-primary mb-1\"\n              >\n                Valid Until\n              </label>\n              <input\n                id=\"edit-valid-until\"\n                type=\"datetime-local\"\n                value={editForm.validUntil}\n                onChange={(e) => setEditForm((prev) => ({ ...prev, validUntil: e.target.value }))}\n                className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n              />\n            </div>\n\n            {/* Actions */}\n            <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border-subtle\">\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                disabled={isUpdating}\n                className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n              >\n                {isUpdating ? 'Saving...' : 'Save Changes'}\n              </button>\n            </div>\n          </form>\n        </ModalOverlay>\n      )}\n\n      {/* Delete Confirmation Modal */}\n      {modal.kind === 'delete' && (\n        <ModalOverlay onClose={closeModal}>\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center justify-between mb-2\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">Delete Discount</h2>\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <svg\n                  className=\"size-5 text-text-muted\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M6 18L18 6M6 6l12 12\"\n                  />\n                </svg>\n              </button>\n            </div>\n\n            {mutationError && (\n              <div className=\"p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md\">\n                {mutationError}\n              </div>\n            )}\n\n            <div className=\"flex items-start gap-3\">\n              <div className=\"size-10 rounded-full bg-status-error-bg-subtle flex items-center justify-center shrink-0\">\n                <svg\n                  className=\"size-5 text-status-error-text\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                  />\n                </svg>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-primary\">\n                  Are you sure you want to delete the discount code{' '}\n                  <span className=\"font-mono font-semibold\">{modal.discount.code}</span>?\n                </p>\n                <p className=\"text-sm text-text-muted mt-1\">\n                  This action cannot be undone. The discount has been used{' '}\n                  <span className=\"font-medium\">{modal.discount.usedCount}</span> time\n                  {modal.discount.usedCount !== 1 ? 's' : ''}.\n                </p>\n              </div>\n            </div>\n\n            <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border-subtle\">\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleDelete}\n                disabled={isDeleting}\n                className=\"px-4 py-2 text-sm font-medium bg-action-danger-bg text-action-danger-text rounded-button hover:bg-action-danger-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n              >\n                {isDeleting ? 'Deleting...' : 'Delete Discount'}\n              </button>\n            </div>\n          </div>\n        </ModalOverlay>\n      )}\n    </div>\n  );\n};\n\n// ============================================================================\n// Discount Row Component\n// ============================================================================\n\ninterface DiscountRowProps {\n  discount: BillingDiscount;\n  selected: boolean;\n  onToggleSelect: (discountId: string, checked: boolean) => void;\n  onEdit: (discount: BillingDiscount) => void;\n  onDelete: (discount: BillingDiscount) => void;\n}\n\nconst DiscountRow: FC<DiscountRowProps> = ({\n  discount,\n  selected,\n  onToggleSelect,\n  onEdit,\n  onDelete,\n}) => {\n  const expired = isExpired(discount);\n\n  return (\n    <tr className={`hover:bg-bg-sunken/30 transition-colors ${selected ? 'bg-bg-sunken/20' : ''}`}>\n      <td className=\"p-4\">\n        <input\n          type=\"checkbox\"\n          checked={selected}\n          onChange={(event) => onToggleSelect(discount.id, event.target.checked)}\n          aria-label={`Select discount ${discount.code}`}\n          className=\"size-4 rounded border-border-subtle text-text-link\"\n        />\n      </td>\n      {/* Code */}\n      <td className=\"p-4\">\n        <span className=\"font-mono font-medium text-text-primary\">{discount.code}</span>\n      </td>\n\n      {/* Type */}\n      <td className=\"p-4\">\n        <span className=\"text-sm text-text-muted\">\n          {discount.type === 'PERCENTAGE' ? 'Percentage' : 'Fixed'}\n        </span>\n      </td>\n\n      {/* Value */}\n      <td className=\"p-4\">\n        <span className=\"text-sm font-medium text-text-primary\">\n          {formatDiscountValue(discount)}\n        </span>\n      </td>\n\n      {/* Uses */}\n      <td className=\"p-4 hidden md:table-cell\">\n        <span className=\"text-sm text-text-muted\">\n          {discount.usedCount}\n          {discount.maxUses != null ? ` / ${discount.maxUses}` : ' / \\u221E'}\n        </span>\n      </td>\n\n      {/* Valid From */}\n      <td className=\"p-4 text-sm text-text-muted hidden lg:table-cell\">\n        {discount.validFrom ? formatDate(discount.validFrom, 'short') : '\\u2014'}\n      </td>\n\n      {/* Valid Until */}\n      <td className=\"p-4 text-sm text-text-muted hidden sm:table-cell\">\n        {discount.validUntil ? formatDate(discount.validUntil, 'short') : '\\u2014'}\n      </td>\n\n      {/* Status */}\n      <td className=\"p-4\">\n        {expired ? (\n          <span className=\"inline-flex px-2 py-1 text-xs font-medium rounded bg-status-warning-bg-subtle text-status-warning-text\">\n            Expired\n          </span>\n        ) : (\n          <span className=\"inline-flex px-2 py-1 text-xs font-medium rounded bg-status-success-bg-subtle text-status-success-text\">\n            Active\n          </span>\n        )}\n      </td>\n\n      {/* Actions */}\n      <td className=\"p-4 text-right\">\n        <div className=\"flex items-center justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => onEdit(discount)}\n            className=\"px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-sunken rounded-button transition-colors\"\n            title=\"Edit discount\"\n          >\n            {/* Pencil icon */}\n            <svg className=\"size-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n              />\n            </svg>\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => onDelete(discount)}\n            className=\"px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle rounded-md transition-colors\"\n            title=\"Delete discount\"\n          >\n            {/* Trash icon */}\n            <svg className=\"size-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n              />\n            </svg>\n          </button>\n        </div>\n      </td>\n    </tr>\n  );\n};\n\n// ============================================================================\n// Modal Overlay Component\n// ============================================================================\n\ninterface ModalOverlayProps {\n  onClose: () => void;\n  children: React.ReactNode;\n}\n\nconst ModalOverlay: FC<ModalOverlayProps> = ({ onClose, children }) => {\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div className=\"absolute inset-0 bg-bg-overlay\" onClick={onClose} />\n\n      {/* Dialog */}\n      <div className=\"relative w-full max-w-lg max-h-[85vh] overflow-y-auto bg-bg-elevated border border-border-seam rounded-card shadow-[var(--shadow-elevation-4)] p-6 mx-4\">\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}