@influenzanet/case-web-app-core 2.7.8 → 2.8.0

package/build/index.js

@@ -5103,6 +5103,13 @@ var dialogSlice = createSlice({
                 payload: action.payload.payload
             };
         },
+        openVerifyWhatsAppDialog: function (state, action) {
+            state.config = {
+                type: action.payload.type,
+                origin: action.payload.origin,
+                payload: action.payload.payload
+            };
+        },
     }
 });
 var dialogActions = dialogSlice.actions;
@@ -15707,7 +15714,7 @@ var round = Math.round;
 function getUAString() {
   var uaData = navigator.userAgentData;
 
-  if (uaData != null && uaData.brands) {
+  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
     return uaData.brands.map(function (item) {
       return item.brand + "/" + item.version;
     }).join(' ');
@@ -15998,17 +16005,7 @@ function effect$1(_ref2) {
     }
   }
 
-  if (process.env.NODE_ENV !== "production") {
-    if (!isHTMLElement(arrowElement)) {
-      console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', 'To use an SVG arrow, wrap it in an HTMLElement that will be used as', 'the arrow.'].join(' '));
-    }
-  }
-
   if (!contains$1(state.elements.popper, arrowElement)) {
-    if (process.env.NODE_ENV !== "production") {
-      console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', 'element.'].join(' '));
-    }
-
     return;
   }
 
@@ -16039,10 +16036,9 @@ var unsetSides = {
 // Zooming can change the DPR, but it seems to report a value that will
 // cleanly divide the values into the appropriate subpixels.
 
-function roundOffsetsByDPR(_ref) {
+function roundOffsetsByDPR(_ref, win) {
   var x = _ref.x,
       y = _ref.y;
-  var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
     x: round(x * dpr) / dpr || 0,
@@ -16125,7 +16121,7 @@ function mapToStyles(_ref2) {
   var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
     x: x,
     y: y
-  }) : {
+  }, getWindow(popper)) : {
     x: x,
     y: y
   };
@@ -16151,17 +16147,6 @@ function computeStyles(_ref5) {
       adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
       _options$roundOffsets = options.roundOffsets,
       roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
-
-  if (process.env.NODE_ENV !== "production") {
-    var transitionProperty = getComputedStyle$1(state.elements.popper).transitionProperty || '';
-
-    if (adaptive && ['transform', 'top', 'right', 'bottom', 'left'].some(function (property) {
-      return transitionProperty.indexOf(property) >= 0;
-    })) {
-      console.warn(['Popper: Detected CSS transitions on at least one of the following', 'CSS properties: "transform", "top", "right", "bottom", "left".', '\n\n', 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', 'for smooth transitions, or remove these properties from the CSS', 'transition declaration on the popper element if only transitioning', 'opacity or background-color for example.', '\n\n', 'We recommend using the popper element as a wrapper around an inner', 'element that can have any CSS property transitioned for animations.'].join(' '));
-    }
-  }
-
   var commonStyles = {
     placement: getBasePlacement(state.placement),
     variation: getVariation(state.placement),
@@ -16602,10 +16587,6 @@ function computeAutoPlacement(state, options) {
 
   if (allowedPlacements.length === 0) {
     allowedPlacements = placements$1;
-
-    if (process.env.NODE_ENV !== "production") {
-      console.error(['Popper: The `allowedAutoPlacements` option did not allow any', 'placements. Ensure the `placement` option matches the variation', 'of the allowed placements.', 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(' '));
-    }
   } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...
 
 
@@ -17157,108 +17138,6 @@ function debounce(fn) {
   };
 }
 
-function format$1(str) {
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
-  }
-
-  return [].concat(args).reduce(function (p, c) {
-    return p.replace(/%s/, c);
-  }, str);
-}
-
-var INVALID_MODIFIER_ERROR = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s';
-var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available';
-var VALID_PROPERTIES = ['name', 'enabled', 'phase', 'fn', 'effect', 'requires', 'options'];
-function validateModifiers(modifiers) {
-  modifiers.forEach(function (modifier) {
-    [].concat(Object.keys(modifier), VALID_PROPERTIES) // IE11-compatible replacement for `new Set(iterable)`
-    .filter(function (value, index, self) {
-      return self.indexOf(value) === index;
-    }).forEach(function (key) {
-      switch (key) {
-        case 'name':
-          if (typeof modifier.name !== 'string') {
-            console.error(format$1(INVALID_MODIFIER_ERROR, String(modifier.name), '"name"', '"string"', "\"" + String(modifier.name) + "\""));
-          }
-
-          break;
-
-        case 'enabled':
-          if (typeof modifier.enabled !== 'boolean') {
-            console.error(format$1(INVALID_MODIFIER_ERROR, modifier.name, '"enabled"', '"boolean"', "\"" + String(modifier.enabled) + "\""));
-          }
-
-          break;
-
-        case 'phase':
-          if (modifierPhases.indexOf(modifier.phase) < 0) {
-            console.error(format$1(INVALID_MODIFIER_ERROR, modifier.name, '"phase"', "either " + modifierPhases.join(', '), "\"" + String(modifier.phase) + "\""));
-          }
-
-          break;
-
-        case 'fn':
-          if (typeof modifier.fn !== 'function') {
-            console.error(format$1(INVALID_MODIFIER_ERROR, modifier.name, '"fn"', '"function"', "\"" + String(modifier.fn) + "\""));
-          }
-
-          break;
-
-        case 'effect':
-          if (modifier.effect != null && typeof modifier.effect !== 'function') {
-            console.error(format$1(INVALID_MODIFIER_ERROR, modifier.name, '"effect"', '"function"', "\"" + String(modifier.fn) + "\""));
-          }
-
-          break;
-
-        case 'requires':
-          if (modifier.requires != null && !Array.isArray(modifier.requires)) {
-            console.error(format$1(INVALID_MODIFIER_ERROR, modifier.name, '"requires"', '"array"', "\"" + String(modifier.requires) + "\""));
-          }
-
-          break;
-
-        case 'requiresIfExists':
-          if (!Array.isArray(modifier.requiresIfExists)) {
-            console.error(format$1(INVALID_MODIFIER_ERROR, modifier.name, '"requiresIfExists"', '"array"', "\"" + String(modifier.requiresIfExists) + "\""));
-          }
-
-          break;
-
-        case 'options':
-        case 'data':
-          break;
-
-        default:
-          console.error("PopperJS: an invalid property has been provided to the \"" + modifier.name + "\" modifier, valid properties are " + VALID_PROPERTIES.map(function (s) {
-            return "\"" + s + "\"";
-          }).join(', ') + "; but \"" + key + "\" was provided.");
-      }
-
-      modifier.requires && modifier.requires.forEach(function (requirement) {
-        if (modifiers.find(function (mod) {
-          return mod.name === requirement;
-        }) == null) {
-          console.error(format$1(MISSING_DEPENDENCY_ERROR, String(modifier.name), requirement, requirement));
-        }
-      });
-    });
-  });
-}
-
-function uniqueBy(arr, fn) {
-  var identifiers = new Set();
-  return arr.filter(function (item) {
-    var identifier = fn(item);
-
-    if (!identifiers.has(identifier)) {
-      identifiers.add(identifier);
-      return true;
-    }
-  });
-}
-
 function mergeByName(modifiers) {
   var merged = modifiers.reduce(function (merged, current) {
     var existing = merged[current.name];
@@ -17274,8 +17153,6 @@ function mergeByName(modifiers) {
   });
 }
 
-var INVALID_ELEMENT_ERROR = 'Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.';
-var INFINITE_LOOP_ERROR = 'Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.';
 var DEFAULT_OPTIONS = {
   placement: 'bottom',
   modifiers: [],
@@ -17337,42 +17214,7 @@ function popperGenerator(generatorOptions) {
 
         state.orderedModifiers = orderedModifiers.filter(function (m) {
           return m.enabled;
-        }); // Validate the provided modifiers so that the consumer will get warned
-        // if one of the modifiers is invalid for any reason
-
-        if (process.env.NODE_ENV !== "production") {
-          var modifiers = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function (_ref) {
-            var name = _ref.name;
-            return name;
-          });
-          validateModifiers(modifiers);
-
-          if (getBasePlacement(state.options.placement) === auto) {
-            var flipModifier = state.orderedModifiers.find(function (_ref2) {
-              var name = _ref2.name;
-              return name === 'flip';
-            });
-
-            if (!flipModifier) {
-              console.error(['Popper: "auto" placements require the "flip" modifier be', 'present and enabled to work.'].join(' '));
-            }
-          }
-
-          var _getComputedStyle = getComputedStyle$1(popper),
-              marginTop = _getComputedStyle.marginTop,
-              marginRight = _getComputedStyle.marginRight,
-              marginBottom = _getComputedStyle.marginBottom,
-              marginLeft = _getComputedStyle.marginLeft; // We no longer take into account `margins` on the popper, and it can
-          // cause bugs with positioning, so we'll warn the consumer
-
-
-          if ([marginTop, marginRight, marginBottom, marginLeft].some(function (margin) {
-            return parseFloat(margin);
-          })) {
-            console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', 'between the popper and its reference element or boundary.', 'To replicate margin, use the `offset` modifier, as well as', 'the `padding` option in the `preventOverflow` and `flip`', 'modifiers.'].join(' '));
-          }
-        }
-
+        });
         runModifierEffects();
         return instance.update();
       },
@@ -17392,10 +17234,6 @@ function popperGenerator(generatorOptions) {
         // anymore
 
         if (!areValidElements(reference, popper)) {
-          if (process.env.NODE_ENV !== "production") {
-            console.error(INVALID_ELEMENT_ERROR);
-          }
-
           return;
         } // Store the reference and popper rects to be read by modifiers
 
@@ -17418,18 +17256,8 @@ function popperGenerator(generatorOptions) {
         state.orderedModifiers.forEach(function (modifier) {
           return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
         });
-        var __debug_loops__ = 0;
 
         for (var index = 0; index < state.orderedModifiers.length; index++) {
-          if (process.env.NODE_ENV !== "production") {
-            __debug_loops__ += 1;
-
-            if (__debug_loops__ > 100) {
-              console.error(INFINITE_LOOP_ERROR);
-              break;
-            }
-          }
-
           if (state.reset === true) {
             state.reset = false;
             index = -1;
@@ -17467,10 +17295,6 @@ function popperGenerator(generatorOptions) {
     };
 
     if (!areValidElements(reference, popper)) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error(INVALID_ELEMENT_ERROR);
-      }
-
       return instance;
     }
 
@@ -17485,11 +17309,11 @@ function popperGenerator(generatorOptions) {
     // one.
 
     function runModifierEffects() {
-      state.orderedModifiers.forEach(function (_ref3) {
-        var name = _ref3.name,
-            _ref3$options = _ref3.options,
-            options = _ref3$options === void 0 ? {} : _ref3$options,
-            effect = _ref3.effect;
+      state.orderedModifiers.forEach(function (_ref) {
+        var name = _ref.name,
+            _ref$options = _ref.options,
+            options = _ref$options === void 0 ? {} : _ref$options,
+            effect = _ref.effect;
 
         if (typeof effect === 'function') {
           var cleanupFn = effect({
@@ -20918,9 +20742,13 @@ var parseBooleanFlag = function (v, empty, other) {
 
 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,}$/);
 var checkEmailFormat = function (email) {
     return emailFormatRegexp.test(email);
 };
+var checkPhoneFormat = function (phone) {
+    return phoneFormatRegexp.test(phone);
+};
 var signUpInfoCheckStyle = {
     position: 'absolute',
     opacity: 0,
@@ -20944,6 +20772,7 @@ var SignupForm = function (props) {
     var _b = React$1.useState(props.initialSignupData ? props.initialSignupData : {
         email: '',
         password: '',
+        phone: '',
         confirmPassword: '',
         infoCheck: '',
     }), signupData = _b[0], setSignupData = _b[1];
@@ -20956,6 +20785,7 @@ var SignupForm = function (props) {
     var _g = React$1.useState(false), showEmailError = _g[0], setShowEmailError = _g[1];
     var _h = React$1.useState(false), showPasswordError = _h[0], setShowPasswordError = _h[1];
     var _j = React$1.useState(false), showConfirmPasswordError = _j[0], setShowConfirmPasswordError = _j[1];
+    var _k = React$1.useState(false), showPhoneError = _k[0], setShowPhoneError = _k[1];
     var reCaptchaSiteKey = process.env.REACT_APP_RECAPTCHA_SITEKEY ? process.env.REACT_APP_RECAPTCHA_SITEKEY : '';
     var useRecaptcha = process.env.REACT_APP_USE_RECAPTCHA === 'true';
     var recaptchaRef = React$1.useRef(null);
@@ -20963,6 +20793,7 @@ var SignupForm = function (props) {
         setSignupData(props.initialSignupData ? props.initialSignupData : {
             email: '',
             password: '',
+            phone: '',
             confirmPassword: '',
             infoCheck: '',
         });
@@ -20973,8 +20804,9 @@ var SignupForm = function (props) {
     };
     var isDisabled = function () {
         var emailOk = checkEmailFormat(signupData.email);
+        var phoneOk = checkPhoneFormat(signupData.phone);
         var passwordRuleOk = checkPasswordRules(signupData.password);
-        return !(!props.isLoading && (!useRecaptcha || reCaptchaAccepted) && acceptedPrivacyPolicy && emailOk && passwordRuleOk && passwordsMatch());
+        return !(!props.isLoading && (!useRecaptcha || reCaptchaAccepted) && acceptedPrivacyPolicy && emailOk && passwordRuleOk && phoneOk && passwordsMatch());
     };
     var submit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
         var reCaptchaToken, captchaResponse;
@@ -21016,6 +20848,8 @@ var SignupForm = function (props) {
     var passwordInputPlaceholder = t('signup.passwordInputPlaceholder');
     var confirmPasswordInputLabel = t('signup.confirmPasswordInputLabel');
     var confirmPasswordPlaceholder = t('signup.confirmPasswordInputLabel');
+    var phoneInputLabel = t('signup.phoneInputLabel');
+    var phoneInputPlaceholder = t('signup.phoneInputPlaceholder');
     var dialogSize = consentDialogSize();
     return (jsxRuntime.jsxs(React$1.Fragment, { children: [infoText && infoText.length > 0 ?
                 jsxRuntime.jsx(caseWebUi.AlertBox, { type: "info", className: marginBottomClass, content: infoText }, void 0) : null, useRecaptcha && reCaptchaAccepted ? jsxRuntime.jsx("div", { children: reCaptchaSiteKey ?
@@ -21035,6 +20869,11 @@ var SignupForm = function (props) {
                         }, onChange: function (event) {
                             var value = event.target.value;
                             setSignupData(function (prev) { return __assign(__assign({}, prev), { confirmPassword: value }); });
+                        } }, void 0), jsxRuntime.jsx(caseWebUi.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 () {
+                            setShowPhoneError(true);
+                        }, onChange: function (event) {
+                            var value = event.target.value;
+                            setSignupData(function (prev) { return __assign(__assign({}, prev), { phone: value }); });
                         } }, void 0), jsxRuntime.jsx("label", { style: signUpInfoCheckStyle, "aria-hidden": "true", htmlFor: 'name' }, void 0), jsxRuntime.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 }); });
@@ -21115,6 +20954,7 @@ var Signup = function () {
                     return [4 /*yield*/, signupWithEmailRequest({
                             email: data.email,
                             password: data.password,
+                            phone: data.phone,
                             infoCheck: data.infoCheck,
                             instanceId: instanceId,
                             preferredLanguage: i18n.language,
@@ -21227,6 +21067,16 @@ var changeAccountEmailReq = function (newEmail, keepOldEmail, password) {
         password: password,
     });
 };
+var changeAccountPhoneReq = function (newPhone) {
+    return authApiInstance.post("/v1/user/contact/change-phone", {
+        newPhone: newPhone
+    });
+};
+var newAccountPhoneReq = function (newPhone) {
+    return authApiInstance.post("/v1/user/contact/add-phone", {
+        newPhone: newPhone
+    });
+};
 var setPreferredLanguageReq = function (languageCode) {
     return authApiInstance.post("/v1/user/set-language", { languageCode: languageCode });
 };
@@ -21281,17 +21131,29 @@ var revokeAllRefreshTokensReq = function () {
 };
 var deleteAccountReq = function (userId) {
     return authApiInstance.post("/v1/user/delete", { userId: userId });
+};
+var deletePhoneReq = function () {
+    return authApiInstance.delete("/v1/user/contact/delete-phone");
+};
+// WhatsApp Verification API
+var verifyWhatsAppCodeReq = function (code) {
+    return authApiInstance.post("/v1/user/contact/verify-whatsapp", {
+        code: code,
+    });
 };
 
 var userAPI = /*#__PURE__*/Object.freeze({
     __proto__: null,
     addEmailReq: addEmailReq,
     changeAccountEmailReq: changeAccountEmailReq,
+    changeAccountPhoneReq: changeAccountPhoneReq,
     changePasswordReq: changePasswordReq,
     deleteAccountReq: deleteAccountReq,
+    deletePhoneReq: deletePhoneReq,
     getInfosForPasswordResetReq: getInfosForPasswordResetReq,
     getUserReq: getUserReq,
     initiatePasswordResetReq: initiatePasswordResetReq,
+    newAccountPhoneReq: newAccountPhoneReq,
     removeEmailReq: removeEmailReq,
     removeProfileReq: removeProfileReq,
     resendVerificationEmailReq: resendVerificationEmailReq,
@@ -21301,7 +21163,8 @@ var userAPI = /*#__PURE__*/Object.freeze({
     setPreferredLanguageReq: setPreferredLanguageReq,
     unsubscribeNewsletterReq: unsubscribeNewsletterReq,
     updateContactPreferencesReq: updateContactPreferencesReq,
-    verifyContactReq: verifyContactReq
+    verifyContactReq: verifyContactReq,
+    verifyWhatsAppCodeReq: verifyWhatsAppCodeReq
 });
 
 var SignupSuccess = function () {
@@ -21644,17 +21507,21 @@ var ChangeLanguage = function (props) {
 };
 
 var ChangeNotifications = function (props) {
-    var _a;
+    var _a, _b;
     var t = reactI18next.useTranslation(['dialogs']).t;
     var dispatch = reactRedux.useDispatch();
     var dialogState = reactRedux.useSelector(function (state) { return state.dialog; });
     var open = ((_a = dialogState.config) === null || _a === void 0 ? void 0 : _a.type) === 'changeNotifications';
     var currentUser = reactRedux.useSelector(function (state) { return state.user.currentUser; });
-    var _b = React$1.useState(false), loading = _b[0], setLoading = _b[1];
-    var _c = React$1.useState(''), error = _c[0], setError = _c[1];
-    var _d = React$1.useState(false), changed = _d[0], setChanged = _d[1];
-    var _e = React$1.useState(false), weeklyEnabled = _e[0], setWeeklyEnabled = _e[1];
-    var _f = React$1.useState(false), newsletterEnabled = _f[0], setNewsletterEnabled = _f[1];
+    var _c = React$1.useState(false), loading = _c[0], setLoading = _c[1];
+    var _d = React$1.useState(''), error = _d[0], setError = _d[1];
+    var _e = React$1.useState(false), changed = _e[0], setChanged = _e[1];
+    var _f = React$1.useState(false), weeklyEnabled = _f[0], setWeeklyEnabled = _f[1];
+    var _g = React$1.useState(false), weeklyPhone = _g[0], setWeeklyPhone = _g[1];
+    var _h = React$1.useState(false), newsletterEnabled = _h[0], setNewsletterEnabled = _h[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;
     React$1.useEffect(function () {
         if (open) {
             fetchUser();
@@ -21662,8 +21529,10 @@ var ChangeNotifications = function (props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
     React$1.useEffect(function () {
+        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);
     }, [currentUser]);
     var fetchUser = function () { return __awaiter(void 0, void 0, void 0, function () {
         var user, e_1;
@@ -21706,6 +21575,12 @@ var ChangeNotifications = function (props) {
                     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; });
+                    }
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, , 4]);
@@ -21738,7 +21613,12 @@ var ChangeNotifications = function (props) {
                             setWeeklyEnabled(value);
                         } }, { children: weeklyEnabled ?
                             t('dialogs:changeNotifications.weeklyReminder.on') :
-                            t('dialogs:changeNotifications.weeklyReminder.off') }), void 0), jsxRuntime.jsx("label", __assign({ className: "mt-2 mb-1 form-label", htmlFor: "newsletter" }, { children: t('dialogs:changeNotifications.newsletter.label') }), void 0), jsxRuntime.jsx(caseWebUi.Checkbox, __assign({ id: "newsletter", name: "newsletter", checked: newsletterEnabled, onChange: function (value) {
+                            t('dialogs:changeNotifications.weeklyReminder.off') }), void 0), jsxRuntime.jsx("label", __assign({ className: "mb-1 form-label mt-2", htmlFor: "weeklyPhone" }, { children: t('dialogs:changeNotifications.weeklyReminderPhone.label') }), void 0), confirmedPhone && (jsxRuntime.jsx(caseWebUi.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) && (jsxRuntime.jsx(caseWebUi.EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'addPhone' })); } }, { children: t('dialogs:changeNotifications.addPhone') }), void 0)), (!confirmedPhone && isPhonePresent) && (jsxRuntime.jsx(caseWebUi.AlertBox, { className: "mt-2", type: "info", content: t('changeNotifications.phoneNotConfirmed') }, void 0)), (!confirmedPhone && isPhonePresent) && (jsxRuntime.jsx(Button$1, __assign({ className: "mt-2", onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'addPhone' })); }, variant: "link" }, { children: t('dialogs:changeNotifications.verifyPhone') }), void 0)), jsxRuntime.jsx("label", __assign({ className: "mt-2 mb-1 form-label", htmlFor: "newsletter" }, { children: t('dialogs:changeNotifications.newsletter.label') }), void 0), jsxRuntime.jsx(caseWebUi.Checkbox, __assign({ id: "newsletter", name: "newsletter", checked: newsletterEnabled, onChange: function (value) {
                             setChanged(true);
                             setNewsletterEnabled(value);
                         } }, { children: newsletterEnabled ?
@@ -22394,11 +22274,353 @@ var PasswordForgotten = function () {
     return (jsxRuntime.jsx(caseWebUi.Dialog, __assign({ open: open, title: t('passwordForgotten.title'), onClose: handleClose, ariaLabelledBy: "passwordForgottenTitle" }, { children: jsxRuntime.jsxs("div", __assign({ className: clsx(caseWebUi.defaultDialogPaddingXClass, 'py-3', 'bg-grey-1') }, { children: [jsxRuntime.jsx(caseWebUi.AlertBox, { className: "mb-2", type: "info", useIcon: false, content: t('passwordForgotten.info') }, void 0), jsxRuntime.jsx(caseWebUi.AlertBox, { className: "mb-2", hide: !success, type: "success", useIcon: true, content: t('passwordForgotten.successMessage') }, void 0), jsxRuntime.jsx(caseWebUi.AlertBox, { className: "mb-2", hide: !error, type: "danger", useIcon: true, content: error, closable: true, onClose: function () { return setError(''); } }, void 0), jsxRuntime.jsxs("form", __assign({ onSubmit: onResetPasswordClicked }, { children: [jsxRuntime.jsx(caseWebUi.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), jsxRuntime.jsx(caseWebUi.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));
 };
 
+var ChangePhone = function () {
+    var _a;
+    var t = reactI18next.useTranslation(['dialogs']).t;
+    var dispatch = reactRedux.useDispatch();
+    var dialogState = reactRedux.useSelector(function (state) { return state.dialog; });
+    var open = ((_a = dialogState.config) === null || _a === void 0 ? void 0 : _a.type) === 'changePhone';
+    var _b = React$1.useState(false), loading = _b[0], setLoading = _b[1];
+    var _c = React$1.useState(''), error = _c[0], setError = _c[1];
+    var _d = React$1.useState(false), openConfirm = _d[0], setOpenConfirm = _d[1];
+    var _e = React$1.useState({
+        newPhone: ''
+    }), formData = _e[0], setFormData = _e[1];
+    React$1.useEffect(function () {
+        if (!open) {
+            resetForm();
+        }
+    }, [open]);
+    var resetForm = function () {
+        setLoading(false);
+        setError('');
+        setFormData({
+            newPhone: ''
+        });
+    };
+    var handleClose = function () {
+        dispatch(dialogActions.closeDialog());
+    };
+    var changePhone = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, userData, e_1, errorResponse;
+        var _a, _b;
+        return __generator$1(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    setLoading(true);
+                    setError("");
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 6, 7, 8]);
+                    return [4 /*yield*/, changeAccountPhoneReq(formData.newPhone)];
+                case 2:
+                    response = _c.sent();
+                    if (!(response.status === 200)) return [3 /*break*/, 5];
+                    renewToken();
+                    if (!response.data) return [3 /*break*/, 3];
+                    dispatch(userActions.setUser(response.data));
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, getUserReq()];
+                case 4:
+                    userData = (_c.sent()).data;
+                    dispatch(userActions.setUser(userData));
+                    _c.label = 5;
+                case 5:
+                    dispatch(dialogActions.openVerifyWhatsAppDialog({
+                        type: 'verifyWhatsApp',
+                        payload: {
+                            phoneNumber: formData.newPhone,
+                        }
+                    }));
+                    return [3 /*break*/, 8];
+                case 6:
+                    e_1 = _c.sent();
+                    console.error(e_1);
+                    errorResponse = e_1;
+                    handleError((_b = (_a = errorResponse.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error);
+                    return [3 /*break*/, 8];
+                case 7:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 8: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleError = function (errorMsg) {
+        switch (errorMsg) {
+            case 'action failed':
+                setError(t('changePhone.errors.wrongPasswordOrAccountId'));
+                break;
+            case 'phone not valid':
+                setError(t('changePhone.errors.wrongPhoneFormat'));
+                break;
+            default:
+                setError(t('changePhone.errors.unknown'));
+                break;
+        }
+    };
+    var onSubmit = function (event) {
+        event.preventDefault();
+        setOpenConfirm(true);
+    };
+    var buttonDisabled = function () {
+        return loading || formData.newPhone.length < 8;
+    };
+    return (jsxRuntime.jsxs(caseWebUi.Dialog, __assign({ open: open, title: t('changePhone.title'), onClose: handleClose, ariaLabelledBy: "changePhoneDialogTitle" }, { children: [jsxRuntime.jsx("div", __assign({ className: clsx(caseWebUi.defaultDialogPaddingXClass, 'py-3', 'bg-grey-1') }, { children: jsxRuntime.jsxs("form", __assign({ onSubmit: onSubmit }, { children: [jsxRuntime.jsx(caseWebUi.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 }); });
+                            } }, void 0), jsxRuntime.jsx(caseWebUi.AlertBox, { type: "info", content: t('changePhone.info') }, void 0), jsxRuntime.jsx(caseWebUi.AlertBox, { type: "danger", className: "mt-2", hide: !error, closable: true, useIcon: true, onClose: function () { return setError(""); }, content: error }, void 0), jsxRuntime.jsxs("div", __assign({ className: "d-flex flex-wrap" }, { children: [jsxRuntime.jsx(caseWebUi.DialogBtn, { className: "mt-2 me-2", type: "button", color: "primary", outlined: true, label: t('changePhone.cancelBtn'), onClick: function () { return handleClose(); } }, void 0), jsxRuntime.jsx(caseWebUi.DialogBtn, { className: "mt-2", type: "submit", color: "primary", loading: loading, disabled: buttonDisabled(), label: t('changePhone.confirmBtn') }, void 0)] }), void 0)] }), void 0) }), void 0), jsxRuntime.jsx(caseWebUi.ConfirmDialog, __assign({ open: openConfirm, title: t('changePhone.warningDialog.title'), onConfirm: function () {
+                    setOpenConfirm(false);
+                    changePhone();
+                }, color: "warning", onClose: function () { return setOpenConfirm(false); }, cancelText: t('changePhone.warningDialog.cancelBtn'), confirmText: t('changePhone.warningDialog.confirmBtn') }, { children: jsxRuntime.jsx(caseWebUi.AlertBox, { type: "warning", content: t('changePhone.warningDialog.content') }, void 0) }), void 0)] }), void 0));
+};
+
+var DeletePhone = function (props) {
+    var _a;
+    var t = reactI18next.useTranslation(['dialogs']).t;
+    var dispatch = reactRedux.useDispatch();
+    var dialogState = reactRedux.useSelector(function (state) { return state.dialog; });
+    var open = ((_a = dialogState.config) === null || _a === void 0 ? void 0 : _a.type) === 'deletePhone';
+    reactRedux.useSelector(function (state) { return state.user; });
+    var _b = React$1.useState(false), loading = _b[0], setLoading = _b[1];
+    var _c = React$1.useState(''), error = _c[0], setError = _c[1];
+    var handleClose = function () {
+        setError('');
+        setLoading(false);
+        dispatch(dialogActions.closeDialog());
+    };
+    var onDeletePhone = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, userData_1, userData, e_1, err;
+        return __generator$1(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 7, , 8]);
+                    return [4 /*yield*/, deletePhoneReq()];
+                case 2:
+                    response = _a.sent();
+                    if (!(response.status === 200)) return [3 /*break*/, 5];
+                    if (!response.data) return [3 /*break*/, 3];
+                    dispatch(userActions.setUser(response.data));
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, getUserReq()];
+                case 4:
+                    userData_1 = (_a.sent()).data;
+                    dispatch(userActions.setUser(userData_1));
+                    _a.label = 5;
+                case 5:
+                    dispatch(dialogActions.openAlertDialog({
+                        type: 'alertDialog',
+                        payload: {
+                            color: 'success',
+                            title: t('dialogs:deletePhone.successDialog.title'),
+                            content: t('dialogs:deletePhone.successDialog.content'),
+                            btn: t('dialogs:deletePhone.successDialog.btn'),
+                        }
+                    }));
+                    return [4 /*yield*/, getUserReq()];
+                case 6:
+                    userData = (_a.sent()).data;
+                    dispatch(userActions.setUser(userData));
+                    return [3 /*break*/, 8];
+                case 7:
+                    e_1 = _a.sent();
+                    err = getErrorMsg(e_1);
+                    setError(err);
+                    setLoading(false);
+                    return [3 /*break*/, 8];
+                case 8: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (jsxRuntime.jsx(caseWebUi.Dialog, __assign({ open: open, title: t('deletePhone.title'), color: "danger", onClose: handleClose, ariaLabelledBy: "deletePhoneDialogTitle" }, { children: jsxRuntime.jsxs("div", __assign({ className: clsx(caseWebUi.defaultDialogPaddingXClass, 'py-3', 'bg-grey-1') }, { children: [jsxRuntime.jsx(caseWebUi.AlertBox, { type: "danger", content: t('dialogs:deletePhone.info') }, void 0), jsxRuntime.jsx(caseWebUi.AlertBox, { className: "mt-2", type: "danger", hide: !error, closable: true, onClose: function () { return setError(''); }, content: error }, void 0), jsxRuntime.jsxs("div", __assign({ className: "d-flex flex-wrap" }, { children: [jsxRuntime.jsx(caseWebUi.DialogBtn, { className: "mt-2 me-2", type: "button", color: "primary", label: t('deletePhone.cancelBtn'), onClick: function () { return handleClose(); } }, void 0), jsxRuntime.jsx(caseWebUi.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));
+};
+
+var AddPhone = function () {
+    var _a;
+    var t = reactI18next.useTranslation(['dialogs']).t;
+    var dispatch = reactRedux.useDispatch();
+    var dialogState = reactRedux.useSelector(function (state) { return state.dialog; });
+    var open = ((_a = dialogState.config) === null || _a === void 0 ? void 0 : _a.type) === 'addPhone';
+    var _b = React$1.useState(false), loading = _b[0], setLoading = _b[1];
+    var _c = React$1.useState(''), error = _c[0], setError = _c[1];
+    var _d = React$1.useState(false), openConfirm = _d[0], setOpenConfirm = _d[1];
+    var _e = React$1.useState({
+        newPhone: ''
+    }), formData = _e[0], setFormData = _e[1];
+    React$1.useEffect(function () {
+        if (!open) {
+            resetForm();
+        }
+    }, [open]);
+    var resetForm = function () {
+        setLoading(false);
+        setError('');
+        setFormData({
+            newPhone: ''
+        });
+    };
+    var handleClose = function () {
+        dispatch(dialogActions.closeDialog());
+    };
+    var addPhone = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, userData, e_1, errorResponse;
+        var _a, _b;
+        return __generator$1(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    setLoading(true);
+                    setError("");
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 7, 8, 9]);
+                    return [4 /*yield*/, newAccountPhoneReq(formData.newPhone)];
+                case 2:
+                    response = _c.sent();
+                    if (!(response.status === 200)) return [3 /*break*/, 6];
+                    renewToken();
+                    if (!response.data) return [3 /*break*/, 3];
+                    dispatch(userActions.setUser(response.data));
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, getUserReq()];
+                case 4:
+                    userData = (_c.sent()).data;
+                    dispatch(userActions.setUser(userData));
+                    _c.label = 5;
+                case 5:
+                    dispatch(dialogActions.openVerifyWhatsAppDialog({
+                        type: 'verifyWhatsApp',
+                        payload: {
+                            phoneNumber: formData.newPhone,
+                        }
+                    }));
+                    _c.label = 6;
+                case 6: return [3 /*break*/, 9];
+                case 7:
+                    e_1 = _c.sent();
+                    console.error(e_1);
+                    errorResponse = e_1;
+                    handleError((_b = (_a = errorResponse.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error);
+                    return [3 /*break*/, 9];
+                case 8:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 9: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleError = function (errorMsg) {
+        switch (errorMsg) {
+            case 'action failed':
+                setError(t('addPhone.errors.wrongPasswordOrAccountId'));
+                break;
+            case 'phone not valid':
+                setError(t('addPhone.errors.wrongPhoneFormat'));
+                break;
+            default:
+                setError(t('addPhone.errors.unknown'));
+                break;
+        }
+    };
+    var onSubmit = function (event) {
+        event.preventDefault();
+        setOpenConfirm(true);
+    };
+    var buttonDisabled = function () {
+        return loading || formData.newPhone.length < 8;
+    };
+    return (jsxRuntime.jsxs(caseWebUi.Dialog, __assign({ open: open, title: t('addPhone.title'), onClose: handleClose, ariaLabelledBy: "addPhoneDialogTitle" }, { children: [jsxRuntime.jsx("div", __assign({ className: clsx(caseWebUi.defaultDialogPaddingXClass, 'py-3', 'bg-grey-1') }, { children: jsxRuntime.jsxs("form", __assign({ onSubmit: onSubmit }, { children: [jsxRuntime.jsx(caseWebUi.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), jsxRuntime.jsx(caseWebUi.AlertBox, { type: "info", content: t('addPhone.info') }, void 0), jsxRuntime.jsx(caseWebUi.AlertBox, { type: "danger", className: "mt-2", hide: !error, closable: true, useIcon: true, onClose: function () { return setError(""); }, content: error }, void 0), jsxRuntime.jsxs("div", __assign({ className: "d-flex flex-wrap" }, { children: [jsxRuntime.jsx(caseWebUi.DialogBtn, { className: "mt-2 me-2", type: "button", color: "primary", outlined: true, label: t('addPhone.cancelBtn'), onClick: function () { return handleClose(); } }, void 0), jsxRuntime.jsx(caseWebUi.DialogBtn, { className: "mt-2", type: "submit", color: "primary", loading: loading, disabled: buttonDisabled(), label: t('addPhone.confirmBtn') }, void 0)] }), void 0)] }), void 0) }), void 0), jsxRuntime.jsx(caseWebUi.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: jsxRuntime.jsx(caseWebUi.AlertBox, { type: "warning", content: t('addPhone.warningDialog.content') }, void 0) }), void 0)] }), void 0));
+};
+
+var VerifyWhatsApp = function () {
+    var _a;
+    var dispatch = reactRedux.useDispatch();
+    var t = reactI18next.useTranslation(['dialogs']).t;
+    var dialogState = reactRedux.useSelector(function (state) { return state.dialog; });
+    var open = ((_a = dialogState.config) === null || _a === void 0 ? void 0 : _a.type) === 'verifyWhatsApp';
+    var dialogContent = open ? dialogState.config.payload : undefined;
+    var _b = React$1.useState(false), loading = _b[0], setLoading = _b[1];
+    var _c = React$1.useState(''), error = _c[0], setError = _c[1];
+    var _d = React$1.useState(''), verificationCode = _d[0], setVerificationCode = _d[1];
+    var phoneNumber = (dialogContent === null || dialogContent === void 0 ? void 0 : dialogContent.phoneNumber) || '';
+    var close = function () {
+        dispatch(dialogActions.closeDialog());
+        setVerificationCode('');
+        setError('');
+    };
+    var verifyCode = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, userData, e_1, errorResponse;
+        var _a, _b;
+        return __generator$1(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!verificationCode.trim()) {
+                        setError(t('verifyWhatsApp.errors.codeRequired'));
+                        return [2 /*return*/];
+                    }
+                    setLoading(true);
+                    setError('');
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 7, 8, 9]);
+                    return [4 /*yield*/, verifyWhatsAppCodeReq(verificationCode)];
+                case 2:
+                    response = _c.sent();
+                    if (!(response.status === 200)) return [3 /*break*/, 6];
+                    renewToken();
+                    if (!response.data) return [3 /*break*/, 3];
+                    dispatch(userActions.setUser(response.data));
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, getUserReq()];
+                case 4:
+                    userData = (_c.sent()).data;
+                    dispatch(userActions.setUser(userData));
+                    _c.label = 5;
+                case 5:
+                    // Show success message
+                    dispatch(dialogActions.openAlertDialog({
+                        type: 'alertDialog',
+                        payload: {
+                            color: 'success',
+                            title: t('verifyWhatsApp.successDialog.title'),
+                            content: t('verifyWhatsApp.successDialog.content'),
+                            btn: t('verifyWhatsApp.successDialog.btn'),
+                        }
+                    }));
+                    _c.label = 6;
+                case 6: return [3 /*break*/, 9];
+                case 7:
+                    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.verificationFailed'));
+                    return [3 /*break*/, 9];
+                case 8:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 9: return [2 /*return*/];
+            }
+        });
+    }); };
+    if (!open) {
+        return null;
+    }
+    return (jsxRuntime.jsxs(caseWebUi.Dialog, __assign({ open: open, title: t('verifyWhatsApp.title'), ariaLabelledBy: "verify-whatsapp-title", onClose: close, size: "sm" }, { children: [jsxRuntime.jsxs("div", __assign({ className: caseWebUi.defaultDialogPaddingXClass }, { children: [jsxRuntime.jsx("div", __assign({ className: "mb-3" }, { children: jsxRuntime.jsx("p", { children: t('verifyWhatsApp.description', { phoneNumber: phoneNumber }) }, void 0) }), void 0), error && (jsxRuntime.jsx(caseWebUi.AlertBox, { type: "danger", content: error, className: "mb-3" }, void 0)), jsxRuntime.jsx(caseWebUi.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), jsxRuntime.jsxs("div", __assign({ className: "d-flex justify-content-end gap-2 p-3" }, { children: [jsxRuntime.jsx(caseWebUi.DialogBtn, { type: "button", onClick: close, label: t('buttons.cancel'), disabled: loading }, void 0), jsxRuntime.jsx(caseWebUi.DialogBtn, { type: "button", onClick: verifyCode, color: "primary", label: t('verifyWhatsApp.form.submit'), loading: loading, disabled: !verificationCode.trim() }, void 0)] }), void 0)] }), void 0));
+};
+
 var GlobalDialogs = function (props) {
     var isAuth = useIsAuthenticated();
     var hasToken = useAuthTokenCheck();
     var authDialogs = function () {
-        return jsxRuntime.jsxs(React$1.Fragment, { children: [jsxRuntime.jsx(ChangeEmail, {}, void 0), jsxRuntime.jsx(ChangePassword, {}, void 0), jsxRuntime.jsx(ChangeLanguage, { onChangeLanguage: props.onChangeLanguage }, void 0), jsxRuntime.jsx(ChangeNotifications, {}, void 0), jsxRuntime.jsx(DeleteAccount$1, {}, void 0)] }, void 0);
+        return jsxRuntime.jsxs(React$1.Fragment, { children: [jsxRuntime.jsx(ChangeEmail, {}, void 0), jsxRuntime.jsx(ChangePhone, {}, void 0), jsxRuntime.jsx(AddPhone, {}, void 0), jsxRuntime.jsx(VerifyWhatsApp, {}, void 0), jsxRuntime.jsx(ChangePassword, {}, void 0), jsxRuntime.jsx(ChangeLanguage, { onChangeLanguage: props.onChangeLanguage }, void 0), jsxRuntime.jsx(ChangeNotifications, {}, void 0), jsxRuntime.jsx(DeleteAccount$1, {}, void 0), jsxRuntime.jsx(DeletePhone, {}, void 0)] }, void 0);
     };
     return (jsxRuntime.jsxs(React$1.Fragment, { children: [jsxRuntime.jsx(Login, { defaultRoutes: props.defaultRoutes }, void 0), jsxRuntime.jsx(Signup, {}, void 0), jsxRuntime.jsx(SignupSuccess, {}, void 0), jsxRuntime.jsx(PasswordForgotten, {}, void 0), jsxRuntime.jsx(AlertDialog, {}, void 0), hasToken ? jsxRuntime.jsx(ManageProfiles, {}, void 0) : null, isAuth ? authDialogs() : null] }, void 0));
 };
@@ -23709,6 +23931,13 @@ var blurEmail = function (email) {
     return items[0][0] + '****@' + items.slice(1).join('');
 };
 
+var blurPhone = function (phone) {
+    if (phone.length < 4) {
+        return '****';
+    }
+    return phone.slice(0, 2) + '****' + phone.slice(-2);
+};
+
 var AccountSettings = function (props) {
     var t = reactI18next.useTranslation(['settings']).t;
     var isAuth = useIsAuthenticated();
@@ -23717,13 +23946,16 @@ var AccountSettings = function (props) {
     if (!isAuth) {
         return jsxRuntime.jsx("div", __assign({ className: "bg-warning-light p-3" }, { children: 'authentication needed' }), void 0);
     }
+    var phoneInfo = currentUser.contactInfos.find(function (info) { return info.type === 'phone'; });
     var renderProfileSettings = function () {
         if (props.hideProfileSettings === true) {
             return null;
         }
         return jsxRuntime.jsxs(React$1.Fragment, { children: [jsxRuntime.jsx("h4", __assign({ className: "fw-bold mt-2" }, { children: t("".concat(props.itemKey, ".profiles.title")) }), void 0), jsxRuntime.jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".profiles.info")) }), void 0), jsxRuntime.jsx(caseWebUi.EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'manageProfiles' })); } }, { children: t("".concat(props.itemKey, ".profiles.btn"), { count: currentUser.profiles.length }) }), void 0)] }, void 0);
     };
-    return (jsxRuntime.jsxs("div", __assign({ className: "border-primary border-top-2 pt-2" }, { children: [jsxRuntime.jsx("h2", { children: t("".concat(props.itemKey, ".title")) }, void 0), jsxRuntime.jsx("h4", __assign({ className: "fw-bold mt-2" }, { children: t("".concat(props.itemKey, ".email.title")) }), void 0), jsxRuntime.jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".email.info")) }), void 0), jsxRuntime.jsx(caseWebUi.EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'changeEmail' })); } }, { children: blurEmail(currentUser.account.accountId) }), void 0), jsxRuntime.jsx("h4", __assign({ className: "fw-bold mt-2" }, { children: t("".concat(props.itemKey, ".password.title")) }), void 0), jsxRuntime.jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".password.info")) }), void 0), jsxRuntime.jsx(caseWebUi.EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'changePassword' })); } }, { children: "••••••••••••••" }), void 0), renderProfileSettings()] }), void 0));
+    return (jsxRuntime.jsxs("div", __assign({ className: "border-primary border-top-2 pt-2" }, { children: [jsxRuntime.jsx("h2", { children: t("".concat(props.itemKey, ".title")) }, void 0), jsxRuntime.jsx("h4", __assign({ className: "fw-bold mt-2" }, { children: t("".concat(props.itemKey, ".email.title")) }), void 0), jsxRuntime.jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".email.info")) }), void 0), jsxRuntime.jsx(caseWebUi.EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'changeEmail' })); } }, { children: blurEmail(currentUser.account.accountId) }), void 0), jsxRuntime.jsx("h4", __assign({ className: "fw-bold mt-2" }, { children: t("".concat(props.itemKey, ".phone.title")) }), void 0), phoneInfo ? (jsxRuntime.jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".phone.info")) }), void 0)) : (jsxRuntime.jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".phone.infoAdd")) }), void 0)), jsxRuntime.jsxs("div", __assign({ className: "m-0 d-flex align-items-center py-2" }, { children: [phoneInfo ? (jsxRuntime.jsx(caseWebUi.EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'changePhone' })); } }, { children: blurPhone(phoneInfo.phone) }), void 0)) : (jsxRuntime.jsx(caseWebUi.EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'addPhone' })); } }, { children: t("".concat(props.itemKey, ".phone.btn")) }), void 0)), phoneInfo && (jsxRuntime.jsx("button", __assign({ className: "btn btn-danger-light", onClick: function () {
+                            dispatch(dialogActions.openDialogWithoutPayload({ type: 'deletePhone' }));
+                        } }, { children: jsxRuntime.jsx("i", { className: "fas fa-trash text-grey-5" }, void 0) }), void 0))] }), void 0), jsxRuntime.jsx("h4", __assign({ className: "fw-bold mt-2" }, { children: t("".concat(props.itemKey, ".password.title")) }), void 0), jsxRuntime.jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".password.info")) }), void 0), jsxRuntime.jsx(caseWebUi.EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'changePassword' })); } }, { children: "••••••••••••••" }), void 0), renderProfileSettings()] }), void 0));
 };
 
 var CommunicationSettings = function (props) {