@subiz/widget-v4 4.0.92 → 4.0.94

package/assets/less/chatbox.less

@@ -229,6 +229,14 @@ body div#sbz92 {
 		flex-shrink: 0;
 	}
 
+	.justify-content-between {
+		justify-content: space-between;
+	}
+
+	.no-shrink {
+		flex-shrink: 0;
+	}
+
 	@import 'avatar.less';
 	@import 'widget_header.less';
 	@import 'message_input.less';

package/assets/less/message.less

@@ -613,10 +613,11 @@ a.message_error {
 .order_attachment__footer {
 	margin-top: 10px;
 	padding-top: 10px;
-	display: flex;
-	justify-content: space-between;
 	border-top: 1px solid #ccc;
-	line-height: 1;
+}
+
+.order_attachment__total {
+	font-size: 16px;
 }
 
 .order_attachment__label {
@@ -625,6 +626,10 @@ a.message_error {
 	margin-top: 10px;
 }
 
+.order_attachment__label.no_margin {
+	margin-top: 0;
+}
+
 .order_attachment.order_attachment__user {
 	margin-right: 50px;
 

package/assets/less/order.less

@@ -482,3 +482,13 @@ div.order__card.order__card__active {
 	height: 100%;
 	width: 100%;
 }
+
+.order_attachment__note {
+	font-size: 14px;
+	white-space: pre-wrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 3;
+	-webkit-box-orient: vertical;
+}

package/compiled_src/bot.js

@@ -4,27 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = _default;
-
 var _index = _interopRequireDefault(require("./util/index.js"));
-
 var common = _interopRequireWildcard(require("./common.js"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _default(store) {
   let botM = store.matchBot();
   if (Object.keys(botM).length === 0) return;
-
   _index.default.each(botM, bot => {
     let run = async () => {
       run = () => true;
-
       let match = _index.default.checkRunConditions(bot.initiative_frequency, bot.conditions, store.matchLastBotRun(bot.id), store);
-
       if (!match) return;
       let {
         error
@@ -40,9 +31,7 @@ function _default(store) {
       if (error) return console.error(error);
       store.logBotRun(bot.id);
     };
-
     let triggers = _index.default.get(bot, 'triggers') || [];
-
     for (let tr of triggers) {
       if (!tr) continue;
       if (tr.disabled) continue;

package/compiled_src/call/call.js

@@ -4,27 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _preact = require("preact");
-
 var _common = require("../common.js");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 let notifCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
 
 class Notif extends _common.Com {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", {
       close: true,
       cssready: false,
@@ -36,15 +27,12 @@ class Notif extends _common.Com {
       title: '',
       last_show: 0
     });
-
     setTimeout(async () => {
       let {
         body: impression
       } = await this.props.store.sendImpression(this.props.plugin.id);
       this.impressionToken = _index.default.get(impression, 'impression_token') || '';
-
       let image = _index.default.get(this.props, 'plugin.notification.background_url');
-
       _index.default.preloadImg(image, () => this.setState({
         imageReady: true
       }));
@@ -54,7 +42,6 @@ class Notif extends _common.Com {
   setOver(over) {
     if (!over) this.mouse_leave = _index.default.Date.now();else this.mouse_leave = 0;
   }
-
   randomTimestampt() {
     let random = Math.floor(Math.random() * 5);
     if (random == 0) return this.props.t('just_now');
@@ -63,29 +50,22 @@ class Notif extends _common.Com {
     if (random == 3) return '3 ' + this.props.t('minutes_ago');
     return '4 ' + this.props.t('minutes_ago');
   }
-
   onClick(e) {
     e.stopPropagation();
     if (this.props.plugin._dont_follow) return;
     this.props.store.sendConversion(this.props.plugin.id, null, this.impressionToken);
-
     let url = _index.default.get(this.props, 'plugin.notification.url');
-
     if (!url) return;
     if (!url.startsWith('http://') && !url.startsWith('https://')) url = '//' + url;
-
     let new_tab = _index.default.get(this.props, 'plugin.notification.new_tab', false);
-
     if (new_tab) return window.open(url);
     window.location.href = url;
   }
-
   onCloseButtonClick(e) {
     e.preventDefault();
     e.stopPropagation();
     this.setClose(true);
   }
-
   renderCloseButton() {
     return (0, _preact.h)("div", {
       class: "btn_close",
@@ -112,32 +92,25 @@ class Notif extends _common.Com {
       style: "stroke-width: 3 !important;"
     })));
   }
-
   async waitForT() {
     if (this.props.t) return;
     await _index.default.sleep(100);
     return this.waitForT();
   }
-
   async setClose(close) {
     await this.waitForT();
     if (!this.props.t) return;
-
     if (!close) {
       clearTimeout(this.lastCloseTimeout);
       this.setState({
         closeAnimation: false
       });
       let timestamp = this.randomTimestampt();
-
       let profiles = _index.default.get(this.props, 'plugin.notification.profiles', []);
-
       let user = profiles[Math.floor(Math.random() * _index.default.size(profiles))];
-
       if (user.avatar_url && user.avatar_url.startsWith('http')) {
         await _index.default.preloadImg(user.avatar_url);
       }
-
       _index.default.map(_index.default.get(this.props.plugin, 'notification.custom_avatar_urls'), url => {
         profiles.push({
           type: 'person',
@@ -149,13 +122,9 @@ class Notif extends _common.Com {
           age: randomAge()
         });
       });
-
       let i18n_messages = _index.default.get(this.props, 'plugin.notification.i18n_message_quill_deltas', []);
-
       let i18n_message = i18n_messages[Math.floor(Math.random() * _index.default.size(i18n_messages))];
-
       let i18n_title = _index.default.get(this.props, 'plugin.notification.i18n_title_quill_delta');
-
       return this.setState({
         close: false,
         last_show: _index.default.Date.now(),
@@ -165,7 +134,6 @@ class Notif extends _common.Com {
         message: this.props.t.i18n(i18n_message)
       });
     }
-
     this.setState({
       closeAnimation: true
     });
@@ -179,39 +147,29 @@ class Notif extends _common.Com {
       close: false
     }), 1000);
   }
-
   async refreshCSS() {
     let plugins = this.props.store.matchPlugin();
-
     let found = _index.default.find(plugins, plugin => plugin.id === this.props.plugin.id);
-
     if (!found) return;
     let css = (await notifCSS).default.default.toString();
-
     _index.default.setCss(this.props.plugin.id, this.$cssStyleDiv, css);
-
     this.setClose(this.state.close);
   }
-
   componentWillUnmount() {
     clearInterval(this.interval);
-
     _index.default.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
   }
-
   async componentDidMount() {
     this.setState({
       last_show: _index.default.Date.now()
     });
     this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);
-
     if (!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.props.store.onResetCSS(this, () => this.refreshCSS());
     await this.refreshCSS();
     this.interval = setInterval(() => {
@@ -219,12 +177,10 @@ class Notif extends _common.Com {
       let mouseleave = this.mouse_leave;
       if (mouseleave === 0) mouseleave = _index.default.Date.now();
       if (_index.default.Date.now() - mouseleave < 1000) return;
-
       if (!this.state.close && !this.props.plugin._dont_close) {
         if (_index.default.Date.now() - this.state.last_show > 8000) return this.setClose(true);
         return;
       }
-
       if (_index.default.Date.now() - this.state.last_show > this.props.plugin.notification.interval_sec) {
         return this.setClose(false);
       }
@@ -236,45 +192,35 @@ class Notif extends _common.Com {
       this.setClose(false);
     }, 50);
   }
-
   renderTextFromQuillDelta(quilldelta, profile) {
     let qd = _index.default.parseJSON(quilldelta);
-
     if (!qd || !qd.ops) return null;
     return _index.default.map(qd.ops, op => {
       let out = null;
       if (!op.insert) return null;
       if (typeof op.insert == 'string') out = op.insert;
-
       if (_index.default.get(op, 'insert.dynamicField')) {
         let key = _index.default.get(op, 'insert.dynamicField.key');
-
         if (key === 'user.fullname') out = profile.fullname;
         if (key === 'user.email') out = profile.email;
         if (key === 'user.address') out = profile.address;
         if (key === 'user.phone') out = profile.phone;
       }
-
       if (_index.default.get(op, 'attributes.bold')) out = (0, _preact.h)("b", null, out);
       if (_index.default.get(op, 'attributes.italic')) out = (0, _preact.h)("b", null, out);
       return out;
     });
   }
-
   render() {
     if (!this.props.t) return null;
     if (!this.state.cssready) return null;
     if (!this.state.imageReady) return null;
     if (this.state.close) return null;
     if (!this.state.message) return null;
-
     let notif = _index.default.get(this.props.plugin, 'notification', {});
-
     if (!notif) return null;
     let animation = '';
-
     let pos = _index.default.get(notif, 'position', 'bottom-left');
-
     if (this.props.mobile) pos = _index.default.get(notif, 'mobile_position', pos);
     if (pos === 'top-left' || pos === 'top-right') animation = 'fadeInDown';else if (pos === 'top-center') animation = 'fadeInDownCenter';else if (pos === 'bottom-center') animation = 'fadeInUpCenter';else if (pos === 'bottom-right') {
       animation = 'fadeInUpBig';
@@ -319,28 +265,21 @@ class Notif extends _common.Com {
       style: _index.default.js2css(notif.subtext_style)
     }, this.state.timestamp))));
   }
-
 }
-
 exports.default = Notif;
-
 function randomName() {
   let db = ['Kiều Thanh', 'Phương Anh', 'Lê Thùy Linh', 'Trang Nguyễn', 'Thanh Hoa', 'Hoài Đức', 'Huơng Giang'];
   return db[Math.floor(Math.random() * db.length)];
 }
-
 function randomAge() {
   return 15 + Math.floor(Math.random() * 20);
 }
-
 function ramdomPhone() {
   return '+84' + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + 'xxxx';
 }
-
 function randomEmail() {
   return randomName().split(' ').join('.').toLowerCase() + '@gmail.com';
 }
-
 function randomAddress() {
   let db = ['Dịch Vọng Hậu, Cầu Giấy', 'Quận 1, TP Hồ Chí Minh', 'Ngõ 34 Tôn Thất Thuyết', '87 Phạm Hùng', 'Đống Đa, Hà Nội'];
   return db[Math.floor(Math.random() * db.length)];

package/compiled_src/call/css.js

@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _default = require('css-loader!less-loader!../../assets/less/notif.less');
-
 exports.default = _default;

package/compiled_src/chatbox/AgentsAvatar.js

@@ -4,26 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class AgentsAvatar extends _common.Com {
   constructor(props) {
     super(props);
   }
-
   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.h)("div", {
         class: `group-avatar group-avatar--${mode}`
@@ -39,25 +32,18 @@ class AgentsAvatar extends _common.Com {
         src: this.props.store.replaceFileUrl(acc.logo_url) || require('../../assets/img/image_default.png')
       })));
     }
-
     let agentM = this.props.store.matchAgent('*');
-
     var agents = _index.default.map(this.props.agent_ids, id => agentM[id]);
-
     if (this.props.agent_ids === undefined || _index.default.size(this.props.agent_ids) === 0) {
       var agids = _index.default.get(accountSetting, 'header.agent_ids', []);
-
       agids = _index.default.filter(agids, id => !!agentM[id]);
-
       if (agids.length !== 0) {
         agents = _index.default.map(agids, id => agentM[id]);
       } else {
         agents = _index.default.filter(agentM, agent => agent.type === 'agent');
       }
     }
-
     agents = _index.default.filter(agents, ag => !!ag);
-
     if (agents.length === 0) {
       return (0, _preact.h)("div", {
         class: `group-avatar group-avatar--${mode}`
@@ -157,7 +143,5 @@ class AgentsAvatar extends _common.Com {
       src: this.props.store.replaceFileUrl(rightAgent.avatar_url) || require('../../assets/img/default_avatar.png')
     })));
   }
-
 }
-
 exports.default = AgentsAvatar;

package/compiled_src/chatbox/AudioAttachments.js

@@ -4,34 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class AudioAttachments extends _common.Com {
   constructor(props) {
     super(props);
   }
-
   render() {
     let byType = _index.default.get(this.props.ev, 'by.type');
-
     var attachments = _index.default.get(this.props.ev, 'data.message.attachments', []);
-
     var audios = [];
-
     _index.default.each(attachments, (att, i) => {
       if (!att) return;
       if (_index.default.includes(att.mimetype, 'audio')) audios.push(att);
     });
-
     if (audios.length === 0) return null;
-
     var $audios = _index.default.map(audios, (audio, index) => {
       return (0, _preact.h)("div", {
         key: index,
@@ -44,12 +33,9 @@ class AudioAttachments extends _common.Com {
         type: audio.mimetype
       })));
     });
-
     return (0, _preact.h)("div", {
       class: `message-${byType}`
     }, $audios);
   }
-
 }
-
 exports.default = AudioAttachments;

package/compiled_src/chatbox/ButtonAttachments.js

@@ -4,43 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Buttons = _interopRequireDefault(require("./Buttons.js"));
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class ButtonAttachments extends _common.Com {
   constructor(props) {
     super(props);
   }
-
   render() {
     let byType = _index.default.get(this.props.ev, 'by.type');
-
     if (byType === 'user') return null;
-    let buttons = [];
 
+    let buttons = [];
     let attachments = _index.default.get(this.props.ev, 'data.message.attachments', []);
-
     _index.default.each(attachments, (att, i) => {
       if (!att || _index.default.get(att, 'type') !== 'button') return;
-
       _index.default.each(_index.default.get(att, 'buttons') || [], btn => buttons.push(btn));
     });
-
     return (0, _preact.h)(_Buttons.default, {
       store: this.props.store,
       buttons: buttons,
       t: this.props.t
     });
   }
-
 }
-
 exports.default = ButtonAttachments;

package/compiled_src/chatbox/Buttons.js

@@ -4,23 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class Buttons extends _common.Com {
   constructor(props) {
     super(props);
   }
-
   render() {
     if (_index.default.size(this.props.buttons) === 0) return null;
-
     var $buttons = _index.default.map(this.props.buttons, (button, index) => {
       if (button.type === 'call_button') {
         return (0, _preact.h)("a", {
@@ -30,7 +23,6 @@ class Buttons extends _common.Com {
           title: button.title
         }, this.props.t.i18n(button.i18n_title) || button.title);
       }
-
       if (button.type === 'url_button') {
         return (0, _preact.h)("a", {
           class: "url-button-attachment",
@@ -40,7 +32,6 @@ class Buttons extends _common.Com {
           title: button.title
         }, this.props.t.i18n(button.i18n_title) || button.title || button.url);
       }
-
       if (button.type === 'postback_button') {
         return (0, _preact.h)("a", {
           class: "url-button-attachment",
@@ -48,17 +39,13 @@ class Buttons extends _common.Com {
           onClick: _ => this.props.onSelect(button)
         }, this.props.t.i18n(button.i18n_title) || button.title);
       }
-
       if (button.type === 'widget_ask_desktop_notify_button') return null;
       if (button.type === 'widget_ask_contact_info_button') return null;
       return null;
     });
-
     return (0, _preact.h)("div", {
       class: "button-attachments"
     }, $buttons);
   }
-
 }
-
 exports.default = Buttons;