npm - @burdenoff/microfe-billing - Versions diffs - 2026.1013.3 → 2026.1014.1 - Mend

@burdenoff/microfe-billing 2026.1013.3 → 2026.1014.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (62) hide show

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

	@@ -1 +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 { PagePurpose, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { nativeImpact, nativeNotify } from '../../../../utils/nativeBridge';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype DiscountType = 'PERCENTAGE' \| 'FIXED';\n\ninterface BillingDiscount {\n id: string;\n code: string;\n type: DiscountType;\n value: number;\n currency: string \| null;\n maxUses: number \| null;\n usedCount: number;\n validFrom: string \| null;\n validUntil: string \| null;\n metadata: Record<string, unknown> \| null;\n context: Record<string, unknown> \| null;\n createdAt: string;\n updatedAt: string;\n}\n\ninterface CreateDiscountForm {\n code: string;\n type: DiscountType;\n value: string;\n currency: string;\n maxUses: string;\n validFrom: string;\n validUntil: string;\n}\n\ninterface EditDiscountForm {\n maxUses: string;\n validUntil: string;\n}\n\ntype ModalState =\n \| { kind: 'closed' }\n \| { kind: 'create' }\n \| { kind: 'edit'; discount: BillingDiscount }\n \| { kind: 'delete'; discount: BillingDiscount };\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction isExpired(discount: BillingDiscount): boolean {\n if (!discount.validUntil) return false;\n return new Date(discount.validUntil) < new Date();\n}\n\nfunction formatDiscountValue(discount: BillingDiscount): string {\n if (discount.type === 'PERCENTAGE') {\n return `${discount.value}%`;\n }\n return formatCurrency(discount.value, discount.currency ?? 'USD');\n}\n\nconst INITIAL_CREATE_FORM: CreateDiscountForm = {\n code: '',\n type: 'PERCENTAGE',\n value: '',\n currency: 'USD',\n maxUses: '',\n validFrom: '',\n validUntil: '',\n};\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const DiscountsListPage: FC = () => {\n const { t } = useI18n();\n const tr = (key: string, fallback: string): string => {\n const translated = t(key);\n return translated === key ? fallback : translated;\n };\n const permissions = useBillingPermissions();\n\n const { data, loading, error, refetch } = useGetDiscountsQuery();\n\n const [createDiscount, { loading: isCreating }] = useCreateDiscountMutation();\n const [updateDiscount, { loading: isUpdating }] = useUpdateDiscountMutation();\n const [deleteDiscount, { loading: isDeleting }] = useDeleteDiscountMutation();\n\n const [searchQuery, setSearchQuery] = useState('');\n const [modal, setModal] = useState<ModalState>({ kind: 'closed' });\n const [createForm, setCreateForm] = useState<CreateDiscountForm>(INITIAL_CREATE_FORM);\n const [editForm, setEditForm] = useState<EditDiscountForm>({ maxUses: '', validUntil: '' });\n const [mutationError, setMutationError] = useState<string \| null>(null);\n const [selectedDiscountIds, setSelectedDiscountIds] = useState<Set<string>>(new Set());\n const [showBulkDeleteConfirm, setShowBulkDeleteConfirm] = useState(false);\n\n const discounts: BillingDiscount[] = (data?.getDiscounts ?? []) as BillingDiscount[];\n\n // Filtered discounts\n const filteredDiscounts = discounts.filter((discount: BillingDiscount) => {\n if (!searchQuery) return true;\n return discount.code.toLowerCase().includes(searchQuery.toLowerCase());\n });\n\n const selectedDiscounts = useMemo(\n () => filteredDiscounts.filter((discount) => selectedDiscountIds.has(discount.id)),\n [filteredDiscounts, selectedDiscountIds]\n );\n\n const allVisibleSelected =\n filteredDiscounts.length > 0 &&\n filteredDiscounts.every((discount) => selectedDiscountIds.has(discount.id));\n const partiallySelected =\n filteredDiscounts.some((discount) => selectedDiscountIds.has(discount.id)) &&\n !allVisibleSelected;\n\n // Permission check\n if (!permissions.canManageDiscounts) {\n return <AccessDenied message=\"You don't have permission to manage discount codes.\" />;\n }\n\n // Summary stats\n const totalDiscounts = discounts.length;\n const activeDiscounts = discounts.filter((d: BillingDiscount) => !isExpired(d)).length;\n const expiredDiscounts = discounts.filter((d: BillingDiscount) => isExpired(d)).length;\n\n // ── Modal handlers ──────────────────────────────────────────────────\n\n const openCreateModal = () => {\n setCreateForm(INITIAL_CREATE_FORM);\n setMutationError(null);\n setModal({ kind: 'create' });\n };\n\n const openEditModal = (discount: BillingDiscount) => {\n setEditForm({\n maxUses: discount.maxUses != null ? String(discount.maxUses) : '',\n validUntil: discount.validUntil\n ? new Date(discount.validUntil).toISOString().slice(0, 16)\n : '',\n });\n setMutationError(null);\n setModal({ kind: 'edit', discount });\n };\n\n const openDeleteModal = (discount: BillingDiscount) => {\n setMutationError(null);\n setModal({ kind: 'delete', discount });\n };\n\n const closeModal = () => {\n setModal({ kind: 'closed' });\n setMutationError(null);\n };\n\n // ── Mutation handlers ───────────────────────────────────────────────\n\n const handleCreate = async (e: FormEvent) => {\n e.preventDefault();\n setMutationError(null);\n\n if (!createForm.code.trim()) {\n setMutationError('Discount code is required.');\n return;\n }\n\n const valueNum = Number(createForm.value);\n if (Number.isNaN(valueNum) \|\| valueNum <= 0) {\n setMutationError('Value must be a positive number.');\n return;\n }\n\n if (createForm.type === 'PERCENTAGE' && valueNum > 100) {\n setMutationError('Percentage value cannot exceed 100.');\n return;\n }\n\n try {\n await createDiscount({\n variables: {\n code: createForm.code.trim().toUpperCase(),\n type: createForm.type,\n value: valueNum,\n currency: createForm.type === 'FIXED' ? createForm.currency : null,\n maxUses: createForm.maxUses ? Number(createForm.maxUses) : null,\n validFrom: createForm.validFrom ? new Date(createForm.validFrom).toISOString() : null,\n validUntil: createForm.validUntil ? new Date(createForm.validUntil).toISOString() : null,\n },\n });\n await refetch();\n closeModal();\n } catch (err) {\n setMutationError(err instanceof Error ? err.message : 'Failed to create discount.');\n }\n };\n\n const handleUpdate = async (e: FormEvent) => {\n e.preventDefault();\n if (modal.kind !== 'edit') return;\n setMutationError(null);\n\n try {\n await updateDiscount({\n variables: {\n id: modal.discount.id,\n maxUses: editForm.maxUses ? Number(editForm.maxUses) : null,\n validUntil: editForm.validUntil ? new Date(editForm.validUntil).toISOString() : null,\n },\n });\n await refetch();\n closeModal();\n } catch (err) {\n setMutationError(err instanceof Error ? err.message : 'Failed to update discount.');\n }\n };\n\n const handleDelete = async () => {\n if (modal.kind !== 'delete') return;\n setMutationError(null);\n void nativeImpact('medium');\n\n try {\n await deleteDiscount({ variables: { id: modal.discount.id } });\n void nativeNotify('success');\n await refetch();\n closeModal();\n } catch (err) {\n void nativeNotify('error');\n setMutationError(err instanceof Error ? err.message : 'Failed to delete discount.');\n }\n };\n\n const handleBulkDelete = async () => {\n if (selectedDiscounts.length === 0) return;\n\n setMutationError(null);\n setShowBulkDeleteConfirm(false);\n await Promise.allSettled(\n selectedDiscounts.map((discount) => deleteDiscount({ variables: { id: discount.id } }))\n );\n await refetch();\n setSelectedDiscountIds(new Set());\n };\n\n const toggleDiscountSelection = (discountId: string, checked: boolean) => {\n setSelectedDiscountIds((prev) => {\n const next = new Set(prev);\n if (checked) {\n next.add(discountId);\n } else {\n next.delete(discountId);\n }\n return next;\n });\n setShowBulkDeleteConfirm(false);\n };\n\n const toggleAllDiscounts = (checked: boolean) => {\n setSelectedDiscountIds((prev) => {\n const next = new Set(prev);\n filteredDiscounts.forEach((discount) => {\n if (checked) {\n next.add(discount.id);\n } else {\n next.delete(discount.id);\n }\n });\n return next;\n });\n setShowBulkDeleteConfirm(false);\n };\n\n // ── Loading state ───────────────────────────────────────────────────\n\n if (loading && discounts.length === 0) {\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"h-8 w-48 bg-bg-sunken animate-pulse rounded\" />\n <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n {[1, 2, 3].map((i) => (\n <div key={i} className=\"border border-border-subtle rounded-lg p-4 space-y-2\">\n <div className=\"h-4 w-24 bg-bg-sunken animate-pulse rounded\" />\n <div className=\"h-6 w-16 bg-bg-sunken animate-pulse rounded\" />\n </div>\n ))}\n </div>\n <div className=\"space-y-3\">\n {[1, 2, 3, 4, 5].map((i) => (\n <div key={i} className=\"border border-border-subtle rounded-lg p-4\">\n <div className=\"flex items-center gap-4\">\n <div className=\"size-10 bg-bg-sunken animate-pulse rounded\" />\n <div className=\"flex-1 space-y-2\">\n <div className=\"h-4 w-32 bg-bg-sunken animate-pulse rounded\" />\n <div className=\"h-3 w-48 bg-bg-sunken animate-pulse rounded\" />\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n );\n }\n\n // ── Error state ─────────────────────────────────────────────────────\n\n if (error) {\n return (\n <div className=\"flex items-center justify-center h-full min-h-[400px]\">\n <div className=\"text-center space-y-4\">\n <div className=\"size-12 mx-auto rounded-full bg-status-error-bg-subtle flex items-center justify-center\">\n <svg\n className=\"size-6 text-status-error-text\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n />\n </svg>\n </div>\n <h2 className=\"text-lg font-semibold text-text-primary\">Failed to load discounts</h2>\n <p className=\"text-sm text-text-muted\">{error.message}</p>\n <button\n type=\"button\"\n onClick={() => refetch()}\n className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors\"\n >\n Try Again\n </button>\n </div>\n </div>\n );\n }\n\n // ── Main render ─────────────────────────────────────────────────────\n\n return (\n <div className=\"space-y-6 p-6\">\n {/ Header /}\n <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n <div>\n <h1 className=\"text-2xl md:text-3xl font-semibold tracking-tight text-text-primary\">\n Discount Codes\n </h1>\n <p className=\"text-sm text-text-secondary mt-1\">\n Create, view, and manage discount codes for billing\n </p>\n <PagePurpose className=\"mt-3\">\n Discount codes reduce the price of a purchase at checkout. Create codes here, set how\n much they take off and any limits, and manage which ones are active — separate from\n time-bounded promotions and customer-facing coupons.\n </PagePurpose>\n </div>\n <button\n type=\"button\"\n onClick={openCreateModal}\n className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n <svg className=\"size-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n </svg>\n Create Discount\n </button>\n </div>\n\n {/ Summary Cards /}\n <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n <div className=\"rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]\">\n <p className=\"text-sm text-text-secondary\">Total Discounts</p>\n <p className=\"text-2xl font-semibold text-text-primary tabular-nums mt-1\">\n {totalDiscounts}\n </p>\n </div>\n <div className=\"rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]\">\n <p className=\"text-sm text-text-secondary\">Active</p>\n <p className=\"text-2xl font-semibold text-status-success-text tabular-nums mt-1\">\n {activeDiscounts}\n </p>\n </div>\n <div className=\"rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]\">\n <p className=\"text-sm text-text-secondary\">Expired</p>\n <p className=\"text-2xl font-semibold text-status-warning-text tabular-nums mt-1\">\n {expiredDiscounts}\n </p>\n </div>\n </div>\n\n {/ Search /}\n <div className=\"flex flex-col sm:flex-row flex-wrap items-stretch sm:items-center gap-3 sm:gap-4 pb-4 border-b border-border-subtle\">\n <div className=\"relative flex-1 min-w-0 w-full sm:max-w-md\">\n <svg\n className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n />\n </svg>\n <input\n type=\"text\"\n placeholder=\"Search by discount code...\"\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n className=\"w-full pl-[3.25rem] pr-4 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n </div>\n </div>\n\n {filteredDiscounts.length > 0 && (\n <div className=\"flex flex-col gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n <input\n type=\"checkbox\"\n checked={allVisibleSelected}\n ref={(input) => {\n if (input) {\n input.indeterminate = partiallySelected && !allVisibleSelected;\n }\n }}\n onChange={(event) => toggleAllDiscounts(event.target.checked)}\n aria-label=\"Select all discounts\"\n className=\"size-4 rounded border-border-subtle text-text-link\"\n />\n <span>Select all visible</span>\n </label>\n\n <div className=\"flex items-center gap-2\">\n <span className=\"text-sm text-text-muted\">{selectedDiscountIds.size} selected</span>\n {selectedDiscountIds.size > 0 && (\n <button\n type=\"button\"\n onClick={() => {\n setSelectedDiscountIds(new Set());\n setShowBulkDeleteConfirm(false);\n }}\n className=\"text-sm text-text-muted hover:text-text-primary\"\n >\n Clear selection\n </button>\n )}\n <button\n type=\"button\"\n onClick={() => setShowBulkDeleteConfirm(true)}\n disabled={selectedDiscounts.length === 0 \|\| isDeleting}\n className=\"inline-flex items-center gap-2 px-3 py-2 text-sm font-medium border border-status-error-border text-status-error-text rounded-md hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50\"\n >\n Delete Selected{selectedDiscounts.length > 0 ? ` (${selectedDiscounts.length})` : ''}\n </button>\n </div>\n </div>\n )}\n\n {showBulkDeleteConfirm && selectedDiscounts.length > 0 && (\n <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4\">\n <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n <div>\n <p className=\"text-sm font-medium text-text-primary\">\n Delete {selectedDiscounts.length} selected discount\n {selectedDiscounts.length === 1 ? '' : 's'}?\n </p>\n <p className=\"text-sm text-text-muted\">This action cannot be undone.</p>\n </div>\n <div className=\"flex items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => setShowBulkDeleteConfirm(false)}\n className=\"px-3 py-2 text-sm font-medium text-text-muted hover:text-text-primary\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={handleBulkDelete}\n disabled={isDeleting}\n className=\"inline-flex items-center gap-2 rounded-button bg-action-danger-bg px-3 py-2 text-sm font-medium text-action-danger-text hover:bg-action-danger-bgHover disabled:opacity-50\"\n >\n Confirm Delete\n </button>\n </div>\n </div>\n </div>\n )}\n\n {/ Discounts Table /}\n {filteredDiscounts.length === 0 ? (\n <IllustratedEmptyState\n illustration={searchQuery ? 'empty-search' : 'empty-data'}\n title=\"No discount codes found\"\n description={\n searchQuery\n ? 'No discount codes match your search.'\n : 'Create your first discount code to get started.'\n }\n action={\n !searchQuery ? (\n <button\n type=\"button\"\n onClick={openCreateModal}\n className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors\"\n >\n Create your first discount\n </button>\n ) : undefined\n }\n />\n ) : (\n <div className=\"border border-border-seam rounded-card overflow-hidden shadow-[var(--shadow-elevation-1)]\">\n <div className=\"overflow-x-auto\">\n <table className=\"w-full\">\n <thead className=\"sticky top-0 z-10 bg-bg-sunken border-b border-border-subtle\">\n <tr>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted w-12\">\n <input\n type=\"checkbox\"\n checked={allVisibleSelected}\n ref={(input) => {\n if (input) {\n input.indeterminate = partiallySelected && !allVisibleSelected;\n }\n }}\n onChange={(event) => toggleAllDiscounts(event.target.checked)}\n aria-label=\"Select all discounts\"\n className=\"size-4 rounded border-border-subtle text-action-primary-bg focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n />\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n Code\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n Type\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n Value\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted hidden md:table-cell\">\n Uses\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted hidden lg:table-cell\">\n Valid From\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted hidden sm:table-cell\">\n Valid Until\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n Status\n </th>\n <th className=\"text-right px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n Actions\n </th>\n </tr>\n </thead>\n <tbody className=\"divide-y divide-border-subtle\">\n {filteredDiscounts.map((discount: BillingDiscount) => (\n <DiscountRow\n key={discount.id}\n discount={discount}\n selected={selectedDiscountIds.has(discount.id)}\n onToggleSelect={toggleDiscountSelection}\n onEdit={openEditModal}\n onDelete={openDeleteModal}\n />\n ))}\n </tbody>\n </table>\n </div>\n </div>\n )}\n\n {/ Create Modal /}\n {modal.kind === 'create' && (\n <ModalOverlay onClose={closeModal}>\n <form onSubmit={handleCreate} className=\"space-y-4\">\n <div className=\"flex items-center justify-between mb-2\">\n <h2 className=\"text-lg font-semibold text-text-primary\">\n {tr('billing.discounts.createDiscountCode', 'Create Discount Code')}\n </h2>\n <button\n type=\"button\"\n onClick={closeModal}\n className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n >\n <svg\n className=\"size-5 text-text-muted\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M6 18L18 6M6 6l12 12\"\n />\n </svg>\n </button>\n </div>\n\n {mutationError && (\n <div className=\"p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md\">\n {mutationError}\n </div>\n )}\n\n {/ Code /}\n <div>\n <label\n htmlFor=\"create-code\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.code', 'Code')}{' '}\n <span className=\"text-status-error-text\"></span>\n </label>\n <input\n id=\"create-code\"\n type=\"text\"\n required\n value={createForm.code}\n onChange={(e) => setCreateForm((prev) => ({ ...prev, code: e.target.value }))}\n placeholder={tr('billing.discounts.codePlaceholder', 'e.g. SUMMER25')}\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent uppercase\"\n />\n </div>\n\n {/* Type + Value row /}\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label\n htmlFor=\"create-type\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.type', 'Type')}{' '}\n <span className=\"text-status-error-text\"></span>\n </label>\n <select\n id=\"create-type\"\n value={createForm.type}\n onChange={(e) =>\n setCreateForm((prev) => ({\n ...prev,\n type: e.target.value as DiscountType,\n }))\n }\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n >\n <option value=\"PERCENTAGE\">\n {tr('billing.discounts.typePercentage', 'Percentage')}\n </option>\n <option value=\"FIXED\">\n {tr('billing.discounts.typeFixedAmount', 'Fixed Amount')}\n </option>\n </select>\n </div>\n <div>\n <label\n htmlFor=\"create-value\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.value', 'Value')}{' '}\n <span className=\"text-status-error-text\"></span>\n </label>\n <div className=\"relative\">\n <input\n id=\"create-value\"\n type=\"number\"\n required\n min=\"0.01\"\n max={createForm.type === 'PERCENTAGE' ? '100' : undefined}\n step=\"0.01\"\n value={createForm.value}\n onChange={(e) => setCreateForm((prev) => ({ ...prev, value: e.target.value }))}\n placeholder={createForm.type === 'PERCENTAGE' ? '10' : '25.00'}\n className=\"w-full px-3 py-2 pr-8 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-sm text-text-muted\">\n {createForm.type === 'PERCENTAGE' ? '%' : createForm.currency}\n </span>\n </div>\n </div>\n </div>\n\n {/ Currency (only for FIXED) /}\n {createForm.type === 'FIXED' && (\n <div>\n <label\n htmlFor=\"create-currency\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.currency', 'Currency')}\n </label>\n <select\n id=\"create-currency\"\n value={createForm.currency}\n onChange={(e) => setCreateForm((prev) => ({ ...prev, currency: e.target.value }))}\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n >\n <option value=\"USD\">USD</option>\n <option value=\"EUR\">EUR</option>\n <option value=\"GBP\">GBP</option>\n <option value=\"INR\">INR</option>\n <option value=\"CAD\">CAD</option>\n <option value=\"AUD\">AUD</option>\n </select>\n </div>\n )}\n\n {/ Max Uses /}\n <div>\n <label\n htmlFor=\"create-max-uses\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.maxUses', 'Max Uses')}\n </label>\n <input\n id=\"create-max-uses\"\n type=\"number\"\n min=\"1\"\n step=\"1\"\n value={createForm.maxUses}\n onChange={(e) => setCreateForm((prev) => ({ ...prev, maxUses: e.target.value }))}\n placeholder={tr('billing.discounts.unlimited', 'Unlimited')}\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n <p className=\"text-xs text-text-muted mt-1\">\n {tr('billing.discounts.unlimitedHelp', 'Leave empty for unlimited uses.')}\n </p>\n </div>\n\n {/ Valid From / Valid Until row /}\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label\n htmlFor=\"create-valid-from\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.validFrom', 'Valid From')}\n </label>\n <input\n id=\"create-valid-from\"\n type=\"datetime-local\"\n value={createForm.validFrom}\n onChange={(e) =>\n setCreateForm((prev) => ({ ...prev, validFrom: e.target.value }))\n }\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n </div>\n <div>\n <label\n htmlFor=\"create-valid-until\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.validUntil', 'Valid Until')}\n </label>\n <input\n id=\"create-valid-until\"\n type=\"datetime-local\"\n value={createForm.validUntil}\n onChange={(e) =>\n setCreateForm((prev) => ({ ...prev, validUntil: e.target.value }))\n }\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n </div>\n </div>\n\n {/ Actions /}\n <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border-subtle\">\n <button\n type=\"button\"\n onClick={closeModal}\n className=\"px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors\"\n >\n {tr('billing.discounts.cancel', 'Cancel')}\n </button>\n <button\n type=\"submit\"\n disabled={isCreating}\n className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {isCreating\n ? tr('billing.discounts.creating', 'Creating...')\n : tr('billing.discounts.createDiscount', 'Create Discount')}\n </button>\n </div>\n </form>\n </ModalOverlay>\n )}\n\n {/ Edit Modal /}\n {modal.kind === 'edit' && (\n <ModalOverlay onClose={closeModal}>\n <form onSubmit={handleUpdate} className=\"space-y-4\">\n <div className=\"flex items-center justify-between mb-2\">\n <h2 className=\"text-lg font-semibold text-text-primary\">Edit Discount</h2>\n <button\n type=\"button\"\n onClick={closeModal}\n className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n >\n <svg\n className=\"size-5 text-text-muted\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M6 18L18 6M6 6l12 12\"\n />\n </svg>\n </button>\n </div>\n\n {mutationError && (\n <div className=\"p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md\">\n {mutationError}\n </div>\n )}\n\n {/ Read-only info /}\n <div className=\"p-3 bg-bg-sunken/50 border border-border-subtle rounded-md space-y-1\">\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-text-muted\">Code</span>\n <span className=\"font-mono font-medium text-text-primary\">\n {modal.discount.code}\n </span>\n </div>\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-text-muted\">Type</span>\n <span className=\"text-text-primary\">\n {modal.discount.type === 'PERCENTAGE' ? 'Percentage' : 'Fixed Amount'}\n </span>\n </div>\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-text-muted\">Value</span>\n <span className=\"text-text-primary\">{formatDiscountValue(modal.discount)}</span>\n </div>\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-text-muted\">Used</span>\n <span className=\"text-text-primary\">{modal.discount.usedCount} times</span>\n </div>\n </div>\n\n {/ Editable: Max Uses /}\n <div>\n <label\n htmlFor=\"edit-max-uses\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n Max Uses\n </label>\n <input\n id=\"edit-max-uses\"\n type=\"number\"\n min=\"1\"\n step=\"1\"\n value={editForm.maxUses}\n onChange={(e) => setEditForm((prev) => ({ ...prev, maxUses: e.target.value }))}\n placeholder=\"Unlimited\"\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n <p className=\"text-xs text-text-muted mt-1\">Leave empty for unlimited uses.</p>\n </div>\n\n {/ Editable: Valid Until /}\n <div>\n <label\n htmlFor=\"edit-valid-until\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n Valid Until\n </label>\n <input\n id=\"edit-valid-until\"\n type=\"datetime-local\"\n value={editForm.validUntil}\n onChange={(e) => setEditForm((prev) => ({ ...prev, validUntil: e.target.value }))}\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n </div>\n\n {/ Actions /}\n <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border-subtle\">\n <button\n type=\"button\"\n onClick={closeModal}\n className=\"px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors\"\n >\n Cancel\n </button>\n <button\n type=\"submit\"\n disabled={isUpdating}\n className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {isUpdating ? 'Saving...' : 'Save Changes'}\n </button>\n </div>\n </form>\n </ModalOverlay>\n )}\n\n {/ Delete Confirmation Modal /}\n {modal.kind === 'delete' && (\n <ModalOverlay onClose={closeModal}>\n <div className=\"space-y-4\">\n <div className=\"flex items-center justify-between mb-2\">\n <h2 className=\"text-lg font-semibold text-text-primary\">Delete Discount</h2>\n <button\n type=\"button\"\n onClick={closeModal}\n className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n >\n <svg\n className=\"size-5 text-text-muted\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M6 18L18 6M6 6l12 12\"\n />\n </svg>\n </button>\n </div>\n\n {mutationError && (\n <div className=\"p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md\">\n {mutationError}\n </div>\n )}\n\n <div className=\"flex items-start gap-3\">\n <div className=\"size-10 rounded-full bg-status-error-bg-subtle flex items-center justify-center shrink-0\">\n <svg\n className=\"size-5 text-status-error-text\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n />\n </svg>\n </div>\n <div>\n <p className=\"text-sm text-text-primary\">\n Are you sure you want to delete the discount code{' '}\n <span className=\"font-mono font-semibold\">{modal.discount.code}</span>?\n </p>\n <p className=\"text-sm text-text-muted mt-1\">\n This action cannot be undone. The discount has been used{' '}\n <span className=\"font-medium\">{modal.discount.usedCount}</span> time\n {modal.discount.usedCount !== 1 ? 's' : ''}.\n </p>\n </div>\n </div>\n\n <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border-subtle\">\n <button\n type=\"button\"\n onClick={closeModal}\n className=\"px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={handleDelete}\n disabled={isDeleting}\n className=\"px-4 py-2 text-sm font-medium bg-action-danger-bg text-action-danger-text rounded-button hover:bg-action-danger-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {isDeleting ? 'Deleting...' : 'Delete Discount'}\n </button>\n </div>\n </div>\n </ModalOverlay>\n )}\n </div>\n );\n};\n\n// ============================================================================\n// Discount Row Component\n// ============================================================================\n\ninterface DiscountRowProps {\n discount: BillingDiscount;\n selected: boolean;\n onToggleSelect: (discountId: string, checked: boolean) => void;\n onEdit: (discount: BillingDiscount) => void;\n onDelete: (discount: BillingDiscount) => void;\n}\n\nconst DiscountRow: FC<DiscountRowProps> = ({\n discount,\n selected,\n onToggleSelect,\n onEdit,\n onDelete,\n}) => {\n const expired = isExpired(discount);\n\n return (\n <tr className={`hover:bg-bg-sunken/30 transition-colors ${selected ? 'bg-bg-sunken/20' : ''}`}>\n <td className=\"p-4\">\n <input\n type=\"checkbox\"\n checked={selected}\n onChange={(event) => onToggleSelect(discount.id, event.target.checked)}\n aria-label={`Select discount ${discount.code}`}\n className=\"size-4 rounded border-border-subtle text-text-link\"\n />\n </td>\n {/ Code /}\n <td className=\"p-4\">\n <span className=\"font-mono font-medium text-text-primary\">{discount.code}</span>\n </td>\n\n {/ Type /}\n <td className=\"p-4\">\n <span className=\"text-sm text-text-muted\">\n {discount.type === 'PERCENTAGE' ? 'Percentage' : 'Fixed'}\n </span>\n </td>\n\n {/ Value /}\n <td className=\"p-4\">\n <span className=\"text-sm font-medium text-text-primary\">\n {formatDiscountValue(discount)}\n </span>\n </td>\n\n {/ Uses /}\n <td className=\"p-4 hidden md:table-cell\">\n <span className=\"text-sm text-text-muted\">\n {discount.usedCount}\n {discount.maxUses != null ? ` / ${discount.maxUses}` : ' / \\u221E'}\n </span>\n </td>\n\n {/ Valid From /}\n <td className=\"p-4 text-sm text-text-muted hidden lg:table-cell\">\n {discount.validFrom ? formatDate(discount.validFrom, 'short') : '\\u2014'}\n </td>\n\n {/ Valid Until /}\n <td className=\"p-4 text-sm text-text-muted hidden sm:table-cell\">\n {discount.validUntil ? formatDate(discount.validUntil, 'short') : '\\u2014'}\n </td>\n\n {/ Status /}\n <td className=\"p-4\">\n {expired ? (\n <span className=\"inline-flex px-2 py-1 text-xs font-medium rounded bg-status-warning-bg-subtle text-status-warning-text\">\n Expired\n </span>\n ) : (\n <span className=\"inline-flex px-2 py-1 text-xs font-medium rounded bg-status-success-bg-subtle text-status-success-text\">\n Active\n </span>\n )}\n </td>\n\n {/ Actions /}\n <td className=\"p-4 text-right\">\n <div className=\"flex items-center justify-end gap-2\">\n <button\n type=\"button\"\n onClick={() => onEdit(discount)}\n className=\"px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-sunken rounded-button transition-colors\"\n title=\"Edit discount\"\n >\n {/ Pencil icon /}\n <svg className=\"size-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n />\n </svg>\n </button>\n <button\n type=\"button\"\n onClick={() => onDelete(discount)}\n className=\"px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle rounded-md transition-colors\"\n title=\"Delete discount\"\n >\n {/ Trash icon /}\n <svg className=\"size-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n />\n </svg>\n </button>\n </div>\n </td>\n </tr>\n );\n};\n\n// ============================================================================\n// Modal Overlay Component\n// ============================================================================\n\ninterface ModalOverlayProps {\n onClose: () => void;\n children: React.ReactNode;\n}\n\nconst ModalOverlay: FC<ModalOverlayProps> = ({ onClose, children }) => {\n return (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n {/ Backdrop /}\n <div className=\"absolute inset-0 bg-bg-overlay\" onClick={onClose} />\n\n {/ Dialog */}\n <div className=\"relative w-full max-w-lg max-h-[85vh] overflow-y-auto bg-bg-elevated border border-border-seam rounded-card shadow-[var(--shadow-elevation-4)] p-6 mx-4\">\n {children}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;AAkEA,SAAS,EAAU,GAAoC;CAErD,OADK,EAAS,aACP,IAAI,KAAK,EAAS,UAAU,oBAAI,IAAI,KAAK,IADf;AAEnC;AAEA,SAAS,EAAoB,GAAmC;CAI9D,OAHI,EAAS,SAAS,eACb,GAAG,EAAS,MAAM,KAEpB,EAAe,EAAS,OAAO,EAAS,YAAY,KAAK;AAClE;AAEA,IAAM,IAA0C;CAC9C,MAAM;CACN,MAAM;CACN,OAAO;CACP,UAAU;CACV,SAAS;CACT,WAAW;CACX,YAAY;AACd,GAMa,UAA8B;CACzC,IAAM,EAAE,MAAM,GAAQ,GAChB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAa,EAAE,CAAG;EACxB,OAAO,MAAe,IAAM,IAAW;CACzC,GACM,IAAc,EAAsB,GAEpC,EAAE,SAAM,YAAS,UAAO,eAAY,EAAqB,GAEzD,CAAC,GAAgB,EAAE,SAAS,OAAgB,EAA0B,GACtE,CAAC,GAAgB,EAAE,SAAS,OAAgB,GAA0B,GACtE,CAAC,GAAgB,EAAE,SAAS,OAAgB,EAA0B,GAEtE,CAAC,GAAa,MAAkB,EAAS,EAAE,GAC3C,CAAC,GAAO,KAAY,EAAqB,EAAE,MAAM,SAAS,CAAC,GAC3D,CAAC,GAAY,KAAiB,EAA6B,CAAmB,GAC9E,CAAC,GAAU,KAAe,EAA2B;EAAE,SAAS;EAAI,YAAY;CAAG,CAAC,GACpF,CAAC,GAAe,KAAoB,EAAwB,IAAI,GAChE,CAAC,GAAqB,KAA0B,kBAAsB,IAAI,IAAI,CAAC,GAC/E,CAAC,GAAuB,KAA4B,EAAS,EAAK,GAElE,IAAgC,GAAM,gBAAgB,CAAC,GAGvD,IAAoB,EAAU,QAAQ,MACrC,IACE,EAAS,KAAK,YAAY,EAAE,SAAS,EAAY,YAAY,CAAC,IAD5C,EAE1B,GAEK,IAAoB,QAClB,EAAkB,QAAQ,MAAa,EAAoB,IAAI,EAAS,EAAE,CAAC,GACjF,CAAC,GAAmB,CAAmB,CACzC,GAEM,IACJ,EAAkB,SAAS,KAC3B,EAAkB,OAAO,MAAa,EAAoB,IAAI,EAAS,EAAE,CAAC,GACtE,IACJ,EAAkB,MAAM,MAAa,EAAoB,IAAI,EAAS,EAAE,CAAC,KACzE,CAAC;CAGH,IAAI,CAAC,EAAY,oBACf,OAAO,kBAAC,GAAD,EAAc,SAAQ,sDAAuD,CAAA;CAItF,IAAM,IAAiB,EAAU,QAC3B,IAAkB,EAAU,QAAQ,MAAuB,CAAC,EAAU,CAAC,CAAC,EAAE,QAC1E,KAAmB,EAAU,QAAQ,MAAuB,EAAU,CAAC,CAAC,EAAE,QAI1E,UAAwB;EAG5B,AAFA,EAAc,CAAmB,GACjC,EAAiB,IAAI,GACrB,EAAS,EAAE,MAAM,SAAS,CAAC;CAC7B,GAEM,MAAiB,MAA8B;EAQnD,AAPA,EAAY;GACV,SAAS,EAAS,WAAW,OAAkC,KAA3B,OAAO,EAAS,OAAO;GAC3D,YAAY,EAAS,aACjB,IAAI,KAAK,EAAS,UAAU,EAAE,YAAY,EAAE,MAAM,GAAG,EAAE,IACvD;EACN,CAAC,GACD,EAAiB,IAAI,GACrB,EAAS;GAAE,MAAM;GAAQ;EAAS,CAAC;CACrC,GAEM,MAAmB,MAA8B;EAErD,AADA,EAAiB,IAAI,GACrB,EAAS;GAAE,MAAM;GAAU;EAAS,CAAC;CACvC,GAEM,UAAmB;EAEvB,AADA,EAAS,EAAE,MAAM,SAAS,CAAC,GAC3B,EAAiB,IAAI;CACvB,GAIM,KAAe,OAAO,MAAiB;EAI3C,IAHA,EAAE,eAAe,GACjB,EAAiB,IAAI,GAEjB,CAAC,EAAW,KAAK,KAAK,GAAG;GAC3B,EAAiB,4BAA4B;GAC7C;EACF;EAEA,IAAM,IAAW,OAAO,EAAW,KAAK;EACxC,IAAI,OAAO,MAAM,CAAQ,KAAK,KAAY,GAAG;GAC3C,EAAiB,kCAAkC;GACnD;EACF;EAEA,IAAI,EAAW,SAAS,gBAAgB,IAAW,KAAK;GACtD,EAAiB,qCAAqC;GACtD;EACF;EAEA,IAAI;GAaF,AAZA,MAAM,EAAe,EACnB,WAAW;IACT,MAAM,EAAW,KAAK,KAAK,EAAE,YAAY;IACzC,MAAM,EAAW;IACjB,OAAO;IACP,UAAU,EAAW,SAAS,UAAU,EAAW,WAAW;IAC9D,SAAS,EAAW,UAAU,OAAO,EAAW,OAAO,IAAI;IAC3D,WAAW,EAAW,YAAY,IAAI,KAAK,EAAW,SAAS,EAAE,YAAY,IAAI;IACjF,YAAY,EAAW,aAAa,IAAI,KAAK,EAAW,UAAU,EAAE,YAAY,IAAI;GACtF,EACF,CAAC,GACD,MAAM,EAAQ,GACd,EAAW;EACb,SAAS,GAAK;GACZ,EAAiB,aAAe,QAAQ,EAAI,UAAU,4BAA4B;EACpF;CACF,GAEM,KAAe,OAAO,MAAiB;EAC3C,MAAE,eAAe,GACb,EAAM,SAAS,QACnB;KAAiB,IAAI;GAErB,IAAI;IASF,AARA,MAAM,EAAe,EACnB,WAAW;KACT,IAAI,EAAM,SAAS;KACnB,SAAS,EAAS,UAAU,OAAO,EAAS,OAAO,IAAI;KACvD,YAAY,EAAS,aAAa,IAAI,KAAK,EAAS,UAAU,EAAE,YAAY,IAAI;IAClF,EACF,CAAC,GACD,MAAM,EAAQ,GACd,EAAW;GACb,SAAS,GAAK;IACZ,EAAiB,aAAe,QAAQ,EAAI,UAAU,4BAA4B;GACpF;EAdqB;CAevB,GAEM,KAAe,YAAY;EAC3B,MAAM,SAAS,UAEnB;GADA,EAAiB,IAAI,GACrB,EAAkB,QAAQ;GAE1B,IAAI;IAIF,AAHA,MAAM,EAAe,EAAE,WAAW,EAAE,IAAI,EAAM,SAAS,GAAG,EAAE,CAAC,GAC7D,EAAkB,SAAS,GAC3B,MAAM,EAAQ,GACd,EAAW;GACb,SAAS,GAAK;IAEZ,AADA,EAAkB,OAAO,GACzB,EAAiB,aAAe,QAAQ,EAAI,UAAU,4BAA4B;GACpF;EAV0B;CAW5B,GAEM,KAAmB,YAAY;EAC/B,EAAkB,WAAW,MAEjC,EAAiB,IAAI,GACrB,EAAyB,EAAK,GAC9B,MAAM,QAAQ,WACZ,EAAkB,KAAK,MAAa,EAAe,EAAE,WAAW,EAAE,IAAI,EAAS,GAAG,EAAE,CAAC,CAAC,CACxF,GACA,MAAM,EAAQ,GACd,kBAAuB,IAAI,IAAI,CAAC;CAClC,GAEM,MAA2B,GAAoB,MAAqB;EAUxE,AATA,GAAwB,MAAS;GAC/B,IAAM,IAAO,IAAI,IAAI,CAAI;GAMzB,OALI,IACF,EAAK,IAAI,CAAU,IAEnB,EAAK,OAAO,CAAU,GAEjB;EACT,CAAC,GACD,EAAyB,EAAK;CAChC,GAEM,KAAsB,MAAqB;EAY/C,AAXA,GAAwB,MAAS;GAC/B,IAAM,IAAO,IAAI,IAAI,CAAI;GAQzB,OAPA,EAAkB,SAAS,MAAa;IACtC,AAAI,IACF,EAAK,IAAI,EAAS,EAAE,IAEpB,EAAK,OAAO,EAAS,EAAE;GAE3B,CAAC,GACM;EACT,CAAC,GACD,EAAyB,EAAK;CAChC;CAsEA,OAlEI,KAAW,EAAU,WAAW,IAEhC,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAK,WAAU,8CAA+C,CAAA;GAC9D,kBAAC,OAAD;IAAK,WAAU;cACZ;KAAC;KAAG;KAAG;IAAC,EAAE,KAAK,MACd,kBAAC,OAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,OAAD,EAAK,WAAU,8CAA+C,CAAA,GAC9D,kBAAC,OAAD,EAAK,WAAU,8CAA+C,CAAA,CAC3D;OAHK,CAGL,CACN;GACE,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACZ;KAAC;KAAG;KAAG;KAAG;KAAG;IAAC,EAAE,KAAK,MACpB,kBAAC,OAAD;KAAa,WAAU;eACrB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAK,WAAU,6CAA8C,CAAA,GAC7D,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAK,WAAU,8CAA+C,CAAA,GAC9D,kBAAC,OAAD,EAAK,WAAU,8CAA+C,CAAA,CAC3D;QACF;;IACF,GARK,CAQL,CACN;GACE,CAAA;EACF;MAML,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;MACH,CAAA;KACE,CAAA;IACF,CAAA;IACL,kBAAC,MAAD;KAAI,WAAU;eAA0C;IAA4B,CAAA;IACpF,kBAAC,KAAD;KAAG,WAAU;eAA2B,EAAM;IAAW,CAAA;IACzD,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAQ;KACvB,WAAU;eACX;IAEO,CAAA;GACL;;CACF,CAAA,IAOP,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;gBAAsE;KAEhF,CAAA;KACJ,kBAAC,KAAD;MAAG,WAAU;gBAAmC;KAE7C,CAAA;KACH,kBAAC,GAAD;MAAa,WAAU;gBAAO;KAIjB,CAAA;IACV,EAAA,CAAA,GACL,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;MAAkB,CAAA;KACpF,CAAA,GAAC,iBAEA;MACL;;GAGL,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;MAAkB,CAAA,GAC7D,kBAAC,KAAD;OAAG,WAAU;iBACV;MACA,CAAA,CACA;;KACL,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;MAAS,CAAA,GACpD,kBAAC,KAAD;OAAG,WAAU;iBACV;MACA,CAAA,CACA;;KACL,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;MAAU,CAAA,GACrD,kBAAC,KAAD;OAAG,WAAU;iBACV;MACA,CAAA,CACA;;IACF;;GAGL,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;MACH,CAAA;KACE,CAAA,GACL,kBAAC,SAAD;MACE,MAAK;MACL,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,GAAe,EAAE,OAAO,KAAK;MAC9C,WAAU;KACX,CAAA,CACE;;GACF,CAAA;GAEJ,EAAkB,SAAS,KAC1B,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,SAAD;MACE,MAAK;MACL,SAAS;MACT,MAAM,MAAU;OACd,AAAI,MACF,EAAM,gBAAgB,KAAqB,CAAC;MAEhD;MACA,WAAW,MAAU,EAAmB,EAAM,OAAO,OAAO;MAC5D,cAAW;MACX,WAAU;KACX,CAAA,GACD,kBAAC,QAAD,EAAA,UAAM,qBAAwB,CAAA,CACzB;QAEP,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAA2C,EAAoB,MAAK,WAAe;;MAClF,EAAoB,OAAO,KAC1B,kBAAC,UAAD;OACE,MAAK;OACL,eAAe;QAEb,AADA,kBAAuB,IAAI,IAAI,CAAC,GAChC,EAAyB,EAAK;OAChC;OACA,WAAU;iBACX;MAEO,CAAA;MAEV,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAyB,EAAI;OAC5C,UAAU,EAAkB,WAAW,KAAK;OAC5C,WAAU;iBAJZ,CAKC,mBACiB,EAAkB,SAAS,IAAI,KAAK,EAAkB,OAAO,KAAK,EAC5E;;KACL;MACF;;GAGN,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;OAAqD;OAC3C,EAAkB;OAAO;OAChC,EAAkB,WAAW,IAAI,KAAK;OAAI;MAC1C;SACH,kBAAC,KAAD;MAAG,WAAU;gBAA0B;KAAgC,CAAA,CACpE,EAAA,CAAA,GACL,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAyB,EAAK;OAC7C,WAAU;iBACX;MAEO,CAAA,GACR,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,UAAU;OACV,WAAU;iBACX;MAEO,CAAA,CACL;OACF;;GACF,CAAA;GAIN,EAAkB,WAAW,IAC5B,kBAAC,GAAD;IACE,cAAc,IAAc,iBAAiB;IAC7C,OAAM;IACN,aACE,IACI,yCACA;IAEN,QACG,IAQG,KAAA,IAPF,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eACX;IAEO,CAAA;GAGb,CAAA,IAED,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;WACd,AAAI,MACF,EAAM,gBAAgB,KAAqB,CAAC;UAEhD;UACA,WAAW,MAAU,EAAmB,EAAM,OAAO,OAAO;UAC5D,cAAW;UACX,WAAU;SACX,CAAA;QACC,CAAA;QACJ,kBAAC,MAAD;SAAI,WAAU;mBAAkF;QAE5F,CAAA;QACJ,kBAAC,MAAD;SAAI,WAAU;mBAAkF;QAE5F,CAAA;QACJ,kBAAC,MAAD;SAAI,WAAU;mBAAkF;QAE5F,CAAA;QACJ,kBAAC,MAAD;SAAI,WAAU;mBAAuG;QAEjH,CAAA;QACJ,kBAAC,MAAD;SAAI,WAAU;mBAAuG;QAEjH,CAAA;QACJ,kBAAC,MAAD;SAAI,WAAU;mBAAuG;QAEjH,CAAA;QACJ,kBAAC,MAAD;SAAI,WAAU;mBAAkF;QAE5F,CAAA;QACJ,kBAAC,MAAD;SAAI,WAAU;mBAAmF;QAE7F,CAAA;OACF,EAAA,CAAA;MACC,CAAA,GACP,kBAAC,SAAD;OAAO,WAAU;iBACd,EAAkB,KAAK,MACtB,kBAAC,GAAD;QAEY;QACV,UAAU,EAAoB,IAAI,EAAS,EAAE;QAC7C,gBAAgB;QAChB,QAAQ;QACR,UAAU;OACX,GANM,EAAS,EAMf,CACF;MACI,CAAA,CACF;;IACJ,CAAA;GACF,CAAA;GAIN,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,sBAAsB;OAChE,CAAA,GACJ,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;SACH,CAAA;QACE,CAAA;OACC,CAAA,CACL;;MAEJ,KACC,kBAAC,OAAD;OAAK,WAAU;iBACZ;MACE,CAAA;MAIP,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OACE,SAAQ;OACR,WAAU;iBAFZ;QAIG,EAAG,0BAA0B,MAAM;QAAG;QACvC,kBAAC,QAAD;SAAM,WAAU;mBAAyB;QAAO,CAAA;OAC3C;UACP,kBAAC,SAAD;OACE,IAAG;OACH,MAAK;OACL,UAAA;OACA,OAAO,EAAW;OAClB,WAAW,MAAM,GAAe,OAAU;QAAE,GAAG;QAAM,MAAM,EAAE,OAAO;OAAM,EAAE;OAC5E,aAAa,EAAG,qCAAqC,eAAe;OACpE,WAAU;MACX,CAAA,CACE,EAAA,CAAA;MAGL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBAFZ;SAIG,EAAG,0BAA0B,MAAM;SAAG;SACvC,kBAAC,QAAD;UAAM,WAAU;oBAAyB;SAAO,CAAA;QAC3C;WACP,kBAAC,UAAD;QACE,IAAG;QACH,OAAO,EAAW;QAClB,WAAW,MACT,GAAe,OAAU;SACvB,GAAG;SACH,MAAM,EAAE,OAAO;QACjB,EAAE;QAEJ,WAAU;kBATZ,CAWE,kBAAC,UAAD;SAAQ,OAAM;mBACX,EAAG,oCAAoC,YAAY;QAC9C,CAAA,GACR,kBAAC,UAAD;SAAQ,OAAM;mBACX,EAAG,qCAAqC,cAAc;QACjD,CAAA,CACF;SACL,EAAA,CAAA,GACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBAFZ;SAIG,EAAG,2BAA2B,OAAO;SAAG;SACzC,kBAAC,QAAD;UAAM,WAAU;oBAAyB;SAAO,CAAA;QAC3C;WACP,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;SAAM,EAAE;SAC7E,aAAa,EAAW,SAAS,eAAe,OAAO;SACvD,WAAU;QACX,CAAA,GACD,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAW,SAAS,eAAe,MAAM,EAAW;QACjD,CAAA,CACH;SACF,EAAA,CAAA,CACF;;MAGJ,EAAW,SAAS,WACnB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OACE,SAAQ;OACR,WAAU;iBAET,EAAG,8BAA8B,UAAU;MACvC,CAAA,GACP,kBAAC,UAAD;OACE,IAAG;OACH,OAAO,EAAW;OAClB,WAAW,MAAM,GAAe,OAAU;QAAE,GAAG;QAAM,UAAU,EAAE,OAAO;OAAM,EAAE;OAChF,WAAU;iBAJZ;QAME,kBAAC,UAAD;SAAQ,OAAM;mBAAM;QAAW,CAAA;QAC/B,kBAAC,UAAD;SAAQ,OAAM;mBAAM;QAAW,CAAA;QAC/B,kBAAC,UAAD;SAAQ,OAAM;mBAAM;QAAW,CAAA;QAC/B,kBAAC,UAAD;SAAQ,OAAM;mBAAM;QAAW,CAAA;QAC/B,kBAAC,UAAD;SAAQ,OAAM;mBAAM;QAAW,CAAA;QAC/B,kBAAC,UAAD;SAAQ,OAAM;mBAAM;QAAW,CAAA;OACzB;QACL,EAAA,CAAA;MAIP,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBAET,EAAG,6BAA6B,UAAU;OACtC,CAAA;OACP,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,KAAI;QACJ,MAAK;QACL,OAAO,EAAW;QAClB,WAAW,MAAM,GAAe,OAAU;SAAE,GAAG;SAAM,SAAS,EAAE,OAAO;QAAM,EAAE;QAC/E,aAAa,EAAG,+BAA+B,WAAW;QAC1D,WAAU;OACX,CAAA;OACD,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAG,mCAAmC,iCAAiC;OACvE,CAAA;MACA,EAAA,CAAA;MAGL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBAET,EAAG,+BAA+B,YAAY;OAC1C,CAAA,GACP,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,OAAO,EAAW;QAClB,WAAW,MACT,GAAe,OAAU;SAAE,GAAG;SAAM,WAAW,EAAE,OAAO;QAAM,EAAE;QAElE,WAAU;OACX,CAAA,CACE,EAAA,CAAA,GACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBAET,EAAG,gCAAgC,aAAa;OAC5C,CAAA,GACP,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,OAAO,EAAW;QAClB,WAAW,MACT,GAAe,OAAU;SAAE,GAAG;SAAM,YAAY,EAAE,OAAO;QAAM,EAAE;QAEnE,WAAU;OACX,CAAA,CACE,EAAA,CAAA,CACF;;MAGL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;kBAET,EAAG,4BAA4B,QAAQ;OAClC,CAAA,GACR,kBAAC,UAAD;QACE,MAAK;QACL,UAAU;QACV,WAAU;kBAET,IACG,EAAG,8BAA8B,aAAa,IAC9C,EAAG,oCAAoC,iBAAiB;OACtD,CAAA,CACL;;KACD;;GACM,CAAA;GAIf,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;kBAA0C;OAAiB,CAAA,GACzE,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;SACH,CAAA;QACE,CAAA;OACC,CAAA,CACL;;MAEJ,KACC,kBAAC,OAAD;OAAK,WAAU;iBACZ;MACE,CAAA;MAIP,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAkB;SAAU,CAAA,GAC5C,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAM,SAAS;SACZ,CAAA,CACH;;QACL,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAkB;SAAU,CAAA,GAC5C,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAM,SAAS,SAAS,eAAe,eAAe;SACnD,CAAA,CACH;;QACL,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAkB;SAAW,CAAA,GAC7C,kBAAC,QAAD;UAAM,WAAU;oBAAqB,EAAoB,EAAM,QAAQ;SAAQ,CAAA,CAC5E;;QACL,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAkB;SAAU,CAAA,GAC5C,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CAAqC,EAAM,SAAS,WAAU,QAAY;WACvE;;OACF;;MAGL,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBACX;OAEM,CAAA;OACP,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,KAAI;QACJ,MAAK;QACL,OAAO,EAAS;QAChB,WAAW,MAAM,GAAa,OAAU;SAAE,GAAG;SAAM,SAAS,EAAE,OAAO;QAAM,EAAE;QAC7E,aAAY;QACZ,WAAU;OACX,CAAA;OACD,kBAAC,KAAD;QAAG,WAAU;kBAA+B;OAAkC,CAAA;MAC3E,EAAA,CAAA;MAGL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OACE,SAAQ;OACR,WAAU;iBACX;MAEM,CAAA,GACP,kBAAC,SAAD;OACE,IAAG;OACH,MAAK;OACL,OAAO,EAAS;OAChB,WAAW,MAAM,GAAa,OAAU;QAAE,GAAG;QAAM,YAAY,EAAE,OAAO;OAAM,EAAE;OAChF,WAAU;MACX,CAAA,CACE,EAAA,CAAA;MAGL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;kBACX;OAEO,CAAA,GACR,kBAAC,UAAD;QACE,MAAK;QACL,UAAU;QACV,WAAU;kBAET,IAAa,cAAc;OACtB,CAAA,CACL;;KACD;;GACM,CAAA;GAIf,EAAM,SAAS,YACd,kBAAC,GAAD;IAAc,SAAS;cACrB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA0C;OAAmB,CAAA,GAC3E,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;SACH,CAAA;QACE,CAAA;OACC,CAAA,CACL;;MAEJ,KACC,kBAAC,OAAD;OAAK,WAAU;iBACZ;MACE,CAAA;MAGP,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;SACH,CAAA;QACE,CAAA;OACF,CAAA,GACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAyC;SACW;SAClD,kBAAC,QAAD;UAAM,WAAU;oBAA2B,EAAM,SAAS;SAAW,CAAA;SAAC;QACrE;WACH,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAA4C;SACe;SACzD,kBAAC,QAAD;UAAM,WAAU;oBAAe,EAAM,SAAS;SAAgB,CAAA;SAAC;SAC9D,EAAM,SAAS,cAAc,IAAU,KAAN;SAAS;QAC1C;SACA,EAAA,CAAA,CACF;;MAEL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;kBACX;OAEO,CAAA,GACR,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,UAAU;QACV,WAAU;kBAET,IAAa,gBAAgB;OACxB,CAAA,CACL;;KACF;;GACO,CAAA;EAEb;;AAET,GAcM,KAAqC,EACzC,aACA,aACA,mBACA,WACA,kBACI;CACJ,IAAM,IAAU,EAAU,CAAQ;CAElC,OACE,kBAAC,MAAD;EAAI,WAAW,2CAA2C,IAAW,oBAAoB;YAAzF;GACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,SAAD;KACE,MAAK;KACL,SAAS;KACT,WAAW,MAAU,EAAe,EAAS,IAAI,EAAM,OAAO,OAAO;KACrE,cAAY,mBAAmB,EAAS;KACxC,WAAU;IACX,CAAA;GACC,CAAA;GAEJ,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,QAAD;KAAM,WAAU;eAA2C,EAAS;IAAW,CAAA;GAC7E,CAAA;GAGJ,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,QAAD;KAAM,WAAU;eACb,EAAS,SAAS,eAAe,eAAe;IAC7C,CAAA;GACJ,CAAA;GAGJ,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,QAAD;KAAM,WAAU;eACb,EAAoB,CAAQ;IACzB,CAAA;GACJ,CAAA;GAGJ,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACG,EAAS,WACT,EAAS,WAAW,OAAkC,SAA3B,MAAM,EAAS,SACvC;;GACJ,CAAA;GAGJ,kBAAC,MAAD;IAAI,WAAU;cACX,EAAS,YAAY,EAAW,EAAS,WAAW,OAAO,IAAI;GAC9D,CAAA;GAGJ,kBAAC,MAAD;IAAI,WAAU;cACX,EAAS,aAAa,EAAW,EAAS,YAAY,OAAO,IAAI;GAChE,CAAA;GAGJ,kBAAC,MAAD;IAAI,WAAU;cACX,IACC,kBAAC,QAAD;KAAM,WAAU;eAAyG;IAEnH,CAAA,IAEN,kBAAC,QAAD;KAAM,WAAU;eAAyG;IAEnH,CAAA;GAEN,CAAA;GAGJ,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAO,CAAQ;MAC9B,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;OACH,CAAA;MACE,CAAA;KACC,CAAA,GACR,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAS,CAAQ;MAChC,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;OACH,CAAA;MACE,CAAA;KACC,CAAA,CACL;;GACH,CAAA;EACF;;AAER,GAWM,KAAuC,EAAE,YAAS,kBAEpD,kBAAC,OAAD;CAAK,WAAU;WAAf,CAEE,kBAAC,OAAD;EAAK,WAAU;EAAiC,SAAS;CAAU,CAAA,GAGnE,kBAAC,OAAD;EAAK,WAAU;EACZ;CACE,CAAA,CACF"}
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 { PagePurpose, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { nativeImpact, nativeNotify } from '../../../../utils/nativeBridge';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype DiscountType = 'PERCENTAGE' \| 'FIXED';\n\ninterface BillingDiscount {\n id: string;\n code: string;\n type: DiscountType;\n value: number;\n currency: string \| null;\n maxUses: number \| null;\n usedCount: number;\n validFrom: string \| null;\n validUntil: string \| null;\n metadata: Record<string, unknown> \| null;\n context: Record<string, unknown> \| null;\n createdAt: string;\n updatedAt: string;\n}\n\ninterface CreateDiscountForm {\n code: string;\n type: DiscountType;\n value: string;\n currency: string;\n maxUses: string;\n validFrom: string;\n validUntil: string;\n}\n\ninterface EditDiscountForm {\n maxUses: string;\n validUntil: string;\n}\n\ntype ModalState =\n \| { kind: 'closed' }\n \| { kind: 'create' }\n \| { kind: 'edit'; discount: BillingDiscount }\n \| { kind: 'delete'; discount: BillingDiscount };\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction isExpired(discount: BillingDiscount): boolean {\n if (!discount.validUntil) return false;\n return new Date(discount.validUntil) < new Date();\n}\n\nfunction formatDiscountValue(discount: BillingDiscount): string {\n if (discount.type === 'PERCENTAGE') {\n return `${discount.value}%`;\n }\n return formatCurrency(discount.value, discount.currency ?? 'USD');\n}\n\nconst INITIAL_CREATE_FORM: CreateDiscountForm = {\n code: '',\n type: 'PERCENTAGE',\n value: '',\n currency: 'USD',\n maxUses: '',\n validFrom: '',\n validUntil: '',\n};\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const DiscountsListPage: FC = () => {\n const { t } = useI18n();\n const tr = (key: string, fallback: string): string => {\n const translated = t(key);\n return translated === key ? fallback : translated;\n };\n const permissions = useBillingPermissions();\n\n const { data, loading, error, refetch } = useGetDiscountsQuery();\n\n const [createDiscount, { loading: isCreating }] = useCreateDiscountMutation();\n const [updateDiscount, { loading: isUpdating }] = useUpdateDiscountMutation();\n const [deleteDiscount, { loading: isDeleting }] = useDeleteDiscountMutation();\n\n const [searchQuery, setSearchQuery] = useState('');\n const [modal, setModal] = useState<ModalState>({ kind: 'closed' });\n const [createForm, setCreateForm] = useState<CreateDiscountForm>(INITIAL_CREATE_FORM);\n const [editForm, setEditForm] = useState<EditDiscountForm>({ maxUses: '', validUntil: '' });\n const [mutationError, setMutationError] = useState<string \| null>(null);\n const [selectedDiscountIds, setSelectedDiscountIds] = useState<Set<string>>(new Set());\n const [showBulkDeleteConfirm, setShowBulkDeleteConfirm] = useState(false);\n\n const discounts: BillingDiscount[] = (data?.getDiscounts ?? []) as BillingDiscount[];\n\n // Filtered discounts\n const filteredDiscounts = discounts.filter((discount: BillingDiscount) => {\n if (!searchQuery) return true;\n return discount.code.toLowerCase().includes(searchQuery.toLowerCase());\n });\n\n const selectedDiscounts = useMemo(\n () => filteredDiscounts.filter((discount) => selectedDiscountIds.has(discount.id)),\n [filteredDiscounts, selectedDiscountIds]\n );\n\n const allVisibleSelected =\n filteredDiscounts.length > 0 &&\n filteredDiscounts.every((discount) => selectedDiscountIds.has(discount.id));\n const partiallySelected =\n filteredDiscounts.some((discount) => selectedDiscountIds.has(discount.id)) &&\n !allVisibleSelected;\n\n // Permission check\n if (!permissions.canManageDiscounts) {\n return <AccessDenied message=\"You don't have permission to manage discount codes.\" />;\n }\n\n // Summary stats\n const totalDiscounts = discounts.length;\n const activeDiscounts = discounts.filter((d: BillingDiscount) => !isExpired(d)).length;\n const expiredDiscounts = discounts.filter((d: BillingDiscount) => isExpired(d)).length;\n\n // ── Modal handlers ──────────────────────────────────────────────────\n\n const openCreateModal = () => {\n setCreateForm(INITIAL_CREATE_FORM);\n setMutationError(null);\n setModal({ kind: 'create' });\n };\n\n const openEditModal = (discount: BillingDiscount) => {\n setEditForm({\n maxUses: discount.maxUses != null ? String(discount.maxUses) : '',\n validUntil: discount.validUntil\n ? new Date(discount.validUntil).toISOString().slice(0, 16)\n : '',\n });\n setMutationError(null);\n setModal({ kind: 'edit', discount });\n };\n\n const openDeleteModal = (discount: BillingDiscount) => {\n setMutationError(null);\n setModal({ kind: 'delete', discount });\n };\n\n const closeModal = () => {\n setModal({ kind: 'closed' });\n setMutationError(null);\n };\n\n // ── Mutation handlers ───────────────────────────────────────────────\n\n const handleCreate = async (e: FormEvent) => {\n e.preventDefault();\n setMutationError(null);\n\n if (!createForm.code.trim()) {\n setMutationError('Discount code is required.');\n return;\n }\n\n const valueNum = Number(createForm.value);\n if (Number.isNaN(valueNum) \|\| valueNum <= 0) {\n setMutationError('Value must be a positive number.');\n return;\n }\n\n if (createForm.type === 'PERCENTAGE' && valueNum > 100) {\n setMutationError('Percentage value cannot exceed 100.');\n return;\n }\n\n try {\n await createDiscount({\n variables: {\n code: createForm.code.trim().toUpperCase(),\n type: createForm.type,\n value: valueNum,\n currency: createForm.type === 'FIXED' ? createForm.currency : null,\n maxUses: createForm.maxUses ? Number(createForm.maxUses) : null,\n validFrom: createForm.validFrom ? new Date(createForm.validFrom).toISOString() : null,\n validUntil: createForm.validUntil ? new Date(createForm.validUntil).toISOString() : null,\n },\n });\n await refetch();\n closeModal();\n } catch (err) {\n setMutationError(err instanceof Error ? err.message : 'Failed to create discount.');\n }\n };\n\n const handleUpdate = async (e: FormEvent) => {\n e.preventDefault();\n if (modal.kind !== 'edit') return;\n setMutationError(null);\n\n try {\n await updateDiscount({\n variables: {\n id: modal.discount.id,\n maxUses: editForm.maxUses ? Number(editForm.maxUses) : null,\n validUntil: editForm.validUntil ? new Date(editForm.validUntil).toISOString() : null,\n },\n });\n await refetch();\n closeModal();\n } catch (err) {\n setMutationError(err instanceof Error ? err.message : 'Failed to update discount.');\n }\n };\n\n const handleDelete = async () => {\n if (modal.kind !== 'delete') return;\n setMutationError(null);\n void nativeImpact('medium');\n\n try {\n await deleteDiscount({ variables: { id: modal.discount.id } });\n void nativeNotify('success');\n await refetch();\n closeModal();\n } catch (err) {\n void nativeNotify('error');\n setMutationError(err instanceof Error ? err.message : 'Failed to delete discount.');\n }\n };\n\n const handleBulkDelete = async () => {\n if (selectedDiscounts.length === 0) return;\n\n setMutationError(null);\n setShowBulkDeleteConfirm(false);\n await Promise.allSettled(\n selectedDiscounts.map((discount) => deleteDiscount({ variables: { id: discount.id } }))\n );\n await refetch();\n setSelectedDiscountIds(new Set());\n };\n\n const toggleDiscountSelection = (discountId: string, checked: boolean) => {\n setSelectedDiscountIds((prev) => {\n const next = new Set(prev);\n if (checked) {\n next.add(discountId);\n } else {\n next.delete(discountId);\n }\n return next;\n });\n setShowBulkDeleteConfirm(false);\n };\n\n const toggleAllDiscounts = (checked: boolean) => {\n setSelectedDiscountIds((prev) => {\n const next = new Set(prev);\n filteredDiscounts.forEach((discount) => {\n if (checked) {\n next.add(discount.id);\n } else {\n next.delete(discount.id);\n }\n });\n return next;\n });\n setShowBulkDeleteConfirm(false);\n };\n\n // ── Loading state ───────────────────────────────────────────────────\n\n if (loading && discounts.length === 0) {\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"h-8 w-48 bg-bg-sunken animate-pulse rounded\" />\n <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n {[1, 2, 3].map((i) => (\n <div key={i} className=\"border border-border-subtle rounded-lg p-4 space-y-2\">\n <div className=\"h-4 w-24 bg-bg-sunken animate-pulse rounded\" />\n <div className=\"h-6 w-16 bg-bg-sunken animate-pulse rounded\" />\n </div>\n ))}\n </div>\n <div className=\"space-y-3\">\n {[1, 2, 3, 4, 5].map((i) => (\n <div key={i} className=\"border border-border-subtle rounded-lg p-4\">\n <div className=\"flex items-center gap-4\">\n <div className=\"size-10 bg-bg-sunken animate-pulse rounded\" />\n <div className=\"flex-1 space-y-2\">\n <div className=\"h-4 w-32 bg-bg-sunken animate-pulse rounded\" />\n <div className=\"h-3 w-48 bg-bg-sunken animate-pulse rounded\" />\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n );\n }\n\n // ── Error state ─────────────────────────────────────────────────────\n\n if (error) {\n return (\n <div className=\"flex items-center justify-center h-full min-h-[400px]\">\n <div className=\"text-center space-y-4\">\n <div className=\"size-12 mx-auto rounded-full bg-status-error-bg-subtle flex items-center justify-center\">\n <svg\n className=\"size-6 text-status-error-text\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n />\n </svg>\n </div>\n <h2 className=\"text-lg font-semibold text-text-primary\">Failed to load discounts</h2>\n <p className=\"text-sm text-text-muted\">{error.message}</p>\n <button\n type=\"button\"\n onClick={() => refetch()}\n className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors\"\n >\n Try Again\n </button>\n </div>\n </div>\n );\n }\n\n // ── Main render ─────────────────────────────────────────────────────\n\n return (\n <div className=\"space-y-6 p-6\">\n {/ Header /}\n <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n <div>\n <h1 className=\"text-2xl md:text-3xl font-semibold tracking-tight text-text-primary\">\n Discount Codes\n </h1>\n <p className=\"text-sm text-text-secondary mt-1\">\n Create, view, and manage discount codes for billing\n </p>\n <PagePurpose className=\"mt-3\">\n Discount codes reduce the price of a purchase at checkout. Create codes here, set how\n much they take off and any limits, and manage which ones are active — separate from\n time-bounded promotions and customer-facing coupons.\n </PagePurpose>\n </div>\n <button\n type=\"button\"\n onClick={openCreateModal}\n className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n <svg className=\"size-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n </svg>\n Create Discount\n </button>\n </div>\n\n {/ Summary Cards /}\n <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n <div className=\"rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]\">\n <p className=\"text-sm text-text-secondary\">Total Discounts</p>\n <p className=\"text-2xl font-semibold text-text-primary tabular-nums mt-1\">\n {totalDiscounts}\n </p>\n </div>\n <div className=\"rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]\">\n <p className=\"text-sm text-text-secondary\">Active</p>\n <p className=\"text-2xl font-semibold text-status-success-text tabular-nums mt-1\">\n {activeDiscounts}\n </p>\n </div>\n <div className=\"rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]\">\n <p className=\"text-sm text-text-secondary\">Expired</p>\n <p className=\"text-2xl font-semibold text-status-warning-text tabular-nums mt-1\">\n {expiredDiscounts}\n </p>\n </div>\n </div>\n\n {/ Search /}\n <div className=\"flex flex-col sm:flex-row flex-wrap items-stretch sm:items-center gap-3 sm:gap-4 pb-4 border-b border-border-subtle\">\n <div className=\"relative flex-1 min-w-0 w-full sm:max-w-md\">\n <svg\n className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n />\n </svg>\n <input\n type=\"text\"\n placeholder=\"Search by discount code...\"\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n className=\"w-full pl-[3.25rem] pr-4 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n </div>\n </div>\n\n {filteredDiscounts.length > 0 && (\n <div className=\"flex flex-col gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n <input\n type=\"checkbox\"\n checked={allVisibleSelected}\n ref={(input) => {\n if (input) {\n input.indeterminate = partiallySelected && !allVisibleSelected;\n }\n }}\n onChange={(event) => toggleAllDiscounts(event.target.checked)}\n aria-label=\"Select all discounts\"\n className=\"size-4 rounded border-border-subtle text-text-link\"\n />\n <span>Select all visible</span>\n </label>\n\n <div className=\"flex items-center gap-2\">\n <span className=\"text-sm text-text-muted\">{selectedDiscountIds.size} selected</span>\n {selectedDiscountIds.size > 0 && (\n <button\n type=\"button\"\n onClick={() => {\n setSelectedDiscountIds(new Set());\n setShowBulkDeleteConfirm(false);\n }}\n className=\"text-sm text-text-muted hover:text-text-primary\"\n >\n Clear selection\n </button>\n )}\n <button\n type=\"button\"\n onClick={() => setShowBulkDeleteConfirm(true)}\n disabled={selectedDiscounts.length === 0 \|\| isDeleting}\n className=\"inline-flex items-center gap-2 px-3 py-2 text-sm font-medium border border-status-error-border text-status-error-text rounded-md hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50\"\n >\n Delete Selected{selectedDiscounts.length > 0 ? ` (${selectedDiscounts.length})` : ''}\n </button>\n </div>\n </div>\n )}\n\n {showBulkDeleteConfirm && selectedDiscounts.length > 0 && (\n <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4\">\n <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n <div>\n <p className=\"text-sm font-medium text-text-primary\">\n Delete {selectedDiscounts.length} selected discount\n {selectedDiscounts.length === 1 ? '' : 's'}?\n </p>\n <p className=\"text-sm text-text-muted\">This action cannot be undone.</p>\n </div>\n <div className=\"flex items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => setShowBulkDeleteConfirm(false)}\n className=\"px-3 py-2 text-sm font-medium text-text-muted hover:text-text-primary\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={handleBulkDelete}\n disabled={isDeleting}\n className=\"inline-flex items-center gap-2 rounded-button bg-action-danger-bg px-3 py-2 text-sm font-medium text-action-danger-text hover:bg-action-danger-bgHover disabled:opacity-50\"\n >\n Confirm Delete\n </button>\n </div>\n </div>\n </div>\n )}\n\n {/ Discounts Table /}\n {filteredDiscounts.length === 0 ? (\n <IllustratedEmptyState\n illustration={searchQuery ? 'empty-search' : 'empty-data'}\n title=\"No discount codes found\"\n description={\n searchQuery\n ? 'No discount codes match your search.'\n : 'Create your first discount code to get started.'\n }\n action={\n !searchQuery ? (\n <button\n type=\"button\"\n onClick={openCreateModal}\n className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors\"\n >\n Create your first discount\n </button>\n ) : undefined\n }\n />\n ) : (\n <div className=\"border border-border-seam rounded-card overflow-hidden shadow-[var(--shadow-elevation-1)]\">\n <div className=\"overflow-x-auto\">\n <table className=\"w-full\">\n <thead className=\"sticky top-0 z-10 bg-bg-sunken border-b border-border-subtle\">\n <tr>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted w-12\">\n <input\n type=\"checkbox\"\n checked={allVisibleSelected}\n ref={(input) => {\n if (input) {\n input.indeterminate = partiallySelected && !allVisibleSelected;\n }\n }}\n onChange={(event) => toggleAllDiscounts(event.target.checked)}\n aria-label=\"Select all discounts\"\n className=\"size-4 rounded border-border-subtle text-action-primary-bg focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n />\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n Code\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n Type\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n Value\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted hidden md:table-cell\">\n Uses\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted hidden lg:table-cell\">\n Valid From\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted hidden sm:table-cell\">\n Valid Until\n </th>\n <th className=\"text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n Status\n </th>\n <th className=\"text-right px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted\">\n Actions\n </th>\n </tr>\n </thead>\n <tbody className=\"divide-y divide-border-subtle\">\n {filteredDiscounts.map((discount: BillingDiscount) => (\n <DiscountRow\n key={discount.id}\n discount={discount}\n selected={selectedDiscountIds.has(discount.id)}\n onToggleSelect={toggleDiscountSelection}\n onEdit={openEditModal}\n onDelete={openDeleteModal}\n />\n ))}\n </tbody>\n </table>\n </div>\n </div>\n )}\n\n {/ Create Modal /}\n {modal.kind === 'create' && (\n <ModalOverlay onClose={closeModal}>\n <form onSubmit={handleCreate} className=\"space-y-4\">\n <div className=\"flex items-center justify-between mb-2\">\n <h2 className=\"text-lg font-semibold text-text-primary\">\n {tr('billing.discounts.createDiscountCode', 'Create Discount Code')}\n </h2>\n <button\n type=\"button\"\n onClick={closeModal}\n className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n >\n <svg\n className=\"size-5 text-text-muted\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M6 18L18 6M6 6l12 12\"\n />\n </svg>\n </button>\n </div>\n\n {mutationError && (\n <div className=\"p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md\">\n {mutationError}\n </div>\n )}\n\n {/ Code /}\n <div>\n <label\n htmlFor=\"create-code\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.code', 'Code')}{' '}\n <span className=\"text-status-error-text\"></span>\n </label>\n <input\n id=\"create-code\"\n type=\"text\"\n required\n value={createForm.code}\n onChange={(e) => setCreateForm((prev) => ({ ...prev, code: e.target.value }))}\n placeholder={tr('billing.discounts.codePlaceholder', 'e.g. SUMMER25')}\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent uppercase\"\n />\n </div>\n\n {/* Type + Value row /}\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label\n htmlFor=\"create-type\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.type', 'Type')}{' '}\n <span className=\"text-status-error-text\"></span>\n </label>\n <select\n id=\"create-type\"\n value={createForm.type}\n onChange={(e) =>\n setCreateForm((prev) => ({\n ...prev,\n type: e.target.value as DiscountType,\n }))\n }\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n >\n <option value=\"PERCENTAGE\">\n {tr('billing.discounts.typePercentage', 'Percentage')}\n </option>\n <option value=\"FIXED\">\n {tr('billing.discounts.typeFixedAmount', 'Fixed Amount')}\n </option>\n </select>\n </div>\n <div>\n <label\n htmlFor=\"create-value\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.value', 'Value')}{' '}\n <span className=\"text-status-error-text\"></span>\n </label>\n <div className=\"relative\">\n <input\n id=\"create-value\"\n type=\"number\"\n required\n min=\"0.01\"\n max={createForm.type === 'PERCENTAGE' ? '100' : undefined}\n step=\"0.01\"\n value={createForm.value}\n onChange={(e) => setCreateForm((prev) => ({ ...prev, value: e.target.value }))}\n placeholder={createForm.type === 'PERCENTAGE' ? '10' : '25.00'}\n className=\"w-full px-3 py-2 pr-8 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-sm text-text-muted\">\n {createForm.type === 'PERCENTAGE' ? '%' : createForm.currency}\n </span>\n </div>\n </div>\n </div>\n\n {/ Currency (only for FIXED) /}\n {createForm.type === 'FIXED' && (\n <div>\n <label\n htmlFor=\"create-currency\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.currency', 'Currency')}\n </label>\n <select\n id=\"create-currency\"\n value={createForm.currency}\n onChange={(e) => setCreateForm((prev) => ({ ...prev, currency: e.target.value }))}\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n >\n <option value=\"USD\">USD</option>\n <option value=\"EUR\">EUR</option>\n <option value=\"GBP\">GBP</option>\n <option value=\"INR\">INR</option>\n <option value=\"CAD\">CAD</option>\n <option value=\"AUD\">AUD</option>\n </select>\n </div>\n )}\n\n {/ Max Uses /}\n <div>\n <label\n htmlFor=\"create-max-uses\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.maxUses', 'Max Uses')}\n </label>\n <input\n id=\"create-max-uses\"\n type=\"number\"\n min=\"1\"\n step=\"1\"\n value={createForm.maxUses}\n onChange={(e) => setCreateForm((prev) => ({ ...prev, maxUses: e.target.value }))}\n placeholder={tr('billing.discounts.unlimited', 'Unlimited')}\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n <p className=\"text-xs text-text-muted mt-1\">\n {tr('billing.discounts.unlimitedHelp', 'Leave empty for unlimited uses.')}\n </p>\n </div>\n\n {/ Valid From / Valid Until row /}\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label\n htmlFor=\"create-valid-from\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.validFrom', 'Valid From')}\n </label>\n <input\n id=\"create-valid-from\"\n type=\"datetime-local\"\n value={createForm.validFrom}\n onChange={(e) =>\n setCreateForm((prev) => ({ ...prev, validFrom: e.target.value }))\n }\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n </div>\n <div>\n <label\n htmlFor=\"create-valid-until\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n {tr('billing.discounts.validUntil', 'Valid Until')}\n </label>\n <input\n id=\"create-valid-until\"\n type=\"datetime-local\"\n value={createForm.validUntil}\n onChange={(e) =>\n setCreateForm((prev) => ({ ...prev, validUntil: e.target.value }))\n }\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n </div>\n </div>\n\n {/ Actions /}\n <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border-subtle\">\n <button\n type=\"button\"\n onClick={closeModal}\n className=\"px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors\"\n >\n {tr('billing.discounts.cancel', 'Cancel')}\n </button>\n <button\n type=\"submit\"\n disabled={isCreating}\n className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {isCreating\n ? tr('billing.discounts.creating', 'Creating...')\n : tr('billing.discounts.createDiscount', 'Create Discount')}\n </button>\n </div>\n </form>\n </ModalOverlay>\n )}\n\n {/ Edit Modal /}\n {modal.kind === 'edit' && (\n <ModalOverlay onClose={closeModal}>\n <form onSubmit={handleUpdate} className=\"space-y-4\">\n <div className=\"flex items-center justify-between mb-2\">\n <h2 className=\"text-lg font-semibold text-text-primary\">Edit Discount</h2>\n <button\n type=\"button\"\n onClick={closeModal}\n className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n >\n <svg\n className=\"size-5 text-text-muted\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M6 18L18 6M6 6l12 12\"\n />\n </svg>\n </button>\n </div>\n\n {mutationError && (\n <div className=\"p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md\">\n {mutationError}\n </div>\n )}\n\n {/ Read-only info /}\n <div className=\"p-3 bg-bg-sunken/50 border border-border-subtle rounded-md space-y-1\">\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-text-muted\">Code</span>\n <span className=\"font-mono font-medium text-text-primary\">\n {modal.discount.code}\n </span>\n </div>\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-text-muted\">Type</span>\n <span className=\"text-text-primary\">\n {modal.discount.type === 'PERCENTAGE' ? 'Percentage' : 'Fixed Amount'}\n </span>\n </div>\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-text-muted\">Value</span>\n <span className=\"text-text-primary\">{formatDiscountValue(modal.discount)}</span>\n </div>\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-text-muted\">Used</span>\n <span className=\"text-text-primary\">{modal.discount.usedCount} times</span>\n </div>\n </div>\n\n {/ Editable: Max Uses /}\n <div>\n <label\n htmlFor=\"edit-max-uses\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n Max Uses\n </label>\n <input\n id=\"edit-max-uses\"\n type=\"number\"\n min=\"1\"\n step=\"1\"\n value={editForm.maxUses}\n onChange={(e) => setEditForm((prev) => ({ ...prev, maxUses: e.target.value }))}\n placeholder=\"Unlimited\"\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n <p className=\"text-xs text-text-muted mt-1\">Leave empty for unlimited uses.</p>\n </div>\n\n {/ Editable: Valid Until /}\n <div>\n <label\n htmlFor=\"edit-valid-until\"\n className=\"block text-sm font-medium text-text-primary mb-1\"\n >\n Valid Until\n </label>\n <input\n id=\"edit-valid-until\"\n type=\"datetime-local\"\n value={editForm.validUntil}\n onChange={(e) => setEditForm((prev) => ({ ...prev, validUntil: e.target.value }))}\n className=\"w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent\"\n />\n </div>\n\n {/ Actions /}\n <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border-subtle\">\n <button\n type=\"button\"\n onClick={closeModal}\n className=\"px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors\"\n >\n Cancel\n </button>\n <button\n type=\"submit\"\n disabled={isUpdating}\n className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {isUpdating ? 'Saving...' : 'Save Changes'}\n </button>\n </div>\n </form>\n </ModalOverlay>\n )}\n\n {/ Delete Confirmation Modal /}\n {modal.kind === 'delete' && (\n <ModalOverlay onClose={closeModal}>\n <div className=\"space-y-4\">\n <div className=\"flex items-center justify-between mb-2\">\n <h2 className=\"text-lg font-semibold text-text-primary\">Delete Discount</h2>\n <button\n type=\"button\"\n onClick={closeModal}\n className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n >\n <svg\n className=\"size-5 text-text-muted\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M6 18L18 6M6 6l12 12\"\n />\n </svg>\n </button>\n </div>\n\n {mutationError && (\n <div className=\"p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md\">\n {mutationError}\n </div>\n )}\n\n <div className=\"flex items-start gap-3\">\n <div className=\"size-10 rounded-full bg-status-error-bg-subtle flex items-center justify-center shrink-0\">\n <svg\n className=\"size-5 text-status-error-text\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n />\n </svg>\n </div>\n <div>\n <p className=\"text-sm text-text-primary\">\n Are you sure you want to delete the discount code{' '}\n <span className=\"font-mono font-semibold\">{modal.discount.code}</span>?\n </p>\n <p className=\"text-sm text-text-muted mt-1\">\n This action cannot be undone. The discount has been used{' '}\n <span className=\"font-medium\">{modal.discount.usedCount}</span> time\n {modal.discount.usedCount !== 1 ? 's' : ''}.\n </p>\n </div>\n </div>\n\n <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border-subtle\">\n <button\n type=\"button\"\n onClick={closeModal}\n className=\"px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={handleDelete}\n disabled={isDeleting}\n className=\"px-4 py-2 text-sm font-medium bg-action-danger-bg text-action-danger-text rounded-button hover:bg-action-danger-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {isDeleting ? 'Deleting...' : 'Delete Discount'}\n </button>\n </div>\n </div>\n </ModalOverlay>\n )}\n </div>\n );\n};\n\n// ============================================================================\n// Discount Row Component\n// ============================================================================\n\ninterface DiscountRowProps {\n discount: BillingDiscount;\n selected: boolean;\n onToggleSelect: (discountId: string, checked: boolean) => void;\n onEdit: (discount: BillingDiscount) => void;\n onDelete: (discount: BillingDiscount) => void;\n}\n\nconst DiscountRow: FC<DiscountRowProps> = ({\n discount,\n selected,\n onToggleSelect,\n onEdit,\n onDelete,\n}) => {\n const expired = isExpired(discount);\n\n return (\n <tr className={`hover:bg-bg-sunken/30 transition-colors ${selected ? 'bg-bg-sunken/20' : ''}`}>\n <td className=\"p-4\">\n <input\n type=\"checkbox\"\n checked={selected}\n onChange={(event) => onToggleSelect(discount.id, event.target.checked)}\n aria-label={`Select discount ${discount.code}`}\n className=\"size-4 rounded border-border-subtle text-text-link\"\n />\n </td>\n {/ Code /}\n <td className=\"p-4\">\n <span className=\"font-mono font-medium text-text-primary\">{discount.code}</span>\n </td>\n\n {/ Type /}\n <td className=\"p-4\">\n <span className=\"text-sm text-text-muted\">\n {discount.type === 'PERCENTAGE' ? 'Percentage' : 'Fixed'}\n </span>\n </td>\n\n {/ Value /}\n <td className=\"p-4\">\n <span className=\"text-sm font-medium text-text-primary\">\n {formatDiscountValue(discount)}\n </span>\n </td>\n\n {/ Uses /}\n <td className=\"p-4 hidden md:table-cell\">\n <span className=\"text-sm text-text-muted\">\n {discount.usedCount}\n {discount.maxUses != null ? ` / ${discount.maxUses}` : ' / \\u221E'}\n </span>\n </td>\n\n {/ Valid From /}\n <td className=\"p-4 text-sm text-text-muted hidden lg:table-cell\">\n {discount.validFrom ? formatDate(discount.validFrom, 'short') : '\\u2014'}\n </td>\n\n {/ Valid Until /}\n <td className=\"p-4 text-sm text-text-muted hidden sm:table-cell\">\n {discount.validUntil ? formatDate(discount.validUntil, 'short') : '\\u2014'}\n </td>\n\n {/ Status /}\n <td className=\"p-4\">\n {expired ? (\n <span className=\"inline-flex px-2 py-1 text-xs font-medium rounded bg-status-warning-bg-subtle text-status-warning-text\">\n Expired\n </span>\n ) : (\n <span className=\"inline-flex px-2 py-1 text-xs font-medium rounded bg-status-success-bg-subtle text-status-success-text\">\n Active\n </span>\n )}\n </td>\n\n {/ Actions /}\n <td className=\"p-4 text-right\">\n <div className=\"flex items-center justify-end gap-2\">\n <button\n type=\"button\"\n onClick={() => onEdit(discount)}\n className=\"px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-sunken rounded-button transition-colors\"\n title=\"Edit discount\"\n >\n {/ Pencil icon /}\n <svg className=\"size-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n />\n </svg>\n </button>\n <button\n type=\"button\"\n onClick={() => onDelete(discount)}\n className=\"px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle rounded-md transition-colors\"\n title=\"Delete discount\"\n >\n {/ Trash icon /}\n <svg className=\"size-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n />\n </svg>\n </button>\n </div>\n </td>\n </tr>\n );\n};\n\n// ============================================================================\n// Modal Overlay Component\n// ============================================================================\n\ninterface ModalOverlayProps {\n onClose: () => void;\n children: React.ReactNode;\n}\n\nconst ModalOverlay: FC<ModalOverlayProps> = ({ onClose, children }) => {\n return (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n {/ Backdrop /}\n <div className=\"absolute inset-0 bg-bg-overlay\" onClick={onClose} />\n\n {/ Dialog */}\n <div className=\"relative w-full max-w-lg max-h-[85vh] overflow-y-auto bg-bg-elevated border border-border-seam rounded-card shadow-[var(--shadow-elevation-4)] p-6 mx-4\">\n {children}\n </div>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/billing/modules/earnings/pages/DeveloperRevenueOrgDetailPage.js CHANGED Viewed

@@ -400,7 +400,7 @@ var O = () => {
 						value: V,
 						onChange: (e) => ve(e.target.value),
 						disabled: W,
-						className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:opacity-50",
+						className: "rounded-md border border-border-subtle bg-bg-surface scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary px-3 py-2 text-sm text-text-primary disabled:opacity-50",
 						children: [/* @__PURE__ */ b("option", {
 							value: C,
 							children: "All time"

package/dist/billing/modules/earnings/pages/DeveloperRevenueOrgDetailPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DeveloperRevenueOrgDetailPage.js","names":[],"sources":["../../../../../src/billing/modules/earnings/pages/DeveloperRevenueOrgDetailPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type FC } from 'react';\nimport { useParams } from 'react-router';\nimport {\n ArrowLeft,\n BadgeCheck,\n CreditCard,\n Loader2,\n TrendingDown,\n TrendingUp,\n Wallet,\n} from 'lucide-react';\n\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { useBillingNavigate } from '../../../hooks/useBillingNavigate';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied, PageHeader, ServerError, StatCard } from '../../../shared/components';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport {\n formatCredits,\n formatCurrency,\n formatDateTime,\n isServerError,\n} from '../../../shared/utils';\nimport {\n fetchAdminDeveloperRevenueOrg,\n fetchAdminDeveloperRevenueOrgDetail,\n fetchAdminDeveloperRevenueOrgMonthly,\n fetchAdminPayoutRequests,\n fetchBillingAccountCreditBalance,\n fetchCreditCost,\n retrySaleCreditSync,\n type AdminDeveloperRevenueOrg,\n type AdminDeveloperRevenueOrgDetail,\n type CreditBalanceByType,\n type DeveloperOrgMonthlyRevenuePoint,\n type PayoutRequest,\n} from '../api';\n\nconst ALL_TIME = 'all';\n\nconst PAYOUT_STATUS_LABEL: Record<string, string> = {\n REQUESTED: 'Requested',\n APPROVED: 'Approved',\n REJECTED: 'Rejected',\n PROCESSING: 'Processing',\n PAID: 'Paid',\n FAILED: 'Failed',\n CANCELED: 'Canceled',\n};\n\nconst PAYOUT_STATUS_COLORS: Record<string, string> = {\n REQUESTED: 'bg-status-warning-bg-subtle text-status-warning-text',\n APPROVED: 'bg-status-info-bg-subtle text-status-info-text',\n REJECTED: 'bg-status-error-bg-subtle text-status-error-text',\n PROCESSING: 'bg-status-info-bg-subtle text-status-info-text',\n PAID: 'bg-status-success-bg-subtle text-status-success-text',\n FAILED: 'bg-status-error-bg-subtle text-status-error-text',\n CANCELED: 'bg-bg-sunken text-text-muted',\n};\n\nfunction PayoutStatusBadge({ status }: { status: string }) {\n return (\n <span\n className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${PAYOUT_STATUS_COLORS[status] ?? 'bg-bg-sunken text-text-muted'}`}\n >\n {PAYOUT_STATUS_LABEL[status] ?? status}\n </span>\n );\n}\n\nfunction formatMonthLabel(iso: string): string {\n return new Date(iso).toLocaleDateString('en-US', { month: 'short', year: 'numeric' });\n}\n\n/*\n Turns a month-start ISO string (as returned by developerOrgMonthlyRevenue,\n * always the first instant of a calendar month) into a [startDate, endDate]\n * range covering that whole month, for scoping the sales/withdrawal queries.\n * ALL_TIME returns an empty range (no filtering).\n /\nfunction monthRangeFor(month: string): { startDate?: string; endDate?: string } {\n if (month === ALL_TIME) return {};\n const start = new Date(month);\n if (Number.isNaN(start.getTime())) return {};\n const startDate = new Date(\n Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), 1)\n ).toISOString();\n const endDate = new Date(\n Date.UTC(start.getUTCFullYear(), start.getUTCMonth() + 1, 1) - 1\n ).toISOString();\n return { startDate, endDate };\n}\n\nfunction MonthlyRevenueTrend({ points }: { points: DeveloperOrgMonthlyRevenuePoint[] }) {\n if (points.length === 0) {\n return (\n <div className=\"px-5 py-10 text-center text-sm text-text-muted\">\n No sales recorded yet — the revenue trend will appear once the first sale comes in.\n </div>\n );\n }\n\n return (\n <div className=\"overflow-x-auto\">\n <table className=\"min-w-full text-sm\">\n <thead className=\"bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted\">\n <tr>\n <th className=\"px-4 py-3\">Month</th>\n <th className=\"px-4 py-3\">Gross revenue</th>\n <th className=\"px-4 py-3\">Platform fee</th>\n <th className=\"px-4 py-3\">Net revenue</th>\n <th className=\"px-4 py-3\">Sales</th>\n <th className=\"px-4 py-3\">Growth (MoM)</th>\n </tr>\n </thead>\n <tbody>\n {points.map((point, index) => {\n const prior = index > 0 ? points[index - 1] : null;\n const growthPct =\n prior && prior.grossRevenue > 0\n ? ((point.grossRevenue - prior.grossRevenue) / prior.grossRevenue) 100\n : null;\n\n return (\n <tr key={point.month} className=\"border-t border-border-seam\">\n <td className=\"px-4 py-3 font-medium text-text-primary\">\n {formatMonthLabel(point.month)}\n </td>\n <td className=\"px-4 py-3 text-text-primary\">\n {formatCurrency(point.grossRevenue, 'USD')}\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">\n {formatCurrency(point.platformFees, 'USD')}\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">\n {formatCurrency(point.netRevenue, 'USD')}\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">{point.salesCount}</td>\n <td className=\"px-4 py-3\">\n {growthPct === null ? (\n <span className=\"text-text-muted\">—</span>\n ) : (\n <span\n className={`inline-flex items-center gap-1 font-medium ${\n growthPct >= 0 ? 'text-status-success-text' : 'text-status-error-text'\n }`}\n >\n {growthPct >= 0 ? (\n <TrendingUp className=\"size-3.5\" />\n ) : (\n <TrendingDown className=\"size-3.5\" />\n )}\n {growthPct >= 0 ? '+' : ''}\n {growthPct.toFixed(1)}%\n </span>\n )}\n </td>\n </tr>\n );\n })}\n </tbody>\n </table>\n </div>\n );\n}\n\nfunction WithdrawalHistory({ requests }: { requests: PayoutRequest[] }) {\n if (requests.length === 0) {\n return (\n <div className=\"px-5 py-10 text-center text-sm text-text-muted\">\n No withdrawal requests in this period.\n </div>\n );\n }\n\n return (\n <div className=\"overflow-x-auto\">\n <table className=\"min-w-full text-sm\">\n <thead className=\"bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted\">\n <tr>\n <th className=\"px-4 py-3\">Requested</th>\n <th className=\"px-4 py-3\">Kind</th>\n <th className=\"px-4 py-3\">Amount</th>\n <th className=\"px-4 py-3\">Status</th>\n <th className=\"px-4 py-3\">Paid</th>\n <th className=\"px-4 py-3\">Notes</th>\n </tr>\n </thead>\n <tbody>\n {requests.map((request) => (\n <tr key={request.id} className=\"border-t border-border-seam\">\n <td className=\"px-4 py-3 text-text-secondary\">{formatDateTime(request.createdAt)}</td>\n <td className=\"px-4 py-3 text-text-secondary\">\n {request.requestKind === 'CREDIT_CONVERSION'\n ? 'Revenue-share credits'\n : 'Cash payout'}\n </td>\n <td className=\"px-4 py-3 font-medium text-text-primary\">\n {formatCurrency(request.requestedAmount, request.currency)}\n </td>\n <td className=\"px-4 py-3\">\n <PayoutStatusBadge status={request.status} />\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">\n {request.paidAt ? formatDateTime(request.paidAt) : '—'}\n </td>\n <td className=\"px-4 py-3 text-text-muted\">\n {request.failureReason \|\| request.userNotes \|\| '—'}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n );\n}\n\nexport const DeveloperRevenueOrgDetailPage: FC = () => {\n const { organizationId } = useParams<{ organizationId: string }>();\n const permissions = useBillingPermissions();\n const { apiGatewayUrl, authToken, orgId } = useBilling();\n const navigateTo = useBillingNavigate();\n\n const [org, setOrg] = useState<AdminDeveloperRevenueOrg \| null>(null);\n const [monthly, setMonthly] = useState<DeveloperOrgMonthlyRevenuePoint[]>([]);\n const [creditBalance, setCreditBalance] = useState<CreditBalanceByType \| null>(null);\n const [creditBalanceUsd, setCreditBalanceUsd] = useState<number \| null>(null);\n // Lifetime (unscoped) withdrawal history — drives the \"Already withdrawn\" /\n // in-flight totals up top, which must stay accurate regardless of which\n // month the tables below are currently scoped to.\n const [lifetimePayouts, setLifetimePayouts] = useState<PayoutRequest[]>([]);\n // Period-scoped data — re-fetched whenever selectedMonth changes.\n const [detail, setDetail] = useState<AdminDeveloperRevenueOrgDetail \| null>(null);\n const [payoutHistory, setPayoutHistory] = useState<PayoutRequest[]>([]);\n const [selectedMonth, setSelectedMonth] = useState<string>(ALL_TIME);\n\n const [loading, setLoading] = useState(true);\n const [periodLoading, setPeriodLoading] = useState(false);\n const [error, setError] = useState<Error \| null>(null);\n const [retryingSaleId, setRetryingSaleId] = useState<string \| null>(null);\n\n const requestContext = useMemo(\n () => ({ apiGatewayUrl, authToken, orgId }),\n [apiGatewayUrl, authToken, orgId]\n );\n\n const loadPeriod = useCallback(\n async (\n organizationIdValue: string,\n billingAccountId: string \| null \| undefined,\n month: string\n ) => {\n const range = monthRangeFor(month);\n const [detailResult, payoutsResult] = await Promise.all([\n fetchAdminDeveloperRevenueOrgDetail(organizationIdValue, requestContext, range),\n billingAccountId\n ? fetchAdminPayoutRequests(requestContext, {\n limit: 100,\n filter: { billingAccountId, ...range },\n })\n : Promise.resolve({ items: [], totalCount: 0, hasMore: false }),\n ]);\n setDetail(detailResult);\n setPayoutHistory(payoutsResult.items);\n },\n [requestContext]\n );\n\n const load = useCallback(async () => {\n if (!organizationId) return;\n setLoading(true);\n setError(null);\n try {\n const [orgResult, monthlyResult] = await Promise.all([\n fetchAdminDeveloperRevenueOrg(organizationId, requestContext),\n fetchAdminDeveloperRevenueOrgMonthly(organizationId, requestContext, 12),\n ]);\n setOrg(orgResult);\n setMonthly(monthlyResult);\n\n const billingAccountId = orgResult?.billingAccountId ?? null;\n const defaultMonth =\n monthlyResult.length > 0 ? monthlyResult[monthlyResult.length - 1].month : ALL_TIME;\n setSelectedMonth(defaultMonth);\n\n const [balanceResult, lifetimeResult] = await Promise.all([\n billingAccountId\n ? fetchBillingAccountCreditBalance(billingAccountId, requestContext)\n : Promise.resolve(null),\n billingAccountId\n ? fetchAdminPayoutRequests(requestContext, { limit: 100, filter: { billingAccountId } })\n : Promise.resolve({ items: [], totalCount: 0, hasMore: false }),\n loadPeriod(organizationId, billingAccountId, defaultMonth),\n ]);\n setCreditBalance(balanceResult);\n setLifetimePayouts(lifetimeResult.items);\n\n if (balanceResult && balanceResult.total > 0) {\n fetchCreditCost(balanceResult.total, 'USD', requestContext)\n .then(setCreditBalanceUsd)\n .catch(() => setCreditBalanceUsd(null));\n } else {\n setCreditBalanceUsd(0);\n }\n } catch (loadError) {\n setError(loadError instanceof Error ? loadError : new Error('Failed to load revenue detail'));\n } finally {\n setLoading(false);\n }\n }, [organizationId, requestContext, loadPeriod]);\n\n useEffect(() => {\n if (!permissions.isBillingAdmin) return;\n void load();\n }, [load, permissions.isBillingAdmin]);\n\n const handleMonthChange = (month: string) => {\n if (!organizationId \|\| !org) return;\n setSelectedMonth(month);\n setPeriodLoading(true);\n void loadPeriod(organizationId, org.billingAccountId, month)\n .catch((loadError) => {\n setError(loadError instanceof Error ? loadError : new Error('Failed to load period data'));\n })\n .finally(() => setPeriodLoading(false));\n };\n\n if (!permissions.isBillingAdmin) {\n return <AccessDenied message=\"You don't have permission to view developer revenue.\" />;\n }\n\n if (error && isServerError(error)) {\n return (\n <ServerError\n title=\"Developer revenue unavailable\"\n message={error.message}\n showRetry\n onRetry={() => void load()}\n />\n );\n }\n\n if (loading \|\| !org) {\n return (\n <div className=\"flex items-center justify-center py-20 text-text-secondary\">\n <Loader2 className=\"size-8 animate-spin\" />\n </div>\n );\n }\n\n const withdrawn = lifetimePayouts\n .filter((request) => request.status === 'PAID')\n .reduce((sum, request) => sum + (request.approvedAmount ?? request.requestedAmount), 0);\n const inFlight = lifetimePayouts\n .filter((request) => ['REQUESTED', 'APPROVED', 'PROCESSING'].includes(request.status))\n .reduce((sum, request) => sum + request.requestedAmount, 0);\n\n // Most-recent-first for the dropdown; `monthly` itself stays ascending\n // (oldest first) since that's what the trend table's MoM math needs.\n const monthOptions = [...monthly].reverse();\n\n return (\n <div className=\"space-y-6 p-6\">\n <PageHeader\n title={org.name}\n description={`/${org.slug}${org.isVerified ? ' · Verified developer organization' : ''}`}\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/developer-revenue')}\n className=\"inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary\"\n >\n <ArrowLeft className=\"size-4\" />\n Back to developer revenue\n </button>\n }\n />\n\n <PagePurpose>\n Store revenue for this org is credited into its linked billing account as earned credits.\n The developer withdraws those credits later through their own billing withdrawal flow — this\n page is a read-and-verify view of that whole loop, from sale to payout.\n </PagePurpose>\n\n <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-4\">\n <StatCard\n label=\"Gross revenue (all time)\"\n value={formatCurrency(org.totalRevenue, 'USD')}\n icon={<TrendingUp className=\"size-4\" />}\n />\n <StatCard\n label=\"Platform fees (all time)\"\n value={formatCurrency(org.totalPlatformFees, 'USD')}\n icon={<CreditCard className=\"size-4\" />}\n />\n <StatCard\n label=\"Pending earned credits\"\n value={formatCurrency(detail?.summary?.pendingBalance ?? org.pendingBalance, 'USD')}\n icon={<Wallet className=\"size-4\" />}\n />\n <StatCard\n label=\"Already withdrawn (all time)\"\n value={formatCurrency(withdrawn, 'USD')}\n icon={<BadgeCheck className=\"size-4\" />}\n />\n </div>\n\n <section className=\"overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n <div className=\"border-b border-border-seam px-5 py-4\">\n <h2 className=\"text-base font-semibold text-text-primary\">Billing account balance</h2>\n <p className=\"mt-1 text-sm text-text-muted\">\n The current credit ledger on the org's linked billing account, right now. These are\n credit units, not currency — 1 credit is worth a small fraction of $1 at the\n platform's current credit rate.\n </p>\n </div>\n {!org.billingAccountId ? (\n <div className=\"px-5 py-8 text-center text-sm text-text-muted\">\n No billing account is linked yet — revenue cannot be credited until this org links one.\n </div>\n ) : !creditBalance ? (\n <div className=\"px-5 py-8 text-center text-sm text-text-muted\">\n Credit balance could not be loaded.\n </div>\n ) : (\n <>\n <div className=\"grid gap-3 p-5 md:grid-cols-3 xl:grid-cols-5\">\n <StatCard label=\"Earned\" value={formatCredits(creditBalance.earned)} />\n <StatCard label=\"Purchased\" value={formatCredits(creditBalance.purchased)} />\n <StatCard label=\"Granted\" value={formatCredits(creditBalance.granted)} />\n <StatCard label=\"Withdrawable\" value={formatCredits(creditBalance.withdrawable)} />\n <StatCard label=\"Total balance\" value={formatCredits(creditBalance.total)} />\n </div>\n <div className=\"px-5 pb-4 text-xs text-text-muted\">\n {creditBalanceUsd === null\n ? 'Estimated cash value could not be loaded.'\n : `≈ ${formatCurrency(creditBalanceUsd, 'USD')} total at the current credit rate.`}\n </div>\n </>\n )}\n {inFlight > 0 && (\n <div className=\"border-t border-border-seam bg-status-warning-bg-subtle px-5 py-3 text-xs text-status-warning-text\">\n {formatCurrency(inFlight, 'USD')} is currently tied up in a pending or approved\n withdrawal request — it has already left the withdrawable balance above.\n </div>\n )}\n </section>\n\n <section className=\"overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n <div className=\"border-b border-border-seam px-5 py-4\">\n <h2 className=\"text-base font-semibold text-text-primary\">Monthly revenue trend</h2>\n <p className=\"mt-1 text-sm text-text-muted\">\n Last 12 months of gross/net revenue for this org, computed from completed sales.\n </p>\n </div>\n <MonthlyRevenueTrend points={monthly} />\n </section>\n\n <div className=\"flex flex-wrap items-center justify-between gap-3 rounded-card border border-border-seam bg-bg-surface px-5 py-4 shadow-[var(--shadow-elevation-1)]\">\n <div>\n <h2 className=\"text-sm font-semibold text-text-primary\">Viewing activity for</h2>\n <p className=\"mt-1 text-xs text-text-muted\">\n Scopes both the withdrawal history and sales tables below — pick a single month to keep\n long-running orgs easy to review, or switch to all time.\n </p>\n </div>\n <div className=\"flex items-center gap-2\">\n {periodLoading && <Loader2 className=\"size-4 animate-spin text-text-muted\" />}\n <select\n value={selectedMonth}\n onChange={(event) => handleMonthChange(event.target.value)}\n disabled={periodLoading}\n className=\"rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:opacity-50\"\n >\n <option value={ALL_TIME}>All time</option>\n {monthOptions.map((point) => (\n <option key={point.month} value={point.month}>\n {formatMonthLabel(point.month)}\n </option>\n ))}\n </select>\n </div>\n </div>\n\n <section className=\"overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n <div className=\"border-b border-border-seam px-5 py-4\">\n <h2 className=\"text-base font-semibold text-text-primary\">Withdrawal history</h2>\n <p className=\"mt-1 text-sm text-text-muted\">\n Payout requests this org made in{' '}\n {selectedMonth === ALL_TIME ? 'all time' : formatMonthLabel(selectedMonth)} — both\n revenue-share credit conversions and cash payouts — with current status.\n </p>\n </div>\n <div className={periodLoading ? 'pointer-events-none opacity-50' : undefined}>\n <WithdrawalHistory requests={payoutHistory} />\n </div>\n </section>\n\n <section className=\"overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n <div className=\"border-b border-border-seam px-5 py-4\">\n <h2 className=\"text-base font-semibold text-text-primary\">\n Sales currently contributing to earned credits\n </h2>\n <p className=\"mt-1 text-xs text-text-muted\">\n Unpaid sales purchased in{' '}\n {selectedMonth === ALL_TIME ? 'all time' : formatMonthLabel(selectedMonth)} that should\n exist as earned credits in the linked billing account until the developer withdraws\n them.\n </p>\n </div>\n <div className={`overflow-x-auto ${periodLoading ? 'pointer-events-none opacity-50' : ''}`}>\n <table className=\"min-w-full text-sm\">\n <thead className=\"bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted\">\n <tr>\n <th className=\"px-4 py-3\">Application</th>\n <th className=\"px-4 py-3\">Purchased</th>\n <th className=\"px-4 py-3\">Net revenue</th>\n <th className=\"px-4 py-3\">Credit sync</th>\n <th className=\"px-4 py-3\">Status</th>\n </tr>\n </thead>\n <tbody>\n {!detail \|\| detail.unpaidSales.items.length === 0 ? (\n <tr>\n <td colSpan={5} className=\"px-4 py-8 text-center text-sm text-text-muted\">\n No outstanding unpaid sales in this period.\n </td>\n </tr>\n ) : (\n detail.unpaidSales.items.map((sale) => (\n <tr key={sale.id} className=\"border-t border-border-seam\">\n <td className=\"px-4 py-3\">\n <div className=\"font-medium text-text-primary\">\n {sale.application?.name ?? 'Unknown app'}\n </div>\n <div className=\"text-xs text-text-muted\">\n /{sale.application?.slug ?? 'unknown'}\n </div>\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">\n {formatDateTime(sale.purchasedAt)}\n </td>\n <td className=\"px-4 py-3 text-text-primary\">\n {formatCurrency(sale.netAmount, sale.currency)}\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">\n <div>{sale.billingCreditSyncStatus ?? 'UNKNOWN'}</div>\n {sale.billingCreditSyncError && (\n <div className=\"mt-1 text-xs text-status-error-text\">\n {sale.billingCreditSyncError}\n </div>\n )}\n {sale.billingCreditSyncStatus !== 'SYNCED' && org.billingAccountId && (\n <button\n type=\"button\"\n onClick={() => {\n if (!organizationId) return;\n void (async () => {\n setRetryingSaleId(sale.id);\n try {\n await retrySaleCreditSync(sale.id, requestContext);\n await loadPeriod(\n organizationId,\n org.billingAccountId,\n selectedMonth\n );\n } finally {\n setRetryingSaleId(null);\n }\n })();\n }}\n disabled={retryingSaleId === sale.id}\n className=\"mt-2 rounded-md border border-border-subtle px-2 py-1 text-xs font-medium text-text-primary disabled:opacity-50\"\n >\n {retryingSaleId === sale.id ? 'Retrying…' : 'Retry sync'}\n </button>\n )}\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">{sale.status}</td>\n </tr>\n ))\n )}\n </tbody>\n </table>\n </div>\n </section>\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"DeveloperRevenueOrgDetailPage.js","names":[],"sources":["../../../../../src/billing/modules/earnings/pages/DeveloperRevenueOrgDetailPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type FC } from 'react';\nimport { useParams } from 'react-router';\nimport {\n ArrowLeft,\n BadgeCheck,\n CreditCard,\n Loader2,\n TrendingDown,\n TrendingUp,\n Wallet,\n} from 'lucide-react';\n\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { useBillingNavigate } from '../../../hooks/useBillingNavigate';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied, PageHeader, ServerError, StatCard } from '../../../shared/components';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport {\n formatCredits,\n formatCurrency,\n formatDateTime,\n isServerError,\n} from '../../../shared/utils';\nimport {\n fetchAdminDeveloperRevenueOrg,\n fetchAdminDeveloperRevenueOrgDetail,\n fetchAdminDeveloperRevenueOrgMonthly,\n fetchAdminPayoutRequests,\n fetchBillingAccountCreditBalance,\n fetchCreditCost,\n retrySaleCreditSync,\n type AdminDeveloperRevenueOrg,\n type AdminDeveloperRevenueOrgDetail,\n type CreditBalanceByType,\n type DeveloperOrgMonthlyRevenuePoint,\n type PayoutRequest,\n} from '../api';\n\nconst ALL_TIME = 'all';\n\nconst PAYOUT_STATUS_LABEL: Record<string, string> = {\n REQUESTED: 'Requested',\n APPROVED: 'Approved',\n REJECTED: 'Rejected',\n PROCESSING: 'Processing',\n PAID: 'Paid',\n FAILED: 'Failed',\n CANCELED: 'Canceled',\n};\n\nconst PAYOUT_STATUS_COLORS: Record<string, string> = {\n REQUESTED: 'bg-status-warning-bg-subtle text-status-warning-text',\n APPROVED: 'bg-status-info-bg-subtle text-status-info-text',\n REJECTED: 'bg-status-error-bg-subtle text-status-error-text',\n PROCESSING: 'bg-status-info-bg-subtle text-status-info-text',\n PAID: 'bg-status-success-bg-subtle text-status-success-text',\n FAILED: 'bg-status-error-bg-subtle text-status-error-text',\n CANCELED: 'bg-bg-sunken text-text-muted',\n};\n\nfunction PayoutStatusBadge({ status }: { status: string }) {\n return (\n <span\n className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${PAYOUT_STATUS_COLORS[status] ?? 'bg-bg-sunken text-text-muted'}`}\n >\n {PAYOUT_STATUS_LABEL[status] ?? status}\n </span>\n );\n}\n\nfunction formatMonthLabel(iso: string): string {\n return new Date(iso).toLocaleDateString('en-US', { month: 'short', year: 'numeric' });\n}\n\n/*\n Turns a month-start ISO string (as returned by developerOrgMonthlyRevenue,\n * always the first instant of a calendar month) into a [startDate, endDate]\n * range covering that whole month, for scoping the sales/withdrawal queries.\n * ALL_TIME returns an empty range (no filtering).\n /\nfunction monthRangeFor(month: string): { startDate?: string; endDate?: string } {\n if (month === ALL_TIME) return {};\n const start = new Date(month);\n if (Number.isNaN(start.getTime())) return {};\n const startDate = new Date(\n Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), 1)\n ).toISOString();\n const endDate = new Date(\n Date.UTC(start.getUTCFullYear(), start.getUTCMonth() + 1, 1) - 1\n ).toISOString();\n return { startDate, endDate };\n}\n\nfunction MonthlyRevenueTrend({ points }: { points: DeveloperOrgMonthlyRevenuePoint[] }) {\n if (points.length === 0) {\n return (\n <div className=\"px-5 py-10 text-center text-sm text-text-muted\">\n No sales recorded yet — the revenue trend will appear once the first sale comes in.\n </div>\n );\n }\n\n return (\n <div className=\"overflow-x-auto\">\n <table className=\"min-w-full text-sm\">\n <thead className=\"bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted\">\n <tr>\n <th className=\"px-4 py-3\">Month</th>\n <th className=\"px-4 py-3\">Gross revenue</th>\n <th className=\"px-4 py-3\">Platform fee</th>\n <th className=\"px-4 py-3\">Net revenue</th>\n <th className=\"px-4 py-3\">Sales</th>\n <th className=\"px-4 py-3\">Growth (MoM)</th>\n </tr>\n </thead>\n <tbody>\n {points.map((point, index) => {\n const prior = index > 0 ? points[index - 1] : null;\n const growthPct =\n prior && prior.grossRevenue > 0\n ? ((point.grossRevenue - prior.grossRevenue) / prior.grossRevenue) 100\n : null;\n\n return (\n <tr key={point.month} className=\"border-t border-border-seam\">\n <td className=\"px-4 py-3 font-medium text-text-primary\">\n {formatMonthLabel(point.month)}\n </td>\n <td className=\"px-4 py-3 text-text-primary\">\n {formatCurrency(point.grossRevenue, 'USD')}\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">\n {formatCurrency(point.platformFees, 'USD')}\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">\n {formatCurrency(point.netRevenue, 'USD')}\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">{point.salesCount}</td>\n <td className=\"px-4 py-3\">\n {growthPct === null ? (\n <span className=\"text-text-muted\">—</span>\n ) : (\n <span\n className={`inline-flex items-center gap-1 font-medium ${\n growthPct >= 0 ? 'text-status-success-text' : 'text-status-error-text'\n }`}\n >\n {growthPct >= 0 ? (\n <TrendingUp className=\"size-3.5\" />\n ) : (\n <TrendingDown className=\"size-3.5\" />\n )}\n {growthPct >= 0 ? '+' : ''}\n {growthPct.toFixed(1)}%\n </span>\n )}\n </td>\n </tr>\n );\n })}\n </tbody>\n </table>\n </div>\n );\n}\n\nfunction WithdrawalHistory({ requests }: { requests: PayoutRequest[] }) {\n if (requests.length === 0) {\n return (\n <div className=\"px-5 py-10 text-center text-sm text-text-muted\">\n No withdrawal requests in this period.\n </div>\n );\n }\n\n return (\n <div className=\"overflow-x-auto\">\n <table className=\"min-w-full text-sm\">\n <thead className=\"bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted\">\n <tr>\n <th className=\"px-4 py-3\">Requested</th>\n <th className=\"px-4 py-3\">Kind</th>\n <th className=\"px-4 py-3\">Amount</th>\n <th className=\"px-4 py-3\">Status</th>\n <th className=\"px-4 py-3\">Paid</th>\n <th className=\"px-4 py-3\">Notes</th>\n </tr>\n </thead>\n <tbody>\n {requests.map((request) => (\n <tr key={request.id} className=\"border-t border-border-seam\">\n <td className=\"px-4 py-3 text-text-secondary\">{formatDateTime(request.createdAt)}</td>\n <td className=\"px-4 py-3 text-text-secondary\">\n {request.requestKind === 'CREDIT_CONVERSION'\n ? 'Revenue-share credits'\n : 'Cash payout'}\n </td>\n <td className=\"px-4 py-3 font-medium text-text-primary\">\n {formatCurrency(request.requestedAmount, request.currency)}\n </td>\n <td className=\"px-4 py-3\">\n <PayoutStatusBadge status={request.status} />\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">\n {request.paidAt ? formatDateTime(request.paidAt) : '—'}\n </td>\n <td className=\"px-4 py-3 text-text-muted\">\n {request.failureReason \|\| request.userNotes \|\| '—'}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n );\n}\n\nexport const DeveloperRevenueOrgDetailPage: FC = () => {\n const { organizationId } = useParams<{ organizationId: string }>();\n const permissions = useBillingPermissions();\n const { apiGatewayUrl, authToken, orgId } = useBilling();\n const navigateTo = useBillingNavigate();\n\n const [org, setOrg] = useState<AdminDeveloperRevenueOrg \| null>(null);\n const [monthly, setMonthly] = useState<DeveloperOrgMonthlyRevenuePoint[]>([]);\n const [creditBalance, setCreditBalance] = useState<CreditBalanceByType \| null>(null);\n const [creditBalanceUsd, setCreditBalanceUsd] = useState<number \| null>(null);\n // Lifetime (unscoped) withdrawal history — drives the \"Already withdrawn\" /\n // in-flight totals up top, which must stay accurate regardless of which\n // month the tables below are currently scoped to.\n const [lifetimePayouts, setLifetimePayouts] = useState<PayoutRequest[]>([]);\n // Period-scoped data — re-fetched whenever selectedMonth changes.\n const [detail, setDetail] = useState<AdminDeveloperRevenueOrgDetail \| null>(null);\n const [payoutHistory, setPayoutHistory] = useState<PayoutRequest[]>([]);\n const [selectedMonth, setSelectedMonth] = useState<string>(ALL_TIME);\n\n const [loading, setLoading] = useState(true);\n const [periodLoading, setPeriodLoading] = useState(false);\n const [error, setError] = useState<Error \| null>(null);\n const [retryingSaleId, setRetryingSaleId] = useState<string \| null>(null);\n\n const requestContext = useMemo(\n () => ({ apiGatewayUrl, authToken, orgId }),\n [apiGatewayUrl, authToken, orgId]\n );\n\n const loadPeriod = useCallback(\n async (\n organizationIdValue: string,\n billingAccountId: string \| null \| undefined,\n month: string\n ) => {\n const range = monthRangeFor(month);\n const [detailResult, payoutsResult] = await Promise.all([\n fetchAdminDeveloperRevenueOrgDetail(organizationIdValue, requestContext, range),\n billingAccountId\n ? fetchAdminPayoutRequests(requestContext, {\n limit: 100,\n filter: { billingAccountId, ...range },\n })\n : Promise.resolve({ items: [], totalCount: 0, hasMore: false }),\n ]);\n setDetail(detailResult);\n setPayoutHistory(payoutsResult.items);\n },\n [requestContext]\n );\n\n const load = useCallback(async () => {\n if (!organizationId) return;\n setLoading(true);\n setError(null);\n try {\n const [orgResult, monthlyResult] = await Promise.all([\n fetchAdminDeveloperRevenueOrg(organizationId, requestContext),\n fetchAdminDeveloperRevenueOrgMonthly(organizationId, requestContext, 12),\n ]);\n setOrg(orgResult);\n setMonthly(monthlyResult);\n\n const billingAccountId = orgResult?.billingAccountId ?? null;\n const defaultMonth =\n monthlyResult.length > 0 ? monthlyResult[monthlyResult.length - 1].month : ALL_TIME;\n setSelectedMonth(defaultMonth);\n\n const [balanceResult, lifetimeResult] = await Promise.all([\n billingAccountId\n ? fetchBillingAccountCreditBalance(billingAccountId, requestContext)\n : Promise.resolve(null),\n billingAccountId\n ? fetchAdminPayoutRequests(requestContext, { limit: 100, filter: { billingAccountId } })\n : Promise.resolve({ items: [], totalCount: 0, hasMore: false }),\n loadPeriod(organizationId, billingAccountId, defaultMonth),\n ]);\n setCreditBalance(balanceResult);\n setLifetimePayouts(lifetimeResult.items);\n\n if (balanceResult && balanceResult.total > 0) {\n fetchCreditCost(balanceResult.total, 'USD', requestContext)\n .then(setCreditBalanceUsd)\n .catch(() => setCreditBalanceUsd(null));\n } else {\n setCreditBalanceUsd(0);\n }\n } catch (loadError) {\n setError(loadError instanceof Error ? loadError : new Error('Failed to load revenue detail'));\n } finally {\n setLoading(false);\n }\n }, [organizationId, requestContext, loadPeriod]);\n\n useEffect(() => {\n if (!permissions.isBillingAdmin) return;\n void load();\n }, [load, permissions.isBillingAdmin]);\n\n const handleMonthChange = (month: string) => {\n if (!organizationId \|\| !org) return;\n setSelectedMonth(month);\n setPeriodLoading(true);\n void loadPeriod(organizationId, org.billingAccountId, month)\n .catch((loadError) => {\n setError(loadError instanceof Error ? loadError : new Error('Failed to load period data'));\n })\n .finally(() => setPeriodLoading(false));\n };\n\n if (!permissions.isBillingAdmin) {\n return <AccessDenied message=\"You don't have permission to view developer revenue.\" />;\n }\n\n if (error && isServerError(error)) {\n return (\n <ServerError\n title=\"Developer revenue unavailable\"\n message={error.message}\n showRetry\n onRetry={() => void load()}\n />\n );\n }\n\n if (loading \|\| !org) {\n return (\n <div className=\"flex items-center justify-center py-20 text-text-secondary\">\n <Loader2 className=\"size-8 animate-spin\" />\n </div>\n );\n }\n\n const withdrawn = lifetimePayouts\n .filter((request) => request.status === 'PAID')\n .reduce((sum, request) => sum + (request.approvedAmount ?? request.requestedAmount), 0);\n const inFlight = lifetimePayouts\n .filter((request) => ['REQUESTED', 'APPROVED', 'PROCESSING'].includes(request.status))\n .reduce((sum, request) => sum + request.requestedAmount, 0);\n\n // Most-recent-first for the dropdown; `monthly` itself stays ascending\n // (oldest first) since that's what the trend table's MoM math needs.\n const monthOptions = [...monthly].reverse();\n\n return (\n <div className=\"space-y-6 p-6\">\n <PageHeader\n title={org.name}\n description={`/${org.slug}${org.isVerified ? ' · Verified developer organization' : ''}`}\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/developer-revenue')}\n className=\"inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary\"\n >\n <ArrowLeft className=\"size-4\" />\n Back to developer revenue\n </button>\n }\n />\n\n <PagePurpose>\n Store revenue for this org is credited into its linked billing account as earned credits.\n The developer withdraws those credits later through their own billing withdrawal flow — this\n page is a read-and-verify view of that whole loop, from sale to payout.\n </PagePurpose>\n\n <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-4\">\n <StatCard\n label=\"Gross revenue (all time)\"\n value={formatCurrency(org.totalRevenue, 'USD')}\n icon={<TrendingUp className=\"size-4\" />}\n />\n <StatCard\n label=\"Platform fees (all time)\"\n value={formatCurrency(org.totalPlatformFees, 'USD')}\n icon={<CreditCard className=\"size-4\" />}\n />\n <StatCard\n label=\"Pending earned credits\"\n value={formatCurrency(detail?.summary?.pendingBalance ?? org.pendingBalance, 'USD')}\n icon={<Wallet className=\"size-4\" />}\n />\n <StatCard\n label=\"Already withdrawn (all time)\"\n value={formatCurrency(withdrawn, 'USD')}\n icon={<BadgeCheck className=\"size-4\" />}\n />\n </div>\n\n <section className=\"overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n <div className=\"border-b border-border-seam px-5 py-4\">\n <h2 className=\"text-base font-semibold text-text-primary\">Billing account balance</h2>\n <p className=\"mt-1 text-sm text-text-muted\">\n The current credit ledger on the org's linked billing account, right now. These are\n credit units, not currency — 1 credit is worth a small fraction of $1 at the\n platform's current credit rate.\n </p>\n </div>\n {!org.billingAccountId ? (\n <div className=\"px-5 py-8 text-center text-sm text-text-muted\">\n No billing account is linked yet — revenue cannot be credited until this org links one.\n </div>\n ) : !creditBalance ? (\n <div className=\"px-5 py-8 text-center text-sm text-text-muted\">\n Credit balance could not be loaded.\n </div>\n ) : (\n <>\n <div className=\"grid gap-3 p-5 md:grid-cols-3 xl:grid-cols-5\">\n <StatCard label=\"Earned\" value={formatCredits(creditBalance.earned)} />\n <StatCard label=\"Purchased\" value={formatCredits(creditBalance.purchased)} />\n <StatCard label=\"Granted\" value={formatCredits(creditBalance.granted)} />\n <StatCard label=\"Withdrawable\" value={formatCredits(creditBalance.withdrawable)} />\n <StatCard label=\"Total balance\" value={formatCredits(creditBalance.total)} />\n </div>\n <div className=\"px-5 pb-4 text-xs text-text-muted\">\n {creditBalanceUsd === null\n ? 'Estimated cash value could not be loaded.'\n : `≈ ${formatCurrency(creditBalanceUsd, 'USD')} total at the current credit rate.`}\n </div>\n </>\n )}\n {inFlight > 0 && (\n <div className=\"border-t border-border-seam bg-status-warning-bg-subtle px-5 py-3 text-xs text-status-warning-text\">\n {formatCurrency(inFlight, 'USD')} is currently tied up in a pending or approved\n withdrawal request — it has already left the withdrawable balance above.\n </div>\n )}\n </section>\n\n <section className=\"overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n <div className=\"border-b border-border-seam px-5 py-4\">\n <h2 className=\"text-base font-semibold text-text-primary\">Monthly revenue trend</h2>\n <p className=\"mt-1 text-sm text-text-muted\">\n Last 12 months of gross/net revenue for this org, computed from completed sales.\n </p>\n </div>\n <MonthlyRevenueTrend points={monthly} />\n </section>\n\n <div className=\"flex flex-wrap items-center justify-between gap-3 rounded-card border border-border-seam bg-bg-surface px-5 py-4 shadow-[var(--shadow-elevation-1)]\">\n <div>\n <h2 className=\"text-sm font-semibold text-text-primary\">Viewing activity for</h2>\n <p className=\"mt-1 text-xs text-text-muted\">\n Scopes both the withdrawal history and sales tables below — pick a single month to keep\n long-running orgs easy to review, or switch to all time.\n </p>\n </div>\n <div className=\"flex items-center gap-2\">\n {periodLoading && <Loader2 className=\"size-4 animate-spin text-text-muted\" />}\n <select\n value={selectedMonth}\n onChange={(event) => handleMonthChange(event.target.value)}\n disabled={periodLoading}\n className=\"rounded-md border border-border-subtle bg-bg-surface scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary px-3 py-2 text-sm text-text-primary disabled:opacity-50\"\n >\n <option value={ALL_TIME}>All time</option>\n {monthOptions.map((point) => (\n <option key={point.month} value={point.month}>\n {formatMonthLabel(point.month)}\n </option>\n ))}\n </select>\n </div>\n </div>\n\n <section className=\"overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n <div className=\"border-b border-border-seam px-5 py-4\">\n <h2 className=\"text-base font-semibold text-text-primary\">Withdrawal history</h2>\n <p className=\"mt-1 text-sm text-text-muted\">\n Payout requests this org made in{' '}\n {selectedMonth === ALL_TIME ? 'all time' : formatMonthLabel(selectedMonth)} — both\n revenue-share credit conversions and cash payouts — with current status.\n </p>\n </div>\n <div className={periodLoading ? 'pointer-events-none opacity-50' : undefined}>\n <WithdrawalHistory requests={payoutHistory} />\n </div>\n </section>\n\n <section className=\"overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n <div className=\"border-b border-border-seam px-5 py-4\">\n <h2 className=\"text-base font-semibold text-text-primary\">\n Sales currently contributing to earned credits\n </h2>\n <p className=\"mt-1 text-xs text-text-muted\">\n Unpaid sales purchased in{' '}\n {selectedMonth === ALL_TIME ? 'all time' : formatMonthLabel(selectedMonth)} that should\n exist as earned credits in the linked billing account until the developer withdraws\n them.\n </p>\n </div>\n <div className={`overflow-x-auto ${periodLoading ? 'pointer-events-none opacity-50' : ''}`}>\n <table className=\"min-w-full text-sm\">\n <thead className=\"bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted\">\n <tr>\n <th className=\"px-4 py-3\">Application</th>\n <th className=\"px-4 py-3\">Purchased</th>\n <th className=\"px-4 py-3\">Net revenue</th>\n <th className=\"px-4 py-3\">Credit sync</th>\n <th className=\"px-4 py-3\">Status</th>\n </tr>\n </thead>\n <tbody>\n {!detail \|\| detail.unpaidSales.items.length === 0 ? (\n <tr>\n <td colSpan={5} className=\"px-4 py-8 text-center text-sm text-text-muted\">\n No outstanding unpaid sales in this period.\n </td>\n </tr>\n ) : (\n detail.unpaidSales.items.map((sale) => (\n <tr key={sale.id} className=\"border-t border-border-seam\">\n <td className=\"px-4 py-3\">\n <div className=\"font-medium text-text-primary\">\n {sale.application?.name ?? 'Unknown app'}\n </div>\n <div className=\"text-xs text-text-muted\">\n /{sale.application?.slug ?? 'unknown'}\n </div>\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">\n {formatDateTime(sale.purchasedAt)}\n </td>\n <td className=\"px-4 py-3 text-text-primary\">\n {formatCurrency(sale.netAmount, sale.currency)}\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">\n <div>{sale.billingCreditSyncStatus ?? 'UNKNOWN'}</div>\n {sale.billingCreditSyncError && (\n <div className=\"mt-1 text-xs text-status-error-text\">\n {sale.billingCreditSyncError}\n </div>\n )}\n {sale.billingCreditSyncStatus !== 'SYNCED' && org.billingAccountId && (\n <button\n type=\"button\"\n onClick={() => {\n if (!organizationId) return;\n void (async () => {\n setRetryingSaleId(sale.id);\n try {\n await retrySaleCreditSync(sale.id, requestContext);\n await loadPeriod(\n organizationId,\n org.billingAccountId,\n selectedMonth\n );\n } finally {\n setRetryingSaleId(null);\n }\n })();\n }}\n disabled={retryingSaleId === sale.id}\n className=\"mt-2 rounded-md border border-border-subtle px-2 py-1 text-xs font-medium text-text-primary disabled:opacity-50\"\n >\n {retryingSaleId === sale.id ? 'Retrying…' : 'Retry sync'}\n </button>\n )}\n </td>\n <td className=\"px-4 py-3 text-text-secondary\">{sale.status}</td>\n </tr>\n ))\n )}\n </tbody>\n </table>\n </div>\n </section>\n </div>\n );\n};\n"],"mappings":"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"}

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

@@ -337,7 +337,7 @@ var T = [
 						children: [/* @__PURE__ */ b("select", {
 							value: U,
 							onChange: (e) => W(e.target.value),
-							className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
+							className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
 							children: [
 								/* @__PURE__ */ y("option", {
 									value: "ALL",