feat: prevent hyphen and space on template name paste

weni-ai · Nov 6, 2023 · 871d80d · 871d80d
1 parent 83e861f
commit 871d80d
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/components/whatsAppTemplates/FormTabContent.vue b/src/components/whatsAppTemplates/FormTabContent.vue
@@ -4,6 +4,7 @@
       <div class="form-tab-content--inline">
         <unnnic-input
           class="form-tab-content__input--name"
+          ref="nameInput"
           :disabled="disableInputs || formMode !== 'create'"
           :value="templateForm.name"
           @input="handleTemplateFormInput({ fieldName: 'name', fieldValue: $event })"
@@ -174,6 +175,18 @@
         },
       };
     },
+    mounted() {
+      const nativeNameInput = this.$refs.nameInput.$el.querySelector('input');
+
+      nativeNameInput.addEventListener('paste', (event) => {
+        event.preventDefault();
+        nativeNameInput.value = event.clipboardData
+          .getData('Text')
+          .replaceAll(' ', '_')
+          .replaceAll('-', '_')
+          .toLowerCase();
+      });
+    },
     computed: {
       ...mapGetters('WhatsApp', ['templateTranslationCurrentForm']),
       ...mapState('WhatsApp', ['templateForm', 'whatsAppTemplates']),