@merchi/product-form-sdk 1.0.10 → 1.0.12

package/dist/components/Field.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { VariationFieldJson } from '../types/variation';
+import { VariationFieldJson } from '../types/variation.js';
 export declare function Field({ field, groupIndex, }: {
     field?: VariationFieldJson | null;
     /** When set, reads/writes that batch's group-field selections (see GroupRows). */

package/dist/components/Field.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
-import { useProductForm } from './context';
-import { theme } from './layout';
-import { clampWithAspectRatio, defaultModalityForAreaUnit, displayToMm, estimateAreaCosts, formatAreaSummary, formatAreaValue, mmToDisplay, parseAreaValue, stepInDisplayUnit, unitLabel, } from '../helpers/area';
-import { formatCurrency } from '../helpers/format';
+import { useProductForm } from './context.js';
+import { theme } from './layout.js';
+import { clampWithAspectRatio, defaultModalityForAreaUnit, displayToMm, estimateAreaCosts, formatAreaSummary, formatAreaValue, mmToDisplay, parseAreaValue, stepInDisplayUnit, unitLabel, } from '../helpers/area.js';
+import { formatCurrency } from '../helpers/format.js';
 const FIELD = {
     TEXT_INPUT: 1,
     SELECT: 2,

package/dist/components/ProductFormActions.d.ts

@@ -1,4 +1,4 @@
-import { FooterAction } from './footerActions';
+import { FooterAction } from './footerActions.js';
 /**
  * Configure the host ProductFormShell footer from form source.
  * Render as the first child of the default-exported form.

package/dist/components/ProductFormActions.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { useProductForm } from './context';
-import { normalizeFooterActions } from './footerActions';
+import { useProductForm } from './context.js';
+import { normalizeFooterActions } from './footerActions.js';
 /**
  * Configure the host ProductFormShell footer from form source.
  * Render as the first child of the default-exported form.

package/dist/components/context.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
-import { ProductJson } from '../types/product';
-import { JobJson } from '../types/job';
-import { VariationFieldJson } from '../types/variation';
-import { Pricing } from '../runtime/pricing';
-import { Actions, Helpers } from '../runtime/runtime';
-import { GroupRow } from '../helpers/buildJob';
-import { OPTION_FIELD_TYPES } from '../helpers/constants';
-import { FooterAction, type SubmitAction } from './footerActions';
+import { ProductJson } from '../types/product.js';
+import { JobJson } from '../types/job.js';
+import { VariationFieldJson } from '../types/variation.js';
+import { Pricing } from '../runtime/pricing.js';
+import { Actions, Helpers } from '../runtime/runtime.js';
+import { GroupRow } from '../helpers/buildJob.js';
+import { OPTION_FIELD_TYPES } from '../helpers/constants.js';
+import { FooterAction, type SubmitAction } from './footerActions.js';
 export { OPTION_FIELD_TYPES };
-export type { FooterAction, SubmitAction } from './footerActions';
+export type { FooterAction, SubmitAction } from './footerActions.js';
 export interface FieldSelection {
     /** Comma-separated option ids (selectable fields) or the raw text/number. */
     value: string;

package/dist/components/context.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
-import { buildProductFormJob, jobToFormState, } from '../helpers/buildJob';
-import { OPTION_FIELD_TYPES } from '../helpers/constants';
-import { groupFieldsOf, independentFieldsOf, isOptionQuantityGridProduct, productHasGroups, } from '../helpers/product';
-import { normalizeFooterActions, } from './footerActions';
+import { buildProductFormJob, jobToFormState, } from '../helpers/buildJob.js';
+import { OPTION_FIELD_TYPES } from '../helpers/constants.js';
+import { groupFieldsOf, independentFieldsOf, isOptionQuantityGridProduct, productHasGroups, } from '../helpers/product.js';
+import { normalizeFooterActions, } from './footerActions.js';
 export { OPTION_FIELD_TYPES };
 const Ctx = createContext(null);
 export function useProductForm() {

package/dist/components/groups.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { VariationFieldJson } from '../types/variation';
+import { VariationFieldJson } from '../types/variation.js';
 /**
  * Per-option quantity grid for products with a single group variation field
  * (e.g. Size or Colour). Wired to useProductForm() for live quoting.

package/dist/components/groups.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { useProductForm } from './context';
-import { Field } from './Field';
-import { Card, Heading, Stack, theme } from './layout';
-import { inventoryStatusText, quoteGroupForOption } from '../helpers/gridQuote';
+import { useProductForm } from './context.js';
+import { Field } from './Field.js';
+import { Card, Heading, Stack, theme } from './layout.js';
+import { inventoryStatusText, quoteGroupForOption } from '../helpers/gridQuote.js';
 const COLOUR_SELECT = 11;
 const IMAGE_SELECT = 9;
 function qtyInputStyle(disabled) {

package/dist/components/index.d.ts

@@ -1,8 +1,8 @@
-export { Section, Stack, Card, Heading, Text, Divider, theme } from './layout';
-export { Field } from './Field';
-export { GroupRows, OptionQuantityGrid } from './groups';
-export { ProductFormProvider, useProductForm, OPTION_FIELD_TYPES, } from './context';
-export type { ProductFormContextValue, ProductFormProviderProps, FieldSelection, SubmitAction, FooterAction, GroupRow, } from './context';
-export { ProductFormShell } from './shell';
-export { ProductFormActions } from './ProductFormActions';
-export { normalizeFooterActions, resolveFooterActions, footerActionsFromComponent, } from './footerActions';
+export { Section, Stack, Card, Heading, Text, Divider, theme } from './layout.js';
+export { Field } from './Field.js';
+export { GroupRows, OptionQuantityGrid } from './groups.js';
+export { ProductFormProvider, useProductForm, OPTION_FIELD_TYPES, } from './context.js';
+export type { ProductFormContextValue, ProductFormProviderProps, FieldSelection, SubmitAction, FooterAction, GroupRow, } from './context.js';
+export { ProductFormShell } from './shell.js';
+export { ProductFormActions } from './ProductFormActions.js';
+export { normalizeFooterActions, resolveFooterActions, footerActionsFromComponent, } from './footerActions.js';

package/dist/components/index.js

@@ -1,7 +1,7 @@
-export { Section, Stack, Card, Heading, Text, Divider, theme } from './layout';
-export { Field } from './Field';
-export { GroupRows, OptionQuantityGrid } from './groups';
-export { ProductFormProvider, useProductForm, OPTION_FIELD_TYPES, } from './context';
-export { ProductFormShell } from './shell';
-export { ProductFormActions } from './ProductFormActions';
-export { normalizeFooterActions, resolveFooterActions, footerActionsFromComponent, } from './footerActions';
+export { Section, Stack, Card, Heading, Text, Divider, theme } from './layout.js';
+export { Field } from './Field.js';
+export { GroupRows, OptionQuantityGrid } from './groups.js';
+export { ProductFormProvider, useProductForm, OPTION_FIELD_TYPES, } from './context.js';
+export { ProductFormShell } from './shell.js';
+export { ProductFormActions } from './ProductFormActions.js';
+export { normalizeFooterActions, resolveFooterActions, footerActionsFromComponent, } from './footerActions.js';

package/dist/components/shell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ProductFormProviderProps } from './context';
+import { ProductFormProviderProps } from './context.js';
 /**
  * Wraps a custom form: provides the form context (state + live pricing) and
  * renders a quantity control above and a total + submit footer below the form's

package/dist/components/shell.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
-import { ProductFormProvider, useProductForm, } from './context';
-import { theme } from './layout';
-import { productHasGroups } from '../helpers/product';
-import { footerActionsFromComponent, resolveFooterActions, } from './footerActions';
+import { ProductFormProvider, useProductForm, } from './context.js';
+import { theme } from './layout.js';
+import { productHasGroups } from '../helpers/product.js';
+import { footerActionsFromComponent, resolveFooterActions, } from './footerActions.js';
 function QuantityControl() {
     const { product, quantity, setQuantity } = useProductForm();
     if (productHasGroups(product))

package/dist/helpers/buildJob.d.ts

@@ -1,7 +1,7 @@
-import { JobJson } from '../types/job';
-import { ProductJson } from '../types/product';
-import { VariationJson } from '../types/variation';
-import { FieldSelection } from '../components/context';
+import { JobJson } from '../types/job.js';
+import { ProductJson } from '../types/product.js';
+import { VariationJson } from '../types/variation.js';
+import { FieldSelection } from '../components/context.js';
 export interface GroupRow {
     quantity: number;
     selections: Record<number, FieldSelection>;

package/dist/helpers/buildJob.js

@@ -1,5 +1,5 @@
-import { OPTION_FIELD_TYPES } from './constants';
-import { groupFieldsOf, independentFieldsOf, isOptionQuantityGridProduct, productHasGroups, } from './product';
+import { OPTION_FIELD_TYPES } from './constants.js';
+import { groupFieldsOf, independentFieldsOf, isOptionQuantityGridProduct, productHasGroups, } from './product.js';
 export function selectionsToVariations(selections) {
     return Object.entries(selections).map(([fieldId, sel]) => {
         const variation = {

package/dist/helpers/gridQuote.d.ts

@@ -1,5 +1,5 @@
-import { JobJson } from '../types/job';
-import { VariationsGroupJson } from '../types/variation';
+import { JobJson } from '../types/job.js';
+import { VariationsGroupJson } from '../types/variation.js';
 /** Find the quoted variationsGroup row for a grid option (single group field). */
 export declare function quoteGroupForOption(quote: JobJson | null | undefined, groupFieldId: number, optionId: number): VariationsGroupJson | undefined;
 export interface InventoryStatusText {

package/dist/helpers/product.d.ts

@@ -1,5 +1,5 @@
-import { ProductJson } from '../types/product';
-import { VariationFieldJson } from '../types/variation';
+import { ProductJson } from '../types/product.js';
+import { VariationFieldJson } from '../types/variation.js';
 export declare function groupFieldsOf(product: ProductJson): VariationFieldJson[];
 export declare function independentFieldsOf(product: ProductJson): VariationFieldJson[];
 export declare function productHasGroups(product: ProductJson): boolean;

package/dist/helpers/product.js

@@ -1,4 +1,4 @@
-import { OPTION_FIELD_TYPES } from './constants';
+import { OPTION_FIELD_TYPES } from './constants.js';
 export function groupFieldsOf(product) {
     const fields = product
         .groupVariationFields;

package/dist/helpers/serialize.d.ts

@@ -1,5 +1,5 @@
-import { JobJson } from '../types/job';
-import { VariationsGroupJson } from '../types/variation';
+import { JobJson } from '../types/job.js';
+import { VariationsGroupJson } from '../types/variation.js';
 /** Return a deep-ish copy of the job with variations/groups cleaned for the API:
  * form-only fields removed, zero-quantity groups dropped, and each remaining
  * group's quantity defaulted to 0 when missing. Does not mutate the input

package/dist/index.d.ts

@@ -1,17 +1,17 @@
-export { SDK_VERSION, getProductFormSdkVersion } from './version';
-export type { OptionJson, VariationFieldJson, VariationJson, VariationsGroupJson } from './types/variation';
-export type { ProductJson } from './types/product';
-export type { JobJson, QuoteFields } from './types/job';
-export type { ProductFormProps, ProductFormComponent } from './types/form';
-export { serializeJob, nonEmptyGroups } from './helpers/serialize';
-export { formatCurrency, urlFor } from './helpers/format';
-export { productHasGroups, groupFieldsOf, independentFieldsOf, isOptionQuantityGridProduct, } from './helpers/product';
-export { buildProductFormJob, jobToFormState, selectionsToVariations, } from './helpers/buildJob';
-export type { GroupRow, HydratedProductFormState, ProductFormJobState, } from './helpers/buildJob';
-export { OPTION_FIELD_TYPES, COLOUR_EXTRACT, FILE_FIELD_TYPES, AREA, } from './helpers/constants';
-export { createPricing } from './runtime/pricing';
-export type { Pricing } from './runtime/pricing';
-export { createProductFormRuntime } from './runtime/runtime';
-export type { Actions, Helpers, ProductFormRuntime, ProductFormRuntimeConfig, } from './runtime/runtime';
-export { Section, Stack, Card, Heading, Text, Divider, Field, GroupRows, OptionQuantityGrid, ProductFormProvider, ProductFormShell, ProductFormActions, useProductForm, theme, } from './components';
-export type { ProductFormContextValue, ProductFormProviderProps, FieldSelection, SubmitAction, FooterAction, } from './components';
+export { SDK_VERSION, getProductFormSdkVersion } from './version.js';
+export type { OptionJson, VariationFieldJson, VariationJson, VariationsGroupJson } from './types/variation.js';
+export type { ProductJson } from './types/product.js';
+export type { JobJson, QuoteFields } from './types/job.js';
+export type { ProductFormProps, ProductFormComponent } from './types/form.js';
+export { serializeJob, nonEmptyGroups } from './helpers/serialize.js';
+export { formatCurrency, urlFor } from './helpers/format.js';
+export { productHasGroups, groupFieldsOf, independentFieldsOf, isOptionQuantityGridProduct, } from './helpers/product.js';
+export { buildProductFormJob, jobToFormState, selectionsToVariations, } from './helpers/buildJob.js';
+export type { GroupRow, HydratedProductFormState, ProductFormJobState, } from './helpers/buildJob.js';
+export { OPTION_FIELD_TYPES, COLOUR_EXTRACT, FILE_FIELD_TYPES, AREA, } from './helpers/constants.js';
+export { createPricing } from './runtime/pricing.js';
+export type { Pricing } from './runtime/pricing.js';
+export { createProductFormRuntime } from './runtime/runtime.js';
+export type { Actions, Helpers, ProductFormRuntime, ProductFormRuntimeConfig, } from './runtime/runtime.js';
+export { Section, Stack, Card, Heading, Text, Divider, Field, GroupRows, OptionQuantityGrid, ProductFormProvider, ProductFormShell, ProductFormActions, useProductForm, theme, } from './components/index.js';
+export type { ProductFormContextValue, ProductFormProviderProps, FieldSelection, SubmitAction, FooterAction, } from './components/index.js';

package/dist/index.js

@@ -1,11 +1,11 @@
-export { SDK_VERSION, getProductFormSdkVersion } from './version';
-export { serializeJob, nonEmptyGroups } from './helpers/serialize';
-export { formatCurrency, urlFor } from './helpers/format';
-export { productHasGroups, groupFieldsOf, independentFieldsOf, isOptionQuantityGridProduct, } from './helpers/product';
-export { buildProductFormJob, jobToFormState, selectionsToVariations, } from './helpers/buildJob';
-export { OPTION_FIELD_TYPES, COLOUR_EXTRACT, FILE_FIELD_TYPES, AREA, } from './helpers/constants';
-export { createPricing } from './runtime/pricing';
-export { createProductFormRuntime } from './runtime/runtime';
+export { SDK_VERSION, getProductFormSdkVersion } from './version.js';
+export { serializeJob, nonEmptyGroups } from './helpers/serialize.js';
+export { formatCurrency, urlFor } from './helpers/format.js';
+export { productHasGroups, groupFieldsOf, independentFieldsOf, isOptionQuantityGridProduct, } from './helpers/product.js';
+export { buildProductFormJob, jobToFormState, selectionsToVariations, } from './helpers/buildJob.js';
+export { OPTION_FIELD_TYPES, COLOUR_EXTRACT, FILE_FIELD_TYPES, AREA, } from './helpers/constants.js';
+export { createPricing } from './runtime/pricing.js';
+export { createProductFormRuntime } from './runtime/runtime.js';
 // UI component kit — the building blocks AI-built forms compose. Form authors
 // import these from '@merchi/product-form-sdk' (the static gate allowlists it).
-export { Section, Stack, Card, Heading, Text, Divider, Field, GroupRows, OptionQuantityGrid, ProductFormProvider, ProductFormShell, ProductFormActions, useProductForm, theme, } from './components';
+export { Section, Stack, Card, Heading, Text, Divider, Field, GroupRows, OptionQuantityGrid, ProductFormProvider, ProductFormShell, ProductFormActions, useProductForm, theme, } from './components/index.js';

package/dist/runtime/clientPricing.d.ts

@@ -1,4 +1,4 @@
-import { JobJson } from '../types/job';
+import { JobJson } from '../types/job.js';
 interface FieldSelection {
     selectedOptionIds?: number[];
     value?: string | number | null;

package/dist/runtime/pricing.d.ts

@@ -1,5 +1,5 @@
-import { JobJson } from '../types/job';
-import { ProductJson } from '../types/product';
+import { JobJson } from '../types/job.js';
+import { ProductJson } from '../types/product.js';
 export interface Pricing {
     /** Request a quote for the given job; resolves to the job json with pricing
      * fields (cost, totalCost, currency, ...) populated. Uses client-side

package/dist/runtime/pricing.js

@@ -1,6 +1,6 @@
 import { Merchi } from '@merchi/sdk';
-import { serializeJob } from '../helpers/serialize';
-import { clientQuote } from './clientPricing';
+import { serializeJob } from '../helpers/serialize.js';
+import { clientQuote } from './clientPricing.js';
 /** Build a pricing helper bound to a backend api url.
  *
  * When `product.clientSideCalculation` is set, getQuote computes the quote

package/dist/runtime/runtime.d.ts

@@ -1,8 +1,8 @@
-import { ProductJson } from '../types/product';
-import { JobJson } from '../types/job';
-import { Pricing } from './pricing';
-import { serializeJob, nonEmptyGroups } from '../helpers/serialize';
-import { formatCurrency, urlFor } from '../helpers/format';
+import { ProductJson } from '../types/product.js';
+import { JobJson } from '../types/job.js';
+import { Pricing } from './pricing.js';
+import { serializeJob, nonEmptyGroups } from '../helpers/serialize.js';
+import { formatCurrency, urlFor } from '../helpers/format.js';
 export interface Actions {
     addToCart?: (job: JobJson) => void;
     buyNow?: (job: JobJson) => void;

package/dist/runtime/runtime.js

@@ -1,6 +1,6 @@
-import { createPricing } from './pricing';
-import { serializeJob, nonEmptyGroups } from '../helpers/serialize';
-import { formatCurrency, urlFor } from '../helpers/format';
+import { createPricing } from './pricing.js';
+import { serializeJob, nonEmptyGroups } from '../helpers/serialize.js';
+import { formatCurrency, urlFor } from '../helpers/format.js';
 /** Build the runtime (pricing + actions + helpers) the embed passes into a
  * custom form. Each action quotes the job first, then invokes the host callback
  * (matching @merchi/product-form's provider behaviour). An action is omitted when

package/dist/types/form.d.ts

@@ -1,9 +1,9 @@
 import { ComponentType } from 'react';
-import { ProductJson } from './product';
-import { JobJson } from './job';
-import { Pricing } from '../runtime/pricing';
-import { Actions, Helpers } from '../runtime/runtime';
-import type { FooterAction } from '../components/footerActions';
+import { ProductJson } from './product.js';
+import { JobJson } from './job.js';
+import { Pricing } from '../runtime/pricing.js';
+import { Actions, Helpers } from '../runtime/runtime.js';
+import type { FooterAction } from '../components/footerActions.js';
 /** Props every custom product form receives. This is the ONLY surface a form
  * may rely on; the static-analysis gate (Plan 3) rejects anything else. */
 export interface ProductFormProps {

package/dist/types/job.d.ts

@@ -1,4 +1,4 @@
-import { VariationJson, VariationsGroupJson } from './variation';
+import { VariationJson, VariationsGroupJson } from './variation.js';
 /** Pricing fields populated on a job by a quote (server or client-side). */
 export interface QuoteFields {
     cost?: number;

package/dist/types/product.d.ts

@@ -1,4 +1,4 @@
-import { VariationFieldJson } from './variation';
+import { VariationFieldJson } from './variation.js';
 /** The product JSON a custom form receives. Fields are optional because the
  * shape varies by product type; the commonly-used fields are documented here. */
 export interface ProductJson {

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.10';
+    return '1.0.12';
 }
 /** @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.10",
+  "version": "1.0.12",
   "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.0"
+    "@merchi/sdk": "^1.42.2"
   },
   "devDependencies": {
     "@types/jest": "^29.0.0",