@getpara/react-sdk-lite 2.0.0-alpha.64 → 2.0.0-alpha.66

package/dist/modal/ParaModal.js

@@ -14,7 +14,7 @@ import { ModalStep, RESET_TO_ACCOUNT_STEPS, RESET_TO_AUTH_STEPS } from "./utils/
 import { AuthLayout } from "./types/modalProps.js";
 import { DEFAULTS } from "./constants/defaults.js";
 import { useGoBack } from "./hooks/useGoBack.js";
-import { safeStyled } from "@getpara/react-common";
+import { safeStyled, SDK_VERSION } from "@getpara/react-common";
 import { hasEmbeddedAuth, hasExternalWallet } from "./utils/authLayoutHelpers.js";
 import { useAccount, useModal, useParaStatus, useWalletState } from "../provider/index.js";
 import { useInternalClient } from "../provider/hooks/utils/useInternalClient.js";
@@ -23,7 +23,6 @@ import { useStore } from "../provider/stores/useStore.js";
 import parsePhoneNumberFromString from "libphonenumber-js";
 import { useAuthActions } from "../provider/providers/AuthProvider.js";
 import { validateInput } from "./utils/authInputHelpers.js";
-import { SDK_VERSION } from "./constants/constants.js";
 defineCustomElements();
 const ParaModal = forwardRef((props, ref) => {
   const storedModalConfig = useStore((state) => state.modalConfig);
@@ -193,12 +192,18 @@ const ParaModal = forwardRef((props, ref) => {
       initModal(isOpen);
       isInitialized.current = true;
     }
+    let timerId;
     if (!bareModal && isReady && !isOpen && isInitialized.current) {
-      setTimeout(() => {
+      timerId = setTimeout(() => {
         initModal();
         isInitialized.current = false;
       }, 250);
     }
+    return () => {
+      if (timerId) {
+        clearTimeout(timerId);
+      }
+    };
   }, [bareModal, isReady, isOpen, isAccountLoading]);
   useEffect(() => {
     let _authLayout = authLayout;

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

@@ -8,7 +8,7 @@ import { truncateAddress } from "@getpara/web-sdk";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 import { useAssets } from "../../../provider/providers/AssetsProvider.js";
 import { useAccount, useWallet } from "../../../provider/index.js";
-import { WalletSelect } from "../WalletSelect/WalletSelect.js";
+import { AccountWalletSelect } from "./AccountWalletSelect.js";
 const AccountHeader = ({ withBalance = false } = {}) => {
   const para = useInternalClient();
   const { connectionType } = useAccount();
@@ -44,7 +44,7 @@ const AccountHeader = ({ withBalance = false } = {}) => {
         src
       }
     ),
-    connectionType === "both" ? /* @__PURE__ */ jsx(WalletSelect, {}) : /* @__PURE__ */ jsx(CpslText, { variant: "headingXS", weight: "semiBold", color: "contrast", children: name }),
+    connectionType === "both" ? /* @__PURE__ */ jsx(AccountWalletSelect, {}) : /* @__PURE__ */ jsx(CpslText, { variant: "headingXS", weight: "semiBold", color: "contrast", children: name }),
     withBalance && typeof totalBalance === "string" && totalBalance !== "" && /* @__PURE__ */ jsx(CpslText, { variant: "bodyM", weight: "medium", style: { visibility: profileBalance ? "visible" : "hidden" }, children: totalBalance })
   ] });
 };

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

@@ -4,7 +4,7 @@ import {
   __spreadValues
 } from "../../../chunk-MMUBH76A.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AccountTypeIcon, GradientScroll, StepContainer, WalletTypeIcon } from "../common.js";
+import { AccountTypeIcon, GradientScroll, StepContainer } from "../common.js";
 import { CpslButton, CpslIcon, CpslText } from "@getpara/react-components";
 import { useAccount } from "../../../provider/index.js";
 import { useLinkedAccounts } from "../../../provider/hooks/index.js";
@@ -15,7 +15,7 @@ import {
 } from "@getpara/web-sdk";
 import { useAccountLinking } from "../../../provider/providers/AccountLinkProvider.js";
 import { useEffect, useMemo } from "react";
-import { ACCOUNT_TYPES, safeStyled, useCopyToClipboard } from "@getpara/react-common";
+import { ACCOUNT_TYPES, safeStyled, useCopyToClipboard, WalletTypeIcon } from "@getpara/react-common";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
 import { useStore } from "../../../provider/stores/useStore.js";
 import { useAssets } from "../../../provider/providers/AssetsProvider.js";

package/dist/modal/components/{WalletSelect/WalletSelect.d.ts → Account/AccountWalletSelect.d.ts}

@@ -1,4 +1,4 @@
-export declare const WalletSelect: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccountWalletSelect: () => import("react/jsx-runtime").JSX.Element;
 export declare const Select: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<Omit<Omit<any, "ref"> & import("react").RefAttributes<any>, "ref"> & {
     ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
 }, {

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

@@ -62,7 +62,7 @@ const Wallet = ({
     )
   ] });
 };
-const WalletSelect = () => {
+const AccountWalletSelect = () => {
   var _a, _b, _c;
   const containerRef = useRef(null);
   const { dropdownMaxHeight, dropdownWidth, mobileAnchor, resize } = useDropdownPosition(containerRef);
@@ -170,7 +170,8 @@ const SelectContainer = safeStyled.div`
   border-radius: var(--cpsl-border-radius-tile-button);
   background-color: transparent;
 `;
-const WalletIcon = safeStyled(CpslIcon)`  --icon-border: 1px solid var(--cpsl-color-background-8);
+const WalletIcon = safeStyled(CpslIcon)`
+  --icon-border: 1px solid var(--cpsl-color-background-8);
   --icon-background: var(--cpsl-color-background-0);
   --icon-border-radius: 4px;
 `;
@@ -181,8 +182,8 @@ const CopyButton = safeStyled(CpslButton)`
   }
 `;
 export {
+  AccountWalletSelect,
   Select,
   SelectContainer,
-  SelectItem,
-  WalletSelect
+  SelectItem
 };

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

@@ -7,8 +7,7 @@ import {
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as comp from "@getpara/react-components";
 import { formatCurrency, getOnRampNetworks } from "@getpara/web-sdk";
-import { safeStyled } from "@getpara/react-common";
-import { getAssetCode, getAssetName, ON_RAMP_ASSETS } from "../../constants/constants.js";
+import { safeStyled, getAssetCode, getAssetName, ON_RAMP_ASSETS } from "@getpara/react-common";
 import { useModalStore } from "../../stores/index.js";
 import { useState } from "react";
 import { useAddFunds } from "./AddFundsContext.js";

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

@@ -8,11 +8,10 @@ import { useEffect, useMemo, useState } from "react";
 import { useAddFunds } from "./AddFundsContext.js";
 import { CpslButton, CpslIcon, CpslInput, CpslRow, CpslText } from "@getpara/react-components";
 import { AssetIcon, HeaderSelect, HeaderSelectContainer, HeaderSelectItem, NetworkIcon } from "../common.js";
-import { getAssetCode, getNetworkName } from "../../constants/constants.js";
 import { EnabledFlow, getOnRampNetworks, OnRampPurchaseType } from "@getpara/web-sdk";
 import { OnRampStep, useModalStore } from "../../stores/index.js";
 import { useStore } from "../../../provider/stores/useStore.js";
-import { safeStyled } from "@getpara/react-common";
+import { safeStyled, getAssetCode, getNetworkName } from "@getpara/react-common";
 import { contentMotionProps, NoProviders } from "./common.js";
 import { AnimatePresence, motion, useIsPresent } from "framer-motion";
 import { AddFundsAsset } from "./AddFundsAsset.js";

package/dist/modal/components/AuthInput/AuthInput.js

@@ -13,9 +13,8 @@ import {
   CpslText
 } from "@getpara/react-components";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { safeStyled } from "@getpara/react-common";
+import { safeStyled, MOBILE_SIZE } from "@getpara/react-common";
 import countryCodes from "../../utils/countryCodes.js";
-import { MOBILE_SIZE } from "../../constants/constants.js";
 import { useDropdownPosition } from "./hooks/useDropdownPosition.js";
 import { defaultPhoneMask, phoneMasks } from "./phoneMasks.js";
 import { extractAuthInfo } from "@getpara/user-management-client";

package/dist/modal/components/Body/Body.js

@@ -1,7 +1,7 @@
 "use client";
 import "../../../chunk-MMUBH76A.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { safeStyled, WarningBanner } from "@getpara/react-common";
+import { safeStyled, WarningBanner, BODY_MOTION_VARIANTS, BODY_TRANSITION, MOBILE_SIZE } from "@getpara/react-common";
 import { IFrameSteps, ModalStep } from "../../utils/steps.js";
 import { CpslAlert, CpslIcon } from "@getpara/react-components";
 import { VerificationCodeStep } from "../VerificationCodeStep/VerificationCodeStep.js";
@@ -21,7 +21,6 @@ import { AddFundsAwaiting, AddFundsDone, AddFunds } from "../AddFunds/index.js";
 import { FarcasterOAuthStep } from "../OAuth/FarcasterOAuthStep.js";
 import { Header } from "../Header/Header.js";
 import { AuthMainStep } from "../AuthMainStep/AuthMainStep.js";
-import { BODY_MOTION_VARIANTS, BODY_TRANSITION, MOBILE_SIZE } from "../../constants/constants.js";
 import { Account } from "../Account/Account.js";
 import { AuthOptions } from "../AuthOptions/AuthOptions.js";
 import { ExternalWallets } from "../ExternalWallets/ExternalWallets.js";

package/dist/modal/components/ChainSwitch/ChainSwitch.js

@@ -7,11 +7,9 @@ import { CpslButton, CpslIcon, CpslQrCode, CpslSpinner, CpslText } from "@getpar
 import { HeroAccountTypeIcon, InnerStepContainer, QRContainer, StepContainer } from "../common.js";
 import { useEffect, useMemo } from "react";
 import { useModalStore } from "../../stores/index.js";
-import { HeroSpinner, safeStyled } from "@getpara/react-common";
-import { useCopyToClipboard } from "@getpara/react-common";
+import { HeroSpinner, safeStyled, NETWORK_NOT_SUPPORTED_ERROR, useCopyToClipboard } from "@getpara/react-common";
 import { ModalStep } from "../../utils/steps.js";
 import { routeMobileExternalWallet } from "../../utils/routeMobileExternalWallet.js";
-import { NETWORK_NOT_SUPPORTED_ERROR } from "../../constants/constants.js";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
 const ChainSwitch = () => {
   const [isCopied, copy] = useCopyToClipboard();

package/dist/modal/components/Controls/ChainSelect.js

@@ -4,13 +4,12 @@ import {
 } from "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CpslText } from "@getpara/react-components";
-import { getNetworkFromChainId, safeStyled } from "@getpara/react-common";
+import { getNetworkFromChainId, getNetworkName, safeStyled } from "@getpara/react-common";
 import { useEffect, useRef } from "react";
 import { useDropdownPosition } from "../AuthInput/hooks/useDropdownPosition.js";
 import { useWallet } from "../../../provider/index.js";
 import { HeaderSelect, HeaderSelectContainer, HeaderSelectItem, NetworkIcon } from "../common.js";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { getNetworkName } from "../../constants/constants.js";
 const Chain = ({
   chain: { id, name },
   slot,

package/dist/modal/components/Footer/Footer.js

@@ -1,9 +1,8 @@
 "use client";
 import "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { safeStyled } from "@getpara/react-common";
+import { safeStyled, PARA_TERMS_AND_CONDITIONS } from "@getpara/react-common";
 import { CpslIcon, CpslText } from "@getpara/react-components";
-import { PARA_TERMS_AND_CONDITIONS } from "../../constants/constants.js";
 import { useModalStore } from "../../stores/index.js";
 import { ModalStep } from "../../utils/steps.js";
 import { useAccountLinking } from "../../../provider/providers/AccountLinkProvider.js";

package/dist/modal/components/Header/Header.js

@@ -1,12 +1,11 @@
 "use client";
 import "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { getAuthDisplay, safeStyled } from "@getpara/react-common";
+import { getAuthDisplay, safeStyled, BODY_MOTION_VARIANTS, BODY_TRANSITION } from "@getpara/react-common";
 import { useStepTitle } from "./hooks/useStepTitle.js";
 import { CenteredText } from "../common.js";
 import { AnimatePresence, motion } from "framer-motion";
 import { useModalStore } from "../../stores/index.js";
-import { BODY_MOTION_VARIANTS, BODY_TRANSITION } from "../../constants/constants.js";
 import { useAccount } from "../../../provider/index.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 import { CpslIcon, CpslText } from "@getpara/react-components";

package/dist/modal/components/Hero/Hero.js

@@ -2,10 +2,9 @@
 import "../../../chunk-MMUBH76A.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CpslHero, CpslIcon, CpslIdenticon } from "@getpara/react-components";
-import { safeStyled } from "@getpara/react-common";
+import { safeStyled, NETWORK_NOT_SUPPORTED_ERROR } from "@getpara/react-common";
 import { ModalStep } from "../../utils/steps.js";
 import { useModalStore } from "../../stores/index.js";
-import { NETWORK_NOT_SUPPORTED_ERROR } from "../../constants/constants.js";
 import { useEffect, useState } from "react";
 import { isMobile } from "@getpara/web-sdk";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
@@ -54,9 +53,12 @@ const Hero = () => {
       externalWalletError
     })[step];
     const delay = newStepConfig && prevStepConfig ? 0 : newStepConfig && !prevStepConfig ? 0 : 200;
-    setTimeout(() => {
+    const timerId = setTimeout(() => {
       setCurrentStep(step);
     }, delay);
+    return () => {
+      clearTimeout(timerId);
+    };
   }, [step]);
   const isExternalStep = currentStep === ModalStep.EX_WALLET_SELECTED;
   const isChainSwitchStep = currentStep === ModalStep.CHAIN_SWITCH;

package/dist/modal/components/IFrameStep/IFrameStep.js

@@ -5,10 +5,9 @@ import { useEffect, useState } from "react";
 import { useModalStore } from "../../stores/index.js";
 import { IFrameSteps } from "../../utils/steps.js";
 import { safeStyled } from "@getpara/react-common";
-import { SpinnerContainer } from "@getpara/react-common";
+import { SpinnerContainer, MOBILE_SIZE } from "@getpara/react-common";
 import { CpslSpinner } from "@getpara/react-components";
 import { getPortalBaseURL } from "@getpara/web-sdk";
-import { MOBILE_SIZE } from "../../constants/constants.js";
 import { useStore } from "../../../provider/stores/useStore.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 const IFrameStep = () => {

package/dist/modal/components/LoginDoneStep/LoginDoneStep.js

@@ -30,7 +30,7 @@ const LoginDoneStep = ({ onClose }) => {
     return /* @__PURE__ */ jsx(WalletCard, { id, type, showAddFunds: false }, `${id}-${type}`);
   }, [para.externalWalletConnectionType, para.externalWallets, para.wallets]);
   useEffect(() => {
-    setTimeout(() => {
+    const timerId = setTimeout(() => {
       if (bareModal) {
         setFlow("account");
         setStep(ModalStep.ACCOUNT_MAIN);
@@ -38,6 +38,9 @@ const LoginDoneStep = ({ onClose }) => {
         onClose();
       }
     }, 1600);
+    return () => {
+      clearTimeout(timerId);
+    };
   }, []);
   return /* @__PURE__ */ jsxs(StepContainer, { children: [
     /* @__PURE__ */ jsx(HeroIcon, { icon: "checkCircleFilled" }),

package/dist/modal/components/OnRampComponents/AddingFunds.js

@@ -3,7 +3,7 @@ import "../../../chunk-MMUBH76A.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { OnRampPurchaseStatus } from "@getpara/web-sdk";
 import { SpinnerContainer } from "../common.js";
-import { ON_RAMP_PROVIDERS } from "../../constants/constants.js";
+import { ON_RAMP_PROVIDERS } from "@getpara/react-common";
 import { useModalStore } from "../../stores/index.js";
 import { CpslSpinner, CpslText } from "@getpara/react-components";
 const AddingFunds = () => {

package/dist/modal/components/OnRampComponents/OnRampProviderButton.js

@@ -4,8 +4,7 @@ import {
 } from "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { ON_RAMP_PROVIDERS } from "../../constants/constants.js";
-import { safeStyled } from "@getpara/react-common";
+import { safeStyled, ON_RAMP_PROVIDERS } from "@getpara/react-common";
 import { CpslButton, CpslIcon, CpslSpinner, CpslText } from "@getpara/react-components";
 import { motion } from "framer-motion";
 const OnRampProviderButton = ({ config, index, onClick: _onClick }) => {

package/dist/modal/components/Setup2FAStep/Setup2FAStep.js

@@ -32,10 +32,13 @@ const Setup2FAStep = ({ onClose }) => {
   const params = (twoFactorStatus == null ? void 0 : twoFactorStatus.uri) ? new URL(twoFactorStatus.uri).searchParams : void 0;
   const secret = params == null ? void 0 : params.get("secret");
   useEffect(() => {
-    setTimeout(() => {
+    const timerId = setTimeout(() => {
       var _a, _b, _c, _d;
       (_d = (_c = (_b = (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelectorAll("input")) == null ? void 0 : _c[0]) == null ? void 0 : _d.focus();
     }, 10);
+    return () => {
+      clearTimeout(timerId);
+    };
   }, [isVerifying]);
   useEffect(() => {
     if (code.length === 6) {

package/dist/modal/components/VerificationCodeStep/VerificationCodeStep.js

@@ -13,16 +13,20 @@ import { useResendVerificationCode } from "../../../provider/index.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 const VerificationCode = ({ authInfo, onResend, onSubmit, status, error }) => {
   const inputRef = useRef(null);
+  const resendTimerRef = useRef();
   const [code, setCode] = useState("");
   const [isPending, setIsPending] = useState(status === "pending");
   const [codeError, setCodeError] = useState(null);
   const [resendDisabled, setResendDisabled] = useState(false);
   const isEmail = (authInfo == null ? void 0 : authInfo.authType) === "email";
   useEffect(() => {
-    setTimeout(() => {
+    const timerId = setTimeout(() => {
       var _a, _b, _c, _d;
       (_d = (_c = (_b = (_a = inputRef.current) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelectorAll("input")) == null ? void 0 : _c[0]) == null ? void 0 : _d.focus();
     }, 10);
+    return () => {
+      clearTimeout(timerId);
+    };
   }, []);
   useEffect(() => {
     setCodeError(null);
@@ -41,12 +45,19 @@ const VerificationCode = ({ authInfo, onResend, onSubmit, status, error }) => {
       try {
         onResend();
       } finally {
-        setTimeout(() => {
+        resendTimerRef.current = setTimeout(() => {
           setResendDisabled(false);
         }, 3e3);
       }
     }
   });
+  useEffect(() => {
+    return () => {
+      if (resendTimerRef.current) {
+        clearTimeout(resendTimerRef.current);
+      }
+    };
+  }, []);
   const handleCodeInput = (e) => {
     setCode(e.detail.value.trim());
   };

package/dist/modal/components/WalletCard/WalletCard.js

@@ -1,7 +1,7 @@
 "use client";
 import "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { safeStyled } from "@getpara/react-common";
+import { safeStyled, WalletTypeIcon } from "@getpara/react-common";
 import { useModalStore } from "../../stores/index.js";
 import { CpslButton, CpslIcon, CpslText } from "@getpara/react-components";
 import { truncateAddress } from "@getpara/web-sdk";
@@ -9,7 +9,6 @@ import { ModalStep } from "../../utils/steps.js";
 import { useWalletState } from "../../../provider/index.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 import { useStore } from "../../../provider/stores/useStore.js";
-import { WalletTypeIcon } from "../common.js";
 const ExternalWalletCard = ({
   address,
   showAddFunds
@@ -129,7 +128,7 @@ const WalletNameContainer = safeStyled.div`
 const Name = safeStyled(CpslText)`
   width: 100%;
   &::part(text-element) {
-    line-height: 100%;
+    line-height: 150%;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;

package/dist/modal/components/WalletSelectOld/WalletSelectOld.js

@@ -4,10 +4,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 import { useDropdownPosition } from "../AuthInput/hooks/useDropdownPosition.js";
-import { safeStyled, useCopyToClipboard } from "@getpara/react-common";
+import { safeStyled, useCopyToClipboard, WalletTypeIcon as WalletTypeIconBase } from "@getpara/react-common";
 import { useAccount, useWallet, useWalletState } from "../../../provider/index.js";
 import { CpslButton, CpslIcon, CpslSelect, CpslSelectItem, CpslText } from "@getpara/react-components";
-import * as common from "../common.js";
 const getValue = (id, type) => {
   return id && type ? `${id}~${type}` : void 0;
 };
@@ -139,7 +138,7 @@ const SelectContainer = safeStyled.div`
   border-radius: var(--cpsl-border-radius-tile-button);
   background-color: var(--cpsl-color-background-4);
 `;
-const WalletTypeIcon = safeStyled(common.WalletTypeIcon)`
+const WalletTypeIcon = safeStyled(WalletTypeIconBase)`
   --border: 1px solid var(--cpsl-color-background-8);
   --background: var(--cpsl-color-background-0);
   --border-radius: 4px;

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

@@ -1,6 +1,5 @@
-import { CpslIcon, CpslInput, CpslText, CpslTileButton } from '@getpara/react-components';
-import { CommonWallet } from '@getpara/react-common';
-import { TExternalWallet, TLinkedAccountType, TNetwork, TOnRampAsset, TWalletType } from '@getpara/web-sdk';
+import { CpslInput, CpslText, CpslTileButton } from '@getpara/react-components';
+import { TLinkedAccountType, TNetwork, TOnRampAsset } from '@getpara/web-sdk';
 import { ComponentProps, PropsWithChildren } from 'react';
 export declare const SpinnerContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const QRContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -38,11 +37,6 @@ export declare function NetworkIcon({ network, size }: {
     network?: TNetwork;
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function WalletTypeIcon({ className, walletType, externalWallet, ...props }: {
-    className?: string;
-    walletType: TWalletType;
-    externalWallet?: TExternalWallet | CommonWallet | string;
-} & Parameters<typeof CpslIcon>[0]): import("react/jsx-runtime").JSX.Element;
 export declare const ErrorContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ErrorIcon: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<any, "ref"> & import("react").RefAttributes<any>, "ref"> & {
     ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;

package/dist/modal/components/common.js

@@ -6,8 +6,7 @@ import {
 } from "../../chunk-MMUBH76A.js";
 import { jsx } from "react/jsx-runtime";
 import { CpslIcon, CpslInput, CpslSelect, CpslSelectItem, CpslText, CpslTileButton } from "@getpara/react-components";
-import { ACCOUNT_TYPES, safeStyled } from "@getpara/react-common";
-import { MOBILE_SIZE, NETWORKS, ON_RAMP_ASSETS, WALLET_TYPES_METADATA } from "../constants/constants.js";
+import { ACCOUNT_TYPES, safeStyled, MOBILE_SIZE, NETWORKS, ON_RAMP_ASSETS } from "@getpara/react-common";
 import { useStore } from "../../provider/stores/useStore.js";
 import { useEffect, useRef, useState } from "react";
 const SpinnerContainer = safeStyled.div`
@@ -167,40 +166,6 @@ function NetworkIcon({ network, size }) {
     }
   );
 }
-function WalletTypeIcon(_c) {
-  var _d = _c, {
-    className,
-    walletType,
-    externalWallet
-  } = _d, props = __objRest(_d, [
-    "className",
-    "walletType",
-    "externalWallet"
-  ]);
-  var _a, _b;
-  const isDark = useStore((state) => {
-    var _a2, _b2;
-    return ((_b2 = (_a2 = state.modalConfig) == null ? void 0 : _a2.theme) == null ? void 0 : _b2.mode) === "dark";
-  });
-  if (typeof externalWallet === "object" && "iconUrl" in externalWallet) {
-    return /* @__PURE__ */ jsx(CpslIcon, __spreadProps(__spreadValues({ className, src: externalWallet.iconUrl }, props), { inset: (_a = props.inset) != null ? _a : "10%" }));
-  }
-  const data = (externalWallet ? ACCOUNT_TYPES[externalWallet] : WALLET_TYPES_METADATA[walletType]) || {
-    icon: "wallet02",
-    isDark: true
-  };
-  props.size;
-  return /* @__PURE__ */ jsx(
-    CpslIcon,
-    __spreadProps(__spreadValues({
-      className,
-      icon: data.icon,
-      invert: isDark && data.isDark
-    }, props), {
-      inset: (_b = props.inset) != null ? _b : "10%"
-    })
-  );
-}
 const ErrorContainer = safeStyled.div`
   display: flex;
   align-items: center;
@@ -326,6 +291,5 @@ export {
   QRContainer,
   SpinnerContainer,
   StepContainer,
-  StyledCpslTileButton,
-  WalletTypeIcon
+  StyledCpslTileButton
 };

package/dist/modal/index.d.ts

@@ -3,6 +3,6 @@ export type { ParaModalProps, ParaModalHandle, ParaModalTheme } from './types/mo
 export { ModalStep, type ModalStepProp } from './utils/steps.js';
 export { AuthLayout } from './types/modalProps.js';
 export * from './utils/openPopup.js';
-export { ON_RAMP_PROVIDERS, ON_RAMP_ASSETS, NETWORKS, getAssetIcon, getAssetCode, getNetworkIcon, getNetworkName, } from './constants/constants.js';
+export { ON_RAMP_PROVIDERS, ON_RAMP_ASSETS, NETWORKS, getAssetIcon, getAssetCode, getNetworkIcon, getNetworkName, } from '@getpara/react-common';
 export { SaveRecoverySecret } from './components/RecoverySecretStep/RecoverySecretStep.js';
 export * from './utils/validateOnRampConfig.js';

package/dist/modal/index.js

@@ -12,7 +12,7 @@ import {
   getAssetCode,
   getNetworkIcon,
   getNetworkName
-} from "./constants/constants.js";
+} from "@getpara/react-common";
 import { SaveRecoverySecret } from "./components/RecoverySecretStep/RecoverySecretStep.js";
 export * from "./utils/validateOnRampConfig.js";
 export {

package/dist/modal/utils/authInputHelpers.js

@@ -1,6 +1,6 @@
 "use client";
 import "../../chunk-MMUBH76A.js";
-import { EMAIL_REGEX } from "../constants/constants.js";
+import { EMAIL_REGEX } from "@getpara/react-common";
 import { formatPhoneNumber } from "@getpara/web-sdk";
 function isCcMatch(countryCode, option) {
   return countryCode === "+1" ? option.selectedLabel === "US" : option.value === countryCode;

package/dist/modal/utils/getWalletDisplayName.js

@@ -1,6 +1,6 @@
 "use client";
 import "../../chunk-MMUBH76A.js";
-import { WALLET_TYPES_METADATA } from "../constants/constants.js";
+import { WALLET_TYPES_METADATA } from "@getpara/react-common";
 function getWalletDisplayName(para, {
   type,
   isExternal,

package/dist/modal/utils/stringFormatters.js

@@ -1,6 +1,6 @@
 "use client";
 import "../../chunk-MMUBH76A.js";
-import { getNetworkName } from "../constants/constants.js";
+import { getNetworkName } from "@getpara/react-common";
 import { format } from "date-fns";
 const formatNetworkList = (networks) => {
   return networks.length === 1 ? getNetworkName(networks[0]) : `${networks.map((id) => getNetworkName(id)).slice(0, -1).join(", ")}${networks.length > 2 ? "," : ""} and ${getNetworkName(networks[networks.length - 1])}`;

package/dist/provider/ParaProviderMin.js

@@ -109,6 +109,11 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
     }
     setClient(newClient);
   }, [paraClientConfig]);
+  useEffect(() => {
+    if (client) {
+      client.portalTheme = paraModalConfig == null ? void 0 : paraModalConfig.theme;
+    }
+  }, [paraModalConfig == null ? void 0 : paraModalConfig.theme, client]);
   useEffect(() => {
     if (client && !client.isReady) {
       client.ready().then(() => {

package/dist/provider/actions/getEmbeddedAccount.js

@@ -26,7 +26,6 @@ const getEmbeddedAccount = (para, isFullyLoggedIn) => __async(void 0, null, func
   try {
     authMethods = yield para.supportedUserAuthMethods();
   } catch (error) {
-    console.error("Error getting supported auth methods:", error);
     authMethods = /* @__PURE__ */ new Set();
   }
   const value = {

package/dist/provider/actions/index.d.ts

@@ -46,3 +46,4 @@ export declare const verifyFarcasterLink: (_?: import("@getpara/core-sdk").defau
 export declare const verifyTelegramLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").TelegramParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
 export declare const verifyOAuthLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").OAuthParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
 export declare const verifyExternalWalletLink: (_?: import("@getpara/core-sdk").default, __?: Omit<import("@getpara/shared").VerifyExternalWalletParams, "externalWallet"> | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
+export declare const exportPrivateKey: import("./utils.js").CoreAction<"exportPrivateKey">;

package/dist/provider/actions/index.js

@@ -39,6 +39,7 @@ const verifyFarcasterLink = generateInternalAction("verifyFarcasterLink");
 const verifyTelegramLink = generateInternalAction("verifyTelegramLink");
 const verifyOAuthLink = generateInternalAction("verifyOAuthLink");
 const verifyExternalWalletLink = generateInternalAction("verifyExternalWalletLink");
+const exportPrivateKey = generateCoreAction("exportPrivateKey");
 export {
   accountLinkInProgress,
   addCredential,
@@ -49,6 +50,7 @@ export {
   createWallet,
   createWalletPerType,
   enable2fa,
+  exportPrivateKey,
   getLinkedAccounts,
   getWalletBalance,
   hasPregenWallet,

package/dist/provider/hooks/mutations/index.d.ts

@@ -27,4 +27,5 @@ export { useSignMessage } from './useSignMessage.js';
 export { useSignTransaction } from './useSignTransaction.js';
 export { useIssueJwt } from './useIssueJwt.js';
 export { useAddAuthMethod } from './useAddAuthMethod.js';
+export { useExportPrivateKey } from './useExportPrivateKey.js';
 export declare const useCreateGuestWalletsState: import("../../types/utils.js").CoreMethodMutationStateHook<"createGuestWallets">;

package/dist/provider/hooks/mutations/index.js

@@ -30,6 +30,7 @@ import { useSignMessage } from "./useSignMessage.js";
 import { useSignTransaction } from "./useSignTransaction.js";
 import { useIssueJwt } from "./useIssueJwt.js";
 import { useAddAuthMethod } from "./useAddAuthMethod.js";
+import { useExportPrivateKey } from "./useExportPrivateKey.js";
 const useCreateGuestWalletsState = generateStateHook("createGuestWallets");
 export {
   useAddAuthMethod,
@@ -41,6 +42,7 @@ export {
   useCreateWallet,
   useCreateWalletPerType,
   useEnable2fa,
+  useExportPrivateKey,
   useHasPregenWallet,
   useIssueJwt,
   useKeepSessionAlive,

package/dist/provider/hooks/mutations/useExportPrivateKey.d.ts

@@ -0,0 +1,15 @@
+export declare const EXPORT_PRIVATE_KEY_KEY = "EXPORT_PRIVATE_KEY";
+/**
+ * React hook for the `exportPrivateKey` mutation.
+ *
+ * @example
+ * const { mutateAsync: exportPrivateKeyAsync } = useExportPrivateKey();
+ * await exportPrivateKeyAsync({ walletId: '...' });
+ */
+export declare const useExportPrivateKey: () => import("@tanstack/react-query").UseMutationResult<{
+    popupWindow?: Window;
+    url: string;
+}, Error, {
+    walletId?: string;
+    shouldOpenPopup?: boolean;
+} | undefined, unknown>;

package/dist/provider/hooks/mutations/useExportPrivateKey.js

@@ -0,0 +1,32 @@
+"use client";
+import {
+  __async,
+  __spreadValues
+} from "../../../chunk-MMUBH76A.js";
+import { useMutation } from "@tanstack/react-query";
+import { useClient } from "../utils/index.js";
+import { exportPrivateKey } from "../../actions/index.js";
+import { useWallet } from "../queries/useWallet.js";
+const EXPORT_PRIVATE_KEY_KEY = "EXPORT_PRIVATE_KEY";
+const useExportPrivateKey = () => {
+  const para = useClient();
+  const { data: activeWallet } = useWallet();
+  return useMutation({
+    mutationKey: [EXPORT_PRIVATE_KEY_KEY],
+    mutationFn: (args) => __async(void 0, null, function* () {
+      try {
+        const result = yield exportPrivateKey(para, __spreadValues({
+          walletId: activeWallet == null ? void 0 : activeWallet.id,
+          shouldOpenPopup: true
+        }, args));
+        return result;
+      } catch (error) {
+        throw error;
+      }
+    })
+  });
+};
+export {
+  EXPORT_PRIVATE_KEY_KEY,
+  useExportPrivateKey
+};

package/dist/provider/hooks/utils/useEventListeners.js

@@ -56,8 +56,9 @@ const useEventListeners = ({
   );
   const logoutListener = useCallback(
     (event) => {
-      queryClient.refetchQueries({ queryKey: [IS_FULLY_LOGGED_IN_BASE_KEY] });
-      queryClient.refetchQueries({ queryKey: [ACCOUNT_BASE_KEY] });
+      queryClient.setQueriesData({ queryKey: [IS_FULLY_LOGGED_IN_BASE_KEY] }, false);
+      queryClient.invalidateQueries({ queryKey: [IS_FULLY_LOGGED_IN_BASE_KEY] });
+      queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY] });
       clearSelectedWallet();
       onLogout == null ? void 0 : onLogout(event);
     },

package/dist/provider/providers/AuthProvider.js

@@ -695,11 +695,17 @@ function AuthProvider({
     ]
   );
   useEffect(() => {
+    let timerId;
     if (!!authStepRoute && refs.currentStep.current !== authStepRoute) {
-      setTimeout(() => {
+      timerId = setTimeout(() => {
         setStep(authStepRoute);
       }, 200);
     }
+    return () => {
+      if (timerId) {
+        clearTimeout(timerId);
+      }
+    };
   }, [authStepRoute]);
   useEffect(() => {
     refs.currentStep.current = currentStep;

package/dist/provider/stores/getters.d.ts

@@ -1,4 +1,4 @@
-export declare const getClient: () => import("@getpara/web-sdk").ParaWeb | undefined;
+export declare const getClient: () => import("graz").ParaWeb | undefined;
 export declare const getIsOpen: () => boolean;
 export declare const getSelectedWalletId: () => string | undefined;
 export declare const getSelectedWalletType: () => "EVM" | "SOLANA" | "COSMOS" | undefined;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.0.0-alpha.64",
+  "version": "2.0.0-alpha.66",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.0.0-alpha.64",
-    "@getpara/react-components": "2.0.0-alpha.64",
-    "@getpara/web-sdk": "2.0.0-alpha.64",
+    "@getpara/react-common": "2.0.0-alpha.66",
+    "@getpara/react-components": "2.0.0-alpha.66",
+    "@getpara/web-sdk": "2.0.0-alpha.66",
     "date-fns": "^3.6.0",
     "framer-motion": "^11.3.31",
     "libphonenumber-js": "^1.11.7",
@@ -16,9 +16,9 @@
     "zustand-sync-tabs": "^0.2.2"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.64",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.64",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.64",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.66",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.66",
+    "@getpara/solana-wallet-connectors": "2.0.0-alpha.66",
     "@tanstack/react-query": "^5.74.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
@@ -38,7 +38,7 @@
     "package.json",
     "styles.css"
   ],
-  "gitHead": "c55ecfbbd200053ddb78d88c93c597c0f781a6bb",
+  "gitHead": "07c8b7b68aa36dec6071e3b3b3a66de2870312c8",
   "main": "dist/index.js",
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",

package/dist/modal/constants/constants.d.ts

@@ -1,35 +0,0 @@
-import { TNetwork, TOnRampAsset, OnRampMethod, OnRampProvider, TWalletType } from '@getpara/core-sdk';
-import { IconType } from '@getpara/react-components';
-import { Transition, Variants } from 'framer-motion';
-import { DisplayMetadata } from '@getpara/react-common';
-export declare const PARA_CONNECT = "https://connect.getpara.com/";
-export declare const PARA_TERMS_AND_CONDITIONS = "https://getpara.com/terms";
-export type OnRampProviderConfig = DisplayMetadata & {
-    feeLower: number;
-    feeUpper?: number;
-    methods: OnRampMethod[];
-    backgroundColors: string[];
-};
-export declare const ON_RAMP_PROVIDERS: Record<OnRampProvider, OnRampProviderConfig>;
-type Networks = Record<TNetwork, DisplayMetadata>;
-export declare const WALLET_TYPES_METADATA: Record<TWalletType, DisplayMetadata>;
-export declare const NETWORKS: Networks;
-export declare const ON_RAMP_ASSETS: Record<TOnRampAsset, {
-    name: string;
-    code: string;
-    icon: IconType;
-    isCircular?: boolean;
-    isDark?: boolean;
-}>;
-export declare function getNetworkName(str: TNetwork | string): string;
-export declare function getNetworkIcon(str: TNetwork | string): IconType;
-export declare function getAssetCode(str: TOnRampAsset | string): string;
-export declare function getAssetName(str: TOnRampAsset | string): string;
-export declare function getAssetIcon(str: TOnRampAsset | string): "key" | "phone" | "farcaster" | "telegram" | "discord" | "x" | "search" | "wallet" | "cosmos" | "solana" | "para" | "walletConnect" | "close" | "copy" | "safe" | "stripeBrand" | "alertCircle" | "alertTriangle" | "alignVerticalCenter" | "angelListBrand" | "angelList" | "appleBrand" | "apple" | "arbitrumBrand" | "arrowCircleBrokenDownLeft" | "arrowCircleDownFilled" | "arrowCircleDown" | "arrowNarrow" | "arrow" | "asterisk" | "backpack" | "backupKit" | "bank" | "baseBrand" | "beraBrand" | "brush" | "celoBrand" | "checkCircleFilled" | "checkCircle" | "checkSquare" | "check" | "chevronDown" | "chevronRight" | "chevronSelectorVertical" | "chevronUp" | "clock" | "clubhouseBrand" | "clubhouse" | "code" | "coinbase" | "copy07" | "cosmosCircle" | "cosmostation" | "creditCard02" | "creditCard" | "cube03" | "cubeOutline" | "cube" | "currencyDollar" | "decentBrand" | "decent" | "dell" | "discordBrand" | "dot" | "dotsSquare" | "dots" | "downloadCloud" | "download" | "dribbbleBrand" | "dribbble" | "earth" | "edit02" | "emptyCircle" | "ethCircle" | "ethereum" | "eyeOff" | "eye" | "facebookBrand" | "facebook" | "farcasterBrand" | "figmaBrand" | "figma" | "file" | "folder" | "githubBrand" | "github" | "globe" | "glow" | "googleBrand" | "google" | "gridDots" | "haha" | "helpCircle" | "heroAlertCircle" | "heroCheckmarkCapsule" | "heroCheckmark" | "heroEmail" | "heroExternalConnection" | "heroLock" | "heroPasskey" | "heroPhone" | "heroPlusCircleCapsule" | "heroPlusCircle" | "heroWallet" | "home" | "hp" | "image" | "infoCircle" | "instagramBrand" | "instagram" | "keplr" | "laptop" | "leap" | "lenovo" | "lg" | "lightning01" | "lightning" | "linkExternal" | "linkedinBrand" | "linkedin" | "lockKeyholeCircle" | "logOut" | "mail" | "menu" | "metamask" | "monitor" | "moonpayBrand" | "moreLoginOptions" | "motorola" | "nobleBrand" | "okx" | "optimismBrand" | "paraArrow" | "paraBlackBg" | "paraBrand" | "paraIconBrand" | "paraIconQr" | "paraIcon" | "paraLogo" | "paraRingsDark" | "paraRings" | "passcode" | "phantom" | "pintrestBrand" | "pintrest" | "plusCircle" | "plus" | "polygonBrand" | "polygon" | "puzzlePiece" | "qrCode02" | "qrCode" | "rabby" | "rainbow" | "rampNetworkBrand" | "rampNetwork" | "redditBrand" | "reddit" | "refresh" | "samsung" | "send" | "settings" | "share" | "shield" | "shuffle" | "signalBrand" | "signal" | "sliders" | "snapchatBrand" | "snapchat" | "solanaCircle" | "solflare" | "spacingHeight" | "star04Filled" | "star05" | "stars01Filled" | "stars02" | "stars" | "stopSquare" | "telegramBrand" | "tetherBrand" | "tikTokBrand" | "tikTok" | "trash" | "tumblrBrand" | "tumblr" | "twitterBrand" | "twitter" | "usdcBrand" | "user01" | "userCircle" | "userPlus" | "user" | "valora" | "wallet02" | "youtubeBrand" | "youtube" | "zerion" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BQ2" | "BQ3" | "BR" | "BS" | "BT" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CD2" | "CF" | "CH" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DS" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB2" | "GB" | "GD" | "GE" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SE" | "SG" | "SI" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WS" | "YE" | "ZA" | "ZM" | "ZW";
-export declare const MOBILE_SIZE = 480;
-export declare const NETWORK_NOT_SUPPORTED_ERROR = "network not supported";
-export declare const EMAIL_REGEX: RegExp;
-export declare const BODY_MOTION_VARIANTS: Variants;
-export declare const BODY_TRANSITION: Transition;
-export declare const SDK_VERSION: string;
-export {};

package/dist/modal/constants/constants.js

@@ -1,148 +0,0 @@
-"use client";
-import {
-  __spreadProps,
-  __spreadValues
-} from "../../chunk-MMUBH76A.js";
-import { OnRampMethod, OnRampProvider } from "@getpara/core-sdk";
-const PARA_CONNECT = "https://connect.getpara.com/";
-const PARA_TERMS_AND_CONDITIONS = "https://getpara.com/terms";
-const ON_RAMP_PROVIDERS = {
-  [OnRampProvider.STRIPE]: {
-    name: "Stripe",
-    feeLower: 0.99,
-    feeUpper: 4.49,
-    methods: [OnRampMethod.ACH, OnRampMethod.DEBIT, OnRampMethod.CREDIT],
-    icon: "stripeBrand",
-    backgroundColors: ["#6772E5", "#808AF4"]
-  },
-  [OnRampProvider.RAMP]: {
-    name: "Ramp",
-    feeLower: 0.99,
-    feeUpper: 4.49,
-    methods: [OnRampMethod.ACH, OnRampMethod.DEBIT, OnRampMethod.CREDIT],
-    icon: "rampNetworkBrand",
-    backgroundColors: ["#21BF73", "#3AE492"]
-  },
-  [OnRampProvider.MOONPAY]: {
-    name: "MoonPay",
-    feeLower: 1,
-    feeUpper: 4.5,
-    methods: [OnRampMethod.ACH, OnRampMethod.DEBIT, OnRampMethod.CREDIT],
-    icon: "moonpayBrand",
-    backgroundColors: ["#7715F5", "#9647fd"]
-  }
-};
-const ICON_TYPES = {
-  ethereum: { isDark: true },
-  usdcBrand: { isCircular: true },
-  arbitrumBrand: { isCircular: true },
-  baseBrand: { isCircular: true },
-  optimismBrand: { isCircular: true },
-  cosmos: { isCircular: true, isDark: true },
-  celoBrand: { isCircular: true },
-  tetherBrand: { isCircular: true }
-};
-const WALLET_TYPES_METADATA = {
-  EVM: { name: "EVM", icon: "ethereum", isDark: true },
-  SOLANA: { name: "Solana", icon: "solana" },
-  COSMOS: { name: "Cosmos", icon: "cosmos", isCircular: true, isDark: true }
-};
-const NETWORKS = Object.entries({
-  ["ETHEREUM"]: { name: "Ethereum", icon: "ethereum" },
-  ["SEPOLIA"]: { name: "Sepolia", icon: "ethereum" },
-  ["ARBITRUM"]: { name: "Arbitrum", icon: "arbitrumBrand" },
-  ["BASE"]: { name: "Base", icon: "baseBrand" },
-  ["OPTIMISM"]: { name: "Optimism", icon: "optimismBrand" },
-  ["POLYGON"]: { name: "Polygon", icon: "polygonBrand" },
-  ["SOLANA"]: { name: "Solana", icon: "solana" },
-  ["COSMOS"]: { name: "Cosmos", icon: "cosmos" },
-  ["CELO"]: { name: "Celo", icon: "celoBrand" },
-  ["SOLANA_DEVNET"]: { name: "Solana Devnet", icon: "solana" },
-  ["NOBLE"]: { name: "Noble", icon: "nobleBrand" },
-  ["BERACHAIN"]: { name: "Berachain", icon: "beraBrand" }
-}).reduce((acc, [key, entry]) => {
-  return __spreadProps(__spreadValues({}, acc), {
-    [key]: __spreadValues(__spreadValues({}, entry), ICON_TYPES[entry.icon])
-  });
-}, {});
-const ON_RAMP_ASSETS = Object.entries({
-  ["ETHEREUM"]: { name: "Ethereum", code: "ETH", icon: "ethereum" },
-  ["USDC"]: { name: "USD Coin", code: "USDC", icon: "usdcBrand" },
-  ["POLYGON"]: { name: "Polygon", code: "POL", icon: "polygonBrand" },
-  ["SOLANA"]: { name: "Solana", code: "SOL", icon: "solana" },
-  ["ATOM"]: { name: "Atom", code: "ATOM", icon: "cosmos" },
-  ["CELO"]: { name: "Celo", code: "CELO", icon: "celoBrand" },
-  ["TETHER"]: { name: "Tether", code: "USDT", icon: "tetherBrand" },
-  ["CUSD"]: { name: "Celo Dollar", code: "CUSD", icon: "celoBrand" },
-  ["CEUR"]: { name: "Celo Euro", code: "CEUR", icon: "celoBrand" },
-  ["CREAL"]: { name: "Celo Real", code: "CREAL", icon: "celoBrand" },
-  ["BERA"]: { name: "Berachain", code: "BERA", icon: "beraBrand" }
-}).reduce((acc, [key, entry]) => {
-  return __spreadProps(__spreadValues({}, acc), {
-    [key]: __spreadValues(__spreadValues({}, entry), ICON_TYPES[entry.icon])
-  });
-}, {});
-function getNetworkName(str) {
-  var _a, _b;
-  return (_b = (_a = NETWORKS[str]) == null ? void 0 : _a.name) != null ? _b : `${str[0]}${str.slice(1).toLowerCase()}`;
-}
-function getNetworkIcon(str) {
-  var _a, _b;
-  return (_b = (_a = NETWORKS[str]) == null ? void 0 : _a.icon) != null ? _b : "globe";
-}
-function getAssetCode(str) {
-  var _a, _b;
-  return (_b = (_a = ON_RAMP_ASSETS[str]) == null ? void 0 : _a.code) != null ? _b : str;
-}
-function getAssetName(str) {
-  var _a, _b;
-  return (_b = (_a = ON_RAMP_ASSETS[str]) == null ? void 0 : _a.name) != null ? _b : str;
-}
-function getAssetIcon(str) {
-  var _a, _b;
-  return (_b = (_a = ON_RAMP_ASSETS[str]) == null ? void 0 : _a.icon) != null ? _b : "emptyCircle";
-}
-const MOBILE_SIZE = 480;
-const NETWORK_NOT_SUPPORTED_ERROR = "network not supported";
-const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-const BODY_MOTION_VARIANTS = {
-  enter: (direction) => {
-    return {
-      scale: direction > 0 ? 0.9 : 1.1,
-      opacity: 0
-    };
-  },
-  center: {
-    scale: 1,
-    opacity: 1
-  },
-  exit: (direction) => {
-    return {
-      scale: direction < 0 ? 0.9 : 1.1,
-      opacity: 0
-    };
-  }
-};
-const BODY_TRANSITION = {
-  duration: 0.2
-};
-const SDK_VERSION = "2.0.0-alpha.64";
-export {
-  BODY_MOTION_VARIANTS,
-  BODY_TRANSITION,
-  EMAIL_REGEX,
-  MOBILE_SIZE,
-  NETWORKS,
-  NETWORK_NOT_SUPPORTED_ERROR,
-  ON_RAMP_ASSETS,
-  ON_RAMP_PROVIDERS,
-  PARA_CONNECT,
-  PARA_TERMS_AND_CONDITIONS,
-  SDK_VERSION,
-  WALLET_TYPES_METADATA,
-  getAssetCode,
-  getAssetIcon,
-  getAssetName,
-  getNetworkIcon,
-  getNetworkName
-};