@truworth/twc-auth 3.0.5 → 3.0.7

package/build/src/screens/CountryCode/components/CountryCodeDropdown/index.native.js

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

package/build/src/screens/CountryCode/components/CountryCodeDropdown/types.js

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

package/build/src/screens/CountryCode/hooks/internal/useCountryCode.js

@@ -1,38 +0,0 @@
-import { useEffect, useState } from "react";
-import { axiosClient } from "../../../../api/axiosClient";
-/**
- * @internal
- * Internal hook for managing CountryCode screen state and auth context integration.
- * Not exposed to package consumers.
- */
-const useCountryCode = () => {
-    const [countryCodes, setCountryCodes] = useState([]);
-    const [searchCountry, setSearchCountry] = useState([]);
-    useEffect(() => {
-        if (countryCodes.length === 0) {
-            getCountryCodes();
-        }
-    }, []);
-    const getCountryCodes = () => {
-        axiosClient({
-            url: '/auth/country-codes',
-            method: 'GET',
-        }).then((res) => {
-            setCountryCodes(res.data);
-        }).catch((err) => {
-            console.log(err);
-        });
-    };
-    const onSearch = (text) => {
-        let query = text.toLowerCase();
-        let filtered = countryCodes.filter((item) => item.name.toLowerCase().includes(query));
-        if (!query || query === '') {
-            setSearchCountry([]);
-        }
-        else {
-            setSearchCountry(filtered);
-        }
-    };
-    return { countryCodes, searchCountry, onSearch };
-};
-export { useCountryCode };

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

@@ -1,10 +0,0 @@
-'use client';
-const CountryCode = () => {
-    if (process.env.NODE_ENV !== 'production') {
-        if (typeof window !== 'undefined') {
-            console.warn("[@truworth/twc-auth] We use only CountryCode for app");
-        }
-    }
-    return null;
-};
-export default CountryCode;

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

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TextInput, Text, View, Image, FlatList, TouchableOpacity } from 'react-native';
-import { Icon, Layout } from '@ui-kitten/components';
-import { Colors, withPreventDoubleTap } from '@truworth/twc-rn-common';
-import { useNavigation, useRoute } from '@react-navigation/native';
-import { useCountryCode } from './hooks/internal/useCountryCode';
-import { useState } from 'react';
-const TouchableCard = withPreventDoubleTap(TouchableOpacity);
-const { primary, gray } = Colors;
-const CountryCode = () => {
-    const [isSearching, setIsSearching] = useState(false);
-    const route = useRoute();
-    const navigation = useNavigation();
-    const { countryCodes, searchCountry, onSearch } = useCountryCode();
-    const onSelect = (countryCode, iconCode) => {
-        navigation.navigate(route.params?.prevRoute, {
-            ...route.params,
-            countryCode,
-            iconCode,
-        });
-    };
-    return (_jsxs(Layout, { style: { flex: 1, backgroundColor: primary.white }, children: [_jsxs(View, { style: { flexDirection: 'row' }, children: [_jsx(TouchableCard, { style: { flexDirection: 'row', paddingHorizontal: 15, alignSelf: 'center' }, activeOpacity: 0.8, onPress: () => navigation.goBack(), children: _jsx(Icon, { name: "arrow-back", fill: "#313131", style: { width: 25, height: 25 } }) }), _jsxs(View, { style: {
-                            flex: 1, backgroundColor: '#eeeef0', height: 45,
-                            flexDirection: 'row', alignItems: 'center', borderRadius: 10,
-                            marginVertical: 15, paddingHorizontal: 10, marginRight: 15,
-                        }, children: [_jsx(Icon, { fill: "#8F9BB3", style: { height: 28, width: 28 }, name: "search-outline" }), _jsx(TextInput, { style: { fontSize: 16, flex: 1, color: primary.black }, placeholder: "Search Country", placeholderTextColor: gray.gray_400, onChangeText: text => {
-                                    onSearch(text);
-                                    setIsSearching(text.trim().length > 0);
-                                } })] })] }), _jsx(View, { style: { borderBottomWidth: 1, borderBottomColor: '#ddd' } }), _jsx(FlatList, { data: isSearching ? searchCountry : countryCodes, keyExtractor: (item) => item.id.toString(), renderItem: ({ item }) => {
-                    const sanitizedCountryCode = (item.countryCode ?? '').replace(/[^a-zA-Z]/g, '').toLowerCase();
-                    return (_jsxs(TouchableOpacity, { style: { flexDirection: 'row', paddingHorizontal: 15, paddingTop: 20, alignItems: 'center' }, onPress: () => onSelect(item.phoneCode, item.countryCode), children: [_jsx(Image, { source: { uri: `https://cdn.thewellnesscorner.com/country-flags/${sanitizedCountryCode}.png` }, style: { height: 25, width: 40 }, resizeMode: "cover" }), _jsx(Text, { style: {
-                                    flex: 1, textTransform: 'uppercase',
-                                    fontSize: 18, color: primary.black, marginLeft: 15,
-                                }, children: `${item.name} (+${item.phoneCode})` })] }));
-                } })] }));
-};
-export default CountryCode;

package/build/src/screens/CountryCode/type.js

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

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

@@ -1,46 +0,0 @@
-import { useState } from "react";
-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 = (props) => {
-    const [passwordVisible, setPasswordVisible] = useState(false);
-    const [confirmPasswordVisible, setConfirmPasswordVisible] = useState(false);
-    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) => {
-        setPassword(text.replace(/\s/g, ''));
-    };
-    const handleConfirmPassword = (text) => {
-        setConfirmPassword(text.replace(/\s/g, ''));
-    };
-    const handleSkip = ({ onResult }) => {
-        setPassword('');
-        setConfirmPassword('');
-        onResult();
-    };
-    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,
-        passwordVisible, setPasswordVisible,
-        confirmPasswordVisible, setConfirmPasswordVisible,
-        maxLength, setMaxLength,
-        criteria, setCriteria,
-        handlePassword, handleConfirmPassword,
-        handleSkip,
-        isContinueDisabled
-    };
-};
-export { useCreatePassword };

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 { 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: {
-            label: 'Continue',
-            onClick: () => onContinue(password, confirmPassword),
-            disabled: isContinueDisabled
-        }, 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/CreatePassword/index.native.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Keyboard, Text, TouchableOpacity } from 'react-native';
-import { Colors, TextInputField } from '@truworth/twc-rn-common';
-import { Layout } from '@ui-kitten/components';
-import { ScreenLayout } from '../../components/ScreenLayout';
-import { useCreatePassword } from './hooks/internal/useCreatePassword';
-import { PasswordCriteria } from '../../components/PasswordCriteria/index.native';
-const { primary } = Colors;
-const CreatePassword = ({ navigation, route }) => {
-    const { countryCode, email } = route.params;
-    const { password, confirmPassword, passwordVisible, setPasswordVisible, confirmPasswordVisible, setConfirmPasswordVisible, maxLength, setMaxLength, criteria, setCriteria, handlePassword, handleConfirmPassword, handleSkip, isContinueDisabled } = useCreatePassword();
-    const onContinue = () => {
-        navigation.navigate('UserConsent', { ...route.params, password });
-    };
-    return (_jsx(Layout, { style: { flex: 1, backgroundColor: primary.white }, children: _jsxs(ScreenLayout, { title: "Create your Password", subTitle: "Use a password that\u2019s easy to remember and fulfills all the requirement listed below.", buttonProps: {
-                label: 'Continue',
-                onPress: onContinue,
-                disabled: isContinueDisabled,
-            }, accessoryRight: countryCode == '91'
-                ? _jsx(TouchableOpacity, { activeOpacity: 0.8, onPress: () => {
-                        Keyboard.dismiss();
-                        handleSkip({
-                            onResult: () => {
-                                navigation.navigate('UserConsent', { ...route.params });
-                            }
-                        });
-                    }, children: _jsx(Text, { style: { fontSize: 16, fontWeight: '600', color: primary.primary_main }, children: "Skip" }) })
-                : _jsx(_Fragment, {}), children: [_jsx(TextInputField, { placeholder: "Enter password...", onChangeValue: handlePassword, secureTextEntry: !passwordVisible, value: password, rightIcon2: passwordVisible
-                        ? 'eye-outline'
-                        : 'eye-off-outline', onPressRightIcon2: () => setPasswordVisible(!passwordVisible), autoFocus: true, maxLength: maxLength }), _jsx(PasswordCriteria, { email: email, password: password, criteria: criteria, onCriteriaChange: setCriteria, onMaxLengthChange: setMaxLength }), _jsx(TextInputField, { placeholder: "Confirm password...", onChangeValue: handleConfirmPassword, secureTextEntry: !confirmPasswordVisible, value: confirmPassword, rightIcon2: confirmPasswordVisible ? 'eye-outline' : 'eye-off-outline', onPressRightIcon2: () => setConfirmPasswordVisible(!confirmPasswordVisible), maxLength: maxLength, containerStyle: { marginTop: 16 } })] }) }));
-};
-export default CreatePassword;

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

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

package/build/src/screens/EnterEmail/hooks/internal/useEnterEmail.js

@@ -1,77 +0,0 @@
-import { useState, useCallback } from "react";
-import { showMessage } from "../../../../helpers/show-message";
-import { useAuthPackageContext } from "../../../../hooks/internal/useAuthPackageContext";
-import { checkEmailExists } from "../../../../api/auth";
-import { LoginMethodCode, RegistrationMethod } from "../../../../enums";
-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,}))$/;
-/**
- * @internal
- * Hook for managing Enter Email screen logic and authentication integration.
- */
-const useEnterEmail = () => {
-    const [email, setEmail] = useState("");
-    const [loginType, setLoginType] = useState("");
-    const [loading, setLoading] = useState(false);
-    const [isEmailValid, setIsEmailValid] = useState(false);
-    const [isLoginConflictModalVisible, setIsLoginConflictModalVisible] = useState(false);
-    const { appConfig, onRegistrationMethodChange } = useAuthPackageContext();
-    /**
-     * Handles email input change with validation
-     */
-    const handleEmailChange = useCallback((value) => {
-        const normalizedEmail = value.toLowerCase().trim();
-        setEmail(normalizedEmail);
-        setIsEmailValid(EMAIL_REGEX.test(normalizedEmail));
-    }, []);
-    /**
-     * Validates email existence and handles login conflicts
-     */
-    const handleEmailExists = useCallback(async ({ onValidate }) => {
-        setLoading(true);
-        try {
-            const { emailExist, loginType } = await checkEmailExists(email);
-            const loginCode = Number(loginType);
-            if (emailExist && loginCode !== LoginMethodCode.Email) {
-                const loginMethodMap = {
-                    [LoginMethodCode.Facebook]: "Facebook",
-                    [LoginMethodCode.Google]: "Google",
-                    [LoginMethodCode.Apple]: "Apple",
-                    [LoginMethodCode.SSO]: "SSO",
-                };
-                setLoginType(loginMethodMap[loginCode] || "your social account");
-                setIsLoginConflictModalVisible(true);
-                return;
-            }
-            onRegistrationMethodChange(RegistrationMethod.EMAIL);
-            onValidate({ emailExist });
-        }
-        catch (error) {
-            const message = error?.response?.data?.errors?.[0]?.message ?? "Something went wrong";
-            showMessage({ message });
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [email]);
-    /**
-     * Clears email input field
-     */
-    const handleClearEmail = useCallback(() => {
-        setEmail("");
-        setIsEmailValid(false);
-    }, []);
-    return {
-        email,
-        isEmailValid,
-        loading,
-        handleEmailChange,
-        handleEmailExists,
-        handleClearEmail,
-        isLoginConflictModalVisible,
-        setIsLoginConflictModalVisible,
-        appName: appConfig.appName,
-        loginConflictTitle: `Sign in with ${loginType}`,
-        loginConflictDescription: `Looks like you previously registered using ${loginType}. Please go back and sign in with ${loginType}.`,
-    };
-};
-export { useEnterEmail };

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

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Flex, Form, TextInput, Typography, useForm } from '@truworth/twc-web-design';
-import { ConfirmationModal as LoginConflictModal } from '../../components/ConfirmationModal';
-import { ScreenLayout } from "../../components/ScreenLayout";
-import { useEnterEmail } from "./hooks/internal/useEnterEmail";
-import { SupportDetails } from '../../components/SupportDetails';
-import { useWelcome } from '../Welcome/hooks/internal/useWelcome';
-import { socialLoginOptions } from '../../constants/social-login-options';
-import { SocialLoginModal } from '../Welcome/components/SocialLoginModal';
-import { useSocialAuth } from '../Welcome/SocialAuth/hooks/useSocialAuth.web';
-import { SocialLoginsEnum } from '../../enums';
-import _ from 'lodash';
-const EnterEmail = ({ onContinue, onPressSignInWithSSO }) => {
-    const { loginWithGoogle, loginWithFacebook } = useSocialAuth();
-    const { email, isEmailValid, handleEmailChange, appName, handleEmailExists, loading, loginConflictTitle, loginConflictDescription, isLoginConflictModalVisible, setIsLoginConflictModalVisible, } = useEnterEmail();
-    const { showSocialLoginModal, setShowSocialLoginModal, socialLoginType, setSocialLoginType, isSocialLoginEnabled, socialLoginConfig, } = useWelcome();
-    const form = useForm({ defaultValues: { email } });
-    const handleLogin = () => {
-        setShowSocialLoginModal(false);
-        switch (socialLoginType) {
-            case SocialLoginsEnum.Google:
-                return loginWithGoogle();
-            case SocialLoginsEnum.Facebook:
-                return loginWithFacebook();
-            default:
-                return;
-        }
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs(ScreenLayout, { title: `Hi, Welcome To ${appName}!`, subTitle: "Please enter email to get started.", buttonProps: {
-                    loading,
-                    label: 'Continue',
-                    onClick: () => {
-                        handleEmailExists({
-                            onValidate: ({ emailExist }) => onContinue({ email, emailExist })
-                        });
-                    },
-                    disabled: !isEmailValid,
-                }, children: [_jsx(Form, { className: "w-full", form: form, onSubmit: () => {
-                            handleEmailExists({
-                                onValidate: ({ emailExist }) => onContinue({ email, emailExist })
-                            });
-                        }, children: _jsx(Form.Item, { name: "email", label: "Email", children: _jsx(TextInput, { type: "email", value: email, size: "medium", placeholder: "example@domain", ...form.register('email', {
-                                    onChange: (e) => {
-                                        handleEmailChange(e.target.value);
-                                    }
-                                }) }) }) }), isLoginConflictModalVisible &&
-                        _jsx(LoginConflictModal, { title: loginConflictTitle, description: loginConflictDescription, visible: isLoginConflictModalVisible, onProceed: () => setIsLoginConflictModalVisible(false), onClose: () => setIsLoginConflictModalVisible(false), primaryLabel: 'Okay' })] }), _jsx(Button, { isFullWidth: true, type: "button", label: 'Sign In with SSO', variant: 'secondary', className: 'flex-none mt-6', onClick: onPressSignInWithSSO }), isSocialLoginEnabled && (_jsxs(_Fragment, { children: [_jsxs(Flex, { align: "center", className: "my-6", children: [_jsx(Flex, { className: "flex-1 border-t border-gray-300" }), _jsx(Typography, { type: 'body', size: 'small', className: "text-gray-500 px-4", children: "or continue with" }), _jsx(Flex, { className: "flex-1 border-t border-gray-300" })] }), _jsx(Flex, { justify: 'center', align: 'center', className: "gap-4", children: socialLoginOptions.map(({ type, iconImageUrl }) => {
-                            if (type === SocialLoginsEnum.Apple) {
-                                return null;
-                            }
-                            return socialLoginConfig?.[type]?.enabled && (_jsxs("button", { type: "button", className: "flex justify-center p-3 gap-2 items-center\n                                             rounded-[50px] flex-1 border text-gray-800 hover:text-gray-800\n                                             border-gray-100 bg-gray-100 hover:border-gray-300 transition-all duration-300 cursor-pointer", onClick: () => {
-                                    setSocialLoginType(type);
-                                    setShowSocialLoginModal(true);
-                                }, children: [_jsx("img", { src: iconImageUrl, style: { width: 20, height: 20 } }), _jsx(Typography, { type: 'utility', size: 'medium', children: _.startCase(type) })] }, type));
-                        }) })] })), showSocialLoginModal &&
-                _jsx(SocialLoginModal, { visible: showSocialLoginModal, hide: () => setShowSocialLoginModal(false), socialLoginType: socialLoginType, onClick: handleLogin }), _jsx(SupportDetails, {})] }));
-};
-export default EnterEmail;

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

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Keyboard } from 'react-native';
-import { Layout } from '@ui-kitten/components';
-import { Colors, TextInputField } from '@truworth/twc-rn-common';
-import { useEnterEmail } from './hooks/internal/useEnterEmail';
-import { ScreenLayout } from '../../components/ScreenLayout/index.native';
-import { ConfirmationModal as LoginConflictModal } from '../../components/ConfirmationModal';
-import { RegistrationMethod } from '../../enums';
-const { utility } = Colors;
-const EnterEmail = ({ navigation }) => {
-    const { email, isEmailValid, handleEmailChange, handleClearEmail, handleEmailExists, loading, loginConflictTitle, loginConflictDescription, isLoginConflictModalVisible, setIsLoginConflictModalVisible } = useEnterEmail();
-    const onValidate = (params) => {
-        if (params.emailExist) {
-            navigation.navigate('EnterPassword', { email });
-        }
-        else {
-            navigation.navigate('SignUp', { email });
-        }
-    };
-    return (_jsxs(Layout, { style: { flex: 1, backgroundColor: '#FFFFFF' }, children: [_jsx(ScreenLayout, { title: "Enter Your Email", buttonProps: {
-                    loading,
-                    label: 'Continue',
-                    onPress: () => {
-                        Keyboard.dismiss();
-                        handleEmailExists({ onValidate });
-                    },
-                    disabled: !isEmailValid,
-                }, children: _jsx(TextInputField, { value: email, placeholder: 'Enter here...', onChangeValue: handleEmailChange, rightIcon2: email.length > 0 ? 'close' : '', onPressRightIcon2: handleClearEmail, autoFocus: true, autoCapitalize: 'none', keyboardType: 'email-address' }) }), isLoginConflictModalVisible &&
-                _jsx(LoginConflictModal, { title: loginConflictTitle, description: loginConflictDescription, visible: isLoginConflictModalVisible, onProceed: () => setIsLoginConflictModalVisible(false), onClose: () => setIsLoginConflictModalVisible(false), iconColor: utility.warning_main, primaryLabel: 'Okay' })] }));
-};
-export default EnterEmail;

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

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

package/build/src/screens/EnterMobile/components/ExistingAccountsSheet/hooks/internal/useExistingAccountsSheet.js

@@ -1,36 +0,0 @@
-import { useCallback, useState } from "react";
-import { axiosClient } from '../../../../../../api/axiosClient';
-import { showMessage } from "../../../../../../helpers/show-message";
-/**
- * @internal
- * Internal hook for managing useExistingAccountsSheet hook state and auth context integration. Not exposed to package consumers.
- */
-const useExistingAccountsSheet = () => {
-    const [loading, setLoading] = useState(false);
-    const [selectedAccount, setSelectedAccount] = useState(null);
-    const linkPrimaryAccount = useCallback(({ phone, onInitiateLinking }) => {
-        setLoading(true);
-        axiosClient({
-            url: '/auth/mobile/link-primary-account/initiate',
-            method: 'POST',
-            data: {
-                phone,
-                memberId: selectedAccount?.memberId,
-            },
-        })
-            .then((res) => onInitiateLinking(res.data))
-            .catch((error) => {
-            console.log(error);
-            const message = error?.response?.data?.errors?.[0]?.message ?? 'Unable to initiate linking. Please try again.';
-            showMessage({ message });
-        })
-            .finally(() => setLoading(false));
-    }, [selectedAccount]);
-    return {
-        loading,
-        linkPrimaryAccount,
-        selectedAccount,
-        setSelectedAccount
-    };
-};
-export { useExistingAccountsSheet };

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

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useExistingAccountsSheet } from './hooks/internal/useExistingAccountsSheet';
-import { ResponsiveModal, Typography, Flex, Button, Card, Radio } from '@truworth/twc-web-design';
-import { SupportDetails } from '../../../../components/SupportDetails';
-import { IonIcon } from '../../../../components/IonIcon';
-import { LoginMethodCode } from '../../../../enums';
-import moment from 'moment';
-const ExistingAccountsSheet = ({ visible, hide, phone, existingAccounts, onInitiateAccountLinking }) => {
-    const { loading, linkPrimaryAccount, selectedAccount, setSelectedAccount, } = useExistingAccountsSheet();
-    const onContinue = () => {
-        if (!phone || !selectedAccount?.email) {
-            return;
-        }
-        linkPrimaryAccount({
-            phone,
-            onInitiateLinking: ({ sessionToken }) => {
-                onInitiateAccountLinking?.({
-                    sessionToken,
-                    email: selectedAccount?.email
-                });
-            }
-        });
-    };
-    const displayPhone = phone ? `+91${phone.replace(/^.{8}/, 'XXXXXXXX')}` : '+91**********';
-    return (_jsxs(ResponsiveModal, { open: visible, onClose: hide, onOpenChange: hide, maskClosable: false, title: _jsxs(_Fragment, { children: [_jsx(Typography, { type: "heading", size: "h6", children: "Multiple Accounts Found" }), _jsxs(Typography, { type: "utility", size: "medium", color: "gray-600", className: "mt-2 mb-3", children: ["The phone number ", displayPhone, " is linked to the following accounts."] }), _jsx("hr", {})] }), centered: true, showCloseButton: false, className: "px-0", footer: _jsxs(Flex, { direction: "column", className: 'pt-1', children: [_jsx(Flex, { className: "flex-1 border-t border-gray-300 mb-2" }), selectedAccount &&
-                    _jsxs(Flex, { align: 'center', className: 'bg-utility-warning-bg p-2 rounded-lg gap-1', children: [_jsx(IonIcon, { name: "information-circle-outline", className: "text-utility-warning-main text-2xl" }), _jsxs(Typography, { type: "utility", size: "small", children: [_jsx("span", { className: "text-gray-500 text-[12px]", children: "Once you proceed, this phone number will be removed" }), " from other accounts."] })] }), _jsx(Button, { isFullWidth: true, loading: loading, variant: "primary", label: "Link and Continue", className: 'mt-4 mb-[-16px]', onClick: onContinue, disabled: !selectedAccount }), _jsx(SupportDetails, {})] }), children: [_jsx(Typography, { type: "utility", size: "medium", className: "mb-4", children: "Select account you want to continue with." }), existingAccounts.map((item) => {
-                return (_jsx(OptionCard, { item: item, onClick: () => setSelectedAccount(item), selectedItem: selectedAccount }, item.memberId));
-            })] }));
-};
-const OptionCard = ({ item, onClick, selectedItem }) => {
-    return (_jsx(Card, { containerStyle: `p-4 mb-2 ${item.memberId === selectedItem?.memberId ? 'border-primary' : 'border-gray-200'}`, children: _jsxs(Flex, { className: 'gap-2', onClick: onClick, children: [_jsx(Radio, { selectedValue: selectedItem?.memberId, options: [{ label: '', value: item.memberId }] }), _jsx(Flex, { direction: 'column', className: 'mt-[-2px]', children: _jsxs(_Fragment, { children: [_jsxs(Flex, { direction: "column", className: "border-b-2 pb-2 w-full", children: [_jsx(Typography, { type: "utility", size: "large", className: "break-words w-full mb-1", children: item.name }), _jsx(Typography, { type: "utility", size: "medium", color: "primary", className: "truncate w-full", children: item.email })] }), _jsxs(_Fragment, { children: [_jsxs(Flex, { justify: "between", className: "mt-3", children: [_jsx(Typography, { type: "utility", size: "medium", color: "gray-700", children: "Registration Source" }), _jsx(Typography, { type: "utility", size: "medium", color: "gray-800", children: item.loginType ? LoginMethodCode[item.loginType] : '—' })] }), _jsxs(Flex, { justify: "between", className: "mt-3", children: [_jsx(Typography, { type: "utility", size: "medium", color: "gray-700", children: "Registration Date" }), _jsx(Typography, { type: "utility", size: "medium", color: "gray-800", children: item.createdOn ? moment(item.createdOn).format('DD/MM/YYYY') : '—' })] })] })] }) })] }) }));
-};
-export { ExistingAccountsSheet };

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

@@ -1,73 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { Divider } from '@ui-kitten/components';
-import { Platform, Text, TouchableOpacity, View } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
-import { BottomSheet, Colors, isIphoneX, RadioButton, RoundedButton } from '@truworth/twc-rn-common';
-import { useModalize } from 'react-native-modalize';
-import { useExistingAccountsSheet } from './hooks/internal/useExistingAccountsSheet';
-import { useAuthPackageContext } from '../../../../hooks/internal/useAuthPackageContext';
-import { LoginMethodCode } from '../../../../enums';
-import moment from 'moment';
-import IonIcons from 'react-native-vector-icons/Ionicons';
-const { primary, gray, utility } = Colors;
-const ExistingAccountsSheet = ({ visible, hide, phone, existingAccounts }) => {
-    const { ref: sheetRef, open: openSheet, close: closeSheet } = useModalize();
-    const navigation = useNavigation();
-    const { openChatSupport } = useAuthPackageContext();
-    const { loading, linkPrimaryAccount, selectedAccount, setSelectedAccount } = useExistingAccountsSheet();
-    useEffect(() => {
-        if (visible) {
-            openSheet();
-        }
-        else {
-            closeSheet();
-        }
-    }, [visible]);
-    const onContinue = () => {
-        if (!phone || !selectedAccount?.email) {
-            return;
-        }
-        linkPrimaryAccount({
-            phone,
-            onInitiateLinking: ({ sessionToken }) => {
-                navigation.navigate('VerifyLinkPrimaryAccountEmailOTP', {
-                    phone,
-                    sessionToken,
-                    email: selectedAccount?.email
-                });
-                hide();
-            }
-        });
-    };
-    const displayPhone = phone ? `+91${phone.replace(/^.{8}/, 'XXXXXXXX')}` : '+91**********';
-    return (_jsx(BottomSheet, { sheetRef: sheetRef, onClose: hide, 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: "Multiple Accounts Found" }), _jsxs(Text, { style: { fontSize: 12, fontWeight: '500', color: gray.gray_500, lineHeight: 20, textAlign: 'center', marginHorizontal: 16 }, children: ["The phone number ", displayPhone, " is linked to the following accounts."] })] }), _jsx(View, { style: { backgroundColor: gray.gray_200, height: 2, marginVertical: 8 } })] }), flatListProps: {
-            showsVerticalScrollIndicator: false,
-            contentContainerStyle: { flexGrow: 1 },
-            data: existingAccounts,
-            keyExtractor: (item) => item.memberId,
-            ListHeaderComponent: _jsx(Text, { style: { fontSize: 14, fontWeight: '600', color: gray.gray_900, marginHorizontal: 16, marginTop: 8 }, children: "Select account you want to continue with." }),
-            renderItem: ({ item }) => {
-                return (_jsxs(TouchableOpacity, { activeOpacity: 0.8, style: { padding: 16, margin: 8, borderWidth: 1, borderRadius: 8, borderColor: selectedAccount?.memberId === item.memberId ? primary.primary_main : gray.gray_200 }, onPress: () => setSelectedAccount(item), children: [_jsxs(View, { style: { flexDirection: 'row', alignItems: 'center' }, children: [_jsx(RadioButton, { checked: selectedAccount?.memberId === item.memberId, onChecked: () => setSelectedAccount(item) }), _jsxs(View, { style: { flex: 1, marginStart: 8 }, 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(Divider, { style: { marginVertical: 8, backgroundColor: gray.gray_200 } }), _jsxs(View, { style: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }, children: [_jsx(Text, { style: { fontSize: 12, fontWeight: '500', color: gray.gray_500 }, children: "Registration Source" }), _jsx(Text, { style: { fontSize: 12, fontWeight: '600', color: gray.gray_800 }, children: LoginMethodCode[item.loginType] || 'Unknown' })] }), _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: 'white', marginTop: 8,
-                padding: 16, marginBottom: isIphoneX() ? 30 : 0,
-                borderTopWidth: Platform.OS == 'android' ? 1 : 0, borderTopColor: gray.gray_300,
-                shadowColor: '#DDDDDD', shadowOffset: { width: 0, height: -2 },
-                shadowOpacity: 1, shadowRadius: 3, elevation: 3
-            }, children: [selectedAccount &&
-                    _jsxs(View, { style: {
-                            backgroundColor: utility.warning_bg,
-                            padding: 8,
-                            borderRadius: 8,
-                            marginBottom: 8,
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                        }, children: [_jsx(IonIcons, { size: 16, name: "information-circle", style: { marginRight: 8 }, color: utility.warning_main }), _jsxs(Text, { style: {
-                                    flex: 1, fontSize: 12, fontWeight: '500',
-                                    lineHeight: 18, color: gray.gray_500,
-                                }, children: ["Once you proceed, this phone number will be ", _jsx(Text, { style: { fontWeight: '600', color: gray.gray_900 }, children: "removed from other accounts." })] })] }), _jsx(RoundedButton, { label: 'Link and Continue', size: 'large', loading: loading, disabled: !selectedAccount, onPress: onContinue, containerStyle: { marginBottom: 8 } }), openChatSupport &&
-                    _jsxs(TouchableOpacity, { activeOpacity: 0.8, onPress: openChatSupport, style: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center', padding: 8 }, children: [_jsx(IonIcons, { size: 12, name: 'headset', color: primary.primary_main }), _jsx(Text, { style: { fontSize: 14, fontWeight: '600', color: primary.primary_main, marginStart: 8 }, children: "Connect with Support" })] })] }) }));
-};
-export { ExistingAccountsSheet };

package/build/src/screens/EnterMobile/components/ExistingAccountsSheet/types.js

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

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

@@ -1,67 +0,0 @@
-import { useState } from "react";
-import { checkMobileExists } from "../../../../api/auth";
-import { showMessage } from "../../../../helpers/show-message";
-import { useAuthPackageContext } from "../../../../hooks/internal/useAuthPackageContext";
-import { RegistrationMethod } from "../../../../enums";
-const useEnterMobile = () => {
-    const [loading, setLoading] = useState(false);
-    const [isValidPhone, setValidPhone] = useState(false);
-    const [showExistingAccountsSheet, setShowExistingAccountsSheet] = useState(false);
-    const [phone, setPhone] = useState('');
-    const [countryCode, setCountryCode] = useState('91');
-    const [existingAccounts, setExistingAccounts] = useState([]);
-    const { onRegistrationMethodChange } = useAuthPackageContext();
-    const handleEnterMobile = (text) => {
-        setPhone(text);
-        const isNumeric = /^[0-9]+$/.test(text);
-        if (countryCode === '91' && text.length === 10 && isNumeric) {
-            setValidPhone(true);
-        }
-        else if (countryCode !== '91' && text.length >= 6 && text.length <= 15 && isNumeric) {
-            setValidPhone(true);
-        }
-        else {
-            setValidPhone(false);
-        }
-    };
-    const handleValidatePhone = async ({ onValidate }) => {
-        setLoading(true);
-        try {
-            const { mobileExist, linkedAccounts } = await checkMobileExists(phone);
-            if (mobileExist) {
-                if (linkedAccounts && linkedAccounts.length > 1) {
-                    setExistingAccounts(linkedAccounts);
-                    return setShowExistingAccountsSheet(true);
-                }
-            }
-            if (!mobileExist) {
-                onRegistrationMethodChange(RegistrationMethod.MOBILE);
-            }
-            onValidate({ mobileExist, email: linkedAccounts?.[0]?.email ?? '' });
-        }
-        catch (err) {
-            const errorMessage = err?.response?.data?.errors?.[0]?.message ?? 'Something went wrong';
-            showMessage({ message: errorMessage });
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    const handleClearPhoneInput = () => {
-        setPhone('');
-        setValidPhone(false);
-    };
-    return {
-        loading,
-        phone,
-        isValidPhone,
-        countryCode, setCountryCode,
-        existingAccounts,
-        showExistingAccountsSheet,
-        setShowExistingAccountsSheet,
-        handleValidatePhone,
-        handleEnterMobile,
-        handleClearPhoneInput,
-    };
-};
-export { useEnterMobile };