cozy-search/dist/components/Views/AssistantDialog.js

UI components about search bar and IA assistant

"use strict";

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

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

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

var _classnames = _interopRequireDefault(require("classnames"));

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

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

var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");

var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");

var _CozyTheme = _interopRequireDefault(require("cozy-ui-plus/dist/providers/CozyTheme"));

var _AssistantProvider = _interopRequireWildcard(require("../AssistantProvider"));

var _CreateAssistantDialog = _interopRequireDefault(require("./CreateAssistantDialog"));

var _DeleteAssistantDialog = _interopRequireDefault(require("./DeleteAssistantDialog"));

var _EditAssistantDialog = _interopRequireDefault(require("./EditAssistantDialog"));

var _AssistantContainer = _interopRequireDefault(require("../Assistant/AssistantContainer"));

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; }

var styles = {
  "assistantWrapper-mobile": "styles__assistantWrapper-mobile___1Zx2Y",
  "assistantWrapper-mobile--light": "styles__assistantWrapper-mobile--light___1tVm3",
  "assistantWrapper-mobile--dark": "styles__assistantWrapper-mobile--dark___3Z8Ya",
  "assistantWrapper-mobile--offset": "styles__assistantWrapper-mobile--offset___1Sa2x",
  "assistantWrapper-mobile--immersive": "styles__assistantWrapper-mobile--immersive___2DU6b",
  "assistantWrapper": "styles__assistantWrapper___3SLG6"
};

var AssistantDialog = function AssistantDialog() {
  var _useAssistant = (0, _AssistantProvider.useAssistant)(),
      isOpenCreateAssistant = _useAssistant.isOpenCreateAssistant,
      setIsOpenCreateAssistant = _useAssistant.setIsOpenCreateAssistant,
      isOpenEditAssistant = _useAssistant.isOpenEditAssistant,
      setIsOpenEditAssistant = _useAssistant.setIsOpenEditAssistant,
      isOpenDeleteAssistant = _useAssistant.isOpenDeleteAssistant,
      setIsOpenDeleteAssistant = _useAssistant.setIsOpenDeleteAssistant;

  var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
      isMobile = _useBreakpoints.isMobile;

  var navigate = (0, _reactRouterDom.useNavigate)();

  var _useSearchParams = (0, _reactRouterDom.useSearchParams)(),
      _useSearchParams2 = (0, _slicedToArray2.default)(_useSearchParams, 1),
      searchParams = _useSearchParams2[0];

  var onClose = function onClose() {
    try {
      var returnPath = searchParams.get('returnPath');

      if (returnPath) {
        navigate(returnPath);
      } else {
        navigate('..');
      }
    } catch (_unused) {
      navigate('..');
    }
  };

  return /*#__PURE__*/_react.default.createElement(_CozyDialogs.FixedDialog, {
    open: true,
    fullScreen: true,
    size: "full",
    disableGutters: true,
    componentsProps: {
      dialogTitle: {
        className: isMobile ? 'u-ph-0' : ''
      },
      dialogActions: {
        className: isMobile ? 'u-mh-half' : 'u-m-0'
      },
      divider: {
        className: 'u-dn'
      },
      dialogContent: {
        style: {
          display: 'flex',
          flexDirection: 'column',
          flexGrow: 1,
          padding: 0
        }
      }
    },
    title: " ",
    content: /*#__PURE__*/_react.default.createElement("div", {
      className: (0, _classnames.default)('u-w-100 u-flex u-flex-column u-ov-hidden', styles['assistantWrapper'])
    }, /*#__PURE__*/_react.default.createElement(_AssistantContainer.default, null)),
    actions: /*#__PURE__*/_react.default.createElement("div", {
      className: "u-w-100"
    }, isOpenCreateAssistant && /*#__PURE__*/_react.default.createElement(_CreateAssistantDialog.default, {
      open: isOpenCreateAssistant,
      onClose: function onClose() {
        return setIsOpenCreateAssistant(false);
      }
    }), isOpenEditAssistant && /*#__PURE__*/_react.default.createElement(_EditAssistantDialog.default, {
      open: isOpenEditAssistant,
      onClose: function onClose() {
        return setIsOpenEditAssistant(false);
      }
    }), isOpenDeleteAssistant && /*#__PURE__*/_react.default.createElement(_DeleteAssistantDialog.default, {
      open: isOpenDeleteAssistant,
      onClose: function onClose() {
        return setIsOpenDeleteAssistant(false);
      }
    })),
    onClose: onClose
  });
};

var AssistantDialogWithProviders = function AssistantDialogWithProviders() {
  return /*#__PURE__*/_react.default.createElement(_CozyTheme.default, {
    variant: "normal"
  }, /*#__PURE__*/_react.default.createElement(_AssistantProvider.default, null, /*#__PURE__*/_react.default.createElement(AssistantDialog, null)));
};

var _default = AssistantDialogWithProviders;
exports.default = _default;