@truworth/twc-auth 1.2.1 → 1.2.2

package/build/src/components/OTPStatusLabel/index.native.js

@@ -1,19 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isIphoneX } from "@truworth/twc-rn-common";
-import { ActivityIndicator, Text, View } from "react-native";
+import { ActivityIndicator, Platform, Text, View } from "react-native";
 import LinearGradient from "react-native-linear-gradient";
 import OkayIcon from '../../../assets/okay_icon.svg';
 import CrossIcon from '../../../assets/cross_icon.svg';
 const OTPStatusLabel = ({ status, timer }) => {
     switch (status) {
         case 'timer':
-            return (_jsx(View, { style: { height: isIphoneX() ? 80 : 70, width: '100%', justifyContent: 'center' }, children: _jsx(LinearGradient, { colors: ['#b0bbbd', '#b0bbbd'], style: { flex: 1, justifyContent: 'center', alignItems: 'center' }, start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, children: _jsx(Text, { style: { textAlign: 'center', fontSize: 15, color: '#FFFFFF', textTransform: 'uppercase' }, children: timer && timer > 0 ? `${timer} seconds` : 'OTP expired' }) }) }));
+            return (_jsx(View, { style: { height: isIphoneX() ? 80 : 70, width: '100%', justifyContent: 'center', marginBottom: Platform.OS === 'ios' ? 14 : 0 }, children: _jsx(LinearGradient, { colors: ['#b0bbbd', '#b0bbbd'], style: { flex: 1, justifyContent: 'center', alignItems: 'center' }, start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, children: _jsx(Text, { style: { textAlign: 'center', fontSize: 15, color: '#FFFFFF', textTransform: 'uppercase' }, children: timer && timer > 0 ? `${timer} seconds` : 'OTP expired' }) }) }));
         case 'valid':
-            return (_jsx(View, { style: { height: isIphoneX() ? 80 : 70, width: '100%', justifyContent: 'center' }, children: _jsx(LinearGradient, { colors: ['#44cfb9', '#1EC2C9'], style: { flex: 1, alignItems: 'center', justifyContent: 'center' }, start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, children: _jsx(Text, { style: { textAlign: 'center', fontSize: 15, color: '#fff', textTransform: 'uppercase' }, children: _jsx(OkayIcon, {}) }) }) }));
+            return (_jsx(View, { style: { height: isIphoneX() ? 80 : 70, width: '100%', justifyContent: 'center', marginBottom: Platform.OS === 'ios' ? 14 : 0 }, children: _jsx(LinearGradient, { colors: ['#44cfb9', '#1EC2C9'], style: { flex: 1, alignItems: 'center', justifyContent: 'center' }, start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, children: _jsx(Text, { style: { textAlign: 'center', fontSize: 15, color: '#fff', textTransform: 'uppercase' }, children: _jsx(OkayIcon, {}) }) }) }));
         case 'invalid':
-            return (_jsx(View, { style: { height: isIphoneX() ? 80 : 70, width: '100%', justifyContent: 'center' }, children: _jsx(LinearGradient, { colors: ['#F3698B', '#F18A8A'], style: { flex: 1, alignItems: 'center', justifyContent: 'center' }, start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, children: _jsx(Text, { style: { textAlign: 'center', fontSize: 15, color: '#fff', textTransform: 'uppercase' }, children: _jsx(CrossIcon, {}) }) }) }));
+            return (_jsx(View, { style: { height: isIphoneX() ? 80 : 70, width: '100%', justifyContent: 'center', marginBottom: Platform.OS === 'ios' ? 14 : 0 }, children: _jsx(LinearGradient, { colors: ['#F3698B', '#F18A8A'], style: { flex: 1, alignItems: 'center', justifyContent: 'center' }, start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, children: _jsx(Text, { style: { textAlign: 'center', fontSize: 15, color: '#fff', textTransform: 'uppercase' }, children: _jsx(CrossIcon, {}) }) }) }));
         case 'loading':
-            return (_jsx(View, { style: { height: isIphoneX() ? 80 : 70, width: '100%', justifyContent: 'center' }, children: _jsx(LinearGradient, { colors: ['#b0bbbd', '#b0bbbd'], style: { flex: 1, alignItems: 'center', justifyContent: 'center' }, start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, children: _jsx(View, { style: { alignItems: 'center' }, children: _jsx(ActivityIndicator, { color: 'black' }) }) }) }));
+            return (_jsx(View, { style: { height: isIphoneX() ? 80 : 70, width: '100%', justifyContent: 'center', marginBottom: Platform.OS === 'ios' ? 14 : 0 }, children: _jsx(LinearGradient, { colors: ['#b0bbbd', '#b0bbbd'], style: { flex: 1, alignItems: 'center', justifyContent: 'center' }, start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, children: _jsx(View, { style: { alignItems: 'center' }, children: _jsx(ActivityIndicator, { color: 'black' }) }) }) }));
         default:
             return null;
     }

package/build/src/components/PasswordCriteria/index.native.js

@@ -9,11 +9,14 @@ const PasswordCriteria = ({ email, password, criteria, onCriteriaChange, onMaxLe
     const getCriteriaBackground = (isValid) => (isValid ? utility.success_bg : gray.gray_100);
     return (_jsx(View, { style: { flexDirection: 'row', alignItems: 'center', flexWrap: 'wrap', alignContent: 'space-between', marginTop: 8 }, children: Object.keys(passwordPolicy).map((item, index) => (loading
             ? _jsx(LoadingPlaceholder, { height: 24, width: renderLabel(item).length * 8, borderRadius: 12, containerStyle: { marginRight: 8, marginTop: 8 } }, index)
-            : _jsx(Text, { style: {
-                    fontSize: 12, fontWeight: '500', marginRight: 8, marginTop: 8, borderRadius: 32,
-                    paddingVertical: 4, paddingHorizontal: 12,
-                    backgroundColor: getCriteriaBackground(criteria[item]),
-                    color: getCriteriaColor(criteria[item]),
-                }, children: renderLabel(item) }, index))) }));
+            :
+                _jsx(View, { style: {
+                        marginRight: 8, marginTop: 8, borderRadius: 32,
+                        paddingVertical: 4, paddingHorizontal: 12,
+                        backgroundColor: getCriteriaBackground(criteria[item]),
+                    }, children: _jsx(Text, { style: {
+                            fontSize: 12, fontWeight: '500',
+                            color: getCriteriaColor(criteria[item]),
+                        }, children: renderLabel(item) }) }, index))) }));
 };
 export { PasswordCriteria };

package/build/src/components/VerifyOTP/index.native.js

@@ -20,7 +20,7 @@ const OTPVerify = ({ validateOTP, timer, status, resendOTP, phone }) => {
             setOTP(otpValue);
         }
     }, [otpValue]);
-    return (_jsxs(Layout, { style: { flex: 1, backgroundColor: '#FFFFFF' }, children: [_jsx(Header, {}), _jsxs(CustomKeyboardAvoidingView, { behavior: Platform.OS === 'ios' ? 'padding' : undefined, keyboardVerticalOffset: Platform.OS === 'ios' ? 100 : 0, children: [_jsxs(ScrollView, { style: { paddingHorizontal: 20, paddingTop: 32, flex: 1 }, children: [_jsxs(Text, { textBreakStrategy: 'simple', style: {
+    return (_jsxs(Layout, { style: { flex: 1, backgroundColor: '#FFFFFF' }, children: [_jsx(Header, {}), _jsxs(CustomKeyboardAvoidingView, { behavior: Platform.OS === 'ios' ? 'padding' : undefined, keyboardVerticalOffset: 0, children: [_jsxs(ScrollView, { style: { paddingHorizontal: 20, paddingTop: 32, flex: 1 }, children: [_jsxs(Text, { textBreakStrategy: 'simple', style: {
                                     fontSize: 20, fontWeight: '600', color: gray.gray_900,
                                     lineHeight: 32, marginBottom: 32,
                                 }, children: ["OTP sent to ", '\n', phone ? phone.replace(/\d(?=\d{4})/g, 'x') : ''] }), _jsx(View, { style: { justifyContent: 'center', flexDirection: 'row', marginBottom: 30, position: 'relative' }, children: _jsx(OTPInputView, { pinCount: 6, autoFocusOnLoad: false, onCodeChanged: text => setOTP(text), codeInputFieldStyle: {

package/build/src/contexts/AuthContext.js

@@ -34,7 +34,7 @@ const AuthPackageContext = React.createContext(null);
  */
 const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, onLogout, onLaunchAuthSession, onRefreshSession }) => {
     const [isLoadingProfile, setIsLoadingProfile] = useState(false);
-    const [member, setMember] = useState(null);
+    const [profile, setProfile] = useState(null);
     const [client, setClient] = useState(null);
     const [registrationMethod, setRegistrationMethod] = useState(null);
     const [token, setToken] = useState('');
@@ -61,10 +61,10 @@ const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, on
      * fetch user profile if not already loaded.
      */
     useEffect(() => {
-        if (token && !member) {
+        if (token && !profile) {
             getUserProfile();
         }
-    }, [token, member]);
+    }, [token, profile]);
     /**
      * Logout user and clear authentication state.
      * Falls back to default /auth/logout request
@@ -106,7 +106,7 @@ const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, on
                     return resolve(data);
                 }
                 const formatted = formatUserData(data);
-                setMember(formatted.profile);
+                setProfile(formatted.profile);
                 setClient(formatted.client);
                 resolve(data);
             }).catch((err) => {
@@ -119,7 +119,7 @@ const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, on
     const clearSession = useCallback(() => {
         setToken('');
         setClient(null);
-        setMember(null);
+        setProfile(null);
         setRegistrationMethod(null);
     }, []);
     /**
@@ -150,9 +150,10 @@ const AuthProvider = ({ children, LogoComponent, session, appConfig, onLogin, on
         setTimeout(() => setOtpValue(''), 0);
     };
     const AuthContextValues = {
-        isLoadingProfile,
-        member,
+        token,
+        profile,
         client,
+        isLoadingProfile,
         logout,
         onLaunchAuthSession,
         getUserProfile,

package/build/src/hooks/useRequest.js

@@ -14,6 +14,9 @@ const useRequest = () => {
         onLogout: async () => logout(),
     }), [token, logout, refreshSession]);
     const makeRequest = async ({ url, method, body, onSuccess, onFailure, ...axiosOptions }) => {
+        if (!token) {
+            return;
+        }
         try {
             const response = await request({
                 url,

package/build/src/index.js

@@ -5,6 +5,8 @@ export * from './contexts/type';
 // export hooks
 export * from './hooks/useAuthContext';
 export * from './hooks/useRequest';
+// export axiosClient
+export * from './api/axiosClient';
 // export navigator/router
 export * from './navigator';
 // export components

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

@@ -82,7 +82,7 @@ const SignUpFormComponent = ({ email, registrationMethod, userDetails, onContinu
                         });
                     },
                     disabled: !values.firstName || !values.lastName || !values.gender || !values.dateOfBirth || !values.phone || !termsAndConditions || !isHuman
-                }, onPressBack: onGoToLogin, children: _jsxs(Form, { form: form, className: "w-full", onSubmit: () => { }, children: [_jsxs(Row, { gutter: 18, className: "py-0 my-0", children: [_jsx(Col, { xs: 24, md: 12, children: _jsx(Form.Item, { name: "firstName", label: "First Name", className: 'mt-5', rules: [
+                }, onPressBack: onGoToLogin, children: _jsxs(Form, { form: form, className: "w-full", onSubmit: () => { }, children: [_jsxs(Row, { gutter: 18, className: "py-0 my-0", children: [_jsx(Col, { xs: 24, md: 12, children: _jsx(Form.Item, { label: "First Name", className: 'mt-5', rules: [
                                             {
                                                 required: true,
                                                 message: 'Please enter your first name'
@@ -98,9 +98,9 @@ const SignUpFormComponent = ({ email, registrationMethod, userDetails, onContinu
                                                     }
                                                 },
                                             },
-                                        ], normalize: (value) => (value ?? '').replace(/[^a-zA-Z]/g, ''), children: _jsx(TextInput, { placeholder: "Enter your first name", ...form.register('firstName', {
-                                                onChange: (e) => onFirstName(e.target.value)
-                                            }) }) }) }), _jsx(Col, { xs: 24, md: 12, children: _jsx(Form.Item, { name: "lastName", label: "Last Name", className: 'mt-5', rules: [
+                                        ], normalize: (value) => (value ?? '').replace(/[^a-zA-Z]/g, ''), ...form.register('firstName', {
+                                            onChange: (e) => onFirstName(e.target.value)
+                                        }), children: _jsx(TextInput, { placeholder: "Enter your first name" }) }) }), _jsx(Col, { xs: 24, md: 12, children: _jsx(Form.Item, { label: "Last Name", className: 'mt-5', rules: [
                                             {
                                                 required: true,
                                                 message: 'Please enter your last name'
@@ -116,54 +116,47 @@ const SignUpFormComponent = ({ email, registrationMethod, userDetails, onContinu
                                                     }
                                                 },
                                             },
-                                        ], normalize: (value) => (value ?? '').replace(/[^a-zA-Z]/g, ''), children: _jsx(TextInput, { placeholder: "Enter your last name", ...form.register('lastName', {
-                                                onChange: (e) => onLastName(e.target.value)
-                                            }) }) }) })] }), _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(Image, { 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: ["The ", 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, { name: "gender", className: "mt-4", rules: [
+                                        ], normalize: (value) => (value ?? '').replace(/[^a-zA-Z]/g, ''), ...form.register('lastName', {
+                                            onChange: (e) => onLastName(e.target.value)
+                                        }), 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(Image, { 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: ["The ", 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'
                                         }
-                                    ], children: _jsx(RadioGroup, { orientation: "horizontal", options: [
+                                    ], ...form.register('gender', {
+                                        onChange: (e) => setGender(e.target.value)
+                                    }), children: _jsx(RadioGroup, { orientation: "horizontal", options: [
                                             { label: 'Male', value: 'M' },
                                             { label: 'Female', value: 'F' },
-                                        ], ...form.register('gender', {
-                                            onChange: (e) => setGender(e.target.value)
-                                        }) }) }) }) }), _jsxs(Row, { gutter: 18, className: "py-0 my-5", children: [_jsx(Col, { xs: 24, md: 24, lg: 12, children: _jsx(Form.Item, { name: "dateOfBirth", label: "Date of Birth", rules: [
+                                        ] }) }) }) }), _jsxs(Row, { gutter: 18, className: "py-0 my-5", children: [_jsx(Col, { xs: 24, md: 24, lg: 12, children: _jsx(Form.Item, { label: "Date of Birth", rules: [
                                             {
                                                 required: true,
                                                 message: 'Please select your date of birth'
                                             }
-                                        ], children: _jsx(DatePicker, { required: true, size: "middle", format: "dd/MM/yyyy", placeholder: "DD/MM/YYYY", 
+                                        ], ...form.register('dateOfBirth', {
+                                            onChange: (value, dateString) => setSelectedDOB(dateString ?? (value?.toISOString ? value.toISOString() : String(value)))
+                                        }), 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" }), ...form.register('dateOfBirth', {
-                                                onChange: (value, dateString) => setSelectedDOB(dateString ?? (value?.toISOString ? value.toISOString() : String(value)))
-                                            }) }) }) }), _jsx(Col, { xs: 24, md: 24, lg: 12, children: _jsx(Form.Item, { label: "Mobile Number", className: "mb-0", name: "phone", rules: [
+                                            disabledDate: disabledDate, iconPosition: "right", defaultPickerValue: dayjs('1990-01-01').toDate(), suffixIcon: _jsx(CalendarDays, { className: "-mt-2" }) }) }) }), _jsx(Col, { xs: 24, md: 24, lg: 12, children: _jsx(Form.Item, { label: "Mobile Number", className: "mb-0", rules: [
                                             {
                                                 required: true,
                                                 message: 'Please enter your mobile number'
                                             }
-                                        ], children: _jsx(Flex, { className: "border border-gray-400 rounded-md", children: _jsx(TextInput, { type: "tel", value: values.phone, placeholder: "Mobile number", maxLength: countryCode === "91" ? 10 : 14, className: "py-4 border-0 md:text-base", addonBefore: _jsx(CountryCodeDropdown, { selectedCountry: selectedCountry, handleSelect: (country) => {
+                                        ], ...form.register("phone", {
+                                            onChange: (e) => enterMobile(e.target.value)
+                                        }), children: _jsx(Flex, { className: "border border-gray-400 rounded-md", children: _jsx(TextInput, { type: "tel", value: phone, placeholder: "Mobile number", maxLength: countryCode === "91" ? 10 : 14, className: "py-4 border-0 md:text-base", addonBefore: _jsx(CountryCodeDropdown, { selectedCountry: selectedCountry, handleSelect: (country) => {
                                                         setCountryCode(country.phoneCode);
                                                         setSelectedCountry(country);
                                                         setIsPhoneValid(country.phoneCode === "91"
                                                             ? /^[0-9]+$/.test(phone) && phone.length >= 10
                                                             : phone.length > 5);
-                                                    } }), ...form.register("phone", {
-                                                    onChange: (e) => enterMobile(e.target.value)
-                                                }) }) }) }) })] }), _jsx(Col, { children: _jsx(Form.Item, { name: "referralCode", label: "Referral Code (Optional)", className: "mt-4", children: _jsx(TextInput, { placeholder: "Referral code", ...form.register('referralCode', {
+                                                    } }) }) }) }) })] }), _jsx(Col, { children: _jsx(Form.Item, { name: "referralCode", label: "Referral Code (Optional)", className: "mt-4", children: _jsx(TextInput, { placeholder: "Referral code", ...form.register('referralCode', {
                                         onChange: (e) => setReferralCode(e.target.value)
                                     }) }) }) }), isProduction && (process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY
                             ? _jsx(RecaptchaComponent, { onChange: handleCaptcha })
-                            : _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(Form.Item, { name: "termsAndConditions", rules: [
-                                        {
-                                            required: true,
-                                            message: 'Please accept the Terms & Conditions'
-                                        }
-                                    ], 
-                                    /* @ts-ignore */
-                                    valuePropName: "checked", children: _jsx(CustomCheckbox, { checked: termsAndConditions, onClick: (e) => {
-                                            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] }) }) }) }) })] }) }), _jsxs(Flex, { align: 'center', className: 'p-0 mt-4', children: [_jsx(Typography, { type: "body", size: "large", className: "text-gray-700", children: "Already have an account?" }), _jsx(Button, { label: "Sign-In", variant: "link", size: "medium", className: "ml-2 h-auto px-0", onClick: onGoToLogin })] }), existingAccountModal &&
+                            : _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: (e) => {
+                                        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] }) }) }) })] }) }), _jsxs(Flex, { align: 'center', className: 'p-0 mt-4', children: [_jsx(Typography, { type: "body", size: "large", className: "text-gray-700", children: "Already have an account?" }), _jsx(Button, { label: "Sign-In", variant: "link", size: "medium", className: "ml-2 h-auto px-0", onClick: onGoToLogin })] }), existingAccountModal &&
                 _jsx(ExistingAccountsModal, { phone: phone, countryCode: countryCode, visible: existingAccountModal, hide: () => setExistingAccountModal(false), existingAccounts: existingAccounts, getLoginTypeText: getLoginTypeText, onGoToLogin: onGoToLogin })] }));
 };
 const ExistingAccountsModal = ({ visible, hide, existingAccounts, countryCode, phone, getLoginTypeText, onGoToLogin }) => {

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

@@ -116,15 +116,15 @@ const ExistingAccountsModal = ({ visible, hide, existingAccounts, countryCode, p
             }
         }, FooterComponent: _jsxs(View, { style: {
                 width: '100%',
-                backgroundColor: 'white',
+                backgroundColor: primary.white,
                 marginTop: 8,
                 padding: 16,
-                marginBottom: isIphoneX() ? 30 : 0,
+                paddingBottom: isIphoneX() ? 42 : 16,
                 borderTopWidth: Platform.OS == 'android' ? 1 : 0,
                 borderTopColor: gray.gray_300,
                 shadowColor: '#DDDDDD',
                 shadowOffset: { width: 0, height: -2 },
-                shadowOpacity: 1,
+                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: {

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

@@ -48,7 +48,7 @@ const UserConsent = ({ routeParams, onVerifyEmail, onVerifyMobile, onBackHandler
                                             registrationParams: routeParams,
                                             source: 'web',
                                             onResult: onAgreeHandler
-                                        }), className: "w-full lg:!w-auto" }), _jsx(Button, { label: "Not Now, I Will Register Later", variant: "link", onClick: () => setRedirectModal(true), className: "w-full mt-4 lg:!w-auto lg:!mt-0" })] })] }) })] }), subTitle: "", onPressBack: onBackHandler, children: redirectModal &&
+                                        }), 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 }) => {

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

@@ -41,6 +41,6 @@ const UserConsent = ({ navigation, route }) => {
                             onResult: onAgreeHandler
                         }),
                         disabled: loading,
-                    }, children: _jsxs(View, { style: { marginTop: 24, 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: 24 }, 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"] }) })] }) }) })] }));
+                    }, 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/types/contexts/type.d.ts

@@ -27,9 +27,10 @@ interface AuthContextProps {
     onLaunchAuthSession?: () => void;
 }
 interface AuthContextValue {
-    isLoadingProfile?: boolean;
-    member?: MemberProfile | null;
-    client?: ClientProfile | null;
+    token: string;
+    profile: MemberProfile | null;
+    client: ClientProfile | null;
+    isLoadingProfile: boolean;
     logout: () => Promise<any>;
     onLaunchAuthSession?: () => void;
     getUserProfile?: () => Promise<any>;

package/build/types/index.d.ts

@@ -3,6 +3,7 @@ export { default as AuthContext } from './contexts/AuthContext';
 export * from './contexts/type';
 export * from './hooks/useAuthContext';
 export * from './hooks/useRequest';
+export * from './api/axiosClient';
 export * from './navigator';
 export * from './screens/Login/components/LoginWebComponent';
 export * from './screens/SignUp/components/SignUpWebComponent';

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "description": "Truworth Auth Package for React Native and Web",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "main": "build/src/index.js",
   "types": "build/types/index.d.ts",
   "files": [