{
  "version": 3,
  "sources": ["../../../Vettvangur.Frontend/src/scripts/components/cart.ts"],
  "sourcesContent": ["import axios from 'axios'\nimport { breakpoint } from 'utility/breakpoints'\nimport { debounce } from 'throttle-debounce'\nimport gsap from 'gsap'\nimport increment from './increment'\n// import { lenisScroll } from 'utility/smooth-scroll'\n\nconst cart = {\n  el: {\n    addToCartForm: document.querySelector<HTMLFormElement>('.product-page__add-to-cart'),\n    cart: {\n      // All this elements need to be updated after each renderCart call\n      increments: document.querySelectorAll<HTMLElement>('.cart__udpate-form .increment'),\n      modal: document.querySelector<HTMLElement>('.cart__modal'),\n      products: document.querySelectorAll<HTMLElement>('.cart__product'),\n      removeForms: document.querySelectorAll<HTMLFormElement>('.cart__remove-form'),\n      root: document.querySelector<HTMLElement>('.cart'),\n      updateForms: document.querySelectorAll<HTMLFormElement>('.cart__update-form'),\n    },\n    trigger: {\n      desktop: document.querySelector<HTMLElement>('.header__cart-trigger'),\n      mobile: document.querySelector<HTMLElement>('.mobile-header__cart-trigger'),\n    },\n  },\n\n  count: Number.parseFloat(sessionStorage.getItem('cartCount')) || 0,\n\n  init(): void {\n    this.el.addToCartForm?.addEventListener('submit', this.addToCart.bind(this))\n\n    this.el.trigger.desktop.addEventListener('click', this.toggleCart.bind(this))\n    this.el.trigger.mobile.addEventListener('click', this.toggleCart.bind(this))\n\n    if (this.count > 0) {\n      this.updateCount(this.count, false)\n      this.getCart()\n    }\n  },\n\n  async addToCart(event): Promise<any> {\n    event.preventDefault()\n\n    const action = event.target.action\n    const button = event.target.querySelector('.product-page__add-to-cart-button')\n    const data = new FormData(event.target)\n\n    button.setAttribute('disabled', 'true')\n    button.classList.add('button--loading')\n\n    await axios\n      .post(action, data)\n      .then((response) => {\n        if (response.status === 200) {\n          this.getCart().then(() => {\n            this.toggleCart(null)\n            button.removeAttribute('disabled')\n            button.classList.remove('button--loading')\n          })\n        }\n      })\n      .catch((error) => {\n        console.log(`addToCart error: ${error}`)\n      })\n  },\n\n  async getCart(): Promise<any> {\n    const action = '/umbraco/surface/shopify/getcart'\n\n    await axios\n      .get(action)\n      .then((response) => {\n        if (response.status === 200) {\n          this.updateCount(response.data.quantity)\n          this.renderCart(response.data.view)\n        }\n      })\n      .catch((error) => {\n        if (error.response.status === 404) {\n          this.toggleCart(null)\n          this.updateCount(0)\n        }\n\n        console.log(`getCart error: ${error}`)\n      })\n  },\n\n  async removeFromCart(event): Promise<void> {\n    event.preventDefault()\n\n    const lineId = event.target.querySelector(`input[name='lineId']`).value\n    const action = `/umbraco/surface/shopify/removefromcart/?lineId=${lineId}`\n    const data = new FormData(event.target)\n\n    this.el.cart.root.classList.add('cart--processing')\n\n    await axios\n      .post(action, data)\n      .then((response) => {\n        if (response.status === 200) {\n          this.getCart().then(() => {\n            this.toggleCart(null, false)\n            this.el.cart.root.classList.remove('cart--processing')\n          })\n        }\n      })\n      .catch((error) => {\n        console.log(`removeFromCart error: ${error}`)\n      })\n  },\n\n  async updateCartQuantity(event, form): Promise<void> {\n    event.preventDefault()\n\n    const lineId = form.querySelector(`input[name='lineId']`).value\n    const quantity = form.querySelector(`.increment input[name='quantity']`).value\n    const action = `/umbraco/surface/shopify/updatequantity/?lineId=${lineId}&quantity=${quantity}`\n\n    this.el.cart.root.classList.add('cart--processing')\n\n    await axios\n      .post(action)\n      .then((response) => {\n        if (response.status === 200) {\n          this.getCart().then(() => {\n            this.toggleCart(null, false)\n            this.el.cart.root.classList.remove('cart--processing')\n          })\n        }\n      })\n      .catch((error) => {\n        console.log(`updateCartQuantity error: ${error}`)\n      })\n  },\n\n  closeOnEscPress(event): void {\n    if (event.key.match('Escape') && cart.isActive()) {\n      cart.toggleCart(event)\n    }\n  },\n\n  closeOnOutsideClick(event): void {\n    if (\n      !event.target.closest('.cart') &&\n      !event.target.closest('.header .header__cart-trigger') &&\n      !event.target.closest('.mobile-header .mobile-header__cart-trigger') &&\n      cart.isActive()\n    ) {\n      cart.toggleCart(event)\n    }\n  },\n\n  closeOnScroll(): void {\n    if (cart.isActive() && window.scrollY > 123 && window.innerWidth >= breakpoint.tablet) {\n      cart.toggleCart(null)\n    }\n  },\n\n  isActive(): boolean {\n    return this.el.cart.root?.classList.contains('cart--active')\n  },\n\n  renderCart(markup): void {\n    this.el.cart.root && this.el.cart.root.remove()\n    document.body.insertAdjacentHTML('beforeend', markup)\n\n    this.el.cart.increments = document.querySelectorAll<HTMLElement>('.cart__update-form .increment')\n    this.el.cart.modal = document.querySelector<HTMLElement>('.cart__modal')\n    this.el.cart.products = document.querySelectorAll<HTMLElement>('.cart__product')\n    this.el.cart.removeForms = document.querySelectorAll<HTMLFormElement>('.cart__remove-form')\n    this.el.cart.root = document.querySelector<HTMLElement>('.cart')\n    this.el.cart.updateForms = document.querySelectorAll<HTMLFormElement>('.cart__update-form')\n\n    this.el.cart.increments.forEach((target) => {\n      increment.handleIncrement(target)\n    })\n\n    this.el.cart.removeForms.forEach((form) => {\n      form.addEventListener('submit', (event) => {\n        this.removeFromCart(event)\n      })\n    })\n\n    this.el.cart.updateForms.forEach((form) => {\n      form.querySelectorAll('button').forEach((button) => {\n        button.addEventListener(\n          'click',\n          debounce(210, (event) => {\n            this.updateCartQuantity(event, form)\n          })\n        )\n      })\n\n      form.querySelector('.increment input').addEventListener(\n        'keyup',\n        debounce(66, (event) => {\n          this.updateCartQuantity(event, form)\n        })\n      )\n    })\n  },\n\n  runAnimation(action): void {\n    const props = {\n      clearProps: 'all',\n      duration: 0.543,\n      ease: 'power3.inOut',\n    }\n\n    gsap.fromTo(\n      this.el.cart.modal,\n      {\n        height: action === 'open' ? 0 : this.el.cart.modal.offsetHeight,\n        opacity: action === 'open' ? 0 : 1,\n        scale: action === 'open' ? 0.77 : 1,\n      },\n      {\n        height: action === 'open' ? 'auto' : 0,\n        // TODO: Decide later if it makes sense to pause scroll when cart is open on mobile\n        // onComplete: () => {\n        //   if (action === 'open') {\n        //     window.innerWidth < breakpoint.tablet && lenisScroll.stop()\n        //   } else {\n        //     lenisScroll.isStopped && lenisScroll.start()\n        //   }\n        // },\n        opacity: action === 'open' ? 1 : 0,\n        scale: action === 'open' ? 1 : 0.77,\n        ...props,\n      }\n    )\n\n    gsap.fromTo(\n      this.el.cart.products,\n      {\n        opacity: action === 'open' ? 0 : 1,\n      },\n      {\n        delay: action === 'open' ? 0.15 : 0,\n        opacity: action === 'open' ? 1 : 0,\n        overwrite: true,\n        stagger: action === 'open' ? 0.06 : 0,\n        ...props,\n        duration: action === 'open' ? 0.543 : 0.321,\n      }\n    )\n  },\n\n  toggleCart(event, animate = true): void {\n    event && event.preventDefault()\n\n    if (this.count === 0) {\n      return\n    }\n\n    if (animate) {\n      this.runAnimation(this.isActive() ? 'close' : 'open')\n    }\n\n    if (!this.isActive()) {\n      this.el.cart.root.classList.add('cart--active')\n      this.el.trigger.desktop.classList.add('header__cart-trigger--active')\n      this.el.trigger.desktop.ariaExpanded = 'true'\n      this.el.trigger.mobile.classList.add('mobile-header__cart-trigger--active')\n      this.el.trigger.mobile.ariaExpanded = 'true'\n      document.body.addEventListener('click', cart.closeOnOutsideClick)\n      window.addEventListener('keydown', cart.closeOnEscPress)\n      window.addEventListener('scroll', cart.closeOnScroll)\n    } else {\n      this.el.cart.root.classList.remove('cart--active')\n      this.el.trigger.desktop.classList.remove('header__cart-trigger--active')\n      this.el.trigger.desktop.ariaExpanded = 'false'\n      this.el.trigger.mobile.classList.remove('mobile-header__cart-trigger--active')\n      this.el.trigger.mobile.ariaExpanded = 'false'\n      document.body.removeEventListener('click', cart.closeOnOutsideClick)\n      window.removeEventListener('keydown', cart.closeOnEscPress)\n      window.removeEventListener('scroll', cart.closeOnScroll)\n    }\n  },\n\n  updateCount(count, animateBubble = true): void {\n    this.count = count\n    sessionStorage.setItem('cartCount', count.toString())\n\n    if (this.count !== 0) {\n      this.el.trigger.desktop.classList.add('header__cart-trigger--count')\n      this.el.trigger.mobile.classList.add('mobile-header__cart-trigger--count')\n    } else {\n      this.el.trigger.desktop.classList.remove('header__cart-trigger--count')\n      this.el.trigger.mobile.classList.remove('mobile-header__cart-trigger--count')\n    }\n\n    this.el.trigger.desktop.dataset.count = this.count.toString()\n    this.el.trigger.mobile.dataset.count = this.count.toString()\n\n    if (!animateBubble) {\n      this.el.trigger.desktop.classList.add('header__cart-trigger--no-transition')\n      this.el.trigger.mobile.classList.add('mobile-header__cart-trigger--no-transition')\n      setTimeout(() => {\n        this.el.trigger.desktop.classList.remove('header__cart-trigger--no-transition')\n        this.el.trigger.mobile.classList.remove('mobile-header__cart-trigger--no-transition')\n      }, 10)\n    }\n  },\n}\n\nexport default cart\n"],
  "mappings": "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",
  "names": ["cart", "_a", "event", "action", "button", "data", "axios_default", "response", "error", "form", "lineId", "quantity", "breakpoint", "markup", "target", "increment_default", "debounce", "props", "gsapWithCSS", "__spreadValues", "__spreadProps", "animate", "count", "animateBubble", "cart_default"]
}