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

package/dist/auth-dynamic.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useEffect, useState, useCallback } from 'react';
-import { c as createTheme, B as Button } from './Button-aWXByNBC.js';
+import { c as createTheme, B as Button } from './Button-RifBkofT.js';
 import { useDynamicContext, useConnectWithOtp } from '@dynamic-labs/sdk-react-core';
 
 const Input = ({

package/dist/auth-privy.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { B as Button, c as createTheme } from './Button-aWXByNBC.js';
+import { B as Button, c as createTheme } from './Button-RifBkofT.js';
 import { usePrivy, useLogin, useLogout } from '@privy-io/react-auth';
 
 const PrivyLogin = ({

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

@@ -15,5 +15,7 @@ export interface SpiceDepositProps {
     destinationTokenAddress?: string;
     postDepositInstruction?: (bridgedAmount: string) => Promise<void> | void;
     postDepositInstructionLabel?: string;
+    useInternalWagmi?: boolean;
 }
+export declare const SpiceDepositFlow: React.FC<SpiceDepositProps>;
 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 } from "./SpiceDeposit";
-export { SelectChainModal, ConnectWalletModal, DepositModal, SpiceDeposit };
+import { SpiceDeposit, SpiceDepositFlow } from "./SpiceDeposit";
+export { SelectChainModal, ConnectWalletModal, DepositModal, SpiceDeposit, SpiceDepositFlow, };

package/dist/index.cjs.js

@@ -2645,7 +2645,7 @@ const useWallet = () => {
   };
 };
 
-const RELAYER_API_URL = process.env.NEXT_PUBLIC_RELAYER_API_URL || "http://localhost:3005";
+const RELAYER_API_URL = process.env.NEXT_PUBLIC_RELAYER_API_URL || "https://tx-api.spicenet.io";
 class RelayerService {
   constructor() {
     this.baseUrl = RELAYER_API_URL;
@@ -6528,6 +6528,8 @@ const DepositModal = React.memo(
           errorMessage = "Transaction rejected by user";
         } else if (error2?.message?.includes("user rejected")) {
           errorMessage = "Transaction rejected by user";
+        } else if (error2?.message?.includes("does not match the target chain") || error2?.message?.includes("Current Chain ID")) {
+          errorMessage = "Network mismatch detected. Please click the button again to proceed.";
         } else if (error2 instanceof Error) {
           errorMessage = error2.message;
         } else if (typeof error2 === "string") {
@@ -7038,11 +7040,12 @@ const SpiceDepositFlow = ({
 };
 const SpiceDeposit = (props) => {
   const context = React.useContext(SpiceFlowProviderContext);
-  const { walletConnectProjectId } = props;
+  const { walletConnectProjectId, useInternalWagmi = true } = 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);
@@ -7070,13 +7073,9 @@ const SpiceDeposit = (props) => {
       chains,
       connectors: connectorsList,
       transports,
-      ssr: false,
-      storage: wagmi.createStorage({
-        storage: typeof window !== "undefined" ? window.localStorage : void 0,
-        key: "spiceflow.wagmi"
-      })
+      ssr: false
     });
-  }, [context.supportedChainIds, walletConnectProjectId]);
+  }, [context.supportedChainIds, walletConnectProjectId, useInternalWagmi]);
   const queryClient = React.useMemo(
     () => new reactQuery.QueryClient({
       defaultOptions: {
@@ -7088,7 +7087,10 @@ const SpiceDeposit = (props) => {
     }),
     []
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(wagmi.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(SpiceDepositFlow, { ...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 });
 };
 
 const BalanceSection = ({

package/dist/index.js

@@ -2,14 +2,14 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { useState, useRef, useEffect, useCallback, createContext, useContext, useTransition, forwardRef, createElement, useMemo } from 'react';
 import { defineChain, createPublicClient, http, parseEther, parseUnits, encodeFunctionData } from 'viem';
-import { c as createTheme, B as Button, d as defaultTheme } from './Button-aWXByNBC.js';
+import { c as createTheme, B as Button, d as defaultTheme } from './Button-RifBkofT.js';
 import { getBalance } from 'viem/actions';
 import { basecampTestnet, citreaTestnet, baseSepolia, arbitrumSepolia, sepolia } from 'viem/chains';
 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, createStorage, WagmiProvider } from 'wagmi';
+import { useAccount, useConnect, useDisconnect, useSwitchChain, useWalletClient, http as http$1, createConfig, 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';
@@ -2643,7 +2643,7 @@ const useWallet = () => {
   };
 };
 
-const RELAYER_API_URL = process.env.NEXT_PUBLIC_RELAYER_API_URL || "http://localhost:3005";
+const RELAYER_API_URL = process.env.NEXT_PUBLIC_RELAYER_API_URL || "https://tx-api.spicenet.io";
 class RelayerService {
   constructor() {
     this.baseUrl = RELAYER_API_URL;
@@ -6526,6 +6526,8 @@ const DepositModal = React.memo(
           errorMessage = "Transaction rejected by user";
         } else if (error2?.message?.includes("user rejected")) {
           errorMessage = "Transaction rejected by user";
+        } else if (error2?.message?.includes("does not match the target chain") || error2?.message?.includes("Current Chain ID")) {
+          errorMessage = "Network mismatch detected. Please click the button again to proceed.";
         } else if (error2 instanceof Error) {
           errorMessage = error2.message;
         } else if (typeof error2 === "string") {
@@ -7036,11 +7038,12 @@ const SpiceDepositFlow = ({
 };
 const SpiceDeposit = (props) => {
   const context = useContext(SpiceFlowProviderContext);
-  const { walletConnectProjectId } = props;
+  const { walletConnectProjectId, useInternalWagmi = true } = 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);
@@ -7068,13 +7071,9 @@ const SpiceDeposit = (props) => {
       chains,
       connectors: connectorsList,
       transports,
-      ssr: false,
-      storage: createStorage({
-        storage: typeof window !== "undefined" ? window.localStorage : void 0,
-        key: "spiceflow.wagmi"
-      })
+      ssr: false
     });
-  }, [context.supportedChainIds, walletConnectProjectId]);
+  }, [context.supportedChainIds, walletConnectProjectId, useInternalWagmi]);
   const queryClient = useMemo(
     () => new QueryClient({
       defaultOptions: {
@@ -7086,7 +7085,10 @@ const SpiceDeposit = (props) => {
     }),
     []
   );
-  return /* @__PURE__ */ jsx(WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(SpiceDepositFlow, { ...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 });
 };
 
 const BalanceSection = ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spicenet-io/spiceflow-ui",
-  "version": "1.2.2-0",
+  "version": "1.2.3",
   "description": "Spiceflow UI SDK",
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -71,14 +71,14 @@
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@dynamic-labs/ethereum": ">=3.9.13",
-    "@dynamic-labs/sdk-react-core": ">=3.9.13",
-    "@dynamic-labs/wallet-connector-core": ">=3.9.13",
-    "@privy-io/react-auth": ">=2.24.0",
+    "@dynamic-labs/ethereum": ">=3.9.13 <5.0.0",
+    "@dynamic-labs/sdk-react-core": ">=3.9.13 <5.0.0",
+    "@dynamic-labs/wallet-connector-core": ">=3.9.13 <5.0.0",
+    "@privy-io/react-auth": ">=2.24.0 <4.0.0",
     "@tanstack/react-query": ">=5.0.0",
     "axios": ">=1.0.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "spiceflow-core-test": ">=0.1.0",
     "viem": ">=2.21.0",
     "wagmi": ">=2.12.0"
@@ -113,8 +113,8 @@
     "rollup-plugin-esbuild": "^6.1.1",
     "@tanstack/react-query": "^5.90.5",
     "@types/node": "^24.3.0",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
     "eslint": "^8.45.0",
@@ -127,8 +127,8 @@
     "postcss-import": "^16.1.1",
     "prettier": "3.6.2",
     "jest": "^29.6.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "rollup": "^4.50.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",