@r3l/app/lib/modules/ui/modals/modal.container.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _typeof = require("@babel/runtime/helpers/typeof");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _react = _interopRequireWildcard(require("react"));

var _reactRedux = require("react-redux");

var _propTypes = _interopRequireDefault(require("prop-types"));

var _navigation = require("../../navigation/navigation.actions");

var _modal = _interopRequireDefault(require("./modal.component"));

var _queryString = _interopRequireDefault(require("query-string"));

var _reactRouterDom = require("react-router-dom");

var modals = _interopRequireWildcard(require("./desktop.lookup"));

var _excluded = ["Body", "redirect"];

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

ModalContainer.propTypes = {
  location: _propTypes.default.object,
  history: _propTypes.default.object
};
var isBrowser = process.env.BROWSER === true;

function ModalContainer(_ref) {
  var location = _ref.location,
      history = _ref.history;
  var dispatch = (0, _reactRedux.useDispatch)();

  var _useSelector = (0, _reactRedux.useSelector)(function (state) {
    return state.navigation;
  }),
      currentModal = _useSelector.modal,
      modalData = _useSelector.modalData;

  var urlParams = _queryString.default.parse(location.search);

  var modal = urlParams.modal,
      modalParams = urlParams.modalParams;
  (0, _react.useEffect)(function () {
    if (!modal && currentModal || modal && currentModal && modal !== currentModal) {
      var qString = _queryString.default.stringify(_objectSpread(_objectSpread({}, urlParams), {}, {
        modal: currentModal,
        modalParams: JSON.stringify(modalData)
      }));

      history.replace({
        search: qString
      });
    }
  }, [currentModal]); // eslint-disable-line

  (0, _react.useEffect)(function () {
    if (!currentModal && modal && isBrowser) {
      var params = modalParams ? JSON.parse(modalParams) : null;
      dispatch((0, _navigation.showModal)(modal, params));
    }

    if (currentModal && !modal) dispatch((0, _navigation.hideModal)());
  }, [modal]); // eslint-disable-line

  if (!isBrowser) return null; // eslint-disable-next-line import/namespace

  var modalEl = !!currentModal && modals[modal];
  if (!modalEl) return null;
  var Body = modalEl.Body,
      redirect = modalEl.redirect,
      rest = (0, _objectWithoutProperties2.default)(modalEl, _excluded);

  var close = function close() {
    dispatch((0, _navigation.hideModal)());
    closeModal(redirect, history, location);
  };

  return /*#__PURE__*/_react.default.createElement(_modal.default, (0, _extends2.default)({
    close: close,
    name: currentModal
  }, rest), /*#__PURE__*/_react.default.createElement(Body, {
    close: close
  }));
}

function closeModal(redirect, history, location) {
  var queryParams = _queryString.default.parse(location.search);

  if (queryParams.redirect) {
    history.replace(queryParams.redirect);
  } else if (redirect) {
    history.replace(redirect);
  } else {
    history.replace(location.pathname);
  }
}

var _default = (0, _reactRouterDom.withRouter)(ModalContainer);

exports.default = _default;
//# sourceMappingURL=modal.container.js.map