@sheerid/jslib 2.300.0 → 2.302.0

package/chunk/{StepSocialSecurityNumber-CDmrKavT.js.map → StepSocialSecurityNumber-M3Y3uz1m.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepSocialSecurityNumber-CDmrKavT.js","names":[],"sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\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 } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { type VerificationService, type 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 { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nimport { SsnChoice } from \"./SsnChoice\";\n\ninterface StepSocialSecurityNumberProps {\n  verificationService: VerificationService;\n}\n\nexport const StepSocialSecurityNumber = ({\n  verificationService,\n}: 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"],"mappings":";;;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICYa,KAA4B,EACvC,6BACmC;CACnC,IAAM,CAAC,GAAY,KAAA,EAAuB,SAAS,EAAI,GACjD,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,UACJ,EAAoB,WAClB,EAAsB,4BACtB,GACA,EAAoB,oBACtB,GAEI,KAAsB,GAAoC,MAAe;EAC7E,IAAM,IAAqC,EACzC,IACC,MAAmC;GAClC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C,GAEM,IACJ,EAAU,wBAAwB,EAAU,qBAAqB,SAAS,EAAE,WAAW;CAYzF,OAVI,IAEA,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,cAAc,EAAc,EAAK;EACjC,cAAc;EACO;CACtB,CAAA,IAKH,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAkB,OAAM;iBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACe,CAAA;MAElB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8C,uBAAsB,CAAA;MAEpE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,OAAO,EAAU;QACjB,WAAW,MAAkB;SAE3B,AADA,EAAmB,wBAAwB,CAAK,GAChD,EACE,wBACA,GACA,CACF;QACF;QACA,WAAW,CAAC,CAAC,EAAsB,EAAY;QAC/C,aAAY;OACb,CAAA;MACE,CAAA;KACF;;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eACE,EACE,GACA,GACA,EAAsB,2BACxB;OAEF,MAAK;OACL,WAAW,gFACT,IAAgB,KAAK;OAEvB,cAAW;OACX,MAAM,MAAW,EAAO,gBAAgB,CAAM;iBAE9C,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAU,gBAAe;OAAW,CAAA;MACvD,CAAA;KACL,CAAA;IACF,CAAA;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,UAAU;KACV,SAAS;KACT,SAAS;eAET,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACE,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}
+{"version":3,"file":"StepSocialSecurityNumber-M3Y3uz1m.js","names":[],"sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\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 } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { type VerificationService, type 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 { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nimport { SsnChoice } from \"./SsnChoice\";\n\ninterface StepSocialSecurityNumberProps {\n  verificationService: VerificationService;\n}\n\nexport const StepSocialSecurityNumber = ({\n  verificationService,\n}: 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"],"mappings":";;;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICYa,KAA4B,EACvC,6BACmC;CACnC,IAAM,CAAC,GAAY,KAAA,EAAuB,SAAS,EAAI,GACjD,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,UACJ,EAAoB,WAClB,EAAsB,4BACtB,GACA,EAAoB,oBACtB,GAEI,KAAsB,GAAoC,MAAe;EAC7E,IAAM,IAAqC,EACzC,IACC,MAAmC;GAClC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C,GAEM,IACJ,EAAU,wBAAwB,EAAU,qBAAqB,SAAS,EAAE,WAAW;CAYzF,OAVI,IAEA,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,cAAc,EAAc,EAAK;EACjC,cAAc;EACO;CACtB,CAAA,IAKH,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAkB,OAAM;iBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACe,CAAA;MAElB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8C,uBAAsB,CAAA;MAEpE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,OAAO,EAAU;QACjB,WAAW,MAAkB;SAE3B,AADA,EAAmB,wBAAwB,CAAK,GAChD,EACE,wBACA,GACA,CACF;QACF;QACA,WAAW,CAAC,CAAC,EAAsB,EAAY;QAC/C,aAAY;OACb,CAAA;MACE,CAAA;KACF;;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eACE,EACE,GACA,GACA,EAAsB,2BACxB;OAEF,MAAK;OACL,WAAW,gFACT,IAAgB,KAAK;OAEvB,cAAW;OACX,MAAM,MAAW,EAAO,gBAAgB,CAAM;iBAE9C,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAU,gBAAe;OAAW,CAAA;MACvD,CAAA;KACL,CAAA;IACF,CAAA;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,UAAU;KACV,SAAS;KACT,SAAS;eAET,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACE,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}

package/chunk/{StepSocialSecurityNumber-_ZgW1bFX.js → StepSocialSecurityNumber-vJlvhLo0.js}

@@ -1,20 +1,20 @@
 
 /**
- *   VERSION: 2.300.0
- *   BUILD_TIMESTAMP: 1791404643634
- *   BUILD_DATE: Wed Oct 07 2026 20:24:03 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 956ad24e05dc9f1fd176abe35ee4f07339d5af3c
+ *   VERSION: 2.302.0
+ *   BUILD_TIMESTAMP: 1792086972223
+ *   BUILD_DATE: Thu Oct 15 2026 17:56:12 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: b3bf133f0f248c0208a604166d5a7ad4ab45501c
  */
 import { c as e, kt as t } from "./options-DsRV5fwh.js";
 import { n, s as r, t as i } from "./jsx-runtime-DQO6A867.js";
 import { b as a, t as o } from "./runtimeTypes-B2AGNJMT.js";
-import { t as s } from "./FormFooterComponent-BrYSzs1B.js";
+import { t as s } from "./FormFooterComponent-wJK9dVmZ.js";
 import { o as c } from "./refs-Mq0rtW9K.js";
-import { t as l } from "./LogoComponent-BFselU-U.js";
+import { t as l } from "./LogoComponent-CkyIDoTb.js";
 import { t as u } from "./AnnouncingHeader-zH7WLU2-.js";
-import { d, l as f } from "./stepComponentHelpers-CDj3don1.js";
-import { t as p } from "./ChangeLocaleComponent-CSVg0Nnn.js";
-import { t as m } from "./SSN-2_hOM_R3.js";
+import { d, l as f } from "./stepComponentHelpers-D_F4GOcs.js";
+import { t as p } from "./ChangeLocaleComponent-DY3mTZmW.js";
+import { t as m } from "./SSN-CAWgb0lT.js";
 //#region src/components/StepSocialSecurityNumber/SsnChoice.tsx
 var h = /* @__PURE__ */ t(r(), 1), g = i(), _ = ({ useSsn: e, useDocUpload: t, verificationService: r }) => /* @__PURE__ */ (0, g.jsxs)("div", {
 	id: "sid-ssn-choice",

package/chunk/{StepSocialSecurityNumber-_ZgW1bFX.js.map → StepSocialSecurityNumber-vJlvhLo0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepSocialSecurityNumber-_ZgW1bFX.js","names":[],"sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\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 } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { type VerificationService, type 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 { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nimport { SsnChoice } from \"./SsnChoice\";\n\ninterface StepSocialSecurityNumberProps {\n  verificationService: VerificationService;\n}\n\nexport const StepSocialSecurityNumber = ({\n  verificationService,\n}: 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"],"mappings":";;;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICYa,KAA4B,EACvC,6BACmC;CACnC,IAAM,CAAC,GAAY,KAAA,EAAuB,SAAS,EAAI,GACjD,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,UACJ,EAAoB,WAClB,EAAsB,4BACtB,GACA,EAAoB,oBACtB,GAEI,KAAsB,GAAoC,MAAe;EAC7E,IAAM,IAAqC,EACzC,IACC,MAAmC;GAClC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C,GAEM,IACJ,EAAU,wBAAwB,EAAU,qBAAqB,SAAS,EAAE,WAAW;CAYzF,OAVI,IAEA,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,cAAc,EAAc,EAAK;EACjC,cAAc;EACO;CACtB,CAAA,IAKH,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAkB,OAAM;iBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACe,CAAA;MAElB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8C,uBAAsB,CAAA;MAEpE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,OAAO,EAAU;QACjB,WAAW,MAAkB;SAE3B,AADA,EAAmB,wBAAwB,CAAK,GAChD,EACE,wBACA,GACA,CACF;QACF;QACA,WAAW,CAAC,CAAC,EAAsB,EAAY;QAC/C,aAAY;OACb,CAAA;MACE,CAAA;KACF;;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eACE,EACE,GACA,GACA,EAAsB,2BACxB;OAEF,MAAK;OACL,WAAW,gFACT,IAAgB,KAAK;OAEvB,cAAW;OACX,MAAM,MAAW,EAAO,gBAAgB,CAAM;iBAE9C,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAU,gBAAe;OAAW,CAAA;MACvD,CAAA;KACL,CAAA;IACF,CAAA;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,UAAU;KACV,SAAS;KACT,SAAS;eAET,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACE,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}
+{"version":3,"file":"StepSocialSecurityNumber-vJlvhLo0.js","names":[],"sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\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 } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { type VerificationService, type 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 { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nimport { SsnChoice } from \"./SsnChoice\";\n\ninterface StepSocialSecurityNumberProps {\n  verificationService: VerificationService;\n}\n\nexport const StepSocialSecurityNumber = ({\n  verificationService,\n}: 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"],"mappings":";;;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICYa,KAA4B,EACvC,6BACmC;CACnC,IAAM,CAAC,GAAY,KAAA,EAAuB,SAAS,EAAI,GACjD,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,UACJ,EAAoB,WAClB,EAAsB,4BACtB,GACA,EAAoB,oBACtB,GAEI,KAAsB,GAAoC,MAAe;EAC7E,IAAM,IAAqC,EACzC,IACC,MAAmC;GAClC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C,GAEM,IACJ,EAAU,wBAAwB,EAAU,qBAAqB,SAAS,EAAE,WAAW;CAYzF,OAVI,IAEA,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,cAAc,EAAc,EAAK;EACjC,cAAc;EACO;CACtB,CAAA,IAKH,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAkB,OAAM;iBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACe,CAAA;MAElB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8C,uBAAsB,CAAA;MAEpE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,OAAO,EAAU;QACjB,WAAW,MAAkB;SAE3B,AADA,EAAmB,wBAAwB,CAAK,GAChD,EACE,wBACA,GACA,CACF;QACF;QACA,WAAW,CAAC,CAAC,EAAsB,EAAY;QAC/C,aAAY;OACb,CAAA;MACE,CAAA;KACF;;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eACE,EACE,GACA,GACA,EAAsB,2BACxB;OAEF,MAAK;OACL,WAAW,gFACT,IAAgB,KAAK;OAEvB,cAAW;OACX,MAAM,MAAW,EAAO,gBAAgB,CAAM;iBAE9C,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAU,gBAAe;OAAW,CAAA;MACvD,CAAA;KACL,CAAA;IACF,CAAA;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,UAAU;KACV,SAAS;KACT,SAAS;eAET,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACE,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}

package/chunk/StepStudentPersonalInfo-C13mW6z9.js

@@ -0,0 +1,235 @@
+
+/**
+ *   WARNING: This file is intended to be used within MySheerID.
+ *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
+ */ 
+/**
+ *   VERSION: 2.302.0
+ *   BUILD_TIMESTAMP: 1792086977491
+ *   BUILD_DATE: Thu Oct 15 2026 17:56:17 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: b3bf133f0f248c0208a604166d5a7ad4ab45501c
+ */
+import { kt as e, p as t, s as n } from "./intl-DYOqmiaL.js";
+import { b as r, p as i } from "./runtimeTypes-B2AGNJMT.js";
+import { n as a, s as o, t as s } from "./jsx-runtime-DtApx7WX.js";
+import { n as c } from "./Message-DRlHAfhp.js";
+import { p as l } from "./FormFooterComponent-Bgtt26qj.js";
+import { t as u } from "./hooks-B4mmDpuv.js";
+import { t as d } from "../_mysheerid-preview.js";
+import { t as f } from "./useCollectFieldsEndpoint-BZIO1IO5.js";
+import { d as p, f as m, r as h, t as g } from "./stepComponentHelpers-Bo_ASl0b.js";
+import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-IPki4JiO.js";
+import { t as C } from "./FormFieldText-BU2NBm1H.js";
+import { n as w, t as T } from "./PersonalInfoStepSubmitButton-EoLwWois.js";
+import { i as E } from "./FormSelectChoice-DCHixfLC.js";
+import { t as D } from "./BirthDateComponent-DULhhlCB.js";
+import { t as O } from "./CountryComponentWrapper-AZfdcr0e.js";
+import { t as k } from "./ExtraMessage-DjFl8EFt.js";
+import { t as A } from "./ChangeLocaleComponent-D8jA640h.js";
+import { t as j } from "./PersonalInfoStepWrapper-BR9Bc3NZ.js";
+import { t as M } from "./CollegeNameComponent-Dfpi_RVo.js";
+import { t as N } from "./StatusComponent-BDzRWlQa.js";
+//#region src/components/FormFields/CVECNumber/CVECNumberComponent.tsx
+var P = /* @__PURE__ */ e(o(), 1), F = s(), I = ({ value: e, isErrored: t, onChange: n, explanation: r, placeholder: i = "", isRequired: o = !1 }) => {
+	let { msg: s } = c(), l = u("include-cvec-field-france-student");
+	return g("cvecNumber")?.hidden ? null : /* @__PURE__ */ (0, F.jsx)(C, {
+		fieldId: "cvecNumber",
+		value: e,
+		onChange: n,
+		placeholder: i || s({ id: "cvecNumber" }),
+		label: /* @__PURE__ */ (0, F.jsx)(a, {
+			id: "cvecNumber",
+			defaultMessage: "CVEC certificate number"
+		}),
+		errorMessage: t && /* @__PURE__ */ (0, F.jsx)(a, {
+			id: "errorId.invalidCvecNumber",
+			defaultMessage: "Invalid CVEC certificate number"
+		}),
+		showPlaceholderAndHideLabel: !!i,
+		required: o,
+		explanation: r || (l === "labeled-optional" ? /* @__PURE__ */ (0, F.jsx)(a, {
+			id: "cvecNumberExplanation",
+			defaultMessage: "Optional - Add your CVEC number to increase your chances of being verified instantly."
+		}) : /* @__PURE__ */ (0, F.jsx)(a, {
+			id: "_EXPERIMENTAL.cvecNumberExplanation",
+			defaultMessage: "Add your CVEC number to increase your chances of being verified instantly."
+		}))
+	});
+}, L = (e = []) => e.includes("GRADUATE") && e.some((e) => e !== "GRADUATE"), R = (e = []) => e.includes("GRADUATE") ? "GRADUATE" : e.length ? "STUDENT" : void 0, z = (e, t = []) => e === "GRADUATE" ? ["GRADUATE"] : e === "STUDENT" ? t.filter((e) => e !== "GRADUATE") : [], B = Object.keys(i), V = ({ availableStatuses: e, value: t, onChange: n, isErrored: r, disabled: i = !1 }) => {
+	let o = E(B), s = R(t);
+	return /* @__PURE__ */ (0, F.jsx)(N, {
+		segmentId: "student",
+		label: /* @__PURE__ */ (0, F.jsx)(a, {
+			id: "graduationStatus",
+			defaultMessage: "Graduation Status"
+		}),
+		value: o.find((e) => e.value === s),
+		isErrored: r,
+		options: o,
+		disabled: i,
+		onChange: (t) => n(z(t ? t.value : void 0, e))
+	});
+}, H = [], U = ({ verificationService: e }) => {
+	let { msg: i } = c(), o = e.viewModel, { fieldValidationErrors: s } = e, C = e.verificationResponse, E = n(), N = u("include-cvec-field-france-student"), B = N !== "control" && N !== "default" && o?.countryChoice?.value === "FR", { availableStatuses: U } = f({
+		verificationId: C.verificationId,
+		currentStep: C.currentStep,
+		viewModel: o,
+		dispatchFieldRequirements: !1
+	}), W = U ?? C.availableStatuses ?? H, G = L(W);
+	P.useEffect(() => {
+		let n = (e.viewModel?.fieldsToSkipValidation || []).filter((e) => e !== "cvecNumber" && e !== "statuses");
+		B || (n = [...n, "cvecNumber"]), G || (n = [...n, "statuses"]);
+		let r = G ? z(R(o.statuses), W) : [];
+		e.updateViewModel(t(o, (e) => {
+			e.fieldsToSkipValidation = n, e.statuses = r;
+		}));
+	}, [
+		B,
+		G,
+		W
+	]);
+	let K = l(C), q = (n, r) => {
+		let i = t(o, (e) => {
+			e[n] = r;
+		});
+		e.updateViewModel(i);
+	}, J = o.localeChoice.value;
+	return /* @__PURE__ */ (0, F.jsxs)(j, {
+		verificationService: e,
+		step: C.currentStep,
+		children: [
+			/* @__PURE__ */ (0, F.jsx)(d, {
+				verificationService: e,
+				classNameIdentifier: "student-personal-info"
+			}),
+			/* @__PURE__ */ (0, F.jsx)(A, { verificationService: e }),
+			/* @__PURE__ */ (0, F.jsx)(O, {
+				verificationService: e,
+				disabled: g("country")?.disabled
+			}),
+			G && /* @__PURE__ */ (0, F.jsx)(V, {
+				availableStatuses: W,
+				value: o.statuses ?? [],
+				isErrored: !!s.statuses,
+				disabled: g("statuses")?.disabled,
+				onChange: (t) => {
+					q("statuses", t), p("statuses", t[0] ?? "", e);
+				}
+			}),
+			/* @__PURE__ */ (0, F.jsx)(M, {
+				value: e.viewModel.organization,
+				verificationService: e,
+				isErrored: !!s.organization,
+				isRequired: !0,
+				disabled: g("organization")?.disabled,
+				onChange: (t) => {
+					m(t, e), p("organization", t, e);
+				}
+			}),
+			B && /* @__PURE__ */ (0, F.jsx)(I, {
+				isRequired: g("cvecNumber")?.requireIfOptional,
+				value: o.cvecNumber,
+				isErrored: !!s.cvecNumber,
+				disabled: g("cvecNumber")?.disabled,
+				onChange: (t) => {
+					q("cvecNumber", t), p("cvecNumber", t, e);
+				}
+			}),
+			/* @__PURE__ */ (0, F.jsx)("div", {
+				className: "sid-names-explanation sid-l-space-top-md",
+				children: /* @__PURE__ */ (0, F.jsx)(a, {
+					id: "step.personalInfo.nameInstructions",
+					defaultMessage: "Personal or school email is fine"
+				})
+			}),
+			/* @__PURE__ */ (0, F.jsxs)("div", {
+				className: "sid-names",
+				children: [/* @__PURE__ */ (0, F.jsx)(_, {
+					value: o.firstName,
+					isErrored: !!s.firstName,
+					disabled: g("firstName")?.disabled,
+					onChange: (t) => {
+						q("firstName", t), p("firstName", t, e);
+					}
+				}), /* @__PURE__ */ (0, F.jsx)(v, {
+					value: o.lastName,
+					isErrored: !!s.lastName,
+					disabled: g("lastName")?.disabled,
+					onChange: (t) => {
+						q("lastName", t), p("lastName", t, e);
+					}
+				})]
+			}),
+			/* @__PURE__ */ (0, F.jsx)(D, {
+				value: o.birthDate,
+				errorId: s.birthDate,
+				locale: J,
+				isRequired: !0,
+				disabled: g("birthDate")?.disabled,
+				onChange: (t) => {
+					q("birthDate", t), p("birthDate", t, e);
+				}
+			}),
+			/* @__PURE__ */ (0, F.jsx)(w, {
+				value: o.email,
+				isErrored: !!s.email,
+				explanation: /* @__PURE__ */ (0, F.jsx)(a, {
+					id: "emailExplanation",
+					defaultMessage: "Personal or school email is fine"
+				}),
+				onChange: (t) => {
+					q("email", t), p("email", t, e);
+				},
+				onKeyDown: (e) => h(e),
+				disabled: g("email")?.disabled
+			}),
+			e.programTheme.isSmsNotifierConfigured || e.programTheme.smsLoopEnabled ? /* @__PURE__ */ (0, F.jsx)(b, {
+				isRequired: !!e.programTheme.smsLoopEnabled,
+				value: o.phoneNumber,
+				isErrored: !!s.phoneNumber,
+				disabled: g("phoneNumber")?.disabled,
+				onChange: (t) => {
+					q("phoneNumber", t), p("phoneNumber", t, e);
+				},
+				selectedCountryCode: o.countryChoice && o.countryChoice.value
+			}) : null,
+			(E.customFormFields || []).map((t) => /* @__PURE__ */ (0, F.jsx)(y, {
+				config: t,
+				verificationService: e
+			})),
+			" ",
+			/* @__PURE__ */ (0, F.jsx)(x, {
+				verificationService: e,
+				isErrored: !!s.marketConsentValue,
+				disabled: g("marketConsentValue")?.disabled,
+				onChange: (t) => {
+					q("metadata", {
+						...e.viewModel.metadata,
+						marketConsentValue: t
+					}), p("marketConsentValue", t, e);
+				},
+				viewModel: o
+			}),
+			/* @__PURE__ */ (0, F.jsx)(k, {
+				verificationService: e,
+				suffix: "CollectAboveSubmit"
+			}),
+			/* @__PURE__ */ (0, F.jsx)(S, {
+				verificationService: e,
+				isErrored: !!s.captchaToken
+			}),
+			/* @__PURE__ */ (0, F.jsx)(T, {
+				step: r.collectStudentPersonalInfo,
+				verificationService: e,
+				viewModel: o,
+				failedInstantMatch: K,
+				buttonText: /* @__PURE__ */ (0, F.jsx)(a, {
+					id: "step.personalInfo.submitButtonText",
+					defaultMessage: "Verify My Student Status"
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { U as default };

package/chunk/StepStudentPersonalInfo-C13mW6z9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepStudentPersonalInfo-C13mW6z9.js","names":[],"sources":["../../src/components/FormFields/CVECNumber/CVECNumberComponent.tsx","../../src/components/FormFields/GraduationStatus/graduationStatusUtils.ts","../../src/components/FormFields/GraduationStatus/GraduationStatusComponent.tsx","../../src/components/StepStudentPersonalInfo/StepStudentPersonalInfoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\nimport { useFlag } from \"../../FeatureFlags/hooks\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n}\n\nexport const CVECNumberComponent = ({\n  value,\n  isErrored,\n  onChange,\n  explanation,\n  placeholder = \"\",\n  isRequired = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  // #region include-cvec-field-france-student\n  const showCvecInputVariation = useFlag(\"include-cvec-field-france-student\");\n\n  const getDefaultExplanation = () =>\n    showCvecInputVariation === \"labeled-optional\" ? (\n      <FormattedHTMLMessage\n        id=\"cvecNumberExplanation\"\n        defaultMessage=\"Optional - Add your CVEC number to increase your chances of being verified instantly.\"\n      />\n    ) : (\n      <FormattedHTMLMessage\n        id=\"_EXPERIMENTAL.cvecNumberExplanation\"\n        defaultMessage=\"Add your CVEC number to increase your chances of being verified instantly.\"\n      />\n    );\n  // #endregion include-cvec-field-france-student\n\n  const isFieldHidden = getFieldConfigByFieldId(\"cvecNumber\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"cvecNumber\"\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder || msg({ id: \"cvecNumber\" })}\n      label={<FormattedHTMLMessage id=\"cvecNumber\" defaultMessage=\"CVEC certificate number\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidCvecNumber\"\n            defaultMessage=\"Invalid CVEC certificate number\"\n          />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required={isRequired}\n      explanation={explanation || getDefaultExplanation()}\n    />\n  );\n};\n","import type { StudentStatus, StudentStatusSelection } from \"@/lib/types/types\";\n\nexport const hasGraduationStatusChoice = (availableStatuses: StudentStatus[] = []): boolean =>\n  availableStatuses.includes(\"GRADUATE\") && availableStatuses.some((s) => s !== \"GRADUATE\");\n\nexport const statusesToSelection = (\n  statuses: StudentStatus[] = [],\n): StudentStatusSelection | undefined => {\n  if (statuses.includes(\"GRADUATE\")) {\n    return \"GRADUATE\";\n  }\n  return statuses.length ? \"STUDENT\" : undefined;\n};\n\nexport const selectionToStatuses = (\n  selection: StudentStatusSelection | undefined,\n  availableStatuses: StudentStatus[] = [],\n): StudentStatus[] => {\n  if (selection === \"GRADUATE\") {\n    return [\"GRADUATE\"];\n  }\n  if (selection === \"STUDENT\") {\n    return availableStatuses.filter((s) => s !== \"GRADUATE\");\n  }\n  return [];\n};\n","import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { StudentStatusDefaultMessagesEnum } from \"@/lib/types/runtimeTypes\";\nimport {\n  type FormSelectChoice,\n  type StudentStatus,\n  type StudentStatusSelection,\n} from \"@/lib/types/types\";\n\nimport { useFormSelectChoice } from \"../../FormInputs/InputSelect/InputSelectComponent\";\nimport { StatusComponent as Status } from \"../Status/StatusComponent\";\n\nimport { selectionToStatuses, statusesToSelection } from \"./graduationStatusUtils\";\n\n// Graduation status dropdown is only Student/Graduate options, not the raw `availableStatuses`\nconst STATUS_SELECTIONS = Object.keys(StudentStatusDefaultMessagesEnum) as StudentStatusSelection[];\n\ninterface GraduationStatusProps {\n  availableStatuses: StudentStatus[];\n  value: StudentStatus[];\n  onChange: (statuses: StudentStatus[]) => void;\n  isErrored: boolean;\n  disabled?: boolean;\n}\n\nexport const GraduationStatusComponent: React.FC<GraduationStatusProps> = ({\n  availableStatuses,\n  value,\n  onChange,\n  isErrored,\n  disabled = false,\n}) => {\n  const options = useFormSelectChoice(STATUS_SELECTIONS);\n\n  const selection = statusesToSelection(value);\n\n  return (\n    <Status\n      segmentId=\"student\"\n      label={<FormattedHTMLMessage id=\"graduationStatus\" defaultMessage=\"Graduation Status\" />}\n      value={options.find((option) => option.value === selection)}\n      isErrored={isErrored}\n      options={options}\n      disabled={disabled}\n      onChange={(choice: FormSelectChoice) =>\n        onChange(\n          selectionToStatuses(\n            choice ? (choice.value as StudentStatusSelection) : undefined,\n            availableStatuses,\n          ),\n        )\n      }\n    />\n  );\n};\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { useMessage } from \"@/components/Message\";\n\nimport {\n  type VerificationService,\n  type StudentPersonalInfoViewModel,\n  type Organization,\n  type StudentPersonalInfoResponse,\n  type CustomFormFieldConfig,\n  type FieldId,\n  type StudentStatus,\n} from \"@/lib/types/types\";\n\nimport { VerificationStepsEnum } from \"@/lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"@/lib/VerificationService/VerificationServiceHelpers\";\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { CollegeNameComponent as CollegeName } from \"../FormFields/CollegeName/CollegeNameComponent\";\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 { 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\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\nimport { CVECNumberComponent } from \"../FormFields/CVECNumber/CVECNumberComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\nimport { GraduationStatusComponent as GraduationStatus } from \"../FormFields/GraduationStatus/GraduationStatusComponent\";\nimport {\n  hasGraduationStatusChoice,\n  selectionToStatuses,\n  statusesToSelection,\n} from \"../FormFields/GraduationStatus/graduationStatusUtils\";\n\nconst NO_STATUSES: StudentStatus[] = [];\n\ninterface StepStudentPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nexport const StepStudentPersonalInfoComponent = ({\n  verificationService,\n}: StepStudentPersonalInfoComponentProps) => {\n  const { msg } = useMessage();\n  const viewModel = verificationService.viewModel as StudentPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as StudentPersonalInfoResponse;\n  const options = getOptions();\n\n  // #region include-cvec-field-france-student\n  const showCvecInputVariation = useFlag(\"include-cvec-field-france-student\");\n  const showCvecInput =\n    showCvecInputVariation !== \"control\" &&\n    showCvecInputVariation !== \"default\" &&\n    viewModel?.countryChoice?.value === \"FR\";\n  // #endregion include-cvec-field-france-student\n\n  const { availableStatuses: dynamicStatuses } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n    // Only statuses come from the fields endpoint; every other field keeps the step's own validation\n    // Cleanup: DATA-5704\n    dispatchFieldRequirements: false,\n  });\n\n  const availableStatuses = (dynamicStatuses ??\n    verificationResponse.availableStatuses ??\n    NO_STATUSES) as StudentStatus[];\n  const showGraduateStatusInput = hasGraduationStatusChoice(availableStatuses);\n\n  React.useEffect(() => {\n    let skip: FieldId[] = (verificationService.viewModel?.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"cvecNumber\" && id !== \"statuses\",\n    );\n    if (!showCvecInput) {\n      // Don't validate CVEC number if country is not France\n      skip = [...skip, \"cvecNumber\"];\n    }\n    if (!showGraduateStatusInput) {\n      // Only require a graduation status when the program offers the Student/Graduate choice.\n      skip = [...skip, \"statuses\"];\n    }\n    const statuses = showGraduateStatusInput\n      ? selectionToStatuses(statusesToSelection(viewModel.statuses), availableStatuses)\n      : [];\n    verificationService.updateViewModel(\n      produce(viewModel, (draft: StudentPersonalInfoViewModel) => {\n        draft.fieldsToSkipValidation = skip;\n        draft.statuses = statuses;\n      }),\n    );\n  }, [showCvecInput, showGraduateStatusInput, availableStatuses]);\n\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n  const updateStudentViewModel = (key: keyof StudentPersonalInfoViewModel, value: any) => {\n    const nextState: StudentPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: StudentPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const locale = viewModel.localeChoice.value;\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"student-personal-info\"\n      />\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n      {showGraduateStatusInput && (\n        <GraduationStatus\n          availableStatuses={availableStatuses}\n          value={viewModel.statuses ?? []}\n          isErrored={!!fieldValidationErrors.statuses}\n          disabled={getFieldConfigByFieldId(\"statuses\")?.disabled}\n          onChange={(statuses: StudentStatus[]) => {\n            updateStudentViewModel(\"statuses\", statuses);\n            updateFieldValidationErrorsByFieldId(\n              \"statuses\",\n              statuses[0] ?? \"\",\n              verificationService,\n            );\n          }}\n        />\n      )}\n      <CollegeName\n        value={(verificationService.viewModel as StudentPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        isRequired\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n      {showCvecInput && (\n        <CVECNumberComponent\n          isRequired={getFieldConfigByFieldId(\"cvecNumber\")?.requireIfOptional}\n          value={viewModel.cvecNumber}\n          isErrored={!!fieldValidationErrors.cvecNumber}\n          disabled={getFieldConfigByFieldId(\"cvecNumber\")?.disabled}\n          onChange={(newValue) => {\n            updateStudentViewModel(\"cvecNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"cvecNumber\", newValue, verificationService);\n          }}\n        />\n      )}\n      <div className=\"sid-names-explanation sid-l-space-top-md\">\n        <FormattedHTMLMessage\n          id=\"step.personalInfo.nameInstructions\"\n          defaultMessage=\"Personal or school email is fine\"\n        />\n      </div>\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateStudentViewModel(\"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            updateStudentViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        value={viewModel.birthDate}\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        isRequired\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n        onChange={(newValue) => {\n          updateStudentViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n      />\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Personal or school email is fine\"\n          />\n        }\n        onChange={(newValue) => {\n          updateStudentViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\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          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n          onChange={(newValue) => {\n            updateStudentViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n        />\n      ) : null}\n      {(options.customFormFields || []).map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}{\" \"}\n      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n        onChange={(newValue) => {\n          updateStudentViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n      />\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectStudentPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Student Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n"],"mappings":"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"}

package/chunk/StepStudentPersonalInfo-Chfj2PZO.js

@@ -0,0 +1,231 @@
+
+/**
+ *   VERSION: 2.302.0
+ *   BUILD_TIMESTAMP: 1792086972223
+ *   BUILD_DATE: Thu Oct 15 2026 17:56:12 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: b3bf133f0f248c0208a604166d5a7ad4ab45501c
+ */
+import { c as e, kt as t, n } from "./options-DsRV5fwh.js";
+import { n as r, s as i, t as a } from "./jsx-runtime-DQO6A867.js";
+import { n as o } from "./Message-BhvG12pX.js";
+import { b as s, p as c } from "./runtimeTypes-B2AGNJMT.js";
+import { h as l } from "./FormFooterComponent-wJK9dVmZ.js";
+import { t as u } from "./hooks-CMAl6OEH.js";
+import { n as d } from "../sheerid.js";
+import { t as f } from "./useCollectFieldsEndpoint-Br47rbzo.js";
+import { d as p, f as m, r as h, t as g } from "./stepComponentHelpers-D_F4GOcs.js";
+import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-VO2ah-8j.js";
+import { t as C } from "./FormFieldText-CsFISbyw.js";
+import { n as w, t as T } from "./PersonalInfoStepSubmitButton-BrmnjKyp.js";
+import { i as E } from "./FormSelectChoice-CBgwNqPf.js";
+import { t as D } from "./BirthDateComponent-DiLk0zA1.js";
+import { t as O } from "./CountryComponentWrapper-DxJLaSii.js";
+import { t as k } from "./ExtraMessage-Ufr6pUdi.js";
+import { t as A } from "./ChangeLocaleComponent-DY3mTZmW.js";
+import { t as j } from "./PersonalInfoStepWrapper-CtAV_LI9.js";
+import { t as M } from "./CollegeNameComponent-DYL4QpDh.js";
+import { t as N } from "./StatusComponent-niwGqX_A.js";
+//#region src/components/FormFields/CVECNumber/CVECNumberComponent.tsx
+var P = /* @__PURE__ */ t(i(), 1), F = a(), I = ({ value: e, isErrored: t, onChange: n, explanation: i, placeholder: a = "", isRequired: s = !1 }) => {
+	let { msg: c } = o(), l = u("include-cvec-field-france-student");
+	return g("cvecNumber")?.hidden ? null : /* @__PURE__ */ (0, F.jsx)(C, {
+		fieldId: "cvecNumber",
+		value: e,
+		onChange: n,
+		placeholder: a || c({ id: "cvecNumber" }),
+		label: /* @__PURE__ */ (0, F.jsx)(r, {
+			id: "cvecNumber",
+			defaultMessage: "CVEC certificate number"
+		}),
+		errorMessage: t && /* @__PURE__ */ (0, F.jsx)(r, {
+			id: "errorId.invalidCvecNumber",
+			defaultMessage: "Invalid CVEC certificate number"
+		}),
+		showPlaceholderAndHideLabel: !!a,
+		required: s,
+		explanation: i || (l === "labeled-optional" ? /* @__PURE__ */ (0, F.jsx)(r, {
+			id: "cvecNumberExplanation",
+			defaultMessage: "Optional - Add your CVEC number to increase your chances of being verified instantly."
+		}) : /* @__PURE__ */ (0, F.jsx)(r, {
+			id: "_EXPERIMENTAL.cvecNumberExplanation",
+			defaultMessage: "Add your CVEC number to increase your chances of being verified instantly."
+		}))
+	});
+}, L = (e = []) => e.includes("GRADUATE") && e.some((e) => e !== "GRADUATE"), R = (e = []) => e.includes("GRADUATE") ? "GRADUATE" : e.length ? "STUDENT" : void 0, z = (e, t = []) => e === "GRADUATE" ? ["GRADUATE"] : e === "STUDENT" ? t.filter((e) => e !== "GRADUATE") : [], B = Object.keys(c), V = ({ availableStatuses: e, value: t, onChange: n, isErrored: i, disabled: a = !1 }) => {
+	let o = E(B), s = R(t);
+	return /* @__PURE__ */ (0, F.jsx)(N, {
+		segmentId: "student",
+		label: /* @__PURE__ */ (0, F.jsx)(r, {
+			id: "graduationStatus",
+			defaultMessage: "Graduation Status"
+		}),
+		value: o.find((e) => e.value === s),
+		isErrored: i,
+		options: o,
+		disabled: a,
+		onChange: (t) => n(z(t ? t.value : void 0, e))
+	});
+}, H = [], U = ({ verificationService: t }) => {
+	let { msg: i } = o(), a = t.viewModel, { fieldValidationErrors: c } = t, C = t.verificationResponse, E = n(), N = u("include-cvec-field-france-student"), B = N !== "control" && N !== "default" && a?.countryChoice?.value === "FR", { availableStatuses: U } = f({
+		verificationId: C.verificationId,
+		currentStep: C.currentStep,
+		viewModel: a,
+		dispatchFieldRequirements: !1
+	}), W = U ?? C.availableStatuses ?? H, G = L(W);
+	P.useEffect(() => {
+		let n = (t.viewModel?.fieldsToSkipValidation || []).filter((e) => e !== "cvecNumber" && e !== "statuses");
+		B || (n = [...n, "cvecNumber"]), G || (n = [...n, "statuses"]);
+		let r = G ? z(R(a.statuses), W) : [];
+		t.updateViewModel(e(a, (e) => {
+			e.fieldsToSkipValidation = n, e.statuses = r;
+		}));
+	}, [
+		B,
+		G,
+		W
+	]);
+	let K = l(C), q = (n, r) => {
+		let i = e(a, (e) => {
+			e[n] = r;
+		});
+		t.updateViewModel(i);
+	}, J = a.localeChoice.value;
+	return /* @__PURE__ */ (0, F.jsxs)(j, {
+		verificationService: t,
+		step: C.currentStep,
+		children: [
+			/* @__PURE__ */ (0, F.jsx)(d, {
+				verificationService: t,
+				classNameIdentifier: "student-personal-info"
+			}),
+			/* @__PURE__ */ (0, F.jsx)(A, { verificationService: t }),
+			/* @__PURE__ */ (0, F.jsx)(O, {
+				verificationService: t,
+				disabled: g("country")?.disabled
+			}),
+			G && /* @__PURE__ */ (0, F.jsx)(V, {
+				availableStatuses: W,
+				value: a.statuses ?? [],
+				isErrored: !!c.statuses,
+				disabled: g("statuses")?.disabled,
+				onChange: (e) => {
+					q("statuses", e), p("statuses", e[0] ?? "", t);
+				}
+			}),
+			/* @__PURE__ */ (0, F.jsx)(M, {
+				value: t.viewModel.organization,
+				verificationService: t,
+				isErrored: !!c.organization,
+				isRequired: !0,
+				disabled: g("organization")?.disabled,
+				onChange: (e) => {
+					m(e, t), p("organization", e, t);
+				}
+			}),
+			B && /* @__PURE__ */ (0, F.jsx)(I, {
+				isRequired: g("cvecNumber")?.requireIfOptional,
+				value: a.cvecNumber,
+				isErrored: !!c.cvecNumber,
+				disabled: g("cvecNumber")?.disabled,
+				onChange: (e) => {
+					q("cvecNumber", e), p("cvecNumber", e, t);
+				}
+			}),
+			/* @__PURE__ */ (0, F.jsx)("div", {
+				className: "sid-names-explanation sid-l-space-top-md",
+				children: /* @__PURE__ */ (0, F.jsx)(r, {
+					id: "step.personalInfo.nameInstructions",
+					defaultMessage: "Personal or school email is fine"
+				})
+			}),
+			/* @__PURE__ */ (0, F.jsxs)("div", {
+				className: "sid-names",
+				children: [/* @__PURE__ */ (0, F.jsx)(_, {
+					value: a.firstName,
+					isErrored: !!c.firstName,
+					disabled: g("firstName")?.disabled,
+					onChange: (e) => {
+						q("firstName", e), p("firstName", e, t);
+					}
+				}), /* @__PURE__ */ (0, F.jsx)(v, {
+					value: a.lastName,
+					isErrored: !!c.lastName,
+					disabled: g("lastName")?.disabled,
+					onChange: (e) => {
+						q("lastName", e), p("lastName", e, t);
+					}
+				})]
+			}),
+			/* @__PURE__ */ (0, F.jsx)(D, {
+				value: a.birthDate,
+				errorId: c.birthDate,
+				locale: J,
+				isRequired: !0,
+				disabled: g("birthDate")?.disabled,
+				onChange: (e) => {
+					q("birthDate", e), p("birthDate", e, t);
+				}
+			}),
+			/* @__PURE__ */ (0, F.jsx)(w, {
+				value: a.email,
+				isErrored: !!c.email,
+				explanation: /* @__PURE__ */ (0, F.jsx)(r, {
+					id: "emailExplanation",
+					defaultMessage: "Personal or school email is fine"
+				}),
+				onChange: (e) => {
+					q("email", e), p("email", e, t);
+				},
+				onKeyDown: (e) => h(e),
+				disabled: g("email")?.disabled
+			}),
+			t.programTheme.isSmsNotifierConfigured || t.programTheme.smsLoopEnabled ? /* @__PURE__ */ (0, F.jsx)(b, {
+				isRequired: !!t.programTheme.smsLoopEnabled,
+				value: a.phoneNumber,
+				isErrored: !!c.phoneNumber,
+				disabled: g("phoneNumber")?.disabled,
+				onChange: (e) => {
+					q("phoneNumber", e), p("phoneNumber", e, t);
+				},
+				selectedCountryCode: a.countryChoice && a.countryChoice.value
+			}) : null,
+			(E.customFormFields || []).map((e) => /* @__PURE__ */ (0, F.jsx)(y, {
+				config: e,
+				verificationService: t
+			})),
+			" ",
+			/* @__PURE__ */ (0, F.jsx)(x, {
+				verificationService: t,
+				isErrored: !!c.marketConsentValue,
+				disabled: g("marketConsentValue")?.disabled,
+				onChange: (e) => {
+					q("metadata", {
+						...t.viewModel.metadata,
+						marketConsentValue: e
+					}), p("marketConsentValue", e, t);
+				},
+				viewModel: a
+			}),
+			/* @__PURE__ */ (0, F.jsx)(k, {
+				verificationService: t,
+				suffix: "CollectAboveSubmit"
+			}),
+			/* @__PURE__ */ (0, F.jsx)(S, {
+				verificationService: t,
+				isErrored: !!c.captchaToken
+			}),
+			/* @__PURE__ */ (0, F.jsx)(T, {
+				step: s.collectStudentPersonalInfo,
+				verificationService: t,
+				viewModel: a,
+				failedInstantMatch: K,
+				buttonText: /* @__PURE__ */ (0, F.jsx)(r, {
+					id: "step.personalInfo.submitButtonText",
+					defaultMessage: "Verify My Student Status"
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { U as default };