@thorprovider/blocks 4.0.0 → 4.3.0

package/dist/blocks/designs/address-book-advanced/validation.js

@@ -0,0 +1,84 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var validation_exports = {};
+__export(validation_exports, {
+  fieldLabelKeys: () => fieldLabelKeys,
+  validateDraft: () => validateDraft
+});
+module.exports = __toCommonJS(validation_exports);
+var import_countries = require("./countries.js");
+var import_helpers = require("./helpers.js");
+const FIELD = {
+  firstName: "recipient.firstName",
+  lastName: "recipient.lastName",
+  phone: "recipient.phone",
+  company: "company.name",
+  country: "postal.countryCode",
+  line1: "postal.line1",
+  city: "postal.city",
+  region: "postal.region",
+  postalCode: "postal.postalCode"
+};
+const fieldLabelKeys = Object.values(FIELD);
+function blank(value) {
+  return !value || !value.trim();
+}
+function validateDraft(draft, config, countries, others) {
+  const errors = {};
+  const warnings = {};
+  if (blank(draft.recipient.firstName)) errors[FIELD.firstName] = "required";
+  if (blank(draft.recipient.lastName)) errors[FIELD.lastName] = "required";
+  if (config.requiredFields.phone && blank(draft.recipient.phone)) {
+    errors[FIELD.phone] = "required";
+  }
+  if (draft.owner === "business" && blank(draft.company?.name)) {
+    errors[FIELD.company] = "required";
+  }
+  const country = (0, import_countries.getCountry)(countries, draft.postal.countryCode);
+  if (!country) {
+    errors[FIELD.country] = "unsupported-country";
+  } else if (config.allowedCountries.length > 0 && !config.allowedCountries.includes(country.code)) {
+    errors[FIELD.country] = "country-not-allowed";
+  }
+  if (blank(draft.postal.line1)) errors[FIELD.line1] = "required";
+  if (blank(draft.postal.city)) errors[FIELD.city] = "required";
+  if (config.requiredFields.region && blank(draft.postal.region)) {
+    errors[FIELD.region] = "required";
+  }
+  if (country) {
+    const postal = draft.postal.postalCode ?? "";
+    if (blank(postal) && country.postalRequired) {
+      errors[FIELD.postalCode] = "required";
+    } else if (!(0, import_countries.isPostalCodeValid)(country, postal)) {
+      errors[FIELD.postalCode] = "invalid-postal";
+    }
+  }
+  const duplicate = (0, import_helpers.isDuplicateAddress)(
+    draft,
+    others
+  );
+  if (duplicate) warnings.duplicate = "duplicate";
+  return { errors, warnings };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fieldLabelKeys,
+  validateDraft
+});
+//# sourceMappingURL=validation.js.map

package/dist/blocks/designs/address-book-advanced/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/address-book-advanced/validation.ts"],"sourcesContent":["import type {\n  AddressBookConfig,\n  AddressDraft,\n  CommerceAddress,\n  CountrySchema,\n} from './contracts'\n\nimport { getCountry, isPostalCodeValid } from './countries'\nimport { isDuplicateAddress } from './helpers'\n\nexport type ValidationResult = {\n  /** Field path → message code (the UI resolves the copy from data). */\n  errors: Record<string, string>\n  warnings: Record<string, string>\n}\n\nconst FIELD = {\n  firstName: 'recipient.firstName',\n  lastName: 'recipient.lastName',\n  phone: 'recipient.phone',\n  company: 'company.name',\n  country: 'postal.countryCode',\n  line1: 'postal.line1',\n  city: 'postal.city',\n  region: 'postal.region',\n  postalCode: 'postal.postalCode',\n} as const\n\nexport const fieldLabelKeys = Object.values(FIELD)\n\nfunction blank(value: string | undefined): boolean {\n  return !value || !value.trim()\n}\n\n/**\n * Structural validation only. Postal verification and logistics coverage are\n * separate statuses owned by their providers — never folded into this result.\n */\nexport function validateDraft(\n  draft: AddressDraft,\n  config: AddressBookConfig,\n  countries: CountrySchema[],\n  others: CommerceAddress[],\n): ValidationResult {\n  const errors: Record<string, string> = {}\n  const warnings: Record<string, string> = {}\n\n  if (blank(draft.recipient.firstName)) errors[FIELD.firstName] = 'required'\n  if (blank(draft.recipient.lastName)) errors[FIELD.lastName] = 'required'\n  if (config.requiredFields.phone && blank(draft.recipient.phone)) {\n    errors[FIELD.phone] = 'required'\n  }\n\n  if (draft.owner === 'business' && blank(draft.company?.name)) {\n    errors[FIELD.company] = 'required'\n  }\n\n  const country = getCountry(countries, draft.postal.countryCode)\n  if (!country) {\n    errors[FIELD.country] = 'unsupported-country'\n  } else if (\n    config.allowedCountries.length > 0 &&\n    !config.allowedCountries.includes(country.code)\n  ) {\n    errors[FIELD.country] = 'country-not-allowed'\n  }\n\n  if (blank(draft.postal.line1)) errors[FIELD.line1] = 'required'\n  if (blank(draft.postal.city)) errors[FIELD.city] = 'required'\n  if (config.requiredFields.region && blank(draft.postal.region)) {\n    errors[FIELD.region] = 'required'\n  }\n\n  if (country) {\n    const postal = draft.postal.postalCode ?? ''\n    if (blank(postal) && country.postalRequired) {\n      errors[FIELD.postalCode] = 'required'\n    } else if (!isPostalCodeValid(country, postal)) {\n      errors[FIELD.postalCode] = 'invalid-postal'\n    }\n  }\n\n  const duplicate = isDuplicateAddress(\n    draft as CommerceAddress,\n    others,\n  )\n  if (duplicate) warnings.duplicate = 'duplicate'\n\n  return { errors, warnings }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,uBAA8C;AAC9C,qBAAmC;AAQnC,MAAM,QAAQ;AAAA,EACZ,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AACd;AAEO,MAAM,iBAAiB,OAAO,OAAO,KAAK;AAEjD,SAAS,MAAM,OAAoC;AACjD,SAAO,CAAC,SAAS,CAAC,MAAM,KAAK;AAC/B;AAMO,SAAS,cACd,OACA,QACA,WACA,QACkB;AAClB,QAAM,SAAiC,CAAC;AACxC,QAAM,WAAmC,CAAC;AAE1C,MAAI,MAAM,MAAM,UAAU,SAAS,EAAG,QAAO,MAAM,SAAS,IAAI;AAChE,MAAI,MAAM,MAAM,UAAU,QAAQ,EAAG,QAAO,MAAM,QAAQ,IAAI;AAC9D,MAAI,OAAO,eAAe,SAAS,MAAM,MAAM,UAAU,KAAK,GAAG;AAC/D,WAAO,MAAM,KAAK,IAAI;AAAA,EACxB;AAEA,MAAI,MAAM,UAAU,cAAc,MAAM,MAAM,SAAS,IAAI,GAAG;AAC5D,WAAO,MAAM,OAAO,IAAI;AAAA,EAC1B;AAEA,QAAM,cAAU,6BAAW,WAAW,MAAM,OAAO,WAAW;AAC9D,MAAI,CAAC,SAAS;AACZ,WAAO,MAAM,OAAO,IAAI;AAAA,EAC1B,WACE,OAAO,iBAAiB,SAAS,KACjC,CAAC,OAAO,iBAAiB,SAAS,QAAQ,IAAI,GAC9C;AACA,WAAO,MAAM,OAAO,IAAI;AAAA,EAC1B;AAEA,MAAI,MAAM,MAAM,OAAO,KAAK,EAAG,QAAO,MAAM,KAAK,IAAI;AACrD,MAAI,MAAM,MAAM,OAAO,IAAI,EAAG,QAAO,MAAM,IAAI,IAAI;AACnD,MAAI,OAAO,eAAe,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAC9D,WAAO,MAAM,MAAM,IAAI;AAAA,EACzB;AAEA,MAAI,SAAS;AACX,UAAM,SAAS,MAAM,OAAO,cAAc;AAC1C,QAAI,MAAM,MAAM,KAAK,QAAQ,gBAAgB;AAC3C,aAAO,MAAM,UAAU,IAAI;AAAA,IAC7B,WAAW,KAAC,oCAAkB,SAAS,MAAM,GAAG;AAC9C,aAAO,MAAM,UAAU,IAAI;AAAA,IAC7B;AAAA,EACF;AAEA,QAAM,gBAAY;AAAA,IAChB;AAAA,IACA;AAAA,EACF;AACA,MAAI,UAAW,UAAS,YAAY;AAEpC,SAAO,EAAE,QAAQ,SAAS;AAC5B;","names":[]}

package/dist/blocks/designs/address-book-advanced/validation.mjs

@@ -0,0 +1,59 @@
+import { getCountry, isPostalCodeValid } from "./countries.mjs";
+import { isDuplicateAddress } from "./helpers.mjs";
+const FIELD = {
+  firstName: "recipient.firstName",
+  lastName: "recipient.lastName",
+  phone: "recipient.phone",
+  company: "company.name",
+  country: "postal.countryCode",
+  line1: "postal.line1",
+  city: "postal.city",
+  region: "postal.region",
+  postalCode: "postal.postalCode"
+};
+const fieldLabelKeys = Object.values(FIELD);
+function blank(value) {
+  return !value || !value.trim();
+}
+function validateDraft(draft, config, countries, others) {
+  const errors = {};
+  const warnings = {};
+  if (blank(draft.recipient.firstName)) errors[FIELD.firstName] = "required";
+  if (blank(draft.recipient.lastName)) errors[FIELD.lastName] = "required";
+  if (config.requiredFields.phone && blank(draft.recipient.phone)) {
+    errors[FIELD.phone] = "required";
+  }
+  if (draft.owner === "business" && blank(draft.company?.name)) {
+    errors[FIELD.company] = "required";
+  }
+  const country = getCountry(countries, draft.postal.countryCode);
+  if (!country) {
+    errors[FIELD.country] = "unsupported-country";
+  } else if (config.allowedCountries.length > 0 && !config.allowedCountries.includes(country.code)) {
+    errors[FIELD.country] = "country-not-allowed";
+  }
+  if (blank(draft.postal.line1)) errors[FIELD.line1] = "required";
+  if (blank(draft.postal.city)) errors[FIELD.city] = "required";
+  if (config.requiredFields.region && blank(draft.postal.region)) {
+    errors[FIELD.region] = "required";
+  }
+  if (country) {
+    const postal = draft.postal.postalCode ?? "";
+    if (blank(postal) && country.postalRequired) {
+      errors[FIELD.postalCode] = "required";
+    } else if (!isPostalCodeValid(country, postal)) {
+      errors[FIELD.postalCode] = "invalid-postal";
+    }
+  }
+  const duplicate = isDuplicateAddress(
+    draft,
+    others
+  );
+  if (duplicate) warnings.duplicate = "duplicate";
+  return { errors, warnings };
+}
+export {
+  fieldLabelKeys,
+  validateDraft
+};
+//# sourceMappingURL=validation.mjs.map

package/dist/blocks/designs/address-book-advanced/validation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/address-book-advanced/validation.ts"],"sourcesContent":["import type {\n  AddressBookConfig,\n  AddressDraft,\n  CommerceAddress,\n  CountrySchema,\n} from './contracts'\n\nimport { getCountry, isPostalCodeValid } from './countries'\nimport { isDuplicateAddress } from './helpers'\n\nexport type ValidationResult = {\n  /** Field path → message code (the UI resolves the copy from data). */\n  errors: Record<string, string>\n  warnings: Record<string, string>\n}\n\nconst FIELD = {\n  firstName: 'recipient.firstName',\n  lastName: 'recipient.lastName',\n  phone: 'recipient.phone',\n  company: 'company.name',\n  country: 'postal.countryCode',\n  line1: 'postal.line1',\n  city: 'postal.city',\n  region: 'postal.region',\n  postalCode: 'postal.postalCode',\n} as const\n\nexport const fieldLabelKeys = Object.values(FIELD)\n\nfunction blank(value: string | undefined): boolean {\n  return !value || !value.trim()\n}\n\n/**\n * Structural validation only. Postal verification and logistics coverage are\n * separate statuses owned by their providers — never folded into this result.\n */\nexport function validateDraft(\n  draft: AddressDraft,\n  config: AddressBookConfig,\n  countries: CountrySchema[],\n  others: CommerceAddress[],\n): ValidationResult {\n  const errors: Record<string, string> = {}\n  const warnings: Record<string, string> = {}\n\n  if (blank(draft.recipient.firstName)) errors[FIELD.firstName] = 'required'\n  if (blank(draft.recipient.lastName)) errors[FIELD.lastName] = 'required'\n  if (config.requiredFields.phone && blank(draft.recipient.phone)) {\n    errors[FIELD.phone] = 'required'\n  }\n\n  if (draft.owner === 'business' && blank(draft.company?.name)) {\n    errors[FIELD.company] = 'required'\n  }\n\n  const country = getCountry(countries, draft.postal.countryCode)\n  if (!country) {\n    errors[FIELD.country] = 'unsupported-country'\n  } else if (\n    config.allowedCountries.length > 0 &&\n    !config.allowedCountries.includes(country.code)\n  ) {\n    errors[FIELD.country] = 'country-not-allowed'\n  }\n\n  if (blank(draft.postal.line1)) errors[FIELD.line1] = 'required'\n  if (blank(draft.postal.city)) errors[FIELD.city] = 'required'\n  if (config.requiredFields.region && blank(draft.postal.region)) {\n    errors[FIELD.region] = 'required'\n  }\n\n  if (country) {\n    const postal = draft.postal.postalCode ?? ''\n    if (blank(postal) && country.postalRequired) {\n      errors[FIELD.postalCode] = 'required'\n    } else if (!isPostalCodeValid(country, postal)) {\n      errors[FIELD.postalCode] = 'invalid-postal'\n    }\n  }\n\n  const duplicate = isDuplicateAddress(\n    draft as CommerceAddress,\n    others,\n  )\n  if (duplicate) warnings.duplicate = 'duplicate'\n\n  return { errors, warnings }\n}\n"],"mappings":"AAOA,SAAS,YAAY,yBAAyB;AAC9C,SAAS,0BAA0B;AAQnC,MAAM,QAAQ;AAAA,EACZ,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AACd;AAEO,MAAM,iBAAiB,OAAO,OAAO,KAAK;AAEjD,SAAS,MAAM,OAAoC;AACjD,SAAO,CAAC,SAAS,CAAC,MAAM,KAAK;AAC/B;AAMO,SAAS,cACd,OACA,QACA,WACA,QACkB;AAClB,QAAM,SAAiC,CAAC;AACxC,QAAM,WAAmC,CAAC;AAE1C,MAAI,MAAM,MAAM,UAAU,SAAS,EAAG,QAAO,MAAM,SAAS,IAAI;AAChE,MAAI,MAAM,MAAM,UAAU,QAAQ,EAAG,QAAO,MAAM,QAAQ,IAAI;AAC9D,MAAI,OAAO,eAAe,SAAS,MAAM,MAAM,UAAU,KAAK,GAAG;AAC/D,WAAO,MAAM,KAAK,IAAI;AAAA,EACxB;AAEA,MAAI,MAAM,UAAU,cAAc,MAAM,MAAM,SAAS,IAAI,GAAG;AAC5D,WAAO,MAAM,OAAO,IAAI;AAAA,EAC1B;AAEA,QAAM,UAAU,WAAW,WAAW,MAAM,OAAO,WAAW;AAC9D,MAAI,CAAC,SAAS;AACZ,WAAO,MAAM,OAAO,IAAI;AAAA,EAC1B,WACE,OAAO,iBAAiB,SAAS,KACjC,CAAC,OAAO,iBAAiB,SAAS,QAAQ,IAAI,GAC9C;AACA,WAAO,MAAM,OAAO,IAAI;AAAA,EAC1B;AAEA,MAAI,MAAM,MAAM,OAAO,KAAK,EAAG,QAAO,MAAM,KAAK,IAAI;AACrD,MAAI,MAAM,MAAM,OAAO,IAAI,EAAG,QAAO,MAAM,IAAI,IAAI;AACnD,MAAI,OAAO,eAAe,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAC9D,WAAO,MAAM,MAAM,IAAI;AAAA,EACzB;AAEA,MAAI,SAAS;AACX,UAAM,SAAS,MAAM,OAAO,cAAc;AAC1C,QAAI,MAAM,MAAM,KAAK,QAAQ,gBAAgB;AAC3C,aAAO,MAAM,UAAU,IAAI;AAAA,IAC7B,WAAW,CAAC,kBAAkB,SAAS,MAAM,GAAG;AAC9C,aAAO,MAAM,UAAU,IAAI;AAAA,IAC7B;AAAA,EACF;AAEA,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,EACF;AACA,MAAI,UAAW,UAAS,YAAY;AAEpC,SAAO,EAAE,QAAQ,SAAS;AAC5B;","names":[]}

package/dist/blocks/designs/checkout-commerce-v1/block.d.ts

@@ -0,0 +1,37 @@
+import type { CheckoutCommerceV1Data } from '../../../lib/contracts/checkout-commerce-v1';
+import type { CheckoutAssociatePayload } from './view/types';
+import { type GuestContact } from './view/buyer-section';
+type CreatedAddressPayload = {
+    id: string;
+    label: string;
+    recipient: string;
+    line1: string;
+    line2: string;
+    city: string;
+    province: string;
+    postalCode: string;
+    phone: string;
+    isDefault: boolean;
+    saveToAccount: boolean;
+};
+type AssociatePayload = CheckoutAssociatePayload;
+type OrderSnapshot = {
+    reference: string;
+    totalCents: number;
+    paymentId: string;
+    groupIds: string[];
+};
+export type CheckoutCommerceV1Props = {
+    data: CheckoutCommerceV1Data;
+    onQuantityChange?: (lineId: string, quantity: number) => void;
+    onRemoveItem?: (lineId: string) => void;
+    onSelectAddress?: (addressId: string) => void;
+    onCreateAddress?: (payload: CreatedAddressPayload) => void;
+    onStartRegistration?: (contact: GuestContact) => void;
+    onAddAssociate?: (payload: AssociatePayload) => void;
+    onConfirmOrder?: (snapshot: OrderSnapshot) => void;
+    onContinueShopping?: () => void;
+};
+export default function CheckoutCommerceV1({ data, ...props }: CheckoutCommerceV1Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=block.d.ts.map

package/dist/blocks/designs/checkout-commerce-v1/block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/checkout-commerce-v1/block.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,KAAK,EAAgC,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAG3F,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAgBzD,KAAK,qBAAqB,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AACF,KAAK,gBAAgB,GAAG,wBAAwB,CAAC;AACjD,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,sBAAsB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC3D,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACtD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACnD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAsHF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,+BAErF"}

package/dist/blocks/designs/checkout-commerce-v1/block.js

@@ -0,0 +1,139 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var block_exports = {};
+__export(block_exports, {
+  default: () => CheckoutCommerceV1
+});
+module.exports = __toCommonJS(block_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_badge = require("../../../ui/badge.js");
+var import_button = require("../../../ui/button.js");
+var import_checkout_view = require("./view/checkout-view.js");
+var import_format = require("./view/format.js");
+var import_use_demo_checkout = require("./demo/use-demo-checkout.js");
+var import_react = require("react");
+const VARIANT_OUTLINE = "outline";
+function toLegacyCreatedAddressPayload(payload) {
+  return {
+    id: payload.id,
+    label: payload.label,
+    recipient: payload.recipient,
+    line1: payload.line1,
+    line2: payload.line2 ?? "",
+    city: payload.city,
+    province: payload.province ?? "",
+    postalCode: payload.postalCode ?? "",
+    phone: payload.phone ?? "",
+    isDefault: payload.isDefault,
+    saveToAccount: payload.saveToAccount
+  };
+}
+function CheckoutCommerceV1Content({
+  data,
+  onQuantityChange,
+  onRemoveItem,
+  onSelectAddress,
+  onCreateAddress,
+  onStartRegistration,
+  onAddAssociate,
+  onConfirmOrder,
+  onContinueShopping
+}) {
+  const [scenarioId, setScenarioId] = (0, import_react.useState)(data.meta.initialScenarioId);
+  const scenario = data.scenarios.find((item) => item.id === scenarioId) ?? data.scenarios[0];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-4 rounded-lg border border-border bg-muted/40 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: data.meta.demoTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { variant: VARIANT_OUTLINE, children: data.labels.demoBadge })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "mt-2 flex flex-wrap gap-1.5",
+          role: "group",
+          "aria-label": data.labels.scenarioGroup,
+          children: data.scenarios.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_button.Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: item.id === scenario.id ? "default" : "outline",
+              "aria-pressed": item.id === scenario.id,
+              "aria-label": item.name,
+              onClick: () => setScenarioId(item.id),
+              children: item.id
+            },
+            item.id
+          ))
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-xs text-muted-foreground", children: (0, import_format.fill)(data.meta.demoCurrent, { name: scenario.name, blurb: scenario.blurb }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: data.meta.demoHint })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      DemoCheckout,
+      {
+        data,
+        scenario,
+        onQuantityChange,
+        onRemoveItem,
+        onSelectAddress,
+        onCreateAddress,
+        onStartRegistration,
+        onAddAssociate,
+        onConfirmOrder,
+        onContinueShopping
+      },
+      scenario.id
+    )
+  ] });
+}
+function DemoCheckout({
+  data,
+  scenario,
+  onQuantityChange,
+  onRemoveItem,
+  onSelectAddress,
+  onCreateAddress,
+  onStartRegistration,
+  onAddAssociate,
+  onConfirmOrder,
+  onContinueShopping
+}) {
+  const handleCreateAddress = onCreateAddress ? (payload) => onCreateAddress(toLegacyCreatedAddressPayload(payload)) : void 0;
+  const { model, actions } = (0, import_use_demo_checkout.useDemoCheckout)({
+    data,
+    scenario,
+    onQuantityChange,
+    onRemoveItem,
+    onSelectAddress,
+    onCreateAddress: handleCreateAddress,
+    onStartRegistration,
+    onAddAssociate,
+    onConfirmOrder,
+    onContinueShopping
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkout_view.CheckoutView, { model, actions });
+}
+function CheckoutCommerceV1({ data, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckoutCommerceV1Content, { data, ...props });
+}
+//# sourceMappingURL=block.js.map

package/dist/blocks/designs/checkout-commerce-v1/block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/checkout-commerce-v1/block.tsx"],"sourcesContent":["'use client';\n\nimport { Badge } from '../../../ui/badge';\nimport { Button } from '../../../ui/button';\nimport type { CheckoutCommerceV1Data } from '../../../lib/contracts/checkout-commerce-v1';\nimport type { CheckoutAddressCreatePayload, CheckoutAssociatePayload } from './view/types';\nimport { CheckoutView } from './view/checkout-view';\nimport { fill } from './view/format';\nimport { type GuestContact } from './view/buyer-section';\nimport { useDemoCheckout } from './demo/use-demo-checkout';\nimport { useState } from 'react';\n\n// A unified cart + checkout surface. The data module holds every scenario\n// (cart, delivery groups, rates, addresses, payments and copy); the demo hook\n// owns local checkout state, timers and the simulated confirmation. No fetch,\n// no persistence, no viewport ownership and no page landmark: the host route\n// owns the page.\n//\n// One shipping address feeds the whole order. Each delivery group keeps its own\n// mode, method, pickup point, rate and items, and changing the address re-rates\n// every shipping group without touching pickup groups. A group without a valid\n// rate or with blocked coverage withholds its fee and the order total.\n\ntype ScenarioData = CheckoutCommerceV1Data['scenarios'][number];\ntype CreatedAddressPayload = {\n  id: string;\n  label: string;\n  recipient: string;\n  line1: string;\n  line2: string;\n  city: string;\n  province: string;\n  postalCode: string;\n  phone: string;\n  isDefault: boolean;\n  saveToAccount: boolean;\n};\ntype AssociatePayload = CheckoutAssociatePayload;\ntype OrderSnapshot = {\n  reference: string;\n  totalCents: number;\n  paymentId: string;\n  groupIds: string[];\n};\n\nexport type CheckoutCommerceV1Props = {\n  data: CheckoutCommerceV1Data;\n  onQuantityChange?: (lineId: string, quantity: number) => void;\n  onRemoveItem?: (lineId: string) => void;\n  onSelectAddress?: (addressId: string) => void;\n  onCreateAddress?: (payload: CreatedAddressPayload) => void;\n  onStartRegistration?: (contact: GuestContact) => void;\n  onAddAssociate?: (payload: AssociatePayload) => void;\n  onConfirmOrder?: (snapshot: OrderSnapshot) => void;\n  onContinueShopping?: () => void;\n};\n\nconst VARIANT_OUTLINE = 'outline' as const;\n\nfunction toLegacyCreatedAddressPayload(\n  payload: CheckoutAddressCreatePayload,\n): CreatedAddressPayload {\n  return {\n    id: payload.id,\n    label: payload.label,\n    recipient: payload.recipient,\n    line1: payload.line1,\n    line2: payload.line2 ?? '',\n    city: payload.city,\n    province: payload.province ?? '',\n    postalCode: payload.postalCode ?? '',\n    phone: payload.phone ?? '',\n    isDefault: payload.isDefault,\n    saveToAccount: payload.saveToAccount,\n  };\n}\n\nfunction CheckoutCommerceV1Content({\n  data,\n  onQuantityChange,\n  onRemoveItem,\n  onSelectAddress,\n  onCreateAddress,\n  onStartRegistration,\n  onAddAssociate,\n  onConfirmOrder,\n  onContinueShopping,\n}: CheckoutCommerceV1Props) {\n  const [scenarioId, setScenarioId] = useState(data.meta.initialScenarioId);\n  const scenario = data.scenarios.find((item) => item.id === scenarioId) ?? data.scenarios[0];\n\n  return (\n    <div className=\"w-full\">\n      <div className=\"mb-4 rounded-lg border border-border bg-muted/40 p-3\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            {data.meta.demoTitle}\n          </p>\n          <Badge variant={VARIANT_OUTLINE}>{data.labels.demoBadge}</Badge>\n        </div>\n        <div\n          className=\"mt-2 flex flex-wrap gap-1.5\"\n          role=\"group\"\n          aria-label={data.labels.scenarioGroup}\n        >\n          {data.scenarios.map((item) => (\n            <Button\n              key={item.id}\n              type=\"button\"\n              size=\"sm\"\n              variant={item.id === scenario.id ? 'default' : 'outline'}\n              aria-pressed={item.id === scenario.id}\n              aria-label={item.name}\n              onClick={() => setScenarioId(item.id)}\n            >\n              {item.id}\n            </Button>\n          ))}\n        </div>\n        <p className=\"mt-2 text-xs text-muted-foreground\">\n          {fill(data.meta.demoCurrent, { name: scenario.name, blurb: scenario.blurb })}\n        </p>\n        <p className=\"mt-1 text-xs text-muted-foreground\">{data.meta.demoHint}</p>\n      </div>\n      <DemoCheckout\n        key={scenario.id}\n        data={data}\n        scenario={scenario}\n        onQuantityChange={onQuantityChange}\n        onRemoveItem={onRemoveItem}\n        onSelectAddress={onSelectAddress}\n        onCreateAddress={onCreateAddress}\n        onStartRegistration={onStartRegistration}\n        onAddAssociate={onAddAssociate}\n        onConfirmOrder={onConfirmOrder}\n        onContinueShopping={onContinueShopping}\n      />\n    </div>\n  );\n}\n\nfunction DemoCheckout({\n  data,\n  scenario,\n  onQuantityChange,\n  onRemoveItem,\n  onSelectAddress,\n  onCreateAddress,\n  onStartRegistration,\n  onAddAssociate,\n  onConfirmOrder,\n  onContinueShopping,\n}: CheckoutCommerceV1Props & { scenario: ScenarioData }) {\n  const handleCreateAddress = onCreateAddress\n    ? (payload: CheckoutAddressCreatePayload) =>\n        onCreateAddress(toLegacyCreatedAddressPayload(payload))\n    : undefined;\n  const { model, actions } = useDemoCheckout({\n    data,\n    scenario,\n    onQuantityChange,\n    onRemoveItem,\n    onSelectAddress,\n    onCreateAddress: handleCreateAddress,\n    onStartRegistration,\n    onAddAssociate,\n    onConfirmOrder,\n    onContinueShopping,\n  });\n\n  return <CheckoutView model={model} actions={actions} />;\n}\n\nexport default function CheckoutCommerceV1({ data, ...props }: CheckoutCommerceV1Props) {\n  return <CheckoutCommerceV1Content data={data} {...props} />;\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/checkout-commerce-v1/block.mjs

@@ -0,0 +1,119 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "../../../ui/badge.mjs";
+import { Button } from "../../../ui/button.mjs";
+import { CheckoutView } from "./view/checkout-view.mjs";
+import { fill } from "./view/format.mjs";
+import { useDemoCheckout } from "./demo/use-demo-checkout.mjs";
+import { useState } from "react";
+const VARIANT_OUTLINE = "outline";
+function toLegacyCreatedAddressPayload(payload) {
+  return {
+    id: payload.id,
+    label: payload.label,
+    recipient: payload.recipient,
+    line1: payload.line1,
+    line2: payload.line2 ?? "",
+    city: payload.city,
+    province: payload.province ?? "",
+    postalCode: payload.postalCode ?? "",
+    phone: payload.phone ?? "",
+    isDefault: payload.isDefault,
+    saveToAccount: payload.saveToAccount
+  };
+}
+function CheckoutCommerceV1Content({
+  data,
+  onQuantityChange,
+  onRemoveItem,
+  onSelectAddress,
+  onCreateAddress,
+  onStartRegistration,
+  onAddAssociate,
+  onConfirmOrder,
+  onContinueShopping
+}) {
+  const [scenarioId, setScenarioId] = useState(data.meta.initialScenarioId);
+  const scenario = data.scenarios.find((item) => item.id === scenarioId) ?? data.scenarios[0];
+  return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-4 rounded-lg border border-border bg-muted/40 p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: data.meta.demoTitle }),
+        /* @__PURE__ */ jsx(Badge, { variant: VARIANT_OUTLINE, children: data.labels.demoBadge })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "mt-2 flex flex-wrap gap-1.5",
+          role: "group",
+          "aria-label": data.labels.scenarioGroup,
+          children: data.scenarios.map((item) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: item.id === scenario.id ? "default" : "outline",
+              "aria-pressed": item.id === scenario.id,
+              "aria-label": item.name,
+              onClick: () => setScenarioId(item.id),
+              children: item.id
+            },
+            item.id
+          ))
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: fill(data.meta.demoCurrent, { name: scenario.name, blurb: scenario.blurb }) }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: data.meta.demoHint })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DemoCheckout,
+      {
+        data,
+        scenario,
+        onQuantityChange,
+        onRemoveItem,
+        onSelectAddress,
+        onCreateAddress,
+        onStartRegistration,
+        onAddAssociate,
+        onConfirmOrder,
+        onContinueShopping
+      },
+      scenario.id
+    )
+  ] });
+}
+function DemoCheckout({
+  data,
+  scenario,
+  onQuantityChange,
+  onRemoveItem,
+  onSelectAddress,
+  onCreateAddress,
+  onStartRegistration,
+  onAddAssociate,
+  onConfirmOrder,
+  onContinueShopping
+}) {
+  const handleCreateAddress = onCreateAddress ? (payload) => onCreateAddress(toLegacyCreatedAddressPayload(payload)) : void 0;
+  const { model, actions } = useDemoCheckout({
+    data,
+    scenario,
+    onQuantityChange,
+    onRemoveItem,
+    onSelectAddress,
+    onCreateAddress: handleCreateAddress,
+    onStartRegistration,
+    onAddAssociate,
+    onConfirmOrder,
+    onContinueShopping
+  });
+  return /* @__PURE__ */ jsx(CheckoutView, { model, actions });
+}
+function CheckoutCommerceV1({ data, ...props }) {
+  return /* @__PURE__ */ jsx(CheckoutCommerceV1Content, { data, ...props });
+}
+export {
+  CheckoutCommerceV1 as default
+};
+//# sourceMappingURL=block.mjs.map

package/dist/blocks/designs/checkout-commerce-v1/block.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/checkout-commerce-v1/block.tsx"],"sourcesContent":["'use client';\n\nimport { Badge } from '../../../ui/badge';\nimport { Button } from '../../../ui/button';\nimport type { CheckoutCommerceV1Data } from '../../../lib/contracts/checkout-commerce-v1';\nimport type { CheckoutAddressCreatePayload, CheckoutAssociatePayload } from './view/types';\nimport { CheckoutView } from './view/checkout-view';\nimport { fill } from './view/format';\nimport { type GuestContact } from './view/buyer-section';\nimport { useDemoCheckout } from './demo/use-demo-checkout';\nimport { useState } from 'react';\n\n// A unified cart + checkout surface. The data module holds every scenario\n// (cart, delivery groups, rates, addresses, payments and copy); the demo hook\n// owns local checkout state, timers and the simulated confirmation. No fetch,\n// no persistence, no viewport ownership and no page landmark: the host route\n// owns the page.\n//\n// One shipping address feeds the whole order. Each delivery group keeps its own\n// mode, method, pickup point, rate and items, and changing the address re-rates\n// every shipping group without touching pickup groups. A group without a valid\n// rate or with blocked coverage withholds its fee and the order total.\n\ntype ScenarioData = CheckoutCommerceV1Data['scenarios'][number];\ntype CreatedAddressPayload = {\n  id: string;\n  label: string;\n  recipient: string;\n  line1: string;\n  line2: string;\n  city: string;\n  province: string;\n  postalCode: string;\n  phone: string;\n  isDefault: boolean;\n  saveToAccount: boolean;\n};\ntype AssociatePayload = CheckoutAssociatePayload;\ntype OrderSnapshot = {\n  reference: string;\n  totalCents: number;\n  paymentId: string;\n  groupIds: string[];\n};\n\nexport type CheckoutCommerceV1Props = {\n  data: CheckoutCommerceV1Data;\n  onQuantityChange?: (lineId: string, quantity: number) => void;\n  onRemoveItem?: (lineId: string) => void;\n  onSelectAddress?: (addressId: string) => void;\n  onCreateAddress?: (payload: CreatedAddressPayload) => void;\n  onStartRegistration?: (contact: GuestContact) => void;\n  onAddAssociate?: (payload: AssociatePayload) => void;\n  onConfirmOrder?: (snapshot: OrderSnapshot) => void;\n  onContinueShopping?: () => void;\n};\n\nconst VARIANT_OUTLINE = 'outline' as const;\n\nfunction toLegacyCreatedAddressPayload(\n  payload: CheckoutAddressCreatePayload,\n): CreatedAddressPayload {\n  return {\n    id: payload.id,\n    label: payload.label,\n    recipient: payload.recipient,\n    line1: payload.line1,\n    line2: payload.line2 ?? '',\n    city: payload.city,\n    province: payload.province ?? '',\n    postalCode: payload.postalCode ?? '',\n    phone: payload.phone ?? '',\n    isDefault: payload.isDefault,\n    saveToAccount: payload.saveToAccount,\n  };\n}\n\nfunction CheckoutCommerceV1Content({\n  data,\n  onQuantityChange,\n  onRemoveItem,\n  onSelectAddress,\n  onCreateAddress,\n  onStartRegistration,\n  onAddAssociate,\n  onConfirmOrder,\n  onContinueShopping,\n}: CheckoutCommerceV1Props) {\n  const [scenarioId, setScenarioId] = useState(data.meta.initialScenarioId);\n  const scenario = data.scenarios.find((item) => item.id === scenarioId) ?? data.scenarios[0];\n\n  return (\n    <div className=\"w-full\">\n      <div className=\"mb-4 rounded-lg border border-border bg-muted/40 p-3\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            {data.meta.demoTitle}\n          </p>\n          <Badge variant={VARIANT_OUTLINE}>{data.labels.demoBadge}</Badge>\n        </div>\n        <div\n          className=\"mt-2 flex flex-wrap gap-1.5\"\n          role=\"group\"\n          aria-label={data.labels.scenarioGroup}\n        >\n          {data.scenarios.map((item) => (\n            <Button\n              key={item.id}\n              type=\"button\"\n              size=\"sm\"\n              variant={item.id === scenario.id ? 'default' : 'outline'}\n              aria-pressed={item.id === scenario.id}\n              aria-label={item.name}\n              onClick={() => setScenarioId(item.id)}\n            >\n              {item.id}\n            </Button>\n          ))}\n        </div>\n        <p className=\"mt-2 text-xs text-muted-foreground\">\n          {fill(data.meta.demoCurrent, { name: scenario.name, blurb: scenario.blurb })}\n        </p>\n        <p className=\"mt-1 text-xs text-muted-foreground\">{data.meta.demoHint}</p>\n      </div>\n      <DemoCheckout\n        key={scenario.id}\n        data={data}\n        scenario={scenario}\n        onQuantityChange={onQuantityChange}\n        onRemoveItem={onRemoveItem}\n        onSelectAddress={onSelectAddress}\n        onCreateAddress={onCreateAddress}\n        onStartRegistration={onStartRegistration}\n        onAddAssociate={onAddAssociate}\n        onConfirmOrder={onConfirmOrder}\n        onContinueShopping={onContinueShopping}\n      />\n    </div>\n  );\n}\n\nfunction DemoCheckout({\n  data,\n  scenario,\n  onQuantityChange,\n  onRemoveItem,\n  onSelectAddress,\n  onCreateAddress,\n  onStartRegistration,\n  onAddAssociate,\n  onConfirmOrder,\n  onContinueShopping,\n}: CheckoutCommerceV1Props & { scenario: ScenarioData }) {\n  const handleCreateAddress = onCreateAddress\n    ? (payload: CheckoutAddressCreatePayload) =>\n        onCreateAddress(toLegacyCreatedAddressPayload(payload))\n    : undefined;\n  const { model, actions } = useDemoCheckout({\n    data,\n    scenario,\n    onQuantityChange,\n    onRemoveItem,\n    onSelectAddress,\n    onCreateAddress: handleCreateAddress,\n    onStartRegistration,\n    onAddAssociate,\n    onConfirmOrder,\n    onContinueShopping,\n  });\n\n  return <CheckoutView model={model} actions={actions} />;\n}\n\nexport default function CheckoutCommerceV1({ data, ...props }: CheckoutCommerceV1Props) {\n  return <CheckoutCommerceV1Content data={data} {...props} />;\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/checkout-commerce-v1/data-context.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import type { CheckoutCommerceV1Data } from '../../../lib/contracts/checkout-commerce-v1';
+export declare function BlockDataProvider({ data, children }: {
+    data: CheckoutCommerceV1Data;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useBlockData(): CheckoutCommerceV1Data;
+//# sourceMappingURL=data-context.d.ts.map

package/dist/blocks/designs/checkout-commerce-v1/data-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-context.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/checkout-commerce-v1/data-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAA;AAIzF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,sBAAsB,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAE1G;AAED,wBAAgB,YAAY,IAAI,sBAAsB,CAMrD"}

package/dist/blocks/designs/checkout-commerce-v1/data-context.js

@@ -0,0 +1,44 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var data_context_exports = {};
+__export(data_context_exports, {
+  BlockDataProvider: () => BlockDataProvider,
+  useBlockData: () => useBlockData
+});
+module.exports = __toCommonJS(data_context_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const CheckoutCommerceV1DataContext = (0, import_react.createContext)(null);
+function BlockDataProvider({ data, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckoutCommerceV1DataContext.Provider, { value: data, children });
+}
+function useBlockData() {
+  const data = (0, import_react.useContext)(CheckoutCommerceV1DataContext);
+  if (data === null) {
+    throw new Error("useBlockData must be used within a BlockDataProvider");
+  }
+  return data;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BlockDataProvider,
+  useBlockData
+});
+//# sourceMappingURL=data-context.js.map

package/dist/blocks/designs/checkout-commerce-v1/data-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/checkout-commerce-v1/data-context.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, useContext, type ReactNode } from 'react'\nimport type { CheckoutCommerceV1Data } from '../../../lib/contracts/checkout-commerce-v1'\n\nconst CheckoutCommerceV1DataContext = createContext<CheckoutCommerceV1Data | null>(null)\n\nexport function BlockDataProvider({ data, children }: { data: CheckoutCommerceV1Data; children: ReactNode }) {\n  return <CheckoutCommerceV1DataContext.Provider value={data}>{children}</CheckoutCommerceV1DataContext.Provider>\n}\n\nexport function useBlockData(): CheckoutCommerceV1Data {\n  const data = useContext(CheckoutCommerceV1DataContext)\n  if (data === null) {\n    throw new Error('useBlockData must be used within a BlockDataProvider')\n  }\n  return data\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQS;AANT,mBAA0D;AAG1D,MAAM,oCAAgC,4BAA6C,IAAI;AAEhF,SAAS,kBAAkB,EAAE,MAAM,SAAS,GAA0D;AAC3G,SAAO,4CAAC,8BAA8B,UAA9B,EAAuC,OAAO,MAAO,UAAS;AACxE;AAEO,SAAS,eAAuC;AACrD,QAAM,WAAO,yBAAW,6BAA6B;AACrD,MAAI,SAAS,MAAM;AACjB,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,SAAO;AACT;","names":[]}

package/dist/blocks/designs/checkout-commerce-v1/data-context.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const CheckoutCommerceV1DataContext = createContext(null);
+function BlockDataProvider({ data, children }) {
+  return /* @__PURE__ */ jsx(CheckoutCommerceV1DataContext.Provider, { value: data, children });
+}
+function useBlockData() {
+  const data = useContext(CheckoutCommerceV1DataContext);
+  if (data === null) {
+    throw new Error("useBlockData must be used within a BlockDataProvider");
+  }
+  return data;
+}
+export {
+  BlockDataProvider,
+  useBlockData
+};
+//# sourceMappingURL=data-context.mjs.map

package/dist/blocks/designs/checkout-commerce-v1/data-context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/checkout-commerce-v1/data-context.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, useContext, type ReactNode } from 'react'\nimport type { CheckoutCommerceV1Data } from '../../../lib/contracts/checkout-commerce-v1'\n\nconst CheckoutCommerceV1DataContext = createContext<CheckoutCommerceV1Data | null>(null)\n\nexport function BlockDataProvider({ data, children }: { data: CheckoutCommerceV1Data; children: ReactNode }) {\n  return <CheckoutCommerceV1DataContext.Provider value={data}>{children}</CheckoutCommerceV1DataContext.Provider>\n}\n\nexport function useBlockData(): CheckoutCommerceV1Data {\n  const data = useContext(CheckoutCommerceV1DataContext)\n  if (data === null) {\n    throw new Error('useBlockData must be used within a BlockDataProvider')\n  }\n  return data\n}\n"],"mappings":";AAQS;AANT,SAAS,eAAe,kBAAkC;AAG1D,MAAM,gCAAgC,cAA6C,IAAI;AAEhF,SAAS,kBAAkB,EAAE,MAAM,SAAS,GAA0D;AAC3G,SAAO,oBAAC,8BAA8B,UAA9B,EAAuC,OAAO,MAAO,UAAS;AACxE;AAEO,SAAS,eAAuC;AACrD,QAAM,OAAO,WAAW,6BAA6B;AACrD,MAAI,SAAS,MAAM;AACjB,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,SAAO;AACT;","names":[]}

package/dist/blocks/designs/checkout-commerce-v1/demo/use-demo-checkout.d.ts

@@ -0,0 +1,34 @@
+import type { CheckoutCommerceV1Data } from '../../../../lib/contracts/checkout-commerce-v1';
+import type { CheckoutAddressCreatePayload, CheckoutAssociatePayload, CheckoutViewActions, CheckoutViewModel } from '../view/types';
+type ScenarioData = CheckoutCommerceV1Data['scenarios'][number];
+type CreatedAddressPayload = CheckoutAddressCreatePayload;
+type AssociatePayload = CheckoutAssociatePayload;
+type OrderSnapshot = {
+    reference: string;
+    totalCents: number;
+    paymentId: string;
+    groupIds: string[];
+};
+export type UseDemoCheckoutOptions = {
+    data: CheckoutCommerceV1Data;
+    scenario: ScenarioData;
+    onQuantityChange?: (lineId: string, quantity: number) => void;
+    onRemoveItem?: (lineId: string) => void;
+    onSelectAddress?: (addressId: string) => void;
+    onCreateAddress?: (payload: CreatedAddressPayload) => void;
+    onStartRegistration?: (contact: {
+        name: string;
+        email: string;
+        phone: string;
+    }) => void;
+    onAddAssociate?: (payload: AssociatePayload) => void;
+    onConfirmOrder?: (snapshot: OrderSnapshot) => void;
+    onContinueShopping?: () => void;
+};
+export type UseDemoCheckoutResult = {
+    model: CheckoutViewModel;
+    actions: CheckoutViewActions;
+};
+export declare function useDemoCheckout({ data, scenario, onQuantityChange, onRemoveItem, onSelectAddress, onCreateAddress, onStartRegistration, onAddAssociate, onConfirmOrder, onContinueShopping, }: UseDemoCheckoutOptions): UseDemoCheckoutResult;
+export {};
+//# sourceMappingURL=use-demo-checkout.d.ts.map

package/dist/blocks/designs/checkout-commerce-v1/demo/use-demo-checkout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-demo-checkout.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/checkout-commerce-v1/demo/use-demo-checkout.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AAE7F,OAAO,KAAK,EACV,4BAA4B,EAC5B,wBAAwB,EAOxB,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAGvB,KAAK,YAAY,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAoChE,KAAK,qBAAqB,GAAG,4BAA4B,CAAC;AAC1D,KAAK,gBAAgB,GAAG,wBAAwB,CAAC;AACjD,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAYF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,sBAAsB,CAAC;IAC7B,QAAQ,EAAE,YAAY,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC3D,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxF,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACnD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,mBAAmB,CAAC;CAC9B,CAAC;AA0BF,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,kBAAkB,GACnB,EAAE,sBAAsB,GAAG,qBAAqB,CA2+BhD"}