@subiz/widget-v4 4.1.108 → 4.1.109

package/dist/605.js

@@ -1,305 +0,0 @@
-"use strict";
-(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[605],{
-
-/***/ 9605:
-/***/ ((__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); }
-
-
-
-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 {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "state", {
-      close: true,
-      cssready: false,
-      closeAnimation: true,
-      imageReady: false,
-      user: {},
-      timestamp: '',
-      message: '',
-      title: '',
-      last_show: 0
-    });
-    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setTimeout */ .Z.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({
-        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;
-  }
-  randomTimestampt() {
-    let random = Math.floor(Math.random() * 5);
-    if (random == 0) return this.props.t('just_now');
-    if (random == 1) return '1 ' + this.props.t('minute_ago');
-    if (random == 2) return '2 ' + this.props.t('minutes_ago');
-    if (random == 3) return '3 ' + this.props.t('minutes_ago');
-    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');
-    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);
-    if (new_tab) return window.open(url);
-    window.location.href = url;
-  }
-  onCloseButtonClick(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    this.setClose(true);
-  }
-  renderCloseButton() {
-    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "btn_close",
-      onClick: e => this.onCloseButtonClick(e)
-    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("svg", {
-      class: "btn_close__icon",
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("line", {
-      x1: "18",
-      y1: "6",
-      x2: "6",
-      y2: "18",
-      style: "stroke-width: 3 !important;"
-    }), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("line", {
-      x1: "6",
-      y1: "6",
-      x2: "18",
-      y2: "18",
-      style: "stroke-width: 3 !important;"
-    })));
-  }
-  async waitForT() {
-    if (this.props.t) return;
-    await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].sleep */ .Z.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);
-      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 => {
-        profiles.push({
-          type: 'person',
-          fullname: randomName(),
-          avatar_url: url,
-          email: randomEmail(),
-          address: randomAddress(),
-          phone: ramdomPhone(),
-          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');
-      return this.setState({
-        close: false,
-        last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.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'),
-        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({
-      close: true,
-      closeAnimation: false
-    }), 150);
-    if (this.props.plugin._dont_close) _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setTimeout */ .Z.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);
-    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);
-    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, '');
-  }
-  async componentDidMount() {
-    this.setState({
-      last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now()
-    });
-    this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);
-    if (!this.$cssStyleDiv) {
-      this.$cssStyleDiv = document.createElement('style');
-      document.head.appendChild(this.$cssStyleDiv);
-      this.$cssStyleDiv.type = 'text/css';
-      this.$cssStyleDiv.id = 'subiz-style-for-' + this.props.plugin.id;
-    }
-    this.props.store.onResetCSS(this, () => this.refreshCSS());
-    await this.refreshCSS();
-    this.interval = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setInterval */ .Z.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 (!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);
-        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) {
-        return this.setClose(false);
-      }
-    }, 1000);
-    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setTimeout */ .Z.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', {});
-    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);
-    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 {
-      pos = 'bottom-left';
-      animation = 'fadeInUpBig';
-    }
-    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');
-    let st = 'position: fixed !important; z-index: 1000000000 !important';
-    if (this.props.plugin._preview) st = 'position: absolute !important;';
-    if (this.state.closeAnimation) animation = 'fadeOut';
-    let $avatar = null;
-    if (user.avatar_url) $avatar = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("img", {
-      alt: "notification avatar",
-      class: "notif_avatar__img",
-      src: user.avatar_url
-    });
-    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)
-    }, 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;
-    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: animation + ' notif' + ' notif__' + pos,
-      onClick: e => this.onClick(e),
-      onmouseover: e => this.setOver(true),
-      style: st,
-      onmouseleave: e => this.setOver(false)
-    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      style: "position: relative !important; display: flex !important; align-items: center !important;"
-    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("img", {
-      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)
-    }), 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)
-    }, $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", {
-      class: "notif_message",
-      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.message_style)
-    }, $message), $time)));
-  }
-}
-function randomName() {
-  let db = ['Kiều Thanh', 'Phương Anh', 'Lê Thùy Linh', 'Trang Nguyễn', 'Thanh Hoa', 'Hoài Đức', 'Huơng Giang'];
-  return db[Math.floor(Math.random() * db.length)];
-}
-function randomAge() {
-  return 15 + Math.floor(Math.random() * 20);
-}
-function ramdomPhone() {
-  return '+84' + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + 'xxxx';
-}
-function randomEmail() {
-  return randomName().split(' ').join('.').toLowerCase() + '@gmail.com';
-}
-function randomAddress() {
-  let db = ['Dịch Vọng Hậu, Cầu Giấy', 'Quận 1, TP Hồ Chí Minh', 'Ngõ 34 Tôn Thất Thuyết', '87 Phạm Hùng', 'Đống Đa, Hà Nội'];
-  return db[Math.floor(Math.random() * db.length)];
-}
-
-/***/ })
-
-}]);

package/dist/678.js

@@ -1,107 +0,0 @@
-"use strict";
-(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[678],{
-
-/***/ 2678:
-/***/ ((__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__(3048));
-
-/***/ }),
-
-/***/ 3048:
-/***/ ((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__(3645);
-/* 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, "/*\n#sbz92 * {\n\tall: unset !important;\n}\n\n#sbz92 {\n\tz-index: @z-index + 100 !important;\n\t#makeImportant() !important;\n}\n\n// prevent #subiz inheriting client site styles\ndiv#sbz92 {\n\tall: initial;\n}\n\n// prevent #subiz inheriting client site !important styles\nbody div#sbz92 {\n\tall: initial !important;\n}\n\nbody div#sbz92 .overlay {\n\tposition: fixed !important;\n\tuser-select: none !important;\n}\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#sbz92 .overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  background: #000c;\n  z-index: 20000000000100;\n  overflow: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n#sbz92 .overlay.overlay__hidden {\n  display: none;\n}\n#sbz92 .map_modal {\n  max-with: 80%;\n  max-height: 80%;\n  width: 400px;\n  height: 400px;\n  background: white;\n}\n#sbz92 .map_body {\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n#sbz92 .map_location {\n  border-bottom: 1px solid lightgray;\n  padding: 20px;\n  font-size: 16px;\n  font-family: 'roboto';\n}\n#sbz92 .map_title {\n  font-size: 18px;\n  font-weight: 500;\n  padding: 10px;\n  text-align: center;\n  border-bottom: 1px solid lightgray;\n  font-family: 'roboto';\n}\n#sbz92 .map_locations {\n  border-right: 1px solid lightgray;\n  width: 200px;\n  height: 100%;\n}\n#sbz92 .sm.contact_button {\n  width: 40px;\n  height: 40px;\n}\n#sbz92 .lg.contact_button {\n  width: 60px;\n  height: 60px;\n}\n#sbz92 .contact_button {\n  width: 50px;\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: pink;\n}\n", ""]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ 3645:
-/***/ ((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;
-};
-
-/***/ })
-
-}]);