{"version":3,"file":"template.product.@.js?v=1744295719651","mappings":"yBAAO,MAIMA,EAAa,mXCOnBC,EAEa,iCCJnBC,SAASC,iBAAiB,oBAAoB,KDU9C,MAKE,MAAMC,EAAgB,CACpBC,QAASH,SAASI,cAbX,mCAqHT,SAASC,IACR,MAAMC,EAAWN,SAASI,cAAc,4BAClCG,EAAOP,SAASI,cAAc,4BAEhCE,IACFA,EAASE,UDpIU,0YCuIjBD,IACFA,EAAKC,UAAYV,GAOpB,SAASW,IAAkC,IAApBC,IAAoB,yDAC1C,MAAMC,EAAeT,EAAcC,QAAQC,cAAcL,GACzDG,EAAcS,aAAeA,EAE7BC,IACAC,IACAR,IAEKK,GAGLI,IAMD,SAASA,IACN,MAAMC,EAAaf,SAASI,cAAc,gBAC1C,IAAKW,EACH,OAGF,MAcMC,EAAW,IAAIC,kBAZHC,IAChB,IAAK,MAAMC,KAAYD,EACrB,GAAsB,cAAlBC,EAASC,KAIX,OAHAf,IACAW,EAASK,kBACTP,OAQNE,EAASM,QAAQP,EAfF,CAAEQ,YAAY,EAAMC,WAAW,EAAMC,SAAS,IAqBhE,SAASb,IACDV,EAAcS,cAInBT,EAAcS,aAAae,UAAUC,IAAI,UAM5C,SAASd,IACDX,EAAcS,cAInBT,EAAcS,aAAaiB,mBAAmB,YAAa9B,GAM9D,OAAO+B,OAAOC,OAAO,CACnBC,KArLF,SAASA,KAQT,WACC,MAAMhB,EAAab,EAAcC,QAC5BY,GAoBY,IAAIE,kBAfJ,CAACC,EAAcF,KAC9B,IAAK,MAAMG,KAAYD,EACrB,GAAsB,cAAlBC,EAASC,KAAsB,CACjC,MAAMY,EAAQ,IAAIb,EAASc,YAE3B,GAAKD,MAAAA,IAAAA,EAAOE,OACV,SAIF,OAFAlB,EAASK,kBACTZ,QAOGa,QAAQP,EAjBF,CAAEQ,YAAY,EAAMC,WAAW,EAAMC,SAAS,IAb5DU,GAoCFC,uBACO,IAAIC,SAASC,IACjB,MAAMC,EAAeC,OAAOC,aAAY,KAAM,QACxC,UAACC,YAAD,iBAAC,EAAMC,gBAAP,OAAC,EAAgBC,SAIrBJ,OAAOK,cAAcN,GACrBD,OACC,QAGLI,KAAKC,SAASC,OAAO,wBAAyBE,KAQ/C,SAA8BA,GAC7B,MAAMC,EAAU/C,SAASI,cAAc,4BAElC2C,GAIDC,SAASD,EAAQE,QAAQC,GAAI,MAAQJ,EAAOK,SAASD,KAIzDH,EAAQE,QAAQC,GAAKJ,EAAOK,SAASD,GAUtC,SAAiBE,GACd,MAAMC,EAAOrD,SAASsD,qBAAqB,QAAQ,GAC7B,IAAID,EAAKE,UAAUC,QAAOC,GAAWA,EAAQL,MAAQA,IAC7DM,SAAQC,IACpBA,EAAOC,WAAWC,YAAYF,MAGhC,MAAMA,EAAS3D,SAAS8D,cAAc,UACtCH,EAAOP,IAAMA,EACbC,EAAKU,YAAYJ,GAKjB5B,IApBFiC,CAHgB,IAAIhE,SAASiE,SACEC,MAAKP,GAAUA,EAAOP,IAAIe,SAAS,oBAE3Cf,MAtBrBgB,CAAqBtB,MAhDtBuB,OCvBFC,GAAiBvC,U","sources":["webpack:///../../../../../src/scripts/helpers/svg-map.js","webpack:///../../../../../src/scripts/components/reviews-section.js","webpack:///../../../../../src/scripts/templates/product.@.js"],"sourcesContent":["export const bag = '<svg class=\"icon icon__bag\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M19 8H5v12h14V8ZM4 7v14h16V7H4Z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"/><path d=\"M9.646 3.658C10.242 2.966 11.021 2.5 12 2.5v1c-.621 0-1.142.284-1.596.81-.464.539-.838 1.312-1.128 2.217C8.697 8.337 8.5 10.531 8.5 12h-1c0-1.53.203-3.836.824-5.777.31-.97.736-1.884 1.322-2.565ZM14.354 3.658C13.758 2.966 12.979 2.5 12 2.5v1c.621 0 1.142.284 1.596.81.464.539.838 1.312 1.128 2.217.579 1.81.776 4.004.776 5.473h1c0-1.53-.203-3.836-.824-5.777-.31-.97-.736-1.884-1.322-2.565Z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"/></svg>'\n\nexport const leftArrow = '<svg class=\"icon icon__arrow icon__arrow--left\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><title>Arrow left icon</title><g clip-path=\"url(#a-left)\"><path d=\"M8 6.116 2.116 12 8 17.884 8.884 17l-4.375-4.375h17.116v-1.25H4.509L8.884 7 8 6.116Z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a-left\"><path d=\"M0 0h24v24H0z\" fill=\"#fff\"/></clipPath></defs></svg>'\n\nexport const rightArrow = '<svg class=\"icon icon__arrow icon__arrow--right\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#a-right)\"><path d=\"M16 6.116 21.884 12 16 17.884 15.116 17l4.375-4.375H2.375v-1.25h17.116L15.116 7 16 6.116Z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a-right\"><path d=\"M0 0h24v24H0z\" fill=\"#fff\"/></clipPath></defs></svg>'\n","/**\n * Component: Reviews Section\n * ------------------------------------------------------------------------------\n * Scripts for the shopify reviews section, loaded as an app block outside Vue.\n *\n */\nimport { rightArrow, leftArrow } from '~/helpers/svg-map'\n\n/**\n  * DOM selectors.\n  */\n const selectors = {\n   section: '[js-reviews-section=\"section\"]',\n   newReviewButton: '.spr-summary-actions-newreview',\n }\n\n /**\n  * Create a reviews section object.\n  */\n export default () => {\n\n   /**\n    * DOM node selectors.\n    */\n   const nodeSelectors = {\n     section: document.querySelector(selectors.section),\n   }\n\n   /**\n    * Initialise component.\n    */\n   function init() {\n     setMutationObserver()\n     addEventBusListeners()\n   }\n\n   /**\n    * Watch for app content being injected.\n    */\n   function setMutationObserver() {\n    const targetNode = nodeSelectors.section\n    if (!targetNode) {\n      return\n    }\n\n    const config = { attributes: true, childList: true, subtree: true }\n    const callback = (mutationList, observer) => {\n      for (const mutation of mutationList) {\n        if (mutation.type === 'childList') {\n          const nodes = [...mutation.addedNodes]\n\n          if (!nodes?.length) {\n            continue\n          }\n          observer.disconnect()\n          sectionLoaded()\n          return\n        }\n      }\n    }\n\n    const observer = new MutationObserver(callback)\n    observer.observe(targetNode, config)\n   }\n\n   /**\n    * Adds event bus listeners.\n    */\n   async function addEventBusListeners() {\n    await new Promise((resolve) => {\n      const cnvsInterval = window.setInterval(() => {\n        if (!cnvs?.EventBus?.listen) {\n          return\n        }\n\n        window.clearInterval(cnvsInterval)\n        resolve()\n      }, 200)\n    })\n\n    cnvs.EventBus.listen('cnvs:product-updated', (update) => {\n      handleProductUpdated(update)\n    })\n   }\n\n   /**\n    * Adds arrows to the pagination links instead of the text.\n    */\n   function handleProductUpdated(update) {\n    const reviews = document.querySelector('#shopify-product-reviews')\n\n    if (!reviews) {\n      return\n    }\n\n    if (parseInt(reviews.dataset.id, 10) === update.response.id) {\n      return\n    }\n\n    reviews.dataset.id = update.response.id\n    const scripts = [...document.scripts]\n    const productReviews = scripts.find(script => script.src.includes('productreviews'))\n\n    load_js(productReviews.src)\n   }\n\n   /**\n    * Reloads the shopify product reviews script.\n    */\n   function load_js(src) {\n      const head = document.getElementsByTagName('head')[0]\n      const reviewScripts = [...head.children].filter(element => element.src === src)\n      reviewScripts.forEach(script => {\n        script.parentNode.removeChild(script)\n      })\n\n      const script = document.createElement('script')\n      script.src = src\n      head.appendChild(script)\n\n      /**\n       * Re-initialise this script when the product updates.\n       */\n      init()\n   }\n\n   /**\n    * Adds arrows to the pagination links instead of the text.\n    */\n   function addPaginationArrows() {\n    const previous = document.querySelector('.spr-pagination-prev > a')\n    const next = document.querySelector('.spr-pagination-next > a')\n\n    if (previous) {\n      previous.innerHTML = leftArrow\n    }\n\n    if (next) {\n      next.innerHTML = rightArrow\n    }\n   }\n\n   /**\n    * Run all manipulation functions when the app content has been injected.\n    */\n   function sectionLoaded(setObserver = true) {\n    const newReviewBtn = nodeSelectors.section.querySelector(selectors.newReviewButton)\n    nodeSelectors.newReviewBtn = newReviewBtn\n\n    addButtonClasses()\n    addIconToButton()\n    addPaginationArrows()\n\n    if (!setObserver) {\n      return\n    }\n    setReviewsObservationObserver()\n   }\n\n   /**\n    * Adds another mutation observer to listener for pagination updates.\n    */\n   function setReviewsObservationObserver() {\n      const targetNode = document.querySelector('.spr-reviews')\n      if (!targetNode) {\n        return\n      }\n\n      const config = { attributes: true, childList: true, subtree: true }\n\n      const callback = (mutationList) => {\n        for (const mutation of mutationList) {\n          if (mutation.type === 'childList') {\n            addPaginationArrows()\n            observer.disconnect()\n            setReviewsObservationObserver()\n            return\n          }\n        }\n      }\n\n\n      const observer = new MutationObserver(callback)\n      observer.observe(targetNode, config)\n   }\n\n   /**\n    * Make the new review link a button element.\n    */\n   function addButtonClasses() {\n      if (!nodeSelectors.newReviewBtn) {\n        return\n      }\n\n      nodeSelectors.newReviewBtn.classList.add('button')\n   }\n\n   /**\n    * Adds an arrow to the new review button.\n    */\n   function addIconToButton() {\n      if (!nodeSelectors.newReviewBtn) {\n        return\n      }\n\n      nodeSelectors.newReviewBtn.insertAdjacentHTML('beforeend', rightArrow)\n   }\n\n   /**\n    * Expose public interface.\n    */\n   return Object.freeze({\n     init,\n   })\n }\n","/**\n * Template: Products\n * -----------------------------------------------------------------------------\n * Used to import styles for all product templates.\n *\n */\n\n import ReviewsSection from '~/components/reviews-section'\n\n document.addEventListener('DOMContentLoaded', () => {\n   ReviewsSection().init()\n })\n"],"names":["rightArrow","selectors","document","addEventListener","nodeSelectors","section","querySelector","addPaginationArrows","previous","next","innerHTML","sectionLoaded","setObserver","newReviewBtn","addButtonClasses","addIconToButton","setReviewsObservationObserver","targetNode","observer","MutationObserver","mutationList","mutation","type","disconnect","observe","attributes","childList","subtree","classList","add","insertAdjacentHTML","Object","freeze","init","nodes","addedNodes","length","setMutationObserver","async","Promise","resolve","cnvsInterval","window","setInterval","cnvs","EventBus","listen","clearInterval","update","reviews","parseInt","dataset","id","response","src","head","getElementsByTagName","children","filter","element","forEach","script","parentNode","removeChild","createElement","appendChild","load_js","scripts","find","includes","handleProductUpdated","addEventBusListeners","ReviewsSection"],"sourceRoot":""}