Apply Mentions everywhere (#595)

* variables and mentions

* fix lint

* add missing changes

* fix tests

* update quilly, fix bugs

* fix lint

* apply fixes

* apply fixes

* Fix MentionParser

* Apply Mentions everywhere

* Fix MentionParserTest

* Small refactoring

* Fixing quill import issues

* Polished email integration, added customer sender mail

* Add missing changes

* improve migration command

---------

Co-authored-by: Frank <csskfaves@gmail.com>
Co-authored-by: Julien Nahum <julien@nahum.net>

client/components/open/integrations/components/IntegrationWrapper.vue

@@ -11,19 +11,18 @@
           label="Enabled"
         />
       </slot>
-      <slot name="help">
-        <v-button
-          class="flex"
-          color="white"
-          size="small"
+      <slot
+        v-if="integration?.crisp_help_page_slug"
+        name="help"
+      >
+        <UButton
+          color="gray"
+          size="sm"
+          icon="i-heroicons-question-mark-circle-solid"
           @click="openHelp"
         >
-          <Icon
-            name="heroicons:question-mark-circle-16-solid"
-            class="w-4 h-4 text-gray-500 -mt-[3px]"
-          />
-          <span class="text-gray-500"> Help </span>
-        </v-button>
+          Help
+        </UButton>
       </slot>
     </div>
 

client/components/open/integrations/components/NotificationsMessageActions.vue

@@ -1,5 +1,13 @@
 <template>
   <div>
+    <MentionInput
+      v-model="compVal.message"
+      :mentions="form.properties"
+      name="message"
+      class="mt-4"
+      label="Notification Message"
+      help="Customize the text of the notification message. Click @ to include form field values."
+    />
     <toggle-switch-input
       v-model="compVal.include_submission_data"
       name="include_submission_data"
@@ -43,6 +51,7 @@ export default {
   components: {},
   props: {
     modelValue: { type: Object, required: false },
+    form: { type: Object, required: true },
   },
   emits:  ['modelValue',  'input'],
   data() {
@@ -74,6 +83,7 @@ export default {
       this.compVal = {}
     }
     [
+      "message",
       "include_submission_data",
       "link_open_form",
       "link_edit_form",
@@ -81,7 +91,11 @@ export default {
       "link_edit_submission",
     ].forEach((keyname) => {
       if (this.compVal[keyname] === undefined) {
-        this.compVal[keyname] = true
+        if (keyname === 'message') {
+          this.compVal[keyname] = 'New form submission'
+        } else {
+          this.compVal[keyname] = true
+        }
       }
     })
   },