@subiz/widget-v4 4.1.16 → 4.1.18

package/assets/less/avatar.less

@@ -15,7 +15,6 @@
 }
 
 .group-avatar--secondary {
-	align-self: center;
 }
 
 .group-avatar--secondary .avatar {

package/assets/less/widget_header.less

@@ -14,23 +14,24 @@
 		font-weight: 400;
 		display: flex;
 		border-radius: 5px;
-		align-items: center;
 		justify-content: center;
 		width: 20px;
 		height: 20px;
 		cursor: pointer;
+		position: relative;
+		top: 5px;
 	}
 }
 
 .widget-header--collapsed {
-	height: 72px;
+	height: auto;
 
 }
 
 .widget-header--inner.widget-header--inner--collapsed {
-	height: 72px;
-	align-items: center;
+	height: auto;
 	padding: 15px;
+	position: relative;
 
 	.widget-header--title {
 		white-space: nowrap;
@@ -41,14 +42,11 @@
 	}
 
 	.widget-header--description {
-		font-size: 16px;
+		font-size: 14px;
 		opacity: 0.8;
 		flex: 1;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
 		.color(@white);
-		margin-top: 3.75px;
+		margin-top: 2.5px;
 		position: relative;
 	}
 }
@@ -165,6 +163,7 @@
 	position: relative;
 	margin-left: -9px;
 	cursor: pointer;
+	top: 2px;
 }
 
 .widget-header--has-convo-unred .widget-header--button-back {

package/compiled_src/call/call.js

@@ -28,7 +28,7 @@ class Notif extends _common.Com {
       title: '',
       last_show: 0
     });
-    setTimeout(async () => {
+    _index.default.setTimeout(async () => {
       let {
         body: impression
       } = await this.props.store.sendImpression(this.props.plugin.id);
@@ -101,7 +101,7 @@ class Notif extends _common.Com {
     await this.waitForT();
     if (!this.props.t) return;
     if (!close) {
-      clearTimeout(this.lastCloseTimeout);
+      _index.default.clearTimeout(this.lastCloseTimeout);
       this.setState({
         closeAnimation: false
       });
@@ -138,11 +138,11 @@ class Notif extends _common.Com {
       closeAnimation: true
     });
     this.mouse_leave = _index.default.Date.now();
-    this.lastCloseTimeout = setTimeout(() => this.setState({
+    this.lastCloseTimeout = _index.default.setTimeout(() => this.setState({
       close: true,
       closeAnimation: false
     }), 150);
-    if (this.props.plugin._dont_close) setTimeout(() => this.setState({
+    if (this.props.plugin._dont_close) _index.default.setTimeout(() => this.setState({
       closeAnimation: false,
       close: false
     }), 1000);
@@ -156,7 +156,7 @@ class Notif extends _common.Com {
     this.setClose(this.state.close);
   }
   componentWillUnmount() {
-    clearInterval(this.interval);
+    _index.default.clearInterval(this.interval);
     _index.default.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
   }
   async componentDidMount() {
@@ -172,7 +172,7 @@ class Notif extends _common.Com {
     }
     this.props.store.onResetCSS(this, () => this.refreshCSS());
     await this.refreshCSS();
-    this.interval = setInterval(() => {
+    this.interval = _index.default.setInterval(() => {
       if (this.props._destroy) return this.componentWillUnmount();
       let mouseleave = this.mouse_leave;
       if (mouseleave === 0) mouseleave = _index.default.Date.now();
@@ -185,7 +185,7 @@ class Notif extends _common.Com {
         return this.setClose(false);
       }
     }, 1000);
-    setTimeout(() => {
+    _index.default.setTimeout(() => {
       this.setState({
         cssready: true
       });

package/compiled_src/chatbox/DropdownSelect.js

@@ -112,7 +112,7 @@ class DropdownSelect extends _common.Com {
   focusFilter() {
     if (!this.filterRef.current) return;
     this.filterRef.current.focus();
-    setTimeout(() => {
+    _index.default.setTimeout(() => {
       if (!this.filterRef.current) return;
       this.filterRef.current.focus();
     }, 100);

package/compiled_src/chatbox/Event.js

@@ -183,7 +183,7 @@ class Event extends _common.Com {
       }));
     }
     if (_index.default.getMsgField(ev, 'idempotency') === ev.id && this.props.store.now() - ev.created < 900) {
-      setTimeout(() => this.setState({
+      _index.default.setTimeout(() => this.setState({
         refresh: this.state.refresh
       }), 1000);
     }

package/compiled_src/chatbox/Events.js

@@ -168,7 +168,7 @@ class Events extends _common.Com {
       error: false
     });
     this.scrollToBottom();
-    setTimeout(() => this.setState({
+    _index.default.setTimeout(() => this.setState({
       loading: false
     }), 50);
   }
@@ -178,11 +178,11 @@ class Events extends _common.Com {
     return $container.scrollHeight < $container.scrollTop + $container.offsetHeight + 50;
   }
   scrollToBottom() {
-    setTimeout(() => {
+    _index.default.setTimeout(() => {
       const $div = this.refBody;
       if ($div) $div.scrollTop = $div.scrollHeight;
     });
-    setTimeout(() => {
+    _index.default.setTimeout(() => {
       const $div = this.refBody;
       if ($div) $div.scrollTop = $div.scrollHeight;
     }, 200);

package/compiled_src/chatbox/MessageInput.js

@@ -216,10 +216,10 @@ class MessageInput extends _common.Com {
   focus() {
     if (this.props.disabled) return;
     this.refMessageInput.current && this.refMessageInput.current.focus();
-    setTimeout(() => {
+    _index.default.setTimeout(() => {
       this.refMessageInput.current && this.refMessageInput.current.focus();
     });
-    setTimeout(() => {
+    _index.default.setTimeout(() => {
       this.refMessageInput.current && this.refMessageInput.current.focus();
     }, 100);
   }

package/compiled_src/chatbox/Order.js

@@ -150,7 +150,7 @@ class Order extends _common.Com {
   render() {
     if (this._show != this.props.show) {
       this._show = this.props.show;
-      setTimeout(() => {
+      _index.default.setTimeout(() => {
         if (!this._show) this.close();else this.open();
       });
     }

package/compiled_src/chatbox/Rating.js

@@ -188,7 +188,7 @@ class Rating extends _common.Com {
       hide: false
     });
     if (!this.refRating.current) return;
-    setTimeout(() => {
+    _index.default.setTimeout(() => {
       if (this.refComment.current) this.refComment.current.focus();
     }, 400);
     this.refComment.current.value = '';

package/compiled_src/chatbox/Typing.js

@@ -24,7 +24,7 @@ class Typing extends _common.Com {
       let oldby = _index.default.get(this.state.ev, 'by.id');
       if (oldby && _index.default.get(ev, 'by.id') !== oldby) return;
       if (_index.default.get(ev, 'type') === 'message_sent') {
-        if (this.timer) clearTimeout(this.timer);
+        if (this.timer) _index.default.clearTimeout(this.timer);
         this.timer = null;
         this.setState({
           isShow: false
@@ -38,8 +38,8 @@ class Typing extends _common.Com {
         ev: ev,
         isShow: true
       });
-      if (this.timer) clearTimeout(this.timer);
-      this.timer = setTimeout(() => {
+      if (this.timer) _index.default.clearTimeout(this.timer);
+      this.timer = _index.default.setTimeout(() => {
         if (_index.default.convoOfEv(ev) !== this.props.cid) return;
         this.timer = null;
         this.setState({

package/compiled_src/chatbox/Widget.js

@@ -110,7 +110,7 @@ class Widget extends _common.Com {
         clickedJoin: false,
         quickReplyMessage: {}
       });
-      setTimeout(() => {
+      _index.default.setTimeout(() => {
         this.events && this.events.focus();
         if (!this.props.store.isMobile()) this.focusInput();
       }, 100);
@@ -644,8 +644,8 @@ class Widget extends _common.Com {
     if (this.props.store.isPreview) return;
     var $input = this.msgInput.current;
     if (!$input) return;
-    setTimeout(() => $input && $input.blur());
-    setTimeout(() => $input && $input.blur(), 300);
+    _index.default.setTimeout(() => $input && $input.blur());
+    _index.default.setTimeout(() => $input && $input.blur(), 300);
   }
   focusInput() {
     if (this.props.store.isPreview) return;
@@ -656,7 +656,7 @@ class Widget extends _common.Com {
         if (firstemptykey) return;
         if (!field.value) firstemptykey = key;
       });
-      setTimeout(() => {
+      _index.default.setTimeout(() => {
         var $input = this['form_' + encode(firstemptykey)];
         if (!$input) return;
         $input.focus();
@@ -665,8 +665,8 @@ class Widget extends _common.Com {
     }
     var $input = this.msgInput.current;
     if (!$input) return;
-    setTimeout(() => $input.focus());
-    setTimeout(() => $input.focus(), 300);
+    _index.default.setTimeout(() => $input.focus());
+    _index.default.setTimeout(() => $input.focus(), 300);
   }
   onRate(rating) {
     if (!this.props.cid) return;

package/compiled_src/chatbox/time.js

@@ -9,7 +9,7 @@ var _common = require("../common.js");
 var _preact = require("preact");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var g_pub = new _index.default.Pubsub();
-setInterval(() => g_pub.publish('time'), 20 * 1000);
+_index.default.setInterval(() => g_pub.publish('time'), 20 * 1000);
 class Time extends _common.Com {
   constructor(props) {
     super(props);

package/compiled_src/common.js

@@ -13,7 +13,7 @@ class Com extends _preact.Component {
   constructor(props) {
     super(props);
     this._isMounted = true;
-    setTimeout(() => {
+    _index.default.setTimeout(() => {
       if (this.componentWillUnmount) {
         let old = this.componentWillUnmount.bind(this);
         this.componentWillUnmount = () => {
@@ -69,7 +69,7 @@ let langMessages = {};
 exports.langMessages = langMessages;
 let downloadLock = false;
 function downloadLanguage(store, locale, force) {
-  if (downloadLock) return new Promise(resolve => setTimeout(() => downloadLanguage(store, locale, force).then(resolve), 100));
+  if (downloadLock) return new Promise(resolve => _index.default.setTimeout(() => downloadLanguage(store, locale, force).then(resolve), 100));
   downloadLock = true;
   let messages;
   if (locale === 'debug' || langMessages[locale] && !force) {

package/compiled_src/contact/contact.js

@@ -252,7 +252,7 @@ class Contact extends _common.Com {
     let pluginstringify = JSON.stringify(this.props.plugin);
     if (this.state.pluginjson !== pluginstringify) {
       this.refreshCSS();
-      setTimeout(() => this.setState({
+      _index.default.setTimeout(() => this.setState({
         pluginjson: pluginstringify
       }));
     }

package/compiled_src/lib.js

@@ -43,10 +43,10 @@ class Widget {
     let user = await this.store.login(accid, user_id, tokenGenerator);
     if (!$container) $container = document.body;
     this.pluginMgr = new _plugin.default(this, $container);
-    let clean = setInterval(() => {
+    let clean = _index.default.setInterval(() => {
       if ($container && $container.isConnected) return;
       this.pluginMgr.destroy();
-      clearInterval(clean);
+      _index.default.clearInterval(clean);
     }, 1000);
     this.domGate.open();
     return user;
@@ -61,10 +61,10 @@ class Widget {
     let user = await this.store.init(accid, undefined, ref);
     if (!$container) $container = document.body || document;
     this.pluginMgr = new _plugin.default(this, $container);
-    let clean = setInterval(() => {
+    let clean = _index.default.setInterval(() => {
       if ($container && $container.isConnected) return;
       this.pluginMgr.destroy();
-      clearInterval(clean);
+      _index.default.clearInterval(clean);
     }, 1000);
     this.domGate.open();
     return user;
@@ -73,10 +73,10 @@ class Widget {
     let outmask = await this.store.init(id, mask);
     if (!$container) $container = document.body || document;
     this.pluginMgr = new _plugin.default(this, $container);
-    let clean = setInterval(() => {
+    let clean = _index.default.setInterval(() => {
       if ($container && $container.isConnected) return;
       this.pluginMgr.destroy();
-      clearInterval(clean);
+      _index.default.clearInterval(clean);
     }, 1000);
     this.domGate.open();
     cb && cb(outmask);

package/compiled_src/notif/notif.js

@@ -28,7 +28,7 @@ class Notif extends _common.Com {
       title: '',
       last_show: 0
     });
-    setTimeout(async () => {
+    _index.default.setTimeout(async () => {
       let {
         body: impression
       } = await this.props.store.sendImpression(this.props.plugin.id);
@@ -101,7 +101,7 @@ class Notif extends _common.Com {
     await this.waitForT();
     if (!this.props.t) return;
     if (!close) {
-      clearTimeout(this.lastCloseTimeout);
+      _index.default.clearTimeout(this.lastCloseTimeout);
       this.setState({
         closeAnimation: false
       });
@@ -140,11 +140,11 @@ class Notif extends _common.Com {
       closeAnimation: true
     });
     this.mouse_leave = _index.default.Date.now();
-    this.lastCloseTimeout = setTimeout(() => this.setState({
+    this.lastCloseTimeout = _index.default.setTimeout(() => this.setState({
       close: true,
       closeAnimation: false
     }), 150);
-    if (this.props.plugin._dont_close) setTimeout(() => this.setState({
+    if (this.props.plugin._dont_close) _index.default.setTimeout(() => this.setState({
       closeAnimation: false,
       close: false
     }), 1000);
@@ -158,7 +158,7 @@ class Notif extends _common.Com {
     this.setClose(this.state.close);
   }
   componentWillUnmount() {
-    clearInterval(this.interval);
+    _index.default.clearInterval(this.interval);
     _index.default.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
   }
   async componentDidMount() {
@@ -174,7 +174,7 @@ class Notif extends _common.Com {
     }
     this.props.store.onResetCSS(this, () => this.refreshCSS());
     await this.refreshCSS();
-    this.interval = setInterval(() => {
+    this.interval = _index.default.setInterval(() => {
       if (this.props._destroy) return this.componentWillUnmount();
       let mouseleave = this.mouse_leave;
       if (mouseleave === 0) mouseleave = _index.default.Date.now();
@@ -187,7 +187,7 @@ class Notif extends _common.Com {
         return this.setClose(false);
       }
     }, 1000);
-    setTimeout(() => {
+    _index.default.setTimeout(() => {
       this.setState({
         cssready: true
       });

package/compiled_src/order/address_picker.js

@@ -108,7 +108,7 @@ class AddressPicker extends _common.Com {
   focusFilter() {
     if (!this.filterRef.current) return;
     this.filterRef.current.focus();
-    setTimeout(() => {
+    _index.default.setTimeout(() => {
       if (!this.filterRef.current) return;
       this.filterRef.current.focus();
     }, 100);

package/compiled_src/popup/countdown.js

@@ -20,7 +20,7 @@ class Countdown extends _common.Com {
     _defineProperty(this, "state", {
       flipKey: '43'
     });
-    this.timer = setInterval(() => {
+    this.timer = _index.default.setInterval(() => {
       if (this.props._destroy) return this.componentWillUnmount();
       let cd = this.props.com.countdown || {};
       let newFlipKey = 'cd' + ':' + cd.skin + ':' + cd.size + ':' + this.props.plugin.popup.font_family + ':';
@@ -31,7 +31,7 @@ class Countdown extends _common.Com {
     }, 500);
   }
   componentWillUnmount() {
-    clearInterval(this.timer);
+    _index.default.clearInterval(this.timer);
   }
   getCountDownDeltaSec(countdown) {
     let dest;

package/compiled_src/popup/popup.js

@@ -27,14 +27,14 @@ class Popup extends _common.Com {
       fontReady: false
     });
     this._formRef = (0, _preact.createRef)();
-    setTimeout(() => this.fillForm(), 1000);
-    setTimeout(async () => {
+    _index.default.setTimeout(() => this.fillForm(), 1000);
+    _index.default.setTimeout(async () => {
       let {
         body: impression
       } = await this.props.store.sendImpression(this.props.plugin.id);
       this.impressionToken = _index.default.get(impression, 'impression_token') || '';
     }, 10);
-    setTimeout(() => {
+    _index.default.setTimeout(() => {
       let fonts = {};
       fonts[this.props.plugin.popup.font_family] = true;
       let images = {};
@@ -58,7 +58,7 @@ class Popup extends _common.Com {
         imageReady: true
       })));
       _index.default.preloadWebfonts(Object.keys(fonts));
-      setTimeout(async () => {
+      _index.default.setTimeout(async () => {
         await this.waitForFont(Object.keys(fonts));
         this.setState({
           fontReady: true
@@ -177,11 +177,11 @@ class Popup extends _common.Com {
       this.setState({
         closeAnimation: true
       });
-      setTimeout(() => this.setState({
+      _index.default.setTimeout(() => this.setState({
         close: true,
         closeAnimation: false
       }), 150);
-      if (this.props.plugin._dont_close) setTimeout(() => {
+      if (this.props.plugin._dont_close) _index.default.setTimeout(() => {
         this.lastoverflow = window.getComputedStyle(document.body).getPropertyValue('overflow');
         document.body.style.setProperty('overflow', 'hidden', 'important');
         this.setState({
@@ -266,7 +266,7 @@ class Popup extends _common.Com {
       if (a.action === 'open_widget') this.props.showWidget('list');
     }
     for (let a of actions) {
-      if (a.action === 'close') setTimeout(() => this.setClose(true), 100);
+      if (a.action === 'close') _index.default.setTimeout(() => this.setClose(true), 100);
       if (a.action === 'next_page') this.props.nextPage();
     }
     for (let a of actions) {
@@ -695,7 +695,7 @@ class Popup extends _common.Com {
     }
     this.props.store.onResetCSS(this, () => this.refreshCSS());
     await this.refreshCSS();
-    setTimeout(() => {
+    _index.default.setTimeout(() => {
       this.setState({
         cssready: true
       });

package/compiled_src/store/api.js

@@ -186,7 +186,7 @@ class _default {
           return this.last_token;
         }
         if (!force && this.last_token && age < 3000) {
-          if (this.token_generator) setTimeout(async () => {
+          if (this.token_generator) _index.default.setTimeout(async () => {
             let token, err;
             try {
               token = await tokenGenerator(profile_id);

package/compiled_src/store/store.js

@@ -14,7 +14,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var flow = require('@subiz/flow');
-var Realtime = require('@subiz/wsclient/index.js');
+var Realtime = require('@subiz/wsclient');
 var cookie = require('cookie_js');
 cookie.defaults.path = '/';
 cookie.expiresMultiplier = 60 * 60 * 24;
@@ -208,7 +208,7 @@ class Store {
       if (!user.id) return;
       var dev = this.getDeviceInfo();
       if (!dev.ga_tracking_ids || !dev.ga_client_id) return;
-      clearInterval(_gaInterval);
+      _index.default.clearInterval(_gaInterval);
       this.device = dev;
       let ga_client_id = dev.ga_client_id;
       if (ga_client_id !== _index.default.getUserAttr(user, 'ga_client_id', 'text')) {
@@ -405,7 +405,7 @@ class Store {
   }
   seenLoop() {
     this.seenQueue = [];
-    clearInterval(this._seenInterval);
+    _index.default.clearInterval(this._seenInterval);
     this._seenInterval = _index.default.setInterval(() => {
       this.seenQueue = [...new Set(this.seenQueue)];
       let user = this.cache.match('user') || {};

package/compiled_src/util/campaign.js

@@ -50,32 +50,32 @@ function trackInactivity(seconds, cb) {
   let resetTime = () => {
     inactiveSeconds = 0;
   };
-  let timer = setInterval(() => {
+  let timer = common.setInterval(() => {
     inactiveSeconds++;
     if (inactiveSeconds < seconds) return;
     if (cb) cb();
     for (let ev of events) {
       document.removeEventListener(ev, resetTime, false);
     }
-    clearInterval(timer);
+    common.clearInterval(timer);
   }, 1000);
   for (let ev of events) {
     document.addEventListener(ev, resetTime, false);
   }
 }
 let timeOnPage = 0;
-setInterval(() => {
+common.setInterval(() => {
   timeOnPage += 5;
 }, 5000);
 function trackTimeOnPage(seconds, cb) {
   if (seconds < 1) {
-    return setTimeout(function () {
+    return common.setTimeout(function () {
       cb(seconds);
     }, 100);
   }
-  let timer = setInterval(() => {
+  let timer = common.setInterval(() => {
     if (timeOnPage < seconds) return;
     if (cb) cb(timeOnPage);
-    clearInterval(timer);
+    common.clearInterval(timer);
   }, 1000);
 }

package/compiled_src/util/common.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Date = exports.DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL = exports.DEFVAL = void 0;
 exports.agentsOfConvo = agentsOfConvo;
 exports.checkRunConditions = checkRunConditions;
+exports.clearTimeout = exports.clearInterval = void 0;
 exports.cloneDeep = cloneDeep;
 exports.convoOfEv = convoOfEv;
 exports.convoToEv = convoToEv;
@@ -84,6 +85,10 @@ var setTimeout = f.contentWindow.setTimeout.bind(f.contentWindow);
 exports.setTimeout = setTimeout;
 var setInterval = f.contentWindow.setInterval.bind(f.contentWindow);
 exports.setInterval = setInterval;
+var clearInterval = f.contentWindow.clearInterval.bind(f.contentWindow);
+exports.clearInterval = clearInterval;
+var clearTimeout = f.contentWindow.clearTimeout.bind(f.contentWindow);
+exports.clearTimeout = clearTimeout;
 function convoOfEv(ev) {
   if (!ev) return '';
   switch (ev.type) {