@pixelpay/sdk-core 2.0.0-beta.3 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/base/Helpers.d.ts +7 -0
- package/lib/base/Helpers.js +16 -0
- package/lib/base/Helpers.js.map +1 -1
- package/lib/browser/index.js +3 -3
- package/lib/libraries/PixelPayLoading.d.ts +0 -1
- package/lib/libraries/PixelPayLoading.js +2 -1
- package/lib/libraries/PixelPayLoading.js.map +1 -1
- package/lib/libraries/PixelPayModal.d.ts +0 -1
- package/lib/libraries/PixelPayModal.js +2 -1
- package/lib/libraries/PixelPayModal.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/lib/web.d.ts +1 -16
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
require("../assets/loading.css");
|
|
4
3
|
var Helpers_1 = require("../base/Helpers");
|
|
5
4
|
var Media = require("../assets/media.json");
|
|
5
|
+
var style = '.pixelpay-loading { margin: 0px; padding: 16px; display: flex; position: fixed; justify-content: center; flex-direction: column; align-items: center; z-index: 999998; background-color: rgba(0, 0, 0, 0.85); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); top: 0; right: 0; left: 0; bottom: 0; width: 100%; max-width: 100vw; transition: 0.3s opacity; visibility: hidden; opacity: 0; cursor: progress; } .pixelpay-loading * { margin: 0px; padding: 0px; } .pixelpay-loading>div { display: flex; width: 220px; max-width: 220px; justify-content: space-between; } .pixelpay-loading>div>img { opacity: 0; transition-delay: 0.2s; transition-duration: 0.3s; } .pixelpay-loading.show-loading>div>img:first-child { opacity: 1; } .pixelpay-loading>div>img:last-child { transform: translateX(-32px); } .pixelpay-loading.show-loading>div>img:last-child { opacity: 1; transform: translateX(0px); } .pixelpay-loading>p { margin-top: 10px; width: 220px; height: 4px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; } .pixelpay-loading>p>span { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: rgba(255, 255, 255, 0.95); animation: loadingBarSDK 1s linear infinite; -moz-animation: loadingBarSDK 1s linear infinite; -webkit-animation: loadingBarSDK 1s linear infinite; border-radius: 0.5rem; } .pixelpay-loading.show-loading { visibility: visible; opacity: 1; } .pixelpay-loading.show-loading.closing-loading { cursor: default; opacity: 0 !important; } @keyframes loadingBarSDK { from { left: -200px; width: 30%; } 50% { width: 30%; } 70% { width: 70%; } 80% { left: 50%; } 95% { left: 120%; } to { left: 100%; } }';
|
|
6
6
|
var Loading = {
|
|
7
7
|
_container: function () {
|
|
8
8
|
var container = document.querySelector('.pixelpay-loading');
|
|
@@ -13,6 +13,7 @@ var Loading = {
|
|
|
13
13
|
container.classList.add('pixelpay-loading');
|
|
14
14
|
container.innerHTML = "<div>\n\t\t\t<img alt=\"Powered by PixelPay\u00AE\" src=\"".concat(Media.logo, "\" width=\"120\" height=\"40\" />\n\t\t\t<img alt=\"Credit/Debit card\" src=\"").concat(Media.icon, "\" width=\"32\" height=\"32\" />\n\t\t</div>\n\t\t<p><span></span></p>");
|
|
15
15
|
document.querySelector('body').appendChild(container);
|
|
16
|
+
Helpers_1.default.addStylesById('loading', style);
|
|
16
17
|
return container;
|
|
17
18
|
},
|
|
18
19
|
show: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PixelPayLoading.js","sourceRoot":"","sources":["../../src/libraries/PixelPayLoading.ts"],"names":[],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"file":"PixelPayLoading.js","sourceRoot":"","sources":["../../src/libraries/PixelPayLoading.ts"],"names":[],"mappings":";;AAAA,2CAAsC;AACtC,4CAA8C;AAE9C,IAAM,KAAK,GAAG,2vDAA2vD,CAAC;AAE1wD,IAAM,OAAO,GAAG;IACf,UAAU,EAAE;QACX,IAAI,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAE5D,IAAI,SAAS,EAAE;YACd,OAAO,SAAS,CAAC;SACjB;QAED,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QAE5C,SAAS,CAAC,SAAS,GAAG,oEACkB,KAAK,CAAC,IAAI,2FACb,KAAK,CAAC,IAAI,2EAE1B,CAAC;QAEtB,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAEtD,iBAAO,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAExC,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,IAAI,EAAE;QACL,IAAI,iBAAO,CAAC,cAAc,EAAE,EAAE;YAC7B,QAAQ,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;YAEnD,IAAI,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,EAAE;gBACpD,OAAO;aACP;YAED,OAAO,CAAC,UAAU,EAAE,CAAC;YAErB,UAAU,CAAC;gBACV,OAAO,CAAC,UAAU,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YACpD,CAAC,EAAE,GAAG,CAAC,CAAC;SACR;IACF,CAAC;IAED,IAAI,EAAE;QACL,IAAI,iBAAO,CAAC,cAAc,EAAE,EAAE;YAC7B,QAAQ,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;YAEnD,IAAI,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,EAAE;gBACpD,OAAO;aACP;YAED,OAAO,CAAC,UAAU,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;YAEtD,UAAU,CAAC;gBACV,OAAO,CAAC,UAAU,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;YAC1E,CAAC,EAAE,GAAG,CAAC,CAAC;SACR;IACF,CAAC;CACD,CAAA;AAED,kBAAe,OAAO,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
require("../assets/modal.css");
|
|
4
3
|
var Helpers_1 = require("../base/Helpers");
|
|
4
|
+
var style = '.pixelpay-modal { font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; margin: 0px; padding: 16px; display: flex; position: fixed; justify-content: center; flex-direction: column; align-items: center; z-index: 999999; top: 0; right: 0; left: 0; bottom: 0; width: 100%; max-width: 100vw; transition: 0.3s opacity; visibility: hidden; opacity: 0; cursor: progress; border-radius: 3px; } .pixelpay-modal.open-modal { visibility: visible; opacity: 1; } .pixelpay-modal.open-modal .pixelpay-modal-container { transform: translateY(0); } .pixelpay-modal * { margin: 0px; padding: 0px; } .pixelpay-modal>p { width: 100%; min-width: 250px; max-width: 500px; margin-top: 10px; height: 4px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; } .pixelpay-modal>p>span { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: rgba(255, 255, 255, 0.95); animation: loadingBarSDK 1s linear infinite; -moz-animation: loadingBarSDK 1s linear infinite; -webkit-animation: loadingBarSDK 1s linear infinite; border-radius: 0.5rem; } .pixelpay-modal .pixelpay-modal-container { display: block; width: 100%; min-width: 250px; min-height: 400px; max-width: 500px; max-height: 600px; margin: 0 auto; background-color: transparent; text-align: center; will-change: transform; transform: translateY(-15%); transition: 0.3s transform cubic-bezier(0, 0, 0.2, 1); border-radius: 3px; background-color: #fff; box-shadow: 0 6px 22px -3px #000; cursor: default; } .pixelpay-modal[data-size="01"] .pixelpay-modal-container { width: 250px; max-width: 250px; } .pixelpay-modal[data-size="02"] .pixelpay-modal-container { width: 390px; max-width: 390px; } .pixelpay-modal[data-size="03"] .pixelpay-modal-container { width: 500px; max-width: 500px; } .pixelpay-modal[data-size="04"] .pixelpay-modal-container { width: 600px; max-width: 600px; } .pixelpay-modal[data-size="05"] .pixelpay-modal-container { width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .pixelpay-modal[data-size="01"]>p { width: 250px; } .pixelpay-modal[data-size="02"]>p { width: 390px; } .pixelpay-modal[data-size="03"]>p { width: 500px; } .pixelpay-modal[data-size="04"]>p { width: 600px; } .pixelpay-modal[data-size="05"]>p { width: 100%; } .pixelpay-modal .pixelpay-modal-container > iframe { display: block; } .pixelpay-modal-iframe { width: 100%; height: 100%; max-height: 100vh; background-color: #fff; opacity: 1; transition: opacity 0.3s ease; border-radius: 3px; } @keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }';
|
|
5
5
|
var Modal = {
|
|
6
6
|
is_open: false,
|
|
7
7
|
el: null,
|
|
@@ -31,6 +31,7 @@ var Modal = {
|
|
|
31
31
|
modal.appendChild(Modal._createContainer());
|
|
32
32
|
modal.appendChild(Modal._createLoading());
|
|
33
33
|
document.querySelector('body').appendChild(modal);
|
|
34
|
+
Helpers_1.default.addStylesById('modal', style);
|
|
34
35
|
return modal;
|
|
35
36
|
},
|
|
36
37
|
show: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PixelPayModal.js","sourceRoot":"","sources":["../../src/libraries/PixelPayModal.ts"],"names":[],"mappings":";;AAAA
|
|
1
|
+
{"version":3,"file":"PixelPayModal.js","sourceRoot":"","sources":["../../src/libraries/PixelPayModal.ts"],"names":[],"mappings":"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"}
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "2.0.0
|
|
1
|
+
declare const _default: "2.0.0";
|
|
2
2
|
export default _default;
|
package/lib/version.js
CHANGED
package/lib/version.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":";;AAAA,kBAAe,
|
|
1
|
+
{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":";;AAAA,kBAAe,OAAO,CAAC"}
|
package/lib/web.d.ts
CHANGED
|
@@ -1,19 +1,3 @@
|
|
|
1
|
-
export declare const UI: {
|
|
2
|
-
PixelPayLoading: {
|
|
3
|
-
_container: () => Element;
|
|
4
|
-
show: () => void;
|
|
5
|
-
hide: () => void;
|
|
6
|
-
};
|
|
7
|
-
Helpers: {
|
|
8
|
-
objectToJson(value: any): string;
|
|
9
|
-
hash(algorith: string, value: string): string;
|
|
10
|
-
trimValue(value: string): string;
|
|
11
|
-
cleanString(value: string): string;
|
|
12
|
-
parseAmount(amount: number): string;
|
|
13
|
-
checkIsBrowser(): boolean;
|
|
14
|
-
addScriptToWebsite(src: string): Promise<any>;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
1
|
declare global {
|
|
18
2
|
interface Window {
|
|
19
3
|
Entities: any;
|
|
@@ -26,3 +10,4 @@ declare global {
|
|
|
26
10
|
UI: any;
|
|
27
11
|
}
|
|
28
12
|
}
|
|
13
|
+
export {};
|