@subiz/widget-v4 4.0.59 → 4.0.64

package/dist/619.js

@@ -1,777 +0,0 @@
-"use strict";
-(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[619],{
-
-/***/ 2493:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "M": () => (/* binding */ Com),
-/* harmony export */   "u": () => (/* binding */ Clickaway)
-/* harmony export */ });
-/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6400);
-/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(819);
-
-
-class Com extends preact__WEBPACK_IMPORTED_MODULE_0__/* .Component */ .wA {
-  constructor(props) {
-    super(props);
-    this._isMounted = true;
-    setTimeout(() => {
-      if (this.componentWillUnmount) {
-        let old = this.componentWillUnmount.bind(this);
-
-        this.componentWillUnmount = () => {
-          old();
-          this._isMounted = false;
-        };
-      }
-    }, 10);
-  }
-
-}
-class Clickaway extends Com {
-  constructor(props) {
-    super(props);
-    this.setWrapperRef = this.setWrapperRef.bind(this);
-    this.onClick = this.onClick.bind(this);
-  }
-
-  componentDidMount() {
-    document.addEventListener('mousedown', this.onClick);
-  }
-
-  componentWillUnmount() {
-    document.removeEventListener('mousedown', this.onClick);
-  }
-
-  setWrapperRef(node) {
-    this.wrapperRef = node;
-  }
-
-  onClick(event) {
-    if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {
-      this.props.onClickaway && this.props.onClickaway();
-    }
-  }
-
-  render() {
-    return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
-      ref: this.setWrapperRef
-    }, this.props.children);
-  }
-
-}
-
-/***/ }),
-
-/***/ 9619:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "DEFVAL": () => (/* binding */ DEFVAL),
-  "default": () => (/* binding */ Contact),
-  "replaceCssVariable": () => (/* binding */ replaceCssVariable)
-});
-
-// EXTERNAL MODULE: ./src/util/index.js + 2 modules
-var util = __webpack_require__(819);
-// EXTERNAL MODULE: ./node_modules/preact/dist/preact.module.js
-var preact_module = __webpack_require__(6400);
-// EXTERNAL MODULE: ./src/common.js
-var common = __webpack_require__(2493);
-;// CONCATENATED MODULE: ./node_modules/@googlemaps/js-api-loader/dist/index.esm.js
-// do not edit .js files directly - edit src/index.jst
-
-
-
-var fastDeepEqual = function equal(a, b) {
-  if (a === b) return true;
-
-  if (a && b && typeof a == 'object' && typeof b == 'object') {
-    if (a.constructor !== b.constructor) return false;
-
-    var length, i, keys;
-    if (Array.isArray(a)) {
-      length = a.length;
-      if (length != b.length) return false;
-      for (i = length; i-- !== 0;)
-        if (!equal(a[i], b[i])) return false;
-      return true;
-    }
-
-
-
-    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
-    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
-    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
-
-    keys = Object.keys(a);
-    length = keys.length;
-    if (length !== Object.keys(b).length) return false;
-
-    for (i = length; i-- !== 0;)
-      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-
-    for (i = length; i-- !== 0;) {
-      var key = keys[i];
-
-      if (!equal(a[key], b[key])) return false;
-    }
-
-    return true;
-  }
-
-  // true if both NaN, false otherwise
-  return a!==a && b!==b;
-};
-
-/**
- * Copyright 2019 Google LLC. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at.
- *
- *      Http://www.apache.org/licenses/LICENSE-2.0.
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const DEFAULT_ID = "__googleMapsScriptId";
-/**
- * [[Loader]] makes it easier to add Google Maps JavaScript API to your application
- * dynamically using
- * [Promises](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).
- * It works by dynamically creating and appending a script node to the the
- * document head and wrapping the callback function so as to return a promise.
- *
- * ```
- * const loader = new Loader({
- *   apiKey: "",
- *   version: "weekly",
- *   libraries: ["places"]
- * });
- *
- * loader.load().then((google) => {
- *   const map = new google.maps.Map(...)
- * })
- * ```
- */
-class Loader {
-    /**
-     * Creates an instance of Loader using [[LoaderOptions]]. No defaults are set
-     * using this library, instead the defaults are set by the Google Maps
-     * JavaScript API server.
-     *
-     * ```
-     * const loader = Loader({apiKey, version: 'weekly', libraries: ['places']});
-     * ```
-     */
-    constructor({ apiKey, channel, client, id = DEFAULT_ID, libraries = [], language, region, version, mapIds, nonce, retries = 3, url = "https://maps.googleapis.com/maps/api/js", }) {
-        this.CALLBACK = "__googleMapsCallback";
-        this.callbacks = [];
-        this.done = false;
-        this.loading = false;
-        this.errors = [];
-        this.version = version;
-        this.apiKey = apiKey;
-        this.channel = channel;
-        this.client = client;
-        this.id = id || DEFAULT_ID; // Do not allow empty string
-        this.libraries = libraries;
-        this.language = language;
-        this.region = region;
-        this.mapIds = mapIds;
-        this.nonce = nonce;
-        this.retries = retries;
-        this.url = url;
-        if (Loader.instance) {
-            if (!fastDeepEqual(this.options, Loader.instance.options)) {
-                throw new Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(Loader.instance.options)}`);
-            }
-            return Loader.instance;
-        }
-        Loader.instance = this;
-    }
-    get options() {
-        return {
-            version: this.version,
-            apiKey: this.apiKey,
-            channel: this.channel,
-            client: this.client,
-            id: this.id,
-            libraries: this.libraries,
-            language: this.language,
-            region: this.region,
-            mapIds: this.mapIds,
-            nonce: this.nonce,
-            url: this.url,
-        };
-    }
-    get failed() {
-        return this.done && !this.loading && this.errors.length >= this.retries + 1;
-    }
-    /**
-     * CreateUrl returns the Google Maps JavaScript API script url given the [[LoaderOptions]].
-     *
-     * @ignore
-     */
-    createUrl() {
-        let url = this.url;
-        url += `?callback=${this.CALLBACK}`;
-        if (this.apiKey) {
-            url += `&key=${this.apiKey}`;
-        }
-        if (this.channel) {
-            url += `&channel=${this.channel}`;
-        }
-        if (this.client) {
-            url += `&client=${this.client}`;
-        }
-        if (this.libraries.length > 0) {
-            url += `&libraries=${this.libraries.join(",")}`;
-        }
-        if (this.language) {
-            url += `&language=${this.language}`;
-        }
-        if (this.region) {
-            url += `&region=${this.region}`;
-        }
-        if (this.version) {
-            url += `&v=${this.version}`;
-        }
-        if (this.mapIds) {
-            url += `&map_ids=${this.mapIds.join(",")}`;
-        }
-        return url;
-    }
-    deleteScript() {
-        const script = document.getElementById(this.id);
-        if (script) {
-            script.remove();
-        }
-    }
-    /**
-     * Load the Google Maps JavaScript API script and return a Promise.
-     */
-    load() {
-        return this.loadPromise();
-    }
-    /**
-     * Load the Google Maps JavaScript API script and return a Promise.
-     *
-     * @ignore
-     */
-    loadPromise() {
-        return new Promise((resolve, reject) => {
-            this.loadCallback((err) => {
-                if (!err) {
-                    resolve(window.google);
-                }
-                else {
-                    reject(err.error);
-                }
-            });
-        });
-    }
-    /**
-     * Load the Google Maps JavaScript API script with a callback.
-     */
-    loadCallback(fn) {
-        this.callbacks.push(fn);
-        this.execute();
-    }
-    /**
-     * Set the script on document.
-     */
-    setScript() {
-        if (document.getElementById(this.id)) {
-            // TODO wrap onerror callback for cases where the script was loaded elsewhere
-            this.callback();
-            return;
-        }
-        const url = this.createUrl();
-        const script = document.createElement("script");
-        script.id = this.id;
-        script.type = "text/javascript";
-        script.src = url;
-        script.onerror = this.loadErrorCallback.bind(this);
-        script.defer = true;
-        script.async = true;
-        if (this.nonce) {
-            script.nonce = this.nonce;
-        }
-        document.head.appendChild(script);
-    }
-    /**
-     * Reset the loader state.
-     */
-    reset() {
-        this.deleteScript();
-        this.done = false;
-        this.loading = false;
-        this.errors = [];
-        this.onerrorEvent = null;
-    }
-    resetIfRetryingFailed() {
-        if (this.failed) {
-            this.reset();
-        }
-    }
-    loadErrorCallback(e) {
-        this.errors.push(e);
-        if (this.errors.length <= this.retries) {
-            const delay = this.errors.length * Math.pow(2, this.errors.length);
-            console.log(`Failed to load Google Maps script, retrying in ${delay} ms.`);
-            setTimeout(() => {
-                this.deleteScript();
-                this.setScript();
-            }, delay);
-        }
-        else {
-            this.onerrorEvent = e;
-            this.callback();
-        }
-    }
-    setCallback() {
-        window.__googleMapsCallback = this.callback.bind(this);
-    }
-    callback() {
-        this.done = true;
-        this.loading = false;
-        this.callbacks.forEach((cb) => {
-            cb(this.onerrorEvent);
-        });
-        this.callbacks = [];
-    }
-    execute() {
-        this.resetIfRetryingFailed();
-        if (this.done) {
-            this.callback();
-        }
-        else {
-            // short circuit and warn if google.maps is already loaded
-            if (window.google && window.google.maps && window.google.maps.version) {
-                console.warn("Google Maps already loaded outside @googlemaps/js-api-loader." +
-                    "This may result in undesirable behavior as options and script parameters may not match.");
-                this.callback();
-                return;
-            }
-            if (this.loading) ;
-            else {
-                this.loading = true;
-                this.setCallback();
-                this.setScript();
-            }
-        }
-    }
-}
-
-
-//# sourceMappingURL=index.esm.js.map
-
-;// CONCATENATED MODULE: ./src/contact/contact.js
-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; }
-
-
-
-
-
-
-let CSS = (() => __webpack_require__.e(/* import() */ 678).then(__webpack_require__.bind(__webpack_require__, 2678)))();
-
-class Contact extends common/* Com */.M {
-  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({
-      map_initialized: true,
-      map_loading: true
-    });
-    await new Loader({
-      apiKey: 'YOUR_API_KEY',
-      version: 'weekly'
-    }).load();
-    this.gmap = new google.maps.Map(document.getElementById('map'));
-    this.setState({
-      map_loading: false
-    });
-  }
-
-  js2css(js, onlyProps) {
-    return util/* default.js2css */.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,
-      '@primary_color': this.props.plugin.popup.primary_color,
-      '@background': this.props.plugin.popup.background,
-      '@spacer0': spacer / 2 + 'px',
-      '@spacer': spacer + 'px',
-      '@spacer2': spacer * 2 + 'px',
-      '@spacer3': spacer * 3 + 'px'
-    });
-  }
-
-  renderMapButton(button) {
-    let icon = (0,preact_module.h)("svg", {
-      width: "20px",
-      "aria-hidden": "true",
-      focusable: "false",
-      "data-prefix": "fas",
-      "data-icon": "map-marker-alt",
-      role: "img",
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 384 512",
-      class: "svg-inline--fa fa-map-marker-alt fa-w-12 fa-3x"
-    }, (0,preact_module.h)("path", {
-      fill: "red",
-      d: "M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z",
-      class: ""
-    }));
-    return (0,preact_module.h)("div", {
-      class: "contact_button",
-      onClick: this.showMap
-    }, this.renderMapModal(button), icon);
-  }
-
-  async setMap(lat, lng) {
-    console.log('HEE');
-    await this.initMap();
-    console.log('HEE22');
-    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 = util/* default.map */.Z.map(button.map.locations, loc => {
-      return (0,preact_module.h)("div", {
-        class: "map_location",
-        onClick: e => this.setMap(loc.latitude, loc.longitude)
-      }, (0,preact_module.h)("div", null, loc.name), (0,preact_module.h)("div", null, loc.latitude), (0,preact_module.h)("div", null, loc.longitude));
-    });
-    $locations.unshift((0,preact_module.h)("div", {
-      class: "map_title"
-    }, button.map.title));
-    let $map = (0,preact_module.h)("div", {
-      id: "map",
-      style: "height: 100%; width: 100%"
-    }, ' ');
-    return (0,preact_module.h)("div", {
-      class: overlaycls,
-      onClick: this.hideMap
-    }, (0,preact_module.h)("div", {
-      class: cls,
-      onClick: e => e.stopPropagation()
-    }, (0,preact_module.h)("div", {
-      class: "map_body"
-    }, (0,preact_module.h)("div", {
-      class: "map_locations"
-    }, $locations), $map, (0,preact_module.h)("div", {
-      class: "mapouter"
-    }, (0,preact_module.h)("div", {
-      class: "gmap_canvas"
-    }, (0,preact_module.h)("iframe", {
-      width: "300",
-      height: "400",
-      id: "gmap_canvas",
-      src: "https://maps.google.com/maps?q=2880%20Broadway,%20New%20York&t=&z=13&ie=UTF8&iwloc=&output=embed",
-      frameborder: "0",
-      scrolling: "no",
-      marginheight: "0",
-      marginwidth: "0"
-    }))))));
-  }
-
-  hideMap(e) {
-    e.stopPropagation();
-    this.setState({
-      map: false
-    });
-  }
-
-  showMap() {
-    this.setState({
-      map: true
-    });
-  }
-
-  renderZaloButton(button) {
-    let icon = (0,preact_module.h)("svg", {
-      width: "20px ",
-      "aria-hidden": "true",
-      focusable: "false",
-      "data-prefix": "fab",
-      "data-icon": "facebook-f",
-      role: "img",
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 320 512",
-      class: "svg-inline--fa fa-facebook-f fa-w-10 fa-5x"
-    }, (0,preact_module.h)("path", {
-      fill: "currentColor",
-      d: "M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z",
-      class: ""
-    }));
-    return (0,preact_module.h)("div", {
-      class: "contact_button"
-    }, icon);
-  }
-
-  renderFacebookButton(button) {
-    let icon = (0,preact_module.h)("svg", {
-      width: "20px ",
-      "aria-hidden": "true",
-      focusable: "false",
-      "data-prefix": "fab",
-      "data-icon": "facebook-f",
-      role: "img",
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 320 512",
-      class: "svg-inline--fa fa-facebook-f fa-w-10 fa-5x"
-    }, (0,preact_module.h)("path", {
-      fill: "currentColor",
-      d: "M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z",
-      class: ""
-    }));
-    return (0,preact_module.h)("div", {
-      class: "contact_button"
-    }, icon);
-  }
-
-  renderChatButton() {
-    return (0,preact_module.h)("div", null, "Chat");
-  }
-
-  renderCallButton() {
-    let icon = (0,preact_module.h)("svg", {
-      width: "20px",
-      "aria-hidden": "true",
-      focusable: "false",
-      "data-prefix": "fas",
-      "data-icon": "phone",
-      role: "img",
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 512 512",
-      class: "svg-inline--fa fa-phone fa-w-16 fa-7x"
-    }, (0,preact_module.h)("path", {
-      fill: "currentColor",
-      d: "M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z",
-      class: ""
-    }));
-    return (0,preact_module.h)("div", null, icon);
-  }
-
-  renderButtons(buttons) {
-    if (util/* default.size */.Z.size(buttons) === 0) return null;
-    return util/* default.map */.Z.map(buttons, button => {
-      if (button.type === 'map') return this.renderMapButton(button);
-      if (button.type === 'zalo') return this.renderZaloButton(button);
-      if (button.type === 'facebook') return this.renderFacebookButton(button);
-      if (button.type === 'call') return this.renderCallButton(button);
-      if (button.type === 'chat') return this.renderChatButton(button);
-      return null;
-    });
-  }
-
-  renderByLayoutSideByStandard() {
-    let $buttons = this.renderButtons(this.props.plugin.contact.buttons);
-    return (0,preact_module.h)("div", null, $buttons);
-  }
-
-  renderLineComponent(com) {
-    let style = Object.assign({}, com.style, this.props.mobile ? com.mobile_style : {});
-    return (0,preact_module.h)("div", {
-      style: this.js2css(style)
-    });
-  }
-
-  renderTextComponent(com) {
-    let style = Object.assign({}, com.style, this.props.mobile ? com.mobile_style : {});
-    return (0,preact_module.h)("div", {
-      class: "text",
-      style: this.js2css(style),
-      dangerouslySetInnerHTML: {
-        __html: util/* default.get */.Z.get(com, 'text.html')
-      }
-    });
-  }
-
-  async refreshCSS() {
-    let css = (await CSS).default.default.toString();
-    var outcss = replaceCssVariable(css, this.props.plugin.popup);
-    util/* default.setCss */.Z.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
-    this.setState({
-      cssready: true
-    });
-  }
-
-  componentDidMount() {
-    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.refreshCSS();
-    let pluginstringify = JSON.stringify(this.props.plugin);
-    this.setState({
-      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 = util/* default.get */.Z.get(this.props.plugin, 'contact.layout', 'standard');
-    let $body = null;
-
-    if (layout === 'standard' || !layout) {
-      $body = this.renderByLayoutSideByStandard();
-    }
-
-    if (layout === 'footer') {
-      $body = this.renderByLayoutFooter(util/* default.get */.Z.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
-    }
-
-    if (layout === 'mini') {
-      $body = this.renderByLayoutMini(util/* default.get */.Z.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
-    }
-
-    if (layout === 'docked') {
-      $body = this.renderByLayoutDocked(util/* default.get */.Z.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
-    }
-
-    let left, right, bottom, top, transform;
-    let position = util/* default.get */.Z.get(this.props.plugin, 'contact.position', 'bottom-left');
-
-    if (position === 'center-left') {
-      left = '0';
-      top = '50%';
-      transform = 'translateY(-50%)';
-    } else if (position === 'top-left') {
-      left = '0';
-      top = '20px';
-    } else if (position === 'bottom-right') {
-      right = '0';
-      bottom = '20px';
-    } else if (position === 'center-right') {
-      right = '0';
-      top = '50%';
-      transform = 'translateY(-50%)';
-    } else if (position === 'top-right') {
-      right = '0';
-      top = '20px';
-    } else {
-      left = '0';
-      bottom = '20px';
-    }
-
-    return (0,preact_module.h)("div", {
-      style: util/* default.js2css */.Z.js2css({
-        position: 'absolute',
-        left,
-        right,
-        bottom,
-        top,
-        transform,
-        display: 'flex',
-        align_items: 'center',
-        justify_content: 'center',
-        overflow: 'hidden'
-      }),
-      onClick: e => e.stopPropagation()
-    }, $body);
-  }
-
-}
-
-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 = sb.get(camp, `pages.${pageIndex}`) || {};
-  showPage(page);
-  triggerType = byTrigger;
-  let {
-    body: impression
-  } = await store.sendImpression(camp.id, byTrigger);
-  impressionToken = sb.get(impression, 'impression_token') || '';
-}
-
-function eq(a, b) {
-  return JSON.stringify(a) === JSON.stringify(b);
-}
-
-function replaceCssVariable(css, setting) {
-  var tokens = [css];
-  tokens = util/* default.tokenize */.Z.tokenize(tokens, "'@font_family'");
-  tokens = util/* default.tokenize */.Z.tokenize(tokens, "'@font_size'");
-  tokens = util/* default.tokenize */.Z.tokenize(tokens, "'@text_color'");
-  tokens = util/* default.tokenize */.Z.tokenize(tokens, "'@primary_color'");
-  tokens = util/* default.tokenize */.Z.tokenize(tokens, "'@background'");
-  tokens = util/* default.tokenize */.Z.tokenize(tokens, "'@spacer'");
-  tokens = util/* default.tokenize */.Z.tokenize(tokens, "'@spacer0'");
-  tokens = util/* default.tokenize */.Z.tokenize(tokens, "'@spacer2'");
-  tokens = util/* default.tokenize */.Z.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;
-    }
-
-    var path = item.type.substr(2, item.type.length - 3);
-    var val = util/* default.get */.Z.get(setting, path) || util/* default.get */.Z.get(DEFVAL, path) || '';
-    ret.push(val);
-  }
-
-  return ret.join('');
-}
-const DEFVAL = {
-  font_size: '16px',
-  font_family: 'roboto',
-  text_color: '#333',
-  primary_color: '#333'
-};
-
-/***/ })
-
-}]);