@sheerid/jslib 2.296.0 → 2.298.0

package/chunk/Onfido-CTCgAwnB.js

@@ -4,10 +4,10 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.296.0
- *   BUILD_TIMESTAMP: 1790267309032
- *   BUILD_DATE: Thu Sep 24 2026 16:28:29 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
+ *   VERSION: 2.298.0
+ *   BUILD_TIMESTAMP: 1790871845642
+ *   BUILD_DATE: Thu Oct 01 2026 16:24:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e6e25f96021c9b1079fa55c41e0a808e1fc908d7
  */
 //#region ../node_modules/onfido-sdk-ui/Onfido.js
 var e = Object.defineProperty, t = (t, n, r) => n in t ? e(t, n, {

package/chunk/{PersonalInfoStepSubmitButton-DevIpS3M.js → PersonalInfoStepSubmitButton-CRsmGAN-.js}

@@ -1,13 +1,13 @@
 
 /**
- *   VERSION: 2.296.0
- *   BUILD_TIMESTAMP: 1790267303324
- *   BUILD_DATE: Thu Sep 24 2026 16:28:23 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
+ *   VERSION: 2.298.0
+ *   BUILD_TIMESTAMP: 1790871839660
+ *   BUILD_DATE: Thu Oct 01 2026 16:23:59 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e6e25f96021c9b1079fa55c41e0a808e1fc908d7
  */
 import { d as e, g as t, kt as n, u as r } from "./options-DsRV5fwh.js";
 import { n as i, s as a, t as o } from "./jsx-runtime-DQO6A867.js";
-import { n as s } from "./Message-C4qWuoA7.js";
+import { n as s } from "./Message-BOsEnoih.js";
 import { S as c, b as l } from "./runtimeTypes-B2AGNJMT.js";
 import { l as u } from "./hooks-QCx6OZlb.js";
 import { o as d } from "./refs-Mq0rtW9K.js";

package/chunk/{PersonalInfoStepSubmitButton-DevIpS3M.js.map → PersonalInfoStepSubmitButton-CRsmGAN-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PersonalInfoStepSubmitButton-DevIpS3M.js","names":[],"sources":["../../src/components/FormFields/Email/EmailComponent.tsx","../../src/components/PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n}\n\nexport const EmailComponent = ({\n  value,\n  isErrored,\n  onChange,\n  explanation = \"\",\n  onKeyDown = () => {},\n  onBlur = () => {},\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"email\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"email\"\n      value={value}\n      onChange={onChange}\n      type=\"email\"\n      autoComplete=\"email\"\n      placeholder={placeholder || msg({ id: \"emailAddressPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"emailAddress\" defaultMessage=\"Email address\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidEmail\" defaultMessage=\"Invalid email\" />\n        )\n      }\n      explanation={explanation}\n      showPlaceholderAndHideLabel={!!placeholder}\n      onKeyDown={(e) => onKeyDown(e)}\n      onBlur={(e) => onBlur(e)}\n      disabled={disabled}\n    />\n  );\n};\n","import type React from \"react\";\nimport { useEffect } from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type VerificationService, type ViewModel } from \"../../lib/types/types\";\nimport { submitForm } from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type CollectInfoSteps, VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport {\n  type CollectStepStartEvent,\n  type CollectStepSubmitEvent,\n  CustomMetricNames,\n  EventName,\n  recordGaEvent,\n} from \"../../lib/GoogleAnalytics/ga\";\nimport {\n  COLLECT_INFO_SUBMISSION_TIME,\n  COLLECT_INFO_SUBMIT,\n  useMetrics,\n} from \"../FeatureFlags/useMetrics\";\n\ninterface PersonalInfoStepSubmitButtonProps {\n  step: CollectInfoSteps;\n  verificationService: VerificationService;\n  viewModel: ViewModel;\n  buttonText: React.ReactNode;\n  failedInstantMatch?: boolean;\n}\n\nconst wrapperClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student--submit\",\n  collectSeniorPersonalInfo: \"sid-senior-submit\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit\",\n  collectMoverPersonalInfo: \"sid-mover-submit\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit sid-military-submit\",\n  collectActiveMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-personal-info-submit\",\n  collectEmployeePersonalInfo: \"sid-employment-submit\",\n  collectAgePersonalInfo: \"sid-age-personal-info-submit\",\n  collectIdentifier: \"sid-identifier-submit\",\n  collectPersonalInfo: \"sid-personal-info-submit\",\n};\n\nconst buttonClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student-submit-btn\",\n  collectSeniorPersonalInfo: \"sid-senior-submit-btn\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit-btn\",\n  collectMoverPersonalInfo: \"sid-mover-submit-btn\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit-btn sid-military-submit-btn\",\n  collectActiveMilitaryPersonalInfo:\n    \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryPersonalInfo: \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit-btn\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit-btn\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit-btn\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit-btn\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit-btn\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit-btn\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit-btn\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-submit-btn\",\n  collectEmployeePersonalInfo: \"sid-employment-submit-btn\",\n  collectAgePersonalInfo: \"sid-age-personal-info-btn\",\n  collectIdentifier: \"sid-identifier-submit-btn\",\n  collectPersonalInfo: \"sid-personal-info-submit-btn\",\n};\n\nconst usesWrapperID: CollectInfoSteps[] = [\n  VerificationStepsEnum.collectMoverPersonalInfo,\n  VerificationStepsEnum.collectStudentPersonalInfo,\n  VerificationStepsEnum.collectEmployeePersonalInfo,\n];\n\n/**\n * A shared wrapper for all personal info collect steps.\n */\nexport const PersonalInfoStepSubmitButton: React.FC<PersonalInfoStepSubmitButtonProps> = ({\n  step,\n  verificationService,\n  viewModel,\n  buttonText,\n  failedInstantMatch = false,\n}) => {\n  const { userDidConvert, getTimeOnForm } = useMetrics({\n    segment: verificationService.verificationResponse.segment,\n    programId: verificationService.programId,\n  });\n\n  useEffect(() => {\n    const event: CollectStepStartEvent = {\n      eventName: EventName.COLLECT_STARTED,\n      params: {},\n    };\n\n    recordGaEvent(event);\n  }, []);\n\n  const successCallback = () => {\n    try {\n      const event: CollectStepSubmitEvent = {\n        eventName: EventName.COLLECT_SUBMITTED,\n        params: {\n          [CustomMetricNames.EVENT_DURATION]: getTimeOnForm().duration,\n        },\n      };\n      recordGaEvent(event);\n    } catch (e) {\n      logger.warn(\"Unable to measure time on form\");\n    }\n\n    userDidConvert(COLLECT_INFO_SUBMIT, COLLECT_INFO_SUBMISSION_TIME);\n  };\n\n  // The majority of the class/id dancing in this component are to support the\n  // existing inconsistencies in our different collect info steps when they were\n  // brought together into this shared component. When we get away from css based\n  // customization this can get much saner\n  const wrapperCls = wrapperClassNames[step];\n  const buttonCls = buttonClassNames[step];\n\n  const btnId = usesWrapperID.includes(step)\n    ? \"sid-submit-wrapper__collect-info\"\n    : \"sid-submit-btn-collect-info\";\n\n  const btnText = failedInstantMatch ? (\n    <FormattedHTMLMessage id=\"tryAgain\" defaultMessage=\"Try Again\" />\n  ) : (\n    buttonText\n  );\n\n  const textSpanProps =\n    step === VerificationStepsEnum.collectEmployeePersonalInfo\n      ? { className: \"sid-employment-submit-btn__text\" }\n      : {};\n  const isDisabled = !isFormFilled(viewModel, verificationService.formValidationOptions);\n\n  return (\n    <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n      <div className={`${wrapperCls} sid-submit`}>\n        <button\n          id={btnId}\n          onClick={() => submitForm(viewModel, verificationService, step, successCallback)}\n          type=\"submit\"\n          className={`sid-btn ${buttonCls} sid-btn--dark sid-l-full-width ${\n            isDisabled ? \"sid-btn--disabled-like\" : \"\"\n          }`}\n          aria-labelledby=\"verify-status-text\"\n          ref={(button) => setRef(\"submitButton\", button)}\n          aria-disabled={isDisabled}\n          data-testid=\"submit-button\"\n        >\n          <span id=\"verify-status-text\" {...textSpanProps}>\n            {btnText}\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PersonalInfoStepSubmitButton-CRsmGAN-.js","names":[],"sources":["../../src/components/FormFields/Email/EmailComponent.tsx","../../src/components/PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n}\n\nexport const EmailComponent = ({\n  value,\n  isErrored,\n  onChange,\n  explanation = \"\",\n  onKeyDown = () => {},\n  onBlur = () => {},\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"email\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"email\"\n      value={value}\n      onChange={onChange}\n      type=\"email\"\n      autoComplete=\"email\"\n      placeholder={placeholder || msg({ id: \"emailAddressPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"emailAddress\" defaultMessage=\"Email address\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidEmail\" defaultMessage=\"Invalid email\" />\n        )\n      }\n      explanation={explanation}\n      showPlaceholderAndHideLabel={!!placeholder}\n      onKeyDown={(e) => onKeyDown(e)}\n      onBlur={(e) => onBlur(e)}\n      disabled={disabled}\n    />\n  );\n};\n","import type React from \"react\";\nimport { useEffect } from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type VerificationService, type ViewModel } from \"../../lib/types/types\";\nimport { submitForm } from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type CollectInfoSteps, VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport {\n  type CollectStepStartEvent,\n  type CollectStepSubmitEvent,\n  CustomMetricNames,\n  EventName,\n  recordGaEvent,\n} from \"../../lib/GoogleAnalytics/ga\";\nimport {\n  COLLECT_INFO_SUBMISSION_TIME,\n  COLLECT_INFO_SUBMIT,\n  useMetrics,\n} from \"../FeatureFlags/useMetrics\";\n\ninterface PersonalInfoStepSubmitButtonProps {\n  step: CollectInfoSteps;\n  verificationService: VerificationService;\n  viewModel: ViewModel;\n  buttonText: React.ReactNode;\n  failedInstantMatch?: boolean;\n}\n\nconst wrapperClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student--submit\",\n  collectSeniorPersonalInfo: \"sid-senior-submit\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit\",\n  collectMoverPersonalInfo: \"sid-mover-submit\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit sid-military-submit\",\n  collectActiveMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-personal-info-submit\",\n  collectEmployeePersonalInfo: \"sid-employment-submit\",\n  collectAgePersonalInfo: \"sid-age-personal-info-submit\",\n  collectIdentifier: \"sid-identifier-submit\",\n  collectPersonalInfo: \"sid-personal-info-submit\",\n};\n\nconst buttonClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student-submit-btn\",\n  collectSeniorPersonalInfo: \"sid-senior-submit-btn\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit-btn\",\n  collectMoverPersonalInfo: \"sid-mover-submit-btn\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit-btn sid-military-submit-btn\",\n  collectActiveMilitaryPersonalInfo:\n    \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryPersonalInfo: \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit-btn\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit-btn\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit-btn\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit-btn\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit-btn\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit-btn\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit-btn\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-submit-btn\",\n  collectEmployeePersonalInfo: \"sid-employment-submit-btn\",\n  collectAgePersonalInfo: \"sid-age-personal-info-btn\",\n  collectIdentifier: \"sid-identifier-submit-btn\",\n  collectPersonalInfo: \"sid-personal-info-submit-btn\",\n};\n\nconst usesWrapperID: CollectInfoSteps[] = [\n  VerificationStepsEnum.collectMoverPersonalInfo,\n  VerificationStepsEnum.collectStudentPersonalInfo,\n  VerificationStepsEnum.collectEmployeePersonalInfo,\n];\n\n/**\n * A shared wrapper for all personal info collect steps.\n */\nexport const PersonalInfoStepSubmitButton: React.FC<PersonalInfoStepSubmitButtonProps> = ({\n  step,\n  verificationService,\n  viewModel,\n  buttonText,\n  failedInstantMatch = false,\n}) => {\n  const { userDidConvert, getTimeOnForm } = useMetrics({\n    segment: verificationService.verificationResponse.segment,\n    programId: verificationService.programId,\n  });\n\n  useEffect(() => {\n    const event: CollectStepStartEvent = {\n      eventName: EventName.COLLECT_STARTED,\n      params: {},\n    };\n\n    recordGaEvent(event);\n  }, []);\n\n  const successCallback = () => {\n    try {\n      const event: CollectStepSubmitEvent = {\n        eventName: EventName.COLLECT_SUBMITTED,\n        params: {\n          [CustomMetricNames.EVENT_DURATION]: getTimeOnForm().duration,\n        },\n      };\n      recordGaEvent(event);\n    } catch (e) {\n      logger.warn(\"Unable to measure time on form\");\n    }\n\n    userDidConvert(COLLECT_INFO_SUBMIT, COLLECT_INFO_SUBMISSION_TIME);\n  };\n\n  // The majority of the class/id dancing in this component are to support the\n  // existing inconsistencies in our different collect info steps when they were\n  // brought together into this shared component. When we get away from css based\n  // customization this can get much saner\n  const wrapperCls = wrapperClassNames[step];\n  const buttonCls = buttonClassNames[step];\n\n  const btnId = usesWrapperID.includes(step)\n    ? \"sid-submit-wrapper__collect-info\"\n    : \"sid-submit-btn-collect-info\";\n\n  const btnText = failedInstantMatch ? (\n    <FormattedHTMLMessage id=\"tryAgain\" defaultMessage=\"Try Again\" />\n  ) : (\n    buttonText\n  );\n\n  const textSpanProps =\n    step === VerificationStepsEnum.collectEmployeePersonalInfo\n      ? { className: \"sid-employment-submit-btn__text\" }\n      : {};\n  const isDisabled = !isFormFilled(viewModel, verificationService.formValidationOptions);\n\n  return (\n    <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n      <div className={`${wrapperCls} sid-submit`}>\n        <button\n          id={btnId}\n          onClick={() => submitForm(viewModel, verificationService, step, successCallback)}\n          type=\"submit\"\n          className={`sid-btn ${buttonCls} sid-btn--dark sid-l-full-width ${\n            isDisabled ? \"sid-btn--disabled-like\" : \"\"\n          }`}\n          aria-labelledby=\"verify-status-text\"\n          ref={(button) => setRef(\"submitButton\", button)}\n          aria-disabled={isDisabled}\n          data-testid=\"submit-button\"\n        >\n          <span id=\"verify-status-text\" {...textSpanProps}>\n            {btnText}\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/chunk/{PersonalInfoStepSubmitButton-obiTgRFv.js → PersonalInfoStepSubmitButton-zgFCp1DS.js}

@@ -4,15 +4,15 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.296.0
- *   BUILD_TIMESTAMP: 1790267309032
- *   BUILD_DATE: Thu Sep 24 2026 16:28:29 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
+ *   VERSION: 2.298.0
+ *   BUILD_TIMESTAMP: 1790871845642
+ *   BUILD_DATE: Thu Oct 01 2026 16:24:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e6e25f96021c9b1079fa55c41e0a808e1fc908d7
  */
 import { g as e, h as t, kt as n, x as r } from "./intl-DYOqmiaL.js";
 import { S as i, b as a } from "./runtimeTypes-B2AGNJMT.js";
 import { n as o, s, t as c } from "./jsx-runtime-DtApx7WX.js";
-import { n as l } from "./Message-CZskfqcI.js";
+import { n as l } from "./Message-FIogbOPV.js";
 import { l as u } from "./hooks-DtYEjP2m.js";
 import { o as d } from "./refs-Mq0rtW9K.js";
 import { l as f, t as p } from "./stepComponentHelpers-C-r8qzyD.js";

package/chunk/{PersonalInfoStepSubmitButton-obiTgRFv.js.map → PersonalInfoStepSubmitButton-zgFCp1DS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PersonalInfoStepSubmitButton-obiTgRFv.js","names":[],"sources":["../../src/components/FormFields/Email/EmailComponent.tsx","../../src/components/PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n}\n\nexport const EmailComponent = ({\n  value,\n  isErrored,\n  onChange,\n  explanation = \"\",\n  onKeyDown = () => {},\n  onBlur = () => {},\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"email\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"email\"\n      value={value}\n      onChange={onChange}\n      type=\"email\"\n      autoComplete=\"email\"\n      placeholder={placeholder || msg({ id: \"emailAddressPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"emailAddress\" defaultMessage=\"Email address\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidEmail\" defaultMessage=\"Invalid email\" />\n        )\n      }\n      explanation={explanation}\n      showPlaceholderAndHideLabel={!!placeholder}\n      onKeyDown={(e) => onKeyDown(e)}\n      onBlur={(e) => onBlur(e)}\n      disabled={disabled}\n    />\n  );\n};\n","import type React from \"react\";\nimport { useEffect } from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type VerificationService, type ViewModel } from \"../../lib/types/types\";\nimport { submitForm } from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type CollectInfoSteps, VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport {\n  type CollectStepStartEvent,\n  type CollectStepSubmitEvent,\n  CustomMetricNames,\n  EventName,\n  recordGaEvent,\n} from \"../../lib/GoogleAnalytics/ga\";\nimport {\n  COLLECT_INFO_SUBMISSION_TIME,\n  COLLECT_INFO_SUBMIT,\n  useMetrics,\n} from \"../FeatureFlags/useMetrics\";\n\ninterface PersonalInfoStepSubmitButtonProps {\n  step: CollectInfoSteps;\n  verificationService: VerificationService;\n  viewModel: ViewModel;\n  buttonText: React.ReactNode;\n  failedInstantMatch?: boolean;\n}\n\nconst wrapperClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student--submit\",\n  collectSeniorPersonalInfo: \"sid-senior-submit\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit\",\n  collectMoverPersonalInfo: \"sid-mover-submit\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit sid-military-submit\",\n  collectActiveMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-personal-info-submit\",\n  collectEmployeePersonalInfo: \"sid-employment-submit\",\n  collectAgePersonalInfo: \"sid-age-personal-info-submit\",\n  collectIdentifier: \"sid-identifier-submit\",\n  collectPersonalInfo: \"sid-personal-info-submit\",\n};\n\nconst buttonClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student-submit-btn\",\n  collectSeniorPersonalInfo: \"sid-senior-submit-btn\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit-btn\",\n  collectMoverPersonalInfo: \"sid-mover-submit-btn\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit-btn sid-military-submit-btn\",\n  collectActiveMilitaryPersonalInfo:\n    \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryPersonalInfo: \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit-btn\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit-btn\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit-btn\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit-btn\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit-btn\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit-btn\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit-btn\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-submit-btn\",\n  collectEmployeePersonalInfo: \"sid-employment-submit-btn\",\n  collectAgePersonalInfo: \"sid-age-personal-info-btn\",\n  collectIdentifier: \"sid-identifier-submit-btn\",\n  collectPersonalInfo: \"sid-personal-info-submit-btn\",\n};\n\nconst usesWrapperID: CollectInfoSteps[] = [\n  VerificationStepsEnum.collectMoverPersonalInfo,\n  VerificationStepsEnum.collectStudentPersonalInfo,\n  VerificationStepsEnum.collectEmployeePersonalInfo,\n];\n\n/**\n * A shared wrapper for all personal info collect steps.\n */\nexport const PersonalInfoStepSubmitButton: React.FC<PersonalInfoStepSubmitButtonProps> = ({\n  step,\n  verificationService,\n  viewModel,\n  buttonText,\n  failedInstantMatch = false,\n}) => {\n  const { userDidConvert, getTimeOnForm } = useMetrics({\n    segment: verificationService.verificationResponse.segment,\n    programId: verificationService.programId,\n  });\n\n  useEffect(() => {\n    const event: CollectStepStartEvent = {\n      eventName: EventName.COLLECT_STARTED,\n      params: {},\n    };\n\n    recordGaEvent(event);\n  }, []);\n\n  const successCallback = () => {\n    try {\n      const event: CollectStepSubmitEvent = {\n        eventName: EventName.COLLECT_SUBMITTED,\n        params: {\n          [CustomMetricNames.EVENT_DURATION]: getTimeOnForm().duration,\n        },\n      };\n      recordGaEvent(event);\n    } catch (e) {\n      logger.warn(\"Unable to measure time on form\");\n    }\n\n    userDidConvert(COLLECT_INFO_SUBMIT, COLLECT_INFO_SUBMISSION_TIME);\n  };\n\n  // The majority of the class/id dancing in this component are to support the\n  // existing inconsistencies in our different collect info steps when they were\n  // brought together into this shared component. When we get away from css based\n  // customization this can get much saner\n  const wrapperCls = wrapperClassNames[step];\n  const buttonCls = buttonClassNames[step];\n\n  const btnId = usesWrapperID.includes(step)\n    ? \"sid-submit-wrapper__collect-info\"\n    : \"sid-submit-btn-collect-info\";\n\n  const btnText = failedInstantMatch ? (\n    <FormattedHTMLMessage id=\"tryAgain\" defaultMessage=\"Try Again\" />\n  ) : (\n    buttonText\n  );\n\n  const textSpanProps =\n    step === VerificationStepsEnum.collectEmployeePersonalInfo\n      ? { className: \"sid-employment-submit-btn__text\" }\n      : {};\n  const isDisabled = !isFormFilled(viewModel, verificationService.formValidationOptions);\n\n  return (\n    <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n      <div className={`${wrapperCls} sid-submit`}>\n        <button\n          id={btnId}\n          onClick={() => submitForm(viewModel, verificationService, step, successCallback)}\n          type=\"submit\"\n          className={`sid-btn ${buttonCls} sid-btn--dark sid-l-full-width ${\n            isDisabled ? \"sid-btn--disabled-like\" : \"\"\n          }`}\n          aria-labelledby=\"verify-status-text\"\n          ref={(button) => setRef(\"submitButton\", button)}\n          aria-disabled={isDisabled}\n          data-testid=\"submit-button\"\n        >\n          <span id=\"verify-status-text\" {...textSpanProps}>\n            {btnText}\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PersonalInfoStepSubmitButton-zgFCp1DS.js","names":[],"sources":["../../src/components/FormFields/Email/EmailComponent.tsx","../../src/components/PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n}\n\nexport const EmailComponent = ({\n  value,\n  isErrored,\n  onChange,\n  explanation = \"\",\n  onKeyDown = () => {},\n  onBlur = () => {},\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"email\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"email\"\n      value={value}\n      onChange={onChange}\n      type=\"email\"\n      autoComplete=\"email\"\n      placeholder={placeholder || msg({ id: \"emailAddressPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"emailAddress\" defaultMessage=\"Email address\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidEmail\" defaultMessage=\"Invalid email\" />\n        )\n      }\n      explanation={explanation}\n      showPlaceholderAndHideLabel={!!placeholder}\n      onKeyDown={(e) => onKeyDown(e)}\n      onBlur={(e) => onBlur(e)}\n      disabled={disabled}\n    />\n  );\n};\n","import type React from \"react\";\nimport { useEffect } from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type VerificationService, type ViewModel } from \"../../lib/types/types\";\nimport { submitForm } from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type CollectInfoSteps, VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport {\n  type CollectStepStartEvent,\n  type CollectStepSubmitEvent,\n  CustomMetricNames,\n  EventName,\n  recordGaEvent,\n} from \"../../lib/GoogleAnalytics/ga\";\nimport {\n  COLLECT_INFO_SUBMISSION_TIME,\n  COLLECT_INFO_SUBMIT,\n  useMetrics,\n} from \"../FeatureFlags/useMetrics\";\n\ninterface PersonalInfoStepSubmitButtonProps {\n  step: CollectInfoSteps;\n  verificationService: VerificationService;\n  viewModel: ViewModel;\n  buttonText: React.ReactNode;\n  failedInstantMatch?: boolean;\n}\n\nconst wrapperClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student--submit\",\n  collectSeniorPersonalInfo: \"sid-senior-submit\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit\",\n  collectMoverPersonalInfo: \"sid-mover-submit\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit sid-military-submit\",\n  collectActiveMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-personal-info-submit\",\n  collectEmployeePersonalInfo: \"sid-employment-submit\",\n  collectAgePersonalInfo: \"sid-age-personal-info-submit\",\n  collectIdentifier: \"sid-identifier-submit\",\n  collectPersonalInfo: \"sid-personal-info-submit\",\n};\n\nconst buttonClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student-submit-btn\",\n  collectSeniorPersonalInfo: \"sid-senior-submit-btn\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit-btn\",\n  collectMoverPersonalInfo: \"sid-mover-submit-btn\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit-btn sid-military-submit-btn\",\n  collectActiveMilitaryPersonalInfo:\n    \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryPersonalInfo: \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit-btn\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit-btn\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit-btn\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit-btn\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit-btn\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit-btn\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit-btn\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-submit-btn\",\n  collectEmployeePersonalInfo: \"sid-employment-submit-btn\",\n  collectAgePersonalInfo: \"sid-age-personal-info-btn\",\n  collectIdentifier: \"sid-identifier-submit-btn\",\n  collectPersonalInfo: \"sid-personal-info-submit-btn\",\n};\n\nconst usesWrapperID: CollectInfoSteps[] = [\n  VerificationStepsEnum.collectMoverPersonalInfo,\n  VerificationStepsEnum.collectStudentPersonalInfo,\n  VerificationStepsEnum.collectEmployeePersonalInfo,\n];\n\n/**\n * A shared wrapper for all personal info collect steps.\n */\nexport const PersonalInfoStepSubmitButton: React.FC<PersonalInfoStepSubmitButtonProps> = ({\n  step,\n  verificationService,\n  viewModel,\n  buttonText,\n  failedInstantMatch = false,\n}) => {\n  const { userDidConvert, getTimeOnForm } = useMetrics({\n    segment: verificationService.verificationResponse.segment,\n    programId: verificationService.programId,\n  });\n\n  useEffect(() => {\n    const event: CollectStepStartEvent = {\n      eventName: EventName.COLLECT_STARTED,\n      params: {},\n    };\n\n    recordGaEvent(event);\n  }, []);\n\n  const successCallback = () => {\n    try {\n      const event: CollectStepSubmitEvent = {\n        eventName: EventName.COLLECT_SUBMITTED,\n        params: {\n          [CustomMetricNames.EVENT_DURATION]: getTimeOnForm().duration,\n        },\n      };\n      recordGaEvent(event);\n    } catch (e) {\n      logger.warn(\"Unable to measure time on form\");\n    }\n\n    userDidConvert(COLLECT_INFO_SUBMIT, COLLECT_INFO_SUBMISSION_TIME);\n  };\n\n  // The majority of the class/id dancing in this component are to support the\n  // existing inconsistencies in our different collect info steps when they were\n  // brought together into this shared component. When we get away from css based\n  // customization this can get much saner\n  const wrapperCls = wrapperClassNames[step];\n  const buttonCls = buttonClassNames[step];\n\n  const btnId = usesWrapperID.includes(step)\n    ? \"sid-submit-wrapper__collect-info\"\n    : \"sid-submit-btn-collect-info\";\n\n  const btnText = failedInstantMatch ? (\n    <FormattedHTMLMessage id=\"tryAgain\" defaultMessage=\"Try Again\" />\n  ) : (\n    buttonText\n  );\n\n  const textSpanProps =\n    step === VerificationStepsEnum.collectEmployeePersonalInfo\n      ? { className: \"sid-employment-submit-btn__text\" }\n      : {};\n  const isDisabled = !isFormFilled(viewModel, verificationService.formValidationOptions);\n\n  return (\n    <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n      <div className={`${wrapperCls} sid-submit`}>\n        <button\n          id={btnId}\n          onClick={() => submitForm(viewModel, verificationService, step, successCallback)}\n          type=\"submit\"\n          className={`sid-btn ${buttonCls} sid-btn--dark sid-l-full-width ${\n            isDisabled ? \"sid-btn--disabled-like\" : \"\"\n          }`}\n          aria-labelledby=\"verify-status-text\"\n          ref={(button) => setRef(\"submitButton\", button)}\n          aria-disabled={isDisabled}\n          data-testid=\"submit-button\"\n        >\n          <span id=\"verify-status-text\" {...textSpanProps}>\n            {btnText}\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/chunk/{PersonalInfoStepWrapper-_LiPRLv0.js → PersonalInfoStepWrapper-ClOkee_U.js}

@@ -1,14 +1,14 @@
 
 /**
- *   VERSION: 2.296.0
- *   BUILD_TIMESTAMP: 1790267303324
- *   BUILD_DATE: Thu Sep 24 2026 16:28:23 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
+ *   VERSION: 2.298.0
+ *   BUILD_TIMESTAMP: 1790871839660
+ *   BUILD_DATE: Thu Oct 01 2026 16:23:59 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e6e25f96021c9b1079fa55c41e0a808e1fc908d7
  */
 import { d as e, g as t } from "./options-DsRV5fwh.js";
 import { t as n } from "./jsx-runtime-DQO6A867.js";
 import { S as r } from "./runtimeTypes-B2AGNJMT.js";
-import { t as i } from "./FormFooterComponent-CP5Igxpo.js";
+import { t as i } from "./FormFooterComponent-CHYYNzQm.js";
 import { t as a } from "./strings-DWLVdUcm.js";
 import { t as o } from "../sheerid.js";
 //#region src/components/PersonalInfoStepWrapper/PersonalInfoStepWrapper.tsx

package/chunk/{PersonalInfoStepWrapper-_LiPRLv0.js.map → PersonalInfoStepWrapper-ClOkee_U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PersonalInfoStepWrapper-_LiPRLv0.js","names":[],"sources":["../../src/components/PersonalInfoStepWrapper/PersonalInfoStepWrapper.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { collectDeviceData } from \"@/lib/fraud/fraud\";\n\nimport { type VerificationService, type VerificationStep } from \"../../lib/types/types\";\nimport { FormFooterComponent } from \"../FormFooter/FormFooterComponent\";\nimport { dashed } from \"../../lib/utils/strings\";\nimport { EventName, type PasteEvent, recordGaEvent } from \"../../lib/GoogleAnalytics/ga\";\n\ninterface PersonalInfoWrapperProps {\n  step: VerificationStep;\n  verificationService: VerificationService;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst onFormPaste: React.ClipboardEventHandler = (e) => {\n  try {\n    // we want to grab pastes on any input element inside the collect info step\n    const target = e.target instanceof HTMLInputElement ? e.target : undefined;\n\n    if (target && (target.id || target.name)) {\n      const event: PasteEvent = {\n        eventName: EventName.FORM_PASTE,\n        params: {\n          id: target.id || target.name,\n          queryLength: e.clipboardData.getData(\"text\").length,\n        },\n      };\n      recordGaEvent(event);\n    }\n  } catch (e) {\n    logger.error(e);\n  }\n};\n\n/**\n * A shared wrapper for all personal info collect steps.\n */\nexport const PersonalInfoWrapper: React.FC<PersonalInfoWrapperProps> = ({\n  step,\n  verificationService,\n  className,\n  children,\n}) => {\n  const dashedStep = dashed(step).replace(/^collect-/, \"\");\n  const classes = [`sid-${dashedStep}-container`, \"sid-l-container\", \"sid-left-align\"];\n\n  if (className) {\n    classes.push(className);\n  }\n\n  const onFocus = () => {\n    const { programTheme, verificationResponse } = verificationService;\n    collectDeviceData(programTheme, verificationResponse.verificationId);\n  };\n\n  return (\n    <div\n      id={`sid-step-${dashedStep}`}\n      className={classes.join(\" \")}\n      onPaste={onFormPaste}\n      onFocusCapture={onFocus}\n    >\n      <div role=\"main\">{children}</div>\n      <FormFooterComponent verificationService={verificationService} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;aAkBM,KAA4C,MAAM;CACtD,IAAI;EAEF,IAAM,IAAS,EAAE,kBAAkB,mBAAmB,EAAE,SAAS,KAAA;EAEjE,AAAI,MAAW,EAAO,MAAM,EAAO,SAQjC,EAAc;GANZ,WAAW,EAAU;GACrB,QAAQ;IACN,IAAI,EAAO,MAAM,EAAO;IACxB,aAAa,EAAE,cAAc,QAAQ,MAAM,EAAE;GAC/C;EAEY,CAAK;CAEvB,SAAS,GAAG;EACV,EAAO,MAAM,CAAC;CAChB;AACF,GAKa,KAA2D,EACtE,SACA,wBACA,cACA,kBACI;CACJ,IAAM,IAAa,EAAO,CAAI,EAAE,QAAQ,aAAa,EAAE,GACjD,IAAU;EAAC,OAAO,EAAW;EAAa;EAAmB;CAAgB;CAWnF,OATI,KACF,EAAQ,KAAK,CAAS,GAStB,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAI,YAAY;EAChB,WAAW,EAAQ,KAAK,GAAG;EAC3B,SAAS;EACT,sBAVkB;GACpB,IAAM,EAAE,iBAAc,4BAAyB;GAC/C,EAAkB,GAAc,EAAqB,cAAc;EACrE;YAGE,CAME,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,MAAK;GAAQ;EAAc,CAAA,GAChC,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA0C,uBAAsB,CAAA,CAC7D;;AAET"}
+{"version":3,"file":"PersonalInfoStepWrapper-ClOkee_U.js","names":[],"sources":["../../src/components/PersonalInfoStepWrapper/PersonalInfoStepWrapper.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { collectDeviceData } from \"@/lib/fraud/fraud\";\n\nimport { type VerificationService, type VerificationStep } from \"../../lib/types/types\";\nimport { FormFooterComponent } from \"../FormFooter/FormFooterComponent\";\nimport { dashed } from \"../../lib/utils/strings\";\nimport { EventName, type PasteEvent, recordGaEvent } from \"../../lib/GoogleAnalytics/ga\";\n\ninterface PersonalInfoWrapperProps {\n  step: VerificationStep;\n  verificationService: VerificationService;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst onFormPaste: React.ClipboardEventHandler = (e) => {\n  try {\n    // we want to grab pastes on any input element inside the collect info step\n    const target = e.target instanceof HTMLInputElement ? e.target : undefined;\n\n    if (target && (target.id || target.name)) {\n      const event: PasteEvent = {\n        eventName: EventName.FORM_PASTE,\n        params: {\n          id: target.id || target.name,\n          queryLength: e.clipboardData.getData(\"text\").length,\n        },\n      };\n      recordGaEvent(event);\n    }\n  } catch (e) {\n    logger.error(e);\n  }\n};\n\n/**\n * A shared wrapper for all personal info collect steps.\n */\nexport const PersonalInfoWrapper: React.FC<PersonalInfoWrapperProps> = ({\n  step,\n  verificationService,\n  className,\n  children,\n}) => {\n  const dashedStep = dashed(step).replace(/^collect-/, \"\");\n  const classes = [`sid-${dashedStep}-container`, \"sid-l-container\", \"sid-left-align\"];\n\n  if (className) {\n    classes.push(className);\n  }\n\n  const onFocus = () => {\n    const { programTheme, verificationResponse } = verificationService;\n    collectDeviceData(programTheme, verificationResponse.verificationId);\n  };\n\n  return (\n    <div\n      id={`sid-step-${dashedStep}`}\n      className={classes.join(\" \")}\n      onPaste={onFormPaste}\n      onFocusCapture={onFocus}\n    >\n      <div role=\"main\">{children}</div>\n      <FormFooterComponent verificationService={verificationService} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;aAkBM,KAA4C,MAAM;CACtD,IAAI;EAEF,IAAM,IAAS,EAAE,kBAAkB,mBAAmB,EAAE,SAAS,KAAA;EAEjE,AAAI,MAAW,EAAO,MAAM,EAAO,SAQjC,EAAc;GANZ,WAAW,EAAU;GACrB,QAAQ;IACN,IAAI,EAAO,MAAM,EAAO;IACxB,aAAa,EAAE,cAAc,QAAQ,MAAM,EAAE;GAC/C;EAEY,CAAK;CAEvB,SAAS,GAAG;EACV,EAAO,MAAM,CAAC;CAChB;AACF,GAKa,KAA2D,EACtE,SACA,wBACA,cACA,kBACI;CACJ,IAAM,IAAa,EAAO,CAAI,EAAE,QAAQ,aAAa,EAAE,GACjD,IAAU;EAAC,OAAO,EAAW;EAAa;EAAmB;CAAgB;CAWnF,OATI,KACF,EAAQ,KAAK,CAAS,GAStB,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAI,YAAY;EAChB,WAAW,EAAQ,KAAK,GAAG;EAC3B,SAAS;EACT,sBAVkB;GACpB,IAAM,EAAE,iBAAc,4BAAyB;GAC/C,EAAkB,GAAc,EAAqB,cAAc;EACrE;YAGE,CAME,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,MAAK;GAAQ;EAAc,CAAA,GAChC,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA0C,uBAAsB,CAAA,CAC7D;;AAET"}

package/chunk/PersonalInfoStepWrapper-DYF8hIJa.js

@@ -0,0 +1,80 @@
+
+/**
+ *   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.298.0
+ *   BUILD_TIMESTAMP: 1790871845642
+ *   BUILD_DATE: Thu Oct 01 2026 16:24:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e6e25f96021c9b1079fa55c41e0a808e1fc908d7
+ */
+import { Tt as e, g as t, x as n } from "./intl-DYOqmiaL.js";
+import { S as r } from "./runtimeTypes-B2AGNJMT.js";
+import { t as i } from "./jsx-runtime-DtApx7WX.js";
+import "./Message-FIogbOPV.js";
+import { h as a, m as o, t as s } from "./FormFooterComponent-DtOlZ88b.js";
+import { t as c } from "./strings-DWLVdUcm.js";
+//#region src/lib/ThreatMetrix/ThreatMetrixUtils.ts
+var l = async (t, n) => {
+	if (!e(() => t.threatMetrixEnabled, !1)) return;
+	let i = t.threatMetrixOrgId || "cnl2my47";
+	try {
+		let { ThreatMetrix: e } = await import(
+			/* webpackChunkName: "Tmetrix" */
+			"./ThreatMetrix-D_TbL50B.js"
+);
+		e !== void 0 && e.hasOwnProperty("profile") && typeof e.profile == "function" && e.profile("content.sheerid.com", i, n);
+	} catch (e) {
+		r.error(e, "Failed to collect ThreatMetrix device data");
+	}
+}, u = /* @__PURE__ */ new Map(), d = (e, t) => {
+	let n = u.get(t);
+	if (n) return n;
+	let r = (async () => {
+		let [, n, r] = await Promise.all([
+			l(e, t),
+			o(e, t),
+			a(e, t)
+		]);
+		return {
+			...r ? { fpSessionId: r } : {},
+			...n ? { ipqsRequestId: n } : {}
+		};
+	})();
+	return u.set(t, r), r;
+}, f = i(), p = (e) => {
+	try {
+		let r = e.target instanceof HTMLInputElement ? e.target : void 0;
+		r && (r.id || r.name) && n({
+			eventName: t.FORM_PASTE,
+			params: {
+				id: r.id || r.name,
+				queryLength: e.clipboardData.getData("text").length
+			}
+		});
+	} catch (e) {
+		r.error(e);
+	}
+}, m = ({ step: e, verificationService: t, className: n, children: r }) => {
+	let i = c(e).replace(/^collect-/, ""), a = [
+		`sid-${i}-container`,
+		"sid-l-container",
+		"sid-left-align"
+	];
+	return n && a.push(n), /* @__PURE__ */ (0, f.jsxs)("div", {
+		id: `sid-step-${i}`,
+		className: a.join(" "),
+		onPaste: p,
+		onFocusCapture: () => {
+			let { programTheme: e, verificationResponse: n } = t;
+			d(e, n.verificationId);
+		},
+		children: [/* @__PURE__ */ (0, f.jsx)("div", {
+			role: "main",
+			children: r
+		}), /* @__PURE__ */ (0, f.jsx)(s, { verificationService: t })]
+	});
+};
+//#endregion
+export { m as t };

package/chunk/PersonalInfoStepWrapper-DYF8hIJa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalInfoStepWrapper-DYF8hIJa.js","names":[],"sources":["../../src/lib/ThreatMetrix/ThreatMetrixUtils.ts","../../src/lib/fraud/fraud.ts","../../src/components/PersonalInfoStepWrapper/PersonalInfoStepWrapper.tsx"],"sourcesContent":["import { getSafe } from \"@jslib/shared/utils/getSafe\";\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type ProgramTheme } from \"../types/types\";\n\nexport const collectThreatMetrixDeviceData = async (\n  programTheme: ProgramTheme,\n  verificationId: string,\n): Promise<void> => {\n  if (!getSafe(() => programTheme.threatMetrixEnabled, false)) {\n    return;\n  }\n\n  const DEFAULT_THREATMETRIX_ORG_ID = \"cnl2my47\";\n  const orgId = programTheme.threatMetrixOrgId || DEFAULT_THREATMETRIX_ORG_ID;\n\n  try {\n    const { ThreatMetrix } = await import(/* webpackChunkName: \"Tmetrix\" */ \"./index\");\n    if (\n      ThreatMetrix !== undefined &&\n      ThreatMetrix.hasOwnProperty(\"profile\") &&\n      typeof ThreatMetrix.profile === \"function\"\n    ) {\n      const profilingDomain = \"content.sheerid.com\";\n      ThreatMetrix.profile(profilingDomain, orgId, verificationId);\n    }\n  } catch (error) {\n    logger.error(error, \"Failed to collect ThreatMetrix device data\");\n  }\n};\n","import { collectIPQSDeviceData } from \"../IPQS/IPQSutils\";\nimport { collectThreatMetrixDeviceData } from \"../ThreatMetrix/ThreatMetrixUtils\";\nimport { collectFingerprintDeviceData } from \"../fingerprint/fingerprintUtils\";\nimport { VerificationApiClient } from \"../ServerApi/VerificationApiClient\";\nimport { type DatabaseId, type ProgramTheme } from \"../types/types\";\n\ntype DeviceDataMetadata = {\n  fpSessionId?: string;\n  ipqsRequestId?: string;\n};\n\nconst collectionsByVerificationId = new Map<string, Promise<DeviceDataMetadata>>();\n\n/**\n * @description Collects device signals from all enabled fraud providers (ThreatMetrix, IPQS, Fingerprint)\n *              and tags them with a verificationId so the backend can look them up. Returns metadata\n *              that should be passed on the next API request. Memoized by verificationId so repeat callers\n *              use the same result without re-calling fraud providers.\n *              Used internally when programTheme is already available.\n */\nexport const collectDeviceData = (\n  programTheme: ProgramTheme,\n  verificationId: string,\n): Promise<DeviceDataMetadata> => {\n  const existing = collectionsByVerificationId.get(verificationId);\n  if (existing) {\n    return existing;\n  }\n\n  const collection = (async () => {\n    const [, ipqsRequestId, fpSessionId] = await Promise.all([\n      collectThreatMetrixDeviceData(programTheme, verificationId),\n      collectIPQSDeviceData(programTheme, verificationId),\n      collectFingerprintDeviceData(programTheme, verificationId),\n    ]);\n    return {\n      ...(fpSessionId ? { fpSessionId } : {}),\n      ...(ipqsRequestId ? { ipqsRequestId } : {}),\n    };\n  })();\n\n  collectionsByVerificationId.set(verificationId, collection);\n  return collection;\n};\n\n/**\n * @public\n * @description Fetches the programTheme and collects device signals from all enabled fraud providers.\n *              Returns metadata (e.g. fpSessionId) that consumers should pass on the collect API request.\n *              Must be awaited before making subsequent API calls.\n */\nexport const collectDeviceProfile = async (\n  verificationId: DatabaseId,\n  programId: DatabaseId,\n): Promise<DeviceDataMetadata> => {\n  const programTheme = await VerificationApiClient.fetchProgramTheme(programId);\n  return collectDeviceData(programTheme, verificationId);\n};\n","import type React from \"react\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { collectDeviceData } from \"@/lib/fraud/fraud\";\n\nimport { type VerificationService, type VerificationStep } from \"../../lib/types/types\";\nimport { FormFooterComponent } from \"../FormFooter/FormFooterComponent\";\nimport { dashed } from \"../../lib/utils/strings\";\nimport { EventName, type PasteEvent, recordGaEvent } from \"../../lib/GoogleAnalytics/ga\";\n\ninterface PersonalInfoWrapperProps {\n  step: VerificationStep;\n  verificationService: VerificationService;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst onFormPaste: React.ClipboardEventHandler = (e) => {\n  try {\n    // we want to grab pastes on any input element inside the collect info step\n    const target = e.target instanceof HTMLInputElement ? e.target : undefined;\n\n    if (target && (target.id || target.name)) {\n      const event: PasteEvent = {\n        eventName: EventName.FORM_PASTE,\n        params: {\n          id: target.id || target.name,\n          queryLength: e.clipboardData.getData(\"text\").length,\n        },\n      };\n      recordGaEvent(event);\n    }\n  } catch (e) {\n    logger.error(e);\n  }\n};\n\n/**\n * A shared wrapper for all personal info collect steps.\n */\nexport const PersonalInfoWrapper: React.FC<PersonalInfoWrapperProps> = ({\n  step,\n  verificationService,\n  className,\n  children,\n}) => {\n  const dashedStep = dashed(step).replace(/^collect-/, \"\");\n  const classes = [`sid-${dashedStep}-container`, \"sid-l-container\", \"sid-left-align\"];\n\n  if (className) {\n    classes.push(className);\n  }\n\n  const onFocus = () => {\n    const { programTheme, verificationResponse } = verificationService;\n    collectDeviceData(programTheme, verificationResponse.verificationId);\n  };\n\n  return (\n    <div\n      id={`sid-step-${dashedStep}`}\n      className={classes.join(\" \")}\n      onPaste={onFormPaste}\n      onFocusCapture={onFocus}\n    >\n      <div role=\"main\">{children}</div>\n      <FormFooterComponent verificationService={verificationService} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAKA,IAAa,IAAgC,OAC3C,GACA,MACkB;CAClB,IAAI,CAAC,QAAc,EAAa,qBAAqB,EAAK,GACxD;CAIF,IAAM,IAAQ,EAAa,qBAAqB;CAEhD,IAAI;EACF,IAAM,EAAE,oBAAiB,MAAM;;GAAyC;;EACxE,AACE,MAAiB,KAAA,KACjB,EAAa,eAAe,SAAS,KACrC,OAAO,EAAa,WAAY,cAGhC,EAAa,QAAQ,uBAAiB,GAAO,CAAc;CAE/D,SAAS,GAAO;EACd,EAAO,MAAM,GAAO,4CAA4C;CAClE;AACF,GClBM,oBAA8B,IAAI,IAAyC,GASpE,KACX,GACA,MACgC;CAChC,IAAM,IAAW,EAA4B,IAAI,CAAc;CAC/D,IAAI,GACF,OAAO;CAGT,IAAM,KAAc,YAAY;EAC9B,IAAM,GAAG,GAAe,KAAe,MAAM,QAAQ,IAAI;GACvD,EAA8B,GAAc,CAAc;GAC1D,EAAsB,GAAc,CAAc;GAClD,EAA6B,GAAc,CAAc;EAC3D,CAAC;EACD,OAAO;GACL,GAAI,IAAc,EAAE,eAAY,IAAI,CAAC;GACrC,GAAI,IAAgB,EAAE,iBAAc,IAAI,CAAC;EAC3C;CACF,GAAG;CAGH,OADA,EAA4B,IAAI,GAAgB,CAAU,GACnD;AACT,YCzBM,KAA4C,MAAM;CACtD,IAAI;EAEF,IAAM,IAAS,EAAE,kBAAkB,mBAAmB,EAAE,SAAS,KAAA;EAEjE,AAAI,MAAW,EAAO,MAAM,EAAO,SAQjC,EAAc;GANZ,WAAW,EAAU;GACrB,QAAQ;IACN,IAAI,EAAO,MAAM,EAAO;IACxB,aAAa,EAAE,cAAc,QAAQ,MAAM,EAAE;GAC/C;EAEY,CAAK;CAEvB,SAAS,GAAG;EACV,EAAO,MAAM,CAAC;CAChB;AACF,GAKa,KAA2D,EACtE,SACA,wBACA,cACA,kBACI;CACJ,IAAM,IAAa,EAAO,CAAI,EAAE,QAAQ,aAAa,EAAE,GACjD,IAAU;EAAC,OAAO,EAAW;EAAa;EAAmB;CAAgB;CAWnF,OATI,KACF,EAAQ,KAAK,CAAS,GAStB,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAI,YAAY;EAChB,WAAW,EAAQ,KAAK,GAAG;EAC3B,SAAS;EACT,sBAVkB;GACpB,IAAM,EAAE,iBAAc,4BAAyB;GAC/C,EAAkB,GAAc,EAAqB,cAAc;EACrE;YAGE,CAME,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,MAAK;GAAQ;EAAc,CAAA,GAChC,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA0C,uBAAsB,CAAA,CAC7D;;AAET"}

package/chunk/{PostalCodeComponent-BU3uUkz5.js → PostalCodeComponent-CvdEHmWZ.js}

@@ -1,12 +1,12 @@
 
 /**
- *   VERSION: 2.296.0
- *   BUILD_TIMESTAMP: 1790267303324
- *   BUILD_DATE: Thu Sep 24 2026 16:28:23 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
+ *   VERSION: 2.298.0
+ *   BUILD_TIMESTAMP: 1790871839660
+ *   BUILD_DATE: Thu Oct 01 2026 16:23:59 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e6e25f96021c9b1079fa55c41e0a808e1fc908d7
  */
 import { n as e, t } from "./jsx-runtime-DQO6A867.js";
-import { n } from "./Message-C4qWuoA7.js";
+import { n } from "./Message-BOsEnoih.js";
 import { t as r } from "./stepComponentHelpers-CDj3don1.js";
 import { t as i } from "./FormFieldText-CsFISbyw.js";
 //#region src/components/FormFields/PostalCode/PostalCodeComponent.tsx

package/chunk/{PostalCodeComponent-BU3uUkz5.js.map → PostalCodeComponent-CvdEHmWZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PostalCodeComponent-BU3uUkz5.js","names":[],"sources":["../../src/components/FormFields/PostalCode/PostalCodeComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n  required?: boolean;\n}\nexport const PostalCodeComponent = ({\n  value,\n  isErrored,\n  onChange,\n  explanation,\n  required = true, // backwards compatibility. TODOv2 make this the same as other fields\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"postalCode\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"postal-code\"\n      refId=\"postalCode\"\n      pattern=\"[a-zA-Z0-9 ]*\"\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder || msg({ id: \"postalCodePlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"postalCode\" defaultMessage=\"Postal Code\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidPostalCode\"\n            defaultMessage=\"Invalid postal code\"\n          />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required={required}\n      explanation={explanation && explanation}\n      disabled={disabled}\n      autoComplete=\"postal-code\"\n    />\n  );\n};\n"],"mappings":";;;;;aAWa,KAAuB,EAClC,UACA,cACA,aACA,gBACA,cAAW,IACX,iBAAc,IACd,cAAW,SACgC;CAC3C,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,YAAY,GAAG,SAGpD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,OAAM;EACN,SAAQ;EACD;EACG;EACV,aAAa,KAAe,EAAI,EAAE,IAAI,wBAAwB,CAAC;EAC/D,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAa,gBAAe;EAAe,CAAA;EAC3E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,6BAA6B,CAAC,CAAC;EACrB;EACV,aAAa,KAAe;EAClB;EACV,cAAa;CACd,CAAA;AAEL"}
+{"version":3,"file":"PostalCodeComponent-CvdEHmWZ.js","names":[],"sources":["../../src/components/FormFields/PostalCode/PostalCodeComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n  required?: boolean;\n}\nexport const PostalCodeComponent = ({\n  value,\n  isErrored,\n  onChange,\n  explanation,\n  required = true, // backwards compatibility. TODOv2 make this the same as other fields\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"postalCode\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"postal-code\"\n      refId=\"postalCode\"\n      pattern=\"[a-zA-Z0-9 ]*\"\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder || msg({ id: \"postalCodePlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"postalCode\" defaultMessage=\"Postal Code\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidPostalCode\"\n            defaultMessage=\"Invalid postal code\"\n          />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required={required}\n      explanation={explanation && explanation}\n      disabled={disabled}\n      autoComplete=\"postal-code\"\n    />\n  );\n};\n"],"mappings":";;;;;aAWa,KAAuB,EAClC,UACA,cACA,aACA,gBACA,cAAW,IACX,iBAAc,IACd,cAAW,SACgC;CAC3C,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,YAAY,GAAG,SAGpD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,OAAM;EACN,SAAQ;EACD;EACG;EACV,aAAa,KAAe,EAAI,EAAE,IAAI,wBAAwB,CAAC;EAC/D,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAa,gBAAe;EAAe,CAAA;EAC3E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,6BAA6B,CAAC,CAAC;EACrB;EACV,aAAa,KAAe;EAClB;EACV,cAAa;CACd,CAAA;AAEL"}

package/chunk/{PostalCodeComponent-DE4FtHXn.js → PostalCodeComponent-mxwAMaWJ.js}

@@ -4,13 +4,13 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.296.0
- *   BUILD_TIMESTAMP: 1790267309032
- *   BUILD_DATE: Thu Sep 24 2026 16:28:29 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
+ *   VERSION: 2.298.0
+ *   BUILD_TIMESTAMP: 1790871845642
+ *   BUILD_DATE: Thu Oct 01 2026 16:24:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e6e25f96021c9b1079fa55c41e0a808e1fc908d7
  */
 import { n as e, t } from "./jsx-runtime-DtApx7WX.js";
-import { n } from "./Message-CZskfqcI.js";
+import { n } from "./Message-FIogbOPV.js";
 import { t as r } from "./stepComponentHelpers-C-r8qzyD.js";
 import { t as i } from "./FormFieldText-BU2NBm1H.js";
 //#region src/components/FormFields/PostalCode/PostalCodeComponent.tsx

package/chunk/{PostalCodeComponent-DE4FtHXn.js.map → PostalCodeComponent-mxwAMaWJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PostalCodeComponent-DE4FtHXn.js","names":[],"sources":["../../src/components/FormFields/PostalCode/PostalCodeComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n  required?: boolean;\n}\nexport const PostalCodeComponent = ({\n  value,\n  isErrored,\n  onChange,\n  explanation,\n  required = true, // backwards compatibility. TODOv2 make this the same as other fields\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"postalCode\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"postal-code\"\n      refId=\"postalCode\"\n      pattern=\"[a-zA-Z0-9 ]*\"\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder || msg({ id: \"postalCodePlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"postalCode\" defaultMessage=\"Postal Code\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidPostalCode\"\n            defaultMessage=\"Invalid postal code\"\n          />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required={required}\n      explanation={explanation && explanation}\n      disabled={disabled}\n      autoComplete=\"postal-code\"\n    />\n  );\n};\n"],"mappings":";;;;;aAWa,KAAuB,EAClC,UACA,cACA,aACA,gBACA,cAAW,IACX,iBAAc,IACd,cAAW,SACgC;CAC3C,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,YAAY,GAAG,SAGpD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,OAAM;EACN,SAAQ;EACD;EACG;EACV,aAAa,KAAe,EAAI,EAAE,IAAI,wBAAwB,CAAC;EAC/D,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAa,gBAAe;EAAe,CAAA;EAC3E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,6BAA6B,CAAC,CAAC;EACrB;EACV,aAAa,KAAe;EAClB;EACV,cAAa;CACd,CAAA;AAEL"}
+{"version":3,"file":"PostalCodeComponent-mxwAMaWJ.js","names":[],"sources":["../../src/components/FormFields/PostalCode/PostalCodeComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n  required?: boolean;\n}\nexport const PostalCodeComponent = ({\n  value,\n  isErrored,\n  onChange,\n  explanation,\n  required = true, // backwards compatibility. TODOv2 make this the same as other fields\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"postalCode\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"postal-code\"\n      refId=\"postalCode\"\n      pattern=\"[a-zA-Z0-9 ]*\"\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder || msg({ id: \"postalCodePlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"postalCode\" defaultMessage=\"Postal Code\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidPostalCode\"\n            defaultMessage=\"Invalid postal code\"\n          />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required={required}\n      explanation={explanation && explanation}\n      disabled={disabled}\n      autoComplete=\"postal-code\"\n    />\n  );\n};\n"],"mappings":";;;;;aAWa,KAAuB,EAClC,UACA,cACA,aACA,gBACA,cAAW,IACX,iBAAc,IACd,cAAW,SACgC;CAC3C,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,YAAY,GAAG,SAGpD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,OAAM;EACN,SAAQ;EACD;EACG;EACV,aAAa,KAAe,EAAI,EAAE,IAAI,wBAAwB,CAAC;EAC/D,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAa,gBAAe;EAAe,CAAA;EAC3E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,6BAA6B,CAAC,CAAC;EACrB;EACV,aAAa,KAAe;EAClB;EACV,cAAa;CACd,CAAA;AAEL"}

package/chunk/{SSN-CiU8LUIC.js → SSN-C68wNSJ-.js}

@@ -4,14 +4,14 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.296.0
- *   BUILD_TIMESTAMP: 1790267309032
- *   BUILD_DATE: Thu Sep 24 2026 16:28:29 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
+ *   VERSION: 2.298.0
+ *   BUILD_TIMESTAMP: 1790871845642
+ *   BUILD_DATE: Thu Oct 01 2026 16:24:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e6e25f96021c9b1079fa55c41e0a808e1fc908d7
  */
 import { t as e } from "./runtimeTypes-B2AGNJMT.js";
 import { n as t, t as n } from "./jsx-runtime-DtApx7WX.js";
-import { n as r } from "./Message-CZskfqcI.js";
+import { n as r } from "./Message-FIogbOPV.js";
 import { t as i } from "./stepComponentHelpers-C-r8qzyD.js";
 import { t as a } from "./FormFieldText-BU2NBm1H.js";
 //#region src/components/FormFields/SSN/SSNHelper.ts

package/chunk/{SSN-Bd7iEK0D.js.map → SSN-C68wNSJ-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SSN-Bd7iEK0D.js","names":[],"sources":["../../src/components/FormFields/SSN/SSNHelper.ts","../../src/components/FormFields/SSN/SSN.tsx"],"sourcesContent":["import { SSN_STRING_LENGTH } from \"../../../constants\";\n\nconst insertAt = (str: string, sub: string, pos: number) =>\n  `${str.slice(0, pos)}${sub}${str.slice(pos)}`;\n\nexport const displaySSN = (value: string) => {\n  let stringValue: string;\n  try {\n    stringValue = value.toString();\n    if (!stringValue) throw new Error();\n  } catch (e) {\n    return \"\";\n  }\n  stringValue = stringValue.replace(/[^\\d]/g, \"\"); // replce non-digit chars\n  stringValue = insertAt(stringValue, \"-\", 3); // for display\n  stringValue = insertAt(stringValue, \"-\", 6); // for display\n  stringValue = stringValue\n    .replace(\"--\", \"\") // just in case\n    .replace(/-$/, \"\"); // don't add trailing hyphen, breaks backspace\n  return stringValue;\n};\n\n// The viewModel and API don't include hyphens. Also enforces max length, prior to setting viewModel, avoiding off-by-one error.\nexport const unDisplaySSN = (value: string) => value.replace(/-/g, \"\").slice(0, SSN_STRING_LENGTH);\n","import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FieldIdEnum } from \"@/lib/types/runtimeTypes\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\nimport { displaySSN, unDisplaySSN } from \"./SSNHelper\";\n\nexport const SocialSecurityNumber = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps<string>) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"socialSecurityNumber\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"ssn\"\n      className=\"sid-ssn__input\"\n      refId={FieldIdEnum.socialSecurityNumber}\n      value={displaySSN(value)}\n      onChange={(newValue) => onChange(unDisplaySSN(newValue))}\n      placeholder={placeholder || msg({ id: \"ssnPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"ssn\" defaultMessage=\"Social Security Number\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidSocialSecurityNumber\"\n            defaultMessage=\"Invalid SSN\"\n          />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required\n      disabled={disabled}\n    />\n  );\n};\n"],"mappings":";;;;;;AAEA,IAAM,KAAY,GAAa,GAAa,MAC1C,GAAG,EAAI,MAAM,GAAG,CAAG,IAAI,IAAM,EAAI,MAAM,CAAG,KAE/B,KAAc,MAAkB;CAC3C,IAAI;CACJ,IAAI;EAEF,IADA,IAAc,EAAM,SAAS,GACzB,CAAC,GAAa,MAAU,MAAM;CACpC,QAAY;EACV,OAAO;CACT;CAOA,OANA,IAAc,EAAY,QAAQ,UAAU,EAAE,GAC9C,IAAc,EAAS,GAAa,KAAK,CAAC,GAC1C,IAAc,EAAS,GAAa,KAAK,CAAC,GAC1C,IAAc,EACX,QAAQ,MAAM,EAAE,EAChB,QAAQ,MAAM,EAAE,GACZ;AACT,GAGa,KAAgB,MAAkB,EAAM,QAAQ,MAAM,EAAE,EAAE,MAAM,GAAA,CAAoB,YCbpF,KAAwB,EACnC,UACA,cACA,aACA,iBAAc,IACd,cAAW,SAC0B;CACrC,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,sBAAsB,GAAG,SAG9D,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,WAAU;EACV,OAAO,EAAY;EACnB,OAAO,EAAW,CAAK;EACvB,WAAW,MAAa,EAAS,EAAa,CAAQ,CAAC;EACvD,aAAa,KAAe,EAAI,EAAE,IAAI,iBAAiB,CAAC;EACxD,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAM,gBAAe;EAA0B,CAAA;EAC/E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,6BAA6B,CAAC,CAAC;EAC/B,UAAA;EACU;CACX,CAAA;AAEL"}
+{"version":3,"file":"SSN-C68wNSJ-.js","names":[],"sources":["../../src/components/FormFields/SSN/SSNHelper.ts","../../src/components/FormFields/SSN/SSN.tsx"],"sourcesContent":["import { SSN_STRING_LENGTH } from \"../../../constants\";\n\nconst insertAt = (str: string, sub: string, pos: number) =>\n  `${str.slice(0, pos)}${sub}${str.slice(pos)}`;\n\nexport const displaySSN = (value: string) => {\n  let stringValue: string;\n  try {\n    stringValue = value.toString();\n    if (!stringValue) throw new Error();\n  } catch (e) {\n    return \"\";\n  }\n  stringValue = stringValue.replace(/[^\\d]/g, \"\"); // replce non-digit chars\n  stringValue = insertAt(stringValue, \"-\", 3); // for display\n  stringValue = insertAt(stringValue, \"-\", 6); // for display\n  stringValue = stringValue\n    .replace(\"--\", \"\") // just in case\n    .replace(/-$/, \"\"); // don't add trailing hyphen, breaks backspace\n  return stringValue;\n};\n\n// The viewModel and API don't include hyphens. Also enforces max length, prior to setting viewModel, avoiding off-by-one error.\nexport const unDisplaySSN = (value: string) => value.replace(/-/g, \"\").slice(0, SSN_STRING_LENGTH);\n","import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FieldIdEnum } from \"@/lib/types/runtimeTypes\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\nimport { displaySSN, unDisplaySSN } from \"./SSNHelper\";\n\nexport const SocialSecurityNumber = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps<string>) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"socialSecurityNumber\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"ssn\"\n      className=\"sid-ssn__input\"\n      refId={FieldIdEnum.socialSecurityNumber}\n      value={displaySSN(value)}\n      onChange={(newValue) => onChange(unDisplaySSN(newValue))}\n      placeholder={placeholder || msg({ id: \"ssnPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"ssn\" defaultMessage=\"Social Security Number\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidSocialSecurityNumber\"\n            defaultMessage=\"Invalid SSN\"\n          />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required\n      disabled={disabled}\n    />\n  );\n};\n"],"mappings":";;;;;;AAEA,IAAM,KAAY,GAAa,GAAa,MAC1C,GAAG,EAAI,MAAM,GAAG,CAAG,IAAI,IAAM,EAAI,MAAM,CAAG,KAE/B,KAAc,MAAkB;CAC3C,IAAI;CACJ,IAAI;EAEF,IADA,IAAc,EAAM,SAAS,GACzB,CAAC,GAAa,MAAU,MAAM;CACpC,QAAY;EACV,OAAO;CACT;CAOA,OANA,IAAc,EAAY,QAAQ,UAAU,EAAE,GAC9C,IAAc,EAAS,GAAa,KAAK,CAAC,GAC1C,IAAc,EAAS,GAAa,KAAK,CAAC,GAC1C,IAAc,EACX,QAAQ,MAAM,EAAE,EAChB,QAAQ,MAAM,EAAE,GACZ;AACT,GAGa,KAAgB,MAAkB,EAAM,QAAQ,MAAM,EAAE,EAAE,MAAM,GAAA,CAAoB,YCbpF,KAAwB,EACnC,UACA,cACA,aACA,iBAAc,IACd,cAAW,SAC0B;CACrC,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,sBAAsB,GAAG,SAG9D,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,WAAU;EACV,OAAO,EAAY;EACnB,OAAO,EAAW,CAAK;EACvB,WAAW,MAAa,EAAS,EAAa,CAAQ,CAAC;EACvD,aAAa,KAAe,EAAI,EAAE,IAAI,iBAAiB,CAAC;EACxD,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAM,gBAAe;EAA0B,CAAA;EAC/E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,6BAA6B,CAAC,CAAC;EAC/B,UAAA;EACU;CACX,CAAA;AAEL"}

package/chunk/{SSN-Bd7iEK0D.js → SSN-Dd_eKrCY.js}

@@ -1,12 +1,12 @@
 
 /**
- *   VERSION: 2.296.0
- *   BUILD_TIMESTAMP: 1790267303324
- *   BUILD_DATE: Thu Sep 24 2026 16:28:23 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
+ *   VERSION: 2.298.0
+ *   BUILD_TIMESTAMP: 1790871839660
+ *   BUILD_DATE: Thu Oct 01 2026 16:23:59 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e6e25f96021c9b1079fa55c41e0a808e1fc908d7
  */
 import { n as e, t } from "./jsx-runtime-DQO6A867.js";
-import { n } from "./Message-C4qWuoA7.js";
+import { n } from "./Message-BOsEnoih.js";
 import { t as r } from "./runtimeTypes-B2AGNJMT.js";
 import { t as i } from "./stepComponentHelpers-CDj3don1.js";
 import { t as a } from "./FormFieldText-CsFISbyw.js";

package/chunk/{SSN-CiU8LUIC.js.map → SSN-Dd_eKrCY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SSN-CiU8LUIC.js","names":[],"sources":["../../src/components/FormFields/SSN/SSNHelper.ts","../../src/components/FormFields/SSN/SSN.tsx"],"sourcesContent":["import { SSN_STRING_LENGTH } from \"../../../constants\";\n\nconst insertAt = (str: string, sub: string, pos: number) =>\n  `${str.slice(0, pos)}${sub}${str.slice(pos)}`;\n\nexport const displaySSN = (value: string) => {\n  let stringValue: string;\n  try {\n    stringValue = value.toString();\n    if (!stringValue) throw new Error();\n  } catch (e) {\n    return \"\";\n  }\n  stringValue = stringValue.replace(/[^\\d]/g, \"\"); // replce non-digit chars\n  stringValue = insertAt(stringValue, \"-\", 3); // for display\n  stringValue = insertAt(stringValue, \"-\", 6); // for display\n  stringValue = stringValue\n    .replace(\"--\", \"\") // just in case\n    .replace(/-$/, \"\"); // don't add trailing hyphen, breaks backspace\n  return stringValue;\n};\n\n// The viewModel and API don't include hyphens. Also enforces max length, prior to setting viewModel, avoiding off-by-one error.\nexport const unDisplaySSN = (value: string) => value.replace(/-/g, \"\").slice(0, SSN_STRING_LENGTH);\n","import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FieldIdEnum } from \"@/lib/types/runtimeTypes\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\nimport { displaySSN, unDisplaySSN } from \"./SSNHelper\";\n\nexport const SocialSecurityNumber = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps<string>) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"socialSecurityNumber\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"ssn\"\n      className=\"sid-ssn__input\"\n      refId={FieldIdEnum.socialSecurityNumber}\n      value={displaySSN(value)}\n      onChange={(newValue) => onChange(unDisplaySSN(newValue))}\n      placeholder={placeholder || msg({ id: \"ssnPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"ssn\" defaultMessage=\"Social Security Number\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidSocialSecurityNumber\"\n            defaultMessage=\"Invalid SSN\"\n          />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required\n      disabled={disabled}\n    />\n  );\n};\n"],"mappings":";;;;;;AAEA,IAAM,KAAY,GAAa,GAAa,MAC1C,GAAG,EAAI,MAAM,GAAG,CAAG,IAAI,IAAM,EAAI,MAAM,CAAG,KAE/B,KAAc,MAAkB;CAC3C,IAAI;CACJ,IAAI;EAEF,IADA,IAAc,EAAM,SAAS,GACzB,CAAC,GAAa,MAAU,MAAM;CACpC,QAAY;EACV,OAAO;CACT;CAOA,OANA,IAAc,EAAY,QAAQ,UAAU,EAAE,GAC9C,IAAc,EAAS,GAAa,KAAK,CAAC,GAC1C,IAAc,EAAS,GAAa,KAAK,CAAC,GAC1C,IAAc,EACX,QAAQ,MAAM,EAAE,EAChB,QAAQ,MAAM,EAAE,GACZ;AACT,GAGa,KAAgB,MAAkB,EAAM,QAAQ,MAAM,EAAE,EAAE,MAAM,GAAA,CAAoB,YCbpF,KAAwB,EACnC,UACA,cACA,aACA,iBAAc,IACd,cAAW,SAC0B;CACrC,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,sBAAsB,GAAG,SAG9D,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,WAAU;EACV,OAAO,EAAY;EACnB,OAAO,EAAW,CAAK;EACvB,WAAW,MAAa,EAAS,EAAa,CAAQ,CAAC;EACvD,aAAa,KAAe,EAAI,EAAE,IAAI,iBAAiB,CAAC;EACxD,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAM,gBAAe;EAA0B,CAAA;EAC/E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,6BAA6B,CAAC,CAAC;EAC/B,UAAA;EACU;CACX,CAAA;AAEL"}
+{"version":3,"file":"SSN-Dd_eKrCY.js","names":[],"sources":["../../src/components/FormFields/SSN/SSNHelper.ts","../../src/components/FormFields/SSN/SSN.tsx"],"sourcesContent":["import { SSN_STRING_LENGTH } from \"../../../constants\";\n\nconst insertAt = (str: string, sub: string, pos: number) =>\n  `${str.slice(0, pos)}${sub}${str.slice(pos)}`;\n\nexport const displaySSN = (value: string) => {\n  let stringValue: string;\n  try {\n    stringValue = value.toString();\n    if (!stringValue) throw new Error();\n  } catch (e) {\n    return \"\";\n  }\n  stringValue = stringValue.replace(/[^\\d]/g, \"\"); // replce non-digit chars\n  stringValue = insertAt(stringValue, \"-\", 3); // for display\n  stringValue = insertAt(stringValue, \"-\", 6); // for display\n  stringValue = stringValue\n    .replace(\"--\", \"\") // just in case\n    .replace(/-$/, \"\"); // don't add trailing hyphen, breaks backspace\n  return stringValue;\n};\n\n// The viewModel and API don't include hyphens. Also enforces max length, prior to setting viewModel, avoiding off-by-one error.\nexport const unDisplaySSN = (value: string) => value.replace(/-/g, \"\").slice(0, SSN_STRING_LENGTH);\n","import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FieldIdEnum } from \"@/lib/types/runtimeTypes\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\nimport { displaySSN, unDisplaySSN } from \"./SSNHelper\";\n\nexport const SocialSecurityNumber = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps<string>) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"socialSecurityNumber\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"ssn\"\n      className=\"sid-ssn__input\"\n      refId={FieldIdEnum.socialSecurityNumber}\n      value={displaySSN(value)}\n      onChange={(newValue) => onChange(unDisplaySSN(newValue))}\n      placeholder={placeholder || msg({ id: \"ssnPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"ssn\" defaultMessage=\"Social Security Number\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidSocialSecurityNumber\"\n            defaultMessage=\"Invalid SSN\"\n          />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required\n      disabled={disabled}\n    />\n  );\n};\n"],"mappings":";;;;;;AAEA,IAAM,KAAY,GAAa,GAAa,MAC1C,GAAG,EAAI,MAAM,GAAG,CAAG,IAAI,IAAM,EAAI,MAAM,CAAG,KAE/B,KAAc,MAAkB;CAC3C,IAAI;CACJ,IAAI;EAEF,IADA,IAAc,EAAM,SAAS,GACzB,CAAC,GAAa,MAAU,MAAM;CACpC,QAAY;EACV,OAAO;CACT;CAOA,OANA,IAAc,EAAY,QAAQ,UAAU,EAAE,GAC9C,IAAc,EAAS,GAAa,KAAK,CAAC,GAC1C,IAAc,EAAS,GAAa,KAAK,CAAC,GAC1C,IAAc,EACX,QAAQ,MAAM,EAAE,EAChB,QAAQ,MAAM,EAAE,GACZ;AACT,GAGa,KAAgB,MAAkB,EAAM,QAAQ,MAAM,EAAE,EAAE,MAAM,GAAA,CAAoB,YCbpF,KAAwB,EACnC,UACA,cACA,aACA,iBAAc,IACd,cAAW,SAC0B;CACrC,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,sBAAsB,GAAG,SAG9D,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,WAAU;EACV,OAAO,EAAY;EACnB,OAAO,EAAW,CAAK;EACvB,WAAW,MAAa,EAAS,EAAa,CAAQ,CAAC;EACvD,aAAa,KAAe,EAAI,EAAE,IAAI,iBAAiB,CAAC;EACxD,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAM,gBAAe;EAA0B,CAAA;EAC/E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,6BAA6B,CAAC,CAAC;EAC/B,UAAA;EACU;CACX,CAAA;AAEL"}

package/chunk/{StateSelectComponent-BCHagpBG.js → StateSelectComponent-BCEo6pOV.js}

@@ -4,15 +4,15 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.296.0
- *   BUILD_TIMESTAMP: 1790267309032
- *   BUILD_DATE: Thu Sep 24 2026 16:28:29 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
+ *   VERSION: 2.298.0
+ *   BUILD_TIMESTAMP: 1790871845642
+ *   BUILD_DATE: Thu Oct 01 2026 16:24:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e6e25f96021c9b1079fa55c41e0a808e1fc908d7
  */
-import { r as e } from "./programThemeGetters-Bs9weQ3i.js";
+import { r as e } from "./programThemeGetters-1awbZc_9.js";
 import { n as t, t as n } from "./jsx-runtime-DtApx7WX.js";
-import { n as r, o as i } from "./Message-CZskfqcI.js";
-import { t as a } from "./FormFieldInputSelect-DR3EfH0r.js";
+import { n as r, o as i } from "./Message-FIogbOPV.js";
+import { t as a } from "./FormFieldInputSelect-CNmlpO1G.js";
 //#region src/components/FormFields/State/StateSelectComponent.tsx
 var o = n(), s = ({ value: n, isErrored: s, onChange: c, placeholder: l = "", label: u = "", isRequired: d = !1, disabled: f = !1 }) => {
 	let { msg: p } = r(), m = e(i()).map((e) => ({

package/chunk/{StateSelectComponent-BCHagpBG.js.map → StateSelectComponent-BCEo6pOV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StateSelectComponent-BCHagpBG.js","names":[],"sources":["../../src/components/FormFields/State/StateSelectComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldInputSelect } from \"@/components/FormFields/FormFieldInputSelect/FormFieldInputSelect\";\nimport { getConfiguredStates } from \"@/lib/ProgramTheme/programThemeGetters\";\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"@/lib/types/types\";\nimport { useProgramTheme } from \"@/lib/state/contextHooks\";\n\nexport const StateSelectComponent = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n  label = \"\",\n  isRequired = false,\n  disabled = false,\n}: Omit<InputSelectComponentProps, \"options\">) => {\n  const { msg } = useMessage();\n  const programTheme = useProgramTheme();\n  const options = getConfiguredStates(programTheme).map((stateCode) => ({\n    value: stateCode,\n    label: msg({ id: `states.${stateCode}` }),\n  }));\n\n  const stateFieldId = \"state\";\n\n  return (\n    <FormFieldInputSelect\n      fieldId={stateFieldId}\n      value={options.find((option) => option.value === value)}\n      refId=\"state\"\n      onChange={(state: FormSelectChoice) => onChange(state)}\n      placeholder={placeholder || msg({ id: \"statePlaceholder\" })}\n      label={label || <FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidState\" defaultMessage=\"Invalid state\" />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      options={options}\n      isRequired={isRequired}\n      buttonRef=\"inputSelectButtonState\"\n      containerId={`sid-${stateFieldId}__select`}\n      disabled={disabled}\n      autoComplete=\"address-level1\"\n    />\n  );\n};\n"],"mappings":";;;;;aAQa,KAAwB,EACnC,UACA,cACA,aACA,iBAAc,IACd,WAAQ,IACR,gBAAa,IACb,cAAW,SACqC;CAChD,IAAM,EAAE,WAAQ,EAAW,GAErB,IAAU,EADK,EACe,CAAY,EAAE,KAAK,OAAe;EACpE,OAAO;EACP,OAAO,EAAI,EAAE,IAAI,UAAU,IAAY,CAAC;CAC1C,EAAE,GAEI,IAAe;CAErB,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAS;EACT,OAAO,EAAQ,MAAM,MAAW,EAAO,UAAU,CAAK;EACtD,OAAM;EACN,WAAW,MAA4B,EAAS,CAAK;EACrD,aAAa,KAAe,EAAI,EAAE,IAAI,mBAAmB,CAAC;EAC1D,OAAO,KAAS,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAQ,gBAAe;EAAS,CAAA;EACzE,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAuB,gBAAe;EAAiB,CAAA;EAGpF,6BAA6B,CAAC,CAAC;EACtB;EACG;EACZ,WAAU;EACV,aAAa,OAAO,EAAa;EACvB;EACV,cAAa;CACd,CAAA;AAEL"}
+{"version":3,"file":"StateSelectComponent-BCEo6pOV.js","names":[],"sources":["../../src/components/FormFields/State/StateSelectComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldInputSelect } from \"@/components/FormFields/FormFieldInputSelect/FormFieldInputSelect\";\nimport { getConfiguredStates } from \"@/lib/ProgramTheme/programThemeGetters\";\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"@/lib/types/types\";\nimport { useProgramTheme } from \"@/lib/state/contextHooks\";\n\nexport const StateSelectComponent = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n  label = \"\",\n  isRequired = false,\n  disabled = false,\n}: Omit<InputSelectComponentProps, \"options\">) => {\n  const { msg } = useMessage();\n  const programTheme = useProgramTheme();\n  const options = getConfiguredStates(programTheme).map((stateCode) => ({\n    value: stateCode,\n    label: msg({ id: `states.${stateCode}` }),\n  }));\n\n  const stateFieldId = \"state\";\n\n  return (\n    <FormFieldInputSelect\n      fieldId={stateFieldId}\n      value={options.find((option) => option.value === value)}\n      refId=\"state\"\n      onChange={(state: FormSelectChoice) => onChange(state)}\n      placeholder={placeholder || msg({ id: \"statePlaceholder\" })}\n      label={label || <FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidState\" defaultMessage=\"Invalid state\" />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      options={options}\n      isRequired={isRequired}\n      buttonRef=\"inputSelectButtonState\"\n      containerId={`sid-${stateFieldId}__select`}\n      disabled={disabled}\n      autoComplete=\"address-level1\"\n    />\n  );\n};\n"],"mappings":";;;;;aAQa,KAAwB,EACnC,UACA,cACA,aACA,iBAAc,IACd,WAAQ,IACR,gBAAa,IACb,cAAW,SACqC;CAChD,IAAM,EAAE,WAAQ,EAAW,GAErB,IAAU,EADK,EACe,CAAY,EAAE,KAAK,OAAe;EACpE,OAAO;EACP,OAAO,EAAI,EAAE,IAAI,UAAU,IAAY,CAAC;CAC1C,EAAE,GAEI,IAAe;CAErB,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAS;EACT,OAAO,EAAQ,MAAM,MAAW,EAAO,UAAU,CAAK;EACtD,OAAM;EACN,WAAW,MAA4B,EAAS,CAAK;EACrD,aAAa,KAAe,EAAI,EAAE,IAAI,mBAAmB,CAAC;EAC1D,OAAO,KAAS,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAQ,gBAAe;EAAS,CAAA;EACzE,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAuB,gBAAe;EAAiB,CAAA;EAGpF,6BAA6B,CAAC,CAAC;EACtB;EACG;EACZ,WAAU;EACV,aAAa,OAAO,EAAa;EACvB;EACV,cAAa;CACd,CAAA;AAEL"}

package/chunk/{StateSelectComponent-Be_BuLYk.js → StateSelectComponent-C_AaWQr4.js}

@@ -1,14 +1,14 @@
 
 /**
- *   VERSION: 2.296.0
- *   BUILD_TIMESTAMP: 1790267303324
- *   BUILD_DATE: Thu Sep 24 2026 16:28:23 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
+ *   VERSION: 2.298.0
+ *   BUILD_TIMESTAMP: 1790871839660
+ *   BUILD_DATE: Thu Oct 01 2026 16:23:59 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e6e25f96021c9b1079fa55c41e0a808e1fc908d7
  */
 import { n as e, t } from "./jsx-runtime-DQO6A867.js";
-import { n, o as r } from "./Message-C4qWuoA7.js";
-import { r as i } from "./programThemeGetters-CHcPOXgA.js";
-import { t as a } from "./FormFieldInputSelect-Dv55bWvn.js";
+import { n, o as r } from "./Message-BOsEnoih.js";
+import { r as i } from "./programThemeGetters-DEFn8PSa.js";
+import { t as a } from "./FormFieldInputSelect-Bb9YTOUQ.js";
 //#region src/components/FormFields/State/StateSelectComponent.tsx
 var o = t(), s = ({ value: t, isErrored: s, onChange: c, placeholder: l = "", label: u = "", isRequired: d = !1, disabled: f = !1 }) => {
 	let { msg: p } = n(), m = i(r()).map((e) => ({

package/chunk/{StateSelectComponent-Be_BuLYk.js.map → StateSelectComponent-C_AaWQr4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StateSelectComponent-Be_BuLYk.js","names":[],"sources":["../../src/components/FormFields/State/StateSelectComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldInputSelect } from \"@/components/FormFields/FormFieldInputSelect/FormFieldInputSelect\";\nimport { getConfiguredStates } from \"@/lib/ProgramTheme/programThemeGetters\";\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"@/lib/types/types\";\nimport { useProgramTheme } from \"@/lib/state/contextHooks\";\n\nexport const StateSelectComponent = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n  label = \"\",\n  isRequired = false,\n  disabled = false,\n}: Omit<InputSelectComponentProps, \"options\">) => {\n  const { msg } = useMessage();\n  const programTheme = useProgramTheme();\n  const options = getConfiguredStates(programTheme).map((stateCode) => ({\n    value: stateCode,\n    label: msg({ id: `states.${stateCode}` }),\n  }));\n\n  const stateFieldId = \"state\";\n\n  return (\n    <FormFieldInputSelect\n      fieldId={stateFieldId}\n      value={options.find((option) => option.value === value)}\n      refId=\"state\"\n      onChange={(state: FormSelectChoice) => onChange(state)}\n      placeholder={placeholder || msg({ id: \"statePlaceholder\" })}\n      label={label || <FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidState\" defaultMessage=\"Invalid state\" />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      options={options}\n      isRequired={isRequired}\n      buttonRef=\"inputSelectButtonState\"\n      containerId={`sid-${stateFieldId}__select`}\n      disabled={disabled}\n      autoComplete=\"address-level1\"\n    />\n  );\n};\n"],"mappings":";;;;;aAQa,KAAwB,EACnC,UACA,cACA,aACA,iBAAc,IACd,WAAQ,IACR,gBAAa,IACb,cAAW,SACqC;CAChD,IAAM,EAAE,WAAQ,EAAW,GAErB,IAAU,EADK,EACe,CAAY,EAAE,KAAK,OAAe;EACpE,OAAO;EACP,OAAO,EAAI,EAAE,IAAI,UAAU,IAAY,CAAC;CAC1C,EAAE,GAEI,IAAe;CAErB,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAS;EACT,OAAO,EAAQ,MAAM,MAAW,EAAO,UAAU,CAAK;EACtD,OAAM;EACN,WAAW,MAA4B,EAAS,CAAK;EACrD,aAAa,KAAe,EAAI,EAAE,IAAI,mBAAmB,CAAC;EAC1D,OAAO,KAAS,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAQ,gBAAe;EAAS,CAAA;EACzE,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAuB,gBAAe;EAAiB,CAAA;EAGpF,6BAA6B,CAAC,CAAC;EACtB;EACG;EACZ,WAAU;EACV,aAAa,OAAO,EAAa;EACvB;EACV,cAAa;CACd,CAAA;AAEL"}
+{"version":3,"file":"StateSelectComponent-C_AaWQr4.js","names":[],"sources":["../../src/components/FormFields/State/StateSelectComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldInputSelect } from \"@/components/FormFields/FormFieldInputSelect/FormFieldInputSelect\";\nimport { getConfiguredStates } from \"@/lib/ProgramTheme/programThemeGetters\";\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"@/lib/types/types\";\nimport { useProgramTheme } from \"@/lib/state/contextHooks\";\n\nexport const StateSelectComponent = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n  label = \"\",\n  isRequired = false,\n  disabled = false,\n}: Omit<InputSelectComponentProps, \"options\">) => {\n  const { msg } = useMessage();\n  const programTheme = useProgramTheme();\n  const options = getConfiguredStates(programTheme).map((stateCode) => ({\n    value: stateCode,\n    label: msg({ id: `states.${stateCode}` }),\n  }));\n\n  const stateFieldId = \"state\";\n\n  return (\n    <FormFieldInputSelect\n      fieldId={stateFieldId}\n      value={options.find((option) => option.value === value)}\n      refId=\"state\"\n      onChange={(state: FormSelectChoice) => onChange(state)}\n      placeholder={placeholder || msg({ id: \"statePlaceholder\" })}\n      label={label || <FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidState\" defaultMessage=\"Invalid state\" />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      options={options}\n      isRequired={isRequired}\n      buttonRef=\"inputSelectButtonState\"\n      containerId={`sid-${stateFieldId}__select`}\n      disabled={disabled}\n      autoComplete=\"address-level1\"\n    />\n  );\n};\n"],"mappings":";;;;;aAQa,KAAwB,EACnC,UACA,cACA,aACA,iBAAc,IACd,WAAQ,IACR,gBAAa,IACb,cAAW,SACqC;CAChD,IAAM,EAAE,WAAQ,EAAW,GAErB,IAAU,EADK,EACe,CAAY,EAAE,KAAK,OAAe;EACpE,OAAO;EACP,OAAO,EAAI,EAAE,IAAI,UAAU,IAAY,CAAC;CAC1C,EAAE,GAEI,IAAe;CAErB,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAS;EACT,OAAO,EAAQ,MAAM,MAAW,EAAO,UAAU,CAAK;EACtD,OAAM;EACN,WAAW,MAA4B,EAAS,CAAK;EACrD,aAAa,KAAe,EAAI,EAAE,IAAI,mBAAmB,CAAC;EAC1D,OAAO,KAAS,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAQ,gBAAe;EAAS,CAAA;EACzE,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAuB,gBAAe;EAAiB,CAAA;EAGpF,6BAA6B,CAAC,CAAC;EACtB;EACG;EACZ,WAAU;EACV,aAAa,OAAO,EAAa;EACvB;EACV,cAAa;CACd,CAAA;AAEL"}

package/chunk/{StatusComponent-CYTWVmt6.js → StatusComponent-7b2HtFP_.js}

@@ -4,16 +4,16 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.296.0
- *   BUILD_TIMESTAMP: 1790267309032
- *   BUILD_DATE: Thu Sep 24 2026 16:28:29 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: c40128b666ae42ee6a9edba848b7517c53c4e62a
+ *   VERSION: 2.298.0
+ *   BUILD_TIMESTAMP: 1790871845642
+ *   BUILD_DATE: Thu Oct 01 2026 16:24:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e6e25f96021c9b1079fa55c41e0a808e1fc908d7
  */
 import { kt as e } from "./intl-DYOqmiaL.js";
 import { n as t, s as n, t as r } from "./jsx-runtime-DtApx7WX.js";
-import { n as i, s as a } from "./Message-CZskfqcI.js";
+import { n as i, s as a } from "./Message-FIogbOPV.js";
 import { t as o } from "./stepComponentHelpers-C-r8qzyD.js";
-import { t as s } from "./FormFieldInputSelect-DR3EfH0r.js";
+import { t as s } from "./FormFieldInputSelect-CNmlpO1G.js";
 //#region src/components/FormFields/Status/StatusComponent.tsx
 var c = /* @__PURE__ */ e(n(), 1), l = r(), u = ({ value: e, isErrored: n, errorId: r = "invalidStatus", options: u, onChange: d, placeholder: f = "", onKeyDown: p = void 0, segmentId: m, disabled: h = !1, label: g = /* @__PURE__ */ (0, l.jsx)(t, {
 	id: "status",

package/chunk/{StatusComponent-CMoJS2Jl.js.map → StatusComponent-7b2HtFP_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StatusComponent-CMoJS2Jl.js","names":[],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { useSegment } from \"@/lib/state/contextHooks\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\n\ninterface StatusComponentProps<T = FormSelectChoice> extends InputSelectComponentProps<T> {\n  segmentId: string;\n  errorId?: string;\n  explanation?: string | JSX.Element;\n}\n\nexport const StatusComponent = ({\n  value,\n  isErrored,\n  errorId = \"invalidStatus\",\n  options,\n  onChange,\n  placeholder = \"\",\n  onKeyDown = undefined,\n  segmentId,\n  disabled = false,\n  label = <FormattedHTMLMessage id=\"status\" defaultMessage=\"Status\" />,\n  explanation = undefined,\n}: StatusComponentProps) => {\n  const { msg } = useMessage();\n  const segment = useSegment();\n  const inputId = `${segmentId}-status`;\n  const hasOnlyOneOption = options.length === 1;\n  const isFieldHidden =\n    getFieldConfigByFieldId(\"status\")?.hidden || getFieldConfigByFieldId(\"statuses\")?.hidden;\n\n  // Auto select a status if there is only one option. Available statuses can\n  // change after initial render.\n  // Uses values instead of arrays for stable identities.\n  const onlyOption = hasOnlyOneOption ? options[0] : undefined;\n  const selectedValue = value?.value;\n  React.useEffect(() => {\n    if (onlyOption && selectedValue !== onlyOption.value) {\n      onChange(onlyOption);\n    }\n  }, [onlyOption?.value, selectedValue]);\n\n  if (hasOnlyOneOption || isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldInputSelect\n      fieldId={inputId}\n      options={options}\n      onChange={(status: FormSelectChoice) => onChange(status)}\n      onKeyDown={onKeyDown}\n      value={options.find((option) => option.value === (value && value.value))}\n      placeholder={placeholder || msg({ id: \"statusPlaceholder\", context: segment })}\n      showPlaceholderAndHideLabel={!!placeholder}\n      isRequired\n      containerId={`sid-${inputId}`}\n      label={label}\n      disabled={disabled}\n      explanation={explanation}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id={`errorId.${errorId}`}\n            defaultMessage={`Invalid ${segmentId} status`}\n          />\n        )\n      }\n    />\n  );\n};\n"],"mappings":";;;;;;4CAgBa,KAAmB,EAC9B,UACA,cACA,aAAU,iBACV,YACA,aACA,iBAAc,IACd,eAAY,KAAA,GACZ,cACA,cAAW,IACX,WAAQ,iBAAA,GAAA,EAAA,KAAC,GAAD;CAAsB,IAAG;CAAS,gBAAe;AAAU,CAAA,GACnE,iBAAc,KAAA,QACY;CAC1B,IAAM,EAAE,WAAQ,EAAW,GACrB,IAAU,EAAW,GACrB,IAAU,GAAG,EAAU,UACvB,IAAmB,EAAQ,WAAW,GACtC,IACJ,EAAwB,QAAQ,GAAG,UAAU,EAAwB,UAAU,GAAG,QAK9E,IAAa,IAAmB,EAAQ,KAAK,KAAA,GAC7C,IAAgB,GAAO;CAW7B,OAVA,EAAM,gBAAgB;EACpB,AAAI,KAAc,MAAkB,EAAW,SAC7C,EAAS,CAAU;CAEvB,GAAG,CAAC,GAAY,OAAO,CAAa,CAAC,GAEjC,KAAoB,IACf,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAS;EACA;EACT,WAAW,MAA6B,EAAS,CAAM;EAC5C;EACX,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;EACvE,aAAa,KAAe,EAAI;GAAE,IAAI;GAAqB,SAAS;EAAQ,CAAC;EAC7E,6BAA6B,CAAC,CAAC;EAC/B,YAAA;EACA,aAAa,OAAO;EACb;EACG;EACG;EACb,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAI,WAAW;GACf,gBAAgB,WAAW,EAAU;EACtC,CAAA;CAGN,CAAA;AAEL"}
+{"version":3,"file":"StatusComponent-7b2HtFP_.js","names":[],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { useSegment } from \"@/lib/state/contextHooks\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\n\ninterface StatusComponentProps<T = FormSelectChoice> extends InputSelectComponentProps<T> {\n  segmentId: string;\n  errorId?: string;\n  explanation?: string | JSX.Element;\n}\n\nexport const StatusComponent = ({\n  value,\n  isErrored,\n  errorId = \"invalidStatus\",\n  options,\n  onChange,\n  placeholder = \"\",\n  onKeyDown = undefined,\n  segmentId,\n  disabled = false,\n  label = <FormattedHTMLMessage id=\"status\" defaultMessage=\"Status\" />,\n  explanation = undefined,\n}: StatusComponentProps) => {\n  const { msg } = useMessage();\n  const segment = useSegment();\n  const inputId = `${segmentId}-status`;\n  const hasOnlyOneOption = options.length === 1;\n  const isFieldHidden =\n    getFieldConfigByFieldId(\"status\")?.hidden || getFieldConfigByFieldId(\"statuses\")?.hidden;\n\n  // Auto select a status if there is only one option. Available statuses can\n  // change after initial render.\n  // Uses values instead of arrays for stable identities.\n  const onlyOption = hasOnlyOneOption ? options[0] : undefined;\n  const selectedValue = value?.value;\n  React.useEffect(() => {\n    if (onlyOption && selectedValue !== onlyOption.value) {\n      onChange(onlyOption);\n    }\n  }, [onlyOption?.value, selectedValue]);\n\n  if (hasOnlyOneOption || isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldInputSelect\n      fieldId={inputId}\n      options={options}\n      onChange={(status: FormSelectChoice) => onChange(status)}\n      onKeyDown={onKeyDown}\n      value={options.find((option) => option.value === (value && value.value))}\n      placeholder={placeholder || msg({ id: \"statusPlaceholder\", context: segment })}\n      showPlaceholderAndHideLabel={!!placeholder}\n      isRequired\n      containerId={`sid-${inputId}`}\n      label={label}\n      disabled={disabled}\n      explanation={explanation}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id={`errorId.${errorId}`}\n            defaultMessage={`Invalid ${segmentId} status`}\n          />\n        )\n      }\n    />\n  );\n};\n"],"mappings":";;;;;;4CAgBa,KAAmB,EAC9B,UACA,cACA,aAAU,iBACV,YACA,aACA,iBAAc,IACd,eAAY,KAAA,GACZ,cACA,cAAW,IACX,WAAQ,iBAAA,GAAA,EAAA,KAAC,GAAD;CAAsB,IAAG;CAAS,gBAAe;AAAU,CAAA,GACnE,iBAAc,KAAA,QACY;CAC1B,IAAM,EAAE,WAAQ,EAAW,GACrB,IAAU,EAAW,GACrB,IAAU,GAAG,EAAU,UACvB,IAAmB,EAAQ,WAAW,GACtC,IACJ,EAAwB,QAAQ,GAAG,UAAU,EAAwB,UAAU,GAAG,QAK9E,IAAa,IAAmB,EAAQ,KAAK,KAAA,GAC7C,IAAgB,GAAO;CAW7B,OAVA,EAAM,gBAAgB;EACpB,AAAI,KAAc,MAAkB,EAAW,SAC7C,EAAS,CAAU;CAEvB,GAAG,CAAC,GAAY,OAAO,CAAa,CAAC,GAEjC,KAAoB,IACf,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAS;EACA;EACT,WAAW,MAA6B,EAAS,CAAM;EAC5C;EACX,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;EACvE,aAAa,KAAe,EAAI;GAAE,IAAI;GAAqB,SAAS;EAAQ,CAAC;EAC7E,6BAA6B,CAAC,CAAC;EAC/B,YAAA;EACA,aAAa,OAAO;EACb;EACG;EACG;EACb,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAI,WAAW;GACf,gBAAgB,WAAW,EAAU;EACtC,CAAA;CAGN,CAAA;AAEL"}