@sheerid/jslib 2.310.0 → 2.312.0

package/chunk/{StepCompleteAuthentication-BBeoOSVF.js.map → StepCompleteAuthentication-B_0EZ3mH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepCompleteAuthentication-BBeoOSVF.js","names":["forwardRef","useRef","produce","__toESM","fn","VerificationStepsEnum","FormattedHTMLMessage","require_react","require_jsx_runtime","useFlag","AnnouncingHeader","updateFieldValidationErrorsByFieldId","import_react","allowedCharactersValues","propsMap","AuthCode","_ref$allowedCharacter","_ref","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","inputProps","ref","i","sendResult","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","el","import_jsx_runtime","StepCompleteAuthenticationComponent","viewModel","verificationService","verificationResponse","shouldHideIcon","authInputRef","updateCompleteAuthenticationViewmodel","nextState","manuallyVerifyViewModel","draft","submitForm","token","fieldValidationErrors","errorIds"],"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"],"ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"StepCompleteAuthentication-B_0EZ3mH.js","names":["forwardRef","useRef","produce","__toESM","fn","VerificationStepsEnum","FormattedHTMLMessage","require_react","require_jsx_runtime","useFlag","AnnouncingHeader","updateFieldValidationErrorsByFieldId","import_react","allowedCharactersValues","propsMap","AuthCode","_ref$allowedCharacter","_ref","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","inputProps","ref","i","sendResult","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","el","import_jsx_runtime","StepCompleteAuthenticationComponent","viewModel","verificationService","verificationResponse","shouldHideIcon","authInputRef","updateCompleteAuthenticationViewmodel","nextState","manuallyVerifyViewModel","draft","submitForm","token","fieldValidationErrors","errorIds"],"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"],"ignoreList":[0],"mappings":";;;;;;;A,gCAEIa,IAA0B;CAAC;CAAS;CAAW;AAAc,GAC7DC,IAAW;CACb,OAAO;EACL,MAAM;EACN,WAAW;EACX,SAAS;CACX;CACA,cAAc;EACZ,MAAM;EACN,WAAW;EACX,SAAS;CACX;CACA,SAAS;EACP,MAAM;EACN,WAAW;EACX,SAAS;EACT,KAAK;EACL,KAAK;CACP;AACF,GACIC,KAAA,GAAWf,EAAAA,WAAAA,CAAW,SAAU,GAAM,GAAK;CAC7C,IAAIgB,IAAwBC,EAAK,mBAC7BC,IAAoBF,MAA0B,KAAK,IAAI,iBAAiBA,GACxEG,IAAYF,EAAK,WACjBG,IAAiBH,EAAK,WACtBI,IAAYD,MAAmB,KAAK,KAAWA,GAC/CE,IAAqBL,EAAK,oBAC1BM,IAAWN,EAAK,UAChBO,IAAiBP,EAAK,gBACtBQ,IAAkBR,EAAK,YACvBS,IAAaD,MAAoB,KAAK,KAAYA,GAClDE,IAAcV,EAAK,QACnBW,IAASD,MAAgB,KAAK,IAAI,IAAIA,GACtCE,IAAcZ,EAAK,aACnBa,IAAWb,EAAK;CAEpB,IAAI,MAAMW,CAAM,KAAKA,IAAS,GAC5B,MAAU,MAAM,8CAA8C;CAGhE,IAAI,CAACf,EAAwB,KAAK,SAAU,GAAO;EACjD,OAAOkB,MAAUb;CACnB,CAAC,GACC,MAAU,MAAM,0EAA0E;CAG5F,IAAIc,KAAA,GAAY/B,EAAAA,OAAAA,CAAO,CAAC,CAAC,GACrBgC,IAAanB,EAASI;CAqB1B,CApBA,GAAAN,EAAA,oBAAA,CAAoBsB,GAAK,WAAY;EACnC,OAAO;GACL,OAAO,WAAiB;IACtB,AAAIF,EAAU,WACZA,EAAU,QAAQ,EAAE,CAAC,MAAM;GAE/B;GACA,OAAO,WAAiB;IACtB,IAAIA,EAAU,SAAS;KACrB,KAAK,IAAIG,IAAI,GAAGA,IAAIH,EAAU,QAAQ,QAAQ,KAC5C,EAAU,QAAQG,EAAE,CAAC,QAAQ;KAG/B,EAAU,QAAQ,EAAE,CAAC,MAAM;IAC7B;IAEA,EAAW;GACb;EACF;CACF,CAAC,IACD,GAAAvB,EAAA,UAAA,CAAU,WAAY;EACpB,AAAIS,KACFW,EAAU,QAAQ,EAAE,CAAC,MAAM;CAE/B,GAAG,CAAC,CAAC;CAwGL,KAAK,IAtGDI,IAAa,WAAsB;EACrC,IAAIC,IAAML,EAAU,QAAQ,IAAI,SAAU,GAAO;GAC/C,OAAOM,EAAM;EACf,CAAC,CAAC,CAAC,KAAK,EAAE;EACV,KAAYR,EAASO,CAAG;CAC1B,GAEIE,IAAiB,SAAwB,GAAG;EAC9C,IAAIC,IAAY,EAAE,QACdT,IAAQS,EAAU,OAClBC,IAAqBD,EAAU;EAkBnC,AAhBIT,EAAM,SAAS,KACjB,EAAE,OAAO,QAAQA,EAAM,OAAO,CAAC,GAE3BU,MAAuB,QACzBA,EAAmB,MAAM,KAGvBV,EAAM,MAAME,EAAW,OAAO,IAC5BQ,MAAuB,QACzBA,EAAmB,MAAM,IAG3B,EAAE,OAAO,QAAQ,IAIrBL,EAAW;CACb,GAEIM,IAAkB,SAAyB,GAAG;EAChD,IAAIC,IAAM,EAAE,KACRC,IAAS,EAAE;EAEf,IAAID,MAAQ,aAAa;GACvB,IAAIC,EAAO,UAAU,IACf;QAAAA,EAAO,2BAA2B,MAAM;KAC1C,IAAIC,IAAID,EAAO;KAGf,AAFA,EAAE,QAAQ,IACVC,EAAE,MAAM,GACR,EAAE,eAAe;IACnB;UAEA,EAAO,QAAQ;GAGjB,EAAW;EACb;CACF,GAEIC,IAAgB,SAAuB,GAAG;EAC5C,EAAE,OAAO,OAAO;CAClB,GAEIC,IAAgB,SAAuB,GAAG;EAI5C,KAAK,IAHDC,IAAc,EAAE,cAAc,QAAQ,MAAM,GAC5CC,IAAe,GAEVd,IAAI,GAAGA,IAAIa,EAAY,QAAQ,KAAK;GAC3C,IAAIE,IAAkBF,EAAY,OAAOb,CAAC,GACtCgB,IAAenB,EAAU,QAAQiB,EAAa,CAAC;GAEnD,AAAIC,EAAgB,MAAMjB,EAAW,OAAO,MACrCkB,MACH,EAAU,QAAQF,EAAa,CAAC,QAAQC,GAEpClB,EAAU,QAAQiB,EAAa,CAAC,uBAAuB,SACzDjB,EAAU,QAAQiB,EAAa,CAAC,mBAAmB,MAAM,GACzD;EAIR;EAGA,AADAb,EAAW,GACX,EAAE,eAAe;CACnB,GAEIgB,IAAS,CAAC,GAEVC,IAAQ,SAAe,GAAG;EAC5B,EAAO,KAAAzC,EAAW,cAAc,SAAS,OAAO,OAAO;GACrD,KAAKuB;GACL,UAAUI;GACV,WAAWG;GACX,SAASI;GACT,SAASC;EACX,GAAGd,GAAY;GACb,MAAMP,IAAa,aAAaO,EAAW;GAC3C,KAAK,SAAa,GAAI;IACpB,EAAU,QAAQE,KAAKmB;GACzB;GACA,WAAW;GACX,WAAW9B;GACX,cAAcW,MAAM,IAAI,kBAAkB;GAC1C,cAAchB,IAAYA,IAAY,kBAAkBgB,IAAI,KAAK,MAAM,gBAAgBA,IAAI,KAAK;GACtF;GACG;EACf,CAAC,CAAC,CAAC;CACL,GAESA,IAAI,GAAGA,IAAIP,GAAQ,KAC1B,EAAMO,CAAC;CAGT,OAAAvB,EAAa,cAAc,OAAO,EAChC,WAAWU,EACb,GAAG8B,CAAM;AACX,CAAC,G,SCnKYI,KAAuC,EAClD,6BACqC;CACrC,IAAMC,IAAYC,EAAoB,WAChC,EAAE,0BAAuB,4BAAyBA,GAClD,EAAE,gBAAaC,GACfC,IAAiBnD,EAAQ,8BAA8B,GAEvDoD,IAAAjD,EAAqB,OAAO,IAAI,GAEhCkD,KACJ,GACA,MACG;EACH,IAAMC,IAA6C7D,EACjDuD,IACC,MAA2C;GAC1C,EAAOd,KAAeZ;EACxB,CACF;EACA,EAAoB,gBAAgBgC,CAAS;CAC/C,GAEMC,UAAiE;EACrE,IAAMD,IAA6C7D,EACjDuD,IACC,MAA2C;GAE1C,AADA,EAAM,oBAAoB,IAC1B,OAAOQ,EAAM;EACf,CACF;EAGA,OAFAP,EAAoB,gBAAgBK,CAAS,GAEtCA;CACT;CAgBA,OAdAnD,EAAM,gBAAgB;EACpB,AAGE6C,EAAU,uBAAqB;CAEnC,GAAG,CAAC,CAAC,GAEL7C,EAAM,gBAAgB;EACpB,AAAI6C,EAAU,mBAAmB,UAAA,KAC/BS,EAAWT,GAAWC,GAAqBrD,EAAsB,sBAAsB;CAE3F,GAAG,CAACoD,EAAU,kBAAkB,CAAC,GAG/B,iBAAA,GAAAF,EAAA,IAAA,CAAC,OAAD;EACE,IAAG;EACH,WAAU;EAEV,UAAA,iBAAA,GAAAA,EAAA,KAAA,CAAC,OAAD;GAAK,MAAK;GAAV,UAAA;IACE,iBAAA,GAAAA,EAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,iBAAA,GAAAA,EAAA,IAAA,CAAC7C,GAAD;MAAkB,OAAM;MACtB,UAAA,iBAAA,GAAA6C,EAAA,IAAA,CAACjD,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACe,CAAA,GAClB,iBAAA,GAAAiD,EAAA,IAAA,CAAC,OAAD;MAAK,WAAU;MACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACjD,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACE,CAAA,CACF;;IACL,iBAAA,GAAAiD,EAAA,IAAA,CAAC,OAAD,EAAK,WAAU,qBAAsB,CAAA;IACrC,iBAAA,GAAAA,EAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,iBAAA,GAAAA,EAAA,IAAA,CAACxC,GAAD;MACE,WAAW,MAAU;OAEnB,AADA+C,EAAsC,sBAAsBK,CAAK,GACjExD,EACE,sBACAwD,GACAT,CACF;MACF;MACA,KAAKG;MACL,mBAAkB;MAClB,QAAA;MACA,YAAA;MACA,oBAAmB;MACnB,gBAAgB,mBACdO,EAAsB,qBAAqB,4BAA4B;KAE1E,CAAA,GACAA,EAAsB,sBACpBC,GAAU,SAAS,KAClB,iBAAA,GAAAd,EAAA,KAAA,CAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACG,CAACK,KACA,iBAAA,GAAAL,EAAA,IAAA,CAAC,OAAD,EAAA,UACE,iBAAA,GAAAA,EAAA,IAAA,CAAC,OAAD;OACE,KAAI;OACJ,KAAI;MACL,CAAA,EACE,CAAA,GAEP,iBAAA,GAAAA,EAAA,IAAA,CAAC,OAAD;OAAK,WAAU;OACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACjD,GAAD;QACE,IAAG;QACH,gBAAe;OAChB,CAAA;MACE,CAAA,CACF;KAEN,CAAA,CAAA;;IACL,iBAAA,GAAAiD,EAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAAC,UAAD;MACE,MAAK;MACL,WAAU;MACV,cAAW;MACX,eAAe;OACb,EACES,EAAwB,GACxBN,GACArD,EAAsB,sBACxB;MACF;MAEA,UAAA,iBAAA,GAAAkD,EAAA,IAAA,CAACjD,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACK,CAAA;IACL,CAAA;GACF;;CACF,CAAA;AAET"}

package/chunk/{StepCompleteAuthentication-BMe7s_qR.js → StepCompleteAuthentication-Ds3ieihr.js}

@@ -1,16 +1,16 @@
 
 /**
- *   VERSION: 2.310.0
- *   BUILD_TIMESTAMP: 1793209392260
- *   BUILD_DATE: Wed Oct 28 2026 17:43:12 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 18cd51e1767c98bc1025777900967b8509cccd99
+ *   VERSION: 2.312.0
+ *   BUILD_TIMESTAMP: 1793657704084
+ *   BUILD_DATE: Mon Nov 02 2026 22:15:04 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: d28d18cf826fdda5ef438b299140b7946082d830
  */
 import { At as e, dt as t } from "./i18next-iyVj5hRL.js";
 import { n, s as r, t as i } from "./jsx-runtime-DwmrsRqi.js";
 import { b as a } from "./runtimeTypes-B2AGNJMT.js";
-import { t as o } from "./hooks-Dc2ICkLE.js";
+import { t as o } from "./hooks-D0X_qdc-.js";
 import { t as s } from "./AnnouncingHeader-CM01vEpF.js";
-import { d as c, l } from "./stepComponentHelpers-CeJt7-iZ.js";
+import { d as c, l } from "./stepComponentHelpers-CyqXTDdj.js";
 //#region ../node_modules/react-auth-code-input/dist/index.modern.js
 var u = /* @__PURE__ */ e(r()), d = [
 	"alpha",

package/chunk/{StepCompleteAuthentication-BMe7s_qR.js.map → StepCompleteAuthentication-Ds3ieihr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepCompleteAuthentication-BMe7s_qR.js","names":["forwardRef","useRef","produce","__toESM","fn","require_react","require_jsx_runtime","VerificationStepsEnum","useFlag","AnnouncingHeader","updateFieldValidationErrorsByFieldId","import_react","allowedCharactersValues","propsMap","AuthCode","_ref$allowedCharacter","_ref","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","inputProps","ref","i","sendResult","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","el","import_jsx_runtime","StepCompleteAuthenticationComponent","viewModel","verificationService","verificationResponse","shouldHideIcon","authInputRef","updateCompleteAuthenticationViewmodel","nextState","manuallyVerifyViewModel","draft","submitForm","FormattedHTMLMessage","token","fieldValidationErrors","errorIds"],"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"],"ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"StepCompleteAuthentication-Ds3ieihr.js","names":["forwardRef","useRef","produce","__toESM","fn","require_react","require_jsx_runtime","VerificationStepsEnum","useFlag","AnnouncingHeader","updateFieldValidationErrorsByFieldId","import_react","allowedCharactersValues","propsMap","AuthCode","_ref$allowedCharacter","_ref","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","inputProps","ref","i","sendResult","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","el","import_jsx_runtime","StepCompleteAuthenticationComponent","viewModel","verificationService","verificationResponse","shouldHideIcon","authInputRef","updateCompleteAuthenticationViewmodel","nextState","manuallyVerifyViewModel","draft","submitForm","FormattedHTMLMessage","token","fieldValidationErrors","errorIds"],"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"],"ignoreList":[0],"mappings":"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"}

package/chunk/{StepConsolation-Caze5btr.js → StepConsolation-C0N1GRlI.js}

@@ -4,15 +4,15 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.310.0
- *   BUILD_TIMESTAMP: 1793209397347
- *   BUILD_DATE: Wed Oct 28 2026 17:43:17 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 18cd51e1767c98bc1025777900967b8509cccd99
+ *   VERSION: 2.312.0
+ *   BUILD_TIMESTAMP: 1793657708319
+ *   BUILD_DATE: Mon Nov 02 2026 22:15:08 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: d28d18cf826fdda5ef438b299140b7946082d830
  */
 import { l as e } from "./runtimeTypes-B2AGNJMT.js";
 import { n as t, t as n } from "./jsx-runtime-BUMIo32n.js";
-import { B as r, o as i } from "./programThemeGetters-CGPGlO7Q.js";
-import { t as a } from "./LogoComponent-COor2zpj.js";
+import { G as r, o as i } from "./programThemeGetters-DXn-alcY.js";
+import { t as a } from "./LogoComponent-C4UN1JY9.js";
 import { t as o } from "./CopyToClipboardComponent-Dag4rxf8.js";
 //#region src/components/StepConsolation/StepConsolationComponent.tsx
 var s = n(), c = ({ verificationService: n }) => {

package/chunk/{StepConsolation-Caze5btr.js.map → StepConsolation-C0N1GRlI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepConsolation-Caze5btr.js","names":["_Fragment","RewardDisplayEnum","FormattedHTMLMessage","require_jsx_runtime","getBarcodeUrl","useProgramConfiguration","LogoComponent","CopyToClipboard","import_jsx_runtime","StepConsolationComponent","programConfiguration","consolationRewardCode","verificationService","noCodeType","showReward","rewardDisplay","displayType","verificationId"],"sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\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 programConfiguration = useProgramConfiguration();\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = programConfiguration.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = programConfiguration;\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":";;;;;;A,aAyHaS,KA3GY,EAAE,6BAAgD;CACzE,IAAMC,IAAuBL,EAAwB,GAC/CM,IACHC,EAAoB,qBAA6C,yBAClE,4BAEIC,IAAaH,EAAqB,cAAc,UAChD,EAAE,sBAAmBE,EAAoB,sBAEzC,EAAE,qBAAkBF,GACpBI,IAAa,CAACD,KAAc,CAAC,CAACE,EAAc;CAElD,OACE,iBAAA,GAAAP,EAAA,KAAA,CAAC,OAAD;EAAK,IAAG;EAAuB,WAAU;EAAzC,UAAA,CACE,iBAAA,GAAAA,EAAA,KAAA,CAAC,OAAD;GAAK,MAAK;GAAV,UAAA;IACE,iBAAA,GAAAA,EAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,iBAAA,GAAAA,EAAA,IAAA,CAAC,OAAD;OAAK,WAAU;OACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACF,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MAEL,iBAAA,GAAAE,EAAA,IAAA,CAAC,OAAD;OACE,WAAU;OACV,IAAG;OACH,MAAK;OAEL,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACE,CAAA;MAEL,iBAAA,GAAAM,EAAA,IAAA,CAAC,OAAD;OAAK,WAAU;OACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;QAAsB,IAAG;QAAc,gBAAe;QAClD,WAAA,MACA,iBAAA,GAAAM,EAAA,IAAA,CAACN,GAAD;SACE,IAAG;SACH,gBAAe;SACf,QAAQ,EAAE,eAAY;QACvB,CAAA;OAEiB,CAAA;MACnB,CAAA;KACF;;IAEJY,KACC,iBAAA,GAAAN,EAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACZ,UAAAO,EAAc,KAAK,MACdC,MAAgBf,EAAkB,OAUpC,iBAAA,GAAAO,EAAA,KAAA,CAAAR,EAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAAQ,EAAA,IAAA,CAAC,OAAD;MACE,WAAU;MACV,MAAK;MAEJ,UAAAG;KACE,CAAA,GACL,iBAAA,GAAAH,EAAA,IAAA,CAACD,GAAD;MACE,WAAU;MACV,YAAYI;MACZ,kBAAkB,iBAAA,GAAAH,EAAA,IAAA,CAACN,GAAD;OAAsB,IAAG;OAAS,gBAAe;MAAU,CAAA;MAE7E,UAAA,iBAAA,GAAAM,EAAA,IAAA,CAACN,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACc,CAAA,CACjB,EAAA,CAAA,IAzBA,iBAAA,GAAAM,EAAA,IAAA,CAAC,OAAD;MAEE,WAAU;MACV,KAAKG;MACL,KAAKP,EAAca,GAAgB,yBAAyBD,CAAW;KACxE,GAJMA,CAIN,CAsBN;IACE,CAAA;IAGP,iBAAA,GAAAR,EAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;GACF;EAEL,CAAA,GAAA,iBAAA,GAAAM,EAAA,IAAA,CAAC,OAAD;GACE,WAAU;GACV,MAAK;GAEL,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;IAAsB,IAAG;IAAc,gBAAe;IAClD,WAAA,MACA,iBAAA,GAAAM,EAAA,IAAA,CAACN,GAAD;KACE,IAAG;KACH,gBAAe;KACf,QAAQ,EAAE,eAAY;IACvB,CAAA;GAEiB,CAAA;EACnB,CAAA,CACF;;AAET"}
+{"version":3,"file":"StepConsolation-C0N1GRlI.js","names":["_Fragment","RewardDisplayEnum","FormattedHTMLMessage","require_jsx_runtime","getBarcodeUrl","useProgramConfiguration","LogoComponent","CopyToClipboard","import_jsx_runtime","StepConsolationComponent","programConfiguration","consolationRewardCode","verificationService","noCodeType","showReward","rewardDisplay","displayType","verificationId"],"sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\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 programConfiguration = useProgramConfiguration();\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = programConfiguration.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = programConfiguration;\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":";;;;;;A,aAyHaS,KA3GY,EAAE,6BAAgD;CACzE,IAAMC,IAAuBL,EAAwB,GAC/CM,IACHC,EAAoB,qBAA6C,yBAClE,4BAEIC,IAAaH,EAAqB,cAAc,UAChD,EAAE,sBAAmBE,EAAoB,sBAEzC,EAAE,qBAAkBF,GACpBI,IAAa,CAACD,KAAc,CAAC,CAACE,EAAc;CAElD,OACE,iBAAA,GAAAP,EAAA,KAAA,CAAC,OAAD;EAAK,IAAG;EAAuB,WAAU;EAAzC,UAAA,CACE,iBAAA,GAAAA,EAAA,KAAA,CAAC,OAAD;GAAK,MAAK;GAAV,UAAA;IACE,iBAAA,GAAAA,EAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,iBAAA,GAAAA,EAAA,IAAA,CAAC,OAAD;OAAK,WAAU;OACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACF,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MAEL,iBAAA,GAAAE,EAAA,IAAA,CAAC,OAAD;OACE,WAAU;OACV,IAAG;OACH,MAAK;OAEL,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACE,CAAA;MAEL,iBAAA,GAAAM,EAAA,IAAA,CAAC,OAAD;OAAK,WAAU;OACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;QAAsB,IAAG;QAAc,gBAAe;QAClD,WAAA,MACA,iBAAA,GAAAM,EAAA,IAAA,CAACN,GAAD;SACE,IAAG;SACH,gBAAe;SACf,QAAQ,EAAE,eAAY;QACvB,CAAA;OAEiB,CAAA;MACnB,CAAA;KACF;;IAEJY,KACC,iBAAA,GAAAN,EAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACZ,UAAAO,EAAc,KAAK,MACdC,MAAgBf,EAAkB,OAUpC,iBAAA,GAAAO,EAAA,KAAA,CAAAR,EAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAAQ,EAAA,IAAA,CAAC,OAAD;MACE,WAAU;MACV,MAAK;MAEJ,UAAAG;KACE,CAAA,GACL,iBAAA,GAAAH,EAAA,IAAA,CAACD,GAAD;MACE,WAAU;MACV,YAAYI;MACZ,kBAAkB,iBAAA,GAAAH,EAAA,IAAA,CAACN,GAAD;OAAsB,IAAG;OAAS,gBAAe;MAAU,CAAA;MAE7E,UAAA,iBAAA,GAAAM,EAAA,IAAA,CAACN,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACc,CAAA,CACjB,EAAA,CAAA,IAzBA,iBAAA,GAAAM,EAAA,IAAA,CAAC,OAAD;MAEE,WAAU;MACV,KAAKG;MACL,KAAKP,EAAca,GAAgB,yBAAyBD,CAAW;KACxE,GAJMA,CAIN,CAsBN;IACE,CAAA;IAGP,iBAAA,GAAAR,EAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;GACF;EAEL,CAAA,GAAA,iBAAA,GAAAM,EAAA,IAAA,CAAC,OAAD;GACE,WAAU;GACV,MAAK;GAEL,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;IAAsB,IAAG;IAAc,gBAAe;IAClD,WAAA,MACA,iBAAA,GAAAM,EAAA,IAAA,CAACN,GAAD;KACE,IAAG;KACH,gBAAe;KACf,QAAQ,EAAE,eAAY;IACvB,CAAA;GAEiB,CAAA;EACnB,CAAA,CACF;;AAET"}

package/chunk/{StepConsolation-BGOrLbzH.js → StepConsolation-wLDs-0mg.js}

@@ -1,14 +1,14 @@
 
 /**
- *   VERSION: 2.310.0
- *   BUILD_TIMESTAMP: 1793209392260
- *   BUILD_DATE: Wed Oct 28 2026 17:43:12 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 18cd51e1767c98bc1025777900967b8509cccd99
+ *   VERSION: 2.312.0
+ *   BUILD_TIMESTAMP: 1793657704084
+ *   BUILD_DATE: Mon Nov 02 2026 22:15:04 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: d28d18cf826fdda5ef438b299140b7946082d830
  */
 import { n as e, t } from "./jsx-runtime-DwmrsRqi.js";
-import { k as n, o as r } from "./programThemeGetters-r4JxFjsB.js";
+import { j as n, o as r } from "./programThemeGetters-C8JS1yEr.js";
 import { l as i } from "./runtimeTypes-B2AGNJMT.js";
-import { t as a } from "./LogoComponent-CFElMGvH.js";
+import { t as a } from "./LogoComponent-C9UuIyxD.js";
 import { t as o } from "./CopyToClipboardComponent-BN9qCovT.js";
 //#region src/components/StepConsolation/StepConsolationComponent.tsx
 var s = t(), c = ({ verificationService: t }) => {

package/chunk/{StepConsolation-BGOrLbzH.js.map → StepConsolation-wLDs-0mg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepConsolation-BGOrLbzH.js","names":["_Fragment","FormattedHTMLMessage","getBarcodeUrl","useProgramConfiguration","RewardDisplayEnum","LogoComponent","CopyToClipboard","import_jsx_runtime","require_jsx_runtime","StepConsolationComponent","programConfiguration","consolationRewardCode","verificationService","noCodeType","showReward","rewardDisplay","displayType","verificationId"],"sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\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 programConfiguration = useProgramConfiguration();\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = programConfiguration.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = programConfiguration;\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":";;;;;;A,aAyHaS,KA3GY,EAAE,6BAAgD;CACzE,IAAMC,IAAuBP,EAAwB,GAC/CQ,IACHC,EAAoB,qBAA6C,yBAClE,4BAEIC,IAAaH,EAAqB,cAAc,UAChD,EAAE,sBAAmBE,EAAoB,sBAEzC,EAAE,qBAAkBF,GACpBI,IAAa,CAACD,KAAc,CAAC,CAACE,EAAc;CAElD,OACE,iBAAA,GAAAR,EAAA,KAAA,CAAC,OAAD;EAAK,IAAG;EAAuB,WAAU;EAAzC,UAAA,CACE,iBAAA,GAAAA,EAAA,KAAA,CAAC,OAAD;GAAK,MAAK;GAAV,UAAA;IACE,iBAAA,GAAAA,EAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,iBAAA,GAAAA,EAAA,IAAA,CAAC,OAAD;OAAK,WAAU;OACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACF,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MAEL,iBAAA,GAAAE,EAAA,IAAA,CAAC,OAAD;OACE,WAAU;OACV,IAAG;OACH,MAAK;OAEL,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACE,CAAA;MAEL,iBAAA,GAAAM,EAAA,IAAA,CAAC,OAAD;OAAK,WAAU;OACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;QAAsB,IAAG;QAAc,gBAAe;QAClD,WAAA,MACA,iBAAA,GAAAM,EAAA,IAAA,CAACN,GAAD;SACE,IAAG;SACH,gBAAe;SACf,QAAQ,EAAE,eAAY;QACvB,CAAA;OAEiB,CAAA;MACnB,CAAA;KACF;;IAEJa,KACC,iBAAA,GAAAP,EAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACZ,UAAAQ,EAAc,KAAK,MACdC,MAAgBZ,EAAkB,OAUpC,iBAAA,GAAAG,EAAA,KAAA,CAAAP,EAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAAO,EAAA,IAAA,CAAC,OAAD;MACE,WAAU;MACV,MAAK;MAEJ,UAAAI;KACE,CAAA,GACL,iBAAA,GAAAJ,EAAA,IAAA,CAACD,GAAD;MACE,WAAU;MACV,YAAYK;MACZ,kBAAkB,iBAAA,GAAAJ,EAAA,IAAA,CAACN,GAAD;OAAsB,IAAG;OAAS,gBAAe;MAAU,CAAA;MAE7E,UAAA,iBAAA,GAAAM,EAAA,IAAA,CAACN,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACc,CAAA,CACjB,EAAA,CAAA,IAzBA,iBAAA,GAAAM,EAAA,IAAA,CAAC,OAAD;MAEE,WAAU;MACV,KAAKI;MACL,KAAKT,EAAce,GAAgB,yBAAyBD,CAAW;KACxE,GAJMA,CAIN,CAsBN;IACE,CAAA;IAGP,iBAAA,GAAAT,EAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;GACF;EAEL,CAAA,GAAA,iBAAA,GAAAM,EAAA,IAAA,CAAC,OAAD;GACE,WAAU;GACV,MAAK;GAEL,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;IAAsB,IAAG;IAAc,gBAAe;IAClD,WAAA,MACA,iBAAA,GAAAM,EAAA,IAAA,CAACN,GAAD;KACE,IAAG;KACH,gBAAe;KACf,QAAQ,EAAE,eAAY;IACvB,CAAA;GAEiB,CAAA;EACnB,CAAA,CACF;;AAET"}
+{"version":3,"file":"StepConsolation-wLDs-0mg.js","names":["_Fragment","FormattedHTMLMessage","getBarcodeUrl","useProgramConfiguration","RewardDisplayEnum","LogoComponent","CopyToClipboard","import_jsx_runtime","require_jsx_runtime","StepConsolationComponent","programConfiguration","consolationRewardCode","verificationService","noCodeType","showReward","rewardDisplay","displayType","verificationId"],"sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\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 programConfiguration = useProgramConfiguration();\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = programConfiguration.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = programConfiguration;\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":";;;;;;A,aAyHaS,KA3GY,EAAE,6BAAgD;CACzE,IAAMC,IAAuBP,EAAwB,GAC/CQ,IACHC,EAAoB,qBAA6C,yBAClE,4BAEIC,IAAaH,EAAqB,cAAc,UAChD,EAAE,sBAAmBE,EAAoB,sBAEzC,EAAE,qBAAkBF,GACpBI,IAAa,CAACD,KAAc,CAAC,CAACE,EAAc;CAElD,OACE,iBAAA,GAAAR,EAAA,KAAA,CAAC,OAAD;EAAK,IAAG;EAAuB,WAAU;EAAzC,UAAA,CACE,iBAAA,GAAAA,EAAA,KAAA,CAAC,OAAD;GAAK,MAAK;GAAV,UAAA;IACE,iBAAA,GAAAA,EAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,iBAAA,GAAAA,EAAA,IAAA,CAAC,OAAD;OAAK,WAAU;OACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACF,GAAD,EAAoC,uBAAsB,CAAA;MACvD,CAAA;MAEL,iBAAA,GAAAE,EAAA,IAAA,CAAC,OAAD;OACE,WAAU;OACV,IAAG;OACH,MAAK;OAEL,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;QACE,IAAG;QACH,gBAAe;QACf,SAAQ;OACT,CAAA;MACE,CAAA;MAEL,iBAAA,GAAAM,EAAA,IAAA,CAAC,OAAD;OAAK,WAAU;OACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;QAAsB,IAAG;QAAc,gBAAe;QAClD,WAAA,MACA,iBAAA,GAAAM,EAAA,IAAA,CAACN,GAAD;SACE,IAAG;SACH,gBAAe;SACf,QAAQ,EAAE,eAAY;QACvB,CAAA;OAEiB,CAAA;MACnB,CAAA;KACF;;IAEJa,KACC,iBAAA,GAAAP,EAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACZ,UAAAQ,EAAc,KAAK,MACdC,MAAgBZ,EAAkB,OAUpC,iBAAA,GAAAG,EAAA,KAAA,CAAAP,EAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAAO,EAAA,IAAA,CAAC,OAAD;MACE,WAAU;MACV,MAAK;MAEJ,UAAAI;KACE,CAAA,GACL,iBAAA,GAAAJ,EAAA,IAAA,CAACD,GAAD;MACE,WAAU;MACV,YAAYK;MACZ,kBAAkB,iBAAA,GAAAJ,EAAA,IAAA,CAACN,GAAD;OAAsB,IAAG;OAAS,gBAAe;MAAU,CAAA;MAE7E,UAAA,iBAAA,GAAAM,EAAA,IAAA,CAACN,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACc,CAAA,CACjB,EAAA,CAAA,IAzBA,iBAAA,GAAAM,EAAA,IAAA,CAAC,OAAD;MAEE,WAAU;MACV,KAAKI;MACL,KAAKT,EAAce,GAAgB,yBAAyBD,CAAW;KACxE,GAJMA,CAIN,CAsBN;IACE,CAAA;IAGP,iBAAA,GAAAT,EAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACb,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IACE,CAAA;GACF;EAEL,CAAA,GAAA,iBAAA,GAAAM,EAAA,IAAA,CAAC,OAAD;GACE,WAAU;GACV,MAAK;GAEL,UAAA,iBAAA,GAAAA,EAAA,IAAA,CAACN,GAAD;IAAsB,IAAG;IAAc,gBAAe;IAClD,WAAA,MACA,iBAAA,GAAAM,EAAA,IAAA,CAACN,GAAD;KACE,IAAG;KACH,gBAAe;KACf,QAAQ,EAAE,eAAY;IACvB,CAAA;GAEiB,CAAA;EACnB,CAAA,CACF;;AAET"}

package/chunk/{StepDocUpload-D0IxmE0P.js → StepDocUpload-BGvgOCT5.js}

@@ -4,24 +4,24 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.310.0
- *   BUILD_TIMESTAMP: 1793209397347
- *   BUILD_DATE: Wed Oct 28 2026 17:43:17 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 18cd51e1767c98bc1025777900967b8509cccd99
+ *   VERSION: 2.312.0
+ *   BUILD_TIMESTAMP: 1793657708319
+ *   BUILD_DATE: Mon Nov 02 2026 22:15:08 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: d28d18cf826fdda5ef438b299140b7946082d830
  */
 import { At as e, Et as t, Ot as n, R as r, g as i, p as a, y as o } from "./intl-BK4prEGw.js";
 import { S as s, b as c, m as l, u } from "./runtimeTypes-B2AGNJMT.js";
 import { a as d, n as f, s as p, t as m } from "./jsx-runtime-BUMIo32n.js";
-import { n as ee, t as te } from "./Message-jhvpcui8.js";
-import { f as h, o as ne, s as re } from "./programThemeGetters-CGPGlO7Q.js";
-import { i as g } from "./TestingRouteOverrides-CuWxA5IP.js";
-import { t as ie } from "./FormFooterComponent-CHMM9xXM.js";
-import { t as _, u as v } from "./hooks-CzvMG3Q7.js";
+import { n as ee, t as te } from "./Message-D2kP5FCJ.js";
+import { f as h, o as ne, s as re } from "./programThemeGetters-DXn-alcY.js";
+import { i as g } from "./TestingRouteOverrides-DXjtFZZd.js";
+import { t as ie } from "./FormFooterComponent-Brab2xcp.js";
+import { t as _, u as v } from "./hooks-B7aeAwHn.js";
 import { n as y, o as b } from "./refs-Mq0rtW9K.js";
-import { t as x } from "./LogoComponent-COor2zpj.js";
+import { t as x } from "./LogoComponent-C4UN1JY9.js";
 import { t as S } from "./AnnouncingHeader-CSh0UW8I.js";
 import { a as C, i as w, j as T, n as ae, o as E } from "../_mysheerid-preview.js";
-import { i as oe, o as se, r as D } from "./useMetrics-D-HTNFpy.js";
+import { i as oe, o as se, r as D } from "./useMetrics-O66_lNx5.js";
 //#region ../node_modules/@heroicons/react/24/outline/esm/PlusIcon.js
 var O = /* @__PURE__ */ e(d()), k = /* @__PURE__ */ e(p());
 function A({ title: e, titleId: t, ...n }, r) {