@getpara/react-sdk 2.0.0-alpha.29 → 2.0.0-alpha.30

package/dist/cli/cli.mjs

@@ -8,12 +8,12 @@ const PACKAGES_TO_STUB = [
   '@getpara/evm-wallet-connectors',
   '@getpara/cosmos-wallet-connectors',
   '@getpara/solana-wallet-connectors',
+  '@farcaster/miniapp-sdk',
+  '@farcaster/miniapp-wagmi-connector',
 ];
 
 const checkForPackages = async () => {
-  const pathToParaPackages = require.resolve('@getpara/react-sdk');
-
-  const pathToNodeModules = path.resolve(pathToParaPackages, '../../node_modules');
+  const pathToNodeModules = path.resolve('node_modules');
 
   for (let i = 0; i < PACKAGES_TO_STUB.length; i++) {
     const packageName = PACKAGES_TO_STUB[i];
@@ -22,11 +22,24 @@ const checkForPackages = async () => {
     } catch (err) {
       if (err.code === 'ERR_MODULE_NOT_FOUND') {
         const packageJsonContent = { name: packageName, main: './index.js' };
+
         await fs.mkdir(path.join(pathToNodeModules, packageName), { recursive: true });
-        await fs.writeFile(path.join(pathToNodeModules, packageName, 'index.js'), '//STUB');
-        await fs.writeFile(path.join(pathToNodeModules, packageName, 'package.json'), JSON.stringify(packageJsonContent), {
-          encoding: 'utf-8',
-        });
+        const indexPath = path.join(pathToNodeModules, packageName, 'index.js');
+        const packageJsonPath = path.join(pathToNodeModules, packageName, 'package.json');
+
+        try {
+          await fs.access(indexPath);
+        } catch {
+          await fs.writeFile(indexPath, '//STUB');
+        }
+
+        try {
+          await fs.access(packageJsonPath);
+        } catch {
+          await fs.writeFile(packageJsonPath, JSON.stringify(packageJsonContent), {
+            encoding: 'utf-8',
+          });
+        }
       }
     }
   }

package/dist/modal/ParaModal.js

@@ -133,6 +133,9 @@ const ParaModal = forwardRef((props, ref) => {
   }, [hasPreviousStep, currentStep]);
   const initModal = (shouldAutoLogin) => __async(void 0, null, function* () {
     var _a2;
+    if (!para.isReady) {
+      return;
+    }
     const isAccount = isConnected, isGuest = isAccount && para.isGuestMode || isCreateGuestWalletsPending;
     switch (true) {
       case !!currentStepOverride:
@@ -177,15 +180,15 @@ const ParaModal = forwardRef((props, ref) => {
     }
   });
   useEffect(() => {
-    if (para && isOpen && !isAccountLoading && !isInitialized.current) {
+    if ((para == null ? void 0 : para.isReady) && isOpen && !isAccountLoading && !isInitialized.current) {
       initModal(isOpen);
       isInitialized.current = true;
     }
-    if (para && !isOpen && isInitialized.current) {
+    if ((para == null ? void 0 : para.isReady) && !isOpen && isInitialized.current) {
       initModal();
       isInitialized.current = false;
     }
-  }, [para, isOpen, isAccountLoading]);
+  }, [para == null ? void 0 : para.isReady, isOpen, isAccountLoading]);
   useEffect(() => {
     let _authLayout = authLayout;
     if (!(externalWallets == null ? void 0 : externalWallets.length) && hasExternalWallet(authLayout)) {

package/dist/modal/components/AuthMainStep/AuthMainStepContent.js

@@ -14,12 +14,14 @@ import { useExternalWallets } from "../../../provider/providers/ExternalWalletPr
 import { useStore } from "../../../provider/stores/useStore.js";
 import { useAuthActions } from "../../../provider/providers/AuthProvider.js";
 import { useAccount } from "../../../provider/index.js";
+import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 const AuthMainStepContent = ({
   oAuthMethods,
   disableEmailLogin,
   disablePhoneLogin,
   isGuestModeEnabled = false
 }) => {
+  const para = useInternalClient();
   const { wallets } = useExternalWallets();
   const { createGuestWallets } = useAuthActions();
   const { embedded } = useAccount();
@@ -41,69 +43,73 @@ const AuthMainStepContent = ({
   };
   const Content = useMemo(() => {
     const methods = [];
-    authLayout == null ? void 0 : authLayout.forEach((layout) => {
-      switch (layout) {
-        case AuthLayout.AUTH_FULL: {
-          methods.push([
-            /* @__PURE__ */ jsx(
-              AuthOptions,
-              {
-                oAuthMethods,
-                disableEmailLogin,
-                disablePhoneLogin,
-                isGuestModeEnabled
-              },
-              "authFull"
-            ),
-            layout
-          ]);
-          break;
-        }
-        case AuthLayout.AUTH_CONDENSED: {
-          const icons = [];
-          oAuthMethods == null ? void 0 : oAuthMethods.forEach((method) => icons.push(ACCOUNT_TYPES[method][useBrandedLogos ? "logoBranded" : "logo"]));
-          methods.push([
-            /* @__PURE__ */ jsxs(CondensedButton, { onClick: handleCondensedAuthClick, variant: "tertiary", fullWidth: true, children: [
-              /* @__PURE__ */ jsx(IconGroupSpacer, { slot: "start", icons: [], $isDark: useDarkLogos }),
-              "Sign Up or Login",
-              /* @__PURE__ */ jsx(StyledIconGroup, { slot: "end", icons: icons.splice(0, 3), $isDark: useDarkLogos })
-            ] }, "authCondensed"),
-            layout
-          ]);
-          break;
-        }
-        case AuthLayout.EXTERNAL_FULL: {
-          if (!!wallets.length) {
-            methods.push([/* @__PURE__ */ jsx(ExternalWallets, {}, "externalWallets"), layout]);
+    if (para.isFarcasterMiniApp) {
+      methods.push([/* @__PURE__ */ jsx(ExternalWallets, {}, "externalWallets"), "EXTERNAL:FULL"]);
+    } else {
+      authLayout == null ? void 0 : authLayout.forEach((layout) => {
+        switch (layout) {
+          case AuthLayout.AUTH_FULL: {
+            methods.push([
+              /* @__PURE__ */ jsx(
+                AuthOptions,
+                {
+                  oAuthMethods,
+                  disableEmailLogin,
+                  disablePhoneLogin,
+                  isGuestModeEnabled
+                },
+                "authFull"
+              ),
+              layout
+            ]);
+            break;
+          }
+          case AuthLayout.AUTH_CONDENSED: {
+            const icons = [];
+            oAuthMethods == null ? void 0 : oAuthMethods.forEach((method) => icons.push(ACCOUNT_TYPES[method][useBrandedLogos ? "logoBranded" : "logo"]));
+            methods.push([
+              /* @__PURE__ */ jsxs(CondensedButton, { onClick: handleCondensedAuthClick, variant: "tertiary", fullWidth: true, children: [
+                /* @__PURE__ */ jsx(IconGroupSpacer, { slot: "start", icons: [], $isDark: useDarkLogos }),
+                "Sign Up or Login",
+                /* @__PURE__ */ jsx(StyledIconGroup, { slot: "end", icons: icons.splice(0, 3), $isDark: useDarkLogos })
+              ] }, "authCondensed"),
+              layout
+            ]);
+            break;
+          }
+          case AuthLayout.EXTERNAL_FULL: {
+            if (!!wallets.length) {
+              methods.push([/* @__PURE__ */ jsx(ExternalWallets, {}, "externalWallets"), layout]);
+            }
+            break;
+          }
+          case AuthLayout.EXTERNAL_CONDENSED: {
+            const icons = [];
+            wallets == null ? void 0 : wallets.forEach((wallet) => icons.push(wallet.iconUrl));
+            methods.push([
+              /* @__PURE__ */ jsxs(CondensedButton, { onClick: handleCondensedExternalClick, variant: "tertiary", fullWidth: true, children: [
+                /* @__PURE__ */ jsx(IconGroupSpacer, { slot: "start", icons: [], $isDark: useDarkLogos }),
+                "Connect Wallet",
+                /* @__PURE__ */ jsx(StyledIconGroup, { slot: "end", icons: icons.splice(0, 3), $isDark: useDarkLogos })
+              ] }, "authCondensed"),
+              layout
+            ]);
+            break;
+          }
+          default: {
+            break;
           }
-          break;
-        }
-        case AuthLayout.EXTERNAL_CONDENSED: {
-          const icons = [];
-          wallets == null ? void 0 : wallets.forEach((wallet) => icons.push(wallet.iconUrl));
-          methods.push([
-            /* @__PURE__ */ jsxs(CondensedButton, { onClick: handleCondensedExternalClick, variant: "tertiary", fullWidth: true, children: [
-              /* @__PURE__ */ jsx(IconGroupSpacer, { slot: "start", icons: [], $isDark: useDarkLogos }),
-              "Connect Wallet",
-              /* @__PURE__ */ jsx(StyledIconGroup, { slot: "end", icons: icons.splice(0, 3), $isDark: useDarkLogos })
-            ] }, "authCondensed"),
-            layout
-          ]);
-          break;
-        }
-        default: {
-          break;
         }
-      }
-    });
+      });
+    }
     return /* @__PURE__ */ jsx(Fragment, { children: methods.map(([reactNode, key], index) => /* @__PURE__ */ jsxs(Fragment2, { children: [
       reactNode,
       methods.length > 1 && index < methods.length - 1 && /* @__PURE__ */ jsx(CpslDivider, { children: "or" }, "or")
     ] }, key)) });
-  }, [oAuthMethods, disableEmailLogin, disablePhoneLogin, isGuestModeEnabled, wallets, authLayout]);
+  }, [para.isFarcasterMiniApp, oAuthMethods, disableEmailLogin, disablePhoneLogin, isGuestModeEnabled, wallets, authLayout]);
   return /* @__PURE__ */ jsxs(Container, { "data-testid": "main-auth-step-content", children: [
     Content,
-    isGuestModeEnabled && !isGuestMode && /* @__PURE__ */ jsx(
+    isGuestModeEnabled && !isGuestMode && !para.isFarcasterMiniApp && /* @__PURE__ */ jsx(
       GuestMode,
       {
         href: "#",

package/dist/modal/components/ExternalWalletNetworkSelectStep/ExternalWalletNetworkSelectStep.js

@@ -29,7 +29,7 @@ const ExternalWalletNetworkSelectStep = () => {
     }
     setSelectedExternalWalletId(wallet.internalId);
     setStep(ModalStep.EX_WALLET_SELECTED);
-    if (wallet.installed) {
+    if (wallet.installed || wallet.internalId === "FARCASTER") {
       connectExternalWallet(wallet);
     } else if (wallet.isMobile) {
       connectExternalWallet(wallet, true);

package/dist/modal/components/ExternalWallets/ExternalWallets.js

@@ -11,8 +11,10 @@ import { ModalStep } from "../../utils/steps.js";
 import { useState } from "react";
 import { hasEmbeddedAuth } from "../../utils/authLayoutHelpers.js";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
+import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 const HAS_MORE_LENGTH = 3;
 const ExternalWallets = () => {
+  const para = useInternalClient();
   const { wallets: allWallets, connectExternalWallet } = useExternalWallets();
   const setSelectedExternalWalletId = useModalStore((state) => state.setSelectedExternalWalletId);
   const setStep = useModalStore((state) => state.setStep);
@@ -21,7 +23,7 @@ const ExternalWallets = () => {
   const [search, setSearch] = useState("");
   const dedupedWallets = Array.from(new Set(allWallets.map((wallet) => wallet.id))).map((id) => {
     return allWallets.find((wallet) => wallet.id === id);
-  });
+  }).filter((wallet) => !para.isFarcasterMiniApp || wallet.internalId === "FARCASTER");
   const hasMore = dedupedWallets.length > HAS_MORE_LENGTH;
   const walletsToShow = showAll || !hasMore ? search ? dedupedWallets.filter((w) => w.name.toLowerCase().includes(search.toLowerCase())) : dedupedWallets : dedupedWallets.slice(0, HAS_MORE_LENGTH);
   const showMoreButton = !showAll && hasMore;

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

@@ -30,7 +30,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" | "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" | "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;

package/dist/modal/constants/constants.js

@@ -53,7 +53,8 @@ const NETWORKS = Object.entries({
   [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.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])
@@ -69,7 +70,8 @@ const ON_RAMP_ASSETS = Object.entries({
   [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.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])

package/dist/provider/ParaProvider.js

@@ -107,7 +107,7 @@ const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config
       },
       children: /* @__PURE__ */ jsx(ExternalWalletWrapper, { config: externalWalletConfig, children: /* @__PURE__ */ jsxs(AccountLinkProvider, { children: [
         children,
-        !config.disableEmbeddedModal && /* @__PURE__ */ jsx(ParaModal, { ref })
+        !config.disableEmbeddedModal && client.isReady && /* @__PURE__ */ jsx(ParaModal, { ref })
       ] }) })
     }
   );

package/dist/provider/hooks/queries/useAccount.d.ts

@@ -25,6 +25,10 @@ type ExternalNetwork = 'evm' | 'cosmos' | 'solana';
  *   - `solana`: The connected Solana wallet adapter, with only allowed properties included.
  */
 export type UseAccountReturn = {
+    /**
+     * Indicates whether the client's first-time setup is complete.
+     */
+    isReady: boolean;
     /**
      *  Indicates whether there is a wallet connected (either embedded, external or both).
      */

package/dist/provider/hooks/queries/useAccount.js

@@ -56,6 +56,7 @@ const useAccount = ({ cosmos } = {}) => {
     enabled: isSuccess && !!client,
     queryKey: [ACCOUNT_BASE_KEY, isFullyLoggedIn != null ? isFullyLoggedIn : null, client == null ? void 0 : client.userId, evmQueryKeys, cosmosQueryKeys, solanaQueryKeys],
     queryFn: () => __async(void 0, null, function* () {
+      const isReady = client.isReady;
       const paraAccount = yield getEmbeddedAccount(client);
       let connectionType = "none";
       if (paraAccount.isConnected) {
@@ -79,6 +80,7 @@ const useAccount = ({ cosmos } = {}) => {
         connectedNetworks.push("solana");
       }
       return {
+        isReady,
         isConnected: paraAccount.isConnected,
         connectionType,
         embedded: __spreadProps(__spreadValues({}, paraAccount), { isConnected: isEmbeddedConnected }),
@@ -103,6 +105,7 @@ const useAccount = ({ cosmos } = {}) => {
     })
   });
   const defaultResp = {
+    isReady: false,
     isConnected: false,
     connectionType: "none",
     isLoading,

package/dist/provider/providers/ExternalWalletProvider.js

@@ -73,7 +73,8 @@ function ExternalWalletProvider({ children }) {
     signVerificationMessage: evmSignVerificationMessage,
     getWalletBalance: evmGetWalletBalance,
     requestInfo: evmRequestInfo,
-    disconnectBase: evmDisconnectBase
+    disconnectBase: evmDisconnectBase,
+    farcasterStatus: evmFarcasterStatus
   } = useContext(evmContext);
   const {
     wallets: solanaWallets,
@@ -111,7 +112,9 @@ function ExternalWalletProvider({ children }) {
   const [qrUri, setQrUri] = useState();
   const [chainIdSwitchingTo, setChainIdSwitchingTo] = useState();
   const [isSigningMessage, setIsSigningMessage] = useState(false);
-  const wallets = [...evmWallets, ...solanaWallets, ...cosmosWallets].filter((w) => externalWallets.includes(w.id.toUpperCase())).sort(
+  const wallets = [...evmWallets, ...solanaWallets, ...cosmosWallets].filter(
+    (w) => (w.internalId !== "FARCASTER" || (para == null ? void 0 : para.isFarcasterMiniApp)) && externalWallets.includes(w.id.toUpperCase())
+  ).sort(
     (a, b) => externalWallets.indexOf(a.id.toUpperCase()) - externalWallets.indexOf(b.id.toUpperCase())
   ).sort((a, b) => a.installed === b.installed ? 0 : a.installed ? -1 : 1);
   const wallet = useMemo(
@@ -501,6 +504,35 @@ function ExternalWalletProvider({ children }) {
       yield connectEmbeddedToExternalConnectors();
     });
   }, [connectEmbeddedToExternalConnectors]);
+  useEffect(() => {
+    function loginFarcasterMiniApp() {
+      return __async(this, null, function* () {
+        if (para.isReady && para.isFarcasterMiniApp) {
+          const isEvm = para.supportedWalletTypes.some(({ type }) => type === "EVM");
+          const isAwaitingEvmLogin = isEvm && (evmFarcasterStatus == null ? void 0 : evmFarcasterStatus.isConnected) && !Object.values(para.externalWallets || {}).some(
+            (w) => w.type === "EVM" && w.externalProviderId === "FARCASTER" && w.address === evmFarcasterStatus.address
+          );
+          const isAwaitingLogin = isAwaitingEvmLogin;
+          if (isAwaitingLogin) {
+            yield para.loginExternalWallet({
+              externalWallet: [
+                ...isAwaitingEvmLogin ? [
+                  {
+                    type: "EVM",
+                    provider: "Farcaster",
+                    providerId: "FARCASTER",
+                    address: evmFarcasterStatus.address,
+                    isConnectionOnly: true
+                  }
+                ] : []
+              ]
+            });
+          }
+        }
+      });
+    }
+    loginFarcasterMiniApp();
+  }, [para.isReady, para.isFarcasterMiniApp, evmFarcasterStatus]);
   return /* @__PURE__ */ jsx(
     ExternalWalletContext.Provider,
     {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "2.0.0-alpha.29",
+  "version": "2.0.0-alpha.30",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.0.0-alpha.29",
-    "@getpara/react-components": "2.0.0-alpha.29",
-    "@getpara/web-sdk": "2.0.0-alpha.29",
+    "@getpara/react-common": "2.0.0-alpha.30",
+    "@getpara/react-components": "2.0.0-alpha.30",
+    "@getpara/web-sdk": "2.0.0-alpha.30",
     "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.29",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.29",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.29",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.30",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.30",
+    "@getpara/solana-wallet-connectors": "2.0.0-alpha.30",
     "@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": "7b90cb5a1a83f9bce9d61bd2baf190c47b58b705",
+  "gitHead": "8b06219b9c248a3fbdbd05dc7501e8042c369301",
   "main": "dist/index.js",
   "peerDependencies": {
     "@getpara/cosmos-wallet-connectors": "^2.0.0-alpha.26",