@influenzanet/case-web-app-core 2.9.9-staging → 2.9.10-staging

package/build/api/errorMessages.d.ts

@@ -17,5 +17,5 @@ export declare const BACKEND_ERRORS: {
     readonly RECIPIENT_NOT_ALLOWED: "phone number not enabled to receive WhatsApp messages";
 };
 export declare const logRequestFailure: (context: string, error: unknown) => void;
-export declare type PhoneErrorKind = "rateLimited" | "recipientNotAllowed" | "invalidCode" | "codeExpired" | "tooManyAttempts" | "cooldown" | "noPendingVerification" | "unknown";
+export declare type PhoneErrorKind = "rateLimited" | "recipientNotAllowed" | "invalidCode" | "codeExpired" | "tooManyAttempts" | "cooldown" | "noPendingVerification" | "sendFailed" | "alreadyVerified" | "noPhone" | "whatsAppUnavailable" | "unknown";
 export declare const classifyPhoneError: (error: unknown) => PhoneErrorKind;

package/build/index.es.js

@@ -13705,6 +13705,14 @@ var MESSAGE_KINDS = (_a = {},
     // the one waiting to be verified any more, so the only way forward is a new code.
     _a[BACKEND_ERRORS.PHONE_NOT_PENDING] = "noPendingVerification",
     _a[BACKEND_ERRORS.NO_VERIFICATION_IN_PROGRESS] = "noPendingVerification",
+    // Matched on the message alone, like the ones above and for the same reason: the statuses
+    // these arrive with are the shared ones. A 503 in particular is also what the gateway
+    // answers when user-management itself cannot be reached, which says nothing about whether
+    // WhatsApp is configured.
+    _a[BACKEND_ERRORS.SEND_FAILED] = "sendFailed",
+    _a[BACKEND_ERRORS.PHONE_ALREADY_VERIFIED] = "alreadyVerified",
+    _a[BACKEND_ERRORS.NO_PHONE_TO_EDIT] = "noPhone",
+    _a[BACKEND_ERRORS.WHATSAPP_UNAVAILABLE] = "whatsAppUnavailable",
     _a);
 // classifyPhoneError decides what a failed request means, reading the HTTP status first and the
 // message only for the cases a status cannot tell apart: a wrong, an expired and an exhausted
@@ -22692,6 +22700,11 @@ var ChangePhone = function () {
             case "noPendingVerification":
                 setError(t("changePhone.errors.noPendingVerification"));
                 return;
+            case "noPhone":
+                // Only this endpoint answers it: there is no number on the account to change, so the
+                // dialog says that instead of the message it shows for a failure it cannot place.
+                setError(t("changePhone.errors.noPhone"));
+                return;
         }
         var errorMsg = (_c = (_b = (_a = e) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.error;
         switch (errorMsg) {
@@ -22742,14 +22755,15 @@ var DeletePhone = function (props) {
         dispatch(dialogActions.closeDialog());
     };
     var onDeletePhone = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, userData_1, userData, e_1, err;
+        var response, userData, e_1;
         return __generator$1(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     setLoading(true);
+                    setError('');
                     _a.label = 1;
                 case 1:
-                    _a.trys.push([1, 7, , 8]);
+                    _a.trys.push([1, 6, 7, 8]);
                     return [4 /*yield*/, deletePhoneReq()];
                 case 2:
                     response = _a.sent();
@@ -22759,8 +22773,8 @@ var DeletePhone = function (props) {
                     return [3 /*break*/, 5];
                 case 3: return [4 /*yield*/, getUserReq()];
                 case 4:
-                    userData_1 = (_a.sent()).data;
-                    dispatch(userActions.setUser(userData_1));
+                    userData = (_a.sent()).data;
+                    dispatch(userActions.setUser(userData));
                     _a.label = 5;
                 case 5:
                     dispatch(dialogActions.openAlertDialog({
@@ -22772,17 +22786,21 @@ var DeletePhone = function (props) {
                             btn: t('dialogs:deletePhone.successDialog.btn'),
                         }
                     }));
-                    return [4 /*yield*/, getUserReq()];
+                    return [3 /*break*/, 8];
                 case 6:
-                    userData = (_a.sent()).data;
-                    dispatch(userActions.setUser(userData));
+                    e_1 = _a.sent();
+                    logRequestFailure('deleting the phone number', e_1);
+                    // The endpoint refuses with a missing argument or a database message, neither of which
+                    // means anything to a participant; both are English prose, and the alert box below reads
+                    // its content as markdown with raw HTML enabled, so the backend text was also markup the
+                    // browser would render.
+                    setError(t('deletePhone.errors.unknown'));
                     return [3 /*break*/, 8];
                 case 7:
-                    e_1 = _a.sent();
-                    err = getErrorMsg(e_1);
-                    setError(err);
+                    // Also on the way out of a successful deletion: the dialog stays mounted, so a loading
+                    // flag left set is still set the next time it is opened.
                     setLoading(false);
-                    return [3 /*break*/, 8];
+                    return [7 /*endfinally*/];
                 case 8: return [2 /*return*/];
             }
         });
@@ -23007,6 +23025,9 @@ var useResendCooldown = function (seconds) {
     return { secondsLeft: secondsLeft, isCoolingDown: secondsLeft > 0, start: start };
 };
 
+// Every verification code the backend issues is six digits (GenerateVerificationCode(6) over a
+// digit-only charset), so a code of any other shape can only be refused.
+var VERIFICATION_CODE_LENGTH = 6;
 var VerifyWhatsApp = function () {
     var _a;
     var dispatch = useDispatch();
@@ -23038,58 +23059,100 @@ var VerifyWhatsApp = function () {
         setResendConfirmation("");
     };
     var resendCode = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var e_1;
-        return __generator$1(this, function (_a) {
-            switch (_a.label) {
+        var e_1, _a;
+        return __generator$1(this, function (_b) {
+            switch (_b.label) {
                 case 0:
                     setResendLoading(true);
                     setError("");
                     setResendConfirmation("");
-                    _a.label = 1;
+                    _b.label = 1;
                 case 1:
-                    _a.trys.push([1, 3, 4, 5]);
+                    _b.trys.push([1, 3, 14, 15]);
                     return [4 /*yield*/, resendWhatsAppCodeReq()];
                 case 2:
-                    _a.sent();
+                    _b.sent();
                     setError("");
                     setResendConfirmation(t("verifyWhatsApp.resendSuccess"));
                     startResendCooldown();
-                    return [3 /*break*/, 5];
+                    return [3 /*break*/, 15];
                 case 3:
-                    e_1 = _a.sent();
+                    e_1 = _b.sent();
                     logRequestFailure("resending the WhatsApp code", e_1);
-                    switch (classifyPhoneError(e_1)) {
-                        case "rateLimited":
-                            setError(t("verifyWhatsApp.errors.rateLimit"));
-                            break;
-                        case "recipientNotAllowed":
-                            setError(t("verifyWhatsApp.errors.recipientNotAllowed"));
-                            break;
-                        case "noPendingVerification":
-                            setError(t("verifyWhatsApp.errors.noPendingVerification"));
-                            break;
-                        case "cooldown":
-                            setError(t("verifyWhatsApp.errors.cooldown"));
-                            // The window left is at most a full one, so holding the button for that long keeps
-                            // the participant from walking into the same refusal a second time.
-                            startResendCooldown();
-                            break;
-                        default:
-                            setError(t("verifyWhatsApp.errors.unknown"));
-                            break;
+                    _a = classifyPhoneError(e_1);
+                    switch (_a) {
+                        case "rateLimited": return [3 /*break*/, 4];
+                        case "recipientNotAllowed": return [3 /*break*/, 5];
+                        case "noPendingVerification": return [3 /*break*/, 6];
+                        case "cooldown": return [3 /*break*/, 7];
+                        case "sendFailed": return [3 /*break*/, 8];
+                        case "whatsAppUnavailable": return [3 /*break*/, 9];
+                        case "alreadyVerified": return [3 /*break*/, 10];
                     }
-                    return [3 /*break*/, 5];
+                    return [3 /*break*/, 12];
                 case 4:
+                    setError(t("verifyWhatsApp.errors.rateLimit"));
+                    return [3 /*break*/, 13];
+                case 5:
+                    setError(t("verifyWhatsApp.errors.recipientNotAllowed"));
+                    return [3 /*break*/, 13];
+                case 6:
+                    setError(t("verifyWhatsApp.errors.noPendingVerification"));
+                    return [3 /*break*/, 13];
+                case 7:
+                    setError(t("verifyWhatsApp.errors.cooldown"));
+                    // The window left is at most a full one, so holding the button for that long keeps
+                    // the participant from walking into the same refusal a second time.
+                    startResendCooldown();
+                    return [3 /*break*/, 13];
+                case 8:
+                    // The code was never handed to Meta, so there is nothing on its way: asking for
+                    // another one is what the participant has to do, and the message says so.
+                    setError(t("verifyWhatsApp.errors.sendFailed"));
+                    return [3 /*break*/, 13];
+                case 9:
+                    // No code can go out at all until the instance is configured again, so a retry would
+                    // only spend the participant's patience.
+                    setError(t("verifyWhatsApp.errors.whatsAppUnavailable"));
+                    return [3 /*break*/, 13];
+                case 10: return [4 /*yield*/, handleAlreadyVerified()];
+                case 11:
+                    _b.sent();
+                    return [3 /*break*/, 13];
+                case 12:
+                    setError(t("verifyWhatsApp.errors.unknown"));
+                    return [3 /*break*/, 13];
+                case 13: return [3 /*break*/, 15];
+                case 14:
                     setResendLoading(false);
                     return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
+                case 15: return [2 /*return*/];
             }
         });
     }); };
-    // The attempt cap removes the phone on the backend, so the account is reloaded and the
-    // verification dialog gives way to the alert: leaving it open would keep offering a code for
-    // a number that is gone.
-    var handlePhoneRemoved = function () { return __awaiter(void 0, void 0, void 0, function () {
+    // The backend considers the number verified, so there is nothing left for this dialog to ask
+    // for: the account is reloaded and the same confirmation the successful check shows takes its
+    // place, rather than an error about a code the participant no longer needs.
+    var handleAlreadyVerified = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator$1(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, reloadUser("reloading the user after the phone was already verified")];
+                case 1:
+                    _a.sent();
+                    dispatch(dialogActions.openAlertDialog({
+                        type: "alertDialog",
+                        payload: {
+                            color: "success",
+                            title: t("verifyWhatsApp.successDialog.title"),
+                            content: t("verifyWhatsApp.successDialog.content"),
+                            btn: t("verifyWhatsApp.successDialog.btn"),
+                        },
+                    }));
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var reloadUser = function (context) { return __awaiter(void 0, void 0, void 0, function () {
         var userData, refreshError_1;
         return __generator$1(this, function (_a) {
             switch (_a.label) {
@@ -23102,9 +23165,21 @@ var VerifyWhatsApp = function () {
                     return [3 /*break*/, 3];
                 case 2:
                     refreshError_1 = _a.sent();
-                    logRequestFailure("reloading the user after the phone was removed", refreshError_1);
+                    logRequestFailure(context, refreshError_1);
                     return [3 /*break*/, 3];
-                case 3:
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    // The attempt cap removes the phone on the backend, so the account is reloaded and the
+    // verification dialog gives way to the alert: leaving it open would keep offering a code for
+    // a number that is gone.
+    var handlePhoneRemoved = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator$1(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, reloadUser("reloading the user after the phone was removed")];
+                case 1:
+                    _a.sent();
                     dispatch(dialogActions.openAlertDialog({
                         type: "alertDialog",
                         payload: {
@@ -23123,7 +23198,9 @@ var VerifyWhatsApp = function () {
         return __generator$1(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    if (!verificationCode.trim()) {
+                    // A refusal still costs one of the attempts the backend counts, and the account loses the
+                    // registered number once they run out, so an incomplete code is stopped here.
+                    if (verificationCode.length !== VERIFICATION_CODE_LENGTH) {
                         setError(t("verifyWhatsApp.errors.codeRequired"));
                         return [2 /*return*/];
                     }
@@ -23211,7 +23288,19 @@ var VerifyWhatsApp = function () {
     if (!open) {
         return null;
     }
-    return (jsxs(Dialog, __assign({ open: open, title: t("verifyWhatsApp.title"), ariaLabelledBy: "verify-whatsapp-title", onClose: close }, { children: [jsxs("div", __assign({ className: "".concat(defaultDialogPaddingXClass, " py-4") }, { children: [jsx("div", __assign({ className: "mb-4" }, { children: jsx("p", __assign({ className: "mb-2" }, { children: t("verifyWhatsApp.info") }), void 0) }), void 0), error && jsx(AlertBox, { type: "danger", content: error, className: "mb-3" }, void 0), resendConfirmation && (jsx(AlertBox, { type: "success", content: resendConfirmation, className: "mb-3" }, void 0)), jsx("div", __assign({ className: "mb-3" }, { 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-3 border-top" }, { children: [jsx(DialogBtn, { type: "button", onClick: resendCode, label: resendOnCooldown
+    return (jsxs(Dialog, __assign({ open: open, title: t("verifyWhatsApp.title"), ariaLabelledBy: "verify-whatsapp-title", onClose: close }, { children: [jsxs("div", __assign({ className: "".concat(defaultDialogPaddingXClass, " py-4") }, { children: [jsx("div", __assign({ className: "mb-4" }, { children: jsx("p", __assign({ className: "mb-2" }, { children: t("verifyWhatsApp.info") }), void 0) }), void 0), error && jsx(AlertBox, { type: "danger", content: error, className: "mb-3" }, void 0), resendConfirmation && (jsx(AlertBox, { type: "success", content: resendConfirmation, className: "mb-3" }, void 0)), jsx("div", __assign({ className: "mb-3" }, { children: jsx(TextField, { id: "verification-code", name: "verificationCode", label: t("verifyWhatsApp.codeInputLabel"), placeholder: t("verifyWhatsApp.codeInputPlaceholder"), value: verificationCode, 
+                            // Anything but a digit can only be a typo or a paste that carried formatting with
+                            // it: keeping it would send a code the backend is bound to refuse. The length is
+                            // applied here rather than through maxLength, which the browser applies to a paste
+                            // before the field sees it: a code pasted as "123 456" would arrive a digit short.
+                            onChange: function (event) {
+                                return setVerificationCode(event.target.value
+                                    .replace(/\D/g, "")
+                                    .slice(0, VERIFICATION_CODE_LENGTH));
+                            }, inputMode: "numeric", pattern: "[0-9]*", 
+                            // The code arrives by WhatsApp on the same phone, so the browser and the keyboard
+                            // are allowed to offer it instead of being told to suggest nothing.
+                            autoComplete: "one-time-code" }, void 0) }), void 0)] }), void 0), jsxs("div", __assign({ className: "d-flex justify-content-between align-items-center gap-3 p-3 border-top" }, { children: [jsx(DialogBtn, { type: "button", onClick: resendCode, label: resendOnCooldown
                             ? t("verifyWhatsApp.resendCountdown", {
                                 seconds: resendSecondsLeft,
                             })
@@ -23223,7 +23312,9 @@ var VerifyWhatsApp = function () {
                                 // DialogBtn's loading prop only swaps the label, so the in-flight check is what
                                 // disables the button: a second click would spend another of the attempts the
                                 // backend counts before the first answer is even back.
-                                disabled: !verificationCode.trim() || loading || resendLoading }, void 0)] }), void 0)] }), void 0)] }), void 0));
+                                disabled: verificationCode.length !== VERIFICATION_CODE_LENGTH ||
+                                    loading ||
+                                    resendLoading }, void 0)] }), void 0)] }), void 0)] }), void 0));
 };
 
 var GlobalDialogs = function (props) {
@@ -24573,19 +24664,48 @@ var AccountSettings = function (props) {
     if (!isAuth) {
         return jsx("div", __assign({ className: "bg-warning-light p-3" }, { children: 'authentication needed' }), void 0);
     }
-    var handleResendCode = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var error_1;
+    // The backend considers the number verified, so the account this page is showing is the one
+    // that is out of date: reloading it puts the verified badge in place of the resend button,
+    // which is the whole answer. Only when that reload fails does the page still show the number
+    // as unverified, and then the message is the only thing telling the participant why no code
+    // is coming.
+    var handleAlreadyVerified = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var userData, refreshError_1;
         return __generator$1(this, function (_a) {
             switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, getUserReq()];
+                case 1:
+                    userData = (_a.sent()).data;
+                    dispatch(userActions.setUser(userData));
+                    return [2 /*return*/];
+                case 2:
+                    refreshError_1 = _a.sent();
+                    logRequestFailure('reloading the user after the phone was already verified', refreshError_1);
+                    return [3 /*break*/, 3];
+                case 3:
+                    setResendMessage({
+                        type: 'error',
+                        text: t("".concat(props.itemKey, ".phone.alreadyVerifiedError"), 'This number is already verified.')
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleResendCode = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var error_1, _a;
+        return __generator$1(this, function (_b) {
+            switch (_b.label) {
                 case 0:
                     setIsResending(true);
                     setResendMessage(null);
-                    _a.label = 1;
+                    _b.label = 1;
                 case 1:
-                    _a.trys.push([1, 3, 4, 5]);
+                    _b.trys.push([1, 3, 14, 15]);
                     return [4 /*yield*/, resendWhatsAppCodeReq()];
                 case 2:
-                    _a.sent();
+                    _b.sent();
                     // Use requestAnimationFrame to wait for React to finish rendering
                     requestAnimationFrame(function () {
                         dispatch(dialogActions.openVerifyWhatsAppDialog({
@@ -24600,50 +24720,79 @@ var AccountSettings = function (props) {
                         text: t("".concat(props.itemKey, ".phone.resendSuccess"), 'Code sent.')
                     });
                     startResendCooldown();
-                    return [3 /*break*/, 5];
+                    return [3 /*break*/, 15];
                 case 3:
-                    error_1 = _a.sent();
+                    error_1 = _b.sent();
                     logRequestFailure("resending the WhatsApp code", error_1);
-                    switch (classifyPhoneError(error_1)) {
-                        case 'recipientNotAllowed':
-                            setResendMessage({
-                                type: 'error',
-                                text: t("".concat(props.itemKey, ".phone.recipientNotAllowedError"), 'This number cannot receive WhatsApp messages. Please check the number you entered.')
-                            });
-                            break;
-                        case 'rateLimited':
-                            setResendMessage({
-                                type: 'error',
-                                text: t("".concat(props.itemKey, ".phone.rateLimitError"), 'Too many verification codes requested. Please try again later.')
-                            });
-                            break;
-                        case 'noPendingVerification':
-                            setResendMessage({
-                                type: 'error',
-                                text: t("".concat(props.itemKey, ".phone.noPendingVerificationError"), 'There is no verification waiting for this number. Add the number again to start over.')
-                            });
-                            break;
-                        case 'cooldown':
-                            setResendMessage({
-                                type: 'error',
-                                text: t("".concat(props.itemKey, ".phone.cooldownError"), 'A code was just sent. Please wait a moment before asking for another one.')
-                            });
-                            // The window left is at most a full one, so holding the button for that long keeps
-                            // the participant from walking into the same refusal a second time.
-                            startResendCooldown();
-                            break;
-                        default:
-                            setResendMessage({
-                                type: 'error',
-                                text: t("".concat(props.itemKey, ".phone.resendError"), 'Could not send the code. Please try again.')
-                            });
-                            break;
+                    _a = classifyPhoneError(error_1);
+                    switch (_a) {
+                        case 'recipientNotAllowed': return [3 /*break*/, 4];
+                        case 'rateLimited': return [3 /*break*/, 5];
+                        case 'noPendingVerification': return [3 /*break*/, 6];
+                        case 'cooldown': return [3 /*break*/, 7];
+                        case 'sendFailed': return [3 /*break*/, 8];
+                        case 'whatsAppUnavailable': return [3 /*break*/, 9];
+                        case 'alreadyVerified': return [3 /*break*/, 10];
                     }
-                    return [3 /*break*/, 5];
+                    return [3 /*break*/, 12];
                 case 4:
+                    setResendMessage({
+                        type: 'error',
+                        text: t("".concat(props.itemKey, ".phone.recipientNotAllowedError"), 'This number cannot receive WhatsApp messages. Please check the number you entered.')
+                    });
+                    return [3 /*break*/, 13];
+                case 5:
+                    setResendMessage({
+                        type: 'error',
+                        text: t("".concat(props.itemKey, ".phone.rateLimitError"), 'Too many verification codes requested. Please try again later.')
+                    });
+                    return [3 /*break*/, 13];
+                case 6:
+                    setResendMessage({
+                        type: 'error',
+                        text: t("".concat(props.itemKey, ".phone.noPendingVerificationError"), 'There is no verification waiting for this number. Add the number again to start over.')
+                    });
+                    return [3 /*break*/, 13];
+                case 7:
+                    setResendMessage({
+                        type: 'error',
+                        text: t("".concat(props.itemKey, ".phone.cooldownError"), 'A code was just sent. Please wait a moment before asking for another one.')
+                    });
+                    // The window left is at most a full one, so holding the button for that long keeps
+                    // the participant from walking into the same refusal a second time.
+                    startResendCooldown();
+                    return [3 /*break*/, 13];
+                case 8:
+                    // The code never reached Meta, so nothing is on its way and another request is what
+                    // the participant has to make.
+                    setResendMessage({
+                        type: 'error',
+                        text: t("".concat(props.itemKey, ".phone.sendFailedError"), 'We could not send the code. Please ask for a new one.')
+                    });
+                    return [3 /*break*/, 13];
+                case 9:
+                    // No code can go out until the instance is configured again, so a retry would only
+                    // spend the participant's patience.
+                    setResendMessage({
+                        type: 'error',
+                        text: t("".concat(props.itemKey, ".phone.whatsAppUnavailableError"), 'WhatsApp messages cannot be sent at the moment. Please try again later.')
+                    });
+                    return [3 /*break*/, 13];
+                case 10: return [4 /*yield*/, handleAlreadyVerified()];
+                case 11:
+                    _b.sent();
+                    return [3 /*break*/, 13];
+                case 12:
+                    setResendMessage({
+                        type: 'error',
+                        text: t("".concat(props.itemKey, ".phone.resendError"), 'Could not send the code. Please try again.')
+                    });
+                    return [3 /*break*/, 13];
+                case 13: return [3 /*break*/, 15];
+                case 14:
                     setIsResending(false);
                     return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
+                case 15: return [2 /*return*/];
             }
         });
     }); };
@@ -24653,7 +24802,7 @@ var AccountSettings = function (props) {
         }
         return jsxs(React__default$1.Fragment, { children: [jsx("h4", __assign({ className: "fw-bold mt-2" }, { children: t("".concat(props.itemKey, ".profiles.title")) }), void 0), jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".profiles.info")) }), void 0), jsx(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 (jsxs("div", __assign({ className: "border-primary border-top-2 pt-2" }, { children: [jsx("h2", { children: t("".concat(props.itemKey, ".title")) }, void 0), jsx("h4", __assign({ className: "fw-bold mt-2" }, { children: t("".concat(props.itemKey, ".email.title")) }), void 0), jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".email.info")) }), void 0), jsx(EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'changeEmail' })); } }, { children: blurEmail(currentUser.account.accountId) }), void 0), jsxs("div", __assign({ className: "d-flex align-items-center mt-2" }, { children: [jsx("h4", __assign({ className: "fw-bold mb-0" }, { children: t("".concat(props.itemKey, ".phone.title")) }), void 0), phoneInfo && (phoneInfo.confirmedAt === undefined || !phoneInfo.confirmedAt || phoneInfo.confirmedAt === 0) && (jsx("span", __assign({ className: "badge bg-warning text-dark ms-2" }, { children: t("".concat(props.itemKey, ".phone.notConfirmed")) }), void 0)), phoneInfo && phoneInfo.confirmedAt && phoneInfo.confirmedAt > 0 && (jsxs("span", __assign({ className: "badge bg-success ms-2" }, { children: [jsx("i", { className: "fas fa-check me-1" }, void 0), t("".concat(props.itemKey, ".phone.confirmed"))] }), void 0))] }), void 0), phoneInfo ? (jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".phone.info")) }), void 0)) : (jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".phone.infoAdd")) }), void 0)), jsxs("div", __assign({ className: "m-0 d-flex align-items-center py-2" }, { children: [phoneInfo ? (jsxs(Fragment, { children: [jsx(EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'changePhone' })); } }, { children: blurPhone(phoneInfo.phone) }), void 0), (phoneInfo.confirmedAt === undefined || !phoneInfo.confirmedAt || phoneInfo.confirmedAt === 0) && (jsx("button", __assign({ className: "btn btn-primary d-flex align-items-center ms-2", onClick: handleResendCode, disabled: isResending || resendOnCooldown }, { children: isResending ? (jsxs(Fragment, { children: [jsx("span", { className: "spinner-border spinner-border-sm me-2", role: "status", "aria-hidden": "true" }, void 0), t("".concat(props.itemKey, ".phone.resending"), 'Sending...')] }, void 0)) : resendOnCooldown ? (jsx(Fragment, { children: t("".concat(props.itemKey, ".phone.resendCountdown"), 'New code in {{seconds}}s', { seconds: resendSecondsLeft }) }, void 0)) : (jsxs(Fragment, { children: [t("".concat(props.itemKey, ".phone.resendBtn"), 'Send the code again'), jsx("span", __assign({ className: "material-icons ms-1", style: { fontSize: 'inherit' } }, { children: "send" }), void 0)] }, void 0)) }), void 0))] }, void 0)) : (jsx(EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'addPhone' })); } }, { children: t("".concat(props.itemKey, ".phone.btn")) }), void 0)), phoneInfo && (jsx("button", __assign({ className: "btn btn-danger-light ms-2", onClick: function () {
+    return (jsxs("div", __assign({ className: "border-primary border-top-2 pt-2" }, { children: [jsx("h2", { children: t("".concat(props.itemKey, ".title")) }, void 0), jsx("h4", __assign({ className: "fw-bold mt-2" }, { children: t("".concat(props.itemKey, ".email.title")) }), void 0), jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".email.info")) }), void 0), jsx(EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'changeEmail' })); } }, { children: blurEmail(currentUser.account.accountId) }), void 0), jsxs("div", __assign({ className: "d-flex align-items-center mt-2" }, { children: [jsx("h4", __assign({ className: "fw-bold mb-0" }, { children: t("".concat(props.itemKey, ".phone.title")) }), void 0), phoneInfo && (phoneInfo.confirmedAt === undefined || !phoneInfo.confirmedAt || phoneInfo.confirmedAt === 0) && (jsx("span", __assign({ className: "badge bg-warning text-dark ms-2" }, { children: t("".concat(props.itemKey, ".phone.notConfirmed")) }), void 0)), phoneInfo && phoneInfo.confirmedAt && phoneInfo.confirmedAt > 0 && (jsxs("span", __assign({ className: "badge bg-success ms-2" }, { children: [jsx("i", { className: "fas fa-check me-1" }, void 0), t("".concat(props.itemKey, ".phone.confirmed"))] }), void 0))] }), void 0), phoneInfo ? (jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".phone.info")) }), void 0)) : (jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".phone.infoAdd")) }), void 0)), jsxs("div", __assign({ className: "m-0 d-flex align-items-center py-2" }, { children: [phoneInfo ? (jsxs(Fragment, { children: [jsx(EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'changePhone' })); } }, { children: blurPhone(phoneInfo.phone) }), void 0), (phoneInfo.confirmedAt === undefined || !phoneInfo.confirmedAt || phoneInfo.confirmedAt === 0) && (jsx("button", __assign({ className: "btn btn-primary d-flex align-items-center ms-2", onClick: handleResendCode, disabled: isResending || resendOnCooldown }, { children: isResending ? (jsxs(Fragment, { children: [jsx("span", { className: "spinner-border spinner-border-sm me-2", role: "status", "aria-hidden": "true" }, void 0), t("".concat(props.itemKey, ".phone.resending"), 'Sending...')] }, void 0)) : resendOnCooldown ? (jsx(Fragment, { children: t("".concat(props.itemKey, ".phone.resendCountdown"), 'New code in {{seconds}}s', { seconds: resendSecondsLeft }) }, void 0)) : (jsxs(Fragment, { children: [t("".concat(props.itemKey, ".phone.resendBtn"), 'Send the code again'), jsx("span", __assign({ className: "material-icons ms-1", style: { fontSize: 'inherit' } }, { children: "send" }), void 0)] }, void 0)) }), void 0))] }, void 0)) : (jsx(EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'addPhone' })); } }, { children: t("".concat(props.itemKey, ".phone.btn")) }), void 0)), phoneInfo && (jsx("button", __assign({ className: "btn btn-danger-light ms-2", "aria-label": t("".concat(props.itemKey, ".phone.deleteBtn")), onClick: function () {
                             dispatch(dialogActions.openDialogWithoutPayload({ type: 'deletePhone' }));
                         } }, { children: jsx("i", { className: "fas fa-trash text-grey-5" }, void 0) }), void 0))] }), void 0), resendMessage && (jsx("div", __assign({ className: "alert alert-".concat(resendMessage.type === 'success' ? 'success' : 'danger', " mt-2") }, { children: resendMessage.text }), void 0)), jsx("h4", __assign({ className: "fw-bold mt-2" }, { children: t("".concat(props.itemKey, ".password.title")) }), void 0), jsx("p", __assign({ className: "mb-1 text-grey-7" }, { children: t("".concat(props.itemKey, ".password.info")) }), void 0), jsx(EditBtn, __assign({ onClick: function () { return dispatch(dialogActions.openDialogWithoutPayload({ type: 'changePassword' })); } }, { children: "••••••••••••••" }), void 0), renderProfileSettings()] }), void 0));
 };