@cimplify/sdk 0.46.2 → 0.47.0

package/dist/react.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var chunkMN4PNKJA_js = require('./chunk-MN4PNKJA.js');
-var chunkZ2MLAIID_js = require('./chunk-Z2MLAIID.js');
-var chunk7ZACMER7_js = require('./chunk-7ZACMER7.js');
+var chunkCYGLTD7D_js = require('./chunk-CYGLTD7D.js');
+var chunkDR4UPU6P_js = require('./chunk-DR4UPU6P.js');
 var chunk6RP6OPYO_js = require('./chunk-6RP6OPYO.js');
 var chunkTKOTACKZ_js = require('./chunk-TKOTACKZ.js');
 var React10 = require('react');
@@ -626,7 +626,8 @@ function useCollectionStore(collection) {
 }
 
 // src/react/hooks/use-cart.ts
-var CART_STORAGE_PREFIX = "cimplify:cart:v3";
+var LEGACY_CART_STORAGE_PREFIX = "cimplify:cart:v3";
+var legacyCachesPurged = false;
 var cartStores = /* @__PURE__ */ new Map();
 var ROLLBACK_VISIBLE_DELAY_MS = 3e3;
 function clearAllCartStores() {
@@ -636,34 +637,35 @@ function clearAllCartStores() {
       clearTimeout(handle);
     }
     entry.failedOpRemovers.clear();
-    if (entry.persistTimer) {
-      clearTimeout(entry.persistTimer);
-      entry.persistTimer = null;
-    }
   }
   cartStores.clear();
 }
 function emptyBase(currency, isLoading = true) {
   return { items: [], subtotal: 0, tax: 0, total: 0, currency, isLoading };
 }
-function advanceBaseWithPatch(entry, patch) {
-  const current = entry.collection.getBase() ?? emptyBase(entry.currency, false);
-  entry.collection.setBase({ ...applyCartPatch(current, patch), isLoading: false });
-  persistBase(entry);
-}
-function buildStoreKey(client, locationId, isDemoMode) {
+function buildStoreKey(client, locationId) {
   return [
-    client.getPublicKey() || "__demo__",
-    locationId || "__no_location__",
-    isDemoMode ? "demo" : "live"
+    client.getPublicKey() || "__no_public_key__",
+    locationId || "__no_location__"
   ].join(":");
 }
-function buildStorageKey(storeKey) {
-  return `${CART_STORAGE_PREFIX}:${storeKey}`;
-}
-function stripInternalItemMetadata(item) {
-  const { _lineKey, isOptimistic, ...rest } = item;
-  return rest;
+function purgeLegacyCartCachesOnce() {
+  if (legacyCachesPurged) return;
+  legacyCachesPurged = true;
+  if (typeof window === "undefined" || !window.localStorage) return;
+  try {
+    const keys = [];
+    for (let i = 0; i < window.localStorage.length; i += 1) {
+      const key = window.localStorage.key(i);
+      if (key && key.startsWith(LEGACY_CART_STORAGE_PREFIX)) {
+        keys.push(key);
+      }
+    }
+    for (const key of keys) {
+      window.localStorage.removeItem(key);
+    }
+  } catch {
+  }
 }
 function toProductFromServerItem(item, businessId) {
   return {
@@ -758,61 +760,13 @@ function deriveView(base, ops) {
     pendingOpCount: ops.length
   };
 }
-function persistBase(entry) {
-  if (typeof window === "undefined" || !window.localStorage) return;
-  if (entry.persistTimer) return;
-  entry.persistTimer = setTimeout(() => {
-    entry.persistTimer = null;
-    if (typeof window === "undefined" || !window.localStorage) return;
-    const base = entry.collection.getBase();
-    if (!base) return;
-    try {
-      window.localStorage.setItem(
-        entry.storageKey,
-        JSON.stringify({
-          items: base.items.map((item) => stripInternalItemMetadata(item)),
-          subtotal: base.subtotal,
-          tax: base.tax,
-          total: base.total,
-          currency: base.currency
-        })
-      );
-    } catch {
-    }
-  }, 100);
-}
-function hydrateFromStorage(entry) {
-  if (typeof window === "undefined" || !window.localStorage) return;
-  try {
-    const raw = window.localStorage.getItem(entry.storageKey);
-    if (!raw) return;
-    const parsed = JSON.parse(raw);
-    if (!parsed || !Array.isArray(parsed.items)) return;
-    const items = parsed.items.map((item) => attachInternalItemMetadata(item));
-    entry.collection.setBase({
-      items,
-      subtotal: toNumber(parsed.subtotal),
-      tax: toNumber(parsed.tax),
-      total: toNumber(parsed.total),
-      currency: typeof parsed.currency === "string" && parsed.currency ? parsed.currency : entry.currency,
-      isLoading: !entry.isDemoMode
-    });
-  } catch {
-  }
-}
 async function syncFromServer(entry) {
-  if (entry.isDemoMode) {
-    const base = entry.collection.getBase() ?? emptyBase(entry.currency);
-    entry.collection.setBase({ ...base, isLoading: false });
-    return;
-  }
   if (entry.syncing) return;
   entry.syncing = true;
   try {
     const result = await entry.client.cart.get();
     if (!result.ok) throw result.error;
     entry.collection.setBase(mapServerCart(result.value, entry.currency));
-    persistBase(entry);
   } finally {
     entry.syncing = false;
   }
@@ -834,8 +788,9 @@ function scheduleFailedOpRemoval(entry, opId) {
   entry.failedOpRemovers.add(handle);
 }
 function getOrCreateStore(params) {
-  const { client, locationId, isDemoMode, currency, optimisticEnabled } = params;
-  const storeKey = buildStoreKey(client, locationId, isDemoMode);
+  const { client, locationId, currency, optimisticEnabled } = params;
+  purgeLegacyCartCachesOnce();
+  const storeKey = buildStoreKey(client, locationId);
   const existing = cartStores.get(storeKey);
   if (existing) {
     existing.optimisticEnabled = optimisticEnabled;
@@ -849,14 +804,11 @@ function getOrCreateStore(params) {
   const entry = {
     collection,
     client,
-    storageKey: buildStorageKey(storeKey),
     locationId,
     currency,
-    isDemoMode,
     optimisticEnabled,
     initialized: false,
     initializePromise: null,
-    persistTimer: null,
     syncing: false,
     failedOpRemovers: /* @__PURE__ */ new Set()
   };
@@ -869,12 +821,6 @@ async function ensureInitialized(entry) {
     return;
   }
   entry.initialized = true;
-  hydrateFromStorage(entry);
-  if (entry.isDemoMode) {
-    const base = entry.collection.getBase() ?? emptyBase(entry.currency);
-    entry.collection.setBase({ ...base, isLoading: false });
-    return;
-  }
   entry.initializePromise = syncFromServer(entry).catch(() => {
     const base = entry.collection.getBase() ?? emptyBase(entry.currency);
     entry.collection.setBase({ ...base, isLoading: false });
@@ -888,7 +834,7 @@ async function maybeResolveQuoteId(entry, product, quantity, options) {
   const requiresQuote = Boolean(
     options.variantId || addOnOptionIds && addOnOptionIds.length > 0 || options.bundleSelections && options.bundleSelections.length > 0 || options.compositeSelections && options.compositeSelections.length > 0
   );
-  if (!requiresQuote || entry.isDemoMode) return void 0;
+  if (!requiresQuote) return void 0;
   const quoteResult = await entry.client.catalogue.fetchQuote({
     product_id: product.id,
     quantity,
@@ -928,10 +874,6 @@ async function performAddItem(entry, product, quantity, options) {
   });
   const idempotencyKey = `idem_${typeof crypto !== "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}_${Math.random().toString(36).slice(2, 10)}`}`;
   const patch = { kind: "add_item", tempItem, lineKey };
-  if (entry.isDemoMode) {
-    advanceBaseWithPatch(entry, patch);
-    return;
-  }
   const useOptimistic = entry.optimisticEnabled;
   const opId = useOptimistic ? entry.collection.enqueue(patch, idempotencyKey) : null;
   try {
@@ -970,10 +912,6 @@ async function performAddItem(entry, product, quantity, options) {
 async function performRemoveItem(entry, itemId) {
   const idempotencyKey = "";
   const patch = { kind: "remove_item", itemId };
-  if (entry.isDemoMode) {
-    advanceBaseWithPatch(entry, patch);
-    return;
-  }
   const useOptimistic = entry.optimisticEnabled;
   const opId = useOptimistic ? entry.collection.enqueue(patch, idempotencyKey) : null;
   try {
@@ -998,10 +936,6 @@ async function performUpdateQuantity(entry, itemId, quantity) {
   const resolved = clampQuantity(quantity);
   const idempotencyKey = "";
   const patch = { kind: "set_quantity", itemId, quantity: resolved };
-  if (entry.isDemoMode) {
-    advanceBaseWithPatch(entry, patch);
-    return;
-  }
   const useOptimistic = entry.optimisticEnabled;
   const opId = useOptimistic ? entry.collection.enqueue(patch, idempotencyKey) : null;
   try {
@@ -1022,10 +956,6 @@ async function performUpdateQuantity(entry, itemId, quantity) {
 async function performClear(entry) {
   const idempotencyKey = "";
   const patch = { kind: "clear" };
-  if (entry.isDemoMode) {
-    advanceBaseWithPatch(entry, patch);
-    return;
-  }
   const useOptimistic = entry.optimisticEnabled;
   const opId = useOptimistic ? entry.collection.enqueue(patch, idempotencyKey) : null;
   try {
@@ -1056,18 +986,16 @@ function useCart(options = {}) {
     throw new Error("useCart must be used within CimplifyProvider or passed { client }.");
   }
   const locationId = options.locationId ?? client.getLocationId();
-  const isDemoMode = options.demoMode ?? context?.isDemoMode ?? client.getPublicKey().trim().length === 0;
   const currency = options.currency ?? context?.currency ?? "USD";
   const optimisticEnabled = context?.optimistic ?? true;
   const entry = React10.useMemo(
     () => getOrCreateStore({
       client,
       locationId,
-      isDemoMode,
       currency,
       optimisticEnabled
     }),
-    [client, currency, isDemoMode, locationId, optimisticEnabled]
+    [client, currency, locationId, optimisticEnabled]
   );
   const view = useCollectionStore(entry.collection);
   React10.useEffect(() => {
@@ -1153,7 +1081,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunkZ2MLAIID_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunkCYGLTD7D_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -1227,7 +1155,6 @@ function CimplifyProvider({
   React10.useEffect(() => {
     onLocationChangeRef.current = onLocationChange;
   }, [onLocationChange]);
-  const isDemoMode = resolvedClient.getPublicKey().trim().length === 0;
   const baseCurrency = business?.default_currency || DEFAULT_CURRENCY;
   const [displayCurrencyOverride, setDisplayCurrencyOverride] = React10.useState(
     () => getStoredDisplayCurrency()
@@ -1249,7 +1176,7 @@ function CimplifyProvider({
     [baseCurrency]
   );
   React10.useEffect(() => {
-    if (displayCurrency === baseCurrency || isDemoMode) {
+    if (displayCurrency === baseCurrency) {
       setFxRate(null);
       return;
     }
@@ -1272,7 +1199,7 @@ function CimplifyProvider({
       cancelled = true;
       clearInterval(intervalId);
     };
-  }, [resolvedClient, baseCurrency, displayCurrency, isDemoMode]);
+  }, [resolvedClient, baseCurrency, displayCurrency]);
   const convertPrice = React10.useCallback(
     (amount) => {
       const num = typeof amount === "string" ? parseFloat(amount) : amount;
@@ -1299,17 +1226,6 @@ function CimplifyProvider({
     let cancelled = false;
     async function bootstrap() {
       setIsReady(false);
-      if (isDemoMode) {
-        if (!cancelled) {
-          setBusiness(null);
-          setLocations([]);
-          setCurrentLocationState(null);
-          resolvedClient.setLocationId(null);
-          setStoredLocationId(null);
-          setIsReady(true);
-        }
-        return;
-      }
       const [businessResult, locationsResult] = await Promise.all([
         resolvedClient.business.getInfo(),
         resolvedClient.business.getLocations()
@@ -1350,7 +1266,7 @@ function CimplifyProvider({
     return () => {
       cancelled = true;
     };
-  }, [resolvedClient, isDemoMode]);
+  }, [resolvedClient]);
   const clientContextValue = React10.useMemo(
     () => ({
       client: resolvedClient,
@@ -1359,7 +1275,6 @@ function CimplifyProvider({
       country: business?.country_code || DEFAULT_COUNTRY,
       locations,
       isReady,
-      isDemoMode,
       baseCurrency,
       optimistic
     }),
@@ -1369,7 +1284,6 @@ function CimplifyProvider({
       baseCurrency,
       locations,
       isReady,
-      isDemoMode,
       optimistic
     ]
   );
@@ -1477,7 +1391,6 @@ function CimplifyCheckout({
   onError,
   onStatusChange,
   appearance,
-  demoMode,
   className
 }) {
   const resolvedOrderTypes = React10.useMemo(
@@ -1505,8 +1418,6 @@ function CimplifyCheckout({
   const initialAppearanceRef = React10.useRef(appearance);
   const hasWarnedInlineAppearanceRef = React10.useRef(false);
   const isMountedRef = React10.useRef(true);
-  const demoRunRef = React10.useRef(0);
-  const isDemoCheckout = demoMode ?? client.getPublicKey().trim().length === 0;
   const isTestMode = client.isTestMode();
   const cimplifyCtx = useOptionalCimplify();
   const fxOptions = React10.useMemo(() => {
@@ -1551,15 +1462,6 @@ function CimplifyCheckout({
   React10.useEffect(() => {
     let cancelled = false;
     async function bootstrap() {
-      if (isDemoCheckout) {
-        if (!cancelled) {
-          setResolvedBusinessId(businessId ?? null);
-          setResolvedCartId(cartId ?? "cart_demo");
-          setIsInitializing(false);
-          setErrorMessage(null);
-        }
-        return;
-      }
       const needsBusinessResolve = !businessId;
       const needsCartResolve = !cartId;
       if (!needsBusinessResolve && !needsCartResolve) {
@@ -1627,11 +1529,10 @@ function CimplifyCheckout({
     return () => {
       cancelled = true;
     };
-  }, [businessId, cartId, client, isDemoCheckout]);
+  }, [businessId, cartId, client]);
   React10.useEffect(() => {
     return () => {
       isMountedRef.current = false;
-      demoRunRef.current += 1;
       activeCheckoutRef.current?.abort();
       activeCheckoutRef.current = null;
     };
@@ -1648,42 +1549,6 @@ function CimplifyCheckout({
     setErrorMessage(null);
     setIsSubmitting(true);
     emitStatus("preparing", { display_text: statusToLabel("preparing") });
-    if (isDemoCheckout) {
-      const runId = demoRunRef.current + 1;
-      demoRunRef.current = runId;
-      const wait = async (ms) => {
-        await new Promise((resolve) => setTimeout(resolve, ms));
-        return isMountedRef.current && runId === demoRunRef.current;
-      };
-      try {
-        if (!await wait(400)) return;
-        emitStatus("processing", { display_text: statusToLabel("processing") });
-        if (!await wait(900)) return;
-        emitStatus("polling", { display_text: statusToLabel("polling") });
-        if (!await wait(1200)) return;
-        const result = {
-          success: true,
-          order: {
-            id: `ord_demo_${Date.now()}`,
-            order_number: `DEMO-${Math.random().toString(36).slice(2, 8).toUpperCase()}`,
-            status: "confirmed",
-            total: "0.00",
-            currency: "USD"
-          }
-        };
-        emitStatus("success", {
-          order_id: result.order?.id,
-          order_number: result.order?.order_number,
-          display_text: statusToLabel("success")
-        });
-        onComplete(result);
-      } finally {
-        if (isMountedRef.current && runId === demoRunRef.current) {
-          setIsSubmitting(false);
-        }
-      }
-      return;
-    }
     if (!elementsRef.current) {
       const message = "Checkout is still initializing. Please try again.";
       setErrorMessage(message);
@@ -1718,7 +1583,7 @@ function CimplifyCheckout({
     }
   });
   React10.useEffect(() => {
-    if (isDemoCheckout || !resolvedBusinessId) {
+    if (!resolvedBusinessId) {
       elementsRef.current = null;
       return;
     }
@@ -1759,7 +1624,6 @@ function CimplifyCheckout({
   }, [
     client,
     resolvedBusinessId,
-    isDemoCheckout,
     resolvedOrderTypes,
     resolvedDefaultOrderType,
     submitLabel
@@ -1775,11 +1639,11 @@ function CimplifyCheckout({
   if (isInitializing) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className, "data-cimplify-checkout": "", children: /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-status": "", style: { fontSize: 13, color: colors.textSecondary }, children: "Preparing checkout..." }) });
   }
-  if (!isDemoCheckout && (!resolvedBusinessId || !resolvedCartId)) {
+  if (!resolvedBusinessId || !resolvedCartId) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className, "data-cimplify-checkout": "", children: /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-error": "", style: { fontSize: 13, color: colors.error }, children: errorMessage || "Unable to initialize checkout. Please refresh and try again." }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, "data-cimplify-checkout": "", children: [
-    isTestMode && !isDemoCheckout && /* @__PURE__ */ jsxRuntime.jsx(
+    isTestMode && /* @__PURE__ */ jsxRuntime.jsx(
       "p",
       {
         "data-cimplify-test-mode": "",
@@ -1792,7 +1656,7 @@ function CimplifyCheckout({
         children: "Test mode - no real charges"
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-section": "checkout", children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: isDemoCheckout ? void 0 : checkoutMountRef }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-section": "checkout", children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: checkoutMountRef }) }),
     status && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-status": "", style: { marginTop: SPACE.sm, fontSize: 13, color: colors.textSecondary }, children: statusText || statusToLabel(status) }),
     errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-error": "", style: { marginTop: SPACE.sm, fontSize: 13, color: colors.error }, children: errorMessage })
   ] });
@@ -3659,19 +3523,19 @@ function AuthElement({
   }, [onReady, onAuthenticated, onRequiresOtp, onError]);
   React10.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunk7ZACMER7_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunkDR4UPU6P_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunk7ZACMER7_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkDR4UPU6P_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunk7ZACMER7_js.EVENT_TYPES.AUTHENTICATED,
+      chunkDR4UPU6P_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunk7ZACMER7_js.EVENT_TYPES.REQUIRES_OTP,
+      chunkDR4UPU6P_js.EVENT_TYPES.REQUIRES_OTP,
       (data) => onRequiresOtpRef.current?.(data)
     );
     element.on(
-      chunk7ZACMER7_js.EVENT_TYPES.ERROR,
+      chunkDR4UPU6P_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -3700,15 +3564,15 @@ function AddressElement({
   }, [onReady, onChange, onError]);
   React10.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunk7ZACMER7_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunkDR4UPU6P_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunk7ZACMER7_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkDR4UPU6P_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunk7ZACMER7_js.EVENT_TYPES.CHANGE,
+      chunkDR4UPU6P_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunk7ZACMER7_js.EVENT_TYPES.ERROR,
+      chunkDR4UPU6P_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -3738,15 +3602,15 @@ function PaymentElement({
   }, [onReady, onChange, onError]);
   React10.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunk7ZACMER7_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunkDR4UPU6P_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunk7ZACMER7_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkDR4UPU6P_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunk7ZACMER7_js.EVENT_TYPES.CHANGE,
+      chunkDR4UPU6P_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunk7ZACMER7_js.EVENT_TYPES.ERROR,
+      chunkDR4UPU6P_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);