@getpara/react-sdk-lite 2.0.0-alpha.52 → 2.0.0-alpha.53

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

@@ -1,6 +1,6 @@
 import { Dispatch, PropsWithChildren, ReactNode, SetStateAction } from 'react';
 import { useWallet } from '../../../provider/hooks/index.js';
-import { EnabledFlow, Network, OnRampAsset, OnRampConfig, OnRampProvider } from '@getpara/web-sdk';
+import { EnabledFlow, TNetwork, TOnRampAsset, OnRampConfig, OnRampProvider } from '@getpara/web-sdk';
 import { IconType } from '@getpara/react-components';
 export type Tab = EnabledFlow;
 export declare const TABS: [
@@ -10,14 +10,14 @@ export declare const TABS: [
     ReactNode
 ][];
 type Value = {
-    network: Network | undefined;
+    network: TNetwork | undefined;
     setNetwork: Dispatch<SetStateAction<Value['network']>>;
-    asset: OnRampAsset | undefined;
+    asset: TOnRampAsset | undefined;
     setAsset: Dispatch<SetStateAction<Value['asset']>>;
     fiatQuantity: string | undefined;
     setFiatQuantity: Dispatch<SetStateAction<Value['fiatQuantity']>>;
-    networks: Network[];
-    assets: OnRampAsset[];
+    networks: TNetwork[];
+    assets: TOnRampAsset[];
     isProviderAllowed: Partial<Record<OnRampProvider, boolean>>;
     tab: Tab;
     activeWallet: ReturnType<typeof useWallet>['data'];

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

@@ -44,6 +44,7 @@ import { AccountProfileUnlink } from "../Account/AccountProfileUnlink.js";
 import { ExternalWalletNetworkSelectStep } from "../ExternalWalletNetworkSelectStep/ExternalWalletNetworkSelectStep.js";
 import { AwaitingIFrameStep } from "../AwaitingIFrameStep/AwaitingIFrameStep.js";
 import { Footer } from "../Footer/Footer.js";
+import { renderTextWithLinks } from "../../utils/renderTextWithLinks.js";
 const MIN_HEIGHT = {
   [ModalStep.ADD_FUNDS_AWAITING]: "680px"
 };
@@ -66,6 +67,8 @@ const Body = ({
   const setStepDirection = useModalStore((state) => state.setStepDirection);
   const accountAddFundTab = useModalStore((state) => state.accountAddFundTab);
   const setAccountAddFundTab = useModalStore((state) => state.setAccountAddFundTab);
+  const modalError = useModalStore((state) => state.modalError);
+  const setModalError = useModalStore((state) => state.setModalError);
   const embeddedModal = useStore((state) => {
     var _a;
     return (_a = state.modalConfig) == null ? void 0 : _a.embeddedModal;
@@ -234,7 +237,7 @@ const Body = ({
             setStepDirection(1);
           },
           custom: stepDirection,
-          children: /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsxs(
             BodyContainer,
             {
               custom: stepDirection,
@@ -243,32 +246,38 @@ const Body = ({
               animate: "center",
               exit: "exit",
               transition: BODY_TRANSITION,
-              children: /* @__PURE__ */ jsxs(
-                InnerContainer,
-                {
-                  $embeddedModal: !!embeddedModal,
-                  $step: currentStep,
-                  $isIFrameStep: IFrameSteps.includes(currentStep),
-                  children: [
-                    /* @__PURE__ */ jsx(NetworkSpeedBanner, { fontSize: "12px", iconSize: "16px" }),
-                    Content(),
-                    (onRampConfig == null ? void 0 : onRampConfig.testMode) && [
-                      ModalStep.ADD_FUNDS_BUY,
-                      ModalStep.ADD_FUNDS_WITHDRAW,
-                      ModalStep.ADD_FUNDS_AWAITING,
-                      ModalStep.ADD_FUNDS_FAILURE,
-                      ModalStep.ADD_FUNDS_SUCCESS
-                    ].includes(currentStep) && isTestModeAlert && accountAddFundTab !== EnabledFlow.RECEIVE && /* @__PURE__ */ jsx(TestModeAlert, { children: /* @__PURE__ */ jsxs("div", { style: { fontSize: "14px" }, children: [
-                      "This Para Modal is configured to run on-ramp services in ",
-                      /* @__PURE__ */ jsx("b", { children: "test mode" }),
-                      " only, for development purposes. If you are a user of ",
-                      appName,
-                      ", please contact support.",
-                      /* @__PURE__ */ jsx(CloseButton, { onClick: () => setIsTestModeAlert(false), children: /* @__PURE__ */ jsx(CloseX, { icon: "x" }) })
-                    ] }) })
-                  ]
-                }
-              )
+              children: [
+                /* @__PURE__ */ jsxs(
+                  InnerContainer,
+                  {
+                    $embeddedModal: !!embeddedModal,
+                    $step: currentStep,
+                    $isIFrameStep: IFrameSteps.includes(currentStep),
+                    children: [
+                      /* @__PURE__ */ jsx(NetworkSpeedBanner, { fontSize: "12px", iconSize: "16px" }),
+                      Content(),
+                      (onRampConfig == null ? void 0 : onRampConfig.testMode) && [
+                        ModalStep.ADD_FUNDS_BUY,
+                        ModalStep.ADD_FUNDS_WITHDRAW,
+                        ModalStep.ADD_FUNDS_AWAITING,
+                        ModalStep.ADD_FUNDS_FAILURE,
+                        ModalStep.ADD_FUNDS_SUCCESS
+                      ].includes(currentStep) && isTestModeAlert && accountAddFundTab !== EnabledFlow.RECEIVE && /* @__PURE__ */ jsx(TestModeAlert, { children: /* @__PURE__ */ jsxs("div", { style: { fontSize: "14px" }, children: [
+                        "This Para Modal is configured to run on-ramp services in ",
+                        /* @__PURE__ */ jsx("b", { children: "test mode" }),
+                        " only, for development purposes. If you are a user of ",
+                        appName,
+                        ", please contact support.",
+                        /* @__PURE__ */ jsx(CloseButton, { onClick: () => setIsTestModeAlert(false), children: /* @__PURE__ */ jsx(CloseX, { icon: "x" }) })
+                      ] }) })
+                    ]
+                  }
+                ),
+                modalError && /* @__PURE__ */ jsx(ModalErrorAlert, { children: /* @__PURE__ */ jsxs(ErrorContent, { children: [
+                  /* @__PURE__ */ jsx(ErrorCloseButton, { onClick: () => setModalError(void 0), children: /* @__PURE__ */ jsx(ErrorCloseIcon, { icon: "x" }) }),
+                  /* @__PURE__ */ jsx(ErrorText, { children: renderTextWithLinks(modalError) })
+                ] }) })
+              ]
             },
             ["ADD_FUNDS_BUY", "ADD_FUNDS_RECEIVE", "ADD_FUNDS_WITHDRAW"].includes(currentStep) ? "ADD_FUNDS" : currentStep
           )
@@ -291,7 +300,7 @@ const BodyContainer = safeStyled(motion.div)`
   position: relative;
   display: flex;
   flex-direction: column;
-  gap: 24px;
+  gap: 12px;
   will-change: auto !important;
 `;
 const InnerContainer = safeStyled.div`
@@ -330,17 +339,59 @@ const TestModeAlert = safeStyled(CpslAlert)`
   right: 16px;
   z-index: 1000;
 `;
+const ModalErrorAlert = safeStyled.div`
+  background: #fffcec;
+  border: 2px solid var(--cpsl-color-utility-yellow);
+  border-radius: 4px;
+  padding: 8px 8px;
+`;
+const ErrorContent = safeStyled.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  position: relative;
+`;
+const ErrorText = safeStyled.div`
+  flex: 1;
+  font-size: 14px;
+  line-height: 1.4;
+  color: var(--cpsl-color-black);
+  font-weight: 400;
+`;
+const ErrorCloseButton = safeStyled.button`
+  background-color: transparent;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  margin-top: 1px;
+`;
+const ErrorCloseIcon = safeStyled(CpslIcon)`
+  --icon-color: var(--cpsl-color-utility-yellow);
+  --height: 20px;
+  --width: 20px;
+`;
 const CloseButton = safeStyled.button`
   background-color: transparent;
   border: none;
-  padding: 4px;
+  padding: 0;
   cursor: pointer;
-  position: absolute;
-  top: 0;
-  right: 0;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
 `;
 const CloseX = safeStyled(CpslIcon)`
-  --icon-color: var(--cpsl-color-foreground-0);
+  --icon-color: var(--cpsl-color-utility-yellow-dark, #92400e);
+  --height: 18px;
+  --width: 18px;
 `;
 export {
   Body

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

@@ -1,5 +1,5 @@
 import { CpslIcon, CpslInput, CpslText, CpslTileButton } from '@getpara/react-components';
-import { Network, OnRampAsset, TExternalWallet, TLinkedAccountType, TWalletType } from '@getpara/web-sdk';
+import { TExternalWallet, TLinkedAccountType, TNetwork, TOnRampAsset, TWalletType } 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;
@@ -30,11 +30,11 @@ export declare const HeaderSelectItem: import("styled-components/dist/types.js")
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>, keyof import("react").Component<any, {}, any>>;
 export declare const HeaderSelectContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare function AssetIcon({ asset, size }: {
-    asset: OnRampAsset;
+    asset: TOnRampAsset;
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function NetworkIcon({ network, size }: {
-    network?: Network;
+    network?: TNetwork;
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function WalletTypeIcon({ className, walletType, externalWallet, ...props }: {

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

@@ -1,4 +1,4 @@
-import { Network, OnRampAsset, OnRampMethod, OnRampProvider, TWalletType } from '@getpara/core-sdk';
+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';
@@ -11,21 +11,21 @@ export type OnRampProviderConfig = DisplayMetadata & {
     backgroundColors: string[];
 };
 export declare const ON_RAMP_PROVIDERS: Record<OnRampProvider, OnRampProviderConfig>;
-type Networks = Record<Network, DisplayMetadata>;
+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<OnRampAsset, {
+export declare const ON_RAMP_ASSETS: Record<TOnRampAsset, {
     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" | "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" | "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 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" | "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;

package/dist/modal/constants/constants.js

@@ -3,7 +3,7 @@ import {
   __spreadProps,
   __spreadValues
 } from "../../chunk-MMUBH76A.js";
-import { Network, OnRampAsset, OnRampMethod, OnRampProvider } from "@getpara/core-sdk";
+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 = {
@@ -48,35 +48,35 @@ const WALLET_TYPES_METADATA = {
   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" },
-  [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" }
+  ["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({
-  [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" }
+  ["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])
@@ -126,7 +126,7 @@ const BODY_MOTION_VARIANTS = {
 const BODY_TRANSITION = {
   duration: 0.2
 };
-const SDK_VERSION = "2.0.0-alpha.52";
+const SDK_VERSION = "2.0.0-alpha.53";
 export {
   BODY_MOTION_VARIANTS,
   BODY_TRANSITION,

package/dist/modal/stores/modal/actions.js

@@ -110,6 +110,7 @@ const getActions = (set, get) => ({
   setSelectedExternalWallet: (selectedExternalWallet) => set({ selectedExternalWallet }),
   setIsExternalWalletConnecting: (isExternalWalletConnecting) => set({ isExternalWalletConnecting }),
   setExternalWalletError: (externalWalletError) => set({ externalWalletError }),
+  setModalError: (modalError) => set({ modalError }),
   setIsUsingMobileConnector: (isUsingMobileConnector) => set({ isUsingMobileConnector }),
   setStepDirection: (stepDirection) => set({ stepDirection }),
   setFarcasterConnectUri: (farcasterConnectUri) => set({ farcasterConnectUri }),

package/dist/modal/stores/modal/useModalStore.d.ts

@@ -37,6 +37,7 @@ interface ModalState {
     isUsingMobileConnector?: boolean;
     isExternalWalletConnecting?: boolean;
     externalWalletError?: string[];
+    modalError?: string;
     activeWallet: ActiveWallet | undefined;
     farcasterConnectUri: string | undefined;
     twoFactorStatus: Setup2faResponse | undefined;
@@ -85,6 +86,7 @@ export interface ModalActions {
     setIsUsingMobileConnector: (isUsingMobileConnector?: boolean) => void;
     setIsExternalWalletConnecting: (isExternalWalletConnecting: boolean) => void;
     setExternalWalletError: (externalWalletError?: string[]) => void;
+    setModalError: (modalError?: string) => void;
     setStepDirection: (stepDirection: 1 | -1) => void;
     setFarcasterConnectUri: (_: string | undefined) => void;
     setTwoFactorStatus: (twoFactorStatus?: Setup2faResponse) => void;

package/dist/modal/stores/modal/useModalStore.js

@@ -30,6 +30,7 @@ const DEFAULT_MODAL_STATE = {
   guestAddFundsTab: void 0,
   isExternalWalletConnecting: false,
   externalWalletError: void 0,
+  modalError: void 0,
   activeWallet: [void 0, void 0],
   farcasterConnectUri: void 0,
   twoFactorStatus: void 0,

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

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export declare const renderTextWithLinks: (text: string) => ReactElement[];

package/dist/modal/utils/renderTextWithLinks.js

@@ -0,0 +1,34 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { jsx } from "react/jsx-runtime";
+import { Fragment } from "react";
+const renderTextWithLinks = (text) => {
+  if (!text) return [/* @__PURE__ */ jsx(Fragment, { children: "" }, 0)];
+  const linkStyle = { color: "inherit", textDecoration: "underline", fontWeight: "500" };
+  const combinedRegex = /(\[([^\]]+)\]\((https?:\/\/[^)]+)\))|(https?:\/\/[^\s]+)/g;
+  const parts = [];
+  let lastIndex = 0;
+  let match;
+  while ((match = combinedRegex.exec(text)) !== null) {
+    if (match.index > lastIndex) {
+      parts.push(/* @__PURE__ */ jsx(Fragment, { children: text.slice(lastIndex, match.index) }, parts.length));
+    }
+    if (match[1]) {
+      parts.push(
+        /* @__PURE__ */ jsx("a", { href: match[3], target: "_blank", rel: "noopener noreferrer", style: linkStyle, children: match[2] }, parts.length)
+      );
+    } else if (match[4]) {
+      parts.push(
+        /* @__PURE__ */ jsx("a", { href: match[4], target: "_blank", rel: "noopener noreferrer", style: linkStyle, children: match[4] }, parts.length)
+      );
+    }
+    lastIndex = match.index + match[0].length;
+  }
+  if (lastIndex < text.length) {
+    parts.push(/* @__PURE__ */ jsx(Fragment, { children: text.slice(lastIndex) }, parts.length));
+  }
+  return parts.length ? parts : [/* @__PURE__ */ jsx(Fragment, { children: text }, 0)];
+};
+export {
+  renderTextWithLinks
+};

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

@@ -1,5 +1,5 @@
-import { Network } from '@getpara/web-sdk';
-export declare const formatNetworkList: (networks: Network[]) => string;
+import { TNetwork } from '@getpara/web-sdk';
+export declare const formatNetworkList: (networks: TNetwork[]) => string;
 export declare const formatWalletCreatedDate: (date: string) => string;
 export declare const camelToSnakeCase: (str: string) => string;
 export declare const formatBalanceString: (str: string) => string;

package/dist/provider/ParaProviderMin.js

@@ -6,6 +6,7 @@ import {
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useState } from "react";
 import { useStore } from "./stores/useStore.js";
+import { useModalStore } from "../modal/stores/index.js";
 import { useAutoSessionKeepAlive } from "./hooks/utils/useAutoSessionKeepAlive.js";
 import { useEventListeners } from "./hooks/utils/useEventListeners.js";
 import { ExternalWalletWrapper } from "./components/ExternalWalletWrapper.js";
@@ -37,6 +38,7 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
   const rpcUrl = useStore((state) => state.rpcUrl);
   const setRpcUrl = useStore((state) => state.setRpcUrl);
   const setProviderProps = useStore((state) => state.setProviderProps);
+  const setModalError = useModalStore((state) => state.setModalError);
   const [isClientReady, setIsClientReady] = useState(client == null ? void 0 : client.isReady);
   useEffect(() => {
     setProviderProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, config), externalWalletConfig), paraModalConfig), {
@@ -97,6 +99,7 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
       throw new Error("Invalid Para config");
     }
     const newClient = isParaWeb(paraClientConfig) ? paraClientConfig : new ParaWeb(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts);
+    newClient.setModalError = setModalError;
     if (newClient.isReady) {
       setIsClientReady(true);
     } else {

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

@@ -29,19 +29,19 @@ export declare const issueJwt: import("./utils.js").CoreAction<"issueJwt">;
 export declare const getLinkedAccounts: import("./utils.js").CoreAction<"getLinkedAccounts">;
 export declare const accountLinkInProgress: import("./utils.js").CoreAction<"accountLinkInProgress">;
 export declare const linkAccount: (_?: import("@getpara/core-sdk").default, __?: {
-    auth: import("@getpara/user-management-client").VerifiedAuth;
+    auth: import("@getpara/shared").VerifiedAuth;
 } | {
-    externalWallet: import("@getpara/user-management-client").ExternalWalletInfo;
+    externalWallet: import("@getpara/shared").ExternalWalletInfo;
 } | {
-    type: import("@getpara/user-management-client").TLinkedAccountType | "X";
+    type: import("@getpara/shared").TLinkedAccountType | "X";
 } | undefined) => Promise<import("@getpara/core-sdk").AccountLinkInProgress>;
 export declare const unlinkAccount: (_?: import("@getpara/core-sdk").default, __?: {
     linkedAccountId: string;
-} | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
+} | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
 export declare const verifyEmailOrPhoneLink: (_?: import("@getpara/core-sdk").default, __?: {
     verificationCode?: string;
-} | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
-export declare const verifyFarcasterLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").FarcasterParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
-export declare const verifyTelegramLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").TelegramParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
-export declare const verifyOAuthLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").OAuthParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
-export declare const verifyExternalWalletLink: (_?: import("@getpara/core-sdk").default, __?: Omit<import("@getpara/user-management-client").VerifyExternalWalletParams, "externalWallet"> | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
+} | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
+export declare const verifyFarcasterLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").FarcasterParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
+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>;

package/dist/provider/components/ExternalWalletWrapper.js

@@ -11,6 +11,7 @@ import { EvmWalletWrapper } from "./EvmWalletWrapper.js";
 import { CosmosWalletWrapper } from "./CosmosWalletWrapper.js";
 import { SolanaWalletWrapper } from "./SolanaWalletWrapper.js";
 import { useStore } from "../stores/useStore.js";
+import { useInternalClient } from "../hooks/utils/useInternalClient.js";
 const ExternalWalletWrapper = ({
   children,
   config
@@ -20,8 +21,12 @@ const ExternalWalletWrapper = ({
   const appName = useStore((state) => state.appName);
   const resetModalState = useModalStore((state) => state.resetState);
   const wallets = useStore((state) => state.externalWallets);
+  const para = useInternalClient();
   useEffect(() => {
     if (!!wallets.length && !(walletConnect == null ? void 0 : walletConnect.projectId)) {
+      para.setModalError(
+        "It is recommended to provide a WalletConnect project id to ensure wallet connection works as expected. Refer to our docs at [https://docs.getpara.com/v2/react/guides/external-wallets/evm#configure-the-providers](https://docs.getpara.com/v2/react/guides/external-wallets/evm#configure-the-providers) for configuration details and sign up for your free key at [https://cloud.walletconnect.com/sign-in](https://cloud.walletconnect.com/sign-in)"
+      );
       console.warn(
         "It is recommended to provide a WalletConnect project id to ensure wallet connection works as expected. Sign up for your free key at https://cloud.walletconnect.com/sign-in"
       );

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

@@ -24,7 +24,7 @@ export declare const useCreatePregenWallet: () => {
         addressSecondary?: string | undefined;
         publicKey?: string | undefined;
         scheme?: import("@getpara/web-sdk").TWalletScheme | undefined;
-        type?: (import("@getpara/user-management-client").EmbeddedWalletType | import("@getpara/user-management-client").ExternalWalletType) | undefined;
+        type?: import("@getpara/web-sdk").TWalletType | undefined;
         isPregen?: boolean | undefined;
         pregenIdentifier?: string | undefined;
         pregenIdentifierType?: import("@getpara/web-sdk").TPregenIdentifierType | undefined;
@@ -66,7 +66,7 @@ export declare const useCreatePregenWallet: () => {
         addressSecondary?: string | undefined;
         publicKey?: string | undefined;
         scheme?: import("@getpara/web-sdk").TWalletScheme | undefined;
-        type?: (import("@getpara/user-management-client").EmbeddedWalletType | import("@getpara/user-management-client").ExternalWalletType) | undefined;
+        type?: import("@getpara/web-sdk").TWalletType | undefined;
         isPregen?: boolean | undefined;
         pregenIdentifier?: string | undefined;
         pregenIdentifierType?: import("@getpara/web-sdk").TPregenIdentifierType | undefined;
@@ -96,7 +96,7 @@ export declare const useCreatePregenWallet: () => {
         addressSecondary?: string | undefined;
         publicKey?: string | undefined;
         scheme?: import("@getpara/web-sdk").TWalletScheme | undefined;
-        type?: (import("@getpara/user-management-client").EmbeddedWalletType | import("@getpara/user-management-client").ExternalWalletType) | undefined;
+        type?: import("@getpara/web-sdk").TWalletType | undefined;
         isPregen?: boolean | undefined;
         pregenIdentifier?: string | undefined;
         pregenIdentifierType?: import("@getpara/web-sdk").TPregenIdentifierType | undefined;

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

@@ -16,7 +16,7 @@ export declare const SIGN_UP_LOG_IN_KEY = "SIGN_UP_LOG_IN";
  */
 export declare const useSignUpOrLogIn: () => {
     status: "error" | "idle" | "pending" | "success";
-    data: Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/user-management-client").ServerAuthStateVerify> | undefined;
+    data: Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/shared").ServerAuthStateVerify> | undefined;
     isSuccess: boolean;
     variables: {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
@@ -33,12 +33,12 @@ export declare const useSignUpOrLogIn: () => {
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    signUpOrLogIn: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/user-management-client").ServerAuthStateVerify>, Error, {
+    signUpOrLogIn: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/shared").ServerAuthStateVerify>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         auth: import("@getpara/web-sdk").VerifiedAuth;
     }, unknown>;
-    signUpOrLogInAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/user-management-client").ServerAuthStateVerify>, Error, {
+    signUpOrLogInAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/shared").ServerAuthStateVerify>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         auth: import("@getpara/web-sdk").VerifiedAuth;

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

@@ -20,7 +20,7 @@ export declare const useVerifyNewAccount: () => {
         displayName?: string | undefined;
         pfpUrl?: string | undefined;
         externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
-        auth: import("@getpara/user-management-client").PrimaryAuth;
+        auth: import("@getpara/shared").PrimaryAuth;
         userId: string;
         stage: "signup";
         isPasskeySupported: boolean;
@@ -52,7 +52,7 @@ export declare const useVerifyNewAccount: () => {
         displayName?: string | undefined;
         pfpUrl?: string | undefined;
         externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
-        auth: import("@getpara/user-management-client").PrimaryAuth;
+        auth: import("@getpara/shared").PrimaryAuth;
         userId: string;
         stage: "signup";
         isPasskeySupported: boolean;
@@ -72,7 +72,7 @@ export declare const useVerifyNewAccount: () => {
         displayName?: string | undefined;
         pfpUrl?: string | undefined;
         externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
-        auth: import("@getpara/user-management-client").PrimaryAuth;
+        auth: import("@getpara/shared").PrimaryAuth;
         userId: string;
         stage: "signup";
         isPasskeySupported: boolean;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.0.0-alpha.52",
+  "version": "2.0.0-alpha.53",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.0.0-alpha.52",
-    "@getpara/react-components": "2.0.0-alpha.52",
-    "@getpara/web-sdk": "2.0.0-alpha.52",
+    "@getpara/react-common": "2.0.0-alpha.53",
+    "@getpara/react-components": "2.0.0-alpha.53",
+    "@getpara/web-sdk": "2.0.0-alpha.53",
     "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.52",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.52",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.52",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.53",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.53",
+    "@getpara/solana-wallet-connectors": "2.0.0-alpha.53",
     "@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": "a63dba8c230e9ff2d73b275d3e40091b93aecf1c",
+  "gitHead": "ad18fa268a41b0e4c080fa8349553fb546983513",
   "main": "dist/index.js",
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",