@cimplify/sdk 0.8.7 → 0.8.9

package/dist/react.js

@@ -1,55 +1,13 @@
 '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
-
-// src/types/elements.ts
-var ELEMENT_TYPES = {
-  AUTH: "auth",
-  ADDRESS: "address",
-  PAYMENT: "payment",
-  CHECKOUT: "checkout"
-};
-var MESSAGE_TYPES = {
-  // Parent → Iframe
-  INIT: "init",
-  SET_TOKEN: "set_token",
-  SET_CART: "set_cart",
-  GET_DATA: "get_data",
-  PROCESS_CHECKOUT: "process_checkout",
-  ABORT_CHECKOUT: "abort_checkout",
-  // Iframe → Parent
-  READY: "ready",
-  HEIGHT_CHANGE: "height_change",
-  AUTHENTICATED: "authenticated",
-  REQUIRES_OTP: "requires_otp",
-  ERROR: "error",
-  ADDRESS_CHANGED: "address_changed",
-  ADDRESS_SELECTED: "address_selected",
-  PAYMENT_METHOD_SELECTED: "payment_method_selected",
-  TOKEN_REFRESHED: "token_refreshed",
-  LOGOUT_COMPLETE: "logout_complete",
-  CONTACT_PROVIDED: "contact_provided",
-  CHECKOUT_STATUS: "checkout_status",
-  CHECKOUT_COMPLETE: "checkout_complete",
-  ORDER_TYPE_CHANGED: "order_type_changed",
-  REQUEST_SUBMIT: "request_submit"
-};
-var EVENT_TYPES = {
-  READY: "ready",
-  AUTHENTICATED: "authenticated",
-  REQUIRES_OTP: "requires_otp",
-  ERROR: "error",
-  CHANGE: "change",
-  ORDER_TYPE_CHANGED: "order_type_changed",
-  REQUEST_SUBMIT: "request_submit"
-};
+// src/ads/index.tsx
 
 // src/ads/identity.ts
 var COOKIE_NAME = "_cimplify_uid";
@@ -201,7 +159,7 @@ function deriveAdsApiUrl() {
   }
   return "https://api.cimplify.io";
 }
-var AdContext = React2.createContext({
+var AdContext = React3.createContext({
   siteId: null,
   config: null,
   isLoading: true,
@@ -209,7 +167,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 +176,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 +202,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 +249,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 +326,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 +345,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,623 +353,231 @@ 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
-  };
+
+// src/types/common.ts
+function money(value) {
+  return value;
 }
-function statusToLabel(status) {
-  if (!status) {
-    return "";
+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;
+}
+var ErrorCode = {
+  // General
+  UNKNOWN_ERROR: "UNKNOWN_ERROR",
+  NETWORK_ERROR: "NETWORK_ERROR",
+  TIMEOUT: "TIMEOUT",
+  UNAUTHORIZED: "UNAUTHORIZED",
+  NOT_FOUND: "NOT_FOUND"};
+var DOCS_ERROR_BASE_URL = "https://docs.cimplify.io/reference/error-codes";
+function docsUrlForCode(code) {
+  return `${DOCS_ERROR_BASE_URL}#${code.toLowerCase().replace(/_/g, "-")}`;
+}
+var ERROR_SUGGESTIONS = {
+  UNKNOWN_ERROR: "An unexpected error occurred. Capture the request/response payload and retry with exponential backoff.",
+  NETWORK_ERROR: "Check the shopper's connection and retry. If this persists, inspect CORS, DNS, and API reachability.",
+  TIMEOUT: "The request exceeded the timeout. Retry once, then poll order status before charging again.",
+  UNAUTHORIZED: "Authentication is missing or expired. Ensure a valid access token is set and refresh the session if needed.",
+  FORBIDDEN: "The key/session lacks permission for this resource. Verify business ownership and API key scope.",
+  NOT_FOUND: "The requested resource does not exist or is not visible in this environment.",
+  VALIDATION_ERROR: "One or more fields are invalid. Validate required fields and enum values before retrying.",
+  CART_EMPTY: "The cart has no items. Redirect back to menu/catalogue and require at least one line item.",
+  CART_EXPIRED: "This cart is no longer active. Recreate a new cart and re-add shopper selections.",
+  CART_NOT_FOUND: "Cart could not be located. It may have expired or belongs to a different key/location.",
+  ITEM_UNAVAILABLE: "The selected item is unavailable at this location/time. Prompt the shopper to pick an alternative.",
+  VARIANT_NOT_FOUND: "The requested variant no longer exists. Refresh product data and require re-selection.",
+  VARIANT_OUT_OF_STOCK: "The selected variant is out of stock. Show in-stock variants and block checkout for this line.",
+  ADDON_REQUIRED: "A required add-on is missing. Ensure required modifier groups are completed before add-to-cart.",
+  ADDON_MAX_EXCEEDED: "Too many add-ons were selected. Enforce max selections client-side before submission.",
+  CHECKOUT_VALIDATION_FAILED: "Checkout payload failed validation. Verify customer, order type, and address fields are complete.",
+  DELIVERY_ADDRESS_REQUIRED: "Delivery orders require an address. Collect and pass address info before processing checkout.",
+  CUSTOMER_INFO_REQUIRED: "Customer details are required. Ensure name/email/phone are available before checkout.",
+  QUOTE_NOT_FOUND: "Quote could not be found. Refresh pricing and create a new quote before checkout.",
+  QUOTE_EXPIRED: "Quote has expired. Re-fetch pricing to generate a new quote with a valid expiry window.",
+  QUOTE_CONSUMED: "Quote has already been used. Request a fresh quote to prevent duplicate checkout attempts.",
+  QUOTE_STORAGE_UNAVAILABLE: "Quote storage is temporarily unavailable. Retry shortly and avoid charging until quote fetch succeeds.",
+  PAYMENT_FAILED: "Payment provider rejected or failed processing. Show retry/change-method options to the shopper.",
+  PAYMENT_CANCELLED: "Payment was cancelled by the shopper or provider flow. Allow a safe retry path.",
+  INSUFFICIENT_FUNDS: "Payment method has insufficient funds. Prompt shopper to use another method.",
+  CARD_DECLINED: "Card was declined. Ask shopper to retry or switch payment method.",
+  INVALID_OTP: "Authorization code is invalid. Let shopper re-enter OTP/PIN and retry.",
+  OTP_EXPIRED: "Authorization code expired. Request a new OTP and re-submit authorization.",
+  AUTHORIZATION_FAILED: "Additional payment authorization failed. Retry authorization or change payment method.",
+  PAYMENT_ACTION_NOT_COMPLETED: "Required payment action was not completed. Resume provider flow and poll for status.",
+  SLOT_UNAVAILABLE: "Selected schedule slot is unavailable. Refresh available slots and ask shopper to reselect.",
+  BOOKING_CONFLICT: "The requested booking conflicts with an existing reservation. Pick another slot/resource.",
+  SERVICE_NOT_FOUND: "Requested service no longer exists. Refresh service catalogue and retry selection.",
+  OUT_OF_STOCK: "Inventory is depleted for this item. Remove it or reduce quantity before checkout.",
+  INSUFFICIENT_QUANTITY: "Requested quantity exceeds available inventory. Reduce quantity and retry.",
+  BUSINESS_ID_REQUIRED: "Business context could not be resolved. Verify the public key and business bootstrap call.",
+  INVALID_CART: "Cart is invalid for checkout. Sync cart state, ensure items exist, then retry.",
+  ORDER_TYPE_REQUIRED: "Order type is required. Provide one of delivery, pickup, or dine_in before checkout.",
+  NO_PAYMENT_ELEMENT: "PaymentElement is required for processCheckout(). Mount it before triggering checkout.",
+  PAYMENT_NOT_MOUNTED: "PaymentElement iframe is not mounted. Mount it in the DOM before processCheckout().",
+  AUTH_INCOMPLETE: "AuthElement has not completed authentication. Wait for AUTHENTICATED before checkout.",
+  AUTH_LOST: "Session was cleared during checkout. Re-authenticate and restart checkout safely.",
+  ALREADY_PROCESSING: "Checkout is already in progress. Disable duplicate submits until completion.",
+  CHECKOUT_NOT_READY: "Checkout elements are still initializing. Wait for readiness before submit.",
+  CANCELLED: "Checkout was cancelled. Preserve cart state and allow shopper to retry.",
+  REQUEST_TIMEOUT: "Provider call timed out. Poll payment/order status before issuing another charge attempt.",
+  POPUP_BLOCKED: "Browser blocked provider popup. Ask shopper to enable popups and retry.",
+  FX_QUOTE_FAILED: "Failed to lock FX quote. Retry currency quote or fallback to base currency."
+};
+var ERROR_HINTS = Object.fromEntries(
+  Object.entries(ERROR_SUGGESTIONS).map(([code, suggestion]) => [
+    code,
+    {
+      docs_url: docsUrlForCode(code),
+      suggestion
+    }
+  ])
+);
+var CimplifyError = class extends Error {
+  constructor(code, message, retryable = false, docs_url, suggestion) {
+    super(message);
+    this.code = code;
+    this.retryable = retryable;
+    this.docs_url = docs_url;
+    this.suggestion = suggestion;
+    this.name = "CimplifyError";
   }
-  if (status === "preparing") {
-    return "Preparing checkout";
+  /** User-friendly message safe to display */
+  get userMessage() {
+    return this.message;
   }
-  if (status === "recovering") {
-    return "Resuming payment";
+};
+function getErrorHint(code) {
+  return ERROR_HINTS[code];
+}
+function enrichError(error, options = {}) {
+  const hint = getErrorHint(error.code);
+  if (hint) {
+    if (!error.docs_url) {
+      error.docs_url = hint.docs_url;
+    }
+    if (!error.suggestion) {
+      error.suggestion = hint.suggestion;
+    }
+  } else if (!error.docs_url) {
+    error.docs_url = docsUrlForCode(error.code || ErrorCode.UNKNOWN_ERROR);
   }
-  if (status === "processing") {
-    return "Processing payment";
+  if (options.isTestMode && !error.message.includes("pk_test_")) {
+    error.message = `${error.message}
+
+\u2139 Your API key is a test-mode key (pk_test_...). Verify test data/session before retrying.`;
   }
-  if (status === "awaiting_authorization") {
-    return "Waiting for authorization";
+  return error;
+}
+
+// src/types/result.ts
+function ok(value) {
+  return { ok: true, value };
+}
+function err(error) {
+  return { ok: false, error };
+}
+
+// src/catalogue.ts
+function toCimplifyError(error) {
+  if (error instanceof CimplifyError) return enrichError(error);
+  if (error instanceof Error) {
+    return enrichError(new CimplifyError(ErrorCode.UNKNOWN_ERROR, error.message, false));
   }
-  if (status === "polling") {
-    return "Confirming payment";
+  return enrichError(new CimplifyError(ErrorCode.UNKNOWN_ERROR, String(error), false));
+}
+async function safe(promise) {
+  try {
+    return ok(await promise);
+  } catch (error) {
+    return err(toCimplifyError(error));
   }
-  if (status === "finalizing") {
-    return "Finalizing order";
+}
+function withQuery(path, params) {
+  const query = new URLSearchParams();
+  for (const [key, value] of Object.entries(params)) {
+    if (value === void 0) continue;
+    query.set(key, String(value));
   }
-  if (status === "success") {
-    return "Payment complete";
+  const queryString = query.toString();
+  return queryString ? `${path}?${queryString}` : path;
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function readFinalPrice(value) {
+  if (!isRecord(value)) return void 0;
+  const finalPrice = value.final_price;
+  if (typeof finalPrice === "string" || typeof finalPrice === "number") {
+    return finalPrice;
   }
-  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/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;
-  }
-  if (typeof value === "number") {
-    return isNaN(value) ? 0 : value;
-  }
-  const cleaned = value.replace(/[^\d.-]/g, "");
-  const parsed = parseFloat(cleaned);
-  return isNaN(parsed) ? 0 : parsed;
-}
-
-// src/types/common.ts
-function money(value) {
-  return value;
-}
-function moneyFromNumber(value) {
-  return value.toFixed(2);
-}
-function currencyCode(value) {
-  return value;
-}
-var ErrorCode = {
-  // General
-  UNKNOWN_ERROR: "UNKNOWN_ERROR",
-  NETWORK_ERROR: "NETWORK_ERROR",
-  TIMEOUT: "TIMEOUT",
-  UNAUTHORIZED: "UNAUTHORIZED",
-  NOT_FOUND: "NOT_FOUND"};
-var DOCS_ERROR_BASE_URL = "https://docs.cimplify.io/reference/error-codes";
-function docsUrlForCode(code) {
-  return `${DOCS_ERROR_BASE_URL}#${code.toLowerCase().replace(/_/g, "-")}`;
-}
-var ERROR_SUGGESTIONS = {
-  UNKNOWN_ERROR: "An unexpected error occurred. Capture the request/response payload and retry with exponential backoff.",
-  NETWORK_ERROR: "Check the shopper's connection and retry. If this persists, inspect CORS, DNS, and API reachability.",
-  TIMEOUT: "The request exceeded the timeout. Retry once, then poll order status before charging again.",
-  UNAUTHORIZED: "Authentication is missing or expired. Ensure a valid access token is set and refresh the session if needed.",
-  FORBIDDEN: "The key/session lacks permission for this resource. Verify business ownership and API key scope.",
-  NOT_FOUND: "The requested resource does not exist or is not visible in this environment.",
-  VALIDATION_ERROR: "One or more fields are invalid. Validate required fields and enum values before retrying.",
-  CART_EMPTY: "The cart has no items. Redirect back to menu/catalogue and require at least one line item.",
-  CART_EXPIRED: "This cart is no longer active. Recreate a new cart and re-add shopper selections.",
-  CART_NOT_FOUND: "Cart could not be located. It may have expired or belongs to a different key/location.",
-  ITEM_UNAVAILABLE: "The selected item is unavailable at this location/time. Prompt the shopper to pick an alternative.",
-  VARIANT_NOT_FOUND: "The requested variant no longer exists. Refresh product data and require re-selection.",
-  VARIANT_OUT_OF_STOCK: "The selected variant is out of stock. Show in-stock variants and block checkout for this line.",
-  ADDON_REQUIRED: "A required add-on is missing. Ensure required modifier groups are completed before add-to-cart.",
-  ADDON_MAX_EXCEEDED: "Too many add-ons were selected. Enforce max selections client-side before submission.",
-  CHECKOUT_VALIDATION_FAILED: "Checkout payload failed validation. Verify customer, order type, and address fields are complete.",
-  DELIVERY_ADDRESS_REQUIRED: "Delivery orders require an address. Collect and pass address info before processing checkout.",
-  CUSTOMER_INFO_REQUIRED: "Customer details are required. Ensure name/email/phone are available before checkout.",
-  QUOTE_NOT_FOUND: "Quote could not be found. Refresh pricing and create a new quote before checkout.",
-  QUOTE_EXPIRED: "Quote has expired. Re-fetch pricing to generate a new quote with a valid expiry window.",
-  QUOTE_CONSUMED: "Quote has already been used. Request a fresh quote to prevent duplicate checkout attempts.",
-  QUOTE_STORAGE_UNAVAILABLE: "Quote storage is temporarily unavailable. Retry shortly and avoid charging until quote fetch succeeds.",
-  PAYMENT_FAILED: "Payment provider rejected or failed processing. Show retry/change-method options to the shopper.",
-  PAYMENT_CANCELLED: "Payment was cancelled by the shopper or provider flow. Allow a safe retry path.",
-  INSUFFICIENT_FUNDS: "Payment method has insufficient funds. Prompt shopper to use another method.",
-  CARD_DECLINED: "Card was declined. Ask shopper to retry or switch payment method.",
-  INVALID_OTP: "Authorization code is invalid. Let shopper re-enter OTP/PIN and retry.",
-  OTP_EXPIRED: "Authorization code expired. Request a new OTP and re-submit authorization.",
-  AUTHORIZATION_FAILED: "Additional payment authorization failed. Retry authorization or change payment method.",
-  PAYMENT_ACTION_NOT_COMPLETED: "Required payment action was not completed. Resume provider flow and poll for status.",
-  SLOT_UNAVAILABLE: "Selected schedule slot is unavailable. Refresh available slots and ask shopper to reselect.",
-  BOOKING_CONFLICT: "The requested booking conflicts with an existing reservation. Pick another slot/resource.",
-  SERVICE_NOT_FOUND: "Requested service no longer exists. Refresh service catalogue and retry selection.",
-  OUT_OF_STOCK: "Inventory is depleted for this item. Remove it or reduce quantity before checkout.",
-  INSUFFICIENT_QUANTITY: "Requested quantity exceeds available inventory. Reduce quantity and retry.",
-  BUSINESS_ID_REQUIRED: "Business context could not be resolved. Verify the public key and business bootstrap call.",
-  INVALID_CART: "Cart is invalid for checkout. Sync cart state, ensure items exist, then retry.",
-  ORDER_TYPE_REQUIRED: "Order type is required. Provide one of delivery, pickup, or dine_in before checkout.",
-  NO_PAYMENT_ELEMENT: "PaymentElement is required for processCheckout(). Mount it before triggering checkout.",
-  PAYMENT_NOT_MOUNTED: "PaymentElement iframe is not mounted. Mount it in the DOM before processCheckout().",
-  AUTH_INCOMPLETE: "AuthElement has not completed authentication. Wait for AUTHENTICATED before checkout.",
-  AUTH_LOST: "Session was cleared during checkout. Re-authenticate and restart checkout safely.",
-  ALREADY_PROCESSING: "Checkout is already in progress. Disable duplicate submits until completion.",
-  CHECKOUT_NOT_READY: "Checkout elements are still initializing. Wait for readiness before submit.",
-  CANCELLED: "Checkout was cancelled. Preserve cart state and allow shopper to retry.",
-  REQUEST_TIMEOUT: "Provider call timed out. Poll payment/order status before issuing another charge attempt.",
-  POPUP_BLOCKED: "Browser blocked provider popup. Ask shopper to enable popups and retry.",
-  FX_QUOTE_FAILED: "Failed to lock FX quote. Retry currency quote or fallback to base currency."
-};
-var ERROR_HINTS = Object.fromEntries(
-  Object.entries(ERROR_SUGGESTIONS).map(([code, suggestion]) => [
-    code,
-    {
-      docs_url: docsUrlForCode(code),
-      suggestion
-    }
-  ])
-);
-var CimplifyError = class extends Error {
-  constructor(code, message, retryable = false, docs_url, suggestion) {
-    super(message);
-    this.code = code;
-    this.retryable = retryable;
-    this.docs_url = docs_url;
-    this.suggestion = suggestion;
-    this.name = "CimplifyError";
-  }
-  /** User-friendly message safe to display */
-  get userMessage() {
-    return this.message;
-  }
-};
-function getErrorHint(code) {
-  return ERROR_HINTS[code];
-}
-function enrichError(error, options = {}) {
-  const hint = getErrorHint(error.code);
-  if (hint) {
-    if (!error.docs_url) {
-      error.docs_url = hint.docs_url;
-    }
-    if (!error.suggestion) {
-      error.suggestion = hint.suggestion;
-    }
-  } else if (!error.docs_url) {
-    error.docs_url = docsUrlForCode(error.code || ErrorCode.UNKNOWN_ERROR);
-  }
-  if (options.isTestMode && !error.message.includes("pk_test_")) {
-    error.message = `${error.message}
-
-\u2139 Your API key is a test-mode key (pk_test_...). Verify test data/session before retrying.`;
-  }
-  return error;
-}
-
-// src/types/result.ts
-function ok(value) {
-  return { ok: true, value };
-}
-function err(error) {
-  return { ok: false, error };
-}
-
-// src/catalogue.ts
-function toCimplifyError(error) {
-  if (error instanceof CimplifyError) return enrichError(error);
-  if (error instanceof Error) {
-    return enrichError(new CimplifyError(ErrorCode.UNKNOWN_ERROR, error.message, false));
-  }
-  return enrichError(new CimplifyError(ErrorCode.UNKNOWN_ERROR, String(error), false));
-}
-async function safe(promise) {
-  try {
-    return ok(await promise);
-  } catch (error) {
-    return err(toCimplifyError(error));
-  }
-}
-function withQuery(path, params) {
-  const query = new URLSearchParams();
-  for (const [key, value] of Object.entries(params)) {
-    if (value === void 0) continue;
-    query.set(key, String(value));
-  }
-  const queryString = query.toString();
-  return queryString ? `${path}?${queryString}` : path;
-}
-function isRecord(value) {
-  return typeof value === "object" && value !== null;
-}
-function readFinalPrice(value) {
-  if (!isRecord(value)) return void 0;
-  const finalPrice = value.final_price;
-  if (typeof finalPrice === "string" || typeof finalPrice === "number") {
-    return finalPrice;
-  }
-  return void 0;
+  return void 0;
 }
 function normalizeAddOnPayload(addOn) {
   if (!isRecord(addOn)) return addOn;
@@ -1440,28 +1007,132 @@ var CartOperations = class {
     });
     return ok(found);
   }
-  async findItem(productId, variantId) {
-    const itemsResult = await this.getItems();
-    if (!itemsResult.ok) return itemsResult;
-    const found = itemsResult.value.find((item) => {
-      const matchesProduct = item.item_id === productId;
-      if (!variantId) return matchesProduct;
-      const config = item.configuration;
-      if ("variant" in config && config.variant) {
-        return matchesProduct && config.variant.variant_id === variantId;
-      }
-      return matchesProduct;
-    });
-    return ok(found);
+  async findItem(productId, variantId) {
+    const itemsResult = await this.getItems();
+    if (!itemsResult.ok) return itemsResult;
+    const found = itemsResult.value.find((item) => {
+      const matchesProduct = item.item_id === productId;
+      if (!variantId) return matchesProduct;
+      const config = item.configuration;
+      if ("variant" in config && config.variant) {
+        return matchesProduct && config.variant.variant_id === variantId;
+      }
+      return matchesProduct;
+    });
+    return ok(found);
+  }
+};
+
+// src/constants.ts
+var MOBILE_MONEY_PROVIDER = {
+  MTN: "mtn",
+  VODAFONE: "vodafone",
+  AIRTEL: "airtel"
+};
+
+// 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;
   }
-};
-
-// src/constants.ts
-var MOBILE_MONEY_PROVIDER = {
-  MTN: "mtn",
-  VODAFONE: "vodafone",
-  AIRTEL: "airtel"
-};
+  if (typeof value === "number") {
+    return isNaN(value) ? 0 : value;
+  }
+  const cleaned = value.replace(/[^\d.-]/g, "");
+  const parsed = parseFloat(cleaned);
+  return isNaN(parsed) ? 0 : parsed;
+}
 
 // src/utils/payment.ts
 var PAYMENT_SUCCESS_STATUSES = /* @__PURE__ */ new Set([
@@ -3120,6 +2791,48 @@ var FxService = class {
   }
 };
 
+// src/types/elements.ts
+var ELEMENT_TYPES = {
+  AUTH: "auth",
+  ADDRESS: "address",
+  PAYMENT: "payment",
+  CHECKOUT: "checkout"
+};
+var MESSAGE_TYPES = {
+  // Parent → Iframe
+  INIT: "init",
+  SET_TOKEN: "set_token",
+  SET_CART: "set_cart",
+  GET_DATA: "get_data",
+  PROCESS_CHECKOUT: "process_checkout",
+  ABORT_CHECKOUT: "abort_checkout",
+  // Iframe → Parent
+  READY: "ready",
+  HEIGHT_CHANGE: "height_change",
+  AUTHENTICATED: "authenticated",
+  REQUIRES_OTP: "requires_otp",
+  ERROR: "error",
+  ADDRESS_CHANGED: "address_changed",
+  ADDRESS_SELECTED: "address_selected",
+  PAYMENT_METHOD_SELECTED: "payment_method_selected",
+  TOKEN_REFRESHED: "token_refreshed",
+  LOGOUT_COMPLETE: "logout_complete",
+  CONTACT_PROVIDED: "contact_provided",
+  CHECKOUT_STATUS: "checkout_status",
+  CHECKOUT_COMPLETE: "checkout_complete",
+  ORDER_TYPE_CHANGED: "order_type_changed",
+  REQUEST_SUBMIT: "request_submit"
+};
+var EVENT_TYPES = {
+  READY: "ready",
+  AUTHENTICATED: "authenticated",
+  REQUIRES_OTP: "requires_otp",
+  ERROR: "error",
+  CHANGE: "change",
+  ORDER_TYPE_CHANGED: "order_type_changed",
+  REQUEST_SUBMIT: "request_submit"
+};
+
 // src/elements.ts
 function toCheckoutError(code, message, recoverable) {
   const hint = getErrorHint(code);
@@ -4406,247 +4119,610 @@ var CimplifyClient = class {
     }
     return createElements(this, businessId ?? this.businessId ?? void 0, options);
   }
-};
-function createCimplifyClient(config = {}) {
-  return new CimplifyClient(config);
+};
+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() {
+  const processRef = globalThis.process;
+  const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
+  return createCimplifyClient({ publicKey: envPublicKey });
+}
+function getStoredLocationId() {
+  if (typeof window === "undefined" || !window.localStorage) {
+    return null;
+  }
+  const value = window.localStorage.getItem(LOCATION_STORAGE_KEY);
+  if (!value) {
+    return null;
+  }
+  const normalized = value.trim();
+  return normalized.length > 0 ? normalized : null;
+}
+function setStoredLocationId(locationId) {
+  if (typeof window === "undefined" || !window.localStorage) {
+    return;
+  }
+  if (!locationId) {
+    window.localStorage.removeItem(LOCATION_STORAGE_KEY);
+    return;
+  }
+  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;
+  }
+  const storedId = getStoredLocationId();
+  if (storedId) {
+    const matched = locations.find((location) => location.id === storedId);
+    if (matched) {
+      return matched;
+    }
+  }
+  return locations[0];
+}
+var CimplifyContext = React3.createContext(null);
+function CimplifyProvider({
+  client,
+  children,
+  onLocationChange
+}) {
+  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 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);
+      setStoredLocationId(location.id);
+      onLocationChangeRef.current?.(location);
+    },
+    [resolvedClient]
+  );
+  React3.useEffect(() => {
+    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()
+      ]);
+      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;
 }
-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() {
-  const processRef = globalThis.process;
-  const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return createCimplifyClient({ publicKey: envPublicKey });
+function useOptionalCimplify() {
+  return React3.useContext(CimplifyContext);
 }
-function getStoredLocationId() {
-  if (typeof window === "undefined" || !window.localStorage) {
-    return null;
-  }
-  const value = window.localStorage.getItem(LOCATION_STORAGE_KEY);
-  if (!value) {
-    return null;
-  }
-  const normalized = value.trim();
-  return normalized.length > 0 ? normalized : null;
+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 setStoredLocationId(locationId) {
-  if (typeof window === "undefined" || !window.localStorage) {
-    return;
+function statusToLabel(status) {
+  if (!status) {
+    return "";
   }
-  if (!locationId) {
-    window.localStorage.removeItem(LOCATION_STORAGE_KEY);
-    return;
+  if (status === "preparing") {
+    return "Preparing checkout";
   }
-  window.localStorage.setItem(LOCATION_STORAGE_KEY, locationId);
-}
-function getStoredDisplayCurrency() {
-  if (typeof window === "undefined" || !window.localStorage) {
-    return null;
+  if (status === "recovering") {
+    return "Resuming payment";
   }
-  const value = window.localStorage.getItem(DISPLAY_CURRENCY_STORAGE_KEY);
-  if (!value) {
-    return null;
+  if (status === "processing") {
+    return "Processing payment";
   }
-  const normalized = value.trim().toUpperCase();
-  return normalized.length > 0 ? normalized : null;
-}
-function setStoredDisplayCurrency(currency) {
-  if (typeof window === "undefined" || !window.localStorage) {
-    return;
+  if (status === "awaiting_authorization") {
+    return "Waiting for authorization";
   }
-  if (!currency) {
-    window.localStorage.removeItem(DISPLAY_CURRENCY_STORAGE_KEY);
-    return;
+  if (status === "polling") {
+    return "Confirming payment";
   }
-  window.localStorage.setItem(DISPLAY_CURRENCY_STORAGE_KEY, currency.toUpperCase());
-}
-function resolveInitialLocation(locations) {
-  if (locations.length === 0) {
-    return null;
+  if (status === "finalizing") {
+    return "Finalizing order";
   }
-  const storedId = getStoredLocationId();
-  if (storedId) {
-    const matched = locations.find((location) => location.id === storedId);
-    if (matched) {
-      return matched;
-    }
+  if (status === "success") {
+    return "Payment complete";
   }
-  return locations[0];
+  return "Payment failed";
 }
-var CimplifyContext = React2.createContext(null);
-function CimplifyProvider({
+function CimplifyCheckout({
   client,
-  children,
-  onLocationChange
+  businessId,
+  cartId,
+  locationId,
+  linkUrl,
+  orderTypes,
+  enrollInLink = true,
+  onComplete,
+  onError,
+  onStatusChange,
+  appearance,
+  demoMode,
+  className
 }) {
-  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(() => {
-    onLocationChangeRef.current = onLocationChange;
-  }, [onLocationChange]);
-  const isDemoMode = resolvedClient.getPublicKey().trim().length === 0;
-  const baseCurrency = business?.default_currency || DEFAULT_CURRENCY;
-  const [displayCurrencyOverride, setDisplayCurrencyOverride] = React2.useState(
-    () => getStoredDisplayCurrency()
+  const resolvedOrderTypes = React3.useMemo(
+    () => orderTypes && orderTypes.length > 0 ? orderTypes : ["pickup", "delivery"],
+    [orderTypes]
   );
-  const [fxRate, setFxRate] = React2.useState(null);
-  const displayCurrency = displayCurrencyOverride && displayCurrencyOverride !== baseCurrency ? displayCurrencyOverride : baseCurrency;
-  const setDisplayCurrency = React2.useCallback(
-    (currency) => {
-      const normalized = currency?.trim().toUpperCase() || null;
-      setDisplayCurrencyOverride(normalized);
-      setStoredDisplayCurrency(normalized);
-      if (!normalized || normalized === baseCurrency) {
-        setFxRate(null);
-      }
-    },
-    [baseCurrency]
+  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);
+    }
   );
-  React2.useEffect(() => {
-    if (displayCurrency === baseCurrency || isDemoMode) {
-      setFxRate(null);
-      return;
+  const fireError = React3__default.default.useEffectEvent(
+    (error) => {
+      onError?.(error);
     }
-    let cancelled = false;
-    async function fetchRate() {
-      const result = await resolvedClient.fx.getRate(
-        baseCurrency,
-        displayCurrency
+  );
+  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."
       );
-      if (!cancelled && result.ok) {
-        setFxRate(result.value.rate);
+    }
+  }, [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);
+      }
+      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 fetchRate();
-    const intervalId = setInterval(() => void fetchRate(), FX_REFRESH_INTERVAL);
+    void bootstrap();
     return () => {
       cancelled = true;
-      clearInterval(intervalId);
     };
-  }, [resolvedClient, baseCurrency, displayCurrency, isDemoMode]);
-  const convertPrice = React2.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 = React2.useCallback(
-    (location) => {
-      setCurrentLocationState(location);
-      resolvedClient.setLocationId(location.id);
-      setStoredLocationId(location.id);
-      onLocationChangeRef.current?.(location);
-    },
-    [resolvedClient]
-  );
-  React2.useEffect(() => {
-    let cancelled = false;
-    async function bootstrap() {
-      setIsReady(false);
-      if (isDemoMode) {
-        if (!cancelled) {
-          setBusiness(null);
-          setLocations([]);
-          setCurrentLocationState(null);
-          resolvedClient.setLocationId(null);
-          setStoredLocationId(null);
-          setIsReady(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;
       }
-      const [businessResult, locationsResult] = await Promise.all([
-        resolvedClient.business.getInfo(),
-        resolvedClient.business.getLocations()
-      ]);
-      if (cancelled) {
+      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;
       }
-      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);
+      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);
       }
-      setIsReady(true);
     }
-    bootstrap().catch(() => {
-      if (cancelled) {
-        return;
+  });
+  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));
       }
-      setBusiness(null);
-      setLocations([]);
-      setCurrentLocationState(null);
-      resolvedClient.setLocationId(null);
-      setStoredLocationId(null);
-      setIsReady(true);
+    });
+    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: 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 = 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;
-}
-function useOptionalCimplify() {
-  return React2.useContext(CimplifyContext);
+  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 Price({ amount, className, prefix }) {
   const { displayCurrency, convertPrice } = useCimplify();
@@ -4672,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,
@@ -4684,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);
@@ -4765,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]);
@@ -4802,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);
@@ -4875,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]);
@@ -4896,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);
@@ -4945,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]);
@@ -5469,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,
@@ -5478,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]
   );
@@ -5545,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);
@@ -5613,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;
     }
@@ -5627,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]);
@@ -5678,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) {
@@ -5691,7 +5767,7 @@ function useLocations(options = {}) {
     },
     [client]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!client) {
       setLocations([]);
       setCurrentLocationState(null);
@@ -5749,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);
@@ -5816,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]);
@@ -5845,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);
@@ -5929,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]);
@@ -5958,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);
@@ -6029,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]);
@@ -6062,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);
@@ -6145,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;
@@ -6182,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]);
@@ -6197,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;
@@ -6250,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);
@@ -6309,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);
@@ -6388,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;
     }
@@ -6428,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;
@@ -6452,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;
@@ -6477,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,
@@ -6493,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);
@@ -6537,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;
@@ -6580,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;
@@ -6618,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;
@@ -6649,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" } };
@@ -6664,7 +6740,7 @@ function useCheckout() {
     },
     [elements]
   );
-  const process = React2.useCallback(
+  const process = React3.useCallback(
     async (options) => {
       if (!elements) {
         return {