@getpara/react-sdk-lite 2.10.0 → 2.12.0

package/dist/modal/components/Account/AccountSend/context.d.ts

@@ -29,6 +29,8 @@ type Value = {
     broadcastIsPending: boolean;
     broadcastIsError: boolean;
     optionsType: OptionsType;
+    simulateFailure: boolean;
+    setSimulateFailure: Dispatch<SetStateAction<boolean>>;
 };
 export declare const AccountSendContext: import("react").Context<Value>;
 export declare function AccountSendProvider({ children, step }: PropsWithChildren<{

package/dist/modal/components/Account/AccountSend/context.js

@@ -1,6 +1,5 @@
 "use client";
 import {
-  __async,
   __spreadProps,
   __spreadValues
 } from "../../../../chunk-MMUBH76A.js";
@@ -14,12 +13,9 @@ import {
   useRef,
   useState
 } from "react";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useInternalClient } from "../../../../provider/hooks/utils/useInternalClient.js";
-import { useProfileBalance, useSignMessage, useSignTransaction, useWalletState } from "../../../../provider/index.js";
-import { hexStringToBase64 } from "@getpara/web-sdk";
-import { useModalStore } from "../../../stores/index.js";
-import { ModalStep } from "../../../utils/steps.js";
+import { useProfileBalance, useWalletState } from "../../../../provider/index.js";
+import { useSendMutations } from "../../../hooks/index.js";
 import { useStore } from "../../../../provider/stores/useStore.js";
 const getDefaultSendMetadata = (balances, wallet) => {
   if (!balances || !(wallet == null ? void 0 : wallet.type) || !(wallet == null ? void 0 : wallet.address) || (wallet == null ? void 0 : wallet.type) === "COSMOS") {
@@ -65,11 +61,8 @@ function AccountSendProvider({ children, step }) {
     var _a2;
     return (_a2 = state.modalConfig) == null ? void 0 : _a2.balances;
   });
-  const setStep = useModalStore((state) => state.setStep);
-  const setSendTx = useModalStore((state) => state.setSendTx);
-  const { data: balances } = useProfileBalance({ isComprehensive: true });
-  const { signTransactionAsync } = useSignTransaction();
-  const { signMessageAsync } = useSignMessage();
+  const [refetchTrigger, setRefetchTrigger] = useState(0);
+  const { data: balances } = useProfileBalance({ isComprehensive: true, refetchTrigger });
   const { selectedWallet, setSelectedWallet } = useWalletState();
   const [estimate, setEstimate] = useState(null);
   const [broadcast, setBroadcast] = useState(null);
@@ -78,6 +71,7 @@ function AccountSendProvider({ children, step }) {
   const [transferValue, setTransferValue] = useState(0);
   const [transferAmount, setTransferAmount] = useState(getTransferAmount(sendMetadata, transferValue));
   const [isMax, setIsMax] = useState(false);
+  const [simulateFailure, setSimulateFailure] = useState(false);
   const optionsType = useMemo(() => {
     const walletBalance = balances == null ? void 0 : balances.wallets.find(({ address }) => address === (selectedWallet == null ? void 0 : selectedWallet.address));
     if (!walletBalance || walletBalance.assets.length === 0) {
@@ -88,106 +82,26 @@ function AccountSendProvider({ children, step }) {
     }
     return "MULTIPLE";
   }, [balances, selectedWallet == null ? void 0 : selectedWallet.address]);
-  const {
-    mutate: estimateMutate,
-    isPending: estimateIsPending,
-    isError: estimateIsError
-  } = useMutation({
-    mutationKey: ["estimate-tx"],
-    mutationFn: (_0) => __async(this, [_0], function* ({ userId, walletId, opts }) {
-      if (!para.userId || !selectedWallet.id) {
-        return null;
-      }
-      const result = yield para.ctx.client.estimateSendTransaction({
-        userId,
-        walletId,
-        opts
-      });
-      return result;
-    }),
-    onSuccess: (data) => {
-      setEstimate(data);
-    },
-    onError: (error) => {
-      console.error(error);
+  const estimateOnSuccess = useCallback((estimateResult) => {
+    setEstimate(estimateResult);
+  }, []);
+  const broadcastOnSuccess = useCallback((data) => {
+    if (!!(data == null ? void 0 : data.error)) {
+      setBroadcast(data);
     }
-  });
-  const queryClient = useQueryClient();
-  const refs = useStore((state) => state.refs);
-  const {
-    mutate: broadcastMutate,
-    isPending: broadcastIsPending,
-    isError: broadcastIsError
-  } = useMutation({
-    mutationKey: ["broadcast-tx"],
-    mutationFn: (_0) => __async(this, [_0], function* ({
-      userId,
-      walletId,
-      walletAddress,
-      walletType,
-      txSerialized,
-      message,
-      evmChainId,
-      isDevnet
-    }) {
-      var _a2, _b2, _c2, _d2, _e2;
-      if (!para.userId || !selectedWallet.id) {
-        return null;
-      }
-      let signature;
-      switch (walletType) {
-        case "SOLANA":
-          signature = (_a2 = yield signMessageAsync({
-            walletId,
-            messageBase64: message
-          })) == null ? void 0 : _a2.signature;
-          break;
-        case "EVM":
-        default:
-          signature = (_b2 = yield signTransactionAsync({
-            walletId,
-            rlpEncodedTxBase64: hexStringToBase64(txSerialized),
-            chainId: evmChainId
-          })) == null ? void 0 : _b2.signature;
-          if (!!signature) {
-            signature = `0x${signature}`;
-          }
-          break;
-      }
-      const result = yield para.ctx.client.broadcastSendTransaction({
-        userId,
-        walletId,
-        opts: {
-          type: walletType,
-          evmChainId,
-          isDevnet,
-          tx: txSerialized,
-          signature,
-          sourceAddress: walletAddress,
-          txUrlFormat: (_e2 = (_d2 = (_c2 = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _c2.metadata) == null ? void 0 : _d2.explorer) == null ? void 0 : _e2.txUrlFormat
-        }
-      });
-      return result;
-    }),
-    onSuccess: (data) => {
-      if (!!(data == null ? void 0 : data.error)) {
-        setBroadcast(data);
-      } else if (!!data) {
-        setSendTx(data);
-        setStep(ModalStep.ACCOUNT_MAIN);
-        refs.balancesInvalidationTime.current = Date.now();
-        queryClient.invalidateQueries({
-          queryKey: ["useProfileBalance"],
-          refetchType: "active"
-        });
-      }
+  }, []);
+  const { estimateMutate, broadcastMutate, estimateIsPending, estimateIsError, broadcastIsPending, broadcastIsError } = useSendMutations({
+    estimateOnSuccess,
+    estimateOnError: (e) => {
+      console.error(e);
     },
-    onError: (error) => {
-      console.error(error);
+    broadcastOnSuccess,
+    broadcastOnError: (e) => {
+      console.error(e);
     }
   });
   const onSubmit = useCallback(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
     broadcastMutate({
       userId: para.userId,
       walletId: selectedWallet.id,
@@ -196,7 +110,15 @@ function AccountSendProvider({ children, step }) {
       txSerialized: (_a2 = estimate == null ? void 0 : estimate.result) == null ? void 0 : _a2.txSerialized,
       message: (_b2 = estimate == null ? void 0 : estimate.result) == null ? void 0 : _b2.message,
       evmChainId: (_d2 = (_c2 = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _c2.metadata) == null ? void 0 : _d2.evmChainId,
-      isDevnet: ((_f2 = (_e2 = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _e2.metadata) == null ? void 0 : _f2.internalId) === "SOLANA_DEVNET"
+      isDevnet: ((_f2 = (_e2 = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _e2.metadata) == null ? void 0 : _f2.internalId) === "SOLANA_DEVNET",
+      txUrlFormat: (_i = (_h = (_g = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _g.metadata) == null ? void 0 : _h.explorer) == null ? void 0 : _i.txUrlFormat,
+      rpc: ((_k = (_j = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _j.metadata) == null ? void 0 : _k.rpcUrl) ? {
+        httpUrls: [(_m = (_l = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _l.metadata) == null ? void 0 : _m.rpcUrl],
+        wsUrls: [
+          (_o = (_n = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _n.metadata) == null ? void 0 : _o.rpcUrl.replace(/^https:\/\//, "wss://").replace(/^http:\/\//, "ws://")
+        ]
+      } : (_q = (_p = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _p.metadata) == null ? void 0 : _q.rpc,
+      simulateFailure
     });
   }, [
     para.userId,
@@ -206,7 +128,9 @@ function AccountSendProvider({ children, step }) {
     (_a = estimate == null ? void 0 : estimate.result) == null ? void 0 : _a.txSerialized,
     (_b = estimate == null ? void 0 : estimate.result) == null ? void 0 : _b.message,
     (_d = (_c = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _c.metadata) == null ? void 0 : _d.evmChainId,
-    (_f = (_e = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _e.metadata) == null ? void 0 : _f.internalId
+    (_f = (_e = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _e.metadata) == null ? void 0 : _f.internalId,
+    simulateFailure,
+    broadcastMutate
   ]);
   const availableWallets = useMemo(() => {
     return para.availableWallets.filter(({ type }) => type !== "COSMOS");
@@ -238,6 +162,7 @@ function AccountSendProvider({ children, step }) {
   const prevWalletAddressRef = useRef(selectedWallet == null ? void 0 : selectedWallet.address);
   const isSettingMaxRef = useRef(false);
   const isResettingRef = useRef(false);
+  const recentTxCompletedRef = useRef(false);
   const resetState = useCallback(() => {
     if (isResettingRef.current) {
       return;
@@ -368,6 +293,17 @@ function AccountSendProvider({ children, step }) {
     assetAmountOnNetwork,
     isMax
   ]);
+  useEffect(() => {
+    if (broadcast && !broadcast.error) {
+      recentTxCompletedRef.current = true;
+    }
+  }, [broadcast]);
+  useEffect(() => {
+    if (step === "SEND_FORM" && recentTxCompletedRef.current) {
+      setRefetchTrigger((prev) => prev + 1);
+      recentTxCompletedRef.current = false;
+    }
+  }, [step]);
   const value = useMemo(() => {
     return {
       step,
@@ -391,7 +327,9 @@ function AccountSendProvider({ children, step }) {
       broadcast,
       broadcastIsPending,
       broadcastIsError,
-      optionsType
+      optionsType,
+      simulateFailure,
+      setSimulateFailure
     };
   }, [
     step,
@@ -415,7 +353,9 @@ function AccountSendProvider({ children, step }) {
     broadcast,
     broadcastIsPending,
     broadcastIsError,
-    optionsType
+    optionsType,
+    simulateFailure,
+    setSimulateFailure
   ]);
   return /* @__PURE__ */ jsx(AccountSendContext.Provider, { value, children });
 }

package/dist/modal/components/Account/AccountWallet.js

@@ -7,7 +7,7 @@ import { safeStyled, SpinnerContainer } from "@getpara/react-common";
 import { CpslButton, CpslIcon, CpslSpinner } from "@getpara/react-components";
 import { useModalStore } from "../../stores/modal/useModalStore.js";
 import { WalletEntry } from "./AccountProfileEntry.js";
-import { useEffect, useMemo } from "react";
+import { useMemo } from "react";
 import { useAccount, useExportPrivateKey } from "../../../provider/index.js";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
 import { ModalStep } from "../../utils/steps.js";
@@ -113,11 +113,6 @@ const AccountWallet = () => {
       )
     ] });
   }, [profileWallet, connectionType, disconnectStatus]);
-  useEffect(() => {
-    return () => {
-      setProfileWallet(void 0);
-    };
-  }, []);
   return /* @__PURE__ */ jsx(Container, { children: Content });
 };
 const Container = safeStyled.div`

package/dist/modal/components/Account/AccountWalletSelect.js

@@ -4,10 +4,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef } from "react";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 import { useDropdownPosition } from "../AuthInput/hooks/useDropdownPosition.js";
-import { getExternalWalletIcon, MOBILE_SIZE, safeStyled, useCopyToClipboard } from "@getpara/react-common";
+import { getExternalWalletIcon, safeStyled, useCopyToClipboard } from "@getpara/react-common";
 import { useAccount, useWallet, useWalletState } from "../../../provider/index.js";
 import { CpslButton, CpslIcon, CpslSelect, CpslSelectItem, CpslText } from "@getpara/react-components";
 import { truncateAddress } from "@getpara/web-sdk";
+import { getMobilePopoverPositionCSS } from "../common.js";
 const getValue = (id, type) => {
   return id && type ? `${id}~${type}` : void 0;
 };
@@ -79,7 +80,7 @@ const AccountWalletSelect = () => {
       resize();
     }
   }, [activeWallet, availableWallets, dropdownMaxHeight]);
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(SelectContainer, { ref: containerRef, id: "addressInputContainer", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(SelectContainer, { ref: containerRef, children: /* @__PURE__ */ jsxs(
     Select,
     {
       selectedValue: getValue(activeWallet == null ? void 0 : activeWallet.id, activeWallet == null ? void 0 : activeWallet.type),
@@ -89,10 +90,9 @@ const AccountWalletSelect = () => {
       },
       showFormattedSelectedItem: true,
       placeholder: "Choose wallet...",
-      anchorElId: "addressInputContainer",
       dropdownMaxHeight,
       $width: dropdownWidth != null ? dropdownWidth : 0,
-      $top: (mobileAnchor != null ? mobileAnchor : 0) + 184 + 1,
+      $top: mobileAnchor != null ? mobileAnchor : void 0,
       selectedItemVariant: "bodyXS",
       icon: isMultiWallet ? "chevronUp" : null,
       disabled: !isMultiWallet,
@@ -148,14 +148,7 @@ const Select = safeStyled(CpslSelect)`
 
   &::part(popover) {
       /* Have to adjust the top of the popover here since we're using a transform on the modal which causes fixed position items to not be relative to the viewport */
-      @media (max-width: ${MOBILE_SIZE}px) {
-        top: ${({ $top }) => $top ? `${$top}px` : "0px"};
-        bottom: 16px;
-      }
-      cpsl-auth-modal.force-mobile-media & {
-        top: ${({ $top }) => $top ? `${$top}px` : "0px"};
-        bottom: 16px;
-      }
+      ${({ $top }) => getMobilePopoverPositionCSS($top)}
     }
 
   &::part(icon) {

package/dist/modal/components/AddFunds/AddFundsContext.js

@@ -9,6 +9,7 @@ import {
   useContext,
   useEffect,
   useMemo,
+  useRef,
   useState
 } from "react";
 import { OnRampStep, useModalStore } from "../../stores/index.js";
@@ -24,6 +25,7 @@ import {
 import { getNetworkFromChainId, getNetworkOrMainNetEquivalent, safeStyled } from "@getpara/react-common";
 import { CpslAlert, CpslIcon } from "@getpara/react-components";
 import { useStore } from "../../../provider/stores/useStore.js";
+import { getDefaultAssetAndNetwork, isAmountWithinProviderLimits } from "../../utils/onramps.js";
 const TABS = [
   [EnabledFlow.BUY, "isBuyEnabled", "creditCard", "Buy"],
   [EnabledFlow.RECEIVE, "isReceiveEnabled", "qrCode", "Receive"],
@@ -56,7 +58,7 @@ function isValid(onRampConfig, walletType, network, asset) {
 }
 const AddFundsContext = createContext(DEFAULT);
 function AddFundsContextProvider({ tab, children }) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const appName = useStore((state) => state.appName);
   const client = useStore((state) => state.client);
   const onRampConfig = useModalStore((state) => state.onRampConfig);
@@ -67,7 +69,9 @@ function AddFundsContextProvider({ tab, children }) {
   const { chainId } = useExternalWallets();
   const isTestMode = ((_a = client == null ? void 0 : client.ctx) == null ? void 0 : _a.env) === Environment.PROD ? (_b = onRampConfig == null ? void 0 : onRampConfig.testMode) != null ? _b : false : true;
   const { data: activeWallet } = useWallet();
-  const [fiatQuantity, setFiatQuantity] = useState((_d = (_c = onRampConfig == null ? void 0 : onRampConfig.defaultBuyAmount) == null ? void 0 : _c[0]) != null ? _d : "25.00");
+  const [fiatQuantity, setFiatQuantity] = useState(
+    (_e = (_d = (_c = onRampConfig == null ? void 0 : onRampConfig.defaultBuyAmount) == null ? void 0 : _c[0]) == null ? void 0 : _d.toString()) != null ? _e : "25.00"
+  );
   const networks = useMemo(() => {
     if (!onRampConfig) {
       return [];
@@ -118,16 +122,22 @@ function AddFundsContextProvider({ tab, children }) {
     });
   }, [networks, asset, activeWallet == null ? void 0 : activeWallet.type, onRampConfig, tab]);
   const isProviderAllowed = useMemo(
-    () => onRampConfig && !!(activeWallet == null ? void 0 : activeWallet.type) ? onRampConfig.providers.reduce(
-      (acc, id) => {
-        var _a2, _b2, _c2, _d2, _e2;
-        return __spreadProps(__spreadValues({}, acc), {
-          [id]: !!network && !!asset && !!((_e2 = (_d2 = (_c2 = (_b2 = (_a2 = onRampConfig.assetInfo[activeWallet.type]) == null ? void 0 : _a2[network]) == null ? void 0 : _b2[asset]) == null ? void 0 : _c2[id]) == null ? void 0 : _d2[1]) == null ? void 0 : _e2[tab === EnabledFlow.BUY ? "BUY" : "SELL"])
-        });
-      },
-      {}
-    ) : {},
-    [onRampConfig, network, asset, activeWallet, tab]
+    () => onRampConfig && !!(activeWallet == null ? void 0 : activeWallet.type) ? onRampConfig.providers.reduce((acc, id) => {
+      var _a2, _b2, _c2, _d2, _e2;
+      const purchaseType = tab === EnabledFlow.BUY ? OnRampPurchaseType.BUY : OnRampPurchaseType.SELL;
+      let isAllowed = !!network && !!asset && !!((_e2 = (_d2 = (_c2 = (_b2 = (_a2 = onRampConfig.assetInfo[activeWallet.type]) == null ? void 0 : _a2[network]) == null ? void 0 : _b2[asset]) == null ? void 0 : _c2[id]) == null ? void 0 : _d2[1]) == null ? void 0 : _e2[purchaseType]);
+      if (isAllowed && fiatQuantity) {
+        const fiatQtyString = String(fiatQuantity);
+        if (fiatQtyString.trim() !== "") {
+          const amount = parseFloat(fiatQtyString);
+          if (!isNaN(amount) && !isAmountWithinProviderLimits(amount, id, purchaseType)) {
+            isAllowed = false;
+          }
+        }
+      }
+      return __spreadProps(__spreadValues({}, acc), { [id]: isAllowed });
+    }, {}) : {},
+    [onRampConfig, network, asset, activeWallet, tab, fiatQuantity]
   );
   const settingsStep = useMemo(() => {
     switch (true) {
@@ -160,7 +170,7 @@ function AddFundsContextProvider({ tab, children }) {
       ] }) }),
       /* @__PURE__ */ jsx(CloseButton, { onClick: () => setIsTestModeAlertDismissed(true), children: /* @__PURE__ */ jsx(CloseX, { icon: "x" }) })
     ] }) }) : null;
-  }, [isTestModeAlertDismissed, appName, isTestMode, setIsTestModeAlertDismissed, (_e = client == null ? void 0 : client.ctx) == null ? void 0 : _e.env]);
+  }, [isTestModeAlertDismissed, appName, isTestMode, setIsTestModeAlertDismissed, (_f = client == null ? void 0 : client.ctx) == null ? void 0 : _f.env]);
   useEffect(() => {
     if (!!asset && !network && narrowedNetworks.length === 1) {
       setNetwork(narrowedNetworks[0]);
@@ -197,27 +207,62 @@ function AddFundsContextProvider({ tab, children }) {
     asset,
     network,
     fiatQuantity,
-    setFiatQuantity,
     activeWallet,
     onRampConfig,
     isTestMode,
     settingsStep,
     TestModeAlert
   ]);
+  const prevWalletTypeRef = useRef(activeWallet == null ? void 0 : activeWallet.type);
   useEffect(() => {
-    const newNetwork = !!(activeWallet == null ? void 0 : activeWallet.type) && !!(onRampConfig == null ? void 0 : onRampConfig.defaultOnRampNetwork) && !!onRampConfig.assetInfo[activeWallet.type][onRampConfig.defaultOnRampNetwork] ? onRampConfig.defaultOnRampNetwork : networks.find(
-      (network2) => (activeWallet == null ? void 0 : activeWallet.type) === "COSMOS" ? network2 === "COSMOS" : (activeWallet == null ? void 0 : activeWallet.type) === "SOLANA" ? network2 === "SOLANA" : network2 === "ETHEREUM"
-    ) || networks[0] || null;
-    const newAsset = !!network && !!(onRampConfig == null ? void 0 : onRampConfig.defaultOnRampAsset) && assets.includes(onRampConfig.defaultOnRampAsset) ? onRampConfig.defaultOnRampAsset : assets.find(
-      (asset2) => (activeWallet == null ? void 0 : activeWallet.type) === "COSMOS" ? asset2 === "ATOM" : (activeWallet == null ? void 0 : activeWallet.type) === "SOLANA" ? asset2 === "SOLANA" : asset2 === "ETHEREUM"
-    ) || assets[0] || null;
-    if (newAsset !== asset) {
-      setAsset(newAsset);
+    const walletTypeChanged = prevWalletTypeRef.current !== (activeWallet == null ? void 0 : activeWallet.type);
+    prevWalletTypeRef.current = activeWallet == null ? void 0 : activeWallet.type;
+    if (assets.length === 0 || networks.length === 0) {
+      return;
+    }
+    if (walletTypeChanged) {
+      const { asset: newAsset, network: newNetwork } = getDefaultAssetAndNetwork({
+        walletType: activeWallet == null ? void 0 : activeWallet.type,
+        onRampConfig,
+        networks,
+        assets
+      });
+      if (newAsset !== asset) {
+        setAsset(newAsset);
+      }
+      if (newNetwork !== network) {
+        setNetwork(newNetwork);
+      }
+      return;
+    }
+    if (asset && !network) {
+      const { network: newNetwork } = getDefaultAssetAndNetwork({
+        walletType: activeWallet == null ? void 0 : activeWallet.type,
+        onRampConfig,
+        networks,
+        assets,
+        preferredAsset: asset
+      });
+      if (newNetwork !== network) {
+        setNetwork(newNetwork);
+      }
+      return;
     }
-    if (newNetwork !== network) {
-      setNetwork(newNetwork);
+    if (!network && !asset) {
+      const { asset: newAsset, network: newNetwork } = getDefaultAssetAndNetwork({
+        walletType: activeWallet == null ? void 0 : activeWallet.type,
+        onRampConfig,
+        networks,
+        assets
+      });
+      if (newAsset !== asset) {
+        setAsset(newAsset);
+      }
+      if (newNetwork !== network) {
+        setNetwork(newNetwork);
+      }
     }
-  }, [activeWallet == null ? void 0 : activeWallet.type, assets, networks]);
+  }, [activeWallet == null ? void 0 : activeWallet.type, assets, networks, onRampConfig]);
   useEffect(() => {
     if (!!activeWallet && onRampStep === OnRampStep.PROVIDER && !isValid(onRampConfig, activeWallet.type, network, asset)) {
       setOnRampStep(OnRampStep.SETTINGS);

package/dist/modal/components/AddFunds/AddFundsReceive.js

@@ -27,7 +27,7 @@ function AddFundsReceive() {
     [para, activeWallet == null ? void 0 : activeWallet.id, activeWallet == null ? void 0 : activeWallet.type]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    (embedded == null ? void 0 : embedded.wallets) && embedded.wallets.length > 1 && /* @__PURE__ */ jsx(WalletSelectOld, { noTitle: true, style: { width: "100%" } }),
+    (embedded == null ? void 0 : embedded.wallets) && /* @__PURE__ */ jsx(WalletSelectOld, { noTitle: true, style: { width: "100%" } }),
     !isMobile() && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsx(QRContainer, { children: !address ? /* @__PURE__ */ jsx(CpslSpinner, { size: 100 }) : /* @__PURE__ */ jsx(CpslQrCode, { url: address }, address) }) }) }),
     (activeWallet == null ? void 0 : activeWallet.type) && /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsxs(CenteredText, { variant: "bodyS", weight: "semiBold", children: [
       "Only send funds on",