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

package/dist/modal/components/common.js

@@ -1,261 +0,0 @@
-"use client";
-import "../../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import { CpslIcon, CpslInput, CpslSelect, CpslSelectItem, CpslText, CpslTileButton } from "@getpara/react-components";
-import { safeStyled } from "@getpara/react-common";
-import { MOBILE_SIZE, NETWORKS, ON_RAMP_ASSETS } from "../constants/constants.js";
-import { useStore } from "../../provider/stores/useStore.js";
-import { ACCOUNT_TYPES } from "../constants/oAuthLogos.js";
-import { useEffect, useRef, useState } from "react";
-const SpinnerContainer = safeStyled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
-const QRContainer = safeStyled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 286px;
-  height: 286px;
-`;
-const InfoBoxContent = safeStyled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`;
-const InfoBoxHeader = safeStyled.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-
-  cpsl-icon {
-    --height: 20px;
-    --width: 20px;
-  }
-`;
-const FilledDisabledInput = safeStyled(CpslInput)`
-  --container-border-color: var(--cpsl-color-input-border-placeholder);
-  --container-background-color: var(--cpsl-color-background-0);
-  --input-background-color: transparent;
-  --input-font-weight: 500;
-  --input-color: var(--cpsl-color-text-secondary);
-`;
-const FullWidthFilledDisabledInput = safeStyled(FilledDisabledInput)`
-  width: 100%;
-`;
-const CenteredText = safeStyled(CpslText)`
-  width: 100%;
-  text-align: center;
-`;
-const InnerStepContainer = safeStyled.div`
-  width: 100%;
-  height: 100%;
-  align-self: center;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-`;
-const StepContainer = safeStyled(InnerStepContainer)`
-  gap: ${({ $wide }) => $wide ? "32px" : "24px"};
-`;
-const Heading = safeStyled(CenteredText)``;
-const StyledCpslTileButton = safeStyled(CpslTileButton)`
-  --button-width: 100%;
-  --button-height: 87px;
-  --button-icon-height: 32px;
-  --button-icon-width: 32px;
-`;
-const HeroIcon = safeStyled(CpslIcon)`
-  --height: 80px;
-  --width: 80px;
-  --icon-color: var(--cpsl-color-text-primary);
-`;
-const HeaderSelect = safeStyled(CpslSelect)`
-  --container-height: 26px;
-  --container-border-width: 0px;
-  --container-padding-end: 0px;
-  --container-padding-start: 0px;
-  --container-background-color: transparent;
-  --container-box-shadow: none;
-  --container-gap: 2px;
-  --icon-width: 16px;
-  --icon-height: 16px;
-  position: relative;
-
-  &::part(selected-text) {
-    white-space: nowrap;
-  }
-
-  &::part(dropdown) {
-    min-width: ${({ $width }) => `${$width - 2}px`};
-  }
-
-  &::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;
-    }
-  }
-
-  &::part(icon) {
-    --icon-color: var(--cpsl-color-contrast);
-  }
-`;
-const HeaderSelectItem = safeStyled(CpslSelectItem)`
-  --outer-container-padding-start: 4px;
-  --outer-container-padding-end: 4px;
-  --outer-container-padding-top: 4px;
-  --outer-container-padding-bottom: 4px;
-`;
-const HeaderSelectContainer = safeStyled.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  border-radius: 1000px;
-  background-color: var(--cpsl-color-background-8);
-  padding: 4px;
-`;
-const StyledIcon = safeStyled(CpslIcon)`
-  background: var(--cpsl-color-background-0);
-  border-radius: 100%;
-`;
-function AssetIcon({ asset, size }) {
-  const isDark = useStore((state) => {
-    var _a, _b;
-    return ((_b = (_a = state.modalConfig) == null ? void 0 : _a.theme) == null ? void 0 : _b.mode) === "dark";
-  });
-  const data = ON_RAMP_ASSETS[asset];
-  return /* @__PURE__ */ jsx(StyledIcon, { size, icon: data.icon, inset: data.isCircular ? void 0 : "15%", invert: isDark && data.isDark });
-}
-function NetworkIcon({ network, size }) {
-  const isDark = useStore((state) => {
-    var _a, _b;
-    return ((_b = (_a = state.modalConfig) == null ? void 0 : _a.theme) == null ? void 0 : _b.mode) === "dark";
-  });
-  const data = NETWORKS[network];
-  return /* @__PURE__ */ jsx(StyledIcon, { size, icon: data.icon, inset: data.isCircular ? void 0 : "15%", invert: isDark && data.isDark });
-}
-const ErrorContainer = safeStyled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-`;
-const ErrorIcon = safeStyled(CpslIcon)`
-  --height: 16px;
-  --width: 16px;
-  --icon-color: var(--cpsl-color-text-error);
-`;
-function AccountTypeIcon({
-  accountType,
-  size,
-  inset
-}) {
-  var _a;
-  const isDark = useStore((state) => {
-    var _a2, _b;
-    return ((_b = (_a2 = state.modalConfig) == null ? void 0 : _a2.theme) == null ? void 0 : _b.mode) === "dark";
-  });
-  const data = accountType ? ACCOUNT_TYPES[accountType] : null;
-  return data ? /* @__PURE__ */ jsx(CpslIcon, { size, inset, icon: (_a = data.logoBranded) != null ? _a : data.logo, invert: isDark && data.isDark }) : null;
-}
-function HeroAccountTypeIcon({ accountType }) {
-  if (accountType === "EMAIL" || accountType === "PHONE") {
-    return /* @__PURE__ */ jsx(HeroGenericIcon, { accountType });
-  }
-  return /* @__PURE__ */ jsx(AccountTypeIcon, { accountType, size: "60px" });
-}
-function HeroSuccessIcon() {
-  return /* @__PURE__ */ jsx(CpslIcon, { icon: "checkCircleFilled", size: "80px", style: { ["--icon-color"]: "var(--cpsl-color-utility-green" } });
-}
-function GradientScroll({ height, gap, children }) {
-  const [isNotAtBottom, setIsNotAtBottom] = useState(false);
-  const [isNotAtTop, setIsNotAtTop] = useState(false);
-  const ref = useRef(null);
-  const onScroll = () => {
-    if (ref.current) {
-      const { scrollTop, scrollHeight, clientHeight } = ref.current;
-      if (height && scrollHeight <= parseInt(height)) {
-        setIsNotAtTop(false);
-        setIsNotAtBottom(false);
-      } else {
-        setIsNotAtTop(scrollTop > 30);
-        setIsNotAtBottom(scrollTop + clientHeight < scrollHeight - 30);
-      }
-    }
-  };
-  useEffect(() => {
-    onScroll();
-  }, []);
-  return /* @__PURE__ */ jsx(
-    GradientScrollContainer,
-    {
-      ref,
-      $height: height,
-      $gap: gap,
-      $isNotAtBottom: isNotAtBottom,
-      $isNotAtTop: isNotAtTop,
-      onScroll,
-      children: /* @__PURE__ */ jsx("div", { children })
-    }
-  );
-}
-const HeroGenericIcon = ({ accountType }) => {
-  return /* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(AccountTypeIcon, { accountType, size: "24px" }) });
-};
-const GradientScrollContainer = safeStyled.div`
-  max-height: ${({ $height }) => $height || "100%"};
-  width: 100%;
-  overflow-y: auto;
-  mask-image: ${({ $isNotAtBottom, $isNotAtTop }) => $isNotAtBottom && $isNotAtTop ? "linear-gradient(to bottom, transparent 0%, black 24px, black calc(100% - 24px), transparent 100%)" : $isNotAtBottom ? "linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)" : $isNotAtTop ? "linear-gradient(to top, black calc(100% - 24px), transparent 100%)" : "none"};
-
-  & > div {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: ${({ $gap }) => $gap || "8px"};
-  }
-`;
-const Avatar = safeStyled.div`
-  width: 80px;
-  height: 80px;
-  border-radius: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--cpsl-color-background-8);
-`;
-export {
-  AccountTypeIcon,
-  AssetIcon,
-  CenteredText,
-  ErrorContainer,
-  ErrorIcon,
-  FilledDisabledInput,
-  FullWidthFilledDisabledInput,
-  GradientScroll,
-  HeaderSelect,
-  HeaderSelectContainer,
-  HeaderSelectItem,
-  Heading,
-  HeroAccountTypeIcon,
-  HeroGenericIcon,
-  HeroIcon,
-  HeroSuccessIcon,
-  InfoBoxContent,
-  InfoBoxHeader,
-  InnerStepContainer,
-  NetworkIcon,
-  QRContainer,
-  SpinnerContainer,
-  StepContainer,
-  StyledCpslTileButton
-};

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

@@ -1 +0,0 @@
-export * from './ModalContent/ModalContent.js';

package/dist/modal/components/index.js

@@ -1,2 +0,0 @@
-"use client";
-export * from "./ModalContent/ModalContent.js";

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

@@ -1,40 +0,0 @@
-import { Network, OnRampAsset, OnRampMethod, OnRampProvider } from '@getpara/core-sdk';
-import { IconType } from '@getpara/react-components';
-import { Transition, Variants } from 'framer-motion';
-export declare const PARA_CONNECT = "https://connect.getpara.com/";
-export declare const PARA_TERMS_AND_CONDITIONS = "https://getpara.com/terms";
-export interface OnRampProviderConfig {
-    name: string;
-    feeLower: number;
-    feeUpper?: number;
-    methods: OnRampMethod[];
-    icon: IconType;
-    backgroundColors: string[];
-}
-export declare const ON_RAMP_PROVIDERS: Record<OnRampProvider, OnRampProviderConfig>;
-type Networks = Record<Network, {
-    name: string;
-    icon: IconType;
-    isCircular?: boolean;
-    isDark?: boolean;
-}>;
-export declare const NETWORKS: Networks;
-export declare const ON_RAMP_ASSETS: Record<OnRampAsset, {
-    name: string;
-    code: string;
-    icon: IconType;
-    isCircular?: boolean;
-    isDark?: boolean;
-}>;
-export declare function getNetworkName(str: Network | string): string;
-export declare function getNetworkIcon(str: Network | string): IconType;
-export declare function getAssetCode(str: OnRampAsset | string): string;
-export declare function getAssetName(str: OnRampAsset | string): string;
-export declare function getAssetIcon(str: OnRampAsset | string): "key" | "phone" | "farcaster" | "telegram" | "discord" | "x" | "search" | "wallet" | "cosmos" | "solana" | "para" | "walletConnect" | "close" | "copy" | "safe" | "alertCircle" | "alertTriangle" | "alignVerticalCenter" | "angelListBrand" | "angelList" | "appleBrand" | "apple" | "arbitrumBrand" | "arrowCircleBrokenDownLeft" | "arrowCircleDownFilled" | "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" | "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" | "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" | "signalBrand" | "signal" | "sliders" | "snapchatBrand" | "snapchat" | "solanaCircle" | "solflare" | "spacingHeight" | "star04Filled" | "star05" | "stars01Filled" | "stars02" | "stars" | "stopSquare" | "stripeBrand" | "telegramBrand" | "tetherBrand" | "tikTokBrand" | "tikTok" | "trash" | "tumblrBrand" | "tumblr" | "twitterBrand" | "twitter" | "usdcBrand" | "userCircle" | "userPlus" | "user" | "valora" | "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,142 +0,0 @@
-"use client";
-import {
-  __spreadProps,
-  __spreadValues
-} from "../../chunk-MMUBH76A.js";
-import { Network, OnRampAsset, 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 NETWORKS = Object.entries({
-  [Network.ETHEREUM]: { name: "Ethereum", icon: "ethereum" },
-  [Network.SEPOLIA]: { name: "Sepolia", icon: "ethereum" },
-  [Network.ARBITRUM]: { name: "Arbitrum", icon: "arbitrumBrand" },
-  [Network.BASE]: { name: "Base", icon: "baseBrand" },
-  [Network.OPTIMISM]: { name: "Optimism", icon: "optimismBrand" },
-  [Network.POLYGON]: { name: "Polygon", icon: "polygonBrand" },
-  [Network.SOLANA]: { name: "Solana", icon: "solana" },
-  [Network.COSMOS]: { name: "Cosmos", icon: "cosmos" },
-  [Network.CELO]: { name: "Celo", icon: "celoBrand" },
-  [Network.SOLANA_DEVNET]: { name: "Solana Devnet", icon: "solana" },
-  [Network.NOBLE]: { name: "Noble", icon: "nobleBrand" },
-  [Network.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({
-  [OnRampAsset.ETHEREUM]: { name: "Ethereum", code: "ETH", icon: "ethereum" },
-  [OnRampAsset.USDC]: { name: "USD Coin", code: "USDC", icon: "usdcBrand" },
-  [OnRampAsset.POLYGON]: { name: "Polygon", code: "POL", icon: "polygonBrand" },
-  [OnRampAsset.SOLANA]: { name: "Solana", code: "SOL", icon: "solana" },
-  [OnRampAsset.ATOM]: { name: "Atom", code: "ATOM", icon: "cosmos" },
-  [OnRampAsset.CELO]: { name: "Celo", code: "CELO", icon: "celoBrand" },
-  [OnRampAsset.TETHER]: { name: "Tether", code: "USDT", icon: "tetherBrand" },
-  [OnRampAsset.CUSD]: { name: "Celo Dollar", code: "CUSD", icon: "celoBrand" },
-  [OnRampAsset.CEUR]: { name: "Celo Euro", code: "CEUR", icon: "celoBrand" },
-  [OnRampAsset.CREAL]: { name: "Celo Real", code: "CREAL", icon: "celoBrand" },
-  [OnRampAsset.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-dev.0";
-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,
-  getAssetCode,
-  getAssetIcon,
-  getAssetName,
-  getNetworkIcon,
-  getNetworkName
-};

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

@@ -1,5 +0,0 @@
-export declare const DEFAULTS: {
-    LOGGIN_POLLING_DELAY_MS: number;
-    POLLING_INTERVAL_MS: number;
-    ANIMATION_DURATION: number;
-};

package/dist/modal/constants/defaults.js

@@ -1,10 +0,0 @@
-"use client";
-import "../../chunk-MMUBH76A.js";
-const DEFAULTS = {
-  LOGGIN_POLLING_DELAY_MS: 5e3,
-  POLLING_INTERVAL_MS: 2e3,
-  ANIMATION_DURATION: 0.15
-};
-export {
-  DEFAULTS
-};

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

@@ -1,17 +0,0 @@
-import { TExternalWallet } from '@getpara/web-sdk';
-import { IconType } from '@getpara/react-components';
-import { TLinkedAccountType } from '@getpara/web-sdk';
-export declare const ACCOUNT_TYPES: {
-    [key in TLinkedAccountType | TExternalWallet]: {
-        logo: IconType;
-        logoBranded?: IconType;
-        name: string;
-        isDark?: boolean;
-        inline?: string;
-        isExternalWallet?: boolean;
-    };
-};
-export declare function getAccountTypeName(type: TLinkedAccountType | TExternalWallet | undefined, { inline }?: {
-    inline?: boolean;
-}): string | undefined;
-export declare function getAccountTypeLogo(type: TLinkedAccountType | undefined): IconType | undefined;

package/dist/modal/constants/oAuthLogos.js

@@ -1,158 +0,0 @@
-"use client";
-import "../../chunk-MMUBH76A.js";
-const ACCOUNT_TYPES = {
-  EMAIL: {
-    logo: "mail",
-    name: "Email",
-    inline: "email address",
-    isDark: true
-  },
-  PHONE: {
-    logo: "phone",
-    name: "Phone",
-    inline: "phone number",
-    isDark: true
-  },
-  EXTERNAL_WALLET: {
-    logo: "wallet",
-    name: "External Wallet",
-    inline: "external wallet",
-    isDark: true
-  },
-  GOOGLE: {
-    logo: "google",
-    logoBranded: "googleBrand",
-    name: "Google"
-  },
-  TWITTER: {
-    logo: "twitter",
-    logoBranded: "twitterBrand",
-    name: "X / Twitter",
-    inline: "X account",
-    isDark: true
-  },
-  APPLE: {
-    logo: "apple",
-    logoBranded: "appleBrand",
-    name: "Apple",
-    isDark: true
-  },
-  DISCORD: {
-    logo: "discord",
-    logoBranded: "discordBrand",
-    name: "Discord"
-  },
-  FACEBOOK: {
-    logo: "facebook",
-    logoBranded: "facebookBrand",
-    name: "Facebook"
-  },
-  FARCASTER: {
-    logo: "farcaster",
-    logoBranded: "farcasterBrand",
-    name: "Farcaster"
-  },
-  TELEGRAM: {
-    logo: "telegram",
-    logoBranded: "telegramBrand",
-    name: "Telegram"
-  },
-  METAMASK: {
-    logo: "metamask",
-    name: "MetaMask",
-    isExternalWallet: true
-  },
-  RAINBOW: {
-    logo: "rainbow",
-    name: "Rainbow",
-    isExternalWallet: true
-  },
-  COINBASE: {
-    logo: "coinbase",
-    name: "Coinbase Wallet",
-    isExternalWallet: true
-  },
-  WALLETCONNECT: {
-    logo: "walletConnect",
-    name: "WalletConnect",
-    isExternalWallet: true
-  },
-  ZERION: {
-    logo: "zerion",
-    name: "Zerion",
-    isExternalWallet: true
-  },
-  SAFE: {
-    logo: "safe",
-    name: "Safe",
-    isExternalWallet: true
-  },
-  RABBY: {
-    logo: "rabby",
-    name: "Rabby",
-    isExternalWallet: true
-  },
-  OKX: {
-    logo: "okx",
-    name: "OKX",
-    isExternalWallet: true
-  },
-  PHANTOM: {
-    logo: "phantom",
-    name: "Phantom",
-    isExternalWallet: true
-  },
-  GLOW: {
-    logo: "glow",
-    name: "Glow",
-    isExternalWallet: true
-  },
-  BACKPACK: {
-    logo: "backpack",
-    name: "Backpack",
-    isExternalWallet: true
-  },
-  KEPLR: {
-    logo: "keplr",
-    name: "Keplr",
-    isExternalWallet: true
-  },
-  LEAP: {
-    logo: "leap",
-    name: "Leap",
-    isExternalWallet: true
-  },
-  HAHA: {
-    logo: "haha",
-    name: "HaHa",
-    isExternalWallet: true
-  },
-  COSMOSTATION: {
-    logo: "cosmostation",
-    name: "Cosmostation",
-    isExternalWallet: true
-  },
-  SOLFLARE: {
-    logo: "solflare",
-    name: "Solflare",
-    isExternalWallet: true
-  },
-  VALORA: {
-    logo: "valora",
-    name: "Valora",
-    isExternalWallet: true
-  }
-};
-function getAccountTypeName(type, { inline = false } = {}) {
-  var _a;
-  const data = type ? ACCOUNT_TYPES[type] : void 0;
-  return data ? inline ? (_a = data.inline) != null ? _a : `${data.name} ${data.isExternalWallet ? "wallet" : "account"}` : data.name : void 0;
-}
-function getAccountTypeLogo(type) {
-  return type ? ACCOUNT_TYPES[type].logoBranded || ACCOUNT_TYPES[type].logo : void 0;
-}
-export {
-  ACCOUNT_TYPES,
-  getAccountTypeLogo,
-  getAccountTypeName
-};

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

@@ -1,6 +0,0 @@
-import { IconType } from '@getpara/react-components';
-import { TWalletType } from '@getpara/web-sdk';
-export declare const WALLET_TYPE_CONFIG: Record<TWalletType, {
-    name: string;
-    icon: IconType;
-}>;

package/dist/modal/constants/walletTypeConfig.js

@@ -1,13 +0,0 @@
-"use client";
-import "../../chunk-MMUBH76A.js";
-const WALLET_TYPE_CONFIG = {
-  EVM: {
-    name: "Ethereum",
-    icon: "ethCircle"
-  },
-  SOLANA: { name: "Solana", icon: "solanaCircle" },
-  COSMOS: { name: "Cosmos", icon: "cosmosCircle" }
-};
-export {
-  WALLET_TYPE_CONFIG
-};

package/dist/modal/hooks/useGoBack.d.ts

@@ -1 +0,0 @@
-export declare const useGoBack: () => () => void;