@getpara/react-sdk 1.15.1 → 1.17.0

package/dist/modal/ParaModal.js

@@ -26,7 +26,7 @@ import { SDK_VERSION } from "./constants/constants.js";
 defineCustomElements();
 const ParaModal = forwardRef(
   (_a, ref) => {
-    var _b = _a, { para, isOpen, externalWalletsWithParaAuth, rpcUrl: rpcUrlFromProps } = _b, rest = __objRest(_b, ["para", "isOpen", "externalWalletsWithParaAuth", "rpcUrl"]);
+    var _b = _a, { para, isOpen, createLinkedEmbeddedForExternalWallets, externalWalletsWithParaAuth, rpcUrl: rpcUrlFromProps } = _b, rest = __objRest(_b, ["para", "isOpen", "createLinkedEmbeddedForExternalWallets", "externalWalletsWithParaAuth", "rpcUrl"]);
     const [isInitialized, setIsInitialized] = useState(false);
     const setClient = useStore((state) => state.setClient);
     const client = useStore((state) => state.client);
@@ -38,10 +38,7 @@ const ParaModal = forwardRef(
       const trackAnalytics = () => __async(void 0, null, function* () {
         try {
           yield para.ctx.client.trackReactSdkAnalytics({
-            props: __spreadValues({
-              externalWalletsWithParaAuth,
-              rpcUrlFromProps
-            }, rest),
+            props: __spreadValues({ externalWalletsWithParaAuth, createLinkedEmbeddedForExternalWallets, rpcUrlFromProps }, rest),
             reactSdkVersion: SDK_VERSION
           });
         } catch (_) {
@@ -50,8 +47,10 @@ const ParaModal = forwardRef(
       trackAnalytics();
     }, []);
     useEffect(() => {
-      updateExternalWalletProviderState({ fullAuthWallets: externalWalletsWithParaAuth });
-    }, [externalWalletsWithParaAuth]);
+      updateExternalWalletProviderState({
+        fullAuthWallets: createLinkedEmbeddedForExternalWallets || externalWalletsWithParaAuth
+      });
+    }, [createLinkedEmbeddedForExternalWallets, externalWalletsWithParaAuth]);
     useEffect(() => {
       if (!client) {
         setClient(para);
@@ -74,7 +73,14 @@ const ParaModal = forwardRef(
     if (!isInitialized) {
       return null;
     }
-    return /* @__PURE__ */ jsx(ParaModalInner, __spreadValues({ ref, para, externalWalletsWithParaAuth }, rest));
+    return /* @__PURE__ */ jsx(
+      ParaModalInner,
+      __spreadValues({
+        ref,
+        para,
+        createLinkedEmbeddedForExternalWallets: createLinkedEmbeddedForExternalWallets || externalWalletsWithParaAuth
+      }, rest)
+    );
   }
 );
 const ParaModalInner = forwardRef(
@@ -95,7 +101,7 @@ const ParaModalInner = forwardRef(
       onModalStepChange,
       hideWallets = false,
       onClose,
-      externalWalletsWithParaAuth
+      createLinkedEmbeddedForExternalWallets
     } = _d, rest = __objRest(_d, [
       "theme",
       "appName",
@@ -112,7 +118,7 @@ const ParaModalInner = forwardRef(
       "onModalStepChange",
       "hideWallets",
       "onClose",
-      "externalWalletsWithParaAuth"
+      "createLinkedEmbeddedForExternalWallets"
     ]);
     const modalContentRef = useRef(null);
     const updateThemeState = useThemeStore((state) => state.updateState);
@@ -337,30 +343,37 @@ const ParaModalInner = forwardRef(
       }
       return null;
     }
-    return /* @__PURE__ */ jsx(ExternalWalletsWrapper, { wallets: externalWallets, externalWalletsWithFullAuth: externalWalletsWithParaAuth, children: /* @__PURE__ */ jsx(
-      StyledAuthModal,
+    return /* @__PURE__ */ jsx(
+      ExternalWalletsWrapper,
       {
-        enterTransitionDuration: DEFAULTS.ANIMATION_DURATION,
-        exitTransitionDuration: DEFAULTS.ANIMATION_DURATION,
-        open: isOpen,
-        onCpslModalExited: handleModalExited,
-        onCpslModalEntering: handleModalEntering,
-        onCpslModalRequestClose: handleClose,
-        noOverlay: bareModal,
-        className,
-        "data-testid": "modal",
-        $embeddedModal: embeddedModal,
-        children: isModalMounted && (isInit && embeddedModal || !embeddedModal) && /* @__PURE__ */ jsx(
-          ModalContent,
-          __spreadValues({
-            oAuthMethods,
-            disableEmailLogin,
-            disablePhoneLogin,
-            onClose: handleClose
-          }, rest)
+        wallets: externalWallets,
+        createLinkedEmbeddedForExternalWallets,
+        children: /* @__PURE__ */ jsx(
+          StyledAuthModal,
+          {
+            enterTransitionDuration: DEFAULTS.ANIMATION_DURATION,
+            exitTransitionDuration: DEFAULTS.ANIMATION_DURATION,
+            open: isOpen,
+            onCpslModalExited: handleModalExited,
+            onCpslModalEntering: handleModalEntering,
+            onCpslModalRequestClose: handleClose,
+            noOverlay: bareModal,
+            className,
+            "data-testid": "modal",
+            $embeddedModal: embeddedModal,
+            children: isModalMounted && (isInit && embeddedModal || !embeddedModal) && /* @__PURE__ */ jsx(
+              ModalContent,
+              __spreadValues({
+                oAuthMethods,
+                disableEmailLogin,
+                disablePhoneLogin,
+                onClose: handleClose
+              }, rest)
+            )
+          }
         )
       }
-    ) });
+    );
   }
 );
 const StyledAuthModal = styled(CpslAuthModal)`

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

@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
 import { TExternalWallet } from '../../types/externalWallets.js';
 interface ExternalWalletsWrapperProps extends PropsWithChildren {
     wallets?: TExternalWallet[];
-    externalWalletsWithFullAuth?: TExternalWallet[];
+    createLinkedEmbeddedForExternalWallets?: TExternalWallet[];
 }
-export declare const ExternalWalletsWrapper: ({ children, wallets, externalWalletsWithFullAuth }: ExternalWalletsWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExternalWalletsWrapper: ({ children, wallets, createLinkedEmbeddedForExternalWallets, }: ExternalWalletsWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modal/components/ExternalWalletsWrapper/ExternalWalletsWrapper.js

@@ -21,7 +21,11 @@ import {
 import { useModalStore, useUserInfoStore } from "../../stores/index.js";
 import { useExternalWalletProviderStore } from "../../stores/externalWalletProvider/useExternalWalletProviderStore.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-const ExternalWalletsWrapper = ({ children, wallets, externalWalletsWithFullAuth }) => {
+const ExternalWalletsWrapper = ({
+  children,
+  wallets,
+  createLinkedEmbeddedForExternalWallets
+}) => {
   const para = useInternalClient();
   const resetModalState = useModalStore((state) => state.resetState);
   const resetUserInfoState = useUserInfoStore((state) => state.resetState);
@@ -114,7 +118,7 @@ const ExternalWalletsWrapper = ({ children, wallets, externalWalletsWithFullAuth
       solanaContext,
       cosmosContext,
       walletSort: wallets,
-      externalWalletsWithFullAuth,
+      createLinkedEmbeddedForExternalWallets,
       children
     }
   ) }) }) });

package/dist/modal/constants/constants.js

@@ -119,7 +119,7 @@ const BODY_MOTION_VARIANTS = {
 const BODY_TRANSITION = {
   duration: 0.2
 };
-const SDK_VERSION = "1.15.1";
+const SDK_VERSION = "1.17.0";
 export {
   BODY_MOTION_VARIANTS,
   BODY_TRANSITION,

package/dist/modal/providers/ExternalWalletContext.d.ts

@@ -59,9 +59,9 @@ interface ExternalWalletProviderProps {
     evmContext: Context<EvmExternalWalletContextType>;
     solanaContext: Context<SolanaExternalWalletContextType>;
     cosmosContext: Context<CosmosExternalWalletContextType>;
-    externalWalletsWithFullAuth?: TExternalWallet[];
+    createLinkedEmbeddedForExternalWallets?: TExternalWallet[];
 }
-export declare function ExternalWalletProvider({ children, evmContext, solanaContext, cosmosContext, walletSort, externalWalletsWithFullAuth, }: ExternalWalletProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExternalWalletProvider({ children, evmContext, solanaContext, cosmosContext, walletSort, createLinkedEmbeddedForExternalWallets, }: ExternalWalletProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare const useExternalWallets: () => {
     wallets: CommonWallet[];
     chains: CommonChain[];

package/dist/modal/providers/ExternalWalletContext.js

@@ -41,7 +41,7 @@ function ExternalWalletProvider({
   solanaContext,
   cosmosContext,
   walletSort,
-  externalWalletsWithFullAuth
+  createLinkedEmbeddedForExternalWallets
 }) {
   const {
     wallets: evmWallets,
@@ -283,7 +283,7 @@ function ExternalWalletProvider({
             return;
           }
         } else if (address) {
-          if (!para.externalWalletConnectionOnly && (externalWalletsWithFullAuth == null ? void 0 : externalWalletsWithFullAuth.includes(wallet2.id.toUpperCase()))) {
+          if (!para.externalWalletConnectionOnly && (createLinkedEmbeddedForExternalWallets == null ? void 0 : createLinkedEmbeddedForExternalWallets.includes(wallet2.id.toUpperCase()))) {
             yield completeFullAuth(address, wallet2.type, userExists, isVerified, bufferAddress);
           } else {
             setStep(ModalStep.LOGIN_DONE);
@@ -292,7 +292,7 @@ function ExternalWalletProvider({
         setIsExternalWalletConnecting(false);
       }
     }),
-    [isExternalWalletConnecting, externalWalletsWithFullAuth]
+    [isExternalWalletConnecting, createLinkedEmbeddedForExternalWallets]
   );
   const disconnectExternalWallet = () => __async(this, null, function* () {
     yield para.logout();

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

@@ -11,7 +11,8 @@ export declare enum EvmWallet {
 export declare enum SolanaWallet {
     PHANTOM = "PHANTOM",
     GLOW = "GLOW",
-    BACKPACK = "BACKPACK"
+    BACKPACK = "BACKPACK",
+    SOLFLARE = "SOLFLARE"
 }
 export declare enum CosmosWallet {
     KEPLR = "KEPLR",
@@ -23,6 +24,7 @@ export declare const ExternalWallet: {
     PHANTOM: SolanaWallet.PHANTOM;
     GLOW: SolanaWallet.GLOW;
     BACKPACK: SolanaWallet.BACKPACK;
+    SOLFLARE: SolanaWallet.SOLFLARE;
     METAMASK: EvmWallet.METAMASK;
     RAINBOW: EvmWallet.RAINBOW;
     COINBASE: EvmWallet.COINBASE;

package/dist/modal/types/externalWallets.js

@@ -17,6 +17,7 @@ var SolanaWallet = /* @__PURE__ */ ((SolanaWallet2) => {
   SolanaWallet2["PHANTOM"] = "PHANTOM";
   SolanaWallet2["GLOW"] = "GLOW";
   SolanaWallet2["BACKPACK"] = "BACKPACK";
+  SolanaWallet2["SOLFLARE"] = "SOLFLARE";
   return SolanaWallet2;
 })(SolanaWallet || {});
 var CosmosWallet = /* @__PURE__ */ ((CosmosWallet2) => {

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

@@ -117,11 +117,19 @@ export interface ParaModalProps {
      */
     externalWallets?: TExternalWallet[];
     /**
+     * @deprecated Use `createLinkedEmbeddedForExternalWallets` instead.
+     *
      * Which external wallets to include full Para authentication for.
      *
      * These wallets should also be included in the externalWallets list in order to be displayed in the modal.
      */
     externalWalletsWithParaAuth?: TExternalWallet[];
+    /**
+     * Which external wallets to include full Para authentication for.
+     *
+     * These wallets should also be included in the externalWallets list in order to be displayed in the modal.
+     */
+    createLinkedEmbeddedForExternalWallets?: TExternalWallet[];
     /**
      * How the modal should order the components on the main auth screen.
      * Only the first method of each type (auth or external) will be used.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "1.15.1",
+  "version": "1.17.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,9 +12,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "1.15.1",
-    "@getpara/react-components": "1.15.1",
-    "@getpara/web-sdk": "1.15.1",
+    "@getpara/react-common": "1.17.0",
+    "@getpara/react-components": "1.17.0",
+    "@getpara/web-sdk": "1.17.0",
     "@tanstack/react-query": "^5.0.0",
     "date-fns": "^3.6.0",
     "framer-motion": "11.3.28",
@@ -51,5 +51,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "591a28303fdd9abd944d512e7dfdb73759a32ed8"
+  "gitHead": "857cb45a49040c475fa7431f36134b0d5cb630f5"
 }