@subiz/widget-v4 4.0.64 → 4.0.68

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) {
@@ -3206,14 +3206,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,r,o,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,r,o,f={};for(o in u)"key"==o?t=u[o]:"ref"==o?r=u[o]:f[o]=u[o];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps)void 0===f[o]&&(f[o]=l.defaultProps[o]);return y(l,f,t,r,null)}function y(n,i,t,r,o){var f={type:n,props:i,key:t,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==o?++u:o};return null==o&&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++||o!==l.debounceRendering)&&((o=l.debounceRendering)||r)(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,r,o;n.__d&&(r=(t=(l=n).__v).__e,(o=l.__P)&&(u=[],(i=a({},t)).__v=t.__v+1,j(o,t,i,l.__n,void 0!==o.ownerSVGElement,null!=t.__h?[r]:null,u,null==r?k(t):r,t.__h),z(u,t),t.__e!=r&&b(t)))})}function w(n,l,u,i,t,r,o,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,r,o,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,r=0;t&&r<t.length;r++)(i=t[r])&&(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,r){var o,f,e;if(void 0!==l.__d)o=l.__d,l.__d=void 0;else if(null==u||t!=r||null==t.parentNode)n:if(null==r||r.parentNode!==n)n.appendChild(t),o=null;else{for(f=r,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,r),o=r}return void 0!==o?o:t.nextSibling}function C(n,l,u,i,t){var r;for(r in u)"children"===r||"key"===r||r in l||H(n,r,null,u[r],i);for(r in l)t&&"function"!=typeof l[r]||"children"===r||"key"===r||"value"===r||"checked"===r||u[r]===l[r]||H(n,r,l[r],u[r],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 r;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])r=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?i||n.addEventListener(l,r?T:I,r):n.removeEventListener(l,r?T:I,r);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,r,o,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,o=[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,r,o,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==o&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,r,o,f,c);(s=l.diffed)&&s(u)}catch(n){u.__v=null,(c||null!=o)&&(u.__e=e,u.__h=!!c,o[o.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,r,o,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(r=!0),null!=o)for(;_<o.length;_++)if((s=o[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,o[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=r?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),o=null,c=!1}if(null===d)y===p||c&&l.data===p||(l.data=p);else{if(o=o&&n.call(l.childNodes),a=(y=i.props||e).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=o)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,r,c),v)u.__k=[];else if(_=u.props.children,w(l,Array.isArray(_)?_:[_],u,i,t,r&&"foreignObject"!==d,o,f,o?o[0]:i.__k&&k(i,0),c),null!=o)for(_=o.length;_--;)null!=o[_]&&h(o[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==y.value||_!==l.value||"progress"===d&&!_)&&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,r;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(r=0;r<t.length;r++)t[r]&&N(t[r],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 r,o,f;l.__&&l.__(u,i),o=(r="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j(i,u=(!r&&t||i).__k=v(d,null,[u]),o||e,e,void 0!==i.ownerSVGElement,!r&&t?[t]:o?null:i.firstChild?n.call(i.childNodes):null,f,!r&&t?t:o?o.__e:i.firstChild,r),z(f,u)}function q(n,l){S(n,l,q)}function B(l,u,i){var t,r,o,f=a({},l.props);for(o in u)"key"==o?t=u[o]:"ref"==o?r=u[o]:f[o]=u[o];return arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),y(l.type,f,t||l.key,r||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=[],r="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 +3364,7 @@ var n,l,u,i,t,r,o,f,e={},c=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[c
 /******/ 	
 /******/ 	/* webpack/runtime/jsonp chunk loading */
 /******/ 	(() => {
-/******/ 		__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
@@ -4338,7 +4338,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()));
@@ -5000,6 +5003,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 +5150,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 +5160,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) {
@@ -5298,6 +5315,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 +5706,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
@@ -5767,7 +5790,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 +5823,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.64",
+	"version": "4.0.68",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -14,25 +14,25 @@
 		"@subiz/storage": "0.0.8",
 		"@subiz/wsclient": "^3.1.7",
 		"cookie_js": "1.4.2",
-		"core-js": "^3.21.0",
-		"css-loader": "^6.6.0",
+		"core-js": "^3.21.1",
+		"css-loader": "5.2.7",
 		"file-loader": "^6.2.0",
 		"less": "^4.1.2",
 		"less-loader": "^10.2.0",
 		"marked": "^4.0.12",
-		"preact": "^10.6.5"
+		"preact": "^10.7.0"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.17.0",
-		"@babel/core": "^7.17.0",
+		"@babel/core": "^7.17.8",
 		"@babel/plugin-proposal-class-properties": "^7.16.7",
-		"@babel/plugin-transform-react-jsx": "^7.16.7",
+		"@babel/plugin-transform-react-jsx": "^7.17.3",
 		"@babel/preset-env": "^7.16.11",
-		"babel-loader": "^8.2.3",
+		"@babel/cli": "^7.17.5",
+		"babel-loader": "^8.2.4",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.5.0",
-		"puppeteer": "^13.3.0",
-		"webpack": "^5.68.0",
+		"puppeteer": "^13.5.2",
+		"webpack": "^5.70.0",
 		"webpack-bundle-analyzer": "^4.5.0",
 		"webpack-cli": "^4.9.2",
 		"webpack-dev-server": "^4.7.4"

package/src/chatbox/Buttons.js

@@ -1,18 +1,18 @@
 import sb from '../util/index.js'
-import { Com } from '../common.js'
-import { h } from 'preact'
+import {Com} from '../common.js'
+import {h} from 'preact'
 
 export default class Buttons extends Com {
-	constructor (props) {
+	constructor(props) {
 		super(props)
 	}
 
-	render () {
+	render() {
 		if (sb.size(this.props.buttons) === 0) return null
 		var $buttons = sb.map(this.props.buttons, (button, index) => {
 			if (button.type === 'call_button') {
 				return (
-					<a class="url-button-attachment" href={'tel:' + button.phone_number} key={index} title={button.title}>
+					<a class='url-button-attachment' href={'tel:' + button.phone_number} key={index} title={button.title}>
 						{button.title}
 					</a>
 				)
@@ -20,7 +20,7 @@ export default class Buttons extends Com {
 
 			if (button.type === 'url_button') {
 				return (
-					<a class="url-button-attachment" href={button.url} target="_blank" key={index} title={button.title}>
+					<a class='url-button-attachment' href={button.url} target='_blank' key={index} title={button.title}>
 						{button.title || button.url}
 					</a>
 				)
@@ -28,7 +28,7 @@ export default class Buttons extends Com {
 
 			if (button.type === 'postback_button') {
 				return (
-					<a class="url-button-attachment" href="javascript:;" onClick={_ => this.props.onSelect(button)}>
+					<a class='url-button-attachment' href='javascript:;' onClick={(_) => this.props.onSelect(button)}>
 						{button.title}
 					</a>
 				)
@@ -39,6 +39,6 @@ export default class Buttons extends Com {
 			return null
 		})
 
-		return <div class="button-attachments">{$buttons}</div>
+		return <div class='button-attachments'>{$buttons}</div>
 	}
 }

package/src/chatbox/ChatButton.js

@@ -122,11 +122,11 @@ export default class ChatButton extends Com {
 		if (new sb.Date().getTime() - this.props.store.matchClosePreviewAt() < Ms30Mins) return
 
 		let greeting = sb.get(accountSetting, 'greeting', {})
-		if (!greeting.message || !greeting.enabled) {
+		let text = this.props.t.i18n(sb.get(greeting, 'greeting', {})) || greeting.message
+		if (!text || !greeting.enabled) {
 			this.setState({previewEvent: {}})
 			return
 		}
-
 		this.ShowGreeting()
 	}
 

package/src/chatbox/Event.js

@@ -140,7 +140,7 @@ export default class Event extends Com {
 					/>
 					<FormSubmitAttachments store={this.props.store} ev={ev} t={this.props.t} />
 					<GenericTemplateAttachments store={this.props.store} ev={ev} onSelect={(e) => this.choosePostbackBtn(e)} />
-					<ProductAttachments t={this.props.t} store={this.props.store} ev={ev} />
+					<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>

package/src/chatbox/ProductAttachments.js

@@ -22,17 +22,53 @@ export default class ProductAttachments extends Com {
 		let $products = sb.map(products, (att, index) => {
 			let product = att.product
 
-			let $detailbtn = null
+			let $detailbtns = []
 			let url = product.url || product.mobile_url
 			if (this.props.store.isMobile()) url = product.mobile_url || product.url
-			if (url)
-				$detailbtn = (
+			if (url && sb.size(product.buttons) == 0)
+				$detailbtns.push(
 					<a class='product_attachment__btn' href={url} target='_blank'>
 						{this.props.t('detail')}
 						<img src={require('../../assets/img/external-link.svg')} class='product_attachment__btn_external_link' />
-					</a>
+					</a>,
 				)
 
+			console.log("P", product)
+
+			if (sb.size(product.buttons) > 0) {
+				$detailbtns = $detailbtns.concat(
+					sb.map(product.buttons, (button, index) => {
+						if (button.type === 'call_button') {
+							return (
+								<a class='product_attachment__btn' href={'tel:' + button.phone_number} key={index} title={button.title}>
+									{button.title}
+								</a>
+							)
+						}
+
+						if (button.type === 'url_button') {
+							return (
+								<a class='product_attachment__btn' href={button.url} target='_blank' key={index} title={button.title}>
+									{button.title || this.props.t('detail')}{' '}
+									<img
+										src={require('../../assets/img/external-link.svg')}
+										class='product_attachment__btn_external_link'
+									/>
+								</a>
+							)
+						}
+
+						if (button.type === 'postback_button') {
+							return (
+								<a class='product_attachment__btn' href='javascript:;' onClick={(_) => this.props.onPostback(button)}>
+									{button.title}
+								</a>
+							)
+						}
+					}),
+				)
+			}
+
 			let $title = (
 				<a href={url} class='product_attachment__title' target='_blank'>
 					{product.name}
@@ -60,7 +96,7 @@ export default class ProductAttachments extends Com {
 					{$title}
 					{$subtitle}
 					{$price}
-					<div class='product_attachment__btns'>{$detailbtn}</div>
+					<div class='product_attachment__btns'>{$detailbtns}</div>
 				</div>
 			)
 		})

package/src/chatbox/Typing.js

@@ -30,6 +30,10 @@ export default class Typing extends Com {
 				return
 			}
 
+			// dont show typing of agent, some agent dont like this
+			let ag = this.props.store.matchAgent(ev.by.id)
+			if (ag.type == 'agent') return
+
 			if (sb.get(ev, 'type') !== 'conversation_typing') return
 			this.setState({ ev: ev, isShow: true })
 			if (this.timer) clearTimeout(this.timer)
@@ -38,7 +42,7 @@ export default class Typing extends Com {
 
 				this.timer = null
 				this.setState({ isShow: false })
-			}, 10000)
+			}, 5000)
 		})
 	}
 

package/src/chatbox/main.js

@@ -160,12 +160,15 @@ export default class Main extends Com {
 }
 
 function restoreViewport() {
-	// remove our viewport
+	// restore scroll attribute for background document
+	if (document.body && document.body.classList) document.body.classList.remove('sbz_no_scroll')
 	let metatag = document.getElementById('subiz-meta-viewport')
 	if (metatag) metatag.remove()
 }
 
 function modifyViewport() {
+	// dont allow to scroll background document
+	if (document.body && document.body.classList) document.body.classList.add('sbz_no_scroll')
 	let metatag = document.createElement('meta')
 	metatag.httpEquiv = 'X-UA-Compatible'
 	metatag.name = 'viewport'

package/src/lib.js

@@ -85,7 +85,15 @@ class Widget {
 	}
 
 	async sendMessage(convoid, message) {
-		this.store.sendConvoEvent(convoid, 'message_sent', {message})
+		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})
 	}
 
 	startConvo(req) {
@@ -102,9 +110,10 @@ class Widget {
 		this.pluginMgr.hideCurrentGreeting()
 	}
 
-	async showWidget(view, convo) {
+	// view could be: chat, list, offline_form
+	async showWidget(view, cid) {
 		await this.domGate.entry()
-		this.pluginMgr.showCurrentChatbox({view, cid: convo})
+		this.pluginMgr.showCurrentChatbox({view, cid: cid})
 	}
 
 	async hideWidget() {
@@ -112,7 +121,7 @@ class Widget {
 		this.pluginMgr.hideCurrentChatbox()
 	}
 
-	version = () => '4.4'
+	version = () => '4.5'
 
 	setSetting = (setting) => this.store.setSetting({account_setting: setting})
 	getSetting = (_) => ({account_setting: sb.cloneDeep(this.store.matchAccountSetting())})