@spicenet-io/spiceflow-ui 1.9.34 → 1.9.35

package/dist/types/authorization.d.ts

@@ -15,7 +15,6 @@ export interface Call {
 }
 export interface ChainBatch {
     chainId: number;
-    recentBlock: bigint;
     calls: Call[];
 }
 export interface IntentAuthorization {

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

@@ -1,6 +1,7 @@
 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;
@@ -39,6 +40,14 @@ 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.34",
+  "version": "1.9.35",
   "description": "Spiceflow UI SDK",
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -38,21 +38,11 @@
     ".npmrc"
   ],
   "scripts": {
-    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly",
-    "build:rollup": "rollup -c rollup.config.mjs",
-    "build": "npm run build:types && npm run build:rollup",
-    "build:watch": "rollup -c rollup.config.mjs --watch",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json --emitDeclarationOnly && rollup -c rollup.config.mjs",
+    "dev": "npm run build:watch",
+    "dev:link": "npm run build && npm link && echo '✅ SDK linked globally. Run: npm link @spicenet-io/spiceflow-ui in your project'",
     "clean": "rm -rf dist",
-    "prebuild": "npm run clean",
-    "pack:local": "npm run build && npm pack",
-    "lint": "eslint src --ext .ts,.tsx",
-    "lint:fix": "eslint src --ext .ts,.tsx --fix",
-    "format": "prettier --write 'src/**/*.{ts,tsx,js,jsx,json,md}'",
-    "format:check": "prettier --check 'src/**/*.{ts,tsx,js,jsx,json,md}'",
-    "typecheck": "tsc --noEmit",
-    "prepublishOnly": "npm run build",
-    "prepare": "husky install",
-    "clean-install": "rm -rf node_modules package-lock.json && npm install"
+    "prepublishOnly": "npm run build"
   },
   "keywords": [
     "react",
@@ -75,7 +65,7 @@
     "@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",
-    "@spicenet-io/spiceflow-core": "0.1.1",
+    "@spicenet-io/spiceflow-core": "0.1.3",
     "@tanstack/react-query": ">=5.0.0",
     "axios": ">=1.0.0",
     "react": "^18.0.0",
@@ -108,7 +98,7 @@
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-typescript": "^12.1.4",
-    "@spicenet-io/spiceflow-core": "0.1.1",
+    "@spicenet-io/spiceflow-core": "0.1.3",
     "@tanstack/react-query": "^5.90.5",
     "@types/node": "^24.3.0",
     "@types/react": "^18.3.3",
@@ -122,6 +112,7 @@
     "eslint-plugin-react": "^7.33.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^9.1.7",
+    "jest": "^29.6.0",
     "lint-staged": "^16.2.5",
     "lucide-react": "^0.562.0",
     "postcss": "^8.5.6",
@@ -134,6 +125,8 @@
     "rollup-plugin-esbuild": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
+    "sharp": "^0.34.5",
+    "spiceflow-core-test": "^0.1.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.2",
     "viem": "2.33.1",

package/dist/Button-CWjGZdAM.js

@@ -1,228 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-const baseTheme = {
-  spacing: {
-    xs: "0.25rem",
-    sm: "0.5rem",
-    md: "1rem",
-    lg: "1.5rem",
-    xl: "2rem"
-  },
-  borderRadius: {
-    sm: "0.25rem",
-    md: "0.5rem",
-    lg: "0.75rem",
-    full: "9999px"
-  },
-  typography: {
-    fontFamily: '"Helvetica Neue", sans-serif',
-    fontSize: {
-      xs: "0.75rem",
-      sm: "0.875rem",
-      base: "1rem",
-      lg: "1.125rem",
-      xl: "1.25rem",
-      "2xl": "1.5rem",
-      "3xl": "1.75rem"
-    },
-    fontWeight: {
-      normal: 400,
-      medium: 500,
-      semibold: 600,
-      bold: 700
-    }
-  },
-  shadows: {
-    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-    md: "0 4px 6px -1px rgb(0 0 0 / 0.1)",
-    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1)"
-  },
-  animation: {
-    fast: "150ms ease-in-out",
-    normal: "200ms ease-in-out",
-    slow: "300ms ease-in-out"
-  }
-};
-const lightColors = {
-  primary: "#EA4B4B",
-  primaryHover: "#E43838",
-  secondary: "#f3f4f6",
-  background: "#ffffff",
-  surface: "#f9fafb",
-  surfaceHover: "#f3f4f6",
-  border: "#e5e7eb",
-  borderHover: "#d1d5db",
-  text: "#111827",
-  textSecondary: "#374151",
-  textMuted: "#6b7280",
-  success: "#10b981",
-  error: "#ef4444",
-  warning: "#f59e0b",
-  info: "#3b82f6"
-};
-const darkColors = {
-  primary: "#EA4B4B",
-  primaryHover: "#E43838",
-  secondary: "#1f2937",
-  background: "#111217",
-  surface: "#161a22",
-  surfaceHover: "#1f2937",
-  border: "#374151",
-  borderHover: "#4b5563",
-  text: "#ffffff",
-  textSecondary: "#d1d5db",
-  textMuted: "#9ca3af",
-  success: "#10b981",
-  error: "#ef4444",
-  warning: "#f59e0b",
-  info: "#3b82f6"
-};
-const createTheme = (mode = "light") => {
-  return {
-    mode,
-    ...baseTheme,
-    colors: mode === "light" ? lightColors : darkColors
-  };
-};
-const defaultTheme = createTheme("light");
-
-const Button = ({
-  variant = "primary",
-  size = "md",
-  loading = false,
-  fullWidth = false,
-  disabled,
-  children,
-  className = "",
-  style,
-  theme: providedTheme,
-  styles,
-  ...props
-}) => {
-  const theme = providedTheme || createTheme("light");
-  const getVariantStyles = () => {
-    switch (variant) {
-      case "primary":
-        return {
-          backgroundColor: styles?.button?.backgroundColor || theme.colors.primary,
-          color: styles?.button?.color || "#ffffff",
-          border: `1px solid ${styles?.button?.backgroundColor || theme.colors.primary}`,
-          ":hover": {
-            backgroundColor: theme.colors.primaryHover
-          }
-        };
-      case "secondary":
-        return {
-          backgroundColor: theme.colors.secondary,
-          color: theme.colors.text,
-          border: `1px solid ${theme.colors.border}`,
-          ":hover": {
-            backgroundColor: theme.colors.surfaceHover
-          }
-        };
-      case "success":
-        return {
-          backgroundColor: theme.colors.success,
-          color: theme.colors.text,
-          border: `1px solid ${theme.colors.success}`
-        };
-      case "error":
-        return {
-          backgroundColor: theme.colors.error,
-          color: theme.colors.text,
-          border: `1px solid ${theme.colors.error}`
-        };
-      case "ghost":
-        return {
-          backgroundColor: "transparent",
-          color: theme.colors.textSecondary,
-          border: `1px solid ${theme.colors.border}`,
-          ":hover": {
-            backgroundColor: theme.colors.surface
-          }
-        };
-      case "outline":
-        return {
-          backgroundColor: theme.colors.primary,
-          color: "#000000",
-          border: "1px solid black",
-          boxShadow: "3px 3px 0px white, 4px 4px 0px black",
-          // layered for comic pop
-          transition: "transform 0.1s ease, box-shadow 0.1s ease",
-          ":hover": {
-            transform: "translate(-2px, -2px)",
-            boxShadow: "6px 6px 0px #000000, 8px 8px 0px rgba(0, 0, 0, 0.2)"
-          }
-        };
-      default:
-        return {};
-    }
-  };
-  const getSizeStyles = () => {
-    switch (size) {
-      case "sm":
-        return {
-          padding: `${theme.spacing.sm} ${theme.spacing.md}`,
-          fontSize: theme.typography.fontSize.sm
-        };
-      case "md":
-        return {
-          padding: `${theme.spacing.md} ${theme.spacing.lg}`,
-          fontSize: theme.typography.fontSize.base
-        };
-      case "lg":
-        return {
-          padding: `${theme.spacing.lg} ${theme.spacing.xl}`,
-          fontSize: theme.typography.fontSize.lg
-        };
-      default:
-        return {};
-    }
-  };
-  const variantStyles = getVariantStyles();
-  const baseStyles = {
-    borderRadius: styles?.button?.borderRadius || theme.borderRadius.md,
-    fontWeight: styles?.button?.fontWeight || theme.typography.fontWeight.medium,
-    fontFamily: styles?.button?.fontFamily || theme.typography.fontFamily,
-    fontSize: styles?.button?.fontSize || void 0,
-    transition: `all ${theme.animation.normal}`,
-    cursor: disabled || loading ? "not-allowed" : "pointer",
-    opacity: disabled || loading ? 0.6 : 1,
-    width: fullWidth ? "100%" : "auto",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: theme.spacing.sm,
-    ...variantStyles,
-    ...getSizeStyles(),
-    ...styles?.button?.fontSize && { fontSize: styles.button.fontSize }
-  };
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      style: { ...baseStyles, ...style },
-      className,
-      disabled: disabled || loading,
-      ...props,
-      children: [
-        loading && /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              width: "1rem",
-              height: "1rem",
-              border: "2px solid currentColor",
-              borderTop: "2px solid transparent",
-              borderRadius: "50%",
-              animation: "spin 1s linear infinite"
-            }
-          }
-        ),
-        children
-      ]
-    }
-  );
-};
-
-export { Button as B, createTheme as c, defaultTheme as d };

package/dist/Button-D2yFTia-.js

@@ -1,232 +0,0 @@
-"use client";
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-
-const baseTheme = {
-  spacing: {
-    xs: "0.25rem",
-    sm: "0.5rem",
-    md: "1rem",
-    lg: "1.5rem",
-    xl: "2rem"
-  },
-  borderRadius: {
-    sm: "0.25rem",
-    md: "0.5rem",
-    lg: "0.75rem",
-    full: "9999px"
-  },
-  typography: {
-    fontFamily: '"Helvetica Neue", sans-serif',
-    fontSize: {
-      xs: "0.75rem",
-      sm: "0.875rem",
-      base: "1rem",
-      lg: "1.125rem",
-      xl: "1.25rem",
-      "2xl": "1.5rem",
-      "3xl": "1.75rem"
-    },
-    fontWeight: {
-      normal: 400,
-      medium: 500,
-      semibold: 600,
-      bold: 700
-    }
-  },
-  shadows: {
-    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-    md: "0 4px 6px -1px rgb(0 0 0 / 0.1)",
-    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1)"
-  },
-  animation: {
-    fast: "150ms ease-in-out",
-    normal: "200ms ease-in-out",
-    slow: "300ms ease-in-out"
-  }
-};
-const lightColors = {
-  primary: "#EA4B4B",
-  primaryHover: "#E43838",
-  secondary: "#f3f4f6",
-  background: "#ffffff",
-  surface: "#f9fafb",
-  surfaceHover: "#f3f4f6",
-  border: "#e5e7eb",
-  borderHover: "#d1d5db",
-  text: "#111827",
-  textSecondary: "#374151",
-  textMuted: "#6b7280",
-  success: "#10b981",
-  error: "#ef4444",
-  warning: "#f59e0b",
-  info: "#3b82f6"
-};
-const darkColors = {
-  primary: "#EA4B4B",
-  primaryHover: "#E43838",
-  secondary: "#1f2937",
-  background: "#111217",
-  surface: "#161a22",
-  surfaceHover: "#1f2937",
-  border: "#374151",
-  borderHover: "#4b5563",
-  text: "#ffffff",
-  textSecondary: "#d1d5db",
-  textMuted: "#9ca3af",
-  success: "#10b981",
-  error: "#ef4444",
-  warning: "#f59e0b",
-  info: "#3b82f6"
-};
-const createTheme = (mode = "light") => {
-  return {
-    mode,
-    ...baseTheme,
-    colors: mode === "light" ? lightColors : darkColors
-  };
-};
-const defaultTheme = createTheme("light");
-
-const Button = ({
-  variant = "primary",
-  size = "md",
-  loading = false,
-  fullWidth = false,
-  disabled,
-  children,
-  className = "",
-  style,
-  theme: providedTheme,
-  styles,
-  ...props
-}) => {
-  const theme = providedTheme || createTheme("light");
-  const getVariantStyles = () => {
-    switch (variant) {
-      case "primary":
-        return {
-          backgroundColor: styles?.button?.backgroundColor || theme.colors.primary,
-          color: styles?.button?.color || "#ffffff",
-          border: `1px solid ${styles?.button?.backgroundColor || theme.colors.primary}`,
-          ":hover": {
-            backgroundColor: theme.colors.primaryHover
-          }
-        };
-      case "secondary":
-        return {
-          backgroundColor: theme.colors.secondary,
-          color: theme.colors.text,
-          border: `1px solid ${theme.colors.border}`,
-          ":hover": {
-            backgroundColor: theme.colors.surfaceHover
-          }
-        };
-      case "success":
-        return {
-          backgroundColor: theme.colors.success,
-          color: theme.colors.text,
-          border: `1px solid ${theme.colors.success}`
-        };
-      case "error":
-        return {
-          backgroundColor: theme.colors.error,
-          color: theme.colors.text,
-          border: `1px solid ${theme.colors.error}`
-        };
-      case "ghost":
-        return {
-          backgroundColor: "transparent",
-          color: theme.colors.textSecondary,
-          border: `1px solid ${theme.colors.border}`,
-          ":hover": {
-            backgroundColor: theme.colors.surface
-          }
-        };
-      case "outline":
-        return {
-          backgroundColor: theme.colors.primary,
-          color: "#000000",
-          border: "1px solid black",
-          boxShadow: "3px 3px 0px white, 4px 4px 0px black",
-          // layered for comic pop
-          transition: "transform 0.1s ease, box-shadow 0.1s ease",
-          ":hover": {
-            transform: "translate(-2px, -2px)",
-            boxShadow: "6px 6px 0px #000000, 8px 8px 0px rgba(0, 0, 0, 0.2)"
-          }
-        };
-      default:
-        return {};
-    }
-  };
-  const getSizeStyles = () => {
-    switch (size) {
-      case "sm":
-        return {
-          padding: `${theme.spacing.sm} ${theme.spacing.md}`,
-          fontSize: theme.typography.fontSize.sm
-        };
-      case "md":
-        return {
-          padding: `${theme.spacing.md} ${theme.spacing.lg}`,
-          fontSize: theme.typography.fontSize.base
-        };
-      case "lg":
-        return {
-          padding: `${theme.spacing.lg} ${theme.spacing.xl}`,
-          fontSize: theme.typography.fontSize.lg
-        };
-      default:
-        return {};
-    }
-  };
-  const variantStyles = getVariantStyles();
-  const baseStyles = {
-    borderRadius: styles?.button?.borderRadius || theme.borderRadius.md,
-    fontWeight: styles?.button?.fontWeight || theme.typography.fontWeight.medium,
-    fontFamily: styles?.button?.fontFamily || theme.typography.fontFamily,
-    fontSize: styles?.button?.fontSize || void 0,
-    transition: `all ${theme.animation.normal}`,
-    cursor: disabled || loading ? "not-allowed" : "pointer",
-    opacity: disabled || loading ? 0.6 : 1,
-    width: fullWidth ? "100%" : "auto",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: theme.spacing.sm,
-    ...variantStyles,
-    ...getSizeStyles(),
-    ...styles?.button?.fontSize && { fontSize: styles.button.fontSize }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      style: { ...baseStyles, ...style },
-      className,
-      disabled: disabled || loading,
-      ...props,
-      children: [
-        loading && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            style: {
-              width: "1rem",
-              height: "1rem",
-              border: "2px solid currentColor",
-              borderTop: "2px solid transparent",
-              borderRadius: "50%",
-              animation: "spin 1s linear infinite"
-            }
-          }
-        ),
-        children
-      ]
-    }
-  );
-};
-
-exports.Button = Button;
-exports.createTheme = createTheme;
-exports.defaultTheme = defaultTheme;