@truworth/twc-auth 1.1.0 → 1.2.2

package/build/src/screens/SignUp/hooks/internal/useSignUp.js

@@ -0,0 +1,138 @@
+import { useMemo, useState } from "react";
+import { validateEmojiRegex } from "../../../../helpers/Validation";
+import { axiosClient } from "../../../../api/axiosClient";
+import { showMessage } from "../../../../helpers/show-message";
+import { useAuthPackageContext } from "../../../../hooks/internal/useAuthPackageContext";
+/**
+* @internal
+* Hook for managing SignUp screen state and auth context integration.
+* This hook is not exposed to package consumers.
+*/
+const useSignUp = () => {
+    const [loading, setLoading] = useState(false);
+    const [datePicker, showDatePicker] = useState(false);
+    const [isPhoneValid, setIsPhoneValid] = useState(false);
+    const [existingAccountModal, setExistingAccountModal] = useState(false);
+    const [firstName, setFirstName] = useState('');
+    const [lastName, setLastName] = useState('');
+    const [phone, setPhone] = useState('');
+    const [gender, setGender] = useState('');
+    const [referralCode, setReferralCode] = useState('');
+    const [selectedDOB, setSelectedDOB] = useState('');
+    const [countryCode, setCountryCode] = useState('91');
+    const [error, setError] = useState({});
+    const [phoneError, setPhoneError] = useState(false);
+    const [email, setEmail] = useState('');
+    const [emailLinkedError, setEmailLinkedError] = useState('');
+    const [existingAccounts, setExistingAccounts] = useState([]);
+    const { appConfig, registrationMethod } = useAuthPackageContext();
+    const onFirstName = (text) => {
+        text = validateEmojiRegex(text).replace(/[^A-Za-z]/g, '');
+        setFirstName(text);
+    };
+    const onLastName = (text) => {
+        text = validateEmojiRegex(text).replace(/[^A-Za-z]/g, '');
+        ;
+        setLastName(text);
+    };
+    const handleEmail = (text) => {
+        let reg = /^(([^<>()\[\]\\.,;:\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,}))$/;
+        if (text.length === 0) {
+            setEmailLinkedError('');
+        }
+        else if (reg.test(text) === false) {
+            setEmailLinkedError('Invalid email');
+        }
+        else {
+            setEmailLinkedError('');
+        }
+        setEmail(text);
+    };
+    const handleSubmit = ({ onResult }) => {
+        if (registrationMethod === 'email' && countryCode === '91') {
+            setLoading(true);
+            axiosClient({
+                url: '/auth/mobile-exists',
+                method: 'POST',
+                data: { phone }
+            }).then(res => {
+                setLoading(false);
+                if (res?.data?.exists) {
+                    setExistingAccounts(res?.data?.memberDetails || []);
+                    setExistingAccountModal(true);
+                    return;
+                }
+                onResult();
+            }).catch(err => onHandleError(err, onResult));
+        }
+        else if (registrationMethod === 'mobile' && email) {
+            setLoading(true);
+            axiosClient({
+                url: '/auth/email-exists',
+                method: 'POST',
+                data: { email }
+            }).then(() => {
+                setLoading(false);
+                setEmailLinkedError('This email is already linked with another user.');
+            }).catch(err => onHandleError(err, onResult));
+        }
+        else {
+            onResult();
+        }
+    };
+    const onHandleError = (err, onResult) => {
+        setLoading(false);
+        const status = err?.response?.status;
+        if (!status) {
+            return showMessage('Network error. Please try again.', err?.response?.data?.message);
+        }
+        if (status === 404) {
+            return onResult();
+        }
+        if (status === 400) {
+            return showMessage(err?.response?.data?.errors?.[0]?.message ?? 'Something went wrong');
+        }
+        if (typeof status === 'number' && status >= 500) {
+            return showMessage('Something went wrong');
+        }
+    };
+    const getLoginTypeText = (loginType) => {
+        switch (loginType) {
+            case 1: return 'Email';
+            case 2: return 'Google';
+            case 3: return 'Facebook';
+            case 4: return 'Apple';
+            case 5: return 'Microsoft';
+            default: return 'Email';
+        }
+    };
+    const disabled = useMemo(() => {
+        return !firstName || firstName.length < 3 || !lastName || lastName.length < 3 || !selectedDOB || !gender
+            || (registrationMethod == "email" && (!phone || !isPhoneValid)) || emailLinkedError.length > 0;
+    }, [firstName, lastName, selectedDOB, gender, phone, isPhoneValid, emailLinkedError, registrationMethod]);
+    return {
+        loading,
+        firstName, lastName,
+        gender, setGender,
+        datePicker, showDatePicker,
+        selectedDOB, setSelectedDOB,
+        phone, setPhone,
+        referralCode, setReferralCode,
+        countryCode, setCountryCode,
+        error, setError,
+        email, setEmail,
+        phoneError, setPhoneError,
+        isPhoneValid, setIsPhoneValid,
+        emailLinkedError,
+        existingAccounts,
+        existingAccountModal, setExistingAccountModal,
+        onFirstName, onLastName,
+        handleEmail, handleSubmit,
+        getLoginTypeText,
+        disabled,
+        registrationMethod,
+        appName: appConfig.appName,
+        termsAndConditionsUrl: appConfig.termsAndConditionsUrl
+    };
+};
+export { useSignUp };

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

@@ -0,0 +1,6 @@
+const SignUp = () => {
+    if (__DEV__)
+        console.warn("[@truworth/twc-auth] We use only SignUpWebComponent for login");
+    return null;
+};
+export default SignUp;

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

@@ -0,0 +1,185 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { View, Text, Platform, Keyboard, TouchableOpacity, ScrollView, TextInput } from 'react-native';
+import { useNavigation, useRoute } from '@react-navigation/native';
+import { useModalize } from 'react-native-modalize';
+import { Freshchat } from 'react-native-freshchat-sdk';
+import { Layout } from '@ui-kitten/components';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import IonIcon from 'react-native-vector-icons/Ionicons';
+import moment from 'moment';
+import { BottomSheet, Chips, Colors, TextInputField, DateInputField, widthPercentageToDP as wp, isIphoneX, RoundedButton, CustomKeyboardAvoidingView } from '@truworth/twc-rn-common';
+import { ScreenLayout } from '../../components/ScreenLayout';
+import { useSignUp } from './hooks/internal/useSignUp';
+import { useAuthPackageContext } from '../../hooks/internal/useAuthPackageContext';
+import GenderDiversity from '../../../assets/gender-diversity.svg';
+const { gray, primary, utility } = Colors;
+const SignUp = ({ navigation, route }) => {
+    const [knowMoreModal, setKnowMoreModal] = useState(false);
+    const { loading, firstName, lastName, gender, setGender, datePicker, showDatePicker, selectedDOB, setSelectedDOB, phone, setPhone, referralCode, setReferralCode, countryCode, setCountryCode, error, setError, phoneError, setPhoneError, isPhoneValid, setIsPhoneValid, email, emailLinkedError, existingAccounts, existingAccountModal, setExistingAccountModal, onFirstName, onLastName, handleEmail, handleSubmit, getLoginTypeText, disabled, registrationMethod, } = useSignUp();
+    const onChange = (event, selectedDate) => {
+        showDatePicker(Platform.OS === 'ios');
+        if (selectedDate) {
+            setSelectedDOB(moment(selectedDate).format('YYYY-MM-DD'));
+        }
+    };
+    return (_jsxs(Layout, { style: { flex: 1, backgroundColor: primary.white }, children: [_jsx(CustomKeyboardAvoidingView, { keyboardVerticalOffset: Platform.OS == 'ios' ? 20 : 0, behavior: Platform.OS == 'ios' ? 'padding' : undefined, children: _jsx(ScrollView, { showsVerticalScrollIndicator: false, keyboardShouldPersistTaps: 'always', children: _jsxs(ScreenLayout, { title: "Looks like you're new here!", subTitle: "Tell us more about you so we can setup your account.", buttonProps: {
+                            label: 'Register',
+                            loading,
+                            onPress: () => {
+                                handleSubmit({
+                                    onResult: () => {
+                                        navigation.navigate('CreatePassword', {
+                                            email: email.length > 0 ? email : route.params?.email || '',
+                                            phone: phone.length > 0 ? phone : route.params?.phone || '',
+                                            firstName,
+                                            lastName,
+                                            gender,
+                                            selectedDOB,
+                                            countryCode,
+                                            referralCode,
+                                            registrationMethod
+                                        });
+                                    }
+                                });
+                            },
+                            disabled: disabled
+                        }, children: [_jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between' }, children: [_jsx(View, { style: { width: '47%' }, children: _jsx(TextInputField, { label: "First Name", value: firstName, onChangeValue: text => {
+                                                onFirstName(text);
+                                                setError(prev => ({ ...prev, firstName: text.length < 3 }));
+                                            }, error: {
+                                                show: error.firstName ? 'At least 3 letters' : '',
+                                                message: 'Enter at least 3 letters'
+                                            }, autoFocus: true, autoCapitalize: "words", clearButtonMode: "always" }) }), _jsx(View, { style: { width: '47%' }, children: _jsx(TextInputField, { label: "Last Name", value: lastName, onChangeValue: text => {
+                                                onLastName(text);
+                                                setError(prev => ({ ...prev, lastName: text.length < 3 }));
+                                            }, error: {
+                                                show: error.lastName ? 'At least 3 letters' : '',
+                                                message: 'Enter at least 3 letters'
+                                            }, autoCapitalize: "words", clearButtonMode: "always" }) })] }), _jsxs(View, { style: { flexDirection: 'row', marginTop: 32, marginBottom: 16 }, children: [_jsx(Text, { style: {
+                                            fontSize: 14, fontWeight: '600',
+                                            color: gray.gray_900, lineHeight: 16, flex: 1,
+                                        }, children: "Your biological sex at the time of birth" }), _jsx(TouchableOpacity, { activeOpacity: 0.8, onPress: () => setKnowMoreModal(true), children: _jsx(Text, { style: {
+                                                fontSize: 14, fontWeight: '600',
+                                                color: primary.primary_main, lineHeight: 16,
+                                            }, children: "Know More" }) })] }), _jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between' }, children: [_jsx(TouchableOpacity, { activeOpacity: 1, style: { width: '48%' }, onPress: () => setGender('F'), children: _jsx(Chips, { label: " Female", leftIcon: "female", size: "large", selected: gender === 'F', containerStyle: { width: wp(42) } }) }), _jsx(TouchableOpacity, { activeOpacity: 1, style: { width: '48%' }, onPress: () => setGender('M'), children: _jsx(Chips, { label: " Male", leftIcon: "male", size: "large", selected: gender === 'M', containerStyle: { width: wp(42) } }) })] }), _jsx(DateInputField, { containerStyle: { marginTop: 32 }, label: 'Date of Birth', value: selectedDOB ? moment(selectedDOB).format('DD/MM/YYYY') : '', onPress: () => {
+                                    Keyboard.dismiss();
+                                    showDatePicker(true);
+                                } }), registrationMethod == 'email' &&
+                                _jsx(MobileInput, { phone: phone, setPhone: setPhone, countryCode: countryCode, setCountryCode: setCountryCode, phoneError: phoneError, setPhoneError: setPhoneError, isValid: isPhoneValid, setIsValid: setIsPhoneValid }), registrationMethod == 'mobile' &&
+                                _jsx(View, { style: { marginTop: 24, marginBottom: 20 }, children: _jsx(TextInputField, { label: "Enter Your Email (Optional)", onChangeValue: handleEmail, value: email, autoFocus: false, autoCapitalize: 'none', keyboardType: "email-address", error: {
+                                            show: Boolean(emailLinkedError),
+                                            message: emailLinkedError
+                                        } }) }), _jsx(TextInputField, { label: "Enter Referral Code (Optional)", onChangeValue: text => setReferralCode(text.toUpperCase()), value: referralCode, autoCapitalize: 'characters', containerStyle: { marginTop: 12 } })] }) }) }), datePicker &&
+                _jsxs(View, { style: { width: '100%', backgroundColor: 'white', position: 'absolute', bottom: 0 }, children: [Platform.OS === 'ios' && (_jsx(View, { style: { backgroundColor: '#333', justifyContent: 'flex-end', marginTop: 30, padding: 10, marginLeft: -20, marginRight: 0, flexDirection: 'row', zIndex: 1 }, children: _jsx(TouchableOpacity, { onPress: () => showDatePicker(false), children: _jsx(Text, { style: { textAlign: 'right', fontSize: 14, color: '#FFFFFF' }, children: "Done" }) }) })), _jsx(View, { children: _jsx(DateTimePicker, { minimumDate: new Date(1900, 0, 1), value: selectedDOB ? moment(selectedDOB).toDate() : new Date('1990-01-01'), mode: 'date', display: Platform.OS === 'android' ? 'default' : 'spinner', onChange: onChange, style: { marginTop: 10, flex: 1 }, maximumDate: new Date() }) })] }), knowMoreModal &&
+                _jsx(KnowMoreModal, { visible: knowMoreModal, hide: () => setKnowMoreModal(false) }), existingAccountModal &&
+                _jsx(ExistingAccountsModal, { phone: phone, countryCode: countryCode, visible: existingAccountModal, hide: () => setExistingAccountModal(false), existingAccounts: existingAccounts, getLoginTypeText: getLoginTypeText })] }));
+};
+const KnowMoreModal = ({ visible, hide }) => {
+    const { ref: knowMoreRef, open: openKnowMoreSheet, close: closeKnowMoreSheet } = useModalize();
+    const { appConfig } = useAuthPackageContext();
+    useEffect(() => {
+        if (visible) {
+            openKnowMoreSheet();
+        }
+        else {
+            closeKnowMoreSheet();
+        }
+    }, [visible]);
+    return (_jsxs(BottomSheet, { sheetRef: knowMoreRef, onClose: hide, childrenStyle: { padding: 16 }, children: [_jsx(View, { style: { height: 10 } }), _jsxs(View, { style: { flexDirection: 'row', alignItems: 'center' }, children: [_jsx(GenderDiversity, { height: 60, width: 60 }), _jsxs(Text, { style: { marginLeft: 15, flex: 1, fontSize: 18, fontWeight: 'bold', color: '#228186' }, children: ["The ", appConfig.appName, " respects Gender Diversity & Inclusion!"] })] }), _jsxs(Text, { style: { fontSize: 14, color: gray.gray_600, lineHeight: 20, marginTop: 20, }, children: ["The ", appConfig.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(View, { style: { height: 20 } })] }));
+};
+const ExistingAccountsModal = ({ visible, hide, existingAccounts, countryCode, phone, getLoginTypeText }) => {
+    const { ref: existingAccountsRef, open: openExistingAccountsSheet, close: closeExistingAccountsSheet } = useModalize();
+    const navigation = useNavigation();
+    useEffect(() => {
+        if (visible) {
+            openExistingAccountsSheet();
+        }
+        else {
+            closeExistingAccountsSheet();
+        }
+    }, [visible]);
+    return (_jsx(BottomSheet, { sheetRef: existingAccountsRef, title: 'Existing Accounts', onClose: hide, childrenStyle: { padding: 16 }, adjustToContentHeight: true, panGestureEnabled: false, HeaderComponent: _jsxs(_Fragment, { children: [_jsxs(View, { style: { paddingTop: 22, marginHorizontal: 22 }, children: [_jsx(Text, { style: { fontSize: 16, fontWeight: '600', color: gray.gray_900, textAlign: 'center' }, children: "Mobile Number Already Linked" }), _jsxs(Text, { style: { fontSize: 12, fontWeight: '500', color: gray.gray_500, lineHeight: 18, textAlign: 'center', marginHorizontal: 16, marginTop: 4 }, children: ["The mobile number +", countryCode, " ", String(phone).replace(/\d(?=\d{2})/g, 'X'), " is linked to the following ", existingAccounts.length === 1 ? 'account' : `${existingAccounts.length} accounts`, "."] })] }), _jsx(View, { style: { backgroundColor: gray.gray_200, height: 2, marginVertical: 8 } })] }), flatListProps: {
+            showsVerticalScrollIndicator: false,
+            contentContainerStyle: { flexGrow: 1 },
+            data: existingAccounts,
+            keyExtractor: (item, index) => item.memberId || index.toString(),
+            ListHeaderComponent: _jsx(_Fragment, { children: _jsxs(Text, { style: { fontSize: 12, fontWeight: '600', color: gray.gray_900, marginHorizontal: 16, marginTop: 8, marginBottom: 8 }, children: ["Please login with any of the below ", existingAccounts.length === 1 ? 'account' : 'accounts', " or contact our support team for assistance."] }) }),
+            renderItem: ({ item }) => {
+                return (_jsxs(View, { style: {
+                        padding: 16,
+                        margin: 8,
+                        borderWidth: 1,
+                        borderRadius: 8,
+                        borderColor: gray.gray_200
+                    }, children: [_jsxs(View, { children: [_jsx(Text, { style: { fontSize: 14, fontWeight: '600', color: gray.gray_900 }, children: item.name }), _jsx(Text, { style: { fontSize: 12, fontWeight: '500', color: primary.primary_main, marginTop: 3 }, children: item.email })] }), _jsx(View, { style: { height: 1, backgroundColor: gray.gray_200, marginVertical: 8 } }), _jsxs(View, { style: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }, children: [_jsx(Text, { style: { fontSize: 12, fontWeight: '500', color: gray.gray_500 }, children: "Login Type" }), _jsx(Text, { style: { fontSize: 12, fontWeight: '600', color: gray.gray_800 }, children: getLoginTypeText(item.loginType) })] }), _jsxs(View, { style: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', marginTop: 8 }, children: [_jsx(Text, { style: { fontSize: 12, fontWeight: '500', color: gray.gray_500 }, children: "Registration Date" }), _jsx(Text, { style: { fontSize: 12, fontWeight: '600', color: gray.gray_800 }, children: moment(item.createdOn).format('DD/MM/YYYY') })] })] }, item.memberId));
+            }
+        }, FooterComponent: _jsxs(View, { style: {
+                width: '100%',
+                backgroundColor: primary.white,
+                marginTop: 8,
+                padding: 16,
+                paddingBottom: isIphoneX() ? 42 : 16,
+                borderTopWidth: Platform.OS == 'android' ? 1 : 0,
+                borderTopColor: gray.gray_300,
+                shadowColor: '#DDDDDD',
+                shadowOffset: { width: 0, height: -2 },
+                shadowOpacity: 0.5,
+                shadowRadius: 3,
+                elevation: 3
+            }, children: [_jsx(RoundedButton, { label: "Go to Login", size: "large", onPress: () => navigation.navigate('EnterEmail'), containerStyle: { marginBottom: 8 } }), _jsxs(TouchableOpacity, { activeOpacity: 0.8, onPress: () => Freshchat.showConversations(), style: {
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        padding: 8,
+                        marginTop: 8
+                    }, children: [_jsx(IonIcon, { name: 'headset', size: 12, color: primary.primary_main }), _jsx(Text, { style: {
+                                fontSize: 14,
+                                fontWeight: '600',
+                                color: primary.primary_main,
+                                marginStart: 8
+                            }, children: "Contact Support" })] })] }) }));
+};
+const MobileInput = ({ phone, setPhone, countryCode, setCountryCode, phoneError, setPhoneError, setIsValid }) => {
+    const navigation = useNavigation();
+    const route = useRoute();
+    useEffect(() => {
+        if (route.params?.countryCode) {
+            const { countryCode } = route.params;
+            setCountryCode(countryCode);
+        }
+    }, [route.params?.countryCode]);
+    const changeCountryCode = () => {
+        setIsValid(false);
+        setPhone('');
+        navigation.navigate('CountryCode', { prevRoute: 'SignUp', ...route.params });
+    };
+    const onChangeMobile = (text) => {
+        setPhoneError(false);
+        setPhone(text);
+        if (countryCode === '91' && text.length > 9 && /^[0-9\b]+$/.test(text)) {
+            setIsValid(true);
+        }
+        else if (countryCode != '91' && text.length > 5) {
+            setIsValid(true);
+        }
+        else {
+            setIsValid(false);
+        }
+    };
+    return (_jsxs(View, { style: { marginTop: 16 }, children: [_jsx(Text, { style: { fontSize: 14, fontWeight: '600', color: gray.gray_900 }, children: "Enter Mobile Number" }), _jsxs(View, { style: {
+                    flexDirection: 'row', borderWidth: 1, borderRadius: 8,
+                    alignItems: 'center', paddingHorizontal: 12, height: 56,
+                    backgroundColor: primary.white, marginTop: 12,
+                    borderColor: phone.length > 0 ? gray.gray_500 : gray.gray_300,
+                }, children: [_jsxs(TouchableOpacity, { activeOpacity: 0.8, onPress: changeCountryCode, style: { flexDirection: 'row', alignItems: 'center' }, children: [_jsx(Text, { style: { fontSize: 14, color: primary.black, fontWeight: '500' }, children: `+${countryCode}` }), _jsx(IonIcon, { size: 14, name: 'caret-down', color: gray.gray_900 })] }), _jsx(TextInput, { style: {
+                            flex: 1, fontSize: 14, fontWeight: '500',
+                            color: primary.black, marginLeft: 2,
+                        }, onChangeText: text => onChangeMobile(text), value: phone, keyboardType: "numeric", maxLength: countryCode === '91' ? 10 : 14 }), phone.length > 0 &&
+                        _jsx(TouchableOpacity, { activeOpacity: 0.8, onPress: () => {
+                                setPhone('');
+                                setIsValid(false);
+                                setPhoneError(false);
+                            }, style: { position: 'absolute', right: 10 }, children: _jsx(IonIcon, { size: 24, name: 'close', color: gray.gray_900 }) })] }), _jsx(Text, { style: { fontSize: 12, fontWeight: '500', color: utility.danger_main, marginStart: 4, marginTop: 4 }, children: phoneError ? 'This mobile number is already linked with other user' : '' })] }));
+};
+export default SignUp;

package/build/src/screens/SignUp/types.js

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

package/build/src/screens/UserConsent/hooks/internal/useConsent.js

@@ -0,0 +1,48 @@
+import { useState } from "react";
+import { axiosClient } from "../../../../api/axiosClient";
+import { showMessage } from "../../../../helpers/show-message";
+/**
+ * @internal
+ * Internal hook for managing UserConsent screen state and auth context integration. Not exposed to package consumers.
+ */
+const useConsent = () => {
+    const [loading, setLoading] = useState(false);
+    const onAgree = ({ registrationParams, source, onResult }) => {
+        const { firstName, lastName, selectedDOB, gender, referralCode, email, phone, countryCode, registrationMethod, password } = registrationParams || {};
+        const payload = {
+            firstName,
+            lastName,
+            dateOfBirth: selectedDOB,
+            gender,
+            countryCode,
+            source,
+            registrationMethod
+        };
+        if (referralCode) {
+            payload.referralCode = referralCode;
+        }
+        if (password) {
+            payload.password = password;
+        }
+        if (email) {
+            payload.email = email;
+        }
+        if (phone) {
+            payload.phone = phone;
+        }
+        setLoading(true);
+        axiosClient({
+            url: '/auth/registration/initiate',
+            method: 'POST',
+            data: payload,
+        })
+            .then((res) => onResult(res.data))
+            .catch((err) => {
+            console.log(err);
+            showMessage(err?.response?.data?.errors?.[0]);
+        })
+            .finally(() => setLoading(false));
+    };
+    return { loading, onAgree };
+};
+export { useConsent };

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

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import dynamic from 'next/dynamic';
+import React from 'react';
+import Image from 'next/image';
+import { useEffect, useState } from "react";
+import { Info } from 'lucide-react';
+import { useRouter } from "next/router";
+import { Flex, Typography, ResponsiveModal as Modal, Button } from '@truworth/twc-web-design';
+import { useAuthPackageContext } from '../../hooks/internal/useAuthPackageContext';
+import { CDN_IMAGES_URL } from '@truworth/twc-web-common';
+import { useConsent } from './hooks/internal/useConsent';
+import { ScreenLayout } from "../../components/ScreenLayout";
+import redirectHome from '../../../assets/animation/redirect-home.json';
+const Lottie = dynamic(() => import('react-lottie'), { ssr: false });
+const UserConsent = ({ routeParams, onVerifyEmail, onVerifyMobile, onBackHandler }) => {
+    const { email, phone } = routeParams || {};
+    const [redirectModal, setRedirectModal] = useState(false);
+    const { loading, onAgree } = useConsent();
+    const { onLogin, appConfig: { appName, privacyPolicyUrl }, LogoComponent } = useAuthPackageContext();
+    const onAgreeHandler = (res) => {
+        const { token, member, emailVerificationRequired, mobileVerificationRequired, sessionToken } = res;
+        if (token && member) {
+            return onLogin({ token, member });
+        }
+        if (emailVerificationRequired) {
+            if (!sessionToken || !email) {
+                console.warn('UserConsent: missing sessionToken/email for VerifyEmail');
+                return;
+            }
+            return onVerifyEmail({ email, phone, sessionToken });
+        }
+        if (mobileVerificationRequired) {
+            if (!sessionToken || !phone) {
+                console.warn('UserConsent: missing sessionToken/phone for VerifyMobile');
+                return;
+            }
+            return onVerifyMobile({ phone, sessionToken });
+        }
+        // Fallback to avoid silent no-op
+        console.warn('onAgree returned no actionable flags. Please retry or contact support.');
+    };
+    return (_jsx(ScreenLayout, { title: _jsxs(Flex, { direction: 'column', className: 'h-full lg:justify-center', children: [React.isValidElement(LogoComponent)
+                    ? LogoComponent
+                    : typeof LogoComponent === 'function'
+                        ? React.createElement(LogoComponent)
+                        :
+                            _jsx(Image, { src: `${CDN_IMAGES_URL ?? ''}/new-twc_logo.svg`, alt: "logo", priority: true, width: 176, height: 40, className: "mb-9 h-auto" }), _jsx(Flex, { className: 'p-0 lg:gap-8 flex-col-reverse lg:flex-row', children: _jsxs(Flex, { direction: 'column', className: 'p-0', children: [_jsx(Typography, { type: 'heading', size: 'h5', className: 'mb-3 text-gray-900', children: "Thank you for your trust & sharing your personal information with us." }), _jsx(Typography, { type: 'heading', size: 'h6', className: "mb-6 text-gray-600", children: "User Consent" }), _jsxs(Typography, { type: 'body', size: 'medium', className: 'lg:text-sm text-gray-800', children: ["I provide ", appName, " with the consent to collect, use, store, share, and/or otherwise process my personal information including but not limited to Name, Gender (biological sex at the time of birth), Date of Birth and Email Address, Mobile Number, and other health vital & lifestyle information). The information is collected for the specified, explicit and legitimate purposes only - which is to assess me or my family's Health Risk, schedule Investigations, Health Check-ups, Doctor Consultations, Procedure, Treatment, provide Health & Wellness Coaching and Payments and ensure that the same is not excessive in relation to the purposes for which it is being collected, and also ensure that such personal information is retained only as long as the user is registered on the platform. I, also agree to receive Email / SMS/WhatsApp alerts and calls in connection with me or my family's health & wellness services."] }), _jsxs(Typography, { type: 'body', size: 'medium', className: "lg:text-sm mt-5 text-gray-800", children: ["Please refer to the 'Terms & Conditions', Privacy & Data Protection Policy listed on ", _jsxs("a", { href: privacyPolicyUrl, target: '_blank', rel: "noopener noreferrer", className: "text-primary block font-semibold", children: [appName, "'s Privacy & Data Protection Policy"] })] }), _jsxs(Flex, { className: '!px-0 flex-col lg:flex-row mt-8', children: [_jsx(Button, { label: "Yes, I Agree", variant: "primary", loading: loading, onClick: () => onAgree({
+                                            registrationParams: routeParams,
+                                            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: onBackHandler, children: redirectModal &&
+            _jsx(RedirectToHomeModal, { redirectModal: redirectModal }) }));
+};
+const RedirectToHomeModal = ({ redirectModal }) => {
+    const router = useRouter();
+    useEffect(() => {
+        router.push('/login');
+    }, []);
+    return (_jsxs(Modal, { title: "", open: redirectModal, showCloseButton: false, footer: null, children: [_jsx(Lottie
+            /* @ts-ignore */
+            , { 
+                /* @ts-ignore */
+                options: {
+                    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." })] })] })] }));
+};
+export default UserConsent;

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScrollView, Text, TouchableOpacity, Linking, View, Platform } from 'react-native';
+import { Layout } from '@ui-kitten/components';
+import { Colors, Header } from '@truworth/twc-rn-common';
+import { ScreenLayout } from '../../components/ScreenLayout';
+import { useAuthPackageContext } from '../../hooks/internal/useAuthPackageContext';
+import { useConsent } from './hooks/internal/useConsent';
+const { primary, gray } = Colors;
+const UserConsent = ({ navigation, route }) => {
+    const { email, phone } = route.params || {};
+    const { onLogin, appConfig: { appName, privacyPolicyUrl } } = useAuthPackageContext();
+    const { loading, onAgree } = useConsent();
+    const onAgreeHandler = (res) => {
+        const { token, member, emailVerificationRequired, mobileVerificationRequired, sessionToken } = res;
+        if (token && member) {
+            return onLogin({ token, member });
+        }
+        if (emailVerificationRequired) {
+            if (!sessionToken || !email) {
+                console.warn('UserConsent: missing sessionToken/email for VerifyEmail');
+                return;
+            }
+            return navigation.navigate('VerifyEmail', { email, phone, sessionToken });
+        }
+        if (mobileVerificationRequired) {
+            if (!sessionToken || !phone) {
+                console.warn('UserConsent: missing sessionToken/phone for VerifyMobile');
+                return;
+            }
+            return navigation.navigate('VerifyMobile', { phone, sessionToken });
+        }
+        console.warn('onAgree returned no actionable flags. Please retry or contact support.');
+    };
+    return (_jsxs(Layout, { style: { flex: 1, backgroundColor: primary.white }, children: [_jsx(Header, {}), _jsx(ScrollView, { children: _jsx(ScreenLayout, { hideHeader: true, title: "", subTitle: "", buttonProps: {
+                        loading,
+                        type: 'secondary',
+                        label: 'I agree, Register me.',
+                        onPress: () => onAgree({
+                            registrationParams: route.params,
+                            source: Platform.OS,
+                            onResult: onAgreeHandler
+                        }),
+                        disabled: loading,
+                    }, children: _jsxs(View, { style: { paddingHorizontal: 8 }, children: [_jsxs(Text, { style: { color: gray.gray_600, fontWeight: '400', lineHeight: 24 }, children: ["I provide ", appName, ", with the consent to collect, use, store, share, and / or otherwise process my personal information including but not limited to Name, Gender (biological sex at the time of birth), Date of Birth and Email Address, Mobile Number, and other health vital & lifestyle information).", ' ', "The information is collected for the specified, explicit and legitimate purposes only \u2013 which is to assess me or my family\u2019s Health Risk, schedule Investigations, Health Check-ups, Doctor Consultations, Procedure, Treatment, provide Health & Wellness Coaching and Payments and ensure that the same is not excessive in relation to the purposes for which it is being collected, and also ensure that such personal information is retained only as long as the user is registered on the platform.", ' ', "I, also agree to receive Email / SMS / WhatsApp alerts and calls in connection with me or my family\u2019s health & wellness services.", ' ', "Please refer to the Terms & Conditions, Privacy & Data Protection Policy listed on", ' '] }), _jsx(TouchableOpacity, { style: { marginTop: 16, marginBottom: -12 }, activeOpacity: 0.8, onPress: () => privacyPolicyUrl && Linking.openURL(privacyPolicyUrl), children: _jsxs(Text, { style: { fontSize: 16, fontWeight: '600', color: primary.primary_main, lineHeight: 24 }, children: [appName, "'s Privacy & Data Protection Policy"] }) })] }) }) })] }));
+};
+export default UserConsent;

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

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

package/build/src/screens/VerifyEmail/hooks/internal/useVerifyEmail.js

@@ -0,0 +1,69 @@
+import { useCallback, useEffect, useState } from "react";
+import { showMessage } from "../../../../helpers/show-message";
+import { axiosClient } from "../../../../api/axiosClient";
+/**
+* @internal
+* Hook for managing VerifyEmail screen state and auth context integration.
+* This hook is not exposed to package consumers.
+*/
+const useVerifyEmail = ({ sessionToken }) => {
+    const [sessionTokenState, setSessionToken] = useState(sessionToken || '');
+    const [resendOTPCounter, setResendOTPCounter] = useState(0);
+    const [status, setStatus] = useState('');
+    useEffect(() => {
+        resendOTP();
+    }, []);
+    const resendOTP = useCallback(() => {
+        if (!sessionTokenState) {
+            console.error('useVerifyEmail: sessionToken is required to resend OTP');
+            return;
+        }
+        setResendOTPCounter(prevCounter => prevCounter + 1);
+        setStatus('loading');
+        axiosClient({
+            url: '/auth/registration/email/send-otp',
+            method: 'POST',
+            data: { sessionToken: sessionTokenState },
+        }).then((res) => {
+            setSessionToken(res.data.sessionToken);
+        }).catch((err) => {
+            console.log(err);
+            showMessage(err?.response?.data?.errors?.[0]?.message);
+        }).finally(() => setStatus(''));
+    }, [sessionTokenState]);
+    const validateOTP = useCallback(({ otp, onVerifiedOTP }) => {
+        if (!sessionTokenState) {
+            console.error('useVerifyEmail: sessionToken is required to resend OTP');
+            return;
+        }
+        setStatus('loading');
+        axiosClient({
+            url: '/auth/registration/email/verify-otp',
+            method: 'POST',
+            data: { otp, sessionToken: sessionTokenState },
+        }).then((res) => {
+            setStatus('valid');
+            onVerifiedOTP({ sessionToken: res?.data?.sessionToken });
+            setStatus('');
+        }).catch((err) => {
+            console.log(err);
+            if (err?.response?.status === 400) {
+                setStatus('invalid');
+                setTimeout(() => {
+                    setStatus('');
+                }, 5000);
+                showMessage(err?.response?.data?.errors?.[0]?.message);
+                return;
+            }
+            setStatus('');
+            showMessage(err?.response?.data?.errors?.[0]?.message);
+        });
+    }, [sessionTokenState]);
+    return {
+        resendOTP,
+        validateOTP,
+        status,
+        resendOTPCounter,
+    };
+};
+export { useVerifyEmail };

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useVerifyEmail } from "./hooks/internal/useVerifyEmail";
+import { EmailOTPVerify } from "../../components/EmailOTPVerify";
+const VerifyEmail = ({ email, sessionToken, onVerifiedOTP }) => {
+    const { status, resendOTPCounter, validateOTP, resendOTP, } = useVerifyEmail({ sessionToken });
+    return (_jsx(EmailOTPVerify, { email: email, status: status, resendOTPCounter: resendOTPCounter, validateOTP: (otp) => validateOTP?.({ otp, onVerifiedOTP }), resendOTP: resendOTP }));
+};
+export default VerifyEmail;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EmailOTPVerify } from "../../components/EmailOTPVerify";
+import { useVerifyEmail } from "./hooks/internal/useVerifyEmail";
+const VerifyEmail = ({ navigation, route }) => {
+    const { phone, sessionToken, email } = route.params || {};
+    const { status, resendOTPCounter, validateOTP, resendOTP, } = useVerifyEmail({ sessionToken });
+    return (_jsx(EmailOTPVerify, { email: email, status: status, resendOTPCounter: resendOTPCounter, validateOTP: (otp) => validateOTP?.({
+            otp,
+            onVerifiedOTP: ({ sessionToken }) => {
+                navigation.navigate('VerifyMobile', { phone, sessionToken });
+            }
+        }), resendOTP: resendOTP }));
+};
+export default VerifyEmail;

package/build/src/screens/VerifyEmail/types.js

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