{"version":3,"file":"zoomv.7251.min.js?t=93a2bb0059c0b2b4ad65","mappings":"g1BAyDA,QAtDuB,WACrB,SAAAA,EAAYC,GAAI,IAAAC,EAAA,M,4FAAAC,CAAA,KAAAH,GACdI,KAAKH,GAAKA,EACVG,KAAKC,OAASD,KAAKH,GAAGK,QAAQC,YAC9B,IAAIC,EAAQJ,KAAKH,GAAGK,QAAQG,GACzBD,IACDJ,KAAKM,WAAaN,KAAKH,GAAGU,cAAc,YAADC,OAAaJ,IACjDJ,KAAKM,YACS,IAAIG,EAAAA,EAAST,KAAKM,YAC1BI,UAAS,SAACC,GAAM,OAAKb,EAAKc,sBAAsBD,EAAQb,EAAK,IAI1E,CAAC,O,EAAAF,G,EAAA,EAAAiB,IAAA,wBAAAC,MACD,SAAsBC,EAAqBC,GAazC,GADwBA,EAAQnB,GAAGU,cAAc,yCACjD,CAEA,IAAIN,EAASD,KAAKH,GAAGK,QAAQC,YACzBC,EAAQY,EAAQnB,GAAGK,QAAQG,GAG/BY,MAAM,GAADT,OAAIP,EAAM,aAAAO,OAAYO,GAjBT,CAChBG,OAAQ,MACRC,YAAa,UACbC,KAAM,OACNC,QAAS,CACP,eAAgB,8BAajBC,MAAK,SAAAC,GAAQ,OAAIA,EAASC,MAAM,IAChCF,MAAK,SAAAG,GAEJ,IAAMC,EAAmBC,SAASpB,cAAc,gBAADC,OAAiBJ,EAAK,OACrE,GAAIsB,EAAkB,KAAAE,EACpBF,EAAiBG,UAAYJ,GAC7BK,EAAAA,EAAAA,KACA,IAAMC,EAAOJ,SAASK,cAAc,OACpCD,EAAKE,UAAYR,EACjB,IAAMS,EAA6C,QAArCN,EAAGG,EAAKxB,cAAc,uBAAe,IAAAqB,OAAA,EAAlCA,EAAoCO,aAAa,WAC5DC,EAAiBF,EAAWP,SAASpB,cAAc,gBAADC,OAAiB0B,EAAQ,OAAQ,KACrFE,GAAgB,IAAIxC,EAAkBwC,EAC5C,CACF,IAAE,OACK,SAAAC,GACP,GAtB0B,CAuB9B,M,6EAAC,CAlDoB,E","sources":["webpack://@hero-digital/zoom/./src/components/components/PricingCardSilver/PricingCardSilver.js"],"sourcesContent":["import { callPricingAPI } from '../../../js/utilities/pricing'\r\nimport { default as Dropdown } from '../../foundation/Dropdown/Dropdown'\r\n\r\nclass PricingCardSilver {\r\n constructor(el) {\r\n this.el = el\r\n this.apiUrl = this.el.dataset.apiEndpoint\r\n let divId = this.el.dataset.id\r\n if(divId) {\r\n this.dropdownEl = this.el.querySelector(`#country-${divId}`)\r\n if(this.dropdownEl){\r\n const dropdown = new Dropdown(this.dropdownEl);\r\n dropdown.onChange((result) => this.handleOnchangeCountry(result, this))\r\n }\r\n }\r\n\r\n }\r\n handleOnchangeCountry(selectedCountryCode, context) {\r\n // Define fetch options\r\n const fetchOpts = {\r\n method: 'GET',\r\n credentials: 'include',\r\n mode: 'cors',\r\n headers: {\r\n 'Content-Type': 'text/html; charset=utf-8'\r\n }\r\n };\r\n\r\n // Cache DOM elements\r\n const resultContainer = context.el.querySelector(\".module-product-inquiry--country-list\");\r\n if (!resultContainer) return; // Early return if the result container is not found\r\n\r\n let apiUrl = this.el.dataset.apiEndpoint\r\n let divId = context.el.dataset.id\r\n\r\n // Make the fetch request\r\n fetch(`${apiUrl}location=${selectedCountryCode}`, fetchOpts)\r\n .then(response => response.text())\r\n .then(data => {\r\n // Remove old pricing card if it exists\r\n const pricingCardBasic = document.querySelector(`div[data-id='${divId}']`)\r\n if (pricingCardBasic) {\r\n pricingCardBasic.outerHTML = data;\r\n callPricingAPI();\r\n const temp = document.createElement('div');\r\n temp.innerHTML = data;\r\n const newDivId = temp.querySelector('div[data-id]')?.getAttribute('data-id');\r\n const updatedElement = newDivId ? document.querySelector(`div[data-id='${newDivId}']`) : null;\r\n if (updatedElement) new PricingCardSilver(updatedElement);\r\n }\r\n })\r\n .catch(err => {\r\n });\r\n }\r\n\r\n}\r\n\r\nexport default PricingCardSilver\r\n"],"names":["PricingCardSilver","el","_this","_classCallCheck","this","apiUrl","dataset","apiEndpoint","divId","id","dropdownEl","querySelector","concat","Dropdown","onChange","result","handleOnchangeCountry","key","value","selectedCountryCode","context","fetch","method","credentials","mode","headers","then","response","text","data","pricingCardBasic","document","_temp$querySelector","outerHTML","callPricingAPI","temp","createElement","innerHTML","newDivId","getAttribute","updatedElement","err"],"sourceRoot":""}