@getpara/react-sdk 2.0.0-dev.3 → 2.0.0-dev.4

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

@@ -1,206 +0,0 @@
-"use client";
-import {
-  __async
-} from "../../../chunk-MMUBH76A.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { HeroSpinner } from "@getpara/react-common";
-import { CpslButton, CpslIcon } from "@getpara/react-components";
-import { useEffect, useMemo } from "react";
-import { HeroAccountTypeIcon, HeroSuccessIcon } from "../common.js";
-import { VerificationCode } from "../VerificationCodeStep/VerificationCodeStep.js";
-import { extractAuthInfo } from "@getpara/user-management-client";
-import { FarcasterConnectQR } from "../OAuth/FarcasterOAuthStep.js";
-import { useTelegramLogin } from "../../hooks/useTelegramLogin.js";
-import { TelegramIFrame } from "../OAuth/TelegramOAuthStep.js";
-import { AuthInput } from "../AuthInput/AuthInput.js";
-import { useAccountLinking } from "../../../provider/providers/AccountLinkProvider.js";
-import { useWalletDisplayHelpers, useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { ExternalWalletMobileConnect } from "../ExternalWalletStep/ExternalWalletStep.js";
-import { useResendVerificationCode } from "../../../provider/index.js";
-import { AccountLinkError } from "@getpara/web-sdk";
-function AccountProfileLink() {
-  var _a, _b, _c, _d;
-  const {
-    accountLinkInProgress,
-    verifyEmailOrPhoneLink,
-    linkAccountStatus,
-    linkAccountError,
-    verifyTelegramLink,
-    linkAccount,
-    isLinkAccountPending,
-    resetMutations
-  } = useAccountLinking(), { wallets } = useExternalWallets(), { mutate: resendVerificationCode } = useResendVerificationCode(), accountLinkType = accountLinkInProgress == null ? void 0 : accountLinkInProgress.type, externalWalletProvider = (_b = accountLinkInProgress == null ? void 0 : accountLinkInProgress.pendingWalletProvider) != null ? _b : (_a = accountLinkInProgress == null ? void 0 : accountLinkInProgress.externalWallet) == null ? void 0 : _a.providerId, externalWalletType = (_d = accountLinkInProgress == null ? void 0 : accountLinkInProgress.pendingWalletType) != null ? _d : (_c = accountLinkInProgress == null ? void 0 : accountLinkInProgress.externalWallet) == null ? void 0 : _c.type, accountLinkIcon = externalWalletProvider != null ? externalWalletProvider : accountLinkType, isTelegram = accountLinkType === "TELEGRAM", {
-    url,
-    status: telegramStatus,
-    isLoaded,
-    setIsLoaded
-  } = useTelegramLogin(
-    isTelegram ? { isActive: isTelegram, status: linkAccountStatus, onSubmit: verifyTelegramLink } : { isActive: false }
-  ), status = (accountLinkInProgress == null ? void 0 : accountLinkInProgress.isComplete) ? "success" : isTelegram ? telegramStatus : linkAccountStatus, commonWallet = useMemo(() => {
-    const wallet = wallets.find((w) => w.internalId === externalWalletProvider && w.type === externalWalletType);
-    return wallet;
-  }, [wallets]), walletDisplayHelpers = useWalletDisplayHelpers(commonWallet);
-  const { upper, lower } = useMemo(() => {
-    let upper2 = null, lower2 = null;
-    let message;
-    switch (status) {
-      case "pending":
-        message = externalWalletType ? "Confirm wallet connection" : "Confirm login request";
-        break;
-      case "success":
-        message = "Account linked";
-        break;
-      case "error":
-        switch (linkAccountError) {
-          case AccountLinkError.Conflict:
-            message = "Account already linked";
-            break;
-          default:
-            message = (accountLinkInProgress == null ? void 0 : accountLinkInProgress.type) === "EXTERNAL_WALLET" ? "Connection failed" : "Login failed";
-            break;
-        }
-        break;
-      default:
-        message = null;
-    }
-    const heroSpinner = /* @__PURE__ */ jsx(
-      HeroSpinner,
-      {
-        status,
-        icon: status === "success" ? /* @__PURE__ */ jsx(HeroSuccessIcon, {}) : /* @__PURE__ */ jsx(HeroAccountTypeIcon, { accountType: accountLinkIcon }),
-        text: message
-      }
-    );
-    ``;
-    const onTryAgain = externalWalletProvider && externalWalletType ? () => linkAccount({ externalWallet: { internalId: externalWalletProvider, type: externalWalletType } }) : accountLinkType && accountLinkType !== "EXTERNAL_WALLET" ? () => linkAccount({ type: accountLinkType }) : void 0;
-    const tryAgain = onTryAgain ? /* @__PURE__ */ jsxs(CpslButton, { variant: "secondary", fullWidth: true, onClick: onTryAgain, children: [
-      /* @__PURE__ */ jsx(CpslIcon, { icon: "refresh", slot: "start" }),
-      "Try Again"
-    ] }) : null;
-    if (!accountLinkInProgress) {
-      return { upper: upper2, lower: lower2 };
-    }
-    switch (true) {
-      // Email or phone input
-      case (!accountLinkInProgress.identifier && (accountLinkInProgress.type === "EMAIL" || accountLinkInProgress.type === "PHONE")):
-        upper2 = heroSpinner;
-        lower2 = /* @__PURE__ */ jsx(
-          AuthInput,
-          {
-            disableEmailLogin: accountLinkInProgress.type !== "EMAIL",
-            disablePhoneLogin: accountLinkInProgress.type !== "PHONE",
-            onSubmit: (auth) => {
-              try {
-                linkAccount({
-                  auth
-                });
-              } catch (e) {
-                throw e;
-              }
-            },
-            error: linkAccountError === "CONFLICT" ? "Account already linked" : void 0,
-            isSubmitting: isLinkAccountPending,
-            disableSubmitButton: true,
-            children: ({ isSubmitting, onSubmit, isPending }) => {
-              return /* @__PURE__ */ jsxs(CpslButton, { variant: "primary", onClick: onSubmit, disabled: isPending || isSubmitting, fullWidth: true, children: [
-                "Link ",
-                accountLinkType === "EMAIL" ? "Email Address" : "Phone Number"
-              ] });
-            }
-          }
-        );
-        break;
-      // Verify email or phone code
-      case ((accountLinkType === "EMAIL" || accountLinkType === "PHONE") && (accountLinkInProgress == null ? void 0 : accountLinkInProgress.identifier) && status !== "success"):
-        {
-          const authInfo = extractAuthInfo(
-            accountLinkType === "EMAIL" ? { email: accountLinkInProgress.identifier } : { phone: accountLinkInProgress.identifier },
-            { isRequired: true }
-          );
-          lower2 = /* @__PURE__ */ jsx(
-            VerificationCode,
-            {
-              authInfo,
-              onSubmit: verifyEmailOrPhoneLink,
-              onResend: () => {
-                resendVerificationCode({ type: "LINK_ACCOUNT" });
-              },
-              status: linkAccountStatus,
-              error: linkAccountError
-            }
-          );
-        }
-        break;
-      // Farcaster Connect QR
-      case (accountLinkType === "FARCASTER" && status !== "success"):
-        lower2 = /* @__PURE__ */ jsx(FarcasterConnectQR, {});
-        break;
-      // OAuth, External Wallet, Telegram
-      default:
-        upper2 = heroSpinner;
-        switch (true) {
-          case accountLinkType === "EXTERNAL_WALLET":
-            {
-              if (commonWallet && walletDisplayHelpers.showMobile) {
-                upper2 = status === "success" || status === "error" ? heroSpinner : /* @__PURE__ */ jsx(
-                  ExternalWalletMobileConnect,
-                  {
-                    wallet: commonWallet,
-                    isSelfFetching: true,
-                    onConnectWc: (w) => __async(this, null, function* () {
-                      yield linkAccount({ externalWallet: { internalId: w.internalId, type: w.type } });
-                    })
-                  }
-                );
-              }
-              lower2 = linkAccountError ? tryAgain : null;
-            }
-            break;
-          case accountLinkType === "TELEGRAM":
-            lower2 = /* @__PURE__ */ jsx(
-              TelegramIFrame,
-              {
-                url,
-                isLoaded,
-                setIsLoaded,
-                isVisible: status === "error" || status === "idle"
-              }
-            );
-            break;
-          case (status === "error" && !!accountLinkInProgress):
-            lower2 = tryAgain;
-            break;
-        }
-        break;
-    }
-    return {
-      upper: upper2,
-      lower: lower2
-    };
-  }, [
-    linkAccountError,
-    accountLinkType,
-    accountLinkInProgress,
-    telegramStatus,
-    url,
-    isLoaded,
-    linkAccount,
-    status,
-    isTelegram,
-    externalWalletType,
-    commonWallet,
-    walletDisplayHelpers.showMobile
-  ]);
-  useEffect(() => {
-    return () => {
-      resetMutations();
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    upper,
-    lower
-  ] });
-}
-export {
-  AccountProfileLink
-};

package/dist/modal/components/Account/AccountProfileLinkOptions.d.ts

@@ -1 +0,0 @@
-export declare function AccountProfileLinkOptions(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,111 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AuthInput } from "../AuthInput/AuthInput.js";
-import { AccountTypeIcon, GradientScroll, StepContainer } from "../common.js";
-import { CpslButton, CpslDivider, CpslText } from "@getpara/react-components";
-import { getAccountTypeName } from "../../constants/oAuthLogos.js";
-import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { useAccountLinking } from "../../../provider/providers/AccountLinkProvider.js";
-import { useEffect, useMemo } from "react";
-import { EXTERNAL_WALLET_TYPES } from "@getpara/web-sdk";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-import { safeStyled } from "@getpara/react-common";
-function isExternalWallet(str) {
-  return EXTERNAL_WALLET_TYPES.includes(str);
-}
-function AccountProfileLinkOptions() {
-  const para = useInternalClient();
-  const { accountLinkOptions, linkAccount, isLinkAccountPending, linkAccountError, setLinkAccountError, resetMutations } = useAccountLinking();
-  const { wallet: connectedWallet, wallets } = useExternalWallets();
-  const [isEmail, isPhone, externalWalletIndex, isOptions] = [
-    accountLinkOptions.includes("EMAIL"),
-    accountLinkOptions.includes("PHONE"),
-    accountLinkOptions.indexOf("EXTERNAL_WALLET"),
-    (accountLinkOptions || []).filter((o) => o !== "EMAIL" && o !== "PHONE").length > 0
-  ];
-  const options = useMemo(() => {
-    const baseOptions = externalWalletIndex >= 0 ? [
-      ...accountLinkOptions.slice(0, externalWalletIndex),
-      ...EXTERNAL_WALLET_TYPES,
-      ...accountLinkOptions.slice(externalWalletIndex + 1)
-    ] : accountLinkOptions;
-    return Array.from(
-      new Set(
-        baseOptions.filter((option) => {
-          if (!isExternalWallet(option) || (connectedWallet == null ? void 0 : connectedWallet.internalId) !== option && wallets.some(({ type, internalId, installed, isMobile }) => {
-            return (installed || isMobile) && (para == null ? void 0 : para.supportedWalletTypes.some((obj) => obj.type === type)) && internalId === option;
-          })) {
-            return true;
-          }
-          return false;
-        })
-      )
-    );
-  }, [accountLinkOptions, externalWalletIndex, wallets]);
-  useEffect(() => {
-    resetMutations();
-    setLinkAccountError(null);
-  }, []);
-  const getExternalWalletType = (internalId) => {
-    const allWallets = wallets.filter((wallet) => wallet.internalId === internalId);
-    if (allWallets.length === 1) {
-      return allWallets[0].type;
-    }
-    return void 0;
-  };
-  return /* @__PURE__ */ jsx(StepContainer, { $wide: true, children: /* @__PURE__ */ jsxs(Content, { children: [
-    (isEmail || isPhone) && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        AuthInput,
-        {
-          disableEmailLogin: !isEmail,
-          disablePhoneLogin: !isPhone,
-          onSubmit: (auth) => {
-            linkAccount({
-              auth
-            });
-          },
-          error: linkAccountError ? linkAccountError === "CONFLICT" ? "Account already linked" : "An unknown error occurred" : void 0,
-          isSubmitting: isLinkAccountPending
-        }
-      ),
-      isOptions && /* @__PURE__ */ jsx(CpslDivider, { children: "or" })
-    ] }),
-    isOptions && /* @__PURE__ */ jsx(GradientScroll, { height: "320px", children: options.filter((option) => option !== "EMAIL" && option !== "PHONE").map((option) => {
-      const isWallet = isExternalWallet(option);
-      return /* @__PURE__ */ jsxs(
-        Option,
-        {
-          fullWidth: true,
-          variant: "tertiary",
-          onClick: () => linkAccount(
-            isWallet ? { externalWallet: { internalId: option, type: getExternalWalletType(option) } } : { type: option }
-          ),
-          children: [
-            /* @__PURE__ */ jsx(AccountTypeIcon, { accountType: option, size: "24px" }),
-            /* @__PURE__ */ jsx(CpslText, { color: "contrast", variant: "bodyM", children: getAccountTypeName(option) })
-          ]
-        },
-        option
-      );
-    }) })
-  ] }) });
-}
-const Content = safeStyled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 8px;
-  width: 100%;
-`;
-const Option = safeStyled(CpslButton)`
-  --button-justify-content: flex-start;
-
-  height: 48px;
-  display: flex;
-  align-items: flex-start;
-`;
-export {
-  AccountProfileLinkOptions
-};

package/dist/modal/components/Account/AccountProfileUnlink.d.ts

@@ -1 +0,0 @@
-export declare function AccountProfileUnlink(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,47 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CpslButton, CpslText } from "@getpara/react-components";
-import { useEffect, useState } from "react";
-import { AccountTypeIcon } from "../common.js";
-import { getAccountTypeName } from "../../constants/oAuthLogos.js";
-import { useAccountLinking } from "../../../provider/providers/AccountLinkProvider.js";
-import { safeStyled } from "@getpara/react-common";
-function AccountProfileUnlink() {
-  var _a, _b;
-  const { unlinkingAccount, unlinkAccountConfirm, isUnlinkAccountPending } = useAccountLinking(), [accountType, setAccountType] = useState((_b = (_a = unlinkingAccount == null ? void 0 : unlinkingAccount.externalWallet) == null ? void 0 : _a.providerId) != null ? _b : unlinkingAccount == null ? void 0 : unlinkingAccount.type);
-  useEffect(() => {
-    var _a2, _b2;
-    if (unlinkingAccount) {
-      setAccountType((_b2 = (_a2 = unlinkingAccount == null ? void 0 : unlinkingAccount.externalWallet) == null ? void 0 : _a2.providerId) != null ? _b2 : unlinkingAccount == null ? void 0 : unlinkingAccount.type);
-    }
-  }, [unlinkingAccount]);
-  return /* @__PURE__ */ jsxs(Content, { children: [
-    /* @__PURE__ */ jsxs(Upper, { children: [
-      /* @__PURE__ */ jsx(AccountTypeIcon, { accountType, size: "80px", inset: "5px" }),
-      /* @__PURE__ */ jsxs(Message, { variant: "bodyM", weight: "semiBold", color: "contrast", children: [
-        "Are you sure you want to unlink your ",
-        getAccountTypeName(accountType, { inline: true }),
-        "?"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(CpslButton, { variant: "destructive", fullWidth: true, onClick: unlinkAccountConfirm, disabled: isUnlinkAccountPending, children: "Confirm" })
-  ] });
-}
-const Content = safeStyled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 32px;
-`;
-const Upper = safeStyled(Content)`
-  gap: 8px;
-`;
-const Message = safeStyled(CpslText)`
-  text-align: center;
-  max-width: 342px;
-`;
-export {
-  AccountProfileUnlink
-};

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

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

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

@@ -1,69 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { EnabledFlow } from "@getpara/web-sdk";
-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 { 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";
-const AddFunds = () => {
-  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 { data: activeWallet } = useWallet();
-  const { embedded } = useAccount();
-  const isGuestMode = (embedded == null ? void 0 : embedded.isConnected) && embedded.isGuestMode;
-  const tabs = TABS.filter(
-    ([enabledFlow, key]) => !!(onRampConfig == null ? void 0 : onRampConfig[key]) && (!isGuestMode || enabledFlow === EnabledFlow.RECEIVE)
-  );
-  const tab = storedTab != null ? storedTab : tabs[0][0];
-  const isMultiFlow = tabs.length > 1;
-  const onSetTab = (event) => {
-    setModalStep(getAddFundsStep(event.detail.tab));
-  };
-  const Content = useMemo(() => {
-    switch (tab) {
-      case EnabledFlow.BUY:
-      case EnabledFlow.WITHDRAW: {
-        switch (onRampStep) {
-          case OnRampStep.SETTINGS:
-            return /* @__PURE__ */ jsx(AddFundsSettings, {});
-          case OnRampStep.PROVIDER:
-            return /* @__PURE__ */ jsx(AddFundsProvider, {});
-        }
-      }
-      default:
-        return /* @__PURE__ */ jsx(AddFundsReceive, {});
-    }
-  }, [onRampStep, tab]);
-  useEffect(() => {
-    setOnRampPurchase(void 0);
-  }, []);
-  if (!onRampConfig || !activeWallet) {
-    return /* @__PURE__ */ jsx(SpinnerContainer, { children: /* @__PURE__ */ jsx(CpslSpinner, {}) });
-  }
-  return /* @__PURE__ */ jsxs(StepContainer, { children: [
-    isMultiFlow && /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsx(CpslTabs, { selectedTab: tab, onCpslTabsChanged: onSetTab, children: TABS.map(([tab2, _, icon, title]) => /* @__PURE__ */ jsxs(CpslTab, { tab: tab2, children: [
-      /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon }),
-      title
-    ] }, tab2)) }) }),
-    /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(AddFundsContextProvider, { "data-testid": "add-funds", tab, children: Content }) })
-  ] });
-};
-const SpinnerContainer = safeStyled(StepContainer)`
-  margin: 50% 0;
-`;
-export {
-  AddFunds
-};

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

@@ -1 +0,0 @@
-export declare function AddFundsAsset(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,125 +0,0 @@
-"use client";
-import {
-  __async,
-  __spreadProps,
-  __spreadValues
-} from "../../../chunk-MMUBH76A.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as comp from "@getpara/react-components";
-import { getOnRampNetworks } from "@getpara/web-sdk";
-import { safeStyled } from "@getpara/react-common";
-import { getAssetCode, getAssetName, ON_RAMP_ASSETS } from "../../constants/constants.js";
-import { useModalStore } from "../../stores/index.js";
-import { useRef, useState } from "react";
-import { useAddFunds } from "./AddFundsContext.js";
-import { useWallet } from "../../../provider/hooks/queries/useWallet.js";
-import { AssetIcon } from "../common.js";
-import { AnimatePresence, motion } from "framer-motion";
-import { contentMotionProps } from "./common.js";
-function AddFundsAsset() {
-  const onRampConfig = useModalStore((state) => state.onRampConfig);
-  const { assets, setAsset, network, setNetwork } = useAddFunds();
-  const { data: activeWallet } = useWallet();
-  const [isAtBottom, setIsAtBottom] = useState(false);
-  const [isAtTop, setIsAtTop] = useState(true);
-  const [searchStr, setSearchStr] = useState("");
-  const ref = useRef(null);
-  const onSelect = (_asset) => __async(this, null, function* () {
-    yield setAsset(_asset);
-    if (!network && !!onRampConfig && !!activeWallet) {
-      yield setNetwork(
-        getOnRampNetworks(onRampConfig.assetInfo, {
-          walletType: activeWallet.type,
-          assets: [_asset]
-        })[0]
-      );
-    }
-  });
-  const onScroll = () => {
-    if (ref.current) {
-      const { scrollTop, scrollHeight, clientHeight } = ref.current;
-      if (scrollTop + clientHeight >= scrollHeight - 30) {
-        setIsAtBottom(true);
-      } else {
-        setIsAtBottom(false);
-      }
-      if (scrollTop < 30) {
-        setIsAtTop(true);
-      } else {
-        setIsAtTop(false);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AnimatePresence, { mode: "sync", children: assets.length >= 4 && /* @__PURE__ */ jsx(motion.div, __spreadProps(__spreadValues({}, contentMotionProps), { children: /* @__PURE__ */ jsx(
-      SearchInput,
-      {
-        placeholder: "Search for an asset",
-        value: searchStr,
-        onCpslInput: (e) => {
-          setSearchStr(e.detail.value);
-        },
-        children: /* @__PURE__ */ jsx(comp.CpslIcon, { icon: "search", slot: "start" })
-      }
-    ) })) }),
-    /* @__PURE__ */ jsx(ScrollContainer, { isAtBottom, isAtTop, ref, onScroll, children: /* @__PURE__ */ jsx(AssetList, { children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "sync", children: assets.filter((asset) => {
-      return searchStr === "" || getAssetCode(asset).toLowerCase().startsWith(searchStr.toLowerCase()) || getAssetName(asset).toLowerCase().startsWith(searchStr.toLowerCase());
-    }).map((asset) => /* @__PURE__ */ jsx(
-      motion.li,
-      {
-        style: { width: "100%" },
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        transition: { duration: 0.2 },
-        children: /* @__PURE__ */ jsxs(AssetButton, { fullWidth: true, variant: "secondary", onClick: () => onSelect(asset), children: [
-          /* @__PURE__ */ jsx(AssetIcon, { asset, size: "48px" }),
-          /* @__PURE__ */ jsxs(Info, { children: [
-            /* @__PURE__ */ jsx(Code, { variant: "bodyL", children: ON_RAMP_ASSETS[asset].code }),
-            /* @__PURE__ */ jsx(Name, { variant: "bodyS", children: ON_RAMP_ASSETS[asset].name })
-          ] })
-        ] }, asset)
-      },
-      asset
-    )) }) }) })
-  ] });
-}
-const ScrollContainer = safeStyled.div`
-  height: calc(100% - 56px);
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  overflow-y: auto;
-  mask-image: ${({ isAtBottom, isAtTop }) => !isAtBottom && !isAtTop ? "linear-gradient(to bottom, transparent 0%, black 24px, black calc(100% - 24px), transparent 100%)" : !isAtBottom ? "linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)" : !isAtTop ? "linear-gradient(to top, black calc(100% - 24px), transparent 100%)" : "none"};
-`;
-const AssetList = safeStyled.ul`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  gap: 8px;
-  list-style: none;
-  padding-inline-start: 0;
-  margin: 0;
-  padding: 0px;
-`;
-const AssetButton = safeStyled(comp.CpslButton)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 8px;
-  --button-secondary-background-color: var(--cpsl-color-background-8);
-  --button-secondary-border-color: var(--cpsl-color-background-8);
-  --button-secondary-hover-background-color: var(--cpsl-color-background-16);
-  --button-secondary-hover-border-color: var(--cpsl-color-background-16);
-`;
-const Info = safeStyled(comp.CpslCol)`
-    text-align: left;
-  `, Code = comp.CpslText, Name = comp.CpslText;
-const SearchInput = safeStyled(comp.CpslInput)`
-  --container-background-color: var(--cpsl-color-background-8);
-  --input-background-color: transparent;
-`;
-export {
-  AddFundsAsset
-};

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

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

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

@@ -1,78 +0,0 @@
-"use client";
-import {
-  __spreadProps,
-  __spreadValues
-} from "../../../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import { StepContainer } from "../common.js";
-import { OnRampProvider } from "@getpara/web-sdk";
-import { useModalStore } from "../../stores/index.js";
-import { lazy, useEffect, useMemo, useState } from "react";
-import { ModalStep } from "../../utils/steps.js";
-import { RampEmbed } from "@getpara/react-common";
-import { safeStyled } from "@getpara/react-common";
-import { useGoBack } from "../../hooks/useGoBack.js";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-import { useStore } from "../../../provider/stores/useStore.js";
-const STEPS = {
-  CANCELLED: ModalStep.ADD_FUNDS_FAILURE,
-  FINISHED: ModalStep.ADD_FUNDS_SUCCESS
-};
-const AddFundsAwaiting = () => {
-  const setStep = useModalStore((state) => state.setStep);
-  const goBack = useGoBack();
-  const onRampConfig = useModalStore((state) => state.onRampConfig);
-  const onRampPurchase = useModalStore((state) => state.onRampPurchase);
-  const setOnRampPurchase = useModalStore((state) => state.setOnRampPurchase);
-  const para = useInternalClient();
-  const appName = useStore((state) => state.appName);
-  const isDark = useStore((state) => state.isDarkTheme);
-  const [MoonPayEmbed, setMoonPayEmbed] = useState();
-  const props = {
-    para,
-    appName,
-    onRampConfig,
-    onRampPurchase,
-    isDark,
-    isEmbedded: true,
-    setOnRampPurchase,
-    onClose: goBack
-  };
-  useEffect(() => {
-    const _MoonPayEmbed = lazy(() => import("./MoonPayEmbed.js"));
-    if (_MoonPayEmbed) {
-      setMoonPayEmbed(_MoonPayEmbed);
-    }
-  }, []);
-  const onRampEmbed = useMemo(() => {
-    var _a, _b;
-    if (!(onRampPurchase == null ? void 0 : onRampPurchase.id) || !props.onRampConfig) {
-      return null;
-    }
-    switch (onRampPurchase == null ? void 0 : onRampPurchase.provider) {
-      case OnRampProvider.MOONPAY:
-        return !MoonPayEmbed || typeof window === "undefined" ? null : /* @__PURE__ */ jsx(MoonPayEmbed, __spreadProps(__spreadValues({}, props), { onRampConfig: props.onRampConfig }));
-      case OnRampProvider.RAMP:
-        return /* @__PURE__ */ jsx(RampEmbed, __spreadProps(__spreadValues({}, props), { apiKey: (_b = (_a = props.onRampConfig) == null ? void 0 : _a.rampApiKey) != null ? _b : "", onRampConfig: props.onRampConfig }));
-      default:
-        return null;
-    }
-  }, [onRampPurchase == null ? void 0 : onRampPurchase.provider, MoonPayEmbed]);
-  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 : ""]);
-      }, 5e3);
-    }
-    return () => clearTimeout(timeoutId);
-  }, [onRampPurchase == null ? void 0 : onRampPurchase.status]);
-  return /* @__PURE__ */ jsx(Container, { $wide: true, children: onRampEmbed });
-};
-const Container = safeStyled(StepContainer)`
-  flex: 1;
-`;
-export {
-  AddFundsAwaiting
-};