{"version":3,"file":"client.login-button_2341e6da.en.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('slot[name=\"following-text\"]')!.innerHTML =\n        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('span.following-text');\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","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","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","login_footer","login_footer_with_name","signup_title","signup_description","signup_footer","login_sms_title","login_sms_description","login_sms_footer","login_email_title","login_email_description","login_email_footer","verified_email_auth","legal","terms_of_service","privacy_policy","terms","client","shop","customer_accounts","remember_me","sign_up_page","I18n","error","Error","Bugsnag","notify","getShopLogoHtml","followText","translate","followingText","createShopHeartIcon","prepend","scrollWidth","max","hasAttribute","setButtonStyle","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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"}