@subiz/widget-v4 4.1.205 → 4.1.206

package/dist/screenshoot.js

@@ -672,7 +672,7 @@ function randomString(len, base) {
 	return str
 }
 
-module.exports = {xhrsend, parseJSON, Pubsub, randomString, logError}
+module.exports = {xhrsend, parseJSON, Pubsub, ...void (randomString), ...void (logError)}
 
 
 /***/ },
@@ -710,13 +710,24 @@ function Conn(apiUrl, credential, onDead, onEvents, callAPI, accid) {
 	// using an exponential backoff strategy. It will terminate if an unretryable
 	// error is encountered.
 	// The first loop begins after the first subscription call completes successfully
+	var MIN_POLL_INTERVAL = 250 // max 4 req/s, in case the server returns instantly instead of holding the long poll
+	var last_poll_at = 0
+	var polling_started = false // make sure only one polling loop is running
+	var startPolling = function () {
+		if (polling_started) return
+		polling_started = true
+		polling(0)
+	}
 	var polling = function (backoff) {
 		if (is_dead) return
+		last_poll_at = Date.now()
 		callAPI('get', apiUrl + 'poll?token=' + lastToken + '&v=5&account-id=' + accid, undefined, function (body, code) {
 			if (is_dead) return
+			var wait = MIN_POLL_INTERVAL - (Date.now() - last_poll_at)
+			if (wait < 0) wait = 0
 			if (retryable(code)) {
 				is_polling_stuck = true
-				return setTimeout(polling, calcNextBackoff(backoff), backoff + 1)
+				return setTimeout(polling, Math.max(calcNextBackoff(backoff), wait), backoff + 1)
 			}
 
 			if (code !== 200) {
@@ -735,6 +746,7 @@ function Conn(apiUrl, credential, onDead, onEvents, callAPI, accid) {
 			if (!seqToken) return kill('poll')
 			lastToken = seqToken
 			onEvents(body.events || [])
+			if (wait > 0) return setTimeout(polling, wait, 0)
 			return polling(0)
 		})
 	}
@@ -771,64 +783,73 @@ function Conn(apiUrl, credential, onDead, onEvents, callAPI, accid) {
 				}
 
 				var query = '?token=' + lastToken
-				credential.getAccessToken().then(function (access_token) {
-					if (is_dead) {
-						resolve(repeat('dead', topics.length))
-						return rs(false) // break loop
-					}
-
-					if (credential.user_ref) query += '&user_ref=' + encodeURIComponent(credential.user_ref)
-					else if (credential.user_mask) query += '&user-mask=' + encodeURIComponent(credential.user_mask)
-					else if (access_token) query += '&access-token=' + access_token
-
-					var fullurl =
-						apiUrl + 'subs' + query + '&v=5&account-id=' + encodeURIComponent(accid || credential.account_id)
-					callAPI('post', fullurl, JSON.stringify({events: topics}), function (body, code) {
-						if (done) return
+				Promise.resolve()
+					.then(function () {
+						return credential.getAccessToken()
+					})
+					.then(function (access_token) {
 						if (is_dead) {
 							resolve(repeat('dead', topics.length))
 							return rs(false) // break loop
 						}
 
-						if (retryable(code)) {
-							is_sub_stuck = true
-							return setTimeout(rs, 3000, true)
-						}
-
-						// unretryable error
-						if (code !== 200) {
-							// we are unable to start the communication with the realtime server.
-							// Must notify the user by killing the connection
-							kill('subs')
-							resolve(repeat('dead', topics.length))
-							return rs(false)
-						}
-						is_sub_stuck = false
-						done = true
-						if (lastToken) {
+						if (credential.user_ref) query += '&user_ref=' + encodeURIComponent(credential.user_ref)
+						else if (credential.user_mask) query += '&user-mask=' + encodeURIComponent(credential.user_mask)
+						else if (access_token) query += '&access-token=' + access_token
+
+						var fullurl =
+							apiUrl + 'subs' + query + '&v=5&account-id=' + encodeURIComponent(accid || credential.account_id)
+						callAPI('post', fullurl, JSON.stringify({events: topics}), function (body, code) {
+							if (done) return
+							if (is_dead) {
+								resolve(repeat('dead', topics.length))
+								return rs(false) // break loop
+							}
+
+							if (retryable(code)) {
+								is_sub_stuck = true
+								return setTimeout(rs, 3000, true)
+							}
+
+							// unretryable error
+							if (code !== 200) {
+								// we are unable to start the communication with the realtime server.
+								// Must notify the user by killing the connection
+								kill('subs')
+								resolve(repeat('dead', topics.length))
+								return rs(false)
+							}
+							is_sub_stuck = false
+							done = true
+							if (lastToken) {
+								resolve(topics)
+								return rs(false)
+							}
+
+							// first time sub, should grab the initial token
+							body = parseJSON(body) || {}
+							var initialToken = body.initial_token
+							// the server returns a malform payload. We should end
+							if (!initialToken) {
+								kill('subs')
+								resolve(repeat('dead', topics.length))
+								return rs(false) // break loop
+							}
+
+							// learn new host
+							if (body.host) apiUrl = absUrl(body.host)
+
+							lastToken = initialToken
+							startPolling()
 							resolve(topics)
-							return rs(false)
-						}
-
-						// first time sub, should grab the initial token
-						body = parseJSON(body) || {}
-						var initialToken = body.initial_token
-						// the server returns a malform payload. We should end
-						if (!initialToken) {
-							kill('subs')
-							resolve(repeat('dead', topics.length))
-							return rs(false) // break loop
-						}
-
-						// learn new host
-						if (body.host) apiUrl = absUrl(body.host)
-
-						lastToken = initialToken
-						polling(0)
-						resolve(topics)
-						return rs(false) // to break the loop
+							return rs(false) // to break the loop
+						})
+					})
+					.catch(function () {
+						// getAccessToken failed, retry instead of hanging the loop
+						is_sub_stuck = true
+						setTimeout(rs, 3000, true)
 					})
-				})
 			})
 		})
 
@@ -874,8 +895,11 @@ function Realtime(apiUrls, credential, callAPI, accid, skipautoreconnect) {
 	// stop the connection
 	this.stop = function () {
 		if (!conn) return
-		conn.kill()
+		// detach before killing so onDead knows this is intentional and
+		// doesn't schedule a reconnect
+		var oldconn = conn
 		conn = undefined
+		oldconn.kill()
 		pubsub.emit('interrupted')
 	}
 
@@ -919,7 +943,14 @@ function Realtime(apiUrls, credential, callAPI, accid, skipautoreconnect) {
 	var conn
 	var reconnect = function () {
 		var randomUrl = apiUrls[Math.floor(Math.random() * apiUrls.length)]
-		if (conn) conn.kill() // kill old connection
+		if (conn) {
+			// detach before killing so the old conn's onDead doesn't
+			// schedule another reconnect (which would kill this new conn,
+			// schedule another one, and churn forever)
+			var oldconn = conn
+			conn = undefined
+			oldconn.kill()
+		}
 		var myconn = new Conn(
 			randomUrl,
 			credential,
@@ -992,7 +1023,7 @@ module.exports = Realtime
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ Emoji)
 /* harmony export */ });
-/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8150);
+/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8026);
 /* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2840);
 /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(172);
 
@@ -1019,7 +1050,7 @@ class Emoji extends _common_js__WEBPACK_IMPORTED_MODULE_1__/* .Com */ .Mw {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ Block)
 /* harmony export */ });
-/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8150);
+/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8026);
 /* harmony import */ var _Emoji_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2959);
 /* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2840);
 /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(172);
@@ -1225,10 +1256,11 @@ function absLink(url) {
 
 "use strict";
 __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__(8113));
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "default", 0, /* export default binding */ __WEBPACK_DEFAULT_EXPORT__
+/* harmony export */ ]);
+
 
 /***/ },
 
@@ -1236,10 +1268,7 @@ __webpack_require__.r(__webpack_exports__);
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8150);
+/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8026);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (class {
   constructor(config) {
@@ -1294,6 +1323,10 @@ function linearTransform(from, to, t, duration) {
 function eqFloat(a, b) {
   return Math.abs(a - b) <= 0.001;
 }
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "A", 0, /* export default binding */ __WEBPACK_DEFAULT_EXPORT__
+/* harmony export */ ]);
+
 
 /***/ },
 
@@ -1342,7 +1375,7 @@ class Spinner extends _common_js__WEBPACK_IMPORTED_MODULE_0__/* .Com */ .Mw {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ Time)
 /* harmony export */ });
-/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8150);
+/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8026);
 /* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2840);
 /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(172);
 
@@ -1490,13 +1523,12 @@ function ago(timeA, timeB, t) {
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Dy: () => (/* binding */ downloadLanguage),
-/* harmony export */   JK: () => (/* binding */ getLocale),
 /* harmony export */   Mw: () => (/* binding */ Com),
 /* harmony export */   r9: () => (/* binding */ langMessages),
 /* harmony export */   tW: () => (/* binding */ Clickaway)
 /* harmony export */ });
 /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(172);
-/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8150);
+/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8026);
 
 
 class Com extends preact__WEBPACK_IMPORTED_MODULE_0__/* .Component */ .uA {
@@ -1568,6 +1600,10 @@ function downloadLanguage(store, locale, force) {
     langMessages[locale] = messages;
   });
 }
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "JK", 0, /* binding */ getLocale
+/* harmony export */ ]);
+
 
 /***/ },
 
@@ -1609,14 +1645,25 @@ module.exports = localStorageMemory;
 
 /***/ },
 
-/***/ 9917
+/***/ 8026
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ util)
+});
+
+// EXTERNAL MODULE: ./node_modules/@subiz/ajax/src/ajax.js
+var ajax_namespaceFn = () => {
+	return __webpack_require__(318);
+};
+
+// MODULE: ./src/util/common.js
+var common_namespaceFn = /*#__PURE__*/__webpack_require__.cw(function(module, __webpack_exports__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   DEFVAL: () => (/* binding */ DEFVAL),
-/* harmony export */   DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL: () => (/* binding */ DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL),
 /* harmony export */   Date: () => (/* binding */ Date),
 /* harmony export */   XMLHttpRequest: () => (/* binding */ XMLHttpRequest),
 /* harmony export */   agentsOfConvo: () => (/* binding */ agentsOfConvo),
@@ -1695,8 +1742,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   unixSec: () => (/* binding */ unixSec),
 /* harmony export */   usersOfConvo: () => (/* binding */ usersOfConvo)
 /* harmony export */ });
-var op = __webpack_require__(3259);
-const ajax = __webpack_require__(318);
+var op = op_namespaceFn();
+const ajax = ajax_namespaceFn();
 function rgbToHsl(r, g, b) {
   ;
   r /= 255, g /= 255, b /= 255;
@@ -2974,13 +3021,100 @@ function checkUrlCondition(cond, href) {
   if (!foundInclude) return false;
   return true;
 }
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "DEFVAL", 0, /* binding */ DEFVAL,
+/* harmony export */   "DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL", 0, /* binding */ DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL
+/* harmony export */ ]);
 
-/***/ },
+});
 
-/***/ 1139
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+// NAMESPACE OBJECT (decoupled): ./src/util/common.js
+var common_namespaceObject = {};
+__webpack_require__.r(common_namespaceObject);
+__webpack_require__.d(common_namespaceObject, {
+  DEFVAL: () => ((common_namespaceFn().DEFVAL)),
+  DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL: () => ((common_namespaceFn().DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL)),
+  Date: () => ((common_namespaceFn().Date)),
+  XMLHttpRequest: () => ((common_namespaceFn().XMLHttpRequest)),
+  agentsOfConvo: () => ((common_namespaceFn().agentsOfConvo)),
+  blockToText: () => ((common_namespaceFn().blockToText)),
+  checkRunConditions: () => ((common_namespaceFn().checkRunConditions)),
+  checkUrlCondition: () => ((common_namespaceFn().checkUrlCondition)),
+  clearInterval: () => ((common_namespaceFn().clearInterval)),
+  clearTimeout: () => ((common_namespaceFn().clearTimeout)),
+  cloneDeep: () => ((common_namespaceFn().cloneDeep)),
+  convoOfEv: () => ((common_namespaceFn().convoOfEv)),
+  convoToEv: () => ((common_namespaceFn().convoToEv)),
+  detectLang: () => ((common_namespaceFn().detectLang)),
+  diffDay: () => ((common_namespaceFn().diffDay)),
+  diffYear: () => ((common_namespaceFn().diffYear)),
+  each: () => ((common_namespaceFn().each)),
+  extract: () => ((common_namespaceFn().extract)),
+  extractEmails: () => ((common_namespaceFn().extractEmails)),
+  extractEmojis: () => ((common_namespaceFn().extractEmojis)),
+  extractLinks: () => ((common_namespaceFn().extractLinks)),
+  extractPhones: () => ((common_namespaceFn().extractPhones)),
+  extractText: () => ((common_namespaceFn().extractText)),
+  filter: () => ((common_namespaceFn().filter)),
+  find: () => ((common_namespaceFn().find)),
+  formatCurrency: () => ((common_namespaceFn().formatCurrency)),
+  getAgentDisplayName: () => ((common_namespaceFn().getAgentDisplayName)),
+  getDayName: () => ((common_namespaceFn().getDayName)),
+  getMs: () => ((common_namespaceFn().getMs)),
+  getUrlParameter: () => ((common_namespaceFn().getUrlParameter)),
+  getUserAttr: () => ((common_namespaceFn().getUserAttr)),
+  hslToRgb: () => ((common_namespaceFn().hslToRgb)),
+  includes: () => ((common_namespaceFn().includes)),
+  isBlockEmpty: () => ((common_namespaceFn().isBlockEmpty)),
+  isConvoSeen: () => ((common_namespaceFn().isConvoSeen)),
+  isEmail: () => ((common_namespaceFn().isEmail)),
+  isEmptyBlock: () => ((common_namespaceFn().isEmptyBlock)),
+  isEmptyMessage: () => ((common_namespaceFn().isEmptyMessage)),
+  isNumber: () => ((common_namespaceFn().isNumber)),
+  isPhone: () => ((common_namespaceFn().isPhone)),
+  isURL: () => ((common_namespaceFn().isURL)),
+  isUserBanned: () => ((common_namespaceFn().isUserBanned)),
+  js2css: () => ((common_namespaceFn().js2css)),
+  last: () => ((common_namespaceFn().last)),
+  map: () => ((common_namespaceFn().map)),
+  merge: () => ((common_namespaceFn().merge)),
+  noop: () => ((common_namespaceFn().noop)),
+  norm: () => ((common_namespaceFn().norm)),
+  offsetToMin: () => ((common_namespaceFn().offsetToMin)),
+  orderBy: () => ((common_namespaceFn().orderBy)),
+  orderByF: () => ((common_namespaceFn().orderByF)),
+  parseJSON: () => ((common_namespaceFn().parseJSON)),
+  pipeExtracts: () => ((common_namespaceFn().pipeExtracts)),
+  preloadImg: () => ((common_namespaceFn().preloadImg)),
+  preloadWebfonts: () => ((common_namespaceFn().preloadWebfonts)),
+  randomString: () => ((common_namespaceFn().randomString)),
+  replaceAll: () => ((common_namespaceFn().replaceAll)),
+  replaceCssVariable: () => ((common_namespaceFn().replaceCssVariable)),
+  replaceCssVariablePlugin: () => ((common_namespaceFn().replaceCssVariablePlugin)),
+  requestAnimationFrame: () => ((common_namespaceFn().requestAnimationFrame)),
+  rgbToHsl: () => ((common_namespaceFn().rgbToHsl)),
+  sameDay: () => ((common_namespaceFn().sameDay)),
+  scrollIntoViewIfNeeded: () => ((common_namespaceFn().scrollIntoViewIfNeeded)),
+  setCss: () => ((common_namespaceFn().setCss)),
+  setInterval: () => ((common_namespaceFn().setInterval)),
+  setTimeout: () => ((common_namespaceFn().setTimeout)),
+  setUserAttr: () => ((common_namespaceFn().setUserAttr)),
+  shortTime: () => ((common_namespaceFn().shortTime)),
+  size: () => ((common_namespaceFn().size)),
+  sleep: () => ((common_namespaceFn().sleep)),
+  startsWith: () => ((common_namespaceFn().startsWith)),
+  stringify: () => ((common_namespaceFn().stringify)),
+  throttle: () => ((common_namespaceFn().throttle)),
+  tokenize: () => ((common_namespaceFn().tokenize)),
+  trim: () => ((common_namespaceFn().trim)),
+  trimStart: () => ((common_namespaceFn().trimStart)),
+  unicodeToAscii: () => ((common_namespaceFn().unicodeToAscii)),
+  unixSec: () => ((common_namespaceFn().unixSec)),
+  usersOfConvo: () => ((common_namespaceFn().usersOfConvo))
+});
 
-"use strict";
+// MODULE: ./src/util/gate.js
+var gate_namespaceFn = /*#__PURE__*/__webpack_require__.cw(function(module, __webpack_exports__) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ Gate)
 /* harmony export */ });
@@ -3015,132 +3149,10 @@ class Gate {
     });
   }
 }
-
-/***/ },
-
-/***/ 8150
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  A: () => (/* binding */ util)
 });
 
-// NAMESPACE OBJECT: ./src/util/campaign.js
-var campaign_namespaceObject = {};
-__webpack_require__.r(campaign_namespaceObject);
-__webpack_require__.d(campaign_namespaceObject, {
-  trackAreaClicked: () => (trackAreaClicked),
-  trackExitIntent: () => (trackExitIntent),
-  trackInactivity: () => (trackInactivity),
-  trackScrollingPercentage: () => (trackScrollingPercentage),
-  trackTimeOnPage: () => (trackTimeOnPage)
-});
-
-// EXTERNAL MODULE: ./src/util/common.js
-var common = __webpack_require__(9917);
-;// ./src/util/campaign.js
-var campaign_common = __webpack_require__(9917);
-function trackExitIntent(cb) {
-  let handler = e => {
-    if (e.clientY > 10) return;
-    if (cb) cb();
-    document.removeEventListener('mouseout', handler);
-  };
-  document.addEventListener('mouseout', handler);
-}
-function trackScrollingPercentage(percent, cb) {
-  let handleScroll = e => {
-    let scrollTop = e.srcElement.scrollingElement ? e.srcElement.scrollingElement.scrollTop : e.srcElement.scrollTop;
-    let scrollHeight = e.srcElement.scrollingElement ? e.srcElement.scrollingElement.scrollHeight : e.srcElement.scrollHeight;
-    if (scrollTop > 0 && scrollHeight > 0 && (scrollTop + window.innerHeight) / scrollHeight >= percent) {
-      if (cb) cb();
-      window.removeEventListener('scroll', handleScroll, false);
-    }
-  };
-  window.addEventListener('scroll', handleScroll, false);
-}
-function trackAreaClicked(selector, cb) {
-  if (!selector) return;
-  selector = selector || '';
-  campaign_common.map(selector.split('\n'), selector => {
-    selector = campaign_common.trim(selector);
-    if (!selector) return;
-    on('click', selector, cb);
-  });
-}
-function trackInactivity(seconds = 0, cb) {
-  let events = ['scroll', 'keyup', 'keydown', 'mousemove', 'mousewheel', 'mouseenter', 'mouseover', 'mousedown', 'touchstart', 'touchmove', 'touchenter'];
-  let inactiveSeconds = 0;
-  let resetTime = () => {
-    inactiveSeconds = 0;
-  };
-  let timer = campaign_common.setInterval(() => {
-    inactiveSeconds++;
-    if (inactiveSeconds < seconds) return;
-    if (cb) cb();
-    for (let ev of events) {
-      document.removeEventListener(ev, resetTime, false);
-    }
-    campaign_common.clearInterval(timer);
-  }, 1000);
-  for (let ev of events) {
-    document.addEventListener(ev, resetTime, false);
-  }
-}
-let _pageLoaded = campaign_common.Date.now();
-function trackTimeOnPage(seconds = 0, cb) {
-  if (seconds < 1) {
-    return campaign_common.setTimeout(function () {
-      cb(seconds);
-    }, 100);
-  }
-  let timer = campaign_common.setInterval(() => {
-    let timeOnPage = (campaign_common.Date.now() - _pageLoaded) / 1000;
-    if (timeOnPage < seconds) return;
-    if (cb) cb(timeOnPage);
-    campaign_common.clearInterval(timer);
-  }, 200);
-}
-function on(eventName, selector, fn) {
-  document.addEventListener(eventName, function (event) {
-    let possibleTargets = document.querySelectorAll(selector);
-    let target = event.target;
-    for (let i = 0, l = possibleTargets.length; i < l; i++) {
-      let el = target;
-      let p = possibleTargets[i];
-      while (el && el !== document) {
-        if (el === p) {
-          return fn.call(p, event);
-        }
-        el = el.parentNode;
-      }
-    }
-  });
-}
-;// ./src/util/index.js
-var sb = {};
-
-sb = Object.assign(sb, common);
-sb.Gate = (__webpack_require__(1139)/* ["default"] */ .A);
-sb.Mutex = (__webpack_require__(5369)/* ["default"] */ .A);
-var op = __webpack_require__(3259);
-sb.get = op.get;
-sb.set = op.set;
-sb.take = op.take;
-sb.Pubsub = (__webpack_require__(6463)/* ["default"] */ .A);
-
-sb = Object.assign(sb, campaign_namespaceObject);
-/* harmony default export */ const util = (sb);
-
-/***/ },
-
-/***/ 5369
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
+// MODULE: ./src/util/mutex.js
+var mutex_namespaceFn = /*#__PURE__*/__webpack_require__.cw(function(module, __webpack_exports__) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ Mutex)
 /* harmony export */ });
@@ -3168,13 +3180,10 @@ class Mutex {
     this._check();
   }
 }
+});
 
-/***/ },
-
-/***/ 3259
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
+// MODULE: ./src/util/op.js
+var op_namespaceFn = /*#__PURE__*/__webpack_require__.cw(function(module, __webpack_exports__) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   get: () => (/* binding */ get),
@@ -3237,20 +3246,17 @@ function take(arr, n = 1) {
   let end = Math.min(n, len);
   return arr.slice(0, end);
 }
+});
 
-/***/ },
-
-/***/ 6463
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
+// MODULE: ./src/util/pubsub.js
+var pubsub_namespaceFn = /*#__PURE__*/__webpack_require__.cw(function(module, __webpack_exports__) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ Pubsub)
 /* harmony export */ });
 var {
   filter,
   map
-} = __webpack_require__(9917);
+} = common_namespaceFn();
 class Pubsub {
   constructor() {
     this.listeners = {};
@@ -3269,6 +3275,115 @@ class Pubsub {
     });
   }
 }
+});
+
+// NAMESPACE OBJECT (decoupled): ./src/util/campaign.js
+var campaign_namespaceObject = {};
+__webpack_require__.r(campaign_namespaceObject);
+__webpack_require__.d(campaign_namespaceObject, {
+  trackAreaClicked: () => (trackAreaClicked),
+  trackExitIntent: () => (trackExitIntent),
+  trackInactivity: () => (trackInactivity),
+  trackScrollingPercentage: () => (trackScrollingPercentage),
+  trackTimeOnPage: () => (trackTimeOnPage)
+});
+
+;// ./src/util/common.js
+common_namespaceFn();
+
+;// ./src/util/campaign.js
+var common = common_namespaceFn();
+function trackExitIntent(cb) {
+  let handler = e => {
+    if (e.clientY > 10) return;
+    if (cb) cb();
+    document.removeEventListener('mouseout', handler);
+  };
+  document.addEventListener('mouseout', handler);
+}
+function trackScrollingPercentage(percent, cb) {
+  let handleScroll = e => {
+    let scrollTop = e.srcElement.scrollingElement ? e.srcElement.scrollingElement.scrollTop : e.srcElement.scrollTop;
+    let scrollHeight = e.srcElement.scrollingElement ? e.srcElement.scrollingElement.scrollHeight : e.srcElement.scrollHeight;
+    if (scrollTop > 0 && scrollHeight > 0 && (scrollTop + window.innerHeight) / scrollHeight >= percent) {
+      if (cb) cb();
+      window.removeEventListener('scroll', handleScroll, false);
+    }
+  };
+  window.addEventListener('scroll', handleScroll, false);
+}
+function trackAreaClicked(selector, cb) {
+  if (!selector) return;
+  selector = selector || '';
+  common.map(selector.split('\n'), selector => {
+    selector = common.trim(selector);
+    if (!selector) return;
+    on('click', selector, cb);
+  });
+}
+function trackInactivity(seconds = 0, cb) {
+  let events = ['scroll', 'keyup', 'keydown', 'mousemove', 'mousewheel', 'mouseenter', 'mouseover', 'mousedown', 'touchstart', 'touchmove', 'touchenter'];
+  let inactiveSeconds = 0;
+  let resetTime = () => {
+    inactiveSeconds = 0;
+  };
+  let timer = common.setInterval(() => {
+    inactiveSeconds++;
+    if (inactiveSeconds < seconds) return;
+    if (cb) cb();
+    for (let ev of events) {
+      document.removeEventListener(ev, resetTime, false);
+    }
+    common.clearInterval(timer);
+  }, 1000);
+  for (let ev of events) {
+    document.addEventListener(ev, resetTime, false);
+  }
+}
+let _pageLoaded = common.Date.now();
+function trackTimeOnPage(seconds = 0, cb) {
+  if (seconds < 1) {
+    return common.setTimeout(function () {
+      cb(seconds);
+    }, 100);
+  }
+  let timer = common.setInterval(() => {
+    let timeOnPage = (common.Date.now() - _pageLoaded) / 1000;
+    if (timeOnPage < seconds) return;
+    if (cb) cb(timeOnPage);
+    common.clearInterval(timer);
+  }, 200);
+}
+function on(eventName, selector, fn) {
+  document.addEventListener(eventName, function (event) {
+    let possibleTargets = document.querySelectorAll(selector);
+    let target = event.target;
+    for (let i = 0, l = possibleTargets.length; i < l; i++) {
+      let el = target;
+      let p = possibleTargets[i];
+      while (el && el !== document) {
+        if (el === p) {
+          return fn.call(p, event);
+        }
+        el = el.parentNode;
+      }
+    }
+  });
+}
+;// ./src/util/index.js
+var sb = {};
+
+sb = Object.assign(sb, common_namespaceObject);
+sb.Gate = (gate_namespaceFn().A);
+sb.Mutex = (mutex_namespaceFn().A);
+var util_op = op_namespaceFn();
+sb.get = util_op.get;
+sb.set = util_op.set;
+sb.take = util_op.take;
+sb.Pubsub = (pubsub_namespaceFn().A);
+
+sb = Object.assign(sb, campaign_namespaceObject);
+/* harmony default export */ const util = (sb);
 
 /***/ },
 
@@ -3464,9 +3579,6 @@ class Pubsub {
 
 "use strict";
 __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__);
 /* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4417);
@@ -3576,6 +3688,10 @@ ___CSS_LOADER_EXPORT___.push([module.id, "#sbz92 * {\n  all: unset !important;\n
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "default", 0, /* export default binding */ __WEBPACK_DEFAULT_EXPORT__
+/* harmony export */ ]);
+
 
 /***/ },
 
@@ -3987,17 +4103,17 @@ var n,l,u,t,i,o,r,f,e,c={},s=[],a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine
 /******/ 	});
 /************************************************************************/
 /******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
+/******/ 	const __webpack_module_cache__ = {};
 /******/ 	
 /******/ 	// The require function
 /******/ 	function __webpack_require__(moduleId) {
 /******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		const cachedModule = __webpack_module_cache__[moduleId];
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 		const module = __webpack_module_cache__[moduleId] = {
 /******/ 			id: moduleId,
 /******/ 			// no module.loaded needed
 /******/ 			exports: {}
@@ -4015,68 +4131,112 @@ var n,l,u,t,i,o,r,f,e,c={},s=[],a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine
 /******/ 	
 /************************************************************************/
 /******/ 	/* webpack/runtime/compat get default export */
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = (module) => {
+/******/ 		const getter = module && module.__esModule ?
+/******/ 			() => (module['default']) :
+/******/ 			() => (module);
+/******/ 		__webpack_require__.d(getter, { a: getter });
+/******/ 		return getter;
+/******/ 	};
+/******/ 	
+/******/ 	/* webpack/runtime/concatenation wrap */
+/******/ 	// wrap a concatenated module body as a lazy, memoized accessor; mod is
+/******/ 	// set before the body runs so re-entrant calls (require cycles) observe
+/******/ 	// the partial exports like Node.js
+/******/ 	__webpack_require__.cw = (body) => {
+/******/ 		var mod;
+/******/ 		return () => {
+/******/ 			if (body) {
+/******/ 				var fn = body;
+/******/ 				body = 0;
+/******/ 				mod = { exports: {} };
+/******/ 				fn.call(mod.exports, mod, mod.exports);
+/******/ 			}
+/******/ 			return mod.exports;
+/******/ 		};
+/******/ 	};
+/******/ 	
+/******/ 	/* webpack/runtime/create fake namespace object */
 /******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
+/******/ 		const getProto = Object.getPrototypeOf;
+/******/ 		let leafPrototypes;
+/******/ 		// create a fake namespace object
+/******/ 		// mode & 1: value is a module id, require it
+/******/ 		// mode & 2: merge all properties of value into the ns
+/******/ 		// mode & 4: return value when already ns object
+/******/ 		// mode & 16: return value when it's Promise-like
+/******/ 		// mode & 8|1: behave like require
+/******/ 		__webpack_require__.t = function(value, mode) {
+/******/ 			if(mode & 1) value = this(value);
+/******/ 			if(mode & 8) return value;
+/******/ 			if(typeof value === 'object' && value) {
+/******/ 				if((mode & 4) && value.__esModule) return value;
+/******/ 				if((mode & 16) && typeof value.then === 'function') return value;
+/******/ 			}
+/******/ 			const ns = Object.create(null);
+/******/ 			__webpack_require__.r(ns);
+/******/ 			const def = {};
+/******/ 			leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
+/******/ 			for(var current = mode & 2 && value; (typeof current == 'object' || typeof current == 'function') && !~leafPrototypes.indexOf(current); current = getProto(current)) {
+/******/ 				Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
+/******/ 			}
+/******/ 			def['default'] = () => (value);
+/******/ 			__webpack_require__.d(ns, def);
+/******/ 			return ns;
 /******/ 		};
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 	// define getter/value functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		if(Array.isArray(definition)) {
+/******/ 			var i = 0;
+/******/ 			while(i < definition.length) {
+/******/ 				var key = definition[i++];
+/******/ 				var binding = definition[i++];
+/******/ 				var descriptor = binding === 0 ? { enumerable: true, value: definition[i++] } : { enumerable: true, get: binding };
+/******/ 				if(!__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, descriptor);
+/******/ 			}
+/******/ 		} else {
 /******/ 			for(var key in definition) {
 /******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
 /******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
 /******/ 				}
 /******/ 			}
-/******/ 		};
-/******/ 	})();
+/******/ 		}
+/******/ 	};
 /******/ 	
 /******/ 	/* webpack/runtime/ensure chunk */
-/******/ 	(() => {
-/******/ 		__webpack_require__.f = {};
-/******/ 		// This file contains only the entry chunk.
-/******/ 		// The chunk loading function for additional chunks
-/******/ 		__webpack_require__.e = (chunkId) => {
-/******/ 			return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
-/******/ 				__webpack_require__.f[key](chunkId, promises);
-/******/ 				return promises;
-/******/ 			}, []));
-/******/ 		};
-/******/ 	})();
+/******/ 	__webpack_require__.f = {};
+/******/ 	// This file contains only the entry chunk.
+/******/ 	// The chunk loading function for additional chunks
+/******/ 	__webpack_require__.e = (chunkId) => {
+/******/ 		return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
+/******/ 			__webpack_require__.f[key](chunkId, promises);
+/******/ 			return promises;
+/******/ 		}, []));
+/******/ 	};
 /******/ 	
 /******/ 	/* webpack/runtime/get javascript chunk filename */
-/******/ 	(() => {
-/******/ 		// This function allow to reference async chunks
-/******/ 		__webpack_require__.u = (chunkId) => {
-/******/ 			// return url for filenames based on template
-/******/ 			return "" + chunkId + ".js";
-/******/ 		};
-/******/ 	})();
+/******/ 	// This function allow to reference async chunks
+/******/ 	__webpack_require__.u = (chunkId) => (chunkId + ".js");
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop));
 /******/ 	
 /******/ 	/* webpack/runtime/load script */
 /******/ 	(() => {
-/******/ 		var inProgress = {};
-/******/ 		var dataWebpackPrefix = "@subiz/widget-v4:";
+/******/ 		const inProgress = {};
+/******/ 		const dataWebpackPrefix = "@subiz/widget-v4:";
 /******/ 		// loadScript function to load a script via script tag
 /******/ 		__webpack_require__.l = (url, done, key, chunkId) => {
 /******/ 			if(inProgress[url]) { inProgress[url].push(done); return; }
-/******/ 			var script, needAttach;
+/******/ 			let script, needAttach;
 /******/ 			if(key !== undefined) {
-/******/ 				var scripts = document.getElementsByTagName("script");
+/******/ 				const scripts = document.getElementsByTagName("script");
 /******/ 				for(var i = 0; i < scripts.length; i++) {
-/******/ 					var s = scripts[i];
+/******/ 					const s = scripts[i];
 /******/ 					if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
 /******/ 				}
 /******/ 			}
@@ -4093,17 +4253,17 @@ var n,l,u,t,i,o,r,f,e,c={},s=[],a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine
 /******/ 				script.src = url;
 /******/ 			}
 /******/ 			inProgress[url] = [done];
-/******/ 			var onScriptComplete = (prev, event) => {
+/******/ 			const onScriptComplete = (prev, event) => {
 /******/ 				// avoid mem leaks in IE.
 /******/ 				script.onerror = script.onload = null;
 /******/ 				clearTimeout(timeout);
-/******/ 				var doneFns = inProgress[url];
+/******/ 				const doneFns = inProgress[url];
 /******/ 				delete inProgress[url];
-/******/ 				script.parentNode && script.parentNode.removeChild(script);
-/******/ 				doneFns && doneFns.forEach((fn) => (fn(event)));
+/******/ 				script.parentNode?.removeChild(script);
+/******/ 				doneFns?.forEach((fn) => (fn(event)));
 /******/ 				if(prev) return prev(event);
 /******/ 			}
-/******/ 			var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
+/******/ 			const timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
 /******/ 			script.onerror = onScriptComplete.bind(null, script.onerror);
 /******/ 			script.onload = onScriptComplete.bind(null, script.onload);
 /******/ 			needAttach && document.head.appendChild(script);
@@ -4111,28 +4271,23 @@ var n,l,u,t,i,o,r,f,e,c={},s=[],a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = (exports) => {
+/******/ 		Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
 /******/ 	
 /******/ 	/* webpack/runtime/set anonymous default export name */
-/******/ 	(() => {
-/******/ 		// set .name for anonymous default exports per ES spec
-/******/ 		__webpack_require__.dn = (x) => {
-/******/ 			(Object.getOwnPropertyDescriptor(x, "name") || {}).writable || Object.defineProperty(x, "name", { value: "default", configurable: true });
-/******/ 		};
-/******/ 	})();
+/******/ 	// set .name for anonymous default exports per ES spec
+/******/ 	// skipped when the property is non-configurable (pre-ES2015 engines),
+/******/ 	// where Object.defineProperty would throw
+/******/ 	__webpack_require__.dn = (x) => {
+/******/ 		var descriptor = Object.getOwnPropertyDescriptor(x, "name");
+/******/ 		if (!descriptor || (!descriptor.writable && descriptor.configurable)) Object.defineProperty(x, "name", { value: "default", configurable: true });
+/******/ 	};
 /******/ 	
 /******/ 	/* webpack/runtime/publicPath */
-/******/ 	(() => {
-/******/ 		__webpack_require__.p = "./";
-/******/ 	})();
+/******/ 	__webpack_require__.p = "./";
 /******/ 	
 /******/ 	/* webpack/runtime/jsonp chunk loading */
 /******/ 	(() => {
@@ -4141,13 +4296,13 @@ var n,l,u,t,i,o,r,f,e,c={},s=[],a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine
 /******/ 		// object to store loaded and loading chunks
 /******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
 /******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/ 		var installedChunks = {
+/******/ 		const installedChunks = {
 /******/ 			580: 0
 /******/ 		};
 /******/ 		
 /******/ 		__webpack_require__.f.j = (chunkId, promises) => {
 /******/ 				// JSONP chunk loading for javascript
-/******/ 				var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
+/******/ 				let installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
 /******/ 				if(installedChunkData !== 0) { // 0 means "already installed".
 /******/ 		
 /******/ 					// a Promise means "currently loading".
@@ -4156,29 +4311,28 @@ var n,l,u,t,i,o,r,f,e,c={},s=[],a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine
 /******/ 					} else {
 /******/ 						if(true) { // all chunks have JS
 /******/ 							// setup Promise in chunk cache
-/******/ 							var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
+/******/ 							const promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
 /******/ 							promises.push(installedChunkData[2] = promise);
 /******/ 		
-/******/ 							// start chunk loading
-/******/ 							var url = __webpack_require__.p + __webpack_require__.u(chunkId);
 /******/ 							// create error before stack unwound to get useful stacktrace later
-/******/ 							var error = new Error();
-/******/ 							var loadingEnded = (event) => {
+/******/ 							const error = new Error();
+/******/ 							const loadingEnded = (event) => {
 /******/ 								if(__webpack_require__.o(installedChunks, chunkId)) {
 /******/ 									installedChunkData = installedChunks[chunkId];
 /******/ 									if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
 /******/ 									if(installedChunkData) {
-/******/ 										var errorType = event && (event.type === 'load' ? 'missing' : event.type);
-/******/ 										var realSrc = event && event.target && event.target.src;
+/******/ 										const errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ 										const realSrc = event && event.target && event.target.src;
 /******/ 										error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
 /******/ 										error.name = 'ChunkLoadError';
 /******/ 										error.type = errorType;
 /******/ 										error.request = realSrc;
+/******/ 										error.event = event;
 /******/ 										installedChunkData[1](error);
 /******/ 									}
 /******/ 								}
 /******/ 							};
-/******/ 							__webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
+/******/ 							__webpack_require__.l(__webpack_require__.p + __webpack_require__.u(chunkId), loadingEnded, "chunk-" + chunkId, chunkId);
 /******/ 						}
 /******/ 					}
 /******/ 				}
@@ -4195,8 +4349,8 @@ var n,l,u,t,i,o,r,f,e,c={},s=[],a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine
 /******/ 		// no on chunks loaded
 /******/ 		
 /******/ 		// install a JSONP callback for chunk loading
-/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
-/******/ 			var [chunkIds, moreModules, runtime] = data;
+/******/ 		const webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
+/******/ 			let [chunkIds, moreModules, runtime] = data;
 /******/ 			// add "moreModules" to the modules object,
 /******/ 			// then flag all "chunkIds" as loaded and fire callback
 /******/ 			var moduleId, chunkId, i = 0;
@@ -4219,25 +4373,120 @@ var n,l,u,t,i,o,r,f,e,c={},s=[],a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine
 /******/ 		
 /******/ 		}
 /******/ 		
-/******/ 		var chunkLoadingGlobal = self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || [];
+/******/ 		const chunkLoadingGlobal = self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || [];
 /******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
 /******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
 /******/ 	})();
 /******/ 	
 /************************************************************************/
-var __webpack_exports__ = {};
+let __webpack_exports__ = {};
 // This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 
-// EXTERNAL MODULE: ./src/util/index.js + 1 modules
-var util = __webpack_require__(8150);
+// EXTERNAL MODULE: ./node_modules/@subiz/ajax/src/ajax.js
+var ajax_namespaceFn = () => {
+	return __webpack_require__(318);
+};
+
+// EXTERNAL MODULE: ./node_modules/@subiz/flow/index.js
+var flow_namespaceFn = () => {
+	return __webpack_require__(8193);
+};
+
+// EXTERNAL MODULE: ./node_modules/@subiz/wsclient/realtime.js
+var realtime_namespaceFn = () => {
+	return __webpack_require__(2839);
+};
+
+// EXTERNAL MODULE: ./src/store/inmem_localstorage.js
+var inmem_localstorage_namespaceFn = () => {
+	return __webpack_require__(450);
+};
+
+// EXTERNAL MODULE: ./node_modules/cookie_js/dist/cookie.umd.js
+var cookie_umd_namespaceFn = () => {
+	return __webpack_require__(5672);
+};
+
+// EXTERNAL MODULE: ./assets/img/bubble_default.svg
+var bubble_default_namespaceFn = () => {
+	return __webpack_require__(1108);
+};
+
+// EXTERNAL MODULE: ./assets/img/convos_empty.svg
+var convos_empty_namespaceFn = () => {
+	return __webpack_require__(1370);
+};
+
+// EXTERNAL MODULE: ./assets/img/default.jpg
+var default_namespaceFn = () => {
+	return __webpack_require__(2876);
+};
+
+// EXTERNAL MODULE: ./assets/img/default_avatar.png
+var default_avatar_namespaceFn = () => {
+	return __webpack_require__(2538);
+};
+
+// EXTERNAL MODULE: ./assets/img/default_logo.svg
+var default_logo_namespaceFn = () => {
+	return __webpack_require__(3763);
+};
+
+// EXTERNAL MODULE: ./assets/img/done_gray.svg
+var done_gray_namespaceFn = () => {
+	return __webpack_require__(9150);
+};
+
+// EXTERNAL MODULE: ./assets/img/empty.svg
+var empty_namespaceFn = () => {
+	return __webpack_require__(9419);
+};
+
+// EXTERNAL MODULE: ./assets/img/external-link.svg
+var external_link_namespaceFn = () => {
+	return __webpack_require__(3266);
+};
+
+// EXTERNAL MODULE: ./assets/img/image_default.png
+var image_default_namespaceFn = () => {
+	return __webpack_require__(3582);
+};
+
+// EXTERNAL MODULE: ./assets/img/rating--average.svg
+var rating_average_namespaceFn = () => {
+	return __webpack_require__(7134);
+};
+
+// EXTERNAL MODULE: ./assets/img/rating--great.svg
+var rating_great_namespaceFn = () => {
+	return __webpack_require__(940);
+};
+
+// EXTERNAL MODULE: ./assets/img/rating--poor.svg
+var rating_poor_namespaceFn = () => {
+	return __webpack_require__(9801);
+};
+
+// EXTERNAL MODULE: ./assets/img/send.svg
+var send_namespaceFn = () => {
+	return __webpack_require__(8506);
+};
+
+// EXTERNAL MODULE: ./assets/img/subiz-mono.svg
+var subiz_mono_namespaceFn = () => {
+	return __webpack_require__(9529);
+};
+
+// EXTERNAL MODULE: ./src/util/index.js + 6 modules
+var util = __webpack_require__(8026);
 ;// ./src/store/api.js
 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); }
-
-const ajax = __webpack_require__(318);
+;
+const api_ajax = ajax_namespaceFn();
 function jsonifyTextPlain(param, done) {
   let req = param.request;
   if (req.content_type === 'text/plain' && req.body !== undefined) req.body = util/* default */.A.stringify(req.body);
@@ -4276,7 +4525,7 @@ let trackResponseFn = (param, done) => {
     _defineProperty(this, "sendBugReport", str => this.bugReq.post('/bugs', str));
     _defineProperty(this, "listConversations", _ => this.apireq.addQuery('user_id', this.uid).addQuery('integration_id', `${this.accid}.subizv4.subikon`).get(`/accounts/${this.accid}/conversations`));
     _defineProperty(this, "listMessages", (cid, limit, start_id) => this.apireq.addQuery('limit', limit).addQuery('start_id', start_id).get(`/accounts/${this.accid}/conversations/${cid}/messages`));
-    _defineProperty(this, "ajax", ajax);
+    _defineProperty(this, "ajax", api_ajax);
     _defineProperty(this, "start", (extraData, tpchannel, tpsource, tpid) => {
       let data = Object.assign({}, extraData);
       if (!data.touchpoint) data.touchpoint = {};
@@ -4322,7 +4571,7 @@ let trackResponseFn = (param, done) => {
         name: name,
         presign: true,
         size: file.size,
-        type: file.type
+        'content-type': file.type
       }).post('/files');
       if (error) return {
         body,
@@ -4333,7 +4582,7 @@ let trackResponseFn = (param, done) => {
       let err = await new Promise(resolve => {
         const xhr = new util/* default */.A.XMLHttpRequest();
         xhr.open('PUT', signedurl, true);
-        xhr.setRequestHeader('Content-Type', file.mimetype);
+        xhr.setRequestHeader('Content-Type', file.type || '');
         xhr.onload = function () {
           if (xhr.status === 200) {
             resolve();
@@ -4366,7 +4615,7 @@ let trackResponseFn = (param, done) => {
       var {
         body,
         error
-      } = await ajax.setBaseUrl('https://api5.subiz.com.vn/4.1').withCredentials(true).setQuery({
+      } = await api_ajax.setBaseUrl('https://api5.subiz.com.vn/4.1').withCredentials(true).setQuery({
         'account-id': this.accid,
         description: 'upload\n user-client: web-widget',
         name: file.name.replace(/\s+/g, '_'),
@@ -4395,7 +4644,7 @@ let trackResponseFn = (param, done) => {
         url: util/* default */.A.get(body, 'file.url')
       };
     });
-    _defineProperty(this, "time", _ => ajax.setBaseUrl(this.ApiURL).withCredentials(true).setParser('json').get('/time'));
+    _defineProperty(this, "time", _ => api_ajax.setBaseUrl(this.ApiURL).withCredentials(true).setParser('json').get('/time'));
     _defineProperty(this, "updateUser", data => this.apireq.post(`/accounts/${this.accid}/users/${this.uid}`, data));
     _defineProperty(this, "getUser", _ => this.apireq.get(`/accounts/${this.accid}/users/${this.uid}`));
     _defineProperty(this, "getAccountSetting", async p => {
@@ -4426,7 +4675,7 @@ let trackResponseFn = (param, done) => {
     });
     _defineProperty(this, "sendImpression", impression => this.apireq.post(`/accounts/${this.accid}/campaigns/${impression.campaign_id}/impressions`, impression));
     _defineProperty(this, "sendConversion", conversion => this.apireq.post(`/accounts/${this.accid}/campaigns/${conversion.campaign_id}/conversions`, conversion));
-    _defineProperty(this, "lookupOrder", key => ajax.setBaseUrl(this.ApiURL).setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json').addQuery('x-signed-key', key).get(`/orders/123`));
+    _defineProperty(this, "lookupOrder", key => api_ajax.setBaseUrl(this.ApiURL).setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json').addQuery('x-signed-key', key).get(`/orders/123`));
     _defineProperty(this, "getOrder", id => this.apireq.get(`/accounts/${this.accid}/orders/` + id));
     _defineProperty(this, "updateOrder", order => this.apireq.post(`/accounts/${this.accid}/orders/` + order.id, order));
     _defineProperty(this, "fetchShippingAddresses", () => this.apireq.get(`/accounts/${this.accid}/users/${this.uid}/shipping-addresses`));
@@ -4443,9 +4692,9 @@ let trackResponseFn = (param, done) => {
     this.refreshLock = new util/* default */.A.Mutex();
     this.FileURL = FileURL;
     this.ApiURL = ApiURL;
-    this.bugReq = ajax.setBaseUrl('https://api5.subiz.com.vn/4.1').setContentType('text/plain');
-    this.api41 = ajax.setBaseUrl('https://api.sbz.vn/4.1').withCredentials(true).setContentType('text/plain').beforeHook(jsonifyTextPlain).afterHook(trackResponseFn).beforeHook(trackRequestFn).setParser('json');
-    this.apireq = ajax.setBaseUrl(ApiURL).withCredentials(true).addQuery('v', '6').setContentType('text/plain').beforeHook(jsonifyTextPlain).afterHook(trackResponseFn).setParser('json').beforeHook(trackRequestFn).beforeHook((param, done) => {
+    this.bugReq = api_ajax.setBaseUrl('https://api5.subiz.com.vn/4.1').setContentType('text/plain');
+    this.api41 = api_ajax.setBaseUrl('https://api.sbz.vn/4.1').withCredentials(true).setContentType('text/plain').beforeHook(jsonifyTextPlain).afterHook(trackResponseFn).beforeHook(trackRequestFn).setParser('json');
+    this.apireq = api_ajax.setBaseUrl(ApiURL).withCredentials(true).addQuery('v', '6').setContentType('text/plain').beforeHook(jsonifyTextPlain).afterHook(trackResponseFn).setParser('json').beforeHook(trackRequestFn).beforeHook((param, done) => {
       if (this.token_generator) {
         let user_id = this.profile_id;
         this.token_generator().then(token => {
@@ -4472,7 +4721,7 @@ let trackResponseFn = (param, done) => {
     if (obj.ref) {
       let outuser;
       for (let i = 0; true; i++) {
-        outuser = await ajax.setBaseUrl(this.ApiURL).withCredentials(true).afterHook(trackResponseFn).beforeHook(trackRequestFn).addQuery('v', '6').addQuery('x-user-ref', this.ref).setParser('json').get(`/accounts/${this.accid}/users/${this.ref}`);
+        outuser = await api_ajax.setBaseUrl(this.ApiURL).withCredentials(true).afterHook(trackResponseFn).beforeHook(trackRequestFn).addQuery('v', '6').addQuery('x-user-ref', this.ref).setParser('json').get(`/accounts/${this.accid}/users/${this.ref}`);
         if (util/* default */.A.get(outuser, 'body.error.code', '').indexOf('locked_account') != -1) break;
         if (util/* default */.A.get(outuser, 'body.error.code', '').indexOf('user_is_banned') != -1) {
           await util/* default */.A.sleep(120000);
@@ -4558,7 +4807,7 @@ let trackResponseFn = (param, done) => {
       for (let i = 0; true; i++) {
         await this.token_generator(true);
         if (tokensession != this.tokensession) break;
-        outuser = await ajax.setBaseUrl(this.ApiURL).withCredentials(true).addQuery('v', '6').afterHook(trackResponseFn).beforeHook(trackRequestFn).addQuery('x-access-token', this.last_token).setParser('json').get(`/accounts/${this.accid}/users/${profile_id}`);
+        outuser = await api_ajax.setBaseUrl(this.ApiURL).withCredentials(true).addQuery('v', '6').afterHook(trackResponseFn).beforeHook(trackRequestFn).addQuery('x-access-token', this.last_token).setParser('json').get(`/accounts/${this.accid}/users/${profile_id}`);
         if (!util/* default */.A.get(outuser, 'body.id')) {
           let sleeptime = Math.min(2000 + i * 100, 120000);
           await util/* default */.A.sleep(sleeptime);
@@ -4623,7 +4872,7 @@ function fallbackGCSUrl(url) {
   }
 }
 ;// ./src/store/lsdb.js
-let memlocalStorage = __webpack_require__(450);
+let memlocalStorage = inmem_localstorage_namespaceFn();
 
 let requestIdleCallback = typeof window !== 'undefined' ? window.requestIdleCallback : null;
 if (!requestIdleCallback) requestIdleCallback = cb => cb();
@@ -4993,8 +5242,8 @@ __webpack_require__.dn(kv);
 function api_fake_defineProperty(e, r, t) { return (r = api_fake_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function api_fake_toPropertyKey(t) { var i = api_fake_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function api_fake_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); }
-
-const api_fake_ajax = __webpack_require__(318);
+;
+const api_fake_ajax = ajax_namespaceFn();
 function api_fake_jsonifyTextPlain(param, done) {
   let req = param.request;
   if (req.content_type === 'text/plain' && req.body !== undefined) req.body = util/* default */.A.stringify(req.body);
@@ -5379,24 +5628,25 @@ function makeFakeMessages(accid, convoid, userid, agentid) {
   reconnect() {}
 });
 __webpack_require__.dn(realtime_fake);
+function flow_namespaceObject() { return flow_namespaceObject.c || (flow_namespaceObject.c = __webpack_require__.t(flow_namespaceFn(), 2)); }
 ;// ./src/store/store.js
 function store_defineProperty(e, r, t) { return (r = store_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function store_toPropertyKey(t) { var i = store_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function store_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); }
-
-var flow = __webpack_require__(8193);
+;
+var store_flow = flow_namespaceObject();
 
 
 
 
 
 
-var Realtime = __webpack_require__(2839);
-var cookie = __webpack_require__(5672);
+var Realtime = realtime_namespaceFn();
+var cookie = cookie_umd_namespaceFn();
 cookie.defaults.path = '/';
 cookie.expiresMultiplier = 60 * 60 * 24;
 cookie.defaults.expires = 3650;
-let store_memlocalStorage = __webpack_require__(450);
+let store_memlocalStorage = inmem_localstorage_namespaceFn();
 const MAX_CONVO = 20;
 const page_loaded = util/* default */.A.Date.now();
 const DEBUG_ACCOUNT_IDS = ['acqsulrowbxiugvginhw', 'acryguzgwxmamhzmqlyx'];
@@ -6475,7 +6725,7 @@ class Store {
     if (type === 'message_sent') {
       event.data.message.idempotency_key = idempotency;
       event.data.message.conversation_id = cid;
-      await flow.map(event.data.message.attachments, 2, async (att, i) => {
+      await store_flow.map(event.data.message.attachments, 2, async (att, i) => {
         if (att.type !== 'file') return;
         if (!att._file) return;
         files.push(att);
@@ -6493,7 +6743,7 @@ class Store {
     }
     this.onWs(event);
     await this.convoGate.entry();
-    await flow.map(files, 1, async att => {
+    await store_flow.map(files, 1, async att => {
       const {
         body,
         url,
@@ -6894,8 +7144,8 @@ var chatbox_block = __webpack_require__(7072);
 ;// ./src/chatbox/ChatButton.js
 
 
-var defaultBubble = __webpack_require__(1108);
-let defaultAvatar = __webpack_require__(2538);
+var defaultBubble = bubble_default_namespaceFn();
+let defaultAvatar = default_avatar_namespaceFn();
 
 
 
@@ -7145,10 +7395,10 @@ class ChatButton extends common/* Com */.Mw {
     if (!agent) agent = this.props.store.matchAgent('*')[byid] || {};
     agent = util/* default */.A.cloneDeep(agent);
     agent.fullname = agent.fullname || util/* default */.A.get(account, 'name') || this.props.t('agent');
-    agent.avatar_url = agent.avatar_url || account.logo_url || __webpack_require__(3582);
+    agent.avatar_url = agent.avatar_url || account.logo_url || image_default_namespaceFn();
     if (accountSetting && accountSetting.hide_agent_profile) {
       agent = Object.assign({}, account, {
-        avatar_url: account.logo_url || __webpack_require__(3582),
+        avatar_url: account.logo_url || image_default_namespaceFn(),
         fullname: account.name || this.props.t('agent')
       });
     }
@@ -7423,7 +7673,7 @@ function addVersionParam(url, version = 8) {
   }
 }
 ;// ./src/chatbox/PoweredBy.js
-var logo = __webpack_require__(9529);
+var logo = subiz_mono_namespaceFn();
 
 function PoweredBy(props) {
   if (props.store.isMobile()) return null;
@@ -7466,7 +7716,7 @@ function AgentsAvatar(props) {
       height: 35,
       alt: "agent avatar left",
       class: "avatar group-avatar--agent-left",
-      src: props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
+      src: props.store.replaceFileUrl(acc.logo_url) || image_default_namespaceFn()
     })));
   }
   let agentM = props.store.matchAgent('*');
@@ -7493,12 +7743,12 @@ function AgentsAvatar(props) {
       height: 35,
       alt: "agent avatar left",
       class: "avatar group-avatar--agent-left",
-      src: props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
+      src: props.store.replaceFileUrl(acc.logo_url) || image_default_namespaceFn()
     })));
   }
   if (agents.length === 1) {
     var agent = agents[0];
-    let avatarurl = agent.avatar_url || props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582);
+    let avatarurl = agent.avatar_url || props.store.replaceFileUrl(acc.logo_url) || image_default_namespaceFn();
     var groupClass = mode === 'primary' ? 'group-avatar--agent-middle' : 'group-avatar--agent-left';
     return (0,preact_module.h)("div", {
       class: `group-avatar group-avatar--${mode}`
@@ -7528,7 +7778,7 @@ function AgentsAvatar(props) {
       height: 35,
       alt: "agent avatar left",
       class: "avatar group-avatar--agent-left",
-      src: props.store.replaceFileUrl(leftAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
+      src: props.store.replaceFileUrl(leftAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || image_default_namespaceFn()
     })), (0,preact_module.h)("div", {
       class: "d-inline-block pos-relative",
       "data-tooltip": rightAgent.fullname || acc.name,
@@ -7538,7 +7788,7 @@ function AgentsAvatar(props) {
       width: 35,
       height: 35,
       class: "avatar group-avatar--agent-right",
-      src: props.store.replaceFileUrl(rightAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
+      src: props.store.replaceFileUrl(rightAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || image_default_namespaceFn()
     })));
   }
   let leftAgent = agents[0];
@@ -7555,7 +7805,7 @@ function AgentsAvatar(props) {
     height: 35,
     alt: "agent avatar left",
     class: "avatar group-avatar--agent-left",
-    src: props.store.replaceFileUrl(leftAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
+    src: props.store.replaceFileUrl(leftAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || image_default_namespaceFn()
   })), (0,preact_module.h)("div", {
     class: "d-inline-block pos-relative",
     "data-tooltip": middleAgent.fullname || acc.name,
@@ -7565,7 +7815,7 @@ function AgentsAvatar(props) {
     width: 35,
     height: 35,
     class: "avatar group-avatar--agent-middle",
-    src: props.store.replaceFileUrl(middleAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
+    src: props.store.replaceFileUrl(middleAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || image_default_namespaceFn()
   })), (0,preact_module.h)("div", {
     class: "d-inline-block pos-relative",
     "data-tooltip": rightAgent.fullname || acc.name,
@@ -7575,14 +7825,14 @@ function AgentsAvatar(props) {
     height: 35,
     alt: "agent avatar right",
     class: "avatar group-avatar--agent-right",
-    src: props.store.replaceFileUrl(rightAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
+    src: props.store.replaceFileUrl(rightAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || image_default_namespaceFn()
   })));
 }
 ;// ./src/chatbox/Header.js
 function Header_defineProperty(e, r, t) { return (r = Header_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Header_toPropertyKey(t) { var i = Header_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function Header_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); }
-
+;
 
 
 
@@ -7600,7 +7850,7 @@ class Header extends common/* Com */.Mw {
         width: 38,
         height: 38,
         class: "avatar avatar__account",
-        src: this.props.store.replaceFileUrl(logoUrl) || __webpack_require__(3763)
+        src: this.props.store.replaceFileUrl(logoUrl) || default_logo_namespaceFn()
       });
     });
   }
@@ -7614,7 +7864,7 @@ class Header extends common/* Com */.Mw {
       height: 38,
       alt: acc.name,
       class: "avatar avatar__account",
-      src: this.props.store.replaceFileUrl(logo_url) || __webpack_require__(3763)
+      src: this.props.store.replaceFileUrl(logo_url) || default_logo_namespaceFn()
     });
   }
   render() {
@@ -7825,7 +8075,7 @@ var spinner = __webpack_require__(4188);
 function MessageInput_defineProperty(e, r, t) { return (r = MessageInput_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function MessageInput_toPropertyKey(t) { var i = MessageInput_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function MessageInput_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); }
-
+;
 
 
 
@@ -8178,7 +8428,7 @@ function isSummited(form) {
 function ImageAttachments_defineProperty(e, r, t) { return (r = ImageAttachments_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function ImageAttachments_toPropertyKey(t) { var i = ImageAttachments_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function ImageAttachments_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); }
-
+;
 
 
 class ImageAttachment extends common/* Com */.Mw {
@@ -8285,7 +8535,7 @@ class ImageAttachment extends common/* Com */.Mw {
     let url = this.props.store.replaceFileUrl(image.thumbnail_url || image.url);
     let trueUrl = this.props.store.replaceFileUrl(image.url);
     if (this.state.errorIndecies.includes(index)) {
-      url = __webpack_require__(2876);
+      url = default_namespaceFn();
       trueUrl = url;
     }
     return (0,preact_module.h)("div", {
@@ -8542,7 +8792,7 @@ class QuickReplies extends common/* Com */.Mw {
 function rating_stars_defineProperty(e, r, t) { return (r = rating_stars_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function rating_stars_toPropertyKey(t) { var i = rating_stars_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function rating_stars_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); }
-
+;
 
 
 class rating_stars_Form2 extends common/* Com */.Mw {
@@ -8664,7 +8914,7 @@ class rating_stars_Form2 extends common/* Com */.Mw {
 function Form_defineProperty(e, r, t) { return (r = Form_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Form_toPropertyKey(t) { var i = Form_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function Form_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); }
-
+;
 
 
 
@@ -9012,7 +9262,7 @@ class Form2 extends common/* Com */.Mw {
 function FormAttachment2_defineProperty(e, r, t) { return (r = FormAttachment2_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function FormAttachment2_toPropertyKey(t) { var i = FormAttachment2_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function FormAttachment2_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); }
-
+;
 
 
 
@@ -9212,7 +9462,7 @@ class GenericTemplateAttachments extends common/* Com */.Mw {
         }, subtitle) : null;
         let imgsrc = this.props.store.replaceFileUrl(ele.image_url);
         if (!ele.image_url) {
-          imgsrc = __webpack_require__(2876);
+          imgsrc = default_namespaceFn();
         }
         let defaultActionUrl = ['url_button', 'web_url'].includes(util/* default */.A.get(ele, 'default_action.type')) && util/* default */.A.get(ele, 'default_action.url');
         let cls = 'generic-attachment--element swiper-slide';
@@ -9285,7 +9535,7 @@ class ProductAttachments extends common/* Com */.Mw {
         href: url,
         target: "_blank"
       }, this.props.t('detail'), (0,preact_module.h)("img", {
-        src: __webpack_require__(3266),
+        src: external_link_namespaceFn(),
         class: "product_attachment__btn_external_link"
       })));
       console.log('P', product);
@@ -9307,7 +9557,7 @@ class ProductAttachments extends common/* Com */.Mw {
               key: index,
               title: button.title
             }, this.props.t.i18n(button.i18n_title) || button.title || this.props.t('detail'), ' ', (0,preact_module.h)("img", {
-              src: __webpack_require__(3266),
+              src: external_link_namespaceFn(),
               class: "product_attachment__btn_external_link"
             }));
           }
@@ -9339,7 +9589,7 @@ class ProductAttachments extends common/* Com */.Mw {
       }
       let imgsrc = this.props.store.replaceFileUrl(product.image);
       if (!product.image) {
-        imgsrc = __webpack_require__(2876);
+        imgsrc = default_namespaceFn();
       }
       return (0,preact_module.h)("div", {
         class: 'product_attachment product_attachment__' + byType
@@ -9398,7 +9648,7 @@ var chatbox_time = __webpack_require__(1620);
 function QuoteMessage_defineProperty(e, r, t) { return (r = QuoteMessage_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function QuoteMessage_toPropertyKey(t) { var i = QuoteMessage_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function QuoteMessage_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); }
-
+;
 
 
 
@@ -9633,7 +9883,7 @@ function getRateLang(rating) {
   if (rating < 4) return 'average';
   return 'great';
 }
-
+;
 
 class InfoMessage extends common/* Com */.Mw {
   render() {
@@ -9664,7 +9914,7 @@ class InfoMessage extends common/* Com */.Mw {
 function Event_defineProperty(e, r, t) { return (r = Event_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Event_toPropertyKey(t) { var i = Event_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function Event_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); }
-
+;
 
 
 
@@ -9674,7 +9924,7 @@ function Event_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var
 
 
 let OrderAttachments = false;
-const LoadOrderAttachments = () => __webpack_require__.e(/* import() */ 127).then(__webpack_require__.bind(__webpack_require__, 6127));
+const LoadOrderAttachments = () => __webpack_require__.e(/* import() */ 127).then(() => (__webpack_require__(6127)));
 
 
 
@@ -9798,7 +10048,7 @@ class Event extends common/* Com */.Mw {
     if (bytype === 'user') return null;
     var senderName = this.getSenderName(ev);
     let acc = this.props.store.matchAccount();
-    var uri = acc.logo_url || __webpack_require__(3582);
+    var uri = acc.logo_url || image_default_namespaceFn();
     if (util/* default */.A.get(this.props, 'chatbox.hide_agent_profile')) {
       return (0,preact_module.h)("div", {
         class: "message-sender"
@@ -9812,7 +10062,7 @@ class Event extends common/* Com */.Mw {
     }
     let agentM = this.props.store.matchAgent('*');
     if (byid !== 'system' && bytype !== 'dummy' && bytype !== 'workflow') {
-      uri = util/* default */.A.get(agentM[byid], 'avatar_url') || acc.logo_url || __webpack_require__(2538);
+      uri = util/* default */.A.get(agentM[byid], 'avatar_url') || acc.logo_url || default_avatar_namespaceFn();
     }
     return (0,preact_module.h)("div", {
       class: "message-sender"
@@ -10220,9 +10470,9 @@ class Event extends common/* Com */.Mw {
 function Events_defineProperty(e, r, t) { return (r = Events_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Events_toPropertyKey(t) { var i = Events_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function Events_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); }
+;
 
-
-const convoemptyimg = __webpack_require__(1370);
+const convoemptyimg = convos_empty_namespaceFn();
 
 
 
@@ -10583,7 +10833,7 @@ var releaseAnimation = __webpack_require__(2988);
 function Rating_defineProperty(e, r, t) { return (r = Rating_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Rating_toPropertyKey(t) { var i = Rating_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function Rating_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); }
-
+;
 
 const POPUP_MAX_HEIGHT = 400;
 const POPUP_HARD_MAX_HEIGHT = 500;
@@ -10692,7 +10942,7 @@ class Rating extends common/* Com */.Mw {
       onClick: e => this.onRatingPoor(e)
     }, (0,preact_module.h)("img", {
       alt: "poor",
-      src: __webpack_require__(9801)
+      src: rating_poor_namespaceFn()
     }), (0,preact_module.h)("p", {
       class: "rating-face--text"
     }, this.props.t('poor'))), (0,preact_module.h)("div", {
@@ -10700,7 +10950,7 @@ class Rating extends common/* Com */.Mw {
       onClick: e => this.onRatingAverage(e)
     }, (0,preact_module.h)("img", {
       alt: "average",
-      src: __webpack_require__(7134)
+      src: rating_average_namespaceFn()
     }), (0,preact_module.h)("p", {
       class: "rating-face--text"
     }, this.props.t('average'))), (0,preact_module.h)("div", {
@@ -10708,7 +10958,7 @@ class Rating extends common/* Com */.Mw {
       onClick: e => this.onRatingGreat(e)
     }, (0,preact_module.h)("img", {
       alt: "great",
-      src: __webpack_require__(940)
+      src: rating_great_namespaceFn()
     }), (0,preact_module.h)("p", {
       class: "rating-face--text"
     }, this.props.t('great')))), (0,preact_module.h)("div", {
@@ -10868,7 +11118,7 @@ class Rating extends common/* Com */.Mw {
 function ConnectionStatus_defineProperty(e, r, t) { return (r = ConnectionStatus_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function ConnectionStatus_toPropertyKey(t) { var i = ConnectionStatus_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function ConnectionStatus_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); }
-
+;
 
 
 class ConnectionStatus extends common/* Com */.Mw {
@@ -11014,20 +11264,20 @@ class ListField extends common/* Com */.Mw {
 function Widget_defineProperty(e, r, t) { return (r = Widget_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Widget_toPropertyKey(t) { var i = Widget_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function Widget_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); }
+;
 
 
 
 
-
-var send = __webpack_require__(8506);
-var checkedimg = __webpack_require__(9150);
-var empty = __webpack_require__(9419);
+var Widget_send = send_namespaceFn();
+var checkedimg = done_gray_namespaceFn();
+var Widget_empty = empty_namespaceFn();
 
 
 
 
 let Order = false;
-const LoadOrder = () => __webpack_require__.e(/* import() */ 185).then(__webpack_require__.bind(__webpack_require__, 4185));
+const LoadOrder = () => __webpack_require__.e(/* import() */ 185).then(() => (__webpack_require__(4185)));
 
 const Widget_defaultAvatar = 'https://vcdn.subiz-cdn.com/file/fiqoahedjbgwclpouoml-avatar_default_baa8a1d7.png';
 
@@ -11830,7 +12080,7 @@ class Widget extends common/* Com */.Mw {
       }, (0,preact_module.h)("img", {
         class: "widget_body_empty_img",
         alt: "empty",
-        src: empty
+        src: Widget_empty
       }), (0,preact_module.h)("div", {
         class: "empty-desc"
       }, this.props.t('empty_convo'))));
@@ -11849,7 +12099,7 @@ class Widget extends common/* Com */.Mw {
       class: "btn--start-convo",
       onClick: _ => this.goToConvo('')
     }, (0,preact_module.h)("span", null, this.props.t('start_conversation')), (0,preact_module.h)("img", {
-      src: send,
+      src: Widget_send,
       alt: "send button",
       width: "26",
       height: "26"
@@ -12232,7 +12482,7 @@ var chatbox_css = __webpack_require__(9278);
 function main_defineProperty(e, r, t) { return (r = main_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function main_toPropertyKey(t) { var i = main_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function main_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); }
-
+;
 
 
 
@@ -12257,7 +12507,9 @@ class Main extends common/* Com */.Mw {
     let margin_y = util/* default */.A.get(chatbox, 'desktop_button.margin_y');
     chatbox.desktop_widget_max_height = margin_y ? `calc(100% - ${margin_y + 10}px)` : 'calc(100% - 40px)';
     const PREVIEW_MAX_WIDTH = 340;
-    chatbox.preview_max_width = Math.min(PREVIEW_MAX_WIDTH, chatbox.width) + 'px';
+    let previewMaxWidthVal = Math.min(PREVIEW_MAX_WIDTH, chatbox.width);
+    if (Number.isNaN(previewMaxWidthVal) || !previewMaxWidthVal) previewMaxWidthVal = PREVIEW_MAX_WIDTH;
+    chatbox.preview_max_width = previewMaxWidthVal + 'px';
     var outcss = util/* default */.A.replaceCssVariable(css, chatbox);
     util/* default */.A.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
   }
@@ -12498,9 +12750,9 @@ function modifyViewport() {
 
 
 
-const LoadContact = () => __webpack_require__.e(/* import() */ 74).then(__webpack_require__.bind(__webpack_require__, 9074));
-const LoadPopup = () => __webpack_require__.e(/* import() */ 132).then(__webpack_require__.bind(__webpack_require__, 132));
-const LoadNotif = () => __webpack_require__.e(/* import() */ 490).then(__webpack_require__.bind(__webpack_require__, 1490));
+const LoadContact = () => __webpack_require__.e(/* import() */ 74).then(() => (__webpack_require__(9074)));
+const LoadPopup = () => __webpack_require__.e(/* import() */ 132).then(() => (__webpack_require__(132)));
+const LoadNotif = () => __webpack_require__.e(/* import() */ 490).then(() => (__webpack_require__(1490)));
 function Plugin(plugin, store, $container, lib) {
   if (!$container) throw '$div must is a valid html node';
   var $div = document.createElement('div');
@@ -12802,7 +13054,7 @@ class PluginMgr {
 function lib_defineProperty(e, r, t) { return (r = lib_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function lib_toPropertyKey(t) { var i = lib_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function lib_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); }
-
+;
 
 
 class lib_Widget {