@cimplify/sdk 0.38.3 → 0.38.4

package/dist/mock/msw.mjs

@@ -3535,7 +3535,9 @@ function toCanonicalProductSummary(p) {
   };
 }
 function deriveRenderHint(p) {
+  if (p.render_hint) return p.render_hint;
   if (p.product_type === "service") return "general";
+  if (p.product_type === "digital") return "general";
   const foodish = (p.tags ?? []).some(
     (t) => /food|drink|cake|bread|pastry|dessert|coffee|tea|juice|spice/i.test(t)
   );
@@ -3563,6 +3565,12 @@ function toApiProduct(p, ctx) {
     tags: p.tags ?? [],
     calories: p.calories,
     allergies: p.allergies ?? [],
+    display_mode: p.display_mode,
+    digital_product_type: p.digital_product_type,
+    quantity_pricing: p.quantity_pricing,
+    duration_unit: p.duration_unit,
+    duration_minutes: p.duration_minutes,
+    billing_plans: p.billing_plans,
     created_at: p.created_at,
     updated_at: p.updated_at,
     metadata: {
@@ -5053,6 +5061,21 @@ function makeProduct(input, categoryIds) {
     pairings: input.pairings ?? [],
     is_signature: input.isSignature ?? false,
     is_new: input.isNew ?? false,
+    render_hint: input.renderHint,
+    display_mode: input.displayMode,
+    digital_product_type: input.digitalProductType,
+    quantity_pricing: input.quantityPricing,
+    duration_unit: input.durationUnit,
+    duration_minutes: input.durationMinutes,
+    billing_plans: input.billingPlans?.map((b) => ({
+      id: b.id,
+      name: b.name,
+      interval: b.interval,
+      interval_count: b.interval_count,
+      price: b.price,
+      currency: b.currency ?? "GHS",
+      trial_period_days: b.trial_period_days
+    })),
     created_at: ISO,
     updated_at: ISO
   };
@@ -5093,7 +5116,9 @@ function seedDefault(registry) {
     { slug: "pastries", name: "Pastries", description: "Hand-laminated croissants, danishes, brownies." },
     { slug: "cakes", name: "Cakes", description: "Slices and made-to-order showstoppers." },
     { slug: "drinks", name: "Drinks", description: "Locally roasted coffee, brewed teas, fresh juice." },
-    { slug: "boxes", name: "Boxes & Bundles", description: "Curated boxes for sharing." }
+    { slug: "boxes", name: "Boxes & Bundles", description: "Curated boxes for sharing." },
+    { slug: "merch", name: "Merch & More", description: "Branded goods, wholesale flour, downloadable recipes, gift cards." },
+    { slug: "classes", name: "Classes & Stays", description: "Hands-on baking classes, kitchen rentals, monthly bread subscriptions." }
   ];
   const catIds = /* @__PURE__ */ new Map();
   for (const c of categoryDefs) {
@@ -5407,6 +5432,154 @@ function seedDefault(registry) {
       imageUrl: img("1486427944299-d1955d23e34d"),
       tags: ["composite", "build-your-own", "gift"],
       productType: "composite"
+    },
+    // ── Merch (Retail card — render_hint=physical) ──
+    {
+      id: "prod_apron",
+      name: "Akua's Bakery Apron",
+      slug: "apron",
+      price: "85.00",
+      description: "Heavy-weight cotton-canvas apron with leather neck strap, embroidered logo, and two front pockets. Made in Accra.",
+      category: "merch",
+      imageUrl: img("1556905055-8f358a7a47b2"),
+      tags: ["merch", "physical"],
+      renderHint: "physical"
+    },
+    {
+      id: "prod_tote",
+      name: "Bakery Tote Bag",
+      slug: "tote-bag",
+      price: "35.00",
+      description: "12oz natural canvas tote, screen-printed with our wheat-stalk crest. Roomy enough for two loaves.",
+      category: "merch",
+      imageUrl: img("1591561954557-26941169b49e"),
+      tags: ["merch", "physical", "gift"],
+      renderHint: "physical",
+      isNew: true
+    },
+    // ── Wholesale (Wholesale card — quantity_pricing tiers) ──
+    {
+      id: "prod_flour-wholesale",
+      name: "Heritage Flour \u2014 25kg Sack",
+      slug: "flour-25kg",
+      price: "320.00",
+      description: "Stone-milled heritage wheat flour, the same we use in our country sourdough. Tiered pricing for caf\xE9s, restaurants, and home-baking co-ops.",
+      category: "merch",
+      imageUrl: img("1568254183919-78a4f43a2877"),
+      tags: ["wholesale", "physical", "trade"],
+      renderHint: "physical",
+      quantityPricing: [
+        { min_quantity: 1, unit_price: "320.00" },
+        { min_quantity: 5, unit_price: "295.00" },
+        { min_quantity: 10, unit_price: "270.00" },
+        { min_quantity: 25, unit_price: "245.00" }
+      ]
+    },
+    // ── Digital products (Digital card — type=digital) ──
+    {
+      id: "prod_recipe-ebook",
+      name: "Sourdough Starter eBook",
+      slug: "sourdough-ebook",
+      price: "45.00",
+      description: "PDF + EPUB walkthrough of our sourdough programme \u2014 starter, levain, autolyse, bulk fermentation, shaping, scoring. Lifetime updates.",
+      category: "merch",
+      imageUrl: img("1543002588-bfa74002ed7e"),
+      tags: ["digital", "download"],
+      productType: "digital",
+      digitalProductType: "download"
+    },
+    {
+      id: "prod_gift-card",
+      name: "Bakery Gift Card",
+      slug: "gift-card",
+      price: "100.00",
+      description: "Send instantly. Redeemable in-store and online toward any product. Choose any amount from GH\u20B550 upward.",
+      category: "merch",
+      imageUrl: img("1556905055-8f358a7a47b2"),
+      tags: ["digital", "gift"],
+      productType: "digital",
+      digitalProductType: "gift_code",
+      isSignature: true
+    },
+    // ── Services (Standard service card — type=service + duration_minutes) ──
+    {
+      id: "prod_baking-class",
+      name: "Sourdough Baking Class",
+      slug: "baking-class",
+      price: "320.00",
+      description: "Two-hour hands-on class: shape your own boule, score it, and take home a baked loaf and a starter jar. Held Saturdays, 10am\u201312pm.",
+      category: "classes",
+      imageUrl: img("1556909114-44e3e9399a2e"),
+      tags: ["class", "service", "hands-on"],
+      productType: "service",
+      durationMinutes: 120
+    },
+    {
+      id: "prod_pastry-workshop",
+      name: "Lamination Workshop",
+      slug: "pastry-workshop",
+      price: "480.00",
+      description: "Three-hour deep-dive on laminated dough. We cover croissants, danishes, kouign-amann. Aprons supplied; pastries to take home.",
+      category: "classes",
+      imageUrl: img("1517433367423-c7e5b0f35086"),
+      tags: ["class", "service", "advanced"],
+      productType: "service",
+      durationMinutes: 180,
+      isNew: true
+    },
+    // ── Rental service (Rental card — duration_unit=hours) ──
+    {
+      id: "prod_kitchen-rental",
+      name: "Pro Kitchen Rental",
+      slug: "kitchen-rental",
+      price: "180.00",
+      description: "Rent our commercial bakery after hours. Deck oven, retarder-proofer, mixers, scales \u2014 bring your team or shoot your content. Hourly.",
+      category: "classes",
+      imageUrl: img("1556909114-44e3e9399a2e"),
+      tags: ["rental", "service", "commercial"],
+      productType: "service",
+      durationUnit: "hours"
+    },
+    // ── Accommodation (Accommodation card — duration_unit=nights) ──
+    {
+      id: "prod_loft-stay",
+      name: "Bakery Loft \u2014 Weekend Stay",
+      slug: "loft-stay",
+      price: "650.00",
+      description: "One-bedroom loft above the bakery. Wakes up to fresh croissants, ends with a private dinner. Ghana Tourism-licensed. Per night.",
+      category: "classes",
+      imageUrl: img("1564013799919-ab600027ffc6"),
+      tags: ["stay", "service", "premium"],
+      productType: "service",
+      durationUnit: "nights"
+    },
+    // ── Subscription (Subscription card — billing_plans, no duration_minutes) ──
+    {
+      id: "prod_loaf-subscription",
+      name: "Weekly Loaf Subscription",
+      slug: "loaf-subscription",
+      price: "0.00",
+      description: "A fresh loaf delivered to your door every week. Pause or skip any time. Choose monthly or quarterly billing for a discount.",
+      category: "classes",
+      imageUrl: img("1509440159596-0249088772ff"),
+      tags: ["subscription", "service", "delivery"],
+      productType: "service",
+      billingPlans: [
+        {
+          id: "plan_loaf_monthly",
+          name: "Monthly",
+          interval: "month",
+          interval_count: 1,
+          price: "90.00"
+        },
+        {
+          id: "plan_loaf_quarterly",
+          name: "Quarterly (save 10%)",
+          interval: "month",
+          interval_count: 3,
+          price: "243.00"
+        }
+      ]
     }
   ];
   for (const input of productInputs) {

package/dist/react.js

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkZYACIPKO_js = require('./chunk-ZYACIPKO.js');
-var chunkHKVRUGM6_js = require('./chunk-HKVRUGM6.js');
+var chunk5VHKZTFJ_js = require('./chunk-5VHKZTFJ.js');
+var chunkBAWKQRIB_js = require('./chunk-BAWKQRIB.js');
 var chunkV2O5AO7I_js = require('./chunk-V2O5AO7I.js');
 var React10 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -1151,7 +1151,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunkZYACIPKO_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunk5VHKZTFJ_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -3657,19 +3657,19 @@ function AuthElement({
   }, [onReady, onAuthenticated, onRequiresOtp, onError]);
   React10.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkHKVRUGM6_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunkBAWKQRIB_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunkHKVRUGM6_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkBAWKQRIB_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkHKVRUGM6_js.EVENT_TYPES.AUTHENTICATED,
+      chunkBAWKQRIB_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunkHKVRUGM6_js.EVENT_TYPES.REQUIRES_OTP,
+      chunkBAWKQRIB_js.EVENT_TYPES.REQUIRES_OTP,
       (data) => onRequiresOtpRef.current?.(data)
     );
     element.on(
-      chunkHKVRUGM6_js.EVENT_TYPES.ERROR,
+      chunkBAWKQRIB_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -3698,15 +3698,15 @@ function AddressElement({
   }, [onReady, onChange, onError]);
   React10.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkHKVRUGM6_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunkBAWKQRIB_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunkHKVRUGM6_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkBAWKQRIB_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkHKVRUGM6_js.EVENT_TYPES.CHANGE,
+      chunkBAWKQRIB_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkHKVRUGM6_js.EVENT_TYPES.ERROR,
+      chunkBAWKQRIB_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -3736,15 +3736,15 @@ function PaymentElement({
   }, [onReady, onChange, onError]);
   React10.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkHKVRUGM6_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunkBAWKQRIB_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunkHKVRUGM6_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkBAWKQRIB_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkHKVRUGM6_js.EVENT_TYPES.CHANGE,
+      chunkBAWKQRIB_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkHKVRUGM6_js.EVENT_TYPES.ERROR,
+      chunkBAWKQRIB_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -4004,7 +4004,7 @@ function VariantSelector({
                   {
                     "data-cimplify-variant-name": true,
                     className: cn("flex-1 min-w-0 text-sm", classNames?.name),
-                    children: chunkZYACIPKO_js.getVariantDisplayName(variant, productName)
+                    children: chunk5VHKZTFJ_js.getVariantDisplayName(variant, productName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-variant-pricing": true, className: cn("text-sm text-muted-foreground", classNames?.pricing), children: [
@@ -5221,12 +5221,12 @@ function FieldInput({
     classNames?.input
   );
   switch (field.field_type) {
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Text:
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Url:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Text:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Url:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          type: field.field_type === chunkZYACIPKO_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
+          type: field.field_type === chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
           value: typeof value === "string" ? value : "",
           onChange: (e) => onValueChange(e.target.value),
           placeholder: field.placeholder,
@@ -5235,7 +5235,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Textarea:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Textarea:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "textarea",
         {
@@ -5248,7 +5248,7 @@ function FieldInput({
           className: cn(inputClass, "resize-none", classNames?.textarea)
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Number:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Number:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -5262,7 +5262,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Select:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Select:
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "select",
         {
@@ -5276,7 +5276,7 @@ function FieldInput({
           ]
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Radio:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Radio:
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", classNames?.radioGroup), children: (field.options || []).map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
         "label",
         {
@@ -5301,7 +5301,7 @@ function FieldInput({
         },
         opt
       )) });
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Checkbox:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Checkbox:
       return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cn("flex items-center gap-2 text-sm cursor-pointer", classNames?.checkboxLabel), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -5314,7 +5314,7 @@ function FieldInput({
         ),
         field.placeholder || field.name
       ] });
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Color:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Color:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -5324,7 +5324,7 @@ function FieldInput({
           className: cn("w-12 h-10 rounded-md border border-input cursor-pointer", classNames?.colorInput)
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Date:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Date:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -5335,8 +5335,8 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.File:
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Image:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.File:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Image:
       return /* @__PURE__ */ jsxRuntime.jsx(
         FileUploadInput,
         {
@@ -5347,7 +5347,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Email:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Email:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -5359,7 +5359,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.DateTime: {
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.DateTime: {
       const dtLocalValue = typeof value === "string" && value.includes("T") ? value.slice(0, 16) : typeof value === "string" ? value : "";
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -5379,7 +5379,7 @@ function FieldInput({
         }
       );
     }
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Time:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Time:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -5390,7 +5390,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.MultiSelect:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.MultiSelect:
       return /* @__PURE__ */ jsxRuntime.jsx(
         MultiSelectInput,
         {
@@ -5400,7 +5400,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.DateRange:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.DateRange:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DateRangeInput,
         {
@@ -5411,7 +5411,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Address:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Address:
       return /* @__PURE__ */ jsxRuntime.jsx(
         AddressInput,
         {
@@ -5422,7 +5422,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Location:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Location:
       return /* @__PURE__ */ jsxRuntime.jsx(
         LocationInput,
         {
@@ -5433,7 +5433,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Phone:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Phone:
       return /* @__PURE__ */ jsxRuntime.jsx(
         PhoneInput,
         {
@@ -5444,7 +5444,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkZYACIPKO_js.INPUT_FIELD_TYPE.Signature:
+    case chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Signature:
       return /* @__PURE__ */ jsxRuntime.jsx(
         SignatureInput,
         {
@@ -5477,7 +5477,7 @@ function FileUploadInput({
   const [isUploading, setIsUploading] = React10__default.default.useState(false);
   const fileUrl = typeof value === "string" ? value : void 0;
   const acceptedFormats = field.validation?.accepted_formats;
-  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunkZYACIPKO_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
+  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
   const handleFile = async (file) => {
     if (!onFileUpload) return;
     if (field.validation?.max_size_mb) {
@@ -5495,7 +5495,7 @@ function FileUploadInput({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", classNames?.fileInput), children: fileUrl ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-    field.field_type === chunkZYACIPKO_js.INPUT_FIELD_TYPE.Image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: fileUrl, alt: "Uploaded", className: "w-16 h-16 object-cover rounded-md border border-border" }),
+    field.field_type === chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: fileUrl, alt: "Uploaded", className: "w-16 h-16 object-cover rounded-md border border-border" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground truncate", children: fileUrl.split("/").pop() }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -5521,7 +5521,7 @@ function FileUploadInput({
       }
     ),
     isUploading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Uploading..." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === chunkZYACIPKO_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
       acceptedFormats && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground/60 mt-1", children: [
         acceptedFormats.map((f) => f.toUpperCase()).join(", "),
         field.validation?.max_size_mb && ` \xB7 Max ${field.validation.max_size_mb}MB`
@@ -6456,7 +6456,7 @@ function CartLineItemRow({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-item-info": true, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-name": true, className: classNames?.itemName, children: item.product.name }),
-          item.variant && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-variant": true, children: chunkZYACIPKO_js.getVariantDisplayName(item.variant, item.product.name) }),
+          item.variant && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-variant": true, children: chunk5VHKZTFJ_js.getVariantDisplayName(item.variant, item.product.name) }),
           item.addOnOptions && item.addOnOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-cart-item-addons": true, children: [
             "+ ",
             item.addOnOptions.map((opt) => opt.name).join(", ")
@@ -6465,7 +6465,7 @@ function CartLineItemRow({
           item.specialInstructions && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-instructions": true, className: "text-xs text-muted-foreground", children: item.specialInstructions }),
           item.customerInputs && item.customerInputs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-cart-customer-inputs": true, className: classNames?.customerInputs, children: item.customerInputs.map((input) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-input": true, children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-input-label": true, children: input.field_name }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-input-value": true, children: input.field_type === chunkZYACIPKO_js.INPUT_FIELD_TYPE.File || input.field_type === chunkZYACIPKO_js.INPUT_FIELD_TYPE.Image ? String(input.value).split("/").pop() || "Uploaded file" : String(input.value) })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-input-value": true, children: input.field_type === chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.File || input.field_type === chunk5VHKZTFJ_js.INPUT_FIELD_TYPE.Image ? String(input.value).split("/").pop() || "Uploaded file" : String(input.value) })
           ] }, input.field_id)) }),
           (item.lineType === "service" || item.product.type === "service") && item.scheduledStart && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-service-info": true, className: classNames?.serviceInfo, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -7017,7 +7017,7 @@ function FoodProductCard({
   const tags = product.tags || [];
   const isSignature = product.metadata?.is_signature === true;
   const isNew = product.metadata?.is_new === true;
-  const isComposite = product.type === chunkZYACIPKO_js.PRODUCT_TYPE.Composite;
+  const isComposite = product.type === chunk5VHKZTFJ_js.PRODUCT_TYPE.Composite;
   return /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { product, renderLink, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "square", renderImage, children: [
       isSignature && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute top-3 left-3 inline-flex items-center gap-1 text-[11px] font-semibold tracking-wide bg-amber-50 text-amber-700 border border-amber-200/60 px-2 py-0.5 rounded-md", children: [
@@ -7770,26 +7770,26 @@ var BUILT_IN_CARDS = {
   ["composite" /* Composite */]: CompositeProductCard,
   ["subscription" /* Subscription */]: SubscriptionCard
 };
-var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkZYACIPKO_js.DURATION_UNIT.Days, chunkZYACIPKO_js.DURATION_UNIT.Hours]);
-var LEASE_UNITS = /* @__PURE__ */ new Set([chunkZYACIPKO_js.DURATION_UNIT.Weeks, chunkZYACIPKO_js.DURATION_UNIT.Months, chunkZYACIPKO_js.DURATION_UNIT.Years]);
+var RENTAL_UNITS = /* @__PURE__ */ new Set([chunk5VHKZTFJ_js.DURATION_UNIT.Days, chunk5VHKZTFJ_js.DURATION_UNIT.Hours]);
+var LEASE_UNITS = /* @__PURE__ */ new Set([chunk5VHKZTFJ_js.DURATION_UNIT.Weeks, chunk5VHKZTFJ_js.DURATION_UNIT.Months, chunk5VHKZTFJ_js.DURATION_UNIT.Years]);
 function resolveCardVariant(product) {
-  if (product.type === chunkZYACIPKO_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunk5VHKZTFJ_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkZYACIPKO_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunk5VHKZTFJ_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkZYACIPKO_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunk5VHKZTFJ_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.type === chunkZYACIPKO_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunk5VHKZTFJ_js.PRODUCT_TYPE.Service) {
     if (product.duration_unit && RENTAL_UNITS.has(product.duration_unit)) {
       return "rental" /* Rental */;
     }
-    if (product.duration_unit === chunkZYACIPKO_js.DURATION_UNIT.Nights) {
+    if (product.duration_unit === chunk5VHKZTFJ_js.DURATION_UNIT.Nights) {
       return "accommodation" /* Accommodation */;
     }
     if (product.duration_unit && LEASE_UNITS.has(product.duration_unit)) {
@@ -7800,10 +7800,10 @@ function resolveCardVariant(product) {
     }
     return "standard" /* Standard */;
   }
-  if (product.render_hint === chunkZYACIPKO_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunk5VHKZTFJ_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkZYACIPKO_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunk5VHKZTFJ_js.RENDER_HINT.Physical) {
     return "retail" /* Retail */;
   }
   return "retail" /* Retail */;
@@ -10564,25 +10564,25 @@ function resolveTemplateKey(product) {
   if (typeof metaTemplate === "string" && metaTemplate.trim()) {
     return metaTemplate.trim();
   }
-  if (product.type === chunkZYACIPKO_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunk5VHKZTFJ_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkZYACIPKO_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunk5VHKZTFJ_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkZYACIPKO_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunk5VHKZTFJ_js.PRODUCT_TYPE.Service) {
     return "service" /* Service */;
   }
-  if (product.type === chunkZYACIPKO_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunk5VHKZTFJ_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.render_hint === chunkZYACIPKO_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunk5VHKZTFJ_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkZYACIPKO_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunk5VHKZTFJ_js.RENDER_HINT.Physical) {
     return "physical" /* Physical */;
   }
   return "default" /* Default */;
@@ -12646,7 +12646,7 @@ function SparkleIcon({ className }) {
 
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkZYACIPKO_js.getVariantDisplayName; }
+  get: function () { return chunk5VHKZTFJ_js.getVariantDisplayName; }
 });
 exports.AccommodationCard = AccommodationCard;
 exports.Ad = Ad;

package/dist/react.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { DURATION_UNIT, getVariantDisplayName, INPUT_FIELD_TYPE, PRODUCT_TYPE, createCimplifyClient, RENDER_HINT } from './chunk-2X6P5WJZ.mjs';
-export { getVariantDisplayName } from './chunk-2X6P5WJZ.mjs';
-import { ELEMENT_TYPES, EVENT_TYPES } from './chunk-TFHKVQLL.mjs';
+import { DURATION_UNIT, getVariantDisplayName, INPUT_FIELD_TYPE, PRODUCT_TYPE, createCimplifyClient, RENDER_HINT } from './chunk-JTU5P6GM.mjs';
+export { getVariantDisplayName } from './chunk-JTU5P6GM.mjs';
+import { ELEMENT_TYPES, EVENT_TYPES } from './chunk-EZK2FXTM.mjs';
 import { isSupportedCurrency, formatPrice, parsePrice, getUnitPriceAtQuantity, isOnSale, getDiscountPercentage, getBasePrice, getPriceRange, formatPriceRange } from './chunk-6TVQQYQ5.mjs';
 import React10, { createContext, useRef, useState, useCallback, useEffect, useContext, useMemo, useId, useSyncExternalStore } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/dist/{server-BNy6Ri-4.d.mts → server-CVEsjECc.d.mts}

@@ -117,6 +117,19 @@ interface MockBusiness {
     timezone?: string;
     metadata?: Record<string, unknown>;
 }
+interface MockQuantityPricingTier {
+    min_quantity: number;
+    unit_price: string;
+}
+interface MockBillingPlan {
+    id: string;
+    name: string;
+    interval: "day" | "week" | "month" | "year";
+    interval_count: number;
+    price: string;
+    currency: string;
+    trial_period_days?: number;
+}
 interface MockProduct {
     id: string;
     business_id: string;
@@ -140,6 +153,20 @@ interface MockProduct {
     pairings?: string[];
     is_signature?: boolean;
     is_new?: boolean;
+    /** Override for the auto-derived render hint. */
+    render_hint?: "food" | "physical" | "general";
+    /** Display mode hint (card opens modal, page is a link). Storefronts can override. */
+    display_mode?: "card" | "page";
+    /** For digital products — how the SDK renders fulfilment UI. */
+    digital_product_type?: "download" | "license" | "event_ticket" | "access_pass" | "gift_code";
+    /** For wholesale products — quantity-pricing tiers. */
+    quantity_pricing?: MockQuantityPricingTier[];
+    /** For services — duration unit (drives Rental/Accommodation/Lease cards). */
+    duration_unit?: "minutes" | "hours" | "days" | "nights" | "weeks" | "months" | "years";
+    /** For schedule services — duration in minutes (presence implies non-subscription service). */
+    duration_minutes?: number;
+    /** For subscription services — billing plans. */
+    billing_plans?: MockBillingPlan[];
     metadata?: Record<string, unknown>;
     created_at: string;
     updated_at: string;