@cimplify/sdk 0.7.12 → 0.7.14

package/dist/advanced.js

@@ -2671,6 +2671,8 @@ var CimplifyElement = class {
   sendMessage(message) {
     if (this.iframe?.contentWindow) {
       this.iframe.contentWindow.postMessage(message, this.linkUrl);
+    } else {
+      console.warn("[cimplify:checkout] sendMessage DROPPED \u2014 no contentWindow", { type: message.type, hasIframe: !!this.iframe, isConnected: this.iframe?.isConnected });
     }
   }
   getContentWindow() {

package/dist/advanced.mjs

@@ -2669,6 +2669,8 @@ var CimplifyElement = class {
   sendMessage(message) {
     if (this.iframe?.contentWindow) {
       this.iframe.contentWindow.postMessage(message, this.linkUrl);
+    } else {
+      console.warn("[cimplify:checkout] sendMessage DROPPED \u2014 no contentWindow", { type: message.type, hasIframe: !!this.iframe, isConnected: this.iframe?.isConnected });
     }
   }
   getContentWindow() {

package/dist/index.js

@@ -3119,6 +3119,8 @@ var CimplifyElement = class {
   sendMessage(message) {
     if (this.iframe?.contentWindow) {
       this.iframe.contentWindow.postMessage(message, this.linkUrl);
+    } else {
+      console.warn("[cimplify:checkout] sendMessage DROPPED \u2014 no contentWindow", { type: message.type, hasIframe: !!this.iframe, isConnected: this.iframe?.isConnected });
     }
   }
   getContentWindow() {

package/dist/index.mjs

@@ -3117,6 +3117,8 @@ var CimplifyElement = class {
   sendMessage(message) {
     if (this.iframe?.contentWindow) {
       this.iframe.contentWindow.postMessage(message, this.linkUrl);
+    } else {
+      console.warn("[cimplify:checkout] sendMessage DROPPED \u2014 no contentWindow", { type: message.type, hasIframe: !!this.iframe, isConnected: this.iframe?.isConnected });
     }
   }
   getContentWindow() {

package/dist/react.js

@@ -422,6 +422,12 @@ function CimplifyCheckout({
   const hasWarnedInlineAppearanceRef = react.useRef(false);
   const isMountedRef = react.useRef(true);
   const demoRunRef = react.useRef(0);
+  const onCompleteRef = react.useRef(onComplete);
+  const onErrorRef = react.useRef(onError);
+  const onStatusChangeRef = react.useRef(onStatusChange);
+  onCompleteRef.current = onComplete;
+  onErrorRef.current = onError;
+  onStatusChangeRef.current = onStatusChange;
   const isDemoCheckout = demoMode ?? client.getPublicKey().trim().length === 0;
   const isTestMode = client.isTestMode();
   const primaryColor = appearance?.variables?.primaryColor || "#0a2540";
@@ -430,9 +436,9 @@ function CimplifyCheckout({
     (nextStatus, context = {}) => {
       setStatus(nextStatus);
       setStatusText(context.display_text || "");
-      onStatusChange?.(nextStatus, context);
+      onStatusChangeRef.current?.(nextStatus, context);
     },
-    [onStatusChange]
+    []
   );
   react.useEffect(() => {
     if (!resolvedOrderTypes.includes(orderType)) {
@@ -485,7 +491,7 @@ function CimplifyCheckout({
             setResolvedCartId(null);
             setErrorMessage(message);
             setIsInitializing(false);
-            onError?.({ code: "BUSINESS_ID_REQUIRED", message });
+            onErrorRef.current?.({ code: "BUSINESS_ID_REQUIRED", message });
           }
           return;
         }
@@ -500,7 +506,7 @@ function CimplifyCheckout({
             setResolvedCartId(null);
             setErrorMessage(message);
             setIsInitializing(false);
-            onError?.({ code: "CART_EMPTY", message });
+            onErrorRef.current?.({ code: "CART_EMPTY", message });
           }
           return;
         }
@@ -517,7 +523,7 @@ function CimplifyCheckout({
     return () => {
       cancelled = true;
     };
-  }, [businessId, cartId, client, isDemoCheckout, onError]);
+  }, [businessId, cartId, client, isDemoCheckout]);
   react.useEffect(() => {
     return () => {
       isMountedRef.current = false;
@@ -556,7 +562,7 @@ function CimplifyCheckout({
       if (!resolvedCartId && !isInitializing) {
         const message = "Your cart is empty. Add items before checkout.";
         setErrorMessage(message);
-        onError?.({ code: "CART_EMPTY", message });
+        onErrorRef.current?.({ code: "CART_EMPTY", message });
       }
       return;
     }
@@ -591,7 +597,7 @@ function CimplifyCheckout({
           order_number: result.order?.order_number,
           display_text: statusToLabel("success")
         });
-        onComplete(result);
+        onCompleteRef.current(result);
       } finally {
         if (isMountedRef.current && runId === demoRunRef.current) {
           setIsSubmitting(false);
@@ -602,7 +608,7 @@ function CimplifyCheckout({
     if (!elementsRef.current) {
       const message = "Checkout is still initializing. Please try again.";
       setErrorMessage(message);
-      onError?.({ code: "CHECKOUT_NOT_READY", message });
+      onErrorRef.current?.({ code: "CHECKOUT_NOT_READY", message });
       setIsSubmitting(false);
       return;
     }
@@ -617,13 +623,13 @@ function CimplifyCheckout({
     try {
       const result = await checkout;
       if (result.success) {
-        onComplete(result);
+        onCompleteRef.current(result);
         return;
       }
       const code = result.error?.code || "CHECKOUT_FAILED";
       const message = result.error?.message || "Payment failed.";
       setErrorMessage(message);
-      onError?.({ code, message });
+      onErrorRef.current?.({ code, message });
     } finally {
       if (isMountedRef.current) {
         activeCheckoutRef.current = null;
@@ -639,8 +645,6 @@ function CimplifyCheckout({
     isInitializing,
     isSubmitting,
     locationId,
-    onComplete,
-    onError,
     orderType
   ]);
   const colors = shellColors(isDark ?? false, primaryColor);
@@ -3391,6 +3395,8 @@ var CimplifyElement = class {
   sendMessage(message) {
     if (this.iframe?.contentWindow) {
       this.iframe.contentWindow.postMessage(message, this.linkUrl);
+    } else {
+      console.warn("[cimplify:checkout] sendMessage DROPPED \u2014 no contentWindow", { type: message.type, hasIframe: !!this.iframe, isConnected: this.iframe?.isConnected });
     }
   }
   getContentWindow() {

package/dist/react.mjs

@@ -420,6 +420,12 @@ function CimplifyCheckout({
   const hasWarnedInlineAppearanceRef = useRef(false);
   const isMountedRef = useRef(true);
   const demoRunRef = useRef(0);
+  const onCompleteRef = useRef(onComplete);
+  const onErrorRef = useRef(onError);
+  const onStatusChangeRef = useRef(onStatusChange);
+  onCompleteRef.current = onComplete;
+  onErrorRef.current = onError;
+  onStatusChangeRef.current = onStatusChange;
   const isDemoCheckout = demoMode ?? client.getPublicKey().trim().length === 0;
   const isTestMode = client.isTestMode();
   const primaryColor = appearance?.variables?.primaryColor || "#0a2540";
@@ -428,9 +434,9 @@ function CimplifyCheckout({
     (nextStatus, context = {}) => {
       setStatus(nextStatus);
       setStatusText(context.display_text || "");
-      onStatusChange?.(nextStatus, context);
+      onStatusChangeRef.current?.(nextStatus, context);
     },
-    [onStatusChange]
+    []
   );
   useEffect(() => {
     if (!resolvedOrderTypes.includes(orderType)) {
@@ -483,7 +489,7 @@ function CimplifyCheckout({
             setResolvedCartId(null);
             setErrorMessage(message);
             setIsInitializing(false);
-            onError?.({ code: "BUSINESS_ID_REQUIRED", message });
+            onErrorRef.current?.({ code: "BUSINESS_ID_REQUIRED", message });
           }
           return;
         }
@@ -498,7 +504,7 @@ function CimplifyCheckout({
             setResolvedCartId(null);
             setErrorMessage(message);
             setIsInitializing(false);
-            onError?.({ code: "CART_EMPTY", message });
+            onErrorRef.current?.({ code: "CART_EMPTY", message });
           }
           return;
         }
@@ -515,7 +521,7 @@ function CimplifyCheckout({
     return () => {
       cancelled = true;
     };
-  }, [businessId, cartId, client, isDemoCheckout, onError]);
+  }, [businessId, cartId, client, isDemoCheckout]);
   useEffect(() => {
     return () => {
       isMountedRef.current = false;
@@ -554,7 +560,7 @@ function CimplifyCheckout({
       if (!resolvedCartId && !isInitializing) {
         const message = "Your cart is empty. Add items before checkout.";
         setErrorMessage(message);
-        onError?.({ code: "CART_EMPTY", message });
+        onErrorRef.current?.({ code: "CART_EMPTY", message });
       }
       return;
     }
@@ -589,7 +595,7 @@ function CimplifyCheckout({
           order_number: result.order?.order_number,
           display_text: statusToLabel("success")
         });
-        onComplete(result);
+        onCompleteRef.current(result);
       } finally {
         if (isMountedRef.current && runId === demoRunRef.current) {
           setIsSubmitting(false);
@@ -600,7 +606,7 @@ function CimplifyCheckout({
     if (!elementsRef.current) {
       const message = "Checkout is still initializing. Please try again.";
       setErrorMessage(message);
-      onError?.({ code: "CHECKOUT_NOT_READY", message });
+      onErrorRef.current?.({ code: "CHECKOUT_NOT_READY", message });
       setIsSubmitting(false);
       return;
     }
@@ -615,13 +621,13 @@ function CimplifyCheckout({
     try {
       const result = await checkout;
       if (result.success) {
-        onComplete(result);
+        onCompleteRef.current(result);
         return;
       }
       const code = result.error?.code || "CHECKOUT_FAILED";
       const message = result.error?.message || "Payment failed.";
       setErrorMessage(message);
-      onError?.({ code, message });
+      onErrorRef.current?.({ code, message });
     } finally {
       if (isMountedRef.current) {
         activeCheckoutRef.current = null;
@@ -637,8 +643,6 @@ function CimplifyCheckout({
     isInitializing,
     isSubmitting,
     locationId,
-    onComplete,
-    onError,
     orderType
   ]);
   const colors = shellColors(isDark ?? false, primaryColor);
@@ -3389,6 +3393,8 @@ var CimplifyElement = class {
   sendMessage(message) {
     if (this.iframe?.contentWindow) {
       this.iframe.contentWindow.postMessage(message, this.linkUrl);
+    } else {
+      console.warn("[cimplify:checkout] sendMessage DROPPED \u2014 no contentWindow", { type: message.type, hasIframe: !!this.iframe, isConnected: this.iframe?.isConnected });
     }
   }
   getContentWindow() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cimplify/sdk",
-  "version": "0.7.12",
+  "version": "0.7.14",
   "description": "Cimplify Commerce SDK for storefronts",
   "keywords": [
     "cimplify",