cozy-search
Version:
UI components about search bar and IA assistant
196 lines (157 loc) • 8.29 kB
JavaScript
"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 _twakeIcons = require("@linagora/twake-icons");
var _react = _interopRequireDefault(require("react"));
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 _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
var _twakeI18n = require("twake-i18n");
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; }
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",
"grid-container--mobile": "styles__grid-container--mobile___uCAg1",
"model-card": "styles__model-card___fbAqF",
"model-card--selected": "styles__model-card--selected___3hKq3",
"model-card--openrag--light": "styles__model-card--openrag--light___1vabR",
"model-card--openrag--dark": "styles__model-card--openrag--dark___1x0sK",
"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 defaultProvider = (0, _helpers.getSelectedProviderById)('openrag');
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 _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
isMobile = _useBreakpoints.isMobile;
var _useAssistant = (0, _AssistantProvider.useAssistant)(),
setSelectedAssistantId = _useAssistant.setSelectedAssistantId;
var _useAssistantDialog = (0, _useAssistantDialog2.useAssistantDialog)({
onClose: onClose,
initialData: {
selectedProvider: defaultProvider,
model: defaultProvider.models[0]
}
}),
step = _useAssistantDialog.step,
formData = _useAssistantDialog.formData,
selectedProvider = _useAssistantDialog.selectedProvider,
canSubmit = _useAssistantDialog.canSubmit,
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() {
var savedAssistant;
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,
providerId: selectedProvider.id
});
case 2:
savedAssistant = _context.sent;
if (savedAssistant !== null && savedAssistant !== void 0 && savedAssistant._id) {
setSelectedAssistantId(savedAssistant._id);
}
showAlert({
message: t('assistant_create.success'),
severity: 'success'
});
case 5:
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",
fullScreen: !!isMobile,
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(_twakeIcons.Icon, {
icon: _twakeIcons.Cross
})), /*#__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: canSubmit ? t('assistant_create.buttons.create') : t('assistant_create.buttons.next')
})));
};
var _default = CreateAssistantDialog;
exports.default = _default;