@paypal/common-components
Advanced tools
Comparing version 1.0.4 to 1.0.5
@@ -0,1 +1,7 @@ | ||
## <small>1.0.5 (2019-09-23)</small> | ||
* Use innerHTML for style tag ([1c1456a](http://github.paypal.com/paypal/paypal-checkout/commit/1c1456a)) | ||
## <small>1.0.4 (2019-09-23)</small> | ||
@@ -2,0 +8,0 @@ |
692
dist/ui.js
@@ -1,1 +0,691 @@ | ||
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 Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=0)}([function(n,e,t){"use strict";t.r(e);var r={ELEMENT:"element",TEXT:"text",COMPONENT:"component",FRAGMENT:"fragment"};function o(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 a=o[i];a&&t.push(a)}else t.push(o)}return t}var i=function(){function n(n,e,t){this.type=r.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 o=e.onRender;"function"==typeof o&&(this.onRender=o,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 o(this.children,n)},n}(),a=function(){function n(n){this.type=r.FRAGMENT,this.children=void 0,this.children=n}return n.prototype.render=function(n){return o(this.children,n)},n}(),p=function(){function n(n){this.type=r.TEXT,this.text=void 0,this.text=n}return n.prototype.render=function(n){return n(this)},n}(),d=function(){function n(n,e,t){this.type=r.COMPONENT,this.component=void 0,this.props=void 0,this.children=void 0,this.component=n,this.props=e,this.children=t}var e=n.prototype;return e.renderComponent=function(n){var e=this.props,t=function(n){var e=l(Array.isArray(n)?n:[n]);if(1===e.length)return e[0];if(e.length>1)return new a(e)}(this.component(e,this.children));if(t)return t.render(n)},e.render=function(n){return n(this)},e.renderChildren=function(n){return o(this.children,n)},n}();function l(n){for(var e=[],t=0;t<n.length;t++){var o=n[t];if(o)if("string"==typeof o)e.push(new p(o));else if(Array.isArray(o))for(var i=0,a=l(o);i<a.length;i++){var d=a[i];e.push(d)}else{if(!o||o.type!==r.ELEMENT&&o.type!==r.TEXT&&o.type!==r.COMPONENT)throw new TypeError("Unrecognized node type: "+typeof o);e.push(o)}}return e}var c,s=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(e=e||{},r=l(r),"string"==typeof n)return new i(n,e,r);if("function"==typeof n)return new d(n,e,r);throw new TypeError("Expected jsx element to be a string or a function")},u="0123456789abcdef";var f={HTML:"html",IFRAME:"iframe",SCRIPT:"script",NODE:"node",DEFAULT:"default"},h={ID:"id",INNER_HTML:"innerHTML",EL:"el"};function v(n,e){for(var t=e.props,r=0,o=Object.keys(t);r<o.length;r++){var i=o[r],a=t[i];null!=a&&i!==h.EL&&i!==h.INNER_HTML&&(i.match(/^on[A-Z][a-z]/)&&"function"==typeof a?n.addEventListener(i.slice(2).toLowerCase(),a):"string"==typeof a||"number"==typeof a?n.setAttribute(i,a.toString()):"boolean"==typeof a&&!0===a&&n.setAttribute(i,""))}n.tagName.toLowerCase()!==f.IFRAME||t.id||n.setAttribute(h.ID,"jsx-iframe-"+"xxxxxxxxxx".replace(/./g,function(){return u.charAt(Math.floor(Math.random()*u.length))}))}var y=((c={})[f.IFRAME]=function(n,e){var t=e.children[0];if(1!==e.children.length||!t||t.type!==r.ELEMENT||t.name!==f.HTML)throw new Error("Expected only single html element node as child of "+f.IFRAME+" element");n.addEventListener("load",function(){var e=n.contentWindow;if(!e)throw new Error("Expected frame to have contentWindow");for(var o=e.document,i=o.documentElement;i.children&&i.children.length;)i.removeChild(i.children[0]);for(var a=t.render(function(n){void 0===n&&(n={});var e=n.doc,t=void 0===e?document:e;return function n(e){if(e.type===r.COMPONENT)return e.renderComponent(n);if(e.type===r.TEXT)return function(n,e){return n.createTextNode(e.text)}(t,e);if(e.type===r.ELEMENT){var o=function(n,e){return e.props[h.EL]?e.props[h.EL]:n.createElement(e.name)}(t,e);return v(o,e),function(n,e,t,r){if(e.props.hasOwnProperty(h.INNER_HTML)){if(e.children.length)throw new Error("Expected no children to be passed when "+h.INNER_HTML+" prop is set");var o=e.props[h.INNER_HTML];if("string"!=typeof o)throw new TypeError(h.INNER_HTML+" prop must be string");e.name===f.SCRIPT?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 a=e.createElement("script");a.text=o.textContent,i.replaceChild(a,o)}}}(n,t))}else{var i=y[e.name]||y[f.DEFAULT];i(n,e,r)}}(o,e,t,n),o}throw new TypeError("Unhandleable node")}}({doc:o}));a.children.length;)i.appendChild(a.children[0])})},c[f.SCRIPT]=function(n,e){var t=e.children[0];if(1!==e.children.length||!t||t.type!==r.TEXT)throw new Error("Expected only single text node as child of "+f.SCRIPT+" element");n.text=t.text},c[f.DEFAULT]=function(n,e,t){for(var r=0,o=e.renderChildren(t);r<o.length;r++){var i=o[r];n.appendChild(i)}},c);var m="\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";function E(n){var e=n.nonce;return s("html",null,s("head",null,s("title",null,"PayPal"),s("meta",{name:"viewport",content:"width=device-width, initial-scale=1"})),s("body",null,s("div",{class:"preloader spinner"},s("style",{nonce:e},m),s("div",{class:"spinWrap"},s("p",{class:"spinnerImage"}),s("p",{class:"loader"})))))}t.d(e,"SpinnerPage",function(){return E})}]); | ||
module.exports = | ||
/******/ (function(modules) { // webpackBootstrap | ||
/******/ // The module cache | ||
/******/ var installedModules = {}; | ||
/******/ | ||
/******/ // The require function | ||
/******/ function __webpack_require__(moduleId) { | ||
/******/ | ||
/******/ // Check if module is in cache | ||
/******/ if(installedModules[moduleId]) { | ||
/******/ return installedModules[moduleId].exports; | ||
/******/ } | ||
/******/ // Create a new module (and put it into the cache) | ||
/******/ var module = installedModules[moduleId] = { | ||
/******/ i: moduleId, | ||
/******/ l: false, | ||
/******/ exports: {} | ||
/******/ }; | ||
/******/ | ||
/******/ // Execute the module function | ||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); | ||
/******/ | ||
/******/ // Flag the module as loaded | ||
/******/ module.l = true; | ||
/******/ | ||
/******/ // Return the exports of the module | ||
/******/ return module.exports; | ||
/******/ } | ||
/******/ | ||
/******/ | ||
/******/ // expose the modules object (__webpack_modules__) | ||
/******/ __webpack_require__.m = modules; | ||
/******/ | ||
/******/ // expose the module cache | ||
/******/ __webpack_require__.c = installedModules; | ||
/******/ | ||
/******/ // define getter function for harmony exports | ||
/******/ __webpack_require__.d = function(exports, name, getter) { | ||
/******/ if(!__webpack_require__.o(exports, name)) { | ||
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); | ||
/******/ } | ||
/******/ }; | ||
/******/ | ||
/******/ // define __esModule on exports | ||
/******/ __webpack_require__.r = function(exports) { | ||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { | ||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); | ||
/******/ } | ||
/******/ Object.defineProperty(exports, '__esModule', { value: true }); | ||
/******/ }; | ||
/******/ | ||
/******/ // create a fake namespace object | ||
/******/ // mode & 1: value is a module id, require it | ||
/******/ // mode & 2: merge all properties of value into the ns | ||
/******/ // mode & 4: return value when already ns object | ||
/******/ // mode & 8|1: behave like require | ||
/******/ __webpack_require__.t = function(value, mode) { | ||
/******/ if(mode & 1) value = __webpack_require__(value); | ||
/******/ if(mode & 8) return value; | ||
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; | ||
/******/ var ns = Object.create(null); | ||
/******/ __webpack_require__.r(ns); | ||
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); | ||
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); | ||
/******/ return ns; | ||
/******/ }; | ||
/******/ | ||
/******/ // getDefaultExport function for compatibility with non-harmony modules | ||
/******/ __webpack_require__.n = function(module) { | ||
/******/ var getter = module && module.__esModule ? | ||
/******/ function getDefault() { return module['default']; } : | ||
/******/ function getModuleExports() { return module; }; | ||
/******/ __webpack_require__.d(getter, 'a', getter); | ||
/******/ return getter; | ||
/******/ }; | ||
/******/ | ||
/******/ // Object.prototype.hasOwnProperty.call | ||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; | ||
/******/ | ||
/******/ // __webpack_public_path__ | ||
/******/ __webpack_require__.p = ""; | ||
/******/ | ||
/******/ | ||
/******/ // Load entry module and return exports | ||
/******/ return __webpack_require__(__webpack_require__.s = 0); | ||
/******/ }) | ||
/************************************************************************/ | ||
/******/ ([ | ||
/* 0 */ | ||
/***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
"use strict"; | ||
__webpack_require__.r(__webpack_exports__); | ||
// CONCATENATED MODULE: ./node_modules/jsx-pragmatic/src/constants.js | ||
var NODE_TYPE = { | ||
ELEMENT: 'element', | ||
TEXT: 'text', | ||
COMPONENT: 'component', | ||
FRAGMENT: 'fragment' | ||
}; | ||
// CONCATENATED MODULE: ./node_modules/jsx-pragmatic/src/node.js | ||
function _renderChildren(children, renderer) { | ||
// eslint-disable-line no-use-before-define | ||
var result = []; | ||
for (var _i2 = 0; _i2 < children.length; _i2++) { | ||
var child = children[_i2]; | ||
var renderedChild = child.render(renderer); | ||
if (!renderedChild) { | ||
continue; | ||
} else if (Array.isArray(renderedChild)) { | ||
for (var _i4 = 0; _i4 < renderedChild.length; _i4++) { | ||
var subchild = renderedChild[_i4]; | ||
if (subchild) { | ||
result.push(subchild); | ||
} | ||
} | ||
} else { | ||
result.push(renderedChild); | ||
} | ||
} | ||
return result; | ||
} | ||
var node_ElementNode = | ||
/*#__PURE__*/ | ||
function () { | ||
// eslint-disable-line no-use-before-define | ||
// eslint-disable-line no-undef | ||
function ElementNode(name, props, children) { | ||
this.type = NODE_TYPE.ELEMENT; | ||
this.name = void 0; | ||
this.props = void 0; | ||
this.children = void 0; | ||
this.onRender = void 0; | ||
// eslint-disable-line no-use-before-define | ||
this.name = name; | ||
this.props = props; | ||
this.children = children; | ||
var onRender = props.onRender; | ||
if (typeof onRender === 'function') { | ||
this.onRender = onRender; | ||
delete props.onRender; | ||
} | ||
} | ||
var _proto = ElementNode.prototype; | ||
_proto.render = function render(renderer) { | ||
var el = renderer(this); | ||
if (this.onRender) { | ||
this.onRender(el); | ||
} | ||
return el; | ||
}; | ||
_proto.renderChildren = function renderChildren(renderer) { | ||
return _renderChildren(this.children, renderer); | ||
}; | ||
return ElementNode; | ||
}(); | ||
var node_FragmentNode = | ||
/*#__PURE__*/ | ||
function () { | ||
// eslint-disable-line no-use-before-define | ||
function FragmentNode(children) { | ||
this.type = NODE_TYPE.FRAGMENT; | ||
this.children = void 0; | ||
// eslint-disable-line no-use-before-define | ||
this.children = children; | ||
} | ||
var _proto2 = FragmentNode.prototype; | ||
_proto2.render = function render(renderer) { | ||
return _renderChildren(this.children, renderer); | ||
}; | ||
return FragmentNode; | ||
}(); | ||
var node_TextNode = | ||
/*#__PURE__*/ | ||
function () { | ||
function TextNode(text) { | ||
this.type = NODE_TYPE.TEXT; | ||
this.text = void 0; | ||
this.text = text; | ||
} | ||
var _proto3 = TextNode.prototype; | ||
_proto3.render = function render(renderer) { | ||
return renderer(this); | ||
}; | ||
return TextNode; | ||
}(); | ||
var node_ComponentNode = | ||
/*#__PURE__*/ | ||
function () { | ||
function ComponentNode(component, props, children) { | ||
this.type = NODE_TYPE.COMPONENT; | ||
this.component = void 0; | ||
this.props = void 0; | ||
this.children = void 0; | ||
this.component = component; | ||
this.props = props; | ||
this.children = children; | ||
} | ||
var _proto4 = ComponentNode.prototype; | ||
_proto4.renderComponent = function renderComponent(renderer) { | ||
// $FlowFixMe | ||
var props = this.props; | ||
var child = normalizeChild(this.component(props, this.children)); // eslint-disable-line no-use-before-define | ||
if (child) { | ||
return child.render(renderer); | ||
} | ||
}; | ||
_proto4.render = function render(renderer) { | ||
return renderer(this); | ||
}; | ||
_proto4.renderChildren = function renderChildren(renderer) { | ||
return _renderChildren(this.children, renderer); | ||
}; | ||
return ComponentNode; | ||
}(); | ||
function normalizeChildren(children) { | ||
var result = []; | ||
for (var _i6 = 0; _i6 < children.length; _i6++) { | ||
var child = children[_i6]; | ||
if (!child) { | ||
continue; | ||
} else if (typeof child === 'string') { | ||
result.push(new node_TextNode(child)); | ||
} else if (Array.isArray(child)) { | ||
for (var _i8 = 0, _normalizeChildren2 = normalizeChildren(child); _i8 < _normalizeChildren2.length; _i8++) { | ||
var subchild = _normalizeChildren2[_i8]; | ||
result.push(subchild); | ||
} | ||
} else if (child && (child.type === NODE_TYPE.ELEMENT || child.type === NODE_TYPE.TEXT || child.type === NODE_TYPE.COMPONENT)) { | ||
result.push(child); | ||
} else { | ||
throw new TypeError("Unrecognized node type: " + typeof child); | ||
} | ||
} | ||
return result; | ||
} | ||
function normalizeChild(child) { | ||
var children = normalizeChildren(Array.isArray(child) ? child : [child]); | ||
if (children.length === 1) { | ||
return children[0]; | ||
} else if (children.length > 1) { | ||
return new node_FragmentNode(children); | ||
} | ||
} | ||
var node_node = function node(element, props) { | ||
for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) { | ||
children[_key - 2] = arguments[_key]; | ||
} | ||
// $FlowFixMe | ||
props = props || {}; | ||
children = normalizeChildren(children); | ||
if (typeof element === 'string') { | ||
// $FlowFixMe | ||
return new node_ElementNode(element, props, children); | ||
} | ||
if (typeof element === 'function') { | ||
// $FlowFixMe | ||
return new node_ComponentNode(element, props, children); | ||
} | ||
throw new TypeError("Expected jsx element to be a string or a function"); | ||
}; | ||
var Fragment = function Fragment(props, children) { | ||
if (props && Object.keys(props).length) { | ||
throw new Error("Do not pass props to Fragment"); | ||
} | ||
return children; | ||
}; | ||
// CONCATENATED MODULE: ./node_modules/jsx-pragmatic/src/util.js | ||
var ALPHA_CHARS = '0123456789abcdef'; | ||
function uniqueID() { | ||
return 'xxxxxxxxxx'.replace(/./g, function () { | ||
return ALPHA_CHARS.charAt(Math.floor(Math.random() * ALPHA_CHARS.length)); | ||
}); | ||
} | ||
// CONCATENATED MODULE: ./node_modules/jsx-pragmatic/src/renderers/dom.js | ||
var _ADD_CHILDREN; | ||
var ELEMENT_TAG = { | ||
HTML: 'html', | ||
IFRAME: 'iframe', | ||
SCRIPT: 'script', | ||
NODE: 'node', | ||
DEFAULT: 'default' | ||
}; | ||
var ELEMENT_PROP = { | ||
ID: 'id', | ||
INNER_HTML: 'innerHTML', | ||
EL: 'el' | ||
}; | ||
function fixScripts(el, doc) { | ||
if (doc === void 0) { | ||
doc = window.document; | ||
} | ||
for (var _i2 = 0, _el$querySelectorAll2 = el.querySelectorAll('script'); _i2 < _el$querySelectorAll2.length; _i2++) { | ||
var script = _el$querySelectorAll2[_i2]; | ||
var parentNode = script.parentNode; | ||
if (!parentNode) { | ||
continue; | ||
} | ||
var newScript = doc.createElement('script'); // $FlowFixMe | ||
newScript.text = script.textContent; | ||
parentNode.replaceChild(newScript, script); | ||
} | ||
} | ||
function createElement(doc, node) { | ||
if (node.props[ELEMENT_PROP.EL]) { | ||
// $FlowFixMe | ||
return node.props[ELEMENT_PROP.EL]; | ||
} | ||
return doc.createElement(node.name); | ||
} | ||
function createTextElement(doc, node) { | ||
return doc.createTextNode(node.text); | ||
} | ||
function addProps(el, node) { | ||
var props = node.props; | ||
for (var _i4 = 0, _Object$keys2 = Object.keys(props); _i4 < _Object$keys2.length; _i4++) { | ||
var prop = _Object$keys2[_i4]; | ||
var val = props[prop]; | ||
if (val === null || typeof val === 'undefined' || prop === ELEMENT_PROP.EL || prop === ELEMENT_PROP.INNER_HTML) { | ||
continue; | ||
} | ||
if (prop.match(/^on[A-Z][a-z]/) && typeof val === 'function') { | ||
el.addEventListener(prop.slice(2).toLowerCase(), val); | ||
} else if (typeof val === 'string' || typeof val === 'number') { | ||
el.setAttribute(prop, val.toString()); | ||
} else if (typeof val === 'boolean') { | ||
if (val === true) { | ||
el.setAttribute(prop, ''); | ||
} | ||
} | ||
} | ||
if (el.tagName.toLowerCase() === ELEMENT_TAG.IFRAME && !props.id) { | ||
el.setAttribute(ELEMENT_PROP.ID, "jsx-iframe-" + uniqueID()); | ||
} | ||
} | ||
var ADD_CHILDREN = (_ADD_CHILDREN = {}, _ADD_CHILDREN[ELEMENT_TAG.IFRAME] = function (el, node) { | ||
var firstChild = node.children[0]; | ||
if (node.children.length !== 1 || !(firstChild && firstChild.type === NODE_TYPE.ELEMENT) || firstChild.name !== ELEMENT_TAG.HTML) { | ||
throw new Error("Expected only single html element node as child of " + ELEMENT_TAG.IFRAME + " element"); | ||
} | ||
el.addEventListener('load', function () { | ||
// $FlowFixMe | ||
var win = el.contentWindow; | ||
if (!win) { | ||
throw new Error("Expected frame to have contentWindow"); | ||
} | ||
var doc = win.document; | ||
var docElement = doc.documentElement; | ||
while (docElement.children && docElement.children.length) { | ||
docElement.removeChild(docElement.children[0]); | ||
} // eslint-disable-next-line no-use-before-define | ||
var child = firstChild.render(dom({ | ||
doc: doc | ||
})); | ||
while (child.children.length) { | ||
docElement.appendChild(child.children[0]); | ||
} | ||
}); | ||
}, _ADD_CHILDREN[ELEMENT_TAG.SCRIPT] = function (el, node) { | ||
var firstChild = node.children[0]; | ||
if (node.children.length !== 1 || !(firstChild && firstChild.type === NODE_TYPE.TEXT)) { | ||
throw new Error("Expected only single text node as child of " + ELEMENT_TAG.SCRIPT + " element"); | ||
} // $FlowFixMe | ||
el.text = firstChild.text; | ||
}, _ADD_CHILDREN[ELEMENT_TAG.DEFAULT] = function (el, node, renderer) { | ||
for (var _i6 = 0, _node$renderChildren2 = node.renderChildren(renderer); _i6 < _node$renderChildren2.length; _i6++) { | ||
var child = _node$renderChildren2[_i6]; | ||
el.appendChild(child); | ||
} | ||
}, _ADD_CHILDREN); | ||
function addChildren(el, node, doc, renderer) { | ||
if (node.props.hasOwnProperty(ELEMENT_PROP.INNER_HTML)) { | ||
if (node.children.length) { | ||
throw new Error("Expected no children to be passed when " + ELEMENT_PROP.INNER_HTML + " prop is set"); | ||
} | ||
var html = node.props[ELEMENT_PROP.INNER_HTML]; | ||
if (typeof html !== 'string') { | ||
throw new TypeError(ELEMENT_PROP.INNER_HTML + " prop must be string"); | ||
} | ||
if (node.name === ELEMENT_TAG.SCRIPT) { | ||
// $FlowFixMe | ||
el.text = html; | ||
} else { | ||
el.innerHTML = html; | ||
fixScripts(el, doc); | ||
} | ||
} else { | ||
var addChildrenToElement = ADD_CHILDREN[node.name] || ADD_CHILDREN[ELEMENT_TAG.DEFAULT]; | ||
addChildrenToElement(el, node, renderer); | ||
} | ||
} | ||
function dom(opts) { | ||
if (opts === void 0) { | ||
opts = {}; | ||
} | ||
var _opts = opts, | ||
_opts$doc = _opts.doc, | ||
doc = _opts$doc === void 0 ? document : _opts$doc; | ||
var domRenderer = function domRenderer(node) { | ||
if (node.type === NODE_TYPE.COMPONENT) { | ||
return node.renderComponent(domRenderer); | ||
} | ||
if (node.type === NODE_TYPE.TEXT) { | ||
// $FlowFixMe | ||
return createTextElement(doc, node); | ||
} | ||
if (node.type === NODE_TYPE.ELEMENT) { | ||
var el = createElement(doc, node); | ||
addProps(el, node); | ||
addChildren(el, node, doc, domRenderer); // $FlowFixMe | ||
return el; | ||
} | ||
throw new TypeError("Unhandleable node"); | ||
}; | ||
return domRenderer; | ||
} | ||
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js | ||
function _extends() { | ||
_extends = Object.assign || function (target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i]; | ||
for (var key in source) { | ||
if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
target[key] = source[key]; | ||
} | ||
} | ||
} | ||
return target; | ||
}; | ||
return _extends.apply(this, arguments); | ||
} | ||
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js | ||
function _objectWithoutPropertiesLoose(source, excluded) { | ||
if (source == null) return {}; | ||
var target = {}; | ||
var sourceKeys = Object.keys(source); | ||
var key, i; | ||
for (i = 0; i < sourceKeys.length; i++) { | ||
key = sourceKeys[i]; | ||
if (excluded.indexOf(key) >= 0) continue; | ||
target[key] = source[key]; | ||
} | ||
return target; | ||
} | ||
// CONCATENATED MODULE: ./node_modules/jsx-pragmatic/src/renderers/react.js | ||
// eslint-disable-line import/no-unresolved | ||
function mapReactProps(props) { | ||
var innerHTML = props.innerHTML, | ||
remainingProps = _objectWithoutPropertiesLoose(props, ["innerHTML"]); | ||
var dangerouslySetInnerHTML = innerHTML ? { | ||
__html: innerHTML | ||
} : null; | ||
return _extends({ | ||
dangerouslySetInnerHTML: dangerouslySetInnerHTML | ||
}, remainingProps); | ||
} | ||
function react(_temp) { | ||
var _ref = _temp === void 0 ? {} : _temp, | ||
React = _ref.React; | ||
if (!React) { | ||
throw new Error("Must pass React library to react renderer"); | ||
} | ||
var reactRenderer = function reactRenderer(node) { | ||
if (node.type === NODE_TYPE.COMPONENT) { | ||
return React.createElement.apply(React, [function () { | ||
return node.renderComponent(reactRenderer) || null; | ||
}, node.props].concat(node.renderChildren(reactRenderer))); | ||
} | ||
if (node.type === NODE_TYPE.ELEMENT) { | ||
return React.createElement.apply(React, [node.name, mapReactProps(node.props)].concat(node.renderChildren(reactRenderer))); | ||
} | ||
if (node.type === NODE_TYPE.TEXT) { | ||
return node.text; | ||
} | ||
throw new TypeError("Unhandleable node"); | ||
}; | ||
return reactRenderer; | ||
} | ||
// CONCATENATED MODULE: ./node_modules/jsx-pragmatic/src/renderers/html.js | ||
var html_ELEMENT_PROP = { | ||
INNER_HTML: 'innerHTML' | ||
}; | ||
var SELF_CLOSING_TAGS = { | ||
br: true | ||
}; | ||
function htmlEncode(text) { | ||
return text.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, ''').replace(/\//g, '/'); | ||
} | ||
function propsToHTML(props) { | ||
var keys = Object.keys(props).filter(function (key) { | ||
var val = props[key]; | ||
if (key === html_ELEMENT_PROP.INNER_HTML) { | ||
return false; | ||
} | ||
if (!val) { | ||
return false; | ||
} | ||
if (typeof val === 'string' || typeof val === 'number' || val === true) { | ||
return true; | ||
} | ||
return false; | ||
}); | ||
if (!keys.length) { | ||
return ''; | ||
} | ||
var pairs = keys.map(function (key) { | ||
var val = props[key]; | ||
if (val === true) { | ||
return "" + htmlEncode(key); | ||
} | ||
if (typeof val !== 'string' && typeof val !== 'number') { | ||
throw new TypeError("Unexpected prop type: " + typeof val); | ||
} | ||
return htmlEncode(key) + "=\"" + htmlEncode(val.toString()) + "\""; | ||
}); | ||
return " " + pairs.join(' '); | ||
} | ||
function html() { | ||
var htmlRenderer = function htmlRenderer(node) { | ||
if (node.type === NODE_TYPE.COMPONENT) { | ||
return [].concat(node.renderComponent(htmlRenderer)).join(''); | ||
} | ||
if (node.type === NODE_TYPE.ELEMENT) { | ||
var renderedProps = propsToHTML(node.props); | ||
if (SELF_CLOSING_TAGS[node.name]) { | ||
return "<" + node.name + renderedProps + " />"; | ||
} else { | ||
var renderedChildren = typeof node.props[html_ELEMENT_PROP.INNER_HTML] === 'string' ? node.props[html_ELEMENT_PROP.INNER_HTML] : node.renderChildren(htmlRenderer).join(''); | ||
return "<" + node.name + renderedProps + ">" + renderedChildren + "</" + node.name + ">"; | ||
} | ||
} | ||
if (node.type === NODE_TYPE.TEXT) { | ||
return htmlEncode(node.text); | ||
} | ||
throw new TypeError("Unhandleable node: " + node.type); | ||
}; | ||
return htmlRenderer; | ||
} | ||
// CONCATENATED MODULE: ./node_modules/jsx-pragmatic/src/renderers/index.js | ||
// CONCATENATED MODULE: ./node_modules/jsx-pragmatic/src/index.js | ||
// CONCATENATED MODULE: ./src/ui/spinnerPage.jsx | ||
/** @jsx node */ | ||
var spinnerStyle = "\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"; | ||
function SpinnerPage(_ref) { | ||
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("div", { | ||
class: "preloader spinner" | ||
}, node_node("style", { | ||
nonce: nonce, | ||
innerHTML: spinnerStyle | ||
}), node_node("div", { | ||
class: "spinWrap" | ||
}, node_node("p", { | ||
class: "spinnerImage" | ||
}), node_node("p", { | ||
class: "loader" | ||
}))))); | ||
} | ||
// CONCATENATED MODULE: ./src/ui/index.js | ||
/* concated harmony reexport SpinnerPage */__webpack_require__.d(__webpack_exports__, "SpinnerPage", function() { return SpinnerPage; }); | ||
/***/ }) | ||
/******/ ]); |
@@ -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 Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=0)}([function(n,e,t){"use strict";t.r(e);var r={ELEMENT:"element",TEXT:"text",COMPONENT:"component",FRAGMENT:"fragment"};function o(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 a=o[i];a&&t.push(a)}else t.push(o)}return t}var i=function(){function n(n,e,t){this.type=r.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 o=e.onRender;"function"==typeof o&&(this.onRender=o,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 o(this.children,n)},n}(),a=function(){function n(n){this.type=r.FRAGMENT,this.children=void 0,this.children=n}return n.prototype.render=function(n){return o(this.children,n)},n}(),p=function(){function n(n){this.type=r.TEXT,this.text=void 0,this.text=n}return n.prototype.render=function(n){return n(this)},n}(),d=function(){function n(n,e,t){this.type=r.COMPONENT,this.component=void 0,this.props=void 0,this.children=void 0,this.component=n,this.props=e,this.children=t}var e=n.prototype;return e.renderComponent=function(n){var e=this.props,t=function(n){var e=l(Array.isArray(n)?n:[n]);if(1===e.length)return e[0];if(e.length>1)return new a(e)}(this.component(e,this.children));if(t)return t.render(n)},e.render=function(n){return n(this)},e.renderChildren=function(n){return o(this.children,n)},n}();function l(n){for(var e=[],t=0;t<n.length;t++){var o=n[t];if(o)if("string"==typeof o)e.push(new p(o));else if(Array.isArray(o))for(var i=0,a=l(o);i<a.length;i++){var d=a[i];e.push(d)}else{if(!o||o.type!==r.ELEMENT&&o.type!==r.TEXT&&o.type!==r.COMPONENT)throw new TypeError("Unrecognized node type: "+typeof o);e.push(o)}}return e}var c,s=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(e=e||{},r=l(r),"string"==typeof n)return new i(n,e,r);if("function"==typeof n)return new d(n,e,r);throw new TypeError("Expected jsx element to be a string or a function")},u="0123456789abcdef";var f={HTML:"html",IFRAME:"iframe",SCRIPT:"script",NODE:"node",DEFAULT:"default"},h={ID:"id",INNER_HTML:"innerHTML",EL:"el"};function v(n,e){for(var t=e.props,r=0,o=Object.keys(t);r<o.length;r++){var i=o[r],a=t[i];null!=a&&i!==h.EL&&i!==h.INNER_HTML&&(i.match(/^on[A-Z][a-z]/)&&"function"==typeof a?n.addEventListener(i.slice(2).toLowerCase(),a):"string"==typeof a||"number"==typeof a?n.setAttribute(i,a.toString()):"boolean"==typeof a&&!0===a&&n.setAttribute(i,""))}n.tagName.toLowerCase()!==f.IFRAME||t.id||n.setAttribute(h.ID,"jsx-iframe-"+"xxxxxxxxxx".replace(/./g,function(){return u.charAt(Math.floor(Math.random()*u.length))}))}var y=((c={})[f.IFRAME]=function(n,e){var t=e.children[0];if(1!==e.children.length||!t||t.type!==r.ELEMENT||t.name!==f.HTML)throw new Error("Expected only single html element node as child of "+f.IFRAME+" element");n.addEventListener("load",function(){var e=n.contentWindow;if(!e)throw new Error("Expected frame to have contentWindow");for(var o=e.document,i=o.documentElement;i.children&&i.children.length;)i.removeChild(i.children[0]);for(var a=t.render(function(n){void 0===n&&(n={});var e=n.doc,t=void 0===e?document:e;return function n(e){if(e.type===r.COMPONENT)return e.renderComponent(n);if(e.type===r.TEXT)return function(n,e){return n.createTextNode(e.text)}(t,e);if(e.type===r.ELEMENT){var o=function(n,e){return e.props[h.EL]?e.props[h.EL]:n.createElement(e.name)}(t,e);return v(o,e),function(n,e,t,r){if(e.props.hasOwnProperty(h.INNER_HTML)){if(e.children.length)throw new Error("Expected no children to be passed when "+h.INNER_HTML+" prop is set");var o=e.props[h.INNER_HTML];if("string"!=typeof o)throw new TypeError(h.INNER_HTML+" prop must be string");e.name===f.SCRIPT?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 a=e.createElement("script");a.text=o.textContent,i.replaceChild(a,o)}}}(n,t))}else{var i=y[e.name]||y[f.DEFAULT];i(n,e,r)}}(o,e,t,n),o}throw new TypeError("Unhandleable node")}}({doc:o}));a.children.length;)i.appendChild(a.children[0])})},c[f.SCRIPT]=function(n,e){var t=e.children[0];if(1!==e.children.length||!t||t.type!==r.TEXT)throw new Error("Expected only single text node as child of "+f.SCRIPT+" element");n.text=t.text},c[f.DEFAULT]=function(n,e,t){for(var r=0,o=e.renderChildren(t);r<o.length;r++){var i=o[r];n.appendChild(i)}},c);var m="\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";function E(n){var e=n.nonce;return s("html",null,s("head",null,s("title",null,"PayPal"),s("meta",{name:"viewport",content:"width=device-width, initial-scale=1"})),s("body",null,s("div",{class:"preloader spinner"},s("style",{nonce:e},m),s("div",{class:"spinWrap"},s("p",{class:"spinnerImage"}),s("p",{class:"loader"})))))}t.d(e,"SpinnerPage",function(){return E})}]); | ||
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";t.r(e);var r={ELEMENT:"element",TEXT:"text",COMPONENT:"component",FRAGMENT:"fragment"};function o(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 a=o[i];a&&t.push(a)}else t.push(o)}return t}var i=function(){function n(n,e,t){this.type=r.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 o=e.onRender;"function"==typeof o&&(this.onRender=o,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 o(this.children,n)},n}(),a=function(){function n(n){this.type=r.FRAGMENT,this.children=void 0,this.children=n}return n.prototype.render=function(n){return o(this.children,n)},n}(),p=function(){function n(n){this.type=r.TEXT,this.text=void 0,this.text=n}return n.prototype.render=function(n){return n(this)},n}(),d=function(){function n(n,e,t){this.type=r.COMPONENT,this.component=void 0,this.props=void 0,this.children=void 0,this.component=n,this.props=e,this.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 a(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 o(this.children,n)},n}();function l(n){for(var e=[],t=0;t<n.length;t++){var o=n[t];if(o)if("string"==typeof o)e.push(new p(o));else if(Array.isArray(o))for(var i=0,a=l(o);i<a.length;i++)e.push(a[i]);else{if(!o||o.type!==r.ELEMENT&&o.type!==r.TEXT&&o.type!==r.COMPONENT)throw new TypeError("Unrecognized node type: "+typeof o);e.push(o)}}return e}var c,s=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(e=e||{},r=l(r),"string"==typeof n)return new i(n,e,r);if("function"==typeof n)return new d(n,e,r);throw new TypeError("Expected jsx element to be a string or a function")},u="html",f="iframe",h="script",m="default",y="id",v="innerHTML",g="el",x=((c={})[f]=function(n,e){var t=e.children[0];if(1!==e.children.length||!t||t.type!==r.ELEMENT||t.name!==u)throw new Error("Expected only single html element node as child of "+f+" element");n.addEventListener("load",(function(){var e=n.contentWindow;if(!e)throw new Error("Expected frame to have contentWindow");for(var o=e.document,i=o.documentElement;i.children&&i.children.length;)i.removeChild(i.children[0]);for(var a=t.render(function(n){void 0===n&&(n={});var e=n.doc,t=void 0===e?document:e;return function n(e){if(e.type===r.COMPONENT)return e.renderComponent(n);if(e.type===r.TEXT)return function(n,e){return n.createTextNode(e.text)}(t,e);if(e.type===r.ELEMENT){var o=function(n,e){return e.props[g]?e.props[g]: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],a=t[i];null!=a&&i!==g&&i!==v&&(i.match(/^on[A-Z][a-z]/)&&"function"==typeof a?n.addEventListener(i.slice(2).toLowerCase(),a):"string"==typeof a||"number"==typeof a?n.setAttribute(i,a.toString()):"boolean"==typeof a&&!0===a&&n.setAttribute(i,""))}n.tagName.toLowerCase()!==f||t.id||n.setAttribute(y,"jsx-iframe-"+"xxxxxxxxxx".replace(/./g,(function(){return"0123456789abcdef".charAt(Math.floor(Math.random()*"0123456789abcdef".length))})))}(o,e),function(n,e,t,r){if(e.props.hasOwnProperty(v)){if(e.children.length)throw new Error("Expected no children to be passed when "+v+" prop is set");var o=e.props[v];if("string"!=typeof o)throw new TypeError(v+" prop must be string");e.name===h?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 a=e.createElement("script");a.text=o.textContent,i.replaceChild(a,o)}}}(n,t))}else(x[e.name]||x[m])(n,e,r)}(o,e,t,n),o}throw new TypeError("Unhandleable node")}}({doc:o}));a.children.length;)i.appendChild(a.children[0])}))},c[h]=function(n,e){var t=e.children[0];if(1!==e.children.length||!t||t.type!==r.TEXT)throw new Error("Expected only single text node as child of "+h+" element");n.text=t.text},c[m]=function(n,e,t){for(var r=0,o=e.renderChildren(t);r<o.length;r++)n.appendChild(o[r])},c),b="\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";function E(n){var e=n.nonce;return s("html",null,s("head",null,s("title",null,"PayPal"),s("meta",{name:"viewport",content:"width=device-width, initial-scale=1"})),s("body",null,s("div",{class:"preloader spinner"},s("style",{nonce:e,innerHTML:b}),s("div",{class:"spinWrap"},s("p",{class:"spinnerImage"}),s("p",{class:"loader"})))))}t.d(e,"SpinnerPage",(function(){return E}))}]); |
{ | ||
"name": "@paypal/common-components", | ||
"version": "1.0.4", | ||
"version": "1.0.5", | ||
"description": "PayPal common components, for integrating checkout products.", | ||
@@ -5,0 +5,0 @@ "main": "dist/ui.js", |
@@ -81,5 +81,3 @@ /* @flow */ | ||
<div class="preloader spinner"> | ||
<style nonce={ nonce }> | ||
{ spinnerStyle } | ||
</style> | ||
<style nonce={ nonce } innerHTML={ spinnerStyle } /> | ||
@@ -86,0 +84,0 @@ <div class="spinWrap"> |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
82196
1368