@getpara/react-sdk 1.0.2 → 1.2.0

package/dist/modal/components/ModalContent/ModalContent.js

@@ -168,8 +168,6 @@ export const ModalContent = forwardRef(({ onRampConfig: propsOnRampConfig, twoFa
     }, [isLogin, currentStep]);
     function createAccountWithPassword() {
         return __awaiter(this, void 0, void 0, function* () {
-            clearTimeout(createAccountTimeout.current);
-            createAccountTimeout.current = window.setTimeout(awaitWalletCreationTransition, DEFAULTS.POLLING_INTERVAL_MS);
             setStep(ModalStep.PASSWORD_CREATION);
         });
     }
@@ -223,6 +221,10 @@ export const ModalContent = forwardRef(({ onRampConfig: propsOnRampConfig, twoFa
         if (![ModalStep.AWAITING_OAUTH, ModalStep.FARCASTER_OAUTH].includes(currentStep)) {
             para.exitOAuth();
         }
+        if (currentStep === ModalStep.PASSWORD_CREATION) {
+            clearTimeout(createAccountTimeout.current);
+            createAccountTimeout.current = window.setTimeout(awaitWalletCreationTransition, DEFAULTS.POLLING_INTERVAL_MS);
+        }
     }, [currentStep]);
     useEffect(() => {
         if (!onRampConfig) {

package/dist/modal/components/OAuth/FarcasterOAuthStep.js

@@ -43,7 +43,6 @@ const FarcasterOAuthStep = () => {
             const pollStatus = () => __awaiter(void 0, void 0, void 0, function* () {
                 const { userExists, username, pfpUrl } = yield para.waitForFarcasterStatus();
                 setAuthInfo({ farcasterUsername: username, pfpUrl });
-                setStep(ModalStep.AWAITING_OAUTH);
                 if (userExists) {
                     const supportedAuthMethods = yield para.initiateUserLoginV2({ farcasterUsername: username });
                     if (supportedAuthMethods.size > 0) {

package/dist/modal/components/VerificationCodeStep/VerificationCodeStep.js

@@ -87,7 +87,7 @@ export const VerificationCodeStep = () => {
                     setShouldRouteToStep(ModalStep.BIOMETRIC_CREATION);
                     return;
                 }
-                else if ((yield para.getSupportedCreateAuthMethods()).has(AuthMethod.PASSWORD)) {
+                else if (supportedCreateAuthMethods.has(AuthMethod.PASSWORD)) {
                     setIsIFrameReady(false);
                     isEmail ? yield para.verifyEmail({ verificationCode: code }) : yield para.verifyPhone({ verificationCode: code });
                     const url = yield para.getSetupPasswordURL({ authType: authInfo === null || authInfo === void 0 ? void 0 : authInfo.authType, theme });

package/dist/provider/ParaProvider.js

@@ -9,8 +9,9 @@ export const ParaProvider = ({ children, paraClientConfig, callbacks, config = D
     useAutoSessionKeepAlive({ disabled: config.disableAutoSessionKeepAlive });
     const setClient = useStore(state => state.setClient);
     useEffect(() => {
-        const newClient = new ParaInternal(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts);
+        var _a;
+        const newClient = (_a = config.paraClientOverride) !== null && _a !== void 0 ? _a : new ParaInternal(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts);
         setClient(newClient);
-    }, [paraClientConfig]);
+    }, [paraClientConfig, config.paraClientOverride]);
     return children;
 };

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

@@ -3,4 +3,4 @@ export interface WaitForLoginAndSetupArgs {
     loginWindow?: Window;
     skipSessionRefresh?: boolean;
 }
-export declare const waitForLoginAndSetup: (para?: ParaWeb, args?: WaitForLoginAndSetupArgs) => Promise<import("@getpara/web-sdk").LoginResp>;
+export declare const waitForLoginAndSetup: (para?: ParaWeb, args?: WaitForLoginAndSetupArgs) => Promise<import("@getpara/web-sdk").LoginResponse>;

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

@@ -1,2 +1,2 @@
 import ParaWeb from '@getpara/web-sdk';
-export declare const waitForPasskeyAndCreateWallet: (para?: ParaWeb) => Promise<import("@getpara/web-sdk").AccountSetupResp>;
+export declare const waitForPasskeyAndCreateWallet: (para?: ParaWeb) => Promise<import("@getpara/web-sdk").AccountSetupResponse>;

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

@@ -2,13 +2,13 @@ import { UseMutateAsyncFunction, UseMutateFunction } from '@tanstack/react-query
 import { WaitForLoginAndSetupArgs } from '../../actions/waitForLoginAndSetup.js';
 import { Compute } from '../../types/utils.js';
 import { UseMutationReturnType } from '../../types/query.js';
-import { LoginResp } from '@getpara/web-sdk';
-type UseWaitForLoginAndSetupReturnType<TData = LoginResp, TError = Error, TVariables = WaitForLoginAndSetupArgs, TContext = unknown> = Compute<UseMutationReturnType<TData, TError, TVariables, TContext> & {
+import { LoginResponse } from '@getpara/web-sdk';
+type UseWaitForLoginAndSetupReturnType<TData = LoginResponse, TError = Error, TVariables = WaitForLoginAndSetupArgs, TContext = unknown> = Compute<UseMutationReturnType<TData, TError, TVariables, TContext> & {
     waitForLoginAndSetup: UseMutateFunction<TData, TError, TVariables, TContext>;
     waitForLoginAndSetupAsync: UseMutateAsyncFunction<TData, TError, TVariables, TContext>;
 }>;
 /**
  * Hook for waiting for user login and account setup
  */
-export declare const useWaitForLoginAndSetup: () => UseWaitForLoginAndSetupReturnType<LoginResp, Error, WaitForLoginAndSetupArgs, unknown>;
+export declare const useWaitForLoginAndSetup: () => UseWaitForLoginAndSetupReturnType<LoginResponse, Error, WaitForLoginAndSetupArgs, unknown>;
 export {};

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

@@ -1,13 +1,13 @@
 import { UseMutateAsyncFunction, UseMutateFunction } from '@tanstack/react-query';
 import { UseMutationReturnType } from '../../types/query.js';
 import { Compute } from '../../types/utils.js';
-import { AccountSetupResp } from '@getpara/web-sdk';
-type UseWaitForPasskeyAndCreateWalletReturnType<TData = AccountSetupResp, TError = Error, TVariables = void, TContext = unknown> = Compute<UseMutationReturnType<TData, TError, TVariables, TContext> & {
+import { AccountSetupResponse } from '@getpara/web-sdk';
+type UseWaitForPasskeyAndCreateWalletReturnType<TData = AccountSetupResponse, TError = Error, TVariables = void, TContext = unknown> = Compute<UseMutationReturnType<TData, TError, TVariables, TContext> & {
     waitForPasskeyAndCreateWallet: UseMutateFunction<TData, TError, TVariables, TContext>;
     waitForPasskeyAndCreateWalletAsync: UseMutateAsyncFunction<TData, TError, TVariables, TContext>;
 }>;
 /**
  * Hook for waiting for session setup and wallet creation
  */
-export declare const useWaitForPasskeyAndCreateWallet: () => UseWaitForPasskeyAndCreateWalletReturnType<AccountSetupResp, Error, void, unknown>;
+export declare const useWaitForPasskeyAndCreateWallet: () => UseWaitForPasskeyAndCreateWalletReturnType<AccountSetupResponse, Error, void, unknown>;
 export {};

package/dist/provider/hooks/utils/useEventListeners.d.ts

@@ -1,2 +1,2 @@
 import { Callbacks } from '../../types/provider.js';
-export declare const useEventListeners: ({ onLogin, onLogout, onAccountSetup, onAccountCreation, onSignMessage, onSignTransaction, onWalletCreated, onPregenWalletClaimed, onExternalWalletChange, onWalletsChange, }: Callbacks) => void;
+export declare const useEventListeners: ({ onLogin, onLogout, onAccountSetup, onAccountCreation, onSignMessage, onSignTransaction, onWalletCreated, onPregenWalletClaimed, onExternalWalletChange, onWalletsChange, }?: Callbacks) => void;

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

@@ -5,7 +5,7 @@ import { ParaEvent, } from '@getpara/web-sdk';
 import { ACCOUNT_BASE_KEY } from '../queries/useAccount.js';
 import { useStore } from '../../stores/useStore.js';
 import { WALLET_BASE_KEY } from '../../hooks/queries/useWallet.js';
-export const useEventListeners = ({ onLogin, onLogout, onAccountSetup, onAccountCreation, onSignMessage, onSignTransaction, onWalletCreated, onPregenWalletClaimed, onExternalWalletChange, onWalletsChange, }) => {
+export const useEventListeners = ({ onLogin, onLogout, onAccountSetup, onAccountCreation, onSignMessage, onSignTransaction, onWalletCreated, onPregenWalletClaimed, onExternalWalletChange, onWalletsChange, } = {}) => {
     const queryClient = useQueryClient();
     const client = useClient();
     const clearSelectedWallet = useStore(state => state.clearSelectedWallet);

package/dist/provider/stores/getters.js

@@ -1,5 +1,5 @@
-import { useStore } from './useStore.js';
-export const getClient = () => useStore().client;
-export const getIsOpen = () => useStore().isOpen;
-export const getSelectedWalletId = () => useStore().selectedWalletId;
-export const getSelectedWalletType = () => useStore().selectedWalletType;
+import { vanillaStore } from './useStore.js';
+export const getClient = () => vanillaStore.getState().client;
+export const getIsOpen = () => vanillaStore.getState().isOpen;
+export const getSelectedWalletId = () => vanillaStore.getState().selectedWalletId;
+export const getSelectedWalletType = () => vanillaStore.getState().selectedWalletType;

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

@@ -1,5 +1,6 @@
+import { StoreApi } from 'zustand';
 import { Store } from './types.js';
-export declare const useStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<Store>, "persist"> & {
+export declare const vanillaStore: Omit<StoreApi<Store>, "persist"> & {
     persist: {
         setOptions: (options: Partial<import("zustand/middleware").PersistOptions<Store, Pick<Store, "selectedWalletId" | "selectedWalletType">>>) => void;
         clearStorage: () => void;
@@ -9,4 +10,8 @@ export declare const useStore: import("zustand").UseBoundStore<Omit<import("zust
         onFinishHydration: (fn: (state: Store) => void) => () => void;
         getOptions: () => Partial<import("zustand/middleware").PersistOptions<Store, Pick<Store, "selectedWalletId" | "selectedWalletType">>>;
     };
-}>;
+};
+export declare const useStore: {
+    (): Store;
+    <T>(selector: (state: Store) => T): T;
+};

package/dist/provider/stores/useStore.js

@@ -1,7 +1,7 @@
-import { create } from 'zustand';
+import { createStore, useStore as useZustandStore } from 'zustand';
 import { createClientSlice, createModalSlice, createWalletSlice } from './slices/index.js';
 import { createJSONStorage, persist } from 'zustand/middleware';
-export const useStore = create()(persist((...a) => (Object.assign(Object.assign(Object.assign({}, createClientSlice(...a)), createModalSlice(...a)), createWalletSlice(...a))), {
+export const vanillaStore = createStore()(persist((...a) => (Object.assign(Object.assign(Object.assign({}, createClientSlice(...a)), createModalSlice(...a)), createWalletSlice(...a))), {
     version: 1,
     name: '@PARA/web-state',
     storage: createJSONStorage(() => sessionStorage),
@@ -10,3 +10,5 @@ export const useStore = create()(persist((...a) => (Object.assign(Object.assign(
         selectedWalletType: state.selectedWalletType,
     }),
 }));
+const createBoundedUseStore = (store => selector => useZustandStore(store, selector));
+export const useStore = createBoundedUseStore(vanillaStore);

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

@@ -1,4 +1,4 @@
-import { AccountCreationEvent, AccountSetupEvent, ConstructorOpts, Environment, ExternalWalletChangeEvent, LoginEvent, LogoutEvent, PregenWalletClaimedEvent, SignMessageEvent, SignTransactionEvent, WalletCreatedEvent, WalletsChangeEvent } from '@getpara/web-sdk';
+import ParaWeb, { AccountCreationEvent, AccountSetupEvent, ConstructorOpts, Environment, ExternalWalletChangeEvent, LoginEvent, LogoutEvent, PregenWalletClaimedEvent, SignMessageEvent, SignTransactionEvent, WalletCreatedEvent, WalletsChangeEvent } from '@getpara/web-sdk';
 import { PropsWithChildren } from 'react';
 export type Callbacks = {
     onLogout?: (event: LogoutEvent) => void;
@@ -15,8 +15,8 @@ export type Callbacks = {
 export type ParaProviderConfig = {
     disableAutoSessionKeepAlive?: boolean;
 };
-export interface ParaProviderProps extends PropsWithChildren {
-    paraClientConfig: {
+interface ParaProviderPropsBase extends PropsWithChildren {
+    paraClientConfig?: {
         env: Environment;
         apiKey: string;
         opts?: ConstructorOpts;
@@ -24,3 +24,15 @@ export interface ParaProviderProps extends PropsWithChildren {
     callbacks?: Callbacks;
     config?: ParaProviderConfig;
 }
+export type ParaProviderProps = ({
+    config: ParaProviderConfig & {
+        paraClientOverride: ParaWeb;
+    };
+    paraClientConfig?: never;
+} & ParaProviderPropsBase) | ({
+    config?: ParaProviderConfig & {
+        paraClientOverride?: never;
+    };
+    paraClientConfig: ParaProviderPropsBase['paraClientConfig'];
+} & ParaProviderPropsBase);
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,9 +12,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "1.0.2",
-    "@getpara/react-components": "1.0.2",
-    "@getpara/web-sdk": "1.0.2",
+    "@getpara/react-common": "1.2.0",
+    "@getpara/react-components": "1.2.0",
+    "@getpara/web-sdk": "1.2.0",
     "@tanstack/react-query": "^5.0.0",
     "date-fns": "^3.6.0",
     "detect-browser": "^5.3.0",
@@ -48,5 +48,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "b52cb28fc10a5fda8c49747e98b512d680b5ded0"
+  "gitHead": "a9162c59be1456292d46c56787c1d5bf313bf24b"
 }