@truworth/twc-auth 3.0.6 → 3.0.8

package/build/src/contexts/AuthContext.js

@@ -23,6 +23,8 @@ const AuthPackageContext = React.createContext(null);
  * Wraps both AuthContext (public) and AuthPackageContext (internal).
  *
  * @param children - React children to be rendered inside the provider
+ * @param router - Router adapter for navigation in web apps only
+ * @param basePath - Base path for web routes where the auth module is mounted (default: '')
  * @param LogoComponent - Optional component for branding/logo in auth flows
  * @param session - Initial session containing token & sessionTimeout (if available)
  * @param supportEmail - Optional support email for auth flows

package/build/src/screens/CreatePassword/index.js

@@ -5,7 +5,10 @@ import { ScreenLayout } from "../../components/ScreenLayout";
 import { PasswordCriteria } from "../../components/PasswordCriteria";
 const CreatePassword = ({ userDetails, handleBack, onContinue }) => {
     const { countryCode, email } = userDetails;
-    const { password, confirmPassword, handlePassword, handleConfirmPassword, passwordVisible, setPasswordVisible, confirmPasswordVisible, setConfirmPasswordVisible, criteria, setCriteria, maxLength, setMaxLength, handleSkip, isContinueDisabled } = useCreatePassword();
+    const { password, confirmPassword, handlePassword, handleConfirmPassword, passwordVisible, setPasswordVisible, confirmPasswordVisible, setConfirmPasswordVisible, criteria, setCriteria, maxLength, setMaxLength, handleSkip, isContinueDisabled } = useCreatePassword({
+        initialPassword: userDetails.password,
+        initialConfirmPassword: userDetails.confirmPassword,
+    });
     return (_jsx(ScreenLayout, { title: _jsxs(Flex, { justify: "between", align: "center", children: [_jsx(Typography, { type: "heading", size: "h5", children: "Create your Password" }), countryCode == '91' &&
                     _jsx(Button, { label: "Skip Now", variant: "link", onClick: () => handleSkip({ onResult: () => onContinue('', '') }) })] }), subTitle: "Use a password that's easy to remember and fulfills all the requirements listed below.", buttonProps: {
             label: 'Continue',

package/build/src/screens/EnterMobile/hooks/internal/useEnterMobile.js

@@ -37,7 +37,10 @@ const useEnterMobile = () => {
             if (!mobileExist) {
                 onRegistrationMethodChange(RegistrationMethod.MOBILE);
             }
-            onValidate({ mobileExist, email: linkedAccounts?.[0]?.email ?? '' });
+            onValidate({
+                mobileExist,
+                memberId: linkedAccounts?.[0]?.memberId ?? ''
+            });
         }
         catch (err) {
             const errorMessage = err?.response?.data?.errors?.[0]?.message ?? 'Something went wrong';

package/build/src/screens/EnterMobile/index.js

@@ -15,6 +15,7 @@ const EnterMobile = ({ onPressBack }) => {
     const [showVerifyLinkPrimaryEmailModal, setShowVerifyLinkPrimaryEmailModal] = useState(false);
     const [showVerifyLinkPrimaryMobileModal, setShowVerifyLinkPrimaryMobileModal] = useState(false);
     const [email, setEmail] = useState('');
+    const [memberId, setMemberId] = useState('');
     const [sessionToken, setSessionToken] = useState('');
     const [selectedCountry, setSelectedCountry] = useState({
         countryCode: "in",
@@ -26,9 +27,9 @@ const EnterMobile = ({ onPressBack }) => {
     const { loading, phone, isValidPhone, countryCode, setCountryCode, existingAccounts, showExistingAccountsSheet, setShowExistingAccountsSheet, handleValidatePhone, handleEnterMobile, } = useEnterMobile();
     const handleSubmit = () => {
         handleValidatePhone({
-            onValidate: ({ mobileExist, email }) => {
-                if (mobileExist && email) {
-                    setEmail(email);
+            onValidate: ({ mobileExist, memberId }) => {
+                if (mobileExist && memberId) {
+                    setMemberId(memberId);
                     setShowLoginWithMobileOTPModal(true);
                 }
                 else {
@@ -55,7 +56,7 @@ const EnterMobile = ({ onPressBack }) => {
                                     setCountryCode(country.phoneCode);
                                     setSelectedCountry(country);
                                 } }) }) }) }) }), showLoginWithMobileOTPModal &&
-                _jsx(LoginWithMobileOTPModal, { email: email, phone: phone, show: showLoginWithMobileOTPModal, hide: () => setShowLoginWithMobileOTPModal(false) }), showExistingAccountsSheet &&
+                _jsx(LoginWithMobileOTPModal, { memberId: memberId, phone: phone, show: showLoginWithMobileOTPModal, hide: () => setShowLoginWithMobileOTPModal(false) }), showExistingAccountsSheet &&
                 _jsx(ExistingAccountsSheet, { phone: phone, visible: showExistingAccountsSheet, existingAccounts: existingAccounts, onInitiateAccountLinking: ({ sessionToken, email }) => {
                         setSessionToken(sessionToken);
                         setEmail(email);
@@ -75,7 +76,7 @@ const VerifyLinkPrimaryAccountEmailOTPModal = ({ show, hide, email, sessionToken
 const VerifyLinkPrimaryAccountMobileOTPModal = ({ show, hide, phone, sessionToken }) => {
     return (_jsx(ResponsiveModal, { title: "Verify Mobile Number", open: show, onClose: hide, maskClosable: false, showCloseButton: false, size: 'sm', children: _jsx(VerifyLinkPrimaryAccountMobileOTP, { phone: phone, sessionToken: sessionToken }) }));
 };
-const LoginWithMobileOTPModal = ({ show, hide, email, phone }) => {
-    return (_jsx(ResponsiveModal, { open: show, onClose: hide, title: _jsx(Typography, { type: "heading", size: "h6", className: "text-center mb-0", children: "Verify Mobile Number" }), showCloseButton: false, maskClosable: false, size: 'sm', children: _jsx(LoginWithMobileOTP, { phone: phone, email: email }) }));
+const LoginWithMobileOTPModal = ({ show, hide, memberId, phone }) => {
+    return (_jsx(ResponsiveModal, { open: show, onClose: hide, title: _jsx(Typography, { type: "heading", size: "h6", className: "text-center mb-0", children: "Verify Mobile Number" }), showCloseButton: false, maskClosable: false, size: 'sm', children: _jsx(LoginWithMobileOTP, { phone: phone, memberId: memberId }) }));
 };
 export default EnterMobile;

package/build/src/screens/EnterMobile/index.native.js

@@ -23,11 +23,11 @@ const EnterMobile = ({ navigation }) => {
     const handleSubmit = () => {
         Keyboard.dismiss();
         handleValidatePhone({
-            onValidate: ({ mobileExist, email }) => {
-                if (mobileExist && email) {
+            onValidate: ({ mobileExist, memberId }) => {
+                if (mobileExist && memberId) {
                     navigation.navigate('LoginWithMobileOTP', {
                         phone,
-                        email
+                        memberId
                     });
                 }
                 else {

package/build/src/screens/LoginWithMobileOTP/hooks/internal/useLoginWithMobileOTP.js

@@ -3,7 +3,7 @@ import { useAuthPackageContext } from "../../../../hooks/internal/useAuthPackage
 import { axiosClient } from "../../../../api/axiosClient";
 import { useInterval } from "../../../../hooks/internal/useTimer";
 import { showMessage } from "../../../../helpers/show-message";
-const useLoginWithMobileOTP = ({ phone, email, source }) => {
+const useLoginWithMobileOTP = ({ phone, source, memberId }) => {
     const [timer, setTimer] = useState(180);
     const [status, setStatus] = useState('timer');
     const [sessionToken, setSessionToken] = useState('');
@@ -19,7 +19,7 @@ const useLoginWithMobileOTP = ({ phone, email, source }) => {
         axiosClient({
             url: '/auth/login/mobile/v2',
             method: 'POST',
-            data: { phone, email, source },
+            data: { phone, source, memberId },
         }).then((res) => {
             setSessionToken(res.data.sessionToken);
             setStatus('timer');
@@ -28,7 +28,7 @@ const useLoginWithMobileOTP = ({ phone, email, source }) => {
             console.log(err);
             showMessage({ message: err.response.data.errors[0].message || "Verification failed" });
         });
-    }, [phone, email, source]);
+    }, [phone, source, memberId]);
     const verifyOtp = useCallback((otp) => {
         if (!sessionToken) {
             showMessage({ message: "Session expired. Please resend OTP." });
@@ -58,10 +58,10 @@ const useLoginWithMobileOTP = ({ phone, email, source }) => {
         });
     }, [sessionToken]);
     useEffect(() => {
-        if (email && source) {
+        if (memberId && phone && source) {
             sendOtp();
         }
-    }, [email, source, sendOtp]);
+    }, [memberId, phone, source, sendOtp]);
     return {
         timer,
         status,

package/build/src/screens/LoginWithMobileOTP/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { VerifyMobileOTP } from '../../components/VerifyMobileOTP';
 import { useLoginWithMobileOTP } from './hooks/internal/useLoginWithMobileOTP';
-const LoginWithMobileOTP = ({ phone, email }) => {
-    const { timer, status, verifyOtp, sendOtp, } = useLoginWithMobileOTP({ phone, email, source: 'web' });
+const LoginWithMobileOTP = ({ phone, memberId }) => {
+    const { timer, status, verifyOtp, sendOtp, } = useLoginWithMobileOTP({ phone, memberId, source: 'web' });
     return (_jsx(VerifyMobileOTP, { timer: timer, phone: phone, status: status, validateOTP: verifyOtp, resendOTP: sendOtp }));
 };
 export default LoginWithMobileOTP;

package/build/src/screens/LoginWithMobileOTP/index.native.js

@@ -3,8 +3,8 @@ import { VerifyMobileOTP } from '../../components/VerifyMobileOTP';
 import { useLoginWithMobileOTP } from './hooks/internal/useLoginWithMobileOTP';
 import { Platform } from 'react-native';
 const LoginWithMobileOTP = ({ route }) => {
-    const { phone, email } = route.params;
-    const { timer, status, verifyOtp, sendOtp, } = useLoginWithMobileOTP({ phone, email, source: Platform.OS });
+    const { phone, memberId } = route.params;
+    const { timer, status, verifyOtp, sendOtp, } = useLoginWithMobileOTP({ phone, memberId, source: Platform.OS });
     return (_jsx(VerifyMobileOTP, { timer: timer, phone: phone, status: status, validateOTP: verifyOtp, resendOTP: sendOtp }));
 };
 export default LoginWithMobileOTP;

package/build/src/screens/PartnerSSO/PartnerLogin/components/PartnerLoginWebComponent/index.js

@@ -27,11 +27,13 @@ const PartnerLoginWebComponent = ({ partner: partnerProp }) => {
     const [token, setToken] = useState('');
     const [path, setPath] = useState(undefined);
     const [isInitialized, setIsInitialized] = useState(false);
-    // Clear localStorage only ONCE on initial mount
+    // Clear only auth-related localStorage keys on mount to avoid wiping host app state
     useEffect(() => {
         if (typeof window !== 'undefined') {
             try {
-                localStorage.clear();
+                localStorage.removeItem('clientId');
+                localStorage.removeItem('authMethod');
+                localStorage.removeItem('profileData');
             }
             catch (e) {
                 // Ignore localStorage errors
@@ -57,11 +59,12 @@ const PartnerLoginWebComponent = ({ partner: partnerProp }) => {
     const { isLoading, error } = usePartnerLogin({ partner, token, path });
     // If there's an error, redirect back after a delay
     useEffect(() => {
-        if (error) {
-            setTimeout(() => {
-                navigator.back();
-            }, 2000);
-        }
+        if (!error)
+            return;
+        const timeoutId = setTimeout(() => {
+            navigator.back();
+        }, 2000);
+        return () => clearTimeout(timeoutId);
     }, [error, navigator]);
     return (_jsx(Flex, { justify: 'center', align: 'center', className: 'h-[100vh]', children: _jsxs("div", { className: 'text-center', children: [_jsx(LoadingAnimation, { height: 230, width: 250 }), error ? (_jsxs(_Fragment, { children: [_jsx(Typography, { size: 'h6', type: 'heading', color: 'error', children: error }), _jsx(Typography, { size: 'small', type: 'body', color: 'gray-400', className: 'mt-2', children: "Redirecting back..." })] })) : (_jsx(_Fragment, { children: _jsx(Typography, { size: 'h6', type: 'heading', color: 'gray-400', children: "Authenticating and Redirecting ..." }) }))] }) }));
 };

package/build/src/screens/PartnerSSO/PartnerLogin/components/PartnerLoginWebComponent/index.native.js

@@ -0,0 +1,6 @@
+const PartnerLoginWebComponent = () => {
+    if (__DEV__)
+        console.warn("[@truworth/twc-auth] PartnerLoginWebComponent is web-only");
+    return null;
+};
+export { PartnerLoginWebComponent };

package/build/src/screens/PartnerSSO/PartnerLogin/hooks/internal/usePartnerLogin.js

@@ -40,6 +40,8 @@ const usePartnerLogin = ({ partner, token, path }) => {
                 const errorMessage = err?.response?.data?.errors?.[0]?.message || 'Authentication failed';
                 setError(errorMessage);
                 showMessage({ message: errorMessage });
+            }
+            finally {
                 setIsLoading(false);
             }
         };

package/build/src/screens/PartnerSSO/PartnerRegistration/components/PartnerRegistrationWebComponent/index.js

@@ -46,7 +46,20 @@ const PartnerRegistrationWebComponent = ({ partner: partnerProp }) => {
     const [isHuman, setIsHuman] = useState(!isProduction);
     const [termsAndConditions, setTermsAndConditions] = useState(false);
     const [emailExists, setEmailExists] = useState(false);
-    // Extract query params on mount
+    // Clear only auth-related localStorage keys on mount to avoid wiping host app state
+    useEffect(() => {
+        if (typeof window !== 'undefined') {
+            try {
+                localStorage.removeItem('clientId');
+                localStorage.removeItem('authMethod');
+                localStorage.removeItem('profileData');
+            }
+            catch (e) {
+                console.warn('Failed to clear auth localStorage keys:', e);
+            }
+        }
+    }, []);
+    // Extract query params on mount and when they change
     useEffect(() => {
         const query = navigator.query;
         // Use prop if provided, otherwise try query params
@@ -59,15 +72,6 @@ const PartnerRegistrationWebComponent = ({ partner: partnerProp }) => {
         if (typeof query.path === 'string') {
             setPath(query.path);
         }
-        // Clear localStorage on partner registration (clean slate)
-        if (typeof window !== 'undefined') {
-            try {
-                localStorage.clear();
-            }
-            catch (e) {
-                console.warn('Failed to clear localStorage:', e);
-            }
-        }
     }, [navigator.query, partnerProp]);
     // Update partner if prop changes
     useEffect(() => {

package/build/src/screens/PartnerSSO/PartnerRegistration/components/PartnerRegistrationWebComponent/index.native.js

@@ -0,0 +1,6 @@
+const PartnerRegistrationWebComponent = () => {
+    if (__DEV__)
+        console.warn("[@truworth/twc-auth] PartnerRegistrationWebComponent is web-only");
+    return null;
+};
+export { PartnerRegistrationWebComponent };

package/build/types/contexts/AuthContext.d.ts

@@ -21,6 +21,8 @@ declare const AuthPackageContext: React.Context<AuthPackageContextValue | null>;
  * Wraps both AuthContext (public) and AuthPackageContext (internal).
  *
  * @param children - React children to be rendered inside the provider
+ * @param router - Router adapter for navigation in web apps only
+ * @param basePath - Base path for web routes where the auth module is mounted (default: '')
  * @param LogoComponent - Optional component for branding/logo in auth flows
  * @param session - Initial session containing token & sessionTimeout (if available)
  * @param supportEmail - Optional support email for auth flows

package/build/types/contexts/type.d.ts

@@ -32,8 +32,8 @@ interface AppConfig {
 }
 interface AuthContextProps {
     children: React.ReactNode;
-    /** Router adapter for navigation - must be provided by host app */
-    router: RouterAdapter;
+    /** Router adapter for navigation - must be provided by web host app */
+    router?: RouterAdapter;
     /** Base path where the auth module is mounted (e.g., '' for root or '/auth') */
     basePath?: string;
     LogoComponent?: React.ComponentType | React.ReactElement;
@@ -65,9 +65,9 @@ interface AuthContextValue {
 interface AuthPackageContextValue {
     token: string;
     /** Router adapter for navigation */
-    router: RouterAdapter;
+    router?: RouterAdapter;
     /** Base path where the auth module is mounted */
-    basePath: string;
+    basePath?: string;
     LogoComponent?: React.ComponentType | React.ReactElement;
     appConfig: AppConfig;
     socialLoginConfig?: Partial<Record<SocialLoginsEnum, {

package/build/types/navigator/index.native.d.ts

@@ -67,7 +67,7 @@ export type AuthStackParamList = {
     EnterMobile: undefined;
     LoginWithMobileOTP: {
         phone: string;
-        email: string;
+        memberId: string;
     };
     VerifyLinkPrimaryAccountEmailOTP: {
         email: string;

package/build/types/screens/EnterMobile/types.d.ts

@@ -32,13 +32,13 @@ interface VerifyLinkedMobileModalProps {
 interface LoginWithMobileOTPModalProps {
     show: boolean;
     hide: () => void;
-    email: string;
+    memberId: string;
     phone: string;
 }
 type ValidatePhoneParams = {
     onValidate: (args: {
         mobileExist: boolean;
-        email?: string;
+        memberId: string;
     }) => void;
 };
 export type { Members, ValidatePhoneParams, MultipleAccount, VerifyLinkedEmailModalProps, VerifyLinkedMobileModalProps, LoginWithMobileOTPModalProps };

package/build/types/screens/LoginWithMobileOTP/hooks/internal/useLoginWithMobileOTP.d.ts

@@ -1,7 +1,7 @@
-declare const useLoginWithMobileOTP: ({ phone, email, source }: {
+declare const useLoginWithMobileOTP: ({ phone, source, memberId }: {
     phone: string;
-    email: string;
     source: string;
+    memberId: string;
 }) => {
     timer: number;
     status: string;

package/build/types/screens/LoginWithMobileOTP/index.d.ts

@@ -1,5 +1,5 @@
-declare const LoginWithMobileOTP: ({ phone, email }: {
+declare const LoginWithMobileOTP: ({ phone, memberId }: {
     phone: string;
-    email: string;
+    memberId: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default LoginWithMobileOTP;

package/build/types/screens/PartnerSSO/PartnerLogin/components/PartnerLoginWebComponent/index.native.d.ts

@@ -0,0 +1,2 @@
+declare const PartnerLoginWebComponent: () => null;
+export { PartnerLoginWebComponent };

package/build/types/screens/PartnerSSO/PartnerRegistration/components/PartnerRegistrationWebComponent/index.native.d.ts

@@ -0,0 +1,2 @@
+declare const PartnerRegistrationWebComponent: () => null;
+export { PartnerRegistrationWebComponent };

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "description": "Truworth Auth Package for React Native and Web",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "main": "build/src/index.js",
   "types": "build/types/index.d.ts",
   "files": [
@@ -49,7 +49,6 @@
     "lottie-react": "^2.4.1",
     "lottie-react-native": "6.7.2",
     "moment": "^2.30.1",
-    "next": "15.5.9",
     "react": "18.3.1",
     "react-dom": "^18.2.0",
     "react-google-login": "^5.2.2",