@multiversx/sdk-web-wallet-cross-window-provider 0.3.0 → 0.3.1
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/out/IFrameManager/IFrameProviderContentWindow.js +30 -14
- package/out/IFrameManager/IFrameProviderContentWindow.js.map +1 -1
- package/out/IFrameManager/iframeManager.styles.d.ts +7 -5
- package/out/IFrameManager/iframeManager.styles.js +44 -35
- package/out/IFrameManager/iframeManager.styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -33,24 +33,40 @@ class IFrameProviderContentWindow {
|
|
|
33
33
|
this.buildContainer();
|
|
34
34
|
}
|
|
35
35
|
buildHeader() {
|
|
36
|
-
var _a, _b;
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
const
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
36
|
+
var _a, _b, _c, _d;
|
|
37
|
+
const metaMaskIcon = '<svg width="32" height="27" viewBox="0 0 30 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_3350_30150)"><path d="M27.5788 0.0566406L16.291 8.44025L18.3784 3.49404L27.5788 0.0566406Z" fill="#E2761B" stroke="#E2761B" stroke-width="0.113445" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1.52125 0.0566406L12.7183 8.51967L10.733 3.49404L1.52125 0.0566406ZM23.5183 19.4898L20.512 24.0957L26.9444 25.8655L28.7935 19.5919L23.5183 19.4898ZM0.330078 19.5919L2.16789 25.8655L8.60025 24.0957L5.59394 19.4898L0.330078 19.5919Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.113445" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.23677 11.7077L6.44434 14.419L12.8313 14.7026L12.6044 7.83918L8.23677 11.7077ZM20.8632 11.7077L16.4389 7.75977L16.2914 14.7026L22.667 14.419L20.8632 11.7077ZM8.5998 24.0959L12.4343 22.224L9.12165 19.6375L8.5998 24.0959ZM16.6658 22.224L20.5116 24.0959L19.9784 19.6375L16.6658 22.224Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.113445" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.5114 24.0965L16.6656 22.2246L16.9719 24.7318L16.9378 25.7868L20.5114 24.0965ZM8.59961 24.0965L12.1731 25.7868L12.1505 24.7318L12.4341 22.2246L8.59961 24.0965Z" fill="#D7C1B3" stroke="#D7C1B3" stroke-width="0.113445" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.2304 17.9818L9.03125 17.0402L11.2888 16.0078L12.2304 17.9818ZM16.8703 17.9818L17.8119 16.0078L20.0808 17.0402L16.8703 17.9818Z" fill="#233447" stroke="#233447" stroke-width="0.113445" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.60005 24.0958L9.14459 19.49L5.59375 19.5921L8.60005 24.0958ZM19.9673 19.49L20.5118 24.0958L23.5181 19.5921L19.9673 19.49ZM22.6673 14.4189L16.2916 14.7026L16.8816 17.9811L17.8232 16.0072L20.0921 17.0395L22.6673 14.4189ZM9.03114 17.0395L11.3001 16.0072L12.2303 17.9811L12.8316 14.7026L6.44459 14.4189L9.03114 17.0395Z" fill="#CD6116" stroke="#CD6116" stroke-width="0.113445" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.44434 14.4189L9.12165 19.6374L9.03089 17.0395L6.44434 14.4189ZM20.0918 17.0395L19.9784 19.6374L22.667 14.4189L20.0918 17.0395ZM12.8313 14.7026L12.2301 17.9811L12.9788 21.8496L13.149 16.7559L12.8313 14.7026ZM16.2914 14.7026L15.9851 16.7446L16.1212 21.8496L16.8813 17.9811L16.2914 14.7026Z" fill="#E4751F" stroke="#E4751F" stroke-width="0.113445" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.8817 17.9807L16.1216 21.8491L16.6661 22.2235L19.9787 19.637L20.0922 17.0391L16.8817 17.9807ZM9.03125 17.0391L9.12201 19.637L12.4346 22.2235L12.9791 21.8491L12.2304 17.9807L9.03125 17.0391Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.113445" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.9378 25.786L16.9719 24.731L16.6883 24.4814H12.4114L12.1505 24.731L12.1731 25.786L8.59961 24.0957L9.84751 25.1167L12.3773 26.8751H16.7223L19.2635 25.1167L20.5114 24.0957L16.9378 25.786Z" fill="#C0AD9E" stroke="#C0AD9E" stroke-width="0.113445" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.6655 22.224L16.121 21.8496H12.9785L12.434 22.224L12.1504 24.7311L12.4113 24.4815H16.6882L16.9718 24.7311L16.6655 22.224Z" fill="#161616" stroke="#161616" stroke-width="0.113445" stroke-linecap="round" stroke-linejoin="round"></path><path d="M28.0551 8.98479L29.0194 4.35622L27.5786 0.0566406L16.6652 8.15664L20.8627 11.7075L26.7959 13.4432L28.1118 11.9117L27.5446 11.5033L28.4522 10.6751L27.7488 10.1306L28.6564 9.43857L28.0551 8.98479ZM0.0908203 4.35622L1.05511 8.98479L0.442501 9.43857L1.35006 10.1306L0.658047 10.6751L1.56561 11.5033L0.998383 11.9117L2.30301 13.4432L8.2362 11.7075L12.4337 8.15664L1.52023 0.0566406L0.0908203 4.35622Z" fill="#763D16" stroke="#763D16" stroke-width="0.113445" stroke-linecap="round" stroke-linejoin="round"></path><path d="M26.7969 13.4433L20.8637 11.7076L22.6675 14.4189L19.9788 19.6374L23.5183 19.592H28.7935L26.7969 13.4433ZM8.23722 11.7076L2.30403 13.4433L0.330078 19.592H5.59394L9.12209 19.6374L6.44478 14.4189L8.23722 11.7076ZM16.2918 14.7025L16.6662 8.15675L18.3906 3.49414H10.733L12.4347 8.15675L12.8318 14.7025L12.9679 16.7672L12.9792 21.8496H16.1217L16.1444 16.7672L16.2918 14.7025Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.113445" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_3350_30150"><rect width="29.1555" height="27" fill="white"></rect></clipPath></defs></svg>';
|
|
38
|
+
const toggleIcon = '<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right-to-line" class="svg-inline--fa fa-arrow-right-to-line " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 20px;color: #737373;"><path fill="currentColor" d="M448 88c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 336c0 13.3 10.7 24 24 24s24-10.7 24-24l0-336zM312.4 273.5c4.8-4.5 7.6-10.9 7.6-17.5s-2.7-12.9-7.6-17.5l-136-128c-9.7-9.1-24.8-8.6-33.9 1s-8.6 24.8 1 33.9L235.5 232 152 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l128 0 83.5 0-91.9 86.5c-9.7 9.1-10.1 24.3-1 33.9s24.3 10.1 33.9 1l136-128z"></path></svg>';
|
|
39
|
+
const headingElement = (_a = constants_1.safeDocument.createElement) === null || _a === void 0 ? void 0 : _a.call(constants_1.safeDocument, 'div');
|
|
40
|
+
const metaMaskIconElement = (_b = constants_1.safeDocument.createElement) === null || _b === void 0 ? void 0 : _b.call(constants_1.safeDocument, 'div');
|
|
41
|
+
const toggleIconElement = (_c = constants_1.safeDocument.createElement) === null || _c === void 0 ? void 0 : _c.call(constants_1.safeDocument, 'div');
|
|
42
|
+
const titleElement = (_d = constants_1.safeDocument.createElement) === null || _d === void 0 ? void 0 : _d.call(constants_1.safeDocument, 'div');
|
|
43
|
+
metaMaskIconElement.innerHTML = metaMaskIcon;
|
|
44
|
+
toggleIconElement.innerHTML = toggleIcon;
|
|
45
|
+
toggleIconElement.style.cssText = iframeManager_styles_1.toggleIconElementStyle;
|
|
46
|
+
titleElement.innerText = 'MetaMask Login';
|
|
47
|
+
titleElement.style.cssText = iframeManager_styles_1.titleElementStyle;
|
|
48
|
+
headingElement.id = 'iframe-toggle-button';
|
|
49
|
+
headingElement.style.cssText = iframeManager_styles_1.headingElementStyle;
|
|
50
|
+
headingElement.appendChild(metaMaskIconElement);
|
|
51
|
+
headingElement.appendChild(titleElement);
|
|
52
|
+
headingElement.appendChild(toggleIconElement);
|
|
53
|
+
headingElement.onclick = () => {
|
|
45
54
|
this.body.style.visibility =
|
|
46
55
|
this.body.style.visibility === 'hidden' ? 'visible' : 'hidden';
|
|
47
56
|
this.container.style.height =
|
|
48
|
-
this.body.style.visibility === 'hidden'
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
this.container.style.
|
|
57
|
+
this.body.style.visibility === 'hidden'
|
|
58
|
+
? '80px'
|
|
59
|
+
: 'calc(100vh - 64px - 8px)';
|
|
60
|
+
this.container.style.transform =
|
|
61
|
+
this.body.style.visibility === 'hidden'
|
|
62
|
+
? 'translateX(calc(min(420px, 100vw - 8px) - 80px))'
|
|
63
|
+
: 'translateX(0)';
|
|
64
|
+
titleElement.style.opacity =
|
|
65
|
+
this.body.style.visibility === 'hidden' ? 0 : 1;
|
|
66
|
+
toggleIconElement.style.opacity =
|
|
67
|
+
this.body.style.visibility === 'hidden' ? 0 : 1;
|
|
52
68
|
};
|
|
53
|
-
this.header.appendChild(
|
|
69
|
+
this.header.appendChild(headingElement);
|
|
54
70
|
}
|
|
55
71
|
buildContainer() {
|
|
56
72
|
this.container.appendChild(this.header);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IFrameProviderContentWindow.js","sourceRoot":"","sources":["../../src/IFrameManager/IFrameProviderContentWindow.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"IFrameProviderContentWindow.js","sourceRoot":"","sources":["../../src/IFrameManager/IFrameProviderContentWindow.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
export declare const containerStyle = "\n
|
|
2
|
-
export declare const headerStyle = "\n color: #fff;\n
|
|
3
|
-
export declare const bodyStyle = "\n width:
|
|
4
|
-
export declare const iframeStyle = "\n width: 100%;\n height: 100%;\n border: none;\n
|
|
5
|
-
export declare const
|
|
1
|
+
export declare const containerStyle = "\n z-index: 9999;\n position: fixed;\n visibility: hidden;\n right: 0;\n left: auto;\n border: none;\n border-radius: 12px;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n height: calc(100vh - 8px - 64px);\n transition: all 400ms ease;\n width: 420px;\n max-width: calc(100vw - 8px);\n background: black;\n overflow: hidden;\n top: 64px;\n ";
|
|
2
|
+
export declare const headerStyle = "\n color: #fff;\n cursor: pointer;\n height: 80px;\n border-radius: 12px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n ";
|
|
3
|
+
export declare const bodyStyle = "\n height: calc(100vh - 80px - 64px - 8px);\n width: 420px;\n max-width: calc(100vw - 8px);\n overflow: hidden;\n ";
|
|
4
|
+
export declare const iframeStyle = "\n width: 100%;\n height: 100%;\n border: none;\n ";
|
|
5
|
+
export declare const headingElementStyle = "\n display: flex;\n align-items: center;\n cursor: pointer;\n gap: 12px;\n width: 100%;\n position: relative;\n padding: 0 24px;\n height: 80px;\n";
|
|
6
|
+
export declare const titleElementStyle = "\n font-size: 20px;\n font-family: 'Roobert Medium', sans-serif;\n color: #E5E5E5;\n transition: all 400ms ease;\n line-height: 1;\n user-select: none;\n";
|
|
7
|
+
export declare const toggleIconElementStyle = "\n margin-left: auto;\n transition: all 400ms ease;\n";
|
|
@@ -1,55 +1,64 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.toggleIconElementStyle = exports.titleElementStyle = exports.headingElementStyle = exports.iframeStyle = exports.bodyStyle = exports.headerStyle = exports.containerStyle = void 0;
|
|
4
4
|
exports.containerStyle = `
|
|
5
|
-
width: 400px;
|
|
6
|
-
height: 600px;
|
|
7
|
-
border: 1px solid #0d0e10;
|
|
8
|
-
border-radius: 5px;
|
|
9
5
|
z-index: 9999;
|
|
10
6
|
position: fixed;
|
|
11
|
-
bottom: 0;
|
|
12
|
-
left: 2rem;
|
|
13
7
|
visibility: hidden;
|
|
14
|
-
|
|
8
|
+
right: 0;
|
|
9
|
+
left: auto;
|
|
10
|
+
border: none;
|
|
11
|
+
border-radius: 12px;
|
|
12
|
+
border-bottom-right-radius: 0;
|
|
13
|
+
border-top-right-radius: 0;
|
|
14
|
+
height: calc(100vh - 8px - 64px);
|
|
15
|
+
transition: all 400ms ease;
|
|
16
|
+
width: 420px;
|
|
17
|
+
max-width: calc(100vw - 8px);
|
|
18
|
+
background: black;
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
top: 64px;
|
|
15
21
|
`;
|
|
16
22
|
exports.headerStyle = `
|
|
17
23
|
color: #fff;
|
|
18
|
-
background-color: #0d0e10;
|
|
19
|
-
padding: 10px 15px;
|
|
20
24
|
cursor: pointer;
|
|
21
|
-
height:
|
|
25
|
+
height: 80px;
|
|
26
|
+
border-radius: 12px;
|
|
27
|
+
display: flex;
|
|
28
|
+
justify-content: space-between;
|
|
29
|
+
align-items: center;
|
|
22
30
|
`;
|
|
23
31
|
exports.bodyStyle = `
|
|
24
|
-
|
|
25
|
-
|
|
32
|
+
height: calc(100vh - 80px - 64px - 8px);
|
|
33
|
+
width: 420px;
|
|
34
|
+
max-width: calc(100vw - 8px);
|
|
26
35
|
overflow: hidden;
|
|
27
36
|
`;
|
|
28
37
|
exports.iframeStyle = `
|
|
29
38
|
width: 100%;
|
|
30
39
|
height: 100%;
|
|
31
40
|
border: none;
|
|
32
|
-
border-radius: 0 0 5px 5px;
|
|
33
|
-
`;
|
|
34
|
-
exports.collapsibleButtonStyle = `
|
|
35
|
-
width: 30px;
|
|
36
|
-
height: 30px;
|
|
37
|
-
cursor: pointer;
|
|
38
|
-
margin: 0px;
|
|
39
|
-
padding: 0px;
|
|
40
|
-
box-sizing: content-box;
|
|
41
|
-
font-family: sans-serif;
|
|
42
|
-
text-align: center;
|
|
43
|
-
font-size: 40px;
|
|
44
|
-
line-height: 14px;
|
|
45
|
-
border-width: 0px;
|
|
46
|
-
border-radius: 2px;
|
|
47
|
-
border-color: rgb(170, 170, 170);
|
|
48
|
-
border-style: solid;
|
|
49
|
-
background-color: transparent;
|
|
50
|
-
color: gray;
|
|
51
|
-
z-index: 50;
|
|
52
|
-
user-select: none;
|
|
53
|
-
float: right;
|
|
54
41
|
`;
|
|
42
|
+
exports.headingElementStyle = `
|
|
43
|
+
display: flex;
|
|
44
|
+
align-items: center;
|
|
45
|
+
cursor: pointer;
|
|
46
|
+
gap: 12px;
|
|
47
|
+
width: 100%;
|
|
48
|
+
position: relative;
|
|
49
|
+
padding: 0 24px;
|
|
50
|
+
height: 80px;
|
|
51
|
+
`;
|
|
52
|
+
exports.titleElementStyle = `
|
|
53
|
+
font-size: 20px;
|
|
54
|
+
font-family: 'Roobert Medium', sans-serif;
|
|
55
|
+
color: #E5E5E5;
|
|
56
|
+
transition: all 400ms ease;
|
|
57
|
+
line-height: 1;
|
|
58
|
+
user-select: none;
|
|
59
|
+
`;
|
|
60
|
+
exports.toggleIconElementStyle = `
|
|
61
|
+
margin-left: auto;
|
|
62
|
+
transition: all 400ms ease;
|
|
63
|
+
`;
|
|
55
64
|
//# sourceMappingURL=iframeManager.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"iframeManager.styles.js","sourceRoot":"","sources":["../../src/IFrameManager/iframeManager.styles.ts"],"names":[],"mappings":";;;AAAa,QAAA,cAAc,GAAG
|
|
1
|
+
{"version":3,"file":"iframeManager.styles.js","sourceRoot":"","sources":["../../src/IFrameManager/iframeManager.styles.ts"],"names":[],"mappings":";;;AAAa,QAAA,cAAc,GAAG;;;;;;;;;;;;;;;;;GAiB3B,CAAC;AAES,QAAA,WAAW,GAAG;;;;;;;;GAQxB,CAAC;AAES,QAAA,SAAS,GAAG;;;;;GAKtB,CAAC;AAES,QAAA,WAAW,GAAG;;;;GAIxB,CAAC;AAES,QAAA,mBAAmB,GAAG;;;;;;;;;CASlC,CAAC;AAEW,QAAA,iBAAiB,GAAG;;;;;;;CAOhC,CAAC;AAEW,QAAA,sBAAsB,GAAG;;;CAGrC,CAAC"}
|