@getpara/react-sdk-lite 2.11.0 → 2.13.0

package/dist/modal/components/{Account/AccountWalletSelect.js → flows/account/Account/WalletSelect.js}

@@ -1,13 +1,16 @@
 "use client";
-import "../../../chunk-MMUBH76A.js";
+import {
+  __async
+} from "../../../../../chunk-MMUBH76A.js";
 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 { useAccount, useWallet, useWalletState } from "../../../provider/index.js";
+import { useInternalClient } from "../../../../../provider/hooks/utils/useInternalClient.js";
+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 { useDropdownPosition } from "../../../../hooks/useDropdownPosition.js";
+import { getMobilePopoverPositionCSS } from "../../../common.js";
 const getValue = (id, type) => {
   return id && type ? `${id}~${type}` : void 0;
 };
@@ -62,7 +65,7 @@ const Wallet = ({
     )
   ] });
 };
-const AccountWalletSelect = () => {
+const WalletSelect = () => {
   var _a, _b, _c;
   const containerRef = useRef(null);
   const { dropdownMaxHeight, dropdownWidth, mobileAnchor, resize } = useDropdownPosition(containerRef);
@@ -79,20 +82,19 @@ 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),
-      onCpslSelectValueChange: (e) => {
+      onCpslSelectValueChange: (e) => __async(void 0, null, function* () {
         const [id, type] = e.detail.split("~");
-        setSelectedWallet({ id, type });
-      },
+        yield setSelectedWallet({ id, type });
+      }),
       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 +150,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) {
@@ -195,8 +190,8 @@ const CopyButton = safeStyled(CpslButton)`
   }
 `;
 export {
-  AccountWalletSelect,
   Select,
   SelectContainer,
-  SelectItem
+  SelectItem,
+  WalletSelect
 };

package/dist/modal/components/flows/account/AccountFlow/AccountFlow.d.ts

@@ -0,0 +1,12 @@
+import { TOAuthMethod } from '@getpara/web-sdk';
+interface AccountFlowProps {
+    onClose: () => void;
+    onDisconnect: () => void;
+    isDisconnecting: boolean;
+    oAuthMethods?: TOAuthMethod[];
+    disableEmailLogin: boolean;
+    disablePhoneLogin: boolean;
+    isGuestModeEnabled?: boolean;
+}
+export declare const AccountFlow: (props: AccountFlowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modal/components/flows/account/AccountFlow/AccountFlow.js

@@ -0,0 +1,126 @@
+"use client";
+import {
+  __spreadValues
+} from "../../../../../chunk-MMUBH76A.js";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Account } from "../Account/Account.js";
+import { AccountProvider } from "../AccountProvider/AccountProvider.js";
+import { useStore } from "../../../../../provider/stores/useStore.js";
+import { Profile } from "../Profile/Profile.js";
+import { Wallet } from "../Wallet/Wallet.js";
+import { ProfileLink } from "../Profile/ProfileLink.js";
+import { ProfileLinkOptions } from "../Profile/ProfileLinkOptions.js";
+import { ProfileUnlink } from "../Profile/ProfileUnlink.js";
+import { AccountSend } from "../Send/index.js";
+import { AddFunds } from "../AddFunds/AddFunds.js";
+import { AddFundsAwaiting } from "../AddFunds/AddFundsAwaiting.js";
+import { AddFundsDone } from "../AddFunds/AddFundsDone.js";
+import { ExternalWallets } from "../../../shared/ExternalWallets.js";
+import { ExternalWalletNetworkSelect } from "../../../shared/ExternalWalletNetworkSelect.js";
+import { ChainSwitch } from "../ChainSwitch/ChainSwitch.js";
+import { ConnectExternalWallet } from "../../../shared/ConnectExternalWallet/ConnectExternalWallet.js";
+import { SwitchWallet } from "../SwitchWallets/SwitchWallets.js";
+import { AuthOptions } from "../../../shared/AuthOptions.js";
+import { AccountMonitorTx } from "../Profile/AccountMonitorTx.js";
+const AccountFlowContent = ({
+  onDisconnect,
+  isDisconnecting,
+  onClose,
+  oAuthMethods,
+  disableEmailLogin,
+  disablePhoneLogin,
+  isGuestModeEnabled
+}) => {
+  const accountView = useStore((state) => state.accountView);
+  const selectedComponent = useMemo(() => {
+    switch (accountView) {
+      case "ACCOUNT_MAIN": {
+        return /* @__PURE__ */ jsx(Account, {});
+      }
+      case "ACCOUNT_WALLET": {
+        return /* @__PURE__ */ jsx(Wallet, {});
+      }
+      // Profile Views
+      case "ACCOUNT_PROFILE": {
+        return /* @__PURE__ */ jsx(Profile, { onDisconnect, isDisconnecting });
+      }
+      case "ACCOUNT_PROFILE_ADD": {
+        return /* @__PURE__ */ jsx(ProfileLink, {});
+      }
+      case "ACCOUNT_PROFILE_LIST": {
+        return /* @__PURE__ */ jsx(ProfileLinkOptions, {});
+      }
+      case "ACCOUNT_PROFILE_REMOVE": {
+        return /* @__PURE__ */ jsx(ProfileUnlink, {});
+      }
+      // External Wallets
+      case "ACCOUNT_ADD_EX_WALLET_MORE": {
+        return /* @__PURE__ */ jsx(ExternalWallets, { isAddingWallets: true });
+      }
+      case "ACCOUNT_ADD_EX_WALLET_SELECTED": {
+        return /* @__PURE__ */ jsx(ConnectExternalWallet, { isAddingWallets: true });
+      }
+      case "ACCOUNT_ADD_EX_WALLET_NETWORK_SELECT": {
+        return /* @__PURE__ */ jsx(ExternalWalletNetworkSelect, { type: "ADD_EXTERNAL" });
+      }
+      case "ACCOUNT_LINK_EX_WALLET_NETWORK_SELECT": {
+        return /* @__PURE__ */ jsx(ExternalWalletNetworkSelect, { type: "ACCOUNT_LINKING" });
+      }
+      case "ACCOUNT_CHAIN_SWITCH": {
+        return /* @__PURE__ */ jsx(ChainSwitch, {});
+      }
+      // Send Views
+      case "ACCOUNT_SEND": {
+        return /* @__PURE__ */ jsx(AccountSend, { step: "SEND_FORM" });
+      }
+      case "ACCOUNT_SEND_ASSET": {
+        return /* @__PURE__ */ jsx(AccountSend, { step: "SEND_ASSET" });
+      }
+      case "ACCOUNT_SEND_NETWORK": {
+        return /* @__PURE__ */ jsx(AccountSend, { step: "SEND_NETWORK" });
+      }
+      // Add Funds Views
+      case "ACCOUNT_ADD_FUNDS_BUY":
+      case "ACCOUNT_ADD_FUNDS_WITHDRAW":
+      case "ACCOUNT_ADD_FUNDS_RECEIVE": {
+        return /* @__PURE__ */ jsx(AddFunds, { "data-testid": "add-funds" });
+      }
+      case "ACCOUNT_ADD_FUNDS_AWAITING": {
+        return /* @__PURE__ */ jsx(AddFundsAwaiting, {});
+      }
+      case "ACCOUNT_ADD_FUNDS_SUCCESS": {
+        return /* @__PURE__ */ jsx(AddFundsDone, { isSuccess: true, onClose });
+      }
+      case "ACCOUNT_ADD_FUNDS_FAILURE": {
+        return /* @__PURE__ */ jsx(AddFundsDone, { onClose });
+      }
+      // Switch wallet
+      case "ACCOUNT_SWITCH_WALLETS": {
+        return /* @__PURE__ */ jsx(SwitchWallet, {});
+      }
+      // Guest Signup
+      case "ACCOUNT_GUEST_SIGNUP": {
+        return /* @__PURE__ */ jsx(
+          AuthOptions,
+          {
+            oAuthMethods,
+            disableEmailLogin,
+            disablePhoneLogin,
+            isGuestModeEnabled
+          }
+        );
+      }
+      case "ACCOUNT_MONITOR_TX": {
+        return /* @__PURE__ */ jsx(AccountMonitorTx, {});
+      }
+    }
+  }, [accountView, isDisconnecting]);
+  return selectedComponent;
+};
+const AccountFlow = (props) => {
+  return /* @__PURE__ */ jsx(AccountProvider, { children: /* @__PURE__ */ jsx(AccountFlowContent, __spreadValues({}, props)) });
+};
+export {
+  AccountFlow
+};

package/dist/modal/components/flows/account/AccountProvider/AccountContext.d.ts

@@ -0,0 +1,11 @@
+export type AccountView = 'ACCOUNT_MAIN' | 'ACCOUNT_GUEST_SIGNUP' | 'ACCOUNT_ADD_FUNDS_BUY' | 'ACCOUNT_ADD_FUNDS_RECEIVE' | 'ACCOUNT_ADD_FUNDS_WITHDRAW' | 'ACCOUNT_ADD_FUNDS_AWAITING' | 'ACCOUNT_ADD_FUNDS_SUCCESS' | 'ACCOUNT_ADD_FUNDS_FAILURE' | 'ACCOUNT_CHAIN_SWITCH' | 'ACCOUNT_PROFILE' | 'ACCOUNT_PROFILE_ADD' | 'ACCOUNT_PROFILE_LIST' | 'ACCOUNT_PROFILE_REMOVE' | 'ACCOUNT_WALLET' | 'ACCOUNT_SWITCH_WALLETS' | 'ACCOUNT_SWITCH_WALLETS_IFRAME' | 'ACCOUNT_ADD_EX_WALLET_MORE' | 'ACCOUNT_ADD_EX_WALLET_SELECTED' | 'ACCOUNT_ADD_EX_WALLET_NETWORK_SELECT' | 'ACCOUNT_LINK_EX_WALLET_NETWORK_SELECT' | 'ACCOUNT_SEND' | 'ACCOUNT_SEND_ASSET' | 'ACCOUNT_SEND_NETWORK' | 'ACCOUNT_MONITOR_TX';
+export declare const AccountPreviousView: {
+    [key in AccountView]: AccountView | undefined;
+};
+export interface AccountContextValue {
+    switchWallets: (authMethod?: string) => void;
+    switchWalletsUrl: string | undefined;
+    setSwitchWalletsUrl: (_: string) => void;
+    isSwitchWalletsPending: boolean;
+}
+export declare const AccountContext: import("react").Context<AccountContextValue>;

package/dist/modal/components/flows/account/AccountProvider/AccountContext.js

@@ -0,0 +1,42 @@
+"use client";
+import "../../../../../chunk-MMUBH76A.js";
+import { createContext } from "react";
+const AccountPreviousView = {
+  ACCOUNT_MAIN: void 0,
+  ACCOUNT_GUEST_SIGNUP: "ACCOUNT_MAIN",
+  ACCOUNT_ADD_FUNDS_BUY: "ACCOUNT_MAIN",
+  ACCOUNT_ADD_FUNDS_WITHDRAW: "ACCOUNT_MAIN",
+  ACCOUNT_ADD_FUNDS_RECEIVE: "ACCOUNT_MAIN",
+  ACCOUNT_ADD_FUNDS_AWAITING: "ACCOUNT_ADD_FUNDS_BUY",
+  ACCOUNT_ADD_FUNDS_SUCCESS: "ACCOUNT_MAIN",
+  ACCOUNT_ADD_FUNDS_FAILURE: "ACCOUNT_MAIN",
+  ACCOUNT_CHAIN_SWITCH: "ACCOUNT_MAIN",
+  ACCOUNT_PROFILE: "ACCOUNT_MAIN",
+  ACCOUNT_PROFILE_LIST: "ACCOUNT_PROFILE",
+  ACCOUNT_PROFILE_ADD: "ACCOUNT_PROFILE_LIST",
+  ACCOUNT_PROFILE_REMOVE: "ACCOUNT_PROFILE",
+  ACCOUNT_WALLET: "ACCOUNT_PROFILE",
+  ACCOUNT_SWITCH_WALLETS: "ACCOUNT_PROFILE",
+  ACCOUNT_SWITCH_WALLETS_IFRAME: "ACCOUNT_PROFILE",
+  ACCOUNT_ADD_EX_WALLET_MORE: "ACCOUNT_PROFILE",
+  ACCOUNT_ADD_EX_WALLET_SELECTED: "ACCOUNT_ADD_EX_WALLET_MORE",
+  ACCOUNT_ADD_EX_WALLET_NETWORK_SELECT: "ACCOUNT_ADD_EX_WALLET_MORE",
+  ACCOUNT_LINK_EX_WALLET_NETWORK_SELECT: "ACCOUNT_PROFILE_LIST",
+  ACCOUNT_SEND: "ACCOUNT_MAIN",
+  ACCOUNT_SEND_ASSET: "ACCOUNT_SEND",
+  ACCOUNT_SEND_NETWORK: "ACCOUNT_SEND_ASSET",
+  ACCOUNT_MONITOR_TX: "ACCOUNT_MAIN"
+};
+const defaultAuthContextValue = {
+  switchWallets: () => {
+  },
+  switchWalletsUrl: void 0,
+  setSwitchWalletsUrl: () => {
+  },
+  isSwitchWalletsPending: false
+};
+const AccountContext = createContext(defaultAuthContextValue);
+export {
+  AccountContext,
+  AccountPreviousView
+};

package/dist/modal/components/flows/account/AccountProvider/AccountProvider.d.ts

@@ -0,0 +1,4 @@
+import { FC, PropsWithChildren } from 'react';
+import { AccountContextValue } from './AccountContext.js';
+export declare const AccountProvider: FC<PropsWithChildren>;
+export declare const useAccountActions: () => AccountContextValue;

package/dist/modal/components/flows/account/AccountProvider/AccountProvider.js

@@ -0,0 +1,110 @@
+"use client";
+import {
+  __async
+} from "../../../../../chunk-MMUBH76A.js";
+import { jsx } from "react/jsx-runtime";
+import { useContext, useState } from "react";
+import { AccountContext } from "./AccountContext.js";
+import { store, useStore } from "../../../../../provider/stores/useStore.js";
+import { openPopup } from "../../../../utils/openPopup.js";
+import { useSwitchWallets } from "../../../../../provider/hooks/mutations/useSwitchWallets.js";
+import { useGoBack } from "../../../../hooks/useGoBack.js";
+import { useWalletState } from "../../../../../provider/index.js";
+import { DEFAULTS } from "../../../../constants/defaults.js";
+const AccountProvider = ({ children }) => {
+  const { switchWallets: mutateSwitchWallets } = useSwitchWallets();
+  const { goBack } = useGoBack();
+  const { updateSelectedWallet } = useWalletState();
+  const refs = useStore((state) => state.refs);
+  const setAccountView = useStore((state) => state.setAccountView);
+  const [switchWalletsUrl, setSwitchWalletsUrl] = useState(void 0);
+  const [isSwitchWalletsPending, setIsSwitchWalletsPending] = useState(false);
+  const switchWallets = () => {
+    if (!switchWalletsUrl) {
+      return;
+    }
+    setIsSwitchWalletsPending(true);
+    try {
+      setAccountView("ACCOUNT_SWITCH_WALLETS");
+      refs.popupWindow.current = openPopup({
+        url: switchWalletsUrl,
+        target: "ParaSwitchWallets",
+        type: "SWITCH_WALLETS",
+        current: refs.popupWindow.current
+      });
+      pollSwitchWallets();
+    } catch (error) {
+      console.error("Failed to open wallet switching popup:", error);
+    }
+  };
+  const pollSwitchWallets = () => {
+    if (typeof window !== "undefined") {
+      refs.poll.current = {
+        action: "login",
+        timeout: window == null ? void 0 : window.setTimeout(() => __async(void 0, null, function* () {
+          mutateSwitchWallets(
+            {
+              isCanceled: () => {
+                var _a, _b;
+                const currentView = store.getState().accountView;
+                const exitedSteps = !!currentView && !["ACCOUNT_SWITCH_WALLETS", "ACCOUNT_SWITCH_WALLETS_IFRAME"].includes(currentView);
+                const popupClosed = (_b = (_a = refs.popupWindow.current) == null ? void 0 : _a.closed) != null ? _b : false;
+                const isCanceled = exitedSteps || popupClosed;
+                if (isCanceled) {
+                  if (popupClosed && (currentView === "ACCOUNT_SWITCH_WALLETS" || currentView === "ACCOUNT_SWITCH_WALLETS_IFRAME")) {
+                    goBack();
+                  }
+                }
+                return isCanceled;
+              },
+              onPoll: () => {
+                var _a;
+                const currentView = store.getState().accountView;
+                if (currentView === "ACCOUNT_SWITCH_WALLETS" || currentView === "ACCOUNT_SWITCH_WALLETS_IFRAME") {
+                  if (((_a = refs.popupWindow.current) == null ? void 0 : _a.closed) && ["ACCOUNT_SWITCH_WALLETS", "ACCOUNT_SWITCH_WALLETS_IFRAME"].includes(currentView)) {
+                    refs.popupWindow.current = null;
+                    goBack();
+                  }
+                }
+              }
+            },
+            {
+              onSuccess: () => __async(void 0, null, function* () {
+                yield updateSelectedWallet();
+                setTimeout(() => {
+                  setAccountView("ACCOUNT_PROFILE");
+                  refs.popupWindow.current = null;
+                }, 500);
+              }),
+              onError: () => {
+                const currentView = store.getState().accountView;
+                if (currentView === "ACCOUNT_SWITCH_WALLETS") {
+                  goBack();
+                }
+              },
+              onSettled: () => {
+                var _a;
+                setIsSwitchWalletsPending(false);
+                window == null ? void 0 : window.clearTimeout((_a = refs.poll.current) == null ? void 0 : _a.timeout);
+                refs.poll.current = null;
+                refs.popupWindow.current = null;
+              }
+            }
+          );
+        }), DEFAULTS.LOGGIN_POLLING_DELAY_MS)
+      };
+    }
+  };
+  const value = {
+    switchWallets,
+    switchWalletsUrl,
+    setSwitchWalletsUrl,
+    isSwitchWalletsPending
+  };
+  return /* @__PURE__ */ jsx(AccountContext.Provider, { value, children });
+};
+const useAccountActions = () => useContext(AccountContext);
+export {
+  AccountProvider,
+  useAccountActions
+};

package/dist/modal/components/{AddFunds → flows/account/AddFunds}/AddFunds.js

@@ -1,27 +1,27 @@
 "use client";
-import "../../../chunk-MMUBH76A.js";
+import "../../../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { EnabledFlow } from "@getpara/web-sdk";
-import { InnerStepContainer, StepContainer } from "../common.js";
+import { InnerStepContainer, StepContainer } from "../../../common.js";
 import { CpslIcon, CpslSpinner, CpslTab, CpslTabs } from "@getpara/react-components";
-import { OnRampStep } from "../../stores/index.js";
-import { useModalStore } from "../../stores/modal/useModalStore.js";
 import { useEffect, useMemo } from "react";
-import { getAddFundsStep } from "../../utils/steps.js";
 import { safeStyled } from "@getpara/react-common";
-import { useAccount, useWallet } from "../../../provider/index.js";
+import { useAccount, useWallet } from "../../../../../provider/index.js";
 import { AddFundsProvider } from "./AddFundsProvider.js";
 import { AddFundsReceive } from "./AddFundsReceive.js";
 import { AddFundsContextProvider, TABS } from "./AddFundsContext.js";
 import { AnimatePresence } from "framer-motion";
 import { AddFundsSettings } from "./AddFundsSettings.js";
+import { getAddFundsStep } from "./utils.js";
+import { OnRampStep } from "../../../../../provider/stores/types.js";
+import { useStore } from "../../../../../provider/stores/useStore.js";
 const AddFunds = () => {
   var _a;
-  const onRampConfig = useModalStore((state) => state.onRampConfig);
-  const onRampStep = useModalStore((state) => state.onRampStep);
-  const storedTab = useModalStore((state) => state.accountAddFundTab);
-  const setModalStep = useModalStore((state) => state.setStep);
-  const setOnRampPurchase = useModalStore((state) => state.setOnRampPurchase);
+  const onRampConfig = useStore((state) => state.onRampConfig);
+  const onRampStep = useStore((state) => state.onRampStep);
+  const storedTab = useStore((state) => state.accountAddFundTab);
+  const setAccountView = useStore((state) => state.setAccountView);
+  const setOnRampPurchase = useStore((state) => state.setOnRampPurchase);
   const { data: activeWallet } = useWallet();
   const { embedded } = useAccount();
   const isGuestMode = (embedded == null ? void 0 : embedded.isConnected) && embedded.isGuestMode;
@@ -31,7 +31,7 @@ const AddFunds = () => {
   const tab = storedTab != null ? storedTab : (_a = tabs[0]) == null ? void 0 : _a[0];
   const isMultiFlow = (tab === EnabledFlow.BUY || tab === EnabledFlow.RECEIVE) && (onRampConfig == null ? void 0 : onRampConfig.isBuyEnabled) && (onRampConfig == null ? void 0 : onRampConfig.isReceiveEnabled);
   const onSetTab = (event) => {
-    setModalStep(getAddFundsStep(event.detail.tab));
+    setAccountView(getAddFundsStep(event.detail.tab));
   };
   const Content = useMemo(() => {
     switch (tab) {

package/dist/modal/components/{AddFunds → flows/account/AddFunds}/AddFundsAsset.js

@@ -1,12 +1,12 @@
 "use client";
-import "../../../chunk-MMUBH76A.js";
+import "../../../../../chunk-MMUBH76A.js";
 import { jsx } from "react/jsx-runtime";
 import * as comp from "@getpara/react-components";
 import { formatCurrency } from "@getpara/web-sdk";
 import { getAssetCode, getAssetName, ON_RAMP_ASSETS } from "@getpara/react-common";
 import { useAddFunds } from "./AddFundsContext.js";
-import { AssetIcon, SearchableButtonList } from "../common.js";
-import { useAssets } from "../../../provider/providers/AssetsProvider.js";
+import { AssetIcon, SearchableButtonList } from "../../../common.js";
+import { useAssets } from "../../../../../provider/providers/AssetsProvider.js";
 function AddFundsAsset() {
   const { assets, setAsset } = useAddFunds();
   const { assetMetadata } = useAssets();

package/dist/modal/components/{AddFunds → flows/account/AddFunds}/AddFundsAwaiting.js

@@ -1,21 +1,20 @@
 "use client";
-import "../../../chunk-MMUBH76A.js";
-import { useModalStore } from "../../stores/index.js";
+import "../../../../../chunk-MMUBH76A.js";
 import { useEffect } from "react";
-import { ModalStep } from "../../utils/steps.js";
+import { useStore } from "../../../../../provider/stores/useStore.js";
 const STEPS = {
-  CANCELLED: ModalStep.ADD_FUNDS_FAILURE,
-  FINISHED: ModalStep.ADD_FUNDS_SUCCESS
+  CANCELLED: "ACCOUNT_ADD_FUNDS_FAILURE",
+  FINISHED: "ACCOUNT_ADD_FUNDS_SUCCESS"
 };
 const AddFundsAwaiting = () => {
-  const setStep = useModalStore((state) => state.setStep);
-  const onRampPurchase = useModalStore((state) => state.onRampPurchase);
+  const setAccountView = useStore((state) => state.setAccountView);
+  const onRampPurchase = useStore((state) => state.onRampPurchase);
   useEffect(() => {
     let timeoutId;
     if ((onRampPurchase == null ? void 0 : onRampPurchase.status) && ["CANCELLED", "FINISHED"].includes(onRampPurchase.status)) {
       timeoutId = setTimeout(() => {
         var _a;
-        setStep(STEPS[(_a = onRampPurchase.status) != null ? _a : ""]);
+        setAccountView(STEPS[(_a = onRampPurchase.status) != null ? _a : ""]);
       }, 5e3);
     }
     return () => clearTimeout(timeoutId);

package/dist/modal/components/{AddFunds → flows/account/AddFunds}/AddFundsContext.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, PropsWithChildren, ReactNode, SetStateAction } from 'react';
-import { useWallet } from '../../../provider/hooks/index.js';
+import { useWallet } from '../../../../../provider/hooks/index.js';
 import { EnabledFlow, TNetwork, TOnRampAsset, OnRampConfig, OnRampProvider } from '@getpara/web-sdk';
 import { IconType } from '@getpara/react-components';
 export type Tab = EnabledFlow;

package/dist/modal/components/{AddFunds → flows/account/AddFunds}/AddFundsContext.js

@@ -2,7 +2,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../../../chunk-MMUBH76A.js";
+} from "../../../../../chunk-MMUBH76A.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import {
   createContext,
@@ -12,9 +12,8 @@ import {
   useRef,
   useState
 } from "react";
-import { OnRampStep, useModalStore } from "../../stores/index.js";
-import { useWallet } from "../../../provider/hooks/index.js";
-import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
+import { useWallet } from "../../../../../provider/hooks/index.js";
+import { useExternalWallets } from "../../../../../provider/providers/ExternalWalletProvider.js";
 import {
   EnabledFlow,
   getOnRampAssets,
@@ -24,8 +23,9 @@ import {
 } 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";
+import { getDefaultAssetAndNetwork, isAmountWithinProviderLimits } from "../../../../utils/onramps.js";
+import { useStore } from "../../../../../provider/stores/useStore.js";
+import { OnRampStep } from "../../../../../provider/stores/types.js";
 const TABS = [
   [EnabledFlow.BUY, "isBuyEnabled", "creditCard", "Buy"],
   [EnabledFlow.RECEIVE, "isReceiveEnabled", "qrCode", "Receive"],
@@ -61,11 +61,11 @@ function AddFundsContextProvider({ tab, children }) {
   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 onRampConfig = useStore((state) => state.onRampConfig);
+  const onRampStep = useStore((state) => state.onRampStep);
+  const setOnRampStep = useStore((state) => state.setOnRampStep);
+  const isTestModeAlertDismissed = useStore((state) => state.isTestModeAlertDismissed);
+  const setIsTestModeAlertDismissed = useStore((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();

package/dist/modal/components/{AddFunds → flows/account/AddFunds}/AddFundsDone.js

@@ -1,22 +1,21 @@
 "use client";
-import "../../../chunk-MMUBH76A.js";
+import "../../../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Heading, HeroIcon, InnerStepContainer, StepContainer } from "../common.js";
-import { useModalStore } from "../../stores/index.js";
+import { Heading, HeroIcon, InnerStepContainer, StepContainer } from "../../../common.js";
 import { useMemo } from "react";
 import { CpslButton, CpslText } from "@getpara/react-components";
-import { getAddFundsStep } from "../../utils/steps.js";
-import { useStore } from "../../../provider/stores/useStore.js";
+import { useStore } from "../../../../../provider/stores/useStore.js";
 import { EnabledFlow } from "@getpara/web-sdk";
+import { getAddFundsStep } from "./utils.js";
 const AddFundsDone = ({ isSuccess, onClose }) => {
   var _a;
   const hideWallets = useStore((state) => {
     var _a2;
     return (_a2 = state.modalConfig) == null ? void 0 : _a2.hideWallets;
   });
-  const setStep = useModalStore((state) => state.setStep);
-  const onRampPurchase = useModalStore((state) => state.onRampPurchase);
-  const accountAddFundTab = useModalStore((state) => state.accountAddFundTab);
+  const setAccountView = useStore((state) => state.setAccountView);
+  const onRampPurchase = useStore((state) => state.onRampPurchase);
+  const accountAddFundTab = useStore((state) => state.accountAddFundTab);
   const formatter = useMemo(() => {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
@@ -37,7 +36,7 @@ const AddFundsDone = ({ isSuccess, onClose }) => {
       {
         fullWidth: true,
         onClick: () => {
-          isSuccess ? onClose() : setStep(getAddFundsStep(accountAddFundTab != null ? accountAddFundTab : EnabledFlow.BUY));
+          isSuccess ? onClose() : setAccountView(getAddFundsStep(accountAddFundTab != null ? accountAddFundTab : EnabledFlow.BUY));
         },
         children: buttonText
       }

package/dist/modal/components/{AddFunds → flows/account/AddFunds}/AddFundsNetwork.js

@@ -1,9 +1,9 @@
 "use client";
-import "../../../chunk-MMUBH76A.js";
+import "../../../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getNetworkName } from "@getpara/react-common";
 import { useAddFunds } from "./AddFundsContext.js";
-import { Heading, NetworkIcon, SearchableButtonList } from "../common.js";
+import { Heading, NetworkIcon, SearchableButtonList } from "../../../common.js";
 import { CpslRow } from "@getpara/react-components";
 function AddFundsNetwork() {
   const { narrowedNetworks, setNetwork } = useAddFunds();

package/dist/modal/components/flows/account/AddFunds/AddFundsProvider.d.ts

@@ -0,0 +1 @@
+export declare const AddFundsProvider: () => import("react/jsx-runtime").JSX.Element;