code7-leia 0.2.30 → 0.2.33

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

@@ -729,11 +729,11 @@ var _templateObject$1, _templateObject2$1, _templateObject3;
 var Container = /*#__PURE__*/styled__default.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n\n  .tag {\n    padding: 4px 8px 4px 8px;\n    background: #C7F9ED;\n    border-radius: 4px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .tags {\n    display: flex;\n    justify-content: left;\n    gap: 4px;\n  }\n\n  .divDelete {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n\n  .buttonDelete {\n    color: #5b0a1f;\n    background: #fae0d2;\n    padding: 12px 20px;\n    border-radius: 4px;\n  }\n\n  .buttonDelete:hover {\n      background: #f5bba7;\n  }\n\n  .buttonTraining {\n    color: #023906;\n    background: #e3f8cc;\n    padding: 12px 20px;\n    border-radius: 4px;\n    margin-right: 10px;\n  }\n\n  .buttonTraining:hover {\n      background: #90d665;\n  }\n\n  .button {\n    padding: 8px 16px 8px 16px;\n    border-radius: 4px;\n    gap: 10px;\n  }\n\n  .cancel {\n    background: #F3F5F9;\n    color: #5A5D68;\n  }\n\n  .send {\n    background: #102693;\n    color: white;\n  }\n\n  .delete {\n    background: #871821;\n    color: white;\n  }\n\n  .presset {\n    padding-top: 10px;\n    display: flex;\n    flex-direction: column;\n\n    p {\n      font-size: 14px;\n      font-weight: 600;\n      padding: 4px 0;\n    }\n  }\n\n  #warning {\n    padding: 10px;\n    background: #FAE0D2;\n    color: #871821;\n  }\n\n  #info {\n    padding: 10px;\n    background: #c7f9ed;\n    color: #00344e;\n  }\n\n"])), function (props) {
   return props.isloading && styled.css(_templateObject2$1 || (_templateObject2$1 = _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 = /*#__PURE__*/styled__default.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n\n  #button-upload {\n    margin-right: 10px;\n  }\n\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\n  .actions {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 14px;\n\n    button {\n      background: #102693;\n      padding: 10px 20px;\n      color: white;\n      border-radius: 4px;\n    }\n  }\n\n"])));
+var Header = /*#__PURE__*/styled__default.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n\n  #button-upload {\n    margin-right: 10px;\n  }\n\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\n  .actions {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 14px;\n\n    button {\n      background: #102693;\n      padding: 10px 20px;\n      color: white;\n      border-radius: 4px;\n\n      &:disabled {\n        cursor: not-allowed;\n        opacity: 0.5;\n      }\n    }\n  }\n\n"])));
 
 var _templateObject$2, _templateObject2$2, _templateObject3$1;
 var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n"])));
-var Table = /*#__PURE__*/styled__default.table(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  line-height: 143%;\n  color: black;\n  width: 100%;\n  border-collapse: collapse;\n  border-radius: 4px;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: #5A5D68;\n    text-align: left;\n    padding: 8px;\n  }\n\n  thead tr {\n    background: #dadce3;\n  }\n\n  tbody tr {\n    border: 1px solid #dadce3;\n  }\n\n  &.small td {\n    padding: 4px;\n  }\n\n  &.medium td {\n    padding: 8px;\n  }\n\n  &.large td {\n    padding: 16px;\n  }\n"])));
+var Table = /*#__PURE__*/styled__default.table(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  line-height: 143%;\n  color: black;\n  width: 100%;\n  border-collapse: collapse;\n  border-radius: 4px;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: #5A5D68;\n    text-align: left;\n    padding: 8px;\n    border: 1px #dadce3 solid;\n  }\n\n  thead tr {\n    background: #dadce3;\n  }\n\n  tbody tr {\n    border: 1px solid #dadce3;\n  }\n\n  &.small td {\n    padding: 4px;\n  }\n\n  &.medium td {\n    padding: 8px;\n  }\n\n  &.large td {\n    padding: 16px;\n  }\n"])));
 var TableLoadingWrapper = /*#__PURE__*/styled__default.div(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f3f5f961;\n"])));
 
 var _templateObject$3;
@@ -1486,7 +1486,8 @@ var FileArea = function FileArea() {
     language = _useSharedProps.language,
     propTags = _useSharedProps.propTags,
     token = _useSharedProps.token,
-    env = _useSharedProps.env;
+    env = _useSharedProps.env,
+    readonly = _useSharedProps.readonly;
   var _useState = React.useState([]),
     files = _useState[0],
     setFiles = _useState[1];
@@ -1627,13 +1628,15 @@ var FileArea = function FileArea() {
       initialFiles: initialFiles
     }), React__default.createElement("div", null, React__default.createElement("button", {
       id: 'button-upload',
-      onClick: handleOpenModal
+      onClick: handleOpenModal,
+      disabled: readonly
     }, React__default.createElement(fa.FaUpload, {
       size: 14
     }), " ", t.fileArea.fileUpload), React__default.createElement("button", {
       onClick: function onClick() {
         return handleOpenModalTraining(undefined);
-      }
+      },
+      disabled: readonly
     }, React__default.createElement(gi.GiWeightLiftingUp, {
       size: 14
     }), " ", t.fileArea.training)))), files.length === 0 ? React__default.createElement(EmptyState, {
@@ -1779,6 +1782,7 @@ var FileArea = function FileArea() {
     }, t.buttons.send))));
   };
   return React__default.createElement(SharedPropsProvider, {
+    readonly: readonly,
     id: id,
     language: language,
     token: token,
@@ -1938,7 +1942,8 @@ var TestArea = function TestArea() {
     personas = _useSharedProps.personas,
     propTags = _useSharedProps.propTags,
     token = _useSharedProps.token,
-    env = _useSharedProps.env;
+    env = _useSharedProps.env,
+    readonly = _useSharedProps.readonly;
   var t = getLanguage(language);
   var results = reactRedux.useSelector(function (state) {
     return state.message;
@@ -2028,6 +2033,7 @@ var TestArea = function TestArea() {
   return React__default.createElement(SharedPropsProvider, {
     id: id,
     token: token,
+    readonly: readonly,
     language: language,
     env: env,
     propTags: {