@lifi/widget 3.8.0-beta.1 → 3.8.0

package/src/stores/settings/utils/getStateValues.ts

@@ -0,0 +1,16 @@
+import type { SettingsProps, SettingsState } from '../types.js'
+
+export const getStateValues = (state: SettingsState): SettingsProps => ({
+  appearance: state.appearance,
+  gasPrice: state.gasPrice,
+  language: state.language,
+  routePriority: state.routePriority,
+  enabledAutoRefuel: state.enabledAutoRefuel,
+  slippage: state.slippage,
+  disabledBridges: [...state.disabledBridges],
+  enabledBridges: [...state.enabledBridges],
+  _enabledBridges: { ...state._enabledBridges },
+  disabledExchanges: [...state.disabledExchanges],
+  enabledExchanges: [...state.enabledExchanges],
+  _enabledExchanges: { ...state._enabledExchanges },
+})

package/src/types/events.ts

@@ -1,4 +1,6 @@
 import type { ChainId, ChainType, Process, Route } from '@lifi/sdk'
+import type { DefaultValues } from '../stores/form/types.js'
+import type { SettingsProps } from '../stores/settings/types.js'
 import type { NavigationRouteType } from '../utils/navigationRoutes.js'
 
 export enum WidgetEvent {
@@ -22,6 +24,8 @@ export enum WidgetEvent {
   WalletConnected = 'walletConnected',
   WidgetExpanded = 'widgetExpanded',
   PageEntered = 'pageEntered',
+  FormFieldChanged = 'formFieldChanged',
+  SettingUpdated = 'settingUpdated',
 }
 
 export type WidgetEvents = {
@@ -35,13 +39,12 @@ export type WidgetEvents = {
   sourceChainTokenSelected: ChainTokenSelected
   destinationChainTokenSelected: ChainTokenSelected
   sendToWalletToggled: boolean
+  formFieldChanged: FormFieldChanged
   reviewTransactionPageEntered?: Route
-  /**
-   * @deprecated use useWalletManagementEvents hook.
-   */
   walletConnected: WalletConnected
   widgetExpanded: boolean
   pageEntered: NavigationRouteType
+  settingUpdated: SettingUpdated
 }
 
 export interface ContactSupport {
@@ -71,3 +74,21 @@ export interface WalletConnected {
   chainId?: number
   chainType?: ChainType
 }
+
+export type FormFieldChanged = {
+  [K in keyof DefaultValues]: {
+    fieldName: K
+    newValue: DefaultValues[K]
+    oldValue: DefaultValues[K]
+  }
+}[keyof DefaultValues]
+
+export type SettingUpdated<
+  K extends keyof SettingsProps = keyof SettingsProps,
+> = {
+  setting: K
+  newValue: SettingsProps[K]
+  oldValue: SettingsProps[K]
+  newSettings: SettingsProps
+  oldSettings: SettingsProps
+}

package/src/utils/chainType.ts

@@ -1,4 +1,5 @@
-import { ChainId, ChainType, isSVMAddress, isUTXOAddress } from '@lifi/sdk'
+import { isUTXOAddress } from '@bigmi/core'
+import { ChainId, ChainType, isSVMAddress } from '@lifi/sdk'
 import { isAddress as isEVMAddress } from 'viem'
 
 const chainTypeAddressValidation = {

package/src/utils/deepEqual.ts

@@ -0,0 +1,62 @@
+/** Forked from https://github.com/epoberezkin/fast-deep-equal */
+
+export function deepEqual(a: any, b: any) {
+  if (a === b) {
+    return true
+  }
+
+  if (a && b && typeof a === 'object' && typeof b === 'object') {
+    if (a.constructor !== b.constructor) {
+      return false
+    }
+
+    let length: number
+    let i: number
+
+    if (Array.isArray(a) && Array.isArray(b)) {
+      length = a.length
+      if (length !== b.length) {
+        return false
+      }
+      for (i = length; i-- !== 0; ) {
+        if (!deepEqual(a[i], b[i])) {
+          return false
+        }
+      }
+      return true
+    }
+
+    if (a.valueOf !== Object.prototype.valueOf) {
+      return a.valueOf() === b.valueOf()
+    }
+    if (a.toString !== Object.prototype.toString) {
+      return a.toString() === b.toString()
+    }
+
+    const keys = Object.keys(a)
+    length = keys.length
+    if (length !== Object.keys(b).length) {
+      return false
+    }
+
+    for (i = length; i-- !== 0; ) {
+      if (!Object.prototype.hasOwnProperty.call(b, keys[i]!)) {
+        return false
+      }
+    }
+
+    for (i = length; i-- !== 0; ) {
+      const key = keys[i]
+
+      if (key && !deepEqual(a[key], b[key])) {
+        return false
+      }
+    }
+
+    return true
+  }
+
+  // true if both NaN, false otherwise
+  // biome-ignore lint/suspicious/noSelfCompare: <explanation>
+  return a !== a && b !== b
+}

package/src/utils/getPriceImpact.ts

@@ -0,0 +1,26 @@
+import type { Token } from '@lifi/sdk'
+import { formatTokenAmount, formatTokenPrice } from './format.js'
+
+interface GetPriceImpractProps {
+  fromToken: Token
+  toToken: Token
+  fromAmount?: bigint
+  toAmount?: bigint
+}
+
+export const getPriceImpact = ({
+  fromToken,
+  toToken,
+  fromAmount,
+  toAmount,
+}: GetPriceImpractProps) => {
+  const fromTokenAmount = formatTokenAmount(fromAmount, fromToken.decimals)
+  const fromTokenPrice = formatTokenPrice(fromTokenAmount, fromToken.priceUSD)
+
+  const toTokenAmount = formatTokenAmount(toAmount, toToken.decimals)
+  const toTokenPrice = formatTokenPrice(toTokenAmount, toToken.priceUSD) || 0.01
+
+  const priceImpact = toTokenPrice / fromTokenPrice - 1
+
+  return Number(priceImpact)
+}