@subiz/widget-v4 4.1.175 → 4.1.177

package/app.js

@@ -16,11 +16,6 @@ import RunBot from './src/bot.js'
 var ajax = require('@subiz/ajax/src/ajax.js')
 var config = require('./config.js')
 
-var VERSION = detect()
-if (!VERSION) throw new Error('subiz cannot detect version')
-
-var apiV4 = new ApiV4(config.ApiURL, config.FileURL, config.RealtimeURL)
-
 // isV4 tells whether the website is using widget version 4.2 or not
 function isV4_2() {
 	if (window.sbz_v4) return true
@@ -37,14 +32,6 @@ function isV4_2() {
 	return false
 }
 
-// return widget version
-function detect() {
-	if (window._sbzaccid) return '4.3'
-	if (isV4_2()) return '4.2'
-	if (window.subiz_account_id && window.subiz_account_id > 0) return '1'
-	return undefined
-}
-
 function callV2(args) {
 	args = args || []
 	var out = []
@@ -110,9 +97,17 @@ function loopTitle(laststate) {
 	return setTimeout(loopTitle, 2000, 'dirty invisible')
 }
 
-loopTitle()
-
+var apiV4 = {}
 function init() {
+	let VERSION = undefined
+	if (window._sbzaccid) VERSION = '4.3'
+	else if (isV4_2()) VERSION = '4.2'
+	else if (window.subiz_account_id && window.subiz_account_id > 0) VERSION = '1'
+	if (!VERSION) throw new Error('subiz cannot detect version')
+
+	apiV4 = new ApiV4(config.ApiURL, config.FileURL, config.RealtimeURL)
+	loopTitle()
+
 	if (VERSION === '4.2' || VERSION === '4.3') {
 		let queue = (window.subiz && window.subiz.q) || []
 		window.subiz = function () {

package/assets/less/chatbox.less

@@ -18,6 +18,7 @@
 //@desktop-chat-button-background-mask-url : '@desktop_button.background_mask_url'; //@default-chat-button-background-image-url;
 @desktop-chat-button-margin-x: '@desktop_button.margin_x'; //20px;
 @desktop-chat-button-margin-y: '@desktop_button.margin_y'; // 20px;
+@desktop-widget-max-height: '@desktop_widget_max_height'; // calc(100% - desktop_buttom.margin_y)
 
 @form-page-background-color: '@form_background_color';
 @form-page-header-font-size: '@form_header_font_size';
@@ -159,9 +160,9 @@ body div#sbz92 {
 	.text-xl {
 		font-size: 20px;
 	}
-  .text-sm {
-    font-size: 14px;
-  }
+	.text-sm {
+		font-size: 14px;
+	}
 	.text-center {
 		text-align: center;
 	}

package/assets/less/message.less

@@ -532,6 +532,12 @@ a.message_error {
 		padding: 0px 13px;
 		.color(gray);
 		margin-top: 5px;
+		white-space: pre-wrap;
+		display: -webkit-box;
+		-webkit-line-clamp: 4;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+		text-overflow: ellipsis;
 	}
 }
 

package/assets/less/widget.less

@@ -195,7 +195,7 @@
 
 .widget-container {
 	max-height: 100%;
-	max-height: ~'calc(100% - 40px)';
+	max-height: @desktop-widget-max-height;
 	max-width: 100%;
 
 	background: @white;

package/cloudflare_worker.js

@@ -1,18 +1,17 @@
 let hash = 'XXXXXXXX' // do not change, will be replaced to real hash
 
-addEventListener('fetch', event => event.respondWith(handleRequest(event.request)))
+addEventListener('fetch', (event) => event.respondWith(handleRequest(event.request)))
 
 /**
  * Respond to the request
  * @param {Request} request
  */
-async function handleRequest (request) {
-		let body = `if (!window._subiz_init_2094850928430) {
+async function handleRequest(request) {
+	let body = `if (!window._subiz_init_2094850928430) {
 window._subiz_init_2094850928430 = true
 window._subiz_init_2094850928430_keep_loading = true
 var tag = document.createElement('script')
 tag.async = 1
-tag.defer = true
 tag.src = 'https://public-gcs.subiz-cdn.com/widget-v4/public/${hash}.app.js'
 document.body.appendChild(tag)
 }`

package/compiled_src/chatbox/GenericTemplateAttachments.js

@@ -44,7 +44,8 @@ class GenericTemplateAttachments extends _common.Com {
           class: "generic-attachment--element-title"
         }, title) : null;
         let $subtitle = subtitle ? (0, _preact.h)("div", {
-          class: "generic-attachment--element-subtitle"
+          class: "generic-attachment--element-subtitle",
+          title: subtitle
         }, subtitle) : null;
         let imgsrc = this.props.store.replaceFileUrl(ele.image_url);
         if (!ele.image_url) {

package/compiled_src/chatbox/main.js

@@ -9,21 +9,23 @@ var _ChatButton = _interopRequireDefault(require("./ChatButton.js"));
 var _Widget = _interopRequireDefault(require("./Widget.js"));
 var _common = require("../common.js");
 var _preact = require("preact");
+var _css = _interopRequireDefault(require("./css.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-let promiseMainCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
 class Main extends _common.Com {
   constructor(props) {
     super(props);
     this.refButton = (0, _preact.createRef)();
     this.refWidget = (0, _preact.createRef)();
   }
-  async refreshCSS() {
+  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, found.chatbox);
+    let css = _css.default.default.toString() + '';
+    let chatbox = found.chatbox;
+    let margin_y = _index.default.get(chatbox, 'desktop_button.margin_y');
+    chatbox.desktop_widget_max_height = margin_y ? `calc(100% - ${margin_y + 10}px)` : 'calc(100% - 40px)';
+    var outcss = _index.default.replaceCssVariable(css, chatbox);
     _index.default.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
   }
   componentWillUnmount() {
@@ -38,7 +40,7 @@ class Main extends _common.Com {
       this.$cssStyleDiv.id = 'subiz-style-for-' + this.props.plugin.id;
     }
     this.setState({
-      cssready: false,
+      cssReady: false,
       isShowWidget: false,
       widgetView: '',
       widgetConvoId: ''
@@ -53,9 +55,9 @@ class Main extends _common.Com {
         widgetConvoId: ''
       });
     });
-    await this.refreshCSS();
+    this.refreshCSS();
     this.setState({
-      cssready: true
+      cssReady: true
     });
     if (this.props.store.matchIsOpen() && this.props.store.matchLastview().view) {
       if (this.props.store.isMobile()) return;
@@ -68,7 +70,7 @@ class Main extends _common.Com {
     }
   }
   render() {
-    if (!this.state.cssready) {
+    if (!this.state.cssReady) {
       if (typeof sbz_info != 'undefined') sbz_info.render_chatbox_css_not_ready = _index.default.Date.now();
       return null;
     }

package/compiled_src/lib.js

@@ -112,6 +112,11 @@ class Widget {
   }
   async setAccount(id, $container, mask, cb) {
     if (typeof sbz_info != 'undefined') sbz_info.set_account = _index.default.Date.now();
+    if (document && document.location && document.location.href && document.location.href.indexOf('subiz-verification-1') > 0) {
+      window.subiz_verification_account_id = id;
+      if (typeof sbz_info != 'undefined') sbz_info = undefined;
+      return;
+    }
     if (!id) return {
       error: 'empty_account_id'
     };

package/compiled_src/store/api.js

@@ -227,7 +227,7 @@ class _default {
     if (obj.ref) {
       let outuser;
       for (let i = 0; true; i++) {
-        outuser = await ajax.setBaseUrl(this.ApiURL).withCredentials(true).addQuery('v', '6').addQuery('x-user-ref', this.ref).setParser('json').get(`/accounts/${this.accid}/users/${this.ref}`);
+        outuser = await ajax.setBaseUrl(this.ApiURL).withCredentials(true).afterHook(trackResponseFn).beforeHook(trackRequestFn).addQuery('v', '6').addQuery('x-user-ref', this.ref).setParser('json').get(`/accounts/${this.accid}/users/${this.ref}`);
         if (_index.default.get(outuser, 'body.error.code', '').indexOf('locked_account') != -1) break;
         if (_index.default.get(outuser, 'body.error.code', '').indexOf('user_is_banned') != -1) {
           await _index.default.sleep(120000);
@@ -313,7 +313,7 @@ class _default {
       for (let i = 0; true; i++) {
         await this.token_generator(true);
         if (tokensession != this.tokensession) break;
-        outuser = await ajax.setBaseUrl(this.ApiURL).withCredentials(true).addQuery('v', '6').addQuery('x-access-token', this.last_token).setParser('json').get(`/accounts/${this.accid}/users/${profile_id}`);
+        outuser = await ajax.setBaseUrl(this.ApiURL).withCredentials(true).addQuery('v', '6').afterHook(trackResponseFn).beforeHook(trackRequestFn).addQuery('x-access-token', this.last_token).setParser('json').get(`/accounts/${this.accid}/users/${profile_id}`);
         if (!_index.default.get(outuser, 'body.id')) {
           let sleeptime = Math.min(2000 + i * 100, 120000);
           await _index.default.sleep(sleeptime);

package/compiled_src/store/store.js

@@ -447,15 +447,18 @@ class Store {
   }
   async init(accid, mask, userRef, options) {
     this.g_sync = {};
+    if (typeof sbz_info != 'undefined') sbz_info.store_0 = true;
     if (!options || !options.use_subdomain_cookie) {
       if (window && window.location && window.location.hostname) {
         cookie.defaults.domain = '.' + window.location.hostname;
       }
     }
+    if (typeof sbz_info != 'undefined') sbz_info.store_1 = true;
     if (!userRef) {
       try {
         userRef = this.cookie.get('__sbref', '');
       } catch (e) {}
+      if (typeof sbz_info != 'undefined') sbz_info.store_2 = true;
       if (!userRef) {
         if (!mask) {
           try {
@@ -476,14 +479,18 @@ class Store {
         }
       }
     }
+    if (typeof sbz_info != 'undefined') sbz_info.store_3 = true;
     if (this.cookie.get('__sbref', userRef) != userRef) {
       cleanMyLocalStorage();
       this.clearBrowserData();
     }
+    if (typeof sbz_info != 'undefined') sbz_info.store_4 = true;
     this.api.setAuth({
       accid: accid
     });
+    if (typeof sbz_info != 'undefined') sbz_info.store_5 = true;
     if (userRef) this.cookie.set('__sbref', userRef);
+    if (typeof sbz_info != 'undefined') sbz_info.store_6 = true;
     return this._initResource(accid, {
       accid: accid,
       mask: mask,
@@ -497,6 +504,7 @@ class Store {
   async _initResource(accid, auth, realtimep) {
     this.g_sync = {};
     let user = await this.api.setAuth(auth);
+    if (typeof sbz_info != 'undefined') sbz_info.store_7 = true;
     if (user.error) {
       console.error(user);
       return user;
@@ -512,10 +520,13 @@ class Store {
       await this.reconnectWs(accid, user.id);
       this.reconnect();
     });
+    if (typeof sbz_info != 'undefined') sbz_info.store_8 = true;
     this.seenLoop();
+    if (typeof sbz_info != 'undefined') sbz_info.store_9 = true;
     await this.reconnect({
       user: user
     });
+    if (typeof sbz_info != 'undefined') sbz_info.store_10 = true;
     this.readyGate.open();
     this.reconnectWs(accid, user.id);
     return user;

package/compiled_src/util/common.js

@@ -627,6 +627,7 @@ function replaceCssVariable(css, setting) {
   tokens = tokenize(tokens, "'@desktop_button.border_radius'");
   tokens = tokenize(tokens, "'@desktop_button.margin_x'");
   tokens = tokenize(tokens, "'@desktop_button.margin_y'");
+  tokens = tokenize(tokens, "'@desktop_widget_max_height'");
   tokens = tokenize(tokens, "'@mobile_button.width'");
   tokens = tokenize(tokens, "'@mobile_button.height'");
   tokens = tokenize(tokens, "'@mobile_button.background'");

package/dist/185.js

@@ -854,25 +854,25 @@ class order_Order extends common/* Com */.Mw {
   renderDesktopPaymentMethod(order) {
     return null;
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
   }
   renderDesktopShipping(order) {
     let editmode = false;