@subiz/widget-v4 4.1.111 → 4.1.112

package/dist/459.js

@@ -0,0 +1,107 @@
+"use strict";
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[459],{
+
+/***/ 4056:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___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/v30/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/v30/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/v30/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/v30/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/v30/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/v30/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/v29/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/v29/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/v29/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/v29/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/v29/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/v29/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/v29/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/v29/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/v29/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/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 300;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QiA8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 400;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQiA8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 500;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQiA8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 700;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXiA8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 300;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 400;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 500;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 700;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.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", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 5488:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(4056));
+
+/***/ }),
+
+/***/ 6314:
+/***/ ((module) => {
+
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+module.exports = function (cssWithMappingToString) {
+  var list = []; // return the list of modules as css string
+
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item);
+
+      if (item[2]) {
+        return "@media ".concat(item[2], " {").concat(content, "}");
+      }
+
+      return content;
+    }).join("");
+  }; // import a list of modules into the list
+  // eslint-disable-next-line func-names
+
+
+  list.i = function (modules, mediaQuery, dedupe) {
+    if (typeof modules === "string") {
+      // eslint-disable-next-line no-param-reassign
+      modules = [[null, modules, ""]];
+    }
+
+    var alreadyImportedModules = {};
+
+    if (dedupe) {
+      for (var i = 0; i < this.length; i++) {
+        // eslint-disable-next-line prefer-destructuring
+        var id = this[i][0];
+
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
+
+    for (var _i = 0; _i < modules.length; _i++) {
+      var item = [].concat(modules[_i]);
+
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
+
+      if (mediaQuery) {
+        if (!item[2]) {
+          item[2] = mediaQuery;
+        } else {
+          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
+        }
+      }
+
+      list.push(item);
+    }
+  };
+
+  return list;
+};
+
+/***/ })
+
+}]);

package/dist/{605.js → 490.js}

@@ -1,24 +1,26 @@
 "use strict";
-(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[605],{
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[490],{
 
-/***/ 9605:
+/***/ 1490:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (/* binding */ Notif)
 /* harmony export */ });
-/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4494);
-/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6400);
-/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2493);
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8150);
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(172);
+/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2840);
+/* harmony import */ var _chatbox_block_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7072);
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
-let notifCSS = (() => __webpack_require__.e(/* import() */ 362).then(__webpack_require__.bind(__webpack_require__, 362)))();
-class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
+
+let notifCSS = (() => __webpack_require__.e(/* import() */ 459).then(__webpack_require__.bind(__webpack_require__, 5488)))();
+class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .Mw {
   constructor(props) {
     super(props);
     _defineProperty(this, "state", {
@@ -32,19 +34,19 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
       title: '',
       last_show: 0
     });
-    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setTimeout */ .Z.setTimeout(async () => {
+    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setTimeout(async () => {
       let {
         body: impression
       } = await this.props.store.sendImpression(this.props.plugin.id);
-      this.impressionToken = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(impression, 'impression_token') || '';
-      let image = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.background_url');
-      _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].preloadImg */ .Z.preloadImg(image, () => this.setState({
+      this.impressionToken = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(impression, 'impression_token') || '';
+      let image = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.background_url');
+      _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.preloadImg(image, () => this.setState({
         imageReady: true
       }));
     });
   }
   setOver(over) {
-    if (!over) this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now();else this.mouse_leave = 0;
+    if (!over) this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now();else this.mouse_leave = 0;
   }
   randomTimestampt() {
     let random = Math.floor(Math.random() * 5);
@@ -55,13 +57,12 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
     return '4 ' + this.props.t('minutes_ago');
   }
   onClick(e) {
-    e.stopPropagation();
     if (this.props.plugin._dont_follow) return;
     this.props.store.sendConversion(this.props.plugin.id, null, this.impressionToken);
-    let url = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.url');
+    let url = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.url');
     if (!url) return;
     if (!url.startsWith('http://') && !url.startsWith('https://')) url = '//' + url;
-    let new_tab = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.new_tab', false);
+    let new_tab = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.new_tab', false);
     if (new_tab) return window.open(url);
     window.location.href = url;
   }
@@ -98,24 +99,20 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
   }
   async waitForT() {
     if (this.props.t) return;
-    await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].sleep */ .Z.sleep(100);
+    await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.sleep(100);
     return this.waitForT();
   }
   async setClose(close) {
     await this.waitForT();
     if (!this.props.t) return;
     if (!close) {
-      _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].clearTimeout */ .Z.clearTimeout(this.lastCloseTimeout);
+      _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.clearTimeout(this.lastCloseTimeout);
       this.setState({
         closeAnimation: false
       });
       let timestamp = this.randomTimestampt();
-      let profiles = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.profiles', []);
-      let user = profiles[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].size */ .Z.size(profiles))] || {};
-      if (user.avatar_url && user.avatar_url.startsWith('http')) {
-        await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].preloadImg */ .Z.preloadImg(user.avatar_url);
-      }
-      _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].map */ .Z.map(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props.plugin, 'notification.custom_avatar_urls'), url => {
+      let profiles = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.profiles', []);
+      _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.map(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props.plugin, 'notification.custom_avatar_urls'), url => {
         profiles.push({
           type: 'person',
           fullname: randomName(),
@@ -126,48 +123,63 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
           age: randomAge()
         });
       });
-      let i18n_messages = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.i18n_message_quill_deltas', []);
-      let i18n_message = i18n_messages[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].size */ .Z.size(i18n_messages))];
-      let fallbackmsgs = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.message_quill_deltas', []);
-      let fallbackmessage = fallbackmsgs[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].size */ .Z.size(fallbackmsgs))];
-      let i18n_title = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.i18n_title_quill_delta');
+      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(profiles) == 0) {
+        profiles.push({
+          type: 'person',
+          fullname: randomName(),
+          avatar_url: 'https://public-gcs.subiz-cdn.com/widget_assets/profile_images/VNF25.png',
+          email: randomEmail(),
+          address: randomAddress(),
+          phone: ramdomPhone(),
+          age: randomAge()
+        });
+      }
+      let user = profiles[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(profiles))] || {};
+      if (user.avatar_url && user.avatar_url.startsWith('http')) {
+        await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.preloadImg(user.avatar_url);
+      }
+      let i18n_messages = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.i18n_message_blocks', []);
+      let i18n_message = i18n_messages[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(i18n_messages))].i18n;
+      let fallbackmsgs = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.message_blocks', []);
+      let fallbackmessage = fallbackmsgs[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(fallbackmsgs))];
+      let i18n_title = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.i18n_title_block');
       return this.setState({
         close: false,
-        last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now(),
+        last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now(),
         timestamp: timestamp,
         user: user,
-        title: this.props.t.i18n(i18n_title) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.title_quill_delta'),
+        title: this.props.t.i18n(i18n_title) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.title_block'),
         message: this.props.t.i18n(i18n_message) || fallbackmessage
       });
     }
     this.setState({
       closeAnimation: true
     });
-    this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now();
-    this.lastCloseTimeout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setTimeout */ .Z.setTimeout(() => this.setState({
+    this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now();
+    this.lastCloseTimeout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setTimeout(() => this.setState({
       close: true,
       closeAnimation: false
     }), 150);
-    if (this.props.plugin._dont_close) _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setTimeout */ .Z.setTimeout(() => this.setState({
+    if (this.props.plugin._dont_close) _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setTimeout(() => this.setState({
       closeAnimation: false,
       close: false
     }), 1000);
   }
   async refreshCSS() {
     let plugins = this.props.store.matchPlugin();
-    let found = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].find */ .Z.find(plugins, plugin => plugin.id === this.props.plugin.id);
+    let found = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.find(plugins, plugin => plugin.id === this.props.plugin.id);
     if (!found) return;
     let css = (await notifCSS).default.default.toString();
-    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setCss */ .Z.setCss(this.props.plugin.id, this.$cssStyleDiv, css);
+    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setCss(this.props.plugin.id, this.$cssStyleDiv, css);
     this.setClose(this.state.close);
   }
   componentWillUnmount() {
-    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].clearInterval */ .Z.clearInterval(this.interval);
-    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setCss */ .Z.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
+    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.clearInterval(this.interval);
+    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
   }
   async componentDidMount() {
     this.setState({
-      last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now()
+      last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now()
     });
     this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);
     if (!this.$cssStyleDiv) {
@@ -178,58 +190,37 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
     }
     this.props.store.onResetCSS(this, () => this.refreshCSS());
     await this.refreshCSS();
-    this.interval = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setInterval */ .Z.setInterval(() => {
+    this.interval = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setInterval(() => {
       if (this.props._destroy) return this.componentWillUnmount();
       let mouseleave = this.mouse_leave;
-      if (mouseleave === 0) mouseleave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now();
-      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now() - mouseleave < 1000) return;
+      if (mouseleave === 0) mouseleave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now();
+      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now() - mouseleave < 1000) return;
       if (!this.state.close && !this.props.plugin._dont_close) {
-        if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now() - this.state.last_show > 8000) return this.setClose(true);
+        if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now() - this.state.last_show > 8000) return this.setClose(true);
         return;
       }
-      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now() - this.state.last_show > this.props.plugin.notification.interval_sec) {
+      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now() - this.state.last_show > this.props.plugin.notification.interval_sec) {
         return this.setClose(false);
       }
     }, 1000);
-    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setTimeout */ .Z.setTimeout(() => {
+    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setTimeout(() => {
       this.setState({
         cssready: true
       });
       this.setClose(false);
     }, 50);
   }
-  renderTextFromQuillDelta(quilldelta, profile) {
-    let qd = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].parseJSON */ .Z.parseJSON(quilldelta);
-    if (!qd || !qd.ops) return null;
-    let out = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].map */ .Z.map(qd.ops, op => {
-      let out = null;
-      if (!op.insert) return null;
-      if (typeof op.insert == 'string') out = op.insert;
-      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(op, 'insert.dynamicField')) {
-        let key = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(op, 'insert.dynamicField.key');
-        if (key === 'user.fullname') out = profile.fullname;
-        if (key === 'user.email') out = profile.email;
-        if (key === 'user.address') out = profile.address;
-        if (key === 'user.phone') out = profile.phone;
-      }
-      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(op, 'attributes.bold')) out = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("b", null, out);
-      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(op, 'attributes.italic')) out = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("b", null, out);
-      return out;
-    }).filter(a => a);
-    if (out.length == 1 && (out[0] == '\n' || out[0] == '')) return [];
-    return out;
-  }
   render() {
     if (!this.props.t) return null;
     if (!this.state.cssready) return null;
     if (!this.state.imageReady) return null;
     if (this.state.close) return null;
     if (!this.state.message) return null;
-    let notif = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props.plugin, 'notification', {});
+    let notif = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props.plugin, 'notification', {});
     if (!notif) return null;
     let animation = '';
-    let pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(notif, 'position', 'bottom-left');
-    if (this.props.mobile) pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(notif, 'mobile_position', pos);
+    let pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(notif, 'position', 'bottom-left');
+    if (this.props.mobile) pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(notif, 'mobile_position', pos);
     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') {
       animation = 'fadeInUpBig';
     } else {
@@ -238,7 +229,7 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
     }
     let user = this.state.user || {};
     let subtextStyle = notif.subtext_style || {};
-    if (subtextStyle.color === undefined) subtextStyle.color = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(notif, 'message_style.color', 'black');
+    if (subtextStyle.color === undefined) subtextStyle.color = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(notif, 'message_style.color', 'black');
     let st = 'position: fixed !important; z-index: 1000000000 !important';
     if (this.props.plugin._preview) st = 'position: absolute !important;';
     if (this.state.closeAnimation) animation = 'fadeOut';
@@ -250,11 +241,14 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
     });
     let $time = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
       class: "notif_time",
-      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.subtext_style)
+      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.subtext_style)
     }, this.state.timestamp);
-    let $title = this.renderTextFromQuillDelta(this.state.title, user);
-    let $message = this.renderTextFromQuillDelta(this.state.message, user);
-    if (!_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].size */ .Z.size($title) && !_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].size */ .Z.size($message)) $time = null;
+    let data = {
+      'user.fullname': user.fullname,
+      'user.email': user.email,
+      'user.address': user.address,
+      'user.phone': user.phone
+    };
     return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
       class: animation + ' notif' + ' notif__' + pos,
       onClick: e => this.onClick(e),
@@ -267,19 +261,25 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
       alt: "notification background",
       class: "notif_bg",
       src: notif.background_url,
-      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.background_style)
+      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.background_style)
     }), this.renderCloseButton(), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
       class: "notif_avatar",
-      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.avatar_style)
+      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.avatar_style)
     }, $avatar), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
       class: "notif_body"
     }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
       class: "notif_title",
-      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.title_style)
-    }, $title), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.title_style)
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_chatbox_block_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A, {
+      block: this.state.title,
+      data: data
+    })), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
       class: "notif_message",
-      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.message_style)
-    }, $message), $time)));
+      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.message_style)
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_chatbox_block_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A, {
+      block: this.state.message,
+      data: data
+    })), $time)));
   }
 }
 function randomName() {