@spicenet-io/spiceflow-ui 1.2.0 → 1.2.2-0

package/dist/components/SpiceDeposit/SpiceDeposit.d.ts

@@ -16,7 +16,4 @@ export interface SpiceDepositProps {
     postDepositInstruction?: (bridgedAmount: string) => Promise<void> | void;
     postDepositInstructionLabel?: string;
 }
-export declare const SpiceDepositFlow: React.FC<SpiceDepositProps>;
-export declare const SpiceDeposit: React.FC<SpiceDepositProps & {
-    useInternalWagmi?: boolean;
-}>;
+export declare const SpiceDeposit: React.FC<SpiceDepositProps>;

package/dist/components/SpiceDeposit/index.d.ts

@@ -1,5 +1,5 @@
 import { SelectChainModal } from "./SelectChainModal";
 import { ConnectWalletModal } from "./ConnectWalletModal";
 import { DepositModal } from "./DepositModal";
-import { SpiceDeposit, SpiceDepositFlow } from "./SpiceDeposit";
-export { SelectChainModal, ConnectWalletModal, DepositModal, SpiceDeposit, SpiceDepositFlow };
+import { SpiceDeposit } from "./SpiceDeposit";
+export { SelectChainModal, ConnectWalletModal, DepositModal, SpiceDeposit };

package/dist/index.cjs.js

@@ -7038,12 +7038,11 @@ const SpiceDepositFlow = ({
 };
 const SpiceDeposit = (props) => {
   const context = React.useContext(SpiceFlowProviderContext);
-  const { walletConnectProjectId, useInternalWagmi = true } = props;
+  const { walletConnectProjectId } = props;
   if (!context) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Error: SpiceDeposit must be used within SpiceFlowProvider" });
   }
   const wagmiConfig = React.useMemo(() => {
-    if (!useInternalWagmi) return null;
     const chains = [];
     context.supportedChainIds.forEach((chainId) => {
       const config = getChainConfig(chainId);
@@ -7071,9 +7070,13 @@ const SpiceDeposit = (props) => {
       chains,
       connectors: connectorsList,
       transports,
-      ssr: false
+      ssr: false,
+      storage: wagmi.createStorage({
+        storage: typeof window !== "undefined" ? window.localStorage : void 0,
+        key: "spiceflow.wagmi"
+      })
     });
-  }, [context.supportedChainIds, walletConnectProjectId, useInternalWagmi]);
+  }, [context.supportedChainIds, walletConnectProjectId]);
   const queryClient = React.useMemo(
     () => new reactQuery.QueryClient({
       defaultOptions: {
@@ -7085,10 +7088,7 @@ const SpiceDeposit = (props) => {
     }),
     []
   );
-  if (useInternalWagmi && wagmiConfig) {
-    return /* @__PURE__ */ jsxRuntime.jsx(wagmi.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(SpiceDepositFlow, { ...props }) }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(SpiceDepositFlow, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(wagmi.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(SpiceDepositFlow, { ...props }) }) });
 };
 
 const BalanceSection = ({

package/dist/index.js

@@ -9,7 +9,7 @@ import { createPortal } from 'react-dom';
 import { usePrivy, useWallets, useSign7702Authorization, useSignMessage, useSendTransaction } from '@privy-io/react-auth';
 import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
 import { getAccountNonce, hashChainBatches, getAuthorizationHash } from 'spiceflow-core-test';
-import { useAccount, useConnect, useDisconnect, useSwitchChain, useWalletClient, http as http$1, createConfig, WagmiProvider } from 'wagmi';
+import { useAccount, useConnect, useDisconnect, useSwitchChain, useWalletClient, http as http$1, createConfig, createStorage, WagmiProvider } from 'wagmi';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { sepolia as sepolia$1, arbitrumSepolia as arbitrumSepolia$1 } from 'wagmi/chains';
 import { metaMask, walletConnect } from 'wagmi/connectors';
@@ -7036,12 +7036,11 @@ const SpiceDepositFlow = ({
 };
 const SpiceDeposit = (props) => {
   const context = useContext(SpiceFlowProviderContext);
-  const { walletConnectProjectId, useInternalWagmi = true } = props;
+  const { walletConnectProjectId } = props;
   if (!context) {
     return /* @__PURE__ */ jsx("div", { children: "Error: SpiceDeposit must be used within SpiceFlowProvider" });
   }
   const wagmiConfig = useMemo(() => {
-    if (!useInternalWagmi) return null;
     const chains = [];
     context.supportedChainIds.forEach((chainId) => {
       const config = getChainConfig(chainId);
@@ -7069,9 +7068,13 @@ const SpiceDeposit = (props) => {
       chains,
       connectors: connectorsList,
       transports,
-      ssr: false
+      ssr: false,
+      storage: createStorage({
+        storage: typeof window !== "undefined" ? window.localStorage : void 0,
+        key: "spiceflow.wagmi"
+      })
     });
-  }, [context.supportedChainIds, walletConnectProjectId, useInternalWagmi]);
+  }, [context.supportedChainIds, walletConnectProjectId]);
   const queryClient = useMemo(
     () => new QueryClient({
       defaultOptions: {
@@ -7083,10 +7086,7 @@ const SpiceDeposit = (props) => {
     }),
     []
   );
-  if (useInternalWagmi && wagmiConfig) {
-    return /* @__PURE__ */ jsx(WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(SpiceDepositFlow, { ...props }) }) });
-  }
-  return /* @__PURE__ */ jsx(SpiceDepositFlow, { ...props });
+  return /* @__PURE__ */ jsx(WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(SpiceDepositFlow, { ...props }) }) });
 };
 
 const BalanceSection = ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spicenet-io/spiceflow-ui",
-  "version": "1.2.0",
+  "version": "1.2.2-0",
   "description": "Spiceflow UI SDK",
   "type": "module",
   "main": "dist/index.cjs.js",