@influenzanet/case-web-app-core 2.8.7-staging → 2.8.9-staging

package/build/components/banners/PhoneVerificationBanner.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PhoneVerificationBanner: React.FC;
+export default PhoneVerificationBanner;

package/build/index.d.ts

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

package/build/index.es.js

@@ -22388,6 +22388,9 @@ var ChangePhone = function () {
             case 'phone not valid':
                 setError(t('changePhone.errors.wrongPhoneFormat'));
                 break;
+            case 'phone number already taken':
+                setError(t('changePhone.errors.phoneAlreadyTaken'));
+                break;
             default:
                 setError(t('changePhone.errors.unknown'));
                 break;
@@ -22592,6 +22595,9 @@ var AddPhone = function () {
             case 'phone not valid':
                 setError(t('addPhone.errors.wrongPhoneFormat'));
                 break;
+            case 'phone number already taken':
+                setError(t('addPhone.errors.phoneAlreadyTaken'));
+                break;
             default:
                 setError(t('addPhone.errors.unknown'));
                 break;
@@ -22625,6 +22631,13 @@ var VerifyWhatsApp = function () {
     var _d = useState(''), error = _d[0], setError = _d[1];
     var _e = useState(''), verificationCode = _e[0], setVerificationCode = _e[1];
     var phoneNumber = (dialogContent === null || dialogContent === void 0 ? void 0 : dialogContent.phoneNumber) || '';
+    // Reset verification code when dialog opens
+    useEffect(function () {
+        if (open) {
+            setVerificationCode('');
+            setError('');
+        }
+    }, [open]);
     var close = function () {
         dispatch(dialogActions.closeDialog());
         setVerificationCode('');
@@ -22723,7 +22736,7 @@ var VerifyWhatsApp = function () {
     if (!open) {
         return null;
     }
-    return (jsxs(Dialog, __assign({ open: open, title: t('verifyWhatsApp.title'), ariaLabelledBy: "verify-whatsapp-title", onClose: close, size: "lg" }, { children: [jsxs("div", __assign({ className: "".concat(defaultDialogPaddingXClass, " py-4") }, { children: [jsx("div", __assign({ className: "mb-4" }, { children: jsx("p", __assign({ className: "mb-3" }, { children: t("verifyWhatsApp.info") }), void 0) }), void 0), error && (jsx(AlertBox, { type: "danger", content: error, className: "mb-4" }, void 0)), jsx("div", __assign({ className: "mb-4" }, { children: jsx(TextField, { id: "verification-code", name: "verificationCode", label: t('verifyWhatsApp.codeInputLabel'), placeholder: t('verifyWhatsApp.codeInputPlaceholder'), value: verificationCode, onChange: function (event) { return setVerificationCode(event.target.value); }, maxLength: 6, autoComplete: "off" }, void 0) }), void 0)] }), void 0), jsxs("div", __assign({ className: "d-flex justify-content-between align-items-center gap-3 p-4 border-top" }, { children: [jsx(DialogBtn, { type: "button", onClick: resendCode, label: t('verifyWhatsApp.resendBtn'), loading: resendLoading, disabled: loading || !phoneNumber }, void 0), jsxs("div", __assign({ className: "d-flex gap-2" }, { children: [jsx(DialogBtn, { type: "button", onClick: close, label: t('verifyWhatsApp.cancelBtn'), disabled: loading || resendLoading }, void 0), jsx(DialogBtn, { type: "button", onClick: verifyCode, color: "primary", label: t('verifyWhatsApp.submitBtn'), loading: loading, disabled: !verificationCode.trim() || resendLoading }, void 0)] }), void 0)] }), void 0)] }), void 0));
+    return (jsxs(Dialog, __assign({ open: open, title: t('verifyWhatsApp.title'), ariaLabelledBy: "verify-whatsapp-title", onClose: close, size: "sm" }, { children: [jsxs("div", __assign({ className: "".concat(defaultDialogPaddingXClass, " py-3") }, { children: [jsx("div", __assign({ className: "mb-3" }, { children: jsx("p", __assign({ className: "mb-2 small" }, { children: t("verifyWhatsApp.info") }), void 0) }), void 0), error && (jsx(AlertBox, { type: "danger", content: error, 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-2 p-3 border-top" }, { children: [jsx(DialogBtn, { type: "button", onClick: resendCode, label: t('verifyWhatsApp.resendBtn'), loading: resendLoading, disabled: loading || !phoneNumber, className: "btn-sm" }, void 0), jsxs("div", __assign({ className: "d-flex gap-2" }, { children: [jsx(DialogBtn, { type: "button", onClick: close, label: t('verifyWhatsApp.cancelBtn'), disabled: loading || resendLoading, className: "btn-sm" }, void 0), jsx(DialogBtn, { type: "button", onClick: verifyCode, color: "primary", label: t('verifyWhatsApp.submitBtn'), loading: loading, disabled: !verificationCode.trim() || resendLoading, className: "btn-sm" }, void 0)] }), void 0)] }), void 0)] }), void 0));
 };
 
 var GlobalDialogs = function (props) {
@@ -24053,12 +24066,25 @@ var AccountSettings = function (props) {
     var isAuth = useIsAuthenticated();
     var dispatch = useDispatch();
     var currentUser = useSelector(function (state) { return state.user.currentUser; });
+    var dialogState = useSelector(function (state) { return state.dialog; });
     var _a = useState(false), isResending = _a[0], setIsResending = _a[1];
     var _b = useState(null), resendMessage = _b[0], setResendMessage = _b[1];
+    var phoneInfo = currentUser === null || currentUser === void 0 ? void 0 : currentUser.contactInfos.find(function (info) { return info.type === 'phone'; });
+    // Clear success message when phone is verified
+    useEffect(function () {
+        if (phoneInfo && phoneInfo.confirmedAt && phoneInfo.confirmedAt > 0) {
+            setResendMessage(null);
+        }
+    }, [phoneInfo]);
+    // Clear success message when dialog closes
+    useEffect(function () {
+        if (dialogState.config === undefined && (resendMessage === null || resendMessage === void 0 ? void 0 : resendMessage.type) === 'success') {
+            setResendMessage(null);
+        }
+    }, [dialogState.config, resendMessage === null || resendMessage === void 0 ? void 0 : resendMessage.type]);
     if (!isAuth) {
         return 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'; });
     console.log('phoneInfo:', phoneInfo);
     console.log('confirmedAt:', phoneInfo === null || phoneInfo === void 0 ? void 0 : phoneInfo.confirmedAt);
     var handleResendCode = function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -34527,6 +34553,26 @@ var InternalNavigator = function (props) {
     return null;
 };
 
+var PhoneVerificationBanner = function () {
+    var t = useTranslation(['banner']).t;
+    var isAuth = useIsAuthenticated();
+    var history = useHistory();
+    var currentUser = useSelector(function (state) { return state.user.currentUser; });
+    if (!isAuth) {
+        return null;
+    }
+    // Check if user has an unverified phone number
+    var phoneInfo = currentUser.contactInfos.find(function (info) { return info.type === 'phone'; });
+    // Don't show banner if no phone or phone is already verified
+    if (!phoneInfo || (phoneInfo.confirmedAt && phoneInfo.confirmedAt > 0)) {
+        return null;
+    }
+    var handleGoToProfile = function () {
+        history.push('/settings');
+    };
+    return (jsx("div", __assign({ className: "alert alert-warning mb-0", role: "alert", style: { borderRadius: 0 } }, { children: jsx("div", __assign({ className: "container" }, { children: jsxs("div", __assign({ className: "row align-items-center" }, { children: [jsxs("div", __assign({ className: "col-12 col-md-9" }, { children: [jsx("span", __assign({ className: "material-icons align-middle me-2", style: { fontSize: '1.5rem' } }, { children: "warning" }), void 0), jsx("strong", { children: t('banner:phoneVerification.title', 'Attenzione!') }, void 0), ' ', t('banner:phoneVerification.message', 'Il tuo numero di telefono non è ancora stato verificato.')] }), void 0), jsx("div", __assign({ className: "col-12 col-md-3 text-md-end mt-2 mt-md-0" }, { children: jsx("button", __assign({ className: "btn btn-sm btn-dark", onClick: handleGoToProfile }, { children: t('banner:phoneVerification.button', 'Verifica ora') }), void 0) }), void 0)] }), void 0) }), void 0) }), void 0));
+};
+
 var coreReduxActions = {
     appActions: appActions,
     dialogActions: dialogActions,
@@ -34538,5 +34584,5 @@ var coreReduxThunks = {
     enterStudiesThunk: enterStudiesThunk,
 };
 
-export { AccountSettings, AppCore, CommunicationSettings, InternalNavigator, PhoneNumberInput, PreventAccidentalNavigationPrompt, coreReduxActions, coreReduxThunks, initI18n, localStorageManager, reducersManager, store, studyAPI, useAuthTokenCheck, userAPI };
+export { AccountSettings, AppCore, CommunicationSettings, InternalNavigator, PhoneNumberInput, PhoneVerificationBanner, PreventAccidentalNavigationPrompt, coreReduxActions, coreReduxThunks, initI18n, localStorageManager, reducersManager, store, studyAPI, useAuthTokenCheck, userAPI };
 //# sourceMappingURL=index.es.js.map