@subiz/widget-v4 4.0.85 → 4.0.88

package/dist/132.js

@@ -225,6 +225,13 @@ class ChatButton extends common/* Com */.up {
       position = util/* default.get */.Z.get(accountSetting, 'mobile_button.position') || position;
     }
 
+    if (accountSetting && accountSetting.hide_agent_profile) {
+      agent = Object.assign({}, account, {
+        avatar_url: account.logo_url || __webpack_require__(9895),
+        fullname: account.name || this.props.t('agent')
+      });
+    }
+
     let cls = 'widget-preview widget-preview--' + position;
     if (!this.state.displayPreview) cls += ' widget-preview--hidden';
     var tags = this.renderMessagePreview(this.state.previewEvent, this.props.t('sent_you_a_message'));
@@ -258,21 +265,17 @@ class ChatButton extends common/* Com */.up {
   }
 
   onProfileReady() {
-    if (this.state.buttonLoaded) this.setState({
+    if (this._buttonLoaded) this.setState({
       opacity: 1
     });
-    this.setState({
-      profileLoaded: true
-    });
+    this._profileLoaded = true;
   }
 
   onButtonReady() {
-    if (this.state.profileLoaded) this.setState({
+    if (this._profileLoaded) this.setState({
       opacity: 1
     });
-    this.setState({
-      buttonLoaded: true
-    });
+    this._buttonLoaded = true;
   }
 
   renderButton() {
@@ -462,6 +465,26 @@ class AgentsAvatar extends common/* Com */.up {
 
   render() {
     let accountSetting = this.props.plugin.chatbox;
+    let acc = this.props.store.matchAccount();
+    var tooltippos = this.props.tooltipPos || 'bottom';
+    var mode = this.props.mode || 'primary';
+
+    if (accountSetting && accountSetting.hide_agent_profile) {
+      return (0,preact_module.h)("div", {
+        class: `group-avatar group-avatar--${mode}`
+      }, (0,preact_module.h)("div", {
+        class: "d-inline-block pos-relative",
+        "data-tooltip": acc.name,
+        "data-tooltip-position": tooltippos
+      }, (0,preact_module.h)("img", {
+        width: 35,
+        height: 35,
+        alt: "agent avatar left",
+        class: "avatar group-avatar--agent-left",
+        src: this.props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(9895)
+      })));
+    }
+
     let agentM = this.props.store.matchAgent('*');
     var agents = util/* default.map */.Z.map(this.props.agent_ids, id => agentM[id]);
 
@@ -477,9 +500,6 @@ class AgentsAvatar extends common/* Com */.up {
     }
 
     agents = util/* default.filter */.Z.filter(agents, ag => !!ag);
-    let acc = this.props.store.matchAccount();
-    var tooltippos = this.props.tooltipPos || 'bottom';
-    var mode = this.props.mode || 'primary';
 
     if (agents.length === 0) {
       return (0,preact_module.h)("div", {
@@ -840,6 +860,12 @@ class MessageInput extends common/* Com */.up {
     }, 5);
   }
 
+  blur() {
+    const $input = this.refMessageInput.current;
+    if (!$input) return;
+    $input.blur();
+  }
+
   render() {
     var buttons = (0,preact_module.h)("div", {
       class: "d-flex flex-row align-self-end"
@@ -2730,6 +2756,18 @@ class Event extends common/* Com */.up {
 
     var uri = acc.logo_url || __webpack_require__(9895);
 
+    if (true) {
+      return (0,preact_module.h)("div", {
+        class: "message-sender"
+      }, (0,preact_module.h)("img", {
+        alt: "sender",
+        class: "message-sender-avatar",
+        src: this.props.store.replaceFileUrl(uri)
+      }), (0,preact_module.h)("p", {
+        class: "message-sender-name"
+      }, acc.name));
+    }
+
     let agentM = this.props.store.matchAgent('*');
 
     if (byid !== 'system' || bytype !== 'dummy') {
@@ -3026,6 +3064,7 @@ class Events extends common/* Com */.up {
     }));
     processEvents(convo, events);
     let $events = util/* default.map */.Z.map(events, ev => (0,preact_module.h)(Event, {
+      chatbox: this.props.chatbox,
       onLink: this.props.onLink,
       store: this.props.store,
       onFormSubmit: this.props.onFormSubmit,
@@ -5626,6 +5665,40 @@ class Widget extends common/* Com */.up {
   constructor(props) {
     super(props);
 
+    Widget_defineProperty(this, "msgInput", (0,preact_module/* createRef */.Vf)());
+
+    Widget_defineProperty(this, "sendMessage", async message => {
+      let text = message.text;
+
+      if (!this.props.cid) {
+        this.creating = true;
+        const {
+          convo,
+          error
+        } = await this.props.store.startConvo({
+          locale: this.props.t.locale(),
+          message: text,
+          initial_by: this.props.store.matchUser().id
+        });
+
+        if (error) {}
+
+        this.creating = false;
+        this.props.store.sendConvoEvent(convo.id, 'message_sent', {
+          message
+        });
+        this.props.onGo({
+          view: 'chat',
+          cid: convo.id
+        });
+        return;
+      }
+
+      this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
+        message
+      });
+    });
+
     Widget_defineProperty(this, "onLink", (e, url) => {
       if (!url) return e.preventDefault();
       let noschemeurl = url.replace(/(^\w+:|^)\/\//, '');
@@ -5758,17 +5831,23 @@ class Widget extends common/* Com */.up {
     if (hasError) return this.forceUpdate();
     let data = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
     let user = util/* default.cloneDeep */.Z.cloneDeep(this.props.store.matchUser());
+    let is_lead = false;
     util/* default.map */.Z.map(data, (field, key) => {
       if (!key.startsWith('attr:')) return;
       var attr = {
         key: key.substr(5)
       };
+      is_lead = is_lead || key == 'emails' || key == 'phones';
       if (field.type === 'number') attr.number = parseInt(field.value);
       if (field.type === 'datetime') attr.datetime = new util/* default.Date */.Z.Date(field.value).toISOString();
       if (field.type === 'list') attr.list = field.value;
       if (field.type === 'text' || field.type === 'boolean') attr[field.type] = field.value;
       util/* default.setUserAttr */.Z.setUserAttr(user, attr);
     });
+    if (is_lead) util/* default.setUserAttr */.Z.setUserAttr(user, {
+      key: 'lead_source',
+      text: 'widget'
+    });
     let firstmsg = util/* default.get */.Z.get(data, 'question.value');
     let groupid = util/* default.get */.Z.get(data, 'group.value', '');
 
@@ -6112,7 +6191,7 @@ class Widget extends common/* Com */.up {
 
   blur() {
     if (this.props.store.isPreview) return;
-    var $input = this.msgInput;
+    var $input = this.msgInput.current;
     if (!$input) return;
     setTimeout(() => $input && $input.blur());
     setTimeout(() => $input && $input.blur(), 300);
@@ -6136,7 +6215,7 @@ class Widget extends common/* Com */.up {
       return;
     }
 
-    var $input = this.msgInput;
+    var $input = this.msgInput.current;
     if (!$input) return;
     setTimeout(() => $input.focus());
     setTimeout(() => $input.focus(), 300);
@@ -6152,38 +6231,6 @@ class Widget extends common/* Com */.up {
     this.focusInput();
   }
 
-  async sendMessage(message) {
-    let text = message.text;
-
-    if (!this.props.cid) {
-      this.creating = true;
-      const {
-        convo,
-        error
-      } = await this.props.store.startConvo({
-        locale: this.props.t.locale(),
-        message: text,
-        initial_by: this.props.store.matchUser().id
-      });
-
-      if (error) {}
-
-      this.creating = false;
-      this.props.store.sendConvoEvent(convo.id, 'message_sent', {
-        message
-      });
-      this.props.onGo({
-        view: 'chat',
-        cid: convo.id
-      });
-      return;
-    }
-
-    this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
-      message
-    });
-  }
-
   createPostback(postback) {
     this.props.store.createPostback(this.props.cid, postback);
   }
@@ -6191,9 +6238,9 @@ class Widget extends common/* Com */.up {
   renderChat() {
     let $input = (0,preact_module.h)(MessageInput, {
       store: this.props.store,
-      ref: ref => this.msgInput = ref,
+      ref: this.msgInput,
       cid: this.props.cid,
-      onSend: e => this.sendMessage(e),
+      onSend: this.sendMessage,
       t: this.props.t
     });
     let convo = this.props.store.matchConvo(this.props.cid) || {};
@@ -6216,6 +6263,7 @@ class Widget extends common/* Com */.up {
       isShow: this.props.isShow,
       onLink: this.onLink,
       store: this.props.store,
+      chatbox: this.props.plugin.chatbox || {},
       onFormSubmit: e => this.onEventFormSubmit(e),
       ref: ref => this.events = ref,
       cid: this.props.cid,
@@ -6284,6 +6332,7 @@ class Widget extends common/* Com */.up {
   }
 
   renderConvoSummary(convo) {
+    let accountSetting = this.props.plugin.chatbox || {};
     let agentM = this.props.store.matchAgent('*');
     let ags = util/* default.filter */.Z.filter(convo.members, m => {
       return (m.type === 'agent' || m.type === 'bot') && m.membership === 'active';
@@ -6295,7 +6344,7 @@ class Widget extends common/* Com */.up {
       fullname: 'Offline Agent'
     });
     var name = util/* default.each */.Z.each(agents, ag => ag.fullname).join(', ');
-    if (!name) name = this.props.store.matchAccount().name;
+    if (accountSetting.hide_agent_profile || !name) name = this.props.store.matchAccount().name;
     if (!name) name = this.props.t('agent');
     var $you = null;
 
@@ -6637,6 +6686,14 @@ class Main extends common/* Com */.up {
     }
 
     p = p || {};
+
+    if (!p.view && !p.cid) {
+      let convoM = this.props.store.matchConvo('*');
+      let redconvo = util/* default.find */.Z.find(convoM, convo => !util/* default.isConvoSeen */.Z.isConvoSeen(convo, this.props.store.matchUser().id));
+      p.cid = util/* default.get */.Z.get(redconvo, 'id', util/* default.get */.Z.get(convoM, '0.id'));
+      p.view = 'chat';
+    }
+
     if (this.props.store.isMobile()) modifyViewport();
     this.setState({
       widgetConvoId: p.cid,