@subiz/widget-v4 4.1.125 → 4.1.129

package/compiled_src/form/Form.js

@@ -0,0 +1,274 @@
+"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"
+      }, (0, _preact.h)("div", {
+        class: "form-control--valid-input--error"
+      }, 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);
+      return (0, _preact.h)("input", {
+        ref: this[`${com.key}_input`],
+        class: "form-control",
+        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: _index.default.get(res, 'error.code')
+        });
+        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

@@ -31,6 +31,7 @@ exports.getUrlParameter = getUrlParameter;
 exports.getUserAttr = getUserAttr;
 exports.hslToRgb = hslToRgb;
 exports.includes = includes;
+exports.isBlockEmpty = isBlockEmpty;
 exports.isConvoSeen = isConvoSeen;
 exports.isEmail = isEmail;
 exports.isNumber = isNumber;
@@ -1214,6 +1215,20 @@ const ALL_CURRENCIES = [{
 function blockToText(block) {
   return _blockToText(block).trim();
 }
+function isBlockEmpty(block) {
+  return _isBlockEmpty(block);
+}
+function _isBlockEmpty(block = {}) {
+  if (!size(block.content)) {
+    if ((block.text || '').trim()) return false;
+    return true;
+  }
+  let result = true;
+  map(block.content, content => {
+    result = result && _isBlockEmpty(content);
+  });
+  return result;
+}
 function _blockToText(block) {
   if (!block || !block.type) return '';
   let out = '';