@sheerid/jslib-nightly 2.288.0-alpha.2 → 2.289.0-alpha.0

package/chunk/{StepCompleteAuthentication-DotkcAbK.js.map → StepCompleteAuthentication-Te9Cnb88.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepCompleteAuthentication-DotkcAbK.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-Te9Cnb88.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-BYa4B6M1.js → StepConsolation-M4-rWsLz.js}

@@ -1,15 +1,15 @@
 
 /**
- *   VERSION: 2.288.0-alpha.2
- *   BUILD_TIMESTAMP: 1789689129136
- *   BUILD_DATE: Thu Sep 17 2026 23:52:09 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 9a5a30040ec07861e609bafce1e2c77d4044026f
+ *   VERSION: 2.289.0-alpha.0
+ *   BUILD_TIMESTAMP: 1789752376020
+ *   BUILD_DATE: Fri Sep 18 2026 17:26:16 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 5de9a8a81f915229295bf8fa54bf38ad1614623e
  */
-import { n as e, t } from "./jsx-runtime-ckyAGLc5.js";
+import { n as e, t } from "./jsx-runtime-CyXcV_93.js";
 import { l as n } from "./runtimeTypes-B2AGNJMT.js";
-import { t as r } from "./ApiUrls-B__fmUI_.js";
-import { t as i } from "./LogoComponent-B0nd1tuK.js";
-import { t as a } from "./CopyToClipboardComponent-Blt2TEku.js";
+import { t as r } from "./ApiUrls-CtDBnXqD.js";
+import { t as i } from "./LogoComponent-DASXTR4v.js";
+import { t as a } from "./CopyToClipboardComponent-BejK3fLR.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-BaSShRS1.js.map → StepConsolation-M4-rWsLz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepConsolation-BaSShRS1.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-M4-rWsLz.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-BaSShRS1.js → StepConsolation-zanWJPyr.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.288.0-alpha.2
- *   BUILD_TIMESTAMP: 1789689133976
- *   BUILD_DATE: Thu Sep 17 2026 23:52:13 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 9a5a30040ec07861e609bafce1e2c77d4044026f
+ *   VERSION: 2.289.0-alpha.0
+ *   BUILD_TIMESTAMP: 1789752380016
+ *   BUILD_DATE: Fri Sep 18 2026 17:26:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 5de9a8a81f915229295bf8fa54bf38ad1614623e
  */
 import { l as e } from "./runtimeTypes-B2AGNJMT.js";
-import { t } from "./ApiUrls-BNFZcClH.js";
-import { n, t as r } from "./jsx-runtime-BxMVlYXm.js";
-import { t as i } from "./LogoComponent-DEBmCERD.js";
-import { t as a } from "./CopyToClipboardComponent-B3-5Ju65.js";
+import { t } from "./ApiUrls-BdSouMkz.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";
 //#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-BYa4B6M1.js.map → StepConsolation-zanWJPyr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepConsolation-BYa4B6M1.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-zanWJPyr.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-CSdGLLLR.js → StepDocUpload-CiZDqh-v.js}

@@ -4,23 +4,23 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.288.0-alpha.2
- *   BUILD_TIMESTAMP: 1789689133976
- *   BUILD_DATE: Thu Sep 17 2026 23:52:13 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 9a5a30040ec07861e609bafce1e2c77d4044026f
+ *   VERSION: 2.289.0-alpha.0
+ *   BUILD_TIMESTAMP: 1789752380016
+ *   BUILD_DATE: Fri Sep 18 2026 17:26:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 5de9a8a81f915229295bf8fa54bf38ad1614623e
  */
-import { Et as e, L as t, Ot as n, g as r, p as i, wt as a, y as o } from "./intl-ylK_1hh_.js";
+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 { 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-BxMVlYXm.js";
-import { a as h, c as g, n as _, o as ee, t as te } from "./Message-BHkGarjE.js";
-import { i as v } from "./TestingRouteOverrides-CAICO9Vh.js";
-import { t as ne } from "./FormFooterComponent-C_Hv2PMX.js";
-import { t as y, u as b } from "./hooks-BdAc8QeA.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-BRkHraGP.js";
+import { i as v } from "./TestingRouteOverrides-ipf_F-iY.js";
+import { t as ne } from "./FormFooterComponent-BnufDUsI.js";
+import { t as y, u as b } from "./hooks-BlwolTIT.js";
 import { n as x, o as S } from "./refs-Mq0rtW9K.js";
-import { t as C } from "./LogoComponent-DEBmCERD.js";
-import { t as w } from "./AnnouncingHeader-BY6rZtgn.js";
+import { t as C } from "./LogoComponent-BDhMcJvy.js";
+import { t as w } from "./AnnouncingHeader-B0Ku-xl_.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-BNTxf5pc.js";
+import { i as ie, o as ae, r as k } from "./useMetrics-C3KNudJk.js";
 //#region ../node_modules/@heroicons/react/24/outline/esm/PlusCircleIcon.js
 var A = /* @__PURE__ */ n(p()), j = m(), M = /* @__PURE__ */ n(d());
 function N({ title: e, titleId: t, ...n }, r) {