@subiz/widget-v4 4.1.35 → 4.1.37

package/assets/less/widget.less

@@ -9,6 +9,7 @@
 
 	padding-left: @spacer3;
 	padding-right: @spacer3;
+	padding-bottom: @spacer3;
 }
 
 .convo-list--list {
@@ -243,7 +244,6 @@
 	align-items: center;
 	margin-left: auto;
 	margin-right: auto;
-	margin-bottom: @spacer3;
 	&::after {
 		display: none;
 	}

package/compiled_src/lib.js

@@ -26,6 +26,7 @@ class Widget {
     _defineProperty(this, "setViewingProduct", p => this.store.linkProduct(p));
     _defineProperty(this, "getViewingProduct", () => this.store.getLinkedProduct());
     _defineProperty(this, "track", () => this.store.track());
+    this.impressionTokens = {};
     this.domGate = new _index.default.Gate();
     this.store = new _store.default(ApiURL, FileURL, RealtimeURL, inmem, fake);
     window.sbz_store = this.store;
@@ -125,6 +126,29 @@ class Widget {
       message
     });
   }
+  async viewForm(formid) {
+    if (!formid || !_index.default.startsWith(formid, 'cp')) return;
+    let impressiontoken = this.impressionTokens[formid];
+    if (impressiontoken) return impressiontoken;
+    let {
+      body: impression
+    } = await this.store.sendImpression(formid);
+    impressionToken = _index.default.get(impression, 'impression_token') || '';
+    this.impressionTokens[formid] = impressionToken;
+    return impressionToken;
+  }
+  async submitForm(formid, values) {
+    if (!formid || !_index.default.startsWith(formid, 'cp')) return;
+    values = _index.default.map(values, val => {
+      return {
+        key: val.key,
+        type: val.type || 'text',
+        value: _index.default.stringify(val.value)
+      };
+    });
+    let impressiontoken = await this.viewForm(formid);
+    return this.store.sendConversion(formid, values, impressionToken);
+  }
   startConvo(req) {
     return this.store.startConvo(req);
   }

package/compiled_src/util/campaign.js

@@ -37,9 +37,7 @@ function trackAreaClicked(selector, cb) {
     on('click', selector, cb);
   });
 }
-function trackInactivity() {
-  let seconds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  let cb = arguments.length > 1 ? arguments[1] : undefined;
+function trackInactivity(seconds = 0, cb) {
   let events = ['scroll', 'keyup', 'keydown', 'mousemove', 'mousewheel', 'mouseenter', 'mouseover', 'mousedown', 'touchstart', 'touchmove', 'touchenter'];
   let inactiveSeconds = 0;
   let resetTime = () => {
@@ -62,9 +60,7 @@ let timeOnPage = 0;
 common.setInterval(() => {
   timeOnPage += 5;
 }, 5000);
-function trackTimeOnPage() {
-  let seconds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  let cb = arguments.length > 1 ? arguments[1] : undefined;
+function trackTimeOnPage(seconds = 0, cb) {
   if (seconds < 1) {
     return common.setTimeout(function () {
       cb(seconds);

package/compiled_src/util/common.js

@@ -159,10 +159,7 @@ function getMsgField(ev, fieldName) {
 function isObject(item) {
   return item && typeof item === 'object' && !Array.isArray(item);
 }
-function merge(target) {
-  for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    sources[_key - 1] = arguments[_key];
-  }
+function merge(target, ...sources) {
   if (!sources.length) return target;
   const source = sources.shift();
   if (isObject(target) && isObject(source)) {
@@ -406,7 +403,9 @@ function getUserAttr(user, key, type) {
     if (type === 'boolean') value = attr.boolean;
     if (type === 'number') value = attr.number;
     if (type === 'text') value = attr.text;
-    if (type === 'list') value = attr.list;
+    if (type === 'list') {
+      value = [attr.text].concat(attr.other_values);
+    }
   });
   return value;
 }
@@ -961,8 +960,7 @@ function getUrlParameter() {
 }
 var sleep = ms => new Promise(res => setTimeout(res, ms));
 exports.sleep = sleep;
-function formatCurrency(val) {
-  let currency = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'VND';
+function formatCurrency(val, currency = 'VND') {
   let currencyObj = ALL_CURRENCIES.find(cur => cur.code === currency) || {
     name: 'Dong',
     code: 'VND',

package/compiled_src/util/order.js

@@ -14,8 +14,7 @@ op.map = common.map;
 op.each = common.each;
 op.size = common.size;
 op.find = common.find;
-function getProductPropName(product) {
-  let seperator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ' - ';
+function getProductPropName(product, seperator = ' - ') {
   let options = op.get(product, 'options', []);
   let props = op.get(product, 'props', []);
   let multiPropsOptions = op.filter(options, option => op.size(option.values) > 1);
@@ -26,8 +25,7 @@ function getProductPropName(product) {
   });
   return names.join(seperator);
 }
-function getOrderDisplayName() {
-  let order = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function getOrderDisplayName(order = {}) {
   return order.number || order.id || '';
 }
 function displayOrderShippingAddress(order, isShorten) {

package/compiled_src/util/pubsub.js

@@ -14,12 +14,9 @@ class Pubsub {
   }
   publish(topic, payload, payload2, payload3) {
     this.listeners[topic] = filter(this.listeners[topic], sub => sub.obj._isMounted);
-    map(this.listeners[topic], _ref => {
-      let {
-        cb
-      } = _ref;
-      return cb(payload, payload2, payload3);
-    });
+    map(this.listeners[topic], ({
+      cb
+    }) => cb(payload, payload2, payload3));
   }
   on2(obj, topic, cb) {
     if (!this.listeners[topic]) this.listeners[topic] = [];