@subiz/widget-v4 4.1.84 → 4.1.85

package/dist/19077b40b00.preview.js

@@ -1 +0,0 @@
-(()=>{var e,t,i={318:e=>{var t="Content-Type",i="application/x-www-form-urlencoded",s="application/json; charset=utf-8";function r(e,t){return Object.assign(e.clone(),t)}var n={code:"network_error,retry",number:"SBZ-EQNETWORK",message:{En_US:"Can not connect to server",Vi_VN:"Không thể kết nối tới máy chủ"}},o={code:"invalid_response,retry",number:"SBZ-EQRESPONSE",message:{En_US:"Server error, please try again later",Vi_VN:"Lỗi máy chủ, vui lòng thử lại sau"}},a={code:"not_200,retry",number:"SBZ-EQCN200",message:{En_US:"Error connecting to the server, please try again later",Vi_VN:"Lỗi kết nối với máy chủ, vui lòng thử lại sau"}};function l(e){return(e||"").trim()}function c(e){return e&&"[object Function]"==={}.toString.call(e)}function h(e,t,i){if(!e||0===e.length)return i(t);var s=e.shift();if(!c(s))return h(e,t,i);s(t,(function(s){return!1===s?i(t):h(e,t,i)}))}function u(e){return encodeURIComponent(e).replace(/[!'()*]/g,(function(e){return"%"+e.charCodeAt(0).toString(16)}))}function d(e){if(!e)return"";for(var t=Object.keys(e),i=[],s=0;s<t.length;s++){var r=t[s],n="",o=e[r];if(void 0!==o){if(null===o)n=u(r);else if(Array.isArray(o)){for(var a=[],l=0;l<o.length;l++)void 0!==o[l]&&(a.push(p(r,o[l],a.length)),a.push(i));n=a.join("&")}else n=u(r)+"="+u(o);n.length>0&&i.push(n)}}return i.join("&")}function p(e,t){return null===t?u(e):[u(e),"=",u(t)].join("")}var m,g=(m={parser:"",beforehooks:[],afterhooks:[],baseurl:"",query:{},meta:{},clone:function(){return Object.assign({},this,{query:Object.assign({},this.query),meta:Object.assign({},this.meta)})},addQuery:function(e,t){var i=this.clone();return i.query[e]=t,i},removeQuery:function(e){var t=this.clone();return void 0!==t.query[e]&&(t.query[e]=void 0),t},withCredentials:function(e){return r(this,{_withCredentials:e})},setQuery:function(e){return r(this,{query:e})},clearHooks:function(){return r(this,{beforehooks:[],afterhooks:[]})},beforeHook:function(e){var t=this.beforehooks.slice();return t.push(e),r(this,{beforehooks:t})},afterHook:function(e){var t=this.afterhooks.slice();return t.push(e),r(this,{afterhooks:t})},setHeader:function(e){return(e=Object.assign({},this.headers,e))[t]=void 0,r(this,{headers:e})}},["put","head","patch","delete","post","get"].map((function(e){m[e]=function(u,p,m){return function(e,r,l){l=l||function(){},c(r)&&(l=r,r=void 0);var u,p=new Promise((function(e){u=function(t){try{l(t.error,t.body,t.code)}catch(e){}e(t)}}));return r&&((e=e.clone()).body=r,e.content_type===s&&(e.body=f.Jsonify(r)),e.content_type===i&&(e.body=d(r))),h(e.beforehooks.slice(),{request:e},(function(i){if(i.error)return u({body:void 0,code:0,error:i.error});!function(e,i){let s=d(e.query);if(s&&(s="?"+s),!f.XMLHttpRequest)return function(e,i,s){var r=Object.assign({},e.headers);e.content_type&&(r[t]=e.content_type),fetch(e.baseurl+s,{method:e.method,headers:r,credentials:e._withCredentials,body:e.body}).then((e=>e.text().then((t=>i(void 0,t,e.status))))).catch((e=>i("network_error",e,-1)))}(e,i,s);var r=new f.XMLHttpRequest;for(var n in r.onreadystatechange=function(e){4===r.readyState&&(0===r.status?i("network_error",r.responseText,r.status):i(void 0,r.responseText,r.status))},r.open(e.method,e.baseurl+s),r.withCredentials=e._withCredentials,e.headers)r.setRequestHeader(n,e.headers[n]);e.content_type&&r.setRequestHeader(t,e.content_type),r.send(e.body)}(i.request,(function(t,i,s){h(e.afterhooks.slice(),{request:e,code:s,body:i,err:t},(function(t){var i=t.body;if("network_error"!=r){if("json"==e.parser&&t.body)try{i=f.ParseJson(t.body)}catch(e){return void u({body:i,code:t.code,error:o})}var r=t.err;!r&&(s<200||s>299)&&(r=i&&i.error?i.error:a),u({body:i,code:t.code,error:r})}else u({body:i,code:t.code,error:n})}))}))})),p}(r(this,{method:e,baseurl:(g=this.baseurl,v=u,g=l(g),(v=l(v))&&g?v.startsWith("http://")||v.startsWith("https://")||v.startsWith("//")?v:(g.endsWith("/")||(g+="/"),v.startsWith("/")&&(v=v.substring(1)),g+v):g+v)}),p,m);var g,v}})),m.setBaseUrl=function(e){return r(this,{baseurl:e})},m.contentTypeJson=function(){return r(this,{content_type:s})},m.contentTypeForm=function(){return r(this,{content_type:i})},m.setContentType=function(e){return r(this,{content_type:l(e)})},m.setParser=function(e){return r(this,{parser:l(e)})},m.setBody=function(e){return r(this,{body:e})},m.setMeta=function(e,t){var i=this.clone();return i.meta[e]=t,i},m),f={Jsonify:JSON.stringify,ParseJson:JSON.parse};g.env=f,g.waterfall=h,e.exports=g},9:(e,t,i)=>{var s=i(9143);e.exports=function(e,t,i){var r=[],n="idle",o=function(e){var t=e.map((function(e){return e.payload})),s=i(t);s&&s.then||(s=Promise.resolve(s));var r=e.map((function(e){return e.rs}));return new Promise((function(e){s.then((function(t){r.map((function(e,i){e(t&&t[i])})),e()}))}))},a=function(){"executing"!==n&&(n="executing",s((function(){if(r.length<=e)return Promise.resolve(!1);var t=r.splice(0,e);return o(t).then((function(){return!0}))})).then((function(){if(0!==r.length){var e=t-(Date.now()-r[0].created);if(e>=1){if(n="idle",r[0].settedTimeout)return;return r[0].settedTimeout=!0,void setTimeout(a,e)}var i=r;r=[],o(i).then((function(){n="idle",a()}))}else n="idle"})))};return this.push=function(e,t){return new Promise((function(i){r.push({payload:e,priority:t,created:Date.now(),rs:i}),a()}))},this}},9096:e=>{e.exports={map:function(e,t){if(!e)return[];t||(t=function(e){return e});var i=[];if(Array.isArray(e)){for(var s=0;s<e.length;s++)i.push(t(e[s],s));return i}if("object"==typeof e){var r=Object.keys(e);for(s=0;s<r.length;s++){var n=r[s];i.push(t(e[n],n))}return i}return i}}},8193:(e,t,i)=>{var s=i(9798),r=i(9143),n=i(5219),o=i(9);e.exports={sleep:s,loop:r,map:n,batch:o}},9143:e=>{e.exports=function e(t){var i=t();if(!i||!i.then){var s=i;i={then:function(e){e(s)}}}return i.then((function(i){return i?e(t):Promise.resolve()}))}},5219:(e,t,i)=>{var s=i(9096);e.exports=function(e,t,i){if("number"==typeof t){let e=i;i=t,t=e}t||(t=function(){}),("number"!=typeof i||i<=0)&&(i=1);var r={};if(s.map(e,(function(e,t){r[t]=e})),i<=0&&(i=1),0===Object.keys(r).length)return Promise.resolve([]);Object.keys(r).length<i&&(i=Object.keys(r).length);var n={};return new Promise((function(e){let o=Object.keys(r).length;for(var a=function(){var i=Object.keys(r);if(0!==i.length){var l=i.shift(),c=r[l];delete r[l];var h=t(c,l);h&&h.then||(h=Promise.resolve(h)),h.then((function(t){if(n[l]=t,Object.keys(n).length===o)return e(s.map(n));a()}))}},l=0;l<i;l++)setTimeout(a,1)}))}},9798:e=>{e.exports=function(e){return new Promise((function(t){setTimeout(t,e)}))}},7695:e=>{function t(e){return e<10?`0${e}`:`${e}`}var i=function(e,t,i,s){if("undefined"==typeof XMLHttpRequest)return function(e,t,i,s){let r={};i&&(r["content-type"]="text/plain"),fetch(t,{method:e,headers:r,body:i}).then((e=>e.text().then((t=>s&&s(t,e.status))))).catch((e=>s&&s(e,-1)))}(e,t,i,s);var r=new XMLHttpRequest;r.onreadystatechange=function(e){4===r.readyState&&(s&&s(r.responseText,r.status),s=void 0)},r.onerror=function(){s&&s(r.responseText,-1),s=void 0},r.open(e,t),i&&r.setRequestHeader("content-type","text/plain"),r.send(i)};e.exports={xhrsend:i,parseJSON:function(e){try{return JSON.parse(e)}catch(e){}},Pubsub:function(){var e={};this.emit=function(t){for(var i=[],s=1;s<arguments.length;s++)i.push(arguments[s]);var r=e[t];if(r)for(s=0;s<r.length;s++)r[s].apply(void 0,i)},this.on=function(t,i){e[t]||(e[t]=[]),e[t].push(i)}},randomString:function(e,t){var i,s="";(!e||e<1)&&(e=10);for(var r=0;r<e;r++)t?s+=t[Math.floor(Math.random()*t.length)]:(i=Math.floor(25*Math.random()+97),s+=String.fromCharCode(i));return s},logError:function(e,s,r,n){let o=function(e){let i=e.getUTCFullYear().toString().substr(2,2),s=e.getUTCMonth()+1,r=e.getUTCDate(),n=e.getUTCHours(),o=e.getUTCMinutes(),a=e.getUTCSeconds();return`${i}-${t(s)}-${t(r)} ${t(n)}:${t(o)}:${t(a)}`}(new Date),a=JSON.stringify({id:Date.now(),class:400,code:"frontend_error",number:n.split("").map((e=>e.charCodeAt(0).toString(16).padStart(2,"0"))).join(""),fields:{message:JSON.stringify(r),user_id:s,url:JSON.stringify(location.href)}});i("POST","https://track.subiz.net/collect",`${o} app ERROR dashboard ${e} ${n} ${a}`)}}},2839:(e,t,i)=>{var s=i(8193),{xhrsend:r,parseJSON:n,Pubsub:o}=i(7695);function a(e,t,i,o,a){a=a||r,t=t||{};var d=!1,p="";this.kill=function(){d=!0};var m=function(t){d||a("get",e+"poll?token="+p,void 0,(function(s,r){if(!d){if(c(r))return setTimeout(m,l(t),t+1);if(200!==r)return d=!0,i("poll");(s=n(s)||{}).host&&(e=u(s.host));var a=s.sequential_token;return a?(p=a,o(s.events||[]),m(0)):setTimeout(m,l(t),t+1)}}))},g=s.batch(50,100,(function(r){if(d)return["dead"];if(r.length<=0)return[];var o=[];return s.loop((function(){return new Promise((function(s){var l="?token="+p;t.getAccessToken().then((function(g){t.user_ref?l+="&user_ref="+encodeURIComponent(t.user_ref)+"&account_id="+encodeURIComponent(t.account_id):t.user_mask?l+="&user-mask="+encodeURIComponent(t.user_mask):g&&(l+="&access-token="+g),a("post",e+"subs"+l,JSON.stringify({events:r}),(function(t,a){if(d)return o=h("dead",r.length),s(!1);if(c(a))return setTimeout(s,3e3,!0);if(200!==a)return d=!0,i("subscribe",t,a),o=h("dead",r.length),s(!1);if(p)return s(!1);var l=(t=n(t)||{}).initial_token;return l?(t.host&&(e=u(t.host)),p=l,m(0),s(!1)):setTimeout(s,3e3,!0)}))}))}))})).then((function(){return o}))}));this.subscribe=g.push.bind(g)}function l(e){if(!e||-1===e)return 0;var t=1e3*Math.pow(1.5,e);return Math.min(1e4,t)}function c(e){return e>=500&&e<600||0===e||-1===e||429===e}function h(e,t){for(var i=[],s=0;s<t;s++)i.push(e);return i}function u(e){return(e=e||"").startsWith("//")?"https:"+e:e}e.exports=function(e,t,i){("string"==typeof e||e instanceof String)&&(e=[e]),(t=t||{}).getAccessToken||(t.getAccessToken=function(){return Promise.resolve("")});var s,r=new o,n={},l=!1;this.stop=function(){l||(l=!0,s.kill())},this.onEvent=function(e){return r.on("event",e)},this.onInterrupted=function(e){return r.on("interrupted",e)},this.subscribe=function(e){if(l)return Promise.resolve({});if("string"==typeof e&&(e=[e]),!Array.isArray(e))return Promise.resolve({error:"param should be an array or string"});for(var t=[],i=0;i<e.length;i++){var r=e[i];r&&(n[r]||t.push(s.subscribe(r)))}return 0===t.length?Promise.resolve({}):Promise.all(t).then((function(t){for(var i=0;i<t.length;i++)if(t[i])return{error:t[i]};for(var s=0;s<e.length;s++)n[e[s]]=!0;return{}}))};var c=function(){if(!l){for(var o=Object.keys(n),h=0;h<o.length;h++)n[o[h]]=!1;var u=e[Math.floor(Math.random()*e.length)];s=new a(u,t,(function(e,t,i){l||(r.emit("interrupted",e,t,i),setTimeout(c,2e3))}),(function(e){if(!l)for(var t=0;t<e.length;t++)r.emit("event",e[t])}),i);var d=Object.keys(n);for(h=0;h<d.length;h++)s.subscribe(d[h])}};c()}},3118:(e,t,i)=>{"use strict";i.d(t,{A:()=>s});class s{constructor(e,t,i){this.schema=t+"_chain",this.dead=!1,this.db=e,this.anchorCache={},this.cache={},this.init()}init(){let e={};this.db.all("items").map((t=>{e[t.chain]=e[t.chain]||{},e[t.chain][t.id]={id:t.id,chain:t.chain,full_id:t.full_id,index:t.index,value:t.value}})),n(e,((t,i)=>{if(((s=t)?void 0!==s.length?s.length:Object.keys(s).length:0)<50)return;var s;let r=(o=n(t),a=["index"],l=[],n(o,(e=>l.push(e))),l.sort(((e,t)=>{if(e[a]===t[a])return 0;var i=e[a]<t[a]?-1:1;return-i})),l);var o,a,l;let c=[];for(var h=50;h<r.length;h++)c.push(r[h].full_id),delete t[r[h].id];this.db.removes("items",c),e[i]=t})),this.cache=e}destroy(){this.db.clear("items"),this.dead=!0,this.cache={},this.anchorCache={},this.db=void 0}put(e,t,i,s){if(this.dead)return;let n=this.cache[e]||{},o=(r(n)||{}).index||"z",a={id:t,index:i,value:s,chain:e,full_id:e+":"+t};delete n[a.id],o>a.index+""||(n[a.id]=a,this.cache[e]=n,this.db.put("items",a.full_id,a))}listM(e){if(this.dead)return{};let t=this.cache[e]||{},i={};return n(t,((e,t)=>{i[t]=e.value})),i}async fetchMore(e,t=20,i){if(this.dead)return{error:"dead"};if(!i)return{error:"no api"};let s=this.anchorCache[e]||"";var[r,n,o]=await i(e,s,t);if(o)return{error:o};if(this.dead)return{error:"dead"};let a=this.cache[e]||{};return 0===r.length?{end:!0}:(r.forEach((t=>{t.chain=e,t.full_id=e+":"+t.id,a[t.id]=t,this.db.put("items",t.full_id,t)})),this.anchorCache[e]=n,this.cache[e]=a,{})}del(e,t){if(this.dead)return;let i=e+":"+t;delete(this.cache[e]||{})[t],this.db.removes("items",[i])}match(e,t){return this.listM(e)[t]}async reload(e,t){if(this.dead)return;let i=function(e){if(!e)return;let t=Object.keys(e);if(!t.length)return;let i=-1/0,s=Object.keys(e)[0];for(var r=0;r<t.length;r++){let n=e[t[r]]&&e[t[r]].index||-1/0;n>i&&(i=n,s=t[r])}return e[t[s]]}(this.listM(e))||{},s=i.index;s||(s=Date.now());for(var o="",a={};;){if(this.dead)return;let[i,l,c]=await t(e,o,50);if(c)return;if(this.dead)return;if(i.map((t=>{a[t.id]=Object.assign({},t,{chain:e,full_id:e+":"+t.id})})),0===i.length||l===o)break;if(a.length>=200){let t=this.cache[e]||{},i=[];n(t,(t=>{t.chain===e&&i.push(t.full_id)})),this.db.removes("items",i),this.cache[e]={};break}if((r(a)||{}).index<=s){o=this.anchorCache[e]||l;break}o=l}for(var l=0;l<Object.keys(a).length;l++){let e=a[Object.keys(a)[l]];this.db.put("items",e.full_id,e),this.cache[e.chain]=this.cache[e.chain]||{},this.cache[e.chain][e.id]=e}this.anchorCache[e]=o}}function r(e){if(!e)return;let t=Object.keys(e);if(!t.length)return;let i=1/0,s=Object.keys(e)[0];for(var r=0;r<t.length;r++){let n=e[t[r]]&&e[t[r]].index||1/0;n<i&&(i=n,s=t[r])}return e[s]}function n(e,t){if(!e)return[];if(!t)return e;var i=[];if(Array.isArray(e)){for(let s=0;s<e.length;s++)i.push(t(e[s],s));return i}if("object"==typeof e){var s=Object.keys(e);for(let n=0;n<s.length;n++){var r=s[n];i.push(t(e[r],r))}return i}return i}},1554:(e,t,i)=>{"use strict";i.d(t,{A:()=>n});var s={},r={};s.length=0,s.getItem=function(e){return e in r?r[e]:null},s.setItem=function(e,t){void 0===t?s.removeItem(e):r[e]=""+t,s.length=Object.keys(r).length},s.removeItem=function(e){Object.prototype.hasOwnProperty.call(r,e)&&(delete r[e],s.length=Object.keys(r).length)},s.key=function(e){return Object.keys(r)[e]||null},s.clear=function(){r={},s.length=0};const n=s},1314:(e,t,i)=>{"use strict";i.d(t,{A:()=>s});const s=class{constructor(e,t){this.name=t,t+="_kv",this.dead=!1,this.db=e,this.cache={},this.initialized=!1,this.init()}refreshCache(){if(this.dead)return;let e={};this.db.all("items").forEach((function(t){e[t.key]=t.value})),this.cache=e}init(){if(this.initialized)return;let e={};console.time("KV"+this.name),this.db.all("items").forEach((function(t){e[t.key]=t.value})),this.cache=e;let t=Object.keys(this.cache);if(t.length>500){let e=250/t.lenth,s=[];for(var i=0;i<500;i++){if(Math.random()<=e)continue;let r=t[i];delete this.cache[r],s.push(r)}this.db.removes("items",[s])}this.initialized=!0,console.timeEnd("KV"+this.name)}all(){return this.dead?[]:this.initialized?this.cache:[]}match(e){if(!this.dead&&this.initialized&&e)return this.cache[e]}put(e,t){if(e){if(this.dead)return[];if(!this.initialized)throw new Error("uninitialized");this.cache[e]=t,this.db.put("items",e,{key:e,value:t})}}del(e){if(!this.dead){if(!this.initialized)throw new Error("uninitialized");delete this.cache[e],this.db.removes("items",[e])}}destroy(){this.db.clear("items"),this.dead=!0,this.db=void 0,this.cache=void 0,this.initialized=!1}}},1428:(e,t,i)=>{"use strict";i.d(t,{A:()=>n});let s=i(1554).A,r=window.requestIdleCallback||(e=>e());const n=class{constructor(e,t){if(this.localStorage=s,this.allkeys={},!t)try{window.localStorage.setItem("sbzstore1029","?"),window.localStorage.removeItem("sbzstore1029"),this.localStorage=window.localStorage}catch(e){}this.schema=e}all(e){let t=[];for(var i=0;i<this.localStorage.length;i++){let s=this.localStorage.key(i);s.startsWith(this.schema+"#"+e+"#")&&(this.allkeys[s]=!0,t.push(JSON.parse(this.localStorage.getItem(s))))}return t}removes(e,t){for(var i=0;i<t.length;i++)delete this.allkeys[this.schema+"#"+e+"#"+t[i]],this.localStorage.removeItem(this.schema+"#"+e+"#"+t[i])}clear(e){let t=[];for(var i=0;i<this.localStorage.length;i++){let s=this.localStorage.key(i);s.startsWith(this.schema+"#"+e+"#")&&t.push(s)}for(i=0;i<t.length;i++)this.localStorage.removeItem(t[i]);this.allkeys={}}put(e,t,i){this.allkeys[this.schema+"#"+e+"#"+t]=!0,Object.keys(this.allkeys).length>80&&this.clear(e),r((()=>{try{this.localStorage.setItem(this.schema+"#"+e+"#"+t,void 0===(s=i)?"null":JSON.stringify(s))}catch(t){this.clear(e)}var s}))}}},2988:(e,t,i)=>{"use strict";i.d(t,{A:()=>r});var s=i(6801);const r=class{constructor(e){this.duration=e.duration||100,this.breakingV=e.breakingV||7,this.maxY=e.maxY||500,this.minY=e.minY||0}play(e,t,i){var r;this.stop();var n=o=>{o||(o=(new s.A.Date).getTime());var a=o-r,[l,c]=this.calcY(e,t,a);if(i(l),c)return this.stop();this.animationframe=window.requestAnimationFrame(n)};this.animationframe=window.requestAnimationFrame((e=>{r=e||(new s.A.Date).getTime(),n(r)}))}calcY(e,t,i){var s,r=function(e,t,i,s){if(n(e,t))return e;var r=e+(t-e)/s*i;return(e<t&&r>t||t<e&&r<t)&&(r=t),r}(t,s=t>this.maxY?this.maxY:t<this.minY?this.minY:Math.abs(e)<this.breakingV?Math.abs(this.maxY-t)<Math.abs(this.minY-t)?this.maxY:this.minY:e<0?this.maxY:this.minY,i,this.duration);return[r,n(r,s)]}stop(){window.cancelAnimationFrame(this.animationframe)}};function n(e,t){return Math.abs(e-t)<=.001}},4188:(e,t,i)=>{"use strict";i.d(t,{A:()=>o});var s=i(2840),r=i(172);const n=i(6973);class o extends s.Mw{render(){(this.props.mode+"").toLowerCase();let e=this.props.size||14,t=(Math.ceil(e/14),`width: ${e}px !important;height: ${e}px !important;`);return this.props.center?(0,r.h)("div",{class:"loading"},(0,r.h)("img",{alt:"loading",style:t,src:n})):(0,r.h)("img",{alt:"loading",style:t,src:n})}}},1620:(e,t,i)=>{"use strict";i.d(t,{A:()=>a});var s=i(6801),r=i(2840),n=i(172),o=new s.A.Pubsub;s.A.setInterval((()=>o.publish("time")),2e4);class a extends r.Mw{constructor(e){super(e),this.setState({t:"",langCode:"en_US"})}updateTime(){var e="";let t="";this.props.t&&this.props.t.locale&&"function"==typeof this.props.t.locale&&(t=this.props.t.locale()),this.props.ago?(this.props.short,!e&&this.props.time>0&&(e=function(e,t,i){let s={s:"%d sec",m:"1 min",mm:"%d mins",h:"1 hour",hh:"%d hours",d:"1 day",dd:"%d days",M:"1 month",MM:"%d months",y:"1 year",yy:"%d years"};i&&(s={s:`%d ${i("second_short")}`,m:`1 ${i("minute_short")}`,mm:`%d ${i("minutes_short")}`,h:`1 ${i("hour_short")}`,hh:`%d ${i("hours_short")}`,d:`1 ${i("day_short")}`,dd:`%d ${i("days_short")}`,M:`1 ${i("month_short")}`,MM:`%d ${i("months_short")}`,y:`1 ${i("year_short")}`,yy:`%d ${i("years_short")}`});const r=s,n=[{l:"s",r:44,d:1e3},{l:"m",r:89},{l:"mm",r:44,d:6e4},{l:"h",r:89},{l:"hh",r:21,d:36e5},{l:"d",r:35},{l:"dd",r:25,d:864e5},{l:"M",r:45},{l:"MM",r:10,d:2592e6},{l:"y",r:17},{l:"yy",d:31536e6}],o=n.length;let a,l;for(let i=0;i<o;i+=1){let s=n[i];s.d&&(a=(e-t)/s.d);let o=Math.round(Math.abs(a));if(o<=s.r||!s.r){o<=1&&i>0&&(s=n[i-1]),l=r[s.l].replace("%d",o);break}}return l}(this.props.time,(new s.A.Date).getTime(),this.props.t))):e=s.A.shortTime(this.props.time,this.props.tzoffset,s.A.Date.now(),t),this.props.uppercase&&(e=e.toUpperCase()),e!==this.state.t&&this.setState({t:e})}componentDidMount(){o.on2(this,"time",(()=>this.updateTime())),this.updateTime()}render(){let e=s.A.get(navigator,"languages.0","en-US");this.props.t&&this.props.t.locale&&"function"==typeof this.props.t.locale&&(e=this.props.t.locale());let t=new Date(this.props.time).toLocaleString(e);return(0,n.h)("span",{style:this.props.style,title:t},this.state.t)}}},2840:(e,t,i)=>{"use strict";i.d(t,{Dy:()=>h,JK:()=>a,Mw:()=>n,r9:()=>l,tW:()=>o});var s=i(172),r=i(6801);class n extends s.uA{constructor(e){super(e),this._isMounted=!0,r.A.setTimeout((()=>{if(this.componentWillUnmount){let e=this.componentWillUnmount.bind(this);this.componentWillUnmount=()=>{e(),this._isMounted=!1}}}),10)}}class o extends n{constructor(e){super(e),this.setWrapperRef=this.setWrapperRef.bind(this),this.onClick=this.onClick.bind(this)}componentDidMount(){document.addEventListener("mousedown",this.onClick)}componentWillUnmount(){document.removeEventListener("mousedown",this.onClick)}setWrapperRef(e){this.wrapperRef=e}onClick(e){this.wrapperRef&&!this.wrapperRef.contains(e.target)&&this.props.onClickaway&&this.props.onClickaway()}render(){return(0,s.h)("div",{ref:this.setWrapperRef},this.props.children)}}const a=(e,t)=>{t||(t="");let i=r.A.find(e.locales,(e=>e.toLowerCase().trim()===t.toLowerCase().trim()));return i||(i=r.A.find(e.locales,(e=>(e=e.replace("-","_").split("_")[0].trim().toLowerCase())==t.replace("-","_").split("_")[0].trim().toLowerCase())),i||e.locale||"en-US")};let l={},c=!1;function h(e,t,i){if(c)return new Promise((s=>r.A.setTimeout((()=>h(e,t,i).then(s)),100)));let s;return c=!0,"debug"===t||l[t]&&!i?(c=!1,Promise.resolve()):e.getLocaleContent(t).then((e=>{c=!1,s=r.A.get(e,"body.messages",[]),l[t]=s}))}},9917:(e,t,i)=>{"use strict";i.r(t),i.d(t,{DEFVAL:()=>te,DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL:()=>ee,Date:()=>l,XMLHttpRequest:()=>m,agentsOfConvo:()=>M,checkRunConditions:()=>re,clearInterval:()=>d,clearTimeout:()=>p,cloneDeep:()=>y,convoOfEv:()=>g,convoToEv:()=>f,detectLang:()=>fe,diffDay:()=>he,diffYear:()=>ue,each:()=>x,filter:()=>w,find:()=>T,formatCurrency:()=>ye,getAgentDisplayName:()=>B,getDayName:()=>ne,getMs:()=>ge,getUrlParameter:()=>ve,getUserAttr:()=>N,includes:()=>A,isConvoSeen:()=>S,isEmail:()=>q,isNumber:()=>$,isPhone:()=>R,isURL:()=>F,isUserBanned:()=>G,js2css:()=>ie,last:()=>W,map:()=>k,merge:()=>_,noop:()=>J,norm:()=>V,offsetToMin:()=>ce,orderBy:()=>L,orderByF:()=>O,parseJSON:()=>r,preloadImg:()=>le,preloadWebfonts:()=>ae,randomString:()=>b,replaceAll:()=>j,replaceCssVariable:()=>X,replaceCssVariablePlugin:()=>Y,requestAnimationFrame:()=>c,sameDay:()=>de,scrollIntoViewIfNeeded:()=>we,setCss:()=>Z,setInterval:()=>u,setTimeout:()=>h,setUserAttr:()=>H,shortTime:()=>pe,size:()=>I,sleep:()=>_e,startsWith:()=>P,stringify:()=>o,throttle:()=>U,tokenize:()=>K,trim:()=>E,trimStart:()=>D,unicodeToAscii:()=>be,unixSec:()=>me,usersOfConvo:()=>C});var s=i(3259);function r(e){try{return a(e)}catch(e){}}var n=document.createElement("iframe");n.style.display="none",document.documentElement.appendChild(n);var o=n.contentWindow.JSON.stringify,a=n.contentWindow.JSON.parse,l=n.contentWindow.Date,c=n.contentWindow.requestAnimationFrame,h=n.contentWindow.setTimeout.bind(n.contentWindow),u=n.contentWindow.setInterval.bind(n.contentWindow),d=n.contentWindow.clearInterval.bind(n.contentWindow),p=n.contentWindow.clearTimeout.bind(n.contentWindow),m=n.contentWindow.XMLHttpRequest;function g(e){return e?s.get(e,"data.conversation.id",s.get(e,"data.message.conversation_id")):""}function f(e,t){if(!t)return"";switch(t.type){case"message_sent":case"message_updated":case"message_pong":return s.set(t,"data.message.conversation_id",e);case"ticket_updated":return s.set(t,"data.ticket.conversation_id",e);default:return s.set(t,"data.conversation.id",e)}}function v(e){return e&&"object"==typeof e&&!Array.isArray(e)}function _(e,...t){if(!t.length)return e;const i=t.shift();if(v(e)&&v(i))for(const t in i)v(i[t])?(e[t]||Object.assign(e,{[t]:{}}),_(e[t],i[t])):Object.assign(e,{[t]:i[t]});return _(e,...t)}function y(e){if(e!==Object(e))return e;var t=o(e);return void 0!==t?a(t):void 0}function b(e){var t,i="";(!e||e<1)&&(e=10);for(var s=0;s<e;s++)t=Math.floor(25*Math.random()+97),i+=String.fromCharCode(t);return i}function w(e,t){if(!e)return[];if(!t)return e;var i=[];if(Array.isArray(e)){for(let s=0;s<e.length;s++)t(e[s],s)&&i.push(e[s]);return i}if("object"==typeof e){var s=Object.keys(e);for(let n=0;n<s.length;n++){var r=s[n];t(e[r],r)&&i.push(e[r])}return i}return i}function A(e,t){if(!e)return!1;var i="string"==typeof e||e instanceof String;return!(!Array.isArray(e)&&!i)&&e.includes(t)}function k(e,t){if(!e)return[];t||(t=e=>e);var i=[];if(Array.isArray(e)){for(let s=0;s<e.length;s++)i.push(t(e[s],s));return i}if("object"==typeof e){var s=Object.keys(e);for(let n=0;n<s.length;n++){var r=s[n];i.push(t(e[r],r))}return i}return i}function x(e,t){return k(e,t)}function C(e){return e?k(w(e.members,(e=>"user"===e.type)),(e=>e.id)):[]}function S(e,t){if("ended"===e.state)return!0;let i=e.last_message_sent;if(!i)return!0;if(s.get(i,"by.id")===t)return!0;let r=T(e.members,(e=>e.id===t));return!r||ge(i.created)<ge(r.seen_at)}function M(e,t){return e?k(w(e.members,(e=>t?"agent"===e.type||"bot"===e.type:"agent"===e.type)),(e=>e.id)):[]}function P(e,t){return((e||"")+"").startsWith(t)}function I(e){return e?void 0!==e.length?e.length:Object.keys(e).length:0}function j(e,t,i){return(e||"").split(t).join(i)}function E(e,t){return((e||"")+"").replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")}function D(e,t){for(e=(e||"")+"";e.charAt(0)===t;)e=e.substr(1);return e}function U(e,t,i){var s,r,n,o=null,a=0;i||(i={});var c=function(){a=!1===i.leading?0:(new l).getTime(),o=null,n=e.apply(s,r),o||(s=r=null)};return function(){var u=(new l).getTime();a||!1!==i.leading||(a=u);var d=t-(u-a);return s=this,r=arguments,d<=0||d>t?(o&&(p(o),o=null),a=u,n=e.apply(s,r),o||(s=r=null)):o||!1===i.trailing||(o=h(c,d)),n}}function T(e,t){if(e)return e[z(e,t)]}function z(e,t){if(!e)return-1;if(!t)return-1;if(Array.isArray(e)){for(let i=0;i<e.length;i++)if(t(e[i],i))return i;return-1}if("object"==typeof e){var i=Object.keys(e);for(let r=0;r<i.length;r++){var s=i[r];if(t(e[s],s))return s}}return-1}function L(e,t,i){var s=[];return x(e,(e=>s.push(e))),s.sort(((e,s)=>{if(e[t]===s[t])return 0;var r=e[t]<s[t]?-1:1;return"desc"===i?-r:r})),s}function O(e,t,i){var s=[];return x(e,(e=>s.push(e))),s.sort(((e,s)=>{let r=t(e),n=t(s);if(r===n)return 0;var o=r<n?-1:1;return"desc"===i?-o:o})),s}function R(e){return/^[\+]?[(]?[0-9]{2,3}[)]?[-\s\.]?[0-9]{3,4}[-\s\.]?[0-9]{4,6}$/im.test(String(e))}function F(e){return/[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/gi.test(String(e).toLowerCase())}function $(e){return/^\d+$/.test(String(e))}function q(e){return/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(e).toLowerCase())}function W(e){var t=null==e?0:e.length;return t?e[t-1]:void 0}function B(e,t){return s.get(t,"fullname")||s.get(t,"email")||s.get(e,"name")||"Agent"}function G(e){return N(e,"is_ban","boolean")}function H(e,t){if(e&&s.get(t,"key")){e.attributes=e.attributes||[];var i=z(e.attributes,(e=>e&&e.key===t.key));-1!==i?e.attributes[i]=t:e.attributes.push(t)}}function N(e,t,i){if(!e||!e.attributes)return;let s;return x(e.attributes,(e=>{e&&e.key===t&&("datetime"===i&&(s=e.datetime),"boolean"===i&&(s=e.boolean),"number"===i&&(s=e.number),"text"===i&&(s=e.text),"list"===i&&(s=[e.text].concat(e.other_values)))})),s}function V(e){return(e=e||"").trim().toLowerCase()}function J(){}function Q(e){return("string"==typeof e||e instanceof String)&&(e=e.trim().replace(/;+$/,"")),e}function Y(e,t){var i=[e];let r=t.spacer||10;t=Object.assign({},t,{spacer:r+"px",spacer0:r/2+"px",spacer2:2*r+"px",spacer3:3*r+"px"}),i=K(i,"'@font_family'"),i=K(i,"'@font_size'"),i=K(i,"'@text_color'"),i=K(i,"'@faded_text_color'"),i=K(i,"'@primary_color'"),i=K(i,"'@background'"),i=K(i,"'@spacer'"),i=K(i,"'@spacer0'"),i=K(i,"'@spacer2'"),i=K(i,"'@spacer3'");for(var n=[],o=0;o<i.length;o++){var a=i[o];if("string"!=typeof a){var l=a.type.substr(2,a.type.length-3),c=s.get(t,l)||s.get(te,l)||"";n.push(c)}else n.push(a)}return n.join("")}function X(e,t){var i=[e];i=K(i,"'@primary_color'"),i=K(i,"@esc-primary-color-esc"),i=K(i,"'@secondary_color'"),i=K(i,"'@background'"),i=K(i,"'@text_color'"),i=K(i,"'@width'"),i=K(i,"'@height'"),i=K(i,"'@desktop_button.width'"),i=K(i,"'@desktop_button.height'"),i=K(i,"'@desktop_button.background'"),i=K(i,"'@desktop_button.border_radius'"),i=K(i,"'@desktop_button.margin_x'"),i=K(i,"'@desktop_button.margin_y'"),i=K(i,"'@mobile_button.width'"),i=K(i,"'@mobile_button.height'"),i=K(i,"'@mobile_button.background'"),i=K(i,"'@mobile_button.border_radius'"),i=K(i,"'@mobile_button.margin_x'"),i=K(i,"'@mobile_button.margin_y'"),i=K(i,"'@widget_position'"),i=K(i,"'@z_index'"),i=K(i,"'@z_index_2'"),i=K(i,"'@z_index_3'"),i=K(i,"'@z_index_4'"),i=K(i,"'@z_index_5'");for(var r=[],n=0;n<i.length;n++){var o=i[n];if("string"!=typeof o)if("@esc-primary-color-esc"!==o.type)if("'@z_index_2'"!==o.type)if("'@z_index_3'"!==o.type)if("'@z_index_4'"!==o.type)if("'@z_index_5'"!==o.type){var a=o.type.substr(2,o.type.length-3);l=Q(l=s.get(t,a)||s.get(te,a)||""),["mobile_button.width","mobile_button.height","mobile_button.margin_x","mobile_button.margin_y","desktop_button.width","desktop_button.height","desktop_button.margin_x","desktop_button.margin_y","width","height"].includes(a)&&(l+="px"),"height"!==a||"full"!==s.get(t,"window_mode")?r.push(l):r.push("100%")}else l=s.get(t,"z_index")||s.get(te,"z_index"),r.push(l+5);else l=s.get(t,"z_index")||s.get(te,"z_index"),r.push(l+4);else{var l=s.get(t,"z_index")||s.get(te,"z_index");r.push(l+3)}else{l=s.get(t,"z_index")||s.get(te,"z_index");r.push(l+2)}else{l=s.get(t,"primary_color")||s.get(te,"primary_color");r.push(encodeURIComponent(Q(l)))}else r.push(o)}return r.join("")}function K(e,t){if(!e||!e.length)return[];var i=[];for(let n=0;n<e.length;n++){var s=e[n];if("string"==typeof s){var r=s.split(t);for(let e=0;e<r.length;e++)i.push(r[e]),i.push({type:t});i.pop()}else i.push(s)}return i}function Z(e,t,i){i=j(i,"#sbz92","#"+e),t.styleSheet?t.styleSheet.cssText=i:(t.innerHTML="",t.appendChild(document.createTextNode(i)))}const ee="https://vcdn.subiz-cdn.com/file/bubble_11.svg?v=5",te={primary_color:"#0265FF",secondary_color:"#555555",background:"linear-gradient(280.16deg, #0053d3 22.03%, #0265ff 78.2%)",text_color:"white",width:375,height:705,window_mode:"mini",desktop_button:{width:.3,height:.3,border_radius:"100%",background_mask_url:ee,margin_x:.3,margin_y:.3},mobile_button:{width:.3,height:.3,border_radius:"100%",background_mask_url:ee,margin_x:.3,margin_y:.3},widget_position:"fixed",z_index:2e9};function ie(e,t,i){var s={};for(var r in e)e.hasOwnProperty(r)&&(t&&t.length>0&&-1===t.indexOf(r)||("string"==typeof e[r]?s[r]=E(e[r]):s[r]=e[r]));e=s;let n="";for(var r in e)if(e.hasOwnProperty(r)){var o="";if(e.blur&&(o+="blur("+e.blur+") "),e.grayscale&&(o+="grayscale("+e+") "),o&&(n+="filter: "+o+"!important;"),void 0!==e.rotate&&(n+="transform:rotate("+e.rotate+") !important;"),void 0!==e[r]){let t=e[r]+"";k(i,((e,i)=>{-1!==t.indexOf(i)&&(t=j(t,i,e))})),n+=j(r,"_","-")+":"+t+" !important;","color"===r&&(n+="-webkit-text-fill-color: "+t+" !important;")}}return n}function se(){var e=!!window.opr&&!!opr.addons||!!window.opera||navigator.userAgent.indexOf(" OPR/")>=0,t="undefined"!=typeof InstallTrigger,i=(/constructor/i.test(window.HTMLElement)||(!window.safari||"undefined"!=typeof safari&&window.safari.pushNotification).toString(),!!document.documentMode),s=!i&&!!window.StyleMedia,r=!(!window.chrome||!window.chrome.webstore&&!window.chrome.runtime);r||(r=navigator.userAgent.indexOf("Chrome"));var n=r&&-1!=navigator.userAgent.indexOf("Edg"),o=(r||e)&&!!window.CSS;return e?"opera":t?"firefox":i?"ie":s||n?"edge":r?"chrome":o?"blink":"unknown"}function re(e,t,i,n){var o=n.matchAccount()||{},a=n.matchLocation()||{};if(!function(e,t,i){return!(t&&(s.get(e,"once_per_user")||s.get(e,"once_per_session")&&de(t.created,l.now())||s.get(e,"interval_sec")&&s.get(e,"interval_sec")>(l.now()-t.created)/1e3))}(e,i))return!1;for(let e=0;e<I(t);e++){var c=t[e];switch(c.key){case"url":let e=w(c.exclude_urls,(e=>V(e)));if(I(e)>0&&T(e,(e=>V(window.location.href).indexOf(V(e))>-1)))return!1;let t=w(c.urls,(e=>V(e)));if(I(t)>0&&!T(t,(e=>V(window.location.href).indexOf(V(e))>-1)))return!1;break;case"browser":if(I(c.browsers)>0){var h=se();if(!T(c.browsers,(e=>V(e)===V(h))))return!1}break;case"location":if(I(c.exclude_locations)>0&&T(c.exclude_locations,(e=>!(!e.city_name||!e.country_code||e.city_name!==a.city_name||e.country_code!==a.country_code)||!(!e.city_name||e.country_code||e.city_name!==a.city_name)||!(e.city_name||!e.country_code||e.country_code!==a.country_code)||void 0)))return!1;if(I(c.locations)>0&&!T(c.locations,(e=>!(!e.city_name||!e.country_code||e.city_name!==a.city_name||e.country_code!==a.country_code)||!(!e.city_name||e.country_code||e.city_name!==a.city_name)||!(e.city_name||!e.country_code||e.country_code!==a.country_code)||void 0)))return!1;break;case"returning_visitor":if(c.returning_visitor&&n.new_visitor)return!1;if(!c.returning_visitor&&!n.new_visitor)return!1;break;case"user_is_a_contact":let i=s.get(n.matchUser(),"attributes",[]),p=T(i,(e=>"emails"===e.key&&attr.text&&"related_email"===e.key&&attr.text)),m=T(i,(e=>"phones"===e.key&&attr.text&&"related_phone"===e.key&&attr.text)),g=p||m;if(c.user_is_a_contact&&!g)return!1;if(!c.user_is_a_contact&&g)return!1;break;case"device_type":if(I(c.device_types)>0){let e="desktop";if(n.isMobile()&&(e="mobile"),n.isTablet()&&(e="tablet"),!T(c.device_types,(t=>V(t)===V(e))))return!1}break;case"referer":if(I(c.exclude_referers)>0&&T(c.exclude_referers,(e=>V(document.referrer).indexOf(V(e))>-1)))return!1;if(I(c.urls)>0&&!T(c.referers,(e=>V(document.referrer).indexOf(V(e))>-1)))return!1;break;case"source":if(I(c.sources)>0){let e=n.matchTrafficSource()||"direct";if(!T(c.sources,(t=>V(t)===V(e))))return!1}break;case"user_attribute":let f,v=s.get(n.matchUser(),"attributes",[]),_=s.get(c,"user.operator");x(v,(e=>{e&&e.key===s.get(c,"user.key")&&(f=e.datetime||e.boolean||e.number||e.text||e.list)}));let y=!0;switch(_){case"cons":let e=r(c.value)||[];if(0===I(e))return!1;y=!!T(e,(e=>V(f).indexOf(V(e))>-1));break;case"notEmpty":y=!!f;break;case"empty":y=!f;break;case"true":y=!0===f||"true"===f;break;case"false":y=!f||!1===f||"false"===f}if(!y)return!1;break;case"timming":if("in"===c.business_hour&&!o.is_in_business_hour)return!1;if("notIn"===c.business_hour&&o.is_in_business_hour)return!1;if(I(c.days_of_week)>0&&!T(c.days_of_week,(e=>V(ne((new l).getDay()))===V(e))))return!1;if(I(c.minutes_of_day)>0&&I(c.minutes_of_day)%2==0){var u=new l,d=u.getMinutes()+60*u.getHours();let e=!1;for(let t=0;t<c.minutes_of_day.length;t+=2){if(c.minutes_of_day[t]<=d&&d<=c.minutes_of_day[t+1]){e=!0;break}if(c.minutes_of_day[t]>c.minutes_of_day[t+1]&&(d>=c.minutes_of_day[t]||d<=c.minutes_of_day[t+1])){e=!0;break}}if(!e)return!1}break;case"offline":if(!o.is_online!=!!c.offline)return!1}}return!0}function ne(e){return["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][e]}let oe={};function ae(e,t){for(var i=0;i<e.length;i++){let t=e[i];if(t&&!oe[t]){oe[t]=!0;for(var s=0;s<2;s++){let e=[400,500][s],i=document.createElement("div");i.innerHTML="@!-/#Chào mỪng1",i.style.position="absolute",i.style.display="block",i.style.opacity="0.1",i.style.color="transparent",i.style.fontSize="20px",i.style.height="0px",i.style.top="0px",i.style.width="0px",i.style.fontWeight=e,i.setAttribute("subiz-preload",t+":"+e),document.body.appendChild(i),i.style.fontFamily=t,h((()=>i.remove()),3e3)}}}}function le(e,t){if(t||(t=()=>{}),!e)return t(),Promise.resolve(!0);let i=new Image;return e=function(e){let t="https://vcdn.subiz-cdn.com/file/";return e?P(e,"/")||P(e,"data:")?e:(P(e,"http://")||P(e,"https://")||P(e,"//")||(e=E(t)+"/"+D(e,"/")),e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=e.replace("https://file-subiz.com/",t)).replace("http://file-subiz.com/",t)).replace("https://file-v4.subiz.com/",t)).replace("http://file-v4.subiz.com/",t)).replace("https://filev4.subiz.com/",t)).replace("http://filev4.subiz.com/",t)).replace("https://filev4-1.subiz.com/",t)).replace("http://filev4-1.subiz.com/",t)).replace("https://file.subiz.com/",t)).replace("http://file.subiz.com/",t)).replace("https://file.mysubiz.com/",t)).replace("http://file.mysubiz.com/",t)):""}(e),i.src=e,new Promise((e=>{i.onload=()=>{t(),e()}}))}function ce(e){if(!e)return 0;e.length<=2&&(e+=":00");let t=e.split(":");if(2!==t.length)return 0;let i=parseInt(t[0]);if(i<0||i>23)return 0;let s=parseInt(t[1]);return s<0||s>59?0:60*i+s}function he(e,t,i){var s=-(new l).getTimezoneOffset();i&&(s=ce(i));var r=new l(e).getTime(),n=new l(t).getTime(),o=Math.ceil((r/60/1e3+s)/60/24),a=Math.ceil((n/60/1e3+s)/60/24);return Math.abs(o-a)}function ue(e,t,i){var s=-(new l).getTimezoneOffset(),r=-(new l).getTimezoneOffset();i&&(r=ce(i));var n=new l(e).getTime()+60*(r-s)*1e3,o=new l(t).getTime()+60*(r-s)*1e3;return Math.abs(new l(n).getYear()-new l(o).getYear())}function de(e,t,i){return 0===he(e,t,i)}function pe(e,t,i,r){var n=-(new l).getTimezoneOffset(),o=n;t&&(o=ce(t));var a=new l(ge(e));let c=new l(a);c.setMinutes(a.getMinutes()+o-n),i||(i=new l);let h=c.getHours(),u=c.getMinutes(),d=s.get(navigator,"languages.0","en-US");r&&(d=r);let p=c.toLocaleDateString(d,{weekday:"long"}),m=c.getFullYear(),g=c.getMonth()+1,f=c.toLocaleDateString(d,{month:"long"}),v=c.getDate();return h<10&&(h="0"+h),u<10&&(u="0"+u),de(a,i,t)?h+":"+u:he(a,i,t)<=5?p+", "+h+":"+u:0===ue(a,i,t)?"vi-VN"===d?v+" "+f+", "+h+":"+u:f+" "+v+", "+h+":"+u:"vi-VN"===d?v+"/"+g+"/"+m+", "+h+":"+u:m+"/"+g+"/"+v+", "+h+":"+u}function me(e){return Math.floor(ge(e)/1e3)}function ge(e){return e?"number"!=typeof e&&(e=new l(e).getTime()):e=0,e>1e18?Math.floor(e/1e6):e>1e15?Math.floor(e/1e3):e>1e12?e:1e3*e}function fe(){let e=ve(),t=document.getElementsByTagName("html")[0].getAttribute("xml:lang")||document.getElementsByTagName("html")[0].getAttribute("lang"),i=navigator.language;return e||t||i}function ve(){name=name.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var e=new RegExp("[\\?&]"+name+"=([^&#]*)").exec(location.search);return null===e?"":decodeURIComponent(e[1].replace(/\+/g," "))}var _e=e=>new Promise((t=>h(t,e)));function ye(e,t="VND"){let i=Ae.find((e=>e.code===t))||{name:"Dong",code:"VND",symbol:"₫"},s="",r="";return"VND"===t?(s="",r=" "+i.symbol):(s=i.symbol+" ",r=""),e?s+(e=Math.round(e)).toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,")+r:`${s}0${r}`}function be(e){return(e=(e+="").replaceAll("đ","d").replaceAll("Đ","D")).normalize("NFD").replace(/[\u0300-\u036f]/g,"")}function we(e){centerIfNeeded=0===arguments.length||!!centerIfNeeded;var t=e.parentNode,i=window.getComputedStyle(t,null),s=parseInt(i.getPropertyValue("border-top-width")),r=parseInt(i.getPropertyValue("border-left-width")),n=e.offsetTop-t.offsetTop<t.scrollTop,o=e.offsetTop-t.offsetTop+e.clientHeight-s>t.scrollTop+t.clientHeight,a=e.offsetLeft-t.offsetLeft<t.scrollLeft,l=e.offsetLeft-t.offsetLeft+e.clientWidth-r>t.scrollLeft+t.clientWidth,c=n&&!o;(n||o)&&centerIfNeeded&&(t.scrollTop=e.offsetTop-t.offsetTop-t.clientHeight/2-s+e.clientHeight/2),(a||l)&&centerIfNeeded&&(t.scrollLeft=e.offsetLeft-t.offsetLeft-t.clientWidth/2-r+e.clientWidth/2),(n||o||a||l)&&!centerIfNeeded&&e.scrollIntoView(c)}const Ae=[{code:"USD",symbol:"$"},{code:"VND",symbol:"₫"}]},1139:(e,t,i)=>{"use strict";i.d(t,{A:()=>s});class s{constructor(e){this.isOpen=!0===e,this.cbs=[]}open(){this.isOpen=!0;let e=[];this.cbs.forEach((t=>{this.isOpen?t():e.push(t)})),this.cbs=e}close(){this.isOpen=!1}entry(e,t){return this.isOpen?(t&&(this.isOpen=!1),e&&e(),Promise.resolve()):new Promise((i=>{this.cbs.push((()=>{t&&(this.isOpen=!1),e&&e(),i()}))}))}}},6801:(e,t,i)=>{"use strict";i.d(t,{A:()=>x});var s={};i.r(s),i.d(s,{extract:()=>d,extractEmails:()=>h,extractEmojis:()=>l,extractLinks:()=>c,extractPhones:()=>u,extractText:()=>m,pipeExtracts:()=>p});var r={};i.r(r),i.d(r,{trackAreaClicked:()=>_,trackExitIntent:()=>f,trackInactivity:()=>y,trackScrollingPercentage:()=>v,trackTimeOnPage:()=>w});var n=i(9917),o=i(9917);let a=["like","unlike","wink","tongue-out","tired","surprised","smiling","sleepy","sad","neutral","heart-eyes","grinning","crying","confused","angry","cry","heart_eyes","neutral_face","emoji--disappointed","smile","open_mouth","tired_face","stuck_out_tongue","moyai","thumbsdown","dislike","thumbsup","ok_hand","octopus","pig2","wave","mouse","mouse2","rat"];function l(e){for(var t=[],i=0;i<e.length;i++)for(var s=0;s<a.length;s++)if(e.indexOf(a[s],i)===i){t.push({index:i,length:a[s].length}),i+=a[s].length-1;break}return t}function c(e){e=e||"";for(var t,i=/(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.,~#?&//=]*)/gim,s=[];t=i.exec(e);)s.push({index:t.index,length:i.lastIndex-t.index});return s}function h(e){e=e||"";for(var t,i=/(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/gim,s=[];t=i.exec(e);)s.push({index:t.index,length:i.lastIndex-t.index});return s}function u(e){e=e||"";for(var t="",i={},s=0;s<e.length;s++){var r=e.charAt(s);if("."===r||"-"===r||" "===r){var n=s>0?e.charAt(s-1):"-",o=s<e.length-1?e.charAt(s+1):"-";-1!=="0123456789".indexOf(n)&&-1!=="0123456789".indexOf(o)||(i[(t+=r).length-1]=s)}else i[(t+=r).length-1]=s}for(var a,l=/([0-9]{8,13})/gim,c=[];a=l.exec(t);)c.push({index:i[a.index],length:i[l.lastIndex-1]-i[a.index]+1});return c}function d(e,t,i){if(!e)return[];var s=[],r=0,n=t(e);if(0===o.size(n))return[{type:"text",text:e}];o.each(n,(t=>{s.push({type:"text",text:e.substr(r,t.index-r)}),s.push({type:i,text:e.substr(t.index,t.length)}),r=t.index+t.length}));var a=o.last(n);return s.push({type:"text",text:e.substr(a.index+a.length,e.length-a.index+a.length)}),o.filter(s,(e=>""!==e.text))}function p(e,t){var i=[];if(0===o.size(t))return[{type:"text",text:e}];var s=t.shift(),r=d(e,s,s.type);return o.each(r,(e=>{if("text"!==e.type)return i.push(e);i=i.concat(p(e.text,t.slice()))})),i}function m(e){var t=c;t.type="link";var i=h;i.type="email";var s=u;s.type="phone";var r=l;return r.type="emoji",p(e,[i,t,s,r])}a=o.map(a,(e=>":"+e+":"));var g=i(9917);function f(e){let t=i=>{i.clientY>10||(e&&e(),document.removeEventListener("mouseout",t))};document.addEventListener("mouseout",t)}function v(e,t){let i=s=>{let r=s.srcElement.scrollingElement?s.srcElement.scrollingElement.scrollTop:s.srcElement.scrollTop,n=s.srcElement.scrollingElement?s.srcElement.scrollingElement.scrollHeight:s.srcElement.scrollHeight;r>0&&n>0&&(r+window.innerHeight)/n>=e&&(t&&t(),window.removeEventListener("scroll",i,!1))};window.addEventListener("scroll",i,!1)}function _(e,t){e&&(e=e||"",g.map(e.split("\n"),(e=>{(e=g.trim(e))&&function(e,t,i){document.addEventListener("click",(function(e){let s=document.querySelectorAll(t),r=e.target;for(let t=0,n=s.length;t<n;t++){let n=r,o=s[t];for(;n&&n!==document;){if(n===o)return i.call(o,e);n=n.parentNode}}}))}(0,e,t)})))}function y(e=0,t){let i=["scroll","keyup","keydown","mousemove","mousewheel","mouseenter","mouseover","mousedown","touchstart","touchmove","touchenter"],s=0,r=()=>{s=0},n=g.setInterval((()=>{if(s++,!(s<e)){t&&t();for(let e of i)document.removeEventListener(e,r,!1);g.clearInterval(n)}}),1e3);for(let e of i)document.addEventListener(e,r,!1)}let b=0;function w(e=0,t){if(e<1)return g.setTimeout((function(){t(e)}),100);let i=g.setInterval((()=>{b<e||(t&&t(b),g.clearInterval(i))}),1e3)}g.setInterval((()=>{b+=5}),5e3);var A={};(A=Object.assign(A,n)).Gate=i(1139).A,A.Mutex=i(5369).A;var k=i(3259);A.get=k.get,A.set=k.set,A.Pubsub=i(6463).A,A=Object.assign(A,s);const x=A=Object.assign(A,r)},5369:(e,t,i)=>{"use strict";i.d(t,{A:()=>s});class s{constructor(){this.isOpen=!0,this.cbs=[]}_check(){if(!this.isOpen)return;let e=this.cbs.pop();e&&(this.isOpen=!1,e())}lock(){return new Promise((e=>{this.cbs.push(e),this._check()}))}unlock(){this.isOpen||(this.isOpen=!0,this._check())}}},3259:(e,t,i)=>{"use strict";i.r(t),i.d(t,{get:()=>a,set:()=>l});var s=Object.prototype.toString,r=Array.isArray||function(e){return"[object Array]"===s.call(e)};function n(e){var t=parseInt(e);return t.toString()===e?t:e}function o(e,t){if(function(e,t){return"number"==typeof t&&r(e)||function(e,t){return null!=e&&Object.prototype.hasOwnProperty.call(e,t)}(e,t)}(e,t))return e[t]}function a(e,t,i){if("number"==typeof t&&(t=[t]),!t||0===t.length)return e;if(null==e)return i;if("string"==typeof t)return a(e,t.split("."),i);var s=n(t[0]),r=o(e,s);return void 0===r?i:1===t.length?r:a(e[s],t.slice(1),i)}function l(e,t,i){if("number"==typeof t&&(t=[t]),!t||0===t.length)return e;if("string"==typeof t)return l(e,t.split(".").map(n),i);var s=t[0],r=o(e,s);return 1===t.length?(e[s]=i,r):(void 0===r&&(e[s]="number"==typeof t[1]?[]:{}),l(e[s],t.slice(1),i))}},6463:(e,t,i)=>{"use strict";i.d(t,{A:()=>n});var{filter:s,map:r}=i(9917);class n{constructor(){this.listeners={}}publish(e,t,i,n){this.listeners[e]=s(this.listeners[e],(e=>e.obj._isMounted)),r(this.listeners[e],(({cb:e})=>e(t,i,n)))}on2(e,t,i){this.listeners[t]||(this.listeners[t]=[]),this.listeners[t].push({obj:e,cb:i})}}},5672:function(e){e.exports=function(){"use strict";var e=function(){return e.get.apply(e,arguments)},t=e.utils={isArray:Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},isPlainObject:function(e){return!!e&&"[object Object]"===Object.prototype.toString.call(e)},toArray:function(e){return Array.prototype.slice.call(e)},getKeys:Object.keys||function(e){var t=[],i="";for(i in e)e.hasOwnProperty(i)&&t.push(i);return t},encode:function(e){return String(e).replace(/[,;"\\=\s%]/g,(function(e){return encodeURIComponent(e)}))},decode:function(e){return decodeURIComponent(e)},retrieve:function(e,t){return null==e?t:e}};return e.defaults={},e.expiresMultiplier=86400,e.set=function(e,i,s){if(t.isPlainObject(e))for(var r in e)e.hasOwnProperty(r)&&this.set(r,e[r],i);else{var n=void 0!==(s=t.isPlainObject(s)?s:{expires:s}).expires?s.expires:this.defaults.expires||"",o=typeof n;"string"===o&&""!==n?n=new Date(n):"number"===o&&(n=new Date(+new Date+1e3*this.expiresMultiplier*n)),""!==n&&"toUTCString"in n&&(n=";expires="+n.toUTCString());var a=s.path||this.defaults.path;a=a?";path="+a:"";var l=s.domain||this.defaults.domain;l=l?";domain="+l:"";var c=s.secure||this.defaults.secure?";secure":"";!1===s.secure&&(c="");var h=s.sameSite||this.defaults.sameSite;h=h?";SameSite="+h:"",null===s.sameSite&&(h=""),document.cookie=t.encode(e)+"="+t.encode(i)+n+a+l+c+h}return this},e.setDefault=function(i,s,r){if(t.isPlainObject(i)){for(var n in i)void 0===this.get(n)&&this.set(n,i[n],s);return e}if(void 0===this.get(i))return this.set.apply(this,arguments)},e.remove=function(e){for(var i=0,s=(e=t.isArray(e)?e:t.toArray(arguments)).length;i<s;i++)this.set(e[i],"",-1);return this},e.removeSpecific=function(e,i){if(!i)return this.remove(e);e=t.isArray(e)?e:[e],i.expires=-1;for(var s=0,r=e.length;s<r;s++)this.set(e[s],"",i);return this},e.empty=function(){return this.remove(t.getKeys(this.all()))},e.get=function(e,i){var s=this.all();if(t.isArray(e)){for(var r={},n=0,o=e.length;n<o;n++){var a=e[n];r[a]=t.retrieve(s[a],i)}return r}return t.retrieve(s[e],i)},e.all=function(){if(""===document.cookie)return{};for(var e=document.cookie.split("; "),i={},s=0,r=e.length;s<r;s++){var n=e[s].split("="),o=t.decode(n.shift()),a=t.decode(n.join("="));i[o]=a}return i},e.enabled=function(){if(navigator.cookieEnabled)return!0;var t="_"===e.set("_","_").get("_");return e.remove("_"),t},e}()},7574:(e,t,i)=>{e.exports=i.p+"assets/img/award1a.1a58e10.png"},9040:(e,t,i)=>{e.exports=i.p+"assets/img/award3a.3b74423.png"},4257:(e,t,i)=>{e.exports=i.p+"assets/img/award4a.ed6ccd4.png"},8011:(e,t,i)=>{e.exports=i.p+"assets/img/award5.39eb7ae.png"},1108:(e,t,i)=>{e.exports=i.p+"assets/img/bubble_default.7d5e4ab.svg"},1370:(e,t,i)=>{e.exports=i.p+"assets/img/convos_empty.2353007.svg"},2876:(e,t,i)=>{e.exports=i.p+"assets/img/default.06e6ee0.jpg"},2538:(e,t,i)=>{e.exports=i.p+"assets/img/default_avatar.5b74dc1.png"},9150:(e,t,i)=>{e.exports=i.p+"assets/img/done_gray.d7e8203.svg"},9419:(e,t,i)=>{e.exports=i.p+"assets/img/empty.29bed2d.svg"},2106:(e,t,i)=>{e.exports=i.p+"assets/img/examplte_logo.f86535f.svg"},3266:(e,t,i)=>{e.exports=i.p+"assets/img/external-link.90577cc.svg"},3582:(e,t,i)=>{e.exports=i.p+"assets/img/image_default.be0698b.png"},6973:(e,t,i)=>{e.exports=i.p+"assets/img/loading_static.a27f0ac.svg"},6989:(e,t,i)=>{e.exports=i.p+"assets/img/main-service1.d536cc2.png"},3014:(e,t,i)=>{e.exports=i.p+"assets/img/main-service2.9b99549.png"},7134:(e,t,i)=>{e.exports=i.p+"assets/img/rating--average.1ea492c.svg"},940:(e,t,i)=>{e.exports=i.p+"assets/img/rating--great.e3d712e.svg"},9801:(e,t,i)=>{e.exports=i.p+"assets/img/rating--poor.2938a25.svg"},8506:(e,t,i)=>{e.exports=i.p+"assets/img/send.6db52a9.svg"},9529:(e,t,i)=>{e.exports=i.p+"assets/img/subiz-mono.877e9f5.svg"},172:(e,t,i)=>{"use strict";i.d(t,{FK:()=>y,XX:()=>F,_3:()=>_,h:()=>f,uA:()=>b});var s,r,n,o,a,l,c,h={},u=[],d=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,p=Array.isArray;function m(e,t){for(var i in t)e[i]=t[i];return e}function g(e){var t=e.parentNode;t&&t.removeChild(e)}function f(e,t,i){var r,n,o,a={};for(o in t)"key"==o?r=t[o]:"ref"==o?n=t[o]:a[o]=t[o];if(arguments.length>2&&(a.children=arguments.length>3?s.call(arguments,2):i),"function"==typeof e&&null!=e.defaultProps)for(o in e.defaultProps)void 0===a[o]&&(a[o]=e.defaultProps[o]);return v(e,a,r,n,null)}function v(e,t,i,s,o){var a={type:e,props:t,key:i,ref:s,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==o?++n:o,__i:-1,__u:0};return null==o&&null!=r.vnode&&r.vnode(a),a}function _(){return{current:null}}function y(e){return e.children}function b(e,t){this.props=e,this.context=t}function w(e,t){if(null==t)return e.__?w(e.__,e.__i+1):null;for(var i;t<e.__k.length;t++)if(null!=(i=e.__k[t])&&null!=i.__e)return i.__e;return"function"==typeof e.type?w(e):null}function A(e){var t,i;if(null!=(e=e.__)&&null!=e.__c){for(e.__e=e.__c.base=null,t=0;t<e.__k.length;t++)if(null!=(i=e.__k[t])&&null!=i.__e){e.__e=e.__c.base=i.__e;break}return A(e)}}function k(e){(!e.__d&&(e.__d=!0)&&o.push(e)&&!x.__r++||a!==r.debounceRendering)&&((a=r.debounceRendering)||l)(x)}function x(){var e,t,i,s,n,a,l,h,u;for(o.sort(c);e=o.shift();)e.__d&&(t=o.length,s=void 0,a=(n=(i=e).__v).__e,h=[],u=[],(l=i.__P)&&((s=m({},n)).__v=n.__v+1,r.vnode&&r.vnode(s),U(l,s,n,i.__n,void 0!==l.ownerSVGElement,32&n.__u?[a]:null,h,null==a?w(n):a,!!(32&n.__u),u),s.__.__k[s.__i]=s,T(h,s,u),s.__e!=a&&A(s)),o.length>t&&o.sort(c));x.__r=0}function C(e,t,i,s,r,n,o,a,l,c,d){var p,m,g,f,v,_=s&&s.__k||u,y=t.length;for(i.__d=l,S(i,t,_),l=i.__d,p=0;p<y;p++)null!=(g=i.__k[p])&&"boolean"!=typeof g&&"function"!=typeof g&&(m=-1===g.__i?h:_[g.__i]||h,g.__i=p,U(e,g,m,r,n,o,a,l,c,d),f=g.__e,g.ref&&m.ref!=g.ref&&(m.ref&&L(m.ref,null,g),d.push(g.ref,g.__c||f,g)),null==v&&null!=f&&(v=f),65536&g.__u||m.__k===g.__k?l=M(g,l,e):"function"==typeof g.type&&void 0!==g.__d?l=g.__d:f&&(l=f.nextSibling),g.__d=void 0,g.__u&=-196609);i.__d=l,i.__e=v}function S(e,t,i){var s,r,n,o,a,l=t.length,c=i.length,h=c,u=0;for(e.__k=[],s=0;s<l;s++)null!=(r=e.__k[s]=null==(r=t[s])||"boolean"==typeof r||"function"==typeof r?null:"string"==typeof r||"number"==typeof r||"bigint"==typeof r||r.constructor==String?v(null,r,null,null,r):p(r)?v(y,{children:r},null,null,null):void 0===r.constructor&&r.__b>0?v(r.type,r.props,r.key,r.ref?r.ref:null,r.__v):r)?(r.__=e,r.__b=e.__b+1,a=P(r,i,o=s+u,h),r.__i=a,n=null,-1!==a&&(h--,(n=i[a])&&(n.__u|=131072)),null==n||null===n.__v?(-1==a&&u--,"function"!=typeof r.type&&(r.__u|=65536)):a!==o&&(a===o+1?u++:a>o?h>l-o?u+=a-o:u--:u=a<o&&a==o-1?a-o:0,a!==s+u&&(r.__u|=65536))):(n=i[s])&&null==n.key&&n.__e&&(n.__e==e.__d&&(e.__d=w(n)),O(n,n,!1),i[s]=null,h--);if(h)for(s=0;s<c;s++)null!=(n=i[s])&&!(131072&n.__u)&&(n.__e==e.__d&&(e.__d=w(n)),O(n,n))}function M(e,t,i){var s,r;if("function"==typeof e.type){for(s=e.__k,r=0;s&&r<s.length;r++)s[r]&&(s[r].__=e,t=M(s[r],t,i));return t}return e.__e!=t&&(i.insertBefore(e.__e,t||null),t=e.__e),t&&t.nextSibling}function P(e,t,i,s){var r=e.key,n=e.type,o=i-1,a=i+1,l=t[i];if(null===l||l&&r==l.key&&n===l.type)return i;if(s>(null==l||131072&l.__u?0:1))for(;o>=0||a<t.length;){if(o>=0){if((l=t[o])&&!(131072&l.__u)&&r==l.key&&n===l.type)return o;o--}if(a<t.length){if((l=t[a])&&!(131072&l.__u)&&r==l.key&&n===l.type)return a;a++}}return-1}function I(e,t,i){"-"===t[0]?e.setProperty(t,null==i?"":i):e[t]=null==i?"":"number"!=typeof i||d.test(t)?i:i+"px"}function j(e,t,i,s,r){var n;e:if("style"===t)if("string"==typeof i)e.style.cssText=i;else{if("string"==typeof s&&(e.style.cssText=s=""),s)for(t in s)i&&t in i||I(e.style,t,"");if(i)for(t in i)s&&i[t]===s[t]||I(e.style,t,i[t])}else if("o"===t[0]&&"n"===t[1])n=t!==(t=t.replace(/(PointerCapture)$|Capture$/,"$1")),t=t.toLowerCase()in e?t.toLowerCase().slice(2):t.slice(2),e.l||(e.l={}),e.l[t+n]=i,i?s?i.u=s.u:(i.u=Date.now(),e.addEventListener(t,n?D:E,n)):e.removeEventListener(t,n?D:E,n);else{if(r)t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==t&&"height"!==t&&"href"!==t&&"list"!==t&&"form"!==t&&"tabIndex"!==t&&"download"!==t&&"rowSpan"!==t&&"colSpan"!==t&&"role"!==t&&t in e)try{e[t]=null==i?"":i;break e}catch(e){}"function"==typeof i||(null==i||!1===i&&"-"!==t[4]?e.removeAttribute(t):e.setAttribute(t,i))}}function E(e){var t=this.l[e.type+!1];if(e.t){if(e.t<=t.u)return}else e.t=Date.now();return t(r.event?r.event(e):e)}function D(e){return this.l[e.type+!0](r.event?r.event(e):e)}function U(e,t,i,s,n,o,a,l,c,h){var u,d,g,f,v,_,w,A,k,x,S,M,P,I,j,E=t.type;if(void 0!==t.constructor)return null;128&i.__u&&(c=!!(32&i.__u),o=[l=t.__e=i.__e]),(u=r.__b)&&u(t);e:if("function"==typeof E)try{if(A=t.props,k=(u=E.contextType)&&s[u.__c],x=u?k?k.props.value:u.__:s,i.__c?w=(d=t.__c=i.__c).__=d.__E:("prototype"in E&&E.prototype.render?t.__c=d=new E(A,x):(t.__c=d=new b(A,x),d.constructor=E,d.render=R),k&&k.sub(d),d.props=A,d.state||(d.state={}),d.context=x,d.__n=s,g=d.__d=!0,d.__h=[],d._sb=[]),null==d.__s&&(d.__s=d.state),null!=E.getDerivedStateFromProps&&(d.__s==d.state&&(d.__s=m({},d.__s)),m(d.__s,E.getDerivedStateFromProps(A,d.__s))),f=d.props,v=d.state,d.__v=t,g)null==E.getDerivedStateFromProps&&null!=d.componentWillMount&&d.componentWillMount(),null!=d.componentDidMount&&d.__h.push(d.componentDidMount);else{if(null==E.getDerivedStateFromProps&&A!==f&&null!=d.componentWillReceiveProps&&d.componentWillReceiveProps(A,x),!d.__e&&(null!=d.shouldComponentUpdate&&!1===d.shouldComponentUpdate(A,d.__s,x)||t.__v===i.__v)){for(t.__v!==i.__v&&(d.props=A,d.state=d.__s,d.__d=!1),t.__e=i.__e,t.__k=i.__k,t.__k.forEach((function(e){e&&(e.__=t)})),S=0;S<d._sb.length;S++)d.__h.push(d._sb[S]);d._sb=[],d.__h.length&&a.push(d);break e}null!=d.componentWillUpdate&&d.componentWillUpdate(A,d.__s,x),null!=d.componentDidUpdate&&d.__h.push((function(){d.componentDidUpdate(f,v,_)}))}if(d.context=x,d.props=A,d.__P=e,d.__e=!1,M=r.__r,P=0,"prototype"in E&&E.prototype.render){for(d.state=d.__s,d.__d=!1,M&&M(t),u=d.render(d.props,d.state,d.context),I=0;I<d._sb.length;I++)d.__h.push(d._sb[I]);d._sb=[]}else do{d.__d=!1,M&&M(t),u=d.render(d.props,d.state,d.context),d.state=d.__s}while(d.__d&&++P<25);d.state=d.__s,null!=d.getChildContext&&(s=m(m({},s),d.getChildContext())),g||null==d.getSnapshotBeforeUpdate||(_=d.getSnapshotBeforeUpdate(f,v)),C(e,p(j=null!=u&&u.type===y&&null==u.key?u.props.children:u)?j:[j],t,i,s,n,o,a,l,c,h),d.base=t.__e,t.__u&=-161,d.__h.length&&a.push(d),w&&(d.__E=d.__=null)}catch(e){t.__v=null,c||null!=o?(t.__e=l,t.__u|=c?160:32,o[o.indexOf(l)]=null):(t.__e=i.__e,t.__k=i.__k),r.__e(e,t,i)}else null==o&&t.__v===i.__v?(t.__k=i.__k,t.__e=i.__e):t.__e=z(i.__e,t,i,s,n,o,a,c,h);(u=r.diffed)&&u(t)}function T(e,t,i){t.__d=void 0;for(var s=0;s<i.length;s++)L(i[s],i[++s],i[++s]);r.__c&&r.__c(t,e),e.some((function(t){try{e=t.__h,t.__h=[],e.some((function(e){e.call(t)}))}catch(e){r.__e(e,t.__v)}}))}function z(e,t,i,r,n,o,a,l,c){var u,d,m,f,v,_,y,b=i.props,A=t.props,k=t.type;if("svg"===k&&(n=!0),null!=o)for(u=0;u<o.length;u++)if((v=o[u])&&"setAttribute"in v==!!k&&(k?v.localName===k:3===v.nodeType)){e=v,o[u]=null;break}if(null==e){if(null===k)return document.createTextNode(A);e=n?document.createElementNS("http://www.w3.org/2000/svg",k):document.createElement(k,A.is&&A),o=null,l=!1}if(null===k)b===A||l&&e.data===A||(e.data=A);else{if(o=o&&s.call(e.childNodes),b=i.props||h,!l&&null!=o)for(b={},u=0;u<e.attributes.length;u++)b[(v=e.attributes[u]).name]=v.value;for(u in b)v=b[u],"children"==u||("dangerouslySetInnerHTML"==u?m=v:"key"===u||u in A||j(e,u,null,v,n));for(u in A)v=A[u],"children"==u?f=v:"dangerouslySetInnerHTML"==u?d=v:"value"==u?_=v:"checked"==u?y=v:"key"===u||l&&"function"!=typeof v||b[u]===v||j(e,u,v,b[u],n);if(d)l||m&&(d.__html===m.__html||d.__html===e.innerHTML)||(e.innerHTML=d.__html),t.__k=[];else if(m&&(e.innerHTML=""),C(e,p(f)?f:[f],t,i,r,n&&"foreignObject"!==k,o,a,o?o[0]:i.__k&&w(i,0),l,c),null!=o)for(u=o.length;u--;)null!=o[u]&&g(o[u]);l||(u="value",void 0!==_&&(_!==e[u]||"progress"===k&&!_||"option"===k&&_!==b[u])&&j(e,u,_,b[u],!1),u="checked",void 0!==y&&y!==e[u]&&j(e,u,y,b[u],!1))}return e}function L(e,t,i){try{"function"==typeof e?e(t):e.current=t}catch(e){r.__e(e,i)}}function O(e,t,i){var s,n;if(r.unmount&&r.unmount(e),(s=e.ref)&&(s.current&&s.current!==e.__e||L(s,null,t)),null!=(s=e.__c)){if(s.componentWillUnmount)try{s.componentWillUnmount()}catch(e){r.__e(e,t)}s.base=s.__P=null,e.__c=void 0}if(s=e.__k)for(n=0;n<s.length;n++)s[n]&&O(s[n],t,i||"function"!=typeof e.type);i||null==e.__e||g(e.__e),e.__=e.__e=e.__d=void 0}function R(e,t,i){return this.constructor(e,i)}function F(e,t,i){var n,o,a,l;r.__&&r.__(e,t),o=(n="function"==typeof i)?null:i&&i.__k||t.__k,a=[],l=[],U(t,e=(!n&&i||t).__k=f(y,null,[e]),o||h,h,void 0!==t.ownerSVGElement,!n&&i?[i]:o?null:t.firstChild?s.call(t.childNodes):null,a,!n&&i?i:o?o.__e:t.firstChild,n,l),T(a,e,l)}s=u.slice,r={__e:function(e,t,i,s){for(var r,n,o;t=t.__;)if((r=t.__c)&&!r.__)try{if((n=r.constructor)&&null!=n.getDerivedStateFromError&&(r.setState(n.getDerivedStateFromError(e)),o=r.__d),null!=r.componentDidCatch&&(r.componentDidCatch(e,s||{}),o=r.__d),o)return r.__E=r}catch(t){e=t}throw e}},n=0,b.prototype.setState=function(e,t){var i;i=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=m({},this.state),"function"==typeof e&&(e=e(m({},i),this.props)),e&&m(i,e),null!=e&&this.__v&&(t&&this._sb.push(t),k(this))},b.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),k(this))},b.prototype.render=y,o=[],l="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,c=function(e,t){return e.__v.__b-t.__v.__b},x.__r=0}},s={};function r(e){var t=s[e];if(void 0!==t)return t.exports;var n=s[e]={id:e,exports:{}};return i[e].call(n.exports,n,n.exports,r),n.exports}r.m=i,r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((t,i)=>(r.f[i](e,t),t)),[])),r.u=e=>"19077b40b00."+e+".js",r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="@subiz/widget-v4:",r.l=(i,s,n,o)=>{if(e[i])e[i].push(s);else{var a,l;if(void 0!==n)for(var c=document.getElementsByTagName("script"),h=0;h<c.length;h++){var u=c[h];if(u.getAttribute("src")==i||u.getAttribute("data-webpack")==t+n){a=u;break}}a||(l=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,r.nc&&a.setAttribute("nonce",r.nc),a.setAttribute("data-webpack",t+n),a.src=i),e[i]=[s];var d=(t,s)=>{a.onerror=a.onload=null,clearTimeout(p);var r=e[i];if(delete e[i],a.parentNode&&a.parentNode.removeChild(a),r&&r.forEach((e=>e(s))),t)return t(s)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=d.bind(null,a.onerror),a.onload=d.bind(null,a.onload),l&&document.head.appendChild(a)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="https://vcdn.subiz-cdn.com/widget-v4/public/",(()=>{var e={685:0};r.f.j=(t,i)=>{var s=r.o(e,t)?e[t]:void 0;if(0!==s)if(s)i.push(s[2]);else{var n=new Promise(((i,r)=>s=e[t]=[i,r]));i.push(s[2]=n);var o=r.p+r.u(t),a=new Error;r.l(o,(i=>{if(r.o(e,t)&&(0!==(s=e[t])&&(e[t]=void 0),s)){var n=i&&("load"===i.type?"missing":i.type),o=i&&i.target&&i.target.src;a.message="Loading chunk "+t+" failed.\n("+n+": "+o+")",a.name="ChunkLoadError",a.type=n,a.request=o,s[1](a)}}),"chunk-"+t,t)}};var t=(t,i)=>{var s,n,[o,a,l]=i,c=0;if(o.some((t=>0!==e[t]))){for(s in a)r.o(a,s)&&(r.m[s]=a[s]);l&&l(r)}for(t&&t(i);c<o.length;c++)n=o[c],r.o(e,n)&&e[n]&&e[n][0](),e[n]=0},i=self.webpackChunk_subiz_widget_v4=self.webpackChunk_subiz_widget_v4||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})(),(()=>{"use strict";var e=r(6801),t=r(1314).A,i=r(3118).A,s=r(1554).A;const n={kv:t,lsdb:r(1428).A,chain:i,inmem_localstorage:s};function o(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var s=i.call(e,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}const a=r(318);function l(t,i){let s=t.request;"text/plain"===s.content_type&&void 0!==s.body&&(s.body=e.A.stringify(s.body)),i(!0)}a.env.XMLHttpRequest=e.A.XMLHttpRequest;const c=class{constructor(t,i){o(this,"listConversations",(e=>this.apireq.addQuery("user_id",this.uid).addQuery("integration_id",`${this.accid}.subizv4.subikon`).get(`/accounts/${this.accid}/conversations`))),o(this,"listMessages",((e,t,i)=>this.apireq.addQuery("limit",t).addQuery("start_id",i).get(`/accounts/${this.accid}/conversations/${e}/messages`))),o(this,"ajax",a),o(this,"start",(t=>{let i={touchpoint:{channel:"subiz",source:"web"}};return e.A.each(t,((e,t)=>{i[t]=e})),this.apireq.post(`/accounts/${this.accid}/conversations`,i)})),o(this,"sendConvoEvent",((e,t)=>this.apireq.post(`/accounts/${this.accid}/conversations/${e}/events`,t))),o(this,"createPostback",((e,t)=>this.apireq.post(`/accounts/${this.accid}/conversations/${e}/postbacks`,t))),o(this,"markAsReceived",((e,t)=>this.apireq.post(`/accounts/${this.accid}/conversations/${e}/messages/${t}/receive`))),o(this,"markAsSeen",((e,t)=>this.apireq.post(`/accounts/${this.accid}/conversations/${e}/messages/${t}/seen`))),o(this,"getConversation",(e=>this.apireq.get(`/accounts/${this.accid}/conversations/${e}`))),o(this,"getLocaleContent",(e=>this.apireq.get(`/accounts/${this.accid}/locales/${e}`))),o(this,"sendEvent",(e=>this.apireq.addQuery("shorten",!0).post(`/accounts/${this.accid}/users/${this.uid}/events`,e))),o(this,"submitForm",((t,i,s,r,n)=>this.apireq.post(`/accounts/${this.accid}/users/${this.uid}/events`,{by:{id:this.uid,device:s},type:"form_submitted",data:{user:n,form_submission:{user_id:this.uid,form_id:t,page_url:i,submitted_at:e.A.Date.now(),values:r}}}))),o(this,"sendTyping",(e=>this.apireq.post(`/accounts/${this.accid}/conversations/${e}/typing`))),o(this,"sendLostFocus",(()=>this.apireq.post(`/accounts/${this.accid}/focuses/${this.uid}/delete`))),o(this,"uploadToS3",(async e=>{let{body:t,error:i}=await this.apireq.post(`/accounts/${this.accid}/files`,{account_id:this.accid,description:"upload\n user-client: web-widget",name:e.name.replace(/\s+/g,"_"),size:e.size,type:e.type});if(i)return{body:t,error:i};let s,r=e.type||"application/octet-stream";return({error:i}=await a.setContentType(r).put(t.signed_url,e)),i?{error:i}:(({body:s,error:i}=await this.apireq.post(`/accounts/${this.accid}/files/${t.id}`,{account_id:this.accid})),i?{body:s,error:i}:{url:s.url})})),o(this,"time",(e=>a.setBaseUrl(this.ApiURL).withCredentials(!0).setParser("json").get("/time"))),o(this,"updateUser",(e=>this.apireq.post(`/accounts/${this.accid}/users/${this.uid}`,e))),o(this,"getUser",(e=>this.apireq.get(`/accounts/${this.accid}/users/${this.uid}`))),o(this,"getAccountSetting",(()=>this.apireq.get(`/accounts/${this.accid}/settings`))),o(this,"getIsOnline",(()=>this.apireq.get(`/accounts/${this.accid}/is_online`))),o(this,"sendImpression",(e=>this.apireq.post(`/accounts/${this.accid}/campaigns/${e.campaign_id}/impressions`,e))),o(this,"sendConversion",(e=>this.apireq.post(`/accounts/${this.accid}/campaigns/${e.campaign_id}/conversions`,e))),o(this,"lookupOrder",(e=>a.setBaseUrl(this.ApiURL).setContentType("text/plain").beforeHook(l).setParser("json").addQuery("x-signed-key",e).get("/orders/123"))),o(this,"getOrder",(e=>this.apireq.get(`/accounts/${this.accid}/orders/`+e))),o(this,"updateOrder",(e=>this.apireq.post(`/accounts/${this.accid}/orders/`+e.id,e))),o(this,"fetchShippingAddresses",(()=>this.apireq.get(`/accounts/${this.accid}/users/${this.uid}/shipping-addresses`))),o(this,"createShippingAddress",(e=>this.apireq.post(`/accounts/${this.accid}/users/${this.uid}/shipping-addresses`,e))),o(this,"list_provinces",(()=>this.apireq.get(`/accounts/${this.accid}/provinces`))),o(this,"list_districts",(e=>this.apireq.setQuery(e).get(`/accounts/${this.accid}/districts`))),o(this,"list_wards",(e=>this.apireq.setQuery(e).get(`/accounts/${this.accid}/wards`))),o(this,"suggest_address",(e=>this.apireq.setQuery({keyword:e}).get(`/accounts/${this.accid}/addresses`))),this.refreshLock=new e.A.Mutex,this.FileURL=i,this.ApiURL=t,this.apireq=a.setBaseUrl(t).withCredentials(!0).addQuery("v","6").setContentType("text/plain").beforeHook(l).setParser("json").beforeHook(((e,t)=>{if(!this.token_generator)return this.ref?e.request=e.request.addQuery("x-user-ref",this.ref):this.mask&&(e.request=e.request.addQuery("x-user-mask",this.mask)),t(!0);{let i=this.profile_id;this.token_generator().then((s=>i!=this.profile_id?t(!0):s?"error"==s?t(!1):(e.request=e.request.addQuery("x-access-token",s),t(!0)):t(!1)))}}))}setAgentId(e){this.agentid=e}async setAuth(t){if(t.accid&&(this.accid=t.accid),t.ref&&(this.ref=t.ref),this.mask=t.mask,this.profile_id=t.profile_id,t.ref){let t;for(let i=0;!(t=await a.setBaseUrl(this.ApiURL).withCredentials(!0).addQuery("v","6").addQuery("x-user-ref",this.ref).setParser("json").get(`/accounts/${this.accid}/users/${this.ref}`),t.error&&-1!=e.A.get(t,"body.error.code","").indexOf("locked_account")||e.A.get(t,"body.id"));i++){let t=Math.min(2e3+400*i,6e4);await e.A.sleep(t)}return t.error?e.A.get(t.body.code)?{error:t.body.code}:t:(this.uid=t.body.id,t.body)}if(t.tokenGenerator){let i=t.tokenGenerator;this.tokensession=this.tokensession||0,this.tokensession++;let s=this.tokensession;if(!this.accid||!e.A.startsWith(this.accid,"ac"))return{error:"invalid_account_id"};if(!this.profile_id)return{error:"invalid_profile_id"};if("function"!=typeof i)return{error:"invalid_token_generator"};let r,n=this.profile_id;this.token_generator=async t=>{if(await this.refreshLock.lock(),s!=this.tokensession)return void this.refreshLock.unlock();let r,o,a=(e.A.Date.now()-(this.last_token_at||0))/1e3;if(!t&&this.last_token&&a<1800)return this.refreshLock.unlock(),this.last_token;if(!t&&this.last_token&&a<3e3)return this.token_generator&&e.A.setTimeout((async()=>{let t,r;try{t=await i(n)}catch(e){r=e}s==this.tokensession?(this.last_token=r?"error":t,this.last_token_at=e.A.Date.now(),this.refreshLock.unlock()):this.refreshLock.unlock()})),this.last_token;try{r=await i(n)}catch(e){o=e}if(s==this.tokensession)return this.last_token=o?"error":r,this.last_token_at=e.A.Date.now(),this.refreshLock.unlock(),this.last_token;this.refreshLock.unlock()};for(let t=0;await this.token_generator(!0),s==this.tokensession&&(r=await a.setBaseUrl(this.ApiURL).withCredentials(!0).addQuery("v","6").addQuery("x-access-token",this.last_token).setParser("json").get(`/accounts/${this.accid}/users/${n}`),!e.A.get(r,"body.id"));t++){let i=Math.min(2e3+100*t,12e4);await e.A.sleep(i)}return r.error?e.A.get(r.body.code)?{error:r.body.code}:r:(this.uid=r.body.id,r.body)}if(this.mask){let e=this.mask.split("@");return this.uid=e[1],{id:this.uid}}return{error:"invalid_auth"}}sendContentView(e,t,i,s,r,n){return s||(s=void 0),r||(r=void 0),this.sendEvent({by:{id:this.uid,device:e},type:"content_viewed",data:{product:{id:s,source_id:r,url:t,name:i,title:i,sku:n}}})}};function h(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var s=i.call(e,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}const u=r(318);function d(t,i){let s=t.request;"text/plain"===s.content_type&&void 0!==s.body&&(s.body=e.A.stringify(s.body)),i(!0)}u.env.XMLHttpRequest=window.XMLHttpRequest;const p=Promise.resolve({code:200}),m=class{constructor(t,i){h(this,"listConversations",(e=>{let t=g(this.accid,"csqwudlkftltnbebvq",this.uid,this.agentid);return Promise.resolve({body:{anchor:"",conversations:[t]},code:200})})),h(this,"listMessages",((e,t,i)=>{let s=function(e,t,i,s){let r=e+".subizv4.subikon",n={type:"user",id:i,last_page_view_url:"https://subiz.com.vn/",conversation_id:t,membership:"active",invited_by:{id:i,type:"user"}},o={type:"agent",conversation_id:t,id:s,membership:"active",invited_by:{id:i,type:"user"}};return[{id:"evqyiyjmxrjsylftvnrghrfmq",account_id:e,created:1616213202264,type:"conversation_invited",by:{id:i,type:"user"},data:{conversation:{id:t,account_id:e,members:[n],state:"pending"}}},{id:"evqyiyjmyqdgrouswczzawuzp",account_id:e,created:1616213202559,type:"conversation_invited",by:{id:i,type:"user"},data:{conversation:{id:t,account_id:e,members:[o],state:"pending",source:"https://subiz.com.vn/vi/"}}},{id:"evqyiyjmyzjpyehnngvmcyauf",account_id:e,created:1616213202668,type:"conversation_state_updated",by:{id:i,type:"user"},data:{conversation:{id:t,account_id:e,state:"active"}}},{id:"evqyiyjmzaozvqgbkljbwywdl",account_id:e,created:1616213202683,type:"conversation_joined",by:{id:i,type:"user"},data:{conversation:{id:t,members:[n]}}},{id:"evqyiyjmzatvtgpdmmpzwnwgn",account_id:e,created:1616213202685,type:"message_sent",by:{id:i,client_id:"clsubizapi",type:"user"},data:{message:{conversation_id:t,text:"Xin chào",format:"plaintext",idempotency_key:"wrueysyjbhqrkiwhsejpqrwqrdkkyaibajdw",integration_id:r,pongs:[{member_id:i,type:"seen",created:1616213203068}]}}},{id:"evqyiyjrhsfyuxtetszmvkkke",account_id:e,created:1616213237491,type:"conversation_joined",by:{id:i,type:"user"},data:{conversation:{id:t,members:[o]}}},{id:"evqyiyjrhtroknjyakrlrwhgr",account_id:e,created:1616213237508,type:"message_sent",by:{id:s,client_id:"dashboard",type:"agent"},data:{message:{conversation_id:t,text:"chào bạn, mình có thể giúp gì được cho bạn :grinning:",format:"plaintext",integration_id:r,pongs:[{member_id:i,type:"receive",created:1616213237742},{member_id:i,type:"seen",created:1616213240057}]}}},{id:"evqyiyjuvjinmclneroerxmrl",account_id:e,created:1616213265805,type:"message_sent",by:{id:i,client_id:"clsubizapi",type:"user"},data:{message:{conversation_id:t,text:"mình muốn hỏi giá sản phẩm IPhone X",format:"plaintext",integration_id:r,pongs:[{member_id:i,type:"seen",created:1616213267090}]}}},{id:"evqyiyjzjxzfcsexshcjbbnnf",account_id:e,created:1616213302432,type:"message_sent",by:{id:s,client_id:"dashboard",type:"agent"},data:{message:{conversation_id:t,text:"IPhone X hiện đang được bán tại cửa hàng với giá 12tr đồng nha bạn",format:"plaintext",integration_id:r,pongs:[{member_id:i,type:"receive",created:1616213302698},{member_id:i,type:"seen",created:1616213305071}]}}},{id:"evqyiykaoizbwnkaecwphttwk",account_id:e,created:1616213311830,type:"message_sent",by:{id:i,client_id:"clsubizapi",type:"user"},data:{message:{conversation_id:t,text:"ok cám ơn!",format:"plaintext",integration_id:r,pongs:[{member_id:i,type:"seen",created:1616213312110}]}}}]}(this.accid,"csqwudlkftltnbebvq",this.uid,this.agentid);return Promise.resolve({body:s,code:200})})),h(this,"ajax",u),h(this,"start",(e=>p)),h(this,"sendConvoEvent",((e,t)=>p)),h(this,"createPostback",((e,t)=>p)),h(this,"markAsReceived",((e,t)=>p)),h(this,"markAsSeen",((e,t)=>p)),h(this,"getConversation",(e=>Promise.resolve({body:g(this.accid,"csqwudlkftltnbebvq",this.uid,this.agentid),code:200}))),h(this,"getLocaleContent",(e=>this.apireq.get(`/accounts/${this.accid}/locales/${e}`))),h(this,"sendEvent",(e=>p)),h(this,"submitForm",((e,t,i,s,r)=>p)),h(this,"sendTyping",(e=>p)),h(this,"sendPresence",(e=>p)),h(this,"sendContent",(e=>p)),h(this,"sendLostFocus",(e=>p)),h(this,"sendContentView",(e=>p)),h(this,"uploadToS3",(async e=>p)),h(this,"time",(t=>Promise.resolve({code:200,body:(new e.A.Date).toISOString()}))),h(this,"updateUser",(e=>p)),h(this,"getUser",(e=>Promise.resolve({code:200,body:{id:"usqzgtgfake",attributes:[{key:"fullname",text:"Kiều Thanh"}]}}))),h(this,"getAccountSetting",(()=>this.apireq.get(`/accounts/${this.accid}/settings`))),h(this,"getIsOnline",(()=>this.apireq.get(`/accounts/${this.accid}/is_online`))),h(this,"sendImpression",(e=>p)),h(this,"sendConversion",(e=>p)),this.FileURL=i,this.apireq=u.setBaseUrl(t).setContentType("text/plain").beforeHook(d).setParser("json")}setAgentId(e){this.agentid=e}setAuth(e){return this.accid=e.accid,this.mask=e.mask,this.uid=e.uid,{account_id:this.accid,id:"usqzgtgfake",attributes:[{key:"fullname",text:"Kiều Thanh"}]}}};function g(e,t,i,s){return{id:t,account_id:e,created:1610452894916,members:[{type:"user",id:i,membership:"active",invited_by:{id:i,type:"user"}},{type:"agent",id:s,conversation_id:t,membership:"active",invited_by:{id:i,type:"user"}}],ended:1610454875505,state:"ended",actived:1610453070259,last_message_sent:{id:"evqyiykaoizbwnkaecwphttwk",account_id:e,created:1616213311830,type:"message_sent",by:{id:i,client_id:"clsubizapi",type:"user"},data:{message:{conversation_id:t,text:"ok cám ơn!",format:"plaintext",integration_id:e+".subizv4.subikon",pongs:[{member_id:i,type:"seen",created:1616213312110}]}}},assigned_to:{},first_message:"Xin chào",subject:"Chúc một ngày tốt lành",source:"https://subiz.com.vn/"}}const f=class{onEvent(){}onInterrupted(){}subscribe(){}stop(){}};function v(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var s=i.call(e,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var _=r(8193),y=r(2839),b=r(5672);b.defaults.path="/",b.expiresMultiplier=86400,b.defaults.expires=3650;const w=e.A.Date.now();class A{constructor(t,i,s,r,o){if(v(this,"inmem",!1),v(this,"cookie",b),v(this,"_currentViewingProduct",{}),v(this,"new_visitor",!0),v(this,"matchUser",(()=>(this._touchAcc(),this.cache.match("user")))),v(this,"suggest_addresses",(e=>this.api.suggest_address(e))),v(this,"matchAccount",(()=>this.cache.match("account"))),v(this,"matchPaymentMethods",(()=>this.cache.match("payment_methods"))),v(this,"matchUnread",(()=>{let t=this.matchUser(),i=this.matchConvo("*"),s=0;return e.A.map(i,(i=>{e.A.isConvoSeen(i,t.id)||s++})),s})),v(this,"matchPlugin",(()=>e.A.size(this.forcePlugins)>0?e.A.cloneDeep(this.forcePlugins):e.A.cloneDeep(this.cache.match("plugin"))||{})),v(this,"device",{}),v(this,"browserVisibility","visible"),v(this,"matchAgent",(e=>{let t=this.cache.match("agent")||{};return"*"===e?t:t[e]})),v(this,"matchConvo",(t=>{if(t)return"*"===t?(this._touchAcc(),e.A.filter(this.cache.all(),((e,t)=>t.startsWith("convo_")))):(this.isInsync(t)||this.fetchConvo(t),this.cache.match("convo_"+t))})),v(this,"fetchConvo",(async e=>{if(this._die)return I;if(await this.readyGate.entry(),await this.reconnectGate.entry(void 0,!0),this.isInsync(e))return this.reconnectGate.open();this.markSync(e);let{body:t,error:i}=await this.api.getConversation(e);return t&&!i&&this._setConvo(t),this.reconnectGate.open()})),v(this,"list_provinces",(()=>this.api.list_provinces())),v(this,"list_districts",(e=>this.api.list_districts(e))),v(this,"list_wards",(e=>this.api.list_wards(e))),v(this,"outofmsgM",{}),v(this,"listEvents",(e=>{if(e&&"*"!==e&&"string"==typeof e)return this.chain.listM(e)})),v(this,"fetchMoreEvents",(async e=>{if(!this.isInsync("events"+e)){if(await this.readyGate.entry(),await this.reconnectGate.entry(void 0,!0),this.isInsync("events"+e))return this.reconnectGate.open();this.markSync("events"+e),await this.chain.reload(e,(()=>[[],""]));let t=await this._doFetchMsg(e);return this.reconnectGate.open(),t}return this._doFetchMsg(e)})),v(this,"_doFetchMsg",(async e=>{let{error:t}=await this.chain.fetchMore(e,150,(async(t,i,s)=>{if(this.outofmsgM[e])return[[],""];let[r,n,o,a]=await this.listmessageapi(t,i,s);return a&&(this.outofmsgM[e]=!0),[r,n,o]}));return this.pubsub.publish("account"),{error:t}})),v(this,"matchLocation",(()=>this.cache.match("location")||{})),v(this,"matchBot",(()=>this.cache.match("bot")||{})),v(this,"readyGate",new e.A.Gate),v(this,"convoGate",new e.A.Gate(!0)),v(this,"reconnectGate",new e.A.Gate(!0)),v(this,"wsGate",new e.A.Gate(!0)),v(this,"matchLastview",(()=>{let e=this.kv.match("lastview")||{},t=this.cache.match("user")||{};return t.id?e.user_id!=t.id?{}:e:{}})),v(this,"matchIsOpen",(()=>!!this.kv.match("isopen"))),v(this,"matchHasManuallyClosed",(()=>!!this.kv.match("hasManuallyClosed"))),v(this,"matchClosePreviewAt",(()=>this.kv.match("close_preview_at")||0)),v(this,"sendPresence",e.A.throttle((async()=>this._die?I:(await this.readyGate.entry(),e.A.get(this.cache.match("user"),"id")&&!e.A.isUserBanned(this.cache.match("user"))&&this._track_page_view?"visible"===this.browserVisibility&&document.hasFocus()?void this.api.sendContentView(this.device,location.href,document.title,this._currentViewingProduct.id,this._currentViewingProduct.source_id,this._currentViewingProduct.sku):this.api.sendLostFocus():void 0)),1e3,{leading:!1})),v(this,"now",(()=>e.A.Date.now()+this.timeDiff)),v(this,"seenQueue",[]),v(this,"matchTrafficSource",(()=>this.kv.match("traffic_source"))),v(this,"_alreadyReceived",{}),v(this,"_typing",e.A.throttle((e=>this.api.sendTyping(e)),3e3,{trailing:!1})),v(this,"onConvoEvent",((e,t)=>this.pubsub.on2(e,"events",t))),v(this,"onWidgetClose",((e,t)=>this.pubsub.on2(e,"sbz_close_widget",t))),v(this,"seenConvo",(e=>{e&&"create"!==e&&this.seenQueue.push(e)})),v(this,"onUpdate",((e,t)=>this.pubsub.on2(e,"account",t))),v(this,"onResetCSS",((e,t)=>this.pubsub.on2(e,"resetCSS",t))),v(this,"onHighlight",((e,t)=>this.pubsub.on2(e,"highlight",t))),v(this,"setHasManuallyClosed",(()=>this.kv.put("hasManuallyClosed",!0))),v(this,"setIsOpen",(e=>{let t=this.kv.match("isopen");this.kv.put("isopen",e),!t&&e&&C("SUBIZ Chat","Opened","Subiz Windows")})),v(this,"closePreview",(()=>this.kv.put("close_preview_at",(new e.A.Date).getTime()))),v(this,"setLastview",((e,t)=>{let i=this.cache.match("user")||{};i.id&&this.kv.put("lastview",{user_id:i.id,view:e,opts:t})})),v(this,"timeDiff",0),this.g_sync={},this._die=!1,this.forceDevice=null,this.forcePlugins={},this.forceAcc={},this.forceChatbox={},this.RealtimeURL=s,this.fake=o,this.FileURL=i,this._track_page_view=!0,this.device_type="desktop",this.fake?this.api=new m(t,i):this.api=new c(t,i),!r)try{document.cookie,localStorage}catch(e){r=!0}r&&(this.inmem=r,this.cookie=x),S(),this.pubsub=new e.A.Pubsub,this.kv=new n.kv(new n.lsdb("sbz2023",this.inmem),"kv"),this.cache=new n.kv(new n.lsdb("sbz2023",!0),"kv"),this.chain=new n.chain(new n.lsdb("cbz2023",!0),"ch"),this.getLocaleContent=this.api.getLocaleContent,this.g_haveSentSeenM={},this.last_focused=e.A.Date.now(),window.addEventListener("blur",(()=>{this.last_focused=e.A.Date.now(),this.sendPresence()})),window.addEventListener("focus",(()=>{this.last_focused=0,this.sendPresence()})),window.addEventListener("beforeunload",(()=>this.api.sendLostFocus())),this._presenceInterval1=e.A.setInterval((()=>{if(this._die)return e.A.clearInterval(this._presenceInterval1);"visible"===this.browserVisibility&&document.hasFocus()&&this.sendPresence()}),2e4),this._presenceInterval2=e.A.setInterval((()=>{if(this._die)return e.A.clearInterval(this._presenceInterval2);"visible"===this.browserVisibility&&document.hasFocus()||this.last_focused&&e.A.Date.now()-this.last_focused>18e5||this.sendPresence()}),6e4),function(e){var t="hidden";function i(i){var s="visible",r="hidden",n={focus:s,focusin:s,pageshow:s,blur:r,focusout:r,pagehide:r};(i=i||window.event).type in n?e(n[i.type]):e(this[t]?"hidden":"visible")}t in document?document.addEventListener("visibilitychange",i):(t="mozHidden")in document?document.addEventListener("mozvisibilitychange",i):(t="webkitHidden")in document?document.addEventListener("webkitvisibilitychange",i):(t="msHidden")in document?document.addEventListener("msvisibilitychange",i):"onfocusin"in document?document.onfocusin=document.onfocusout=i:window.onpageshow=window.onpagehide=window.onfocus=window.onblur=i,void 0!==document[t]&&i({type:document[t]?"blur":"focus"})}((e=>{this._die||(this.browserVisibility=e,this.sendPresence())})),this.loopTime(),this.device=this.getDeviceInfo();const a=e.A.setInterval((()=>{let t=this.cache.match("user")||{};if(!t.id)return;var i=this.getDeviceInfo();if(!i.ga_tracking_ids||!i.ga_client_id)return;e.A.clearInterval(a),this.device=i;let s=i.ga_client_id;s!==e.A.getUserAttr(t,"ga_client_id","text")&&this.setUser({attributes:[{type:"text",text:s,key:"ga_client_id"}]})}),2e3)}linkProduct(e){e?(e.id&&(this._currentViewingProduct.id=(e.id+"").trim()),e.source_id&&(this._currentViewingProduct.source_id=(e.source_id+"").trim()),e.sku&&(this._currentViewingProduct.sku=(e.sku+"").trim())):this._currentViewingProduct={}}getTrackPageview(){return this._track_page_view}setTrackPageview(e){this._track_page_view=!!e}getLinkedProduct(){return e.A.cloneDeep(this._currentViewingProduct)}isInsync(t){return e.A.Date.now()-(this.g_sync[t]||0)<6e5}async fetchShippingAddresses(){let e=await this.api.fetchShippingAddresses();if(e.error)return null;this.cache.put("shipping_address",e.body.shipping_addresses)}matchShippingAddresses(){return this.cache.match("shipping_address")}updateOrder(e){return this.api.updateOrder(e)}createShippingAddress(e){return this.api.createShippingAddress(e)}async overrideAcc(t){this.forceAcc=e.A.cloneDeep(t),await this.readyGate.entry(),this.disconnect("account"),this.reconnect()}async overrideChatbox(t){this.forceChatbox=t,await this.readyGate.entry(),this.disconnect("account"),await this.reconnect(),e.A.setTimeout(this.pubsub.publish("resetCSS"),10)}getDeviceInfo(){let e={screen_resolution:window.screen.width+"x"+window.screen.height,source_referrer:document.referrer,platform:window.navigator.platform,language:navigator.language,page_url:document.URL,page_title:document.title},t=function(){if(!window.ga)return;if(!window.ga.getAll)return;var e=window.ga.getAll()||[];let t="";return e.forEach((function(e){t=e.get("clientId")})),t}();t&&(e.ga_client_id=t);let i=(s=[],window.ga&&window.ga.getAll?window.ga&&window.ga.getAll?((window.ga.getAll()||[]).forEach((function(e){var t=e.get("trackingId");t&&s.push(t)})),s):[]:s);var s;return i.length>0&&(e.ga_tracking_ids=i),e}highlight(e,t){this.pubsub.publish("highlight",e,t)}overrideDeviceType(e){this.forceDevice=e,this.pubsub.publish("account")}isMobile(){return this.forceDevice?"mobile"===this.forceDevice:"mobile"==this.device_type||e.A.get(window,"screen.width",1e3)<576}isTablet(){return this.forceDevice?"tablet"===this.forceDevice:"tablet"==this.device_type}isDesktop(){return this.forceDevice?"desktop"===this.forceDevice:!this.isMobile()&&!this.isTable()}disconnect(e){this.g_sync[e]=0}pageLoaded(){return w}overridePlugin(t){if(this._die)return I;if(!Array.isArray(t))throw"plugins must be be an array";let i={};e.A.map(t,(function(e){i[e.id]=e})),this.forcePlugins=i,this.pubsub.publish("account"),this.pubsub.publish("resetCSS")}markSync(t){this.g_sync[t]=e.A.Date.now()}async _touchAcc(){this.isInsync("account")||(await this.readyGate.entry(),this.isInsync("account")||this.reconnect())}async init(t,i,s){if(this.readyGate.close(),t=(t||"").trim(),this.g_sync={},!s){try{s=this.cookie.get("__sbref","")}catch(e){}if(!s){if(!i)try{i=this.cookie.get("__sbmask","")}catch(e){}i?(i.split("@")[0]!=t&&(s=e.A.randomString(40),this.new_visitor=!0),this.new_visitor=!1,this.cookie.set("__sbmask",i)):(s=e.A.randomString(40),this.new_visitor=!0)}}this.cookie.get("__sbref",s)!=s&&M(),this.api.setAuth({accid:t}),s&&this.cookie.set("__sbref",s);let r=await this.api.setAuth({accid:t,mask:i,ref:s});return r.error?console.error(r):(this.realtime&&this.realtime.stop(),this.fake?this.realtime=new f:this.realtime=new y(this.RealtimeURL,{account_id:t,user_ref:s,user_mask:i},P),this.realtime.onEvent(this.onWs.bind(this)),this.realtime.onInterrupted((()=>this.reconnectWs(t,r.id))),this.seenLoop(),await this.reconnect(),this.readyGate.open(),this.reconnectWs(t,r.id),r)}async login(e,t,i){if(this._die)return I;let s=await this.api.setAuth({accid:e,profile_id:t,tokenGenerator:i});return s.error||(this.clearBrowserData(),this.readyGate.close(),e=(e||"").trim(),this.g_sync={},this.new_visitor=!1,this.realtime&&this.realtime.stop(),this.fake?this.realtime=new f:this.realtime=new y(this.RealtimeURL,{getAccessToken:()=>this.api.token_generator()}),this.realtime.onEvent(this.onWs.bind(this)),this.realtime.onInterrupted((()=>this.reconnectWs(e,s.id))),this.seenLoop(),await this.reconnect(),this.readyGate.open(),this.reconnectWs(e,s.id)),s}logout(e){return this.api.setAuth({ref:e})}seenLoop(){this.seenQueue=[],e.A.clearInterval(this._seenInterval),this._seenInterval=e.A.setInterval((()=>{if(this._die)return e.A.clearInterval(this._seenInterval);this.seenQueue=[...new Set(this.seenQueue)];let t=this.cache.match("user")||{};e.A.map(this.seenQueue,(i=>{var s=this.listEvents(i);if(!s)return;if(0===e.A.size(s))return;var r=(s=e.A.filter(s,(e=>"message_sent"===e.type)))[e.A.size(s)-1];if(!r)return;if(this.g_haveSentSeenM[r.id])return;if(r.id===r.data.message.idempotency_key)return;this.api.markAsSeen(i,r.id),this.pubsub.publish("events",{created:e.A.Date.now(),type:"message_pong",by:{type:"user"},data:{message:{conversation_id:i,id:"*",pongs:[{type:"seen",created:e.A.Date.now()}]}}});let n=this.cache.match("convo_"+i)||{},o=e.A.find(n.members,(e=>e.id===t.id));o&&(o.seen_at=e.A.Date.now()),this._setConvo(n),this.g_haveSentSeenM[r.id]=!0})),this.seenQueue=[]}),1e3)}async reconnectWs(e,t){return await this.realtime.subscribe([`conversation_state_updated.account.${e}.user.${t}`,`conversation_joined.account.${e}.user.${t}`,`conversation_typing.account.${e}.user.${t}`,`message_sent.account.${e}.user.${t}`,`conversation_pending.account.${e}.user.${t}`,`user_info_updated.account.${e}.user.${t}`,`message_pong.account.${e}.user.${t}`,`conversation_rating_requested.account.${e}.user.${t}`,`conversation_rated.account.${e}.user.${t}`]),await this.readyGate.entry(),this.disconnect("account"),this.reconnect()}async reconnect(){if(this._die)return;if(await this.reconnectGate.entry(void 0,!0),this.isInsync("account"))return this.reconnectGate.open();this.markSync("account");let t=await Promise.all([this.api.getUser(),this.api.getAccountSetting(),this.api.getIsOnline()]),i=e.A.find(t,(e=>e.error));if(i)return console.error(i);let s=Object.assign(t[1].body,t[2].body);s.user=t[0].body,await this._setSetting(s);let r=await this.api.listConversations();i=r.error;let n=r.body;if(!i){let t=e.A.get(n,"conversations",[]);e.A.map(this.cache.all(),((t,i)=>{i.startsWith("convo_")&&this.now()-e.A.getMs(e.A.get(t,"actived"))>12096e5&&this.cache.del(i)})),e.A.map(t,(e=>this._setConvo(e)))}return this.reconnectGate.open()}async submitForm(e,t,i){return await this.readyGate.entry(),i&&await this.setUser(i),this.api.submitForm(e,document.URL,this.device,t,i)}async setUser(e){if(e)return await this.readyGate.entry(),this._setUser(e),this.api.updateUser(e)}async setUserDiff(e){if(!e)return;await this.readyGate.entry();let t=await this.api.updateUser(e);t&&200==t.code&&t.body.id&&this._setUser(t.body)}_setUser(t){t=e.A.cloneDeep(t);let i=this.cache.match("user")||{};var s=i.account_id||t.account_id,r=i.id||t.id;e.A.each(t.attributes,(t=>{t&&(i.attributes=e.A.filter(i.attributes,(e=>!!e&&e.key!==t.key)))})),i.attributes=i.attributes||[],i.attributes=i.attributes.concat(t.attributes),i.account_id=s,i.id=r,this.cache.put("user",i),this.pubsub.publish("account")}async setSetting(e){if(e)return await this.readyGate.entry(),this._setSetting(e)}async _setSetting(t){(t=e.A.cloneDeep(t)||{}).account=Object.assign({},t.account,this.forceAcc),t.account.logo_url||(t.account.logo_url="https://file-subiz.com/fiqpezhkmeyesdscyetk-default_logo.jpg"),t.user&&(t.user.account_id=t.account.id,delete t.user.session,this._setUser(t.user)),t.account&&(t.account.is_online=t.is_online,t.account.is_in_business_hour=t.is_in_business_hour,this.cache.put("account",t.account),delete t.account);let i=e.A.get(t,"location",[]);this.cache.put("location",i);let s=e.A.get(t,"bots",[]),r={};e.A.map(s,(e=>{r[e.id]=e})),this.cache.put("bot",r),this.device_type=t.device_type||"desktop";let n=e.A.get(t,"plugins",[]),o={};e.A.map(n,(t=>{"chatbox"===t.type&&(t=e.A.merge(t,this.forceChatbox)),o[t.id]=t})),this.cache.put("plugin",o);var a=e.A.get(t,"agents",[]);if(e.A.size(a)>0){let t={};this.api.setAgentId(a[0].id),e.A.map(a,(e=>{t[e.id]=e})),this.cache.put("agent",t)}let l=e.A.get(t,"payment_methods",[]);this.cache.put("payment_methods",l),this.pubsub.publish("account")}async track(){let t=await this.api.sendContentView(this.device,location.href,document.title,this._currentViewingProduct.id,this._currentViewingProduct.source_id,this._currentViewingProduct.sku),i=e.A.get(t,"body.by.device.source","");i&&this.kv.put("traffic_source",i)}async onWs(e){await this.wsGate.entry(),this.wsGate.close(),await this._onWs(e),this.wsGate.open()}async _onWs(t){if(this._die)return;if(!t||!t.type)return;if(t.created=e.A.getMs(t.created),"user_info_updated"===t.type){let i=e.A.cloneDeep(this.cache.match("user")),s=e.A.get(t,"data.user.attributes")||[];return e.A.map(s,(t=>e.A.setUserAttr(i,t))),void this._setUser(i)}let i,s=this.cache.match("user")||{},r=e.A.convoOfEv(t),n=!1;if(r&&(i=this.cache.match("convo_"+r),!i||!i.id)){let{body:e,error:t}=await this.api.getConversation(r);if(!e)return;i=e,n=!0,this._setConvo(i)}if(!i)return;let o=e.A.get(t,"touchpoint.channel","");if(!o||"subiz"==o){if(this.pubsub.publish("events",t),"conversation_joined"===t.type){let s=e.A.get(t,"data.conversation.members",[]);if(e.A.find(s,(e=>e.id===this.cache.match("user").id))&&!n){let{body:e}=await this.api.getConversation(r);e&&(i=e,this._setConvo(i)),this.pubsub.publish("account")}}return"message_sent"===t.type&&e.A.get(t,"by.id")!==s.id&&(this._alreadyReceived[t.id]||(this._alreadyReceived[t.id]=!0,this.api.markAsReceived(r,t.id))),e.A.startsWith(t.type,"message_")||e.A.startsWith(t.type,"conversation_")?(this.restConvoEvent(t),void("message_sent"===t.type&&e.A.get(t,"by.id")!==s.id&&C("SUBIZ Chat","Received","User"))):void 0}}async restConvoEvent(t){let i=this.cache.match("user"),s=e.A.convoOfEv(t),r=this.cache.match("convo_"+s)||{};if("conversation_state_updated"===t.type){if(!e.A.get(r,"id")){let{body:e,error:t}=await this.api.getConversation(s);if(t)return}r=Object.assign(r,e.A.get(t,"data.conversation"))}if("message_pong"===t.type){var n=e.A.get(t,"data.message.id"),o=this.chain.match(s,n);if(!e.A.get(o,"data.message"))return;var a=e.A.get(o,"data.message.pongs",[]);a=a.concat(e.A.get(t,"data.message.pongs",[])),o.data.message.pongs=a,e.A.map(a,(t=>{if(t.member_id==i.id&&"seen"===t.type){let s=e.A.find(r.members,(e=>e.id===i.id));s&&(s.seen_at=t.created)}})),this.chain.put(s,o.id,e.A.getMs(o.created),o)}if("message_sent"===t.type){let i=e.A.get(t,"data.message.idempotency_key"),n=e.A.find(this.listEvents(s),(e=>e.id===i));n&&(this.chain.del(s,n.id),t.created=n.created),r.last_message_sent=t}"message_pong"!==t.type&&"conversation_typing"!==t.type&&this.chain.put(s,t.id,e.A.getMs(t.created),t),this._setConvo(r),this.pubsub.publish("account")}emitCloseWidgetEvent(){this.pubsub.publish("sbz_close_widget",{type:"chatbox_closed"})}typing(e){e&&this._typing(e)}async startConvo(e){await this.readyGate.entry(),this.convoGate.close(),e.source||(e.source=document.location.href);let{body:t,error:i}=await this.api.start(e);return this.convoGate.open(),i?{error:i}:(this._setConvo(t),{convo:t})}fetchOrder(e){return this.api.getOrder(e)}lookupOrder(e){return this.api.lookupOrder(e)}createPostback(e,t){return this.api.createPostback(e,t)}async sendConvoEvent(t,i,s){await this.readyGate.entry();var r=e.A.randomString(36),n={id:r,by:{id:(this.cache.match("user")||{}).id,type:"user",device:this.device},data:s,type:i,created:this.now()};e.A.convoToEv(t,n);let o=[];if("message_sent"===i&&(n.data.message.idempotency_key=r,n.data.message.conversation_id=t,await _.map(n.data.message.attachments,2,(async(e,t)=>{var i;if("file"===e.type&&e._file&&(o.push(e),k.includes(e._file.type))){let{width:t,height:s,url:r}=await(i=e._file,new Promise((e=>{var t=new window.FileReader;t.onload=t=>{let i=t.target.result,s=new Image;s.onload=()=>{e({url:i,width:s.width,height:s.height})},s.src=i},t.readAsDataURL(i)})));e.url=r,e.width=t,e.height=s}}))),this.onWs(n),await this.convoGate.entry(),await _.map(o,1,(async t=>{const{body:i,url:s,error:r}=await this.api.uploadToS3(t._file);"invalid_field_size"==e.A.get(i,"code")&&(n._error_message="cannot_send_too_big_file"),n._error=r,t.url=s})),n._error)return this.onWs(n);let{body:a,error:l}=await this.api.sendConvoEvent(t,n);return l?(n._error=l,void this.onWs(n)):(this.onWs(a),C("SUBIZ Chat","Sent","User"),this.kv.match("last_msg_sent")||(window.dataLayer||[]).push({event:"SUBIZ Chat",event_action:"Sent",event_label:"User",first_interaction:1}),this.kv.put("last_msg_sent",e.A.Date.now()),a)}_setConvo(t){this.cache.match("user");let i=e.A.get(t,"touchpoint.channel","");if(i&&"subiz"!=i)return;let s={};if(e.A.map(this.cache.all(),((e,t)=>{t.startsWith("convo_")&&(s[t]=e)})),e.A.size(s)>18){s=e.A.orderBy(e.A.map(s),"created","desc");for(var r=18;r<e.A.size(s);r++){let e=s[r];this.cache.del("convo_"+e.id)}}this.markSync(t.id),this.pubsub.publish("account"),this.cache.put("convo_"+t.id,t)}matchLastPluginRun(e){return(this.kv.match("plugin_run_logs")||{})[e]}matchLastBotRun(e){return(this.kv.match("bot_run_logs")||{})[e]}logBotRun(e){let t=this.kv.match("bot_run_logs")||{};t[e]={bot_id:e,created:this.now()},this.kv.put("bot_run_logs",t)}sendImpression(e){let t=this.cache.match("user")||{},i=this.kv.match("plugin_run_logs")||{};return i[e]={web_plugin_id:e,created:this.now()},this.kv.put("plugin_run_logs",i),this.api.sendImpression({account_id:t.account_id,campaign_id:e,web_plugin_id:e,user_id:t.id,url:window.location.href,device:this.device})}sendConversion(t,i,s){let r=this.cache.match("user")||{},n={account_id:r.account_id,user_id:r.id,fields:i},o=this.kv.match("conversions")||{};return o[t]=!0,this.kv.put("conversions",o),this.api.sendConversion({account_id:r.account_id,web_plugin_id:t,campaign_id:t,user_id:e.A.get(r,"id"),url:window.location.href,device:this.device,submission:n,impression_token:s})}isConverted(e){return(this.kv.match("conversions")||{})[e]}async listmessageapi(t,i,s){let r=t,{body:n,code:o,error:a}=await this.api.listMessages(r,-s,i);if(a||200!==o)return[[],i,a];i=e.A.get(e.A.last(n),"id"),n=e.A.map(n,(t=>(t.created=e.A.getMs(t.created),{id:t.id,index:t.created,value:t})));let l=this.cache.match("user")||{};for(let t=0;t<n.length;t++){let i=n[t].value;if("message_sent"===i.type&&e.A.get(i,"by.id")!==l.id){if(e.A.find(e.A.get(i,"data.message.pongs"),(e=>e.member_id===l.id)))break;this._alreadyReceived[i.id]||(this._alreadyReceived[i.id]=!0,this.api.markAsReceived(r,i.id));break}}return[n,i,void 0,e.A.size(n)<s]}async loopTime(){if(this._die)return;let t=e.A.Date.now();if(!e.A.get(this.cache.match("user"),"id"))return e.A.setTimeout((()=>this.loopTime()),24e4);let{body:i,error:s}=await this.api.time();if(s)return e.A.setTimeout((()=>this.loopTime()),3e4);var r=Math.abs(e.A.Date.now()-t)/2,n=new e.A.Date(i).getTime()+r,o=e.A.Date.now();this.timeDiff=Math.floor(n-o),e.A.setTimeout((()=>this.loopTime()),24e4)}replaceFileUrl(t){return t?e.A.startsWith(t,"/")||e.A.startsWith(t,"data:")?t:(e.A.startsWith(t,"http://")||e.A.startsWith(t,"https://")||e.A.startsWith(t,"//")||(t=e.A.trim(this.FileURL,"/")+"/"+e.A.trimStart(t,"/")),t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=t.replace("https://file-subiz.com/",this.FileURL)).replace("http://file-subiz.com/",this.FileURL)).replace("https://file-v4.subiz.com/",this.FileURL)).replace("http://file-v4.subiz.com/",this.FileURL)).replace("https://filev4.subiz.com/",this.FileURL)).replace("http://filev4.subiz.com/",this.FileURL)).replace("https://filev4-1.subiz.com/",this.FileURL)).replace("http://filev4-1.subiz.com/",this.FileURL)).replace("https://file.subiz.com/",this.FileURL)).replace("http://file.subiz.com/",this.FileURL)).replace("https://file.mysubiz.com/",this.FileURL)).replace("http://file.mysubiz.com/",this.FileURL)):""}clearBrowserData(){e.A.each(this.cookie.all(),((e,t)=>{(t||"").startsWith("__sb")&&this.cookie.remove(t)})),this.kv.destroy(),this.kv=new n.kv(new n.lsdb("sbz2023",this.inmem),"kv"),this.chain.destroy(),this.chain=new n.chain(new n.lsdb("cbz2023",!0),"ch")}destroy(){this._die=!0,this.kv&&this.kv.destroy(),this.chain&&this.chain.destroy(),e.A.clearInterval(this._seenInterval),this.realtime&&this.realtime.stop(),this.readyGate.close(),window.removeEventListener("blur",this.sendPresence),window.removeEventListener("focus",this.sendPresence)}}const k=["image/gif","image/jpeg","image/png","image/svg+xml"],x={data:{},get(e,t){return this.data[e]||t},set(e,t){return this.data[e]=e},all(){return this.data},remove(e){delete this.data[e]}};function C(e,t,i){document.dispatchEvent(new CustomEvent("subiz",{detail:{category:e,action:t,label:i}})),function(e,t,i){window.gtag&&window.gtag("event",e,{Action:t,Label:i}),window.ga&&window.ga.getAll&&(window.ga.getAll()||[]).forEach((function(s){const r=s.get("name");window.ga(r+".send","event",e,t,i)}))}(e,t,i),function(e,t,i){window.fbq&&window.fbq("trackCustom",e,{action:t,label:i})}(e,t,i),(window.dataLayer||[]).push({event:e,event_action:t,event_label:i})}let S=()=>{try{localStorage}catch(e){return}e.A.setTimeout((()=>{for(var e in localStorage)e&&(e.startsWith("cbz2020")||e.startsWith("sbz2020"))&&localStorage.removeItem(e)}))},M=()=>{try{localStorage}catch(e){return}e.A.setTimeout((()=>{for(var e in localStorage)e&&(e.startsWith("cbz2020")||e.startsWith("sbz2020")||e.startsWith("sbz2022")||e.startsWith("sbz2023"))&&localStorage.removeItem(e)}))};var P=function(t,i,s,r){if(void 0===e.A.XMLHttpRequest)return function(e,t,i,s){let r={};i&&(r["content-type"]="text/plain"),fetch(t,{method:e,headers:r,body:i}).then((e=>e.text().then((t=>s&&s(t,e.status))))).catch((e=>s&&s(e,-1)))}(t,i,s,r);var n=new e.A.XMLHttpRequest;n.onreadystatechange=function(e){4===n.readyState&&(r&&r(n.responseText,n.status),r=void 0)},n.onerror=function(){r&&r(n.responseText,-1),r=void 0},n.open(t,i),s&&n.setRequestHeader("content-type","text/plain"),n.send(s)};const I=new Error("sdk unloaded");var j=r(2840),E=r(172);class D extends j.Mw{render(){var t=this.props.emojiCode;if(e.A.size(t)<3)return null;var i=t.replace(/:/g,"");return(0,E.h)("i",{"data-tooltip":t,class:`emoji emoji--${i}`})}}var U=r(1108);let T=r(2538);class z extends j.Mw{constructor(t){super(t),this.setState({opacity:0,previewEvent:{},displayPreview:!1}),this.loadGreeting(),this.props.store.onUpdate(this,(e=>this.forceUpdate())),this.props.store.onConvoEvent(this,(t=>{if("message_sent"!==e.A.get(t,"type"))return;let i=e.A.get(t,"by.type");if("system"!==i&&"agent"!==i)return;let s=!1;if(e.A.map(e.A.get(t,"data.message.attachments",[]),(e=>{e&&"quick_replies"===e.type&&(s=!0)})),!s){var r=e.A.filter(e.A.map(this.renderMessagePreview(t),(t=>e.A.trim(t))),(e=>e));e.A.size(r)>0&&this.setState({displayPreview:!0,previewEvent:t})}}))}fixMissingSetting(t){return t=e.A.cloneDeep(t),e.A.get(t,"desktop_button.background_image_url")&&(t.desktop_button.background_image_url=this.props.store.replaceFileUrl(t.desktop_button.background_image_url)),e.A.get(t,"desktop_button.background_mask_url")&&(t.desktop_button.background_mask_url=this.props.store.replaceFileUrl(t.desktop_button.background_mask_url)),e.A.get(t,"mobile_button.background_image_url")&&(t.mobile_button.background_image_url=this.props.store.replaceFileUrl(t.mobile_button.background_image_url)),e.A.get(t,"mobile_button.background_mask_url")&&(t.mobile_button.background_mask_url=this.props.store.replaceFileUrl(t.mobile_button.background_mask_url)),t}render(){let t=this.props.plugin.chatbox,i=e.A.get(t,"desktop_button.position")||"right";if(this.props.store.isMobile()&&(i=e.A.get(t,"mobile_button.position")||i,e.A.get(t,"mobile_button.hidden")))return null;if(e.A.get(t,"desktop_button.hidden"))return null;let s="widget-layout widget-layout--"+i,r=this.state.opacity;return this.props.isShow||(s+=" widget-layout--hidden",r=0),(0,E.h)("div",{class:s,style:"opacity: "+r+" !important"},this.renderPreview(),this.renderButton())}ClearPreview(){this.setState({previewEvent:{}})}ShowGreeting(){if(this.props.store.isMobile()&&"acqjeefqeaoiagyfprap"===e.A.get(this.props.plugin,"chatbox.account_id",{}))return;let t=e.A.get(this.props.plugin,"chatbox.greeting",{}),i=this.props.store.matchAgent("*"),s=t.agent_id;s||(s=function(t){var i=e.A.filter(t,(e=>"agent"===e.type));return i[Math.floor(Math.random()*e.A.size(i))]||{}}(i).id);let r=this.props.t.i18n(e.A.get(t,"greeting",{}))||t.message;this.setState({previewEvent:{by:{id:s,type:"agent"},data:{message:{text:r,format:"plaintext"}}},displayPreview:!0})}HideGreeting(){this.setState({previewEvent:{}})}loadGreeting(){let t=this.props.plugin.chatbox;if((new e.A.Date).getTime()-this.props.store.matchClosePreviewAt()<L)return;let i=e.A.get(t,"greeting",{}),s=this.props.t.i18n(e.A.get(i,"greeting",{}))||i.message,r=i.enabled;this.props.store.isMobile()&&(r=r&&!e.A.get(i,"mobile_disabled")),s&&r?this.ShowGreeting():this.setState({previewEvent:{}})}onClick(){let t=this.props.store.matchLastview();return e.A.get(t,"view")&&("list"!==t.view||e.A.size(this.props.store.matchConvo("*"))>0)?this.props.onClick&&this.props.onClick(Object.assign({},t.opts,{view:t.view})):this.onPreviewClick()}onPreviewClick(t){let i=e.A.convoOfEv(this.state.previewEvent);if(!i){let t=e.A.map(this.props.store.matchConvo("*")),s=e.A.find(t,(t=>!e.A.isConvoSeen(t,this.props.store.matchUser().id)));s||(s=t[0]||{}),i=s.id}this.closePreview(t),this.props.onClick&&this.props.onClick({view:"chat",cid:i})}renderUnread(){let e=this.props.store.matchUnread();return 0===e?null:(0,E.h)("div",{class:"chat-button--unread"},e)}renderPreview(){let t=this.props.store.matchAccount(),i=this.props.plugin.chatbox,s=e.A.get(this.state.previewEvent,"by.display_id",e.A.get(this.state.previewEvent,"by.id")),n=e.A.cloneDeep(this.props.store.matchAgent(s))||{};n.fullname=n.fullname||e.A.get(t,"name")||this.props.t("agent"),n.avatar_url=n.avatar_url||T;let o=e.A.get(i,"desktop_button.position")||"right";this.props.store.isMobile()&&(o=e.A.get(i,"mobile_button.position")||o),i&&i.hide_agent_profile&&(n=Object.assign({},t,{avatar_url:t.logo_url||r(3582),fullname:t.name||this.props.t("agent")}));let a="widget-preview widget-preview--"+o;this.state.displayPreview||(a+=" widget-preview--hidden");var l=this.renderMessagePreview(this.state.previewEvent);return 0===e.A.size(l)&&(a+=" widget-preview--hidden"),(0,E.h)("div",{class:a},(0,E.h)("div",{class:"widget-preview--body"},(0,E.h)("img",{alt:"widget avatar",class:"widget-preview--avatar",src:this.props.store.replaceFileUrl(n.avatar_url),onError:e=>this.onProfileError(e),onload:e=>this.onProfileReady()}),(0,E.h)("div",{class:"widget-preview--content",onClick:e=>this.onPreviewClick(e)},(0,E.h)("div",{class:"widget-preview--title"},n.fullname),(0,E.h)("p",{class:"widget-preview--message"},l)),(0,E.h)("div",{class:"widget-preview--btn-close",onClick:e=>this.closePreview(e)})),(0,E.h)("div",{class:"widget-preview--action",onClick:e=>this.onPreviewClick(e)},(0,E.h)("div",{class:"widget-preview--action-text"},this.props.t("chat_now"))))}onProfileReady(){this._buttonLoaded&&this.setState({opacity:1}),this._profileLoaded=!0}onButtonReady(){this._profileLoaded&&this.setState({opacity:1}),this._buttonLoaded=!0}renderButton(){let t=this.props.plugin.chatbox;t=this.fixMissingSetting(t);let i=e.A.get(t,"desktop_button.background_image_url")||e.A.get(t,"desktop_button.background_mask_url")||U,s=e.A.get(t,"background")||R,r=e.A.get(t,"desktop_button.position")||"right",n=e.A.get(t,"desktop_button.background_image_url"),o=e.A.get(t,"desktop_button.background_mask_url"),a=e.A.get(t,"desktop_button.width")||70,l=e.A.get(t,"desktop_button.height")||70;if(this.props.store.isMobile()){i=e.A.get(t,"mobile_button.background_image_url")||e.A.get(t,"mobile_button.background_mask_url")||i,r=e.A.get(t,"mobile_button.position")||r;let s=e.A.get(t,"mobile_button.background_image_url"),c=e.A.get(t,"mobile_button.background_mask_url");a=e.A.get(t,"mobile_button.width")||70,l=e.A.get(t,"mobile_button.height")||70,(s||c)&&(n=s,o=c)}let c="chat-button--white-bg";!n&&o&&(c+=" chat-button--white-bg--mask-only");let h="";n=this.props.store.replaceFileUrl(n),i=this.props.store.replaceFileUrl(i),o=this.props.store.replaceFileUrl(o),n||o||(c+=" chat-button--white-bg--mask-only",h=`\n\t\t\t\t-webkit-mask-image: url("${encodeURI(O)}") !important;\n\t\t\t\t-o-mask-image: url("${encodeURI(O)}") !important;\n\t\t\t\t-moz-mask-image: url("${encodeURI(O)}") !important;\n\t\t\t\tmask-image: url("${encodeURI(O)}") !important;\n\t\t\t\theight: ${l}px !important;\n\t\t\t\twidth: ${a}px !important;\n\t\t\t\tbackground: ${s} !important;\n\t\t\t\tbackground: ${s} !important;\n        mask-size: cover !important;\n        -webkit-mask-size: cover !important;\n        -o-mask-size: cover !important;\n        -moz-mask-size: cover !important;\n        mask-size: cover !important;\n\t\t\t`),n&&o&&(h=`\n\t\t\t\t-webkit-mask-image: url("${encodeURI(o)}") !important;\n\t\t\t\t-o-mask-image: url("${encodeURI(o)}") !important;\n\t\t\t\t-moz-mask-image: url("${encodeURI(o)}") !important;\n\t\t\t\tmask-image: url("${encodeURI(o)}") !important;\n\t\t\t\tbackground-image: url("${encodeURI(n)}") !important;\n\t\t\t\tbackground-repeat: no-repeat !important;\n        -webkit-mask-size: cover !important;\n        -o-mask-size: cover !important;\n        -moz-mask-size: cover !important;\n        mask-size: cover !important;\n\t\t\t`),n&&!o&&(h=`\n\t\t\t\tbackground-image: url("${encodeURI(n)}") !important;\n\t\t\t\tbackground-repeat: no-repeat !important;\n\t\t\t`),!n&&o&&(h=`\n\t\t\t\t-webkit-mask-image: url("${encodeURI(o)}") !important;\n\t\t\t\t-o-mask-image: url("${encodeURI(o)}") !important;\n\t\t\t\t-moz-mask-image: url("${encodeURI(o)}") !important;\n\t\t\t\tmask-image: url("${encodeURI(o)}") !important;\n\t\t\t\theight: ${l}px !important;\n\t\t\t\twidth: ${a}px !important;\n\t\t\t\tbackground: ${s} !important;\n        -webkit-mask-size: cover !important;\n        -o-mask-size: cover !important;\n        -moz-mask-size: cover !important;\n        mask-size: cover !important;\n\t\t\t`);let u="chat-button chat-button--"+r,d=`\n\t\t\twidth: ${a-4}px !important;\n\t\t\theight: ${l-4}px !important;\n\n    `;return(0,E.h)("div",{class:u,onClick:e=>this.onClick(e)},(0,E.h)("div",{class:c,style:d}),(0,E.h)("div",{class:"chat-button--img-container",style:h},(0,E.h)("img",{width:"70",height:"70",alt:"chat button",class:"chat-button--img",onload:()=>this.onButtonReady(),src:i,onError:(e,t)=>this.onChatButtonError(e,t)})),this.renderUnread())}onProfileError(e){e.target.src=T,this.onProfileReady()}onChatButtonError(e){this._onChatButtonErrorExecuted||(this._onChatButtonErrorExecuted=!0,e.target.src=U)}renderMessagePreview(t,i){i=i||this.props.t("sent_you_a_message");let s=e.A.get(t,"data.message.text");var r=e.A.get(t,"data.message.format");if("delta"===r)return this.renderDeltaMessagePreview(t,i);if(r&&"plaintext"!==r&&(s=i),!s&&e.A.size(e.A.get(t,"data.message.attachments"))>0&&(s=i),!s)return null;let n=e.A.get(t,"by.type");return e.A.extractText(s).map((e=>"emoji"===e.type?(0,E.h)(D,{emojiCode:e.text,byType:n}):e.text))}renderDeltaMessagePreview(t,i){i=i||this.props.t("sent_you_a_message");let s=e.A.get(t,"data.message.quill_delta");if(!s&&e.A.size(e.A.get(t,"data.message.attachments"))>0&&(s=i),!s)return;let r=e.A.parseJSON(s)||{};return r&&0!==e.A.size(r.ops)?e.A.map(r.ops,(t=>{let i=t.insert;return t.attributes,i.dynamicField?e.A.get(i,"dynamicField.text",""):i.emoji?(0,E.h)(D,{emojiCode:`:${i.emoji}:`}):"string"==typeof i?i:null})):null}closePreview(e){e&&(e.preventDefault(),e.stopPropagation()),this.setState({displayPreview:!1}),this.props.store.closePreview(),this.forceUpdate()}}const L=18e5,O="https://vcdn.subiz-cdn.com/file/bubble_11.svg?v=5",R="linear-gradient(280.16deg, #0053d3 22.03%, #0265ff 78.2%)";var F=r(9529);function $(e){if(e.store.isMobile())return null;let t=e.store.matchUser()||{};var i=`https://subiz.com.vn/?utm_source=${window.location.host||`id-${t.account_id}`}&utm_medium=widget&utm_campaign=widget_referral`;return(0,E.h)("div",{class:"poweredby"},(0,E.h)("a",{href:i,class:"poweredby--text",target:"_blank",title:"Subiz"},(0,E.h)("img",{width:"14",height:"10",class:"poweredby--subiz-logo",src:F,alt:"powerred by subiz"})," Subiz"))}function q(t){let i=t.plugin.chatbox,s=t.store.matchAccount()||{};var n=t.tooltipPos||"bottom",o=t.mode||"primary";if(i&&i.hide_agent_profile)return(0,E.h)("div",{class:`group-avatar group-avatar--${o}`},(0,E.h)("div",{class:"d-inline-block pos-relative","data-tooltip":s.name,"data-tooltip-position":n},(0,E.h)("img",{width:35,height:35,alt:"agent avatar left",class:"avatar group-avatar--agent-left",src:t.store.replaceFileUrl(s.logo_url)||r(3582)})));let a=t.store.matchAgent("*");var l=e.A.map(t.agent_ids,(e=>a[e]));if(void 0===t.agent_ids||0===e.A.size(t.agent_ids)){var c=e.A.get(i,"header.agent_ids",[]);l=0!==(c=e.A.filter(c,(e=>!!a[e]))).length?e.A.map(c,(e=>a[e])):e.A.filter(a,(e=>"agent"===e.type))}if(0===(l=e.A.filter(l,(e=>!!e))).length)return(0,E.h)("div",{class:`group-avatar group-avatar--${o}`},(0,E.h)("div",{class:"d-inline-block pos-relative","data-tooltip":s.name,"data-tooltip-position":n},(0,E.h)("img",{width:35,height:35,alt:"agent avatar left",class:"avatar group-avatar--agent-left",src:t.store.replaceFileUrl(s.logo_url)||r(3582)})));if(1===l.length){var h=l[0],u="primary"===o?"group-avatar--agent-middle":"group-avatar--agent-left";return(0,E.h)("div",{class:`group-avatar group-avatar--${o}`},(0,E.h)("div",{class:"d-inline-block pos-relative","data-tooltip":h.fullname||s.name,"data-tooltip-position":n},(0,E.h)("img",{width:35,height:35,class:`avatar ${u}`,alt:"agent avatar",src:t.store.replaceFileUrl(h.avatar_url)||r(2538)})))}if(2===l.length){let e=l[0],i=l[1];return(0,E.h)("div",{class:`group-avatar group-avatar--${o}`},(0,E.h)("div",{class:"d-inline-block pos-relative","data-tooltip":e.fullname||s.name,"data-tooltip-position":n},(0,E.h)("img",{width:35,height:35,alt:"agent avatar left",class:"avatar group-avatar--agent-left",src:t.store.replaceFileUrl(e.avatar_url)||r(2538)})),(0,E.h)("div",{class:"d-inline-block pos-relative","data-tooltip":i.fullname||s.name,"data-tooltip-position":n},(0,E.h)("img",{alt:"agent avatar right",width:35,height:35,class:"avatar group-avatar--agent-right",src:t.store.replaceFileUrl(i.avatar_url)||r(2538)})))}let d=l[0],p=l[1],m=l[2];return(0,E.h)("div",{class:`group-avatar group-avatar--${o}`},(0,E.h)("div",{class:"d-inline-block pos-relative","data-tooltip":d.fullname||s.name,"data-tooltip-position":n},(0,E.h)("img",{width:35,height:35,alt:"agent avatar left",class:"avatar group-avatar--agent-left",src:t.store.replaceFileUrl(d.avatar_url)||r(2538)})),(0,E.h)("div",{class:"d-inline-block pos-relative","data-tooltip":p.fullname||s.name,"data-tooltip-position":n},(0,E.h)("img",{alt:"agent avatar middle",width:35,height:35,class:"avatar group-avatar--agent-middle",src:t.store.replaceFileUrl(p.avatar_url)||r(2538)})),(0,E.h)("div",{class:"d-inline-block pos-relative","data-tooltip":m.fullname||s.name,"data-tooltip-position":n},(0,E.h)("img",{width:35,height:35,alt:"agent avatar right",class:"avatar group-avatar--agent-right",src:t.store.replaceFileUrl(m.avatar_url)||r(2538)})))}class W extends j.Mw{constructor(e){super(e)}render(){let t="widget-header",i=!1,s=!1,r=this.props.plugin.chatbox||{},n=e.A.get(r,"header.layout"),o="list"!==this.props.view&&!0,a=!o&&"classic"===n;return o||"classic"==n?t+=" widget-header--collapsed":(t+=" widget-header--convo-expanded",i="social"===n,s=!(i||a)),(0,E.h)("div",{class:t},this.renderCollapsedHeader(o||a,a),this.renderSocial(i),this.renderTeam(s))}renderCollapsedHeader(t,i){let s=this.props.plugin.chatbox||{},r=(this.props.store.matchAccount()||{}).is_online?this.props.t("agent_online"):this.props.t("agent_offline"),n=e.A.get(s,"tagline",{}),o=this.props.t.i18n(n)||s.introduction||r,a=e.A.map(this.getAgentJoined(this.props.cid),(e=>e.id)),l="widget-header--inner widget-header--inner--collapsed";t||(l+=" widget-header--inner--hidden");let c=null,h="";return i?h="padding-bottom: 75px !important;":c=this.renderBackButton(),(0,E.h)("div",{class:l,style:h},c,(0,E.h)(q,{plugin:this.props.plugin,store:this.props.store,mode:"secondary",agent_ids:a}),(0,E.h)("div",{class:"widget-header--title-container"},(0,E.h)("div",{class:"widget-header--title"},this.getTitle()),(0,E.h)("div",{class:"widget-header--description",title:o},o)),this.renderCloseButton())}renderSocial(t){let i=this.props.plugin.chatbox||{},s=this.props.store.matchAccount()||{},r=e.A.get(i,"header.links")||[],n=e.A.map(r,(e=>e.url&&e.type&&"subiz"!==e.type?"email"===e.type?(0,E.h)("div",null,(0,E.h)("a",{href:`mailto:${e.url}`,title:e.url},(0,E.h)("i",{class:`social__links-logo social__links-logo--${e.type}`}))):(0,E.h)("div",null,(0,E.h)("a",{href:e.url,target:"_blank",title:e.url},(0,E.h)("i",{class:`social__links-logo social__links-logo--${e.type}`}))):null)),o=e.A.get(i,"tagline",{});var a=this.props.t.i18n(o)||i.introduction||this.props.t("team_intro")||"Chúng tôi sẵn sàng trợ giúp :wave:.\nVui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi của bạn",l=e.A.extractText(a).map((e=>"emoji"===e.type?(0,E.h)(D,{emojiCode:e.text}):e.text));let c="widget-header--inner widget-header--inner--expanded";return t||(c+=" widget-header--inner--hidden"),(0,E.h)("div",{class:c},(0,E.h)("div",{class:"widget-header-expand-container"},(0,E.h)("div",{class:"widget-header--top-wrapper"},(0,E.h)("div",{class:"widget-header--title"},this.getTitle()),this.renderCloseButton()),(0,E.h)("div",{class:"widget_header__body widget_header__body__social"},(0,E.h)("img",{alt:"logo",class:"social__account_logo",src:this.props.store.replaceFileUrl(e.A.get(s,"logo_url"))}),(0,E.h)("div",null,(0,E.h)("div",{class:"social__introduction"},l),(0,E.h)("div",{class:"social__links"},n)))))}renderTeam(t){let i=this.props.plugin.chatbox||{},s=e.A.get(i,"tagline",{});var r=this.props.t.i18n(s)||i.introduction||this.props.t("team_intro")||"Chúng tôi sẵn sàng trợ giúp :wave:.\nVui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi của bạn",n=e.A.extractText(r).map((e=>"emoji"===e.type?(0,E.h)(D,{emojiCode:e.text}):e.text));let o="widget-header--inner widget-header--inner--expanded";return t||(o+=" widget-header--inner--hidden"),(0,E.h)("div",{class:o},(0,E.h)("div",{class:"widget-header-expand-container"},(0,E.h)("div",{class:"widget-header--top-wrapper"},(0,E.h)("div",{class:"widget-header--title"},this.getTitle()),this.renderCloseButton()),(0,E.h)("div",{class:"widget_header__body"},(0,E.h)("div",{class:"widget-header--avatar-wrapper"},(0,E.h)(q,{plugin:this.props.plugin,store:this.props.store,mode:"primary"})),(0,E.h)("div",{class:"widget-header--title-container"},(0,E.h)("div",{class:"widget-header--description"},n)))))}getTitle(){let t=this.props.plugin.chatbox||{},i=this.props.store.matchAccount()||{},s=this.getAgentJoined(this.props.cid),r=e.A.get(this.props.plugin,"chatbox.caption",{}),n=this.props.t.i18n(r)||t.title;return B(s)||n||i.name||this.props.t("widget_title")}renderBackButton(){let t=this.props.store.matchConvo("*");if(0===e.A.size(t))return null;var i=null;let s=this.props.store.matchUser(),r=0;return e.A.map(t,(t=>{t.id!=this.props.cid&&(e.A.isConvoSeen(t,s.id)||r++)})),0!==r&&(i=(0,E.h)("span",{class:"widget-header--total-unread-convo"},r)),(0,E.h)("div",{class:"widget-header--wrap-button-back "+(r?"widget-header--has-convo-unred":""),onClick:e=>this.onBackClick(e)},(0,E.h)("div",{class:"widget-header--button-back","data-tooltip":this.props.t("menu_back")}),i)}renderCloseButton(){return(this.props.plugin.chatbox||{}).hide_close_button?null:(0,E.h)("div",{class:"widget-header--button widget-header--button-close","data-tooltip":this.props.t("close"),"data-tooltip-position":"bottom",onClick:e=>this.onCloseClick(e)},(0,E.h)("span",{class:"widget-header--button-close-icon"}))}onBackClick(e){e.stopPropagation(),e.preventDefault(),this.props.onGotoList&&this.props.onGotoList()}onCloseClick(e){e.stopPropagation(),e.preventDefault(),this.props.onClose&&this.props.onClose()}getAgentJoined(t){var i=this.props.store.matchConvo(t)||{};return e.A.filter(i.members,(e=>"agent"===e.type&&"active"===e.membership))}}let B=t=>(t=e.A.filter(t,(t=>e.A.trim(t.fullname)))).length?e.A.map(t,(e=>e.fullname)).join(", "):null;class G extends j.Mw{constructor(t){var i,s,r;super(t),i=this,s="onEnter",r=e.A.throttle((function(){this.submitMessage()}),50),(s=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var s=i.call(e,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(s))in i?Object.defineProperty(i,s,{value:r,enumerable:!0,configurable:!0,writable:!0}):i[s]=r,this.refFileInput=(0,E._3)(),this.refMessageInput=(0,E._3)(),this.props.store.onUpdate(this,(e=>this.forceUpdate())),this.props.store.onConvoEvent(this,(t=>{e.A.convoOfEv(t)===this.props.cid&&this.forceUpdate()})),this.focus(),this._forceUpdate=e.A.throttle((()=>{this.forceUpdate()}),500),this.resizeInput=e.A.throttle((function(){const e=this.refMessageInput.current;e.style.setProperty("height","1em","important");const t=Math.min(200,e.scrollHeight);e.style.setProperty("height",`${t}px`,"important")}),5)}blur(){const e=this.refMessageInput.current;e&&e.blur()}render(){var t=(0,E.h)("div",{class:"d-flex flex-row align-self-end"},this.renderEmoji(),(0,E.h)("div",{"data-tooltip-poasition":"top-left",class:"message-input--button message-input--attachment-button",onClick:e=>this.selectFile(e)}));e.A.trim(this.refMessageInput.current&&this.refMessageInput.current.value).length>0&&(t=(0,E.h)("div",{class:"d-flex flex-row align-self-end"},this.renderEmoji(),(0,E.h)("div",{"data-tooltip-position":"top-left",class:"message-input--button message-input--send-button",onClick:()=>this.submitMessage()})));var i="",s=this.hasUnfinishRequiredFormOrLock()||this.props.disabled;return s&&(i="message-input--disabled"),(0,E.h)("div",{class:`message-input ${i}`,onClick:e=>{this.refMessageInput.current&&this.refMessageInput.current.focus()}},(0,E.h)("input",{class:"d-none",ref:this.refFileInput,type:"file",onChange:e=>this.sendFile(e),multiple:!0}),(0,E.h)("textarea",{disabled:s,class:"message-input--input",maxlength:"1024",placeholder:this.props.t("message_input_help"),ref:this.refMessageInput,rows:"1",onInput:e=>this.onChange(e),onPaste:e=>this.pasteImage(e),"data-emojiable":"true",onKeydown:e=>this.onKeydown(e)}),t)}hasUnfinishRequiredFormOrLock(){let t=this.props.store.matchConvo(this.props.cid);if("ended"===e.A.get(t,"state"))return!1;let i=this.props.store.listEvents(this.props.cid);i=e.A.orderBy(i,"created","desc").filter((e=>"message_sent"===e.type));let s=e.A.get(i[0],"data.message.attachments",[]);if(e.A.find(s,(t=>e.A.get(t,"lock_input"))))return!0;var r;for(let t of i)if("user"!==e.A.get(t,"by.type")){r=t;break}s=e.A.get(r,"data.message.attachments",[]);let n=e.A.filter(s,(t=>{if(!t)return!1;if("form"!==t.type&&"ask_info_form"!==t.type)return!1;var i=t.form;return!(!i||!(e.A.parseJSON(i.state)||{}).require_finished&&"ask_info_form"!==t.type||function(t){let i=e.A.get(t,"fields")||[];return e.A.find(i,(e=>!!e.answered))}(t.form))}));return e.A.size(n)>0}renderEmojiPopup(){return this.state.openEmoji?(0,E.h)("div",{class:"emoji-picker","v-clickaway":e=>this.setState({openEmoji:!1})},(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":like:"),"data-tooltip":":like:",class:"emoji-picker--item emoji--like"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":unlike:"),"data-tooltip":":unlike:",class:"emoji-picker--item emoji--unlike"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":angry:"),"data-tooltip":":angry:",class:"emoji-picker--item emoji--angry"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":confused:"),"data-tooltip":":confused:",class:"emoji-picker--item emoji--confused"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":crying:"),"data-tooltip":":crying:",class:"emoji-picker--item emoji--crying"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":grinning:"),"data-tooltip":":grinning:",class:"emoji-picker--item emoji--grinning"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":heart-eyes:"),"data-tooltip":":heart-eyes:",class:"emoji-picker--item emoji--heart-eyes"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":neutral:"),"data-tooltip":":neutral:",class:"emoji-picker--item emoji--neutral"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":sad:"),"data-tooltip":":sad:",class:"emoji-picker--item emoji--sad"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":sleepy:"),"data-tooltip":":sleepy:",class:"emoji-picker--item emoji--sleepy"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":smiling:"),"data-tooltip":":smiling:",class:"emoji-picker--item emoji--smiling"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":surprised:"),"data-tooltip":":surprised:",class:"emoji-picker--item emoji--surprised"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":tired:"),"data-tooltip":":tired:",class:"emoji-picker--item emoji--tired"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":tongue-out:"),"data-tooltip":":tongue-out:",class:"emoji-picker--item emoji--tongue-out"})),(0,E.h)("div",{class:"emoji-picker-background-item"},(0,E.h)("div",{onClick:()=>this.emojiPick(":wink:"),"data-tooltip":":wink:",class:"emoji-picker--item emoji--wink"}))):null}focus(){this.props.disabled||(this.refMessageInput.current&&this.refMessageInput.current.focus(),e.A.setTimeout((()=>{this.refMessageInput.current&&this.refMessageInput.current.focus()})),e.A.setTimeout((()=>{this.refMessageInput.current&&this.refMessageInput.current.focus()}),100))}renderEmoji(){return(0,E.h)("div",null,this.renderEmojiPopup(),(0,E.h)("div",{class:"message-input--button message-input--emoji-button",onClick:e=>this.toggleEmoji(e)}))}toggleEmoji(e){e.stopPropagation(),this.focus(),this.props.disabled||this.setState({openEmoji:!this.state.openEmoji})}emojiPick(e){const t=this.refMessageInput.current,i=t.selectionStart,s=this.refMessageInput.current.value;this.setState({openEmoji:!1}),this.refMessageInput.current.value=[s.slice(0,i),e,s.slice(i)].join(""),this.resizeInput(),t.focus()}onKeydown(e){if(13===e.keyCode&&!1===e.shiftKey)return this.onEnter(),e.preventDefault();this._forceUpdate(),this.sendTyping()}onChange(){this.resizeInput()}selectFile(){this.props.disabled||this.refFileInput.current.click()}sendFile(){let e=this.refFileInput.current;this._sendFile(e.files),e.value=""}_sendFile(t){if(0===e.A.size(t))return;if(this.props.disabled)return;let i=e.A.map(t,(e=>({type:"file",mimetype:e.type,name:e.name,_file:e,size:e.size})));this.props.onSend&&this.props.onSend({attachments:i})}async submitMessage(t){(t=t||e.A.trim(this.refMessageInput.current.value)||"")&&(this.props.disabled||(this.refMessageInput.current.value="",this.resizeInput(),this.setState({openEmoji:!1}),this.props.onSend&&this.props.onSend({text:t,format:"plaintext"})))}sendTyping(){if(this.props.cid)return this.props.store.typing(this.props.cid)}pasteImage(t){if(!(window.File&&window.FileReader&&window.FileList&&window.Blob))return;let i=new e.A.Date;const s=`Paste-image-${i.getFullYear()}-${i.getMonth()+1}-${i.getDate()}-${i.getHours()}-${i.getMinutes()}-${i.getSeconds()}`;let r=null;const n=t.clipboardData.items[0];if(0===n.type.indexOf("image")&&(r=n.getAsFile()),!r)return;const o=[r,new ArrayBuffer],a=new File(o,`${s}.png`,{type:"image/png"});this._sendFile([a])}}class H extends j.Mw{constructor(e){var t,i,s;super(e),t=this,i="containerRef",s=(0,E._3)(),(i=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var s=i.call(e,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(i))in t?Object.defineProperty(t,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[i]=s,this.setState({ready:!1,errorIndecies:[]})}componentDidMount(){this.setImageFrameDimension()}setImageFrameDimension(){let e=this.containerRef.current;this.frameWidth=e?e.offsetWidth:267,this.frameHeight=240,this.setState({ready:!0})}onErrorImage(e){let t=this.state.errorIndecies||[];t.push(e),t=[...t],this.setState({errorIndecies:t})}calculateImageDimension(e){if(!e.width||!e.height)return{width:this.frameWidth,height:this.frameHeight};if(e.width/e.height-this.frameWidth/this.frameHeight>=0){let t=this.frameWidth,i=e.height*this.frameWidth/e.width;return i=Math.round(i),{width:t,height:i}}{let t=this.frameHeight,i=e.width*this.frameHeight/e.height;return i=Math.round(i),{width:i,height:t}}}renderImage(t,i){if(!this.state.ready)return;let s=e.A.get(this.props.ev,"by.type");if(!t.width||!t.height)return(0,E.h)("div",{class:`image-attachment image-attachment--${s}`},(0,E.h)("a",{href:this.props.store.replaceFileUrl(t.url),target:"_blank"},(0,E.h)("img",{alt:!0,class:"image-attachment__img",src:this.props.store.replaceFileUrl(t.thumbnail_url||t.url),onload:e=>this.props.onLoad&&this.props.onLoad()})));let{width:n,height:o}=this.calculateImageDimension(t),a=this.props.store.replaceFileUrl(t.thumbnail_url||t.url),l=this.props.store.replaceFileUrl(t.url);return this.state.errorIndecies.includes(i)&&(a=r(2876),l=a),(0,E.h)("div",{class:`image-attachment image-attachment--${s}`},(0,E.h)("a",{href:l,target:"_blank"},(0,E.h)("img",{alt:!0,ref:e=>{e&&(e.style.setProperty("width",`${n}px`,"important"),e.style.setProperty("height",`${o}px`,"important"))},class:"image-attachment__img",src:a,onload:e=>this.props.onLoad&&this.props.onLoad(),onerror:e=>this.onErrorImage(i)})))}render(){var t=e.A.get(this.props.ev,"data.message.attachments",[]),i=[];let s=e.A.get(this.props.ev,"by.type");if(e.A.each(t,((t,s)=>{if(t&&e.A.includes(t.mimetype,"image")&&t.url){var r=t.url;r.startsWith("https://")||r.startsWith("http://")||r.startsWith("content://")||r.startsWith("data:")||(t.url=this.props.store.FileURL+r),i.push(t)}})),0===i.length)return null;let r=e.A.map(i,((e,t)=>this.renderImage(e,t)));return"agent"===s?(0,E.h)("div",{class:"message-agent",ref:this.containerRef},r):(0,E.h)("div",{class:"message-user message-user-images-container",ref:this.containerRef},r)}}function N(t){let i=e.A.get(t.ev,"by.type");var s=e.A.get(t.ev,"data.message.attachments",[]),r=[];if(e.A.each(s,((t,i)=>{t&&e.A.includes(t.mimetype,"audio")&&r.push(t)})),0===r.length)return null;var n=e.A.map(r,((e,s)=>(0,E.h)("div",{key:s,class:`audio-attachment audio-attachment--${i}`},(0,E.h)("audio",{class:"audio-attachment__audio",controls:!0},(0,E.h)("source",{src:t.store.replaceFileUrl(e.url),type:e.mimetype})))));return(0,E.h)("div",{class:`message-${i} message-${i}-audio`},n)}class V extends j.Mw{render(){var t=e.A.get(this.props.ev,"by.type","agent"),i=e.A.get(this.props.ev,"data.message.attachments",[]),s=[];if(e.A.each(i,(t=>{t&&(t.url||t._file)&&(e.A.includes(t.mimetype,"video")||e.A.includes(t.mimetype,"audio")||e.A.includes(t.mimetype,"image")||"button"===t.type||"quick_replies"===t.type||"form"===t.type||"form_submit"===t.type||s.push(t))})),0===s.length)return null;var r=e.A.map(s,((e,i)=>(0,E.h)("div",{key:i,class:`file-attachment file-attachment--${t}`},(0,E.h)("a",{class:"file-attachment--link",href:this.props.store.replaceFileUrl(e.url),target:"_blank"},(0,E.h)("span",{class:"file-attachment--download mr-2"}),(0,E.h)("span",{class:"file-attachment--filename"},e.name)))));return(0,E.h)("div",{class:`message-${t}`},r)}}function J(t){if(0===e.A.size(t.buttons))return null;var i=e.A.map(t.buttons,((e,i)=>"call_button"===e.type?(0,E.h)("a",{class:"url-button-attachment",href:"tel:"+e.phone_number,key:i,title:e.title},t.t.i18n(e.i18n_title)||e.title):"url_button"===e.type?(0,E.h)("a",{class:"url-button-attachment",href:e.url,target:"_blank",key:i,title:e.title},t.t.i18n(e.i18n_title)||e.title||e.url):"postback_button"===e.type?(0,E.h)("a",{class:"url-button-attachment",href:"javascript:;",onClick:i=>t.onSelect(e)},t.t.i18n(e.i18n_title)||e.title):("widget_ask_desktop_notify_button"===e.type||e.type,null)));return(0,E.h)("div",{class:"button-attachments"},i)}function Q(t){if("user"===e.A.get(t.ev,"by.type"))return null;let i=[],s=e.A.get(t.ev,"data.message.attachments",[]);return e.A.each(s,((t,s)=>{t&&"button"===e.A.get(t,"type")&&e.A.each(e.A.get(t,"buttons")||[],(e=>i.push(e)))})),(0,E.h)(J,{store:t.store,buttons:i,t:t.t})}class Y extends j.Mw{constructor(e){super(e)}render(){if("user"===e.A.get(this.props.ev,"by.type"))return null;let t=[];if(e.A.map(e.A.get(this.props.ev,"data.message.attachments",[]),(i=>{i&&"quick_replies"===i.type&&(t=e.A.get(i,"quick_replies",[]))})),t=e.A.filter(t,(e=>e.title)),0===t.length)return null;let i=e.A.convoOfEv(this.props.ev),s=this.props.store.matchConvo(i);if("ended"===e.A.get(s,"state"))return null;let r=e.A.map(this.props.store.listEvents(i));r=e.A.orderBy(r,"created","asc").filter((e=>"message_sent"===e.type));let n=0;for(var o=0;o<r.length;o++)if(r[o].id===this.props.ev.id){n=o;break}for(o=n+1;o<r.length;o++)if("user"===e.A.get(r[o],"by.type"))return null;let a=e.A.map(t,(e=>(0,E.h)("div",{class:"message_quick_reply",onClick:t=>this.props.onSelect(e)},e.title)));return(0,E.h)("div",{class:"message_quick_replies"},a)}}class X extends j.Mw{constructor(e){super(e),this.setState({search:"",isShow:!1})}render(){let t=e.A.filter(this.props.items,(e=>{let t=this.state.search.toLowerCase();return(e||"").toLowerCase().indexOf(t)>-1})),i=e.A.map(t,(e=>(0,E.h)("li",{class:"custom-select--item-options",onClick:()=>this.add(e)},e))),s=e.A.map(this.props.selected,((e,t)=>(0,E.h)("div",{class:"custom-select--selected-item",onClick:e=>this.remove(e,t)},e,(0,E.h)("i",{class:"icn-delete delete-tag"})))),r=(0,E.h)("div",{class:"custom-select--wrap-options"},(0,E.h)("input",{onClick:e=>{e.preventDefault(),e.stopPropagation(),this.setState({isShow:!0})},type:"text",onInput:e=>this.setState({search:e.target.value}),value:this.state.search,placeholder:"Tìm kiếm",class:"custom-select--input-search"}),(0,E.h)("ul",{class:"custom-select--items-options"},i));return this.state.isShow||(r=null),(0,E.h)("div",{class:"form-control custom-select"},(0,E.h)(j.tW,{onClickaway:e=>this.clickaway()},(0,E.h)("div",{class:"custom-select--wrap-selected",onClick:()=>this.setState({isShow:!this.state.isShow})},(0,E.h)("div",{class:"custom-select--selected-items"},s),r,(0,E.h)("div",{class:"custom-select--icon-dropdown"},(0,E.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,E.h)("g",{opacity:"0.6"},(0,E.h)("path",{d:"M7 9.5L12 14.5L17 9.5H7Z",fill:"black"})))))))}clickaway(){this.setState({isShow:!1})}add(e){this.props.onAddItem&&this.props.onAddItem(e)}remove(e,t){e.preventDefault(),e.stopPropagation(),this.props.onRemoveItem&&this.props.onRemoveItem(t)}}class K extends j.Mw{constructor(t){super(t),this.props.store.onUpdate(this,(e=>this.forceUpdate()));let i=this.props.store.matchUser(),s=e.A.get(this.props.form,"fields")||[],r=e.A.map(s,(t=>{let s=t.is_required||!1;var r=e.A.parseJSON(t.state)||{};s||(s=r.require||!1);var n=e.A.getUserAttr(i,t.name,r.type||"text");return{name:t.name,items:t.items,value:e.A.parseJSON(t.answer)||e.A.parseJSON(t.default_answer)||n,is_required:s,label:t.title,type:t.input_type}}));this.setState({formData:r})}isSummited(){return!!e.A.find(this.state.formData,(e=>!!e.answered))||"ended"===this.props.store.matchConvo(e.A.convoOfEv(this.props.ev)).state}render(){if(0===e.A.size(this.state.formData))return null;let t=this.renderFields(),i=null;return this.isSummited()||(i=(0,E.h)("div",{class:"mt-2"},(0,E.h)("button",{onClick:e=>this.submit(),type:"button",class:"form-attachment--submit-btn"},this.props.t("btn_submit_form_attachment")))),(0,E.h)("div",{class:"form-attachment",onClick:e=>e.stopPropagation()},this.props.t(this.props.form.title)||this.props.t("capture_lead_title"),t,i)}focus(){if(this.props.store.isPreview)return;if(0===e.A.size(this.state.formData))return;let t;if(this.isFormFilled()){var i=Object.keys(this.state.formData),s=i[e.A.size(i)-1];t=this["field."+Z(this.state.formData[s].name)]}else{var r=this.firstUnfilledField();if(!r)return;t=this["field."+Z(r.name)]}t&&t.focus()}firstUnfilledField(){return e.A.find(this.state.formData,(e=>null==e.value||""===e.value))}isFormFilled(){return!e.A.find(this.state.formData,(e=>null==e.value||""===e.value))}onInputChange(t,i){let s=e.A.cloneDeep(this.state.formData);s[t].value=i,this.setState({formData:s})}onListAddItem(t,i){let s=e.A.cloneDeep(this.state.formData),r=s[t];r.value=r.value||[],r.value.push(i),this.setState({formData:s})}onListRemoveItem(t,i){let s=e.A.cloneDeep(this.state.formData),r=s[t];r.value=r.value||[],r.value.splice(i,1),this.setState({formData:s})}renderFields(){if(0===e.A.size(this.state.formData))return null;let t=null;return t=e.A.map(this.state.formData,((t,i)=>{let s=null;var r=t.error?"input--error":"";if("text"===t.type)s=this.isSummited()?(0,E.h)("div",{class:"form-control--container"},(0,E.h)("input",{disabled:!0,ref:e=>{this["field."+Z(t.name)]=e},value:t.value,onInput:e=>this.onInputChange(i,e.target.value),class:`form-control ${r}`,type:"text"}),(0,E.h)("i",{class:"form-control--check"})):(0,E.h)("input",{ref:e=>{this["field."+Z(t.name)]=e},value:t.value,onInput:e=>this.onInputChange(i,e.target.value),class:`form-control ${r}`,type:"text"});else if("number"===t.type)s=this.isSummited()?(0,E.h)("div",{class:"form-control--container"},(0,E.h)("input",{disabled:!0,ref:e=>{this["field."+Z(t.name)]=e},value:t.value,onInput:e=>this.onInputChange(i,e.target.value),class:`form-control ${r}`,type:"number"}),(0,E.h)("i",{class:"form-control--check"})):(0,E.h)("input",{ref:e=>{this["field."+Z(t.name)]=e},value:t.value,onInput:e=>this.onInputChange(i,e.target.value),class:`form-control ${r}`,type:"number"});else if("boolean"===t.type)s=(0,E.h)("div",{class:"checkbox"},(0,E.h)("input",{ref:e=>{this["field."+Z(t.name)]=e},type:"checkbox",id:"checkbox."+this.props.ev.id+"."+t.name,onChange:e=>this.onInputChange(i,ev.target.checked),checked:t.value}),(0,E.h)("label",{class:"checkbox--label",for:"checkbox."+this.props.ev.id+"."+t.name},t.label),(0,E.h)("div",{class:"checkbox--check"},(0,E.h)("div",null)));else if("list"===t.type){let r=t.value||[],n=e.A.filter(e.A.get(t,"items",[]),(e=>!r.includes(e)));s=(0,E.h)(X,{selected:r,items:n,onAddItem:e=>this.onListAddItem(i,e),onRemoveItem:e=>this.onListRemoveItem(i,e)})}else"datetime"===t.type&&(s=(0,E.h)("input",{ref:e=>{this["field."+Z(t.name)]=e},value:t.value,onInput:e=>this.onInputChange(i,e.target.value),class:`form-control ${r}`,type:"date"}));let n=t.label;return"fullname"===t.name?n=this.props.t("fullname"):"emails"===t.name?n=this.props.t("email"):"phones"===t.name&&(n=this.props.t("phones")),(0,E.h)("div",null,(0,E.h)("p",{class:"label mt-3"},n,t.is_required?(0,E.h)("span",{class:"ml-1 red"},"*"):""),t.error?(0,E.h)("div",{class:"form-control--valid-input--error"},t.error):"",s)})),(0,E.h)("div",null,t)}async submit(){var t=!1;if(e.A.map(this.state.formData,(i=>{i.is_required&&(void 0===i.value||""===i.value||0===e.A.size(i.value)&&Array.isArray(i.value))?(i.error=this.props.t("error_empty"),t=!0):i.error="","emails"===i.name&&i.value&&(e.A.isEmail(i.value)||(i.error=this.props.t("error_email_invalid"),t=!0))})),this.forceUpdate(),t)return;let i={},s=e.A.cloneDeep(this.state.formData);e.A.map(s,(t=>{var s={key:t.name};t.answered=(new e.A.Date).getTime(),"number"===t.type&&(s.number=parseInt(t.value),t.answer=e.A.stringify(s.number)),"datetime"===t.type&&(s.datetime=new e.A.Date(t.value).toISOString(),t.answer=e.A.stringify(s.datetime)),"list"===t.type&&(s.list=t.value,t.answer=e.A.stringify(s.list)),"text"!==t.type&&"boolean"!==t.type||(s[t.type]=t.value,t.answer=e.A.stringify(t.value)),e.A.setUserAttr(i,s)})),e.A.map(s,(t=>{let i=e.A.find(this.props.form.fields,(e=>e.name===t.name));i&&(i.answered=t.answered)})),this.setState({formData:s}),this.props.store.setUser(i);let r={attachments:[{type:"form_submit",form_submit:{state:'{"user_id":"'+this.props.store.matchUser().id+'"}',form_message_id:e.A.get(this.props.ev,"id"),fields:s}}]},n=e.A.convoOfEv(this.props.ev);this.props.store.sendConvoEvent(n,"message_sent",{message:r}),this.props.onSubmit&&this.props.onSubmit()}}function Z(e){return btoa(e).split("=").join("")}class ee extends j.Mw{constructor(e){super(e)}render(){if("user"===e.A.get(this.props.ev,"by.type"))return;let t=[],i=e.A.get(this.props.ev,"data.message.attachments")||[];e.A.each(i,(e=>{e&&("form"!==e.type&&"ask_info_form"!==e.type||(e.form._type=e.type,t.push(e.form)))}));let s=e.A.map(t,((e,t)=>(0,E.h)(K,{store:this.props.store,onSubmit:this.props.onSubmit,ref:e=>{this["form."+t]=e},key:t,form:e,ev:this.props.ev,t:this.props.t})));return 0===s.length?null:(0,E.h)("div",{class:"message-agent"},s)}focus(){var e=this["form.0"];e&&e.focus()}}class te extends j.Mw{constructor(e){super(e)}render(){return null}}function ie(e){return e.touches&&e.touches.length?e.touches[0]:{}}class se extends j.Mw{constructor(e){super(e),this.state={focusing:0},this.galleryRef=(0,E._3)()}componentDidMount(){this.bindDrag()}focus(e){this.setState({focusing:e}),this.galleryRef.current.scrollTo({left:220*e,behavior:"smooth"})}render(){if("user"===e.A.get(this.props.ev,"by.type"))return null;let t=e.A.get(this.props.ev,"data.message.attachments",[]),i=e.A.filter(t,(t=>"generic"===e.A.get(t,"type")));return 0===i.length?null:e.A.map(i,((i,s)=>{var n=e.A.map(i.elements,(e=>{let t=this.props.t.i18n(e.i18n_title)||e.title,i=this.props.t.i18n(e.i18n_subtitle)||e.subtitle,s=t?(0,E.h)("div",{class:"generic-attachment--element-title"},t):null,n=i?(0,E.h)("div",{class:"generic-attachment--element-subtitle"},i):null,o=this.props.store.replaceFileUrl(e.image_url);return e.image_url||(o=r(2876)),(0,E.h)("div",{class:"generic-attachment--element swiper-slide"},(0,E.h)("div",null,(0,E.h)("img",{alt:"generic attachment element",class:"generic-attachment--element-img",src:o})),(0,E.h)("div",{class:"generic-attachment--element-content"},s,n),(0,E.h)(J,{buttons:e.buttons,onSelect:e=>this.props.onSelect(e),t:this.props.t}))}));let o=e.A.get(t,"0.elements",[]),a="generic-attachment-navigator generic-attachment-navigator--left",l="generic-attachment-navigator generic-attachment-navigator--right";return 0===this.state.focusing&&(a+=" generic-attachment-navigator--disabled"),this.state.focusing===o.length-1&&(l+=" generic-attachment-navigator--disabled"),(0,E.h)("div",{class:"generic-attachment-container"},(0,E.h)("div",{class:"generic-attachment",ref:this.galleryRef},n),!this.props.store.isMobile()&&(0,E.h)(E.FK,null,(0,E.h)("div",{class:a,onClick:e=>this.focus(this.state.focusing-1)},(0,E.h)("span",{class:"generic-attachment-navigator-icon"},"‹")),(0,E.h)("div",{class:l,onClick:e=>this.focus(this.state.focusing+1)},(0,E.h)("span",{class:"generic-attachment-navigator-icon"},"›"))))}))}bindDrag(){if(!this.props.store.isMobile())return;let t=document.getElementsByClassName("generic-attachment");e.A.map(t,(e=>{var t,i,s;(t=e)&&(t.removeEventListener("touchstart",t.md,0),window.removeEventListener("touchend",t.mu,0),window.removeEventListener("touchmove",t.mm,0),t.md=function(e){let r=ie(e);t.hasAttribute("nochilddrag")&&document.elementFromPoint(r.pageX,r.pageY)||(s=1,i=r.clientX,e.preventDefault())},t.mu=()=>{s=0},t.mm=function(e){if(!s)return;let r=ie(e);t.scrollLeft-=-i+r.clientX,i=r.clientX},t.addEventListener("touchstart",t.md,{passive:!0}),window.addEventListener("touchend",t.mu,{passive:!0}),window.addEventListener("touchmove",t.mm,{passive:!0}))}))}}class re extends j.Mw{render(){let t=e.A.get(this.props.ev,"by.type");if("user"===t)return null;let i=e.A.get(this.props.ev,"data.message.attachments",[]),s=e.A.filter(i,(t=>"product"===e.A.get(t,"type")||"product_preview"===e.A.get(t,"type")));if(s=s.filter((e=>e.product&&e.product.name)),0===s.length)return null;let n=this.props.store.matchAccount();return e.A.map(s,((i,s)=>{let o=i.product,a=[],l=o.url||o.mobile_url;this.props.store.isMobile()&&(l=o.mobile_url||o.url),l&&0==e.A.size(o.buttons)&&a.push((0,E.h)("a",{class:"product_attachment__btn",href:l,target:"_blank"},this.props.t("detail"),(0,E.h)("img",{src:r(3266),class:"product_attachment__btn_external_link"}))),console.log("P",o),e.A.size(o.buttons)>0&&(a=a.concat(e.A.map(o.buttons,((e,t)=>"call_button"===e.type?(0,E.h)("a",{class:"product_attachment__btn",href:"tel:"+e.phone_number,key:t,title:e.title},this.props.t.i18n(e.i18n_title)||e.title):"url_button"===e.type?(0,E.h)("a",{class:"product_attachment__btn",href:e.url,target:"_blank",key:t,title:e.title},this.props.t.i18n(e.i18n_title)||e.title||this.props.t("detail")," ",(0,E.h)("img",{src:r(3266),class:"product_attachment__btn_external_link"})):"postback_button"===e.type?(0,E.h)("a",{class:"product_attachment__btn",href:"javascript:;",onClick:t=>this.props.onPostback(e)},this.props.t.i18n(e.i18n_title)||e.title):void 0))));let c=(0,E.h)("a",{href:l,class:"product_attachment__title",target:"_blank"},o.name),h=null,u=o.description||o.long_description;u&&(h=(0,E.h)("div",{class:"product_attachment__subtitle"},u));let d=o.currency||e.A.get(n,"currency","VND"),p=null;o.price&&(p=(0,E.h)("div",{class:"product_attachment__price"},e.A.formatCurrency(o.price,d)));let m=this.props.store.replaceFileUrl(o.image);return o.image||(m=r(2876)),(0,E.h)("div",{class:"product_attachment product_attachment__"+t},(0,E.h)("div",null,(0,E.h)("a",{href:this.props.store.replaceFileUrl(o.image),target:"_blank"},(0,E.h)("img",{class:"product_attachment__img",src:m}))),c,h,p,(0,E.h)("div",{class:"product_attachment__btns"},a))}))}}class ne extends j.Mw{constructor(e){super(e)}render(){let t=e.A.get(this.props.ev,"by.type");var i=e.A.get(this.props.ev,"data.message.attachments",[]),s=[];if(e.A.each(i,((t,i)=>{t&&e.A.includes(t.mimetype,"video")&&s.push(t)})),0===s.length)return null;var r=e.A.map(s,((e,i)=>(0,E.h)("div",{key:i,class:`video-attachment video-attachment--${t}`},(0,E.h)("video",{class:"video-attachment__video",src:this.props.store.replaceFileUrl(e.url),width:"100%",height:"",poster:this.props.store.replaceFileUrl(e.thumbnail_url),controls:"controls",preload:"metadata"}))));return(0,E.h)("div",{class:`message-${t}`},r)}}class oe extends j.Mw{render(){return"delta"===e.A.get(this.props.ev,"data.message.format","plaintext")?this.renderDelta():this.renderPlainText()}renderPlainText(){var t=e.A.get(this.props.ev,"data.message.text");if(t=e.A.trim(t),0===e.A.size(t))return null;let i=e.A.get(this.props.ev,"by.type");var s=e.A.extractText(t).map((e=>{if("emoji"===e.type)return(0,E.h)(D,{emojiCode:e.text,byType:i});if("link"===e.type){let t=e.text||"";return t.startsWith("//")||t.startsWith("https://")||t.startsWith("http://")||t.startsWith("data:")||(t="//"+t),(0,E.h)("a",{href:t,target:"_blank",onClick:e=>this.props.onLink(e,t)},e.text)}return"phone"===e.type?(0,E.h)("a",{href:"tel:"+e.text},e.text):"email"===e.type?(0,E.h)("a",{href:"mailto:"+e.text},e.text):e.text}));return 0===e.A.size(s)?null:"agent"===i?(0,E.h)("div",{class:"message-agent message-text--agent"},s):(0,E.h)("div",{class:"message-user message-text--user"},s)}renderDelta(){let t=e.A.get(this.props.ev,"data.message.quill_delta")||e.A.get(this.props.ev,"data.message.text"),i=e.A.parseJSON(t)||{};if(i=ae(i),!i||0===e.A.size(i.ops))return null;let s=e.A.map(i.ops,(t=>{let i=t.insert,s=t.attributes;if(i.dynamicField)return e.A.get(i,"dynamicField.text","");if(i.emoji)return(0,E.h)(D,{emojiCode:`:${i.emoji}:`});if("string"==typeof i){let t=e.A.extractText(i).map(((e,t)=>{return"link"===e.type?(0,E.h)("a",{href:(i=e.text,i.startsWith("http://")||i.startsWith("https://")||i.startsWith("//")?i:"http://"+i),target:"_blank"},e.text):e.text;var i}));if(s){if(s.italic&&s.bold)return(0,E.h)("span",{style:"font-weight: bold !important; font-style: italic !important"},t);if(s.italic)return(0,E.h)("span",{style:"font-style: italic !important"},t);if(s.bold)return(0,E.h)("span",{style:"font-weight: bold !important"},t)}return(0,E.h)("span",null,t)}return null})),r=e.A.get(this.ev,"by.type");return"user"!==r&&(r="agent"),0===e.A.size(s)?null:"agent"===r?(0,E.h)("div",{class:"message-agent message-text--agent"},s):(0,E.h)("div",{class:"message-user message-text--user"},s)}}function ae(e){if(!e)return e;if(!e.ops||!e.ops.length)return e;let t=e.ops[e.ops.length-1];if("string"!=typeof t.insert)return e;let i=t.insert.trimEnd();if(i){if(t.insert!=i){let t=e.ops.slice(),s=t.pop();return s.insert=i,t.push(s),{ops:t}}return e}let s=e.ops.slice();return s.pop(),ae({ops:s})}var le=r(1620);class ce extends j.Mw{render(){let t=this.props.ev.ev;var i=null;if(this.props.ev.show_time&&(i=(0,E.h)("div",{class:"convo-event-time"},(0,E.h)(le.A,{time:t.created,t:this.props.t}))),"conversation_rated"===t.type){var s=e.A.get(t,"data.conversation.ratings.0",{no_rating:!0,rating:0});return s.no_rating?null:(0,E.h)("div",{class:"convo-event"},i,(0,E.h)("div",{class:"info-message"},this.props.t("rated_as")+" "+this.props.t(function(e){return e?e<2?"poor":e<4?"average":"great":"poor"}(s.rating)).toLowerCase()))}return"conversation_state_updated"===t.type&&"ended"===e.A.get(t,"data.conversation.state")?(0,E.h)("div",{class:"convo-event"},i,(0,E.h)("div",{class:"info-message"},this.props.t("conversation_ended"))):null}}let he=!1;class ue extends j.Mw{constructor(e){super(e),this.refForm=(0,E._3)()}render(){var t=e.A.get(this.props.event,"ev",{});switch(t.type){case"conversation_joined":break;case"message_sent":return this.renderMessageSent();case"conversation_state_updated":case"conversation_rating_requested":case"conversation_rated":return e.A.startsWith(t.id,"ev")?(0,E.h)(ce,{t:this.props.t,store:this.props.store,ev:this.props.event}):null}return null}focus(){this.refForm.current&&this.refForm.current.focus()}chooseQuickReply(t){let i=e.A.get(this.props.event,"ev",{}),s={text:t.title,format:"plaintext"};t.payload&&(s.attachments=[{type:"postback",postback:{event_id:i.id,payload:t.payload}}]),this.props.onSend(s)}choosePostbackBtn(t){let i=e.A.get(this.props.event,"ev",{}),s={text:t.title,format:"plaintext"};t.payload&&(s.attachments=[{type:"postback",postback:{event_id:i.id,payload:t.payload}}]),this.props.onSend(s)}renderAgentAvatar(t){let i=e.A.get(t,"by.type"),s=e.A.get(t,"by.display_id",e.A.get(t,"by.id"));if("user"===i)return null;var n=this.getSenderName(t);let o=this.props.store.matchAccount();var a=o.logo_url||r(3582);if(e.A.get(this.props,"chatbox.hide_agent_profile"))return(0,E.h)("div",{class:"message-sender"},(0,E.h)("img",{alt:"sender",class:"message-sender-avatar",src:this.props.store.replaceFileUrl(a)}),(0,E.h)("p",{class:"message-sender-name"},o.name));let l=this.props.store.matchAgent("*");return"system"!==s&&"dummy"!==i&&"workflow"!==i&&(a=e.A.get(l[s],"avatar_url")||o.logo_url||r(2538)),(0,E.h)("div",{class:"message-sender"},(0,E.h)("img",{alt:"sender",class:"message-sender-avatar",src:this.props.store.replaceFileUrl(a)}),(0,E.h)("p",{class:"message-sender-name"},n))}tryLoadOrder(t){if("user"!==e.A.get(t,"by.type")){this.props.store.matchAccount();var i=e.A.get(t,"data.message.attachments",[]);0!==e.A.filter(i,(e=>"order"===e.type&&e.order)).map((e=>e.order)).length&&(he||e.A.setTimeout((async()=>{he=(await r.e(127).then(r.bind(r,6127))).default})))}}renderMessageSent(){let t=this.props.event.ev;this.tryLoadOrder(t);var i=null;this.props.event.show_time&&(i=(0,E.h)("div",{class:"convo-event-time"},(0,E.h)(le.A,{time:t.created,t:this.props.t})));let s=new e.A.Date(t.created).toLocaleString();if("user"!==e.A.get(t,"by.type")){let e=null;return"lead"===this.props.event.mode&&(e=this.renderAgentAvatar(t)),(0,E.h)("div",{class:"convo-event agent-message",title:s},i,e,(0,E.h)(oe,{store:this.props.store,ev:t,onLink:this.props.onLink}),(0,E.h)(H,{store:this.props.store,ev:t}),(0,E.h)(N,{store:this.props.store,ev:t}),(0,E.h)(ne,{store:this.props.store,ev:t}),(0,E.h)(V,{store:this.props.store,ev:t}),(0,E.h)(Q,{store:this.props.store,ev:t,t:this.props.t}),(0,E.h)(ee,{store:this.props.store,onSubmit:this.props.onFormSubmit,ref:this.refForm,ev:t,t:this.props.t}),(0,E.h)(te,{store:this.props.store,ev:t,t:this.props.t}),(0,E.h)(se,{store:this.props.store,ev:t,onSelect:e=>this.choosePostbackBtn(e),t:this.props.t}),(0,E.h)(re,{t:this.props.t,onPostback:e=>this.choosePostbackBtn(e),store:this.props.store,ev:t}),(0,E.h)(he,{t:this.props.t,store:this.props.store,ev:t}),(0,E.h)(Y,{store:this.props.store,ev:t,onSelect:e=>this.chooseQuickReply(e)}))}e.A.get(t,"data.message.idempotency_key")===t.id&&this.props.store.now()-t.created<900&&e.A.setTimeout((()=>this.setState({refresh:this.state.refresh})),1e3);let r=(0,E.h)("div",{class:"sending_dot"});(this.props.store.now()-t.created<900||e.A.get(t,"data.message.idempotency_key")!==t.id)&&(r=(0,E.h)("div",{class:"sending_dot sending_dot__hide"}));let n=null;"lead"===this.props.event.mode&&(n=(0,E.h)("div",{class:"pt-3"}));let o=null;if(t._error&&"message_sent"===t.type){let e=this.props.t("error_send_message");t._error_message&&(e=this.props.t(t._error_message)),o=(0,E.h)("a",{class:"message_error",src:"javascript:;",onClick:e=>this.resendMessage()},(0,E.h)("div",{class:"message_error__text"},e),(0,E.h)("div",{class:"message_error__icon"}))}return(0,E.h)("div",{class:"convo-event user-message",title:s},i,n,(0,E.h)("div",{class:"message-user__container"},r,(0,E.h)(oe,{store:this.props.store,ev:t,refresh:this.state.refresh,onLink:this.props.onLink}),(0,E.h)(H,{store:this.props.store,ev:t}),(0,E.h)(N,{store:this.props.store,ev:t}),(0,E.h)(ne,{store:this.props.store,ev:t}),(0,E.h)(V,{store:this.props.store,ev:t}),(0,E.h)(Q,{store:this.props.store,ev:t,t:this.props.t}),(0,E.h)(ee,{store:this.props.store,onSubmit:this.props.onFormSubmit,ref:this.refForm,ev:t}),(0,E.h)(re,{t:this.props.t,store:this.props.store,ev:t}),(0,E.h)(te,{store:this.props.store,ev:t})),o)}renderUpdateConvo(t){var i=e.A.get(t,"data.conversation.state");return"active"===i||"pending"===i?null:(0,E.h)("div",{class:"message-system"},this.props.t("conversation_state_updated",{state:i}))}resendMessage(){let t=e.A.convoOfEv(this.props.event.ev);const i=e.A.get(this.props.event,"ev.data.message");this.props.store.sendConvoEvent(t,"message_sent",{message:i})}getSenderName(t){let i=e.A.get(t,"by.type"),s=e.A.get(t,"by.display_id",e.A.get(t,"by.id"));if("user"===i)return e.A.getUserDisplayName(this.props.store.matchUser());let r=this.props.store.matchAccount();return"agent"===i?e.A.getAgentDisplayName(r,this.props.store.matchAgent(s)):"system"===s||"dummy"===i||"workflow"===i?r.name||"system":""}}var de=r(4188);const pe=r(1370);class me extends j.Mw{constructor(t){super(t),this.props.store.onUpdate(this,(e=>this.forceUpdate())),this.props.store.onConvoEvent(this,(e=>this.onEvent(e))),this.loadConvo(),this.refBody=null,this.checkAndSeen=e.A.throttle((()=>{this.props.isShow&&this.isBottom()&&"visible"===this.props.store.browserVisibility&&document.hasFocus()&&this.props.store.seenConvo(this.props.cid)}),500),this.checkAndSeen()}componentDidUpdate(e){e.cid!==this.props.cid&&this.loadConvo()}render(){if(this.state.error)return this.renderError();let t=e.A.map(this.props.store.listEvents(this.props.cid));if(!this.state.loading&&0===e.A.size(t))return(0,E.h)("div",{ref:e=>this.refBody=e,class:"widget-body--events-container"},(0,E.h)("div",{class:"widget-body--empty"},(0,E.h)("div",{class:"widget-body--empty-icon"}),(0,E.h)("div",{class:"widget-body--empty-text"},this.props.t("empty_convo_text"))),(0,E.h)($,{store:this.props.store}));t=e.A.orderBy(t,"created","asc"),this.props.store.matchConvo(this.props.cid),t=e.A.map(t,(e=>({ev:e}))),function(t,i){if(!((i=i.filter((e=>ge(e.ev)))).length<1)){for(var s=1;s<i.length;s++){let t=i[s],r=i[s-1];ge(t.ev)&&e.A.unixSec(t.ev.created)-e.A.unixSec(r.ev.created)>120&&(t.show_time=!0)}for(s=0;s<i.length;s++){let t=i[s];if("message_sent"===e.A.get(t,"ev.type")){t.show_time=!0;break}}for(s=0;s<i.length;s++){let t=i[s],r=i[s-1];"message_sent"!==t.ev.type||(t.mode="lead","message_sent"===e.A.get(r,"ev.type")&&e.A.get(r,"ev.by.id")===e.A.get(t,"ev.by.id")&&(t.mode="follow"))}}}(0,t);let i=e.A.map(t,(e=>(0,E.h)(ue,{chatbox:this.props.chatbox,onLink:this.props.onLink,store:this.props.store,onFormSubmit:this.props.onFormSubmit,onSend:this.props.onSend,onPostback:this.props.onPostback,event:e,t:this.props.t,key:e.ev.id}))),s=null,r="opacity: 1 !important";return(this.state.loading||this.props.creating)&&(s=(0,E.h)(de.A,{static:!0,mode:e.A.get(this.props.chatbox,"primary_color","dark"),size:"120",center:!0}),r="opacity: 0 !important"),(0,E.h)(E.FK,null,s,(0,E.h)("div",{style:r,ref:e=>this.refBody=e,class:"widget-body--events-container",onMouseOver:this.checkAndSeen},(0,E.h)("div",{class:"widget-body--events"},i),(0,E.h)($,{store:this.props.store})))}renderError(){let e=(0,E.h)("a",{href:"#",onclick:e=>this.loadConvo()},this.props.t("try_again"));return this.state.loading&&(e=(0,E.h)(de.A,{size:"16",mode:"blue"})),(0,E.h)("div",{class:"widget-body--events-container widget-body--events-container__error"},(0,E.h)("img",{alt:"empty",src:pe}),(0,E.h)("div",{class:"widget_body__events__error_msg"},this.props.t("load_convo_error")),(0,E.h)("div",{class:"widget_body__events__error_retry"},e))}focus(){let t=this.props.store.listEvents(this.props.cid);var i;t=e.A.orderBy(e.A.map(t),"created","desc");for(let s of t)if("message_sent"===e.A.get(s,"type")&&"user"!==e.A.get(s,"by.type")){i=s;break}"user"===e.A.get(i,"by.type")&&(i=null);let s=e.A.get(i,"data.message.attachments",[]),r=this.props.store.matchConvo(this.props.cid);e.A.filter(s,(t=>{if(!t)return!1;if("form"!==t.type&&"ask_info_form"!==t.type)return!1;var i=t.form;return!(!i||!(e.A.parseJSON(i.state)||{}).require_finished&&"ask_info_form"!==t.type||function(t){let i=e.A.get(t,"fields")||[];return e.A.find(i,(e=>!!e.answered))}(t.form)||"ended"===r.state)}))}onEvent(t){if(e.A.convoOfEv(t)!==this.props.cid)return;let i=this.isBottom();var s=!1;"message_sent"===e.A.get(t,"type")&&t.id===e.A.get(t,"data.message.idempotency_key")&&(s=!0),(s||i)&&this.scrollToBottom()}async loadConvo(){if(!this.props.cid)return;this.lastContentOffsetY=0,this.setState({loading:!0});let t=this.props.store.listEvents(this.props.cid);if(0===e.A.size(t)){let e=this.props.cid,{error:t}=await this.props.store.fetchMoreEvents(e);if(this.setState({loading:!1}),e!==this.props.cid)return;if(t)return void this.setState({error:!0})}this.setState({loading:!0}),this.props.store.fetchMoreEvents(this.props.cid),this.setState({error:!1}),this.scrollToBottom(),e.A.setTimeout((()=>this.setState({loading:!1})),50)}isBottom(){let e=this.refBody;return!!e&&e.scrollHeight<e.scrollTop+e.offsetHeight+50}scrollToBottom(){e.A.setTimeout((()=>{const e=this.refBody;e&&(e.scrollTop=e.scrollHeight)})),e.A.setTimeout((()=>{const e=this.refBody;e&&(e.scrollTop=e.scrollHeight)}),200),this.props.isShow&&"visible"===this.props.store.browserVisibility&&document.hasFocus()&&this.props.store.seenConvo(this.props.cid)}}function ge(t){let i=e.A.get(t,"type");return"message_sent"===i||"conversation_state_updated"===i}class fe extends j.Mw{constructor(e){super(e)}componentDidMount(){this.setState({isShow:!1,ev:{}}),this.props.store.onConvoEvent(this,(t=>{if(e.A.convoOfEv(t)!==this.props.cid)return;let i=this.props.store.matchUser();if(e.A.get(t,"by.id")===i.id)return;let s=e.A.get(this.state.ev,"by.id");return s&&e.A.get(t,"by.id")!==s?void 0:"message_sent"===e.A.get(t,"type")?(this.timer&&e.A.clearTimeout(this.timer),this.timer=null,void this.setState({isShow:!1})):void("conversation_typing"===e.A.get(t,"type")&&("agent"!=(this.props.store.matchAgent(e.A.get(t,"by.id"))||{}).type||e.A.get(this.props.plugin,"chatbox.show_agent_typing"))&&(this.setState({ev:t,isShow:!0}),this.timer&&e.A.clearTimeout(this.timer),this.timer=e.A.setTimeout((()=>{e.A.convoOfEv(t)===this.props.cid&&(this.timer=null,this.setState({isShow:!1}))}),5e3)))}))}ShowTyping(){this.setState({isShow:!0}),this.timer&&e.A.clearTimeout(this.timer),this.timer=e.A.setTimeout((()=>{this.timer=null,this.setState({isShow:!1})}),5e3)}render(){let t=this.props.store.matchAccount();var i=this.state.isShow?"":"typing--hidden";let s=e.A.get(this.state.ev,"by.display_id",e.A.get(this.state.ev,"by.id")),r=e.A.getAgentDisplayName(t,this.props.store.matchAgent(s));return e.A.get(this.props.plugin,"chatbox.hide_agent_profile")&&(r=e.A.get(t,"name")),(0,E.h)("div",{class:`typing ${i}`},r," ",this.props.t("typing"))}}var ve=r(2988);class _e extends j.Mw{constructor(e){var t,i,s;super(e),t=this,s={hide:!0,ratingHeight:0,overlayOpacity:.3,comment:""},(i=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var s=i.call(e,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(i="state"))in t?Object.defineProperty(t,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[i]=s,this.refComment=(0,E._3)(),this.refRating=(0,E._3)(),this.refHandle=(0,E._3)()}componentDidMount(){this.props.store.onUpdate(this,(()=>{this.shoudDisplay()&&this.open()})),this.props.store.onConvoEvent(this,(t=>{e.A.convoOfEv(t)===this.props.cid&&this.shoudDisplay()&&this.open()})),this.mouseUp=e=>this.onMouseUp(e),this.mouseMove=e=>this.onMouseMove(e),this.mouseDown=e=>this.onMouseDown(e);var t=this.refHandle.current;t.addEventListener("mousedown",this.mouseDown,{passive:!0}),t.addEventListener("touchstart",this.mouseDown,{passive:!0}),window.addEventListener("mouseup",this.mouseUp,{passive:!0}),window.addEventListener("touchend",this.mouseUp,{passive:!0}),window.addEventListener("mousemove",this.mouseMove,{passive:!0}),window.addEventListener("touchmove",this.mouseMove,{passive:!0}),this.animation=new ve.A({maxY:400,minY:0,duration:150}),this.close(),(this.shoudDisplay()||"rating"===this.props.forceView)&&this.open()}componentWillUnmount(){var e=this.refHandle.current;e.removeEventListener("mousedown",this.mouseDown,0),e.removeEventListener("touchstart",this.mouseDown,0),window.removeEventListener("mouseup",this.mouseUp,0),window.removeEventListener("touchend",this.mouseUp,0),window.removeEventListener("mousemove",this.mouseMove,0),window.removeEventListener("touchmove",this.mouseMove,0)}render(){let e=this.state.hide?"d-none":"";return(0,E.h)("div",{class:e},(0,E.h)("div",{class:"rating--overlay",style:`opacity: ${.5*this.state.overlayOpacity} !important;`}),(0,E.h)("div",{class:"rating",ref:this.refRating,style:`color:red; height: ${this.state.ratingHeight}px !important;`},(0,E.h)("div",{class:"rating--handle",ref:this.refHandle},(0,E.h)("div",{class:"rating--thumb"})),(0,E.h)("div",{class:"rating--content"},(0,E.h)("div",{class:"rating--heading"},this.props.t("rating_title"),(0,E.h)("div",{class:"rating--close-btn",onClick:e=>this.onCloseRating(e)})),(0,E.h)("div",{class:"rating--description"},this.props.t("rating_description")),(0,E.h)("textarea",{ref:this.refComment,type:"text",class:"rating--comment"}),(0,E.h)("div",{class:"rating-faces-container"},(0,E.h)("div",{class:"rating-face-container",onClick:e=>this.onRatingPoor(e)},(0,E.h)("img",{alt:"poor",src:r(9801)}),(0,E.h)("p",{class:"rating-face--text"},this.props.t("poor"))),(0,E.h)("div",{class:"rating-face-container",onClick:e=>this.onRatingAverage(e)},(0,E.h)("img",{alt:"average",src:r(7134)}),(0,E.h)("p",{class:"rating-face--text"},this.props.t("average"))),(0,E.h)("div",{class:"rating-face-container",onClick:e=>this.onRatingGreat(e)},(0,E.h)("img",{alt:"great",src:r(940)}),(0,E.h)("p",{class:"rating-face--text"},this.props.t("great")))),(0,E.h)("div",{class:"rating-no-thanks",onClick:e=>this.onCloseRating(e)},this.props.t("no_thanks")))))}shoudDisplay(){if(!this.props.cid)return!1;var t,i,s;let r=this.props.store.matchUser(),n=!1;if(e.A.map(this.props.store.listEvents(this.props.cid),(o=>{o&&o.by&&("user"==o.by.type&&"message_sent"==o.type&&(n=!0),"conversation_state_updated"===o.type&&"ended"===e.A.get(o,"data.conversation.state")&&(s=o),"conversation_rating_requested"===o.type&&(t=o),"conversation_rated"===o.type&&o.by.id===r.id&&(i=o))})),!n)return!1;if(i)return!1;var o=this.props.plugin.chatbox.auto_request_rating&&s;return t||o}onCloseRating(){this.props.onRate&&this.props.onRate({no_rating:!0,comment:this.refComment.current.value}),this.close()}onRatingPoor(){this.props.onRate&&this.props.onRate({rating:1,comment:this.refComment.current.value}),this.close()}onRatingAverage(){this.props.onRate&&this.props.onRate({rating:3,comment:this.refComment.current.value}),this.close()}onRatingGreat(){this.props.onRate&&this.props.onRate({rating:5,comment:this.refComment.current.value}),this.close()}open(){if(this.state.hide&&(this.setState({hide:!1}),this.refRating.current)){e.A.setTimeout((()=>{this.refComment.current&&this.refComment.current.focus()}),400),this.refComment.current.value="";var t=this.refRating.current.currentStyle||window.getComputedStyle(this.refRating.current),i=parseFloat(t.height);this.animation.play(-20,i,(e=>{this.setState({ratingHeight:e,overlayOpacity:Math.min(1,(e-0)/500)})}))}}close(){if(!this.state.hide&&this.refRating.current){var e=this.refRating.current.currentStyle||window.getComputedStyle(this.refRating.current),t=parseFloat(e.height);this.animation.play(20,t,(e=>{this.setState({ratingHeight:e,overlayOpacity:Math.min(1,(e-0)/500)}),e<10&&(this.state.hide||this.setState({hide:!0}))}))}}onMouseDown(e){this.mousePushed=!0,this.animation.stop(),e.preventDefault(),e.touches&&e.touches[0]&&(e=e.touches[0]),this.mousePushedDy=e.pageY-window.pageYOffset-this.refRating.current.getBoundingClientRect().y}onMouseUp(e){if(this.mousePushed){e.touches&&e.touches[0]&&(e=e.touches[0]),this.mousePushed=!1;var t=this.refRating.current.currentStyle||window.getComputedStyle(this.refRating.current),i=parseFloat(t.height);this.animation.play(this.mouseVelocity,i,(e=>{this.setState({ratingHeight:e,overlayOpacity:Math.min(1,(e-0)/500)}),e<10&&(this.state.hide||(this.setState({hide:!0}),this.props.onRate&&this.props.onRate({no_rating:!0})))}))}}onMouseMove(e){if(this.mousePushed){e.touches&&e.touches[0]&&(e=e.touches[0]);var t=e.pageY;this.mouseVelocity=t-this.lastMouseY,this.lastMouseY=t,t-=this.mousePushedDy;var i=this.refRating.current.getBoundingClientRect().bottom-t;i>400&&(i=500-1e4/(i+-300)),this.setState({ratingHeight:i,overlayOpacity:Math.min(1,(i-0)/500)})}}}function ye(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var s=i.call(e,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var be=r(8506),we=r(9150),Ae=r(9419);let ke=!1;const xe="https://file-subiz.com/fiqoahedjbgwclpouoml-avatar_default_baa8a1d7.png";class Ce extends j.Mw{constructor(t){super(t),ye(this,"msgInput",(0,E._3)()),ye(this,"formMounted",(t=>{let i=this.fillForm(t);i.question={key:"question",is_required:!0,label:this.props.t.i18n(e.A.get(t,"i18n_question_label",{}))||t.question_label,type:"text",value:this.state.quickReplyMessage.text},this.setState({formData:i}),this.props.store.isMobile()||t._updated||this.focusInput()})),ye(this,"sendMessage",(async t=>{let i=e.A.find(t.attachments,(e=>"postback"===e.type));if(this.isFormRequired()&&i)return this.onStartConvoClick(),void this.fillQuickReplyToQuestion(t);let s=t.text;if(!this.props.cid){this._creating=(this._creating||0)+1;let e=this._creating;this.setState({creating:!0});const{convo:i,error:r}=await this.props.store.startConvo({locale:this.props.t.locale(),message:s,initial_by:this.props.store.matchUser().id});if(e!=this._creating)return;if(await this.props.store.sendConvoEvent(i.id,"message_sent",{message:t}),e!=this._creating)return;return this.setState({creating:!1}),void this.props.onGo({view:"chat",cid:i.id})}await this.props.store.sendConvoEvent(this.props.cid,"message_sent",{message:t}),this.setState({creating:!1})})),ye(this,"onLink",((t,i)=>{if(!i)return t.preventDefault();let s=i.replace(/(^\w+:|^)\/\//,"");if(s.startsWith("widget.subiz.com.vn/orders/")){let i=s.substr(27);return i=i.split("/")[0],e.A.setTimeout((async()=>{ke||(ke=(await r.e(185).then(r.bind(r,4185))).default),this.setState({showOrder:!0,order_id:i})})),void t.preventDefault()}})),ye(this,"closeOrder",(e=>{this.setState({showOrder:!1,order_id:""}),this.focusInput()})),this.userSent={},this.wasFormInputed=!1,this.setState({creating:!1,clickedJoin:!1,formData:{},showOrder:!1,order_id:"",quickReplyMessage:{}}),this.props.store.onUpdate(this,(e=>this.forceUpdate())),this.refTyping=(0,E._3)()}componentDidMount(){this.props.store.isMobile()||this.focusInput(),this.updateFormDataFields()}componentDidUpdate(t){t.isShow!==this.props.isShow&&(this.props.isShow&&!this.props.store.isMobile()&&this.focusInput(),this.props.isShow&&this.props.store.isMobile()&&this.blur(),this.updateFormDataFields()),t.cid!==this.props.cid&&(this.closeOrder(),this.setState({clickedJoin:!1,quickReplyMessage:{}}),e.A.setTimeout((()=>{this.events&&this.events.focus(),this.props.store.isMobile()||this.focusInput()}),100),this.updateFormDataFields())}ShowTyping(){this.refTyping.current&&this.refTyping.current.ShowTyping()}shouldShowForm(){let t,i=this.props.plugin.chatbox||{},s=this.props.store.matchAccount()||{};e.A.get(i,"prechat_form.enabled")&&(t=i.prechat_form);let r=e.A.get(i,"offline_form.enabled");if(this.isOffline(s,i)&&r&&(t=i.offline_form),!this.hasSentMessage(this.props.cid)&&t&&(e.A.size(t.groups)||t.group_required))return!0;let n=this.isFormRequired();return n&&!this.props.cid||n&&this.props.cid&&this.state.clickedJoin}render(){let t,i=this.shouldShowForm(),s="",r=this.props.plugin.chatbox||{},n=this.props.store.matchAccount()||{},o=this.props.t("prechat_form_btn");e.A.get(r,"prechat_form.enabled")&&(t=r.prechat_form);let a=e.A.get(r,"offline_form.enabled");this.isOffline(n,r)&&a&&(t=r.offline_form,o=this.props.t("offline_form_btn"),s="offline"),"offline_form"===this.props.view&&(i=!0,t=r.offline_form,s="offline",o=this.props.t("offline_form_btn")),"prechat_form"===this.props.view&&(i=!0,t=r.prechat_form,o=this.props.t("prechat_form_btn"),s="prechat");let l=null;l="list"===this.props.view?this.renderConvoList():i?this.renderForm(t,o,s):this.renderChat();let c=e.A.get(r,"desktop_button.position")||"right";this.props.store.isMobile()&&(c=e.A.get(r,"mobile_button.position",c));let h="widget-container widget-container--"+c;return this.props.store.isMobile()||"full"!==e.A.get(r,"window_mode")||(h+=" widget-container--full"),this.props.isShow||(h+=" widget-container--hide"),(0,E.h)("div",{class:h},(0,E.h)(W,{t:this.props.t,plugin:this.props.plugin,store:this.props.store,cid:this.props.cid,view:this.props.view,onClose:this.props.onClose,onGotoList:()=>this.props.onGo({view:"list"})}),l)}async submitPrechatForm(t,i){if(this.state.submiting)return;var s=!1;if(e.A.map(this.state.formData,((t,i)=>{if(t.is_required&&(void 0===t.value||""===t.value||0===e.A.size(t.value)&&Array.isArray(t.value))?(t.error=this.props.t("error_empty"),s=!0):t.error="","emails"===i.substr(5))if(t.is_required)e.A.isEmail(t.value)||(t.error=this.props.t("error_email_invalid"),s=!0);else{let i=t.value||"";"string"!=typeof i&&(i+=""),i.trim()&&!e.A.isEmail(t.value)&&(t.error=this.props.t("error_email_invalid"),s=!0)}if("phones"===i.substr(5))if(t.is_required)e.A.isPhone(t.value)||(t.error=this.props.t("error_phone_invalid"),s=!0);else{let i=t.value||"";"string"!=typeof i&&(i+=""),i.trim()&&!e.A.isPhone(t.value)&&(t.error=this.props.t("error_phone_invalid"),s=!0)}})),s)return this.forceUpdate();let r=e.A.cloneDeep(this.state.formData),n=e.A.cloneDeep(this.props.store.matchUser()),o=!1;e.A.map(r,((t,i)=>{if(i.startsWith("attr:")){var s={key:i.substr(5)};o=o||"emails"==i||"phones"==i,"number"===t.type&&(s.number=parseInt(t.value)),"datetime"===t.type&&(s.datetime=new e.A.Date(t.value).toISOString()),"list"===t.type&&(s.text=t.value),"text"!==t.type&&"boolean"!==t.type||(s[t.type]=t.value),e.A.setUserAttr(n,s)}})),o&&e.A.setUserAttr(n,{key:"lead_source",text:"widget"});let a=e.A.get(r,"question.value"),l=e.A.get(r,"group.value","");this._creating=(this._creating||0)+1;let c=this._creating;this.setState({creating:!0});let h=e.A.map(r,((t,i)=>({key:i,type:t.type,value:e.A.stringify(t.value)})));if(this.props.store.submitForm("chatbox_"+i,h,n),c!=this._creating)return;if(this.props.cid){if(this.setState({clickedJoin:!1}),await this.props.store.sendConvoEvent(this.props.cid,"message_sent",{message:{text:a,format:"plaintext",fields:[{key:"to_agent_group",value:e.A.stringify(l)}],attachments:this.state.quickReplyMessage.attachments}}),c!=this._creating)return;return this.setState({creating:!1,quickReplyMessage:{}}),t.end_conversation_after_submit&&await this.props.store.endConvo(this.props.cid),void this._creating}let u={text:a,format:"plaintext"},d={group_id:l,message:a,locale:this.props.t.locale(),initial_by:n.id};this.setState({creatingError:null});const{error:p,convo:m}=await this.props.store.startConvo(d);if(c!=this._creating)return;if(p)return void this.setState({creating:!1,creatingError:p});let g=m.id;this.userSent[g]=!0,await this.props.store.sendConvoEvent(g,"message_sent",{message:u}),c==this._creating&&(this.setState({creating:!1,clickedJoin:!1,quickReplyMessage:{}}),this.props.onGo({view:"chat",cid:g}),this.props.store.isMobile()||this.focusInput())}onBooleanChange(t,i){this.wasFormInputed=!0;let s=e.A.cloneDeep(this.state.formData),r=e.A.find(s,((e,i)=>i===t));r&&(r.value=i.target.checked,this.setState({formData:s}))}onInputChange(t,i){this.wasFormInputed=!0;let s=e.A.cloneDeep(this.state.formData),r=e.A.find(s,((e,i)=>i===t));r&&(r.value=i,this.setState({formData:s}))}onListAddItem(t,i){this.wasFormInputed=!0;let s=e.A.cloneDeep(this.state.formData),r=e.A.find(s,((e,i)=>i===t));r&&(r.value=r.value||[],r.value.push(i),this.setState({formData:s}))}onListRemoveItem(t,i){this.wasFormInputed=!0;let s=e.A.cloneDeep(this.state.formData),r=e.A.find(s,((e,i)=>i===t));r&&(r.value=r.value||[],r.value.splice(i,1),this.setState({formData:s}))}renderCheckboxField(t){let i=e.A.get(t,"def.items",[]),s=[],r=t.value||"";return r&&(s=r.split(",")),(0,E.h)("div",null,e.A.map(i,(e=>(0,E.h)("div",{class:"checkbox"},(0,E.h)("input",{type:"checkbox",id:"form-checkbox"+Me(t.key)+e.value,onChange:i=>this.toggleCheckboxField(t.key,e.value),checked:s.includes(e.value)}),(0,E.h)("label",{class:"checkbox--label",for:"form-checkbox"+Me(t.key)+e.value},this.props.t.i18n(e.i18n_label)||e.label||e.value),(0,E.h)("div",{class:"checkbox--check"},(0,E.h)("div",null))))))}toggleCheckboxField(t,i){this.wasFormInputed=!0;let s=e.A.cloneDeep(this.state.formData),r=e.A.find(s,((e,i)=>e.key===t));if(!r)return;let n=r.value||"",o=[];n&&(o=n.split(",")),o.includes(i)?o=e.A.filter(o,(e=>e!==i)):o.push(i),r.value=o.join(","),this.setState({formData:s})}renderRadioField(t){let i=e.A.get(t,"def.items",[]),s=t.value||"";return(0,E.h)("div",null,e.A.map(i,(e=>(0,E.h)("div",{class:"radio"},(0,E.h)("input",{type:"radio",name:"form-radio"+Me(t.key),id:"form-radio"+Me(t.key)+e.value,onChange:i=>this.toggleRadioField(t.key,e.value),checked:s===e.value}),(0,E.h)("label",{class:"radio--label",for:"form-radio"+Me(t.key)+e.value},this.props.t.i18n(e.i18n_label)||e.label||e.value),(0,E.h)("div",{class:"radio--check"},(0,E.h)("div",null))))))}toggleRadioField(t,i){this.wasFormInputed=!0;let s=e.A.cloneDeep(this.state.formData),r=e.A.find(s,((e,i)=>e.key===t));r&&(r.value=i,this.setState({formData:s}))}selectDropdownField(t,i){this.wasFormInputed=!0;let s=e.A.cloneDeep(this.state.formData),r=e.A.find(s,((e,i)=>e.key===t));r&&(r.value=i,this.setState({formData:s}))}renderDropdownField(t){let i=e.A.get(t,"def.items",[]);return(0,E.h)("select",{class:"form-control",value:t.value,onChange:e=>this.selectDropdownField(t.key,e.target.value)},(0,E.h)("option",{value:""},"-- ",this.props.t("no_select")," --"),e.A.map(i,(e=>(0,E.h)("option",{value:e.value},this.props.t.i18n(e.i18n_label)||e.label||e.value))))}renderFields(){if(0===e.A.size(this.state.formData))return null;let t=e.A.map(this.state.formData,((t,i)=>{if(this.state.quickReplyMessage.text&&"question"===i)return null;let s=null;var r=t.error?"input--error":"";if("text"===t.type)s="question"==i||e.A.get(t,"def.multiple_line")?(0,E.h)("textarea",{class:"form-control",ref:e=>{this["form_"+Me(i)]=e},id:"form_"+Me(i),value:t.value||"",onInput:e=>this.onInputChange(i,e.target.value),onChange:e=>this.onInputChange(i,e.target.value),row:"4",class:"form-control"}):"checkbox"===e.A.get(t,"def.select")?this.renderCheckboxField(t):"radio"===e.A.get(t,"def.select")?this.renderRadioField(t):"dropdown"===e.A.get(t,"def.select")?this.renderDropdownField(t):(0,E.h)("input",{id:"form_"+Me(i),value:t.value||"",onInput:e=>this.onInputChange(i,e.target.value),onChange:e=>this.onInputChange(i,e.target.value),ref:e=>{this["form_"+Me(i)]=e},class:`form-control ${r}`,type:"text"});else if("number"===t.type)s=(0,E.h)("input",{id:"form_"+Me(i),value:t.value,onInput:e=>this.onInputChange(i,e.target.value),ref:e=>{this["form_"+Me(i)]=e},class:`form-control ${r}`,type:"number"});else if("boolean"===t.type)s=(0,E.h)("div",{class:"checkbox"},(0,E.h)("input",{type:"checkbox",id:"form-checkbox"+Me(i),onInput:e=>this.onBooleanChange(i,e),checked:t.value}),(0,E.h)("label",{class:"checkbox--label",for:"form-checkbox"+Me(i)},t.label),(0,E.h)("div",{class:"checkbox--check"},(0,E.h)("div",null)));else if("group"===t.type)s=e.A.map(t.list,(e=>(0,E.h)("div",{class:"radio"},(0,E.h)("input",{type:"radio",id:"form-radio"+Me(i)+Me(e.value),checked:t.value===e.value,onInput:t=>this.onInputChange(i,e.value)}),(0,E.h)("label",{class:"radio--label",for:"form-radio"+Me(i)+Me(e.value)},e.label),(0,E.h)("div",{class:"radio--check"},(0,E.h)("div",{class:"inside"})))));else if("list"===t.type){let r=this.state.formData[i].value||[],n=e.A.filter(e.A.get(t,"list",[]),(t=>!e.A.includes(r,t)));s=(0,E.h)(X,{selected:r,items:n,onAddItem:e=>this.onListAddItem(i,e),onRemoveItem:e=>this.onListRemoveItem(i,e)}),s=this.renderDropdownField(t)}else"datetime"===t.type&&(s=(0,E.h)("input",{id:"form_"+Me(i),value:t.value,onInput:e=>this.onInputChange(i,e.target.value),class:`form-control ${r}`,type:"date"}));let n="";return"fullname"===t.key?n=this.props.t("fullname"):"emails"===t.key?n=this.props.t("email"):"phones"===t.key?n=this.props.t("phones"):"question"===t.key&&(n=t.label||this.props.t("your_question")),t.label&&(n=t.label),(0,E.h)("div",{key:"form_"+Me(i)},(0,E.h)("label",{class:"label",for:"form_"+Me(i)},n,t.is_required?(0,E.h)("span",{class:"ml-1 red"},"*"):""),t.error?(0,E.h)("div",{class:"form-control--valid-input--error"},t.error):"",s)}));return(0,E.h)("div",{class:"pt-2"},t)}renderForm(t,i,s){let r=this.props.t.i18n(e.A.get(t,"i18n_title",{}));return r||(r=e.A.get(t,"title",this.props.t("capture_lead_title"))),r=r.replace("↵",""),(0,E.h)("div",{class:"widget-body"},(0,E.h)(Se,{key:t._updated,form:t,onMount:this.formMounted}),(0,E.h)("div",{class:"widget-body--content flex-grow-1 pl-3 pr-3 d-flex flex-column"},(0,E.h)("div",{class:"flex-grow-1"},(0,E.h)("div",{class:"form mt-3 pl-3 pr-3 pt-3 pb-3 d-flex flex-column"},(0,E.h)("div",null,r),this.renderFields())),(0,E.h)($,{store:this.props.store,t:this.props.t})),(0,E.h)("div",{class:"message-input message-input--preform"},(0,E.h)("button",{class:"btn--start-convo",onClick:e=>this.submitPrechatForm(t,s),disabled:this.state.creating},i)))}goToConvo(e){this.props.onGo({view:"chat",cid:e})}renderConvoList(){let t=this.props.store.matchConvo("*");var i=e.A.map(t,(e=>this.props.store.matchConvo(e.id)));i=e.A.filter(i,(e=>!!e)),i=e.A.orderByF(i,(t=>e.A.get(t,"last_message_sent.created",t.actived)),"desc");var s=e.A.map(i,(t=>{let i=e.A.filter(t.members,(e=>("agent"===e.type||"bot"===e.type)&&"active"===e.membership)),s=e.A.map(i,(e=>e.id));return s=s||e.A.agentsOfConvo(t)[0],(0,E.h)("div",{class:"convo-list--item",onClick:()=>this.goToConvo(t.id),key:t.id},(0,E.h)(q,{plugin:this.props.plugin,store:this.props.store,mode:"member",class:"d-flex flex-row",tooltipPos:"right",agent_ids:s}),this.renderConvoSummary(t))}));let r=(0,E.h)("div",{class:"convo-list--list"},s);return 0===e.A.size(i)&&(r=(0,E.h)("div",{class:"convo-list--list"},(0,E.h)("div",{class:"empty-container"},(0,E.h)("img",{alt:"empty",src:Ae}),(0,E.h)("div",{class:"empty-desc"},this.props.t("empty_convo"))))),(0,E.h)("div",{class:"convo-list"},(0,E.h)("div",{class:"convo-list--container"},(0,E.h)("div",{class:"convo-list--title"},this.props.t("conversations")),r),(0,E.h)("div",{class:"convo-list--footer"},(0,E.h)("button",{class:"btn--start-convo",onClick:e=>this.goToConvo("")},(0,E.h)("span",null,this.props.t("start_conversation")),(0,E.h)("img",{src:be,alt:"send button",width:"26",height:"26"})),(0,E.h)($,{store:this.props.store})))}blur(){if(!this.props.store.isPreview){var t=this.msgInput.current;t&&(e.A.setTimeout((()=>t&&t.blur())),e.A.setTimeout((()=>t&&t.blur()),300))}}focusInput(){if(!this.props.store.isPreview){if(this.shouldShowForm()){let t="";return e.A.map(this.state.formData,((e,i)=>{"text"===e.type&&(t||e.value||(t=i))})),void e.A.setTimeout((()=>{var e=this["form_"+Me(t)];e&&e.focus()}),300)}var t=this.msgInput.current;t&&(e.A.setTimeout((()=>t.focus())),e.A.setTimeout((()=>t.focus()),300))}}onRate(e){this.props.cid&&(this.props.store.sendConvoEvent(this.props.cid,"conversation_rated",{conversation:{ratings:[e]}}),this.focusInput())}fillQuickReplyToQuestion(t){let i=this.state.formData;i&&e.A.set(i,"question.value",t.text),this.setState({formData:i,quickReplyMessage:t})}createPostback(e){this.props.store.createPostback(this.props.cid,e)}onChangeMessageInput(){this.wasFormInputed=!0}renderChat(){let e=(0,E.h)(G,{store:this.props.store,ref:this.msgInput,cid:this.props.cid,onChange:this.onChangeMessageInput,onSend:this.sendMessage,t:this.props.t}),t=this.props.store.matchConvo(this.props.cid)||{};return(this.isFormRequired()||"ended"===t.state)&&(e=(0,E.h)("div",{class:"message-input message-input--preform"},(0,E.h)("button",{class:"btn--start-convo",onClick:e=>this.onStartConvoClick(e)},this.props.t("offline_preform_btn")))),(0,E.h)("div",{class:"widget-body"},(0,E.h)("div",{class:"widget-body--content",onClick:e=>this.onContainerClick(e)},(0,E.h)(me,{isShow:this.props.isShow,onLink:this.onLink,store:this.props.store,chatbox:this.props.plugin.chatbox||{},onFormSubmit:e=>this.onEventFormSubmit(e),ref:e=>this.events=e,cid:this.props.cid,creating:this.creating,onSend:e=>this.sendMessage(e),onPostback:e=>this.createPostback(e),t:this.props.t}),(0,E.h)(fe,{store:this.props.store,cid:this.props.cid,t:this.props.t,plugin:this.props.plugin,ref:this.refTyping})),(0,E.h)(_e,{forceView:this.props.view,plugin:this.props.plugin,store:this.props.store,onRate:e=>this.onRate(e),cid:this.props.cid,t:this.props.t}),(0,E.h)(ke,{forceView:this.props.view,plugin:this.props.plugin,show:this.state.showOrder,order_id:this.state.order_id,store:this.props.store,onClose:this.closeOrder,cid:this.props.cid,t:this.props.t}),e)}async onStartConvoClick(){if("ended"===(this.props.store.matchConvo(this.props.cid)||{}).state)return this.props.onGo({view:"chat",cid:""});this.setState({clickedJoin:!0,quickReplyMessage:{}})}onEventFormSubmit(){this.focusInput()}onContainerClick(){window.getSelection().toString().length>0||this.props.store.isMobile()||this.focusInput()}isFormRequired(){let t,i=this.props.plugin.chatbox||{},s=this.props.store.matchAccount()||{};e.A.get(i,"prechat_form.enabled")&&(t=i.prechat_form);let r=e.A.get(i,"offline_form.enabled");if(this.isOffline(s,i)&&r&&(t=i.offline_form),!t)return!1;let n=this.fillForm(t),o=this.props.store.matchConvo(this.props.cid)||{};if("ended"===o.state)return!0;o.state&&"pending"!==o.state&&delete n.group;let a=!0;return e.A.each(n,(e=>{e.value&&(a=!1)})),!(!a||this.userHasSent(this.props.cid))||!!e.A.find(n,(e=>e.is_required&&(null==e.value||""===e.value)))}renderConvoSummary(t){let i=this.props.plugin.chatbox||{},s=this.props.store.matchAgent("*"),r=e.A.filter(t.members,(e=>("agent"===e.type||"bot"===e.type)&&"active"===e.membership)),n=e.A.map(r,(e=>e.id));n=n||e.A.agentsOfConvo(t)[0];let o=e.A.map(n,(e=>s[e]||{avatar_url:xe,fullname:"Offline Agent"}));var a=e.A.each(o,(e=>e.fullname)).join(", ");!i.hide_agent_profile&&a||(a=this.props.store.matchAccount().name),a||(a=this.props.t("agent"));var l=null;"user"===t.lastSenderType&&(l=(0,E.h)("span",null,this.props.t("you"),":"));let c=e.A.isConvoSeen(t,this.props.store.matchUser().id);var h=this.renderMessagePreview(t.last_message_sent),u=e.A.getMs(e.A.get(t,"last_message_sent.created"))||e.A.getMs(t.created);let d=c?null:(0,E.h)("div",{class:"convo-list--item-unread"});return"ended"===t.state&&(d=(0,E.h)("img",{alt:"conversation ended",class:"convo-list--convo-completed",src:we,title:this.props.t("conversation_ended")})),(0,E.h)("div",{class:"convo-list--convo-last-info"},(0,E.h)("div",{class:"d-flex flex-row"},(0,E.h)("div",{class:"convo-list--convo-name"},a),(0,E.h)("div",{class:"convo-list--convo-time"},(0,E.h)(le.A,{ago:!0,time:u,t:this.props.t,short:!0}))),(0,E.h)("div",{class:"d-flex flex-row"},(0,E.h)("div",{class:"convo-list--convo-last-message"},l,h),d))}agentsOfConvo(t){let i=this.props.store.matchAgent("*");var s=e.A.agentsOfConvo(t,!0);return e.A.map(s,(e=>i[e]||{avatar_url:xe,fullname:"Offline Agent"}))}renderMessagePreview(t){let i=this.props.t("sent_you_a_message"),s=e.A.get(t,"data.message.text");if("plaintext"!==e.A.get(t,"data.message.format")&&(s=i),!s&&e.A.size(e.A.get(t,"data.message.attachments"))>0&&(s=i),!s)return null;let r=e.A.get(t,"by.type");return(0,E.h)("div",{class:"convo-list--convo-last-mes"},e.A.map(e.A.extractText(s),(e=>"emoji"===e.type?(0,E.h)(D,{emojiCode:e.text,byType:r}):e.text)))}userHasSent(t){var i=this.props.store.matchConvo(t)||{};let s=this.props.store.matchUser();return!!this.userSent[t]||e.A.find(i.members,(e=>e.id===s.id&&("active"===e.membership||e.last_sent>0)))}hasSentMessage(t){let i=this.props.store.matchConvo(t)||{};return e.A.find(i.members,(e=>"bot"===e.type||e.last_sent))}isOffline(t,i){let s=e.A.get(i,"offline_form.enable_when"),r=!0;return"all_agents_offline"===s&&(r=t.is_online),"out_of_bussiness_hour"===s&&(r=t.is_in_business_hour),!r}updateFormDataFields(){let t,i=this.props.plugin.chatbox||{},s=this.props.store.matchAccount()||{};e.A.get(i,"prechat_form.enabled")&&(t=i.prechat_form);let r=e.A.get(i,"offline_form.enabled");if(this.isOffline(s,i)&&r&&(t=i.offline_form),"offline_form"===this.props.view&&(t=i.offline_form),"prechat_form"===this.props.view&&(t=i.prechat_form),0===e.A.size(t))return[];var n={};e.A.each(t.fields,(t=>{var i=Object.assign({},t);"list"===t.type&&(i.list=t.list),i.label=this.props.t.i18n(e.A.get(t,"i18n_label",{}))||t.label,n["attr:"+t.key]=i})),t.group_required&&e.A.size(t.groups)>0&&(n.group={key:"group",is_required:!!t.group_required,label:this.props.t.i18n(e.A.get(t,"i18n_group_label",{}))||t.group_label,type:"group",list:e.A.map(t.groups,(e=>({value:e.id,label:e.name})))}),n.question={key:"question",is_required:!0,label:this.props.t.i18n(e.A.get(t,"i18n_question_label",{}))||t.question_label,type:"text"},this.isFormChanged(this.state.formData,n)&&this.setState({formData:n})}isFormChanged(t,i){let s=Object.keys(t),r=Object.keys(i);if(s.length!==r.length)return!0;for(let n=0;n<s.length;n++){if(e.A.get(t,`${s[n]}.label`)!==e.A.get(i,`${r[n]}.label`))return!0;if(e.A.get(t,`${s[n]}.is_required`)!==e.A.get(i,`${r[n]}.is_required`))return!0;if(e.A.stringify(e.A.get(t,`${s[n]}.list`))!==e.A.stringify(e.A.get(i,`${r[n]}.list`)))return!0}return!1}fillForm(t){if(0===e.A.size(t))return[];var i={};let s=this.props.store.matchUser();return e.A.each(t.fields,(t=>{var r=Object.assign({},t);r.value=e.A.getUserAttr(s,t.key,t.type),"emails"!=r.key||r.value||(r.value=e.A.getUserAttr(s,"related_email","text")),"phones"!=r.key||r.value||(r.value=e.A.getUserAttr(s,"related_phone","text")),"boolean"!==t.type||r.value||(r.value=!1),"datetime"===t.type&&r.value&&(r.value=new e.A.Date(i.value).toLocaleDateString("en-CA")),"list"===t.type&&(r.list=t.list),r.label=this.props.t.i18n(e.A.get(t,"i18n_label",{}))||t.label,i["attr:"+t.key]=r})),t.group_required&&e.A.size(t.groups)>0&&(i.group={key:"group",is_required:!!t.group_required,label:this.props.t.i18n(e.A.get(t,"i18n_group_label",{}))||t.group_label,type:"group",list:e.A.map(t.groups,(e=>({value:e.id,label:e.name})))}),i}}class Se extends j.Mw{componentDidMount(){this.props.onMount(this.props.form)}}function Me(e){return encodeURIComponent(e)}let Pe=r.e(278).then(r.bind(r,9278));class Ie extends j.Mw{constructor(e){super(e),this.refButton=(0,E._3)(),this.refWidget=(0,E._3)()}async refreshCSS(){let t=this.props.store.matchPlugin(),i=e.A.find(t,(e=>e.id===this.props.plugin.id));if(!i)return;let s=(await Pe).default.default.toString();var r=e.A.replaceCssVariable(s,i.chatbox);e.A.setCss(this.props.plugin.id,this.$cssStyleDiv,r)}componentWillUnmount(){e.A.setCss(this.props.plugin.id,this.$cssStyleDiv,"")}async componentDidMount(){if(this.$cssStyleDiv=document.getElementById("subiz-style-for-"+this.props.plugin.id),this.$cssStyleDiv||(this.$cssStyleDiv=document.createElement("style"),document.head.appendChild(this.$cssStyleDiv),this.$cssStyleDiv.type="text/css",this.$cssStyleDiv.id="subiz-style-for-"+this.props.plugin.id),this.setState({cssready:!1,isShowWidget:!1,widgetView:"",widgetConvoId:""}),this.checkExpand(),this.props.store.onResetCSS(this,(()=>this.refreshCSS())),this.props.store.onConvoEvent(this,(e=>this.onConvoEvent(e))),this.props.store.onUpdate(this,(e=>this.checkExpand())),await this.refreshCSS(),this.setState({cssready:!0}),this.props.store.matchIsOpen()&&this.props.store.matchLastview().view){if(this.props.store.isMobile())return;this.showWidget(Object.assign({},this.props.store.matchLastview().opts,{view:this.props.store.matchLastview().view}))}else je(),this.state.isShowWidget||this.hideWidget()}render(){return this.state.cssready?e.A.isUserBanned(this.props.store.matchUser())?null:this.props.t?(0,E.h)("div",{class:this.props.store.isMobile()?"mobile":"desktop"},(0,E.h)(z,{plugin:this.props.plugin,store:this.props.store,key:"chat_button",ref:this.refButton,isShow:!this.state.isShowWidget,onClick:e=>this.showWidget(e),t:this.props.t}),(0,E.h)(Ce,{plugin:this.props.plugin,store:this.props.store,view:this.state.widgetView,cid:this.state.widgetConvoId,isShow:this.state.isShowWidget,onClose:e=>this.onWidgetClose(e),onGo:e=>this.showWidget(e),t:this.props.t,ref:this.refWidget})):null:null}onConvoEvent(e){this.checkExpand(),this.checkShowBotConvo(e)}checkShowBotConvo(t){let i=this.refWidget.current;if(!i)return;if(i.wasFormInputed)return;if("message_sent"!==t.type)return;if(!this.state.isShowWidget)return;let s=e.A.get(t,"by.type");if(!(e.A.get(t,"by.id")||"").startsWith("bb")||"agent"!==s)return;let r=e.A.get(t,"data.message.conversation_id");r&&this.showWidget({cid:r,view:"chat"})}checkExpand(){if(this.props.store.isMobile())return;if(this.props.plugin._no_auto_expand)return;if(this.props.store.matchHasManuallyClosed())return;let t=this.props.store.matchConvo("*"),i=e.A.find(t,(t=>!e.A.isConvoSeen(t,this.props.store.matchUser().id)));i&&i.id&&(this.state.isShowWidget||this.showWidget({view:"chat",cid:i.id}))}getCurrentView(){return{is_show_widget:this.state.isShowWidget,conversation_id:this.state.widgetConvoId,view:this.state.widgetView}}async showWidget(t){if(this.refButton.current&&this.refButton.current.ClearPreview(),!t.view){let i=this.props.store.matchLastview()||{};t.view=e.A.get(i,"view"),t.cid=e.A.get(i,"opts.cid")}if(!(t=t||{}).view&&!t.cid){let i=this.props.store.matchConvo("*"),s=e.A.find(i,(t=>!e.A.isConvoSeen(t,this.props.store.matchUser().id)));t.cid=e.A.get(s,"id",e.A.get(i,"0.id")),t.view="chat"}this.props.store.isMobile()&&function(){document.body&&document.body.classList&&document.body.classList.add("sbz_no_scroll"),document.documentElement&&document.documentElement.classList&&document.documentElement.classList.add("sbz_no_scroll");let e=document.createElement("meta");e.httpEquiv="X-UA-Compatible",e.name="viewport",e.id="subiz-meta-viewport",e.content="maximum-scale=1.0, user-scalable=no, width=device-width, initial-scale=1.0",document.getElementsByTagName("head")[0].appendChild(e)}(),this.setState({widgetConvoId:t.cid,widgetView:t.view}),this.props.store.setIsOpen(!0),this.forceUpdate(),this.setState({isShowWidget:!0}),this.props.store.setLastview(t.view,{cid:t.cid})}showGreeting(){this.refButton.current&&this.refButton.current.ShowGreeting()}hideGreeting(){this.refButton.current&&this.refButton.current.HideGreeting()}showTyping(){this.refWidget.current&&this.refWidget.current.ShowTyping()}hideWidget(){je(),this.props.store.setIsOpen(!1),this.setState({isShowWidget:!1})}onWidgetClose(){this.refButton.current&&this.refButton.current.ClearPreview(),this.props.store.setHasManuallyClosed(),this.hideWidget(),this.props.store.emitCloseWidgetEvent()}}function je(){document.body&&document.body.classList&&document.body.classList.remove("sbz_no_scroll"),document.documentElement&&document.documentElement.classList&&document.documentElement.classList.remove("sbz_no_scroll");let e=document.getElementById("subiz-meta-viewport");e&&e.remove()}function Ee(t,i,s,n){if(!s)throw"$div must is a valid html node";var o=document.createElement("div");o.id=t.id;let a=i.matchAccount();o.setAttribute("sbz-plugin-type",t.type),o.setAttribute("sbz-plugin-account-id",a.id),s.appendChild(o);let l=j.JK(t,e.A.detectLang());var c,h=new e.A.Gate,u=0,d="hold",p=this;this.getState=()=>d;var m=async function(){if(A)return;if("hold"!==d)return;if("popup"===t.type&&i.isConverted(t.id))return;let s=i.matchLastPluginRun(t.id);"chatbox"!==t.type&&"notification"!==t.type||(s=void 0),t.enabled&&e.A.checkRunConditions(t.initiative_frequency,t.conditions,s,i)&&(d="running",await p.update(t))};this.forceRunPopup=async()=>{e.A.get(g,"current")?g.current.openPopup():w()};var g=(0,E._3)();let f=null,v=null,_=null;var y=e=>n.showWidget(e),b=()=>{u++,w()},w=async()=>{A||o&&("chatbox"===t.type&&(0,E.XX)((0,E.h)(Ie,{destroy:A,plugin:t,store:i,ref:g,t:this.t}),o),"popup"===t.type&&(f||(f=(await r.e(132).then(r.bind(r,132))).default),(0,E.XX)((0,E.h)(f,{destroy:A,t:this.t,highlight:c,mobile:i.isMobile(),plugin:t,store:i,ref:g,pageIndex:u,nextPage:b,showWidget:y}),o)),"notification"===t.type&&(_||(_=(await r.e(490).then(r.bind(r,1490))).default),(0,E.XX)((0,E.h)(_,{destroy:A,t:this.t,mobile:i.isMobile(),plugin:t,store:i,ref:g}),o)),"contact"===t.type&&(v||(v=(await r.e(74).then(r.bind(r,9074))).default),(0,E.XX)((0,E.h)(v,{destroy:A,t:this.t,plugin:t,store:i,ref:g}),o)),h.open())};this.call=(e,t)=>h.entry().then((()=>g.current[e](t)));var A=!1;this.destroy=()=>{A=!0,(0,E.XX)(null,o),o.parentNode.removeChild(o)},this.highlight=e=>{c=e,w()},this.update=e=>{A||(t=e,"hold"!==d&&"finished"!==d&&w())};let k=t=>{if("debug"===l)return`{{${t}}}`;let i=e.A.get(j.r9,l,[]),s=e.A.find(i,(e=>e.key===t));return e.A.get(s,"message",t)};k.i18n=e=>{if(!e)return"";let i=t.locale||a.locale||"vi-VN";return i=i.replace("-","_"),e[l.replace("-","_")]||e[i]},k.locale=()=>l,this.forceDownloadLanguage=async()=>{await j.Dy(i,l,!0),this.update(t)},this.setLocale=async e=>l===e?e:(this.t=null,w(),l=j.JK(t,e),await j.Dy(i,l),this.t=k,w(),l);let x={};e.A.map(e.A.get(t,"popup.pages"),(t=>{t&&e.A.map(t.components,(e=>{"image"===e.type&&e.image&&e.image.url&&e.image.url.startsWith("http")&&(x[e.image.url]=!0)}))})),e.A.size(x)>=0&&e.A.map(x,((t,i)=>e.A.preloadImg(i)));let C=e.A.get(t,"triggers")||[{type:"after_pageview",after_pageview_sec:0,disabled:!1}];for(var S=0;S<e.A.size(C);S++){var M=C[S];M&&(M.disabled||("exit_intent"===M.type&&e.A.trackExitIntent(m),"area_clicked"===M.type&&e.A.trackAreaClicked(M.area_clicked_css_selector,m),"scrolling_percentage"===M.type&&e.A.trackScrollingPercentage(M.scrolling_percentage,m),"inactivity_duration"===M.type&&e.A.trackInactivity(M.inactivity_sec,m),"after_pageview"===M.type&&e.A.trackTimeOnPage(M.after_pageview_sec,m)))}this.update(t),j.Dy(i,l).then((()=>{this.t=k,this.update(t)}))}class De{constructor(t,i){this.refM={},this.lib=t,this.$div=i,this.pluginM={},this._destroy=!1,t.store.onHighlight({_isMounted:!0},((e,t)=>{let i=this.pluginM[e];i&&i.highlight(t)})),t.store.onUpdate({_isMounted:!0},(()=>{if(this._destroy)return;let s=this.lib.store.matchPlugin(),r=!1;e.A.each(s,(e=>{if("chatbox"===e.type){if(r)return;r=!0}this.pluginM[e.id]?this.pluginM[e.id].update(e):this.pluginM[e.id]=new Ee(e,this.lib.store,i,t)})),e.A.each(this.pluginM,((e,t)=>{s[t]||(this.pluginM[t].destroy(),delete this.pluginM[t])}))}));let s=this.lib.store.matchPlugin(),r=!1;e.A.each(s,(e=>{if("chatbox"===e.type){if(r)return;r=!0}this.pluginM[e.id]||(this.pluginM[e.id]=new Ee(e,this.lib.store,i,t))}))}findChatbox(){var t=this.lib.store.matchPlugin();let i=e.A.filter(this.pluginM,((e,i)=>"chatbox"===t[i].type));if(0===e.A.size(i))return void console.error("no chatbox found.");let s=e.A.find(i,(e=>"running"===e.getState()));if(s||(s=i[0]),s)return s;console.error("found no suitable chatbox to run.")}getCurrentView(){let e=this.findChatbox();if(e)return e.call("getCurrentView")}showCurrentChatbox(e){let t=this.findChatbox();if(t)return t.call("showWidget",e)}showCurrentChatboxTyping(){let e=this.findChatbox();if(e)return e.call("showTyping")}showCurrentGreeting(){let e=this.findChatbox();if(e)return e.call("showGreeting")}hideCurrentGreeting(){let e=this.findChatbox();if(e)return e.call("hideGreeting")}hideCurrentChatbox(){let e=this.findChatbox();if(e)return e.call("hideWidget")}forceUpdateLang(e){let t=this.pluginM[e];if(t)return t.forceDownloadLanguage()}forceRunPopup(e){let t=this.pluginM[e];if(t)return t.forceRunPopup(e)}setPluginLocale(e,t){let i=this.pluginM[e];if(i)return i.setLocale(t)}setCurrentChatboxLocale(e){let t=this.findChatbox();if(t)return t.setLocale(e)}destroy(){e.A.map(this.pluginM,((e,t)=>{e.destroy(),delete this.pluginM[t]})),this._destroy=!0}}function Ue(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var s=i.call(e,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var Te=document.createElement("link");Te.href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap",Te.rel="stylesheet",document.head.append(Te),e.A.preloadWebfonts(["Inter"],[400,500]);class ze{constructor(t,i,s,r,n){Ue(this,"version",(()=>"4.5")),Ue(this,"setSetting",(e=>this.store.setSetting({account_setting:e}))),Ue(this,"getUser",(()=>e.A.parseJSON(e.A.stringify(this.store.matchUser())))),Ue(this,"setViewingProduct",(e=>this.store.linkProduct(e))),Ue(this,"getViewingProduct",(()=>this.store.getLinkedProduct())),Ue(this,"track",(()=>this.store.track())),this.impressionTokens={},this.domGate=new e.A.Gate,this.store=new A(t,i,s,r,n),window.sbz_store=this.store,this.subs=[],this.store.onConvoEvent({_isMounted:!0},(t=>e.A.map(this.subs,(e=>{e&&"function"==typeof e&&e(t)})))),this.store.onWidgetClose({_isMounted:!0},(t=>e.A.map(this.subs,(e=>{e&&"function"==typeof e&&e(t)}))))}async waitReady(e){await this.store.readyGate.entry(),e()}setTrackPageView(e){this.store.setTrackPageview(e)}getTrackPageView(){return this.store.getTrackPageview()}async cleanLogin(e,t){}async login(t,i,s,r){let n=await this.store.login(t,i,s);r||(r=document.body),this.pluginMgr=new De(this,r);let o=e.A.setInterval((()=>{r&&r.isConnected||(this.pluginMgr.destroy(),e.A.clearInterval(o))}),1e3);return this.domGate.open(),n}logout(e){return this.store.logout(e)}async init(t,i){let s=(t=t||{}).account_id,r=t.ref,n=await this.store.init(s,void 0,r);e.A.setTimeout((()=>window.postMessage({type:"widget_loaded",account_id:s},"*")),0),i||(i=document.body||document),this.pluginMgr=new De(this,i);let o=e.A.setInterval((()=>{i&&i.isConnected||(this.pluginMgr.destroy(),e.A.clearInterval(o))}),1e3);return this.domGate.open(),n}async setAccount(t,i,s,r){let n=await this.store.init(t,s);e.A.setTimeout((()=>window.postMessage({type:"widget_loaded",account_id:t},"*")),0),i||(i=document.body||document),this.pluginMgr=new De(this,i);let o=e.A.setInterval((()=>{i&&i.isConnected||(this.pluginMgr.destroy(),e.A.clearInterval(o))}),1e3);return this.domGate.open(),r&&r(n),n}_setAccount(e,t){return this.setAccount(e,t)}async updateUserAttributes(t){await this.store.setUser({attributes:t});var i=this.store.matchUser();return e.A.cloneDeep(i.attributes)}async getUserAttributes(){await this.store.readyGate.entry();var t=this.store.matchUser();return e.A.cloneDeep(e.A.get(t,"attributes",[]))}async getWidgetCurrentView(){return await this.domGate.entry(),this.pluginMgr.getCurrentView()}expandWidget(e,t){return this.showWidget(e,t)}shrinkWidget(){return this.hideWidget()}async sendMessage(e,t){if(!e){const{convo:i,error:s}=await this.store.startConvo({message:t.text,initial_by:this.store.matchUser().id});if(s)return{error:s};e=i.id}return this.store.sendConvoEvent(e,"message_sent",{message:t})}async viewForm(t){if(!t||!e.A.startsWith(t,"cp"))return;let i=this.impressionTokens[t];if(i)return i;let{body:s}=await this.store.sendImpression(t);return i=e.A.get(s,"impression_token")||"",this.impressionTokens[t]=i,i}async submitForm(t,i){if(!t||!e.A.startsWith(t,"cp"))return;let s=e.A.cloneDeep(this.store.matchUser()),r={id:s.id,account_id:s.account_id},n=!1;i=e.A.map(i,(t=>{let i=t.key;return"email"===i&&(i="emails"),"phone"===i&&(i="phones"),n=n||"emails"==i||"phones"==i,e.A.setUserAttr(r,{key:i,[t.type||"text"]:t.value}),{key:i,type:t.type||"text",value:e.A.stringify(t.value)}})),n&&e.A.setUserAttr(r,{key:"lead_source",text:"plugin."+t});let o=await this.viewForm(t);return this.store.setUserDiff(r),this.store.sendConversion(t,i,o)}startConvo(e){return this.store.startConvo(e)}async showGreeting(){await this.domGate.entry(),this.pluginMgr.showCurrentGreeting()}async hideGreeting(){await this.domGate.entry(),this.pluginMgr.hideCurrentGreeting()}async showWidget(e,t){await this.domGate.entry(),this.pluginMgr.showCurrentChatbox({view:e,cid:t})}async showTyping(){await this.domGate.entry(),this.pluginMgr.showCurrentChatboxTyping()}async hideWidget(){await this.domGate.entry(),this.pluginMgr.hideCurrentChatbox()}async setLocale(e){return await this.domGate.entry(),this.pluginMgr.setCurrentChatboxLocale(e)}async setLanguage(e){return await this.domGate.entry(),this.pluginMgr.setCurrentChatboxLocale(e)}async setPluginLocale(e,t){return await this.domGate.entry(),this.pluginMgr.setPluginLocale(e,t)}_overrideDeviceType(e){this.store.overrideDeviceType(e)}unload(){this.pluginMgr&&this.pluginMgr.destroy(),this.store.destroy()}_overridePlugin(e){this.store.overridePlugin(e)}_forceUpdateLang(e){this.pluginMgr.forceUpdateLang(e)}_highlight(e,t){this.store.highlight(e,t)}openPopup(e){this.pluginMgr.forceRunPopup(e)}unEvent(t){this.subs=e.A.filter(this.subs,(e=>e!==t))}async countUnreadMessages(){return await this.domGate.entry(),this.store.matchUnread()}onEvent(t){this.subs=e.A.filter(this.subs,(e=>e!==t)),this.subs.push(t)}overrideAccount(e){this.store.overrideAcc(e)}async overrideChatbox(t){await this.store.overrideChatbox(t),e.A.get(t,"chatbox.greeting.greeting")&&this.pluginMgr.showCurrentGreeting()}}window.__sbz_WIDGET=ze;const Le=ze;function Oe(e){e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var t=new RegExp("[\\?&]"+e+"=([^&#]*)").exec(location.search);return null===t?"":decodeURIComponent(t[1].replace(/\+/g," "))}!async function(){var e=Oe("id")||Oe("acc_id")||Oe("account_id")||"acqsulrowbxiugvginhw",t=Oe("real");let i;i=t?new Le("https://api.subiz.com.vn/4.0/","https://file-subiz.com/","https://rt-0.subiz.com.vn/"):new Le("https://api.subiz.com.vn/4.0/","https://file-subiz.com/","https://rt-0.subiz.com.vn/",!0,!0),console.log("ACCOUNT",e),console.log("REAL",t),window.widget=i,function(){var e=document.createElement("div");document.body.appendChild(e),(0,E.XX)((0,E.h)("div",{style:"opacity: 0.75"},(0,E.h)("header",{class:"header"},(0,E.h)("nav",{class:"navbar navbar-default navbar-fixed-top"},(0,E.h)("div",{class:"container"},(0,E.h)("nav",{class:"navbar navbar-expand-lg"},(0,E.h)("a",{class:"navbar-brand",href:"#"},(0,E.h)("img",{style:"width: 40px; height: 40px; margin-right: 20px",src:r(2106)})," ","Ngựa vằn"),(0,E.h)("button",{class:"navbar-toggler collapsed",type:"button","data-toggle":"collapse","data-target":"#navbarCollapse","aria-controls":"navbarCollapse","aria-expanded":"false","aria-label":"Toggle navigation"},(0,E.h)("span",{class:"navbar-toggler-icon"},(0,E.h)("i",{class:"fas fa-bars"}))),(0,E.h)("div",{class:"navbar-collapse collapse",id:"navbarCollapse",style:""},(0,E.h)("ul",{class:"navbar-nav ml-auto"},(0,E.h)("li",{class:"current"},(0,E.h)("a",{href:"#home"},"Trang chủ")),(0,E.h)("li",null,(0,E.h)("a",{href:"#pricing"},"Bảng giá")),(0,E.h)("li",null,(0,E.h)("a",{href:"#blog"},"Blog")),(0,E.h)("li",{class:"discover-link"},(0,E.h)("a",{href:"#",class:"external discover-btn"},"Bắt đầu")))))))),(0,E.h)("section",{class:"home-section",id:"home"},(0,E.h)("div",{class:"container"},(0,E.h)("div",{class:"row"},(0,E.h)("div",{class:"col-md-6 padding-top-80"},(0,E.h)("h1",null,"Chào mừng đến với Ngựa Vằn, dịch vụ giao hàng uy tín nhất tại Việt Nam"),(0,E.h)("p",null,"Essentials is designed with your customers in mind, so you can track and analyze all your data in one central location. There are no limits to how you can look at your data."),(0,E.h)("a",{href:"#",class:"btn-blue scrool"},"Start Your Free Trial")),(0,E.h)("div",{class:"col-md-6"},(0,E.h)("img",{src:"https://demo.epic-webdesign.com/tf-essentials/v1/images/website-development.jpg",class:"hero-image width-100",alt:"pic"}))))),(0,E.h)("section",{class:"section-grey section-top-border",id:"about"},(0,E.h)("div",{class:"container"},(0,E.h)("div",{class:"row"},(0,E.h)("div",{class:"col-md-12 text-center"},(0,E.h)("h2",{class:"section-title"},"Integrated solutions designed for small business"),(0,E.h)("p",{class:"section-subtitle"},"Communicate with flexible tools that go where your team goes.")),(0,E.h)("div",{class:"col-md-4"},(0,E.h)("div",{class:"main-services"},(0,E.h)("img",{src:r(6989),class:"width-100",alt:"pic"}),(0,E.h)("h3",null,"Designers"),(0,E.h)("p",null,"Curabitur quam etsum lacus netsum nulat iaculis ets vitae etsum nisle varius sed aliquam ets vitae netsum."),(0,E.h)("a",{href:"#about",class:"btn-blue-line small scrool"},"Essentials for Designers"))),(0,E.h)("div",{class:"col-md-4"},(0,E.h)("div",{class:"main-services"},(0,E.h)("img",{src:r(3014),class:"width-100",alt:"pic"}),(0,E.h)("h3",null,"Marketers"),(0,E.h)("p",null,"Curabitur quam etsum lacus netsum nulat iaculis ets vitae etsum nisle varius sed aliquam ets vitae netsum."),(0,E.h)("a",{href:"#about",class:"btn-blue-line small scrool"},"Essentials for Marketers"))),(0,E.h)("div",{class:"col-md-4"},(0,E.h)("div",{class:"main-services"},(0,E.h)("img",{src:"./assets/img/main-service3.png",class:"width-100",alt:"pic"}),(0,E.h)("h3",null,"Agencies"),(0,E.h)("p",null,"Curabitur quam etsum lacus netsum nulat iaculis ets vitae etsum nisle varius sed aliquam ets vitae netsum."),(0,E.h)("a",{href:"#about",class:"btn-blue-line small scrool"},"Essentials for Agencies")))))),(0,E.h)("section",{class:"section-grey",id:"pricing"},(0,E.h)("div",{class:"container"},(0,E.h)("div",{class:"row"},(0,E.h)("div",{class:"col-md-12 text-center padding-bottom-40"},(0,E.h)("h2",{class:"section-title"},"Pricing for every business, at any stage"),(0,E.h)("p",{class:"section-subtitle"},"All pricing packages are backed up by a 30-day money back guarantee.")),(0,E.h)("div",{class:"col-md-4"},(0,E.h)("div",{class:"price-box"},(0,E.h)("ul",{class:"pricing-list"},(0,E.h)("li",{class:"price-title"},"BASIC"),(0,E.h)("li",{class:"price-value"},"$25"),(0,E.h)("li",{class:"price-subtitle"},"Per Month"),(0,E.h)("li",{class:"price-text"},(0,E.h)("i",{class:"fas fa-check blue"}),"Custom Charts"),(0,E.h)("li",{class:"price-text"},(0,E.h)("i",{class:"fas fa-check blue"}),"5 Mailboxes, 10 Gb Storage"),(0,E.h)("li",{class:"price-text"},(0,E.h)("i",{class:"fas fa-check blue"}),"Unlimited Free Dashboards"),(0,E.h)("li",{class:"price-text"},(0,E.h)("i",{class:"fas fa-check blue"}),"Access to all APIs"),(0,E.h)("li",{class:"price-tag-line"},(0,E.h)("a",{href:"#"},"FREE 15-DAY TRIAL"))))),(0,E.h)("div",{class:"col-md-4"},(0,E.h)("div",{class:"price-box"},(0,E.h)("div",{class:"ribbon blue"},(0,E.h)("span",null,"Popular")),(0,E.h)("ul",{class:"pricing-list"},(0,E.h)("li",{class:"price-title"},"STANDARD"),(0,E.h)("li",{class:"price-value"},"$99"),(0,E.h)("li",{class:"price-subtitle"},"Per Month"),(0,E.h)("li",{class:"price-text strong"},(0,E.h)("i",{class:"fas fa-check blue"}),(0,E.h)("strong",null,"All Basic features")),(0,E.h)("li",{class:"price-text"},(0,E.h)("i",{class:"fas fa-check blue"}),"15 Mailboxes, 50 Gb Storage"),(0,E.h)("li",{class:"price-text"},(0,E.h)("i",{class:"fas fa-check blue"}),"Interactive Screen Sharing"),(0,E.h)("li",{class:"price-text"},(0,E.h)("i",{class:"fas fa-check blue"}),"Full Reports History"),(0,E.h)("li",{class:"price-tag"},(0,E.h)("a",{href:"#"},"FREE 15-DAY TRIAL"))))),(0,E.h)("div",{class:"col-md-4"},(0,E.h)("div",{class:"price-box"},(0,E.h)("ul",{class:"pricing-list"},(0,E.h)("li",{class:"price-title white-text"},"PRO"),(0,E.h)("li",{class:"price-value white-text"},"$199"),(0,E.h)("li",{class:"price-subtitle white-text"},"Per Month"),(0,E.h)("li",{class:"price-text white-text"},(0,E.h)("i",{class:"fas fa-check blue"}),(0,E.h)("strong",null,"All Standard Features")),(0,E.h)("li",{class:"price-text"},(0,E.h)("i",{class:"fas fa-check blue"}),"50 Mailboxes, 90 Gb Storage"),(0,E.h)("li",{class:"price-text"},(0,E.h)("i",{class:"fas fa-check blue"}),"Dedicated Account Manager"),(0,E.h)("li",{class:"price-text"},(0,E.h)("i",{class:"fas fa-check blue"}),"24/7 Priority Support"),(0,E.h)("li",{class:"price-tag-line"},(0,E.h)("a",{href:"#"},"FREE 15-DAY TRIAL")))))))),(0,E.h)("section",{class:"section-grey partners-paddings section-top-border section-bottom-border"},(0,E.h)("div",{class:"container"},(0,E.h)("div",{class:"row"},(0,E.h)("div",{class:"col-md-12 text-center"},(0,E.h)("h3",{class:"section-title"},"Tin tưởng bởi 250 doanh nghiệp")),(0,E.h)("div",{class:"col-md-12 text-center"},(0,E.h)("ul",{class:"partners-mentions"},(0,E.h)("li",null,(0,E.h)("img",{src:r(4257),alt:"CSS Awards"})),(0,E.h)("li",null,(0,E.h)("img",{src:r(7574),alt:"Awwwards"})),(0,E.h)("li",null,(0,E.h)("img",{src:r(8011),alt:"CSS Winner"})),(0,E.h)("li",null,(0,E.h)("img",{src:r(9040),alt:"CSS Design Awards"}))))))),(0,E.h)("div",{class:"footer"},(0,E.h)("div",{class:"container"},(0,E.h)("div",{class:"row"},(0,E.h)("div",{class:"col-md-12 text-center"},(0,E.h)("p",null,"Bản quyền thuộc về Ngựa Vằn @2022"),(0,E.h)("ul",{class:"footer_social"},(0,E.h)("li",null,(0,E.h)("a",{href:"#"},(0,E.h)("i",{class:"fab fa-twitter"}))),(0,E.h)("li",null,(0,E.h)("a",{href:"#"},(0,E.h)("i",{class:"fab fa-pinterest"}))),(0,E.h)("li",null,(0,E.h)("a",{href:"#"},(0,E.h)("i",{class:"fab fa-facebook-square"}))),(0,E.h)("li",null,(0,E.h)("a",{href:"#"},(0,E.h)("i",{class:"fab fa-instagram"}))),(0,E.h)("li",null,(0,E.h)("a",{href:"#"},(0,E.h)("i",{class:"fab fa-skype"}))),(0,E.h)("li",null,(0,E.h)("a",{href:"#"},(0,E.h)("i",{class:"fab fa-dribble"}))))))))),e)}();var s=document.createElement("div");document.body.appendChild(s);let n=document.location.hash.substr(1),o=JSON.parse(decodeURIComponent(atob(n)));o.triggers=[{type:"after_pageview",after_pageview_sec:0,enabled:!0}],!1!==o._dont_close&&(o._dont_close=!0),o._page_index=0,console.log("PLUGIN",o),i._overridePlugin([o]),await i.setAccount(e,s)}()})()})();