@ketvietlab/ketsuite 0.1.24 → 0.1.29

package/dist/modules/product_backend/modal/attribute-modal-view.js

@@ -0,0 +1,180 @@
+import { jsx as _jsx } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { ATTRIBUTE_RECORD_MODAL_LABELS } from '../../product/attribute-modal-labels.js';
+import { Button, Field, Grid, RecordActions, ReorderList, Section } from '@ketvietlab/design-system';
+import { createRecordModal } from '../../../ui/client/record-modal.js';
+import { RecordCloseTrigger, RecordModalForm, recordStateSelectControl, } from '../../../ui/client/record-modal-form.js';
+const pageLang = () => typeof document !== 'undefined' && document.documentElement.lang === 'en' ? 'en' : 'vi';
+const formId = 'product-attribute-draft';
+const orderField = 'attributeValuesOrder';
+const t = (c, key) => c.t(`product_backend.${key}`);
+const valueField = (id, field) => `attributeValue.${id}.${field}`;
+const valuesOf = (c) => {
+    const initial = c.data.record.values.map((value) => value.id);
+    let ids = initial;
+    try {
+        const parsed = JSON.parse(c.state(orderField, JSON.stringify(initial)));
+        if (Array.isArray(parsed) && parsed.every((id) => typeof id === 'string'))
+            ids = [...new Set(parsed)];
+    }
+    catch {
+        /* A fresh context supplies the canonical order. */
+    }
+    return ids.map((id, index) => {
+        const value = c.data.record.values.find((item) => item.id === id);
+        return {
+            id,
+            name: c.draft(valueField(id, 'name'), value?.name ?? ''),
+            htmlColor: c.draft(valueField(id, 'htmlColor'), value?.htmlColor ??
+                (c.draft('displayType', c.data.record.displayType) === 'color' ? '#000000' : '')) || null,
+            sequence: index,
+        };
+    });
+};
+const draftOf = (c) => ({
+    ...c.data.record,
+    name: c.draft('name', c.data.record.name),
+    displayType: c.draft('displayType', c.data.record.displayType),
+    createVariant: c.draft('createVariant', c.data.record.createVariant),
+    values: valuesOf(c),
+});
+const dirty = (c, draft) => {
+    const baseline = {
+        ...c.data.record,
+        values: c.data.record.values.map((value, index) => ({
+            id: value.id,
+            name: value.name,
+            htmlColor: value.htmlColor || (c.data.record.displayType === 'color' ? '#000000' : null),
+            sequence: index,
+        })),
+    };
+    return JSON.stringify(draft) !== JSON.stringify(baseline);
+};
+const field = (c, props) => ({
+    ...props,
+    id: `${formId}-${props.name}`,
+    disabled: !c.data.permissions.save || c.busy,
+    error: c.fieldError(props.name),
+    value: c.draft(props.name, String(props.value ?? '')),
+});
+const body = (c) => {
+    const draft = draftOf(c);
+    const choices = (group, values) => values.map((value) => ({ value, label: t(c, `${group}.${value}`) }));
+    return (_jsx(RecordModalForm, { kind: c.kind, id: formId, command: "save", dirty: dirty(c, draft), fields: [
+            field(c, {
+                name: 'name',
+                label: t(c, 'field.name'),
+                value: draft.name,
+                required: true,
+                span: 'full',
+            }),
+            {
+                ...field(c, {
+                    name: 'displayType',
+                    label: t(c, 'attributes.displayType'),
+                    value: draft.displayType,
+                }),
+                control: recordStateSelectControl({
+                    id: `${formId}-displayType`,
+                    name: 'displayType',
+                    state: 'displayType',
+                    value: draft.displayType,
+                    disabled: !c.data.permissions.save || c.busy,
+                    options: choices('displayType', ['radio', 'pills', 'select', 'color', 'multi']),
+                }),
+            },
+            field(c, {
+                name: 'createVariant',
+                label: t(c, 'attributes.createVariant'),
+                type: 'select',
+                value: draft.createVariant,
+                options: choices('createVariant', ['always', 'no_variant']),
+            }),
+        ], body: _jsx(Section, { title: t(c, 'attributes.values'), description: c.fieldError(orderField), body: _jsx(ReorderList, { id: "product-attribute-values", name: orderField, label: t(c, 'attributes.values'), disabled: !c.data.permissions.save || c.busy, labels: {
+                    add: t(c, 'attributes.addValue'),
+                    remove: t(c, 'attributes.removeValue'),
+                    up: t(c, 'attributes.moveUp'),
+                    down: t(c, 'attributes.moveDown'),
+                    drag: t(c, 'attributes.dragValue'),
+                    empty: t(c, 'attributes.emptyValues'),
+                }, items: draft.values.map((value) => {
+                    const name = (_jsx(Field, { ...field(c, {
+                            name: valueField(value.id, 'name'),
+                            label: t(c, 'attributes.valueName'),
+                            required: true,
+                            value: value.name,
+                        }) }));
+                    return {
+                        id: value.id,
+                        content: draft.displayType === 'color' ? (_jsx(Grid, { columns: 2, items: [
+                                name,
+                                _jsx(Field, { ...field(c, {
+                                        name: valueField(value.id, 'htmlColor'),
+                                        label: t(c, 'attributes.color'),
+                                        type: 'color',
+                                        value: value.htmlColor || '#000000',
+                                    }) }),
+                            ] })) : (name),
+                    };
+                }) }) }) }));
+};
+export const attributeModalDefinition = {
+    kind: 'product.attribute',
+    labels: () => ATTRIBUTE_RECORD_MODAL_LABELS[pageLang()],
+    size: 'large',
+    context: {
+        fn: 'product.attributeModalContext',
+        input: (id, creating) => ({
+            ...(creating ? {} : { id }),
+            locale: pageLang(),
+        }),
+    },
+    title: (c) => (c.creating ? t(c, 'attributes.createTitle') : c.data.record.name),
+    body,
+    actions: (c) => (_jsx(RecordActions, { actions: [
+            ...(c.data.permissions.save
+                ? [
+                    _jsx(Button, { type: "submit", form: formId, label: t(c, 'action.save'), variant: "primary", loading: c.busy }),
+                ]
+                : []),
+            _jsx(RecordCloseTrigger, { children: _jsx(Button, { label: c.t('recordModal.close'), variant: "tertiary" }) }),
+        ] })),
+    commands: {
+        save: {
+            fn: 'product.saveAttributeDraft',
+            issueField: (path, form, c) => {
+                if (path === 'values')
+                    return orderField;
+                const matched = /^values\.(\d+)\.(name|htmlColor|id)$/.exec(path);
+                if (!matched)
+                    return path;
+                let ids = valuesOf(c).map((value) => value.id);
+                try {
+                    const parsed = JSON.parse(String(form.get(orderField) ?? 'null'));
+                    if (Array.isArray(parsed) && parsed.every((id) => typeof id === 'string'))
+                        ids = parsed;
+                }
+                catch {
+                    /* Keep the submitted view order fallback. */
+                }
+                const id = ids[Number(matched[1])];
+                return id ? valueField(id, matched[2] === 'id' ? 'name' : matched[2]) : path;
+            },
+            input: (form, c) => ({
+                id: c.creating ? crypto.randomUUID() : c.id,
+                name: String(form.get('name') ?? c.draft('name', c.data.record.name)).trim(),
+                displayType: String(form.get('displayType') ?? c.data.record.displayType),
+                createVariant: String(form.get('createVariant') ?? c.data.record.createVariant),
+                sequence: c.data.record.sequence,
+                values: valuesOf(c).map((value, index) => ({
+                    id: value.id,
+                    name: String(form.get(valueField(value.id, 'name')) ?? value.name).trim(),
+                    htmlColor: String(form.get(valueField(value.id, 'htmlColor')) ?? value.htmlColor ?? '').trim() || null,
+                    sequence: index,
+                })),
+            }),
+            after: 'close',
+        },
+    },
+};
+export const attributeModal = createRecordModal(attributeModalDefinition);
+//# sourceMappingURL=attribute-modal-view.js.map

package/dist/modules/product_backend/modal/attribute-modal-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attribute-modal-view.js","sourceRoot":"","sources":["../../../../../../../../packages/ketsuite/src/modules/product_backend/modal/attribute-modal-view.tsx"],"names":[],"mappings":"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"}

package/dist/modules/product_backend/modal/product-modal-view.d.ts

@@ -1,6 +1,6 @@
 import type { FieldOption } from '@ketvietlab/design-system';
-import type { RecordModalDefinition } from '../../../ui/client/record-modal.tsx';
-type AnyRow = Record<string, any>;
+import type { RecordModalContext, RecordModalDefinition } from '../../../ui/client/record-modal.tsx';
+import type { VariantEditorSetup } from '../../../ui/client/variant-editor-view.tsx';
 export type TemplateRecord = {
     id: string;
     name: string;
@@ -20,13 +20,18 @@ export type TemplateRecord = {
     tracking: string;
     taxId: string | null;
 };
+export type TemplateImage = {
+    mediaId: string;
+    attachmentId: string;
+    alt: string | null;
+    primary: boolean;
+};
 export type TemplateModalData = {
     record: TemplateRecord;
-    variants: AnyRow[];
+    /** Primary first; the thumbnail shows the first, the viewer pages through all. */
+    images: TemplateImage[];
     hasVariants: boolean;
-    attributeLines: AnyRow[];
-    attributes: FieldOption[];
-    attributeValuesByAttribute: Record<string, FieldOption[]>;
+    variantSetup: VariantEditorSetup | null;
     types: string[];
     categories: FieldOption[];
     uoms: FieldOption[];
@@ -36,6 +41,26 @@ export type TemplateModalData = {
     taxEnabled: boolean;
     permissions: Record<string, boolean>;
     lang: 'vi' | 'en';
+    /** Tabs other modules add through `product_backend:template.recordTabs`. */
+    extensionTabs?: Array<{
+        id: string;
+        label: string;
+        island: string;
+    }>;
+};
+type Context = RecordModalContext<TemplateModalData>;
+/** The stored file at a rendition size; the file route serves the original until the job made one. */
+export declare const imageUrl: (attachmentId: string, size: 'thumb' | 'medium' | 'large') => string;
+/** `backend.lightbox`'s labels, off this modal's own messages. */
+export declare const lightboxLabels: (c: Context) => {
+    open: string;
+    close: string;
+    previous: string;
+    next: string;
+    zoomIn: string;
+    zoomOut: string;
+    counter: string;
+    empty: string;
 };
 export declare const templateModalDefinition: RecordModalDefinition<TemplateModalData>;
 export declare const templateModal: () => import("@ketvietlab/ketjs-view").IslandController;

package/dist/modules/product_backend/modal/product-modal-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-modal-view.d.ts","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/modules/product_backend/modal/product-modal-view.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,WAAW,EAAyB,MAAM,2BAA2B,CAAA;AAGnF,OAAO,KAAK,EAAsB,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAWpG,KAAK,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAEjC,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,cAAc,CAAA;IACtB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,UAAU,EAAE,WAAW,EAAE,CAAA;IACzB,0BAA0B,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,CAAA;IACzD,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,UAAU,EAAE,WAAW,EAAE,CAAA;IACzB,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;CAClB,CAAA;AAqgBD,eAAO,MAAM,uBAAuB,EAAE,qBAAqB,CAAC,iBAAiB,CA8H5E,CAAA;AAED,eAAO,MAAM,aAAa,yDAA6C,CAAA"}
+{"version":3,"file":"product-modal-view.d.ts","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/modules/product_backend/modal/product-modal-view.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,WAAW,EAMZ,MAAM,2BAA2B,CAAA;AAGlC,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AACpG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAA;AASpF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAA;AAE3G,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,cAAc,CAAA;IACtB,kFAAkF;IAClF,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,kBAAkB,GAAG,IAAI,CAAA;IACvC,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,UAAU,EAAE,WAAW,EAAE,CAAA;IACzB,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACrE,CAAA;AAED,KAAK,OAAO,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAA;AAoQpD,sGAAsG;AACtG,eAAO,MAAM,QAAQ,iBAAkB,MAAM,QAAQ,OAAO,GAAG,QAAQ,GAAG,OAAO,KAAG,MACzB,CAAA;AAE3D,kEAAkE;AAClE,eAAO,MAAM,cAAc,MAAO,OAAO;IACvC,IAAI;IACJ,KAAK;IACL,QAAQ;IACR,IAAI;IACJ,MAAM;IACN,OAAO;IACP,OAAO;IACP,KAAK;CACL,CAAA;AAgVF,eAAO,MAAM,uBAAuB,EAAE,qBAAqB,CAAC,iBAAiB,CAoI5E,CAAA;AAED,eAAO,MAAM,aAAa,yDAA6C,CAAA"}