@open-mercato/checkout 0.6.5-develop.4782.1.29bd722d3d → 0.6.5-develop.4790.1.bffb4fd44b
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 +9 -0
- package/dist/modules/checkout/backend/checkout/pay-links/page.js.map +2 -2
- package/dist/modules/checkout/backend/checkout/templates/page.js +9 -0
- package/dist/modules/checkout/backend/checkout/templates/page.js.map +2 -2
- package/package.json +5 -5
- package/src/modules/checkout/backend/checkout/pay-links/page.tsx +8 -0
- package/src/modules/checkout/backend/checkout/templates/page.tsx +8 -0
|
@@ -13,6 +13,7 @@ import { Button } from "@open-mercato/ui/primitives/button";
|
|
|
13
13
|
import { Badge } from "@open-mercato/ui/primitives/badge";
|
|
14
14
|
import { apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
|
|
15
15
|
import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
|
|
16
|
+
import { ListEmptyState } from "@open-mercato/ui/backend/filters/ListEmptyState";
|
|
16
17
|
function formatDate(value) {
|
|
17
18
|
if (!value) return "\u2014";
|
|
18
19
|
const parsed = new Date(value);
|
|
@@ -168,6 +169,14 @@ function CheckoutPayLinksPage() {
|
|
|
168
169
|
/* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
|
|
169
170
|
t("checkout.admin.payLinks.actions.create")
|
|
170
171
|
] }) }),
|
|
172
|
+
emptyState: /* @__PURE__ */ jsx(
|
|
173
|
+
ListEmptyState,
|
|
174
|
+
{
|
|
175
|
+
entityName: t("checkout.admin.payLinks.title"),
|
|
176
|
+
createHref: "/backend/checkout/pay-links/create",
|
|
177
|
+
createLabel: t("checkout.admin.payLinks.actions.create")
|
|
178
|
+
}
|
|
179
|
+
),
|
|
171
180
|
rowActions: (row) => /* @__PURE__ */ jsx(RowActions, { items: [
|
|
172
181
|
{ id: "edit", label: t("checkout.common.actions.edit"), href: `/backend/checkout/pay-links/${encodeURIComponent(row.id)}` },
|
|
173
182
|
{
|
|
@@ -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 Link from 'next/link'\nimport { Plus } from 'lucide-react'\nimport type { ColumnDef } from '@tanstack/react-table'\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'\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: 'checkout-links' }}\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 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 Link from 'next/link'\nimport { Plus } from 'lucide-react'\nimport type { ColumnDef } from '@tanstack/react-table'\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: 'checkout-links' }}\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": ";AA4IyB,SA0BjB,KA1BiB;AA3IzB,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,YAAY;AAErB,SAAS,YAAY;AAErB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AACtB,SAAS,0BAA0B;AACnC,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,gBAAgB,4BAA4B;AACrD,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;AAwB/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,uBAAwC;AAC7C,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAoB,CAAC,CAAC;AACpD,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,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,EAAE,YAAY,IAAI,mBAGrB;AAAA,IACD,WAAW;AAAA,EACb,CAAC;AAED,QAAM,aAAa,MAAM,QAAqB,MAAM;AAAA,IAClD;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,wCAAwC;AAAA,MACjD,MAAM;AAAA,MACN,SAAS;AAAA,QACP,EAAE,OAAO,SAAS,OAAO,EAAE,8BAA8B,EAAE;AAAA,QAC3D,EAAE,OAAO,UAAU,OAAO,EAAE,+BAA+B,EAAE;AAAA,QAC7D,EAAE,OAAO,YAAY,OAAO,EAAE,iCAAiC,EAAE;AAAA,MACnE;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,yCAAyC;AAAA,MAClD,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,WAAW,YAAY,QAAQ,OAAQ,QAAO,IAAI,UAAU,QAAQ,MAAM;AAC7F,QAAI,OAAO,QAAQ,gBAAgB,YAAY,QAAQ,YAAa,QAAO,IAAI,eAAe,QAAQ,WAAW;AACjH,UAAM,SAAS,MAAM,qBAAmC,uBAAuB,OAAO,SAAS,CAAC,EAAE;AAClG,YAAQ,OAAO,SAAS,CAAC,CAAC;AAC1B,aAAS,OAAO,SAAS,CAAC;AAC1B,kBAAc,OAAO,cAAc,CAAC;AACpC,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,QAAQ,aAAa,QAAQ,QAAQ,MAAM,MAAM,CAAC;AAEtD,QAAM,UAAU,MAAM;AACpB,SAAK,SAAS;AAAA,EAChB,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,iBAAiB,MAAM,YAAY,OAAO;AAAA,IAC9C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAMM;AACJ,QAAI;AACF,YAAM,YAAY;AAAA,QAChB;AAAA,QACA;AAAA,QACA,SAAS;AAAA,UACP,YAAY;AAAA,UACZ,UAAU,IAAI;AAAA,QAChB;AAAA,MACF,CAAC;AACD,YAAM,gBAAgB,SAAS;AAC/B,WAAK,SAAS;AAAA,IAChB,SAAS,OAAO;AACd,YAAM,EAAE,QAAQ,IAAI,yBAAyB,KAAK;AAClD,YAAM,WAAW,sBAAsB,OAAO;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,UAAU,WAAW,CAAC;AAE1B,QAAM,UAAU,MAAM,QAA8B,MAAM;AAAA,IACxD,EAAE,aAAa,QAAQ,QAAQ,EAAE,sCAAsC,EAAE;AAAA,IACzE;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,sCAAsC;AAAA,MAChD,MAAM,CAAC,EAAE,IAAI,MAAM,qBAAC,UAAK,WAAU,qBAAoB;AAAA;AAAA,QAAM,IAAI,SAAS;AAAA,SAAK;AAAA,IACjF;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,yCAAyC;AAAA,MACnD,MAAM,CAAC,EAAE,IAAI,MAAM;AACjB,YAAI,IAAI,SAAS,gBAAgB,SAAS;AACxC,iBAAO,EAAE,yCAAyC;AAAA,YAChD,QAAQ,IAAI,SAAS,kBAAkB,QAAQ,CAAC,KAAK;AAAA,YACrD,UAAU,IAAI,SAAS,0BAA0B;AAAA,UACnD,CAAC,EAAE,KAAK;AAAA,QACV;AACA,YAAI,IAAI,SAAS,gBAAgB,iBAAiB;AAChD,iBAAO,EAAE,gDAAgD;AAAA,YACvD,KAAK,IAAI,SAAS,iBAAiB,QAAQ,CAAC,KAAK;AAAA,YACjD,KAAK,IAAI,SAAS,iBAAiB,QAAQ,CAAC,KAAK;AAAA,YACjD,UAAU,IAAI,SAAS,4BAA4B;AAAA,UACrD,CAAC,EAAE,KAAK;AAAA,QACV;AACA,eAAO,EAAE,mDAAmD;AAAA,MAC9D;AAAA,IACF;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,wCAAwC;AAAA,MAClD,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,SAAM,SAAS,IAAI,SAAS,WAAW,WAAW,YAAY,aAC5D,YAAE,0BAA0B,IAAI,SAAS,MAAM,EAAE,GACpD;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,sCAAsC;AAAA,MAChD,MAAM,CAAC,EAAE,IAAI,MAAM,GAAG,IAAI,SAAS,eAAe,MAAM,IAAI,SAAS,kBAAkB,QAAG;AAAA,IAC5F;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb,QAAQ,EAAE,yCAAyC;AAAA,MACnD,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,+BAA+B;AAAA,MACxC;AAAA,MACA,MAAM;AAAA,MACN,aAAa;AAAA,MACb,gBAAgB,CAAC,UAAU;AAAE,kBAAU,KAAK;AAAG,gBAAQ,CAAC;AAAA,MAAE;AAAA,MAC1D,mBAAmB,EAAE,2CAA2C;AAAA,MAChE,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,cAAc,QAAQ;AAAA,MAC3E,WAAW;AAAA,MACX,aAAa,EAAE,SAAS,iBAAiB;AAAA,MACzC,SACE,oBAAC,UAAO,SAAO,MACb,+BAAC,QAAK,MAAK,sCACT;AAAA,4BAAC,QAAK,WAAU,gBAAe;AAAA,QAC9B,EAAE,wCAAwC;AAAA,SAC7C,GACF;AAAA,MAEF,YACE;AAAA,QAAC;AAAA;AAAA,UACC,YAAY,EAAE,+BAA+B;AAAA,UAC7C,YAAW;AAAA,UACX,aAAa,EAAE,wCAAwC;AAAA;AAAA,MACzD;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,QAAQ,mBAAmB,IAAI,IAAI,CAAC,iBAAiB,UAAU,qBAAqB;AAAA,QAClH;AAAA,QACA,GAAI,IAAI,WAAW,WACf,CAAC;AAAA,UACD,IAAI;AAAA,UACJ,OAAO,EAAE,6CAA6C;AAAA,UACtD,UAAU,MAAM,OAAO,KAAK,QAAQ,mBAAmB,IAAI,IAAI,CAAC,IAAI,UAAU,qBAAqB;AAAA,QACrG,CAAC,IACC,CAAC;AAAA,QACL;AAAA,UACE,IAAI;AAAA,UACJ,OAAO,EAAE,yCAAyC;AAAA,UAClD,UAAU,YAAY;AACpB,kBAAM,UAAU,UAAU,UAAU,GAAG,OAAO,SAAS,MAAM,QAAQ,IAAI,IAAI,EAAE;AAAA,UACjF;AAAA,QACF;AAAA,QACA,EAAE,IAAI,gBAAgB,OAAO,EAAE,kDAAkD,GAAG,MAAM,yCAAyC,mBAAmB,IAAI,EAAE,CAAC,GAAG;AAAA,QAChK,GAAI,IAAI,WAAW,WACf,CAAC;AAAA,UACD,IAAI;AAAA,UACJ,OAAO,EAAE,yCAAyC;AAAA,UAClD,UAAU,YAAY;AACpB,kBAAM,eAAe;AAAA,cACnB;AAAA,cACA,gBAAgB,EAAE,yCAAyC;AAAA,cAC3D,sBAAsB,EAAE,4CAA4C;AAAA,cACpE,iBAAiB,EAAE,QAAQ,SAAS;AAAA,cACpC,WAAW,YAAY;AACrB,sBAAM,eAAe,uBAAuB,mBAAmB,IAAI,EAAE,CAAC,IAAI;AAAA,kBACxE,QAAQ;AAAA,kBACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,kBAC9C,MAAM,KAAK,UAAU,EAAE,QAAQ,SAAS,CAAC;AAAA,gBAC3C,CAAC;AAAA,cACH;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF,CAAC,IACC,CAAC;AAAA,UACD,IAAI;AAAA,UACJ,OAAO,EAAE,4CAA4C;AAAA,UACrD,UAAU,YAAY;AACpB,kBAAM,eAAe;AAAA,cACnB;AAAA,cACA,gBAAgB,EAAE,2CAA2C;AAAA,cAC7D,sBAAsB,EAAE,+CAA+C;AAAA,cACvE,iBAAiB,EAAE,QAAQ,WAAW;AAAA,cACtC,WAAW,YAAY;AACrB,sBAAM,eAAe,uBAAuB,mBAAmB,IAAI,EAAE,CAAC,IAAI;AAAA,kBACxE,QAAQ;AAAA,kBACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,kBAC9C,MAAM,KAAK,UAAU,EAAE,QAAQ,WAAW,CAAC;AAAA,gBAC7C,CAAC;AAAA,cACH;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF,CAAC;AAAA,QACH;AAAA,UACE,IAAI;AAAA,UACJ,OAAO,EAAE,gCAAgC;AAAA,UACzC,UAAU,YAAY;AACpB,kBAAM,eAAe;AAAA,cACnB;AAAA,cACA,gBAAgB,EAAE,uCAAuC;AAAA,cACzD,sBAAsB,EAAE,2CAA2C;AAAA,cACnE,WAAW,YAAY;AACrB,sBAAM,eAAe,uBAAuB,mBAAmB,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,SAAS,CAAC;AAAA,cAChG;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF,GAAG;AAAA;AAAA,EAEP,GACF,GACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -9,6 +9,7 @@ import { DataTable } from "@open-mercato/ui/backend/DataTable";
|
|
|
9
9
|
import { RowActions } from "@open-mercato/ui/backend/RowActions";
|
|
10
10
|
import { Button } from "@open-mercato/ui/primitives/button";
|
|
11
11
|
import { apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
|
|
12
|
+
import { ListEmptyState } from "@open-mercato/ui/backend/filters/ListEmptyState";
|
|
12
13
|
function formatDate(value) {
|
|
13
14
|
if (!value) return "\u2014";
|
|
14
15
|
const parsed = new Date(value);
|
|
@@ -110,6 +111,14 @@ function CheckoutTemplatesPage() {
|
|
|
110
111
|
/* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
|
|
111
112
|
t("checkout.admin.templates.actions.create")
|
|
112
113
|
] }) }),
|
|
114
|
+
emptyState: /* @__PURE__ */ jsx(
|
|
115
|
+
ListEmptyState,
|
|
116
|
+
{
|
|
117
|
+
entityName: t("checkout.admin.templates.title"),
|
|
118
|
+
createHref: "/backend/checkout/templates/create",
|
|
119
|
+
createLabel: t("checkout.admin.templates.actions.create")
|
|
120
|
+
}
|
|
121
|
+
),
|
|
113
122
|
rowActions: (row) => /* @__PURE__ */ jsx(RowActions, { items: [
|
|
114
123
|
{ id: "edit", label: t("checkout.common.actions.edit"), href: `/backend/checkout/templates/${encodeURIComponent(row.id)}` },
|
|
115
124
|
{
|
|
@@ -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 Link from 'next/link'\nimport { Plus } from 'lucide-react'\nimport type { ColumnDef } from '@tanstack/react-table'\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'\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: 'checkout-templates' }}\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 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 Link from 'next/link'\nimport { Plus } from 'lucide-react'\nimport type { ColumnDef } from '@tanstack/react-table'\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: 'checkout-templates' }}\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": "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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.5-develop.
|
|
3
|
+
"version": "0.6.5-develop.4790.1.bffb4fd44b",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -61,18 +61,18 @@
|
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
63
|
"dependencies": {
|
|
64
|
-
"@open-mercato/core": "0.6.5-develop.
|
|
65
|
-
"@open-mercato/ui": "0.6.5-develop.
|
|
64
|
+
"@open-mercato/core": "0.6.5-develop.4790.1.bffb4fd44b",
|
|
65
|
+
"@open-mercato/ui": "0.6.5-develop.4790.1.bffb4fd44b",
|
|
66
66
|
"bcryptjs": "^3.0.3"
|
|
67
67
|
},
|
|
68
68
|
"peerDependencies": {
|
|
69
69
|
"@mikro-orm/postgresql": "^7.0.14",
|
|
70
|
-
"@open-mercato/shared": "0.6.5-develop.
|
|
70
|
+
"@open-mercato/shared": "0.6.5-develop.4790.1.bffb4fd44b",
|
|
71
71
|
"react": "^19.0.0",
|
|
72
72
|
"react-dom": "^19.0.0"
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
75
|
-
"@open-mercato/shared": "0.6.5-develop.
|
|
75
|
+
"@open-mercato/shared": "0.6.5-develop.4790.1.bffb4fd44b",
|
|
76
76
|
"@types/jest": "^30.0.0",
|
|
77
77
|
"@types/react": "^19.2.16",
|
|
78
78
|
"@types/react-dom": "^19.2.3",
|
|
@@ -14,6 +14,7 @@ import { Button } from '@open-mercato/ui/primitives/button'
|
|
|
14
14
|
import { Badge } from '@open-mercato/ui/primitives/badge'
|
|
15
15
|
import { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'
|
|
16
16
|
import { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'
|
|
17
|
+
import { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'
|
|
17
18
|
|
|
18
19
|
type LinkRow = {
|
|
19
20
|
id: string
|
|
@@ -205,6 +206,13 @@ export default function CheckoutPayLinksPage() {
|
|
|
205
206
|
</Link>
|
|
206
207
|
</Button>
|
|
207
208
|
)}
|
|
209
|
+
emptyState={(
|
|
210
|
+
<ListEmptyState
|
|
211
|
+
entityName={t('checkout.admin.payLinks.title')}
|
|
212
|
+
createHref="/backend/checkout/pay-links/create"
|
|
213
|
+
createLabel={t('checkout.admin.payLinks.actions.create')}
|
|
214
|
+
/>
|
|
215
|
+
)}
|
|
208
216
|
rowActions={(row) => (
|
|
209
217
|
<RowActions items={[
|
|
210
218
|
{ id: 'edit', label: t('checkout.common.actions.edit'), href: `/backend/checkout/pay-links/${encodeURIComponent(row.id)}` },
|
|
@@ -10,6 +10,7 @@ import { DataTable } from '@open-mercato/ui/backend/DataTable'
|
|
|
10
10
|
import { RowActions } from '@open-mercato/ui/backend/RowActions'
|
|
11
11
|
import { Button } from '@open-mercato/ui/primitives/button'
|
|
12
12
|
import { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'
|
|
13
|
+
import { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'
|
|
13
14
|
|
|
14
15
|
type TemplateRow = {
|
|
15
16
|
id: string
|
|
@@ -129,6 +130,13 @@ export default function CheckoutTemplatesPage() {
|
|
|
129
130
|
</Link>
|
|
130
131
|
</Button>
|
|
131
132
|
)}
|
|
133
|
+
emptyState={(
|
|
134
|
+
<ListEmptyState
|
|
135
|
+
entityName={t('checkout.admin.templates.title')}
|
|
136
|
+
createHref="/backend/checkout/templates/create"
|
|
137
|
+
createLabel={t('checkout.admin.templates.actions.create')}
|
|
138
|
+
/>
|
|
139
|
+
)}
|
|
132
140
|
rowActions={(row) => (
|
|
133
141
|
<RowActions items={[
|
|
134
142
|
{ id: 'edit', label: t('checkout.common.actions.edit'), href: `/backend/checkout/templates/${encodeURIComponent(row.id)}` },
|