@sheerid/jslib 2.315.0 → 2.317.0

package/chunk/{StepMedicalProfessionalPersonalInfo-BC0lr1WI.js.map → StepMedicalProfessionalPersonalInfo-D-vCCbDa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepMedicalProfessionalPersonalInfo-BC0lr1WI.js","names":["MedicalStatus","MedicalProfessionalOrganization","FirstName","LastName","BirthDate","PostalCode","Email","PhoneNumber","MemberId","MarketConsentWrapper","__toESM","getOptions","require_react","require_jsx_runtime","useProgramConfiguration","VerificationStepsEnum","hasFailedInstantMatch","PersonalInfoHeader","useCollectFieldsEndpoint","updateFieldValidationErrorsByFieldId","updateViewModelOrganization","produceDraftViewModel","handleEmailOnKeyDown","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","useFormSelectChoice","BirthDateComponent","PostalCodeComponent","CountryComponentWrapper","ExtraMessage","ChangeLocaleV2Component","PersonalInfoWrapper","isCountrySelectionNeeded","StatusComponent","MedicalProfessionalOrganizationComponent","MemberIdComponent","import_react","import_jsx_runtime","memberIdMessageKeysByCountry","getMemberIdMessageKeys","memberIdFieldType","country","StepMedicalProfessionalPersonalInfoComponent","programConfiguration","viewModel","verificationService","verificationResponse","failedInstantMatch","options","locale","updateMedicalProfessionalViewModel","nextState","key","value","dynamicStatuses","shouldRenderMemberId","isFieldOptional","countryChoiceValue","needToPickCountry","statusOptions","existing","id","option","fieldValidationErrors","FormattedHTMLMessage","status","choice","newValue","event"],"sources":["../../src/components/StepMedicalProfessionalPersonalInfo/StepMedicalProfessionalPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useFormSelectChoice } from \"@/components/FormInputs/InputSelect/InputSelectComponent\";\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\n\nimport { isCountrySelectionNeeded } from \"../FormFields/Country/countryUtils\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type FormSelectChoice,\n  type Organization,\n  type MedicalProfessionalPersonalInfoViewModel,\n  type MedicalProfessionalPersonalInfoResponse,\n  type CustomFormFieldConfig,\n  type MedicalProfessionalStatus,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  produceDraftViewModel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\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 { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepMedicalProfessionalPersonalInfoComponentProps {\n  verificationService: VerificationService;\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 StepMedicalProfessionalPersonalInfoComponent = ({\n  verificationService,\n}: StepMedicalProfessionalPersonalInfoComponentProps) => {\n  const programConfiguration = useProgramConfiguration();\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, availableStatuses: dynamicStatuses } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n  });\n  const shouldRenderMemberId = isFieldOptional(\"memberId\");\n\n  const countryChoiceValue = viewModel.countryChoice?.value;\n  const needToPickCountry = isCountrySelectionNeeded(programConfiguration, countryChoiceValue);\n\n  const statusOptions = useFormSelectChoice(\n    (dynamicStatuses ?? verificationResponse.availableStatuses) as MedicalProfessionalStatus[],\n  );\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    const existing = (verificationService.viewModel?.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"memberId\",\n    );\n    if (shouldRenderMemberId) {\n      verificationService.updateViewModel({ fieldsToSkipValidation: existing }, { partial: true });\n    } else {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [...existing, \"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      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n      <MedicalStatus\n        segmentId=\"medical\"\n        value={statusOptions.find((option) => option.value === viewModel.status)}\n        isErrored={!!fieldValidationErrors.status}\n        options={statusOptions}\n        disabled={needToPickCountry || getFieldConfigByFieldId(\"status\")?.disabled}\n        explanation={\n          needToPickCountry ? (\n            <FormattedHTMLMessage id=\"chooseCountry\" defaultMessage=\"Choose a country first\" />\n          ) : undefined\n        }\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).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      <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      {programConfiguration.isSmsNotifierConfigured || programConfiguration.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!programConfiguration.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(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\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    </PersonalInfoWrapper>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"StepMedicalProfessionalPersonalInfo-D-vCCbDa.js","names":["MedicalStatus","MedicalProfessionalOrganization","FirstName","LastName","BirthDate","PostalCode","Email","PhoneNumber","MemberId","MarketConsentWrapper","getOptions","__toESM","require_react","require_jsx_runtime","useProgramConfiguration","VerificationStepsEnum","hasFailedInstantMatch","FormattedHTMLMessage","PersonalInfoHeader","useCollectFieldsEndpoint","updateFieldValidationErrorsByFieldId","updateViewModelOrganization","produceDraftViewModel","handleEmailOnKeyDown","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","useFormSelectChoice","BirthDateComponent","PostalCodeComponent","CountryComponentWrapper","ExtraMessage","ChangeLocaleV2Component","PersonalInfoWrapper","isCountrySelectionNeeded","StatusComponent","MedicalProfessionalOrganizationComponent","MemberIdComponent","import_react","import_jsx_runtime","memberIdMessageKeysByCountry","getMemberIdMessageKeys","memberIdFieldType","country","StepMedicalProfessionalPersonalInfoComponent","programConfiguration","viewModel","verificationService","verificationResponse","failedInstantMatch","options","locale","updateMedicalProfessionalViewModel","nextState","key","value","dynamicStatuses","shouldRenderMemberId","isFieldOptional","countryChoiceValue","needToPickCountry","statusOptions","existing","id","option","fieldValidationErrors","status","choice","newValue","event"],"sources":["../../src/components/StepMedicalProfessionalPersonalInfo/StepMedicalProfessionalPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useFormSelectChoice } from \"@/components/FormInputs/InputSelect/InputSelectComponent\";\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\n\nimport { isCountrySelectionNeeded } from \"../FormFields/Country/countryUtils\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type FormSelectChoice,\n  type Organization,\n  type MedicalProfessionalPersonalInfoViewModel,\n  type MedicalProfessionalPersonalInfoResponse,\n  type CustomFormFieldConfig,\n  type MedicalProfessionalStatus,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  produceDraftViewModel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\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 { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepMedicalProfessionalPersonalInfoComponentProps {\n  verificationService: VerificationService;\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 StepMedicalProfessionalPersonalInfoComponent = ({\n  verificationService,\n}: StepMedicalProfessionalPersonalInfoComponentProps) => {\n  const programConfiguration = useProgramConfiguration();\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, availableStatuses: dynamicStatuses } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n  });\n  const shouldRenderMemberId = isFieldOptional(\"memberId\");\n\n  const countryChoiceValue = viewModel.countryChoice?.value;\n  const needToPickCountry = isCountrySelectionNeeded(programConfiguration, countryChoiceValue);\n\n  const statusOptions = useFormSelectChoice(\n    (dynamicStatuses ?? verificationResponse.availableStatuses) as MedicalProfessionalStatus[],\n  );\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    const existing = (verificationService.viewModel?.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"memberId\",\n    );\n    if (shouldRenderMemberId) {\n      verificationService.updateViewModel({ fieldsToSkipValidation: existing }, { partial: true });\n    } else {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [...existing, \"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      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n      <MedicalStatus\n        segmentId=\"medical\"\n        value={statusOptions.find((option) => option.value === viewModel.status)}\n        isErrored={!!fieldValidationErrors.status}\n        options={statusOptions}\n        disabled={needToPickCountry || getFieldConfigByFieldId(\"status\")?.disabled}\n        explanation={\n          needToPickCountry ? (\n            <FormattedHTMLMessage id=\"chooseCountry\" defaultMessage=\"Choose a country first\" />\n          ) : undefined\n        }\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).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      <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      {programConfiguration.isSmsNotifierConfigured || programConfiguration.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!programConfiguration.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(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\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    </PersonalInfoWrapper>\n  );\n};\n"],"mappings":"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"}

package/chunk/StepMemberPersonalInfo-Df2h7qx9.js

@@ -0,0 +1,156 @@
+
+/**
+ *   VERSION: 2.317.0
+ *   BUILD_TIMESTAMP: 1793828551263
+ *   BUILD_DATE: Wed Nov 04 2026 21:42:31 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cfcae53b477fea0855447c301740825340a005f8
+ */
+import { bt as e, y as t, zt as n } from "./empties-xLh6FzDA.js";
+import { r, t as i } from "./jsx-runtime-h9ybVYa3.js";
+import { o as a } from "./programThemeGetters-BhNmQw7_.js";
+import { b as o } from "./runtimeTypes-B2AGNJMT.js";
+import { h as s } from "./FormFooterComponent-DTMJcOBW.js";
+import { t as c } from "./index.es-Dw43pp1V.js";
+import { n as l } from "../sheerid.js";
+import { d as u, f as d, r as f, t as p } from "./stepComponentHelpers-BcYAcI_q.js";
+import { a as m, i as h, n as g, o as _, s as v, t as y } from "./CaptchaComponent-CxRzUQTM.js";
+import { n as b, t as x } from "./PersonalInfoStepSubmitButton-jF2Q-TQ1.js";
+import { t as S } from "./BirthDateComponent-bxdYsOrJ.js";
+import { t as C } from "./CountryComponentWrapper-DC2xpwfp.js";
+import { t as w } from "./ExtraMessage-Dy5YujvI.js";
+import { t as T } from "./ChangeLocaleComponent-fYWBTVHc.js";
+import { t as E } from "./PersonalInfoStepWrapper-83-yLjnF.js";
+import { t as D } from "./MemberIdComponent-Op5eJ6S1.js";
+import { t as O } from "./MembershipOrganizationComponent-DjnLvZUD.js";
+//#region src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.tsx
+var k = /* @__PURE__ */ n(r(), 1), A = i(), j = ({ verificationService: n }) => {
+	let r = a(), i = n.viewModel, { fieldValidationErrors: j } = n, M = n.verificationResponse, N = s(M), P = t(), F = p("memberId")?.requireIfOptional, I = i.localeChoice.value, L = (t, r) => {
+		let a = e(i, (e) => {
+			e[t] = r;
+		});
+		n.updateViewModel(a);
+	};
+	return k.useEffect(() => {
+		let e = (n.viewModel?.fieldsToSkipValidation || []).filter((e) => e !== "memberId");
+		F ? n.updateViewModel({ fieldsToSkipValidation: e }, { partial: !0 }) : n.updateViewModel({ fieldsToSkipValidation: [...e, "memberId"] }, { partial: !0 });
+	}, [F]), /* @__PURE__ */ (0, A.jsxs)(E, {
+		verificationService: n,
+		step: M.currentStep,
+		children: [
+			/* @__PURE__ */ (0, A.jsx)(l, {
+				verificationService: n,
+				classNameIdentifier: "member-personal-info"
+			}),
+			/* @__PURE__ */ (0, A.jsx)(T, { verificationService: n }),
+			/* @__PURE__ */ (0, A.jsx)(C, {
+				verificationService: n,
+				disabled: p("country")?.disabled
+			}),
+			/* @__PURE__ */ (0, A.jsx)(O, {
+				value: n.viewModel.organization,
+				verificationService: n,
+				isErrored: !!j.organization,
+				disabled: p("organization")?.disabled,
+				onChange: (e) => {
+					d(e, n), u("organization", e, n);
+				}
+			}),
+			/* @__PURE__ */ (0, A.jsxs)("div", {
+				className: "sid-names",
+				children: [/* @__PURE__ */ (0, A.jsx)(m, {
+					value: i.firstName,
+					isErrored: !!j.firstName,
+					disabled: p("firstName")?.disabled,
+					onChange: (e) => {
+						L("firstName", e), u("firstName", e, n);
+					}
+				}), /* @__PURE__ */ (0, A.jsx)(h, {
+					value: i.lastName,
+					isErrored: !!j.lastName,
+					disabled: p("lastName")?.disabled,
+					onChange: (e) => {
+						L("lastName", e), u("lastName", e, n);
+					}
+				})]
+			}),
+			/* @__PURE__ */ (0, A.jsx)(b, {
+				value: i.email,
+				isErrored: !!j.email,
+				explanation: /* @__PURE__ */ (0, A.jsx)(c, {
+					id: "emailExplanation",
+					defaultMessage: " "
+				}),
+				onChange: (e) => {
+					L("email", e), u("email", e, n);
+				},
+				onKeyDown: (e) => f(e),
+				disabled: p("email")?.disabled
+			}),
+			/* @__PURE__ */ (0, A.jsx)(S, {
+				errorId: j.birthDate,
+				locale: I,
+				isRequired: !!p("birthDate")?.requireIfOptional,
+				onChange: (e) => {
+					L("birthDate", e), u("birthDate", e, n);
+				},
+				value: i.birthDate,
+				disabled: p("birthDate")?.disabled
+			}),
+			/* @__PURE__ */ (0, A.jsx)(D, {
+				value: i.memberId,
+				isErrored: !!j.memberId,
+				isRequired: F,
+				disabled: p("memberId")?.disabled,
+				onChange: (e) => {
+					L("memberId", e), u("memberId", e, n);
+				}
+			}),
+			r.isSmsNotifierConfigured || r.smsLoopEnabled ? /* @__PURE__ */ (0, A.jsx)(_, {
+				isRequired: !!r.smsLoopEnabled,
+				value: i.phoneNumber,
+				isErrored: !!j.phoneNumber,
+				onChange: (e) => {
+					L("phoneNumber", e), u("phoneNumber", e, n);
+				},
+				selectedCountryCode: i.countryChoice && i.countryChoice.value,
+				disabled: p("phoneNumber")?.disabled
+			}) : null,
+			P.customFormFields.map((e) => /* @__PURE__ */ (0, A.jsx)(g, {
+				config: e,
+				verificationService: n
+			}, e.fieldId)),
+			/* @__PURE__ */ (0, A.jsx)(v, {
+				verificationService: n,
+				isErrored: !!j.marketConsentValue,
+				onChange: (e) => {
+					L("metadata", {
+						...n.viewModel.metadata,
+						marketConsentValue: e
+					}), u("marketConsentValue", e, n);
+				},
+				viewModel: i,
+				disabled: p("marketConsentValue")?.disabled
+			}),
+			/* @__PURE__ */ (0, A.jsx)(w, {
+				verificationService: n,
+				suffix: "CollectAboveSubmit"
+			}),
+			/* @__PURE__ */ (0, A.jsx)(y, {
+				verificationService: n,
+				isErrored: !!j.captchaToken
+			}),
+			/* @__PURE__ */ (0, A.jsx)(x, {
+				step: o.collectMemberPersonalInfo,
+				verificationService: n,
+				viewModel: i,
+				failedInstantMatch: N,
+				buttonText: /* @__PURE__ */ (0, A.jsx)(c, {
+					id: "step.personalInfo.submitButtonText",
+					defaultMessage: "Verify My Membership Status"
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { j as default };

package/chunk/{StepMemberPersonalInfo-RyxtQuwt.js.map → StepMemberPersonalInfo-Df2h7qx9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepMemberPersonalInfo-RyxtQuwt.js","names":["produce","FirstName","LastName","Email","BirthDate","MemberId","PhoneNumber","__toESM","fn","getOptions","VerificationStepsEnum","FormattedHTMLMessage","require_react","require_jsx_runtime","useProgramConfiguration","hasFailedInstantMatch","PersonalInfoHeader","updateFieldValidationErrorsByFieldId","updateViewModelOrganization","handleEmailOnKeyDown","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","BirthDateComponent","CountryComponentWrapper","ExtraMessage","ChangeLocaleV2Component","PersonalInfoWrapper","MemberIdComponent","MembershipOrganizationComponent","import_react","import_jsx_runtime","StepMemberPersonalInfoComponent","programConfiguration","viewModel","verificationService","verificationResponse","failedInstantMatch","options","isMemberIdRequired","locale","updateMemberViewModel","nextState","key","value","existing","id","fieldValidationErrors","choice","newValue","event","config"],"sources":["../../src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type Organization,\n  type MemberPersonalInfoViewModel,\n  type MemberPersonalInfoResponse,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\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 { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MembershipOrganizationComponent } from \"../FormFields/MembershipOrganization/MembershipOrganizationComponent\";\nimport { MarketConsentWrapperComponent } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepMemberPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nconst StepMemberPersonalInfo = ({ verificationService }: StepMemberPersonalInfoComponentProps) => {\n  const programConfiguration = useProgramConfiguration();\n  const viewModel = verificationService.viewModel as MemberPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MemberPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n  const isMemberIdRequired = getFieldConfigByFieldId(\"memberId\")?.requireIfOptional;\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMemberViewModel = <K extends keyof MemberPersonalInfoViewModel>(\n    key: K,\n    value: MemberPersonalInfoViewModel[K],\n  ) => {\n    const nextState: MemberPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: MemberPersonalInfoViewModel) => {\n        draft[key] = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  React.useEffect(() => {\n    const existing = (verificationService.viewModel?.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"memberId\",\n    );\n    if (!isMemberIdRequired) {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [...existing, \"memberId\"] },\n        { partial: true },\n      );\n    } else {\n      verificationService.updateViewModel({ fieldsToSkipValidation: existing }, { partial: true });\n    }\n  }, [isMemberIdRequired]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"member-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <MembershipOrganizationComponent\n        value={(verificationService.viewModel as MemberPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"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            updateMemberViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        isRequired={!!getFieldConfigByFieldId(\"birthDate\")?.requireIfOptional}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n\n      <MemberId\n        value={viewModel.memberId}\n        isErrored={!!fieldValidationErrors.memberId}\n        isRequired={isMemberIdRequired}\n        disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"memberId\", newValue);\n          updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n        }}\n      />\n\n      {programConfiguration.isSmsNotifierConfigured || programConfiguration.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!programConfiguration.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"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\n          key={config.fieldId}\n          config={config}\n          verificationService={verificationService}\n        />\n      ))}\n\n      <MarketConsentWrapperComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"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      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMemberPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Membership Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMemberPersonalInfoComponent = StepMemberPersonalInfo;\n"],"mappings":"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"}
+{"version":3,"file":"StepMemberPersonalInfo-Df2h7qx9.js","names":["produce","FirstName","LastName","Email","BirthDate","MemberId","PhoneNumber","fn","getOptions","__toESM","require_jsx_runtime","useProgramConfiguration","VerificationStepsEnum","hasFailedInstantMatch","FormattedHTMLMessage","PersonalInfoHeader","updateFieldValidationErrorsByFieldId","updateViewModelOrganization","handleEmailOnKeyDown","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","BirthDateComponent","CountryComponentWrapper","ExtraMessage","ChangeLocaleV2Component","PersonalInfoWrapper","MemberIdComponent","MembershipOrganizationComponent","import_react","require_react","import_jsx_runtime","StepMemberPersonalInfoComponent","programConfiguration","viewModel","verificationService","verificationResponse","failedInstantMatch","options","isMemberIdRequired","locale","updateMemberViewModel","nextState","key","value","existing","id","fieldValidationErrors","choice","newValue","event","config"],"sources":["../../src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type Organization,\n  type MemberPersonalInfoViewModel,\n  type MemberPersonalInfoResponse,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\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 { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MembershipOrganizationComponent } from \"../FormFields/MembershipOrganization/MembershipOrganizationComponent\";\nimport { MarketConsentWrapperComponent } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepMemberPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nconst StepMemberPersonalInfo = ({ verificationService }: StepMemberPersonalInfoComponentProps) => {\n  const programConfiguration = useProgramConfiguration();\n  const viewModel = verificationService.viewModel as MemberPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MemberPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n  const isMemberIdRequired = getFieldConfigByFieldId(\"memberId\")?.requireIfOptional;\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMemberViewModel = <K extends keyof MemberPersonalInfoViewModel>(\n    key: K,\n    value: MemberPersonalInfoViewModel[K],\n  ) => {\n    const nextState: MemberPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: MemberPersonalInfoViewModel) => {\n        draft[key] = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  React.useEffect(() => {\n    const existing = (verificationService.viewModel?.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"memberId\",\n    );\n    if (!isMemberIdRequired) {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [...existing, \"memberId\"] },\n        { partial: true },\n      );\n    } else {\n      verificationService.updateViewModel({ fieldsToSkipValidation: existing }, { partial: true });\n    }\n  }, [isMemberIdRequired]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"member-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <MembershipOrganizationComponent\n        value={(verificationService.viewModel as MemberPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"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            updateMemberViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        isRequired={!!getFieldConfigByFieldId(\"birthDate\")?.requireIfOptional}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n\n      <MemberId\n        value={viewModel.memberId}\n        isErrored={!!fieldValidationErrors.memberId}\n        isRequired={isMemberIdRequired}\n        disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"memberId\", newValue);\n          updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n        }}\n      />\n\n      {programConfiguration.isSmsNotifierConfigured || programConfiguration.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!programConfiguration.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"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\n          key={config.fieldId}\n          config={config}\n          verificationService={verificationService}\n        />\n      ))}\n\n      <MarketConsentWrapperComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"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      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMemberPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Membership Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMemberPersonalInfoComponent = StepMemberPersonalInfo;\n"],"mappings":"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"}

package/chunk/StepMemberPersonalInfo-H6gzvuNW.js

@@ -0,0 +1,160 @@
+
+/**
+ *   WARNING: This file is intended to be used within MySheerID.
+ *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
+ */ 
+/**
+ *   VERSION: 2.317.0
+ *   BUILD_TIMESTAMP: 1793828555691
+ *   BUILD_DATE: Wed Nov 04 2026 21:42:35 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cfcae53b477fea0855447c301740825340a005f8
+ */
+import { S as e, g as t, zt as n } from "./empties-DtevBq9w.js";
+import { b as r } from "./runtimeTypes-B2AGNJMT.js";
+import { r as i, t as a } from "./jsx-runtime-DQgZVOUX.js";
+import { o } from "./programThemeGetters-B2hrl_I4.js";
+import { m as s } from "./FormFooterComponent-DIRoNXm5.js";
+import { t as c } from "./index.es-Cir3-TDI.js";
+import { t as l } from "../_mysheerid-preview.js";
+import { d as u, f as d, r as f, t as p } from "./stepComponentHelpers-3SlH9niv.js";
+import { a as m, i as h, n as g, o as _, s as v, t as y } from "./CaptchaComponent-BcQgxG0o.js";
+import { n as b, t as x } from "./PersonalInfoStepSubmitButton-CT7lguuZ.js";
+import { t as S } from "./BirthDateComponent-kIkfY0Fo.js";
+import { t as C } from "./CountryComponentWrapper-CA5QjkzI.js";
+import { t as w } from "./ExtraMessage-CR5rN46Q.js";
+import { t as T } from "./ChangeLocaleComponent-ry8sqUF9.js";
+import { t as E } from "./PersonalInfoStepWrapper-B6KYjnG-.js";
+import { t as D } from "./MemberIdComponent-Bwd8_Zby.js";
+import { t as O } from "./MembershipOrganizationComponent-B-1ae88w.js";
+//#region src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.tsx
+var k = /* @__PURE__ */ n(i(), 1), A = a(), j = ({ verificationService: n }) => {
+	let i = o(), a = n.viewModel, { fieldValidationErrors: j } = n, M = n.verificationResponse, N = s(M), P = t(), F = p("memberId")?.requireIfOptional, I = a.localeChoice.value, L = (t, r) => {
+		let i = e(a, (e) => {
+			e[t] = r;
+		});
+		n.updateViewModel(i);
+	};
+	return k.useEffect(() => {
+		let e = (n.viewModel?.fieldsToSkipValidation || []).filter((e) => e !== "memberId");
+		F ? n.updateViewModel({ fieldsToSkipValidation: e }, { partial: !0 }) : n.updateViewModel({ fieldsToSkipValidation: [...e, "memberId"] }, { partial: !0 });
+	}, [F]), /* @__PURE__ */ (0, A.jsxs)(E, {
+		verificationService: n,
+		step: M.currentStep,
+		children: [
+			/* @__PURE__ */ (0, A.jsx)(l, {
+				verificationService: n,
+				classNameIdentifier: "member-personal-info"
+			}),
+			/* @__PURE__ */ (0, A.jsx)(T, { verificationService: n }),
+			/* @__PURE__ */ (0, A.jsx)(C, {
+				verificationService: n,
+				disabled: p("country")?.disabled
+			}),
+			/* @__PURE__ */ (0, A.jsx)(O, {
+				value: n.viewModel.organization,
+				verificationService: n,
+				isErrored: !!j.organization,
+				disabled: p("organization")?.disabled,
+				onChange: (e) => {
+					d(e, n), u("organization", e, n);
+				}
+			}),
+			/* @__PURE__ */ (0, A.jsxs)("div", {
+				className: "sid-names",
+				children: [/* @__PURE__ */ (0, A.jsx)(m, {
+					value: a.firstName,
+					isErrored: !!j.firstName,
+					disabled: p("firstName")?.disabled,
+					onChange: (e) => {
+						L("firstName", e), u("firstName", e, n);
+					}
+				}), /* @__PURE__ */ (0, A.jsx)(h, {
+					value: a.lastName,
+					isErrored: !!j.lastName,
+					disabled: p("lastName")?.disabled,
+					onChange: (e) => {
+						L("lastName", e), u("lastName", e, n);
+					}
+				})]
+			}),
+			/* @__PURE__ */ (0, A.jsx)(b, {
+				value: a.email,
+				isErrored: !!j.email,
+				explanation: /* @__PURE__ */ (0, A.jsx)(c, {
+					id: "emailExplanation",
+					defaultMessage: " "
+				}),
+				onChange: (e) => {
+					L("email", e), u("email", e, n);
+				},
+				onKeyDown: (e) => f(e),
+				disabled: p("email")?.disabled
+			}),
+			/* @__PURE__ */ (0, A.jsx)(S, {
+				errorId: j.birthDate,
+				locale: I,
+				isRequired: !!p("birthDate")?.requireIfOptional,
+				onChange: (e) => {
+					L("birthDate", e), u("birthDate", e, n);
+				},
+				value: a.birthDate,
+				disabled: p("birthDate")?.disabled
+			}),
+			/* @__PURE__ */ (0, A.jsx)(D, {
+				value: a.memberId,
+				isErrored: !!j.memberId,
+				isRequired: F,
+				disabled: p("memberId")?.disabled,
+				onChange: (e) => {
+					L("memberId", e), u("memberId", e, n);
+				}
+			}),
+			i.isSmsNotifierConfigured || i.smsLoopEnabled ? /* @__PURE__ */ (0, A.jsx)(_, {
+				isRequired: !!i.smsLoopEnabled,
+				value: a.phoneNumber,
+				isErrored: !!j.phoneNumber,
+				onChange: (e) => {
+					L("phoneNumber", e), u("phoneNumber", e, n);
+				},
+				selectedCountryCode: a.countryChoice && a.countryChoice.value,
+				disabled: p("phoneNumber")?.disabled
+			}) : null,
+			P.customFormFields.map((e) => /* @__PURE__ */ (0, A.jsx)(g, {
+				config: e,
+				verificationService: n
+			}, e.fieldId)),
+			/* @__PURE__ */ (0, A.jsx)(v, {
+				verificationService: n,
+				isErrored: !!j.marketConsentValue,
+				onChange: (e) => {
+					L("metadata", {
+						...n.viewModel.metadata,
+						marketConsentValue: e
+					}), u("marketConsentValue", e, n);
+				},
+				viewModel: a,
+				disabled: p("marketConsentValue")?.disabled
+			}),
+			/* @__PURE__ */ (0, A.jsx)(w, {
+				verificationService: n,
+				suffix: "CollectAboveSubmit"
+			}),
+			/* @__PURE__ */ (0, A.jsx)(y, {
+				verificationService: n,
+				isErrored: !!j.captchaToken
+			}),
+			/* @__PURE__ */ (0, A.jsx)(x, {
+				step: r.collectMemberPersonalInfo,
+				verificationService: n,
+				viewModel: a,
+				failedInstantMatch: N,
+				buttonText: /* @__PURE__ */ (0, A.jsx)(c, {
+					id: "step.personalInfo.submitButtonText",
+					defaultMessage: "Verify My Membership Status"
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { j as default };

package/chunk/{StepMemberPersonalInfo-BFKv1wPh.js.map → StepMemberPersonalInfo-H6gzvuNW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepMemberPersonalInfo-BFKv1wPh.js","names":["produce","FirstName","LastName","Email","BirthDate","MemberId","PhoneNumber","__toESM","fn","getOptions","FormattedHTMLMessage","require_react","require_jsx_runtime","VerificationStepsEnum","hasFailedInstantMatch","PersonalInfoHeader","updateFieldValidationErrorsByFieldId","updateViewModelOrganization","handleEmailOnKeyDown","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","BirthDateComponent","CountryComponentWrapper","ExtraMessage","ChangeLocaleV2Component","PersonalInfoWrapper","MemberIdComponent","MembershipOrganizationComponent","import_react","import_jsx_runtime","StepMemberPersonalInfoComponent","programConfiguration","useProgramConfiguration","viewModel","verificationService","verificationResponse","failedInstantMatch","options","isMemberIdRequired","locale","updateMemberViewModel","nextState","key","value","existing","id","fieldValidationErrors","choice","newValue","event","config"],"sources":["../../src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type Organization,\n  type MemberPersonalInfoViewModel,\n  type MemberPersonalInfoResponse,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\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 { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MembershipOrganizationComponent } from \"../FormFields/MembershipOrganization/MembershipOrganizationComponent\";\nimport { MarketConsentWrapperComponent } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepMemberPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nconst StepMemberPersonalInfo = ({ verificationService }: StepMemberPersonalInfoComponentProps) => {\n  const programConfiguration = useProgramConfiguration();\n  const viewModel = verificationService.viewModel as MemberPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MemberPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n  const isMemberIdRequired = getFieldConfigByFieldId(\"memberId\")?.requireIfOptional;\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMemberViewModel = <K extends keyof MemberPersonalInfoViewModel>(\n    key: K,\n    value: MemberPersonalInfoViewModel[K],\n  ) => {\n    const nextState: MemberPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: MemberPersonalInfoViewModel) => {\n        draft[key] = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  React.useEffect(() => {\n    const existing = (verificationService.viewModel?.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"memberId\",\n    );\n    if (!isMemberIdRequired) {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [...existing, \"memberId\"] },\n        { partial: true },\n      );\n    } else {\n      verificationService.updateViewModel({ fieldsToSkipValidation: existing }, { partial: true });\n    }\n  }, [isMemberIdRequired]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"member-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <MembershipOrganizationComponent\n        value={(verificationService.viewModel as MemberPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"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            updateMemberViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        isRequired={!!getFieldConfigByFieldId(\"birthDate\")?.requireIfOptional}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n\n      <MemberId\n        value={viewModel.memberId}\n        isErrored={!!fieldValidationErrors.memberId}\n        isRequired={isMemberIdRequired}\n        disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"memberId\", newValue);\n          updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n        }}\n      />\n\n      {programConfiguration.isSmsNotifierConfigured || programConfiguration.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!programConfiguration.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"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\n          key={config.fieldId}\n          config={config}\n          verificationService={verificationService}\n        />\n      ))}\n\n      <MarketConsentWrapperComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"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      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMemberPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Membership Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMemberPersonalInfoComponent = StepMemberPersonalInfo;\n"],"mappings":"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"}
+{"version":3,"file":"StepMemberPersonalInfo-H6gzvuNW.js","names":["produce","FirstName","LastName","Email","BirthDate","MemberId","PhoneNumber","fn","getOptions","__toESM","VerificationStepsEnum","require_react","require_jsx_runtime","hasFailedInstantMatch","FormattedHTMLMessage","PersonalInfoHeader","updateFieldValidationErrorsByFieldId","updateViewModelOrganization","handleEmailOnKeyDown","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","BirthDateComponent","CountryComponentWrapper","ExtraMessage","ChangeLocaleV2Component","PersonalInfoWrapper","MemberIdComponent","MembershipOrganizationComponent","import_react","import_jsx_runtime","StepMemberPersonalInfoComponent","programConfiguration","useProgramConfiguration","viewModel","verificationService","verificationResponse","failedInstantMatch","options","isMemberIdRequired","locale","updateMemberViewModel","nextState","key","value","existing","id","fieldValidationErrors","choice","newValue","event","config"],"sources":["../../src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type Organization,\n  type MemberPersonalInfoViewModel,\n  type MemberPersonalInfoResponse,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\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 { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MembershipOrganizationComponent } from \"../FormFields/MembershipOrganization/MembershipOrganizationComponent\";\nimport { MarketConsentWrapperComponent } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepMemberPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nconst StepMemberPersonalInfo = ({ verificationService }: StepMemberPersonalInfoComponentProps) => {\n  const programConfiguration = useProgramConfiguration();\n  const viewModel = verificationService.viewModel as MemberPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MemberPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n  const isMemberIdRequired = getFieldConfigByFieldId(\"memberId\")?.requireIfOptional;\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMemberViewModel = <K extends keyof MemberPersonalInfoViewModel>(\n    key: K,\n    value: MemberPersonalInfoViewModel[K],\n  ) => {\n    const nextState: MemberPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: MemberPersonalInfoViewModel) => {\n        draft[key] = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  React.useEffect(() => {\n    const existing = (verificationService.viewModel?.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"memberId\",\n    );\n    if (!isMemberIdRequired) {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [...existing, \"memberId\"] },\n        { partial: true },\n      );\n    } else {\n      verificationService.updateViewModel({ fieldsToSkipValidation: existing }, { partial: true });\n    }\n  }, [isMemberIdRequired]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"member-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <MembershipOrganizationComponent\n        value={(verificationService.viewModel as MemberPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"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            updateMemberViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        isRequired={!!getFieldConfigByFieldId(\"birthDate\")?.requireIfOptional}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n\n      <MemberId\n        value={viewModel.memberId}\n        isErrored={!!fieldValidationErrors.memberId}\n        isRequired={isMemberIdRequired}\n        disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"memberId\", newValue);\n          updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n        }}\n      />\n\n      {programConfiguration.isSmsNotifierConfigured || programConfiguration.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!programConfiguration.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"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\n          key={config.fieldId}\n          config={config}\n          verificationService={verificationService}\n        />\n      ))}\n\n      <MarketConsentWrapperComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"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      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMemberPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Membership Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMemberPersonalInfoComponent = StepMemberPersonalInfo;\n"],"mappings":"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"}