@subiz/widget-v4 4.1.60 → 4.1.61

package/dist/213.js

@@ -1054,7 +1054,7 @@ let obj = function () {
   };
   var clone = function clone(obj) {
     if ((typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object' && obj !== null) {
-      return util/* default.parseJSON */.Z.parseJSON(util/* default.stringify */.Z.stringify(obj));
+      return util/* default */.Z.parseJSON(util/* default */.Z.stringify(obj));
     }
     return obj;
   };
@@ -1353,8 +1353,8 @@ var tick_view_flip_commonjs_default = /*#__PURE__*/__webpack_require__.n(tick_vi
 var preact_module = __webpack_require__(6400);
 ;// CONCATENATED MODULE: ./src/popup/countdown.js
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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); }
 
 
 
@@ -1367,7 +1367,7 @@ class Countdown extends common/* Com */.up {
     _defineProperty(this, "state", {
       flipKey: '43'
     });
-    this.timer = util/* default.setInterval */.Z.setInterval(() => {
+    this.timer = util/* default */.Z.setInterval(() => {
       if (this.props._destroy) return this.componentWillUnmount();
       let cd = this.props.com.countdown || {};
       let newFlipKey = 'cd' + ':' + cd.skin + ':' + cd.size + ':' + this.props.plugin.popup.font_family + ':';
@@ -1378,25 +1378,25 @@ class Countdown extends common/* Com */.up {
     }, 500);
   }
   componentWillUnmount() {
-    util/* default.clearInterval */.Z.clearInterval(this.timer);
+    util/* default */.Z.clearInterval(this.timer);
   }
   getCountDownDeltaSec(countdown) {
     let dest;
     if (countdown.expire_time_type === 'fixed_time') dest = countdown.fixed_time;
     if (countdown.expire_time_type === 'visit_time') dest = this.props.store.pageLoaded() + countdown.visit_time * 60000;
     if (countdown.expire_time_type === 'repeat_daily') {
-      var start = new util/* default.Date */.Z.Date();
+      var start = new util/* default */.Z.Date();
       start.setHours(0, 0, 0, 0);
       dest = start.getTime() + countdown.repeat_daily * 60000;
     }
     if (countdown.expire_time_type === 'repeat_weekly') {
       let daytill = 0;
-      let todayweekday = new util/* default.Date */.Z.Date().getDay();
+      let todayweekday = new util/* default */.Z.Date().getDay();
       if (todayweekday === 0) {
         if (countdown.repeat_weekly_weekday === 'sunday') {
           daytill = 0;
         } else {
-          daytill = 7 - new util/* default.Date */.Z.Date().getDay();
+          daytill = 7 - new util/* default */.Z.Date().getDay();
         }
       } else {
         if (countdown.repeat_weekly_weekday === 'sunday') {
@@ -1406,16 +1406,16 @@ class Countdown extends common/* Com */.up {
         }
       }
       if (daytill < 0) delta = 0;else if (daytill == 0) {
-        var start = new util/* default.Date */.Z.Date();
+        var start = new util/* default */.Z.Date();
         start.setHours(0, 0, 0, 0);
         dest = start.getTime() + countdown.repeat_weekly_min * 60000;
       } else {
-        var start = new util/* default.Date */.Z.Date();
+        var start = new util/* default */.Z.Date();
         start.setHours(0, 0, 0, 0);
         dest = start.getTime() + countdown.repeat_weekly_min * 60000 + daytill * 86400000;
       }
     }
-    let delta = dest - util/* default.Date.now */.Z.Date.now();
+    let delta = dest - util/* default */.Z.Date.now();
     if (delta < 0) delta = 0;
     return Math.floor(delta / 1000) || 0;
   }
@@ -1433,13 +1433,13 @@ class Countdown extends common/* Com */.up {
       class: "countdown_electric_numbers"
     }, (0,preact_module.h)("div", {
       class: "countdown_electric_number",
-      style: util/* default.js2css */.Z.js2css({
+      style: util/* default */.Z.js2css({
         font_size: fs,
         font_family: this.props.plugin.popup.font_family
       })
     }, hour0), (0,preact_module.h)("div", {
       class: "countdown_electric_number",
-      style: util/* default.js2css */.Z.js2css({
+      style: util/* default */.Z.js2css({
         font_size: fs,
         font_family: this.props.plugin.popup.font_family
       })
@@ -1451,13 +1451,13 @@ class Countdown extends common/* Com */.up {
       class: "countdown_electric_numbers"
     }, (0,preact_module.h)("div", {
       class: "countdown_electric_number",
-      style: util/* default.js2css */.Z.js2css({
+      style: util/* default */.Z.js2css({
         font_size: fs,
         font_family: this.props.plugin.popup.font_family
       })
     }, min0), (0,preact_module.h)("div", {
       class: "countdown_electric_number",
-      style: util/* default.js2css */.Z.js2css({
+      style: util/* default */.Z.js2css({
         font_size: fs,
         font_family: this.props.plugin.popup.font_family
       })
@@ -1469,13 +1469,13 @@ class Countdown extends common/* Com */.up {
       class: "countdown_electric_numbers"
     }, (0,preact_module.h)("div", {
       class: "countdown_electric_number",
-      style: util/* default.js2css */.Z.js2css({
+      style: util/* default */.Z.js2css({
         font_size: fs,
         font_family: this.props.plugin.popup.font_family
       })
     }, sec0), (0,preact_module.h)("div", {
       class: "countdown_electric_number",
-      style: util/* default.js2css */.Z.js2css({
+      style: util/* default */.Z.js2css({
         font_size: fs,
         font_family: this.props.plugin.popup.font_family
       })
@@ -1586,7 +1586,7 @@ class Flip extends common/* Com */.up {
       "aria-hidden": "true"
     }, (0,preact_module.h)("span", {
       "data-view": "flip",
-      style: util/* default.js2css */.Z.js2css({
+      style: util/* default */.Z.js2css({
         font_size: fs,
         font_family: this.props.plugin.popup.font_family
       })
@@ -1595,8 +1595,8 @@ class Flip extends common/* Com */.up {
 }
 ;// CONCATENATED MODULE: ./src/popup/popup.js
 function popup_defineProperty(obj, key, value) { key = popup_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function popup_toPropertyKey(arg) { var key = popup_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function popup_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function popup_toPropertyKey(t) { var i = popup_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function popup_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); }
 
 
 
@@ -1614,22 +1614,22 @@ class Popup extends common/* Com */.up {
       fontReady: false
     });
     this._formRef = (0,preact_module/* createRef */.Vf)();
-    util/* default.setTimeout */.Z.setTimeout(() => this.fillForm(), 1000);
-    util/* default.setTimeout */.Z.setTimeout(async () => {
+    util/* default */.Z.setTimeout(() => this.fillForm(), 1000);
+    util/* default */.Z.setTimeout(async () => {
       let {
         body: impression
       } = await this.props.store.sendImpression(this.props.plugin.id);
-      this.impressionToken = util/* default.get */.Z.get(impression, 'impression_token') || '';
+      this.impressionToken = util/* default */.Z.get(impression, 'impression_token') || '';
     }, 10);
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.Z.setTimeout(() => {
       let fonts = {};
       fonts[this.props.plugin.popup.font_family] = true;
       let images = {};
-      util/* default.map */.Z.map(this.props.plugin.popup.pages, page => {
+      util/* default */.Z.map(this.props.plugin.popup.pages, page => {
         if (!page) return;
-        util/* default.map */.Z.map(page.components, com => {
-          fonts[util/* default.get */.Z.get(com, 'style.font_family')] = true;
-          fonts[util/* default.get */.Z.get(com, 'mobile_style.font_family')] = true;
+        util/* default */.Z.map(page.components, com => {
+          fonts[util/* default */.Z.get(com, 'style.font_family')] = true;
+          fonts[util/* default */.Z.get(com, 'mobile_style.font_family')] = true;
           if (com.type === 'image' && com.image && com.image.url && com.image.url.startsWith('http')) {
             images[com.image.url] = true;
           }
@@ -1638,14 +1638,14 @@ class Popup extends common/* Com */.up {
       delete fonts.undefined;
       delete fonts.null;
       delete fonts[''];
-      if (util/* default.size */.Z.size(images) == 0) this.setState({
+      if (util/* default */.Z.size(images) == 0) this.setState({
         imageReady: true
       });
-      util/* default.map */.Z.map(images, (_, image) => util/* default.preloadImg */.Z.preloadImg(image, () => this.setState({
+      util/* default */.Z.map(images, (_, image) => util/* default */.Z.preloadImg(image, () => this.setState({
         imageReady: true
       })));
-      util/* default.preloadWebfonts */.Z.preloadWebfonts(Object.keys(fonts));
-      util/* default.setTimeout */.Z.setTimeout(async () => {
+      util/* default */.Z.preloadWebfonts(Object.keys(fonts));
+      util/* default */.Z.setTimeout(async () => {
         await this.waitForFont(Object.keys(fonts));
         this.setState({
           fontReady: true
@@ -1654,7 +1654,7 @@ class Popup extends common/* Com */.up {
     });
   }
   async waitForFont(fonts) {
-    if (util/* default.size */.Z.size(fonts) == 0) return;
+    if (util/* default */.Z.size(fonts) == 0) return;
     let ready = {};
     for (var t = 0; t < 10; t++) {
       for (var i = 0; i < fonts.length; i++) {
@@ -1663,7 +1663,7 @@ class Popup extends common/* Com */.up {
           if (Object.keys(readycount) == fonts.length) return;
         } catch (e) {}
       }
-      await util/* default.sleep */.Z.sleep(200);
+      await util/* default */.Z.sleep(200);
     }
     return;
   }
@@ -1677,11 +1677,11 @@ class Popup extends common/* Com */.up {
     return this.props.pageIndex;
   }
   isFormFilled() {
-    let page = util/* default.get */.Z.get(this.props.plugin.popup, `pages.${this.getPageIndex()}`);
-    let form = util/* default.find */.Z.find(page.components, com => com.type === 'form');
+    let page = util/* default */.Z.get(this.props.plugin.popup, `pages.${this.getPageIndex()}`);
+    let form = util/* default */.Z.find(page.components, com => com.type === 'form');
     if (!form || !form.form) return true;
-    let fields = util/* default.get */.Z.get(form, 'form.fields', []);
-    let wrong = util/* default.find */.Z.find(fields, field => {
+    let fields = util/* default */.Z.get(form, 'form.fields', []);
+    let wrong = util/* default */.Z.find(fields, field => {
       if (!field.is_required) return false;
       if (!this.isFieldValid(field.key, field.validate)) return true;
       return this.isFieldEmpty(field.key);
@@ -1689,19 +1689,33 @@ class Popup extends common/* Com */.up {
     return !wrong;
   }
   fillForm() {
-    let page = util/* default.get */.Z.get(this.props.plugin.popup, `pages.${this.getPageIndex()}`);
-    let form = util/* default.find */.Z.find(page.components, com => com.type === 'form');
+    let page = util/* default */.Z.get(this.props.plugin.popup, `pages.${this.getPageIndex()}`);
+    let form = util/* default */.Z.find(page.components, com => com.type === 'form');
     if (!form) return;
     let user = this.props.store.matchUser();
-    let userAttributes = util/* default.get */.Z.get(user, 'attributes');
-    let fields = util/* default.get */.Z.get(form, 'form.fields', []);
-    util/* default.each */.Z.each(fields, field => {
+    let userAttributes = util/* default */.Z.get(user, 'attributes');
+    let fields = util/* default */.Z.get(form, 'form.fields', []);
+    util/* default */.Z.each(fields, field => {
       let fieldkey = field.key;
       if (fieldkey === 'email') fieldkey = 'emails';
       if (fieldkey === 'phone') fieldkey = 'phones';
       if (fieldkey !== 'emails' || fieldkey != 'phones' || fieldkey !== 'fullname') return;
-      util/* default.map */.Z.map(userAttributes, attr => {
-        if (fieldkey !== attr.key) return;
+      if (fieldkey == 'emails') {
+        let text = util/* default */.Z.getUserAttr(user, 'related_email', 'text');
+        if (!text) return;
+        var input = this._formRef.current.elements[field.key];
+        if (!input) return;
+        input.value = text;
+      }
+      if (fieldkey == 'phones') {
+        let text = util/* default */.Z.getUserAttr(user, 'related_phone', 'text');
+        if (!text) return;
+        var input = this._formRef.current.elements[field.key];
+        if (!input) return;
+        input.value = text;
+      }
+      util/* default */.Z.map(userAttributes, attr => {
+        if (fieldkey !== attr.key || !attr.text) return;
         var input = this._formRef.current.elements[field.key];
         if (!input) return;
         input.value = attr.text;
@@ -1714,10 +1728,10 @@ class Popup extends common/* Com */.up {
     var formData = new FormData(this._formRef.current);
     for (var pair of formData.entries()) {
       if (pair[0] !== key) continue;
-      if (validate === 'email') return util/* default.isEmail */.Z.isEmail(pair[1]);
-      if (validate === 'phone') return util/* default.isPhone */.Z.isPhone(pair[1]);
-      if (validate === 'url') return util/* default.isURL */.Z.isURL(pair[1]);
-      if (validate === 'number') return util/* default.isNumber */.Z.isNumber(pair[1]);
+      if (validate === 'email') return util/* default */.Z.isEmail(pair[1]);
+      if (validate === 'phone') return util/* default */.Z.isPhone(pair[1]);
+      if (validate === 'url') return util/* default */.Z.isURL(pair[1]);
+      if (validate === 'number') return util/* default */.Z.isNumber(pair[1]);
       return true;
     }
     return true;
@@ -1764,11 +1778,11 @@ class Popup extends common/* Com */.up {
       this.setState({
         closeAnimation: true
       });
-      util/* default.setTimeout */.Z.setTimeout(() => this.setState({
+      util/* default */.Z.setTimeout(() => this.setState({
         close: true,
         closeAnimation: false
       }), 150);
-      if (this.props.plugin._dont_close) util/* default.setTimeout */.Z.setTimeout(() => {
+      if (this.props.plugin._dont_close) util/* default */.Z.setTimeout(() => {
         this.lastoverflow = window.getComputedStyle(document.body).getPropertyValue('overflow');
         document.body.style.setProperty('overflow', 'hidden', 'important');
         this.setState({
@@ -1784,13 +1798,13 @@ class Popup extends common/* Com */.up {
       });
     }
   }
-  onButtonClick(e, buttontype) {
+  async onButtonClick(e, buttontype) {
     e.stopPropagation();
-    let popup = util/* default.get */.Z.get(this.props.plugin, 'popup', {});
-    let page = util/* default.get */.Z.get(this.props.plugin.popup, `pages.${this.getPageIndex()}`);
+    let popup = util/* default */.Z.get(this.props.plugin, 'popup', {});
+    let page = util/* default */.Z.get(this.props.plugin.popup, `pages.${this.getPageIndex()}`);
     let actions = [];
-    let buttons = util/* default.find */.Z.find(page.components, com => com.type === 'buttons');
-    if (buttontype === 'background') actions = util/* default.get */.Z.get(page, 'background_click.actions') || [];
+    let buttons = util/* default */.Z.find(page.components, com => com.type === 'buttons');
+    if (buttontype === 'background') actions = util/* default */.Z.get(page, 'background_click.actions') || [];
     if (buttontype === 'primary' && buttons.buttons.primary_enabled) actions = buttons.buttons.primary_actions || [];
     if (buttontype === 'secondary' && buttons.buttons.secondary_enabled) actions = buttons.buttons.secondary_actions || [];
     let mustfillform = false;
@@ -1808,52 +1822,54 @@ class Popup extends common/* Com */.up {
       if (a.action === 'submit' || a.action === 'conversion') hasConversion = true;
     }
     if (hasConversion) {
+      if (this.isSubmitting) return;
       var formData = this._formRef.current ? new FormData(this._formRef.current) : new FormData();
       var summitFields = [];
-      let user = util/* default.cloneDeep */.Z.cloneDeep(this.props.store.matchUser());
+      let user = util/* default */.Z.cloneDeep(this.props.store.matchUser());
       let is_lead = false;
       let modifiedPairs = {};
       for (var pair of formData.entries()) {
         if (modifiedPairs[pair[0]]) {
-          let currentValue = util/* default.get */.Z.get(modifiedPairs, `${pair[0]}.1`, '');
+          let currentValue = util/* default */.Z.get(modifiedPairs, `${pair[0]}.1`, '');
           currentValue += `,${pair[1]}`;
-          util/* default.set */.Z.set(modifiedPairs, `${pair[0]}.1`, currentValue);
+          util/* default */.Z.set(modifiedPairs, `${pair[0]}.1`, currentValue);
         } else {
           modifiedPairs[pair[0]] = [pair[0], pair[1]];
         }
       }
       for (const [_, pair] of Object.entries(modifiedPairs)) {
-        let page = util/* default.get */.Z.get(this.props.plugin.popup, `pages.${this.getPageIndex()}`);
-        let form = util/* default.find */.Z.find(page.components, com => com.type === 'form');
-        let fields = util/* default.get */.Z.get(form, 'form.fields', []);
-        let field = util/* default.find */.Z.find(fields, field => field.key === pair[0]) || {};
+        let page = util/* default */.Z.get(this.props.plugin.popup, `pages.${this.getPageIndex()}`);
+        let form = util/* default */.Z.find(page.components, com => com.type === 'form');
+        let fields = util/* default */.Z.get(form, 'form.fields', []);
+        let field = util/* default */.Z.find(fields, field => field.key === pair[0]) || {};
         if (!field.type) return;
         summitFields.push({
           key: pair[0],
           type: field.type,
-          value: util/* default.stringify */.Z.stringify(pair[1])
+          value: util/* default */.Z.stringify(pair[1])
         });
         let key = pair[0];
         if (key === 'email') key = 'emails';
         if (key === 'phone') key = 'phones';
         is_lead = is_lead || key == 'emails' || key == 'phones';
-        util/* default.setUserAttr */.Z.setUserAttr(user, {
+        util/* default */.Z.setUserAttr(user, {
           key: key,
           text: pair[1]
         });
       }
-      if (is_lead) util/* default.setUserAttr */.Z.setUserAttr(user, {
+      if (is_lead) util/* default */.Z.setUserAttr(user, {
         key: 'lead_source',
         text: 'plugin.' + this.props.plugin.id
       });
-      this.props.store.sendConversion(this.props.plugin.id, summitFields, this.impressionToken);
-      this.props.store.setUser(user);
+      this.isSubmitting = true;
+      await Promise.all([this.props.store.setUser(user), this.props.store.sendConversion(this.props.plugin.id, summitFields, this.impressionToken)]);
+      this.isSubmitting = false;
     }
     for (let a of actions) {
       if (a.action === 'open_widget') this.props.showWidget('list');
     }
     for (let a of actions) {
-      if (a.action === 'close') util/* default.setTimeout */.Z.setTimeout(() => this.setClose(true), 100);
+      if (a.action === 'close') util/* default */.Z.setTimeout(() => this.setClose(true), 100);
       if (a.action === 'next_page') this.props.nextPage();
     }
     for (let a of actions) {
@@ -1868,7 +1884,7 @@ class Popup extends common/* Com */.up {
     }
   }
   renderButtons(com, page) {
-    let popup = util/* default.get */.Z.get(this.props.plugin, 'popup', {});
+    let popup = util/* default */.Z.get(this.props.plugin, 'popup', {});
     let buttonsstyle = com.style || {};
     let primarystyle = Object.assign({}, buttonsstyle);
     delete primarystyle.justify_content;
@@ -1887,8 +1903,8 @@ class Popup extends common/* Com */.up {
       let style = Object.assign({
         font_size: popup.font_size || '14px'
       }, page.primary_button);
-      if (util/* default.get */.Z.get(com, 'style.background')) style.background = com.style.background;
-      if (util/* default.get */.Z.get(com, 'style.color')) style.color = com.style.color;
+      if (util/* default */.Z.get(com, 'style.background')) style.background = com.style.background;
+      if (util/* default */.Z.get(com, 'style.color')) style.color = com.style.color;
       $primary = (0,preact_module.h)("div", {
         class: 'btn btn__primary ',
         style: this.js2css(primarystyle),
@@ -1925,7 +1941,7 @@ class Popup extends common/* Com */.up {
   }
   js2css(js, onlyProps) {
     let spacer = this.props.plugin.popup.spacer || 10;
-    return util/* default.js2css */.Z.js2css(js, onlyProps, {
+    return util/* default */.Z.js2css(js, onlyProps, {
       '@font_size': this.props.plugin.popup.font_size,
       '@font_family': this.props.plugin.popup.font_family,
       '@text_color': this.props.plugin.popup.text_color,
@@ -1939,7 +1955,7 @@ class Popup extends common/* Com */.up {
   }
   renderSingleChoiceField(field) {
     var cls = 'form-control form-control__select ' + this.props.plugin.popup.theme;
-    let $options = util/* default.map */.Z.map(field.options, option => {
+    let $options = util/* default */.Z.map(field.options, option => {
       return (0,preact_module.h)("label", {
         class: cls
       }, (0,preact_module.h)("input", {
@@ -1951,12 +1967,12 @@ class Popup extends common/* Com */.up {
     return (0,preact_module.h)(preact_module/* Fragment */.HY, null, $options);
   }
   renderDropdownField(field) {
-    let $options = util/* default.map */.Z.map(field.options, option => {
+    let $options = util/* default */.Z.map(field.options, option => {
       return (0,preact_module.h)("option", {
         value: option.value
       }, option.value);
     });
-    let theme = util/* default.get */.Z.get(this.props.plugin, 'popup.theme');
+    let theme = util/* default */.Z.get(this.props.plugin, 'popup.theme');
     var cls = 'form-control form-control__select ' + theme;
     if (theme === 'vintage') {
       return (0,preact_module.h)("div", {
@@ -1975,7 +1991,7 @@ class Popup extends common/* Com */.up {
   }
   renderMutiChoiceField(field) {
     var cls = 'form-control form-control__check ' + this.props.plugin.popup.theme;
-    let $options = util/* default.map */.Z.map(field.options, option => {
+    let $options = util/* default */.Z.map(field.options, option => {
       return (0,preact_module.h)("label", {
         class: cls
       }, (0,preact_module.h)("input", {
@@ -1988,7 +2004,7 @@ class Popup extends common/* Com */.up {
     return (0,preact_module.h)(preact_module/* Fragment */.HY, null, $options);
   }
   renderTextField(field) {
-    let theme = util/* default.get */.Z.get(this.props.plugin, 'popup.theme');
+    let theme = util/* default */.Z.get(this.props.plugin, 'popup.theme');
     var cls = 'form-control form-control__text ' + theme;
     if (theme === 'simple') {
       return (0,preact_module.h)("input", {
@@ -2021,7 +2037,7 @@ class Popup extends common/* Com */.up {
     });
   }
   renderMultilineTextField(field) {
-    let theme = util/* default.get */.Z.get(this.props.plugin, 'popup.theme');
+    let theme = util/* default */.Z.get(this.props.plugin, 'popup.theme');
     var cls = 'form-control form-control__text ' + theme;
     if (theme === 'simple') {
       return (0,preact_module.h)("textarea", {
@@ -2069,8 +2085,8 @@ class Popup extends common/* Com */.up {
     });
   }
   renderFormComponent(com) {
-    let popup = util/* default.get */.Z.get(this.props.plugin, 'popup', {});
-    let $fields = util/* default.map */.Z.map(com.form.fields, field => {
+    let popup = util/* default */.Z.get(this.props.plugin, 'popup', {});
+    let $fields = util/* default */.Z.map(com.form.fields, field => {
       if (field.type === 'email') return this.renderTextField(field);
       if (field.type === 'single-choice') return this.renderSingleChoiceField(field);
       if (field.type === 'multiple-choice') return this.renderMutiChoiceField(field);
@@ -2079,8 +2095,8 @@ class Popup extends common/* Com */.up {
       if (field.type === 'dropdown') return this.renderDropdownField(field);
       return;
     });
-    let theme = util/* default.get */.Z.get(popup, 'theme');
-    $fields = util/* default.map */.Z.map($fields, ($field, i) => {
+    let theme = util/* default */.Z.get(popup, 'theme');
+    $fields = util/* default */.Z.map($fields, ($field, i) => {
       let $label = null;
       let field = com.form.fields[i];
       $label = (0,preact_module.h)("div", {
@@ -2128,11 +2144,11 @@ class Popup extends common/* Com */.up {
     }, $fields);
   }
   renderComponents(page) {
-    let buttons = util/* default.find */.Z.find(page.components, com => com.type === 'buttons');
+    let buttons = util/* default */.Z.find(page.components, com => com.type === 'buttons');
     let $buttons = null;
     if (buttons) $buttons = this.renderButtons(buttons, page);
     let comIndexWithoutImg = 0;
-    return util/* default.map */.Z.map(page.components, (com, i) => {
+    return util/* default */.Z.map(page.components, (com, i) => {
       if (com.type === 'image') return null;
       comIndexWithoutImg++;
       if (com.type === 'buttons') return $buttons;
@@ -2154,7 +2170,7 @@ class Popup extends common/* Com */.up {
     });
   }
   renderFollowFacebook(com) {
-    let fburl = util/* default.get */.Z.get(com, 'follow_facebook.url');
+    let fburl = util/* default */.Z.get(com, 'follow_facebook.url');
     if (!fburl) return null;
     let style = this.props.mobile && com.mobile_style || com.style;
     let containerstyle = {
@@ -2183,7 +2199,7 @@ class Popup extends common/* Com */.up {
     }, this.props.t('follow_us_on_facebook'))));
   }
   renderSocialButtons(com) {
-    let fburl = util/* default.get */.Z.get(com, 'social_buttons.facebook');
+    let fburl = util/* default */.Z.get(com, 'social_buttons.facebook');
     let $fb = null;
     if (fburl) {
       $fb = (0,preact_module.h)("a", {
@@ -2196,7 +2212,7 @@ class Popup extends common/* Com */.up {
         src: __webpack_require__(7435)
       }));
     }
-    let zlurl = util/* default.get */.Z.get(com, 'social_buttons.zalo');
+    let zlurl = util/* default */.Z.get(com, 'social_buttons.zalo');
     let $zl = null;
     if (zlurl) {
       $zl = (0,preact_module.h)("a", {
@@ -2230,7 +2246,7 @@ class Popup extends common/* Com */.up {
       style: this.js2css({
         width: '100%',
         height: '100%',
-        background_image: `url("${encodeURI(util/* default.get */.Z.get(com, 'image.url'))}")`,
+        background_image: `url("${encodeURI(util/* default */.Z.get(com, 'image.url'))}")`,
         background_size: style.background_size || 'cover',
         background_position: style.background_position || 'auto'
       })
@@ -2244,7 +2260,7 @@ class Popup extends common/* Com */.up {
     });
   }
   renderTextComponent(com, isFirst) {
-    let popup = util/* default.get */.Z.get(this.props.plugin, 'popup', {});
+    let popup = util/* default */.Z.get(this.props.plugin, 'popup', {});
     let style = Object.assign({
       color: popup.text_color,
       font_family: popup.font_family,
@@ -2256,21 +2272,21 @@ class Popup extends common/* Com */.up {
       class: "text popup_component",
       style: this.js2css(style),
       onClick: e => e.stopPropagation()
-    }, this.props.t.i18n(util/* default.get */.Z.get(com, 'text.i18n_html')) || util/* default.get */.Z.get(com, 'text.html'));
+    }, this.props.t.i18n(util/* default */.Z.get(com, 'text.i18n_html')) || util/* default */.Z.get(com, 'text.html'));
   }
   async refreshCSS() {
     let plugins = this.props.store.matchPlugin();
-    let found = util/* default.find */.Z.find(plugins, plugin => plugin.id === this.props.plugin.id);
+    let found = util/* default */.Z.find(plugins, plugin => plugin.id === this.props.plugin.id);
     if (!found) return;
     let css = (await popupCSS).default.default.toString();
-    var outcss = util/* default.replaceCssVariablePlugin */.Z.replaceCssVariablePlugin(css, this.props.plugin.popup);
-    let extra_css = util/* default.get */.Z.get(this.props.plugin, `popup.pages.0.extra_css`, []);
-    let extra_css_string = util/* default.map */.Z.map(extra_css, css => `#sbz92 ${css.selector} { ${this.js2css(css.style)}}`).join('\n');
+    var outcss = util/* default */.Z.replaceCssVariablePlugin(css, this.props.plugin.popup);
+    let extra_css = util/* default */.Z.get(this.props.plugin, `popup.pages.0.extra_css`, []);
+    let extra_css_string = util/* default */.Z.map(extra_css, css => `#sbz92 ${css.selector} { ${this.js2css(css.style)}}`).join('\n');
     outcss += extra_css_string;
-    util/* default.setCss */.Z.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
+    util/* default */.Z.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
   }
   componentWillUnmount() {
-    util/* default.setCss */.Z.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
+    util/* default */.Z.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
   }
   async componentDidMount() {
     this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);
@@ -2282,7 +2298,7 @@ class Popup extends common/* Com */.up {
     }
     this.props.store.onResetCSS(this, () => this.refreshCSS());
     await this.refreshCSS();
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.Z.setTimeout(() => {
       this.setState({
         cssready: true
       });
@@ -2298,7 +2314,7 @@ class Popup extends common/* Com */.up {
       max_height: '85%'
     });
     let containercss = {};
-    util/* default.map */.Z.map(['left', 'top', 'right', 'bottom', 'box_shadow', 'transform'], prop => {
+    util/* default */.Z.map(['left', 'top', 'right', 'bottom', 'box_shadow', 'transform'], prop => {
       containercss[prop] = pagestyle[prop];
     });
     containercss.position = 'absolute';
@@ -2407,13 +2423,13 @@ class Popup extends common/* Com */.up {
     if (!this.state.imageReady) return null;
     if (!this.state.fontReady) return null;
     if (this.state.close) return null;
-    let popup = util/* default.get */.Z.get(this.props.plugin, 'popup', {});
-    let page = util/* default.get */.Z.get(popup, `pages.${this.getPageIndex()}`);
+    let popup = util/* default */.Z.get(this.props.plugin, 'popup', {});
+    let page = util/* default */.Z.get(popup, `pages.${this.getPageIndex()}`);
     if (!page) return null;
     let pagestyle = Object.assign({}, this.props.mobile && page.mobile_style || page.style);
     let containercss = this.calculateContainerCss(popup, page);
     let animation = '';
-    let pos = util/* default.get */.Z.get(this.props.plugin, 'popup.position', 'center');
+    let pos = util/* default */.Z.get(this.props.plugin, 'popup.position', 'center');
     if (pos === 'center' || !pos) {
       animation = 'zoomInCenter';
       if (this.state.closeAnimation) animation = 'zoomOutCenter';
@@ -2424,8 +2440,8 @@ class Popup extends common/* Com */.up {
     if (pos === 'middle-left') animation = 'fadeInLeftBig';
     if (pos === 'middle-right') animation = 'fadeInRightBig';
     if (pos === 'bottom-center') animation = 'fadeInUpCenter';
-    let layout = util/* default.get */.Z.get(page, 'layout');
-    if (this.props.mobile) layout = util/* default.get */.Z.get(page, 'mobile_layout');
+    let layout = util/* default */.Z.get(page, 'layout');
+    if (this.props.mobile) layout = util/* default */.Z.get(page, 'mobile_layout');
     let formcss = {
       display: pagestyle.display,
       align_items: pagestyle.align_items,
@@ -2457,10 +2473,10 @@ class Popup extends common/* Com */.up {
     let overlaystyle = 'position: fixed !important;';
     if (this.props.plugin._preview) overlaystyle = 'position: absolute !important;';
     if (popup.overlay) overlaystyle += ' background: #000c !important;';
-    let $imgs = util/* default.map */.Z.map(page.components, (com, i) => {
+    let $imgs = util/* default */.Z.map(page.components, (com, i) => {
       if (com.type === 'image') return this.renderImageComponent(com, i);
     });
-    let formComponents = util/* default.filter */.Z.filter(page.components, com => com.type !== 'image');
+    let formComponents = util/* default */.Z.filter(page.components, com => com.type !== 'image');
     if (!formComponents.length) {
       formcss.background = 'transparent';
       formcss.padding_top = '0';