@subiz/widget-v4 4.1.122 → 4.1.124

package/assets/less/form.less

@@ -94,7 +94,7 @@ select.form-control.input--error:focus {
 .label {
 	display: block;
 	padding-bottom: 6px;
-	margin-top: 14px;
+	margin-top: 8px;
 	.color(@gray-600);
 	font-size: 14px;
 	font-weight: 500;

package/assets/less/message.less

@@ -111,6 +111,10 @@
 	//padding: 12px;
 }
 
+.message-text--user.message-user--error {
+	background-color: @red;
+}
+
 .message-text--agent {
 	line-height: 1.5;
 	white-space: pre-wrap;
@@ -178,11 +182,14 @@
 
 a.message_error {
 	.color(@red);
+	opacity: 0.8;
 	display: block;
 	text-align: end;
 	font-size: 13px;
+	margin-top: 5px;
 	margin-bottom: 10px;
 	&:hover {
+		opacity: 1;
 		.color(@red);
 	}
 }

package/assets/less/widget_header.less

@@ -123,21 +123,23 @@
 	flex: 1;
 	display: flex;
 	flex-direction: column;
-	margin-left: @spacer2;
 	z-index: 1;
 }
 
 .widget-header--button-close {
 	display: flex;
+	border-radius: 6px;
 	justify-self: flex-end;
 	align-items: center;
 	align-self: flex-start;
-
+	opacity: 0.6;
 	transition:
+		opacity 0.15s ease,
 		scale 0.15s ease,
 		filter 0.15s ease;
 	filter: brightness(0.95);
 	&:hover {
+		opacity: 1;
 		filter: brightness(1.1);
 		scale: 1.1;
 	}
@@ -149,7 +151,6 @@
 	background-size: contain;
 	background-repeat: no-repeat;
 	background-position: center;
-
 	width: 24px;
 	height: 24px;
 	display: block;
@@ -182,6 +183,7 @@
 .widget-header--wrap-button-back {
 	display: flex;
 	position: relative;
+	margin-right: @spacer1;
 }
 
 .fade-enter-active,

package/compiled_src/chatbox/Event.js

@@ -21,6 +21,9 @@ var _time = _interopRequireDefault(require("./time.js"));
 var _common = require("../common.js");
 var _preact = require("preact");
 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); }
 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 OrderAttachments = false;
@@ -28,6 +31,13 @@ const LoadOrderAttachments = () => Promise.resolve().then(() => _interopRequireW
 class Event extends _common.Com {
   constructor(props) {
     super(props);
+    _defineProperty(this, "resendMessage", () => {
+      let cid = _index.default.convoOfEv(this.props.event.ev);
+      const message = _index.default.get(this.props.event, 'ev.data.message');
+      this.props.store.sendConvoEvent(cid, 'message_sent', {
+        message
+      });
+    });
     this.props.store.onConvoEvent(this, ev => this.onEvent(ev));
     this.refForm = (0, _preact.createRef)();
     this.state = {
@@ -318,18 +328,19 @@ class Event extends _common.Com {
       class: "pt-3"
     });
     let $error = null;
+    if (ev._error) $dot = null;
     if (ev._error && ev.type === 'message_sent') {
       let msg = this.props.t('error_send_message');
       if (ev._error_message) msg = this.props.t(ev._error_message);
       $error = (0, _preact.h)("a", {
         class: "message_error",
         src: "javascript:;",
-        onClick: e => this.resendMessage()
+        onClick: this.resendMessage
       }, (0, _preact.h)("div", {
-        class: "message_error__text"
-      }, msg), (0, _preact.h)("div", {
         class: "message_error__icon"
-      }));
+      }), "\xA0", (0, _preact.h)("div", {
+        class: "message_error__text"
+      }, msg));
     }
     return (0, _preact.h)("div", {
       class: "convo-event user-message"
@@ -480,13 +491,6 @@ class Event extends _common.Com {
       state
     }));
   }
-  resendMessage() {
-    let cid = _index.default.convoOfEv(this.props.event.ev);
-    const message = _index.default.get(this.props.event, 'ev.data.message');
-    this.props.store.sendConvoEvent(cid, 'message_sent', {
-      message
-    });
-  }
   getSenderName(ev) {
     let bytype = _index.default.get(ev, 'by.type');
     let byid = _index.default.get(ev, 'by.display_id', _index.default.get(ev, 'by.id'));

package/compiled_src/chatbox/TextMessage.js

@@ -63,8 +63,10 @@ class TextMessage extends _common.Com {
       class: "message-agent message-text--agent",
       title: t
     }, tags, this.renderTime());
+    let msgcls = 'message-user message-text--user';
+    if (this.props.ev._error) msgcls += ' message-user--error';
     return (0, _preact.h)("div", {
-      class: "message-user message-text--user",
+      class: msgcls,
       title: t
     }, tags);
   }
@@ -82,8 +84,10 @@ class TextMessage extends _common.Com {
         onLink: this.props.onLink
       }), this.renderTime());
     }
+    let msgcls = 'message-user message-text--user';
+    if (this.props.ev._error) msgcls += ' message-user--error';
     return (0, _preact.h)("div", {
-      class: "message-user message-text--user",
+      class: msgcls,
       title: t
     }, (0, _preact.h)(_block.default, {
       block: block,

package/compiled_src/chatbox/Widget.js

@@ -637,7 +637,7 @@ class Widget extends _common.Com {
         class: "label",
         for: 'form_' + encode(key)
       }, label, field.is_required ? (0, _preact.h)("span", {
-        class: "ml-1 red"
+        class: "red"
       }, "*") : ''), $field, field.error ? (0, _preact.h)("div", {
         class: "form-control--valid-input--error"
       }, field.error) : '');
@@ -661,18 +661,16 @@ class Widget extends _common.Com {
       form: form,
       onMount: this.formMounted
     }), (0, _preact.h)("div", {
-      class: "widget-body--content flex-grow-1 pl-3 pr-3 d-flex flex-column"
+      class: "widget-body--content flex-grow-1 pl-3 pr-3 pb-2 d-flex flex-column"
     }, (0, _preact.h)("div", {
-      class: "mt-3 d-flex flex-column"
+      class: "mt-2 d-flex flex-column"
     }, (0, _preact.h)("div", null, title), this.renderFields(form, formName)), (0, _preact.h)("div", {
       style: "min-height: 15px !important; flex: 1 !important; flex-shrink: 0 !important"
     }), (0, _preact.h)("button", {
       class: btncls,
       onClick: _ => this.submitPrechatForm(form, formName),
       disabled: !!hasEmptyError || !!hasError || this.state.creating
-    }, submitLabel)), (0, _preact.h)("div", {
-      class: "mt-2"
-    }));
+    }, submitLabel)));
   }
   goToConvo(cid) {
     this.props.onGo({

package/compiled_src/plugin.js

@@ -60,6 +60,7 @@ function Plugin(plugin, store, $container, lib) {
   var _render = async () => {
     if (_destroy) return;
     if (!$div) return;
+    if (!this.t) return;
     if (plugin.type === 'chatbox') {
       (0, _preact.render)((0, _preact.h)(_main.default, {
         destroy: _destroy,

package/compiled_src/store/api.js

@@ -100,7 +100,6 @@ class _default {
     _defineProperty(this, "updateUser", data => this.apireq.post(`/accounts/${this.accid}/users/${this.uid}`, data));
     _defineProperty(this, "getUser", _ => this.apireq.get(`/accounts/${this.accid}/users/${this.uid}`));
     _defineProperty(this, "getAccountSetting", () => this.apireq.get(`/accounts/${this.accid}/settings`));
-    _defineProperty(this, "getIsOnline", () => this.apireq.get(`/accounts/${this.accid}/is_online`));
     _defineProperty(this, "sendImpression", impression => this.apireq.post(`/accounts/${this.accid}/campaigns/${impression.campaign_id}/impressions`, impression));
     _defineProperty(this, "sendConversion", conversion => this.apireq.post(`/accounts/${this.accid}/campaigns/${conversion.campaign_id}/conversions`, conversion));
     _defineProperty(this, "lookupOrder", key => ajax.setBaseUrl(this.ApiURL).setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json').addQuery('x-signed-key', key).get(`/orders/123`));
@@ -146,7 +145,11 @@ class _default {
       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}`);
-        if (outuser.error && _index.default.get(outuser, 'body.error.code', '').indexOf('locked_account') != -1) break;
+        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);
+          continue;
+        }
         if (!_index.default.get(outuser, 'body.id')) {
           let sleeptime = Math.min(2000 + i * 400, 60000);
           await _index.default.sleep(sleeptime);

package/compiled_src/store/api_fake.js

@@ -73,7 +73,6 @@ class _default {
       }
     }));
     _defineProperty(this, "getAccountSetting", () => this.apireq.get(`/accounts/${this.accid}/settings`));
-    _defineProperty(this, "getIsOnline", () => this.apireq.get(`/accounts/${this.accid}/is_online`));
     _defineProperty(this, "sendImpression", impression => OK200);
     _defineProperty(this, "sendConversion", conversion => OK200);
     this.FileURL = FileURL;

package/compiled_src/store/chain.js

@@ -0,0 +1,228 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const ChainMaxSize = 50;
+class Chain {
+  constructor(db, schema, inmem) {
+    this.schema = schema + '_chain';
+    this.dead = false;
+    this.db = db;
+    this.anchorCache = {};
+    this.cache = {};
+    this.init();
+  }
+  init() {
+    let inmemItemM = {};
+    let allitems = this.db.all('items');
+    allitems.map(item => {
+      inmemItemM[item.chain] = inmemItemM[item.chain] || {};
+      inmemItemM[item.chain][item.id] = {
+        id: item.id,
+        chain: item.chain,
+        full_id: item.full_id,
+        index: item.index,
+        value: item.value
+      };
+    });
+    map(inmemItemM, (itemM, chain) => {
+      if (size(itemM) < ChainMaxSize) return;
+      let items = orderBy(map(itemM), ['index'], 'desc');
+      let removekeys = [];
+      for (var i = ChainMaxSize; i < items.length; i++) {
+        removekeys.push(items[i].full_id);
+        delete itemM[items[i].id];
+      }
+      this.db.removes('items', removekeys);
+      inmemItemM[chain] = itemM;
+    });
+    this.cache = inmemItemM;
+  }
+  destroy() {
+    this.db.clear('items');
+    this.dead = true;
+    this.cache = {};
+    this.anchorCache = {};
+    this.db = undefined;
+  }
+  put(chain, id, node_index, value) {
+    if (this.dead) return;
+    let inmemItemM = this.cache[chain] || {};
+    let bottom = minIndex(inmemItemM) || {};
+    let bottomIndex = bottom.index || 'z';
+    if (size(inmemItemM) == 0) bottomIndex = '';
+    let item = {
+      id,
+      index: node_index,
+      value,
+      chain,
+      full_id: chain + ':' + id
+    };
+    delete inmemItemM[item.id];
+    if (bottomIndex > item.index + '') return;
+    inmemItemM[item.id] = item;
+    this.cache[chain] = inmemItemM;
+    this.db.put('items', item.full_id, item);
+  }
+  listM(chain) {
+    if (this.dead) return {};
+    let inmemItemM = this.cache[chain] || {};
+    let out = {};
+    map(inmemItemM, (item, id) => {
+      out[id] = item.value;
+    });
+    return out;
+  }
+  async fetchMore(chain, limit = 20, api) {
+    if (this.dead) return {
+      error: 'dead'
+    };
+    if (!api) return {
+      error: 'no api'
+    };
+    let anchor = this.anchorCache[chain] || '';
+    var [apiItems, newanchor, error] = await api(chain, anchor, limit);
+    if (error) return {
+      error
+    };
+    if (this.dead) return {
+      error: 'dead'
+    };
+    let inmemItemM = this.cache[chain] || {};
+    if (apiItems.length === 0) return {
+      end: true
+    };
+    apiItems.forEach(item => {
+      item.chain = chain;
+      item.full_id = chain + ':' + item.id;
+      inmemItemM[item.id] = item;
+      this.db.put('items', item.full_id, item);
+    });
+    this.anchorCache[chain] = newanchor;
+    this.cache[chain] = inmemItemM;
+    return {};
+  }
+  del(chain, id) {
+    if (this.dead) return;
+    let inmemItemM = this.cache[chain] || {};
+    let full_id = chain + ':' + id;
+    delete inmemItemM[id];
+    this.db.removes('items', [full_id]);
+  }
+  match(chain, id) {
+    return this.listM(chain)[id];
+  }
+  async reload(chain, api) {
+    if (this.dead) return;
+    let top = maxIndex(this.listM(chain)) || {};
+    let topindex = top.index;
+    if (!topindex) topindex = Date.now();
+    var lastanchor = '';
+    var fetchedItems = {};
+    for (;;) {
+      if (this.dead) return;
+      let [newItems, newanchor, error] = await api(chain, lastanchor, 50);
+      if (error) return;
+      if (this.dead) return;
+      newItems.map(item => {
+        fetchedItems[item.id] = Object.assign({}, item, {
+          chain,
+          full_id: chain + ':' + item.id
+        });
+      });
+      if (newItems.length === 0 || newanchor === lastanchor) break;
+      if (fetchedItems.length >= 200) {
+        let inmemItemM = this.cache[chain] || {};
+        let removeids = [];
+        map(inmemItemM, item => {
+          if (item.chain !== chain) return;
+          removeids.push(item.full_id);
+        });
+        this.db.removes('items', removeids);
+        this.cache[chain] = {};
+        break;
+      }
+      let minindexitem = minIndex(fetchedItems) || {};
+      if (minindexitem.index <= topindex) {
+        lastanchor = this.anchorCache[chain] || newanchor;
+        break;
+      }
+      lastanchor = newanchor;
+    }
+    for (var i = 0; i < Object.keys(fetchedItems).length; i++) {
+      let item = fetchedItems[Object.keys(fetchedItems)[i]];
+      this.db.put('items', item.full_id, item);
+      this.cache[item.chain] = this.cache[item.chain] || {};
+      this.cache[item.chain][item.id] = item;
+    }
+    this.anchorCache[chain] = lastanchor;
+  }
+}
+exports.default = Chain;
+function minIndex(obj) {
+  if (!obj) return;
+  let keys = Object.keys(obj);
+  if (!keys.length) return;
+  let min = Infinity;
+  let minKey = Object.keys(obj)[0];
+  for (var i = 0; i < keys.length; i++) {
+    let index = obj[keys[i]] && obj[keys[i]].index || Infinity;
+    if (index < min) {
+      min = index;
+      minKey = keys[i];
+    }
+  }
+  return obj[minKey];
+}
+function maxIndex(obj) {
+  if (!obj) return;
+  let keys = Object.keys(obj);
+  if (!keys.length) return;
+  let max = -Infinity;
+  let maxKey = Object.keys(obj)[0];
+  for (var i = 0; i < keys.length; i++) {
+    let index = obj[keys[i]] && obj[keys[i]].index || -Infinity;
+    if (index > max) {
+      max = index;
+      maxKey = keys[i];
+    }
+  }
+  return obj[keys[maxKey]];
+}
+function map(collection, predicate) {
+  if (!collection) return [];
+  if (!predicate) return collection;
+  var out = [];
+  if (Array.isArray(collection)) {
+    for (let i = 0; i < collection.length; i++) {
+      out.push(predicate(collection[i], i));
+    }
+    return out;
+  }
+  if (typeof collection === 'object') {
+    var keys = Object.keys(collection);
+    for (let i = 0; i < keys.length; i++) {
+      var k = keys[i];
+      out.push(predicate(collection[k], k));
+    }
+    return out;
+  }
+  return out;
+}
+function size(o) {
+  if (!o) return 0;
+  if (o.length !== undefined) return o.length;
+  return Object.keys(o).length;
+}
+function orderBy(a, k, d) {
+  var clone = [];
+  map(a, v => clone.push(v));
+  clone.sort((i, j) => {
+    if (i[k] === j[k]) return 0;
+    var r = i[k] < j[k] ? -1 : 1;
+    return d === 'desc' ? -r : r;
+  });
+  return clone;
+}

package/compiled_src/store/inmem_localstorage.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var localStorageMemory = {};
+var cache = {};
+localStorageMemory.length = 0;
+localStorageMemory.getItem = function (key) {
+  if (key in cache) return cache[key];
+  return null;
+};
+localStorageMemory.setItem = function (key, value) {
+  if (typeof value === 'undefined') {
+    localStorageMemory.removeItem(key);
+  } else {
+    if (!Object.prototype.hasOwnProperty.call(cache, key)) {
+      localStorageMemory.length++;
+    }
+    cache[key] = value;
+  }
+};
+localStorageMemory.removeItem = function (key) {
+  if (Object.prototype.hasOwnProperty.call(cache, key)) {
+    delete cache[key];
+    localStorageMemory.length--;
+  }
+};
+localStorageMemory.key = function (index) {
+  return Object.keys(cache)[index] || null;
+};
+localStorageMemory.clear = function () {
+  cache = {};
+  localStorageMemory.length = 0;
+};
+module.exports = localStorageMemory;

package/compiled_src/store/kv.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+let KvMaxSize = 500;
+class _default {
+  constructor(db, schema) {
+    this.name = schema;
+    schema += '_kv';
+    this.dead = false;
+    this.db = db;
+    this.cache = {};
+    this.initialized = false;
+    this.init();
+  }
+  refreshCache() {
+    if (this.dead) return;
+    let inmemItemM = {};
+    let allitems = this.db.all('items');
+    allitems.forEach(function (item) {
+      inmemItemM[item.key] = item.value;
+    });
+    this.cache = inmemItemM;
+  }
+  init() {
+    if (this.initialized) return;
+    let inmemItemM = {};
+    console.time('KV' + this.name);
+    let allitems = this.db.all('items');
+    allitems.forEach(function (item) {
+      inmemItemM[item.key] = item.value;
+    });
+    this.cache = inmemItemM;
+    let allkeys = Object.keys(this.cache);
+    if (allkeys.length > KvMaxSize) {
+      let liveChance = KvMaxSize / 2 / allkeys.lenth;
+      let removekeys = [];
+      for (var i = 0; i < KvMaxSize; i++) {
+        let live = Math.random() <= liveChance;
+        if (live) continue;
+        let key = allkeys[i];
+        delete this.cache[key];
+        removekeys.push(key);
+      }
+      this.db.removes('items', [removekeys]);
+    }
+    this.initialized = true;
+    console.timeEnd('KV' + this.name);
+  }
+  all() {
+    if (this.dead) return [];
+    if (!this.initialized) return [];
+    return this.cache;
+  }
+  match(key) {
+    if (this.dead || !this.initialized) return;
+    if (!key) return;
+    return this.cache[key];
+  }
+  put(key, value) {
+    if (!key) return;
+    if (this.dead) return [];
+    if (!this.initialized) throw new Error('uninitialized');
+    this.cache[key] = value;
+    this.db.put('items', key, {
+      key,
+      value
+    });
+  }
+  del(key) {
+    if (this.dead) return;
+    if (!this.initialized) throw new Error('uninitialized');
+    delete this.cache[key];
+    this.db.removes('items', [key]);
+  }
+  destroy() {
+    this.db.clear('items');
+    this.dead = true;
+    this.db = undefined;
+    this.cache = undefined;
+    this.initialized = false;
+  }
+}
+exports.default = _default;

package/compiled_src/store/lsdb.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _index = _interopRequireDefault(require("../util/index.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+let memlocalStorage = require('./inmem_localstorage.js');
+let requestIdleCallback = typeof window !== 'undefined' ? window.requestIdleCallback : null;
+if (!requestIdleCallback) requestIdleCallback = cb => cb();
+const LIMIT = 80;
+class _default {
+  constructor(schema, inmem) {
+    this.localStorage = memlocalStorage;
+    this.inmem = inmem;
+    this.allkeys = {};
+    if (!inmem) {
+      try {
+        window.localStorage.setItem('sbzstore1029', '?');
+        window.localStorage.removeItem('sbzstore1029');
+        this.localStorage = window.localStorage;
+      } catch (e) {}
+    }
+    this.schema = schema;
+  }
+  all(table) {
+    let items = [];
+    for (var i = 0; i < this.localStorage.length; i++) {
+      let key = this.localStorage.key(i);
+      if (!key.startsWith(this.schema + '#' + table + '#')) continue;
+      this.allkeys[key] = true;
+      if (this.inmem) items.push(this.localStorage.getItem(key));else items.push(_index.default.parseJSON(this.localStorage.getItem(key)));
+    }
+    return items;
+  }
+  removes(table, keys) {
+    for (var i = 0; i < keys.length; i++) {
+      delete this.allkeys[this.schema + '#' + table + '#' + keys[i]];
+      this.localStorage.removeItem(this.schema + '#' + table + '#' + keys[i]);
+    }
+  }
+  clear(table) {
+    for (var i = 0; i < this.localStorage.length; i++) {
+      let key = this.localStorage.key(i);
+      if (!key.startsWith(this.schema + '#' + table + '#')) continue;
+      this.localStorage.removeItem(key);
+    }
+    this.allkeys = {};
+  }
+  put(table, key, value) {
+    this.allkeys[this.schema + '#' + table + '#' + key] = true;
+    if (this.inmem) return this.localStorage.setItem(this.schema + '#' + table + '#' + key, value);
+    if (Object.keys(this.allkeys).length > LIMIT) this.clear(table);
+    requestIdleCallback(() => {
+      try {
+        this.localStorage.setItem(this.schema + '#' + table + '#' + key, toString(value));
+      } catch (e) {
+        this.clear(table);
+      }
+    });
+  }
+}
+exports.default = _default;
+function toString(obj) {
+  if (obj === undefined) return 'null';
+  return JSON.stringify(obj);
+}