@merchi/product-form-sdk 1.0.25 → 1.0.27

package/dist/components/Field.js

@@ -19,7 +19,27 @@ const FIELD = {
     TURNAROUND_TIME: 12,
     COLOUR_EXTRACT: 13,
     AREA: 14,
+    EMBROIDERY: 16,
 };
+function parseEmbroideryValue(value) {
+    if (!value)
+        return {};
+    try {
+        const parsed = JSON.parse(value);
+        return parsed && typeof parsed === 'object' ? parsed : { text: value };
+    }
+    catch {
+        return { text: value };
+    }
+}
+function EmbroideryFieldControl({ field, value, onChange, }) {
+    const saved = parseEmbroideryValue(value);
+    const fileMode = field.embroideryInputMode !== 'text';
+    const write = (patch) => {
+        onChange(JSON.stringify({ ...saved, ...patch }));
+    };
+    return (_jsxs("div", { children: [fileMode ? (_jsx("p", { style: { fontFamily: theme.font, fontSize: 13, color: theme.muted, margin: '0 0 8px' }, children: "Upload the logo on the live product form. Adjust the size here when the measured size should change the price." })) : (_jsx("input", { type: "text", placeholder: "Wording", value: saved.text || '', onChange: (event) => write({ text: event.target.value }), style: { ...inputStyle(), marginBottom: 8 } })), _jsxs("div", { style: { display: 'flex', gap: 8 }, children: [_jsx("input", { type: "number", min: 0, placeholder: "Width (mm)", "aria-label": "Width (mm)", value: saved.widthMm ?? '', onChange: (event) => write({ widthMm: Number(event.target.value) || undefined }), style: inputStyle() }), _jsx("input", { type: "number", min: 0, placeholder: "Height (mm)", "aria-label": "Height (mm)", value: saved.heightMm ?? '', onChange: (event) => write({ heightMm: Number(event.target.value) || undefined }), style: inputStyle() })] })] }));
+}
 function Label({ field }) {
     if (!field.name)
         return null;
@@ -315,6 +335,9 @@ export function Field({ field, groupIndex, }) {
     if (fieldType === FIELD.NUMBER_INPUT) {
         return (_jsxs("div", { children: [_jsx(Label, { field: field }), _jsx("input", { type: "number", value: current?.value ?? '', onChange: (e) => setText(e.target.value), style: inputStyle() })] }));
     }
+    if (fieldType === FIELD.EMBROIDERY) {
+        return (_jsxs("div", { children: [_jsx(Label, { field: field }), _jsx(EmbroideryFieldControl, { field: field, value: current?.value ?? '', onChange: setText })] }));
+    }
     if (fieldType === FIELD.AREA) {
         return (_jsxs("div", { children: [_jsx(Label, { field: field }), _jsx(AreaFieldControl, { field: field, value: current?.value ?? '', onChange: setText })] }));
     }

package/dist/helpers/constants.d.ts

@@ -4,5 +4,7 @@ export declare const OPTION_FIELD_TYPES: Set<number>;
 export declare const COLOUR_EXTRACT = 13;
 /** Area: height × width stored as millimetres (`"heightMm,widthMm"`). */
 export declare const AREA = 14;
+/** Embroidery: text or an uploaded design, priced by stitches and colours. */
+export declare const EMBROIDERY = 16;
 /** Field types that carry uploaded files on the variation. */
 export declare const FILE_FIELD_TYPES: Set<number>;

package/dist/helpers/constants.js

@@ -4,5 +4,7 @@ export const OPTION_FIELD_TYPES = new Set([2, 6, 7, 9, 11]);
 export const COLOUR_EXTRACT = 13;
 /** Area: height × width stored as millimetres (`"heightMm,widthMm"`). */
 export const AREA = 14;
+/** Embroidery: text or an uploaded design, priced by stitches and colours. */
+export const EMBROIDERY = 16;
 /** Field types that carry uploaded files on the variation. */
-export const FILE_FIELD_TYPES = new Set([3, COLOUR_EXTRACT]);
+export const FILE_FIELD_TYPES = new Set([3, COLOUR_EXTRACT, EMBROIDERY]);

package/dist/runtime/clientPricing.d.ts

@@ -2,6 +2,9 @@ import { JobJson } from '../types/job.js';
 interface FieldSelection {
     selectedOptionIds?: number[];
     value?: string | number | null;
+    colourCount?: number;
+    coverage?: number;
+    hasFiles?: boolean;
 }
 interface Selections {
     quantity?: number;
@@ -14,16 +17,17 @@ interface Selections {
 interface PricingField {
     id: number;
     isSelectable: boolean;
+    fieldType?: number;
 }
 export interface PricingRules {
     fields: PricingField[];
     groupFields: PricingField[];
     hasGroups: boolean;
 }
-/** Convert a job's form values into the `Selections` shape estimateQuote needs.
- * Ported from @merchi/product-form's selections helper so a custom form gets
- * identical client-side pricing behaviour. */
 export declare function toSelections(job: JobJson, rules: PricingRules): Selections;
+/** Fill coverage and measured size before the local quote. Stitch price needs
+ * those figures, and they come from the artwork rather than from arithmetic. */
+export declare function withEmbroideryEstimates(apiUrl: string, rules: PricingRules, job: JobJson): Promise<JobJson>;
 /** Compute a quote entirely client-side from pricing rules and merge the pricing
  * fields into the job. Returns the priced job, or null when client-side pricing
  * is unsupported for these rules (caller then falls back to a server quote). */

package/dist/runtime/clientPricing.js

@@ -7,14 +7,36 @@ function parseOptionIds(value) {
         .map((s) => parseInt(s.trim(), 10))
         .filter((n) => !isNaN(n));
 }
-function buildFieldValues(variations, selectableByField) {
+function embroiderySelection(variation) {
+    let parsed = null;
+    try {
+        parsed = variation?.value ? JSON.parse(String(variation.value)) : null;
+    }
+    catch {
+        parsed = null;
+    }
+    const colours = Array.isArray(parsed?.colours) ? parsed.colours : [];
+    const files = variation?.variationFiles || [];
+    return {
+        value: variation?.value ?? null,
+        colourCount: colours.length,
+        coverage: Number(parsed?.coverage) || undefined,
+        hasFiles: files.some((file) => Boolean(file && file.id)),
+    };
+}
+function buildFieldValues(variations, metaByField) {
     const out = {};
     for (const variation of variations || []) {
         const field = variation && variation.variationField;
         const fieldId = typeof field === 'object' && field !== null ? field.id : field;
         if (fieldId === undefined || fieldId === null)
             continue;
-        if (selectableByField[fieldId]) {
+        const meta = metaByField[fieldId];
+        if (Number(meta?.fieldType) === 16) {
+            out[fieldId] = embroiderySelection(variation);
+            continue;
+        }
+        if (meta?.isSelectable) {
             out[fieldId] = { selectedOptionIds: parseOptionIds(variation.value) };
         }
         else {
@@ -26,25 +48,101 @@ function buildFieldValues(variations, selectableByField) {
 /** Convert a job's form values into the `Selections` shape estimateQuote needs.
  * Ported from @merchi/product-form's selections helper so a custom form gets
  * identical client-side pricing behaviour. */
-export function toSelections(job, rules) {
-    const selectableByField = {};
-    for (const f of [...(rules.fields || []), ...(rules.groupFields || [])]) {
-        selectableByField[f.id] = f.isSelectable;
+function fieldMeta(rules) {
+    const meta = {};
+    for (const field of [...(rules.fields || []), ...(rules.groupFields || [])]) {
+        meta[field.id] = field;
     }
+    return meta;
+}
+export function toSelections(job, rules) {
+    const meta = fieldMeta(rules);
     if (rules.hasGroups) {
         return {
-            fieldValues: buildFieldValues(job.variations || [], selectableByField),
+            fieldValues: buildFieldValues(job.variations || [], meta),
             groups: (job.variationsGroups || []).map((g) => ({
                 quantity: g.quantity || 0,
-                fieldValues: buildFieldValues(g.variations || [], selectableByField),
+                fieldValues: buildFieldValues(g.variations || [], meta),
             })),
         };
     }
     return {
         quantity: job.quantity || 0,
-        fieldValues: buildFieldValues(job.variations || [], selectableByField),
+        fieldValues: buildFieldValues(job.variations || [], meta),
     };
 }
+/** Fill coverage and measured size before the local quote. Stitch price needs
+ * those figures, and they come from the artwork rather than from arithmetic. */
+export async function withEmbroideryEstimates(apiUrl, rules, job) {
+    const embroideryIds = new Set([...(rules.fields || []), ...(rules.groupFields || [])]
+        .filter((field) => Number(field.fieldType) === 16)
+        .map((field) => field.id));
+    if (!embroideryIds.size)
+        return job;
+    const base = apiUrl.endsWith('/') ? apiUrl : `${apiUrl}/`;
+    async function fill(variation) {
+        const field = variation && variation.variationField;
+        const fieldId = typeof field === 'object' && field !== null ? field.id : field;
+        if (fieldId == null || !embroideryIds.has(Number(fieldId)))
+            return variation;
+        let parsed = null;
+        try {
+            parsed = variation.value ? JSON.parse(String(variation.value)) : null;
+        }
+        catch {
+            parsed = null;
+        }
+        const saved = parsed && typeof parsed === 'object' ? parsed : {};
+        const fileId = (variation.variationFiles || [])[0]?.id;
+        const colours = Array.isArray(saved.colours) ? saved.colours : [];
+        if (saved.coverage
+            && saved.widthMm
+            && saved.heightMm
+            && (String(saved.text || '').trim() || fileId || colours.length)) {
+            return variation;
+        }
+        if (!fileId && !String(saved.text || '').trim() && !(saved.widthMm && saved.heightMm)) {
+            return variation;
+        }
+        try {
+            const response = await fetch(`${base}variation-fields/${fieldId}/estimate-embroidery/`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    text: saved.text || '',
+                    widthMm: saved.widthMm,
+                    heightMm: saved.heightMm,
+                    colours: saved.colours,
+                    fileId,
+                }),
+            });
+            if (!response.ok)
+                return variation;
+            const data = await response.json();
+            const merged = {
+                ...saved,
+                colours: data.colours || saved.colours,
+                coverage: data.coverage,
+                pixelWidth: data.pixelWidth || saved.pixelWidth,
+                pixelHeight: data.pixelHeight || saved.pixelHeight,
+                widthMm: saved.widthMm || data.widthMm || data.measuredWidthMm,
+                heightMm: saved.heightMm || data.heightMm || data.measuredHeightMm,
+            };
+            return { ...variation, value: JSON.stringify(merged) };
+        }
+        catch {
+            return variation;
+        }
+    }
+    const variations = await Promise.all((job.variations || []).map(fill));
+    const variationsGroups = job.variationsGroups
+        ? await Promise.all(job.variationsGroups.map(async (group) => ({
+            ...group,
+            variations: await Promise.all((group.variations || []).map(fill)),
+        })))
+        : job.variationsGroups;
+    return { ...job, variations, variationsGroups };
+}
 /** Compute a quote entirely client-side from pricing rules and merge the pricing
  * fields into the job. Returns the priced job, or null when client-side pricing
  * is unsupported for these rules (caller then falls back to a server quote). */

package/dist/runtime/pricing.js

@@ -1,6 +1,6 @@
 import { Merchi } from '@merchi/sdk';
 import { serializeJob } from '../helpers/serialize.js';
-import { clientQuote } from './clientPricing.js';
+import { clientQuote, withEmbroideryEstimates } from './clientPricing.js';
 /** Build a pricing helper bound to a backend api url.
  *
  * When `product.clientSideCalculation` is set, getQuote computes the quote
@@ -59,7 +59,8 @@ export function createPricing(apiUrl, options = {}) {
             if (product && product.clientSideCalculation) {
                 const rules = await getRules();
                 if (rules) {
-                    const local = clientQuote(rules, job);
+                    const prepared = await withEmbroideryEstimates(apiUrl, rules, job);
+                    const local = clientQuote(rules, prepared);
                     if (local)
                         return local;
                 }

package/dist/types/variation.d.ts

@@ -23,6 +23,10 @@ export interface VariationFieldJson {
     simplifyColours?: boolean;
     colourVariationCost?: number;
     colourVariationUnitCost?: number;
+    embroideryInputMode?: string;
+    stitchDensity?: number;
+    stitchVariationCost?: number;
+    stitchVariationUnitCost?: number;
 }
 /** A variation selection within a job (one chosen field value). */
 export interface VariationJson {

package/dist/version.js

@@ -1,6 +1,6 @@
 /** Auto-synced from package.json — do not edit; run `npm run build`. */
 export function getProductFormSdkVersion() {
-    return '1.0.25';
+    return '1.0.27';
 }
 /** @deprecated Prefer getProductFormSdkVersion(); kept for gate/export compatibility. */
 export const SDK_VERSION = getProductFormSdkVersion();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merchi/product-form-sdk",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "description": "Contract SDK for AI-built Merchi custom product forms.",
   "repository": {
     "type": "git",
@@ -30,7 +30,7 @@
     "react": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@merchi/sdk": "^1.42.14"
+    "@merchi/sdk": "^1.42.16"
   },
   "devDependencies": {
     "@types/jest": "^29.0.0",