@subiz/widget-v4 4.1.49 → 4.1.51
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/compiled_src/lib.js +8 -0
- package/compiled_src/plugin.js +2 -1
- package/dist/178.js +1 -1
- package/dist/18c1a2c5a7f.178.js +1 -0
- package/dist/18c1a2c5a7f.213.js +1 -0
- package/dist/18c1a2c5a7f.335.js +1 -0
- package/dist/{18a02a9c54e.362.js → 18c1a2c5a7f.362.js} +1 -1
- package/dist/18c1a2c5a7f.605.js +1 -0
- package/dist/{18a02a9c54e.782.js → 18c1a2c5a7f.782.js} +1 -1
- package/dist/18c1a2c5a7f.841.js +1 -0
- package/dist/18c1a2c5a7f.app.js +1 -0
- package/dist/{18a02a9c54e.index.html → 18c1a2c5a7f.index.html} +4 -4
- package/dist/{18a02a9c54e.library.html → 18c1a2c5a7f.library.html} +4 -4
- package/dist/18c1a2c5a7f.library.js +1 -0
- package/dist/{18a02a9c54e.preview.html → 18c1a2c5a7f.preview.html} +1 -1
- package/dist/18c1a2c5a7f.preview.js +1 -0
- package/dist/18c1a2c5a7f.screenshoot.js +1 -0
- package/dist/18c1a2c5a7f.webview.js +1 -0
- package/dist/213.js +118 -102
- package/dist/335.js +25 -25
- package/dist/362.js +1 -1
- package/dist/605.js +50 -50
- package/dist/782.js +1 -1
- package/dist/{132.js → 841.js} +637 -628
- package/dist/HASH +1 -1
- package/dist/malicious-app.js +8 -3
- package/dist/screenshoot.html +1 -1
- package/dist/screenshoot.js +452 -430
- package/package.json +11 -12
- package/src/lib.js +3 -0
- package/src/plugin.js +2 -1
- package/dist/18a02a9c54e.132.js +0 -1
- package/dist/18a02a9c54e.178.js +0 -1
- package/dist/18a02a9c54e.213.js +0 -1
- package/dist/18a02a9c54e.335.js +0 -1
- package/dist/18a02a9c54e.441.js +0 -1
- package/dist/18a02a9c54e.605.js +0 -1
- package/dist/18a02a9c54e.app.js +0 -1
- package/dist/18a02a9c54e.library.js +0 -1
- package/dist/18a02a9c54e.preview.js +0 -1
- package/dist/18a02a9c54e.screenshoot.js +0 -1
- package/dist/18a02a9c54e.webview.js +0 -1
- package/dist/441.js +0 -2855
- /package/dist/{18a02a9c54e.678.js → 18c1a2c5a7f.678.js} +0 -0
package/dist/335.js
CHANGED
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
|
|
7
7
|
__webpack_require__.r(__webpack_exports__);
|
|
8
8
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
9
|
-
/* harmony export */
|
|
9
|
+
/* harmony export */ DEFVAL: () => (/* binding */ DEFVAL),
|
|
10
10
|
/* harmony export */ "default": () => (/* binding */ Contact),
|
|
11
|
-
/* harmony export */
|
|
11
|
+
/* harmony export */ replaceCssVariable: () => (/* binding */ replaceCssVariable)
|
|
12
12
|
/* harmony export */ });
|
|
13
13
|
/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4494);
|
|
14
14
|
/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6400);
|
|
@@ -47,7 +47,7 @@ class Contact extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
47
47
|
});
|
|
48
48
|
}
|
|
49
49
|
js2css(js, onlyProps) {
|
|
50
|
-
return _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
50
|
+
return _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.js2css(js, onlyProps, {
|
|
51
51
|
'@font_size': this.props.plugin.popup.font_size,
|
|
52
52
|
'@font_family': this.props.plugin.popup.font_family,
|
|
53
53
|
'@text_color': this.props.plugin.popup.text_color,
|
|
@@ -92,7 +92,7 @@ class Contact extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
92
92
|
if (this.state.map) cls += ' map_modal__show';else cls += ' map_modal__hide';
|
|
93
93
|
let overlaycls = 'overlay';
|
|
94
94
|
if (!this.state.map) overlaycls += ' overlay__hidden';
|
|
95
|
-
let $locations = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
95
|
+
let $locations = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.map(button.map.locations, loc => {
|
|
96
96
|
return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
97
97
|
class: "map_location",
|
|
98
98
|
onClick: e => this.setMap(loc.latitude, loc.longitude)
|
|
@@ -203,8 +203,8 @@ class Contact extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
203
203
|
return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", null, icon);
|
|
204
204
|
}
|
|
205
205
|
renderButtons(buttons) {
|
|
206
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
207
|
-
return _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
206
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.size(buttons) === 0) return null;
|
|
207
|
+
return _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.map(buttons, button => {
|
|
208
208
|
if (button.type === 'map') return this.renderMapButton(button);
|
|
209
209
|
if (button.type === 'zalo') return this.renderZaloButton(button);
|
|
210
210
|
if (button.type === 'facebook') return this.renderFacebookButton(button);
|
|
@@ -229,14 +229,14 @@ class Contact extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
229
229
|
class: "text",
|
|
230
230
|
style: this.js2css(style),
|
|
231
231
|
dangerouslySetInnerHTML: {
|
|
232
|
-
__html: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
232
|
+
__html: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(com, 'text.html')
|
|
233
233
|
}
|
|
234
234
|
});
|
|
235
235
|
}
|
|
236
236
|
async refreshCSS() {
|
|
237
237
|
let css = (await CSS).default.default.toString();
|
|
238
238
|
var outcss = replaceCssVariable(css, this.props.plugin.popup);
|
|
239
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
239
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
|
|
240
240
|
this.setState({
|
|
241
241
|
cssready: true
|
|
242
242
|
});
|
|
@@ -257,29 +257,29 @@ class Contact extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
257
257
|
let pluginstringify = JSON.stringify(this.props.plugin);
|
|
258
258
|
if (this.state.pluginjson !== pluginstringify) {
|
|
259
259
|
this.refreshCSS();
|
|
260
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
260
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setTimeout(() => this.setState({
|
|
261
261
|
pluginjson: pluginstringify
|
|
262
262
|
}));
|
|
263
263
|
}
|
|
264
264
|
if (this.state.close) return null;
|
|
265
265
|
let containercss = '';
|
|
266
266
|
let bodycss = '';
|
|
267
|
-
let layout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
267
|
+
let layout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props.plugin, 'contact.layout', 'standard');
|
|
268
268
|
let $body = null;
|
|
269
269
|
if (layout === 'standard' || !layout) {
|
|
270
270
|
$body = this.renderByLayoutSideByStandard();
|
|
271
271
|
}
|
|
272
272
|
if (layout === 'footer') {
|
|
273
|
-
$body = this.renderByLayoutFooter(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
273
|
+
$body = this.renderByLayoutFooter(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
|
|
274
274
|
}
|
|
275
275
|
if (layout === 'mini') {
|
|
276
|
-
$body = this.renderByLayoutMini(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
276
|
+
$body = this.renderByLayoutMini(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
|
|
277
277
|
}
|
|
278
278
|
if (layout === 'docked') {
|
|
279
|
-
$body = this.renderByLayoutDocked(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
279
|
+
$body = this.renderByLayoutDocked(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
|
|
280
280
|
}
|
|
281
281
|
let left, right, bottom, top, transform;
|
|
282
|
-
let position = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
282
|
+
let position = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props.plugin, 'contact.position', 'bottom-left');
|
|
283
283
|
if (position === 'center-left') {
|
|
284
284
|
left = '0';
|
|
285
285
|
top = '50%';
|
|
@@ -302,7 +302,7 @@ class Contact extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
302
302
|
bottom = '20px';
|
|
303
303
|
}
|
|
304
304
|
return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
305
|
-
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
305
|
+
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.js2css({
|
|
306
306
|
position: 'absolute',
|
|
307
307
|
left,
|
|
308
308
|
right,
|
|
@@ -338,15 +338,15 @@ function eq(a, b) {
|
|
|
338
338
|
}
|
|
339
339
|
function replaceCssVariable(css, setting) {
|
|
340
340
|
var tokens = [css];
|
|
341
|
-
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
342
|
-
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
343
|
-
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
344
|
-
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
345
|
-
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
346
|
-
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
347
|
-
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
348
|
-
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
349
|
-
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
341
|
+
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.tokenize(tokens, "'@font_family'");
|
|
342
|
+
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.tokenize(tokens, "'@font_size'");
|
|
343
|
+
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.tokenize(tokens, "'@text_color'");
|
|
344
|
+
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.tokenize(tokens, "'@primary_color'");
|
|
345
|
+
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.tokenize(tokens, "'@background'");
|
|
346
|
+
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.tokenize(tokens, "'@spacer'");
|
|
347
|
+
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.tokenize(tokens, "'@spacer0'");
|
|
348
|
+
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.tokenize(tokens, "'@spacer2'");
|
|
349
|
+
tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.tokenize(tokens, "'@spacer3'");
|
|
350
350
|
var ret = [];
|
|
351
351
|
for (var i = 0; i < tokens.length; i++) {
|
|
352
352
|
var item = tokens[i];
|
|
@@ -355,7 +355,7 @@ function replaceCssVariable(css, setting) {
|
|
|
355
355
|
continue;
|
|
356
356
|
}
|
|
357
357
|
var path = item.type.substr(2, item.type.length - 3);
|
|
358
|
-
var val = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
358
|
+
var val = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(setting, path) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(DEFVAL, path) || '';
|
|
359
359
|
ret.push(val);
|
|
360
360
|
}
|
|
361
361
|
return ret.join('');
|
package/dist/362.js
CHANGED
|
@@ -25,7 +25,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
25
25
|
|
|
26
26
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
|
|
27
27
|
// Module
|
|
28
|
-
___CSS_LOADER_EXPORT___.push([module.id, "@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v24/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSoHTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v24/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyoHTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v24/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y0HTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QI96.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7eOQI96.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR496.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-2fRUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-NfNUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 300;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v31/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp9s8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 400;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v31/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 500;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v31/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp7c8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r93zuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9gTuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9szuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9XzyYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGCSmqwQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIWzD-0qpwxpaWvjeD0X88SAOeauXE-pQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGfS-qwQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasd8chSs.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIQzD-0qpwxpaWvjeD0X88SAOeaiXM.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasasahSs.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Yeseva One';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/yesevaone/v20/OpNJno4ck8vc-xYpwWWxpio.ttf) format('truetype');\n}\n#sbz92 * {\n all: unset !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500 !important;\n}\n#sbz92 a {\n color: #020202 !important;\n text-decoration: none !important;\n background-color: transparent !important;\n}\n#sbz92 a:hover {\n cursor: pointer !important;\n color: #000000 !important;\n text-decoration: underline !important;\n}\n#sbz92 a:not([href]) {\n color: inherit !important;\n text-decoration: none !important;\n}\n#sbz92 a:not([href]):hover {\n color: inherit !important;\n text-decoration: none !important;\n}\n#sbz92 img {\n vertical-align: middle !important;\n border-style: none !important;\n}\n#sbz92 svg {\n overflow: hidden !important;\n vertical-align: middle !important;\n}\n#sbz92 label {\n display: inline-block !important;\n}\n#sbz92 button {\n border-radius: 0 !important;\n}\n#sbz92 button:focus {\n outline: 1px dotted !important;\n outline: 5px auto -webkit-focus-ring-color !important;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n margin: 0 !important;\n}\n#sbz92 button,\n#sbz92 input {\n overflow: visible !important;\n}\n#sbz92 button,\n#sbz92 select {\n text-transform: none !important;\n}\n#sbz92 select {\n word-wrap: normal !important;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n -webkit-appearance: button !important;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n cursor: pointer !important;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n padding: 0 !important;\n border-style: none !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n box-sizing: border-box !important;\n padding: 0 !important;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n -webkit-appearance: listbox !important;\n}\n#sbz92 textarea {\n overflow: auto !important;\n resize: vertical !important;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n height: auto !important;\n}\n#sbz92 [hidden] {\n display: none !important;\n}\n#sbz92 ::-webkit-input-placeholder {\n /* Edge */\n color: #777 !important;\n}\n#sbz92 :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #777 !important;\n}\n#sbz92 ::placeholder {\n color: #777 !important;\n}\n#sbz92 div {\n display: block !important;\n text-rendering: geometricPrecision !important;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n}\n#sbz92 ::-webkit-scrollbar {\n width: 7px !important;\n height: 7px !important;\n}\n#sbz92 ::-webkit-scrollbar-track {\n border-radius: 10px !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n border-radius: 10px !important;\n background: #d6d6d6 !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n background: #aaa !important;\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut !important;\n animation-duration: 150ms !important;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter !important;\n transform-origin: top left !important;\n animation-duration: 300ms !important;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s !important;\n animation-name: zoomDownYX !important;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s !important;\n animation-name: zoomUpYX !important;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s !important;\n animation-name: bounceIn !important;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .notif {\n cursor: pointer !important;\n font-family: Inter !important;\n font-size: 14px !important;\n position: absolute !important;\n user-select: none !important;\n}\n#sbz92 .notif__bottom-left {\n bottom: 20px !important;\n left: 20px !important;\n}\n#sbz92 .notif__top-left {\n top: 20px !important;\n left: 20px !important;\n}\n#sbz92 .notif__top-right {\n top: 20px !important;\n right: 40px !important;\n}\n#sbz92 .notif__bottom-right {\n bottom: 20px !important;\n right: 40px !important;\n}\n#sbz92 .notif__bottom-center {\n transform: translateX(-50%) !important;\n left: 50% !important;\n bottom: 20px !important;\n}\n#sbz92 .notif__top-center {\n transform: translateX(-50%) !important;\n left: 50% !important;\n top: 20px !important;\n}\n#sbz92 .notif_avatar {\n margin-left: 15px !important;\n margin-top: 10px !important;\n margin-bottom: 10px !important;\n overflow: hidden !important;\n width: 70px !important;\n height: 70px !important;\n z-index: 1 !important;\n}\n#sbz92 .notif_avatar__img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n}\n#sbz92 .notif_body {\n z-index: 1 !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n position: relative !important;\n padding-top: 10px !important;\n padding-left: 20px !important;\n padding-bottom: 30px !important;\n padding-right: 30px !important;\n width: 235px !important;\n height: 100px !important;\n overflow: hidden !important;\n}\n#sbz92 .btn_close {\n background: white !important;\n padding: 0 !important;\n right: -25px !important;\n top: 0px !important;\n position: absolute !important;\n z-index: 10 !important;\n cursor: pointer !important;\n transition: background-color 0.2s ease-out !important;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset !important;\n border: none !important;\n width: 20px !important;\n height: 20px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n border-radius: 50% !important;\n opacity: 0.7 !important;\n}\n#sbz92 .btn_close:hover {\n opacity: 1 !important;\n}\n#sbz92 .btn_close__icon {\n stroke: #444 !important;\n height: 16px !important;\n width: 16px !important;\n border: 0px !important;\n}\n#sbz92 .notif_bg {\n z-index: 0 !important;\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n}\n#sbz92 .notif_time {\n position: absolute !important;\n bottom: 15px !important;\n left: 20px !important;\n font-size: 12px !important;\n opacity: 0.5 !important;\n}\n#sbz92 .notif_title {\n white-space: nowrap !important;\n flex-shrink: 0 !important;\n text-overflow: ellipsis !important;\n overflow: hidden !important;\n}\n#sbz92 .notif_message {\n text-overflow: ellipsis !important;\n margin-top: 5px !important;\n overflow: hidden !important;\n}\ndiv#sbz92 {\n all: initial;\n}\nbody div#sbz92 {\n all: initial !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500;\n}\n#sbz92 a {\n color: #020202;\n text-decoration: none;\n background-color: transparent;\n}\n#sbz92 a:hover {\n cursor: pointer;\n color: #000000;\n text-decoration: underline;\n}\n#sbz92 a:not([href]) {\n color: inherit;\n text-decoration: none;\n}\n#sbz92 a:not([href]):hover {\n color: inherit;\n text-decoration: none;\n}\n#sbz92 img {\n vertical-align: middle;\n border-style: none;\n}\n#sbz92 svg {\n overflow: hidden;\n vertical-align: middle;\n}\n#sbz92 label {\n display: inline-block;\n}\n#sbz92 button {\n border-radius: 0;\n}\n#sbz92 button:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n margin: 0;\n}\n#sbz92 button,\n#sbz92 input {\n overflow: visible;\n}\n#sbz92 button,\n#sbz92 select {\n text-transform: none;\n}\n#sbz92 select {\n word-wrap: normal;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n -webkit-appearance: button;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n cursor: pointer;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n box-sizing: border-box;\n padding: 0;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n -webkit-appearance: listbox;\n}\n#sbz92 textarea {\n overflow: auto;\n resize: vertical;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n#sbz92 [hidden] {\n display: none;\n}\n#sbz92 ::-webkit-input-placeholder {\n /* Edge */\n color: #777;\n}\n#sbz92 :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #777;\n}\n#sbz92 ::placeholder {\n color: #777;\n}\n#sbz92 div {\n display: block;\n text-rendering: geometricPrecision;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n#sbz92 ::-webkit-scrollbar {\n width: 7px;\n height: 7px;\n}\n#sbz92 ::-webkit-scrollbar-track {\n border-radius: 10px;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: #d6d6d6;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n background: #aaa;\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut;\n animation-duration: 150ms;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown;\n animation-duration: 0.5s;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig;\n animation-duration: 0.25s;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig;\n animation-duration: 0.5s;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig;\n animation-duration: 0.5s;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter;\n transform-origin: top left;\n animation-duration: 300ms;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s;\n animation-name: zoomDownYX;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s;\n animation-name: zoomUpYX;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s;\n animation-name: bounceIn;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .notif {\n cursor: pointer;\n font-family: Inter;\n font-size: 14px;\n position: absolute;\n user-select: none;\n}\n#sbz92 .notif__bottom-left {\n bottom: 20px;\n left: 20px;\n}\n#sbz92 .notif__top-left {\n top: 20px;\n left: 20px;\n}\n#sbz92 .notif__top-right {\n top: 20px;\n right: 40px;\n}\n#sbz92 .notif__bottom-right {\n bottom: 20px;\n right: 40px;\n}\n#sbz92 .notif__bottom-center {\n transform: translateX(-50%);\n left: 50%;\n bottom: 20px;\n}\n#sbz92 .notif__top-center {\n transform: translateX(-50%);\n left: 50%;\n top: 20px;\n}\n#sbz92 .notif_avatar {\n margin-left: 15px;\n margin-top: 10px;\n margin-bottom: 10px;\n overflow: hidden;\n width: 70px;\n height: 70px;\n z-index: 1;\n}\n#sbz92 .notif_avatar__img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n#sbz92 .notif_body {\n z-index: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n position: relative;\n padding-top: 10px;\n padding-left: 20px;\n padding-bottom: 30px;\n padding-right: 30px;\n width: 235px;\n height: 100px;\n overflow: hidden;\n}\n#sbz92 .btn_close {\n background: white;\n padding: 0;\n right: -25px;\n top: 0px;\n position: absolute;\n z-index: 10;\n cursor: pointer;\n transition: background-color 0.2s ease-out;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset;\n border: none;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n opacity: 0.7;\n}\n#sbz92 .btn_close:hover {\n opacity: 1;\n}\n#sbz92 .btn_close__icon {\n stroke: #444;\n height: 16px;\n width: 16px;\n border: 0px;\n}\n#sbz92 .notif_bg {\n z-index: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n#sbz92 .notif_time {\n position: absolute;\n bottom: 15px;\n left: 20px;\n font-size: 12px;\n opacity: 0.5;\n}\n#sbz92 .notif_title {\n white-space: nowrap;\n flex-shrink: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n#sbz92 .notif_message {\n text-overflow: ellipsis;\n margin-top: 5px;\n overflow: hidden;\n}\n", ""]);
|
|
28
|
+
___CSS_LOADER_EXPORT___.push([module.id, "@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v25/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSoHTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v25/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyoHTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v25/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y0HTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QI96.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7eOQI96.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR496.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-2fRUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-NfNUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 300;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp9s8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 400;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 500;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp7c8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r93zuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9gTuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9szuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9XzyYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGCSmqwQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIWzD-0qpwxpaWvjeD0X88SAOeauXE-pQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGfS-qwQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasd8chSs.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIQzD-0qpwxpaWvjeD0X88SAOeaiXM.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasasahSs.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Yeseva One';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/yesevaone/v22/OpNJno4ck8vc-xYpwWWxpio.ttf) format('truetype');\n}\n#sbz92 * {\n all: unset !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500 !important;\n}\n#sbz92 a {\n color: #020202 !important;\n text-decoration: none !important;\n background-color: transparent !important;\n}\n#sbz92 a:hover {\n cursor: pointer !important;\n color: #000000 !important;\n text-decoration: underline !important;\n}\n#sbz92 a:not([href]) {\n color: inherit !important;\n text-decoration: none !important;\n}\n#sbz92 a:not([href]):hover {\n color: inherit !important;\n text-decoration: none !important;\n}\n#sbz92 img {\n vertical-align: middle !important;\n border-style: none !important;\n}\n#sbz92 svg {\n overflow: hidden !important;\n vertical-align: middle !important;\n}\n#sbz92 label {\n display: inline-block !important;\n}\n#sbz92 button {\n border-radius: 0 !important;\n}\n#sbz92 button:focus {\n outline: 1px dotted !important;\n outline: 5px auto -webkit-focus-ring-color !important;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n margin: 0 !important;\n}\n#sbz92 button,\n#sbz92 input {\n overflow: visible !important;\n}\n#sbz92 button,\n#sbz92 select {\n text-transform: none !important;\n}\n#sbz92 select {\n word-wrap: normal !important;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n -webkit-appearance: button !important;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n cursor: pointer !important;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n padding: 0 !important;\n border-style: none !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n box-sizing: border-box !important;\n padding: 0 !important;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n -webkit-appearance: listbox !important;\n}\n#sbz92 textarea {\n overflow: auto !important;\n resize: vertical !important;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n height: auto !important;\n}\n#sbz92 [hidden] {\n display: none !important;\n}\n#sbz92 ::-webkit-input-placeholder {\n /* Edge */\n color: #777 !important;\n}\n#sbz92 :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #777 !important;\n}\n#sbz92 ::placeholder {\n color: #777 !important;\n}\n#sbz92 div {\n display: block !important;\n text-rendering: geometricPrecision !important;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n}\n#sbz92 ::-webkit-scrollbar {\n width: 7px !important;\n height: 7px !important;\n}\n#sbz92 ::-webkit-scrollbar-track {\n border-radius: 10px !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n border-radius: 10px !important;\n background: #d6d6d6 !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n background: #aaa !important;\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut !important;\n animation-duration: 150ms !important;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter !important;\n transform-origin: top left !important;\n animation-duration: 300ms !important;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s !important;\n animation-name: zoomDownYX !important;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s !important;\n animation-name: zoomUpYX !important;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s !important;\n animation-name: bounceIn !important;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .notif {\n cursor: pointer !important;\n font-family: Inter !important;\n font-size: 14px !important;\n position: absolute !important;\n user-select: none !important;\n}\n#sbz92 .notif__bottom-left {\n bottom: 20px !important;\n left: 20px !important;\n}\n#sbz92 .notif__top-left {\n top: 20px !important;\n left: 20px !important;\n}\n#sbz92 .notif__top-right {\n top: 20px !important;\n right: 40px !important;\n}\n#sbz92 .notif__bottom-right {\n bottom: 20px !important;\n right: 40px !important;\n}\n#sbz92 .notif__bottom-center {\n transform: translateX(-50%) !important;\n left: 50% !important;\n bottom: 20px !important;\n}\n#sbz92 .notif__top-center {\n transform: translateX(-50%) !important;\n left: 50% !important;\n top: 20px !important;\n}\n#sbz92 .notif_avatar {\n margin-left: 15px !important;\n margin-top: 10px !important;\n margin-bottom: 10px !important;\n overflow: hidden !important;\n width: 70px !important;\n height: 70px !important;\n z-index: 1 !important;\n}\n#sbz92 .notif_avatar__img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n}\n#sbz92 .notif_body {\n z-index: 1 !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n position: relative !important;\n padding-top: 10px !important;\n padding-left: 20px !important;\n padding-bottom: 30px !important;\n padding-right: 30px !important;\n width: 235px !important;\n height: 100px !important;\n overflow: hidden !important;\n}\n#sbz92 .btn_close {\n background: white !important;\n padding: 0 !important;\n right: -25px !important;\n top: 0px !important;\n position: absolute !important;\n z-index: 10 !important;\n cursor: pointer !important;\n transition: background-color 0.2s ease-out !important;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset !important;\n border: none !important;\n width: 20px !important;\n height: 20px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n border-radius: 50% !important;\n opacity: 0.7 !important;\n}\n#sbz92 .btn_close:hover {\n opacity: 1 !important;\n}\n#sbz92 .btn_close__icon {\n stroke: #444 !important;\n height: 16px !important;\n width: 16px !important;\n border: 0px !important;\n}\n#sbz92 .notif_bg {\n z-index: 0 !important;\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n}\n#sbz92 .notif_time {\n position: absolute !important;\n bottom: 15px !important;\n left: 20px !important;\n font-size: 12px !important;\n opacity: 0.5 !important;\n}\n#sbz92 .notif_title {\n white-space: nowrap !important;\n flex-shrink: 0 !important;\n text-overflow: ellipsis !important;\n overflow: hidden !important;\n}\n#sbz92 .notif_message {\n text-overflow: ellipsis !important;\n margin-top: 5px !important;\n overflow: hidden !important;\n}\ndiv#sbz92 {\n all: initial;\n}\nbody div#sbz92 {\n all: initial !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500;\n}\n#sbz92 a {\n color: #020202;\n text-decoration: none;\n background-color: transparent;\n}\n#sbz92 a:hover {\n cursor: pointer;\n color: #000000;\n text-decoration: underline;\n}\n#sbz92 a:not([href]) {\n color: inherit;\n text-decoration: none;\n}\n#sbz92 a:not([href]):hover {\n color: inherit;\n text-decoration: none;\n}\n#sbz92 img {\n vertical-align: middle;\n border-style: none;\n}\n#sbz92 svg {\n overflow: hidden;\n vertical-align: middle;\n}\n#sbz92 label {\n display: inline-block;\n}\n#sbz92 button {\n border-radius: 0;\n}\n#sbz92 button:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n margin: 0;\n}\n#sbz92 button,\n#sbz92 input {\n overflow: visible;\n}\n#sbz92 button,\n#sbz92 select {\n text-transform: none;\n}\n#sbz92 select {\n word-wrap: normal;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n -webkit-appearance: button;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n cursor: pointer;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n box-sizing: border-box;\n padding: 0;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n -webkit-appearance: listbox;\n}\n#sbz92 textarea {\n overflow: auto;\n resize: vertical;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n#sbz92 [hidden] {\n display: none;\n}\n#sbz92 ::-webkit-input-placeholder {\n /* Edge */\n color: #777;\n}\n#sbz92 :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #777;\n}\n#sbz92 ::placeholder {\n color: #777;\n}\n#sbz92 div {\n display: block;\n text-rendering: geometricPrecision;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n#sbz92 ::-webkit-scrollbar {\n width: 7px;\n height: 7px;\n}\n#sbz92 ::-webkit-scrollbar-track {\n border-radius: 10px;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: #d6d6d6;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n background: #aaa;\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut;\n animation-duration: 150ms;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown;\n animation-duration: 0.5s;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig;\n animation-duration: 0.25s;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig;\n animation-duration: 0.5s;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig;\n animation-duration: 0.5s;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter;\n transform-origin: top left;\n animation-duration: 300ms;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s;\n animation-name: zoomDownYX;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s;\n animation-name: zoomUpYX;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s;\n animation-name: bounceIn;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .notif {\n cursor: pointer;\n font-family: Inter;\n font-size: 14px;\n position: absolute;\n user-select: none;\n}\n#sbz92 .notif__bottom-left {\n bottom: 20px;\n left: 20px;\n}\n#sbz92 .notif__top-left {\n top: 20px;\n left: 20px;\n}\n#sbz92 .notif__top-right {\n top: 20px;\n right: 40px;\n}\n#sbz92 .notif__bottom-right {\n bottom: 20px;\n right: 40px;\n}\n#sbz92 .notif__bottom-center {\n transform: translateX(-50%);\n left: 50%;\n bottom: 20px;\n}\n#sbz92 .notif__top-center {\n transform: translateX(-50%);\n left: 50%;\n top: 20px;\n}\n#sbz92 .notif_avatar {\n margin-left: 15px;\n margin-top: 10px;\n margin-bottom: 10px;\n overflow: hidden;\n width: 70px;\n height: 70px;\n z-index: 1;\n}\n#sbz92 .notif_avatar__img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n#sbz92 .notif_body {\n z-index: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n position: relative;\n padding-top: 10px;\n padding-left: 20px;\n padding-bottom: 30px;\n padding-right: 30px;\n width: 235px;\n height: 100px;\n overflow: hidden;\n}\n#sbz92 .btn_close {\n background: white;\n padding: 0;\n right: -25px;\n top: 0px;\n position: absolute;\n z-index: 10;\n cursor: pointer;\n transition: background-color 0.2s ease-out;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset;\n border: none;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n opacity: 0.7;\n}\n#sbz92 .btn_close:hover {\n opacity: 1;\n}\n#sbz92 .btn_close__icon {\n stroke: #444;\n height: 16px;\n width: 16px;\n border: 0px;\n}\n#sbz92 .notif_bg {\n z-index: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n#sbz92 .notif_time {\n position: absolute;\n bottom: 15px;\n left: 20px;\n font-size: 12px;\n opacity: 0.5;\n}\n#sbz92 .notif_title {\n white-space: nowrap;\n flex-shrink: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n#sbz92 .notif_message {\n text-overflow: ellipsis;\n margin-top: 5px;\n overflow: hidden;\n}\n", ""]);
|
|
29
29
|
// Exports
|
|
30
30
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
31
31
|
|
package/dist/605.js
CHANGED
|
@@ -32,19 +32,19 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
32
32
|
title: '',
|
|
33
33
|
last_show: 0
|
|
34
34
|
});
|
|
35
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
35
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setTimeout(async () => {
|
|
36
36
|
let {
|
|
37
37
|
body: impression
|
|
38
38
|
} = await this.props.store.sendImpression(this.props.plugin.id);
|
|
39
|
-
this.impressionToken = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
40
|
-
let image = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
41
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
39
|
+
this.impressionToken = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(impression, 'impression_token') || '';
|
|
40
|
+
let image = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.background_url');
|
|
41
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.preloadImg(image, () => this.setState({
|
|
42
42
|
imageReady: true
|
|
43
43
|
}));
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
46
|
setOver(over) {
|
|
47
|
-
if (!over) this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
47
|
+
if (!over) this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now();else this.mouse_leave = 0;
|
|
48
48
|
}
|
|
49
49
|
randomTimestampt() {
|
|
50
50
|
let random = Math.floor(Math.random() * 5);
|
|
@@ -58,10 +58,10 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
58
58
|
e.stopPropagation();
|
|
59
59
|
if (this.props.plugin._dont_follow) return;
|
|
60
60
|
this.props.store.sendConversion(this.props.plugin.id, null, this.impressionToken);
|
|
61
|
-
let url = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
61
|
+
let url = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.url');
|
|
62
62
|
if (!url) return;
|
|
63
63
|
if (!url.startsWith('http://') && !url.startsWith('https://')) url = '//' + url;
|
|
64
|
-
let new_tab = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
64
|
+
let new_tab = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.new_tab', false);
|
|
65
65
|
if (new_tab) return window.open(url);
|
|
66
66
|
window.location.href = url;
|
|
67
67
|
}
|
|
@@ -98,24 +98,24 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
98
98
|
}
|
|
99
99
|
async waitForT() {
|
|
100
100
|
if (this.props.t) return;
|
|
101
|
-
await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
101
|
+
await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.sleep(100);
|
|
102
102
|
return this.waitForT();
|
|
103
103
|
}
|
|
104
104
|
async setClose(close) {
|
|
105
105
|
await this.waitForT();
|
|
106
106
|
if (!this.props.t) return;
|
|
107
107
|
if (!close) {
|
|
108
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
108
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.clearTimeout(this.lastCloseTimeout);
|
|
109
109
|
this.setState({
|
|
110
110
|
closeAnimation: false
|
|
111
111
|
});
|
|
112
112
|
let timestamp = this.randomTimestampt();
|
|
113
|
-
let profiles = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
114
|
-
let user = profiles[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
113
|
+
let profiles = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.profiles', []);
|
|
114
|
+
let user = profiles[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.size(profiles))] || {};
|
|
115
115
|
if (user.avatar_url && user.avatar_url.startsWith('http')) {
|
|
116
|
-
await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
116
|
+
await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.preloadImg(user.avatar_url);
|
|
117
117
|
}
|
|
118
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
118
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.map(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props.plugin, 'notification.custom_avatar_urls'), url => {
|
|
119
119
|
profiles.push({
|
|
120
120
|
type: 'person',
|
|
121
121
|
fullname: randomName(),
|
|
@@ -126,48 +126,48 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
126
126
|
age: randomAge()
|
|
127
127
|
});
|
|
128
128
|
});
|
|
129
|
-
let i18n_messages = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
130
|
-
let i18n_message = i18n_messages[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
131
|
-
let fallbackmsgs = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
132
|
-
let fallbackmessage = fallbackmsgs[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
133
|
-
let i18n_title = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
129
|
+
let i18n_messages = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.i18n_message_quill_deltas', []);
|
|
130
|
+
let i18n_message = i18n_messages[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.size(i18n_messages))];
|
|
131
|
+
let fallbackmsgs = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.message_quill_deltas', []);
|
|
132
|
+
let fallbackmessage = fallbackmsgs[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.size(fallbackmsgs))];
|
|
133
|
+
let i18n_title = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.i18n_title_quill_delta');
|
|
134
134
|
return this.setState({
|
|
135
135
|
close: false,
|
|
136
|
-
last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
136
|
+
last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now(),
|
|
137
137
|
timestamp: timestamp,
|
|
138
138
|
user: user,
|
|
139
|
-
title: this.props.t.i18n(i18n_title) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
139
|
+
title: this.props.t.i18n(i18n_title) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.title_quill_delta'),
|
|
140
140
|
message: this.props.t.i18n(i18n_message) || fallbackmessage
|
|
141
141
|
});
|
|
142
142
|
}
|
|
143
143
|
this.setState({
|
|
144
144
|
closeAnimation: true
|
|
145
145
|
});
|
|
146
|
-
this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
147
|
-
this.lastCloseTimeout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
146
|
+
this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now();
|
|
147
|
+
this.lastCloseTimeout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setTimeout(() => this.setState({
|
|
148
148
|
close: true,
|
|
149
149
|
closeAnimation: false
|
|
150
150
|
}), 150);
|
|
151
|
-
if (this.props.plugin._dont_close) _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
151
|
+
if (this.props.plugin._dont_close) _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setTimeout(() => this.setState({
|
|
152
152
|
closeAnimation: false,
|
|
153
153
|
close: false
|
|
154
154
|
}), 1000);
|
|
155
155
|
}
|
|
156
156
|
async refreshCSS() {
|
|
157
157
|
let plugins = this.props.store.matchPlugin();
|
|
158
|
-
let found = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
158
|
+
let found = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.find(plugins, plugin => plugin.id === this.props.plugin.id);
|
|
159
159
|
if (!found) return;
|
|
160
160
|
let css = (await notifCSS).default.default.toString();
|
|
161
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
161
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setCss(this.props.plugin.id, this.$cssStyleDiv, css);
|
|
162
162
|
this.setClose(this.state.close);
|
|
163
163
|
}
|
|
164
164
|
componentWillUnmount() {
|
|
165
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
166
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
165
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.clearInterval(this.interval);
|
|
166
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
|
|
167
167
|
}
|
|
168
168
|
async componentDidMount() {
|
|
169
169
|
this.setState({
|
|
170
|
-
last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
170
|
+
last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now()
|
|
171
171
|
});
|
|
172
172
|
this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);
|
|
173
173
|
if (!this.$cssStyleDiv) {
|
|
@@ -178,20 +178,20 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
178
178
|
}
|
|
179
179
|
this.props.store.onResetCSS(this, () => this.refreshCSS());
|
|
180
180
|
await this.refreshCSS();
|
|
181
|
-
this.interval = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
181
|
+
this.interval = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setInterval(() => {
|
|
182
182
|
if (this.props._destroy) return this.componentWillUnmount();
|
|
183
183
|
let mouseleave = this.mouse_leave;
|
|
184
|
-
if (mouseleave === 0) mouseleave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
185
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
184
|
+
if (mouseleave === 0) mouseleave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now();
|
|
185
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now() - mouseleave < 1000) return;
|
|
186
186
|
if (!this.state.close && !this.props.plugin._dont_close) {
|
|
187
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
187
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now() - this.state.last_show > 8000) return this.setClose(true);
|
|
188
188
|
return;
|
|
189
189
|
}
|
|
190
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
190
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now() - this.state.last_show > this.props.plugin.notification.interval_sec) {
|
|
191
191
|
return this.setClose(false);
|
|
192
192
|
}
|
|
193
193
|
}, 1000);
|
|
194
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
194
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setTimeout(() => {
|
|
195
195
|
this.setState({
|
|
196
196
|
cssready: true
|
|
197
197
|
});
|
|
@@ -199,21 +199,21 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
199
199
|
}, 50);
|
|
200
200
|
}
|
|
201
201
|
renderTextFromQuillDelta(quilldelta, profile) {
|
|
202
|
-
let qd = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
202
|
+
let qd = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.parseJSON(quilldelta);
|
|
203
203
|
if (!qd || !qd.ops) return null;
|
|
204
|
-
let out = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
204
|
+
let out = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.map(qd.ops, op => {
|
|
205
205
|
let out = null;
|
|
206
206
|
if (!op.insert) return null;
|
|
207
207
|
if (typeof op.insert == 'string') out = op.insert;
|
|
208
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
209
|
-
let key = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
208
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(op, 'insert.dynamicField')) {
|
|
209
|
+
let key = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(op, 'insert.dynamicField.key');
|
|
210
210
|
if (key === 'user.fullname') out = profile.fullname;
|
|
211
211
|
if (key === 'user.email') out = profile.email;
|
|
212
212
|
if (key === 'user.address') out = profile.address;
|
|
213
213
|
if (key === 'user.phone') out = profile.phone;
|
|
214
214
|
}
|
|
215
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
216
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
215
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(op, 'attributes.bold')) out = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("b", null, out);
|
|
216
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(op, 'attributes.italic')) out = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("b", null, out);
|
|
217
217
|
return out;
|
|
218
218
|
}).filter(a => a);
|
|
219
219
|
if (out.length == 1 && (out[0] == '\n' || out[0] == '')) return [];
|
|
@@ -225,11 +225,11 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
225
225
|
if (!this.state.imageReady) return null;
|
|
226
226
|
if (this.state.close) return null;
|
|
227
227
|
if (!this.state.message) return null;
|
|
228
|
-
let notif = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
228
|
+
let notif = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props.plugin, 'notification', {});
|
|
229
229
|
if (!notif) return null;
|
|
230
230
|
let animation = '';
|
|
231
|
-
let pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
232
|
-
if (this.props.mobile) pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
231
|
+
let pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(notif, 'position', 'bottom-left');
|
|
232
|
+
if (this.props.mobile) pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(notif, 'mobile_position', pos);
|
|
233
233
|
if (pos === 'top-left' || pos === 'top-right') animation = 'fadeInDown';else if (pos === 'top-center') animation = 'fadeInDownCenter';else if (pos === 'bottom-center') animation = 'fadeInUpCenter';else if (pos === 'bottom-right') {
|
|
234
234
|
animation = 'fadeInUpBig';
|
|
235
235
|
} else {
|
|
@@ -238,7 +238,7 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
238
238
|
}
|
|
239
239
|
let user = this.state.user || {};
|
|
240
240
|
let subtextStyle = notif.subtext_style || {};
|
|
241
|
-
if (subtextStyle.color === undefined) subtextStyle.color = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
241
|
+
if (subtextStyle.color === undefined) subtextStyle.color = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(notif, 'message_style.color', 'black');
|
|
242
242
|
let st = 'position: fixed !important; z-index: 1000000000 !important';
|
|
243
243
|
if (this.props.plugin._preview) st = 'position: absolute !important;';
|
|
244
244
|
if (this.state.closeAnimation) animation = 'fadeOut';
|
|
@@ -250,11 +250,11 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
250
250
|
});
|
|
251
251
|
let $time = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
252
252
|
class: "notif_time",
|
|
253
|
-
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
253
|
+
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.js2css(notif.subtext_style)
|
|
254
254
|
}, this.state.timestamp);
|
|
255
255
|
let $title = this.renderTextFromQuillDelta(this.state.title, user);
|
|
256
256
|
let $message = this.renderTextFromQuillDelta(this.state.message, user);
|
|
257
|
-
if (!_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
257
|
+
if (!_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.size($title) && !_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.size($message)) $time = null;
|
|
258
258
|
return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
259
259
|
class: animation + ' notif' + ' notif__' + pos,
|
|
260
260
|
onClick: e => this.onClick(e),
|
|
@@ -267,18 +267,18 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
267
267
|
alt: "notification background",
|
|
268
268
|
class: "notif_bg",
|
|
269
269
|
src: notif.background_url,
|
|
270
|
-
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
270
|
+
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.js2css(notif.background_style)
|
|
271
271
|
}), this.renderCloseButton(), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
272
272
|
class: "notif_avatar",
|
|
273
|
-
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
273
|
+
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.js2css(notif.avatar_style)
|
|
274
274
|
}, $avatar), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
275
275
|
class: "notif_body"
|
|
276
276
|
}, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
277
277
|
class: "notif_title",
|
|
278
|
-
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
278
|
+
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.js2css(notif.title_style)
|
|
279
279
|
}, $title), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
280
280
|
class: "notif_message",
|
|
281
|
-
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"]
|
|
281
|
+
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.js2css(notif.message_style)
|
|
282
282
|
}, $message), $time)));
|
|
283
283
|
}
|
|
284
284
|
}
|