@lifi/widget 3.6.0-alpha.5 → 3.6.0

package/stores/form/FormUpdater.tsx

@@ -1,21 +1,30 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import { useEffect, useRef } from 'react';
+import { useEffect } from 'react';
 import { useAccount } from '../../hooks/useAccount.js';
 import { useChains } from '../../hooks/useChains.js';
 import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import type { DefaultValues, FormFieldNames } from './types.js';
+import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
+import { formDefaultValues } from '../../stores/form/createFormStore.js';
+import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
+import type { DefaultValues } from './types.js';
 import { useFieldActions } from './useFieldActions.js';
 
 export const FormUpdater: React.FC<{
-  defaultValues: Partial<DefaultValues>;
-}> = ({ defaultValues }) => {
-  const { fromChain, toChain } = useWidgetConfig();
+  reactiveFormValues: Partial<DefaultValues>;
+}> = ({ reactiveFormValues }) => {
+  const { fromChain, toChain, toAddress } = useWidgetConfig();
   const { account } = useAccount();
   const { chains } = useChains();
-  const { isTouched, resetField, setFieldValue, getFieldValues } =
-    useFieldActions();
-  const previousDefaultValues = useRef(defaultValues);
+  const { setSendToWallet } = useSendToWalletActions();
+  const { setSelectedBookmark } = useBookmarkActions();
 
+  const {
+    isTouched,
+    resetField,
+    setFieldValue,
+    getFieldValues,
+    setUserAndDefaultValues,
+  } = useFieldActions();
   // Set wallet chain as default if no chains are provided by config and if they were not changed during widget usage
   useEffect(() => {
     const chainAllowed =
@@ -50,21 +59,42 @@ export const FormUpdater: React.FC<{
   // Makes widget config options reactive to changes
   // should update userValues when defaultValues updates and includes additional logic for chains
   useEffect(() => {
-    (Object.keys(defaultValues) as FormFieldNames[]).forEach((key) => {
-      if (previousDefaultValues.current[key] !== defaultValues[key]) {
-        const value =
-          defaultValues[key] ||
-          // set the chain to the current user one if it is not present in the config
-          (key === 'fromChain' || key === 'toChain'
-            ? account.chainId || ''
-            : '');
-        setFieldValue(key, value);
-        resetField(key, { defaultValue: value });
-      }
-    });
-    previousDefaultValues.current = defaultValues;
+    if (reactiveFormValues.toAddress) {
+      setSendToWallet(true);
+    }
+
+    setSelectedBookmark(toAddress);
+
+    setUserAndDefaultValues(
+      accountForChainId(reactiveFormValues, account.chainId),
+    );
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [defaultValues, getFieldValues, resetField, setFieldValue]);
+  }, [
+    toAddress,
+    reactiveFormValues,
+    getFieldValues,
+    resetField,
+    setFieldValue,
+    setUserAndDefaultValues,
+    setSendToWallet,
+    setSelectedBookmark,
+  ]);
 
   return null;
 };
+
+const accountForChainId = (
+  defaultValues: Partial<DefaultValues>,
+  chainId?: number,
+) => {
+  const result: Partial<DefaultValues> = { ...defaultValues };
+  for (const key in result) {
+    const k = key as keyof DefaultValues;
+    if (result[k] === formDefaultValues[k]) {
+      if ((k === 'fromChain' || k === 'toChain') && chainId) {
+        result[k] = chainId;
+      }
+    }
+  }
+  return result;
+};

package/stores/form/URLSearchParamsBuilder.tsx

@@ -1,6 +1,9 @@
 import { useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
-import type { FormFieldNames } from '../form/types.js';
+import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
+import { formatInputAmount } from '../../utils/format.js';
+import type { DefaultValues, FormFieldNames } from '../form/types.js';
+import { useFieldActions } from '../form/useFieldActions.js';
 import { useFieldValues } from '../form/useFieldValues.js';
 import { useTouchedFields } from '../form/useTouchedFields.js';
 
@@ -13,24 +16,71 @@ const formValueKeys: FormFieldNames[] = [
   'toToken',
 ];
 
+const getDefaultValuesFromQueryString = (): Partial<DefaultValues> => {
+  const searchParams = Object.fromEntries(
+    new URLSearchParams(window?.location.search),
+  );
+
+  // Prevent using fromToken/toToken params if chain is not selected
+  ['from', 'to'].forEach((key) => {
+    if (searchParams[`${key}Token`] && !searchParams[`${key}Chain`]) {
+      delete searchParams[`${key}Token`];
+    }
+  });
+
+  return {
+    ...(Number.isFinite(parseInt(searchParams.fromChain, 10))
+      ? { fromChain: parseInt(searchParams.fromChain, 10) }
+      : {}),
+    ...(Number.isFinite(parseInt(searchParams.toChain, 10))
+      ? { toChain: parseInt(searchParams.toChain, 10) }
+      : {}),
+    ...(searchParams.fromToken ? { fromToken: searchParams.fromToken } : {}),
+    ...(searchParams.toToken ? { toToken: searchParams.toToken } : {}),
+    ...(Number.isFinite(parseFloat(searchParams.fromAmount))
+      ? { fromAmount: formatInputAmount(searchParams.fromAmount) }
+      : {}),
+    ...(searchParams.toAddress ? { toAddress: searchParams.toAddress } : {}),
+  };
+};
+
 export const URLSearchParamsBuilder = () => {
   const { pathname } = useLocation();
   const touchedFields = useTouchedFields();
   const values = useFieldValues(...formValueKeys);
+  const { setSendToWallet } = useSendToWalletActions();
+
+  // Using these methods as trying to use the touchedFields and values above
+  // often has a lag that can effect the widgets initialisation sequence
+  // and accidentally cause values to be wiped from the query string
+  const { getFieldValues, isTouched, setUserAndDefaultValues } =
+    useFieldActions();
+
+  useEffect(() => {
+    // get the  initial values from the querysting
+    const formValues = getDefaultValuesFromQueryString();
+
+    if (formValues.toAddress) {
+      setSendToWallet(true);
+    }
+
+    setUserAndDefaultValues(formValues);
+  }, [setUserAndDefaultValues, setSendToWallet]);
 
   useEffect(() => {
+    // set the values on the querysting
     const url = new URL(window.location as any);
     formValueKeys.forEach((key, index) => {
-      const value = values[index];
-      if (touchedFields[key] && value) {
+      const value = getFieldValues(key)[0];
+      if (isTouched(key) && value) {
         url.searchParams.set(key, value.toString());
-      } else if (url.searchParams.has(key) && !values[index]) {
+      } else if (url.searchParams.has(key) && !value) {
         url.searchParams.delete(key);
       }
     });
     url.searchParams.sort();
     window.history.replaceState(window.history.state, '', url);
-  }, [pathname, touchedFields, values]);
+  }, [pathname, touchedFields, values, isTouched, getFieldValues]);
 
   return null;
 };

package/stores/form/createFormStore.ts

@@ -94,6 +94,15 @@ export const createFormStore = (defaultValues?: DefaultValues) =>
           ),
         }));
       },
+      setUserAndDefaultValues: (formValues) => {
+        const currentUserValues = get().userValues;
+        (Object.keys(formValues) as FormFieldNames[]).forEach((key) => {
+          if (formValues[key] !== currentUserValues[key]?.value) {
+            get().resetField(key, { defaultValue: formValues[key] });
+            get().setFieldValue(key, formValues[key], { isTouched: true });
+          }
+        });
+      },
       isTouched: (fieldName: FormFieldNames) =>
         !!get().userValues[fieldName]?.isTouched,
       setAsTouched: (fieldName: FormFieldNames) => {

package/stores/form/types.ts

@@ -2,15 +2,18 @@ import type { ContractCall } from '@lifi/sdk';
 import type { StoreApi } from 'zustand';
 import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
 
-export interface DefaultValues {
-  contractCalls?: ContractCall[];
-  fromAmount: string;
+export interface DefaultFieldValues {
   fromChain?: number;
   fromToken?: string;
-  toAddress?: string;
-  toAmount: string;
   toChain?: number;
   toToken?: string;
+  toAddress?: string;
+  fromAmount: string;
+  toAmount: string;
+}
+
+export interface DefaultValues extends DefaultFieldValues {
+  contractCalls?: ContractCall[];
   tokenSearchFilter: string;
 }
 
@@ -32,17 +35,17 @@ export type FormFieldArray<T extends FormFieldNames[]> = {
   [K in keyof T]: ExtractValueType<FormValues[T[K]]>;
 };
 
-export type TouchedFields = { [K in FormFieldNames]?: boolean };
+export type TouchedFields = { [key in FormFieldNames]?: boolean };
 
 type ValidationFn = (value: any) => Promise<boolean | string>;
 export interface ValidationProps {
   isValid: boolean;
   isValidating: boolean;
   errors: {
-    [K in FormFieldNames]?: string;
+    [key in FormFieldNames]?: string;
   };
   validation: {
-    [K in FormFieldNames]?: ValidationFn;
+    [key in FormFieldNames]?: ValidationFn;
   };
 }
 
@@ -58,7 +61,7 @@ export interface ValidationActions {
 export interface FormProps {
   defaultValues: FormValues;
   userValues: FormValues;
-  touchedFields: { [K in FormFieldNames]?: boolean };
+  touchedFields: { [key in FormFieldNames]?: boolean };
 }
 
 interface ResetOptions {
@@ -67,6 +70,7 @@ interface ResetOptions {
 
 export interface FormActions {
   setDefaultValues: (formValues: DefaultValues) => void;
+  setUserAndDefaultValues: (formValues: Partial<DefaultValues>) => void;
   isTouched: (fieldName: FormFieldNames) => boolean;
   setAsTouched: (fieldName: FormFieldNames) => void;
   resetField: (fieldName: FormFieldNames, resetOptions?: ResetOptions) => void;
@@ -89,7 +93,7 @@ export type FormStoreStore = UseBoundStoreWithEqualityFn<
   StoreApi<FormValuesState>
 >;
 
-interface SetOptions {
+export interface SetOptions {
   isDirty?: boolean;
   isTouched?: boolean;
 }

package/stores/form/useFieldActions.ts

@@ -11,6 +11,7 @@ export const useFieldActions = () => {
       setAsTouched: store.setAsTouched,
       setDefaultValues: store.setDefaultValues,
       setFieldValue: store.setFieldValue,
+      setUserAndDefaultValues: store.setUserAndDefaultValues,
     }),
     shallow,
   );

package/stores/form/useFormRef.ts

@@ -0,0 +1,69 @@
+import { useImperativeHandle } from 'react';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
+import { formDefaultValues } from '../../stores/form/createFormStore.js';
+import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
+import type { FormRef } from '../../types/widget.js';
+import { HiddenUI } from '../../types/widget.js';
+import type { FormStoreStore, GenericFormValue } from './types.js';
+
+export const useFormRef = (formStore: FormStoreStore, formRef?: FormRef) => {
+  const { setSendToWallet } = useSendToWalletActions();
+  const { setSelectedBookmark } = useBookmarkActions();
+  const { hiddenUI } = useWidgetConfig();
+
+  useImperativeHandle(formRef, () => {
+    const sanitizeValue: {
+      [key: string]: (value: any) => GenericFormValue;
+    } = {
+      fromAmount: (value) =>
+        (typeof value === 'number' ? value?.toPrecision() : value) ||
+        formDefaultValues.fromAmount,
+      toAmount: (value) =>
+        (typeof value === 'number' ? value?.toPrecision() : value) ||
+        formDefaultValues.toAmount,
+      toAddress: (value) => {
+        if (hiddenUI?.includes(HiddenUI.ToAddress)) {
+          return formDefaultValues.toAddress;
+        }
+
+        const isToAddressObj = typeof value !== 'string';
+
+        const address =
+          (isToAddressObj ? value?.address : value) ||
+          formDefaultValues.toAddress;
+
+        // sets the send to wallet button state to be open
+        // if there is an address to display
+        if (address) {
+          setSendToWallet(address);
+        }
+
+        // we can assume that the toAddress has been passed as ToAddress object
+        // and display it accordingly - this ensures that if a name is included
+        // that it is displayed in the Send To Wallet form field correctly
+        if (isToAddressObj) {
+          setSelectedBookmark(value);
+        }
+
+        return address;
+      },
+    };
+
+    return {
+      setFieldValue: (fieldName, value, options) => {
+        const sanitizedValue = (
+          sanitizeValue[fieldName] ? sanitizeValue[fieldName](value) : value
+        ) as GenericFormValue;
+
+        const fieldValueOptions = options?.setUrlSearchParam
+          ? { isTouched: options?.setUrlSearchParam }
+          : undefined;
+
+        formStore
+          .getState()
+          .setFieldValue(fieldName, sanitizedValue, fieldValueOptions);
+      },
+    };
+  }, [formStore, hiddenUI, setSendToWallet, setSelectedBookmark]);
+};

package/stores/settings/types.ts

@@ -46,11 +46,9 @@ export interface SettingsState extends SettingsProps {
 
 export interface SendToWalletState {
   showSendToWallet: boolean;
-  showSendToWalletDirty: boolean;
 }
 
 export interface SendToWalletStore extends SendToWalletState {
-  toggleSendToWallet(): void;
   setSendToWallet(value: boolean): void;
 }
 

package/stores/settings/useSendToWalletStore.ts

@@ -5,16 +5,9 @@ import type { SendToWalletStore } from './types.js';
 export const useSendToWalletStore = createWithEqualityFn<SendToWalletStore>(
   (set) => ({
     showSendToWallet: false,
-    showSendToWalletDirty: false,
-    toggleSendToWallet: () =>
-      set((state) => ({
-        showSendToWallet: !state.showSendToWallet,
-        showSendToWalletDirty: true,
-      })),
     setSendToWallet: (value) =>
       set({
         showSendToWallet: value,
-        showSendToWalletDirty: true,
       }),
   }),
   Object.is,
@@ -23,7 +16,6 @@ export const useSendToWalletStore = createWithEqualityFn<SendToWalletStore>(
 export const useSendToWalletActions = () => {
   const actions = useSendToWalletStore(
     (store) => ({
-      toggleSendToWallet: store.toggleSendToWallet,
       setSendToWallet: store.setSendToWallet,
     }),
     shallow,

package/themes/createTheme.ts

@@ -63,7 +63,7 @@ export const createTheme = (
   const borderRadiusSecondary =
     widgetTheme.shape?.borderRadiusSecondary ?? shape.borderRadiusSecondary;
 
-  const theme = createMuiTheme({
+  return createMuiTheme({
     container: widgetTheme.container,
     header: widgetTheme.header,
     navigation: {
@@ -409,6 +409,4 @@ export const createTheme = (
       },
     },
   });
-
-  return theme;
 };

package/types/widget.ts

@@ -3,6 +3,7 @@ import type {
   ChainType,
   ContractCall,
   Order,
+  RouteExtended,
   RouteOptions,
   SDKConfig,
   StaticToken,
@@ -21,11 +22,18 @@ import type {
   MetaMaskParameters,
   WalletConnectParameters,
 } from '@wagmi/connectors';
-import type { CSSProperties, ReactNode, RefObject } from 'react';
+import type {
+  CSSProperties,
+  FC,
+  MutableRefObject,
+  ReactNode,
+  RefObject,
+} from 'react';
 import type {
   LanguageKey,
   LanguageResources,
 } from '../providers/I18nProvider/types.js';
+import type { DefaultFieldValues } from '../stores/form/types.js';
 
 export type WidgetVariant = 'compact' | 'wide' | 'drawer';
 export type WidgetSubvariant = 'default' | 'split' | 'custom' | 'refuel';
@@ -143,6 +151,10 @@ export interface WidgetFeeConfig {
    * @returns A promise that resolves to the calculated fee as a number (e.g., 0.03 represents a 3% fee)
    */
   calculateFee?(params: CalculateFeeParams): Promise<number | undefined>;
+  /**
+   * @internal
+   */
+  _vcComponent: FC<{ route: RouteExtended }>;
 }
 
 export interface ToAddress {
@@ -182,6 +194,7 @@ export interface WidgetConfig {
   toAddresses?: ToAddress[];
   fromAmount?: number | string;
   toAmount?: number | string;
+  formUpdateKey?: string;
 
   contractCalls?: ContractCall[];
   contractComponent?: ReactNode;
@@ -228,7 +241,36 @@ export interface WidgetConfig {
     Partial<Record<'internal', string[]>>;
 }
 
-export interface WidgetConfigProps {
+export interface FormFieldOptions {
+  setUrlSearchParam: boolean;
+}
+
+export interface FieldValues
+  extends Omit<DefaultFieldValues, 'fromAmount' | 'toAmount' | 'toAddress'> {
+  fromAmount?: number | string;
+  toAmount?: number | string;
+  toAddress?: ToAddress | string;
+}
+
+export type FieldNames = keyof FieldValues;
+
+export type SetFieldValueFunction = <K extends FieldNames>(
+  key: K,
+  value: FieldValues[K],
+  options?: FormFieldOptions,
+) => void;
+
+export type FormState = {
+  setFieldValue: SetFieldValueFunction;
+};
+
+export type FormRef = MutableRefObject<FormState | null>;
+
+export interface FormRefProps {
+  formRef?: FormRef;
+}
+
+export interface WidgetConfigProps extends FormRefProps {
   config: WidgetConfig;
 }
 
@@ -238,7 +280,8 @@ export interface WidgetConfigPartialProps {
 
 export type WidgetProps = WidgetDrawerProps &
   WidgetConfig &
-  WidgetConfigPartialProps;
+  WidgetConfigPartialProps &
+  FormRefProps;
 
 export interface WidgetDrawerProps extends WidgetConfigPartialProps {
   elementRef?: RefObject<HTMLDivElement>;

package/utils/chainType.ts

@@ -1,10 +1,11 @@
-import { ChainId, ChainType, isSVMAddress, isUTXOAddress } from '@lifi/sdk';
+import { ChainId, ChainType } from '@lifi/sdk';
 import { isAddress as isEVMAddress } from 'viem';
+import { isSVMAddress } from './svm.js';
 
 const chainTypeAddressValidation = {
   [ChainType.EVM]: isEVMAddress,
   [ChainType.SVM]: isSVMAddress,
-  [ChainType.UTXO]: isUTXOAddress,
+  [ChainType.UTXO]: () => false,
 };
 
 export const getChainTypeFromAddress = (

package/utils/fees.ts

@@ -104,22 +104,20 @@ export const getFeeCostsBreakdown = (
 export const getStepFeeCostsBreakdown = (
   feeCosts: FeeCost[] | GasCost[],
 ): FeesBreakdown => {
-  const { token } = feeCosts[0];
-
-  const { amount, amountUSD } = feeCosts.reduce(
-    (acc, feeCost) => {
-      const feeAmount = BigInt(Number(feeCost.amount).toFixed(0) || 0);
-      const amountUSD =
-        parseFloat(feeCost.token.priceUSD || '0') *
-        parseFloat(formatUnits(feeAmount, feeCost.token.decimals));
-
-      acc.amount += feeAmount;
-      acc.amountUSD += amountUSD;
-      return acc;
-    },
-    { amount: 0n, amountUSD: 0 },
+  const token = feeCosts[0].token;
+  const amount = feeCosts.reduce(
+    (amount, feeCost) => amount + BigInt(feeCost.amount || 0),
+    0n,
+  );
+  const amountUSD = feeCosts.reduce(
+    (amount, feeCost) =>
+      amount +
+      parseFloat(feeCost.token.priceUSD || '0') *
+        parseFloat(
+          formatUnits(BigInt(feeCost.amount || 0), feeCost.token.decimals),
+        ),
+    0,
   );
-
   return {
     amount,
     amountUSD,

package/utils/svm.ts

@@ -0,0 +1,10 @@
+import { PublicKey } from '@solana/web3.js';
+
+export const isSVMAddress = (address: string) => {
+  try {
+    new PublicKey(address);
+    return true;
+  } catch {
+    return false;
+  }
+};

package/_esm/components/Header/UTXODisconnectIconButton.d.ts

@@ -1,4 +0,0 @@
-import type { Connector } from 'wagmi';
-export declare const UTXODisconnectIconButton: ({ connector, }: {
-    connector?: Connector;
-}) => import("react/jsx-runtime").JSX.Element;

package/_esm/components/Header/UTXODisconnectIconButton.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useConfig } from '@lifi/wallet-management';
-import { PowerSettingsNewRounded } from '@mui/icons-material';
-import { IconButton } from '@mui/material';
-import { disconnect } from 'wagmi/actions';
-export const UTXODisconnectIconButton = ({ connector, }) => {
-    const config = useConfig();
-    return (_jsx(IconButton, { size: "medium", onClick: async (e) => {
-            e.stopPropagation();
-            await disconnect(config, { connector });
-        }, children: _jsx(PowerSettingsNewRounded, {}) }));
-};
-//# sourceMappingURL=UTXODisconnectIconButton.js.map

package/_esm/components/Header/UTXODisconnectIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UTXODisconnectIconButton.js","sourceRoot":"","sources":["../../../components/Header/UTXODisconnectIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,SAAS,GAGV,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,UAAU,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;QAC1C,CAAC,YAED,KAAC,uBAAuB,KAAG,GAChB,CACd,CAAC;AACJ,CAAC,CAAC"}

package/_esm/pages/SelectWalletPage/UTXOListItemButton.d.ts

@@ -1,8 +0,0 @@
-import type { CreateConnectorFnExtended } from '@lifi/wallet-management';
-import type { Connector } from 'wagmi';
-interface UTXOListItemButtonProps {
-    connector: CreateConnectorFnExtended | Connector;
-    onNotInstalled(connector: Connector): void;
-}
-export declare const UTXOListItemButton: ({ connector, onNotInstalled, }: UTXOListItemButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/_esm/pages/SelectWalletPage/UTXOListItemButton.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChainType } from '@lifi/sdk';
-import { getConnectorIcon, isWalletInstalledAsync, useConfig, } from '@lifi/wallet-management';
-import { Avatar, ListItemAvatar } from '@mui/material';
-import { connect, disconnect, getAccount } from 'wagmi/actions';
-import { ListItemButton } from '../../components/ListItemButton.js';
-import { ListItemText } from '../../components/ListItemText.js';
-import { useLastConnectedAccount } from '../../hooks/useAccount.js';
-import { useNavigateBack } from '../../hooks/useNavigateBack.js';
-import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
-import { WidgetEvent } from '../../types/events.js';
-export const UTXOListItemButton = ({ connector, onNotInstalled, }) => {
-    const { navigateBack } = useNavigateBack();
-    const emitter = useWidgetEvents();
-    const config = useConfig();
-    const { setLastConnectedAccount } = useLastConnectedAccount();
-    const handleUTXOConnect = async () => {
-        const identityCheckPassed = await isWalletInstalledAsync(connector.id);
-        if (!identityCheckPassed) {
-            onNotInstalled(connector);
-            return;
-        }
-        const connectedAccount = getAccount(config);
-        if (connectedAccount.connector) {
-            await disconnect(config, { connector: connectedAccount.connector });
-        }
-        const data = await connect(config, { connector });
-        setLastConnectedAccount(connector);
-        emitter.emit(WidgetEvent.WalletConnected, {
-            address: data.accounts[0],
-            chainId: data.chainId,
-            chainType: ChainType.UTXO,
-        });
-        navigateBack();
-    };
-    const connectorName = connector.displayName || connector.name;
-    return (_jsxs(ListItemButton, { onClick: handleUTXOConnect, children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: getConnectorIcon(connector), alt: connectorName, children: connectorName?.[0] }) }), _jsx(ListItemText, { primary: `${connectorName} (Bitcoin)` })] }, connector.id));
-};
-//# sourceMappingURL=UTXOListItemButton.js.map

package/_esm/pages/SelectWalletPage/UTXOListItemButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UTXOListItemButton.js","sourceRoot":"","sources":["../../../pages/SelectWalletPage/UTXOListItemButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,SAAS,GACV,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAOpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,SAAS,EACT,cAAc,GACU,EAAE,EAAE;IAC5B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAE,uBAAuB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAE9D,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;QACnC,MAAM,mBAAmB,GAAG,MAAM,sBAAsB,CACrD,SAAuB,CAAC,EAAE,CAC5B,CAAC;QACF,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,cAAc,CAAC,SAAsB,CAAC,CAAC;YACvC,OAAO;QACT,CAAC;QACD,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,gBAAgB,CAAC,SAAS,EAAE,CAAC;YAC/B,MAAM,UAAU,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC;QACtE,CAAC;QACD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;QAClD,uBAAuB,CAAC,SAAS,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE;YACxC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;YACzB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,SAAS,EAAE,SAAS,CAAC,IAAI;SAC1B,CAAC,CAAC;QACH,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,aAAa,GAChB,SAAuC,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,CAAC;IAEzE,OAAO,CACL,MAAC,cAAc,IAAoB,OAAO,EAAE,iBAAiB,aAC3D,KAAC,cAAc,cACb,KAAC,MAAM,IACL,GAAG,EAAE,gBAAgB,CAAC,SAAsB,CAAC,EAC7C,GAAG,EAAE,aAAa,YAEjB,aAAa,EAAE,CAAC,CAAC,CAAC,GACZ,GACM,EACjB,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,aAAa,YAAY,GAAI,KATpC,SAAS,CAAC,EAAE,CAUhB,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/providers/WalletProvider/UTXOBaseProvider.d.ts

@@ -1,2 +0,0 @@
-import { type FC, type PropsWithChildren } from 'react';
-export declare const UTXOBaseProvider: FC<PropsWithChildren>;

package/_esm/providers/WalletProvider/UTXOBaseProvider.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BigmiProvider, createDefaultBigmiConfig, useReconnect, } from '@lifi/wallet-management';
-import { useRef } from 'react';
-export const UTXOBaseProvider = ({ children }) => {
-    const bigmi = useRef();
-    if (!bigmi.current) {
-        bigmi.current = createDefaultBigmiConfig({
-            bigmiConfig: {
-                ssr: true,
-                multiInjectedProviderDiscovery: false,
-            },
-        });
-    }
-    useReconnect(bigmi.current.config);
-    return (_jsx(BigmiProvider, { config: bigmi.current.config, reconnectOnMount: false, children: children }));
-};
-//# sourceMappingURL=UTXOBaseProvider.js.map

package/_esm/providers/WalletProvider/UTXOBaseProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UTXOBaseProvider.js","sourceRoot":"","sources":["../../../providers/WalletProvider/UTXOBaseProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,YAAY,GACb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAmC,MAAM,OAAO,CAAC;AAEhE,MAAM,CAAC,MAAM,gBAAgB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtE,MAAM,KAAK,GAAG,MAAM,EAA4B,CAAC;IAEjD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACnB,KAAK,CAAC,OAAO,GAAG,wBAAwB,CAAC;YACvC,WAAW,EAAE;gBACX,GAAG,EAAE,IAAI;gBACT,8BAA8B,EAAE,KAAK;aACtC;SACF,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAEnC,OAAO,CACL,KAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,YACjE,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC,CAAC"}