@subiz/widget-v4 4.0.83 → 4.0.85

package/dist/screenshoot.js

@@ -1348,11 +1348,11 @@ function toString(obj) {
 
 "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 */   "WW": () => (/* binding */ downloadLanguage),
+/* harmony export */   "u$": () => (/* binding */ Clickaway),
+/* harmony export */   "up": () => (/* binding */ Com)
 /* 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);
@@ -1446,70 +1446,70 @@ function downloadLanguage(store, locale, force) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "parseJSON": () => (/* binding */ parseJSON),
-/* harmony export */   "stringify": () => (/* binding */ stringify),
+/* harmony export */   "DEFVAL": () => (/* binding */ DEFVAL),
+/* harmony export */   "DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL": () => (/* binding */ DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL),
 /* harmony export */   "Date": () => (/* binding */ Date),
-/* harmony export */   "requestAnimationFrame": () => (/* binding */ requestAnimationFrame),
-/* harmony export */   "setTimeout": () => (/* binding */ setTimeout),
-/* harmony export */   "setInterval": () => (/* binding */ setInterval),
+/* harmony export */   "agentsOfConvo": () => (/* binding */ agentsOfConvo),
+/* harmony export */   "checkRunConditions": () => (/* binding */ checkRunConditions),
+/* harmony export */   "cloneDeep": () => (/* binding */ cloneDeep),
 /* harmony export */   "convoOfEv": () => (/* binding */ convoOfEv),
 /* harmony export */   "convoToEv": () => (/* binding */ convoToEv),
-/* harmony export */   "setMsgField": () => (/* binding */ setMsgField),
-/* harmony export */   "getMsgField": () => (/* binding */ getMsgField),
-/* harmony export */   "merge": () => (/* binding */ merge),
-/* harmony export */   "cloneDeep": () => (/* binding */ cloneDeep),
-/* harmony export */   "randomString": () => (/* binding */ randomString),
-/* harmony export */   "filter": () => (/* binding */ filter),
-/* harmony export */   "includes": () => (/* binding */ includes),
-/* harmony export */   "map": () => (/* binding */ map),
+/* harmony export */   "detectLang": () => (/* binding */ detectLang),
+/* harmony export */   "diffDay": () => (/* binding */ diffDay),
+/* harmony export */   "diffYear": () => (/* binding */ diffYear),
 /* harmony export */   "each": () => (/* binding */ each),
-/* harmony export */   "usersOfConvo": () => (/* binding */ usersOfConvo),
-/* harmony export */   "isConvoSeen": () => (/* binding */ isConvoSeen),
-/* harmony export */   "agentsOfConvo": () => (/* binding */ agentsOfConvo),
-/* harmony export */   "startsWith": () => (/* binding */ startsWith),
-/* harmony export */   "size": () => (/* binding */ size),
-/* harmony export */   "replaceAll": () => (/* binding */ replaceAll),
-/* harmony export */   "trim": () => (/* binding */ trim),
-/* harmony export */   "trimStart": () => (/* binding */ trimStart),
-/* harmony export */   "throttle": () => (/* binding */ throttle),
+/* harmony export */   "filter": () => (/* binding */ filter),
 /* harmony export */   "find": () => (/* binding */ find),
-/* harmony export */   "orderBy": () => (/* binding */ orderBy),
+/* harmony export */   "formatCurrency": () => (/* binding */ formatCurrency),
+/* harmony export */   "getAgentDisplayName": () => (/* binding */ getAgentDisplayName),
+/* harmony export */   "getDayName": () => (/* binding */ getDayName),
 /* harmony export */   "getIntegrationId": () => (/* binding */ getIntegrationId),
+/* harmony export */   "getMs": () => (/* binding */ getMs),
+/* harmony export */   "getMsgField": () => (/* binding */ getMsgField),
+/* harmony export */   "getUrlParameter": () => (/* binding */ getUrlParameter),
+/* harmony export */   "getUserAttr": () => (/* binding */ getUserAttr),
+/* harmony export */   "includes": () => (/* binding */ includes),
+/* harmony export */   "isConvoSeen": () => (/* binding */ isConvoSeen),
+/* harmony export */   "isEmail": () => (/* binding */ isEmail),
+/* harmony export */   "isNumber": () => (/* binding */ isNumber),
 /* harmony export */   "isPhone": () => (/* binding */ isPhone),
 /* harmony export */   "isURL": () => (/* binding */ isURL),
-/* harmony export */   "isNumber": () => (/* binding */ isNumber),
-/* harmony export */   "isEmail": () => (/* binding */ isEmail),
-/* harmony export */   "last": () => (/* binding */ last),
-/* harmony export */   "getAgentDisplayName": () => (/* binding */ getAgentDisplayName),
 /* harmony export */   "isUserBanned": () => (/* binding */ isUserBanned),
-/* harmony export */   "setUserAttr": () => (/* binding */ setUserAttr),
-/* harmony export */   "getUserAttr": () => (/* binding */ getUserAttr),
-/* harmony export */   "norm": () => (/* binding */ norm),
-/* harmony export */   "noop": () => (/* binding */ noop),
-/* harmony export */   "replaceCssVariablePlugin": () => (/* binding */ replaceCssVariablePlugin),
-/* harmony export */   "replaceCssVariable": () => (/* binding */ replaceCssVariable),
-/* harmony export */   "tokenize": () => (/* binding */ tokenize),
-/* harmony export */   "setCss": () => (/* binding */ setCss),
-/* harmony export */   "DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL": () => (/* binding */ DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL),
-/* harmony export */   "DEFVAL": () => (/* binding */ DEFVAL),
 /* harmony export */   "js2css": () => (/* binding */ js2css),
-/* harmony export */   "checkRunConditions": () => (/* binding */ checkRunConditions),
-/* harmony export */   "getDayName": () => (/* binding */ getDayName),
-/* harmony export */   "preloadWebfonts": () => (/* binding */ preloadWebfonts),
-/* harmony export */   "preloadImg": () => (/* binding */ preloadImg),
+/* harmony export */   "last": () => (/* binding */ last),
+/* harmony export */   "map": () => (/* binding */ map),
+/* harmony export */   "merge": () => (/* binding */ merge),
+/* harmony export */   "noop": () => (/* binding */ noop),
+/* harmony export */   "norm": () => (/* binding */ norm),
 /* harmony export */   "offsetToMin": () => (/* binding */ offsetToMin),
-/* harmony export */   "diffDay": () => (/* binding */ diffDay),
-/* harmony export */   "diffYear": () => (/* binding */ diffYear),
+/* harmony export */   "orderBy": () => (/* binding */ orderBy),
+/* harmony export */   "parseJSON": () => (/* binding */ parseJSON),
+/* harmony export */   "preloadImg": () => (/* binding */ preloadImg),
+/* harmony export */   "preloadWebfonts": () => (/* binding */ preloadWebfonts),
+/* harmony export */   "randomString": () => (/* binding */ randomString),
+/* harmony export */   "replaceAll": () => (/* binding */ replaceAll),
+/* harmony export */   "replaceCssVariable": () => (/* binding */ replaceCssVariable),
+/* harmony export */   "replaceCssVariablePlugin": () => (/* binding */ replaceCssVariablePlugin),
+/* harmony export */   "requestAnimationFrame": () => (/* binding */ requestAnimationFrame),
 /* harmony export */   "sameDay": () => (/* binding */ sameDay),
+/* harmony export */   "scrollIntoViewIfNeeded": () => (/* binding */ scrollIntoViewIfNeeded),
+/* harmony export */   "setCss": () => (/* binding */ setCss),
+/* harmony export */   "setInterval": () => (/* binding */ setInterval),
+/* harmony export */   "setMsgField": () => (/* binding */ setMsgField),
+/* harmony export */   "setTimeout": () => (/* binding */ setTimeout),
+/* harmony export */   "setUserAttr": () => (/* binding */ setUserAttr),
 /* harmony export */   "shortTime": () => (/* binding */ shortTime),
-/* harmony export */   "unixSec": () => (/* binding */ unixSec),
-/* harmony export */   "getMs": () => (/* binding */ getMs),
-/* harmony export */   "detectLang": () => (/* binding */ detectLang),
-/* harmony export */   "getUrlParameter": () => (/* binding */ getUrlParameter),
+/* harmony export */   "size": () => (/* binding */ size),
 /* harmony export */   "sleep": () => (/* binding */ sleep),
-/* harmony export */   "formatCurrency": () => (/* binding */ formatCurrency),
+/* harmony export */   "startsWith": () => (/* binding */ startsWith),
+/* harmony export */   "stringify": () => (/* binding */ stringify),
+/* harmony export */   "throttle": () => (/* binding */ throttle),
+/* harmony export */   "tokenize": () => (/* binding */ tokenize),
+/* harmony export */   "trim": () => (/* binding */ trim),
+/* harmony export */   "trimStart": () => (/* binding */ trimStart),
 /* harmony export */   "unicodeToAscii": () => (/* binding */ unicodeToAscii),
-/* harmony export */   "scrollIntoViewIfNeeded": () => (/* binding */ scrollIntoViewIfNeeded)
+/* harmony export */   "unixSec": () => (/* binding */ unixSec),
+/* harmony export */   "usersOfConvo": () => (/* binding */ usersOfConvo)
 /* harmony export */ });
 var op = __webpack_require__(6877);
 
@@ -1837,7 +1837,7 @@ function isURL(url) {
   return re.test(String(url).toLowerCase());
 }
 function isNumber(num) {
-  var reg = /^\d+$/;
+  var re = /^\d+$/;
   return re.test(String(num));
 }
 function isEmail(email) {
@@ -2869,7 +2869,9 @@ function trackInactivity(seconds, cb) {
   }
 }
 let timeOnPage = 0;
-setInterval(() => timeOnPage++, 1000);
+setInterval(() => {
+  timeOnPage += 5;
+}, 5000);
 function trackTimeOnPage(seconds, cb) {
   if (seconds < 1) {
     return setTimeout(function () {
@@ -3206,14 +3208,14 @@ class Pubsub {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "sY": () => (/* binding */ S),
-/* harmony export */   "h": () => (/* binding */ v),
 /* 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 */ });
 /* 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){for(var u,i,t;l=l.__;)if((u=l.__c)&&!u.__)try{if((i=u.constructor)&&null!=i.getDerivedStateFromError&&(u.setState(i.getDerivedStateFromError(n)),t=u.__d),null!=u.componentDidCatch&&(u.componentDidCatch(n),t=u.__d),t)return u.__E=u}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=[],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;
 //# sourceMappingURL=preact.module.js.map
 
 
@@ -3364,7 +3366,7 @@ var n,l,u,i,t,o,r,f,e={},c=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[c
 /******/ 	
 /******/ 	/* webpack/runtime/jsonp chunk loading */
 /******/ 	(() => {
-/******/ 		__webpack_require__.b = document.baseURI || self.location.href;
+/******/ 		// no baseURI
 /******/ 		
 /******/ 		// object to store loaded and loading chunks
 /******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
@@ -3528,6 +3530,23 @@ function jsonifyTextPlain(param, done) {
 
     _defineProperty(this, "sendTyping", cid => this.apireq.post(`/conversations/${cid}/typing`));
 
+    _defineProperty(this, "sendPresence", (device, is_focused, productid, source_id, sku) => this.sendEvent({
+      by: {
+        id: this.uid,
+        device: device
+      },
+      type: 'presence_updated',
+      data: {
+        presence: {
+          viewing_product_sku: sku,
+          viewing_product_source_id: source_id,
+          viewing_product_id: productid,
+          pinged: util/* default.Date.now */.Z.Date.now(),
+          is_focused
+        }
+      }
+    }));
+
     _defineProperty(this, "uploadToS3", async file => {
       let {
         body: signed,
@@ -3618,23 +3637,9 @@ function jsonifyTextPlain(param, done) {
     this.uid = obj.uid;
   }
 
-  sendPresence(device, is_focused) {
-    return this.sendEvent({
-      by: {
-        id: this.uid,
-        device: device
-      },
-      type: 'presence_updated',
-      data: {
-        presence: {
-          pinged: util/* default.Date.now */.Z.Date.now(),
-          is_focused
-        }
-      }
-    });
-  }
-
-  sendContent(device, pageUrl, pageTitle) {
+  sendContentView(device, pageUrl, pageTitle, id, source_id, sku) {
+    if (!id) id = undefined;
+    if (!source_id) source_id = undefined;
     return this.sendEvent({
       by: {
         id: this.uid,
@@ -3643,9 +3648,12 @@ function jsonifyTextPlain(param, done) {
       type: 'content_viewed',
       data: {
         product: {
+          id: id,
+          source_id: source_id,
           url: pageUrl,
           name: pageTitle,
-          title: pageTitle
+          title: pageTitle,
+          sku: sku
         }
       }
     });
@@ -3847,30 +3855,6 @@ function makeFakeConvo(accid, convoid, userid, agentid) {
       id: inteid
     },
     actived: 1610453070259,
-    last_event: {
-      id: 'evqyiykaoizbwnkaecwphttwk',
-      account_id: accid,
-      created: 1616213311830,
-      type: 'message_sent',
-      by: {
-        id: userid,
-        client_id: 'clsubizapi',
-        type: 'user'
-      },
-      data: {
-        message: {
-          conversation_id: convoid,
-          text: 'ok cám ơn!',
-          format: 'plaintext',
-          integration_id: inteid,
-          pongs: [{
-            member_id: userid,
-            type: 'seen',
-            created: 1616213312110
-          }]
-        }
-      }
-    },
     last_message_sent: {
       id: 'evqyiykaoizbwnkaecwphttwk',
       account_id: accid,
@@ -4188,6 +4172,8 @@ class Store {
 
     store_defineProperty(this, "cookie", cookie);
 
+    store_defineProperty(this, "_currentViewingProduct", {});
+
     store_defineProperty(this, "new_visitor", true);
 
     store_defineProperty(this, "matchUser", () => {
@@ -4311,14 +4297,16 @@ class Store {
       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());
+      return this.api.sendPresence(this.device, this.browserVisibility === 'visible' && document.hasFocus(), this._currentViewingProduct.id, this._currentViewingProduct.source_id, this._currentViewingProduct.sku);
     }, 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, "_typing", util/* default.throttle */.Z.throttle(convoid => this.api.sendTyping(convoid), 3000, {
+      trailing: false
+    }));
 
     store_defineProperty(this, "onConvoEvent", (o, cb) => this.pubsub.on2(o, 'events', cb));
 
@@ -4338,7 +4326,10 @@ class Store {
     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');
+
+      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()));
@@ -4374,7 +4365,8 @@ class Store {
     this.g_haveSentSeenM = {};
     window.addEventListener('blur', () => this.sendPresence());
     window.addEventListener('focus', () => this.sendPresence());
-    setInterval(() => this.sendPresence(), 30000);
+    setInterval(() => this.browserVisibility === 'visible' && document.hasFocus() && this.sendPresence(), 20000);
+    setInterval(() => (this.browserVisibility !== 'visible' || document.hasFocus()) && this.sendPresence(), 60000);
     onVisibilityChange(val => {
       this.browserVisibility = val;
       this.sendPresence();
@@ -4403,6 +4395,21 @@ class Store {
     }, 2000);
   }
 
+  linkProduct(p) {
+    if (!p) {
+      this._currentViewingProduct = {};
+      return;
+    }
+
+    if (p.id) this._currentViewingProduct.id = (p.id + '').trim();
+    if (p.source_id) this._currentViewingProduct.source_id = (p.source_id + '').trim();
+    if (p.sku) this._currentViewingProduct.sku = (p.sku + '').trim();
+  }
+
+  getLinkedProduct() {
+    return util/* default.cloneDeep */.Z.cloneDeep(this._currentViewingProduct);
+  }
+
   isInsync(key) {
     return util/* default.Date.now */.Z.Date.now() - (this.g_sync[key] || 0) < 300000;
   }
@@ -4448,7 +4455,9 @@ class Store {
       platform: window.navigator.platform,
       referrer: document.URL,
       type: this.isMobile() ? 'mobile' : 'desktop',
-      language: navigator.language
+      language: navigator.language,
+      page_url: document.URL,
+      page_title: document.title
     };
     let ga_client_id = getGaClientId();
     if (ga_client_id) device.ga_client_id = ga_client_id;
@@ -4737,7 +4746,7 @@ class Store {
 
   async track() {
     let user = this.kv.match('user') || {};
-    await this.api.sendContent(this.device, location.href, document.title);
+    await this.api.sendContentView(this.device, location.href, document.title, this._currentViewingProduct.id, this._currentViewingProduct.source_id, this._currentViewingProduct.sku);
     this.sendPresence();
   }
 
@@ -4844,7 +4853,7 @@ class Store {
       util/* default.map */.Z.map(pongs, pong => {
         if (pong.member_id == user.id && pong.type === 'seen') {
           let mem = util/* default.find */.Z.find(convo.members, mem => mem.id === user.id);
-          mem.seen_at = pong.created;
+          if (mem) mem.seen_at = pong.created;
         }
       });
       this.chain.put(cid, oldev.id, util/* default.getMs */.Z.getMs(oldev.created), oldev);
@@ -4866,8 +4875,6 @@ class Store {
       this.chain.put(cid, ev.id, util/* default.getMs */.Z.getMs(ev.created), ev);
     }
 
-    convo.last_event = ev;
-
     this._setConvo(convo);
 
     this.pubsub.publish('account');
@@ -4951,9 +4958,7 @@ class Store {
       by: {
         id: user.id,
         type: 'user',
-        device: {
-          referrer: document.URL
-        }
+        device: this.device
       },
       data,
       type,
@@ -5000,6 +5005,20 @@ class Store {
 
     this.onWs(ret);
     sendEventToThirdParty('SUBIZ Chat', 'Sent', 'User');
+    let lastMsgSent = this.kv.match('last_msg_sent');
+
+    if (!lastMsgSent) {
+      let dataLayer = window.dataLayer || [];
+      dataLayer.push({
+        event: 'SUBIZ Chat',
+        event_action: 'Sent',
+        event_label: 'User',
+        first_interaction: 1
+      });
+    }
+
+    this.kv.put('last_msg_sent', util/* default.Date.now */.Z.Date.now());
+    return ret;
   }
 
   _setConvo(convo) {
@@ -5133,7 +5152,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(), 30000);
+    if (!util/* default.get */.Z.get(this.kv.match('user'), 'id')) return setTimeout(() => this.loopTime(), 120000);
     let {
       body: t,
       error
@@ -5143,7 +5162,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(), 60000);
+    setTimeout(() => this.loopTime(), 120000);
   }
 
   replaceFileUrl(src) {
@@ -5249,20 +5268,21 @@ const inmemCookie = {
 };
 
 function getGaClientId() {
-  var clientId = '';
-  if (!hasGA()) return clientId;
+  if (!window.ga) return;
+  if (!window.ga.getAll) return;
   var allTrackers = window.ga.getAll() || [];
+  let ga_client_id = '';
   allTrackers.forEach(function (tracker) {
-    clientId = tracker.get('clientId');
+    ga_client_id = tracker.get('clientId');
   });
-  return clientId;
+  return ga_client_id;
 }
 
-const hasGA = () => !!(window.ga && window.ga.getAll);
-
 function getGaTrackingIds() {
   var trackingIds = [];
-  if (!hasGA()) return trackingIds;
+  if (!(window.ga && window.ga.getAll)) return trackingIds;
+  if (!window.ga) return [];
+  if (!window.ga.getAll) return [];
   const allTrackers = window.ga.getAll() || [];
   allTrackers.forEach(function (tracker) {
     var trackingId = tracker.get('trackingId');
@@ -5280,12 +5300,20 @@ function sendToFBPixel(category, action, label) {
 }
 
 function sendToGA(category, action, label) {
-  if (!hasGA()) return;
-  const allTrackers = window.ga.getAll() || [];
-  allTrackers.forEach(function (tracker) {
-    const name = tracker.get('name');
-    window.ga(name + '.send', 'event', category, action, label);
-  });
+  console.log('SENT.', category, action, label);
+
+  if (window.ga && window.ga.getAll) {
+    const allTrackers = window.ga.getAll() || [];
+    allTrackers.forEach(function (tracker) {
+      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
+    });
+  }
 }
 
 function sendEventToThirdParty(category, action, label) {
@@ -5298,6 +5326,12 @@ function sendEventToThirdParty(category, action, label) {
   }));
   sendToGA(category, action, label);
   sendToFBPixel(category, action, label);
+  let dataLayer = window.dataLayer || [];
+  dataLayer.push({
+    event: category,
+    event_action: action,
+    event_label: label
+  });
 }
 
 let mobileCheck = function (a) {
@@ -5683,7 +5717,7 @@ 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, "version", () => '4.5');
 
     lib_defineProperty(this, "setSetting", setting => this.store.setSetting({
       account_setting: setting
@@ -5695,6 +5729,12 @@ class Widget {
 
     lib_defineProperty(this, "getUser", () => util/* default.parseJSON */.Z.parseJSON(util/* default.stringify */.Z.stringify(this.store.matchUser())));
 
+    lib_defineProperty(this, "setViewingProduct", p => this.store.linkProduct(p));
+
+    lib_defineProperty(this, "getViewingProduct", () => this.store.getLinkedProduct());
+
+    lib_defineProperty(this, "track", () => this.store.track());
+
     this.domGate = new util/* default.Gate */.Z.Gate();
     this.store = new Store(ApiURL, FileURL, RealtimeURL, inmem, fake, agenttoken);
     window.sbz_store = this.store;
@@ -5767,7 +5807,21 @@ class Widget {
   }
 
   async sendMessage(convoid, message) {
-    this.store.sendConvoEvent(convoid, 'message_sent', {
+    if (!convoid) {
+      const {
+        convo,
+        error
+      } = await this.store.startConvo({
+        message: message.text,
+        initial_by: this.store.matchUser().id
+      });
+      if (error) return {
+        error
+      };
+      convoid = convo.id;
+    }
+
+    return this.store.sendConvoEvent(convoid, 'message_sent', {
       message
     });
   }
@@ -5786,11 +5840,11 @@ class Widget {
     this.pluginMgr.hideCurrentGreeting();
   }
 
-  async showWidget(view, convo) {
+  async showWidget(view, cid) {
     await this.domGate.entry();
     this.pluginMgr.showCurrentChatbox({
       view,
-      cid: convo
+      cid: cid
     });
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.0.83",
+	"version": "4.0.85",
 	"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.22.8",
+		"core-js": "^3.23.4",
 		"css-loader": "5.2.7",
 		"file-loader": "^6.2.0",
-		"less": "^4.1.2",
+		"less": "^4.1.3",
 		"less-loader": "^11.0.0",
-		"marked": "^4.0.16",
-		"preact": "^10.7.3"
+		"marked": "^4.0.18",
+		"preact": "^10.10.0"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.17.10",
-		"@babel/core": "^7.18.2",
-		"@babel/plugin-proposal-class-properties": "^7.17.12",
-		"@babel/plugin-transform-react-jsx": "^7.17.12",
-		"@babel/preset-env": "^7.18.2",
+		"@babel/cli": "^7.18.6",
+		"@babel/core": "^7.18.6",
+		"@babel/plugin-proposal-class-properties": "^7.18.6",
+		"@babel/plugin-transform-react-jsx": "^7.18.6",
+		"@babel/preset-env": "^7.18.6",
 		"babel-loader": "^8.2.5",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.5.0",
-		"prettier": "^2.6.2",
-		"puppeteer": "^14.2.1",
+		"prettier": "^2.7.1",
+		"puppeteer": "^15.4.0",
 		"webpack": "^5.73.0",
 		"webpack-bundle-analyzer": "^4.5.0",
-		"webpack-cli": "^4.9.2",
-		"webpack-dev-server": "^4.9.1"
+		"webpack-cli": "^4.10.0",
+		"webpack-dev-server": "^4.9.3"
 	}
 }