code7-leia 0.2.23 → 0.2.25

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

@@ -1806,7 +1806,7 @@ var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$9 || (_templa
   return props.isloading && styled.css(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n      #loading {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgb(151,154,165, 0.7);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        z-index: 9999;\n      }\n\n      #loading::after {\n        content: \"\";\n        border: 4px solid #f3f3f3; /* Cor do s\xEDmbolo de carregamento */\n        border-top: 4px solid #5a5d68; /* Cor do s\xEDmbolo de carregamento */\n        border-radius: 50%;\n        width: 13px;\n        height: 13px;\n        animation: spin 1s linear infinite;\n      }\n\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n    "])));
 });
 var Header$1 = /*#__PURE__*/styled__default.div(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  .infos {\n    display: flex;\n    flex-direction: column;\n    padding: 14px 0;\n\n    h2 {\n      font-size: 20px\n    }\n\n    p {\n      font-size: 14px\n    }\n  }\n"])));
-var Inputs = /*#__PURE__*/styled__default.div(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 10px;\n\n  button {\n    background: #102693;\n    padding: 10px 20px;\n    color: white;\n    border-radius: 4px;\n    width: 190px;\n    height: 45px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    svg {\n      width: 23px;\n      height: 23px;\n    }\n  }\n"])));
+var Inputs = /*#__PURE__*/styled__default.div(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex\n  justify-content: space-between;\n  margin-bottom: 10px;\n\n  button {\n    background: #102693;\n    padding: 10px 20px;\n    color: white;\n    border-radius: 4px;\n    width: 190px;\n    height: 45px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    svg {\n      width: 23px;\n      height: 23px;\n    }\n  }\n"])));
 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;
@@ -1875,9 +1875,9 @@ var Container$6 = /*#__PURE__*/styled__default.div(_templateObject$c || (_templa
   var marginBottom = _ref.marginBottom;
   return marginBottom;
 });
-var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .icon {\n    position: absolute;\n    color: #5a5d68;\n\n    &.start-icon {\n      left: 12px;\n    }\n    &.end-icon {\n      right: 12px;\n    }\n  }\n\n  & .pass-view {\n    position: absolute;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    padding: 14px;\n    font-size: 1rem;\n    color: #5a5d68;\n  }\n"])));
+var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  margin-right: 5px;\n  width: 725px;\n\n  .icon {\n    position: absolute;\n    color: #5a5d68;\n\n    &.start-icon {\n      left: 12px;\n    }\n    &.end-icon {\n      right: 12px;\n    }\n  }\n\n  & .pass-view {\n    position: absolute;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    padding: 14px;\n    font-size: 1rem;\n    color: #5a5d68;\n  }\n"])));
 var LabelWrapper = /*#__PURE__*/styled__default.label(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 8px;\n\n  .label {\n    display: block;\n    color: #5a5d68;\n\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.875rem;\n    line-height: 114%;\n    letter-spacing: -0.02em;\n  }\n\n  .description {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 0.625rem;\n    line-height: 120%;\n    color: #5a5d68;\n    display: block;\n  }\n"])));
-var CustomTextArea = /*#__PURE__*/styled__default.textarea(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: 'Monospace', -apple-system, BlinkMacSystemFont, sans-serif;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  text-align: left;\n  letter-spacing: -0.02em;\n  resize: vertical;\n  padding: 8px 12px;\n\n  border-radius: 4px;\n  border: 1px solid #979aa5;\n  color: #5a5d68 !important;\n  width: 100%;\n\n  background: #ffffff;\n  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,\n    border 0.2s ease-in-out;\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px #6690ff;\n  }\n\n  &:hover {\n    border: 1px solid #102693;\n  }\n  &:active {\n    border: 1px solid #102693;\n  }\n  &:disabled {\n    border: 1px solid #dadce3;\n    background: #f3f5f9;\n    color: #dadce3;\n  }\n\n  &.small {\n    min-height: 32px;\n  }\n\n  &.medium {\n    min-height: 40px;\n  }\n\n  &.large {\n    min-height: 48px;\n    font-size: 1rem;\n  }\n\n  &.success {\n    background: #e3f8cc;\n    border: 1px solid #19660a;\n    color: #19660a;\n  }\n\n  &.danger {\n    background: #fae0d2;\n    border: 1px solid #871821;\n    color: #871821;\n  }\n\n  &.error {\n    background: #fae0d2;\n    border: 1px solid #871821;\n    color: #871821;\n  }\n\n  &.has-start-icon {\n    padding-left: 40px;\n  }\n  &.has-end-icon {\n    padding-right: 40px;\n  }\n"])));
+var CustomTextArea = /*#__PURE__*/styled__default.textarea(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: 'Monospace', -apple-system, BlinkMacSystemFont, sans-serif;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  text-align: left;\n  letter-spacing: -0.02em;\n  resize: vertical;\n  padding: 8px 12px;\n\n  border-radius: 4px;\n  border: 1px solid #979aa5;\n  color: #5a5d68 !important;\n  width: 100%;\n\n  background: #ffffff;\n  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,\n    border 0.2s ease-in-out;\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px #6690ff;\n  }\n\n  &:hover {\n    border: 1px solid #102693;\n  }\n  &:active {\n    border: 1px solid #102693;\n  }\n  &:disabled {\n    border: 1px solid #dadce3;\n    background: #f3f5f9;\n    color: #dadce3;\n  }\n\n  &.small {\n    height: 32px;\n  }\n\n  &.medium {\n    height: 120px;\n  }\n\n  &.large {\n    height: 48px;\n    font-size: 1rem;\n  }\n\n  &.success {\n    background: #e3f8cc;\n    border: 1px solid #19660a;\n    color: #19660a;\n  }\n\n  &.danger {\n    background: #fae0d2;\n    border: 1px solid #871821;\n    color: #871821;\n  }\n\n  &.error {\n    background: #fae0d2;\n    border: 1px solid #871821;\n    color: #871821;\n  }\n\n  &.has-start-icon {\n    padding-left: 40px;\n  }\n  &.has-end-icon {\n    padding-right: 40px;\n  }\n"])));
 var Helper = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  &.helper {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 0.625rem;\n    line-height: 120%;\n    color: #5a5d68;\n    display: block;\n    margin-top: 4px;\n\n    &.success {\n      color: #19660a;\n    }\n\n    &.danger {\n      color: #871821;\n    }\n  }\n"])));
 var Error$1 = /*#__PURE__*/styled__default.div(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-style: normal;\n  font-weight: 500;\n  font-size: 0.625rem;\n  line-height: 120%;\n  display: block;\n  margin-top: 4px;\n  color: #871821;\n"])));
 
@@ -2009,21 +2009,20 @@ var TestArea = function TestArea() {
       placeholder: t.testArea.selectPersona,
       options: optionsPersona,
       onSelect: handleSelectPersona
-    }), profile === "Custom" && React__default.createElement(TextArea, {
-      className: "textarea-message",
-      label: "Prompt",
-      placeholder: t.testArea.typePrompt,
-      value: prompt,
-      onChange: function onChange(e) {
-        handlePrompt(e.target.value);
-      }
     }), React__default.createElement(CustomSelect, {
       placeholder: t.testArea.selectPresset,
       options: optionsPresset,
       onSelect: handleSelectPresset
     }), React__default.createElement("button", {
       onClick: handleTest
-    }, React__default.createElement(pi.PiWaveformBold, null), " ", t.buttons.test)), !results ? React__default.createElement(EmptyState, {
+    }, React__default.createElement(pi.PiWaveformBold, null), " ", t.buttons.test)), React__default.createElement(Inputs, null, profile === "Custom" && React__default.createElement(TextArea, {
+      className: "textarea-message",
+      placeholder: t.testArea.typePrompt,
+      value: prompt,
+      onChange: function onChange(e) {
+        handlePrompt(e.target.value);
+      }
+    })), !results ? React__default.createElement(EmptyState, {
       icon: React__default.createElement(fa.FaList, null),
       title: t.testArea.emptyState.title,
       description: t.testArea.emptyState.description,