From 3dea085b60ca5a34eed1b2c0f0eb827491d2e67a Mon Sep 17 00:00:00 2001
From: Gabriel Pastori <58153955+gabrielpastori1@users.noreply.github.com>
Date: Mon, 11 Dec 2023 18:32:46 -0300
Subject: [PATCH] add chatwoot auto_create and profile photo

---
 package.json                                  |  2 +-
 src/components/instance/InstanceBody.vue      |  2 +-
 .../instance/profile/ProfilePhoto.vue         | 21 ++++++++++++-------
 src/components/instance/settings/Chatwoot.vue | 18 ++++++++++++++++
 src/layouts/default/AppFooter.vue             |  2 +-
 src/store/app.js                              |  7 +++++++
 6 files changed, 41 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index e1cdb80..eb0445c 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "evolution-manager",
   "description": "Evolution Manager is an open-source interface for managing the Evolution API, simplifying the creation and administration of API instances with advanced features and diverse integrations.",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "main": "dist",
   "engines": {
     "node": ">=16.0.0"
diff --git a/src/components/instance/InstanceBody.vue b/src/components/instance/InstanceBody.vue
index a28021e..837f857 100644
--- a/src/components/instance/InstanceBody.vue
+++ b/src/components/instance/InstanceBody.vue
@@ -91,7 +91,7 @@ export default {
         components: [
           "ConnectionAlert",
           "BasicInfo",
-          // "ProfilePhoto",
+          "ProfilePhoto",
           "Privacy",
         ],
       },
diff --git a/src/components/instance/profile/ProfilePhoto.vue b/src/components/instance/profile/ProfilePhoto.vue
index 26b0f89..2e1edd3 100644
--- a/src/components/instance/profile/ProfilePhoto.vue
+++ b/src/components/instance/profile/ProfilePhoto.vue
@@ -26,8 +26,7 @@
         {{ error }}
       </v-alert>
 
-      <div class="d-flex gap-x-4">
-        {{ instance.instance.profilePictureUrl }}
+      <div class="d-flex flex-wrap justify-center gap-x-4">
         <v-avatar size="150">
           <v-img
             v-if="instance.instance.profilePictureUrl"
@@ -46,13 +45,18 @@
           width="150"
           @click="selectPhoto"
         >
-          <v-icon size="50">mdi-upload</v-icon>
+          <v-progress-circular
+            indeterminate
+            v-if="loading == 'uploading'"
+            size="50"
+          />
+          <v-icon size="50" v-else>mdi-upload</v-icon>
           Selecionar foto
         </v-card>
         <v-card
           v-if="instance.instance.profilePictureUrl"
           variant="outlined"
-          class="h-full d-flex justify-center align-center rounded-pill"
+          class="h-full d-flex flex-column justify-center align-center rounded-pill"
           width="150"
           @click="removePicture"
           :disabled="loading"
@@ -121,7 +125,7 @@ export default {
           this.instance.instance.instanceName
         );
 
-        await this.AppStore.reconnect();
+        this.AppStore.setPhoto(this.instance.instance.instanceName, null);
       } catch (e) {
         this.error = e.message?.message || e.message || e;
       } finally {
@@ -135,18 +139,19 @@ export default {
         if (!this.isOpen) return;
 
         const file = event.target.files[0];
+
         const base64 = await this.fileToBase64(file);
 
         await instanceController.profile.updatePicture(
           this.instance.instance.instanceName,
-          base64
+          base64.split(",")[1]
         );
-
-        await this.AppStore.reconnect();
+        this.AppStore.setPhoto(this.instance.instance.instanceName, base64);
       } catch (e) {
         this.error = e.message?.message || e.message || e;
       } finally {
         this.loading = false;
+        event.target.value = "";
       }
     },
     fileToBase64(file) {
diff --git a/src/components/instance/settings/Chatwoot.vue b/src/components/instance/settings/Chatwoot.vue
index c956a83..14b2f34 100644
--- a/src/components/instance/settings/Chatwoot.vue
+++ b/src/components/instance/settings/Chatwoot.vue
@@ -133,6 +133,23 @@
               </template>
             </v-checkbox>
           </div>
+          <div v-if="chatwootData.auto_create !== undefined">
+            <v-checkbox
+              v-model="chatwootData.auto_create"
+              label="Conversa pendente"
+              :disabled="loading"
+              hide-details
+              class="mb-3"
+              density="compact"
+            >
+              <template v-slot:label>
+                <span>Criar Caixa de Entrada</span>
+                <HelpTooltip>
+                  Cria automaticamente a caixa de entrada no Chatwoot
+                </HelpTooltip>
+              </template>
+            </v-checkbox>
+          </div>
         </div>
       </v-form>
     </v-card-text>
@@ -177,6 +194,7 @@ const defaultObj = () => ({
   sign_msg: true,
   reopen_conversation: true,
   conversation_pending: false,
+  auto_create: undefined,
 });
 
 export default {
diff --git a/src/layouts/default/AppFooter.vue b/src/layouts/default/AppFooter.vue
index c000f3b..163af93 100644
--- a/src/layouts/default/AppFooter.vue
+++ b/src/layouts/default/AppFooter.vue
@@ -70,7 +70,7 @@ export default {
       {
         title: "Doc",
         icon: "mdi-book-open-page-variant",
-        url: "https://doc.evolution-api.com/help-center",
+        url: "https://doc.evolution-api.com",
       },
     ],
   }),
diff --git a/src/store/app.js b/src/store/app.js
index 8af7dba..a9e38a7 100644
--- a/src/store/app.js
+++ b/src/store/app.js
@@ -123,6 +123,13 @@ export const useAppStore = defineStore('app', {
       this.instancesList[index].instance.status = status
     },
 
+    setPhoto(instanceName, photo) {
+      const index = this.instancesList.findIndex(
+        (instance) => instance.instance.instanceName === instanceName
+      )
+      if (index !== -1) this.instancesList[index].instance.profilePictureUrl = photo
+    },
+
     addInstanceKey({ instance, key }) {
       this.instancesKeys[instance] = key
     },