@influenzanet/case-web-app-core 2.9.2-staging → 2.9.4-staging

package/build/api/errorMessages.d.ts

@@ -0,0 +1,13 @@
+export declare const BACKEND_ERRORS: {
+    readonly ACTION_FAILED: "action failed";
+    readonly PHONE_NOT_VALID: "phone not valid";
+    readonly PHONE_ALREADY_TAKEN: "phone number already taken";
+    readonly PHONE_ALREADY_VERIFIED: "phone number already verified";
+    readonly NO_PHONE_TO_EDIT: "user has no phone number to edit";
+    readonly WHATSAPP_UNAVAILABLE: "WhatsApp is not configured";
+    readonly SEND_FAILED: "failed to send verification code";
+    readonly TOO_MANY_ATTEMPTS: "too many attempts, phone number removed";
+    readonly CODE_EXPIRED: "verification code expired";
+    readonly INVALID_CODE: "invalid verification code";
+    readonly RATE_LIMITED: "too many phone verification attempts, try again later";
+};

package/build/api/types/user.d.ts

@@ -45,6 +45,7 @@ export interface ContactPreferences {
     sendNewsletterTo: string[];
     subscribedToWeekly: boolean;
     receiveWeeklyMessageDayOfWeek: number;
+    preferredChannels?: string[];
 }
 interface ContactInfoBase {
     id: string;

package/build/components/dialogs/GlobalDialogs/ChangeNotifications.d.ts

@@ -1,5 +1,3 @@
-import React from 'react';
-interface ChangeNotificationsProps {
-}
-declare const ChangeNotifications: React.FC<ChangeNotificationsProps>;
+/// <reference types="react" />
+declare const ChangeNotifications: () => JSX.Element;
 export default ChangeNotifications;

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

@@ -1,9 +1,4 @@
 import React from 'react';
-export declare const COUNTRY_CODES: {
-    code: string;
-    country: string;
-    name: string;
-}[];
 interface PhoneNumberInputProps {
     value: string;
     onChange: (fullPhoneNumber: string) => void;

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, 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 { LoadingPlaceholder, SimpleHeader, Footer, Avatar, containerClassName, ChevronUp, ChevronDown, Dialog, defaultDialogPaddingXClass, Checkbox, AlertBox, TextField, DialogBtn, useFetchTextFile, SelectField, TextLink, ConsentDialog, ConfirmDialog, AvatarSelector, EditBtn, 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';
@@ -20857,47 +20857,149 @@ 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 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"
+	},
+	{
+		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
+    // Extract country code and number from the full value
     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
+        var matchingCode = COUNTRY_CODES.find(function (country) { return value.startsWith(country.code); });
+        return (matchingCode === null || matchingCode === void 0 ? void 0 : matchingCode.code) || '+39';
     }), 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); });
+        var matchingCode = COUNTRY_CODES.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) {
@@ -20905,12 +21007,12 @@ var PhoneNumberInput = function (_a) {
         onChange(newCode + phoneNumber);
     };
     var handlePhoneNumberChange = function (newNumber) {
-        // Rimuovi caratteri non numerici (eccetto spazi e trattini per leggibilità)
+        // Strip non-numeric characters (keep spaces and hyphens for readability)
         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 ({
+    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.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));
@@ -21540,7 +21642,7 @@ var ChangeLanguage = function (props) {
                     : null, jsx(AlertBox, { type: "info", content: t('changeLanguage.info') }, void 0), jsx(AlertBox, { type: "danger", className: "mt-2", hide: !error, closable: true, onClose: function () { return setError(''); }, useIcon: true, 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('changeLanguage.cancelBtn'), onClick: function () { return handleClose(); } }, void 0), jsx(DialogBtn, { className: "mt-2", type: "submit", color: "primary", loading: loading, disabled: loading, label: t('changeLanguage.confirmBtn'), onClick: function () { return changeLanguage(); } }, void 0)] }), void 0)] }), void 0) }), void 0));
 };
 
-var ChangeNotifications = function (props) {
+var ChangeNotifications = function () {
     var _a, _b;
     var t = useTranslation(['dialogs']).t;
     var dispatch = useDispatch();
@@ -21551,11 +21653,11 @@ var ChangeNotifications = function (props) {
     var _d = useState(''), error = _d[0], setError = _d[1];
     var _e = useState(false), changed = _e[0], setChanged = _e[1];
     var _f = useState(false), weeklyEnabled = _f[0], setWeeklyEnabled = _f[1];
-    var _g = useState(false), weeklyPhone = _g[0], setWeeklyPhone = _g[1];
-    var _h = useState(false), newsletterEnabled = _h[0], setNewsletterEnabled = _h[1];
+    var _g = useState(false), newsletterEnabled = _g[0], setNewsletterEnabled = _g[1];
+    var _h = useState(true), channelEmail = _h[0], setChannelEmail = _h[1];
+    var _j = useState(false), channelWhatsapp = _j[0], setChannelWhatsapp = _j[1];
     var phoneInfo = currentUser.contactInfos.find(function (info) { return info.type === 'phone'; });
-    var isPhonePresent = phoneInfo ? true : false;
-    var confirmedPhone = ((_b = phoneInfo === null || phoneInfo === void 0 ? void 0 : phoneInfo.confirmedAt) !== null && _b !== void 0 ? _b : 0) > 0 ? true : false;
+    var confirmedPhone = ((_b = phoneInfo === null || phoneInfo === void 0 ? void 0 : phoneInfo.confirmedAt) !== null && _b !== void 0 ? _b : 0) > 0;
     useEffect(function () {
         if (open) {
             fetchUser();
@@ -21566,7 +21668,15 @@ var ChangeNotifications = function (props) {
         var _a;
         setNewsletterEnabled(currentUser.contactPreferences.subscribedToNewsletter ? true : false);
         setWeeklyEnabled(currentUser.contactPreferences.subscribedToWeekly ? true : false);
-        setWeeklyPhone(currentUser.contactPreferences.sendNewsletterTo.includes((_a = phoneInfo === null || phoneInfo === void 0 ? void 0 : phoneInfo.id) !== null && _a !== void 0 ? _a : '') ? true : false);
+        var channels = (_a = currentUser.contactPreferences.preferredChannels) !== null && _a !== void 0 ? _a : [];
+        if (channels.length === 0) {
+            setChannelEmail(true);
+            setChannelWhatsapp(false);
+        }
+        else {
+            setChannelEmail(channels.includes('email'));
+            setChannelWhatsapp(channels.includes('whatsapp'));
+        }
     }, [currentUser]);
     var fetchUser = function () { return __awaiter(void 0, void 0, void 0, function () {
         var user, e_1;
@@ -21588,7 +21698,7 @@ var ChangeNotifications = function (props) {
                     return [3 /*break*/, 4];
                 case 3:
                     e_1 = _a.sent();
-                    console.log(e_1.respomse);
+                    console.error(e_1.response);
                     setLoading(false);
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];
@@ -21600,21 +21710,32 @@ var ChangeNotifications = function (props) {
         setLoading(false);
         dispatch(dialogActions.closeDialog());
     };
+    var handleChannelEmail = function (value) {
+        if (!value && !channelWhatsapp)
+            return;
+        setChanged(true);
+        setChannelEmail(value);
+    };
+    var handleChannelWhatsapp = function (value) {
+        if (!value && !channelEmail)
+            return;
+        setChanged(true);
+        setChannelWhatsapp(value);
+    };
     var submitForm = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var contactPreferences, user, e_2;
+        var preferredChannels, contactPreferences, user, e_2;
         return __generator$1(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     event.preventDefault();
                     setLoading(true);
                     setError("");
-                    contactPreferences = __assign(__assign({}, currentUser.contactPreferences), { subscribedToWeekly: weeklyEnabled, subscribedToNewsletter: newsletterEnabled });
-                    if (weeklyPhone && isPhonePresent && confirmedPhone && (phoneInfo === null || phoneInfo === void 0 ? void 0 : phoneInfo.id)) {
-                        contactPreferences.sendNewsletterTo = __spreadArray$1(__spreadArray$1([], contactPreferences.sendNewsletterTo, true), [phoneInfo.id], false);
-                    }
-                    if (!weeklyPhone && isPhonePresent && confirmedPhone && (phoneInfo === null || phoneInfo === void 0 ? void 0 : phoneInfo.id)) {
-                        contactPreferences.sendNewsletterTo = contactPreferences.sendNewsletterTo.filter(function (id) { return id !== phoneInfo.id; });
-                    }
+                    preferredChannels = [];
+                    if (channelEmail)
+                        preferredChannels.push('email');
+                    if (channelWhatsapp)
+                        preferredChannels.push('whatsapp');
+                    contactPreferences = __assign(__assign({}, currentUser.contactPreferences), { subscribedToWeekly: weeklyEnabled, subscribedToNewsletter: newsletterEnabled, preferredChannels: preferredChannels });
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, , 4]);
@@ -21645,19 +21766,14 @@ var ChangeNotifications = function (props) {
     return (jsx(Dialog, __assign({ open: open, title: t('changeNotifications.title'), onClose: handleClose, ariaLabelledBy: "changeNotificationsDialogTitle" }, { children: jsx("div", __assign({ className: clsx(defaultDialogPaddingXClass, 'py-3', 'bg-grey-1') }, { children: jsxs("form", __assign({ onSubmit: submitForm }, { children: [jsx("label", __assign({ className: "mb-1 form-label", htmlFor: "weeklyEmail" }, { children: t('dialogs:changeNotifications.weeklyReminder.label') }), void 0), jsx(Checkbox, __assign({ id: "weeklyEmail", name: "weeklyEmail", checked: weeklyEnabled, onChange: function (value) {
                             setChanged(true);
                             setWeeklyEnabled(value);
-                        } }, { children: weeklyEnabled ?
-                            t('dialogs:changeNotifications.weeklyReminder.on') :
-                            t('dialogs:changeNotifications.weeklyReminder.off') }), void 0), jsx("label", __assign({ className: "mb-1 form-label mt-2", htmlFor: "weeklyPhone" }, { children: t('dialogs:changeNotifications.weeklyReminderPhone.label') }), void 0), confirmedPhone && (jsx(Checkbox, __assign({ id: "weeklyPhone", name: "weeklyPhone", checked: weeklyPhone, onChange: function (value) {
-                            setChanged(true);
-                            setWeeklyPhone(value);
-                        } }, { children: weeklyPhone ?
-                            t('dialogs:changeNotifications.weeklyReminderPhone.on') :
-                            t('dialogs:changeNotifications.weeklyReminderPhone.off') }), void 0)), (!confirmedPhone && !isPhonePresent) && (jsx(EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'addPhone' })); } }, { children: t('dialogs:changeNotifications.addPhone') }), void 0)), (!confirmedPhone && isPhonePresent) && (jsx(AlertBox, { className: "mt-2", type: "info", content: t('changeNotifications.phoneNotConfirmed') }, void 0)), (!confirmedPhone && isPhonePresent) && (jsx(Button$1, __assign({ className: "mt-2", onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'addPhone' })); }, variant: "link" }, { children: t('dialogs:changeNotifications.verifyPhone') }), void 0)), jsx("label", __assign({ className: "mt-2 mb-1 form-label", htmlFor: "newsletter" }, { children: t('dialogs:changeNotifications.newsletter.label') }), void 0), jsx(Checkbox, __assign({ id: "newsletter", name: "newsletter", checked: newsletterEnabled, onChange: function (value) {
+                        } }, { children: weeklyEnabled
+                            ? t('dialogs:changeNotifications.weeklyReminder.on')
+                            : t('dialogs:changeNotifications.weeklyReminder.off') }), void 0), jsx("label", __assign({ className: "mt-2 mb-1 form-label", htmlFor: "newsletter" }, { children: t('dialogs:changeNotifications.newsletter.label') }), void 0), jsx(Checkbox, __assign({ id: "newsletter", name: "newsletter", checked: newsletterEnabled, onChange: function (value) {
                             setChanged(true);
                             setNewsletterEnabled(value);
-                        } }, { children: newsletterEnabled ?
-                            t('dialogs:changeNotifications.newsletter.on') :
-                            t('dialogs:changeNotifications.newsletter.off') }), void 0), jsx(AlertBox, { type: "info", className: "mt-2", content: t('changeNotifications.info') }, void 0), jsx(AlertBox, { type: "danger", className: "mt-2", hide: !error, closable: true, onClose: function () { return setError(''); }, useIcon: true, 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('changeNotifications.cancelBtn'), onClick: function () { return handleClose(); } }, void 0), jsx(DialogBtn, { className: "mt-2", type: "submit", color: "primary", loading: loading, disabled: loading || !changed, label: t('changeNotifications.submitBtn') }, void 0)] }), void 0)] }), void 0) }), void 0) }), void 0));
+                        } }, { children: newsletterEnabled
+                            ? t('dialogs:changeNotifications.newsletter.on')
+                            : t('dialogs:changeNotifications.newsletter.off') }), void 0), jsx("hr", { className: "my-3" }, void 0), jsx("label", __assign({ className: "mb-1 form-label" }, { children: t('dialogs:changeNotifications.channels.label') }), void 0), jsx(Checkbox, __assign({ id: "channelEmail", name: "channelEmail", checked: channelEmail }, { disabled: !confirmedPhone && channelEmail }, { onChange: handleChannelEmail }, { children: t('dialogs:changeNotifications.channels.email') }), void 0), jsx(Checkbox, __assign({ id: "channelWhatsapp", name: "channelWhatsapp", checked: channelWhatsapp }, { disabled: !confirmedPhone }, { onChange: handleChannelWhatsapp }, { children: t('dialogs:changeNotifications.channels.whatsapp') }), void 0), !confirmedPhone && (jsx(AlertBox, { type: "warning", className: "mt-2", content: t('dialogs:changeNotifications.channels.whatsappDisabled') }, void 0)), confirmedPhone && (jsx("p", __assign({ className: "mt-1", style: { fontSize: '0.8rem', color: '#888', fontStyle: 'italic' } }, { children: t('dialogs:changeNotifications.channels.note') }), void 0)), jsx(AlertBox, { type: "danger", className: "mt-2", hide: !error, closable: true, onClose: function () { return setError(''); }, useIcon: true, 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('changeNotifications.cancelBtn'), onClick: function () { return handleClose(); } }, void 0), jsx(DialogBtn, { className: "mt-2", type: "submit", color: "primary", loading: loading, disabled: loading || !changed, label: t('changeNotifications.submitBtn') }, void 0)] }), void 0)] }), void 0) }), void 0) }), void 0));
 };
 
 var ChangePassword = function (props) {
@@ -22308,6 +22424,22 @@ var PasswordForgotten = function () {
     return (jsx(Dialog, __assign({ open: open, title: t('passwordForgotten.title'), onClose: handleClose, ariaLabelledBy: "passwordForgottenTitle" }, { children: jsxs("div", __assign({ className: clsx(defaultDialogPaddingXClass, 'py-3', 'bg-grey-1') }, { children: [jsx(AlertBox, { className: "mb-2", type: "info", useIcon: false, content: t('passwordForgotten.info') }, void 0), jsx(AlertBox, { className: "mb-2", hide: !success, type: "success", useIcon: true, content: t('passwordForgotten.successMessage') }, void 0), jsx(AlertBox, { className: "mb-2", hide: !error, type: "danger", useIcon: true, content: error, closable: true, onClose: function () { return setError(''); } }, void 0), jsxs("form", __assign({ onSubmit: onResetPasswordClicked }, { children: [jsx(TextField, { id: "email", label: t("passwordForgotten.emailInputLabel"), placeholder: t("passwordForgotten.emailInputPlaceholder"), type: "email", name: "email", className: "mb-2", value: email, required: true, onChange: emailChanged }, void 0), jsx(DialogBtn, { type: "submit", label: t('passwordForgotten.submitBtn'), disabled: loading || disabled || email.length < 3, loading: loading, loadingLabel: t('loadingMsg') }, void 0)] }), void 0)] }), void 0) }), void 0));
 };
 
+// Backend error messages used in phone/WhatsApp dialog error handling.
+// Keep in sync with user-management-service gRPC status messages.
+var BACKEND_ERRORS = {
+    ACTION_FAILED: 'action failed',
+    PHONE_NOT_VALID: 'phone not valid',
+    PHONE_ALREADY_TAKEN: 'phone number already taken',
+    PHONE_ALREADY_VERIFIED: 'phone number already verified',
+    NO_PHONE_TO_EDIT: 'user has no phone number to edit',
+    WHATSAPP_UNAVAILABLE: 'WhatsApp is not configured',
+    SEND_FAILED: 'failed to send verification code',
+    TOO_MANY_ATTEMPTS: 'too many attempts, phone number removed',
+    CODE_EXPIRED: 'verification code expired',
+    INVALID_CODE: 'invalid verification code',
+    RATE_LIMITED: 'too many phone verification attempts, try again later',
+};
+
 var ChangePhone = function () {
     var _a;
     var t = useTranslation(['dialogs']).t;
@@ -22382,13 +22514,13 @@ var ChangePhone = function () {
     }); };
     var handleError = function (errorMsg) {
         switch (errorMsg) {
-            case 'action failed':
+            case BACKEND_ERRORS.ACTION_FAILED:
                 setError(t('changePhone.errors.wrongPasswordOrAccountId'));
                 break;
-            case 'phone not valid':
+            case BACKEND_ERRORS.PHONE_NOT_VALID:
                 setError(t('changePhone.errors.wrongPhoneFormat'));
                 break;
-            case 'phone number already taken':
+            case BACKEND_ERRORS.PHONE_ALREADY_TAKEN:
                 setError(t('changePhone.errors.phoneAlreadyTaken'));
                 break;
             default:
@@ -22474,29 +22606,6 @@ 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;
@@ -22509,7 +22618,7 @@ var AddPhone = function () {
     var _e = useState({
         countryCode: '+39',
         phoneNumber: '',
-        newPhone: '' // Numero completo con prefisso
+        newPhone: ''
     }), formData = _e[0], setFormData = _e[1];
     useEffect(function () {
         if (!open) {
@@ -22589,13 +22698,13 @@ var AddPhone = function () {
     }); };
     var handleError = function (errorMsg) {
         switch (errorMsg) {
-            case 'action failed':
+            case BACKEND_ERRORS.ACTION_FAILED:
                 setError(t('addPhone.errors.wrongPasswordOrAccountId'));
                 break;
-            case 'phone not valid':
+            case BACKEND_ERRORS.PHONE_NOT_VALID:
                 setError(t('addPhone.errors.wrongPhoneFormat'));
                 break;
-            case 'phone number already taken':
+            case BACKEND_ERRORS.PHONE_ALREADY_TAKEN:
                 setError(t('addPhone.errors.phoneAlreadyTaken'));
                 break;
             default:
@@ -22653,29 +22762,22 @@ var VerifyWhatsApp = function () {
                     setError('');
                     _c.label = 1;
                 case 1:
-                    _c.trys.push([1, 4, 5, 6]);
-                    // First delete existing phone number
-                    return [4 /*yield*/, deletePhoneReq()];
+                    _c.trys.push([1, 3, 4, 5]);
+                    return [4 /*yield*/, resendWhatsAppCodeReq()];
                 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:
+                    return [3 /*break*/, 5];
+                case 3:
                     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:
+                    return [3 /*break*/, 5];
+                case 4:
                     setResendLoading(false);
                     return [7 /*endfinally*/];
-                case 6: return [2 /*return*/];
+                case 5: return [2 /*return*/];
             }
         });
     }); };
@@ -24085,8 +24187,6 @@ var AccountSettings = function (props) {
     if (!isAuth) {
         return jsx("div", __assign({ className: "bg-warning-light p-3" }, { children: 'authentication needed' }), void 0);
     }
-    console.log('phoneInfo:', phoneInfo);
-    console.log('confirmedAt:', phoneInfo === null || phoneInfo === void 0 ? void 0 : phoneInfo.confirmedAt);
     var handleResendCode = function () { return __awaiter(void 0, void 0, void 0, function () {
         var error_1;
         return __generator$1(this, function (_a) {
@@ -24100,7 +24200,6 @@ var AccountSettings = function (props) {
                     return [4 /*yield*/, resendWhatsAppCodeReq()];
                 case 2:
                     _a.sent();
-                    console.log('Opening dialog with phone:', phoneInfo === null || phoneInfo === void 0 ? void 0 : phoneInfo.phone);
                     // Use requestAnimationFrame to wait for React to finish rendering
                     requestAnimationFrame(function () {
                         dispatch(dialogActions.openVerifyWhatsAppDialog({
@@ -34576,7 +34675,7 @@ var PhoneVerificationBanner = function () {
     var handleGoToProfile = function () {
         history.push('/settings');
     };
-    return (jsx("div", __assign({ className: "alert alert-warning mb-0", role: "alert", style: { borderRadius: 0 } }, { children: jsx("div", __assign({ className: "container" }, { children: jsxs("div", __assign({ className: "row align-items-center" }, { children: [jsxs("div", __assign({ className: "col-12 col-md-9" }, { children: [jsx("span", __assign({ className: "material-icons align-middle me-2", style: { fontSize: '1.5rem' } }, { children: "warning" }), void 0), jsx("strong", { children: t('phoneVerificationBanner.title') }, void 0), ' ', t('phoneVerificationBanner.message')] }), void 0), jsx("div", __assign({ className: "col-12 col-md-3 text-md-end mt-2 mt-md-0" }, { children: jsx(DialogBtn, { type: "button", color: "danger", onClick: handleGoToProfile, label: t('phoneVerificationBanner.button') }, void 0) }), void 0)] }), void 0) }), void 0) }), void 0));
+    return (jsx("div", __assign({ className: "alert alert-warning mb-0", role: "alert", style: { borderRadius: 0 } }, { children: jsx("div", __assign({ className: "container" }, { children: jsxs("div", __assign({ className: "row align-items-center" }, { children: [jsxs("div", __assign({ className: "col-12 col-md-9" }, { children: [jsx("span", __assign({ className: "material-icons align-middle me-2", style: { fontSize: '1.5rem' } }, { children: "warning" }), void 0), jsx("strong", { children: t('phoneVerificationBanner.title') }, void 0), ' ', t('phoneVerificationBanner.message')] }), void 0), jsx("div", __assign({ className: "col-12 col-md-3 text-md-end mt-2 mt-md-0" }, { children: jsx(DialogBtn, { type: "button", color: "primary", onClick: handleGoToProfile, label: t('phoneVerificationBanner.button') }, void 0) }), void 0)] }), void 0) }), void 0) }), void 0));
 };
 
 var coreReduxActions = {