@lifi/widget 3.8.0-beta.2 → 3.8.1

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/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/format.ts

@@ -5,13 +5,13 @@ const subscriptMap = ['₀', '₁', '₂', '₃', '₄', '₅', '₆', '₇', '
 export const precisionFormatter = new Intl.NumberFormat('en', {
   notation: 'standard',
   roundingPriority: 'morePrecision',
-  maximumSignificantDigits: 4,
-  maximumFractionDigits: 4,
+  maximumSignificantDigits: 6,
+  maximumFractionDigits: 6,
   useGrouping: false,
 })
 
 /**
- * Format token amount to at least 4 decimals.
+ * Format token amount to at least 6 decimals.
  * @param amount amount to format.
  * @returns formatted amount.
  */

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)
+}