@unifold/connect-react 0.1.33 → 0.1.34

package/dist/index.d.mts

@@ -52,6 +52,8 @@ interface DepositConfig {
     depositConfirmationMode?: DepositConfirmationMode;
     onSuccess?: (data: DepositResult) => void;
     onError?: (error: DepositError) => void;
+    /** Called when the user dismisses the deposit dialog (X button, Escape key, or programmatic close) */
+    onClose?: () => void;
 }
 declare function UnifoldProvider({ children, publishableKey, config, }: React.PropsWithChildren<UnifoldConnectProviderConfig>): react_jsx_runtime.JSX.Element;
 declare function useUnifold(): {

package/dist/index.d.ts

@@ -52,6 +52,8 @@ interface DepositConfig {
     depositConfirmationMode?: DepositConfirmationMode;
     onSuccess?: (data: DepositResult) => void;
     onError?: (error: DepositError) => void;
+    /** Called when the user dismisses the deposit dialog (X button, Escape key, or programmatic close) */
+    onClose?: () => void;
 }
 declare function UnifoldProvider({ children, publishableKey, config, }: React.PropsWithChildren<UnifoldConnectProviderConfig>): react_jsx_runtime.JSX.Element;
 declare function useUnifold(): {

package/dist/index.js

@@ -6072,7 +6072,7 @@ var API_BASE_URL = (() => {
     return "https://api.unifold.io";
   }
 })();
-var DEFAULT_PUBLISHABLE_KEY = "pk_test_123";
+var DEFAULT_PUBLISHABLE_KEY = "";
 var DEFAULT_CONFIG = {};
 function setApiConfig(config) {
   if (config.publishableKey !== void 0) {
@@ -6104,11 +6104,6 @@ function validatePublishableKey(key) {
       "Unifold SDK: No publishable key configured. Please provide a valid publishable key via setApiConfig() or pass it directly to the API function."
     );
   }
-  if (key === "pk_test_123") {
-    console.warn(
-      'Unifold SDK: Using default test key "pk_test_123". This should only be used for local development. Please use a real publishable key in production.'
-    );
-  }
 }
 function getIconUrl(iconPath) {
   const normalizedPath = iconPath.startsWith("/") ? iconPath : `/${iconPath}`;
@@ -21865,6 +21860,11 @@ function UnifoldProvider2({
     null
   );
   const [resolvedTheme, setResolvedTheme] = import_react24.default.useState("dark");
+  (0, import_react24.useEffect)(() => {
+    if (publishableKey) {
+      setApiConfig({ publishableKey });
+    }
+  }, [publishableKey]);
   import_react24.default.useEffect(() => {
     const appearance = config?.appearance || "dark";
     if (appearance === "auto") {
@@ -21881,12 +21881,16 @@ function UnifoldProvider2({
     }
   }, [config?.appearance]);
   const depositPromiseRef = import_react24.default.useRef(null);
+  const depositConfigRef = import_react24.default.useRef(null);
+  depositConfigRef.current = depositConfig;
   const closeTimeoutRef = import_react24.default.useRef(null);
+  const closeGuardRef = import_react24.default.useRef(false);
   const beginDeposit = (0, import_react24.useCallback)((config2) => {
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
       closeTimeoutRef.current = null;
     }
+    closeGuardRef.current = false;
     if (depositPromiseRef.current) {
       console.warn("[UnifoldProvider] A deposit is already in progress. Cancelling previous deposit.");
       depositPromiseRef.current.reject({
@@ -21898,17 +21902,27 @@ function UnifoldProvider2({
     const promise = new Promise((resolve, reject) => {
       depositPromiseRef.current = { resolve, reject };
     });
+    promise.catch(() => {
+    });
     setDepositConfig(config2);
     setIsOpen(true);
     return promise;
   }, []);
   const closeDeposit = (0, import_react24.useCallback)(() => {
-    if (depositPromiseRef.current) {
-      depositPromiseRef.current.reject({
+    if (closeGuardRef.current) {
+      return;
+    }
+    closeGuardRef.current = true;
+    const promiseToReject = depositPromiseRef.current;
+    depositPromiseRef.current = null;
+    if (depositConfigRef.current?.onClose) {
+      depositConfigRef.current.onClose();
+    }
+    if (promiseToReject) {
+      promiseToReject.reject({
         message: "Deposit cancelled by user",
         code: "DEPOSIT_CANCELLED"
       });
-      depositPromiseRef.current = null;
     }
     setIsOpen(false);
     closeTimeoutRef.current = setTimeout(() => {

package/dist/index.mjs

@@ -1147,7 +1147,8 @@ ${new this._window.XMLSerializer().serializeToString(e3)}`;
 import React38, {
   useState as useState29,
   useCallback as useCallback12,
-  useMemo as useMemo15
+  useMemo as useMemo15,
+  useEffect as useEffect29
 } from "react";
 
 // ../react-provider/dist/index.mjs
@@ -6046,7 +6047,7 @@ var API_BASE_URL = (() => {
     return "https://api.unifold.io";
   }
 })();
-var DEFAULT_PUBLISHABLE_KEY = "pk_test_123";
+var DEFAULT_PUBLISHABLE_KEY = "";
 var DEFAULT_CONFIG = {};
 function setApiConfig(config) {
   if (config.publishableKey !== void 0) {
@@ -6078,11 +6079,6 @@ function validatePublishableKey(key) {
       "Unifold SDK: No publishable key configured. Please provide a valid publishable key via setApiConfig() or pass it directly to the API function."
     );
   }
-  if (key === "pk_test_123") {
-    console.warn(
-      'Unifold SDK: Using default test key "pk_test_123". This should only be used for local development. Please use a real publishable key in production.'
-    );
-  }
 }
 function getIconUrl(iconPath) {
   const normalizedPath = iconPath.startsWith("/") ? iconPath : `/${iconPath}`;
@@ -21839,6 +21835,11 @@ function UnifoldProvider2({
     null
   );
   const [resolvedTheme, setResolvedTheme] = React38.useState("dark");
+  useEffect29(() => {
+    if (publishableKey) {
+      setApiConfig({ publishableKey });
+    }
+  }, [publishableKey]);
   React38.useEffect(() => {
     const appearance = config?.appearance || "dark";
     if (appearance === "auto") {
@@ -21855,12 +21856,16 @@ function UnifoldProvider2({
     }
   }, [config?.appearance]);
   const depositPromiseRef = React38.useRef(null);
+  const depositConfigRef = React38.useRef(null);
+  depositConfigRef.current = depositConfig;
   const closeTimeoutRef = React38.useRef(null);
+  const closeGuardRef = React38.useRef(false);
   const beginDeposit = useCallback12((config2) => {
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
       closeTimeoutRef.current = null;
     }
+    closeGuardRef.current = false;
     if (depositPromiseRef.current) {
       console.warn("[UnifoldProvider] A deposit is already in progress. Cancelling previous deposit.");
       depositPromiseRef.current.reject({
@@ -21872,17 +21877,27 @@ function UnifoldProvider2({
     const promise = new Promise((resolve, reject) => {
       depositPromiseRef.current = { resolve, reject };
     });
+    promise.catch(() => {
+    });
     setDepositConfig(config2);
     setIsOpen(true);
     return promise;
   }, []);
   const closeDeposit = useCallback12(() => {
-    if (depositPromiseRef.current) {
-      depositPromiseRef.current.reject({
+    if (closeGuardRef.current) {
+      return;
+    }
+    closeGuardRef.current = true;
+    const promiseToReject = depositPromiseRef.current;
+    depositPromiseRef.current = null;
+    if (depositConfigRef.current?.onClose) {
+      depositConfigRef.current.onClose();
+    }
+    if (promiseToReject) {
+      promiseToReject.reject({
         message: "Deposit cancelled by user",
         code: "DEPOSIT_CANCELLED"
       });
-      depositPromiseRef.current = null;
     }
     setIsOpen(false);
     closeTimeoutRef.current = setTimeout(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/connect-react",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "description": "Unifold Connect React - Complete React SDK with UI components for crypto deposits",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -31,9 +31,9 @@
   },
   "dependencies": {
     "@tanstack/react-query": "^5.90.11",
-    "@unifold/core": "0.1.33",
-    "@unifold/ui-react": "0.1.33",
-    "@unifold/react-provider": "0.1.33"
+    "@unifold/core": "0.1.34",
+    "@unifold/ui-react": "0.1.34",
+    "@unifold/react-provider": "0.1.34"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",