@ketvietlab/ketsuite 0.1.3 → 0.1.6

package/dist/modules/loyalty_backend/index.js

@@ -1,10 +1,12 @@
+import { newProgramRoute, programWorkspaceRoute } from './program-workspace.js';
 import { randomUUID } from 'node:crypto';
 import { defineModule, text } from '@ketvietlab/ketjs';
-import { readForm, seeOther } from '../backend/forms.js';
+import { formRefusal, readForm, seeOther } from '../backend/forms.js';
 import { PAGE_SIZE, pageOf, pager, searchOf, withParam } from '../backend/paging.js';
-import { DISCOUNT_APPLICABILITY, DISCOUNT_MODES, POINT_MODES, PROGRAM_APPLIES_ON, PROGRAM_TRIGGERS, LEDGER_OPERATIONS, PROGRAM_TYPES, REWARD_TYPES, TAX_MODES, } from '../loyalty/types.js';
+import { LEDGER_OPERATIONS, PROGRAM_TYPES } from '../loyalty/types.js';
+import { tierFormSchema } from '../loyalty/admin-functions.js';
 import { messages } from './messages.js';
-import { dashboardScreen, ledgerScreen, membershipsScreen, orderLoyaltyScreen, portalScreen, programDetailScreen, programsScreen, walletDetailScreen, walletsScreen, } from './screens/index.js';
+import { dashboardScreen, ledgerScreen, tiersScreen, orderLoyaltyScreen, portalScreen, programsScreen, walletDetailScreen, walletsScreen, } from './screens/index.js';
 import { adminPage, choices, inLocale, optional } from '../backend/screen.js';
 /**
  * One filter dimension, as the chrome's dropdown wants it.
@@ -26,7 +28,10 @@ const filterMenu = (url, id, label, param, current, options) => ({
 /** The chips above the table saying which filters are on, each one removable. */
 const filterFacets = (url, active) => active
     .filter((entry) => Boolean(entry.label))
-    .map((entry) => ({ label: entry.label, without: withParam(url, entry.param, null) }));
+    .map((entry) => ({
+    label: entry.label,
+    without: withParam(url, entry.param, null),
+}));
 /**
  * A window over a ledger, chosen by name rather than by date.
  *
@@ -40,14 +45,20 @@ const periodWindow = (period) => {
     const at = new Date();
     const year = at.getUTCFullYear();
     if (period === 'year')
-        return { from: new Date(Date.UTC(year, 0, 1)).toISOString(), to: at.toISOString() };
+        return {
+            from: new Date(Date.UTC(year, 0, 1)).toISOString(),
+            to: at.toISOString(),
+        };
     if (period === 'quarter')
         return {
             from: new Date(Date.UTC(year, Math.floor(at.getUTCMonth() / 3) * 3, 1)).toISOString(),
             to: at.toISOString(),
         };
     if (period === 'month')
-        return { from: new Date(Date.UTC(year, at.getUTCMonth(), 1)).toISOString(), to: at.toISOString() };
+        return {
+            from: new Date(Date.UTC(year, at.getUTCMonth(), 1)).toISOString(),
+            to: at.toISOString(),
+        };
     return {};
 };
 const crossSite = (req) => {
@@ -61,9 +72,11 @@ const crossSite = (req) => {
         return true;
     }
 };
-const bool = (value) => value === '1' || value === 'true' || value === 'on';
 const resultErrors = (result, _) => (result?.errors ?? []).map((error) => error.code ? _(error.code, error.params) : String(error.message ?? _('loyalty_backend.error.invalid')));
-const options = (_, values, group) => values.map((value) => ({ value, label: _(`loyalty_backend.${group}.${value}`) }));
+const options = (_, values, group) => values.map((value) => ({
+    value,
+    label: _(`loyalty_backend.${group}.${value}`),
+}));
 const dataFor = async (ctx, url, req) => {
     const [programs, partners, templates] = await Promise.all([
         ctx.call('loyalty.program.list', { includeArchived: true }, url, req),
@@ -86,188 +99,6 @@ const createProgramFields = (_) => [
         required: true,
     },
 ];
-const programFields = (_, row) => [
-    { name: 'name', label: _('loyalty_backend.field.name'), value: String(row.name ?? ''), required: true },
-    {
-        name: 'programType',
-        label: _('loyalty_backend.field.programType'),
-        type: 'select',
-        value: String(row.programType ?? ''),
-        options: options(_, PROGRAM_TYPES, 'programType'),
-        required: true,
-    },
-    {
-        name: 'sequence',
-        label: _('loyalty_backend.field.sequence'),
-        type: 'number',
-        value: Number(row.sequence ?? 10),
-    },
-    {
-        name: 'currency',
-        label: _('loyalty_backend.field.currency'),
-        value: String(row.currency ?? ''),
-        required: true,
-    },
-    {
-        name: 'dateFrom',
-        label: _('loyalty_backend.field.dateFrom'),
-        type: 'datetime-local',
-        value: row.dateFrom ? String(row.dateFrom).slice(0, 16) : '',
-    },
-    {
-        name: 'dateTo',
-        label: _('loyalty_backend.field.dateTo'),
-        type: 'datetime-local',
-        value: row.dateTo ? String(row.dateTo).slice(0, 16) : '',
-    },
-    {
-        name: 'limitUsage',
-        label: _('loyalty_backend.field.limitUsage'),
-        type: 'checkbox',
-        value: Boolean(row.limitUsage),
-    },
-    {
-        name: 'maxUsage',
-        label: _('loyalty_backend.field.maxUsage'),
-        type: 'number',
-        value: row.maxUsage == null ? '' : Number(row.maxUsage),
-    },
-    {
-        name: 'appliesOn',
-        label: _('loyalty_backend.field.appliesOn'),
-        type: 'select',
-        value: String(row.appliesOn ?? ''),
-        options: options(_, PROGRAM_APPLIES_ON, 'appliesOn'),
-    },
-    {
-        name: 'trigger',
-        label: _('loyalty_backend.field.trigger'),
-        type: 'select',
-        value: String(row.trigger ?? ''),
-        options: options(_, PROGRAM_TRIGGERS, 'trigger'),
-    },
-    { name: 'pointName', label: _('loyalty_backend.field.pointName'), value: String(row.pointName ?? '') },
-    {
-        name: 'portalVisible',
-        label: _('loyalty_backend.field.portalVisible'),
-        type: 'checkbox',
-        value: Boolean(row.portalVisible),
-    },
-    {
-        name: 'availableSale',
-        label: _('loyalty_backend.field.availableSale'),
-        type: 'checkbox',
-        value: Boolean(row.availableSale),
-    },
-    {
-        name: 'availablePos',
-        label: _('loyalty_backend.field.availablePos'),
-        type: 'checkbox',
-        value: Boolean(row.availablePos),
-    },
-];
-const programInput = (id, form) => ({
-    id,
-    name: form.name ?? '',
-    programType: form.programType ?? '',
-    sequence: Number(form.sequence || 10),
-    ...optional(form, 'currency'),
-    ...optional(form, 'dateFrom'),
-    ...optional(form, 'dateTo'),
-    limitUsage: bool(form.limitUsage),
-    ...(form.maxUsage ? { maxUsage: Number(form.maxUsage) } : {}),
-    ...optional(form, 'appliesOn'),
-    ...optional(form, 'trigger'),
-    ...optional(form, 'pointName'),
-    portalVisible: bool(form.portalVisible),
-    availableSale: bool(form.availableSale),
-    availablePos: bool(form.availablePos),
-});
-const ruleFields = (_, products) => [
-    { name: 'priority', label: _('loyalty_backend.field.priority'), type: 'number', value: 10 },
-    {
-        name: 'productId',
-        label: _('loyalty_backend.field.rewardProduct'),
-        type: 'select',
-        options: choices(products, true),
-    },
-    {
-        name: 'pointAmount',
-        label: _('loyalty_backend.field.pointAmount'),
-        type: 'decimal',
-        value: 1,
-        required: true,
-    },
-    {
-        name: 'pointMode',
-        label: _('loyalty_backend.field.pointMode'),
-        type: 'select',
-        options: options(_, POINT_MODES, 'pointMode'),
-        required: true,
-    },
-    { name: 'pointSplit', label: _('loyalty_backend.field.pointSplit'), type: 'checkbox' },
-    { name: 'minimumQuantity', label: _('loyalty_backend.field.minimumQuantity'), type: 'decimal', value: 1 },
-    { name: 'minimumAmount', label: _('loyalty_backend.field.minimumAmount'), type: 'decimal', value: 0 },
-    {
-        name: 'taxMode',
-        label: _('loyalty_backend.field.taxMode'),
-        type: 'select',
-        options: options(_, TAX_MODES, 'taxMode'),
-        required: true,
-    },
-    {
-        name: 'mode',
-        label: _('loyalty_backend.field.mode'),
-        type: 'select',
-        options: options(_, PROGRAM_TRIGGERS, 'trigger'),
-        required: true,
-    },
-    { name: 'code', label: _('loyalty_backend.field.code') },
-];
-const rewardFields = (_, products) => [
-    { name: 'description', label: _('loyalty_backend.field.description'), required: true },
-    {
-        name: 'rewardType',
-        label: _('loyalty_backend.field.rewardType'),
-        type: 'select',
-        options: options(_, REWARD_TYPES, 'rewardType'),
-        required: true,
-    },
-    { name: 'discount', label: _('loyalty_backend.field.discount'), type: 'decimal', value: 10 },
-    {
-        name: 'discountMode',
-        label: _('loyalty_backend.field.discountMode'),
-        type: 'select',
-        options: options(_, DISCOUNT_MODES, 'discountMode'),
-    },
-    {
-        name: 'discountApplicability',
-        label: _('loyalty_backend.field.discountApplicability'),
-        type: 'select',
-        options: options(_, DISCOUNT_APPLICABILITY, 'discountApplicability'),
-    },
-    { name: 'discountMaximum', label: _('loyalty_backend.field.discountMaximum'), type: 'decimal' },
-    {
-        name: 'rewardProductId',
-        label: _('loyalty_backend.field.rewardProduct'),
-        type: 'select',
-        options: choices(products, true),
-    },
-    {
-        name: 'rewardProductQuantity',
-        label: _('loyalty_backend.field.rewardProductQuantity'),
-        type: 'decimal',
-        value: 1,
-    },
-    {
-        name: 'requiredPoints',
-        label: _('loyalty_backend.field.requiredPoints'),
-        type: 'decimal',
-        value: 1,
-        required: true,
-    },
-    { name: 'clearWallet', label: _('loyalty_backend.field.clearWallet'), type: 'checkbox' },
-];
 const routes = {
     '/admin/loyalty': (ctx) => async (url, req) => {
         if (req.method !== 'GET')
@@ -289,23 +120,8 @@ const routes = {
         });
     },
     '/admin/loyalty/programs': (ctx) => async (url, req) => {
-        if (req.method === 'POST') {
-            if (crossSite(req))
-                return text('Forbidden', { status: 403 });
-            const form = await readForm(req);
-            const result = await ctx.call('loyalty.program.save', { ...programInput(randomUUID(), form), availableSale: true, availablePos: true }, url, req);
-            if (result.ok)
-                return seeOther(inLocale(url, `/admin/loyalty/programs/${String(result.id)}`));
-            const _ = ctx.translate(ctx.localeOf(url, req));
-            const [rows, totals] = await Promise.all([
-                ctx.call('loyalty.program.list', { includeArchived: true, limit: PAGE_SIZE }, url, req),
-                ctx.call('loyalty.program.stats', {}, url, req),
-            ]);
-            return adminPage(ctx, url, req, {
-                title: 'loyalty_backend.programs.title',
-                body: (_, frame) => programsScreen(_, frame, rows, totals, createProgramFields(_), resultErrors(result, _)),
-            });
-        }
+        if (req.method === 'POST')
+            return seeOther(inLocale(url, '/admin/loyalty/programs/new'));
         if (req.method !== 'GET')
             return text('GET or POST', { status: 405 });
         const page = pageOf(url);
@@ -338,7 +154,10 @@ const routes = {
                             ...(programType ? { type: programType } : {}),
                         },
                         facets: filterFacets(url, [
-                            { param: 'state', label: state ? _(`loyalty_backend.state.${state}`) : null },
+                            {
+                                param: 'state',
+                                label: state ? _(`loyalty_backend.state.${state}`) : null,
+                            },
                             {
                                 param: 'type',
                                 label: programType ? _(`loyalty_backend.programType.${programType}`) : null,
@@ -346,10 +165,26 @@ const routes = {
                         ]),
                         menus: [
                             filterMenu(url, 'state', _('loyalty_backend.field.state'), 'state', state, [
-                                { value: 'running', label: _('loyalty_backend.state.running') },
-                                { value: 'upcoming', label: _('loyalty_backend.state.upcoming') },
-                                { value: 'archived', label: _('loyalty_backend.state.archived') },
-                                { value: 'ended', label: _('loyalty_backend.state.ended') },
+                                {
+                                    value: 'draft',
+                                    label: _('loyalty_backend.state.draft'),
+                                },
+                                {
+                                    value: 'running',
+                                    label: _('loyalty_backend.state.running'),
+                                },
+                                {
+                                    value: 'upcoming',
+                                    label: _('loyalty_backend.state.upcoming'),
+                                },
+                                {
+                                    value: 'archived',
+                                    label: _('loyalty_backend.state.archived'),
+                                },
+                                {
+                                    value: 'ended',
+                                    label: _('loyalty_backend.state.ended'),
+                                },
                             ]),
                             filterMenu(url, 'type', _('loyalty_backend.field.programType'), 'type', programType, options(_, PROGRAM_TYPES, 'programType')),
                         ],
@@ -359,72 +194,8 @@ const routes = {
             }, rows, totals, createProgramFields(_)),
         });
     },
-    '/admin/loyalty/programs/{id}': (ctx) => async (url, req, params) => {
-        let errors = [];
-        if (req.method === 'POST') {
-            if (crossSite(req))
-                return text('Forbidden', { status: 403 });
-            const form = await readForm(req);
-            let result;
-            if (form.action === 'save-program')
-                result = await ctx.call('loyalty.program.save', programInput(params.id, form), url, req);
-            else if (form.action === 'archive' || form.action === 'restore')
-                result = await ctx.call('loyalty.program.archive', { id: params.id, active: form.action === 'restore' }, url, req);
-            else if (form.action === 'add-rule')
-                result = await ctx.call('loyalty.rule.save', {
-                    id: randomUUID(),
-                    programId: params.id,
-                    priority: Number(form.priority || 10),
-                    ...optional(form, 'productId'),
-                    pointAmount: form.pointAmount || '1',
-                    pointMode: form.pointMode || 'order',
-                    pointSplit: bool(form.pointSplit),
-                    minimumQuantity: form.minimumQuantity || '1',
-                    minimumAmount: form.minimumAmount || '0',
-                    taxMode: form.taxMode || 'excl',
-                    mode: form.mode || 'auto',
-                    ...optional(form, 'code'),
-                }, url, req);
-            else if (form.action === 'add-reward')
-                result = await ctx.call('loyalty.reward.save', {
-                    id: randomUUID(),
-                    programId: params.id,
-                    description: form.description || '',
-                    rewardType: form.rewardType || 'discount',
-                    discount: form.discount || '0',
-                    discountMode: form.discountMode || 'percent',
-                    discountApplicability: form.discountApplicability || 'order',
-                    ...optional(form, 'discountMaximum'),
-                    ...optional(form, 'rewardProductId'),
-                    rewardProductQuantity: form.rewardProductQuantity || '1',
-                    requiredPoints: form.requiredPoints || '1',
-                    clearWallet: bool(form.clearWallet),
-                }, url, req);
-            else
-                return text('unknown action', { status: 400 });
-            if (result.ok)
-                return seeOther(inLocale(url, url.pathname));
-            errors = resultErrors(result, ctx.translate(ctx.localeOf(url, req)));
-        }
-        else if (req.method !== 'GET')
-            return text('GET or POST', { status: 405 });
-        const [program, data] = await Promise.all([
-            ctx.call('loyalty.program.get', { id: params.id }, url, req),
-            dataFor(ctx, url, req),
-        ]);
-        if (!program)
-            return text(ctx.translate(ctx.localeOf(url, req))('loyalty_backend.error.notFound'), { status: 404 });
-        return adminPage(ctx, url, req, {
-            title: 'loyalty_backend.program.detail',
-            body: (_, frame) => programDetailScreen(_, frame, program, {
-                programFields: programFields(_, program),
-                ruleFields: ruleFields(_, data.products),
-                rewardFields: rewardFields(_, data.products),
-                tab: url.searchParams.get('tab') ?? 'overview',
-                errors,
-            }),
-        });
-    },
+    '/admin/loyalty/programs/new': newProgramRoute,
+    '/admin/loyalty/programs/{id}': programWorkspaceRoute,
     '/admin/loyalty/wallets': (ctx) => async (url, req) => {
         const data = await dataFor(ctx, url, req);
         let errors = [];
@@ -479,14 +250,29 @@ const routes = {
                             ...(programId ? { program: programId } : {}),
                         },
                         facets: filterFacets(url, [
-                            { param: 'state', label: state ? _(`loyalty_backend.state.${state}`) : null },
-                            { param: 'program', label: programId ? (programNames.get(programId) ?? null) : null },
+                            {
+                                param: 'state',
+                                label: state ? _(`loyalty_backend.state.${state}`) : null,
+                            },
+                            {
+                                param: 'program',
+                                label: programId ? (programNames.get(programId) ?? null) : null,
+                            },
                         ]),
                         menus: [
                             filterMenu(url, 'state', _('loyalty_backend.field.state'), 'state', state, [
-                                { value: 'active', label: _('loyalty_backend.state.running') },
-                                { value: 'locked', label: _('loyalty_backend.state.locked') },
-                                { value: 'expired', label: _('loyalty_backend.state.expired') },
+                                {
+                                    value: 'active',
+                                    label: _('loyalty_backend.state.running'),
+                                },
+                                {
+                                    value: 'locked',
+                                    label: _('loyalty_backend.state.locked'),
+                                },
+                                {
+                                    value: 'expired',
+                                    label: _('loyalty_backend.state.expired'),
+                                },
                             ]),
                             filterMenu(url, 'program', _('loyalty_backend.field.program'), 'program', programId, data.programs.map((program) => ({
                                 value: String(program.id),
@@ -521,7 +307,11 @@ const routes = {
                     type: 'decimal',
                     value: 0,
                 },
-                { name: 'expiresAt', label: _('loyalty_backend.field.expiresAt'), type: 'datetime-local' },
+                {
+                    name: 'expiresAt',
+                    label: _('loyalty_backend.field.expiresAt'),
+                    type: 'datetime-local',
+                },
             ], errors),
         });
     },
@@ -563,14 +353,24 @@ const routes = {
         return adminPage(ctx, url, req, {
             title: 'loyalty_backend.wallets.title',
             body: (_, frame) => walletDetailScreen(_, frame, wallet, [
-                { name: 'amount', label: _('loyalty_backend.field.amount'), type: 'decimal', required: true },
+                {
+                    name: 'amount',
+                    label: _('loyalty_backend.field.amount'),
+                    type: 'decimal',
+                    required: true,
+                },
                 {
                     name: 'sourceId',
                     label: _('loyalty_backend.field.sourceId'),
                     value: randomUUID(),
                     required: true,
                 },
-                { name: 'note', label: _('loyalty_backend.field.note'), type: 'textarea', span: 'full' },
+                {
+                    name: 'note',
+                    label: _('loyalty_backend.field.note'),
+                    type: 'textarea',
+                    span: 'full',
+                },
             ], url.searchParams.get('tab') ?? 'overview', errors),
         });
     },
@@ -616,13 +416,22 @@ const routes = {
                             ...(walletId ? { wallet: walletId } : {}),
                         },
                         facets: filterFacets(url, [
-                            { param: 'period', label: _(`loyalty_backend.period.${period}`) },
+                            {
+                                param: 'period',
+                                label: _(`loyalty_backend.period.${period}`),
+                            },
                             {
                                 param: 'operation',
                                 label: operation ? _(`loyalty_backend.operation.${operation}`) : null,
                             },
-                            { param: 'program', label: programId ? (programNames.get(programId) ?? null) : null },
-                            { param: 'wallet', label: walletId ? (codes.get(walletId) ?? null) : null },
+                            {
+                                param: 'program',
+                                label: programId ? (programNames.get(programId) ?? null) : null,
+                            },
+                            {
+                                param: 'wallet',
+                                label: walletId ? (codes.get(walletId) ?? null) : null,
+                            },
                         ]),
                         menus: [
                             filterMenu(url, 'period', _('loyalty_backend.field.period'), 'period', period, PERIODS.map((value) => ({
@@ -638,148 +447,145 @@ const routes = {
                     },
                     pager: pager(url, page, rows.length, Number(totals.entries ?? 0)),
                 },
-            }, rows.map((row) => ({ ...row, walletCode: codes.get(String(row.walletId)) })), totals),
+            }, rows.map((row) => ({
+                ...row,
+                walletCode: codes.get(String(row.walletId)),
+            })), totals),
         });
     },
-    '/admin/loyalty/memberships': (ctx) => async (url, req) => {
-        const data = await dataFor(ctx, url, req);
-        const loyaltyPrograms = data.programs.filter((program) => program.programType === 'loyalty' && program.active);
-        let errors = [];
+    '/admin/loyalty/memberships': (_ctx) => async (url, req) => {
+        if (req.method !== 'GET')
+            return text('GET', { status: 405 });
+        return seeOther(inLocale(url, '/admin/loyalty/tiers'));
+    },
+    '/admin/loyalty/tiers': (ctx) => async (url, req) => {
+        if (!['GET', 'POST'].includes(req.method ?? ''))
+            return text('GET or POST', { status: 405 });
+        if (req.method === 'POST' && crossSite(req))
+            return text('Forbidden', { status: 403 });
+        const _ = ctx.translate(ctx.localeOf(url, req));
+        const refusal = formRefusal(_);
+        let submitted = {};
+        let submittedAction = '';
+        let tiers = (await ctx.call('loyalty.tier.list', { includeArchived: true }, url, req));
+        const baseHref = () => {
+            const target = new URL(inLocale(url, '/admin/loyalty/tiers'), url.origin);
+            return target.pathname + target.search;
+        };
         if (req.method === 'POST') {
-            if (crossSite(req))
-                return text('Forbidden', { status: 403 });
             const form = await readForm(req);
-            const result = form.action === 'tier'
-                ? await ctx.call('loyalty.tier.save', {
-                    id: randomUUID(),
-                    name: form.name ?? '',
-                    code: form.code ?? '',
-                    sequence: Number(form.sequence || 10),
-                    minimumSpend: form.minimumSpend || '0',
-                    redeemPercent: form.redeemPercent || '0',
-                    active: true,
-                }, url, req)
-                : await ctx.call('loyalty.membership.config.save', {
-                    id: form.id || 'membership-config',
-                    programId: form.programId ?? '',
-                    windowMonths: Number(form.windowMonths || 12),
-                    pointValue: form.pointValue || '1',
-                    minimumRedeemStep: form.minimumRedeemStep || '1',
-                    fallbackCurrencyPerPoint: form.fallbackCurrencyPerPoint || '1',
-                    fallbackEnabled: bool(form.fallbackEnabled),
-                }, url, req);
-            if (result.ok)
-                return seeOther(inLocale(url, url.pathname));
-            errors = resultErrors(result, ctx.translate(ctx.localeOf(url, req)));
+            submitted = form;
+            submittedAction = form.action ?? '';
+            let result = { ok: false };
+            if (submittedAction === 'tier') {
+                const checked = refusal.check(tierFormSchema, form);
+                if (checked) {
+                    const existingTier = tiers.find((row) => String(row.id) === form.id);
+                    result = (await ctx.call('loyalty.tier.save', {
+                        id: form.id || randomUUID(),
+                        name: checked.name,
+                        code: checked.code,
+                        sequence: checked.sequence ?? 10,
+                        minimumSpend: checked.minimumSpend,
+                        windowMonths: checked.windowMonths,
+                        redeemPercent: String(existingTier?.redeemPercent ?? 100),
+                        active: true,
+                    }, url, req));
+                }
+                if (result.ok)
+                    return seeOther(baseHref());
+                refusal.add(resultErrors(result, _));
+            }
+            else if (submittedAction === 'toggle') {
+                const tier = tiers.find((row) => String(row.id) === form.id);
+                if (!tier)
+                    return text(_('loyalty_backend.error.notFound'), { status: 404 });
+                result = (await ctx.call('loyalty.tier.save', {
+                    id: String(tier.id),
+                    name: String(tier.name),
+                    code: String(tier.code),
+                    sequence: Number(tier.sequence ?? 10),
+                    minimumSpend: String(tier.minimumSpend),
+                    windowMonths: Number(tier.windowMonths ?? 12),
+                    redeemPercent: String(tier.redeemPercent),
+                    active: !tier.active,
+                }, url, req));
+                if (result.ok)
+                    return seeOther(baseHref());
+                refusal.add(resultErrors(result, _));
+            }
+            else
+                return text('unknown action', { status: 400 });
+            tiers = (await ctx.call('loyalty.tier.list', { includeArchived: true }, url, req));
         }
-        else if (req.method !== 'GET')
-            return text('GET or POST', { status: 405 });
-        const page = pageOf(url);
-        const state = url.searchParams.get('state') ?? undefined;
-        const tierId = url.searchParams.get('tier') ?? undefined;
-        const [tiers, memberships, totals, config] = await Promise.all([
-            ctx.call('loyalty.tier.list', { includeArchived: true }, url, req),
-            ctx.call('loyalty.membership.list', {
-                ...(state ? { state } : {}),
-                ...(tierId ? { tierId } : {}),
-                limit: PAGE_SIZE,
-                offset: (page - 1) * PAGE_SIZE,
-            }, url, req),
-            ctx.call('loyalty.membership.stats', { ...(tierId ? { tierId } : {}) }, url, req),
-            ctx.call('loyalty.membership.config.get', {}, url, req),
-        ]);
-        const names = new Map(data.partners.map((partner) => [String(partner.id), String(partner.name)]));
-        const tierNames = new Map(tiers.map((tier) => [String(tier.id), String(tier.name)]));
-        return adminPage(ctx, url, req, {
-            title: 'loyalty_backend.memberships.title',
-            body: (_, frame) => membershipsScreen(_, {
-                ...frame,
-                chrome: {
-                    section: _('loyalty_backend.menu.app'),
-                    search: {
-                        name: 'q',
-                        value: '',
-                        placeholder: _('loyalty_backend.chrome.searchMembers'),
-                        keep: { ...(state ? { state } : {}), ...(tierId ? { tier: tierId } : {}) },
-                        facets: filterFacets(url, [
-                            { param: 'state', label: state ? _(`loyalty_backend.state.${state}`) : null },
-                            { param: 'tier', label: tierId ? (tierNames.get(tierId) ?? null) : null },
-                        ]),
-                        menus: [
-                            filterMenu(url, 'state', _('loyalty_backend.field.state'), 'state', state, [
-                                { value: 'active', label: _('loyalty_backend.state.active') },
-                                { value: 'dormant', label: _('loyalty_backend.state.dormant') },
-                            ]),
-                            filterMenu(url, 'tier', _('loyalty_backend.field.tier'), 'tier', tierId, tiers.map((tier) => ({ value: String(tier.id), label: String(tier.name) }))),
-                        ],
-                    },
-                    pager: pager(url, page, memberships.length, Number(totals.total ?? 0)),
-                },
-            }, memberships.map((membership) => ({
-                ...membership,
-                partnerName: names.get(String(membership.partnerId)),
-            })), totals, tiers, [
-                { name: 'name', label: _('loyalty_backend.field.name'), required: true },
-                { name: 'code', label: _('loyalty_backend.field.code'), required: true },
-                { name: 'sequence', label: _('loyalty_backend.field.sequence'), type: 'number', value: 10 },
+        const tierId = url.searchParams.get('tier') ?? (submittedAction === 'tier' ? submitted.id : undefined);
+        const tier = tierId ? (tiers.find((row) => String(row.id) === tierId) ?? null) : null;
+        if (tierId && !tier && submittedAction !== 'tier')
+            return text(_('loyalty_backend.error.notFound'), { status: 404 });
+        const modal = url.searchParams.get('modal') === 'tier' || submittedAction === 'tier';
+        const held = (name, fallback, action) => submittedAction === action && Object.hasOwn(submitted, name) ? submitted[name] : fallback;
+        const tierFields = modal
+            ? [
                 {
-                    name: 'minimumSpend',
-                    label: _('loyalty_backend.field.minimumSpend'),
-                    type: 'decimal',
-                    value: 0,
+                    name: 'name',
+                    label: _('loyalty_backend.field.name'),
+                    value: String(held('name', tier?.name ?? '', 'tier')),
                     required: true,
+                    error: submittedAction === 'tier' ? refusal.error('name') : null,
                 },
                 {
-                    name: 'redeemPercent',
-                    label: _('loyalty_backend.field.redeemPercent'),
-                    type: 'decimal',
-                    value: 100,
+                    name: 'code',
+                    label: _('loyalty_backend.field.code'),
+                    value: String(held('code', tier?.code ?? '', 'tier')),
                     required: true,
+                    error: submittedAction === 'tier' ? refusal.error('code') : null,
                 },
-            ], [
                 {
-                    name: 'programId',
-                    label: _('loyalty_backend.field.program'),
-                    type: 'select',
-                    value: String(config?.programId ?? loyaltyPrograms[0]?.id ?? ''),
-                    options: choices(loyaltyPrograms),
+                    name: 'minimumSpend',
+                    label: _('loyalty_backend.field.minimumSpend'),
+                    type: 'decimal',
+                    value: String(held('minimumSpend', tier?.minimumSpend ?? 0, 'tier')),
                     required: true,
+                    error: submittedAction === 'tier' ? refusal.error('minimumSpend') : null,
                 },
                 {
                     name: 'windowMonths',
                     label: _('loyalty_backend.field.windowMonths'),
                     type: 'number',
-                    value: Number(config?.windowMonths ?? 12),
+                    value: String(held('windowMonths', tier?.windowMonths ?? 12, 'tier')),
                     required: true,
+                    help: _('loyalty_backend.memberships.windowExamples'),
+                    error: submittedAction === 'tier' ? refusal.error('windowMonths') : null,
                 },
                 {
-                    name: 'pointValue',
-                    label: _('loyalty_backend.field.pointValue'),
-                    type: 'decimal',
-                    value: String(config?.pointValue ?? 1),
-                    required: true,
-                },
-                {
-                    name: 'minimumRedeemStep',
-                    label: _('loyalty_backend.field.minimumRedeemStep'),
-                    type: 'decimal',
-                    value: String(config?.minimumRedeemStep ?? 1),
-                    required: true,
-                },
-                {
-                    name: 'fallbackCurrencyPerPoint',
-                    label: _('loyalty_backend.field.fallbackCurrencyPerPoint'),
-                    type: 'decimal',
-                    value: String(config?.fallbackCurrencyPerPoint ?? 1),
-                    required: true,
+                    name: 'sequence',
+                    label: _('loyalty_backend.field.sequence'),
+                    type: 'number',
+                    value: String(held('sequence', tier?.sequence ?? 10, 'tier')),
+                    error: submittedAction === 'tier' ? refusal.error('sequence') : null,
                 },
-                {
-                    name: 'fallbackEnabled',
-                    label: _('loyalty_backend.field.fallbackEnabled'),
-                    type: 'checkbox',
-                    value: config ? Boolean(config.fallbackEnabled) : true,
+            ]
+            : undefined;
+        const create = new URL(baseHref(), url.origin);
+        create.searchParams.set('modal', 'tier');
+        const closeHref = baseHref();
+        return adminPage(ctx, url, req, {
+            title: 'loyalty_backend.memberships.title',
+            body: (_, frame) => tiersScreen(_, frame, tiers, {
+                action: url.pathname + url.search,
+                closeHref,
+                createHref: create.pathname + create.search,
+                tierHref: (row) => {
+                    const target = new URL(closeHref, url.origin);
+                    target.searchParams.set('modal', 'tier');
+                    target.searchParams.set('tier', String(row.id));
+                    return target.pathname + target.search;
                 },
-            ], errors),
+                tierFields,
+                tierErrors: submittedAction === 'tier' ? refusal.sentences() : [],
+                tier,
+                modal,
+            }),
         });
     },
     '/admin/loyalty/orders/{channel}/{id}': (ctx) => async (url, req, params) => {
@@ -795,7 +601,11 @@ const routes = {
             if (form.action === 'code')
                 result = await ctx.call(`${prefix}.applyCode`, { orderId: params.id, code: form.code ?? '' }, url, req);
             else if (form.action === 'reward')
-                result = await ctx.call(`${prefix}.applyReward`, { orderId: params.id, programId: form.programId ?? '', rewardId: form.rewardId ?? '' }, url, req);
+                result = await ctx.call(`${prefix}.applyReward`, {
+                    orderId: params.id,
+                    programId: form.programId ?? '',
+                    rewardId: form.rewardId ?? '',
+                }, url, req);
             else if (form.action === 'remove')
                 result = await ctx.call(`${prefix}.removeReward`, { orderId: params.id, programId: form.programId ?? '' }, url, req);
             else
@@ -841,7 +651,9 @@ const routes = {
         const user = (await ctx.call('user.getUser', { id: session.userId }, url, req));
         const _ = ctx.translate(ctx.localeOf(url, req));
         if (!user?.partnerId)
-            return text(_('loyalty_backend.error.partnerRequired'), { status: 403 });
+            return text(_('loyalty_backend.error.partnerRequired'), {
+                status: 403,
+            });
         const summary = (await ctx.call('loyalty.portal.summary', { partnerId: user.partnerId }, url, req));
         if (summary.ok !== true)
             return text(resultErrors(summary, _).join('\n'), { status: 400 });
@@ -885,9 +697,9 @@ export default defineModule({
         'loyalty.memberships': {
             parent: 'loyalty',
             label: 'menu.memberships',
-            path: '/admin/loyalty/memberships',
+            path: '/admin/loyalty/tiers',
             sequence: 30,
-            needs: 'loyalty.membership.list',
+            needs: 'loyalty.tier.list',
         },
         'loyalty.ledger': {
             parent: 'loyalty',