@sheerid/jslib-nightly 2.133.0-alpha.2 → 2.133.0-alpha.4

package/lib/{index-uyyUFqRw.js.map → index-Bq2hlRXK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-uyyUFqRw.js","sources":["../../src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  VerificationService,\n  Organization,\n  MemberPersonalInfoViewModel,\n  MemberPersonalInfoResponse,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MembershipOrganizationComponent } from \"../FormFields/MembershipOrganization/MembershipOrganizationComponent\";\nimport { MarketConsentWrapperComponent } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepMemberPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nconst StepMemberPersonalInfo = ({ verificationService }: StepMemberPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MemberPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MemberPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n  const isMemberIdRequired = getFieldConfigByFieldId(\"memberId\")?.requireIfOptional;\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMemberViewModel = (key: keyof MemberPersonalInfoViewModel, value: any) => {\n    const nextState: MemberPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: MemberPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  React.useEffect(() => {\n    if (!isMemberIdRequired) {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [\"memberId\"] },\n        { partial: true },\n      );\n    } else {\n      verificationService.updateViewModel({ fieldsToSkipValidation: [] }, { partial: true });\n    }\n  }, [isMemberIdRequired]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"member-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <MembershipOrganizationComponent\n        value={(verificationService.viewModel as MemberPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        isRequired={getFieldConfigByFieldId(\"birthDate\")?.requireIfOptional}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n\n      <MemberId\n        value={viewModel.memberId}\n        isErrored={!!fieldValidationErrors.memberId}\n        isRequired={isMemberIdRequired}\n        disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"memberId\", newValue);\n          updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n        }}\n      />\n\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n\n      <MarketConsentWrapperComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMemberPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Membership Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMemberPersonalInfoComponent = StepMemberPersonalInfo;\n"],"names":["StepMemberPersonalInfo","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","options","getOptions","isMemberIdRequired","_a","getFieldConfigByFieldId","locale","updateMemberViewModel","key","value","nextState","produce","draft","React","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_b","MembershipOrganizationComponent","_c","choice","updateViewModelOrganization","updateFieldValidationErrorsByFieldId","FirstName","_d","newValue","LastName","_e","Email","FormattedHTMLMessage","event","handleEmailOnKeyDown","_f","BirthDate","_g","_h","MemberId","_i","PhoneNumber","_j","config","FormFieldCustom","MarketConsentWrapperComponent","_k","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepMemberPersonalInfoComponent"],"mappings":"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"}
+{"version":3,"file":"index-Bq2hlRXK.js","sources":["../../src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  VerificationService,\n  Organization,\n  MemberPersonalInfoViewModel,\n  MemberPersonalInfoResponse,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MembershipOrganizationComponent } from \"../FormFields/MembershipOrganization/MembershipOrganizationComponent\";\nimport { MarketConsentWrapperComponent } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepMemberPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nconst StepMemberPersonalInfo = ({ verificationService }: StepMemberPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MemberPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MemberPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n  const isMemberIdRequired = getFieldConfigByFieldId(\"memberId\")?.requireIfOptional;\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMemberViewModel = (key: keyof MemberPersonalInfoViewModel, value: any) => {\n    const nextState: MemberPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: MemberPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  React.useEffect(() => {\n    if (!isMemberIdRequired) {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [\"memberId\"] },\n        { partial: true },\n      );\n    } else {\n      verificationService.updateViewModel({ fieldsToSkipValidation: [] }, { partial: true });\n    }\n  }, [isMemberIdRequired]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"member-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <MembershipOrganizationComponent\n        value={(verificationService.viewModel as MemberPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        isRequired={getFieldConfigByFieldId(\"birthDate\")?.requireIfOptional}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n\n      <MemberId\n        value={viewModel.memberId}\n        isErrored={!!fieldValidationErrors.memberId}\n        isRequired={isMemberIdRequired}\n        disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"memberId\", newValue);\n          updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n        }}\n      />\n\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n\n      <MarketConsentWrapperComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMemberPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Membership Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMemberPersonalInfoComponent = StepMemberPersonalInfo;\n"],"names":["StepMemberPersonalInfo","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","options","getOptions","isMemberIdRequired","_a","getFieldConfigByFieldId","locale","updateMemberViewModel","key","value","nextState","produce","draft","React","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_b","MembershipOrganizationComponent","_c","choice","updateViewModelOrganization","updateFieldValidationErrorsByFieldId","FirstName","_d","newValue","LastName","_e","Email","FormattedHTMLMessage","event","handleEmailOnKeyDown","_f","BirthDate","_g","_h","MemberId","_i","PhoneNumber","_j","config","FormFieldCustom","MarketConsentWrapperComponent","_k","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepMemberPersonalInfoComponent"],"mappings":"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"}

package/lib/{index-BIgOqQK8.js → index-BqkRf3Ay.js}

@@ -1,11 +1,11 @@
 
 /**
- *   VERSION: 2.133.0-alpha.2
- *   BUILD_TIMESTAMP: 1759420332411
- *   BUILD_DATE: Thu Oct 02 2025 15:52:12 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: fba56a51e008d7a472fdb2a578276960c2b5ae9c
+ *   VERSION: 2.133.0-alpha.4
+ *   BUILD_TIMESTAMP: 1759769378119
+ *   BUILD_DATE: Mon Oct 06 2025 16:49:38 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 846a936a9c60cd3728d568a63772c40a5a143e0e
  */
-import { e as v, ac as y, ad as M, ae as w, j as e, t as C, A as R, R as F, v as S, C as E, af as I, M as k } from "./es6-CEKvihTX.js";
+import { e as v, ad as y, ae as M, af as w, j as e, t as C, A as R, R as F, v as S, C as E, ag as I, O as k } from "./es6-B0b4GsoD.js";
 import h from "react";
 import { FormattedHTMLMessage as s } from "react-intl";
 const g = (t, r = "_top") => {

package/lib/{index-BIgOqQK8.js.map → index-BqkRf3Ay.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BIgOqQK8.js","sources":["../../src/components/StepSuccess/StepSuccessComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { loadAffinityIFrame } from \"@/lib/installScript\";\nimport { VerificationService, SuccessResponse, ConsumerInfoState } from \"../../lib/types/types\";\n\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\";\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  switch (apiBaseUrl) {\n    case \"https://services.sheerid.com\":\n      return \"https://shr-id.com\";\n    default:\n      return \"https://aa-preview.sheerid.net\";\n  }\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  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={`Here is your personal coupon code.\n                        It is unique to you and can only be used once.`}\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 emailed you a copy so you can use your code now or later. Look for the email from verify@sheerid.com\"\n          tagName=\"p\"\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\n              id=\"step.success.redirectButtonText\"\n              defaultMessage=\"Use code now\"\n            />\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={() =>\n              redirect(\n                getRememberMeRedirectDestination(locale, programId, verificationId),\n                \"_blank\",\n              )\n            }\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"],"names":["redirect","redirectDestination","target","getAffinityBaseUrl","getOptions","StepSuccess","verificationService","verificationResponse","programId","viewModel","verificationId","redirectUrl","config","affinityRef","React","showRedirect","rewardCode","noCodeType","rewardDisplay","showReward","consumerInfoState","getQueryOrOption","QUERY_STRING_REMEMBER_ME_OVERRIDE","showRememberMeFooter","locale","getLocaleSafely","loadAffinityIFrame","jsxs","jsx","LogoComponent","AnnouncingHeader","FormattedHTMLMessage","displayType","RewardDisplayEnum","getBarcodeUrl","CopyToClipboard","companyName","getRememberMeRedirectDestination","StepSuccessComponent"],"mappings":"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"}
+{"version":3,"file":"index-BqkRf3Ay.js","sources":["../../src/components/StepSuccess/StepSuccessComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { loadAffinityIFrame } from \"@/lib/installScript\";\nimport { VerificationService, SuccessResponse, ConsumerInfoState } from \"../../lib/types/types\";\n\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\";\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  switch (apiBaseUrl) {\n    case \"https://services.sheerid.com\":\n      return \"https://shr-id.com\";\n    default:\n      return \"https://aa-preview.sheerid.net\";\n  }\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  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={`Here is your personal coupon code.\n                        It is unique to you and can only be used once.`}\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 emailed you a copy so you can use your code now or later. Look for the email from verify@sheerid.com\"\n          tagName=\"p\"\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\n              id=\"step.success.redirectButtonText\"\n              defaultMessage=\"Use code now\"\n            />\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={() =>\n              redirect(\n                getRememberMeRedirectDestination(locale, programId, verificationId),\n                \"_blank\",\n              )\n            }\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"],"names":["redirect","redirectDestination","target","getAffinityBaseUrl","getOptions","StepSuccess","verificationService","verificationResponse","programId","viewModel","verificationId","redirectUrl","config","affinityRef","React","showRedirect","rewardCode","noCodeType","rewardDisplay","showReward","consumerInfoState","getQueryOrOption","QUERY_STRING_REMEMBER_ME_OVERRIDE","showRememberMeFooter","locale","getLocaleSafely","loadAffinityIFrame","jsxs","jsx","LogoComponent","AnnouncingHeader","FormattedHTMLMessage","displayType","RewardDisplayEnum","getBarcodeUrl","CopyToClipboard","companyName","getRememberMeRedirectDestination","StepSuccessComponent"],"mappings":"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"}

package/lib/{index-BNSFithk.js → index-BsWJ_ycn.js}

@@ -1,11 +1,11 @@
 
 /**
- *   VERSION: 2.133.0-alpha.2
- *   BUILD_TIMESTAMP: 1759420332411
- *   BUILD_DATE: Thu Oct 02 2025 15:52:12 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: fba56a51e008d7a472fdb2a578276960c2b5ae9c
+ *   VERSION: 2.133.0-alpha.4
+ *   BUILD_TIMESTAMP: 1759769378119
+ *   BUILD_DATE: Mon Oct 06 2025 16:49:38 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 846a936a9c60cd3728d568a63772c40a5a143e0e
  */
-import { ak as V, D as R, V as F, j as a, A as K, o as S, r as O } from "./es6-CEKvihTX.js";
+import { al as V, D as R, V as F, j as a, A as K, o as S, r as O } from "./es6-B0b4GsoD.js";
 import * as N from "react";
 import D, { forwardRef as z, useRef as B, useImperativeHandle as U, useEffect as Z } from "react";
 import { FormattedHTMLMessage as x } from "react-intl";
@@ -27,8 +27,8 @@ var G = ["alpha", "numeric", "alphanumeric"], q = {
     min: "0",
     max: "9"
   }
-}, J = z(function(t, s) {
-  var h = t.allowedCharacters, m = h === void 0 ? "alphanumeric" : h, c = t.ariaLabel, p = t.autoFocus, C = p === void 0 ? !0 : p, b = t.containerClassName, l = t.disabled, d = t.inputClassName, f = t.isPassword, y = f === void 0 ? !1 : f, E = t.length, w = E === void 0 ? 6 : E, P = t.placeholder, M = t.onChange;
+}, J = z(function(t, l) {
+  var h = t.allowedCharacters, m = h === void 0 ? "alphanumeric" : h, c = t.ariaLabel, p = t.autoFocus, C = p === void 0 ? !0 : p, b = t.containerClassName, s = t.disabled, d = t.inputClassName, f = t.isPassword, y = f === void 0 ? !1 : f, E = t.length, w = E === void 0 ? 6 : E, P = t.placeholder, M = t.onChange;
   if (isNaN(w) || w < 1)
     throw new Error("Length should be a number and greater than 0");
   if (!G.some(function(u) {
@@ -36,7 +36,7 @@ var G = ["alpha", "numeric", "alphanumeric"], q = {
   }))
     throw new Error("Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric");
   var r = B([]), v = q[m];
-  U(s, function() {
+  U(l, function() {
     return {
       focus: function() {
         r.current && r.current[0].focus();
@@ -73,9 +73,9 @@ var G = ["alpha", "numeric", "alphanumeric"], q = {
         n.value = "";
       g();
     }
-  }, k = function(e) {
-    e.target.select();
   }, $ = function(e) {
+    e.target.select();
+  }, k = function(e) {
     for (var i = e.clipboardData.getData("Text"), n = 0, o = 0; o < i.length; o++) {
       var A = i.charAt(o), I = r.current[n].value;
       A.match(v.pattern) && (I || (r.current[n].value = A, r.current[n].nextElementSibling !== null && (r.current[n].nextElementSibling.focus(), n++)));
@@ -86,8 +86,8 @@ var G = ["alpha", "numeric", "alphanumeric"], q = {
       key: e,
       onChange: L,
       onKeyDown: T,
-      onFocus: k,
-      onPaste: $
+      onFocus: $,
+      onPaste: k
     }, v, {
       type: y ? "password" : v.type,
       ref: function(n) {
@@ -97,7 +97,7 @@ var G = ["alpha", "numeric", "alphanumeric"], q = {
       className: d,
       autoComplete: e === 0 ? "one-time-code" : "off",
       "aria-label": c ? c + ". Character " + (e + 1) + "." : "Character " + (e + 1) + ".",
-      disabled: l,
+      disabled: s,
       placeholder: P
     })));
   }, j = 0; j < w; j++)
@@ -109,28 +109,28 @@ var G = ["alpha", "numeric", "alphanumeric"], q = {
 const Y = ({
   verificationService: t
 }) => {
-  const s = t.viewModel, { fieldValidationErrors: h, verificationResponse: m } = t, { errorIds: c } = m, p = N.useRef(null), C = (l, d) => {
+  const l = t.viewModel, { fieldValidationErrors: h, verificationResponse: m } = t, { errorIds: c } = m, p = N.useRef(null), C = (s, d) => {
     const f = O(
-      s,
+      l,
       (y) => {
-        y[l] = d;
+        y[s] = d;
       }
     );
     t.updateViewModel(f);
   }, b = () => {
-    const l = O(
-      s,
+    const s = O(
+      l,
       (d) => {
         d.didManuallyVerify = !0, delete d.authenticationCode;
       }
     );
-    return t.updateViewModel(l), l;
+    return t.updateViewModel(s), s;
   };
   return N.useEffect(() => {
-    s.authenticationCode && (s.authenticationCode = "");
+    l.authenticationCode && (l.authenticationCode = "");
   }, []), N.useEffect(() => {
-    s.authenticationCode.length >= V && R(s, t, F.completeAuthentication);
-  }, [s.authenticationCode]), /* @__PURE__ */ a.jsxs(
+    l.authenticationCode.length >= V && R(l, t, F.completeAuthentication);
+  }, [l.authenticationCode]), /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "sid-step-complete-authentication",
@@ -157,8 +157,8 @@ const Y = ({
           /* @__PURE__ */ a.jsx(
             J,
             {
-              onChange: (l) => {
-                C("authenticationCode", l), S("authenticationCode", l, t);
+              onChange: (s) => {
+                C("authenticationCode", s), S("authenticationCode", s, t);
               },
               ref: p,
               allowedCharacters: "numeric",

package/lib/{index-BNSFithk.js.map → index-BsWJ_ycn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BNSFithk.js","sources":["../../node_modules/react-auth-code-input/dist/index.modern.js","../../src/components/StepCompleteAuthentication/StepCompleteAuthenticationComponent.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';\n\nvar allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'];\nvar propsMap = {\n  alpha: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z]{1}'\n  },\n  alphanumeric: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z0-9]{1}'\n  },\n  numeric: {\n    type: 'tel',\n    inputMode: 'numeric',\n    pattern: '[0-9]{1}',\n    min: '0',\n    max: '9'\n  }\n};\nvar AuthCode = forwardRef(function (_ref, ref) {\n  var _ref$allowedCharacter = _ref.allowedCharacters,\n      allowedCharacters = _ref$allowedCharacter === void 0 ? 'alphanumeric' : _ref$allowedCharacter,\n      ariaLabel = _ref.ariaLabel,\n      _ref$autoFocus = _ref.autoFocus,\n      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n      containerClassName = _ref.containerClassName,\n      disabled = _ref.disabled,\n      inputClassName = _ref.inputClassName,\n      _ref$isPassword = _ref.isPassword,\n      isPassword = _ref$isPassword === void 0 ? false : _ref$isPassword,\n      _ref$length = _ref.length,\n      length = _ref$length === void 0 ? 6 : _ref$length,\n      placeholder = _ref.placeholder,\n      onChange = _ref.onChange;\n\n  if (isNaN(length) || length < 1) {\n    throw new Error('Length should be a number and greater than 0');\n  }\n\n  if (!allowedCharactersValues.some(function (value) {\n    return value === allowedCharacters;\n  })) {\n    throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n  }\n\n  var inputsRef = useRef([]);\n  var inputProps = propsMap[allowedCharacters];\n  useImperativeHandle(ref, function () {\n    return {\n      focus: function focus() {\n        if (inputsRef.current) {\n          inputsRef.current[0].focus();\n        }\n      },\n      clear: function clear() {\n        if (inputsRef.current) {\n          for (var i = 0; i < inputsRef.current.length; i++) {\n            inputsRef.current[i].value = '';\n          }\n\n          inputsRef.current[0].focus();\n        }\n\n        sendResult();\n      }\n    };\n  });\n  useEffect(function () {\n    if (autoFocus) {\n      inputsRef.current[0].focus();\n    }\n  }, []);\n\n  var sendResult = function sendResult() {\n    var res = inputsRef.current.map(function (input) {\n      return input.value;\n    }).join('');\n    onChange && onChange(res);\n  };\n\n  var handleOnChange = function handleOnChange(e) {\n    var _e$target = e.target,\n        value = _e$target.value,\n        nextElementSibling = _e$target.nextElementSibling;\n\n    if (value.length > 1) {\n      e.target.value = value.charAt(0);\n\n      if (nextElementSibling !== null) {\n        nextElementSibling.focus();\n      }\n    } else {\n      if (value.match(inputProps.pattern)) {\n        if (nextElementSibling !== null) {\n          nextElementSibling.focus();\n        }\n      } else {\n        e.target.value = '';\n      }\n    }\n\n    sendResult();\n  };\n\n  var handleOnKeyDown = function handleOnKeyDown(e) {\n    var key = e.key;\n    var target = e.target;\n\n    if (key === 'Backspace') {\n      if (target.value === '') {\n        if (target.previousElementSibling !== null) {\n          var t = target.previousElementSibling;\n          t.value = '';\n          t.focus();\n          e.preventDefault();\n        }\n      } else {\n        target.value = '';\n      }\n\n      sendResult();\n    }\n  };\n\n  var handleOnFocus = function handleOnFocus(e) {\n    e.target.select();\n  };\n\n  var handleOnPaste = function handleOnPaste(e) {\n    var pastedValue = e.clipboardData.getData('Text');\n    var currentInput = 0;\n\n    for (var i = 0; i < pastedValue.length; i++) {\n      var pastedCharacter = pastedValue.charAt(i);\n      var currentValue = inputsRef.current[currentInput].value;\n\n      if (pastedCharacter.match(inputProps.pattern)) {\n        if (!currentValue) {\n          inputsRef.current[currentInput].value = pastedCharacter;\n\n          if (inputsRef.current[currentInput].nextElementSibling !== null) {\n            inputsRef.current[currentInput].nextElementSibling.focus();\n            currentInput++;\n          }\n        }\n      }\n    }\n\n    sendResult();\n    e.preventDefault();\n  };\n\n  var inputs = [];\n\n  var _loop = function _loop(i) {\n    inputs.push(React.createElement(\"input\", Object.assign({\n      key: i,\n      onChange: handleOnChange,\n      onKeyDown: handleOnKeyDown,\n      onFocus: handleOnFocus,\n      onPaste: handleOnPaste\n    }, inputProps, {\n      type: isPassword ? 'password' : inputProps.type,\n      ref: function ref(el) {\n        inputsRef.current[i] = el;\n      },\n      maxLength: 1,\n      className: inputClassName,\n      autoComplete: i === 0 ? 'one-time-code' : 'off',\n      \"aria-label\": ariaLabel ? ariaLabel + \". Character \" + (i + 1) + \".\" : \"Character \" + (i + 1) + \".\",\n      disabled: disabled,\n      placeholder: placeholder\n    })));\n  };\n\n  for (var i = 0; i < length; i++) {\n    _loop(i);\n  }\n\n  return React.createElement(\"div\", {\n    className: containerClassName\n  }, inputs);\n});\n\nexport default AuthCode;\n//# sourceMappingURL=index.modern.js.map\n","import * as React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\nimport { CompleteAuthenticationViewModel, VerificationService } from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepCompleteAuthenticationProps {\n  verificationService: VerificationService;\n}\n\nexport const StepCompleteAuthenticationComponent = ({\n  verificationService,\n}: StepCompleteAuthenticationProps) => {\n  const viewModel = verificationService.viewModel as CompleteAuthenticationViewModel;\n  const { fieldValidationErrors, verificationResponse } = verificationService;\n  const { errorIds } = verificationResponse;\n\n  const authInputRef = React.useRef(null);\n\n  const updateCompleteAuthenticationViewmodel = (\n    key: keyof CompleteAuthenticationViewModel,\n    value: any,\n  ) => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const manuallyVerifyViewModel = (): CompleteAuthenticationViewModel => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        draft.didManuallyVerify = true;\n        delete draft.authenticationCode;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n\n    return nextState;\n  };\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode) {\n      // reset local viewModel's authenticationCode to prevent form from submitting\n      // prematurely when provided with an incorrect auth code.\n      viewModel.authenticationCode = \"\";\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode.length >= AUTH_TOKEN_LENGTH) {\n      submitForm(viewModel, verificationService, VerificationStepsEnum.completeAuthentication);\n    }\n  }, [viewModel.authenticationCode]);\n\n  return (\n    <div\n      id=\"sid-step-complete-authentication\"\n      className=\"sid-step-complete-authentication-container sid-l-container\"\n    >\n      <div className=\"sid-header\">\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.title\"\n            defaultMessage=\"Verify with Remember Me\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.subtitle\"\n            defaultMessage=\"Enter the code sent to your email.\"\n          />\n        </div>\n      </div>\n      <div className=\"sid-l-space-top-md\" />\n      <div className=\"auth-code\">\n        <AuthCode\n          onChange={(token) => {\n            updateCompleteAuthenticationViewmodel(\"authenticationCode\", token);\n            updateFieldValidationErrorsByFieldId(\"authenticationCode\", token, verificationService);\n          }}\n          ref={authInputRef}\n          allowedCharacters=\"numeric\"\n          length={AUTH_TOKEN_LENGTH}\n          isPassword\n          containerClassName=\"auth-code__container\"\n          inputClassName={`auth-code__input${\n            fieldValidationErrors.authenticationCode ? \" auth-code__input-error\" : \"\"\n          }`}\n        />\n        {fieldValidationErrors.authenticationCode ||\n          (errorIds?.length > 0 && (\n            <div className=\"auth-code__error-container\">\n              <div>\n                <img\n                  alt=\"red-exclaimation-circle\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg\"\n                />\n              </div>\n              <div className=\"auth-code__error-text\">\n                <FormattedHTMLMessage\n                  id=\"errorId.invalidAuthenticationLoopToken\"\n                  defaultMessage=\"The code provided is invalid\"\n                />\n              </div>\n            </div>\n          ))}\n      </div>\n      <div className=\"sid-complete-auth__manually-verify-button-continer\">\n        <button\n          type=\"button\"\n          className=\"sid-btn sid-btn-light sid-complete-auth__manually-verify-button\"\n          aria-label=\"submit\"\n          onClick={() => {\n            submitForm(\n              manuallyVerifyViewModel(),\n              verificationService,\n              VerificationStepsEnum.completeAuthentication,\n            );\n          }}\n        >\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.manuallyVerifyButton\"\n            defaultMessage=\"Manually verify\"\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"names":["allowedCharactersValues","propsMap","AuthCode","forwardRef","_ref","ref","_ref$allowedCharacter","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","useRef","inputProps","useImperativeHandle","i","sendResult","useEffect","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","React","el","StepCompleteAuthenticationComponent","verificationService","viewModel","fieldValidationErrors","verificationResponse","errorIds","authInputRef","updateCompleteAuthenticationViewmodel","nextState","produce","draft","manuallyVerifyViewModel","AUTH_TOKEN_LENGTH","submitForm","VerificationStepsEnum","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","token","updateFieldValidationErrorsByFieldId"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index-BsWJ_ycn.js","sources":["../../node_modules/react-auth-code-input/dist/index.modern.js","../../src/components/StepCompleteAuthentication/StepCompleteAuthenticationComponent.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';\n\nvar allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'];\nvar propsMap = {\n  alpha: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z]{1}'\n  },\n  alphanumeric: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z0-9]{1}'\n  },\n  numeric: {\n    type: 'tel',\n    inputMode: 'numeric',\n    pattern: '[0-9]{1}',\n    min: '0',\n    max: '9'\n  }\n};\nvar AuthCode = forwardRef(function (_ref, ref) {\n  var _ref$allowedCharacter = _ref.allowedCharacters,\n      allowedCharacters = _ref$allowedCharacter === void 0 ? 'alphanumeric' : _ref$allowedCharacter,\n      ariaLabel = _ref.ariaLabel,\n      _ref$autoFocus = _ref.autoFocus,\n      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n      containerClassName = _ref.containerClassName,\n      disabled = _ref.disabled,\n      inputClassName = _ref.inputClassName,\n      _ref$isPassword = _ref.isPassword,\n      isPassword = _ref$isPassword === void 0 ? false : _ref$isPassword,\n      _ref$length = _ref.length,\n      length = _ref$length === void 0 ? 6 : _ref$length,\n      placeholder = _ref.placeholder,\n      onChange = _ref.onChange;\n\n  if (isNaN(length) || length < 1) {\n    throw new Error('Length should be a number and greater than 0');\n  }\n\n  if (!allowedCharactersValues.some(function (value) {\n    return value === allowedCharacters;\n  })) {\n    throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n  }\n\n  var inputsRef = useRef([]);\n  var inputProps = propsMap[allowedCharacters];\n  useImperativeHandle(ref, function () {\n    return {\n      focus: function focus() {\n        if (inputsRef.current) {\n          inputsRef.current[0].focus();\n        }\n      },\n      clear: function clear() {\n        if (inputsRef.current) {\n          for (var i = 0; i < inputsRef.current.length; i++) {\n            inputsRef.current[i].value = '';\n          }\n\n          inputsRef.current[0].focus();\n        }\n\n        sendResult();\n      }\n    };\n  });\n  useEffect(function () {\n    if (autoFocus) {\n      inputsRef.current[0].focus();\n    }\n  }, []);\n\n  var sendResult = function sendResult() {\n    var res = inputsRef.current.map(function (input) {\n      return input.value;\n    }).join('');\n    onChange && onChange(res);\n  };\n\n  var handleOnChange = function handleOnChange(e) {\n    var _e$target = e.target,\n        value = _e$target.value,\n        nextElementSibling = _e$target.nextElementSibling;\n\n    if (value.length > 1) {\n      e.target.value = value.charAt(0);\n\n      if (nextElementSibling !== null) {\n        nextElementSibling.focus();\n      }\n    } else {\n      if (value.match(inputProps.pattern)) {\n        if (nextElementSibling !== null) {\n          nextElementSibling.focus();\n        }\n      } else {\n        e.target.value = '';\n      }\n    }\n\n    sendResult();\n  };\n\n  var handleOnKeyDown = function handleOnKeyDown(e) {\n    var key = e.key;\n    var target = e.target;\n\n    if (key === 'Backspace') {\n      if (target.value === '') {\n        if (target.previousElementSibling !== null) {\n          var t = target.previousElementSibling;\n          t.value = '';\n          t.focus();\n          e.preventDefault();\n        }\n      } else {\n        target.value = '';\n      }\n\n      sendResult();\n    }\n  };\n\n  var handleOnFocus = function handleOnFocus(e) {\n    e.target.select();\n  };\n\n  var handleOnPaste = function handleOnPaste(e) {\n    var pastedValue = e.clipboardData.getData('Text');\n    var currentInput = 0;\n\n    for (var i = 0; i < pastedValue.length; i++) {\n      var pastedCharacter = pastedValue.charAt(i);\n      var currentValue = inputsRef.current[currentInput].value;\n\n      if (pastedCharacter.match(inputProps.pattern)) {\n        if (!currentValue) {\n          inputsRef.current[currentInput].value = pastedCharacter;\n\n          if (inputsRef.current[currentInput].nextElementSibling !== null) {\n            inputsRef.current[currentInput].nextElementSibling.focus();\n            currentInput++;\n          }\n        }\n      }\n    }\n\n    sendResult();\n    e.preventDefault();\n  };\n\n  var inputs = [];\n\n  var _loop = function _loop(i) {\n    inputs.push(React.createElement(\"input\", Object.assign({\n      key: i,\n      onChange: handleOnChange,\n      onKeyDown: handleOnKeyDown,\n      onFocus: handleOnFocus,\n      onPaste: handleOnPaste\n    }, inputProps, {\n      type: isPassword ? 'password' : inputProps.type,\n      ref: function ref(el) {\n        inputsRef.current[i] = el;\n      },\n      maxLength: 1,\n      className: inputClassName,\n      autoComplete: i === 0 ? 'one-time-code' : 'off',\n      \"aria-label\": ariaLabel ? ariaLabel + \". Character \" + (i + 1) + \".\" : \"Character \" + (i + 1) + \".\",\n      disabled: disabled,\n      placeholder: placeholder\n    })));\n  };\n\n  for (var i = 0; i < length; i++) {\n    _loop(i);\n  }\n\n  return React.createElement(\"div\", {\n    className: containerClassName\n  }, inputs);\n});\n\nexport default AuthCode;\n//# sourceMappingURL=index.modern.js.map\n","import * as React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\nimport { CompleteAuthenticationViewModel, VerificationService } from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepCompleteAuthenticationProps {\n  verificationService: VerificationService;\n}\n\nexport const StepCompleteAuthenticationComponent = ({\n  verificationService,\n}: StepCompleteAuthenticationProps) => {\n  const viewModel = verificationService.viewModel as CompleteAuthenticationViewModel;\n  const { fieldValidationErrors, verificationResponse } = verificationService;\n  const { errorIds } = verificationResponse;\n\n  const authInputRef = React.useRef(null);\n\n  const updateCompleteAuthenticationViewmodel = (\n    key: keyof CompleteAuthenticationViewModel,\n    value: any,\n  ) => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const manuallyVerifyViewModel = (): CompleteAuthenticationViewModel => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        draft.didManuallyVerify = true;\n        delete draft.authenticationCode;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n\n    return nextState;\n  };\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode) {\n      // reset local viewModel's authenticationCode to prevent form from submitting\n      // prematurely when provided with an incorrect auth code.\n      viewModel.authenticationCode = \"\";\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode.length >= AUTH_TOKEN_LENGTH) {\n      submitForm(viewModel, verificationService, VerificationStepsEnum.completeAuthentication);\n    }\n  }, [viewModel.authenticationCode]);\n\n  return (\n    <div\n      id=\"sid-step-complete-authentication\"\n      className=\"sid-step-complete-authentication-container sid-l-container\"\n    >\n      <div className=\"sid-header\">\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.title\"\n            defaultMessage=\"Verify with Remember Me\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.subtitle\"\n            defaultMessage=\"Enter the code sent to your email.\"\n          />\n        </div>\n      </div>\n      <div className=\"sid-l-space-top-md\" />\n      <div className=\"auth-code\">\n        <AuthCode\n          onChange={(token) => {\n            updateCompleteAuthenticationViewmodel(\"authenticationCode\", token);\n            updateFieldValidationErrorsByFieldId(\"authenticationCode\", token, verificationService);\n          }}\n          ref={authInputRef}\n          allowedCharacters=\"numeric\"\n          length={AUTH_TOKEN_LENGTH}\n          isPassword\n          containerClassName=\"auth-code__container\"\n          inputClassName={`auth-code__input${\n            fieldValidationErrors.authenticationCode ? \" auth-code__input-error\" : \"\"\n          }`}\n        />\n        {fieldValidationErrors.authenticationCode ||\n          (errorIds?.length > 0 && (\n            <div className=\"auth-code__error-container\">\n              <div>\n                <img\n                  alt=\"red-exclaimation-circle\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg\"\n                />\n              </div>\n              <div className=\"auth-code__error-text\">\n                <FormattedHTMLMessage\n                  id=\"errorId.invalidAuthenticationLoopToken\"\n                  defaultMessage=\"The code provided is invalid\"\n                />\n              </div>\n            </div>\n          ))}\n      </div>\n      <div className=\"sid-complete-auth__manually-verify-button-continer\">\n        <button\n          type=\"button\"\n          className=\"sid-btn sid-btn-light sid-complete-auth__manually-verify-button\"\n          aria-label=\"submit\"\n          onClick={() => {\n            submitForm(\n              manuallyVerifyViewModel(),\n              verificationService,\n              VerificationStepsEnum.completeAuthentication,\n            );\n          }}\n        >\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.manuallyVerifyButton\"\n            defaultMessage=\"Manually verify\"\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"names":["allowedCharactersValues","propsMap","AuthCode","forwardRef","_ref","ref","_ref$allowedCharacter","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","useRef","inputProps","useImperativeHandle","i","sendResult","useEffect","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","React","el","StepCompleteAuthenticationComponent","verificationService","viewModel","fieldValidationErrors","verificationResponse","errorIds","authInputRef","updateCompleteAuthenticationViewmodel","nextState","produce","draft","manuallyVerifyViewModel","AUTH_TOKEN_LENGTH","submitForm","VerificationStepsEnum","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","token","updateFieldValidationErrorsByFieldId"],"mappings":"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","x_google_ignoreList":[0]}

package/lib/index-C2hPgkAi.js

@@ -0,0 +1,184 @@
+
+/**
+ *   VERSION: 2.133.0-alpha.4
+ *   BUILD_TIMESTAMP: 1759769378119
+ *   BUILD_DATE: Mon Oct 06 2025 16:49:38 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 846a936a9c60cd3728d568a63772c40a5a143e0e
+ */
+import { k as V, a8 as k, a9 as A, i as q, o as d, j as o, N as B, O as L, m as U, x as W, a2 as O, f as r, T as _, U as w, a5 as H, aa as K, W as X, X as Y, E as Z, n as $, Y as z, Z as G, _ as J, $ as Q, p as S, V as v, ab as ee } from "./es6-B0b4GsoD.js";
+import se from "react";
+import { injectIntl as ae, FormattedHTMLMessage as oe } from "react-intl";
+import { u as te } from "./useCollectFieldsEndpoint-Cs5U_3So.js";
+const de = ({ verificationService: s, intl: j }) => {
+  var p, C, h, b, i, N, g, x, y;
+  const a = s.viewModel, { fieldValidationErrors: t } = s, l = s.verificationResponse, E = V(l), I = k(
+    s.programTheme,
+    j
+  ), f = A(I), m = q(() => a.countryChoice.value, f.value), F = m === "US" ? [{ key: "postalCode" }] : [], c = m !== "US" || s.programTheme.isSmsNotifierConfigured || s.programTheme.smsLoopEnabled, M = m !== "US" || s.programTheme.smsLoopEnabled, P = a.localeChoice.value, D = L();
+  !t.phoneNumber && l.errorIds && l.errorIds.includes("invalidPhoneNumber") && s.updateFieldValidationErrors({
+    ...t,
+    phoneNumber: "invalidPhoneNumber"
+  });
+  const n = (e, R) => {
+    const T = ee(a, e, R);
+    s.updateViewModel(T);
+  }, { isFieldRequired: u } = te({
+    verificationId: l.verificationId,
+    currentStep: l.currentStep,
+    viewModel: a,
+    defaultRequiredFields: F
+  });
+  return se.useEffect(() => {
+    d("phoneNumber", a.phoneNumber, s);
+  }, [a.country]), /* @__PURE__ */ o.jsxs(
+    B,
+    {
+      verificationService: s,
+      step: l.currentStep,
+      children: [
+        /* @__PURE__ */ o.jsx(U, { verificationService: s, classNameIdentifier: "age" }),
+        /* @__PURE__ */ o.jsx(W, { verificationService: s }),
+        /* @__PURE__ */ o.jsx(
+          O,
+          {
+            verificationService: s,
+            disabled: (p = r("country")) == null ? void 0 : p.disabled
+          }
+        ),
+        /* @__PURE__ */ o.jsxs("div", { className: "sid-names", children: [
+          /* @__PURE__ */ o.jsx(
+            _,
+            {
+              value: a.firstName,
+              isErrored: !!t.firstName,
+              disabled: (C = r("firstName")) == null ? void 0 : C.disabled,
+              onChange: (e) => {
+                n("firstName", e), d("firstName", e, s);
+              }
+            }
+          ),
+          /* @__PURE__ */ o.jsx(
+            w,
+            {
+              value: a.lastName,
+              isErrored: !!t.lastName,
+              disabled: (h = r("lastName")) == null ? void 0 : h.disabled,
+              onChange: (e) => {
+                n("lastName", e), d("lastName", e, s);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o.jsx(
+          H,
+          {
+            errorId: t.birthDate,
+            locale: P,
+            onChange: (e) => {
+              n("birthDate", e), d("birthDate", e, s);
+            },
+            value: a.birthDate,
+            disabled: (b = r("birthDate")) == null ? void 0 : b.disabled
+          }
+        ),
+        u("city") && /* @__PURE__ */ o.jsx(
+          K,
+          {
+            value: a.city,
+            isRequired: !0,
+            isErrored: !!t.city,
+            errorId: t.city,
+            disabled: (i = r("city")) == null ? void 0 : i.disabled,
+            onChange: (e) => {
+              n("city", e), d("city", e, s);
+            }
+          }
+        ),
+        u("address1") && /* @__PURE__ */ o.jsx(
+          X,
+          {
+            value: a.address1,
+            isRequired: !0,
+            isErrored: !!t.address1,
+            errorId: t.address1,
+            onChange: (e) => {
+              n("address1", e), d("address1", e, s);
+            }
+          }
+        ),
+        u("postalCode") && /* @__PURE__ */ o.jsx(
+          Y,
+          {
+            isErrored: !!t.postalCode,
+            onChange: (e) => {
+              n("postalCode", e), d("postalCode", e, s);
+            },
+            value: a.postalCode,
+            disabled: (N = r("postalCode")) == null ? void 0 : N.disabled
+          }
+        ),
+        /* @__PURE__ */ o.jsx(
+          Z,
+          {
+            value: a.email,
+            isErrored: !!t.email,
+            onChange: (e) => {
+              n("email", e), d("email", e, s);
+            },
+            onKeyDown: (e) => $(e),
+            disabled: (g = r("email")) == null ? void 0 : g.disabled
+          }
+        ),
+        c ? /* @__PURE__ */ o.jsx(
+          z,
+          {
+            isRequired: M,
+            value: a.phoneNumber,
+            isErrored: !!t.phoneNumber,
+            onChange: (e) => {
+              n("phoneNumber", e), d("phoneNumber", e, s);
+            },
+            selectedCountryCode: a.countryChoice && a.countryChoice.value,
+            disabled: (x = r("phoneNumber")) == null ? void 0 : x.disabled
+          }
+        ) : null,
+        D.customFormFields.map((e) => /* @__PURE__ */ o.jsx(G, { config: e, verificationService: s })),
+        /* @__PURE__ */ o.jsx(
+          J,
+          {
+            verificationService: s,
+            isErrored: !!t.marketConsentValue,
+            onChange: (e) => {
+              n("metadata", {
+                ...s.viewModel.metadata,
+                marketConsentValue: e
+              }), d("marketConsentValue", e, s);
+            },
+            viewModel: a,
+            disabled: (y = r("marketConsentValue")) == null ? void 0 : y.disabled
+          }
+        ),
+        /* @__PURE__ */ o.jsx(Q, { verificationService: s, suffix: "CollectAboveSubmit" }),
+        /* @__PURE__ */ o.jsx(
+          S,
+          {
+            step: v.collectAgePersonalInfo,
+            verificationService: s,
+            viewModel: a,
+            failedInstantMatch: E,
+            buttonText: /* @__PURE__ */ o.jsx(
+              oe,
+              {
+                id: "step.personalInfo.submitButtonText",
+                defaultMessage: "Verify and continue"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, ue = ae(de);
+export {
+  ue as default
+};

package/lib/index-C2hPgkAi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C2hPgkAi.js","sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\nimport {\n  VerificationService,\n  AgePersonalInfoViewModel,\n  AgePersonalInfoResponse,\n  FormSelectChoice,\n  Country,\n  FieldDescription,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\n\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  getAvailableCountryChoices,\n  getDefaultCountryChoice,\n  produceDraftViewModel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\n\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepAgePersonalInfoComponentProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepAgePersonalInfo = ({ verificationService, intl }: StepAgePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as AgePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as AgePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const countryChoices: FormSelectChoice<Country, string>[] = getAvailableCountryChoices(\n    verificationService.programTheme,\n    intl,\n  );\n  const defaultCountryChoice: FormSelectChoice<Country, string> =\n    getDefaultCountryChoice(countryChoices);\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice.value);\n  const defaultRequiredFields: FieldDescription[] =\n    safeCountryValue === \"US\" ? [{ key: \"postalCode\" }] : [];\n\n  // PhoneNumber is required for all non-US age programs and if smsLoop is enabled.\n  const showPhoneNumber =\n    safeCountryValue !== \"US\" ||\n    verificationService.programTheme.isSmsNotifierConfigured ||\n    verificationService.programTheme.smsLoopEnabled;\n  const phoneNumberRequired =\n    safeCountryValue !== \"US\" || verificationService.programTheme.smsLoopEnabled;\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  if (\n    !fieldValidationErrors.phoneNumber &&\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"invalidPhoneNumber\")\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...fieldValidationErrors,\n      phoneNumber: \"invalidPhoneNumber\",\n    });\n  }\n\n  const updateAgeViewModel = (key: keyof AgePersonalInfoViewModel, value: any) => {\n    const nextState: AgePersonalInfoViewModel = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldRequired } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n    defaultRequiredFields,\n  });\n\n  React.useEffect(() => {\n    // When country changes re-check the phone number validation\n    updateFieldValidationErrorsByFieldId(\"phoneNumber\", viewModel.phoneNumber, verificationService);\n  }, [viewModel.country]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader verificationService={verificationService} classNameIdentifier=\"age\" />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n      {isFieldRequired(\"city\") && (\n        <CityComponent\n          value={viewModel.city}\n          isRequired\n          isErrored={!!fieldValidationErrors.city}\n          errorId={fieldValidationErrors.city}\n          disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          onChange={(value) => {\n            updateAgeViewModel(\"city\", value);\n            updateFieldValidationErrorsByFieldId(\"city\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"address1\") && (\n        <AddressComponent\n          value={viewModel.address1}\n          isRequired\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(value) => {\n            updateAgeViewModel(\"address1\", value);\n            updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"postalCode\") && (\n        <PostalCode\n          isErrored={!!fieldValidationErrors.postalCode}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"postalCode\", newValue);\n            updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n          }}\n          value={viewModel.postalCode}\n          disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        />\n      )}\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      {showPhoneNumber ? (\n        <PhoneNumber\n          isRequired={phoneNumberRequired}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n\n      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectAgePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify and continue\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepAgePersonalInfoComponent = injectIntl(StepAgePersonalInfo);\n"],"names":["StepAgePersonalInfo","verificationService","intl","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","countryChoices","getAvailableCountryChoices","defaultCountryChoice","getDefaultCountryChoice","safeCountryValue","getSafe","defaultRequiredFields","showPhoneNumber","phoneNumberRequired","locale","options","getOptions","updateAgeViewModel","key","value","nextState","produceDraftViewModel","isFieldRequired","useCollectFieldsEndpoint","React","updateFieldValidationErrorsByFieldId","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_a","getFieldConfigByFieldId","FirstName","_b","newValue","LastName","_c","BirthDate","_d","CityComponent","_e","AddressComponent","PostalCode","_f","Email","event","handleEmailOnKeyDown","_g","PhoneNumber","_h","config","FormFieldCustom","MarketConsentWrapper","_i","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","FormattedHTMLMessage","StepAgePersonalInfoComponent","injectIntl"],"mappings":"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"}