cozy-search 0.15.1 → 0.16.0

package/dist/components/Conversations/ConversationBar.js

@@ -37,7 +37,27 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var styles = {
   "conversationBar": "styles__conversationBar___2J-Us",
-  "conversationBar-input": "styles__conversationBar-input___2DfdZ"
+  "conversationBar-input": "styles__conversationBar-input___2DfdZ",
+  "chatConversation": "styles__chatConversation___2EmkA",
+  "conversationHeaderBar": "styles__conversationHeaderBar___C8tlD",
+  "conversationList": "styles__conversationList___2GCzV",
+  "conversationList--container": "styles__conversationList--container___2xRAG",
+  "conversationList--hidden": "styles__conversationList--hidden___20BsT",
+  "conversationListItem--selected": "styles__conversationListItem--selected___2jCyB",
+  "menuToggler": "styles__menuToggler___39GfB",
+  "menuToggler--disabled": "styles__menuToggler--disabled___15vd4",
+  "conversationChips-container": "styles__conversationChips-container___327dE",
+  "conversationChips-startIcon": "styles__conversationChips-startIcon___1yOVn",
+  "conversationChips-chipIcon": "styles__conversationChips-chipIcon___1wmF-",
+  "conversationChips-deleteIcon": "styles__conversationChips-deleteIcon___s9C40",
+  "is-warning": "styles__is-warning___3sa0v",
+  "conversationChips-chip": "styles__conversationChips-chip___2PqQv",
+  "trigger-button": "styles__trigger-button___EA3_H",
+  "assistant-icon": "styles__assistant-icon___3A2Fr",
+  "menu-item": "styles__menu-item___CjGL5",
+  "create-item": "styles__create-item___1l-0E",
+  "menu-item-icon-button": "styles__menu-item-icon-button___3jTu9",
+  "create-icon": "styles__create-icon___2LIb2"
 };
 
 var ConversationBar = function ConversationBar(_ref) {

package/dist/components/Conversations/styles.styl

@@ -13,3 +13,91 @@
 
   +gt-mobile()
     max-height 155px
+
+.chatConversation
+  overflow-y scroll
+
+  &::-webkit-scrollbar
+    display: none
+
+.conversationHeaderBar
+  box-shadow inset 0 -1px 0 0 var(--dividerColor)
+  background-color var(--paperBackgroundColor)
+
+.conversationList
+  box-shadow inset -1px 0 0 0 var(--dividerColor)
+
+  &--container
+    overflow-y scroll
+
+    &::-webkit-scrollbar
+      display none
+
+  &--hidden
+    display: none
+
+.conversationListItem
+  &--selected
+    background-color var(--defaultBackgroundColor) !important
+
+.menuToggler
+  position absolute
+  box-sizing border-box
+
+  &--disabled
+    border-bottom: 1px solid var(--dividerColor)
+    border-right: 1px solid var(--dividerColor)
+    border-bottom-right-radius: 1rem
+    background: var(--paperBackgroundColor)
+
+.conversationChips-container
+    gap 0px
+
+.conversationChips-startIcon
+    opacity 0.6
+
+.conversationChips-chipIcon
+    margin-left 12px !important
+
+.conversationChips-deleteIcon
+    height 1rem !important
+    &.is-warning
+        fill var(--warningColor)
+        color var(--warningColor)
+
+.conversationChips-chip
+    border-style solid
+    margin-right 0 !important
+
+.trigger-button
+  border-radius 20px
+  padding 4px 12px
+  border 1px solid var(--borderMainColor)
+  background-color var(--paperBackgroundColor)
+  text-transform none
+  min-width 0
+
+.assistant-icon
+  width 24px
+  height 24px
+  border-radius 50%
+  margin-right 8px
+  object-fit cover
+
+.menu-item
+  display flex !important
+  align-items center !important
+  justify-content space-between !important
+
+  &.create-item
+    border-top 1px solid var(--dividerColor)
+
+  &:hover
+    .menu-item-icon-button
+      display block !important
+
+.menu-item-icon-button
+  display none !important
+
+.create-icon
+  margin-right 8px

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

@@ -0,0 +1,7 @@
+export default ApiKeyStep;
+declare function ApiKeyStep({ apiKey, selectedProvider, onChange, onModelSelect }: {
+    apiKey: any;
+    selectedProvider: any;
+    onChange: any;
+    onModelSelect: any;
+}): JSX.Element;

package/dist/components/CreateAssistantSteps/ApiKeyStep.js

@@ -0,0 +1,151 @@
+"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 _reactRouterDom = require("react-router-dom");
+
+var _twakeI18n = require("twake-i18n");
+
+var _Card = _interopRequireDefault(require("cozy-ui/transpiled/react/Card"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Eye = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Eye"));
+
+var _SelectBox = _interopRequireDefault(require("cozy-ui/transpiled/react/SelectBox"));
+
+var _TextField = _interopRequireDefault(require("cozy-ui/transpiled/react/TextField"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+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 ApiKeyStep = function ApiKeyStep(_ref) {
+  var apiKey = _ref.apiKey,
+      selectedProvider = _ref.selectedProvider,
+      onChange = _ref.onChange,
+      onModelSelect = _ref.onModelSelect;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showPassword = _useState2[0],
+      setShowPassword = _useState2[1];
+
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _ref2 = selectedProvider || {},
+      models = _ref2.models,
+      id = _ref2.id,
+      providerName = _ref2.name,
+      model = _ref2.model,
+      baseUrl = _ref2.baseUrl;
+
+  var isCustomModel = id === 'custom';
+  var mappedModels = (0, _react.useMemo)(function () {
+    return models === null || models === void 0 ? void 0 : models.map(function (model) {
+      return {
+        label: model,
+        value: model
+      };
+    });
+  }, [models]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-flex u-flex-column u-gap-1"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "body1",
+    className: "u-mb-1 u-c-text-secondary"
+  }, isCustomModel ? t('assistant_create.steps.configuration.custom_provider_description') : t('assistant_create.steps.configuration.description')), isCustomModel && /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-mb-1"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h6",
+    className: "u-mb-half"
+  }, t('assistant_create.steps.configuration.provider.label')), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    fullWidth: true,
+    placeholder: t('assistant_create.steps.configuration.provider.placeholder'),
+    value: providerName,
+    onChange: onChange('model'),
+    variant: "outlined",
+    type: "text"
+  })), isCustomModel && /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-mb-1"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h6",
+    className: "u-mb-half"
+  }, t('assistant_create.steps.configuration.url.label')), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    fullWidth: true,
+    placeholder: t('assistant_create.steps.configuration.url.placeholder'),
+    value: baseUrl,
+    onChange: onChange('baseUrl'),
+    variant: "outlined",
+    type: "text"
+  })), !isCustomModel && /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-mb-1"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h6",
+    className: "u-mb-half"
+  }, t('assistant_create.steps.configuration.model.label')), /*#__PURE__*/_react.default.createElement(_SelectBox.default, {
+    options: mappedModels,
+    value: {
+      label: model,
+      value: model
+    },
+    onChange: function onChange(selectedModel) {
+      return onModelSelect(selectedModel.value);
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-mb-1"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h6",
+    className: "u-mb-half"
+  }, t('assistant_create.steps.configuration.api_key.label')), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    fullWidth: true,
+    placeholder: t('assistant_create.steps.configuration.api_key.placeholder'),
+    value: apiKey,
+    onChange: onChange('apiKey'),
+    variant: "outlined",
+    type: showPassword ? 'text' : 'password',
+    InputProps: {
+      endAdornment: /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        onClick: function onClick() {
+          return setShowPassword(function (prev) {
+            return !prev;
+          });
+        },
+        "aria-label": showPassword ? t('assistant.hide') : t('assistant.show')
+      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        icon: _Eye.default
+      }))
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Card.default, {
+    className: "u-bg-paleGrey u-p-1 u-bdw-0"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h6",
+    className: "u-mb-half"
+  }, t('assistant_create.steps.configuration.no_key')), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "body2",
+    color: "textSecondary"
+  }, /*#__PURE__*/_react.default.createElement("span", null, t('assistant_create.steps.configuration.generate', {
+    provider: !isCustomModel ? providerName : t('assistant_create.steps.configuration.custom_provider')
+  })), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+    underline: "hover",
+    to: "/",
+    className: "u-primaryColor"
+  }, t('assistant_create.steps.configuration.read_docs')))));
+};
+
+var _default = ApiKeyStep;
+exports.default = _default;

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

@@ -0,0 +1,10 @@
+export default AssistantDialogContent;
+declare function AssistantDialogContent({ step, formData, selectedProvider, onChange, onAvatarChange, onProviderSelect, onModelSelect }: {
+    step: any;
+    formData: any;
+    selectedProvider: any;
+    onChange: any;
+    onAvatarChange: any;
+    onProviderSelect: any;
+    onModelSelect: any;
+}): JSX.Element | null;

package/dist/components/CreateAssistantSteps/AssistantDialogContent.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ApiKeyStep = _interopRequireDefault(require("./ApiKeyStep"));
+
+var _BasicInfoStep = _interopRequireDefault(require("./BasicInfoStep"));
+
+var _ProviderSelectionStep = _interopRequireDefault(require("./ProviderSelectionStep"));
+
+var _useAssistantDialog = require("./useAssistantDialog");
+
+var AssistantDialogContent = function AssistantDialogContent(_ref) {
+  var step = _ref.step,
+      formData = _ref.formData,
+      selectedProvider = _ref.selectedProvider,
+      onChange = _ref.onChange,
+      onAvatarChange = _ref.onAvatarChange,
+      onProviderSelect = _ref.onProviderSelect,
+      onModelSelect = _ref.onModelSelect;
+
+  switch (step) {
+    case _useAssistantDialog.STEPS.BASIC_INFO:
+      return /*#__PURE__*/_react.default.createElement(_BasicInfoStep.default, {
+        name: formData.name,
+        description: formData.description,
+        icon: formData.icon,
+        onChange: onChange,
+        onAvatarChange: onAvatarChange
+      });
+
+    case _useAssistantDialog.STEPS.MODEL_SELECTION:
+      return /*#__PURE__*/_react.default.createElement(_ProviderSelectionStep.default, {
+        selectedProvider: selectedProvider,
+        onSelect: onProviderSelect
+      });
+
+    case _useAssistantDialog.STEPS.API_KEY:
+      return /*#__PURE__*/_react.default.createElement(_ApiKeyStep.default, {
+        apiKey: formData.apiKey,
+        selectedProvider: selectedProvider,
+        onChange: onChange,
+        onModelSelect: onModelSelect
+      });
+
+    default:
+      return null;
+  }
+};
+
+var _default = AssistantDialogContent;
+exports.default = _default;

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

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

package/dist/components/CreateAssistantSteps/BasicInfoStep.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _twakeI18n = require("twake-i18n");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Plus = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Plus"));
+
+var _TextField = _interopRequireDefault(require("cozy-ui/transpiled/react/TextField"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+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 BasicInfoStep = function BasicInfoStep(_ref) {
+  var name = _ref.name,
+      description = _ref.description,
+      icon = _ref.icon,
+      onChange = _ref.onChange,
+      onAvatarChange = _ref.onAvatarChange;
+
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var fileInputRef = (0, _react.useRef)(null);
+
+  var handleAvatarClick = function handleAvatarClick() {
+    var _fileInputRef$current;
+
+    (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 ? void 0 : _fileInputRef$current.click();
+  };
+
+  var handleFileChange = function handleFileChange(event) {
+    var file = event.target.files[0];
+
+    if (file) {
+      var reader = new FileReader();
+
+      reader.onloadend = function () {
+        onAvatarChange(reader.result);
+      };
+
+      reader.readAsDataURL(file);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-flex u-flex-column u-gap-1 ".concat(styles.BasicInfoStep)
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "body1",
+    className: "u-mb-1 u-c-text-secondary"
+  }, t('assistant_create.steps.basic_info.description')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-mb-1"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h6",
+    className: "u-mb-half"
+  }, t('assistant_create.steps.basic_info.avatar')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-flex u-flex-items-center u-flex-justify-center"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    role: "button",
+    tabIndex: 0,
+    "aria-label": t('assistant_create.steps.basic_info.avatar'),
+    className: "u-w-3 u-h-3 u-flex u-flex-justify-center u-flex-items-center u-c-pointer u-bd-1 u-bd-coolGrey u-ov-hidden ".concat(styles['avatar-container']),
+    onClick: handleAvatarClick
+  }, icon ? /*#__PURE__*/_react.default.createElement("img", {
+    src: icon,
+    alt: "Avatar",
+    className: "u-w-100 u-h-100 u-obj-cover ".concat(styles['avatar-image'])
+  }) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Plus.default
+  })), /*#__PURE__*/_react.default.createElement("input", {
+    type: "file",
+    ref: fileInputRef,
+    onChange: handleFileChange,
+    className: styles['file-input'],
+    accept: "image/*",
+    "data-testid": "avatar-input"
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-mb-1"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h6",
+    className: "u-mb-half"
+  }, t('assistant_create.steps.basic_info.name')), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    fullWidth: true,
+    placeholder: t('assistant_create.steps.basic_info.name_placeholder'),
+    value: name,
+    onChange: onChange('name'),
+    variant: "outlined"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-mb-1"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h6",
+    className: "u-mb-half"
+  }, t('assistant_create.steps.basic_info.instructions')), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    fullWidth: true,
+    multiline: true,
+    rows: 6,
+    placeholder: t('assistant_create.steps.basic_info.instructions_placeholder'),
+    value: description,
+    onChange: onChange('description'),
+    variant: "outlined"
+  })));
+};
+
+var _default = BasicInfoStep;
+exports.default = _default;

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

@@ -0,0 +1,6 @@
+export default Provider;
+declare function Provider({ selectedProvider, provider, onSelect }: {
+    selectedProvider: any;
+    provider: any;
+    onSelect: any;
+}): JSX.Element;