@getpara/react-sdk-lite 2.0.0-alpha.39 → 2.0.0-alpha.40

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

@@ -1,23 +1,18 @@
-import { Network, OnRampAsset, OnRampMethod, OnRampProvider } from '@getpara/core-sdk';
+import { Network, OnRampAsset, OnRampMethod, OnRampProvider, TWalletType } from '@getpara/core-sdk';
 import { IconType } from '@getpara/react-components';
 import { Transition, Variants } from 'framer-motion';
+import { DisplayMetadata } from '../types/commonTypes.js';
 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;
+export type OnRampProviderConfig = DisplayMetadata & {
     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;
-}>;
+type Networks = Record<Network, DisplayMetadata>;
+export declare const WALLET_TYPES_METADATA: Record<TWalletType, DisplayMetadata>;
 export declare const NETWORKS: Networks;
 export declare const ON_RAMP_ASSETS: Record<OnRampAsset, {
     name: string;
@@ -30,7 +25,7 @@ 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 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" | "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" | "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" | "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;

package/dist/modal/constants/constants.js

@@ -42,6 +42,11 @@ const ICON_TYPES = {
   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({
   [Network.ETHEREUM]: { name: "Ethereum", icon: "ethereum" },
   [Network.SEPOLIA]: { name: "Sepolia", icon: "ethereum" },
@@ -121,7 +126,7 @@ const BODY_MOTION_VARIANTS = {
 const BODY_TRANSITION = {
   duration: 0.2
 };
-const SDK_VERSION = "2.0.0-alpha.39";
+const SDK_VERSION = "2.0.0-alpha.40";
 export {
   BODY_MOTION_VARIANTS,
   BODY_TRANSITION,
@@ -134,6 +139,7 @@ export {
   PARA_CONNECT,
   PARA_TERMS_AND_CONDITIONS,
   SDK_VERSION,
+  WALLET_TYPES_METADATA,
   getAssetCode,
   getAssetIcon,
   getAssetName,

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

@@ -1,12 +1,8 @@
 import { IconType } from '@getpara/react-components';
 import { TLinkedAccountType } from '@getpara/web-sdk';
+import { DisplayMetadata } from '../types/commonTypes.js';
 export declare const ACCOUNT_TYPES: {
-    [key in TLinkedAccountType | string]: {
-        logo: IconType;
-        logoBranded?: IconType;
-        name: string;
-        isDark?: boolean;
-        inline?: string;
+    [key in TLinkedAccountType | string]: DisplayMetadata & {
         isExternalWallet?: boolean;
     };
 };

package/dist/modal/constants/oAuthLogos.js

@@ -2,143 +2,145 @@
 import "../../chunk-MMUBH76A.js";
 const ACCOUNT_TYPES = {
   "EMAIL": {
-    logo: "mail",
+    icon: "mail",
     name: "Email",
-    inline: "email address",
+    inlineText: "email address",
     isDark: true
   },
   "PHONE": {
-    logo: "phone",
+    icon: "phone",
     name: "Phone",
-    inline: "phone number",
+    inlineText: "phone number",
     isDark: true
   },
   "EXTERNAL_WALLET": {
-    logo: "wallet",
+    icon: "wallet",
     name: "External Wallet",
-    inline: "external wallet",
+    inlineText: "external wallet",
     isDark: true
   },
   "GOOGLE": {
-    logo: "google",
-    logoBranded: "googleBrand",
+    icon: "google",
+    iconBranded: "googleBrand",
     name: "Google"
   },
   "TWITTER": {
-    logo: "twitter",
-    logoBranded: "twitterBrand",
+    icon: "twitter",
+    // Not using branded here to ensure the icon looks correct in dark mode
+    iconBranded: "twitter",
     name: "X / Twitter",
-    inline: "X account",
+    inlineText: "X account",
     isDark: true
   },
   "APPLE": {
-    logo: "apple",
-    logoBranded: "appleBrand",
+    icon: "apple",
+    // Not using branded here to ensure the icon looks correct in dark mode
+    iconBranded: "apple",
     name: "Apple",
     isDark: true
   },
   "DISCORD": {
-    logo: "discord",
-    logoBranded: "discordBrand",
+    icon: "discord",
+    iconBranded: "discordBrand",
     name: "Discord"
   },
   "FACEBOOK": {
-    logo: "facebook",
-    logoBranded: "facebookBrand",
+    icon: "facebook",
+    iconBranded: "facebookBrand",
     name: "Facebook"
   },
   "FARCASTER": {
-    logo: "farcaster",
-    logoBranded: "farcasterBrand",
+    icon: "farcaster",
+    iconBranded: "farcasterBrand",
     name: "Farcaster"
   },
   "TELEGRAM": {
-    logo: "telegram",
-    logoBranded: "telegramBrand",
+    icon: "telegram",
+    iconBranded: "telegramBrand",
     name: "Telegram"
   },
   "MetaMask": {
-    logo: "metamask",
+    icon: "metamask",
     name: "MetaMask",
     isExternalWallet: true
   },
   "Rainbow": {
-    logo: "rainbow",
+    icon: "rainbow",
     name: "Rainbow",
     isExternalWallet: true
   },
   "Coinbase Wallet": {
-    logo: "coinbase",
+    icon: "coinbase",
     name: "Coinbase Wallet",
     isExternalWallet: true
   },
   "WalletConnect": {
-    logo: "walletConnect",
+    icon: "walletConnect",
     name: "WalletConnect",
     isExternalWallet: true
   },
   "Zerion": {
-    logo: "zerion",
+    icon: "zerion",
     name: "Zerion",
     isExternalWallet: true
   },
   "Safe": {
-    logo: "safe",
+    icon: "safe",
     name: "Safe",
     isExternalWallet: true
   },
   "Rabby": {
-    logo: "rabby",
+    icon: "rabby",
     name: "Rabby",
     isExternalWallet: true
   },
   "OKX Wallet": {
-    logo: "okx",
+    icon: "okx",
     name: "OKX Wallet",
     isExternalWallet: true
   },
   "Phantom": {
-    logo: "phantom",
+    icon: "phantom",
     name: "Phantom",
     isExternalWallet: true
   },
   "Glow": {
-    logo: "glow",
+    icon: "glow",
     name: "Glow",
     isExternalWallet: true
   },
   "Backpack": {
-    logo: "backpack",
+    icon: "backpack",
     name: "Backpack",
     isExternalWallet: true
   },
   "Keplr": {
-    logo: "keplr",
+    icon: "keplr",
     name: "Keplr",
     isExternalWallet: true
   },
   "Leap": {
-    logo: "leap",
+    icon: "leap",
     name: "Leap",
     isExternalWallet: true
   },
   "HaHa": {
-    logo: "haha",
+    icon: "haha",
     name: "HaHa",
     isExternalWallet: true
   },
   "Cosmostation": {
-    logo: "cosmostation",
+    icon: "cosmostation",
     name: "Cosmostation",
     isExternalWallet: true
   },
   "Solflare": {
-    logo: "solflare",
+    icon: "solflare",
     name: "Solflare",
     isExternalWallet: true
   },
   "Valora": {
-    logo: "valora",
+    icon: "valora",
     name: "Valora",
     isExternalWallet: true
   }
@@ -146,10 +148,10 @@ const ACCOUNT_TYPES = {
 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;
+  return data ? inline ? (_a = data.inlineText) != 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;
+  return type ? ACCOUNT_TYPES[type].iconBranded || ACCOUNT_TYPES[type].icon : void 0;
 }
 export {
   ACCOUNT_TYPES,

package/dist/modal/hooks/useGoBack.js

@@ -13,6 +13,9 @@ const useGoBack = () => {
   const resetState = useModalStore((state) => state.resetState);
   const { setChainIdSwitchingTo, disconnectExternalWallet } = useExternalWallets();
   const para = useInternalClient();
+  const iFrameUrl = useModalStore((state) => state.iFrameUrl);
+  const setIFrameUrl = useModalStore((state) => state.setIFrameUrl);
+  const setIsIFrameReady = useModalStore((state) => state.setIsIFrameReady);
   const goBack = () => {
     if (accountAddFundTab && currentStep === ModalStep.ADD_FUNDS_AWAITING) {
       setStep(getAddFundsStep(accountAddFundTab));
@@ -30,6 +33,12 @@ const useGoBack = () => {
         }
         break;
       }
+      case ModalStep.PASSWORD_CREATION: {
+        const urlWithTimestamp = iFrameUrl ? `${iFrameUrl}${iFrameUrl.includes("?") ? "&" : "?"}_t=${Date.now()}` : "";
+        setIFrameUrl(urlWithTimestamp);
+        setIsIFrameReady(false);
+        break;
+      }
       case ModalStep.CHAIN_SWITCH: {
         setChainIdSwitchingTo();
         break;

package/dist/modal/types/commonTypes.d.ts

@@ -4,3 +4,11 @@ export type Tab<T> = {
     value: T;
     icon: IconType;
 };
+export type DisplayMetadata = {
+    name: string;
+    inlineText?: string;
+    icon: IconType;
+    iconBranded?: IconType;
+    isDark?: boolean;
+    isCircular?: boolean;
+};

package/dist/modal/utils/getWalletDisplayName.js

@@ -1,10 +1,6 @@
 "use client";
 import "../../chunk-MMUBH76A.js";
-const WALLET_TYPES = {
-  EVM: "EVM",
-  SOLANA: "Solana",
-  COSMOS: "Cosmos"
-};
+import { WALLET_TYPES_METADATA } from "../constants/constants.js";
 function getWalletDisplayName(para, {
   type,
   isExternal,
@@ -12,8 +8,9 @@ function getWalletDisplayName(para, {
   isMenu = false,
   hideWallets = false
 }) {
+  var _a, _b;
   if (para.isMultiWallet) {
-    return name != null ? name : `${isExternal ? "External " : ""}${type ? WALLET_TYPES[type] : ""}${!hideWallets && (isMenu || isExternal) ? " Wallet" : ""}`;
+    return name != null ? name : `${isExternal ? "External " : ""}${type ? (_b = (_a = WALLET_TYPES_METADATA[type]) == null ? void 0 : _a.name) != null ? _b : "" : ""}${!hideWallets && (isMenu || isExternal) ? " Wallet" : ""}`;
   }
   return hideWallets ? "My Account" : name || "My Wallet";
 }

package/dist/modal/utils/icons.d.ts

@@ -0,0 +1,5 @@
+import { TExternalWallet } from '@getpara/web-sdk';
+import { IconType } from '@getpara/react-components';
+export declare function getExternalWalletIcon(internalId: TExternalWallet | string | undefined, { branded }?: {
+    branded?: boolean;
+}): IconType | undefined;

package/dist/modal/utils/icons.js

@@ -0,0 +1,17 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { ACCOUNT_TYPES } from "../constants/oAuthLogos.js";
+function getExternalWalletIcon(internalId, { branded = false } = {}) {
+  var _a;
+  if (!internalId) {
+    return "wallet02";
+  }
+  const data = (_a = ACCOUNT_TYPES) == null ? void 0 : _a[internalId];
+  if (!data) {
+    return "wallet02";
+  }
+  return branded ? data.iconBranded || data.icon : data.icon;
+}
+export {
+  getExternalWalletIcon
+};

package/dist/provider/ParaProvider.js

@@ -1,138 +1,33 @@
 "use client";
 import {
+  __objRest,
   __spreadProps,
   __spreadValues
 } from "../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useState } from "react";
-import { useStore } from "./stores/useStore.js";
-import { useAutoSessionKeepAlive } from "./hooks/utils/useAutoSessionKeepAlive.js";
-import { useEventListeners } from "./hooks/utils/useEventListeners.js";
-import { ExternalWalletWrapper } from "./components/ExternalWalletWrapper.js";
-import { ParaModal } from "../modal/ParaModal.js";
-import { isConfigType, isParaWeb } from "./utils/paraConfigTypeGuards.js";
-import ParaWeb from "@getpara/web-sdk";
-import { EXTERNAL_WALLET_TYPES } from "@getpara/web-sdk";
-import { AuthProvider } from "./providers/AuthProvider.js";
-import { AccountLinkProvider } from "./providers/AccountLinkProvider.js";
-const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config, externalWalletConfig, paraModalConfig }, ref) => {
-  useEventListeners(callbacks);
-  useAutoSessionKeepAlive({ disabled: config.disableAutoSessionKeepAlive });
-  const setClient = useStore((state) => state.setClient);
-  const client = useStore((state) => state.client);
-  const setExternalWallets = useStore((state) => state.setExternalWallets);
-  const externalWallets = useStore((state) => state.externalWallets);
-  const setExternalWalletsWithFullAuth = useStore((state) => state.setExternalWalletsWithFullAuth);
-  const externalWalletsWithFullAuth = useStore((state) => state.externalWalletsWithFullAuth);
-  const setIncludeWalletVerification = useStore((state) => state.setIncludeWalletVerification);
-  const includeWalletVerification = useStore((state) => state.includeWalletVerification);
-  const setConnectionOnly = useStore((state) => state.setConnectionOnly);
-  const connectionOnly = useStore((state) => state.connectionOnly);
-  const setModalConfig = useStore((state) => state.setModalConfig);
-  const modalConfig = useStore((state) => state.modalConfig);
-  const setAppName = useStore((state) => state.setAppName);
-  const appName = useStore((state) => state.appName);
-  const setFarcasterMiniAppConfig = useStore((state) => state.setFarcasterMiniAppConfig);
-  const farcasterMiniAppConfig = useStore((state) => state.farcasterMiniAppConfig);
-  const rpcUrl = useStore((state) => state.rpcUrl);
-  const setRpcUrl = useStore((state) => state.setRpcUrl);
-  const setProviderProps = useStore((state) => state.setProviderProps);
-  const [isClientReady, setIsClientReady] = useState(client == null ? void 0 : client.isReady);
-  useEffect(() => {
-    setProviderProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, config), externalWalletConfig), paraModalConfig), {
-      // Redacting walletConnect to avoid exposing project id
-      walletConnect: void 0
-    }));
-  }, [config, externalWalletConfig, paraModalConfig]);
-  useEffect(() => {
-    if (rpcUrl !== config.rpcUrl) setRpcUrl(config.rpcUrl);
-  }, [config.rpcUrl]);
-  useEffect(() => {
-    if (appName !== config.appName) setAppName(config.appName);
-  }, [config.appName]);
-  useEffect(() => {
-    if (farcasterMiniAppConfig !== config.farcasterMiniAppConfig) {
-      setFarcasterMiniAppConfig(config.farcasterMiniAppConfig);
-    }
-  }, [config.farcasterMiniAppConfig]);
-  useEffect(() => {
-    if (modalConfig !== paraModalConfig) setModalConfig(paraModalConfig);
-  }, [paraModalConfig]);
-  useEffect(() => {
-    var _a;
-    if (connectionOnly !== (externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly)) {
-      setConnectionOnly((_a = externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) != null ? _a : false);
-    }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly]);
-  useEffect(() => {
-    var _a, _b;
-    if (includeWalletVerification !== (externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification)) {
-      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly)) {
-        console.warn("includeWalletVerification has no effect when using connection only external wallets");
-        setIncludeWalletVerification(false);
-      } else {
-        setIncludeWalletVerification((_b = externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification) != null ? _b : false);
-      }
-    }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification]);
-  useEffect(() => {
-    var _a;
-    if (externalWallets !== (externalWalletConfig == null ? void 0 : externalWalletConfig.wallets)) {
-      setExternalWallets((_a = externalWalletConfig == null ? void 0 : externalWalletConfig.wallets) != null ? _a : [...EXTERNAL_WALLET_TYPES]);
-    }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.wallets]);
-  useEffect(() => {
-    var _a, _b;
-    if (externalWalletsWithFullAuth !== (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets)) {
-      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly)) {
-        console.warn("createLinkedEmbeddedForExternalWallets has no effect when using connection only external wallets");
-        setExternalWalletsWithFullAuth([]);
-      } else {
-        setExternalWalletsWithFullAuth(
-          (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) === "ALL" ? [...EXTERNAL_WALLET_TYPES] : (_b = externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) != null ? _b : []
-        );
-      }
-    }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets]);
-  useEffect(() => {
-    if (!isConfigType(paraClientConfig) && !isParaWeb(paraClientConfig)) {
-      throw new Error("Invalid Para config");
-    }
-    const newClient = isConfigType(paraClientConfig) ? new ParaWeb(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts) : paraClientConfig;
-    if (newClient.isReady) {
-      setIsClientReady(true);
-    } else {
-      setIsClientReady(false);
-    }
-    setClient(newClient);
-  }, [paraClientConfig]);
-  useEffect(() => {
-    if (client && !client.isReady) {
-      client.ready().then(() => {
-        setIsClientReady(true);
-      }).catch((err) => {
-        setIsClientReady(false);
-        console.error("Error initializing Para client:", err);
-      });
-    }
-  }, [client]);
-  if (!client || !isClientReady) {
-    return null;
-  }
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { ParaProviderMin } from "./ParaProviderMin.js";
+import { COSMOS_CONFIG_DEFAULT, EVM_CONFIG_DEFAULT, SOLANA_CONFIG_DEFAULT } from "./utils/constants.js";
+const ParaProvider = forwardRef((_a, ref) => {
+  var _b = _a, { externalWalletConfig } = _b, config = __objRest(_b, ["externalWalletConfig"]);
+  var _a2, _b2, _c;
   return /* @__PURE__ */ jsx(
-    AuthProvider,
-    {
-      is2faEnabled: paraModalConfig == null ? void 0 : paraModalConfig.twoFactorAuthEnabled,
-      isRecoverySecretStepEnabled: paraModalConfig == null ? void 0 : paraModalConfig.recoverySecretStepEnabled,
-      overrides: {
-        login: paraModalConfig == null ? void 0 : paraModalConfig.loginTransitionOverride,
-        createWallets: paraModalConfig == null ? void 0 : paraModalConfig.createWalletOverride
-      },
-      children: /* @__PURE__ */ jsx(ExternalWalletWrapper, { config: externalWalletConfig, children: /* @__PURE__ */ jsxs(AccountLinkProvider, { children: [
-        children,
-        !config.disableEmbeddedModal && client.isReady && /* @__PURE__ */ jsx(ParaModal, { ref })
-      ] }) })
-    }
+    ParaProviderMin,
+    __spreadProps(__spreadValues({
+      ref
+    }, config), {
+      externalWalletConfig: __spreadProps(__spreadValues({}, externalWalletConfig), {
+        evmConnector: __spreadProps(__spreadValues({}, externalWalletConfig == null ? void 0 : externalWalletConfig.evmConnector), {
+          config: ((_a2 = externalWalletConfig == null ? void 0 : externalWalletConfig.evmConnector) == null ? void 0 : _a2.config) || EVM_CONFIG_DEFAULT
+        }),
+        cosmosConnector: __spreadProps(__spreadValues({}, externalWalletConfig == null ? void 0 : externalWalletConfig.cosmosConnector), {
+          config: ((_b2 = externalWalletConfig == null ? void 0 : externalWalletConfig.cosmosConnector) == null ? void 0 : _b2.config) || COSMOS_CONFIG_DEFAULT
+        }),
+        solanaConnector: __spreadProps(__spreadValues({}, externalWalletConfig == null ? void 0 : externalWalletConfig.solanaConnector), {
+          config: ((_c = externalWalletConfig == null ? void 0 : externalWalletConfig.solanaConnector) == null ? void 0 : _c.config) || SOLANA_CONFIG_DEFAULT
+        })
+      })
+    })
   );
 });
 export {

package/dist/provider/ParaProviderMin.d.ts

@@ -0,0 +1,4 @@
+import { ParaProviderProps } from './types/provider.js';
+import { Chain, Transport } from 'viem';
+import { ParaModalHandle } from '../modal/index.js';
+export declare const ParaProviderMin: import("react").ForwardRefExoticComponent<ParaProviderProps<readonly [Chain, ...Chain[]], Record<number, Transport>> & import("react").RefAttributes<ParaModalHandle>>;