From 58f5e1855a933c7adf8d0cbf41b7ddbce0d78523 Mon Sep 17 00:00:00 2001
From: "leonardo.gabriel" <leonardo.gabriel@take.net>
Date: Tue, 26 Mar 2024 12:14:19 -0300
Subject: [PATCH 1/3] feat(BlipCallsVoiceRequest): change voice request class
 name

---
 src/App.vue                              | 28 +++++++++++++++++++
 src/components/BlipCallsVoiceRequest.vue | 35 +++++++++++++-----------
 2 files changed, 47 insertions(+), 16 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 53bcd791..7c035e5a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -131,6 +131,9 @@
         <button class="button" @click="sendNoAnswerCallsVideoEnd">
           ENVIAR Fim de chamada vídeo não respondida
         </button>
+        <button class="button" @click="sendCallsVoiceRequest">
+          ENVIAR Solicitação de chamada
+        </button>
         <button class="button" @click="sendRaw">
           ENVIAR Unsupported Content
         </button>
@@ -733,6 +736,31 @@ export default {
       })
       this.send()
     },
+    sendCallsVoiceRequest() {
+      this.json = JSON.stringify({
+        id: '1',
+        to: '104222@telegram.gw.msging.net',
+        type: 'application/json',
+        content: {
+          recipient_type: 'individual',
+          type: 'interactive',
+          interactive: {
+            type: 'voice_call',
+            body: {
+              text:
+                'Olá! Para um atendimento mais rápido, você pode entrar em contato através de uma chamada WhatsApp.'
+            },
+            action: {
+              name: 'voice_call',
+              parameters: {
+                display_text: 'Ligar agora'
+              }
+            }
+          }
+        }
+      })
+      this.send()
+    },
     sendRaw: function() {
       this.json = JSON.stringify({
         id: '1',
diff --git a/src/components/BlipCallsVoiceRequest.vue b/src/components/BlipCallsVoiceRequest.vue
index 48d7fa9d..90deae85 100644
--- a/src/components/BlipCallsVoiceRequest.vue
+++ b/src/components/BlipCallsVoiceRequest.vue
@@ -1,22 +1,23 @@
 <template>
-  <div :class="'blip-container ' + position">
-    <div :class="'bubble body ' + position">
+  <div :class="'blip-container calls-voice-request ' + position">
+    <div :class="'bubble ' + position">
       <bds-typo
         class="typo"
         variant="fs-16"
         bold="regular"
         >{{ bodyText }}
       </bds-typo>
-    <div class="action">
-      <bds-grid margin="y-1" direction="row" justify-content="center" padding="x-2">
-        <bds-icon v-if="position === 'right'" color="white" name="voip-call"/>
-        <bds-icon v-else name="voip-call"/>
-        <bds-typo 
-          class="typo title-action"
-          variant="fs-16" 
-          bold="regular">{{ actionText }}
-        </bds-typo>
-      </bds-grid>
+      <div class="action">
+        <bds-grid margin="y-1" direction="row" justify-content="center" padding="x-2">
+          <bds-icon v-if="position === 'right'" color="white" name="voip-call"/>
+          <bds-icon v-else name="voip-call"/>
+          <bds-typo 
+            class="typo title-action"
+            variant="fs-16" 
+            bold="regular">{{ actionText }}
+          </bds-typo>
+        </bds-grid>
+      </div>
     </div>
   </div>
 </template>
@@ -58,9 +59,11 @@ export default {
   padding-top: 12px;
 }
 
-.body {
-  text-align: left;
-  overflow: hidden;
-  padding: 10px 20px;
+.blip-container.calls-voice-request {
+  .bubble {
+    text-align: left;
+    overflow: hidden;
+    padding: 10px 20px;
+  }
 }
 </style>

From 55cb28e0ea0eb43f66d70410e9c0dce5b7d0e104 Mon Sep 17 00:00:00 2001
From: "leonardo.gabriel" <leonardo.gabriel@take.net>
Date: Tue, 26 Mar 2024 12:14:19 -0300
Subject: [PATCH 2/3] feat(BlipCallsVoiceRequest): change voice request class
 name

---
 src/components/BlipCallsVoiceRequest.vue | 32 +++++++++++-------------
 1 file changed, 14 insertions(+), 18 deletions(-)

diff --git a/src/components/BlipCallsVoiceRequest.vue b/src/components/BlipCallsVoiceRequest.vue
index 90deae85..9d444595 100644
--- a/src/components/BlipCallsVoiceRequest.vue
+++ b/src/components/BlipCallsVoiceRequest.vue
@@ -11,9 +11,9 @@
         <bds-grid margin="y-1" direction="row" justify-content="center" padding="x-2">
           <bds-icon v-if="position === 'right'" color="white" name="voip-call"/>
           <bds-icon v-else name="voip-call"/>
-          <bds-typo 
+          <bds-typo
             class="typo title-action"
-            variant="fs-16" 
+            variant="fs-16"
             bold="regular">{{ actionText }}
           </bds-typo>
         </bds-grid>
@@ -23,7 +23,6 @@
 </template>
 
 <script>
-
 export default {
   name: 'blip-calls-voice-request',
   props: {
@@ -44,26 +43,23 @@ export default {
 <style lang="scss">
 @import '../styles/variables.scss';
 
-.title-action {
-  margin-left: 8px;
-}
-
-.bubble {
-  max-width: 368px !important;
-}
-
-.action {
-  text-align: center;
-  border-top: 1px solid $color-content-ghost;
-  margin-top: 10px;
-  padding-top: 12px;
-}
-
 .blip-container.calls-voice-request {
   .bubble {
     text-align: left;
     overflow: hidden;
     padding: 10px 20px;
+    max-width: 368px !important;
+  }
+
+  .action {
+    text-align: center;
+    border-top: 1px solid $color-content-ghost;
+    margin-top: 10px;
+    padding-top: 12px;
+
+    .title-action {
+      margin-left: 8px;
+    }
   }
 }
 </style>

From 3395695a747bff7e9f161f991610f7aaea0c2e8e Mon Sep 17 00:00:00 2001
From: "leonardo.gabriel" <leonardo.gabriel@take.net>
Date: Tue, 26 Mar 2024 12:14:19 -0300
Subject: [PATCH 3/3] feat(BlipCallsVoiceRequest): change voice request class
 name

---
 src/components/BlipCallsVoiceRequest.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/BlipCallsVoiceRequest.vue b/src/components/BlipCallsVoiceRequest.vue
index 9d444595..27f3febc 100644
--- a/src/components/BlipCallsVoiceRequest.vue
+++ b/src/components/BlipCallsVoiceRequest.vue
@@ -40,7 +40,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 @import '../styles/variables.scss';
 
 .blip-container.calls-voice-request {