@subiz/widget-v4 4.1.126 → 4.1.130

package/compiled_src/form/Form.js

@@ -0,0 +1,276 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _common = require("../common.js");
+var _preact = require("preact");
+var _index = _interopRequireDefault(require("../util/index.js"));
+var _block = _interopRequireDefault(require("../chatbox/block.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class Form2 extends _common.Com {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "state", {
+      errorFields: {},
+      submiting: false
+    });
+    _defineProperty(this, "renderFormComponent", (com, idx) => {
+      if (com.type === 'input') return this.renderField(com, idx);
+      if (com.type === 'button') return this.renderSubmitButton(com, idx);
+      if (this.props.isSubmited) return;
+      return (0, _preact.h)("div", {
+        class: "form-component form-component-block"
+      }, (0, _preact.h)(_block.default, {
+        block: com
+      }));
+    });
+    _defineProperty(this, "renderSubmitButton", (com, idx) => {
+      if (this.props.isSubmited) return;
+      return (0, _preact.h)("div", {
+        class: "form-component form-component-submit-button"
+      }, this.props.errorMessage && (0, _preact.h)("div", {
+        class: "form-control--valid-input--error mb-1"
+      }, this.props.errorMessage), (0, _preact.h)("div", null, (0, _preact.h)("button", {
+        class: "btn--start-convo",
+        disabled: this.props.submiting
+      }, com.label)));
+    });
+    _defineProperty(this, "renderField", (com, idx) => {
+      let errorMsg = this.state.errorFields[com.key];
+      if (this.props.isSubmited) {
+        let val = _index.default.find(this.props.submission.values, f => f.key === com.key) || {};
+        val = val.value || '""';
+        val = _index.default.parseJSON(val);
+        if (Array.isArray(val)) val = val.join(', ');
+        return (0, _preact.h)("div", {
+          class: "form-component submitted",
+          key: com.key
+        }, (0, _preact.h)("label", {
+          class: "label"
+        }, com.label), (0, _preact.h)("div", null, val || (0, _preact.h)("span", {
+          class: "text-muted text-italic"
+        }, this.props.t('no_info_input'))));
+      }
+      return (0, _preact.h)("div", {
+        class: "form-component",
+        key: com.key
+      }, (0, _preact.h)("label", {
+        class: "label"
+      }, com.label, " ", com.is_required && (0, _preact.h)("span", {
+        class: "red"
+      }, "*")), com.input_type === 'text' && this.renderFieldTextInput(com, idx), com.input_type === 'multiple' && this.renderFieldTextareaInput(com, idx), com.input_type === 'date' && this.renderFieldDateInput(com, idx), com.input_type === 'radio' && this.renderFieldRadioInput(com, idx), com.input_type === 'checkbox' && this.renderFieldCheckboxInput(com, idx), com.input_type === 'dropdown' && this.renderFieldDropdownInput(com, idx), errorMsg && (0, _preact.h)("div", {
+        class: "form-control--valid-input--error"
+      }, errorMsg));
+    });
+    _defineProperty(this, "renderFieldTextInput", (com, idx) => {
+      let cls = 'form-control';
+      if (this.state.errorFields[com.key]) cls = 'form-control input--error';
+      let val = _index.default.find(this.props.submission.values, f => f.key === com.key) || {};
+      val = val.value || '""';
+      val = _index.default.parseJSON(val);
+      return (0, _preact.h)("input", {
+        ref: this[`${com.key}_input`],
+        type: "text",
+        class: cls,
+        placeholder: com.placeholder,
+        value: val,
+        onInput: e => {
+          this.onChangeValue(com.key, e.target.value);
+          this.clearError(com.key);
+        }
+      });
+    });
+    _defineProperty(this, "renderFieldDateInput", (com, idx) => {
+      let val = _index.default.find(this.props.submission.values, f => f.key === com.key) || {};
+      val = val.value || '""';
+      val = _index.default.parseJSON(val);
+      let cls = 'form-control';
+      if (this.state.errorFields[com.key]) cls = 'form-control input--error';
+      return (0, _preact.h)("input", {
+        ref: this[`${com.key}_input`],
+        class: cls,
+        type: "date",
+        value: val,
+        onInput: e => {
+          this.onChangeValue(com.key, e.target.value);
+          this.clearError(com.key);
+        }
+      });
+    });
+    _defineProperty(this, "renderFieldRadioInput", (com, idx) => {
+      let val = _index.default.find(this.props.submission.values, f => f.key === com.key) || {};
+      val = val.value || '""';
+      val = _index.default.parseJSON(val);
+      return _index.default.map(com.input_options, (option, oidx) => {
+        let id = com.key + '_' + oidx;
+        return (0, _preact.h)("div", {
+          class: "radio"
+        }, (0, _preact.h)("input", {
+          type: "radio",
+          name: com.key,
+          id: id,
+          checked: option.value === val,
+          onChange: () => this.toggleRadioField(com.key, option.value)
+        }), (0, _preact.h)("label", {
+          class: "radio--label",
+          for: id
+        }, option.label), (0, _preact.h)("div", {
+          class: "radio--check"
+        }));
+      });
+    });
+    _defineProperty(this, "renderFieldCheckboxInput", (com, idx) => {
+      let val = _index.default.find(this.props.submission.values, f => f.key === com.key) || {};
+      val = val.value || '[]';
+      val = _index.default.parseJSON(val);
+      return _index.default.map(com.input_options, (option, oidx) => {
+        let id = com.key + '_' + oidx;
+        return (0, _preact.h)("div", {
+          class: "checkbox"
+        }, (0, _preact.h)("input", {
+          type: "checkbox",
+          name: com.key,
+          id: id,
+          checked: val.includes(option.value),
+          onChange: () => this.toggleCheckboxField(com.key, option.value)
+        }), (0, _preact.h)("label", {
+          class: "checkbox--label",
+          for: id
+        }, option.label), (0, _preact.h)("div", {
+          class: "checkbox--check"
+        }));
+      });
+    });
+    _defineProperty(this, "renderFieldDropdownInput", (com, idx) => {
+      let val = _index.default.find(this.props.submission.values, f => f.key === com.key) || {};
+      val = val.value || '""';
+      val = _index.default.parseJSON(val);
+      return (0, _preact.h)("select", {
+        class: "form-control",
+        ref: this[`${com.key}_input`],
+        onChange: e => {
+          this.onChangeValue(com.key, e.target.value);
+          this.clearError(com.key);
+        }
+      }, _index.default.map(com.input_options, option => {
+        return (0, _preact.h)("option", {
+          value: option.value
+        }, option.label);
+      }));
+    });
+    _defineProperty(this, "renderFieldTextareaInput", (com, idx) => {
+      let val = _index.default.find(this.props.submission.values, f => f.key === com.key) || {};
+      val = val.value || '""';
+      val = _index.default.parseJSON(val);
+      return (0, _preact.h)("textarea", {
+        onInput: e => {
+          this.onChangeValue(com.key, e.target.value);
+          this.clearError(com.key);
+        },
+        ref: this[`${com.key}_input`],
+        rows: "3",
+        class: "form-control",
+        placeholder: com.placeholder
+      });
+    });
+    _defineProperty(this, "onSubmit", e => {
+      e.preventDefault();
+      if (!this.validateForm()) return;
+      this.props.onSubmit();
+    });
+    _defineProperty(this, "validateForm", () => {
+      let result = true;
+      let ref = '';
+      let errors = {};
+      let components = _index.default.get(this.props.formSetting, 'components') || [];
+      _index.default.each(components, com => {
+        if (com.type === 'input') {
+          if (com.is_required) {
+            let val = _index.default.find(this.props.submission.values, f => f.key === com.key) || {};
+            val = val.value || '""';
+            val = _index.default.parseJSON(val);
+            if (typeof val === 'string' && !val.trim()) {
+              result = false;
+              errors[com.key] = this.props.t('cannot_be_empty');
+              if (!ref && com.input_type !== 'checkbox' && com.input_type !== 'radio') ref = `${com.key}_input`;
+            }
+            if (Array.isArray(val) && val.length === 0) {
+              result = false;
+              errors[com.key] = this.props.t('cannot_be_empty');
+            }
+          }
+        }
+      });
+      if (ref && this[ref] && this[ref].current) {
+        this[ref].current.focus();
+      }
+      this.setState({
+        errorFields: errors
+      });
+      return result;
+    });
+    _defineProperty(this, "onChangeValue", (key, v) => {
+      let formValues = _index.default.get(this.props.submission, 'values') || [];
+      let f = _index.default.find(formValues, field => field.key === key);
+      if (!f) {
+        formValues.push({
+          key,
+          value: JSON.stringify(v)
+        });
+      } else {
+        f.value = JSON.stringify(v);
+      }
+      this.props.onChangeFormValues(formValues);
+    });
+    _defineProperty(this, "clearError", key => {
+      let errors = this.state.errorFields;
+      errors[key] = '';
+      this.setState({
+        errorFields: errors
+      });
+    });
+    let _components = _index.default.get(this.props.formSetting, 'components') || [];
+    _index.default.each(_components, com => {
+      if (com.type === 'input' && com.input_type !== 'checkbox' && com.input_type !== 'radio') {
+        this[`${com.key}_input`] = (0, _preact.createRef)();
+      }
+    });
+  }
+  toggleRadioField(key, v) {
+    this.clearError(key);
+    this.onChangeValue(key, v);
+  }
+  toggleCheckboxField(key, v) {
+    let currentValues = _index.default.find(this.props.submission.values, f => f.key === key) || {};
+    currentValues = currentValues.value || '[]';
+    currentValues = _index.default.parseJSON(currentValues);
+    if (currentValues.includes(v)) {
+      currentValues = currentValues.filter(s => s !== v);
+    } else {
+      currentValues.push(v);
+    }
+    this.clearError(key);
+    this.onChangeValue(key, currentValues);
+  }
+  render() {
+    let components = _index.default.get(this.props.formSetting, 'components') || [];
+    let title = _index.default.get(this.props.formSetting, 'title') || '';
+    let cls = 'form-wrapper form';
+    if (this.props.mode === 'attachment') cls += ' form-wrapper-attachment';
+    return (0, _preact.h)("div", {
+      class: cls
+    }, this.props.isSubmited && (0, _preact.h)("div", {
+      class: "form-component"
+    }, this.props.t('you_have_submitted_info_successfully')), (0, _preact.h)("form", {
+      onSubmit: this.onSubmit
+    }, (0, _preact.h)("div", {
+      class: "form-component form-component-block"
+    }, title), _index.default.map(components, this.renderFormComponent)));
+  }
+}
+exports.default = Form2;

package/compiled_src/form/FormPage.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _common = require("../common.js");
+var _preact = require("preact");
+var _Form = _interopRequireDefault(require("./Form.js"));
+var _index = _interopRequireDefault(require("../util/index.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class FormPage extends _common.Com {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "fetchFormSetting", async () => {
+      if (this.state.loading) return;
+      this.setState({
+        loading: true
+      });
+      let res = await this.props.store.checkFormToken(this.props.token);
+      if (res.error) {
+        this.setState({
+          loading: false,
+          loadError: true
+        });
+        return;
+      }
+      let formSetting = _index.default.get(res, 'body.form') || {};
+      let submission = _index.default.get(res, 'body.submission') || {};
+      let isSubmited = _index.default.size(submission) > 0;
+      this.setState({
+        loading: false,
+        loadError: false,
+        formSetting,
+        submission,
+        isSubmited
+      });
+    });
+    _defineProperty(this, "onChangeFormValues", values => {
+      this.setState({
+        submission: {
+          values
+        }
+      });
+    });
+    _defineProperty(this, "onSubmit", async () => {
+      this.setState({
+        errorMessage: ''
+      });
+      if (this.state.submiting) return;
+      this.setState({
+        submiting: true
+      });
+      let res = await this.props.store.submitForm2(this.props.token, this.state.submission);
+      if (res.error) {
+        this.setState({
+          submiting: false,
+          errorMessage: this.props.t('form_submission_error')
+        });
+        return;
+      }
+      this.setState({
+        submiting: false,
+        isSubmited: true
+      });
+    });
+    this.state = {
+      submission: {},
+      formSetting: {},
+      submiting: false,
+      errorMessage: '',
+      isSubmited: false,
+      loading: false,
+      loadError: ''
+    };
+  }
+  componentDidMount() {
+    this.fetchFormSetting();
+  }
+  render() {
+    const {
+      formSetting,
+      loading,
+      loadError,
+      submission,
+      errorMessage,
+      isSubmited,
+      submiting
+    } = this.state;
+    if (loading && !loadError) {
+      return (0, _preact.h)("div", {
+        class: "h-full w-full d-flex justify-content-center align-items-center"
+      }, (0, _preact.h)("div", {
+        class: "text-muted text-xl"
+      }, this.props.t('loading_data'), " ..."));
+    }
+    if (loadError) {
+      return (0, _preact.h)("div", {
+        class: "h-full w-full d-flex justify-content-center align-items-center"
+      }, (0, _preact.h)("div", {
+        class: "text-center"
+      }, (0, _preact.h)("div", {
+        class: "text-danger text-lg mb-2"
+      }, this.props.t('error_occurs_when_load_data')), (0, _preact.h)("br", null), (0, _preact.h)("button", {
+        disabled: loading,
+        type: "button",
+        class: "btn--start-convo",
+        onClick: this.fetchFormSetting
+      }, this.props.t('try_again'))));
+    }
+    return (0, _preact.h)("div", {
+      class: "form-page"
+    }, (0, _preact.h)("div", {
+      class: "form-page-header"
+    }, 'HEADER'), (0, _preact.h)(_Form.default, {
+      store: this.props.store,
+      formSetting: formSetting,
+      t: this.props.t,
+      submission: submission,
+      errorMessage: errorMessage,
+      isSubmited: isSubmited,
+      submiting: submiting,
+      onChangeFormValues: this.onChangeFormValues,
+      onSubmit: this.onSubmit
+    }));
+  }
+}
+exports.default = FormPage;

package/compiled_src/form/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _store = _interopRequireDefault(require("../store/store.js"));
+var common = _interopRequireWildcard(require("../common.js"));
+var _index = _interopRequireDefault(require("../util/index.js"));
+var _preact = require("preact");
+var _FormPage = _interopRequireDefault(require("./FormPage.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+let promiseMainCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('../chatbox/css.js'))))();
+const config = require('../../config.js');
+function findChatbox(store) {
+  let pluginM = store.matchPlugin();
+  let chatboxs = _index.default.filter(pluginM, plugin => plugin.type === 'chatbox');
+  if (_index.default.size(chatboxs) === 0) {
+    console.error('no chatbox found.');
+    return;
+  }
+  return chatboxs[0];
+}
+function getUrlParameter(name) {
+  name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
+  var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
+  var results = regex.exec(location.search);
+  return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
+}
+var $link = document.createElement('link');
+$link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap';
+$link.rel = 'stylesheet';
+document.head.append($link);
+_index.default.preloadWebfonts(['Inter'], [400, 500]);
+async function load() {
+  let store = new _store.default(config.ApiURL, config.FileURL, config.RealtimeURL, true);
+  window.store = store;
+  let accid = getUrlParameter('id') || getUrlParameter('acc_id') || getUrlParameter('account_id') || 'acqsulrowbxiugvginhw';
+  let mask = accid + '@' + 'abcd';
+  let token = getUrlParameter('token');
+  await store.init(accid, mask);
+  let acc = store.matchAccount() || {};
+  let plugin = findChatbox(store) || {};
+  let css = (await promiseMainCSS).default.default.toString();
+  var outcss = _index.default.replaceCssVariable(css, plugin.chatbox);
+  let $cssStyleDiv = document.createElement('style');
+  document.head.appendChild($cssStyleDiv);
+  $cssStyleDiv.type = 'text/css';
+  $cssStyleDiv.id = 'subiz-style-for-order';
+  _index.default.setCss('form', $cssStyleDiv, outcss);
+  let t = key => {
+    if (_locale === 'debug') return `{{${key}}}`;
+    let messages = _index.default.get(common.langMessages, _locale, []);
+    let message = _index.default.find(messages, message => message.key === key);
+    return _index.default.get(message, 'message', key);
+  };
+  let _locale = plugin.locale || acc.locale || 'vi-VN';
+  t.i18n = i18nText => {
+    if (!i18nText) return '';
+    let fallbackLocale = plugin.locale || acc.locale || 'vi-VN';
+    fallbackLocale = fallbackLocale.replace('-', '_');
+    let locale = _locale.replace('-', '_');
+    return i18nText[locale] || i18nText[fallbackLocale];
+  };
+  t.locale = () => _locale;
+  common.downloadLanguage(store, _locale).then(() => {
+    (0, _preact.render)((0, _preact.h)(_FormPage.default, {
+      store: store,
+      t: t,
+      token: token
+    }), document.getElementById('form'));
+  });
+}
+load();

package/compiled_src/store/api.js

@@ -110,6 +110,8 @@ class _default {
     _defineProperty(this, "list_provinces", () => this.apireq.get(`/accounts/${this.accid}/provinces`));
     _defineProperty(this, "list_districts", p => this.apireq.setQuery(p).get(`/accounts/${this.accid}/districts`));
     _defineProperty(this, "list_wards", p => this.apireq.setQuery(p).get(`/accounts/${this.accid}/wards`));
+    _defineProperty(this, "checkFormToken", token => this.api41.get(`/submissions/${token}`));
+    _defineProperty(this, "submitForm2", (token, data) => this.api41.post(`/submissions/${token}`, data));
     _defineProperty(this, "suggest_address", keyword => this.apireq.setQuery({
       keyword: keyword
     }).get(`/accounts/${this.accid}/addresses`));
@@ -117,6 +119,7 @@ class _default {
     this.refreshLock = new _index.default.Mutex();
     this.FileURL = FileURL;
     this.ApiURL = ApiURL;
+    this.api41 = ajax.setBaseUrl('https://api5.subiz.com.vn/4.1').withCredentials(true).setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json');
     this.apireq = ajax.setBaseUrl(ApiURL).withCredentials(true).addQuery('v', '6').setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json').beforeHook((param, done) => {
       if (this.token_generator) {
         let user_id = this.profile_id;

package/compiled_src/store/realtime_fake.js

@@ -9,5 +9,9 @@ class _default {
   onInterrupted() {}
   subscribe() {}
   stop() {}
+  getStatus() {
+    return 'active';
+  }
+  reconnect() {}
 }
 exports.default = _default;

package/compiled_src/store/store.js

@@ -27,6 +27,7 @@ class Store {
   constructor(ApiURL, FileURL, RealtimeURL, inmem, fakeapi) {
     _defineProperty(this, "inmem", false);
     _defineProperty(this, "cookie", cookie);
+    _defineProperty(this, "getConnectionStatus", () => this.connectionStatus);
     _defineProperty(this, "_currentViewingProduct", {});
     _defineProperty(this, "new_visitor", true);
     _defineProperty(this, "matchUser", () => {
@@ -134,6 +135,8 @@ class Store {
     _defineProperty(this, "matchIsOpen", () => !!this.kv.match('isopen'));
     _defineProperty(this, "matchHasManuallyClosed", () => !!this.kv.match('hasManuallyClosed'));
     _defineProperty(this, "matchClosePreviewAt", () => this.kv.match('close_preview_at') || 0);
+    _defineProperty(this, "checkFormToken", token => this.api.checkFormToken(token));
+    _defineProperty(this, "submitForm2", (token, data) => this.api.submitForm2(token, data));
     _defineProperty(this, "sendPresence", _index.default.throttle(async () => {
       if (this._die) return dieErr;
       await this.readyGate.entry();
@@ -160,6 +163,7 @@ class Store {
       this.seenQueue.push(id);
     });
     _defineProperty(this, "onUpdate", (o, cb) => this.pubsub.on2(o, 'account', cb));
+    _defineProperty(this, "onConnection", (o, cb) => this.pubsub.on2(o, 'connection', cb));
     _defineProperty(this, "onResetCSS", (o, cb) => this.pubsub.on2(o, 'resetCSS', cb));
     _defineProperty(this, "onHighlight", (o, cb) => this.pubsub.on2(o, 'highlight', cb));
     _defineProperty(this, "setHasManuallyClosed", () => this.kv.put('hasManuallyClosed', true));
@@ -181,6 +185,9 @@ class Store {
       });
     });
     _defineProperty(this, "timeDiff", 0);
+    this.connectionStatus = 'active';
+    this.CONNECTION_CHECK_INTERVAL = 3000;
+    this.reconnectTimestamp = 0;
     this.g_sync = {};
     this._die = false;
     this.forceDevice = null;
@@ -267,6 +274,23 @@ class Store {
       }
     }, 2000);
   }
+  async loopCheckConnectionStatus() {
+    while (true) {
+      if (this._die) break;
+      await _index.default.sleep(this.CONNECTION_CHECK_INTERVAL);
+      if (!this.realtime) continue;
+      if (!this.realtime.getStatus || !this.realtime.reconnect) continue;
+      if (this.connectionStatus === 'dead') {
+        await this.realtime.reconnect();
+      }
+      let currentStatus = this.connectionStatus;
+      this.connectionStatus = this.realtime.getStatus();
+      if (currentStatus !== this.connectionStatus) {
+        console.log('publish connectionStatus', this.connectionStatus);
+        this.pubsub.publish('connection');
+      }
+    }
+  }
   linkProduct(p) {
     if (!p) {
       this._currentViewingProduct = {};
@@ -445,6 +469,7 @@ class Store {
     });
     this.readyGate.open();
     this.reconnectWs(accid, user.id);
+    this.loopCheckConnectionStatus();
     return user;
   }
   async login(accid, user_id, tokenGenerator) {

package/compiled_src/util/campaign.js

@@ -56,10 +56,7 @@ function trackInactivity(seconds = 0, cb) {
     document.addEventListener(ev, resetTime, false);
   }
 }
-let timeOnPage = 0;
-common.setInterval(() => {
-  timeOnPage += 5;
-}, 5000);
+let _pageLoaded = common.Date.now();
 function trackTimeOnPage(seconds = 0, cb) {
   if (seconds < 1) {
     return common.setTimeout(function () {
@@ -67,10 +64,11 @@ function trackTimeOnPage(seconds = 0, cb) {
     }, 100);
   }
   let timer = common.setInterval(() => {
+    let timeOnPage = (common.Date.now() - _pageLoaded) / 1000;
     if (timeOnPage < seconds) return;
     if (cb) cb(timeOnPage);
     common.clearInterval(timer);
-  }, 1000);
+  }, 200);
 }
 function on(eventName, selector, fn) {
   document.addEventListener(eventName, function (event) {

package/compiled_src/util/common.js

@@ -1219,12 +1219,12 @@ function isBlockEmpty(block) {
   return _isBlockEmpty(block);
 }
 function _isBlockEmpty(block = {}) {
-  if (!size(block.contents)) {
+  if (!size(block.content)) {
     if ((block.text || '').trim()) return false;
     return true;
   }
   let result = true;
-  map(block.contents, content => {
+  map(block.content, content => {
     result = result && _isBlockEmpty(content);
   });
   return result;

package/dist/{1964f21ffc8.127.js → 1967c022bc1.127.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_subiz_widget_v4=self.webpackChunk_subiz_widget_v4||[]).push([[127],{6127:(t,e,n)=>{n.r(e),n.d(e,{default:()=>i});var a=n(8150),r=n(2840),s=n(172);class i extends r.Mw{render(){let t=a.A.get(this.props.ev,"by.type");if("user"===t)return null;this.props.store.matchAccount();var e=a.A.get(this.props.ev,"data.message.attachments",[]);let r=a.A.filter(e,(t=>"order"===t.type&&t.order)).map((t=>t.order));return 0===r.length?null:a.A.map(r,((e,r)=>{!function(t){let e=0,n=0,a=0;op.map(t.items,(t=>{if(!t.product)return 0;let r=op.get(t,"product.price",0)*(t.quantity||0);a+=r,"percentage"==t.discount_type?t.discount_percentage>0&&(n+=r*t.discount_percentage/1e4,r*=1-(t.discount_percentage||0)/1e4):"amount"==t.discount_type&&t.discount_amount>0&&(n+=t.discount_amount,r-=t.discount_amount||0,r<=0&&(r=0)),t.total=r,e+=r}));let r={};op.map(t.items,((t,e)=>{if(!t.product)return;let n=t.product.tax;if(!n)return;if(!n.id)return;let a=t.total*n.percentage/1e4;t.total_tax=a,r[e]={tax:n,taxprice:a}}));let s=0;op.map(r,(t=>s+=t.taxprice));let i=0;"percentage"==t.discount_type&&t.discount_percentage>0?i=(e+s)*t.discount_percentage/1e4:"amount"==t.discount_type&&(i=t.discount_amount||0);let o=op.get(t,"shipping.nominal_fee",0);if(o>0&&op.get(t,"shipping.tax.id")){let e=t.shipping.tax,n=o*(e.percentage/1e4);r.ship={tax:e,taxprice:n},t.shipping.total_tax=n}s=0,op.map(r,(t=>s+=t.taxprice));let l=e+s-i+o;l+=t.adjustment||0,l<0&&(l=0),t.subtotal=e,t._computed_discount=i,t._taxM=r,t.total=l,t.total_tax=s,t._discount_before_tax=n,t._order_value=a}(e);let i=null;e.note&&(i=(0,s.h)("div",null,(0,s.h)("div",{class:"order_attachment__label"},this.props.t("note")),(0,s.h)("div",{class:"order_attachment__note",title:e.note},e.note)));let l=null;a.A.size(e.items)>0&&(l=(0,s.h)("div",null,(0,s.h)("div",{class:"order_attachment__label"},this.props.t("product")),a.A.map(e.items,(t=>{let e=t.product||{};return(0,s.h)("div",{class:"order_attachment__product"},(0,s.h)("img",{class:"order_attachment__product_img",alt:""+a.A.get(e,"id"),src:a.A.get(e,"image",n(2876))}),(0,s.h)("div",{style:"overflow: hidden !important;"},(0,s.h)("div",{class:"order_attachment__product_name",title:this.props.t.i18n(e.i18n_name)||e.name},this.props.t.i18n(e.i18n_name)||e.name),(0,s.h)("div",{class:"order_attachment__product_desc"},function(t,e=" - "){let n=op.get(t,"options",[]),a=op.get(t,"props",[]),r=op.filter(n,(t=>op.size(t.values)>1)),s=[];return op.each(r,(t=>{let e=op.find(a,(e=>e.key===t.key))||{};e.value&&s.push(e.value)})),s.join(e)}(e," / ")),(0,s.h)("div",{class:"order_attachment__product_desc"},this.props.t("qty")," ",t.quantity," · ",a.A.formatCurrency(e.price))))}))));let c=(0,s.h)("div",{class:"order_attachment__footer"},(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",null,this.props.t("total"))," ",(0,s.h)("div",null,(0,s.h)("b",{class:"order_attachment__total"},a.A.formatCurrency(e.total))))),d=a.A.find(a.A.get(e,"user.attributes",[]),(t=>"phones"===t.key))||{key:"phones",text:""},_=a.A.get(e,"shipping.address.phone","").trim();_=_||a.A.trim(d.text),_&&(_=this.props.t("phn")+": "+_);let p=null;(o(e)||_)&&(p=(0,s.h)("div",null,(0,s.h)("div",{class:"order_attachment__label"},this.props.t("ship_to")),(0,s.h)("div",null,o(e)),(0,s.h)("div",{class:"order_attachment__text_truncate"},_)));let u=null;e._discount_before_tax&&(u=(0,s.h)("div",{class:"order_attachment__footer"},(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("subtotal_before_tax"))," ",(0,s.h)("div",null,a.A.formatCurrency(e._order_value))),(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("discount_before_tax"))," ",(0,s.h)("div",null,"-",a.A.formatCurrency(e._discount_before_tax)))));let h=(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("subtotal"))," ",(0,s.h)("div",{style:""},a.A.formatCurrency(e.subtotal))),m=null;if(e.total_tax){let t="";if(1===a.A.size(e._taxM)){let n=a.A.get(e._taxM,"0.tax",{});n.name&&n.percentage&&(t=`(${n.name} ${Math.round(n.percentage||0)/100}%)`)}m=(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("tax")," ",t),(0,s.h)("div",{style:""},a.A.formatCurrency(e.total_tax)))}let g=null;"percentage"===e.discount_type&&e.discount_percentage&&(g=(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("discount_after_tax")," (",Math.round(e.discount_percentage/100),"%)")," ",(0,s.h)("div",{style:""},"-",a.A.formatCurrency(e._computed_discount)))),"amount"===e.discount_type&&e.discount_amount&&(g=(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("discount_after_tax"))," ",(0,s.h)("div",{class:"no-shrink"},"-",a.A.formatCurrency(e._computed_discount))));let f=null;a.A.get(e,"shipping.nominal_fee")&&(f=(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("shipping_fee"))," ",(0,s.h)("div",{style:""},a.A.formatCurrency(a.A.get(e,"shipping.nominal_fee",0)))));let v=null;return e.adjustment&&(v=(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},e.adjustment_description)," ",(0,s.h)("div",{class:"no-shrink"},a.A.formatCurrency(e.adjustment)))),h=(0,s.h)("div",{class:"order_attachment__footer"},h,m,f,g,v),f||v||g||m||(h=null),(0,s.h)("div",{class:`order_attachment order_attachment__${t}`},(0,s.h)("div",{class:"order_attachment__header"},this.props.t("order"),(0,s.h)("span",{class:"order_attachment__text_muted order_attachment__text_sm"},function(t={}){return t.number||t.id||""}(e))),l,p,i,u,h,c)}))}}function o(t,e){let n=op.get(t,"shipping.address",{}),a=[n.address,n.ward,n.district,n.province].filter((t=>t)).join(", ").trim();return e&&(a=(a||"").replace(/Hà Nội/gi,"HN").replace(/Hồ Chí Minh/gi,"HCM").replace(/Thành Phố/gi,"TP")),a}}}]);
+"use strict";(self.webpackChunk_subiz_widget_v4=self.webpackChunk_subiz_widget_v4||[]).push([[127],{6127:(t,e,n)=>{n.r(e),n.d(e,{default:()=>i});var a=n(5922),r=n(2840),s=n(172);class i extends r.Mw{render(){let t=a.A.get(this.props.ev,"by.type");if("user"===t)return null;this.props.store.matchAccount();var e=a.A.get(this.props.ev,"data.message.attachments",[]);let r=a.A.filter(e,(t=>"order"===t.type&&t.order)).map((t=>t.order));return 0===r.length?null:a.A.map(r,((e,r)=>{!function(t){let e=0,n=0,a=0;op.map(t.items,(t=>{if(!t.product)return 0;let r=op.get(t,"product.price",0)*(t.quantity||0);a+=r,"percentage"==t.discount_type?t.discount_percentage>0&&(n+=r*t.discount_percentage/1e4,r*=1-(t.discount_percentage||0)/1e4):"amount"==t.discount_type&&t.discount_amount>0&&(n+=t.discount_amount,r-=t.discount_amount||0,r<=0&&(r=0)),t.total=r,e+=r}));let r={};op.map(t.items,((t,e)=>{if(!t.product)return;let n=t.product.tax;if(!n)return;if(!n.id)return;let a=t.total*n.percentage/1e4;t.total_tax=a,r[e]={tax:n,taxprice:a}}));let s=0;op.map(r,(t=>s+=t.taxprice));let i=0;"percentage"==t.discount_type&&t.discount_percentage>0?i=(e+s)*t.discount_percentage/1e4:"amount"==t.discount_type&&(i=t.discount_amount||0);let o=op.get(t,"shipping.nominal_fee",0);if(o>0&&op.get(t,"shipping.tax.id")){let e=t.shipping.tax,n=o*(e.percentage/1e4);r.ship={tax:e,taxprice:n},t.shipping.total_tax=n}s=0,op.map(r,(t=>s+=t.taxprice));let l=e+s-i+o;l+=t.adjustment||0,l<0&&(l=0),t.subtotal=e,t._computed_discount=i,t._taxM=r,t.total=l,t.total_tax=s,t._discount_before_tax=n,t._order_value=a}(e);let i=null;e.note&&(i=(0,s.h)("div",null,(0,s.h)("div",{class:"order_attachment__label"},this.props.t("note")),(0,s.h)("div",{class:"order_attachment__note",title:e.note},e.note)));let l=null;a.A.size(e.items)>0&&(l=(0,s.h)("div",null,(0,s.h)("div",{class:"order_attachment__label"},this.props.t("product")),a.A.map(e.items,(t=>{let e=t.product||{};return(0,s.h)("div",{class:"order_attachment__product"},(0,s.h)("img",{class:"order_attachment__product_img",alt:""+a.A.get(e,"id"),src:a.A.get(e,"image",n(2876))}),(0,s.h)("div",{style:"overflow: hidden !important;"},(0,s.h)("div",{class:"order_attachment__product_name",title:this.props.t.i18n(e.i18n_name)||e.name},this.props.t.i18n(e.i18n_name)||e.name),(0,s.h)("div",{class:"order_attachment__product_desc"},function(t,e=" - "){let n=op.get(t,"options",[]),a=op.get(t,"props",[]),r=op.filter(n,(t=>op.size(t.values)>1)),s=[];return op.each(r,(t=>{let e=op.find(a,(e=>e.key===t.key))||{};e.value&&s.push(e.value)})),s.join(e)}(e," / ")),(0,s.h)("div",{class:"order_attachment__product_desc"},this.props.t("qty")," ",t.quantity," · ",a.A.formatCurrency(e.price))))}))));let c=(0,s.h)("div",{class:"order_attachment__footer"},(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",null,this.props.t("total"))," ",(0,s.h)("div",null,(0,s.h)("b",{class:"order_attachment__total"},a.A.formatCurrency(e.total))))),d=a.A.find(a.A.get(e,"user.attributes",[]),(t=>"phones"===t.key))||{key:"phones",text:""},_=a.A.get(e,"shipping.address.phone","").trim();_=_||a.A.trim(d.text),_&&(_=this.props.t("phn")+": "+_);let p=null;(o(e)||_)&&(p=(0,s.h)("div",null,(0,s.h)("div",{class:"order_attachment__label"},this.props.t("ship_to")),(0,s.h)("div",null,o(e)),(0,s.h)("div",{class:"order_attachment__text_truncate"},_)));let u=null;e._discount_before_tax&&(u=(0,s.h)("div",{class:"order_attachment__footer"},(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("subtotal_before_tax"))," ",(0,s.h)("div",null,a.A.formatCurrency(e._order_value))),(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("discount_before_tax"))," ",(0,s.h)("div",null,"-",a.A.formatCurrency(e._discount_before_tax)))));let h=(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("subtotal"))," ",(0,s.h)("div",{style:""},a.A.formatCurrency(e.subtotal))),m=null;if(e.total_tax){let t="";if(1===a.A.size(e._taxM)){let n=a.A.get(e._taxM,"0.tax",{});n.name&&n.percentage&&(t=`(${n.name} ${Math.round(n.percentage||0)/100}%)`)}m=(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("tax")," ",t),(0,s.h)("div",{style:""},a.A.formatCurrency(e.total_tax)))}let g=null;"percentage"===e.discount_type&&e.discount_percentage&&(g=(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("discount_after_tax")," (",Math.round(e.discount_percentage/100),"%)")," ",(0,s.h)("div",{style:""},"-",a.A.formatCurrency(e._computed_discount)))),"amount"===e.discount_type&&e.discount_amount&&(g=(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("discount_after_tax"))," ",(0,s.h)("div",{class:"no-shrink"},"-",a.A.formatCurrency(e._computed_discount))));let f=null;a.A.get(e,"shipping.nominal_fee")&&(f=(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},this.props.t("shipping_fee"))," ",(0,s.h)("div",{style:""},a.A.formatCurrency(a.A.get(e,"shipping.nominal_fee",0)))));let v=null;return e.adjustment&&(v=(0,s.h)("div",{class:"d-flex align-items-center justify-content-between"},(0,s.h)("div",{class:"order_attachment__label no_margin"},e.adjustment_description)," ",(0,s.h)("div",{class:"no-shrink"},a.A.formatCurrency(e.adjustment)))),h=(0,s.h)("div",{class:"order_attachment__footer"},h,m,f,g,v),f||v||g||m||(h=null),(0,s.h)("div",{class:`order_attachment order_attachment__${t}`},(0,s.h)("div",{class:"order_attachment__header"},this.props.t("order"),(0,s.h)("span",{class:"order_attachment__text_muted order_attachment__text_sm"},function(t={}){return t.number||t.id||""}(e))),l,p,i,u,h,c)}))}}function o(t,e){let n=op.get(t,"shipping.address",{}),a=[n.address,n.ward,n.district,n.province].filter((t=>t)).join(", ").trim();return e&&(a=(a||"").replace(/Hà Nội/gi,"HN").replace(/Hồ Chí Minh/gi,"HCM").replace(/Thành Phố/gi,"TP")),a}}}]);