@dialpad/dialtone 9.126.6 → 9.127.0

package/dist/vue3/lib/message-input/message-input-topbar.js

@@ -1,22 +1,23 @@
-import { DtIconListBullet as x, DtIconBold as O, DtIconItalic as v, DtIconStrikethrough as y, DtIconListOrdered as g, DtIconQuote as h, DtIconCode as L, DtIconCodeBlock as f } from "@dialpad/dialtone-icons/vue3";
-import S from "./message-input-button.js";
-import { resolveComponent as c, openBlock as T, createBlock as q, withCtx as a, createVNode as o, renderSlot as C, createElementVNode as s } from "vue";
-import { _ as D } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import I from "../stack/stack.js";
-const A = {
+import { DtIconListBullet as O, DtIconBold as T, DtIconItalic as x, DtIconStrikethrough as E, DtIconListOrdered as S, DtIconQuote as v, DtIconCode as A, DtIconCodeBlock as y } from "@dialpad/dialtone-icons/vue3";
+import I from "./message-input-button.js";
+import { DialtoneLocalization as h } from "../../localization/index.js";
+import { resolveComponent as l, openBlock as g, createBlock as D, withCtx as n, createVNode as i, renderSlot as N, createElementVNode as r } from "vue";
+import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import U from "../stack/stack.js";
+const C = {
   compatConfig: { MODE: 3 },
-  name: "DtRecipeMesageInputTopbar",
+  name: "DtRecipeMessageInputTopbar",
   components: {
-    DtStack: I,
-    DtIconListBullet: x,
-    DtIconBold: O,
-    DtIconItalic: v,
-    DtIconStrikethrough: y,
-    DtIconListOrdered: g,
-    DtIconQuote: h,
-    DtIconCode: L,
-    DtIconCodeBlock: f,
-    DtRecipeMessageInputButton: S
+    DtStack: U,
+    DtIconListBullet: O,
+    DtIconBold: T,
+    DtIconItalic: x,
+    DtIconStrikethrough: E,
+    DtIconListOrdered: S,
+    DtIconQuote: v,
+    DtIconCode: A,
+    DtIconCodeBlock: y,
+    DtRecipeMessageInputButton: I
   },
   props: {
     boldButtonOptions: {
@@ -57,143 +58,174 @@ const A = {
       }
     }
   },
-  emits: ["click"]
-}, j = /* @__PURE__ */ s("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1), z = /* @__PURE__ */ s("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1), Q = /* @__PURE__ */ s("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1), M = /* @__PURE__ */ s("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1);
-function R(n, e, t, w, E, N) {
-  const d = c("dt-icon-bold"), l = c("dt-recipe-message-input-button"), u = c("dt-icon-italic"), r = c("dt-icon-strikethrough"), b = c("dt-icon-list-bullet"), k = c("dt-icon-list-ordered"), p = c("dt-icon-quote"), _ = c("dt-icon-code"), m = c("dt-icon-code-block"), B = c("dt-stack");
-  return T(), q(B, {
+  emits: ["click"],
+  data() {
+    return {
+      i18n: new h()
+    };
+  },
+  computed: {
+    boldButtonLabel() {
+      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL");
+    },
+    italicButtonLabel() {
+      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL");
+    },
+    strikeButtonLabel() {
+      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL");
+    },
+    bulletListButtonLabel() {
+      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL");
+    },
+    orderedListButtonLabel() {
+      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL");
+    },
+    blockQuoteButtonLabel() {
+      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL");
+    },
+    codeButtonLabel() {
+      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL");
+    },
+    codeBlockButtonLabel() {
+      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL");
+    }
+  }
+}, q = /* @__PURE__ */ r("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1), M = /* @__PURE__ */ r("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1), z = /* @__PURE__ */ r("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1), G = /* @__PURE__ */ r("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1);
+function j(c, t, e, P, Q, o) {
+  const u = l("dt-icon-bold"), s = l("dt-recipe-message-input-button"), d = l("dt-icon-italic"), b = l("dt-icon-strikethrough"), _ = l("dt-icon-list-bullet"), k = l("dt-icon-list-ordered"), p = l("dt-icon-quote"), B = l("dt-icon-code"), L = l("dt-icon-code-block"), m = l("dt-stack");
+  return g(), D(m, {
     direction: "row",
     gap: "200",
     class: "d-recipe-message-input__button-stack"
   }, {
-    default: a(() => [
-      o(l, {
-        "aria-label": t.boldButtonOptions.ariaLabel,
-        "tooltip-text": t.boldButtonOptions.tooltipText,
-        "keyboard-shortcut-text": t.boldButtonOptions.keyboardShortcutText,
+    default: n(() => [
+      i(s, {
+        "aria-label": o.boldButtonLabel["aria-label"],
+        "tooltip-text": o.boldButtonLabel["tooltip-text"],
+        "keyboard-shortcut-text": e.boldButtonOptions.keyboardShortcutText,
         "data-qa": "bold",
-        "is-active": t.isSelectionActive("bold"),
-        onClick: e[0] || (e[0] = (i) => n.$emit("click", "bold", i))
+        "is-active": e.isSelectionActive("bold"),
+        onClick: t[0] || (t[0] = (a) => c.$emit("click", "bold", a))
       }, {
-        icon: a(() => [
-          o(d, {
+        icon: n(() => [
+          i(u, {
             class: "d-recipe-message-input__button-stack-icon",
             size: "200"
           })
         ]),
         _: 1
       }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      o(l, {
-        "aria-label": t.italicButtonOptions.ariaLabel,
-        "tooltip-text": t.italicButtonOptions.tooltipText,
-        "keyboard-shortcut-text": t.italicButtonOptions.keyboardShortcutText,
+      i(s, {
+        "aria-label": o.italicButtonLabel["aria-label"],
+        "tooltip-text": o.italicButtonLabel["tooltip-text"],
+        "keyboard-shortcut-text": e.italicButtonOptions.keyboardShortcutText,
         "data-qa": "italic",
-        "is-active": t.isSelectionActive("italic"),
-        onClick: e[1] || (e[1] = (i) => n.$emit("click", "italic", i))
+        "is-active": e.isSelectionActive("italic"),
+        onClick: t[1] || (t[1] = (a) => c.$emit("click", "italic", a))
       }, {
-        icon: a(() => [
-          o(u, {
+        icon: n(() => [
+          i(d, {
             class: "d-recipe-message-input__button-stack-icon",
             size: "200"
           })
         ]),
         _: 1
       }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      o(l, {
-        "aria-label": t.strikeButtonOptions.ariaLabel,
-        "tooltip-text": t.strikeButtonOptions.tooltipText,
-        "keyboard-shortcut-text": t.strikeButtonOptions.keyboardShortcutText,
+      i(s, {
+        "aria-label": o.strikeButtonLabel["aria-label"],
+        "tooltip-text": o.strikeButtonLabel["tooltip-text"],
+        "keyboard-shortcut-text": e.strikeButtonOptions.keyboardShortcutText,
         "data-qa": "strikethrough",
-        "is-active": t.isSelectionActive("strike"),
-        onClick: e[2] || (e[2] = (i) => n.$emit("click", "strike", i))
+        "is-active": e.isSelectionActive("strike"),
+        onClick: t[2] || (t[2] = (a) => c.$emit("click", "strike", a))
       }, {
-        icon: a(() => [
-          o(r, {
+        icon: n(() => [
+          i(b, {
             class: "d-recipe-message-input__button-stack-icon",
             size: "200"
           })
         ]),
         _: 1
       }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      j,
-      C(n.$slots, "link"),
-      z,
-      o(l, {
-        "aria-label": t.bulletListButtonOptions.ariaLabel,
-        "tooltip-text": t.bulletListButtonOptions.tooltipText,
-        "keyboard-shortcut-text": t.bulletListButtonOptions.keyboardShortcutText,
+      q,
+      N(c.$slots, "link"),
+      M,
+      i(s, {
+        "aria-label": o.bulletListButtonLabel["aria-label"],
+        "tooltip-text": o.bulletListButtonLabel["tooltip-text"],
+        "keyboard-shortcut-text": e.bulletListButtonOptions.keyboardShortcutText,
         "data-qa": "bullet-list",
-        "is-active": t.isSelectionActive("bulletList"),
-        onClick: e[3] || (e[3] = (i) => n.$emit("click", "bulletList", i))
+        "is-active": e.isSelectionActive("bulletList"),
+        onClick: t[3] || (t[3] = (a) => c.$emit("click", "bulletList", a))
       }, {
-        icon: a(() => [
-          o(b, {
+        icon: n(() => [
+          i(_, {
             class: "d-recipe-message-input__button-stack-icon",
             size: "200"
           })
         ]),
         _: 1
       }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      o(l, {
-        "aria-label": t.orderedListButtonOptions.ariaLabel,
-        "tooltip-text": t.orderedListButtonOptions.tooltipText,
-        "keyboard-shortcut-text": t.orderedListButtonOptions.keyboardShortcutText,
+      i(s, {
+        "aria-label": o.orderedListButtonLabel["aria-label"],
+        "tooltip-text": o.orderedListButtonLabel["tooltip-text"],
+        "keyboard-shortcut-text": e.orderedListButtonOptions.keyboardShortcutText,
         "data-qa": "ordered-list",
-        "is-active": t.isSelectionActive("orderedList"),
-        onClick: e[4] || (e[4] = (i) => n.$emit("click", "orderedList", i))
+        "is-active": e.isSelectionActive("orderedList"),
+        onClick: t[4] || (t[4] = (a) => c.$emit("click", "orderedList", a))
       }, {
-        icon: a(() => [
-          o(k, {
+        icon: n(() => [
+          i(k, {
             class: "d-recipe-message-input__button-stack-icon",
             size: "200"
           })
         ]),
         _: 1
       }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      Q,
-      o(l, {
-        "aria-label": t.blockQuoteButtonOptions.ariaLabel,
-        "tooltip-text": t.blockQuoteButtonOptions.tooltipText,
-        "keyboard-shortcut-text": t.blockQuoteButtonOptions.keyboardShortcutText,
+      z,
+      i(s, {
+        "aria-label": o.blockQuoteButtonLabel["aria-label"],
+        "tooltip-text": o.blockQuoteButtonLabel["tooltip-text"],
+        "keyboard-shortcut-text": e.blockQuoteButtonOptions.keyboardShortcutText,
         "data-qa": "blockquote",
-        "is-active": t.isSelectionActive("blockquote"),
-        onClick: e[5] || (e[5] = (i) => n.$emit("click", "blockquote", i))
+        "is-active": e.isSelectionActive("blockquote"),
+        onClick: t[5] || (t[5] = (a) => c.$emit("click", "blockquote", a))
       }, {
-        icon: a(() => [
-          o(p, {
+        icon: n(() => [
+          i(p, {
             class: "d-recipe-message-input__button-stack-icon",
             size: "200"
           })
         ]),
         _: 1
       }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      M,
-      o(l, {
-        "aria-label": t.codeButtonOptions.ariaLabel,
-        "tooltip-text": t.codeButtonOptions.tooltipText,
-        "keyboard-shortcut-text": t.codeButtonOptions.keyboardShortcutText,
+      G,
+      i(s, {
+        "aria-label": o.codeButtonLabel["aria-label"],
+        "tooltip-text": o.codeButtonLabel["tooltip-text"],
+        "keyboard-shortcut-text": e.codeButtonOptions.keyboardShortcutText,
         "data-qa": "code",
-        "is-active": t.isSelectionActive("code"),
-        onClick: e[6] || (e[6] = (i) => n.$emit("click", "code", i))
+        "is-active": e.isSelectionActive("code"),
+        onClick: t[6] || (t[6] = (a) => c.$emit("click", "code", a))
       }, {
-        icon: a(() => [
-          o(_, {
+        icon: n(() => [
+          i(B, {
             class: "d-recipe-message-input__button-stack-icon",
             size: "200"
           })
         ]),
         _: 1
       }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      o(l, {
-        "aria-label": t.codeBlockButtonOptions.ariaLabel,
-        "tooltip-text": t.codeBlockButtonOptions.tooltipText,
-        "keyboard-shortcut-text": t.codeBlockButtonOptions.keyboardShortcutText,
+      i(s, {
+        "aria-label": o.codeBlockButtonLabel["aria-label"],
+        "tooltip-text": o.codeBlockButtonLabel["tooltip-text"],
+        "keyboard-shortcut-text": e.codeBlockButtonOptions.keyboardShortcutText,
         "data-qa": "code-block",
-        "is-active": t.isSelectionActive("codeBlock"),
-        onClick: e[7] || (e[7] = (i) => n.$emit("click", "codeBlock", i))
+        "is-active": e.isSelectionActive("codeBlock"),
+        onClick: t[7] || (t[7] = (a) => c.$emit("click", "codeBlock", a))
       }, {
-        icon: a(() => [
-          o(m, {
+        icon: n(() => [
+          i(L, {
             class: "d-recipe-message-input__button-stack-icon",
             size: "200"
           })
@@ -204,8 +236,8 @@ function R(n, e, t, w, E, N) {
     _: 3
   });
 }
-const K = /* @__PURE__ */ D(A, [["render", R]]);
+const J = /* @__PURE__ */ f(C, [["render", j]]);
 export {
-  K as default
+  J as default
 };
 //# sourceMappingURL=message-input-topbar.js.map

package/dist/vue3/lib/message-input/message-input-topbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-topbar.js","sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonOptions.ariaLabel\"\n      :tooltip-text=\"boldButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonOptions.ariaLabel\"\n      :tooltip-text=\"italicButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonOptions.ariaLabel\"\n      :tooltip-text=\"strikeButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonOptions.ariaLabel\"\n      :tooltip-text=\"bulletListButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonOptions.ariaLabel\"\n      :tooltip-text=\"orderedListButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonOptions.ariaLabel\"\n      :tooltip-text=\"blockQuoteButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeBlockButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\n\nimport {\n  DtIconListBullet, DtIconBold, DtIconItalic, DtIconStrikethrough,\n  DtIconListOrdered, DtIconQuote, DtIconCode, DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMesageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","_createElementVNode","_createBlock","_component_dt_stack","_withCtx","_createVNode","_component_dt_recipe_message_input_button","$props","_cache","$event","_ctx","_component_dt_icon_bold","_component_dt_icon_italic","_component_dt_icon_strikethrough","_hoisted_1","_renderSlot","_hoisted_2","_component_dt_icon_list_bullet","_component_dt_icon_list_ordered","_hoisted_3","_component_dt_icon_quote","_hoisted_4","_component_dt_icon_code","_component_dt_icon_code_block"],"mappings":"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"}
+{"version":3,"file":"message-input-topbar.js","sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","DialtoneLocalization","_createElementVNode","_createBlock","_component_dt_stack","_withCtx","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_cache","$event","_ctx","_component_dt_icon_bold","_component_dt_icon_italic","_component_dt_icon_strikethrough","_hoisted_1","_renderSlot","_hoisted_2","_component_dt_icon_list_bullet","_component_dt_icon_list_ordered","_hoisted_3","_component_dt_icon_quote","_hoisted_4","_component_dt_icon_code","_component_dt_icon_code_block"],"mappings":";;;;;;AA4JA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,4BAAAC;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,yBAAyB;AAAA,MACvB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,yBAAyB;AAAA,MACvB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,wBAAwB;AAAA,MACtB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,IAED,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAE;AAAA,IAClB;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AAAA,EAEf,OAAQ;AACN,WAAO;AAAA,MACL,MAAM,IAAIC,EAAsB;AAAA;EAEnC;AAAA,EAED,UAAU;AAAA,IACR,kBAAmB;AAAE,aAAO,KAAK,KAAK,IAAI,0CAA0C;AAAA,IAAI;AAAA,IACxF,oBAAqB;AAAE,aAAO,KAAK,KAAK,IAAI,4CAA4C;AAAA,IAAI;AAAA,IAC5F,oBAAqB;AAAE,aAAO,KAAK,KAAK,IAAI,mDAAmD;AAAA,IAAI;AAAA,IACnG,wBAAyB;AAAE,aAAO,KAAK,KAAK,IAAI,iDAAiD;AAAA,IAAI;AAAA,IACrG,yBAA0B;AAAE,aAAO,KAAK,KAAK,IAAI,kDAAkD;AAAA,IAAI;AAAA,IACvG,wBAAyB;AAAE,aAAO,KAAK,KAAK,IAAI,iDAAiD;AAAA,IAAI;AAAA,IACrG,kBAAmB;AAAE,aAAO,KAAK,KAAK,IAAI,0CAA0C;AAAA,IAAI;AAAA,IACxF,uBAAwB;AAAE,aAAO,KAAK,KAAK,IAAI,gDAAgD;AAAA,IAAI;AAAA,EACpG;AACH,OA1LIC,gBAAAA,EAA4D,OAAA,EAAvD,OAAM,kDAA8C,MAAA,EAAA,OAKzDA,gBAAAA,EAA4D,OAAA,EAAvD,OAAM,kDAA8C,MAAA,EAAA,OAgCzDA,gBAAAA,EAA4D,OAAA,EAAvD,OAAM,kDAA8C,MAAA,EAAA,OAkBzDA,gBAAAA,EAA4D,OAAA,EAAvD,OAAM,kDAA8C,MAAA,EAAA;;;cAzG3DC,EAyIWC,GAAA;AAAA,IAxIT,WAAU;AAAA,IACV,KAAI;AAAA,IACJ,OAAM;AAAA;IAJV,SAAAC,EAMI,MAciC;AAAA,MAdjCC,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAe,gBAAA,YAAA;AAAA,QAC3B,gBAAcA,EAAe,gBAAA,cAAA;AAAA,QAC7B,0BAAwBC,EAAiB,kBAAC;AAAA,QAC3C,WAAQ;AAAA,QACP,aAAWA,EAAiB,kBAAA,MAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAK,MAAA,SAAA,QAAkBD,CAAM;AAAA;QAE1B,QACT,MAGE;AAAA,UAHFL,EAGEO,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAjBf,GAAA;AAAA;MAqBIP,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAiB,kBAAA,YAAA;AAAA,QAC7B,gBAAcA,EAAiB,kBAAA,cAAA;AAAA,QAC/B,0BAAwBC,EAAmB,oBAAC;AAAA,QAC7C,WAAQ;AAAA,QACP,aAAWA,EAAiB,kBAAA,QAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAK,MAAA,SAAA,UAAoBD,CAAM;AAAA;QAE5B,QACT,MAGE;AAAA,UAHFL,EAGEQ,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAhCf,GAAA;AAAA;MAoCIR,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAiB,kBAAA,YAAA;AAAA,QAC7B,gBAAcA,EAAiB,kBAAA,cAAA;AAAA,QAC/B,0BAAwBC,EAAmB,oBAAC;AAAA,QAC7C,WAAQ;AAAA,QACP,aAAWA,EAAiB,kBAAA,QAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAK,MAAA,SAAA,UAAoBD,CAAM;AAAA;QAE5B,QACT,MAGE;AAAA,UAHFL,EAGES,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QA/Cf,GAAA;AAAA;MAmDIC;AAAA,MAGAC,EAAoBL,EAAA,QAAA,MAAA;AAAA,MAEpBM;AAAA,MAEAZ,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAqB,sBAAA,YAAA;AAAA,QACjC,gBAAcA,EAAqB,sBAAA,cAAA;AAAA,QACnC,0BAAwBC,EAAuB,wBAAC;AAAA,QACjD,WAAQ;AAAA,QACP,aAAWA,EAAiB,kBAAA,YAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAK,MAAA,SAAA,cAAwBD,CAAM;AAAA;QAEhC,QACT,MAGE;AAAA,UAHFL,EAGEa,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QArEf,GAAA;AAAA;MAyEIb,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAsB,uBAAA,YAAA;AAAA,QAClC,gBAAcA,EAAsB,uBAAA,cAAA;AAAA,QACpC,0BAAwBC,EAAwB,yBAAC;AAAA,QAClD,WAAQ;AAAA,QACP,aAAWA,EAAiB,kBAAA,aAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAK,MAAA,SAAA,eAAyBD,CAAM;AAAA;QAEjC,QACT,MAGE;AAAA,UAHFL,EAGEc,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QApFf,GAAA;AAAA;MAwFIC;AAAA,MAEAf,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAqB,sBAAA,YAAA;AAAA,QACjC,gBAAcA,EAAqB,sBAAA,cAAA;AAAA,QACnC,0BAAwBC,EAAuB,wBAAC;AAAA,QACjD,WAAQ;AAAA,QACP,aAAWA,EAAiB,kBAAA,YAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAK,MAAA,SAAA,cAAwBD,CAAM;AAAA;QAEhC,QACT,MAGE;AAAA,UAHFL,EAGEgB,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QArGf,GAAA;AAAA;MA0GIC;AAAA,MAEAjB,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAe,gBAAA,YAAA;AAAA,QAC3B,gBAAcA,EAAe,gBAAA,cAAA;AAAA,QAC7B,0BAAwBC,EAAiB,kBAAC;AAAA,QAC3C,WAAQ;AAAA,QACP,aAAWA,EAAiB,kBAAA,MAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAK,MAAA,SAAA,QAAkBD,CAAM;AAAA;QAE1B,QACT,MAGE;AAAA,UAHFL,EAGEkB,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAvHf,GAAA;AAAA;MA2HIlB,EAciCC,GAAA;AAAA,QAb9B,cAAYC,EAAoB,qBAAA,YAAA;AAAA,QAChC,gBAAcA,EAAoB,qBAAA,cAAA;AAAA,QAClC,0BAAwBC,EAAsB,uBAAC;AAAA,QAChD,WAAQ;AAAA,QACP,aAAWA,EAAiB,kBAAA,WAAA;AAAA,QAC5B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAK,MAAA,SAAA,aAAuBD,CAAM;AAAA;QAE/B,QACT,MAGE;AAAA,UAHFL,EAGEmB,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA;;QAtIf,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}

package/dist/vue3/lib/message-input/message-input.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./last-active-nodes.cjs"),k=require("../../common/utils/index.cjs"),C=require("@tiptap/core"),f=require("../../node_modules/@tiptap/vue-3.cjs"),d=require("@dialpad/dialtone-icons/vue3"),e=require("vue"),T=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),j=require("../item-layout/item-layout.cjs"),v=require("../button/button.cjs"),V=require("./message-input-topbar.cjs"),N=require("./message-input-link.cjs"),S=require("../editor/editor-constants.cjs"),M=require("../emoji-picker/emoji-picker.cjs"),q=require("../input/input.cjs"),A=require("../popover/popover.cjs"),F=require("../rich-text-editor/rich-text-editor.cjs"),R=require("../tooltip/tooltip.cjs"),z=require("../stack/stack.cjs"),x=require("../rich-text-editor/rich-text-editor-constants.cjs"),U={name:"MeetingPill",components:{NodeViewWrapper:f.NodeViewWrapper,DtItemLayout:j.default,DtIconClose:d.DtIconClose,DtButton:v.default,DtIconVideo:d.DtIconVideo},props:f.nodeViewProps,emits:["meeting-pill-close"],methods:{close(o){var i,a,l;const t=(l=(a=(i=this.editor)==null?void 0:i.storage)==null?void 0:a.meetingPill)==null?void 0:l.onClose;t&&typeof t=="function"&&t(o)}}},H={class:"d-recipe-message-input-meeting-pill__icon"},W={class:"d-recipe-message-input-meeting-pill__close"};function K(o,t,i,a,l,n){const m=e.resolveComponent("dt-icon-video"),p=e.resolveComponent("dt-icon-close"),g=e.resolveComponent("dt-button"),h=e.resolveComponent("dt-item-layout"),c=e.resolveComponent("node-view-wrapper");return e.openBlock(),e.createBlock(c,{class:"d-recipe-message-input-meeting-pill"},{default:e.withCtx(()=>[e.createVNode(h,{class:"d-recipe-message-input-meeting-pill__layout",unstyled:""},{left:e.withCtx(()=>[e.createElementVNode("div",H,[e.createVNode(m,{size:"400"})])]),right:e.withCtx(()=>[e.createElementVNode("div",W,[e.createVNode(g,{circle:"","aria-label":o.node.attrs["close-button-aria-label"],size:"xs",importance:"clear",onClick:n.close},{icon:e.withCtx(()=>[e.createVNode(p,{size:"300"})]),_:1},8,["aria-label","onClick"])])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(o.node.attrs.text)+" ",1)]),_:1})]),_:1})}const X=T._(U,[["render",K]]),Q=C.Node.create({name:"meetingPill",atom:!0,group:"inline",inline:!0,addOptions(){return{onClose:()=>{}}},addStorage(){return{onClose:this.options.onClose}},addNodeView(){return f.VueNodeViewRenderer(X)},addAttributes(){return{text:{default:'Please pass in "text" attribute'},"close-button-aria-label":{}}},parseHTML(){return[{tag:"meeting-pill"}]},renderText({node:o}){return"/dpm"},renderHTML({HTMLAttributes:o}){return["meeting-pill",C.mergeAttributes(o)]}}),G={compatConfig:{MODE:3},name:"DtRecipeMessageInput",components:{DtButton:v.default,DtEmojiPicker:M.default,DtInput:q.default,DtPopover:A.default,DtRecipeMessageInputTopbar:V.default,DtRecipeMessageInputLink:N.default,DtRichTextEditor:F.default,DtTooltip:R.default,DtStack:z.default,DtIconImage:d.DtIconImage,DtIconVerySatisfied:d.DtIconVerySatisfied,DtIconSatisfied:d.DtIconSatisfied,DtIconSend:d.DtIconSend},mixins:[],inheritAttrs:!1,props:{richText:{type:Boolean,default:!0},modelValue:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:""},preventTyping:{type:Boolean,default:!1},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(o){return typeof o=="string"?x.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(o):!0}},outputFormat:{type:String,default:"json",validator(o){return x.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(o)}},placeholder:{type:String,default:""},disableSend:{type:Boolean,default:!1},maxHeight:{type:String,default:"unset"},showEmojiPicker:{type:Boolean,default:!0},emojiPickerProps:{type:Object,default:()=>({}),validate(o){return["searchNoResultsLabel","searchResultsLabel","searchPlaceholderLabel","skinSelectorButtonTooltipLabel","tabSetLabels"].every(t=>o[t]!=null)}},emojiTooltipMessage:{type:String,default:"Emoji"},emojiButtonAriaLabel:{type:String,default:"emoji button"},showCharacterLimit:{type:[Boolean,Object],default:()=>({count:1500,warning:500,message:""})},showImagePicker:{type:[Boolean,Object],default:()=>({tooltipLabel:"Attach Image",ariaLabel:"image button"})},showSend:{type:[Boolean,Object],default:()=>({})},showCancel:{type:[Boolean,Object],default:()=>({text:"Cancel"})},mentionSuggestion:{type:Object,default:null},channelSuggestion:{type:Object,default:null},slashCommandSuggestion:{type:Object,default:null},boldButtonOptions:{type:Object,default:()=>({ariaLabel:"Toggle bold on selected text",tooltipText:"Bold",keyboardShortcutText:"Mod + B"})},italicButtonOptions:{type:Object,default:()=>({ariaLabel:"Toggle italic on selected text",tooltipText:"Italic",keyboardShortcutText:"Mod + I"})},strikeButtonOptions:{type:Object,default:()=>({ariaLabel:"Toggle strikethrough on selected text",tooltipText:"Strikethrough",keyboardShortcutText:"Mod + Shift + S"})},linkButtonOptions:{type:Object,default:()=>({ariaLabel:"Create or edit link on selected text",tooltipText:"Link",keyboardShortcutText:"Mod + K",dialogTitle:"Add a link",textLabel:"Text to display (optional)",linkLabel:"Link",linkPlaceholder:"e.g. https://www.dialpad.com",removeLabel:"Remove",cancelLabel:"Cancel",confirmLabel:"Done",visuallyHiddenCloseText:"Close link dialog"})},bulletListButtonOptions:{type:Object,default:()=>({ariaLabel:"Toggle bullet list on selected text",tooltipText:"Bullet list",keyboardShortcutText:"Mod + Shift + 8"})},orderedListButtonOptions:{type:Object,default:()=>({ariaLabel:"Toggle ordered list on selected text",tooltipText:"Ordered list",keyboardShortcutText:"Mod + Shift + 7"})},blockQuoteButtonOptions:{type:Object,default:()=>({ariaLabel:"Toggle Blockquote on selected text",tooltipText:"Blockquote",keyboardShortcutText:"Mod + Shift + B"})},codeButtonOptions:{type:Object,default:()=>({ariaLabel:"Toggle code tag on selected text",tooltipText:"Code",keyboardShortcutText:"Mod + E"})},codeBlockButtonOptions:{type:Object,default:()=>({ariaLabel:"Toggle code block on selected text",tooltipText:"Code block",keyboardShortcutText:"Mod + Alt + C"})}},emits:["submit","select-media","add-media","paste-media","cancel","skin-tone","selected-emoji","selected-command","meeting-pill-close","update:modelValue","text-input"],data(){return{lastActiveNodes:P.default,additionalExtensions:[Q.configure({onClose:o=>{this.$emit("meeting-pill-close",o)}})],internalInputValue:this.modelValue,imagePickerFocus:!1,emojiPickerFocus:!1,emojiPickerOpened:!1,isFocused:!1,linkOptions:{class:"d-link d-c-text d-d-inline-block"},linkDialogOpen:!1,selectedText:"",text:"",hideLinkBubbleMenu:!1}},computed:{showSendIcon(){return!this.showSend.text},inputLength(){return this.text.length},displayCharacterLimitWarning(){return!!this.showCharacterLimit&&this.showCharacterLimit.count-this.inputLength<=this.showCharacterLimit.warning},characterLimitTooltipEnabled(){return this.showCharacterLimit.message&&this.showCharacterLimit.count-this.inputLength<0},isSendDisabled(){return this.disableSend||this.showCharacterLimit&&this.inputLength>this.showCharacterLimit.count},computedCloseButtonProps(){return{ariaLabel:"Close"}},emojiPickerHovered(){return this.emojiPickerFocus||this.emojiPickerOpened},sendIconSize(){return"300"}},watch:{modelValue(o){this.internalInputValue=o},emojiPickerOpened(o){var t;o||(t=this.$refs.richTextEditor)==null||t.focusEditor()}},created(){this.modelValue&&this.outputFormat==="text"?this.internalInputValue=this.modelValue.replace(/\n/g,"<br>"):this.internalInputValue=this.modelValue},methods:{removeClassStyleAttrs:k.removeClassStyleAttrs,addClassStyleAttrs:k.addClassStyleAttrs,linkDialogOpened(o){var t;this.linkDialogOpen=o,o===!0?this.initLinkDialog():(this.hideLinkBubbleMenu=!1,(t=this.$refs.richTextEditor)==null||t.focusEditor())},handleTopbarClick(o){var a;const t=(a=this.$refs.richTextEditor)==null?void 0:a.editor,i={bold:()=>t==null?void 0:t.chain().focus().toggleBold().run(),italic:()=>t==null?void 0:t.chain().focus().toggleItalic().run(),strike:()=>t==null?void 0:t.chain().focus().toggleStrike().run(),bulletList:()=>t==null?void 0:t.chain().focus().toggleBulletList().run(),orderedList:()=>t==null?void 0:t.chain().focus().toggleOrderedList().run(),blockquote:()=>t==null?void 0:t.chain().focus().toggleBlockquote().run(),code:()=>t==null?void 0:t.chain().focus().toggleCode().run(),codeBlock:()=>t==null?void 0:t.chain().focus().toggleCodeBlock().run()};t&&i[o]&&i[o]()},isSelectionActive(o){var t,i,a,l;return["bulletList","orderedList"].includes(o)?this.lastActiveNodes((i=(t=this.$refs.richTextEditor)==null?void 0:t.editor)==null?void 0:i.state,[{type:"bulletList"},{type:"orderedList"}]).includes(o)&&this.isFocused:((l=(a=this.$refs.richTextEditor)==null?void 0:a.editor)==null?void 0:l.isActive(o))&&this.isFocused},initLinkDialog(){var o,t,i;this.$refs.link.setInitialValues(this.selectedText,(i=(t=(o=this.$refs.richTextEditor)==null?void 0:o.editor)==null?void 0:t.getAttributes("link"))==null?void 0:i.href),this.hideLinkBubbleMenu=!0,this.linkDialogOpen=!0},removeLink(){var o;(o=this.$refs.richTextEditor)==null||o.removeLink(),this.linkDialogOpen=!1},setLink(o,t){this.$refs.richTextEditor.setLink(t,o,this.linkOptions,S.EDITOR_SUPPORTED_LINK_PROTOCOLS,S.EDITOR_DEFAULT_LINK_PREFIX),this.linkDialogOpen=!1},onMousedown(o){k.returnFirstEl(this.$refs.richTextEditor.$el).querySelector(".tiptap").contains(o.target)||(o.preventDefault(),this.$refs.richTextEditor.focusEditor())},onDrop(o){const t=o.dataTransfer,i=Array.from(t.files);this.$emit("add-media",i)},onPaste(o){if(o.clipboardData.files.length){o.stopPropagation(),o.preventDefault();const t=[...o.clipboardData.files];this.$emit("paste-media",t)}},onSkinTone(o){this.$emit("skin-tone",o)},onSelectEmoji(o,t){o&&(o.shift_key||t(),this.$refs.richTextEditor.editor.commands.insertContent({type:"emoji",attrs:{code:o.shortname}}),this.$emit("selected-emoji",o))},onSelectImage(){this.$refs.messageInputImageUpload.$refs.input.click()},onImageUpload(){this.$emit("select-media",this.$refs.messageInputImageUpload.$refs.input.files)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||this.$emit("submit",this.internalInputValue)},onCancel(){this.$emit("cancel")},onInput(o){this.$emit("update:modelValue",o)},onTextInput(o){this.text=o,this.$emit("text-input",o)}}},Y={class:"d-recipe-message-input__bottom-section"},J={class:"d-recipe-message-input__bottom-section-left"},Z={class:"d-recipe-message-input__bottom-section-right"},$={class:"d-recipe-message-input__sms-count"},ee={key:0};function te(o,t,i,a,l,n){const m=e.resolveComponent("dt-recipe-message-input-link"),p=e.resolveComponent("dt-recipe-message-input-topbar"),g=e.resolveComponent("dt-rich-text-editor"),h=e.resolveComponent("dt-icon-image"),c=e.resolveComponent("dt-button"),L=e.resolveComponent("dt-input"),y=e.resolveComponent("dt-icon-very-satisfied"),w=e.resolveComponent("dt-icon-satisfied"),B=e.resolveComponent("dt-emoji-picker"),I=e.resolveComponent("dt-popover"),_=e.resolveComponent("dt-stack"),O=e.resolveComponent("dt-tooltip"),D=e.resolveComponent("dt-icon-send"),E=e.resolveDirective("dt-scrollbar"),b=e.resolveDirective("dt-tooltip");return e.openBlock(),e.createElementBlock("div",e.mergeProps({"data-qa":"dt-recipe-message-input",role:"presentation",class:"d-recipe-message-input"},n.addClassStyleAttrs(o.$attrs),{onDragover:t[13]||(t[13]=e.withModifiers(()=>{},["prevent"])),onDrop:t[14]||(t[14]=e.withModifiers((...s)=>n.onDrop&&n.onDrop(...s),["prevent"])),onPaste:t[15]||(t[15]=(...s)=>n.onPaste&&n.onPaste(...s)),onMousedown:t[16]||(t[16]=(...s)=>n.onMousedown&&n.onMousedown(...s))}),[e.renderSlot(o.$slots,"top"),i.richText?(e.openBlock(),e.createBlock(p,{key:l.selectedText,"bold-button-options":i.boldButtonOptions,"italic-button-options":i.italicButtonOptions,"strike-button-options":i.strikeButtonOptions,"bullet-list-button-options":i.bulletListButtonOptions,"ordered-list-button-options":i.orderedListButtonOptions,"block-quote-button-options":i.blockQuoteButtonOptions,"code-button-options":i.codeButtonOptions,"code-block-button-options":i.codeBlockButtonOptions,"is-selection-active":n.isSelectionActive,onClick:n.handleTopbarClick},{link:e.withCtx(()=>[e.createVNode(m,{ref:"link",open:l.linkDialogOpen,"link-button-options":i.linkButtonOptions,"is-selection-active":n.isSelectionActive,onOpened:n.linkDialogOpened,onSetLink:n.setLink,onRemoveLink:n.removeLink},null,8,["open","link-button-options","is-selection-active","onOpened","onSetLink","onRemoveLink"])]),_:1},8,["bold-button-options","italic-button-options","strike-button-options","bullet-list-button-options","ordered-list-button-options","block-quote-button-options","code-button-options","code-block-button-options","is-selection-active","onClick"])):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"d-recipe-message-input__editor-wrapper",style:e.normalizeStyle({"max-height":i.maxHeight})},[e.createVNode(g,e.mergeProps({ref:"richTextEditor",modelValue:l.internalInputValue,"onUpdate:modelValue":t[0]||(t[0]=s=>l.internalInputValue=s),"allow-blockquote":i.richText,"allow-bold":i.richText,"allow-bullet-list":i.richText,"allow-code":i.richText,"allow-codeblock":i.richText,"allow-italic":i.richText,"allow-strike":i.richText,"allow-underline":i.richText,"paste-rich-text":i.richText,editable:i.editable,"input-aria-label":i.inputAriaLabel,"input-class":i.inputClass,"output-format":i.outputFormat,"auto-focus":i.autoFocus,link:i.richText,placeholder:i.placeholder,"prevent-typing":i.preventTyping,"mention-suggestion":i.mentionSuggestion,"channel-suggestion":i.channelSuggestion,"slash-command-suggestion":i.slashCommandSuggestion,"additional-extensions":l.additionalExtensions,"hide-link-bubble-menu":l.hideLinkBubbleMenu},n.removeClassStyleAttrs(o.$attrs),{onInput:n.onInput,onTextInput:n.onTextInput,onEnter:n.onSend,onSelected:t[1]||(t[1]=s=>l.selectedText=s),onSelectedCommand:t[2]||(t[2]=s=>o.$emit("selected-command",s)),onEditLink:n.initLinkDialog,onFocus:t[3]||(t[3]=s=>l.isFocused=!0),onBlur:t[4]||(t[4]=s=>l.isFocused=!1)}),null,16,["modelValue","allow-blockquote","allow-bold","allow-bullet-list","allow-code","allow-codeblock","allow-italic","allow-strike","allow-underline","paste-rich-text","editable","input-aria-label","input-class","output-format","auto-focus","link","placeholder","prevent-typing","mention-suggestion","channel-suggestion","slash-command-suggestion","additional-extensions","hide-link-bubble-menu","onInput","onTextInput","onEnter","onEditLink"])],4)),[[E]]),e.renderSlot(o.$slots,"middle"),e.createElementVNode("section",Y,[e.createElementVNode("div",J,[e.createVNode(_,{gap:"200",direction:"row"},{default:e.withCtx(()=>{var s;return[i.showImagePicker?e.withDirectives((e.openBlock(),e.createBlock(c,{key:0,"data-qa":"dt-recipe-message-input-image-btn",size:"sm",class:"d-recipe-message-input__button",kind:"muted",importance:"clear","aria-label":i.showImagePicker.ariaLabel,onClick:n.onSelectImage,onMouseenter:t[5]||(t[5]=r=>l.imagePickerFocus=!0),onMouseleave:t[6]||(t[6]=r=>l.imagePickerFocus=!1),onFocus:t[7]||(t[7]=r=>l.imagePickerFocus=!0),onBlur:t[8]||(t[8]=r=>l.imagePickerFocus=!1)},{icon:e.withCtx(()=>[e.createVNode(h,{size:"300"})]),_:1},8,["aria-label","onClick"])),[[b,(s=i.showImagePicker)==null?void 0:s.tooltipLabel,"top-start"]]):e.createCommentVNode("",!0),e.createVNode(L,{ref:"messageInputImageUpload","data-qa":"dt-recipe-message-input-image-input",accept:"image/*, video/*",type:"file",class:"d-recipe-message-input__image-input",multiple:"",hidden:"",onInput:n.onImageUpload},null,8,["onInput"]),i.showEmojiPicker?(e.openBlock(),e.createBlock(I,{key:1,"open.sync":"emojiPickerOpened","data-qa":"dt-recipe-message-input-emoji-picker-popover","initial-focus-element":"#searchInput",padding:"none"},{anchor:e.withCtx(({attrs:r})=>[e.withDirectives((e.openBlock(),e.createBlock(c,e.mergeProps(r,{"data-qa":"dt-recipe-message-input-emoji-picker-btn",size:"sm",class:"d-recipe-message-input__button",kind:"muted",importance:"clear","aria-label":i.emojiButtonAriaLabel,onClick:n.toggleEmojiPicker,onMouseenter:t[9]||(t[9]=u=>l.emojiPickerFocus=!0),onMouseleave:t[10]||(t[10]=u=>l.emojiPickerFocus=!1),onFocus:t[11]||(t[11]=u=>l.emojiPickerFocus=!0),onBlur:t[12]||(t[12]=u=>l.emojiPickerFocus=!1)}),{icon:e.withCtx(()=>[n.emojiPickerHovered?(e.openBlock(),e.createBlock(y,{key:0,size:"300"})):(e.openBlock(),e.createBlock(w,{key:1,size:"300"}))]),_:2},1040,["aria-label","onClick"])),[[b,i.emojiTooltipMessage]])]),content:e.withCtx(({close:r})=>[e.createVNode(B,e.mergeProps(i.emojiPickerProps,{onSkinTone:n.onSkinTone,onSelectedEmoji:u=>n.onSelectEmoji(u,r)}),null,16,["onSkinTone","onSelectedEmoji"])]),_:1})):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"emojiGiphyPicker"),e.renderSlot(o.$slots,"customActionIcons")]}),_:3})]),e.createElementVNode("div",Z,[e.createVNode(_,{direction:"row",gap:"300"},{default:e.withCtx(()=>[e.createElementVNode("div",$,[e.renderSlot(o.$slots,"smsCount")]),i.showCharacterLimit?(e.openBlock(),e.createBlock(O,{key:0,class:"d-recipe-message-input__remaining-char-tooltip",placement:"top-end",enabled:n.characterLimitTooltipEnabled,message:i.showCharacterLimit.message,offset:[10,8]},{anchor:e.withCtx(()=>[e.withDirectives(e.createElementVNode("p",{class:"d-recipe-message-input__remaining-char","data-qa":"dt-recipe-message-input-character-limit"},e.toDisplayString(i.showCharacterLimit.count-n.inputLength),513),[[e.vShow,n.displayCharacterLimitWarning]])]),_:1},8,["enabled","message"])):e.createCommentVNode("",!0),i.showCancel?(e.openBlock(),e.createBlock(c,{key:1,"data-qa":"dt-recipe-message-input-cancel-button",class:"d-recipe-message-input__button d-recipe-message-input__cancel-button",size:"sm",kind:"muted",importance:"clear","aria-label":i.showCancel.ariaLabel,onClick:n.onCancel},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(i.showCancel.text),1)]),_:1},8,["aria-label","onClick"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"sendButton",{},()=>{var s;return[i.showSend?e.withDirectives((e.openBlock(),e.createBlock(c,{key:0,"data-qa":"dt-recipe-message-input-send-btn",size:"sm",kind:"default",importance:"primary",class:e.normalizeClass(["d-recipe-message-input__button d-recipe-message-input__send-button",{"d-recipe-message-input__send-button--disabled":n.isSendDisabled,"d-btn--icon-only":n.showSendIcon}]),"aria-label":i.showSend.ariaLabel,"aria-disabled":n.isSendDisabled,onClick:n.onSend},e.createSlots({default:e.withCtx(()=>[i.showSend.text?(e.openBlock(),e.createElementBlock("p",ee,e.toDisplayString(i.showSend.text),1)):e.createCommentVNode("",!0)]),_:2},[n.showSendIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"sendIcon",{iconSize:n.sendIconSize},()=>[e.createVNode(D,{size:n.sendIconSize},null,8,["size"])])]),key:"0"}:void 0]),1032,["class","aria-label","aria-disabled","onClick"])),[[b,(s=i.showSend)==null?void 0:s.tooltipLabel,"top-end"]]):e.createCommentVNode("",!0)]})]),_:3})])])],16)}const oe=T._(G,[["render",te]]);exports.default=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./last-active-nodes.cjs"),k=require("../../common/utils/index.cjs"),f=require("@tiptap/core"),_=require("../../node_modules/@tiptap/vue-3.cjs"),d=require("@dialpad/dialtone-icons/vue3"),T=require("../../localization/index.cjs"),e=require("vue"),B=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),j=require("../item-layout/item-layout.cjs"),v=require("../button/button.cjs"),V=require("./message-input-topbar.cjs"),N=require("./message-input-link.cjs"),S=require("../editor/editor-constants.cjs"),A=require("../emoji-picker/emoji-picker.cjs"),M=require("../input/input.cjs"),q=require("../popover/popover.cjs"),F=require("../rich-text-editor/rich-text-editor.cjs"),R=require("../tooltip/tooltip.cjs"),z=require("../stack/stack.cjs"),C=require("../rich-text-editor/rich-text-editor-constants.cjs"),U={name:"MeetingPill",components:{NodeViewWrapper:_.NodeViewWrapper,DtItemLayout:j.default,DtIconClose:d.DtIconClose,DtButton:v.default,DtIconVideo:d.DtIconVideo},props:_.nodeViewProps,emits:["meeting-pill-close"],data(){return{i18n:new T.DialtoneLocalization}},computed:{closeButtonTitle(){return this.i18n.$t("DIALTONE_CLOSE_BUTTON")}},methods:{close(i){var o,r,l;const t=(l=(r=(o=this.editor)==null?void 0:o.storage)==null?void 0:r.meetingPill)==null?void 0:l.onClose;t&&typeof t=="function"&&t(i)}}},H={class:"d-recipe-message-input-meeting-pill__icon"},G={class:"d-recipe-message-input-meeting-pill__close"};function W(i,t,o,r,l,n){const m=e.resolveComponent("dt-icon-video"),p=e.resolveComponent("dt-icon-close"),h=e.resolveComponent("dt-button"),g=e.resolveComponent("dt-item-layout"),a=e.resolveComponent("node-view-wrapper");return e.openBlock(),e.createBlock(a,{class:"d-recipe-message-input-meeting-pill"},{default:e.withCtx(()=>[e.createVNode(g,{class:"d-recipe-message-input-meeting-pill__layout",unstyled:""},{left:e.withCtx(()=>[e.createElementVNode("div",H,[e.createVNode(m,{size:"400"})])]),right:e.withCtx(()=>[e.createElementVNode("div",G,[e.createVNode(h,{circle:"",importance:"clear",size:"xs","aria-label":n.closeButtonTitle,title:n.closeButtonTitle,onClick:n.close},{icon:e.withCtx(()=>[e.createVNode(p,{size:"300"})]),_:1},8,["aria-label","title","onClick"])])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(i.node.attrs.text)+" ",1)]),_:1})]),_:1})}const K=B._(U,[["render",W]]),X=f.Node.create({name:"meetingPill",atom:!0,group:"inline",inline:!0,addOptions(){return{onClose:()=>{}}},addStorage(){return{onClose:this.options.onClose}},addNodeView(){return _.VueNodeViewRenderer(K)},addAttributes(){return{text:{default:'Please pass in "text" attribute'}}},parseHTML(){return[{tag:"meeting-pill"}]},renderText({node:i}){return"/dpm"},renderHTML({HTMLAttributes:i}){return["meeting-pill",f.mergeAttributes(i)]}}),Q={compatConfig:{MODE:3},name:"DtRecipeMessageInput",components:{DtButton:v.default,DtEmojiPicker:A.default,DtInput:M.default,DtPopover:q.default,DtRecipeMessageInputTopbar:V.default,DtRecipeMessageInputLink:N.default,DtRichTextEditor:F.default,DtTooltip:R.default,DtStack:z.default,DtIconImage:d.DtIconImage,DtIconVerySatisfied:d.DtIconVerySatisfied,DtIconSatisfied:d.DtIconSatisfied,DtIconSend:d.DtIconSend},inheritAttrs:!1,props:{richText:{type:Boolean,default:!0},modelValue:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:""},preventTyping:{type:Boolean,default:!1},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(i){return typeof i=="string"?C.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(i):!0}},outputFormat:{type:String,default:"json",validator(i){return C.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(i)}},placeholder:{type:String,default:""},disableSend:{type:Boolean,default:!1},maxHeight:{type:String,default:"unset"},showEmojiPicker:{type:Boolean,default:!0},emojiPickerProps:{type:Object,default:()=>({})},showCharacterLimit:{type:[Boolean,Object],default:()=>({count:1500,warning:500,message:""})},showImagePicker:{type:[Boolean,Object],default:()=>({})},showSend:{type:[Boolean,Object],default:()=>({})},showCancel:{type:[Boolean,Object],default:()=>({})},mentionSuggestion:{type:Object,default:null},channelSuggestion:{type:Object,default:null},slashCommandSuggestion:{type:Object,default:null},boldButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + B"})},italicButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + I"})},strikeButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Shift + S"})},linkButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + K",linkPlaceholder:"e.g. https://www.dialpad.com"})},bulletListButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Shift + 8"})},orderedListButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Shift + 7"})},blockQuoteButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Shift + B"})},codeButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + E"})},codeBlockButtonOptions:{type:Object,default:()=>({keyboardShortcutText:"Mod + Alt + C"})}},emits:["submit","select-media","add-media","paste-media","cancel","skin-tone","selected-emoji","selected-command","meeting-pill-close","update:modelValue","text-input","add-emoji"],data(){return{lastActiveNodes:P.default,additionalExtensions:[X.configure({onClose:i=>{this.$emit("meeting-pill-close",i)}})],internalInputValue:this.modelValue,imagePickerFocus:!1,emojiPickerFocus:!1,emojiPickerOpened:!1,isFocused:!1,linkOptions:{class:"d-link d-c-text d-d-inline-block"},linkDialogOpen:!1,selectedText:"",text:"",hideLinkBubbleMenu:!1,i18n:new T.DialtoneLocalization}},computed:{showSendIcon(){return!this.showSend.text},inputLength(){return this.text.length},displayCharacterLimitWarning(){return!!this.showCharacterLimit&&this.showCharacterLimit.count-this.inputLength<=this.showCharacterLimit.warning},characterLimitTooltipEnabled(){return this.showCharacterLimit.message&&this.showCharacterLimit.count-this.inputLength<0},isSendDisabled(){return this.disableSend||this.showCharacterLimit&&this.inputLength>this.showCharacterLimit.count},emojiPickerHovered(){return this.emojiPickerFocus||this.emojiPickerOpened},sendIconSize(){return"300"},sendButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL")},imagePickerButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL")},emojiPickerButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL")},cancelButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL")}},watch:{modelValue(i){this.internalInputValue=i},emojiPickerOpened(i){var t;i||(t=this.$refs.richTextEditor)==null||t.focusEditor()}},created(){this.modelValue&&this.outputFormat==="text"?this.internalInputValue=this.modelValue.replace(/\n/g,"<br>"):this.internalInputValue=this.modelValue},methods:{removeClassStyleAttrs:k.removeClassStyleAttrs,addClassStyleAttrs:k.addClassStyleAttrs,linkDialogOpened(i){var t;this.linkDialogOpen=i,i===!0?this.initLinkDialog():(this.hideLinkBubbleMenu=!1,(t=this.$refs.richTextEditor)==null||t.focusEditor())},handleTopbarClick(i){var r;const t=(r=this.$refs.richTextEditor)==null?void 0:r.editor,o={bold:()=>t==null?void 0:t.chain().focus().toggleBold().run(),italic:()=>t==null?void 0:t.chain().focus().toggleItalic().run(),strike:()=>t==null?void 0:t.chain().focus().toggleStrike().run(),bulletList:()=>t==null?void 0:t.chain().focus().toggleBulletList().run(),orderedList:()=>t==null?void 0:t.chain().focus().toggleOrderedList().run(),blockquote:()=>t==null?void 0:t.chain().focus().toggleBlockquote().run(),code:()=>t==null?void 0:t.chain().focus().toggleCode().run(),codeBlock:()=>t==null?void 0:t.chain().focus().toggleCodeBlock().run()};t&&o[i]&&o[i]()},isSelectionActive(i){var t,o,r,l;return["bulletList","orderedList"].includes(i)?this.lastActiveNodes((o=(t=this.$refs.richTextEditor)==null?void 0:t.editor)==null?void 0:o.state,[{type:"bulletList"},{type:"orderedList"}]).includes(i)&&this.isFocused:((l=(r=this.$refs.richTextEditor)==null?void 0:r.editor)==null?void 0:l.isActive(i))&&this.isFocused},initLinkDialog(){var i,t,o;this.$refs.link.setInitialValues(this.selectedText,(o=(t=(i=this.$refs.richTextEditor)==null?void 0:i.editor)==null?void 0:t.getAttributes("link"))==null?void 0:o.href),this.hideLinkBubbleMenu=!0,this.linkDialogOpen=!0},removeLink(){var i;(i=this.$refs.richTextEditor)==null||i.removeLink(),this.linkDialogOpen=!1},setLink(i,t){this.$refs.richTextEditor.setLink(t,i,this.linkOptions,S.EDITOR_SUPPORTED_LINK_PROTOCOLS,S.EDITOR_DEFAULT_LINK_PREFIX),this.linkDialogOpen=!1},onMousedown(i){k.returnFirstEl(this.$refs.richTextEditor.$el).querySelector(".tiptap").contains(i.target)||(i.preventDefault(),this.$refs.richTextEditor.focusEditor())},onDrop(i){const t=i.dataTransfer,o=Array.from(t.files);this.$emit("add-media",o)},onPaste(i){if(i.clipboardData.files.length){i.stopPropagation(),i.preventDefault();const t=[...i.clipboardData.files];this.$emit("paste-media",t)}},onSkinTone(i){this.$emit("skin-tone",i)},onSelectEmoji(i,t){i&&(i.shift_key||t(),this.$refs.richTextEditor.editor.commands.insertContent({type:"emoji",attrs:{code:i.shortname}}),this.$emit("selected-emoji",i))},onSelectImage(){this.$refs.messageInputImageUpload.$refs.input.click()},onImageUpload(){this.$emit("select-media",this.$refs.messageInputImageUpload.$refs.input.files)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||this.$emit("submit",this.internalInputValue)},onCancel(){this.$emit("cancel")},onInput(i){this.$emit("update:modelValue",i)},onTextInput(i){this.text=i,this.$emit("text-input",i)}}},J={class:"d-recipe-message-input__bottom-section"},Y={class:"d-recipe-message-input__bottom-section-left"},Z={class:"d-recipe-message-input__bottom-section-right"},$={class:"d-recipe-message-input__sms-count"},ee={key:0};function te(i,t,o,r,l,n){const m=e.resolveComponent("dt-recipe-message-input-link"),p=e.resolveComponent("dt-recipe-message-input-topbar"),h=e.resolveComponent("dt-rich-text-editor"),g=e.resolveComponent("dt-icon-image"),a=e.resolveComponent("dt-button"),L=e.resolveComponent("dt-input"),I=e.resolveComponent("dt-icon-very-satisfied"),w=e.resolveComponent("dt-icon-satisfied"),y=e.resolveComponent("dt-emoji-picker"),E=e.resolveComponent("dt-popover"),b=e.resolveComponent("dt-stack"),x=e.resolveComponent("dt-tooltip"),O=e.resolveComponent("dt-icon-send"),D=e.resolveDirective("dt-scrollbar"),u=e.resolveDirective("dt-tooltip");return e.openBlock(),e.createElementBlock("div",e.mergeProps({"data-qa":"dt-recipe-message-input",role:"presentation",class:"d-recipe-message-input"},n.addClassStyleAttrs(i.$attrs),{onDragover:t[14]||(t[14]=e.withModifiers(()=>{},["prevent"])),onDrop:t[15]||(t[15]=e.withModifiers((...s)=>n.onDrop&&n.onDrop(...s),["prevent"])),onPaste:t[16]||(t[16]=(...s)=>n.onPaste&&n.onPaste(...s)),onMousedown:t[17]||(t[17]=(...s)=>n.onMousedown&&n.onMousedown(...s))}),[e.renderSlot(i.$slots,"top"),o.richText?(e.openBlock(),e.createBlock(p,{key:l.selectedText,"bold-button-options":o.boldButtonOptions,"italic-button-options":o.italicButtonOptions,"strike-button-options":o.strikeButtonOptions,"bullet-list-button-options":o.bulletListButtonOptions,"ordered-list-button-options":o.orderedListButtonOptions,"block-quote-button-options":o.blockQuoteButtonOptions,"code-button-options":o.codeButtonOptions,"code-block-button-options":o.codeBlockButtonOptions,"is-selection-active":n.isSelectionActive,onClick:n.handleTopbarClick},{link:e.withCtx(()=>[e.createVNode(m,{ref:"link",open:l.linkDialogOpen,"link-button-options":o.linkButtonOptions,"is-selection-active":n.isSelectionActive,onOpened:n.linkDialogOpened,onSetLink:n.setLink,onRemoveLink:n.removeLink},null,8,["open","link-button-options","is-selection-active","onOpened","onSetLink","onRemoveLink"])]),_:1},8,["bold-button-options","italic-button-options","strike-button-options","bullet-list-button-options","ordered-list-button-options","block-quote-button-options","code-button-options","code-block-button-options","is-selection-active","onClick"])):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"d-recipe-message-input__editor-wrapper",style:e.normalizeStyle({"max-height":o.maxHeight})},[e.createVNode(h,e.mergeProps({ref:"richTextEditor",modelValue:l.internalInputValue,"onUpdate:modelValue":t[0]||(t[0]=s=>l.internalInputValue=s),"allow-blockquote":o.richText,"allow-bold":o.richText,"allow-bullet-list":o.richText,"allow-code":o.richText,"allow-codeblock":o.richText,"allow-italic":o.richText,"allow-strike":o.richText,"allow-underline":o.richText,"paste-rich-text":o.richText,editable:o.editable,"input-aria-label":o.inputAriaLabel,"input-class":o.inputClass,"output-format":o.outputFormat,"auto-focus":o.autoFocus,link:o.richText,placeholder:o.placeholder,"prevent-typing":o.preventTyping,"mention-suggestion":o.mentionSuggestion,"channel-suggestion":o.channelSuggestion,"slash-command-suggestion":o.slashCommandSuggestion,"additional-extensions":l.additionalExtensions,"hide-link-bubble-menu":l.hideLinkBubbleMenu},n.removeClassStyleAttrs(i.$attrs),{onInput:n.onInput,onTextInput:n.onTextInput,onEnter:n.onSend,onSelected:t[1]||(t[1]=s=>l.selectedText=s),onSelectedCommand:t[2]||(t[2]=s=>i.$emit("selected-command",s)),onEditLink:n.initLinkDialog,onFocus:t[3]||(t[3]=s=>l.isFocused=!0),onBlur:t[4]||(t[4]=s=>l.isFocused=!1)}),null,16,["modelValue","allow-blockquote","allow-bold","allow-bullet-list","allow-code","allow-codeblock","allow-italic","allow-strike","allow-underline","paste-rich-text","editable","input-aria-label","input-class","output-format","auto-focus","link","placeholder","prevent-typing","mention-suggestion","channel-suggestion","slash-command-suggestion","additional-extensions","hide-link-bubble-menu","onInput","onTextInput","onEnter","onEditLink"])],4)),[[D]]),e.renderSlot(i.$slots,"middle"),e.createElementVNode("section",J,[e.createElementVNode("div",Y,[e.createVNode(b,{gap:"200",direction:"row"},{default:e.withCtx(()=>[o.showImagePicker?e.withDirectives((e.openBlock(),e.createBlock(a,{key:0,"data-qa":"dt-recipe-message-input-image-btn",size:"sm",class:"d-recipe-message-input__button",kind:"muted",importance:"clear","aria-label":n.imagePickerButtonLabel,onClick:n.onSelectImage,onMouseenter:t[5]||(t[5]=s=>l.imagePickerFocus=!0),onMouseleave:t[6]||(t[6]=s=>l.imagePickerFocus=!1),onFocus:t[7]||(t[7]=s=>l.imagePickerFocus=!0),onBlur:t[8]||(t[8]=s=>l.imagePickerFocus=!1)},{icon:e.withCtx(()=>[e.createVNode(g,{size:"300"})]),_:1},8,["aria-label","onClick"])),[[u,n.imagePickerButtonLabel,"top-start"]]):e.createCommentVNode("",!0),e.createVNode(L,{ref:"messageInputImageUpload","data-qa":"dt-recipe-message-input-image-input",accept:"image/*, video/*",type:"file",class:"d-recipe-message-input__image-input",multiple:"",hidden:"",onInput:n.onImageUpload},null,8,["onInput"]),o.showEmojiPicker?(e.openBlock(),e.createBlock(E,{key:1,"open.sync":"emojiPickerOpened","data-qa":"dt-recipe-message-input-emoji-picker-popover","initial-focus-element":"#searchInput",padding:"none"},{anchor:e.withCtx(({attrs:s})=>[e.withDirectives((e.openBlock(),e.createBlock(a,e.mergeProps(s,{"data-qa":"dt-recipe-message-input-emoji-picker-btn",size:"sm",class:"d-recipe-message-input__button",kind:"muted",importance:"clear","aria-label":n.emojiPickerButtonLabel,onClick:n.toggleEmojiPicker,onMouseenter:t[9]||(t[9]=c=>l.emojiPickerFocus=!0),onMouseleave:t[10]||(t[10]=c=>l.emojiPickerFocus=!1),onFocus:t[11]||(t[11]=c=>l.emojiPickerFocus=!0),onBlur:t[12]||(t[12]=c=>l.emojiPickerFocus=!1)}),{icon:e.withCtx(()=>[n.emojiPickerHovered?(e.openBlock(),e.createBlock(I,{key:0,size:"300"})):(e.openBlock(),e.createBlock(w,{key:1,size:"300"}))]),_:2},1040,["aria-label","onClick"])),[[u,n.emojiPickerButtonLabel]])]),content:e.withCtx(({close:s})=>[e.createVNode(y,e.mergeProps(o.emojiPickerProps,{onAddEmoji:t[13]||(t[13]=c=>i.$emit("add-emoji")),onSkinTone:n.onSkinTone,onSelectedEmoji:c=>n.onSelectEmoji(c,s)}),null,16,["onSkinTone","onSelectedEmoji"])]),_:1})):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"emojiGiphyPicker"),e.renderSlot(i.$slots,"customActionIcons")]),_:3})]),e.createElementVNode("div",Z,[e.createVNode(b,{direction:"row",gap:"300"},{default:e.withCtx(()=>[e.createElementVNode("div",$,[e.renderSlot(i.$slots,"smsCount")]),o.showCharacterLimit?(e.openBlock(),e.createBlock(x,{key:0,class:"d-recipe-message-input__remaining-char-tooltip",placement:"top-end",enabled:n.characterLimitTooltipEnabled,message:o.showCharacterLimit.message,offset:[10,8]},{anchor:e.withCtx(()=>[e.withDirectives(e.createElementVNode("p",{class:"d-recipe-message-input__remaining-char","data-qa":"dt-recipe-message-input-character-limit"},e.toDisplayString(o.showCharacterLimit.count-n.inputLength),513),[[e.vShow,n.displayCharacterLimitWarning]])]),_:1},8,["enabled","message"])):e.createCommentVNode("",!0),o.showCancel?e.withDirectives((e.openBlock(),e.createBlock(a,{key:1,"data-qa":"dt-recipe-message-input-cancel-button",class:"d-recipe-message-input__button d-recipe-message-input__cancel-button",size:"sm",kind:"muted",importance:"clear","aria-label":n.cancelButtonLabel,onClick:n.onCancel},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(n.cancelButtonLabel),1)]),_:1},8,["aria-label","onClick"])),[[u,n.cancelButtonLabel]]):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"sendButton",{},()=>[o.showSend?e.withDirectives((e.openBlock(),e.createBlock(a,{key:0,"data-qa":"dt-recipe-message-input-send-btn",size:"sm",kind:"default",importance:"primary",class:e.normalizeClass(["d-recipe-message-input__button d-recipe-message-input__send-button",{"d-recipe-message-input__send-button--disabled":n.isSendDisabled,"d-btn--icon-only":n.showSendIcon}]),"aria-label":n.sendButtonLabel,"aria-disabled":n.isSendDisabled,onClick:n.onSend},e.createSlots({default:e.withCtx(()=>[o.showSend.text?(e.openBlock(),e.createElementBlock("p",ee,e.toDisplayString(o.showSend.text),1)):e.createCommentVNode("",!0)]),_:2},[n.showSendIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"sendIcon",{iconSize:n.sendIconSize},()=>[e.createVNode(O,{size:n.sendIconSize},null,8,["size"])])]),key:"0"}:void 0]),1032,["class","aria-label","aria-disabled","onClick"])),[[u,n.sendButtonLabel,"top-end"]]):e.createCommentVNode("",!0)])]),_:3})])])],16)}const ie=B._(Q,[["render",te]]);exports.default=ie;
 //# sourceMappingURL=message-input.cjs.map