diff --git a/modules.local/ppcp-button/assets/js/button.js b/modules.local/ppcp-button/assets/js/button.js index 5e0a8e44b..3e6bfc98a 100644 --- a/modules.local/ppcp-button/assets/js/button.js +++ b/modules.local/ppcp-button/assets/js/button.js @@ -1,2 +1,2 @@ -!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t,r){"use strict";r.r(t);var n=class{constructor(e){this.config=e}render(e){const t=document.createElement("script");if("object"!=typeof paypal)return t.setAttribute("src",this.config.url),t.addEventListener("load",t=>{this.renderButtons(e)}),void document.body.append(t);this.renderButtons(e)}renderButtons(e){paypal.Buttons(e).render(this.config.wrapper)}hideButtons(){document.querySelector(this.config.wrapper).style.display="none"}showButtons(){document.querySelector(this.config.wrapper).style.display="block"}};var o=class{constructor(e,t,r){this.element=e,this.showCallback=t,this.hideCallback=r,this.observer=null}init(){this.observer=new MutationObserver(()=>{this.element.classList.contains("disabled")?this.hideCallback():this.showCallback()}),this.observer.observe(this.element,{attributes:!0})}disconnect(){this.observer.disconnect()}};var a=class{constructor(e,t,r){this.id=e,this.quantity=t,this.variations=r}data(){return{id:this.id,quantity:this.quantity,variations:this.variations}}};var i=class{constructor(e,t,r,n,o,a){this.config=e,this.updateCart=t,this.showButtonCallback=r,this.hideButtonCallback=n,this.formElement=o,this.errorHandler=a}configuration(){if(this.hasVariations()){new o(this.formElement.querySelector(".single_add_to_cart_button"),this.showButtonCallback,this.hideButtonCallback).init()}return{createOrder:this.createOrder(),onApprove:(e,t)=>t.redirect(this.config.redirect),onError:e=>{this.errorHandler.message(e)}}}createOrder(){return this.isGroupedProduct()?createOrder:(e,t)=>{this.errorHandler.clear();const r=document.querySelector('[name="add-to-cart"]').value,n=document.querySelector('[name="quantity"]').value,o=this.variations(),i=new a(r,n,o);return this.updateCart.update(e=>fetch(this.config.ajax.create_order.endpoint,{method:"POST",body:JSON.stringify({nonce:this.config.ajax.create_order.nonce,purchase_units:e})}).then((function(e){return e.json()})).then((function(e){if(e.success)return e.data.id})),[i])}}variations(){if(!this.hasVariations())return null;return[...this.formElement.querySelectorAll("[name^='attribute_']")].map(e=>({value:e.value,name:e.name}))}hasVariations(){return this.formElement.classList.contains("variations_form")}isGroupedProduct(){return null!==this.formElement.querySelector(".woocommerce-grouped-product-list")}};var s=class{constructor(e,t){this.endpoint=e,this.nonce=t}update(e,t){return new Promise((r,n)=>{fetch(this.endpoint,{method:"POST",body:JSON.stringify({nonce:this.nonce,products:t})}).then(e=>e.json()).then(t=>{if(!t.success)return void n(t.data);const o=e(t.data);r(o)})})}};var c=class{constructor(){this.wrapper=document.querySelector(".woocommerce-notices-wrapper")}message(e){this.wrapper.classList.add("woocommerce-error"),this.wrapper.innerText=this.sanitize(e)}sanitize(e){const t=document.createElement("textarea");return t.innerHTML=e,t.value}clear(){this.wrapper.classList.contains("woocommerce-error")&&(this.wrapper.classList.remove("woocommerce-error"),this.wrapper.innerText="")}};document.addEventListener("DOMContentLoaded",()=>{if(!document.querySelector(PayPalCommerceGateway.button.wrapper))return void console.error("No wrapper for PayPal button found.");const e=PayPalCommerceGateway.context;if("product"===e&&!document.querySelector("form.cart"))return;const t=new c,r=new n({url:PayPalCommerceGateway.button.url,wrapper:PayPalCommerceGateway.button.wrapper}),o=new s(PayPalCommerceGateway.ajax.change_cart.endpoint,PayPalCommerceGateway.ajax.change_cart.nonce);let a=null;"product"===e&&(a=new i(PayPalCommerceGateway,o,r.showButtons.bind(r),r.hideButtons.bind(r),document.querySelector("form.cart"),t)),a?r.render(a.configuration()):console.error("No context for button found.")})}]); +!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t,r){"use strict";r.r(t);var n=class{constructor(e){this.config=e}render(e){const t=document.createElement("script");if("object"!=typeof paypal)return t.setAttribute("src",this.config.url),t.addEventListener("load",t=>{this.renderButtons(e)}),void document.body.append(t);this.renderButtons(e)}renderButtons(e){paypal.Buttons(e).render(this.config.wrapper)}hideButtons(){document.querySelector(this.config.wrapper).style.display="none"}showButtons(){document.querySelector(this.config.wrapper).style.display="block"}};var o=class{constructor(e,t,r){this.element=e,this.showCallback=t,this.hideCallback=r,this.observer=null}init(){this.observer=new MutationObserver(()=>{this.element.classList.contains("disabled")?this.hideCallback():this.showCallback()}),this.observer.observe(this.element,{attributes:!0})}disconnect(){this.observer.disconnect()}};var a=class{constructor(e,t,r){this.id=e,this.quantity=t,this.variations=r}data(){return{id:this.id,quantity:this.quantity,variations:this.variations}}};var i=class{constructor(e,t,r,n,o,a){this.config=e,this.updateCart=t,this.showButtonCallback=r,this.hideButtonCallback=n,this.formElement=o,this.errorHandler=a}configuration(){if(this.hasVariations()){new o(this.formElement.querySelector(".single_add_to_cart_button"),this.showButtonCallback,this.hideButtonCallback).init()}return{createOrder:this.createOrder(),onApprove:(e,t)=>t.redirect(this.config.redirect),onError:e=>{this.errorHandler.message(e)}}}createOrder(){var e=null;e=this.isGroupedProduct()?()=>{const e=[];return this.formElement.querySelectorAll('input[type="number"]').forEach(t=>{if(!t.value)return;const r=t.getAttribute("name").match(/quantity\[([\d]*)\]/);if(2!==r.length)return;const n=parseInt(r[1]),o=parseInt(t.value);e.push(new a(n,o,null))}),e}:()=>{const e=document.querySelector('[name="add-to-cart"]').value,t=document.querySelector('[name="quantity"]').value,r=this.variations();return[new a(e,t,r)]};return(t,r)=>{this.errorHandler.clear();return this.updateCart.update(e=>fetch(this.config.ajax.create_order.endpoint,{method:"POST",body:JSON.stringify({nonce:this.config.ajax.create_order.nonce,purchase_units:e})}).then((function(e){return e.json()})).then((function(e){if(e.success)return e.data.id})),e())}}variations(){if(!this.hasVariations())return null;return[...this.formElement.querySelectorAll("[name^='attribute_']")].map(e=>({value:e.value,name:e.name}))}hasVariations(){return this.formElement.classList.contains("variations_form")}isGroupedProduct(){return this.formElement.classList.contains("grouped_form")}};var s=class{constructor(e,t){this.endpoint=e,this.nonce=t}update(e,t){return new Promise((r,n)=>{fetch(this.endpoint,{method:"POST",body:JSON.stringify({nonce:this.nonce,products:t})}).then(e=>e.json()).then(t=>{if(!t.success)return void n(t.data);const o=e(t.data);r(o)})})}};var c=class{constructor(){this.wrapper=document.querySelector(".woocommerce-notices-wrapper")}message(e){this.wrapper.classList.add("woocommerce-error"),this.wrapper.innerText=this.sanitize(e)}sanitize(e){const t=document.createElement("textarea");return t.innerHTML=e,t.value}clear(){this.wrapper.classList.contains("woocommerce-error")&&(this.wrapper.classList.remove("woocommerce-error"),this.wrapper.innerText="")}};document.addEventListener("DOMContentLoaded",()=>{if(!document.querySelector(PayPalCommerceGateway.button.wrapper))return void console.error("No wrapper for PayPal button found.");const e=PayPalCommerceGateway.context;if("product"===e&&!document.querySelector("form.cart"))return;const t=new c,r=new n({url:PayPalCommerceGateway.button.url,wrapper:PayPalCommerceGateway.button.wrapper}),o=new s(PayPalCommerceGateway.ajax.change_cart.endpoint,PayPalCommerceGateway.ajax.change_cart.nonce);let a=null;"product"===e&&(a=new i(PayPalCommerceGateway,o,r.showButtons.bind(r),r.hideButtons.bind(r),document.querySelector("form.cart"),t)),a?r.render(a.configuration()):console.error("No context for button found.")})}]); //# sourceMappingURL=button.js.map \ No newline at end of file diff --git a/modules.local/ppcp-button/assets/js/button.js.map b/modules.local/ppcp-button/assets/js/button.js.map index 1ad6da4f1..4965ca5cf 100644 --- a/modules.local/ppcp-button/assets/js/button.js.map +++ b/modules.local/ppcp-button/assets/js/button.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./resources/js/modules/Renderer.js","webpack:///./resources/js/modules/ButtonsToggleListener.js","webpack:///./resources/js/modules/Product.js","webpack:///./resources/js/modules/SingleProductConfig.js","webpack:///./resources/js/modules/UpdateCart.js","webpack:///./resources/js/modules/ErrorHandler.js","webpack:///./resources/js/button.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","Renderer","constructor","config","this","render","buttonConfig","script","document","createElement","paypal","setAttribute","url","addEventListener","event","renderButtons","body","append","Buttons","wrapper","hideButtons","querySelector","style","display","showButtons","ButtonsToggleListener","element","showCallback","hideCallback","observer","init","MutationObserver","classList","contains","observe","attributes","disconnect","Product","id","quantity","variations","data","SingleProductConfig","updateCart","showButtonCallback","hideButtonCallback","formElement","errorHandler","configuration","hasVariations","createOrder","onApprove","actions","redirect","onError","error","message","isGroupedProduct","clear","qty","product","update","purchase_units","fetch","ajax","create_order","endpoint","method","JSON","stringify","nonce","then","res","json","success","querySelectorAll","map","UpdateCart","onResolve","products","Promise","resolve","reject","result","resolved","ErrorHandler","text","add","innerText","sanitize","textarea","innerHTML","remove","PayPalCommerceGateway","button","console","context","renderer","change_cart","configurator"],"mappings":"aACE,IAAIA,EAAmB,GAGvB,SAASC,EAAoBC,GAG5B,GAAGF,EAAiBE,GACnB,OAAOF,EAAiBE,GAAUC,QAGnC,IAAIC,EAASJ,EAAiBE,GAAY,CACzCG,EAAGH,EACHI,GAAG,EACHH,QAAS,IAUV,OANAI,EAAQL,GAAUM,KAAKJ,EAAOD,QAASC,EAAQA,EAAOD,QAASF,GAG/DG,EAAOE,GAAI,EAGJF,EAAOD,QAKfF,EAAoBQ,EAAIF,EAGxBN,EAAoBS,EAAIV,EAGxBC,EAAoBU,EAAI,SAASR,EAASS,EAAMC,GAC3CZ,EAAoBa,EAAEX,EAASS,IAClCG,OAAOC,eAAeb,EAASS,EAAM,CAAEK,YAAY,EAAMC,IAAKL,KAKhEZ,EAAoBkB,EAAI,SAAShB,GACX,oBAAXiB,QAA0BA,OAAOC,aAC1CN,OAAOC,eAAeb,EAASiB,OAAOC,YAAa,CAAEC,MAAO,WAE7DP,OAAOC,eAAeb,EAAS,aAAc,CAAEmB,OAAO,KAQvDrB,EAAoBsB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQrB,EAAoBqB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,iBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKX,OAAOY,OAAO,MAGvB,GAFA1B,EAAoBkB,EAAEO,GACtBX,OAAOC,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOrB,EAAoBU,EAAEe,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRzB,EAAoB6B,EAAI,SAAS1B,GAChC,IAAIS,EAAST,GAAUA,EAAOqB,WAC7B,WAAwB,OAAOrB,EAAgB,SAC/C,WAA8B,OAAOA,GAEtC,OADAH,EAAoBU,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRZ,EAAoBa,EAAI,SAASiB,EAAQC,GAAY,OAAOjB,OAAOkB,UAAUC,eAAe1B,KAAKuB,EAAQC,IAGzG/B,EAAoBkC,EAAI,GAIjBlC,EAAoBA,EAAoBmC,EAAI,G,sCCvCtCC,MA3Cf,MAEIC,YAAYC,GAERC,KAAKD,OAASA,EAGlBE,OAAOC,GAGH,MAAMC,EAASC,SAASC,cAAc,UAEtC,GAAsB,iBAAXC,OAMP,OALAH,EAAOI,aAAa,MAAOP,KAAKD,OAAOS,KACvCL,EAAOM,iBAAiB,OAASC,IAC7BV,KAAKW,cAAcT,UAEvBE,SAASQ,KAAKC,OAAOV,GAIzBH,KAAKW,cAAcT,GAGvBS,cAAcT,GAGVI,OAAOQ,QACHZ,GACFD,OAAOD,KAAKD,OAAOgB,SAGzBC,cAEIZ,SAASa,cAAcjB,KAAKD,OAAOgB,SAASG,MAAMC,QAAU,OAGhEC,cAEIhB,SAASa,cAAcjB,KAAKD,OAAOgB,SAASG,MAAMC,QAAU,UCLrDE,MA7Bf,MACIvB,YAAYwB,EAASC,EAAcC,GAE/BxB,KAAKsB,QAAUA,EACftB,KAAKuB,aAAeA,EACpBvB,KAAKwB,aAAeA,EACpBxB,KAAKyB,SAAW,KAGpBC,OAUI1B,KAAKyB,SAAW,IAAIE,iBAPH,KACT3B,KAAKsB,QAAQM,UAAUC,SAAS,YAChC7B,KAAKwB,eAGTxB,KAAKuB,iBAGTvB,KAAKyB,SAASK,QAAQ9B,KAAKsB,QATZ,CAAES,YAAa,IAYlCC,aAEIhC,KAAKyB,SAASO,eCbPC,MAjBf,MAEInC,YAAYoC,EAAIC,EAAUC,GACtBpC,KAAKkC,GAAKA,EACVlC,KAAKmC,SAAWA,EAChBnC,KAAKoC,WAAaA,EAGtBC,OACI,MAAO,CACHH,GAAGlC,KAAKkC,GACRC,SAASnC,KAAKmC,SACdC,WAAWpC,KAAKoC,cC8FbE,MAxGf,MAEIxC,YACIC,EACAwC,EACAC,EACAC,EACAC,EACAC,GAEA3C,KAAKD,OAASA,EACdC,KAAKuC,WAAaA,EAClBvC,KAAKwC,mBAAqBA,EAC1BxC,KAAKyC,mBAAqBA,EAC1BzC,KAAK0C,YAAcA,EACnB1C,KAAK2C,aAAeA,EAGxBC,gBAGI,GAAK5C,KAAK6C,gBAAkB,CACP,IAAIxB,EACjBrB,KAAK0C,YAAYzB,cAAc,8BAC/BjB,KAAKwC,mBACLxC,KAAKyC,oBAEAf,OAKb,MAAO,CACHoB,YAAa9C,KAAK8C,cAClBC,UALc,CAACV,EAAMW,IACdA,EAAQC,SAASjD,KAAKD,OAAOkD,UAKpCC,QAAUC,IACNnD,KAAK2C,aAAaS,QAAQD,KAKtCL,cAEI,OAAM9C,KAAKqD,mBA8BJP,YA7BI,CAACT,EAAMW,KACVhD,KAAK2C,aAAaW,QAClB,MAAMpB,EAAK9B,SAASa,cAAc,wBAAwBnC,MACpDyE,EAAMnD,SAASa,cAAc,qBAAqBnC,MAClDsD,EAAapC,KAAKoC,aAClBoB,EAAU,IAAIvB,EAAQC,EAAIqB,EAAKnB,GAqBrC,OADgBpC,KAAKuC,WAAWkB,OAlBbC,GACRC,MAAM3D,KAAKD,OAAO6D,KAAKC,aAAaC,SAAU,CACjDC,OAAQ,OACRnD,KAAMoD,KAAKC,UAAU,CACjBC,MAAOlE,KAAKD,OAAO6D,KAAKC,aAAaK,MACrCR,qBAELS,MAAK,SAAUC,GACd,OAAOA,EAAIC,UACZF,MAAK,SAAU9B,GACd,GAAKA,EAAKiC,QAIV,OAAOjC,EAAKA,KAAKH,MAIyB,CAACsB,KAO/DpB,aAGI,IAAMpC,KAAK6C,gBACP,OAAO,KAUX,MARmB,IAAI7C,KAAK0C,YAAY6B,iBAAiB,yBAAyBC,IAC7ElD,IACM,CACCxC,MAAMwC,EAAQxC,MACdV,KAAKkD,EAAQlD,QAO7ByE,gBAEI,OAAO7C,KAAK0C,YAAYd,UAAUC,SAAS,mBAG/CwB,mBAEI,OAA+E,OAAxErD,KAAK0C,YAAYzB,cAAc,uCC1D/BwD,MA3Cf,MAEI3E,YAAYgE,EAAUI,GAElBlE,KAAK8D,SAAWA,EAChB9D,KAAKkE,MAAQA,EASjBT,OAAOiB,EAAWC,GAEd,OAAO,IAAIC,QAAQ,CAACC,EAASC,KACzBnB,MACI3D,KAAK8D,SACL,CACIC,OAAQ,OACRnD,KAAMoD,KAAKC,UAAU,CACjBC,MAAOlE,KAAKkE,MACZS,eAGVR,KACGY,GACMA,EAAOV,QAEhBF,KAAMY,IACJ,IAAMA,EAAOT,QAET,YADAQ,EAAOC,EAAO1C,MAId,MAAM2C,EAAWN,EAAUK,EAAO1C,MAClCwC,EAAQG,SCRbC,MA9Bf,MAEInF,cAEIE,KAAKe,QAAUX,SAASa,cAAc,gCAG1CmC,QAAQ8B,GAEJlF,KAAKe,QAAQa,UAAUuD,IAAI,qBAC3BnF,KAAKe,QAAQqE,UAAYpF,KAAKqF,SAASH,GAG3CG,SAASH,GAEL,MAAMI,EAAWlF,SAASC,cAAc,YAExC,OADAiF,EAASC,UAAYL,EACdI,EAASxG,MAGpBwE,QAEUtD,KAAKe,QAAQa,UAAUC,SAAS,uBAGtC7B,KAAKe,QAAQa,UAAU4D,OAAO,qBAC9BxF,KAAKe,QAAQqE,UAAY,MCrBjChF,SAASK,iBACL,mBACA,KAKI,IAAML,SAASa,cAAcwE,sBAAsBC,OAAO3E,SAEtD,YADA4E,QAAQxC,MAAM,uCAGlB,MAAMyC,EAAUH,sBAAsBG,QACtC,GAAgB,YAAZA,IAA2BxF,SAASa,cAAc,aAClD,OAEJ,MAAM0B,EAAe,IAAIsC,EACnBY,EAAW,IAAIhG,EAAS,CAC1BW,IAAKiF,sBAAsBC,OAAOlF,IAClCO,QAAQ0E,sBAAsBC,OAAO3E,UAEvCwB,EAAa,IAAIkC,EACnBgB,sBAAsB7B,KAAKkC,YAAYhC,SACvC2B,sBAAsB7B,KAAKkC,YAAY5B,OAE3C,IAAI6B,EAAe,KACH,YAAZH,IACAG,EAAe,IAAIzD,EACfmD,sBACAlD,EACAsD,EAASzE,YAAY/B,KAAKwG,GAC1BA,EAAS7E,YAAY3B,KAAKwG,GAC1BzF,SAASa,cAAc,aACvB0B,IAGFoD,EAINF,EAAS5F,OAAO8F,EAAanD,iBAHzB+C,QAAQxC,MAAM","file":"js/button.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n","class Renderer {\n\n constructor(config)\n {\n this.config = config;\n }\n\n render(buttonConfig)\n {\n\n const script = document.createElement('script');\n\n if (typeof paypal !== 'object') {\n script.setAttribute('src', this.config.url);\n script.addEventListener('load', (event) => {\n this.renderButtons(buttonConfig);\n })\n document.body.append(script);\n return;\n }\n\n this.renderButtons(buttonConfig);\n }\n\n renderButtons(buttonConfig)\n {\n\n paypal.Buttons(\n buttonConfig\n ).render(this.config.wrapper);\n }\n\n hideButtons()\n {\n document.querySelector(this.config.wrapper).style.display = 'none';\n }\n\n showButtons()\n {\n document.querySelector(this.config.wrapper).style.display = 'block';\n }\n}\n\nexport default Renderer;","/**\n * When you can't add something to the cart, the PayPal buttons should not show.\n * Therefore we listen for changes on the add to cart button and show/hide the buttons accordingly.\n */\n\nclass ButtonsToggleListener {\n constructor(element, showCallback, hideCallback)\n {\n this.element = element;\n this.showCallback = showCallback;\n this.hideCallback = hideCallback;\n this.observer = null;\n }\n\n init()\n {\n const config = { attributes : true };\n const callback = () => {\n if (this.element.classList.contains('disabled')) {\n this.hideCallback();\n return;\n }\n this.showCallback();\n }\n this.observer = new MutationObserver(callback);\n this.observer.observe(this.element, config);\n }\n\n disconnect()\n {\n this.observer.disconnect();\n }\n}\n\nexport default ButtonsToggleListener;","class Product {\n\n constructor(id, quantity, variations) {\n this.id = id;\n this.quantity = quantity;\n this.variations = variations;\n }\n\n data() {\n return {\n id:this.id,\n quantity:this.quantity,\n variations:this.variations\n }\n }\n}\n\nexport default Product;","import ButtonsToggleListener from \"./ButtonsToggleListener\";\nimport Product from \"./Product\";\nclass SingleProductConfig {\n\n constructor(\n config,\n updateCart,\n showButtonCallback,\n hideButtonCallback,\n formElement,\n errorHandler\n ) {\n this.config = config;\n this.updateCart = updateCart;\n this.showButtonCallback = showButtonCallback;\n this.hideButtonCallback = hideButtonCallback;\n this.formElement = formElement;\n this.errorHandler = errorHandler;\n }\n\n configuration()\n {\n\n if ( this.hasVariations() ) {\n const observer = new ButtonsToggleListener(\n this.formElement.querySelector('.single_add_to_cart_button'),\n this.showButtonCallback,\n this.hideButtonCallback\n );\n observer.init();\n }\n const onApprove = (data, actions) => {\n return actions.redirect(this.config.redirect);\n }\n return {\n createOrder: this.createOrder(),\n onApprove,\n onError: (error) => {\n this.errorHandler.message(error);\n }\n }\n }\n\n createOrder()\n {\n if (! this.isGroupedProduct() ) {\n return (data, actions) => {\n this.errorHandler.clear();\n const id = document.querySelector('[name=\"add-to-cart\"]').value;\n const qty = document.querySelector('[name=\"quantity\"]').value;\n const variations = this.variations();\n const product = new Product(id, qty, variations);\n\n const onResolve = (purchase_units) => {\n return fetch(this.config.ajax.create_order.endpoint, {\n method: 'POST',\n body: JSON.stringify({\n nonce: this.config.ajax.create_order.nonce,\n purchase_units\n })\n }).then(function (res) {\n return res.json();\n }).then(function (data) {\n if (!data.success) {\n //Todo: Error handling\n return;\n }\n return data.data.id;\n });\n };\n\n const promise = this.updateCart.update(onResolve, [product]);\n return promise;\n };\n }\n return createOrder;\n }\n\n variations()\n {\n\n if (! this.hasVariations()) {\n return null;\n }\n const attributes = [...this.formElement.querySelectorAll(\"[name^='attribute_']\")].map(\n (element) => {\n return {\n value:element.value,\n name:element.name\n }\n }\n );\n return attributes;\n }\n\n hasVariations()\n {\n return this.formElement.classList.contains('variations_form');\n }\n\n isGroupedProduct()\n {\n return this.formElement.querySelector('.woocommerce-grouped-product-list') !== null;\n }\n}\n\nexport default SingleProductConfig;","import Product from \"./Product\";\nclass UpdateCart {\n\n constructor(endpoint, nonce)\n {\n this.endpoint = endpoint;\n this.nonce = nonce;\n }\n\n /**\n *\n * @param onResolve\n * @param {Product[]} products\n * @returns {Promise}\n */\n update(onResolve, products)\n {\n return new Promise((resolve, reject) => {\n fetch(\n this.endpoint,\n {\n method: 'POST',\n body: JSON.stringify({\n nonce: this.nonce,\n products,\n })\n }\n ).then(\n (result) => {\n return result.json();\n }\n ).then((result) => {\n if (! result.success) {\n reject(result.data);\n return;\n }\n\n const resolved = onResolve(result.data);\n resolve(resolved);\n })\n });\n }\n}\n\nexport default UpdateCart;","class ErrorHandler {\n\n constructor()\n {\n this.wrapper = document.querySelector('.woocommerce-notices-wrapper');\n }\n\n message(text)\n {\n this.wrapper.classList.add('woocommerce-error');\n this.wrapper.innerText = this.sanitize(text);\n }\n\n sanitize(text)\n {\n const textarea = document.createElement('textarea');\n textarea.innerHTML = text;\n return textarea.value;\n }\n\n clear()\n {\n if (! this.wrapper.classList.contains('woocommerce-error')) {\n return;\n }\n this.wrapper.classList.remove('woocommerce-error');\n this.wrapper.innerText = '';\n }\n}\n\nexport default ErrorHandler;","import Renderer from './modules/Renderer';\nimport SingleProductConfig from './modules/SingleProductConfig';\nimport UpdateCart from './modules/UpdateCart';\nimport ErrorHandler from './modules/ErrorHandler';\n\ndocument.addEventListener(\n 'DOMContentLoaded',\n () => {\n if (! typeof(PayPalCommerceGateway)) {\n console.error('PayPal button could not be configured.');\n return;\n }\n if (! document.querySelector(PayPalCommerceGateway.button.wrapper)) {\n console.error('No wrapper for PayPal button found.');\n return;\n }\n const context = PayPalCommerceGateway.context;\n if (context === 'product' && ! document.querySelector('form.cart') ) {\n return;\n }\n const errorHandler = new ErrorHandler();\n const renderer = new Renderer({\n url: PayPalCommerceGateway.button.url,\n wrapper:PayPalCommerceGateway.button.wrapper\n });\n const updateCart = new UpdateCart(\n PayPalCommerceGateway.ajax.change_cart.endpoint,\n PayPalCommerceGateway.ajax.change_cart.nonce\n );\n let configurator = null;\n if (context === 'product') {\n configurator = new SingleProductConfig(\n PayPalCommerceGateway,\n updateCart,\n renderer.showButtons.bind(renderer),\n renderer.hideButtons.bind(renderer),\n document.querySelector('form.cart'),\n errorHandler\n );\n }\n if (! configurator) {\n console.error('No context for button found.');\n return;\n }\n renderer.render(configurator.configuration());\n }\n);"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./resources/js/modules/Renderer.js","webpack:///./resources/js/modules/ButtonsToggleListener.js","webpack:///./resources/js/modules/Product.js","webpack:///./resources/js/modules/SingleProductConfig.js","webpack:///./resources/js/modules/UpdateCart.js","webpack:///./resources/js/modules/ErrorHandler.js","webpack:///./resources/js/button.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","Renderer","constructor","config","this","render","buttonConfig","script","document","createElement","paypal","setAttribute","url","addEventListener","event","renderButtons","body","append","Buttons","wrapper","hideButtons","querySelector","style","display","showButtons","ButtonsToggleListener","element","showCallback","hideCallback","observer","init","MutationObserver","classList","contains","observe","attributes","disconnect","Product","id","quantity","variations","data","SingleProductConfig","updateCart","showButtonCallback","hideButtonCallback","formElement","errorHandler","configuration","hasVariations","createOrder","onApprove","actions","redirect","onError","error","message","getProducts","isGroupedProduct","products","querySelectorAll","forEach","elementName","getAttribute","match","length","parseInt","push","qty","clear","update","purchase_units","fetch","ajax","create_order","endpoint","method","JSON","stringify","nonce","then","res","json","success","map","UpdateCart","onResolve","Promise","resolve","reject","result","resolved","ErrorHandler","text","add","innerText","sanitize","textarea","innerHTML","remove","PayPalCommerceGateway","button","console","context","renderer","change_cart","configurator"],"mappings":"aACE,IAAIA,EAAmB,GAGvB,SAASC,EAAoBC,GAG5B,GAAGF,EAAiBE,GACnB,OAAOF,EAAiBE,GAAUC,QAGnC,IAAIC,EAASJ,EAAiBE,GAAY,CACzCG,EAAGH,EACHI,GAAG,EACHH,QAAS,IAUV,OANAI,EAAQL,GAAUM,KAAKJ,EAAOD,QAASC,EAAQA,EAAOD,QAASF,GAG/DG,EAAOE,GAAI,EAGJF,EAAOD,QAKfF,EAAoBQ,EAAIF,EAGxBN,EAAoBS,EAAIV,EAGxBC,EAAoBU,EAAI,SAASR,EAASS,EAAMC,GAC3CZ,EAAoBa,EAAEX,EAASS,IAClCG,OAAOC,eAAeb,EAASS,EAAM,CAAEK,YAAY,EAAMC,IAAKL,KAKhEZ,EAAoBkB,EAAI,SAAShB,GACX,oBAAXiB,QAA0BA,OAAOC,aAC1CN,OAAOC,eAAeb,EAASiB,OAAOC,YAAa,CAAEC,MAAO,WAE7DP,OAAOC,eAAeb,EAAS,aAAc,CAAEmB,OAAO,KAQvDrB,EAAoBsB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQrB,EAAoBqB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,iBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKX,OAAOY,OAAO,MAGvB,GAFA1B,EAAoBkB,EAAEO,GACtBX,OAAOC,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOrB,EAAoBU,EAAEe,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRzB,EAAoB6B,EAAI,SAAS1B,GAChC,IAAIS,EAAST,GAAUA,EAAOqB,WAC7B,WAAwB,OAAOrB,EAAgB,SAC/C,WAA8B,OAAOA,GAEtC,OADAH,EAAoBU,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRZ,EAAoBa,EAAI,SAASiB,EAAQC,GAAY,OAAOjB,OAAOkB,UAAUC,eAAe1B,KAAKuB,EAAQC,IAGzG/B,EAAoBkC,EAAI,GAIjBlC,EAAoBA,EAAoBmC,EAAI,G,sCCvCtCC,MA3Cf,MAEIC,YAAYC,GAERC,KAAKD,OAASA,EAGlBE,OAAOC,GAGH,MAAMC,EAASC,SAASC,cAAc,UAEtC,GAAsB,iBAAXC,OAMP,OALAH,EAAOI,aAAa,MAAOP,KAAKD,OAAOS,KACvCL,EAAOM,iBAAiB,OAASC,IAC7BV,KAAKW,cAAcT,UAEvBE,SAASQ,KAAKC,OAAOV,GAIzBH,KAAKW,cAAcT,GAGvBS,cAAcT,GAGVI,OAAOQ,QACHZ,GACFD,OAAOD,KAAKD,OAAOgB,SAGzBC,cAEIZ,SAASa,cAAcjB,KAAKD,OAAOgB,SAASG,MAAMC,QAAU,OAGhEC,cAEIhB,SAASa,cAAcjB,KAAKD,OAAOgB,SAASG,MAAMC,QAAU,UCLrDE,MA7Bf,MACIvB,YAAYwB,EAASC,EAAcC,GAE/BxB,KAAKsB,QAAUA,EACftB,KAAKuB,aAAeA,EACpBvB,KAAKwB,aAAeA,EACpBxB,KAAKyB,SAAW,KAGpBC,OAUI1B,KAAKyB,SAAW,IAAIE,iBAPH,KACT3B,KAAKsB,QAAQM,UAAUC,SAAS,YAChC7B,KAAKwB,eAGTxB,KAAKuB,iBAGTvB,KAAKyB,SAASK,QAAQ9B,KAAKsB,QATZ,CAAES,YAAa,IAYlCC,aAEIhC,KAAKyB,SAASO,eCbPC,MAjBf,MAEInC,YAAYoC,EAAIC,EAAUC,GACtBpC,KAAKkC,GAAKA,EACVlC,KAAKmC,SAAWA,EAChBnC,KAAKoC,WAAaA,EAGtBC,OACI,MAAO,CACHH,GAAGlC,KAAKkC,GACRC,SAASnC,KAAKmC,SACdC,WAAWpC,KAAKoC,cCkHbE,MA5Hf,MAEIxC,YACIC,EACAwC,EACAC,EACAC,EACAC,EACAC,GAEA3C,KAAKD,OAASA,EACdC,KAAKuC,WAAaA,EAClBvC,KAAKwC,mBAAqBA,EAC1BxC,KAAKyC,mBAAqBA,EAC1BzC,KAAK0C,YAAcA,EACnB1C,KAAK2C,aAAeA,EAGxBC,gBAGI,GAAK5C,KAAK6C,gBAAkB,CACP,IAAIxB,EACjBrB,KAAK0C,YAAYzB,cAAc,8BAC/BjB,KAAKwC,mBACLxC,KAAKyC,oBAEAf,OAKb,MAAO,CACHoB,YAAa9C,KAAK8C,cAClBC,UALc,CAACV,EAAMW,IACdA,EAAQC,SAASjD,KAAKD,OAAOkD,UAKpCC,QAAUC,IACNnD,KAAK2C,aAAaS,QAAQD,KAKtCL,cAEI,IAAIO,EAAc,KASdA,EARErD,KAAKsD,mBAQO,KACV,MAAMC,EAAW,GAajB,OAZAvD,KAAK0C,YAAYc,iBAAiB,wBAAwBC,QAASnC,IAC/D,IAAMA,EAAQxC,MACV,OAEJ,MAAM4E,EAAcpC,EAAQqC,aAAa,QAAQC,MAAM,uBACvD,GAA2B,IAAvBF,EAAYG,OACZ,OAEJ,MAAM3B,EAAK4B,SAASJ,EAAY,IAC1BvB,EAAW2B,SAASxC,EAAQxC,OAClCyE,EAASQ,KAAK,IAAI9B,EAAQC,EAAIC,EAAU,SAErCoB,GArBG,KACV,MAAMrB,EAAK9B,SAASa,cAAc,wBAAwBnC,MACpDkF,EAAM5D,SAASa,cAAc,qBAAqBnC,MAClDsD,EAAapC,KAAKoC,aACxB,MAAO,CAAC,IAAIH,EAAQC,EAAI8B,EAAK5B,KA4CrC,MAxBoB,CAACC,EAAMW,KACvBhD,KAAK2C,aAAasB,QAqBlB,OADgBjE,KAAKuC,WAAW2B,OAlBbC,GACRC,MAAMpE,KAAKD,OAAOsE,KAAKC,aAAaC,SAAU,CACjDC,OAAQ,OACR5D,KAAM6D,KAAKC,UAAU,CACjBC,MAAO3E,KAAKD,OAAOsE,KAAKC,aAAaK,MACrCR,qBAELS,MAAK,SAAUC,GACd,OAAOA,EAAIC,UACZF,MAAK,SAAUvC,GACd,GAAKA,EAAK0C,QAIV,OAAO1C,EAAKA,KAAKH,MAIyBmB,MAM1DjB,aAGI,IAAMpC,KAAK6C,gBACP,OAAO,KAUX,MARmB,IAAI7C,KAAK0C,YAAYc,iBAAiB,yBAAyBwB,IAC7E1D,IACM,CACCxC,MAAMwC,EAAQxC,MACdV,KAAKkD,EAAQlD,QAO7ByE,gBAEI,OAAO7C,KAAK0C,YAAYd,UAAUC,SAAS,mBAG/CyB,mBAEI,OAAOtD,KAAK0C,YAAYd,UAAUC,SAAS,kBC9EpCoD,MA3Cf,MAEInF,YAAYyE,EAAUI,GAElB3E,KAAKuE,SAAWA,EAChBvE,KAAK2E,MAAQA,EASjBT,OAAOgB,EAAW3B,GAEd,OAAO,IAAI4B,QAAQ,CAACC,EAASC,KACzBjB,MACIpE,KAAKuE,SACL,CACIC,OAAQ,OACR5D,KAAM6D,KAAKC,UAAU,CACjBC,MAAO3E,KAAK2E,MACZpB,eAGVqB,KACGU,GACMA,EAAOR,QAEhBF,KAAMU,IACJ,IAAMA,EAAOP,QAET,YADAM,EAAOC,EAAOjD,MAId,MAAMkD,EAAWL,EAAUI,EAAOjD,MAClC+C,EAAQG,SCRbC,MA9Bf,MAEI1F,cAEIE,KAAKe,QAAUX,SAASa,cAAc,gCAG1CmC,QAAQqC,GAEJzF,KAAKe,QAAQa,UAAU8D,IAAI,qBAC3B1F,KAAKe,QAAQ4E,UAAY3F,KAAK4F,SAASH,GAG3CG,SAASH,GAEL,MAAMI,EAAWzF,SAASC,cAAc,YAExC,OADAwF,EAASC,UAAYL,EACdI,EAAS/G,MAGpBmF,QAEUjE,KAAKe,QAAQa,UAAUC,SAAS,uBAGtC7B,KAAKe,QAAQa,UAAUmE,OAAO,qBAC9B/F,KAAKe,QAAQ4E,UAAY,MCrBjCvF,SAASK,iBACL,mBACA,KAKI,IAAML,SAASa,cAAc+E,sBAAsBC,OAAOlF,SAEtD,YADAmF,QAAQ/C,MAAM,uCAGlB,MAAMgD,EAAUH,sBAAsBG,QACtC,GAAgB,YAAZA,IAA2B/F,SAASa,cAAc,aAClD,OAEJ,MAAM0B,EAAe,IAAI6C,EACnBY,EAAW,IAAIvG,EAAS,CAC1BW,IAAKwF,sBAAsBC,OAAOzF,IAClCO,QAAQiF,sBAAsBC,OAAOlF,UAEvCwB,EAAa,IAAI0C,EACnBe,sBAAsB3B,KAAKgC,YAAY9B,SACvCyB,sBAAsB3B,KAAKgC,YAAY1B,OAE3C,IAAI2B,EAAe,KACH,YAAZH,IACAG,EAAe,IAAIhE,EACf0D,sBACAzD,EACA6D,EAAShF,YAAY/B,KAAK+G,GAC1BA,EAASpF,YAAY3B,KAAK+G,GAC1BhG,SAASa,cAAc,aACvB0B,IAGF2D,EAINF,EAASnG,OAAOqG,EAAa1D,iBAHzBsD,QAAQ/C,MAAM","file":"js/button.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n","class Renderer {\n\n constructor(config)\n {\n this.config = config;\n }\n\n render(buttonConfig)\n {\n\n const script = document.createElement('script');\n\n if (typeof paypal !== 'object') {\n script.setAttribute('src', this.config.url);\n script.addEventListener('load', (event) => {\n this.renderButtons(buttonConfig);\n })\n document.body.append(script);\n return;\n }\n\n this.renderButtons(buttonConfig);\n }\n\n renderButtons(buttonConfig)\n {\n\n paypal.Buttons(\n buttonConfig\n ).render(this.config.wrapper);\n }\n\n hideButtons()\n {\n document.querySelector(this.config.wrapper).style.display = 'none';\n }\n\n showButtons()\n {\n document.querySelector(this.config.wrapper).style.display = 'block';\n }\n}\n\nexport default Renderer;","/**\n * When you can't add something to the cart, the PayPal buttons should not show.\n * Therefore we listen for changes on the add to cart button and show/hide the buttons accordingly.\n */\n\nclass ButtonsToggleListener {\n constructor(element, showCallback, hideCallback)\n {\n this.element = element;\n this.showCallback = showCallback;\n this.hideCallback = hideCallback;\n this.observer = null;\n }\n\n init()\n {\n const config = { attributes : true };\n const callback = () => {\n if (this.element.classList.contains('disabled')) {\n this.hideCallback();\n return;\n }\n this.showCallback();\n }\n this.observer = new MutationObserver(callback);\n this.observer.observe(this.element, config);\n }\n\n disconnect()\n {\n this.observer.disconnect();\n }\n}\n\nexport default ButtonsToggleListener;","class Product {\n\n constructor(id, quantity, variations) {\n this.id = id;\n this.quantity = quantity;\n this.variations = variations;\n }\n\n data() {\n return {\n id:this.id,\n quantity:this.quantity,\n variations:this.variations\n }\n }\n}\n\nexport default Product;","import ButtonsToggleListener from \"./ButtonsToggleListener\";\nimport Product from \"./Product\";\nclass SingleProductConfig {\n\n constructor(\n config,\n updateCart,\n showButtonCallback,\n hideButtonCallback,\n formElement,\n errorHandler\n ) {\n this.config = config;\n this.updateCart = updateCart;\n this.showButtonCallback = showButtonCallback;\n this.hideButtonCallback = hideButtonCallback;\n this.formElement = formElement;\n this.errorHandler = errorHandler;\n }\n\n configuration()\n {\n\n if ( this.hasVariations() ) {\n const observer = new ButtonsToggleListener(\n this.formElement.querySelector('.single_add_to_cart_button'),\n this.showButtonCallback,\n this.hideButtonCallback\n );\n observer.init();\n }\n const onApprove = (data, actions) => {\n return actions.redirect(this.config.redirect);\n }\n return {\n createOrder: this.createOrder(),\n onApprove,\n onError: (error) => {\n this.errorHandler.message(error);\n }\n }\n }\n\n createOrder()\n {\n var getProducts = null;\n if (! this.isGroupedProduct() ) {\n getProducts = () => {\n const id = document.querySelector('[name=\"add-to-cart\"]').value;\n const qty = document.querySelector('[name=\"quantity\"]').value;\n const variations = this.variations();\n return [new Product(id, qty, variations)];\n }\n } else {\n getProducts = () => {\n const products = [];\n this.formElement.querySelectorAll('input[type=\"number\"]').forEach((element) => {\n if (! element.value) {\n return;\n }\n const elementName = element.getAttribute('name').match(/quantity\\[([\\d]*)\\]/);\n if (elementName.length !== 2) {\n return;\n }\n const id = parseInt(elementName[1]);\n const quantity = parseInt(element.value);\n products.push(new Product(id, quantity, null));\n })\n return products;\n }\n }\n const createOrder = (data, actions) => {\n this.errorHandler.clear();\n\n const onResolve = (purchase_units) => {\n return fetch(this.config.ajax.create_order.endpoint, {\n method: 'POST',\n body: JSON.stringify({\n nonce: this.config.ajax.create_order.nonce,\n purchase_units\n })\n }).then(function (res) {\n return res.json();\n }).then(function (data) {\n if (!data.success) {\n //Todo: Error handling\n return;\n }\n return data.data.id;\n });\n };\n\n const promise = this.updateCart.update(onResolve, getProducts());\n return promise;\n };\n return createOrder;\n }\n\n variations()\n {\n\n if (! this.hasVariations()) {\n return null;\n }\n const attributes = [...this.formElement.querySelectorAll(\"[name^='attribute_']\")].map(\n (element) => {\n return {\n value:element.value,\n name:element.name\n }\n }\n );\n return attributes;\n }\n\n hasVariations()\n {\n return this.formElement.classList.contains('variations_form');\n }\n\n isGroupedProduct()\n {\n return this.formElement.classList.contains('grouped_form');\n }\n}\n\nexport default SingleProductConfig;","import Product from \"./Product\";\nclass UpdateCart {\n\n constructor(endpoint, nonce)\n {\n this.endpoint = endpoint;\n this.nonce = nonce;\n }\n\n /**\n *\n * @param onResolve\n * @param {Product[]} products\n * @returns {Promise}\n */\n update(onResolve, products)\n {\n return new Promise((resolve, reject) => {\n fetch(\n this.endpoint,\n {\n method: 'POST',\n body: JSON.stringify({\n nonce: this.nonce,\n products,\n })\n }\n ).then(\n (result) => {\n return result.json();\n }\n ).then((result) => {\n if (! result.success) {\n reject(result.data);\n return;\n }\n\n const resolved = onResolve(result.data);\n resolve(resolved);\n })\n });\n }\n}\n\nexport default UpdateCart;","class ErrorHandler {\n\n constructor()\n {\n this.wrapper = document.querySelector('.woocommerce-notices-wrapper');\n }\n\n message(text)\n {\n this.wrapper.classList.add('woocommerce-error');\n this.wrapper.innerText = this.sanitize(text);\n }\n\n sanitize(text)\n {\n const textarea = document.createElement('textarea');\n textarea.innerHTML = text;\n return textarea.value;\n }\n\n clear()\n {\n if (! this.wrapper.classList.contains('woocommerce-error')) {\n return;\n }\n this.wrapper.classList.remove('woocommerce-error');\n this.wrapper.innerText = '';\n }\n}\n\nexport default ErrorHandler;","import Renderer from './modules/Renderer';\nimport SingleProductConfig from './modules/SingleProductConfig';\nimport UpdateCart from './modules/UpdateCart';\nimport ErrorHandler from './modules/ErrorHandler';\n\ndocument.addEventListener(\n 'DOMContentLoaded',\n () => {\n if (! typeof(PayPalCommerceGateway)) {\n console.error('PayPal button could not be configured.');\n return;\n }\n if (! document.querySelector(PayPalCommerceGateway.button.wrapper)) {\n console.error('No wrapper for PayPal button found.');\n return;\n }\n const context = PayPalCommerceGateway.context;\n if (context === 'product' && ! document.querySelector('form.cart') ) {\n return;\n }\n const errorHandler = new ErrorHandler();\n const renderer = new Renderer({\n url: PayPalCommerceGateway.button.url,\n wrapper:PayPalCommerceGateway.button.wrapper\n });\n const updateCart = new UpdateCart(\n PayPalCommerceGateway.ajax.change_cart.endpoint,\n PayPalCommerceGateway.ajax.change_cart.nonce\n );\n let configurator = null;\n if (context === 'product') {\n configurator = new SingleProductConfig(\n PayPalCommerceGateway,\n updateCart,\n renderer.showButtons.bind(renderer),\n renderer.hideButtons.bind(renderer),\n document.querySelector('form.cart'),\n errorHandler\n );\n }\n if (! configurator) {\n console.error('No context for button found.');\n return;\n }\n renderer.render(configurator.configuration());\n }\n);"],"sourceRoot":""} \ No newline at end of file diff --git a/modules.local/ppcp-button/resources/js/modules/SingleProductConfig.js b/modules.local/ppcp-button/resources/js/modules/SingleProductConfig.js index 442c6a136..7f98e605b 100644 --- a/modules.local/ppcp-button/resources/js/modules/SingleProductConfig.js +++ b/modules.local/ppcp-button/resources/js/modules/SingleProductConfig.js @@ -43,36 +43,56 @@ class SingleProductConfig { createOrder() { + var getProducts = null; if (! this.isGroupedProduct() ) { - return (data, actions) => { - this.errorHandler.clear(); + getProducts = () => { const id = document.querySelector('[name="add-to-cart"]').value; const qty = document.querySelector('[name="quantity"]').value; const variations = this.variations(); - const product = new Product(id, qty, variations); - - const onResolve = (purchase_units) => { - return fetch(this.config.ajax.create_order.endpoint, { - method: 'POST', - body: JSON.stringify({ - nonce: this.config.ajax.create_order.nonce, - purchase_units - }) - }).then(function (res) { - return res.json(); - }).then(function (data) { - if (!data.success) { - //Todo: Error handling - return; - } - return data.data.id; - }); - }; - - const promise = this.updateCart.update(onResolve, [product]); - return promise; - }; + return [new Product(id, qty, variations)]; + } + } else { + getProducts = () => { + const products = []; + this.formElement.querySelectorAll('input[type="number"]').forEach((element) => { + if (! element.value) { + return; + } + const elementName = element.getAttribute('name').match(/quantity\[([\d]*)\]/); + if (elementName.length !== 2) { + return; + } + const id = parseInt(elementName[1]); + const quantity = parseInt(element.value); + products.push(new Product(id, quantity, null)); + }) + return products; + } } + const createOrder = (data, actions) => { + this.errorHandler.clear(); + + const onResolve = (purchase_units) => { + return fetch(this.config.ajax.create_order.endpoint, { + method: 'POST', + body: JSON.stringify({ + nonce: this.config.ajax.create_order.nonce, + purchase_units + }) + }).then(function (res) { + return res.json(); + }).then(function (data) { + if (!data.success) { + //Todo: Error handling + return; + } + return data.data.id; + }); + }; + + const promise = this.updateCart.update(onResolve, getProducts()); + return promise; + }; return createOrder; } @@ -100,7 +120,7 @@ class SingleProductConfig { isGroupedProduct() { - return this.formElement.querySelector('.woocommerce-grouped-product-list') !== null; + return this.formElement.classList.contains('grouped_form'); } } diff --git a/modules.local/ppcp-button/src/Endpoint/ChangeCartEndpoint.php b/modules.local/ppcp-button/src/Endpoint/ChangeCartEndpoint.php index c19ad6a53..361e6c850 100644 --- a/modules.local/ppcp-button/src/Endpoint/ChangeCartEndpoint.php +++ b/modules.local/ppcp-button/src/Endpoint/ChangeCartEndpoint.php @@ -79,7 +79,6 @@ class ChangeCartEndpoint implements EndpointInterface 'quantity' => (int) $product['quantity'], 'variations' => isset($product['variations']) ? $product['variations'] : null, ]; - } $this->shipping->reset_shipping();