@getpara/react-sdk-lite 2.9.0 → 2.11.0

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,7 @@ 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 { selectedWallet, setSelectedWallet } = useWalletState();
   const [estimate, setEstimate] = useState(null);
   const [broadcast, setBroadcast] = useState(null);
@@ -78,6 +70,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 +81,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 +109,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 +127,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");
@@ -391,7 +314,9 @@ function AccountSendProvider({ children, step }) {
       broadcast,
       broadcastIsPending,
       broadcastIsError,
-      optionsType
+      optionsType,
+      simulateFailure,
+      setSimulateFailure
     };
   }, [
     step,
@@ -415,7 +340,9 @@ function AccountSendProvider({ children, step }) {
     broadcast,
     broadcastIsPending,
     broadcastIsError,
-    optionsType
+    optionsType,
+    simulateFailure,
+    setSimulateFailure
   ]);
   return /* @__PURE__ */ jsx(AccountSendContext.Provider, { value, children });
 }

package/dist/modal/components/AddFunds/AddFundsContext.d.ts

@@ -24,6 +24,8 @@ type Value = {
     tab: Tab;
     activeWallet: ReturnType<typeof useWallet>['data'];
     onRampConfig: OnRampConfig;
+    /** On-ramp test mode: only respects config in PROD; non-PROD always behaves as test mode. */
+    isTestMode: boolean;
     settingsStep: SettingsStep | null;
     TestModeAlert: ReactNode;
 };

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";
@@ -18,11 +19,13 @@ import {
   EnabledFlow,
   getOnRampAssets,
   getOnRampNetworks,
-  OnRampPurchaseType
+  OnRampPurchaseType,
+  Environment
 } from "@getpara/web-sdk";
 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"],
@@ -45,6 +48,7 @@ const DEFAULT = {
   },
   onRampConfig: {},
   activeWallet: {},
+  isTestMode: true,
   settingsStep: "FORM",
   TestModeAlert: null
 };
@@ -54,29 +58,33 @@ function isValid(onRampConfig, walletType, network, asset) {
 }
 const AddFundsContext = createContext(DEFAULT);
 function AddFundsContextProvider({ tab, children }) {
-  var _a, _b;
+  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);
   const onRampStep = useModalStore((state) => state.onRampStep);
   const setOnRampStep = useModalStore((state) => state.setOnRampStep);
   const isTestModeAlertDismissed = useModalStore((state) => state.isTestModeAlertDismissed);
   const setIsTestModeAlertDismissed = useModalStore((state) => state.setIsTestModeAlertDismissed);
   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((_b = (_a = onRampConfig == null ? void 0 : onRampConfig.defaultBuyAmount) == null ? void 0 : _a[0]) != null ? _b : "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 [];
     }
     const detectedNetwork = getNetworkFromChainId(chainId);
     const isExternal = (activeWallet == null ? void 0 : activeWallet.isExternal) && !!detectedNetwork;
-    return isExternal ? [getNetworkOrMainNetEquivalent(detectedNetwork, onRampConfig.testMode)] : getOnRampNetworks(onRampConfig.assetInfo, {
+    return isExternal ? [getNetworkOrMainNetEquivalent(detectedNetwork, isTestMode)] : getOnRampNetworks(onRampConfig.assetInfo, {
       walletType: activeWallet == null ? void 0 : activeWallet.type,
       allowed: onRampConfig.allowedAssets ? Object.keys(onRampConfig.allowedAssets) : void 0,
       providers: onRampConfig.providers,
       action: OnRampPurchaseType[tab === EnabledFlow.BUY ? "BUY" : "SELL"]
     });
-  }, [chainId, activeWallet, onRampConfig, tab]);
+  }, [chainId, activeWallet, onRampConfig, tab, isTestMode]);
   const assets = useMemo(() => {
     if (!onRampConfig) {
       return [];
@@ -114,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, _c, _d, _e;
-        return __spreadProps(__spreadValues({}, acc), {
-          [id]: !!network && !!asset && !!((_e = (_d = (_c = (_b2 = (_a2 = onRampConfig.assetInfo[activeWallet.type]) == null ? void 0 : _a2[network]) == null ? void 0 : _b2[asset]) == null ? void 0 : _c[id]) == null ? void 0 : _d[1]) == null ? void 0 : _e[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) {
@@ -140,17 +154,23 @@ function AddFundsContextProvider({ tab, children }) {
     }
   }, [asset, network, assets.length, networks.length]);
   const TestModeAlert = useMemo(() => {
-    return (onRampConfig == null ? void 0 : onRampConfig.testMode) && !isTestModeAlertDismissed ? /* @__PURE__ */ jsx(CpslAlert, { variant: "error", filled: true, children: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("span", { children: [
+    var _a2;
+    const isProd = ((_a2 = client == null ? void 0 : client.ctx) == null ? void 0 : _a2.env) === Environment.PROD;
+    return isTestMode && !isTestModeAlertDismissed ? /* @__PURE__ */ jsx(CpslAlert, { variant: "error", filled: true, children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { children: isProd ? /* @__PURE__ */ jsxs(Fragment, { children: [
         "This Para Modal is configured to run on-ramp services in ",
         /* @__PURE__ */ jsx("b", { children: "test mode" }),
         " only, for development purposes. If you are a user of ",
         appName,
         ", please contact support."
-      ] }),
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        "On-ramp services are configured to run in ",
+        /* @__PURE__ */ jsx("b", { children: "test mode" }),
+        " only outside of the PROD environment."
+      ] }) }),
       /* @__PURE__ */ jsx(CloseButton, { onClick: () => setIsTestModeAlertDismissed(true), children: /* @__PURE__ */ jsx(CloseX, { icon: "x" }) })
     ] }) }) : null;
-  }, [isTestModeAlertDismissed, appName, onRampConfig == null ? void 0 : onRampConfig.testMode, setIsTestModeAlertDismissed]);
+  }, [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]);
@@ -174,6 +194,7 @@ function AddFundsContextProvider({ tab, children }) {
       setFiatQuantity,
       activeWallet,
       onRampConfig,
+      isTestMode,
       settingsStep,
       TestModeAlert
     };
@@ -186,26 +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/AddFundsProvider.js

@@ -20,7 +20,7 @@ function AddFundsProvider() {
   const setOnRampStep = useModalStore((state) => state.setOnRampStep);
   const onRampConfig = useModalStore((state) => state.onRampConfig);
   const setOnRampPurchase = useModalStore((state) => state.setOnRampPurchase);
-  const { asset, network, fiatQuantity, isProviderAllowed, tab, TestModeAlert } = useAddFunds();
+  const { asset, network, fiatQuantity, isProviderAllowed, tab, TestModeAlert, isTestMode } = useAddFunds();
   const { data: activeWallet } = useWallet();
   useEffect(() => {
     if (Object.values(isProviderAllowed).every((v) => !v)) {
@@ -57,7 +57,7 @@ function AddFundsProvider() {
                     network,
                     asset: asset || void 0,
                     fiatQuantity,
-                    testMode: onRampConfig == null ? void 0 : onRampConfig.testMode
+                    testMode: isTestMode
                   }
                 });
                 setOnRampPurchase(__spreadProps(__spreadValues({}, newOnRampPurchase), { fiat: "USD" }));

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",