@spicenet-io/spiceflow-ui 1.7.0 → 1.7.1

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-RifBkofT.js';
+import { c as createTheme, B as Button } from './Button-aWXByNBC.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-RifBkofT.js';
+import { B as Button, c as createTheme } from './Button-aWXByNBC.js';
 import { usePrivy, useLogin, useLogout } from '@privy-io/react-auth';
 
 const PrivyLogin = ({

package/dist/index.cjs.js

@@ -3914,7 +3914,8 @@ const SwapWidget = ({
 
 const DepositWidget = ({
   depositBatches,
-  tokenAddress = "0x0",
+  tokenAddress,
+  tokenDecimals,
   supportedChains,
   theme: themeMode = "light",
   styles,
@@ -4104,7 +4105,10 @@ const DepositWidget = ({
           [
             {
               tokenAddress,
-              tokenAmount: viem.parseEther(selectedDepositAsset.amount)
+              tokenAmount: viem.parseUnits(
+                selectedDepositAsset.amount,
+                tokenDecimals
+              )
             }
           ]
         ]
@@ -4615,6 +4619,7 @@ const DepositWidgetModal = ({
   // Pass through all DepositWidget props
   depositBatches,
   tokenAddress,
+  tokenDecimals,
   supportedChains,
   theme: themeMode = "light",
   styles,
@@ -4680,6 +4685,7 @@ const DepositWidgetModal = ({
         {
           depositBatches,
           tokenAddress,
+          tokenDecimals,
           supportedChains,
           theme: themeMode,
           styles: {
@@ -11958,7 +11964,7 @@ const LpModal = ({
 };
 
 const useFromInput = () => {
-  const [fromAmount, setFromAmount] = React.useState("");
+  const [fromAmount, setFromAmount] = React.useState("0");
   return {
     fromAmount,
     setFromAmount
@@ -11966,7 +11972,7 @@ const useFromInput = () => {
 };
 
 const useToInputUpdate = () => {
-  const [toAmount, setToAmount] = React.useState("");
+  const [toAmount, setToAmount] = React.useState("0");
   const updateToAmount = React.useCallback((amount) => {
     setToAmount(amount);
   }, []);
@@ -11978,7 +11984,7 @@ const useToInputUpdate = () => {
 };
 
 const useDepositInput = () => {
-  const [depositAmount, setDepositAmount] = React.useState("");
+  const [depositAmount, setDepositAmount] = React.useState("0");
   return {
     depositAmount,
     setDepositAmount

package/dist/index.js

@@ -2,7 +2,7 @@
 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, isAddress, getAddress, parseEther, encodeFunctionData, parseUnits, erc20Abi } from 'viem';
-import { c as createTheme, B as Button, d as defaultTheme } from './Button-RifBkofT.js';
+import { c as createTheme, B as Button, d as defaultTheme } from './Button-aWXByNBC.js';
 import { getBalance, readContract } from 'viem/actions';
 import { basecampTestnet, citreaTestnet, baseSepolia, arbitrumSepolia, sepolia } from 'viem/chains';
 import { createPortal } from 'react-dom';
@@ -3912,7 +3912,8 @@ const SwapWidget = ({
 
 const DepositWidget = ({
   depositBatches,
-  tokenAddress = "0x0",
+  tokenAddress,
+  tokenDecimals,
   supportedChains,
   theme: themeMode = "light",
   styles,
@@ -4102,7 +4103,10 @@ const DepositWidget = ({
           [
             {
               tokenAddress,
-              tokenAmount: parseEther(selectedDepositAsset.amount)
+              tokenAmount: parseUnits(
+                selectedDepositAsset.amount,
+                tokenDecimals
+              )
             }
           ]
         ]
@@ -4613,6 +4617,7 @@ const DepositWidgetModal = ({
   // Pass through all DepositWidget props
   depositBatches,
   tokenAddress,
+  tokenDecimals,
   supportedChains,
   theme: themeMode = "light",
   styles,
@@ -4678,6 +4683,7 @@ const DepositWidgetModal = ({
         {
           depositBatches,
           tokenAddress,
+          tokenDecimals,
           supportedChains,
           theme: themeMode,
           styles: {
@@ -11956,7 +11962,7 @@ const LpModal = ({
 };
 
 const useFromInput = () => {
-  const [fromAmount, setFromAmount] = useState("");
+  const [fromAmount, setFromAmount] = useState("0");
   return {
     fromAmount,
     setFromAmount
@@ -11964,7 +11970,7 @@ const useFromInput = () => {
 };
 
 const useToInputUpdate = () => {
-  const [toAmount, setToAmount] = useState("");
+  const [toAmount, setToAmount] = useState("0");
   const updateToAmount = useCallback((amount) => {
     setToAmount(amount);
   }, []);
@@ -11976,7 +11982,7 @@ const useToInputUpdate = () => {
 };
 
 const useDepositInput = () => {
-  const [depositAmount, setDepositAmount] = useState("");
+  const [depositAmount, setDepositAmount] = useState("0");
   return {
     depositAmount,
     setDepositAmount

package/dist/types/deposit.d.ts

@@ -19,7 +19,8 @@ export interface SpiceDepositResponse {
 }
 export interface DepositWidgetProps {
     depositBatches: ChainBatch[];
-    tokenAddress?: Address;
+    tokenAddress: Address;
+    tokenDecimals: number;
     supportedChains: number[];
     theme?: ThemeMode;
     styles?: CustomStyles;

package/package.json

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