{
  "version": 3,
  "sources": ["/cdn/shop/t/186/assets/quick-add.js"],
  "sourcesContent": ["import { morph } from '@theme/morph';\nimport { Component } from '@theme/component';\nimport { CartUpdateEvent, ThemeEvents } from '@theme/events';\nimport { DialogComponent, DialogCloseEvent } from '@theme/dialog';\nimport { mediaQueryLarge, isMobileBreakpoint } from '@theme/utilities';\nimport { CartService } from './cart-service.js';\n\nexport class QuickAddComponent extends Component {\n  /** @type {AbortController | null} */\n  #abortController = null;\n  /** @type {Document | null} */\n  #cachedProductHtml = null;\n\n  get cachedProductHtml() {\n    return this.#cachedProductHtml;\n  }\n\n  get productPageUrl() {\n    return /** @type {HTMLAnchorElement} */ (this.closest('product-card')?.querySelector('a[ref=\"productCardLink\"]'))\n      ?.href;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    mediaQueryLarge.addEventListener('change', this.#closeQuickAddModal);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    mediaQueryLarge.removeEventListener('change', this.#closeQuickAddModal);\n  }\n\n  /**\n   * Handles quick add button click\n   * @param {Event} event - The click event\n   */\n  handleClick = async (event) => {\n    event.preventDefault();\n\n    if (!this.#cachedProductHtml) {\n      await this.fetchProductPage(this.productPageUrl);\n    }\n\n    if (this.#cachedProductHtml) {\n      // Create a fresh copy of the cached HTML to avoid modifying the original\n      const freshHtmlCopy = new DOMParser().parseFromString(\n        this.#cachedProductHtml.documentElement.outerHTML,\n        'text/html'\n      );\n\n      await this.updateQuickAddModal(freshHtmlCopy);\n    }\n\n    this.#openQuickAddModal();\n  };\n\n  /** @param {QuickAddDialog} dialogComponent */\n  #stayVisibleUntilDialogCloses(dialogComponent) {\n    this.toggleAttribute('stay-visible', true);\n\n    dialogComponent.addEventListener(DialogCloseEvent.eventName, () => this.toggleAttribute('stay-visible', false), {\n      once: true,\n    });\n  }\n\n  #openQuickAddModal = () => {\n    const dialogComponent = document.getElementById('quick-add-dialog');\n    if (!(dialogComponent instanceof QuickAddDialog)) return;\n\n    this.#stayVisibleUntilDialogCloses(dialogComponent);\n\n    dialogComponent.showDialog();\n  };\n\n  #closeQuickAddModal = () => {\n    const dialogComponent = document.getElementById('quick-add-dialog');\n    if (!(dialogComponent instanceof QuickAddDialog)) return;\n\n    dialogComponent.closeDialog();\n  };\n\n  /**\n   * Fetches the product page content\n   * @param {string} productPageUrl - The URL of the product page to fetch\n   * @returns {Promise<void>}\n   * @throws {Error} If the fetch request fails or returns a non-200 response\n   */\n  async fetchProductPage(productPageUrl) {\n    if (!productPageUrl) return;\n\n    // We use this to abort the previous fetch request if it's still pending.\n    this.#abortController?.abort();\n    this.#abortController = new AbortController();\n\n    try {\n      const response = await fetch(productPageUrl, {\n        signal: this.#abortController.signal,\n      });\n\n      if (!response.ok) {\n        throw new Error(`Failed to fetch product page: HTTP error ${response.status}`);\n      }\n\n      const responseText = await response.text();\n      const html = new DOMParser().parseFromString(responseText, 'text/html');\n\n      // Store the HTML for later use\n      this.#cachedProductHtml = html;\n    } catch (error) {\n      if (error.name === 'AbortError') {\n        return;\n      } else {\n        throw error;\n      }\n    } finally {\n      this.#abortController = null;\n    }\n  }\n\n  /**\n   * Re-renders the variant picker.\n   * @param {Document} newHtml - The new HTML.\n   */\n  async updateQuickAddModal(newHtml) {\n    const productGrid = newHtml.querySelector('[data-product-grid-content]');\n    const modalContent = document.getElementById('quick-add-modal-content');\n\n    if (!productGrid || !modalContent) return;\n\n    if (isMobileBreakpoint()) {\n      const productDetails = productGrid.querySelector('.product-details');\n      if (!productDetails) return;\n      const productFormComponent = productGrid.querySelector('product-form-component');\n      const variantPicker = productGrid.querySelector('variant-picker');\n      const productPrice = productGrid.querySelector('product-price');\n      const promotionCallout = productGrid.querySelector('.product-promotion-callout');\n      const productTitle = document.createElement('a');\n      productTitle.textContent = this.dataset.productTitle || '';\n\n      // Make product title as a link to the product page\n      productTitle.href = this.productPageUrl;\n\n      if (!productFormComponent || !variantPicker || !productPrice || !productTitle) return;\n\n      const productHeader = document.createElement('div');\n      productHeader.classList.add('product-header');\n\n      productHeader.appendChild(productTitle);\n      productHeader.appendChild(productPrice);\n      // Add promotion callout after price if it exists\n      if (promotionCallout) {\n        productHeader.appendChild(promotionCallout);\n      }\n      productGrid.appendChild(productHeader);\n      productGrid.appendChild(variantPicker);\n      productGrid.appendChild(productFormComponent);\n      productDetails.remove();\n    }\n\n    morph(modalContent, productGrid);\n  }\n}\n\nif (!customElements.get('quick-add-component')) {\n  customElements.define('quick-add-component', QuickAddComponent);\n}\n\nclass QuickAddDialog extends DialogComponent {\n  #abortController = new AbortController();\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.addEventListener(ThemeEvents.cartUpdate, this.handleCartUpdate, { signal: this.#abortController.signal });\n    this.addEventListener(ThemeEvents.variantUpdate, this.#updateProductTitleLink);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.#abortController.abort();\n  }\n\n  /**\n   * Closes the dialog\n   * @param {CartUpdateEvent} event - The cart update event\n   */\n  handleCartUpdate = async (event) => {\n    if (event.detail.data.didError) return;\n    \n    // Sync confirmed store from localStorage to cart attributes\n    // This ensures preferred store is available in cart after adding items via quick-add\n    CartService.syncConfirmedStoreFromLocalStorage();\n    \n    this.closeDialog();\n  };\n\n  #updateProductTitleLink = (/** @type {CustomEvent} */ event) => {\n    const anchorElement = /** @type {HTMLAnchorElement} */ (\n      event.detail.data.html?.querySelector('.view-product-title a')\n    );\n    const viewMoreDetailsLink = /** @type {HTMLAnchorElement} */ (this.querySelector('.view-product-title a'));\n    const mobileProductTitle = /** @type {HTMLAnchorElement} */ (this.querySelector('.product-header a'));\n\n    if (!anchorElement) return;\n\n    if (viewMoreDetailsLink) viewMoreDetailsLink.href = anchorElement.href;\n    if (mobileProductTitle) mobileProductTitle.href = anchorElement.href;\n  };\n}\n\nif (!customElements.get('quick-add-dialog')) {\n  customElements.define('quick-add-dialog', QuickAddDialog);\n}\n"],
  "mappings": "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",
  "names": []
}