code7-leia 0.1.149 → 0.1.153

package/dist/code7-leia.cjs.development.js

@@ -1597,7 +1597,7 @@ var Inputs = /*#__PURE__*/styled__default.div(_templateObject4$2 || (_templateOb
 var Result = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: left;\n  background: #F3F5F9;\n  padding: 15px;\n  border-radius: 5px;\n  margin-top: 15px;\n\n  .text{\n    margin-left: 5px;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right: 5px;\n\n    svg {\n      width: 35px;\n      height: 35px;\n    }\n  }\n\n"])));
 
 var _templateObject$a;
-var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateObject$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 50%;\n  margin-right: 5px;\n\n  .custom-select {\n    position: relative;\n    width: 100%;\n    cursor: pointer;\n\n    .selected-option {\n      padding: 12px;\n      border-radius: 4px;\n      border: 1px solid #979AA5;\n      height: 45px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .options {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      width: 100%;\n      border: 1px solid #979AA5;\n      border-top: none;\n      border-radius: 0 0 4px 4px;\n      background-color: #fff;\n\n      .option {\n        padding: 12px;\n        cursor: pointer;\n        transition: background-color 0.3s;\n\n        &:hover {\n          background-color: #f0f0f0;\n        }\n      }\n    }\n  }\n"])));
+var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateObject$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 50%;\n  margin-right: 5px;\n\n  .custom-select {\n    position: relative;\n    width: 100%;\n    cursor: pointer;\n\n    .selected-option {\n      padding: 12px;\n      border-radius: 4px;\n      border: 1px solid #979AA5;\n      height: 45px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      font-size: 14px;\n    }\n\n    .options {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      width: 100%;\n      border: 1px solid #979AA5;\n      border-top: none;\n      border-radius: 0 0 4px 4px;\n      background-color: #fff;\n\n      .option {\n        padding: 12px;\n        cursor: pointer;\n        transition: background-color 0.1s;\n        letter-spacing: 0.5px;\n        font-size: 14px;\n\n        &:hover {\n          background-color: #6690ff;\n          color: white;\n        }\n      }\n    }\n  }\n"])));
 
 var CustomSelect = function CustomSelect(_ref) {
   var options = _ref.options,
@@ -1610,7 +1610,7 @@ var CustomSelect = function CustomSelect(_ref) {
     selectedValue = _useState2[0],
     setSelectedValue = _useState2[1];
   var handleSelectOption = function handleSelectOption(value) {
-    var selected = String(value); // Convertendo para string
+    var selected = String(value);
     setSelectedValue(selected);
     onSelect(selected);
     setIsOpen(false);
@@ -1627,6 +1627,10 @@ var CustomSelect = function CustomSelect(_ref) {
   }, options.map(function (option) {
     return React__default.createElement("div", {
       key: option.value,
+      style: {
+        background: option.value === selectedValue ? '#a0b7f5' : '#6690ff',
+        color: option.value === selectedValue ? 'white' : 'black'
+      },
       className: "option",
       onClick: function onClick() {
         return handleSelectOption(option.value);
@@ -1635,25 +1639,20 @@ var CustomSelect = function CustomSelect(_ref) {
   }))));
 };
 
-var _templateObject$b, _templateObject2$7, _templateObject3$6, _templateObject4$3;
+var _templateObject$b, _templateObject2$7;
 var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100%;\n  margin-right: 5px;\n"])));
 var StyledInput = /*#__PURE__*/styled__default.input(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-left: 10px;\n  padding-right: 40px;\n  border-radius: 5px;\n  border: 1px solid #ccc;\n  height: 45px;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px #6690ff;\n  }\n"])));
-var RecordAudioButton = /*#__PURE__*/styled__default.div(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 14px;\n  right: 10px;\n  cursor: pointer;\n"])));
-var StyledMicrophoneIcon = /*#__PURE__*/styled__default(fa.FaMicrophone)(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  pointer-events: none;\n"])));
 
 var InputTest = function InputTest(_ref) {
   var placeholder = _ref.placeholder,
-    _onChange = _ref.onChange,
-    onRecordAudio = _ref.onRecordAudio;
+    _onChange = _ref.onChange;
   return React__default.createElement(Container$5, null, React__default.createElement(StyledInput, {
     type: "text",
     onChange: function onChange(e) {
       return _onChange(e.target.value);
     },
     placeholder: placeholder
-  }), React__default.createElement(RecordAudioButton, {
-    onClick: onRecordAudio
-  }, React__default.createElement(StyledMicrophoneIcon, null)));
+  }));
 };
 
 var TestArea = function TestArea() {
@@ -1701,9 +1700,6 @@ var TestArea = function TestArea() {
   var handleSearch = function handleSearch(value) {
     setSearch(value);
   };
-  var handleRecordAudio = function handleRecordAudio() {
-    console.log('Iniciando gravação de áudio...');
-  };
   var handleTest = function handleTest() {
     dispatch(testAction(search, profile, presset, id));
   };
@@ -1716,8 +1712,7 @@ var TestArea = function TestArea() {
       className: 'infos'
     }, React__default.createElement("h2", null, t.test), React__default.createElement("p", null, t.testArea.description))), React__default.createElement(Inputs, null, React__default.createElement(InputTest, {
       placeholder: t.testArea.typeSentence,
-      onChange: handleSearch,
-      onRecordAudio: handleRecordAudio
+      onChange: handleSearch
     }), React__default.createElement(CustomSelect, {
       placeholder: t.testArea.selectPersona,
       options: optionsPersona,