@subiz/widget-v4 4.0.92 → 4.0.93

package/compiled_src/popup/popup.js

@@ -4,29 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _countdown = _interopRequireDefault(require("./countdown.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 popupCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
 
 class Popup extends _common.Com {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", {
       close: false,
       cssready: false,
@@ -35,7 +25,6 @@ class Popup extends _common.Com {
       imageReady: false,
       fontReady: false
     });
-
     this._formRef = (0, _preact.createRef)();
     setTimeout(() => this.fillForm(), 1000);
     setTimeout(async () => {
@@ -48,33 +37,26 @@ class Popup extends _common.Com {
       let fonts = {};
       fonts[this.props.plugin.popup.font_family] = true;
       let images = {};
-
       _index.default.map(this.props.plugin.popup.pages, page => {
         if (!page) return;
-
         _index.default.map(page.components, com => {
           fonts[_index.default.get(com, 'style.font_family')] = true;
           fonts[_index.default.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;
           }
         });
       });
-
       delete fonts.undefined;
       delete fonts.null;
       delete fonts[''];
       if (_index.default.size(images) == 0) this.setState({
         imageReady: true
       });
-
       _index.default.map(images, (_, image) => _index.default.preloadImg(image, () => this.setState({
         imageReady: true
       })));
-
       _index.default.preloadWebfonts(Object.keys(fonts));
-
       setTimeout(async () => {
         await this.waitForFont(Object.keys(fonts));
         this.setState({
@@ -83,11 +65,9 @@ class Popup extends _common.Com {
       });
     });
   }
-
   async waitForFont(fonts) {
     if (_index.default.size(fonts) == 0) return;
     let ready = {};
-
     for (var t = 0; t < 10; t++) {
       for (var i = 0; i < fonts.length; i++) {
         try {
@@ -95,60 +75,45 @@ class Popup extends _common.Com {
           if (Object.keys(readycount) == fonts.length) return;
         } catch (e) {}
       }
-
       await _index.default.sleep(200);
     }
-
     return;
   }
-
   openPopup() {
     this.setState({
       close: false
     });
   }
-
   getPageIndex() {
     if (this.props.plugin._page_index !== undefined) return this.props.plugin._page_index;
     return this.props.pageIndex;
   }
-
   isFormFilled() {
     let page = _index.default.get(this.props.plugin.popup, `pages.${this.getPageIndex()}`);
-
     let form = _index.default.find(page.components, com => com.type === 'form');
-
     if (!form || !form.form) return true;
 
     let fields = _index.default.get(form, 'form.fields', []);
-
     let wrong = _index.default.find(fields, field => {
       if (!field.is_required) return false;
       if (!this.isFieldValid(field.key, field.validate)) return true;
       return this.isFieldEmpty(field.key);
     });
-
     return !wrong;
   }
-
   fillForm() {
     let page = _index.default.get(this.props.plugin.popup, `pages.${this.getPageIndex()}`);
-
     let form = _index.default.find(page.components, com => com.type === 'form');
-
     if (!form) return;
-    let user = this.props.store.matchUser();
 
+    let user = this.props.store.matchUser();
     let userAttributes = _index.default.get(user, 'attributes');
-
     let fields = _index.default.get(form, 'form.fields', []);
-
     _index.default.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;
-
       _index.default.map(userAttributes, attr => {
         if (fieldkey !== attr.key) return;
         var input = this._formRef.current.elements[field.key];
@@ -157,12 +122,10 @@ class Popup extends _common.Com {
       });
     });
   }
-
   isFieldValid(key, validate) {
     if (!validate) return true;
     if (!this._formRef || !this._formRef.current) return false;
     var formData = new FormData(this._formRef.current);
-
     for (var pair of formData.entries()) {
       if (pair[0] !== key) continue;
       if (validate === 'email') return _index.default.isEmail(pair[1]);
@@ -171,22 +134,17 @@ class Popup extends _common.Com {
       if (validate === 'number') return _index.default.isNumber(pair[1]);
       return true;
     }
-
     return true;
   }
-
   isFieldEmpty(key) {
     if (!this._formRef || !this._formRef.current) return false;
     var formData = new FormData(this._formRef.current);
-
     for (var pair of formData.entries()) {
       if (pair[0] !== key) continue;
       return pair[1] === '' || pair[1] === undefined;
     }
-
     return true;
   }
-
   renderCloseButton() {
     if (!this.props.plugin.popup.show_close_button) return null;
     return (0, _preact.h)("div", {
@@ -214,7 +172,6 @@ class Popup extends _common.Com {
       style: "stroke-width: 3 !important;"
     })));
   }
-
   setClose(close) {
     if (close) {
       document.body.style.setProperty('overflow', this.lastoverflow);
@@ -241,23 +198,16 @@ class Popup extends _common.Com {
       });
     }
   }
-
   onButtonClick(e, buttontype) {
     e.stopPropagation();
-
     let popup = _index.default.get(this.props.plugin, 'popup', {});
-
     let page = _index.default.get(this.props.plugin.popup, `pages.${this.getPageIndex()}`);
-
     let actions = [];
-
     let buttons = _index.default.find(page.components, com => com.type === 'buttons');
-
     if (buttontype === 'background') actions = _index.default.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;
-
     for (let a of actions) {
       if (a.action === 'conversion' || a.action === 'submit') {
         mustfillform = true;
@@ -266,42 +216,31 @@ class Popup extends _common.Com {
         });
       }
     }
-
     if (mustfillform && !this.isFormFilled()) return;
     var hasConversion = false;
-
     for (let a of actions) {
       if (a.action === 'submit' || a.action === 'conversion') hasConversion = true;
     }
-
     if (hasConversion) {
       var formData = this._formRef.current ? new FormData(this._formRef.current) : new FormData();
       var summitFields = [];
-
       let user = _index.default.cloneDeep(this.props.store.matchUser());
-
       let is_lead = false;
-      let modifiedPairs = {};
 
+      let modifiedPairs = {};
       for (var pair of formData.entries()) {
         if (modifiedPairs[pair[0]]) {
           let currentValue = _index.default.get(modifiedPairs, `${pair[0]}.1`, '');
-
           currentValue += `,${pair[1]}`;
-
           _index.default.set(modifiedPairs, `${pair[0]}.1`, currentValue);
         } else {
           modifiedPairs[pair[0]] = [pair[0], pair[1]];
         }
       }
-
       for (const [_, pair] of Object.entries(modifiedPairs)) {
         let page = _index.default.get(this.props.plugin.popup, `pages.${this.getPageIndex()}`);
-
         let form = _index.default.find(page.components, com => com.type === 'form');
-
         let fields = _index.default.get(form, 'form.fields', []);
-
         let field = _index.default.find(fields, field => field.key === pair[0]) || {};
         if (!field.type) return;
         summitFields.push({
@@ -313,13 +252,11 @@ class Popup extends _common.Com {
         if (key === 'email') key = 'emails';
         if (key === 'phone') key = 'phones';
         is_lead = is_lead || key == 'emails' || key == 'phones';
-
         _index.default.setUserAttr(user, {
           key: key,
           text: pair[1]
         });
       }
-
       if (is_lead) _index.default.setUserAttr(user, {
         key: 'lead_source',
         text: 'plugin.' + this.props.plugin.id
@@ -327,32 +264,26 @@ class Popup extends _common.Com {
       this.props.store.sendConversion(this.props.plugin.id, summitFields, this.impressionToken);
       this.props.store.setUser(user);
     }
-
     for (let a of actions) {
       if (a.action === 'open_widget') this.props.showWidget('list');
     }
-
     for (let a of actions) {
       if (a.action === 'close') setTimeout(() => this.setClose(true), 100);
       if (a.action === 'next_page') this.props.nextPage();
     }
-
     for (let a of actions) {
       if (!a.url) continue;
       let url = a.url;
       if (!url.startsWith('http://') && !url.startsWith('https://')) url = '//' + url;
       if (a.action === 'open_url' && a.new_tab) return window.open(url, '_blank');
-
       if (a.action === 'open_url' && !a.new_tab) {
         window.location.href = url;
         return;
       }
     }
   }
-
   renderButtons(com, page) {
     let popup = _index.default.get(this.props.plugin, 'popup', {});
-
     let buttonsstyle = com.style || {};
     let primarystyle = Object.assign({}, buttonsstyle);
     delete primarystyle.justify_content;
@@ -364,7 +295,6 @@ class Popup extends _common.Com {
     primarystyle.font_size = primarystyle.font_size || popup.font_size || '14px';
     primarystyle.background = primarystyle.background || popup.text_color;
     let $primary = null;
-
     if (com.buttons.primary_enabled && com.buttons.primary_text) {
       let style = Object.assign({
         font_size: popup.font_size || '14px'
@@ -377,9 +307,7 @@ class Popup extends _common.Com {
         onClick: e => this.onButtonClick(e, 'primary')
       }, this.props.t.i18n(com.buttons.i18n_primary_text) || com.buttons.primary_text);
     }
-
     let $secondary = null;
-
     if (com.buttons.secondary_enabled && com.buttons.secondary_text) {
       let style = Object.assign({
         font_size: popup.font_size || '14px'
@@ -390,7 +318,6 @@ class Popup extends _common.Com {
         onClick: e => this.onButtonClick(e, 'secondary')
       }, this.props.t.i18n(com.buttons.i18n_secondary_text) || com.buttons.secondary_text);
     }
-
     return (0, _preact.h)("div", {
       class: "popup_component",
       style: this.js2css({
@@ -405,7 +332,6 @@ class Popup extends _common.Com {
       })
     }), $secondary);
   }
-
   js2css(js, onlyProps) {
     let spacer = this.props.plugin.popup.spacer || 10;
     return _index.default.js2css(js, onlyProps, {
@@ -420,10 +346,8 @@ class Popup extends _common.Com {
       '@spacer3': spacer * 3 + 'px'
     });
   }
-
   renderSingleChoiceField(field) {
     var cls = 'form-control form-control__select ' + this.props.plugin.popup.theme;
-
     let $options = _index.default.map(field.options, option => {
       return (0, _preact.h)("label", {
         class: cls
@@ -433,21 +357,16 @@ class Popup extends _common.Com {
         value: option.value
       }), (0, _preact.h)("span", null, this.props.t.i18n(option.i18n_label) || option.label));
     });
-
     return (0, _preact.h)(_preact.Fragment, null, $options);
   }
-
   renderDropdownField(field) {
     let $options = _index.default.map(field.options, option => {
       return (0, _preact.h)("option", {
         value: option.value
       }, option.value);
     });
-
     let theme = _index.default.get(this.props.plugin, 'popup.theme');
-
     var cls = 'form-control form-control__select ' + theme;
-
     if (theme === 'vintage') {
       return (0, _preact.h)("div", {
         class: "form-control__text_container"
@@ -458,16 +377,13 @@ class Popup extends _common.Com {
         name: field.key
       }, $options));
     }
-
     return (0, _preact.h)("select", {
       class: cls,
       name: field.key
     }, $options);
   }
-
   renderMutiChoiceField(field) {
     var cls = 'form-control form-control__check ' + this.props.plugin.popup.theme;
-
     let $options = _index.default.map(field.options, option => {
       return (0, _preact.h)("label", {
         class: cls
@@ -478,15 +394,11 @@ class Popup extends _common.Com {
         value: option.value
       }), (0, _preact.h)("span", null, this.props.t.i18n(option.i18n_label) || option.label));
     });
-
     return (0, _preact.h)(_preact.Fragment, null, $options);
   }
-
   renderTextField(field) {
     let theme = _index.default.get(this.props.plugin, 'popup.theme');
-
     var cls = 'form-control form-control__text ' + theme;
-
     if (theme === 'simple') {
       return (0, _preact.h)("input", {
         type: field.type,
@@ -496,7 +408,6 @@ class Popup extends _common.Com {
         placeholder: this.props.t.i18n(field.i18n_label) || field.label || this.props.t.i18n(field.i18n_placeholder) || field.placeholder
       });
     }
-
     if (theme === 'vintage') {
       return (0, _preact.h)("div", {
         class: "form-control__text_container"
@@ -510,7 +421,6 @@ class Popup extends _common.Com {
         placeholder: this.props.t.i18n(field.i18n_placeholder) || field.placeholder
       }));
     }
-
     return (0, _preact.h)("input", {
       type: field.type,
       class: cls,
@@ -519,12 +429,9 @@ class Popup extends _common.Com {
       placeholder: this.props.t.i18n(field.i18n_placeholder) || field.placeholder
     });
   }
-
   renderMultilineTextField(field) {
     let theme = _index.default.get(this.props.plugin, 'popup.theme');
-
     var cls = 'form-control form-control__text ' + theme;
-
     if (theme === 'simple') {
       return (0, _preact.h)("textarea", {
         rows: "3",
@@ -539,7 +446,6 @@ class Popup extends _common.Com {
         placeholder: this.props.t.i18n(field.i18n_label) || field.label || this.props.t.i18n(field.i18n_placeholder) || field.placeholder
       });
     }
-
     if (theme === 'vintage') {
       return (0, _preact.h)("div", {
         class: "form-control__text_container"
@@ -558,7 +464,6 @@ class Popup extends _common.Com {
         placeholder: this.props.t.i18n(field.i18n_label) || field.label || this.props.t.i18n(field.i18n_placeholder) || field.placeholder
       }));
     }
-
     return (0, _preact.h)("textarea", {
       rows: "3",
       name: field.key,
@@ -572,10 +477,8 @@ class Popup extends _common.Com {
       placeholder: this.props.t.i18n(field.i18n_placeholder) || field.placeholder
     });
   }
-
   renderFormComponent(com) {
     let popup = _index.default.get(this.props.plugin, 'popup', {});
-
     let $fields = _index.default.map(com.form.fields, field => {
       if (field.type === 'email') return this.renderTextField(field);
       if (field.type === 'single-choice') return this.renderSingleChoiceField(field);
@@ -585,9 +488,7 @@ class Popup extends _common.Com {
       if (field.type === 'dropdown') return this.renderDropdownField(field);
       return;
     });
-
     let theme = _index.default.get(popup, 'theme');
-
     $fields = _index.default.map($fields, ($field, i) => {
       let $label = null;
       let field = com.form.fields[i];
@@ -600,13 +501,10 @@ class Popup extends _common.Com {
         })
       }, this.props.t.i18n(field.i18n_label) || field.label);
       if (theme === 'vintage' && field.type === 'dropdown') $label = null;
-
       if (theme === 'vintage' || theme === 'simple') {
         if (field.type === 'email' || field.type === 'text' || field.type === 'multiline-text') $label = null;
       }
-
       let $error = null;
-
       if (this.state.pressedSubmit && !this.isFieldValid(field.key, field.validate)) {
         $error = (0, _preact.h)("div", {
           class: "text__danger ",
@@ -617,7 +515,6 @@ class Popup extends _common.Com {
           })
         }, this.props.t('invalid_field'));
       }
-
       if (this.state.pressedSubmit && field.is_required && this.isFieldEmpty(field.key)) {
         $error = (0, _preact.h)("div", {
           class: "text__danger ",
@@ -628,7 +525,6 @@ class Popup extends _common.Com {
           })
         }, this.props.t('required'));
       }
-
       return (0, _preact.h)("div", {
         class: "field"
       }, $label, $field, $error);
@@ -643,7 +539,6 @@ class Popup extends _common.Com {
 
   renderComponents(page) {
     let buttons = _index.default.find(page.components, com => com.type === 'buttons');
-
     let $buttons = null;
     if (buttons) $buttons = this.renderButtons(buttons, page);
     let comIndexWithoutImg = 0;
@@ -668,10 +563,8 @@ class Popup extends _common.Com {
       }));
     });
   }
-
   renderFollowFacebook(com) {
     let fburl = _index.default.get(com, 'follow_facebook.url');
-
     if (!fburl) return null;
     let style = this.props.mobile && com.mobile_style || com.style;
     let containerstyle = {
@@ -699,12 +592,9 @@ class Popup extends _common.Com {
       }, textstyle))
     }, this.props.t('follow_us_on_facebook'))));
   }
-
   renderSocialButtons(com) {
     let fburl = _index.default.get(com, 'social_buttons.facebook');
-
     let $fb = null;
-
     if (fburl) {
       $fb = (0, _preact.h)("a", {
         href: fburl,
@@ -716,11 +606,8 @@ class Popup extends _common.Com {
         src: require('../../assets/img/Facebook.png')
       }));
     }
-
     let zlurl = _index.default.get(com, 'social_buttons.zalo');
-
     let $zl = null;
-
     if (zlurl) {
       $zl = (0, _preact.h)("a", {
         href: zlurl,
@@ -732,7 +619,6 @@ class Popup extends _common.Com {
         src: require('../../assets/img/Zalo.png')
       }));
     }
-
     let style = this.props.mobile && com.mobile_style || com.style;
     return (0, _preact.h)("div", {
       class: "social_buttons popup_component",
@@ -740,7 +626,6 @@ class Popup extends _common.Com {
       onClick: e => e.stopPropagation()
     }, $fb, " ", $zl);
   }
-
   renderImageComponent(com, i) {
     let style = Object.assign({
       pointer_events: 'none'
@@ -761,7 +646,6 @@ class Popup extends _common.Com {
       })
     }));
   }
-
   renderLineComponent(com) {
     let style = this.props.mobile && com.mobile_style || com.style;
     return (0, _preact.h)("div", {
@@ -769,10 +653,8 @@ class Popup extends _common.Com {
       style: this.js2css(style)
     });
   }
-
   renderTextComponent(com, isFirst) {
     let popup = _index.default.get(this.props.plugin, 'popup', {});
-
     let style = Object.assign({
       color: popup.text_color,
       font_family: popup.font_family,
@@ -787,40 +669,28 @@ class Popup extends _common.Com {
       onClick: e => e.stopPropagation()
     }, this.props.t.i18n(_index.default.get(com, 'text.i18n_html')) || _index.default.get(com, 'text.html'));
   }
-
   async refreshCSS() {
     let plugins = this.props.store.matchPlugin();
-
     let found = _index.default.find(plugins, plugin => plugin.id === this.props.plugin.id);
-
     if (!found) return;
     let css = (await popupCSS).default.default.toString();
-
     var outcss = _index.default.replaceCssVariablePlugin(css, this.props.plugin.popup);
-
     let extra_css = _index.default.get(this.props.plugin, `popup.pages.0.extra_css`, []);
-
     let extra_css_string = _index.default.map(extra_css, css => `#sbz92 ${css.selector} { ${this.js2css(css.style)}}`).join('\n');
-
     outcss += extra_css_string;
-
     _index.default.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
   }
-
   componentWillUnmount() {
     _index.default.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
   }
-
   async componentDidMount() {
     this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);
-
     if (!this.$cssStyleDiv) {
       this.$cssStyleDiv = document.createElement('style');
       document.head.appendChild(this.$cssStyleDiv);
       this.$cssStyleDiv.type = 'text/css';
       this.$cssStyleDiv.id = 'subiz-style-for-' + this.props.plugin.id;
     }
-
     this.props.store.onResetCSS(this, () => this.refreshCSS());
     await this.refreshCSS();
     setTimeout(() => {
@@ -830,7 +700,6 @@ class Popup extends _common.Com {
       this.setClose(false);
     }, 50);
   }
-
   calculateContainerCss(popup, page) {
     let pos = popup.position || 'center';
     let pagestyle = Object.assign({
@@ -840,11 +709,9 @@ class Popup extends _common.Com {
       max_height: '85%'
     });
     let containercss = {};
-
     _index.default.map(['left', 'top', 'right', 'bottom', 'box_shadow', 'transform'], prop => {
       containercss[prop] = pagestyle[prop];
     });
-
     containercss.position = 'absolute';
 
     if (pos === 'center' || !pos) {
@@ -854,7 +721,6 @@ class Popup extends _common.Com {
       delete containercss.right;
       delete containercss.bottom;
     }
-
     if (pos === 'fullscreen') {
       containercss.top = 0;
       containercss.left = 0;
@@ -867,7 +733,6 @@ class Popup extends _common.Com {
       delete containercss.height;
       delete containercss.transform;
     }
-
     if (pos === 'top-left') {
       containercss.top = containercss.top || '0px';
       containercss.left = containercss.left || '0px';
@@ -875,7 +740,6 @@ class Popup extends _common.Com {
       delete containercss.right;
       delete containercss.bottom;
     }
-
     if (pos === 'top-right') {
       containercss.top = containercss.top || '0px';
       containercss.right = containercss.right || '0px';
@@ -883,7 +747,6 @@ class Popup extends _common.Com {
       delete containercss.left;
       delete containercss.bottom;
     }
-
     if (pos === 'top-center') {
       containercss.transform = 'translateX(-50%)';
       containercss.left = '50%';
@@ -891,7 +754,6 @@ class Popup extends _common.Com {
       delete containercss.right;
       delete containercss.bottom;
     }
-
     if (pos === 'middle-left') {
       containercss.top = '50%';
       containercss.transform = 'translateY(-50%)';
@@ -899,7 +761,6 @@ class Popup extends _common.Com {
       delete containercss.right;
       delete containercss.bottom;
     }
-
     if (pos === 'middle-right') {
       containercss.top = '50%';
       containercss.transform = 'translateY(-50%)';
@@ -907,7 +768,6 @@ class Popup extends _common.Com {
       delete containercss.left;
       delete containercss.bottom;
     }
-
     if (pos === 'bottom-left') {
       containercss.bottom = containercss.bottom || '0px';
       containercss.left = containercss.left || '0px';
@@ -915,7 +775,6 @@ class Popup extends _common.Com {
       delete containercss.top;
       delete containercss.right;
     }
-
     if (pos === 'bottom-right') {
       containercss.bottom = containercss.bottom || '0px';
       containercss.right = containercss.right || '0px';
@@ -923,7 +782,6 @@ class Popup extends _common.Com {
       delete containercss.top;
       delete containercss.left;
     }
-
     if (pos === 'bottom-center') {
       containercss.bottom = containercss.bottom || '0px';
       containercss.transform = 'translateX(-50%)';
@@ -931,7 +789,6 @@ class Popup extends _common.Com {
       delete containercss.top;
       delete containercss.right;
     }
-
     containercss.width = pagestyle.width;
     containercss.height = pagestyle.height;
     containercss.max_width = pagestyle.max_width;
@@ -940,59 +797,46 @@ class Popup extends _common.Com {
     containercss.border_radius = pagestyle.border_radius;
     containercss.overflow = pagestyle.overflow;
     containercss.box_shadow = pagestyle.box_shadow;
-
     if (!popup.type || popup.type === 'modal') {
       containercss.max_width = '80%';
       containercss.max_height = '95%';
     }
-
     if (pos === 'fullscreen') {
       containercss.width = '100%';
       containercss.height = '100%';
       containercss.max_width = '100%';
       containercss.max_height = '100%';
     }
-
     if (popup.type === 'bar') {
       containercss.width = pagestyle.width || '100%';
       containercss.max_width = '100%';
     }
-
     return containercss;
   }
-
   render() {
     if (!this.props.t) return null;
     if (!this.state.cssready) return null;
     if (!this.state.imageReady) return null;
     if (!this.state.fontReady) return null;
     if (this.state.close) return null;
-
     let popup = _index.default.get(this.props.plugin, 'popup', {});
-
     let page = _index.default.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 = _index.default.get(this.props.plugin, 'popup.position', 'center');
-
     if (pos === 'center' || !pos) {
       animation = 'zoomInCenter';
       if (this.state.closeAnimation) animation = 'zoomOutCenter';
     }
-
     if (pos === 'bottom-left' || pos === 'bottom-right') animation = 'fadeInUpBig';
     if (pos === 'top-left' || pos === 'top-right') animation = 'fadeInDown';
     if (pos === 'top-center') animation = 'fadeInDownCenter';
     if (pos === 'middle-left') animation = 'fadeInLeftBig';
     if (pos === 'middle-right') animation = 'fadeInRightBig';
     if (pos === 'bottom-center') animation = 'fadeInUpCenter';
-
     let layout = _index.default.get(page, 'layout');
-
     if (this.props.mobile) layout = _index.default.get(page, 'mobile_layout');
     let formcss = {
       display: pagestyle.display,
@@ -1017,22 +861,18 @@ class Popup extends _common.Com {
       padding_right: pagestyle.margin_right,
       padding_bottom: pagestyle.margin_bottom
     };
-
     if (this.props.highlight === 'padding') {
       bodycss.background = '#bad14a87';
       formcss.background = '#ff3d006e';
     }
-
     let overlaystyle = 'position: fixed !important;';
     if (this.props.plugin._preview) overlaystyle = 'position: absolute !important;';
     if (popup.overlay) overlaystyle += ' background: #000c !important;';
-
     let $imgs = _index.default.map(page.components, (com, i) => {
       if (com.type === 'image') return this.renderImageComponent(com, i);
     });
 
     let formComponents = _index.default.filter(page.components, com => com.type !== 'image');
-
     if (!formComponents.length) {
       formcss.background = 'transparent';
       formcss.padding_top = '0';
@@ -1040,7 +880,6 @@ class Popup extends _common.Com {
       formcss.padding_left = '0';
       formcss.padding_right = '0';
     }
-
     return (0, _preact.h)("div", {
       class: "overlay",
       style: overlaystyle
@@ -1056,7 +895,5 @@ class Popup extends _common.Com {
       form: true
     }, this.renderComponents(page)))));
   }
-
 }
-
 exports.default = Popup;