MDL-69166 pg_paypal: Display PayPal buttons in a modal
This commit is contained in:
Shamim Rezaie
+1
-1
@@ -1,2 +1,2 @@
|
||||
function _typeof(a){"@babel/helpers - typeof";if("function"==typeof Symbol&&"symbol"==typeof Symbol.iterator){_typeof=function(a){return typeof a}}else{_typeof=function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a}}return _typeof(a)}define ("core_payment/gateways_modal",["exports","core/modal_factory","core/templates","core/str","core_payment/repository","./selectors","core/modal_events","core/toast"],function(a,b,c,d,e,f,g,h){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.registerEventListeners=void 0;b=k(b);c=k(c);f=k(f);g=j(g);var r="undefined"!=typeof window?window:"undefined"!=typeof self?self:"undefined"!=typeof global?global:{};function i(){if("function"!=typeof WeakMap)return null;var a=new WeakMap;i=function(){return a};return a}function j(a){if(a&&a.__esModule){return a}if(null===a||"object"!==_typeof(a)&&"function"!=typeof a){return{default:a}}var b=i();if(b&&b.has(a)){return b.get(a)}var c={},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in a){if(Object.prototype.hasOwnProperty.call(a,e)){var f=d?Object.getOwnPropertyDescriptor(a,e):null;if(f&&(f.get||f.set)){Object.defineProperty(c,e,f)}else{c[e]=a[e]}}}c.default=a;if(b){b.set(a,c)}return c}function k(a){return a&&a.__esModule?a:{default:a}}function l(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){c(a);return}if(h.done){b(i)}else{Promise.resolve(i).then(d,e)}}function m(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){var h=a.apply(b,c);function f(a){l(h,d,e,f,g,"next",a)}function g(a){l(h,d,e,f,g,"throw",a)}f(void 0)})}}function n(a){if("undefined"==typeof Symbol||null==a[Symbol.iterator]){if(Array.isArray(a)||(a=p(a))){var b=0,c=function(){};return{s:c,n:function n(){if(b>=a.length)return{done:!0};return{done:!1,value:a[b++]}},e:function e(a){throw a},f:c}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d,e=!0,f=!1,g;return{s:function s(){d=a[Symbol.iterator]()},n:function n(){var a=d.next();e=a.done;return a},e:function e(a){f=!0;g=a},f:function f(){try{if(!e&&null!=d.return)d.return()}finally{if(f)throw g}}}}function p(a,b){if(!a)return;if("string"==typeof a)return q(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);if("Object"===c&&a.constructor)c=a.constructor.name;if("Map"===c||"Set"===c)return Array.from(c);if("Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c))return q(a,b)}function q(a,b){if(null==b||b>a.length)b=a.length;for(var c=0,d=Array(b);c<b;c++){d[c]=a[c]}return d}a.registerEventListeners=function registerEventListeners(a){var b=document.querySelector(a);b.addEventListener("click",function(a){a.preventDefault();s(b,{focusOnClose:a.target})})};var s=function(a){var i=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{},j=i.focusOnClose,k=void 0===j?null:j;c.default.render("core_payment/gateways_modal",{}).done(function(i){b.default.create({type:b.default.types.SAVE_CANCEL,title:(0,d.get_string)("selectpaymenttype","core_payment"),body:i}).done(function(b){(0,h.addToastRegion)(b.getRoot()[0]);var i=a.dataset.currency;(0,e.getGatewaysSupportingCurrency)(i).done(function(a){var d={gateways:[]},e=n(a),g;try{for(e.s();!(g=e.n()).done;){var h=g.value;d.gateways.push(h)}}catch(a){e.e(a)}finally{e.f()}c.default.render("core_payment/gateways",d).done(function(a,d){c.default.replaceNodeContents(b.getRoot().find(f.default.regions.gatewaysContainer),a,d)})});b.getRoot().on(g.hidden,function(){b.destroy();try{k.focus()}catch(a){}});b.getRoot().on(g.save,function(c){var e=b.getRoot()[0],g=(e.querySelector(f.default.values.gateway)||{value:""}).value;if(g){t(e,g,a.dataset.amount,a.dataset.currency,a.dataset.component,a.dataset.componentid,a.dataset.description)}else{(0,d.get_string)("nogatewayselected","core_payment").then(function(a){return(0,h.add)(a)})}c.preventDefault()});b.show()})})},t=function(){var a=m(regeneratorRuntime.mark(function a(b,c,d,e,f,g,h){var i;return regeneratorRuntime.wrap(function(a){while(1){switch(a.prev=a.next){case 0:a.next=2;return"function"==typeof r.define&&r.define.amd?new Promise(function(a,b){r.require(["pg_".concat(c,"/gateways_modal")],a,b)}):"undefined"!=typeof module&&module.exports&&"undefined"!=typeof require||"undefined"!=typeof module&&module.component&&r.require&&"component"===r.require.loader?Promise.resolve(require(("pg_".concat(c,"/gateways_modal")))):Promise.resolve(r["pg_".concat(c,"/gateways_modal")]);case 2:i=a.sent;i.process(b,d,e,f,g,h);case 4:case"end":return a.stop();}}},a)}));return function(){return a.apply(this,arguments)}}()});
|
||||
function _typeof(a){"@babel/helpers - typeof";if("function"==typeof Symbol&&"symbol"==typeof Symbol.iterator){_typeof=function(a){return typeof a}}else{_typeof=function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a}}return _typeof(a)}define ("core_payment/gateways_modal",["exports","core/modal_factory","core/templates","core/str","core_payment/repository","./selectors","core/modal_events","core/toast"],function(a,b,c,d,e,f,g,h){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.registerEventListeners=void 0;b=k(b);c=k(c);f=k(f);g=j(g);var r="undefined"!=typeof window?window:"undefined"!=typeof self?self:"undefined"!=typeof global?global:{};function i(){if("function"!=typeof WeakMap)return null;var a=new WeakMap;i=function(){return a};return a}function j(a){if(a&&a.__esModule){return a}if(null===a||"object"!==_typeof(a)&&"function"!=typeof a){return{default:a}}var b=i();if(b&&b.has(a)){return b.get(a)}var c={},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in a){if(Object.prototype.hasOwnProperty.call(a,e)){var f=d?Object.getOwnPropertyDescriptor(a,e):null;if(f&&(f.get||f.set)){Object.defineProperty(c,e,f)}else{c[e]=a[e]}}}c.default=a;if(b){b.set(a,c)}return c}function k(a){return a&&a.__esModule?a:{default:a}}function l(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){c(a);return}if(h.done){b(i)}else{Promise.resolve(i).then(d,e)}}function m(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){var h=a.apply(b,c);function f(a){l(h,d,e,f,g,"next",a)}function g(a){l(h,d,e,f,g,"throw",a)}f(void 0)})}}function n(a){if("undefined"==typeof Symbol||null==a[Symbol.iterator]){if(Array.isArray(a)||(a=p(a))){var b=0,c=function(){};return{s:c,n:function n(){if(b>=a.length)return{done:!0};return{done:!1,value:a[b++]}},e:function e(a){throw a},f:c}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d,e=!0,f=!1,g;return{s:function s(){d=a[Symbol.iterator]()},n:function n(){var a=d.next();e=a.done;return a},e:function e(a){f=!0;g=a},f:function f(){try{if(!e&&null!=d.return)d.return()}finally{if(f)throw g}}}}function p(a,b){if(!a)return;if("string"==typeof a)return q(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);if("Object"===c&&a.constructor)c=a.constructor.name;if("Map"===c||"Set"===c)return Array.from(c);if("Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c))return q(a,b)}function q(a,b){if(null==b||b>a.length)b=a.length;for(var c=0,d=Array(b);c<b;c++){d[c]=a[c]}return d}a.registerEventListeners=function registerEventListeners(a){var b=document.querySelector(a);b.addEventListener("click",function(a){a.preventDefault();s(b,{focusOnClose:a.target})})};var s=function(a){var i=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{},j=i.focusOnClose,k=void 0===j?null:j;c.default.render("core_payment/gateways_modal",{}).done(function(i){b.default.create({type:b.default.types.SAVE_CANCEL,title:(0,d.get_string)("selectpaymenttype","core_payment"),body:i}).done(function(b){(0,h.addToastRegion)(b.getRoot()[0]);var i=a.dataset.currency;(0,e.getGatewaysSupportingCurrency)(i).done(function(a){var d={gateways:[]},e=n(a),g;try{for(e.s();!(g=e.n()).done;){var h=g.value;d.gateways.push(h)}}catch(a){e.e(a)}finally{e.f()}c.default.render("core_payment/gateways",d).done(function(a,d){c.default.replaceNodeContents(b.getRoot().find(f.default.regions.gatewaysContainer),a,d)})});b.getRoot().on(g.hidden,function(){b.destroy();try{k.focus()}catch(a){}});b.getRoot().on(g.save,function(c){var e=b.getRoot()[0],g=(e.querySelector(f.default.values.gateway)||{value:""}).value;if(g){t(g,a.dataset.amount,a.dataset.currency,a.dataset.component,a.dataset.componentid,a.dataset.description)}else{(0,d.get_string)("nogatewayselected","core_payment").then(function(a){return(0,h.add)(a)})}c.preventDefault()});b.show()})})},t=function(){var a=m(regeneratorRuntime.mark(function a(b,c,d,e,f,g){var h;return regeneratorRuntime.wrap(function(a){while(1){switch(a.prev=a.next){case 0:a.next=2;return"function"==typeof r.define&&r.define.amd?new Promise(function(a,c){r.require(["pg_".concat(b,"/gateways_modal")],a,c)}):"undefined"!=typeof module&&module.exports&&"undefined"!=typeof require||"undefined"!=typeof module&&module.component&&r.require&&"component"===r.require.loader?Promise.resolve(require(("pg_".concat(b,"/gateways_modal")))):Promise.resolve(r["pg_".concat(b,"/gateways_modal")]);case 2:h=a.sent;h.process(c,d,e,f,g);case 4:case"end":return a.stop();}}},a)}));return function(){return a.apply(this,arguments)}}()});
|
||||
//# sourceMappingURL=gateways_modal.min.js.map
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -97,7 +97,6 @@ const show = (rootNode, {
|
||||
|
||||
if (gateway) {
|
||||
processPayment(
|
||||
root,
|
||||
gateway,
|
||||
rootNode.dataset.amount,
|
||||
rootNode.dataset.currency,
|
||||
@@ -122,7 +121,6 @@ const show = (rootNode, {
|
||||
/**
|
||||
* Process payment using the selected gateway.
|
||||
*
|
||||
* @param {HTMLElement} rootElement The root element of the main modal
|
||||
* @param {string} gateway The gateway to be used for payment
|
||||
* @param {number} amount Amount of payment
|
||||
* @param {string} currency The currency in the three-character ISO-4217 format
|
||||
@@ -131,8 +129,8 @@ const show = (rootNode, {
|
||||
* @param {string} description Description of the payment
|
||||
* @returns {Promise<void>}
|
||||
*/
|
||||
const processPayment = async(rootElement, gateway, amount, currency, component, componentid, description) => {
|
||||
const processPayment = async(gateway, amount, currency, component, componentid, description) => {
|
||||
const paymentMethod = await import(`pg_${gateway}/gateways_modal`);
|
||||
|
||||
paymentMethod.process(rootElement, amount, currency, component, componentid, description);
|
||||
paymentMethod.process(amount, currency, component, componentid, description);
|
||||
};
|
||||
|
||||
+1
-1
@@ -1,2 +1,2 @@
|
||||
function _typeof(a){"@babel/helpers - typeof";if("function"==typeof Symbol&&"symbol"==typeof Symbol.iterator){_typeof=function(a){return typeof a}}else{_typeof=function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a}}return _typeof(a)}define ("pg_paypal/gateways_modal",["exports","./repository","core/templates","./selectors","core/truncate","core/ajax","core/notification"],function(a,b,c,d,e,f,g){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.process=void 0;b=j(b);c=h(c);d=h(d);e=h(e);f=h(f);g=h(g);function h(a){return a&&a.__esModule?a:{default:a}}function i(){if("function"!=typeof WeakMap)return null;var a=new WeakMap;i=function(){return a};return a}function j(a){if(a&&a.__esModule){return a}if(null===a||"object"!==_typeof(a)&&"function"!=typeof a){return{default:a}}var b=i();if(b&&b.has(a)){return b.get(a)}var c={},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in a){if(Object.prototype.hasOwnProperty.call(a,e)){var f=d?Object.getOwnPropertyDescriptor(a,e):null;if(f&&(f.get||f.set)){Object.defineProperty(c,e,f)}else{c[e]=a[e]}}}c.default=a;if(b){b.set(a,c)}return c}function k(a,b){return r(a)||q(a,b)||m(a,b)||l()}function l(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(a,b){if(!a)return;if("string"==typeof a)return p(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);if("Object"===c&&a.constructor)c=a.constructor.name;if("Map"===c||"Set"===c)return Array.from(c);if("Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c))return p(a,b)}function p(a,b){if(null==b||b>a.length)b=a.length;for(var c=0,d=Array(b);c<b;c++){d[c]=a[c]}return d}function q(a,b){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(a)))return;var c=[],d=!0,e=!1,f=void 0;try{for(var g=a[Symbol.iterator](),h;!(d=(h=g.next()).done);d=!0){c.push(h.value);if(b&&c.length===b)break}}catch(a){e=!0;f=a}finally{try{if(!d&&null!=g["return"])g["return"]()}finally{if(e)throw f}}return c}function r(a){if(Array.isArray(a))return a}function s(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){c(a);return}if(h.done){b(i)}else{Promise.resolve(i).then(d,e)}}function t(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){var h=a.apply(b,c);function f(a){s(h,d,e,f,g,"next",a)}function g(a){s(h,d,e,f,g,"throw",a)}f(void 0)})}}var u=function(){var a=t(regeneratorRuntime.mark(function a(b){var e,f,g;return regeneratorRuntime.wrap(function(a){while(1){switch(a.prev=a.next){case 0:a.next=2;return c.default.renderForPromise("pg_paypal/paypal_button_placeholder",{});case 2:e=a.sent;f=e.html;g=e.js;c.default.replaceNodeContents(b.querySelector(d.default.regions.gatewaysContainer),f,g);case 6:case"end":return a.stop();}}},a)}));return function(){return a.apply(this,arguments)}}(),v=function(){var a=t(regeneratorRuntime.mark(function a(c,h,i,j,l,m){var n,o,p,q;return regeneratorRuntime.wrap(function(a){while(1){switch(a.prev=a.next){case 0:a.next=2;return Promise.all([u(c),b.getConfigForJs()]);case 2:n=a.sent;o=k(n,2);p=o[1];q="https://www.paypal.com/sdk/js?client-id=".concat(p.clientid,"¤cy=").concat(i,"&intent=authorize");w(q,function(){c.querySelector(d.default.buttons.save).style.display="none";c.querySelector(d.default.regions.gatewaysContainer).innerHTML="";paypal.Buttons({createOrder:function createOrder(a,b){return b.order.create({purchase_units:[{amount:{currency_code:i,value:h},description:e.default.truncate(m,{length:127,stripTags:!0})}],application_context:{shipping_preference:"NO_SHIPPING",brand_name:e.default.truncate(p.brandname,{length:127,stripTags:!0})}})},onApprove:function onApprove(a,b){b.order.authorize().then(function(b){var c=b.purchase_units[0].payments.authorizations[0].id;return f.default.call([{methodname:"pg_paypal_transaction_complete",args:{component:j,componentid:l,orderid:a.orderID,authorizationid:c}}])[0].then(function(a){g.default.addNotification({message:a.message,type:a.success?"success":"error"})})})}}).render(d.default.regions.gatewaysContainer)});case 7:case"end":return a.stop();}}},a)}));return function(){return a.apply(this,arguments)}}();a.process=v;var w=function(a,b){if(w.currentlyloaded.includes(a)){b();return}var c=document.createElement("script");if(c.readyState){c.onreadystatechange=function(){if("complete"==this.readyState||"loaded"==this.readyState){this.onreadystatechange=null;b()}}}else{c.onload=function(){b()}}c.setAttribute("src",a);document.head.appendChild(c);w.currentlyloaded.push(a)};w.currentlyloaded=[]});
|
||||
function _typeof(a){"@babel/helpers - typeof";if("function"==typeof Symbol&&"symbol"==typeof Symbol.iterator){_typeof=function(a){return typeof a}}else{_typeof=function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a}}return _typeof(a)}define ("pg_paypal/gateways_modal",["exports","./repository","core/templates","core/truncate","core/ajax","core/notification","core/modal_factory"],function(a,b,c,d,e,f,g){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.process=void 0;b=j(b);c=h(c);d=h(d);e=h(e);f=h(f);g=h(g);function h(a){return a&&a.__esModule?a:{default:a}}function i(){if("function"!=typeof WeakMap)return null;var a=new WeakMap;i=function(){return a};return a}function j(a){if(a&&a.__esModule){return a}if(null===a||"object"!==_typeof(a)&&"function"!=typeof a){return{default:a}}var b=i();if(b&&b.has(a)){return b.get(a)}var c={},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in a){if(Object.prototype.hasOwnProperty.call(a,e)){var f=d?Object.getOwnPropertyDescriptor(a,e):null;if(f&&(f.get||f.set)){Object.defineProperty(c,e,f)}else{c[e]=a[e]}}}c.default=a;if(b){b.set(a,c)}return c}function k(a,b){return r(a)||q(a,b)||m(a,b)||l()}function l(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(a,b){if(!a)return;if("string"==typeof a)return p(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);if("Object"===c&&a.constructor)c=a.constructor.name;if("Map"===c||"Set"===c)return Array.from(c);if("Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c))return p(a,b)}function p(a,b){if(null==b||b>a.length)b=a.length;for(var c=0,d=Array(b);c<b;c++){d[c]=a[c]}return d}function q(a,b){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(a)))return;var c=[],d=!0,e=!1,f=void 0;try{for(var g=a[Symbol.iterator](),h;!(d=(h=g.next()).done);d=!0){c.push(h.value);if(b&&c.length===b)break}}catch(a){e=!0;f=a}finally{try{if(!d&&null!=g["return"])g["return"]()}finally{if(e)throw f}}return c}function r(a){if(Array.isArray(a))return a}function s(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){c(a);return}if(h.done){b(i)}else{Promise.resolve(i).then(d,e)}}function t(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){var h=a.apply(b,c);function f(a){s(h,d,e,f,g,"next",a)}function g(a){s(h,d,e,f,g,"throw",a)}f(void 0)})}}var u=function(){var a=t(regeneratorRuntime.mark(function a(){var b;return regeneratorRuntime.wrap(function(a){while(1){switch(a.prev=a.next){case 0:a.t0=g.default;a.t1=g.default.types.CANCEL;a.next=4;return c.default.render("pg_paypal/paypal_button_placeholder",{});case 4:a.t2=a.sent;a.t3={type:a.t1,body:a.t2};a.next=8;return a.t0.create.call(a.t0,a.t3);case 8:b=a.sent;b.show();return a.abrupt("return",b);case 11:case"end":return a.stop();}}},a)}));return function(){return a.apply(this,arguments)}}(),v=function(){var a=t(regeneratorRuntime.mark(function a(c,g,h,i,j){var l,m,n,o,p;return regeneratorRuntime.wrap(function(a){while(1){switch(a.prev=a.next){case 0:a.next=2;return Promise.all([u(),b.getConfigForJs()]);case 2:l=a.sent;m=k(l,2);n=m[0];o=m[1];p="https://www.paypal.com/sdk/js?client-id=".concat(o.clientid,"¤cy=").concat(g,"&intent=authorize");w(p,function(){n.setBody("<form></form>");paypal.Buttons({createOrder:function createOrder(a,b){return b.order.create({purchase_units:[{amount:{currency_code:g,value:c},description:d.default.truncate(j,{length:127,stripTags:!0})}],application_context:{shipping_preference:"NO_SHIPPING",brand_name:d.default.truncate(o.brandname,{length:127,stripTags:!0})}})},onApprove:function onApprove(a,b){b.order.authorize().then(function(b){var c=b.purchase_units[0].payments.authorizations[0].id;return e.default.call([{methodname:"pg_paypal_transaction_complete",args:{component:h,componentid:i,orderid:a.orderID,authorizationid:c}}])[0].then(function(a){f.default.addNotification({message:a.message,type:a.success?"success":"error"})})})}}).render(n.getBody()[0])});case 8:case"end":return a.stop();}}},a)}));return function(){return a.apply(this,arguments)}}();a.process=v;var w=function(a,b){if(w.currentlyloaded.includes(a)){b();return}var c=document.createElement("script");if(c.readyState){c.onreadystatechange=function(){if("complete"==this.readyState||"loaded"==this.readyState){this.onreadystatechange=null;b()}}}else{c.onload=function(){b()}}c.setAttribute("src",a);document.head.appendChild(c);w.currentlyloaded.push(a)};w.currentlyloaded=[]});
|
||||
//# sourceMappingURL=gateways_modal.min.js.map
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,2 +0,0 @@
|
||||
define ("pg_paypal/selectors",["exports"],function(a){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.default=void 0;a.default={regions:{gatewaysContainer:"[data-region=\"gateways-container\"]"},buttons:{save:"[data-action=\"save\"]"}};return a.default});
|
||||
//# sourceMappingURL=selectors.min.js.map
|
||||
@@ -1 +0,0 @@
|
||||
{"version":3,"sources":["../src/selectors.js"],"names":["regions","gatewaysContainer","buttons","save"],"mappings":"+IAwBe,CACXA,OAAO,CAAE,CACLC,iBAAiB,CAAE,sCADd,CADE,CAIXC,OAAO,CAAE,CACLC,IAAI,CAAE,wBADD,CAJE,C","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle. If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * Define all of the selectors we will be using on the gateways modal.\n *\n * @module pg_paypal/selectors\n * @package pg_paypal\n * @copyright 2019 Shamim Rezaie <[email protected]>\n * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nexport default {\n regions: {\n gatewaysContainer: '[data-region=\"gateways-container\"]',\n },\n buttons: {\n save: '[data-action=\"save\"]',\n },\n};\n"],"file":"selectors.min.js"}
|
||||
@@ -23,37 +23,50 @@
|
||||
|
||||
import * as Repository from './repository';
|
||||
import Templates from 'core/templates';
|
||||
import Selectors from './selectors';
|
||||
import Truncate from 'core/truncate';
|
||||
import Ajax from 'core/ajax';
|
||||
import Notification from 'core/notification';
|
||||
import ModalFactory from 'core/modal_factory';
|
||||
|
||||
/**
|
||||
* Renders a placeholder in the modal.
|
||||
* Creates and shows a modal that contains a placeholder.
|
||||
*
|
||||
* @param rootElement
|
||||
* @returns {Promise<void>}
|
||||
* @returns {Promise<Modal>}
|
||||
*/
|
||||
const showPlaceholder = async(rootElement) => {
|
||||
const {html, js} = await Templates.renderForPromise('pg_paypal/paypal_button_placeholder', {});
|
||||
Templates.replaceNodeContents(rootElement.querySelector(Selectors.regions.gatewaysContainer), html, js);
|
||||
const showPlaceholder = async() => {
|
||||
const modal = await ModalFactory.create({
|
||||
type: ModalFactory.types.CANCEL,
|
||||
body: await Templates.render('pg_paypal/paypal_button_placeholder', {})
|
||||
});
|
||||
modal.show();
|
||||
return modal;
|
||||
};
|
||||
|
||||
export const process = async(rootElement, amount, currency, component, componentid, description) => {
|
||||
/**
|
||||
* Process the payment.
|
||||
*
|
||||
* @param {double} amount Amount of payment
|
||||
* @param {string} currency The currency in the three-character ISO-4217 format
|
||||
* @param {string} component Name of the component that the componentid belongs to
|
||||
* @param {number} componentid An internal identifier that is used by the component
|
||||
* @param {string} description Description of the payment
|
||||
* @returns {Promise<void>}
|
||||
*/
|
||||
export const process = async(amount, currency, component, componentid, description) => {
|
||||
|
||||
const [
|
||||
,
|
||||
modal,
|
||||
paypalConfig,
|
||||
] = await Promise.all([
|
||||
showPlaceholder(rootElement),
|
||||
showPlaceholder(),
|
||||
Repository.getConfigForJs(),
|
||||
]);
|
||||
|
||||
const paypalScript = `https://www.paypal.com/sdk/js?client-id=${paypalConfig.clientid}¤cy=${currency}&intent=authorize`;
|
||||
|
||||
callExternalFunction(paypalScript, () => {
|
||||
rootElement.querySelector(Selectors.buttons.save).style.display = 'none';
|
||||
rootElement.querySelector(Selectors.regions.gatewaysContainer).innerHTML = '';
|
||||
modal.setBody('<form></form>'); // This is a hack. Instead of emptying the body, we put an empty form there so the modal
|
||||
// is not closed when user clicks outside of modal.
|
||||
paypal.Buttons({ // eslint-disable-line
|
||||
createOrder: function(data, actions) {
|
||||
// This function sets up the details of the transaction, including the amount and line item details.
|
||||
@@ -95,14 +108,20 @@ export const process = async(rootElement, amount, currency, component, component
|
||||
});
|
||||
});
|
||||
}
|
||||
}).render(Selectors.regions.gatewaysContainer);
|
||||
}).render(modal.getBody()[0]);
|
||||
});
|
||||
};
|
||||
|
||||
const callExternalFunction = (jsFile, callback) => {
|
||||
// Check to see if this file has already been loaded. If so just go straight to the callback.
|
||||
/**
|
||||
* Calls a function from an external javascript file.
|
||||
*
|
||||
* @param {string} jsFile URL of the external JavaScript file
|
||||
* @param {function} func The function to call
|
||||
*/
|
||||
const callExternalFunction = (jsFile, func) => {
|
||||
// Check to see if this file has already been loaded. If so just go straight to the func.
|
||||
if (callExternalFunction.currentlyloaded.includes(jsFile)) {
|
||||
callback();
|
||||
func();
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -112,12 +131,12 @@ const callExternalFunction = (jsFile, callback) => {
|
||||
script.onreadystatechange = function() {
|
||||
if (this.readyState == 'complete' || this.readyState == 'loaded') {
|
||||
this.onreadystatechange = null;
|
||||
callback();
|
||||
func();
|
||||
}
|
||||
};
|
||||
} else {
|
||||
script.onload = function() {
|
||||
callback();
|
||||
func();
|
||||
};
|
||||
}
|
||||
|
||||
@@ -127,4 +146,10 @@ const callExternalFunction = (jsFile, callback) => {
|
||||
callExternalFunction.currentlyloaded.push(jsFile);
|
||||
};
|
||||
|
||||
/**
|
||||
* Holds the list of external JavaScript files.
|
||||
*
|
||||
* @static
|
||||
* @type {Array}
|
||||
*/
|
||||
callExternalFunction.currentlyloaded = [];
|
||||
|
||||
@@ -1,32 +0,0 @@
|
||||
// This file is part of Moodle - http://moodle.org/
|
||||
//
|
||||
// Moodle is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// Moodle is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
/**
|
||||
* Define all of the selectors we will be using on the gateways modal.
|
||||
*
|
||||
* @module pg_paypal/selectors
|
||||
* @package pg_paypal
|
||||
* @copyright 2019 Shamim Rezaie <[email protected]>
|
||||
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
|
||||
*/
|
||||
|
||||
export default {
|
||||
regions: {
|
||||
gatewaysContainer: '[data-region="gateways-container"]',
|
||||
},
|
||||
buttons: {
|
||||
save: '[data-action="save"]',
|
||||
},
|
||||
};
|
||||
Reference in New Issue
Block a user