@paypal/common-components - npm Package Compare versions

Comparing version 1.0.50 to 1.0.51-alpha-2028a84.0

dist/ui.js

@@ -219,24 +219,25 @@ module.exports = function(modules) {
                 var _opts$doc = opts.doc, doc = void 0 === _opts$doc ? document : _opts$doc;
-                return function domRenderer(node) {
-                    if ("component" === node.type) return node.renderComponent(domRenderer);
+                var _xmlNamespaceDomRenderer = function(node, xmlNamespace) {
+                    if ("component" === node.type) return node.renderComponent((function(childNode) {
+                        return _xmlNamespaceDomRenderer(childNode, xmlNamespace);
+                    }));
                     if ("text" === node.type) return createTextElement(doc, node);
                     if ("element" === node.type) {
+                        var el = function(doc, node, xmlNamespace) {
+                            return doc.createElementNS(xmlNamespace, node.name);
+                        }(doc, node, xmlNamespace);
+                        addProps(el, node);
+                        addChildren(el, node, doc, (function(childNode) {
+                            return _xmlNamespaceDomRenderer(childNode, xmlNamespace);
+                        }));
+                        return el;
+                    }
+                    throw new TypeError("Unhandleable node");
+                };
+                var _domRenderer = function(node) {
+                    if ("component" === node.type) return node.renderComponent(_domRenderer);
+                    if ("text" === node.type) return createTextElement(doc, node);
+                    if ("element" === node.type) {
                         var xmlNamespace = ELEMENT_DEFAULT_XML_NAMESPACE[node.name.toLowerCase()];
-                        if (xmlNamespace) return function xmlNamespaceDomRenderer(node, xmlNamespace) {
-                            if ("component" === node.type) return node.renderComponent((function(childNode) {
-                                return xmlNamespaceDomRenderer(childNode, xmlNamespace);
-                            }));
-                            if ("text" === node.type) return createTextElement(doc, node);
-                            if ("element" === node.type) {
-                                var el = function(doc, node, xmlNamespace) {
-                                    return doc.createElementNS(xmlNamespace, node.name);
-                                }(doc, node, xmlNamespace);
-                                addProps(el, node);
-                                addChildren(el, node, doc, (function(childNode) {
-                                    return xmlNamespaceDomRenderer(childNode, xmlNamespace);
-                                }));
-                                return el;
-                            }
-                            throw new TypeError("Unhandleable node");
-                        }(node, xmlNamespace);
+                        if (xmlNamespace) return _xmlNamespaceDomRenderer(node, xmlNamespace);
                         var el = function(doc, node) {
@@ -246,3 +247,3 @@ return node.props.el ? node.props.el : doc.createElement(node.name);
                         addProps(el, node);
-                        addChildren(el, node, doc, domRenderer);
+                        addChildren(el, node, doc, _domRenderer);
                         return el;
@@ -252,2 +253,3 @@ }
                 };
+                return _domRenderer;
             }({
@@ -254,0 +256,0 @@ doc: doc

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 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,"Spinner",(function(){return w})),t.d(e,"SpinnerPage",(function(){return b})),t.d(e,"VenmoSpinner",(function(){return E})),t.d(e,"VenmoSpinnerPage",(function(){return T}));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,c,u=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")},f=function(n,e){return e},h=((s={}).svg="http://www.w3.org/2000/svg",s),m=((p={})["xlink:href"]="http://www.w3.org/1999/xlink",p);function v(n,e){return n.createTextNode(e.text)}function y(n,e){for(var t=e.props,r=0,i=Object.keys(t);r<i.length;r++){var o=i[r],a=t[o];if(null!=a&&"el"!==o&&"innerHTML"!==o)if(o.match(/^on[A-Z][a-z]/)&&"function"==typeof a)n.addEventListener(o.slice(2).toLowerCase(),a);else if("string"==typeof a||"number"==typeof a){var l=m[o];l?n.setAttributeNS(l,o,a.toString()):n.setAttribute(o,a.toString())}else"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))})))}var g=((c={}).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 v(t,e);if("element"===e.type){var r=h[e.name.toLowerCase()];if(r)return function n(e,r){if("component"===e.type)return e.renderComponent((function(e){return n(e,r)}));if("text"===e.type)return v(t,e);if("element"===e.type){var i=function(n,e,t){return n.createElementNS(t,e.name)}(t,e,r);return y(i,e),x(i,e,t,(function(e){return n(e,r)})),i}throw new TypeError("Unhandleable node")}(e,r);var i=function(n,e){return e.props.el?e.props.el:n.createElement(e.name)}(t,e);return y(i,e),x(i,e,t,n),i}throw new TypeError("Unhandleable node")}}({doc:r}));o.children.length;)i.appendChild(o.children[0])}))},c.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},c.default=function(n,e,t){for(var r=0,i=e.renderChildren(t);r<i.length;r++)n.appendChild(i[r])},c);function x(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(g[e.name]||g.default)(n,e,r)}function w(n){return u("div",{class:"preloader spinner"},u("style",{nonce:n.nonce,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"}),u("div",{class:"spinWrap"},u("p",{class:"spinnerImage"}),u("p",{class:"loader"})))}function b(n,e){var t=n.nonce;return u("html",null,u("head",null,u("title",null,"PayPal"),u("meta",{name:"viewport",content:"width=device-width, initial-scale=1"})),u("body",null,u(w,{nonce:t}),e))}function E(n){return u(f,null,u("style",{nonce:n.nonce,innerHTML:'\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    .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'}),u("div",{class:"spinner"},u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null)))}function T(n,e){var t=n.nonce;return u("html",null,u("head",null,u("title",null,"Venmo"),u("meta",{name:"viewport",content:"width=device-width, initial-scale=1"})),u("body",null,u(E,{nonce:t}),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,"Spinner",(function(){return w})),t.d(e,"SpinnerPage",(function(){return b})),t.d(e,"VenmoSpinner",(function(){return E})),t.d(e,"VenmoSpinnerPage",(function(){return T}));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,c,u=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")},f=function(n,e){return e},h=((s={}).svg="http://www.w3.org/2000/svg",s),m=((p={})["xlink:href"]="http://www.w3.org/1999/xlink",p);function v(n,e){return n.createTextNode(e.text)}function y(n,e){for(var t=e.props,r=0,i=Object.keys(t);r<i.length;r++){var o=i[r],a=t[o];if(null!=a&&"el"!==o&&"innerHTML"!==o)if(o.match(/^on[A-Z][a-z]/)&&"function"==typeof a)n.addEventListener(o.slice(2).toLowerCase(),a);else if("string"==typeof a||"number"==typeof a){var l=m[o];l?n.setAttributeNS(l,o,a.toString()):n.setAttribute(o,a.toString())}else"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))})))}var g=((c={}).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,r=function(n,e){if("component"===n.type)return n.renderComponent((function(n){return r(n,e)}));if("text"===n.type)return v(t,n);if("element"===n.type){var i=function(n,e,t){return n.createElementNS(t,e.name)}(t,n,e);return y(i,n),x(i,n,t,(function(n){return r(n,e)})),i}throw new TypeError("Unhandleable node")},i=function(n){if("component"===n.type)return n.renderComponent(i);if("text"===n.type)return v(t,n);if("element"===n.type){var e=h[n.name.toLowerCase()];if(e)return r(n,e);var o=function(n,e){return e.props.el?e.props.el:n.createElement(e.name)}(t,n);return y(o,n),x(o,n,t,i),o}throw new TypeError("Unhandleable node")};return i}({doc:r}));o.children.length;)i.appendChild(o.children[0])}))},c.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},c.default=function(n,e,t){for(var r=0,i=e.renderChildren(t);r<i.length;r++)n.appendChild(i[r])},c);function x(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(g[e.name]||g.default)(n,e,r)}function w(n){return u("div",{class:"preloader spinner"},u("style",{nonce:n.nonce,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"}),u("div",{class:"spinWrap"},u("p",{class:"spinnerImage"}),u("p",{class:"loader"})))}function b(n,e){var t=n.nonce;return u("html",null,u("head",null,u("title",null,"PayPal"),u("meta",{name:"viewport",content:"width=device-width, initial-scale=1"})),u("body",null,u(w,{nonce:t}),e))}function E(n){return u(f,null,u("style",{nonce:n.nonce,innerHTML:'\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    .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'}),u("div",{class:"spinner"},u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null),u("div",null)))}function T(n,e){var t=n.nonce;return u("html",null,u("head",null,u("title",null,"Venmo"),u("meta",{name:"viewport",content:"width=device-width, initial-scale=1"})),u("body",null,u(E,{nonce:t}),e))}}]);

package.json

 {
   "name": "@paypal/common-components",
-  "version": "1.0.50",
+  "version": "1.0.51-alpha-2028a84.0",
   "description": "PayPal common components, for integrating checkout products.",
@@ -5,0 +5,0 @@ "main": "dist/ui.js",

src/interface.js

 /* @flow */
 
-import { isPayPalDomain } from "@paypal/sdk-client/src";
+import { isPayPalDomain, getEnv } from "@paypal/sdk-client/src";
 // eslint-disable-next-line import/no-namespace
 import * as postRobotModule from "@krakenjs/post-robot/src";
+import { ENV } from "@paypal/sdk-constants/src";
 
@@ -26,4 +27,14 @@ import {
 
+// $FlowIssue
+export const devEnvOnlyExport = (unprotectedExport) => {
+  const env = getEnv();
+  if (env === ENV.LOCAL || env === ENV.STAGE || env === ENV.TEST) {
+    return unprotectedExport;
+  } else {
+    return undefined;
+  }
+};
+
 export const ThreeDomainSecure: LazyProtectedExport<TDSComponent> = {
-  __get__: () => protectedExport(getThreeDomainSecureComponent()),
+  __get__: () => devEnvOnlyExport(getThreeDomainSecureComponent()),
 };
@@ -30,0 +41,0 @@

src/three-domain-secure/component.jsx

@@ -8,3 +8,8 @@ /* @flow */
 import { inlineMemoize, noop } from "@krakenjs/belter/src";
-import { getSDKMeta, getClientID, getCSPNonce } from "@paypal/sdk-client/src";
+import {
+  getSDKMeta,
+  getClientID,
+  getCSPNonce,
+  getPayPalDomainRegex,
+} from "@paypal/sdk-client/src";
 import { ZalgoPromise } from "@krakenjs/zalgo-promise/src";
@@ -14,11 +19,6 @@
 import { getThreeDomainSecureUrl } from "../config";
+import { USER_TYPE } from "../constants";
 
 export type TDSResult = {||};
 
-export const USER_TYPE = {
-  BRANDED_GUEST: ("BRANDED_GUEST": "BRANDED_GUEST"), // inline guest flow
-  UNBRANDED_GUEST: ("UNBRANDED_GUEST": "UNBRANDED_GUEST"), // UCC
-  MEMBER: ("MEMBER": "MEMBER"),
-};
-
 export type TDSProps = {|
@@ -32,2 +32,3 @@ action: string,
   sdkMeta: string,
+  go_to: string,
   content?: void | {|
@@ -80,2 +81,3 @@ windowMessage?: string,
       },
+      domain: getPayPalDomainRegex(),
 
@@ -93,7 +95,2 @@ props: {
         },
-        flow: {
-          type: "string",
-          queryParam: true,
-          value: () => "3ds",
-        },
         createOrder: {
@@ -125,4 +122,6 @@ type: "function",
             return (err, result) => {
+              if (props?.userType === "FASTLANE") {
+                return value(result);
+              }
               const isCardFieldFlow = props?.userType === "UNBRANDED_GUEST";
-
               // HostedFields ONLY rejects when the err object is not null. The below implementation ensures that CardFields follows the same pattern.
@@ -153,2 +152,9 @@
         },
+        go_to: {
+          type: "string",
+          queryParam: true,
+          // $FlowFixMe
+          value: ({ value }) => value,
+          required: false,
+        },
         userType: {
@@ -155,0 +161,0 @@ type: "string",

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

91910

increased by0.68%

Number of package files

22

increased by4.76%

Lines of code

1825

increased by1.5%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

No dependency changes