cozy-search 0.15.0 → 0.16.0

package/dist/components/Views/CreateAssistantDialog.js

@@ -0,0 +1,170 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _twakeI18n = require("twake-i18n");
+
+var _cozyClient = require("cozy-client");
+
+var _assistant = require("cozy-client/dist/models/assistant");
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _Dialog = _interopRequireWildcard(require("cozy-ui/transpiled/react/Dialog"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Cross = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Cross"));
+
+var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
+
+var _locales = require("../../locales");
+
+var _AssistantDialogContent = _interopRequireDefault(require("../CreateAssistantSteps/AssistantDialogContent"));
+
+var _useAssistantDialog2 = require("../CreateAssistantSteps/useAssistantDialog");
+
+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 = {
+  "BasicInfoStep": "styles__BasicInfoStep___2r0eM",
+  "avatar-container": "styles__avatar-container___kJ_64",
+  "avatar-image": "styles__avatar-image___2Mkxj",
+  "file-input": "styles__file-input___2fB5n",
+  "ModelSelectionStep": "styles__ModelSelectionStep___1auXB",
+  "grid-container": "styles__grid-container___3wOus",
+  "model-card": "styles__model-card___fbAqF",
+  "selected": "styles__selected___2KyhU",
+  "openrag": "styles__openrag___3wGb4",
+  "icon-container": "styles__icon-container___1vaTp",
+  "icon-container--google": "styles__icon-container--google___3gtC7",
+  "icon-container--custom": "styles__icon-container--custom___1_EFK",
+  "icon-container--openai": "styles__icon-container--openai___3DsoO",
+  "check-icon": "styles__check-icon___3uPUk",
+  "CreateAssistantDialog": "styles__CreateAssistantDialog___1dSe_",
+  "close-button": "styles__close-button___3jc_w"
+};
+
+var CreateAssistantDialog = function CreateAssistantDialog(_ref) {
+  var open = _ref.open,
+      onClose = _ref.onClose;
+  (0, _twakeI18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var client = (0, _cozyClient.useClient)();
+
+  var _useAlert = (0, _Alert.useAlert)(),
+      showAlert = _useAlert.showAlert;
+
+  var _useAssistantDialog = (0, _useAssistantDialog2.useAssistantDialog)({
+    onClose: onClose
+  }),
+      step = _useAssistantDialog.step,
+      formData = _useAssistantDialog.formData,
+      selectedProvider = _useAssistantDialog.selectedProvider,
+      handleBack = _useAssistantDialog.handleBack,
+      handleNext = _useAssistantDialog.handleNext,
+      handleChange = _useAssistantDialog.handleChange,
+      handleProviderSelection = _useAssistantDialog.handleProviderSelection,
+      handleAvatarChange = _useAssistantDialog.handleAvatarChange,
+      isNextDisabled = _useAssistantDialog.isNextDisabled,
+      handleChangeModel = _useAssistantDialog.handleChangeModel;
+
+  var getTitle = function getTitle() {
+    if (step === _useAssistantDialog2.STEPS.API_KEY) {
+      return t('assistant_create.configure_api_key_title');
+    }
+
+    return t('assistant_create.title');
+  };
+
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0, _assistant.createAssistant)(client, {
+                name: formData.name,
+                prompt: formData.description,
+                icon: formData.icon,
+                model: formData.model,
+                apiKey: formData.apiKey,
+                baseUrl: formData.baseUrl,
+                isCustomModel: formData.isCustomModel
+              });
+
+            case 2:
+              showAlert({
+                message: t('assistant_create.success'),
+                severity: 'success'
+              });
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function onSubmit() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    open: open,
+    onClose: onClose,
+    maxWidth: "lg",
+    className: styles.CreateAssistantDialog
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, {
+    disableTypography: true
+  }, getTitle()), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-label": t('assistant.dialog.close'),
+    onClick: onClose,
+    className: styles['close-button']
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Cross.default
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_AssistantDialogContent.default, {
+    step: step,
+    formData: formData,
+    selectedProvider: selectedProvider,
+    onChange: handleChange,
+    onAvatarChange: handleAvatarChange,
+    onProviderSelect: handleProviderSelection,
+    onModelSelect: handleChangeModel
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    variant: "secondary",
+    onClick: handleBack,
+    label: t('assistant_create.buttons.cancel')
+  }), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    variant: "primary",
+    onClick: function onClick() {
+      return handleNext(onSubmit);
+    },
+    disabled: isNextDisabled(),
+    label: step === _useAssistantDialog2.STEPS.API_KEY ? t('assistant_create.buttons.create') : t('assistant_create.buttons.next')
+  })));
+};
+
+var _default = CreateAssistantDialog;
+exports.default = _default;

package/dist/components/Views/DeleteAssistantDialog.d.ts

@@ -0,0 +1,5 @@
+export default DeleteAssistantDialog;
+declare function DeleteAssistantDialog({ open, onClose }: {
+    open: any;
+    onClose: any;
+}): JSX.Element;

package/dist/components/Views/DeleteAssistantDialog.js

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _twakeI18n = require("twake-i18n");
+
+var _cozyClient = require("cozy-client");
+
+var _assistant = require("cozy-client/dist/models/assistant");
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _Dialog = _interopRequireWildcard(require("cozy-ui/transpiled/react/Dialog"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Cross = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Cross"));
+
+var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
+
+var _locales = require("../../locales");
+
+var _AssistantProvider = require("../AssistantProvider");
+
+var _queries = require("../queries");
+
+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 = {
+  "BasicInfoStep": "styles__BasicInfoStep___2r0eM",
+  "avatar-container": "styles__avatar-container___kJ_64",
+  "avatar-image": "styles__avatar-image___2Mkxj",
+  "file-input": "styles__file-input___2fB5n",
+  "ModelSelectionStep": "styles__ModelSelectionStep___1auXB",
+  "grid-container": "styles__grid-container___3wOus",
+  "model-card": "styles__model-card___fbAqF",
+  "selected": "styles__selected___2KyhU",
+  "openrag": "styles__openrag___3wGb4",
+  "icon-container": "styles__icon-container___1vaTp",
+  "icon-container--google": "styles__icon-container--google___3gtC7",
+  "icon-container--custom": "styles__icon-container--custom___1_EFK",
+  "icon-container--openai": "styles__icon-container--openai___3DsoO",
+  "check-icon": "styles__check-icon___3uPUk",
+  "CreateAssistantDialog": "styles__CreateAssistantDialog___1dSe_",
+  "close-button": "styles__close-button___3jc_w"
+};
+
+var DeleteAssistantDialog = function DeleteAssistantDialog(_ref) {
+  var open = _ref.open,
+      onClose = _ref.onClose;
+  (0, _twakeI18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var client = (0, _cozyClient.useClient)();
+
+  var _useAssistant = (0, _AssistantProvider.useAssistant)(),
+      assistantIdInAction = _useAssistant.assistantIdInAction,
+      setAssistantIdInAction = _useAssistant.setAssistantIdInAction;
+
+  var _useAlert = (0, _Alert.useAlert)(),
+      showAlert = _useAlert.showAlert;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isDeleting = _useState2[0],
+      setIsDeleting = _useState2[1];
+
+  var assistantQuery = (0, _queries.buildAssistantByIdQuery)(assistantIdInAction);
+
+  var _ref2 = (0, _cozyClient.useQuery)(assistantQuery.definition, assistantQuery.options) || {},
+      assistant = _ref2.data,
+      fetchStatus = _ref2.fetchStatus;
+
+  var isLoading = fetchStatus === 'loading' || fetchStatus === 'pending';
+  var displayName = (assistant === null || assistant === void 0 ? void 0 : assistant.name) || assistantIdInAction || '...';
+
+  var handleDeleteAssistant = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (assistantIdInAction) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 2:
+              _context.prev = 2;
+              setIsDeleting(true);
+              _context.next = 6;
+              return (0, _assistant.deleteAssistant)(client, assistantIdInAction);
+
+            case 6:
+              setAssistantIdInAction(null);
+              onClose();
+              _context.next = 13;
+              break;
+
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](2);
+              showAlert({
+                message: t('assistant.default_error'),
+                severity: 'error'
+              });
+
+            case 13:
+              _context.prev = 13;
+              setIsDeleting(false);
+              return _context.finish(13);
+
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 10, 13, 16]]);
+    }));
+
+    return function handleDeleteAssistant() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    open: open,
+    onClose: onClose,
+    maxWidth: "sm",
+    className: styles.CreateAssistantDialog
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, {
+    disableTypography: true
+  }, t('assistant_delete.title')), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-label": t('assistant.dialog.close'),
+    onClick: onClose,
+    className: styles['close-button']
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Cross.default
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, t('assistant_delete.content', {
+    name: displayName
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    variant: "text",
+    onClick: onClose,
+    label: t('assistant_delete.buttons.cancel')
+  }), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    variant: "contained",
+    color: "error",
+    onClick: handleDeleteAssistant,
+    disabled: isLoading || isDeleting || !assistantIdInAction,
+    label: t('assistant_delete.buttons.confirm')
+  })));
+};
+
+var _default = DeleteAssistantDialog;
+exports.default = _default;

package/dist/components/Views/EditAssistantDialog.d.ts

@@ -0,0 +1,5 @@
+export default EditAssistantDialog;
+declare function EditAssistantDialog({ open, onClose }: {
+    open: any;
+    onClose: any;
+}): JSX.Element;

package/dist/components/Views/EditAssistantDialog.js

@@ -0,0 +1,235 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _twakeI18n = require("twake-i18n");
+
+var _cozyClient = require("cozy-client");
+
+var _assistant = require("cozy-client/dist/models/assistant");
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _Dialog = _interopRequireWildcard(require("cozy-ui/transpiled/react/Dialog"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Cross = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Cross"));
+
+var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
+
+var _locales = require("../../locales");
+
+var _AssistantProvider = require("../AssistantProvider");
+
+var _AssistantDialogContent = _interopRequireDefault(require("../CreateAssistantSteps/AssistantDialogContent"));
+
+var _helpers = require("../CreateAssistantSteps/helpers");
+
+var _useAssistantDialog2 = require("../CreateAssistantSteps/useAssistantDialog");
+
+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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = {
+  "BasicInfoStep": "styles__BasicInfoStep___2r0eM",
+  "avatar-container": "styles__avatar-container___kJ_64",
+  "avatar-image": "styles__avatar-image___2Mkxj",
+  "file-input": "styles__file-input___2fB5n",
+  "ModelSelectionStep": "styles__ModelSelectionStep___1auXB",
+  "grid-container": "styles__grid-container___3wOus",
+  "model-card": "styles__model-card___fbAqF",
+  "selected": "styles__selected___2KyhU",
+  "openrag": "styles__openrag___3wGb4",
+  "icon-container": "styles__icon-container___1vaTp",
+  "icon-container--google": "styles__icon-container--google___3gtC7",
+  "icon-container--custom": "styles__icon-container--custom___1_EFK",
+  "icon-container--openai": "styles__icon-container--openai___3DsoO",
+  "check-icon": "styles__check-icon___3uPUk",
+  "CreateAssistantDialog": "styles__CreateAssistantDialog___1dSe_",
+  "close-button": "styles__close-button___3jc_w"
+};
+
+var EditAssistantDialog = function EditAssistantDialog(_ref) {
+  var open = _ref.open,
+      onClose = _ref.onClose;
+  (0, _twakeI18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var client = (0, _cozyClient.useClient)();
+
+  var _useAssistant = (0, _AssistantProvider.useAssistant)(),
+      assistantIdInAction = _useAssistant.assistantIdInAction;
+
+  var _useAlert = (0, _Alert.useAlert)(),
+      showAlert = _useAlert.showAlert;
+
+  var _useAssistantDialog = (0, _useAssistantDialog2.useAssistantDialog)({
+    onClose: onClose
+  }),
+      step = _useAssistantDialog.step,
+      formData = _useAssistantDialog.formData,
+      selectedProvider = _useAssistantDialog.selectedProvider,
+      setFormData = _useAssistantDialog.setFormData,
+      setSelectedProvider = _useAssistantDialog.setSelectedProvider,
+      handleBack = _useAssistantDialog.handleBack,
+      handleNext = _useAssistantDialog.handleNext,
+      handleChange = _useAssistantDialog.handleChange,
+      handleProviderSelection = _useAssistantDialog.handleProviderSelection,
+      handleAvatarChange = _useAssistantDialog.handleAvatarChange,
+      isNextDisabled = _useAssistantDialog.isNextDisabled,
+      handleChangeModel = _useAssistantDialog.handleChangeModel;
+
+  (0, _react.useEffect)(function () {
+    if (!open || !assistantIdInAction) return;
+
+    var fetchAssistant = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var _provider$auth, _provider$data, _provider$auth2, _provider$auth3, _provider$auth4, _provider$data2;
+
+        var response, assistant, provider, selectProviderDefault;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return client.query((0, _cozyClient.Q)('io.cozy.ai.chat.assistants').getById(assistantIdInAction).include(['provider']));
+
+              case 2:
+                response = _context.sent;
+                assistant = response.data;
+                provider = response.included[0];
+                setFormData({
+                  name: assistant.name || '',
+                  description: assistant.prompt || '',
+                  icon: assistant.icon || '',
+                  isCustomModel: assistant.isCustomModel || false,
+                  model: (provider === null || provider === void 0 ? void 0 : (_provider$auth = provider.auth) === null || _provider$auth === void 0 ? void 0 : _provider$auth.login) || '',
+                  baseUrl: (provider === null || provider === void 0 ? void 0 : (_provider$data = provider.data) === null || _provider$data === void 0 ? void 0 : _provider$data.baseUrl) || '',
+                  apiKey: (provider === null || provider === void 0 ? void 0 : (_provider$auth2 = provider.auth) === null || _provider$auth2 === void 0 ? void 0 : _provider$auth2.apiKey) || ''
+                });
+                selectProviderDefault = (0, _helpers.getSelectedProviderByModel)(provider === null || provider === void 0 ? void 0 : (_provider$auth3 = provider.auth) === null || _provider$auth3 === void 0 ? void 0 : _provider$auth3.login);
+                setSelectedProvider(_objectSpread(_objectSpread({}, selectProviderDefault), {}, {
+                  model: provider === null || provider === void 0 ? void 0 : (_provider$auth4 = provider.auth) === null || _provider$auth4 === void 0 ? void 0 : _provider$auth4.login,
+                  baseUrl: provider === null || provider === void 0 ? void 0 : (_provider$data2 = provider.data) === null || _provider$data2 === void 0 ? void 0 : _provider$data2.baseUrl
+                }));
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function fetchAssistant() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+
+    fetchAssistant();
+  }, [client, assistantIdInAction, open, setFormData, setSelectedProvider]);
+
+  var getTitle = function getTitle() {
+    if (step === _useAssistantDialog2.STEPS.API_KEY) {
+      return t('assistant_edit.configure_api_key_title');
+    }
+
+    return t('assistant_edit.title');
+  };
+
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return (0, _assistant.editAssistant)(client, assistantIdInAction, {
+                name: formData.name,
+                prompt: formData.description,
+                icon: formData.icon,
+                model: formData.model,
+                apiKey: formData.apiKey,
+                baseUrl: formData.baseUrl,
+                isCustomModel: formData.isCustomModel
+              });
+
+            case 2:
+              showAlert({
+                message: t('assistant_edit.success'),
+                severity: 'success'
+              });
+
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function onSubmit() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    open: open,
+    onClose: onClose,
+    maxWidth: "lg",
+    className: styles.CreateAssistantDialog
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, {
+    disableTypography: true
+  }, getTitle()), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-label": t('assistant.dialog.close'),
+    onClick: onClose,
+    className: styles['close-button']
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Cross.default
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_AssistantDialogContent.default, {
+    step: step,
+    formData: formData,
+    selectedProvider: selectedProvider,
+    onChange: handleChange,
+    onAvatarChange: handleAvatarChange,
+    onProviderSelect: handleProviderSelection,
+    onModelSelect: handleChangeModel
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    variant: "secondary",
+    onClick: handleBack,
+    label: t('assistant_edit.buttons.cancel')
+  }), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    variant: "primary",
+    onClick: function onClick() {
+      return handleNext(onSubmit);
+    },
+    disabled: isNextDisabled(true),
+    label: step === _useAssistantDialog2.STEPS.API_KEY ? t('assistant_edit.buttons.edit') : t('assistant_edit.buttons.next')
+  })));
+};
+
+var _default = EditAssistantDialog;
+exports.default = _default;

package/dist/components/constants.d.ts

@@ -0,0 +1,4 @@
+export namespace DEFAULT_ASSISTANT {
+    let id: string;
+    let name: string;
+}

package/dist/components/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_ASSISTANT = void 0;
+var DEFAULT_ASSISTANT = {
+  id: 'ai_assistant',
+  name: 'AI Assistant'
+};
+exports.DEFAULT_ASSISTANT = DEFAULT_ASSISTANT;

package/dist/components/queries.d.ts

@@ -25,3 +25,19 @@ export function buildMyselfQuery(): {
         fetchPolicy: Function;
     };
 };
+export function buildAssistantsQuery(): {
+    definition: () => import("cozy-client").QueryDefinition;
+    options: {
+        as: string;
+        fetchPolicy: Function;
+    };
+};
+export function buildAssistantByIdQuery(id: any): {
+    definition: () => import("cozy-client").QueryDefinition;
+    options: {
+        as: string;
+        fetchPolicy: Function;
+        singleDocData: boolean;
+        enabled: boolean;
+    };
+};