@sheerid/jslib-nightly 2.104.0-alpha.1 → 2.104.0-alpha.2

package/chunk/{index-Dl7QItmr.js.map → index-CfUabHav.js.map}

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

package/chunk/{index-qAxcloBs.js → index-CjcHzfTY.js}

@@ -1,11 +1,11 @@
 
 /**
- *   VERSION: 2.104.0-alpha.1
- *   BUILD_TIMESTAMP: 1746127986395
- *   BUILD_DATE: Thu May 01 2025 19:33:06 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: a18837a69c59275ce314d94cf6208e53b6620598
+ *   VERSION: 2.104.0-alpha.2
+ *   BUILD_TIMESTAMP: 1746142342273
+ *   BUILD_DATE: Thu May 01 2025 23:32:22 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 890118c01f0c12b348ca343732208200aed0c6c3
  */
-import { i as S, R as l, c, j as e, A as R, a as t, N as E, k as V, l as w, V as y, q as k } from "../sheerid.js";
+import { i as S, R as l, d as c, j as e, A as R, a as t, W as E, m as V, l as w, V as y, t as k } from "../sheerid.js";
 const I = ({ intl: i, verificationService: s }) => {
   const o = s.viewModel, d = s.verificationResponse, M = !!s.fieldValidationErrors.smsCode, n = s.previousViewModel || void 0, [u, m] = l.useState(""), [p, g] = l.useState(
     d.errorIds && d.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")
@@ -28,18 +28,18 @@ const I = ({ intl: i, verificationService: s }) => {
     ...s.fieldValidationErrors,
     smsCode: d.errorIds[0]
   });
-  const N = (r) => {
+  const j = (r) => {
     const a = V(o, (b) => {
       b.smsCode = r, b.phoneNumber = n && n.phoneNumber;
     });
     s.updateViewModel(a);
-  }, j = () => {
+  }, C = () => {
     w.info("StepSMSLoop submitting form"), s.submitStep(
       y.smsLoop,
       o,
       s.verificationResponse
     );
-  }, C = async (r) => {
+  }, N = async (r) => {
     const a = await k.getResendNewSmsCode(r);
     a ? (g(!1), m(a.status === 204 ? h : f)) : m(L);
   };
@@ -71,7 +71,7 @@ const I = ({ intl: i, verificationService: s }) => {
     /* @__PURE__ */ e.jsx("div", { className: "sid-sms-code-id-wrapper sid-l-horz-center", children: /* @__PURE__ */ e.jsx(
       E,
       {
-        onChange: N,
+        onChange: j,
         value: o.smsCode,
         isErrored: M,
         errorId: s.fieldValidationErrors.smsCode
@@ -83,7 +83,7 @@ const I = ({ intl: i, verificationService: s }) => {
         "button",
         {
           id: "sid-submit-sms-code",
-          onClick: j,
+          onClick: C,
           type: "button",
           className: "sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue",
           "aria-label": "submit",
@@ -96,7 +96,7 @@ const I = ({ intl: i, verificationService: s }) => {
         "button",
         {
           id: "sid-resend-sms-code",
-          onClick: () => C(d.verificationId),
+          onClick: () => N(d.verificationId),
           type: "submit",
           className: "sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel",
           "aria-label": "re-send",

package/chunk/{index-BtYzUCrC.js.map → index-CjcHzfTY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BtYzUCrC.js","sources":["../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n  VerificationService,\n  StudentPersonalInfoViewModel,\n  SMSLoopResponse,\n  SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\n\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\n\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n  const viewModel = verificationService.viewModel as SMSLoopViewModel;\n  const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n  const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n  const previousViewModel =\n    (verificationService.previousViewModel as StudentPersonalInfoViewModel) || undefined;\n\n  const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n  const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n    verificationResponse.errorIds &&\n      verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n  );\n\n  const stepSuccessMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.successResend\",\n    defaultMessage: \"SMS message re-sent successfully\",\n  });\n  const maxTotalRetriesMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const errorResendingSMSMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.resend\",\n    defaultMessage: \"Error sending the SMS message\",\n  });\n\n  React.useEffect(() => {\n    if (isAttemptLimitExceeded) {\n      setStepResultMessage(maxRetriesPerCodeMessage);\n    }\n  }, []);\n\n  if (\n    getSafe(() => verificationResponse.errorIds.length) &&\n    !verificationService.fieldValidationErrors.smsCode\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...verificationService.fieldValidationErrors,\n      smsCode: verificationResponse.errorIds[0],\n    });\n  }\n\n  const updateSmsCode = (value) => {\n    const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n      draft.smsCode = value;\n      draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n    });\n    verificationService.updateViewModel(nextState);\n  };\n\n  const submitForm = () => {\n    logger.info(\"StepSMSLoop submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.smsLoop,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  const resendSmsCode = async (verificationId) => {\n    const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n    if (response) {\n      setAttemptLimitExceeded(false);\n      setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n    } else {\n      setStepResultMessage(errorResendingSMSMessage);\n    }\n  };\n\n  return (\n    <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.verificationCode\"\n          defaultMessage=\"Verification Code\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {getSafe(() => previousViewModel.phoneNumber) ? (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithNumber\"\n            defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n            values={{\n              number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n            }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithoutNumber\"\n            defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n        <SMSCodeComponent\n          onChange={updateSmsCode}\n          value={viewModel.smsCode}\n          isErrored={isErrored}\n          errorId={verificationService.fieldValidationErrors.smsCode}\n        />\n      </div>\n\n      {stepResultMessage && (\n        <div>\n          <p>{stepResultMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n        <button\n          id=\"sid-submit-sms-code\"\n          onClick={submitForm}\n          type=\"button\"\n          className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n          aria-label=\"submit\"\n          disabled={\n            !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n          }\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n        </button>\n\n        <div className=\"sid-l-space-left-sm\">&nbsp;</div>\n\n        <button\n          id=\"sid-resend-sms-code\"\n          onClick={() => resendSmsCode(verificationResponse.verificationId)}\n          type=\"submit\"\n          className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n          aria-label=\"re-send\"\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n        </button>\n      </div>\n\n      <div className=\"sid-incorrect-number sid-l-horz-center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n          defaultMessage=\"Incorrect number? Click\"\n        />\n        &nbsp;\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n            defaultMessage=\"here\"\n          />\n          &nbsp;\n        </button>\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n              defaultMessage=\"to return to {companyName}\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"names":["StepSMSLoop","intl","verificationService","viewModel","verificationResponse","isErrored","previousViewModel","stepResultMessage","setStepResultMessage","React","isAttemptLimitExceeded","setAttemptLimitExceeded","stepSuccessMessage","maxTotalRetriesMessage","maxRetriesPerCodeMessage","errorResendingSMSMessage","getSafe","updateSmsCode","value","nextState","produce","draft","submitForm","logger","VerificationStepsEnum","resendSmsCode","verificationId","response","VerificationApiClient","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","SMSCodeComponent","companyName","StepSMSLoopComponent","injectIntl"],"mappings":"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"}
+{"version":3,"file":"index-CjcHzfTY.js","sources":["../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n  VerificationService,\n  StudentPersonalInfoViewModel,\n  SMSLoopResponse,\n  SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\n\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\n\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n  const viewModel = verificationService.viewModel as SMSLoopViewModel;\n  const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n  const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n  const previousViewModel =\n    (verificationService.previousViewModel as StudentPersonalInfoViewModel) || undefined;\n\n  const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n  const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n    verificationResponse.errorIds &&\n      verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n  );\n\n  const stepSuccessMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.successResend\",\n    defaultMessage: \"SMS message re-sent successfully\",\n  });\n  const maxTotalRetriesMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const errorResendingSMSMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.resend\",\n    defaultMessage: \"Error sending the SMS message\",\n  });\n\n  React.useEffect(() => {\n    if (isAttemptLimitExceeded) {\n      setStepResultMessage(maxRetriesPerCodeMessage);\n    }\n  }, []);\n\n  if (\n    getSafe(() => verificationResponse.errorIds.length) &&\n    !verificationService.fieldValidationErrors.smsCode\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...verificationService.fieldValidationErrors,\n      smsCode: verificationResponse.errorIds[0],\n    });\n  }\n\n  const updateSmsCode = (value) => {\n    const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n      draft.smsCode = value;\n      draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n    });\n    verificationService.updateViewModel(nextState);\n  };\n\n  const submitForm = () => {\n    logger.info(\"StepSMSLoop submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.smsLoop,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  const resendSmsCode = async (verificationId) => {\n    const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n    if (response) {\n      setAttemptLimitExceeded(false);\n      setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n    } else {\n      setStepResultMessage(errorResendingSMSMessage);\n    }\n  };\n\n  return (\n    <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.verificationCode\"\n          defaultMessage=\"Verification Code\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {getSafe(() => previousViewModel.phoneNumber) ? (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithNumber\"\n            defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n            values={{\n              number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n            }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithoutNumber\"\n            defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n        <SMSCodeComponent\n          onChange={updateSmsCode}\n          value={viewModel.smsCode}\n          isErrored={isErrored}\n          errorId={verificationService.fieldValidationErrors.smsCode}\n        />\n      </div>\n\n      {stepResultMessage && (\n        <div>\n          <p>{stepResultMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n        <button\n          id=\"sid-submit-sms-code\"\n          onClick={submitForm}\n          type=\"button\"\n          className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n          aria-label=\"submit\"\n          disabled={\n            !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n          }\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n        </button>\n\n        <div className=\"sid-l-space-left-sm\">&nbsp;</div>\n\n        <button\n          id=\"sid-resend-sms-code\"\n          onClick={() => resendSmsCode(verificationResponse.verificationId)}\n          type=\"submit\"\n          className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n          aria-label=\"re-send\"\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n        </button>\n      </div>\n\n      <div className=\"sid-incorrect-number sid-l-horz-center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n          defaultMessage=\"Incorrect number? Click\"\n        />\n        &nbsp;\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n            defaultMessage=\"here\"\n          />\n          &nbsp;\n        </button>\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n              defaultMessage=\"to return to {companyName}\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"names":["StepSMSLoop","intl","verificationService","viewModel","verificationResponse","isErrored","previousViewModel","stepResultMessage","setStepResultMessage","React","isAttemptLimitExceeded","setAttemptLimitExceeded","stepSuccessMessage","maxTotalRetriesMessage","maxRetriesPerCodeMessage","errorResendingSMSMessage","getSafe","updateSmsCode","value","nextState","produce","draft","submitForm","logger","VerificationStepsEnum","resendSmsCode","verificationId","response","VerificationApiClient","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","SMSCodeComponent","companyName","StepSMSLoopComponent","injectIntl"],"mappings":"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"}

package/chunk/{index-DWjrZunN.js → index-Cp0C-9fh.js}

@@ -1,12 +1,12 @@
 
 /**
- *   VERSION: 2.104.0-alpha.1
- *   BUILD_TIMESTAMP: 1746127986395
- *   BUILD_DATE: Thu May 01 2025 19:33:06 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: a18837a69c59275ce314d94cf6208e53b6620598
+ *   VERSION: 2.104.0-alpha.2
+ *   BUILD_TIMESTAMP: 1746142342273
+ *   BUILD_DATE: Thu May 01 2025 23:32:22 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 890118c01f0c12b348ca343732208200aed0c6c3
  */
-import { j as s, L as c, a, A as p, O as g, K as u, V as d, f as x, u as j, l as b, k as h, i as E } from "../sheerid.js";
-import { EmailLoopPendingComponent as f } from "./EmailLoopPending-Cp3dQjbH.js";
+import { j as s, n as c, a, A as p, X as u, T as g, V as d, k as x, u as j, l as b, v as h, i as E } from "../sheerid.js";
+import { EmailLoopPendingComponent as f } from "./EmailLoopPending-CKTAwQQA.js";
 const L = ({
   verificationService: e
 }) => {
@@ -65,7 +65,7 @@ const L = ({
       ] }),
       /* @__PURE__ */ s.jsxs("div", { className: "sid-form-region sid-email-submit sid-submit-wrapper sid-l-space-top-md", children: [
         /* @__PURE__ */ s.jsx(
-          g,
+          u,
           {
             fieldId: "emailOverride",
             value: i.organizationEmail,
@@ -93,7 +93,7 @@ const L = ({
             id: "sid-submit-btn-sso",
             type: "submit",
             disabled: !!o.organizationEmail,
-            onClick: () => u(
+            onClick: () => g(
               i,
               e,
               d.emailLoopCollectOrganizationEmail

package/{lib/index-BpAwd4yZ.js.map → chunk/index-Cp0C-9fh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BpAwd4yZ.js","sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport produce from \"immer\";\n\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { FormFieldText } from \"../FormFields/FormFieldText/FormFieldText\";\nimport {\n  updateFieldValidationErrorsByFieldId,\n  submitForm,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n  EmailLoopCollectOrganizationEmailViewModel,\n  VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nexport const EmailLoopCollectOrganizationEmail = ({\n  verificationService,\n}: {\n  verificationService: VerificationService;\n}) => {\n  const viewModel = verificationService.viewModel as EmailLoopCollectOrganizationEmailViewModel;\n  const fieldValidationErrors = verificationService.fieldValidationErrors;\n  const isInvalidOrgEmail = (verificationService.verificationResponse?.errorIds || []).includes(\n    \"invalidEmail\",\n  );\n\n  const setEmailValue = (organizationEmail: string) => {\n    verificationService.updateViewModel({ ...viewModel, organizationEmail });\n    updateFieldValidationErrorsByFieldId(\n      \"organizationEmail\",\n      organizationEmail,\n      verificationService,\n    );\n  };\n\n  const cancelEmailLoop = async () => {\n    logger.info(\"StepEmailLoopComponent submitting form after skipping email loop\");\n    const nextState = produce(viewModel, () => {});\n    return verificationService.submitStep(\n      VerificationStepsEnum.cancelEmailLoop,\n      nextState,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <>\n      <div className=\"sid-header sid-l-horz-center\">\n        <div role=\"main\">\n          <div className=\"sid-sso-logo-container sid-l-horz-center\">\n            <LogoComponent\n              verificationService={verificationService}\n              fallbackLogo={\n                <img\n                  className=\"sid-sso-logo-default sid-l-lead-image\"\n                  alt=\"\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg\"\n                />\n              }\n            />\n          </div>\n          <div className=\"sid-preheader-label sid-l-space-top-md\">\n            <span className=\"sid-h-label\">\n              <FormattedHTMLMessage id=\"instant\" defaultMessage=\"Instant\" />\n            </span>\n          </div>\n          <AnnouncingHeader align=\"center\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.title\"\n              defaultMessage=\"Verify using your work email address\"\n              tagName=\"h1\"\n            />\n          </AnnouncingHeader>\n          <div className=\"sid-header__subtitle-one\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.subtitle\"\n              defaultMessage=\"Enter the email address provided by your employer and we'll send you a verification link\"\n            />\n          </div>\n        </div>\n\n        <div className=\"sid-form-region sid-email-submit sid-submit-wrapper sid-l-space-top-md\">\n          <FormFieldText\n            fieldId=\"emailOverride\"\n            value={viewModel.organizationEmail}\n            onChange={setEmailValue}\n            placeholder=\"\"\n            label={\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.label\"\n                defaultMessage=\"Work email address\"\n              />\n            }\n            errorMessage={\n              (isInvalidOrgEmail && (\n                <FormattedHTMLMessage\n                  id=\"step.emailLoop.errors.invalidEmail\"\n                  defaultMessage=\"This email address is not valid for instant verification. Please use an email address provided by your employer or upload documentation below.\"\n                />\n              )) ||\n              (fieldValidationErrors.organizationEmail && (\n                <FormattedHTMLMessage id=\"emailIds.invalidEmail\" defaultMessage=\"Invalid email\" />\n              ))\n            }\n          />\n          <div className=\"sid-l-space-top-sm\">\n            <button\n              id=\"sid-submit-btn-sso\"\n              type=\"submit\"\n              disabled={!!fieldValidationErrors.organizationEmail}\n              onClick={() =>\n                submitForm(\n                  viewModel,\n                  verificationService,\n                  VerificationStepsEnum.emailLoopCollectOrganizationEmail,\n                )\n              }\n              className=\"sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width \"\n              aria-label=\"submit\"\n            >\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.send\"\n                defaultMessage=\"Send Email\"\n              />\n            </button>\n          </div>\n\n          <div className=\"sid-form-region sid-l-space-top-lg sid-l-horz-center\">\n            <div className=\"sid-header__subtitle-two sid-h-bold-text\">\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.alternative\"\n                defaultMessage=\"Unable to access a work email address?\"\n              />\n            </div>\n            <div className=\"sid-form-region sid-l-space-btm-sm sid-l-space-top-sm\">\n              <FormattedHTMLMessage\n                id=\"step.sso.alternative\"\n                defaultMessage=\"You can also verify by uploading proof of eligibility\"\n              />\n            </div>\n            <div className=\"sid-l-space-top-sm\">\n              <button\n                onClick={cancelEmailLoop}\n                className=\"sid-h-btn-link-like sid-link sid-h-bold-text\"\n                type=\"button\"\n              >\n                <FormattedHTMLMessage\n                  id=\"step.sso.cancel\"\n                  defaultMessage=\"Upload Proof of Enrollment\"\n                />\n              </button>\n            </div>\n          </div>\n\n          <div className=\"sid-l-space-top-lg\" />\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </>\n  );\n};\n","import React from \"react\";\nimport { injectIntl, InjectedIntl } from \"react-intl\";\n\nimport { EmailLoopResponse, VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport { EmailLoopPendingComponent } from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  // eslint-disable-next-line react/no-unused-prop-types -- this prop type is reused in the sub components\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoop = ({ verificationService }: StepEmailLoopComponentProps) => {\n  const isCollectOrgEmailState =\n    (verificationService.verificationResponse as EmailLoopResponse).currentState ===\n    \"collectOrganizationEmail\";\n  return (\n    <div id=\"sid-step-email-loop\" className=\"sid-step-email-loop-container sid-l-container\">\n      {isCollectOrgEmailState ? (\n        <EmailLoopCollectOrganizationEmail verificationService={verificationService} />\n      ) : (\n        <EmailLoopPendingComponent verificationService={verificationService} />\n      )}\n    </div>\n  );\n};\n\nexport const StepEmailLoopComponent = injectIntl(StepEmailLoop);\n"],"names":["EmailLoopCollectOrganizationEmail","verificationService","viewModel","fieldValidationErrors","isInvalidOrgEmail","_a","setEmailValue","organizationEmail","updateFieldValidationErrorsByFieldId","cancelEmailLoop","logger","nextState","produce","VerificationStepsEnum","jsxs","Fragment","jsx","LogoComponent","FormattedHTMLMessage","AnnouncingHeader","FormFieldText","submitForm","FormFooter","StepEmailLoop","isCollectOrgEmailState","EmailLoopPendingComponent","StepEmailLoopComponent","injectIntl"],"mappings":"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"}
+{"version":3,"file":"index-Cp0C-9fh.js","sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport produce from \"immer\";\n\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { FormFieldText } from \"../FormFields/FormFieldText/FormFieldText\";\nimport {\n  updateFieldValidationErrorsByFieldId,\n  submitForm,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n  EmailLoopCollectOrganizationEmailViewModel,\n  VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\nexport const EmailLoopCollectOrganizationEmail = ({\n  verificationService,\n}: {\n  verificationService: VerificationService;\n}) => {\n  const viewModel = verificationService.viewModel as EmailLoopCollectOrganizationEmailViewModel;\n  const fieldValidationErrors = verificationService.fieldValidationErrors;\n  const isInvalidOrgEmail = (verificationService.verificationResponse?.errorIds || []).includes(\n    \"invalidEmail\",\n  );\n\n  const setEmailValue = (organizationEmail: string) => {\n    verificationService.updateViewModel({ ...viewModel, organizationEmail });\n    updateFieldValidationErrorsByFieldId(\n      \"organizationEmail\",\n      organizationEmail,\n      verificationService,\n    );\n  };\n\n  const cancelEmailLoop = async () => {\n    logger.info(\"StepEmailLoopComponent submitting form after skipping email loop\");\n    const nextState = produce(viewModel, () => {});\n    return verificationService.submitStep(\n      VerificationStepsEnum.cancelEmailLoop,\n      nextState,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <>\n      <div className=\"sid-header sid-l-horz-center\">\n        <div role=\"main\">\n          <div className=\"sid-sso-logo-container sid-l-horz-center\">\n            <LogoComponent\n              verificationService={verificationService}\n              fallbackLogo={\n                <img\n                  className=\"sid-sso-logo-default sid-l-lead-image\"\n                  alt=\"\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg\"\n                />\n              }\n            />\n          </div>\n          <div className=\"sid-preheader-label sid-l-space-top-md\">\n            <span className=\"sid-h-label\">\n              <FormattedHTMLMessage id=\"instant\" defaultMessage=\"Instant\" />\n            </span>\n          </div>\n          <AnnouncingHeader align=\"center\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.title\"\n              defaultMessage=\"Verify using your work email address\"\n              tagName=\"h1\"\n            />\n          </AnnouncingHeader>\n          <div className=\"sid-header__subtitle-one\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.subtitle\"\n              defaultMessage=\"Enter the email address provided by your employer and we'll send you a verification link\"\n            />\n          </div>\n        </div>\n\n        <div className=\"sid-form-region sid-email-submit sid-submit-wrapper sid-l-space-top-md\">\n          <FormFieldText\n            fieldId=\"emailOverride\"\n            value={viewModel.organizationEmail}\n            onChange={setEmailValue}\n            placeholder=\"\"\n            label={\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.label\"\n                defaultMessage=\"Work email address\"\n              />\n            }\n            errorMessage={\n              (isInvalidOrgEmail && (\n                <FormattedHTMLMessage\n                  id=\"step.emailLoop.errors.invalidEmail\"\n                  defaultMessage=\"This email address is not valid for instant verification. Please use an email address provided by your employer or upload documentation below.\"\n                />\n              )) ||\n              (fieldValidationErrors.organizationEmail && (\n                <FormattedHTMLMessage id=\"emailIds.invalidEmail\" defaultMessage=\"Invalid email\" />\n              ))\n            }\n          />\n          <div className=\"sid-l-space-top-sm\">\n            <button\n              id=\"sid-submit-btn-sso\"\n              type=\"submit\"\n              disabled={!!fieldValidationErrors.organizationEmail}\n              onClick={() =>\n                submitForm(\n                  viewModel,\n                  verificationService,\n                  VerificationStepsEnum.emailLoopCollectOrganizationEmail,\n                )\n              }\n              className=\"sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width \"\n              aria-label=\"submit\"\n            >\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.send\"\n                defaultMessage=\"Send Email\"\n              />\n            </button>\n          </div>\n\n          <div className=\"sid-form-region sid-l-space-top-lg sid-l-horz-center\">\n            <div className=\"sid-header__subtitle-two sid-h-bold-text\">\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.alternative\"\n                defaultMessage=\"Unable to access a work email address?\"\n              />\n            </div>\n            <div className=\"sid-form-region sid-l-space-btm-sm sid-l-space-top-sm\">\n              <FormattedHTMLMessage\n                id=\"step.sso.alternative\"\n                defaultMessage=\"You can also verify by uploading proof of eligibility\"\n              />\n            </div>\n            <div className=\"sid-l-space-top-sm\">\n              <button\n                onClick={cancelEmailLoop}\n                className=\"sid-h-btn-link-like sid-link sid-h-bold-text\"\n                type=\"button\"\n              >\n                <FormattedHTMLMessage\n                  id=\"step.sso.cancel\"\n                  defaultMessage=\"Upload Proof of Enrollment\"\n                />\n              </button>\n            </div>\n          </div>\n\n          <div className=\"sid-l-space-top-lg\" />\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </>\n  );\n};\n","import React from \"react\";\nimport { injectIntl, InjectedIntl } from \"react-intl\";\n\nimport { EmailLoopResponse, VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport { EmailLoopPendingComponent } from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  // eslint-disable-next-line react/no-unused-prop-types -- this prop type is reused in the sub components\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoop = ({ verificationService }: StepEmailLoopComponentProps) => {\n  const isCollectOrgEmailState =\n    (verificationService.verificationResponse as EmailLoopResponse).currentState ===\n    \"collectOrganizationEmail\";\n  return (\n    <div id=\"sid-step-email-loop\" className=\"sid-step-email-loop-container sid-l-container\">\n      {isCollectOrgEmailState ? (\n        <EmailLoopCollectOrganizationEmail verificationService={verificationService} />\n      ) : (\n        <EmailLoopPendingComponent verificationService={verificationService} />\n      )}\n    </div>\n  );\n};\n\nexport const StepEmailLoopComponent = injectIntl(StepEmailLoop);\n"],"names":["EmailLoopCollectOrganizationEmail","verificationService","viewModel","fieldValidationErrors","isInvalidOrgEmail","_a","setEmailValue","organizationEmail","updateFieldValidationErrorsByFieldId","cancelEmailLoop","logger","nextState","produce","VerificationStepsEnum","jsxs","Fragment","jsx","LogoComponent","FormattedHTMLMessage","AnnouncingHeader","FormFieldText","submitForm","FormFooter","StepEmailLoop","isCollectOrgEmailState","EmailLoopPendingComponent","StepEmailLoopComponent","injectIntl"],"mappings":"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"}

package/chunk/{index-D3dphMnl.js → index-Cq__fToG.js}

@@ -4,17 +4,17 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.104.0-alpha.1
- *   BUILD_TIMESTAMP: 1746128043861
- *   BUILD_DATE: Thu May 01 2025 19:34:03 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: a18837a69c59275ce314d94cf6208e53b6620598
+ *   VERSION: 2.104.0-alpha.2
+ *   BUILD_TIMESTAMP: 1746142396526
+ *   BUILD_DATE: Thu May 01 2025 23:33:16 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 890118c01f0c12b348ca343732208200aed0c6c3
  */
-import { j as e, L as r, a as s, m as c, n as p, C as m } from "../_mysheerid-preview.js";
-const u = ({ verificationService: o }) => {
-  const d = o.verificationResponse.consolationRewardCode || "${consolationRewardCode}", i = o.programTheme.config.offerType === "noCode", { verificationId: n } = o.verificationResponse, { rewardDisplay: t } = o.programTheme.config, l = !i && !!t.length;
+import { j as e, n as r, a as o, o as c, p, C as m } from "../_mysheerid-preview.js";
+const u = ({ verificationService: s }) => {
+  const d = s.verificationResponse.consolationRewardCode || "${consolationRewardCode}", i = s.programTheme.config.offerType === "noCode", { verificationId: n } = s.verificationResponse, { rewardDisplay: t } = s.programTheme.config, l = !i && !!t.length;
   return /* @__PURE__ */ e.jsxs("div", { id: "sid-step-consolation", className: "sid-l-container", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "sid-header sid-l-horz-center sid-l-space-top-md", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "sid-l-horz-center", children: /* @__PURE__ */ e.jsx(r, { verificationService: o }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "sid-l-horz-center", children: /* @__PURE__ */ e.jsx(r, { verificationService: s }) }),
       /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -22,7 +22,7 @@ const u = ({ verificationService: o }) => {
           id: "consolation-status",
           role: "alertdialog",
           children: /* @__PURE__ */ e.jsx(
-            s,
+            o,
             {
               id: "step.consolation.title",
               defaultMessage: "Claim your offer",
@@ -32,7 +32,7 @@ const u = ({ verificationService: o }) => {
         }
       ),
       /* @__PURE__ */ e.jsx("div", { className: "sid-l-horz-center", children: /* @__PURE__ */ e.jsx(
-        s,
+        o,
         {
           id: "step.consolation.subtitle",
           defaultMessage: "Unfortunately we could not verify your status, but we value your interest and are offering this promo code as a thank you. It is unique to you and can only be used once."
@@ -60,9 +60,9 @@ const u = ({ verificationService: o }) => {
         m,
         {
           textToCopy: d,
-          notificationText: /* @__PURE__ */ e.jsx(s, { id: "copied", defaultMessage: "Copied" }),
+          notificationText: /* @__PURE__ */ e.jsx(o, { id: "copied", defaultMessage: "Copied" }),
           children: /* @__PURE__ */ e.jsx(
-            s,
+            o,
             {
               id: "step.success.copyCouponCode",
               defaultMessage: "Copy Coupon code"
@@ -72,7 +72,7 @@ const u = ({ verificationService: o }) => {
       ) })
     ] })) }),
     /* @__PURE__ */ e.jsx("div", { className: "sid-footer sid-l-horz-center sid-l-space-top-lg", children: /* @__PURE__ */ e.jsx(
-      s,
+      o,
       {
         id: "rewardCodeEmailNotification",
         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."
@@ -83,8 +83,8 @@ const u = ({ verificationService: o }) => {
       {
         className: "sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text",
         role: "contentinfo",
-        children: /* @__PURE__ */ e.jsx(s, { id: "companyName", defaultMessage: "{Company}", children: (a) => /* @__PURE__ */ e.jsx(
-          s,
+        children: /* @__PURE__ */ e.jsx(o, { id: "companyName", defaultMessage: "{Company}", children: (a) => /* @__PURE__ */ e.jsx(
+          o,
           {
             id: "step.consolation.verificationOnly",
             defaultMessage: "Please direct any and all questions about this offer to {companyName}.",

package/chunk/{index-CaSKZsTY.js.map → index-Cq__fToG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CaSKZsTY.js","sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { VerificationService, ConsolationResponse } from \"../../lib/types/types\";\n\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 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\n            id=\"step.consolation.subtitle\"\n            defaultMessage=\"Unfortunately we could not verify your status, but we value your interest and are offering this promo code as a thank you. It is unique to you and can only be used once.\"\n          />\n        </div>\n      </div>\n\n      {showReward && (\n        <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n          {rewardDisplay.map((displayType) => {\n            if (displayType !== RewardDisplayEnum.TEXT)\n              return (\n                <img\n                  key={displayType}\n                  className=\"sid-l-space-top-md sid-barcode\"\n                  alt={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                <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n                  <CopyToClipboard\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                </div>\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\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"],"names":["StepConsolation","verificationService","consolationRewardCode","noCodeType","verificationId","rewardDisplay","showReward","jsxs","jsx","LogoComponent","FormattedHTMLMessage","displayType","RewardDisplayEnum","getBarcodeUrl","Fragment","CopyToClipboard","companyName","StepConsolationComponent"],"mappings":"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"}
+{"version":3,"file":"index-Cq__fToG.js","sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { VerificationService, ConsolationResponse } from \"../../lib/types/types\";\n\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 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\n            id=\"step.consolation.subtitle\"\n            defaultMessage=\"Unfortunately we could not verify your status, but we value your interest and are offering this promo code as a thank you. It is unique to you and can only be used once.\"\n          />\n        </div>\n      </div>\n\n      {showReward && (\n        <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n          {rewardDisplay.map((displayType) => {\n            if (displayType !== RewardDisplayEnum.TEXT)\n              return (\n                <img\n                  key={displayType}\n                  className=\"sid-l-space-top-md sid-barcode\"\n                  alt={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                <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n                  <CopyToClipboard\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                </div>\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\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"],"names":["StepConsolation","verificationService","consolationRewardCode","noCodeType","verificationId","rewardDisplay","showReward","jsxs","jsx","LogoComponent","FormattedHTMLMessage","displayType","RewardDisplayEnum","getBarcodeUrl","Fragment","CopyToClipboard","companyName","StepConsolationComponent"],"mappings":"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"}