@sheerid/jslib-nightly 2.286.0-alpha.2 → 2.287.0-alpha.0

package/chunk/StepSuccess-B8GUwLl1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepSuccess-B8GUwLl1.js","names":[],"sources":["../../src/lib/installScript/utils.ts","../../src/lib/installScript/constants.ts","../../src/lib/installScript/iframe.ts","../../src/lib/installScript/affinity.ts","../../src/components/StepSuccess/StepSuccessComponent.tsx"],"sourcesContent":["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 = \"\";\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","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","import { logger } from \"@jslib/shared/utils/logger\";\nimport { InstallTypes, type InstallType } from \"@jslib/shared/utils/getInstallType\";\n\nimport { QUERY_STRING_INSTALL_PAGE_URL, QUERY_STRING_INSTALL_TYPE } from \"../../constants\";\nimport { type InstallPageEvent } from \"../frames/frameMessages\";\nimport type { HookEvents, Options, PostMessageAction, ViewModel } from \"../types/types\";\nimport { EventEmitter } from \"../hooks/eventEmitter\";\n\nimport { getVerificationUrl } from \"./utils\";\nimport { iframeConstants as constants, iframeTitle } from \"./constants\";\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  locale: string;\n\n  hasLoaded: boolean = false;\n\n  onLoadEvents: Function[] = [];\n\n  onCleanupEvents: (() => void)[] = [];\n\n  installType: InstallType = InstallTypes.cdnInlineIframe;\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    this.iframe.src = this.getIframeUrl();\n    this.iframe.allow = \"camera *;microphone *;geolocation *;clipboard-read *;clipboard-write *\";\n    this.iframe.onload = () => this.onLoad();\n    return this.iframe;\n  }\n\n  getIframeUrl(): string {\n    const url = new URL(this.verificationUrl);\n    url.searchParams.set(\"verificationIframeUid\", this.verificationIframeUid);\n    url.searchParams.set(QUERY_STRING_INSTALL_PAGE_URL, window.location.href);\n    url.searchParams.set(QUERY_STRING_INSTALL_TYPE, this.installType);\n    if (this.locale) {\n      url.searchParams.set(\"locale\", this.locale);\n    }\n    return url.toString();\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    // HC-1181: Special casing options.locale to set locale as as QSP if the frame hasn't fully loaded yet.\n    // This causes a re-load, but in most cases would happen within milliseconds of the frame initialization.\n    // It prevents the race conditions that were failing to set the locale properly on load.\n    // If the associated playwright tests passes without this is can be removed.\n    if (!this.hasLoaded && options.locale) {\n      this.locale = options.locale;\n      const newUrl = this.getIframeUrl();\n      if (newUrl !== this.iframe.src) {\n        this.iframe.src = newUrl;\n      }\n    }\n\n    this.addOnLoadEvent(() => {\n      this.iframe.contentWindow.postMessage(message, this.verificationUrl.origin);\n    });\n  }\n\n  setInstallType(installType: InstallType) {\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\";\n\nimport Iframe, { DEFAULT_OPTIONS, type 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 function loadAffinityIFrame(containerElement: HTMLElement, url: string): AffinityIFrame {\n  const affinity = new AffinityIFrame(containerElement, url);\n  affinity.init();\n  return affinity;\n}\n\nexport default AffinityIFrame;\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { loadAffinityIFrame } from \"@/lib/installScript/affinity\";\n\nimport {\n  type VerificationService,\n  type SuccessResponse,\n  type ConsumerInfoState,\n} from \"../../lib/types/types\";\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\";\nimport { EventName, recordCTAClickEvent } from \"../../lib/GoogleAnalytics/ga\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\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  if (apiBaseUrl.includes(\"services.sheerid.com\") || apiBaseUrl.includes(\"my.sheerid.com\")) {\n    return \"https://shr-id.com\";\n  }\n\n  return \"https://aa-preview.sheerid.net\";\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  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\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  const handleOnRedirect = () => {\n    recordCTAClickEvent(EventName.SUCCESS_REDIRECT_CLICKED, {\n      programId,\n      locale,\n      verificationId,\n    });\n\n    redirect(getRememberMeRedirectDestination(locale, programId, verificationId), \"_blank\");\n  };\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\">\n      <div role=\"main\">\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                !shouldHideIcon && (\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            />\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=\"You are now eligible for this special offer.\"\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={\n                        <FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />\n                      }\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 sent you a confirmation email with redemption instructions. Look for the email from {email}.\"\n            tagName=\"p\"\n            values={{ email: \"verify@sheerid.com\" }}\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=\"Continue\"\n              />\n            </button>\n          </div>\n        ) : (\n          \"\"\n        )}\n      </div>\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={handleOnRedirect}\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"],"mappings":";;;;;;;;;;;;mCAcA,KAAA,MAAA;;;;;AAaA,GEXa,IAAiC;CAC5C,WAAW;EDJX,aAAa;GAZb,uBAAuB;GACvB,eAAe;GACf,cAAc;GACd,SAAS;GACT,cAAc;GACd,YAAY;GACZ,YAAY;EAMC;EACb,gCAAgC;EAChC,iCAAiC;CCEtB,EAAU,YAAY;CACjC,OAAO;AACT,GAEa,KAAuB,MAAwB;CAC1D,IAAI,OAAO,KAAc,YACvB,MAAU,MAAM,0CAA0C,OAAO,GAAW;AAEhF,GAEM,IAAN,MAAM,UAAe,EAAyB;CAC5C;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA,YAAqB;CAErB,eAA2B,CAAC;CAE5B,kBAAkC,CAAC;CAEnC,cAA2B,EAAa;CAExC,YAAY,GAA+B,GAAa;EAGtD,AAFA,MAAM,GAEF,EAAO,eAAe,CAAG,KAC3B,KAAK,mBAAmB,GACxB,KAAK,kBAAkB,IAAI,IAAI,EAAmB,CAAG,CAAC,GACtD,KAAK,wBAAwB,EAAO,eAAe,KAEnD,EAAO,MAAM,2DAA2D,YAAY;CAExF;CAEA,UAAgB;EACd,KAAK,gBAAgB,SAAS,MAAa,EAAS,CAAC;CACvD;CAEA,OAAO,iBAAyB;EAC9B,OAAO,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC;CAC/C;CAEA,OAAO,eAAe,GAA4B;EAChD,IAAI;GACF,IAAM,IAAM,IAAI,IAAI,CAAS;GAC7B,OAAO,EAAI,aAAa,WAAW,EAAI,aAAa;EACtD,QAAQ;GACN,OAAO;EACT;CACF;CAEA,aAAa,GAA2C;EAOtD,OANA,KAAK,SAAS,SAAS,cAAc,QAAQ,GAC7C,KAAK,OAAO,UAAU,IAAI,EAAQ,SAAS,GAC3C,KAAK,OAAO,QAAQ,EAAQ,OAC5B,KAAK,OAAO,MAAM,KAAK,aAAa,GACpC,KAAK,OAAO,QAAQ,0EACpB,KAAK,OAAO,eAAe,KAAK,OAAO,GAChC,KAAK;CACd;CAEA,eAAuB;EACrB,IAAM,IAAM,IAAI,IAAI,KAAK,eAAe;EAOxC,OANA,EAAI,aAAa,IAAI,yBAAyB,KAAK,qBAAqB,GACxE,EAAI,aAAa,IAAI,GAA+B,OAAO,SAAS,IAAI,GACxE,EAAI,aAAa,IAAI,GAA2B,KAAK,WAAW,GAC5D,KAAK,UACP,EAAI,aAAa,IAAI,UAAU,KAAK,MAAM,GAErC,EAAI,SAAS;CACtB;CAIA,eAAe,GAAoB;EACjC,IAAI;GACF,EAAoB,CAAQ;EAC9B,QAAY;GACV,EAAO,MAAM,gDAAgD,uBAAuB;GACpF;EACF;EACA,AAAI,KAAK,YACP,EAAS,IAET,KAAK,aAAa,KAAK,CAAQ;CAEnC;CAEA,SAAS;EAEP,AADA,KAAK,YAAY,IACjB,KAAK,aAAa,SAAS,MAAa,EAAS,CAAC;CACpD;CAOA,yBAAyB,GAAqD;EAC5E,IAAM,KAAY,MAAqB;GACjC,KAAK,gBAAgB,WAAW,EAAG,UAInC,EAAG,KAAK,0BAA0B,KAAK,0BAIvC,EAAG,KAAK,UAAU,EAAG,KAAK,OAAO,OACnC,EAAS,EAAG,KAAK,MAAM,IACd,EAAG,KAAK,UAAU,EAAG,KAAK,UAEnC,EAAS,EAAG,IAAI;EAEpB;EAGA,AADA,OAAO,iBAAiB,WAAW,CAAQ,GAC3C,KAAK,gBAAgB,WAAW,OAAO,oBAAoB,WAAW,CAAQ,CAAC;CACjF;CAEA,oBAAoB;EAClB,KAAK,0BAA0B,MAAkB;GAK/C,AAJI,EAAc,SAAS,UACzB,KAAK,KAAK,EAAc,KAAK,MAAM,EAAc,KAAK,IAAI,IAIzD,EAAc,UAAU,EAAc,WAAW,kBAClD,EAAc,SAAS,oBAOvB,KAAK,OAAO,YAAY,MACxB,KAAK,OAAO,MAAM,SAAS,GAAG,EAAc,OAAO;EAEvD,CAAC;CACH;CAEA,aAAa,GAA2C;EACtD,IAAM,IAA4B;GAChC,QAAQ;GACR;EACF;EAEA,KAAK,qBAAqB;GACxB,KAAK,OAAO,cAAc,YAAY,GAAS,KAAK,gBAAgB,MAAM;EAC5E,CAAC;CACH;CAEA,WAAW,GAAkB;EAC3B,IAAM,IAA4B;GAChC,QAAQ;GACR;EACF;EAMA,IAAI,CAAC,KAAK,aAAa,EAAQ,QAAQ;GACrC,KAAK,SAAS,EAAQ;GACtB,IAAM,IAAS,KAAK,aAAa;GACjC,AAAI,MAAW,KAAK,OAAO,QACzB,KAAK,OAAO,MAAM;EAEtB;EAEA,KAAK,qBAAqB;GACxB,KAAK,OAAO,cAAc,YAAY,GAAS,KAAK,gBAAgB,MAAM;EAC5E,CAAC;CACH;CAEA,eAAe,GAA0B;EACvC,KAAK,cAAc;CACrB;CAEA,KAAK,IAAwB,IAAY;EAMvC,AALI,KACF,KAAK,aAAa,CAAe,GAGnC,KAAK,kBAAkB,GACvB,KAAK,iBAAiB,YAAY,KAAK,MAAM;CAC/C;AACF,GC3MM,IAAN,cAA6B,EAAO;CAClC,YAAY,GAA+B,GAAa;EAEtD,AADA,MAAM,GAAkB,CAAG,GAC3B,KAAK,kBAAkB,IAAI,IAAI,KAAK,sBAAsB,CAAG,CAAC;CAChE;CAEA,OAAO,iBAAiB;EACtB,OAAO,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC;CAC/C;CAEA,sBAAsB,GAAqB;EACzC,IAAM,IAAS,IAAI,IAAI,CAAG;EAE1B,OADA,EAAO,aAAa,IAAI,qBAAqB,KAAK,qBAAqB,GAChE,EAAO,SAAS;CACzB;CAEA,yBAAkC,GAAqD;EACrF,IAAM,KAAY,MAAqB;GACjC,KAAK,gBAAgB,WAAW,EAAG,UAInC,EAAG,KAAK,sBAAsB,KAAK,yBAInC,EAAG,KAAK,UAAU,EAAG,KAAK,OAAO,QACnC,EAAS,EAAG,KAAK,MAAM;EAE3B;EAGA,AADA,OAAO,iBAAiB,WAAW,CAAQ,GAC3C,KAAK,gBAAgB,WAAW,OAAO,oBAAoB,WAAW,CAAQ,CAAC;CACjF;CAEA,aAAsB,GAA2C;EAO/D,OANA,KAAK,SAAS,SAAS,cAAc,QAAQ,GAC7C,KAAK,OAAO,UAAU,IAAI,EAAQ,SAAS,GAC3C,KAAK,OAAO,QAAQ,EAAQ,OAC5B,KAAK,OAAO,MAAM,KAAK,gBAAgB,MACvC,KAAK,OAAO,QAAQ,qBACpB,KAAK,OAAO,eAAe,KAAK,OAAO,GAChC,KAAK;CACd;CAEA,OAAgB;EAGd,AAFA,KAAK,aAAa;GAAE,GAAG;GAAiB,OAAO;EAA0B,CAAC,GAC1E,KAAK,kBAAkB,GACvB,KAAK,iBAAiB,YAAY,KAAK,MAAM;CAC/C;AACF;AAEA,SAAgB,EAAmB,GAA+B,GAA6B;CAC7F,IAAM,IAAW,IAAI,EAAe,GAAkB,CAAG;CAEzD,OADA,EAAS,KAAK,GACP;AACT;;;aCvCM,KAAY,GAA6B,IAAiB,WAAW;CAEzE,OADmB,KAAK,GAAqB,CAC7C,EAAI,MAAM;AACZ,GAEM,UAA2B;CAE/B,IAAM,IADU,EACG,EAAQ,QAAQ;CAMnC,OAJI,EAAW,SAAS,sBAAsB,KAAK,EAAW,SAAS,gBAAgB,IAC9E,uBAGF;AACT,GAiPa,KA/OQ,EAAE,6BAA4C;CACjE,IAAM,EAAE,yBAAsB,cAAW,iBAAc,GACjD,EAAE,mBAAgB,mBAAgB,GAClC,EAAE,cAAW,EAAoB,cACjC,IAAA,EAAoB,OAAuB,IAAI,GAC/C,IAAiB,EAAQ,8BAA8B,GAEvD,IAAe,EAAQ,GACvB,IAAc,EAAyC,cAAc,gBACrE,IAAa,EAAO,cAAc,UAElC,EAAE,qBAAkB,GACpB,IAAa,CAAC,KAAc,CAAC,CAAC,EAAc,QAK5C,IAHwB,EAAA,uBAI5B,KAA0B,EAAyC,mBAC/D,IACJ,MAAsB,sBACtB,MAAsB,mCAElB,IAAS,EAAgB,GAAW,CAAoB;CAuB9D,OAXA,EAAM,gBAAgB;EAEpB,AAAI,EAAY,YACd,EAAY,QAAQ,YAAY,IAChC,EACE,EAAY,SACZ,GAAG,EAAmB,EAAE,YAAY,EAAO,GAAG,EAAU,GAAG,GAC7D;CAEJ,GAAG;EAAC;EAAa;EAAW;EAAgB;CAAM,CAAC,GAGjD,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,IAAG;EAAmB,WAAU;YAArC;GACE,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,MAAK;cAAV;KACE,iBAAA,GAAA,EAAA,MAAC,OAAD;MAAK,WAAU;gBAAf;OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;QAAK,WAAU;kBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;SACuB;SACrB,cACE,CAAC,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;UACE,WAAU;UACV,KAAI;UACJ,KAAI;SACL,CAAA;QAGN,CAAA;OACE,CAAA;OACL,iBAAA,GAAA,EAAA,KAAC,GAAD;QAAkB,OAAM;kBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;SACf,SAAQ;QACT,CAAA;OACe,CAAA;OAClB,iBAAA,GAAA,EAAA,KAAC,OAAD;QAAK,WAAU;kBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;SACf,SAAQ;QACT,CAAA;OACE,CAAA;MACF;;KAEJ,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACZ,EAAc,KAAK,MACd,MAAgB,EAAkB,OAUpC,iBAAA,GAAA,EAAA,MAAC,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;OACE,WAAU;OACV,MAAK;iBAEJ;MACE,CAAA,GACL,iBAAA,GAAA,EAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,YAAY;QACZ,kBACE,iBAAA,GAAA,EAAA,KAAC,GAAD;SAAsB,IAAG;SAAS,gBAAe;QAAU,CAAA;kBAG7D,iBAAA,GAAA,EAAA,KAAC,GAAD;SACE,IAAG;SACH,gBAAe;QAChB,CAAA;OACc,CAAA;MACd,CAAA,CACF,EAAA,GApBK,CAoBL,IA5BH,iBAAA,GAAA,EAAA,KAAC,OAAD;OAEE,WAAU;OACV,KAAK;OACL,KAAK,EAAc,GAAgB,cAAc,CAAW;MAC7D,GAJM,CAIN,CAyBN;KACE,CAAA;KAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;MACE,WAAW,mDACT,IAAa,uBAAuB;gBAGtC,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;OACf,SAAQ;OACR,QAAQ,EAAE,OAAO,qBAAqB;MACvC,CAAA;KACE,CAAA;KAEJ,IACC,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAS,CAAW;OACnC,WAAU;iBAEV,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;OAChB,CAAA;MACK,CAAA;KACL,CAAA,IAEL;IAEC;;GAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,WAAU;IACV,MAAK;cAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAsB,IAAG;KAAc,gBAAe;gBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAgB;MAKhB,QAAQ,EAAE,eAAY;MACtB,SAAQ;KACT,CAAA;IAEiB,CAAA;GACnB,CAAA;GAEJ,EAAoB,aAAa,0BAChC,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,KAAK;IACL,IAAG;IACH,WAAU;GACX,CAAA;GAGF,KACC,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACZ,MAAsB,qBACrB,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA,IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KAEA,CAAA;KACL,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACZ,MAAsB,qBACrB,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAc,gBAAe;kBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,QAAQ,EAAE,eAAY;OACvB,CAAA;MAEiB,CAAA,IAEtB,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAc,gBAAe;kBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,QAAQ,EAAE,eAAY;OACvB,CAAA;MAEiB,CAAA;KAErB,CAAA;KACL,iBAAA,GAAA,EAAA,KAAC,UAAD;MACE,MAAK;MACL,eAjMqB;OAO7B,AANA,EAAoB,EAAU,0BAA0B;QACtD;QACA;QACA;OACF,CAAC,GAED,EAAS,EAAiC,GAAQ,GAAW,CAAc,GAAG,QAAQ;MACxF;MA0LU,WAAU;gBAET,MAAsB,qBACrB,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA,IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KAEG,CAAA;IACL;;EAEJ;;AAET"}

package/chunk/StepSuccess-BTjwSlUq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepSuccess-BTjwSlUq.js","names":[],"sources":["../../src/lib/installScript/utils.ts","../../src/lib/installScript/constants.ts","../../src/lib/installScript/iframe.ts","../../src/lib/installScript/affinity.ts","../../src/components/StepSuccess/StepSuccessComponent.tsx"],"sourcesContent":["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 = \"\";\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","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","import { logger } from \"@jslib/shared/utils/logger\";\nimport { InstallTypes, type InstallType } from \"@jslib/shared/utils/getInstallType\";\n\nimport { QUERY_STRING_INSTALL_PAGE_URL, QUERY_STRING_INSTALL_TYPE } from \"../../constants\";\nimport { type InstallPageEvent } from \"../frames/frameMessages\";\nimport type { HookEvents, Options, PostMessageAction, ViewModel } from \"../types/types\";\nimport { EventEmitter } from \"../hooks/eventEmitter\";\n\nimport { getVerificationUrl } from \"./utils\";\nimport { iframeConstants as constants, iframeTitle } from \"./constants\";\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  locale: string;\n\n  hasLoaded: boolean = false;\n\n  onLoadEvents: Function[] = [];\n\n  onCleanupEvents: (() => void)[] = [];\n\n  installType: InstallType = InstallTypes.cdnInlineIframe;\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    this.iframe.src = this.getIframeUrl();\n    this.iframe.allow = \"camera *;microphone *;geolocation *;clipboard-read *;clipboard-write *\";\n    this.iframe.onload = () => this.onLoad();\n    return this.iframe;\n  }\n\n  getIframeUrl(): string {\n    const url = new URL(this.verificationUrl);\n    url.searchParams.set(\"verificationIframeUid\", this.verificationIframeUid);\n    url.searchParams.set(QUERY_STRING_INSTALL_PAGE_URL, window.location.href);\n    url.searchParams.set(QUERY_STRING_INSTALL_TYPE, this.installType);\n    if (this.locale) {\n      url.searchParams.set(\"locale\", this.locale);\n    }\n    return url.toString();\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    // HC-1181: Special casing options.locale to set locale as as QSP if the frame hasn't fully loaded yet.\n    // This causes a re-load, but in most cases would happen within milliseconds of the frame initialization.\n    // It prevents the race conditions that were failing to set the locale properly on load.\n    // If the associated playwright tests passes without this is can be removed.\n    if (!this.hasLoaded && options.locale) {\n      this.locale = options.locale;\n      const newUrl = this.getIframeUrl();\n      if (newUrl !== this.iframe.src) {\n        this.iframe.src = newUrl;\n      }\n    }\n\n    this.addOnLoadEvent(() => {\n      this.iframe.contentWindow.postMessage(message, this.verificationUrl.origin);\n    });\n  }\n\n  setInstallType(installType: InstallType) {\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\";\n\nimport Iframe, { DEFAULT_OPTIONS, type 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 function loadAffinityIFrame(containerElement: HTMLElement, url: string): AffinityIFrame {\n  const affinity = new AffinityIFrame(containerElement, url);\n  affinity.init();\n  return affinity;\n}\n\nexport default AffinityIFrame;\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { loadAffinityIFrame } from \"@/lib/installScript/affinity\";\n\nimport {\n  type VerificationService,\n  type SuccessResponse,\n  type ConsumerInfoState,\n} from \"../../lib/types/types\";\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\";\nimport { EventName, recordCTAClickEvent } from \"../../lib/GoogleAnalytics/ga\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\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  if (apiBaseUrl.includes(\"services.sheerid.com\") || apiBaseUrl.includes(\"my.sheerid.com\")) {\n    return \"https://shr-id.com\";\n  }\n\n  return \"https://aa-preview.sheerid.net\";\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  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\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  const handleOnRedirect = () => {\n    recordCTAClickEvent(EventName.SUCCESS_REDIRECT_CLICKED, {\n      programId,\n      locale,\n      verificationId,\n    });\n\n    redirect(getRememberMeRedirectDestination(locale, programId, verificationId), \"_blank\");\n  };\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\">\n      <div role=\"main\">\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                !shouldHideIcon && (\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            />\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=\"You are now eligible for this special offer.\"\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={\n                        <FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />\n                      }\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 sent you a confirmation email with redemption instructions. Look for the email from {email}.\"\n            tagName=\"p\"\n            values={{ email: \"verify@sheerid.com\" }}\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=\"Continue\"\n              />\n            </button>\n          </div>\n        ) : (\n          \"\"\n        )}\n      </div>\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={handleOnRedirect}\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"],"mappings":"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"}

package/chunk/countryUtils-BrbLtF3F.js

@@ -1,12 +0,0 @@
-
-/**
- *   VERSION: 2.286.0-alpha.2
- *   BUILD_TIMESTAMP: 1789596641519
- *   BUILD_DATE: Wed Sep 16 2026 22:10:41 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
- */
-import { n as e } from "./programThemeGetters-Bhp4oSEn.js";
-//#region src/components/FormFields/Country/countryUtils.ts
-var t = (t, n = void 0) => (e(t) || []).length >= 2 && !n;
-//#endregion
-export { t };

package/chunk/stepComponentHelpers-BweXuNBz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepComponentHelpers-BweXuNBz.js","names":[],"sources":["../../src/lib/utils/browser/inputHelpers.ts","../../src/lib/utils/getSafe.ts","../../src/lib/utils/stepComponentHelpers/stepComponentHelpers.ts"],"sourcesContent":["import { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type ExtendedFieldId, type FieldId } from \"../../types/types\";\nimport { getRefByFieldId } from \"../../refs/refs\";\n\n/**\n * @private\n */\nexport const setFocus = (fieldId: FieldId | ExtendedFieldId) => {\n  const fieldRef = getRefByFieldId(fieldId);\n\n  if (fieldRef) {\n    try {\n      fieldRef.focus();\n    } catch (e) {\n      logger.error(\n        `The ref '${fieldRef}' could not be focused. Is the ref an HTMLInputElement or HTMLButtonElement?`,\n        \"ref error\",\n      );\n    }\n  } else {\n    logger.error(\n      `A ref for fieldId '${fieldId}' could not be found. Has the ref been registered using setRef()?`,\n      \"ref error\",\n    );\n  }\n};\n","/**\n * Avoid \"can't access property of undefined\" errors in a more readable way.\n * @param fn Function that wraps a nested property access\n * @param defaultVal Optional - the value to return if property access failed\n */\n\nexport function getSafe<T>(fn: () => T, defaultVal?: T): T | undefined {\n  try {\n    return fn();\n  } catch (e) {\n    return defaultVal;\n  }\n}\n","import { produce } from \"immer\";\nimport { type InjectedIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { EventName, recordGaEvent } from \"@/lib/GoogleAnalytics/ga\";\n\nimport {\n  type FieldId,\n  type FieldValidationErrors,\n  type Organization,\n  type VerificationService,\n  type FieldContent,\n  type FieldRef,\n  type ExtendedFieldId,\n  type WithOrganization,\n  type InputSelectOnKeyDown,\n  type FormSelectChoice,\n  type Country,\n  type ProgramTheme,\n  type Locale,\n  type ViewModel,\n  type FieldDescription,\n  type AllStatuses,\n  type PersonalInfoFieldId,\n  type Options,\n} from \"../../types/types\";\nimport { type VerificationStepsEnum } from \"../../types/runtimeTypes\";\nimport { blankOrganization } from \"../../types/empties\";\nimport {\n  validateFieldById,\n  getFieldValidationErrors,\n  isFormErrored,\n} from \"../../validators/validators\";\nimport { setFocus } from \"../browser/inputHelpers\";\nimport { getRefByFieldId, getRefs } from \"../../refs/refs\";\nimport { getSafe } from \"../getSafe\";\nimport { getConfiguredCountries } from \"../../ProgramTheme/programThemeGetters\";\nimport { getQueryParamsFromUrl } from \"../routing/Url\";\nimport { FIELD_IDS } from \"../../../constants\";\nimport { getOptions } from \"../../../options/options\";\n\nexport const updateViewModelOrganization = (\n  organization: Organization,\n  verificationService: VerificationService,\n) => {\n  const viewModel = verificationService.viewModel as WithOrganization;\n  const nextState = produce(viewModel, (draft) => {\n    draft.organization = organization\n      ? {\n          id: organization.id,\n          idExtended: organization.idExtended,\n          name: organization.name,\n          city: organization.city,\n          state: organization.state,\n          source: organization.source,\n        }\n      : blankOrganization.organization;\n    if (viewModel.organization && viewModel.organization.source !== undefined) {\n      draft.organization.source = viewModel.organization.source;\n    }\n  });\n  verificationService.updateViewModel(nextState as ViewModel);\n};\n\nexport const populateViewModelFromQueryParams = (verificationService: VerificationService) => {\n  const viewModel = verificationService.viewModel as WithOrganization;\n  const queryParams = getQueryParamsFromUrl();\n\n  const nextState = produce(viewModel, (draft) => {\n    Object.keys(viewModel).forEach((key) => {\n      if (queryParams.has(key)) {\n        draft[key] = queryParams.get(key);\n      }\n    });\n  });\n\n  verificationService.updateViewModel(nextState as ViewModel);\n};\n\nexport const updateFieldValidationErrors = (\n  fieldValidationErrors: FieldValidationErrors,\n  verificationService: VerificationService,\n) => {\n  verificationService.updateFieldValidationErrors(fieldValidationErrors);\n};\n\nexport const updateFieldValidationErrorsByFieldId = (\n  fieldId: FieldId | ExtendedFieldId,\n  value: FieldContent,\n  verificationService: VerificationService,\n) => {\n  const { fieldValidationErrors } = verificationService;\n  const nextState = produce(fieldValidationErrors, (draft) => {\n    if (draft[fieldId]) {\n      draft[fieldId] = validateFieldById(fieldId, value, verificationService.formValidationOptions);\n    }\n  });\n  updateFieldValidationErrors(nextState, verificationService);\n};\n\nexport const shouldCollectAddressFields = (\n  countryChoice: FormSelectChoice<Country, string>,\n  countries: Country[],\n): boolean =>\n  (getSafe(() => countries.length === 1) && getSafe(() => countries[0]) === \"US\") ||\n  getSafe(() => countryChoice.value === \"US\") ||\n  getSafe(() => countryChoice.value === undefined);\n\nexport const getStatusLabel = (intl: InjectedIntl, status: AllStatuses | undefined): string => {\n  if (!status) {\n    return \"\";\n  }\n  return intl.formatHTMLMessage({\n    id: status,\n    defaultMessage: status,\n  });\n};\n\nexport const getStatusOptions = (\n  intl: InjectedIntl,\n  statuses: AllStatuses[] | undefined,\n): FormSelectChoice[] => {\n  if (!statuses) {\n    return [];\n  }\n  return statuses.map((status) => ({\n    value: status,\n    label: getStatusLabel(intl, status),\n  }));\n};\n\nexport const orgToOption = (org: Organization) => ({\n  value: org.id,\n  label: org.name,\n  country: org.country,\n});\n\n/**\n * @private\n */\nexport const getFieldDisplayOrderFromRefs = (): FieldId[] | ExtendedFieldId[] => {\n  const refs: FieldRef[] = getRefs();\n  const fieldDisplayOrder: FieldId | ExtendedFieldId[] = [];\n\n  refs.map((refObject: FieldRef) => fieldDisplayOrder.push(refObject.fieldId));\n\n  return fieldDisplayOrder;\n};\n\n/**\n * HD-638 - focus on year, rather than month (which is an open <select> that covers error msg)\n */\nexport const adjustFirstErroredFieldId = (\n  firstErroredFieldId: FieldId | ExtendedFieldId,\n): FieldId | ExtendedFieldId => {\n  if (firstErroredFieldId === \"birthDate\" || firstErroredFieldId === \"birthDateDay\") {\n    return \"birthDateYear\";\n  }\n  return firstErroredFieldId;\n};\n\n/**\n * @private\n */\nexport const getFirstErroredFieldId = (\n  fieldDisplayOrder: FieldId[] | ExtendedFieldId[],\n  fieldValidationErrors: FieldValidationErrors,\n): FieldId | ExtendedFieldId => {\n  let firstErroredFieldId: FieldId | ExtendedFieldId;\n\n  fieldDisplayOrder.reverse().forEach((field) => {\n    if (fieldValidationErrors[field]) {\n      firstErroredFieldId = field;\n    }\n  });\n\n  return adjustFirstErroredFieldId(firstErroredFieldId);\n};\n\n/**\n * @private\n */\nexport const handleEmailOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n  const submitButtonRef: HTMLElement = getRefByFieldId(\"submitButton\");\n  if (event.key === \"Enter\" && submitButtonRef) {\n    submitButtonRef.click();\n  }\n};\n\n/**\n * @deprecated Accessibility standards prevent setting focus without user keyboard interaction\n */\nexport const handleCountryOnKeyDown: InputSelectOnKeyDown = (\n  event: React.KeyboardEvent<HTMLInputElement>,\n) => {\n  if (event.key === \"Tab\" && !event.shiftKey) {\n    event.preventDefault();\n    setFocus(\"organization\");\n  }\n};\n\n/**\n * @public\n */\nexport const submitForm = (\n  viewModel: ViewModel,\n  verificationService: VerificationService,\n  step: VerificationStepsEnum,\n  successCallback?: () => void,\n) => {\n  const currentFieldValidationErrors = getFieldValidationErrors(\n    viewModel,\n    verificationService.formValidationOptions,\n  );\n  const isFormValid = !isFormErrored(currentFieldValidationErrors);\n\n  if (isFormValid) {\n    logger.info(`${step} submitting form`);\n    verificationService.submitStep(step, viewModel, verificationService.verificationResponse);\n    if (successCallback) {\n      successCallback();\n    }\n  } else {\n    const fieldDisplayOrder: FieldId[] | ExtendedFieldId[] = getFieldDisplayOrderFromRefs();\n    const firstErroredFieldId: FieldId | ExtendedFieldId = getFirstErroredFieldId(\n      fieldDisplayOrder,\n      currentFieldValidationErrors,\n    );\n    recordGaEvent({\n      eventName: EventName.INVALID_FORM_SUBMIT,\n      params: {\n        fieldValidationErrors: JSON.stringify(currentFieldValidationErrors),\n      },\n    });\n    updateFieldValidationErrors(currentFieldValidationErrors, verificationService);\n    setFocus(firstErroredFieldId);\n  }\n};\n\n/**\n * @private\n */\nexport const getAvailableCountryChoices = (\n  programTheme: ProgramTheme,\n  intl: InjectedIntl,\n): FormSelectChoice<Country, string>[] => {\n  const availableCountries: Country[] = getConfiguredCountries(programTheme);\n  return availableCountries.map((countryCode) => ({\n    value: countryCode,\n    label: intl.formatHTMLMessage({\n      id: `countries.${countryCode}`,\n      defaultMessage: countryCode,\n    }),\n  }));\n};\n\n/**\n * @private\n */\nexport const getSortedIdCheckCountryChoices = (\n  countries: Country[],\n  intl: InjectedIntl,\n  locale?: Locale,\n): FormSelectChoice<Country, string>[] => {\n  const localeAwareSorter = (a, b) => Intl.Collator(locale).compare(a.label, b.label);\n  return countries\n    .map((countryCode) => ({\n      value: countryCode,\n      label: intl.formatHTMLMessage({\n        id: `countries.${countryCode}`,\n        defaultMessage: countryCode,\n      }),\n    }))\n    .sort(localeAwareSorter);\n};\n\n/**\n * @deprecated Not used anywhere and performs a noop.\n */\nexport const produceDraftViewModelWithRequiredFields = <T extends ViewModel>(\n  previousModel: T,\n  newRequiredFields?: FieldDescription[],\n  conditionalRequiredFieldKeys?: (keyof T)[],\n) => {\n  logger.info(\n    \"produceDraftViewModelWithRequiredFields received. This method is now deprecated and performs a noop, returning previousViewModel\",\n    {\n      previousModel,\n      newRequiredFields,\n      conditionalRequiredFieldKeys,\n    },\n  );\n\n  return previousModel;\n};\n\nexport const produceDraftViewModelWithAllRequiredFields = <T extends ViewModel>(\n  viewModel: T,\n  newRequiredFields: FieldDescription[],\n) =>\n  produce(viewModel, (draft: T) => {\n    FIELD_IDS.forEach((requiredFieldKey) => {\n      if (newRequiredFields.some((field) => field.key === requiredFieldKey)) {\n        (draft[requiredFieldKey] as any) =\n          viewModel[requiredFieldKey] !== undefined ? viewModel[requiredFieldKey] : \"\";\n      } else {\n        delete draft[requiredFieldKey];\n      }\n    });\n  });\n\n/**\n * @private\n */\nexport const getDefaultCountryChoice = (\n  countryChoices: FormSelectChoice<Country, string>[],\n): FormSelectChoice<Country, string> => {\n  if (countryChoices.length > 0) {\n    return countryChoices[0];\n  }\n  return { value: \"US\", label: \"United States\" };\n};\n\n/**\n * @private\n */\nexport const produceDraftViewModel = <T extends ViewModel>(\n  previousModel: T,\n  key: keyof T,\n  value: any,\n) =>\n  produce(previousModel, (draft: T) => {\n    (draft[key] as any) = value;\n  });\n\n/**\n * @private\n */\nexport const getRememberMeRedirectDestination = (\n  locale: Locale,\n  programId: string,\n  verificationId: string,\n): string => {\n  const supportBasePreviewUrl = \"https://support-preview.sheerid.net\";\n  const supportBaseProdUrl = \"https://support.sheerid.com\";\n  let baseUrl = supportBaseProdUrl;\n  const { host } = new URL(window.location.href);\n\n  if (host.includes(\"preview\") || host.includes(\"localhost\")) {\n    baseUrl = supportBasePreviewUrl;\n  }\n\n  return `${baseUrl}/${locale}/${programId}/${verificationId}/remember-me/`;\n};\n\nexport const getFieldConfigByFieldId = (\n  fieldId: PersonalInfoFieldId,\n  options: Options = getOptions(),\n) => {\n  const fieldConfig = options.formFieldConfig;\n  return fieldConfig.find((option) => option.fieldId === fieldId);\n};\n"],"mappings":"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"}

package/chunk/stepComponentHelpers-CmZT1Man.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepComponentHelpers-CmZT1Man.js","names":[],"sources":["../../src/lib/utils/browser/inputHelpers.ts","../../src/lib/utils/getSafe.ts","../../src/lib/utils/stepComponentHelpers/stepComponentHelpers.ts"],"sourcesContent":["import { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type ExtendedFieldId, type FieldId } from \"../../types/types\";\nimport { getRefByFieldId } from \"../../refs/refs\";\n\n/**\n * @private\n */\nexport const setFocus = (fieldId: FieldId | ExtendedFieldId) => {\n  const fieldRef = getRefByFieldId(fieldId);\n\n  if (fieldRef) {\n    try {\n      fieldRef.focus();\n    } catch (e) {\n      logger.error(\n        `The ref '${fieldRef}' could not be focused. Is the ref an HTMLInputElement or HTMLButtonElement?`,\n        \"ref error\",\n      );\n    }\n  } else {\n    logger.error(\n      `A ref for fieldId '${fieldId}' could not be found. Has the ref been registered using setRef()?`,\n      \"ref error\",\n    );\n  }\n};\n","/**\n * Avoid \"can't access property of undefined\" errors in a more readable way.\n * @param fn Function that wraps a nested property access\n * @param defaultVal Optional - the value to return if property access failed\n */\n\nexport function getSafe<T>(fn: () => T, defaultVal?: T): T | undefined {\n  try {\n    return fn();\n  } catch (e) {\n    return defaultVal;\n  }\n}\n","import { produce } from \"immer\";\nimport { type InjectedIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { EventName, recordGaEvent } from \"@/lib/GoogleAnalytics/ga\";\n\nimport {\n  type FieldId,\n  type FieldValidationErrors,\n  type Organization,\n  type VerificationService,\n  type FieldContent,\n  type FieldRef,\n  type ExtendedFieldId,\n  type WithOrganization,\n  type InputSelectOnKeyDown,\n  type FormSelectChoice,\n  type Country,\n  type ProgramTheme,\n  type Locale,\n  type ViewModel,\n  type FieldDescription,\n  type AllStatuses,\n  type PersonalInfoFieldId,\n  type Options,\n} from \"../../types/types\";\nimport { type VerificationStepsEnum } from \"../../types/runtimeTypes\";\nimport { blankOrganization } from \"../../types/empties\";\nimport {\n  validateFieldById,\n  getFieldValidationErrors,\n  isFormErrored,\n} from \"../../validators/validators\";\nimport { setFocus } from \"../browser/inputHelpers\";\nimport { getRefByFieldId, getRefs } from \"../../refs/refs\";\nimport { getSafe } from \"../getSafe\";\nimport { getConfiguredCountries } from \"../../ProgramTheme/programThemeGetters\";\nimport { getQueryParamsFromUrl } from \"../routing/Url\";\nimport { FIELD_IDS } from \"../../../constants\";\nimport { getOptions } from \"../../../options/options\";\n\nexport const updateViewModelOrganization = (\n  organization: Organization,\n  verificationService: VerificationService,\n) => {\n  const viewModel = verificationService.viewModel as WithOrganization;\n  const nextState = produce(viewModel, (draft) => {\n    draft.organization = organization\n      ? {\n          id: organization.id,\n          idExtended: organization.idExtended,\n          name: organization.name,\n          city: organization.city,\n          state: organization.state,\n          source: organization.source,\n        }\n      : blankOrganization.organization;\n    if (viewModel.organization && viewModel.organization.source !== undefined) {\n      draft.organization.source = viewModel.organization.source;\n    }\n  });\n  verificationService.updateViewModel(nextState as ViewModel);\n};\n\nexport const populateViewModelFromQueryParams = (verificationService: VerificationService) => {\n  const viewModel = verificationService.viewModel as WithOrganization;\n  const queryParams = getQueryParamsFromUrl();\n\n  const nextState = produce(viewModel, (draft) => {\n    Object.keys(viewModel).forEach((key) => {\n      if (queryParams.has(key)) {\n        draft[key] = queryParams.get(key);\n      }\n    });\n  });\n\n  verificationService.updateViewModel(nextState as ViewModel);\n};\n\nexport const updateFieldValidationErrors = (\n  fieldValidationErrors: FieldValidationErrors,\n  verificationService: VerificationService,\n) => {\n  verificationService.updateFieldValidationErrors(fieldValidationErrors);\n};\n\nexport const updateFieldValidationErrorsByFieldId = (\n  fieldId: FieldId | ExtendedFieldId,\n  value: FieldContent,\n  verificationService: VerificationService,\n) => {\n  const { fieldValidationErrors } = verificationService;\n  const nextState = produce(fieldValidationErrors, (draft) => {\n    if (draft[fieldId]) {\n      draft[fieldId] = validateFieldById(fieldId, value, verificationService.formValidationOptions);\n    }\n  });\n  updateFieldValidationErrors(nextState, verificationService);\n};\n\nexport const shouldCollectAddressFields = (\n  countryChoice: FormSelectChoice<Country, string>,\n  countries: Country[],\n): boolean =>\n  (getSafe(() => countries.length === 1) && getSafe(() => countries[0]) === \"US\") ||\n  getSafe(() => countryChoice.value === \"US\") ||\n  getSafe(() => countryChoice.value === undefined);\n\nexport const getStatusLabel = (intl: InjectedIntl, status: AllStatuses | undefined): string => {\n  if (!status) {\n    return \"\";\n  }\n  return intl.formatHTMLMessage({\n    id: status,\n    defaultMessage: status,\n  });\n};\n\nexport const getStatusOptions = (\n  intl: InjectedIntl,\n  statuses: AllStatuses[] | undefined,\n): FormSelectChoice[] => {\n  if (!statuses) {\n    return [];\n  }\n  return statuses.map((status) => ({\n    value: status,\n    label: getStatusLabel(intl, status),\n  }));\n};\n\nexport const orgToOption = (org: Organization) => ({\n  value: org.id,\n  label: org.name,\n  country: org.country,\n});\n\n/**\n * @private\n */\nexport const getFieldDisplayOrderFromRefs = (): FieldId[] | ExtendedFieldId[] => {\n  const refs: FieldRef[] = getRefs();\n  const fieldDisplayOrder: FieldId | ExtendedFieldId[] = [];\n\n  refs.map((refObject: FieldRef) => fieldDisplayOrder.push(refObject.fieldId));\n\n  return fieldDisplayOrder;\n};\n\n/**\n * HD-638 - focus on year, rather than month (which is an open <select> that covers error msg)\n */\nexport const adjustFirstErroredFieldId = (\n  firstErroredFieldId: FieldId | ExtendedFieldId,\n): FieldId | ExtendedFieldId => {\n  if (firstErroredFieldId === \"birthDate\" || firstErroredFieldId === \"birthDateDay\") {\n    return \"birthDateYear\";\n  }\n  return firstErroredFieldId;\n};\n\n/**\n * @private\n */\nexport const getFirstErroredFieldId = (\n  fieldDisplayOrder: FieldId[] | ExtendedFieldId[],\n  fieldValidationErrors: FieldValidationErrors,\n): FieldId | ExtendedFieldId => {\n  let firstErroredFieldId: FieldId | ExtendedFieldId;\n\n  fieldDisplayOrder.reverse().forEach((field) => {\n    if (fieldValidationErrors[field]) {\n      firstErroredFieldId = field;\n    }\n  });\n\n  return adjustFirstErroredFieldId(firstErroredFieldId);\n};\n\n/**\n * @private\n */\nexport const handleEmailOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n  const submitButtonRef: HTMLElement = getRefByFieldId(\"submitButton\");\n  if (event.key === \"Enter\" && submitButtonRef) {\n    submitButtonRef.click();\n  }\n};\n\n/**\n * @deprecated Accessibility standards prevent setting focus without user keyboard interaction\n */\nexport const handleCountryOnKeyDown: InputSelectOnKeyDown = (\n  event: React.KeyboardEvent<HTMLInputElement>,\n) => {\n  if (event.key === \"Tab\" && !event.shiftKey) {\n    event.preventDefault();\n    setFocus(\"organization\");\n  }\n};\n\n/**\n * @public\n */\nexport const submitForm = (\n  viewModel: ViewModel,\n  verificationService: VerificationService,\n  step: VerificationStepsEnum,\n  successCallback?: () => void,\n) => {\n  const currentFieldValidationErrors = getFieldValidationErrors(\n    viewModel,\n    verificationService.formValidationOptions,\n  );\n  const isFormValid = !isFormErrored(currentFieldValidationErrors);\n\n  if (isFormValid) {\n    logger.info(`${step} submitting form`);\n    verificationService.submitStep(step, viewModel, verificationService.verificationResponse);\n    if (successCallback) {\n      successCallback();\n    }\n  } else {\n    const fieldDisplayOrder: FieldId[] | ExtendedFieldId[] = getFieldDisplayOrderFromRefs();\n    const firstErroredFieldId: FieldId | ExtendedFieldId = getFirstErroredFieldId(\n      fieldDisplayOrder,\n      currentFieldValidationErrors,\n    );\n    recordGaEvent({\n      eventName: EventName.INVALID_FORM_SUBMIT,\n      params: {\n        fieldValidationErrors: JSON.stringify(currentFieldValidationErrors),\n      },\n    });\n    updateFieldValidationErrors(currentFieldValidationErrors, verificationService);\n    setFocus(firstErroredFieldId);\n  }\n};\n\n/**\n * @private\n */\nexport const getAvailableCountryChoices = (\n  programTheme: ProgramTheme,\n  intl: InjectedIntl,\n): FormSelectChoice<Country, string>[] => {\n  const availableCountries: Country[] = getConfiguredCountries(programTheme);\n  return availableCountries.map((countryCode) => ({\n    value: countryCode,\n    label: intl.formatHTMLMessage({\n      id: `countries.${countryCode}`,\n      defaultMessage: countryCode,\n    }),\n  }));\n};\n\n/**\n * @private\n */\nexport const getSortedIdCheckCountryChoices = (\n  countries: Country[],\n  intl: InjectedIntl,\n  locale?: Locale,\n): FormSelectChoice<Country, string>[] => {\n  const localeAwareSorter = (a, b) => Intl.Collator(locale).compare(a.label, b.label);\n  return countries\n    .map((countryCode) => ({\n      value: countryCode,\n      label: intl.formatHTMLMessage({\n        id: `countries.${countryCode}`,\n        defaultMessage: countryCode,\n      }),\n    }))\n    .sort(localeAwareSorter);\n};\n\n/**\n * @deprecated Not used anywhere and performs a noop.\n */\nexport const produceDraftViewModelWithRequiredFields = <T extends ViewModel>(\n  previousModel: T,\n  newRequiredFields?: FieldDescription[],\n  conditionalRequiredFieldKeys?: (keyof T)[],\n) => {\n  logger.info(\n    \"produceDraftViewModelWithRequiredFields received. This method is now deprecated and performs a noop, returning previousViewModel\",\n    {\n      previousModel,\n      newRequiredFields,\n      conditionalRequiredFieldKeys,\n    },\n  );\n\n  return previousModel;\n};\n\nexport const produceDraftViewModelWithAllRequiredFields = <T extends ViewModel>(\n  viewModel: T,\n  newRequiredFields: FieldDescription[],\n) =>\n  produce(viewModel, (draft: T) => {\n    FIELD_IDS.forEach((requiredFieldKey) => {\n      if (newRequiredFields.some((field) => field.key === requiredFieldKey)) {\n        (draft[requiredFieldKey] as any) =\n          viewModel[requiredFieldKey] !== undefined ? viewModel[requiredFieldKey] : \"\";\n      } else {\n        delete draft[requiredFieldKey];\n      }\n    });\n  });\n\n/**\n * @private\n */\nexport const getDefaultCountryChoice = (\n  countryChoices: FormSelectChoice<Country, string>[],\n): FormSelectChoice<Country, string> => {\n  if (countryChoices.length > 0) {\n    return countryChoices[0];\n  }\n  return { value: \"US\", label: \"United States\" };\n};\n\n/**\n * @private\n */\nexport const produceDraftViewModel = <T extends ViewModel>(\n  previousModel: T,\n  key: keyof T,\n  value: any,\n) =>\n  produce(previousModel, (draft: T) => {\n    (draft[key] as any) = value;\n  });\n\n/**\n * @private\n */\nexport const getRememberMeRedirectDestination = (\n  locale: Locale,\n  programId: string,\n  verificationId: string,\n): string => {\n  const supportBasePreviewUrl = \"https://support-preview.sheerid.net\";\n  const supportBaseProdUrl = \"https://support.sheerid.com\";\n  let baseUrl = supportBaseProdUrl;\n  const { host } = new URL(window.location.href);\n\n  if (host.includes(\"preview\") || host.includes(\"localhost\")) {\n    baseUrl = supportBasePreviewUrl;\n  }\n\n  return `${baseUrl}/${locale}/${programId}/${verificationId}/remember-me/`;\n};\n\nexport const getFieldConfigByFieldId = (\n  fieldId: PersonalInfoFieldId,\n  options: Options = getOptions(),\n) => {\n  const fieldConfig = options.formFieldConfig;\n  return fieldConfig.find((option) => option.fieldId === fieldId);\n};\n"],"mappings":"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"}