From 82fa0b2b8ca09f1b1c4424ad3d53399b3425b72c Mon Sep 17 00:00:00 2001
From: nsano-rururu <nsano@ae.em-net.ne.jp>
Date: Mon, 14 Nov 2022 23:11:13 +0900
Subject: [PATCH] Add mattermost_emoji_override

---
 package-lock.json                             | 217 +++++++-----------
 package.json                                  |  16 +-
 .../config/alert/ConfigAlertMattermost.vue    |  73 +++++-
 src/store/config/alert.js                     |   5 +
 src/store/config/index.js                     |  10 +
 .../mockData/alert/ruleDataMattermost002.js   |   2 +-
 .../specs/alert/ConfigYamlMattermost.spec.js  |   1 +
 .../alert/ConfigYamlMattermost002.spec.js     |   2 +-
 8 files changed, 183 insertions(+), 143 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b023ec20..bbdb7ccf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,34 +14,34 @@
         "@fortawesome/free-brands-svg-icons": "6.2.0",
         "@fortawesome/free-regular-svg-icons": "6.2.0",
         "@fortawesome/free-solid-svg-icons": "6.2.0",
-        "@fortawesome/vue-fontawesome": "2.0.8",
+        "@fortawesome/vue-fontawesome": "2.0.9",
         "@riophae/vue-treeselect": "0.4.0",
         "axios": "1.1.3",
         "browser-bunyan": "1.8.0",
         "canvas": "^2.10.2",
         "change-case": "4.1.2",
         "comma-number": "2.1.0",
-        "core-js": "^3.26.0",
+        "core-js": "^3.26.1",
         "cron-ui": "1.0.3",
         "debounce": "1.2.1",
         "echarts": "^5.4.0",
         "element-ui": "2.15.10",
-        "emoji-mart-vue-fast": "^11.2.0",
+        "emoji-mart-vue-fast": "^12.0.1",
         "js-yaml": "4.1.0",
         "lodash.clonedeep": "4.5.0",
         "lodash.get": "4.4.2",
         "lodash.throttle": "4.1.1",
         "moment": "2.29.4",
-        "moment-timezone": "0.5.38",
+        "moment-timezone": "0.5.39",
         "normalize.css": "8.0.1",
         "prettycron": "0.10.0",
         "prismjs": "1.29.0",
-        "sass": "^1.56.0",
+        "sass": "^1.56.1",
         "sass-loader": "^10.1.0",
         "semver": "7.3.8",
         "string-format": "2.0.0",
         "validator": "^13.7.0",
-        "vue": "^2.7.13",
+        "vue": "^2.7.14",
         "vue-at": "2.5.0-beta.2",
         "vue-cron-editor-buefy": "^0.2.17",
         "vue-echarts": "6.2.3",
@@ -70,7 +70,7 @@
         "@vue/test-utils": "1.3.0",
         "axios-mock-adapter": "1.21.2",
         "babel-plugin-istanbul": "6.1.1",
-        "chai": "4.3.6",
+        "chai": "4.3.7",
         "coverage-istanbul-loader": "^3.0.5",
         "cross-env": "7.0.3",
         "cypress": "^10.11.0",
@@ -82,7 +82,7 @@
         "localstorage-polyfill": "1.0.1",
         "mutationobserver-simple-polyfill": "0.0.2",
         "nyc": "15.1.0",
-        "vue-template-compiler": "^2.7.13"
+        "vue-template-compiler": "^2.7.14"
       }
     },
     "node_modules/@achrinza/node-ipc": {
@@ -2101,8 +2101,9 @@
       }
     },
     "node_modules/@fortawesome/vue-fontawesome": {
-      "version": "2.0.8",
-      "license": "MIT",
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-2.0.9.tgz",
+      "integrity": "sha512-tUmO92PFHbLOplitjHNBVGMJm6S57vp16tBXJVPKSI/6CfjrgLycqKxEpC6f7qsOqUdoXs5nIv4HLUfrOMHzuw==",
       "peerDependencies": {
         "@fortawesome/fontawesome-svg-core": "~1 || ~6",
         "vue": "~2"
@@ -5803,13 +5804,14 @@
       "license": "Apache-2.0"
     },
     "node_modules/chai": {
-      "version": "4.3.6",
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.7.tgz",
+      "integrity": "sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "assertion-error": "^1.1.0",
         "check-error": "^1.0.2",
-        "deep-eql": "^3.0.1",
+        "deep-eql": "^4.1.2",
         "get-func-name": "^2.0.0",
         "loupe": "^2.3.1",
         "pathval": "^1.1.1",
@@ -6977,9 +6979,9 @@
       }
     },
     "node_modules/core-js": {
-      "version": "3.26.0",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.26.0.tgz",
-      "integrity": "sha512-+DkDrhoR4Y0PxDz6rurahuB+I45OsEUv8E1maPTB6OuHRohMMcznBq9TMpdpDMm/hUPob/mJJS3PqgbHpMTQgw==",
+      "version": "3.26.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.26.1.tgz",
+      "integrity": "sha512-21491RRQVzUn0GGM9Z1Jrpr6PNPxPi+Za8OM9q4tksTSnlbXXGKK1nXNg/QvwFYettXvSX6zWKCtHHfjN4puyA==",
       "hasInstallScript": true,
       "funding": {
         "type": "opencollective",
@@ -7962,14 +7964,15 @@
       }
     },
     "node_modules/deep-eql": {
-      "version": "3.0.1",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-4.1.2.tgz",
+      "integrity": "sha512-gT18+YW4CcW/DBNTwAmqTtkJh7f9qqScu2qFVlx7kCoeY9tlBu9cUcr7+I+Z/noG8INehS3xQgLpTtd/QUTn4w==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "type-detect": "^4.0.0"
       },
       "engines": {
-        "node": ">=0.12"
+        "node": ">=6"
       }
     },
     "node_modules/deep-equal": {
@@ -8661,13 +8664,12 @@
       "license": "MIT"
     },
     "node_modules/emoji-mart-vue-fast": {
-      "version": "11.2.0",
-      "resolved": "https://registry.npmjs.org/emoji-mart-vue-fast/-/emoji-mart-vue-fast-11.2.0.tgz",
-      "integrity": "sha512-dEVAJAbQop+efR8Zn4bvPQtSREwsVZccQxEBHdi1GNPO0JC9H6l0FswuCli/TrZXAQr1KS7dGEUhS9A1gURFRA==",
+      "version": "12.0.1",
+      "resolved": "https://registry.npmjs.org/emoji-mart-vue-fast/-/emoji-mart-vue-fast-12.0.1.tgz",
+      "integrity": "sha512-qO8F9aduHwPGEU2U1YobOH3lRXEMvrjej6KdhGMnSoMJ+OFSmNf+pUal/MbrEn0RUy+Uqc7U9sPopA+3ipK4+g==",
       "dependencies": {
         "@babel/runtime": "^7.18.6",
-        "core-js": "^3.23.5",
-        "vue-virtual-scroller": "^1.0.10"
+        "core-js": "^3.23.5"
       },
       "peerDependencies": {
         "vue": ">2.0.0"
@@ -15001,9 +15003,9 @@
       }
     },
     "node_modules/moment-timezone": {
-      "version": "0.5.38",
-      "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.38.tgz",
-      "integrity": "sha512-nMIrzGah4+oYZPflDvLZUgoVUO4fvAqHstvG3xAUnMolWncuAiLDWNnJZj6EwJGMGfb1ZcuTFE6GI3hNOVWI/Q==",
+      "version": "0.5.39",
+      "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.39.tgz",
+      "integrity": "sha512-hoB6suq4ISDj7BDgctiOy6zljBsdYT0++0ZzZm9rtxIvJhIbQ3nmbgSWe7dNFGurl6/7b1OUkHlmN9JWgXVz7w==",
       "dependencies": {
         "moment": ">= 2.9.0"
       },
@@ -17997,9 +17999,9 @@
       "license": "MIT"
     },
     "node_modules/sass": {
-      "version": "1.56.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.56.0.tgz",
-      "integrity": "sha512-WFJ9XrpkcnqZcYuLRJh5qiV6ibQOR4AezleeEjTjMsCocYW59dEG19U3fwTTXxzi2Ed3yjPBp727hbbj53pHFw==",
+      "version": "1.56.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.56.1.tgz",
+      "integrity": "sha512-VpEyKpyBPCxE7qGDtOcdJ6fFbcpOM+Emu7uZLxVrkX8KVU/Dp5UF7WLvzqRuUhB6mqqQt1xffLoG+AndxTZrCQ==",
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0",
         "immutable": "^4.0.0",
@@ -18104,11 +18106,6 @@
         "node": ">= 4"
       }
     },
-    "node_modules/scrollparent": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/scrollparent/-/scrollparent-2.0.1.tgz",
-      "integrity": "sha512-HSdN78VMvFCSGCkh0oYX/tY4R3P1DW61f8+TeZZ4j2VLgfwvw0bpRSOv4PCVKisktIwbzHCfZsx+rLbbDBqIBA=="
-    },
     "node_modules/select-hose": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
@@ -19971,8 +19968,9 @@
     },
     "node_modules/type-detect": {
       "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -20449,11 +20447,11 @@
       "license": "MIT"
     },
     "node_modules/vue": {
-      "version": "2.7.13",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.13.tgz",
-      "integrity": "sha512-QnM6ULTNnPmn71eUO+4hdjfBIA3H0GLsBnchnI/kS678tjI45GOUZhXd0oP/gX9isikXz1PAzSnkPspp9EUNfQ==",
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.14.tgz",
+      "integrity": "sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==",
       "dependencies": {
-        "@vue/compiler-sfc": "2.7.13",
+        "@vue/compiler-sfc": "2.7.14",
         "csstype": "^3.1.0"
       }
     },
@@ -20735,11 +20733,6 @@
       "version": "2.0.15",
       "license": "MIT"
     },
-    "node_modules/vue-observe-visibility": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/vue-observe-visibility/-/vue-observe-visibility-0.4.6.tgz",
-      "integrity": "sha512-xo0CEVdkjSjhJoDdLSvoZoQrw/H2BlzB5jrCBKGZNXN2zdZgMuZ9BKrxXDjNP2AxlcCoKc8OahI3F3r3JGLv2Q=="
-    },
     "node_modules/vue-prism-component": {
       "version": "1.2.0",
       "license": "MIT"
@@ -20750,14 +20743,6 @@
         "vue": "^2.5.16"
       }
     },
-    "node_modules/vue-resize": {
-      "version": "0.4.5",
-      "resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-0.4.5.tgz",
-      "integrity": "sha512-bhP7MlgJQ8TIkZJXAfDf78uJO+mEI3CaLABLjv0WNzr4CcGRGPIAItyWYnP6LsPA4Oq0WE+suidNs6dgpO4RHg==",
-      "peerDependencies": {
-        "vue": "^2.3.0"
-      }
-    },
     "node_modules/vue-router": {
       "version": "3.6.5",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.6.5.tgz",
@@ -20794,9 +20779,9 @@
       "dev": true
     },
     "node_modules/vue-template-compiler": {
-      "version": "2.7.13",
-      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.13.tgz",
-      "integrity": "sha512-jYM6TClwDS9YqP48gYrtAtaOhRKkbYmbzE+Q51gX5YDr777n7tNI/IZk4QV4l/PjQPNh/FVa/E92sh/RqKMrog==",
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz",
+      "integrity": "sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==",
       "dev": true,
       "dependencies": {
         "de-indent": "^1.0.2",
@@ -20809,23 +20794,10 @@
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
       "dev": true
     },
-    "node_modules/vue-virtual-scroller": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/vue-virtual-scroller/-/vue-virtual-scroller-1.0.10.tgz",
-      "integrity": "sha512-Hn4qSBDhRY4XdngPioYy/ykDjrLX/NMm1fQXm/4UQQ/Xv1x8JbHGFZNftQowTcfICgN7yc31AKnUk1UGLJ2ndA==",
-      "dependencies": {
-        "scrollparent": "^2.0.1",
-        "vue-observe-visibility": "^0.4.4",
-        "vue-resize": "^0.4.5"
-      },
-      "peerDependencies": {
-        "vue": "^2.6.11"
-      }
-    },
     "node_modules/vue/node_modules/@vue/compiler-sfc": {
-      "version": "2.7.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.13.tgz",
-      "integrity": "sha512-zzu2rLRZlgIU+OT3Atbr7Y6PG+LW4wVQpPfNRrGDH3dM9PsrcVfa+1pKb8bW467bGM3aDOvAnsYLWVpYIv3GRg==",
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz",
+      "integrity": "sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA==",
       "dependencies": {
         "@babel/parser": "^7.18.4",
         "postcss": "^8.4.14",
@@ -20833,9 +20805,9 @@
       }
     },
     "node_modules/vue/node_modules/postcss": {
-      "version": "8.4.18",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz",
-      "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==",
+      "version": "8.4.19",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz",
+      "integrity": "sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==",
       "funding": [
         {
           "type": "opencollective",
@@ -23753,7 +23725,9 @@
       }
     },
     "@fortawesome/vue-fontawesome": {
-      "version": "2.0.8",
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-2.0.9.tgz",
+      "integrity": "sha512-tUmO92PFHbLOplitjHNBVGMJm6S57vp16tBXJVPKSI/6CfjrgLycqKxEpC6f7qsOqUdoXs5nIv4HLUfrOMHzuw==",
       "requires": {}
     },
     "@hapi/address": {
@@ -26666,12 +26640,14 @@
       "dev": true
     },
     "chai": {
-      "version": "4.3.6",
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.7.tgz",
+      "integrity": "sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==",
       "dev": true,
       "requires": {
         "assertion-error": "^1.1.0",
         "check-error": "^1.0.2",
-        "deep-eql": "^3.0.1",
+        "deep-eql": "^4.1.2",
         "get-func-name": "^2.0.0",
         "loupe": "^2.3.1",
         "pathval": "^1.1.1",
@@ -27530,9 +27506,9 @@
       }
     },
     "core-js": {
-      "version": "3.26.0",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.26.0.tgz",
-      "integrity": "sha512-+DkDrhoR4Y0PxDz6rurahuB+I45OsEUv8E1maPTB6OuHRohMMcznBq9TMpdpDMm/hUPob/mJJS3PqgbHpMTQgw=="
+      "version": "3.26.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.26.1.tgz",
+      "integrity": "sha512-21491RRQVzUn0GGM9Z1Jrpr6PNPxPi+Za8OM9q4tksTSnlbXXGKK1nXNg/QvwFYettXvSX6zWKCtHHfjN4puyA=="
     },
     "core-js-compat": {
       "version": "3.23.3",
@@ -28210,7 +28186,9 @@
       }
     },
     "deep-eql": {
-      "version": "3.0.1",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-4.1.2.tgz",
+      "integrity": "sha512-gT18+YW4CcW/DBNTwAmqTtkJh7f9qqScu2qFVlx7kCoeY9tlBu9cUcr7+I+Z/noG8INehS3xQgLpTtd/QUTn4w==",
       "dev": true,
       "requires": {
         "type-detect": "^4.0.0"
@@ -28745,13 +28723,12 @@
       }
     },
     "emoji-mart-vue-fast": {
-      "version": "11.2.0",
-      "resolved": "https://registry.npmjs.org/emoji-mart-vue-fast/-/emoji-mart-vue-fast-11.2.0.tgz",
-      "integrity": "sha512-dEVAJAbQop+efR8Zn4bvPQtSREwsVZccQxEBHdi1GNPO0JC9H6l0FswuCli/TrZXAQr1KS7dGEUhS9A1gURFRA==",
+      "version": "12.0.1",
+      "resolved": "https://registry.npmjs.org/emoji-mart-vue-fast/-/emoji-mart-vue-fast-12.0.1.tgz",
+      "integrity": "sha512-qO8F9aduHwPGEU2U1YobOH3lRXEMvrjej6KdhGMnSoMJ+OFSmNf+pUal/MbrEn0RUy+Uqc7U9sPopA+3ipK4+g==",
       "requires": {
         "@babel/runtime": "^7.18.6",
-        "core-js": "^3.23.5",
-        "vue-virtual-scroller": "^1.0.10"
+        "core-js": "^3.23.5"
       }
     },
     "emoji-regex": {
@@ -33348,9 +33325,9 @@
       "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w=="
     },
     "moment-timezone": {
-      "version": "0.5.38",
-      "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.38.tgz",
-      "integrity": "sha512-nMIrzGah4+oYZPflDvLZUgoVUO4fvAqHstvG3xAUnMolWncuAiLDWNnJZj6EwJGMGfb1ZcuTFE6GI3hNOVWI/Q==",
+      "version": "0.5.39",
+      "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.39.tgz",
+      "integrity": "sha512-hoB6suq4ISDj7BDgctiOy6zljBsdYT0++0ZzZm9rtxIvJhIbQ3nmbgSWe7dNFGurl6/7b1OUkHlmN9JWgXVz7w==",
       "requires": {
         "moment": ">= 2.9.0"
       }
@@ -35642,9 +35619,9 @@
       "dev": true
     },
     "sass": {
-      "version": "1.56.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.56.0.tgz",
-      "integrity": "sha512-WFJ9XrpkcnqZcYuLRJh5qiV6ibQOR4AezleeEjTjMsCocYW59dEG19U3fwTTXxzi2Ed3yjPBp727hbbj53pHFw==",
+      "version": "1.56.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.56.1.tgz",
+      "integrity": "sha512-VpEyKpyBPCxE7qGDtOcdJ6fFbcpOM+Emu7uZLxVrkX8KVU/Dp5UF7WLvzqRuUhB6mqqQt1xffLoG+AndxTZrCQ==",
       "requires": {
         "chokidar": ">=3.0.0 <4.0.0",
         "immutable": "^4.0.0",
@@ -35700,11 +35677,6 @@
         "ajv-keywords": "^3.1.0"
       }
     },
-    "scrollparent": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/scrollparent/-/scrollparent-2.0.1.tgz",
-      "integrity": "sha512-HSdN78VMvFCSGCkh0oYX/tY4R3P1DW61f8+TeZZ4j2VLgfwvw0bpRSOv4PCVKisktIwbzHCfZsx+rLbbDBqIBA=="
-    },
     "select-hose": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
@@ -37166,6 +37138,8 @@
     },
     "type-detect": {
       "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
       "dev": true
     },
     "type-fest": {
@@ -37524,18 +37498,18 @@
       "version": "1.1.2"
     },
     "vue": {
-      "version": "2.7.13",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.13.tgz",
-      "integrity": "sha512-QnM6ULTNnPmn71eUO+4hdjfBIA3H0GLsBnchnI/kS678tjI45GOUZhXd0oP/gX9isikXz1PAzSnkPspp9EUNfQ==",
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.14.tgz",
+      "integrity": "sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==",
       "requires": {
-        "@vue/compiler-sfc": "2.7.13",
+        "@vue/compiler-sfc": "2.7.14",
         "csstype": "^3.1.0"
       },
       "dependencies": {
         "@vue/compiler-sfc": {
-          "version": "2.7.13",
-          "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.13.tgz",
-          "integrity": "sha512-zzu2rLRZlgIU+OT3Atbr7Y6PG+LW4wVQpPfNRrGDH3dM9PsrcVfa+1pKb8bW467bGM3aDOvAnsYLWVpYIv3GRg==",
+          "version": "2.7.14",
+          "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz",
+          "integrity": "sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA==",
           "requires": {
             "@babel/parser": "^7.18.4",
             "postcss": "^8.4.14",
@@ -37543,9 +37517,9 @@
           }
         },
         "postcss": {
-          "version": "8.4.18",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz",
-          "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==",
+          "version": "8.4.19",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz",
+          "integrity": "sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==",
           "requires": {
             "nanoid": "^3.3.4",
             "picocolors": "^1.0.0",
@@ -37737,11 +37711,6 @@
     "vue-native-websocket": {
       "version": "2.0.15"
     },
-    "vue-observe-visibility": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/vue-observe-visibility/-/vue-observe-visibility-0.4.6.tgz",
-      "integrity": "sha512-xo0CEVdkjSjhJoDdLSvoZoQrw/H2BlzB5jrCBKGZNXN2zdZgMuZ9BKrxXDjNP2AxlcCoKc8OahI3F3r3JGLv2Q=="
-    },
     "vue-prism-component": {
       "version": "1.2.0"
     },
@@ -37751,12 +37720,6 @@
         "vue": "^2.5.16"
       }
     },
-    "vue-resize": {
-      "version": "0.4.5",
-      "resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-0.4.5.tgz",
-      "integrity": "sha512-bhP7MlgJQ8TIkZJXAfDf78uJO+mEI3CaLABLjv0WNzr4CcGRGPIAItyWYnP6LsPA4Oq0WE+suidNs6dgpO4RHg==",
-      "requires": {}
-    },
     "vue-router": {
       "version": "3.6.5",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.6.5.tgz",
@@ -37787,9 +37750,9 @@
       }
     },
     "vue-template-compiler": {
-      "version": "2.7.13",
-      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.13.tgz",
-      "integrity": "sha512-jYM6TClwDS9YqP48gYrtAtaOhRKkbYmbzE+Q51gX5YDr777n7tNI/IZk4QV4l/PjQPNh/FVa/E92sh/RqKMrog==",
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz",
+      "integrity": "sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==",
       "dev": true,
       "requires": {
         "de-indent": "^1.0.2",
@@ -37802,16 +37765,6 @@
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
       "dev": true
     },
-    "vue-virtual-scroller": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/vue-virtual-scroller/-/vue-virtual-scroller-1.0.10.tgz",
-      "integrity": "sha512-Hn4qSBDhRY4XdngPioYy/ykDjrLX/NMm1fQXm/4UQQ/Xv1x8JbHGFZNftQowTcfICgN7yc31AKnUk1UGLJ2ndA==",
-      "requires": {
-        "scrollparent": "^2.0.1",
-        "vue-observe-visibility": "^0.4.4",
-        "vue-resize": "^0.4.5"
-      }
-    },
     "vuex": {
       "version": "3.6.2",
       "requires": {}
diff --git a/package.json b/package.json
index 19c81e9c..9367a23d 100644
--- a/package.json
+++ b/package.json
@@ -21,34 +21,34 @@
     "@fortawesome/free-brands-svg-icons": "6.2.0",
     "@fortawesome/free-regular-svg-icons": "6.2.0",
     "@fortawesome/free-solid-svg-icons": "6.2.0",
-    "@fortawesome/vue-fontawesome": "2.0.8",
+    "@fortawesome/vue-fontawesome": "2.0.9",
     "@riophae/vue-treeselect": "0.4.0",
     "axios": "1.1.3",
     "browser-bunyan": "1.8.0",
     "canvas": "^2.10.2",
     "change-case": "4.1.2",
     "comma-number": "2.1.0",
-    "core-js": "^3.26.0",
+    "core-js": "^3.26.1",
     "cron-ui": "1.0.3",
     "debounce": "1.2.1",
     "echarts": "^5.4.0",
     "element-ui": "2.15.10",
-    "emoji-mart-vue-fast": "^11.2.0",
+    "emoji-mart-vue-fast": "^12.0.1",
     "js-yaml": "4.1.0",
     "lodash.clonedeep": "4.5.0",
     "lodash.get": "4.4.2",
     "lodash.throttle": "4.1.1",
     "moment": "2.29.4",
-    "moment-timezone": "0.5.38",
+    "moment-timezone": "0.5.39",
     "normalize.css": "8.0.1",
     "prettycron": "0.10.0",
     "prismjs": "1.29.0",
-    "sass": "^1.56.0",
+    "sass": "^1.56.1",
     "sass-loader": "^10.1.0",
     "semver": "7.3.8",
     "string-format": "2.0.0",
     "validator": "^13.7.0",
-    "vue": "^2.7.13",
+    "vue": "^2.7.14",
     "vue-at": "2.5.0-beta.2",
     "vue-cron-editor-buefy": "^0.2.17",
     "vue-echarts": "6.2.3",
@@ -77,7 +77,7 @@
     "@vue/test-utils": "1.3.0",
     "axios-mock-adapter": "1.21.2",
     "babel-plugin-istanbul": "6.1.1",
-    "chai": "4.3.6",
+    "chai": "4.3.7",
     "coverage-istanbul-loader": "^3.0.5",
     "cross-env": "7.0.3",
     "cypress": "^10.11.0",
@@ -89,7 +89,7 @@
     "localstorage-polyfill": "1.0.1",
     "mutationobserver-simple-polyfill": "0.0.2",
     "nyc": "15.1.0",
-    "vue-template-compiler": "^2.7.13"
+    "vue-template-compiler": "^2.7.14"
   },
   "overrides": {
     "@vue/vue-loader-v15": "npm:vue-loader@^15.10.0"
diff --git a/src/components/config/alert/ConfigAlertMattermost.vue b/src/components/config/alert/ConfigAlertMattermost.vue
index e42c6fba..9404dba0 100644
--- a/src/components/config/alert/ConfigAlertMattermost.vue
+++ b/src/components/config/alert/ConfigAlertMattermost.vue
@@ -13,6 +13,26 @@
       <label>This is the username that will appear in Mattermost for the alert</label>
     </praeco-form-item>
 
+    <div v-show="viewOnly">
+      <emoji
+        :data="emojiIndex"
+        :emoji="mattermostEmojiOverride"
+        :size="32"
+        :disabled="viewOnly" />
+    </div>
+    <div v-if="!viewOnly">
+      <picker
+        :disabled="viewOnly"
+        :data="emojiIndex"
+        color="#189acc"
+        @select="addMattermostEmoji" />
+      <emoji
+        :data="emojiIndex"
+        :emoji="mattermostEmojiOverride"
+        :size="32"
+        :disabled="viewOnly" />
+    </div>
+
     <el-form-item label="Message color" prop="mattermostMsgColor" required>
       <el-radio-group v-model="mattermostMsgColor" :disabled="viewOnly">
         <el-radio id="mattermostMsgColorDanger" label="danger" border class="mattermost-danger">
@@ -124,9 +144,22 @@
 </template>
 
 <script>
+import emojiData from 'emoji-mart-vue-fast/data/all.json';
+import { Picker, Emoji, EmojiIndex } from 'emoji-mart-vue-fast';
+
+let emojiIndex = new EmojiIndex(emojiData);
+
 export default {
+  components: {
+    Emoji,
+    Picker
+  },
   props: ['viewOnly'],
-
+  data() {
+    return {
+      emojiIndex,
+    };
+  },
   computed: {
     mattermostChannelOverride: {
       get() {
@@ -149,6 +182,15 @@ export default {
       }
     },
 
+    mattermostEmojiOverride: {
+      get() {
+        return this.$store.state.config.alert.mattermostEmojiOverride;
+      },
+      set(value) {
+        this.$store.commit('config/alert/UPDATE_MATTERMOST_EMOJI_OVERRIDE', value);
+      }
+    },
+
     mattermostMsgColor: {
       get() {
         return this.$store.state.config.alert.mattermostMsgColor;
@@ -357,12 +399,41 @@ export default {
       } else {
         this.mattermostAttachKibanaDiscoverUrl = false;
       }
+    },
+
+    addMattermostEmoji(value) {
+      this.mattermostEmojiOverride = value.colons;
     }
   }
 };
 </script>
 
 <style lang="scss">
+.disabled {
+  .emoji-mart {
+    height: auto !important;
+    border: 0 !important;
+  }
+  .emoji-mart-title-label,
+  .emoji-mart-bar:first-child,
+  .emoji-mart-search,
+  .emoji-mart-scroll,
+  .emoji-mart-preview-skins {
+    display: none;
+  }
+  .emoji-mart-bar {
+    border: 0 !important;
+  }
+  .emoji-mart-preview {
+    height: 45px !important;
+  }
+  .emoji-mart-preview-emoji {
+    left: 0 !important;
+  }
+  .emoji-mart-preview-data {
+    left: 56px !important;
+  }
+}
 :not(.is-disabled) {
   &.mattermost-danger .el-radio__inner:hover {
     border-color: red;
diff --git a/src/store/config/alert.js b/src/store/config/alert.js
index 54d9b161..087e4f96 100644
--- a/src/store/config/alert.js
+++ b/src/store/config/alert.js
@@ -262,6 +262,7 @@ function initialState() {
     /* Mattermost */
     mattermostChannelOverride: '',
     mattermostUsernameOverride: 'Praeco',
+    mattermostEmojiOverride: ':ghost:',
     mattermostMsgColor: 'danger',
     mattermostIconUrlOverride: '',
     mattermostMsgPretext: '',
@@ -1282,6 +1283,10 @@ export default {
       state.mattermostUsernameOverride = mattermostUsernameOverride;
     },
 
+    UPDATE_MATTERMOST_EMOJI_OVERRIDE(state, mattermostEmojiOverride) {
+      state.mattermostEmojiOverride = mattermostEmojiOverride;
+    },
+
     UPDATE_MATTERMOST_MSG_COLOR(state, mattermostMsgColor) {
       state.mattermostMsgColor = mattermostMsgColor;
     },
diff --git a/src/store/config/index.js b/src/store/config/index.js
index cf61bfa8..1400d38e 100644
--- a/src/store/config/index.js
+++ b/src/store/config/index.js
@@ -683,6 +683,12 @@ export default {
           commit('alert/UPDATE_MATTERMOST_USERNAME_OVERRIDE', 'elastalert');
         }
 
+        if (config.mattermost_emoji_override) {
+          commit('alert/UPDATE_MATTERMOST_EMOJI_OVERRIDE', config.mattermost_emoji_override);
+        } else {
+          commit('alert/UPDATE_MATTERMOST_EMOJI_OVERRIDE', ':ghost:');
+        }
+
         if (config.mattermost_msg_color) {
           commit('alert/UPDATE_MATTERMOST_MSG_COLOR', config.mattermost_msg_color);
         } else {
@@ -2471,6 +2477,10 @@ export default {
         config.mattermost_username_override = state.alert.mattermostUsernameOverride;
       }
 
+      if (state.alert.mattermostEmojiOverride) {
+        config.mattermost_emoji_override = state.alert.mattermostEmojiOverride;
+      }
+
       if (state.alert.mattermostMsgColor) {
         config.mattermost_msg_color = state.alert.mattermostMsgColor;
       }
diff --git a/tests/unit/mockData/alert/ruleDataMattermost002.js b/tests/unit/mockData/alert/ruleDataMattermost002.js
index e9424c2b..a364e4f4 100644
--- a/tests/unit/mockData/alert/ruleDataMattermost002.js
+++ b/tests/unit/mockData/alert/ruleDataMattermost002.js
@@ -16,9 +16,9 @@ import: BaseRule.config
 index: hannibal-*
 is_enabled: false
 mattermost_channel_override: '#elastalert-debugging'
+mattermost_emoji_override: ':postal_horn:'
 mattermost_username_override: 'elastalert2'
 mattermost_msg_color: 'good'
-mattermost_icon_url_override: 'https://localhost/abc.png'
 mattermost_msg_pretext: 'abc'
 mattermost_ignore_ssl_errors: true
 mattermost_proxy: 'https://hostname:8080'
diff --git a/tests/unit/specs/alert/ConfigYamlMattermost.spec.js b/tests/unit/specs/alert/ConfigYamlMattermost.spec.js
index 053702c9..cb2e8385 100644
--- a/tests/unit/specs/alert/ConfigYamlMattermost.spec.js
+++ b/tests/unit/specs/alert/ConfigYamlMattermost.spec.js
@@ -30,6 +30,7 @@ is_enabled: false
 match_enhancements: []
 mattermost_attach_kibana_discover_url: false
 mattermost_channel_override: "#elastalert-debugging"
+mattermost_emoji_override: ":ghost:"
 mattermost_kibana_discover_color: "#ec4b98"
 mattermost_kibana_discover_title: "Discover in Kibana"
 mattermost_msg_color: "danger"
diff --git a/tests/unit/specs/alert/ConfigYamlMattermost002.spec.js b/tests/unit/specs/alert/ConfigYamlMattermost002.spec.js
index 1bab390c..c60e69f9 100644
--- a/tests/unit/specs/alert/ConfigYamlMattermost002.spec.js
+++ b/tests/unit/specs/alert/ConfigYamlMattermost002.spec.js
@@ -33,9 +33,9 @@ mattermost_author_icon: "author_icon"
 mattermost_author_link: "author_link"
 mattermost_author_name: "author_name"
 mattermost_channel_override: "#elastalert-debugging"
+mattermost_emoji_override: ":postal_horn:"
 mattermost_footer: "footer"
 mattermost_footer_icon: "footer_icon"
-mattermost_icon_url_override: "https://localhost/abc.png"
 mattermost_ignore_ssl_errors: true
 mattermost_image_url: "https://localhost/image.png"
 mattermost_kibana_discover_color: "#FFFFFFFF"