@getpara/react-sdk 1.12.1-dev.2 → 1.13.1

package/dist/modal/ParaModal.js

@@ -22,6 +22,7 @@ import { useStore } from "../provider/stores/useStore.js";
 import { getExternalWalletDisplayName } from "@getpara/react-common";
 import { useInternalClient } from "../provider/hooks/utils/useInternalClient.js";
 import { useExternalWalletProviderStore } from "./stores/externalWalletProvider/useExternalWalletProviderStore.js";
+import { SDK_VERSION } from "./constants/constants.js";
 defineCustomElements();
 const ParaModal = forwardRef(
   (_a, ref) => {
@@ -33,6 +34,21 @@ const ParaModal = forwardRef(
     const setRpcUrl = useStore((state) => state.setRpcUrl);
     const { closeModal, openModal } = useModal();
     const updateExternalWalletProviderState = useExternalWalletProviderStore((state) => state.updateState);
+    useEffect(() => {
+      const trackAnalytics = () => __async(void 0, null, function* () {
+        try {
+          yield para.ctx.client.trackReactSdkAnalytics({
+            props: __spreadValues({
+              externalWalletsWithParaAuth,
+              rpcUrlFromProps
+            }, rest),
+            reactSdkVersion: SDK_VERSION
+          });
+        } catch (_) {
+        }
+      });
+      trackAnalytics();
+    }, []);
     useEffect(() => {
       updateExternalWalletProviderState({ fullAuthWallets: externalWalletsWithParaAuth });
     }, [externalWalletsWithParaAuth]);

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

@@ -8,7 +8,7 @@ import { OnRampProvider } from "@getpara/web-sdk";
 import { useModalStore, useThemeStore } from "../../stores/index.js";
 import { lazy, useEffect, useMemo, useState } from "react";
 import { ModalStep } from "../../utils/steps.js";
-import { RampEmbed, StripeEmbed } from "@getpara/react-common";
+import { RampEmbed } from "@getpara/react-common";
 import styled from "styled-components";
 import { useGoBack } from "../../hooks/useGoBack.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
@@ -45,12 +45,12 @@ const AddFundsAwaiting = () => {
       return null;
     }
     switch (onRampPurchase == null ? void 0 : onRampPurchase.provider) {
-      case OnRampProvider.STRIPE:
-        return /* @__PURE__ */ jsx(StripeEmbed, __spreadValues({}, props));
       case OnRampProvider.MOONPAY:
         return !MoonPayEmbed || typeof window === "undefined" ? null : /* @__PURE__ */ jsx(MoonPayEmbed, __spreadValues({}, props));
       case OnRampProvider.RAMP:
         return /* @__PURE__ */ jsx(RampEmbed, __spreadValues({ apiKey: onRampConfig.rampApiKey }, props));
+      default:
+        return null;
     }
   }, [onRampPurchase == null ? void 0 : onRampPurchase.provider, MoonPayEmbed]);
   useEffect(() => {

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 = "1.13.1";
 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/actions/getAccount.d.ts

@@ -1,7 +1,6 @@
 import ParaWeb from '@getpara/web-sdk';
 export declare const getAccount: (para?: ParaWeb) => Promise<{
     isConnected: boolean;
-    isGuestMode: boolean;
     email: any;
     phone: any;
     wallets: any;

package/dist/provider/actions/getAccount.js

@@ -6,7 +6,6 @@ const getAccount = (para) => __async(void 0, null, function* () {
   const isLoggedIn = yield para == null ? void 0 : para.isFullyLoggedIn();
   const resp = {
     isConnected: !!isLoggedIn,
-    isGuestMode: para == null ? void 0 : para.isGuestMode,
     email: void 0,
     phone: void 0,
     wallets: void 0

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

@@ -8,4 +8,3 @@ export { useLogout } from './useLogout.js';
 export { useKeepSessionAlive } from './useKeepSessionAlive.js';
 export { useSignMessage } from './useSignMessage.js';
 export { useSignTransaction } from './useSignTransaction.js';
-export { useCreateGuestWallets } from './useCreateGuestWallets.js';

package/dist/provider/hooks/mutations/index.js

@@ -10,10 +10,8 @@ import { useLogout } from "./useLogout.js";
 import { useKeepSessionAlive } from "./useKeepSessionAlive.js";
 import { useSignMessage } from "./useSignMessage.js";
 import { useSignTransaction } from "./useSignTransaction.js";
-import { useCreateGuestWallets } from "./useCreateGuestWallets.js";
 export {
   useCheckIfUserExists,
-  useCreateGuestWallets,
   useCreateUser,
   useInitiateLogin,
   useKeepSessionAlive,

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

@@ -4,7 +4,6 @@ export declare const ACCOUNT_BASE_KEY = "PARA_ACCOUNT";
  */
 export declare const useAccount: () => import("@tanstack/react-query").UseQueryResult<{
     isConnected: boolean;
-    isGuestMode: boolean;
     email: any;
     phone: any;
     wallets: any;

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

@@ -14,6 +14,7 @@ const useWalletBalance = (args, queryOptions) => {
   const rpcUrl = useStore((state) => state.rpcUrl);
   const completeArgs = __spreadValues({ walletId: selectedWallet.id, rpcUrl }, args);
   return useQuery(__spreadValues({
+    enabled: !!client && !!selectedWallet.id,
     queryKey: [WALLET_BALANCE_BASE_KEY, client == null ? void 0 : client.getUserId(), completeArgs],
     queryFn: () => __async(void 0, null, function* () {
       return yield getWalletBalance(client, completeArgs);

package/dist/provider/hooks/utils/useEventListeners.js

@@ -9,6 +9,7 @@ import {
 import { ACCOUNT_BASE_KEY } from "../queries/useAccount.js";
 import { useStore } from "../../stores/useStore.js";
 import { WALLET_BASE_KEY } from "../../hooks/queries/useWallet.js";
+import { WALLET_BALANCE_BASE_KEY } from "../queries/useWalletBalance.js";
 const useEventListeners = ({
   onLogin,
   onLogout,
@@ -36,6 +37,7 @@ const useEventListeners = ({
   const loginOrSetupListener = () => {
     queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
     queryClient.invalidateQueries({ queryKey: [WALLET_BASE_KEY], exact: false });
+    queryClient.invalidateQueries({ queryKey: [WALLET_BALANCE_BASE_KEY], exact: false });
   };
   const accountCreationListener = (event) => {
     onAccountCreation == null ? void 0 : onAccountCreation(event);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "1.12.1-dev.2",
+  "version": "1.13.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,9 +12,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "1.12.1-dev.0",
-    "@getpara/react-components": "1.12.0",
-    "@getpara/web-sdk": "1.12.0",
+    "@getpara/react-common": "1.13.1",
+    "@getpara/react-components": "1.13.1",
+    "@getpara/web-sdk": "1.13.1",
     "@tanstack/react-query": "^5.0.0",
     "date-fns": "^3.6.0",
     "framer-motion": "11.3.28",
@@ -23,6 +23,12 @@
     "zustand": "^4.5.2",
     "zustand-sync-tabs": "^0.2.2"
   },
+  "scripts": {
+    "post-build": "./scripts/post-build.sh",
+    "build": "rm -rf dist && yarn typegen && node ./scripts/build.mjs && yarn post-build",
+    "typegen": "tsc --emitDeclarationOnly",
+    "test": "vitest run --coverage"
+  },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
@@ -35,13 +41,7 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-dom": "*",
-    "styled-components": "^6"
-  },
-  "peerDependenciesMeta": {
-    "styled-components": {
-      "optional": true
-    }
+    "react-dom": "*"
   },
   "files": [
     "dist",
@@ -51,11 +51,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "e6e791d4e4f9afd94f2093d6045d686b85e5a682",
-  "scripts": {
-    "post-build": "./scripts/post-build.sh",
-    "build": "rm -rf dist && yarn typegen && node ./scripts/build.mjs && yarn post-build",
-    "typegen": "tsc --emitDeclarationOnly",
-    "test": "vitest run --coverage"
-  }
-}
+  "gitHead": "6bac76c23aee8c182077ff43bda38d2cfd7c9027"
+}

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

@@ -1,16 +0,0 @@
-import { OnrampSessionResult } from '@stripe/crypto';
-export declare const STRIPE_PUBLISHABLE_KEY = "pk_live_51MvquNGrzDeP5yP9EgVSMBPQbrbg0oHDjPIIXypePd0jzOFjbadyfO7wBKLHhUtbKIUiEUVC3YYcTJyAmJ8xA7JE00T2UDfYKz";
-export declare const STRIPE_PUBLISHABLE_KEY_TEST = "pk_test_51MvquNGrzDeP5yP98WgPaAUgQ50I3OpfPhVfiLO47FBHepJnZRPO62IzZY2uxT5ovhSS10RwcTcnaVil1mcJOzIi00dHapODdS";
-export declare const CryptoElements: ({ stripeOnramp, children }: {
-    stripeOnramp: any;
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useStripeOnramp: () => any;
-export declare const OnrampElement: ({ clientSecret, appearance, onReady, onSessionChange, ...props }: {
-    clientSecret: string;
-    appearance: "dark" | "light";
-    onReady?: () => void;
-    onSessionChange: (_: {
-        session: OnrampSessionResult;
-    }) => void;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/StripeComponents/StripeComponents.js

@@ -1,88 +0,0 @@
-"use client";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../../../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-const STRIPE_PUBLISHABLE_KEY = "pk_live_51MvquNGrzDeP5yP9EgVSMBPQbrbg0oHDjPIIXypePd0jzOFjbadyfO7wBKLHhUtbKIUiEUVC3YYcTJyAmJ8xA7JE00T2UDfYKz";
-const STRIPE_PUBLISHABLE_KEY_TEST = "pk_test_51MvquNGrzDeP5yP98WgPaAUgQ50I3OpfPhVfiLO47FBHepJnZRPO62IzZY2uxT5ovhSS10RwcTcnaVil1mcJOzIi00dHapODdS";
-const CryptoElementsContext = React.createContext(null);
-CryptoElementsContext.displayName = "CryptoElementsContext";
-const CryptoElements = ({ stripeOnramp, children }) => {
-  const [ctx, setContext] = React.useState(() => ({
-    onramp: null
-  }));
-  React.useEffect(() => {
-    let isMounted = true;
-    Promise.resolve(stripeOnramp).then((onramp) => {
-      if (onramp && isMounted) {
-        setContext((ctx2) => ctx2.onramp ? ctx2 : { onramp });
-      }
-    });
-    return () => {
-      isMounted = false;
-    };
-  }, [stripeOnramp]);
-  return /* @__PURE__ */ jsx(CryptoElementsContext.Provider, { value: ctx, children });
-};
-const useStripeOnramp = () => {
-  const context = React.useContext(CryptoElementsContext);
-  return context == null ? void 0 : context.onramp;
-};
-const useOnrampSessionListener = (type, session, callback) => {
-  React.useEffect(() => {
-    if (session && callback) {
-      const listener = (e) => callback(e.payload);
-      session.addEventListener(type, listener);
-      return () => {
-        session.removeEventListener(type, listener);
-      };
-    }
-    return () => {
-    };
-  }, [session, callback, type]);
-};
-const OnrampElement = (_a) => {
-  var _b = _a, {
-    clientSecret,
-    appearance,
-    onReady = () => {
-    },
-    onSessionChange
-  } = _b, props = __objRest(_b, [
-    "clientSecret",
-    "appearance",
-    "onReady",
-    "onSessionChange"
-  ]);
-  const stripeOnramp = useStripeOnramp();
-  const onrampElementRef = React.useRef(null);
-  const [session, setSession] = React.useState();
-  const appearanceJSON = JSON.stringify(appearance);
-  React.useEffect(() => {
-    const containerRef = onrampElementRef.current;
-    if (containerRef) {
-      containerRef.innerHTML = "";
-      if (clientSecret && stripeOnramp) {
-        setSession(
-          stripeOnramp.createSession({
-            clientSecret,
-            appearance: { theme: appearance }
-          }).mount(containerRef)
-        );
-      }
-    }
-  }, [appearanceJSON, clientSecret, stripeOnramp]);
-  useOnrampSessionListener("onramp_ui_loaded", session, onReady);
-  useOnrampSessionListener("onramp_session_updated", session, onSessionChange);
-  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, props), { ref: onrampElementRef }));
-};
-export {
-  CryptoElements,
-  OnrampElement,
-  STRIPE_PUBLISHABLE_KEY,
-  STRIPE_PUBLISHABLE_KEY_TEST,
-  useStripeOnramp
-};

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

@@ -1,2 +0,0 @@
-import ParaWeb, { CreateGuestWalletsParams } from '@getpara/web-sdk';
-export declare const createGuestWallets: (para?: ParaWeb, args?: CreateGuestWalletsParams) => Promise<import("@getpara/web-sdk").Wallet[]>;

package/dist/provider/actions/createGuestWallets.js

@@ -1,13 +0,0 @@
-"use client";
-import {
-  __async
-} from "../../chunk-MMUBH76A.js";
-const createGuestWallets = (para, args) => __async(void 0, null, function* () {
-  if (!para) {
-    throw new Error("no para instance");
-  }
-  return yield para.createGuestWallets(args);
-});
-export {
-  createGuestWallets
-};

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

@@ -1,15 +0,0 @@
-import { UseMutateAsyncFunction, UseMutateFunction } from '@tanstack/react-query';
-import { createGuestWallets } from '../../actions/createGuestWallets.js';
-import { Compute } from '../../types/utils.js';
-import { UseMutationReturnType } from '../../types/query.js';
-import { CreateGuestWalletsParams } from '@getpara/web-sdk';
-type Data = Awaited<ReturnType<typeof createGuestWallets>>;
-type UseCreateGuestWalletsReturnType<TData = Data, TError = Error, TVariables = CreateGuestWalletsParams, TContext = unknown> = Compute<UseMutationReturnType<TData, TError, TVariables, TContext> & {
-    createGuestWallets: UseMutateFunction<TData, TError, TVariables, TContext>;
-    createGuestWalletsAsync: UseMutateAsyncFunction<TData, TError, TVariables, TContext>;
-}>;
-/**
- * Hook for creating guest mode wallets
- */
-export declare const useCreateGuestWallets: () => UseCreateGuestWalletsReturnType<import("@getpara/web-sdk").Wallet[], Error, CreateGuestWalletsParams, unknown>;
-export {};

package/dist/provider/hooks/mutations/useCreateGuestWallets.js

@@ -1,23 +0,0 @@
-"use client";
-import {
-  __async
-} from "../../../chunk-MMUBH76A.js";
-import { useMutation } from "@tanstack/react-query";
-import { useClient } from "../index.js";
-import { createGuestWallets } from "../../actions/createGuestWallets.js";
-import { renameMutations } from "../../utils/renameMutations.js";
-const useCreateGuestWallets = () => {
-  const client = useClient();
-  const mutation = useMutation({
-    mutationFn: (args) => __async(void 0, null, function* () {
-      return yield createGuestWallets(client, args);
-    })
-  });
-  return renameMutations(
-    mutation,
-    "createGuestWallets"
-  );
-};
-export {
-  useCreateGuestWallets
-};