@sheerid/jslib 1.76.0 → 1.77.0

package/sheerides6.js

@@ -1388,6 +1388,7 @@ const getProgramThemeUrl = (programId, locale = null) => {
 const getAddSchoolRequestUrl = () => `${getOptions().restApi.serviceUrl}rest/v2/organization/addSchool/`;
 const getNewSmsCodeResendUrl = (verificationId) => `${getOptions().restApi.serviceUrl}rest/v2/verification/${verificationId}/step/smsLoop/retry`;
 const getNewEmailCodeResendUrl = (verificationId) => `${getOptions().restApi.serviceUrl}rest/v2/verification/${verificationId}/step/emailLoop/retry`;
+const getFieldsToCollectUrl = (verificationId, stepName) => `${getOptions().restApi.serviceUrl}rest/v2/verification/${verificationId}/${stepName}/fields`;
 /**
  * Get the version that was actually used
  * Comes from the contents of sheerid.js. The build process adds it there.
@@ -2184,6 +2185,16 @@ var enUSMessages = {
 	"defaultMessages.states.WY": "Wyoming",
 	"defaultMessages.status": "Status",
 	"defaultMessages.statusPlaceholder": "Status*",
+	"defaultMessages.step.collectMedicalPersonalInfo.autorisationsIdExplanation": "Your Professional Membership Registration Number",
+	"defaultMessages.step.collectMedicalPersonalInfo.autorisationsIdLabel": "Registration Number",
+	"defaultMessages.step.collectMedicalPersonalInfo.gbrNummerExplanation": "Your Professional Membership Registration Number",
+	"defaultMessages.step.collectMedicalPersonalInfo.gbrNummerLabel": "Registration Number",
+	"defaultMessages.step.collectMedicalPersonalInfo.globalLocationNumberExplanation": "Your Professional Membership Registration Number",
+	"defaultMessages.step.collectMedicalPersonalInfo.globalLocationNumberLabel": "Global Location Number",
+	"defaultMessages.step.collectMedicalPersonalInfo.numeroColegiadoExplanation": "Your Professional Membership Registration Number",
+	"defaultMessages.step.collectMedicalPersonalInfo.numeroColegiadoLabel": "Registration Number",
+	"defaultMessages.step.collectMedicalPersonalInfo.registrationNumberExplanation": "Your Professional Membership Registration Number",
+	"defaultMessages.step.collectMedicalPersonalInfo.registrationNumberLabel": "Registration Number",
 	"defaultMessages.step.collectSocialSecurityNumber.selectOption": "Select an option",
 	"defaultMessages.step.collectSocialSecurityNumber.title": "Enter your social security number",
 	"defaultMessages.step.collectSocialSecurityNumber.uploadDoc": "Upload a document",
@@ -2586,118 +2597,118 @@ const getMessagesModuleByLocale = async (locale) => {
     /* tslint:disable:space-in-parens */
     switch (locale) {
         case 'ar':
-            localizedMessages = await import(/* webpackChunkName: "messages_ar" */ './es6/ar-e6ec86da.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_ar" */ './es6/ar-8068dab6.es.js').then(m => m.default);
             break;
         case 'bg':
-            localizedMessages = await import(/* webpackChunkName: "messages_bg" */ './es6/bg-9c0e6568.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_bg" */ './es6/bg-44287e7c.es.js').then(m => m.default);
             break;
         case 'cs':
-            localizedMessages = await import(/* webpackChunkName: "messages_cs" */ './es6/cs-d21a395a.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_cs" */ './es6/cs-d8b4c497.es.js').then(m => m.default);
             break;
         case 'da':
-            localizedMessages = await import(/* webpackChunkName: "messages_da" */ './es6/da-e318a1c8.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_da" */ './es6/da-54c14896.es.js').then(m => m.default);
             break;
         case 'de':
-            localizedMessages = await import(/* webpackChunkName: "messages_de" */ './es6/de-0cbcd2b3.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_de" */ './es6/de-3e6806c8.es.js').then(m => m.default);
             break;
         case 'el':
-            localizedMessages = await import(/* webpackChunkName: "messages_el" */ './es6/el-4eff17b7.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_el" */ './es6/el-3935c4d5.es.js').then(m => m.default);
             break;
         case 'en-GB':
-            localizedMessages = await import(/* webpackChunkName: "messages_en-GB" */ './es6/en-GB-c8953113.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_en-GB" */ './es6/en-GB-0536c588.es.js').then(m => m.default);
             break;
         case 'en-US':
             localizedMessages = enUSMessages;
             break;
         case 'es-ES':
-            localizedMessages = await import(/* webpackChunkName: "messages_es-ES" */ './es6/es-ES-29dc9b50.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_es-ES" */ './es6/es-ES-eca6a76e.es.js').then(m => m.default);
             break;
         case 'es':
-            localizedMessages = await import(/* webpackChunkName: "messages_es" */ './es6/es-5b7f617a.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_es" */ './es6/es-32e5991a.es.js').then(m => m.default);
             break;
         case 'fi':
-            localizedMessages = await import(/* webpackChunkName: "messages_fi" */ './es6/fi-fc08d170.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_fi" */ './es6/fi-aed748d2.es.js').then(m => m.default);
             break;
         case 'fr-CA':
-            localizedMessages = await import(/* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-c38f7e90.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_fr-CA" */ './es6/fr-CA-472c60e5.es.js').then(m => m.default);
             break;
         case 'fr':
-            localizedMessages = await import(/* webpackChunkName: "messages_fr" */ './es6/fr-f5b89ccb.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_fr" */ './es6/fr-d27beb6f.es.js').then(m => m.default);
             break;
         case 'ga':
-            localizedMessages = await import(/* webpackChunkName: "messages_ga" */ './es6/ga-bf99dbe3.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_ga" */ './es6/ga-cd739108.es.js').then(m => m.default);
             break;
         case 'hr':
-            localizedMessages = await import(/* webpackChunkName: "messages_hr" */ './es6/hr-8a5599ec.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_hr" */ './es6/hr-4b6390b1.es.js').then(m => m.default);
             break;
         case 'hu':
-            localizedMessages = await import(/* webpackChunkName: "messages_hu" */ './es6/hu-3f65ca64.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_hu" */ './es6/hu-68666ba3.es.js').then(m => m.default);
             break;
         case 'id':
-            localizedMessages = await import(/* webpackChunkName: "messages_id" */ './es6/id-8d33f152.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_id" */ './es6/id-d4d36e25.es.js').then(m => m.default);
             break;
         case 'it':
-            localizedMessages = await import(/* webpackChunkName: "messages_it" */ './es6/it-a087a752.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_it" */ './es6/it-f810af3d.es.js').then(m => m.default);
             break;
         case 'iw':
-            localizedMessages = await import(/* webpackChunkName: "messages_iw" */ './es6/iw-7e1c6b49.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_iw" */ './es6/iw-a58ab227.es.js').then(m => m.default);
             break;
         case 'ja':
-            localizedMessages = await import(/* webpackChunkName: "messages_ja" */ './es6/ja-a8ed9a1c.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_ja" */ './es6/ja-76983559.es.js').then(m => m.default);
             break;
         case 'ko':
-            localizedMessages = await import(/* webpackChunkName: "messages_ko" */ './es6/ko-5c34e070.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_ko" */ './es6/ko-b358da91.es.js').then(m => m.default);
             break;
         case 'lo':
-            localizedMessages = await import(/* webpackChunkName: "messages_lo" */ './es6/lo-3c534c29.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_lo" */ './es6/lo-008d2746.es.js').then(m => m.default);
             break;
         case 'lt':
-            localizedMessages = await import(/* webpackChunkName: "messages_lt" */ './es6/lt-ac97bbe9.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_lt" */ './es6/lt-9b3b251d.es.js').then(m => m.default);
             break;
         case 'ms':
-            localizedMessages = await import(/* webpackChunkName: "messages_ms" */ './es6/ms-d62e8717.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_ms" */ './es6/ms-89220c51.es.js').then(m => m.default);
             break;
         case 'nl':
-            localizedMessages = await import(/* webpackChunkName: "messages_nl" */ './es6/nl-55082fbb.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_nl" */ './es6/nl-a4ac7600.es.js').then(m => m.default);
             break;
         case 'no':
-            localizedMessages = await import(/* webpackChunkName: "messages_no" */ './es6/no-b646f55b.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_no" */ './es6/no-c0b1b17b.es.js').then(m => m.default);
             break;
         case 'pl':
-            localizedMessages = await import(/* webpackChunkName: "messages_pl" */ './es6/pl-851571dd.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_pl" */ './es6/pl-7c70bce1.es.js').then(m => m.default);
             break;
         case 'pt-BR':
-            localizedMessages = await import(/* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-b68d60d4.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_pt-BR" */ './es6/pt-BR-2bb50756.es.js').then(m => m.default);
             break;
         case 'pt':
-            localizedMessages = await import(/* webpackChunkName: "messages_pt" */ './es6/pt-9fc6bdc7.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_pt" */ './es6/pt-81a3a2fc.es.js').then(m => m.default);
             break;
         case 'ru':
-            localizedMessages = await import(/* webpackChunkName: "messages_ru" */ './es6/ru-3eff9e24.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_ru" */ './es6/ru-0377bbb3.es.js').then(m => m.default);
             break;
         case 'sk':
-            localizedMessages = await import(/* webpackChunkName: "messages_sk" */ './es6/sk-a781678e.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_sk" */ './es6/sk-4d0782cc.es.js').then(m => m.default);
             break;
         case 'sl':
-            localizedMessages = await import(/* webpackChunkName: "messages_sl" */ './es6/sl-eac159a8.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_sl" */ './es6/sl-429f4d1d.es.js').then(m => m.default);
             break;
         case 'sr':
-            localizedMessages = await import(/* webpackChunkName: "messages_sr" */ './es6/sr-acc9b830.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_sr" */ './es6/sr-13739cb8.es.js').then(m => m.default);
             break;
         case 'sv':
-            localizedMessages = await import(/* webpackChunkName: "messages_sv" */ './es6/sv-b7d38fd8.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_sv" */ './es6/sv-0a0fdfc4.es.js').then(m => m.default);
             break;
         case 'th':
-            localizedMessages = await import(/* webpackChunkName: "messages_th" */ './es6/th-5efeba1a.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_th" */ './es6/th-b8359b99.es.js').then(m => m.default);
             break;
         case 'tr':
-            localizedMessages = await import(/* webpackChunkName: "messages_tr" */ './es6/tr-cc99aee4.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_tr" */ './es6/tr-8be3ee98.es.js').then(m => m.default);
             break;
         case 'zh-HK':
-            localizedMessages = await import(/* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-b09afa9d.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_zh-HK" */ './es6/zh-HK-0f5a762e.es.js').then(m => m.default);
             break;
         case 'zh':
-            localizedMessages = await import(/* webpackChunkName: "messages_zh" */ './es6/zh-c6b652aa.es.js').then(m => m.default);
+            localizedMessages = await import(/* webpackChunkName: "messages_zh" */ './es6/zh-24ea267c.es.js').then(m => m.default);
             break;
         default:
             logger.warn(`getMessagesModuleByLocale: Unable to load messages for ${locale}, falling back to en-US`);
@@ -3232,6 +3243,7 @@ const medicalProfessionalPInfoReqEmpty = {
     status: undefined,
     country: undefined,
     metadata: { marketConsentValue: false },
+    memberId: undefined,
 };
 const employmentPInfoReqEmpty = {
     ...coreFieldsEmpty,
@@ -11127,6 +11139,7 @@ const medicalProfessionalViewModelToRequest = (viewModel) => ({
     locale: viewModel.localeChoice.value,
     metadata: viewModel.metadata,
     country: viewModel.countryChoice ? viewModel.countryChoice.value : undefined,
+    memberId: viewModel.memberId,
 });
 const employmentViewModelToRequest = (viewModel) => ({
     firstName: viewModel.firstName,
@@ -11295,6 +11308,20 @@ async function submitStep(stepName, previousResponse, viewModel) {
     }
     return Promise.reject(new Error(`Unknown step ${stepName}`));
 }
+/**
+ * EXPERIMENTAL - Check which fields are required and optional for a given view model
+ */
+async function getFieldsToCollect(verificationId, step, viewModel) {
+    if (VerificationStepsEnum[step]) {
+        const requestBody = stepToRequest[step](viewModel);
+        const response = await PostJson(getFieldsToCollectUrl(verificationId, step), requestBody);
+        if (response.currentStep === 'error') {
+            Promise.reject(new Error(`Failed to determine fields to collect: ${response}`));
+        }
+        return response;
+    }
+    return Promise.reject(new Error(`Unknown step ${step}`));
+}
 const VerificationApiClient = {
     fetchNewVerificationRequest,
     fetchExistingVerificationRequest,
@@ -16745,7 +16772,7 @@ const StepTeacherPersonalInfo = ({ intl, verificationService }) => {
 };
 const StepTeacherPersonalInfoComponent = injectIntl(StepTeacherPersonalInfo);
 
-const MemberId = ({ value, isErrored, onChange, explanation, intl, placeholder = '', isRequired = false, }) => {
+const MemberId = ({ value, isErrored, onChange, explanation, intl, placeholder = '', isRequired = false, label, }) => {
     const getDefaultExplanation = () => (!isRequired
         ? (React.createElement(FormattedHTMLMessage, { id: "optional", defaultMessage: "Optional" }))
         : '');
@@ -16753,8 +16780,7 @@ const MemberId = ({ value, isErrored, onChange, explanation, intl, placeholder =
         React.createElement("div", { className: "sid-l-space-top-md" }),
         React.createElement("label", { htmlFor: "sid-member-id" },
             React.createElement("div", { className: `sid-field__label-with-explanation sid-l-space-btm-sm ${placeholder ? 'sid-h-screen-reader-only' : ''}` },
-                React.createElement("div", { className: `sid-field__label${isRequired ? ' sid-field__label--required' : ''} ` },
-                    React.createElement(FormattedHTMLMessage, { id: "memberId", defaultMessage: "ID Number" })),
+                React.createElement("div", { className: `sid-field__label${isRequired ? ' sid-field__label--required' : ''} ` }, label || (React.createElement(FormattedHTMLMessage, { id: "memberId", defaultMessage: "ID Number" }))),
                 React.createElement("div", { className: "sid-field__label-explanation" }, explanation || getDefaultExplanation()))),
         React.createElement(InputTextComponent, { id: "member-id", isErrored: isErrored, onChange: e => onChange(e.target.value), placeholder: placeholder || intl.formatMessage({ id: 'memberIdPlaceholder', defaultMessage: 'ID Number*' }), refId: "memberId", value: value }),
         isErrored ? (React.createElement("div", { className: "sid-field-error" },
@@ -17394,11 +17420,21 @@ const MedicalProfessionalOrganizationComponent = injectIntl(MedicalProfessionalO
 /**
  * TODO - preamble
  */
+const memberIdMessageKeysByCountry = {
+    AT: 'gbrNummer',
+    ES: 'numeroColegiado',
+    DK: 'autorisationsId',
+    CH: 'globalLocationNumber',
+    IE: 'registrationNumber',
+    GB: 'registrationNumber',
+};
 const StepMedicalProfessionalPersonalInfo = ({ intl, verificationService }) => {
     const viewModel = verificationService.viewModel;
     const { fieldValidationErrors } = verificationService;
     const verificationResponse = verificationService.verificationResponse;
     const failedInstantMatch = hasFailedInstantMatch(verificationResponse);
+    const [memberIdMessageKeys, setMemberIdMessageKeys] = React.useState(undefined);
+    const [showMemberId, setShowMemberId] = React.useState(false);
     const getStatusLabel = (status) => {
         if (!status) {
             return '';
@@ -17426,6 +17462,27 @@ const StepMedicalProfessionalPersonalInfo = ({ intl, verificationService }) => {
             setFocus('organization');
         }
     };
+    React.useEffect(() => {
+        (async () => {
+            if (viewModel.country && viewModel.status) {
+                try {
+                    const collectFieldsResponse = await getFieldsToCollect(verificationResponse.verificationId, verificationResponse.currentStep, viewModel);
+                    const optionalFields = getSafe(() => collectFieldsResponse.fieldsToCollect.optional, []);
+                    setShowMemberId(optionalFields.some((field) => field.key === 'memberId'));
+                }
+                catch (error) {
+                    logger.error(`Failed to determine fields to collect: ${error}`);
+                }
+            }
+            const memberIdFieldType = memberIdMessageKeysByCountry[viewModel.country] ? memberIdMessageKeysByCountry[viewModel.country] : 'registrationNumber';
+            if (memberIdFieldType) {
+                setMemberIdMessageKeys({
+                    labelKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Label`,
+                    explanationKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Explanation`,
+                });
+            }
+        })();
+    }, [viewModel.country, viewModel.status]);
     return (React.createElement("div", { id: "sid-step-active-medical-professional-personal-info", className: "sid-l-container" },
         failedInstantMatch
             ? (React.createElement("div", { className: "sid-header" },
@@ -17487,6 +17544,10 @@ const StepMedicalProfessionalPersonalInfo = ({ intl, verificationService }) => {
                     updateFieldValidationErrorsByFieldId('phoneNumber', newValue, verificationService);
                 } }))
             : null,
+        showMemberId && (React.createElement(MemberIdComponent, { value: viewModel.memberId, isErrored: !!fieldValidationErrors.memberId, isRequired: false, onChange: (newValue) => {
+                updateMedicalProfessionalViewModel('memberId', newValue);
+                updateFieldValidationErrorsByFieldId('memberId', newValue, verificationService);
+            }, explanation: memberIdMessageKeys && (React.createElement(FormattedHTMLMessage, { id: memberIdMessageKeys.explanationKey, defaultMessage: "Your Professional Membership Registration Number" })), label: memberIdMessageKeys && (React.createElement(FormattedHTMLMessage, { id: memberIdMessageKeys.labelKey, defaultMessage: "Registration Number" })) })),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateMedicalProfessionalViewModel('metadata', { ...verificationService.viewModel.metadata, marketConsentValue: newValue });
                 updateFieldValidationErrorsByFieldId('marketConsentValue', newValue, verificationService);