@subiz/widget-v4 4.0.91 → 4.0.93

package/compiled_src/chatbox/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/chatbox.less');
-
 exports.default = _default;

package/compiled_src/chatbox/dragscroll.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = bind;
-
 /**
  * @fileoverview dragscroll - scroll area by dragging
  * @version 0.0.8
@@ -12,13 +11,13 @@ exports.default = bind;
  * @license MIT, see http://github.com/asvd/dragscroll
  * @copyright 2015 asvd <heliosframework@gmail.com>
  */
+
 function bind(el) {
   if (!el) return;
   el.removeEventListener('mousedown', el.md, 0);
   window.removeEventListener('mouseup', el.mu, 0);
   window.removeEventListener('mousemove', el.mm, 0);
   var lastClientX, pushed;
-
   el.md = function (e) {
     if (!el.hasAttribute('nochilddrag') || !document.elementFromPoint(e.pageX, e.pageY)) {
       pushed = 1;
@@ -26,17 +25,14 @@ function bind(el) {
       e.preventDefault();
     }
   };
-
   el.mu = () => {
     pushed = 0;
   };
-
   el.mm = function (e) {
     if (!pushed) return;
     el.scrollLeft -= -lastClientX + e.clientX;
     lastClientX = e.clientX;
   };
-
   el.addEventListener('mousedown', el.md, 0);
   window.addEventListener('mouseup', el.mu, 0);
   window.addEventListener('mousemove', el.mm, 0);

package/compiled_src/chatbox/main.js

@@ -4,58 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _ChatButton = _interopRequireDefault(require("./ChatButton.js"));
-
 var _Widget = _interopRequireDefault(require("./Widget.js"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 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 promiseMainCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
-
 class Main extends _common.Com {
   constructor(props) {
     super(props);
     this.refButton = (0, _preact.createRef)();
   }
-
   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 promiseMainCSS).default.default.toString();
-
-    var outcss = _index.default.replaceCssVariable(css, this.props.plugin.chatbox);
-
+    var outcss = _index.default.replaceCssVariable(css, found.chatbox);
     _index.default.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
   }
-
   componentWillUnmount() {
     _index.default.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
   }
-
   async componentDidMount() {
     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.setState({
       cssready: false,
       isShowWidget: false,
@@ -70,7 +51,6 @@ class Main extends _common.Com {
     this.setState({
       cssready: true
     });
-
     if (this.props.store.matchIsOpen() && this.props.store.matchLastview().view) {
       if (this.props.store.isMobile()) return;
       this.showWidget(Object.assign({}, this.props.store.matchLastview().opts, {
@@ -81,14 +61,12 @@ class Main extends _common.Com {
       if (!this.state.isShowWidget) this.hideWidget();
     }
   }
-
   render() {
     if (!this.state.cssready) return null;
     if (_index.default.isUserBanned(this.props.store.matchUser())) return null;
     if (!this.props.t) return null;
-    var cls = this.props.store.isMobile() ? 'mobile' : 'desktop';
     return (0, _preact.h)("div", {
-      class: cls
+      class: this.props.store.isMobile() ? 'mobile' : 'desktop'
     }, (0, _preact.h)(_ChatButton.default, {
       plugin: this.props.plugin,
       store: this.props.store,
@@ -108,22 +86,18 @@ class Main extends _common.Com {
       t: this.props.t
     }));
   }
-
   checkExpand() {
     if (this.props.store.isMobile()) return;
     if (this.props.plugin._no_auto_expand) return;
     if (this.props.store.matchHasManuallyClosed()) return;
     let convoM = this.props.store.matchConvo('*');
-
     let redconvo = _index.default.find(convoM, convo => !_index.default.isConvoSeen(convo, this.props.store.matchUser().id));
-
     if (!redconvo || !redconvo.id) return;
     if (!this.state.isShowWidget) this.showWidget({
       view: 'chat',
       cid: redconvo.id
     });
   }
-
   getCurrentView() {
     return {
       is_show_widget: this.state.isShowWidget,
@@ -131,33 +105,27 @@ class Main extends _common.Com {
       view: this.state.widgetView
     };
   }
-
   async showWidget(p) {
     this.refButton.current && this.refButton.current.ClearPreview();
-
     if (!p.view) {
       let lastview = this.props.store.matchLastview() || {};
       p.view = _index.default.get(lastview, 'view');
       p.cid = _index.default.get(lastview, 'opts.cid');
     }
-
     p = p || {};
-
     if (!p.view && !p.cid) {
       let convoM = this.props.store.matchConvo('*');
-
       let redconvo = _index.default.find(convoM, convo => !_index.default.isConvoSeen(convo, this.props.store.matchUser().id));
-
       p.cid = _index.default.get(redconvo, 'id', _index.default.get(convoM, '0.id'));
       p.view = 'chat';
     }
-
     if (this.props.store.isMobile()) modifyViewport();
     this.setState({
       widgetConvoId: p.cid,
       widgetView: p.view
     });
     this.props.store.setIsOpen(true);
+
     this.forceUpdate();
     this.setState({
       isShowWidget: true
@@ -166,15 +134,12 @@ class Main extends _common.Com {
       cid: p.cid
     });
   }
-
   showGreeting() {
     this.refButton.current && this.refButton.current.ShowGreeting();
   }
-
   hideGreeting() {
     this.refButton.current && this.refButton.current.HideGreeting();
   }
-
   hideWidget() {
     restoreViewport();
     this.props.store.setIsOpen(false);
@@ -182,23 +147,18 @@ class Main extends _common.Com {
       isShowWidget: false
     });
   }
-
   onWidgetClose() {
     this.refButton.current && this.refButton.current.ClearPreview();
     this.props.store.setHasManuallyClosed();
     this.hideWidget();
   }
-
 }
-
 exports.default = Main;
-
 function restoreViewport() {
   if (document.body && document.body.classList) document.body.classList.remove('sbz_no_scroll');
   let metatag = document.getElementById('subiz-meta-viewport');
   if (metatag) metatag.remove();
 }
-
 function modifyViewport() {
   if (document.body && document.body.classList) document.body.classList.add('sbz_no_scroll');
   let metatag = document.createElement('meta');

package/compiled_src/chatbox/releaseAnimation.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class _default {
   constructor(config) {
     this.duration = config.duration || 100;
@@ -16,11 +13,9 @@ class _default {
     this.maxY = config.maxY || 500;
     this.minY = config.minY || 0;
   }
-
   play(v, y0, cb) {
     this.stop();
     var t0;
-
     var run = t => {
       if (!t) t = new _index.default.Date().getTime();
       var deltaT = t - t0;
@@ -29,7 +24,6 @@ class _default {
       if (done) return this.stop();
       this.animationframe = window.requestAnimationFrame(run);
     };
-
     this.animationframe = window.requestAnimationFrame(t => {
       t0 = t || new _index.default.Date().getTime();
       run(t0);
@@ -50,15 +44,11 @@ class _default {
     var y = linearTransform(y0, towardY, t, this.duration);
     return [y, eqFloat(y, towardY)];
   }
-
   stop() {
     window.cancelAnimationFrame(this.animationframe);
   }
-
 }
-
 exports.default = _default;
-
 function linearTransform(from, to, t, duration) {
   if (eqFloat(from, to)) return from;
   var s = to - from;
@@ -67,7 +57,6 @@ function linearTransform(from, to, t, duration) {
   if (from < to && x > to) x = to;else if (to < from && x < to) x = to;
   return x;
 }
-
 function eqFloat(a, b) {
   return Math.abs(a - b) <= 0.001;
 }

package/compiled_src/chatbox/spinner.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 const loadingimg = require('../../assets/img/loading_static.svg');
-
 class Spinner extends _common.Com {
   render() {
     let mode = (this.props.mode + '').toLowerCase();
@@ -21,14 +17,12 @@ class Spinner extends _common.Com {
     let style = `width: ${size}px !important;height: ${size}px!important;color: ${borderColor} !important;border-width: ${borderWidth}px !important;
     border-left-color: ${borderColor} !important;border-top-color: ${borderColor} !important;
     border-bottom-color: ${borderColor} !important;border-right-color: ${mainColor} !important;`;
-
     if (this.props.static) {
       let style = `width: ${size}px !important;height: ${size}px !important;`;
       if (size < 40) return (0, _preact.h)(LoaderIcon, {
         size: size + '',
         style: `stroke:${mainColor}`
       });
-
       if (this.props.center) {
         return (0, _preact.h)("div", {
           class: "loading"
@@ -38,20 +32,16 @@ class Spinner extends _common.Com {
           src: loadingimg
         }));
       }
-
       return (0, _preact.h)("img", {
         alt: "loading",
         style: style,
         src: loadingimg
       });
     }
-
     return (0, _preact.h)("div", {
       class: "spinner1",
       style: style
     });
   }
-
 }
-
 exports.default = Spinner;

package/compiled_src/chatbox/time.js

@@ -4,18 +4,12 @@ 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 }; }
-
 var g_pub = new _index.default.Pubsub();
 setInterval(() => g_pub.publish('time'), 20 * 1000);
-
 class Time extends _common.Com {
   constructor(props) {
     super(props);
@@ -24,18 +18,14 @@ class Time extends _common.Com {
       langCode: 'en_US'
     });
   }
-
   updateTime() {
     var t = '';
-
     if (this.props.ago) {
       if (this.props.short) {
         if (Math.abs(this.props.time - new _index.default.Date().getTime()) > 86400000 * 10) {
           let tim = new _index.default.Date(this.props.time);
           let tzyear = tim.getFullYear();
-
           let locale = _index.default.get(navigator, 'languages.0', 'en-US');
-
           let tzmonthname = tim.toLocaleDateString(locale, {
             month: 'short'
           });
@@ -43,32 +33,25 @@ class Time extends _common.Com {
           t = tzdate + ' ' + tzmonthname + ' ' + tzyear;
         }
       }
-
       if (!t && this.props.time > 0) t = ago(this.props.time, new _index.default.Date().getTime());
     } else t = _index.default.shortTime(this.props.time, this.props.tzoffset);
-
     if (this.props.uppercase) t = t.toUpperCase();
     if (t === this.state.t) return;
     this.setState({
       t
     });
   }
-
   componentDidMount() {
     g_pub.on2(this, 'time', () => this.updateTime());
     this.updateTime();
   }
-
   render() {
     return (0, _preact.h)("span", {
       style: this.props.style
     }, this.state.t);
   }
-
 }
-
 exports.default = Time;
-
 function ago(timeA, timeB) {
   const relObj = {
     s: '%d s',
@@ -126,22 +109,17 @@ function ago(timeA, timeB) {
   const Tl = T.length;
   let result;
   let out;
-
   for (let i = 0; i < Tl; i += 1) {
     let t = T[i];
-
     if (t.d) {
       result = (timeA - timeB) / t.d;
     }
-
     let abs = Math.round(Math.abs(result));
-
     if (abs <= t.r || !t.r) {
       if (abs <= 1 && i > 0) t = T[i - 1];
       out = loc[t.l].replace('%d', abs);
       break;
     }
   }
-
   return out;
 }

package/compiled_src/chatbox/touchscroll.js

@@ -4,35 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = bind;
-
 function bind(el) {
   if (!el) return;
   el.removeEventListener('touchstart', el.md, 0);
   window.removeEventListener('touchend', el.mu, 0);
   window.removeEventListener('touchmove', el.mm, 0);
   var lastClientX, pushed;
-
   el.md = function (e) {
     let touch = getFirstTouch(e);
-
     if (!el.hasAttribute('nochilddrag') || !document.elementFromPoint(touch.pageX, touch.pageY)) {
       pushed = 1;
       lastClientX = touch.clientX;
       e.preventDefault();
     }
   };
-
   el.mu = () => {
     pushed = 0;
   };
-
   el.mm = function (e) {
     if (!pushed) return;
     let touch = getFirstTouch(e);
     el.scrollLeft -= -lastClientX + touch.clientX;
     lastClientX = touch.clientX;
   };
-
   el.addEventListener('touchstart', el.md, {
     passive: true
   });
@@ -43,7 +37,6 @@ function bind(el) {
     passive: true
   });
 }
-
 function getFirstTouch(ev) {
   if (!ev.touches) return {};
   if (!ev.touches.length) return {};

package/compiled_src/common.js

@@ -6,13 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.Com = exports.Clickaway = void 0;
 exports.downloadLanguage = downloadLanguage;
 exports.langMessages = exports.getLocale = void 0;
-
 var _preact = require("preact");
-
 var _index = _interopRequireDefault(require("./util/index.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class Com extends _preact.Component {
   constructor(props) {
     super(props);
@@ -20,7 +16,6 @@ class Com extends _preact.Component {
     setTimeout(() => {
       if (this.componentWillUnmount) {
         let old = this.componentWillUnmount.bind(this);
-
         this.componentWillUnmount = () => {
           old();
           this._isMounted = false;
@@ -28,51 +23,38 @@ class Com extends _preact.Component {
       }
     }, 10);
   }
-
 }
-
 exports.Com = Com;
-
 class Clickaway extends Com {
   constructor(props) {
     super(props);
     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(node) {
     this.wrapperRef = node;
   }
-
   onClick(event) {
     if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {
       this.props.onClickaway && this.props.onClickaway();
     }
   }
-
   render() {
     return (0, _preact.h)("div", {
       ref: this.setWrapperRef
     }, this.props.children);
   }
-
 }
-
 exports.Clickaway = Clickaway;
-
 const getLocale = (plugin, loc) => {
   if (!loc) loc = '';
-
   let found = _index.default.find(plugin.locales, l => l.toLowerCase().trim() === loc.toLowerCase().trim());
-
   if (found) return found;
   found = _index.default.find(plugin.locales, l => {
     l = l.replace('-', '_').split('_')[0].trim().toLowerCase();
@@ -82,22 +64,18 @@ const getLocale = (plugin, loc) => {
   if (found) return found;
   return plugin.locale || 'en-US';
 };
-
 exports.getLocale = getLocale;
 let langMessages = {};
 exports.langMessages = langMessages;
 let downloadLock = false;
-
 function downloadLanguage(store, locale, force) {
   if (downloadLock) return new Promise(resolve => setTimeout(() => downloadLanguage(store, locale, force).then(resolve), 100));
   downloadLock = true;
   let messages;
-
   if (locale === 'debug' || langMessages[locale] && !force) {
     downloadLock = false;
     return Promise.resolve();
   }
-
   return store.getLocaleContent(locale).then(res => {
     downloadLock = false;
     messages = _index.default.get(res, 'body.messages', []);