cozy-search/dist/components/Conversations/Sources/Sources.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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

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

var _twakeIcons = require("@linagora/twake-icons");

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

var _cozyClient = require("cozy-client");

var _Box = _interopRequireDefault(require("cozy-ui/transpiled/react/Box"));

var _Chips = _interopRequireDefault(require("cozy-ui/transpiled/react/Chips"));

var _Grow = _interopRequireDefault(require("cozy-ui/transpiled/react/Grow"));

var _twakeI18n = require("twake-i18n");

var _EmailSourceItem = _interopRequireDefault(require("./EmailSourceItem"));

var _FileSourcesItem = _interopRequireDefault(require("./FileSourcesItem"));

var _WebSourceItem = _interopRequireDefault(require("./WebSourceItem"));

var _queries = require("../../queries");

var _excluded = ["data"];

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 WEB_SOURCE_TYPE = 'web';

var Sources = function Sources(_ref) {
  var messageId = _ref.messageId,
      files = _ref.files,
      emails = _ref.emails,
      urls = _ref.urls;

  var _useState = (0, _react.useState)(false),
      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
      showSources = _useState2[0],
      setShowSources = _useState2[1];

  var _useI18n = (0, _twakeI18n.useI18n)(),
      t = _useI18n.t;

  var ref = (0, _react.useRef)();

  var handleShowSources = function handleShowSources() {
    setShowSources(function (v) {
      return !v;
    });
  }; // we want to scroll down to the sources button when it is displayed


  (0, _react.useEffect)(function () {
    var _ref$current;

    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollIntoView(false);
  }, []);
  (0, _react.useEffect)(function () {
    if (showSources) {
      var _ref$current2;

      var innerContainer = (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.closest('.cozyDialogContent');

      if (!innerContainer) {
        var _ref$current3;

        (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.scrollIntoView(false);
        return;
      }

      var sourcesBottom = ref.current.getBoundingClientRect().bottom;
      var innerContainerBottom = innerContainer.getBoundingClientRect().bottom;

      if (sourcesBottom > innerContainerBottom) {
        ref.current.scrollIntoView(false);
      }
    }
  }, [showSources]);
  return /*#__PURE__*/_react.default.createElement(_Box.default, {
    ref: ref,
    className: "u-mt-1-half"
  }, /*#__PURE__*/_react.default.createElement(_Chips.default, {
    className: "u-mb-1",
    icon: /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
      icon: _twakeIcons.MultiFiles,
      className: "u-ml-half"
    }),
    label: t('assistant.sources', files.length + emails.length + urls.length),
    deleteIcon: /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
      className: "u-h-1",
      icon: _twakeIcons.Right,
      rotate: showSources ? 90 : 0
    }),
    clickable: true,
    onClick: handleShowSources,
    onDelete: handleShowSources
  }), /*#__PURE__*/_react.default.createElement(_Grow.default, {
    in: showSources,
    style: {
      transformOrigin: '0 0 0'
    },
    mountOnEnter: true,
    unmountOnExit: true
  }, /*#__PURE__*/_react.default.createElement("div", null, files.map(function (file) {
    return /*#__PURE__*/_react.default.createElement(_FileSourcesItem.default, {
      key: "".concat(messageId, "-").concat(file._id),
      file: file
    });
  }), emails.map(function (email) {
    return /*#__PURE__*/_react.default.createElement(_EmailSourceItem.default, {
      key: "".concat(messageId, "-").concat(email.id),
      email: email
    });
  }), urls === null || urls === void 0 ? void 0 : urls.map(function (url, index) {
    return /*#__PURE__*/_react.default.createElement(_WebSourceItem.default, {
      key: "".concat(messageId, "-").concat(url.url || index),
      source: url
    });
  }))));
};

var SourcesWithFilesQuery = function SourcesWithFilesQuery(_ref2) {
  var messageId = _ref2.messageId,
      sources = _ref2.sources;
  var fileIds = [];
  var emails = [];
  var urls = [];
  var files;
  sources.map(function (source) {
    if (source.sourceType === WEB_SOURCE_TYPE) {
      urls.push(source);
    } else if (source.doctype === _queries.EMAIL_DOCTYPE) {
      emails.push(source);
    } else {
      fileIds.push(source.id);
    }
  });
  var enabled = fileIds && fileIds.length > 0;
  var filesByIds = (0, _queries.buildFilesByIds)(fileIds, enabled);

  var _useQuery = (0, _cozyClient.useQuery)(filesByIds.definition, filesByIds.options),
      fetchedFiles = _useQuery.data,
      queryResult = (0, _objectWithoutProperties2.default)(_useQuery, _excluded);

  var isLoading = (0, _cozyClient.isQueryLoading)(queryResult);
  files = fetchedFiles || [];
  if (isLoading && enabled || files.length === 0 && emails.length === 0 && urls.length === 0) return null;
  return /*#__PURE__*/_react.default.createElement(Sources, {
    messageId: messageId,
    files: files,
    emails: emails,
    urls: urls
  });
};

var _default = SourcesWithFilesQuery;
exports.default = _default;