@subiz/widget-v4 4.0.92 → 4.0.94

package/compiled_src/contact/contact.js

@@ -5,19 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.DEFVAL = void 0;
 exports.replaceCssVariable = replaceCssVariable;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _preact = require("preact");
-
 var _common = require("../common.js");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 let CSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
@@ -25,17 +18,14 @@ let CSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('.
 class Contact extends _common.Com {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", {
       map: false,
       map_loading: false,
       map_initialized: false
     });
-
     this.showMap = this.showMap.bind(this);
     this.hideMap = this.hideMap.bind(this);
   }
-
   async initMap() {
     if (this.map_initialized) return;
     this.setState({
@@ -51,7 +41,6 @@ class Contact extends _common.Com {
       map_loading: false
     });
   }
-
   js2css(js, onlyProps) {
     return _index.default.js2css(js, onlyProps, {
       '@font_size': this.props.plugin.popup.font_size,
@@ -65,7 +54,6 @@ class Contact extends _common.Com {
       '@spacer3': spacer * 3 + 'px'
     });
   }
-
   renderMapButton(button) {
     let icon = (0, _preact.h)("svg", {
       width: "20px",
@@ -87,7 +75,6 @@ class Contact extends _common.Com {
       onClick: this.showMap
     }, this.renderMapModal(button), icon);
   }
-
   async setMap(lat, lng) {
     console.log('HEE');
     await this.initMap();
@@ -95,20 +82,17 @@ class Contact extends _common.Com {
     window.gmap = this.gmap;
     this.gmap.map.setCenter(new google.maps.LatLng(lat, lng));
   }
-
   renderMapModal(button) {
     let cls = 'map_modal';
     if (this.state.map) cls += ' map_modal__show';else cls += ' map_modal__hide';
     let overlaycls = 'overlay';
     if (!this.state.map) overlaycls += ' overlay__hidden';
-
     let $locations = _index.default.map(button.map.locations, loc => {
       return (0, _preact.h)("div", {
         class: "map_location",
         onClick: e => this.setMap(loc.latitude, loc.longitude)
       }, (0, _preact.h)("div", null, loc.name), (0, _preact.h)("div", null, loc.latitude), (0, _preact.h)("div", null, loc.longitude));
     });
-
     $locations.unshift((0, _preact.h)("div", {
       class: "map_title"
     }, button.map.title));
@@ -141,20 +125,17 @@ class Contact extends _common.Com {
       marginwidth: "0"
     }))))));
   }
-
   hideMap(e) {
     e.stopPropagation();
     this.setState({
       map: false
     });
   }
-
   showMap() {
     this.setState({
       map: true
     });
   }
-
   renderZaloButton(button) {
     let icon = (0, _preact.h)("svg", {
       width: "20px ",
@@ -175,7 +156,6 @@ class Contact extends _common.Com {
       class: "contact_button"
     }, icon);
   }
-
   renderFacebookButton(button) {
     let icon = (0, _preact.h)("svg", {
       width: "20px ",
@@ -196,11 +176,9 @@ class Contact extends _common.Com {
       class: "contact_button"
     }, icon);
   }
-
   renderChatButton() {
     return (0, _preact.h)("div", null, "Chat");
   }
-
   renderCallButton() {
     let icon = (0, _preact.h)("svg", {
       width: "20px",
@@ -231,19 +209,16 @@ class Contact extends _common.Com {
       return null;
     });
   }
-
   renderByLayoutSideByStandard() {
     let $buttons = this.renderButtons(this.props.plugin.contact.buttons);
     return (0, _preact.h)("div", null, $buttons);
   }
-
   renderLineComponent(com) {
     let style = Object.assign({}, com.style, this.props.mobile ? com.mobile_style : {});
     return (0, _preact.h)("div", {
       style: this.js2css(style)
     });
   }
-
   renderTextComponent(com) {
     let style = Object.assign({}, com.style, this.props.mobile ? com.mobile_style : {});
     return (0, _preact.h)("div", {
@@ -254,18 +229,14 @@ class Contact extends _common.Com {
       }
     });
   }
-
   async refreshCSS() {
     let css = (await CSS).default.default.toString();
     var outcss = replaceCssVariable(css, this.props.plugin.popup);
-
     _index.default.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
-
     this.setState({
       cssready: true
     });
   }
-
   componentDidMount() {
     this.$cssStyleDiv = document.createElement('style');
     document.head.appendChild(this.$cssStyleDiv);
@@ -277,46 +248,34 @@ class Contact extends _common.Com {
       pluginjson: pluginstringify
     });
   }
-
   render() {
     if (!this.state.cssready) return null;
     let pluginstringify = JSON.stringify(this.props.plugin);
-
     if (this.state.pluginjson !== pluginstringify) {
       this.refreshCSS();
       setTimeout(() => this.setState({
         pluginjson: pluginstringify
       }));
     }
-
     if (this.state.close) return null;
     let containercss = '';
     let bodycss = '';
-
     let layout = _index.default.get(this.props.plugin, 'contact.layout', 'standard');
-
     let $body = null;
-
     if (layout === 'standard' || !layout) {
       $body = this.renderByLayoutSideByStandard();
     }
-
     if (layout === 'footer') {
       $body = this.renderByLayoutFooter(_index.default.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
     }
-
     if (layout === 'mini') {
       $body = this.renderByLayoutMini(_index.default.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
     }
-
     if (layout === 'docked') {
       $body = this.renderByLayoutDocked(_index.default.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
     }
-
     let left, right, bottom, top, transform;
-
     let position = _index.default.get(this.props.plugin, 'contact.position', 'bottom-left');
-
     if (position === 'center-left') {
       left = '0';
       top = '50%';
@@ -338,7 +297,6 @@ class Contact extends _common.Com {
       left = '0';
       bottom = '20px';
     }
-
     return (0, _preact.h)("div", {
       style: _index.default.js2css({
         position: 'absolute',
@@ -355,20 +313,17 @@ class Contact extends _common.Com {
       onClick: e => e.stopPropagation()
     }, $body);
   }
-
 }
-
 exports.default = Contact;
-
 function isEmpty(value) {
   return value === undefined || value === null || value === '';
 }
-
 async function runCampaign(byTrigger) {
   if (ran && byTrigger !== 'area_clicked') return;
   ran = true;
   pageIndex = 0;
   let page = _index.default.get(camp, `pages.${pageIndex}`) || {};
+
   showPage(page);
   triggerType = byTrigger;
   let {
@@ -376,13 +331,12 @@ async function runCampaign(byTrigger) {
   } = await store.sendImpression(camp.id, byTrigger);
   impressionToken = _index.default.get(impression, 'impression_token') || '';
 }
-
 function eq(a, b) {
   return JSON.stringify(a) === JSON.stringify(b);
 }
-
 function replaceCssVariable(css, setting) {
   var tokens = [css];
+
   tokens = _index.default.tokenize(tokens, "'@font_family'");
   tokens = _index.default.tokenize(tokens, "'@font_size'");
   tokens = _index.default.tokenize(tokens, "'@text_color'");
@@ -393,10 +347,8 @@ function replaceCssVariable(css, setting) {
   tokens = _index.default.tokenize(tokens, "'@spacer2'");
   tokens = _index.default.tokenize(tokens, "'@spacer3'");
   var ret = [];
-
   for (var i = 0; i < tokens.length; i++) {
     var item = tokens[i];
-
     if (typeof item === 'string') {
       ret.push(item);
       continue;
@@ -406,10 +358,8 @@ function replaceCssVariable(css, setting) {
     var val = _index.default.get(setting, path) || _index.default.get(DEFVAL, path) || '';
     ret.push(val);
   }
-
   return ret.join('');
 }
-
 const DEFVAL = {
   font_size: '16px',
   font_family: 'roboto',

package/compiled_src/contact/css.js

@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _default = require('css-loader!less-loader!../../assets/less/contact.less');
-
 exports.default = _default;

package/compiled_src/lib.js

@@ -4,70 +4,68 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _store = _interopRequireDefault(require("./store/store.js"));
-
 var _index = _interopRequireDefault(require("./util/index.js"));
-
 var _plugin = _interopRequireDefault(require("./plugin.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var $link = document.createElement('link');
 $link.href = 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap';
 $link.rel = 'stylesheet';
 document.head.append($link);
-
 _index.default.preloadWebfonts(['Roboto'], [400, 500]);
-
 class Widget {
-  constructor(ApiURL, FileURL, RealtimeURL, inmem, fake, agenttoken) {
+  constructor(ApiURL, FileURL, RealtimeURL, inmem, fake) {
     _defineProperty(this, "version", () => '4.5');
-
     _defineProperty(this, "setSetting", setting => this.store.setSetting({
       account_setting: setting
     }));
-
     _defineProperty(this, "getSetting", _ => ({
       account_setting: _index.default.cloneDeep(this.store.matchAccountSetting())
     }));
-
     _defineProperty(this, "getUser", () => _index.default.parseJSON(_index.default.stringify(this.store.matchUser())));
-
     _defineProperty(this, "setViewingProduct", p => this.store.linkProduct(p));
-
     _defineProperty(this, "getViewingProduct", () => this.store.getLinkedProduct());
-
     _defineProperty(this, "track", () => this.store.track());
-
     this.domGate = new _index.default.Gate();
-    this.store = new _store.default(ApiURL, FileURL, RealtimeURL, inmem, fake, agenttoken);
+    this.store = new _store.default(ApiURL, FileURL, RealtimeURL, inmem, fake);
+
     window.sbz_store = this.store;
     this.subs = [];
     this.store.onConvoEvent({
       _isMounted: true
     }, ev => _index.default.map(this.subs, sub => sub(ev)));
   }
-
   setLang(obj) {
     var xhttp = new XMLHttpRequest();
     xhttp.open('GET', 'https://api.sbz.vn/4.0/oldlang', true);
     xhttp.send();
   }
-
   toggleLangDebugMode() {
     var xhttp = new XMLHttpRequest();
     xhttp.open('GET', 'https://api.sbz.vn/4.0/oldlangdebug', true);
     xhttp.send();
   }
-
   async waitReady(cb) {
     await this.store.readyGate.entry();
     cb();
   }
-
+  async cleanLogin(user_id, tokenGenerator) {}
+  async login(accid, user_id, tokenGenerator, $container) {
+    let user = await this.store.login(accid, user_id, tokenGenerator);
+    if (!$container) $container = document.body;
+    this.pluginMgr = new _plugin.default(this, $container);
+    let clean = setInterval(() => {
+      if ($container && $container.isConnected) return;
+      this.pluginMgr.destroy();
+      clearInterval(clean);
+    }, 1000);
+    this.domGate.open();
+    return user;
+  }
+  logout(accid) {
+    return this.store.logout();
+  }
   async setAccount(id, $container, mask, cb) {
     let outmask = await this.store.init(id, mask);
     if (!$container) $container = document.body;
@@ -85,7 +83,6 @@ class Widget {
   _setAccount(id, $con) {
     return this.setAccount(id, $con);
   }
-
   async updateUserAttributes(attributes) {
     await this.store.setUser({
       attributes
@@ -93,26 +90,21 @@ class Widget {
     var user = this.store.matchUser();
     return _index.default.cloneDeep(user.attributes);
   }
-
   async getUserAttributes() {
     await this.store.readyGate.entry();
     var user = this.store.matchUser();
     return _index.default.cloneDeep(_index.default.get(user, 'attributes', []));
   }
-
   async getWidgetCurrentView() {
     await this.domGate.entry();
     return this.pluginMgr.getCurrentView();
   }
-
   expandWidget(view, convo) {
     return this.showWidget(view, convo);
   }
-
   shrinkWidget() {
     return this.hideWidget();
   }
-
   async sendMessage(convoid, message) {
     if (!convoid) {
       const {
@@ -127,21 +119,17 @@ class Widget {
       };
       convoid = convo.id;
     }
-
     return this.store.sendConvoEvent(convoid, 'message_sent', {
       message
     });
   }
-
   startConvo(req) {
     return this.store.startConvo(req);
   }
-
   async showGreeting() {
     await this.domGate.entry();
     this.pluginMgr.showCurrentGreeting();
   }
-
   async hideGreeting() {
     await this.domGate.entry();
     this.pluginMgr.hideCurrentGreeting();
@@ -154,68 +142,53 @@ class Widget {
       cid: cid
     });
   }
-
   async hideWidget() {
     await this.domGate.entry();
     this.pluginMgr.hideCurrentChatbox();
   }
-
   async setLocale(locale) {
     await this.domGate.entry();
     return this.pluginMgr.setCurrentChatboxLocale(locale);
   }
-
   async setPluginLocale(id, locale) {
     await this.domGate.entry();
     return this.pluginMgr.setPluginLocale(id, locale);
   }
-
   _overrideDeviceType(type) {
     this.store.overrideDeviceType(type);
   }
-
   _overridePlugin(plugins) {
     this.store.overridePlugin(plugins);
   }
-
   _forceUpdateLang(id) {
     this.pluginMgr.forceUpdateLang(id);
   }
-
   _highlight(pluginid, ref) {
     this.store.highlight(pluginid, ref);
   }
-
   openPopup(pluginid) {
     this.pluginMgr.forceRunPopup(pluginid);
   }
-
   unEvent(cb) {
     this.subs = _index.default.filter(this.subs, sub => sub !== cb);
   }
-
   async countUnreadMessages() {
     await this.domGate.entry();
     return this.store.matchUnread();
   }
-
   onEvent(cb) {
     this.subs = _index.default.filter(this.subs, sub => sub !== cb);
     this.subs.push(cb);
   }
-
   overrideAccount(acc) {
     this.store.overrideAcc(acc);
   }
-
   async overrideChatbox(chatbox) {
     await this.store.overrideChatbox(chatbox);
-
     if (_index.default.get(chatbox, 'chatbox.greeting.greeting')) {
       this.pluginMgr.showCurrentGreeting();
     }
   }
-
 }
 
 window.__sbz_WIDGET = Widget;

package/compiled_src/notif/css.js

@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _default = require('css-loader!less-loader!../../assets/less/notif.less');
-
 exports.default = _default;