@ketvietlab/ketsuite 0.1.3 → 0.1.6

package/dist/modules/loyalty_backend/screens/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "@ketvietlab/ketjs-view/jsx-runtime";
-import { badge, CardGrid, code, actionGroup, ContentCard, dataTable, DashboardPage, DefinitionList, Delta, emptyState, ListScreen, icon, linkButton, Metric, Notice, RecordActions, RecordForm, RecordWorkspace, RecordScreen, Section, shell, stack, Surface, Tabs, WorkspaceScreen, } from '../../../ui/index.js';
+import { badge, CardGrid, code, actionGroup, ContentCard, dataTable, DashboardPage, DefinitionList, Delta, emptyState, icon, linkButton, Metric, ModalSheet, modalWorkspace, Notice, RecordForm, RecordWorkspace, RecordScreen, Section, shell, stack, Surface, Tabs, WorkspaceScreen, } from '../../../ui/index.js';
 import { selectionLabel } from '../../backend/screen.js';
 import { FormScreenFrame, ListScreenFrame } from './page-frame.js';
 const empty = (_) => emptyState(_('loyalty_backend.empty.title'), _('loyalty_backend.empty.hint'));
@@ -63,6 +63,10 @@ const walletStateBadge = (_, wallet) => {
 };
 /** Where a program stands in its own calendar. */
 const programStateBadge = (_, program) => {
+    if (program.phase === 'draft')
+        return badge(_('loyalty_backend.state.draft'), 'neutral');
+    if (program.state)
+        return badge(_(`loyalty_backend.state.${String(program.state)}`), program.state === 'running' ? 'positive' : 'neutral');
     //  is what this module's own archive action writes, so that is
     // what the badge says. A program the operator paused and one they retired are
     // the same row here, and inventing a second word for it would claim otherwise.
@@ -78,8 +82,8 @@ const programStateBadge = (_, program) => {
 /** The window a program runs in, or that it never closes. */
 const periodOf = (_, program) => {
     const day = (value) => (value ? String(value).slice(0, 10) : null);
-    const start = day(program.dateFrom);
-    const end = day(program.dateTo);
+    const start = day(program.startDate ?? program.dateFrom);
+    const end = day(program.endDate ?? program.dateTo);
     if (!start && !end)
         return _('loyalty_backend.period.always');
     if (start && !end)
@@ -114,7 +118,7 @@ export const dashboardScreen = (_, frame, stats) => shell(_, _('loyalty_backend.
                     id: 'members',
                     title: _('loyalty_backend.menu.memberships'),
                     value: stats.members,
-                    href: '/admin/loyalty/memberships',
+                    href: '/admin/loyalty/tiers',
                 },
                 {
                     id: 'ledger',
@@ -133,9 +137,28 @@ export const dashboardScreen = (_, frame, stats) => shell(_, _('loyalty_backend.
  * figures above count them apart and the badge in the row says which is which
  * without anyone opening it.
  */
-export const programsScreen = (_, frame, programs, totals, createFields, errors = []) => (_jsx(ListScreenFrame, { translator: _, title: _('loyalty_backend.programs.title'), subtitle: _('loyalty_backend.programs.hint'), frame: frame, body: stack([
+export const programsScreen = (_, frame, programs, totals, _createFields, _errors = []) => (_jsx(ListScreenFrame, { translator: _, title: _('loyalty_backend.programs.title'), subtitle: _('loyalty_backend.programs.hint'), frame: {
+        ...frame,
+        extras: {
+            ...frame.extras,
+            'topbar.end': linkButton({
+                label: _('loyalty_backend.action.createProgram'),
+                href: '/admin/loyalty/programs/new',
+                variant: 'primary',
+            }),
+        },
+    }, body: stack([
         statRow([
-            { id: 'total', label: _('loyalty_backend.stat.programs'), value: figure(totals.total) },
+            {
+                id: 'total',
+                label: _('loyalty_backend.stat.programs'),
+                value: figure(totals.total),
+            },
+            {
+                id: 'draft',
+                label: _('loyalty_backend.state.draft'),
+                value: figure(totals.draft),
+            },
             {
                 id: 'running',
                 label: _('loyalty_backend.stat.running'),
@@ -154,21 +177,23 @@ export const programsScreen = (_, frame, programs, totals, createFields, errors
                 value: figure(totals.archived),
                 detail: _('loyalty_backend.stat.archivedHint'),
             },
-            { id: 'ended', label: _('loyalty_backend.stat.ended'), value: figure(totals.ended) },
+            {
+                id: 'ended',
+                label: _('loyalty_backend.stat.ended'),
+                value: figure(totals.ended),
+            },
         ]),
         programs.length
             ? dataTable(_, {
                 rows: programs,
+                rowHref: (row) => `/admin/loyalty/programs/${encodeURIComponent(String(row.id))}`,
+                rowLink: false,
                 id: (row) => String(row.id),
                 columns: [
                     {
                         key: 'name',
                         label: _('loyalty_backend.field.name'),
-                        cell: (row) => linkButton({
-                            label: String(row.name),
-                            href: `/admin/loyalty/programs/${String(row.id)}`,
-                            variant: 'tertiary',
-                        }),
+                        cell: (row) => String(row.name),
                         priority: 'primary',
                     },
                     {
@@ -201,160 +226,19 @@ export const programsScreen = (_, frame, programs, totals, createFields, errors
                 ],
             })
             : empty(_),
-        _jsx(Section, { title: _('loyalty_backend.action.createProgram'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: "/admin/loyalty/programs", fields: createFields, errors: errors, submit: _('loyalty_backend.action.createProgram'), submitVariant: "primary" }) }) }),
     ]) }));
-/**
- * One program, in the three questions it is set up by.
- *
- * What it is, how points are earned, and what they buy — three tabs rather than
- * three sections down one page, because they are edited on separate occasions
- * and each carries a form. Stacked, adding a reward meant scrolling past every
- * rule to reach the form for it.
- *
- * The settings form stays on the first tab with the identity strip above it, so
- * the state of the program is visible while it is being changed.
- */
-export const programDetailScreen = (_, frame, program, options) => {
-    const rules = program.rules ?? [];
-    const rewards = program.rewards ?? [];
-    const here = `/admin/loyalty/programs/${String(program.id)}`;
-    const tab = options.tab === 'rules' || options.tab === 'rewards' ? options.tab : 'overview';
-    const rulesPane = (_jsx(Section, { title: _('loyalty_backend.rules.title'), description: _('loyalty_backend.rules.hint'), body: stack([
-            ...(rules.length
-                ? [
-                    dataTable(_, {
-                        rows: rules,
-                        id: (row) => String(row.id),
-                        columns: [
-                            {
-                                key: 'priority',
-                                label: _('loyalty_backend.field.priority'),
-                                cell: (row) => String(row.priority),
-                            },
-                            {
-                                key: 'mode',
-                                label: _('loyalty_backend.field.mode'),
-                                cell: (row) => labelOf(_, 'trigger', row.mode),
-                            },
-                            {
-                                key: 'points',
-                                label: _('loyalty_backend.field.pointAmount'),
-                                cell: (row) => String(row.pointAmount),
-                            },
-                            {
-                                key: 'basis',
-                                label: _('loyalty_backend.field.pointMode'),
-                                cell: (row) => labelOf(_, 'pointMode', row.pointMode),
-                            },
-                            {
-                                key: 'code',
-                                label: _('loyalty_backend.field.code'),
-                                cell: (row) => code(row.code ? String(row.code) : '—'),
-                            },
-                            {
-                                key: 'state',
-                                label: _('loyalty_backend.field.state'),
-                                cell: (row) => activeBadge(_, row.active),
-                            },
-                        ],
-                    }),
-                ]
-                : []),
-            _jsx(Surface, { body: _jsx(RecordForm, { action: here, hidden: { action: 'add-rule' }, fields: options.ruleFields, submit: _('loyalty_backend.action.addRule'), submitVariant: "secondary" }) }),
-        ]) }));
-    const rewardsPane = (_jsx(Section, { title: _('loyalty_backend.rewards.title'), description: _('loyalty_backend.rewards.hint'), body: stack([
-            ...(rewards.length
-                ? [
-                    dataTable(_, {
-                        rows: rewards,
-                        id: (row) => String(row.id),
-                        columns: [
-                            {
-                                key: 'description',
-                                label: _('loyalty_backend.field.description'),
-                                cell: (row) => String(row.description),
-                                priority: 'primary',
-                            },
-                            {
-                                key: 'type',
-                                label: _('loyalty_backend.field.rewardType'),
-                                cell: (row) => labelOf(_, 'rewardType', row.rewardType),
-                            },
-                            {
-                                key: 'points',
-                                label: _('loyalty_backend.field.requiredPoints'),
-                                cell: (row) => String(row.requiredPoints),
-                            },
-                            {
-                                key: 'discount',
-                                label: _('loyalty_backend.field.discount'),
-                                cell: (row) => String(row.discount),
-                            },
-                            {
-                                key: 'state',
-                                label: _('loyalty_backend.field.state'),
-                                cell: (row) => activeBadge(_, row.active),
-                            },
-                        ],
-                    }),
-                ]
-                : []),
-            _jsx(Surface, { body: _jsx(RecordForm, { action: here, hidden: { action: 'add-reward' }, fields: options.rewardFields, submit: _('loyalty_backend.action.addReward'), submitVariant: "secondary" }) }),
-        ]) }));
-    return (_jsx(FormScreenFrame, { translator: _, title: String(program.name), frame: frame, body: _jsx(RecordWorkspace, { kicker: _('loyalty_backend.menu.programs'), title: String(program.name), subtitle: periodOf(_, program), imageFallback: icon('gift'), status: programStateBadge(_, program), badges: [
-                badge(labelOf(_, 'programType', program.programType), 'info', String(program.programType)),
-                badge(labelOf(_, 'trigger', program.trigger), 'neutral', String(program.trigger)),
-            ], summary: [
-                {
-                    id: 'points',
-                    label: _('loyalty_backend.field.pointName'),
-                    value: String(program.pointName ?? '—'),
-                },
-                { id: 'rules', label: _('loyalty_backend.rules.title'), value: rules.length },
-                { id: 'rewards', label: _('loyalty_backend.rewards.title'), value: rewards.length },
-            ], navigation: _jsx(Tabs, { label: _('loyalty_backend.program.detail'), items: [
-                    {
-                        id: 'overview',
-                        label: _('loyalty_backend.tab.overview'),
-                        href: here,
-                        active: tab === 'overview',
-                    },
-                    {
-                        id: 'rules',
-                        label: _('loyalty_backend.tab.rules'),
-                        href: `${here}?tab=rules`,
-                        active: tab === 'rules',
-                        count: rules.length,
-                    },
-                    {
-                        id: 'rewards',
-                        label: _('loyalty_backend.tab.rewards'),
-                        href: `${here}?tab=rewards`,
-                        active: tab === 'rewards',
-                        count: rewards.length,
-                    },
-                ] }), controller: _jsx(RecordActions, { action: here, actions: [
-                    {
-                        value: program.active ? 'archive' : 'restore',
-                        label: program.active
-                            ? _('loyalty_backend.action.archive')
-                            : _('loyalty_backend.action.restore'),
-                        variant: program.active ? 'destructive' : 'secondary',
-                    },
-                ] }), body: tab === 'rules' ? (rulesPane) : tab === 'rewards' ? (rewardsPane) : (_jsx(Section, { title: _('loyalty_backend.program.detail'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: here, hidden: { action: 'save-program' }, fields: options.programFields, errors: options.errors, submit: _('loyalty_backend.action.save'), submitVariant: "primary" }) }) })) }) }));
-};
-/**
- * Every wallet, and how much is sitting in them.
- *
- * The balance total is the number a finance team asks for first — it is a
- * liability, not a statistic — so it sits beside the count rather than under it.
- * Locked and expired are counted apart because an operator undoes them
- * differently.
- */
 export const walletsScreen = (_, frame, wallets, totals, createFields, errors = []) => (_jsx(ListScreenFrame, { translator: _, title: _('loyalty_backend.wallets.title'), subtitle: _('loyalty_backend.wallets.hint'), frame: frame, body: stack([
         statRow([
-            { id: 'total', label: _('loyalty_backend.stat.wallets'), value: figure(totals.total) },
-            { id: 'balance', label: _('loyalty_backend.stat.balance'), value: figure(totals.balance) },
+            {
+                id: 'total',
+                label: _('loyalty_backend.stat.wallets'),
+                value: figure(totals.total),
+            },
+            {
+                id: 'balance',
+                label: _('loyalty_backend.stat.balance'),
+                value: figure(totals.balance),
+            },
             {
                 id: 'active',
                 label: _('loyalty_backend.stat.walletsActive'),
@@ -470,13 +354,21 @@ export const walletDetailScreen = (_, frame, wallet, adjustFields, tab, errors =
                 badge(labelOf(_, 'walletUnit', wallet.unit), 'neutral', String(wallet.unit)),
                 ...(wallet.programName ? [badge(String(wallet.programName), 'info')] : []),
             ], summary: [
-                { id: 'balance', label: _('loyalty_backend.field.balance'), value: figure(wallet.balance) },
+                {
+                    id: 'balance',
+                    label: _('loyalty_backend.field.balance'),
+                    value: figure(wallet.balance),
+                },
                 {
                     id: 'available',
                     label: _('loyalty_backend.field.available'),
                     value: figure(wallet.available),
                 },
-                { id: 'reserved', label: _('loyalty_backend.field.reserved'), value: figure(wallet.reserved) },
+                {
+                    id: 'reserved',
+                    label: _('loyalty_backend.field.reserved'),
+                    value: figure(wallet.reserved),
+                },
             ], navigation: _jsx(Tabs, { label: _('loyalty_backend.wallets.title'), items: [
                     {
                         id: 'overview',
@@ -668,130 +560,79 @@ export const ledgerScreen = (_, frame, rows, totals) => (_jsx(ListScreenFrame, {
         ]),
         rows.length ? ledgerTable(_, rows) : empty(_),
     ]) }));
-/**
- * The membership base, led by what it is worth.
- *
- * Dormant is counted next to active on purpose: a member whose rolling window
- * has emptied is a customer who stopped coming, and that is the number a
- * marketing team acts on. The tiers and the window settings stay on this page
- * below the list, because they are what the numbers above are computed from.
- */
-export const membershipsScreen = (_, frame, memberships, totals, tiers, tierFields, configFields, errors = []) => (_jsx(ListScreen, { translator: _, title: _('loyalty_backend.memberships.title'), subtitle: _('loyalty_backend.memberships.hint'), frame: frame, body: stack([
-        statRow([
-            { id: 'total', label: _('loyalty_backend.stat.members'), value: figure(totals.total) },
-            {
-                id: 'active',
-                label: _('loyalty_backend.stat.membersActive'),
-                value: figure(totals.active),
-                detail: percent(totals.active, totals.total),
-                tone: 'positive',
-            },
-            {
-                id: 'dormant',
-                label: _('loyalty_backend.stat.membersDormant'),
-                value: figure(totals.dormant),
-                detail: percent(totals.dormant, totals.total),
-                tone: 'warning',
+/** Company-wide tiers with a rolling spend window on each threshold. */
+export const tiersScreen = (_, frame, tiers, options) => {
+    const page = (_jsx(ListScreenFrame, { translator: _, title: _('loyalty_backend.memberships.title'), subtitle: _('loyalty_backend.memberships.hint'), frame: {
+            ...frame,
+            extras: {
+                ...frame.extras,
+                'topbar.end': linkButton({
+                    label: _('loyalty_backend.action.addTier'),
+                    href: options.createHref,
+                    variant: 'primary',
+                }),
             },
-            { id: 'points', label: _('loyalty_backend.stat.points'), value: figure(totals.points) },
-            { id: 'spend', label: _('loyalty_backend.stat.spend'), value: figure(totals.spend) },
-        ]),
-        memberships.length ? membersTable(_, memberships) : empty(_),
-        _jsx(Section, { title: _('loyalty_backend.memberships.config'), description: _('loyalty_backend.memberships.windowHint'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: "/admin/loyalty/memberships", hidden: { action: 'config' }, fields: configFields, errors: errors, submit: _('loyalty_backend.action.saveConfig'), submitVariant: "primary" }) }) }),
-        _jsx(Section, { title: _('loyalty_backend.tiers.title'), body: stack([
-                ...(tiers.length
-                    ? [
-                        dataTable(_, {
-                            rows: tiers,
-                            id: (row) => String(row.id),
-                            columns: [
-                                {
-                                    key: 'name',
-                                    label: _('loyalty_backend.field.name'),
-                                    cell: (row) => String(row.name),
-                                    priority: 'primary',
-                                },
-                                {
-                                    key: 'code',
-                                    label: _('loyalty_backend.field.code'),
-                                    cell: (row) => code(String(row.code)),
-                                },
-                                {
-                                    key: 'minimum',
-                                    label: _('loyalty_backend.field.minimumSpend'),
-                                    cell: (row) => String(row.minimumSpend),
-                                    align: 'end',
-                                },
-                                {
-                                    key: 'cap',
-                                    label: _('loyalty_backend.field.redeemPercent'),
-                                    cell: (row) => `${String(row.redeemPercent)}%`,
-                                    align: 'end',
-                                },
-                                {
-                                    key: 'state',
-                                    label: _('loyalty_backend.field.state'),
-                                    cell: (row) => activeBadge(_, row.active),
-                                },
-                            ],
-                        }),
-                    ]
-                    : []),
-                _jsx(Surface, { body: _jsx(RecordForm, { action: "/admin/loyalty/memberships", hidden: { action: 'tier' }, fields: tierFields, submit: _('loyalty_backend.action.addTier'), submitVariant: "secondary" }) }),
-            ]) }),
-    ]) }));
-/**
- * One member per row, ranked by what they have spent in the window.
- *
- * Points and spend are both shown because they answer different questions: spend
- * is what earned the tier, points are what the member can still redeem, and a
- * screen that shows one is regularly asked for the other.
- */
-const membersTable = (_, memberships) => dataTable(_, {
-    rows: memberships,
-    id: (row) => String(row.id),
-    columns: [
-        {
-            key: 'partner',
-            label: _('loyalty_backend.field.partner'),
-            cell: (row) => String(row.partnerName ?? row.partnerId),
-            priority: 'primary',
-            kind: 'person',
-        },
-        {
-            key: 'tier',
-            label: _('loyalty_backend.field.tier'),
-            cell: (row) => row.tierName ? badge(String(row.tierName), 'info', String(row.tierCode ?? row.tierId ?? '')) : '—',
-            kind: 'status',
-        },
-        {
-            key: 'points',
-            label: _('loyalty_backend.field.points'),
-            cell: (row) => figure(row.points),
-            align: 'end',
-            kind: 'number',
-        },
-        {
-            key: 'spend',
-            label: _('loyalty_backend.field.rollingSpend'),
-            cell: (row) => figure(row.rollingSpend),
-            align: 'end',
-            kind: 'number',
-        },
-        {
-            key: 'window',
-            label: _('loyalty_backend.field.windowMonths'),
-            cell: (row) => _('loyalty_backend.value.months', { count: Number(row.windowMonths ?? 0) }),
-            priority: 'tertiary',
-        },
-        {
-            key: 'refreshed',
-            label: _('loyalty_backend.field.refreshedAt'),
-            cell: (row) => String(row.refreshedAt),
-            kind: 'date',
-        },
-    ],
-});
+        }, body: stack([
+            _jsx(Section, { title: _('loyalty_backend.tiers.title'), description: _('loyalty_backend.tiers.hint'), body: tiers.length
+                    ? dataTable(_, {
+                        rows: tiers,
+                        id: (row) => String(row.id),
+                        rowHref: options.tierHref,
+                        rowLink: false,
+                        responsive: 'stack',
+                        columns: [
+                            {
+                                key: 'name',
+                                label: _('loyalty_backend.field.name'),
+                                cell: (row) => String(row.name),
+                                priority: 'primary',
+                            },
+                            {
+                                key: 'code',
+                                label: _('loyalty_backend.field.code'),
+                                cell: (row) => code(String(row.code)),
+                            },
+                            {
+                                key: 'minimum',
+                                label: _('loyalty_backend.field.minimumSpend'),
+                                cell: (row) => figure(row.minimumSpend),
+                                align: 'end',
+                            },
+                            {
+                                key: 'window',
+                                label: _('loyalty_backend.field.windowMonths'),
+                                cell: (row) => figure(row.windowMonths ?? 12),
+                                align: 'end',
+                            },
+                            {
+                                key: 'sequence',
+                                label: _('loyalty_backend.field.sequence'),
+                                cell: (row) => figure(row.sequence),
+                                align: 'end',
+                            },
+                            {
+                                key: 'state',
+                                label: _('loyalty_backend.field.state'),
+                                cell: (row) => activeBadge(_, row.active),
+                            },
+                        ],
+                    })
+                    : empty(_) }),
+        ]) }));
+    if (!options.modal || !options.tierFields)
+        return page;
+    return modalWorkspace(page, _jsx(ModalSheet, { title: _(options.tier ? 'loyalty_backend.action.editTier' : 'loyalty_backend.action.addTier'), closeHref: options.closeHref, closeLabel: _('loyalty_backend.action.cancel'), presentation: "dialog", body: stack([
+            _jsx(RecordForm, { action: options.action, hidden: {
+                    action: 'tier',
+                    ...(options.tier ? { id: String(options.tier.id) } : {}),
+                }, fields: options.tierFields, errors: options.tierErrors, submit: _('loyalty_backend.action.save'), submitVariant: "primary", cancelHref: options.closeHref, cancelLabel: _('loyalty_backend.action.cancel') }),
+            ...(options.tier
+                ? [
+                    _jsx(RecordForm, { action: options.action, hidden: { action: 'toggle', id: String(options.tier.id) }, fields: [], submit: _(options.tier.active ? 'loyalty_backend.action.archive' : 'loyalty_backend.action.restore'), submitVariant: "secondary" }),
+                ]
+                : []),
+        ]) }));
+};
 export const orderLoyaltyScreen = (_, frame, options) => {
     const programs = options.result.programs ?? [];
     const action = `/admin/loyalty/orders/${options.channel}/${options.orderId}`;
@@ -806,11 +647,19 @@ export const orderLoyaltyScreen = (_, frame, options) => {
                     _jsx(Notice, { title: _('loyalty_backend.validation.title'), message: options.errors.join(' · '), tone: "danger" }),
                 ]
                 : []),
-            _jsx(Section, { title: _('loyalty_backend.order.code'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: action, hidden: { action: 'code' }, fields: [{ name: 'code', label: _('loyalty_backend.field.code'), required: true }], submit: _('loyalty_backend.action.applyCode'), submitVariant: "primary" }) }) }),
+            _jsx(Section, { title: _('loyalty_backend.order.code'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: action, hidden: { action: 'code' }, fields: [
+                            {
+                                name: 'code',
+                                label: _('loyalty_backend.field.code'),
+                                required: true,
+                            },
+                        ], submit: _('loyalty_backend.action.applyCode'), submitVariant: "primary" }) }) }),
             ...(programs.length
                 ? programs.map((program) => {
                     const rewards = program.rewards ?? [];
-                    return (_jsx(Section, { title: String(program.programName), description: _('loyalty_backend.order.pointsEarned', { points: String(program.points) }), body: stack([
+                    return (_jsx(Section, { title: String(program.programName), description: _('loyalty_backend.order.pointsEarned', {
+                            points: String(program.points),
+                        }), body: stack([
                             ...(program.ineligibleReasons && program.ineligibleReasons.length
                                 ? [
                                     _jsx(Notice, { title: _('loyalty_backend.order.ineligible'), message: program.ineligibleReasons.map(String).join(' · '), tone: "warning" }),
@@ -836,7 +685,10 @@ export const orderLoyaltyScreen = (_, frame, options) => {
                                                 }, fields: [], submit: _('loyalty_backend.action.applyReward'), submitVariant: "primary" }) })) }),
                                 ]
                                 : [empty(_)]),
-                            _jsx(RecordForm, { action: action, hidden: { action: 'remove', programId: String(program.programId) }, fields: [], submit: _('loyalty_backend.action.removeReward'), submitVariant: "destructive" }),
+                            _jsx(RecordForm, { action: action, hidden: {
+                                    action: 'remove',
+                                    programId: String(program.programId),
+                                }, fields: [], submit: _('loyalty_backend.action.removeReward'), submitVariant: "destructive" }),
                         ]) }));
                 })
                 : [empty(_)]),
@@ -908,5 +760,9 @@ export const portalScreen = (_, frame, summary) => {
             _jsx(Section, { title: _('loyalty_backend.portal.history'), body: ledger.length ? ledgerTable(_, ledger, { admin: false }) : empty(_) }),
         ]) }));
 };
-export const extensionLink = (_, href) => (_jsx(Surface, { tone: "subtle", body: linkButton({ label: _('loyalty_backend.action.openOrderLoyalty'), href, variant: 'secondary' }) }));
+export const extensionLink = (_, href) => (_jsx(Surface, { tone: "subtle", body: linkButton({
+        label: _('loyalty_backend.action.openOrderLoyalty'),
+        href,
+        variant: 'secondary',
+    }) }));
 //# sourceMappingURL=index.js.map