@subiz/widget-v4 4.0.92 → 4.0.93

package/compiled_src/chatbox/ProductAttachments.js

@@ -4,29 +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 ProductAttachments extends _common.Com {
   render() {
     let byType = _index.default.get(this.props.ev, 'by.type');
-
     if (byType === 'user') return null;
-
     let attachments = _index.default.get(this.props.ev, 'data.message.attachments', []);
-
     let products = _index.default.filter(attachments, att => _index.default.get(att, 'type') === 'product' || _index.default.get(att, 'type') === 'product_preview');
-
     products = products.filter(product => product.product && product.product.name);
     if (products.length === 0) return null;
     let acc = this.props.store.matchAccount();
-
     let $products = _index.default.map(products, (att, index) => {
       let product = att.product;
       let $detailbtns = [];
@@ -41,7 +31,6 @@ class ProductAttachments extends _common.Com {
         class: "product_attachment__btn_external_link"
       })));
       console.log('P', product);
-
       if (_index.default.size(product.buttons) > 0) {
         $detailbtns = $detailbtns.concat(_index.default.map(product.buttons, (button, index) => {
           if (button.type === 'call_button') {
@@ -52,7 +41,6 @@ class ProductAttachments 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: "product_attachment__btn",
@@ -65,7 +53,6 @@ class ProductAttachments extends _common.Com {
               class: "product_attachment__btn_external_link"
             }));
           }
-
           if (button.type === 'postback_button') {
             return (0, _preact.h)("a", {
               class: "product_attachment__btn",
@@ -75,7 +62,6 @@ class ProductAttachments extends _common.Com {
           }
         }));
       }
-
       let $title = (0, _preact.h)("a", {
         href: url,
         class: "product_attachment__title",
@@ -87,13 +73,11 @@ class ProductAttachments extends _common.Com {
         class: "product_attachment__subtitle"
       }, desc);
       let $price = null;
-
       if (product.price) {
         $price = (0, _preact.h)("div", {
           class: "product_attachment__price"
         }, product.currency || _index.default.get(acc, 'currency', ''), " ", _index.default.formatCurrency(product.price));
       }
-
       return (0, _preact.h)("div", {
         class: 'product_attachment product_attachment__' + byType
       }, (0, _preact.h)("div", null, (0, _preact.h)("a", {
@@ -106,10 +90,7 @@ class ProductAttachments extends _common.Com {
         class: "product_attachment__btns"
       }, $detailbtns));
     });
-
     return $products;
   }
-
 }
-
 exports.default = ProductAttachments;

package/compiled_src/chatbox/QuickReplies.js

@@ -4,66 +4,48 @@ 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 QuickReplies extends _common.Com {
   constructor(props) {
     super(props);
   }
-
   render() {
     if (_index.default.get(this.props.ev, 'by.type') === 'user') return null;
     let quickreplies = [];
-
     _index.default.map(_index.default.get(this.props.ev, 'data.message.attachments', []), att => {
       if (!att) return;
-
       if (att.type === 'quick_replies') {
         quickreplies = _index.default.get(att, 'quick_replies', []);
       }
     });
-
     quickreplies = _index.default.filter(quickreplies, r => r.title);
     if (quickreplies.length === 0) return null;
-
     let cid = _index.default.convoOfEv(this.props.ev);
-
     let convo = this.props.store.matchConvo(cid);
     if (_index.default.get(convo, 'state') === 'ended') return null;
 
     let events = _index.default.map(this.props.store.listEvents(cid));
-
     events = _index.default.orderBy(events, 'created', 'asc').filter(ev => ev.type === 'message_sent');
     let evindex = 0;
-
     for (var i = 0; i < events.length; i++) {
       if (events[i].id === this.props.ev.id) {
         evindex = i;
         break;
       }
     }
-
     for (var i = evindex + 1; i < events.length; i++) {
       if (_index.default.get(events[i], 'by.type') === 'user') return null;
     }
-
     let $replies = _index.default.map(quickreplies, r => (0, _preact.h)("div", {
       class: "message_quick_reply",
       onClick: e => this.props.onSelect(r)
     }, r.title));
-
     return (0, _preact.h)("div", {
       class: "message_quick_replies"
     }, $replies);
   }
-
 }
-
 exports.default = QuickReplies;

package/compiled_src/chatbox/Rating.js

@@ -4,56 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _releaseAnimation = _interopRequireDefault(require("./releaseAnimation.js"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 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; }
-
 const POPUP_MAX_HEIGHT = 400;
 const POPUP_HARD_MAX_HEIGHT = 500;
 const POPUP_MIN_HEIGHT = 0;
-
 class Rating extends _common.Com {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", {
       hide: true,
       ratingHeight: 0,
       overlayOpacity: 0.3,
       comment: ''
     });
-
     this.refComment = (0, _preact.createRef)();
     this.refRating = (0, _preact.createRef)();
     this.refHandle = (0, _preact.createRef)();
   }
-
   componentDidMount() {
     this.props.store.onUpdate(this, () => {
       if (this.shoudDisplay()) this.open();
     });
     this.props.store.onConvoEvent(this, ev => {
       var cid = _index.default.convoOfEv(ev);
-
       if (cid !== this.props.cid) return;
       if (this.shoudDisplay()) this.open();
     });
-
     this.mouseUp = e => this.onMouseUp(e);
-
     this.mouseMove = e => this.onMouseMove(e);
-
     this.mouseDown = e => this.onMouseDown(e);
-
     var $ratingHandle = this.refHandle.current;
     $ratingHandle.addEventListener('mousedown', this.mouseDown, {
       passive: true
@@ -81,7 +65,6 @@ class Rating extends _common.Com {
     this.close();
     if (this.shoudDisplay() || this.props.forceView === 'rating') this.open();
   }
-
   componentWillUnmount() {
     var $ratingHandle = this.refHandle.current;
     $ratingHandle.removeEventListener('mousedown', this.mouseDown, 0);
@@ -91,7 +74,6 @@ class Rating extends _common.Com {
     window.removeEventListener('mousemove', this.mouseMove, 0);
     window.removeEventListener('touchmove', this.mouseMove, 0);
   }
-
   render() {
     let cls = this.state.hide ? 'd-none' : '';
     return (0, _preact.h)("div", {
@@ -152,29 +134,24 @@ class Rating extends _common.Com {
       onClick: e => this.onCloseRating(e)
     }, this.props.t('no_thanks')))));
   }
-
   shoudDisplay() {
     if (!this.props.cid) return false;
     var requested;
     var rated;
     var ended;
     let user = this.props.store.matchUser();
-
     _index.default.map(this.props.store.listEvents(this.props.cid), ev => {
       if (_index.default.get(ev, 'type') === 'conversation_state_updated' && _index.default.get(ev, 'data.conversation.state') === 'ended') {
         ended = ev;
       }
-
       if (_index.default.get(ev, 'type') === 'conversation_rating_requested') requested = ev;
       if (_index.default.get(ev, 'type') === 'conversation_rated' && _index.default.get(ev, 'by.id') === user.id) rated = ev;
     });
-
     if (rated) return false;
     let accountSetting = this.props.plugin.chatbox;
     var auto = accountSetting.auto_request_rating && ended;
     return requested || auto;
   }
-
   onCloseRating() {
     this.props.onRate && this.props.onRate({
       no_rating: true,
@@ -182,7 +159,6 @@ class Rating extends _common.Com {
     });
     this.close();
   }
-
   onRatingPoor() {
     this.props.onRate && this.props.onRate({
       rating: 1,
@@ -190,7 +166,6 @@ class Rating extends _common.Com {
     });
     this.close();
   }
-
   onRatingAverage() {
     this.props.onRate && this.props.onRate({
       rating: 3,
@@ -198,7 +173,6 @@ class Rating extends _common.Com {
     });
     this.close();
   }
-
   onRatingGreat() {
     this.props.onRate && this.props.onRate({
       rating: 5,
@@ -206,7 +180,6 @@ class Rating extends _common.Com {
     });
     this.close();
   }
-
   open() {
     if (!this.state.hide) return;
     this.setState({
@@ -226,7 +199,6 @@ class Rating extends _common.Com {
       });
     });
   }
-
   close() {
     if (this.state.hide) return;
     if (!this.refRating.current) return;
@@ -237,7 +209,6 @@ class Rating extends _common.Com {
         ratingHeight: h,
         overlayOpacity: Math.min(1, (h - POPUP_MIN_HEIGHT) / (POPUP_HARD_MAX_HEIGHT - POPUP_MIN_HEIGHT))
       });
-
       if (h < POPUP_MIN_HEIGHT + 10) {
         if (!this.state.hide) {
           this.setState({
@@ -247,7 +218,6 @@ class Rating extends _common.Com {
       }
     });
   }
-
   onMouseDown(e) {
     this.mousePushed = true;
     this.animation.stop();
@@ -255,7 +225,6 @@ class Rating extends _common.Com {
     if (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) return;
     if (e.touches && e.touches[0]) e = e.touches[0];
@@ -267,7 +236,6 @@ class Rating extends _common.Com {
         ratingHeight: h,
         overlayOpacity: Math.min(1, (h - POPUP_MIN_HEIGHT) / (POPUP_HARD_MAX_HEIGHT - POPUP_MIN_HEIGHT))
       });
-
       if (h < POPUP_MIN_HEIGHT + 10) {
         if (!this.state.hide) {
           this.setState({
@@ -280,7 +248,6 @@ class Rating extends _common.Com {
       }
     });
   }
-
   onMouseMove(e) {
     if (!this.mousePushed) return;
     if (e.touches && e.touches[0]) e = e.touches[0];
@@ -290,18 +257,14 @@ class Rating extends _common.Com {
     my = my - this.mousePushedDy;
     var K = 10000;
     var height = this.refRating.current.getBoundingClientRect().bottom - my;
-
     if (height > POPUP_MAX_HEIGHT) {
       var beta = K / (POPUP_HARD_MAX_HEIGHT - POPUP_MAX_HEIGHT) - POPUP_MAX_HEIGHT;
       height = POPUP_HARD_MAX_HEIGHT - K / (height + beta);
     }
-
     this.setState({
       ratingHeight: height,
       overlayOpacity: Math.min(1, (height - POPUP_MIN_HEIGHT) / (POPUP_HARD_MAX_HEIGHT - POPUP_MIN_HEIGHT))
     });
   }
-
 }
-
 exports.default = Rating;

package/compiled_src/chatbox/ShadowDomRoot.js

@@ -4,24 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 class ShadowDomRoot extends _common.Com {
   constructor(props) {
     super(props);
     this.ref = (0, _preact.createRef)();
   }
-
   componentDidMount() {
     this.shadowRoot = this.ref.current.attachShadow({
       mode: 'open'
     });
     this.update(this.props.html);
   }
-
   update(html) {
     this.shadowRoot.innerHTML = `<style type="text/css">
 body { font-family: 'Roboto', sans-serif!important; font-size: 14px!important; line-height: 20px; overflow-y: hidden; margin:0 }
@@ -35,17 +30,13 @@ p { margin-bottom: 0; margin-top: 0;}
 </style>
 <div>${html}</div>`;
     let links = this.shadowRoot.querySelectorAll('a');
-
     for (var i = 0; i < links.length; i++) links[i].target = '_blank';
   }
-
   render() {
     return (0, _preact.h)("div", {
       ref: this.ref,
       style: "white-space: normal !important"
     });
   }
-
 }
-
 exports.default = ShadowDomRoot;

package/compiled_src/chatbox/TextMessage.js

@@ -4,79 +4,54 @@ 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");
-
 var _Emoji = _interopRequireDefault(require("./Emoji.js"));
-
 var _ShadowDomRoot = _interopRequireDefault(require("./ShadowDomRoot.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 mustrerender = [];
-
 let marked = (obj, text) => {
   mustrerender.push(obj);
   return '';
 };
-
 const loadMarked = () => Promise.resolve().then(() => _interopRequireWildcard(require('marked')));
-
 (async () => {
   let markedf = (await loadMarked()).marked;
-
   marked = (obj, text) => markedf(text);
-
   _index.default.map(mustrerender, obj => obj.forceUpdate());
-
   mustrerender = [];
 })();
-
 class TextMessage extends _common.Com {
   render() {
     var format = _index.default.get(this.props.ev, 'data.message.format', 'plaintext');
-
     if (format === 'markdown') return this.renderMarkdown();
     if (format === 'delta') return this.renderDelta();
     return this.renderPlainText();
   }
-
   renderPlainText() {
     var text = _index.default.get(this.props.ev, 'data.message.text');
-
     text = _index.default.trim(text);
     if (_index.default.size(text) === 0) return null;
-
     let byType = _index.default.get(this.props.ev, 'by.type');
-
     var tags = _index.default.extractText(text).map(tag => {
       if (tag.type === 'emoji') return (0, _preact.h)(_Emoji.default, {
         emojiCode: tag.text,
         byType: byType
       });
-
       if (tag.type === 'link') {
         let url = tag.text || '';
-
         if (!url.startsWith('//') && !url.startsWith('https://') && !url.startsWith('http://') && !url.startsWith('data:')) {
           url = '//' + url;
         }
-
         return (0, _preact.h)("a", {
           href: url,
           target: "_blank",
           onClick: e => this.props.onLink(e, url)
         }, tag.text);
       }
-
       if (tag.type === 'phone') return (0, _preact.h)("a", {
         href: 'tel:' + tag.text
       }, tag.text);
@@ -85,58 +60,45 @@ class TextMessage extends _common.Com {
       }, tag.text);
       return tag.text;
     });
-
     if (_index.default.size(tags) === 0) return null;
-
     if (byType === 'agent') {
       return (0, _preact.h)("div", {
         class: "message-agent message-text--agent"
       }, tags);
     }
-
     return (0, _preact.h)("div", {
       class: "message-user message-text--user"
     }, tags);
   }
-
   renderDelta() {
     let deltas = _index.default.get(this.props.ev, 'data.message.quill_delta') || _index.default.get(this.props.ev, 'data.message.text');
-
     let quilldeltas = _index.default.parseJSON(deltas) || {};
     quilldeltas = trimQuillDelta(quilldeltas);
     if (!quilldeltas || _index.default.size(quilldeltas.ops) === 0) return null;
-
     let $deltas = _index.default.map(quilldeltas.ops, delta => {
       let html = '';
       let insert = delta.insert;
       let attributes = delta.attributes;
-
       if (insert.dynamicField) {
         return _index.default.get(insert, 'dynamicField.text', '');
       }
-
       if (insert.mention) {
         if (insert.mention.id == '*' || insert.mention.id == 'all') {
           return (0, _preact.h)("span", {
             class: "mention"
           }, "@", this.$t('all'));
         }
-
         let ag = store.matchAgent(insert.mention.id);
-
         let name = _index.default.getAgentDisplayName(ag, insert.mention.fullname);
-
         return (0, _preact.h)("span", {
           class: "mention",
           "data-agent-id": ag.id,
           "data-agent-fullname": name
         }, "@", name);
       }
-
       if (insert.emoji) return (0, _preact.h)(_Emoji.default, {
         emojiCode: `:${insert.emoji}:`
       });
-
       if (typeof insert === 'string') {
         let $tags = _index.default.extractText(insert).map((tag, i) => {
           if (tag.type === 'link') {
@@ -145,10 +107,8 @@ class TextMessage extends _common.Com {
               target: "_blank"
             }, tag.text);
           }
-
           return tag.text;
         });
-
         if (attributes) {
           if (attributes.italic && attributes.bold) return (0, _preact.h)("span", {
             style: "font-weight: bold !important; font-style: italic !important"
@@ -160,38 +120,28 @@ class TextMessage extends _common.Com {
             style: "font-weight: bold !important"
           }, $tags);
         }
-
         return (0, _preact.h)("span", null, $tags);
       }
-
       return null;
     });
-
     let byType = _index.default.get(this.ev, 'by.type');
-
     if (byType !== 'user') byType = 'agent';
     if (_index.default.size($deltas) === 0) return null;
-
     if (byType === 'agent') {
       return (0, _preact.h)("div", {
         class: "message-agent message-text--agent"
       }, $deltas);
     }
-
     return (0, _preact.h)("div", {
       class: "message-user message-text--user"
     }, $deltas);
   }
-
   renderMarkdown(text) {
     if (!text) text = _index.default.get(this.props.ev, 'data.message.text');
     if (_index.default.size(text) === 0) return null;
-
     let byType = _index.default.get(this.props.ev, 'by.type');
-
     text = _index.default.trim(text);
     if (_index.default.size(text) === 0) return null;
-
     if (byType === 'agent') {
       return (0, _preact.h)("div", {
         class: "markdown-message message-agent message-text--agent"
@@ -199,7 +149,6 @@ class TextMessage extends _common.Com {
         html: marked(this, text)
       }));
     }
-
     return (0, _preact.h)("div", {
       class: "d-flex flex-column align-items-end"
     }, (0, _preact.h)("div", {
@@ -208,37 +157,27 @@ class TextMessage extends _common.Com {
       html: marked(this, text)
     })));
   }
-
 }
-
 exports.default = TextMessage;
-
 function deltaToMarkdown(deltas) {
   let output = '';
-
   _index.default.each(deltas, (delta, idx) => {
     let text = '';
     let insert = delta.insert;
     let attributes = delta.attributes;
     if (insert.emoji) text = emojiCodes[insert.emoji] || '';
-
     if (attributes) {
       if (attributes.italic && attributes.bold) text = `*__${insert}__*`;else if (attributes.italic) text = `*${insert}*`;else if (attributes.bold) text = `**${insert}**`;else text = insert;
     }
-
     if (insert.dynamicField) text = `${_index.default.get(insert, 'dynamicField.text', '')}`;
-
     if (!insert.emoji && !attributes && !insert.dynamicField) {
       text = insert || '';
       text = text.replace(/\n/g, '<br/>');
     }
-
     output += text;
   });
-
   return output;
 }
-
 const emojiCodes = {
   like: '👍',
   unlike: '👎',
@@ -256,14 +195,12 @@ const emojiCodes = {
   surprised: '😮',
   wink: '😉'
 };
-
 function trimQuillDelta(delta) {
   if (!delta) return delta;
   if (!delta.ops || !delta.ops.length) return delta;
   let last = delta.ops[delta.ops.length - 1];
   if (typeof last.insert != 'string') return delta;
   let insert = last.insert.trim();
-
   if (insert) {
     if (last.insert != insert) {
       let newops = delta.ops.slice();
@@ -284,7 +221,6 @@ function trimQuillDelta(delta) {
     ops: newops
   });
 }
-
 function absLink(url) {
   if (!url.startsWith('http://') && !url.startsWith('https://') && !url.startsWith('//')) return 'http://' + url;
   return url;

package/compiled_src/chatbox/Typing.js

@@ -4,20 +4,14 @@ 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 Typing extends _common.Com {
   constructor(props) {
     super(props);
   }
-
   componentDidMount() {
     this.setState({
       isShow: false,
@@ -27,11 +21,8 @@ class Typing extends _common.Com {
       if (_index.default.convoOfEv(ev) !== this.props.cid) return;
       let user = this.props.store.matchUser();
       if (_index.default.get(ev, 'by.id') === user.id) return;
-
       let oldby = _index.default.get(this.state.ev, 'by.id');
-
       if (oldby && _index.default.get(ev, 'by.id') !== oldby) return;
-
       if (_index.default.get(ev, 'type') === 'message_sent') {
         if (this.timer) clearTimeout(this.timer);
         this.timer = null;
@@ -58,20 +49,14 @@ class Typing extends _common.Com {
       }, 5000);
     });
   }
-
   render() {
     let account = this.props.store.matchAccount();
     var cls = this.state.isShow ? '' : 'typing--hidden';
-
     let byid = _index.default.get(this.state.ev, 'by.display_id', _index.default.get(this.state.ev, 'by.id'));
-
     let agentName = _index.default.getAgentDisplayName(account, this.props.store.matchAgent(byid));
-
     return (0, _preact.h)("div", {
       class: `typing ${cls}`
     }, agentName, " ", this.props.t('typing'));
   }
-
 }
-
 exports.default = Typing;