@spicenet-io/spiceflow-ui 1.9.28 → 1.9.30

package/dist/index.cjs.js

@@ -390,7 +390,7 @@ const CHAIN_CONFIGS = {
       }
     },
     viemChain: chains.citreaTestnet,
-    delegateContract: "0xCEde2fAb783274c285c672599ffDeB831BDD0e43",
+    delegateContract: "0x9DE3D53419a8F821b6E2039A7249c5738004FB94",
     icon: {
       symbol: "C",
       backgroundColor: "#EA4B4B",
@@ -3310,47 +3310,6 @@ class RelayerService {
       return { success: false, errorMessage: msg };
     }
   }
-  // EIP-7702 transaction
-  async submitTransaction(request) {
-    try {
-      const response = await fetch(`${this.baseUrl}/transaction/submit`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(
-          request,
-          (key, value) => typeof value === "bigint" ? value.toString() : value
-        )
-      });
-      if (!response.ok) {
-        const errorText = await response.text();
-        throw new Error(`Relayer API error: ${response.status} - ${errorText}`);
-      }
-      const result = await response.json();
-      return {
-        hash: result.hash,
-        intentId: result.intentId || request.intentAuthorization.signature
-      };
-    } catch (error) {
-      throw error;
-    }
-  }
-  // Status check methods when submit route is used
-  async checkStepStatusSubmitRoute(intentId, stepId) {
-    try {
-      const response = await fetch(
-        `${this.baseUrl}/intent/${intentId}/step/${stepId}/status`
-      );
-      if (!response.ok) {
-        throw new Error(`Intent step status check failed: ${response.status}`);
-      }
-      return await response.json();
-    } catch (error) {
-      console.error(`Error checking intent step ${stepId} status:`, error);
-      throw error;
-    }
-  }
 }
 const relayerService = new RelayerService();
 const createInitialSteps = (chainBatches, customGetChainName) => {
@@ -5195,7 +5154,8 @@ const DepositWidget = ({
     provider,
     actions
   } = wallet;
-  React.useContext(SpiceFlowProviderContext);
+  const spiceFlowContext = React.useContext(SpiceFlowProviderContext);
+  const mode = spiceFlowContext?.mode || "7702";
   const [selectedDepositAsset, setSelectedDepositAsset] = React.useState(null);
   const {
     assets: spiceAssets,
@@ -5215,7 +5175,7 @@ const DepositWidget = ({
   const [isDepositPressed, setIsDepositPressed] = React.useState(false);
   const spiceDepositSubmittedRef = React.useRef(null);
   const { intentStatus, startStatusPolling, clearStatus } = useStatus({
-    checkStepStatus: (intentId, stepId) => relayerService.checkStepStatusSubmitRoute(intentId, stepId)
+    checkStepStatus: (intentId, stepId) => relayerService.checkStepStatus(intentId, stepId)
   });
   React.useEffect(() => {
     if (intentStatus?.overallStatus === "success" && intentStatus.intentId && spiceDepositSubmittedRef.current !== intentStatus.intentId && selectedDepositAsset && address) {
@@ -5284,12 +5244,16 @@ const DepositWidget = ({
   const handleDeposit = async () => {
     if (!selectedDepositAsset || !address || depositBatches.length === 0)
       return;
-    if (!ready || !authenticated) {
+    if (mode === "7702" && (!ready || !authenticated)) {
       setError(
         `Please authenticate with ${provider || "wallet provider"} to continue`
       );
       return;
     }
+    if (mode !== "7702") {
+      setError("Only EIP-7702 mode is currently supported for DepositWidget.");
+      return;
+    }
     setIsExecuting(true);
     setError(null);
     try {
@@ -5311,41 +5275,55 @@ const DepositWidget = ({
           nonce: Number(nonce)
         });
         authorizations.push(auth);
-        console.log("auth for chain", chainId, auth);
       }
       const hashedChainBatches = spiceflowCoreTest.hashChainBatches(allChainBatches);
       const digest = spiceflowCoreTest.getAuthorizationHash(hashedChainBatches);
-      const intentSignature = await actions.signMessage(digest);
-      if (!intentSignature)
-        throw new Error("Failed to sign intent authorization");
-      const submitRequest = {
-        address,
-        authorization: authorizations,
-        intentAuthorization: {
-          signature: intentSignature.signature,
-          chainBatches: hashedChainBatches
-        },
-        tokenTransfers: [
-          [
+      const signatureResult = await actions.signMessage(digest);
+      const signature = typeof signatureResult === "string" ? signatureResult : signatureResult.signature;
+      if (!signature) throw new Error("Failed to sign intent authorization");
+      const intent = {
+        mode: "7702",
+        signatureType: "ecdsa",
+        signature,
+        nbf: 0,
+        exp: 0,
+        chainBatches: hashedChainBatches.map((b) => ({
+          hash: b.hash,
+          chainId: b.chainId,
+          tokenTransfers: [
             {
-              tokenAddress,
-              tokenAmount: viem.parseUnits(
-                selectedDepositAsset.amount,
-                tokenDecimals
-              ),
-              receiver: address
+              from: "solver",
+              to: address,
+              token: tokenAddress,
+              amount: viem.parseUnits(selectedDepositAsset.amount, tokenDecimals)
             }
-          ]
-        ]
+          ],
+          calls: b.calls
+        }))
+      };
+      const request = {
+        user: address,
+        chainAuthorizations: authorizations.map((auth) => ({
+          r: auth.r,
+          s: auth.s,
+          yParity: auth.yParity,
+          address: auth.address,
+          chainId: auth.chainId,
+          nonce: Number(auth.nonce)
+        })),
+        intents: [intent]
       };
-      const result = await relayerService.submitTransaction(submitRequest);
+      const result = await relayerService.createAction(request);
       if (result) {
-        const getChainName2 = (chainId) => {
-          return `Chain ${chainId}`;
-        };
-        const initialSteps = createInitialSteps(allChainBatches, getChainName2);
-        startStatusPolling(result.intentId, initialSteps);
-        onDepositSuccess?.(result.intentId);
+        const initialSteps = createInitialSteps(allChainBatches, getChainName$1);
+        startStatusPolling(result.intentIds[0], initialSteps);
+        for (let stepIdx = 0; stepIdx < allChainBatches.length; stepIdx++) {
+          await relayerService.executeStep(result.actionId, 0, stepIdx, {
+            action: "execute"
+          });
+        }
+        onDepositSuccess?.(result.intentIds[0]);
+        refreshSpiceAssets();
       }
     } catch (error2) {
       const errorMessage = error2 instanceof Error ? error2.message : "Deposit failed";

package/dist/index.js

@@ -388,7 +388,7 @@ const CHAIN_CONFIGS = {
       }
     },
     viemChain: citreaTestnet,
-    delegateContract: "0xCEde2fAb783274c285c672599ffDeB831BDD0e43",
+    delegateContract: "0x9DE3D53419a8F821b6E2039A7249c5738004FB94",
     icon: {
       symbol: "C",
       backgroundColor: "#EA4B4B",
@@ -3308,47 +3308,6 @@ class RelayerService {
       return { success: false, errorMessage: msg };
     }
   }
-  // EIP-7702 transaction
-  async submitTransaction(request) {
-    try {
-      const response = await fetch(`${this.baseUrl}/transaction/submit`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(
-          request,
-          (key, value) => typeof value === "bigint" ? value.toString() : value
-        )
-      });
-      if (!response.ok) {
-        const errorText = await response.text();
-        throw new Error(`Relayer API error: ${response.status} - ${errorText}`);
-      }
-      const result = await response.json();
-      return {
-        hash: result.hash,
-        intentId: result.intentId || request.intentAuthorization.signature
-      };
-    } catch (error) {
-      throw error;
-    }
-  }
-  // Status check methods when submit route is used
-  async checkStepStatusSubmitRoute(intentId, stepId) {
-    try {
-      const response = await fetch(
-        `${this.baseUrl}/intent/${intentId}/step/${stepId}/status`
-      );
-      if (!response.ok) {
-        throw new Error(`Intent step status check failed: ${response.status}`);
-      }
-      return await response.json();
-    } catch (error) {
-      console.error(`Error checking intent step ${stepId} status:`, error);
-      throw error;
-    }
-  }
 }
 const relayerService = new RelayerService();
 const createInitialSteps = (chainBatches, customGetChainName) => {
@@ -5193,7 +5152,8 @@ const DepositWidget = ({
     provider,
     actions
   } = wallet;
-  useContext(SpiceFlowProviderContext);
+  const spiceFlowContext = useContext(SpiceFlowProviderContext);
+  const mode = spiceFlowContext?.mode || "7702";
   const [selectedDepositAsset, setSelectedDepositAsset] = useState(null);
   const {
     assets: spiceAssets,
@@ -5213,7 +5173,7 @@ const DepositWidget = ({
   const [isDepositPressed, setIsDepositPressed] = useState(false);
   const spiceDepositSubmittedRef = useRef(null);
   const { intentStatus, startStatusPolling, clearStatus } = useStatus({
-    checkStepStatus: (intentId, stepId) => relayerService.checkStepStatusSubmitRoute(intentId, stepId)
+    checkStepStatus: (intentId, stepId) => relayerService.checkStepStatus(intentId, stepId)
   });
   useEffect(() => {
     if (intentStatus?.overallStatus === "success" && intentStatus.intentId && spiceDepositSubmittedRef.current !== intentStatus.intentId && selectedDepositAsset && address) {
@@ -5282,12 +5242,16 @@ const DepositWidget = ({
   const handleDeposit = async () => {
     if (!selectedDepositAsset || !address || depositBatches.length === 0)
       return;
-    if (!ready || !authenticated) {
+    if (mode === "7702" && (!ready || !authenticated)) {
       setError(
         `Please authenticate with ${provider || "wallet provider"} to continue`
       );
       return;
     }
+    if (mode !== "7702") {
+      setError("Only EIP-7702 mode is currently supported for DepositWidget.");
+      return;
+    }
     setIsExecuting(true);
     setError(null);
     try {
@@ -5309,41 +5273,55 @@ const DepositWidget = ({
           nonce: Number(nonce)
         });
         authorizations.push(auth);
-        console.log("auth for chain", chainId, auth);
       }
       const hashedChainBatches = hashChainBatches(allChainBatches);
       const digest = getAuthorizationHash(hashedChainBatches);
-      const intentSignature = await actions.signMessage(digest);
-      if (!intentSignature)
-        throw new Error("Failed to sign intent authorization");
-      const submitRequest = {
-        address,
-        authorization: authorizations,
-        intentAuthorization: {
-          signature: intentSignature.signature,
-          chainBatches: hashedChainBatches
-        },
-        tokenTransfers: [
-          [
+      const signatureResult = await actions.signMessage(digest);
+      const signature = typeof signatureResult === "string" ? signatureResult : signatureResult.signature;
+      if (!signature) throw new Error("Failed to sign intent authorization");
+      const intent = {
+        mode: "7702",
+        signatureType: "ecdsa",
+        signature,
+        nbf: 0,
+        exp: 0,
+        chainBatches: hashedChainBatches.map((b) => ({
+          hash: b.hash,
+          chainId: b.chainId,
+          tokenTransfers: [
             {
-              tokenAddress,
-              tokenAmount: parseUnits(
-                selectedDepositAsset.amount,
-                tokenDecimals
-              ),
-              receiver: address
+              from: "solver",
+              to: address,
+              token: tokenAddress,
+              amount: parseUnits(selectedDepositAsset.amount, tokenDecimals)
             }
-          ]
-        ]
+          ],
+          calls: b.calls
+        }))
+      };
+      const request = {
+        user: address,
+        chainAuthorizations: authorizations.map((auth) => ({
+          r: auth.r,
+          s: auth.s,
+          yParity: auth.yParity,
+          address: auth.address,
+          chainId: auth.chainId,
+          nonce: Number(auth.nonce)
+        })),
+        intents: [intent]
       };
-      const result = await relayerService.submitTransaction(submitRequest);
+      const result = await relayerService.createAction(request);
       if (result) {
-        const getChainName2 = (chainId) => {
-          return `Chain ${chainId}`;
-        };
-        const initialSteps = createInitialSteps(allChainBatches, getChainName2);
-        startStatusPolling(result.intentId, initialSteps);
-        onDepositSuccess?.(result.intentId);
+        const initialSteps = createInitialSteps(allChainBatches, getChainName$1);
+        startStatusPolling(result.intentIds[0], initialSteps);
+        for (let stepIdx = 0; stepIdx < allChainBatches.length; stepIdx++) {
+          await relayerService.executeStep(result.actionId, 0, stepIdx, {
+            action: "execute"
+          });
+        }
+        onDepositSuccess?.(result.intentIds[0]);
+        refreshSpiceAssets();
       }
     } catch (error2) {
       const errorMessage = error2 instanceof Error ? error2.message : "Deposit failed";

package/dist/utils/relayer/index.d.ts

@@ -1,7 +1,6 @@
 import { CreateActionRequest, CreateActionResponse, ExecuteStepRequest } from "../../types/unified";
 import { SwapStep } from "../../types/status";
 import { ChainBatch } from "../../types/authorization";
-import { RelayerSubmitRequest, RelayerSubmitResponse } from "@/types/relayer";
 export declare const RELAYER_API_URL: string;
 export declare class RelayerService {
     private baseUrl;
@@ -40,14 +39,6 @@ export declare class RelayerService {
         amount?: string;
         errorMessage?: string;
     }>;
-    submitTransaction(request: RelayerSubmitRequest): Promise<RelayerSubmitResponse>;
-    checkStepStatusSubmitRoute(intentId: string, stepId: number): Promise<{
-        success: boolean;
-        data: {
-            status: "created" | "executing" | "success" | "reverted";
-            transactionHash?: string;
-        };
-    }>;
 }
 export declare const relayerService: RelayerService;
 export declare const createInitialSteps: (chainBatches: ChainBatch[], customGetChainName?: (chainId: number) => string) => SwapStep[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spicenet-io/spiceflow-ui",
-  "version": "1.9.28",
+  "version": "1.9.30",
   "description": "Spiceflow UI SDK",
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -103,41 +103,41 @@
     "@dynamic-labs/wallet-connector-core": "^3.9.13",
     "@privy-io/react-auth": "^2.24.0",
     "@rollup/plugin-commonjs": "^28.0.6",
+    "axios": "^1.11.0",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-typescript": "^12.1.4",
+    "esbuild": "^0.24.0",
+    "rollup-plugin-esbuild": "^6.1.1",
     "@tanstack/react-query": "^5.90.5",
     "@types/node": "^24.3.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
-    "axios": "^1.11.0",
-    "esbuild": "^0.24.0",
     "eslint": "^8.45.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.33.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.5",
-    "lucide-react": "^0.562.0",
     "postcss": "^8.5.6",
     "postcss-import": "^16.1.1",
     "prettier": "3.6.2",
+    "jest": "^29.6.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rollup": "^4.50.0",
     "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-esbuild": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "spiceflow-core-test": "^0.1.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.2",
     "viem": "2.33.1",
-    "wagmi": "^2.18.2"
+    "wagmi": "^2.18.2",
+    "spiceflow-core-test": "^0.1.0"
   },
   "lint-staged": {
     "*.{ts,tsx,js,jsx,json,md}": "prettier --write"