{"version":3,"file":"client.login-button_50da24f0.ja.esm.js","sources":["../../src/common/shop-swirl.ts","../../src/common/shop-sheet-modal/shop-sheet-modal-builder.ts","../../src/components/loginButton/components/modal-content.ts","../../src/components/loginButton/components/follow-on-shop-button.ts","../../src/components/loginButton/components/store-logo.ts","../../src/components/loginButton/shop-follow-button.ts","../../src/components/loginButton/init.ts"],"sourcesContent":["import {pickLogoColor} from './colors';\nimport {defineCustomElement} from './init';\n\nexport class ShopSwirl extends HTMLElement {\n  constructor() {\n    super();\n\n    const template = document.createElement('template');\n    const size = this.getAttribute('size');\n    // If not specified, will assume a white background and render the purple logo.\n    const backgroundColor = this.getAttribute('background-color') || '#FFF';\n\n    template.innerHTML = getTemplateContents(\n      size ? Number.parseInt(size, 10) : undefined,\n      backgroundColor,\n    );\n\n    this.attachShadow({mode: 'open'}).appendChild(\n      template.content.cloneNode(true),\n    );\n  }\n}\n\n/**\n * @param {number} size size of the logo.\n * @param {string} backgroundColor hex or rgb string for background color.\n * @returns {string} HTML content for the logo.\n */\nfunction getTemplateContents(size = 36, backgroundColor: string) {\n  const [red, green, blue] = pickLogoColor(backgroundColor);\n  const color = `rgb(${red}, ${green}, ${blue})`;\n  const sizeRatio = 23 / 20;\n  const height = size;\n  const width = Math.round(height / sizeRatio);\n\n  return `\n    <style>\n      .shop-swirl {\n        height: ${height}px;\n        width: ${width}px;\n        vertical-align: middle;\n      }\n    </style>\n    <svg class=\"shop-swirl\" viewBox=\"0 0 22 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M9.43 0C4.607 0 2.2 1.63.266 2.952L.21 2.99a.476.476 0 0 0-.146.632l1.91 3.291a.486.486 0 0 0 .327.235.5.5 0 0 0 .398-.104l.15-.127c.995-.832 2.586-1.957 6.441-2.25 2.146-.174 4.005.404 5.372 1.666 1.503 1.386 2.4 3.626 2.4 5.991 0 4.348-2.56 7.084-6.68 7.14-3.391-.02-5.67-1.788-5.67-4.404 0-1.399.651-2.306 1.884-3.216a.437.437 0 0 0 .124-.554L4.995 8.03a.493.493 0 0 0-.685-.193C2.386 8.98.03 11.067.155 15.077c.156 5.111 4.403 9.009 9.921 9.168h.63C17.268 24.034 22 19.166 22 12.576 22.01 6.474 17.6 0 9.43 0z\" fill=\"${color}\" />\n    </svg>\n  `;\n}\n\n/**\n * Define the shop-swirl custom element.\n */\nexport function defineElement() {\n  defineCustomElement('shop-swirl', ShopSwirl);\n}\n","import {ShopSheetModal, createShopSheetModal} from './shop-sheet-modal';\n\nexport interface SheetModalManager {\n  sheetModal: ShopSheetModal;\n  destroy(): void;\n}\n\n/**\n * This builder is used to create a sheet modal on the page in a consistent way.\n * - withInnerHTML: allows a hook to add additional content to a wrapper div's shadow root, useful for CSS.\n * - build: creates the sheet modal, appends it to the shadow root, and appends the wrapper div to the body.\n *\n * The build method will return a SheetModalManager which can be used to reference the underlying sheetModal element\n * and a cleanup method called `destroy` that will remove the modal from the DOM.\n *\n * @returns {object} - The sheet modal builder\n */\nexport function sheetModalBuilder() {\n  const wrapper = document.createElement('div');\n  const shadow = wrapper.attachShadow({mode: 'open'});\n\n  // reset generic styles on `div` element\n  wrapper.style.setProperty('all', 'initial');\n\n  return {\n    withInnerHTML(innerHTML: string) {\n      shadow.innerHTML = innerHTML;\n\n      return this;\n    },\n    build(): SheetModalManager {\n      const sheetModal = createShopSheetModal();\n      shadow.appendChild(sheetModal);\n      document.body.appendChild(wrapper);\n\n      return {\n        get sheetModal() {\n          return sheetModal;\n        },\n        destroy() {\n          wrapper.remove();\n        },\n      };\n    },\n  };\n}\n","import {colors} from '../../../common/colors';\nimport {\n  createStatusIndicator,\n  ShopStatusIndicator,\n  StatusIndicatorLoader,\n} from '../../../common/shop-status-indicator';\nimport {\n  AuthorizeState,\n  LoginButtonProcessingStatus as ProcessingStatus,\n} from '../../../types';\n\nexport const ELEMENT_CLASS_NAME = 'shop-modal-content';\n\ninterface Content {\n  title?: string;\n  description?: string;\n  disclaimer?: string;\n  authorizeState?: AuthorizeState;\n  email?: string;\n  status?: ProcessingStatus;\n}\n\nexport class ModalContent extends HTMLElement {\n  #rootElement: ShadowRoot;\n\n  // Header Elements\n  #headerWrapper!: HTMLDivElement;\n  #headerTitle!: HTMLHeadingElement;\n  #headerDescription!: HTMLDivElement;\n\n  // Main Content Elements\n  #contentWrapper!: HTMLDivElement;\n  #contentProcessingWrapper!: HTMLDivElement;\n  #contentProcessingUser!: HTMLDivElement;\n  #contentStatusIndicator?: ShopStatusIndicator;\n  #contentChildrenWrapper!: HTMLDivElement;\n\n  // Disclaimer Elements\n  #disclaimerText!: HTMLDivElement;\n\n  // Storage for content\n  #contentStore: Content = {};\n\n  constructor() {\n    super();\n\n    const template = document.createElement('template');\n    template.innerHTML = getContent();\n    this.#rootElement = this.attachShadow({mode: 'open'});\n    this.#rootElement.appendChild(template.content.cloneNode(true));\n\n    this.#headerWrapper = this.#rootElement.querySelector(\n      `.${ELEMENT_CLASS_NAME}`,\n    )!;\n    this.#headerTitle = this.#rootElement.querySelector(\n      `.${ELEMENT_CLASS_NAME}-title`,\n    )!;\n    this.#headerDescription = this.#rootElement.querySelector(\n      `.${ELEMENT_CLASS_NAME}-description`,\n    )!;\n    this.#contentWrapper = this.#rootElement.querySelector(\n      `.${ELEMENT_CLASS_NAME}-content`,\n    )!;\n    this.#contentProcessingWrapper = this.#rootElement.querySelector(\n      `.${ELEMENT_CLASS_NAME}-processing`,\n    )!;\n    this.#contentProcessingUser = this.#rootElement.querySelector(\n      `.${ELEMENT_CLASS_NAME}-processing-user`,\n    )!;\n    this.#contentChildrenWrapper = this.#rootElement.querySelector(\n      `.${ELEMENT_CLASS_NAME}-children`,\n    )!;\n    this.#disclaimerText = this.#rootElement.querySelector(\n      `.${ELEMENT_CLASS_NAME}-disclaimer`,\n    )!;\n  }\n\n  hideDivider() {\n    this.#headerWrapper.classList.add('hide-divider');\n  }\n\n  showDivider() {\n    this.#headerWrapper.classList.remove('hide-divider');\n  }\n\n  update(content: Content) {\n    this.#contentStore = {\n      ...this.#contentStore,\n      ...content,\n    };\n\n    this.#updateHeader();\n    this.#updateMainContent();\n    this.#updateDisclaimer();\n  }\n\n  #updateHeader() {\n    const {title, description, authorizeState} = this.#contentStore;\n    const visible = title || description;\n\n    this.#headerWrapper.classList.toggle('hidden', !visible);\n    this.#headerTitle.classList.toggle('hidden', !title);\n    this.#headerDescription.classList.toggle('hidden', !description);\n\n    this.#headerTitle.textContent = title || '';\n    this.#headerDescription.textContent = description || '';\n\n    if (authorizeState) {\n      this.#headerWrapper.classList.toggle(\n        'hide-divider',\n        authorizeState === AuthorizeState.Start,\n      );\n\n      this.#headerWrapper.classList.toggle(\n        `${ELEMENT_CLASS_NAME}--small`,\n        authorizeState === AuthorizeState.Start,\n      );\n    }\n  }\n\n  #updateMainContent() {\n    const {authorizeState, status, email} = this.#contentStore;\n    const contentWrapperVisible = Boolean(authorizeState || status);\n    const processingWrapperVisible = Boolean(status && email);\n    const childrenWrapperVisible = Boolean(\n      contentWrapperVisible && !processingWrapperVisible,\n    );\n\n    this.#contentWrapper.classList.toggle('hidden', !contentWrapperVisible);\n    this.#contentProcessingWrapper.classList.toggle(\n      'hidden',\n      !processingWrapperVisible,\n    );\n    this.#contentChildrenWrapper.classList.toggle(\n      'hidden',\n      !childrenWrapperVisible,\n    );\n\n    if (!this.#contentStatusIndicator && processingWrapperVisible) {\n      const loaderType =\n        authorizeState === AuthorizeState.OneClick\n          ? StatusIndicatorLoader.Branded\n          : StatusIndicatorLoader.Regular;\n      this.#contentStatusIndicator = createStatusIndicator(loaderType);\n      this.#contentProcessingWrapper.appendChild(this.#contentStatusIndicator);\n      this.#contentStatusIndicator?.setStatus({\n        status: 'loading',\n        message: '',\n      });\n    }\n\n    this.#contentProcessingUser.textContent = email || '';\n  }\n\n  #updateDisclaimer() {\n    const {disclaimer} = this.#contentStore;\n    const visible = Boolean(disclaimer);\n\n    this.#disclaimerText.classList.toggle('hidden', !visible);\n    this.#disclaimerText.innerHTML = disclaimer || '';\n  }\n}\n\n/**\n * @returns {string} element styles and content\n */\nfunction getContent() {\n  return `\n    <style>\n      .${ELEMENT_CLASS_NAME} {\n        border-bottom: 1px solid #D9D9D9;\n        padding-bottom: 20px;\n        text-align: center;\n        margin: 0 20px;\n      }\n\n      .${ELEMENT_CLASS_NAME}--small {\n        padding-bottom: 7px;\n      }\n\n      .${ELEMENT_CLASS_NAME}.hide-divider {\n        border-bottom-color: transparent;\n      }\n\n      .${ELEMENT_CLASS_NAME}-title {\n        font-size: 20px;\n        font-weight: 600;\n        line-height: 25px;\n        letter-spacing: -0.2px;\n        color: #000000;\n        margin-bottom: 8px;\n      }\n\n      .${ELEMENT_CLASS_NAME}-description {\n        font-size: 14px;\n        font-weight: 400;\n        color: #0F1721;\n        letter-spacing: 0px;\n      }\n\n      .${ELEMENT_CLASS_NAME}-processing {\n        min-height: 97px;\n        margin: 0 20px;\n      }\n\n      .${ELEMENT_CLASS_NAME}-processing-user {\n        padding: 15px 0;\n        min-height: 15px;\n        font-size: 12px;\n        color: #0F1721;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        -webkit-font-smoothing: antialiased;\n        -webkit-text-size-adjust: 100%;\n        font-family: -apple-system, BlinkMacSystemFont, San Francisco, Roboto, Segoe UI, Helvetica Neue, sans-serif !important;\n      }\n\n      .${ELEMENT_CLASS_NAME}-disclaimer {\n        font-size: 12px;\n        line-height: 1.4;\n        text-align: center;\n        color: rgb(63, 69, 77);\n        padding: 8px 0 5px;\n        margin: 0 20px;\n      }\n\n      .${ELEMENT_CLASS_NAME}-disclaimer a {\n        color: ${colors.brand};\n        -webkit-appearance: none;\n        appearance: none;\n        text-decoration: none;\n        cursor: pointer;\n      }\n\n      .${ELEMENT_CLASS_NAME}-disclaimer a:hover,\n      .${ELEMENT_CLASS_NAME}-disclaimer a:focus,\n      .${ELEMENT_CLASS_NAME}-disclaimer a:active {\n        outline: none;\n        color: #7b61f0;\n      }\n\n      @media (forced-colors: active) {\n        .${ELEMENT_CLASS_NAME}.hide-divider {\n          border-bottom: none;\n        }\n      }\n\n      .hidden {\n        display: none;\n      }\n    </style>\n    <div class=\"${ELEMENT_CLASS_NAME} hidden\">\n      <h2 class=\"${ELEMENT_CLASS_NAME}-title hidden\"></h2>\n      <div class=\"${ELEMENT_CLASS_NAME}-description hidden\"></div>\n    </div>\n    <div class=\"${ELEMENT_CLASS_NAME}-content hidden\">\n      <div class=\"${ELEMENT_CLASS_NAME}-processing hidden\">\n        <div class=\"${ELEMENT_CLASS_NAME}-processing-user\"></div>\n        <div class=\"${ELEMENT_CLASS_NAME}-processing-status\"></div>\n      </div>\n      <div class=\"${ELEMENT_CLASS_NAME}-children hidden\">\n        <slot></slot>\n      </div>\n      <div class=\"${ELEMENT_CLASS_NAME}-disclaimer hidden\"></div>\n    </div>\n  `;\n}\n\nif (!customElements.get('shop-modal-content')) {\n  customElements.define('shop-modal-content', ModalContent);\n}\n\n/**\n * helper function which creates a new modal content element\n *\n * @param {object} content modal content\n * @param {boolean} hideDivider whether the bottom divider should be hidden\n * @returns {ModalContent} a new ModalContent element\n */\nexport function createModalContent(\n  content: Content,\n  hideDivider = false,\n): ModalContent {\n  const modalContent = document.createElement(\n    'shop-modal-content',\n  ) as ModalContent;\n  if (hideDivider) {\n    modalContent.hideDivider();\n  }\n  modalContent.update(content);\n\n  return modalContent;\n}\n","import {I18n} from '../../../common/translator/i18n';\nimport {\n  ShopLogo,\n  createShopHeartIcon,\n  ShopHeartIcon,\n} from '../../../common/svg';\nimport Bugsnag from '../../../common/bugsnag';\nimport {calculateContrast, inferBackgroundColor} from '../../../common/colors';\n\nconst ATTRIBUTE_FOLLOWING = 'following';\n\nexport class FollowOnShopButton extends HTMLElement {\n  private _rootElement: ShadowRoot | null = null;\n  private _button: HTMLButtonElement | null = null;\n  private _wrapper: HTMLSpanElement | null = null;\n  private _heartIcon: ShopHeartIcon | null = null;\n  private _followSpan: HTMLSpanElement | null = null;\n  private _followingSpan: HTMLSpanElement | null = null;\n  private _i18n: I18n | null = null;\n  private _followTextWidth = 0;\n  private _followingTextWidth = 0;\n\n  constructor() {\n    super();\n\n    if (!customElements.get('shop-logo')) {\n      customElements.define('shop-logo', ShopLogo);\n    }\n  }\n\n  async connectedCallback(): Promise<void> {\n    await this._initTranslations();\n    this._initElements();\n  }\n\n  setFollowing({\n    following = true,\n    skipAnimation = false,\n  }: {\n    following?: boolean;\n    skipAnimation?: boolean;\n  }) {\n    this._button?.classList.toggle(`button--animating`, !skipAnimation);\n    this._button?.classList.toggle(`button--following`, following);\n\n    if (this._followSpan !== null && this._followingSpan !== null) {\n      this._followSpan.ariaHidden = following ? 'true' : 'false';\n      this._followingSpan.ariaHidden = following ? 'false' : 'true';\n    }\n\n    this.style.setProperty(\n      '--button-width',\n      `${following ? this._followingTextWidth : this._followTextWidth}px`,\n    );\n\n    if (\n      window.matchMedia(`(prefers-reduced-motion: reduce)`).matches ||\n      skipAnimation\n    ) {\n      this._heartIcon?.setFilled(following);\n    } else {\n      this._button\n        ?.querySelector('.follow-text')\n        ?.addEventListener('transitionend', () => {\n          this._heartIcon?.setFilled(following);\n        });\n    }\n  }\n\n  setFocused() {\n    this._button?.focus();\n  }\n\n  private async _initTranslations() {\n    try {\n      // BUILD_LOCALE is used for generating localized bundles.\n      // See ./scripts/i18n-dynamic-import-replacer-rollup.mjs for more info.\n      // eslint-disable-next-line no-process-env\n      const locale = process.env.BUILD_LOCALE || I18n.getDefaultLanguage();\n      const dictionary = await import(`../translations/${locale}.json`);\n      this._i18n = new I18n({[locale]: dictionary});\n    } catch (error) {\n      if (error instanceof Error) {\n        Bugsnag.notify(error);\n      }\n    }\n    return null;\n  }\n\n  private _initElements() {\n    const template = document.createElement('template');\n    template.innerHTML = getTemplateContents();\n\n    this._rootElement = this.attachShadow({mode: 'open'});\n    this._rootElement.appendChild(template.content.cloneNode(true));\n\n    if (this._i18n) {\n      const followText = this._i18n.translate('follow_on_shop.follow', {\n        shop: getShopLogoHtml('white'),\n      });\n      const followingText = this._i18n.translate('follow_on_shop.following', {\n        shop: getShopLogoHtml('black'),\n      });\n      this._rootElement.querySelector('slot[name=\"follow-text\"]')!.innerHTML =\n        followText;\n      this._rootElement.querySelector(\n        'slot[name=\"following-text\"]',\n      )!.innerHTML = followingText;\n    }\n\n    this._button = this._rootElement.querySelector(`.button`)!;\n    this._wrapper = this._button.querySelector(`.follow-icon-wrapper`)!;\n    this._followSpan = this._rootElement?.querySelector('span.follow-text');\n    this._followingSpan = this._rootElement?.querySelector(\n      'span.following-text',\n    );\n\n    this._heartIcon = createShopHeartIcon();\n    this._wrapper.prepend(this._heartIcon);\n\n    this._followTextWidth =\n      this._rootElement.querySelector('.follow-text')?.scrollWidth || 0;\n    this._followingTextWidth =\n      this._rootElement.querySelector('.following-text')?.scrollWidth || 0;\n    this.style.setProperty(\n      '--reserved-width',\n      `${Math.max(this._followTextWidth, this._followingTextWidth)}px`,\n    );\n\n    this.setFollowing({\n      following: this.hasAttribute(ATTRIBUTE_FOLLOWING),\n      skipAnimation: true,\n    });\n\n    this._setButtonStyle();\n  }\n\n  /**\n   * Adds extra classes to the parent button component depending on the following calculations\n   * 1. If the currently detected background color has a higher contrast ratio with white than black, the \"button--dark\" class will be added\n   * 2. If the currently detected background color has a contrast ratio <= 3.06 ,the \"button--bordered\" class will be added\n   *\n   * When the \"button--dark\" class is added, the \"following\" text and shop logo should be changed to white.\n   * When the \"button--bordered\" class is added, the button should have a border.\n   */\n  private _setButtonStyle() {\n    const background = inferBackgroundColor(this);\n    const isDark =\n      calculateContrast(background, '#ffffff') >\n      calculateContrast(background, '#000000');\n    const isBordered = calculateContrast(background, '#5433EB') <= 3.06;\n\n    this._button?.classList.toggle('button--dark', isDark);\n    this._button?.classList.toggle('button--bordered', isBordered);\n\n    if (isDark && this._i18n) {\n      const followingText = this._i18n.translate('follow_on_shop.following', {\n        shop: getShopLogoHtml('white'),\n      });\n      this._rootElement!.querySelector(\n        'slot[name=\"following-text\"]',\n      )!.innerHTML = followingText;\n    }\n  }\n}\n\nif (!customElements.get('follow-on-shop-button')) {\n  customElements.define('follow-on-shop-button', FollowOnShopButton);\n}\n\n/**\n * Get the template contents for the follow on shop trigger button.\n *\n * @returns {string} string The template for the follow on shop trigger button\n */\nfunction getTemplateContents() {\n  return `\n    <style>\n      @keyframes followBackground {\n        0% {\n          width: 100%;\n          height: 100%;\n          transform: scaleY(1);\n        }\n\n        25% {\n          transform: scaleY(1);\n        }\n\n        50% {\n          transform: scaleY(1.2);\n        }\n\n        100% {\n          transform: scaleY(1);\n          width: 37px;\n          height: 37px;\n        }\n      }\n\n      :host {\n        display: inline-block;\n        line-height: normal;\n\n        --following-text-color: #000000;\n        --border-color: #5433EB;\n        --border-hover-color: #7f68e9;\n        --parent-width: var(--reserved-width, 177px);\n\n        /* Reserve width to prevent layout shifts */\n        width: var(--parent-width);\n      }\n\n      .button {\n        border: none;\n        margin: 0;\n        padding: 0;\n        overflow: visible;\n        isolation: isolate;\n\n        background: transparent;\n        color: #ffffff;\n        font: 16px/19px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica;\n\n        line-height: normal;\n\n        -webkit-font-smoothing: inherit;\n        -moz-osx-font-smoothing: inherit;\n\n        -webkit-appearance: none;\n        position: relative;\n        display: inline-block;\n        align-items: center;\n\n        height: 37px;\n        width: var(--button-width, 100%);\n        border-radius: 48px;\n      }\n\n      .button:focus,\n      .button:focus-visible {\n        outline: none;\n      }\n\n      .button--dark {\n        --following-text-color: #ffffff;\n      }\n\n      .button--bordered {\n        --border-color: #EDEDED;\n        --border-hover-color: #EDEDED;\n      }\n\n      .follow-icon-wrapper {\n        display: flex;\n        align-items: center;\n        width: auto;\n        position: relative;\n        z-index: 1;\n        top: 0;\n        left: 0;\n      }\n\n      .follow-icon-wrapper:before {\n        content: '';\n        background: #5433EB;\n        border-radius: 48px;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        position: absolute;\n        z-index: -1;\n        transform-origin: center;\n        box-sizing: border-box;\n        border: 1px solid var(--border-color);\n      }\n\n      .button:not(.button--following):focus-visible .follow-icon-wrapper:before,\n      .button:not(.button--following):hover .follow-icon-wrapper:before {\n        background: #7f68e9;\n        border-color: var(--border-hover-color);\n      }\n\n      .follow-icon-wrapper shop-heart-icon {\n        position: absolute;\n        top: 11px;\n        left: 12px;\n      }\n\n      .follow-text,\n      .following-text {\n        white-space: nowrap;\n        padding: 9px 11px 9px 35px;\n        cursor: pointer;\n      }\n\n      .follow-text shop-logo,\n      .following-text shop-logo {\n        position: relative;\n        top: 3px;\n        padding-left: 1px;\n      }\n\n      .following-text {\n        opacity: 0;\n        pointer-events: none;\n        color: var(--following-text-color);\n        padding: 9px 8px 9px 43px;\n        position: absolute;\n        top: 0;\n        left: 0;\n        box-sizing: border-box;\n        overflow: hidden;\n        max-width: var(--button-width);\n      }\n\n      .following-icon {\n        opacity: 0;\n      }\n\n      .button--following .follow-icon-wrapper:before {\n        position: absolute;\n        width: 37px;\n        height: 37px;\n        padding: 0;\n      }\n\n      .button--following:focus-visible,\n      .button--following:hover {\n        background: rgb(217 217 217 / 0.2);\n      }\n\n      .button--following .follow-text,\n      .button--following .follow-icon {\n        opacity: 0;\n      }\n\n      .button--following .following-text {\n        opacity: 1;\n        width: auto;\n        pointer-events: auto;\n      }\n\n      .button--following .following-icon {\n        opacity: 1;\n      }\n\n      .button--following .follow-icon-wrapper shop-heart-icon {\n        transform: translateX(-1.5px);\n      }\n\n      @media (prefers-reduced-motion: no-preference) {\n        .button--animating {\n          transition: 400ms width cubic-bezier(0.45, 0, 0.15, 1);\n        }\n\n        .button--animating .follow-text {\n          transition: 200ms opacity cubic-bezier(0.45, 0, 1, 1);\n        }\n\n        .button--animating .following-text {\n          transition: 200ms opacity cubic-bezier(0, 0, 0.15, 1);\n          transition-delay: 0.2s;\n        }\n\n        .button--animating.button--following .follow-icon-wrapper:before {\n          animation: followBackground 0.4s cubic-bezier(0.45, 0, 0.15, 1);\n        }\n\n        .button--animating.button--following .follow-icon-wrapper shop-heart-icon {\n          transition: 400ms transform cubic-bezier(0.45, 0, 0.15, 1);\n        }\n      }\n    </style>\n    <button class=\"button\">\n      <span class=\"follow-icon-wrapper\">\n        <span class=\"follow-text\">\n          <slot name=\"follow-text\">\n            Follow on ${getShopLogoHtml('white')}\n          </slot>\n        </span>\n      </span>\n\n      <span class=\"following-text\" aria-hidden=\"true\">\n        <slot name=\"following-text\">\n          Following on ${getShopLogoHtml('black')}\n        </slot>\n      </span>\n    </button>\n  `;\n}\n\n/**\n * helper function to create a follow on shop trigger button\n *\n * @param {string} color The color of the Shop logo.\n * @returns {string} The HTML for the Shop logo in the Follow on Shop button.\n */\nexport function getShopLogoHtml(color: string): string {\n  return `<shop-logo role=\"img\" color=${color} size=\"15\" style=\"display: inline-flex;\" aria-label=\"Shop\"></shop-logo>`;\n}\n\n/**\n * helper function for building a Follow on Shop Button\n *\n * @param {boolean} following Whether the user is following the shop.\n * @returns {FollowOnShopButton} - a Follow on Shop Button\n */\nexport function createFollowButton(following: boolean): FollowOnShopButton {\n  const element = document.createElement('follow-on-shop-button');\n\n  if (following) {\n    element.setAttribute(ATTRIBUTE_FOLLOWING, '');\n  }\n\n  return element as FollowOnShopButton;\n}\n","import {createShopHeartIcon, ShopHeartIcon} from '../../../common/svg';\nimport {colors} from '../../../common/colors';\n\nexport const ELEMENT_NAME = 'store-logo';\n\nexport class StoreLogo extends HTMLElement {\n  #rootElement: ShadowRoot;\n  #wrapper: HTMLDivElement;\n  #logoWrapper: HTMLDivElement;\n  #logoImg: HTMLImageElement;\n  #logoText: HTMLSpanElement;\n  #heartIcon: ShopHeartIcon;\n\n  #storeName = '';\n  #logoSrc = '';\n\n  constructor() {\n    super();\n\n    const template = document.createElement('template');\n    template.innerHTML = getContent();\n    this.#rootElement = this.attachShadow({mode: 'open'});\n    this.#rootElement.appendChild(template.content.cloneNode(true));\n\n    this.#wrapper = this.#rootElement.querySelector(`.${ELEMENT_NAME}`)!;\n    this.#logoWrapper = this.#rootElement.querySelector(\n      `.${ELEMENT_NAME}-logo-wrapper`,\n    )!;\n    this.#logoImg = this.#logoWrapper.querySelector('img')!;\n    this.#logoText = this.#logoWrapper.querySelector('span')!;\n\n    this.#heartIcon = createShopHeartIcon();\n    this.#rootElement\n      .querySelector(`.${ELEMENT_NAME}-icon-wrapper`)!\n      .append(this.#heartIcon);\n  }\n\n  update({name, logoSrc}: {name?: string; logoSrc?: string}) {\n    this.#storeName = name || this.#storeName;\n    this.#logoSrc = logoSrc || this.#logoSrc;\n\n    this.#updateDom();\n  }\n\n  connectedCallback() {\n    this.#logoImg.addEventListener('error', () => {\n      this.#logoSrc = '';\n      this.#updateDom();\n    });\n  }\n\n  setFavorited() {\n    this.#wrapper.classList.add(`${ELEMENT_NAME}--favorited`);\n\n    if (window.matchMedia(`(prefers-reduced-motion: reduce)`).matches) {\n      this.#heartIcon.setFilled();\n      return Promise.resolve();\n    } else {\n      return new Promise((resolve) => {\n        this.#heartIcon.addEventListener('animationstart', () => {\n          this.#heartIcon.setFilled();\n        });\n\n        this.#heartIcon.addEventListener('animationend', () => {\n          setTimeout(resolve, 1000);\n        });\n      });\n    }\n  }\n\n  #updateDom() {\n    const name = this.#storeName;\n    const currentLogoSrc = this.#logoImg.src;\n\n    this.#logoText.textContent = name.charAt(0);\n    this.#logoText.ariaLabel = name;\n\n    if (this.#logoSrc && this.#logoSrc !== currentLogoSrc) {\n      this.#logoImg.src = this.#logoSrc;\n      this.#logoImg.alt = name;\n      this.#logoWrapper.classList.remove(`${ELEMENT_NAME}-logo-wrapper--text`);\n      this.#logoWrapper.classList.add(`${ELEMENT_NAME}-logo-wrapper--image`);\n    } else if (!this.#logoSrc) {\n      this.#logoWrapper.classList.remove(`${ELEMENT_NAME}-logo-wrapper--image`);\n      this.#logoWrapper.classList.add(`${ELEMENT_NAME}-logo-wrapper--text`);\n    }\n  }\n}\n\n/**\n * @returns {string} the HTML content for the StoreLogo\n */\nfunction getContent() {\n  return `\n    <style>\n      @keyframes heartBeat {\n        0% {\n          transform: scale(1);\n        }\n\n        25% {\n          transform: scale(1.12);\n        }\n\n        50% {\n          transform: scale(0.9);\n        }\n\n        70% {\n          transform: scale(1);\n        }\n      }\n\n      :host {\n        display: flex;\n        justify-content: center;\n        font-family: -apple-system,San Francisco,Roboto,Segoe UI,Helvetica Neue,sans-serif !important;\n      }\n\n      .${ELEMENT_NAME} {\n        display: inline-block;\n        position: relative;\n      }\n\n      .${ELEMENT_NAME}-logo-wrapper {\n        width: 58px;\n        height: 58px;\n        border-radius: 100%;\n        background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), #FFFFFF;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: relative;\n        overflow: hidden;\n        box-sizing: border-box;\n      }\n\n      .${ELEMENT_NAME}-logo-wrapper--text {\n        background: ${colors.foregroundSecondary};\n      }\n\n      .${ELEMENT_NAME}-logo-wrapper--text img,\n      .${ELEMENT_NAME}-logo-wrapper--image span {\n        display: none;\n      }\n\n      .${ELEMENT_NAME}-logo-wrapper--text span,\n      .${ELEMENT_NAME}-logo-wrapper--image img {\n        display: block;\n      }\n\n      .${ELEMENT_NAME}-logo-wrapper img {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      }\n\n      .${ELEMENT_NAME}-icon-wrapper {\n        position: absolute;\n        top: -16px;\n        left: 28px;\n        width: 36px;\n        height: 36px;\n        border-radius: 100%;\n        background: rgba(40, 40, 40, 0.3);\n        /* Note: backdrop-filter has minimal browser support */\n        -webkit-backdrop-filter: blur(24px);\n        backdrop-filter: blur(24px);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        box-sizing: border-box;\n      }\n\n      .${ELEMENT_NAME}-text {\n        font-size: 28px;\n        line-height: 32px;\n        font-weight: 500;\n        color: ${colors.white};\n        text-transform: capitalize;\n      }\n\n      .${ELEMENT_NAME}--favorited .${ELEMENT_NAME}-icon-wrapper {\n        background: ${colors.brand};\n      }\n\n      @media (forced-colors: active) {\n        .${ELEMENT_NAME}-logo-wrapper--text,\n        .${ELEMENT_NAME}-icon-wrapper {\n          border: 1px solid;\n        }\n      }\n\n      @media (prefers-reduced-motion: no-preference) {\n        .${ELEMENT_NAME}-icon-wrapper {\n          transition: background 0.1s 0.75s cubic-bezier(0.45, 0, 0.15, 1);\n        }\n\n        .${ELEMENT_NAME}--favorited shop-heart-icon {\n          transform-origin: center;\n          animation: 0.4s cubic-bezier(0.45, 0, 0.15, 1) 0.75s heartBeat;\n        }\n      }\n    </style>\n    <div class=\"${ELEMENT_NAME}\">\n      <div class=\"${ELEMENT_NAME}-logo-wrapper\">\n        <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z/C/HgAGgwJ/lK3Q6wAAAABJRU5ErkJggg==\" alt=\"\" class=\"${ELEMENT_NAME}-image\">\n        <span class=\"${ELEMENT_NAME}-text\"></span>\n      </div>\n      <div class=\"${ELEMENT_NAME}-icon-wrapper\"></div>\n    </div>\n  `;\n}\n\nif (!customElements.get(ELEMENT_NAME)) {\n  customElements.define(ELEMENT_NAME, StoreLogo);\n}\n\n/**\n * helper function to create a new store logo component\n *\n * @returns {StoreLogo} a new StoreLogo element\n */\nexport function createStoreLogo() {\n  const storeLogo = document.createElement(ELEMENT_NAME) as StoreLogo;\n\n  return storeLogo;\n}\n","import {defineCustomElement} from '../../common/init';\nimport {StoreMetadata} from '../../common/utils/types';\nimport Bugsnag from '../../common/bugsnag';\nimport {IFrameEventSource} from '../../common/MessageEventSource';\nimport MessageListener from '../../common/MessageListener';\nimport {ShopSheetModal} from '../../common/shop-sheet-modal/shop-sheet-modal';\nimport {\n  PAY_AUTH_DOMAIN,\n  PAY_AUTH_DOMAIN_ALT,\n  SHOP_WEBSITE_DOMAIN,\n  validateStorefrontOrigin,\n} from '../../common/utils/urls';\nimport {I18n} from '../../common/translator/i18n';\nimport {\n  exchangeLoginCookie,\n  getAnalyticsTraceId,\n  getCookie,\n  getStoreMeta,\n  isMobileBrowser,\n  updateAttribute,\n  ShopHubTopic,\n} from '../../common/utils';\nimport ConnectedWebComponent from '../../common/ConnectedWebComponent';\nimport {\n  sheetModalBuilder,\n  SheetModalManager,\n} from '../../common/shop-sheet-modal/shop-sheet-modal-builder';\nimport {\n  AuthorizeState,\n  LoginButtonCompletedEvent as CompletedEvent,\n  LoginButtonMessageEventData as MessageEventData,\n  OAuthParams,\n  ShopActionType,\n  LoginButtonVersion as Version,\n} from '../../types';\nimport {\n  ATTRIBUTE_CLIENT_ID,\n  ATTRIBUTE_STOREFRONT_ORIGIN,\n  ATTRIBUTE_VERSION,\n  ERRORS,\n  LOAD_TIMEOUT_MS,\n  ATTRIBUTE_DEV_MODE,\n  ATTRIBUTE_ANALYTICS_TRACE_ID,\n} from '../../constants/loginButton';\nimport {\n  createGetAppButtonHtml,\n  createScanCodeTooltipHtml,\n  SHOP_FOLLOW_BUTTON_HTML,\n} from '../../constants/followButton';\n\nimport {FollowOnShopMonorailTracker} from './analytics';\nimport {createModalContent, ModalContent} from './components/modal-content';\nimport {buildAuthorizeUrl} from './authorize';\nimport {\n  createFollowButton,\n  FollowOnShopButton,\n} from './components/follow-on-shop-button';\nimport {createStoreLogo, StoreLogo} from './components/store-logo';\n\nenum ModalOpenStatus {\n  Closed = 'closed',\n  Mounting = 'mounting',\n  Open = 'open',\n}\n\nexport const COOKIE_NAME = 'shop_followed';\n\nexport default class ShopFollowButton extends ConnectedWebComponent {\n  #rootElement: ShadowRoot;\n  #analyticsTraceId = getAnalyticsTraceId();\n  #clientId = '';\n  #version: Version = '2';\n  #storefrontOrigin = window.location.origin;\n  #devMode = false;\n  #monorailTracker = new FollowOnShopMonorailTracker({\n    elementName: 'shop-follow-button',\n    analyticsTraceId: this.#analyticsTraceId,\n  });\n\n  #buttonInViewportObserver: IntersectionObserver | undefined;\n\n  #followShopButton: FollowOnShopButton | undefined;\n  #isFollowing = false;\n  #storefrontMeta: StoreMetadata | null = null;\n\n  #iframe: HTMLIFrameElement | undefined;\n  #iframeListener: MessageListener<MessageEventData> | undefined;\n  #iframeLoadTimeout: ReturnType<typeof setTimeout> | undefined;\n\n  #authorizeModalManager: SheetModalManager | undefined;\n  #followModalManager: SheetModalManager | undefined;\n\n  #authorizeModal: ShopSheetModal | undefined;\n  #authorizeLogo: StoreLogo | undefined;\n  #authorizeModalContent: ModalContent | undefined;\n  #authorizeModalOpenedStatus: ModalOpenStatus = ModalOpenStatus.Closed;\n  #followedModal: ShopSheetModal | undefined;\n  #followedModalContent: ModalContent | undefined;\n  #followedTooltip: HTMLDivElement | undefined;\n\n  #i18n: I18n | null = null;\n\n  static get observedAttributes(): string[] {\n    return [\n      ATTRIBUTE_CLIENT_ID,\n      ATTRIBUTE_VERSION,\n      ATTRIBUTE_STOREFRONT_ORIGIN,\n      ATTRIBUTE_DEV_MODE,\n    ];\n  }\n\n  constructor() {\n    super();\n\n    this.#rootElement = this.attachShadow({mode: 'open'});\n    this.#isFollowing = getCookie(COOKIE_NAME) === 'true';\n  }\n\n  #handleUserIdentityChange = () => {\n    this.#updateSrc(true);\n  };\n\n  attributeChangedCallback(\n    name: string,\n    _oldValue: string,\n    newValue: string,\n  ): void {\n    switch (name) {\n      case ATTRIBUTE_VERSION:\n        this.#version = newValue as Version;\n        this.#updateSrc();\n        break;\n      case ATTRIBUTE_CLIENT_ID:\n        this.#clientId = newValue;\n        this.#updateSrc();\n        break;\n      case ATTRIBUTE_STOREFRONT_ORIGIN:\n        this.#storefrontOrigin = newValue;\n        validateStorefrontOrigin(this.#storefrontOrigin);\n        break;\n      case ATTRIBUTE_DEV_MODE:\n        this.#devMode = newValue === 'true';\n        this.#updateSrc();\n        break;\n    }\n  }\n\n  async connectedCallback(): Promise<void> {\n    this.subscribeToHub(\n      ShopHubTopic.UserStatusIdentity,\n      this.#handleUserIdentityChange,\n    );\n\n    await this.#initTranslations();\n    this.#initElements();\n    this.#initEvents();\n  }\n\n  async #initTranslations() {\n    try {\n      // BUILD_LOCALE is used for generating localized bundles.\n      // See ./scripts/i18n-dynamic-import-replacer-rollup.mjs for more info.\n      // eslint-disable-next-line no-process-env\n      const locale = process.env.BUILD_LOCALE || I18n.getDefaultLanguage();\n      const dictionary = await import(`./translations/${locale}.json`);\n      this.#i18n = new I18n({[locale]: dictionary});\n    } catch (error) {\n      if (error instanceof Error) {\n        Bugsnag.notify(error);\n      }\n    }\n    return null;\n  }\n\n  #initElements() {\n    this.#followShopButton = createFollowButton(this.#isFollowing);\n    this.#rootElement.innerHTML = SHOP_FOLLOW_BUTTON_HTML;\n    this.#rootElement.appendChild(this.#followShopButton);\n  }\n\n  #initEvents() {\n    this.#trackComponentLoadedEvent(this.#isFollowing);\n    this.#trackComponentInViewportEvent();\n\n    validateStorefrontOrigin(this.#storefrontOrigin);\n    this.#followShopButton?.addEventListener('click', () => {\n      // dev mode\n      if (this.#devMode) {\n        this.#isFollowing = !this.#isFollowing;\n        this.#followShopButton?.setFollowing({\n          following: this.#isFollowing,\n        });\n        return;\n      }\n\n      if (this.#isFollowing) {\n        this.#monorailTracker.trackFollowingGetAppButtonPageImpression();\n\n        if (isMobileBrowser()) {\n          this.#createAndOpenAlreadyFollowingModal();\n        } else {\n          this.#createAlreadyFollowingTooltip();\n        }\n      } else {\n        this.#monorailTracker.trackFollowButtonClicked();\n        this.#createAndOpenFollowOnShopModal();\n      }\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.unsubscribeAllFromHub();\n    this.#iframeListener?.destroy();\n    this.#buttonInViewportObserver?.disconnect();\n    this.#authorizeModalManager?.destroy();\n    this.#followModalManager?.destroy();\n  }\n\n  #createAndOpenFollowOnShopModal() {\n    if (this.#authorizeModal) {\n      this.#authorizeModal.open();\n      return;\n    }\n\n    this.#authorizeLogo = this.#createStoreLogo();\n    this.#authorizeModalContent = createModalContent({});\n    this.#authorizeModalContent.append(this.#createIframe());\n\n    this.#authorizeModalManager = sheetModalBuilder()\n      .withInnerHTML(SHOP_FOLLOW_BUTTON_HTML)\n      .build();\n    this.#authorizeModal = this.#authorizeModalManager.sheetModal;\n    this.#authorizeModal.setAttribute(\n      ATTRIBUTE_ANALYTICS_TRACE_ID,\n      this.#analyticsTraceId,\n    );\n    this.#authorizeModal.appendChild(this.#authorizeLogo);\n    this.#authorizeModal.appendChild(this.#authorizeModalContent);\n\n    this.#authorizeModal.addEventListener(\n      'modalcloserequest',\n      this.#closeAuthorizeModal.bind(this),\n    );\n\n    this.#authorizeModalOpenedStatus = ModalOpenStatus.Mounting;\n  }\n\n  async #createAndOpenAlreadyFollowingModal() {\n    if (!this.#followedModal) {\n      this.#followModalManager = sheetModalBuilder()\n        .withInnerHTML(SHOP_FOLLOW_BUTTON_HTML)\n        .build();\n      this.#followedModal = this.#followModalManager.sheetModal;\n      this.#followedModal.setAttribute('disable-popup', 'true');\n      const storeMeta = await this.#fetchStorefrontMetadata();\n      const storeName = storeMeta?.name ?? 'the store';\n      const title = this.#i18n?.translate(\n        'follow_on_shop.following_modal.title',\n        {store: storeName},\n      );\n      const description = this.#i18n?.translate(\n        'follow_on_shop.following_modal.subtitle',\n      );\n      this.#followedModalContent = createModalContent(\n        {\n          title,\n          description,\n        },\n        true,\n      );\n      this.#followedModal.appendChild(this.#followedModalContent);\n      this.#followedModal.appendChild(\n        await this.#createAlreadyFollowingModalButton(),\n      );\n      this.#followedModal.addEventListener('modalcloserequest', async () => {\n        if (this.#followedModal) {\n          await this.#followedModal.close();\n        }\n        this.#followShopButton?.setFocused();\n      });\n\n      if (title) {\n        this.#followedModal.setAttribute('title', title);\n      }\n    }\n\n    this.#followedModal.open();\n    this.#monorailTracker.trackFollowingGetAppButtonPageImpression();\n  }\n\n  #createStoreLogo(): StoreLogo {\n    const storeLogo = createStoreLogo();\n\n    this.#fetchStorefrontMetadata()\n      .then((storefrontMeta) => {\n        storeLogo.update({\n          name: storefrontMeta?.name || '',\n          logoSrc: storefrontMeta?.id\n            ? `${SHOP_WEBSITE_DOMAIN}/shops/${storefrontMeta.id}/logo?width=58`\n            : '',\n        });\n      })\n      .catch(() => {\n        /** no-op */\n      });\n\n    return storeLogo;\n  }\n\n  #createIframe(): HTMLIFrameElement {\n    this.#iframe = document.createElement('iframe');\n    this.#iframe.tabIndex = 0;\n    this.#updateSrc();\n\n    const eventDestination: Window | undefined =\n      this.ownerDocument?.defaultView || undefined;\n\n    this.#iframeListener = new MessageListener<MessageEventData>(\n      new IFrameEventSource(this.#iframe),\n      [PAY_AUTH_DOMAIN, PAY_AUTH_DOMAIN_ALT, this.#storefrontOrigin],\n      this.#handlePostMessage.bind(this),\n      eventDestination,\n    );\n\n    updateAttribute(this.#iframe, 'allow', 'publickey-credentials-get *');\n\n    return this.#iframe;\n  }\n\n  async #createAlreadyFollowingModalButton(): Promise<HTMLDivElement> {\n    const buttonWrapper = document.createElement('div');\n    const storeMeta = await this.#fetchStorefrontMetadata();\n    const storeId = storeMeta?.id;\n\n    const buttonText =\n      this.#i18n?.translate('follow_on_shop.following_modal.continue', {\n        defaultValue: 'Continue',\n      }) ?? '';\n    const buttonLink = storeId ? `https://shop.app/sid/${storeId}` : '#';\n    buttonWrapper.innerHTML = createGetAppButtonHtml(buttonLink, buttonText);\n    buttonWrapper.addEventListener('click', async () => {\n      this.#monorailTracker.trackFollowingGetAppButtonClicked();\n      this.#followedModal?.close();\n    });\n    return buttonWrapper;\n  }\n\n  async #createAlreadyFollowingTooltip() {\n    if (!this.#followedTooltip) {\n      this.#followedTooltip = document.createElement('div');\n      this.#followedTooltip.classList.add('fos-tooltip', 'fos-tooltip-hidden');\n\n      const storeMeta = await this.#fetchStorefrontMetadata();\n      const storeName = storeMeta?.name ?? 'the store';\n      const description =\n        this.#i18n?.translate('follow_on_shop.following_modal.qr_header', {\n          store: storeName,\n        }) ?? '';\n      const qrCodeAltText =\n        this.#i18n?.translate('follow_on_shop.following_modal.qr_alt_text') ??\n        '';\n      const storeId = storeMeta?.id;\n      const qrCodeUrl = storeId\n        ? `${SHOP_WEBSITE_DOMAIN}/qr/sid/${storeId}`\n        : `#`;\n      this.#followedTooltip.innerHTML = createScanCodeTooltipHtml(\n        description,\n        qrCodeUrl,\n        qrCodeAltText,\n      );\n\n      this.#followedTooltip\n        .querySelector('.fos-tooltip-overlay')\n        ?.addEventListener('click', () => {\n          this.#followedTooltip?.classList.toggle('fos-tooltip-hidden', true);\n        });\n      this.#followedTooltip?.addEventListener('click', () => {\n        this.#followedTooltip?.classList.toggle('fos-tooltip-hidden', true);\n      });\n\n      this.#rootElement.appendChild(this.#followedTooltip);\n    }\n\n    this.#followedTooltip.classList.toggle('fos-tooltip-hidden', false);\n  }\n\n  #updateSrc(forced?: boolean) {\n    if (this.#iframe) {\n      const oauthParams: OAuthParams = {\n        clientId: this.#clientId,\n      };\n      const authorizeUrl = buildAuthorizeUrl({\n        version: this.#version,\n        analyticsTraceId: this.#analyticsTraceId,\n        flow: ShopActionType.Follow,\n        oauthParams,\n      });\n\n      this.#initLoadTimeout();\n      updateAttribute(this.#iframe, 'src', authorizeUrl, forced);\n      Bugsnag.leaveBreadcrumb('Iframe url updated', {authorizeUrl}, 'state');\n    }\n  }\n\n  #initLoadTimeout() {\n    this.#clearLoadTimeout();\n    this.#iframeLoadTimeout = setTimeout(() => {\n      const error = ERRORS.temporarilyUnavailable;\n      this.dispatchCustomEvent('error', {\n        message: error.message,\n        code: error.code,\n      });\n      // eslint-disable-next-line no-warning-comments\n      // TODO: replace this bugsnag notify with a Observe-able event\n      // Bugsnag.notify(\n      //   new PayTimeoutError(`Pay failed to load within ${LOAD_TIMEOUT_MS}ms.`),\n      //   {component: this.#component, src: this.iframe?.getAttribute('src')},\n      // );\n      this.#clearLoadTimeout();\n    }, LOAD_TIMEOUT_MS);\n  }\n\n  #clearLoadTimeout() {\n    if (!this.#iframeLoadTimeout) return;\n    clearTimeout(this.#iframeLoadTimeout);\n    this.#iframeLoadTimeout = undefined;\n  }\n\n  #trackComponentLoadedEvent(isFollowing: boolean) {\n    this.#monorailTracker.trackFollowButtonPageImpression(isFollowing);\n  }\n\n  #trackComponentInViewportEvent() {\n    this.#buttonInViewportObserver = new IntersectionObserver((entries) => {\n      for (const {isIntersecting} of entries) {\n        if (isIntersecting) {\n          this.#buttonInViewportObserver?.disconnect();\n          this.#monorailTracker.trackFollowButtonInViewport();\n        }\n      }\n    });\n\n    this.#buttonInViewportObserver.observe(this.#followShopButton!);\n  }\n\n  async #fetchStorefrontMetadata() {\n    if (!this.#storefrontMeta) {\n      this.#storefrontMeta = await getStoreMeta(this.#storefrontOrigin);\n    }\n\n    return this.#storefrontMeta;\n  }\n\n  async #handleCompleted({\n    loggedIn,\n    shouldFinalizeLogin,\n  }: Partial<CompletedEvent>) {\n    const now = new Date();\n    now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);\n    document.cookie = `${COOKIE_NAME}=true;expires=${now.toUTCString()};path=/`;\n\n    if (loggedIn) {\n      if (shouldFinalizeLogin) {\n        exchangeLoginCookie(this.#storefrontOrigin, (error) => {\n          Bugsnag.notify(new Error(error));\n        });\n      }\n\n      this.publishToHub(ShopHubTopic.UserStatusIdentity);\n    }\n\n    await this.#authorizeLogo?.setFavorited();\n    await this.#authorizeModal?.close();\n    this.#iframeListener?.destroy();\n    this.#followShopButton?.setFollowing({following: true});\n    this.#isFollowing = true;\n    this.#trackComponentLoadedEvent(true);\n  }\n\n  #handleError(code: string, message: string, email?: string): void {\n    this.#clearLoadTimeout();\n\n    this.dispatchCustomEvent('error', {\n      code,\n      message,\n      email,\n    });\n  }\n\n  async #handleLoaded({\n    clientName,\n    logoSrc,\n  }: {\n    clientName?: string;\n    logoSrc?: string;\n  }) {\n    if (clientName || logoSrc) {\n      this.#authorizeLogo!.update({\n        name: clientName,\n        logoSrc,\n      });\n    }\n\n    if (this.#authorizeModalOpenedStatus === ModalOpenStatus.Mounting) {\n      this.#authorizeModal!.open();\n      this.#authorizeModalOpenedStatus = ModalOpenStatus.Open;\n      this.#clearLoadTimeout();\n    }\n  }\n\n  async #closeAuthorizeModal() {\n    if (this.#authorizeModal) {\n      await this.#authorizeModal.close();\n    }\n    this.#followShopButton?.setFocused();\n  }\n\n  #handlePostMessage(data: MessageEventData) {\n    switch (data.type) {\n      case 'loaded':\n        this.#handleLoaded(data);\n        break;\n      case 'resize_iframe':\n        this.#iframe!.style.height = `${data.height}px`;\n        this.#iframe!.style.width = `${data.width}px`;\n        break;\n      case 'completed':\n        this.#handleCompleted(data as CompletedEvent);\n        break;\n      case 'error':\n        this.#handleError(data.code, data.message, data.email);\n        break;\n      case 'content':\n        this.#authorizeModal?.setAttribute('title', data.title);\n        this.#authorizeModalContent?.update(data);\n        this.#authorizeLogo?.classList.toggle(\n          'hidden',\n          data.authorizeState === AuthorizeState.Captcha,\n        );\n        break;\n      case 'processing_status_updated':\n        this.#authorizeModalContent?.update(data);\n        break;\n      case 'close_requested':\n        this.#closeAuthorizeModal();\n        break;\n    }\n  }\n}\n\n/**\n * Define the shop-follow-button custom element.\n */\nexport function defineElement() {\n  defineCustomElement('shop-follow-button', ShopFollowButton);\n}\n","import {startBugsnag, isBrowserSupported} from '../../common/init';\nimport {defineElement as defineShopSwirl} from '../../common/shop-swirl';\n\nimport {defineElement as defineShopFollowButton} from './shop-follow-button';\nimport {defineElement as defineShopLoginButton} from './shop-login-button';\nimport {defineElement as defineShopLoginDefault} from './shop-login-default';\n\n/**\n * Initialize the login button web components.\n * This is the entry point that will be used for code-splitting.\n */\nfunction init() {\n  if (!isBrowserSupported()) return;\n  // eslint-disable-next-line no-process-env\n  startBugsnag({bundle: 'loginButton', bundleLocale: process.env.BUILD_LOCALE});\n\n  // The order of these calls is not significant. However, it is worth noting that\n  // ShopFollowButton and ShopLoginDefault all rely on the ShopLoginButton.\n  // To ensure that the ShopLoginButton is available when the other components are\n  // defined, we prioritize defining the ShopLoginButton first.\n  defineShopLoginButton();\n  defineShopFollowButton();\n  defineShopLoginDefault();\n  defineShopSwirl();\n}\n\ninit();\n"],"names":["ShopSwirl","HTMLElement","constructor","super","template","document","createElement","size","this","getAttribute","backgroundColor","innerHTML","red","green","blue","pickLogoColor","color","sizeRatio","height","width","Math","round","getTemplateContents","Number","parseInt","undefined","attachShadow","mode","appendChild","content","cloneNode","sheetModalBuilder","wrapper","shadow","style","setProperty","withInnerHTML","build","sheetModal","createShopSheetModal","body","destroy","remove","ModalContent","_ModalContent_rootElement","set","_ModalContent_headerWrapper","_ModalContent_headerTitle","_ModalContent_headerDescription","_ModalContent_contentWrapper","_ModalContent_contentProcessingWrapper","_ModalContent_contentProcessingUser","_ModalContent_contentStatusIndicator","_ModalContent_contentChildrenWrapper","_ModalContent_disclaimerText","_ModalContent_contentStore","colors","brand","__classPrivateFieldSet","__classPrivateFieldGet","querySelector","hideDivider","classList","add","showDivider","update","_ModalContent_instances","_ModalContent_updateHeader","call","_ModalContent_updateMainContent","_ModalContent_updateDisclaimer","createModalContent","modalContent","title","description","authorizeState","visible","toggle","textContent","AuthorizeState","Start","status","email","contentWrapperVisible","Boolean","processingWrapperVisible","childrenWrapperVisible","loaderType","OneClick","StatusIndicatorLoader","Branded","Regular","createStatusIndicator","_a","setStatus","message","disclaimer","customElements","get","define","FollowOnShopButton","_rootElement","_button","_wrapper","_heartIcon","_followSpan","_followingSpan","_i18n","_followTextWidth","_followingTextWidth","ShopLogo","connectedCallback","_initTranslations","_initElements","setFollowing","following","skipAnimation","_b","ariaHidden","window","matchMedia","matches","_c","setFilled","_e","_d","addEventListener","setFocused","focus","g","locale","dictionary","__variableDynamicImportRuntime0__","I18n","error","Error","Bugsnag","notify","k","getShopLogoHtml","followText","translate","shop","followingText","createShopHeartIcon","prepend","scrollWidth","max","hasAttribute","_setButtonStyle","j","background","inferBackgroundColor","isDark","calculateContrast","isBordered","StoreLogo","_StoreLogo_rootElement","_StoreLogo_wrapper","_StoreLogo_logoWrapper","_StoreLogo_logoImg","_StoreLogo_logoText","_StoreLogo_heartIcon","_StoreLogo_storeName","_StoreLogo_logoSrc","foregroundSecondary","white","append","name","logoSrc","_StoreLogo_instances","_StoreLogo_updateDom","setFavorited","Promise","resolve","setTimeout","ModalOpenStatus","currentLogoSrc","src","charAt","ariaLabel","alt","ShopFollowButton","ConnectedWebComponent","_ShopFollowButton_rootElement","_ShopFollowButton_analyticsTraceId","getAnalyticsTraceId","_ShopFollowButton_clientId","_ShopFollowButton_version","_ShopFollowButton_storefrontOrigin","location","origin","_ShopFollowButton_devMode","_ShopFollowButton_monorailTracker","FollowOnShopMonorailTracker","elementName","analyticsTraceId","_ShopFollowButton_buttonInViewportObserver","_ShopFollowButton_followShopButton","_ShopFollowButton_isFollowing","_ShopFollowButton_storefrontMeta","_ShopFollowButton_iframe","_ShopFollowButton_iframeListener","_ShopFollowButton_iframeLoadTimeout","_ShopFollowButton_authorizeModalManager","_ShopFollowButton_followModalManager","_ShopFollowButton_authorizeModal","_ShopFollowButton_authorizeLogo","_ShopFollowButton_authorizeModalContent","_ShopFollowButton_authorizeModalOpenedStatus","Closed","_ShopFollowButton_followedModal","_ShopFollowButton_followedModalContent","_ShopFollowButton_followedTooltip","_ShopFollowButton_i18n","_ShopFollowButton_handleUserIdentityChange","_ShopFollowButton_instances","_ShopFollowButton_updateSrc","getCookie","observedAttributes","ATTRIBUTE_CLIENT_ID","ATTRIBUTE_VERSION","ATTRIBUTE_STOREFRONT_ORIGIN","ATTRIBUTE_DEV_MODE","attributeChangedCallback","_oldValue","newValue","validateStorefrontOrigin","subscribeToHub","ShopHubTopic","UserStatusIdentity","_ShopFollowButton_initTranslations","_ShopFollowButton_initElements","_ShopFollowButton_initEvents","disconnectedCallback","unsubscribeAllFromHub","disconnect","element","setAttribute","createFollowButton","SHOP_FOLLOW_BUTTON_HTML","_ShopFollowButton_trackComponentInViewportEvent","trackFollowingGetAppButtonPageImpression","isMobileBrowser","_ShopFollowButton_createAndOpenAlreadyFollowingModal","_ShopFollowButton_createAlreadyFollowingTooltip","trackFollowButtonClicked","_ShopFollowButton_createAndOpenFollowOnShopModal","open","_ShopFollowButton_createIframe","ATTRIBUTE_ANALYTICS_TRACE_ID","_ShopFollowButton_closeAuthorizeModal","bind","Mounting","storeMeta","_ShopFollowButton_fetchStorefrontMetadata","storeName","store","_ShopFollowButton_createAlreadyFollowingModalButton","__awaiter","close","storeLogo","then","storefrontMeta","id","SHOP_WEBSITE_DOMAIN","catch","tabIndex","eventDestination","ownerDocument","defaultView","MessageListener","IFrameEventSource","PAY_AUTH_DOMAIN","PAY_AUTH_DOMAIN_ALT","_ShopFollowButton_handlePostMessage","updateAttribute","buttonWrapper","storeId","buttonText","defaultValue","buttonLink","createGetAppButtonHtml","trackFollowingGetAppButtonClicked","qrCodeAltText","qrCodeUrl","createScanCodeTooltipHtml","_f","_g","forced","oauthParams","clientId","authorizeUrl","buildAuthorizeUrl","version","flow","ShopActionType","Follow","_ShopFollowButton_initLoadTimeout","leaveBreadcrumb","_ShopFollowButton_clearLoadTimeout","ERRORS","temporarilyUnavailable","dispatchCustomEvent","code","LOAD_TIMEOUT_MS","clearTimeout","isFollowing","trackFollowButtonPageImpression","IntersectionObserver","entries","isIntersecting","trackFollowButtonInViewport","observe","getStoreMeta","loggedIn","shouldFinalizeLogin","now","Date","setTime","getTime","cookie","toUTCString","exchangeLoginCookie","publishToHub","_ShopFollowButton_trackComponentLoadedEvent","_ShopFollowButton_handleLoaded","clientName","Open","data","type","_ShopFollowButton_handleCompleted","_ShopFollowButton_handleError","Captcha","isBrowserSupported","startBugsnag","bundle","bundleLocale","defineShopLoginButton","defineCustomElement","defineShopLoginDefault"],"mappings":"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"}