@subiz/widget-v4 4.0.85 → 4.0.88

package/dist/screenshoot.js

@@ -2150,10 +2150,9 @@ function osName() {
 function check_frequently(freq, lastrun, store) {
   if (!lastrun) return true;
   if (op.get(freq, 'once_per_user')) return false;
-  var session = store.matchSession() || {};
 
   if (op.get(freq, 'once_per_session')) {
-    if (lastrun.session_id === session.id) return false;
+    if (sameDay(lastrun.created, Date.now())) return false;
   }
 
   if (op.get(freq, 'interval_sec')) {
@@ -2166,7 +2165,7 @@ function check_frequently(freq, lastrun, store) {
 
 function checkRunConditions(freq, conds, lastrun, store) {
   var acc = store.matchAccount() || {};
-  var session = store.matchSession() || {};
+  var location = store.matchLocation() || {};
   if (!check_frequently(freq, lastrun, store)) return false;
 
   for (var i = 0; i < size(conds); i++) {
@@ -2206,15 +2205,15 @@ function checkRunConditions(freq, conds, lastrun, store) {
         if (size(cond.exclude_locations) > 0) {
           let found = find(cond.exclude_locations, loc => {
             if (loc.city_name && loc.country_code) {
-              if (loc.city_name === session.city_name && loc.country_code === session.country_code) return true;
+              if (loc.city_name === location.city_name && loc.country_code === location.country_code) return true;
             }
 
             if (loc.city_name && !loc.country_code) {
-              if (loc.city_name === session.city_name) return true;
+              if (loc.city_name === location.city_name) return true;
             }
 
             if (!loc.city_name && loc.country_code) {
-              if (loc.country_code === session.country_code) return true;
+              if (loc.country_code === location.country_code) return true;
             }
           });
           if (found) return false;
@@ -2223,15 +2222,15 @@ function checkRunConditions(freq, conds, lastrun, store) {
         if (size(cond.locations) > 0) {
           let found = find(cond.locations, loc => {
             if (loc.city_name && loc.country_code) {
-              if (loc.city_name === session.city_name && loc.country_code === session.country_code) return true;
+              if (loc.city_name === location.city_name && loc.country_code === location.country_code) return true;
             }
 
             if (loc.city_name && !loc.country_code) {
-              if (loc.city_name === session.city_name) return true;
+              if (loc.city_name === location.city_name) return true;
             }
 
             if (!loc.city_name && loc.country_code) {
-              if (loc.country_code === session.country_code) return true;
+              if (loc.country_code === location.country_code) return true;
             }
           });
           if (!found) return false;
@@ -2295,7 +2294,8 @@ function checkRunConditions(freq, conds, lastrun, store) {
 
       case 'source':
         if (size(cond.sources) > 0) {
-          if (!find(cond.sources, src => norm(src) === norm(session.source))) return false;
+          let source = store.matchTrafficSource();
+          if (!find(cond.sources, src => norm(src) === norm(source))) return false;
         }
 
         break;
@@ -3208,14 +3208,14 @@ class Pubsub {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "HY": () => (/* binding */ d),
-/* harmony export */   "Vf": () => (/* binding */ p),
-/* harmony export */   "h": () => (/* binding */ v),
-/* harmony export */   "sY": () => (/* binding */ S),
-/* harmony export */   "wA": () => (/* binding */ _)
+/* harmony export */   "HY": () => (/* binding */ p),
+/* harmony export */   "Vf": () => (/* binding */ y),
+/* harmony export */   "h": () => (/* binding */ h),
+/* harmony export */   "sY": () => (/* binding */ P),
+/* harmony export */   "wA": () => (/* binding */ d)
 /* harmony export */ });
 /* unused harmony exports hydrate, createElement, isValidElement, cloneElement, createContext, toChildArray, options */
-var n,l,u,i,t,o,r,f,e={},c=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a(n,l){for(var u in l)n[u]=l[u];return n}function h(n){var l=n.parentNode;l&&l.removeChild(n)}function v(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return y(l,f,t,o,null)}function y(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u:r};return null==r&&null!=l.vnode&&l.vnode(f),f}function p(){return{current:null}}function d(n){return n.children}function _(n,l){this.props=n,this.context=l}function k(n,l){if(null==l)return n.__?k(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?k(n):null}function b(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return b(n)}}function m(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!g.__r++||r!==l.debounceRendering)&&((r=l.debounceRendering)||o)(g)}function g(){for(var n;g.__r=t.length;)n=t.sort(function(n,l){return n.__v.__b-l.__v.__b}),t=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=a({},t)).__v=t.__v+1,j(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?k(t):o,t.__h),z(u,t),t.__e!=o&&b(t)))})}function w(n,l,u,i,t,o,r,f,s,a){var h,v,p,_,b,m,g,w=i&&i.__k||c,A=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?y(null,_,null,null,_):Array.isArray(_)?y(d,{children:_},null,null,null):_.__b>0?y(_.type,_.props,_.key,null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(p=w[h])||p&&_.key==p.key&&_.type===p.type)w[h]=void 0;else for(v=0;v<A;v++){if((p=w[v])&&_.key==p.key&&_.type===p.type){w[v]=void 0;break}p=null}j(n,_,p=p||e,t,o,r,f,s,a),b=_.__e,(v=_.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,_),g.push(v,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===p.__k?_.__d=s=x(_,s,n):s=P(n,_,p,w,b,s),"function"==typeof u.type&&(u.__d=s)):s&&p.__e==s&&s.parentNode!=n&&(s=k(p))}for(u.__e=m,h=A;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=k(i,h+1)),N(w[h],w[h]));if(g)for(h=0;h<g.length;h++)M(g[h],g[++h],g[++h])}function x(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?x(i,l,u):P(u,i,i,t,i.__e,l));return l}function A(n,l){return l=l||[],null==n||"boolean"==typeof n||(Array.isArray(n)?n.some(function(n){A(n,l)}):l.push(n)),l}function P(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else{for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o}return void 0!==r?r:t.nextSibling}function C(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||H(n,o,l[o],u[o],i)}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||s.test(l)?u:u+"px"}function H(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l])}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?T:I,o):n.removeEventListener(l,o?T:I,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l))}}function I(n){this.l[n.type+!1](l.event?l.event(n):n)}function T(n){this.l[n.type+!0](l.event?l.event(n):n)}function j(n,u,i,t,o,r,f,e,c){var s,h,v,y,p,k,b,m,g,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(s=l.__b)&&s(u);try{n:if("function"==typeof P){if(m=u.props,g=(s=P.contextType)&&t[s.__c],x=s?g?g.props.value:s.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(m,x):(u.__c=h=new _(m,x),h.constructor=P,h.render=O),g&&g.sub(h),h.props=m,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a({},h.__s)),a(h.__s,P.getDerivedStateFromProps(m,h.__s))),y=h.props,p=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(null==P.getDerivedStateFromProps&&m!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,x)||u.__v===i.__v){h.props=m,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u)}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,p,k)})}h.context=x,h.props=m,h.state=h.__s,(s=l.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),h.state=h.__s,null!=h.getChildContext&&(t=a(a({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,p)),A=null!=s&&s.type===d&&null==s.key?s.props.children:s,w(n,Array.isArray(A)?A:[A],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,o,r,f,c);(s=l.diffed)&&s(u)}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l.__e(n,u,i)}}function z(n,u){l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function L(l,u,i,t,o,r,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(o=!0),null!=r)for(;_<r.length;_++)if((s=r[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1}if(null===d)y===p||c&&l.data===p||(l.data=p);else{if(r=r&&n.call(l.childNodes),a=(y=i.props||e).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(v||a)&&(v&&(a&&v.__html==a.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""))}if(C(l,p,y,o,c),v)u.__k=[];else if(_=u.props.children,w(l,Array.isArray(_)?_:[_],u,i,t,o&&"foreignObject"!==d,r,f,r?r[0]:i.__k&&k(i,0),c),null!=r)for(_=r.length;_--;)null!=r[_]&&h(r[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==l.value||"progress"===d&&!_||"option"===d&&_!==y.value)&&H(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&H(l,"checked",_,y.checked,!1))}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u}catch(n){l.__e(n,i)}}function N(n,u,i){var t,o;if(l.unmount&&l.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount()}catch(n){l.__e(n,u)}t.base=t.__P=null}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,"function"!=typeof n.type);i||null==n.__e||h(n.__e),n.__e=n.__d=void 0}function O(n,l,u){return this.constructor(n,u)}function S(u,i,t){var o,r,f;l.__&&l.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j(i,u=(!o&&t||i).__k=v(d,null,[u]),r||e,e,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,f,!o&&t?t:r?r.__e:i.firstChild,o),z(f,u)}function q(n,l){S(n,l,q)}function B(l,u,i){var t,o,r,f=a({},l.props);for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];return arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),y(l.type,f,t||l.key,o||l.ref,null)}function D(n,l){var u={__c:l="__cC"+f++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(m)},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n)}}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=c.slice,l={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l}throw n}},u=0,i=function(n){return null!=n&&void 0===n.constructor},_.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a({},this.state),"function"==typeof n&&(n=n(a({},u),this.props)),n&&a(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),m(this))},_.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m(this))},_.prototype.render=d,t=[],o="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,g.__r=0,f=0;
+var n,l,u,i,t,o,r,f={},e=[],c=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function s(n,l){for(var u in l)n[u]=l[u];return n}function a(n){var l=n.parentNode;l&&l.removeChild(n)}function h(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return v(l,f,t,o,null)}function v(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u:r};return null==r&&null!=l.vnode&&l.vnode(f),f}function y(){return{current:null}}function p(n){return n.children}function d(n,l){this.props=n,this.context=l}function _(n,l){if(null==l)return n.__?_(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?_(n):null}function k(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return k(n)}}function b(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!g.__r++||o!==l.debounceRendering)&&((o=l.debounceRendering)||setTimeout)(g)}function g(){for(var n;g.__r=t.length;)n=t.sort(function(n,l){return n.__v.__b-l.__v.__b}),t=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=s({},t)).__v=t.__v+1,j(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?_(t):o,t.__h),z(u,t),t.__e!=o&&k(t)))})}function w(n,l,u,i,t,o,r,c,s,a){var h,y,d,k,b,g,w,x=i&&i.__k||e,C=x.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(k=u.__k[h]=null==(k=l[h])||"boolean"==typeof k?null:"string"==typeof k||"number"==typeof k||"bigint"==typeof k?v(null,k,null,null,k):Array.isArray(k)?v(p,{children:k},null,null,null):k.__b>0?v(k.type,k.props,k.key,null,k.__v):k)){if(k.__=u,k.__b=u.__b+1,null===(d=x[h])||d&&k.key==d.key&&k.type===d.type)x[h]=void 0;else for(y=0;y<C;y++){if((d=x[y])&&k.key==d.key&&k.type===d.type){x[y]=void 0;break}d=null}j(n,k,d=d||f,t,o,r,c,s,a),b=k.__e,(y=k.ref)&&d.ref!=y&&(w||(w=[]),d.ref&&w.push(d.ref,null,k),w.push(y,k.__c||b,k)),null!=b?(null==g&&(g=b),"function"==typeof k.type&&k.__k===d.__k?k.__d=s=m(k,s,n):s=A(n,k,d,x,b,s),"function"==typeof u.type&&(u.__d=s)):s&&d.__e==s&&s.parentNode!=n&&(s=_(d))}for(u.__e=g,h=C;h--;)null!=x[h]&&("function"==typeof u.type&&null!=x[h].__e&&x[h].__e==u.__d&&(u.__d=_(i,h+1)),N(x[h],x[h]));if(w)for(h=0;h<w.length;h++)M(w[h],w[++h],w[++h])}function m(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?m(i,l,u):A(u,i,i,t,i.__e,l));return l}function x(n,l){return l=l||[],null==n||"boolean"==typeof n||(Array.isArray(n)?n.some(function(n){x(n,l)}):l.push(n)),l}function A(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else{for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o}return void 0!==r?r:t.nextSibling}function C(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||H(n,o,l[o],u[o],i)}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||c.test(l)?u:u+"px"}function H(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l])}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?T:I,o):n.removeEventListener(l,o?T:I,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l))}}function I(n){this.l[n.type+!1](l.event?l.event(n):n)}function T(n){this.l[n.type+!0](l.event?l.event(n):n)}function j(n,u,i,t,o,r,f,e,c){var a,h,v,y,_,k,b,g,m,x,A,C,$,H=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(a=l.__b)&&a(u);try{n:if("function"==typeof H){if(g=u.props,m=(a=H.contextType)&&t[a.__c],x=a?m?m.props.value:a.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in H&&H.prototype.render?u.__c=h=new H(g,x):(u.__c=h=new d(g,x),h.constructor=H,h.render=O),m&&m.sub(h),h.props=g,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=H.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=s({},h.__s)),s(h.__s,H.getDerivedStateFromProps(g,h.__s))),y=h.props,_=h.state,v)null==H.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(null==H.getDerivedStateFromProps&&g!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(g,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(g,h.__s,x)||u.__v===i.__v){h.props=g,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u)}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(g,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,_,k)})}if(h.context=x,h.props=g,h.__v=u,h.__P=n,A=l.__r,C=0,"prototype"in H&&H.prototype.render)h.state=h.__s,h.__d=!1,A&&A(u),a=h.render(h.props,h.state,h.context);else do{h.__d=!1,A&&A(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++C<25);h.state=h.__s,null!=h.getChildContext&&(t=s(s({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,_)),$=null!=a&&a.type===p&&null==a.key?a.props.children:a,w(n,Array.isArray($)?$:[$],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,o,r,f,c);(a=l.diffed)&&a(u)}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l.__e(n,u,i)}}function z(n,u){l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function L(l,u,i,t,o,r,e,c){var s,h,v,y=i.props,p=u.props,d=u.type,k=0;if("svg"===d&&(o=!0),null!=r)for(;k<r.length;k++)if((s=r[k])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[k]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1}if(null===d)y===p||c&&l.data===p||(l.data=p);else{if(r=r&&n.call(l.childNodes),h=(y=i.props||f).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},k=0;k<l.attributes.length;k++)y[l.attributes[k].name]=l.attributes[k].value;(v||h)&&(v&&(h&&v.__html==h.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""))}if(C(l,p,y,o,c),v)u.__k=[];else if(k=u.props.children,w(l,Array.isArray(k)?k:[k],u,i,t,o&&"foreignObject"!==d,r,e,r?r[0]:i.__k&&_(i,0),c),null!=r)for(k=r.length;k--;)null!=r[k]&&a(r[k]);c||("value"in p&&void 0!==(k=p.value)&&(k!==l.value||"progress"===d&&!k||"option"===d&&k!==y.value)&&H(l,"value",k,y.value,!1),"checked"in p&&void 0!==(k=p.checked)&&k!==l.checked&&H(l,"checked",k,y.checked,!1))}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u}catch(n){l.__e(n,i)}}function N(n,u,i){var t,o;if(l.unmount&&l.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount()}catch(n){l.__e(n,u)}t.base=t.__P=null}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,"function"!=typeof n.type);i||null==n.__e||a(n.__e),n.__e=n.__d=void 0}function O(n,l,u){return this.constructor(n,u)}function P(u,i,t){var o,r,e;l.__&&l.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,e=[],j(i,u=(!o&&t||i).__k=h(p,null,[u]),r||f,f,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,e,!o&&t?t:r?r.__e:i.firstChild,o),z(e,u)}function S(n,l){P(n,l,S)}function q(l,u,i){var t,o,r,f=s({},l.props);for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];return arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),v(l.type,f,t||l.key,o||l.ref,null)}function B(n,l){var u={__c:l="__cC"+r++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(b)},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n)}}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=e.slice,l={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l}throw n}},u=0,i=function(n){return null!=n&&void 0===n.constructor},d.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=s({},this.state),"function"==typeof n&&(n=n(s({},u),this.props)),n&&s(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),b(this))},d.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),b(this))},d.prototype.render=p,t=[],g.__r=0,r=0;
 //# sourceMappingURL=preact.module.js.map
 
 
@@ -4184,8 +4184,6 @@ class Store {
 
     store_defineProperty(this, "suggest_addresses", keyword => this.api.suggest_address(keyword));
 
-    store_defineProperty(this, "matchSession", () => this.kv.match('session') || {});
-
     store_defineProperty(this, "matchAccount", () => this.cache.match('account'));
 
     store_defineProperty(this, "matchPaymentMethods", () => this.cache.match('payment_methods'));
@@ -4277,6 +4275,8 @@ class Store {
       };
     });
 
+    store_defineProperty(this, "matchLocation", () => this.cache.match('location') || {});
+
     store_defineProperty(this, "matchBot", () => this.cache.match('bot') || {});
 
     store_defineProperty(this, "readyGate", new util/* default.Gate */.Z.Gate());
@@ -4304,6 +4304,8 @@ class Store {
 
     store_defineProperty(this, "seenQueue", []);
 
+    store_defineProperty(this, "matchTrafficSource", () => this.kv.match('traffic_source'));
+
     store_defineProperty(this, "_typing", util/* default.throttle */.Z.throttle(convoid => this.api.sendTyping(convoid), 3000, {
       trailing: false
     }));
@@ -4411,7 +4413,7 @@ class Store {
   }
 
   isInsync(key) {
-    return util/* default.Date.now */.Z.Date.now() - (this.g_sync[key] || 0) < 300000;
+    return util/* default.Date.now */.Z.Date.now() - (this.g_sync[key] || 0) < 600000;
   }
 
   async fetchShippingAddresses() {
@@ -4682,24 +4684,6 @@ class Store {
 
     if (setting.user) {
       setting.user.account_id = setting.account.id;
-      let oldsession = this.matchSession();
-      let session = setting.user.session;
-
-      if (session) {
-        if (session.id === oldsession.id) {
-          session._urls = oldsession._urls;
-        } else {}
-      } else {
-        session = oldsession;
-      }
-
-      session._urls = session._urls || [];
-
-      session._urls.push(location.href);
-
-      while (session._urls.length > 1000) session._urls.shift();
-
-      this.kv.put('session', session);
       delete setting.user.session;
 
       this._setUser(setting.user);
@@ -4712,6 +4696,8 @@ class Store {
       delete setting.account;
     }
 
+    let location = util/* default.get */.Z.get(setting, 'location', []);
+    this.cache.put('location', location);
     let bots = util/* default.get */.Z.get(setting, 'bots', []);
     let botM = {};
     util/* default.map */.Z.map(bots, bot => {
@@ -4746,7 +4732,9 @@ class Store {
 
   async track() {
     let user = this.kv.match('user') || {};
-    await this.api.sendContentView(this.device, location.href, document.title, this._currentViewingProduct.id, this._currentViewingProduct.source_id, this._currentViewingProduct.sku);
+    let out = await this.api.sendContentView(this.device, location.href, document.title, this._currentViewingProduct.id, this._currentViewingProduct.source_id, this._currentViewingProduct.sku);
+    let traffic_source = util/* default.get */.Z.get(out, 'body.by.device.source', '');
+    if (traffic_source) this.kv.put('traffic_source', traffic_source);
     this.sendPresence();
   }
 
@@ -5059,12 +5047,10 @@ class Store {
   }
 
   logBotRun(botid) {
-    let session = this.matchSession();
     let log = this.kv.match('bot_run_logs') || {};
     log[botid] = {
       bot_id: botid,
-      created: this.now(),
-      session_id: session.id
+      created: this.now()
     };
     this.kv.put('bot_run_logs', log);
   }
@@ -5072,11 +5058,9 @@ class Store {
   sendImpression(id) {
     let user = this.kv.match('user') || {};
     let log = this.kv.match('plugin_run_logs') || {};
-    let session = this.matchSession();
     log[id] = {
       web_plugin_id: id,
-      created: this.now(),
-      session_id: session.id
+      created: this.now()
     };
     this.kv.put('plugin_run_logs', log);
     return this.api.sendImpression({
@@ -5085,8 +5069,7 @@ class Store {
       web_plugin_id: id,
       user_id: user.id,
       url: window.location.href,
-      device: this.device,
-      session_id: session.id
+      device: this.device
     });
   }
 
@@ -5108,8 +5091,7 @@ class Store {
       url: window.location.href,
       device: this.device,
       submission,
-      impression_token: impressionToken,
-      session_id: this.matchSession().id
+      impression_token: impressionToken
     });
   }
 
@@ -5152,7 +5134,7 @@ class Store {
 
   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(), 120000);
+    if (!util/* default.get */.Z.get(this.kv.match('user'), 'id')) return setTimeout(() => this.loopTime(), 240000);
     let {
       body: t,
       error
@@ -5162,7 +5144,7 @@ class Store {
     var serverMs = new util/* default.Date */.Z.Date(t).getTime() + latences;
     var localMs = util/* default.Date.now */.Z.Date.now();
     this.timeDiff = Math.floor(serverMs - localMs);
-    setTimeout(() => this.loopTime(), 120000);
+    setTimeout(() => this.loopTime(), 240000);
   }
 
   replaceFileUrl(src) {
@@ -5300,7 +5282,10 @@ function sendToFBPixel(category, action, label) {
 }
 
 function sendToGA(category, action, label) {
-  console.log('SENT.', category, action, label);
+  if (window.gtag) window.gtag('event', category, {
+    Action: action,
+    Label: label
+  });
 
   if (window.ga && window.ga.getAll) {
     const allTrackers = window.ga.getAll() || [];
@@ -5308,11 +5293,6 @@ function sendToGA(category, action, label) {
       const name = tracker.get('name');
       window.ga(name + '.send', 'event', category, action, label);
     });
-  } else {
-    if (window.gtag) window.gtag('event', category, {
-      Action: action,
-      Label: label
-    });
   }
 }
 

package/index.html

@@ -33,7 +33,7 @@
 			window.subiz.q = []
 			// set account it in the very first call
 			window.subiz('setAccount', accid)
-			window.subiz('expandWidget')
+			// window.subiz('expandWidget')
 
 			if (accid == 'acpxkgumifuoofoosble') {
 				window.subiz('setViewingProduct', {id: '220170', sku: 'ipx', source_id: 'IPHONE10'})

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.0.85",
+	"version": "4.0.88",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -14,28 +14,28 @@
 		"@subiz/storage": "0.0.8",
 		"@subiz/wsclient": "^3.1.7",
 		"cookie_js": "1.4.2",
-		"core-js": "^3.23.4",
+		"core-js": "^3.25.0",
 		"css-loader": "5.2.7",
 		"file-loader": "^6.2.0",
 		"less": "^4.1.3",
 		"less-loader": "^11.0.0",
-		"marked": "^4.0.18",
-		"preact": "^10.10.0"
+		"marked": "^4.1.0",
+		"preact": "^10.10.6"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.18.6",
-		"@babel/core": "^7.18.6",
+		"@babel/cli": "^7.18.10",
+		"@babel/core": "^7.18.13",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
-		"@babel/plugin-transform-react-jsx": "^7.18.6",
-		"@babel/preset-env": "^7.18.6",
+		"@babel/plugin-transform-react-jsx": "^7.18.10",
+		"@babel/preset-env": "^7.18.10",
 		"babel-loader": "^8.2.5",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.5.0",
 		"prettier": "^2.7.1",
 		"puppeteer": "^15.4.0",
-		"webpack": "^5.73.0",
-		"webpack-bundle-analyzer": "^4.5.0",
+		"webpack": "^5.74.0",
+		"webpack-bundle-analyzer": "^4.6.1",
 		"webpack-cli": "^4.10.0",
-		"webpack-dev-server": "^4.9.3"
+		"webpack-dev-server": "^4.10.1"
 	}
 }

package/src/chatbox/AgentsAvatar.js

@@ -10,6 +10,26 @@ export default class AgentsAvatar extends Com {
 
 	render() {
 		let accountSetting = this.props.plugin.chatbox
+		let acc = this.props.store.matchAccount()
+		var tooltippos = this.props.tooltipPos || 'bottom'
+		var mode = this.props.mode || 'primary'
+
+		if (accountSetting && accountSetting.hide_agent_profile) {
+			return (
+				<div class={`group-avatar group-avatar--${mode}`}>
+					<div class='d-inline-block pos-relative' data-tooltip={acc.name} data-tooltip-position={tooltippos}>
+						<img
+							width={35}
+							height={35}
+							alt='agent avatar left'
+							class='avatar group-avatar--agent-left'
+							src={this.props.store.replaceFileUrl(acc.logo_url) || require('../../assets/img/image_default.png')}
+						/>
+					</div>
+				</div>
+			)
+		}
+
 		let agentM = this.props.store.matchAgent('*')
 		var agents = sb.map(this.props.agent_ids, (id) => agentM[id])
 		if (this.props.agent_ids === undefined || sb.size(this.props.agent_ids) === 0) {
@@ -23,10 +43,6 @@ export default class AgentsAvatar extends Com {
 		}
 
 		agents = sb.filter(agents, (ag) => !!ag)
-		let acc = this.props.store.matchAccount()
-
-		var tooltippos = this.props.tooltipPos || 'bottom'
-		var mode = this.props.mode || 'primary'
 		if (agents.length === 0) {
 			// use account avatar
 			return (
@@ -53,7 +69,8 @@ export default class AgentsAvatar extends Com {
 					<div
 						class='d-inline-block pos-relative'
 						data-tooltip={agent.fullname || acc.name}
-						data-tooltip-position={tooltippos}>
+						data-tooltip-position={tooltippos}
+					>
 						<img
 							width={35}
 							height={35}
@@ -75,7 +92,8 @@ export default class AgentsAvatar extends Com {
 					<div
 						class='d-inline-block pos-relative'
 						data-tooltip={leftAgent.fullname || acc.name}
-						data-tooltip-position={tooltippos}>
+						data-tooltip-position={tooltippos}
+					>
 						<img
 							width={35}
 							height={35}
@@ -89,7 +107,8 @@ export default class AgentsAvatar extends Com {
 					<div
 						class='d-inline-block pos-relative'
 						data-tooltip={rightAgent.fullname || acc.name}
-						data-tooltip-position={tooltippos}>
+						data-tooltip-position={tooltippos}
+					>
 						<img
 							alt='agent avatar right'
 							width={35}
@@ -114,7 +133,8 @@ export default class AgentsAvatar extends Com {
 				<div
 					class='d-inline-block pos-relative'
 					data-tooltip={leftAgent.fullname || acc.name}
-					data-tooltip-position={tooltippos}>
+					data-tooltip-position={tooltippos}
+				>
 					<img
 						width={35}
 						height={35}
@@ -128,7 +148,8 @@ export default class AgentsAvatar extends Com {
 				<div
 					class='d-inline-block pos-relative'
 					data-tooltip={middleAgent.fullname || acc.name}
-					data-tooltip-position={tooltippos}>
+					data-tooltip-position={tooltippos}
+				>
 					<img
 						alt='agent avatar middle'
 						width={35}
@@ -142,7 +163,8 @@ export default class AgentsAvatar extends Com {
 				<div
 					class='d-inline-block pos-relative'
 					data-tooltip={rightAgent.fullname || acc.name}
-					data-tooltip-position={tooltippos}>
+					data-tooltip-position={tooltippos}
+				>
 					<img
 						width={35}
 						height={35}

package/src/chatbox/ChatButton.js

@@ -175,6 +175,13 @@ export default class ChatButton extends Com {
 			position = sb.get(accountSetting, 'mobile_button.position') || position
 		}
 
+		if (accountSetting && accountSetting.hide_agent_profile) {
+			agent = Object.assign({}, account, {
+				avatar_url: account.logo_url || require('../../assets/img/image_default.png'),
+				fullname: account.name || this.props.t('agent'),
+			})
+		}
+
 		let cls = 'widget-preview widget-preview--' + position
 		if (!this.state.displayPreview) cls += ' widget-preview--hidden'
 
@@ -206,13 +213,13 @@ export default class ChatButton extends Com {
 	}
 
 	onProfileReady() {
-		if (this.state.buttonLoaded) this.setState({opacity: 1})
-		this.setState({profileLoaded: true})
+		if (this._buttonLoaded) this.setState({opacity: 1})
+		this._profileLoaded = true
 	}
 
 	onButtonReady() {
-		if (this.state.profileLoaded) this.setState({opacity: 1})
-		this.setState({buttonLoaded: true})
+		if (this._profileLoaded) this.setState({opacity: 1})
+		this._buttonLoaded = true
 	}
 
 	renderButton() {

package/src/chatbox/Event.js

@@ -90,6 +90,15 @@ export default class Event extends Com {
 		let acc = this.props.store.matchAccount()
 		var uri = acc.logo_url || require('../../assets/img/image_default.png')
 
+		if (sb.get(this.props, 'chatbox.hide_agent_profile')) {
+			return (
+				<div class='message-sender'>
+					<img alt='sender' class='message-sender-avatar' src={this.props.store.replaceFileUrl(uri)} />
+					<p class='message-sender-name'>{acc.name}</p>
+				</div>
+			)
+		}
+
 		let agentM = this.props.store.matchAgent('*')
 		// should replace with subiz logo
 		if (byid !== 'system' || bytype !== 'dummy') {
@@ -130,7 +139,7 @@ export default class Event extends Com {
 					<AudioAttachments store={this.props.store} ev={ev} />
 					<VideoAttachments store={this.props.store} ev={ev} />
 					<FileAttachments store={this.props.store} ev={ev} />
-					<ButtonAttachments store={this.props.store} ev={ev} t={this.props.t}/>
+					<ButtonAttachments store={this.props.store} ev={ev} t={this.props.t} />
 					<FormAttachments
 						store={this.props.store}
 						onSubmit={this.props.onFormSubmit}
@@ -139,8 +148,18 @@ export default class Event extends Com {
 						t={this.props.t}
 					/>
 					<FormSubmitAttachments store={this.props.store} ev={ev} t={this.props.t} />
-					<GenericTemplateAttachments store={this.props.store} ev={ev} onSelect={(e) => this.choosePostbackBtn(e)} t={this.props.t}/>
-					<ProductAttachments t={this.props.t} onPostback={(e) => this.choosePostbackBtn(e)} store={this.props.store} ev={ev} />
+					<GenericTemplateAttachments
+						store={this.props.store}
+						ev={ev}
+						onSelect={(e) => this.choosePostbackBtn(e)}
+						t={this.props.t}
+					/>
+					<ProductAttachments
+						t={this.props.t}
+						onPostback={(e) => this.choosePostbackBtn(e)}
+						store={this.props.store}
+						ev={ev}
+					/>
 					<OrderAttachments t={this.props.t} store={this.props.store} ev={ev} />
 					<QuickReplies store={this.props.store} ev={ev} onSelect={(e) => this.chooseQuickReply(e)} />
 				</div>
@@ -182,7 +201,7 @@ export default class Event extends Com {
 					<AudioAttachments store={this.props.store} ev={ev} />
 					<VideoAttachments store={this.props.store} ev={ev} />
 					<FileAttachments store={this.props.store} ev={ev} />
-					<ButtonAttachments store={this.props.store} ev={ev} t={this.props.t}/>
+					<ButtonAttachments store={this.props.store} ev={ev} t={this.props.t} />
 					<FormAttachments store={this.props.store} onSubmit={this.props.onFormSubmit} ref={this.refForm} ev={ev} />
 					<ProductAttachments t={this.props.t} store={this.props.store} ev={ev} />
 					<FormSubmitAttachments store={this.props.store} ev={ev} />

package/src/chatbox/Events.js

@@ -57,6 +57,7 @@ export default class Events extends Com {
 
 		let $events = sb.map(events, (ev) => (
 			<Event
+				chatbox={this.props.chatbox}
 				onLink={this.props.onLink}
 				store={this.props.store}
 				onFormSubmit={this.props.onFormSubmit}
@@ -82,7 +83,8 @@ export default class Events extends Com {
 					style={style}
 					ref={(ref) => (this.refBody = ref)}
 					class='widget-body--events-container'
-					onMouseOver={this.checkAndSeen}>
+					onMouseOver={this.checkAndSeen}
+				>
 					<div class='widget-body--events'>{$events}</div>
 					<PoweredBy store={this.props.store} />
 				</div>

package/src/chatbox/MessageInput.js

@@ -21,7 +21,7 @@ export default class MessageInput extends Com {
 			this.forceUpdate()
 		}, 500)
 
-		this.resizeInput = sb.throttle(function() {
+		this.resizeInput = sb.throttle(function () {
 			// TODO: ctrl+A then press backspace dont reset size rightaway
 			const input = this.refMessageInput.current
 			input.style.setProperty('height', '1em', 'important')
@@ -30,6 +30,12 @@ export default class MessageInput extends Com {
 		}, 5)
 	}
 
+	blur() {
+		const $input = this.refMessageInput.current
+		if (!$input) return
+		$input.blur()
+	}
+
 	render() {
 		var buttons = (
 			<div class='d-flex flex-row align-self-end'>
@@ -37,7 +43,8 @@ export default class MessageInput extends Com {
 				<div
 					data-tooltip-poasition='top-left'
 					class='message-input--button message-input--attachment-button'
-					onClick={(e) => this.selectFile(e)}></div>
+					onClick={(e) => this.selectFile(e)}
+				></div>
 			</div>
 		)
 		var msg = sb.trim(this.refMessageInput.current && this.refMessageInput.current.value)
@@ -48,7 +55,8 @@ export default class MessageInput extends Com {
 					<div
 						data-tooltip-position='top-left'
 						class='message-input--button message-input--send-button'
-						onClick={() => this.submitMessage()}></div>
+						onClick={() => this.submitMessage()}
+					></div>
 				</div>
 			)
 		}
@@ -62,7 +70,8 @@ export default class MessageInput extends Com {
 				class={`message-input ${containercls}`}
 				onClick={(e) => {
 					this.refMessageInput.current && this.refMessageInput.current.focus()
-				}}>
+				}}
+			>
 				<input class='d-none' ref={this.refFileInput} type='file' onChange={(e) => this.sendFile(e)} multiple />
 				<textarea
 					disabled={disabled}
@@ -258,7 +267,7 @@ export default class MessageInput extends Com {
 		input.focus()
 	}
 
-	onEnter = sb.throttle(function() {
+	onEnter = sb.throttle(function () {
 		this.submitMessage()
 	}, 50)