@open-mercato/checkout 0.6.8-develop.7029.1.a1bb3363af → 0.6.8-develop.7031.1.005201cd70
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.
- package/dist/modules/checkout/backend/checkout/pay-links/page.js +3 -1
- package/dist/modules/checkout/backend/checkout/pay-links/page.js.map +2 -2
- package/dist/modules/checkout/backend/checkout/templates/page.js +3 -1
- package/dist/modules/checkout/backend/checkout/templates/page.js.map +2 -2
- package/dist/modules/checkout/backend/checkout/transactions/page.js +3 -1
- package/dist/modules/checkout/backend/checkout/transactions/page.js.map +2 -2
- package/package.json +5 -5
- package/src/modules/checkout/backend/checkout/pay-links/page.tsx +4 -1
- package/src/modules/checkout/backend/checkout/templates/page.tsx +4 -1
- package/src/modules/checkout/backend/checkout/transactions/page.tsx +4 -1
|
@@ -28,6 +28,7 @@ function CheckoutPayLinksPage() {
|
|
|
28
28
|
const [filters, setFilters] = React.useState({});
|
|
29
29
|
const [total, setTotal] = React.useState(0);
|
|
30
30
|
const [totalPages, setTotalPages] = React.useState(1);
|
|
31
|
+
const [totalIsCapped, setTotalIsCapped] = React.useState(false);
|
|
31
32
|
const [loading, setLoading] = React.useState(true);
|
|
32
33
|
const { runMutation } = useGuardedMutation({
|
|
33
34
|
contextId: "checkout:pay-links-list"
|
|
@@ -67,6 +68,7 @@ function CheckoutPayLinksPage() {
|
|
|
67
68
|
setRows(result.items ?? []);
|
|
68
69
|
setTotal(result.total ?? 0);
|
|
69
70
|
setTotalPages(result.totalPages ?? 1);
|
|
71
|
+
setTotalIsCapped(result?.totalIsCapped === true);
|
|
70
72
|
setLoading(false);
|
|
71
73
|
}, [filters.pricingMode, filters.status, page, search]);
|
|
72
74
|
React.useEffect(() => {
|
|
@@ -163,7 +165,7 @@ function CheckoutPayLinksPage() {
|
|
|
163
165
|
setFilters({});
|
|
164
166
|
setPage(1);
|
|
165
167
|
},
|
|
166
|
-
pagination: { page, pageSize: 25, total, totalPages, onPageChange: setPage },
|
|
168
|
+
pagination: { page, pageSize: 25, total, totalPages, totalIsCapped, onPageChange: setPage },
|
|
167
169
|
isLoading: loading,
|
|
168
170
|
perspective: { tableId: extensionPoints.hosts.linksTable.tableId },
|
|
169
171
|
actions: /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsxs(Link, { href: "/backend/checkout/pay-links/create", children: [
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../src/modules/checkout/backend/checkout/pay-links/page.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/checkout/modules/checkout/extension-points'\nimport Link from 'next/link'\nimport { Plus } from 'lucide-react'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\n\ntype LinkRow = {\n id: string\n name: string\n slug: string\n pricingMode: 'fixed' | 'custom_amount' | 'price_list'\n fixedPriceAmount?: number | null\n fixedPriceCurrencyCode?: string | null\n customAmountMin?: number | null\n customAmountMax?: number | null\n customAmountCurrencyCode?: string | null\n status: 'draft' | 'active' | 'inactive'\n completionCount: number\n maxCompletions?: number | null\n createdAt?: string | null\n}\n\ntype ListResponse = {\n items: LinkRow[]\n total: number\n totalPages: number\n}\n\nfunction formatDate(value: string | null | undefined): string {\n if (!value) return '\u2014'\n const parsed = new Date(value)\n return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString()\n}\n\nexport default function CheckoutPayLinksPage() {\n const t = useT()\n const [rows, setRows] = React.useState<LinkRow[]>([])\n const [page, setPage] = React.useState(1)\n const [search, setSearch] = React.useState('')\n const [filters, setFilters] = React.useState<FilterValues>({})\n const [total, setTotal] = React.useState(0)\n const [totalPages, setTotalPages] = React.useState(1)\n const [loading, setLoading] = React.useState(true)\n const { runMutation } = useGuardedMutation<{\n entityType: string\n entityId?: string\n }>({\n contextId: 'checkout:pay-links-list',\n })\n\n const filterDefs = React.useMemo<FilterDef[]>(() => [\n {\n id: 'status',\n label: t('checkout.admin.payLinks.filters.status'),\n type: 'select',\n options: [\n { value: 'draft', label: t('checkout.common.status.draft') },\n { value: 'active', label: t('checkout.common.status.active') },\n { value: 'inactive', label: t('checkout.common.status.inactive') },\n ],\n },\n {\n id: 'pricingMode',\n label: t('checkout.admin.payLinks.filters.pricing'),\n type: 'select',\n options: [\n { value: 'fixed', label: t('checkout.linkTemplateForm.pricing.modes.fixed') },\n { value: 'custom_amount', label: t('checkout.linkTemplateForm.pricing.modes.customAmount') },\n { value: 'price_list', label: t('checkout.linkTemplateForm.pricing.modes.priceList') },\n ],\n },\n ], [t])\n\n const loadRows = React.useCallback(async () => {\n setLoading(true)\n const params = new URLSearchParams({\n page: String(page),\n pageSize: '25',\n search,\n })\n if (typeof filters.status === 'string' && filters.status) params.set('status', filters.status)\n if (typeof filters.pricingMode === 'string' && filters.pricingMode) params.set('pricingMode', filters.pricingMode)\n const result = await readApiResultOrThrow<ListResponse>(`/api/checkout/links?${params.toString()}`)\n setRows(result.items ?? [])\n setTotal(result.total ?? 0)\n setTotalPages(result.totalPages ?? 1)\n setLoading(false)\n }, [filters.pricingMode, filters.status, page, search])\n\n React.useEffect(() => {\n void loadRows()\n }, [loadRows])\n\n const runRowMutation = React.useCallback(async ({\n row,\n operation,\n successMessage,\n fallbackErrorMessage,\n mutationPayload,\n }: {\n row: LinkRow\n operation: () => Promise<void>\n successMessage: string\n fallbackErrorMessage: string\n mutationPayload?: Record<string, unknown>\n }) => {\n try {\n await runMutation({\n operation,\n mutationPayload,\n context: {\n entityType: 'checkout:checkout_link',\n entityId: row.id,\n },\n })\n flash(successMessage, 'success')\n void loadRows()\n } catch (error) {\n const { message } = normalizeCrudServerError(error)\n flash(message || fallbackErrorMessage, 'error')\n }\n }, [loadRows, runMutation])\n\n const columns = React.useMemo<ColumnDef<LinkRow>[]>(() => [\n { accessorKey: 'name', header: t('checkout.admin.payLinks.columns.name') },\n {\n accessorKey: 'slug',\n header: t('checkout.admin.payLinks.columns.slug'),\n cell: ({ row }) => <span className=\"font-mono text-xs\">/pay/{row.original.slug}</span>,\n },\n {\n accessorKey: 'pricingMode',\n header: t('checkout.admin.payLinks.columns.pricing'),\n cell: ({ row }) => {\n if (row.original.pricingMode === 'fixed') {\n return t('checkout.admin.payLinks.pricing.fixed', {\n amount: row.original.fixedPriceAmount?.toFixed(2) ?? '0.00',\n currency: row.original.fixedPriceCurrencyCode ?? '',\n }).trim()\n }\n if (row.original.pricingMode === 'custom_amount') {\n return t('checkout.admin.payLinks.pricing.customAmount', {\n min: row.original.customAmountMin?.toFixed(2) ?? '0.00',\n max: row.original.customAmountMax?.toFixed(2) ?? '0.00',\n currency: row.original.customAmountCurrencyCode ?? '',\n }).trim()\n }\n return t('checkout.linkTemplateForm.pricing.modes.priceList')\n },\n },\n {\n accessorKey: 'status',\n header: t('checkout.admin.payLinks.columns.status'),\n cell: ({ row }) => (\n <Badge variant={row.original.status === 'active' ? 'default' : 'secondary'}>\n {t(`checkout.common.status.${row.original.status}`)}\n </Badge>\n ),\n },\n {\n accessorKey: 'completionCount',\n header: t('checkout.admin.payLinks.columns.uses'),\n cell: ({ row }) => `${row.original.completionCount} / ${row.original.maxCompletions ?? '\u221E'}`,\n },\n {\n accessorKey: 'createdAt',\n header: t('checkout.admin.payLinks.columns.created'),\n cell: ({ row }) => formatDate(row.original.createdAt),\n },\n ], [t])\n\n return (\n <Page>\n <PageBody>\n <DataTable\n title={t('checkout.admin.payLinks.title')}\n columns={columns}\n data={rows}\n searchValue={search}\n onSearchChange={(value) => { setSearch(value); setPage(1) }}\n searchPlaceholder={t('checkout.admin.payLinks.searchPlaceholder')}\n filters={filterDefs}\n filterValues={filters}\n onFiltersApply={(next) => { setFilters(next); setPage(1) }}\n onFiltersClear={() => { setFilters({}); setPage(1) }}\n pagination={{ page, pageSize: 25, total, totalPages, onPageChange: setPage }}\n isLoading={loading}\n perspective={{ tableId: extensionPoints.hosts.linksTable.tableId }}\n actions={(\n <Button asChild>\n <Link href=\"/backend/checkout/pay-links/create\">\n <Plus className=\"mr-2 h-4 w-4\" />\n {t('checkout.admin.payLinks.actions.create')}\n </Link>\n </Button>\n )}\n emptyState={(\n <ListEmptyState\n entityName={t('checkout.admin.payLinks.title')}\n createHref=\"/backend/checkout/pay-links/create\"\n createLabel={t('checkout.admin.payLinks.actions.create')}\n />\n )}\n rowActions={(row) => (\n <RowActions items={[\n { id: 'edit', label: t('checkout.common.actions.edit'), href: `/backend/checkout/pay-links/${encodeURIComponent(row.id)}` },\n {\n id: 'preview',\n label: t('checkout.common.actions.preview'),\n onSelect: () => window.open(`/pay/${encodeURIComponent(row.slug)}?preview=true`, '_blank', 'noopener,noreferrer'),\n },\n ...(row.status === 'active'\n ? [{\n id: 'view',\n label: t('checkout.admin.payLinks.actions.viewPayPage'),\n onSelect: () => window.open(`/pay/${encodeURIComponent(row.slug)}`, '_blank', 'noopener,noreferrer'),\n }]\n : []),\n {\n id: 'copy',\n label: t('checkout.admin.payLinks.actions.copyUrl'),\n onSelect: async () => {\n await navigator.clipboard.writeText(`${window.location.origin}/pay/${row.slug}`)\n },\n },\n { id: 'transactions', label: t('checkout.admin.payLinks.actions.showTransactions'), href: `/backend/checkout/transactions?linkId=${encodeURIComponent(row.id)}` },\n ...(row.status !== 'active'\n ? [{\n id: 'publish',\n label: t('checkout.admin.payLinks.actions.publish'),\n onSelect: async () => {\n await runRowMutation({\n row,\n successMessage: t('checkout.admin.payLinks.flash.published'),\n fallbackErrorMessage: t('checkout.admin.payLinks.flash.publishError'),\n mutationPayload: { status: 'active' },\n operation: async () => {\n await apiCallOrThrow(`/api/checkout/links/${encodeURIComponent(row.id)}`, {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ status: 'active' }),\n })\n },\n })\n },\n }]\n : [{\n id: 'deactivate',\n label: t('checkout.admin.payLinks.actions.deactivate'),\n onSelect: async () => {\n await runRowMutation({\n row,\n successMessage: t('checkout.admin.payLinks.flash.deactivated'),\n fallbackErrorMessage: t('checkout.admin.payLinks.flash.deactivateError'),\n mutationPayload: { status: 'inactive' },\n operation: async () => {\n await apiCallOrThrow(`/api/checkout/links/${encodeURIComponent(row.id)}`, {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ status: 'inactive' }),\n })\n },\n })\n },\n }]),\n {\n id: 'delete',\n label: t('checkout.common.actions.delete'),\n onSelect: async () => {\n await runRowMutation({\n row,\n successMessage: t('checkout.admin.payLinks.flash.deleted'),\n fallbackErrorMessage: t('checkout.admin.payLinks.flash.deleteError'),\n operation: async () => {\n await apiCallOrThrow(`/api/checkout/links/${encodeURIComponent(row.id)}`, { method: 'DELETE' })\n },\n })\n },\n },\n ]} />\n )}\n />\n </PageBody>\n </Page>\n )\n}\n"],
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/checkout/modules/checkout/extension-points'\nimport Link from 'next/link'\nimport { Plus } from 'lucide-react'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\n\ntype LinkRow = {\n id: string\n name: string\n slug: string\n pricingMode: 'fixed' | 'custom_amount' | 'price_list'\n fixedPriceAmount?: number | null\n fixedPriceCurrencyCode?: string | null\n customAmountMin?: number | null\n customAmountMax?: number | null\n customAmountCurrencyCode?: string | null\n status: 'draft' | 'active' | 'inactive'\n completionCount: number\n maxCompletions?: number | null\n createdAt?: string | null\n}\n\ntype ListResponse = {\n items: LinkRow[]\n total: number\n totalPages: number\n totalIsCapped?: boolean\n}\n\nfunction formatDate(value: string | null | undefined): string {\n if (!value) return '\u2014'\n const parsed = new Date(value)\n return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString()\n}\n\nexport default function CheckoutPayLinksPage() {\n const t = useT()\n const [rows, setRows] = React.useState<LinkRow[]>([])\n const [page, setPage] = React.useState(1)\n const [search, setSearch] = React.useState('')\n const [filters, setFilters] = React.useState<FilterValues>({})\n const [total, setTotal] = React.useState(0)\n const [totalPages, setTotalPages] = React.useState(1)\n const [totalIsCapped, setTotalIsCapped] = React.useState(false)\n const [loading, setLoading] = React.useState(true)\n const { runMutation } = useGuardedMutation<{\n entityType: string\n entityId?: string\n }>({\n contextId: 'checkout:pay-links-list',\n })\n\n const filterDefs = React.useMemo<FilterDef[]>(() => [\n {\n id: 'status',\n label: t('checkout.admin.payLinks.filters.status'),\n type: 'select',\n options: [\n { value: 'draft', label: t('checkout.common.status.draft') },\n { value: 'active', label: t('checkout.common.status.active') },\n { value: 'inactive', label: t('checkout.common.status.inactive') },\n ],\n },\n {\n id: 'pricingMode',\n label: t('checkout.admin.payLinks.filters.pricing'),\n type: 'select',\n options: [\n { value: 'fixed', label: t('checkout.linkTemplateForm.pricing.modes.fixed') },\n { value: 'custom_amount', label: t('checkout.linkTemplateForm.pricing.modes.customAmount') },\n { value: 'price_list', label: t('checkout.linkTemplateForm.pricing.modes.priceList') },\n ],\n },\n ], [t])\n\n const loadRows = React.useCallback(async () => {\n setLoading(true)\n const params = new URLSearchParams({\n page: String(page),\n pageSize: '25',\n search,\n })\n if (typeof filters.status === 'string' && filters.status) params.set('status', filters.status)\n if (typeof filters.pricingMode === 'string' && filters.pricingMode) params.set('pricingMode', filters.pricingMode)\n const result = await readApiResultOrThrow<ListResponse>(`/api/checkout/links?${params.toString()}`)\n setRows(result.items ?? [])\n setTotal(result.total ?? 0)\n setTotalPages(result.totalPages ?? 1)\n setTotalIsCapped(result?.totalIsCapped === true)\n setLoading(false)\n }, [filters.pricingMode, filters.status, page, search])\n\n React.useEffect(() => {\n void loadRows()\n }, [loadRows])\n\n const runRowMutation = React.useCallback(async ({\n row,\n operation,\n successMessage,\n fallbackErrorMessage,\n mutationPayload,\n }: {\n row: LinkRow\n operation: () => Promise<void>\n successMessage: string\n fallbackErrorMessage: string\n mutationPayload?: Record<string, unknown>\n }) => {\n try {\n await runMutation({\n operation,\n mutationPayload,\n context: {\n entityType: 'checkout:checkout_link',\n entityId: row.id,\n },\n })\n flash(successMessage, 'success')\n void loadRows()\n } catch (error) {\n const { message } = normalizeCrudServerError(error)\n flash(message || fallbackErrorMessage, 'error')\n }\n }, [loadRows, runMutation])\n\n const columns = React.useMemo<ColumnDef<LinkRow>[]>(() => [\n { accessorKey: 'name', header: t('checkout.admin.payLinks.columns.name') },\n {\n accessorKey: 'slug',\n header: t('checkout.admin.payLinks.columns.slug'),\n cell: ({ row }) => <span className=\"font-mono text-xs\">/pay/{row.original.slug}</span>,\n },\n {\n accessorKey: 'pricingMode',\n header: t('checkout.admin.payLinks.columns.pricing'),\n cell: ({ row }) => {\n if (row.original.pricingMode === 'fixed') {\n return t('checkout.admin.payLinks.pricing.fixed', {\n amount: row.original.fixedPriceAmount?.toFixed(2) ?? '0.00',\n currency: row.original.fixedPriceCurrencyCode ?? '',\n }).trim()\n }\n if (row.original.pricingMode === 'custom_amount') {\n return t('checkout.admin.payLinks.pricing.customAmount', {\n min: row.original.customAmountMin?.toFixed(2) ?? '0.00',\n max: row.original.customAmountMax?.toFixed(2) ?? '0.00',\n currency: row.original.customAmountCurrencyCode ?? '',\n }).trim()\n }\n return t('checkout.linkTemplateForm.pricing.modes.priceList')\n },\n },\n {\n accessorKey: 'status',\n header: t('checkout.admin.payLinks.columns.status'),\n cell: ({ row }) => (\n <Badge variant={row.original.status === 'active' ? 'default' : 'secondary'}>\n {t(`checkout.common.status.${row.original.status}`)}\n </Badge>\n ),\n },\n {\n accessorKey: 'completionCount',\n header: t('checkout.admin.payLinks.columns.uses'),\n cell: ({ row }) => `${row.original.completionCount} / ${row.original.maxCompletions ?? '\u221E'}`,\n },\n {\n accessorKey: 'createdAt',\n header: t('checkout.admin.payLinks.columns.created'),\n cell: ({ row }) => formatDate(row.original.createdAt),\n },\n ], [t])\n\n return (\n <Page>\n <PageBody>\n <DataTable\n title={t('checkout.admin.payLinks.title')}\n columns={columns}\n data={rows}\n searchValue={search}\n onSearchChange={(value) => { setSearch(value); setPage(1) }}\n searchPlaceholder={t('checkout.admin.payLinks.searchPlaceholder')}\n filters={filterDefs}\n filterValues={filters}\n onFiltersApply={(next) => { setFilters(next); setPage(1) }}\n onFiltersClear={() => { setFilters({}); setPage(1) }}\n pagination={{ page, pageSize: 25, total, totalPages, totalIsCapped, onPageChange: setPage }}\n isLoading={loading}\n perspective={{ tableId: extensionPoints.hosts.linksTable.tableId }}\n actions={(\n <Button asChild>\n <Link href=\"/backend/checkout/pay-links/create\">\n <Plus className=\"mr-2 h-4 w-4\" />\n {t('checkout.admin.payLinks.actions.create')}\n </Link>\n </Button>\n )}\n emptyState={(\n <ListEmptyState\n entityName={t('checkout.admin.payLinks.title')}\n createHref=\"/backend/checkout/pay-links/create\"\n createLabel={t('checkout.admin.payLinks.actions.create')}\n />\n )}\n rowActions={(row) => (\n <RowActions items={[\n { id: 'edit', label: t('checkout.common.actions.edit'), href: `/backend/checkout/pay-links/${encodeURIComponent(row.id)}` },\n {\n id: 'preview',\n label: t('checkout.common.actions.preview'),\n onSelect: () => window.open(`/pay/${encodeURIComponent(row.slug)}?preview=true`, '_blank', 'noopener,noreferrer'),\n },\n ...(row.status === 'active'\n ? [{\n id: 'view',\n label: t('checkout.admin.payLinks.actions.viewPayPage'),\n onSelect: () => window.open(`/pay/${encodeURIComponent(row.slug)}`, '_blank', 'noopener,noreferrer'),\n }]\n : []),\n {\n id: 'copy',\n label: t('checkout.admin.payLinks.actions.copyUrl'),\n onSelect: async () => {\n await navigator.clipboard.writeText(`${window.location.origin}/pay/${row.slug}`)\n },\n },\n { id: 'transactions', label: t('checkout.admin.payLinks.actions.showTransactions'), href: `/backend/checkout/transactions?linkId=${encodeURIComponent(row.id)}` },\n ...(row.status !== 'active'\n ? [{\n id: 'publish',\n label: t('checkout.admin.payLinks.actions.publish'),\n onSelect: async () => {\n await runRowMutation({\n row,\n successMessage: t('checkout.admin.payLinks.flash.published'),\n fallbackErrorMessage: t('checkout.admin.payLinks.flash.publishError'),\n mutationPayload: { status: 'active' },\n operation: async () => {\n await apiCallOrThrow(`/api/checkout/links/${encodeURIComponent(row.id)}`, {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ status: 'active' }),\n })\n },\n })\n },\n }]\n : [{\n id: 'deactivate',\n label: t('checkout.admin.payLinks.actions.deactivate'),\n onSelect: async () => {\n await runRowMutation({\n row,\n successMessage: t('checkout.admin.payLinks.flash.deactivated'),\n fallbackErrorMessage: t('checkout.admin.payLinks.flash.deactivateError'),\n mutationPayload: { status: 'inactive' },\n operation: async () => {\n await apiCallOrThrow(`/api/checkout/links/${encodeURIComponent(row.id)}`, {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ status: 'inactive' }),\n })\n },\n })\n },\n }]),\n {\n id: 'delete',\n label: t('checkout.common.actions.delete'),\n onSelect: async () => {\n await runRowMutation({\n row,\n successMessage: t('checkout.admin.payLinks.flash.deleted'),\n fallbackErrorMessage: t('checkout.admin.payLinks.flash.deleteError'),\n operation: async () => {\n await apiCallOrThrow(`/api/checkout/links/${encodeURIComponent(row.id)}`, { method: 'DELETE' })\n },\n })\n },\n },\n ]} />\n )}\n />\n </PageBody>\n </Page>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -25,6 +25,7 @@ function CheckoutTemplatesPage() {
|
|
|
25
25
|
const [filters, setFilters] = React.useState({});
|
|
26
26
|
const [total, setTotal] = React.useState(0);
|
|
27
27
|
const [totalPages, setTotalPages] = React.useState(1);
|
|
28
|
+
const [totalIsCapped, setTotalIsCapped] = React.useState(false);
|
|
28
29
|
const filterDefs = React.useMemo(() => [
|
|
29
30
|
{
|
|
30
31
|
id: "pricingMode",
|
|
@@ -49,6 +50,7 @@ function CheckoutTemplatesPage() {
|
|
|
49
50
|
setRows(result.items ?? []);
|
|
50
51
|
setTotal(result.total ?? 0);
|
|
51
52
|
setTotalPages(result.totalPages ?? 1);
|
|
53
|
+
setTotalIsCapped(result?.totalIsCapped === true);
|
|
52
54
|
setLoading(false);
|
|
53
55
|
}, [filters.pricingMode, page, search]);
|
|
54
56
|
React.useEffect(() => {
|
|
@@ -106,7 +108,7 @@ function CheckoutTemplatesPage() {
|
|
|
106
108
|
setFilters({});
|
|
107
109
|
setPage(1);
|
|
108
110
|
},
|
|
109
|
-
pagination: { page, pageSize: 25, total, totalPages, onPageChange: setPage },
|
|
111
|
+
pagination: { page, pageSize: 25, total, totalPages, totalIsCapped, onPageChange: setPage },
|
|
110
112
|
perspective: { tableId: extensionPoints.hosts.templatesTable.tableId },
|
|
111
113
|
actions: /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsxs(Link, { href: "/backend/checkout/templates/create", children: [
|
|
112
114
|
/* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../src/modules/checkout/backend/checkout/templates/page.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/checkout/modules/checkout/extension-points'\nimport Link from 'next/link'\nimport { Plus } from 'lucide-react'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\n\ntype TemplateRow = {\n id: string\n name: string\n pricingMode: string\n gatewayProviderKey?: string | null\n maxCompletions?: number | null\n createdAt?: string | null\n}\n\ntype ListResponse = {\n items: TemplateRow[]\n total: number\n totalPages: number\n}\n\nfunction formatDate(value: string | null | undefined): string {\n if (!value) return '\u2014'\n const parsed = new Date(value)\n return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString()\n}\n\nexport default function CheckoutTemplatesPage() {\n const t = useT()\n const [rows, setRows] = React.useState<TemplateRow[]>([])\n const [loading, setLoading] = React.useState(true)\n const [page, setPage] = React.useState(1)\n const [search, setSearch] = React.useState('')\n const [filters, setFilters] = React.useState<FilterValues>({})\n const [total, setTotal] = React.useState(0)\n const [totalPages, setTotalPages] = React.useState(1)\n\n const filterDefs = React.useMemo<FilterDef[]>(() => [\n {\n id: 'pricingMode',\n label: t('checkout.admin.templates.filters.pricingMode'),\n type: 'select',\n options: [\n { value: 'fixed', label: t('checkout.linkTemplateForm.pricing.modes.fixed') },\n { value: 'custom_amount', label: t('checkout.linkTemplateForm.pricing.modes.customAmount') },\n { value: 'price_list', label: t('checkout.linkTemplateForm.pricing.modes.priceList') },\n ],\n },\n ], [t])\n\n const loadRows = React.useCallback(async () => {\n setLoading(true)\n const params = new URLSearchParams({\n page: String(page),\n pageSize: '25',\n search,\n })\n if (typeof filters.pricingMode === 'string' && filters.pricingMode) params.set('pricingMode', filters.pricingMode)\n const result = await readApiResultOrThrow<ListResponse>(`/api/checkout/templates?${params.toString()}`)\n setRows(result.items ?? [])\n setTotal(result.total ?? 0)\n setTotalPages(result.totalPages ?? 1)\n setLoading(false)\n }, [filters.pricingMode, page, search])\n\n React.useEffect(() => {\n void loadRows()\n }, [loadRows])\n\n const columns = React.useMemo<ColumnDef<TemplateRow>[]>(() => [\n { accessorKey: 'name', header: t('checkout.admin.templates.columns.name') },\n {\n accessorKey: 'pricingMode',\n header: t('checkout.admin.templates.columns.pricingMode'),\n cell: ({ row }) => {\n const mode = row.original.pricingMode\n if (mode === 'fixed') return t('checkout.linkTemplateForm.pricing.modes.fixed')\n if (mode === 'custom_amount') return t('checkout.linkTemplateForm.pricing.modes.customAmount')\n if (mode === 'price_list') return t('checkout.linkTemplateForm.pricing.modes.priceList')\n return mode\n },\n },\n {\n accessorKey: 'gatewayProviderKey',\n header: t('checkout.admin.templates.columns.gateway'),\n cell: ({ row }) => row.original.gatewayProviderKey ?? t('checkout.common.emptyValue'),\n },\n {\n accessorKey: 'maxCompletions',\n header: t('checkout.admin.templates.columns.maxUses'),\n cell: ({ row }) => row.original.maxCompletions ?? t('checkout.admin.templates.unlimited'),\n },\n {\n accessorKey: 'createdAt',\n header: t('checkout.admin.templates.columns.created'),\n cell: ({ row }) => formatDate(row.original.createdAt),\n },\n ], [t])\n\n return (\n <Page>\n <PageBody>\n <DataTable\n title={t('checkout.admin.templates.title')}\n columns={columns}\n data={rows}\n isLoading={loading}\n searchValue={search}\n onSearchChange={(value) => { setSearch(value); setPage(1) }}\n searchPlaceholder={t('checkout.admin.templates.searchPlaceholder')}\n filters={filterDefs}\n filterValues={filters}\n onFiltersApply={(next) => { setFilters(next); setPage(1) }}\n onFiltersClear={() => { setFilters({}); setPage(1) }}\n pagination={{ page, pageSize: 25, total, totalPages, onPageChange: setPage }}\n perspective={{ tableId: extensionPoints.hosts.templatesTable.tableId }}\n actions={(\n <Button asChild>\n <Link href=\"/backend/checkout/templates/create\">\n <Plus className=\"mr-2 h-4 w-4\" />\n {t('checkout.admin.templates.actions.create')}\n </Link>\n </Button>\n )}\n emptyState={(\n <ListEmptyState\n entityName={t('checkout.admin.templates.title')}\n createHref=\"/backend/checkout/templates/create\"\n createLabel={t('checkout.admin.templates.actions.create')}\n />\n )}\n rowActions={(row) => (\n <RowActions items={[\n { id: 'edit', label: t('checkout.common.actions.edit'), href: `/backend/checkout/templates/${encodeURIComponent(row.id)}` },\n {\n id: 'preview',\n label: t('checkout.common.actions.preview'),\n onSelect: () => window.open(`/backend/checkout/templates/${encodeURIComponent(row.id)}/preview`, '_blank', 'noopener,noreferrer'),\n },\n { id: 'create-link', label: t('checkout.admin.templates.actions.createLinkFromTemplate'), href: `/backend/checkout/pay-links/create?templateId=${encodeURIComponent(row.id)}` },\n {\n id: 'delete',\n label: t('checkout.common.actions.delete'),\n onSelect: async () => {\n await apiCallOrThrow(`/api/checkout/templates/${encodeURIComponent(row.id)}`, { method: 'DELETE' })\n void loadRows()\n },\n },\n ]} />\n )}\n />\n </PageBody>\n </Page>\n )\n}\n"],
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/checkout/modules/checkout/extension-points'\nimport Link from 'next/link'\nimport { Plus } from 'lucide-react'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\n\ntype TemplateRow = {\n id: string\n name: string\n pricingMode: string\n gatewayProviderKey?: string | null\n maxCompletions?: number | null\n createdAt?: string | null\n}\n\ntype ListResponse = {\n items: TemplateRow[]\n total: number\n totalPages: number\n totalIsCapped?: boolean\n}\n\nfunction formatDate(value: string | null | undefined): string {\n if (!value) return '\u2014'\n const parsed = new Date(value)\n return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString()\n}\n\nexport default function CheckoutTemplatesPage() {\n const t = useT()\n const [rows, setRows] = React.useState<TemplateRow[]>([])\n const [loading, setLoading] = React.useState(true)\n const [page, setPage] = React.useState(1)\n const [search, setSearch] = React.useState('')\n const [filters, setFilters] = React.useState<FilterValues>({})\n const [total, setTotal] = React.useState(0)\n const [totalPages, setTotalPages] = React.useState(1)\n const [totalIsCapped, setTotalIsCapped] = React.useState(false)\n\n const filterDefs = React.useMemo<FilterDef[]>(() => [\n {\n id: 'pricingMode',\n label: t('checkout.admin.templates.filters.pricingMode'),\n type: 'select',\n options: [\n { value: 'fixed', label: t('checkout.linkTemplateForm.pricing.modes.fixed') },\n { value: 'custom_amount', label: t('checkout.linkTemplateForm.pricing.modes.customAmount') },\n { value: 'price_list', label: t('checkout.linkTemplateForm.pricing.modes.priceList') },\n ],\n },\n ], [t])\n\n const loadRows = React.useCallback(async () => {\n setLoading(true)\n const params = new URLSearchParams({\n page: String(page),\n pageSize: '25',\n search,\n })\n if (typeof filters.pricingMode === 'string' && filters.pricingMode) params.set('pricingMode', filters.pricingMode)\n const result = await readApiResultOrThrow<ListResponse>(`/api/checkout/templates?${params.toString()}`)\n setRows(result.items ?? [])\n setTotal(result.total ?? 0)\n setTotalPages(result.totalPages ?? 1)\n setTotalIsCapped(result?.totalIsCapped === true)\n setLoading(false)\n }, [filters.pricingMode, page, search])\n\n React.useEffect(() => {\n void loadRows()\n }, [loadRows])\n\n const columns = React.useMemo<ColumnDef<TemplateRow>[]>(() => [\n { accessorKey: 'name', header: t('checkout.admin.templates.columns.name') },\n {\n accessorKey: 'pricingMode',\n header: t('checkout.admin.templates.columns.pricingMode'),\n cell: ({ row }) => {\n const mode = row.original.pricingMode\n if (mode === 'fixed') return t('checkout.linkTemplateForm.pricing.modes.fixed')\n if (mode === 'custom_amount') return t('checkout.linkTemplateForm.pricing.modes.customAmount')\n if (mode === 'price_list') return t('checkout.linkTemplateForm.pricing.modes.priceList')\n return mode\n },\n },\n {\n accessorKey: 'gatewayProviderKey',\n header: t('checkout.admin.templates.columns.gateway'),\n cell: ({ row }) => row.original.gatewayProviderKey ?? t('checkout.common.emptyValue'),\n },\n {\n accessorKey: 'maxCompletions',\n header: t('checkout.admin.templates.columns.maxUses'),\n cell: ({ row }) => row.original.maxCompletions ?? t('checkout.admin.templates.unlimited'),\n },\n {\n accessorKey: 'createdAt',\n header: t('checkout.admin.templates.columns.created'),\n cell: ({ row }) => formatDate(row.original.createdAt),\n },\n ], [t])\n\n return (\n <Page>\n <PageBody>\n <DataTable\n title={t('checkout.admin.templates.title')}\n columns={columns}\n data={rows}\n isLoading={loading}\n searchValue={search}\n onSearchChange={(value) => { setSearch(value); setPage(1) }}\n searchPlaceholder={t('checkout.admin.templates.searchPlaceholder')}\n filters={filterDefs}\n filterValues={filters}\n onFiltersApply={(next) => { setFilters(next); setPage(1) }}\n onFiltersClear={() => { setFilters({}); setPage(1) }}\n pagination={{ page, pageSize: 25, total, totalPages, totalIsCapped, onPageChange: setPage }}\n perspective={{ tableId: extensionPoints.hosts.templatesTable.tableId }}\n actions={(\n <Button asChild>\n <Link href=\"/backend/checkout/templates/create\">\n <Plus className=\"mr-2 h-4 w-4\" />\n {t('checkout.admin.templates.actions.create')}\n </Link>\n </Button>\n )}\n emptyState={(\n <ListEmptyState\n entityName={t('checkout.admin.templates.title')}\n createHref=\"/backend/checkout/templates/create\"\n createLabel={t('checkout.admin.templates.actions.create')}\n />\n )}\n rowActions={(row) => (\n <RowActions items={[\n { id: 'edit', label: t('checkout.common.actions.edit'), href: `/backend/checkout/templates/${encodeURIComponent(row.id)}` },\n {\n id: 'preview',\n label: t('checkout.common.actions.preview'),\n onSelect: () => window.open(`/backend/checkout/templates/${encodeURIComponent(row.id)}/preview`, '_blank', 'noopener,noreferrer'),\n },\n { id: 'create-link', label: t('checkout.admin.templates.actions.createLinkFromTemplate'), href: `/backend/checkout/pay-links/create?templateId=${encodeURIComponent(row.id)}` },\n {\n id: 'delete',\n label: t('checkout.common.actions.delete'),\n onSelect: async () => {\n await apiCallOrThrow(`/api/checkout/templates/${encodeURIComponent(row.id)}`, { method: 'DELETE' })\n void loadRows()\n },\n },\n ]} />\n )}\n />\n </PageBody>\n </Page>\n )\n}\n"],
|
|
5
|
+
"mappings": ";AAkIc,SACE,KADF;AAjId,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,OAAO,UAAU;AACjB,SAAS,YAAY;AAErB,SAAS,YAAY;AAErB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,gBAAgB,4BAA4B;AACrD,SAAS,sBAAsB;AAkB/B,SAAS,WAAW,OAA0C;AAC5D,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,SAAS,IAAI,KAAK,KAAK;AAC7B,SAAO,OAAO,MAAM,OAAO,QAAQ,CAAC,IAAI,QAAQ,OAAO,mBAAmB;AAC5E;AAEe,SAAR,wBAAyC;AAC9C,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAwB,CAAC,CAAC;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,CAAC;AACxC,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAE;AAC7C,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAuB,CAAC,CAAC;AAC7D,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,CAAC;AAC1C,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AACpD,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,KAAK;AAE9D,QAAM,aAAa,MAAM,QAAqB,MAAM;AAAA,IAClD;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,8CAA8C;AAAA,MACvD,MAAM;AAAA,MACN,SAAS;AAAA,QACP,EAAE,OAAO,SAAS,OAAO,EAAE,+CAA+C,EAAE;AAAA,QAC5E,EAAE,OAAO,iBAAiB,OAAO,EAAE,sDAAsD,EAAE;AAAA,QAC3F,EAAE,OAAO,cAAc,OAAO,EAAE,mDAAmD,EAAE;AAAA,MACvF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC,CAAC;AAEN,QAAM,WAAW,MAAM,YAAY,YAAY;AAC7C,eAAW,IAAI;AACf,UAAM,SAAS,IAAI,gBAAgB;AAAA,MACjC,MAAM,OAAO,IAAI;AAAA,MACjB,UAAU;AAAA,MACV;AAAA,IACF,CAAC;AACD,QAAI,OAAO,QAAQ,gBAAgB,YAAY,QAAQ,YAAa,QAAO,IAAI,eAAe,QAAQ,WAAW;AACjH,UAAM,SAAS,MAAM,qBAAmC,2BAA2B,OAAO,SAAS,CAAC,EAAE;AACtG,YAAQ,OAAO,SAAS,CAAC,CAAC;AAC1B,aAAS,OAAO,SAAS,CAAC;AAC1B,kBAAc,OAAO,cAAc,CAAC;AACpC,qBAAiB,QAAQ,kBAAkB,IAAI;AAC/C,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,QAAQ,aAAa,MAAM,MAAM,CAAC;AAEtC,QAAM,UAAU,MAAM;AACpB,SAAK,SAAS;AAAA,EAChB,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,UAAU,MAAM,QAAkC,MAAM;AAAA,IAC5D,EAAE,aAAa,QAAQ,QAAQ,EAAE,uCAAuC,EAAE;AAAA,IAC1E;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,8CAA8C;AAAA,MACxD,MAAM,CAAC,EAAE,IAAI,MAAM;AACjB,cAAM,OAAO,IAAI,SAAS;AAC1B,YAAI,SAAS,QAAS,QAAO,EAAE,+CAA+C;AAC9E,YAAI,SAAS,gBAAiB,QAAO,EAAE,sDAAsD;AAC7F,YAAI,SAAS,aAAc,QAAO,EAAE,mDAAmD;AACvF,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,0CAA0C;AAAA,MACpD,MAAM,CAAC,EAAE,IAAI,MAAM,IAAI,SAAS,sBAAsB,EAAE,4BAA4B;AAAA,IACtF;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,0CAA0C;AAAA,MACpD,MAAM,CAAC,EAAE,IAAI,MAAM,IAAI,SAAS,kBAAkB,EAAE,oCAAoC;AAAA,IAC1F;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,0CAA0C;AAAA,MACpD,MAAM,CAAC,EAAE,IAAI,MAAM,WAAW,IAAI,SAAS,SAAS;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,CAAC,CAAC;AAEN,SACE,oBAAC,QACC,8BAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,gCAAgC;AAAA,MACzC;AAAA,MACA,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,MACb,gBAAgB,CAAC,UAAU;AAAE,kBAAU,KAAK;AAAG,gBAAQ,CAAC;AAAA,MAAE;AAAA,MAC1D,mBAAmB,EAAE,4CAA4C;AAAA,MACjE,SAAS;AAAA,MACT,cAAc;AAAA,MACd,gBAAgB,CAAC,SAAS;AAAE,mBAAW,IAAI;AAAG,gBAAQ,CAAC;AAAA,MAAE;AAAA,MACzD,gBAAgB,MAAM;AAAE,mBAAW,CAAC,CAAC;AAAG,gBAAQ,CAAC;AAAA,MAAE;AAAA,MACnD,YAAY,EAAE,MAAM,UAAU,IAAI,OAAO,YAAY,eAAe,cAAc,QAAQ;AAAA,MAC1F,aAAa,EAAE,SAAS,gBAAgB,MAAM,eAAe,QAAQ;AAAA,MACrE,SACE,oBAAC,UAAO,SAAO,MACb,+BAAC,QAAK,MAAK,sCACT;AAAA,4BAAC,QAAK,WAAU,gBAAe;AAAA,QAC9B,EAAE,yCAAyC;AAAA,SAC9C,GACF;AAAA,MAEF,YACE;AAAA,QAAC;AAAA;AAAA,UACC,YAAY,EAAE,gCAAgC;AAAA,UAC9C,YAAW;AAAA,UACX,aAAa,EAAE,yCAAyC;AAAA;AAAA,MAC1D;AAAA,MAEF,YAAY,CAAC,QACX,oBAAC,cAAW,OAAO;AAAA,QACjB,EAAE,IAAI,QAAQ,OAAO,EAAE,8BAA8B,GAAG,MAAM,+BAA+B,mBAAmB,IAAI,EAAE,CAAC,GAAG;AAAA,QAC1H;AAAA,UACE,IAAI;AAAA,UACJ,OAAO,EAAE,iCAAiC;AAAA,UAC1C,UAAU,MAAM,OAAO,KAAK,+BAA+B,mBAAmB,IAAI,EAAE,CAAC,YAAY,UAAU,qBAAqB;AAAA,QAClI;AAAA,QACA,EAAE,IAAI,eAAe,OAAO,EAAE,yDAAyD,GAAG,MAAM,iDAAiD,mBAAmB,IAAI,EAAE,CAAC,GAAG;AAAA,QAC9K;AAAA,UACE,IAAI;AAAA,UACJ,OAAO,EAAE,gCAAgC;AAAA,UACzC,UAAU,YAAY;AACpB,kBAAM,eAAe,2BAA2B,mBAAmB,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,SAAS,CAAC;AAClG,iBAAK,SAAS;AAAA,UAChB;AAAA,QACF;AAAA,MACF,GAAG;AAAA;AAAA,EAEP,GACF,GACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -35,6 +35,7 @@ function CheckoutTransactionsPage() {
|
|
|
35
35
|
const [filters, setFilters] = React.useState(() => initialLinkId ? { linkId: initialLinkId } : {});
|
|
36
36
|
const [total, setTotal] = React.useState(0);
|
|
37
37
|
const [totalPages, setTotalPages] = React.useState(1);
|
|
38
|
+
const [totalIsCapped, setTotalIsCapped] = React.useState(false);
|
|
38
39
|
const [loading, setLoading] = React.useState(true);
|
|
39
40
|
const [canViewPii, setCanViewPii] = React.useState(false);
|
|
40
41
|
const [linkLabels, setLinkLabels] = React.useState({});
|
|
@@ -126,6 +127,7 @@ function CheckoutTransactionsPage() {
|
|
|
126
127
|
);
|
|
127
128
|
setTotal(result.total ?? 0);
|
|
128
129
|
setTotalPages(result.totalPages ?? 1);
|
|
130
|
+
setTotalIsCapped(result?.totalIsCapped === true);
|
|
129
131
|
setCanViewPii(result.canViewPii === true);
|
|
130
132
|
setLoading(false);
|
|
131
133
|
}, [filters.linkId, filters.status, page, rememberLinkOptions, search]);
|
|
@@ -197,7 +199,7 @@ function CheckoutTransactionsPage() {
|
|
|
197
199
|
setFilters({});
|
|
198
200
|
setPage(1);
|
|
199
201
|
},
|
|
200
|
-
pagination: { page, pageSize: 25, total, totalPages, onPageChange: setPage },
|
|
202
|
+
pagination: { page, pageSize: 25, total, totalPages, totalIsCapped, onPageChange: setPage },
|
|
201
203
|
perspective: { tableId: extensionPoints.hosts.transactionsTable.tableId },
|
|
202
204
|
rowClickActionIds: ["view"],
|
|
203
205
|
rowActions: (row) => /* @__PURE__ */ jsx(RowActions, { items: [{ id: "view", label: t("checkout.admin.transactions.actions.viewDetail"), href: `/backend/checkout/transactions/${encodeURIComponent(row.id)}` }] })
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../src/modules/checkout/backend/checkout/transactions/page.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/checkout/modules/checkout/extension-points'\nimport { useSearchParams } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { apiCall, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\n\ntype TransactionRow = {\n id: string\n linkId: string\n linkName?: string | null\n firstName?: string | null\n lastName?: string | null\n email?: string | null\n amount?: number | null\n currencyCode: string\n status: string\n paymentStatus?: string | null\n createdAt?: string | null\n}\n\ntype TransactionsResponse = {\n items: TransactionRow[]\n total: number\n totalPages: number\n canViewPii?: boolean\n}\n\ntype LinkLookupResponse = {\n id: string\n name?: string | null\n}\n\ntype LinkListResponse = {\n items?: Array<Record<string, unknown>>\n}\n\nfunction formatDate(value: string | null | undefined): string {\n if (!value) return '\u2014'\n const parsed = new Date(value)\n return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString()\n}\n\nfunction formatAmount(amount: number | null | undefined, currencyCode: string): string {\n const resolved = typeof amount === 'number' ? amount : 0\n try {\n return new Intl.NumberFormat(undefined, { style: 'currency', currency: currencyCode }).format(resolved)\n } catch {\n return `${resolved.toFixed(2)} ${currencyCode}`\n }\n}\n\nexport default function CheckoutTransactionsPage() {\n const t = useT()\n const searchParams = useSearchParams()\n const initialLinkId = React.useMemo(() => {\n const raw = searchParams.get('linkId')\n return raw && raw.trim().length > 0 ? raw.trim() : ''\n }, [searchParams])\n const [rows, setRows] = React.useState<TransactionRow[]>([])\n const [page, setPage] = React.useState(1)\n const [search, setSearch] = React.useState('')\n const [filters, setFilters] = React.useState<FilterValues>(() => (initialLinkId ? { linkId: initialLinkId } : {}))\n const [total, setTotal] = React.useState(0)\n const [totalPages, setTotalPages] = React.useState(1)\n const [loading, setLoading] = React.useState(true)\n const [canViewPii, setCanViewPii] = React.useState(false)\n const [linkLabels, setLinkLabels] = React.useState<Record<string, string>>({})\n\n const rememberLinkOptions = React.useCallback((options: Array<{ value: string; label: string }>) => {\n if (!options.length) return\n setLinkLabels((prev) => {\n let changed = false\n const next = { ...prev }\n for (const option of options) {\n if (!option.value || !option.label) continue\n if (next[option.value] === option.label) continue\n next[option.value] = option.label\n changed = true\n }\n return changed ? next : prev\n })\n }, [])\n\n const loadLinkOptions = React.useCallback(async (query?: string): Promise<Array<{ value: string; label: string }>> => {\n const params = new URLSearchParams({ page: '1', pageSize: '20' })\n if (query && query.trim().length > 0) params.set('search', query.trim())\n try {\n const call = await apiCall<LinkListResponse>(`/api/checkout/links?${params.toString()}`)\n if (!call.ok) return []\n const items = Array.isArray(call.result?.items) ? call.result.items : []\n const options = items\n .map((item): { value: string; label: string } | null => {\n const id = typeof item.id === 'string' ? item.id : null\n const name = typeof item.name === 'string' ? item.name : null\n if (!id || !name) return null\n return { value: id, label: name }\n })\n .filter((option): option is { value: string; label: string } => option !== null)\n rememberLinkOptions(options)\n return options\n } catch {\n return []\n }\n }, [rememberLinkOptions])\n\n React.useEffect(() => {\n if (!initialLinkId || linkLabels[initialLinkId]) return\n let active = true\n void readApiResultOrThrow<LinkLookupResponse>(`/api/checkout/links/${encodeURIComponent(initialLinkId)}`)\n .then((result) => {\n if (!active) return\n const name = typeof result.name === 'string' ? result.name.trim() : ''\n if (!name) return\n rememberLinkOptions([{ value: initialLinkId, label: name }])\n })\n .catch(() => null)\n return () => {\n active = false\n }\n }, [initialLinkId, linkLabels, rememberLinkOptions])\n\n const filterDefs = React.useMemo<FilterDef[]>(() => [\n {\n id: 'linkId',\n label: t('checkout.admin.transactions.filters.link'),\n type: 'combobox',\n placeholder: t('checkout.admin.payLinks.searchPlaceholder'),\n loadOptions: loadLinkOptions,\n formatValue: (value) => linkLabels[value] ?? value,\n },\n {\n id: 'status',\n label: t('checkout.admin.transactions.filters.status'),\n type: 'select',\n options: [\n { value: 'pending', label: t('checkout.admin.transactions.status.pending') },\n { value: 'processing', label: t('checkout.admin.transactions.status.processing') },\n { value: 'completed', label: t('checkout.admin.transactions.status.completed') },\n { value: 'failed', label: t('checkout.admin.transactions.status.failed') },\n { value: 'cancelled', label: t('checkout.admin.transactions.status.cancelled') },\n { value: 'expired', label: t('checkout.admin.transactions.status.expired') },\n ],\n },\n ], [linkLabels, loadLinkOptions, t])\n\n const loadRows = React.useCallback(async () => {\n setLoading(true)\n const params = new URLSearchParams({\n page: String(page),\n pageSize: '25',\n search,\n })\n if (typeof filters.status === 'string' && filters.status) params.set('status', filters.status)\n if (typeof filters.linkId === 'string' && filters.linkId) params.set('linkId', filters.linkId)\n const result = await readApiResultOrThrow<TransactionsResponse>(`/api/checkout/transactions?${params.toString()}`)\n setRows(result.items ?? [])\n rememberLinkOptions(\n (result.items ?? [])\n .map((item) => {\n if (!item.linkId || !item.linkName) return null\n return { value: item.linkId, label: item.linkName }\n })\n .filter((option): option is { value: string; label: string } => option !== null),\n )\n setTotal(result.total ?? 0)\n setTotalPages(result.totalPages ?? 1)\n setCanViewPii(result.canViewPii === true)\n setLoading(false)\n }, [filters.linkId, filters.status, page, rememberLinkOptions, search])\n\n React.useEffect(() => {\n void loadRows()\n }, [loadRows])\n\n const columns = React.useMemo<ColumnDef<TransactionRow>[]>(() => {\n const baseColumns: ColumnDef<TransactionRow>[] = [\n { accessorKey: 'linkName', header: t('checkout.admin.transactions.columns.link') },\n ]\n if (canViewPii) {\n baseColumns.push(\n {\n id: 'customer',\n header: t('checkout.admin.transactions.columns.customer'),\n cell: ({ row }) => [row.original.firstName, row.original.lastName].filter(Boolean).join(' ') || t('checkout.common.emptyValue'),\n },\n {\n accessorKey: 'email',\n header: t('checkout.admin.transactions.columns.email'),\n cell: ({ row }) => row.original.email ?? t('checkout.common.emptyValue'),\n },\n )\n }\n baseColumns.push(\n {\n accessorKey: 'amount',\n header: t('checkout.admin.transactions.columns.amount'),\n cell: ({ row }) => formatAmount(row.original.amount, row.original.currencyCode),\n },\n {\n accessorKey: 'status',\n header: t('checkout.admin.transactions.columns.status'),\n cell: ({ row }) => <Badge variant=\"secondary\">{t(`checkout.admin.transactions.status.${row.original.status}`, row.original.status)}</Badge>,\n },\n {\n accessorKey: 'paymentStatus',\n header: t('checkout.admin.transactions.columns.paymentStatus'),\n cell: ({ row }) => row.original.paymentStatus ?? t('checkout.common.emptyValue'),\n },\n {\n accessorKey: 'createdAt',\n header: t('checkout.admin.transactions.columns.date'),\n cell: ({ row }) => formatDate(row.original.createdAt),\n },\n )\n return baseColumns\n }, [canViewPii, t])\n\n return (\n <Page>\n <PageBody>\n <DataTable\n title={t('checkout.admin.transactions.title')}\n columns={columns}\n data={rows}\n isLoading={loading}\n searchValue={search}\n onSearchChange={(value) => { setSearch(value); setPage(1) }}\n searchPlaceholder={t('checkout.admin.transactions.searchPlaceholder')}\n filters={filterDefs}\n filterValues={filters}\n onFiltersApply={(next) => { setFilters(next); setPage(1) }}\n onFiltersClear={() => { setFilters({}); setPage(1) }}\n pagination={{ page, pageSize: 25, total, totalPages, onPageChange: setPage }}\n perspective={{ tableId: extensionPoints.hosts.transactionsTable.tableId }}\n rowClickActionIds={['view']}\n rowActions={(row) => <RowActions items={[{ id: 'view', label: t('checkout.admin.transactions.actions.viewDetail'), href: `/backend/checkout/transactions/${encodeURIComponent(row.id)}` }]} />}\n />\n </PageBody>\n </Page>\n )\n}\n"],
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/checkout/modules/checkout/extension-points'\nimport { useSearchParams } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { apiCall, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\n\ntype TransactionRow = {\n id: string\n linkId: string\n linkName?: string | null\n firstName?: string | null\n lastName?: string | null\n email?: string | null\n amount?: number | null\n currencyCode: string\n status: string\n paymentStatus?: string | null\n createdAt?: string | null\n}\n\ntype TransactionsResponse = {\n items: TransactionRow[]\n total: number\n totalPages: number\n totalIsCapped?: boolean\n canViewPii?: boolean\n}\n\ntype LinkLookupResponse = {\n id: string\n name?: string | null\n}\n\ntype LinkListResponse = {\n items?: Array<Record<string, unknown>>\n}\n\nfunction formatDate(value: string | null | undefined): string {\n if (!value) return '\u2014'\n const parsed = new Date(value)\n return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString()\n}\n\nfunction formatAmount(amount: number | null | undefined, currencyCode: string): string {\n const resolved = typeof amount === 'number' ? amount : 0\n try {\n return new Intl.NumberFormat(undefined, { style: 'currency', currency: currencyCode }).format(resolved)\n } catch {\n return `${resolved.toFixed(2)} ${currencyCode}`\n }\n}\n\nexport default function CheckoutTransactionsPage() {\n const t = useT()\n const searchParams = useSearchParams()\n const initialLinkId = React.useMemo(() => {\n const raw = searchParams.get('linkId')\n return raw && raw.trim().length > 0 ? raw.trim() : ''\n }, [searchParams])\n const [rows, setRows] = React.useState<TransactionRow[]>([])\n const [page, setPage] = React.useState(1)\n const [search, setSearch] = React.useState('')\n const [filters, setFilters] = React.useState<FilterValues>(() => (initialLinkId ? { linkId: initialLinkId } : {}))\n const [total, setTotal] = React.useState(0)\n const [totalPages, setTotalPages] = React.useState(1)\n const [totalIsCapped, setTotalIsCapped] = React.useState(false)\n const [loading, setLoading] = React.useState(true)\n const [canViewPii, setCanViewPii] = React.useState(false)\n const [linkLabels, setLinkLabels] = React.useState<Record<string, string>>({})\n\n const rememberLinkOptions = React.useCallback((options: Array<{ value: string; label: string }>) => {\n if (!options.length) return\n setLinkLabels((prev) => {\n let changed = false\n const next = { ...prev }\n for (const option of options) {\n if (!option.value || !option.label) continue\n if (next[option.value] === option.label) continue\n next[option.value] = option.label\n changed = true\n }\n return changed ? next : prev\n })\n }, [])\n\n const loadLinkOptions = React.useCallback(async (query?: string): Promise<Array<{ value: string; label: string }>> => {\n const params = new URLSearchParams({ page: '1', pageSize: '20' })\n if (query && query.trim().length > 0) params.set('search', query.trim())\n try {\n const call = await apiCall<LinkListResponse>(`/api/checkout/links?${params.toString()}`)\n if (!call.ok) return []\n const items = Array.isArray(call.result?.items) ? call.result.items : []\n const options = items\n .map((item): { value: string; label: string } | null => {\n const id = typeof item.id === 'string' ? item.id : null\n const name = typeof item.name === 'string' ? item.name : null\n if (!id || !name) return null\n return { value: id, label: name }\n })\n .filter((option): option is { value: string; label: string } => option !== null)\n rememberLinkOptions(options)\n return options\n } catch {\n return []\n }\n }, [rememberLinkOptions])\n\n React.useEffect(() => {\n if (!initialLinkId || linkLabels[initialLinkId]) return\n let active = true\n void readApiResultOrThrow<LinkLookupResponse>(`/api/checkout/links/${encodeURIComponent(initialLinkId)}`)\n .then((result) => {\n if (!active) return\n const name = typeof result.name === 'string' ? result.name.trim() : ''\n if (!name) return\n rememberLinkOptions([{ value: initialLinkId, label: name }])\n })\n .catch(() => null)\n return () => {\n active = false\n }\n }, [initialLinkId, linkLabels, rememberLinkOptions])\n\n const filterDefs = React.useMemo<FilterDef[]>(() => [\n {\n id: 'linkId',\n label: t('checkout.admin.transactions.filters.link'),\n type: 'combobox',\n placeholder: t('checkout.admin.payLinks.searchPlaceholder'),\n loadOptions: loadLinkOptions,\n formatValue: (value) => linkLabels[value] ?? value,\n },\n {\n id: 'status',\n label: t('checkout.admin.transactions.filters.status'),\n type: 'select',\n options: [\n { value: 'pending', label: t('checkout.admin.transactions.status.pending') },\n { value: 'processing', label: t('checkout.admin.transactions.status.processing') },\n { value: 'completed', label: t('checkout.admin.transactions.status.completed') },\n { value: 'failed', label: t('checkout.admin.transactions.status.failed') },\n { value: 'cancelled', label: t('checkout.admin.transactions.status.cancelled') },\n { value: 'expired', label: t('checkout.admin.transactions.status.expired') },\n ],\n },\n ], [linkLabels, loadLinkOptions, t])\n\n const loadRows = React.useCallback(async () => {\n setLoading(true)\n const params = new URLSearchParams({\n page: String(page),\n pageSize: '25',\n search,\n })\n if (typeof filters.status === 'string' && filters.status) params.set('status', filters.status)\n if (typeof filters.linkId === 'string' && filters.linkId) params.set('linkId', filters.linkId)\n const result = await readApiResultOrThrow<TransactionsResponse>(`/api/checkout/transactions?${params.toString()}`)\n setRows(result.items ?? [])\n rememberLinkOptions(\n (result.items ?? [])\n .map((item) => {\n if (!item.linkId || !item.linkName) return null\n return { value: item.linkId, label: item.linkName }\n })\n .filter((option): option is { value: string; label: string } => option !== null),\n )\n setTotal(result.total ?? 0)\n setTotalPages(result.totalPages ?? 1)\n setTotalIsCapped(result?.totalIsCapped === true)\n setCanViewPii(result.canViewPii === true)\n setLoading(false)\n }, [filters.linkId, filters.status, page, rememberLinkOptions, search])\n\n React.useEffect(() => {\n void loadRows()\n }, [loadRows])\n\n const columns = React.useMemo<ColumnDef<TransactionRow>[]>(() => {\n const baseColumns: ColumnDef<TransactionRow>[] = [\n { accessorKey: 'linkName', header: t('checkout.admin.transactions.columns.link') },\n ]\n if (canViewPii) {\n baseColumns.push(\n {\n id: 'customer',\n header: t('checkout.admin.transactions.columns.customer'),\n cell: ({ row }) => [row.original.firstName, row.original.lastName].filter(Boolean).join(' ') || t('checkout.common.emptyValue'),\n },\n {\n accessorKey: 'email',\n header: t('checkout.admin.transactions.columns.email'),\n cell: ({ row }) => row.original.email ?? t('checkout.common.emptyValue'),\n },\n )\n }\n baseColumns.push(\n {\n accessorKey: 'amount',\n header: t('checkout.admin.transactions.columns.amount'),\n cell: ({ row }) => formatAmount(row.original.amount, row.original.currencyCode),\n },\n {\n accessorKey: 'status',\n header: t('checkout.admin.transactions.columns.status'),\n cell: ({ row }) => <Badge variant=\"secondary\">{t(`checkout.admin.transactions.status.${row.original.status}`, row.original.status)}</Badge>,\n },\n {\n accessorKey: 'paymentStatus',\n header: t('checkout.admin.transactions.columns.paymentStatus'),\n cell: ({ row }) => row.original.paymentStatus ?? t('checkout.common.emptyValue'),\n },\n {\n accessorKey: 'createdAt',\n header: t('checkout.admin.transactions.columns.date'),\n cell: ({ row }) => formatDate(row.original.createdAt),\n },\n )\n return baseColumns\n }, [canViewPii, t])\n\n return (\n <Page>\n <PageBody>\n <DataTable\n title={t('checkout.admin.transactions.title')}\n columns={columns}\n data={rows}\n isLoading={loading}\n searchValue={search}\n onSearchChange={(value) => { setSearch(value); setPage(1) }}\n searchPlaceholder={t('checkout.admin.transactions.searchPlaceholder')}\n filters={filterDefs}\n filterValues={filters}\n onFiltersApply={(next) => { setFilters(next); setPage(1) }}\n onFiltersClear={() => { setFilters({}); setPage(1) }}\n pagination={{ page, pageSize: 25, total, totalPages, totalIsCapped, onPageChange: setPage }}\n perspective={{ tableId: extensionPoints.hosts.transactionsTable.tableId }}\n rowClickActionIds={['view']}\n rowActions={(row) => <RowActions items={[{ id: 'view', label: t('checkout.admin.transactions.actions.viewDetail'), href: `/backend/checkout/transactions/${encodeURIComponent(row.id)}` }]} />}\n />\n </PageBody>\n </Page>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@open-mercato/checkout",
|
|
3
|
-
"version": "0.6.8-develop.
|
|
3
|
+
"version": "0.6.8-develop.7031.1.005201cd70",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -62,18 +62,18 @@
|
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
64
|
"dependencies": {
|
|
65
|
-
"@open-mercato/core": "0.6.8-develop.
|
|
66
|
-
"@open-mercato/ui": "0.6.8-develop.
|
|
65
|
+
"@open-mercato/core": "0.6.8-develop.7031.1.005201cd70",
|
|
66
|
+
"@open-mercato/ui": "0.6.8-develop.7031.1.005201cd70",
|
|
67
67
|
"bcryptjs": "^3.0.3"
|
|
68
68
|
},
|
|
69
69
|
"peerDependencies": {
|
|
70
70
|
"@mikro-orm/postgresql": "^7.0.14",
|
|
71
|
-
"@open-mercato/shared": "0.6.8-develop.
|
|
71
|
+
"@open-mercato/shared": "0.6.8-develop.7031.1.005201cd70",
|
|
72
72
|
"react": "^19.0.0",
|
|
73
73
|
"react-dom": "^19.0.0"
|
|
74
74
|
},
|
|
75
75
|
"devDependencies": {
|
|
76
|
-
"@open-mercato/shared": "0.6.8-develop.
|
|
76
|
+
"@open-mercato/shared": "0.6.8-develop.7031.1.005201cd70",
|
|
77
77
|
"@types/jest": "^30.0.0",
|
|
78
78
|
"@types/react": "^19.2.17",
|
|
79
79
|
"@types/react-dom": "^19.2.3",
|
|
@@ -37,6 +37,7 @@ type ListResponse = {
|
|
|
37
37
|
items: LinkRow[]
|
|
38
38
|
total: number
|
|
39
39
|
totalPages: number
|
|
40
|
+
totalIsCapped?: boolean
|
|
40
41
|
}
|
|
41
42
|
|
|
42
43
|
function formatDate(value: string | null | undefined): string {
|
|
@@ -53,6 +54,7 @@ export default function CheckoutPayLinksPage() {
|
|
|
53
54
|
const [filters, setFilters] = React.useState<FilterValues>({})
|
|
54
55
|
const [total, setTotal] = React.useState(0)
|
|
55
56
|
const [totalPages, setTotalPages] = React.useState(1)
|
|
57
|
+
const [totalIsCapped, setTotalIsCapped] = React.useState(false)
|
|
56
58
|
const [loading, setLoading] = React.useState(true)
|
|
57
59
|
const { runMutation } = useGuardedMutation<{
|
|
58
60
|
entityType: string
|
|
@@ -97,6 +99,7 @@ export default function CheckoutPayLinksPage() {
|
|
|
97
99
|
setRows(result.items ?? [])
|
|
98
100
|
setTotal(result.total ?? 0)
|
|
99
101
|
setTotalPages(result.totalPages ?? 1)
|
|
102
|
+
setTotalIsCapped(result?.totalIsCapped === true)
|
|
100
103
|
setLoading(false)
|
|
101
104
|
}, [filters.pricingMode, filters.status, page, search])
|
|
102
105
|
|
|
@@ -196,7 +199,7 @@ export default function CheckoutPayLinksPage() {
|
|
|
196
199
|
filterValues={filters}
|
|
197
200
|
onFiltersApply={(next) => { setFilters(next); setPage(1) }}
|
|
198
201
|
onFiltersClear={() => { setFilters({}); setPage(1) }}
|
|
199
|
-
pagination={{ page, pageSize: 25, total, totalPages, onPageChange: setPage }}
|
|
202
|
+
pagination={{ page, pageSize: 25, total, totalPages, totalIsCapped, onPageChange: setPage }}
|
|
200
203
|
isLoading={loading}
|
|
201
204
|
perspective={{ tableId: extensionPoints.hosts.linksTable.tableId }}
|
|
202
205
|
actions={(
|
|
@@ -26,6 +26,7 @@ type ListResponse = {
|
|
|
26
26
|
items: TemplateRow[]
|
|
27
27
|
total: number
|
|
28
28
|
totalPages: number
|
|
29
|
+
totalIsCapped?: boolean
|
|
29
30
|
}
|
|
30
31
|
|
|
31
32
|
function formatDate(value: string | null | undefined): string {
|
|
@@ -43,6 +44,7 @@ export default function CheckoutTemplatesPage() {
|
|
|
43
44
|
const [filters, setFilters] = React.useState<FilterValues>({})
|
|
44
45
|
const [total, setTotal] = React.useState(0)
|
|
45
46
|
const [totalPages, setTotalPages] = React.useState(1)
|
|
47
|
+
const [totalIsCapped, setTotalIsCapped] = React.useState(false)
|
|
46
48
|
|
|
47
49
|
const filterDefs = React.useMemo<FilterDef[]>(() => [
|
|
48
50
|
{
|
|
@@ -69,6 +71,7 @@ export default function CheckoutTemplatesPage() {
|
|
|
69
71
|
setRows(result.items ?? [])
|
|
70
72
|
setTotal(result.total ?? 0)
|
|
71
73
|
setTotalPages(result.totalPages ?? 1)
|
|
74
|
+
setTotalIsCapped(result?.totalIsCapped === true)
|
|
72
75
|
setLoading(false)
|
|
73
76
|
}, [filters.pricingMode, page, search])
|
|
74
77
|
|
|
@@ -121,7 +124,7 @@ export default function CheckoutTemplatesPage() {
|
|
|
121
124
|
filterValues={filters}
|
|
122
125
|
onFiltersApply={(next) => { setFilters(next); setPage(1) }}
|
|
123
126
|
onFiltersClear={() => { setFilters({}); setPage(1) }}
|
|
124
|
-
pagination={{ page, pageSize: 25, total, totalPages, onPageChange: setPage }}
|
|
127
|
+
pagination={{ page, pageSize: 25, total, totalPages, totalIsCapped, onPageChange: setPage }}
|
|
125
128
|
perspective={{ tableId: extensionPoints.hosts.templatesTable.tableId }}
|
|
126
129
|
actions={(
|
|
127
130
|
<Button asChild>
|
|
@@ -29,6 +29,7 @@ type TransactionsResponse = {
|
|
|
29
29
|
items: TransactionRow[]
|
|
30
30
|
total: number
|
|
31
31
|
totalPages: number
|
|
32
|
+
totalIsCapped?: boolean
|
|
32
33
|
canViewPii?: boolean
|
|
33
34
|
}
|
|
34
35
|
|
|
@@ -69,6 +70,7 @@ export default function CheckoutTransactionsPage() {
|
|
|
69
70
|
const [filters, setFilters] = React.useState<FilterValues>(() => (initialLinkId ? { linkId: initialLinkId } : {}))
|
|
70
71
|
const [total, setTotal] = React.useState(0)
|
|
71
72
|
const [totalPages, setTotalPages] = React.useState(1)
|
|
73
|
+
const [totalIsCapped, setTotalIsCapped] = React.useState(false)
|
|
72
74
|
const [loading, setLoading] = React.useState(true)
|
|
73
75
|
const [canViewPii, setCanViewPii] = React.useState(false)
|
|
74
76
|
const [linkLabels, setLinkLabels] = React.useState<Record<string, string>>({})
|
|
@@ -171,6 +173,7 @@ export default function CheckoutTransactionsPage() {
|
|
|
171
173
|
)
|
|
172
174
|
setTotal(result.total ?? 0)
|
|
173
175
|
setTotalPages(result.totalPages ?? 1)
|
|
176
|
+
setTotalIsCapped(result?.totalIsCapped === true)
|
|
174
177
|
setCanViewPii(result.canViewPii === true)
|
|
175
178
|
setLoading(false)
|
|
176
179
|
}, [filters.linkId, filters.status, page, rememberLinkOptions, search])
|
|
@@ -237,7 +240,7 @@ export default function CheckoutTransactionsPage() {
|
|
|
237
240
|
filterValues={filters}
|
|
238
241
|
onFiltersApply={(next) => { setFilters(next); setPage(1) }}
|
|
239
242
|
onFiltersClear={() => { setFilters({}); setPage(1) }}
|
|
240
|
-
pagination={{ page, pageSize: 25, total, totalPages, onPageChange: setPage }}
|
|
243
|
+
pagination={{ page, pageSize: 25, total, totalPages, totalIsCapped, onPageChange: setPage }}
|
|
241
244
|
perspective={{ tableId: extensionPoints.hosts.transactionsTable.tableId }}
|
|
242
245
|
rowClickActionIds={['view']}
|
|
243
246
|
rowActions={(row) => <RowActions items={[{ id: 'view', label: t('checkout.admin.transactions.actions.viewDetail'), href: `/backend/checkout/transactions/${encodeURIComponent(row.id)}` }]} />}
|