@burdenoff/microfe-billing 2026.526.1 → 2026.528.1

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-muted 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 rounded-lg p-4 space-y-2\">\n              <div className=\"h-4 w-24 bg-muted animate-pulse rounded\" />\n              <div className=\"h-6 w-16 bg-muted 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 rounded-lg p-4\">\n              <div className=\"flex items-center gap-4\">\n                <div className=\"h-10 w-10 bg-muted animate-pulse rounded\" />\n                <div className=\"flex-1 space-y-2\">\n                  <div className=\"h-4 w-32 bg-muted animate-pulse rounded\" />\n                  <div className=\"h-3 w-48 bg-muted 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=\"w-12 h-12 mx-auto rounded-full bg-destructive/10 flex items-center justify-center\">\n            <svg\n              className=\"w-6 h-6 text-destructive\"\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-foreground\">Failed to load discounts</h2>\n          <p className=\"text-sm text-muted-foreground\">{error.message}</p>\n          <button\n            onClick={() => refetch()}\n            className=\"px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 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 font-bold text-foreground\">Discount Codes</h1>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            Create, view, and manage discount codes for billing\n          </p>\n        </div>\n        <button\n          onClick={openCreateModal}\n          className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n        >\n          <svg className=\"w-4 h-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=\"border border-border rounded-lg bg-card p-4\">\n          <p className=\"text-sm text-muted-foreground\">Total Discounts</p>\n          <p className=\"text-xl font-semibold text-foreground mt-1\">{totalDiscounts}</p>\n        </div>\n        <div className=\"border border-border rounded-lg bg-card p-4\">\n          <p className=\"text-sm text-muted-foreground\">Active</p>\n          <p className=\"text-xl font-semibold text-status-success-text mt-1\">{activeDiscounts}</p>\n        </div>\n        <div className=\"border border-border rounded-lg bg-card p-4\">\n          <p className=\"text-sm text-muted-foreground\">Expired</p>\n          <p className=\"text-xl font-semibold text-status-warning-text mt-1\">{expiredDiscounts}</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\">\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 w-4 h-4 text-muted-foreground\"\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 rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary 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 bg-card p-4 sm:flex-row sm:items-center sm:justify-between\">\n          <label className=\"flex items-center gap-2 text-sm text-foreground\">\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=\"h-4 w-4 rounded border-border text-primary\"\n            />\n            <span>Select all visible</span>\n          </label>\n\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm text-muted-foreground\">\n              {selectedDiscountIds.size} selected\n            </span>\n            {selectedDiscountIds.size > 0 && (\n              <button\n                onClick={() => {\n                  setSelectedDiscountIds(new Set());\n                  setShowBulkDeleteConfirm(false);\n                }}\n                className=\"text-sm text-muted-foreground hover:text-foreground\"\n              >\n                Clear selection\n              </button>\n            )}\n            <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-destructive/30 text-destructive rounded-md hover:bg-destructive/10 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-destructive/30 bg-destructive/5 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-foreground\">\n                Delete {selectedDiscounts.length} selected discount\n                {selectedDiscounts.length === 1 ? '' : 's'}?\n              </p>\n              <p className=\"text-sm text-muted-foreground\">This action cannot be undone.</p>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <button\n                onClick={() => setShowBulkDeleteConfirm(false)}\n                className=\"px-3 py-2 text-sm font-medium text-muted-foreground hover:text-foreground\"\n              >\n                Cancel\n              </button>\n              <button\n                onClick={handleBulkDelete}\n                disabled={isDeleting}\n                className=\"inline-flex items-center gap-2 rounded-md bg-destructive px-3 py-2 text-sm font-medium text-destructive-foreground hover:bg-destructive/90 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-12 border border-dashed border-border rounded-lg\">\n          <div className=\"w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-4\">\n            <svg\n              className=\"w-6 h-6 text-muted-foreground\"\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-foreground\">No discount codes found</h3>\n          <p className=\"text-sm text-muted-foreground 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              onClick={openCreateModal}\n              className=\"mt-4 px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n            >\n              Create your first discount\n            </button>\n          )}\n        </div>\n      ) : (\n        <div className=\"border border-border rounded-lg overflow-hidden\">\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full\">\n              <thead className=\"bg-muted/50\">\n                <tr>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground 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=\"h-4 w-4 rounded border-border text-primary\"\n                    />\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground\">\n                    Code\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground\">\n                    Type\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground\">\n                    Value\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden md:table-cell\">\n                    Uses\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden lg:table-cell\">\n                    Valid From\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden sm:table-cell\">\n                    Valid Until\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground\">\n                    Status\n                  </th>\n                  <th className=\"text-right px-4 py-3 text-sm font-medium text-muted-foreground\">\n                    Actions\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-border\">\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-foreground\">\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-muted transition-colors\"\n              >\n                <svg\n                  className=\"w-5 h-5 text-muted-foreground\"\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-destructive bg-destructive/10 border border-destructive/20 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-foreground mb-1\"\n              >\n                {tr('billing.discounts.code', 'Code')} <span className=\"text-destructive\">*</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 rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary 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-foreground mb-1\"\n                >\n                  {tr('billing.discounts.type', 'Type')} <span className=\"text-destructive\">*</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 rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary 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-foreground mb-1\"\n                >\n                  {tr('billing.discounts.value', 'Value')}{' '}\n                  <span className=\"text-destructive\">*</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 rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n                  />\n                  <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground\">\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-foreground 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 rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary 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-foreground 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 rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n              />\n              <p className=\"text-xs text-muted-foreground 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-foreground 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 rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n                />\n              </div>\n              <div>\n                <label\n                  htmlFor=\"create-valid-until\"\n                  className=\"block text-sm font-medium text-foreground 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 rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary 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\">\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted 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-primary text-primary-foreground rounded-md hover:bg-primary/90 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-foreground\">Edit Discount</h2>\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"p-1.5 rounded hover:bg-muted transition-colors\"\n              >\n                <svg\n                  className=\"w-5 h-5 text-muted-foreground\"\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-destructive bg-destructive/10 border border-destructive/20 rounded-md\">\n                {mutationError}\n              </div>\n            )}\n\n            {/* Read-only info */}\n            <div className=\"p-3 bg-muted/50 border border-border rounded-md space-y-1\">\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-muted-foreground\">Code</span>\n                <span className=\"font-mono font-medium text-foreground\">{modal.discount.code}</span>\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-muted-foreground\">Type</span>\n                <span className=\"text-foreground\">\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-muted-foreground\">Value</span>\n                <span className=\"text-foreground\">{formatDiscountValue(modal.discount)}</span>\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-muted-foreground\">Used</span>\n                <span className=\"text-foreground\">{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-foreground 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 rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n              />\n              <p className=\"text-xs text-muted-foreground 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-foreground 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 rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary 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\">\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted 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-primary text-primary-foreground rounded-md hover:bg-primary/90 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-foreground\">Delete Discount</h2>\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"p-1.5 rounded hover:bg-muted transition-colors\"\n              >\n                <svg\n                  className=\"w-5 h-5 text-muted-foreground\"\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-destructive bg-destructive/10 border border-destructive/20 rounded-md\">\n                {mutationError}\n              </div>\n            )}\n\n            <div className=\"flex items-start gap-3\">\n              <div className=\"w-10 h-10 rounded-full bg-destructive/10 flex items-center justify-center shrink-0\">\n                <svg\n                  className=\"w-5 h-5 text-destructive\"\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-foreground\">\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-muted-foreground 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\">\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted 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-destructive text-destructive-foreground rounded-md hover:bg-destructive/90 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-muted/30 transition-colors ${selected ? 'bg-muted/20' : ''}`}>\n      <td className=\"px-4 py-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=\"h-4 w-4 rounded border-border text-primary\"\n        />\n      </td>\n      {/* Code */}\n      <td className=\"px-4 py-4\">\n        <span className=\"font-mono font-medium text-foreground\">{discount.code}</span>\n      </td>\n\n      {/* Type */}\n      <td className=\"px-4 py-4\">\n        <span className=\"text-sm text-muted-foreground\">\n          {discount.type === 'PERCENTAGE' ? 'Percentage' : 'Fixed'}\n        </span>\n      </td>\n\n      {/* Value */}\n      <td className=\"px-4 py-4\">\n        <span className=\"text-sm font-medium text-foreground\">{formatDiscountValue(discount)}</span>\n      </td>\n\n      {/* Uses */}\n      <td className=\"px-4 py-4 hidden md:table-cell\">\n        <span className=\"text-sm text-muted-foreground\">\n          {discount.usedCount}\n          {discount.maxUses != null ? ` / ${discount.maxUses}` : ' / \\u221E'}\n        </span>\n      </td>\n\n      {/* Valid From */}\n      <td className=\"px-4 py-4 text-sm text-muted-foreground hidden lg:table-cell\">\n        {discount.validFrom ? formatDate(discount.validFrom, 'short') : '\\u2014'}\n      </td>\n\n      {/* Valid Until */}\n      <td className=\"px-4 py-4 text-sm text-muted-foreground hidden sm:table-cell\">\n        {discount.validUntil ? formatDate(discount.validUntil, 'short') : '\\u2014'}\n      </td>\n\n      {/* Status */}\n      <td className=\"px-4 py-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=\"px-4 py-4 text-right\">\n        <div className=\"flex items-center justify-end gap-2\">\n          <button\n            onClick={() => onEdit(discount)}\n            className=\"px-3 py-1.5 text-sm font-medium text-foreground hover:bg-muted rounded-md transition-colors\"\n            title=\"Edit discount\"\n          >\n            {/* Pencil icon */}\n            <svg className=\"w-4 h-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            onClick={() => onDelete(discount)}\n            className=\"px-3 py-1.5 text-sm font-medium text-destructive hover:bg-destructive/10 rounded-md transition-colors\"\n            title=\"Delete discount\"\n          >\n            {/* Trash icon */}\n            <svg className=\"w-4 h-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-overlay-scrim\" onClick={onClose} />\n\n      {/* Dialog */}\n      <div className=\"relative w-full max-w-lg max-h-[85vh] overflow-y-auto bg-card border border-border rounded-xl shadow-xl 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 { 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-muted 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 rounded-lg p-4 space-y-2\">\n              <div className=\"h-4 w-24 bg-muted animate-pulse rounded\" />\n              <div className=\"h-6 w-16 bg-muted 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 rounded-lg p-4\">\n              <div className=\"flex items-center gap-4\">\n                <div className=\"size-10 bg-muted animate-pulse rounded\" />\n                <div className=\"flex-1 space-y-2\">\n                  <div className=\"h-4 w-32 bg-muted animate-pulse rounded\" />\n                  <div className=\"h-3 w-48 bg-muted 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-destructive/10 flex items-center justify-center\">\n            <svg\n              className=\"size-6 text-destructive\"\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-foreground\">Failed to load discounts</h2>\n          <p className=\"text-sm text-muted-foreground\">{error.message}</p>\n          <button\n            type=\"button\"\n            onClick={() => refetch()}\n            className=\"px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 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 font-bold text-foreground\">Discount Codes</h1>\n          <p className=\"text-sm text-muted-foreground 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-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\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=\"border border-border rounded-lg bg-card p-4\">\n          <p className=\"text-sm text-muted-foreground\">Total Discounts</p>\n          <p className=\"text-xl font-semibold text-foreground mt-1\">{totalDiscounts}</p>\n        </div>\n        <div className=\"border border-border rounded-lg bg-card p-4\">\n          <p className=\"text-sm text-muted-foreground\">Active</p>\n          <p className=\"text-xl font-semibold text-status-success-text mt-1\">{activeDiscounts}</p>\n        </div>\n        <div className=\"border border-border rounded-lg bg-card p-4\">\n          <p className=\"text-sm text-muted-foreground\">Expired</p>\n          <p className=\"text-xl font-semibold text-status-warning-text mt-1\">{expiredDiscounts}</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\">\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-muted-foreground\"\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 rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary 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 bg-card p-4 sm:flex-row sm:items-center sm:justify-between\">\n          <label className=\"flex items-center gap-2 text-sm text-foreground\">\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 text-primary\"\n            />\n            <span>Select all visible</span>\n          </label>\n\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm text-muted-foreground\">\n              {selectedDiscountIds.size} selected\n            </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-muted-foreground hover:text-foreground\"\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-destructive/30 text-destructive rounded-md hover:bg-destructive/10 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-destructive/30 bg-destructive/5 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-foreground\">\n                Delete {selectedDiscounts.length} selected discount\n                {selectedDiscounts.length === 1 ? '' : 's'}?\n              </p>\n              <p className=\"text-sm text-muted-foreground\">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-muted-foreground hover:text-foreground\"\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-md bg-destructive px-3 py-2 text-sm font-medium text-destructive-foreground hover:bg-destructive/90 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-12 border border-dashed border-border rounded-lg\">\n          <div className=\"size-12 rounded-full bg-muted flex items-center justify-center mb-4\">\n            <svg\n              className=\"size-6 text-muted-foreground\"\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-foreground\">No discount codes found</h3>\n          <p className=\"text-sm text-muted-foreground 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-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n            >\n              Create your first discount\n            </button>\n          )}\n        </div>\n      ) : (\n        <div className=\"border border-border rounded-lg overflow-hidden\">\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full\">\n              <thead className=\"bg-muted/50\">\n                <tr>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground 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 text-primary\"\n                    />\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground\">\n                    Code\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground\">\n                    Type\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground\">\n                    Value\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden md:table-cell\">\n                    Uses\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden lg:table-cell\">\n                    Valid From\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden sm:table-cell\">\n                    Valid Until\n                  </th>\n                  <th className=\"text-left px-4 py-3 text-sm font-medium text-muted-foreground\">\n                    Status\n                  </th>\n                  <th className=\"text-right px-4 py-3 text-sm font-medium text-muted-foreground\">\n                    Actions\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-border\">\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-foreground\">\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-muted transition-colors\"\n              >\n                <svg\n                  className=\"size-5 text-muted-foreground\"\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-destructive bg-destructive/10 border border-destructive/20 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-foreground mb-1\"\n              >\n                {tr('billing.discounts.code', 'Code')} <span className=\"text-destructive\">*</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 rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary 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-foreground mb-1\"\n                >\n                  {tr('billing.discounts.type', 'Type')} <span className=\"text-destructive\">*</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 rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary 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-foreground mb-1\"\n                >\n                  {tr('billing.discounts.value', 'Value')}{' '}\n                  <span className=\"text-destructive\">*</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 rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n                  />\n                  <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground\">\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-foreground 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 rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary 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-foreground 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 rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n              />\n              <p className=\"text-xs text-muted-foreground 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-foreground 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 rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n                />\n              </div>\n              <div>\n                <label\n                  htmlFor=\"create-valid-until\"\n                  className=\"block text-sm font-medium text-foreground 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 rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary 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\">\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted 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-primary text-primary-foreground rounded-md hover:bg-primary/90 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-foreground\">Edit Discount</h2>\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"p-1.5 rounded hover:bg-muted transition-colors\"\n              >\n                <svg\n                  className=\"size-5 text-muted-foreground\"\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-destructive bg-destructive/10 border border-destructive/20 rounded-md\">\n                {mutationError}\n              </div>\n            )}\n\n            {/* Read-only info */}\n            <div className=\"p-3 bg-muted/50 border border-border rounded-md space-y-1\">\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-muted-foreground\">Code</span>\n                <span className=\"font-mono font-medium text-foreground\">{modal.discount.code}</span>\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-muted-foreground\">Type</span>\n                <span className=\"text-foreground\">\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-muted-foreground\">Value</span>\n                <span className=\"text-foreground\">{formatDiscountValue(modal.discount)}</span>\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-muted-foreground\">Used</span>\n                <span className=\"text-foreground\">{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-foreground 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 rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n              />\n              <p className=\"text-xs text-muted-foreground 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-foreground 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 rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary 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\">\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted 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-primary text-primary-foreground rounded-md hover:bg-primary/90 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-foreground\">Delete Discount</h2>\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"p-1.5 rounded hover:bg-muted transition-colors\"\n              >\n                <svg\n                  className=\"size-5 text-muted-foreground\"\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-destructive bg-destructive/10 border border-destructive/20 rounded-md\">\n                {mutationError}\n              </div>\n            )}\n\n            <div className=\"flex items-start gap-3\">\n              <div className=\"size-10 rounded-full bg-destructive/10 flex items-center justify-center shrink-0\">\n                <svg\n                  className=\"size-5 text-destructive\"\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-foreground\">\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-muted-foreground 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\">\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                className=\"px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted 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-destructive text-destructive-foreground rounded-md hover:bg-destructive/90 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-muted/30 transition-colors ${selected ? 'bg-muted/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 text-primary\"\n        />\n      </td>\n      {/* Code */}\n      <td className=\"p-4\">\n        <span className=\"font-mono font-medium text-foreground\">{discount.code}</span>\n      </td>\n\n      {/* Type */}\n      <td className=\"p-4\">\n        <span className=\"text-sm text-muted-foreground\">\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-foreground\">{formatDiscountValue(discount)}</span>\n      </td>\n\n      {/* Uses */}\n      <td className=\"p-4 hidden md:table-cell\">\n        <span className=\"text-sm text-muted-foreground\">\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-muted-foreground 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-muted-foreground 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-foreground hover:bg-muted rounded-md 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-destructive hover:bg-destructive/10 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-overlay-scrim\" onClick={onClose} />\n\n      {/* Dialog */}\n      <div className=\"relative w-full max-w-lg max-h-[85vh] overflow-y-auto bg-card border border-border rounded-xl shadow-xl p-6 mx-4\">\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAiEA,SAAS,EAAU,GAAoC;AAErD,QADK,EAAS,aACP,IAAI,KAAK,EAAS,WAAW,mBAAG,IAAI,MAAM,GADhB;;AAInC,SAAS,EAAoB,GAAmC;AAI9D,QAHI,EAAS,SAAS,eACb,GAAG,EAAS,MAAM,KAEpB,EAAe,EAAS,OAAO,EAAS,YAAY,MAAM;;AAGnE,IAAM,IAA0C;CAC9C,MAAM;CACN,MAAM;CACN,OAAO;CACP,UAAU;CACV,SAAS;CACT,WAAW;CACX,YAAY;CACb,EAMY,UAA8B;CACzC,IAAM,EAAE,MAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAa,EAAE,EAAI;AACzB,SAAO,MAAe,IAAM,IAAW;IAEnC,IAAc,GAAuB,EAErC,EAAE,UAAM,YAAS,UAAO,eAAY,GAAsB,EAE1D,CAAC,GAAgB,EAAE,SAAS,OAAgB,GAA2B,EACvE,CAAC,GAAgB,EAAE,SAAS,OAAgB,GAA2B,EACvE,CAAC,GAAgB,EAAE,SAAS,OAAgB,GAA2B,EAEvE,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAO,KAAY,EAAqB,EAAE,MAAM,UAAU,CAAC,EAC5D,CAAC,GAAY,KAAiB,EAA6B,EAAoB,EAC/E,CAAC,GAAU,KAAe,EAA2B;EAAE,SAAS;EAAI,YAAY;EAAI,CAAC,EACrF,CAAC,GAAe,KAAoB,EAAwB,KAAK,EACjE,CAAC,GAAqB,KAA0B,kBAAsB,IAAI,KAAK,CAAC,EAChF,CAAC,GAAuB,KAA4B,EAAS,GAAM,EAEnE,IAAgC,IAAM,gBAAgB,EAAE,EAGxD,IAAoB,EAAU,QAAQ,MACrC,IACE,EAAS,KAAK,aAAa,CAAC,SAAS,EAAY,aAAa,CAAC,GAD7C,GAEzB,EAEI,IAAoB,QAClB,EAAkB,QAAQ,MAAa,EAAoB,IAAI,EAAS,GAAG,CAAC,EAClF,CAAC,GAAmB,EAAoB,CACzC,EAEK,IACJ,EAAkB,SAAS,KAC3B,EAAkB,OAAO,MAAa,EAAoB,IAAI,EAAS,GAAG,CAAC,EACvE,IACJ,EAAkB,MAAM,MAAa,EAAoB,IAAI,EAAS,GAAG,CAAC,IAC1E,CAAC;AAGH,KAAI,CAAC,EAAY,mBACf,QAAO,kBAAC,GAAD,EAAc,SAAQ,uDAAwD,CAAA;CAIvF,IAAM,IAAiB,EAAU,QAC3B,IAAkB,EAAU,QAAQ,MAAuB,CAAC,EAAU,EAAE,CAAC,CAAC,QAC1E,IAAmB,EAAU,QAAQ,MAAuB,EAAU,EAAE,CAAC,CAAC,QAI1E,UAAwB;AAG5B,EAFA,EAAc,EAAoB,EAClC,EAAiB,KAAK,EACtB,EAAS,EAAE,MAAM,UAAU,CAAC;IAGxB,MAAiB,MAA8B;AAQnD,EAPA,EAAY;GACV,SAAS,EAAS,WAAW,OAAkC,KAA3B,OAAO,EAAS,QAAQ;GAC5D,YAAY,EAAS,aACjB,IAAI,KAAK,EAAS,WAAW,CAAC,aAAa,CAAC,MAAM,GAAG,GAAG,GACxD;GACL,CAAC,EACF,EAAiB,KAAK,EACtB,EAAS;GAAE,MAAM;GAAQ;GAAU,CAAC;IAGhC,MAAmB,MAA8B;AAErD,EADA,EAAiB,KAAK,EACtB,EAAS;GAAE,MAAM;GAAU;GAAU,CAAC;IAGlC,UAAmB;AAEvB,EADA,EAAS,EAAE,MAAM,UAAU,CAAC,EAC5B,EAAiB,KAAK;IAKlB,KAAe,OAAO,MAAiB;AAI3C,MAHA,EAAE,gBAAgB,EAClB,EAAiB,KAAK,EAElB,CAAC,EAAW,KAAK,MAAM,EAAE;AAC3B,KAAiB,6BAA6B;AAC9C;;EAGF,IAAM,IAAW,OAAO,EAAW,MAAM;AACzC,MAAI,OAAO,MAAM,EAAS,IAAI,KAAY,GAAG;AAC3C,KAAiB,mCAAmC;AACpD;;AAGF,MAAI,EAAW,SAAS,gBAAgB,IAAW,KAAK;AACtD,KAAiB,sCAAsC;AACvD;;AAGF,MAAI;AAaF,GAZA,MAAM,EAAe,EACnB,WAAW;IACT,MAAM,EAAW,KAAK,MAAM,CAAC,aAAa;IAC1C,MAAM,EAAW;IACjB,OAAO;IACP,UAAU,EAAW,SAAS,UAAU,EAAW,WAAW;IAC9D,SAAS,EAAW,UAAU,OAAO,EAAW,QAAQ,GAAG;IAC3D,WAAW,EAAW,YAAY,IAAI,KAAK,EAAW,UAAU,CAAC,aAAa,GAAG;IACjF,YAAY,EAAW,aAAa,IAAI,KAAK,EAAW,WAAW,CAAC,aAAa,GAAG;IACrF,EACF,CAAC,EACF,MAAM,GAAS,EACf,GAAY;WACL,GAAK;AACZ,KAAiB,aAAe,QAAQ,EAAI,UAAU,6BAA6B;;IAIjF,KAAe,OAAO,MAAiB;AAC3C,QAAE,gBAAgB,EACd,EAAM,SAAS,QACnB;KAAiB,KAAK;AAEtB,OAAI;AASF,IARA,MAAM,EAAe,EACnB,WAAW;KACT,IAAI,EAAM,SAAS;KACnB,SAAS,EAAS,UAAU,OAAO,EAAS,QAAQ,GAAG;KACvD,YAAY,EAAS,aAAa,IAAI,KAAK,EAAS,WAAW,CAAC,aAAa,GAAG;KACjF,EACF,CAAC,EACF,MAAM,GAAS,EACf,GAAY;YACL,GAAK;AACZ,MAAiB,aAAe,QAAQ,EAAI,UAAU,6BAA6B;;;IAIjF,KAAe,YAAY;AAC3B,QAAM,SAAS,UAEd;GADL,EAAiB,KAAK,EACjB,GAAa,SAAS;AAE3B,OAAI;AAIF,IAHA,MAAM,EAAe,EAAE,WAAW,EAAE,IAAI,EAAM,SAAS,IAAI,EAAE,CAAC,EACzD,EAAa,UAAU,EAC5B,MAAM,GAAS,EACf,GAAY;YACL,GAAK;AAEZ,IADK,EAAa,QAAQ,EAC1B,EAAiB,aAAe,QAAQ,EAAI,UAAU,6BAA6B;;;IAIjF,KAAmB,YAAY;AAC/B,IAAkB,WAAW,MAEjC,EAAiB,KAAK,EACtB,EAAyB,GAAM,EAC/B,MAAM,QAAQ,WACZ,EAAkB,KAAK,MAAa,EAAe,EAAE,WAAW,EAAE,IAAI,EAAS,IAAI,EAAE,CAAC,CAAC,CACxF,EACD,MAAM,GAAS,EACf,kBAAuB,IAAI,KAAK,CAAC;IAG7B,MAA2B,GAAoB,MAAqB;AAUxE,EATA,GAAwB,MAAS;GAC/B,IAAM,IAAO,IAAI,IAAI,EAAK;AAM1B,UALI,IACF,EAAK,IAAI,EAAW,GAEpB,EAAK,OAAO,EAAW,EAElB;IACP,EACF,EAAyB,GAAM;IAG3B,KAAsB,MAAqB;AAY/C,EAXA,GAAwB,MAAS;GAC/B,IAAM,IAAO,IAAI,IAAI,EAAK;AAQ1B,UAPA,EAAkB,SAAS,MAAa;AACtC,IAAI,IACF,EAAK,IAAI,EAAS,GAAG,GAErB,EAAK,OAAO,EAAS,GAAG;KAE1B,EACK;IACP,EACF,EAAyB,GAAM;;AAuEjC,QAlEI,KAAW,EAAU,WAAW,IAEhC,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAK,WAAU,2CAA4C,CAAA;GAC3D,kBAAC,OAAD;IAAK,WAAU;cACZ;KAAC;KAAG;KAAG;KAAE,CAAC,KAAK,MACd,kBAAC,OAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,OAAD,EAAK,WAAU,2CAA4C,CAAA,EAC3D,kBAAC,OAAD,EAAK,WAAU,2CAA4C,CAAA,CACvD;OAHI,EAGJ,CACN;IACE,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ;KAAC;KAAG;KAAG;KAAG;KAAG;KAAE,CAAC,KAAK,MACpB,kBAAC,OAAD;KAAa,WAAU;eACrB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAK,WAAU,0CAA2C,CAAA,EAC1D,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAK,WAAU,2CAA4C,CAAA,EAC3D,kBAAC,OAAD,EAAK,WAAU,2CAA4C,CAAA,CACvD;SACF;;KACF,EARI,EAQJ,CACN;IACE,CAAA;GACF;MAMN,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MACE,WAAU;MACV,MAAK;MACL,SAAQ;MACR,QAAO;gBAEP,kBAAC,QAAD;OACE,eAAc;OACd,gBAAe;OACf,aAAa;OACb,GAAE;OACF,CAAA;MACE,CAAA;KACF,CAAA;IACN,kBAAC,MAAD;KAAI,WAAU;eAAwC;KAA6B,CAAA;IACnF,kBAAC,KAAD;KAAG,WAAU;eAAiC,EAAM;KAAY,CAAA;IAChE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,GAAS;KACxB,WAAU;eACX;KAEQ,CAAA;IACL;;EACF,CAAA,GAOR,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAqC;KAAmB,CAAA,EACtE,kBAAC,KAAD;KAAG,WAAU;eAAqC;KAE9C,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAHZ,CAKE,kBAAC,OAAD;MAAK,WAAU;MAAS,MAAK;MAAO,SAAQ;MAAY,QAAO;gBAC7D,kBAAC,QAAD;OAAM,eAAc;OAAQ,gBAAe;OAAQ,aAAa;OAAG,GAAE;OAAmB,CAAA;MACpF,CAAA,EAAA,kBAEC;OACL;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAAmB,CAAA,EAChE,kBAAC,KAAD;OAAG,WAAU;iBAA8C;OAAmB,CAAA,CAC1E;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAAU,CAAA,EACvD,kBAAC,KAAD;OAAG,WAAU;iBAAuD;OAAoB,CAAA,CACpF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAAW,CAAA,EACxD,kBAAC,KAAD;OAAG,WAAU;iBAAuD;OAAqB,CAAA,CACrF;;KACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MACE,WAAU;MACV,MAAK;MACL,SAAQ;MACR,QAAO;gBAEP,kBAAC,QAAD;OACE,eAAc;OACd,gBAAe;OACf,aAAa;OACb,GAAE;OACF,CAAA;MACE,CAAA,EACN,kBAAC,SAAD;MACE,MAAK;MACL,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;MAC/C,WAAU;MACV,CAAA,CACE;;IACF,CAAA;GAEL,EAAkB,SAAS,KAC1B,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,SAAD;MACE,MAAK;MACL,SAAS;MACT,MAAM,MAAU;AACd,OAAI,MACF,EAAM,gBAAgB,KAAqB,CAAC;;MAGhD,WAAW,MAAU,EAAmB,EAAM,OAAO,QAAQ;MAC7D,cAAW;MACX,WAAU;MACV,CAAA,EACF,kBAAC,QAAD,EAAA,UAAM,sBAAyB,CAAA,CACzB;QAER,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACG,EAAoB,MAAK,YACrB;;MACN,EAAoB,OAAO,KAC1B,kBAAC,UAAD;OACE,MAAK;OACL,eAAe;AAEb,QADA,kBAAuB,IAAI,KAAK,CAAC,EACjC,EAAyB,GAAM;;OAEjC,WAAU;iBACX;OAEQ,CAAA;MAEX,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAyB,GAAK;OAC7C,UAAU,EAAkB,WAAW,KAAK;OAC5C,WAAU;iBAJZ,CAKC,mBACiB,EAAkB,SAAS,IAAI,KAAK,EAAkB,OAAO,KAAK,GAC3E;;MACL;OACF;;GAGP,KAAyB,EAAkB,SAAS,KACnD,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAb;OAAmD;OACzC,EAAkB;OAAO;OAChC,EAAkB,WAAW,IAAI,KAAK;OAAI;OACzC;SACJ,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAAiC,CAAA,CAC1E,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAyB,GAAM;OAC9C,WAAU;iBACX;OAEQ,CAAA,EACT,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,UAAU;OACV,WAAU;iBACX;OAEQ,CAAA,CACL;QACF;;IACF,CAAA;GAIP,EAAkB,WAAW,IAC5B,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OACE,WAAU;OACV,MAAK;OACL,SAAQ;OACR,QAAO;iBAEP,kBAAC,QAAD;QACE,eAAc;QACd,gBAAe;QACf,aAAa;QACb,GAAE;QACF,CAAA;OACE,CAAA;MACF,CAAA;KACN,kBAAC,MAAD;MAAI,WAAU;gBAAsC;MAA4B,CAAA;KAChF,kBAAC,KAAD;MAAG,WAAU;gBACV,IACG,yCACA;MACF,CAAA;KACH,CAAC,KACA,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;gBACX;MAEQ,CAAA;KAEP;QAEN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,SAAD;OAAO,WAAU;iBACf,kBAAC,MAAD,EAAA,UAAA;QACE,kBAAC,MAAD;SAAI,WAAU;mBACZ,kBAAC,SAAD;UACE,MAAK;UACL,SAAS;UACT,MAAM,MAAU;AACd,WAAI,MACF,EAAM,gBAAgB,KAAqB,CAAC;;UAGhD,WAAW,MAAU,EAAmB,EAAM,OAAO,QAAQ;UAC7D,cAAW;UACX,WAAU;UACV,CAAA;SACC,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAgE;SAEzE,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAgE;SAEzE,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAgE;SAEzE,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAqF;SAE9F,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAqF;SAE9F,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAqF;SAE9F,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAgE;SAEzE,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAiE;SAE1E,CAAA;QACF,EAAA,CAAA;OACC,CAAA,EACR,kBAAC,SAAD;OAAO,WAAU;iBACd,EAAkB,KAAK,MACtB,kBAAC,GAAD;QAEY;QACV,UAAU,EAAoB,IAAI,EAAS,GAAG;QAC9C,gBAAgB;QAChB,QAAQ;QACR,UAAU;QACV,EANK,EAAS,GAMd,CACF;OACI,CAAA,CACF;;KACJ,CAAA;IACF,CAAA;GAIP,EAAM,SAAS,YACd,kBAAC,GAAD;IAAc,SAAS;cACrB,kBAAC,QAAD;KAAM,UAAU;KAAc,WAAU;eAAxC;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAG,wCAAwC,uBAAuB;QAChE,CAAA,EACL,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;kBAEV,kBAAC,OAAD;SACE,WAAU;SACV,MAAK;SACL,SAAQ;SACR,QAAO;mBAEP,kBAAC,QAAD;UACE,eAAc;UACd,gBAAe;UACf,aAAa;UACb,GAAE;UACF,CAAA;SACE,CAAA;QACC,CAAA,CACL;;MAEL,KACC,kBAAC,OAAD;OAAK,WAAU;iBACZ;OACG,CAAA;MAIR,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OACE,SAAQ;OACR,WAAU;iBAFZ;QAIG,EAAG,0BAA0B,OAAO;QAAC;QAAC,kBAAC,QAAD;SAAM,WAAU;mBAAmB;SAAQ,CAAA;QAC5E;UACR,kBAAC,SAAD;OACE,IAAG;OACH,MAAK;OACL,UAAA;OACA,OAAO,EAAW;OAClB,WAAW,MAAM,GAAe,OAAU;QAAE,GAAG;QAAM,MAAM,EAAE,OAAO;QAAO,EAAE;OAC7E,aAAa,EAAG,qCAAqC,gBAAgB;OACrE,WAAU;OACV,CAAA,CACE,EAAA,CAAA;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBAFZ;SAIG,EAAG,0BAA0B,OAAO;SAAC;SAAC,kBAAC,QAAD;UAAM,WAAU;oBAAmB;UAAQ,CAAA;SAC5E;WACR,kBAAC,UAAD;QACE,IAAG;QACH,OAAO,EAAW;QAClB,WAAW,MACT,GAAe,OAAU;SACvB,GAAG;SACH,MAAM,EAAE,OAAO;SAChB,EAAE;QAEL,WAAU;kBATZ,CAWE,kBAAC,UAAD;SAAQ,OAAM;mBACX,EAAG,oCAAoC,aAAa;SAC9C,CAAA,EACT,kBAAC,UAAD;SAAQ,OAAM;mBACX,EAAG,qCAAqC,eAAe;SACjD,CAAA,CACF;UACL,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBAFZ;SAIG,EAAG,2BAA2B,QAAQ;SAAE;SACzC,kBAAC,QAAD;UAAM,WAAU;oBAAmB;UAAQ,CAAA;SACrC;WACR,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,SAAD;SACE,IAAG;SACH,MAAK;SACL,UAAA;SACA,KAAI;SACJ,KAAK,EAAW,SAAS,eAAe,QAAQ,KAAA;SAChD,MAAK;SACL,OAAO,EAAW;SAClB,WAAW,MAAM,GAAe,OAAU;UAAE,GAAG;UAAM,OAAO,EAAE,OAAO;UAAO,EAAE;SAC9E,aAAa,EAAW,SAAS,eAAe,OAAO;SACvD,WAAU;SACV,CAAA,EACF,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAW,SAAS,eAAe,MAAM,EAAW;SAChD,CAAA,CACH;UACF,EAAA,CAAA,CACF;;MAGL,EAAW,SAAS,WACnB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OACE,SAAQ;OACR,WAAU;iBAET,EAAG,8BAA8B,WAAW;OACvC,CAAA,EACR,kBAAC,UAAD;OACE,IAAG;OACH,OAAO,EAAW;OAClB,WAAW,MAAM,GAAe,OAAU;QAAE,GAAG;QAAM,UAAU,EAAE,OAAO;QAAO,EAAE;OACjF,WAAU;iBAJZ;QAME,kBAAC,UAAD;SAAQ,OAAM;mBAAM;SAAY,CAAA;QAChC,kBAAC,UAAD;SAAQ,OAAM;mBAAM;SAAY,CAAA;QAChC,kBAAC,UAAD;SAAQ,OAAM;mBAAM;SAAY,CAAA;QAChC,kBAAC,UAAD;SAAQ,OAAM;mBAAM;SAAY,CAAA;QAChC,kBAAC,UAAD;SAAQ,OAAM;mBAAM;SAAY,CAAA;QAChC,kBAAC,UAAD;SAAQ,OAAM;mBAAM;SAAY,CAAA;QACzB;SACL,EAAA,CAAA;MAIR,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBAET,EAAG,6BAA6B,WAAW;QACtC,CAAA;OACR,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,KAAI;QACJ,MAAK;QACL,OAAO,EAAW;QAClB,WAAW,MAAM,GAAe,OAAU;SAAE,GAAG;SAAM,SAAS,EAAE,OAAO;SAAO,EAAE;QAChF,aAAa,EAAG,+BAA+B,YAAY;QAC3D,WAAU;QACV,CAAA;OACF,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAG,mCAAmC,kCAAkC;QACvE,CAAA;OACA,EAAA,CAAA;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBAET,EAAG,+BAA+B,aAAa;QAC1C,CAAA,EACR,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,OAAO,EAAW;QAClB,WAAW,MACT,GAAe,OAAU;SAAE,GAAG;SAAM,WAAW,EAAE,OAAO;SAAO,EAAE;QAEnE,WAAU;QACV,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBAET,EAAG,gCAAgC,cAAc;QAC5C,CAAA,EACR,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,OAAO,EAAW;QAClB,WAAW,MACT,GAAe,OAAU;SAAE,GAAG;SAAM,YAAY,EAAE,OAAO;SAAO,EAAE;QAEpE,WAAU;QACV,CAAA,CACE,EAAA,CAAA,CACF;;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;kBAET,EAAG,4BAA4B,SAAS;QAClC,CAAA,EACT,kBAAC,UAAD;QACE,MAAK;QACL,UAAU;QACV,WAAU;kBAET,IACG,EAAG,8BAA8B,cAAc,GAC/C,EAAG,oCAAoC,kBAAkB;QACtD,CAAA,CACL;;MACD;;IACM,CAAA;GAIhB,EAAM,SAAS,UACd,kBAAC,GAAD;IAAc,SAAS;cACrB,kBAAC,QAAD;KAAM,UAAU;KAAc,WAAU;eAAxC;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAAwC;QAAkB,CAAA,EACxE,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;kBAEV,kBAAC,OAAD;SACE,WAAU;SACV,MAAK;SACL,SAAQ;SACR,QAAO;mBAEP,kBAAC,QAAD;UACE,eAAc;UACd,gBAAe;UACf,aAAa;UACb,GAAE;UACF,CAAA;SACE,CAAA;QACC,CAAA,CACL;;MAEL,KACC,kBAAC,OAAD;OAAK,WAAU;iBACZ;OACG,CAAA;MAIR,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAwB;UAAW,CAAA,EACnD,kBAAC,QAAD;UAAM,WAAU;oBAAyC,EAAM,SAAS;UAAY,CAAA,CAChF;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAwB;UAAW,CAAA,EACnD,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAM,SAAS,SAAS,eAAe,eAAe;UAClD,CAAA,CACH;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAwB;UAAY,CAAA,EACpD,kBAAC,QAAD;UAAM,WAAU;oBAAmB,EAAoB,EAAM,SAAS;UAAQ,CAAA,CAC1E;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAwB;UAAW,CAAA,EACnD,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CAAmC,EAAM,SAAS,WAAU,SAAa;YACrE;;QACF;;MAGN,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBACX;QAEO,CAAA;OACR,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,KAAI;QACJ,MAAK;QACL,OAAO,EAAS;QAChB,WAAW,MAAM,GAAa,OAAU;SAAE,GAAG;SAAM,SAAS,EAAE,OAAO;SAAO,EAAE;QAC9E,aAAY;QACZ,WAAU;QACV,CAAA;OACF,kBAAC,KAAD;QAAG,WAAU;kBAAqC;QAAmC,CAAA;OACjF,EAAA,CAAA;MAGN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OACE,SAAQ;OACR,WAAU;iBACX;OAEO,CAAA,EACR,kBAAC,SAAD;OACE,IAAG;OACH,MAAK;OACL,OAAO,EAAS;OAChB,WAAW,MAAM,GAAa,OAAU;QAAE,GAAG;QAAM,YAAY,EAAE,OAAO;QAAO,EAAE;OACjF,WAAU;OACV,CAAA,CACE,EAAA,CAAA;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;kBACX;QAEQ,CAAA,EACT,kBAAC,UAAD;QACE,MAAK;QACL,UAAU;QACV,WAAU;kBAET,IAAa,cAAc;QACrB,CAAA,CACL;;MACD;;IACM,CAAA;GAIhB,EAAM,SAAS,YACd,kBAAC,GAAD;IAAc,SAAS;cACrB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAAwC;QAAoB,CAAA,EAC1E,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;kBAEV,kBAAC,OAAD;SACE,WAAU;SACV,MAAK;SACL,SAAQ;SACR,QAAO;mBAEP,kBAAC,QAAD;UACE,eAAc;UACd,gBAAe;UACf,aAAa;UACb,GAAE;UACF,CAAA;SACE,CAAA;QACC,CAAA,CACL;;MAEL,KACC,kBAAC,OAAD;OAAK,WAAU;iBACZ;OACG,CAAA;MAGR,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SACE,WAAU;SACV,MAAK;SACL,SAAQ;SACR,QAAO;mBAEP,kBAAC,QAAD;UACE,eAAc;UACd,gBAAe;UACf,aAAa;UACb,GAAE;UACF,CAAA;SACE,CAAA;QACF,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAuC;SACa;SAClD,kBAAC,QAAD;UAAM,WAAU;oBAA2B,EAAM,SAAS;UAAY,CAAA;;SACpE;WACJ,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAkD;SACS;SACzD,kBAAC,QAAD;UAAM,WAAU;oBAAe,EAAM,SAAS;UAAiB,CAAA;;SAC9D,EAAM,SAAS,cAAc,IAAU,KAAN;SAAS;SACzC;UACA,EAAA,CAAA,CACF;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;kBACX;QAEQ,CAAA,EACT,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,UAAU;QACV,WAAU;kBAET,IAAa,gBAAgB;QACvB,CAAA,CACL;;MACF;;IACO,CAAA;GAEb;;GAgBJ,KAAqC,EACzC,aACA,aACA,mBACA,WACA,kBACI;CACJ,IAAM,IAAU,EAAU,EAAS;AAEnC,QACE,kBAAC,MAAD;EAAI,WAAW,uCAAuC,IAAW,gBAAgB;YAAjF;GACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,SAAD;KACE,MAAK;KACL,SAAS;KACT,WAAW,MAAU,EAAe,EAAS,IAAI,EAAM,OAAO,QAAQ;KACtE,cAAY,mBAAmB,EAAS;KACxC,WAAU;KACV,CAAA;IACC,CAAA;GAEL,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,QAAD;KAAM,WAAU;eAAyC,EAAS;KAAY,CAAA;IAC3E,CAAA;GAGL,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,QAAD;KAAM,WAAU;eACb,EAAS,SAAS,eAAe,eAAe;KAC5C,CAAA;IACJ,CAAA;GAGL,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,QAAD;KAAM,WAAU;eAAuC,EAAoB,EAAS;KAAQ,CAAA;IACzF,CAAA;GAGL,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACG,EAAS,WACT,EAAS,WAAW,OAAkC,SAA3B,MAAM,EAAS,UACtC;;IACJ,CAAA;GAGL,kBAAC,MAAD;IAAI,WAAU;cACX,EAAS,YAAY,EAAW,EAAS,WAAW,QAAQ,GAAG;IAC7D,CAAA;GAGL,kBAAC,MAAD;IAAI,WAAU;cACX,EAAS,aAAa,EAAW,EAAS,YAAY,QAAQ,GAAG;IAC/D,CAAA;GAGL,kBAAC,MAAD;IAAI,WAAU;cACX,IACC,kBAAC,QAAD;KAAM,WAAU;eAAyG;KAElH,CAAA,GAEP,kBAAC,QAAD;KAAM,WAAU;eAAyG;KAElH,CAAA;IAEN,CAAA;GAGL,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAO,EAAS;MAC/B,WAAU;MACV,OAAM;gBAGN,kBAAC,OAAD;OAAK,WAAU;OAAS,MAAK;OAAO,SAAQ;OAAY,QAAO;iBAC7D,kBAAC,QAAD;QACE,eAAc;QACd,gBAAe;QACf,aAAa;QACb,GAAE;QACF,CAAA;OACE,CAAA;MACC,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAS,EAAS;MACjC,WAAU;MACV,OAAM;gBAGN,kBAAC,OAAD;OAAK,WAAU;OAAS,MAAK;OAAO,SAAQ;OAAY,QAAO;iBAC7D,kBAAC,QAAD;QACE,eAAc;QACd,gBAAe;QACf,aAAa;QACb,GAAE;QACF,CAAA;OACE,CAAA;MACC,CAAA,CACL;;IACH,CAAA;GACF;;GAaH,KAAuC,EAAE,YAAS,kBAEpD,kBAAC,OAAD;CAAK,WAAU;WAAf,CAEE,kBAAC,OAAD;EAAK,WAAU;EAAoC,SAAS;EAAW,CAAA,EAGvE,kBAAC,OAAD;EAAK,WAAU;EACZ;EACG,CAAA,CACF"}

package/dist/billing/modules/earnings/pages/EarningsPage.js

@@ -52,7 +52,7 @@ var w = () => {
 		K
 	]), !T.canViewBillingAccount) return /* @__PURE__ */ S(t, { message: "You don't have permission to view earnings." });
 	if (!k && !N && !M) return /* @__PURE__ */ S(i, {
-		icon: /* @__PURE__ */ S(b, { className: "h-8 w-8" }),
+		icon: /* @__PURE__ */ S(b, { className: "size-8" }),
 		title: "No billing account found",
 		description: "Create a billing account first to view earnings."
 	});
@@ -66,22 +66,22 @@ var w = () => {
 		{
 			title: "Available",
 			value: o(P.availableAmount, "USD"),
-			icon: /* @__PURE__ */ S(v, { className: "h-5 w-5" })
+			icon: /* @__PURE__ */ S(v, { className: "size-5" })
 		},
 		{
 			title: "Reserved",
 			value: o(P.reservedAmount, "USD"),
-			icon: /* @__PURE__ */ S(_, { className: "h-5 w-5" })
+			icon: /* @__PURE__ */ S(_, { className: "size-5" })
 		},
 		{
 			title: "Paid out",
 			value: o(P.paidAmount, "USD"),
-			icon: /* @__PURE__ */ S(b, { className: "h-5 w-5" })
+			icon: /* @__PURE__ */ S(b, { className: "size-5" })
 		},
 		{
 			title: "Lifetime",
 			value: o(P.totalLifetimeAmount, "USD"),
-			icon: /* @__PURE__ */ S(y, { className: "h-5 w-5" })
+			icon: /* @__PURE__ */ S(y, { className: "size-5" })
 		}
 	] : [], Y = B === "ALL" ? I : I.filter((e) => e.sourceCategory === B), X = P?.categoryBreakdown?.map((e) => ({
 		title: `${e.category} earnings`,
@@ -91,22 +91,22 @@ var w = () => {
 		{
 			title: "Gross revenue",
 			value: o(R.summary.totalGrossRevenue, "USD"),
-			icon: /* @__PURE__ */ S(v, { className: "h-5 w-5" })
+			icon: /* @__PURE__ */ S(v, { className: "size-5" })
 		},
 		{
 			title: "Net revenue",
 			value: o(R.summary.totalNetRevenue, "USD"),
-			icon: /* @__PURE__ */ S(b, { className: "h-5 w-5" })
+			icon: /* @__PURE__ */ S(b, { className: "size-5" })
 		},
 		{
 			title: "Pending balance",
 			value: o(R.summary.pendingBalance, "USD"),
-			icon: /* @__PURE__ */ S(_, { className: "h-5 w-5" })
+			icon: /* @__PURE__ */ S(_, { className: "size-5" })
 		},
 		{
 			title: "Platform fees",
 			value: o(R.summary.totalPlatformFees, "USD"),
-			icon: /* @__PURE__ */ S(y, { className: "h-5 w-5" })
+			icon: /* @__PURE__ */ S(y, { className: "size-5" })
 		}
 	] : [], Q = !!k;
 	return /* @__PURE__ */ C("div", {
@@ -146,10 +146,10 @@ var w = () => {
 								type: "button",
 								onClick: () => void q(),
 								className: "inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground",
-								children: [/* @__PURE__ */ S(y, { className: "h-4 w-4" }), "Refresh"]
+								children: [/* @__PURE__ */ S(y, { className: "size-4" }), "Refresh"]
 							})]
 						}), R.sales.length === 0 ? /* @__PURE__ */ S(i, {
-							icon: /* @__PURE__ */ S(_, { className: "h-8 w-8" }),
+							icon: /* @__PURE__ */ S(_, { className: "size-8" }),
 							title: "No sales yet",
 							description: "Sales will appear here when customers start purchasing your apps."
 						}) : /* @__PURE__ */ S("div", {
@@ -222,7 +222,7 @@ var w = () => {
 							className: "mb-4 text-lg font-semibold text-foreground",
 							children: "Payouts"
 						}), R.payouts.length === 0 ? /* @__PURE__ */ S(i, {
-							icon: /* @__PURE__ */ S(b, { className: "h-8 w-8" }),
+							icon: /* @__PURE__ */ S(b, { className: "size-8" }),
 							title: "No payouts yet",
 							description: "Scheduled and completed payouts will appear here."
 						}) : /* @__PURE__ */ S("div", {
@@ -283,7 +283,7 @@ var w = () => {
 					})
 				]
 			}) : /* @__PURE__ */ S(i, {
-				icon: /* @__PURE__ */ S(_, { className: "h-8 w-8" }),
+				icon: /* @__PURE__ */ S(_, { className: "size-8" }),
 				title: "No developer portal revenue yet",
 				description: "Marketplace revenue will appear here once your developer organization records sales."
 			}) : P ? /* @__PURE__ */ C("div", {
@@ -355,11 +355,11 @@ var w = () => {
 							type: "button",
 							onClick: () => void q(),
 							className: "inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground",
-							children: [/* @__PURE__ */ S(y, { className: "h-4 w-4" }), "Refresh"]
+							children: [/* @__PURE__ */ S(y, { className: "size-4" }), "Refresh"]
 						})]
 					})]
 				}), Y.length === 0 && !H ? /* @__PURE__ */ S(i, {
-					icon: /* @__PURE__ */ S(_, { className: "h-8 w-8" }),
+					icon: /* @__PURE__ */ S(_, { className: "size-8" }),
 					title: "No earnings yet",
 					description: "Eligible affiliate rewards and other earnings will appear here."
 				}) : /* @__PURE__ */ S("div", {

package/dist/billing/modules/earnings/pages/EarningsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EarningsPage.js","names":[],"sources":["../../../../../src/billing/modules/earnings/pages/EarningsPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type FC } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Coins, HandCoins, RefreshCw, Wallet } from 'lucide-react';\n\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport {\n  AccessDenied,\n  EmptyState,\n  PageHeader,\n  ServerError,\n  StatCard,\n} from '../../../shared/components';\nimport { formatCurrency, formatDateTime, isServerError } from '../../../shared/utils';\nimport { useGetDefaultBillingAccountSettingsQuery } from '../../../../generated/global-operations';\nimport {\n  fetchEarningsEntries,\n  fetchEarningsSummary,\n  fetchDeveloperPortalRevenueDashboard,\n  type DeveloperPortalRevenueDashboard,\n  type EarningsEntry,\n  type EarningsSummary,\n} from '../api';\n\ntype EarningsSourceFilter = 'ALL' | 'AFFILIATE' | 'STORE' | 'OTHER';\n\nexport const EarningsPage: FC = () => {\n  const [searchParams] = useSearchParams();\n  const permissions = useBillingPermissions();\n  const { apiGatewayUrl, authToken, orgId } = useBilling();\n  const developerOrgId = searchParams.get('developerOrgId');\n  const developerOrgName = searchParams.get('developerOrgName');\n  const { data: billingAccountData, loading: billingAccountLoading } =\n    useGetDefaultBillingAccountSettingsQuery({});\n\n  const billingAccountId = billingAccountData?.getDefaultBillingAccount?.id;\n  const [summary, setSummary] = useState<EarningsSummary | null>(null);\n  const [entries, setEntries] = useState<EarningsEntry[]>([]);\n  const [developerPortalRevenue, setDeveloperPortalRevenue] =\n    useState<DeveloperPortalRevenueDashboard | null>(null);\n  const [sourceFilter, setSourceFilter] = useState<EarningsSourceFilter>('ALL');\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  const requestContext = useMemo(\n    () => ({\n      apiGatewayUrl,\n      authToken,\n      orgId,\n    }),\n    [apiGatewayUrl, authToken, orgId]\n  );\n\n  const loadData = async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      if (developerOrgId) {\n        const loadedRevenue = await fetchDeveloperPortalRevenueDashboard(\n          developerOrgId,\n          requestContext\n        );\n        setDeveloperPortalRevenue(loadedRevenue);\n        setSummary(null);\n        setEntries([]);\n        return;\n      }\n\n      if (!billingAccountId) {\n        setSummary(null);\n        setEntries([]);\n        setDeveloperPortalRevenue(null);\n        return;\n      }\n\n      const [loadedSummary, loadedEntries] = await Promise.all([\n        fetchEarningsSummary(billingAccountId, requestContext),\n        fetchEarningsEntries(billingAccountId, requestContext),\n      ]);\n      setSummary(loadedSummary);\n      setEntries(loadedEntries);\n      setDeveloperPortalRevenue(null);\n    } catch (loadError) {\n      setError(loadError instanceof Error ? loadError : new Error('Failed to load earnings'));\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    void loadData();\n  }, [billingAccountId, developerOrgId, requestContext]);\n\n  if (!permissions.canViewBillingAccount) {\n    return <AccessDenied message=\"You don't have permission to view earnings.\" />;\n  }\n\n  if (!developerOrgId && !billingAccountId && !billingAccountLoading) {\n    return (\n      <EmptyState\n        icon={<Wallet className=\"h-8 w-8\" />}\n        title=\"No billing account found\"\n        description=\"Create a billing account first to view earnings.\"\n      />\n    );\n  }\n\n  if (error && isServerError(error)) {\n    return (\n      <ServerError\n        title=\"Earnings unavailable\"\n        message={error.message}\n        onRetry={() => void loadData()}\n        showRetry\n      />\n    );\n  }\n\n  const cards = summary\n    ? [\n        {\n          title: 'Available',\n          value: formatCurrency(summary.availableAmount, 'USD'),\n          icon: <HandCoins className=\"h-5 w-5\" />,\n        },\n        {\n          title: 'Reserved',\n          value: formatCurrency(summary.reservedAmount, 'USD'),\n          icon: <Coins className=\"h-5 w-5\" />,\n        },\n        {\n          title: 'Paid out',\n          value: formatCurrency(summary.paidAmount, 'USD'),\n          icon: <Wallet className=\"h-5 w-5\" />,\n        },\n        {\n          title: 'Lifetime',\n          value: formatCurrency(summary.totalLifetimeAmount, 'USD'),\n          icon: <RefreshCw className=\"h-5 w-5\" />,\n        },\n      ]\n    : [];\n\n  const filteredEntries =\n    sourceFilter === 'ALL'\n      ? entries\n      : entries.filter((entry) => entry.sourceCategory === sourceFilter);\n\n  const categoryCards =\n    summary?.categoryBreakdown?.map((item) => ({\n      title: `${item.category} earnings`,\n      value: formatCurrency(item.amount, 'USD'),\n      helperText: `${item.count} entries`,\n    })) ?? [];\n\n  const developerPortalCards = developerPortalRevenue?.summary\n    ? [\n        {\n          title: 'Gross revenue',\n          value: formatCurrency(developerPortalRevenue.summary.totalGrossRevenue, 'USD'),\n          icon: <HandCoins className=\"h-5 w-5\" />,\n        },\n        {\n          title: 'Net revenue',\n          value: formatCurrency(developerPortalRevenue.summary.totalNetRevenue, 'USD'),\n          icon: <Wallet className=\"h-5 w-5\" />,\n        },\n        {\n          title: 'Pending balance',\n          value: formatCurrency(developerPortalRevenue.summary.pendingBalance, 'USD'),\n          icon: <Coins className=\"h-5 w-5\" />,\n        },\n        {\n          title: 'Platform fees',\n          value: formatCurrency(developerPortalRevenue.summary.totalPlatformFees, 'USD'),\n          icon: <RefreshCw className=\"h-5 w-5\" />,\n        },\n      ]\n    : [];\n\n  const isDeveloperPortalMode = !!developerOrgId;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader\n        title={isDeveloperPortalMode ? 'Marketplace earnings' : 'Earnings'}\n        description={\n          isDeveloperPortalMode\n            ? `Developer portal revenue, sales, and payouts${developerOrgName ? ` for ${developerOrgName}` : ''}.`\n            : 'Track affiliate, store, and other earning sources in one ledger.'\n        }\n      />\n\n      {loading ? (\n        <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n          {[1, 2, 3, 4].map((item) => (\n            <div\n              key={item}\n              className=\"h-28 animate-pulse rounded-lg border border-border bg-card\"\n            />\n          ))}\n        </div>\n      ) : isDeveloperPortalMode ? (\n        developerPortalRevenue?.summary ? (\n          <div className=\"space-y-6\">\n            <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n              {developerPortalCards.map((card) => (\n                <StatCard key={card.title} label={card.title} value={card.value} icon={card.icon} />\n              ))}\n            </div>\n\n            <section className=\"rounded-lg border border-border bg-card p-4\">\n              <div className=\"mb-4 flex items-center justify-between\">\n                <h2 className=\"text-lg font-semibold text-foreground\">Recent sales</h2>\n                <button\n                  type=\"button\"\n                  onClick={() => void loadData()}\n                  className=\"inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground\"\n                >\n                  <RefreshCw className=\"h-4 w-4\" />\n                  Refresh\n                </button>\n              </div>\n\n              {developerPortalRevenue.sales.length === 0 ? (\n                <EmptyState\n                  icon={<Coins className=\"h-8 w-8\" />}\n                  title=\"No sales yet\"\n                  description=\"Sales will appear here when customers start purchasing your apps.\"\n                />\n              ) : (\n                <div className=\"overflow-x-auto\">\n                  <table className=\"min-w-full text-sm\">\n                    <thead>\n                      <tr className=\"border-b border-border text-left text-muted-foreground\">\n                        <th className=\"px-3 py-2\">Application</th>\n                        <th className=\"px-3 py-2\">Pricing</th>\n                        <th className=\"px-3 py-2\">Gross</th>\n                        <th className=\"px-3 py-2\">Net</th>\n                        <th className=\"px-3 py-2\">Status</th>\n                        <th className=\"px-3 py-2\">Purchased</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {developerPortalRevenue.sales.map((sale) => (\n                        <tr key={sale.id} className=\"border-b border-border/70 text-foreground\">\n                          <td className=\"px-3 py-2 font-medium\">\n                            {sale.application?.name || sale.application?.slug || 'Unknown app'}\n                          </td>\n                          <td className=\"px-3 py-2\">{sale.pricingModel}</td>\n                          <td className=\"px-3 py-2\">\n                            {formatCurrency(sale.grossAmount, sale.currency || 'USD')}\n                          </td>\n                          <td className=\"px-3 py-2\">\n                            {formatCurrency(sale.netAmount, sale.currency || 'USD')}\n                          </td>\n                          <td className=\"px-3 py-2\">{sale.status}</td>\n                          <td className=\"px-3 py-2\">{formatDateTime(sale.purchasedAt)}</td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              )}\n            </section>\n\n            <section className=\"rounded-lg border border-border bg-card p-4\">\n              <h2 className=\"mb-4 text-lg font-semibold text-foreground\">Payouts</h2>\n\n              {developerPortalRevenue.payouts.length === 0 ? (\n                <EmptyState\n                  icon={<Wallet className=\"h-8 w-8\" />}\n                  title=\"No payouts yet\"\n                  description=\"Scheduled and completed payouts will appear here.\"\n                />\n              ) : (\n                <div className=\"overflow-x-auto\">\n                  <table className=\"min-w-full text-sm\">\n                    <thead>\n                      <tr className=\"border-b border-border text-left text-muted-foreground\">\n                        <th className=\"px-3 py-2\">Period</th>\n                        <th className=\"px-3 py-2\">Amount</th>\n                        <th className=\"px-3 py-2\">Status</th>\n                        <th className=\"px-3 py-2\">Scheduled</th>\n                        <th className=\"px-3 py-2\">Completed</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {developerPortalRevenue.payouts.map((payout) => (\n                        <tr key={payout.id} className=\"border-b border-border/70 text-foreground\">\n                          <td className=\"px-3 py-2 font-medium\">{payout.periodLabel || '-'}</td>\n                          <td className=\"px-3 py-2\">\n                            {formatCurrency(payout.netAmount, payout.currency || 'USD')}\n                          </td>\n                          <td className=\"px-3 py-2\">{payout.status}</td>\n                          <td className=\"px-3 py-2\">\n                            {payout.scheduledAt ? formatDateTime(payout.scheduledAt) : '-'}\n                          </td>\n                          <td className=\"px-3 py-2\">\n                            {payout.completedAt ? formatDateTime(payout.completedAt) : '-'}\n                          </td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              )}\n            </section>\n          </div>\n        ) : (\n          <EmptyState\n            icon={<Coins className=\"h-8 w-8\" />}\n            title=\"No developer portal revenue yet\"\n            description=\"Marketplace revenue will appear here once your developer organization records sales.\"\n          />\n        )\n      ) : summary ? (\n        <div className=\"space-y-4\">\n          <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n            {cards.map((card) => (\n              <StatCard key={card.title} label={card.title} value={card.value} icon={card.icon} />\n            ))}\n          </div>\n          {categoryCards.length > 0 ? (\n            <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-3\">\n              {categoryCards.map((card) => (\n                <div key={card.title} className=\"rounded-lg border border-border bg-card p-4\">\n                  <p className=\"text-sm text-muted-foreground\">{card.title}</p>\n                  <p className=\"mt-2 text-xl font-semibold text-foreground\">{card.value}</p>\n                  <p className=\"mt-1 text-xs text-muted-foreground\">{card.helperText}</p>\n                </div>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n\n      {error && !isServerError(error) ? (\n        <div className=\"rounded-lg border border-border bg-card p-4 text-sm text-destructive\">\n          {error.message}\n        </div>\n      ) : null}\n\n      <section className=\"rounded-lg border border-border bg-card p-4\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-foreground\">Ledger</h2>\n          <div className=\"flex items-center gap-3\">\n            <select\n              value={sourceFilter}\n              onChange={(event) => setSourceFilter(event.target.value as EarningsSourceFilter)}\n              className=\"rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n            >\n              <option value=\"ALL\">All sources</option>\n              <option value=\"AFFILIATE\">Affiliate</option>\n              <option value=\"STORE\">Store</option>\n              <option value=\"OTHER\">Other</option>\n            </select>\n            <button\n              type=\"button\"\n              onClick={() => void loadData()}\n              className=\"inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground\"\n            >\n              <RefreshCw className=\"h-4 w-4\" />\n              Refresh\n            </button>\n          </div>\n        </div>\n\n        {filteredEntries.length === 0 && !loading ? (\n          <EmptyState\n            icon={<Coins className=\"h-8 w-8\" />}\n            title=\"No earnings yet\"\n            description=\"Eligible affiliate rewards and other earnings will appear here.\"\n          />\n        ) : (\n          <div className=\"overflow-x-auto\">\n            <table className=\"min-w-full text-sm\">\n              <thead>\n                <tr className=\"border-b border-border text-left text-muted-foreground\">\n                  <th className=\"px-3 py-2\">Category</th>\n                  <th className=\"px-3 py-2\">Description</th>\n                  <th className=\"px-3 py-2\">Unit</th>\n                  <th className=\"px-3 py-2\">Amount</th>\n                  <th className=\"px-3 py-2\">Status</th>\n                  <th className=\"px-3 py-2\">Created</th>\n                </tr>\n              </thead>\n              <tbody>\n                {filteredEntries.map((entry) => (\n                  <tr key={entry.id} className=\"border-b border-border/70 text-foreground\">\n                    <td className=\"px-3 py-2 font-medium\">{entry.sourceCategory}</td>\n                    <td className=\"px-3 py-2\">\n                      {entry.description || entry.sourceSubcategory || '-'}\n                    </td>\n                    <td className=\"px-3 py-2\">{entry.unitType}</td>\n                    <td className=\"px-3 py-2\">\n                      {entry.unitType === 'CREDITS'\n                        ? `${entry.amount.toLocaleString()} credits`\n                        : formatCurrency(entry.amount, entry.currency || 'USD')}\n                    </td>\n                    <td className=\"px-3 py-2\">{entry.status}</td>\n                    <td className=\"px-3 py-2\">{formatDateTime(entry.createdAt)}</td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        )}\n      </section>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"EarningsPage.js","names":[],"sources":["../../../../../src/billing/modules/earnings/pages/EarningsPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type FC } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Coins, HandCoins, RefreshCw, Wallet } from 'lucide-react';\n\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport {\n  AccessDenied,\n  EmptyState,\n  PageHeader,\n  ServerError,\n  StatCard,\n} from '../../../shared/components';\nimport { formatCurrency, formatDateTime, isServerError } from '../../../shared/utils';\nimport { useGetDefaultBillingAccountSettingsQuery } from '../../../../generated/global-operations';\nimport {\n  fetchEarningsEntries,\n  fetchEarningsSummary,\n  fetchDeveloperPortalRevenueDashboard,\n  type DeveloperPortalRevenueDashboard,\n  type EarningsEntry,\n  type EarningsSummary,\n} from '../api';\n\ntype EarningsSourceFilter = 'ALL' | 'AFFILIATE' | 'STORE' | 'OTHER';\n\nexport const EarningsPage: FC = () => {\n  const [searchParams] = useSearchParams();\n  const permissions = useBillingPermissions();\n  const { apiGatewayUrl, authToken, orgId } = useBilling();\n  const developerOrgId = searchParams.get('developerOrgId');\n  const developerOrgName = searchParams.get('developerOrgName');\n  const { data: billingAccountData, loading: billingAccountLoading } =\n    useGetDefaultBillingAccountSettingsQuery({});\n\n  const billingAccountId = billingAccountData?.getDefaultBillingAccount?.id;\n  const [summary, setSummary] = useState<EarningsSummary | null>(null);\n  const [entries, setEntries] = useState<EarningsEntry[]>([]);\n  const [developerPortalRevenue, setDeveloperPortalRevenue] =\n    useState<DeveloperPortalRevenueDashboard | null>(null);\n  const [sourceFilter, setSourceFilter] = useState<EarningsSourceFilter>('ALL');\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  const requestContext = useMemo(\n    () => ({\n      apiGatewayUrl,\n      authToken,\n      orgId,\n    }),\n    [apiGatewayUrl, authToken, orgId]\n  );\n\n  const loadData = async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      if (developerOrgId) {\n        const loadedRevenue = await fetchDeveloperPortalRevenueDashboard(\n          developerOrgId,\n          requestContext\n        );\n        setDeveloperPortalRevenue(loadedRevenue);\n        setSummary(null);\n        setEntries([]);\n        return;\n      }\n\n      if (!billingAccountId) {\n        setSummary(null);\n        setEntries([]);\n        setDeveloperPortalRevenue(null);\n        return;\n      }\n\n      const [loadedSummary, loadedEntries] = await Promise.all([\n        fetchEarningsSummary(billingAccountId, requestContext),\n        fetchEarningsEntries(billingAccountId, requestContext),\n      ]);\n      setSummary(loadedSummary);\n      setEntries(loadedEntries);\n      setDeveloperPortalRevenue(null);\n    } catch (loadError) {\n      setError(loadError instanceof Error ? loadError : new Error('Failed to load earnings'));\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    void loadData();\n  }, [billingAccountId, developerOrgId, requestContext]);\n\n  if (!permissions.canViewBillingAccount) {\n    return <AccessDenied message=\"You don't have permission to view earnings.\" />;\n  }\n\n  if (!developerOrgId && !billingAccountId && !billingAccountLoading) {\n    return (\n      <EmptyState\n        icon={<Wallet className=\"size-8\" />}\n        title=\"No billing account found\"\n        description=\"Create a billing account first to view earnings.\"\n      />\n    );\n  }\n\n  if (error && isServerError(error)) {\n    return (\n      <ServerError\n        title=\"Earnings unavailable\"\n        message={error.message}\n        onRetry={() => void loadData()}\n        showRetry\n      />\n    );\n  }\n\n  const cards = summary\n    ? [\n        {\n          title: 'Available',\n          value: formatCurrency(summary.availableAmount, 'USD'),\n          icon: <HandCoins className=\"size-5\" />,\n        },\n        {\n          title: 'Reserved',\n          value: formatCurrency(summary.reservedAmount, 'USD'),\n          icon: <Coins className=\"size-5\" />,\n        },\n        {\n          title: 'Paid out',\n          value: formatCurrency(summary.paidAmount, 'USD'),\n          icon: <Wallet className=\"size-5\" />,\n        },\n        {\n          title: 'Lifetime',\n          value: formatCurrency(summary.totalLifetimeAmount, 'USD'),\n          icon: <RefreshCw className=\"size-5\" />,\n        },\n      ]\n    : [];\n\n  const filteredEntries =\n    sourceFilter === 'ALL'\n      ? entries\n      : entries.filter((entry) => entry.sourceCategory === sourceFilter);\n\n  const categoryCards =\n    summary?.categoryBreakdown?.map((item) => ({\n      title: `${item.category} earnings`,\n      value: formatCurrency(item.amount, 'USD'),\n      helperText: `${item.count} entries`,\n    })) ?? [];\n\n  const developerPortalCards = developerPortalRevenue?.summary\n    ? [\n        {\n          title: 'Gross revenue',\n          value: formatCurrency(developerPortalRevenue.summary.totalGrossRevenue, 'USD'),\n          icon: <HandCoins className=\"size-5\" />,\n        },\n        {\n          title: 'Net revenue',\n          value: formatCurrency(developerPortalRevenue.summary.totalNetRevenue, 'USD'),\n          icon: <Wallet className=\"size-5\" />,\n        },\n        {\n          title: 'Pending balance',\n          value: formatCurrency(developerPortalRevenue.summary.pendingBalance, 'USD'),\n          icon: <Coins className=\"size-5\" />,\n        },\n        {\n          title: 'Platform fees',\n          value: formatCurrency(developerPortalRevenue.summary.totalPlatformFees, 'USD'),\n          icon: <RefreshCw className=\"size-5\" />,\n        },\n      ]\n    : [];\n\n  const isDeveloperPortalMode = !!developerOrgId;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader\n        title={isDeveloperPortalMode ? 'Marketplace earnings' : 'Earnings'}\n        description={\n          isDeveloperPortalMode\n            ? `Developer portal revenue, sales, and payouts${developerOrgName ? ` for ${developerOrgName}` : ''}.`\n            : 'Track affiliate, store, and other earning sources in one ledger.'\n        }\n      />\n\n      {loading ? (\n        <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n          {[1, 2, 3, 4].map((item) => (\n            <div\n              key={item}\n              className=\"h-28 animate-pulse rounded-lg border border-border bg-card\"\n            />\n          ))}\n        </div>\n      ) : isDeveloperPortalMode ? (\n        developerPortalRevenue?.summary ? (\n          <div className=\"space-y-6\">\n            <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n              {developerPortalCards.map((card) => (\n                <StatCard key={card.title} label={card.title} value={card.value} icon={card.icon} />\n              ))}\n            </div>\n\n            <section className=\"rounded-lg border border-border bg-card p-4\">\n              <div className=\"mb-4 flex items-center justify-between\">\n                <h2 className=\"text-lg font-semibold text-foreground\">Recent sales</h2>\n                <button\n                  type=\"button\"\n                  onClick={() => void loadData()}\n                  className=\"inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground\"\n                >\n                  <RefreshCw className=\"size-4\" />\n                  Refresh\n                </button>\n              </div>\n\n              {developerPortalRevenue.sales.length === 0 ? (\n                <EmptyState\n                  icon={<Coins className=\"size-8\" />}\n                  title=\"No sales yet\"\n                  description=\"Sales will appear here when customers start purchasing your apps.\"\n                />\n              ) : (\n                <div className=\"overflow-x-auto\">\n                  <table className=\"min-w-full text-sm\">\n                    <thead>\n                      <tr className=\"border-b border-border text-left text-muted-foreground\">\n                        <th className=\"px-3 py-2\">Application</th>\n                        <th className=\"px-3 py-2\">Pricing</th>\n                        <th className=\"px-3 py-2\">Gross</th>\n                        <th className=\"px-3 py-2\">Net</th>\n                        <th className=\"px-3 py-2\">Status</th>\n                        <th className=\"px-3 py-2\">Purchased</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {developerPortalRevenue.sales.map((sale) => (\n                        <tr key={sale.id} className=\"border-b border-border/70 text-foreground\">\n                          <td className=\"px-3 py-2 font-medium\">\n                            {sale.application?.name || sale.application?.slug || 'Unknown app'}\n                          </td>\n                          <td className=\"px-3 py-2\">{sale.pricingModel}</td>\n                          <td className=\"px-3 py-2\">\n                            {formatCurrency(sale.grossAmount, sale.currency || 'USD')}\n                          </td>\n                          <td className=\"px-3 py-2\">\n                            {formatCurrency(sale.netAmount, sale.currency || 'USD')}\n                          </td>\n                          <td className=\"px-3 py-2\">{sale.status}</td>\n                          <td className=\"px-3 py-2\">{formatDateTime(sale.purchasedAt)}</td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              )}\n            </section>\n\n            <section className=\"rounded-lg border border-border bg-card p-4\">\n              <h2 className=\"mb-4 text-lg font-semibold text-foreground\">Payouts</h2>\n\n              {developerPortalRevenue.payouts.length === 0 ? (\n                <EmptyState\n                  icon={<Wallet className=\"size-8\" />}\n                  title=\"No payouts yet\"\n                  description=\"Scheduled and completed payouts will appear here.\"\n                />\n              ) : (\n                <div className=\"overflow-x-auto\">\n                  <table className=\"min-w-full text-sm\">\n                    <thead>\n                      <tr className=\"border-b border-border text-left text-muted-foreground\">\n                        <th className=\"px-3 py-2\">Period</th>\n                        <th className=\"px-3 py-2\">Amount</th>\n                        <th className=\"px-3 py-2\">Status</th>\n                        <th className=\"px-3 py-2\">Scheduled</th>\n                        <th className=\"px-3 py-2\">Completed</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {developerPortalRevenue.payouts.map((payout) => (\n                        <tr key={payout.id} className=\"border-b border-border/70 text-foreground\">\n                          <td className=\"px-3 py-2 font-medium\">{payout.periodLabel || '-'}</td>\n                          <td className=\"px-3 py-2\">\n                            {formatCurrency(payout.netAmount, payout.currency || 'USD')}\n                          </td>\n                          <td className=\"px-3 py-2\">{payout.status}</td>\n                          <td className=\"px-3 py-2\">\n                            {payout.scheduledAt ? formatDateTime(payout.scheduledAt) : '-'}\n                          </td>\n                          <td className=\"px-3 py-2\">\n                            {payout.completedAt ? formatDateTime(payout.completedAt) : '-'}\n                          </td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              )}\n            </section>\n          </div>\n        ) : (\n          <EmptyState\n            icon={<Coins className=\"size-8\" />}\n            title=\"No developer portal revenue yet\"\n            description=\"Marketplace revenue will appear here once your developer organization records sales.\"\n          />\n        )\n      ) : summary ? (\n        <div className=\"space-y-4\">\n          <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n            {cards.map((card) => (\n              <StatCard key={card.title} label={card.title} value={card.value} icon={card.icon} />\n            ))}\n          </div>\n          {categoryCards.length > 0 ? (\n            <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-3\">\n              {categoryCards.map((card) => (\n                <div key={card.title} className=\"rounded-lg border border-border bg-card p-4\">\n                  <p className=\"text-sm text-muted-foreground\">{card.title}</p>\n                  <p className=\"mt-2 text-xl font-semibold text-foreground\">{card.value}</p>\n                  <p className=\"mt-1 text-xs text-muted-foreground\">{card.helperText}</p>\n                </div>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n\n      {error && !isServerError(error) ? (\n        <div className=\"rounded-lg border border-border bg-card p-4 text-sm text-destructive\">\n          {error.message}\n        </div>\n      ) : null}\n\n      <section className=\"rounded-lg border border-border bg-card p-4\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-foreground\">Ledger</h2>\n          <div className=\"flex items-center gap-3\">\n            <select\n              value={sourceFilter}\n              onChange={(event) => setSourceFilter(event.target.value as EarningsSourceFilter)}\n              className=\"rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n            >\n              <option value=\"ALL\">All sources</option>\n              <option value=\"AFFILIATE\">Affiliate</option>\n              <option value=\"STORE\">Store</option>\n              <option value=\"OTHER\">Other</option>\n            </select>\n            <button\n              type=\"button\"\n              onClick={() => void loadData()}\n              className=\"inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground\"\n            >\n              <RefreshCw className=\"size-4\" />\n              Refresh\n            </button>\n          </div>\n        </div>\n\n        {filteredEntries.length === 0 && !loading ? (\n          <EmptyState\n            icon={<Coins className=\"size-8\" />}\n            title=\"No earnings yet\"\n            description=\"Eligible affiliate rewards and other earnings will appear here.\"\n          />\n        ) : (\n          <div className=\"overflow-x-auto\">\n            <table className=\"min-w-full text-sm\">\n              <thead>\n                <tr className=\"border-b border-border text-left text-muted-foreground\">\n                  <th className=\"px-3 py-2\">Category</th>\n                  <th className=\"px-3 py-2\">Description</th>\n                  <th className=\"px-3 py-2\">Unit</th>\n                  <th className=\"px-3 py-2\">Amount</th>\n                  <th className=\"px-3 py-2\">Status</th>\n                  <th className=\"px-3 py-2\">Created</th>\n                </tr>\n              </thead>\n              <tbody>\n                {filteredEntries.map((entry) => (\n                  <tr key={entry.id} className=\"border-b border-border/70 text-foreground\">\n                    <td className=\"px-3 py-2 font-medium\">{entry.sourceCategory}</td>\n                    <td className=\"px-3 py-2\">\n                      {entry.description || entry.sourceSubcategory || '-'}\n                    </td>\n                    <td className=\"px-3 py-2\">{entry.unitType}</td>\n                    <td className=\"px-3 py-2\">\n                      {entry.unitType === 'CREDITS'\n                        ? `${entry.amount.toLocaleString()} credits`\n                        : formatCurrency(entry.amount, entry.currency || 'USD')}\n                    </td>\n                    <td className=\"px-3 py-2\">{entry.status}</td>\n                    <td className=\"px-3 py-2\">{formatDateTime(entry.createdAt)}</td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        )}\n      </section>\n    </div>\n  );\n};\n"],"mappings":"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"}