cozy-search
Version:
UI components about search bar and IA assistant
512 lines (488 loc) • 24.2 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _twakeIcons = require("@linagora/twake-icons");
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireDefault(require("react"));
var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
var _CozyTheme = require("cozy-ui-plus/dist/providers/CozyTheme");
var _twakeI18n = require("twake-i18n");
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 GeminiLogo = function GeminiLogo(props) {
return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("g", {
clipPath: "url(#clip0_20306_34597)"
}, /*#__PURE__*/_react.default.createElement("mask", {
id: "mask0_20306_34597",
style: {
maskType: "alpha"
},
maskUnits: "userSpaceOnUse",
x: "0",
y: "0",
width: "34",
height: "34"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M16.972 0c.356 0 .666.243.753.588a20.345 20.345 0 0 0 1.046 3.09c1.125 2.615 2.67 4.904 4.63 6.865 1.963 1.961 4.252 3.506 6.866 4.632 1 .43 2.034.78 3.09 1.045a.776.776 0 0 1 0 1.505 20.346 20.346 0 0 0-3.09 1.046c-2.615 1.125-4.904 2.67-6.865 4.63-1.961 1.963-3.506 4.252-4.631 6.866-.431 1-.78 2.034-1.047 3.09a.777.777 0 0 1-.752.588.776.776 0 0 1-.752-.589 20.36 20.36 0 0 0-1.046-3.089c-1.125-2.615-2.67-4.904-4.631-6.865-1.962-1.961-4.25-3.506-6.866-4.631-1-.431-2.033-.78-3.089-1.047A.778.778 0 0 1 0 16.973c0-.356.243-.666.588-.752a20.345 20.345 0 0 0 3.09-1.046c2.615-1.126 4.904-2.67 6.865-4.632 1.961-1.96 3.506-4.25 4.632-6.865.43-1 .78-2.033 1.045-3.089A.777.777 0 0 1 16.972 0z",
fill: "#000"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M16.972 0c.356 0 .666.243.753.588a20.345 20.345 0 0 0 1.046 3.09c1.125 2.615 2.67 4.904 4.63 6.865 1.963 1.961 4.252 3.506 6.866 4.632 1 .43 2.034.78 3.09 1.045a.776.776 0 0 1 0 1.505 20.346 20.346 0 0 0-3.09 1.046c-2.615 1.125-4.904 2.67-6.865 4.63-1.961 1.963-3.506 4.252-4.631 6.866-.431 1-.78 2.034-1.047 3.09a.777.777 0 0 1-.752.588.776.776 0 0 1-.752-.589 20.36 20.36 0 0 0-1.046-3.089c-1.125-2.615-2.67-4.904-4.631-6.865-1.962-1.961-4.25-3.506-6.866-4.631-1-.431-2.033-.78-3.089-1.047A.778.778 0 0 1 0 16.973c0-.356.243-.666.588-.752a20.345 20.345 0 0 0 3.09-1.046c2.615-1.126 4.904-2.67 6.865-4.632 1.961-1.96 3.506-4.25 4.632-6.865.43-1 .78-2.033 1.045-3.089A.777.777 0 0 1 16.972 0z",
fill: "url(#paint0_linear_20306_34597)"
})), /*#__PURE__*/_react.default.createElement("g", {
mask: "url(#mask0_20306_34597)"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M-3.065 26.538c3.922 1.393 8.43-1.219 10.068-5.833 1.64-4.614-.212-9.484-4.134-10.877-3.922-1.393-8.43 1.219-10.07 5.833-1.637 4.614.214 9.484 4.136 10.877z",
fill: "#FFE432",
filter: "url(#filter0_f_20306_34597)"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M14.349 11.324c5.387 0 9.756-4.464 9.756-9.97 0-5.508-4.368-9.972-9.756-9.972S4.592-4.153 4.592 1.353c0 5.507 4.368 9.971 9.757 9.971z",
fill: "#FC413D",
filter: "url(#filter1_f_20306_34597)"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M10.557 43.21c5.625-.275 9.896-6.404 9.54-13.69-.356-7.287-5.205-12.972-10.83-12.697-5.624.276-9.895 6.405-9.54 13.692.357 7.286 5.205 12.97 10.83 12.695z",
fill: "#00B95C",
filter: "url(#filter2_f_20306_34597)"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M10.557 43.21c5.625-.275 9.896-6.404 9.54-13.69-.356-7.287-5.205-12.972-10.83-12.697-5.624.276-9.895 6.405-9.54 13.692.357 7.286 5.205 12.97 10.83 12.695z",
fill: "#00B95C",
filter: "url(#filter3_f_20306_34597)"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M16.19 38.803c4.715-2.87 5.977-9.403 2.819-14.594-3.158-5.192-9.541-7.074-14.257-4.206-4.715 2.87-5.978 9.404-2.82 14.595 3.16 5.191 9.543 7.074 14.258 4.205z",
fill: "#00B95C",
filter: "url(#filter4_f_20306_34597)"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M35.25 22.489c5.3 0 9.597-4.138 9.597-9.241 0-5.104-4.297-9.241-9.596-9.241-5.3 0-9.597 4.137-9.597 9.241s4.297 9.24 9.597 9.24z",
fill: "#3186FF",
filter: "url(#filter5_f_20306_34597)"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M-6.834 21.417c4.88 3.71 12.01 2.546 15.923-2.601 3.915-5.147 3.132-12.328-1.748-16.04C2.46-.933-4.668.23-8.583 5.378c-3.914 5.147-3.13 12.329 1.749 16.04z",
fill: "#FBBC04",
filter: "url(#filter6_f_20306_34597)"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M18.173 26.902c5.824 4.005 13.545 2.89 17.244-2.492 3.7-5.38 1.977-12.99-3.848-16.994-5.825-4.005-13.545-2.89-17.245 2.491-3.7 5.382-1.977 12.99 3.848 16.995z",
fill: "#3186FF",
filter: "url(#filter7_f_20306_34597)"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M28.76-1.222c1.482 2.015-.422 5.932-4.253 8.75-3.831 2.818-8.137 3.468-9.62 1.454-1.481-2.015.423-5.933 4.253-8.75 3.831-2.818 8.138-3.469 9.62-1.454z",
fill: "#749BFF",
filter: "url(#filter8_f_20306_34597)"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M16.595 8.423c5.925-5.495 7.958-12.935 4.542-16.618-3.416-3.682-10.988-2.213-16.912 3.282C-1.7.583-3.733 8.023-.317 11.705c3.416 3.683 10.988 2.214 16.912-3.282z",
fill: "#FC413D",
filter: "url(#filter9_f_20306_34597)"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M4.451 28.162c3.521 2.52 7.564 2.902 9.03.855 1.465-2.048-.201-5.75-3.723-8.27-3.52-2.52-7.563-2.904-9.029-.856-1.465 2.047.2 5.75 3.722 8.27z",
fill: "#FFEE48",
filter: "url(#filter10_f_20306_34597)"
}))), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
id: "filter0_f_20306_34597",
x: "-10.37",
y: "6.88",
width: "20.544",
height: "22.607",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "1.287",
result: "effect1_foregroundBlur_20306_34597"
})), /*#__PURE__*/_react.default.createElement("filter", {
id: "filter1_f_20306_34597",
x: "-7.848",
y: "-21.058",
width: "44.393",
height: "44.822",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "6.22",
result: "effect1_foregroundBlur_20306_34597"
})), /*#__PURE__*/_react.default.createElement("filter", {
id: "filter2_f_20306_34597",
x: "-10.868",
y: "6.238",
width: "41.561",
height: "47.557",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "5.288",
result: "effect1_foregroundBlur_20306_34597"
})), /*#__PURE__*/_react.default.createElement("filter", {
id: "filter3_f_20306_34597",
x: "-10.868",
y: "6.238",
width: "41.561",
height: "47.557",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "5.288",
result: "effect1_foregroundBlur_20306_34597"
})), /*#__PURE__*/_react.default.createElement("filter", {
id: "filter4_f_20306_34597",
x: "-10.382",
y: "8.086",
width: "41.706",
height: "42.634",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "5.288",
result: "effect1_foregroundBlur_20306_34597"
})), /*#__PURE__*/_react.default.createElement("filter", {
id: "filter5_f_20306_34597",
x: "15.605",
y: "-6.043",
width: "39.292",
height: "38.581",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "5.025",
result: "effect1_foregroundBlur_20306_34597"
})), /*#__PURE__*/_react.default.createElement("filter", {
id: "filter6_f_20306_34597",
x: "-20.182",
y: "-8.502",
width: "40.872",
height: "41.197",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "4.554",
result: "effect1_foregroundBlur_20306_34597"
})), /*#__PURE__*/_react.default.createElement("filter", {
id: "filter7_f_20306_34597",
x: "4.241",
y: "-3.121",
width: "41.26",
height: "40.56",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "4.067",
result: "effect1_foregroundBlur_20306_34597"
})), /*#__PURE__*/_react.default.createElement("filter", {
id: "filter8_f_20306_34597",
x: "7.107",
y: "-9.671",
width: "29.435",
height: "27.101",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "3.639",
result: "effect1_foregroundBlur_20306_34597"
})), /*#__PURE__*/_react.default.createElement("filter", {
id: "filter9_f_20306_34597",
x: "-8.122",
y: "-16.371",
width: "37.064",
height: "36.252",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "3.074",
result: "effect1_foregroundBlur_20306_34597"
})), /*#__PURE__*/_react.default.createElement("filter", {
id: "filter10_f_20306_34597",
x: "-7.411",
y: "10.966",
width: "29.032",
height: "26.977",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "3.804",
result: "effect1_foregroundBlur_20306_34597"
})), /*#__PURE__*/_react.default.createElement("linearGradient", {
id: "paint0_linear_20306_34597",
x1: "9.649",
y1: "22.712",
x2: "27.28",
y2: "7.848",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/_react.default.createElement("stop", {
stopColor: "#4893FC"
}), /*#__PURE__*/_react.default.createElement("stop", {
offset: ".27",
stopColor: "#4893FC"
}), /*#__PURE__*/_react.default.createElement("stop", {
offset: ".777",
stopColor: "#969DFF"
}), /*#__PURE__*/_react.default.createElement("stop", {
offset: "1",
stopColor: "#BD99FE"
})), /*#__PURE__*/_react.default.createElement("clipPath", {
id: "clip0_20306_34597"
}, /*#__PURE__*/_react.default.createElement("path", {
fill: "#fff",
d: "M0 0h34v34H0z"
}))));
};
GeminiLogo.defaultProps = {
width: "34",
height: "34",
viewBox: "0 0 34 34",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
};
var MetaLogo = function MetaLogo(props) {
return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("g", {
clipPath: "url(#clip0_20306_34592)"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M3.856 15.636c0 1.363.299 2.41.69 3.043.513.83 1.277 1.18 2.057 1.18 1.005 0 1.925-.249 3.698-2.7 1.42-1.966 3.094-4.724 4.22-6.453l1.906-2.93c1.325-2.035 2.858-4.296 4.616-5.83C22.478.696 24.026 0 25.583 0c2.616 0 5.108 1.516 7.014 4.358 2.087 3.114 3.1 7.035 3.1 11.082 0 2.406-.474 4.174-1.281 5.57-.78 1.351-2.299 2.7-4.855 2.7v-3.85c2.189 0 2.735-2.011 2.735-4.313 0-3.28-.765-6.92-2.45-9.52-1.195-1.845-2.744-2.972-4.449-2.972-1.843 0-3.326 1.39-4.994 3.87-.886 1.317-1.796 2.922-2.818 4.733l-1.124 1.992c-2.26 4.006-2.832 4.919-3.962 6.424-1.98 2.637-3.67 3.636-5.896 3.636-2.64 0-4.31-1.143-5.344-2.866C.415 19.44 0 17.598 0 15.499l3.856.137z",
fill: "#0081FB"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M3.041 4.63C4.809 1.906 7.36 0 10.286 0c1.694 0 3.379.502 5.138 1.938 1.924 1.57 3.975 4.156 6.533 8.418l.918 1.529c2.214 3.69 3.474 5.587 4.212 6.482.948 1.15 1.612 1.493 2.475 1.493 2.188 0 2.735-2.011 2.735-4.313l3.401-.107c0 2.406-.474 4.174-1.281 5.57-.78 1.351-2.3 2.7-4.855 2.7-1.59 0-2.997-.345-4.553-1.813-1.197-1.127-2.596-3.13-3.672-4.93l-3.202-5.348c-1.606-2.684-3.08-4.685-3.933-5.59-.917-.975-2.096-2.152-3.978-2.152-1.524 0-2.817 1.069-3.9 2.704L3.041 4.63z",
fill: "url(#paint0_linear_20306_34592)"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M10.223 3.877c-1.523 0-2.817 1.069-3.9 2.704-1.53 2.31-2.467 5.75-2.467 9.055 0 1.363.299 2.41.69 3.043l-3.287 2.165C.415 19.44 0 17.598 0 15.499 0 11.68 1.048 7.703 3.04 4.63 4.808 1.906 7.36 0 10.285 0l-.062 3.877z",
fill: "url(#paint1_linear_20306_34592)"
})), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
id: "paint0_linear_20306_34592",
x1: "7.573",
y1: "14.524",
x2: "32.153",
y2: "15.765",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/_react.default.createElement("stop", {
stopColor: "#0064E1"
}), /*#__PURE__*/_react.default.createElement("stop", {
offset: ".4",
stopColor: "#0064E1"
}), /*#__PURE__*/_react.default.createElement("stop", {
offset: ".83",
stopColor: "#0073EE"
}), /*#__PURE__*/_react.default.createElement("stop", {
offset: "1",
stopColor: "#0082FB"
})), /*#__PURE__*/_react.default.createElement("linearGradient", {
id: "paint1_linear_20306_34592",
x1: "5.586",
y1: "17.255",
x2: "5.586",
y2: "8.193",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/_react.default.createElement("stop", {
stopColor: "#0082FB"
}), /*#__PURE__*/_react.default.createElement("stop", {
offset: "1",
stopColor: "#0064E0"
})), /*#__PURE__*/_react.default.createElement("clipPath", {
id: "clip0_20306_34592"
}, /*#__PURE__*/_react.default.createElement("path", {
fill: "#fff",
d: "M0 0h36v23.71H0z"
}))));
};
MetaLogo.defaultProps = {
width: "36",
height: "24",
viewBox: "0 0 36 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
};
var MistralLogo = function MistralLogo(props) {
return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("g", {
clipPath: "url(#clip0_20306_34631)"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M9.644 0H4.822v4.777h4.822V0zM28.93 0h-4.82v4.777h4.82V0z",
fill: "#FFD800"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M14.465 4.776H4.822v4.776h9.643V4.776zM28.932 4.776h-9.643v4.776h9.643V4.776z",
fill: "#FFAF00"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M28.932 9.552H4.822v4.777h24.11V9.552z",
fill: "#FF8205"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M9.644 14.33H4.822v4.777h4.822V14.33zM19.286 14.33h-4.821v4.777h4.821V14.33zM28.93 14.33h-4.82v4.777h4.82V14.33z",
fill: "#FA500F"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M14.467 19.11H0v4.776h14.467v-4.777zM33.756 19.11H19.29v4.776h14.467v-4.777z",
fill: "#E10500"
})), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
id: "clip0_20306_34631"
}, /*#__PURE__*/_react.default.createElement("path", {
fill: "#fff",
d: "M0 0h34v23.985H0z"
}))));
};
MistralLogo.defaultProps = {
width: "34",
height: "24",
viewBox: "0 0 34 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
};
var OpenAILogo = function OpenAILogo(props) {
return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("g", {
clipPath: "url(#clip0_20306_34587)"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M31.485 13.933a8.403 8.403 0 0 0-.72-6.9 8.52 8.52 0 0 0-9.15-4.078 8.444 8.444 0 0 0-6.34-2.822 8.533 8.533 0 0 0-8.111 5.883 8.432 8.432 0 0 0-5.62 4.078 8.498 8.498 0 0 0 1.05 9.962 8.372 8.372 0 0 0 .72 6.888 8.519 8.519 0 0 0 9.162 4.09 8.412 8.412 0 0 0 6.329 2.833 8.533 8.533 0 0 0 8.11-5.883 8.385 8.385 0 0 0 5.61-4.078 8.479 8.479 0 0 0-1.04-9.962v-.011zM28.857 8.14a6.348 6.348 0 0 1 .754 4.227c-.045-.035-.137-.08-.194-.115L22.7 8.37a1.126 1.126 0 0 0-1.108 0l-7.87 4.547V9.58l6.5-3.758a6.319 6.319 0 0 1 8.635 2.319zm-15.136 6.934l3.313-1.92 3.313 1.92v3.827l-3.313 1.92-3.313-1.92v-3.827zm1.542-12.737c1.485 0 2.913.514 4.056 1.462-.046.023-.137.08-.206.114l-6.717 3.873c-.343.194-.549.56-.549.96v9.093l-2.89-1.668V8.655a6.326 6.326 0 0 1 6.318-6.329l-.012.012zm-11.8 8.864a6.335 6.335 0 0 1 3.29-2.775v7.985c0 .4.205.754.548.96l7.86 4.534-2.902 1.68-6.489-3.747a6.325 6.325 0 0 1-2.307-8.637zm1.77 14.657a6.27 6.27 0 0 1-.754-4.227c.046.034.137.08.194.114l6.718 3.885a1.126 1.126 0 0 0 1.108 0l7.86-4.547v3.336l-6.5 3.747c-3.028 1.736-6.89.708-8.637-2.308h.011zm13.583 5.803a6.303 6.303 0 0 1-4.044-1.462c.07-.036.138-.074.206-.114l6.717-3.873c.342-.194.56-.56.548-.96v-9.081l2.89 1.668v7.505c0 3.495-2.833 6.329-6.317 6.329v-.012zm11.812-8.865a6.306 6.306 0 0 1-3.29 2.765v-7.985c0-.4-.206-.766-.548-.96l-7.871-4.546 2.89-1.668 6.5 3.747a6.315 6.315 0 0 1 2.308 8.636l.011.011z",
fill: "#000"
})), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
id: "clip0_20306_34587"
}, /*#__PURE__*/_react.default.createElement("path", {
fill: "#fff",
d: "M0 0h34v34H0z"
}))));
};
OpenAILogo.defaultProps = {
width: "34",
height: "34",
viewBox: "0 0 34 34",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
};
var ICONS = {
TwakeWorkplace: _twakeIcons.TwakeWorkplace,
GeminiLogo: GeminiLogo,
OpenAILogo: OpenAILogo,
MistralLogo: MistralLogo,
MetaLogo: MetaLogo,
PlusSmall: _twakeIcons.PlusSmall
};
var Provider = function Provider(_ref) {
var _cx;
var selectedProvider = _ref.selectedProvider,
provider = _ref.provider,
onSelect = _ref.onSelect;
var _useI18n = (0, _twakeI18n.useI18n)(),
t = _useI18n.t;
var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
theme = _useCozyTheme.type;
var isSelected = (selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.id) === provider.id;
var isOpenRag = provider.id === 'openrag';
return /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: (0, _classnames.default)('u-p-1 u-c-pointer u-flex u-flex-row u-flex-items-center', styles['model-card'], (_cx = {}, (0, _defineProperty2.default)(_cx, styles['model-card--selected'], isSelected), (0, _defineProperty2.default)(_cx, styles["model-card--openrag--".concat(theme)], isOpenRag), _cx)),
onClick: function onClick() {
return onSelect(provider);
}
}, /*#__PURE__*/_react.default.createElement("div", {
className: (0, _classnames.default)('u-flex u-flex-items-center u-flex-justify-center u-flex-shrink-0 u-mr-1', styles['icon-container'], styles["icon-container--".concat(provider.id)])
},
/* FIXME: the twake icon is not rendered properly with Icon */
isOpenRag ? /*#__PURE__*/_react.default.createElement(_twakeIcons.TwakeWorkplace, {
width: 40,
height: 40
}) : /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
icon: ICONS[provider.icon],
size: 40,
preserveColor: true
})), /*#__PURE__*/_react.default.createElement("div", {
className: "u-flex-grow-1"
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
variant: "body1",
className: "u-flex u-flex-justify-between u-flex-items-start"
}, provider.id === 'custom' ? t(provider.name) : provider.name), /*#__PURE__*/_react.default.createElement(_Typography.default, {
variant: "body2",
className: "u-mt-half u-c-text-secondary"
}, t(provider.description))), isSelected && /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
icon: _twakeIcons.Check,
className: "u-c-white u-bg-primary u-br-circle u-p-half ".concat(styles['check-icon']),
size: 12
}));
};
var _default = Provider;
exports.default = _default;