npm - @sheerid/jslib-nightly - Versions diffs - 2.259.0-alpha.3 → 2.259.0-alpha.5 - Mend

@sheerid/jslib-nightly 2.259.0-alpha.3 → 2.259.0-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (376) hide show

package/chunk/{StepSMSLoop-DPthV2Lc.js.map → StepSMSLoop-CqRn7DH2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSMSLoop-DPthV2Lc.js","names":[],"sources":["../../src/components/FormFields/SMSCode/SMSCodeComponent.tsx","../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { InputTextComponent } from \"../../FormInputs/InputText/InputText\";\n\nexport const SMSCode = ({\n onChange,\n value,\n isErrored,\n errorId,\n intl,\n placeholder = \"\",\n}: FormFieldComponentProps) => {\n const getErrorMessage = (errorId) => {\n switch (errorId) {\n case \"invalidSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeVerification\"\n defaultMessage=\"Verification code could not be validated.\"\n />\n );\n case \"expiredSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeExpired\"\n defaultMessage=\"Verification code expired.\"\n />\n );\n default:\n return <FormattedHTMLMessage id=\"errorId.unknownError\" defaultMessage=\"Unknown Error\" />;\n }\n };\n\n return (\n <div className=\"sid-field sid-sms-code-id\">\n <div className=\"sid-l-space-top-md\" />\n {isErrored ? <div className=\"sid-field-error\">{getErrorMessage(errorId)}</div> : null}\n\n <InputTextComponent\n id=\"sms-code\"\n isErrored={isErrored}\n required\n placeholder={\n placeholder \|\|\n intl.formatHTMLMessage({ id: \"smsCodePlaceholder\", defaultMessage: \"SMS Code\" })\n }\n value={value}\n onChange={(e) => onChange(e.target.value)}\n />\n </div>\n );\n};\n\nexport const SMSCodeComponent = injectIntl(SMSCode);\n","import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n type VerificationService,\n type StudentPersonalInfoViewModel,\n type SMSLoopResponse,\n type SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n const viewModel = verificationService.viewModel as SMSLoopViewModel;\n const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n const previousViewModel =\n (verificationService.previousViewModel as StudentPersonalInfoViewModel) \|\| undefined;\n\n const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n );\n\n const stepSuccessMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.successResend\",\n defaultMessage: \"SMS message re-sent successfully\",\n });\n const maxTotalRetriesMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const errorResendingSMSMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.resend\",\n defaultMessage: \"Error sending the SMS message\",\n });\n\n React.useEffect(() => {\n if (isAttemptLimitExceeded) {\n setStepResultMessage(maxRetriesPerCodeMessage);\n }\n }, []);\n\n if (\n getSafe(() => verificationResponse.errorIds.length) &&\n !verificationService.fieldValidationErrors.smsCode\n ) {\n verificationService.updateFieldValidationErrors({\n ...verificationService.fieldValidationErrors,\n smsCode: verificationResponse.errorIds[0],\n });\n }\n\n const updateSmsCode = (value) => {\n const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n draft.smsCode = value;\n draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n });\n verificationService.updateViewModel(nextState);\n };\n\n const submitForm = () => {\n logger.info(\"StepSMSLoop submitting form\");\n verificationService.submitStep(\n VerificationStepsEnum.smsLoop,\n viewModel,\n verificationService.verificationResponse,\n );\n };\n\n const resendSmsCode = async (verificationId) => {\n const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n if (response) {\n setAttemptLimitExceeded(false);\n setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n } else {\n setStepResultMessage(errorResendingSMSMessage);\n }\n };\n\n return (\n <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.smsLoop.verificationCode\"\n defaultMessage=\"Verification Code\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <div className=\"sid-header__subtitle\">\n {getSafe(() => previousViewModel.phoneNumber) ? (\n <FormattedHTMLMessage\n id=\"step.smsLoop.titleWithNumber\"\n defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n values={{\n number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n }}\n />\n ) : (\n <FormattedHTMLMessage\n id=\"step.smsLoop.titleWithoutNumber\"\n defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n />\n )}\n </div>\n\n <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n <SMSCodeComponent\n onChange={updateSmsCode}\n value={viewModel.smsCode}\n isErrored={isErrored}\n errorId={verificationService.fieldValidationErrors.smsCode}\n />\n </div>\n\n {stepResultMessage && (\n <div>\n <p>{stepResultMessage}</p>\n </div>\n )}\n\n <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n <button\n id=\"sid-submit-sms-code\"\n onClick={submitForm}\n type=\"button\"\n className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n aria-label=\"submit\"\n disabled={\n !!(!viewModel.smsCode \|\| viewModel.smsCode.length <= 0 \|\| isAttemptLimitExceeded)\n }\n >\n <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n </button>\n\n <div className=\"sid-l-space-left-sm\"> </div>\n\n <button\n id=\"sid-resend-sms-code\"\n onClick={() => resendSmsCode(verificationResponse.verificationId)}\n type=\"submit\"\n className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n aria-label=\"re-send\"\n >\n <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n </button>\n </div>\n\n <div className=\"sid-incorrect-number sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n defaultMessage=\"Incorrect number? Click\"\n />\n  \n <button\n type=\"button\"\n onClick={() => window.location.reload()}\n className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n >\n <FormattedHTMLMessage\n id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n defaultMessage=\"here\"\n />\n  \n </button>\n <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n {(companyName) => (\n <FormattedHTMLMessage\n id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n defaultMessage=\"to return to {companyName}\"\n values={{ companyName }}\n />\n )}\n </FormattedHTMLMessage>\n </div>\n </div>\n );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}
1	+ {"version":3,"file":"StepSMSLoop-CqRn7DH2.js","names":[],"sources":["../../src/components/FormFields/SMSCode/SMSCodeComponent.tsx","../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { InputTextComponent } from \"../../FormInputs/InputText/InputText\";\n\nexport const SMSCode = ({\n onChange,\n value,\n isErrored,\n errorId,\n intl,\n placeholder = \"\",\n}: FormFieldComponentProps) => {\n const getErrorMessage = (errorId) => {\n switch (errorId) {\n case \"invalidSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeVerification\"\n defaultMessage=\"Verification code could not be validated.\"\n />\n );\n case \"expiredSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeExpired\"\n defaultMessage=\"Verification code expired.\"\n />\n );\n default:\n return <FormattedHTMLMessage id=\"errorId.unknownError\" defaultMessage=\"Unknown Error\" />;\n }\n };\n\n return (\n <div className=\"sid-field sid-sms-code-id\">\n <div className=\"sid-l-space-top-md\" />\n {isErrored ? <div className=\"sid-field-error\">{getErrorMessage(errorId)}</div> : null}\n\n <InputTextComponent\n id=\"sms-code\"\n isErrored={isErrored}\n required\n placeholder={\n placeholder \|\|\n intl.formatHTMLMessage({ id: \"smsCodePlaceholder\", defaultMessage: \"SMS Code\" })\n }\n value={value}\n onChange={(e) => onChange(e.target.value)}\n />\n </div>\n );\n};\n\nexport const SMSCodeComponent = injectIntl(SMSCode);\n","import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n type VerificationService,\n type StudentPersonalInfoViewModel,\n type SMSLoopResponse,\n type SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n const viewModel = verificationService.viewModel as SMSLoopViewModel;\n const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n const previousViewModel =\n (verificationService.previousViewModel as StudentPersonalInfoViewModel) \|\| undefined;\n\n const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n );\n\n const stepSuccessMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.successResend\",\n defaultMessage: \"SMS message re-sent successfully\",\n });\n const maxTotalRetriesMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const errorResendingSMSMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.resend\",\n defaultMessage: \"Error sending the SMS message\",\n });\n\n React.useEffect(() => {\n if (isAttemptLimitExceeded) {\n setStepResultMessage(maxRetriesPerCodeMessage);\n }\n }, []);\n\n if (\n getSafe(() => verificationResponse.errorIds.length) &&\n !verificationService.fieldValidationErrors.smsCode\n ) {\n verificationService.updateFieldValidationErrors({\n ...verificationService.fieldValidationErrors,\n smsCode: verificationResponse.errorIds[0],\n });\n }\n\n const updateSmsCode = (value) => {\n const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n draft.smsCode = value;\n draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n });\n verificationService.updateViewModel(nextState);\n };\n\n const submitForm = () => {\n logger.info(\"StepSMSLoop submitting form\");\n verificationService.submitStep(\n VerificationStepsEnum.smsLoop,\n viewModel,\n verificationService.verificationResponse,\n );\n };\n\n const resendSmsCode = async (verificationId) => {\n const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n if (response) {\n setAttemptLimitExceeded(false);\n setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n } else {\n setStepResultMessage(errorResendingSMSMessage);\n }\n };\n\n return (\n <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.smsLoop.verificationCode\"\n defaultMessage=\"Verification Code\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <div className=\"sid-header__subtitle\">\n {getSafe(() => previousViewModel.phoneNumber) ? (\n <FormattedHTMLMessage\n id=\"step.smsLoop.titleWithNumber\"\n defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n values={{\n number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n }}\n />\n ) : (\n <FormattedHTMLMessage\n id=\"step.smsLoop.titleWithoutNumber\"\n defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n />\n )}\n </div>\n\n <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n <SMSCodeComponent\n onChange={updateSmsCode}\n value={viewModel.smsCode}\n isErrored={isErrored}\n errorId={verificationService.fieldValidationErrors.smsCode}\n />\n </div>\n\n {stepResultMessage && (\n <div>\n <p>{stepResultMessage}</p>\n </div>\n )}\n\n <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n <button\n id=\"sid-submit-sms-code\"\n onClick={submitForm}\n type=\"button\"\n className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n aria-label=\"submit\"\n disabled={\n !!(!viewModel.smsCode \|\| viewModel.smsCode.length <= 0 \|\| isAttemptLimitExceeded)\n }\n >\n <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n </button>\n\n <div className=\"sid-l-space-left-sm\"> </div>\n\n <button\n id=\"sid-resend-sms-code\"\n onClick={() => resendSmsCode(verificationResponse.verificationId)}\n type=\"submit\"\n className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n aria-label=\"re-send\"\n >\n <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n </button>\n </div>\n\n <div className=\"sid-incorrect-number sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n defaultMessage=\"Incorrect number? Click\"\n />\n  \n <button\n type=\"button\"\n onClick={() => window.location.reload()}\n className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n >\n <FormattedHTMLMessage\n id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n defaultMessage=\"here\"\n />\n  \n </button>\n <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n {(companyName) => (\n <FormattedHTMLMessage\n id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n defaultMessage=\"to return to {companyName}\"\n values={{ companyName }}\n />\n )}\n </FormattedHTMLMessage>\n </div>\n </div>\n );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}

package/chunk/{StepSMSLoop-DfmUZBbW.js → StepSMSLoop-D6l8Ec-u.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 /**
- *   VERSION: 2.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836480727
- *   BUILD_DATE: Thu Jul 23 2026 19:54:40 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.5
+ *   BUILD_TIMESTAMP: 1784849946846
+ *   BUILD_DATE: Thu Jul 23 2026 23:39:06 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
 import { Bt as e, Ft as t, Wt as n, c as r, ct as i } from "./options-D19mRw5a.js";
 import { a, c as o, n as s, t as c } from "./jsx-runtime-BknAqbDq.js";
-import { t as l } from "./VerificationApiClient-Dbi5PEQ8.js";
+import { t as l } from "./VerificationApiClient-CqJPbEXr.js";
 import { t as u } from "./AnnouncingHeader-DjgtqEeX.js";
 import { t as d } from "./InputText-Bzkl8mKj.js";
 //#region src/components/FormFields/SMSCode/SMSCodeComponent.tsx

package/chunk/{StepSMSLoop-DfmUZBbW.js.map → StepSMSLoop-D6l8Ec-u.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSMSLoop-DfmUZBbW.js","names":[],"sources":["../../src/components/FormFields/SMSCode/SMSCodeComponent.tsx","../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { InputTextComponent } from \"../../FormInputs/InputText/InputText\";\n\nexport const SMSCode = ({\n onChange,\n value,\n isErrored,\n errorId,\n intl,\n placeholder = \"\",\n}: FormFieldComponentProps) => {\n const getErrorMessage = (errorId) => {\n switch (errorId) {\n case \"invalidSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeVerification\"\n defaultMessage=\"Verification code could not be validated.\"\n />\n );\n case \"expiredSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeExpired\"\n defaultMessage=\"Verification code expired.\"\n />\n );\n default:\n return <FormattedHTMLMessage id=\"errorId.unknownError\" defaultMessage=\"Unknown Error\" />;\n }\n };\n\n return (\n <div className=\"sid-field sid-sms-code-id\">\n <div className=\"sid-l-space-top-md\" />\n {isErrored ? <div className=\"sid-field-error\">{getErrorMessage(errorId)}</div> : null}\n\n <InputTextComponent\n id=\"sms-code\"\n isErrored={isErrored}\n required\n placeholder={\n placeholder \|\|\n intl.formatHTMLMessage({ id: \"smsCodePlaceholder\", defaultMessage: \"SMS Code\" })\n }\n value={value}\n onChange={(e) => onChange(e.target.value)}\n />\n </div>\n );\n};\n\nexport const SMSCodeComponent = injectIntl(SMSCode);\n","import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n type VerificationService,\n type StudentPersonalInfoViewModel,\n type SMSLoopResponse,\n type SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n const viewModel = verificationService.viewModel as SMSLoopViewModel;\n const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n const previousViewModel =\n (verificationService.previousViewModel as StudentPersonalInfoViewModel) \|\| undefined;\n\n const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n );\n\n const stepSuccessMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.successResend\",\n defaultMessage: \"SMS message re-sent successfully\",\n });\n const maxTotalRetriesMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const errorResendingSMSMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.resend\",\n defaultMessage: \"Error sending the SMS message\",\n });\n\n React.useEffect(() => {\n if (isAttemptLimitExceeded) {\n setStepResultMessage(maxRetriesPerCodeMessage);\n }\n }, []);\n\n if (\n getSafe(() => verificationResponse.errorIds.length) &&\n !verificationService.fieldValidationErrors.smsCode\n ) {\n verificationService.updateFieldValidationErrors({\n ...verificationService.fieldValidationErrors,\n smsCode: verificationResponse.errorIds[0],\n });\n }\n\n const updateSmsCode = (value) => {\n const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n draft.smsCode = value;\n draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n });\n verificationService.updateViewModel(nextState);\n };\n\n const submitForm = () => {\n logger.info(\"StepSMSLoop submitting form\");\n verificationService.submitStep(\n VerificationStepsEnum.smsLoop,\n viewModel,\n verificationService.verificationResponse,\n );\n };\n\n const resendSmsCode = async (verificationId) => {\n const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n if (response) {\n setAttemptLimitExceeded(false);\n setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n } else {\n setStepResultMessage(errorResendingSMSMessage);\n }\n };\n\n return (\n <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.smsLoop.verificationCode\"\n defaultMessage=\"Verification Code\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <div className=\"sid-header__subtitle\">\n {getSafe(() => previousViewModel.phoneNumber) ? (\n <FormattedHTMLMessage\n id=\"step.smsLoop.titleWithNumber\"\n defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n values={{\n number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n }}\n />\n ) : (\n <FormattedHTMLMessage\n id=\"step.smsLoop.titleWithoutNumber\"\n defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n />\n )}\n </div>\n\n <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n <SMSCodeComponent\n onChange={updateSmsCode}\n value={viewModel.smsCode}\n isErrored={isErrored}\n errorId={verificationService.fieldValidationErrors.smsCode}\n />\n </div>\n\n {stepResultMessage && (\n <div>\n <p>{stepResultMessage}</p>\n </div>\n )}\n\n <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n <button\n id=\"sid-submit-sms-code\"\n onClick={submitForm}\n type=\"button\"\n className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n aria-label=\"submit\"\n disabled={\n !!(!viewModel.smsCode \|\| viewModel.smsCode.length <= 0 \|\| isAttemptLimitExceeded)\n }\n >\n <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n </button>\n\n <div className=\"sid-l-space-left-sm\"> </div>\n\n <button\n id=\"sid-resend-sms-code\"\n onClick={() => resendSmsCode(verificationResponse.verificationId)}\n type=\"submit\"\n className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n aria-label=\"re-send\"\n >\n <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n </button>\n </div>\n\n <div className=\"sid-incorrect-number sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n defaultMessage=\"Incorrect number? Click\"\n />\n  \n <button\n type=\"button\"\n onClick={() => window.location.reload()}\n className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n >\n <FormattedHTMLMessage\n id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n defaultMessage=\"here\"\n />\n  \n </button>\n <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n {(companyName) => (\n <FormattedHTMLMessage\n id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n defaultMessage=\"to return to {companyName}\"\n values={{ companyName }}\n />\n )}\n </FormattedHTMLMessage>\n </div>\n </div>\n );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}
1	+ {"version":3,"file":"StepSMSLoop-D6l8Ec-u.js","names":[],"sources":["../../src/components/FormFields/SMSCode/SMSCodeComponent.tsx","../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { InputTextComponent } from \"../../FormInputs/InputText/InputText\";\n\nexport const SMSCode = ({\n onChange,\n value,\n isErrored,\n errorId,\n intl,\n placeholder = \"\",\n}: FormFieldComponentProps) => {\n const getErrorMessage = (errorId) => {\n switch (errorId) {\n case \"invalidSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeVerification\"\n defaultMessage=\"Verification code could not be validated.\"\n />\n );\n case \"expiredSMSCode\":\n return (\n <FormattedHTMLMessage\n id=\"step.smsLoop.errors.codeExpired\"\n defaultMessage=\"Verification code expired.\"\n />\n );\n default:\n return <FormattedHTMLMessage id=\"errorId.unknownError\" defaultMessage=\"Unknown Error\" />;\n }\n };\n\n return (\n <div className=\"sid-field sid-sms-code-id\">\n <div className=\"sid-l-space-top-md\" />\n {isErrored ? <div className=\"sid-field-error\">{getErrorMessage(errorId)}</div> : null}\n\n <InputTextComponent\n id=\"sms-code\"\n isErrored={isErrored}\n required\n placeholder={\n placeholder \|\|\n intl.formatHTMLMessage({ id: \"smsCodePlaceholder\", defaultMessage: \"SMS Code\" })\n }\n value={value}\n onChange={(e) => onChange(e.target.value)}\n />\n </div>\n );\n};\n\nexport const SMSCodeComponent = injectIntl(SMSCode);\n","import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, type InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n type VerificationService,\n type StudentPersonalInfoViewModel,\n type SMSLoopResponse,\n type SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n const viewModel = verificationService.viewModel as SMSLoopViewModel;\n const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n const previousViewModel =\n (verificationService.previousViewModel as StudentPersonalInfoViewModel) \|\| undefined;\n\n const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n );\n\n const stepSuccessMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.successResend\",\n defaultMessage: \"SMS message re-sent successfully\",\n });\n const maxTotalRetriesMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const errorResendingSMSMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.resend\",\n defaultMessage: \"Error sending the SMS message\",\n });\n\n React.useEffect(() => {\n if (isAttemptLimitExceeded) {\n setStepResultMessage(maxRetriesPerCodeMessage);\n }\n }, []);\n\n if (\n getSafe(() => verificationResponse.errorIds.length) &&\n !verificationService.fieldValidationErrors.smsCode\n ) {\n verificationService.updateFieldValidationErrors({\n ...verificationService.fieldValidationErrors,\n smsCode: verificationResponse.errorIds[0],\n });\n }\n\n const updateSmsCode = (value) => {\n const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n draft.smsCode = value;\n draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n });\n verificationService.updateViewModel(nextState);\n };\n\n const submitForm = () => {\n logger.info(\"StepSMSLoop submitting form\");\n verificationService.submitStep(\n VerificationStepsEnum.smsLoop,\n viewModel,\n verificationService.verificationResponse,\n );\n };\n\n const resendSmsCode = async (verificationId) => {\n const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n if (response) {\n setAttemptLimitExceeded(false);\n setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n } else {\n setStepResultMessage(errorResendingSMSMessage);\n }\n };\n\n return (\n <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.smsLoop.verificationCode\"\n defaultMessage=\"Verification Code\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <div className=\"sid-header__subtitle\">\n {getSafe(() => previousViewModel.phoneNumber) ? (\n <FormattedHTMLMessage\n id=\"step.smsLoop.titleWithNumber\"\n defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n values={{\n number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n }}\n />\n ) : (\n <FormattedHTMLMessage\n id=\"step.smsLoop.titleWithoutNumber\"\n defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n />\n )}\n </div>\n\n <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n <SMSCodeComponent\n onChange={updateSmsCode}\n value={viewModel.smsCode}\n isErrored={isErrored}\n errorId={verificationService.fieldValidationErrors.smsCode}\n />\n </div>\n\n {stepResultMessage && (\n <div>\n <p>{stepResultMessage}</p>\n </div>\n )}\n\n <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n <button\n id=\"sid-submit-sms-code\"\n onClick={submitForm}\n type=\"button\"\n className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n aria-label=\"submit\"\n disabled={\n !!(!viewModel.smsCode \|\| viewModel.smsCode.length <= 0 \|\| isAttemptLimitExceeded)\n }\n >\n <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n </button>\n\n <div className=\"sid-l-space-left-sm\"> </div>\n\n <button\n id=\"sid-resend-sms-code\"\n onClick={() => resendSmsCode(verificationResponse.verificationId)}\n type=\"submit\"\n className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n aria-label=\"re-send\"\n >\n <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n </button>\n </div>\n\n <div className=\"sid-incorrect-number sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n defaultMessage=\"Incorrect number? Click\"\n />\n  \n <button\n type=\"button\"\n onClick={() => window.location.reload()}\n className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n >\n <FormattedHTMLMessage\n id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n defaultMessage=\"here\"\n />\n  \n </button>\n <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n {(companyName) => (\n <FormattedHTMLMessage\n id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n defaultMessage=\"to return to {companyName}\"\n values={{ companyName }}\n />\n )}\n </FormattedHTMLMessage>\n </div>\n </div>\n );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"mappings":"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"}

package/chunk/StepSSO-BRFhNvkp.js CHANGED Viewed

@@ -1,8 +1,8 @@
 /**
- *   VERSION: 2.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836480727
- *   BUILD_DATE: Thu Jul 23 2026 19:54:40 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.5
+ *   BUILD_TIMESTAMP: 1784849946846
+ *   BUILD_DATE: Thu Jul 23 2026 23:39:06 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
 import { rt as e } from "../sheerid.js";

package/chunk/StepSSO-BaFk7RFJ.js CHANGED Viewed

@@ -4,9 +4,9 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836485051
- *   BUILD_DATE: Thu Jul 23 2026 19:54:45 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.5
+ *   BUILD_TIMESTAMP: 1784849951105
+ *   BUILD_DATE: Thu Jul 23 2026 23:39:11 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
 import { nt as e } from "../_mysheerid-preview.js";

package/chunk/{StepSocialSecurityNumber-DxFxaZ2R.js → StepSocialSecurityNumber-D13aKxpv.js} RENAMED Viewed

@@ -4,22 +4,22 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836485051
- *   BUILD_DATE: Thu Jul 23 2026 19:54:45 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.5
+ *   BUILD_TIMESTAMP: 1784849951105
+ *   BUILD_DATE: Thu Jul 23 2026 23:39:11 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
-import { Mt as e, Ut as t, gt as n, p as r } from "./intl-Yr2cw5px.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-D_-z-h6n.js";
-import { t as c } from "./FormFooterComponent-CU9v96Pk.js";
-import { o as l } from "./refs-C_tB1qMA.js";
-import { t as u } from "./LogoComponent-BxIXOXCM.js";
-import { t as d } from "./AnnouncingHeader-BF69hVVm.js";
+import { Ht as e, ht as t, jt as n, p as r } from "./intl-aUfdCP8t.js";
+import { a as i, c as a, n as o, t as s } from "./jsx-runtime-XNwIsY_N.js";
+import { t as c } from "./FormFooterComponent-kzrpWTiu.js";
+import { o as l } from "./refs--ECXpllB.js";
+import { t as u } from "./LogoComponent-CFPoRk_q.js";
+import { t as d } from "./AnnouncingHeader-BZreAj2L.js";
 import { $ as f, Z as p } from "../_mysheerid-preview.js";
-import { t as m } from "./ChangeLocaleComponent-CP_kEafQ.js";
-import { t as h } from "./SSN-CNzKgddw.js";
+import { t as m } from "./ChangeLocaleComponent-DxAsnIOf.js";
+import { t as h } from "./SSN-CtVtLOD7.js";
 //#region src/components/StepSocialSecurityNumber/SsnChoice.tsx
-var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, verificationService: n }) => /* @__PURE__ */ (0, _.jsxs)("div", {
+var g = /* @__PURE__ */ e(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, verificationService: n }) => /* @__PURE__ */ (0, _.jsxs)("div", {
 	id: "sid-ssn-choice",
 	className: "sid-ssn-choice-container sid-l-container sid-l-horz-center",
 	children: [/* @__PURE__ */ (0, _.jsxs)("div", {
@@ -68,17 +68,17 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 		className: "sid-ssn-choice__footer sid-l-space-top-lg",
 		children: /* @__PURE__ */ (0, _.jsx)(c, { verificationService: n })
 	})]
-}), y = i(({ verificationService: t }) => {
-	let [i, a] = g.useState(!0), s = t.viewModel, { fieldValidationErrors: y } = t, b = () => t.submitStep(e.cancelSocialSecurityNumber, s, t.verificationResponse), x = (e, n) => {
-		let i = r(s, (t) => {
-			t[e] = n;
+}), y = i(({ verificationService: e }) => {
+	let [i, a] = g.useState(!0), s = e.viewModel, { fieldValidationErrors: y } = e, b = () => e.submitStep(n.cancelSocialSecurityNumber, s, e.verificationResponse), x = (t, n) => {
+		let i = r(s, (e) => {
+			e[t] = n;
 		});
-		t.updateViewModel(i);
+		e.updateViewModel(i);
 	}, S = s.socialSecurityNumber && s.socialSecurityNumber.toString().length === 9;
 	return i ? /* @__PURE__ */ (0, _.jsx)(v, {
 		useSsn: () => a(!1),
 		useDocUpload: b,
-		verificationService: t
+		verificationService: e
 	}) : /* @__PURE__ */ (0, _.jsxs)("div", {
 		id: "sid-step-social-security",
 		className: "sid-social-sercurity-number-container sid-l-container sid-l-horz-center",
@@ -90,7 +90,7 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 					children: [
 						/* @__PURE__ */ (0, _.jsx)("div", {
 							className: "sid-social-security-number-logo-container sid-l-horz-center",
-							children: /* @__PURE__ */ (0, _.jsx)(u, { verificationService: t })
+							children: /* @__PURE__ */ (0, _.jsx)(u, { verificationService: e })
 						}),
 						/* @__PURE__ */ (0, _.jsx)(d, {
 							align: "center",
@@ -100,15 +100,15 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 								tagName: "h1"
 							})
 						}),
-						/* @__PURE__ */ (0, _.jsx)(m, { verificationService: t }),
+						/* @__PURE__ */ (0, _.jsx)(m, { verificationService: e }),
 						/* @__PURE__ */ (0, _.jsx)("div", {
 							className: "sid-ssn-wrapper",
 							children: /* @__PURE__ */ (0, _.jsx)(h, {
 								value: s.socialSecurityNumber,
-								onChange: (e) => {
-									x("socialSecurityNumber", e), f("socialSecurityNumber", e, t);
+								onChange: (t) => {
+									x("socialSecurityNumber", t), f("socialSecurityNumber", t, e);
 								},
-								isErrored: !!y[n.socialSecurityNumber],
+								isErrored: !!y[t.socialSecurityNumber],
 								placeholder: "000-00-0000"
 							})
 						})
@@ -120,7 +120,7 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 						className: "sid-social-security-number-submit sid-submit",
 						children: /* @__PURE__ */ (0, _.jsx)("button", {
 							id: "sid-submit-wrapper__collect-info",
-							onClick: () => p(s, t, e.collectSocialSecurityNumber),
+							onClick: () => p(s, e, n.collectSocialSecurityNumber),
 							type: "submit",
 							className: `sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${S ? "" : "sid-btn--disabled-like"}`,
 							"aria-label": "submit",
@@ -147,7 +147,7 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, v
 					})
 				})
 			]
-		}), /* @__PURE__ */ (0, _.jsx)(c, { verificationService: t })]
+		}), /* @__PURE__ */ (0, _.jsx)(c, { verificationService: e })]
 	});
 });
 //#endregion

package/chunk/{StepSocialSecurityNumber-DxFxaZ2R.js.map → StepSocialSecurityNumber-D13aKxpv.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSocialSecurityNumber-~~DxFxaZ2R~~.js","names":[],"sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\n\ntype Props = {\n useSsn: () => void;\n useDocUpload: () => void;\n verificationService: any;\n};\n\nconst Step = ({ useSsn, useDocUpload, verificationService }: Props) => (\n <div id=\"sid-ssn-choice\" className=\"sid-ssn-choice-container sid-l-container sid-l-horz-center\">\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-ssn-choice-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <div className=\"sid-header__title sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.selectOption\"\n defaultMessage=\"Select an option\"\n tagName=\"h1\"\n />\n </div>\n </div>\n\n <div className=\"sid-ssn-choice__choice1 sid-l-space-top-lg\">\n <button\n type=\"button\"\n onClick={useSsn}\n className=\"sid-btn sid-ssn-choice-one-btn sid-btn--light sid-l-full-width sid-use-ssn\"\n >\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.useSsn\"\n defaultMessage=\"Verify using your social security number\"\n />\n </button>\n </div>\n\n <div className=\"sid-ssn-choice__choice2 sid-l-space-top-md\">\n <button\n type=\"button\"\n onClick={useDocUpload}\n className=\"sid-btn sid-ssn-choice-two-btn sid-btn--light sid-l-full-width sid-use-doc-upload\"\n >\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadDoc\"\n defaultMessage=\"Upload a document\"\n />\n </button>\n </div>\n </div>\n <div className=\"sid-ssn-choice__footer sid-l-space-top-lg\">\n <FormFooter verificationService={verificationService} />\n </div>\n </div>\n);\n\nexport const SsnChoice = Step;\n","import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { type VerificationService, type SocialSecurityViewModel } from \"../../lib/types/types\";\nimport {\n submitForm,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { SocialSecurityNumber } from \"../FormFields/SSN/SSN\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nimport { SsnChoice } from \"./SsnChoice\";\n\ninterface StepSocialSecurityNumberProps {\n verificationService: VerificationService;\n}\n\nconst Step = ({ verificationService }: StepSocialSecurityNumberProps) => {\n const [showChoice, setShowChoice] = React.useState(true);\n const viewModel = verificationService.viewModel as SocialSecurityViewModel;\n const { fieldValidationErrors } = verificationService;\n const doCancelStep = () =>\n verificationService.submitStep(\n VerificationStepsEnum.cancelSocialSecurityNumber,\n viewModel,\n verificationService.verificationResponse,\n );\n\n const updateSSNViewModel = (key: keyof SocialSecurityViewModel, value: any) => {\n const nextState: SocialSecurityViewModel = produce(\n viewModel,\n (draft: SocialSecurityViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n const isSubmittable =\n viewModel.socialSecurityNumber && viewModel.socialSecurityNumber.toString().length === 9;\n\n if (showChoice) {\n return (\n <SsnChoice\n useSsn={() => setShowChoice(false)}\n useDocUpload={doCancelStep}\n verificationService={verificationService}\n />\n );\n }\n\n return (\n <div\n id=\"sid-step-social-security\"\n className=\"sid-social-sercurity-number-container sid-l-container sid-l-horz-center\"\n >\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-social-security-number-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.title\"\n defaultMessage=\"Enter your social security number\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <ChangeLocaleV2Component verificationService={verificationService} />\n\n <div className=\"sid-ssn-wrapper\">\n <SocialSecurityNumber\n value={viewModel.socialSecurityNumber}\n onChange={(value: string) => {\n updateSSNViewModel(\"socialSecurityNumber\", value);\n updateFieldValidationErrorsByFieldId(\n \"socialSecurityNumber\",\n value,\n verificationService,\n );\n }}\n isErrored={!!fieldValidationErrors[FieldIdEnum.socialSecurityNumber]}\n placeholder=\"000-00-0000\"\n />\n </div>\n </div>\n\n <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n <div className=\"sid-social-security-number-submit sid-submit\">\n <button\n id=\"sid-submit-wrapper__collect-info\"\n onClick={() =>\n submitForm(\n viewModel,\n verificationService,\n VerificationStepsEnum.collectSocialSecurityNumber,\n )\n }\n type=\"submit\"\n className={`sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${\n isSubmittable ? \"\" : \"sid-btn--disabled-like\"\n }`}\n aria-label=\"submit\"\n ref={(button) => setRef(\"submitButton\", button)}\n >\n <FormattedHTMLMessage id=\"proceed\" defaultMessage=\"Proceed\" />\n </button>\n </div>\n </div>\n\n <div\n className=\"sid-form-region sid-social-security-number-upload-instead-btn sid-l-space-top-md\"\n role=\"button\"\n tabIndex={0}\n onKeyUp={doCancelStep}\n onClick={doCancelStep}\n >\n <div className=\"sid-social-security-number-upload-instead-text sid-h-link-like\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadInstead\"\n defaultMessage=\"Upload a document instead\"\n />\n </div>\n </div>\n </div>\n <FormFooter verificationService={verificationService} />\n </div>\n );\n};\n\n// TODO remove injectIntl, it's not used\nexport const StepSocialSecurityNumber = injectIntl(Step);\n"],"mappings":";;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IC+Ha,IAA2B,GAnH1B,EAAE,6BAAyD;CACvE,IAAM,CAAC,GAAY,KAAA,EAAuB,SAAS,EAAI,GACjD,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,UACJ,EAAoB,WAClB,EAAsB,4BACtB,GACA,EAAoB,oBACtB,GAEI,KAAsB,GAAoC,MAAe;EAC7E,IAAM,IAAqC,EACzC,IACC,MAAmC;GAClC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C,GAEM,IACJ,EAAU,wBAAwB,EAAU,qBAAqB,SAAS,EAAE,WAAW;CAYzF,OAVI,IAEA,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,cAAc,EAAc,EAAK;EACjC,cAAc;EACO;CACtB,CAAA,IAKH,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAkB,OAAM;iBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACe,CAAA;MAElB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8C,uBAAsB,CAAA;MAEpE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,OAAO,EAAU;QACjB,WAAW,MAAkB;SAE3B,AADA,EAAmB,wBAAwB,CAAK,GAChD,EACE,wBACA,GACA,CACF;QACF;QACA,WAAW,CAAC,CAAC,EAAsB,EAAY;QAC/C,aAAY;OACb,CAAA;MACE,CAAA;KACF;;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eACE,EACE,GACA,GACA,EAAsB,2BACxB;OAEF,MAAK;OACL,WAAW,gFACT,IAAgB,KAAK;OAEvB,cAAW;OACX,MAAM,MAAW,EAAO,gBAAgB,CAAM;iBAE9C,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAU,gBAAe;OAAW,CAAA;MACvD,CAAA;KACL,CAAA;IACF,CAAA;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,UAAU;KACV,SAAS;KACT,SAAS;eAET,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACE,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET,CAGuD"}
1	+ {"version":3,"file":"StepSocialSecurityNumber-D13aKxpv.js","names":[],"sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\n\ntype Props = {\n useSsn: () => void;\n useDocUpload: () => void;\n verificationService: any;\n};\n\nconst Step = ({ useSsn, useDocUpload, verificationService }: Props) => (\n <div id=\"sid-ssn-choice\" className=\"sid-ssn-choice-container sid-l-container sid-l-horz-center\">\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-ssn-choice-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <div className=\"sid-header__title sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.selectOption\"\n defaultMessage=\"Select an option\"\n tagName=\"h1\"\n />\n </div>\n </div>\n\n <div className=\"sid-ssn-choice__choice1 sid-l-space-top-lg\">\n <button\n type=\"button\"\n onClick={useSsn}\n className=\"sid-btn sid-ssn-choice-one-btn sid-btn--light sid-l-full-width sid-use-ssn\"\n >\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.useSsn\"\n defaultMessage=\"Verify using your social security number\"\n />\n </button>\n </div>\n\n <div className=\"sid-ssn-choice__choice2 sid-l-space-top-md\">\n <button\n type=\"button\"\n onClick={useDocUpload}\n className=\"sid-btn sid-ssn-choice-two-btn sid-btn--light sid-l-full-width sid-use-doc-upload\"\n >\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadDoc\"\n defaultMessage=\"Upload a document\"\n />\n </button>\n </div>\n </div>\n <div className=\"sid-ssn-choice__footer sid-l-space-top-lg\">\n <FormFooter verificationService={verificationService} />\n </div>\n </div>\n);\n\nexport const SsnChoice = Step;\n","import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { type VerificationService, type SocialSecurityViewModel } from \"../../lib/types/types\";\nimport {\n submitForm,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { SocialSecurityNumber } from \"../FormFields/SSN/SSN\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nimport { SsnChoice } from \"./SsnChoice\";\n\ninterface StepSocialSecurityNumberProps {\n verificationService: VerificationService;\n}\n\nconst Step = ({ verificationService }: StepSocialSecurityNumberProps) => {\n const [showChoice, setShowChoice] = React.useState(true);\n const viewModel = verificationService.viewModel as SocialSecurityViewModel;\n const { fieldValidationErrors } = verificationService;\n const doCancelStep = () =>\n verificationService.submitStep(\n VerificationStepsEnum.cancelSocialSecurityNumber,\n viewModel,\n verificationService.verificationResponse,\n );\n\n const updateSSNViewModel = (key: keyof SocialSecurityViewModel, value: any) => {\n const nextState: SocialSecurityViewModel = produce(\n viewModel,\n (draft: SocialSecurityViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n const isSubmittable =\n viewModel.socialSecurityNumber && viewModel.socialSecurityNumber.toString().length === 9;\n\n if (showChoice) {\n return (\n <SsnChoice\n useSsn={() => setShowChoice(false)}\n useDocUpload={doCancelStep}\n verificationService={verificationService}\n />\n );\n }\n\n return (\n <div\n id=\"sid-step-social-security\"\n className=\"sid-social-sercurity-number-container sid-l-container sid-l-horz-center\"\n >\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-social-security-number-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.title\"\n defaultMessage=\"Enter your social security number\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <ChangeLocaleV2Component verificationService={verificationService} />\n\n <div className=\"sid-ssn-wrapper\">\n <SocialSecurityNumber\n value={viewModel.socialSecurityNumber}\n onChange={(value: string) => {\n updateSSNViewModel(\"socialSecurityNumber\", value);\n updateFieldValidationErrorsByFieldId(\n \"socialSecurityNumber\",\n value,\n verificationService,\n );\n }}\n isErrored={!!fieldValidationErrors[FieldIdEnum.socialSecurityNumber]}\n placeholder=\"000-00-0000\"\n />\n </div>\n </div>\n\n <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n <div className=\"sid-social-security-number-submit sid-submit\">\n <button\n id=\"sid-submit-wrapper__collect-info\"\n onClick={() =>\n submitForm(\n viewModel,\n verificationService,\n VerificationStepsEnum.collectSocialSecurityNumber,\n )\n }\n type=\"submit\"\n className={`sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${\n isSubmittable ? \"\" : \"sid-btn--disabled-like\"\n }`}\n aria-label=\"submit\"\n ref={(button) => setRef(\"submitButton\", button)}\n >\n <FormattedHTMLMessage id=\"proceed\" defaultMessage=\"Proceed\" />\n </button>\n </div>\n </div>\n\n <div\n className=\"sid-form-region sid-social-security-number-upload-instead-btn sid-l-space-top-md\"\n role=\"button\"\n tabIndex={0}\n onKeyUp={doCancelStep}\n onClick={doCancelStep}\n >\n <div className=\"sid-social-security-number-upload-instead-text sid-h-link-like\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadInstead\"\n defaultMessage=\"Upload a document instead\"\n />\n </div>\n </div>\n </div>\n <FormFooter verificationService={verificationService} />\n </div>\n );\n};\n\n// TODO remove injectIntl, it's not used\nexport const StepSocialSecurityNumber = injectIntl(Step);\n"],"mappings":";;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IC+Ha,IAA2B,GAnH1B,EAAE,6BAAyD;CACvE,IAAM,CAAC,GAAY,KAAA,EAAuB,SAAS,EAAI,GACjD,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,UACJ,EAAoB,WAClB,EAAsB,4BACtB,GACA,EAAoB,oBACtB,GAEI,KAAsB,GAAoC,MAAe;EAC7E,IAAM,IAAqC,EACzC,IACC,MAAmC;GAClC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C,GAEM,IACJ,EAAU,wBAAwB,EAAU,qBAAqB,SAAS,EAAE,WAAW;CAYzF,OAVI,IAEA,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,cAAc,EAAc,EAAK;EACjC,cAAc;EACO;CACtB,CAAA,IAKH,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAkB,OAAM;iBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACe,CAAA;MAElB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8C,uBAAsB,CAAA;MAEpE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,OAAO,EAAU;QACjB,WAAW,MAAkB;SAE3B,AADA,EAAmB,wBAAwB,CAAK,GAChD,EACE,wBACA,GACA,CACF;QACF;QACA,WAAW,CAAC,CAAC,EAAsB,EAAY;QAC/C,aAAY;OACb,CAAA;MACE,CAAA;KACF;;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eACE,EACE,GACA,GACA,EAAsB,2BACxB;OAEF,MAAK;OACL,WAAW,gFACT,IAAgB,KAAK;OAEvB,cAAW;OACX,MAAM,MAAW,EAAO,gBAAgB,CAAM;iBAE9C,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAU,gBAAe;OAAW,CAAA;MACvD,CAAA;KACL,CAAA;IACF,CAAA;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,UAAU;KACV,SAAS;KACT,SAAS;eAET,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACE,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET,CAGuD"}

package/chunk/{StepSocialSecurityNumber-CGpWJ3oN.js → StepSocialSecurityNumber-Dya63hnB.js} RENAMED Viewed

@@ -1,18 +1,18 @@
 /**
- *   VERSION: 2.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836480727
- *   BUILD_DATE: Thu Jul 23 2026 19:54:40 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.5
+ *   BUILD_TIMESTAMP: 1784849946846
+ *   BUILD_DATE: Thu Jul 23 2026 23:39:06 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
 import { Ft as e, Wt as t, c as n, yt as r } from "./options-D19mRw5a.js";
 import { a as i, c as a, n as o, t as s } from "./jsx-runtime-BknAqbDq.js";
-import { t as c } from "./FormFooterComponent-BvXzhu3G.js";
+import { t as c } from "./FormFooterComponent-CpavN1kM.js";
 import { o as l } from "./refs-Bbe0gnJ3.js";
 import { t as u } from "./LogoComponent-BMeuu-aK.js";
 import { t as d } from "./AnnouncingHeader-DjgtqEeX.js";
 import { Q as f, et as p } from "../sheerid.js";
-import { t as m } from "./ChangeLocaleComponent-Cy07cdJk.js";
+import { t as m } from "./ChangeLocaleComponent-_bwpduI-.js";
 import { t as h } from "./SSN-mk_cMbDH.js";
 //#region src/components/StepSocialSecurityNumber/SsnChoice.tsx
 var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = ({ useSsn: e, useDocUpload: t, verificationService: n }) => /* @__PURE__ */ (0, _.jsxs)("div", {

package/chunk/{StepSocialSecurityNumber-CGpWJ3oN.js.map → StepSocialSecurityNumber-Dya63hnB.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepSocialSecurityNumber-~~CGpWJ3oN~~.js","names":[],"sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\n\ntype Props = {\n useSsn: () => void;\n useDocUpload: () => void;\n verificationService: any;\n};\n\nconst Step = ({ useSsn, useDocUpload, verificationService }: Props) => (\n <div id=\"sid-ssn-choice\" className=\"sid-ssn-choice-container sid-l-container sid-l-horz-center\">\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-ssn-choice-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <div className=\"sid-header__title sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.selectOption\"\n defaultMessage=\"Select an option\"\n tagName=\"h1\"\n />\n </div>\n </div>\n\n <div className=\"sid-ssn-choice__choice1 sid-l-space-top-lg\">\n <button\n type=\"button\"\n onClick={useSsn}\n className=\"sid-btn sid-ssn-choice-one-btn sid-btn--light sid-l-full-width sid-use-ssn\"\n >\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.useSsn\"\n defaultMessage=\"Verify using your social security number\"\n />\n </button>\n </div>\n\n <div className=\"sid-ssn-choice__choice2 sid-l-space-top-md\">\n <button\n type=\"button\"\n onClick={useDocUpload}\n className=\"sid-btn sid-ssn-choice-two-btn sid-btn--light sid-l-full-width sid-use-doc-upload\"\n >\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadDoc\"\n defaultMessage=\"Upload a document\"\n />\n </button>\n </div>\n </div>\n <div className=\"sid-ssn-choice__footer sid-l-space-top-lg\">\n <FormFooter verificationService={verificationService} />\n </div>\n </div>\n);\n\nexport const SsnChoice = Step;\n","import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { type VerificationService, type SocialSecurityViewModel } from \"../../lib/types/types\";\nimport {\n submitForm,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { SocialSecurityNumber } from \"../FormFields/SSN/SSN\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nimport { SsnChoice } from \"./SsnChoice\";\n\ninterface StepSocialSecurityNumberProps {\n verificationService: VerificationService;\n}\n\nconst Step = ({ verificationService }: StepSocialSecurityNumberProps) => {\n const [showChoice, setShowChoice] = React.useState(true);\n const viewModel = verificationService.viewModel as SocialSecurityViewModel;\n const { fieldValidationErrors } = verificationService;\n const doCancelStep = () =>\n verificationService.submitStep(\n VerificationStepsEnum.cancelSocialSecurityNumber,\n viewModel,\n verificationService.verificationResponse,\n );\n\n const updateSSNViewModel = (key: keyof SocialSecurityViewModel, value: any) => {\n const nextState: SocialSecurityViewModel = produce(\n viewModel,\n (draft: SocialSecurityViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n const isSubmittable =\n viewModel.socialSecurityNumber && viewModel.socialSecurityNumber.toString().length === 9;\n\n if (showChoice) {\n return (\n <SsnChoice\n useSsn={() => setShowChoice(false)}\n useDocUpload={doCancelStep}\n verificationService={verificationService}\n />\n );\n }\n\n return (\n <div\n id=\"sid-step-social-security\"\n className=\"sid-social-sercurity-number-container sid-l-container sid-l-horz-center\"\n >\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-social-security-number-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.title\"\n defaultMessage=\"Enter your social security number\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <ChangeLocaleV2Component verificationService={verificationService} />\n\n <div className=\"sid-ssn-wrapper\">\n <SocialSecurityNumber\n value={viewModel.socialSecurityNumber}\n onChange={(value: string) => {\n updateSSNViewModel(\"socialSecurityNumber\", value);\n updateFieldValidationErrorsByFieldId(\n \"socialSecurityNumber\",\n value,\n verificationService,\n );\n }}\n isErrored={!!fieldValidationErrors[FieldIdEnum.socialSecurityNumber]}\n placeholder=\"000-00-0000\"\n />\n </div>\n </div>\n\n <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n <div className=\"sid-social-security-number-submit sid-submit\">\n <button\n id=\"sid-submit-wrapper__collect-info\"\n onClick={() =>\n submitForm(\n viewModel,\n verificationService,\n VerificationStepsEnum.collectSocialSecurityNumber,\n )\n }\n type=\"submit\"\n className={`sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${\n isSubmittable ? \"\" : \"sid-btn--disabled-like\"\n }`}\n aria-label=\"submit\"\n ref={(button) => setRef(\"submitButton\", button)}\n >\n <FormattedHTMLMessage id=\"proceed\" defaultMessage=\"Proceed\" />\n </button>\n </div>\n </div>\n\n <div\n className=\"sid-form-region sid-social-security-number-upload-instead-btn sid-l-space-top-md\"\n role=\"button\"\n tabIndex={0}\n onKeyUp={doCancelStep}\n onClick={doCancelStep}\n >\n <div className=\"sid-social-security-number-upload-instead-text sid-h-link-like\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadInstead\"\n defaultMessage=\"Upload a document instead\"\n />\n </div>\n </div>\n </div>\n <FormFooter verificationService={verificationService} />\n </div>\n );\n};\n\n// TODO remove injectIntl, it's not used\nexport const StepSocialSecurityNumber = injectIntl(Step);\n"],"mappings":";;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IC+Ha,IAA2B,GAnH1B,EAAE,6BAAyD;CACvE,IAAM,CAAC,GAAY,KAAA,EAAuB,SAAS,EAAI,GACjD,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,UACJ,EAAoB,WAClB,EAAsB,4BACtB,GACA,EAAoB,oBACtB,GAEI,KAAsB,GAAoC,MAAe;EAC7E,IAAM,IAAqC,EACzC,IACC,MAAmC;GAClC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C,GAEM,IACJ,EAAU,wBAAwB,EAAU,qBAAqB,SAAS,EAAE,WAAW;CAYzF,OAVI,IAEA,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,cAAc,EAAc,EAAK;EACjC,cAAc;EACO;CACtB,CAAA,IAKH,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAkB,OAAM;iBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACe,CAAA;MAElB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8C,uBAAsB,CAAA;MAEpE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,OAAO,EAAU;QACjB,WAAW,MAAkB;SAE3B,AADA,EAAmB,wBAAwB,CAAK,GAChD,EACE,wBACA,GACA,CACF;QACF;QACA,WAAW,CAAC,CAAC,EAAsB,EAAY;QAC/C,aAAY;OACb,CAAA;MACE,CAAA;KACF;;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eACE,EACE,GACA,GACA,EAAsB,2BACxB;OAEF,MAAK;OACL,WAAW,gFACT,IAAgB,KAAK;OAEvB,cAAW;OACX,MAAM,MAAW,EAAO,gBAAgB,CAAM;iBAE9C,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAU,gBAAe;OAAW,CAAA;MACvD,CAAA;KACL,CAAA;IACF,CAAA;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,UAAU;KACV,SAAS;KACT,SAAS;eAET,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACE,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET,CAGuD"}
1	+ {"version":3,"file":"StepSocialSecurityNumber-Dya63hnB.js","names":[],"sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\n\ntype Props = {\n useSsn: () => void;\n useDocUpload: () => void;\n verificationService: any;\n};\n\nconst Step = ({ useSsn, useDocUpload, verificationService }: Props) => (\n <div id=\"sid-ssn-choice\" className=\"sid-ssn-choice-container sid-l-container sid-l-horz-center\">\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-ssn-choice-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <div className=\"sid-header__title sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.selectOption\"\n defaultMessage=\"Select an option\"\n tagName=\"h1\"\n />\n </div>\n </div>\n\n <div className=\"sid-ssn-choice__choice1 sid-l-space-top-lg\">\n <button\n type=\"button\"\n onClick={useSsn}\n className=\"sid-btn sid-ssn-choice-one-btn sid-btn--light sid-l-full-width sid-use-ssn\"\n >\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.useSsn\"\n defaultMessage=\"Verify using your social security number\"\n />\n </button>\n </div>\n\n <div className=\"sid-ssn-choice__choice2 sid-l-space-top-md\">\n <button\n type=\"button\"\n onClick={useDocUpload}\n className=\"sid-btn sid-ssn-choice-two-btn sid-btn--light sid-l-full-width sid-use-doc-upload\"\n >\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadDoc\"\n defaultMessage=\"Upload a document\"\n />\n </button>\n </div>\n </div>\n <div className=\"sid-ssn-choice__footer sid-l-space-top-lg\">\n <FormFooter verificationService={verificationService} />\n </div>\n </div>\n);\n\nexport const SsnChoice = Step;\n","import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { type VerificationService, type SocialSecurityViewModel } from \"../../lib/types/types\";\nimport {\n submitForm,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { SocialSecurityNumber } from \"../FormFields/SSN/SSN\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nimport { SsnChoice } from \"./SsnChoice\";\n\ninterface StepSocialSecurityNumberProps {\n verificationService: VerificationService;\n}\n\nconst Step = ({ verificationService }: StepSocialSecurityNumberProps) => {\n const [showChoice, setShowChoice] = React.useState(true);\n const viewModel = verificationService.viewModel as SocialSecurityViewModel;\n const { fieldValidationErrors } = verificationService;\n const doCancelStep = () =>\n verificationService.submitStep(\n VerificationStepsEnum.cancelSocialSecurityNumber,\n viewModel,\n verificationService.verificationResponse,\n );\n\n const updateSSNViewModel = (key: keyof SocialSecurityViewModel, value: any) => {\n const nextState: SocialSecurityViewModel = produce(\n viewModel,\n (draft: SocialSecurityViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n const isSubmittable =\n viewModel.socialSecurityNumber && viewModel.socialSecurityNumber.toString().length === 9;\n\n if (showChoice) {\n return (\n <SsnChoice\n useSsn={() => setShowChoice(false)}\n useDocUpload={doCancelStep}\n verificationService={verificationService}\n />\n );\n }\n\n return (\n <div\n id=\"sid-step-social-security\"\n className=\"sid-social-sercurity-number-container sid-l-container sid-l-horz-center\"\n >\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-social-security-number-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.title\"\n defaultMessage=\"Enter your social security number\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <ChangeLocaleV2Component verificationService={verificationService} />\n\n <div className=\"sid-ssn-wrapper\">\n <SocialSecurityNumber\n value={viewModel.socialSecurityNumber}\n onChange={(value: string) => {\n updateSSNViewModel(\"socialSecurityNumber\", value);\n updateFieldValidationErrorsByFieldId(\n \"socialSecurityNumber\",\n value,\n verificationService,\n );\n }}\n isErrored={!!fieldValidationErrors[FieldIdEnum.socialSecurityNumber]}\n placeholder=\"000-00-0000\"\n />\n </div>\n </div>\n\n <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n <div className=\"sid-social-security-number-submit sid-submit\">\n <button\n id=\"sid-submit-wrapper__collect-info\"\n onClick={() =>\n submitForm(\n viewModel,\n verificationService,\n VerificationStepsEnum.collectSocialSecurityNumber,\n )\n }\n type=\"submit\"\n className={`sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${\n isSubmittable ? \"\" : \"sid-btn--disabled-like\"\n }`}\n aria-label=\"submit\"\n ref={(button) => setRef(\"submitButton\", button)}\n >\n <FormattedHTMLMessage id=\"proceed\" defaultMessage=\"Proceed\" />\n </button>\n </div>\n </div>\n\n <div\n className=\"sid-form-region sid-social-security-number-upload-instead-btn sid-l-space-top-md\"\n role=\"button\"\n tabIndex={0}\n onKeyUp={doCancelStep}\n onClick={doCancelStep}\n >\n <div className=\"sid-social-security-number-upload-instead-text sid-h-link-like\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadInstead\"\n defaultMessage=\"Upload a document instead\"\n />\n </div>\n </div>\n </div>\n <FormFooter verificationService={verificationService} />\n </div>\n );\n};\n\n// TODO remove injectIntl, it's not used\nexport const StepSocialSecurityNumber = injectIntl(Step);\n"],"mappings":";;;;;;;;;;4CA2DA,KAhDA,EAAA,WAAA,iBAAA,6BAAA,iBAAA,GAAA,EAAA,MAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IC+Ha,IAA2B,GAnH1B,EAAE,6BAAyD;CACvE,IAAM,CAAC,GAAY,KAAA,EAAuB,SAAS,EAAI,GACjD,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,UACJ,EAAoB,WAClB,EAAsB,4BACtB,GACA,EAAoB,oBACtB,GAEI,KAAsB,GAAoC,MAAe;EAC7E,IAAM,IAAqC,EACzC,IACC,MAAmC;GAClC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C,GAEM,IACJ,EAAU,wBAAwB,EAAU,qBAAqB,SAAS,EAAE,WAAW;CAYzF,OAVI,IAEA,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,cAAc,EAAc,EAAK;EACjC,cAAc;EACO;CACtB,CAAA,IAKH,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAkB,OAAM;iBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACe,CAAA;MAElB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8C,uBAAsB,CAAA;MAEpE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,OAAO,EAAU;QACjB,WAAW,MAAkB;SAE3B,AADA,EAAmB,wBAAwB,CAAK,GAChD,EACE,wBACA,GACA,CACF;QACF;QACA,WAAW,CAAC,CAAC,EAAsB,EAAY;QAC/C,aAAY;OACb,CAAA;MACE,CAAA;KACF;;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,IAAG;OACH,eACE,EACE,GACA,GACA,EAAsB,2BACxB;OAEF,MAAK;OACL,WAAW,gFACT,IAAgB,KAAK;OAEvB,cAAW;OACX,MAAM,MAAW,EAAO,gBAAgB,CAAM;iBAE9C,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAU,gBAAe;OAAW,CAAA;MACvD,CAAA;KACL,CAAA;IACF,CAAA;IAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,UAAU;KACV,SAAS;KACT,SAAS;eAET,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACE,CAAA;IACF,CAAA;GACF;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET,CAGuD"}

package/chunk/{StepStudentPersonalInfo-DFTqKs_m.js → StepStudentPersonalInfo-DggLgDPN.js} RENAMED Viewed

@@ -1,23 +1,23 @@
 /**
- *   VERSION: 2.259.0-alpha.3
- *   BUILD_TIMESTAMP: 1784836480727
- *   BUILD_DATE: Thu Jul 23 2026 19:54:40 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.259.0-alpha.5
+ *   BUILD_TIMESTAMP: 1784849946846
+ *   BUILD_DATE: Thu Jul 23 2026 23:39:06 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 723cd7cf079ebfd281e0288836276bf33ce7607f
  */
 import { Ft as e, Wt as t, c as n, n as r } from "./options-D19mRw5a.js";
 import { a as i, c as a, n as o, t as s } from "./jsx-runtime-BknAqbDq.js";
-import { C as c } from "./FormFooterComponent-BvXzhu3G.js";
+import { x as c } from "./FormFooterComponent-CpavN1kM.js";
 import { K as l, V as u, et as d, n as f, r as p, tt as m } from "../sheerid.js";
-import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-B2bCn0HL.js";
+import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-zEryv6N9.js";
 import { t as x } from "./FormFieldText-zjWk7Cyc.js";
 import { n as S, t as C } from "./PersonalInfoStepSubmitButton-Ywai8bYu.js";
-import { t as w } from "./BirthDateComponent-BHSI0CUp.js";
-import { t as T } from "./CountryComponentWrapper-BHYHjLHh.js";
-import { t as E } from "./ExtraMessage-DuEKh0WN.js";
-import { t as D } from "./ChangeLocaleComponent-Cy07cdJk.js";
-import { t as O } from "./PersonalInfoStepWrapper-lbTtms4r.js";
-import { t as k } from "./CollegeNameComponent-wdFkAFsj.js";
+import { t as w } from "./BirthDateComponent-DzXHrrWH.js";
+import { t as T } from "./CountryComponentWrapper-DJKsauB4.js";
+import { t as E } from "./ExtraMessage-CCy4Y9ez.js";
+import { t as D } from "./ChangeLocaleComponent-_bwpduI-.js";
+import { t as O } from "./PersonalInfoStepWrapper-i8BIqIp_.js";
+import { t as k } from "./CollegeNameComponent-C24g_6em.js";
 //#region src/components/FormFields/CVECNumber/CVECNumberComponent.tsx
 var A = /* @__PURE__ */ t(a(), 1), j = s(), M = i(({ value: e, isErrored: t, onChange: n, intl: r, explanation: i, placeholder: a = "", isRequired: s = !1 }) => {
 	let c = f("include-cvec-field-france-student");

package/chunk/{StepStudentPersonalInfo-DFTqKs_m.js.map → StepStudentPersonalInfo-DggLgDPN.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepStudentPersonalInfo-DFTqKs_m.js","names":[],"sources":["../../src/components/FormFields/CVECNumber/CVECNumberComponent.tsx","../../src/components/StepStudentPersonalInfo/StepStudentPersonalInfoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\nimport { useFlag } from \"../../FeatureFlags/hooks\";\n\ninterface PassedProps {\n explanation?: string \| JSX.Element;\n}\n\nexport const CVECNumber = ({\n value,\n isErrored,\n onChange,\n intl,\n explanation,\n placeholder = \"\",\n isRequired = false,\n}: FormFieldComponentProps & PassedProps) => {\n // #region include-cvec-field-france-student\n const showCvecInputVariation = useFlag(\"include-cvec-field-france-student\");\n\n const getDefaultExplanation = () =>\n showCvecInputVariation === \"labeled-optional\" ? (\n <FormattedHTMLMessage\n id=\"cvecNumberExplanation\"\n defaultMessage=\"Optional - Add your CVEC number to increase your chances of being verified instantly.\"\n />\n ) : (\n <FormattedHTMLMessage\n id=\"_EXPERIMENTAL.cvecNumberExplanation\"\n defaultMessage=\"Add your CVEC number to increase your chances of being verified instantly.\"\n />\n );\n // #endregion include-cvec-field-france-student\n\n const isFieldHidden = getFieldConfigByFieldId(\"cvecNumber\")?.hidden;\n\n if (isFieldHidden) {\n return null;\n }\n\n return (\n <FormFieldText\n fieldId=\"cvecNumber\"\n value={value}\n onChange={onChange}\n placeholder={\n placeholder \|\|\n intl.formatHTMLMessage({\n id: \"cvecNumberPlaceholder\",\n defaultMessage: \"CVEC certificate number\",\n })\n }\n label={<FormattedHTMLMessage id=\"cvecNumber\" defaultMessage=\"CVEC certificate number\" />}\n errorMessage={\n isErrored && (\n <FormattedHTMLMessage\n id=\"errorId.invalidCvecNumber\"\n defaultMessage=\"Invalid CVEC certificate number\"\n />\n )\n }\n showPlaceholderAndHideLabel={!!placeholder}\n required={isRequired}\n explanation={explanation \|\| getDefaultExplanation()}\n />\n );\n};\nexport const CVECNumberComponent = injectIntl(CVECNumber);\n","/* eslint-disable /\n/\n TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport {\n VerificationService,\n StudentPersonalInfoViewModel,\n Organization,\n StudentPersonalInfoResponse,\n CustomFormFieldConfig,\n} from \"../../lib/types/types\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n getFieldConfigByFieldId,\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { CollegeNameComponent as CollegeName } from \"../FormFields/CollegeName/CollegeNameComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\nimport { CVECNumberComponent } from \"../FormFields/CVECNumber/CVECNumberComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepStudentPersonalInfoComponentProps {\n verificationService: VerificationService;\n}\n\nconst StepStudentPersonalInfo = ({\n verificationService,\n}: StepStudentPersonalInfoComponentProps) => {\n const viewModel = verificationService.viewModel as StudentPersonalInfoViewModel;\n const { fieldValidationErrors } = verificationService;\n const verificationResponse =\n verificationService.verificationResponse as StudentPersonalInfoResponse;\n const options = getOptions();\n\n // #region include-cvec-field-france-student\n const showCvecInputVariation = useFlag(\"include-cvec-field-france-student\");\n const showCvecInput =\n showCvecInputVariation !== \"control\" &&\n showCvecInputVariation !== \"default\" &&\n viewModel?.countryChoice?.value === \"FR\";\n\n React.useEffect(() => {\n const existing = (verificationService.viewModel?.fieldsToSkipValidation \|\| []).filter(\n (id) => id !== \"cvecNumber\",\n );\n if (showCvecInput) {\n updateStudentViewModel(\"fieldsToSkipValidation\", existing);\n } else {\n // Don't validate CVEC number if country is not France\n updateStudentViewModel(\"fieldsToSkipValidation\", [...existing, \"cvecNumber\"]);\n }\n }, [showCvecInput]);\n // #endregion include-cvec-field-france-student\n\n const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n const updateStudentViewModel = (key: keyof StudentPersonalInfoViewModel, value: any) => {\n const nextState: StudentPersonalInfoViewModel = produce(\n viewModel,\n (draft: StudentPersonalInfoViewModel) => {\n draft[key] = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n const locale = viewModel.localeChoice.value;\n\n return (\n <PersonalInfoWrapper\n verificationService={verificationService}\n step={verificationResponse.currentStep}\n >\n <PersonalInfoHeader\n verificationService={verificationService}\n classNameIdentifier=\"student-personal-info\"\n />\n <ChangeLocaleV2Component verificationService={verificationService} />\n <CountryComponentWrapper\n verificationService={verificationService}\n disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n />\n <CollegeName\n value={(verificationService.viewModel as StudentPersonalInfoViewModel).organization}\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.organization}\n isRequired\n disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n onChange={(choice: Organization) => {\n updateViewModelOrganization(choice, verificationService);\n updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n }}\n />\n {showCvecInput && (\n <CVECNumberComponent\n isRequired={getFieldConfigByFieldId(\"cvecNumber\")?.requireIfOptional}\n value={viewModel.cvecNumber}\n isErrored={!!fieldValidationErrors.cvecNumber}\n disabled={getFieldConfigByFieldId(\"cvecNumber\")?.disabled}\n onChange={(newValue) => {\n updateStudentViewModel(\"cvecNumber\", newValue);\n updateFieldValidationErrorsByFieldId(\"cvecNumber\", newValue, verificationService);\n }}\n />\n )}\n <div className=\"sid-names\">\n <FirstName\n value={viewModel.firstName}\n isErrored={!!fieldValidationErrors.firstName}\n disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n onChange={(newValue) => {\n updateStudentViewModel(\"firstName\", newValue);\n updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n }}\n />\n\n <LastName\n value={viewModel.lastName}\n isErrored={!!fieldValidationErrors.lastName}\n disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n onChange={(newValue) => {\n updateStudentViewModel(\"lastName\", newValue);\n updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n }}\n />\n </div>\n <BirthDate\n value={viewModel.birthDate}\n errorId={fieldValidationErrors.birthDate}\n locale={locale}\n isRequired\n disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n onChange={(newValue) => {\n updateStudentViewModel(\"birthDate\", newValue);\n updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n }}\n />\n <Email\n value={viewModel.email}\n isErrored={!!fieldValidationErrors.email}\n explanation={\n <FormattedHTMLMessage\n id=\"emailExplanation\"\n defaultMessage=\"Personal or school email is fine\"\n />\n }\n onChange={(newValue) => {\n updateStudentViewModel(\"email\", newValue);\n updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n }}\n onKeyDown={(event) => handleEmailOnKeyDown(event)}\n disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n />\n {verificationService.programTheme.isSmsNotifierConfigured \|\|\n verificationService.programTheme.smsLoopEnabled ? (\n <PhoneNumber\n isRequired={!!verificationService.programTheme.smsLoopEnabled}\n value={viewModel.phoneNumber}\n isErrored={!!fieldValidationErrors.phoneNumber}\n disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n onChange={(newValue) => {\n updateStudentViewModel(\"phoneNumber\", newValue);\n updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n }}\n selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n />\n ) : null}\n {(options.customFormFields \|\| []).map((config: CustomFormFieldConfig) => (\n <FormFieldCustom config={config} verificationService={verificationService} />\n ))}{\" \"}\n <MarketConsentWrapper\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.marketConsentValue}\n disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n onChange={(newValue) => {\n updateStudentViewModel(\"metadata\", {\n ...verificationService.viewModel.metadata,\n marketConsentValue: newValue,\n });\n updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n }}\n viewModel={viewModel}\n />\n <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n <CaptchaComponent\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.captchaToken}\n />\n <PersonalInfoStepSubmitButton\n step={VerificationStepsEnum.collectStudentPersonalInfo}\n verificationService={verificationService}\n viewModel={viewModel}\n failedInstantMatch={failedInstantMatch}\n buttonText={\n <FormattedHTMLMessage\n id=\"step.personalInfo.submitButtonText\"\n defaultMessage=\"Verify My Student Status\"\n />\n }\n />\n </PersonalInfoWrapper>\n );\n};\n\nexport const StepStudentPersonalInfoComponent = StepStudentPersonalInfo;\n"],"mappings":"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"}
1	+ {"version":3,"file":"StepStudentPersonalInfo-DggLgDPN.js","names":[],"sources":["../../src/components/FormFields/CVECNumber/CVECNumberComponent.tsx","../../src/components/StepStudentPersonalInfo/StepStudentPersonalInfoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\nimport { useFlag } from \"../../FeatureFlags/hooks\";\n\ninterface PassedProps {\n explanation?: string \| JSX.Element;\n}\n\nexport const CVECNumber = ({\n value,\n isErrored,\n onChange,\n intl,\n explanation,\n placeholder = \"\",\n isRequired = false,\n}: FormFieldComponentProps & PassedProps) => {\n // #region include-cvec-field-france-student\n const showCvecInputVariation = useFlag(\"include-cvec-field-france-student\");\n\n const getDefaultExplanation = () =>\n showCvecInputVariation === \"labeled-optional\" ? (\n <FormattedHTMLMessage\n id=\"cvecNumberExplanation\"\n defaultMessage=\"Optional - Add your CVEC number to increase your chances of being verified instantly.\"\n />\n ) : (\n <FormattedHTMLMessage\n id=\"_EXPERIMENTAL.cvecNumberExplanation\"\n defaultMessage=\"Add your CVEC number to increase your chances of being verified instantly.\"\n />\n );\n // #endregion include-cvec-field-france-student\n\n const isFieldHidden = getFieldConfigByFieldId(\"cvecNumber\")?.hidden;\n\n if (isFieldHidden) {\n return null;\n }\n\n return (\n <FormFieldText\n fieldId=\"cvecNumber\"\n value={value}\n onChange={onChange}\n placeholder={\n placeholder \|\|\n intl.formatHTMLMessage({\n id: \"cvecNumberPlaceholder\",\n defaultMessage: \"CVEC certificate number\",\n })\n }\n label={<FormattedHTMLMessage id=\"cvecNumber\" defaultMessage=\"CVEC certificate number\" />}\n errorMessage={\n isErrored && (\n <FormattedHTMLMessage\n id=\"errorId.invalidCvecNumber\"\n defaultMessage=\"Invalid CVEC certificate number\"\n />\n )\n }\n showPlaceholderAndHideLabel={!!placeholder}\n required={isRequired}\n explanation={explanation \|\| getDefaultExplanation()}\n />\n );\n};\nexport const CVECNumberComponent = injectIntl(CVECNumber);\n","/* eslint-disable /\n/\n TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport {\n VerificationService,\n StudentPersonalInfoViewModel,\n Organization,\n StudentPersonalInfoResponse,\n CustomFormFieldConfig,\n} from \"../../lib/types/types\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n getFieldConfigByFieldId,\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { CollegeNameComponent as CollegeName } from \"../FormFields/CollegeName/CollegeNameComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\nimport { CVECNumberComponent } from \"../FormFields/CVECNumber/CVECNumberComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepStudentPersonalInfoComponentProps {\n verificationService: VerificationService;\n}\n\nconst StepStudentPersonalInfo = ({\n verificationService,\n}: StepStudentPersonalInfoComponentProps) => {\n const viewModel = verificationService.viewModel as StudentPersonalInfoViewModel;\n const { fieldValidationErrors } = verificationService;\n const verificationResponse =\n verificationService.verificationResponse as StudentPersonalInfoResponse;\n const options = getOptions();\n\n // #region include-cvec-field-france-student\n const showCvecInputVariation = useFlag(\"include-cvec-field-france-student\");\n const showCvecInput =\n showCvecInputVariation !== \"control\" &&\n showCvecInputVariation !== \"default\" &&\n viewModel?.countryChoice?.value === \"FR\";\n\n React.useEffect(() => {\n const existing = (verificationService.viewModel?.fieldsToSkipValidation \|\| []).filter(\n (id) => id !== \"cvecNumber\",\n );\n if (showCvecInput) {\n updateStudentViewModel(\"fieldsToSkipValidation\", existing);\n } else {\n // Don't validate CVEC number if country is not France\n updateStudentViewModel(\"fieldsToSkipValidation\", [...existing, \"cvecNumber\"]);\n }\n }, [showCvecInput]);\n // #endregion include-cvec-field-france-student\n\n const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n const updateStudentViewModel = (key: keyof StudentPersonalInfoViewModel, value: any) => {\n const nextState: StudentPersonalInfoViewModel = produce(\n viewModel,\n (draft: StudentPersonalInfoViewModel) => {\n draft[key] = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n const locale = viewModel.localeChoice.value;\n\n return (\n <PersonalInfoWrapper\n verificationService={verificationService}\n step={verificationResponse.currentStep}\n >\n <PersonalInfoHeader\n verificationService={verificationService}\n classNameIdentifier=\"student-personal-info\"\n />\n <ChangeLocaleV2Component verificationService={verificationService} />\n <CountryComponentWrapper\n verificationService={verificationService}\n disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n />\n <CollegeName\n value={(verificationService.viewModel as StudentPersonalInfoViewModel).organization}\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.organization}\n isRequired\n disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n onChange={(choice: Organization) => {\n updateViewModelOrganization(choice, verificationService);\n updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n }}\n />\n {showCvecInput && (\n <CVECNumberComponent\n isRequired={getFieldConfigByFieldId(\"cvecNumber\")?.requireIfOptional}\n value={viewModel.cvecNumber}\n isErrored={!!fieldValidationErrors.cvecNumber}\n disabled={getFieldConfigByFieldId(\"cvecNumber\")?.disabled}\n onChange={(newValue) => {\n updateStudentViewModel(\"cvecNumber\", newValue);\n updateFieldValidationErrorsByFieldId(\"cvecNumber\", newValue, verificationService);\n }}\n />\n )}\n <div className=\"sid-names\">\n <FirstName\n value={viewModel.firstName}\n isErrored={!!fieldValidationErrors.firstName}\n disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n onChange={(newValue) => {\n updateStudentViewModel(\"firstName\", newValue);\n updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n }}\n />\n\n <LastName\n value={viewModel.lastName}\n isErrored={!!fieldValidationErrors.lastName}\n disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n onChange={(newValue) => {\n updateStudentViewModel(\"lastName\", newValue);\n updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n }}\n />\n </div>\n <BirthDate\n value={viewModel.birthDate}\n errorId={fieldValidationErrors.birthDate}\n locale={locale}\n isRequired\n disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n onChange={(newValue) => {\n updateStudentViewModel(\"birthDate\", newValue);\n updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n }}\n />\n <Email\n value={viewModel.email}\n isErrored={!!fieldValidationErrors.email}\n explanation={\n <FormattedHTMLMessage\n id=\"emailExplanation\"\n defaultMessage=\"Personal or school email is fine\"\n />\n }\n onChange={(newValue) => {\n updateStudentViewModel(\"email\", newValue);\n updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n }}\n onKeyDown={(event) => handleEmailOnKeyDown(event)}\n disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n />\n {verificationService.programTheme.isSmsNotifierConfigured \|\|\n verificationService.programTheme.smsLoopEnabled ? (\n <PhoneNumber\n isRequired={!!verificationService.programTheme.smsLoopEnabled}\n value={viewModel.phoneNumber}\n isErrored={!!fieldValidationErrors.phoneNumber}\n disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n onChange={(newValue) => {\n updateStudentViewModel(\"phoneNumber\", newValue);\n updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n }}\n selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n />\n ) : null}\n {(options.customFormFields \|\| []).map((config: CustomFormFieldConfig) => (\n <FormFieldCustom config={config} verificationService={verificationService} />\n ))}{\" \"}\n <MarketConsentWrapper\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.marketConsentValue}\n disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n onChange={(newValue) => {\n updateStudentViewModel(\"metadata\", {\n ...verificationService.viewModel.metadata,\n marketConsentValue: newValue,\n });\n updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n }}\n viewModel={viewModel}\n />\n <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n <CaptchaComponent\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.captchaToken}\n />\n <PersonalInfoStepSubmitButton\n step={VerificationStepsEnum.collectStudentPersonalInfo}\n verificationService={verificationService}\n viewModel={viewModel}\n failedInstantMatch={failedInstantMatch}\n buttonText={\n <FormattedHTMLMessage\n id=\"step.personalInfo.submitButtonText\"\n defaultMessage=\"Verify My Student Status\"\n />\n }\n />\n </PersonalInfoWrapper>\n );\n};\n\nexport const StepStudentPersonalInfoComponent = StepStudentPersonalInfo;\n"],"mappings":"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"}