From df7f2cac3773ce9ddc79c75066dff351aa4a7c8b Mon Sep 17 00:00:00 2001
From: Paulo Bernardo <paulo.bernardo@weni.ai>
Date: Tue, 14 Nov 2023 13:48:39 -0300
Subject: [PATCH 1/3] fix: chatgpt modal height when scroll is needed

---
 .../config/external/chatgpt/Setup.vue         | 56 +++++++++++++------
 1 file changed, 39 insertions(+), 17 deletions(-)

diff --git a/src/components/config/external/chatgpt/Setup.vue b/src/components/config/external/chatgpt/Setup.vue
index 91d12f8d..64239b60 100644
--- a/src/components/config/external/chatgpt/Setup.vue
+++ b/src/components/config/external/chatgpt/Setup.vue
@@ -5,10 +5,12 @@
     @close="closePopUp"
     @click.stop
     :closeIcon="false"
+    :text="$t('ChatGPT.setup.title')"
+    :description="$t('ChatGPT.setup.description')"
   >
     <div slot="message" class="chatgpt-modal__content">
-      <span class="chatgpt-modal__content__title">{{ $t('ChatGPT.setup.title') }}</span>
-      <span class="chatgpt-modal__content__description">{{ $t('ChatGPT.setup.description') }}</span>
+      <!-- <span class="chatgpt-modal__content__title">{{ $t('ChatGPT.setup.title') }}</span>
+      <span class="chatgpt-modal__content__description">{{ $t('ChatGPT.setup.description') }}</span> -->
 
       <div class="chatgpt-modal__content__form">
         <unnnic-input
@@ -152,26 +154,36 @@
 
 <style lang="scss" scoped>
   .chatgpt-modal {
-    ::v-deep .unnnic-modal-container-background-body-description {
-      padding-bottom: $unnnic-spacing-stack-xs;
-    }
+    ::v-deep {
+      .container {
+        padding: $unnnic-squish-md !important;
+      }
 
-    &__content {
-      display: flex;
-      flex-direction: column;
+      .header {
+        margin-bottom: $unnnic-spacing-stack-nano !important;
+      }
+
+      .unnnic-modal-container-background {
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+        padding: 0 $unnnic-spacing-md;
+        max-height: 95vh;
+      }
 
-      &__title {
-        font-family: $unnnic-font-family-secondary;
-        color: $unnnic-color-neutral-darkest;
-        font-weight: $unnnic-font-weight-black;
-        font-size: $unnnic-font-size-title-sm;
-        line-height: ($unnnic-font-size-title-sm + $unnnic-line-height-medium);
-        padding: $unnnic-spacing-stack-md 0;
+      .unnnic-modal-container-background-body {
+        border-radius: $unnnic-border-radius-sm $unnnic-border-radius-sm 0px 0px;
       }
 
-      &__description {
-        margin-bottom: $unnnic-spacing-stack-lg;
+      .unnnic-modal-container-background-body-description-container {
+        padding-bottom: $unnnic-spacing-md;
       }
+    }
+
+    &__content {
+      display: flex;
+      flex-direction: column;
+      overflow: auto;
 
       &__form {
         display: flex;
@@ -194,5 +206,15 @@
         }
       }
     }
+
+    &__buttons {
+      display: flex;
+      flex: 1;
+      margin-top: $unnnic-spacing-md;
+
+      * {
+        flex: 1;
+      }
+    }
   }
 </style>

From 745abc018b8d922ec6d7e13a90e91f28abd3a48a Mon Sep 17 00:00:00 2001
From: Paulo Bernardo <paulo.bernardo@weni.ai>
Date: Tue, 14 Nov 2023 13:48:53 -0300
Subject: [PATCH 2/3] fix: update snapshots

---
 .../config/external/chatgpt/__snapshots__/Setup.spec.js.snap  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tests/unit/specs/components/config/external/chatgpt/__snapshots__/Setup.spec.js.snap b/tests/unit/specs/components/config/external/chatgpt/__snapshots__/Setup.spec.js.snap
index c8310b90..9ace2584 100644
--- a/tests/unit/specs/components/config/external/chatgpt/__snapshots__/Setup.spec.js.snap
+++ b/tests/unit/specs/components/config/external/chatgpt/__snapshots__/Setup.spec.js.snap
@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`components/config/external/chatgpt/Setup.vue should be rendered properly 1`] = `
-<unnnicmodal-stub showmodal="true" class="chatgpt-modal">
-  <div class="chatgpt-modal__content"><span class="chatgpt-modal__content__title">Integrate with ChatGPT</span> <span class="chatgpt-modal__content__description">To integrate, create a name, insert your API-Token and select one of the available versions</span>
+<unnnicmodal-stub text="Integrate with ChatGPT" description="To integrate, create a name, insert your API-Token and select one of the available versions" showmodal="true" class="chatgpt-modal">
+  <div class="chatgpt-modal__content">
     <div class="chatgpt-modal__content__form">
       <unnnic-input-stub placeholder="Insert a name" type="normal" value="" nativetype="text" label="Name" size="md" mask="" class="chatgpt-modal__content__form__input__name"></unnnic-input-stub>
       <unnnic-input-stub placeholder="Insert the Token" type="normal" value="" nativetype="text" label="Token" size="md" mask="" class="chatgpt-modal__content__form__input__token"></unnnic-input-stub>

From 77653af5fef3fb51c6d176b50a3f7b963764b062 Mon Sep 17 00:00:00 2001
From: Paulo Bernardo <paulo.bernardo@weni.ai>
Date: Tue, 14 Nov 2023 13:50:08 -0300
Subject: [PATCH 3/3] fix: remove dead code

---
 src/components/config/external/chatgpt/Setup.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/config/external/chatgpt/Setup.vue b/src/components/config/external/chatgpt/Setup.vue
index 64239b60..0aeffc83 100644
--- a/src/components/config/external/chatgpt/Setup.vue
+++ b/src/components/config/external/chatgpt/Setup.vue
@@ -9,9 +9,6 @@
     :description="$t('ChatGPT.setup.description')"
   >
     <div slot="message" class="chatgpt-modal__content">
-      <!-- <span class="chatgpt-modal__content__title">{{ $t('ChatGPT.setup.title') }}</span>
-      <span class="chatgpt-modal__content__description">{{ $t('ChatGPT.setup.description') }}</span> -->
-
       <div class="chatgpt-modal__content__form">
         <unnnic-input
           class="chatgpt-modal__content__form__input__name"