@subiz/widget-v4 4.1.206 → 4.1.207

package/dist/src_contact_contact_js.js

@@ -0,0 +1,22 @@
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([["src_contact_contact_js"],{
+
+/***/ "./src/contact/contact.js"
+/*!********************************!*\
+  !*** ./src/contact/contact.js ***!
+  \********************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DEFVAL: () => (/* binding */ DEFVAL),\n/* harmony export */   \"default\": () => (/* binding */ Contact),\n/* harmony export */   replaceCssVariable: () => (/* binding */ replaceCssVariable)\n/* harmony export */ });\n/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../util/index.js */ \"./src/util/index.js\");\n/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! preact */ \"./node_modules/preact/dist/preact.module.js\");\n/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common.js */ \"./src/common.js\");\nfunction _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; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _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); }\n;\n\n\nlet CSS = (() => __webpack_require__.e(/*! import() */ \"src_contact_css_js\").then(() => (__webpack_require__(/*! ./css.js */ \"./src/contact/css.js\"))))();\nclass Contact extends _common_js__WEBPACK_IMPORTED_MODULE_2__.Com {\n  constructor(props) {\n    super(props);\n    _defineProperty(this, \"state\", {\n      map: false,\n      map_loading: false,\n      map_initialized: false\n    });\n    this.showMap = this.showMap.bind(this);\n    this.hideMap = this.hideMap.bind(this);\n  }\n  async initMap() {\n    if (this.map_initialized) return;\n    this.setState({\n      map_initialized: true,\n      map_loading: true\n    });\n    await new Loader({\n      apiKey: 'YOUR_API_KEY',\n      version: 'weekly'\n    }).load();\n    this.gmap = new google.maps.Map(document.getElementById('map'));\n    this.setState({\n      map_loading: false\n    });\n  }\n  js2css(js, onlyProps) {\n    return _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].js2css(js, onlyProps, {\n      '@font_size': this.props.plugin.popup.font_size,\n      '@font_family': this.props.plugin.popup.font_family,\n      '@text_color': this.props.plugin.popup.text_color,\n      '@primary_color': this.props.plugin.popup.primary_color,\n      '@background': this.props.plugin.popup.background,\n      '@spacer0': spacer / 2 + 'px',\n      '@spacer': spacer + 'px',\n      '@spacer2': spacer * 2 + 'px',\n      '@spacer3': spacer * 3 + 'px'\n    });\n  }\n  renderMapButton(button) {\n    let icon = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"svg\", {\n      width: \"20px\",\n      \"aria-hidden\": \"true\",\n      focusable: \"false\",\n      \"data-prefix\": \"fas\",\n      \"data-icon\": \"map-marker-alt\",\n      role: \"img\",\n      xmlns: \"http://www.w3.org/2000/svg\",\n      viewBox: \"0 0 384 512\",\n      class: \"svg-inline--fa fa-map-marker-alt fa-w-12 fa-3x\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"path\", {\n      fill: \"red\",\n      d: \"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z\",\n      class: \"\"\n    }));\n    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"contact_button\",\n      onClick: this.showMap\n    }, this.renderMapModal(button), icon);\n  }\n  async setMap(lat, lng) {\n    console.log('HEE');\n    await this.initMap();\n    console.log('HEE22');\n    window.gmap = this.gmap;\n    this.gmap.map.setCenter(new google.maps.LatLng(lat, lng));\n  }\n  renderMapModal(button) {\n    let cls = 'map_modal';\n    if (this.state.map) cls += ' map_modal__show';else cls += ' map_modal__hide';\n    let overlaycls = 'overlay';\n    if (!this.state.map) overlaycls += ' overlay__hidden';\n    let $locations = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(button.map.locations, loc => {\n      return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n        class: \"map_location\",\n        onClick: e => this.setMap(loc.latitude, loc.longitude)\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", null, loc.name), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", null, loc.latitude), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", null, loc.longitude));\n    });\n    $locations.unshift((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"map_title\"\n    }, button.map.title));\n    let $map = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      id: \"map\",\n      style: \"height: 100%; width: 100%\"\n    }, ' ');\n    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: overlaycls,\n      onClick: this.hideMap\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: cls,\n      onClick: e => e.stopPropagation()\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"map_body\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"map_locations\"\n    }, $locations), $map, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"mapouter\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"gmap_canvas\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"iframe\", {\n      width: \"300\",\n      height: \"400\",\n      id: \"gmap_canvas\",\n      src: \"https://maps.google.com/maps?q=2880%20Broadway,%20New%20York&t=&z=13&ie=UTF8&iwloc=&output=embed\",\n      frameborder: \"0\",\n      scrolling: \"no\",\n      marginheight: \"0\",\n      marginwidth: \"0\"\n    }))))));\n  }\n  hideMap(e) {\n    e.stopPropagation();\n    this.setState({\n      map: false\n    });\n  }\n  showMap() {\n    this.setState({\n      map: true\n    });\n  }\n  renderZaloButton(button) {\n    let icon = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"svg\", {\n      width: \"20px \",\n      \"aria-hidden\": \"true\",\n      focusable: \"false\",\n      \"data-prefix\": \"fab\",\n      \"data-icon\": \"facebook-f\",\n      role: \"img\",\n      xmlns: \"http://www.w3.org/2000/svg\",\n      viewBox: \"0 0 320 512\",\n      class: \"svg-inline--fa fa-facebook-f fa-w-10 fa-5x\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"path\", {\n      fill: \"currentColor\",\n      d: \"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z\",\n      class: \"\"\n    }));\n    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"contact_button\"\n    }, icon);\n  }\n  renderFacebookButton(button) {\n    let icon = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"svg\", {\n      width: \"20px \",\n      \"aria-hidden\": \"true\",\n      focusable: \"false\",\n      \"data-prefix\": \"fab\",\n      \"data-icon\": \"facebook-f\",\n      role: \"img\",\n      xmlns: \"http://www.w3.org/2000/svg\",\n      viewBox: \"0 0 320 512\",\n      class: \"svg-inline--fa fa-facebook-f fa-w-10 fa-5x\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"path\", {\n      fill: \"currentColor\",\n      d: \"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z\",\n      class: \"\"\n    }));\n    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"contact_button\"\n    }, icon);\n  }\n  renderChatButton() {\n    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", null, \"Chat\");\n  }\n  renderCallButton() {\n    let icon = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"svg\", {\n      width: \"20px\",\n      \"aria-hidden\": \"true\",\n      focusable: \"false\",\n      \"data-prefix\": \"fas\",\n      \"data-icon\": \"phone\",\n      role: \"img\",\n      xmlns: \"http://www.w3.org/2000/svg\",\n      viewBox: \"0 0 512 512\",\n      class: \"svg-inline--fa fa-phone fa-w-16 fa-7x\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"path\", {\n      fill: \"currentColor\",\n      d: \"M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z\",\n      class: \"\"\n    }));\n    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", null, icon);\n  }\n  renderButtons(buttons) {\n    if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(buttons) === 0) return null;\n    return _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(buttons, button => {\n      if (button.type === 'map') return this.renderMapButton(button);\n      if (button.type === 'zalo') return this.renderZaloButton(button);\n      if (button.type === 'facebook') return this.renderFacebookButton(button);\n      if (button.type === 'call') return this.renderCallButton(button);\n      if (button.type === 'chat') return this.renderChatButton(button);\n      return null;\n    });\n  }\n  renderByLayoutSideByStandard() {\n    let $buttons = this.renderButtons(this.props.plugin.contact.buttons);\n    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", null, $buttons);\n  }\n  renderLineComponent(com) {\n    let style = Object.assign({}, com.style, this.props.mobile ? com.mobile_style : {});\n    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      style: this.js2css(style)\n    });\n  }\n  renderTextComponent(com) {\n    let style = Object.assign({}, com.style, this.props.mobile ? com.mobile_style : {});\n    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"text\",\n      style: this.js2css(style),\n      dangerouslySetInnerHTML: {\n        __html: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(com, 'text.html')\n      }\n    });\n  }\n  async refreshCSS() {\n    let css = (await CSS).default.default.toString();\n    var outcss = replaceCssVariable(css, this.props.plugin.popup);\n    _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);\n    this.setState({\n      cssready: true\n    });\n  }\n  componentDidMount() {\n    this.$cssStyleDiv = document.createElement('style');\n    document.head.appendChild(this.$cssStyleDiv);\n    this.$cssStyleDiv.type = 'text/css';\n    this.$cssStyleDiv.id = 'subiz-style-for-' + this.props.plugin.id;\n    this.refreshCSS();\n    let pluginstringify = JSON.stringify(this.props.plugin);\n    this.setState({\n      pluginjson: pluginstringify\n    });\n  }\n  render() {\n    if (!this.state.cssready) return null;\n    let pluginstringify = JSON.stringify(this.props.plugin);\n    if (this.state.pluginjson !== pluginstringify) {\n      this.refreshCSS();\n      _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setTimeout(() => this.setState({\n        pluginjson: pluginstringify\n      }));\n    }\n    if (this.state.close) return null;\n    let containercss = '';\n    let bodycss = '';\n    let layout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props.plugin, 'contact.layout', 'standard');\n    let $body = null;\n    if (layout === 'standard' || !layout) {\n      $body = this.renderByLayoutSideByStandard();\n    }\n    if (layout === 'footer') {\n      $body = this.renderByLayoutFooter(_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));\n    }\n    if (layout === 'mini') {\n      $body = this.renderByLayoutMini(_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));\n    }\n    if (layout === 'docked') {\n      $body = this.renderByLayoutDocked(_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));\n    }\n    let left, right, bottom, top, transform;\n    let position = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props.plugin, 'contact.position', 'bottom-left');\n    if (position === 'center-left') {\n      left = '0';\n      top = '50%';\n      transform = 'translateY(-50%)';\n    } else if (position === 'top-left') {\n      left = '0';\n      top = '20px';\n    } else if (position === 'bottom-right') {\n      right = '0';\n      bottom = '20px';\n    } else if (position === 'center-right') {\n      right = '0';\n      top = '50%';\n      transform = 'translateY(-50%)';\n    } else if (position === 'top-right') {\n      right = '0';\n      top = '20px';\n    } else {\n      left = '0';\n      bottom = '20px';\n    }\n    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].js2css({\n        position: 'absolute',\n        left,\n        right,\n        bottom,\n        top,\n        transform,\n        display: 'flex',\n        align_items: 'center',\n        justify_content: 'center',\n        overflow: 'hidden'\n      }),\n      onClick: e => e.stopPropagation()\n    }, $body);\n  }\n}\nfunction isEmpty(value) {\n  return value === undefined || value === null || value === '';\n}\nasync function runCampaign(byTrigger) {\n  if (ran && byTrigger !== 'area_clicked') return;\n  ran = true;\n  pageIndex = 0;\n  let page = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(camp, `pages.${pageIndex}`) || {};\n  showPage(page);\n  triggerType = byTrigger;\n  let {\n    body: impression\n  } = await store.sendImpression(camp.id, byTrigger);\n  impressionToken = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(impression, 'impression_token') || '';\n}\nfunction eq(a, b) {\n  return JSON.stringify(a) === JSON.stringify(b);\n}\nfunction replaceCssVariable(css, setting) {\n  var tokens = [css];\n  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].tokenize(tokens, \"'@font_family'\");\n  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].tokenize(tokens, \"'@font_size'\");\n  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].tokenize(tokens, \"'@text_color'\");\n  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].tokenize(tokens, \"'@primary_color'\");\n  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].tokenize(tokens, \"'@background'\");\n  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].tokenize(tokens, \"'@spacer'\");\n  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].tokenize(tokens, \"'@spacer0'\");\n  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].tokenize(tokens, \"'@spacer2'\");\n  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].tokenize(tokens, \"'@spacer3'\");\n  var ret = [];\n  for (var i = 0; i < tokens.length; i++) {\n    var item = tokens[i];\n    if (typeof item === 'string') {\n      ret.push(item);\n      continue;\n    }\n    var path = item.type.substr(2, item.type.length - 3);\n    var val = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(setting, path) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(DEFVAL, path) || '';\n    ret.push(val);\n  }\n  return ret.join('');\n}\nconst DEFVAL = {\n  font_size: '16px',\n  font_family: 'roboto',\n  text_color: '#333',\n  primary_color: '#333'\n};\n\n//# sourceURL=webpack://@subiz/widget-v4/./src/contact/contact.js?\n}");
+
+/***/ }
+
+}]);

package/dist/src_contact_css_js.js

@@ -0,0 +1,32 @@
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([["src_contact_css_js"],{
+
+/***/ "./src/contact/css.js"
+/*!****************************!*\
+  !*** ./src/contact/css.js ***!
+  \****************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(/*! css-loader!less-loader!../../assets/less/contact.less */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./assets/less/contact.less\"));\n\n//# sourceURL=webpack://@subiz/widget-v4/./src/contact/css.js?\n}");
+
+/***/ },
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./assets/less/contact.less"
+/*!***************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./assets/less/contact.less ***!
+  \***************************************************************************************************************/
+(module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ \"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___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  font-weight: 600;\\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 .badge {\\n  padding: 2px 8px;\\n  font-size: 12px;\\n  font-weight: 600;\\n  border-radius: 6px;\\n  display: inline-flex;\\n  align-items: center;\\n}\\n#sbz92 .badge.badge--success {\\n  color: #28a745;\\n  -webkit-text-fill-color: #28a745;\\n  background: #28a74526;\\n}\\n#sbz92 .dot {\\n  width: 8px;\\n  height: 8px;\\n  border-radius: 4px;\\n  flex-shrink: 0;\\n  background: #000;\\n}\\n#sbz92 .dot.dot--success {\\n  background: #28a745;\\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\", \"\",{\"version\":3,\"sources\":[\"webpack://./assets/less/contact.less\"],\"names\":[],\"mappings\":\"AAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwBC;AACD;EACE,8BAAA;EACA,oBAAoB;AACtB;AACA;;;EAGE,sBAAA;AACF;AACA;EACE,UAAA;AACF;AACA;;EAEE,gBAAA;AACF;AACA;EACE,cAAA;EACA,qBAAA;EACA,6BAAA;EACA,gBAAA;AACF;AACA;EACE,eAAA;EACA,cAAA;EACA,0BAAA;AACF;AACA;EACE,cAAA;EACA,qBAAA;AACF;AACA;EACE,cAAA;EACA,qBAAA;AACF;AACA;EACE,sBAAA;EACA,kBAAA;AACF;AACA;EACE,gBAAA;EACA,sBAAA;AACF;AACA;EACE,qBAAA;AACF;AACA;EACE,gBAAA;AACF;AACA;EACE,mBAAA;EACA,0CAAA;AACF;AACA;;;;;EAKE,SAAA;AACF;AACA;;EAEE,iBAAA;AACF;AACA;;EAEE,oBAAA;AACF;AACA;EACE,iBAAA;AACF;AACA;;;;EAIE,0BAAA;AACF;AACA;;;;EAIE,eAAA;AACF;AACA;;;;EAIE,UAAA;EACA,kBAAA;AACF;AACA;;EAEE,sBAAA;EACA,UAAA;AACF;AACA;;;;EAIE,2BAAA;AACF;AACA;EACE,cAAA;EACA,gBAAA;AACF;AACA;;EAEE,YAAA;AACF;AACA;EACE,aAAA;AACF;AACA;EACE,SAAS;EACT,WAAA;AACF;AACA;EACE,4BAA4B;EAC5B,WAAA;AACF;AACA;EACE,WAAA;AACF;AACA;EACE,cAAA;EACA,kCAAA;EACA,mCAAA;EACA,kCAAA;AACF;AACA;EACE,UAAA;EACA,WAAA;AACF;AACA;EACE,mBAAA;AACF;AACA;EACE,mBAAA;EACA,mBAAA;AACF;AACA;EACE,gBAAA;AACF;AACA;EACE,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,oBAAA;EACA,mBAAA;AACF;AACA;EACE,cAAA;EACA,gCAAA;EACA,qBAAA;AACF;AACA;EACE,UAAA;EACA,WAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;AACF;AACA;EACE,mBAAA;AACF;AACA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,QAAA;EACA,iBAAA;EACA,uBAAA;EACA,cAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;AACF;AACA;EACE,aAAA;AACF;AACA;EACE,aAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,iBAAA;AACF;AACA;EACE,WAAA;EACA,YAAA;EACA,aAAA;AACF;AACA;EACE,kCAAA;EACA,aAAA;EACA,eAAA;EACA,qBAAA;AACF;AACA;EACE,eAAA;EACA,gBAAA;EACA,aAAA;EACA,kBAAA;EACA,kCAAA;EACA,qBAAA;AACF;AACA;EACE,iCAAA;EACA,YAAA;EACA,YAAA;AACF;AACA;EACE,WAAA;EACA,YAAA;AACF;AACA;EACE,WAAA;EACA,YAAA;AACF;AACA;EACE,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EACA,gBAAA;AACF\",\"sourcesContent\":[\"/*\\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  font-weight: 600;\\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 .badge {\\n  padding: 2px 8px;\\n  font-size: 12px;\\n  font-weight: 600;\\n  border-radius: 6px;\\n  display: inline-flex;\\n  align-items: center;\\n}\\n#sbz92 .badge.badge--success {\\n  color: #28a745;\\n  -webkit-text-fill-color: #28a745;\\n  background: #28a74526;\\n}\\n#sbz92 .dot {\\n  width: 8px;\\n  height: 8px;\\n  border-radius: 4px;\\n  flex-shrink: 0;\\n  background: #000;\\n}\\n#sbz92 .dot.dot--success {\\n  background: #28a745;\\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\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/less/contact.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js\n}");
+
+/***/ }
+
+}]);

package/dist/src_form_css_js.js

@@ -0,0 +1,32 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([["src_form_css_js"],{
+
+/***/ "./src/form/css.js"
+/*!*************************!*\
+  !*** ./src/form/css.js ***!
+  \*************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(/*! css-loader!less-loader!../../assets/less/form-page.less */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./assets/less/form-page.less\"));\n\n//# sourceURL=webpack://@subiz/widget-v4/./src/form/css.js?\n}");
+
+/***/ },
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./assets/less/form-page.less"
+/*!*****************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./assets/less/form-page.less ***!
+  \*****************************************************************************************************************/
+() {
+
+eval("{throw new Error(\"Module build failed (from ./node_modules/less-loader/dist/cjs.js):\\n\\n\\n@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inconsolata:wght@300;400;500&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Signika:wght@300;400;500;600&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Yeseva+One&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');\\n^\\nResource 'https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inconsolata:wght@300;400;500&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Signika:wght@300;400;500;600&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Yeseva+One&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap' gave this Error:\\n  Error: getaddrinfo ENOTFOUND fonts.googleapis.com\\n\\n      Error in /Users/thanh/Developer/widget-v4/assets/less/form-page.less (line 1, column 0)\");\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/less/form-page.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js\n}");
+
+/***/ }
+
+}]);

package/dist/src_notif_css_js.js

@@ -0,0 +1,32 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([["src_notif_css_js"],{
+
+/***/ "./src/notif/css.js"
+/*!**************************!*\
+  !*** ./src/notif/css.js ***!
+  \**************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(/*! css-loader!less-loader!../../assets/less/notif.less */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./assets/less/notif.less\"));\n\n//# sourceURL=webpack://@subiz/widget-v4/./src/notif/css.js?\n}");
+
+/***/ },
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./assets/less/notif.less"
+/*!*************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./assets/less/notif.less ***!
+  \*************************************************************************************************************/
+() {
+
+eval("{throw new Error(\"Module build failed (from ./node_modules/less-loader/dist/cjs.js):\\n\\n\\n@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inconsolata:wght@300;400;500&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Signika:wght@300;400;500;600&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Yeseva+One&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');\\n^\\nResource 'https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inconsolata:wght@300;400;500&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Signika:wght@300;400;500;600&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Yeseva+One&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap' gave this Error:\\n  Error: getaddrinfo ENOTFOUND fonts.googleapis.com\\n\\n      Error in /Users/thanh/Developer/widget-v4/assets/less/notif.less (line 1, column 0)\");\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/less/notif.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js\n}");
+
+/***/ }
+
+}]);

package/dist/src_notif_notif_js.js

@@ -0,0 +1,22 @@
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([["src_notif_notif_js"],{
+
+/***/ "./src/notif/notif.js"
+/*!****************************!*\
+  !*** ./src/notif/notif.js ***!
+  \****************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ Notif)\n/* harmony export */ });\n/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../util/index.js */ \"./src/util/index.js\");\n/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! preact */ \"./node_modules/preact/dist/preact.module.js\");\n/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common.js */ \"./src/common.js\");\n/* harmony import */ var _chatbox_block_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../chatbox/block.js */ \"./src/chatbox/block.js\");\nfunction _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; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _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); }\n;\n\n\n\nlet notifCSS = (() => __webpack_require__.e(/*! import() */ \"src_notif_css_js\").then(() => (__webpack_require__(/*! ./css.js */ \"./src/notif/css.js\"))))();\nclass Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__.Com {\n  constructor(props) {\n    super(props);\n    _defineProperty(this, \"state\", {\n      close: true,\n      cssready: false,\n      closeAnimation: true,\n      imageReady: false,\n      user: {},\n      timestamp: '',\n      message: '',\n      title: '',\n      last_show: 0\n    });\n    _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setTimeout(async () => {\n      let {\n        body: impression\n      } = await this.props.store.sendImpression(this.props.plugin.id);\n      this.impressionToken = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(impression, 'impression_token') || '';\n      let image = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props, 'plugin.notification.background_url');\n      _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].preloadImg(image, () => this.setState({\n        imageReady: true\n      }));\n    });\n  }\n  setOver(over) {\n    if (!over) this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Date.now();else this.mouse_leave = 0;\n  }\n  randomTimestampt() {\n    let random = Math.floor(Math.random() * 5);\n    if (random == 0) return this.props.t('just_now');\n    if (random == 1) return '1 ' + this.props.t('minute_ago');\n    if (random == 2) return '2 ' + this.props.t('minutes_ago');\n    if (random == 3) return '3 ' + this.props.t('minutes_ago');\n    return '4 ' + this.props.t('minutes_ago');\n  }\n  onClick(e) {\n    if (this.props.plugin._dont_follow) return;\n    this.props.store.sendConversion(this.props.plugin.id, null, this.impressionToken);\n    let url = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props, 'plugin.notification.url');\n    if (!url) return;\n    if (!url.startsWith('http://') && !url.startsWith('https://')) url = '//' + url;\n    let new_tab = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props, 'plugin.notification.new_tab', false);\n    if (new_tab) return window.open(url);\n    window.location.href = url;\n  }\n  onCloseButtonClick(e) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.setClose(true);\n  }\n  renderCloseButton() {\n    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"btn_close\",\n      onClick: e => this.onCloseButtonClick(e)\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"svg\", {\n      class: \"btn_close__icon\",\n      xmlns: \"http://www.w3.org/2000/svg\",\n      width: \"24\",\n      height: \"24\",\n      viewBox: \"0 0 24 24\",\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"line\", {\n      x1: \"18\",\n      y1: \"6\",\n      x2: \"6\",\n      y2: \"18\",\n      style: \"stroke-width: 3 !important;\"\n    }), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"line\", {\n      x1: \"6\",\n      y1: \"6\",\n      x2: \"18\",\n      y2: \"18\",\n      style: \"stroke-width: 3 !important;\"\n    })));\n  }\n  async waitForT() {\n    if (this.props.t) return;\n    await _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].sleep(100);\n    return this.waitForT();\n  }\n  async setClose(close) {\n    await this.waitForT();\n    if (!this.props.t) return;\n    if (!close) {\n      _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].clearTimeout(this.lastCloseTimeout);\n      this.setState({\n        closeAnimation: false\n      });\n      let timestamp = this.randomTimestampt();\n      let profiles = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props, 'plugin.notification.profiles', []);\n      _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props.plugin, 'notification.custom_avatar_urls'), url => {\n        profiles.push({\n          type: 'person',\n          fullname: randomName(),\n          avatar_url: url,\n          email: randomEmail(),\n          address: randomAddress(),\n          phone: ramdomPhone(),\n          age: randomAge()\n        });\n      });\n      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(profiles) == 0) {\n        profiles.push({\n          type: 'person',\n          fullname: randomName(),\n          avatar_url: 'https://public-gcs.subiz-cdn.com/widget_assets/profile_images/VNF25.png',\n          email: randomEmail(),\n          address: randomAddress(),\n          phone: ramdomPhone(),\n          age: randomAge()\n        });\n      }\n      let user = profiles[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(profiles))] || {};\n      if (user.avatar_url && user.avatar_url.startsWith('http')) {\n        await _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].preloadImg(user.avatar_url);\n      }\n      let i18n_messages = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props, 'plugin.notification.i18n_message_blocks', []);\n      let i18n_message = i18n_messages[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(i18n_messages))].i18n;\n      let fallbackmsgs = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props, 'plugin.notification.message_blocks', []);\n      let fallbackmessage = fallbackmsgs[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(fallbackmsgs))];\n      let i18n_title = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props, 'plugin.notification.i18n_title_block');\n      return this.setState({\n        close: false,\n        last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Date.now(),\n        timestamp: timestamp,\n        user: user,\n        title: this.props.t.i18n(i18n_title) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props, 'plugin.notification.title_block'),\n        message: this.props.t.i18n(i18n_message) || fallbackmessage\n      });\n    }\n    this.setState({\n      closeAnimation: true\n    });\n    this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Date.now();\n    this.lastCloseTimeout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setTimeout(() => this.setState({\n      close: true,\n      closeAnimation: false\n    }), 150);\n    if (this.props.plugin._dont_close) _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setTimeout(() => this.setState({\n      closeAnimation: false,\n      close: false\n    }), 1000);\n  }\n  async refreshCSS() {\n    let plugins = this.props.store.matchPlugin();\n    let found = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].find(plugins, plugin => plugin.id === this.props.plugin.id);\n    if (!found) return;\n    let css = (await notifCSS).default.default.toString();\n    _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setCss(this.props.plugin.id, this.$cssStyleDiv, css);\n    this.setClose(this.state.close);\n  }\n  componentWillUnmount() {\n    _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].clearInterval(this.interval);\n    _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setCss(this.props.plugin.id, this.$cssStyleDiv, '');\n  }\n  async componentDidMount() {\n    this.setState({\n      last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Date.now()\n    });\n    this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);\n    if (!this.$cssStyleDiv) {\n      this.$cssStyleDiv = document.createElement('style');\n      document.head.appendChild(this.$cssStyleDiv);\n      this.$cssStyleDiv.type = 'text/css';\n      this.$cssStyleDiv.id = 'subiz-style-for-' + this.props.plugin.id;\n    }\n    this.props.store.onResetCSS(this, () => this.refreshCSS());\n    await this.refreshCSS();\n    this.interval = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setInterval(() => {\n      if (this.props._destroy) return this.componentWillUnmount();\n      let mouseleave = this.mouse_leave;\n      if (mouseleave === 0) mouseleave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Date.now();\n      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Date.now() - mouseleave < 1000) return;\n      if (!this.state.close && !this.props.plugin._dont_close) {\n        if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Date.now() - this.state.last_show > 8000) return this.setClose(true);\n        return;\n      }\n      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Date.now() - this.state.last_show > this.props.plugin.notification.interval_sec) {\n        return this.setClose(false);\n      }\n    }, 1000);\n    _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setTimeout(() => {\n      this.setState({\n        cssready: true\n      });\n      this.setClose(false);\n    }, 50);\n  }\n  render() {\n    if (!this.props.t) return null;\n    if (!this.state.cssready) return null;\n    if (!this.state.imageReady) return null;\n    if (this.state.close) return null;\n    if (!this.state.message) return null;\n    let notif = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props.plugin, 'notification', {});\n    if (!notif) return null;\n    let animation = '';\n    let pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(notif, 'position', 'bottom-left');\n    if (this.props.mobile) pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(notif, 'mobile_position', pos);\n    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') {\n      animation = 'fadeInUpBig';\n    } else {\n      pos = 'bottom-left';\n      animation = 'fadeInUpBig';\n    }\n    let user = this.state.user || {};\n    let subtextStyle = notif.subtext_style || {};\n    if (subtextStyle.color === undefined) subtextStyle.color = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(notif, 'message_style.color', 'black');\n    let st = 'position: fixed !important; z-index: 1000000000 !important';\n    if (this.props.plugin._preview) st = 'position: absolute !important;';\n    if (this.state.closeAnimation) animation = 'fadeOut';\n    let $avatar = null;\n    if (user.avatar_url) $avatar = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"img\", {\n      alt: \"notification avatar\",\n      class: \"notif_avatar__img\",\n      src: user.avatar_url\n    });\n    let $time = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"notif_time\",\n      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].js2css(notif.subtext_style)\n    }, this.state.timestamp);\n    let data = {\n      'user.fullname': user.fullname,\n      'user.email': user.email,\n      'user.address': user.address,\n      'user.phone': user.phone\n    };\n    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: animation + ' notif' + ' notif__' + pos,\n      onClick: e => this.onClick(e),\n      onmouseover: e => this.setOver(true),\n      style: st,\n      onmouseleave: e => this.setOver(false)\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      style: \"position: relative !important; display: flex !important; align-items: center !important;\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"img\", {\n      alt: \"notification background\",\n      class: \"notif_bg\",\n      src: notif.background_url,\n      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].js2css(notif.background_style)\n    }), this.renderCloseButton(), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"notif_avatar\",\n      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].js2css(notif.avatar_style)\n    }, $avatar), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"notif_body\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"notif_title\",\n      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].js2css(notif.title_style)\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_chatbox_block_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      block: this.state.title,\n      data: data\n    })), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(\"div\", {\n      class: \"notif_message\",\n      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].js2css(notif.message_style)\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_chatbox_block_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      block: this.state.message,\n      data: data\n    })), $time)));\n  }\n}\nfunction randomName() {\n  let db = ['Kiều Thanh', 'Phương Anh', 'Lê Thùy Linh', 'Trang Nguyễn', 'Thanh Hoa', 'Hoài Đức', 'Huơng Giang'];\n  return db[Math.floor(Math.random() * db.length)];\n}\nfunction randomAge() {\n  return 15 + Math.floor(Math.random() * 20);\n}\nfunction ramdomPhone() {\n  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';\n}\nfunction randomEmail() {\n  return randomName().split(' ').join('.').toLowerCase() + '@gmail.com';\n}\nfunction randomAddress() {\n  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'];\n  return db[Math.floor(Math.random() * db.length)];\n}\n\n//# sourceURL=webpack://@subiz/widget-v4/./src/notif/notif.js?\n}");
+
+/***/ }
+
+}]);

package/dist/src_popup_css_js.js

@@ -0,0 +1,32 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([["src_popup_css_js"],{
+
+/***/ "./src/popup/css.js"
+/*!**************************!*\
+  !*** ./src/popup/css.js ***!
+  \**************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(/*! css-loader!less-loader!../../assets/less/popup.less */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./assets/less/popup.less\"));\n\n//# sourceURL=webpack://@subiz/widget-v4/./src/popup/css.js?\n}");
+
+/***/ },
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./assets/less/popup.less"
+/*!*************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./assets/less/popup.less ***!
+  \*************************************************************************************************************/
+() {
+
+eval("{throw new Error(\"Module build failed (from ./node_modules/less-loader/dist/cjs.js):\\n\\n\\n@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inconsolata:wght@300;400;500&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Signika:wght@300;400;500;600&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Yeseva+One&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');\\n^\\nResource 'https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inconsolata:wght@300;400;500&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Signika:wght@300;400;500;600&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Yeseva+One&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap' gave this Error:\\n  Error: getaddrinfo ENOTFOUND fonts.googleapis.com\\n\\n      Error in /Users/thanh/Developer/widget-v4/assets/less/popup.less (line 1, column 0)\");\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/less/popup.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js\n}");
+
+/***/ }
+
+}]);