@cimplify/sdk 0.44.8 → 0.44.11

package/dist/mock/msw.js

@@ -3515,6 +3515,26 @@ function defaultPriceInfo(price, currency) {
 }
 
 // src/mock/domain/catalogue/product-shape.ts
+function withDisplayAttributes(v, registry) {
+  const axes = registry.variantAxes.list((a) => a.product_id === v.product_id);
+  const display_attributes = v.axis_value_ids.flatMap((valueId) => {
+    for (const axis of axes) {
+      const value = axis.values.find((vv) => vv.id === valueId);
+      if (value) {
+        return [
+          {
+            axis_id: axis.id,
+            axis_name: axis.name,
+            value_id: value.id,
+            value_name: value.name
+          }
+        ];
+      }
+    }
+    return [];
+  });
+  return { ...v, display_attributes };
+}
 function toCanonicalProductSummary(p) {
   return {
     id: p.id,
@@ -3608,7 +3628,7 @@ function toApiProduct(p, ctx) {
     // ─── Embedded relations (ProductWithDetails) ───
     category: registry.categories.get(p.category_ids[0]),
     add_ons: p.add_on_ids.map((aid) => registry.addOns.get(aid)).filter(Boolean),
-    variants: registry.variants.list((v) => v.product_id === p.id),
+    variants: registry.variants.list((v) => v.product_id === p.id).map((v) => withDisplayAttributes(v, registry)),
     variant_axes: registry.variantAxes.list((a) => a.product_id === p.id),
     // ─── Composite-specific (CompositeProductLayout reads product.groups) ───
     groups,
@@ -3725,7 +3745,20 @@ function buildBundleComponent(bundleId, productId, p) {
 function createCatalogueService(opts) {
   const { registry, clock, ids } = opts;
   const productsForBusiness = (businessId) => registry.products.list((p) => p.business_id === businessId);
-  const variantsForProduct = (productId) => registry.variants.list((v) => v.product_id === productId);
+  const variantsForProduct = (productId) => registry.variants.list((v) => v.product_id === productId).map(enrichVariant);
+  const enrichVariant = (v) => {
+    const axes = registry.variantAxes.list((a) => a.product_id === v.product_id);
+    const display_attributes = v.axis_value_ids.flatMap((valueId) => {
+      for (const axis of axes) {
+        const value = axis.values.find((vv) => vv.id === valueId);
+        if (value) {
+          return [{ axis_id: axis.id, axis_name: axis.name, value_id: value.id, value_name: value.name }];
+        }
+      }
+      return [];
+    });
+    return { ...v, display_attributes };
+  };
   const axesForProduct = (productId) => registry.variantAxes.list((a) => a.product_id === productId);
   const addOnLinksForProduct = (productId) => registry.productAddOns.list((l) => l.product_id === productId);
   const apiProduct = (p) => {
@@ -3801,7 +3834,7 @@ function createCatalogueService(opts) {
       if (!v || v.product_id !== productId) {
         throw notFound(`Variant ${variantId} not found on product ${productId}`);
       }
-      return v;
+      return enrichVariant(v);
     },
     findProductVariant(productId, properties) {
       const variants = variantsForProduct(productId);
@@ -4212,18 +4245,49 @@ function toUICart(registry, cart) {
       const variant = i.variant_id ? registry.variants.get(i.variant_id) : void 0;
       const cfg = i.configuration;
       const variantName = variant ? variantDisplayName(registry, variant) : "";
+      const variantDisplayAttributes = variant ? variant.axis_value_ids.flatMap((valueId) => {
+        for (const axis of registry.variantAxes.list((a) => a.product_id === variant.product_id)) {
+          const v = axis.values.find((vv) => vv.id === valueId);
+          if (v) return [{ axis_id: axis.id, axis_name: axis.name, value_id: v.id, value_name: v.name }];
+        }
+        return [];
+      }) : void 0;
       const baseName = product?.name ?? "Unknown product";
+      const isBundle = cfg.type === "bundle";
+      const isComposite = cfg.type === "composite";
       return {
         id: i.id,
         cart_id: i.cart_id,
         item_id: i.item_id,
         variant_id: i.variant_id,
         variant_name: variantName || void 0,
-        variant_info: variant ? { id: variant.id, name: variantName, sku: variant.sku, price_adjustment: variant.price_adjustment } : void 0,
+        variant_info: variant ? {
+          id: variant.id,
+          name: variantName,
+          sku: variant.sku,
+          price_adjustment: variant.price_adjustment,
+          display_attributes: variantDisplayAttributes,
+          images: variant.images
+        } : void 0,
+        variant_details: variant ? {
+          variant_id: variant.id,
+          sku: variant.sku,
+          properties: variant.axis_value_ids.reduce((acc, valueId) => {
+            for (const axis of registry.variantAxes.list((a) => a.product_id === variant.product_id)) {
+              const v = axis.values.find((vv) => vv.id === valueId);
+              if (v) acc[axis.name] = v.name;
+            }
+            return acc;
+          }, {})
+        } : void 0,
         quantity: i.quantity,
         line_key: i.line_key,
         line_type: cfg.type,
         name: baseName,
+        description: product?.description,
+        image_url: product?.image,
+        category_id: product?.category_ids?.[0],
+        category_name: product?.category_ids?.[0] ? registry.categories.get(product.category_ids[0])?.name : void 0,
         is_available: product?.is_available ?? true,
         base_price: i.price,
         add_ons_price: i.add_ons_price,
@@ -4235,7 +4299,26 @@ function toUICart(registry, cart) {
         add_on_details: cfg.add_ons ?? { selected_options: [], total_add_on_price: ZERO, add_ons: [] },
         add_on_options: cfg.add_ons?.selected_options ?? [],
         add_ons: cfg.add_ons?.add_ons ?? [],
+        // Service / scheduling
+        scheduled_start: i.scheduled_start,
+        scheduled_end: i.scheduled_end,
+        staff_id: i.staff_id,
+        resource_id: i.resource_id,
+        service_status: i.service_status,
+        confirmation_code: i.confirmation_code,
+        // Customization
+        special_instructions: i.special_instructions,
+        customer_inputs: i.customer_inputs,
+        // Bundle / composite resolved breakdowns
+        bundle_selections: isBundle ? cfg.input : void 0,
+        bundle_resolved: isBundle ? cfg.resolved : void 0,
+        composite_selections: isComposite ? cfg.input : void 0,
+        composite_resolved: isComposite ? cfg.resolved : void 0,
+        // Billing / discounts / metadata
+        billing_plan_id: i.billing_plan_id,
         applied_discount_ids: i.applied_discount_ids,
+        discount_details: void 0,
+        metadata: i.metadata,
         created_at: i.created_at,
         updated_at: i.updated_at
       };
@@ -4246,7 +4329,9 @@ function toUICart(registry, cart) {
       tax_amount: cart.tax_amount,
       service_charge: cart.service_charge,
       total_price: cart.total_price,
-      currency: cart.currency
+      currency: cart.currency,
+      tax_rate: cart.tax_rate,
+      service_charge_rate: cart.service_charge_rate
     },
     customer_info: {
       name: cart.customer_name,
@@ -4432,6 +4517,7 @@ function createCartService(opts) {
         existing.quantity += body.quantity;
         existing.updated_at = clock.iso();
       } else {
+        const isService = product.product_type === "service";
         const item = {
           id: ids.cartItem(),
           cart_id: cart.id,
@@ -4444,6 +4530,15 @@ function createCartService(opts) {
           configuration,
           applied_discount_ids: [],
           item_discount_amount: ZERO2,
+          scheduled_start: body.scheduled_start,
+          scheduled_end: body.scheduled_end,
+          staff_id: body.staff_id,
+          resource_id: body.resource_id,
+          service_status: isService && body.scheduled_start ? "pending" : void 0,
+          special_instructions: body.special_instructions,
+          customer_inputs: body.customer_inputs,
+          billing_plan_id: body.billing_plan_id,
+          metadata: body.metadata,
           created_at: clock.iso(),
           updated_at: clock.iso()
         };

package/dist/mock/msw.mjs

@@ -3513,6 +3513,26 @@ function defaultPriceInfo(price, currency) {
 }
 
 // src/mock/domain/catalogue/product-shape.ts
+function withDisplayAttributes(v, registry) {
+  const axes = registry.variantAxes.list((a) => a.product_id === v.product_id);
+  const display_attributes = v.axis_value_ids.flatMap((valueId) => {
+    for (const axis of axes) {
+      const value = axis.values.find((vv) => vv.id === valueId);
+      if (value) {
+        return [
+          {
+            axis_id: axis.id,
+            axis_name: axis.name,
+            value_id: value.id,
+            value_name: value.name
+          }
+        ];
+      }
+    }
+    return [];
+  });
+  return { ...v, display_attributes };
+}
 function toCanonicalProductSummary(p) {
   return {
     id: p.id,
@@ -3606,7 +3626,7 @@ function toApiProduct(p, ctx) {
     // ─── Embedded relations (ProductWithDetails) ───
     category: registry.categories.get(p.category_ids[0]),
     add_ons: p.add_on_ids.map((aid) => registry.addOns.get(aid)).filter(Boolean),
-    variants: registry.variants.list((v) => v.product_id === p.id),
+    variants: registry.variants.list((v) => v.product_id === p.id).map((v) => withDisplayAttributes(v, registry)),
     variant_axes: registry.variantAxes.list((a) => a.product_id === p.id),
     // ─── Composite-specific (CompositeProductLayout reads product.groups) ───
     groups,
@@ -3723,7 +3743,20 @@ function buildBundleComponent(bundleId, productId, p) {
 function createCatalogueService(opts) {
   const { registry, clock, ids } = opts;
   const productsForBusiness = (businessId) => registry.products.list((p) => p.business_id === businessId);
-  const variantsForProduct = (productId) => registry.variants.list((v) => v.product_id === productId);
+  const variantsForProduct = (productId) => registry.variants.list((v) => v.product_id === productId).map(enrichVariant);
+  const enrichVariant = (v) => {
+    const axes = registry.variantAxes.list((a) => a.product_id === v.product_id);
+    const display_attributes = v.axis_value_ids.flatMap((valueId) => {
+      for (const axis of axes) {
+        const value = axis.values.find((vv) => vv.id === valueId);
+        if (value) {
+          return [{ axis_id: axis.id, axis_name: axis.name, value_id: value.id, value_name: value.name }];
+        }
+      }
+      return [];
+    });
+    return { ...v, display_attributes };
+  };
   const axesForProduct = (productId) => registry.variantAxes.list((a) => a.product_id === productId);
   const addOnLinksForProduct = (productId) => registry.productAddOns.list((l) => l.product_id === productId);
   const apiProduct = (p) => {
@@ -3799,7 +3832,7 @@ function createCatalogueService(opts) {
       if (!v || v.product_id !== productId) {
         throw notFound(`Variant ${variantId} not found on product ${productId}`);
       }
-      return v;
+      return enrichVariant(v);
     },
     findProductVariant(productId, properties) {
       const variants = variantsForProduct(productId);
@@ -4210,18 +4243,49 @@ function toUICart(registry, cart) {
       const variant = i.variant_id ? registry.variants.get(i.variant_id) : void 0;
       const cfg = i.configuration;
       const variantName = variant ? variantDisplayName(registry, variant) : "";
+      const variantDisplayAttributes = variant ? variant.axis_value_ids.flatMap((valueId) => {
+        for (const axis of registry.variantAxes.list((a) => a.product_id === variant.product_id)) {
+          const v = axis.values.find((vv) => vv.id === valueId);
+          if (v) return [{ axis_id: axis.id, axis_name: axis.name, value_id: v.id, value_name: v.name }];
+        }
+        return [];
+      }) : void 0;
       const baseName = product?.name ?? "Unknown product";
+      const isBundle = cfg.type === "bundle";
+      const isComposite = cfg.type === "composite";
       return {
         id: i.id,
         cart_id: i.cart_id,
         item_id: i.item_id,
         variant_id: i.variant_id,
         variant_name: variantName || void 0,
-        variant_info: variant ? { id: variant.id, name: variantName, sku: variant.sku, price_adjustment: variant.price_adjustment } : void 0,
+        variant_info: variant ? {
+          id: variant.id,
+          name: variantName,
+          sku: variant.sku,
+          price_adjustment: variant.price_adjustment,
+          display_attributes: variantDisplayAttributes,
+          images: variant.images
+        } : void 0,
+        variant_details: variant ? {
+          variant_id: variant.id,
+          sku: variant.sku,
+          properties: variant.axis_value_ids.reduce((acc, valueId) => {
+            for (const axis of registry.variantAxes.list((a) => a.product_id === variant.product_id)) {
+              const v = axis.values.find((vv) => vv.id === valueId);
+              if (v) acc[axis.name] = v.name;
+            }
+            return acc;
+          }, {})
+        } : void 0,
         quantity: i.quantity,
         line_key: i.line_key,
         line_type: cfg.type,
         name: baseName,
+        description: product?.description,
+        image_url: product?.image,
+        category_id: product?.category_ids?.[0],
+        category_name: product?.category_ids?.[0] ? registry.categories.get(product.category_ids[0])?.name : void 0,
         is_available: product?.is_available ?? true,
         base_price: i.price,
         add_ons_price: i.add_ons_price,
@@ -4233,7 +4297,26 @@ function toUICart(registry, cart) {
         add_on_details: cfg.add_ons ?? { selected_options: [], total_add_on_price: ZERO, add_ons: [] },
         add_on_options: cfg.add_ons?.selected_options ?? [],
         add_ons: cfg.add_ons?.add_ons ?? [],
+        // Service / scheduling
+        scheduled_start: i.scheduled_start,
+        scheduled_end: i.scheduled_end,
+        staff_id: i.staff_id,
+        resource_id: i.resource_id,
+        service_status: i.service_status,
+        confirmation_code: i.confirmation_code,
+        // Customization
+        special_instructions: i.special_instructions,
+        customer_inputs: i.customer_inputs,
+        // Bundle / composite resolved breakdowns
+        bundle_selections: isBundle ? cfg.input : void 0,
+        bundle_resolved: isBundle ? cfg.resolved : void 0,
+        composite_selections: isComposite ? cfg.input : void 0,
+        composite_resolved: isComposite ? cfg.resolved : void 0,
+        // Billing / discounts / metadata
+        billing_plan_id: i.billing_plan_id,
         applied_discount_ids: i.applied_discount_ids,
+        discount_details: void 0,
+        metadata: i.metadata,
         created_at: i.created_at,
         updated_at: i.updated_at
       };
@@ -4244,7 +4327,9 @@ function toUICart(registry, cart) {
       tax_amount: cart.tax_amount,
       service_charge: cart.service_charge,
       total_price: cart.total_price,
-      currency: cart.currency
+      currency: cart.currency,
+      tax_rate: cart.tax_rate,
+      service_charge_rate: cart.service_charge_rate
     },
     customer_info: {
       name: cart.customer_name,
@@ -4430,6 +4515,7 @@ function createCartService(opts) {
         existing.quantity += body.quantity;
         existing.updated_at = clock.iso();
       } else {
+        const isService = product.product_type === "service";
         const item = {
           id: ids.cartItem(),
           cart_id: cart.id,
@@ -4442,6 +4528,15 @@ function createCartService(opts) {
           configuration,
           applied_discount_ids: [],
           item_discount_amount: ZERO2,
+          scheduled_start: body.scheduled_start,
+          scheduled_end: body.scheduled_end,
+          staff_id: body.staff_id,
+          resource_id: body.resource_id,
+          service_status: isService && body.scheduled_start ? "pending" : void 0,
+          special_instructions: body.special_instructions,
+          customer_inputs: body.customer_inputs,
+          billing_plan_id: body.billing_plan_id,
+          metadata: body.metadata,
           created_at: clock.iso(),
           updated_at: clock.iso()
         };

package/dist/react.d.mts

@@ -1025,6 +1025,10 @@ interface CartSummaryProps {
     onItemRemove?: (itemId: string) => void;
     onQuantityChange?: (itemId: string, quantity: number) => void;
     emptyMessage?: string;
+    /** Render the totals block (subtotal/tax/total) below the items. Default true. Hosts that show their own totals (drawer, page sidebar) should pass false. */
+    showTotals?: boolean;
+    /** Render the "Proceed to Checkout" button. Defaults to true if `onCheckout` is provided. */
+    showCheckoutButton?: boolean;
     className?: string;
     classNames?: CartSummaryClassNames;
 }
@@ -1034,7 +1038,7 @@ interface CartSummaryProps {
  * NOT a drawer or modal — just the cart content. Templates wrap this in
  * their own drawer/modal shell with animations.
  */
-declare function CartSummary({ cart: serverCart, onCheckout, onItemRemove, onQuantityChange, emptyMessage, className, classNames, }: CartSummaryProps): React$1.ReactElement;
+declare function CartSummary({ cart: serverCart, onCheckout, onItemRemove, onQuantityChange, emptyMessage, showTotals, showCheckoutButton, className, classNames, }: CartSummaryProps): React$1.ReactElement;
 
 interface AvailabilityBadgeClassNames {
     root?: string;
@@ -2036,14 +2040,18 @@ declare function CartDrawerProvider({ children, openOnAdd }: ProviderProps): Rea
 interface CartDrawerProps {
     /** Called when "Checkout" is clicked. Drawer auto-closes first. */
     onCheckout?: () => void;
-    /** Called when "Continue Shopping" is clicked. Defaults to closing the drawer. */
+    /** Called when "Continue Shopping" is clicked. Defaults to closing. */
     onContinueShopping?: () => void;
-    /** Heading shown at the top of the drawer. */
+    /** Called when the empty state's CTA is clicked. */
+    onShop?: () => void;
+    /** Heading. */
     title?: string;
-    /** Custom class on the root panel. */
+    /** Free-shipping threshold (in business currency, numeric). 0 disables the progress bar. */
+    freeShippingThreshold?: number;
+    /** Custom class on the panel. */
     className?: string;
 }
-declare function CartDrawer({ onCheckout, onContinueShopping, title, className, }: CartDrawerProps): React$1.ReactElement | null;
+declare function CartDrawer({ onCheckout, onContinueShopping, onShop, title, freeShippingThreshold, className, }: CartDrawerProps): React$1.ReactElement;
 
 interface CheckoutPageClassNames {
     root?: string;

package/dist/react.d.ts

@@ -1025,6 +1025,10 @@ interface CartSummaryProps {
     onItemRemove?: (itemId: string) => void;
     onQuantityChange?: (itemId: string, quantity: number) => void;
     emptyMessage?: string;
+    /** Render the totals block (subtotal/tax/total) below the items. Default true. Hosts that show their own totals (drawer, page sidebar) should pass false. */
+    showTotals?: boolean;
+    /** Render the "Proceed to Checkout" button. Defaults to true if `onCheckout` is provided. */
+    showCheckoutButton?: boolean;
     className?: string;
     classNames?: CartSummaryClassNames;
 }
@@ -1034,7 +1038,7 @@ interface CartSummaryProps {
  * NOT a drawer or modal — just the cart content. Templates wrap this in
  * their own drawer/modal shell with animations.
  */
-declare function CartSummary({ cart: serverCart, onCheckout, onItemRemove, onQuantityChange, emptyMessage, className, classNames, }: CartSummaryProps): React$1.ReactElement;
+declare function CartSummary({ cart: serverCart, onCheckout, onItemRemove, onQuantityChange, emptyMessage, showTotals, showCheckoutButton, className, classNames, }: CartSummaryProps): React$1.ReactElement;
 
 interface AvailabilityBadgeClassNames {
     root?: string;
@@ -2036,14 +2040,18 @@ declare function CartDrawerProvider({ children, openOnAdd }: ProviderProps): Rea
 interface CartDrawerProps {
     /** Called when "Checkout" is clicked. Drawer auto-closes first. */
     onCheckout?: () => void;
-    /** Called when "Continue Shopping" is clicked. Defaults to closing the drawer. */
+    /** Called when "Continue Shopping" is clicked. Defaults to closing. */
     onContinueShopping?: () => void;
-    /** Heading shown at the top of the drawer. */
+    /** Called when the empty state's CTA is clicked. */
+    onShop?: () => void;
+    /** Heading. */
     title?: string;
-    /** Custom class on the root panel. */
+    /** Free-shipping threshold (in business currency, numeric). 0 disables the progress bar. */
+    freeShippingThreshold?: number;
+    /** Custom class on the panel. */
     className?: string;
 }
-declare function CartDrawer({ onCheckout, onContinueShopping, title, className, }: CartDrawerProps): React$1.ReactElement | null;
+declare function CartDrawer({ onCheckout, onContinueShopping, onShop, title, freeShippingThreshold, className, }: CartDrawerProps): React$1.ReactElement;
 
 interface CheckoutPageClassNames {
     root?: string;