From 1db00b79bd483fa3225806aa37b40429278d3f59 Mon Sep 17 00:00:00 2001
From: Gabriel Pastori <58153955+gabrielpastori1@users.noreply.github.com>
Date: Thu, 30 Nov 2023 11:59:10 -0300
Subject: [PATCH] add fallback to all copy function

---
 src/components/instance/InstanceHeader.vue     |  5 ++++-
 src/components/instance/message/MyChats.vue    |  9 ++-------
 src/components/instance/message/MyContacts.vue |  9 ++-------
 src/components/instance/message/MyGroups.vue   |  9 ++-------
 src/components/modal/ChatwootConfig.vue        |  5 +++--
 src/components/modal/Contribute.vue            |  8 +++++---
 src/components/modal/ShareConnection.vue       |  7 +++----
 src/helpers/copyToClipboard.js                 | 15 +++++++++++++++
 8 files changed, 36 insertions(+), 31 deletions(-)
 create mode 100644 src/helpers/copyToClipboard.js

diff --git a/src/components/instance/InstanceHeader.vue b/src/components/instance/InstanceHeader.vue
index f9b9b2a..8129ac4 100644
--- a/src/components/instance/InstanceHeader.vue
+++ b/src/components/instance/InstanceHeader.vue
@@ -90,6 +90,7 @@
 <script>
 import { useAppStore } from "@/store/app";
 import statusMapper from "@/helpers/mappers/status";
+import copyToClipboard from "@/helpers/copyToClipboard";
 import instanceController from "@/services/instanceController";
 
 export default {
@@ -105,7 +106,9 @@ export default {
   methods: {
     copyApikey() {
       if (this.copied) return;
-      navigator.clipboard.writeText(this.instance.instance.apikey);
+
+      copyToClipboard(this.instance.instance.apikey);
+
       this.copied = true;
       setTimeout(() => {
         this.copied = false;
diff --git a/src/components/instance/message/MyChats.vue b/src/components/instance/message/MyChats.vue
index 71877d3..3d44044 100644
--- a/src/components/instance/message/MyChats.vue
+++ b/src/components/instance/message/MyChats.vue
@@ -82,7 +82,7 @@
 
 <script>
 import instanceController from "@/services/instanceController";
-
+import copyToClipboard from "@/helpers/copyToClipboard";
 export default {
   name: "MyChats",
   props: {
@@ -113,12 +113,7 @@ export default {
     copy(group) {
       if (this.copied.includes(group.id)) return;
 
-      const el = document.createElement("textarea");
-      el.value = group.id;
-      document.body.appendChild(el);
-      el.select();
-      document.execCommand("copy");
-      document.body.removeChild(el);
+      copyToClipboard(group.id);
 
       this.copied.push(group.id);
       setTimeout(() => {
diff --git a/src/components/instance/message/MyContacts.vue b/src/components/instance/message/MyContacts.vue
index ea2ba52..60f0028 100644
--- a/src/components/instance/message/MyContacts.vue
+++ b/src/components/instance/message/MyContacts.vue
@@ -98,7 +98,7 @@
 
 <script>
 import instanceController from "@/services/instanceController";
-
+import copyToClipboard from "@/helpers/copyToClipboard";
 export default {
   name: "MyChats",
   props: {
@@ -129,12 +129,7 @@ export default {
     copy(group) {
       if (this.copied.includes(group.id)) return;
 
-      const el = document.createElement("textarea");
-      el.value = group.id;
-      document.body.appendChild(el);
-      el.select();
-      document.execCommand("copy");
-      document.body.removeChild(el);
+      copyToClipboard(group.id);
 
       this.copied.push(group.id);
       setTimeout(() => {
diff --git a/src/components/instance/message/MyGroups.vue b/src/components/instance/message/MyGroups.vue
index 2328268..8413019 100644
--- a/src/components/instance/message/MyGroups.vue
+++ b/src/components/instance/message/MyGroups.vue
@@ -96,7 +96,7 @@
 <script>
 import instanceController from "@/services/instanceController";
 import GroupModal from "../../modal/GroupModal.vue";
-
+import copyToClipboard from "@/helpers/copyToClipboard";
 
 export default {
   name: "MyGroups",
@@ -127,12 +127,7 @@ export default {
     copy(group) {
       if (this.copied.includes(group.id)) return;
 
-      const el = document.createElement("textarea");
-      el.value = group.id;
-      document.body.appendChild(el);
-      el.select();
-      document.execCommand("copy");
-      document.body.removeChild(el);
+      copyToClipboard(group.id);
 
       this.copied.push(group.id);
       setTimeout(() => {
diff --git a/src/components/modal/ChatwootConfig.vue b/src/components/modal/ChatwootConfig.vue
index ffaafb1..e744ec3 100644
--- a/src/components/modal/ChatwootConfig.vue
+++ b/src/components/modal/ChatwootConfig.vue
@@ -78,7 +78,7 @@
 
 <script>
 import { useAppStore } from "@/store/app";
-
+import copyToClipboard from "@/helpers/copyToClipboard";
 export default {
   name: "SettingsModal",
   data: () => ({
@@ -94,7 +94,8 @@ export default {
       this.dialog = true;
     },
     copyValue(key) {
-      navigator.clipboard.writeText(this[key]);
+      copyToClipboard(this[key]);
+
       this.copy[key] = true;
       setTimeout(() => {
         this.copy[key] = false;
diff --git a/src/components/modal/Contribute.vue b/src/components/modal/Contribute.vue
index 869a6e0..48efb9b 100644
--- a/src/components/modal/Contribute.vue
+++ b/src/components/modal/Contribute.vue
@@ -28,6 +28,8 @@
 </template>
 
 <script>
+import copyToClipboard from "@/helpers/copyToClipboard";
+
 export default {
   name: "SettingsModal",
   data: () => ({
@@ -39,9 +41,9 @@ export default {
   methods: {
     copy() {
       if (this.copied) return;
-      if (!navigator.clipboard)
-        return alert("Seu navegador não suporta a função de copiar texto.");
-      navigator.clipboard.writeText(this.key);
+
+      copyToClipboard(this.key);
+      
       this.copied = true;
       setTimeout(() => {
         this.copied = false;
diff --git a/src/components/modal/ShareConnection.vue b/src/components/modal/ShareConnection.vue
index 3253aee..2ee481e 100644
--- a/src/components/modal/ShareConnection.vue
+++ b/src/components/modal/ShareConnection.vue
@@ -44,6 +44,7 @@
 </template>
 
 <script>
+import copyToClipboard from "@/helpers/copyToClipboard";
 export default {
   name: "SettingsModal",
   data: () => ({
@@ -54,15 +55,13 @@ export default {
   methods: {
     copy() {
       if (this.copied) return;
-      if (!navigator.clipboard)
-        return alert("Seu navegador não suporta a função de copiar texto.");
-
       const url = new URL(window.location.href);
       const connection = JSON.stringify(this.connection);
       const base64 = btoa(connection);
       url.searchParams.set("connection", base64);
 
-      navigator.clipboard.writeText(url.href);
+      copyToClipboard(url.href);
+      
       this.copied = true;
       setTimeout(() => {
         this.copied = false;
diff --git a/src/helpers/copyToClipboard.js b/src/helpers/copyToClipboard.js
new file mode 100644
index 0000000..c577eaf
--- /dev/null
+++ b/src/helpers/copyToClipboard.js
@@ -0,0 +1,15 @@
+export default (value) => {
+  if (navigator.clipboard) {
+    navigator.clipboard.writeText(value);
+  } else {
+    const el = document.createElement("textarea");
+    el.value = value;
+    el.setAttribute("readonly", "");
+    el.style.position = "absolute";
+    el.style.left = "-9999px";
+    document.body.appendChild(el);
+    el.select();
+    document.execCommand("copy");
+    document.body.removeChild(el);
+  }
+}
\ No newline at end of file