@subiz/widget-v4 4.0.58 → 4.0.63

package/dist/screenshoot.js

@@ -1343,6 +1343,103 @@ function toString(obj) {
 
 /***/ }),
 
+/***/ 2493:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "up": () => (/* binding */ Com),
+/* harmony export */   "u$": () => (/* binding */ Clickaway),
+/* harmony export */   "Kd": () => (/* binding */ getLocale),
+/* harmony export */   "Rs": () => (/* binding */ langMessages),
+/* harmony export */   "WW": () => (/* binding */ downloadLanguage)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6400);
+/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(819);
+
+
+class Com extends preact__WEBPACK_IMPORTED_MODULE_0__/* .Component */ .wA {
+  constructor(props) {
+    super(props);
+    this._isMounted = true;
+    setTimeout(() => {
+      if (this.componentWillUnmount) {
+        let old = this.componentWillUnmount.bind(this);
+
+        this.componentWillUnmount = () => {
+          old();
+          this._isMounted = false;
+        };
+      }
+    }, 10);
+  }
+
+}
+class Clickaway extends Com {
+  constructor(props) {
+    super(props);
+    this.setWrapperRef = this.setWrapperRef.bind(this);
+    this.onClick = this.onClick.bind(this);
+  }
+
+  componentDidMount() {
+    document.addEventListener('mousedown', this.onClick);
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener('mousedown', this.onClick);
+  }
+
+  setWrapperRef(node) {
+    this.wrapperRef = node;
+  }
+
+  onClick(event) {
+    if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {
+      this.props.onClickaway && this.props.onClickaway();
+    }
+  }
+
+  render() {
+    return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+      ref: this.setWrapperRef
+    }, this.props.children);
+  }
+
+}
+const getLocale = (plugin, loc) => {
+  if (!loc) loc = '';
+  let found = _util_index_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"].find */ .Z.find(plugin.locales, l => l.toLowerCase().trim() === loc.toLowerCase().trim());
+  if (found) return found;
+  found = _util_index_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"].find */ .Z.find(plugin.locales, l => {
+    l = l.replace('-', '_').split('_')[0].trim().toLowerCase();
+    let compareloc = loc.replace('-', '_').split('_')[0].trim().toLowerCase();
+    return l == compareloc;
+  });
+  if (found) return found;
+  return plugin.locale || 'en-US';
+};
+let langMessages = {};
+let downloadLock = false;
+function downloadLanguage(store, locale, force) {
+  if (downloadLock) return new Promise(resolve => setTimeout(() => downloadLanguage(store, locale, force).then(resolve), 100));
+  downloadLock = true;
+  let messages;
+
+  if (locale === 'debug' || langMessages[locale] && !force) {
+    downloadLock = false;
+    return Promise.resolve();
+  }
+
+  return store.getLocaleContent(locale).then(res => {
+    downloadLock = false;
+    messages = _util_index_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"].get */ .Z.get(res, 'body.messages', []);
+    langMessages[locale] = messages;
+  });
+}
+
+/***/ }),
+
 /***/ 8733:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -1410,7 +1507,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "detectLang": () => (/* binding */ detectLang),
 /* harmony export */   "getUrlParameter": () => (/* binding */ getUrlParameter),
 /* harmony export */   "sleep": () => (/* binding */ sleep),
-/* harmony export */   "formatCurrency": () => (/* binding */ formatCurrency)
+/* harmony export */   "formatCurrency": () => (/* binding */ formatCurrency),
+/* harmony export */   "unicodeToAscii": () => (/* binding */ unicodeToAscii),
+/* harmony export */   "scrollIntoViewIfNeeded": () => (/* binding */ scrollIntoViewIfNeeded)
 /* harmony export */ });
 var op = __webpack_require__(6877);
 
@@ -2281,7 +2380,7 @@ function getDayName(dayOfWeek) {
   return days[dayOfWeek];
 }
 let loadedFonts = {};
-function preloadWebfonts(fonts) {
+function preloadWebfonts(fonts, done) {
   for (var i = 0; i < fonts.length; i++) {
     let font = fonts[i];
     if (!font) continue;
@@ -2294,8 +2393,11 @@ function preloadWebfonts(fonts) {
       node.innerHTML = '@!-/#Chào mỪng1';
       node.style.position = 'absolute';
       node.style.display = 'block';
-      node.style.fontSize = '1px';
+      node.style.opacity = '0.1';
+      node.style.color = 'transparent';
+      node.style.fontSize = '20px';
       node.style.height = '0px';
+      node.style.top = '0px';
       node.style.width = '0px';
       node.style.fontWeight = weight;
       node.setAttribute('subiz-preload', font + ':' + weight);
@@ -2417,9 +2519,9 @@ function getUrlParameter() {
 }
 var sleep = ms => new Promise(res => setTimeout(res, ms));
 function formatCurrency(val) {
-  if (!val) return 0;
+  if (!val) return '0 đ';
   val = Math.round(val);
-  return val.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
+  return val.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,') + ' đ';
 }
 
 function replaceFileUrl(src) {
@@ -2447,6 +2549,36 @@ function replaceFileUrl(src) {
   return src;
 }
 
+function unicodeToAscii(str) {
+  str = str + '';
+  str = str.replace('đ', 'd').replace('Đ', 'D');
+  return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+}
+function scrollIntoViewIfNeeded($ele) {
+  centerIfNeeded = arguments.length === 0 ? true : !!centerIfNeeded;
+  var parent = $ele.parentNode;
+  var parentComputedStyle = window.getComputedStyle(parent, null);
+  var parentBorderTopWidth = parseInt(parentComputedStyle.getPropertyValue('border-top-width'));
+  var parentBorderLeftWidth = parseInt(parentComputedStyle.getPropertyValue('border-left-width'));
+  var overTop = $ele.offsetTop - parent.offsetTop < parent.scrollTop;
+  var overBottom = $ele.offsetTop - parent.offsetTop + $ele.clientHeight - parentBorderTopWidth > parent.scrollTop + parent.clientHeight;
+  var overLeft = $ele.offsetLeft - parent.offsetLeft < parent.scrollLeft;
+  var overRight = $ele.offsetLeft - parent.offsetLeft + $ele.clientWidth - parentBorderLeftWidth > parent.scrollLeft + parent.clientWidth;
+  var alignWithTop = overTop && !overBottom;
+
+  if ((overTop || overBottom) && centerIfNeeded) {
+    parent.scrollTop = $ele.offsetTop - parent.offsetTop - parent.clientHeight / 2 - parentBorderTopWidth + $ele.clientHeight / 2;
+  }
+
+  if ((overLeft || overRight) && centerIfNeeded) {
+    parent.scrollLeft = $ele.offsetLeft - parent.offsetLeft - parent.clientWidth / 2 - parentBorderLeftWidth + $ele.clientWidth / 2;
+  }
+
+  if ((overTop || overBottom || overLeft || overRight) && !centerIfNeeded) {
+    $ele.scrollIntoView(alignWithTop);
+  }
+}
+
 /***/ }),
 
 /***/ 2302:
@@ -3232,7 +3364,7 @@ var n,l,u,i,t,r,o,f,e={},c=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[c
 /******/ 	
 /******/ 	/* webpack/runtime/jsonp chunk loading */
 /******/ 	(() => {
-/******/ 		// no baseURI
+/******/ 		__webpack_require__.b = document.baseURI || self.location.href;
 /******/ 		
 /******/ 		// object to store loaded and loading chunks
 /******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
@@ -3310,7 +3442,7 @@ var n,l,u,i,t,r,o,f,e={},c=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[c
 /******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
 /******/ 					installedChunks[chunkId][0]();
 /******/ 				}
-/******/ 				installedChunks[chunkIds[i]] = 0;
+/******/ 				installedChunks[chunkId] = 0;
 /******/ 			}
 /******/ 		
 /******/ 		}
@@ -3344,8 +3476,6 @@ var lsdb = (__webpack_require__(6929)/* ["default"] */ .Z);
   inmem_localstorage
 });
 ;// CONCATENATED MODULE: ./src/store/api.js
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 
 
 const ajax = __webpack_require__(7460);
@@ -3362,92 +3492,6 @@ function jsonifyTextPlain(param, done) {
 
 /* harmony default export */ const api = (class {
   constructor(ApiURL, FileURL) {
-    _defineProperty(this, "listConversations", _ => this.apireq.addQuery('user_id', this.uid).addQuery('integration_id', `${this.accid}.subizv4.subikon`).get('/conversations'));
-
-    _defineProperty(this, "listMessages", (cid, limit, start_id) => this.apireq.addQuery('limit', limit).addQuery('start_id', start_id).get(`/conversations/${cid}/messages`));
-
-    _defineProperty(this, "ajax", ajax);
-
-    _defineProperty(this, "start", extraData => {
-      let data = {
-        starter_id: this.uid,
-        starter_type: 'user',
-        integration_id: `${this.accid}.subizv4.subikon`
-      };
-      util/* default.each */.Z.each(extraData, (v, k) => {
-        data[k] = v;
-      });
-      return this.apireq.post('/conversations', data);
-    });
-
-    _defineProperty(this, "sendConvoEvent", (cid, ev) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/events`, ev));
-
-    _defineProperty(this, "createPostback", (cid, p) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/postbacks`, p));
-
-    _defineProperty(this, "markAsReceived", (cid, messageId) => this.apireq.post(`/conversations/${cid}/messages/${messageId}/receive`));
-
-    _defineProperty(this, "markAsSeen", (cid, messageId) => this.apireq.post(`/conversations/${cid}/messages/${messageId}/seen`));
-
-    _defineProperty(this, "getConversation", cid => this.apireq.get(`/conversations/${cid}`));
-
-    _defineProperty(this, "getLocaleContent", locale => this.apireq.get(`/accounts/${this.accid}/locales/${locale}`));
-
-    _defineProperty(this, "sendEvent", data => this.apireq.post(`/users/${this.uid}/events`, data));
-
-    _defineProperty(this, "sendTyping", cid => this.apireq.post(`/conversations/${cid}/typing`));
-
-    _defineProperty(this, "uploadToS3", async file => {
-      let {
-        body: signed,
-        error
-      } = await this.apireq.post(`/accounts/${this.accid}/files`, {
-        account_id: this.accid,
-        description: 'upload\n user-client: web-widget',
-        name: file.name.replace(/\s+/g, '_'),
-        size: file.size,
-        type: file.type
-      });
-      if (error) return {
-        error
-      };
-      let contentType = file.type || 'application/octet-stream';
-      ({
-        error
-      } = await ajax.setContentType(contentType).put(signed.signed_url, file));
-      if (error) return {
-        error
-      };
-      let body;
-      ({
-        body,
-        error
-      } = await this.apireq.post(`/accounts/${this.accid}/files/${signed.id}`, {
-        account_id: this.accid
-      }));
-      if (error) return {
-        error
-      };
-      return {
-        url: this.FileURL + body.url
-      };
-    });
-
-    _defineProperty(this, "getChallenge", accid => this.apireq.post(`/accounts/${accid}/scrypt-challenges`));
-
-    _defineProperty(this, "time", _ => this.apireq.get('/time'));
-
-    _defineProperty(this, "updateUser", data => this.apireq.post(`/users/${this.uid}`, data));
-
-    _defineProperty(this, "getUser", _ => this.apireq.get(`/accounts/${this.accid}/users/${this.uid}`));
-
-    _defineProperty(this, "getAccountSetting", () => this.apireq.get(`/accounts/${this.accid}/settings`));
-
-    _defineProperty(this, "getIsOnline", () => this.apireq.get(`/accounts/${this.accid}/is_online`));
-
-    _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));
-
     this.FileURL = FileURL;
     this.ApiURL = ApiURL;
     this.apireq = ajax.setBaseUrl(ApiURL).withCredentials(true).addQuery('v', '6').setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json').beforeHook((param, done) => {
@@ -3466,6 +3510,29 @@ function jsonifyTextPlain(param, done) {
     this.uid = obj.uid;
   }
 
+  listConversations = _ => this.apireq.addQuery('user_id', this.uid).addQuery('integration_id', `${this.accid}.subizv4.subikon`).get('/conversations');
+  listMessages = (cid, limit, start_id) => this.apireq.addQuery('limit', limit).addQuery('start_id', start_id).get(`/conversations/${cid}/messages`);
+  ajax = ajax;
+  start = extraData => {
+    let data = {
+      starter_id: this.uid,
+      starter_type: 'user',
+      integration_id: `${this.accid}.subizv4.subikon`
+    };
+    util/* default.each */.Z.each(extraData, (v, k) => {
+      data[k] = v;
+    });
+    return this.apireq.post('/conversations', data);
+  };
+  sendConvoEvent = (cid, ev) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/events`, ev);
+  createPostback = (cid, p) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/postbacks`, p);
+  markAsReceived = (cid, messageId) => this.apireq.post(`/conversations/${cid}/messages/${messageId}/receive`);
+  markAsSeen = (cid, messageId) => this.apireq.post(`/conversations/${cid}/messages/${messageId}/seen`);
+  getConversation = cid => this.apireq.get(`/conversations/${cid}`);
+  getLocaleContent = locale => this.apireq.get(`/accounts/${this.accid}/locales/${locale}`);
+  sendEvent = data => this.apireq.post(`/users/${this.uid}/events`, data);
+  sendTyping = cid => this.apireq.post(`/conversations/${cid}/typing`);
+
   sendPresence(device, is_focused) {
     return this.sendEvent({
       by: {
@@ -3499,6 +3566,43 @@ function jsonifyTextPlain(param, done) {
     });
   }
 
+  uploadToS3 = async file => {
+    let {
+      body: signed,
+      error
+    } = await this.apireq.post(`/accounts/${this.accid}/files`, {
+      account_id: this.accid,
+      description: 'upload\n user-client: web-widget',
+      name: file.name.replace(/\s+/g, '_'),
+      size: file.size,
+      type: file.type
+    });
+    if (error) return {
+      error
+    };
+    let contentType = file.type || 'application/octet-stream';
+    ({
+      error
+    } = await ajax.setContentType(contentType).put(signed.signed_url, file));
+    if (error) return {
+      error
+    };
+    let body;
+    ({
+      body,
+      error
+    } = await this.apireq.post(`/accounts/${this.accid}/files/${signed.id}`, {
+      account_id: this.accid
+    }));
+    if (error) return {
+      error
+    };
+    return {
+      url: this.FileURL + body.url
+    };
+  };
+  getChallenge = accid => this.apireq.post(`/accounts/${accid}/scrypt-challenges`);
+
   async createAgentUser(agenttoken) {
     for (var i = 0; i < 10; i++) {
       let {
@@ -3541,10 +3645,26 @@ function jsonifyTextPlain(param, done) {
     }
   }
 
+  time = _ => this.apireq.get('/time');
+  updateUser = data => this.apireq.post(`/users/${this.uid}`, data);
+  getUser = _ => this.apireq.get(`/accounts/${this.accid}/users/${this.uid}`);
+  getAccountSetting = () => this.apireq.get(`/accounts/${this.accid}/settings`);
+  getIsOnline = () => this.apireq.get(`/accounts/${this.accid}/is_online`);
+  sendImpression = impression => this.apireq.post(`/accounts/${this.accid}/campaigns/${impression.campaign_id}/impressions`, impression);
+  sendConversion = conversion => this.apireq.post(`/accounts/${this.accid}/campaigns/${conversion.campaign_id}/conversions`, conversion);
+  lookupOrder = key => ajax.setBaseUrl(this.ApiURL).setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json').addQuery('x-signed-key', key).get(`/orders/123`);
+  getOrder = id => this.apireq.get(`/accounts/${this.accid}/orders/` + id);
+  updateOrder = order => this.apireq.post(`/accounts/${this.accid}/orders/` + order.id, order);
+  fetchShippingAddresses = () => this.apireq.get(`/accounts/${this.accid}/users/${this.uid}/shipping-addresses`);
+  createShippingAddress = addr => this.apireq.post(`/accounts/${this.accid}/users/${this.uid}/shipping-addresses`, addr);
+  list_provinces = () => this.apireq.get(`/accounts/${this.accid}/provinces`);
+  list_districts = p => this.apireq.setQuery(p).get(`/accounts/${this.accid}/districts`);
+  list_wards = p => this.apireq.setQuery(p).get(`/accounts/${this.accid}/wards`);
+  suggest_address = keyword => this.apireq.setQuery({
+    keyword: keyword
+  }).get(`/accounts/${this.accid}/addresses`);
 });
 ;// CONCATENATED MODULE: ./src/store/api_fake.js
-function api_fake_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 
 
 const api_fake_ajax = __webpack_require__(7460);
@@ -3564,86 +3684,6 @@ const OK200 = Promise.resolve({
 });
 /* harmony default export */ const api_fake = (class {
   constructor(ApiURL, FileURL) {
-    api_fake_defineProperty(this, "listConversations", _ => {
-      let convo = makeFakeConvo(this.accid, 'csqwudlkftltnbebvq', this.uid, this.agentid);
-      return Promise.resolve({
-        body: {
-          anchor: '',
-          conversations: [convo]
-        },
-        code: 200
-      });
-    });
-
-    api_fake_defineProperty(this, "listMessages", (cid, limit, start_id) => {
-      let messages = makeFakeMessages(this.accid, 'csqwudlkftltnbebvq', this.uid, this.agentid);
-      return Promise.resolve({
-        body: messages,
-        code: 200
-      });
-    });
-
-    api_fake_defineProperty(this, "ajax", api_fake_ajax);
-
-    api_fake_defineProperty(this, "start", extraData => OK200);
-
-    api_fake_defineProperty(this, "sendConvoEvent", (cid, ev) => OK200);
-
-    api_fake_defineProperty(this, "createPostback", (cid, p) => OK200);
-
-    api_fake_defineProperty(this, "markAsReceived", (cid, messageId) => OK200);
-
-    api_fake_defineProperty(this, "markAsSeen", (cid, messageId) => OK200);
-
-    api_fake_defineProperty(this, "getConversation", cid => Promise.resolve({
-      body: makeFakeConvo(this.accid, 'csqwudlkftltnbebvq', this.uid, this.agentid),
-      code: 200
-    }));
-
-    api_fake_defineProperty(this, "getLocaleContent", locale => this.apireq.get(`/accounts/${this.accid}/locales/${locale}`));
-
-    api_fake_defineProperty(this, "sendEvent", data => OK200);
-
-    api_fake_defineProperty(this, "sendTyping", cid => OK200);
-
-    api_fake_defineProperty(this, "sendPresence", data => OK200);
-
-    api_fake_defineProperty(this, "sendContent", data => OK200);
-
-    api_fake_defineProperty(this, "uploadToS3", async file => OK200);
-
-    api_fake_defineProperty(this, "getChallenge", accid => OK200);
-
-    api_fake_defineProperty(this, "createUser", accid => Promise.resolve({
-      account_id: accid,
-      id: 'usqzgtgfake',
-      mask: 'fakemask'
-    }));
-
-    api_fake_defineProperty(this, "createAgentUser", agenttoken => Promise.resolve('fakemask'));
-
-    api_fake_defineProperty(this, "time", _ => Promise.resolve({
-      code: 200,
-      body: new util/* default.Date */.Z.Date().toISOString()
-    }));
-
-    api_fake_defineProperty(this, "updateUser", data => OK200);
-
-    api_fake_defineProperty(this, "getUser", _ => Promise.resolve({
-      code: 200,
-      body: {
-        id: '-'
-      }
-    }));
-
-    api_fake_defineProperty(this, "getAccountSetting", () => this.apireq.get(`/accounts/${this.accid}/settings`));
-
-    api_fake_defineProperty(this, "getIsOnline", () => this.apireq.get(`/accounts/${this.accid}/is_online`));
-
-    api_fake_defineProperty(this, "sendImpression", impression => OK200);
-
-    api_fake_defineProperty(this, "sendConversion", conversion => OK200);
-
     this.FileURL = FileURL;
     this.apireq = api_fake_ajax.setBaseUrl(ApiURL).setContentType('text/plain').beforeHook(api_fake_jsonifyTextPlain).setParser('json');
   }
@@ -3658,6 +3698,61 @@ const OK200 = Promise.resolve({
     this.uid = obj.uid;
   }
 
+  listConversations = _ => {
+    let convo = makeFakeConvo(this.accid, 'csqwudlkftltnbebvq', this.uid, this.agentid);
+    return Promise.resolve({
+      body: {
+        anchor: '',
+        conversations: [convo]
+      },
+      code: 200
+    });
+  };
+  listMessages = (cid, limit, start_id) => {
+    let messages = makeFakeMessages(this.accid, 'csqwudlkftltnbebvq', this.uid, this.agentid);
+    return Promise.resolve({
+      body: messages,
+      code: 200
+    });
+  };
+  ajax = api_fake_ajax;
+  start = extraData => OK200;
+  sendConvoEvent = (cid, ev) => OK200;
+  createPostback = (cid, p) => OK200;
+  markAsReceived = (cid, messageId) => OK200;
+  markAsSeen = (cid, messageId) => OK200;
+  getConversation = cid => Promise.resolve({
+    body: makeFakeConvo(this.accid, 'csqwudlkftltnbebvq', this.uid, this.agentid),
+    code: 200
+  });
+  getLocaleContent = locale => this.apireq.get(`/accounts/${this.accid}/locales/${locale}`);
+  sendEvent = data => OK200;
+  sendTyping = cid => OK200;
+  sendPresence = data => OK200;
+  sendContent = data => OK200;
+  uploadToS3 = async file => OK200;
+  getChallenge = accid => OK200;
+  createUser = accid => Promise.resolve({
+    account_id: accid,
+    id: 'usqzgtgfake',
+    mask: 'fakemask'
+  });
+  createAgentUser = agenttoken => Promise.resolve('fakemask');
+  time = _ => Promise.resolve({
+    code: 200,
+    body: new util/* default.Date */.Z.Date().toISOString()
+  });
+  updateUser = data => OK200;
+  getUser = _ => Promise.resolve({
+    code: 200,
+    body: {
+      id: '-'
+    }
+  });
+  getAccountSetting = () => this.apireq.get(`/accounts/${this.accid}/settings`);
+  getIsOnline = () => this.apireq.get(`/accounts/${this.accid}/is_online`);
+  sendImpression = impression => OK200;
+  sendConversion = conversion => OK200;
 });
 
 function makeFakeConvo(accid, convoid, userid, agentid) {
@@ -4010,8 +4105,6 @@ function makeFakeMessages(accid, convoid, userid, agentid) {
 
 });
 ;// CONCATENATED MODULE: ./src/store/store.js
-function store_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 
 
 var flow = __webpack_require__(3165);
@@ -4032,160 +4125,6 @@ const MAX_CONVO = 20;
 const page_loaded = util/* default.Date.now */.Z.Date.now();
 class Store {
   constructor(ApiURL, FileURL, RealtimeURL, inmem, fakeapi, agenttoken) {
-    store_defineProperty(this, "inmem", false);
-
-    store_defineProperty(this, "cookie", cookie);
-
-    store_defineProperty(this, "new_visitor", true);
-
-    store_defineProperty(this, "matchUser", () => {
-      this._touchAcc();
-
-      return this.kv.match('user');
-    });
-
-    store_defineProperty(this, "matchSession", () => this.kv.match('session') || {});
-
-    store_defineProperty(this, "matchAccount", () => this.cache.match('account'));
-
-    store_defineProperty(this, "matchUnread", () => {
-      let user = this.matchUser();
-      let allconvos = this.matchConvo('*');
-      let unreadcount = 0;
-      util/* default.map */.Z.map(allconvos, convo => {
-        if (!util/* default.isConvoSeen */.Z.isConvoSeen(convo, user.id)) unreadcount++;
-      });
-      return unreadcount;
-    });
-
-    store_defineProperty(this, "matchPlugin", () => {
-      if (util/* default.size */.Z.size(this.forcePlugins) > 0) return util/* default.cloneDeep */.Z.cloneDeep(this.forcePlugins);
-      return util/* default.cloneDeep */.Z.cloneDeep(this.cache.match('plugin')) || {};
-    });
-
-    store_defineProperty(this, "device", {});
-
-    store_defineProperty(this, "browserVisibility", 'visible');
-
-    store_defineProperty(this, "matchAgent", id => {
-      let agentM = this.cache.match('agent') || {};
-      if (id === '*') return agentM;
-      return agentM[id];
-    });
-
-    store_defineProperty(this, "matchConvo", id => {
-      if (!id) return;
-
-      if (id === '*') {
-        this._touchAcc();
-
-        return util/* default.filter */.Z.filter(this.cache.all(), (value, k) => k.startsWith('convo_'));
-      }
-
-      if (!this.isInsync(id)) this.fetchConvo(id);
-      return this.cache.match('convo_' + id);
-    });
-
-    store_defineProperty(this, "fetchConvo", async cid => {
-      await this.readyGate.entry();
-      await this.reconnectGate.entry(undefined, true);
-      if (this.isInsync(cid)) return this.reconnectGate.open();
-      this.markSync(cid);
-      let {
-        body: convo,
-        error
-      } = await this.api.getConversation(cid);
-      if (convo && !error) this._setConvo(convo);
-      return this.reconnectGate.open();
-    });
-
-    store_defineProperty(this, "listEvents", id => {
-      if (!id || id === '*' || typeof id !== 'string') return;
-
-      if (!this.isInsync('events' + id)) {
-        setTimeout(async () => {
-          await this.readyGate.entry();
-          await this.reconnectGate.entry(undefined, true);
-          if (this.isInsync('events' + id)) return this.reconnectGate.open();
-          this.markSync('events' + id);
-          await this.chain.reload(id, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
-          this.pubsub.publish('account');
-          return this.reconnectGate.open();
-        }, 10);
-      }
-
-      return this.chain.listM(id);
-    });
-
-    store_defineProperty(this, "fetchMoreEvents", async convoid => {
-      let {
-        error
-      } = await this.chain.fetchMore(convoid, 50, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
-      this.pubsub.publish('account');
-      return {
-        error
-      };
-    });
-
-    store_defineProperty(this, "matchBot", () => this.cache.match('bot') || {});
-
-    store_defineProperty(this, "readyGate", new util/* default.Gate */.Z.Gate());
-
-    store_defineProperty(this, "convoGate", new util/* default.Gate */.Z.Gate(true));
-
-    store_defineProperty(this, "reconnectGate", new util/* default.Gate */.Z.Gate(true));
-
-    store_defineProperty(this, "matchLastview", () => this.kv.match('lastview') || {});
-
-    store_defineProperty(this, "matchIsOpen", () => !!this.kv.match('isopen'));
-
-    store_defineProperty(this, "matchHasManuallyClosed", () => !!this.kv.match('hasManuallyClosed'));
-
-    store_defineProperty(this, "matchClosePreviewAt", () => this.kv.match('close_preview_at') || 0);
-
-    store_defineProperty(this, "sendPresence", util/* default.throttle */.Z.throttle(async () => {
-      await this.readyGate.entry();
-      if (!util/* default.get */.Z.get(this.kv.match('user'), 'id')) return;
-      if (util/* default.isUserBanned */.Z.isUserBanned(this.kv.match('user'))) return;
-      return this.api.sendPresence(this.device, this.browserVisibility === 'visible' && document.hasFocus());
-    }, 1000));
-
-    store_defineProperty(this, "now", () => util/* default.Date.now */.Z.Date.now() + this.timeDiff);
-
-    store_defineProperty(this, "seenQueue", []);
-
-    store_defineProperty(this, "_typing", util/* default.throttle */.Z.throttle(convoid => this.api.sendTyping(convoid), 3000));
-
-    store_defineProperty(this, "onConvoEvent", (o, cb) => this.pubsub.on2(o, 'events', cb));
-
-    store_defineProperty(this, "seenConvo", id => {
-      if (!id || id === 'create') return;
-      this.seenQueue.push(id);
-    });
-
-    store_defineProperty(this, "onUpdate", (o, cb) => this.pubsub.on2(o, 'account', cb));
-
-    store_defineProperty(this, "onResetCSS", (o, cb) => this.pubsub.on2(o, 'resetCSS', cb));
-
-    store_defineProperty(this, "onHighlight", (o, cb) => this.pubsub.on2(o, 'highlight', cb));
-
-    store_defineProperty(this, "setHasManuallyClosed", () => this.kv.put('hasManuallyClosed', true));
-
-    store_defineProperty(this, "setIsOpen", isopen => {
-      let lastisopen = this.kv.match('isopen');
-      this.kv.put('isopen', isopen);
-      if (!lastisopen && isopen) sendEventToThirdParty('SUBIZ Chat', 'Opened', 'Subiz Windows');
-    });
-
-    store_defineProperty(this, "closePreview", () => this.kv.put('close_preview_at', new util/* default.Date */.Z.Date().getTime()));
-
-    store_defineProperty(this, "setLastview", (view, opts) => this.kv.put('lastview', {
-      view,
-      opts
-    }));
-
-    store_defineProperty(this, "timeDiff", 0);
-
     this.agent_token = agenttoken;
     this.g_sync = {};
     this.forceDevice = null;
@@ -4239,10 +4178,31 @@ class Store {
     }, 2000);
   }
 
+  inmem = false;
+  cookie = cookie;
+
   isInsync(key) {
     return util/* default.Date.now */.Z.Date.now() - (this.g_sync[key] || 0) < 300000;
   }
 
+  async fetchShippingAddresses() {
+    let out = await this.api.fetchShippingAddresses();
+    if (out.error) return null;
+    this.cache.put('shipping_address', out.body.shipping_addresses);
+  }
+
+  matchShippingAddresses() {
+    return this.cache.match('shipping_address');
+  }
+
+  updateOrder(order) {
+    return this.api.updateOrder(order);
+  }
+
+  createShippingAddress(addr) {
+    return this.api.createShippingAddress(addr);
+  }
+
   async overrideAcc(acc) {
     this.forceAcc = util/* default.cloneDeep */.Z.cloneDeep(acc);
     await this.readyGate.entry();
@@ -4319,12 +4279,113 @@ class Store {
     this.g_sync[key] = util/* default.Date.now */.Z.Date.now();
   }
 
+  new_visitor = true;
+
   async _touchAcc() {
     if (this.isInsync('account')) return;
     await this.readyGate.entry();
     if (!this.isInsync('account')) this.reconnect();
   }
 
+  matchUser = () => {
+    this._touchAcc();
+
+    return this.kv.match('user');
+  };
+  suggest_addresses = keyword => this.api.suggest_address(keyword);
+  matchSession = () => this.kv.match('session') || {};
+  matchAccount = () => this.cache.match('account');
+  matchPaymentMethods = () => this.cache.match('payment_methods');
+  matchUnread = () => {
+    let user = this.matchUser();
+    let allconvos = this.matchConvo('*');
+    let unreadcount = 0;
+    util/* default.map */.Z.map(allconvos, convo => {
+      if (!util/* default.isConvoSeen */.Z.isConvoSeen(convo, user.id)) unreadcount++;
+    });
+    return unreadcount;
+  };
+  matchPlugin = () => {
+    if (util/* default.size */.Z.size(this.forcePlugins) > 0) return util/* default.cloneDeep */.Z.cloneDeep(this.forcePlugins);
+    return util/* default.cloneDeep */.Z.cloneDeep(this.cache.match('plugin')) || {};
+  };
+  device = {};
+  browserVisibility = 'visible';
+  matchAgent = id => {
+    let agentM = this.cache.match('agent') || {};
+    if (id === '*') return agentM;
+    return agentM[id];
+  };
+  matchConvo = id => {
+    if (!id) return;
+
+    if (id === '*') {
+      this._touchAcc();
+
+      return util/* default.filter */.Z.filter(this.cache.all(), (value, k) => k.startsWith('convo_'));
+    }
+
+    if (!this.isInsync(id)) this.fetchConvo(id);
+    return this.cache.match('convo_' + id);
+  };
+  fetchConvo = async cid => {
+    await this.readyGate.entry();
+    await this.reconnectGate.entry(undefined, true);
+    if (this.isInsync(cid)) return this.reconnectGate.open();
+    this.markSync(cid);
+    let {
+      body: convo,
+      error
+    } = await this.api.getConversation(cid);
+    if (convo && !error) this._setConvo(convo);
+    return this.reconnectGate.open();
+  };
+  list_provinces = () => this.api.list_provinces();
+  list_districts = p => this.api.list_districts(p);
+  list_wards = p => this.api.list_wards(p);
+  list_provices;
+  listEvents = id => {
+    if (!id || id === '*' || typeof id !== 'string') return;
+
+    if (!this.isInsync('events' + id)) {
+      setTimeout(async () => {
+        await this.readyGate.entry();
+        await this.reconnectGate.entry(undefined, true);
+        if (this.isInsync('events' + id)) return this.reconnectGate.open();
+        this.markSync('events' + id);
+        await this.chain.reload(id, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
+        this.pubsub.publish('account');
+        return this.reconnectGate.open();
+      }, 10);
+    }
+
+    return this.chain.listM(id);
+  };
+  fetchMoreEvents = async convoid => {
+    let {
+      error
+    } = await this.chain.fetchMore(convoid, 50, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
+    this.pubsub.publish('account');
+    return {
+      error
+    };
+  };
+  matchBot = () => this.cache.match('bot') || {};
+  readyGate = new util/* default.Gate */.Z.Gate();
+  convoGate = new util/* default.Gate */.Z.Gate(true);
+  reconnectGate = new util/* default.Gate */.Z.Gate(true);
+  matchLastview = () => this.kv.match('lastview') || {};
+  matchIsOpen = () => !!this.kv.match('isopen');
+  matchHasManuallyClosed = () => !!this.kv.match('hasManuallyClosed');
+  matchClosePreviewAt = () => this.kv.match('close_preview_at') || 0;
+  sendPresence = util/* default.throttle */.Z.throttle(async () => {
+    await this.readyGate.entry();
+    if (!util/* default.get */.Z.get(this.kv.match('user'), 'id')) return;
+    if (util/* default.isUserBanned */.Z.isUserBanned(this.kv.match('user'))) return;
+    return this.api.sendPresence(this.device, this.browserVisibility === 'visible' && document.hasFocus());
+  }, 1000);
+  now = () => util/* default.Date.now */.Z.Date.now() + this.timeDiff;
+
   async init(accid, mask) {
     this.readyGate.close();
     accid = (accid || '').trim();
@@ -4383,6 +4444,8 @@ class Store {
     return mask;
   }
 
+  seenQueue = [];
+
   seenLoop() {
     this.seenQueue = [];
     clearInterval(this._seenInterval);
@@ -4456,6 +4519,7 @@ class Store {
   }
 
   _setUser(user) {
+    user = util/* default.cloneDeep */.Z.cloneDeep(user);
     let olduser = this.kv.match('user') || {};
     var accid = olduser.account_id || user.account_id;
     var id = olduser.id || user.id;
@@ -4547,6 +4611,8 @@ class Store {
       this.cache.put('agent', agentM);
     }
 
+    let pms = util/* default.get */.Z.get(setting, 'payment_methods', []);
+    this.cache.put('payment_methods', pms);
     this.pubsub.publish('account');
   }
 
@@ -4725,6 +4791,8 @@ class Store {
     this._typing(cid);
   }
 
+  _typing = util/* default.throttle */.Z.throttle(convoid => this.api.sendTyping(convoid), 3000);
+
   async startConvo(req) {
     await this.readyGate.entry();
     this.convoGate.close();
@@ -4745,6 +4813,14 @@ class Store {
     };
   }
 
+  fetchOrder(id) {
+    return this.api.getOrder(id);
+  }
+
+  lookupOrder(key) {
+    return this.api.lookupOrder(key);
+  }
+
   createPostback(cid, postback) {
     return this.api.createPostback(cid, postback);
   }
@@ -4809,6 +4885,12 @@ class Store {
     sendEventToThirdParty('SUBIZ Chat', 'Sent', 'User');
   }
 
+  onConvoEvent = (o, cb) => this.pubsub.on2(o, 'events', cb);
+  seenConvo = id => {
+    if (!id || id === 'create') return;
+    this.seenQueue.push(id);
+  };
+
   _setConvo(convo) {
     let count = 0;
     let user = this.kv.match('user');
@@ -4836,6 +4918,21 @@ class Store {
     this.cache.put('convo_' + convo.id, convo);
   }
 
+  onUpdate = (o, cb) => this.pubsub.on2(o, 'account', cb);
+  onResetCSS = (o, cb) => this.pubsub.on2(o, 'resetCSS', cb);
+  onHighlight = (o, cb) => this.pubsub.on2(o, 'highlight', cb);
+  setHasManuallyClosed = () => this.kv.put('hasManuallyClosed', true);
+  setIsOpen = isopen => {
+    let lastisopen = this.kv.match('isopen');
+    this.kv.put('isopen', isopen);
+    if (!lastisopen && isopen) sendEventToThirdParty('SUBIZ Chat', 'Opened', 'Subiz Windows');
+  };
+  closePreview = () => this.kv.put('close_preview_at', new util/* default.Date */.Z.Date().getTime());
+  setLastview = (view, opts) => this.kv.put('lastview', {
+    view,
+    opts
+  });
+
   matchLastPluginRun(pluginid) {
     let log = this.kv.match('plugin_run_logs') || {};
     return log[pluginid];
@@ -4938,6 +5035,8 @@ class Store {
     return [events, anchor];
   }
 
+  timeDiff = 0;
+
   async loopTime() {
     let startms = util/* default.Date.now */.Z.Date.now();
     if (!util/* default.get */.Z.get(this.kv.match('user'), 'id')) return setTimeout(() => this.loopTime(), 30000);
@@ -5112,30 +5211,30 @@ let mobileCheck = function (a) {
 }(navigator.userAgent || navigator.vendor || window.opera);
 
 let tabletCheck = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(navigator.userAgent);
+// EXTERNAL MODULE: ./src/common.js
+var common = __webpack_require__(2493);
 // EXTERNAL MODULE: ./node_modules/preact/dist/preact.module.js
 var preact_module = __webpack_require__(6400);
 ;// CONCATENATED MODULE: ./src/plugin.js
 
 
 
-const LoadChatbox = () => __webpack_require__.e(/* import() */ 74).then(__webpack_require__.bind(__webpack_require__, 1074));
 
-const LoadContact = () => __webpack_require__.e(/* import() */ 619).then(__webpack_require__.bind(__webpack_require__, 9619));
+const LoadChatbox = () => __webpack_require__.e(/* import() */ 132).then(__webpack_require__.bind(__webpack_require__, 8132));
+
+const LoadContact = () => __webpack_require__.e(/* import() */ 335).then(__webpack_require__.bind(__webpack_require__, 2335));
 
 const LoadPopup = () => __webpack_require__.e(/* import() */ 213).then(__webpack_require__.bind(__webpack_require__, 8213));
 
 const LoadNotif = () => __webpack_require__.e(/* import() */ 605).then(__webpack_require__.bind(__webpack_require__, 9605));
 
-let langMessages = {};
-let downloadLock = false;
-
 function Plugin(plugin, store, $container, lib) {
   if (!$container) throw '$div must is a valid html node';
   var $div = document.createElement('div');
   $div.id = plugin.id;
   $container.appendChild($div);
 
-  let _locale = getLocale(plugin, util/* default.detectLang */.Z.detectLang());
+  let _locale = common/* getLocale */.Kd(plugin, util/* default.detectLang */.Z.detectLang());
 
   var domGate = new util/* default.Gate */.Z.Gate();
   var pageIndex = 0;
@@ -5265,7 +5364,7 @@ function Plugin(plugin, store, $container, lib) {
 
   let t = key => {
     if (_locale === 'debug') return `{{${key}}}`;
-    let messages = util/* default.get */.Z.get(langMessages, _locale, []);
+    let messages = util/* default.get */.Z.get(common/* langMessages */.Rs, _locale, []);
     let message = util/* default.find */.Z.find(messages, message => message.key === key);
     return util/* default.get */.Z.get(message, 'message', key);
   };
@@ -5285,7 +5384,7 @@ function Plugin(plugin, store, $container, lib) {
   t.locale = () => _locale;
 
   this.forceDownloadLanguage = async () => {
-    await downloadLanguage(store, _locale, true);
+    await common/* downloadLanguage */.WW(store, _locale, true);
     this.update(plugin);
   };
 
@@ -5295,8 +5394,8 @@ function Plugin(plugin, store, $container, lib) {
 
     _render();
 
-    _locale = getLocale(plugin, locale);
-    await downloadLanguage(store, _locale);
+    _locale = common/* getLocale */.Kd(plugin, locale);
+    await common/* downloadLanguage */.WW(store, _locale);
     this.t = t;
 
     _render();
@@ -5332,7 +5431,7 @@ function Plugin(plugin, store, $container, lib) {
   }
 
   this.update(plugin);
-  downloadLanguage(store, _locale).then(() => {
+  common/* downloadLanguage */.WW(store, _locale).then(() => {
     this.t = t;
     this.update(plugin);
   });
@@ -5476,39 +5575,7 @@ class PluginMgr {
   }
 
 }
-
-function downloadLanguage(store, locale, force) {
-  if (downloadLock) return new Promise(resolve => setTimeout(() => downloadLanguage(store, locale, force).then(resolve), 100));
-  downloadLock = true;
-  let messages;
-
-  if (locale === 'debug' || langMessages[locale] && !force) {
-    downloadLock = false;
-    return Promise.resolve();
-  }
-
-  return store.getLocaleContent(locale).then(res => {
-    downloadLock = false;
-    messages = util/* default.get */.Z.get(res, 'body.messages', []);
-    langMessages[locale] = messages;
-  });
-}
-
-const getLocale = (plugin, loc) => {
-  if (!loc) loc = '';
-  let found = util/* default.find */.Z.find(plugin.locales, l => l.toLowerCase().trim() === loc.toLowerCase().trim());
-  if (found) return found;
-  found = util/* default.find */.Z.find(plugin.locales, l => {
-    l = l.replace('-', '_').split('_')[0].trim().toLowerCase();
-    let compareloc = loc.replace('-', '_').split('_')[0].trim().toLowerCase();
-    return l == compareloc;
-  });
-  if (found) return found;
-  return plugin.locale || 'en-US';
-};
 ;// CONCATENATED MODULE: ./src/lib.js
-function lib_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 
 
 
@@ -5520,18 +5587,6 @@ util/* default.preloadWebfonts */.Z.preloadWebfonts(['Roboto'], [400, 500]);
 
 class Widget {
   constructor(ApiURL, FileURL, RealtimeURL, inmem, fake, agenttoken) {
-    lib_defineProperty(this, "version", () => '4.4');
-
-    lib_defineProperty(this, "setSetting", setting => this.store.setSetting({
-      account_setting: setting
-    }));
-
-    lib_defineProperty(this, "getSetting", _ => ({
-      account_setting: util/* default.cloneDeep */.Z.cloneDeep(this.store.matchAccountSetting())
-    }));
-
-    lib_defineProperty(this, "getUser", () => util/* default.parseJSON */.Z.parseJSON(util/* default.stringify */.Z.stringify(this.store.matchUser())));
-
     this.domGate = new util/* default.Gate */.Z.Gate();
     this.store = new Store(ApiURL, FileURL, RealtimeURL, inmem, fake, agenttoken);
     window.sbz_store = this.store;
@@ -5567,7 +5622,6 @@ class Widget {
       this.pluginMgr.destroy();
       clearInterval(clean);
     }, 1000);
-    console.log('OUT33', outmask);
     this.domGate.open();
     cb && cb(outmask);
     return outmask;
@@ -5637,6 +5691,15 @@ class Widget {
     this.pluginMgr.hideCurrentChatbox();
   }
 
+  version = () => '4.4';
+  setSetting = setting => this.store.setSetting({
+    account_setting: setting
+  });
+  getSetting = _ => ({
+    account_setting: util/* default.cloneDeep */.Z.cloneDeep(this.store.matchAccountSetting())
+  });
+  getUser = () => util/* default.parseJSON */.Z.parseJSON(util/* default.stringify */.Z.stringify(this.store.matchUser()));
+
   async setLocale(locale) {
     await this.domGate.entry();
     return this.pluginMgr.setCurrentChatboxLocale(locale);