@paypal/common-components - npm Package Compare versions

Comparing version 1.0.13 to 1.0.14

CHANGELOG.md

@@ -0,1 +1,9 @@
+## <small>1.0.14 (2020-12-16)</small>
+
+* Add VenmoSpinnerPage ([f196f76](http://github.paypal.com/paypal/paypal-checkout/commit/f196f76))
+* Fix sdk test globals ([ebfb0d6](http://github.paypal.com/paypal/paypal-checkout/commit/ebfb0d6))
+* Lock flow version ([724b0c0](http://github.paypal.com/paypal/paypal-checkout/commit/724b0c0))
+
+
+
 ## <small>1.0.13 (2020-09-25)</small>
@@ -2,0 +10,0 @@

dist/ui.js

@@ -65,2 +65,5 @@ module.exports = function(modules) {
     }));
+    __webpack_require__.d(__webpack_exports__, "VenmoSpinnerPage", (function() {
+        return VenmoSpinnerPage;
+    }));
     function _renderChildren(children, renderer) {
@@ -263,2 +266,14 @@ var result = [];
     }
+    function VenmoSpinnerPage(_ref, children) {
+        var nonce = _ref.nonce;
+        return node_node("html", null, node_node("head", null, node_node("title", null, "PayPal"), node_node("meta", {
+            name: "viewport",
+            content: "width=device-width, initial-scale=1"
+        })), node_node("body", null, node_node("style", {
+            nonce: nonce,
+            innerHTML: '\n    body {\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        position: relative;\n        top: 0;\n        left: 0;\n        margin: 0;\n    }\n    .spinner {\n        color: official;\n        display: inline-block;\n        width: 80px;\n        height: 80px;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        -webkit-transform: translate(-50%, -50%);\n        transform: translate(-50%, -50%);\n    }\n    .spinner div {\n        transform-origin: 40px 40px;\n        animation: spinner 1.2s linear infinite;\n    }\n    .spinner div:after {\n        content: " ";\n        display: block;\n        position: absolute;\n        top: 20px;\n        left: 37px;\n        width: 3px;\n        height: 10px;\n        border-radius: 30%;\n        background: #808080;\n    }\n    .spinner div:nth-child(1) {\n        transform: rotate(0deg);\n        animation-delay: -1.1s;\n    }\n    .spinner div:nth-child(2) {\n        transform: rotate(30deg);\n        animation-delay: -1s;\n    }\n    .spinner div:nth-child(3) {\n        transform: rotate(60deg);\n        animation-delay: -0.9s;\n    }\n    .spinner div:nth-child(4) {\n        transform: rotate(90deg);\n        animation-delay: -0.8s;\n    }\n    .spinner div:nth-child(5) {\n        transform: rotate(120deg);\n        animation-delay: -0.7s;\n    }\n    .spinner div:nth-child(6) {\n        transform: rotate(150deg);\n        animation-delay: -0.6s;\n    }\n    .spinner div:nth-child(7) {\n        transform: rotate(180deg);\n        animation-delay: -0.5s;\n    }\n    .spinner div:nth-child(8) {\n        transform: rotate(210deg);\n        animation-delay: -0.4s;\n    }\n    .spinner div:nth-child(9) {\n        transform: rotate(240deg);\n        animation-delay: -0.3s;\n    }\n    .spinner div:nth-child(10) {\n        transform: rotate(270deg);\n        animation-delay: -0.2s;\n    }\n    .spinner div:nth-child(11) {\n        transform: rotate(300deg);\n        animation-delay: -0.1s;\n    }\n    .spinner div:nth-child(12) {\n        transform: rotate(330deg);\n        animation-delay: 0s;\n    }\n    @keyframes spinner {\n        0% {\n            opacity: 1;\n        }\n        100% {\n            opacity: 0;\n        }\n    }\n'
+        }), node_node("div", {
+            class: "spinner"
+        }, node_node("div", null), node_node("div", null), node_node("div", null), node_node("div", null), node_node("div", null), node_node("div", null), node_node("div", null), node_node("div", null), node_node("div", null), node_node("div", null), node_node("div", null), node_node("div", null)), children));
+    }
 } ]);

dist/ui.min.js

@@ -1,1 +0,1 @@
-module.exports=function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return{}.hasOwnProperty.call(n,e)},t.p="",t(t.s=0)}([function(n,e,t){"use strict";function r(n,e){for(var t=[],r=0;r<n.length;r++){var o=n[r].render(e);if(o)if(Array.isArray(o))for(var i=0;i<o.length;i++){var p=o[i];p&&t.push(p)}else t.push(o)}return t}t.r(e),t.d(e,"SpinnerPage",(function(){return u}));var o=function(){function n(n,e,t){this.type="element",this.name=void 0,this.props=void 0,this.children=void 0,this.onRender=void 0,this.name=n,this.props=e||{},this.children=t;var r=this.props.onRender;"function"==typeof r&&(this.onRender=r,delete e.onRender)}var e=n.prototype;return e.render=function(n){var e=n(this);return this.onRender&&this.onRender(e),e},e.renderChildren=function(n){return r(this.children,n)},n}(),i=function(){function n(n){this.type="fragment",this.children=void 0,this.children=n}return n.prototype.render=function(n){return r(this.children,n)},n}(),p=function(){function n(n){this.type="text",this.text=void 0,this.text=n}return n.prototype.render=function(n){return n(this)},n}(),a=function(){function n(n,e,t){this.type="component",this.component=void 0,this.props=void 0,this.children=void 0,this.component=n,this.props=e||{},this.children=t,this.props.children=t}var e=n.prototype;return e.renderComponent=function(n){var e=function(n){var e=l(Array.isArray(n)?n:[n]);return 1===e.length?e[0]:e.length>1?new i(e):void 0}(this.component(this.props,this.children));if(e)return e.render(n)},e.render=function(n){return n(this)},e.renderChildren=function(n){return r(this.children,n)},n}();function l(n){for(var e=[],t=0;t<n.length;t++){var r=n[t];if(r)if("string"==typeof r||"number"==typeof r)e.push(new p(r.toString()));else{if("boolean"==typeof r)continue;if(Array.isArray(r))for(var o=0,i=l(r);o<i.length;o++)e.push(i[o]);else{if(!r||"element"!==r.type&&"text"!==r.type&&"component"!==r.type)throw new TypeError("Unrecognized node type: "+typeof r);e.push(r)}}}return e}var d,c=function(n,e){for(var t=arguments.length,r=new Array(t>2?t-2:0),i=2;i<t;i++)r[i-2]=arguments[i];if(r=l(r),"string"==typeof n)return new o(n,e,r);if("function"==typeof n)return new a(n,e,r);throw new TypeError("Expected jsx element to be a string or a function")},s=((d={}).iframe=function(n,e){var t=e.children[0];if(1!==e.children.length||!t||"element"!==t.type||"html"!==t.name)throw new Error("Expected only single html element node as child of iframe element");n.addEventListener("load",(function(){var e=n.contentWindow;if(!e)throw new Error("Expected frame to have contentWindow");for(var r=e.document,o=r.documentElement;o.children&&o.children.length;)o.removeChild(o.children[0]);for(var i=t.render(function(n){void 0===n&&(n={});var e=n.doc,t=void 0===e?document:e;return function n(e){if("component"===e.type)return e.renderComponent(n);if("text"===e.type)return function(n,e){return n.createTextNode(e.text)}(t,e);if("element"===e.type){var r=function(n,e){return e.props.el?e.props.el:n.createElement(e.name)}(t,e);return function(n,e){for(var t=e.props,r=0,o=Object.keys(t);r<o.length;r++){var i=o[r],p=t[i];null!=p&&"el"!==i&&"innerHTML"!==i&&(i.match(/^on[A-Z][a-z]/)&&"function"==typeof p?n.addEventListener(i.slice(2).toLowerCase(),p):"string"==typeof p||"number"==typeof p?n.setAttribute(i,p.toString()):"boolean"==typeof p&&!0===p&&n.setAttribute(i,""))}"iframe"!==n.tagName.toLowerCase()||t.id||n.setAttribute("id","jsx-iframe-"+"xxxxxxxxxx".replace(/./g,(function(){return"0123456789abcdef".charAt(Math.floor(Math.random()*"0123456789abcdef".length))})))}(r,e),function(n,e,t,r){if(e.props.hasOwnProperty("innerHTML")){if(e.children.length)throw new Error("Expected no children to be passed when innerHTML prop is set");var o=e.props.innerHTML;if("string"!=typeof o)throw new TypeError("innerHTML prop must be string");"script"===e.name?n.text=o:(n.innerHTML=o,function(n,e){void 0===e&&(e=window.document);for(var t=0,r=n.querySelectorAll("script");t<r.length;t++){var o=r[t],i=o.parentNode;if(i){var p=e.createElement("script");p.text=o.textContent,i.replaceChild(p,o)}}}(n,t))}else(s[e.name]||s.default)(n,e,r)}(r,e,t,n),r}throw new TypeError("Unhandleable node")}}({doc:r}));i.children.length;)o.appendChild(i.children[0])}))},d.script=function(n,e){var t=e.children[0];if(1!==e.children.length||!t||"text"!==t.type)throw new Error("Expected only single text node as child of script element");n.text=t.text},d.default=function(n,e,t){for(var r=0,o=e.renderChildren(t);r<o.length;r++)n.appendChild(o[r])},d);function u(n,e){var t=n.nonce;return c("html",null,c("head",null,c("title",null,"PayPal"),c("meta",{name:"viewport",content:"width=device-width, initial-scale=1"})),c("body",null,c("div",{class:"preloader spinner"},c("style",{nonce:t,innerHTML:"\n\n    body {\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        position: fixed;\n        top: 0;\n        left: 0;\n        margin: 0;\n    }\n\n    .spinner {\n        height: 100%;\n        width: 100%;\n        position: absolute;\n        z-index: 10\n    }\n\n    .spinner .spinWrap {\n        width: 200px;\n        height: 100px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        margin-left: -100px;\n        margin-top: -50px\n    }\n\n    .spinner .loader,\n    .spinner .spinnerImage {\n        height: 100px;\n        width: 100px;\n        position: absolute;\n        top: 0;\n        left: 50%;\n        opacity: 1;\n        filter: alpha(opacity=100)\n    }\n\n    .spinner .spinnerImage {\n        margin: 28px 0 0 -25px;\n        background: url(https://www.paypalobjects.com/images/checkout/hermes/icon_ot_spin_lock_skinny.png) no-repeat\n    }\n\n    .spinner .loader {\n        margin: 0 0 0 -55px;\n        background-color: transparent;\n        animation: rotation .7s infinite linear;\n        border-left: 5px solid #cbcbca;\n        border-right: 5px solid #cbcbca;\n        border-bottom: 5px solid #cbcbca;\n        border-top: 5px solid #2380be;\n        border-radius: 100%\n    }\n\n    @keyframes rotation {\n        from {\n            transform: rotate(0deg)\n        }\n        to {\n            transform: rotate(359deg)\n        }\n    }\n"}),c("div",{class:"spinWrap"},c("p",{class:"spinnerImage"}),c("p",{class:"loader"}))),e))}}]);
+module.exports=function(n){var e={};function t(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return n[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var i in n)t.d(r,i,function(e){return n[e]}.bind(null,i));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return{}.hasOwnProperty.call(n,e)},t.p="",t(t.s=0)}([function(n,e,t){"use strict";function r(n,e){for(var t=[],r=0;r<n.length;r++){var i=n[r].render(e);if(i)if(Array.isArray(i))for(var o=0;o<i.length;o++){var a=i[o];a&&t.push(a)}else t.push(i)}return t}t.r(e),t.d(e,"SpinnerPage",(function(){return h})),t.d(e,"VenmoSpinnerPage",(function(){return f}));var i=function(){function n(n,e,t){this.type="element",this.name=void 0,this.props=void 0,this.children=void 0,this.onRender=void 0,this.name=n,this.props=e||{},this.children=t;var r=this.props.onRender;"function"==typeof r&&(this.onRender=r,delete e.onRender)}var e=n.prototype;return e.render=function(n){var e=n(this);return this.onRender&&this.onRender(e),e},e.renderChildren=function(n){return r(this.children,n)},n}(),o=function(){function n(n){this.type="fragment",this.children=void 0,this.children=n}return n.prototype.render=function(n){return r(this.children,n)},n}(),a=function(){function n(n){this.type="text",this.text=void 0,this.text=n}return n.prototype.render=function(n){return n(this)},n}(),l=function(){function n(n,e,t){this.type="component",this.component=void 0,this.props=void 0,this.children=void 0,this.component=n,this.props=e||{},this.children=t,this.props.children=t}var e=n.prototype;return e.renderComponent=function(n){var e=function(n){var e=d(Array.isArray(n)?n:[n]);return 1===e.length?e[0]:e.length>1?new o(e):void 0}(this.component(this.props,this.children));if(e)return e.render(n)},e.render=function(n){return n(this)},e.renderChildren=function(n){return r(this.children,n)},n}();function d(n){for(var e=[],t=0;t<n.length;t++){var r=n[t];if(r)if("string"==typeof r||"number"==typeof r)e.push(new a(r.toString()));else{if("boolean"==typeof r)continue;if(Array.isArray(r))for(var i=0,o=d(r);i<o.length;i++)e.push(o[i]);else{if(!r||"element"!==r.type&&"text"!==r.type&&"component"!==r.type)throw new TypeError("Unrecognized node type: "+typeof r);e.push(r)}}}return e}var s,p=function(n,e){for(var t=arguments.length,r=new Array(t>2?t-2:0),o=2;o<t;o++)r[o-2]=arguments[o];if(r=d(r),"string"==typeof n)return new i(n,e,r);if("function"==typeof n)return new l(n,e,r);throw new TypeError("Expected jsx element to be a string or a function")},c=((s={}).iframe=function(n,e){var t=e.children[0];if(1!==e.children.length||!t||"element"!==t.type||"html"!==t.name)throw new Error("Expected only single html element node as child of iframe element");n.addEventListener("load",(function(){var e=n.contentWindow;if(!e)throw new Error("Expected frame to have contentWindow");for(var r=e.document,i=r.documentElement;i.children&&i.children.length;)i.removeChild(i.children[0]);for(var o=t.render(function(n){void 0===n&&(n={});var e=n.doc,t=void 0===e?document:e;return function n(e){if("component"===e.type)return e.renderComponent(n);if("text"===e.type)return function(n,e){return n.createTextNode(e.text)}(t,e);if("element"===e.type){var r=function(n,e){return e.props.el?e.props.el:n.createElement(e.name)}(t,e);return function(n,e){for(var t=e.props,r=0,i=Object.keys(t);r<i.length;r++){var o=i[r],a=t[o];null!=a&&"el"!==o&&"innerHTML"!==o&&(o.match(/^on[A-Z][a-z]/)&&"function"==typeof a?n.addEventListener(o.slice(2).toLowerCase(),a):"string"==typeof a||"number"==typeof a?n.setAttribute(o,a.toString()):"boolean"==typeof a&&!0===a&&n.setAttribute(o,""))}"iframe"!==n.tagName.toLowerCase()||t.id||n.setAttribute("id","jsx-iframe-"+"xxxxxxxxxx".replace(/./g,(function(){return"0123456789abcdef".charAt(Math.floor(Math.random()*"0123456789abcdef".length))})))}(r,e),function(n,e,t,r){if(e.props.hasOwnProperty("innerHTML")){if(e.children.length)throw new Error("Expected no children to be passed when innerHTML prop is set");var i=e.props.innerHTML;if("string"!=typeof i)throw new TypeError("innerHTML prop must be string");"script"===e.name?n.text=i:(n.innerHTML=i,function(n,e){void 0===e&&(e=window.document);for(var t=0,r=n.querySelectorAll("script");t<r.length;t++){var i=r[t],o=i.parentNode;if(o){var a=e.createElement("script");a.text=i.textContent,o.replaceChild(a,i)}}}(n,t))}else(c[e.name]||c.default)(n,e,r)}(r,e,t,n),r}throw new TypeError("Unhandleable node")}}({doc:r}));o.children.length;)i.appendChild(o.children[0])}))},s.script=function(n,e){var t=e.children[0];if(1!==e.children.length||!t||"text"!==t.type)throw new Error("Expected only single text node as child of script element");n.text=t.text},s.default=function(n,e,t){for(var r=0,i=e.renderChildren(t);r<i.length;r++)n.appendChild(i[r])},s);function h(n,e){var t=n.nonce;return p("html",null,p("head",null,p("title",null,"PayPal"),p("meta",{name:"viewport",content:"width=device-width, initial-scale=1"})),p("body",null,p("div",{class:"preloader spinner"},p("style",{nonce:t,innerHTML:"\n\n    body {\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        position: fixed;\n        top: 0;\n        left: 0;\n        margin: 0;\n    }\n\n    .spinner {\n        height: 100%;\n        width: 100%;\n        position: absolute;\n        z-index: 10\n    }\n\n    .spinner .spinWrap {\n        width: 200px;\n        height: 100px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        margin-left: -100px;\n        margin-top: -50px\n    }\n\n    .spinner .loader,\n    .spinner .spinnerImage {\n        height: 100px;\n        width: 100px;\n        position: absolute;\n        top: 0;\n        left: 50%;\n        opacity: 1;\n        filter: alpha(opacity=100)\n    }\n\n    .spinner .spinnerImage {\n        margin: 28px 0 0 -25px;\n        background: url(https://www.paypalobjects.com/images/checkout/hermes/icon_ot_spin_lock_skinny.png) no-repeat\n    }\n\n    .spinner .loader {\n        margin: 0 0 0 -55px;\n        background-color: transparent;\n        animation: rotation .7s infinite linear;\n        border-left: 5px solid #cbcbca;\n        border-right: 5px solid #cbcbca;\n        border-bottom: 5px solid #cbcbca;\n        border-top: 5px solid #2380be;\n        border-radius: 100%\n    }\n\n    @keyframes rotation {\n        from {\n            transform: rotate(0deg)\n        }\n        to {\n            transform: rotate(359deg)\n        }\n    }\n"}),p("div",{class:"spinWrap"},p("p",{class:"spinnerImage"}),p("p",{class:"loader"}))),e))}function f(n,e){var t=n.nonce;return p("html",null,p("head",null,p("title",null,"PayPal"),p("meta",{name:"viewport",content:"width=device-width, initial-scale=1"})),p("body",null,p("style",{nonce:t,innerHTML:'\n    body {\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        position: relative;\n        top: 0;\n        left: 0;\n        margin: 0;\n    }\n    .spinner {\n        color: official;\n        display: inline-block;\n        width: 80px;\n        height: 80px;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        -webkit-transform: translate(-50%, -50%);\n        transform: translate(-50%, -50%);\n    }\n    .spinner div {\n        transform-origin: 40px 40px;\n        animation: spinner 1.2s linear infinite;\n    }\n    .spinner div:after {\n        content: " ";\n        display: block;\n        position: absolute;\n        top: 20px;\n        left: 37px;\n        width: 3px;\n        height: 10px;\n        border-radius: 30%;\n        background: #808080;\n    }\n    .spinner div:nth-child(1) {\n        transform: rotate(0deg);\n        animation-delay: -1.1s;\n    }\n    .spinner div:nth-child(2) {\n        transform: rotate(30deg);\n        animation-delay: -1s;\n    }\n    .spinner div:nth-child(3) {\n        transform: rotate(60deg);\n        animation-delay: -0.9s;\n    }\n    .spinner div:nth-child(4) {\n        transform: rotate(90deg);\n        animation-delay: -0.8s;\n    }\n    .spinner div:nth-child(5) {\n        transform: rotate(120deg);\n        animation-delay: -0.7s;\n    }\n    .spinner div:nth-child(6) {\n        transform: rotate(150deg);\n        animation-delay: -0.6s;\n    }\n    .spinner div:nth-child(7) {\n        transform: rotate(180deg);\n        animation-delay: -0.5s;\n    }\n    .spinner div:nth-child(8) {\n        transform: rotate(210deg);\n        animation-delay: -0.4s;\n    }\n    .spinner div:nth-child(9) {\n        transform: rotate(240deg);\n        animation-delay: -0.3s;\n    }\n    .spinner div:nth-child(10) {\n        transform: rotate(270deg);\n        animation-delay: -0.2s;\n    }\n    .spinner div:nth-child(11) {\n        transform: rotate(300deg);\n        animation-delay: -0.1s;\n    }\n    .spinner div:nth-child(12) {\n        transform: rotate(330deg);\n        animation-delay: 0s;\n    }\n    @keyframes spinner {\n        0% {\n            opacity: 1;\n        }\n        100% {\n            opacity: 0;\n        }\n    }\n'}),p("div",{class:"spinner"},p("div",null),p("div",null),p("div",null),p("div",null),p("div",null),p("div",null),p("div",null),p("div",null),p("div",null),p("div",null),p("div",null),p("div",null)),e))}}]);

package.json

 {
   "name": "@paypal/common-components",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "PayPal common components, for integrating checkout products.",
@@ -57,3 +57,3 @@ "main": "dist/ui.js",
     "conventional-changelog-cli": "^2.0.11",
-    "flow-bin": "^0.130.0",
+    "flow-bin": "0.130.0",
     "fs-extra": "^4.0.2",
@@ -60,0 +60,0 @@ "grumbler-scripts": "^3",

src/ui/index.js

 /* @flow */
 
 export * from './spinnerPage';
+export * from './venmoSpinnerPage';

No alert changes

Improved metrics

Total package byte prevSize

73802

increased by14.68%

Number of package files

23

increased by4.55%

Lines of code

1108

increased by15.3%

No dependency changes