@truworth/twc-auth 3.0.0 → 3.0.2

package/build/src/constants/password-requirements.js

@@ -0,0 +1,7 @@
+export const strongPasswordRequirements = [
+    { regex: /.{6,}/, text: "At least 6 characters" },
+    { regex: /[0-9]/, text: "At least 1 number" },
+    { regex: /[a-z]/, text: "At least 1 lowercase letter" },
+    { regex: /[A-Z]/, text: "At least 1 uppercase letter" },
+    { regex: /[!@#$%^&*()_+]/, text: "At least 1 special character" }
+];

package/build/src/index.js

@@ -14,3 +14,10 @@ export * from './navigator';
 export * from './screens/Login/components/LoginWebComponent/index';
 export * from './screens/SignUp/components/SignUpWebComponent/index';
 export * from './screens/SSOLogin/SSOCallback/components/SSOCallbackComponent/index';
+// export partner SSO components
+export * from './screens/PartnerSSO/PartnerLogin/components/PartnerLoginWebComponent';
+export * from './screens/PartnerSSO/PartnerRegistration/components/PartnerRegistrationWebComponent';
+// export profile components
+export * from './screens/Profile';
+// export constants
+export { strongPasswordRequirements } from './constants/password-requirements';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/src/screens/Profile/components/EditMobileNumber/index.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { Button, TextInput, Typography } from '@truworth/twc-web-design';
+import { Phone, Shield } from 'lucide-react';
+import { useProfile } from '../../hooks/internal/useProfile';
+import { OtpVerificationModal } from '../OtpVerificationModal';
+const EditMobileNumber = ({ onSuccess }) => {
+    const { loading, profileData, updateMobileNumber } = useProfile();
+    const [showOtpModal, setShowOtpModal] = useState(false);
+    const [newPhone, setNewPhone] = useState('');
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        const countryCode = profileData?.countryCode || '91';
+        updateMobileNumber({ countryCode, mobileNo: newPhone }, () => setShowOtpModal(true));
+    };
+    const handlePhoneChange = (e) => {
+        const value = e.target.value.replace(/\s+|[^\d]/g, '').trim().slice(0, 10);
+        setNewPhone(value);
+    };
+    const handleOtpSuccess = () => {
+        setShowOtpModal(false);
+        setNewPhone('');
+        onSuccess?.();
+    };
+    const currentPhone = profileData?.phone || '';
+    const maskedCurrentPhone = currentPhone
+        ? `+91 ${currentPhone.slice(0, 2)}******${currentPhone.slice(-2)}`
+        : 'Not set';
+    return (_jsxs(_Fragment, { children: [_jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { className: "mb-8 pb-8 border-b border-gray-100", children: [_jsx(Typography, { type: "utility", size: "large", className: "text-gray-700 font-medium mb-4", children: "Current Mobile Number" }), _jsxs("div", { className: "flex items-center gap-4 p-4 bg-gray-50 rounded-xl border border-gray-100", children: [_jsx("div", { className: "w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center", children: _jsx(Phone, { className: "w-6 h-6 text-primary" }) }), _jsxs("div", { children: [_jsx(Typography, { type: "body", size: "large", className: "text-gray-900 font-medium", children: maskedCurrentPhone }), _jsx(Typography, { type: "body", size: "small", className: "text-gray-500", children: "Verified and active" })] }), _jsxs("div", { className: "ml-auto flex items-center gap-1 text-green-600", children: [_jsx(Shield, { className: "w-4 h-4" }), _jsx("span", { className: "text-sm font-medium", children: "Verified" })] })] })] }), _jsxs("div", { className: "mb-8", children: [_jsx(Typography, { type: "utility", size: "large", className: "text-gray-700 font-medium mb-4", children: "Update Mobile Number" }), _jsx(Typography, { type: "body", size: "medium", className: "text-gray-500 mb-4", children: "Enter your new mobile number. We'll send an OTP to verify it." }), _jsxs("div", { className: "flex gap-4", children: [_jsxs("div", { className: "w-24", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Country" }), _jsx(TextInput, { disabled: true, value: "+91", className: "bg-gray-50 rounded-xl h-12 text-center font-medium" })] }), _jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "New Mobile Number" }), _jsx(TextInput, { value: newPhone, onChange: handlePhoneChange, placeholder: "Enter 10-digit mobile number", className: "rounded-xl h-12", maxLength: 10 })] })] }), newPhone.length > 0 && newPhone.length < 10 && (_jsx(Typography, { type: "body", size: "small", className: "text-amber-600 mt-2", children: "Please enter a valid 10-digit mobile number" }))] }), _jsx("div", { className: "mb-8 p-4 bg-blue-50 rounded-xl border border-blue-100", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "w-8 h-8 rounded-lg bg-blue-100 flex items-center justify-center flex-shrink-0", children: _jsx(Shield, { className: "w-4 h-4 text-blue-600" }) }), _jsxs("div", { children: [_jsx(Typography, { type: "body", size: "medium", className: "text-blue-900 font-medium mb-1", children: "Verification Required" }), _jsx(Typography, { type: "body", size: "small", className: "text-blue-700", children: "For your security, we'll send a one-time password (OTP) to your new mobile number to verify the change." })] })] }) }), _jsx("div", { className: "flex justify-end pt-4 border-t border-gray-100", children: _jsx(Button, { type: "submit", loading: loading, disabled: newPhone.length !== 10, className: "px-8", size: "large", children: "Verify & Update" }) })] }), _jsx(OtpVerificationModal, { open: showOtpModal, onOpenChange: setShowOtpModal, phone: newPhone, onSuccess: handleOtpSuccess })] }));
+};
+export { EditMobileNumber };

package/build/src/screens/Profile/components/EditMobileNumber/index.native.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { View, Text } from 'react-native';
+// Native implementation placeholder
+const EditMobileNumber = () => {
+    return (_jsx(View, { children: _jsx(Text, { children: "Edit Mobile Number - Native Implementation" }) }));
+};
+export { EditMobileNumber };

package/build/src/screens/Profile/components/EditPassword/index.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { Button, Col, Form, Row, PasswordInput, Typography, Flex, useForm } from '@truworth/twc-web-design';
+import { Shield, AlertCircle } from 'lucide-react';
+import { useProfile } from '../../hooks/internal/useProfile';
+import { strongPasswordRequirements } from '../../../../constants/password-requirements';
+const EditPassword = ({ onSuccess }) => {
+    const { loading, changePassword } = useProfile();
+    const [currentValidate, setCurrentValidate] = useState(false);
+    const [strongPassword, setStrongPassword] = useState(false);
+    const editPasswordForm = useForm();
+    const handleSubmit = ({ currentPassword, password, newPassword }) => {
+        setCurrentValidate(false);
+        changePassword({ currentPassword, newPassword }, () => {
+            editPasswordForm.reset();
+            setCurrentValidate(false);
+            onSuccess?.();
+        }, () => {
+            setCurrentValidate(true);
+        });
+    };
+    const currentPassword = editPasswordForm.watch('currentPassword');
+    const password = editPasswordForm.watch('password');
+    const newPassword = editPasswordForm.watch('newPassword');
+    const passwordsMatch = password && newPassword && password === newPassword;
+    const disabled = currentPassword && strongPassword && passwordsMatch;
+    return (_jsxs(Form, { form: editPasswordForm, onSubmit: handleSubmit, children: [_jsxs("div", { className: "mb-8 pb-8 border-b border-gray-100", children: [_jsx(Typography, { type: "utility", size: "large", className: "text-gray-700 font-medium mb-4", children: "Current Password" }), _jsx(Typography, { type: "body", size: "medium", className: "text-gray-500 mb-4", children: "Enter your current password to verify it's you." }), _jsx(Row, { children: _jsx(Col, { md: 16, xs: 24, children: _jsx(Form.Item, { name: "currentPassword", normalize: (value) => value.replace(/\s/g, ''), children: _jsx(PasswordInput, { showStrengthIndicator: false, placeholder: "Enter your current password", minLength: 3, className: "rounded-xl" }) }) }) }), currentValidate && (_jsxs(Flex, { align: "center", className: "gap-2 p-3 mt-2 bg-red-50 rounded-xl border border-red-100", children: [_jsx(AlertCircle, { size: 16, className: "text-red-600 flex-shrink-0" }), _jsx(Typography, { type: "body", size: "small", className: "text-red-700", children: "The password you entered doesn't match your current password." })] }))] }), _jsxs("div", { className: "mb-8 pb-8 border-b border-gray-100", children: [_jsx(Typography, { type: "utility", size: "large", className: "text-gray-700 font-medium mb-4", children: "Create New Password" }), _jsx(Typography, { type: "body", size: "medium", className: "text-gray-500 mb-4", children: "Choose a strong password that you don't use for other accounts." }), _jsxs(Row, { gutter: 20, children: [_jsx(Col, { md: 12, xs: 24, children: _jsx(Form.Item, { name: "password", label: "New Password", normalize: (value) => value.replace(/\s/g, ''), children: _jsx(PasswordInput, { requirements: strongPasswordRequirements, showStrengthIndicator: true, placeholder: "Create a new password", minLength: 3, className: "rounded-xl", onAllRequirementsMet: (value) => setStrongPassword(value) }) }) }), _jsxs(Col, { md: 12, xs: 24, children: [_jsx(Form.Item, { name: "newPassword", label: "Confirm New Password", normalize: (value) => value.replace(/\s/g, ''), children: _jsx(PasswordInput, { minLength: 3, placeholder: "Re-enter your new password", showStrengthIndicator: false, className: "rounded-xl" }) }), password && newPassword && !passwordsMatch && (_jsx(Typography, { type: "body", size: "small", className: "text-red-600 mt-1", children: "Passwords don't match" })), passwordsMatch && (_jsx(Typography, { type: "body", size: "small", className: "text-green-600 mt-1", children: "\u2713 Passwords match" }))] })] })] }), _jsx("div", { className: "mb-8 p-4 bg-primary/5 rounded-xl border border-primary/10", children: _jsxs(Flex, { align: "start", className: "gap-3", children: [_jsx("div", { className: "w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0", children: _jsx(Shield, { className: "w-4 h-4 text-primary" }) }), _jsxs("div", { children: [_jsx(Typography, { type: "body", size: "medium", className: "text-gray-900 font-medium mb-1", children: "Password Security Tips" }), _jsxs("ul", { className: "text-sm text-gray-600 space-y-1", children: [_jsx("li", { children: "\u2022 Use a mix of letters, numbers, and symbols" }), _jsx("li", { children: "\u2022 Avoid using personal information" }), _jsx("li", { children: "\u2022 Don't reuse passwords from other accounts" })] })] })] }) }), _jsx(Flex, { justify: "end", className: "pt-4 border-t border-gray-100", children: _jsx(Button, { loading: loading, type: "submit", disabled: !disabled, className: "px-8", size: "large", children: "Update Password" }) })] }));
+};
+export { EditPassword };

package/build/src/screens/Profile/components/EditPassword/index.native.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { View, Text } from 'react-native';
+// Native implementation placeholder
+const EditPassword = () => {
+    return (_jsx(View, { children: _jsx(Text, { children: "Edit Password - Native Implementation" }) }));
+};
+export { EditPassword };