@sheerid/jslib 2.289.0 → 2.291.0

package/chunk/{StepCompleteAuthentication-CJpJoWRq.js.map → StepCompleteAuthentication-BtaBmTdY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepCompleteAuthentication-CJpJoWRq.js","names":[],"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\";\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\n\nimport {\n  type CompleteAuthenticationViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\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  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\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 role=\"main\">\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(\n                \"authenticationCode\",\n                token,\n                verificationService,\n              );\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                {!shouldHideIcon && (\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                )}\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    </div>\n  );\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"StepCompleteAuthentication-BtaBmTdY.js","names":[],"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\";\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\n\nimport {\n  type CompleteAuthenticationViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\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  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\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 role=\"main\">\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(\n                \"authenticationCode\",\n                token,\n                verificationService,\n              );\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                {!shouldHideIcon && (\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                )}\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    </div>\n  );\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/chunk/{StepConsolation-DI8kcTkV.js → StepConsolation-BYJrzPhb.js}

@@ -1,15 +1,15 @@
 
 /**
- *   VERSION: 2.289.0
- *   BUILD_TIMESTAMP: 1789773568893
- *   BUILD_DATE: Fri Sep 18 2026 23:19:28 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 97371345cabb92f713fd30bd7baf2bb5e4a9f973
+ *   VERSION: 2.291.0
+ *   BUILD_TIMESTAMP: 1790031320700
+ *   BUILD_DATE: Mon Sep 21 2026 22:55:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: be7cd0d3fb5ee01f15a63a6669da3dfe86723b27
  */
-import { n as e, t } from "./jsx-runtime-CyXcV_93.js";
+import { n as e, t } from "./jsx-runtime-Dztc5pGe.js";
 import { l as n } from "./runtimeTypes-B2AGNJMT.js";
-import { t as r } from "./ApiUrls-ycoYioq4.js";
-import { t as i } from "./LogoComponent-DASXTR4v.js";
-import { t as a } from "./CopyToClipboardComponent-BejK3fLR.js";
+import { p as r } from "./programThemeGetters-BzTM_4ke.js";
+import { t as i } from "./LogoComponent-BBiqSSo-.js";
+import { t as a } from "./CopyToClipboardComponent-BxP-eIzM.js";
 //#region src/components/StepConsolation/StepConsolationComponent.tsx
 var o = t(), s = ({ verificationService: t }) => {
 	let s = t.verificationResponse.consolationRewardCode || "${consolationRewardCode}", c = t.programTheme.config.offerType === "noCode", { verificationId: l } = t.verificationResponse, { rewardDisplay: u } = t.programTheme.config, d = !c && !!u.length;

package/chunk/{StepConsolation-DwEwhgzI.js.map → StepConsolation-BYJrzPhb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepConsolation-DwEwhgzI.js","names":[],"sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type VerificationService, type ConsolationResponse } from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n  verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = verificationService.programTheme.config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  return (\n    <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n      <div role=\"main\">\n        <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n          <div className=\"sid-l-horz-center\">\n            <LogoComponent verificationService={verificationService} />\n          </div>\n\n          <div\n            className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n            id=\"consolation-status\"\n            role=\"alertdialog\"\n          >\n            <FormattedHTMLMessage\n              id=\"step.consolation.title\"\n              defaultMessage=\"Claim your offer\"\n              tagName=\"h1\"\n            />\n          </div>\n\n          <div className=\"sid-l-horz-center\">\n            <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n              {(companyName) => (\n                <FormattedHTMLMessage\n                  id=\"step.consolation.subtitle\"\n                  defaultMessage=\"Although we couldn't verify you, {companyName} is providing you this code. It is unique to you and can be only used once.\"\n                  values={{ companyName }}\n                />\n              )}\n            </FormattedHTMLMessage>\n          </div>\n        </div>\n\n        {showReward && (\n          <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n            {rewardDisplay.map((displayType) => {\n              if (displayType !== RewardDisplayEnum.TEXT)\n                return (\n                  <img\n                    key={displayType}\n                    className=\"sid-l-space-top-md sid-barcode\"\n                    alt={consolationRewardCode}\n                    src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n                  />\n                );\n              return (\n                <>\n                  <div\n                    className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n                    role=\"region\"\n                  >\n                    {consolationRewardCode}\n                  </div>\n                  <CopyToClipboard\n                    className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\"\n                    textToCopy={consolationRewardCode}\n                    notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n                  >\n                    <FormattedHTMLMessage\n                      id=\"step.success.copyCouponCode\"\n                      defaultMessage=\"Copy Coupon code\"\n                    />\n                  </CopyToClipboard>\n                </>\n              );\n            })}\n          </div>\n        )}\n\n        <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n          <FormattedHTMLMessage\n            id=\"rewardCodeEmailNotification\"\n            defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n          />\n        </div>\n      </div>\n\n      <div\n        className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n        role=\"contentinfo\"\n      >\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.consolation.verificationOnly\"\n              defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"mappings":";;;;;;aAsHa,KA1GY,EAAE,6BAAgD;CACzE,IAAM,IACH,EAAoB,qBAA6C,yBAClE,4BAEI,IAAa,EAAoB,aAAa,OAAO,cAAc,UACnE,EAAE,sBAAmB,EAAoB,sBAEzC,EAAE,qBAAkB,EAAoB,aAAa,QACrD,IAAa,CAAC,KAAc,CAAC,CAAC,EAAc;CAElD,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,IAAG;EAAuB,WAAU;YAAzC,CACE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;OACE,WAAU;OACV,IAAG;OACH,MAAK;iBAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACE,CAAA;MAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAc,gBAAe;mBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;SACf,QAAQ,EAAE,eAAY;QACvB,CAAA;OAEiB,CAAA;MACnB,CAAA;KACF;;IAEJ,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACZ,EAAc,KAAK,MACd,MAAgB,EAAkB,OAUpC,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;MACE,WAAU;MACV,MAAK;gBAEJ;KACE,CAAA,GACL,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,WAAU;MACV,YAAY;MACZ,kBAAkB,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAS,gBAAe;MAAU,CAAA;gBAE7E,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACc,CAAA,CACjB,EAAA,CAAA,IAzBA,iBAAA,GAAA,EAAA,KAAC,OAAD;MAEE,WAAU;MACV,KAAK;MACL,KAAK,EAAc,GAAgB,yBAAyB,CAAW;KACxE,GAJM,CAIN,CAsBN;IACE,CAAA;IAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;GACF;MAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;GACE,WAAU;GACV,MAAK;aAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAsB,IAAG;IAAc,gBAAe;eAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;KACf,QAAQ,EAAE,eAAY;IACvB,CAAA;GAEiB,CAAA;EACnB,CAAA,CACF;;AAET"}
+{"version":3,"file":"StepConsolation-BYJrzPhb.js","names":[],"sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type VerificationService, type ConsolationResponse } from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n  verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = verificationService.programTheme.config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  return (\n    <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n      <div role=\"main\">\n        <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n          <div className=\"sid-l-horz-center\">\n            <LogoComponent verificationService={verificationService} />\n          </div>\n\n          <div\n            className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n            id=\"consolation-status\"\n            role=\"alertdialog\"\n          >\n            <FormattedHTMLMessage\n              id=\"step.consolation.title\"\n              defaultMessage=\"Claim your offer\"\n              tagName=\"h1\"\n            />\n          </div>\n\n          <div className=\"sid-l-horz-center\">\n            <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n              {(companyName) => (\n                <FormattedHTMLMessage\n                  id=\"step.consolation.subtitle\"\n                  defaultMessage=\"Although we couldn't verify you, {companyName} is providing you this code. It is unique to you and can be only used once.\"\n                  values={{ companyName }}\n                />\n              )}\n            </FormattedHTMLMessage>\n          </div>\n        </div>\n\n        {showReward && (\n          <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n            {rewardDisplay.map((displayType) => {\n              if (displayType !== RewardDisplayEnum.TEXT)\n                return (\n                  <img\n                    key={displayType}\n                    className=\"sid-l-space-top-md sid-barcode\"\n                    alt={consolationRewardCode}\n                    src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n                  />\n                );\n              return (\n                <>\n                  <div\n                    className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n                    role=\"region\"\n                  >\n                    {consolationRewardCode}\n                  </div>\n                  <CopyToClipboard\n                    className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\"\n                    textToCopy={consolationRewardCode}\n                    notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n                  >\n                    <FormattedHTMLMessage\n                      id=\"step.success.copyCouponCode\"\n                      defaultMessage=\"Copy Coupon code\"\n                    />\n                  </CopyToClipboard>\n                </>\n              );\n            })}\n          </div>\n        )}\n\n        <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n          <FormattedHTMLMessage\n            id=\"rewardCodeEmailNotification\"\n            defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n          />\n        </div>\n      </div>\n\n      <div\n        className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n        role=\"contentinfo\"\n      >\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.consolation.verificationOnly\"\n              defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"mappings":";;;;;;aAsHa,KA1GY,EAAE,6BAAgD;CACzE,IAAM,IACH,EAAoB,qBAA6C,yBAClE,4BAEI,IAAa,EAAoB,aAAa,OAAO,cAAc,UACnE,EAAE,sBAAmB,EAAoB,sBAEzC,EAAE,qBAAkB,EAAoB,aAAa,QACrD,IAAa,CAAC,KAAc,CAAC,CAAC,EAAc;CAElD,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,IAAG;EAAuB,WAAU;YAAzC,CACE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;OACE,WAAU;OACV,IAAG;OACH,MAAK;iBAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACE,CAAA;MAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAc,gBAAe;mBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;SACf,QAAQ,EAAE,eAAY;QACvB,CAAA;OAEiB,CAAA;MACnB,CAAA;KACF;;IAEJ,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACZ,EAAc,KAAK,MACd,MAAgB,EAAkB,OAUpC,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;MACE,WAAU;MACV,MAAK;gBAEJ;KACE,CAAA,GACL,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,WAAU;MACV,YAAY;MACZ,kBAAkB,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAS,gBAAe;MAAU,CAAA;gBAE7E,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACc,CAAA,CACjB,EAAA,CAAA,IAzBA,iBAAA,GAAA,EAAA,KAAC,OAAD;MAEE,WAAU;MACV,KAAK;MACL,KAAK,EAAc,GAAgB,yBAAyB,CAAW;KACxE,GAJM,CAIN,CAsBN;IACE,CAAA;IAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;GACF;MAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;GACE,WAAU;GACV,MAAK;aAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAsB,IAAG;IAAc,gBAAe;eAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;KACf,QAAQ,EAAE,eAAY;IACvB,CAAA;GAEiB,CAAA;EACnB,CAAA,CACF;;AAET"}

package/chunk/{StepConsolation-DwEwhgzI.js → StepConsolation-BlyaWmH0.js}

@@ -4,16 +4,16 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.289.0
- *   BUILD_TIMESTAMP: 1789773579865
- *   BUILD_DATE: Fri Sep 18 2026 23:19:39 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 97371345cabb92f713fd30bd7baf2bb5e4a9f973
+ *   VERSION: 2.291.0
+ *   BUILD_TIMESTAMP: 1790031324838
+ *   BUILD_DATE: Mon Sep 21 2026 22:55:24 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: be7cd0d3fb5ee01f15a63a6669da3dfe86723b27
  */
 import { l as e } from "./runtimeTypes-B2AGNJMT.js";
-import { t } from "./ApiUrls-mCK2IKFF.js";
-import { n, t as r } from "./jsx-runtime-JSlXFmKD.js";
-import { t as i } from "./LogoComponent-BDhMcJvy.js";
-import { t as a } from "./CopyToClipboardComponent-BAOwMLHJ.js";
+import { p as t } from "./programThemeGetters-Dz1mfptL.js";
+import { n, t as r } from "./jsx-runtime-DOcXt_NQ.js";
+import { t as i } from "./LogoComponent-WMEJyDHA.js";
+import { t as a } from "./CopyToClipboardComponent-Dd5ZDKCz.js";
 //#region src/components/StepConsolation/StepConsolationComponent.tsx
 var o = r(), s = ({ verificationService: r }) => {
 	let s = r.verificationResponse.consolationRewardCode || "${consolationRewardCode}", c = r.programTheme.config.offerType === "noCode", { verificationId: l } = r.verificationResponse, { rewardDisplay: u } = r.programTheme.config, d = !c && !!u.length;

package/chunk/{StepConsolation-DI8kcTkV.js.map → StepConsolation-BlyaWmH0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepConsolation-DI8kcTkV.js","names":[],"sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type VerificationService, type ConsolationResponse } from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n  verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = verificationService.programTheme.config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  return (\n    <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n      <div role=\"main\">\n        <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n          <div className=\"sid-l-horz-center\">\n            <LogoComponent verificationService={verificationService} />\n          </div>\n\n          <div\n            className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n            id=\"consolation-status\"\n            role=\"alertdialog\"\n          >\n            <FormattedHTMLMessage\n              id=\"step.consolation.title\"\n              defaultMessage=\"Claim your offer\"\n              tagName=\"h1\"\n            />\n          </div>\n\n          <div className=\"sid-l-horz-center\">\n            <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n              {(companyName) => (\n                <FormattedHTMLMessage\n                  id=\"step.consolation.subtitle\"\n                  defaultMessage=\"Although we couldn't verify you, {companyName} is providing you this code. It is unique to you and can be only used once.\"\n                  values={{ companyName }}\n                />\n              )}\n            </FormattedHTMLMessage>\n          </div>\n        </div>\n\n        {showReward && (\n          <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n            {rewardDisplay.map((displayType) => {\n              if (displayType !== RewardDisplayEnum.TEXT)\n                return (\n                  <img\n                    key={displayType}\n                    className=\"sid-l-space-top-md sid-barcode\"\n                    alt={consolationRewardCode}\n                    src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n                  />\n                );\n              return (\n                <>\n                  <div\n                    className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n                    role=\"region\"\n                  >\n                    {consolationRewardCode}\n                  </div>\n                  <CopyToClipboard\n                    className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\"\n                    textToCopy={consolationRewardCode}\n                    notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n                  >\n                    <FormattedHTMLMessage\n                      id=\"step.success.copyCouponCode\"\n                      defaultMessage=\"Copy Coupon code\"\n                    />\n                  </CopyToClipboard>\n                </>\n              );\n            })}\n          </div>\n        )}\n\n        <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n          <FormattedHTMLMessage\n            id=\"rewardCodeEmailNotification\"\n            defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n          />\n        </div>\n      </div>\n\n      <div\n        className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n        role=\"contentinfo\"\n      >\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.consolation.verificationOnly\"\n              defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"mappings":";;;;;;aAsHa,KA1GY,EAAE,6BAAgD;CACzE,IAAM,IACH,EAAoB,qBAA6C,yBAClE,4BAEI,IAAa,EAAoB,aAAa,OAAO,cAAc,UACnE,EAAE,sBAAmB,EAAoB,sBAEzC,EAAE,qBAAkB,EAAoB,aAAa,QACrD,IAAa,CAAC,KAAc,CAAC,CAAC,EAAc;CAElD,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,IAAG;EAAuB,WAAU;YAAzC,CACE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;OACE,WAAU;OACV,IAAG;OACH,MAAK;iBAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACE,CAAA;MAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAc,gBAAe;mBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;SACf,QAAQ,EAAE,eAAY;QACvB,CAAA;OAEiB,CAAA;MACnB,CAAA;KACF;;IAEJ,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACZ,EAAc,KAAK,MACd,MAAgB,EAAkB,OAUpC,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;MACE,WAAU;MACV,MAAK;gBAEJ;KACE,CAAA,GACL,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,WAAU;MACV,YAAY;MACZ,kBAAkB,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAS,gBAAe;MAAU,CAAA;gBAE7E,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACc,CAAA,CACjB,EAAA,CAAA,IAzBA,iBAAA,GAAA,EAAA,KAAC,OAAD;MAEE,WAAU;MACV,KAAK;MACL,KAAK,EAAc,GAAgB,yBAAyB,CAAW;KACxE,GAJM,CAIN,CAsBN;IACE,CAAA;IAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;GACF;MAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;GACE,WAAU;GACV,MAAK;aAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAsB,IAAG;IAAc,gBAAe;eAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;KACf,QAAQ,EAAE,eAAY;IACvB,CAAA;GAEiB,CAAA;EACnB,CAAA,CACF;;AAET"}
+{"version":3,"file":"StepConsolation-BlyaWmH0.js","names":[],"sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type VerificationService, type ConsolationResponse } from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n  verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = verificationService.programTheme.config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  return (\n    <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n      <div role=\"main\">\n        <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n          <div className=\"sid-l-horz-center\">\n            <LogoComponent verificationService={verificationService} />\n          </div>\n\n          <div\n            className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n            id=\"consolation-status\"\n            role=\"alertdialog\"\n          >\n            <FormattedHTMLMessage\n              id=\"step.consolation.title\"\n              defaultMessage=\"Claim your offer\"\n              tagName=\"h1\"\n            />\n          </div>\n\n          <div className=\"sid-l-horz-center\">\n            <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n              {(companyName) => (\n                <FormattedHTMLMessage\n                  id=\"step.consolation.subtitle\"\n                  defaultMessage=\"Although we couldn't verify you, {companyName} is providing you this code. It is unique to you and can be only used once.\"\n                  values={{ companyName }}\n                />\n              )}\n            </FormattedHTMLMessage>\n          </div>\n        </div>\n\n        {showReward && (\n          <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n            {rewardDisplay.map((displayType) => {\n              if (displayType !== RewardDisplayEnum.TEXT)\n                return (\n                  <img\n                    key={displayType}\n                    className=\"sid-l-space-top-md sid-barcode\"\n                    alt={consolationRewardCode}\n                    src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n                  />\n                );\n              return (\n                <>\n                  <div\n                    className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n                    role=\"region\"\n                  >\n                    {consolationRewardCode}\n                  </div>\n                  <CopyToClipboard\n                    className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\"\n                    textToCopy={consolationRewardCode}\n                    notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n                  >\n                    <FormattedHTMLMessage\n                      id=\"step.success.copyCouponCode\"\n                      defaultMessage=\"Copy Coupon code\"\n                    />\n                  </CopyToClipboard>\n                </>\n              );\n            })}\n          </div>\n        )}\n\n        <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n          <FormattedHTMLMessage\n            id=\"rewardCodeEmailNotification\"\n            defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n          />\n        </div>\n      </div>\n\n      <div\n        className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n        role=\"contentinfo\"\n      >\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.consolation.verificationOnly\"\n              defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"mappings":";;;;;;aAsHa,KA1GY,EAAE,6BAAgD;CACzE,IAAM,IACH,EAAoB,qBAA6C,yBAClE,4BAEI,IAAa,EAAoB,aAAa,OAAO,cAAc,UACnE,EAAE,sBAAmB,EAAoB,sBAEzC,EAAE,qBAAkB,EAAoB,aAAa,QACrD,IAAa,CAAC,KAAc,CAAC,CAAC,EAAc;CAElD,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,IAAG;EAAuB,WAAU;YAAzC,CACE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;OACE,WAAU;OACV,IAAG;OACH,MAAK;iBAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACE,CAAA;MAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAsB,IAAG;QAAc,gBAAe;mBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;SACf,QAAQ,EAAE,eAAY;QACvB,CAAA;OAEiB,CAAA;MACnB,CAAA;KACF;;IAEJ,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACZ,EAAc,KAAK,MACd,MAAgB,EAAkB,OAUpC,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;MACE,WAAU;MACV,MAAK;gBAEJ;KACE,CAAA,GACL,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,WAAU;MACV,YAAY;MACZ,kBAAkB,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAS,gBAAe;MAAU,CAAA;gBAE7E,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACc,CAAA,CACjB,EAAA,CAAA,IAzBA,iBAAA,GAAA,EAAA,KAAC,OAAD;MAEE,WAAU;MACV,KAAK;MACL,KAAK,EAAc,GAAgB,yBAAyB,CAAW;KACxE,GAJM,CAIN,CAsBN;IACE,CAAA;IAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;GACF;MAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;GACE,WAAU;GACV,MAAK;aAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAsB,IAAG;IAAc,gBAAe;eAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;KACf,QAAQ,EAAE,eAAY;IACvB,CAAA;GAEiB,CAAA;EACnB,CAAA,CACF;;AAET"}

package/chunk/{StepDocUpload-IOE10Q6k.js → StepDocUpload-Dt9BXXEb.js}

@@ -4,25 +4,25 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.289.0
- *   BUILD_TIMESTAMP: 1789773579865
- *   BUILD_DATE: Fri Sep 18 2026 23:19:39 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 97371345cabb92f713fd30bd7baf2bb5e4a9f973
+ *   VERSION: 2.291.0
+ *   BUILD_TIMESTAMP: 1790031324838
+ *   BUILD_DATE: Mon Sep 21 2026 22:55:24 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: be7cd0d3fb5ee01f15a63a6669da3dfe86723b27
  */
-import { Et as e, L as t, Ot as n, g as r, p as i, wt as a, y as o } from "./intl-CvSmE54g.js";
+import { Dt as e, L as t, Tt as n, g as r, kt as i, p as a, y as o } from "./intl-8IwAIXoJ.js";
 import { S as s, b as c, m as l, u } from "./runtimeTypes-B2AGNJMT.js";
-import { c as d, n as f, o as p, t as m } from "./jsx-runtime-JSlXFmKD.js";
-import { a as h, c as g, n as _, o as ee, t as te } from "./Message-C5LUKoZw.js";
-import { i as v } from "./TestingRouteOverrides-ipf_F-iY.js";
-import { t as ne } from "./FormFooterComponent-BrOM_pQ9.js";
-import { t as y, u as b } from "./hooks-BlwolTIT.js";
+import { c as d, n as f, o as p, t as m } from "./jsx-runtime-DOcXt_NQ.js";
+import { a as h, c as g, n as _, o as ee, t as te } from "./Message-Dh1_V9dt.js";
+import { i as v } from "./TestingRouteOverrides-A7CajDc2.js";
+import { t as ne } from "./FormFooterComponent-UodGb8EG.js";
+import { t as y, u as b } from "./hooks-BqfaxVbh.js";
 import { n as x, o as S } from "./refs-Mq0rtW9K.js";
-import { t as C } from "./LogoComponent-BDhMcJvy.js";
-import { t as w } from "./AnnouncingHeader-B0Ku-xl_.js";
+import { t as C } from "./LogoComponent-WMEJyDHA.js";
+import { t as w } from "./AnnouncingHeader-DtYf-VWN.js";
 import { a as T, i as E, j as D, n as re, o as O } from "../_mysheerid-preview.js";
-import { i as ie, o as ae, r as k } from "./useMetrics-C3KNudJk.js";
+import { i as ie, o as ae, r as k } from "./useMetrics-BtncAWgP.js";
 //#region ../node_modules/@heroicons/react/24/outline/esm/PlusCircleIcon.js
-var A = /* @__PURE__ */ n(p()), j = m(), M = /* @__PURE__ */ n(d());
+var A = /* @__PURE__ */ i(p()), j = m(), M = /* @__PURE__ */ i(d());
 function N({ title: e, titleId: t, ...n }, r) {
 	return /*#__PURE__*/ M.createElement("svg", Object.assign({
 		xmlns: "http://www.w3.org/2000/svg",
@@ -309,7 +309,7 @@ function pe(e) {
 }
 //#endregion
 //#region ../node_modules/react-dropzone/dist/es/utils/index.js
-var me = /* @__PURE__ */ n((/* @__PURE__ */ e(((e) => {
+var me = /* @__PURE__ */ i((/* @__PURE__ */ e(((e) => {
 	e.__esModule = !0, e.default = function(e, t) {
 		if (e && t) {
 			var n = Array.isArray(t) ? t : t.split(",");
@@ -897,7 +897,7 @@ function lt(e, t) {
 function ut() {}
 //#endregion
 //#region src/lib/ServerApi/VerificationRequestSetters.ts
-var dt = (e, t, n) => i(e, (r) => {
+var dt = (e, t, n) => a(e, (r) => {
 	Object.keys(e).filter((t) => !!e[t] && t.includes("file")).map((t) => e[t]).concat(t, [
 		,
 		,
@@ -909,7 +909,7 @@ var dt = (e, t, n) => i(e, (r) => {
 		2,
 		3
 	].includes(t)) throw Error(`Expected either 1, 2 or 3 for argument "fileNumber", but received ${t}`);
-	return i(e, (n) => {
+	return a(e, (n) => {
 		Object.keys(e).filter((e) => e.includes("file") && !e.includes(t.toString())).map((t) => e[t]).concat([
 			,
 			,
@@ -1931,7 +1931,7 @@ var Lt = "DE", Rt = ({ errorId: e, erroredFileNames: t, fieldValidationErrors: n
 		}, e))
 	});
 }, Ht = ({ verificationService: e }) => {
-	let { msg: n } = _(), [l, d] = (0, M.useState)(!1), p = g(), { rejectionReasons: m, segment: T, subSegment: E, verificationId: O, locale: A, country: N } = p, P = h(), F = e.viewModel, { fieldValidationErrors: L } = e, { overrideEnabled: R } = ee(), z = y("doc-upload-redesign-use-legacy-message-keys"), B = y("doc-upload-considerations"), V = (z ? gt : It)(T, E), H = e.verificationResponse.country === "US", U = (e) => ({
+	let { msg: i } = _(), [l, d] = (0, M.useState)(!1), p = g(), { rejectionReasons: m, segment: T, subSegment: E, verificationId: O, locale: A, country: N } = p, P = h(), F = e.viewModel, { fieldValidationErrors: L } = e, { overrideEnabled: R } = ee(), z = y("doc-upload-redesign-use-legacy-message-keys"), B = y("doc-upload-considerations"), V = (z ? gt : It)(T, E), H = e.verificationResponse.country === "US", U = (e) => ({
 		name: e.name,
 		url: e.type.includes("image") ? URL.createObjectURL(e) : ""
 	}), [W, G] = (0, M.useState)({}), { userDidConvert: oe } = ae({ segment: T }), K = [], se = y("doc-upload-may24"), q = p.segment === "student" && p.locale === "en-US" ? se : "default";
@@ -1939,7 +1939,7 @@ var Lt = "DE", Rt = ({ errorId: e, erroredFileNames: t, fieldValidationErrors: n
 		name: "myFile.png",
 		url: ""
 	});
-	let ce = n({ id: "step.docUpload.addFile" });
+	let ce = i({ id: "step.docUpload.addFile" });
 	F.file1 && F.file1.name && K.push(U(F.file1)), F.file2 && F.file2.name && K.push(U(F.file2)), F.file3 && F.file3.name && K.push(U(F.file3));
 	let le = K.map((e) => W[e.name]), ue = (t, n) => {
 		o(r.DOC_UPLOAD_ADD_FILES, {
@@ -1955,18 +1955,18 @@ var Lt = "DE", Rt = ({ errorId: e, erroredFileNames: t, fieldValidationErrors: n
 		});
 		let n = t + 1;
 		d(!1), e.updateViewModel(ft(F, n));
-	}, fe = L.docUpload || a(() => e.verificationResponse.errorIds[0], void 0), pe = (t, n) => {
-		let r = [], a = [], o = [];
-		for (let i of t) {
-			let t = b(c.docUpload, i, e.formValidationOptions);
+	}, fe = L.docUpload || n(() => e.verificationResponse.errorIds[0], void 0), pe = (t, n) => {
+		let r = [], i = [], o = [];
+		for (let a of t) {
+			let t = b(c.docUpload, a, e.formValidationOptions);
 			t === void 0 ? (n && G({
 				...W,
-				[i.name]: n
-			}), r.push(i)) : (o.push(i.name), a.push(t));
+				[a.name]: n
+			}), r.push(a)) : (o.push(a.name), i.push(t));
 		}
 		let s;
-		a && (s = i(L, (e) => {
-			e.docUpload = a[0];
+		i && (s = a(L, (e) => {
+			e.docUpload = i[0];
 		})), e.updateFieldValidationErrors(s), ue(r, o);
 	}, me = () => {
 		s.info("StepDocUploadComponent submitting form"), e.submitStep(c.docUpload, F, e.verificationResponse), oe(ie, k);
@@ -1979,7 +1979,7 @@ var Lt = "DE", Rt = ({ errorId: e, erroredFileNames: t, fieldValidationErrors: n
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), t.click());
 	}, _e = async () => {
 		s.info("StepDocUploadComponent submitting form after skipping document upload");
-		let t = i(F, () => {});
+		let t = a(F, () => {});
 		e.submitStep(c.cancelDocUpload, t, e.verificationResponse);
 	}, ve = /* @__PURE__ */ (0, j.jsx)("div", {
 		className: "sid-upload-wrap sid-l-space-top-md sid-l-space-btm-md",