@influenzanet/case-web-app-core 2.8.8-staging → 2.9.0-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;
@@ -22730,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) {
@@ -28888,8 +28894,13 @@ var ContentRenderer = function (props) {
             return null;
         }
         var itemConfig = item.config;
-        var currentExtensionComponent = props.extensions.filter(function (ext) { return ext.name === itemConfig.config.type; });
+        if (!itemConfig || !itemConfig.componentName) {
+            console.warn("Extension item config is invalid: ".concat(JSON.stringify(item)));
+            return null;
+        }
+        var currentExtensionComponent = props.extensions.filter(function (ext) { return ext.name === itemConfig.componentName; });
         if (!currentExtensionComponent || currentExtensionComponent.length < 1) {
+            console.warn("No extension found with name: ".concat(itemConfig.componentName));
             return null;
         }
         var Component = currentExtensionComponent[0].component;
@@ -34547,6 +34558,31 @@ var InternalNavigator = function (props) {
     return null;
 };
 
+var PhoneVerificationBanner = function () {
+    var t = useTranslation().t;
+    var isAuth = useIsAuthenticated();
+    var history = useHistory();
+    var currentUser = useSelector(function (state) { return state.user.currentUser; });
+    // Early returns for safety
+    if (!isAuth || !currentUser) {
+        return null;
+    }
+    // Safely check for contactInfos
+    if (!currentUser.contactInfos || !Array.isArray(currentUser.contactInfos)) {
+        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('phoneVerification.title') }, void 0), ' ', t('phoneVerification.message')] }), 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('phoneVerification.button') }), void 0) }), void 0)] }), void 0) }), void 0) }), void 0));
+};
+
 var coreReduxActions = {
     appActions: appActions,
     dialogActions: dialogActions,
@@ -34558,5 +34594,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