@one_deploy/sdk 1.0.7 → 1.2.0

package/dist/providers/index.mjs

@@ -1,11 +1,11 @@
-import React2, { createContext, useMemo, useState, useCallback, useEffect, useContext } from 'react';
-import { jsx } from 'react/jsx-runtime';
+import { createContext, useMemo, useState, useEffect, useCallback, useContext } from 'react';
 import { createThirdwebClient } from 'thirdweb';
 import { ThirdwebProvider } from 'thirdweb/react';
 import { inAppWallet, smartWallet } from 'thirdweb/wallets';
 export { inAppWallet, smartWallet } from 'thirdweb/wallets';
 import { base } from 'thirdweb/chains';
 export { arbitrum, base, ethereum, optimism, polygon } from 'thirdweb/chains';
+import { jsx } from 'react/jsx-runtime';
 
 // src/config/index.ts
 var DEFAULT_ENGINE_URL = "https://api.one23.io";
@@ -1306,9 +1306,48 @@ function createOneEngineClient(options) {
   return new OneEngineClient(options);
 }
 var OneContext = createContext(null);
+var DEFAULT_AUTH_OPTIONS = {
+  email: true,
+  phone: false,
+  google: true,
+  apple: true,
+  facebook: false,
+  discord: false,
+  passkey: true,
+  guest: false
+};
+function createWalletConfig(config2) {
+  const authOptions = { ...DEFAULT_AUTH_OPTIONS, ...config2.authOptions };
+  const authMethods = [];
+  if (authOptions.google) authMethods.push("google");
+  if (authOptions.apple) authMethods.push("apple");
+  if (authOptions.facebook) authMethods.push("facebook");
+  if (authOptions.discord) authMethods.push("discord");
+  if (authOptions.passkey) authMethods.push("passkey");
+  const inApp = inAppWallet({
+    auth: {
+      options: authMethods
+    },
+    metadata: config2.appName ? {
+      name: config2.appName,
+      image: config2.appIcon ? { src: config2.appIcon, width: 100, height: 100 } : void 0
+    } : void 0
+  });
+  if (config2.sponsorGas) {
+    const chain = config2.defaultChain || base;
+    return [
+      smartWallet({
+        chain,
+        sponsorGas: true
+      })
+    ];
+  }
+  return [inApp];
+}
 function OneProvider({
   children,
   config: config2,
+  thirdweb: thirdwebConfig = {},
   autoFetchBalance = true
 }) {
   useMemo(() => {
@@ -1320,6 +1359,51 @@ function OneProvider({
     clientId: config2.oneClientId,
     secretKey: config2.oneSecretKey
   }), [config2]);
+  const [thirdwebClientId, setThirdwebClientId] = useState(null);
+  const [thirdwebLoading, setThirdwebLoading] = useState(true);
+  const [thirdwebError, setThirdwebError] = useState(null);
+  useEffect(() => {
+    const fetchClientConfig = async () => {
+      try {
+        const response = await fetch(`${config2.oneEngineUrl}/v1/config/thirdweb`);
+        if (response.ok) {
+          const data = await response.json();
+          if (data.success && data.data?.clientId) {
+            setThirdwebClientId(data.data.clientId);
+          } else {
+            const envClientId = typeof window !== "undefined" ? window.__NEXT_PUBLIC_THIRDWEB_CLIENT_ID : process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID;
+            if (envClientId) {
+              setThirdwebClientId(envClientId);
+            } else {
+              setThirdwebError("Failed to load wallet configuration");
+            }
+          }
+        } else {
+          const envClientId = process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID;
+          if (envClientId) {
+            setThirdwebClientId(envClientId);
+          } else {
+            setThirdwebError("Wallet service unavailable");
+          }
+        }
+      } catch (err) {
+        const envClientId = process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID;
+        if (envClientId) {
+          setThirdwebClientId(envClientId);
+        } else {
+          console.warn("Failed to fetch thirdweb config:", err);
+        }
+      } finally {
+        setThirdwebLoading(false);
+      }
+    };
+    fetchClientConfig();
+  }, [config2.oneEngineUrl]);
+  const thirdwebClient = useMemo(() => {
+    if (!thirdwebClientId) return null;
+    return createThirdwebClient({ clientId: thirdwebClientId });
+  }, [thirdwebClientId]);
+  useMemo(() => createWalletConfig(thirdwebConfig), [thirdwebConfig]);
   const [user, setUser] = useState(null);
   const [accessToken, setAccessToken] = useState(null);
   const [authLoading, setAuthLoading] = useState(true);
@@ -1473,6 +1557,7 @@ function OneProvider({
     isInitialized,
     config: isInitialized ? config2 : null,
     engine,
+    thirdwebClient,
     auth: {
       user,
       isAuthenticated: !!user,
@@ -1492,7 +1577,9 @@ function OneProvider({
       error: walletError,
       setAddress: setWalletAddress,
       fetchBalance,
-      refreshBalance
+      refreshBalance,
+      thirdwebClient,
+      isThirdwebReady: !thirdwebLoading && !!thirdwebClient
     },
     onramp: {
       isOpen: onrampOpen,
@@ -1522,6 +1609,8 @@ function OneProvider({
     isInitialized,
     config2,
     engine,
+    thirdwebClient,
+    thirdwebLoading,
     user,
     authLoading,
     accessToken,
@@ -1554,7 +1643,11 @@ function OneProvider({
     fetchPortfolio,
     createOrder
   ]);
-  return /* @__PURE__ */ jsx(OneContext.Provider, { value: contextValue, children });
+  const content = /* @__PURE__ */ jsx(OneContext.Provider, { value: contextValue, children });
+  if (thirdwebClient) {
+    return /* @__PURE__ */ jsx(ThirdwebProvider, { children: content });
+  }
+  return content;
 }
 function useOne() {
   const context = useContext(OneContext);
@@ -1587,113 +1680,11 @@ function useOneEngine() {
   const { engine } = useOne();
   return engine;
 }
-var DEFAULT_AUTH_OPTIONS = {
-  email: true,
-  phone: false,
-  google: true,
-  apple: true,
-  facebook: false,
-  discord: false,
-  passkey: true,
-  guest: false
-};
-var ThirdwebClientContext = React2.createContext(null);
 function useThirdwebClient() {
-  const client = React2.useContext(ThirdwebClientContext);
-  if (!client) {
-    throw new Error("useThirdwebClient must be used within OneThirdwebProvider");
-  }
-  return client;
-}
-function createWalletConfig(config2) {
-  const authOptions = { ...DEFAULT_AUTH_OPTIONS, ...config2.authOptions };
-  const authMethods = [];
-  if (authOptions.google) authMethods.push("google");
-  if (authOptions.apple) authMethods.push("apple");
-  if (authOptions.facebook) authMethods.push("facebook");
-  if (authOptions.discord) authMethods.push("discord");
-  if (authOptions.passkey) authMethods.push("passkey");
-  const inApp = inAppWallet({
-    auth: {
-      options: authMethods
-    },
-    metadata: config2.appName ? {
-      name: config2.appName,
-      image: config2.appIcon ? { src: config2.appIcon, width: 100, height: 100 } : void 0
-    } : void 0
-  });
-  if (config2.sponsorGas) {
-    const chain = config2.defaultChain || base;
-    return [
-      smartWallet({
-        chain,
-        sponsorGas: true
-      })
-    ];
-  }
-  return [inApp];
-}
-var DEFAULT_ENGINE_URL2 = process.env.NEXT_PUBLIC_ONE_ENGINE_URL || "/api";
-function OneThirdwebProvider({
-  children,
-  config: config2 = {}
-}) {
-  const [clientId, setClientId] = useState(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState(null);
-  useEffect(() => {
-    const fetchClientConfig = async () => {
-      try {
-        const engineUrl = config2.engineUrl || DEFAULT_ENGINE_URL2;
-        const response = await fetch(`${engineUrl}/v1/config/thirdweb`);
-        if (response.ok) {
-          const data = await response.json();
-          if (data.success && data.data?.clientId) {
-            setClientId(data.data.clientId);
-          } else {
-            const envClientId = process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID;
-            if (envClientId) {
-              setClientId(envClientId);
-            } else {
-              setError("Failed to load wallet configuration");
-            }
-          }
-        } else {
-          const envClientId = process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID;
-          if (envClientId) {
-            setClientId(envClientId);
-          } else {
-            setError("Wallet service unavailable");
-          }
-        }
-      } catch (err) {
-        const envClientId = process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID;
-        if (envClientId) {
-          setClientId(envClientId);
-        } else {
-          console.error("Failed to fetch thirdweb config:", err);
-          setError("Failed to initialize wallet");
-        }
-      } finally {
-        setIsLoading(false);
-      }
-    };
-    fetchClientConfig();
-  }, [config2.engineUrl]);
-  const client = useMemo(() => {
-    if (!clientId) return null;
-    return createThirdwebClient({ clientId });
-  }, [clientId]);
-  useMemo(() => createWalletConfig(config2), [config2]);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", minHeight: "100px" }, children: /* @__PURE__ */ jsx("span", { style: { color: "#9ca3af" }, children: "Initializing wallet..." }) });
-  }
-  if (error || !client) {
-    return /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", minHeight: "100px" }, children: /* @__PURE__ */ jsx("span", { style: { color: "#ef4444" }, children: error || "Wallet initialization failed" }) });
-  }
-  return /* @__PURE__ */ jsx(ThirdwebClientContext.Provider, { value: client, children: /* @__PURE__ */ jsx(ThirdwebProvider, { children }) });
+  const { thirdwebClient } = useOne();
+  return thirdwebClient;
 }
 
-export { OneContext, OneProvider, OneThirdwebProvider, useOne, useOneAuth, useOneEngine, useOneOnramp, useOneSwap, useOneTrading, useOneWallet, useThirdwebClient };
+export { OneContext, OneProvider, OneProvider as OneThirdwebProvider, useOne, useOneAuth, useOneEngine, useOneOnramp, useOneSwap, useOneTrading, useOneWallet, useThirdwebClient };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map