@sheerid/jslib-nightly 2.144.0-alpha.0 → 2.144.0-alpha.1
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.
- package/_mysheerid-preview.css +4 -4
- package/_mysheerid-preview.js +20 -10
- package/_mysheerid-preview.js.map +1 -1
- package/chunk/EmailLoopPending-ZOpr2Sd2.js +4 -4
- package/chunk/EmailLoopPending-pdu6KCZh.js +4 -4
- package/chunk/LicensedProfessionalOrganizationComponent-BNIsJOMr.js +4 -4
- package/chunk/LicensedProfessionalOrganizationComponent-Zs8Wmydy.js +4 -4
- package/chunk/Onfido-BX3RMDPu.js +4 -4
- package/chunk/StepIDCheckLoopOnfido-BhP65_7M.js +4 -4
- package/chunk/StepIDCheckLoopOnfido-Z4lvS9lb.js +4 -4
- package/chunk/{StepIDCheckLoopRegula-RdvQoONf.js → StepIDCheckLoopRegula-DZwUZI9d.js} +4 -5
- package/chunk/StepIDCheckLoopRegula-DZwUZI9d.js.map +1 -0
- package/chunk/{StepIDCheckLoopRegula-BvLgkrQh.js → StepIDCheckLoopRegula-uhn66aNW.js} +4 -5
- package/chunk/StepIDCheckLoopRegula-uhn66aNW.js.map +1 -0
- package/chunk/StepInactiveMilitaryPersonalInfoComponent-DQORFj6O.js +4 -4
- package/chunk/StepInactiveMilitaryPersonalInfoComponent-zigsn4OT.js +4 -4
- package/chunk/ar-DgWnOHb0.js +4 -4
- package/chunk/bg-BOoVh0N7.js +4 -4
- package/chunk/bn-IN-DfQpdb68.js +4 -4
- package/chunk/cs-B9lN4RVR.js +4 -4
- package/chunk/da-BaOy33h_.js +4 -4
- package/chunk/de-uUHs3YXy.js +4 -4
- package/chunk/el-xIXJ9sqU.js +4 -4
- package/chunk/en-GB-8EI1uDkp.js +4 -4
- package/chunk/es-B7SMjWOB.js +4 -4
- package/chunk/es-ES-DZwHzn0T.js +4 -4
- package/chunk/fi-DdpuBVsY.js +4 -4
- package/chunk/fr-CA-CWSDRram.js +4 -4
- package/chunk/fr-Crh-QCJ-.js +4 -4
- package/chunk/ga-2XNN2X9n.js +4 -4
- package/chunk/hi-IN-CXpzvJ5p.js +4 -4
- package/chunk/hr-BWFHQt1b.js +4 -4
- package/chunk/hu-BQsQ1_1B.js +4 -4
- package/chunk/id-D1BredfW.js +4 -4
- package/chunk/index--RDwDtvm.js +4 -4
- package/chunk/index-7ODtRWLz.js +4 -4
- package/chunk/index-BEmrHA5k.js +4 -4
- package/chunk/{index-BVP6nold.js → index-BF9661Op.js} +5 -5
- package/chunk/{index-BVP6nold.js.map → index-BF9661Op.js.map} +1 -1
- package/chunk/index-BFbpUbk0.js +4 -4
- package/chunk/index-BGyQS1iv.js +4 -4
- package/chunk/index-BOQ4-dYo.js +4 -4
- package/chunk/index-BSzQzHea.js +4 -4
- package/chunk/index-BTsqzeUV.js +4 -4
- package/chunk/index-BZ34WyPM.js +4 -4
- package/chunk/index-BzRS77LO.js +4 -4
- package/chunk/index-C1RsiZ-I.js +4 -4
- package/chunk/index-C3ikYj3u.js +4 -4
- package/chunk/index-C3puJbMQ.js +4 -4
- package/chunk/index-C4aGKdns.js +4 -4
- package/chunk/index-CFPn-c4o.js +4 -4
- package/chunk/index-CRnbHGCy.js +4 -4
- package/chunk/index-CVu3gaIt.js +4 -4
- package/chunk/index-CW-KUuMO.js +4 -4
- package/chunk/index-CbwaNn4o.js +4 -4
- package/chunk/index-CdzKlzBt.js +4 -4
- package/chunk/index-CnavGelU.js +4 -4
- package/chunk/index-Crb7Nhvh.js +4 -4
- package/chunk/index-CvKMnkKr.js +4 -4
- package/chunk/index-CvdyoiF1.js +4 -4
- package/chunk/index-D-QnGu-X.js +4 -4
- package/chunk/index-DCyWqpgt.js +4 -4
- package/chunk/index-DIkWpujR.js +4 -4
- package/chunk/index-DPiXShRg.js +4 -4
- package/chunk/index-Dbh2iG5X.js +4 -4
- package/chunk/index-Df2w22A5.js +4 -4
- package/chunk/{index-C5rBbjf6.js → index-Dsph5pn2.js} +5 -5
- package/chunk/{index-C5rBbjf6.js.map → index-Dsph5pn2.js.map} +1 -1
- package/chunk/index-DttaCFoZ.js +4 -4
- package/chunk/index-DvshY7Fc.js +4 -4
- package/chunk/index-WjvSBJ53.js +4 -4
- package/chunk/index-_udOaGVh.js +4 -4
- package/chunk/index-bd1a-r7s.js +4 -4
- package/chunk/index-dftC0Qnv.js +4 -4
- package/chunk/index-z2oAhMO1.js +4 -4
- package/chunk/is-BQ1w_dZd.js +4 -4
- package/chunk/it-DWcg5lrp.js +4 -4
- package/chunk/iw-CH8pA0K5.js +4 -4
- package/chunk/ja-DTB4oZtr.js +4 -4
- package/chunk/ko-YjkGeAf9.js +4 -4
- package/chunk/lo-BUmUlWoZ.js +4 -4
- package/chunk/lt-DyDf6oJm.js +4 -4
- package/chunk/ms-CIV35HiR.js +4 -4
- package/chunk/nl-BE-qnndQXN-.js +4 -4
- package/chunk/nl-BEcCaCBh.js +4 -4
- package/chunk/no-6tZgKN0w.js +4 -4
- package/chunk/pl-CfngpFII.js +4 -4
- package/chunk/pt-BR-BkmnC8r-.js +4 -4
- package/chunk/pt-D3Gz8aCi.js +4 -4
- package/chunk/ro-SIuDm7Nt.js +4 -4
- package/chunk/ru-DrinNLb3.js +4 -4
- package/chunk/sk-DK0CgugP.js +4 -4
- package/chunk/sl-BSnDNZ_p.js +4 -4
- package/chunk/sr-t_C4aOh0.js +4 -4
- package/chunk/sv-hjxeMgEO.js +4 -4
- package/chunk/sw-Bx_fcZ4c.js +4 -4
- package/chunk/th-kkF4cO_F.js +4 -4
- package/chunk/tr-Dra2pQ5h.js +4 -4
- package/chunk/uk-UEKtnnPj.js +4 -4
- package/chunk/ur-COGBRjXF.js +4 -4
- package/chunk/useCollectFieldsEndpoint-CbTn-hzl.js +4 -4
- package/chunk/useCollectFieldsEndpoint-qOvpdrTf.js +4 -4
- package/chunk/useEmailFirstExperiment-C8t5ezDb.js +4 -4
- package/chunk/useEmailFirstExperiment-D-bO03Zj.js +4 -4
- package/chunk/vi-CAhGkrs3.js +4 -4
- package/chunk/zh-CobVQtU0.js +4 -4
- package/chunk/zh-HK-BuYPE4ck.js +4 -4
- package/chunk/zu-LijCPCBd.js +4 -4
- package/es6.css +4 -4
- package/jslib.js +5 -5
- package/lib/{EmailLoopPending-BKgaym91.js → EmailLoopPending-BSAYSyLv.js} +5 -5
- package/lib/{EmailLoopPending-BKgaym91.js.map → EmailLoopPending-BSAYSyLv.js.map} +1 -1
- package/lib/{LicensedProfessionalOrganizationComponent-D_lvEHfg.js → LicensedProfessionalOrganizationComponent-BWawhlGt.js} +5 -5
- package/lib/{LicensedProfessionalOrganizationComponent-D_lvEHfg.js.map → LicensedProfessionalOrganizationComponent-BWawhlGt.js.map} +1 -1
- package/lib/Onfido-BX3RMDPu.js +4 -4
- package/lib/StepCollectMilitaryStatusComponent-D_o2IsSH.js +11 -0
- package/lib/{StepCollectMilitaryStatusComponent-_iCAvTaK.js.map → StepCollectMilitaryStatusComponent-D_o2IsSH.js.map} +1 -1
- package/lib/{StepIDCheckLoopOnfido-CMFAwq1y.js → StepIDCheckLoopOnfido-z0SDyHqu.js} +5 -5
- package/lib/{StepIDCheckLoopOnfido-CMFAwq1y.js.map → StepIDCheckLoopOnfido-z0SDyHqu.js.map} +1 -1
- package/lib/{StepIDCheckLoopRegula-WE1UDCXi.js → StepIDCheckLoopRegula-BSN4urRL.js} +5 -5
- package/lib/{StepIDCheckLoopRegula-WE1UDCXi.js.map → StepIDCheckLoopRegula-BSN4urRL.js.map} +1 -1
- package/lib/{StepInactiveMilitaryPersonalInfoComponent-CwVO8SX3.js → StepInactiveMilitaryPersonalInfoComponent-Bf4bjgEr.js} +6 -6
- package/lib/{StepInactiveMilitaryPersonalInfoComponent-CwVO8SX3.js.map → StepInactiveMilitaryPersonalInfoComponent-Bf4bjgEr.js.map} +1 -1
- package/lib/{VerificationApiUtils-D7dy8ZQl.js → VerificationApiUtils-Cbe86Ns7.js} +5 -5
- package/lib/{VerificationApiUtils-D7dy8ZQl.js.map → VerificationApiUtils-Cbe86Ns7.js.map} +1 -1
- package/lib/ar-DgWnOHb0.js +4 -4
- package/lib/bg-BOoVh0N7.js +4 -4
- package/lib/bn-IN-DfQpdb68.js +4 -4
- package/lib/cs-B9lN4RVR.js +4 -4
- package/lib/da-BaOy33h_.js +4 -4
- package/lib/de-uUHs3YXy.js +4 -4
- package/lib/el-xIXJ9sqU.js +4 -4
- package/lib/en-GB-8EI1uDkp.js +4 -4
- package/lib/es-B7SMjWOB.js +4 -4
- package/lib/es-ES-DZwHzn0T.js +4 -4
- package/lib/{es6-BBkq3-Vg.js → es6-DGToWuFe.js} +46 -37
- package/lib/es6-DGToWuFe.js.map +1 -0
- package/lib/fi-DdpuBVsY.js +4 -4
- package/lib/fr-CA-CWSDRram.js +4 -4
- package/lib/fr-Crh-QCJ-.js +4 -4
- package/lib/ga-2XNN2X9n.js +4 -4
- package/lib/hi-IN-CXpzvJ5p.js +4 -4
- package/lib/hr-BWFHQt1b.js +4 -4
- package/lib/hu-BQsQ1_1B.js +4 -4
- package/lib/id-D1BredfW.js +4 -4
- package/lib/{index-DZMmcP2H.js → index--VYdxGvP.js} +6 -6
- package/lib/{index-DZMmcP2H.js.map → index--VYdxGvP.js.map} +1 -1
- package/lib/{index-C7iL1tUh.js → index--g-QQsQc.js} +6 -6
- package/lib/{index-C7iL1tUh.js.map → index--g-QQsQc.js.map} +1 -1
- package/lib/{index-CxTwFjBW.js → index-B7_bybvT.js} +6 -6
- package/lib/{index-CxTwFjBW.js.map → index-B7_bybvT.js.map} +1 -1
- package/lib/{index-CZcX5xiK.js → index-BVaUSEo3.js} +6 -6
- package/lib/{index-CZcX5xiK.js.map → index-BVaUSEo3.js.map} +1 -1
- package/lib/{index-BAn1ngFD.js → index-BYSIlN30.js} +5 -5
- package/lib/{index-BAn1ngFD.js.map → index-BYSIlN30.js.map} +1 -1
- package/lib/{index-DeN_XdW7.js → index-Bd9_uXgb.js} +7 -7
- package/lib/{index-DeN_XdW7.js.map → index-Bd9_uXgb.js.map} +1 -1
- package/lib/{index-BkujeUMy.js → index-Blq0Xr77.js} +5 -5
- package/lib/{index-BkujeUMy.js.map → index-Blq0Xr77.js.map} +1 -1
- package/lib/{index-Bup4cyA1.js → index-BqVjg3lp.js} +5 -5
- package/lib/{index-Bup4cyA1.js.map → index-BqVjg3lp.js.map} +1 -1
- package/lib/index-ByYbv9de.js +11 -0
- package/lib/index-ByYbv9de.js.map +1 -0
- package/lib/{index-s9SHjy7t.js → index-CEBh7jjw.js} +5 -5
- package/lib/{index-s9SHjy7t.js.map → index-CEBh7jjw.js.map} +1 -1
- package/lib/{index-BCzhklJb.js → index-CKoUSK3W.js} +7 -7
- package/lib/{index-BCzhklJb.js.map → index-CKoUSK3W.js.map} +1 -1
- package/lib/{index-Ca9zpH2l.js → index-CY8j3m1C.js} +5 -5
- package/lib/{index-Ca9zpH2l.js.map → index-CY8j3m1C.js.map} +1 -1
- package/lib/{index-CuJL3baj.js → index-CwEXVMa6.js} +6 -6
- package/lib/{index-CuJL3baj.js.map → index-CwEXVMa6.js.map} +1 -1
- package/lib/{index-Ndk_-1pC.js → index-DApRY2jO.js} +5 -5
- package/lib/{index-Ndk_-1pC.js.map → index-DApRY2jO.js.map} +1 -1
- package/lib/index-DD2eNosq.js +11 -0
- package/lib/index-DD2eNosq.js.map +1 -0
- package/lib/index-DIkWpujR.js +4 -4
- package/lib/index-DYPuChsA.js +11 -0
- package/lib/index-DYPuChsA.js.map +1 -0
- package/lib/{index-BvhEdpm1.js → index-DZRD2VaL.js} +5 -5
- package/lib/{index-BvhEdpm1.js.map → index-DZRD2VaL.js.map} +1 -1
- package/lib/{index-g8whWyKL.js → index-DZV3kg_e.js} +5 -5
- package/lib/{index-g8whWyKL.js.map → index-DZV3kg_e.js.map} +1 -1
- package/lib/index-DpW7zRuT.js +11 -0
- package/lib/index-DpW7zRuT.js.map +1 -0
- package/lib/{index-TOHXhGD4.js → index-DqhochXV.js} +6 -6
- package/lib/{index-TOHXhGD4.js.map → index-DqhochXV.js.map} +1 -1
- package/lib/{index-DzrFonGm.js → index-kLcvKrcM.js} +5 -5
- package/lib/{index-DzrFonGm.js.map → index-kLcvKrcM.js.map} +1 -1
- package/lib/{index-DcyV13MG.js → index-lGGFK4Xb.js} +5 -5
- package/lib/{index-DcyV13MG.js.map → index-lGGFK4Xb.js.map} +1 -1
- package/lib/{index-BZQZY6cP.js → index-nxjib3YE.js} +6 -6
- package/lib/{index-BZQZY6cP.js.map → index-nxjib3YE.js.map} +1 -1
- package/lib/is-BQ1w_dZd.js +4 -4
- package/lib/it-DWcg5lrp.js +4 -4
- package/lib/iw-CH8pA0K5.js +4 -4
- package/lib/ja-DTB4oZtr.js +4 -4
- package/lib/ko-YjkGeAf9.js +4 -4
- package/lib/lo-BUmUlWoZ.js +4 -4
- package/lib/lt-DyDf6oJm.js +4 -4
- package/lib/ms-CIV35HiR.js +4 -4
- package/lib/nl-BE-qnndQXN-.js +4 -4
- package/lib/nl-BEcCaCBh.js +4 -4
- package/lib/no-6tZgKN0w.js +4 -4
- package/lib/pl-CfngpFII.js +4 -4
- package/lib/pt-BR-BkmnC8r-.js +4 -4
- package/lib/pt-D3Gz8aCi.js +4 -4
- package/lib/ro-SIuDm7Nt.js +4 -4
- package/lib/ru-DrinNLb3.js +4 -4
- package/lib/sk-DK0CgugP.js +4 -4
- package/lib/sl-BSnDNZ_p.js +4 -4
- package/lib/sr-t_C4aOh0.js +4 -4
- package/lib/sv-hjxeMgEO.js +4 -4
- package/lib/sw-Bx_fcZ4c.js +4 -4
- package/lib/th-kkF4cO_F.js +4 -4
- package/lib/tr-Dra2pQ5h.js +4 -4
- package/lib/uk-UEKtnnPj.js +4 -4
- package/lib/ur-COGBRjXF.js +4 -4
- package/lib/{useCollectFieldsEndpoint-CbJubcL0.js → useCollectFieldsEndpoint-BY24yh_f.js} +6 -6
- package/lib/{useCollectFieldsEndpoint-CbJubcL0.js.map → useCollectFieldsEndpoint-BY24yh_f.js.map} +1 -1
- package/lib/{useEmailFirstExperiment-B3OCUagW.js → useEmailFirstExperiment-ge0f6k-o.js} +5 -5
- package/lib/{useEmailFirstExperiment-B3OCUagW.js.map → useEmailFirstExperiment-ge0f6k-o.js.map} +1 -1
- package/lib/vi-CAhGkrs3.js +4 -4
- package/lib/zh-CobVQtU0.js +4 -4
- package/lib/zh-HK-BuYPE4ck.js +4 -4
- package/lib/zu-LijCPCBd.js +4 -4
- package/package.json +1 -1
- package/sheerid-install.css +4 -4
- package/sheerid-install.js +5 -5
- package/sheerid.css +5 -5
- package/sheerid.js +20 -10
- package/sheerid.js.map +1 -1
- package/src/components/CustomCssContext/CustomCssContextProvider.d.ts +1 -1
- package/types-reference.zip +0 -0
- package/chunk/StepIDCheckLoopRegula-BvLgkrQh.js.map +0 -1
- package/chunk/StepIDCheckLoopRegula-RdvQoONf.js.map +0 -1
- package/lib/StepCollectMilitaryStatusComponent-_iCAvTaK.js +0 -11
- package/lib/es6-BBkq3-Vg.js.map +0 -1
- package/lib/index-B67_a7x8.js +0 -11
- package/lib/index-B67_a7x8.js.map +0 -1
- package/lib/index-BAVaST2b.js +0 -11
- package/lib/index-BAVaST2b.js.map +0 -1
- package/lib/index-BmT9APx0.js +0 -11
- package/lib/index-BmT9APx0.js.map +0 -1
- package/lib/index-Ko6SZgoj.js +0 -11
- package/lib/index-Ko6SZgoj.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-CZcX5xiK.js","sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\nimport {\n VerificationService,\n AgePersonalInfoViewModel,\n AgePersonalInfoResponse,\n FormSelectChoice,\n Country,\n FieldDescription,\n CustomFormFieldConfig,\n} from \"../../lib/types/types\";\n\nimport {\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n getAvailableCountryChoices,\n getDefaultCountryChoice,\n produceDraftViewModel,\n getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\n\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepAgePersonalInfoComponentProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepAgePersonalInfo = ({ verificationService, intl }: StepAgePersonalInfoComponentProps) => {\n const viewModel = verificationService.viewModel as AgePersonalInfoViewModel;\n const { fieldValidationErrors } = verificationService;\n const verificationResponse = verificationService.verificationResponse as AgePersonalInfoResponse;\n const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n const countryChoices: FormSelectChoice<Country, string>[] = getAvailableCountryChoices(\n verificationService.programTheme,\n intl,\n );\n const defaultCountryChoice: FormSelectChoice<Country, string> =\n getDefaultCountryChoice(countryChoices);\n const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice.value);\n const defaultRequiredFields: FieldDescription[] =\n safeCountryValue === \"US\" ? [{ key: \"postalCode\" }] : [];\n\n // PhoneNumber is required for all non-US age programs and if smsLoop is enabled.\n const showPhoneNumber =\n safeCountryValue !== \"US\" ||\n verificationService.programTheme.isSmsNotifierConfigured ||\n verificationService.programTheme.smsLoopEnabled;\n const phoneNumberRequired =\n safeCountryValue !== \"US\" || verificationService.programTheme.smsLoopEnabled;\n\n const locale = viewModel.localeChoice.value;\n const options = getOptions();\n\n if (\n !fieldValidationErrors.phoneNumber &&\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"invalidPhoneNumber\")\n ) {\n verificationService.updateFieldValidationErrors({\n ...fieldValidationErrors,\n phoneNumber: \"invalidPhoneNumber\",\n });\n }\n\n const updateAgeViewModel = (key: keyof AgePersonalInfoViewModel, value: any) => {\n const nextState: AgePersonalInfoViewModel = produceDraftViewModel(viewModel, key, value);\n verificationService.updateViewModel(nextState);\n };\n\n const { isFieldRequired } = useCollectFieldsEndpoint({\n verificationId: verificationResponse.verificationId,\n currentStep: verificationResponse.currentStep,\n viewModel,\n defaultRequiredFields,\n });\n\n React.useEffect(() => {\n // When country changes re-check the phone number validation\n updateFieldValidationErrorsByFieldId(\"phoneNumber\", viewModel.phoneNumber, verificationService);\n }, [viewModel.country]);\n\n return (\n <PersonalInfoWrapper\n verificationService={verificationService}\n step={verificationResponse.currentStep}\n >\n <PersonalInfoHeader verificationService={verificationService} classNameIdentifier=\"age\" />\n\n <ChangeLocaleV2Component verificationService={verificationService} />\n <CountryComponentWrapper\n verificationService={verificationService}\n disabled={getFieldConfigByFieldId(\"country\")?.disabled}\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 updateAgeViewModel(\"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 updateAgeViewModel(\"lastName\", newValue);\n updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n }}\n />\n </div>\n <BirthDate\n errorId={fieldValidationErrors.birthDate}\n locale={locale}\n onChange={(newValue) => {\n updateAgeViewModel(\"birthDate\", newValue);\n updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n }}\n value={viewModel.birthDate}\n disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n />\n {isFieldRequired(\"city\") && (\n <CityComponent\n value={viewModel.city}\n isRequired\n isErrored={!!fieldValidationErrors.city}\n errorId={fieldValidationErrors.city}\n disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n onChange={(value) => {\n updateAgeViewModel(\"city\", value);\n updateFieldValidationErrorsByFieldId(\"city\", value, verificationService);\n }}\n />\n )}\n {isFieldRequired(\"address1\") && (\n <AddressComponent\n value={viewModel.address1}\n isRequired\n isErrored={!!fieldValidationErrors.address1}\n errorId={fieldValidationErrors.address1}\n onChange={(value) => {\n updateAgeViewModel(\"address1\", value);\n updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n }}\n />\n )}\n {isFieldRequired(\"postalCode\") && (\n <PostalCode\n isErrored={!!fieldValidationErrors.postalCode}\n onChange={(newValue) => {\n updateAgeViewModel(\"postalCode\", newValue);\n updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n }}\n value={viewModel.postalCode}\n disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n />\n )}\n <Email\n value={viewModel.email}\n isErrored={!!fieldValidationErrors.email}\n explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n onChange={(newValue) => {\n updateAgeViewModel(\"email\", newValue);\n updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n }}\n onKeyDown={(event) => handleEmailOnKeyDown(event)}\n disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n />\n\n {showPhoneNumber ? (\n <PhoneNumber\n isRequired={phoneNumberRequired}\n value={viewModel.phoneNumber}\n isErrored={!!fieldValidationErrors.phoneNumber}\n onChange={(newValue) => {\n updateAgeViewModel(\"phoneNumber\", newValue);\n updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n }}\n selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n />\n ) : null}\n\n {options.customFormFields.map((config: CustomFormFieldConfig) => (\n <FormFieldCustom config={config} verificationService={verificationService} />\n ))}\n\n <MarketConsentWrapper\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.marketConsentValue}\n onChange={(newValue) => {\n updateAgeViewModel(\"metadata\", {\n ...verificationService.viewModel.metadata,\n marketConsentValue: newValue,\n });\n updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n }}\n viewModel={viewModel}\n disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n />\n\n <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n <PersonalInfoStepSubmitButton\n step={VerificationStepsEnum.collectAgePersonalInfo}\n verificationService={verificationService}\n viewModel={viewModel}\n failedInstantMatch={failedInstantMatch}\n buttonText={\n <FormattedHTMLMessage\n id=\"step.personalInfo.submitButtonText\"\n defaultMessage=\"Verify and continue\"\n />\n }\n />\n </PersonalInfoWrapper>\n );\n};\n\nexport const StepAgePersonalInfoComponent = injectIntl(StepAgePersonalInfo);\n"],"names":["StepAgePersonalInfo","verificationService","intl","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","countryChoices","getAvailableCountryChoices","defaultCountryChoice","getDefaultCountryChoice","safeCountryValue","getSafe","defaultRequiredFields","showPhoneNumber","phoneNumberRequired","locale","options","getOptions","updateAgeViewModel","key","value","nextState","produceDraftViewModel","isFieldRequired","useCollectFieldsEndpoint","React","updateFieldValidationErrorsByFieldId","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_a","getFieldConfigByFieldId","FirstName","_b","newValue","LastName","_c","BirthDate","_d","CityComponent","_e","AddressComponent","PostalCode","_f","Email","FormattedHTMLMessage","event","handleEmailOnKeyDown","_g","PhoneNumber","_h","config","FormFieldCustom","MarketConsentWrapper","_i","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepAgePersonalInfoComponent","injectIntl"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index-BVaUSEo3.js","sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\nimport {\n VerificationService,\n AgePersonalInfoViewModel,\n AgePersonalInfoResponse,\n FormSelectChoice,\n Country,\n FieldDescription,\n CustomFormFieldConfig,\n} from \"../../lib/types/types\";\n\nimport {\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n getAvailableCountryChoices,\n getDefaultCountryChoice,\n produceDraftViewModel,\n getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\n\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepAgePersonalInfoComponentProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepAgePersonalInfo = ({ verificationService, intl }: StepAgePersonalInfoComponentProps) => {\n const viewModel = verificationService.viewModel as AgePersonalInfoViewModel;\n const { fieldValidationErrors } = verificationService;\n const verificationResponse = verificationService.verificationResponse as AgePersonalInfoResponse;\n const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n const countryChoices: FormSelectChoice<Country, string>[] = getAvailableCountryChoices(\n verificationService.programTheme,\n intl,\n );\n const defaultCountryChoice: FormSelectChoice<Country, string> =\n getDefaultCountryChoice(countryChoices);\n const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice.value);\n const defaultRequiredFields: FieldDescription[] =\n safeCountryValue === \"US\" ? [{ key: \"postalCode\" }] : [];\n\n // PhoneNumber is required for all non-US age programs and if smsLoop is enabled.\n const showPhoneNumber =\n safeCountryValue !== \"US\" ||\n verificationService.programTheme.isSmsNotifierConfigured ||\n verificationService.programTheme.smsLoopEnabled;\n const phoneNumberRequired =\n safeCountryValue !== \"US\" || verificationService.programTheme.smsLoopEnabled;\n\n const locale = viewModel.localeChoice.value;\n const options = getOptions();\n\n if (\n !fieldValidationErrors.phoneNumber &&\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"invalidPhoneNumber\")\n ) {\n verificationService.updateFieldValidationErrors({\n ...fieldValidationErrors,\n phoneNumber: \"invalidPhoneNumber\",\n });\n }\n\n const updateAgeViewModel = (key: keyof AgePersonalInfoViewModel, value: any) => {\n const nextState: AgePersonalInfoViewModel = produceDraftViewModel(viewModel, key, value);\n verificationService.updateViewModel(nextState);\n };\n\n const { isFieldRequired } = useCollectFieldsEndpoint({\n verificationId: verificationResponse.verificationId,\n currentStep: verificationResponse.currentStep,\n viewModel,\n defaultRequiredFields,\n });\n\n React.useEffect(() => {\n // When country changes re-check the phone number validation\n updateFieldValidationErrorsByFieldId(\"phoneNumber\", viewModel.phoneNumber, verificationService);\n }, [viewModel.country]);\n\n return (\n <PersonalInfoWrapper\n verificationService={verificationService}\n step={verificationResponse.currentStep}\n >\n <PersonalInfoHeader verificationService={verificationService} classNameIdentifier=\"age\" />\n\n <ChangeLocaleV2Component verificationService={verificationService} />\n <CountryComponentWrapper\n verificationService={verificationService}\n disabled={getFieldConfigByFieldId(\"country\")?.disabled}\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 updateAgeViewModel(\"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 updateAgeViewModel(\"lastName\", newValue);\n updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n }}\n />\n </div>\n <BirthDate\n errorId={fieldValidationErrors.birthDate}\n locale={locale}\n onChange={(newValue) => {\n updateAgeViewModel(\"birthDate\", newValue);\n updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n }}\n value={viewModel.birthDate}\n disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n />\n {isFieldRequired(\"city\") && (\n <CityComponent\n value={viewModel.city}\n isRequired\n isErrored={!!fieldValidationErrors.city}\n errorId={fieldValidationErrors.city}\n disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n onChange={(value) => {\n updateAgeViewModel(\"city\", value);\n updateFieldValidationErrorsByFieldId(\"city\", value, verificationService);\n }}\n />\n )}\n {isFieldRequired(\"address1\") && (\n <AddressComponent\n value={viewModel.address1}\n isRequired\n isErrored={!!fieldValidationErrors.address1}\n errorId={fieldValidationErrors.address1}\n onChange={(value) => {\n updateAgeViewModel(\"address1\", value);\n updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n }}\n />\n )}\n {isFieldRequired(\"postalCode\") && (\n <PostalCode\n isErrored={!!fieldValidationErrors.postalCode}\n onChange={(newValue) => {\n updateAgeViewModel(\"postalCode\", newValue);\n updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n }}\n value={viewModel.postalCode}\n disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n />\n )}\n <Email\n value={viewModel.email}\n isErrored={!!fieldValidationErrors.email}\n explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n onChange={(newValue) => {\n updateAgeViewModel(\"email\", newValue);\n updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n }}\n onKeyDown={(event) => handleEmailOnKeyDown(event)}\n disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n />\n\n {showPhoneNumber ? (\n <PhoneNumber\n isRequired={phoneNumberRequired}\n value={viewModel.phoneNumber}\n isErrored={!!fieldValidationErrors.phoneNumber}\n onChange={(newValue) => {\n updateAgeViewModel(\"phoneNumber\", newValue);\n updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n }}\n selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n />\n ) : null}\n\n {options.customFormFields.map((config: CustomFormFieldConfig) => (\n <FormFieldCustom config={config} verificationService={verificationService} />\n ))}\n\n <MarketConsentWrapper\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.marketConsentValue}\n onChange={(newValue) => {\n updateAgeViewModel(\"metadata\", {\n ...verificationService.viewModel.metadata,\n marketConsentValue: newValue,\n });\n updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n }}\n viewModel={viewModel}\n disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n />\n\n <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n <PersonalInfoStepSubmitButton\n step={VerificationStepsEnum.collectAgePersonalInfo}\n verificationService={verificationService}\n viewModel={viewModel}\n failedInstantMatch={failedInstantMatch}\n buttonText={\n <FormattedHTMLMessage\n id=\"step.personalInfo.submitButtonText\"\n defaultMessage=\"Verify and continue\"\n />\n }\n />\n </PersonalInfoWrapper>\n );\n};\n\nexport const StepAgePersonalInfoComponent = injectIntl(StepAgePersonalInfo);\n"],"names":["StepAgePersonalInfo","verificationService","intl","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","countryChoices","getAvailableCountryChoices","defaultCountryChoice","getDefaultCountryChoice","safeCountryValue","getSafe","defaultRequiredFields","showPhoneNumber","phoneNumberRequired","locale","options","getOptions","updateAgeViewModel","key","value","nextState","produceDraftViewModel","isFieldRequired","useCollectFieldsEndpoint","React","updateFieldValidationErrorsByFieldId","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_a","getFieldConfigByFieldId","FirstName","_b","newValue","LastName","_c","BirthDate","_d","CityComponent","_e","AddressComponent","PostalCode","_f","Email","FormattedHTMLMessage","event","handleEmailOnKeyDown","_g","PhoneNumber","_h","config","FormFieldCustom","MarketConsentWrapper","_i","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepAgePersonalInfoComponent","injectIntl"],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* VERSION: 2.144.0-alpha.
|
|
4
|
-
* BUILD_TIMESTAMP:
|
|
5
|
-
* BUILD_DATE: Thu Oct 23 2025
|
|
6
|
-
* BUILD_COMMIT:
|
|
3
|
+
* VERSION: 2.144.0-alpha.1
|
|
4
|
+
* BUILD_TIMESTAMP: 1761258729598
|
|
5
|
+
* BUILD_DATE: Thu Oct 23 2025 22:32:09 GMT+0000 (Coordinated Universal Time)
|
|
6
|
+
* BUILD_COMMIT: 8771a803905f8dc033efe93f204680f4a02f0c0d
|
|
7
7
|
*/
|
|
8
|
-
import { j as s, w as h, t as x, A as y, x as N, y as j, z as S, o as g, B as w, D as C, V as l, q as f, r as M } from "./es6-
|
|
8
|
+
import { j as s, w as h, t as x, A as y, x as N, y as j, z as S, o as g, B as w, D as C, V as l, q as f, r as M } from "./es6-DGToWuFe.js";
|
|
9
9
|
import E from "react";
|
|
10
10
|
import { injectIntl as F, FormattedHTMLMessage as o } from "react-intl";
|
|
11
11
|
const V = ({ verificationService: e }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-BYSIlN30.js","sources":["../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { VerificationService, SocialSecurityViewModel } from \"../../lib/types/types\";\nimport {\n submitForm,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { SocialSecurityNumber } from \"../FormFields/SSN/SSN\";\nimport { SsnChoice } from \"./SsnChoice\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSocialSecurityNumberProps {\n verificationService: VerificationService;\n}\n\nconst Step = ({ verificationService }: StepSocialSecurityNumberProps) => {\n const [showChoice, setShowChoice] = React.useState(true);\n const viewModel = verificationService.viewModel as SocialSecurityViewModel;\n const { fieldValidationErrors } = verificationService;\n const doCancelStep = () =>\n verificationService.submitStep(\n VerificationStepsEnum.cancelSocialSecurityNumber,\n viewModel,\n verificationService.verificationResponse,\n );\n\n const updateSSNViewModel = (key: keyof SocialSecurityViewModel, value: any) => {\n const nextState: SocialSecurityViewModel = produce(\n viewModel,\n (draft: SocialSecurityViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n const isSubmittable =\n viewModel.socialSecurityNumber && viewModel.socialSecurityNumber.toString().length === 9;\n\n if (showChoice) {\n return (\n <SsnChoice\n useSsn={() => setShowChoice(false)}\n useDocUpload={doCancelStep}\n verificationService={verificationService}\n />\n );\n }\n\n return (\n <div\n id=\"sid-step-social-security\"\n className=\"sid-social-sercurity-number-container sid-l-container sid-l-horz-center\"\n >\n <div role=\"main\">\n <div className=\"sid-header\">\n <div className=\"sid-social-security-number-logo-container sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.title\"\n defaultMessage=\"Enter your social security number\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <ChangeLocaleV2Component verificationService={verificationService} />\n\n <div className=\"sid-ssn-wrapper\">\n <SocialSecurityNumber\n value={viewModel.socialSecurityNumber}\n onChange={(value: string) => {\n updateSSNViewModel(\"socialSecurityNumber\", value);\n updateFieldValidationErrorsByFieldId(\n \"socialSecurityNumber\",\n value,\n verificationService,\n );\n }}\n isErrored={!!fieldValidationErrors[FieldIdEnum.socialSecurityNumber]}\n placeholder=\"000-00-0000\"\n />\n </div>\n </div>\n\n <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n <div className=\"sid-social-security-number-submit sid-submit\">\n <button\n id=\"sid-submit-wrapper__collect-info\"\n onClick={() =>\n submitForm(\n viewModel,\n verificationService,\n VerificationStepsEnum.collectSocialSecurityNumber,\n )\n }\n type=\"submit\"\n className={`sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${\n isSubmittable ? \"\" : \"sid-btn--disabled-like\"\n }`}\n aria-label=\"submit\"\n ref={(button) => setRef(\"submitButton\", button)}\n >\n <FormattedHTMLMessage id=\"proceed\" defaultMessage=\"Proceed\" />\n </button>\n </div>\n </div>\n\n <div\n className=\"sid-form-region sid-social-security-number-upload-instead-btn sid-l-space-top-md\"\n role=\"button\"\n tabIndex={0}\n onKeyUp={doCancelStep}\n onClick={doCancelStep}\n >\n <div className=\"sid-social-security-number-upload-instead-text sid-h-link-like\">\n <FormattedHTMLMessage\n id=\"step.collectSocialSecurityNumber.uploadInstead\"\n defaultMessage=\"Upload a document instead\"\n />\n </div>\n </div>\n </div>\n <FormFooter verificationService={verificationService} />\n </div>\n );\n};\n\n// TODO remove injectIntl, it's not used\nexport const StepSocialSecurityNumber = injectIntl(Step);\n"],"names":["Step","verificationService","showChoice","setShowChoice","React","viewModel","fieldValidationErrors","doCancelStep","VerificationStepsEnum","updateSSNViewModel","key","value","nextState","produce","draft","isSubmittable","jsx","SsnChoice","jsxs","LogoComponent","AnnouncingHeader","FormattedHTMLMessage","ChangeLocaleV2Component","SocialSecurityNumber","updateFieldValidationErrorsByFieldId","FieldIdEnum","submitForm","button","setRef","FormFooter","StepSocialSecurityNumber","injectIntl"],"mappings":"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"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* VERSION: 2.144.0-alpha.
|
|
4
|
-
* BUILD_TIMESTAMP:
|
|
5
|
-
* BUILD_DATE: Thu Oct 23 2025
|
|
6
|
-
* BUILD_COMMIT:
|
|
3
|
+
* VERSION: 2.144.0-alpha.1
|
|
4
|
+
* BUILD_TIMESTAMP: 1761258729598
|
|
5
|
+
* BUILD_DATE: Thu Oct 23 2025 22:32:09 GMT+0000 (Coordinated Universal Time)
|
|
6
|
+
* BUILD_COMMIT: 8771a803905f8dc033efe93f204680f4a02f0c0d
|
|
7
7
|
*/
|
|
8
|
-
import { k as W, j as s, N as _, m as $, am as Y, E as F, f as l, o as t, O as G, x as X, a2 as Z, ac as J, aw as Q, aq as S, ax as v, a4 as ee, T as ae, U as se, a5 as oe, X as le, n as ne, Y as te, a6 as de, Z as me, _ as re, $ as ie, p as pe, V as ue, ab as be, ay as Ce } from "./es6-
|
|
8
|
+
import { k as W, j as s, N as _, m as $, am as Y, E as F, f as l, o as t, O as G, x as X, a2 as Z, ac as J, aw as Q, aq as S, ax as v, a4 as ee, T as ae, U as se, a5 as oe, X as le, n as ne, Y as te, a6 as de, Z as me, _ as re, $ as ie, p as pe, V as ue, ab as be, ay as Ce } from "./es6-DGToWuFe.js";
|
|
9
9
|
import ge from "react";
|
|
10
10
|
import { injectIntl as xe, FormattedHTMLMessage as m } from "react-intl";
|
|
11
|
-
import { u as he } from "./useCollectFieldsEndpoint-
|
|
12
|
-
import { u as Me, E as Ee } from "./useEmailFirstExperiment-
|
|
11
|
+
import { u as he } from "./useCollectFieldsEndpoint-BY24yh_f.js";
|
|
12
|
+
import { u as Me, E as Ee } from "./useEmailFirstExperiment-ge0f6k-o.js";
|
|
13
13
|
const Ie = {
|
|
14
14
|
AT: "gbrNummer",
|
|
15
15
|
ES: "numeroColegiado",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-DeN_XdW7.js","sources":["../../src/components/StepMedicalProfessionalPersonalInfo/StepMedicalProfessionalPersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport {\n VerificationStepsEnum,\n MedicalProfessionalStatusDefaultMessagesEnum,\n} from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n VerificationService,\n FormSelectChoice,\n Organization,\n MedicalProfessionalPersonalInfoViewModel,\n MedicalProfessionalPersonalInfoResponse,\n CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n updateViewModelOrganization,\n produceDraftViewModel,\n getStatusLabel,\n getAvailableMedicalStatuses,\n getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { StatusComponent as MedicalStatus } from \"../FormFields/Status/StatusComponent\";\nimport { MedicalProfessionalOrganizationComponent as MedicalProfessionalOrganization } from \"../FormFields/MedicalProfessionalOrganization/MedicalProfessionalOrganizationComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport EmailLookupResponseMessages from \"../FormFields/EmailFirstCollectInfo/EmailLookupResponseMessageComponent\";\nimport { LoadingSpinnerComponent } from \"../LoadingSpinner/LoadingSpinnerComponent\";\nimport { useEmailFirstExperiment } from \"../FormFields/EmailFirstCollectInfo/useEmailFirstExperiment\";\n\ninterface StepMedicalProfessionalPersonalInfoComponentProps {\n verificationService: VerificationService;\n intl: any;\n}\n\ntype MemberIdFieldType =\n | \"registrationNumber\"\n | \"numeroColegiado\"\n | \"autorisationsId\"\n | \"globalLocationNumber\"\n | \"gbrNummer\";\n\nconst memberIdMessageKeysByCountry: Record<string, MemberIdFieldType> = {\n AT: \"gbrNummer\",\n ES: \"numeroColegiado\",\n DK: \"autorisationsId\",\n CH: \"globalLocationNumber\",\n IE: \"registrationNumber\",\n GB: \"registrationNumber\",\n};\n\nconst getMemberIdMessageKeys = (country: string) => {\n const memberIdFieldType: MemberIdFieldType =\n memberIdMessageKeysByCountry[country] || \"registrationNumber\";\n return {\n labelKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Label`,\n explanationKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Explanation`,\n };\n};\n\nexport const StepMedicalProfessionalPersonalInfo = ({\n intl,\n verificationService,\n}: StepMedicalProfessionalPersonalInfoComponentProps) => {\n const viewModel = verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel;\n const { fieldValidationErrors } = verificationService;\n const verificationResponse =\n verificationService.verificationResponse as MedicalProfessionalPersonalInfoResponse;\n const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n const options = getOptions();\n\n const locale = viewModel.localeChoice.value;\n\n const updateMedicalProfessionalViewModel = (\n key: keyof MedicalProfessionalPersonalInfoViewModel,\n value: any,\n ) => {\n const nextState = produceDraftViewModel(viewModel, key, value);\n verificationService.updateViewModel(nextState);\n };\n\n const { isFieldOptional } = useCollectFieldsEndpoint({\n verificationId: verificationResponse.verificationId,\n currentStep: verificationResponse.currentStep,\n viewModel,\n });\n const shouldRenderMemberId = isFieldOptional(\"memberId\");\n\n // #region collect-info-step-email-first\n\n const {\n isEmailUpTop,\n isEmailValidationLoading,\n showFormFields,\n emailLookupResponse,\n emailOnBlur,\n emailOnKeyDown,\n handleResendClick,\n showEmailLookupResponseMessages,\n enableFormFields,\n handleOnClickProceedHere,\n } = useEmailFirstExperiment(\n verificationService.programId,\n viewModel.email,\n verificationService.verificationResponse.segment,\n );\n // #endregion collect-info-step-email-first\n\n React.useEffect(() => {\n // If the memberId field is not rendered, we shouldn't validate it\n // partially update to avoid clobbering the rest of the viewModel\n if (shouldRenderMemberId) {\n verificationService.updateViewModel({ fieldsToSkipValidation: [] }, { partial: true });\n } else {\n verificationService.updateViewModel(\n { fieldsToSkipValidation: [\"memberId\"] },\n { partial: true },\n );\n }\n }, [shouldRenderMemberId]);\n\n return (\n <PersonalInfoWrapper\n verificationService={verificationService}\n step={verificationResponse.currentStep}\n >\n <PersonalInfoHeader\n verificationService={verificationService}\n classNameIdentifier=\"medical-personal-info\"\n />\n\n {\n // #region email-first-experiment\n isEmailUpTop && (\n <div className=\"email-input-wrapper\">\n {isEmailValidationLoading && (\n <div className=\"email-input-wrapper-frame\">\n <div className=\"transform-scale\">\n <LoadingSpinnerComponent />\n </div>\n </div>\n )}\n <Email\n value={viewModel.email}\n isErrored={!!fieldValidationErrors.email}\n explanation={\n <FormattedHTMLMessage\n id=\"emailExplanation\"\n defaultMessage=\"Personal email address is recommended\"\n />\n }\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"email\", newValue);\n updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n }}\n onKeyDown={emailOnKeyDown}\n onBlur={emailOnBlur}\n disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n />\n </div>\n )\n // #endregion email-first-experiment\n }\n {showEmailLookupResponseMessages && emailLookupResponse && (\n <EmailLookupResponseMessages\n emailLookupResponse={emailLookupResponse}\n onResendClick={handleResendClick}\n onHandleClickLink={handleOnClickProceedHere}\n />\n )}\n {showFormFields && (\n <div className={enableFormFields || !isEmailUpTop ? \"\" : \"sid-disable-elements\"}>\n <ChangeLocaleV2Component verificationService={verificationService} />\n <CountryComponentWrapper\n verificationService={verificationService}\n disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n />\n <MedicalStatus\n segmentId=\"medical\"\n value={{\n value: viewModel.status,\n label: getStatusLabel(\n intl,\n viewModel.status,\n MedicalProfessionalStatusDefaultMessagesEnum,\n ),\n }}\n isErrored={!!fieldValidationErrors.status}\n options={getAvailableMedicalStatuses(intl, verificationResponse.availableStatuses)}\n disabled={getFieldConfigByFieldId(\"status\")?.disabled}\n onChange={(status: FormSelectChoice) => {\n updateMedicalProfessionalViewModel(\"status\", status ? (status.value as string) : \"\");\n updateFieldValidationErrorsByFieldId(\n \"status\",\n status ? (status.value as string) : \"\",\n verificationService,\n );\n }}\n />\n <MedicalProfessionalOrganization\n isErrored={!!fieldValidationErrors.organization}\n onChange={(choice: Organization) => {\n updateViewModelOrganization(choice, verificationService);\n updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n }}\n value={\n (verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel)\n .organization\n }\n verificationService={verificationService}\n disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\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 updateMedicalProfessionalViewModel(\"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 updateMedicalProfessionalViewModel(\"lastName\", newValue);\n updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n }}\n />\n </div>\n <BirthDate\n errorId={fieldValidationErrors.birthDate}\n locale={locale}\n disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"birthDate\", newValue);\n updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n }}\n value={viewModel.birthDate}\n />\n <PostalCode\n isErrored={!!fieldValidationErrors.postalCode}\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"postalCode\", newValue);\n updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n }}\n value={viewModel.postalCode}\n disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n explanation={\n <FormattedHTMLMessage\n id=\"postalCodeExplanation\"\n defaultMessage=\"Use the location on file with your licensing body\"\n />\n }\n />\n {!isEmailUpTop && (\n <Email\n value={viewModel.email}\n isErrored={!!fieldValidationErrors.email}\n explanation={\n <FormattedHTMLMessage\n id=\"emailExplanation\"\n defaultMessage=\"Needed to send you your unique code\"\n />\n }\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"email\", newValue);\n updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n }}\n onKeyDown={(event) => handleEmailOnKeyDown(event)}\n disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n />\n )}\n {verificationService.programTheme.isSmsNotifierConfigured ||\n verificationService.programTheme.smsLoopEnabled ? (\n <PhoneNumber\n isRequired={!!verificationService.programTheme.smsLoopEnabled}\n value={viewModel.phoneNumber}\n isErrored={!!fieldValidationErrors.phoneNumber}\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"phoneNumber\", newValue);\n updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n }}\n selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n />\n ) : null}\n {shouldRenderMemberId && (\n <MemberId\n value={viewModel.memberId}\n isErrored={!!fieldValidationErrors.memberId}\n isRequired={getFieldConfigByFieldId(\"memberId\")?.requireIfOptional}\n disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"memberId\", newValue);\n updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n }}\n explanation={\n <FormattedHTMLMessage\n id={getMemberIdMessageKeys(viewModel.country).explanationKey}\n defaultMessage=\"Your Professional Membership Registration Number\"\n />\n }\n label={\n <FormattedHTMLMessage\n id={getMemberIdMessageKeys(viewModel.country).labelKey}\n defaultMessage=\"Registration Number\"\n />\n }\n />\n )}\n {options.customFormFields.map((config: CustomFormFieldConfig) => (\n <FormFieldCustom config={config} verificationService={verificationService} />\n ))}\n <MarketConsentWrapper\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.marketConsentValue}\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"metadata\", {\n ...verificationService.viewModel.metadata,\n marketConsentValue: newValue,\n });\n updateFieldValidationErrorsByFieldId(\n \"marketConsentValue\",\n newValue,\n verificationService,\n );\n }}\n viewModel={viewModel}\n disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n />\n <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n <PersonalInfoStepSubmitButton\n step={VerificationStepsEnum.collectMedicalProfessionalPersonalInfo}\n verificationService={verificationService}\n viewModel={viewModel}\n failedInstantMatch={failedInstantMatch}\n buttonText={\n <FormattedHTMLMessage\n id=\"step.personalInfo.submitButtonText\"\n defaultMessage=\"Verify My Medical Professional Status\"\n />\n }\n />\n </div>\n )}\n </PersonalInfoWrapper>\n );\n};\n\nexport const StepMedicalProfessionalPersonalInfoComponent = injectIntl(\n StepMedicalProfessionalPersonalInfo,\n);\n"],"names":["memberIdMessageKeysByCountry","getMemberIdMessageKeys","country","memberIdFieldType","StepMedicalProfessionalPersonalInfo","intl","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","options","getOptions","locale","updateMedicalProfessionalViewModel","key","value","nextState","produceDraftViewModel","isFieldOptional","useCollectFieldsEndpoint","shouldRenderMemberId","isEmailUpTop","isEmailValidationLoading","showFormFields","emailLookupResponse","emailOnBlur","emailOnKeyDown","handleResendClick","showEmailLookupResponseMessages","enableFormFields","handleOnClickProceedHere","useEmailFirstExperiment","React","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","LoadingSpinnerComponent","Email","FormattedHTMLMessage","newValue","updateFieldValidationErrorsByFieldId","_a","getFieldConfigByFieldId","EmailLookupResponseMessages","ChangeLocaleV2Component","CountryComponentWrapper","_b","MedicalStatus","getStatusLabel","MedicalProfessionalStatusDefaultMessagesEnum","getAvailableMedicalStatuses","_c","status","MedicalProfessionalOrganization","choice","updateViewModelOrganization","_d","FirstName","_e","LastName","_f","BirthDate","_g","PostalCode","_h","event","handleEmailOnKeyDown","_i","PhoneNumber","_j","MemberId","_k","_l","config","FormFieldCustom","MarketConsentWrapper","_m","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepMedicalProfessionalPersonalInfoComponent","injectIntl"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index-Bd9_uXgb.js","sources":["../../src/components/StepMedicalProfessionalPersonalInfo/StepMedicalProfessionalPersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport {\n VerificationStepsEnum,\n MedicalProfessionalStatusDefaultMessagesEnum,\n} from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n VerificationService,\n FormSelectChoice,\n Organization,\n MedicalProfessionalPersonalInfoViewModel,\n MedicalProfessionalPersonalInfoResponse,\n CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n handleEmailOnKeyDown,\n updateFieldValidationErrorsByFieldId,\n updateViewModelOrganization,\n produceDraftViewModel,\n getStatusLabel,\n getAvailableMedicalStatuses,\n getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { StatusComponent as MedicalStatus } from \"../FormFields/Status/StatusComponent\";\nimport { MedicalProfessionalOrganizationComponent as MedicalProfessionalOrganization } from \"../FormFields/MedicalProfessionalOrganization/MedicalProfessionalOrganizationComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport EmailLookupResponseMessages from \"../FormFields/EmailFirstCollectInfo/EmailLookupResponseMessageComponent\";\nimport { LoadingSpinnerComponent } from \"../LoadingSpinner/LoadingSpinnerComponent\";\nimport { useEmailFirstExperiment } from \"../FormFields/EmailFirstCollectInfo/useEmailFirstExperiment\";\n\ninterface StepMedicalProfessionalPersonalInfoComponentProps {\n verificationService: VerificationService;\n intl: any;\n}\n\ntype MemberIdFieldType =\n | \"registrationNumber\"\n | \"numeroColegiado\"\n | \"autorisationsId\"\n | \"globalLocationNumber\"\n | \"gbrNummer\";\n\nconst memberIdMessageKeysByCountry: Record<string, MemberIdFieldType> = {\n AT: \"gbrNummer\",\n ES: \"numeroColegiado\",\n DK: \"autorisationsId\",\n CH: \"globalLocationNumber\",\n IE: \"registrationNumber\",\n GB: \"registrationNumber\",\n};\n\nconst getMemberIdMessageKeys = (country: string) => {\n const memberIdFieldType: MemberIdFieldType =\n memberIdMessageKeysByCountry[country] || \"registrationNumber\";\n return {\n labelKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Label`,\n explanationKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Explanation`,\n };\n};\n\nexport const StepMedicalProfessionalPersonalInfo = ({\n intl,\n verificationService,\n}: StepMedicalProfessionalPersonalInfoComponentProps) => {\n const viewModel = verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel;\n const { fieldValidationErrors } = verificationService;\n const verificationResponse =\n verificationService.verificationResponse as MedicalProfessionalPersonalInfoResponse;\n const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n const options = getOptions();\n\n const locale = viewModel.localeChoice.value;\n\n const updateMedicalProfessionalViewModel = (\n key: keyof MedicalProfessionalPersonalInfoViewModel,\n value: any,\n ) => {\n const nextState = produceDraftViewModel(viewModel, key, value);\n verificationService.updateViewModel(nextState);\n };\n\n const { isFieldOptional } = useCollectFieldsEndpoint({\n verificationId: verificationResponse.verificationId,\n currentStep: verificationResponse.currentStep,\n viewModel,\n });\n const shouldRenderMemberId = isFieldOptional(\"memberId\");\n\n // #region collect-info-step-email-first\n\n const {\n isEmailUpTop,\n isEmailValidationLoading,\n showFormFields,\n emailLookupResponse,\n emailOnBlur,\n emailOnKeyDown,\n handleResendClick,\n showEmailLookupResponseMessages,\n enableFormFields,\n handleOnClickProceedHere,\n } = useEmailFirstExperiment(\n verificationService.programId,\n viewModel.email,\n verificationService.verificationResponse.segment,\n );\n // #endregion collect-info-step-email-first\n\n React.useEffect(() => {\n // If the memberId field is not rendered, we shouldn't validate it\n // partially update to avoid clobbering the rest of the viewModel\n if (shouldRenderMemberId) {\n verificationService.updateViewModel({ fieldsToSkipValidation: [] }, { partial: true });\n } else {\n verificationService.updateViewModel(\n { fieldsToSkipValidation: [\"memberId\"] },\n { partial: true },\n );\n }\n }, [shouldRenderMemberId]);\n\n return (\n <PersonalInfoWrapper\n verificationService={verificationService}\n step={verificationResponse.currentStep}\n >\n <PersonalInfoHeader\n verificationService={verificationService}\n classNameIdentifier=\"medical-personal-info\"\n />\n\n {\n // #region email-first-experiment\n isEmailUpTop && (\n <div className=\"email-input-wrapper\">\n {isEmailValidationLoading && (\n <div className=\"email-input-wrapper-frame\">\n <div className=\"transform-scale\">\n <LoadingSpinnerComponent />\n </div>\n </div>\n )}\n <Email\n value={viewModel.email}\n isErrored={!!fieldValidationErrors.email}\n explanation={\n <FormattedHTMLMessage\n id=\"emailExplanation\"\n defaultMessage=\"Personal email address is recommended\"\n />\n }\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"email\", newValue);\n updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n }}\n onKeyDown={emailOnKeyDown}\n onBlur={emailOnBlur}\n disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n />\n </div>\n )\n // #endregion email-first-experiment\n }\n {showEmailLookupResponseMessages && emailLookupResponse && (\n <EmailLookupResponseMessages\n emailLookupResponse={emailLookupResponse}\n onResendClick={handleResendClick}\n onHandleClickLink={handleOnClickProceedHere}\n />\n )}\n {showFormFields && (\n <div className={enableFormFields || !isEmailUpTop ? \"\" : \"sid-disable-elements\"}>\n <ChangeLocaleV2Component verificationService={verificationService} />\n <CountryComponentWrapper\n verificationService={verificationService}\n disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n />\n <MedicalStatus\n segmentId=\"medical\"\n value={{\n value: viewModel.status,\n label: getStatusLabel(\n intl,\n viewModel.status,\n MedicalProfessionalStatusDefaultMessagesEnum,\n ),\n }}\n isErrored={!!fieldValidationErrors.status}\n options={getAvailableMedicalStatuses(intl, verificationResponse.availableStatuses)}\n disabled={getFieldConfigByFieldId(\"status\")?.disabled}\n onChange={(status: FormSelectChoice) => {\n updateMedicalProfessionalViewModel(\"status\", status ? (status.value as string) : \"\");\n updateFieldValidationErrorsByFieldId(\n \"status\",\n status ? (status.value as string) : \"\",\n verificationService,\n );\n }}\n />\n <MedicalProfessionalOrganization\n isErrored={!!fieldValidationErrors.organization}\n onChange={(choice: Organization) => {\n updateViewModelOrganization(choice, verificationService);\n updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n }}\n value={\n (verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel)\n .organization\n }\n verificationService={verificationService}\n disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\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 updateMedicalProfessionalViewModel(\"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 updateMedicalProfessionalViewModel(\"lastName\", newValue);\n updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n }}\n />\n </div>\n <BirthDate\n errorId={fieldValidationErrors.birthDate}\n locale={locale}\n disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"birthDate\", newValue);\n updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n }}\n value={viewModel.birthDate}\n />\n <PostalCode\n isErrored={!!fieldValidationErrors.postalCode}\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"postalCode\", newValue);\n updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n }}\n value={viewModel.postalCode}\n disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n explanation={\n <FormattedHTMLMessage\n id=\"postalCodeExplanation\"\n defaultMessage=\"Use the location on file with your licensing body\"\n />\n }\n />\n {!isEmailUpTop && (\n <Email\n value={viewModel.email}\n isErrored={!!fieldValidationErrors.email}\n explanation={\n <FormattedHTMLMessage\n id=\"emailExplanation\"\n defaultMessage=\"Needed to send you your unique code\"\n />\n }\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"email\", newValue);\n updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n }}\n onKeyDown={(event) => handleEmailOnKeyDown(event)}\n disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n />\n )}\n {verificationService.programTheme.isSmsNotifierConfigured ||\n verificationService.programTheme.smsLoopEnabled ? (\n <PhoneNumber\n isRequired={!!verificationService.programTheme.smsLoopEnabled}\n value={viewModel.phoneNumber}\n isErrored={!!fieldValidationErrors.phoneNumber}\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"phoneNumber\", newValue);\n updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n }}\n selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n />\n ) : null}\n {shouldRenderMemberId && (\n <MemberId\n value={viewModel.memberId}\n isErrored={!!fieldValidationErrors.memberId}\n isRequired={getFieldConfigByFieldId(\"memberId\")?.requireIfOptional}\n disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"memberId\", newValue);\n updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n }}\n explanation={\n <FormattedHTMLMessage\n id={getMemberIdMessageKeys(viewModel.country).explanationKey}\n defaultMessage=\"Your Professional Membership Registration Number\"\n />\n }\n label={\n <FormattedHTMLMessage\n id={getMemberIdMessageKeys(viewModel.country).labelKey}\n defaultMessage=\"Registration Number\"\n />\n }\n />\n )}\n {options.customFormFields.map((config: CustomFormFieldConfig) => (\n <FormFieldCustom config={config} verificationService={verificationService} />\n ))}\n <MarketConsentWrapper\n verificationService={verificationService}\n isErrored={!!fieldValidationErrors.marketConsentValue}\n onChange={(newValue) => {\n updateMedicalProfessionalViewModel(\"metadata\", {\n ...verificationService.viewModel.metadata,\n marketConsentValue: newValue,\n });\n updateFieldValidationErrorsByFieldId(\n \"marketConsentValue\",\n newValue,\n verificationService,\n );\n }}\n viewModel={viewModel}\n disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n />\n <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n <PersonalInfoStepSubmitButton\n step={VerificationStepsEnum.collectMedicalProfessionalPersonalInfo}\n verificationService={verificationService}\n viewModel={viewModel}\n failedInstantMatch={failedInstantMatch}\n buttonText={\n <FormattedHTMLMessage\n id=\"step.personalInfo.submitButtonText\"\n defaultMessage=\"Verify My Medical Professional Status\"\n />\n }\n />\n </div>\n )}\n </PersonalInfoWrapper>\n );\n};\n\nexport const StepMedicalProfessionalPersonalInfoComponent = injectIntl(\n StepMedicalProfessionalPersonalInfo,\n);\n"],"names":["memberIdMessageKeysByCountry","getMemberIdMessageKeys","country","memberIdFieldType","StepMedicalProfessionalPersonalInfo","intl","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","options","getOptions","locale","updateMedicalProfessionalViewModel","key","value","nextState","produceDraftViewModel","isFieldOptional","useCollectFieldsEndpoint","shouldRenderMemberId","isEmailUpTop","isEmailValidationLoading","showFormFields","emailLookupResponse","emailOnBlur","emailOnKeyDown","handleResendClick","showEmailLookupResponseMessages","enableFormFields","handleOnClickProceedHere","useEmailFirstExperiment","React","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","LoadingSpinnerComponent","Email","FormattedHTMLMessage","newValue","updateFieldValidationErrorsByFieldId","_a","getFieldConfigByFieldId","EmailLookupResponseMessages","ChangeLocaleV2Component","CountryComponentWrapper","_b","MedicalStatus","getStatusLabel","MedicalProfessionalStatusDefaultMessagesEnum","getAvailableMedicalStatuses","_c","status","MedicalProfessionalOrganization","choice","updateViewModelOrganization","_d","FirstName","_e","LastName","_f","BirthDate","_g","PostalCode","_h","event","handleEmailOnKeyDown","_i","PhoneNumber","_j","MemberId","_k","_l","config","FormFieldCustom","MarketConsentWrapper","_m","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepMedicalProfessionalPersonalInfoComponent","injectIntl"],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* VERSION: 2.144.0-alpha.
|
|
4
|
-
* BUILD_TIMESTAMP:
|
|
5
|
-
* BUILD_DATE: Thu Oct 23 2025
|
|
6
|
-
* BUILD_COMMIT:
|
|
3
|
+
* VERSION: 2.144.0-alpha.1
|
|
4
|
+
* BUILD_TIMESTAMP: 1761258729598
|
|
5
|
+
* BUILD_DATE: Thu Oct 23 2025 22:32:09 GMT+0000 (Coordinated Universal Time)
|
|
6
|
+
* BUILD_COMMIT: 8771a803905f8dc033efe93f204680f4a02f0c0d
|
|
7
7
|
*/
|
|
8
|
-
import { al as V, D as R, V as F, j as a, A as K, o as S, r as O } from "./es6-
|
|
8
|
+
import { al as V, D as R, V as F, j as a, A as K, o as S, r as O } from "./es6-DGToWuFe.js";
|
|
9
9
|
import * as N from "react";
|
|
10
10
|
import D, { forwardRef as z, useRef as B, useImperativeHandle as U, useEffect as Z } from "react";
|
|
11
11
|
import { FormattedHTMLMessage as x } from "react-intl";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-BkujeUMy.js","sources":["../../../node_modules/react-auth-code-input/dist/index.modern.js","../../src/components/StepCompleteAuthentication/StepCompleteAuthenticationComponent.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';\n\nvar allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'];\nvar propsMap = {\n alpha: {\n type: 'text',\n inputMode: 'text',\n pattern: '[a-zA-Z]{1}'\n },\n alphanumeric: {\n type: 'text',\n inputMode: 'text',\n pattern: '[a-zA-Z0-9]{1}'\n },\n numeric: {\n type: 'tel',\n inputMode: 'numeric',\n pattern: '[0-9]{1}',\n min: '0',\n max: '9'\n }\n};\nvar AuthCode = forwardRef(function (_ref, ref) {\n var _ref$allowedCharacter = _ref.allowedCharacters,\n allowedCharacters = _ref$allowedCharacter === void 0 ? 'alphanumeric' : _ref$allowedCharacter,\n ariaLabel = _ref.ariaLabel,\n _ref$autoFocus = _ref.autoFocus,\n autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n containerClassName = _ref.containerClassName,\n disabled = _ref.disabled,\n inputClassName = _ref.inputClassName,\n _ref$isPassword = _ref.isPassword,\n isPassword = _ref$isPassword === void 0 ? false : _ref$isPassword,\n _ref$length = _ref.length,\n length = _ref$length === void 0 ? 6 : _ref$length,\n placeholder = _ref.placeholder,\n onChange = _ref.onChange;\n\n if (isNaN(length) || length < 1) {\n throw new Error('Length should be a number and greater than 0');\n }\n\n if (!allowedCharactersValues.some(function (value) {\n return value === allowedCharacters;\n })) {\n throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n }\n\n var inputsRef = useRef([]);\n var inputProps = propsMap[allowedCharacters];\n useImperativeHandle(ref, function () {\n return {\n focus: function focus() {\n if (inputsRef.current) {\n inputsRef.current[0].focus();\n }\n },\n clear: function clear() {\n if (inputsRef.current) {\n for (var i = 0; i < inputsRef.current.length; i++) {\n inputsRef.current[i].value = '';\n }\n\n inputsRef.current[0].focus();\n }\n\n sendResult();\n }\n };\n });\n useEffect(function () {\n if (autoFocus) {\n inputsRef.current[0].focus();\n }\n }, []);\n\n var sendResult = function sendResult() {\n var res = inputsRef.current.map(function (input) {\n return input.value;\n }).join('');\n onChange && onChange(res);\n };\n\n var handleOnChange = function handleOnChange(e) {\n var _e$target = e.target,\n value = _e$target.value,\n nextElementSibling = _e$target.nextElementSibling;\n\n if (value.length > 1) {\n e.target.value = value.charAt(0);\n\n if (nextElementSibling !== null) {\n nextElementSibling.focus();\n }\n } else {\n if (value.match(inputProps.pattern)) {\n if (nextElementSibling !== null) {\n nextElementSibling.focus();\n }\n } else {\n e.target.value = '';\n }\n }\n\n sendResult();\n };\n\n var handleOnKeyDown = function handleOnKeyDown(e) {\n var key = e.key;\n var target = e.target;\n\n if (key === 'Backspace') {\n if (target.value === '') {\n if (target.previousElementSibling !== null) {\n var t = target.previousElementSibling;\n t.value = '';\n t.focus();\n e.preventDefault();\n }\n } else {\n target.value = '';\n }\n\n sendResult();\n }\n };\n\n var handleOnFocus = function handleOnFocus(e) {\n e.target.select();\n };\n\n var handleOnPaste = function handleOnPaste(e) {\n var pastedValue = e.clipboardData.getData('Text');\n var currentInput = 0;\n\n for (var i = 0; i < pastedValue.length; i++) {\n var pastedCharacter = pastedValue.charAt(i);\n var currentValue = inputsRef.current[currentInput].value;\n\n if (pastedCharacter.match(inputProps.pattern)) {\n if (!currentValue) {\n inputsRef.current[currentInput].value = pastedCharacter;\n\n if (inputsRef.current[currentInput].nextElementSibling !== null) {\n inputsRef.current[currentInput].nextElementSibling.focus();\n currentInput++;\n }\n }\n }\n }\n\n sendResult();\n e.preventDefault();\n };\n\n var inputs = [];\n\n var _loop = function _loop(i) {\n inputs.push(React.createElement(\"input\", Object.assign({\n key: i,\n onChange: handleOnChange,\n onKeyDown: handleOnKeyDown,\n onFocus: handleOnFocus,\n onPaste: handleOnPaste\n }, inputProps, {\n type: isPassword ? 'password' : inputProps.type,\n ref: function ref(el) {\n inputsRef.current[i] = el;\n },\n maxLength: 1,\n className: inputClassName,\n autoComplete: i === 0 ? 'one-time-code' : 'off',\n \"aria-label\": ariaLabel ? ariaLabel + \". Character \" + (i + 1) + \".\" : \"Character \" + (i + 1) + \".\",\n disabled: disabled,\n placeholder: placeholder\n })));\n };\n\n for (var i = 0; i < length; i++) {\n _loop(i);\n }\n\n return React.createElement(\"div\", {\n className: containerClassName\n }, inputs);\n});\n\nexport default AuthCode;\n//# sourceMappingURL=index.modern.js.map\n","import * as React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\nimport { CompleteAuthenticationViewModel, VerificationService } from \"../../lib/types/types\";\nimport {\n submitForm,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepCompleteAuthenticationProps {\n verificationService: VerificationService;\n}\n\nexport const StepCompleteAuthenticationComponent = ({\n verificationService,\n}: StepCompleteAuthenticationProps) => {\n const viewModel = verificationService.viewModel as CompleteAuthenticationViewModel;\n const { fieldValidationErrors, verificationResponse } = verificationService;\n const { errorIds } = verificationResponse;\n\n const authInputRef = React.useRef(null);\n\n const updateCompleteAuthenticationViewmodel = (\n key: keyof CompleteAuthenticationViewModel,\n value: any,\n ) => {\n const nextState: CompleteAuthenticationViewModel = produce(\n viewModel,\n (draft: CompleteAuthenticationViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n const manuallyVerifyViewModel = (): CompleteAuthenticationViewModel => {\n const nextState: CompleteAuthenticationViewModel = produce(\n viewModel,\n (draft: CompleteAuthenticationViewModel) => {\n draft.didManuallyVerify = true;\n delete draft.authenticationCode;\n },\n );\n verificationService.updateViewModel(nextState);\n\n return nextState;\n };\n\n React.useEffect(() => {\n if (viewModel.authenticationCode) {\n // reset local viewModel's authenticationCode to prevent form from submitting\n // prematurely when provided with an incorrect auth code.\n viewModel.authenticationCode = \"\";\n }\n }, []);\n\n React.useEffect(() => {\n if (viewModel.authenticationCode.length >= AUTH_TOKEN_LENGTH) {\n submitForm(viewModel, verificationService, VerificationStepsEnum.completeAuthentication);\n }\n }, [viewModel.authenticationCode]);\n\n return (\n <div\n id=\"sid-step-complete-authentication\"\n className=\"sid-step-complete-authentication-container sid-l-container\"\n >\n <div className=\"sid-header\">\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.completeAuthentication.title\"\n defaultMessage=\"Verify with Remember Me\"\n />\n </AnnouncingHeader>\n <div className=\"sid-header__subtitle sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.completeAuthentication.subtitle\"\n defaultMessage=\"Enter the code sent to your email.\"\n />\n </div>\n </div>\n <div className=\"sid-l-space-top-md\" />\n <div className=\"auth-code\">\n <AuthCode\n onChange={(token) => {\n updateCompleteAuthenticationViewmodel(\"authenticationCode\", token);\n updateFieldValidationErrorsByFieldId(\"authenticationCode\", token, verificationService);\n }}\n ref={authInputRef}\n allowedCharacters=\"numeric\"\n length={AUTH_TOKEN_LENGTH}\n isPassword\n containerClassName=\"auth-code__container\"\n inputClassName={`auth-code__input${\n fieldValidationErrors.authenticationCode ? \" auth-code__input-error\" : \"\"\n }`}\n />\n {fieldValidationErrors.authenticationCode ||\n (errorIds?.length > 0 && (\n <div className=\"auth-code__error-container\">\n <div>\n <img\n alt=\"red-exclaimation-circle\"\n src=\"https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg\"\n />\n </div>\n <div className=\"auth-code__error-text\">\n <FormattedHTMLMessage\n id=\"errorId.invalidAuthenticationLoopToken\"\n defaultMessage=\"The code provided is invalid\"\n />\n </div>\n </div>\n ))}\n </div>\n <div className=\"sid-complete-auth__manually-verify-button-continer\">\n <button\n type=\"button\"\n className=\"sid-btn sid-btn-light sid-complete-auth__manually-verify-button\"\n aria-label=\"submit\"\n onClick={() => {\n submitForm(\n manuallyVerifyViewModel(),\n verificationService,\n VerificationStepsEnum.completeAuthentication,\n );\n }}\n >\n <FormattedHTMLMessage\n id=\"step.completeAuthentication.manuallyVerifyButton\"\n defaultMessage=\"Manually verify\"\n />\n </button>\n </div>\n </div>\n );\n};\n"],"names":["allowedCharactersValues","propsMap","AuthCode","forwardRef","_ref","ref","_ref$allowedCharacter","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","useRef","inputProps","useImperativeHandle","i","sendResult","useEffect","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","React","el","StepCompleteAuthenticationComponent","verificationService","viewModel","fieldValidationErrors","verificationResponse","errorIds","authInputRef","updateCompleteAuthenticationViewmodel","nextState","produce","draft","manuallyVerifyViewModel","AUTH_TOKEN_LENGTH","submitForm","VerificationStepsEnum","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","token","updateFieldValidationErrorsByFieldId"],"mappings":";;;;AAEA,IAAIA,IAA0B,CAAC,SAAS,WAAW,cAAc,GAC7DC,IAAW;AAAA,EACb,OAAO;AAAA,IACL,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACb;AAAA,EACE,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACb;AAAA,EACE,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,EACT;AACA,GACIC,IAAWC,EAAW,SAAUC,GAAMC,GAAK;AAC7C,MAAIC,IAAwBF,EAAK,mBAC7BG,IAAoBD,MAA0B,SAAS,iBAAiBA,GACxEE,IAAYJ,EAAK,WACjBK,IAAiBL,EAAK,WACtBM,IAAYD,MAAmB,SAAS,KAAOA,GAC/CE,IAAqBP,EAAK,oBAC1BQ,IAAWR,EAAK,UAChBS,IAAiBT,EAAK,gBACtBU,IAAkBV,EAAK,YACvBW,IAAaD,MAAoB,SAAS,KAAQA,GAClDE,IAAcZ,EAAK,QACnBa,IAASD,MAAgB,SAAS,IAAIA,GACtCE,IAAcd,EAAK,aACnBe,IAAWf,EAAK;AAEpB,MAAI,MAAMa,CAAM,KAAKA,IAAS;AAC5B,UAAM,IAAI,MAAM,8CAA8C;AAGhE,MAAI,CAACjB,EAAwB,KAAK,SAAUoB,GAAO;AACjD,WAAOA,MAAUb;AAAA,EACnB,CAAC;AACC,UAAM,IAAI,MAAM,0EAA0E;AAG5F,MAAIc,IAAYC,EAAO,EAAE,GACrBC,IAAatB,EAASM,CAAiB;AAC3C,EAAAiB,EAAoBnB,GAAK,WAAY;AACnC,WAAO;AAAA,MACL,OAAO,WAAiB;AACtB,QAAIgB,EAAU,WACZA,EAAU,QAAQ,CAAC,EAAE,MAAK;AAAA,MAE9B;AAAA,MACA,OAAO,WAAiB;AACtB,YAAIA,EAAU,SAAS;AACrB,mBAASI,IAAI,GAAGA,IAAIJ,EAAU,QAAQ,QAAQI;AAC5C,YAAAJ,EAAU,QAAQI,CAAC,EAAE,QAAQ;AAG/B,UAAAJ,EAAU,QAAQ,CAAC,EAAE,MAAK;AAAA,QAC5B;AAEA,QAAAK,EAAU;AAAA,MACZ;AAAA,IACN;AAAA,EACE,CAAC,GACDC,EAAU,WAAY;AACpB,IAAIjB,KACFW,EAAU,QAAQ,CAAC,EAAE,MAAK;AAAA,EAE9B,GAAG,CAAA,CAAE;AAwGL,WAtGIK,IAAa,WAAsB;AACrC,QAAIE,IAAMP,EAAU,QAAQ,IAAI,SAAUQ,GAAO;AAC/C,aAAOA,EAAM;AAAA,IACf,CAAC,EAAE,KAAK,EAAE;AACV,IAAAV,KAAYA,EAASS,CAAG;AAAA,EAC1B,GAEIE,IAAiB,SAAwB,GAAG;AAC9C,QAAIC,IAAY,EAAE,QACdX,IAAQW,EAAU,OAClBC,IAAqBD,EAAU;AAEnC,IAAIX,EAAM,SAAS,KACjB,EAAE,OAAO,QAAQA,EAAM,OAAO,CAAC,GAE3BY,MAAuB,QACzBA,EAAmB,MAAK,KAGtBZ,EAAM,MAAMG,EAAW,OAAO,IAC5BS,MAAuB,QACzBA,EAAmB,MAAK,IAG1B,EAAE,OAAO,QAAQ,IAIrBN,EAAU;AAAA,EACZ,GAEIO,IAAkB,SAAyB,GAAG;AAChD,QAAIC,IAAM,EAAE,KACRC,IAAS,EAAE;AAEf,QAAID,MAAQ,aAAa;AACvB,UAAIC,EAAO,UAAU;AACnB,YAAIA,EAAO,2BAA2B,MAAM;AAC1C,cAAIC,IAAID,EAAO;AACf,UAAAC,EAAE,QAAQ,IACVA,EAAE,MAAK,GACP,EAAE,eAAc;AAAA,QAClB;AAAA;AAEA,QAAAD,EAAO,QAAQ;AAGjB,MAAAT,EAAU;AAAA,IACZ;AAAA,EACF,GAEIW,IAAgB,SAAuB,GAAG;AAC5C,MAAE,OAAO,OAAM;AAAA,EACjB,GAEIC,IAAgB,SAAuB,GAAG;AAI5C,aAHIC,IAAc,EAAE,cAAc,QAAQ,MAAM,GAC5CC,IAAe,GAEVf,IAAI,GAAGA,IAAIc,EAAY,QAAQd,KAAK;AAC3C,UAAIgB,IAAkBF,EAAY,OAAOd,CAAC,GACtCiB,IAAerB,EAAU,QAAQmB,CAAY,EAAE;AAEnD,MAAIC,EAAgB,MAAMlB,EAAW,OAAO,MACrCmB,MACHrB,EAAU,QAAQmB,CAAY,EAAE,QAAQC,GAEpCpB,EAAU,QAAQmB,CAAY,EAAE,uBAAuB,SACzDnB,EAAU,QAAQmB,CAAY,EAAE,mBAAmB,MAAK,GACxDA;AAAA,IAIR;AAEA,IAAAd,EAAU,GACV,EAAE,eAAc;AAAA,EAClB,GAEIiB,IAAS,CAAA,GAETC,IAAQ,SAAenB,GAAG;AAC5B,IAAAkB,EAAO,KAAKE,EAAM,cAAc,SAAS,OAAO,OAAO;AAAA,MACrD,KAAKpB;AAAA,MACL,UAAUK;AAAA,MACV,WAAWG;AAAA,MACX,SAASI;AAAA,MACT,SAASC;AAAA,IACf,GAAOf,GAAY;AAAA,MACb,MAAMR,IAAa,aAAaQ,EAAW;AAAA,MAC3C,KAAK,SAAauB,GAAI;AACpB,QAAAzB,EAAU,QAAQI,CAAC,IAAIqB;AAAA,MACzB;AAAA,MACA,WAAW;AAAA,MACX,WAAWjC;AAAA,MACX,cAAcY,MAAM,IAAI,kBAAkB;AAAA,MAC1C,cAAcjB,IAAYA,IAAY,kBAAkBiB,IAAI,KAAK,MAAM,gBAAgBA,IAAI,KAAK;AAAA,MAChG,UAAUb;AAAA,MACV,aAAaM;AAAA,IACnB,CAAK,CAAC,CAAC;AAAA,EACL,GAESO,IAAI,GAAGA,IAAIR,GAAQQ;AAC1B,IAAAmB,EAAMnB,CAAC;AAGT,SAAOoB,EAAM,cAAc,OAAO;AAAA,IAChC,WAAWlC;AAAA,EACf,GAAKgC,CAAM;AACX,CAAC;ACtKM,MAAMI,IAAsC,CAAC;AAAA,EAClD,qBAAAC;AACF,MAAuC;AACrC,QAAMC,IAAYD,EAAoB,WAChC,EAAE,uBAAAE,GAAuB,sBAAAC,EAAA,IAAyBH,GAClD,EAAE,UAAAI,MAAaD,GAEfE,IAAeR,EAAM,OAAO,IAAI,GAEhCS,IAAwC,CAC5CpB,GACAd,MACG;AACH,UAAMmC,IAA6CC;AAAAA,MACjDP;AAAA,MACA,CAACQ,MAA2C;AACzC,QAAAA,EAAMvB,CAAG,IAAYd;AAAA,MACxB;AAAA,IAAA;AAEF,IAAA4B,EAAoB,gBAAgBO,CAAS;AAAA,EAC/C,GAEMG,IAA0B,MAAuC;AACrE,UAAMH,IAA6CC;AAAAA,MACjDP;AAAA,MACA,CAACQ,MAA2C;AAC1C,QAAAA,EAAM,oBAAoB,IAC1B,OAAOA,EAAM;AAAA,MACf;AAAA,IAAA;AAEF,WAAAT,EAAoB,gBAAgBO,CAAS,GAEtCA;AAAA,EACT;AAEA,SAAAV,EAAM,UAAU,MAAM;AACpB,IAAII,EAAU,uBAGZA,EAAU,qBAAqB;AAAA,EAEnC,GAAG,CAAA,CAAE,GAELJ,EAAM,UAAU,MAAM;AACpB,IAAII,EAAU,mBAAmB,UAAUU,KACzCC,EAAWX,GAAWD,GAAqBa,EAAsB,sBAAsB;AAAA,EAE3F,GAAG,CAACZ,EAAU,kBAAkB,CAAC,GAG/Ba,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAiB,OAAM,UACtB,UAAAD,gBAAAA,EAAAA;AAAAA,YAACE;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,gBAAe;AAAA,YAAA;AAAA,UAAA,GAEnB;AAAA,UACAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0CACb,UAAAA,gBAAAA,EAAAA;AAAAA,YAACE;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,gBAAe;AAAA,YAAA;AAAA,UAAA,EACjB,CACF;AAAA,QAAA,GACF;AAAA,QACAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qBAAA,CAAqB;AAAA,QACpCD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA;AAAAA,YAAC7D;AAAA,YAAA;AAAA,cACC,UAAU,CAACgE,MAAU;AACnB,gBAAAZ,EAAsC,sBAAsBY,CAAK,GACjEC,EAAqC,sBAAsBD,GAAOlB,CAAmB;AAAA,cACvF;AAAA,cACA,KAAKK;AAAA,cACL,mBAAkB;AAAA,cAClB,QAAQM;AAAA,cACR,YAAU;AAAA,cACV,oBAAmB;AAAA,cACnB,gBAAgB,mBACdT,EAAsB,qBAAqB,4BAA4B,EACzE;AAAA,YAAA;AAAA,UAAA;AAAA,UAEDA,EAAsB,uBACpBE,KAAA,gBAAAA,EAAU,UAAS,KAClBU,gBAAAA,OAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,YAAAC,gBAAAA,MAAC,OAAA,EACC,UAAAA,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAI;AAAA,gBACJ,KAAI;AAAA,cAAA;AAAA,YAAA,GAER;AAAA,YACAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACb,UAAAA,gBAAAA,EAAAA;AAAAA,cAACE;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,gBAAe;AAAA,cAAA;AAAA,YAAA,EACjB,CACF;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GAEN;AAAA,QACAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sDACb,UAAAA,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,cAAW;AAAA,YACX,SAAS,MAAM;AACb,cAAAH;AAAA,gBACEF,EAAA;AAAA,gBACAV;AAAA,gBACAa,EAAsB;AAAA,cAAA;AAAA,YAE1B;AAAA,YAEA,UAAAE,gBAAAA,EAAAA;AAAAA,cAACE;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"index-Blq0Xr77.js","sources":["../../../node_modules/react-auth-code-input/dist/index.modern.js","../../src/components/StepCompleteAuthentication/StepCompleteAuthenticationComponent.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';\n\nvar allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'];\nvar propsMap = {\n alpha: {\n type: 'text',\n inputMode: 'text',\n pattern: '[a-zA-Z]{1}'\n },\n alphanumeric: {\n type: 'text',\n inputMode: 'text',\n pattern: '[a-zA-Z0-9]{1}'\n },\n numeric: {\n type: 'tel',\n inputMode: 'numeric',\n pattern: '[0-9]{1}',\n min: '0',\n max: '9'\n }\n};\nvar AuthCode = forwardRef(function (_ref, ref) {\n var _ref$allowedCharacter = _ref.allowedCharacters,\n allowedCharacters = _ref$allowedCharacter === void 0 ? 'alphanumeric' : _ref$allowedCharacter,\n ariaLabel = _ref.ariaLabel,\n _ref$autoFocus = _ref.autoFocus,\n autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n containerClassName = _ref.containerClassName,\n disabled = _ref.disabled,\n inputClassName = _ref.inputClassName,\n _ref$isPassword = _ref.isPassword,\n isPassword = _ref$isPassword === void 0 ? false : _ref$isPassword,\n _ref$length = _ref.length,\n length = _ref$length === void 0 ? 6 : _ref$length,\n placeholder = _ref.placeholder,\n onChange = _ref.onChange;\n\n if (isNaN(length) || length < 1) {\n throw new Error('Length should be a number and greater than 0');\n }\n\n if (!allowedCharactersValues.some(function (value) {\n return value === allowedCharacters;\n })) {\n throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n }\n\n var inputsRef = useRef([]);\n var inputProps = propsMap[allowedCharacters];\n useImperativeHandle(ref, function () {\n return {\n focus: function focus() {\n if (inputsRef.current) {\n inputsRef.current[0].focus();\n }\n },\n clear: function clear() {\n if (inputsRef.current) {\n for (var i = 0; i < inputsRef.current.length; i++) {\n inputsRef.current[i].value = '';\n }\n\n inputsRef.current[0].focus();\n }\n\n sendResult();\n }\n };\n });\n useEffect(function () {\n if (autoFocus) {\n inputsRef.current[0].focus();\n }\n }, []);\n\n var sendResult = function sendResult() {\n var res = inputsRef.current.map(function (input) {\n return input.value;\n }).join('');\n onChange && onChange(res);\n };\n\n var handleOnChange = function handleOnChange(e) {\n var _e$target = e.target,\n value = _e$target.value,\n nextElementSibling = _e$target.nextElementSibling;\n\n if (value.length > 1) {\n e.target.value = value.charAt(0);\n\n if (nextElementSibling !== null) {\n nextElementSibling.focus();\n }\n } else {\n if (value.match(inputProps.pattern)) {\n if (nextElementSibling !== null) {\n nextElementSibling.focus();\n }\n } else {\n e.target.value = '';\n }\n }\n\n sendResult();\n };\n\n var handleOnKeyDown = function handleOnKeyDown(e) {\n var key = e.key;\n var target = e.target;\n\n if (key === 'Backspace') {\n if (target.value === '') {\n if (target.previousElementSibling !== null) {\n var t = target.previousElementSibling;\n t.value = '';\n t.focus();\n e.preventDefault();\n }\n } else {\n target.value = '';\n }\n\n sendResult();\n }\n };\n\n var handleOnFocus = function handleOnFocus(e) {\n e.target.select();\n };\n\n var handleOnPaste = function handleOnPaste(e) {\n var pastedValue = e.clipboardData.getData('Text');\n var currentInput = 0;\n\n for (var i = 0; i < pastedValue.length; i++) {\n var pastedCharacter = pastedValue.charAt(i);\n var currentValue = inputsRef.current[currentInput].value;\n\n if (pastedCharacter.match(inputProps.pattern)) {\n if (!currentValue) {\n inputsRef.current[currentInput].value = pastedCharacter;\n\n if (inputsRef.current[currentInput].nextElementSibling !== null) {\n inputsRef.current[currentInput].nextElementSibling.focus();\n currentInput++;\n }\n }\n }\n }\n\n sendResult();\n e.preventDefault();\n };\n\n var inputs = [];\n\n var _loop = function _loop(i) {\n inputs.push(React.createElement(\"input\", Object.assign({\n key: i,\n onChange: handleOnChange,\n onKeyDown: handleOnKeyDown,\n onFocus: handleOnFocus,\n onPaste: handleOnPaste\n }, inputProps, {\n type: isPassword ? 'password' : inputProps.type,\n ref: function ref(el) {\n inputsRef.current[i] = el;\n },\n maxLength: 1,\n className: inputClassName,\n autoComplete: i === 0 ? 'one-time-code' : 'off',\n \"aria-label\": ariaLabel ? ariaLabel + \". Character \" + (i + 1) + \".\" : \"Character \" + (i + 1) + \".\",\n disabled: disabled,\n placeholder: placeholder\n })));\n };\n\n for (var i = 0; i < length; i++) {\n _loop(i);\n }\n\n return React.createElement(\"div\", {\n className: containerClassName\n }, inputs);\n});\n\nexport default AuthCode;\n//# sourceMappingURL=index.modern.js.map\n","import * as React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\nimport { CompleteAuthenticationViewModel, VerificationService } from \"../../lib/types/types\";\nimport {\n submitForm,\n updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepCompleteAuthenticationProps {\n verificationService: VerificationService;\n}\n\nexport const StepCompleteAuthenticationComponent = ({\n verificationService,\n}: StepCompleteAuthenticationProps) => {\n const viewModel = verificationService.viewModel as CompleteAuthenticationViewModel;\n const { fieldValidationErrors, verificationResponse } = verificationService;\n const { errorIds } = verificationResponse;\n\n const authInputRef = React.useRef(null);\n\n const updateCompleteAuthenticationViewmodel = (\n key: keyof CompleteAuthenticationViewModel,\n value: any,\n ) => {\n const nextState: CompleteAuthenticationViewModel = produce(\n viewModel,\n (draft: CompleteAuthenticationViewModel) => {\n (draft[key] as any) = value;\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n const manuallyVerifyViewModel = (): CompleteAuthenticationViewModel => {\n const nextState: CompleteAuthenticationViewModel = produce(\n viewModel,\n (draft: CompleteAuthenticationViewModel) => {\n draft.didManuallyVerify = true;\n delete draft.authenticationCode;\n },\n );\n verificationService.updateViewModel(nextState);\n\n return nextState;\n };\n\n React.useEffect(() => {\n if (viewModel.authenticationCode) {\n // reset local viewModel's authenticationCode to prevent form from submitting\n // prematurely when provided with an incorrect auth code.\n viewModel.authenticationCode = \"\";\n }\n }, []);\n\n React.useEffect(() => {\n if (viewModel.authenticationCode.length >= AUTH_TOKEN_LENGTH) {\n submitForm(viewModel, verificationService, VerificationStepsEnum.completeAuthentication);\n }\n }, [viewModel.authenticationCode]);\n\n return (\n <div\n id=\"sid-step-complete-authentication\"\n className=\"sid-step-complete-authentication-container sid-l-container\"\n >\n <div className=\"sid-header\">\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.completeAuthentication.title\"\n defaultMessage=\"Verify with Remember Me\"\n />\n </AnnouncingHeader>\n <div className=\"sid-header__subtitle sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.completeAuthentication.subtitle\"\n defaultMessage=\"Enter the code sent to your email.\"\n />\n </div>\n </div>\n <div className=\"sid-l-space-top-md\" />\n <div className=\"auth-code\">\n <AuthCode\n onChange={(token) => {\n updateCompleteAuthenticationViewmodel(\"authenticationCode\", token);\n updateFieldValidationErrorsByFieldId(\"authenticationCode\", token, verificationService);\n }}\n ref={authInputRef}\n allowedCharacters=\"numeric\"\n length={AUTH_TOKEN_LENGTH}\n isPassword\n containerClassName=\"auth-code__container\"\n inputClassName={`auth-code__input${\n fieldValidationErrors.authenticationCode ? \" auth-code__input-error\" : \"\"\n }`}\n />\n {fieldValidationErrors.authenticationCode ||\n (errorIds?.length > 0 && (\n <div className=\"auth-code__error-container\">\n <div>\n <img\n alt=\"red-exclaimation-circle\"\n src=\"https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg\"\n />\n </div>\n <div className=\"auth-code__error-text\">\n <FormattedHTMLMessage\n id=\"errorId.invalidAuthenticationLoopToken\"\n defaultMessage=\"The code provided is invalid\"\n />\n </div>\n </div>\n ))}\n </div>\n <div className=\"sid-complete-auth__manually-verify-button-continer\">\n <button\n type=\"button\"\n className=\"sid-btn sid-btn-light sid-complete-auth__manually-verify-button\"\n aria-label=\"submit\"\n onClick={() => {\n submitForm(\n manuallyVerifyViewModel(),\n verificationService,\n VerificationStepsEnum.completeAuthentication,\n );\n }}\n >\n <FormattedHTMLMessage\n id=\"step.completeAuthentication.manuallyVerifyButton\"\n defaultMessage=\"Manually verify\"\n />\n </button>\n </div>\n </div>\n );\n};\n"],"names":["allowedCharactersValues","propsMap","AuthCode","forwardRef","_ref","ref","_ref$allowedCharacter","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","useRef","inputProps","useImperativeHandle","i","sendResult","useEffect","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","React","el","StepCompleteAuthenticationComponent","verificationService","viewModel","fieldValidationErrors","verificationResponse","errorIds","authInputRef","updateCompleteAuthenticationViewmodel","nextState","produce","draft","manuallyVerifyViewModel","AUTH_TOKEN_LENGTH","submitForm","VerificationStepsEnum","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","token","updateFieldValidationErrorsByFieldId"],"mappings":";;;;AAEA,IAAIA,IAA0B,CAAC,SAAS,WAAW,cAAc,GAC7DC,IAAW;AAAA,EACb,OAAO;AAAA,IACL,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACb;AAAA,EACE,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACb;AAAA,EACE,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,EACT;AACA,GACIC,IAAWC,EAAW,SAAUC,GAAMC,GAAK;AAC7C,MAAIC,IAAwBF,EAAK,mBAC7BG,IAAoBD,MAA0B,SAAS,iBAAiBA,GACxEE,IAAYJ,EAAK,WACjBK,IAAiBL,EAAK,WACtBM,IAAYD,MAAmB,SAAS,KAAOA,GAC/CE,IAAqBP,EAAK,oBAC1BQ,IAAWR,EAAK,UAChBS,IAAiBT,EAAK,gBACtBU,IAAkBV,EAAK,YACvBW,IAAaD,MAAoB,SAAS,KAAQA,GAClDE,IAAcZ,EAAK,QACnBa,IAASD,MAAgB,SAAS,IAAIA,GACtCE,IAAcd,EAAK,aACnBe,IAAWf,EAAK;AAEpB,MAAI,MAAMa,CAAM,KAAKA,IAAS;AAC5B,UAAM,IAAI,MAAM,8CAA8C;AAGhE,MAAI,CAACjB,EAAwB,KAAK,SAAUoB,GAAO;AACjD,WAAOA,MAAUb;AAAA,EACnB,CAAC;AACC,UAAM,IAAI,MAAM,0EAA0E;AAG5F,MAAIc,IAAYC,EAAO,EAAE,GACrBC,IAAatB,EAASM,CAAiB;AAC3C,EAAAiB,EAAoBnB,GAAK,WAAY;AACnC,WAAO;AAAA,MACL,OAAO,WAAiB;AACtB,QAAIgB,EAAU,WACZA,EAAU,QAAQ,CAAC,EAAE,MAAK;AAAA,MAE9B;AAAA,MACA,OAAO,WAAiB;AACtB,YAAIA,EAAU,SAAS;AACrB,mBAASI,IAAI,GAAGA,IAAIJ,EAAU,QAAQ,QAAQI;AAC5C,YAAAJ,EAAU,QAAQI,CAAC,EAAE,QAAQ;AAG/B,UAAAJ,EAAU,QAAQ,CAAC,EAAE,MAAK;AAAA,QAC5B;AAEA,QAAAK,EAAU;AAAA,MACZ;AAAA,IACN;AAAA,EACE,CAAC,GACDC,EAAU,WAAY;AACpB,IAAIjB,KACFW,EAAU,QAAQ,CAAC,EAAE,MAAK;AAAA,EAE9B,GAAG,CAAA,CAAE;AAwGL,WAtGIK,IAAa,WAAsB;AACrC,QAAIE,IAAMP,EAAU,QAAQ,IAAI,SAAUQ,GAAO;AAC/C,aAAOA,EAAM;AAAA,IACf,CAAC,EAAE,KAAK,EAAE;AACV,IAAAV,KAAYA,EAASS,CAAG;AAAA,EAC1B,GAEIE,IAAiB,SAAwB,GAAG;AAC9C,QAAIC,IAAY,EAAE,QACdX,IAAQW,EAAU,OAClBC,IAAqBD,EAAU;AAEnC,IAAIX,EAAM,SAAS,KACjB,EAAE,OAAO,QAAQA,EAAM,OAAO,CAAC,GAE3BY,MAAuB,QACzBA,EAAmB,MAAK,KAGtBZ,EAAM,MAAMG,EAAW,OAAO,IAC5BS,MAAuB,QACzBA,EAAmB,MAAK,IAG1B,EAAE,OAAO,QAAQ,IAIrBN,EAAU;AAAA,EACZ,GAEIO,IAAkB,SAAyB,GAAG;AAChD,QAAIC,IAAM,EAAE,KACRC,IAAS,EAAE;AAEf,QAAID,MAAQ,aAAa;AACvB,UAAIC,EAAO,UAAU;AACnB,YAAIA,EAAO,2BAA2B,MAAM;AAC1C,cAAIC,IAAID,EAAO;AACf,UAAAC,EAAE,QAAQ,IACVA,EAAE,MAAK,GACP,EAAE,eAAc;AAAA,QAClB;AAAA;AAEA,QAAAD,EAAO,QAAQ;AAGjB,MAAAT,EAAU;AAAA,IACZ;AAAA,EACF,GAEIW,IAAgB,SAAuB,GAAG;AAC5C,MAAE,OAAO,OAAM;AAAA,EACjB,GAEIC,IAAgB,SAAuB,GAAG;AAI5C,aAHIC,IAAc,EAAE,cAAc,QAAQ,MAAM,GAC5CC,IAAe,GAEVf,IAAI,GAAGA,IAAIc,EAAY,QAAQd,KAAK;AAC3C,UAAIgB,IAAkBF,EAAY,OAAOd,CAAC,GACtCiB,IAAerB,EAAU,QAAQmB,CAAY,EAAE;AAEnD,MAAIC,EAAgB,MAAMlB,EAAW,OAAO,MACrCmB,MACHrB,EAAU,QAAQmB,CAAY,EAAE,QAAQC,GAEpCpB,EAAU,QAAQmB,CAAY,EAAE,uBAAuB,SACzDnB,EAAU,QAAQmB,CAAY,EAAE,mBAAmB,MAAK,GACxDA;AAAA,IAIR;AAEA,IAAAd,EAAU,GACV,EAAE,eAAc;AAAA,EAClB,GAEIiB,IAAS,CAAA,GAETC,IAAQ,SAAenB,GAAG;AAC5B,IAAAkB,EAAO,KAAKE,EAAM,cAAc,SAAS,OAAO,OAAO;AAAA,MACrD,KAAKpB;AAAA,MACL,UAAUK;AAAA,MACV,WAAWG;AAAA,MACX,SAASI;AAAA,MACT,SAASC;AAAA,IACf,GAAOf,GAAY;AAAA,MACb,MAAMR,IAAa,aAAaQ,EAAW;AAAA,MAC3C,KAAK,SAAauB,GAAI;AACpB,QAAAzB,EAAU,QAAQI,CAAC,IAAIqB;AAAA,MACzB;AAAA,MACA,WAAW;AAAA,MACX,WAAWjC;AAAA,MACX,cAAcY,MAAM,IAAI,kBAAkB;AAAA,MAC1C,cAAcjB,IAAYA,IAAY,kBAAkBiB,IAAI,KAAK,MAAM,gBAAgBA,IAAI,KAAK;AAAA,MAChG,UAAUb;AAAA,MACV,aAAaM;AAAA,IACnB,CAAK,CAAC,CAAC;AAAA,EACL,GAESO,IAAI,GAAGA,IAAIR,GAAQQ;AAC1B,IAAAmB,EAAMnB,CAAC;AAGT,SAAOoB,EAAM,cAAc,OAAO;AAAA,IAChC,WAAWlC;AAAA,EACf,GAAKgC,CAAM;AACX,CAAC;ACtKM,MAAMI,IAAsC,CAAC;AAAA,EAClD,qBAAAC;AACF,MAAuC;AACrC,QAAMC,IAAYD,EAAoB,WAChC,EAAE,uBAAAE,GAAuB,sBAAAC,EAAA,IAAyBH,GAClD,EAAE,UAAAI,MAAaD,GAEfE,IAAeR,EAAM,OAAO,IAAI,GAEhCS,IAAwC,CAC5CpB,GACAd,MACG;AACH,UAAMmC,IAA6CC;AAAAA,MACjDP;AAAA,MACA,CAACQ,MAA2C;AACzC,QAAAA,EAAMvB,CAAG,IAAYd;AAAA,MACxB;AAAA,IAAA;AAEF,IAAA4B,EAAoB,gBAAgBO,CAAS;AAAA,EAC/C,GAEMG,IAA0B,MAAuC;AACrE,UAAMH,IAA6CC;AAAAA,MACjDP;AAAA,MACA,CAACQ,MAA2C;AAC1C,QAAAA,EAAM,oBAAoB,IAC1B,OAAOA,EAAM;AAAA,MACf;AAAA,IAAA;AAEF,WAAAT,EAAoB,gBAAgBO,CAAS,GAEtCA;AAAA,EACT;AAEA,SAAAV,EAAM,UAAU,MAAM;AACpB,IAAII,EAAU,uBAGZA,EAAU,qBAAqB;AAAA,EAEnC,GAAG,CAAA,CAAE,GAELJ,EAAM,UAAU,MAAM;AACpB,IAAII,EAAU,mBAAmB,UAAUU,KACzCC,EAAWX,GAAWD,GAAqBa,EAAsB,sBAAsB;AAAA,EAE3F,GAAG,CAACZ,EAAU,kBAAkB,CAAC,GAG/Ba,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAiB,OAAM,UACtB,UAAAD,gBAAAA,EAAAA;AAAAA,YAACE;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,gBAAe;AAAA,YAAA;AAAA,UAAA,GAEnB;AAAA,UACAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0CACb,UAAAA,gBAAAA,EAAAA;AAAAA,YAACE;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,gBAAe;AAAA,YAAA;AAAA,UAAA,EACjB,CACF;AAAA,QAAA,GACF;AAAA,QACAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qBAAA,CAAqB;AAAA,QACpCD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA;AAAAA,YAAC7D;AAAA,YAAA;AAAA,cACC,UAAU,CAACgE,MAAU;AACnB,gBAAAZ,EAAsC,sBAAsBY,CAAK,GACjEC,EAAqC,sBAAsBD,GAAOlB,CAAmB;AAAA,cACvF;AAAA,cACA,KAAKK;AAAA,cACL,mBAAkB;AAAA,cAClB,QAAQM;AAAA,cACR,YAAU;AAAA,cACV,oBAAmB;AAAA,cACnB,gBAAgB,mBACdT,EAAsB,qBAAqB,4BAA4B,EACzE;AAAA,YAAA;AAAA,UAAA;AAAA,UAEDA,EAAsB,uBACpBE,KAAA,gBAAAA,EAAU,UAAS,KAClBU,gBAAAA,OAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,YAAAC,gBAAAA,MAAC,OAAA,EACC,UAAAA,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAI;AAAA,gBACJ,KAAI;AAAA,cAAA;AAAA,YAAA,GAER;AAAA,YACAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACb,UAAAA,gBAAAA,EAAAA;AAAAA,cAACE;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,gBAAe;AAAA,cAAA;AAAA,YAAA,EACjB,CACF;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GAEN;AAAA,QACAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sDACb,UAAAA,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,cAAW;AAAA,YACX,SAAS,MAAM;AACb,cAAAH;AAAA,gBACEF,EAAA;AAAA,gBACAV;AAAA,gBACAa,EAAsB;AAAA,cAAA;AAAA,YAE1B;AAAA,YAEA,UAAAE,gBAAAA,EAAAA;AAAAA,cAACE;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;","x_google_ignoreList":[0]}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* VERSION: 2.144.0-alpha.
|
|
4
|
-
* BUILD_TIMESTAMP:
|
|
5
|
-
* BUILD_DATE: Thu Oct 23 2025
|
|
6
|
-
* BUILD_COMMIT:
|
|
3
|
+
* VERSION: 2.144.0-alpha.1
|
|
4
|
+
* BUILD_TIMESTAMP: 1761258729598
|
|
5
|
+
* BUILD_DATE: Thu Oct 23 2025 22:32:09 GMT+0000 (Coordinated Universal Time)
|
|
6
|
+
* BUILD_COMMIT: 8771a803905f8dc033efe93f204680f4a02f0c0d
|
|
7
7
|
*/
|
|
8
|
-
import { i as l, j as e, A as S, a0 as R, r as E, l as V, V as w, M as y } from "./es6-
|
|
8
|
+
import { i as l, j as e, A as S, a0 as R, r as E, l as V, V as w, M as y } from "./es6-DGToWuFe.js";
|
|
9
9
|
import c from "react";
|
|
10
10
|
import { injectIntl as _, FormattedHTMLMessage as t } from "react-intl";
|
|
11
11
|
const k = ({ intl: i, verificationService: s }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-Bup4cyA1.js","sources":["../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n VerificationService,\n StudentPersonalInfoViewModel,\n SMSLoopResponse,\n SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\n\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\n\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n const viewModel = verificationService.viewModel as SMSLoopViewModel;\n const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n const previousViewModel =\n (verificationService.previousViewModel as StudentPersonalInfoViewModel) || undefined;\n\n const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n );\n\n const stepSuccessMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.successResend\",\n defaultMessage: \"SMS message re-sent successfully\",\n });\n const maxTotalRetriesMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const errorResendingSMSMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.resend\",\n defaultMessage: \"Error sending the SMS message\",\n });\n\n React.useEffect(() => {\n if (isAttemptLimitExceeded) {\n setStepResultMessage(maxRetriesPerCodeMessage);\n }\n }, []);\n\n if (\n getSafe(() => verificationResponse.errorIds.length) &&\n !verificationService.fieldValidationErrors.smsCode\n ) {\n verificationService.updateFieldValidationErrors({\n ...verificationService.fieldValidationErrors,\n smsCode: verificationResponse.errorIds[0],\n });\n }\n\n const updateSmsCode = (value) => {\n const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n draft.smsCode = value;\n draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n });\n verificationService.updateViewModel(nextState);\n };\n\n const submitForm = () => {\n logger.info(\"StepSMSLoop submitting form\");\n verificationService.submitStep(\n VerificationStepsEnum.smsLoop,\n viewModel,\n verificationService.verificationResponse,\n );\n };\n\n const resendSmsCode = async (verificationId) => {\n const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n if (response) {\n setAttemptLimitExceeded(false);\n setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n } else {\n setStepResultMessage(errorResendingSMSMessage);\n }\n };\n\n return (\n <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.smsLoop.verificationCode\"\n defaultMessage=\"Verification Code\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <div className=\"sid-header__subtitle\">\n {getSafe(() => previousViewModel.phoneNumber) ? (\n <FormattedHTMLMessage\n id=\"step.smsLoop.titleWithNumber\"\n defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n values={{\n number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n }}\n />\n ) : (\n <FormattedHTMLMessage\n id=\"step.smsLoop.titleWithoutNumber\"\n defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n />\n )}\n </div>\n\n <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n <SMSCodeComponent\n onChange={updateSmsCode}\n value={viewModel.smsCode}\n isErrored={isErrored}\n errorId={verificationService.fieldValidationErrors.smsCode}\n />\n </div>\n\n {stepResultMessage && (\n <div>\n <p>{stepResultMessage}</p>\n </div>\n )}\n\n <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n <button\n id=\"sid-submit-sms-code\"\n onClick={submitForm}\n type=\"button\"\n className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n aria-label=\"submit\"\n disabled={\n !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n }\n >\n <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n </button>\n\n <div className=\"sid-l-space-left-sm\"> </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"],"names":["StepSMSLoop","intl","verificationService","viewModel","verificationResponse","isErrored","previousViewModel","stepResultMessage","setStepResultMessage","React","isAttemptLimitExceeded","setAttemptLimitExceeded","stepSuccessMessage","maxTotalRetriesMessage","maxRetriesPerCodeMessage","errorResendingSMSMessage","getSafe","updateSmsCode","value","nextState","produce","draft","submitForm","logger","VerificationStepsEnum","resendSmsCode","verificationId","response","VerificationApiClient","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","SMSCodeComponent","companyName","StepSMSLoopComponent","injectIntl"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index-BqVjg3lp.js","sources":["../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n VerificationService,\n StudentPersonalInfoViewModel,\n SMSLoopResponse,\n SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\n\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\n\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n intl: InjectedIntl;\n verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n const viewModel = verificationService.viewModel as SMSLoopViewModel;\n const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n const previousViewModel =\n (verificationService.previousViewModel as StudentPersonalInfoViewModel) || undefined;\n\n const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n verificationResponse.errorIds &&\n verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n );\n\n const stepSuccessMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.successResend\",\n defaultMessage: \"SMS message re-sent successfully\",\n });\n const maxTotalRetriesMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.codeResendLimit\",\n defaultMessage: \"Maximum number of re-tries has been reached.\",\n });\n const errorResendingSMSMessage = intl.formatHTMLMessage({\n id: \"step.smsLoop.errors.resend\",\n defaultMessage: \"Error sending the SMS message\",\n });\n\n React.useEffect(() => {\n if (isAttemptLimitExceeded) {\n setStepResultMessage(maxRetriesPerCodeMessage);\n }\n }, []);\n\n if (\n getSafe(() => verificationResponse.errorIds.length) &&\n !verificationService.fieldValidationErrors.smsCode\n ) {\n verificationService.updateFieldValidationErrors({\n ...verificationService.fieldValidationErrors,\n smsCode: verificationResponse.errorIds[0],\n });\n }\n\n const updateSmsCode = (value) => {\n const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n draft.smsCode = value;\n draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n });\n verificationService.updateViewModel(nextState);\n };\n\n const submitForm = () => {\n logger.info(\"StepSMSLoop submitting form\");\n verificationService.submitStep(\n VerificationStepsEnum.smsLoop,\n viewModel,\n verificationService.verificationResponse,\n );\n };\n\n const resendSmsCode = async (verificationId) => {\n const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n if (response) {\n setAttemptLimitExceeded(false);\n setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n } else {\n setStepResultMessage(errorResendingSMSMessage);\n }\n };\n\n return (\n <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n <AnnouncingHeader align=\"center\">\n <FormattedHTMLMessage\n id=\"step.smsLoop.verificationCode\"\n defaultMessage=\"Verification Code\"\n tagName=\"h1\"\n />\n </AnnouncingHeader>\n\n <div className=\"sid-header__subtitle\">\n {getSafe(() => previousViewModel.phoneNumber) ? (\n <FormattedHTMLMessage\n id=\"step.smsLoop.titleWithNumber\"\n defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n values={{\n number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n }}\n />\n ) : (\n <FormattedHTMLMessage\n id=\"step.smsLoop.titleWithoutNumber\"\n defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n />\n )}\n </div>\n\n <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n <SMSCodeComponent\n onChange={updateSmsCode}\n value={viewModel.smsCode}\n isErrored={isErrored}\n errorId={verificationService.fieldValidationErrors.smsCode}\n />\n </div>\n\n {stepResultMessage && (\n <div>\n <p>{stepResultMessage}</p>\n </div>\n )}\n\n <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n <button\n id=\"sid-submit-sms-code\"\n onClick={submitForm}\n type=\"button\"\n className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n aria-label=\"submit\"\n disabled={\n !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n }\n >\n <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n </button>\n\n <div className=\"sid-l-space-left-sm\"> </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"],"names":["StepSMSLoop","intl","verificationService","viewModel","verificationResponse","isErrored","previousViewModel","stepResultMessage","setStepResultMessage","React","isAttemptLimitExceeded","setAttemptLimitExceeded","stepSuccessMessage","maxTotalRetriesMessage","maxRetriesPerCodeMessage","errorResendingSMSMessage","getSafe","updateSmsCode","value","nextState","produce","draft","submitForm","logger","VerificationStepsEnum","resendSmsCode","verificationId","response","VerificationApiClient","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","SMSCodeComponent","companyName","StepSMSLoopComponent","injectIntl"],"mappings":";;;AAwBA,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,qBAAAC,QAA4C;AACvE,QAAMC,IAAYD,EAAoB,WAChCE,IAAuBF,EAAoB,sBAC3CG,IAAY,EAAQH,EAAoB,sBAAsB,SAC9DI,IACHJ,EAAoB,qBAAsD,QAEvE,CAACK,GAAmBC,CAAoB,IAAIC,EAAM,SAAS,EAAE,GAC7D,CAACC,GAAwBC,CAAuB,IAAIF,EAAM;AAAA,IAC9DL,EAAqB,YACnBA,EAAqB,SAAS,SAAS,sCAAsC;AAAA,EAAA,GAG3EQ,IAAqBX,EAAK,kBAAkB;AAAA,IAChD,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB,GACKY,IAAyBZ,EAAK,kBAAkB;AAAA,IACpD,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB,GACKa,IAA2Bb,EAAK,kBAAkB;AAAA,IACtD,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB,GACKc,IAA2Bd,EAAK,kBAAkB;AAAA,IACtD,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB;AAEDQ,EAAAA,EAAM,UAAU,MAAM;AACpB,IAAIC,KACFF,EAAqBM,CAAwB;AAAA,EAEjD,GAAG,CAAA,CAAE,GAGHE,EAAQ,MAAMZ,EAAqB,SAAS,MAAM,KAClD,CAACF,EAAoB,sBAAsB,WAE3CA,EAAoB,4BAA4B;AAAA,IAC9C,GAAGA,EAAoB;AAAA,IACvB,SAASE,EAAqB,SAAS,CAAC;AAAA,EAAA,CACzC;AAGH,QAAMa,IAAgB,CAACC,MAAU;AAC/B,UAAMC,IAA8BC,EAAQjB,GAAW,CAACkB,MAA4B;AAClF,MAAAA,EAAM,UAAUH,GAChBG,EAAM,cAAcf,KAAqBA,EAAkB;AAAA,IAC7D,CAAC;AACD,IAAAJ,EAAoB,gBAAgBiB,CAAS;AAAA,EAC/C,GAEMG,IAAa,MAAM;AACvB,IAAAC,EAAO,KAAK,6BAA6B,GACzCrB,EAAoB;AAAA,MAClBsB,EAAsB;AAAA,MACtBrB;AAAA,MACAD,EAAoB;AAAA,IAAA;AAAA,EAExB,GAEMuB,IAAgB,OAAOC,MAAmB;AAC9C,UAAMC,IAAW,MAAMC,EAAsB,oBAAoBF,CAAc;AAC/E,IAAIC,KACFhB,EAAwB,EAAK,GAC7BH,EAAqBmB,EAAS,WAAW,MAAMf,IAAqBC,CAAsB,KAE1FL,EAAqBO,CAAwB;AAAA,EAEjD;AAEA,SACEc,gBAAAA,EAAAA,KAAC,OAAA,EAAI,IAAG,qBAAoB,WAAU,0CACpC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAiB,OAAM,UACtB,UAAAD,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,gBAAe;AAAA,QACf,SAAQ;AAAA,MAAA;AAAA,IAAA,GAEZ;AAAA,IAEAF,gBAAAA,MAAC,SAAI,WAAU,wBACZ,YAAQ,MAAMxB,EAAkB,WAAW,IAC1CwB,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,gBAAe;AAAA,QACf,QAAQ;AAAA,UACN,QAAQhB,EAAQ,MAAMV,EAAkB,YAAY,MAAM,EAAE,GAAG,EAAE;AAAA,QAAA;AAAA,MACnE;AAAA,IAAA,IAGFwB,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,gBAAe;AAAA,MAAA;AAAA,IAAA,GAGrB;AAAA,IAEAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,6CACb,UAAAA,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAUhB;AAAA,QACV,OAAOd,EAAU;AAAA,QACjB,WAAAE;AAAA,QACA,SAASH,EAAoB,sBAAsB;AAAA,MAAA;AAAA,IAAA,GAEvD;AAAA,IAECK,KACCuB,gBAAAA,EAAAA,IAAC,OAAA,EACC,UAAAA,gBAAAA,EAAAA,IAAC,KAAA,EAAG,aAAkB,GACxB;AAAA,IAGFD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uEACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SAASR;AAAA,UACT,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAW;AAAA,UACX,UACE,CAAC,EAAE,CAACnB,EAAU,WAAWA,EAAU,QAAQ,UAAU,KAAKO;AAAA,UAG5D,UAAAoB,gBAAAA,EAAAA,IAACE,GAAA,EAAqB,IAAG,6BAA4B,gBAAe,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAG/EF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,uBAAsB,UAAA,KAAM;AAAA,MAE3CA,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SAAS,MAAML,EAAcrB,EAAqB,cAAc;AAAA,UAChE,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAW;AAAA,UAEX,UAAA0B,gBAAAA,EAAAA,IAACE,GAAA,EAAqB,IAAG,6BAA4B,gBAAe,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAChF,GACF;AAAA,IAEAH,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MACf;AAAA,MAEFH,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,OAAO,SAAS,OAAA;AAAA,UAC/B,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAC,gBAAAA,EAAAA;AAAAA,cAACE;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,YACf;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,4BAGHA,GAAA,EAAqB,IAAG,eAAc,gBAAe,aACnD,WAACE,MACAJ,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,gBAAe;AAAA,UACf,QAAQ,EAAE,aAAAE,EAAA;AAAA,QAAY;AAAA,MAAA,EACxB,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,GAEaC,IAAuBC,EAAWpC,CAAW;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
|
|
2
|
+
/**
|
|
3
|
+
* VERSION: 2.144.0-alpha.1
|
|
4
|
+
* BUILD_TIMESTAMP: 1761258729598
|
|
5
|
+
* BUILD_DATE: Thu Oct 23 2025 22:32:09 GMT+0000 (Coordinated Universal Time)
|
|
6
|
+
* BUILD_COMMIT: 8771a803905f8dc033efe93f204680f4a02f0c0d
|
|
7
|
+
*/
|
|
8
|
+
import { S as f } from "./es6-DGToWuFe.js";
|
|
9
|
+
export {
|
|
10
|
+
f as default
|
|
11
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-ByYbv9de.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* VERSION: 2.144.0-alpha.
|
|
4
|
-
* BUILD_TIMESTAMP:
|
|
5
|
-
* BUILD_DATE: Thu Oct 23 2025
|
|
6
|
-
* BUILD_COMMIT:
|
|
3
|
+
* VERSION: 2.144.0-alpha.1
|
|
4
|
+
* BUILD_TIMESTAMP: 1761258729598
|
|
5
|
+
* BUILD_DATE: Thu Oct 23 2025 22:32:09 GMT+0000 (Coordinated Universal Time)
|
|
6
|
+
* BUILD_COMMIT: 8771a803905f8dc033efe93f204680f4a02f0c0d
|
|
7
7
|
*/
|
|
8
|
-
import { j as e, t as l, R as c, v as p, C as m } from "./es6-
|
|
8
|
+
import { j as e, t as l, R as c, v as p, C as m } from "./es6-DGToWuFe.js";
|
|
9
9
|
import { FormattedHTMLMessage as o } from "react-intl";
|
|
10
10
|
const u = ({ verificationService: s }) => {
|
|
11
11
|
const t = s.verificationResponse.consolationRewardCode || "${consolationRewardCode}", i = s.programTheme.config.offerType === "noCode", { verificationId: n } = s.verificationResponse, { rewardDisplay: d } = s.programTheme.config, r = !i && !!d.length;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-CEBh7jjw.js","sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { VerificationService, ConsolationResponse } from \"../../lib/types/types\";\n\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n const consolationRewardCode =\n (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n const { verificationId } = verificationService.verificationResponse;\n\n const { rewardDisplay } = verificationService.programTheme.config;\n const showReward = !noCodeType && !!rewardDisplay.length;\n\n return (\n <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n <div className=\"sid-l-horz-center\">\n <LogoComponent verificationService={verificationService} />\n </div>\n\n <div\n className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n id=\"consolation-status\"\n role=\"alertdialog\"\n >\n <FormattedHTMLMessage\n id=\"step.consolation.title\"\n defaultMessage=\"Claim your offer\"\n tagName=\"h1\"\n />\n </div>\n\n <div className=\"sid-l-horz-center\">\n <FormattedHTMLMessage\n id=\"step.consolation.subtitle\"\n defaultMessage=\"Unfortunately we could not verify your status, but we value your interest and are offering this promo code as a thank you. It is unique to you and can only be used once.\"\n />\n </div>\n </div>\n\n {showReward && (\n <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n {rewardDisplay.map((displayType) => {\n if (displayType !== RewardDisplayEnum.TEXT)\n return (\n <img\n key={displayType}\n className=\"sid-l-space-top-md sid-barcode\"\n alt={consolationRewardCode}\n src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n />\n );\n return (\n <>\n <div\n className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n role=\"region\"\n >\n {consolationRewardCode}\n </div>\n <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n <CopyToClipboard\n textToCopy={consolationRewardCode}\n notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n >\n <FormattedHTMLMessage\n id=\"step.success.copyCouponCode\"\n defaultMessage=\"Copy Coupon code\"\n />\n </CopyToClipboard>\n </div>\n </>\n );\n })}\n </div>\n )}\n\n <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n <FormattedHTMLMessage\n id=\"rewardCodeEmailNotification\"\n defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n />\n </div>\n\n <div\n className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n role=\"contentinfo\"\n >\n <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n {(companyName) => (\n <FormattedHTMLMessage\n id=\"step.consolation.verificationOnly\"\n defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n values={{ companyName }}\n />\n )}\n </FormattedHTMLMessage>\n </div>\n </div>\n );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"names":["StepConsolation","verificationService","consolationRewardCode","noCodeType","verificationId","rewardDisplay","showReward","jsxs","jsx","LogoComponent","FormattedHTMLMessage","displayType","RewardDisplayEnum","getBarcodeUrl","Fragment","CopyToClipboard","companyName","StepConsolationComponent"],"mappings":"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"}
|