{"version":3,"file":"quick-buy-sizes-36m8ro5d.js","sources":["../../../app/javascript/entrypoints/js/quickBuy/quick-buy-sizes.js"],"sourcesContent":["import postToCart from \"./postToCart\";\n\nexport default class QuickBuySizes {\n  constructor(el) {\n    this.post = new postToCart();\n    this.form = el;\n    this.product_id = this.form.dataset.id;\n    this.url = this.form.dataset.url;\n    this.button = this.form.querySelector(\"[data-js='quick-buy-atc']\");\n    this.size_inputs = this.form.querySelectorAll('input[name=\"variant\"]');\n    this.qty_inputs = this.form.querySelectorAll('input[name=\"quantity\"]');\n    this.variant = this.form.dataset.variant;\n    this.qty = 1;\n    this.selectCta = this.form.querySelector(\n      \"[data-js='quick-buy-select-cta']\",\n    );\n    this.sizeIsSelected = false;\n  }\n\n  init() {\n    // console.log(\"QuickBuySizes initialized\")\n\n    if (this.size_inputs && this.size_inputs.length > 0) {\n      this.size_inputs.forEach((input) => {\n        input.addEventListener(\"change\", () => this.handleInputChange(input));\n      });\n    }\n\n    if (this.qty_inputs && this.qty_inputs.length > 0) {\n      // console.log(\"qty inputs\", this.qty_inputs);\n      this.qty_inputs.forEach((input) => {\n        input.addEventListener(\"change\", () => this.handleInputChange(input));\n      });\n    }\n\n    this.button.addEventListener(\"click\", (e) => this.handleClick(e));\n  }\n\n  handleClick(e) {\n    e.preventDefault();\n    this.post.addToCart(this.product_id, this.qty, this.variant, this.url);\n    // console.log(\"atc clicked\", e.target)\n  }\n\n  handleInputChange(input) {\n    // console.log(\"input changed\", input.value);\n    if (this.qty_inputs && this.qty_inputs.length > 0) {\n      this.qty = this.form.querySelector(\n        'input[name=\"quantity\"]:checked',\n      ).value;\n    }\n    if (this.size_inputs && this.size_inputs.length > 0) {\n      this.variant = this.form.querySelector(\n        'input[name=\"variant\"]:checked',\n      ).value;\n    }\n    if (this.sizeIsSelected === false) {\n      this.sizeIsSelected = true;\n      //   console.log(input.value, \"size selected first time\");\n      this.selectCta.classList.add(\"disabled\");\n      this.button.classList.remove(\"disabled\");\n    } else {\n      //   console.log(input.value, \"size changed\");\n    }\n  }\n}\n"],"names":["QuickBuySizes","el","postToCart","input","e"],"mappings":"6CAEe,MAAMA,CAAc,CACjC,YAAYC,EAAI,CACd,KAAK,KAAO,IAAIC,EAChB,KAAK,KAAOD,EACZ,KAAK,WAAa,KAAK,KAAK,QAAQ,GACpC,KAAK,IAAM,KAAK,KAAK,QAAQ,IAC7B,KAAK,OAAS,KAAK,KAAK,cAAc,2BAA2B,EACjE,KAAK,YAAc,KAAK,KAAK,iBAAiB,uBAAuB,EACrE,KAAK,WAAa,KAAK,KAAK,iBAAiB,wBAAwB,EACrE,KAAK,QAAU,KAAK,KAAK,QAAQ,QACjC,KAAK,IAAM,EACX,KAAK,UAAY,KAAK,KAAK,cACzB,kCACN,EACI,KAAK,eAAiB,EACvB,CAED,MAAO,CAGD,KAAK,aAAe,KAAK,YAAY,OAAS,GAChD,KAAK,YAAY,QAASE,GAAU,CAClCA,EAAM,iBAAiB,SAAU,IAAM,KAAK,kBAAkBA,CAAK,CAAC,CAC5E,CAAO,EAGC,KAAK,YAAc,KAAK,WAAW,OAAS,GAE9C,KAAK,WAAW,QAASA,GAAU,CACjCA,EAAM,iBAAiB,SAAU,IAAM,KAAK,kBAAkBA,CAAK,CAAC,CAC5E,CAAO,EAGH,KAAK,OAAO,iBAAiB,QAAUC,GAAM,KAAK,YAAYA,CAAC,CAAC,CACjE,CAED,YAAYA,EAAG,CACbA,EAAE,eAAc,EAChB,KAAK,KAAK,UAAU,KAAK,WAAY,KAAK,IAAK,KAAK,QAAS,KAAK,GAAG,CAEtE,CAED,kBAAkBD,EAAO,CAEnB,KAAK,YAAc,KAAK,WAAW,OAAS,IAC9C,KAAK,IAAM,KAAK,KAAK,cACnB,gCACD,EAAC,OAEA,KAAK,aAAe,KAAK,YAAY,OAAS,IAChD,KAAK,QAAU,KAAK,KAAK,cACvB,+BACD,EAAC,OAEA,KAAK,iBAAmB,KAC1B,KAAK,eAAiB,GAEtB,KAAK,UAAU,UAAU,IAAI,UAAU,EACvC,KAAK,OAAO,UAAU,OAAO,UAAU,EAI1C,CACH"}