@influenzanet/case-web-app-core 2.8.0-staging → 2.8.1-staging

package/build/api/userAPI.d.ts

@@ -22,3 +22,4 @@ export declare const revokeAllRefreshTokensReq: () => Promise<import("axios").Ax
 export declare const deleteAccountReq: (userId: string) => Promise<import("axios").AxiosResponse<ServiceStatus, any>>;
 export declare const deletePhoneReq: () => Promise<import("axios").AxiosResponse<User, any>>;
 export declare const verifyWhatsAppCodeReq: (code: string) => Promise<import("axios").AxiosResponse<User, any>>;
+export declare const resendWhatsAppCodeReq: () => Promise<import("axios").AxiosResponse<ServiceStatus, any>>;

package/build/components/inputs/PhoneNumberInput.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export declare const COUNTRY_CODES: {
+    code: string;
+    country: string;
+    name: string;
+}[];
+interface PhoneNumberInputProps {
+    value: string;
+    onChange: (fullPhoneNumber: string) => void;
+    label?: string;
+    placeholder?: string;
+    className?: string;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    error?: string;
+    onBlur?: () => void;
+}
+declare const PhoneNumberInput: React.FC<PhoneNumberInputProps>;
+export default PhoneNumberInput;

package/build/components/inputs/index.d.ts

@@ -0,0 +1 @@
+export { default as PhoneNumberInput } from './PhoneNumberInput';

package/build/index.d.ts

@@ -11,6 +11,9 @@ import { HeaderConfig } from './types/headerConfig';
 import { FooterConfig } from './types/footerConfig';
 import { NavbarConfig } from './types/navbarConfig';
 import { PageConfig, PagesConfig } from './types/pagesConfig';
+import AccountSettings from './components/settings/AccountSettings';
+import CommunicationSettings from './components/settings/CommunicationSettings';
+import { PhoneNumberInput } from './components/inputs';
 declare const coreReduxActions: {
     appActions: import("@reduxjs/toolkit").CaseReducerActions<{
         reset: (state: import("immer/dist/internal").WritableDraft<import("./store/appSlice").AppState>) => import("immer/dist/internal").WritableDraft<import("./store/appSlice").AppState>;
@@ -89,4 +92,4 @@ declare const coreReduxActions: {
 declare const coreReduxThunks: {
     enterStudiesThunk: import("@reduxjs/toolkit").AsyncThunk<import("./store/actions/studiesActions").EnterStudiesPayload, import("./store/thunks/studiesThunks").EnterStudiesRequest, {}>;
 };
-export { AppCore, initI18n, store, reducersManager, localStorageManager, studyAPI, userAPI, coreReduxActions, coreReduxThunks, useAuthTokenCheck, PreventAccidentalNavigationPrompt, InternalNavigator, type AppConfig, type HeaderConfig, type FooterConfig, type NavbarConfig, type PageConfig, type PagesConfig };
+export { AppCore, initI18n, store, reducersManager, localStorageManager, studyAPI, userAPI, coreReduxActions, coreReduxThunks, useAuthTokenCheck, PreventAccidentalNavigationPrompt, InternalNavigator, AccountSettings, CommunicationSettings, PhoneNumberInput, type AppConfig, type HeaderConfig, type FooterConfig, type NavbarConfig, type PageConfig, type PagesConfig };

package/build/index.es.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default$1, { Component, useEffect, useRef, useState, useCallback, useContext as useContext$1, useMemo, useLayoutEffect, useReducer, createContext, forwardRef as forwardRef$2, useImperativeHandle, createElement, Suspense } from 'react';
-import { LoadingPlaceholder, SimpleHeader, Footer, Avatar, containerClassName, ChevronUp, ChevronDown, Dialog, defaultDialogPaddingXClass, Checkbox, AlertBox, TextField, DialogBtn, useFetchTextFile, TextLink, ConsentDialog, ConfirmDialog, SelectField, EditBtn, AvatarSelector, SurveyList as SurveyList$1, getExternalOrLocalContentURL, ReportList as ReportList$1, TitleBar, ComposedLineAndScatterChartLoader, MapWithTimeSliderLoader, LinkList, handleOpenExternalPage, LogoCredits, SimpleCard, AccordionList, LoginCard, VideoPlayer, ImageContainer, ActionCard, MarkdownRenderer, ImageCard, TeaserImage, MarkdownLoader, getLocalizedString, SurveyView } from '@influenzanet/case-web-ui';
+import { LoadingPlaceholder, SimpleHeader, Footer, Avatar, containerClassName, ChevronUp, ChevronDown, Dialog, defaultDialogPaddingXClass, Checkbox, AlertBox, TextField, DialogBtn, useFetchTextFile, SelectField, TextLink, ConsentDialog, ConfirmDialog, EditBtn, AvatarSelector, SurveyList as SurveyList$1, getExternalOrLocalContentURL, ReportList as ReportList$1, TitleBar, ComposedLineAndScatterChartLoader, MapWithTimeSliderLoader, LinkList, handleOpenExternalPage, LogoCredits, SimpleCard, AccordionList, LoginCard, VideoPlayer, ImageContainer, ActionCard, MarkdownRenderer, ImageCard, TeaserImage, MarkdownLoader, getLocalizedString, SurveyView } from '@influenzanet/case-web-ui';
 import { useTranslation, Trans, initReactI18next } from 'react-i18next';
 import { useSelector, useDispatch } from 'react-redux';
 import { combineReducers, applyMiddleware, createStore, compose } from 'redux';
@@ -20720,6 +20720,65 @@ var parseBooleanFlag = function (v, empty, other) {
     return other;
 };
 
+// Lista dei prefissi internazionali più comuni
+var COUNTRY_CODES$1 = [
+    { code: '+39', country: 'IT', name: 'Italy' },
+    { code: '+1', country: 'US', name: 'United States' },
+    { code: '+44', country: 'GB', name: 'United Kingdom' },
+    { code: '+33', country: 'FR', name: 'France' },
+    { code: '+49', country: 'DE', name: 'Germany' },
+    { code: '+34', country: 'ES', name: 'Spain' },
+    { code: '+31', country: 'NL', name: 'Netherlands' },
+    { code: '+41', country: 'CH', name: 'Switzerland' },
+    { code: '+43', country: 'AT', name: 'Austria' },
+    { code: '+32', country: 'BE', name: 'Belgium' },
+    { code: '+351', country: 'PT', name: 'Portugal' },
+    { code: '+30', country: 'GR', name: 'Greece' },
+    { code: '+46', country: 'SE', name: 'Sweden' },
+    { code: '+47', country: 'NO', name: 'Norway' },
+    { code: '+45', country: 'DK', name: 'Denmark' },
+    { code: '+358', country: 'FI', name: 'Finland' },
+    { code: '+48', country: 'PL', name: 'Poland' },
+    { code: '+420', country: 'CZ', name: 'Czech Republic' },
+    { code: '+36', country: 'HU', name: 'Hungary' },
+    { code: '+40', country: 'RO', name: 'Romania' },
+    { code: '+359', country: 'BG', name: 'Bulgaria' },
+    { code: '+385', country: 'HR', name: 'Croatia' },
+    { code: '+386', country: 'SI', name: 'Slovenia' },
+    { code: '+372', country: 'EE', name: 'Estonia' },
+    { code: '+371', country: 'LV', name: 'Latvia' },
+    { code: '+370', country: 'LT', name: 'Lithuania' },
+];
+var PhoneNumberInput = function (_a) {
+    var value = _a.value, onChange = _a.onChange, label = _a.label, placeholder = _a.placeholder, className = _a.className, autoFocus = _a.autoFocus, disabled = _a.disabled, error = _a.error, onBlur = _a.onBlur;
+    var t = useTranslation(['dialogs']).t;
+    // Estrai il prefisso e il numero dal valore completo
+    var _b = useState(function () {
+        // Cerca quale prefisso corrisponde al valore attuale
+        var matchingCode = COUNTRY_CODES$1.find(function (country) { return value.startsWith(country.code); });
+        return (matchingCode === null || matchingCode === void 0 ? void 0 : matchingCode.code) || '+39'; // Default Italia
+    }), countryCode = _b[0], setCountryCode = _b[1];
+    var _c = useState(function () {
+        // Rimuovi il prefisso dal numero
+        var matchingCode = COUNTRY_CODES$1.find(function (country) { return value.startsWith(country.code); });
+        return matchingCode ? value.substring(matchingCode.code.length) : value;
+    }), phoneNumber = _c[0], setPhoneNumber = _c[1];
+    var handleCountryCodeChange = function (newCode) {
+        setCountryCode(newCode);
+        onChange(newCode + phoneNumber);
+    };
+    var handlePhoneNumberChange = function (newNumber) {
+        // Rimuovi caratteri non numerici (eccetto spazi e trattini per leggibilità)
+        var cleanNumber = newNumber.replace(/[^\d\s-]/g, '');
+        setPhoneNumber(cleanNumber);
+        onChange(countryCode + cleanNumber);
+    };
+    return (jsxs("div", __assign({ className: className }, { children: [label && (jsx("label", __assign({ className: "form-label mb-1" }, { children: label }), void 0)), jsxs("div", __assign({ className: "d-flex" }, { children: [jsx(SelectField, { className: "me-2", style: { width: '120px', flexShrink: 0 }, value: countryCode, onChange: function (event) { return handleCountryCodeChange(event.target.value); }, disabled: disabled, values: COUNTRY_CODES$1.map(function (country) { return ({
+                            code: country.code,
+                            label: "".concat(country.code, " ").concat(country.country)
+                        }); }) }, void 0), jsx(TextField, { type: "text", placeholder: placeholder || t('addPhone.phoneInputPlaceholder'), value: phoneNumber, autoFocus: autoFocus, autoComplete: "tel", disabled: disabled, className: "flex-grow-1", onChange: function (event) { return handlePhoneNumberChange(event.target.value); }, onBlur: onBlur, style: { marginBottom: 0 } }, void 0)] }), void 0), jsxs("small", __assign({ className: "text-muted mt-1 d-block" }, { children: [t('addPhone.completeNumber'), ": ", countryCode + phoneNumber] }), void 0), error && (jsx("div", __assign({ className: "text-danger mt-1 small" }, { children: error }), void 0))] }), void 0));
+};
+
 var marginBottomClass = "mb-2";
 var emailFormatRegexp = new RegExp(/^(([^<>()[\]\\.,;:\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,}))$/);
 var phoneFormatRegexp = new RegExp(/^\+\d{1,3}[-\s]?(\(?\d+\)?[-\s]?)*\d{4,}$/);
@@ -20784,7 +20843,7 @@ var SignupForm = function (props) {
     };
     var isDisabled = function () {
         var emailOk = checkEmailFormat(signupData.email);
-        var phoneOk = checkPhoneFormat(signupData.phone);
+        var phoneOk = signupData.phone === "" || checkPhoneFormat(signupData.phone); // Phone is optional
         var passwordRuleOk = checkPasswordRules(signupData.password);
         return !(!props.isLoading && (!useRecaptcha || reCaptchaAccepted) && acceptedPrivacyPolicy && emailOk && passwordRuleOk && phoneOk && passwordsMatch());
     };
@@ -20849,12 +20908,11 @@ var SignupForm = function (props) {
                         }, onChange: function (event) {
                             var value = event.target.value;
                             setSignupData(function (prev) { return __assign(__assign({}, prev), { confirmPassword: value }); });
-                        } }, void 0), jsx(TextField, { id: "signupPhone", label: phoneInputLabel, placeholder: phoneInputPlaceholder, type: "text", name: "phone", className: marginBottomClass, value: signupData.phone, required: false, errorMsg: t("dialogs:signup.errors.phone"), hasError: !checkPhoneFormat(signupData.phone) && showPhoneError, onBlur: function () {
+                        } }, void 0), jsx(PhoneNumberInput, { className: marginBottomClass, value: signupData.phone, label: phoneInputLabel + " (opzionale)", placeholder: phoneInputPlaceholder + " (opzionale per notifiche WhatsApp)", autoFocus: false, onChange: function (fullPhoneNumber) {
+                            setSignupData(function (prev) { return __assign(__assign({}, prev), { phone: fullPhoneNumber }); });
+                        }, onBlur: function () {
                             setShowPhoneError(true);
-                        }, onChange: function (event) {
-                            var value = event.target.value;
-                            setSignupData(function (prev) { return __assign(__assign({}, prev), { phone: value }); });
-                        } }, void 0), jsx("label", { style: signUpInfoCheckStyle, "aria-hidden": "true", htmlFor: 'name' }, void 0), jsx("input", { style: signUpInfoCheckStyle, type: "text", id: "name", name: "name", value: signupData.infoCheck, tabIndex: -1, autoComplete: 'off', onChange: function (event) {
+                        }, error: signupData.phone !== "" && !checkPhoneFormat(signupData.phone) && showPhoneError ? t("dialogs:signup.errors.phone") : undefined }, void 0), jsx("label", { style: signUpInfoCheckStyle, "aria-hidden": "true", htmlFor: 'name' }, void 0), jsx("input", { style: signUpInfoCheckStyle, type: "text", id: "name", name: "name", value: signupData.infoCheck, tabIndex: -1, autoComplete: 'off', onChange: function (event) {
                             var value = event.target.value;
                             setSignupData(function (prev) { return __assign(__assign({}, prev), { infoCheck: value }); });
                         } }, void 0), jsx(Checkbox, __assign({ className: marginBottomClass, id: "acceptPrivacyConsent", name: "privacyConsent", checked: acceptedPrivacyPolicy, onClick: function () {
@@ -20976,7 +21034,7 @@ var Signup = function () {
                     return [3 /*break*/, 5];
                 case 3:
                     e_1 = _a.sent();
-                    console.log(e_1.response);
+                    // Error handled through error state mechanism
                     if (!e_1.response) {
                         handleError('request failed');
                     }
@@ -21117,9 +21175,12 @@ var deletePhoneReq = function () {
 };
 // WhatsApp Verification API
 var verifyWhatsAppCodeReq = function (code) {
-    return authApiInstance.post("/v1/user/contact/verify-whatsapp", {
+    return authApiInstance.post("/v1/user/contact/verify-whatsapp-code", {
         code: code,
     });
+};
+var resendWhatsAppCodeReq = function () {
+    return authApiInstance.post("/v1/user/contact/resend-whatsapp-code", {});
 };
 
 var userAPI = /*#__PURE__*/Object.freeze({
@@ -21137,6 +21198,7 @@ var userAPI = /*#__PURE__*/Object.freeze({
     removeEmailReq: removeEmailReq,
     removeProfileReq: removeProfileReq,
     resendVerificationEmailReq: resendVerificationEmailReq,
+    resendWhatsAppCodeReq: resendWhatsAppCodeReq,
     resetPasswordReq: resetPasswordReq,
     revokeAllRefreshTokensReq: revokeAllRefreshTokensReq,
     saveProfileReq: saveProfileReq,
@@ -22346,9 +22408,8 @@ var ChangePhone = function () {
     var buttonDisabled = function () {
         return loading || formData.newPhone.length < 8;
     };
-    return (jsxs(Dialog, __assign({ open: open, title: t('changePhone.title'), onClose: handleClose, ariaLabelledBy: "changePhoneDialogTitle" }, { children: [jsx("div", __assign({ className: clsx(defaultDialogPaddingXClass, 'py-3', 'bg-grey-1') }, { children: jsxs("form", __assign({ onSubmit: onSubmit }, { children: [jsx(TextField, { className: "mb-2", id: "newPhone", name: "newPhone", type: "text", label: t('dialogs:changePhone.phoneInputLabel'), placeholder: t('dialogs:changePhone.phoneInputPlaceholder'), value: formData.newPhone, autoFocus: true, autoComplete: "off", onChange: function (event) {
-                                var value = event.target.value;
-                                setFormData(function (prev) { return __assign(__assign({}, prev), { newPhone: value }); });
+    return (jsxs(Dialog, __assign({ open: open, title: t('changePhone.title'), onClose: handleClose, ariaLabelledBy: "changePhoneDialogTitle" }, { children: [jsx("div", __assign({ className: clsx(defaultDialogPaddingXClass, 'py-3', 'bg-grey-1') }, { children: jsxs("form", __assign({ onSubmit: onSubmit }, { children: [jsx(PhoneNumberInput, { className: "mb-2", value: formData.newPhone, label: t('dialogs:changePhone.phoneInputLabel'), placeholder: t('dialogs:changePhone.phoneInputPlaceholder'), autoFocus: true, onChange: function (fullPhoneNumber) {
+                                setFormData(function (prev) { return __assign(__assign({}, prev), { newPhone: fullPhoneNumber }); });
                             } }, void 0), jsx(AlertBox, { type: "info", content: t('changePhone.info') }, void 0), jsx(AlertBox, { type: "danger", className: "mt-2", hide: !error, closable: true, useIcon: true, onClose: function () { return setError(""); }, content: error }, void 0), jsxs("div", __assign({ className: "d-flex flex-wrap" }, { children: [jsx(DialogBtn, { className: "mt-2 me-2", type: "button", color: "primary", outlined: true, label: t('changePhone.cancelBtn'), onClick: function () { return handleClose(); } }, void 0), jsx(DialogBtn, { className: "mt-2", type: "submit", color: "primary", loading: loading, disabled: buttonDisabled(), label: t('changePhone.confirmBtn') }, void 0)] }), void 0)] }), void 0) }), void 0), jsx(ConfirmDialog, __assign({ open: openConfirm, title: t('changePhone.warningDialog.title'), onConfirm: function () {
                     setOpenConfirm(false);
                     changePhone();
@@ -22418,6 +22479,29 @@ var DeletePhone = function (props) {
     return (jsx(Dialog, __assign({ open: open, title: t('deletePhone.title'), color: "danger", onClose: handleClose, ariaLabelledBy: "deletePhoneDialogTitle" }, { children: jsxs("div", __assign({ className: clsx(defaultDialogPaddingXClass, 'py-3', 'bg-grey-1') }, { children: [jsx(AlertBox, { type: "danger", content: t('dialogs:deletePhone.info') }, void 0), jsx(AlertBox, { className: "mt-2", type: "danger", hide: !error, closable: true, onClose: function () { return setError(''); }, content: error }, void 0), jsxs("div", __assign({ className: "d-flex flex-wrap" }, { children: [jsx(DialogBtn, { className: "mt-2 me-2", type: "button", color: "primary", label: t('deletePhone.cancelBtn'), onClick: function () { return handleClose(); } }, void 0), jsx(DialogBtn, { type: "button", color: "danger", className: "mt-2", loading: loading, outlined: true, label: t('deletePhone.confirmBtn'), onClick: function () { return onDeletePhone(); } }, void 0)] }), void 0)] }), void 0) }), void 0));
 };
 
+// Lista dei prefissi internazionali più comuni
+var COUNTRY_CODES = [
+    { code: '+39', country: 'IT', name: 'Italy' },
+    { code: '+1', country: 'US', name: 'United States' },
+    { code: '+44', country: 'GB', name: 'United Kingdom' },
+    { code: '+33', country: 'FR', name: 'France' },
+    { code: '+49', country: 'DE', name: 'Germany' },
+    { code: '+34', country: 'ES', name: 'Spain' },
+    { code: '+31', country: 'NL', name: 'Netherlands' },
+    { code: '+41', country: 'CH', name: 'Switzerland' },
+    { code: '+43', country: 'AT', name: 'Austria' },
+    { code: '+32', country: 'BE', name: 'Belgium' },
+    { code: '+351', country: 'PT', name: 'Portugal' },
+    { code: '+30', country: 'GR', name: 'Greece' },
+    { code: '+46', country: 'SE', name: 'Sweden' },
+    { code: '+47', country: 'NO', name: 'Norway' },
+    { code: '+45', country: 'DK', name: 'Denmark' },
+    { code: '+358', country: 'FI', name: 'Finland' },
+    { code: '+48', country: 'PL', name: 'Poland' },
+    { code: '+420', country: 'CZ', name: 'Czech Republic' },
+    { code: '+36', country: 'HU', name: 'Hungary' },
+    { code: '+40', country: 'RO', name: 'Romania' },
+];
 var AddPhone = function () {
     var _a;
     var t = useTranslation(['dialogs']).t;
@@ -22428,7 +22512,9 @@ var AddPhone = function () {
     var _c = useState(''), error = _c[0], setError = _c[1];
     var _d = useState(false), openConfirm = _d[0], setOpenConfirm = _d[1];
     var _e = useState({
-        newPhone: ''
+        countryCode: '+39',
+        phoneNumber: '',
+        newPhone: '' // Numero completo con prefisso
     }), formData = _e[0], setFormData = _e[1];
     useEffect(function () {
         if (!open) {
@@ -22439,9 +22525,24 @@ var AddPhone = function () {
         setLoading(false);
         setError('');
         setFormData({
+            countryCode: '+39',
+            phoneNumber: '',
             newPhone: ''
         });
     };
+    var updateFullPhoneNumber = function (countryCode, phoneNumber) {
+        var cleanNumber = phoneNumber.replace(/[^\d\s-]/g, '');
+        var fullPhone = countryCode + cleanNumber;
+        setFormData(function (prev) { return (__assign(__assign({}, prev), { countryCode: countryCode, phoneNumber: cleanNumber, newPhone: fullPhone })); });
+    };
+    var handleCountryCodeChange = function (event) {
+        var newCountryCode = event.target.value;
+        updateFullPhoneNumber(newCountryCode, formData.phoneNumber);
+    };
+    var handlePhoneNumberChange = function (event) {
+        var newPhoneNumber = event.target.value;
+        updateFullPhoneNumber(formData.countryCode, newPhoneNumber);
+    };
     var handleClose = function () {
         dispatch(dialogActions.closeDialog());
     };
@@ -22509,12 +22610,12 @@ var AddPhone = function () {
         setOpenConfirm(true);
     };
     var buttonDisabled = function () {
-        return loading || formData.newPhone.length < 8;
+        return loading || formData.phoneNumber.length < 8;
     };
-    return (jsxs(Dialog, __assign({ open: open, title: t('addPhone.title'), onClose: handleClose, ariaLabelledBy: "addPhoneDialogTitle" }, { children: [jsx("div", __assign({ className: clsx(defaultDialogPaddingXClass, 'py-3', 'bg-grey-1') }, { children: jsxs("form", __assign({ onSubmit: onSubmit }, { children: [jsx(TextField, { className: "mb-2", id: "newPhone", name: "newPhone", type: "text", label: t('dialogs:addPhone.phoneInputLabel'), placeholder: t('dialogs:addPhone.phoneInputPlaceholder'), value: formData.newPhone, autoFocus: true, autoComplete: "off", onChange: function (event) {
-                                var value = event.target.value;
-                                setFormData(function (prev) { return __assign(__assign({}, prev), { newPhone: value }); });
-                            } }, void 0), jsx(AlertBox, { type: "info", content: t('addPhone.info') }, void 0), jsx(AlertBox, { type: "danger", className: "mt-2", hide: !error, closable: true, useIcon: true, onClose: function () { return setError(""); }, content: error }, void 0), jsxs("div", __assign({ className: "d-flex flex-wrap" }, { children: [jsx(DialogBtn, { className: "mt-2 me-2", type: "button", color: "primary", outlined: true, label: t('addPhone.cancelBtn'), onClick: function () { return handleClose(); } }, void 0), jsx(DialogBtn, { className: "mt-2", type: "submit", color: "primary", loading: loading, disabled: buttonDisabled(), label: t('addPhone.confirmBtn') }, void 0)] }), void 0)] }), void 0) }), void 0), jsx(ConfirmDialog, __assign({ open: openConfirm, title: t('addPhone.warningDialog.title'), onConfirm: function () {
+    return (jsxs(Dialog, __assign({ open: open, title: t('addPhone.title'), onClose: handleClose, ariaLabelledBy: "addPhoneDialogTitle" }, { children: [jsx("div", __assign({ className: clsx(defaultDialogPaddingXClass, 'py-3', 'bg-grey-1') }, { children: jsxs("form", __assign({ onSubmit: onSubmit }, { children: [jsx("label", __assign({ className: "form-label mb-1" }, { children: t('dialogs:addPhone.phoneInputLabel') }), void 0), jsxs("div", __assign({ className: "d-flex mb-2" }, { children: [jsx(SelectField, { className: "me-2", style: { width: '120px', flexShrink: 0 }, value: formData.countryCode, onChange: handleCountryCodeChange, values: COUNTRY_CODES.map(function (country) { return ({
+                                        code: country.code,
+                                        label: "".concat(country.code, " ").concat(country.country)
+                                    }); }) }, void 0), jsx(TextField, { type: "text", placeholder: t('dialogs:addPhone.phoneInputPlaceholder'), value: formData.phoneNumber, autoFocus: true, autoComplete: "tel", className: "flex-grow-1", onChange: handlePhoneNumberChange, style: { marginBottom: 0 } }, void 0)] }), void 0), jsxs("small", __assign({ className: "text-muted mb-2 d-block" }, { children: [t('dialogs:addPhone.completeNumber'), ": ", formData.newPhone] }), void 0), jsx(AlertBox, { type: "info", content: t('addPhone.info') }, void 0), jsx(AlertBox, { type: "danger", className: "mt-2", hide: !error, closable: true, useIcon: true, onClose: function () { return setError(""); }, content: error }, void 0), jsxs("div", __assign({ className: "d-flex flex-wrap" }, { children: [jsx(DialogBtn, { className: "mt-2 me-2", type: "button", color: "primary", outlined: true, label: t('addPhone.cancelBtn'), onClick: function () { return handleClose(); } }, void 0), jsx(DialogBtn, { className: "mt-2", type: "submit", color: "primary", loading: loading, disabled: buttonDisabled(), label: t('addPhone.confirmBtn') }, void 0)] }), void 0)] }), void 0) }), void 0), jsx(ConfirmDialog, __assign({ open: openConfirm, title: t('addPhone.warningDialog.title'), onConfirm: function () {
                     setOpenConfirm(false);
                     addPhone();
                 }, color: "warning", onClose: function () { return setOpenConfirm(false); }, cancelText: t('addPhone.warningDialog.cancelBtn'), confirmText: t('addPhone.warningDialog.confirmBtn') }, { children: jsx(AlertBox, { type: "warning", content: t('addPhone.warningDialog.content') }, void 0) }), void 0)] }), void 0));
@@ -22528,16 +22629,53 @@ var VerifyWhatsApp = function () {
     var open = ((_a = dialogState.config) === null || _a === void 0 ? void 0 : _a.type) === 'verifyWhatsApp';
     var dialogContent = open ? dialogState.config.payload : undefined;
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
-    var _c = useState(''), error = _c[0], setError = _c[1];
-    var _d = useState(''), verificationCode = _d[0], setVerificationCode = _d[1];
+    var _c = useState(false), resendLoading = _c[0], setResendLoading = _c[1];
+    var _d = useState(''), error = _d[0], setError = _d[1];
+    var _e = useState(''), verificationCode = _e[0], setVerificationCode = _e[1];
     var phoneNumber = (dialogContent === null || dialogContent === void 0 ? void 0 : dialogContent.phoneNumber) || '';
     var close = function () {
         dispatch(dialogActions.closeDialog());
         setVerificationCode('');
         setError('');
     };
+    var resendCode = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var e_1, errorResponse;
+        var _a, _b;
+        return __generator$1(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    setResendLoading(true);
+                    setError('');
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 4, 5, 6]);
+                    // First delete existing phone number
+                    return [4 /*yield*/, deletePhoneReq()];
+                case 2:
+                    // First delete existing phone number
+                    _c.sent();
+                    // Then re-add it (this will send the WhatsApp code)
+                    return [4 /*yield*/, newAccountPhoneReq(phoneNumber)];
+                case 3:
+                    // Then re-add it (this will send the WhatsApp code)
+                    _c.sent();
+                    setError('');
+                    return [3 /*break*/, 6];
+                case 4:
+                    e_1 = _c.sent();
+                    console.error(e_1);
+                    errorResponse = e_1;
+                    setError(((_b = (_a = errorResponse.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) || t('verifyWhatsApp.errors.unknown'));
+                    return [3 /*break*/, 6];
+                case 5:
+                    setResendLoading(false);
+                    return [7 /*endfinally*/];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
     var verifyCode = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, userData, e_1, errorResponse;
+        var response, userData, e_2, errorResponse;
         var _a, _b;
         return __generator$1(this, function (_c) {
             switch (_c.label) {
@@ -22578,9 +22716,9 @@ var VerifyWhatsApp = function () {
                     _c.label = 6;
                 case 6: return [3 /*break*/, 9];
                 case 7:
-                    e_1 = _c.sent();
-                    console.error(e_1);
-                    errorResponse = e_1;
+                    e_2 = _c.sent();
+                    console.error(e_2);
+                    errorResponse = e_2;
                     setError(((_b = (_a = errorResponse.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) || t('verifyWhatsApp.errors.verificationFailed'));
                     return [3 /*break*/, 9];
                 case 8:
@@ -22593,7 +22731,7 @@ var VerifyWhatsApp = function () {
     if (!open) {
         return null;
     }
-    return (jsxs(Dialog, __assign({ open: open, title: t('verifyWhatsApp.title'), ariaLabelledBy: "verify-whatsapp-title", onClose: close, size: "sm" }, { children: [jsxs("div", __assign({ className: defaultDialogPaddingXClass }, { children: [jsx("div", __assign({ className: "mb-3" }, { children: jsx("p", { children: t('verifyWhatsApp.description', { phoneNumber: phoneNumber }) }, void 0) }), void 0), error && (jsx(AlertBox, { type: "danger", content: error, className: "mb-3" }, void 0)), jsx(TextField, { id: "verification-code", name: "verificationCode", label: t('verifyWhatsApp.form.verificationCode.label'), placeholder: t('verifyWhatsApp.form.verificationCode.placeholder'), value: verificationCode, onChange: function (event) { return setVerificationCode(event.target.value); }, maxLength: 6, autoComplete: "off" }, void 0)] }), void 0), jsxs("div", __assign({ className: "d-flex justify-content-end gap-2 p-3" }, { children: [jsx(DialogBtn, { type: "button", onClick: close, label: t('buttons.cancel'), disabled: loading }, void 0), jsx(DialogBtn, { type: "button", onClick: verifyCode, color: "primary", label: t('verifyWhatsApp.form.submit'), loading: loading, disabled: !verificationCode.trim() }, void 0)] }), void 0)] }), void 0));
+    return (jsxs(Dialog, __assign({ open: open, title: t('verifyWhatsApp.title'), ariaLabelledBy: "verify-whatsapp-title", onClose: close, size: "lg" }, { children: [jsxs("div", __assign({ className: "".concat(defaultDialogPaddingXClass, " py-4") }, { children: [jsx("div", __assign({ className: "mb-4" }, { children: jsx("p", __assign({ className: "mb-3" }, { children: t("verifyWhatsApp.info") }), void 0) }), void 0), error && (jsx(AlertBox, { type: "danger", content: error, className: "mb-4" }, void 0)), jsx("div", __assign({ className: "mb-4" }, { children: jsx(TextField, { id: "verification-code", name: "verificationCode", label: t('verifyWhatsApp.codeInputLabel'), placeholder: t('verifyWhatsApp.codeInputPlaceholder'), value: verificationCode, onChange: function (event) { return setVerificationCode(event.target.value); }, maxLength: 6, autoComplete: "off" }, void 0) }), void 0)] }), void 0), jsxs("div", __assign({ className: "d-flex justify-content-between align-items-center gap-3 p-4 border-top" }, { children: [jsx(DialogBtn, { type: "button", onClick: resendCode, label: t('verifyWhatsApp.resendBtn'), loading: resendLoading, disabled: loading || !phoneNumber }, void 0), jsxs("div", __assign({ className: "d-flex gap-2" }, { children: [jsx(DialogBtn, { type: "button", onClick: close, label: t('verifyWhatsApp.cancelBtn'), disabled: loading || resendLoading }, void 0), jsx(DialogBtn, { type: "button", onClick: verifyCode, color: "primary", label: t('verifyWhatsApp.submitBtn'), loading: loading, disabled: !verificationCode.trim() || resendLoading }, void 0)] }), void 0)] }), void 0)] }), void 0));
 };
 
 var GlobalDialogs = function (props) {
@@ -34361,5 +34499,5 @@ var coreReduxThunks = {
     enterStudiesThunk: enterStudiesThunk,
 };
 
-export { AppCore, InternalNavigator, PreventAccidentalNavigationPrompt, coreReduxActions, coreReduxThunks, initI18n, localStorageManager, reducersManager, store, studyAPI, useAuthTokenCheck, userAPI };
+export { AccountSettings, AppCore, CommunicationSettings, InternalNavigator, PhoneNumberInput, PreventAccidentalNavigationPrompt, coreReduxActions, coreReduxThunks, initI18n, localStorageManager, reducersManager, store, studyAPI, useAuthTokenCheck, userAPI };
 //# sourceMappingURL=index.es.js.map