@getpara/react-sdk 2.0.0-alpha.12 → 2.0.0-alpha.13

package/dist/modal/ParaModal.js

@@ -2,6 +2,7 @@
 import {
   __async,
   __objRest,
+  __spreadProps,
   __spreadValues
 } from "../chunk-MMUBH76A.js";
 import { jsx } from "react/jsx-runtime";
@@ -22,6 +23,7 @@ import { useStore } from "../provider/stores/useStore.js";
 import parsePhoneNumberFromString from "libphonenumber-js";
 import { useAuthActions } from "../provider/providers/AuthProvider.js";
 import { validateAuth } from "./utils/authInputHelpers.js";
+import { SDK_VERSION } from "./constants/constants.js";
 defineCustomElements();
 const ParaModal = forwardRef((props, ref) => {
   const storedModalConfig = useStore((state) => state.modalConfig);
@@ -49,6 +51,7 @@ const ParaModal = forwardRef((props, ref) => {
   const [isModalMounted, setIsModalMounted] = useState(false);
   const [isInit, setIsInit] = useState(false);
   const externalWallets = useStore((state) => state.externalWallets);
+  const providerProps = useStore((state) => state.providerProps);
   const _a = __spreadValues(__spreadValues({}, storedModalConfig), props), {
     isOpen: configIsOpen,
     theme,
@@ -80,6 +83,32 @@ const ParaModal = forwardRef((props, ref) => {
     "onClose",
     "defaultAuthIdentifier"
   ]);
+  useEffect(() => {
+    const trackAnalytics = () => __async(void 0, null, function* () {
+      try {
+        yield para.ctx.client.trackReactSdkAnalytics({
+          props: __spreadValues(__spreadProps(__spreadValues({}, providerProps), {
+            theme,
+            disableEmailLogin,
+            disablePhoneLogin,
+            isGuestModeEnabled,
+            oAuthMethods,
+            bareModal,
+            className,
+            currentStepOverride,
+            authLayout,
+            embeddedModal,
+            onModalStepChange,
+            onClose,
+            defaultAuthIdentifier
+          }), rest),
+          reactSdkVersion: SDK_VERSION
+        });
+      } catch (_) {
+      }
+    });
+    trackAnalytics();
+  }, []);
   const isOpen = configIsOpen != null ? configIsOpen : storedIsOpen;
   useImperativeHandle(ref, () => {
     return {

package/dist/modal/components/AddFunds/AddFundsReceive.js

@@ -21,9 +21,9 @@ import { useAddFunds } from "./AddFundsContext.js";
 import { formatNetworkList } from "../../utils/stringFormatters.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 const GENERIC_WALLET = {
-  EVM: "Ethereum or EVM-based L2s",
-  SOLANA: "Solana",
-  COSMOS: "Cosmos"
+  EVM: "Ethereum or EVM-based networks",
+  SOLANA: "Solana or SVM-based networks",
+  COSMOS: "Cosmos networks"
 };
 function AddFundsReceive() {
   const [isCopied, copy] = useCopyToClipboard();

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

@@ -36,4 +36,5 @@ export declare const NETWORK_NOT_SUPPORTED_ERROR = "network not supported";
 export declare const EMAIL_REGEX: RegExp;
 export declare const BODY_MOTION_VARIANTS: Variants;
 export declare const BODY_TRANSITION: Transition;
+export declare const SDK_VERSION: string;
 export {};

package/dist/modal/constants/constants.js

@@ -119,6 +119,7 @@ const BODY_MOTION_VARIANTS = {
 const BODY_TRANSITION = {
   duration: 0.2
 };
+const SDK_VERSION = "2.0.0-alpha.13";
 export {
   BODY_MOTION_VARIANTS,
   BODY_TRANSITION,
@@ -130,6 +131,7 @@ export {
   ON_RAMP_PROVIDERS,
   PARA_CONNECT,
   PARA_TERMS_AND_CONDITIONS,
+  SDK_VERSION,
   getAssetCode,
   getAssetIcon,
   getAssetName,

package/dist/provider/ParaProvider.js

@@ -1,5 +1,8 @@
 "use client";
-import "../chunk-MMUBH76A.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect } from "react";
 import { useStore } from "./stores/useStore.js";
@@ -26,6 +29,13 @@ const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config
   const appName = useStore((state) => state.appName);
   const rpcUrl = useStore((state) => state.rpcUrl);
   const setRpcUrl = useStore((state) => state.setRpcUrl);
+  const setProviderProps = useStore((state) => state.setProviderProps);
+  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]);
@@ -43,15 +53,17 @@ const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config
   }, [externalWalletConfig == null ? void 0 : externalWalletConfig.wallets]);
   useEffect(() => {
     var _a, _b;
-    if (externalWalletsWithFullAuth !== (externalWalletConfig == null ? void 0 : externalWalletConfig.walletsWithParaAuth)) {
+    if (externalWalletsWithFullAuth !== (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets)) {
       if (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly) {
-        console.warn("walletsWithParaAuth has no effect when using externalWalletConnectionOnly");
+        console.warn("createLinkedEmbeddedForExternalWallets has no effect when using externalWalletConnectionOnly");
         setExternalWalletsWithFullAuth([]);
       } else {
-        setExternalWalletsWithFullAuth((_b = externalWalletConfig == null ? void 0 : externalWalletConfig.walletsWithParaAuth) != null ? _b : []);
+        setExternalWalletsWithFullAuth(
+          (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) === "ALL" ? Object.values(ExternalWallet) : (_b = externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) != null ? _b : []
+        );
       }
     }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.walletsWithParaAuth]);
+  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets]);
   useEffect(() => {
     if (!isConfigType(paraClientConfig) && !isParaWeb(paraClientConfig)) {
       throw new Error("Invalid Para config");

package/dist/provider/stores/slices/analytics.d.ts

@@ -0,0 +1,3 @@
+import { StateCreator } from 'zustand';
+import { AnalyticsSlice, Store } from '../types.js';
+export declare const createAnalyticsSlice: StateCreator<Store, [], [], AnalyticsSlice>;

package/dist/provider/stores/slices/analytics.js

@@ -0,0 +1,9 @@
+"use client";
+import "../../../chunk-MMUBH76A.js";
+const createAnalyticsSlice = (set) => ({
+  providerProps: {},
+  setProviderProps: (providerProps) => set({ providerProps })
+});
+export {
+  createAnalyticsSlice
+};

package/dist/provider/stores/slices/index.d.ts

@@ -2,3 +2,4 @@ export * from './client.js';
 export * from './modal.js';
 export * from './wallet.js';
 export * from './externalWallets.js';
+export * from './analytics.js';

package/dist/provider/stores/slices/index.js

@@ -3,3 +3,4 @@ export * from "./client.js";
 export * from "./modal.js";
 export * from "./wallet.js";
 export * from "./externalWallets.js";
+export * from "./analytics.js";

package/dist/provider/stores/types.d.ts

@@ -14,6 +14,10 @@ export interface ConfigSlice {
     appName: string;
     setAppName: (_: string) => void;
 }
+export interface AnalyticsSlice {
+    providerProps: object;
+    setProviderProps: (_: object) => void;
+}
 export interface ModalSlice {
     modalConfig?: ParaModalProps;
     setModalConfig: (_?: ParaModalProps) => void;
@@ -61,4 +65,4 @@ export interface ExternalWalletsSlice {
     setIsLoadingSolanaLib: (_: boolean) => void;
     onLoginRef: MutableRefObject<(() => Promise<void>) | null>;
 }
-export type Store = ClientSlice & ModalSlice & WalletSlice & ExternalWalletsSlice & ConfigSlice;
+export type Store = ClientSlice & ModalSlice & WalletSlice & ExternalWalletsSlice & ConfigSlice & AnalyticsSlice;

package/dist/provider/stores/useStore.js

@@ -3,12 +3,18 @@ import {
   __spreadValues
 } from "../../chunk-MMUBH76A.js";
 import { createStore, useStore as useZustandStore } from "zustand";
-import { createClientSlice, createExternalWalletsSlice, createModalSlice, createWalletSlice } from "./slices/index.js";
+import {
+  createAnalyticsSlice,
+  createClientSlice,
+  createExternalWalletsSlice,
+  createModalSlice,
+  createWalletSlice
+} from "./slices/index.js";
 import { createJSONStorage, persist } from "zustand/middleware";
 import { createConfigSlice } from "./slices/config.js";
 const vanillaStore = createStore()(
   persist(
-    (...a) => __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, createClientSlice(...a)), createModalSlice(...a)), createWalletSlice(...a)), createExternalWalletsSlice(...a)), createConfigSlice(...a)),
+    (...a) => __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, createClientSlice(...a)), createModalSlice(...a)), createWalletSlice(...a)), createExternalWalletsSlice(...a)), createConfigSlice(...a)), createAnalyticsSlice(...a)),
     {
       version: 1,
       name: "@PARA/provider-state",

package/dist/provider/types/provider.d.ts

@@ -107,9 +107,11 @@ export type ExternalWalletConfig<chains extends readonly [Chain, ...Chain[]], tr
      */
     wallets?: TExternalWallet[];
     /**
-     * Which external wallets will include full verification and Para auth.
+     * Array of external wallets that will also include linked embedded wallets.
+     *
+     * You can also pass `ALL` to include linked embedded wallets for all external wallets.
      */
-    walletsWithParaAuth?: TExternalWallet[];
+    createLinkedEmbeddedForExternalWallets?: TExternalWallet[] | 'ALL';
 };
 export interface ParaProviderProps<chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]['id'], Transport>> extends PropsWithChildren {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "2.0.0-alpha.12",
+  "version": "2.0.0-alpha.13",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,9 +15,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "2.0.0-alpha.12",
-    "@getpara/react-components": "2.0.0-alpha.12",
-    "@getpara/web-sdk": "2.0.0-alpha.12",
+    "@getpara/react-common": "2.0.0-alpha.13",
+    "@getpara/react-components": "2.0.0-alpha.13",
+    "@getpara/web-sdk": "2.0.0-alpha.13",
     "date-fns": "^3.6.0",
     "framer-motion": "11.3.28",
     "libphonenumber-js": "^1.11.1",
@@ -33,9 +33,9 @@
     "cli": "node ./dist/cli/cli.mjs"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.12",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.12",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.12",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.13",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.13",
+    "@getpara/solana-wallet-connectors": "2.0.0-alpha.13",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
@@ -63,5 +63,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "3a1284d5bb57c48fe53f651872da9a6e6903400a"
+  "gitHead": "fbd9384b1b3fb8577f9d6c323d4e41d0de1ac83b"
 }