@mopinion/survey/index.js

Collect customer feedback with the Mopinion survey library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.listeners = exports["default"] = void 0;
var _preact = require("preact");
var _deepmerge = _interopRequireDefault(require("deepmerge"));
var _manager = require("./features/manager");
var _utils = require("./utils");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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); }
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
if (process.env.NODE_ENV === 'development') {
  Promise.resolve().then(function () {
    return _interopRequireWildcard(require('preact/debug'));
  });
}
var disablePostFromCookie = (0, _utils.getCookie)('MopinionDisablePost') == 1;
function getDiv(div, useAll) {
  return useAll ? (0, _utils.nodeListToArray)(document.querySelectorAll(div)) : document.querySelector(div);
}
function tryDiv(div) {
  var useAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
  try {
    if (getDiv(div, useAll)) {
      return getDiv(div, useAll);
    } else {
      return getDiv('#' + div, useAll);
    }
  } catch (e) {
    return null;
  }
}
function getContainerDiv(_ref) {
  var container = _ref.container,
    useAll = _ref.useAll,
    existingContainer = _ref.existingContainer,
    baseContainer = _ref.baseContainer;
  if (!container) {
    return existingContainer !== null && existingContainer !== void 0 ? existingContainer : baseContainer;
  }
  if (container instanceof Node) {
    return container;
  }
  if (container instanceof NodeList) {
    return (0, _utils.nodeListToArray)(container);
  }
  if (typeof container === 'string' && container.length && container.indexOf(',') === -1) {
    return tryDiv(container, useAll);
  }
  if (typeof container === 'string' && container.indexOf(',') > -1) {
    return container.split(',').map(function (n) {
      return tryDiv(n);
    });
  }
  return getDiv('#surveyContent:not(.mopinion-survey-content)');
}
function getDomain(_ref2) {
  var domain = _ref2.domain,
    existingDomain = _ref2.existingDomain,
    baseDomain = _ref2.baseDomain;
  if (domain) {
    return domain;
  }
  if (existingDomain) {
    return existingDomain;
  }
  return baseDomain;
}
var extraProps = {};
function setExtraProps(update) {
  extraProps = (0, _deepmerge["default"])(extraProps, update, {
    customMerge: function customMerge(key) {
      if (key === 'values') {
        return function (a, b) {
          return b;
        };
      }
    }
  });
}
var listeners = exports.listeners = {};
var stateToArray = function stateToArray(obj) {
  return Object.keys(obj).filter(function (key) {
    return !isNaN(key);
  }).map(function (key) {
    return obj[key];
  });
};
var srv = {
  version: 2.0,
  ALL_KEYS: [],
  managerDiv: null,
  render: function render() {
    var _options$triggerMetho, _srv$options$key, _srv$srv$ALL_KEYS$, _options$formOpen, _ref3, _options$proxyCacheDo, _ref4, _options$proxyCustomD, _ref5, _options$proxyFeedbac, _ref6, _options$proxyMetrics, _ref7, _options$proxyFontsDo, _srv$options$key$inst, _srv$options$key2, _ref8, _options$proxyCssDoma, _options$getTrail, _options$container, _srv$srv$ALL_KEYS$2;
    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    var triggerMethod = (_options$triggerMetho = options.triggerMethod) !== null && _options$triggerMetho !== void 0 ? _options$triggerMetho : options.trigger_method;
    var domain = getDomain({
      domain: options.domain,
      existingDomain: (_srv$options$key = srv[options.key]) === null || _srv$options$key === void 0 ? void 0 : _srv$options$key.domain,
      baseDomain: (_srv$srv$ALL_KEYS$ = srv[srv.ALL_KEYS[0]]) === null || _srv$srv$ALL_KEYS$ === void 0 ? void 0 : _srv$srv$ALL_KEYS$.domain
    });
    var props = {
      formKey: options.key,
      domain: domain,
      formOpen: (_options$formOpen = options.formOpen) !== null && _options$formOpen !== void 0 ? _options$formOpen : ['proactive', 'exit', 'force'].indexOf(triggerMethod) > -1 || null,
      showButton: options.showButton || triggerMethod === 'passive',
      cookieTime: options.cookie_expire || options.cookieTime || 30,
      triggerMethod: triggerMethod,
      forcePost: options.forcePost || false,
      skipToLast: options.skipToLast || false,
      forceType: options.forceType || false,
      forceBreakPoint: options.forceBreakPoint || false,
      forceButton: options.forceButton || false,
      forceHeader: options.forceHeader || false,
      webView: options.webView || false,
      webViewShowHeader: options.webViewShowHeader || false,
      proxyDomain: options.proxyDomain,
      cacheDomain: (_ref3 = (_options$proxyCacheDo = options.proxyCacheDomain) !== null && _options$proxyCacheDo !== void 0 ? _options$proxyCacheDo : options.proxyDomain) !== null && _ref3 !== void 0 ? _ref3 : 'cacheorcheck.mopinion.com',
      customDomain: (_ref4 = (_options$proxyCustomD = options.proxyCustomDomain) !== null && _options$proxyCustomD !== void 0 ? _options$proxyCustomD : options.proxyDomain) !== null && _ref4 !== void 0 ? _ref4 : domain,
      feedbackDomain: (_ref5 = (_options$proxyFeedbac = options.proxyFeedbackDomain) !== null && _options$proxyFeedbac !== void 0 ? _options$proxyFeedbac : options.proxyDomain) !== null && _ref5 !== void 0 ? _ref5 : 'survey.mopinion.com',
      metricsDomain: (_ref6 = (_options$proxyMetrics = options.proxyMetricsDomain) !== null && _options$proxyMetrics !== void 0 ? _options$proxyMetrics : options.proxyDomain) !== null && _ref6 !== void 0 ? _ref6 : 'metrics.mopinion.com',
      fontsDomain: (_ref7 = (_options$proxyFontsDo = options.proxyFontsDomain) !== null && _options$proxyFontsDo !== void 0 ? _options$proxyFontsDo : options.proxyDomain) !== null && _ref7 !== void 0 ? _ref7 : 'fonts.mopinion.com',
      isCompleted: options.isCompleted || false,
      feedbackId: options.feedbackId || null,
      disablePost: disablePostFromCookie || options.disablePost || false,
      noCache: options.noCache || false,
      instance: (_srv$options$key$inst = (_srv$options$key2 = srv[options.key]) === null || _srv$options$key2 === void 0 ? void 0 : _srv$options$key2.instance) !== null && _srv$options$key$inst !== void 0 ? _srv$options$key$inst : (0, _utils.rnd)(),
      refresh: options.refresh ? (0, _utils.rnd)() : null,
      cssDomain: (_ref8 = (_options$proxyCssDoma = options.proxyCssDomain) !== null && _options$proxyCssDoma !== void 0 ? _options$proxyCssDoma : options.proxyDomain) !== null && _ref8 !== void 0 ? _ref8 : 'collect.mopinion.com',
      getTrail: (_options$getTrail = options.getTrail) !== null && _options$getTrail !== void 0 ? _options$getTrail : null
    };
    if (props.formOpen !== null) {
      props.openAction = "form_open-".concat((0, _utils.rnd)());
    }
    if (!props.formKey) {
      throw new Error('formKey required');
    }
    if (!srv.hasOwnProperty(props.formKey)) {
      srv[props.formKey] = {};
      srv.ALL_KEYS = [].concat(_toConsumableArray(srv.ALL_KEYS), [props.formKey]);
    }
    if (!options.hasOwnProperty('showButton') && srv[props.formKey].showButton) {
      props.showButton = true;
    }
    var container = (_options$container = options.container) !== null && _options$container !== void 0 ? _options$container : options.divName;
    var divName = getContainerDiv({
      container: container,
      useAll: options.useQuerySelectorAll,
      existingContainer: srv[props.formKey].divName,
      baseContainer: (_srv$srv$ALL_KEYS$2 = srv[srv.ALL_KEYS[0]]) === null || _srv$srv$ALL_KEYS$2 === void 0 ? void 0 : _srv$srv$ALL_KEYS$2.divName
    });
    props.divName = divName;
    props.isMultiple = (0, _utils.isArray)(divName);
    srv[props.formKey] = props;
    (0, _utils.log)('Props', props);
    (0, _utils.log)('Options', options);
    (0, _utils.log)('Render div', srv[props.formKey].renderDiv);
    return this.renderForms();
  },
  renderForms: function renderForms() {
    if (!srv.managerDiv) {
      var div = document.createElement('div');
      document.body.appendChild(div);
      srv.managerDiv = div;
    }
    var forms = srv.ALL_KEYS.map(function (key) {
      return _objectSpread(_objectSpread({}, srv[key]), {}, {
        extra: extraProps[key]
      });
    });
    (0, _preact.render)((0, _preact.h)(_manager.FormManager, {
      forms: forms
    }), srv.managerDiv);
  },
  open: function open() {
    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    return srv.render(options);
  },
  isOpen: function isOpen(formKey) {
    var _srv$formKey, _srv$formKey2;
    return ((_srv$formKey = srv[formKey]) === null || _srv$formKey === void 0 ? void 0 : _srv$formKey._formOpen) && ((_srv$formKey2 = srv[formKey]) === null || _srv$formKey2 === void 0 ? void 0 : _srv$formKey2._formType) !== 'embed';
  },
  openModal: function openModal() {
    var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
    var formKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : srv.ALL_KEYS[0];
    try {
      srv.open({
        key: formKey,
        formOpen: true
      });
    } catch (e) {}
  },
  closeModal: function closeModal() {
    var formKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : srv.ALL_KEYS[0];
    try {
      srv.open({
        key: formKey,
        formOpen: false
      });
    } catch (e) {}
  },
  send: function send() {
    var skipToLast = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
    var formKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
    try {
      if (!srv[formKey].isMultiple) {
        srv.manager[formKey]._forcePost(skipToLast);
      } else {
        srv[formKey].divName.forEach(function (d, i) {
          return srv.manager[formKey][i]._forcePost(skipToLast);
        });
      }
    } catch (e) {}
  },
  clearForm: function clearForm() {
    var formKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    try {
      delete srv[formKey];
      var index = srv.ALL_KEYS.indexOf(formKey);
      if (index !== -1) {
        srv.ALL_KEYS.splice(srv.ALL_KEYS.indexOf(formKey), 1);
        this.renderForms();
      }
    } catch (e) {}
  },
  setPage: function setPage() {
    var formKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var page = arguments.length > 1 ? arguments[1] : undefined;
    try {
      if (typeof page !== 'number') {
        return;
      }
      setExtraProps(_defineProperty({}, formKey, {
        page: page
      }));
      if (!srv[formKey]) {
        return;
      }
      srv.render({
        key: formKey,
        domain: srv.ALL_KEYS[0].domain
      });
    } catch (e) {}
  },
  getFormConfig: function getFormConfig() {
    var formKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    try {
      return srv[formKey]._config;
    } catch (e) {}
  },
  getFormState: function getFormState(formKey) {
    try {
      if (srv[formKey].isMultiple) {
        return srv[formKey]._multiple.map(function (data) {
          return stateToArray(data._state);
        });
      }
      return stateToArray(srv[formKey]._state);
    } catch (e) {}
  },
  setValue: function setValue() {
    var formKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var field = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
    var value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
    try {
      setExtraProps(_defineProperty({}, formKey, {
        values: _defineProperty({}, field, value)
      }));
      if (!srv[formKey]) {
        return;
      }
      srv.render({
        key: formKey
      });
    } catch (e) {}
  },
  setBlock: function setBlock() {
    var formKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var id = arguments.length > 1 ? arguments[1] : undefined;
    var obj = arguments.length > 2 ? arguments[2] : undefined;
    try {
      setExtraProps(_defineProperty({}, formKey, {
        config: {
          blocks: _defineProperty({}, id, obj)
        }
      }));
      if (!srv[formKey]) {
        return;
      }
      srv.render({
        key: formKey
      });
    } catch (e) {}
  },
  setBlockProperties: function setBlockProperties() {
    var formKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var id = arguments.length > 1 ? arguments[1] : undefined;
    var obj = arguments.length > 2 ? arguments[2] : undefined;
    try {
      setExtraProps(_defineProperty({}, formKey, {
        config: {
          blocks: _defineProperty({}, id, {
            properties: obj
          })
        }
      }));
      if (!srv[formKey]) {
        return;
      }
      srv.render({
        key: formKey
      });
    } catch (e) {}
  },
  setBlockInnerElement: function setBlockInnerElement() {
    var formKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var _ref9 = arguments.length > 1 ? arguments[1] : undefined,
      id = _ref9.id,
      elementKey = _ref9.elementKey;
    var obj = arguments.length > 2 ? arguments[2] : undefined;
    try {
      setExtraProps(_defineProperty({}, formKey, {
        config: {
          blocks: _defineProperty({}, id, {
            properties: {
              elements: obj
            }
          })
        }
      }));
      if (!srv[formKey]) {
        return;
      }
      srv.render({
        key: formKey
      });
    } catch (e) {}
  },
  setProperties: function setProperties() {
    var formKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var obj = arguments.length > 1 ? arguments[1] : undefined;
    try {
      setExtraProps(_defineProperty({}, formKey, {
        config: {
          properties: obj
        }
      }));
      if (!srv[formKey]) {
        return;
      }
      srv.render({
        key: formKey
      });
    } catch (e) {}
  },
  setText: function setText() {
    var formKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var obj = arguments.length > 1 ? arguments[1] : undefined;
    try {
      setExtraProps(_defineProperty({}, formKey, {
        config: {
          text: obj
        }
      }));
      if (!srv[formKey]) {
        return;
      }
      srv.render({
        key: formKey
      });
    } catch (e) {}
  },
  setErrors: function setErrors() {
    var formKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var obj = arguments.length > 1 ? arguments[1] : undefined;
    try {
      setExtraProps(_defineProperty({}, formKey, {
        config: {
          text: {
            errors: obj
          }
        }
      }));
      if (!srv[formKey]) {
        return;
      }
      srv.render({
        key: formKey
      });
    } catch (e) {}
  },
  setLanguage: function setLanguage() {
    var formKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var language = arguments.length > 1 ? arguments[1] : undefined;
    try {
      setExtraProps(_defineProperty({}, formKey, {
        language: language
      }));
      if (!srv[formKey]) {
        return;
      }
      srv.render({
        key: formKey
      });
    } catch (e) {}
  },
  setCookie: function setCookie() {
    var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var value = arguments.length > 1 ? arguments[1] : undefined;
    var days = arguments.length > 2 ? arguments[2] : undefined;
    return (0, _utils.setCookie)(name, value, days);
  },
  getCookie: function getCookie() {
    var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    return (0, _utils.getCookie)(name);
  },
  getUrlParam: function getUrlParam() {
    var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    return (0, _utils.getUrlParam)(name);
  },
  getStrParam: function getStrParam() {
    var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var str = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.location.href;
    return (0, _utils.getStrParam)(name, str);
  },
  getParameterByName: function getParameterByName() {
    var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var str = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.location.href;
    return (0, _utils.getStrParam)(name, str);
  },
  triggerEvent: function triggerEvent() {
    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    return (0, _utils.triggerEvent)(data);
  },
  addEventListener: function addEventListener(event, fn) {
    if (!listeners[event]) {
      listeners[event] = [];
    }
    listeners[event].push(fn);
  },
  removeEventListener: function removeEventListener(event, fn) {
    try {
      listeners[event] = listeners[event].filter(function (ev) {
        return ev.toString() !== fn.toString();
      });
    } catch (e) {}
  },
  reset: function reset(formKey) {
    if (!srv[formKey]) {
      return;
    }
    srv[formKey].instance = (0, _utils.rnd)();
    this.renderForms();
  }
};
if (typeof window !== 'undefined') {
  window.srv = window.srv || srv;
  window.mopinionSurvey = window.mopinionSurvey || srv;
}
var _default = exports["default"] = srv;
//# sourceMappingURL=index.js.map