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

package/chunk/{index-BhkJfnda.js.map → index-DJReh58z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BhkJfnda.js","sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\n\ntype Props = {\n  useSsn: () => void;\n  useDocUpload: () => void;\n  verificationService: any;\n};\n\nconst Step = ({ useSsn, useDocUpload, verificationService }: Props) => (\n  <div id=\"sid-ssn-choice\" className=\"sid-ssn-choice-container sid-l-container sid-l-horz-center\">\n    <div role=\"main\">\n      <div className=\"sid-header\">\n        <div className=\"sid-ssn-choice-logo-container sid-l-horz-center\">\n          <LogoComponent verificationService={verificationService} />\n        </div>\n        <div className=\"sid-header__title sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.collectSocialSecurityNumber.selectOption\"\n            defaultMessage=\"Select an option\"\n            tagName=\"h1\"\n          />\n        </div>\n      </div>\n\n      <div className=\"sid-ssn-choice__choice1 sid-l-space-top-lg\">\n        <button\n          type=\"button\"\n          onClick={useSsn}\n          className=\"sid-btn sid-ssn-choice-one-btn sid-btn--light sid-l-full-width sid-use-ssn\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.collectSocialSecurityNumber.useSsn\"\n            defaultMessage=\"Verify using your social security number\"\n          />\n        </button>\n      </div>\n\n      <div className=\"sid-ssn-choice__choice2 sid-l-space-top-md\">\n        <button\n          type=\"button\"\n          onClick={useDocUpload}\n          className=\"sid-btn sid-ssn-choice-two-btn sid-btn--light sid-l-full-width sid-use-doc-upload\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.collectSocialSecurityNumber.uploadDoc\"\n            defaultMessage=\"Upload a document\"\n          />\n        </button>\n      </div>\n    </div>\n    <div className=\"sid-ssn-choice__footer sid-l-space-top-lg\">\n      <FormFooter verificationService={verificationService} />\n    </div>\n  </div>\n);\n\nexport const SsnChoice = Step;\n","import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { VerificationService, SocialSecurityViewModel } from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { SocialSecurityNumber } from \"../FormFields/SSN/SSN\";\nimport { SsnChoice } from \"./SsnChoice\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSocialSecurityNumberProps {\n  verificationService: VerificationService;\n}\n\nconst Step = ({ verificationService }: StepSocialSecurityNumberProps) => {\n  const [showChoice, setShowChoice] = React.useState(true);\n  const viewModel = verificationService.viewModel as SocialSecurityViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const doCancelStep = () =>\n    verificationService.submitStep(\n      VerificationStepsEnum.cancelSocialSecurityNumber,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n\n  const updateSSNViewModel = (key: keyof SocialSecurityViewModel, value: any) => {\n    const nextState: SocialSecurityViewModel = produce(\n      viewModel,\n      (draft: SocialSecurityViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const isSubmittable =\n    viewModel.socialSecurityNumber && viewModel.socialSecurityNumber.toString().length === 9;\n\n  if (showChoice) {\n    return (\n      <SsnChoice\n        useSsn={() => setShowChoice(false)}\n        useDocUpload={doCancelStep}\n        verificationService={verificationService}\n      />\n    );\n  }\n\n  return (\n    <div\n      id=\"sid-step-social-security\"\n      className=\"sid-social-sercurity-number-container sid-l-container sid-l-horz-center\"\n    >\n      <div role=\"main\">\n        <div className=\"sid-header\">\n          <div className=\"sid-social-security-number-logo-container sid-l-horz-center\">\n            <LogoComponent verificationService={verificationService} />\n          </div>\n          <AnnouncingHeader align=\"center\">\n            <FormattedHTMLMessage\n              id=\"step.collectSocialSecurityNumber.title\"\n              defaultMessage=\"Enter your social security number\"\n              tagName=\"h1\"\n            />\n          </AnnouncingHeader>\n\n          <ChangeLocaleV2Component verificationService={verificationService} />\n\n          <div className=\"sid-ssn-wrapper\">\n            <SocialSecurityNumber\n              value={viewModel.socialSecurityNumber}\n              onChange={(value: string) => {\n                updateSSNViewModel(\"socialSecurityNumber\", value);\n                updateFieldValidationErrorsByFieldId(\n                  \"socialSecurityNumber\",\n                  value,\n                  verificationService,\n                );\n              }}\n              isErrored={!!fieldValidationErrors[FieldIdEnum.socialSecurityNumber]}\n              placeholder=\"000-00-0000\"\n            />\n          </div>\n        </div>\n\n        <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n          <div className=\"sid-social-security-number-submit sid-submit\">\n            <button\n              id=\"sid-submit-wrapper__collect-info\"\n              onClick={() =>\n                submitForm(\n                  viewModel,\n                  verificationService,\n                  VerificationStepsEnum.collectSocialSecurityNumber,\n                )\n              }\n              type=\"submit\"\n              className={`sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${\n                isSubmittable ? \"\" : \"sid-btn--disabled-like\"\n              }`}\n              aria-label=\"submit\"\n              ref={(button) => setRef(\"submitButton\", button)}\n            >\n              <FormattedHTMLMessage id=\"proceed\" defaultMessage=\"Proceed\" />\n            </button>\n          </div>\n        </div>\n\n        <div\n          className=\"sid-form-region sid-social-security-number-upload-instead-btn sid-l-space-top-md\"\n          role=\"button\"\n          tabIndex={0}\n          onKeyUp={doCancelStep}\n          onClick={doCancelStep}\n        >\n          <div className=\"sid-social-security-number-upload-instead-text sid-h-link-like\">\n            <FormattedHTMLMessage\n              id=\"step.collectSocialSecurityNumber.uploadInstead\"\n              defaultMessage=\"Upload a document instead\"\n            />\n          </div>\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n\n// TODO remove injectIntl, it's not used\nexport const StepSocialSecurityNumber = injectIntl(Step);\n"],"names":["Step","useSsn","useDocUpload","verificationService","jsxs","jsx","LogoComponent","FormattedHTMLMessage","FormFooter","SsnChoice","showChoice","setShowChoice","React","viewModel","fieldValidationErrors","doCancelStep","VerificationStepsEnum","updateSSNViewModel","key","value","nextState","produce","draft","isSubmittable","AnnouncingHeader","ChangeLocaleV2Component","SocialSecurityNumber","updateFieldValidationErrorsByFieldId","FieldIdEnum","submitForm","button","setRef","StepSocialSecurityNumber","injectIntl"],"mappings":"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"}
+{"version":3,"file":"index-DJReh58z.js","sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\n\ntype Props = {\n  useSsn: () => void;\n  useDocUpload: () => void;\n  verificationService: any;\n};\n\nconst Step = ({ useSsn, useDocUpload, verificationService }: Props) => (\n  <div id=\"sid-ssn-choice\" className=\"sid-ssn-choice-container sid-l-container sid-l-horz-center\">\n    <div role=\"main\">\n      <div className=\"sid-header\">\n        <div className=\"sid-ssn-choice-logo-container sid-l-horz-center\">\n          <LogoComponent verificationService={verificationService} />\n        </div>\n        <div className=\"sid-header__title sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.collectSocialSecurityNumber.selectOption\"\n            defaultMessage=\"Select an option\"\n            tagName=\"h1\"\n          />\n        </div>\n      </div>\n\n      <div className=\"sid-ssn-choice__choice1 sid-l-space-top-lg\">\n        <button\n          type=\"button\"\n          onClick={useSsn}\n          className=\"sid-btn sid-ssn-choice-one-btn sid-btn--light sid-l-full-width sid-use-ssn\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.collectSocialSecurityNumber.useSsn\"\n            defaultMessage=\"Verify using your social security number\"\n          />\n        </button>\n      </div>\n\n      <div className=\"sid-ssn-choice__choice2 sid-l-space-top-md\">\n        <button\n          type=\"button\"\n          onClick={useDocUpload}\n          className=\"sid-btn sid-ssn-choice-two-btn sid-btn--light sid-l-full-width sid-use-doc-upload\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.collectSocialSecurityNumber.uploadDoc\"\n            defaultMessage=\"Upload a document\"\n          />\n        </button>\n      </div>\n    </div>\n    <div className=\"sid-ssn-choice__footer sid-l-space-top-lg\">\n      <FormFooter verificationService={verificationService} />\n    </div>\n  </div>\n);\n\nexport const SsnChoice = Step;\n","import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { VerificationService, SocialSecurityViewModel } from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { SocialSecurityNumber } from \"../FormFields/SSN/SSN\";\nimport { SsnChoice } from \"./SsnChoice\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSocialSecurityNumberProps {\n  verificationService: VerificationService;\n}\n\nconst Step = ({ verificationService }: StepSocialSecurityNumberProps) => {\n  const [showChoice, setShowChoice] = React.useState(true);\n  const viewModel = verificationService.viewModel as SocialSecurityViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const doCancelStep = () =>\n    verificationService.submitStep(\n      VerificationStepsEnum.cancelSocialSecurityNumber,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n\n  const updateSSNViewModel = (key: keyof SocialSecurityViewModel, value: any) => {\n    const nextState: SocialSecurityViewModel = produce(\n      viewModel,\n      (draft: SocialSecurityViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const isSubmittable =\n    viewModel.socialSecurityNumber && viewModel.socialSecurityNumber.toString().length === 9;\n\n  if (showChoice) {\n    return (\n      <SsnChoice\n        useSsn={() => setShowChoice(false)}\n        useDocUpload={doCancelStep}\n        verificationService={verificationService}\n      />\n    );\n  }\n\n  return (\n    <div\n      id=\"sid-step-social-security\"\n      className=\"sid-social-sercurity-number-container sid-l-container sid-l-horz-center\"\n    >\n      <div role=\"main\">\n        <div className=\"sid-header\">\n          <div className=\"sid-social-security-number-logo-container sid-l-horz-center\">\n            <LogoComponent verificationService={verificationService} />\n          </div>\n          <AnnouncingHeader align=\"center\">\n            <FormattedHTMLMessage\n              id=\"step.collectSocialSecurityNumber.title\"\n              defaultMessage=\"Enter your social security number\"\n              tagName=\"h1\"\n            />\n          </AnnouncingHeader>\n\n          <ChangeLocaleV2Component verificationService={verificationService} />\n\n          <div className=\"sid-ssn-wrapper\">\n            <SocialSecurityNumber\n              value={viewModel.socialSecurityNumber}\n              onChange={(value: string) => {\n                updateSSNViewModel(\"socialSecurityNumber\", value);\n                updateFieldValidationErrorsByFieldId(\n                  \"socialSecurityNumber\",\n                  value,\n                  verificationService,\n                );\n              }}\n              isErrored={!!fieldValidationErrors[FieldIdEnum.socialSecurityNumber]}\n              placeholder=\"000-00-0000\"\n            />\n          </div>\n        </div>\n\n        <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n          <div className=\"sid-social-security-number-submit sid-submit\">\n            <button\n              id=\"sid-submit-wrapper__collect-info\"\n              onClick={() =>\n                submitForm(\n                  viewModel,\n                  verificationService,\n                  VerificationStepsEnum.collectSocialSecurityNumber,\n                )\n              }\n              type=\"submit\"\n              className={`sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${\n                isSubmittable ? \"\" : \"sid-btn--disabled-like\"\n              }`}\n              aria-label=\"submit\"\n              ref={(button) => setRef(\"submitButton\", button)}\n            >\n              <FormattedHTMLMessage id=\"proceed\" defaultMessage=\"Proceed\" />\n            </button>\n          </div>\n        </div>\n\n        <div\n          className=\"sid-form-region sid-social-security-number-upload-instead-btn sid-l-space-top-md\"\n          role=\"button\"\n          tabIndex={0}\n          onKeyUp={doCancelStep}\n          onClick={doCancelStep}\n        >\n          <div className=\"sid-social-security-number-upload-instead-text sid-h-link-like\">\n            <FormattedHTMLMessage\n              id=\"step.collectSocialSecurityNumber.uploadInstead\"\n              defaultMessage=\"Upload a document instead\"\n            />\n          </div>\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n\n// TODO remove injectIntl, it's not used\nexport const StepSocialSecurityNumber = injectIntl(Step);\n"],"names":["Step","useSsn","useDocUpload","verificationService","jsxs","jsx","LogoComponent","FormattedHTMLMessage","FormFooter","SsnChoice","showChoice","setShowChoice","React","viewModel","fieldValidationErrors","doCancelStep","VerificationStepsEnum","updateSSNViewModel","key","value","nextState","produce","draft","isSubmittable","AnnouncingHeader","ChangeLocaleV2Component","SocialSecurityNumber","updateFieldValidationErrorsByFieldId","FieldIdEnum","submitForm","button","setRef","StepSocialSecurityNumber","injectIntl"],"mappings":"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"}

package/chunk/{index-DWjrZunN.js → index-DPLvpl1z.js}

@@ -1,12 +1,12 @@
 
 /**
- *   VERSION: 2.103.0-alpha.1
- *   BUILD_TIMESTAMP: 1746113249549
- *   BUILD_DATE: Thu May 01 2025 15:27:29 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d965970f2cd2a5e2e0ec472faaa3d106de7ca01e
+ *   VERSION: 2.104.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746122030388
+ *   BUILD_DATE: Thu May 01 2025 17:53:50 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 11de903d86267c3dbd7e05948a323fa12b63d0ec
  */
-import { j as s, L as c, a, A as p, O as g, K as u, V as d, f as x, u as j, l as b, k as h, i as E } from "../sheerid.js";
-import { EmailLoopPendingComponent as f } from "./EmailLoopPending-Cp3dQjbH.js";
+import { j as s, o as c, b as a, A as p, X as u, T as g, V as d, m as x, u as b, l as j, w as h, i as E } from "../sheerid.js";
+import { EmailLoopPendingComponent as f } from "./EmailLoopPending-D-O7IRrU.js";
 const L = ({
   verificationService: e
 }) => {
@@ -14,13 +14,13 @@ const L = ({
   const i = e.viewModel, o = e.fieldValidationErrors, n = (((t = e.verificationResponse) == null ? void 0 : t.errorIds) || []).includes(
     "invalidEmail"
   ), r = (l) => {
-    e.updateViewModel({ ...i, organizationEmail: l }), j(
+    e.updateViewModel({ ...i, organizationEmail: l }), b(
       "organizationEmail",
       l,
       e
     );
   }, m = async () => {
-    b.info("StepEmailLoopComponent submitting form after skipping email loop");
+    j.info("StepEmailLoopComponent submitting form after skipping email loop");
     const l = h(i, () => {
     });
     return e.submitStep(
@@ -65,7 +65,7 @@ const L = ({
       ] }),
       /* @__PURE__ */ s.jsxs("div", { className: "sid-form-region sid-email-submit sid-submit-wrapper sid-l-space-top-md", children: [
         /* @__PURE__ */ s.jsx(
-          g,
+          u,
           {
             fieldId: "emailOverride",
             value: i.organizationEmail,
@@ -93,7 +93,7 @@ const L = ({
             id: "sid-submit-btn-sso",
             type: "submit",
             disabled: !!o.organizationEmail,
-            onClick: () => u(
+            onClick: () => g(
               i,
               e,
               d.emailLoopCollectOrganizationEmail

package/chunk/{index-4APDQFqJ.js.map → index-DPLvpl1z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-4APDQFqJ.js","sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport produce from \"immer\";\n\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { FormFieldText } from \"../FormFields/FormFieldText/FormFieldText\";\nimport {\n  updateFieldValidationErrorsByFieldId,\n  submitForm,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n  EmailLoopCollectOrganizationEmailViewModel,\n  VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nexport const EmailLoopCollectOrganizationEmail = ({\n  verificationService,\n}: {\n  verificationService: VerificationService;\n}) => {\n  const viewModel = verificationService.viewModel as EmailLoopCollectOrganizationEmailViewModel;\n  const fieldValidationErrors = verificationService.fieldValidationErrors;\n  const isInvalidOrgEmail = (verificationService.verificationResponse?.errorIds || []).includes(\n    \"invalidEmail\",\n  );\n\n  const setEmailValue = (organizationEmail: string) => {\n    verificationService.updateViewModel({ ...viewModel, organizationEmail });\n    updateFieldValidationErrorsByFieldId(\n      \"organizationEmail\",\n      organizationEmail,\n      verificationService,\n    );\n  };\n\n  const cancelEmailLoop = async () => {\n    logger.info(\"StepEmailLoopComponent submitting form after skipping email loop\");\n    const nextState = produce(viewModel, () => {});\n    return verificationService.submitStep(\n      VerificationStepsEnum.cancelEmailLoop,\n      nextState,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <>\n      <div className=\"sid-header sid-l-horz-center\">\n        <div role=\"main\">\n          <div className=\"sid-sso-logo-container sid-l-horz-center\">\n            <LogoComponent\n              verificationService={verificationService}\n              fallbackLogo={\n                <img\n                  className=\"sid-sso-logo-default sid-l-lead-image\"\n                  alt=\"\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg\"\n                />\n              }\n            />\n          </div>\n          <div className=\"sid-preheader-label sid-l-space-top-md\">\n            <span className=\"sid-h-label\">\n              <FormattedHTMLMessage id=\"instant\" defaultMessage=\"Instant\" />\n            </span>\n          </div>\n          <AnnouncingHeader align=\"center\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.title\"\n              defaultMessage=\"Verify using your work email address\"\n              tagName=\"h1\"\n            />\n          </AnnouncingHeader>\n          <div className=\"sid-header__subtitle-one\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.subtitle\"\n              defaultMessage=\"Enter the email address provided by your employer and we'll send you a verification link\"\n            />\n          </div>\n        </div>\n\n        <div className=\"sid-form-region sid-email-submit sid-submit-wrapper sid-l-space-top-md\">\n          <FormFieldText\n            fieldId=\"emailOverride\"\n            value={viewModel.organizationEmail}\n            onChange={setEmailValue}\n            placeholder=\"\"\n            label={\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.label\"\n                defaultMessage=\"Work email address\"\n              />\n            }\n            errorMessage={\n              (isInvalidOrgEmail && (\n                <FormattedHTMLMessage\n                  id=\"step.emailLoop.errors.invalidEmail\"\n                  defaultMessage=\"This email address is not valid for instant verification. Please use an email address provided by your employer or upload documentation below.\"\n                />\n              )) ||\n              (fieldValidationErrors.organizationEmail && (\n                <FormattedHTMLMessage id=\"emailIds.invalidEmail\" defaultMessage=\"Invalid email\" />\n              ))\n            }\n          />\n          <div className=\"sid-l-space-top-sm\">\n            <button\n              id=\"sid-submit-btn-sso\"\n              type=\"submit\"\n              disabled={!!fieldValidationErrors.organizationEmail}\n              onClick={() =>\n                submitForm(\n                  viewModel,\n                  verificationService,\n                  VerificationStepsEnum.emailLoopCollectOrganizationEmail,\n                )\n              }\n              className=\"sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width \"\n              aria-label=\"submit\"\n            >\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.send\"\n                defaultMessage=\"Send Email\"\n              />\n            </button>\n          </div>\n\n          <div className=\"sid-form-region sid-l-space-top-lg sid-l-horz-center\">\n            <div className=\"sid-header__subtitle-two sid-h-bold-text\">\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.alternative\"\n                defaultMessage=\"Unable to access a work email address?\"\n              />\n            </div>\n            <div className=\"sid-form-region sid-l-space-btm-sm sid-l-space-top-sm\">\n              <FormattedHTMLMessage\n                id=\"step.sso.alternative\"\n                defaultMessage=\"You can also verify by uploading proof of eligibility\"\n              />\n            </div>\n            <div className=\"sid-l-space-top-sm\">\n              <button\n                onClick={cancelEmailLoop}\n                className=\"sid-h-btn-link-like sid-link sid-h-bold-text\"\n                type=\"button\"\n              >\n                <FormattedHTMLMessage\n                  id=\"step.sso.cancel\"\n                  defaultMessage=\"Upload Proof of Enrollment\"\n                />\n              </button>\n            </div>\n          </div>\n\n          <div className=\"sid-l-space-top-lg\" />\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </>\n  );\n};\n","import React from \"react\";\nimport { injectIntl, InjectedIntl } from \"react-intl\";\n\nimport { EmailLoopResponse, VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport { EmailLoopPendingComponent } from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  // eslint-disable-next-line react/no-unused-prop-types -- this prop type is reused in the sub components\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoop = ({ verificationService }: StepEmailLoopComponentProps) => {\n  const isCollectOrgEmailState =\n    (verificationService.verificationResponse as EmailLoopResponse).currentState ===\n    \"collectOrganizationEmail\";\n  return (\n    <div id=\"sid-step-email-loop\" className=\"sid-step-email-loop-container sid-l-container\">\n      {isCollectOrgEmailState ? (\n        <EmailLoopCollectOrganizationEmail verificationService={verificationService} />\n      ) : (\n        <EmailLoopPendingComponent verificationService={verificationService} />\n      )}\n    </div>\n  );\n};\n\nexport const StepEmailLoopComponent = injectIntl(StepEmailLoop);\n"],"names":["EmailLoopCollectOrganizationEmail","verificationService","viewModel","fieldValidationErrors","isInvalidOrgEmail","_a","setEmailValue","organizationEmail","updateFieldValidationErrorsByFieldId","cancelEmailLoop","logger","nextState","produce","VerificationStepsEnum","jsxs","Fragment","jsx","LogoComponent","FormattedHTMLMessage","AnnouncingHeader","FormFieldText","submitForm","FormFooter","StepEmailLoop","isCollectOrgEmailState","EmailLoopPendingComponent","StepEmailLoopComponent","injectIntl"],"mappings":"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"}
+{"version":3,"file":"index-DPLvpl1z.js","sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport produce from \"immer\";\n\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { FormFieldText } from \"../FormFields/FormFieldText/FormFieldText\";\nimport {\n  updateFieldValidationErrorsByFieldId,\n  submitForm,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n  EmailLoopCollectOrganizationEmailViewModel,\n  VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nexport const EmailLoopCollectOrganizationEmail = ({\n  verificationService,\n}: {\n  verificationService: VerificationService;\n}) => {\n  const viewModel = verificationService.viewModel as EmailLoopCollectOrganizationEmailViewModel;\n  const fieldValidationErrors = verificationService.fieldValidationErrors;\n  const isInvalidOrgEmail = (verificationService.verificationResponse?.errorIds || []).includes(\n    \"invalidEmail\",\n  );\n\n  const setEmailValue = (organizationEmail: string) => {\n    verificationService.updateViewModel({ ...viewModel, organizationEmail });\n    updateFieldValidationErrorsByFieldId(\n      \"organizationEmail\",\n      organizationEmail,\n      verificationService,\n    );\n  };\n\n  const cancelEmailLoop = async () => {\n    logger.info(\"StepEmailLoopComponent submitting form after skipping email loop\");\n    const nextState = produce(viewModel, () => {});\n    return verificationService.submitStep(\n      VerificationStepsEnum.cancelEmailLoop,\n      nextState,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <>\n      <div className=\"sid-header sid-l-horz-center\">\n        <div role=\"main\">\n          <div className=\"sid-sso-logo-container sid-l-horz-center\">\n            <LogoComponent\n              verificationService={verificationService}\n              fallbackLogo={\n                <img\n                  className=\"sid-sso-logo-default sid-l-lead-image\"\n                  alt=\"\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg\"\n                />\n              }\n            />\n          </div>\n          <div className=\"sid-preheader-label sid-l-space-top-md\">\n            <span className=\"sid-h-label\">\n              <FormattedHTMLMessage id=\"instant\" defaultMessage=\"Instant\" />\n            </span>\n          </div>\n          <AnnouncingHeader align=\"center\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.title\"\n              defaultMessage=\"Verify using your work email address\"\n              tagName=\"h1\"\n            />\n          </AnnouncingHeader>\n          <div className=\"sid-header__subtitle-one\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.subtitle\"\n              defaultMessage=\"Enter the email address provided by your employer and we'll send you a verification link\"\n            />\n          </div>\n        </div>\n\n        <div className=\"sid-form-region sid-email-submit sid-submit-wrapper sid-l-space-top-md\">\n          <FormFieldText\n            fieldId=\"emailOverride\"\n            value={viewModel.organizationEmail}\n            onChange={setEmailValue}\n            placeholder=\"\"\n            label={\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.label\"\n                defaultMessage=\"Work email address\"\n              />\n            }\n            errorMessage={\n              (isInvalidOrgEmail && (\n                <FormattedHTMLMessage\n                  id=\"step.emailLoop.errors.invalidEmail\"\n                  defaultMessage=\"This email address is not valid for instant verification. Please use an email address provided by your employer or upload documentation below.\"\n                />\n              )) ||\n              (fieldValidationErrors.organizationEmail && (\n                <FormattedHTMLMessage id=\"emailIds.invalidEmail\" defaultMessage=\"Invalid email\" />\n              ))\n            }\n          />\n          <div className=\"sid-l-space-top-sm\">\n            <button\n              id=\"sid-submit-btn-sso\"\n              type=\"submit\"\n              disabled={!!fieldValidationErrors.organizationEmail}\n              onClick={() =>\n                submitForm(\n                  viewModel,\n                  verificationService,\n                  VerificationStepsEnum.emailLoopCollectOrganizationEmail,\n                )\n              }\n              className=\"sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width \"\n              aria-label=\"submit\"\n            >\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.send\"\n                defaultMessage=\"Send Email\"\n              />\n            </button>\n          </div>\n\n          <div className=\"sid-form-region sid-l-space-top-lg sid-l-horz-center\">\n            <div className=\"sid-header__subtitle-two sid-h-bold-text\">\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.alternative\"\n                defaultMessage=\"Unable to access a work email address?\"\n              />\n            </div>\n            <div className=\"sid-form-region sid-l-space-btm-sm sid-l-space-top-sm\">\n              <FormattedHTMLMessage\n                id=\"step.sso.alternative\"\n                defaultMessage=\"You can also verify by uploading proof of eligibility\"\n              />\n            </div>\n            <div className=\"sid-l-space-top-sm\">\n              <button\n                onClick={cancelEmailLoop}\n                className=\"sid-h-btn-link-like sid-link sid-h-bold-text\"\n                type=\"button\"\n              >\n                <FormattedHTMLMessage\n                  id=\"step.sso.cancel\"\n                  defaultMessage=\"Upload Proof of Enrollment\"\n                />\n              </button>\n            </div>\n          </div>\n\n          <div className=\"sid-l-space-top-lg\" />\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </>\n  );\n};\n","import React from \"react\";\nimport { injectIntl, InjectedIntl } from \"react-intl\";\n\nimport { EmailLoopResponse, VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport { EmailLoopPendingComponent } from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  // eslint-disable-next-line react/no-unused-prop-types -- this prop type is reused in the sub components\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoop = ({ verificationService }: StepEmailLoopComponentProps) => {\n  const isCollectOrgEmailState =\n    (verificationService.verificationResponse as EmailLoopResponse).currentState ===\n    \"collectOrganizationEmail\";\n  return (\n    <div id=\"sid-step-email-loop\" className=\"sid-step-email-loop-container sid-l-container\">\n      {isCollectOrgEmailState ? (\n        <EmailLoopCollectOrganizationEmail verificationService={verificationService} />\n      ) : (\n        <EmailLoopPendingComponent verificationService={verificationService} />\n      )}\n    </div>\n  );\n};\n\nexport const StepEmailLoopComponent = injectIntl(StepEmailLoop);\n"],"names":["EmailLoopCollectOrganizationEmail","verificationService","viewModel","fieldValidationErrors","isInvalidOrgEmail","_a","setEmailValue","organizationEmail","updateFieldValidationErrorsByFieldId","cancelEmailLoop","logger","nextState","produce","VerificationStepsEnum","jsxs","Fragment","jsx","LogoComponent","FormattedHTMLMessage","AnnouncingHeader","FormFieldText","submitForm","FormFooter","StepEmailLoop","isCollectOrgEmailState","EmailLoopPendingComponent","StepEmailLoopComponent","injectIntl"],"mappings":"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"}