cozy-search 2.0.10 → 2.1.0

package/dist/components/Assistant/AssistantAvatar.js

@@ -19,8 +19,6 @@ var _Avatar = _interopRequireDefault(require("cozy-ui/transpiled/react/Avatar"))
 
 var styles = {
   "assistant-container": "styles__assistant-container___2WDzp",
-  "knowledge-panel--light": "styles__knowledge-panel--light___1dZvc",
-  "knowledge-panel--dark": "styles__knowledge-panel--dark___3IGQc",
   "trigger-button": "styles__trigger-button___yyIz8",
   "assistant-icon": "styles__assistant-icon___1VM6i",
   "assistant-icon--small": "styles__assistant-icon--small___3D9po",

package/dist/components/Assistant/AssistantContainer.js

@@ -13,8 +13,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
 
-var _CozyTheme = require("cozy-ui-plus/dist/providers/CozyTheme");
-
 var _AssistantProvider = require("../AssistantProvider");
 
 var _PrettyScrollbar = _interopRequireDefault(require("../Containers/PrettyScrollbar"));
@@ -27,12 +25,8 @@ var _SearchConversation = _interopRequireDefault(require("../Search/SearchConver
 
 var _Sidebar = _interopRequireDefault(require("../Sidebar"));
 
-var _TwakeKnowledgePanel = _interopRequireDefault(require("../TwakeKnowledges/TwakeKnowledgePanel"));
-
 var styles = {
   "assistant-container": "styles__assistant-container___2WDzp",
-  "knowledge-panel--light": "styles__knowledge-panel--light___1dZvc",
-  "knowledge-panel--dark": "styles__knowledge-panel--dark___3IGQc",
   "trigger-button": "styles__trigger-button___yyIz8",
   "assistant-icon": "styles__assistant-icon___1VM6i",
   "assistant-icon--small": "styles__assistant-icon--small___3D9po",
@@ -47,12 +41,7 @@ var styles = {
 
 var AssistantContainer = function AssistantContainer() {
   var _useAssistant = (0, _AssistantProvider.useAssistant)(),
-      isOpenSearchConversation = _useAssistant.isOpenSearchConversation,
-      openedKnowledgePanel = _useAssistant.openedKnowledgePanel,
-      setOpenedKnowledgePanel = _useAssistant.setOpenedKnowledgePanel;
-
-  var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
-      theme = _useCozyTheme.type;
+      isOpenSearchConversation = _useAssistant.isOpenSearchConversation;
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('u-flex u-ov-hidden u-h-100', styles['assistant-container'])
@@ -60,13 +49,7 @@ var AssistantContainer = function AssistantContainer() {
     className: "u-pb-0-t u-pb-1"
   }), /*#__PURE__*/_react.default.createElement(_PrettyScrollbar.default, {
     className: "u-flex-auto u-flex u-flex-column u-pb-0-t u-pb-1 u-ov-hidden"
-  }, isOpenSearchConversation && (0, _cozyFlags.default)('cozy.assistant.search-conversation.enabled') ? /*#__PURE__*/_react.default.createElement(_SearchConversation.default, null) : /*#__PURE__*/_react.default.createElement(_CozyAssistantRuntimeProvider.default, null, /*#__PURE__*/_react.default.createElement(_Conversation.default, null))), openedKnowledgePanel && (0, _cozyFlags.default)('cozy.assistant.source-knowledge.enabled') && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('u-h-100 u-maw-7 u-pl-half', styles["knowledge-panel--".concat(theme)])
-  }, /*#__PURE__*/_react.default.createElement(_TwakeKnowledgePanel.default, {
-    onClose: function onClose() {
-      return setOpenedKnowledgePanel(undefined);
-    }
-  })));
+  }, isOpenSearchConversation && (0, _cozyFlags.default)('cozy.assistant.search-conversation.enabled') ? /*#__PURE__*/_react.default.createElement(_SearchConversation.default, null) : /*#__PURE__*/_react.default.createElement(_CozyAssistantRuntimeProvider.default, null, /*#__PURE__*/_react.default.createElement(_Conversation.default, null))));
 };
 
 var _default = AssistantContainer;

package/dist/components/Assistant/AssistantSelection.js

@@ -47,8 +47,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var styles = {
   "assistant-container": "styles__assistant-container___2WDzp",
-  "knowledge-panel--light": "styles__knowledge-panel--light___1dZvc",
-  "knowledge-panel--dark": "styles__knowledge-panel--dark___3IGQc",
   "trigger-button": "styles__trigger-button___yyIz8",
   "assistant-icon": "styles__assistant-icon___1VM6i",
   "assistant-icon--small": "styles__assistant-icon--small___3D9po",

package/dist/components/Assistant/AssistantSelectionItem.js

@@ -33,8 +33,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var styles = {
   "assistant-container": "styles__assistant-container___2WDzp",
-  "knowledge-panel--light": "styles__knowledge-panel--light___1dZvc",
-  "knowledge-panel--dark": "styles__knowledge-panel--dark___3IGQc",
   "trigger-button": "styles__trigger-button___yyIz8",
   "assistant-icon": "styles__assistant-icon___1VM6i",
   "assistant-icon--small": "styles__assistant-icon--small___3D9po",

package/dist/components/Assistant/styles.styl

@@ -1,13 +1,6 @@
 .assistant-container
   z-index 1
 
-  .knowledge-panel
-    &--light
-      background-color var(--primaryBackgroundLight)
-
-    &--dark
-      background-color var(--greyA400)
-
 .trigger-button
   border-radius 20px
   padding 4px 12px

package/dist/components/AssistantProvider.d.ts

@@ -1,11 +1,5 @@
 import React from 'react'
 
-export interface TwakeKnowledgeState {
-  drive: { id: string; name: string }[]
-  mail: { id: string; name: string }[]
-  chat: { id: string; name: string }[]
-}
-
 export interface AssistantContextValue {
   isOpenCreateAssistant: boolean
   isOpenDeleteAssistant: boolean
@@ -13,18 +7,12 @@ export interface AssistantContextValue {
   assistantIdInAction: string | null
   selectedAssistantId: string
   isOpenSearchConversation: boolean
-  openedKnowledgePanel: string | null
-  selectedTwakeKnowledge: TwakeKnowledgeState
   setAssistantIdInAction: (id: string | null) => void
   setIsOpenDeleteAssistant: (isOpen: boolean) => void
   setIsOpenCreateAssistant: (isOpen: boolean) => void
   setIsOpenEditAssistant: (isOpen: boolean) => void
   setSelectedAssistantId: (id: string) => void
   setIsOpenSearchConversation: (isOpen: boolean) => void
-  setOpenedKnowledgePanel: (panel: string | null) => void
-  setSelectedTwakeKnowledge: React.Dispatch<
-    React.SetStateAction<TwakeKnowledgeState>
-  >
   websearchEnabled: boolean
   setWebsearchEnabled: React.Dispatch<React.SetStateAction<boolean>>
 }

package/dist/components/AssistantProvider.js

@@ -70,24 +70,10 @@ var AssistantProvider = function AssistantProvider(_ref) {
       isOpenSearchConversation = _useState12[0],
       setIsOpenSearchConversation = _useState12[1];
 
-  var _useState13 = (0, _react.useState)({
-    drive: [],
-    mail: [],
-    chat: []
-  }),
+  var _useState13 = (0, _react.useState)(false),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      selectedTwakeKnowledge = _useState14[0],
-      setSelectedTwakeKnowledge = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(null),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      openedKnowledgePanel = _useState16[0],
-      setOpenedKnowledgePanel = _useState16[1];
-
-  var _useState17 = (0, _react.useState)(false),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      websearchEnabled = _useState18[0],
-      setWebsearchEnabled = _useState18[1];
+      websearchEnabled = _useState14[0],
+      setWebsearchEnabled = _useState14[1];
 
   var value = (0, _react.useMemo)(function () {
     return {
@@ -97,20 +83,16 @@ var AssistantProvider = function AssistantProvider(_ref) {
       assistantIdInAction: assistantIdInAction,
       selectedAssistantId: selectedAssistantId,
       isOpenSearchConversation: isOpenSearchConversation,
-      openedKnowledgePanel: openedKnowledgePanel,
-      selectedTwakeKnowledge: selectedTwakeKnowledge,
       setAssistantIdInAction: setAssistantIdInAction,
       setIsOpenDeleteAssistant: setIsOpenDeleteAssistant,
       setIsOpenCreateAssistant: setIsOpenCreateAssistant,
       setIsOpenEditAssistant: setIsOpenEditAssistant,
       setSelectedAssistantId: setSelectedAssistantId,
       setIsOpenSearchConversation: setIsOpenSearchConversation,
-      setOpenedKnowledgePanel: setOpenedKnowledgePanel,
-      setSelectedTwakeKnowledge: setSelectedTwakeKnowledge,
       websearchEnabled: websearchEnabled,
       setWebsearchEnabled: setWebsearchEnabled
     };
-  }, [isOpenCreateAssistant, isOpenDeleteAssistant, isOpenEditAssistant, assistantIdInAction, selectedAssistantId, isOpenSearchConversation, openedKnowledgePanel, selectedTwakeKnowledge, websearchEnabled]);
+  }, [isOpenCreateAssistant, isOpenDeleteAssistant, isOpenEditAssistant, assistantIdInAction, selectedAssistantId, isOpenSearchConversation, websearchEnabled]);
   return /*#__PURE__*/_react.default.createElement(AssistantContext.Provider, {
     value: value
   }, children);

package/dist/components/Conversations/ConversationComposer.js

@@ -11,12 +11,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = require("@assistant-ui/react");
 
-var _twakeIcons = require("@linagora/twake-icons");
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react2 = _interopRequireWildcard(require("react"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
 
 var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
@@ -82,7 +82,6 @@ var ConversationComposer = function ConversationComposer() {
   });
 
   var _useAssistant = (0, _AssistantProvider.useAssistant)(),
-      setOpenedKnowledgePanel = _useAssistant.setOpenedKnowledgePanel,
       websearchEnabled = _useAssistant.websearchEnabled,
       setWebsearchEnabled = _useAssistant.setWebsearchEnabled;
 
@@ -152,7 +151,6 @@ var ConversationComposer = function ConversationComposer() {
     disabled: !isThreadEmpty
   }), /*#__PURE__*/_react2.default.createElement(_TwakeKnowledgeSelector.default, {
     className: "u-ml-auto",
-    onSelectTwakeKnowledge: setOpenedKnowledgePanel,
     websearchEnabled: websearchEnabled,
     onToggleWebsearch: handleToggleWebsearch
   })));

package/dist/components/CreateAssistantSteps/AssistantDialogContent.js

@@ -32,8 +32,10 @@ var AssistantDialogContent = function AssistantDialogContent(_ref) {
         name: formData.name,
         description: formData.description,
         icon: formData.icon,
+        knowledgeBase: formData.knowledgeBase,
         onChange: onChange,
-        onAvatarChange: onAvatarChange
+        onAvatarChange: onAvatarChange,
+        onKnowledgeBaseChange: onChange('knowledgeBase')
       });
 
     case _useAssistantDialog.STEPS.MODEL_SELECTION:

package/dist/components/CreateAssistantSteps/BasicInfoStep.d.ts

@@ -1,8 +1,10 @@
 export default BasicInfoStep;
-declare function BasicInfoStep({ name, description, icon, onChange, onAvatarChange }: {
+declare function BasicInfoStep({ name, description, icon, knowledgeBase, onChange, onAvatarChange, onKnowledgeBaseChange }: {
     name: any;
     description: any;
     icon: any;
+    knowledgeBase: any;
     onChange: any;
     onAvatarChange: any;
+    onKnowledgeBaseChange: any;
 }): JSX.Element;

package/dist/components/CreateAssistantSteps/BasicInfoStep.js

@@ -17,6 +17,8 @@ var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typog
 
 var _twakeI18n = require("twake-i18n");
 
+var _KnowledgeBaseSection = _interopRequireDefault(require("../KnowledgeBase/KnowledgeBaseSection"));
+
 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; }
@@ -46,8 +48,10 @@ var BasicInfoStep = function BasicInfoStep(_ref) {
   var name = _ref.name,
       description = _ref.description,
       icon = _ref.icon,
+      knowledgeBase = _ref.knowledgeBase,
       onChange = _ref.onChange,
-      onAvatarChange = _ref.onAvatarChange;
+      onAvatarChange = _ref.onAvatarChange,
+      onKnowledgeBaseChange = _ref.onKnowledgeBaseChange;
 
   var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
@@ -129,7 +133,10 @@ var BasicInfoStep = function BasicInfoStep(_ref) {
     value: description,
     onChange: onChange('description'),
     variant: "outlined"
-  })));
+  })), /*#__PURE__*/_react.default.createElement(_KnowledgeBaseSection.default, {
+    knowledgeBase: knowledgeBase,
+    onChange: onKnowledgeBaseChange
+  }));
 };
 
 var _default = BasicInfoStep;

package/dist/components/CreateAssistantSteps/useAssistantDialog.d.ts

@@ -23,6 +23,7 @@ export function useAssistantDialog({ onClose, initialData }: {
         model: string;
         baseUrl: string;
         apiKey: string;
+        knowledgeBase: never[];
     };
     setFormData: import("react").Dispatch<import("react").SetStateAction<{
         constructor: Function;
@@ -38,6 +39,7 @@ export function useAssistantDialog({ onClose, initialData }: {
         model: string;
         baseUrl: string;
         apiKey: string;
+        knowledgeBase: never[];
     }>>;
     selectedProvider: any;
     setSelectedProvider: import("react").Dispatch<any>;

package/dist/components/CreateAssistantSteps/useAssistantDialog.js

@@ -76,7 +76,8 @@ var useAssistantDialog = function useAssistantDialog(_ref) {
     icon: null,
     model: '',
     baseUrl: '',
-    apiKey: ''
+    apiKey: '',
+    knowledgeBase: []
   }, initialData)),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       formData = _useState6[0],

package/dist/components/KnowledgeBase/FolderPickerDialog.d.ts

@@ -0,0 +1,10 @@
+export default FolderPickerDialog;
+/**
+ * Hosts the Drive `PICK io.cozy.files` intent (folder `reference` mode)
+ * in an iframe dialog, so the surrounding wizard keeps its state.
+ */
+declare function FolderPickerDialog({ open, onClose, onSelect }: {
+    open: any;
+    onClose: any;
+    onSelect: any;
+}): JSX.Element;

package/dist/components/KnowledgeBase/FolderPickerDialog.js

@@ -0,0 +1,112 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _cozyInterapp = _interopRequireDefault(require("cozy-interapp"));
+
+var _Dialog = _interopRequireWildcard(require("cozy-ui/transpiled/react/Dialog"));
+
+var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
+
+var _twakeI18n = require("twake-i18n");
+
+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 = {
+  "intentHost": "styles__intentHost___1ixnl"
+};
+/**
+ * Hosts the Drive `PICK io.cozy.files` intent (folder `reference` mode)
+ * in an iframe dialog, so the surrounding wizard keeps its state.
+ */
+
+var FolderPickerDialog = function FolderPickerDialog(_ref) {
+  var open = _ref.open,
+      onClose = _ref.onClose,
+      onSelect = _ref.onSelect;
+  var client = (0, _cozyClient.useClient)();
+
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useAlert = (0, _Alert.useAlert)(),
+      showAlert = _useAlert.showAlert; // Callback-ref into state: MUI's Portal attaches the dialog content in its
+  // own effect, so a plain ref is still null when this component's first
+  // effect runs. State makes the effect re-run once the host node exists.
+
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      intentHost = _useState2[0],
+      setIntentHost = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    if (!open || !intentHost) return undefined;
+    var cancelled = false;
+    var intents = new _cozyInterapp.default({
+      client: client
+    });
+    var startPromise = intents.create('PICK', 'io.cozy.files', {
+      // Drive's FilePickerConfig: null hides an action, so only the
+      // side-effect-free folder `reference` action remains visible
+      sharingLink: null,
+      downloadLink: null,
+      reference: {
+        label: t('assistant.knowledge_base.select_folder'),
+        allowFolder: true,
+        onlyFolder: true
+      }
+    }).start(intentHost);
+    startPromise.then(function (result) {
+      if (cancelled) return undefined;
+      var folder = Array.isArray(result) ? result[0] : result;
+
+      if (folder) {
+        onSelect(folder);
+      }
+
+      onClose();
+      return undefined;
+    }).catch(function () {
+      if (cancelled) return;
+      showAlert({
+        message: t('assistant.knowledge_base.picker_error'),
+        severity: 'error'
+      });
+      onClose();
+    });
+    return function () {
+      var _startPromise$stop;
+
+      cancelled = true;
+      (_startPromise$stop = startPromise.stop) === null || _startPromise$stop === void 0 ? void 0 : _startPromise$stop.call(startPromise);
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open, client, intentHost]);
+  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    open: open,
+    onClose: onClose,
+    maxWidth: "md",
+    fullWidth: true
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, {
+    className: "u-p-0"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: setIntentHost,
+    className: styles.intentHost
+  })));
+};
+
+var _default = FolderPickerDialog;
+exports.default = _default;

package/dist/components/KnowledgeBase/KnowledgeBaseChip.d.ts

@@ -0,0 +1,16 @@
+export default KnowledgeBaseChip;
+/**
+ * Composer chip showing the selected assistant's knowledge-base folder,
+ * rendered in the "selected source" style (like the email source chip).
+ *
+ * Clicking stays in-app: it opens a small menu with explicit actions —
+ * open the folder in Drive (new tab) or change the knowledge base through
+ * the Drive folder picker (persisted on the assistant immediately).
+ */
+declare function KnowledgeBaseChip({ dirId, folder, isUnavailable, isLast, onChangeFolder }: {
+    dirId: any;
+    folder: any;
+    isUnavailable: any;
+    isLast: any;
+    onChangeFolder: any;
+}): JSX.Element;

package/dist/components/KnowledgeBase/KnowledgeBaseChip.js

@@ -0,0 +1,156 @@
+"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 _twakeIcons = require("@linagora/twake-icons");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _ActionsMenu = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu"));
+
+var _ActionsMenuItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem"));
+
+var _Chips = _interopRequireDefault(require("cozy-ui/transpiled/react/Chips"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _twakeI18n = require("twake-i18n");
+
+var _FolderPickerDialog = _interopRequireDefault(require("./FolderPickerDialog"));
+
+var _tdrive = _interopRequireDefault(require("../../assets/tdrive.png"));
+
+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; }
+
+/**
+ * Composer chip showing the selected assistant's knowledge-base folder,
+ * rendered in the "selected source" style (like the email source chip).
+ *
+ * Clicking stays in-app: it opens a small menu with explicit actions —
+ * open the folder in Drive (new tab) or change the knowledge base through
+ * the Drive folder picker (persisted on the assistant immediately).
+ */
+var KnowledgeBaseChip = function KnowledgeBaseChip(_ref) {
+  var _folder$name;
+
+  var dirId = _ref.dirId,
+      folder = _ref.folder,
+      isUnavailable = _ref.isUnavailable,
+      isLast = _ref.isLast,
+      onChangeFolder = _ref.onChangeFolder;
+
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var client = (0, _cozyClient.useClient)();
+  var chipRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isMenuOpen = _useState2[0],
+      setIsMenuOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isPickerOpen = _useState4[0],
+      setIsPickerOpen = _useState4[1];
+
+  var closeMenu = function closeMenu() {
+    return setIsMenuOpen(false);
+  };
+
+  var handleChangeFolder = function handleChangeFolder() {
+    closeMenu();
+    setIsPickerOpen(true);
+  };
+
+  var folderUrl = (0, _cozyClient.generateWebLink)({
+    slug: 'drive',
+    cozyUrl: client === null || client === void 0 ? void 0 : client.getStackClient().uri,
+    subDomainType: client === null || client === void 0 ? void 0 : client.getInstanceOptions().subdomain,
+    hash: "/folder/".concat(dirId)
+  });
+  var label = isUnavailable ? t('assistant.knowledge_base.unavailable') : (_folder$name = folder === null || folder === void 0 ? void 0 : folder.name) !== null && _folder$name !== void 0 ? _folder$name : '…';
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    ref: chipRef,
+    className: (0, _classnames.default)({
+      'u-mr-half': !isLast
+    })
+  }, /*#__PURE__*/_react.default.createElement(_Chips.default, {
+    icon: /*#__PURE__*/_react.default.createElement("img", {
+      alt: "",
+      "aria-hidden": "true",
+      src: _tdrive.default,
+      width: 16,
+      className: "u-m-0"
+    }),
+    label: /*#__PURE__*/_react.default.createElement("span", {
+      className: "u-flex u-flex-items-center"
+    }, label, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+      icon: _twakeIcons.Dropdown,
+      size: 16,
+      className: "u-ml-half"
+    })),
+    variant: "ghost",
+    clickable: true,
+    onClick: function onClick() {
+      return setIsMenuOpen(true);
+    },
+    className: "u-w-auto u-ph-half u-mr-0"
+  })), isMenuOpen && /*#__PURE__*/_react.default.createElement(_ActionsMenu.default, {
+    open: true,
+    ref: chipRef,
+    onClose: closeMenu,
+    actions: [],
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'left'
+    }
+  }, !isUnavailable && /*#__PURE__*/_react.default.createElement(_ActionsMenuItem.default, {
+    component: "a",
+    href: folderUrl,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    onClick: closeMenu
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-flex u-flex-items-center"
+  }, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+    icon: _twakeIcons.LinkOut,
+    size: 16,
+    className: "u-mr-half"
+  }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "body1"
+  }, t('assistant.knowledge_base.open_folder')))), /*#__PURE__*/_react.default.createElement(_ActionsMenuItem.default, {
+    onClick: handleChangeFolder
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-flex u-flex-items-center"
+  }, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+    icon: _twakeIcons.Pen,
+    size: 16,
+    className: "u-mr-half"
+  }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "body1"
+  }, t('assistant.knowledge_base.change_folder'))))), isPickerOpen && /*#__PURE__*/_react.default.createElement(_FolderPickerDialog.default, {
+    open: isPickerOpen,
+    onClose: function onClose() {
+      return setIsPickerOpen(false);
+    },
+    onSelect: onChangeFolder
+  }));
+};
+
+var _default = KnowledgeBaseChip;
+exports.default = _default;

package/dist/components/KnowledgeBase/KnowledgeBaseSection.d.ts

@@ -0,0 +1,5 @@
+export default KnowledgeBaseSection;
+declare function KnowledgeBaseSection({ knowledgeBase, onChange }: {
+    knowledgeBase?: any[] | undefined;
+    onChange: any;
+}): JSX.Element;