@unifold/ui-web 0.1.33 → 0.1.34

package/dist/index.js

@@ -43049,19 +43049,35 @@ 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) {
+    if (!config.publishableKey || config.publishableKey.trim() === "") {
+      throw new Error(
+        "Unifold SDK: publishableKey cannot be empty. Please provide a valid publishable key."
+      );
+    }
+    if (!config.publishableKey.startsWith("pk_test_") && !config.publishableKey.startsWith("pk_live_")) {
+      console.warn(
+        'Unifold SDK: publishableKey should start with "pk_test_" or "pk_live_". Please ensure you are using a valid publishable key.'
+      );
+    }
+    DEFAULT_PUBLISHABLE_KEY = config.publishableKey;
+  }
+  if (config.baseUrl) {
+    API_BASE_URL = config.baseUrl;
+  }
+  if (config.defaultConfig) {
+    DEFAULT_CONFIG = config.defaultConfig;
+  }
+}
 function validatePublishableKey(key) {
   if (!key || key.trim() === "") {
     throw new Error(
       "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}`;
@@ -58531,6 +58547,11 @@ function UnifoldProvider2({
     null
   );
   const [resolvedTheme, setResolvedTheme] = import_react.default.useState("dark");
+  (0, import_react.useEffect)(() => {
+    if (publishableKey) {
+      setApiConfig({ publishableKey });
+    }
+  }, [publishableKey]);
   import_react.default.useEffect(() => {
     const appearance = config?.appearance || "dark";
     if (appearance === "auto") {
@@ -58547,12 +58568,16 @@ function UnifoldProvider2({
     }
   }, [config?.appearance]);
   const depositPromiseRef = import_react.default.useRef(null);
+  const depositConfigRef = import_react.default.useRef(null);
+  depositConfigRef.current = depositConfig;
   const closeTimeoutRef = import_react.default.useRef(null);
+  const closeGuardRef = import_react.default.useRef(false);
   const beginDeposit = (0, import_react.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({
@@ -58564,17 +58589,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_react.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

@@ -43036,19 +43036,35 @@ 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) {
+    if (!config.publishableKey || config.publishableKey.trim() === "") {
+      throw new Error(
+        "Unifold SDK: publishableKey cannot be empty. Please provide a valid publishable key."
+      );
+    }
+    if (!config.publishableKey.startsWith("pk_test_") && !config.publishableKey.startsWith("pk_live_")) {
+      console.warn(
+        'Unifold SDK: publishableKey should start with "pk_test_" or "pk_live_". Please ensure you are using a valid publishable key.'
+      );
+    }
+    DEFAULT_PUBLISHABLE_KEY = config.publishableKey;
+  }
+  if (config.baseUrl) {
+    API_BASE_URL = config.baseUrl;
+  }
+  if (config.defaultConfig) {
+    DEFAULT_CONFIG = config.defaultConfig;
+  }
+}
 function validatePublishableKey(key) {
   if (!key || key.trim() === "") {
     throw new Error(
       "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}`;
@@ -58518,6 +58534,11 @@ function UnifoldProvider2({
     null
   );
   const [resolvedTheme, setResolvedTheme] = import_react.default.useState("dark");
+  (0, import_react.useEffect)(() => {
+    if (publishableKey) {
+      setApiConfig({ publishableKey });
+    }
+  }, [publishableKey]);
   import_react.default.useEffect(() => {
     const appearance = config?.appearance || "dark";
     if (appearance === "auto") {
@@ -58534,12 +58555,16 @@ function UnifoldProvider2({
     }
   }, [config?.appearance]);
   const depositPromiseRef = import_react.default.useRef(null);
+  const depositConfigRef = import_react.default.useRef(null);
+  depositConfigRef.current = depositConfig;
   const closeTimeoutRef = import_react.default.useRef(null);
+  const closeGuardRef = import_react.default.useRef(false);
   const beginDeposit = (0, import_react.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({
@@ -58551,17 +58576,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_react.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/ui-web",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "description": "Unifold UI Web - Framework-agnostic deposit widget",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -27,10 +27,10 @@
     "@types/react-dom": "^19.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
-    "@unifold/core": "0.1.33",
-    "@unifold/connect-react": "0.1.33",
-    "@unifold/react-provider": "0.1.33",
-    "@unifold/ui-react": "0.1.33"
+    "@unifold/connect-react": "0.1.34",
+    "@unifold/ui-react": "0.1.34",
+    "@unifold/react-provider": "0.1.34",
+    "@unifold/core": "0.1.34"
   },
   "keywords": [
     "unifold",