From 6d93f6316a8dd1019952385cdced1a91ff07a97a Mon Sep 17 00:00:00 2001 From: David Remer Date: Wed, 8 Apr 2020 13:33:12 +0300 Subject: [PATCH] execute js bootstrap after paypal.com script has been loaded. --- modules.local/ppcp-button/assets/js/button.js | 2 +- .../ppcp-button/assets/js/button.js.map | 2 +- .../ppcp-button/resources/js/button.js | 129 ++++++++++-------- .../resources/js/modules/Renderer.js | 20 +-- 4 files changed, 74 insertions(+), 79 deletions(-) diff --git a/modules.local/ppcp-button/assets/js/button.js b/modules.local/ppcp-button/assets/js/button.js index d6b32403d..1867bb3ed 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,t){this.url=e,this.wrapper=t}render(e){const t=document.createElement("script");if("object"!=typeof paypal)return t.setAttribute("src",this.url),t.addEventListener("load",t=>{this.renderButtons(e)}),void document.body.append(t);this.renderButtons(e)}renderButtons(e){paypal.Buttons(e).render(this.wrapper)}hideButtons(){document.querySelector(this.wrapper).style.display="none"}showButtons(){document.querySelector(this.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="")}};var u=class{constructor(e,t){this.config=e,this.errorHandler=t}configuration(){return{createOrder:(e,t)=>fetch(this.config.ajax.create_order.endpoint,{method:"POST",body:JSON.stringify({nonce:this.config.ajax.create_order.nonce,purchase_units:[]})}).then((function(e){return e.json()})).then((function(e){if(e.success)return e.data.id})),onApprove:(e,t)=>t.redirect(this.config.redirect),onError:e=>{this.errorHandler.message(e)}}}};document.addEventListener("DOMContentLoaded",()=>{const e=PayPalCommerceGateway.context,t=new c,r=new u(PayPalCommerceGateway,t);if(document.querySelector(PayPalCommerceGateway.button.mini_cart_wrapper)){new n(PayPalCommerceGateway.button.url,PayPalCommerceGateway.button.mini_cart_wrapper).render(r.configuration())}if(jQuery(document.body).on("wc_fragments_loaded wc_fragments_refreshed",()=>{if(!document.querySelector(PayPalCommerceGateway.button.mini_cart_wrapper))return;new n(PayPalCommerceGateway.button.url,PayPalCommerceGateway.button.mini_cart_wrapper).render(r.configuration())}),!document.querySelector(PayPalCommerceGateway.button.wrapper))return;let o=null;if("product"===e){if(!document.querySelector("form.cart"))return;const e=new s(PayPalCommerceGateway.ajax.change_cart.endpoint,PayPalCommerceGateway.ajax.change_cart.nonce);o=new i(PayPalCommerceGateway,e,a.showButtons.bind(a),a.hideButtons.bind(a),document.querySelector("form.cart"),t)}if("cart"===e&&(o=r),!o)return void console.error("No context for button found.");const a=new n(PayPalCommerceGateway.button.url,PayPalCommerceGateway.button.wrapper);a.render(o.configuration())})}]); +!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.wrapper=e}render(e){paypal.Buttons(e).render(this.wrapper)}hideButtons(){document.querySelector(this.wrapper).style.display="none"}showButtons(){document.querySelector(this.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="")}};var u=class{constructor(e,t){this.config=e,this.errorHandler=t}configuration(){return{createOrder:(e,t)=>fetch(this.config.ajax.create_order.endpoint,{method:"POST",body:JSON.stringify({nonce:this.config.ajax.create_order.nonce,purchase_units:[]})}).then((function(e){return e.json()})).then((function(e){if(e.success)return e.data.id})),onApprove:(e,t)=>t.redirect(this.config.redirect),onError:e=>{this.errorHandler.message(e)}}}};document.addEventListener("DOMContentLoaded",()=>{const e=document.createElement("script");e.setAttribute("src",PayPalCommerceGateway.button.url),e.addEventListener("load",e=>{(()=>{const e=PayPalCommerceGateway.context,t=new c,r=new u(PayPalCommerceGateway,t);if(document.querySelector(PayPalCommerceGateway.button.mini_cart_wrapper)){new n(PayPalCommerceGateway.button.mini_cart_wrapper).render(r.configuration())}if(jQuery(document.body).on("wc_fragments_loaded wc_fragments_refreshed",()=>{if(!document.querySelector(PayPalCommerceGateway.button.mini_cart_wrapper))return;new n(PayPalCommerceGateway.button.mini_cart_wrapper).render(r.configuration())}),!document.querySelector(PayPalCommerceGateway.button.wrapper))return;const o=new n(PayPalCommerceGateway.button.wrapper);let a=null;if("product"===e){if(!document.querySelector("form.cart"))return;const e=new s(PayPalCommerceGateway.ajax.change_cart.endpoint,PayPalCommerceGateway.ajax.change_cart.nonce);a=new i(PayPalCommerceGateway,e,o.showButtons.bind(o),o.hideButtons.bind(o),document.querySelector("form.cart"),t)}"cart"===e&&(a=r,jQuery(document.body).on("updated_cart_totals updated_checkout",()=>{o.render(a.configuration())})),a?o.render(a.configuration()):console.error("No context for button found.")})()}),document.body.append(e)})}]); //# 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 f7346c864..ae6d2f3b4 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/modules/CartConfig.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","url","wrapper","this","render","buttonConfig","script","document","createElement","paypal","setAttribute","addEventListener","event","renderButtons","body","append","Buttons","hideButtons","querySelector","style","display","showButtons","ButtonsToggleListener","element","showCallback","hideCallback","observer","init","MutationObserver","classList","contains","observe","attributes","disconnect","Product","id","quantity","variations","data","SingleProductConfig","config","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","CartConfig","context","PayPalCommerceGateway","defaultConfigurator","button","mini_cart_wrapper","jQuery","on","configurator","change_cart","renderer","console"],"mappings":"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","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(url, wrapper)\n {\n this.url = url;\n this.wrapper = wrapper;\n }\n\n render(buttonConfig)\n {\n\n const script = document.createElement('script');\n\n if (typeof paypal !== 'object') {\n script.setAttribute('src', this.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.wrapper);\n }\n\n hideButtons()\n {\n document.querySelector(this.wrapper).style.display = 'none';\n }\n\n showButtons()\n {\n document.querySelector(this.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;","\n\nclass CartConfig {\n\n constructor(config, errorHandler) {\n this.config = config;\n this.errorHandler = errorHandler;\n }\n\n configuration() {\n\n const createOrder = (data, actions) => {\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 const onApprove = (data, actions) => {\n return actions.redirect(this.config.redirect);\n }\n return {\n createOrder,\n onApprove,\n onError: (error) => {\n this.errorHandler.message(error);\n }\n }\n }\n}\n\nexport default CartConfig;","import Renderer from './modules/Renderer';\nimport SingleProductConfig from './modules/SingleProductConfig';\nimport UpdateCart from './modules/UpdateCart';\nimport ErrorHandler from './modules/ErrorHandler';\nimport CartConfig from \"./modules/CartConfig\";\n\ndocument.addEventListener(\n 'DOMContentLoaded',\n () => {\n if (! typeof(PayPalCommerceGateway)) {\n console.error('PayPal button could not be configured.');\n return;\n }\n const context = PayPalCommerceGateway.context;\n const errorHandler = new ErrorHandler();\n const defaultConfigurator = new CartConfig(\n PayPalCommerceGateway,\n errorHandler\n );\n // Configure mini cart buttons\n if (document.querySelector(PayPalCommerceGateway.button.mini_cart_wrapper)) {\n\n const renderer = new Renderer(\n PayPalCommerceGateway.button.url,\n PayPalCommerceGateway.button.mini_cart_wrapper\n );\n renderer.render(defaultConfigurator.configuration())\n }\n jQuery( document.body ).on( 'wc_fragments_loaded wc_fragments_refreshed', () => {\n if (! document.querySelector(PayPalCommerceGateway.button.mini_cart_wrapper)) {\n return;\n }\n const renderer = new Renderer(\n PayPalCommerceGateway.button.url,\n PayPalCommerceGateway.button.mini_cart_wrapper\n );\n renderer.render(defaultConfigurator.configuration())\n } );\n\n // Configure context buttons\n if (! document.querySelector(PayPalCommerceGateway.button.wrapper)) {\n return;\n }\n let configurator = null;\n if (context === 'product') {\n if (! document.querySelector('form.cart')) {\n return;\n }\n const updateCart = new UpdateCart(\n PayPalCommerceGateway.ajax.change_cart.endpoint,\n PayPalCommerceGateway.ajax.change_cart.nonce\n );\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 (context === 'cart') {\n configurator = defaultConfigurator;\n }\n if (! configurator) {\n console.error('No context for button found.');\n return;\n }\n\n const renderer = new Renderer(\n PayPalCommerceGateway.button.url,\n PayPalCommerceGateway.button.wrapper\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/modules/CartConfig.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","wrapper","this","render","buttonConfig","paypal","Buttons","hideButtons","document","querySelector","style","display","showButtons","ButtonsToggleListener","element","showCallback","hideCallback","observer","init","MutationObserver","classList","contains","observe","attributes","disconnect","Product","id","quantity","variations","data","SingleProductConfig","config","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","body","JSON","stringify","nonce","then","res","json","success","map","UpdateCart","onResolve","Promise","resolve","reject","result","resolved","ErrorHandler","text","add","innerText","sanitize","textarea","createElement","innerHTML","remove","CartConfig","addEventListener","script","setAttribute","PayPalCommerceGateway","button","url","event","context","defaultConfigurator","mini_cart_wrapper","jQuery","on","renderer","configurator","change_cart","console","bootstrap","append"],"mappings":"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","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(wrapper)\n {\n this.wrapper = wrapper;\n }\n\n render(buttonConfig)\n {\n\n paypal.Buttons(\n buttonConfig\n ).render(this.wrapper);\n }\n\n hideButtons()\n {\n document.querySelector(this.wrapper).style.display = 'none';\n }\n\n showButtons()\n {\n document.querySelector(this.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;","\n\nclass CartConfig {\n\n constructor(config, errorHandler) {\n this.config = config;\n this.errorHandler = errorHandler;\n }\n\n configuration() {\n\n const createOrder = (data, actions) => {\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 const onApprove = (data, actions) => {\n return actions.redirect(this.config.redirect);\n }\n return {\n createOrder,\n onApprove,\n onError: (error) => {\n this.errorHandler.message(error);\n }\n }\n }\n}\n\nexport default CartConfig;","import Renderer from './modules/Renderer';\nimport SingleProductConfig from './modules/SingleProductConfig';\nimport UpdateCart from './modules/UpdateCart';\nimport ErrorHandler from './modules/ErrorHandler';\nimport CartConfig from \"./modules/CartConfig\";\n\nconst bootstrap = ()=> {\n const context = PayPalCommerceGateway.context;\n const errorHandler = new ErrorHandler();\n const defaultConfigurator = new CartConfig(\n PayPalCommerceGateway,\n errorHandler\n );\n // Configure mini cart buttons\n if (document.querySelector(PayPalCommerceGateway.button.mini_cart_wrapper)) {\n\n const renderer = new Renderer(\n PayPalCommerceGateway.button.mini_cart_wrapper\n );\n renderer.render(defaultConfigurator.configuration())\n }\n jQuery( document.body ).on( 'wc_fragments_loaded wc_fragments_refreshed', () => {\n if (! document.querySelector(PayPalCommerceGateway.button.mini_cart_wrapper)) {\n return;\n }\n const renderer = new Renderer(\n PayPalCommerceGateway.button.mini_cart_wrapper\n );\n renderer.render(defaultConfigurator.configuration())\n } );\n\n // Configure context buttons\n if (! document.querySelector(PayPalCommerceGateway.button.wrapper)) {\n return;\n }\n const renderer = new Renderer(\n PayPalCommerceGateway.button.wrapper\n );\n let configurator = null;\n if (context === 'product') {\n if (! document.querySelector('form.cart')) {\n return;\n }\n const updateCart = new UpdateCart(\n PayPalCommerceGateway.ajax.change_cart.endpoint,\n PayPalCommerceGateway.ajax.change_cart.nonce\n );\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 (context === 'cart') {\n configurator = defaultConfigurator;\n\n jQuery( document.body ).on( 'updated_cart_totals updated_checkout', () => {\n renderer.render(configurator.configuration())\n });\n }\n if (! configurator) {\n console.error('No context for button found.');\n return;\n }\n\n renderer.render(configurator.configuration());\n}\ndocument.addEventListener(\n 'DOMContentLoaded',\n () => {\n\n if (! typeof(PayPalCommerceGateway)) {\n console.error('PayPal button could not be configured.');\n return;\n }\n\n const script = document.createElement('script');\n script.setAttribute('src', PayPalCommerceGateway.button.url);\n script.addEventListener('load', (event) => {\n bootstrap();\n })\n document.body.append(script);\n\n\n }\n);"],"sourceRoot":""} \ No newline at end of file diff --git a/modules.local/ppcp-button/resources/js/button.js b/modules.local/ppcp-button/resources/js/button.js index 5a5779bb8..b058c5536 100644 --- a/modules.local/ppcp-button/resources/js/button.js +++ b/modules.local/ppcp-button/resources/js/button.js @@ -4,73 +4,86 @@ import UpdateCart from './modules/UpdateCart'; import ErrorHandler from './modules/ErrorHandler'; import CartConfig from "./modules/CartConfig"; +const bootstrap = ()=> { + const context = PayPalCommerceGateway.context; + const errorHandler = new ErrorHandler(); + const defaultConfigurator = new CartConfig( + PayPalCommerceGateway, + errorHandler + ); + // Configure mini cart buttons + if (document.querySelector(PayPalCommerceGateway.button.mini_cart_wrapper)) { + + const renderer = new Renderer( + PayPalCommerceGateway.button.mini_cart_wrapper + ); + renderer.render(defaultConfigurator.configuration()) + } + jQuery( document.body ).on( 'wc_fragments_loaded wc_fragments_refreshed', () => { + if (! document.querySelector(PayPalCommerceGateway.button.mini_cart_wrapper)) { + return; + } + const renderer = new Renderer( + PayPalCommerceGateway.button.mini_cart_wrapper + ); + renderer.render(defaultConfigurator.configuration()) + } ); + + // Configure context buttons + if (! document.querySelector(PayPalCommerceGateway.button.wrapper)) { + return; + } + const renderer = new Renderer( + PayPalCommerceGateway.button.wrapper + ); + let configurator = null; + if (context === 'product') { + if (! document.querySelector('form.cart')) { + return; + } + const updateCart = new UpdateCart( + PayPalCommerceGateway.ajax.change_cart.endpoint, + PayPalCommerceGateway.ajax.change_cart.nonce + ); + configurator = new SingleProductConfig( + PayPalCommerceGateway, + updateCart, + renderer.showButtons.bind(renderer), + renderer.hideButtons.bind(renderer), + document.querySelector('form.cart'), + errorHandler + ); + } + if (context === 'cart') { + configurator = defaultConfigurator; + + jQuery( document.body ).on( 'updated_cart_totals updated_checkout', () => { + renderer.render(configurator.configuration()) + }); + } + if (! configurator) { + console.error('No context for button found.'); + return; + } + + renderer.render(configurator.configuration()); +} document.addEventListener( 'DOMContentLoaded', () => { + if (! typeof(PayPalCommerceGateway)) { console.error('PayPal button could not be configured.'); return; } - const context = PayPalCommerceGateway.context; - const errorHandler = new ErrorHandler(); - const defaultConfigurator = new CartConfig( - PayPalCommerceGateway, - errorHandler - ); - // Configure mini cart buttons - if (document.querySelector(PayPalCommerceGateway.button.mini_cart_wrapper)) { - const renderer = new Renderer( - PayPalCommerceGateway.button.url, - PayPalCommerceGateway.button.mini_cart_wrapper - ); - renderer.render(defaultConfigurator.configuration()) - } - jQuery( document.body ).on( 'wc_fragments_loaded wc_fragments_refreshed', () => { - if (! document.querySelector(PayPalCommerceGateway.button.mini_cart_wrapper)) { - return; - } - const renderer = new Renderer( - PayPalCommerceGateway.button.url, - PayPalCommerceGateway.button.mini_cart_wrapper - ); - renderer.render(defaultConfigurator.configuration()) - } ); + const script = document.createElement('script'); + script.setAttribute('src', PayPalCommerceGateway.button.url); + script.addEventListener('load', (event) => { + bootstrap(); + }) + document.body.append(script); - // Configure context buttons - if (! document.querySelector(PayPalCommerceGateway.button.wrapper)) { - return; - } - let configurator = null; - if (context === 'product') { - if (! document.querySelector('form.cart')) { - return; - } - const updateCart = new UpdateCart( - PayPalCommerceGateway.ajax.change_cart.endpoint, - PayPalCommerceGateway.ajax.change_cart.nonce - ); - configurator = new SingleProductConfig( - PayPalCommerceGateway, - updateCart, - renderer.showButtons.bind(renderer), - renderer.hideButtons.bind(renderer), - document.querySelector('form.cart'), - errorHandler - ); - } - if (context === 'cart') { - configurator = defaultConfigurator; - } - if (! configurator) { - console.error('No context for button found.'); - return; - } - const renderer = new Renderer( - PayPalCommerceGateway.button.url, - PayPalCommerceGateway.button.wrapper - ); - renderer.render(configurator.configuration()); } ); \ No newline at end of file diff --git a/modules.local/ppcp-button/resources/js/modules/Renderer.js b/modules.local/ppcp-button/resources/js/modules/Renderer.js index 188910b09..c9cebf6f2 100644 --- a/modules.local/ppcp-button/resources/js/modules/Renderer.js +++ b/modules.local/ppcp-button/resources/js/modules/Renderer.js @@ -1,29 +1,11 @@ class Renderer { - constructor(url, wrapper) + constructor(wrapper) { - this.url = url; this.wrapper = wrapper; } render(buttonConfig) - { - - const script = document.createElement('script'); - - if (typeof paypal !== 'object') { - script.setAttribute('src', this.url); - script.addEventListener('load', (event) => { - this.renderButtons(buttonConfig); - }) - document.body.append(script); - return; - } - - this.renderButtons(buttonConfig); - } - - renderButtons(buttonConfig) { paypal.Buttons(