{"version":3,"file":"client.login-button_4897fe6c.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","v","locale","dictionary","follow_on_shop","follow","auth_modal","following_modal","subtitle","qr_header","qr_alt_text","continue","completed","login_with_shop","login","login_title","login_description","signup_title","signup_description","signup_footer","login_sms_title","login_sms_description","login_sms_footer","login_email_title","login_email_description","login_email_footer","login_footer","login_footer_with_name","customer_accounts","remember_me","sign_up_page","verified_email_auth","legal","terms_of_service","privacy_policy","terms","client","shop","payment_request","I18n","error","Error","Bugsnag","notify","_","getShopLogoHtml","followText","translate","followingText","createShopHeartIcon","prepend","scrollWidth","max","hasAttribute","_setButtonStyle","k","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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"}