@cimplify/sdk 0.89.0 → 0.92.0

package/dist/testing/suite.mjs

@@ -1,7 +1,8 @@
-import { assertBrand, SeedNameSchema, BrandSchema, createTestClient, assertCart, fixtures, AddItemPayloadSchema, CartItemSchema, CheckoutResponseSchema } from '../chunk-M4ALCELT.mjs';
-import '../chunk-APBLFZ2I.mjs';
-import '../chunk-DENWOZEA.mjs';
-import '../chunk-ZU4ZRYUR.mjs';
+import { assertBrand, SeedNameSchema, BrandSchema, createTestClient, assertCart, fixtures, AddItemPayloadSchema, CartItemSchema, CheckoutResponseSchema } from '../chunk-54H2YYIW.mjs';
+import '../chunk-PYBFTMHI.mjs';
+import '../chunk-U4MW6PYU.mjs';
+import '../chunk-3XD2FVP4.mjs';
+import '../chunk-T7LDBZZZ.mjs';
 import '../chunk-KFLGQGMC.mjs';
 import '../chunk-K5EN2W2Q.mjs';
 import '../chunk-3G6RQLXK.mjs';

package/dist/testing.d.mts

@@ -1,10 +1,10 @@
 import { z } from 'zod';
 import { $ZodType } from 'zod/v4/core';
-export { A as AddFirstProductOptions, a as AddFirstProductResult, P as ProductSummary, T as TestClientHandle, c as createTestClient, f as fixtures } from './client-CAY2NbRG.mjs';
-import './client-D8ZFs-sq.mjs';
-import './product-BakHcsP2.mjs';
-import './payment-Dcgb9n1n.mjs';
-import './server-Bk_hlefX.mjs';
+export { A as AddFirstProductOptions, a as AddFirstProductResult, P as ProductSummary, T as TestClientHandle, c as createTestClient, f as fixtures } from './client-Bw4HtLP1.mjs';
+import './client-BQbSKlHS.mjs';
+import './product-bZ8G5Z8D.mjs';
+import './payment-BFtLqiG2.mjs';
+import './server-D-iK-bNt.mjs';
 import 'hono';
 
 /**

package/dist/testing.d.ts

@@ -1,10 +1,10 @@
 import { z } from 'zod';
 import { $ZodType } from 'zod/v4/core';
-export { A as AddFirstProductOptions, a as AddFirstProductResult, P as ProductSummary, T as TestClientHandle, c as createTestClient, f as fixtures } from './client-CUbwb6Om.js';
-import './client-CqZgdUtw.js';
-import './product-BakHcsP2.js';
-import './payment-Xq0WDZXh.js';
-import './server-Bei5lBrc.js';
+export { A as AddFirstProductOptions, a as AddFirstProductResult, P as ProductSummary, T as TestClientHandle, c as createTestClient, f as fixtures } from './client-Otzv_rgP.js';
+import './client-CeW3acve.js';
+import './product-bZ8G5Z8D.js';
+import './payment-Cq8FT1B6.js';
+import './server-DwsY9hlX.js';
 import 'hono';
 
 /**

package/dist/testing.js

@@ -1,29 +1,30 @@
 'use strict';
 
-var chunkJHJTXAPS_js = require('./chunk-JHJTXAPS.js');
-require('./chunk-ROBTTS3Q.js');
-require('./chunk-T2CJ67QV.js');
-require('./chunk-GHFDYM5K.js');
+var chunk3MBMIEWT_js = require('./chunk-3MBMIEWT.js');
+require('./chunk-OAHSF542.js');
+require('./chunk-XREIZ56K.js');
+require('./chunk-DCRN67NO.js');
+require('./chunk-IVJEUGWF.js');
 require('./chunk-PTPOQVXS.js');
 require('./chunk-AETVRBKI.js');
 require('./chunk-OWW5GUSB.js');
 var zod = require('zod');
 
 var PUBLIC_SCHEMAS = {
-  Brand: chunkJHJTXAPS_js.BrandSchema,
-  AddItemPayload: chunkJHJTXAPS_js.AddItemPayloadSchema,
-  Cart: chunkJHJTXAPS_js.CartSchema,
-  CartItem: chunkJHJTXAPS_js.CartItemSchema,
-  CartPricing: chunkJHJTXAPS_js.CartPricingSchema,
-  CheckoutBody: chunkJHJTXAPS_js.CheckoutBodySchema,
-  CheckoutResponse: chunkJHJTXAPS_js.CheckoutResponseSchema,
-  VariantInfo: chunkJHJTXAPS_js.VariantInfoSchema
+  Brand: chunk3MBMIEWT_js.BrandSchema,
+  AddItemPayload: chunk3MBMIEWT_js.AddItemPayloadSchema,
+  Cart: chunk3MBMIEWT_js.CartSchema,
+  CartItem: chunk3MBMIEWT_js.CartItemSchema,
+  CartPricing: chunk3MBMIEWT_js.CartPricingSchema,
+  CheckoutBody: chunk3MBMIEWT_js.CheckoutBodySchema,
+  CheckoutResponse: chunk3MBMIEWT_js.CheckoutResponseSchema,
+  VariantInfo: chunk3MBMIEWT_js.VariantInfoSchema
 };
 function exportJsonSchemas() {
   const out = {};
   for (const [name, schema] of Object.entries(PUBLIC_SCHEMAS)) {
-    const meta = chunkJHJTXAPS_js.cimplifyRegistry.get(schema);
-    const json = zod.z.toJSONSchema(schema, { metadata: chunkJHJTXAPS_js.cimplifyRegistry });
+    const meta = chunk3MBMIEWT_js.cimplifyRegistry.get(schema);
+    const json = zod.z.toJSONSchema(schema, { metadata: chunk3MBMIEWT_js.cimplifyRegistry });
     if (meta) {
       json.$id = meta.id;
       json["x-cimplify-version"] = meta.version;
@@ -35,16 +36,16 @@ function exportJsonSchemas() {
 function listRegisteredSchemas() {
   const entries = [];
   for (const schema of [
-    chunkJHJTXAPS_js.BrandSchema,
-    chunkJHJTXAPS_js.AddItemPayloadSchema,
-    chunkJHJTXAPS_js.CartSchema,
-    chunkJHJTXAPS_js.CartItemSchema,
-    chunkJHJTXAPS_js.CartPricingSchema,
-    chunkJHJTXAPS_js.CheckoutBodySchema,
-    chunkJHJTXAPS_js.CheckoutResponseSchema,
-    chunkJHJTXAPS_js.VariantInfoSchema
+    chunk3MBMIEWT_js.BrandSchema,
+    chunk3MBMIEWT_js.AddItemPayloadSchema,
+    chunk3MBMIEWT_js.CartSchema,
+    chunk3MBMIEWT_js.CartItemSchema,
+    chunk3MBMIEWT_js.CartPricingSchema,
+    chunk3MBMIEWT_js.CheckoutBodySchema,
+    chunk3MBMIEWT_js.CheckoutResponseSchema,
+    chunk3MBMIEWT_js.VariantInfoSchema
   ]) {
-    const meta = chunkJHJTXAPS_js.cimplifyRegistry.get(schema);
+    const meta = chunk3MBMIEWT_js.cimplifyRegistry.get(schema);
     if (meta) entries.push({ schema, meta });
   }
   return entries;
@@ -52,227 +53,227 @@ function listRegisteredSchemas() {
 
 Object.defineProperty(exports, "AddItemPayloadSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.AddItemPayloadSchema; }
+  get: function () { return chunk3MBMIEWT_js.AddItemPayloadSchema; }
 });
 Object.defineProperty(exports, "AddOnDetailsSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.AddOnDetailsSchema; }
+  get: function () { return chunk3MBMIEWT_js.AddOnDetailsSchema; }
 });
 Object.defineProperty(exports, "AddOnGroupDetailsSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.AddOnGroupDetailsSchema; }
+  get: function () { return chunk3MBMIEWT_js.AddOnGroupDetailsSchema; }
 });
 Object.defineProperty(exports, "AddOnInDetailsSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.AddOnInDetailsSchema; }
+  get: function () { return chunk3MBMIEWT_js.AddOnInDetailsSchema; }
 });
 Object.defineProperty(exports, "AddOnOptionDetailsSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.AddOnOptionDetailsSchema; }
+  get: function () { return chunk3MBMIEWT_js.AddOnOptionDetailsSchema; }
 });
 Object.defineProperty(exports, "AuthorizationTypeSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.AuthorizationTypeSchema; }
+  get: function () { return chunk3MBMIEWT_js.AuthorizationTypeSchema; }
 });
 Object.defineProperty(exports, "BrandContactSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.BrandContactSchema; }
+  get: function () { return chunk3MBMIEWT_js.BrandContactSchema; }
 });
 Object.defineProperty(exports, "BrandFaqSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.BrandFaqSchema; }
+  get: function () { return chunk3MBMIEWT_js.BrandFaqSchema; }
 });
 Object.defineProperty(exports, "BrandHeroSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.BrandHeroSchema; }
+  get: function () { return chunk3MBMIEWT_js.BrandHeroSchema; }
 });
 Object.defineProperty(exports, "BrandNavLinkSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.BrandNavLinkSchema; }
+  get: function () { return chunk3MBMIEWT_js.BrandNavLinkSchema; }
 });
 Object.defineProperty(exports, "BrandPolicyPageSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.BrandPolicyPageSchema; }
+  get: function () { return chunk3MBMIEWT_js.BrandPolicyPageSchema; }
 });
 Object.defineProperty(exports, "BrandPolicySectionSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.BrandPolicySectionSchema; }
+  get: function () { return chunk3MBMIEWT_js.BrandPolicySectionSchema; }
 });
 Object.defineProperty(exports, "BrandSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.BrandSchema; }
+  get: function () { return chunk3MBMIEWT_js.BrandSchema; }
 });
 Object.defineProperty(exports, "BrandSocialSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.BrandSocialSchema; }
+  get: function () { return chunk3MBMIEWT_js.BrandSocialSchema; }
 });
 Object.defineProperty(exports, "BundleResolvedSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.BundleResolvedSchema; }
+  get: function () { return chunk3MBMIEWT_js.BundleResolvedSchema; }
 });
 Object.defineProperty(exports, "BundleSelectionInputSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.BundleSelectionInputSchema; }
+  get: function () { return chunk3MBMIEWT_js.BundleSelectionInputSchema; }
 });
 Object.defineProperty(exports, "CartItemSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.CartItemSchema; }
+  get: function () { return chunk3MBMIEWT_js.CartItemSchema; }
 });
 Object.defineProperty(exports, "CartPricingSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.CartPricingSchema; }
+  get: function () { return chunk3MBMIEWT_js.CartPricingSchema; }
 });
 Object.defineProperty(exports, "CartSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.CartSchema; }
+  get: function () { return chunk3MBMIEWT_js.CartSchema; }
 });
 Object.defineProperty(exports, "CheckoutBodySchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.CheckoutBodySchema; }
+  get: function () { return chunk3MBMIEWT_js.CheckoutBodySchema; }
 });
 Object.defineProperty(exports, "CheckoutCustomerSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.CheckoutCustomerSchema; }
+  get: function () { return chunk3MBMIEWT_js.CheckoutCustomerSchema; }
 });
 Object.defineProperty(exports, "CheckoutResponseSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.CheckoutResponseSchema; }
+  get: function () { return chunk3MBMIEWT_js.CheckoutResponseSchema; }
 });
 Object.defineProperty(exports, "ChosenPriceSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.ChosenPriceSchema; }
+  get: function () { return chunk3MBMIEWT_js.ChosenPriceSchema; }
 });
 Object.defineProperty(exports, "CompositeResolvedSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.CompositeResolvedSchema; }
+  get: function () { return chunk3MBMIEWT_js.CompositeResolvedSchema; }
 });
 Object.defineProperty(exports, "CompositeSelectionInputSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.CompositeSelectionInputSchema; }
+  get: function () { return chunk3MBMIEWT_js.CompositeSelectionInputSchema; }
 });
 Object.defineProperty(exports, "CountryCodeSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.CountryCodeSchema; }
+  get: function () { return chunk3MBMIEWT_js.CountryCodeSchema; }
 });
 Object.defineProperty(exports, "CurrencyCodeSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.CurrencyCodeSchema; }
+  get: function () { return chunk3MBMIEWT_js.CurrencyCodeSchema; }
 });
 Object.defineProperty(exports, "CustomerInputValueSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.CustomerInputValueSchema; }
+  get: function () { return chunk3MBMIEWT_js.CustomerInputValueSchema; }
 });
 Object.defineProperty(exports, "DiscountDetailsSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.DiscountDetailsSchema; }
+  get: function () { return chunk3MBMIEWT_js.DiscountDetailsSchema; }
 });
 Object.defineProperty(exports, "IsoDateTimeSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.IsoDateTimeSchema; }
+  get: function () { return chunk3MBMIEWT_js.IsoDateTimeSchema; }
 });
 Object.defineProperty(exports, "LineTypeSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.LineTypeSchema; }
+  get: function () { return chunk3MBMIEWT_js.LineTypeSchema; }
 });
 Object.defineProperty(exports, "LocaleSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.LocaleSchema; }
+  get: function () { return chunk3MBMIEWT_js.LocaleSchema; }
 });
 Object.defineProperty(exports, "MoneyLooseSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.MoneyLooseSchema; }
+  get: function () { return chunk3MBMIEWT_js.MoneyLooseSchema; }
 });
 Object.defineProperty(exports, "MoneySchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.MoneySchema; }
+  get: function () { return chunk3MBMIEWT_js.MoneySchema; }
 });
 Object.defineProperty(exports, "NextActionSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.NextActionSchema; }
+  get: function () { return chunk3MBMIEWT_js.NextActionSchema; }
 });
 Object.defineProperty(exports, "PhoneE164Schema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.PhoneE164Schema; }
+  get: function () { return chunk3MBMIEWT_js.PhoneE164Schema; }
 });
 Object.defineProperty(exports, "ProductTypeSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.ProductTypeSchema; }
+  get: function () { return chunk3MBMIEWT_js.ProductTypeSchema; }
 });
 Object.defineProperty(exports, "SchemaViolationError", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.SchemaViolationError; }
+  get: function () { return chunk3MBMIEWT_js.SchemaViolationError; }
 });
 Object.defineProperty(exports, "SeedNameSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.SeedNameSchema; }
+  get: function () { return chunk3MBMIEWT_js.SeedNameSchema; }
 });
 Object.defineProperty(exports, "SelectedAddOnOptionSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.SelectedAddOnOptionSchema; }
+  get: function () { return chunk3MBMIEWT_js.SelectedAddOnOptionSchema; }
 });
 Object.defineProperty(exports, "ServiceStatusSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.ServiceStatusSchema; }
+  get: function () { return chunk3MBMIEWT_js.ServiceStatusSchema; }
 });
 Object.defineProperty(exports, "TimestampSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.TimestampSchema; }
+  get: function () { return chunk3MBMIEWT_js.TimestampSchema; }
 });
 Object.defineProperty(exports, "VariantDetailsSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.VariantDetailsSchema; }
+  get: function () { return chunk3MBMIEWT_js.VariantDetailsSchema; }
 });
 Object.defineProperty(exports, "VariantDisplayAttributeSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.VariantDisplayAttributeSchema; }
+  get: function () { return chunk3MBMIEWT_js.VariantDisplayAttributeSchema; }
 });
 Object.defineProperty(exports, "VariantInfoSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.VariantInfoSchema; }
+  get: function () { return chunk3MBMIEWT_js.VariantInfoSchema; }
 });
 Object.defineProperty(exports, "assertAddItemPayload", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.assertAddItemPayload; }
+  get: function () { return chunk3MBMIEWT_js.assertAddItemPayload; }
 });
 Object.defineProperty(exports, "assertBrand", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.assertBrand; }
+  get: function () { return chunk3MBMIEWT_js.assertBrand; }
 });
 Object.defineProperty(exports, "assertCart", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.assertCart; }
+  get: function () { return chunk3MBMIEWT_js.assertCart; }
 });
 Object.defineProperty(exports, "assertCartItem", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.assertCartItem; }
+  get: function () { return chunk3MBMIEWT_js.assertCartItem; }
 });
 Object.defineProperty(exports, "assertCheckoutBody", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.assertCheckoutBody; }
+  get: function () { return chunk3MBMIEWT_js.assertCheckoutBody; }
 });
 Object.defineProperty(exports, "assertCheckoutResponse", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.assertCheckoutResponse; }
+  get: function () { return chunk3MBMIEWT_js.assertCheckoutResponse; }
 });
 Object.defineProperty(exports, "cimplifyRegistry", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.cimplifyRegistry; }
+  get: function () { return chunk3MBMIEWT_js.cimplifyRegistry; }
 });
 Object.defineProperty(exports, "createTestClient", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.createTestClient; }
+  get: function () { return chunk3MBMIEWT_js.createTestClient; }
 });
 Object.defineProperty(exports, "fixtures", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.fixtures; }
+  get: function () { return chunk3MBMIEWT_js.fixtures; }
 });
 Object.defineProperty(exports, "makeAssertion", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.makeAssertion; }
+  get: function () { return chunk3MBMIEWT_js.makeAssertion; }
 });
 Object.defineProperty(exports, "registerSchema", {
   enumerable: true,
-  get: function () { return chunkJHJTXAPS_js.registerSchema; }
+  get: function () { return chunk3MBMIEWT_js.registerSchema; }
 });
 exports.exportJsonSchemas = exportJsonSchemas;
 exports.listRegisteredSchemas = listRegisteredSchemas;

package/dist/testing.mjs

@@ -1,8 +1,9 @@
-import { VariantInfoSchema, CheckoutResponseSchema, CheckoutBodySchema, CartPricingSchema, CartItemSchema, CartSchema, AddItemPayloadSchema, BrandSchema, cimplifyRegistry } from './chunk-M4ALCELT.mjs';
-export { AddItemPayloadSchema, AddOnDetailsSchema, AddOnGroupDetailsSchema, AddOnInDetailsSchema, AddOnOptionDetailsSchema, AuthorizationTypeSchema, BrandContactSchema, BrandFaqSchema, BrandHeroSchema, BrandNavLinkSchema, BrandPolicyPageSchema, BrandPolicySectionSchema, BrandSchema, BrandSocialSchema, BundleResolvedSchema, BundleSelectionInputSchema, CartItemSchema, CartPricingSchema, CartSchema, CheckoutBodySchema, CheckoutCustomerSchema, CheckoutResponseSchema, ChosenPriceSchema, CompositeResolvedSchema, CompositeSelectionInputSchema, CountryCodeSchema, CurrencyCodeSchema, CustomerInputValueSchema, DiscountDetailsSchema, IsoDateTimeSchema, LineTypeSchema, LocaleSchema, MoneyLooseSchema, MoneySchema, NextActionSchema, PhoneE164Schema, ProductTypeSchema, SchemaViolationError, SeedNameSchema, SelectedAddOnOptionSchema, ServiceStatusSchema, TimestampSchema, VariantDetailsSchema, VariantDisplayAttributeSchema, VariantInfoSchema, assertAddItemPayload, assertBrand, assertCart, assertCartItem, assertCheckoutBody, assertCheckoutResponse, cimplifyRegistry, createTestClient, fixtures, makeAssertion, registerSchema } from './chunk-M4ALCELT.mjs';
-import './chunk-APBLFZ2I.mjs';
-import './chunk-DENWOZEA.mjs';
-import './chunk-ZU4ZRYUR.mjs';
+import { VariantInfoSchema, CheckoutResponseSchema, CheckoutBodySchema, CartPricingSchema, CartItemSchema, CartSchema, AddItemPayloadSchema, BrandSchema, cimplifyRegistry } from './chunk-54H2YYIW.mjs';
+export { AddItemPayloadSchema, AddOnDetailsSchema, AddOnGroupDetailsSchema, AddOnInDetailsSchema, AddOnOptionDetailsSchema, AuthorizationTypeSchema, BrandContactSchema, BrandFaqSchema, BrandHeroSchema, BrandNavLinkSchema, BrandPolicyPageSchema, BrandPolicySectionSchema, BrandSchema, BrandSocialSchema, BundleResolvedSchema, BundleSelectionInputSchema, CartItemSchema, CartPricingSchema, CartSchema, CheckoutBodySchema, CheckoutCustomerSchema, CheckoutResponseSchema, ChosenPriceSchema, CompositeResolvedSchema, CompositeSelectionInputSchema, CountryCodeSchema, CurrencyCodeSchema, CustomerInputValueSchema, DiscountDetailsSchema, IsoDateTimeSchema, LineTypeSchema, LocaleSchema, MoneyLooseSchema, MoneySchema, NextActionSchema, PhoneE164Schema, ProductTypeSchema, SchemaViolationError, SeedNameSchema, SelectedAddOnOptionSchema, ServiceStatusSchema, TimestampSchema, VariantDetailsSchema, VariantDisplayAttributeSchema, VariantInfoSchema, assertAddItemPayload, assertBrand, assertCart, assertCartItem, assertCheckoutBody, assertCheckoutResponse, cimplifyRegistry, createTestClient, fixtures, makeAssertion, registerSchema } from './chunk-54H2YYIW.mjs';
+import './chunk-PYBFTMHI.mjs';
+import './chunk-U4MW6PYU.mjs';
+import './chunk-3XD2FVP4.mjs';
+import './chunk-T7LDBZZZ.mjs';
 import './chunk-KFLGQGMC.mjs';
 import './chunk-K5EN2W2Q.mjs';
 import './chunk-3G6RQLXK.mjs';

package/dist/utils.d.mts

@@ -1,5 +1,5 @@
-export { C as CURRENCY_SYMBOLS, M as MOBILE_MONEY_PROVIDERS, c as categorizePaymentError, d as detectMobileMoneyProvider, f as formatMoney, a as formatNumberCompact, b as formatPrice, e as formatPriceAdjustment, g as formatPriceCompact, i as formatPriceWithTax, j as formatProductPrice, k as getBasePrice, l as getCurrencySymbol, m as getDiscountPercentage, n as getDisplayPrice, o as getMarkupPercentage, q as getProductCurrency, r as getTaxAmount, t as hasTaxInfo, u as isOnSale, v as isPaymentStatusFailure, w as isPaymentStatusRequiresAction, x as isPaymentStatusSuccess, y as isTaxInclusive, z as isValidPhoneForContext, A as normalizePaymentResponse, B as normalizePhoneToE164, D as normalizeStatusResponse, E as parsePrice, F as resolvePhoneCountryCode } from './index-CmWOz9bi.mjs';
-import './product-BakHcsP2.mjs';
-import './price--Ma_WO5_.mjs';
-import './payment-Dcgb9n1n.mjs';
+export { C as CURRENCY_SYMBOLS, M as MOBILE_MONEY_PROVIDERS, c as categorizePaymentError, d as detectMobileMoneyProvider, f as formatMoney, a as formatNumberCompact, b as formatPrice, e as formatPriceAdjustment, g as formatPriceCompact, i as formatPriceWithTax, j as formatProductPrice, k as getBasePrice, l as getCurrencySymbol, m as getDiscountPercentage, n as getDisplayPrice, o as getMarkupPercentage, q as getProductCurrency, r as getTaxAmount, t as hasTaxInfo, u as isOnSale, v as isPaymentStatusFailure, w as isPaymentStatusRequiresAction, x as isPaymentStatusSuccess, y as isTaxInclusive, z as isValidPhoneForContext, A as normalizePaymentResponse, B as normalizePhoneToE164, D as normalizeStatusResponse, E as parsePrice, F as resolvePhoneCountryCode } from './index-CmIboQjl.mjs';
+import './product-bZ8G5Z8D.mjs';
+import './price-DleDWk_s.mjs';
+import './payment-BFtLqiG2.mjs';
 import 'libphonenumber-js';

package/dist/utils.d.ts

@@ -1,5 +1,5 @@
-export { C as CURRENCY_SYMBOLS, M as MOBILE_MONEY_PROVIDERS, c as categorizePaymentError, d as detectMobileMoneyProvider, f as formatMoney, a as formatNumberCompact, b as formatPrice, e as formatPriceAdjustment, g as formatPriceCompact, i as formatPriceWithTax, j as formatProductPrice, k as getBasePrice, l as getCurrencySymbol, m as getDiscountPercentage, n as getDisplayPrice, o as getMarkupPercentage, q as getProductCurrency, r as getTaxAmount, t as hasTaxInfo, u as isOnSale, v as isPaymentStatusFailure, w as isPaymentStatusRequiresAction, x as isPaymentStatusSuccess, y as isTaxInclusive, z as isValidPhoneForContext, A as normalizePaymentResponse, B as normalizePhoneToE164, D as normalizeStatusResponse, E as parsePrice, F as resolvePhoneCountryCode } from './index-Bc5qUxAt.js';
-import './product-BakHcsP2.js';
-import './price-DAAjKgAp.js';
-import './payment-Xq0WDZXh.js';
+export { C as CURRENCY_SYMBOLS, M as MOBILE_MONEY_PROVIDERS, c as categorizePaymentError, d as detectMobileMoneyProvider, f as formatMoney, a as formatNumberCompact, b as formatPrice, e as formatPriceAdjustment, g as formatPriceCompact, i as formatPriceWithTax, j as formatProductPrice, k as getBasePrice, l as getCurrencySymbol, m as getDiscountPercentage, n as getDisplayPrice, o as getMarkupPercentage, q as getProductCurrency, r as getTaxAmount, t as hasTaxInfo, u as isOnSale, v as isPaymentStatusFailure, w as isPaymentStatusRequiresAction, x as isPaymentStatusSuccess, y as isTaxInclusive, z as isValidPhoneForContext, A as normalizePaymentResponse, B as normalizePhoneToE164, D as normalizeStatusResponse, E as parsePrice, F as resolvePhoneCountryCode } from './index-DgoRwz8l.js';
+import './product-bZ8G5Z8D.js';
+import './price-DaFXT-Lr.js';
+import './payment-Cq8FT1B6.js';
 import 'libphonenumber-js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cimplify/sdk",
-  "version": "0.89.0",
+  "version": "0.92.0",
   "description": "Cimplify Commerce SDK for storefronts",
   "keywords": [
     "cimplify",
@@ -162,9 +162,12 @@
     "@base-ui/react": "^1.5.0",
     "clsx": "^2.1.1",
     "date-fns": "^4.4.0",
+    "dompurify": "3.4.10",
     "jose": "^6.2.3",
     "libphonenumber-js": "1.13.6",
+    "marked": "18.0.5",
     "react-day-picker": "^10.0.1",
+    "streamdown": "2.5.0",
     "tailwind-merge": "^3.6.0",
     "xss": "^1.0.15",
     "zod": "^4.4.3"

package/registry/booking-page.json

@@ -13,7 +13,7 @@
   "files": [
     {
       "path": "booking-page.tsx",
-      "content": "\"use client\";\n\nimport React, { useState, useCallback } from \"react\";\nimport type { Product } from \"@cimplify/sdk\";\nimport type { CurrencyCode } from \"@cimplify/sdk\";\nimport type { Service, Staff, AvailableSlot, CustomerBooking } from \"@cimplify/sdk\";\nimport type { Resource } from \"./resource-picker\";\nimport { useCart } from \"@cimplify/sdk/react\";\nimport { useCimplifyClient } from \"@cimplify/sdk/react\";\nimport { DateSlotPicker } from \"@cimplify/sdk/react\";\nimport { StaffPicker } from \"@cimplify/sdk/react\";\nimport { ResourcePicker } from \"./resource-picker\";\nimport { Price } from \"@cimplify/sdk/react\";\nimport { cn } from \"@cimplify/sdk/react\";\nimport { formatDuration } from \"./utils/format-duration\";\nimport { parsePrice } from \"@cimplify/sdk\";\n\nexport interface BookingPageClassNames {\n  root?: string;\n  header?: string;\n  title?: string;\n  serviceInfo?: string;\n  step?: string;\n  stepTitle?: string;\n  summary?: string;\n  summaryRow?: string;\n  confirmButton?: string;\n  backButton?: string;\n  error?: string;\n  rescheduleInfo?: string;\n  depositInfo?: string;\n  cancellationPolicy?: string;\n  resourceStep?: string;\n}\n\nexport interface BookingPageProps {\n  /** The service being booked. */\n  service: Service;\n  /** The underlying product (for deposit/cancellation fields). Falls back to service fields. */\n  product?: Product;\n  /** Optional staff list for staff selection step. */\n  staff?: Staff[];\n  /** Optional resources for resource selection step (rooms, equipment, etc.). */\n  resources?: Resource[];\n  /** Number of participants. */\n  participantCount?: number;\n  /** Page title. */\n  title?: string;\n  /** Called after successfully adding to cart. */\n  onBooked?: (slot: AvailableSlot, staffId: string | null) => void;\n  /** Called when user wants to go back. */\n  onBack?: () => void;\n  /** Existing booking for reschedule mode. */\n  existingBooking?: CustomerBooking;\n  /** Called after a successful reschedule. */\n  onRescheduled?: (booking: CustomerBooking, newSlot: AvailableSlot) => void;\n  /** Show price on slots. Default: true. */\n  showPrice?: boolean;\n  className?: string;\n  classNames?: BookingPageClassNames;\n}\n\nconst STEP = {\n  SELECT_SLOT: \"select-slot\",\n  SELECT_RESOURCE: \"select-resource\",\n  SELECT_STAFF: \"select-staff\",\n  CONFIRM: \"confirm\",\n} as const;\n\ntype BookingStep = (typeof STEP)[keyof typeof STEP];\n\nexport function BookingPage({\n  service,\n  product,\n  staff,\n  resources,\n  participantCount,\n  title,\n  onBooked,\n  onBack,\n  existingBooking,\n  onRescheduled,\n  showPrice = true,\n  className,\n  classNames,\n}: BookingPageProps): React.ReactElement {\n  const { addItem } = useCart();\n  const { client } = useCimplifyClient();\n\n  const currency = service.currency as CurrencyCode | undefined;\n\n  const isReschedule = existingBooking !== undefined;\n\n  const [step, setStep] = useState<BookingStep>(STEP.SELECT_SLOT);\n  const [selectedSlot, setSelectedSlot] = useState<AvailableSlot | null>(null);\n  const [selectedDate, setSelectedDate] = useState<string | null>(null);\n  const [selectedStaffId, setSelectedStaffId] = useState<string | null>(null);\n  const [selectedResourceId, setSelectedResourceId] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const hasResourceStep = resources && resources.length > 0;\n  const hasStaffStep = staff && staff.length > 0;\n\n  // Deposit info — prefer product fields, then fall back to service metadata\n  const depositType = product?.deposit_type;\n  const depositAmount = product?.deposit_amount;\n  const hasDeposit = depositType !== undefined && depositType !== \"none\" && depositAmount !== undefined && parsePrice(depositAmount) !== 0;\n\n  // Cancellation policy\n  const cancellationMinutes = product?.cancellation_window_minutes;\n  const noShowFee = product?.no_show_fee;\n\n  const handleSlotSelect = useCallback(\n    (slot: AvailableSlot, date: string) => {\n      setSelectedSlot(slot);\n      setSelectedDate(date);\n      setError(null);\n      if (hasResourceStep) {\n        setStep(STEP.SELECT_RESOURCE);\n      } else if (hasStaffStep) {\n        setStep(STEP.SELECT_STAFF);\n      } else {\n        setStep(STEP.CONFIRM);\n      }\n    },\n    [hasResourceStep, hasStaffStep],\n  );\n\n  const handleResourceSelect = useCallback(\n    (resourceId: string | null) => {\n      setSelectedResourceId(resourceId);\n      if (hasStaffStep) {\n        setStep(STEP.SELECT_STAFF);\n      } else {\n        setStep(STEP.CONFIRM);\n      }\n    },\n    [hasStaffStep],\n  );\n\n  const handleStaffSelect = useCallback((staffId: string | null) => {\n    setSelectedStaffId(staffId);\n    setStep(STEP.CONFIRM);\n  }, []);\n\n  const handleBack = useCallback(() => {\n    setError(null);\n    if (step === STEP.CONFIRM && hasStaffStep) {\n      setStep(STEP.SELECT_STAFF);\n    } else if (step === STEP.CONFIRM && hasResourceStep) {\n      setStep(STEP.SELECT_RESOURCE);\n    } else if (step === STEP.SELECT_STAFF && hasResourceStep) {\n      setStep(STEP.SELECT_RESOURCE);\n    } else if (step === STEP.CONFIRM || step === STEP.SELECT_STAFF || step === STEP.SELECT_RESOURCE) {\n      setStep(STEP.SELECT_SLOT);\n    } else {\n      onBack?.();\n    }\n  }, [step, hasStaffStep, hasResourceStep, onBack]);\n\n  const handleConfirm = useCallback(async () => {\n    if (!selectedSlot || !selectedDate) return;\n\n    setIsSubmitting(true);\n    setError(null);\n\n    try {\n      if (isReschedule && existingBooking) {\n        // Reschedule mode — call the scheduling API instead of adding to cart\n        const serviceItem = existingBooking.service_items[0];\n        const result = await client.scheduling.rescheduleBooking({\n          order_id: existingBooking.order_id,\n          line_item_id: serviceItem?.service_id ?? existingBooking.order_id,\n          new_start_time: selectedSlot.start_time,\n          new_end_time: selectedSlot.end_time,\n          new_staff_id: selectedStaffId || undefined,\n          reschedule_type: \"customer\",\n        });\n\n        if (!result.ok) {\n          throw result.error;\n        }\n\n        onRescheduled?.(existingBooking, selectedSlot);\n      } else {\n        // Normal booking mode — add to cart\n        const serviceProduct = {\n          id: service.product_id || service.id,\n          business_id: service.business_id || \"\",\n          category_id: service.category_id || undefined,\n          name: service.name,\n          slug: service.id,\n          description: service.description || undefined,\n          image_url: service.image_url || undefined,\n          default_price: (service.price || \"0\") as Product[\"default_price\"],\n          type: \"service\" as const,\n          inventory_type: \"none\" as const,\n          variant_strategy: \"fetch_all\" as const,\n          is_active: service.is_available,\n          created_at: new Date().toISOString(),\n          updated_at: new Date().toISOString(),\n        };\n\n        await addItem(serviceProduct, 1, {\n          scheduledStart: selectedSlot.start_time,\n          scheduledEnd: selectedSlot.end_time,\n          staffId: selectedStaffId || undefined,\n          resourceId: selectedResourceId || undefined,\n        });\n\n        onBooked?.(selectedSlot, selectedStaffId);\n      }\n    } catch (err) {\n      const fallbackMessage = isReschedule ? \"Failed to reschedule booking\" : \"Failed to add booking to cart\";\n      setError(err instanceof Error ? err.message : fallbackMessage);\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [selectedSlot, selectedDate, selectedStaffId, service, addItem, onBooked, isReschedule, existingBooking, client, onRescheduled]);\n\n  return (\n    <div data-cimplify-booking-page className={cn(className, classNames?.root)}>\n      <div data-cimplify-booking-page-header className={classNames?.header}>\n        {onBack && step === STEP.SELECT_SLOT && (\n          <button\n            type=\"button\"\n            onClick={onBack}\n            data-cimplify-booking-page-back\n            className={classNames?.backButton}\n          >\n            Back\n          </button>\n        )}\n        {step !== STEP.SELECT_SLOT && (\n          <button\n            type=\"button\"\n            onClick={handleBack}\n            data-cimplify-booking-page-back\n            className={classNames?.backButton}\n          >\n            Back\n          </button>\n        )}\n        <h1 data-cimplify-booking-page-title className={classNames?.title}>\n          {title || (isReschedule ? \"Reschedule Booking\" : `Book ${service.name}`)}\n        </h1>\n      </div>\n\n      {isReschedule && existingBooking && (\n        <div data-cimplify-booking-reschedule-info className={classNames?.rescheduleInfo}>\n          <span>Rescheduling booking from {new Date(existingBooking.service_items[0]?.scheduled_start ?? existingBooking.created_at).toLocaleDateString()}</span>\n        </div>\n      )}\n\n      <div data-cimplify-booking-service-info className={classNames?.serviceInfo}>\n        <span data-cimplify-booking-service-name>{service.name}</span>\n        <span data-cimplify-booking-service-duration>{formatDuration(service.duration_minutes, service.duration_unit)}</span>\n        {service.price && (\n          <span data-cimplify-booking-service-price>\n            <Price amount={service.price} currency={currency} />\n          </span>\n        )}\n        {hasDeposit && (\n          <span data-cimplify-booking-deposit-info className={classNames?.depositInfo}>\n            Deposit: {depositType === \"percentage\" ? `${parsePrice(depositAmount!)}%` : <Price amount={depositAmount!} currency={currency} />}\n          </span>\n        )}\n        {cancellationMinutes !== undefined && cancellationMinutes > 0 && (\n          <span data-cimplify-booking-cancellation-policy className={classNames?.cancellationPolicy}>\n            Free cancellation up to {cancellationMinutes >= 60 ? `${Math.floor(cancellationMinutes / 60)} hour${Math.floor(cancellationMinutes / 60) !== 1 ? \"s\" : \"\"}` : `${cancellationMinutes} minute${cancellationMinutes !== 1 ? \"s\" : \"\"}`} before\n          </span>\n        )}\n        {noShowFee !== undefined && parsePrice(noShowFee) !== 0 && (\n          <span data-cimplify-booking-no-show-fee className={classNames?.cancellationPolicy}>\n            No-show fee: <Price amount={noShowFee} currency={currency} />\n          </span>\n        )}\n      </div>\n\n      {error && (\n        <div data-cimplify-booking-error className={classNames?.error}>\n          {error}\n        </div>\n      )}\n\n      {step === STEP.SELECT_SLOT && (\n        <div data-cimplify-booking-step=\"select-slot\" className={classNames?.step}>\n          <h2 data-cimplify-booking-step-title className={classNames?.stepTitle}>\n            Select a date &amp; time\n          </h2>\n          <DateSlotPicker\n            serviceId={service.id}\n            participantCount={participantCount}\n            selectedSlot={selectedSlot}\n            onSlotSelect={handleSlotSelect}\n            showPrice={showPrice}\n            currency={currency}\n          />\n        </div>\n      )}\n\n      {step === STEP.SELECT_RESOURCE && resources && (\n        <div data-cimplify-booking-step=\"select-resource\" className={cn(classNames?.step, classNames?.resourceStep)}>\n          <h2 data-cimplify-booking-step-title className={classNames?.stepTitle}>\n            Choose a room\n          </h2>\n          <ResourcePicker\n            resources={resources}\n            selectedResourceId={selectedResourceId}\n            onResourceSelect={handleResourceSelect}\n          />\n        </div>\n      )}\n\n      {step === STEP.SELECT_STAFF && staff && (\n        <div data-cimplify-booking-step=\"select-staff\" className={classNames?.step}>\n          <h2 data-cimplify-booking-step-title className={classNames?.stepTitle}>\n            Choose a provider\n          </h2>\n          <StaffPicker\n            staff={staff}\n            selectedStaffId={selectedStaffId}\n            onStaffSelect={handleStaffSelect}\n          />\n        </div>\n      )}\n\n      {step === STEP.CONFIRM && selectedSlot && (\n        <div data-cimplify-booking-step=\"confirm\" className={classNames?.step}>\n          <h2 data-cimplify-booking-step-title className={classNames?.stepTitle}>\n            Confirm your booking\n          </h2>\n          <div data-cimplify-booking-summary className={classNames?.summary}>\n            <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n              <span>Service</span>\n              <span>{service.name}</span>\n            </div>\n            <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n              <span>Date</span>\n              <span>{selectedDate}</span>\n            </div>\n            <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n              <span>Time</span>\n              <span>\n                {new Date(selectedSlot.start_time).toLocaleTimeString(undefined, {\n                  hour: \"numeric\",\n                  minute: \"2-digit\",\n                })}\n              </span>\n            </div>\n            <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n              <span>Duration</span>\n              <span>{formatDuration(service.duration_minutes, service.duration_unit)}</span>\n            </div>\n            {selectedResourceId && resources && (\n              <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n                <span>Room</span>\n                <span>{resources.find((r) => r.id === selectedResourceId)?.name ?? \"Selected\"}</span>\n              </div>\n            )}\n            {selectedStaffId && staff && (\n              <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n                <span>Provider</span>\n                <span>{staff.find((s) => s.id === selectedStaffId)?.name ?? \"Selected\"}</span>\n              </div>\n            )}\n            {(selectedSlot.price || service.price) && (\n              <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n                <span>Price</span>\n                <span>\n                  <Price amount={selectedSlot.price || service.price!} currency={currency} />\n                </span>\n              </div>\n            )}\n            {hasDeposit && (\n              <div data-cimplify-booking-summary-row className={cn(classNames?.summaryRow, classNames?.depositInfo)}>\n                <span>Deposit</span>\n                <span>\n                  {depositType === \"percentage\" ? `${parsePrice(depositAmount!)}%` : <Price amount={depositAmount!} currency={currency} />}\n                </span>\n              </div>\n            )}\n          </div>\n          <button\n            type=\"button\"\n            onClick={handleConfirm}\n            disabled={isSubmitting}\n            data-cimplify-booking-confirm\n            className={classNames?.confirmButton}\n          >\n            {isSubmitting\n              ? (isReschedule ? \"Rescheduling…\" : \"Adding to cart…\")\n              : (isReschedule ? \"Reschedule\" : \"Confirm Booking\")}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"
+      "content": "\"use client\";\n\nimport React, { useState, useCallback } from \"react\";\nimport type { Product } from \"@cimplify/sdk\";\nimport type { CurrencyCode } from \"@cimplify/sdk\";\nimport type { Service, Staff, AvailableSlot, CustomerBooking } from \"@cimplify/sdk\";\nimport type { Resource } from \"./resource-picker\";\nimport { useCart } from \"@cimplify/sdk/react\";\nimport { useCimplifyClient } from \"@cimplify/sdk/react\";\nimport { DateSlotPicker } from \"@cimplify/sdk/react\";\nimport { StaffPicker } from \"@cimplify/sdk/react\";\nimport { ResourcePicker } from \"./resource-picker\";\nimport { Price } from \"@cimplify/sdk/react\";\nimport { cn } from \"@cimplify/sdk/react\";\nimport { formatDuration } from \"./utils/format-duration\";\nimport { parsePrice } from \"@cimplify/sdk\";\n\nexport interface BookingPageClassNames {\n  root?: string;\n  header?: string;\n  title?: string;\n  serviceInfo?: string;\n  step?: string;\n  stepTitle?: string;\n  summary?: string;\n  summaryRow?: string;\n  confirmButton?: string;\n  backButton?: string;\n  error?: string;\n  rescheduleInfo?: string;\n  depositInfo?: string;\n  cancellationPolicy?: string;\n  resourceStep?: string;\n}\n\nexport interface BookingPageProps {\n  /** The service being booked. */\n  service: Service;\n  /** The underlying product (for deposit/cancellation fields). Falls back to service fields. */\n  product?: Product;\n  /** Optional staff list for staff selection step. */\n  staff?: Staff[];\n  /** Optional resources for resource selection step (rooms, equipment, etc.). */\n  resources?: Resource[];\n  /** Number of participants. */\n  participantCount?: number;\n  /** Page title. */\n  title?: string;\n  /** Called after successfully adding to cart. */\n  onBooked?: (slot: AvailableSlot, staffId: string | null) => void;\n  /** Called when user wants to go back. */\n  onBack?: () => void;\n  /** Existing booking for reschedule mode. */\n  existingBooking?: CustomerBooking;\n  /** Called after a successful reschedule. */\n  onRescheduled?: (booking: CustomerBooking, newSlot: AvailableSlot) => void;\n  /** Show price on slots. Default: true. */\n  showPrice?: boolean;\n  className?: string;\n  classNames?: BookingPageClassNames;\n}\n\nconst STEP = {\n  SELECT_SLOT: \"select-slot\",\n  SELECT_RESOURCE: \"select-resource\",\n  SELECT_STAFF: \"select-staff\",\n  CONFIRM: \"confirm\",\n} as const;\n\ntype BookingStep = (typeof STEP)[keyof typeof STEP];\n\nexport function BookingPage({\n  service,\n  product,\n  staff,\n  resources,\n  participantCount,\n  title,\n  onBooked,\n  onBack,\n  existingBooking,\n  onRescheduled,\n  showPrice = true,\n  className,\n  classNames,\n}: BookingPageProps): React.ReactElement {\n  const { addItem } = useCart();\n  const { client } = useCimplifyClient();\n\n  const currency = service.currency as CurrencyCode | undefined;\n\n  const isReschedule = existingBooking !== undefined;\n\n  const [step, setStep] = useState<BookingStep>(STEP.SELECT_SLOT);\n  const [selectedSlot, setSelectedSlot] = useState<AvailableSlot | null>(null);\n  const [selectedDate, setSelectedDate] = useState<string | null>(null);\n  const [selectedStaffId, setSelectedStaffId] = useState<string | null>(null);\n  const [selectedResourceId, setSelectedResourceId] = useState<string | null>(null);\n  const [bookingUnits, setBookingUnits] = useState(1);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const hasResourceStep = resources && resources.length > 0;\n  const hasStaffStep = staff && staff.length > 0;\n\n  // Deposit info — prefer product fields, then fall back to service metadata\n  const depositType = product?.deposit_type;\n  const depositAmount = product?.deposit_amount;\n  const hasDeposit = depositType !== undefined && depositType !== \"none\" && depositAmount !== undefined && parsePrice(depositAmount) !== 0;\n\n  // Cancellation policy\n  const cancellationMinutes = product?.cancellation_window_minutes;\n  const noShowFee = product?.no_show_fee;\n\n  const handleSlotSelect = useCallback(\n    (slot: AvailableSlot, date: string) => {\n      setSelectedSlot(slot);\n      setSelectedDate(date);\n      setError(null);\n      if (hasResourceStep) {\n        setStep(STEP.SELECT_RESOURCE);\n      } else if (hasStaffStep) {\n        setStep(STEP.SELECT_STAFF);\n      } else {\n        setStep(STEP.CONFIRM);\n      }\n    },\n    [hasResourceStep, hasStaffStep],\n  );\n\n  const handleResourceSelect = useCallback(\n    (resourceId: string | null) => {\n      setSelectedResourceId(resourceId);\n      if (hasStaffStep) {\n        setStep(STEP.SELECT_STAFF);\n      } else {\n        setStep(STEP.CONFIRM);\n      }\n    },\n    [hasStaffStep],\n  );\n\n  const handleStaffSelect = useCallback((staffId: string | null) => {\n    setSelectedStaffId(staffId);\n    setStep(STEP.CONFIRM);\n  }, []);\n\n  const handleBack = useCallback(() => {\n    setError(null);\n    if (step === STEP.CONFIRM && hasStaffStep) {\n      setStep(STEP.SELECT_STAFF);\n    } else if (step === STEP.CONFIRM && hasResourceStep) {\n      setStep(STEP.SELECT_RESOURCE);\n    } else if (step === STEP.SELECT_STAFF && hasResourceStep) {\n      setStep(STEP.SELECT_RESOURCE);\n    } else if (step === STEP.CONFIRM || step === STEP.SELECT_STAFF || step === STEP.SELECT_RESOURCE) {\n      setStep(STEP.SELECT_SLOT);\n    } else {\n      onBack?.();\n    }\n  }, [step, hasStaffStep, hasResourceStep, onBack]);\n\n  const handleConfirm = useCallback(async () => {\n    if (!selectedSlot || !selectedDate) return;\n\n    setIsSubmitting(true);\n    setError(null);\n\n    try {\n      if (isReschedule && existingBooking) {\n        // Reschedule mode — call the scheduling API instead of adding to cart\n        const serviceItem = existingBooking.service_items[0];\n        const result = await client.scheduling.rescheduleBooking({\n          order_id: existingBooking.order_id,\n          line_item_id: serviceItem?.service_id ?? existingBooking.order_id,\n          new_start_time: selectedSlot.start_time,\n          new_end_time: selectedSlot.end_time,\n          new_staff_id: selectedStaffId || undefined,\n          reschedule_type: \"customer\",\n        });\n\n        if (!result.ok) {\n          throw result.error;\n        }\n\n        onRescheduled?.(existingBooking, selectedSlot);\n      } else {\n        // Normal booking mode — add to cart\n        const serviceProduct = {\n          id: service.product_id || service.id,\n          business_id: service.business_id || \"\",\n          category_id: service.category_id || undefined,\n          name: service.name,\n          slug: service.id,\n          description: service.description || undefined,\n          image_url: service.image_url || undefined,\n          default_price: (service.price || \"0\") as Product[\"default_price\"],\n          type: \"service\" as const,\n          inventory_type: \"none\" as const,\n          variant_strategy: \"fetch_all\" as const,\n          is_active: service.is_available,\n          created_at: new Date().toISOString(),\n          updated_at: new Date().toISOString(),\n        };\n\n        await addItem(serviceProduct, 1, {\n          scheduledStart: selectedSlot.start_time,\n          scheduledEnd: selectedSlot.end_time,\n          staffId: selectedStaffId || undefined,\n          resourceId: selectedResourceId || undefined,\n          units: bookingUnits > 1 ? bookingUnits : undefined,\n        });\n\n        onBooked?.(selectedSlot, selectedStaffId);\n      }\n    } catch (err) {\n      const fallbackMessage = isReschedule ? \"Failed to reschedule booking\" : \"Failed to add booking to cart\";\n      setError(err instanceof Error ? err.message : fallbackMessage);\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [selectedSlot, selectedDate, selectedStaffId, service, addItem, onBooked, isReschedule, existingBooking, client, onRescheduled]);\n\n  return (\n    <div data-cimplify-booking-page className={cn(className, classNames?.root)}>\n      <div data-cimplify-booking-page-header className={classNames?.header}>\n        {onBack && step === STEP.SELECT_SLOT && (\n          <button\n            type=\"button\"\n            onClick={onBack}\n            data-cimplify-booking-page-back\n            className={classNames?.backButton}\n          >\n            Back\n          </button>\n        )}\n        {step !== STEP.SELECT_SLOT && (\n          <button\n            type=\"button\"\n            onClick={handleBack}\n            data-cimplify-booking-page-back\n            className={classNames?.backButton}\n          >\n            Back\n          </button>\n        )}\n        <h1 data-cimplify-booking-page-title className={classNames?.title}>\n          {title || (isReschedule ? \"Reschedule Booking\" : `Book ${service.name}`)}\n        </h1>\n      </div>\n\n      {isReschedule && existingBooking && (\n        <div data-cimplify-booking-reschedule-info className={classNames?.rescheduleInfo}>\n          <span>Rescheduling booking from {new Date(existingBooking.service_items[0]?.scheduled_start ?? existingBooking.created_at).toLocaleDateString()}</span>\n        </div>\n      )}\n\n      <div data-cimplify-booking-service-info className={classNames?.serviceInfo}>\n        <span data-cimplify-booking-service-name>{service.name}</span>\n        <span data-cimplify-booking-service-duration>{formatDuration(service.duration_minutes, service.duration_unit)}</span>\n        {service.price && (\n          <span data-cimplify-booking-service-price>\n            <Price amount={service.price} currency={currency} />\n          </span>\n        )}\n        {hasDeposit && (\n          <span data-cimplify-booking-deposit-info className={classNames?.depositInfo}>\n            Deposit: {depositType === \"percentage\" ? `${parsePrice(depositAmount!)}%` : <Price amount={depositAmount!} currency={currency} />}\n          </span>\n        )}\n        {cancellationMinutes !== undefined && cancellationMinutes > 0 && (\n          <span data-cimplify-booking-cancellation-policy className={classNames?.cancellationPolicy}>\n            Free cancellation up to {cancellationMinutes >= 60 ? `${Math.floor(cancellationMinutes / 60)} hour${Math.floor(cancellationMinutes / 60) !== 1 ? \"s\" : \"\"}` : `${cancellationMinutes} minute${cancellationMinutes !== 1 ? \"s\" : \"\"}`} before\n          </span>\n        )}\n        {noShowFee !== undefined && parsePrice(noShowFee) !== 0 && (\n          <span data-cimplify-booking-no-show-fee className={classNames?.cancellationPolicy}>\n            No-show fee: <Price amount={noShowFee} currency={currency} />\n          </span>\n        )}\n      </div>\n\n      {error && (\n        <div data-cimplify-booking-error className={classNames?.error}>\n          {error}\n        </div>\n      )}\n\n      {step === STEP.SELECT_SLOT && (\n        <div data-cimplify-booking-step=\"select-slot\" className={classNames?.step}>\n          <h2 data-cimplify-booking-step-title className={classNames?.stepTitle}>\n            Select a date &amp; time\n          </h2>\n          <DateSlotPicker\n            serviceId={service.id}\n            participantCount={participantCount}\n            selectedSlot={selectedSlot}\n            onSlotSelect={handleSlotSelect}\n            showPrice={showPrice}\n            currency={currency}\n          />\n        </div>\n      )}\n\n      {step === STEP.SELECT_RESOURCE && resources && (\n        <div data-cimplify-booking-step=\"select-resource\" className={cn(classNames?.step, classNames?.resourceStep)}>\n          <h2 data-cimplify-booking-step-title className={classNames?.stepTitle}>\n            Choose a room\n          </h2>\n          <ResourcePicker\n            resources={resources}\n            selectedResourceId={selectedResourceId}\n            onResourceSelect={handleResourceSelect}\n          />\n        </div>\n      )}\n\n      {step === STEP.SELECT_STAFF && staff && (\n        <div data-cimplify-booking-step=\"select-staff\" className={classNames?.step}>\n          <h2 data-cimplify-booking-step-title className={classNames?.stepTitle}>\n            Choose a provider\n          </h2>\n          <StaffPicker\n            staff={staff}\n            selectedStaffId={selectedStaffId}\n            onStaffSelect={handleStaffSelect}\n          />\n        </div>\n      )}\n\n      {step === STEP.CONFIRM && selectedSlot && (\n        <div data-cimplify-booking-step=\"confirm\" className={classNames?.step}>\n          <h2 data-cimplify-booking-step-title className={classNames?.stepTitle}>\n            Confirm your booking\n          </h2>\n          <div data-cimplify-booking-units className={classNames?.summaryRow}>\n            <span>Units</span>\n            <div data-cimplify-booking-units-stepper>\n              <button\n                type=\"button\"\n                data-cimplify-booking-units-decrement\n                onClick={() => setBookingUnits((current) => Math.max(1, current - 1))}\n                disabled={bookingUnits <= 1}\n              >\n                −\n              </button>\n              <span data-cimplify-booking-units-value>{bookingUnits}</span>\n              <button\n                type=\"button\"\n                data-cimplify-booking-units-increment\n                onClick={() => setBookingUnits((current) => current + 1)}\n              >\n                +\n              </button>\n            </div>\n          </div>\n          <div data-cimplify-booking-summary className={classNames?.summary}>\n            <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n              <span>Service</span>\n              <span>{service.name}</span>\n            </div>\n            <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n              <span>Date</span>\n              <span>{selectedDate}</span>\n            </div>\n            <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n              <span>Time</span>\n              <span>\n                {new Date(selectedSlot.start_time).toLocaleTimeString(undefined, {\n                  hour: \"numeric\",\n                  minute: \"2-digit\",\n                })}\n              </span>\n            </div>\n            <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n              <span>Duration</span>\n              <span>{formatDuration(service.duration_minutes, service.duration_unit)}</span>\n            </div>\n            {selectedResourceId && resources && (\n              <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n                <span>Room</span>\n                <span>{resources.find((r) => r.id === selectedResourceId)?.name ?? \"Selected\"}</span>\n              </div>\n            )}\n            {selectedStaffId && staff && (\n              <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n                <span>Provider</span>\n                <span>{staff.find((s) => s.id === selectedStaffId)?.name ?? \"Selected\"}</span>\n              </div>\n            )}\n            {(selectedSlot.price || service.price) && (\n              <div data-cimplify-booking-summary-row className={classNames?.summaryRow}>\n                <span>Price</span>\n                <span>\n                  <Price amount={selectedSlot.price || service.price!} currency={currency} />\n                </span>\n              </div>\n            )}\n            {hasDeposit && (\n              <div data-cimplify-booking-summary-row className={cn(classNames?.summaryRow, classNames?.depositInfo)}>\n                <span>Deposit</span>\n                <span>\n                  {depositType === \"percentage\" ? `${parsePrice(depositAmount!)}%` : <Price amount={depositAmount!} currency={currency} />}\n                </span>\n              </div>\n            )}\n          </div>\n          <button\n            type=\"button\"\n            onClick={handleConfirm}\n            disabled={isSubmitting}\n            data-cimplify-booking-confirm\n            className={classNames?.confirmButton}\n          >\n            {isSubmitting\n              ? (isReschedule ? \"Rescheduling…\" : \"Adding to cart…\")\n              : (isReschedule ? \"Reschedule\" : \"Confirm Booking\")}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"
     }
   ]
 }