@sheerid/jslib-nightly 2.258.0-alpha.2 → 2.258.0-alpha.3

package/chunk/{StepStudentPersonalInfo-BiKIDVhk.js.map → StepStudentPersonalInfo-7T1fonlN.js.map}

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

package/chunk/{StepStudentPersonalInfo-e1z1hWCH.js → StepStudentPersonalInfo-Dcih7Qze.js}

@@ -1,23 +1,23 @@
 
 /**
- *   VERSION: 2.258.0-alpha.2
- *   BUILD_TIMESTAMP: 1784652149837
- *   BUILD_DATE: Tue Jul 21 2026 16:42:29 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.258.0-alpha.3
+ *   BUILD_TIMESTAMP: 1784652830507
+ *   BUILD_DATE: Tue Jul 21 2026 16:53:50 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 946c3bd79f3ff44297f42e44d32fdf3ffdd6b8da
  */
 import { Ft as e, Wt as t, c as n, n as r } from "./options-D19mRw5a.js";
 import { a as i, c as a, n as o, t as s } from "./jsx-runtime-BknAqbDq.js";
-import { w as c } from "./FormFooterComponent-QZUjL2NN.js";
+import { x as c } from "./FormFooterComponent-QN5kZ4hU.js";
 import { K as l, V as u, et as d, n as f, r as p, tt as m } from "../sheerid.js";
-import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-Dj1XrWkM.js";
+import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-WnBWWmBW.js";
 import { t as x } from "./FormFieldText-zjWk7Cyc.js";
 import { n as S, t as C } from "./PersonalInfoStepSubmitButton-Ywai8bYu.js";
-import { t as w } from "./BirthDateComponent-BNxj7HVi.js";
-import { t as T } from "./CountryComponentWrapper-DSWE6u6x.js";
-import { t as E } from "./ExtraMessage-CwPDe_DW.js";
-import { t as D } from "./ChangeLocaleComponent-D1rmQo2-.js";
-import { t as O } from "./PersonalInfoStepWrapper-jdzoT2oQ.js";
-import { t as k } from "./CollegeNameComponent-x7_ep0bP.js";
+import { t as w } from "./BirthDateComponent-BqZned-E.js";
+import { t as T } from "./CountryComponentWrapper-bzcjcPxz.js";
+import { t as E } from "./ExtraMessage-MKBXSbM_.js";
+import { t as D } from "./ChangeLocaleComponent-DOa9NZyI.js";
+import { t as O } from "./PersonalInfoStepWrapper-BgWJSycH.js";
+import { t as k } from "./CollegeNameComponent-Cd_gOpDt.js";
 //#region src/components/FormFields/CVECNumber/CVECNumberComponent.tsx
 var A = /* @__PURE__ */ t(a(), 1), j = s(), M = i(({ value: e, isErrored: t, onChange: n, intl: r, explanation: i, placeholder: a = "", isRequired: s = !1 }) => {
 	let c = f("include-cvec-field-france-student");

package/chunk/{StepStudentPersonalInfo-e1z1hWCH.js.map → StepStudentPersonalInfo-Dcih7Qze.js.map}

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

package/chunk/{StepSuccess-T6-OhHHn.js → StepSuccess-B8mKkiSn.js}

@@ -1,14 +1,14 @@
 
 /**
- *   VERSION: 2.258.0-alpha.2
- *   BUILD_TIMESTAMP: 1784652149837
- *   BUILD_DATE: Tue Jul 21 2026 16:42:29 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.258.0-alpha.3
+ *   BUILD_TIMESTAMP: 1784652830507
+ *   BUILD_DATE: Tue Jul 21 2026 16:53:50 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 946c3bd79f3ff44297f42e44d32fdf3ffdd6b8da
  */
 import { Bt as e, C as t, G as n, Ot as r, W as i, Wt as a, d as o, m as s, n as c } from "./options-D19mRw5a.js";
 import { c as l, n as u, t as d } from "./jsx-runtime-BknAqbDq.js";
 import { i as f } from "./TestingRouteOverrides-B-zcTBa_.js";
-import { t as p } from "./ApiUrls-BjhuhV-u.js";
+import { t as p } from "./ApiUrls-D-825yEj.js";
 import { t as m } from "./eventEmitter-CSG6jR7V.js";
 import { t as h } from "./LogoComponent-BMeuu-aK.js";
 import { t as g } from "./AnnouncingHeader-DjgtqEeX.js";

package/chunk/StepSuccess-B8mKkiSn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepSuccess-B8mKkiSn.js","names":[],"sources":["../../src/lib/installScript/utils.ts","../../src/lib/installScript/constants.ts","../../src/lib/installScript/iframe.ts","../../src/lib/installScript/affinity.ts","../../src/components/StepSuccess/StepSuccessComponent.tsx"],"sourcesContent":["export const fadeInElements = (elements: HTMLElement[]) => {\n  elements.forEach((element: HTMLElement) => {\n    element.classList.add(\"fade-in\");\n  });\n};\n\nexport const removeElement = (element: HTMLElement, transitionTimeout: number) => {\n  element.classList.remove(\"fade-in\");\n  window.setTimeout(() => {\n    document.body.style.overflow = \"\";\n    element.parentNode.removeChild(element);\n  }, transitionTimeout);\n};\n\nexport const getVerificationUrl = (url: string): string => {\n  const newUrl = new URL(url);\n  const parentUrl = new URL(window.location.href);\n\n  // Combine query parameters from parent window and provided url.\n  // If duplicates, provided url parameters supercede.\n  parentUrl.searchParams.forEach((value, key) => {\n    if (!newUrl.searchParams.has(key)) {\n      newUrl.searchParams.set(key, value);\n    }\n  });\n\n  return newUrl.href;\n};\n","const iframeClassNames = {\n  INLINE_IFRAME_CONTENT: \"sid-inline-iframe\",\n  MODAL_WRAPPER: \"sid-modal__wrapper\",\n  MODAL_IFRAME: \"sid-modal__iframe\",\n  OVERLAY: \"sid-modal__overlay\",\n  CLOSE_BUTTON: \"sid-modal__close-button\",\n  CLOSE_TEXT: \"sid-modal__close-text\",\n  CLOSE_ICON: \"sid-modal__close-icon\",\n};\n\nexport const iframeTitle = \"SheerID Verification Form\";\n\nexport const iframeConstants = {\n  CLASS_NAMES: iframeClassNames,\n  DEFAULT_MOBILE_THRESHOLD_WIDTH: 620,\n  MODAL_OPACITY_TRANSITION_PERIOD: 300,\n};\n","import { logger } from \"@jslib/shared/utils/logger\";\n\nimport { QUERY_STRING_INSTALL_PAGE_URL, QUERY_STRING_INSTALL_TYPE } from \"../../constants\";\nimport { type InstallPageEvent } from \"../frames/frameMessages\";\nimport type { HookEvents, Options, PostMessageAction, ViewModel } from \"../types/types\";\nimport { EventEmitter } from \"../hooks/eventEmitter\";\n\nimport { getVerificationUrl } from \"./utils\";\nimport { iframeConstants as constants, iframeTitle } from \"./constants\";\n\nexport type IframeOptions = {\n  className: string;\n  title: string;\n};\n\nexport const DEFAULT_OPTIONS: IframeOptions = {\n  className: constants.CLASS_NAMES.INLINE_IFRAME_CONTENT,\n  title: iframeTitle,\n};\n\nexport const assertValidFunction = (candidate: Function) => {\n  if (typeof candidate !== \"function\") {\n    throw new Error(`Expected type \"function\", but received ${typeof candidate}`);\n  }\n};\n\nclass Iframe extends EventEmitter<HookEvents> {\n  containerElement: HTMLElement;\n\n  verificationUrl: URL;\n\n  isMobileDevice: boolean;\n\n  iframe: HTMLIFrameElement;\n\n  verificationIframeUid: string;\n\n  locale: string;\n\n  hasLoaded: boolean = false;\n\n  onLoadEvents: Function[] = [];\n\n  onCleanupEvents: (() => void)[] = [];\n\n  installType = \"cdn_inline_iframe\";\n\n  constructor(containerElement: HTMLElement, url: string) {\n    super();\n\n    if (Iframe.isValidHttpUrl(url)) {\n      this.containerElement = containerElement;\n      this.verificationUrl = new URL(getVerificationUrl(url));\n      this.verificationIframeUid = Iframe.createUniqueId();\n    } else {\n      logger.error(\"Invalid URL. Provide a proper URL: https://example.com/\", \"iframe url\");\n    }\n  }\n\n  cleanup(): void {\n    this.onCleanupEvents.forEach((callback) => callback());\n  }\n\n  static createUniqueId(): string {\n    return Math.random().toString(36).substr(2, 9);\n  }\n\n  static isValidHttpUrl(urlString: string): boolean {\n    try {\n      const url = new URL(urlString);\n      return url.protocol === \"http:\" || url.protocol === \"https:\";\n    } catch {\n      return false;\n    }\n  }\n\n  createIframe(options: IframeOptions): HTMLIFrameElement {\n    this.iframe = document.createElement(\"iframe\");\n    this.iframe.classList.add(options.className);\n    this.iframe.title = options.title;\n    this.iframe.src = this.getIframeUrl();\n    this.iframe.allow = \"camera *;microphone *;geolocation *;clipboard-read *;clipboard-write *\";\n    this.iframe.onload = () => this.onLoad();\n    return this.iframe;\n  }\n\n  getIframeUrl(): string {\n    const url = new URL(this.verificationUrl);\n    url.searchParams.set(\"verificationIframeUid\", this.verificationIframeUid);\n    url.searchParams.set(QUERY_STRING_INSTALL_PAGE_URL, window.location.href);\n    url.searchParams.set(QUERY_STRING_INSTALL_TYPE, this.installType);\n    if (this.locale) {\n      url.searchParams.set(\"locale\", this.locale);\n    }\n    return url.toString();\n  }\n\n  // If iFrame hasn't loaded yet, queue up the callback\n  // otherwise call it immediately\n  addOnLoadEvent(callback: Function) {\n    try {\n      assertValidFunction(callback);\n    } catch (e) {\n      logger.error(\"Invalid callback provided to iFrame.onLoad()\", \"iframe addOnLoadEvent\");\n      return;\n    }\n    if (this.hasLoaded) {\n      callback();\n    } else {\n      this.onLoadEvents.push(callback);\n    }\n  }\n\n  onLoad() {\n    this.hasLoaded = true;\n    this.onLoadEvents.forEach((callback) => callback());\n  }\n\n  /**\n   * Using this to add parent window message listeners gives us\n   * - Event Cleanup for modals\n   * - verification of origin, verificationIframeUid, and message data structure\n   */\n  addWindowMessageListener(actionCb: (action: PostMessageAction) => void): void {\n    const listener = (ev: MessageEvent) => {\n      if (this.verificationUrl.origin !== ev.origin) {\n        return;\n      }\n\n      if (ev.data.verificationIframeUid !== this.verificationIframeUid) {\n        return;\n      }\n\n      if (ev.data.action && ev.data.action.type) {\n        actionCb(ev.data.action);\n      } else if (ev.data.action && ev.data.height) {\n        // Older versions of the jslib send the full action object as the message\n        actionCb(ev.data);\n      }\n    };\n\n    window.addEventListener(\"message\", listener);\n    this.onCleanupEvents.push(() => window.removeEventListener(\"message\", listener));\n  }\n\n  addActionListener() {\n    this.addWindowMessageListener((messageAction) => {\n      if (messageAction.type === \"hook\") {\n        this.emit(messageAction.hook.name, messageAction.hook.data);\n      }\n\n      if (\n        (messageAction.action && messageAction.action === \"updateHeight\") ||\n        messageAction.type === \"updateHeight\"\n      ) {\n        // UX-1129: If we are getting height updates, turn off scrolling for\n        // the iframe. This prevents browsers (Safari in particular) from\n        // re-wrapping because of different widths and constantly changing\n        // it's own height. `scrolling = \"no\"` is deprecated, but supported in\n        // all browsers and fixes the problem well.\n        this.iframe.scrolling = \"no\";\n        this.iframe.style.height = `${messageAction.height}px`;\n      }\n    });\n  }\n\n  setViewModel(viewModel: Partial<ViewModel> | ViewModel) {\n    const message: InstallPageEvent = {\n      action: \"setViewModel\",\n      viewModel,\n    };\n\n    this.addOnLoadEvent(() => {\n      this.iframe.contentWindow.postMessage(message, this.verificationUrl.origin);\n    });\n  }\n\n  setOptions(options: Options) {\n    const message: InstallPageEvent = {\n      action: \"setOptions\",\n      options,\n    };\n\n    // HC-1181: Special casing options.locale to set locale as as QSP if the frame hasn't fully loaded yet.\n    // This causes a re-load, but in most cases would happen within milliseconds of the frame initialization.\n    // It prevents the race conditions that were failing to set the locale properly on load.\n    // If the associated playwright tests passes without this is can be removed.\n    if (!this.hasLoaded && options.locale) {\n      this.locale = options.locale;\n      const newUrl = this.getIframeUrl();\n      if (newUrl !== this.iframe.src) {\n        this.iframe.src = newUrl;\n      }\n    }\n\n    this.addOnLoadEvent(() => {\n      this.iframe.contentWindow.postMessage(message, this.verificationUrl.origin);\n    });\n  }\n\n  setInstallType(installType: string) {\n    this.installType = installType;\n  }\n\n  init(createIframe: boolean = true): void {\n    if (createIframe) {\n      this.createIframe(DEFAULT_OPTIONS);\n    }\n\n    this.addActionListener();\n    this.containerElement.appendChild(this.iframe);\n  }\n}\n\nexport default Iframe;\n","import type { PostMessageAction } from \"../types/types\";\n\nimport Iframe, { DEFAULT_OPTIONS, type IframeOptions } from \"./iframe\";\n\nexport const assertValidFunction = (candidate: Function) => {\n  if (typeof candidate !== \"function\") {\n    throw new Error(`Expected type \"function\", but received ${typeof candidate}`);\n  }\n};\n\nclass AffinityIFrame extends Iframe {\n  constructor(containerElement: HTMLElement, url: string) {\n    super(containerElement, url);\n    this.verificationUrl = new URL(this.getAffinityUrlWithUID(url));\n  }\n\n  static createUniqueId() {\n    return Math.random().toString(36).substr(2, 9);\n  }\n\n  getAffinityUrlWithUID(url: string): string {\n    const urlObj = new URL(url);\n    urlObj.searchParams.set(\"affinityIframeUid\", this.verificationIframeUid);\n    return urlObj.toString();\n  }\n\n  override addWindowMessageListener(actionCb: (action: PostMessageAction) => void): void {\n    const listener = (ev: MessageEvent) => {\n      if (this.verificationUrl.origin !== ev.origin) {\n        return;\n      }\n\n      if (ev.data.affinityIframeUid !== this.verificationIframeUid) {\n        return;\n      }\n\n      if (ev.data.action && ev.data.action.type) {\n        actionCb(ev.data.action);\n      }\n    };\n\n    window.addEventListener(\"message\", listener);\n    this.onCleanupEvents.push(() => window.removeEventListener(\"message\", listener));\n  }\n\n  override createIframe(options: IframeOptions): HTMLIFrameElement {\n    this.iframe = document.createElement(\"iframe\");\n    this.iframe.classList.add(options.className);\n    this.iframe.title = options.title;\n    this.iframe.src = this.verificationUrl.href;\n    this.iframe.allow = \"camera;microphone\";\n    this.iframe.onload = () => this.onLoad();\n    return this.iframe;\n  }\n\n  override init() {\n    this.createIframe({ ...DEFAULT_OPTIONS, title: \"SheerID Affinity Offers\" });\n    this.addActionListener();\n    this.containerElement.appendChild(this.iframe);\n  }\n}\n\nexport function loadAffinityIFrame(containerElement: HTMLElement, url: string): AffinityIFrame {\n  const affinity = new AffinityIFrame(containerElement, url);\n  affinity.init();\n  return affinity;\n}\n\nexport default AffinityIFrame;\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { loadAffinityIFrame } from \"@/lib/installScript/affinity\";\n\nimport {\n  type VerificationService,\n  type SuccessResponse,\n  type ConsumerInfoState,\n} from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getLocaleSafely } from \"../../lib/intl/intl\";\nimport { getRememberMeRedirectDestination } from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { getQueryOrOption } from \"../../lib/ServerApi/TestingRouteOverrides\";\nimport { QUERY_STRING_REMEMBER_ME_OVERRIDE } from \"../../constants\";\nimport { getOptions } from \"../../options/options\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { EventName, recordCTAClickEvent } from \"../../lib/GoogleAnalytics/ga\";\n\ninterface StepSuccessProps {\n  verificationService: VerificationService;\n}\n\nconst redirect = (redirectDestination: string, target: string = \"_top\") => {\n  const win = window.open(redirectDestination, target);\n  win.focus();\n};\n\nconst getAffinityBaseUrl = () => {\n  const options = getOptions();\n  const apiBaseUrl = options.restApi.serviceUrl;\n\n  if (apiBaseUrl.includes(\"services.sheerid.com\") || apiBaseUrl.includes(\"my.sheerid.com\")) {\n    return \"https://shr-id.com\";\n  }\n\n  return \"https://aa-preview.sheerid.net\";\n};\n\nconst StepSuccess = ({ verificationService }: StepSuccessProps) => {\n  const { verificationResponse, programId, viewModel } = verificationService;\n  const { verificationId, redirectUrl } = verificationResponse as SuccessResponse;\n  const { config } = verificationService.programTheme;\n  const affinityRef = React.useRef<HTMLDivElement>(null);\n\n  const showRedirect = Boolean(redirectUrl);\n  const rewardCode = (verificationResponse as SuccessResponse).rewardCode || \"{rewardCode}\";\n  const noCodeType = config.offerType === \"noCode\";\n\n  const { rewardDisplay } = config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  const mockConsumerInfoState = getQueryOrOption(\n    QUERY_STRING_REMEMBER_ME_OVERRIDE,\n  ) as ConsumerInfoState;\n  const consumerInfoState: ConsumerInfoState =\n    mockConsumerInfoState || (verificationResponse as SuccessResponse).consumerInfoState;\n  const showRememberMeFooter =\n    consumerInfoState === \"consumerNotFound\" ||\n    consumerInfoState === \"consumerFoundNewFieldsAvailable\";\n\n  const locale = getLocaleSafely(viewModel, verificationResponse);\n\n  const handleOnRedirect = () => {\n    recordCTAClickEvent(EventName.SUCCESS_REDIRECT_CLICKED, {\n      programId,\n      locale,\n      verificationId,\n    });\n\n    redirect(getRememberMeRedirectDestination(locale, programId, verificationId), \"_blank\");\n  };\n\n  React.useEffect(() => {\n    // Load the affinity widget if enabled\n    if (affinityRef.current) {\n      affinityRef.current.innerHTML = \"\";\n      loadAffinityIFrame(\n        affinityRef.current,\n        `${getAffinityBaseUrl()}/affinity/${locale}/${programId}/${verificationId}`,\n      );\n    }\n  }, [affinityRef, programId, verificationId, locale]);\n\n  return (\n    <div id=\"sid-step-success\" className=\"sid-success-container sid-l-container\" role=\"region\">\n      <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n        <div className=\"sid-success-logo-container sid-l-horz-center\">\n          <LogoComponent\n            verificationService={verificationService}\n            fallbackLogo={\n              <img\n                className=\"sid-success-logo-default sid-l-lead-image\"\n                alt=\"\"\n                src=\"https://assets-resources.sheerid.com/common/images/2018/icons/circle-check.svg\"\n              />\n            }\n          />\n        </div>\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.success.title\"\n            defaultMessage=\"Success! You've been verified.\"\n            tagName=\"h1\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.success.subtitle\"\n            defaultMessage=\"You are now eligible for this special offer.\"\n            tagName=\"p\"\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={rewardCode}\n                  src={getBarcodeUrl(verificationId, \"rewardCode\", displayType)}\n                />\n              );\n            return (\n              <div key={displayType}>\n                <div\n                  className=\"sid-reward-code sid-l-space-top-md sid-h-jumbo-text sid-l-horz-center\"\n                  role=\"region\"\n                >\n                  {rewardCode}\n                </div>\n                <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n                  <CopyToClipboard\n                    textToCopy={rewardCode}\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              </div>\n            );\n          })}\n        </div>\n      )}\n\n      <div\n        className={`sid-footer sid-success-footer sid-l-horz-center ${\n          noCodeType ? \"sid-l-space-top-md\" : \"sid-l-space-top-lg\"\n        }`}\n      >\n        <FormattedHTMLMessage\n          id=\"step.success.emailNotification\"\n          defaultMessage=\"We have sent you a confirmation email with redemption instructions. Look for the email from {email}.\"\n          tagName=\"p\"\n          values={{ email: \"verify@sheerid.com\" }}\n        />\n      </div>\n\n      {showRedirect ? (\n        <div className=\"sid-submit sid-success-submit sid-l-space-top-md\">\n          <button\n            type=\"button\"\n            onClick={() => redirect(redirectUrl)}\n            className=\"sid-btn sid-success-redirect-btn sid-btn--dark\"\n          >\n            <FormattedHTMLMessage id=\"step.success.redirectButtonText\" defaultMessage=\"Continue\" />\n          </button>\n        </div>\n      ) : (\n        \"\"\n      )}\n\n      <div\n        className=\"sid-footer sid-success-verification-only-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.success.verificationOnly\"\n              defaultMessage={`\n                                SheerID handles verification only.\n                                Now that you've been approved, please direct all questions about the\n                                promotion terms to {companyName} customer service.\n                            `}\n              values={{ companyName }}\n              tagName=\"p\"\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n\n      {verificationService.programTheme.affinityProgramEnabled && (\n        <div\n          ref={affinityRef}\n          id=\"sid-affinity-iframe\"\n          className=\"sid-affinity-container sid-l-full-width sid-l-space-top-lg\"\n        />\n      )}\n\n      {showRememberMeFooter && (\n        <div className=\"sid-remember-me-footer-container\">\n          <div className=\"sid-remember-me-title\">\n            {consumerInfoState === \"consumerNotFound\" ? (\n              <FormattedHTMLMessage\n                id=\"step.success.rememberMe.consumerNotFound.title\"\n                defaultMessage=\"Save your info for 1-click verification\"\n              />\n            ) : (\n              <FormattedHTMLMessage\n                id=\"step.success.rememberMe.consumerFound.title\"\n                defaultMessage=\"Update Your Profile\"\n              />\n            )}\n          </div>\n          <div className=\"sid-remember-me-description\">\n            {consumerInfoState === \"consumerNotFound\" ? (\n              <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n                {(companyName) => (\n                  <FormattedHTMLMessage\n                    id=\"step.success.rememberMe.consumerNotFound.description\"\n                    defaultMessage=\"Get faster access to future offers with {companyName} and other brands using SheerID's Remember Me service.\"\n                    values={{ companyName }}\n                  />\n                )}\n              </FormattedHTMLMessage>\n            ) : (\n              <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n                {(companyName) => (\n                  <FormattedHTMLMessage\n                    id=\"step.success.rememberMe.consumerFound.description\"\n                    defaultMessage=\"Save new info for future offers with {companyName} and other brands using SheerID's Remember Me service.\"\n                    values={{ companyName }}\n                  />\n                )}\n              </FormattedHTMLMessage>\n            )}\n          </div>\n          <button\n            type=\"button\"\n            onClick={handleOnRedirect}\n            className=\"sid-btn sid-remember-me-redirect-btn\"\n          >\n            {consumerInfoState === \"consumerNotFound\" ? (\n              <FormattedHTMLMessage\n                id=\"step.success.rememberMe.consumerNotFound.button\"\n                defaultMessage=\"Enroll Now\"\n              />\n            ) : (\n              <FormattedHTMLMessage\n                id=\"step.success.rememberMe.consumerFound.button\"\n                defaultMessage=\"Save to Remember Me\"\n              />\n            )}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const StepSuccessComponent = StepSuccess;\n"],"mappings":"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"}

package/chunk/{StepSuccess-BocTx0BL.js → StepSuccess-KHgnlbqc.js}

@@ -4,22 +4,22 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.258.0-alpha.2
- *   BUILD_TIMESTAMP: 1784652153608
- *   BUILD_DATE: Tue Jul 21 2026 16:42:33 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.258.0-alpha.3
+ *   BUILD_TIMESTAMP: 1784652834327
+ *   BUILD_DATE: Tue Jul 21 2026 16:53:54 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 946c3bd79f3ff44297f42e44d32fdf3ffdd6b8da
  */
-import { G as e, K as t, Rt as n, Tt as r, Ut as i, g as a, s as o, t as s, y as c } from "./intl-Yr2cw5px.js";
-import { c as l, n as u, t as d } from "./jsx-runtime-D_-z-h6n.js";
-import { t as f } from "./ApiUrls-Br8Vslon.js";
-import { i as p } from "./TestingRouteOverrides-BDCygTLC.js";
+import { G as e, Ht as t, Lt as n, W as r, g as i, s as a, t as o, wt as s, y as c } from "./intl-aUfdCP8t.js";
+import { c as l, n as u, t as d } from "./jsx-runtime-XNwIsY_N.js";
+import { t as f } from "./ApiUrls-aJgNbpjJ.js";
+import { i as p } from "./TestingRouteOverrides-DCR0qXVH.js";
 import { t as m } from "./eventEmitter-CSG6jR7V.js";
-import { t as h } from "./LogoComponent-BxIXOXCM.js";
-import { t as g } from "./AnnouncingHeader-BF69hVVm.js";
+import { t as h } from "./LogoComponent-CFPoRk_q.js";
+import { t as g } from "./AnnouncingHeader-BZreAj2L.js";
 import { V as _ } from "../_mysheerid-preview.js";
-import { t as v } from "./CopyToClipboardComponent-C1BnmvlK.js";
+import { t as v } from "./CopyToClipboardComponent-6MY3v7_-.js";
 //#region src/lib/installScript/utils.ts
-var y = /* @__PURE__ */ i(l(), 1), b = (e) => {
+var y = /* @__PURE__ */ t(l(), 1), b = (e) => {
 	let t = new URL(e);
 	return new URL(window.location.href).searchParams.forEach((e, n) => {
 		t.searchParams.has(n) || t.searchParams.set(n, e);
@@ -41,7 +41,7 @@ var y = /* @__PURE__ */ i(l(), 1), b = (e) => {
 	title: "SheerID Verification Form"
 }, S = (e) => {
 	if (typeof e != "function") throw Error(`Expected type "function", but received ${typeof e}`);
-}, C = class r extends m {
+}, C = class t extends m {
 	containerElement;
 	verificationUrl;
 	isMobileDevice;
@@ -52,8 +52,8 @@ var y = /* @__PURE__ */ i(l(), 1), b = (e) => {
 	onLoadEvents = [];
 	onCleanupEvents = [];
 	installType = "cdn_inline_iframe";
-	constructor(e, t) {
-		super(), r.isValidHttpUrl(t) ? (this.containerElement = e, this.verificationUrl = new URL(b(t)), this.verificationIframeUid = r.createUniqueId()) : n.error("Invalid URL. Provide a proper URL: https://example.com/", "iframe url");
+	constructor(e, r) {
+		super(), t.isValidHttpUrl(r) ? (this.containerElement = e, this.verificationUrl = new URL(b(r)), this.verificationIframeUid = t.createUniqueId()) : n.error("Invalid URL. Provide a proper URL: https://example.com/", "iframe url");
 	}
 	cleanup() {
 		this.onCleanupEvents.forEach((e) => e());
@@ -73,8 +73,8 @@ var y = /* @__PURE__ */ i(l(), 1), b = (e) => {
 		return this.iframe = document.createElement("iframe"), this.iframe.classList.add(e.className), this.iframe.title = e.title, this.iframe.src = this.getIframeUrl(), this.iframe.allow = "camera *;microphone *;geolocation *;clipboard-read *;clipboard-write *", this.iframe.onload = () => this.onLoad(), this.iframe;
 	}
 	getIframeUrl() {
-		let n = new URL(this.verificationUrl);
-		return n.searchParams.set("verificationIframeUid", this.verificationIframeUid), n.searchParams.set(e, window.location.href), n.searchParams.set(t, this.installType), this.locale && n.searchParams.set("locale", this.locale), n.toString();
+		let t = new URL(this.verificationUrl);
+		return t.searchParams.set("verificationIframeUid", this.verificationIframeUid), t.searchParams.set(r, window.location.href), t.searchParams.set(e, this.installType), this.locale && t.searchParams.set("locale", this.locale), t.toString();
 	}
 	addOnLoadEvent(e) {
 		try {
@@ -164,16 +164,16 @@ function T(e, t) {
 var E = d(), D = (e, t = "_top") => {
 	window.open(e, t).focus();
 }, O = () => {
-	let e = o().restApi.serviceUrl;
+	let e = a().restApi.serviceUrl;
 	return e.includes("services.sheerid.com") || e.includes("my.sheerid.com") ? "https://shr-id.com" : "https://aa-preview.sheerid.net";
 }, k = ({ verificationService: e }) => {
-	let { verificationResponse: t, programId: n, viewModel: i } = e, { verificationId: o, redirectUrl: l } = t, { config: d } = e.programTheme, m = y.useRef(null), b = !!l, x = t.rewardCode || "{rewardCode}", S = d.offerType === "noCode", { rewardDisplay: C } = d, w = !S && !!C.length, k = p("mockConsumerInfoState") || t.consumerInfoState, A = k === "consumerNotFound" || k === "consumerFoundNewFieldsAvailable", j = s(i, t);
+	let { verificationResponse: t, programId: n, viewModel: r } = e, { verificationId: a, redirectUrl: l } = t, { config: d } = e.programTheme, m = y.useRef(null), b = !!l, x = t.rewardCode || "{rewardCode}", S = d.offerType === "noCode", { rewardDisplay: C } = d, w = !S && !!C.length, k = p("mockConsumerInfoState") || t.consumerInfoState, A = k === "consumerNotFound" || k === "consumerFoundNewFieldsAvailable", j = o(r, t);
 	return y.useEffect(() => {
-		m.current && (m.current.innerHTML = "", T(m.current, `${O()}/affinity/${j}/${n}/${o}`));
+		m.current && (m.current.innerHTML = "", T(m.current, `${O()}/affinity/${j}/${n}/${a}`));
 	}, [
 		m,
 		n,
-		o,
+		a,
 		j
 	]), /* @__PURE__ */ (0, E.jsxs)("div", {
 		id: "sid-step-success",
@@ -214,7 +214,7 @@ var E = d(), D = (e, t = "_top") => {
 			}),
 			w && /* @__PURE__ */ (0, E.jsx)("div", {
 				className: "sid-l-horz-center sid-reward-container sid-l-space-top-md",
-				children: C.map((e) => e === r.TEXT ? /* @__PURE__ */ (0, E.jsxs)("div", { children: [/* @__PURE__ */ (0, E.jsx)("div", {
+				children: C.map((e) => e === s.TEXT ? /* @__PURE__ */ (0, E.jsxs)("div", { children: [/* @__PURE__ */ (0, E.jsx)("div", {
 					className: "sid-reward-code sid-l-space-top-md sid-h-jumbo-text sid-l-horz-center",
 					role: "region",
 					children: x
@@ -234,7 +234,7 @@ var E = d(), D = (e, t = "_top") => {
 				})] }, e) : /* @__PURE__ */ (0, E.jsx)("img", {
 					className: "sid-l-space-top-md sid-barcode",
 					alt: x,
-					src: f(o, "rewardCode", e)
+					src: f(a, "rewardCode", e)
 				}, e))
 			}),
 			/* @__PURE__ */ (0, E.jsx)("div", {
@@ -313,11 +313,11 @@ var E = d(), D = (e, t = "_top") => {
 					/* @__PURE__ */ (0, E.jsx)("button", {
 						type: "button",
 						onClick: () => {
-							c(a.SUCCESS_REDIRECT_CLICKED, {
+							c(i.SUCCESS_REDIRECT_CLICKED, {
 								programId: n,
 								locale: j,
-								verificationId: o
-							}), D(_(j, n, o), "_blank");
+								verificationId: a
+							}), D(_(j, n, a), "_blank");
 						},
 						className: "sid-btn sid-remember-me-redirect-btn",
 						children: k === "consumerNotFound" ? /* @__PURE__ */ (0, E.jsx)(u, {

package/chunk/StepSuccess-KHgnlbqc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepSuccess-KHgnlbqc.js","names":[],"sources":["../../src/lib/installScript/utils.ts","../../src/lib/installScript/constants.ts","../../src/lib/installScript/iframe.ts","../../src/lib/installScript/affinity.ts","../../src/components/StepSuccess/StepSuccessComponent.tsx"],"sourcesContent":["export const fadeInElements = (elements: HTMLElement[]) => {\n  elements.forEach((element: HTMLElement) => {\n    element.classList.add(\"fade-in\");\n  });\n};\n\nexport const removeElement = (element: HTMLElement, transitionTimeout: number) => {\n  element.classList.remove(\"fade-in\");\n  window.setTimeout(() => {\n    document.body.style.overflow = \"\";\n    element.parentNode.removeChild(element);\n  }, transitionTimeout);\n};\n\nexport const getVerificationUrl = (url: string): string => {\n  const newUrl = new URL(url);\n  const parentUrl = new URL(window.location.href);\n\n  // Combine query parameters from parent window and provided url.\n  // If duplicates, provided url parameters supercede.\n  parentUrl.searchParams.forEach((value, key) => {\n    if (!newUrl.searchParams.has(key)) {\n      newUrl.searchParams.set(key, value);\n    }\n  });\n\n  return newUrl.href;\n};\n","const iframeClassNames = {\n  INLINE_IFRAME_CONTENT: \"sid-inline-iframe\",\n  MODAL_WRAPPER: \"sid-modal__wrapper\",\n  MODAL_IFRAME: \"sid-modal__iframe\",\n  OVERLAY: \"sid-modal__overlay\",\n  CLOSE_BUTTON: \"sid-modal__close-button\",\n  CLOSE_TEXT: \"sid-modal__close-text\",\n  CLOSE_ICON: \"sid-modal__close-icon\",\n};\n\nexport const iframeTitle = \"SheerID Verification Form\";\n\nexport const iframeConstants = {\n  CLASS_NAMES: iframeClassNames,\n  DEFAULT_MOBILE_THRESHOLD_WIDTH: 620,\n  MODAL_OPACITY_TRANSITION_PERIOD: 300,\n};\n","import { logger } from \"@jslib/shared/utils/logger\";\n\nimport { QUERY_STRING_INSTALL_PAGE_URL, QUERY_STRING_INSTALL_TYPE } from \"../../constants\";\nimport { type InstallPageEvent } from \"../frames/frameMessages\";\nimport type { HookEvents, Options, PostMessageAction, ViewModel } from \"../types/types\";\nimport { EventEmitter } from \"../hooks/eventEmitter\";\n\nimport { getVerificationUrl } from \"./utils\";\nimport { iframeConstants as constants, iframeTitle } from \"./constants\";\n\nexport type IframeOptions = {\n  className: string;\n  title: string;\n};\n\nexport const DEFAULT_OPTIONS: IframeOptions = {\n  className: constants.CLASS_NAMES.INLINE_IFRAME_CONTENT,\n  title: iframeTitle,\n};\n\nexport const assertValidFunction = (candidate: Function) => {\n  if (typeof candidate !== \"function\") {\n    throw new Error(`Expected type \"function\", but received ${typeof candidate}`);\n  }\n};\n\nclass Iframe extends EventEmitter<HookEvents> {\n  containerElement: HTMLElement;\n\n  verificationUrl: URL;\n\n  isMobileDevice: boolean;\n\n  iframe: HTMLIFrameElement;\n\n  verificationIframeUid: string;\n\n  locale: string;\n\n  hasLoaded: boolean = false;\n\n  onLoadEvents: Function[] = [];\n\n  onCleanupEvents: (() => void)[] = [];\n\n  installType = \"cdn_inline_iframe\";\n\n  constructor(containerElement: HTMLElement, url: string) {\n    super();\n\n    if (Iframe.isValidHttpUrl(url)) {\n      this.containerElement = containerElement;\n      this.verificationUrl = new URL(getVerificationUrl(url));\n      this.verificationIframeUid = Iframe.createUniqueId();\n    } else {\n      logger.error(\"Invalid URL. Provide a proper URL: https://example.com/\", \"iframe url\");\n    }\n  }\n\n  cleanup(): void {\n    this.onCleanupEvents.forEach((callback) => callback());\n  }\n\n  static createUniqueId(): string {\n    return Math.random().toString(36).substr(2, 9);\n  }\n\n  static isValidHttpUrl(urlString: string): boolean {\n    try {\n      const url = new URL(urlString);\n      return url.protocol === \"http:\" || url.protocol === \"https:\";\n    } catch {\n      return false;\n    }\n  }\n\n  createIframe(options: IframeOptions): HTMLIFrameElement {\n    this.iframe = document.createElement(\"iframe\");\n    this.iframe.classList.add(options.className);\n    this.iframe.title = options.title;\n    this.iframe.src = this.getIframeUrl();\n    this.iframe.allow = \"camera *;microphone *;geolocation *;clipboard-read *;clipboard-write *\";\n    this.iframe.onload = () => this.onLoad();\n    return this.iframe;\n  }\n\n  getIframeUrl(): string {\n    const url = new URL(this.verificationUrl);\n    url.searchParams.set(\"verificationIframeUid\", this.verificationIframeUid);\n    url.searchParams.set(QUERY_STRING_INSTALL_PAGE_URL, window.location.href);\n    url.searchParams.set(QUERY_STRING_INSTALL_TYPE, this.installType);\n    if (this.locale) {\n      url.searchParams.set(\"locale\", this.locale);\n    }\n    return url.toString();\n  }\n\n  // If iFrame hasn't loaded yet, queue up the callback\n  // otherwise call it immediately\n  addOnLoadEvent(callback: Function) {\n    try {\n      assertValidFunction(callback);\n    } catch (e) {\n      logger.error(\"Invalid callback provided to iFrame.onLoad()\", \"iframe addOnLoadEvent\");\n      return;\n    }\n    if (this.hasLoaded) {\n      callback();\n    } else {\n      this.onLoadEvents.push(callback);\n    }\n  }\n\n  onLoad() {\n    this.hasLoaded = true;\n    this.onLoadEvents.forEach((callback) => callback());\n  }\n\n  /**\n   * Using this to add parent window message listeners gives us\n   * - Event Cleanup for modals\n   * - verification of origin, verificationIframeUid, and message data structure\n   */\n  addWindowMessageListener(actionCb: (action: PostMessageAction) => void): void {\n    const listener = (ev: MessageEvent) => {\n      if (this.verificationUrl.origin !== ev.origin) {\n        return;\n      }\n\n      if (ev.data.verificationIframeUid !== this.verificationIframeUid) {\n        return;\n      }\n\n      if (ev.data.action && ev.data.action.type) {\n        actionCb(ev.data.action);\n      } else if (ev.data.action && ev.data.height) {\n        // Older versions of the jslib send the full action object as the message\n        actionCb(ev.data);\n      }\n    };\n\n    window.addEventListener(\"message\", listener);\n    this.onCleanupEvents.push(() => window.removeEventListener(\"message\", listener));\n  }\n\n  addActionListener() {\n    this.addWindowMessageListener((messageAction) => {\n      if (messageAction.type === \"hook\") {\n        this.emit(messageAction.hook.name, messageAction.hook.data);\n      }\n\n      if (\n        (messageAction.action && messageAction.action === \"updateHeight\") ||\n        messageAction.type === \"updateHeight\"\n      ) {\n        // UX-1129: If we are getting height updates, turn off scrolling for\n        // the iframe. This prevents browsers (Safari in particular) from\n        // re-wrapping because of different widths and constantly changing\n        // it's own height. `scrolling = \"no\"` is deprecated, but supported in\n        // all browsers and fixes the problem well.\n        this.iframe.scrolling = \"no\";\n        this.iframe.style.height = `${messageAction.height}px`;\n      }\n    });\n  }\n\n  setViewModel(viewModel: Partial<ViewModel> | ViewModel) {\n    const message: InstallPageEvent = {\n      action: \"setViewModel\",\n      viewModel,\n    };\n\n    this.addOnLoadEvent(() => {\n      this.iframe.contentWindow.postMessage(message, this.verificationUrl.origin);\n    });\n  }\n\n  setOptions(options: Options) {\n    const message: InstallPageEvent = {\n      action: \"setOptions\",\n      options,\n    };\n\n    // HC-1181: Special casing options.locale to set locale as as QSP if the frame hasn't fully loaded yet.\n    // This causes a re-load, but in most cases would happen within milliseconds of the frame initialization.\n    // It prevents the race conditions that were failing to set the locale properly on load.\n    // If the associated playwright tests passes without this is can be removed.\n    if (!this.hasLoaded && options.locale) {\n      this.locale = options.locale;\n      const newUrl = this.getIframeUrl();\n      if (newUrl !== this.iframe.src) {\n        this.iframe.src = newUrl;\n      }\n    }\n\n    this.addOnLoadEvent(() => {\n      this.iframe.contentWindow.postMessage(message, this.verificationUrl.origin);\n    });\n  }\n\n  setInstallType(installType: string) {\n    this.installType = installType;\n  }\n\n  init(createIframe: boolean = true): void {\n    if (createIframe) {\n      this.createIframe(DEFAULT_OPTIONS);\n    }\n\n    this.addActionListener();\n    this.containerElement.appendChild(this.iframe);\n  }\n}\n\nexport default Iframe;\n","import type { PostMessageAction } from \"../types/types\";\n\nimport Iframe, { DEFAULT_OPTIONS, type IframeOptions } from \"./iframe\";\n\nexport const assertValidFunction = (candidate: Function) => {\n  if (typeof candidate !== \"function\") {\n    throw new Error(`Expected type \"function\", but received ${typeof candidate}`);\n  }\n};\n\nclass AffinityIFrame extends Iframe {\n  constructor(containerElement: HTMLElement, url: string) {\n    super(containerElement, url);\n    this.verificationUrl = new URL(this.getAffinityUrlWithUID(url));\n  }\n\n  static createUniqueId() {\n    return Math.random().toString(36).substr(2, 9);\n  }\n\n  getAffinityUrlWithUID(url: string): string {\n    const urlObj = new URL(url);\n    urlObj.searchParams.set(\"affinityIframeUid\", this.verificationIframeUid);\n    return urlObj.toString();\n  }\n\n  override addWindowMessageListener(actionCb: (action: PostMessageAction) => void): void {\n    const listener = (ev: MessageEvent) => {\n      if (this.verificationUrl.origin !== ev.origin) {\n        return;\n      }\n\n      if (ev.data.affinityIframeUid !== this.verificationIframeUid) {\n        return;\n      }\n\n      if (ev.data.action && ev.data.action.type) {\n        actionCb(ev.data.action);\n      }\n    };\n\n    window.addEventListener(\"message\", listener);\n    this.onCleanupEvents.push(() => window.removeEventListener(\"message\", listener));\n  }\n\n  override createIframe(options: IframeOptions): HTMLIFrameElement {\n    this.iframe = document.createElement(\"iframe\");\n    this.iframe.classList.add(options.className);\n    this.iframe.title = options.title;\n    this.iframe.src = this.verificationUrl.href;\n    this.iframe.allow = \"camera;microphone\";\n    this.iframe.onload = () => this.onLoad();\n    return this.iframe;\n  }\n\n  override init() {\n    this.createIframe({ ...DEFAULT_OPTIONS, title: \"SheerID Affinity Offers\" });\n    this.addActionListener();\n    this.containerElement.appendChild(this.iframe);\n  }\n}\n\nexport function loadAffinityIFrame(containerElement: HTMLElement, url: string): AffinityIFrame {\n  const affinity = new AffinityIFrame(containerElement, url);\n  affinity.init();\n  return affinity;\n}\n\nexport default AffinityIFrame;\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { loadAffinityIFrame } from \"@/lib/installScript/affinity\";\n\nimport {\n  type VerificationService,\n  type SuccessResponse,\n  type ConsumerInfoState,\n} from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getLocaleSafely } from \"../../lib/intl/intl\";\nimport { getRememberMeRedirectDestination } from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { getQueryOrOption } from \"../../lib/ServerApi/TestingRouteOverrides\";\nimport { QUERY_STRING_REMEMBER_ME_OVERRIDE } from \"../../constants\";\nimport { getOptions } from \"../../options/options\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { EventName, recordCTAClickEvent } from \"../../lib/GoogleAnalytics/ga\";\n\ninterface StepSuccessProps {\n  verificationService: VerificationService;\n}\n\nconst redirect = (redirectDestination: string, target: string = \"_top\") => {\n  const win = window.open(redirectDestination, target);\n  win.focus();\n};\n\nconst getAffinityBaseUrl = () => {\n  const options = getOptions();\n  const apiBaseUrl = options.restApi.serviceUrl;\n\n  if (apiBaseUrl.includes(\"services.sheerid.com\") || apiBaseUrl.includes(\"my.sheerid.com\")) {\n    return \"https://shr-id.com\";\n  }\n\n  return \"https://aa-preview.sheerid.net\";\n};\n\nconst StepSuccess = ({ verificationService }: StepSuccessProps) => {\n  const { verificationResponse, programId, viewModel } = verificationService;\n  const { verificationId, redirectUrl } = verificationResponse as SuccessResponse;\n  const { config } = verificationService.programTheme;\n  const affinityRef = React.useRef<HTMLDivElement>(null);\n\n  const showRedirect = Boolean(redirectUrl);\n  const rewardCode = (verificationResponse as SuccessResponse).rewardCode || \"{rewardCode}\";\n  const noCodeType = config.offerType === \"noCode\";\n\n  const { rewardDisplay } = config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  const mockConsumerInfoState = getQueryOrOption(\n    QUERY_STRING_REMEMBER_ME_OVERRIDE,\n  ) as ConsumerInfoState;\n  const consumerInfoState: ConsumerInfoState =\n    mockConsumerInfoState || (verificationResponse as SuccessResponse).consumerInfoState;\n  const showRememberMeFooter =\n    consumerInfoState === \"consumerNotFound\" ||\n    consumerInfoState === \"consumerFoundNewFieldsAvailable\";\n\n  const locale = getLocaleSafely(viewModel, verificationResponse);\n\n  const handleOnRedirect = () => {\n    recordCTAClickEvent(EventName.SUCCESS_REDIRECT_CLICKED, {\n      programId,\n      locale,\n      verificationId,\n    });\n\n    redirect(getRememberMeRedirectDestination(locale, programId, verificationId), \"_blank\");\n  };\n\n  React.useEffect(() => {\n    // Load the affinity widget if enabled\n    if (affinityRef.current) {\n      affinityRef.current.innerHTML = \"\";\n      loadAffinityIFrame(\n        affinityRef.current,\n        `${getAffinityBaseUrl()}/affinity/${locale}/${programId}/${verificationId}`,\n      );\n    }\n  }, [affinityRef, programId, verificationId, locale]);\n\n  return (\n    <div id=\"sid-step-success\" className=\"sid-success-container sid-l-container\" role=\"region\">\n      <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n        <div className=\"sid-success-logo-container sid-l-horz-center\">\n          <LogoComponent\n            verificationService={verificationService}\n            fallbackLogo={\n              <img\n                className=\"sid-success-logo-default sid-l-lead-image\"\n                alt=\"\"\n                src=\"https://assets-resources.sheerid.com/common/images/2018/icons/circle-check.svg\"\n              />\n            }\n          />\n        </div>\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.success.title\"\n            defaultMessage=\"Success! You've been verified.\"\n            tagName=\"h1\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.success.subtitle\"\n            defaultMessage=\"You are now eligible for this special offer.\"\n            tagName=\"p\"\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={rewardCode}\n                  src={getBarcodeUrl(verificationId, \"rewardCode\", displayType)}\n                />\n              );\n            return (\n              <div key={displayType}>\n                <div\n                  className=\"sid-reward-code sid-l-space-top-md sid-h-jumbo-text sid-l-horz-center\"\n                  role=\"region\"\n                >\n                  {rewardCode}\n                </div>\n                <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n                  <CopyToClipboard\n                    textToCopy={rewardCode}\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              </div>\n            );\n          })}\n        </div>\n      )}\n\n      <div\n        className={`sid-footer sid-success-footer sid-l-horz-center ${\n          noCodeType ? \"sid-l-space-top-md\" : \"sid-l-space-top-lg\"\n        }`}\n      >\n        <FormattedHTMLMessage\n          id=\"step.success.emailNotification\"\n          defaultMessage=\"We have sent you a confirmation email with redemption instructions. Look for the email from {email}.\"\n          tagName=\"p\"\n          values={{ email: \"verify@sheerid.com\" }}\n        />\n      </div>\n\n      {showRedirect ? (\n        <div className=\"sid-submit sid-success-submit sid-l-space-top-md\">\n          <button\n            type=\"button\"\n            onClick={() => redirect(redirectUrl)}\n            className=\"sid-btn sid-success-redirect-btn sid-btn--dark\"\n          >\n            <FormattedHTMLMessage id=\"step.success.redirectButtonText\" defaultMessage=\"Continue\" />\n          </button>\n        </div>\n      ) : (\n        \"\"\n      )}\n\n      <div\n        className=\"sid-footer sid-success-verification-only-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.success.verificationOnly\"\n              defaultMessage={`\n                                SheerID handles verification only.\n                                Now that you've been approved, please direct all questions about the\n                                promotion terms to {companyName} customer service.\n                            `}\n              values={{ companyName }}\n              tagName=\"p\"\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n\n      {verificationService.programTheme.affinityProgramEnabled && (\n        <div\n          ref={affinityRef}\n          id=\"sid-affinity-iframe\"\n          className=\"sid-affinity-container sid-l-full-width sid-l-space-top-lg\"\n        />\n      )}\n\n      {showRememberMeFooter && (\n        <div className=\"sid-remember-me-footer-container\">\n          <div className=\"sid-remember-me-title\">\n            {consumerInfoState === \"consumerNotFound\" ? (\n              <FormattedHTMLMessage\n                id=\"step.success.rememberMe.consumerNotFound.title\"\n                defaultMessage=\"Save your info for 1-click verification\"\n              />\n            ) : (\n              <FormattedHTMLMessage\n                id=\"step.success.rememberMe.consumerFound.title\"\n                defaultMessage=\"Update Your Profile\"\n              />\n            )}\n          </div>\n          <div className=\"sid-remember-me-description\">\n            {consumerInfoState === \"consumerNotFound\" ? (\n              <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n                {(companyName) => (\n                  <FormattedHTMLMessage\n                    id=\"step.success.rememberMe.consumerNotFound.description\"\n                    defaultMessage=\"Get faster access to future offers with {companyName} and other brands using SheerID's Remember Me service.\"\n                    values={{ companyName }}\n                  />\n                )}\n              </FormattedHTMLMessage>\n            ) : (\n              <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n                {(companyName) => (\n                  <FormattedHTMLMessage\n                    id=\"step.success.rememberMe.consumerFound.description\"\n                    defaultMessage=\"Save new info for future offers with {companyName} and other brands using SheerID's Remember Me service.\"\n                    values={{ companyName }}\n                  />\n                )}\n              </FormattedHTMLMessage>\n            )}\n          </div>\n          <button\n            type=\"button\"\n            onClick={handleOnRedirect}\n            className=\"sid-btn sid-remember-me-redirect-btn\"\n          >\n            {consumerInfoState === \"consumerNotFound\" ? (\n              <FormattedHTMLMessage\n                id=\"step.success.rememberMe.consumerNotFound.button\"\n                defaultMessage=\"Enroll Now\"\n              />\n            ) : (\n              <FormattedHTMLMessage\n                id=\"step.success.rememberMe.consumerFound.button\"\n                defaultMessage=\"Save to Remember Me\"\n              />\n            )}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const StepSuccessComponent = StepSuccess;\n"],"mappings":"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"}