@sheerid/jslib-nightly 2.104.0-alpha.1 → 2.105.0-alpha.0

package/chunk/index-C7nYtBX_.js

@@ -0,0 +1,172 @@
+
+/**
+ *   VERSION: 2.105.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746202200333
+ *   BUILD_DATE: Fri May 02 2025 16:10:00 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 5e00bc964fbbb4f7f7b152a375026d6591cd1564
+ */
+import { h as R, z as t, R as P, j as s, w as T, P as k, x as z, Y as q, Z as B, _ as O, u as n, y as w, B as L, E as H, a as j, e as K, $ as W, a0 as A, H as J, J as Y, M as Z, K as _, f as $, V as G, N as Q, m as U } from "../sheerid.js";
+const X = ({ verificationService: e }) => {
+  var p, b, u, h, C, i, x, M, g, I, N;
+  const o = e.viewModel, { fieldValidationErrors: d } = e, r = e.verificationResponse, E = R(r), y = Q(), m = (p = t("memberId")) == null ? void 0 : p.requireIfOptional, F = o.localeChoice.value, l = (a, f) => {
+    const V = U(
+      o,
+      (D) => {
+        D[a] = f;
+      }
+    );
+    e.updateViewModel(V);
+  };
+  return P.useEffect(() => {
+    m ? e.updateViewModel({ fieldsToSkipValidation: [] }, { partial: !0 }) : e.updateViewModel(
+      { fieldsToSkipValidation: ["memberId"] },
+      { partial: !0 }
+    );
+  }, [m]), /* @__PURE__ */ s.jsxs(
+    T,
+    {
+      verificationService: e,
+      step: r.currentStep,
+      children: [
+        /* @__PURE__ */ s.jsx(
+          k,
+          {
+            verificationService: e,
+            classNameIdentifier: "member-personal-info"
+          }
+        ),
+        /* @__PURE__ */ s.jsx(z, { verificationService: e }),
+        /* @__PURE__ */ s.jsx(
+          q,
+          {
+            verificationService: e,
+            disabled: (b = t("country")) == null ? void 0 : b.disabled
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          B,
+          {
+            value: e.viewModel.organization,
+            verificationService: e,
+            isErrored: !!d.organization,
+            disabled: (u = t("organization")) == null ? void 0 : u.disabled,
+            onChange: (a) => {
+              O(a, e), n("organization", a, e);
+            }
+          }
+        ),
+        /* @__PURE__ */ s.jsxs("div", { className: "sid-names", children: [
+          /* @__PURE__ */ s.jsx(
+            w,
+            {
+              value: o.firstName,
+              isErrored: !!d.firstName,
+              disabled: (h = t("firstName")) == null ? void 0 : h.disabled,
+              onChange: (a) => {
+                l("firstName", a), n("firstName", a, e);
+              }
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            L,
+            {
+              value: o.lastName,
+              isErrored: !!d.lastName,
+              disabled: (C = t("lastName")) == null ? void 0 : C.disabled,
+              onChange: (a) => {
+                l("lastName", a), n("lastName", a, e);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s.jsx(
+          H,
+          {
+            value: o.email,
+            isErrored: !!d.email,
+            explanation: /* @__PURE__ */ s.jsx(j, { id: "emailExplanation", defaultMessage: " " }),
+            onChange: (a) => {
+              l("email", a), n("email", a, e);
+            },
+            onKeyDown: (a) => K(a),
+            disabled: (i = t("email")) == null ? void 0 : i.disabled
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          W,
+          {
+            errorId: d.birthDate,
+            locale: F,
+            isRequired: (x = t("birthDate")) == null ? void 0 : x.requireIfOptional,
+            onChange: (a) => {
+              l("birthDate", a), n("birthDate", a, e);
+            },
+            value: o.birthDate,
+            disabled: (M = t("birthDate")) == null ? void 0 : M.disabled
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          A,
+          {
+            value: o.memberId,
+            isErrored: !!d.memberId,
+            isRequired: m,
+            disabled: (g = t("memberId")) == null ? void 0 : g.disabled,
+            onChange: (a) => {
+              l("memberId", a), n("memberId", a, e);
+            }
+          }
+        ),
+        e.programTheme.isSmsNotifierConfigured || e.programTheme.smsLoopEnabled ? /* @__PURE__ */ s.jsx(
+          J,
+          {
+            isRequired: !!e.programTheme.smsLoopEnabled,
+            value: o.phoneNumber,
+            isErrored: !!d.phoneNumber,
+            onChange: (a) => {
+              l("phoneNumber", a), n("phoneNumber", a, e);
+            },
+            selectedCountryCode: o.countryChoice && o.countryChoice.value,
+            disabled: (I = t("phoneNumber")) == null ? void 0 : I.disabled
+          }
+        ) : null,
+        y.customFormFields.map((a) => /* @__PURE__ */ s.jsx(Y, { config: a, verificationService: e })),
+        /* @__PURE__ */ s.jsx(
+          Z,
+          {
+            verificationService: e,
+            isErrored: !!d.marketConsentValue,
+            onChange: (a) => {
+              l("metadata", {
+                ...e.viewModel.metadata,
+                marketConsentValue: a
+              }), n("marketConsentValue", a, e);
+            },
+            viewModel: o,
+            disabled: (N = t("marketConsentValue")) == null ? void 0 : N.disabled
+          }
+        ),
+        /* @__PURE__ */ s.jsx(_, { verificationService: e, suffix: "CollectAboveSubmit" }),
+        /* @__PURE__ */ s.jsx(
+          $,
+          {
+            step: G.collectMemberPersonalInfo,
+            verificationService: e,
+            viewModel: o,
+            failedInstantMatch: E,
+            buttonText: /* @__PURE__ */ s.jsx(
+              j,
+              {
+                id: "step.personalInfo.submitButtonText",
+                defaultMessage: "Verify My Membership Status"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, c = X;
+export {
+  c as default
+};

package/chunk/index-C7nYtBX_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C7nYtBX_.js","sources":["../../src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  VerificationService,\n  Organization,\n  MemberPersonalInfoViewModel,\n  MemberPersonalInfoResponse,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MembershipOrganizationComponent } from \"../FormFields/MembershipOrganization/MembershipOrganizationComponent\";\nimport { MarketConsentWrapperComponent } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepMemberPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nconst StepMemberPersonalInfo = ({ verificationService }: StepMemberPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MemberPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MemberPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n  const isMemberIdRequired = getFieldConfigByFieldId(\"memberId\")?.requireIfOptional;\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMemberViewModel = (key: keyof MemberPersonalInfoViewModel, value: any) => {\n    const nextState: MemberPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: MemberPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  React.useEffect(() => {\n    if (!isMemberIdRequired) {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [\"memberId\"] },\n        { partial: true },\n      );\n    } else {\n      verificationService.updateViewModel({ fieldsToSkipValidation: [] }, { partial: true });\n    }\n  }, [isMemberIdRequired]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"member-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <MembershipOrganizationComponent\n        value={(verificationService.viewModel as MemberPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        isRequired={getFieldConfigByFieldId(\"birthDate\")?.requireIfOptional}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n\n      <MemberId\n        value={viewModel.memberId}\n        isErrored={!!fieldValidationErrors.memberId}\n        isRequired={isMemberIdRequired}\n        disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"memberId\", newValue);\n          updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n        }}\n      />\n\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n\n      <MarketConsentWrapperComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMemberPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Membership Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMemberPersonalInfoComponent = StepMemberPersonalInfo;\n"],"names":["StepMemberPersonalInfo","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","options","getOptions","isMemberIdRequired","_a","getFieldConfigByFieldId","locale","updateMemberViewModel","key","value","nextState","produce","draft","React","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_b","MembershipOrganizationComponent","_c","choice","updateViewModelOrganization","updateFieldValidationErrorsByFieldId","FirstName","_d","newValue","LastName","_e","Email","FormattedHTMLMessage","event","handleEmailOnKeyDown","_f","BirthDate","_g","_h","MemberId","_i","PhoneNumber","_j","config","FormFieldCustom","MarketConsentWrapperComponent","_k","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepMemberPersonalInfoComponent"],"mappings":"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"}

package/chunk/{index-BtYzUCrC.js → index-CCUi9Uhw.js}

@@ -4,12 +4,12 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.104.0-alpha.1
- *   BUILD_TIMESTAMP: 1746128043861
- *   BUILD_DATE: Thu May 01 2025 19:34:03 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: a18837a69c59275ce314d94cf6208e53b6620598
+ *   VERSION: 2.105.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746202258802
+ *   BUILD_DATE: Fri May 02 2025 16:10:58 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 5e00bc964fbbb4f7f7b152a375026d6591cd1564
  */
-import { i as S, R as l, c, j as e, A as R, a as t, N as E, k as V, l as w, V as y, q as k } from "../_mysheerid-preview.js";
+import { i as S, R as l, d as c, j as e, A as R, a as t, W as E, m as V, l as w, V as y, t as k } from "../_mysheerid-preview.js";
 const I = ({ intl: i, verificationService: s }) => {
   const o = s.viewModel, d = s.verificationResponse, M = !!s.fieldValidationErrors.smsCode, n = s.previousViewModel || void 0, [u, m] = l.useState(""), [p, g] = l.useState(
     d.errorIds && d.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")
@@ -32,18 +32,18 @@ const I = ({ intl: i, verificationService: s }) => {
     ...s.fieldValidationErrors,
     smsCode: d.errorIds[0]
   });
-  const N = (r) => {
+  const j = (r) => {
     const a = V(o, (b) => {
       b.smsCode = r, b.phoneNumber = n && n.phoneNumber;
     });
     s.updateViewModel(a);
-  }, j = () => {
+  }, C = () => {
     w.info("StepSMSLoop submitting form"), s.submitStep(
       y.smsLoop,
       o,
       s.verificationResponse
     );
-  }, C = async (r) => {
+  }, N = async (r) => {
     const a = await k.getResendNewSmsCode(r);
     a ? (g(!1), m(a.status === 204 ? h : f)) : m(L);
   };
@@ -75,7 +75,7 @@ const I = ({ intl: i, verificationService: s }) => {
     /* @__PURE__ */ e.jsx("div", { className: "sid-sms-code-id-wrapper sid-l-horz-center", children: /* @__PURE__ */ e.jsx(
       E,
       {
-        onChange: N,
+        onChange: j,
         value: o.smsCode,
         isErrored: M,
         errorId: s.fieldValidationErrors.smsCode
@@ -87,7 +87,7 @@ const I = ({ intl: i, verificationService: s }) => {
         "button",
         {
           id: "sid-submit-sms-code",
-          onClick: j,
+          onClick: C,
           type: "button",
           className: "sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue",
           "aria-label": "submit",
@@ -100,7 +100,7 @@ const I = ({ intl: i, verificationService: s }) => {
         "button",
         {
           id: "sid-resend-sms-code",
-          onClick: () => C(d.verificationId),
+          onClick: () => N(d.verificationId),
           type: "submit",
           className: "sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel",
           "aria-label": "re-send",

package/chunk/{index-qAxcloBs.js.map → index-CCUi9Uhw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-qAxcloBs.js","sources":["../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n  VerificationService,\n  StudentPersonalInfoViewModel,\n  SMSLoopResponse,\n  SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\n\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\n\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n  const viewModel = verificationService.viewModel as SMSLoopViewModel;\n  const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n  const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n  const previousViewModel =\n    (verificationService.previousViewModel as StudentPersonalInfoViewModel) || undefined;\n\n  const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n  const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n    verificationResponse.errorIds &&\n      verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n  );\n\n  const stepSuccessMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.successResend\",\n    defaultMessage: \"SMS message re-sent successfully\",\n  });\n  const maxTotalRetriesMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const errorResendingSMSMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.resend\",\n    defaultMessage: \"Error sending the SMS message\",\n  });\n\n  React.useEffect(() => {\n    if (isAttemptLimitExceeded) {\n      setStepResultMessage(maxRetriesPerCodeMessage);\n    }\n  }, []);\n\n  if (\n    getSafe(() => verificationResponse.errorIds.length) &&\n    !verificationService.fieldValidationErrors.smsCode\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...verificationService.fieldValidationErrors,\n      smsCode: verificationResponse.errorIds[0],\n    });\n  }\n\n  const updateSmsCode = (value) => {\n    const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n      draft.smsCode = value;\n      draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n    });\n    verificationService.updateViewModel(nextState);\n  };\n\n  const submitForm = () => {\n    logger.info(\"StepSMSLoop submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.smsLoop,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  const resendSmsCode = async (verificationId) => {\n    const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n    if (response) {\n      setAttemptLimitExceeded(false);\n      setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n    } else {\n      setStepResultMessage(errorResendingSMSMessage);\n    }\n  };\n\n  return (\n    <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.verificationCode\"\n          defaultMessage=\"Verification Code\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {getSafe(() => previousViewModel.phoneNumber) ? (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithNumber\"\n            defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n            values={{\n              number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n            }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithoutNumber\"\n            defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n        <SMSCodeComponent\n          onChange={updateSmsCode}\n          value={viewModel.smsCode}\n          isErrored={isErrored}\n          errorId={verificationService.fieldValidationErrors.smsCode}\n        />\n      </div>\n\n      {stepResultMessage && (\n        <div>\n          <p>{stepResultMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n        <button\n          id=\"sid-submit-sms-code\"\n          onClick={submitForm}\n          type=\"button\"\n          className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n          aria-label=\"submit\"\n          disabled={\n            !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n          }\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n        </button>\n\n        <div className=\"sid-l-space-left-sm\">&nbsp;</div>\n\n        <button\n          id=\"sid-resend-sms-code\"\n          onClick={() => resendSmsCode(verificationResponse.verificationId)}\n          type=\"submit\"\n          className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n          aria-label=\"re-send\"\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n        </button>\n      </div>\n\n      <div className=\"sid-incorrect-number sid-l-horz-center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n          defaultMessage=\"Incorrect number? Click\"\n        />\n        &nbsp;\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n            defaultMessage=\"here\"\n          />\n          &nbsp;\n        </button>\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n              defaultMessage=\"to return to {companyName}\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"names":["StepSMSLoop","intl","verificationService","viewModel","verificationResponse","isErrored","previousViewModel","stepResultMessage","setStepResultMessage","React","isAttemptLimitExceeded","setAttemptLimitExceeded","stepSuccessMessage","maxTotalRetriesMessage","maxRetriesPerCodeMessage","errorResendingSMSMessage","getSafe","updateSmsCode","value","nextState","produce","draft","submitForm","logger","VerificationStepsEnum","resendSmsCode","verificationId","response","VerificationApiClient","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","SMSCodeComponent","companyName","StepSMSLoopComponent","injectIntl"],"mappings":";AAwBA,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,qBAAAC,QAA4C;AACvE,QAAMC,IAAYD,EAAoB,WAChCE,IAAuBF,EAAoB,sBAC3CG,IAAY,EAAQH,EAAoB,sBAAsB,SAC9DI,IACHJ,EAAoB,qBAAsD,QAEvE,CAACK,GAAmBC,CAAoB,IAAIC,EAAM,SAAS,EAAE,GAC7D,CAACC,GAAwBC,CAAuB,IAAIF,EAAM;AAAA,IAC9DL,EAAqB,YACnBA,EAAqB,SAAS,SAAS,sCAAsC;AAAA,EACjF,GAEMQ,IAAqBX,EAAK,kBAAkB;AAAA,IAChD,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB,GACKY,IAAyBZ,EAAK,kBAAkB;AAAA,IACpD,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB,GACKa,IAA2Bb,EAAK,kBAAkB;AAAA,IACtD,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB,GACKc,IAA2Bd,EAAK,kBAAkB;AAAA,IACtD,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB;AAED,EAAAQ,EAAM,UAAU,MAAM;AACpB,IAAIC,KACFF,EAAqBM,CAAwB;AAAA,EAEjD,GAAG,EAAE,GAGHE,EAAQ,MAAMZ,EAAqB,SAAS,MAAM,KAClD,CAACF,EAAoB,sBAAsB,WAE3CA,EAAoB,4BAA4B;AAAA,IAC9C,GAAGA,EAAoB;AAAA,IACvB,SAASE,EAAqB,SAAS,CAAC;AAAA,EAAA,CACzC;AAGG,QAAAa,IAAgB,CAACC,MAAU;AAC/B,UAAMC,IAA8BC,EAAQjB,GAAW,CAACkB,MAA4B;AAClF,MAAAA,EAAM,UAAUH,GACVG,EAAA,cAAcf,KAAqBA,EAAkB;AAAA,IAAA,CAC5D;AACD,IAAAJ,EAAoB,gBAAgBiB,CAAS;AAAA,EAC/C,GAEMG,IAAa,MAAM;AACvB,IAAAC,EAAO,KAAK,6BAA6B,GACrBrB,EAAA;AAAA,MAClBsB,EAAsB;AAAA,MACtBrB;AAAA,MACAD,EAAoB;AAAA,IACtB;AAAA,EACF,GAEMuB,IAAgB,OAAOC,MAAmB;AAC9C,UAAMC,IAAW,MAAMC,EAAsB,oBAAoBF,CAAc;AAC/E,IAAIC,KACFhB,EAAwB,EAAK,GAC7BH,EAAqBmB,EAAS,WAAW,MAAMf,IAAqBC,CAAsB,KAE1FL,EAAqBO,CAAwB;AAAA,EAEjD;AAEA,SACGc,gBAAAA,EAAAA,KAAA,OAAA,EAAI,IAAG,qBAAoB,WAAU,0CACpC,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAAC,GAAA,EAAiB,OAAM,UACtB,UAAAD,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,gBAAe;AAAA,QACf,SAAQ;AAAA,MAAA;AAAA,IAAA,GAEZ;AAAA,IAEAF,gBAAAA,MAAC,SAAI,WAAU,wBACZ,YAAQ,MAAMxB,EAAkB,WAAW,IAC1CwB,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,gBAAe;AAAA,QACf,QAAQ;AAAA,UACN,QAAQhB,EAAQ,MAAMV,EAAkB,YAAY,MAAM,EAAE,GAAG,EAAE;AAAA,QAAA;AAAA,MACnE;AAAA,IAAA,IAGFwB,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,gBAAe;AAAA,MAAA;AAAA,IAAA,GAGrB;AAAA,IAEAF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,6CACb,UAAAA,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAUhB;AAAA,QACV,OAAOd,EAAU;AAAA,QACjB,WAAAE;AAAA,QACA,SAASH,EAAoB,sBAAsB;AAAA,MAAA;AAAA,IAAA,GAEvD;AAAA,IAECK,KACEuB,gBAAAA,EAAA,IAAA,OAAA,EACC,UAACA,gBAAAA,EAAAA,IAAA,KAAA,EAAG,YAAkB,CAAA,GACxB;AAAA,IAGFD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uEACb,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SAASR;AAAA,UACT,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAW;AAAA,UACX,UACE,CAAC,EAAE,CAACnB,EAAU,WAAWA,EAAU,QAAQ,UAAU,KAAKO;AAAA,UAG5D,UAACoB,gBAAAA,EAAA,IAAAE,GAAA,EAAqB,IAAG,6BAA4B,gBAAe,SAAS,CAAA;AAAA,QAAA;AAAA,MAC/E;AAAA,MAECF,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,uBAAsB,UAAM,KAAA;AAAA,MAE3CA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SAAS,MAAML,EAAcrB,EAAqB,cAAc;AAAA,UAChE,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAW;AAAA,UAEX,UAAC0B,gBAAAA,EAAA,IAAAE,GAAA,EAAqB,IAAG,6BAA4B,gBAAe,UAAU,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAChF,GACF;AAAA,IAEAH,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,0CACb,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MAAE;AAAA,MAEFH,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,OAAO,SAAS,OAAO;AAAA,UACtC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAC,gBAAAA,EAAA;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,gBAAe;AAAA,cAAA;AAAA,YACjB;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,4BACCA,GAAqB,EAAA,IAAG,eAAc,gBAAe,aACnD,WAACE,MACAJ,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,gBAAe;AAAA,UACf,QAAQ,EAAE,aAAAE,EAAY;AAAA,QAAA;AAAA,MAAA,EAG5B,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ,GAEaC,IAAuBC,EAAWpC,CAAW;"}
+{"version":3,"file":"index-CCUi9Uhw.js","sources":["../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n  VerificationService,\n  StudentPersonalInfoViewModel,\n  SMSLoopResponse,\n  SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\n\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\n\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n  const viewModel = verificationService.viewModel as SMSLoopViewModel;\n  const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n  const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n  const previousViewModel =\n    (verificationService.previousViewModel as StudentPersonalInfoViewModel) || undefined;\n\n  const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n  const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n    verificationResponse.errorIds &&\n      verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n  );\n\n  const stepSuccessMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.successResend\",\n    defaultMessage: \"SMS message re-sent successfully\",\n  });\n  const maxTotalRetriesMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const errorResendingSMSMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.resend\",\n    defaultMessage: \"Error sending the SMS message\",\n  });\n\n  React.useEffect(() => {\n    if (isAttemptLimitExceeded) {\n      setStepResultMessage(maxRetriesPerCodeMessage);\n    }\n  }, []);\n\n  if (\n    getSafe(() => verificationResponse.errorIds.length) &&\n    !verificationService.fieldValidationErrors.smsCode\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...verificationService.fieldValidationErrors,\n      smsCode: verificationResponse.errorIds[0],\n    });\n  }\n\n  const updateSmsCode = (value) => {\n    const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n      draft.smsCode = value;\n      draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n    });\n    verificationService.updateViewModel(nextState);\n  };\n\n  const submitForm = () => {\n    logger.info(\"StepSMSLoop submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.smsLoop,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  const resendSmsCode = async (verificationId) => {\n    const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n    if (response) {\n      setAttemptLimitExceeded(false);\n      setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n    } else {\n      setStepResultMessage(errorResendingSMSMessage);\n    }\n  };\n\n  return (\n    <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.verificationCode\"\n          defaultMessage=\"Verification Code\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {getSafe(() => previousViewModel.phoneNumber) ? (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithNumber\"\n            defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n            values={{\n              number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n            }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithoutNumber\"\n            defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n        <SMSCodeComponent\n          onChange={updateSmsCode}\n          value={viewModel.smsCode}\n          isErrored={isErrored}\n          errorId={verificationService.fieldValidationErrors.smsCode}\n        />\n      </div>\n\n      {stepResultMessage && (\n        <div>\n          <p>{stepResultMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n        <button\n          id=\"sid-submit-sms-code\"\n          onClick={submitForm}\n          type=\"button\"\n          className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n          aria-label=\"submit\"\n          disabled={\n            !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n          }\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n        </button>\n\n        <div className=\"sid-l-space-left-sm\">&nbsp;</div>\n\n        <button\n          id=\"sid-resend-sms-code\"\n          onClick={() => resendSmsCode(verificationResponse.verificationId)}\n          type=\"submit\"\n          className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n          aria-label=\"re-send\"\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n        </button>\n      </div>\n\n      <div className=\"sid-incorrect-number sid-l-horz-center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n          defaultMessage=\"Incorrect number? Click\"\n        />\n        &nbsp;\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n            defaultMessage=\"here\"\n          />\n          &nbsp;\n        </button>\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n              defaultMessage=\"to return to {companyName}\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"names":["StepSMSLoop","intl","verificationService","viewModel","verificationResponse","isErrored","previousViewModel","stepResultMessage","setStepResultMessage","React","isAttemptLimitExceeded","setAttemptLimitExceeded","stepSuccessMessage","maxTotalRetriesMessage","maxRetriesPerCodeMessage","errorResendingSMSMessage","getSafe","updateSmsCode","value","nextState","produce","draft","submitForm","logger","VerificationStepsEnum","resendSmsCode","verificationId","response","VerificationApiClient","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","SMSCodeComponent","companyName","StepSMSLoopComponent","injectIntl"],"mappings":"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"}