@cimplify/sdk 0.8.6 → 0.8.8

package/dist/react.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var React2 = require('react');
+var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React2__default = /*#__PURE__*/_interopDefault(React2);
+var React3__default = /*#__PURE__*/_interopDefault(React3);
 
 // src/react/index.tsx
 
@@ -201,7 +201,7 @@ function deriveAdsApiUrl() {
   }
   return "https://api.cimplify.io";
 }
-var AdContext = React2.createContext({
+var AdContext = React3.createContext({
   siteId: null,
   config: null,
   isLoading: true,
@@ -209,7 +209,7 @@ var AdContext = React2.createContext({
   apiBase: "https://api.cimplify.io"
 });
 function useAds() {
-  return React2.useContext(AdContext);
+  return React3.useContext(AdContext);
 }
 function AdProvider({
   siteId,
@@ -218,10 +218,10 @@ function AdProvider({
   children
 }) {
   const resolvedApiBase = apiBase || deriveAdsApiUrl();
-  const [config, setConfig] = React2.useState(null);
-  const [isLoading, setIsLoading] = React2.useState(true);
-  const [identity, setIdentity] = React2.useState(null);
-  React2.useEffect(() => {
+  const [config, setConfig] = React3.useState(null);
+  const [isLoading, setIsLoading] = React3.useState(true);
+  const [identity, setIdentity] = React3.useState(null);
+  React3.useEffect(() => {
     const userIdentity = getUserIdentity(authenticatedAccountId);
     setIdentity(userIdentity);
     fetch(`${resolvedApiBase}/ads/config/${siteId}`).then((r) => r.json()).then((data) => {
@@ -244,11 +244,11 @@ function Ad({
   onClick
 }) {
   const { siteId, config, isLoading, identity, apiBase } = useAds();
-  const [ad, setAd] = React2.useState(null);
-  const [error, setError] = React2.useState(false);
-  const impressionTracked = React2.useRef(false);
-  const containerRef = React2.useRef(null);
-  React2.useEffect(() => {
+  const [ad, setAd] = React3.useState(null);
+  const [error, setError] = React3.useState(false);
+  const impressionTracked = React3.useRef(false);
+  const containerRef = React3.useRef(null);
+  React3.useEffect(() => {
     if (isLoading || !config?.enabled || !siteId || !identity) return;
     const path = typeof window !== "undefined" ? window.location.pathname : "/";
     const referrer = typeof document !== "undefined" ? document.referrer : "";
@@ -291,7 +291,7 @@ function Ad({
       }
     }).catch(() => setError(true));
   }, [siteId, config, isLoading, slot, identity, apiBase]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!ad || impressionTracked.current || typeof window === "undefined" || !identity) return;
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -368,12 +368,13 @@ function getSelections(item) {
   }
   return void 0;
 }
-function mapItem(item) {
+function mapItem(item, fx) {
+  const amt = (value) => fx ? String(fx.convertPrice(value)) : String(value);
   const result = {
     name: item.name,
     quantity: item.quantity,
-    unit_price: String(item.base_price),
-    total_price: String(item.total_price),
+    unit_price: amt(item.base_price),
+    total_price: amt(item.total_price),
     line_type: item.line_type
   };
   if (item.image_url) result.image_url = item.image_url;
@@ -386,7 +387,7 @@ function mapItem(item) {
   if (item.add_on_options?.length) {
     result.add_ons = item.add_on_options.map((opt) => ({
       name: opt.name,
-      price: String(opt.price ?? "0")
+      price: amt(opt.price ?? "0")
     }));
   }
   if (item.special_instructions) {
@@ -394,359 +395,18 @@ function mapItem(item) {
   }
   return result;
 }
-function transformToCheckoutCart(cart) {
+function transformToCheckoutCart(cart, fx) {
+  const amt = (value) => fx ? String(fx.convertPrice(value)) : String(value);
   return {
-    items: cart.items.map(mapItem),
-    subtotal: String(cart.pricing.subtotal),
-    tax_amount: String(cart.pricing.tax_amount),
-    total_discounts: String(cart.pricing.total_discounts),
-    service_charge: String(cart.pricing.service_charge),
-    total: String(cart.pricing.total_price),
-    currency: cart.pricing.currency
+    items: cart.items.map((item) => mapItem(item, fx)),
+    subtotal: amt(cart.pricing.subtotal),
+    tax_amount: amt(cart.pricing.tax_amount),
+    total_discounts: amt(cart.pricing.total_discounts),
+    service_charge: amt(cart.pricing.service_charge),
+    total: amt(cart.pricing.total_price),
+    currency: fx?.displayCurrency ?? cart.pricing.currency
   };
 }
-var SPACE = { sm: 8};
-function shellColors(isDark, primaryColor) {
-  return {
-    text: isDark ? "#f4f4f5" : "#1a1a1a",
-    textSecondary: isDark ? "#a1a1aa" : "#52525b",
-    textMuted: isDark ? "#71717a" : "#a1a1aa",
-    border: isDark ? "#27272a" : "#e4e4e7",
-    surface: isDark ? "#18181b" : "#fafafa",
-    error: "#dc2626",
-    primary: primaryColor
-  };
-}
-function statusToLabel(status) {
-  if (!status) {
-    return "";
-  }
-  if (status === "preparing") {
-    return "Preparing checkout";
-  }
-  if (status === "recovering") {
-    return "Resuming payment";
-  }
-  if (status === "processing") {
-    return "Processing payment";
-  }
-  if (status === "awaiting_authorization") {
-    return "Waiting for authorization";
-  }
-  if (status === "polling") {
-    return "Confirming payment";
-  }
-  if (status === "finalizing") {
-    return "Finalizing order";
-  }
-  if (status === "success") {
-    return "Payment complete";
-  }
-  return "Payment failed";
-}
-function CimplifyCheckout({
-  client,
-  businessId,
-  cartId,
-  locationId,
-  linkUrl,
-  orderTypes,
-  enrollInLink = true,
-  onComplete,
-  onError,
-  onStatusChange,
-  appearance,
-  demoMode,
-  className
-}) {
-  const resolvedOrderTypes = React2.useMemo(
-    () => orderTypes && orderTypes.length > 0 ? orderTypes : ["pickup", "delivery"],
-    [orderTypes]
-  );
-  const [orderType, setOrderType] = React2.useState(resolvedOrderTypes[0] || "pickup");
-  const [status, setStatus] = React2.useState(null);
-  const [statusText, setStatusText] = React2.useState("");
-  const [isSubmitting, setIsSubmitting] = React2.useState(false);
-  const [isInitializing, setIsInitializing] = React2.useState(false);
-  const [errorMessage, setErrorMessage] = React2.useState(null);
-  const [resolvedBusinessId, setResolvedBusinessId] = React2.useState(businessId ?? null);
-  const [resolvedCartId, setResolvedCartId] = React2.useState(cartId ?? null);
-  const [resolvedCart, setResolvedCart] = React2.useState(null);
-  const checkoutMountRef = React2.useRef(null);
-  const elementsRef = React2.useRef(null);
-  const activeCheckoutRef = React2.useRef(null);
-  const initialAppearanceRef = React2.useRef(appearance);
-  const hasWarnedInlineAppearanceRef = React2.useRef(false);
-  const isMountedRef = React2.useRef(true);
-  const demoRunRef = React2.useRef(0);
-  const isDemoCheckout = demoMode ?? client.getPublicKey().trim().length === 0;
-  const isTestMode = client.isTestMode();
-  const primaryColor = appearance?.variables?.primaryColor || "#0a2540";
-  const isDark = appearance?.theme === "dark";
-  const emitStatus = React2__default.default.useEffectEvent(
-    (nextStatus, context = {}) => {
-      setStatus(nextStatus);
-      setStatusText(context.display_text || "");
-      onStatusChange?.(nextStatus, context);
-    }
-  );
-  const fireError = React2__default.default.useEffectEvent(
-    (error) => {
-      onError?.(error);
-    }
-  );
-  React2.useEffect(() => {
-    if (!resolvedOrderTypes.includes(orderType)) {
-      setOrderType(resolvedOrderTypes[0] || "pickup");
-    }
-  }, [resolvedOrderTypes, orderType]);
-  React2.useEffect(() => {
-    if (appearance && appearance !== initialAppearanceRef.current && !hasWarnedInlineAppearanceRef.current) {
-      hasWarnedInlineAppearanceRef.current = true;
-      console.warn(
-        "[Cimplify] `appearance` prop reference changed after mount. Elements keep the initial appearance to avoid iframe remount. Memoize appearance with useMemo() to remove this warning."
-      );
-    }
-  }, [appearance]);
-  React2.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) {
-        if (!cancelled) {
-          setResolvedBusinessId(businessId || null);
-          setResolvedCartId(cartId || null);
-          setIsInitializing(false);
-          setErrorMessage(null);
-        }
-        client.cart.get().then((cartResult) => {
-          if (!cancelled && cartResult.ok && cartResult.value) {
-            setResolvedCart(cartResult.value);
-          }
-        }).catch(() => {
-        });
-        return;
-      }
-      if (!cancelled) {
-        setIsInitializing(true);
-        setErrorMessage(null);
-      }
-      let nextBusinessId = businessId ?? null;
-      if (!nextBusinessId) {
-        try {
-          nextBusinessId = await client.resolveBusinessId();
-        } catch {
-          if (!cancelled) {
-            const message = "Unable to initialize checkout business context.";
-            setResolvedBusinessId(null);
-            setResolvedCartId(null);
-            setErrorMessage(message);
-            setIsInitializing(false);
-            fireError({ code: "BUSINESS_ID_REQUIRED", message });
-          }
-          return;
-        }
-      }
-      let nextCartId = cartId ?? null;
-      if (!nextCartId) {
-        const cartResult = await client.cart.get();
-        if (!cartResult.ok || !cartResult.value?.id || cartResult.value.items.length === 0) {
-          if (!cancelled) {
-            const message = "Your cart is empty. Add items before checkout.";
-            setResolvedBusinessId(nextBusinessId);
-            setResolvedCartId(null);
-            setErrorMessage(message);
-            setIsInitializing(false);
-            fireError({ code: "CART_EMPTY", message });
-          }
-          return;
-        }
-        nextCartId = cartResult.value.id;
-        if (!cancelled) {
-          setResolvedCart(cartResult.value);
-        }
-      }
-      if (!cancelled) {
-        setResolvedBusinessId(nextBusinessId);
-        setResolvedCartId(nextCartId);
-        setIsInitializing(false);
-        setErrorMessage(null);
-      }
-    }
-    void bootstrap();
-    return () => {
-      cancelled = true;
-    };
-  }, [businessId, cartId, client, isDemoCheckout]);
-  React2.useEffect(() => {
-    return () => {
-      isMountedRef.current = false;
-      demoRunRef.current += 1;
-      activeCheckoutRef.current?.abort();
-      activeCheckoutRef.current = null;
-    };
-  }, []);
-  const handleSubmit = React2__default.default.useEffectEvent(async () => {
-    if (isSubmitting || isInitializing || !resolvedCartId) {
-      if (!resolvedCartId && !isInitializing) {
-        const message = "Your cart is empty. Add items before checkout.";
-        setErrorMessage(message);
-        fireError({ code: "CART_EMPTY", message });
-      }
-      return;
-    }
-    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);
-      fireError({ code: "CHECKOUT_NOT_READY", message });
-      setIsSubmitting(false);
-      return;
-    }
-    const checkout = elementsRef.current.processCheckout({
-      cart_id: resolvedCartId,
-      location_id: locationId ?? client.getLocationId() ?? void 0,
-      order_type: orderType,
-      enroll_in_link: enrollInLink,
-      on_status_change: emitStatus
-    });
-    activeCheckoutRef.current = checkout;
-    try {
-      const result = await checkout;
-      if (result.success) {
-        onComplete(result);
-        return;
-      }
-      const code = result.error?.code || "CHECKOUT_FAILED";
-      const message = result.error?.message || "Payment failed.";
-      setErrorMessage(message);
-      fireError({ code, message });
-    } finally {
-      if (isMountedRef.current) {
-        activeCheckoutRef.current = null;
-        setIsSubmitting(false);
-      }
-    }
-  });
-  React2.useEffect(() => {
-    if (isDemoCheckout || !resolvedBusinessId) {
-      elementsRef.current = null;
-      return;
-    }
-    const elements = client.elements(resolvedBusinessId, {
-      appearance: initialAppearanceRef.current,
-      linkUrl
-    });
-    elementsRef.current = elements;
-    const checkout = elements.create("checkout", {
-      orderTypes: resolvedOrderTypes,
-      defaultOrderType: resolvedOrderTypes[0]
-    });
-    if (checkoutMountRef.current) {
-      checkout.mount(checkoutMountRef.current);
-    }
-    checkout.on("ready", () => {
-      if (resolvedCart) {
-        checkout.setCart(transformToCheckoutCart(resolvedCart));
-      }
-    });
-    checkout.on("order_type_changed", (data) => {
-      const typed = data;
-      if (typed.orderType) {
-        setOrderType(typed.orderType);
-      }
-    });
-    checkout.on("request_submit", () => {
-      void handleSubmit();
-    });
-    return () => {
-      activeCheckoutRef.current?.abort();
-      activeCheckoutRef.current = null;
-      elements.destroy();
-      elementsRef.current = null;
-    };
-  }, [client, resolvedBusinessId, isDemoCheckout]);
-  React2.useEffect(() => {
-    if (!resolvedCart || !elementsRef.current) return;
-    const checkoutElement = elementsRef.current.getElement("checkout");
-    if (checkoutElement) {
-      checkoutElement.setCart(transformToCheckoutCart(resolvedCart));
-    }
-  }, [resolvedCart]);
-  const colors = shellColors(isDark ?? false, primaryColor);
-  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)) {
-    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(
-      "p",
-      {
-        "data-cimplify-test-mode": "",
-        style: {
-          marginBottom: "10px",
-          fontSize: "12px",
-          fontWeight: 600,
-          color: "#92400e"
-        },
-        children: "Test mode - no real charges"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-section": "checkout", children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: isDemoCheckout ? void 0 : 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 })
-  ] });
-}
 
 // src/types/common.ts
 function money(value) {
@@ -755,6 +415,59 @@ function money(value) {
 function moneyFromNumber(value) {
   return value.toFixed(2);
 }
+var SUPPORTED_CURRENCY_CODES = /* @__PURE__ */ new Set([
+  "USD",
+  "EUR",
+  "GBP",
+  "JPY",
+  "CNY",
+  "CHF",
+  "CAD",
+  "AUD",
+  "GHS",
+  "NGN",
+  "KES",
+  "ZAR",
+  "XOF",
+  "XAF",
+  "EGP",
+  "TZS",
+  "UGX",
+  "RWF",
+  "ETB",
+  "ZMW",
+  "BWP",
+  "MUR",
+  "NAD",
+  "MWK",
+  "AOA",
+  "CDF",
+  "GMD",
+  "GNF",
+  "LRD",
+  "SLL",
+  "MZN",
+  "BIF",
+  "INR",
+  "BRL",
+  "MXN",
+  "KRW",
+  "TRY",
+  "THB",
+  "MYR",
+  "PHP",
+  "IDR",
+  "VND",
+  "SGD",
+  "HKD",
+  "TWD",
+  "AED",
+  "SAR",
+  "ILS"
+]);
+function isSupportedCurrency(code) {
+  return SUPPORTED_CURRENCY_CODES.has(code);
+}
 function currencyCode(value) {
   return value;
 }
@@ -1360,6 +1073,97 @@ var MOBILE_MONEY_PROVIDER = {
 };
 
 // src/utils/price.ts
+var CURRENCY_SYMBOLS = {
+  // Major world currencies
+  USD: "$",
+  EUR: "\u20AC",
+  GBP: "\xA3",
+  JPY: "\xA5",
+  CNY: "\xA5",
+  CHF: "CHF",
+  CAD: "C$",
+  AUD: "A$",
+  NZD: "NZ$",
+  HKD: "HK$",
+  SGD: "S$",
+  INR: "\u20B9",
+  BRL: "R$",
+  MXN: "MX$",
+  KRW: "\u20A9",
+  RUB: "\u20BD",
+  TRY: "\u20BA",
+  THB: "\u0E3F",
+  PLN: "z\u0142",
+  SEK: "kr",
+  NOK: "kr",
+  DKK: "kr",
+  CZK: "K\u010D",
+  HUF: "Ft",
+  ILS: "\u20AA",
+  AED: "\u062F.\u0625",
+  SAR: "\uFDFC",
+  MYR: "RM",
+  PHP: "\u20B1",
+  IDR: "Rp",
+  VND: "\u20AB",
+  TWD: "NT$",
+  // African currencies
+  GHS: "GH\u20B5",
+  NGN: "\u20A6",
+  KES: "KSh",
+  ZAR: "R",
+  XOF: "CFA",
+  XAF: "FCFA",
+  EGP: "E\xA3",
+  MAD: "MAD",
+  TZS: "TSh",
+  UGX: "USh",
+  RWF: "FRw",
+  ETB: "Br",
+  ZMW: "ZK",
+  BWP: "P",
+  MUR: "\u20A8",
+  SCR: "\u20A8",
+  NAD: "N$",
+  SZL: "E",
+  LSL: "L",
+  MWK: "MK",
+  AOA: "Kz",
+  CDF: "FC",
+  GMD: "D",
+  GNF: "FG",
+  LRD: "L$",
+  SLL: "Le",
+  MZN: "MT",
+  SDG: "SDG",
+  SSP: "SSP",
+  SOS: "Sh.So.",
+  DJF: "Fdj",
+  ERN: "Nfk",
+  CVE: "$",
+  STN: "Db",
+  KMF: "CF",
+  BIF: "FBu"
+};
+function getCurrencySymbol(currencyCode2) {
+  return CURRENCY_SYMBOLS[currencyCode2.toUpperCase()] || currencyCode2;
+}
+function formatPrice(amount, currency = "GHS", locale = "en-US") {
+  const numAmount = typeof amount === "string" ? parseFloat(amount) : amount;
+  if (isNaN(numAmount)) {
+    return `${getCurrencySymbol(currency)}0.00`;
+  }
+  try {
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: currency.toUpperCase(),
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }).format(numAmount);
+  } catch {
+    return `${getCurrencySymbol(currency)}${numAmount.toFixed(2)}`;
+  }
+}
 function parsePrice(value) {
   if (value === void 0 || value === null) {
     return 0;
@@ -4320,6 +4124,8 @@ function createCimplifyClient(config = {}) {
   return new CimplifyClient(config);
 }
 var LOCATION_STORAGE_KEY = "cimplify_location_id";
+var DISPLAY_CURRENCY_STORAGE_KEY = "cimplify_display_currency";
+var FX_REFRESH_INTERVAL = 12e4;
 var DEFAULT_CURRENCY = "USD";
 var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
@@ -4348,6 +4154,27 @@ function setStoredLocationId(locationId) {
   }
   window.localStorage.setItem(LOCATION_STORAGE_KEY, locationId);
 }
+function getStoredDisplayCurrency() {
+  if (typeof window === "undefined" || !window.localStorage) {
+    return null;
+  }
+  const value = window.localStorage.getItem(DISPLAY_CURRENCY_STORAGE_KEY);
+  if (!value) {
+    return null;
+  }
+  const normalized = value.trim().toUpperCase();
+  return normalized.length > 0 ? normalized : null;
+}
+function setStoredDisplayCurrency(currency) {
+  if (typeof window === "undefined" || !window.localStorage) {
+    return;
+  }
+  if (!currency) {
+    window.localStorage.removeItem(DISPLAY_CURRENCY_STORAGE_KEY);
+    return;
+  }
+  window.localStorage.setItem(DISPLAY_CURRENCY_STORAGE_KEY, currency.toUpperCase());
+}
 function resolveInitialLocation(locations) {
   if (locations.length === 0) {
     return null;
@@ -4361,23 +4188,77 @@ function resolveInitialLocation(locations) {
   }
   return locations[0];
 }
-var CimplifyContext = React2.createContext(null);
+var CimplifyContext = React3.createContext(null);
 function CimplifyProvider({
   client,
   children,
   onLocationChange
 }) {
-  const resolvedClient = React2.useMemo(() => client ?? createDefaultClient(), [client]);
-  const onLocationChangeRef = React2.useRef(onLocationChange);
-  const [business, setBusiness] = React2.useState(null);
-  const [locations, setLocations] = React2.useState([]);
-  const [currentLocation, setCurrentLocationState] = React2.useState(null);
-  const [isReady, setIsReady] = React2.useState(false);
-  React2.useEffect(() => {
+  const resolvedClient = React3.useMemo(() => client ?? createDefaultClient(), [client]);
+  const onLocationChangeRef = React3.useRef(onLocationChange);
+  const [business, setBusiness] = React3.useState(null);
+  const [locations, setLocations] = React3.useState([]);
+  const [currentLocation, setCurrentLocationState] = React3.useState(null);
+  const [isReady, setIsReady] = React3.useState(false);
+  React3.useEffect(() => {
     onLocationChangeRef.current = onLocationChange;
   }, [onLocationChange]);
   const isDemoMode = resolvedClient.getPublicKey().trim().length === 0;
-  const setCurrentLocation = React2.useCallback(
+  const baseCurrency = business?.default_currency || DEFAULT_CURRENCY;
+  const [displayCurrencyOverride, setDisplayCurrencyOverride] = React3.useState(
+    () => getStoredDisplayCurrency()
+  );
+  const [fxRate, setFxRate] = React3.useState(null);
+  const displayCurrency = displayCurrencyOverride && displayCurrencyOverride !== baseCurrency ? displayCurrencyOverride : baseCurrency;
+  const setDisplayCurrency = React3.useCallback(
+    (currency) => {
+      const normalized = currency?.trim().toUpperCase() || null;
+      if (normalized && !isSupportedCurrency(normalized)) {
+        return;
+      }
+      setDisplayCurrencyOverride(normalized);
+      setStoredDisplayCurrency(normalized);
+      if (!normalized || normalized === baseCurrency) {
+        setFxRate(null);
+      }
+    },
+    [baseCurrency]
+  );
+  React3.useEffect(() => {
+    if (displayCurrency === baseCurrency || isDemoMode) {
+      setFxRate(null);
+      return;
+    }
+    let cancelled = false;
+    async function fetchRate() {
+      const result = await resolvedClient.fx.getRate(
+        baseCurrency,
+        displayCurrency
+      );
+      if (cancelled) return;
+      if (result.ok) {
+        setFxRate(result.value.rate);
+      } else {
+        setFxRate(null);
+      }
+    }
+    void fetchRate();
+    const intervalId = setInterval(() => void fetchRate(), FX_REFRESH_INTERVAL);
+    return () => {
+      cancelled = true;
+      clearInterval(intervalId);
+    };
+  }, [resolvedClient, baseCurrency, displayCurrency, isDemoMode]);
+  const convertPrice = React3.useCallback(
+    (amount) => {
+      const num = typeof amount === "string" ? parseFloat(amount) : amount;
+      if (isNaN(num)) return 0;
+      if (!fxRate || displayCurrency === baseCurrency) return num;
+      return Math.round(num * fxRate * 100) / 100;
+    },
+    [fxRate, displayCurrency, baseCurrency]
+  );
+  const setCurrentLocation = React3.useCallback(
     (location) => {
       setCurrentLocationState(location);
       resolvedClient.setLocationId(location.id);
@@ -4386,7 +4267,7 @@ function CimplifyProvider({
     },
     [resolvedClient]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     let cancelled = false;
     async function bootstrap() {
       setIsReady(false);
@@ -4401,80 +4282,454 @@ function CimplifyProvider({
         }
         return;
       }
-      const [businessResult, locationsResult] = await Promise.all([
-        resolvedClient.business.getInfo(),
-        resolvedClient.business.getLocations()
-      ]);
-      if (cancelled) {
-        return;
+      const [businessResult, locationsResult] = await Promise.all([
+        resolvedClient.business.getInfo(),
+        resolvedClient.business.getLocations()
+      ]);
+      if (cancelled) {
+        return;
+      }
+      const nextBusiness = businessResult.ok ? businessResult.value : null;
+      const nextLocations = locationsResult.ok && Array.isArray(locationsResult.value) ? locationsResult.value : [];
+      const initialLocation = resolveInitialLocation(nextLocations);
+      setBusiness(nextBusiness);
+      if (nextBusiness?.id) {
+        resolvedClient.setBusinessId(nextBusiness.id);
+      }
+      setLocations(nextLocations);
+      if (initialLocation) {
+        setCurrentLocationState(initialLocation);
+        resolvedClient.setLocationId(initialLocation.id);
+        setStoredLocationId(initialLocation.id);
+      } else {
+        setCurrentLocationState(null);
+        resolvedClient.setLocationId(null);
+        setStoredLocationId(null);
+      }
+      setIsReady(true);
+    }
+    bootstrap().catch(() => {
+      if (cancelled) {
+        return;
+      }
+      setBusiness(null);
+      setLocations([]);
+      setCurrentLocationState(null);
+      resolvedClient.setLocationId(null);
+      setStoredLocationId(null);
+      setIsReady(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [resolvedClient, isDemoMode]);
+  const contextValue = React3.useMemo(
+    () => ({
+      client: resolvedClient,
+      business,
+      currency: baseCurrency,
+      country: business?.country_code || DEFAULT_COUNTRY,
+      locations,
+      currentLocation,
+      setCurrentLocation,
+      isReady,
+      isDemoMode,
+      baseCurrency,
+      displayCurrency,
+      setDisplayCurrency,
+      convertPrice,
+      fxRate
+    }),
+    [
+      resolvedClient,
+      business,
+      baseCurrency,
+      locations,
+      currentLocation,
+      setCurrentLocation,
+      isReady,
+      isDemoMode,
+      displayCurrency,
+      setDisplayCurrency,
+      convertPrice,
+      fxRate
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(CimplifyContext.Provider, { value: contextValue, children });
+}
+function useCimplify() {
+  const context = React3.useContext(CimplifyContext);
+  if (!context) {
+    throw new Error("useCimplify must be used within CimplifyProvider");
+  }
+  return context;
+}
+function useOptionalCimplify() {
+  return React3.useContext(CimplifyContext);
+}
+var SPACE = { sm: 8};
+function shellColors(isDark, primaryColor) {
+  return {
+    text: isDark ? "#f4f4f5" : "#1a1a1a",
+    textSecondary: isDark ? "#a1a1aa" : "#52525b",
+    textMuted: isDark ? "#71717a" : "#a1a1aa",
+    border: isDark ? "#27272a" : "#e4e4e7",
+    surface: isDark ? "#18181b" : "#fafafa",
+    error: "#dc2626",
+    primary: primaryColor
+  };
+}
+function statusToLabel(status) {
+  if (!status) {
+    return "";
+  }
+  if (status === "preparing") {
+    return "Preparing checkout";
+  }
+  if (status === "recovering") {
+    return "Resuming payment";
+  }
+  if (status === "processing") {
+    return "Processing payment";
+  }
+  if (status === "awaiting_authorization") {
+    return "Waiting for authorization";
+  }
+  if (status === "polling") {
+    return "Confirming payment";
+  }
+  if (status === "finalizing") {
+    return "Finalizing order";
+  }
+  if (status === "success") {
+    return "Payment complete";
+  }
+  return "Payment failed";
+}
+function CimplifyCheckout({
+  client,
+  businessId,
+  cartId,
+  locationId,
+  linkUrl,
+  orderTypes,
+  enrollInLink = true,
+  onComplete,
+  onError,
+  onStatusChange,
+  appearance,
+  demoMode,
+  className
+}) {
+  const resolvedOrderTypes = React3.useMemo(
+    () => orderTypes && orderTypes.length > 0 ? orderTypes : ["pickup", "delivery"],
+    [orderTypes]
+  );
+  const [orderType, setOrderType] = React3.useState(resolvedOrderTypes[0] || "pickup");
+  const [status, setStatus] = React3.useState(null);
+  const [statusText, setStatusText] = React3.useState("");
+  const [isSubmitting, setIsSubmitting] = React3.useState(false);
+  const [isInitializing, setIsInitializing] = React3.useState(false);
+  const [errorMessage, setErrorMessage] = React3.useState(null);
+  const [resolvedBusinessId, setResolvedBusinessId] = React3.useState(businessId ?? null);
+  const [resolvedCartId, setResolvedCartId] = React3.useState(cartId ?? null);
+  const [resolvedCart, setResolvedCart] = React3.useState(null);
+  const checkoutMountRef = React3.useRef(null);
+  const elementsRef = React3.useRef(null);
+  const activeCheckoutRef = React3.useRef(null);
+  const initialAppearanceRef = React3.useRef(appearance);
+  const hasWarnedInlineAppearanceRef = React3.useRef(false);
+  const isMountedRef = React3.useRef(true);
+  const demoRunRef = React3.useRef(0);
+  const isDemoCheckout = demoMode ?? client.getPublicKey().trim().length === 0;
+  const isTestMode = client.isTestMode();
+  const cimplifyCtx = useOptionalCimplify();
+  const fxOptions = React3.useMemo(() => {
+    if (!cimplifyCtx?.fxRate) return void 0;
+    if (cimplifyCtx.displayCurrency === cimplifyCtx.baseCurrency) return void 0;
+    return {
+      displayCurrency: cimplifyCtx.displayCurrency,
+      convertPrice: cimplifyCtx.convertPrice
+    };
+  }, [cimplifyCtx?.fxRate, cimplifyCtx?.displayCurrency, cimplifyCtx?.baseCurrency, cimplifyCtx?.convertPrice]);
+  const fxOptionsRef = React3.useRef(fxOptions);
+  fxOptionsRef.current = fxOptions;
+  const resolvedCartRef = React3.useRef(resolvedCart);
+  resolvedCartRef.current = resolvedCart;
+  const primaryColor = appearance?.variables?.primaryColor || "#0a2540";
+  const isDark = appearance?.theme === "dark";
+  const emitStatus = React3__default.default.useEffectEvent(
+    (nextStatus, context = {}) => {
+      setStatus(nextStatus);
+      setStatusText(context.display_text || "");
+      onStatusChange?.(nextStatus, context);
+    }
+  );
+  const fireError = React3__default.default.useEffectEvent(
+    (error) => {
+      onError?.(error);
+    }
+  );
+  React3.useEffect(() => {
+    if (!resolvedOrderTypes.includes(orderType)) {
+      setOrderType(resolvedOrderTypes[0] || "pickup");
+    }
+  }, [resolvedOrderTypes, orderType]);
+  React3.useEffect(() => {
+    if (appearance && appearance !== initialAppearanceRef.current && !hasWarnedInlineAppearanceRef.current) {
+      hasWarnedInlineAppearanceRef.current = true;
+      console.warn(
+        "[Cimplify] `appearance` prop reference changed after mount. Elements keep the initial appearance to avoid iframe remount. Memoize appearance with useMemo() to remove this warning."
+      );
+    }
+  }, [appearance]);
+  React3.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) {
+        if (!cancelled) {
+          setResolvedBusinessId(businessId || null);
+          setResolvedCartId(cartId || null);
+          setIsInitializing(false);
+          setErrorMessage(null);
+        }
+        client.cart.get().then((cartResult) => {
+          if (!cancelled && cartResult.ok && cartResult.value) {
+            setResolvedCart(cartResult.value);
+          }
+        }).catch(() => {
+        });
+        return;
+      }
+      if (!cancelled) {
+        setIsInitializing(true);
+        setErrorMessage(null);
       }
-      const nextBusiness = businessResult.ok ? businessResult.value : null;
-      const nextLocations = locationsResult.ok && Array.isArray(locationsResult.value) ? locationsResult.value : [];
-      const initialLocation = resolveInitialLocation(nextLocations);
-      setBusiness(nextBusiness);
-      if (nextBusiness?.id) {
-        resolvedClient.setBusinessId(nextBusiness.id);
+      let nextBusinessId = businessId ?? null;
+      if (!nextBusinessId) {
+        try {
+          nextBusinessId = await client.resolveBusinessId();
+        } catch {
+          if (!cancelled) {
+            const message = "Unable to initialize checkout business context.";
+            setResolvedBusinessId(null);
+            setResolvedCartId(null);
+            setErrorMessage(message);
+            setIsInitializing(false);
+            fireError({ code: "BUSINESS_ID_REQUIRED", message });
+          }
+          return;
+        }
       }
-      setLocations(nextLocations);
-      if (initialLocation) {
-        setCurrentLocationState(initialLocation);
-        resolvedClient.setLocationId(initialLocation.id);
-        setStoredLocationId(initialLocation.id);
-      } else {
-        setCurrentLocationState(null);
-        resolvedClient.setLocationId(null);
-        setStoredLocationId(null);
+      let nextCartId = cartId ?? null;
+      if (!nextCartId) {
+        const cartResult = await client.cart.get();
+        if (!cartResult.ok || !cartResult.value?.id || cartResult.value.items.length === 0) {
+          if (!cancelled) {
+            const message = "Your cart is empty. Add items before checkout.";
+            setResolvedBusinessId(nextBusinessId);
+            setResolvedCartId(null);
+            setErrorMessage(message);
+            setIsInitializing(false);
+            fireError({ code: "CART_EMPTY", message });
+          }
+          return;
+        }
+        nextCartId = cartResult.value.id;
+        if (!cancelled) {
+          setResolvedCart(cartResult.value);
+        }
+      }
+      if (!cancelled) {
+        setResolvedBusinessId(nextBusinessId);
+        setResolvedCartId(nextCartId);
+        setIsInitializing(false);
+        setErrorMessage(null);
       }
-      setIsReady(true);
     }
-    bootstrap().catch(() => {
-      if (cancelled) {
+    void bootstrap();
+    return () => {
+      cancelled = true;
+    };
+  }, [businessId, cartId, client, isDemoCheckout]);
+  React3.useEffect(() => {
+    return () => {
+      isMountedRef.current = false;
+      demoRunRef.current += 1;
+      activeCheckoutRef.current?.abort();
+      activeCheckoutRef.current = null;
+    };
+  }, []);
+  const handleSubmit = React3__default.default.useEffectEvent(async () => {
+    if (isSubmitting || isInitializing || !resolvedCartId) {
+      if (!resolvedCartId && !isInitializing) {
+        const message = "Your cart is empty. Add items before checkout.";
+        setErrorMessage(message);
+        fireError({ code: "CART_EMPTY", message });
+      }
+      return;
+    }
+    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);
+      fireError({ code: "CHECKOUT_NOT_READY", message });
+      setIsSubmitting(false);
+      return;
+    }
+    const checkout = elementsRef.current.processCheckout({
+      cart_id: resolvedCartId,
+      location_id: locationId ?? client.getLocationId() ?? void 0,
+      order_type: orderType,
+      enroll_in_link: enrollInLink,
+      on_status_change: emitStatus,
+      pay_currency: fxOptions?.displayCurrency
+    });
+    activeCheckoutRef.current = checkout;
+    try {
+      const result = await checkout;
+      if (result.success) {
+        onComplete(result);
         return;
       }
-      setBusiness(null);
-      setLocations([]);
-      setCurrentLocationState(null);
-      resolvedClient.setLocationId(null);
-      setStoredLocationId(null);
-      setIsReady(true);
+      const code = result.error?.code || "CHECKOUT_FAILED";
+      const message = result.error?.message || "Payment failed.";
+      setErrorMessage(message);
+      fireError({ code, message });
+    } finally {
+      if (isMountedRef.current) {
+        activeCheckoutRef.current = null;
+        setIsSubmitting(false);
+      }
+    }
+  });
+  React3.useEffect(() => {
+    if (isDemoCheckout || !resolvedBusinessId) {
+      elementsRef.current = null;
+      return;
+    }
+    const elements = client.elements(resolvedBusinessId, {
+      appearance: initialAppearanceRef.current,
+      linkUrl
+    });
+    elementsRef.current = elements;
+    const checkout = elements.create("checkout", {
+      orderTypes: resolvedOrderTypes,
+      defaultOrderType: resolvedOrderTypes[0]
+    });
+    if (checkoutMountRef.current) {
+      checkout.mount(checkoutMountRef.current);
+    }
+    checkout.on("ready", () => {
+      const cart = resolvedCartRef.current;
+      if (cart) {
+        checkout.setCart(transformToCheckoutCart(cart, fxOptionsRef.current));
+      }
+    });
+    checkout.on("order_type_changed", (data) => {
+      const typed = data;
+      if (typed.orderType) {
+        setOrderType(typed.orderType);
+      }
+    });
+    checkout.on("request_submit", () => {
+      void handleSubmit();
     });
     return () => {
-      cancelled = true;
+      activeCheckoutRef.current?.abort();
+      activeCheckoutRef.current = null;
+      elements.destroy();
+      elementsRef.current = null;
     };
-  }, [resolvedClient, isDemoMode]);
-  const contextValue = React2.useMemo(
-    () => ({
-      client: resolvedClient,
-      business,
-      currency: business?.default_currency || DEFAULT_CURRENCY,
-      country: business?.country_code || DEFAULT_COUNTRY,
-      locations,
-      currentLocation,
-      setCurrentLocation,
-      isReady,
-      isDemoMode
-    }),
-    [
-      resolvedClient,
-      business,
-      locations,
-      currentLocation,
-      setCurrentLocation,
-      isReady,
-      isDemoMode
-    ]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(CimplifyContext.Provider, { value: contextValue, children });
-}
-function useCimplify() {
-  const context = React2.useContext(CimplifyContext);
-  if (!context) {
-    throw new Error("useCimplify must be used within CimplifyProvider");
+  }, [client, resolvedBusinessId, isDemoCheckout]);
+  React3.useEffect(() => {
+    if (!resolvedCart || !elementsRef.current) return;
+    const checkoutElement = elementsRef.current.getElement("checkout");
+    if (checkoutElement) {
+      checkoutElement.setCart(transformToCheckoutCart(resolvedCart, fxOptions));
+    }
+  }, [resolvedCart, fxOptions]);
+  const colors = shellColors(isDark ?? false, primaryColor);
+  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..." }) });
   }
-  return context;
+  if (!isDemoCheckout && (!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(
+      "p",
+      {
+        "data-cimplify-test-mode": "",
+        style: {
+          marginBottom: "10px",
+          fontSize: "12px",
+          fontWeight: 600,
+          color: "#92400e"
+        },
+        children: "Test mode - no real charges"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-section": "checkout", children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: isDemoCheckout ? void 0 : 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 })
+  ] });
 }
-function useOptionalCimplify() {
-  return React2.useContext(CimplifyContext);
+function Price({ amount, className, prefix }) {
+  const { displayCurrency, convertPrice } = useCimplify();
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className, children: [
+    prefix,
+    formatPrice(convertPrice(amount), displayCurrency)
+  ] });
 }
 var productsCache = /* @__PURE__ */ new Map();
 var productsInflight = /* @__PURE__ */ new Map();
@@ -4493,9 +4748,9 @@ function useProducts(options = {}) {
   }
   const enabled = options.enabled ?? true;
   const locationId = client.getLocationId();
-  const previousLocationIdRef = React2.useRef(locationId);
-  const requestIdRef = React2.useRef(0);
-  const queryOptions = React2.useMemo(
+  const previousLocationIdRef = React3.useRef(locationId);
+  const requestIdRef = React3.useRef(0);
+  const queryOptions = React3.useMemo(
     () => ({
       category: options.category,
       collection: options.collection,
@@ -4505,25 +4760,25 @@ function useProducts(options = {}) {
     }),
     [options.category, options.collection, options.featured, options.limit, options.search]
   );
-  const cacheKey = React2.useMemo(
+  const cacheKey = React3.useMemo(
     () => buildProductsCacheKey(client, locationId, queryOptions),
     [client, locationId, queryOptions]
   );
   const cached = productsCache.get(cacheKey);
-  const [products, setProducts] = React2.useState(cached?.products ?? []);
-  const [isComplete, setIsComplete] = React2.useState(cached?.is_complete ?? true);
-  const [totalAvailable, setTotalAvailable] = React2.useState(cached?.total_available);
-  const [pagination, setPagination] = React2.useState(cached?.pagination);
-  const [isLoading, setIsLoading] = React2.useState(enabled && !cached);
-  const [error, setError] = React2.useState(null);
-  React2.useEffect(() => {
+  const [products, setProducts] = React3.useState(cached?.products ?? []);
+  const [isComplete, setIsComplete] = React3.useState(cached?.is_complete ?? true);
+  const [totalAvailable, setTotalAvailable] = React3.useState(cached?.total_available);
+  const [pagination, setPagination] = React3.useState(cached?.pagination);
+  const [isLoading, setIsLoading] = React3.useState(enabled && !cached);
+  const [error, setError] = React3.useState(null);
+  React3.useEffect(() => {
     if (previousLocationIdRef.current !== locationId) {
       productsCache.clear();
       productsInflight.clear();
       previousLocationIdRef.current = locationId;
     }
   }, [locationId]);
-  const load = React2.useCallback(
+  const load = React3.useCallback(
     async (force = false) => {
       if (!enabled) {
         setIsLoading(false);
@@ -4586,10 +4841,10 @@ function useProducts(options = {}) {
     },
     [cacheKey, client, enabled, queryOptions]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     void load(false);
   }, [load]);
-  const refetch = React2.useCallback(async () => {
+  const refetch = React3.useCallback(async () => {
     productsCache.delete(cacheKey);
     await load(true);
   }, [cacheKey, load]);
@@ -4623,27 +4878,27 @@ function useProduct(slugOrId, options = {}) {
   }
   const enabled = options.enabled ?? true;
   const locationId = client.getLocationId();
-  const previousLocationIdRef = React2.useRef(locationId);
-  const requestIdRef = React2.useRef(0);
-  const normalizedSlugOrId = React2.useMemo(() => (slugOrId || "").trim(), [slugOrId]);
-  const cacheKey = React2.useMemo(
+  const previousLocationIdRef = React3.useRef(locationId);
+  const requestIdRef = React3.useRef(0);
+  const normalizedSlugOrId = React3.useMemo(() => (slugOrId || "").trim(), [slugOrId]);
+  const cacheKey = React3.useMemo(
     () => buildProductCacheKey(client, locationId, normalizedSlugOrId),
     [client, locationId, normalizedSlugOrId]
   );
   const cached = productCache.get(cacheKey);
-  const [product, setProduct] = React2.useState(cached?.product ?? null);
-  const [isLoading, setIsLoading] = React2.useState(
+  const [product, setProduct] = React3.useState(cached?.product ?? null);
+  const [isLoading, setIsLoading] = React3.useState(
     enabled && normalizedSlugOrId.length > 0 && !cached
   );
-  const [error, setError] = React2.useState(null);
-  React2.useEffect(() => {
+  const [error, setError] = React3.useState(null);
+  React3.useEffect(() => {
     if (previousLocationIdRef.current !== locationId) {
       productCache.clear();
       productInflight.clear();
       previousLocationIdRef.current = locationId;
     }
   }, [locationId]);
-  const load = React2.useCallback(
+  const load = React3.useCallback(
     async (force = false) => {
       if (!enabled || normalizedSlugOrId.length === 0) {
         setProduct(null);
@@ -4696,10 +4951,10 @@ function useProduct(slugOrId, options = {}) {
     },
     [cacheKey, client, enabled, normalizedSlugOrId]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     void load(false);
   }, [load]);
-  const refetch = React2.useCallback(async () => {
+  const refetch = React3.useCallback(async () => {
     productCache.delete(cacheKey);
     await load(true);
   }, [cacheKey, load]);
@@ -4717,12 +4972,12 @@ function useCategories(options = {}) {
     throw new Error("useCategories must be used within CimplifyProvider or passed { client }.");
   }
   const enabled = options.enabled ?? true;
-  const cacheKey = React2.useMemo(() => buildCategoriesCacheKey(client), [client]);
+  const cacheKey = React3.useMemo(() => buildCategoriesCacheKey(client), [client]);
   const cached = categoriesCache.get(cacheKey);
-  const [categories, setCategories] = React2.useState(cached ?? []);
-  const [isLoading, setIsLoading] = React2.useState(enabled && !cached);
-  const [error, setError] = React2.useState(null);
-  const load = React2.useCallback(
+  const [categories, setCategories] = React3.useState(cached ?? []);
+  const [isLoading, setIsLoading] = React3.useState(enabled && !cached);
+  const [error, setError] = React3.useState(null);
+  const load = React3.useCallback(
     async (force = false) => {
       if (!enabled) {
         setIsLoading(false);
@@ -4766,10 +5021,10 @@ function useCategories(options = {}) {
     },
     [cacheKey, client, enabled]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     void load(false);
   }, [load]);
-  const refetch = React2.useCallback(async () => {
+  const refetch = React3.useCallback(async () => {
     categoriesCache.delete(cacheKey);
     await load(true);
   }, [cacheKey, load]);
@@ -5290,7 +5545,7 @@ function useCart(options = {}) {
   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 store = React2.useMemo(
+  const store = React3.useMemo(
     () => getOrCreateStore({
       client,
       locationId,
@@ -5299,43 +5554,43 @@ function useCart(options = {}) {
     }),
     [client, currency, isDemoMode, locationId]
   );
-  const snapshot = React2.useSyncExternalStore(
+  const snapshot = React3.useSyncExternalStore(
     store.subscribe,
     store.getSnapshot,
     store.getSnapshot
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     void store.initialize();
   }, [store]);
-  const addItem = React2.useCallback(
+  const addItem = React3.useCallback(
     async (product, quantity, addOptions) => {
       await store.addItem(product, quantity, addOptions);
     },
     [store]
   );
-  const removeItem = React2.useCallback(
+  const removeItem = React3.useCallback(
     async (itemId) => {
       await store.removeItem(itemId);
     },
     [store]
   );
-  const updateQuantity = React2.useCallback(
+  const updateQuantity = React3.useCallback(
     async (itemId, quantity) => {
       await store.updateQuantity(itemId, quantity);
     },
     [store]
   );
-  const clearCart = React2.useCallback(async () => {
+  const clearCart = React3.useCallback(async () => {
     await store.clearCart();
   }, [store]);
-  const sync = React2.useCallback(async () => {
+  const sync = React3.useCallback(async () => {
     try {
       await store.sync();
     } catch (syncError) {
       throw syncError;
     }
   }, [store]);
-  const itemCount = React2.useMemo(
+  const itemCount = React3.useMemo(
     () => snapshot.items.reduce((sum, item) => sum + item.quantity, 0),
     [snapshot.items]
   );
@@ -5366,22 +5621,22 @@ function useOrder(orderId, options = {}) {
   if (!client) {
     throw new Error("useOrder must be used within CimplifyProvider or passed { client }.");
   }
-  const normalizedOrderId = React2.useMemo(() => (orderId || "").trim(), [orderId]);
+  const normalizedOrderId = React3.useMemo(() => (orderId || "").trim(), [orderId]);
   const enabled = options.enabled ?? true;
   const poll = options.poll ?? false;
   const pollInterval = options.pollInterval ?? 5e3;
-  const requestIdRef = React2.useRef(0);
-  const cacheKey = React2.useMemo(
+  const requestIdRef = React3.useRef(0);
+  const cacheKey = React3.useMemo(
     () => buildOrderCacheKey(client, normalizedOrderId),
     [client, normalizedOrderId]
   );
   const cached = orderCache.get(cacheKey);
-  const [order, setOrder] = React2.useState(cached?.order ?? null);
-  const [isLoading, setIsLoading] = React2.useState(
+  const [order, setOrder] = React3.useState(cached?.order ?? null);
+  const [isLoading, setIsLoading] = React3.useState(
     enabled && normalizedOrderId.length > 0 && !cached
   );
-  const [error, setError] = React2.useState(null);
-  const load = React2.useCallback(
+  const [error, setError] = React3.useState(null);
+  const load = React3.useCallback(
     async (force = false) => {
       if (!enabled || normalizedOrderId.length === 0) {
         setOrder(null);
@@ -5434,10 +5689,10 @@ function useOrder(orderId, options = {}) {
     },
     [cacheKey, client, enabled, normalizedOrderId]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     void load(false);
   }, [load]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!poll || !enabled || normalizedOrderId.length === 0) {
       return;
     }
@@ -5448,7 +5703,7 @@ function useOrder(orderId, options = {}) {
       window.clearInterval(timer);
     };
   }, [enabled, load, normalizedOrderId.length, poll, pollInterval]);
-  const refetch = React2.useCallback(async () => {
+  const refetch = React3.useCallback(async () => {
     orderCache.delete(cacheKey);
     await load(true);
   }, [cacheKey, load]);
@@ -5499,10 +5754,10 @@ function useLocations(options = {}) {
     };
   }
   const client = options.client;
-  const [locations, setLocations] = React2.useState([]);
-  const [currentLocation, setCurrentLocationState] = React2.useState(null);
-  const [isLoading, setIsLoading] = React2.useState(true);
-  const setCurrentLocation = React2.useCallback(
+  const [locations, setLocations] = React3.useState([]);
+  const [currentLocation, setCurrentLocationState] = React3.useState(null);
+  const [isLoading, setIsLoading] = React3.useState(true);
+  const setCurrentLocation = React3.useCallback(
     (location) => {
       setCurrentLocationState(location);
       if (client) {
@@ -5512,7 +5767,7 @@ function useLocations(options = {}) {
     },
     [client]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!client) {
       setLocations([]);
       setCurrentLocationState(null);
@@ -5570,24 +5825,24 @@ function useCollections(options = {}) {
   }
   const enabled = options.enabled ?? true;
   const locationId = client.getLocationId();
-  const previousLocationIdRef = React2.useRef(locationId);
-  const requestIdRef = React2.useRef(0);
-  const cacheKey = React2.useMemo(
+  const previousLocationIdRef = React3.useRef(locationId);
+  const requestIdRef = React3.useRef(0);
+  const cacheKey = React3.useMemo(
     () => buildCollectionsCacheKey(client, locationId),
     [client, locationId]
   );
   const cached = collectionsCache.get(cacheKey);
-  const [collections, setCollections] = React2.useState(cached?.collections ?? []);
-  const [isLoading, setIsLoading] = React2.useState(enabled && !cached);
-  const [error, setError] = React2.useState(null);
-  React2.useEffect(() => {
+  const [collections, setCollections] = React3.useState(cached?.collections ?? []);
+  const [isLoading, setIsLoading] = React3.useState(enabled && !cached);
+  const [error, setError] = React3.useState(null);
+  React3.useEffect(() => {
     if (previousLocationIdRef.current !== locationId) {
       collectionsCache.clear();
       collectionsInflight.clear();
       previousLocationIdRef.current = locationId;
     }
   }, [locationId]);
-  const load = React2.useCallback(
+  const load = React3.useCallback(
     async (force = false) => {
       if (!enabled) {
         setIsLoading(false);
@@ -5637,10 +5892,10 @@ function useCollections(options = {}) {
     },
     [cacheKey, client, enabled]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     void load(false);
   }, [load]);
-  const refetch = React2.useCallback(async () => {
+  const refetch = React3.useCallback(async () => {
     collectionsCache.delete(cacheKey);
     await load(true);
   }, [cacheKey, load]);
@@ -5666,28 +5921,28 @@ function useCollection(idOrSlug, options = {}) {
   }
   const enabled = options.enabled ?? true;
   const locationId = client.getLocationId();
-  const previousLocationIdRef = React2.useRef(locationId);
-  const requestIdRef = React2.useRef(0);
-  const normalizedIdOrSlug = React2.useMemo(() => (idOrSlug || "").trim(), [idOrSlug]);
-  const cacheKey = React2.useMemo(
+  const previousLocationIdRef = React3.useRef(locationId);
+  const requestIdRef = React3.useRef(0);
+  const normalizedIdOrSlug = React3.useMemo(() => (idOrSlug || "").trim(), [idOrSlug]);
+  const cacheKey = React3.useMemo(
     () => buildCollectionCacheKey(client, locationId, normalizedIdOrSlug),
     [client, locationId, normalizedIdOrSlug]
   );
   const cached = collectionCache.get(cacheKey);
-  const [collection, setCollection] = React2.useState(cached?.collection ?? null);
-  const [products, setProducts] = React2.useState(cached?.products ?? []);
-  const [isLoading, setIsLoading] = React2.useState(
+  const [collection, setCollection] = React3.useState(cached?.collection ?? null);
+  const [products, setProducts] = React3.useState(cached?.products ?? []);
+  const [isLoading, setIsLoading] = React3.useState(
     enabled && normalizedIdOrSlug.length > 0 && !cached
   );
-  const [error, setError] = React2.useState(null);
-  React2.useEffect(() => {
+  const [error, setError] = React3.useState(null);
+  React3.useEffect(() => {
     if (previousLocationIdRef.current !== locationId) {
       collectionCache.clear();
       collectionInflight.clear();
       previousLocationIdRef.current = locationId;
     }
   }, [locationId]);
-  const load = React2.useCallback(
+  const load = React3.useCallback(
     async (force = false) => {
       if (!enabled || normalizedIdOrSlug.length === 0) {
         setCollection(null);
@@ -5750,10 +6005,10 @@ function useCollection(idOrSlug, options = {}) {
     },
     [cacheKey, client, enabled, normalizedIdOrSlug]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     void load(false);
   }, [load]);
-  const refetch = React2.useCallback(async () => {
+  const refetch = React3.useCallback(async () => {
     collectionCache.delete(cacheKey);
     await load(true);
   }, [cacheKey, load]);
@@ -5779,27 +6034,27 @@ function useBundle(idOrSlug, options = {}) {
   }
   const enabled = options.enabled ?? true;
   const locationId = client.getLocationId();
-  const previousLocationIdRef = React2.useRef(locationId);
-  const requestIdRef = React2.useRef(0);
-  const normalizedIdOrSlug = React2.useMemo(() => (idOrSlug || "").trim(), [idOrSlug]);
-  const cacheKey = React2.useMemo(
+  const previousLocationIdRef = React3.useRef(locationId);
+  const requestIdRef = React3.useRef(0);
+  const normalizedIdOrSlug = React3.useMemo(() => (idOrSlug || "").trim(), [idOrSlug]);
+  const cacheKey = React3.useMemo(
     () => buildBundleCacheKey(client, locationId, normalizedIdOrSlug),
     [client, locationId, normalizedIdOrSlug]
   );
   const cached = bundleCache.get(cacheKey);
-  const [bundle, setBundle] = React2.useState(cached?.bundle ?? null);
-  const [isLoading, setIsLoading] = React2.useState(
+  const [bundle, setBundle] = React3.useState(cached?.bundle ?? null);
+  const [isLoading, setIsLoading] = React3.useState(
     enabled && normalizedIdOrSlug.length > 0 && !cached
   );
-  const [error, setError] = React2.useState(null);
-  React2.useEffect(() => {
+  const [error, setError] = React3.useState(null);
+  React3.useEffect(() => {
     if (previousLocationIdRef.current !== locationId) {
       bundleCache.clear();
       bundleInflight.clear();
       previousLocationIdRef.current = locationId;
     }
   }, [locationId]);
-  const load = React2.useCallback(
+  const load = React3.useCallback(
     async (force = false) => {
       if (!enabled || normalizedIdOrSlug.length === 0) {
         setBundle(null);
@@ -5850,10 +6105,10 @@ function useBundle(idOrSlug, options = {}) {
     },
     [cacheKey, client, enabled, normalizedIdOrSlug]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     void load(false);
   }, [load]);
-  const refetch = React2.useCallback(async () => {
+  const refetch = React3.useCallback(async () => {
     bundleCache.delete(cacheKey);
     await load(true);
   }, [cacheKey, load]);
@@ -5883,37 +6138,37 @@ function useComposite(idOrProductId, options = {}) {
   }
   const enabled = options.enabled ?? true;
   const locationId = client.getLocationId();
-  const previousLocationIdRef = React2.useRef(locationId);
-  const requestIdRef = React2.useRef(0);
-  const priceRequestIdRef = React2.useRef(0);
-  const normalizedIdOrProductId = React2.useMemo(
+  const previousLocationIdRef = React3.useRef(locationId);
+  const requestIdRef = React3.useRef(0);
+  const priceRequestIdRef = React3.useRef(0);
+  const normalizedIdOrProductId = React3.useMemo(
     () => (idOrProductId || "").trim(),
     [idOrProductId]
   );
-  const byProductId = React2.useMemo(
+  const byProductId = React3.useMemo(
     () => shouldFetchByProductId(normalizedIdOrProductId, options.byProductId),
     [normalizedIdOrProductId, options.byProductId]
   );
-  const cacheKey = React2.useMemo(
+  const cacheKey = React3.useMemo(
     () => buildCompositeCacheKey(client, locationId, normalizedIdOrProductId, byProductId),
     [byProductId, client, locationId, normalizedIdOrProductId]
   );
   const cached = compositeCache.get(cacheKey);
-  const [composite, setComposite] = React2.useState(cached?.composite ?? null);
-  const [isLoading, setIsLoading] = React2.useState(
+  const [composite, setComposite] = React3.useState(cached?.composite ?? null);
+  const [isLoading, setIsLoading] = React3.useState(
     enabled && normalizedIdOrProductId.length > 0 && !cached
   );
-  const [error, setError] = React2.useState(null);
-  const [priceResult, setPriceResult] = React2.useState(null);
-  const [isPriceLoading, setIsPriceLoading] = React2.useState(false);
-  React2.useEffect(() => {
+  const [error, setError] = React3.useState(null);
+  const [priceResult, setPriceResult] = React3.useState(null);
+  const [isPriceLoading, setIsPriceLoading] = React3.useState(false);
+  React3.useEffect(() => {
     if (previousLocationIdRef.current !== locationId) {
       compositeCache.clear();
       compositeInflight.clear();
       previousLocationIdRef.current = locationId;
     }
   }, [locationId]);
-  const load = React2.useCallback(
+  const load = React3.useCallback(
     async (force = false) => {
       if (!enabled || normalizedIdOrProductId.length === 0) {
         setComposite(null);
@@ -5966,10 +6221,10 @@ function useComposite(idOrProductId, options = {}) {
     },
     [byProductId, cacheKey, client, enabled, normalizedIdOrProductId]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     void load(false);
   }, [load]);
-  const calculatePrice = React2.useCallback(
+  const calculatePrice = React3.useCallback(
     async (selections, overrideLocationId) => {
       if (!composite) {
         return null;
@@ -6003,7 +6258,7 @@ function useComposite(idOrProductId, options = {}) {
     },
     [client, composite]
   );
-  const refetch = React2.useCallback(async () => {
+  const refetch = React3.useCallback(async () => {
     compositeCache.delete(cacheKey);
     await load(true);
   }, [cacheKey, load]);
@@ -6018,13 +6273,13 @@ function useSearch(options = {}) {
   const minLength = Math.max(0, options.minLength ?? 2);
   const debounceMs = Math.max(0, options.debounceMs ?? 300);
   const limit = Math.max(1, options.limit ?? 20);
-  const [query, setQueryState] = React2.useState("");
-  const [results, setResults] = React2.useState([]);
-  const [isLoading, setIsLoading] = React2.useState(false);
-  const [error, setError] = React2.useState(null);
-  const requestIdRef = React2.useRef(0);
-  const timerRef = React2.useRef(null);
-  React2.useEffect(() => {
+  const [query, setQueryState] = React3.useState("");
+  const [results, setResults] = React3.useState([]);
+  const [isLoading, setIsLoading] = React3.useState(false);
+  const [error, setError] = React3.useState(null);
+  const requestIdRef = React3.useRef(0);
+  const timerRef = React3.useRef(null);
+  React3.useEffect(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
@@ -6071,10 +6326,10 @@ function useSearch(options = {}) {
       }
     };
   }, [client, debounceMs, limit, minLength, options.category, query]);
-  const setQuery = React2.useCallback((nextQuery) => {
+  const setQuery = React3.useCallback((nextQuery) => {
     setQueryState(nextQuery);
   }, []);
-  const clear = React2.useCallback(() => {
+  const clear = React3.useCallback(() => {
     requestIdRef.current += 1;
     if (timerRef.current) {
       clearTimeout(timerRef.current);
@@ -6130,28 +6385,28 @@ function useQuote(input, options = {}) {
   const autoRefresh = options.autoRefresh ?? true;
   const refreshBeforeExpiryMs = Math.max(0, options.refreshBeforeExpiryMs ?? 3e4);
   const locationId = client.getLocationId();
-  const requestIdRef = React2.useRef(0);
-  const refreshTimerRef = React2.useRef(null);
-  const expiryTimerRef = React2.useRef(null);
-  const inputSignature = React2.useMemo(() => JSON.stringify(input ?? null), [input]);
-  const normalizedInput = React2.useMemo(() => {
+  const requestIdRef = React3.useRef(0);
+  const refreshTimerRef = React3.useRef(null);
+  const expiryTimerRef = React3.useRef(null);
+  const inputSignature = React3.useMemo(() => JSON.stringify(input ?? null), [input]);
+  const normalizedInput = React3.useMemo(() => {
     if (!input) {
       return null;
     }
     const normalized = normalizeInput(input, locationId);
     return normalized.product_id.length > 0 ? normalized : null;
   }, [inputSignature, locationId]);
-  const cacheKey = React2.useMemo(
+  const cacheKey = React3.useMemo(
     () => buildQuoteCacheKey(client, locationId, inputSignature),
     [client, inputSignature, locationId]
   );
   const cached = quoteCache.get(cacheKey);
-  const [quote, setQuote] = React2.useState(cached?.quote ?? null);
-  const [isLoading, setIsLoading] = React2.useState(enabled && normalizedInput !== null && !cached);
-  const [error, setError] = React2.useState(null);
-  const [isExpired, setIsExpired] = React2.useState(isQuoteExpired(cached?.quote ?? null));
-  const [messages, setMessages] = React2.useState(cached?.quote?.ui_messages ?? []);
-  const load = React2.useCallback(
+  const [quote, setQuote] = React3.useState(cached?.quote ?? null);
+  const [isLoading, setIsLoading] = React3.useState(enabled && normalizedInput !== null && !cached);
+  const [error, setError] = React3.useState(null);
+  const [isExpired, setIsExpired] = React3.useState(isQuoteExpired(cached?.quote ?? null));
+  const [messages, setMessages] = React3.useState(cached?.quote?.ui_messages ?? []);
+  const load = React3.useCallback(
     async (force = false) => {
       if (!enabled || !normalizedInput) {
         setQuote(null);
@@ -6209,10 +6464,10 @@ function useQuote(input, options = {}) {
     },
     [cacheKey, client, enabled, normalizedInput]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     void load(false);
   }, [load]);
-  const refresh = React2.useCallback(async () => {
+  const refresh = React3.useCallback(async () => {
     if (!enabled || !normalizedInput) {
       return;
     }
@@ -6249,7 +6504,7 @@ function useQuote(input, options = {}) {
       }
     }
   }, [cacheKey, client, enabled, load, normalizedInput, quote]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (expiryTimerRef.current) {
       clearTimeout(expiryTimerRef.current);
       expiryTimerRef.current = null;
@@ -6273,7 +6528,7 @@ function useQuote(input, options = {}) {
       }
     };
   }, [quote?.expires_at, quote?.quote_id]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (refreshTimerRef.current) {
       clearTimeout(refreshTimerRef.current);
       refreshTimerRef.current = null;
@@ -6298,15 +6553,15 @@ function useQuote(input, options = {}) {
   }, [autoRefresh, enabled, quote?.expires_at, quote?.quote_id, refresh, refreshBeforeExpiryMs]);
   return { quote, isLoading, error, refresh, isExpired, messages };
 }
-var ElementsContext = React2.createContext({
+var ElementsContext = React3.createContext({
   elements: null,
   isReady: false
 });
 function useElements() {
-  return React2.useContext(ElementsContext).elements;
+  return React3.useContext(ElementsContext).elements;
 }
 function useElementsReady() {
-  return React2.useContext(ElementsContext).isReady;
+  return React3.useContext(ElementsContext).isReady;
 }
 function ElementsProvider({
   client,
@@ -6314,10 +6569,10 @@ function ElementsProvider({
   options,
   children
 }) {
-  const [elements, setElements] = React2.useState(null);
-  const [isReady, setIsReady] = React2.useState(false);
-  const initialOptionsRef = React2.useRef(options);
-  React2.useEffect(() => {
+  const [elements, setElements] = React3.useState(null);
+  const [isReady, setIsReady] = React3.useState(false);
+  const initialOptionsRef = React3.useRef(options);
+  React3.useEffect(() => {
     let cancelled = false;
     let instance = null;
     setIsReady(false);
@@ -6358,20 +6613,20 @@ function AuthElement({
   onRequiresOtp,
   onError
 }) {
-  const containerRef = React2.useRef(null);
-  const elementRef = React2.useRef(null);
+  const containerRef = React3.useRef(null);
+  const elementRef = React3.useRef(null);
   const elements = useElements();
-  const onReadyRef = React2.useRef(onReady);
-  const onAuthenticatedRef = React2.useRef(onAuthenticated);
-  const onRequiresOtpRef = React2.useRef(onRequiresOtp);
-  const onErrorRef = React2.useRef(onError);
-  React2.useEffect(() => {
+  const onReadyRef = React3.useRef(onReady);
+  const onAuthenticatedRef = React3.useRef(onAuthenticated);
+  const onRequiresOtpRef = React3.useRef(onRequiresOtp);
+  const onErrorRef = React3.useRef(onError);
+  React3.useEffect(() => {
     onReadyRef.current = onReady;
     onAuthenticatedRef.current = onAuthenticated;
     onRequiresOtpRef.current = onRequiresOtp;
     onErrorRef.current = onError;
   }, [onReady, onAuthenticated, onRequiresOtp, onError]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
     const element = elements.create(ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
@@ -6401,18 +6656,18 @@ function AddressElement({
   onChange,
   onError
 }) {
-  const containerRef = React2.useRef(null);
-  const elementRef = React2.useRef(null);
+  const containerRef = React3.useRef(null);
+  const elementRef = React3.useRef(null);
   const elements = useElements();
-  const onReadyRef = React2.useRef(onReady);
-  const onChangeRef = React2.useRef(onChange);
-  const onErrorRef = React2.useRef(onError);
-  React2.useEffect(() => {
+  const onReadyRef = React3.useRef(onReady);
+  const onChangeRef = React3.useRef(onChange);
+  const onErrorRef = React3.useRef(onError);
+  React3.useEffect(() => {
     onReadyRef.current = onReady;
     onChangeRef.current = onChange;
     onErrorRef.current = onError;
   }, [onReady, onChange, onError]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
     const element = elements.create(ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
@@ -6439,18 +6694,18 @@ function PaymentElement({
   onChange,
   onError
 }) {
-  const containerRef = React2.useRef(null);
-  const elementRef = React2.useRef(null);
+  const containerRef = React3.useRef(null);
+  const elementRef = React3.useRef(null);
   const elements = useElements();
-  const onReadyRef = React2.useRef(onReady);
-  const onChangeRef = React2.useRef(onChange);
-  const onErrorRef = React2.useRef(onError);
-  React2.useEffect(() => {
+  const onReadyRef = React3.useRef(onReady);
+  const onChangeRef = React3.useRef(onChange);
+  const onErrorRef = React3.useRef(onError);
+  React3.useEffect(() => {
     onReadyRef.current = onReady;
     onChangeRef.current = onChange;
     onErrorRef.current = onError;
   }, [onReady, onChange, onError]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
     const element = elements.create(ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
@@ -6470,8 +6725,8 @@ function PaymentElement({
 }
 function useCheckout() {
   const elements = useElements();
-  const [isLoading, setIsLoading] = React2.useState(false);
-  const submit = React2.useCallback(
+  const [isLoading, setIsLoading] = React3.useState(false);
+  const submit = React3.useCallback(
     async (data) => {
       if (!elements) {
         return { success: false, error: { code: "NO_ELEMENTS", message: "Elements not initialized" } };
@@ -6485,7 +6740,7 @@ function useCheckout() {
     },
     [elements]
   );
-  const process = React2.useCallback(
+  const process = React3.useCallback(
     async (options) => {
       if (!elements) {
         return {
@@ -6513,6 +6768,7 @@ exports.CimplifyCheckout = CimplifyCheckout;
 exports.CimplifyProvider = CimplifyProvider;
 exports.ElementsProvider = ElementsProvider;
 exports.PaymentElement = PaymentElement;
+exports.Price = Price;
 exports.useAds = useAds;
 exports.useBundle = useBundle;
 exports.useCart = useCart;