@subiz/widget-v4 4.1.155 → 4.1.157

package/dist/HASH

@@ -1 +1 @@
-19816b2e8ca
+19888eff7f5

package/dist/screenshoot.js

@@ -3775,6 +3775,57 @@ function jsonifyTextPlain(param, done) {
     _defineProperty(this, "sendTyping", cid => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/typing`));
     _defineProperty(this, "sendLostFocus", () => this.apireq.post(`/accounts/${this.accid}/focuses/${this.uid}/delete`));
     _defineProperty(this, "uploadToS3", async file => {
+      let name = file.name.replace(/\s+/g, '_');
+      var {
+        body,
+        error
+      } = await this.apireq.setBaseUrl('https://api5.subiz.com.vn/4.1').setQuery({
+        'account-id': this.accid,
+        description: 'upload\n user-client: web-widget',
+        name: name,
+        presign: true,
+        size: file.size,
+        type: file.type
+      }).post('/files');
+      if (error) return {
+        body,
+        error
+      };
+      let signedurl = body.signed_url;
+      let fileid = body.id;
+      let err = await new Promise(resolve => {
+        const xhr = new util/* default */.A.XMLHttpRequest();
+        xhr.open('PUT', signedurl, true);
+        xhr.setRequestHeader('Content-Type', file.mimetype);
+        xhr.onload = function () {
+          if (xhr.status === 200) {
+            resolve();
+          } else {
+            resolve(new Error(`Upload failed: ${xhr.statusText}`));
+          }
+        };
+        xhr.onerror = function () {
+          resolve(new Error('Network error during upload.'));
+        };
+        xhr.send(file);
+      });
+      if (err) return {
+        error: err
+      };
+      var {
+        body,
+        error
+      } = await this.apireq.setBaseUrl('https://api5.subiz.com.vn/4.1').setQuery({
+        'account-id': this.accid
+      }).post(`/files/${fileid}/uploaded`);
+      if (error) return {
+        error
+      };
+      return {
+        url: util/* default */.A.get(body, 'file.url', '')
+      };
+    });
+    _defineProperty(this, "uploadToS32", async file => {
       var {
         body,
         error
@@ -3830,7 +3881,7 @@ function jsonifyTextPlain(param, done) {
     this.refreshLock = new util/* default */.A.Mutex();
     this.FileURL = FileURL;
     this.ApiURL = ApiURL;
-    this.api41 = ajax.setBaseUrl('https://api5.subiz.com.vn/4.1').withCredentials(true).setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json');
+    this.api41 = ajax.setBaseUrl('https://api.sbz.vn/4.1').withCredentials(true).setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json');
     this.apireq = ajax.setBaseUrl(ApiURL).withCredentials(true).addQuery('v', '6').setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json').beforeHook((param, done) => {
       if (this.token_generator) {
         let user_id = this.profile_id;
@@ -4803,12 +4854,15 @@ class Store {
       if (!id) return;
       if (id === '*') {
         this._touchAcc();
-        return util/* default */.A.filter(this.cache.all(), (value, k) => k.startsWith('convo_'));
+        return util/* default */.A.filter(this.cache.all(), (value, k) => k.startsWith('convo_')).concat(util/* default */.A.map(this.lightConvos));
       }
+      if (id.startsWith('cslight')) return this.lightConvos[id];
       if (!this.isInsync(id)) this.fetchConvo(id);
       return this.cache.match('convo_' + id);
     });
     store_defineProperty(this, "fetchConvo", async cid => {
+      if (!cid) return;
+      if (cid.startsWith('cslight')) return;
       if (this._die) return dieErr;
       await this.readyGate.entry();
       await this.reconnectGate.entry(undefined, true);
@@ -4827,9 +4881,12 @@ class Store {
     store_defineProperty(this, "outofmsgM", {});
     store_defineProperty(this, "listEvents", id => {
       if (!id || id === '*' || typeof id !== 'string') return;
+      if (id.startsWith('cslight')) return util/* default */.A.get(this.lightConvos, [id, 'events'], []);
       return this.chain.listM(id);
     });
     store_defineProperty(this, "fetchMoreEvents", async convoid => {
+      if (!convoid) return;
+      if (convoid.startsWith('cslight')) return [[], ''];
       if (!this.isInsync('events' + convoid)) {
         await this.readyGate.entry();
         await this.reconnectGate.entry(undefined, true);
@@ -4941,6 +4998,7 @@ class Store {
     this.FileURL = FileURL;
     this._track_page_view = true;
     this.device_type = 'desktop';
+    this.lightConvos = {};
     if (this.fake) this.api = new api_fake(ApiURL, FileURL);else this.api = new api(ApiURL, FileURL);
     if (!inmem) {
       try {
@@ -4961,9 +5019,9 @@ class Store {
     this.chain = new Chain(new lsdb('cbz2023', true), 'ch');
     this.getLocaleContent = this.api.getLocaleContent;
     this.g_haveSentSeenM = {};
-    this.last_focused = util/* default */.A.Date.now();
+    this.last_focused = this.now();
     window.addEventListener('blur', () => {
-      this.last_focused = util/* default */.A.Date.now();
+      this.last_focused = this.now();
       this.sendPresence();
     });
     window.addEventListener('focus', () => {
@@ -4985,7 +5043,7 @@ class Store {
     this._presenceInterval2 = util/* default */.A.setInterval(() => {
       if (this._die) return util/* default */.A.clearInterval(this._presenceInterval2);
       if (this.browserVisibility === 'visible' && document.hasFocus()) return;
-      if (this.last_focused && util/* default */.A.Date.now() - this.last_focused > 30 * 60000) {
+      if (this.last_focused && this.now() - this.last_focused > 30 * 60000) {
         return;
       }
       this.sendPresence();
@@ -5212,6 +5270,7 @@ class Store {
       await this.reconnectWs(accid, user.id);
       this.reconnect();
     });
+    this.lightConvos = this.kv.match('light_convos') || {};
     this.seenLoop();
     await this.reconnect({
       user: user
@@ -5270,9 +5329,8 @@ class Store {
         if (!lastmsgsent) return;
         if (this.g_haveSentSeenM[lastmsgsent.id]) return;
         if (lastmsgsent.id === lastmsgsent.data.message.idempotency_key) return;
-        this.api.markAsSeen(id, lastmsgsent.id);
         this.pubsub.publish('events', {
-          created: util/* default */.A.Date.now(),
+          created: this.now(),
           type: 'message_pong',
           by: {
             type: 'user'
@@ -5283,14 +5341,25 @@ class Store {
               id: '*',
               pongs: [{
                 type: 'seen',
-                created: util/* default */.A.Date.now()
+                created: this.now()
               }]
             }
           }
         });
+        if (id.startsWith('cslight')) {
+          let old = this.lightConvos[id];
+          let user = this.matchUser();
+          if (!old) return;
+          let mem = util/* default */.A.find(old.members, mem => mem.type == 'user' && mem.id == user.id);
+          mem.seen_at = this.now();
+          this.kv.put('light_convos', this.lightConvos);
+          this.g_haveSentSeenM[lastmsgsent.id] = true;
+          return;
+        }
+        this.api.markAsSeen(id, lastmsgsent.id);
         let convo = this.cache.match('convo_' + id) || {};
         let mem = util/* default */.A.find(convo.members, m => m.id === user.id);
-        if (mem) mem.seen_at = util/* default */.A.Date.now();
+        if (mem) mem.seen_at = this.now();
         this._setConvo(convo);
         this.g_haveSentSeenM[lastmsgsent.id] = true;
       });
@@ -5451,7 +5520,7 @@ class Store {
     let cid = util/* default */.A.convoOfEv(ev);
     let convo;
     let alreadyFetched = false;
-    if (cid) {
+    if (cid && !cid.startsWith('cslight')) {
       convo = this.cache.match('convo_' + cid);
       if (!convo || !convo.id) {
         let {
@@ -5464,6 +5533,15 @@ class Store {
         this._setConvo(convo);
       }
     }
+    if (cid.startsWith('cslight')) {
+      convo = this.lightConvos[cid];
+      if (!convo) return;
+      convo.events.push(ev);
+      convo.last_message_sent = ev;
+      this.kv.put('light_convos', this.lightConvos);
+      this.pubsub.publish('events', ev);
+      return;
+    }
     if (!convo) return;
     this.pubsub.publish('events', ev);
     if (ev.type === 'conversation_joined') {
@@ -5560,8 +5638,65 @@ class Store {
   }
   typing(cid) {
     if (!cid) return;
+    if (cid.startsWith('cslight')) return;
     this._typing(cid);
   }
+  deleteLightConvo(id) {
+    delete this.lightConvos[id];
+    this.kv.put('light_convos', this.lightConvos);
+  }
+  startLightConvo(botid, message, locale) {
+    let convoid = 'cslight' + botid + '_' + this.now();
+    let user = this.cache.match('user') || {};
+    let old = this.lightConvos[convoid];
+    if (old) return {
+      convo: old
+    };
+    let now = this.now();
+    let ev = {};
+    ev.created = now;
+    ev.event_time = now;
+    ev.id = 'evfake' + now;
+    ev.type = 'message_sent';
+    ev.by = {
+      id: botid,
+      type: 'bot'
+    };
+    ev.data = {
+      message: message
+    };
+    ev.data.message.conversation_id = convoid;
+    let newconvo = {
+      id: convoid,
+      locale: locale,
+      initial_by: botid,
+      created: now,
+      actived: now,
+      last_message_sent: ev,
+      members: [{
+        type: 'user',
+        id: user.id
+      }, {
+        type: 'bot',
+        id: botid,
+        membership: 'active'
+      }],
+      state: 'active',
+      touchpoint: {
+        id: convoid,
+        channel: 'subiz',
+        source: 'web'
+      },
+      traffic_source: 'direct',
+      events: [ev]
+    };
+    this.pubsub.publish('events', ev);
+    this.lightConvos[convoid] = newconvo;
+    this.kv.put('light_convos', this.lightConvos);
+    return {
+      convo: newconvo
+    };
+  }
   async startConvo(req) {
     if (!req) req = {};
     await this.readyGate.entry();
@@ -5587,9 +5722,11 @@ class Store {
     return this.api.lookupOrder(key);
   }
   createPostback(cid, postback) {
+    if (cid && cid.startsWith('cslight')) return;
     return this.api.createPostback(cid, postback);
   }
   sendReaction(cid, ev) {
+    if (cid && cid.startsWith('cslight')) return;
     return this.api.sendConvoEvent(cid, ev);
   }
   async sendConvoEvent(cid, type, data) {
@@ -5643,6 +5780,7 @@ class Store {
       att.url = url;
     });
     if (event._error) return this.onWs(event);
+    if (cid && cid.startsWith('cslight')) return;
     let {
       body: ret,
       error
@@ -5664,7 +5802,7 @@ class Store {
         first_interaction: 1
       });
     }
-    this.kv.put('last_msg_sent', util/* default */.A.Date.now());
+    this.kv.put('last_msg_sent', this.now());
     return ret;
   }
   _setConvo(convo) {
@@ -5749,6 +5887,7 @@ class Store {
   }
   async listmessageapi(type, anchor, limit) {
     let convoid = type;
+    if (convoid && convoid.startsWith('cslight')) return [fakeevents, '', undefined, true];
     let {
       body: events,
       code,
@@ -5782,16 +5921,16 @@ class Store {
   }
   async loopTime() {
     if (this._die) return;
-    let startms = util/* default */.A.Date.now();
+    let startms = this.now();
     if (!util/* default */.A.get(this.cache.match('user'), 'id')) return util/* default */.A.setTimeout(() => this.loopTime(), 240000);
     let {
       body: t,
       error
     } = await this.api.time();
     if (error) return util/* default */.A.setTimeout(() => this.loopTime(), 30000);
-    var latences = Math.abs(util/* default */.A.Date.now() - startms) / 2;
+    var latences = Math.abs(this.now() - startms) / 2;
     var serverMs = new util/* default */.A.Date(t).getTime() + latences;
-    var localMs = util/* default */.A.Date.now();
+    var localMs = this.now();
     this.timeDiff = Math.floor(serverMs - localMs);
     util/* default */.A.setTimeout(() => this.loopTime(), 240000);
   }
@@ -6037,7 +6176,7 @@ class ChatButton extends common/* Com */.Mw {
     this.props.store.onConvoEvent(this, ev => {
       if (util/* default */.A.get(ev, 'type') !== 'message_sent') return;
       let bytype = util/* default */.A.get(ev, 'by.type');
-      if (bytype !== 'system' && bytype !== 'agent') return;
+      if (bytype !== 'system' && bytype !== 'agent' && bytype !== 'bot') return;
       let isquickreplies = false;
       util/* default */.A.map(util/* default */.A.get(ev, 'data.message.attachments', []), att => {
         if (!att) return;
@@ -6106,18 +6245,23 @@ class ChatButton extends common/* Com */.Mw {
       displayPreview: false
     });
   }
-  ShowGreeting() {
-    if (this.props.store.isMobile()) {
-      let accid = util/* default */.A.get(this.props.plugin, 'chatbox.account_id', {});
-      if (accid === 'acqjeefqeaoiagyfprap') return;
-    }
-    let greeting = util/* default */.A.get(this.props.plugin, 'chatbox.greeting', {});
-    let agentM = this.props.store.matchAgent('*');
-    let byid = greeting.agent_id;
-    if (!byid) byid = randomAgent(agentM).id;
-    let text = this.props.t.i18n(util/* default */.A.get(greeting, 'greeting', {})) || greeting.message;
-    this.setState({
-      previewEvent: {
+  pickBestGreeting() {
+    let convoM = this.props.store.matchConvo('*');
+    let unseenConvo = util/* default */.A.filter(convoM, convo => {
+      let seen = util/* default */.A.isConvoSeen(convo, this.props.store.matchUser().id);
+      return !seen;
+    }).sort((a, b) => util/* default */.A.get(b, 'last_message_sent.created', 0) - util/* default */.A.get(a, 'last_message_sent.created', 0));
+    if (util/* default */.A.size(unseenConvo) == 0) {
+      if (this.props.store.isMobile()) {
+        let accid = util/* default */.A.get(this.props.plugin, 'chatbox.account_id', {});
+        if (accid === 'acqjeefqeaoiagyfprap') return;
+      }
+      let greeting = util/* default */.A.get(this.props.plugin, 'chatbox.greeting', {});
+      let agentM = this.props.store.matchAgent('*');
+      let byid = greeting.agent_id;
+      if (!byid) byid = randomAgent(agentM).id;
+      let text = this.props.t.i18n(util/* default */.A.get(greeting, 'greeting', {})) || greeting.message;
+      return {
         by: {
           id: byid,
           type: 'agent'
@@ -6128,7 +6272,13 @@ class ChatButton extends common/* Com */.Mw {
             format: 'plaintext'
           }
         }
-      },
+      };
+    }
+    return unseenConvo[0].last_message_sent;
+  }
+  ShowGreeting() {
+    this.setState({
+      previewEvent: this.pickBestGreeting(),
       displayPreview: true
     });
   }
@@ -6488,6 +6638,7 @@ function AgentsAvatar(props) {
   }
   if (agents.length === 1) {
     var agent = agents[0];
+    let avatarurl = agent.avatar_url || props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582);
     var groupClass = mode === 'primary' ? 'group-avatar--agent-middle' : 'group-avatar--agent-left';
     return (0,preact_module.h)("div", {
       class: `group-avatar group-avatar--${mode}`
@@ -6500,7 +6651,7 @@ function AgentsAvatar(props) {
       height: 35,
       class: `avatar ${groupClass}`,
       alt: "agent avatar",
-      src: props.store.replaceFileUrl(agent.avatar_url) || __webpack_require__(2538)
+      src: avatarurl
     })));
   }
   if (agents.length === 2) {
@@ -6517,7 +6668,7 @@ function AgentsAvatar(props) {
       height: 35,
       alt: "agent avatar left",
       class: "avatar group-avatar--agent-left",
-      src: props.store.replaceFileUrl(leftAgent.avatar_url) || __webpack_require__(2538)
+      src: props.store.replaceFileUrl(leftAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
     })), (0,preact_module.h)("div", {
       class: "d-inline-block pos-relative",
       "data-tooltip": rightAgent.fullname || acc.name,
@@ -6527,7 +6678,7 @@ function AgentsAvatar(props) {
       width: 35,
       height: 35,
       class: "avatar group-avatar--agent-right",
-      src: props.store.replaceFileUrl(rightAgent.avatar_url) || __webpack_require__(2538)
+      src: props.store.replaceFileUrl(rightAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
     })));
   }
   let leftAgent = agents[0];
@@ -6544,7 +6695,7 @@ function AgentsAvatar(props) {
     height: 35,
     alt: "agent avatar left",
     class: "avatar group-avatar--agent-left",
-    src: props.store.replaceFileUrl(leftAgent.avatar_url) || __webpack_require__(2538)
+    src: props.store.replaceFileUrl(leftAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
   })), (0,preact_module.h)("div", {
     class: "d-inline-block pos-relative",
     "data-tooltip": middleAgent.fullname || acc.name,
@@ -6554,7 +6705,7 @@ function AgentsAvatar(props) {
     width: 35,
     height: 35,
     class: "avatar group-avatar--agent-middle",
-    src: props.store.replaceFileUrl(middleAgent.avatar_url) || __webpack_require__(2538)
+    src: props.store.replaceFileUrl(middleAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
   })), (0,preact_module.h)("div", {
     class: "d-inline-block pos-relative",
     "data-tooltip": rightAgent.fullname || acc.name,
@@ -6564,7 +6715,7 @@ function AgentsAvatar(props) {
     height: 35,
     alt: "agent avatar right",
     class: "avatar group-avatar--agent-right",
-    src: props.store.replaceFileUrl(rightAgent.avatar_url) || __webpack_require__(2538)
+    src: props.store.replaceFileUrl(rightAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
   })));
 }
 ;// ./src/chatbox/Header.js
@@ -9751,6 +9902,47 @@ class Widget extends common/* Com */.Mw {
         return;
       }
       let text = message.text;
+      if (this.props.cid && this.props.cid.startsWith('cslight')) {
+        let cid = this.props.cid;
+        this._creating = (this._creating || 0) + 1;
+        let _creating = this._creating;
+        this.setState({
+          creating: true
+        });
+        let botid = cid.split('_')[0].slice(7);
+        const {
+          convo,
+          error
+        } = await this.props.store.startConvo({
+          locale: this.props.t.locale(),
+          message: text,
+          members: [{
+            type: 'bot',
+            id: botid
+          }],
+          initial_by: this.props.store.matchUser().id
+        });
+        if (_creating != this._creating) return;
+        if (error) {
+          this.setState({
+            creating: false
+          });
+          return;
+        }
+        this.props.store.deleteLightConvo(cid);
+        await this.props.store.sendConvoEvent(convo.id, 'message_sent', {
+          message
+        });
+        if (_creating != this._creating) return;
+        this.props.onGo({
+          view: 'chat',
+          cid: convo.id
+        });
+        this.setState({
+          creating: false
+        });
+        return;
+      }
       if (!this.props.cid) {
         this._creating = (this._creating || 0) + 1;
         let _creating = this._creating;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.155",
+	"version": "4.1.157",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -13,7 +13,7 @@
 		"@subiz/flow": "^1.1.0",
 		"@subiz/wsclient": "^4.0.34",
 		"cookie_js": "1.4.2",
-		"core-js": "^3.44.0",
+		"core-js": "^3.45.0",
 		"css-loader": "5.2.7",
 		"file-loader": "^6.2.0",
 		"less": "^4.4.0",
@@ -29,7 +29,7 @@
 		"babel-loader": "^10.0.0",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.3",
-		"puppeteer": "^24.15.0",
+		"puppeteer": "^24.16.0",
 		"webpack": "^5.101.0",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^6.0.1",

package/src/bot.js

@@ -11,7 +11,14 @@ export default function (store) {
 			run = () => true // dont run twice
 			let match = sb.checkRunConditions(bot.initiative_frequency, bot.conditions, store.matchLastBotRun(bot.id), store)
 			if (!match) return
-
+			if (bot.id.startsWith('at')) {
+				if (!bot.welcome_message) return
+				let {error} = await store.startLightConvo(bot.id, bot.welcome_message, common.getLocale(bot, sb.detectLang()))
+				if (error) return console.error(error)
+				store.logBotRun(bot.id)
+				return
+			}
+			// old bot, should deprecated
 			let {error} = await store.startConvo({
 				initial_by: bot.id,
 				locale: common.getLocale(bot, sb.detectLang()),

package/src/chatbox/AgentsAvatar.js

@@ -59,6 +59,10 @@ export default function AgentsAvatar(props) {
 	// 1 agent
 	if (agents.length === 1) {
 		var agent = agents[0]
+
+		let avatarurl =
+			agent.avatar_url || props.store.replaceFileUrl(acc.logo_url) || require('../../assets/img/image_default.png')
+
 		var groupClass = mode === 'primary' ? 'group-avatar--agent-middle' : 'group-avatar--agent-left'
 		return (
 			<div class={`group-avatar group-avatar--${mode}`}>
@@ -67,13 +71,7 @@ export default function AgentsAvatar(props) {
 					data-tooltip={agent.fullname || acc.name}
 					data-tooltip-position={tooltippos}
 				>
-					<img
-						width={35}
-						height={35}
-						class={`avatar ${groupClass}`}
-						alt='agent avatar'
-						src={props.store.replaceFileUrl(agent.avatar_url) || require('../../assets/img/default_avatar.png')}
-					/>
+					<img width={35} height={35} class={`avatar ${groupClass}`} alt='agent avatar' src={avatarurl} />
 				</div>
 			</div>
 		)
@@ -95,7 +93,11 @@ export default function AgentsAvatar(props) {
 						height={35}
 						alt='agent avatar left'
 						class='avatar group-avatar--agent-left'
-						src={props.store.replaceFileUrl(leftAgent.avatar_url) || require('../../assets/img/default_avatar.png')}
+						src={
+							props.store.replaceFileUrl(leftAgent.avatar_url) ||
+							props.store.replaceFileUrl(acc.logo_url) ||
+							require('../../assets/img/image_default.png')
+						}
 					/>
 				</div>
 				<div
@@ -108,7 +110,11 @@ export default function AgentsAvatar(props) {
 						width={35}
 						height={35}
 						class='avatar group-avatar--agent-right'
-						src={props.store.replaceFileUrl(rightAgent.avatar_url) || require('../../assets/img/default_avatar.png')}
+						src={
+							props.store.replaceFileUrl(rightAgent.avatar_url) ||
+							props.store.replaceFileUrl(acc.logo_url) ||
+							require('../../assets/img/image_default.png')
+						}
 					/>
 				</div>
 			</div>
@@ -132,7 +138,11 @@ export default function AgentsAvatar(props) {
 					height={35}
 					alt='agent avatar left'
 					class='avatar group-avatar--agent-left'
-					src={props.store.replaceFileUrl(leftAgent.avatar_url) || require('../../assets/img/default_avatar.png')}
+					src={
+						props.store.replaceFileUrl(leftAgent.avatar_url) ||
+						props.store.replaceFileUrl(acc.logo_url) ||
+						require('../../assets/img/image_default.png')
+					}
 				/>
 			</div>
 			<div
@@ -145,7 +155,11 @@ export default function AgentsAvatar(props) {
 					width={35}
 					height={35}
 					class='avatar group-avatar--agent-middle'
-					src={props.store.replaceFileUrl(middleAgent.avatar_url) || require('../../assets/img/default_avatar.png')}
+					src={
+						props.store.replaceFileUrl(middleAgent.avatar_url) ||
+						props.store.replaceFileUrl(acc.logo_url) ||
+						require('../../assets/img/image_default.png')
+					}
 				/>
 			</div>
 			<div
@@ -158,7 +172,11 @@ export default function AgentsAvatar(props) {
 					height={35}
 					alt='agent avatar right'
 					class='avatar group-avatar--agent-right'
-					src={props.store.replaceFileUrl(rightAgent.avatar_url) || require('../../assets/img/default_avatar.png')}
+					src={
+						props.store.replaceFileUrl(rightAgent.avatar_url) ||
+						props.store.replaceFileUrl(acc.logo_url) ||
+						require('../../assets/img/image_default.png')
+					}
 				/>
 			</div>
 		</div>