@truworth/twc-auth 3.0.1 → 3.0.3

package/build/src/index.js

@@ -14,6 +14,9 @@ export * from './navigator';
 export * from './screens/Login/components/LoginWebComponent/index';
 export * from './screens/SignUp/components/SignUpWebComponent/index';
 export * from './screens/SSOLogin/SSOCallback/components/SSOCallbackComponent/index';
+// export partner SSO components
+export * from './screens/PartnerSSO/PartnerLogin/components/PartnerLoginWebComponent';
+export * from './screens/PartnerSSO/PartnerRegistration/components/PartnerRegistrationWebComponent';
 // export profile components
 export * from './screens/Profile';
 // export constants

package/build/src/screens/CreatePassword/hooks/internal/useCreatePassword.js

@@ -4,12 +4,17 @@ import { defaultPolicy } from "../../../../constants/defaultPolicy";
  * @internal
  * Internal hook for managing CreatePassword screen state and auth context integration.
  * Not exposed to package consumers.
+ *
+ * Both web and native use the same pattern:
+ * - Hook manages password state internally
+ * - Use handlePassword/handleConfirmPassword to update state
+ * - Optional initial values for preserving state when navigating back
  */
-const useCreatePassword = () => {
+const useCreatePassword = (props) => {
     const [passwordVisible, setPasswordVisible] = useState(false);
     const [confirmPasswordVisible, setConfirmPasswordVisible] = useState(false);
-    const [password, setPassword] = useState('');
-    const [confirmPassword, setConfirmPassword] = useState('');
+    const [password, setPassword] = useState(props?.initialPassword || '');
+    const [confirmPassword, setConfirmPassword] = useState(props?.initialConfirmPassword || '');
     const [maxLength, setMaxLength] = useState(defaultPolicy.maxLength);
     const [criteria, setCriteria] = useState({});
     const handlePassword = (text) => {
@@ -23,7 +28,9 @@ const useCreatePassword = () => {
         setConfirmPassword('');
         onResult();
     };
-    const isContinueDisabled = !Object.keys(criteria).every(c => criteria[c]) || (password !== confirmPassword);
+    const allCriteriaMet = Object.keys(criteria).length > 0 && Object.keys(criteria).every(c => criteria[c]);
+    const passwordsMatch = password.length > 0 && password === confirmPassword;
+    const isContinueDisabled = !allCriteriaMet || !passwordsMatch;
     return {
         password, setPassword,
         confirmPassword, setConfirmPassword,

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

@@ -1,43 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Flex, Form, PasswordInput, Typography, useForm } from "@truworth/twc-web-design";
+import { Button, Flex, PasswordInput, Typography } from "@truworth/twc-web-design";
 import { useCreatePassword } from "./hooks/internal/useCreatePassword";
 import { ScreenLayout } from "../../components/ScreenLayout";
 import { PasswordCriteria } from "../../components/PasswordCriteria";
 const CreatePassword = ({ userDetails, handleBack, onContinue }) => {
     const { countryCode, email } = userDetails;
-    const form = useForm({
-        defaultValues: {
-            password: userDetails.password || '',
-            confirmPassword: userDetails.confirmPassword || '',
-        }
-    });
-    const { password, confirmPassword } = form.watch();
-    const { criteria, setCriteria, maxLength, setMaxLength, handleSkip, isContinueDisabled } = useCreatePassword();
+    const { password, confirmPassword, handlePassword, handleConfirmPassword, passwordVisible, setPasswordVisible, confirmPasswordVisible, setConfirmPasswordVisible, criteria, setCriteria, maxLength, setMaxLength, handleSkip, isContinueDisabled } = useCreatePassword();
     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: {
+                    _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',
             onClick: () => onContinue(password, confirmPassword),
             disabled: isContinueDisabled
-        }, onPressBack: handleBack, children: _jsxs(Form, { form: form, className: 'w-full', children: [_jsx(Form.Item, { name: "password", label: "Enter Password", normalize: (value) => value.replace(/\s/g, ''), rules: [
-                        {
-                            required: true,
-                            message: 'Please enter your password'
-                        }
-                    ], children: _jsx(PasswordInput, { placeholder: "Enter password", value: password, maxLength: maxLength, showStrengthIndicator: false }) }), _jsx(PasswordCriteria, { email: email, password: password, criteria: criteria, onCriteriaChange: setCriteria, onMaxLengthChange: setMaxLength }), _jsx(Form.Item, { name: "confirmPassword", label: "Confirm Password", className: "mt-6", normalize: (value) => value.replace(/\s/g, ''), rules: [
-                        {
-                            required: true,
-                            message: 'Please confirm your password',
-                        },
-                        {
-                            validator: async (_, value) => {
-                                const password = form.getValues('password');
-                                if (!value)
-                                    return;
-                                if (!value || password !== value) {
-                                    throw new Error('Passwords don’t match');
-                                }
-                            },
-                        },
-                    ], children: _jsx(PasswordInput, { className: "mb-6", value: confirmPassword, placeholder: "Re-enter password", maxLength: maxLength, showStrengthIndicator: false }) })] }) }));
+        }, onPressBack: handleBack, children: _jsxs("div", { style: { width: '100%' }, children: [_jsxs("div", { style: { marginBottom: '8px', width: '100%' }, children: [_jsx(Typography, { type: "body", size: "small", className: "mb-1 font-medium", children: "Enter Password" }), _jsx("div", { style: { width: '100%' }, children: _jsx(PasswordInput, { placeholder: "Enter password", value: password, onChange: (value) => handlePassword(value), maxLength: maxLength, showStrengthIndicator: false, style: { width: '100%' } }) })] }), _jsx(PasswordCriteria, { email: email, password: password, criteria: criteria, onCriteriaChange: setCriteria, onMaxLengthChange: setMaxLength }), _jsxs("div", { style: { marginTop: '24px', marginBottom: '24px', width: '100%' }, children: [_jsx(Typography, { type: "body", size: "small", className: "mb-1 font-medium", children: "Confirm Password" }), _jsx("div", { style: { width: '100%' }, children: _jsx(PasswordInput, { placeholder: "Re-enter password", value: confirmPassword, onChange: (value) => handleConfirmPassword(value), maxLength: maxLength, showStrengthIndicator: false, style: { width: '100%' } }) }), confirmPassword && password !== confirmPassword && (_jsx(Typography, { type: "body", size: "tiny", className: "text-red-500 mt-1", children: "Passwords don't match" }))] })] }) }));
 };
 export default CreatePassword;

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

@@ -0,0 +1,77 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Suspense, lazy, useEffect, useState } from 'react';
+import { Flex, Typography } from '@truworth/twc-web-design';
+import { usePartnerLogin } from '../../hooks/internal/usePartnerLogin';
+import { useNavigator } from '../../../../../hooks/useNavigator';
+import redirectAnimation from '../../../../../../assets/animation/redirect-home.json';
+const Lottie = lazy(() => import('react-lottie'));
+/**
+ * PartnerLoginWebComponent
+ *
+ * Handles partner SSO authentication flow for web applications.
+ * Extracts token and partner from URL query params, authenticates with backend,
+ * and redirects to the specified path on success.
+ *
+ * @example
+ * ```tsx
+ * // In your app's partner login route (react-router - pass partner from useParams)
+ * const { partner } = useParams();
+ * <PartnerLoginWebComponent partner={partner} />
+ *
+ * // In Next.js (partner comes from query params automatically)
+ * <PartnerLoginWebComponent />
+ * ```
+ */
+const PartnerLoginWebComponent = ({ partner: partnerProp }) => {
+    const navigator = useNavigator();
+    const [partner, setPartner] = useState(partnerProp || '');
+    const [token, setToken] = useState('');
+    const [path, setPath] = useState(undefined);
+    const [isInitialized, setIsInitialized] = useState(false);
+    // Clear localStorage only ONCE on initial mount
+    useEffect(() => {
+        if (typeof window !== 'undefined') {
+            try {
+                localStorage.clear();
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+        }
+    }, []);
+    // Extract query params
+    useEffect(() => {
+        if (isInitialized)
+            return;
+        const query = navigator.query;
+        // Use prop if provided, otherwise try query params
+        const partnerValue = partnerProp || (typeof query.partner === 'string' ? query.partner : '');
+        const tokenValue = typeof query.token === 'string' ? query.token : '';
+        const pathValue = typeof query.path === 'string' ? query.path : undefined;
+        if (partnerValue && tokenValue) {
+            setPartner(partnerValue);
+            setToken(tokenValue);
+            setPath(pathValue);
+            setIsInitialized(true);
+        }
+    }, [navigator.query, partnerProp, isInitialized]);
+    const { isLoading, error } = usePartnerLogin({ partner, token, path });
+    // If there's an error, redirect back after a delay
+    useEffect(() => {
+        if (error) {
+            setTimeout(() => {
+                navigator.back();
+            }, 2000);
+        }
+    }, [error, navigator]);
+    return (_jsx(Flex, { justify: 'center', align: 'center', className: 'h-[100vh]', children: _jsxs("div", { className: 'text-center', children: [_jsx(Suspense, { fallback: _jsx("div", { className: "h-[230px] w-[250px]" }), children: _jsx(Lottie
+                    //@ts-ignore
+                    , { 
+                        //@ts-ignore
+                        options: {
+                            animationData: redirectAnimation,
+                            loop: true,
+                            autoplay: true,
+                        }, 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 ..." }) }))] }) }));
+};
+export { PartnerLoginWebComponent };

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

@@ -0,0 +1,50 @@
+import { useCallback, useEffect, useState } from 'react';
+import { axiosClient } from '../../../../../api/axiosClient';
+import { showMessage } from '../../../../../helpers/show-message';
+import { useAuthPackageContext } from '../../../../../hooks/internal/useAuthPackageContext';
+/**
+ * @internal
+ * Hook for managing Partner SSO Login authentication.
+ * This hook is not exposed to package consumers.
+ */
+const usePartnerLogin = ({ partner, token, path }) => {
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [hasAttempted, setHasAttempted] = useState(false);
+    const { onLogin, onTokenChange } = useAuthPackageContext();
+    useEffect(() => {
+        // Only attempt authentication once when we have partner and token
+        if (hasAttempted || !partner || !token) {
+            return;
+        }
+        const authenticate = async () => {
+            setHasAttempted(true);
+            setIsLoading(true);
+            setError(null);
+            try {
+                const response = await axiosClient({
+                    url: `/auth/partners/${partner}/authenticate`,
+                    method: 'POST',
+                    data: { token },
+                });
+                const { token: authToken, member } = response.data;
+                // Update auth context
+                onTokenChange(authToken);
+                // Call onLogin callback - this will store token and redirect
+                await onLogin({
+                    token: authToken,
+                    member,
+                });
+            }
+            catch (err) {
+                const errorMessage = err?.response?.data?.errors?.[0]?.message || 'Authentication failed';
+                setError(errorMessage);
+                showMessage({ message: errorMessage });
+                setIsLoading(false);
+            }
+        };
+        authenticate();
+    }, [partner, token, path, hasAttempted, onLogin, onTokenChange]);
+    return { isLoading, error };
+};
+export { usePartnerLogin };

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

@@ -0,0 +1,2 @@
+export { PartnerLoginWebComponent } from './components/PartnerLoginWebComponent';
+export * from './types';

package/build/src/screens/PartnerSSO/PartnerLogin/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,203 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { Button, Col, CustomCheckbox, DatePicker, Flex, Form, RadioGroup, Row, TextInput, Typography, useForm, validationPatterns, } from '@truworth/twc-web-design';
+import { CalendarDays } from 'lucide-react';
+import ReCAPTCHA from 'react-google-recaptcha';
+import dayjs from 'dayjs';
+import moment from 'moment';
+import { ScreenLayout } from '../../../../../components/ScreenLayout';
+import { CountryCodeDropdown } from '../../../../CountryCode/components/CountryCodeDropdown';
+import { usePartnerRegistration } from '../../hooks/internal/usePartnerRegistration';
+import { useNavigator } from '../../../../../hooks/useNavigator';
+import { useAuthPackageContext } from '../../../../../hooks/internal/useAuthPackageContext';
+import { showMessage } from '../../../../../helpers/show-message';
+import { CDN_IMAGES_URL } from '../../../../../constants/cdn-url';
+const isProduction = process.env.NODE_ENV === 'production';
+const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+/**
+ * PartnerRegistrationWebComponent
+ *
+ * Handles partner SSO registration flow for web applications.
+ * Pre-fills form with data from JWT token and collects missing information.
+ *
+ * @example
+ * ```tsx
+ * // In your app's partner registration route (react-router - pass partner from useParams)
+ * const { partner } = useParams();
+ * <PartnerRegistrationWebComponent partner={partner} />
+ *
+ * // In Next.js (partner comes from query params automatically)
+ * <PartnerRegistrationWebComponent />
+ * ```
+ */
+const PartnerRegistrationWebComponent = ({ partner: partnerProp }) => {
+    const navigator = useNavigator();
+    const { appConfig } = useAuthPackageContext();
+    // Query params state
+    const [partner, setPartner] = useState(partnerProp || '');
+    const [token, setToken] = useState('');
+    const [path, setPath] = useState(undefined);
+    // Form state
+    const [selectedCountry, setSelectedCountry] = useState({
+        countryCode: 'in',
+        phoneCode: '91',
+        name: 'INDIA',
+    });
+    const [isHuman, setIsHuman] = useState(!isProduction);
+    const [termsAndConditions, setTermsAndConditions] = useState(false);
+    const [emailExists, setEmailExists] = useState(false);
+    // Extract query params on mount
+    useEffect(() => {
+        const query = navigator.query;
+        // Use prop if provided, otherwise try query params
+        if (!partnerProp && typeof query.partner === 'string') {
+            setPartner(query.partner);
+        }
+        if (typeof query.token === 'string') {
+            setToken(query.token);
+        }
+        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(() => {
+        if (partnerProp) {
+            setPartner(partnerProp);
+        }
+    }, [partnerProp]);
+    const { isLoading, tokenData, register, checkEmailExists } = usePartnerRegistration({
+        partner,
+        token,
+        path,
+    });
+    const form = useForm({
+        liveValidation: true,
+        defaultValues: {
+            firstName: '',
+            lastName: '',
+            dateOfBirth: undefined,
+            email: '',
+            phone: '',
+            gender: '',
+        },
+    });
+    const values = form.watch();
+    // Pre-fill form with token data
+    useEffect(() => {
+        if (tokenData) {
+            form.reset({
+                firstName: tokenData.firstName?.replace(/\s/g, '') || '',
+                lastName: tokenData.lastName?.replace(/\s/g, '') || '',
+                email: tokenData.email || '',
+                gender: tokenData.gender || '',
+                dateOfBirth: tokenData.dob ? moment(tokenData.dob, 'YYYY-MM-DD').toDate() : undefined,
+                phone: '',
+            });
+        }
+    }, [tokenData, form]);
+    const handleCaptcha = (value) => {
+        setIsHuman(Boolean(value));
+    };
+    const handleEmailBlur = async () => {
+        if (values.email && EMAIL_REGEX.test(values.email)) {
+            const exists = await checkEmailExists(values.email);
+            setEmailExists(exists);
+            if (exists) {
+                showMessage({ message: 'An account already exists with this email ID' });
+            }
+        }
+    };
+    const disabledDate = (current) => {
+        const currentDate = dayjs(current);
+        if (!currentDate.isValid()) {
+            return false;
+        }
+        const thirteenYearsAgo = dayjs().subtract(13, 'years');
+        const oldestAllowedDate = dayjs('1900-01-01');
+        return currentDate.isAfter(thirteenYearsAgo) || currentDate.isBefore(oldestAllowedDate);
+    };
+    const handleSubmit = async () => {
+        if (!values.gender) {
+            showMessage({ message: 'Please select your gender' });
+            return;
+        }
+        const formData = {
+            email: values.email.toLowerCase(),
+            countryCode: selectedCountry.phoneCode,
+            mobile: values.phone,
+            firstName: values.firstName,
+            lastName: values.lastName,
+            gender: values.gender,
+            dateOfBirth: values.dateOfBirth
+                ? moment(values.dateOfBirth).format('YYYY-MM-DD')
+                : '',
+        };
+        await register(formData);
+    };
+    const isFormValid = values.firstName &&
+        values.firstName.length >= 3 &&
+        values.lastName &&
+        values.lastName.length >= 3 &&
+        values.gender &&
+        values.dateOfBirth &&
+        values.email &&
+        EMAIL_REGEX.test(values.email) &&
+        !emailExists &&
+        values.phone &&
+        (selectedCountry.phoneCode === '91' ? values.phone.length === 10 : values.phone.length >= 6) &&
+        termsAndConditions &&
+        isHuman;
+    const appName = appConfig?.appName || 'The Wellness Corner';
+    const termsAndConditionsUrl = appConfig?.termsAndConditionsUrl || '/privacy-policy';
+    return (_jsxs(Flex, { direction: "column", className: "min-h-screen", children: [_jsx(Flex, { justify: "center", align: "center", className: "py-6 border-b", children: _jsx(Typography, { type: "heading", size: "h4", color: "primary", children: appName }) }), _jsxs(Flex, { direction: "row", className: "flex-1", children: [_jsxs(Flex, { direction: "column", justify: "center", className: "hidden lg:flex lg:w-1/2 bg-primary-50 p-12", children: [_jsxs(Typography, { type: "heading", size: "h2", className: "mb-4", children: ["Welcome To", _jsx("br", {}), appName] }), _jsx(Typography, { type: "body", size: "large", color: "gray-600", children: "We just need a few details to get you started. It will only take less than a minute. Please note we only need these details to communicate with you when you avail any of our services." })] }), _jsx(Flex, { direction: "column", className: "w-full lg:w-1/2 p-6 lg:p-12 overflow-y-auto", children: _jsx(ScreenLayout, { title: "Complete Your Registration", subTitle: "Tell us more about you so we can set up your account.", buttonProps: {
+                                loading: isLoading,
+                                label: 'Register',
+                                onClick: handleSubmit,
+                                disabled: !isFormValid,
+                            }, children: _jsxs(Form, { form: form, className: "w-full", children: [_jsx(Typography, { type: "heading", size: "h6", className: "mb-4", children: "Account Details" }), _jsx(Row, { gutter: 18, className: "py-0 my-0", children: _jsxs(Col, { xs: 24, children: [_jsx(Form.Item, { label: "Email Address", rules: [
+                                                        { required: true, message: 'Please enter your email' },
+                                                        { pattern: EMAIL_REGEX, message: 'Invalid email address' },
+                                                    ], ...form.register('email', {
+                                                        onBlur: handleEmailBlur,
+                                                    }), children: _jsx(TextInput, { type: "email", placeholder: "Enter your email address", className: emailExists ? 'border-red-500' : '' }) }), emailExists && (_jsx(Typography, { type: "utility", size: "small", color: "red-600", className: "-mt-4 mb-4", children: "An account with this email ID already exists" }))] }) }), _jsx(Row, { gutter: 18, className: "py-0 my-0", children: _jsx(Col, { xs: 24, children: _jsx(Form.Item, { label: "Mobile Number", rules: [{ required: true, message: 'Please enter your mobile number' }], ...form.register('phone'), children: _jsx(Flex, { className: "border border-gray-400 rounded-md", children: _jsx(TextInput, { type: "tel", placeholder: "Mobile number", maxLength: selectedCountry.phoneCode === '91' ? 10 : 14, className: "py-4 border-0 md:text-base", addonBefore: _jsx(CountryCodeDropdown, { selectedCountry: selectedCountry, handleSelect: (country) => {
+                                                                setSelectedCountry(country);
+                                                                form.setValue('phone', '');
+                                                            } }) }) }) }) }) }), _jsx(Typography, { type: "heading", size: "h6", className: "mb-4 mt-6", children: "Personal Details" }), _jsxs(Row, { gutter: 18, className: "py-0 my-0", children: [_jsx(Col, { xs: 24, md: 12, children: _jsx(Form.Item, { label: "First Name", rules: [
+                                                        { required: true, message: 'Please enter your first name' },
+                                                        { pattern: validationPatterns.nameOnly, message: 'Name can only contain letters' },
+                                                        {
+                                                            validator: async (_, value) => {
+                                                                if (value && value.length < 3) {
+                                                                    throw new Error('Name must be at least 3 characters');
+                                                                }
+                                                            },
+                                                        },
+                                                    ], normalize: (value) => (value ?? '').replace(/[^a-zA-Z]/g, ''), ...form.register('firstName'), children: _jsx(TextInput, { placeholder: "Enter your first name" }) }) }), _jsx(Col, { xs: 24, md: 12, children: _jsx(Form.Item, { label: "Last Name", rules: [
+                                                        { required: true, message: 'Please enter your last name' },
+                                                        { pattern: validationPatterns.nameOnly, message: 'Name can only contain letters' },
+                                                        {
+                                                            validator: async (_, value) => {
+                                                                if (value && value.length < 3) {
+                                                                    throw new Error('Name must be at least 3 characters');
+                                                                }
+                                                            },
+                                                        },
+                                                    ], normalize: (value) => (value ?? '').replace(/[^a-zA-Z]/g, ''), ...form.register('lastName'), children: _jsx(TextInput, { placeholder: "Enter your last name" }) }) })] }), _jsxs(Row, { gutter: 18, className: "py-0 mt-4 relative", children: [_jsx(Col, { xs: 18, md: 19, children: _jsx(Typography, { type: "body", size: "large", className: "text-gray-700", children: "Your biological sex at the time of birth" }) }), _jsxs(Col, { xs: 6, md: 5, className: "flex justify-end group", children: [_jsx(Typography, { type: "body", size: "large", className: "text-primary cursor-pointer whitespace-nowrap", children: "Know More" }), _jsxs(Flex, { className: "hidden group-hover:block w-full absolute left-2 top-6 rounded-md p-4 z-10 text-gray-950 bg-white shadow-[0_0_10px_0_rgba(0,0,0,0.3)]", children: [_jsxs(Flex, { className: "p-0 mb-3 gap-3", children: [_jsx("img", { src: `${CDN_IMAGES_URL}/registration/gender-diversity.svg`, alt: "gender diversity", width: 44, height: 44, className: "h-auto" }), _jsxs(Typography, { type: "body", size: "large", className: "text-gray-800", children: [appName, " respects Gender Diversity & Inclusion!"] })] }), _jsxs(Typography, { type: "body", size: "small", className: "text-gray-500", children: [appName, " aims to provide you with a personalized wellness experience. This requires us to incorporate certain algorithms based on protocols provided by established health & medical institutions around the world. These protocols are based on your biological sex at birth."] })] })] })] }), _jsx(Row, { className: "py-0 mb-5", children: _jsx(Col, { children: _jsx(Form.Item, { className: "mt-4", rules: [{ required: true, message: 'Please select your biological sex' }], ...form.register('gender'), children: _jsx(RadioGroup, { orientation: "horizontal", options: [
+                                                        { label: 'Male', value: 'M' },
+                                                        { label: 'Female', value: 'F' },
+                                                    ] }) }) }) }), _jsx(Row, { gutter: 18, className: "py-0 my-5", children: _jsx(Col, { xs: 24, children: _jsx(Form.Item, { label: "Date of Birth", rules: [{ required: true, message: 'Please select your date of birth' }], ...form.register('dateOfBirth'), children: _jsx(DatePicker, { required: true, size: "middle", format: "dd/MM/yyyy", placeholder: "DD/MM/YYYY", 
+                                                    /* @ts-ignore */
+                                                    disabledDate: disabledDate, iconPosition: "right", defaultPickerValue: dayjs('1990-01-01').toDate(), suffixIcon: _jsx(CalendarDays, { className: "-mt-2" }) }) }) }) }), isProduction &&
+                                        (process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY ? (_jsx(Row, { gutter: 10, children: _jsx(Col, { span: 24, children: _jsx(ReCAPTCHA, { className: "g-recaptcha mt-4", sitekey: process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY, onChange: handleCaptcha, onExpired: () => setIsHuman(false), onErrored: () => setIsHuman(false), size: "normal" }) }) })) : (_jsx(Typography, { type: "utility", size: "small", color: "red-600", children: "reCAPTCHA misconfigured. Set NEXT_PUBLIC_RECAPTCHA_SITE_KEY." }))), _jsx(Row, { className: "py-0 my-5", children: _jsx(Col, { children: _jsx(CustomCheckbox, { checked: termsAndConditions, onClick: () => setTermsAndConditions((prev) => !prev), className: "mt-4", label: _jsxs(Typography, { type: "body", size: "medium", children: ["I accept the", _jsx("a", { target: "_blank", rel: "noopener noreferrer", href: termsAndConditionsUrl, className: "px-1 text-primary", children: "Terms & Conditions" }), "listed on ", appName] }) }) }) })] }) }) })] })] }));
+};
+export { PartnerRegistrationWebComponent };

package/build/src/screens/PartnerSSO/PartnerRegistration/hooks/internal/usePartnerRegistration.js

@@ -0,0 +1,90 @@
+import { useCallback, useEffect, useState } from 'react';
+import { jwtDecode } from 'jwt-decode';
+import { axiosClient } from '../../../../../api/axiosClient';
+import { showMessage } from '../../../../../helpers/show-message';
+import { useAuthPackageContext } from '../../../../../hooks/internal/useAuthPackageContext';
+/**
+ * @internal
+ * Hook for managing Partner SSO Registration.
+ * This hook is not exposed to package consumers.
+ */
+const usePartnerRegistration = ({ partner, token, path, }) => {
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [tokenData, setTokenData] = useState(null);
+    const { onLogin, onTokenChange } = useAuthPackageContext();
+    // Decode JWT token to pre-fill form fields
+    useEffect(() => {
+        if (token) {
+            try {
+                const decoded = jwtDecode(token);
+                setTokenData(decoded);
+            }
+            catch (err) {
+                console.warn('Failed to decode partner token:', err);
+            }
+        }
+    }, [token]);
+    const checkEmailExists = useCallback(async (email) => {
+        try {
+            await axiosClient({
+                url: '/auth/email-exists',
+                method: 'POST',
+                data: { email },
+            });
+            // If request succeeds, email exists
+            return true;
+        }
+        catch {
+            // If request fails (404), email doesn't exist
+            return false;
+        }
+    }, []);
+    const register = useCallback(async (formData) => {
+        if (!partner || !token) {
+            showMessage({ message: 'Missing partner or token information' });
+            return;
+        }
+        setIsLoading(true);
+        setError(null);
+        try {
+            const response = await axiosClient({
+                url: `/auth/partners/${partner}/registration`,
+                method: 'POST',
+                data: {
+                    ...formData,
+                    token,
+                },
+            });
+            const { token: authToken, member } = response.data;
+            const redirectPath = path || '/dashboard';
+            // Update auth context
+            onTokenChange(authToken);
+            // Call onLogin callback
+            await onLogin({
+                token: authToken,
+                member,
+            });
+            // Redirect to the specified path
+            if (typeof window !== 'undefined') {
+                window.location.assign(redirectPath);
+            }
+        }
+        catch (err) {
+            const errorMessage = err?.response?.data?.errors?.[0]?.message || 'Registration failed';
+            setError(errorMessage);
+            showMessage({ message: errorMessage });
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [partner, token, path, onLogin, onTokenChange]);
+    return {
+        isLoading,
+        error,
+        tokenData,
+        register,
+        checkEmailExists,
+    };
+};
+export { usePartnerRegistration };

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

@@ -0,0 +1,2 @@
+export { PartnerRegistrationWebComponent } from './components/PartnerRegistrationWebComponent';
+export * from './types';

package/build/src/screens/PartnerSSO/PartnerRegistration/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export * from './PartnerLogin';
+export * from './PartnerRegistration';

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

@@ -7,7 +7,6 @@ import { useAuthPackageContext } from '../../hooks/internal/useAuthPackageContex
 import { CDN_IMAGES_URL } from '../../constants/cdn-url';
 import { useConsent } from './hooks/internal/useConsent';
 import { ScreenLayout } from "../../components/ScreenLayout";
-import { useNavigator } from '../../hooks/useNavigator';
 import VerifyMobile from "../VerifyMobile";
 import VerifyEmail from "../VerifyEmail";
 import redirectHome from '../../../assets/animation/redirect-home.json';
@@ -20,7 +19,6 @@ const UserConsent = ({ userDetails, handleBack }) => {
     const [sessionToken, setSessionToken] = useState('');
     const { onLogin, appConfig: { appName, privacyPolicyUrl }, LogoComponent, onTokenChange } = useAuthPackageContext();
     const { loading, onAgree } = useConsent();
-    const navigator = useNavigator();
     const onAgreeHandler = (res) => {
         const { token, member, emailVerificationRequired, mobileVerificationRequired, sessionToken } = res;
         if (token && member) {
@@ -58,18 +56,25 @@ const UserConsent = ({ userDetails, handleBack }) => {
                                                     source: 'web',
                                                     onResult: onAgreeHandler
                                                 }), className: "w-full lg:!w-auto lg:!mt-0" }), _jsx(Button, { label: "Not Now, I Will Register Later", variant: "link", onClick: () => setRedirectModal(true), className: "w-full lg:!w-auto lg:!mt-0" })] })] }) })] }), subTitle: "", onPressBack: handleBack }), redirectModal &&
-                _jsx(RedirectToHomeModal, { redirectModal: redirectModal, navigator: navigator }), showVerifyMobileModal &&
+                _jsx(RedirectToHomeModal, { redirectModal: redirectModal }), showVerifyMobileModal &&
                 _jsx(VerifyMobileModal, { phone: phone, visible: showVerifyMobileModal, hide: () => setShowVerifyMobileModal(false), sessionToken: sessionToken }), showVerifyEmailModal &&
                 _jsx(VerifyEmailModal, { email: email, visible: showVerifyEmailModal, hide: () => setShowVerifyEmailModal(false), sessionToken: sessionToken, onVerifiedOTP: () => {
                         setShowVerifyEmailModal(false);
                         setShowVerifyMobileModal(true);
                     } })] }));
 };
-const RedirectToHomeModal = ({ redirectModal, navigator }) => {
+const RedirectToHomeModal = ({ redirectModal }) => {
+    const [isMounted, setIsMounted] = useState(false);
     useEffect(() => {
-        navigator.pushAbsolute('/login');
+        setIsMounted(true);
+        // Redirect after a short delay to show the modal
+        const timer = setTimeout(() => {
+            // Use window.location for full page navigation to avoid context issues
+            window.location.href = '/login';
+        }, 2000);
+        return () => clearTimeout(timer);
     }, []);
-    return (_jsxs(Modal, { title: "", open: redirectModal, showCloseButton: false, footer: null, children: [_jsx(Suspense, { fallback: _jsx("div", { className: "h-[150px] w-[250px]" }), children: _jsx(Lottie
+    return (_jsxs(Modal, { title: "", open: redirectModal, showCloseButton: false, footer: null, children: [isMounted && (_jsx(Suspense, { fallback: _jsx("div", { className: "h-[150px] w-[250px]" }), children: _jsx(Lottie
                 /* @ts-ignore */
                 , { 
                     /* @ts-ignore */
@@ -77,7 +82,7 @@ const RedirectToHomeModal = ({ redirectModal, navigator }) => {
                         animationData: redirectHome,
                         loop: true,
                         autoplay: true
-                    }, height: 150, width: 250 }) }), _jsxs(Flex, { direction: 'column', style: { marginTop: "-30px" }, children: [_jsx(Typography, { type: 'heading', size: 'h5', className: 'text-center mb-6', color: "text-gray-800", children: "Redirecting to the website homepage" }), _jsxs(Flex, { children: [_jsx(Info, { color: 'blue' }), _jsx(Typography, { type: 'body', size: 'small', className: 'text-center mb-6', color: "text-gray-800", children: "We have not stored any information you shared during registration." })] })] })] }));
+                    }, height: 150, width: 250 }) })), _jsxs(Flex, { direction: 'column', style: { marginTop: isMounted ? "-30px" : "0" }, children: [_jsx(Typography, { type: 'heading', size: 'h5', className: 'text-center mb-6', color: "text-gray-800", children: "Redirecting to the website homepage" }), _jsxs(Flex, { children: [_jsx(Info, { color: 'blue' }), _jsx(Typography, { type: 'body', size: 'small', className: 'text-center mb-6', color: "text-gray-800", children: "We have not stored any information you shared during registration." })] })] })] }));
 };
 const VerifyMobileModal = ({ visible, hide, sessionToken, phone }) => {
     return (_jsx(ResponsiveModal, { title: 'Verify Mobile', open: visible, onClose: hide, onOpenChange: hide, maskClosable: false, showCloseButton: false, children: _jsx(VerifyMobile, { sessionToken: sessionToken, phone: phone }) }));

package/build/types/index.d.ts

@@ -9,5 +9,7 @@ export * from './navigator';
 export * from './screens/Login/components/LoginWebComponent/index';
 export * from './screens/SignUp/components/SignUpWebComponent/index';
 export * from './screens/SSOLogin/SSOCallback/components/SSOCallbackComponent/index';
+export * from './screens/PartnerSSO/PartnerLogin/components/PartnerLoginWebComponent';
+export * from './screens/PartnerSSO/PartnerRegistration/components/PartnerRegistrationWebComponent';
 export * from './screens/Profile';
 export { strongPasswordRequirements } from './constants/password-requirements';

package/build/types/screens/CreatePassword/hooks/internal/useCreatePassword.d.ts

@@ -1,9 +1,20 @@
+interface UseCreatePasswordProps {
+    /** Initial password value (for preserving state when navigating back) */
+    initialPassword?: string;
+    /** Initial confirm password value (for preserving state when navigating back) */
+    initialConfirmPassword?: string;
+}
 /**
  * @internal
  * Internal hook for managing CreatePassword screen state and auth context integration.
  * Not exposed to package consumers.
+ *
+ * Both web and native use the same pattern:
+ * - Hook manages password state internally
+ * - Use handlePassword/handleConfirmPassword to update state
+ * - Optional initial values for preserving state when navigating back
  */
-declare const useCreatePassword: () => {
+declare const useCreatePassword: (props?: UseCreatePasswordProps) => {
     password: string;
     setPassword: import("react").Dispatch<import("react").SetStateAction<string>>;
     confirmPassword: string;

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

@@ -0,0 +1,25 @@
+interface PartnerLoginWebComponentProps {
+    /**
+     * Partner key - can be passed as prop (for react-router) or extracted from query params (for Next.js)
+     */
+    partner?: string;
+}
+/**
+ * PartnerLoginWebComponent
+ *
+ * Handles partner SSO authentication flow for web applications.
+ * Extracts token and partner from URL query params, authenticates with backend,
+ * and redirects to the specified path on success.
+ *
+ * @example
+ * ```tsx
+ * // In your app's partner login route (react-router - pass partner from useParams)
+ * const { partner } = useParams();
+ * <PartnerLoginWebComponent partner={partner} />
+ *
+ * // In Next.js (partner comes from query params automatically)
+ * <PartnerLoginWebComponent />
+ * ```
+ */
+declare const PartnerLoginWebComponent: ({ partner: partnerProp }: PartnerLoginWebComponentProps) => import("react/jsx-runtime").JSX.Element;
+export { PartnerLoginWebComponent };

package/build/types/screens/PartnerSSO/PartnerLogin/hooks/internal/usePartnerLogin.d.ts

@@ -0,0 +1,8 @@
+import type { UsePartnerLoginProps, UsePartnerLoginResult } from '../../types';
+/**
+ * @internal
+ * Hook for managing Partner SSO Login authentication.
+ * This hook is not exposed to package consumers.
+ */
+declare const usePartnerLogin: ({ partner, token, path }: UsePartnerLoginProps) => UsePartnerLoginResult;
+export { usePartnerLogin };

package/build/types/screens/PartnerSSO/PartnerLogin/index.d.ts

@@ -0,0 +1,2 @@
+export { PartnerLoginWebComponent } from './components/PartnerLoginWebComponent';
+export * from './types';

package/build/types/screens/PartnerSSO/PartnerLogin/types.d.ts

@@ -0,0 +1,35 @@
+export interface PartnerLoginProps {
+    /**
+     * Called after successful authentication
+     */
+    onSuccess?: (data: PartnerLoginSuccessData) => void;
+    /**
+     * Called when authentication fails
+     */
+    onError?: (error: string) => void;
+}
+export interface PartnerLoginSuccessData {
+    token: string;
+    member: {
+        memberId: string;
+        firstName: string;
+        lastName: string;
+        name: string;
+        email: string;
+        gender: string;
+        dateOfBirth: string;
+        clientId: number;
+        plan: number;
+        planExpiryDate: string | null;
+    };
+    redirectPath: string;
+}
+export interface UsePartnerLoginProps {
+    partner: string;
+    token: string;
+    path?: string;
+}
+export interface UsePartnerLoginResult {
+    isLoading: boolean;
+    error: string | null;
+}

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

@@ -0,0 +1,24 @@
+interface PartnerRegistrationWebComponentProps {
+    /**
+     * Partner key - can be passed as prop (for react-router) or extracted from query params (for Next.js)
+     */
+    partner?: string;
+}
+/**
+ * PartnerRegistrationWebComponent
+ *
+ * Handles partner SSO registration flow for web applications.
+ * Pre-fills form with data from JWT token and collects missing information.
+ *
+ * @example
+ * ```tsx
+ * // In your app's partner registration route (react-router - pass partner from useParams)
+ * const { partner } = useParams();
+ * <PartnerRegistrationWebComponent partner={partner} />
+ *
+ * // In Next.js (partner comes from query params automatically)
+ * <PartnerRegistrationWebComponent />
+ * ```
+ */
+declare const PartnerRegistrationWebComponent: ({ partner: partnerProp }: PartnerRegistrationWebComponentProps) => import("react/jsx-runtime").JSX.Element;
+export { PartnerRegistrationWebComponent };

package/build/types/screens/PartnerSSO/PartnerRegistration/hooks/internal/usePartnerRegistration.d.ts

@@ -0,0 +1,8 @@
+import type { UsePartnerRegistrationProps, UsePartnerRegistrationResult } from '../../types';
+/**
+ * @internal
+ * Hook for managing Partner SSO Registration.
+ * This hook is not exposed to package consumers.
+ */
+declare const usePartnerRegistration: ({ partner, token, path, }: UsePartnerRegistrationProps) => UsePartnerRegistrationResult;
+export { usePartnerRegistration };

package/build/types/screens/PartnerSSO/PartnerRegistration/index.d.ts

@@ -0,0 +1,2 @@
+export { PartnerRegistrationWebComponent } from './components/PartnerRegistrationWebComponent';
+export * from './types';

package/build/types/screens/PartnerSSO/PartnerRegistration/types.d.ts

@@ -0,0 +1,63 @@
+export interface PartnerRegistrationProps {
+    /**
+     * Called after successful registration
+     */
+    onSuccess?: (data: PartnerRegistrationSuccessData) => void;
+    /**
+     * Called when registration fails
+     */
+    onError?: (error: string) => void;
+}
+export interface PartnerRegistrationSuccessData {
+    token: string;
+    member: {
+        memberId: string;
+        firstName: string;
+        lastName: string;
+        name: string;
+        email: string;
+        gender: string;
+        dateOfBirth: string;
+        clientId: number;
+        plan: number;
+        planExpiryDate: string | null;
+    };
+    redirectPath: string;
+}
+export interface UsePartnerRegistrationProps {
+    partner: string;
+    token: string;
+    path?: string;
+}
+export interface UsePartnerRegistrationResult {
+    isLoading: boolean;
+    error: string | null;
+    tokenData: PartnerTokenData | null;
+    register: (formData: PartnerRegistrationFormData) => Promise<void>;
+    checkEmailExists: (email: string) => Promise<boolean>;
+}
+export interface PartnerTokenData {
+    partnerId?: number;
+    employeeId?: string;
+    firstName?: string;
+    lastName?: string;
+    gender?: 'M' | 'F';
+    dob?: string;
+    partnerMemberId?: string;
+    entityId?: string;
+    email?: string;
+}
+export interface PartnerRegistrationFormData {
+    email: string;
+    countryCode: string;
+    mobile: string;
+    firstName: string;
+    lastName: string;
+    gender: 'M' | 'F';
+    dateOfBirth: string;
+}
+export interface Country {
+    countryCode: string;
+    phoneCode: string;
+    name: string;
+}

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

@@ -0,0 +1,2 @@
+export * from './PartnerLogin';
+export * from './PartnerRegistration';

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "description": "Truworth Auth Package for React Native and Web",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "main": "build/src/index.js",
   "types": "build/types/index.d.ts",
   "files": [
@@ -31,6 +31,7 @@
     "@twotalltotems/react-native-otp-input": "1.3.11",
     "@types/crypto-js": "^4.2.2",
     "@types/fbemitter": "^2.0.35",
+    "@types/jsonwebtoken": "^9.0.10",
     "@types/lodash": "^4.17.15",
     "@types/react": "^18.2.0",
     "@types/react-google-recaptcha": "^2.1.9",
@@ -43,6 +44,8 @@
     "del-cli": "^6.0.0",
     "fbemitter": "^3.0.0",
     "js-crypto-rsa": "^1.0.7",
+    "jsonwebtoken": "^9.0.3",
+    "jwt-decode": "^4.0.0",
     "lottie-react": "^2.4.1",
     "lottie-react-native": "6.7.2",
     "moment": "^2.30.1",