@dialpad/dialtone 9.124.0 → 9.126.0

package/dist/vue2/lib/message-input/message-input-link.js

@@ -1,20 +1,22 @@
 import { DtIconLink2 as o } from "@dialpad/dialtone-icons/vue2";
 import a from "./message-input-button.js";
-import { n as l } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
-import s from "../popover/popover.js";
-import r from "../input/input.js";
-import p from "../button/button.js";
-import u from "../stack/stack.js";
-const c = {
+import { n as r } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import l from "../popover/popover.js";
+import s from "../input/input.js";
+import u from "../button/button.js";
+import p from "../stack/stack.js";
+import c from "../../common/mixins/localization.js";
+const k = {
   name: "MessageInputLink",
   components: {
-    DtPopover: s,
-    DtInput: r,
-    DtButton: p,
-    DtStack: u,
+    DtPopover: l,
+    DtInput: s,
+    DtButton: u,
+    DtStack: p,
     DtIconLink2: o,
     DtRecipeMessageInputButton: a
   },
+  mixins: [c],
   props: {
     open: {
       type: Boolean,
@@ -38,6 +40,29 @@ const c = {
       isOpen: !1
     };
   },
+  computed: {
+    anchorButtonLabel() {
+      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL");
+    },
+    textInputLabel() {
+      return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL");
+    },
+    linkInputLabel() {
+      return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL");
+    },
+    linkInputPlaceHolder() {
+      return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER");
+    },
+    removeButtonLabel() {
+      return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL");
+    },
+    cancelButtonLabel() {
+      return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL");
+    },
+    confirmButtonLabel() {
+      return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL");
+    }
+  },
   watch: {
     open: {
       immediate: !0,
@@ -52,18 +77,18 @@ const c = {
     }
   }
 };
-var k = function() {
+var _ = function() {
   var t = this, e = t._self._c;
-  return e("dt-popover", { attrs: { open: t.isOpen, placement: "bottom-start", "content-class": "d-recipe-message-input__link-popover", "visually-hidden-close": !0, "visually-hidden-close-label": t.linkButtonOptions.visuallyHiddenCloseText, "data-qa": "dt-message-input-link-popover", "show-close-button": !1 }, on: { opened: function(n) {
+  return e("dt-popover", { attrs: { open: t.isOpen, placement: "bottom-start", "content-class": "d-recipe-message-input__link-popover", "data-qa": "dt-message-input-link-popover", "show-close-button": !1 }, on: { opened: function(n) {
     return t.$emit("opened", n);
   } }, scopedSlots: t._u([{ key: "anchor", fn: function() {
-    return [e("dt-recipe-message-input-button", { attrs: { "aria-label": t.linkButtonOptions.ariaLabel, "tooltip-text": t.linkButtonOptions.tooltipText, "keyboard-shortcut-text": t.linkButtonOptions.keyboardShortcutText, "data-qa": "message-input-link-btn", "is-active": t.isSelectionActive("link") }, on: { click: function(n) {
+    return [e("dt-recipe-message-input-button", { attrs: { "aria-label": t.anchorButtonLabel["aria-label"], "tooltip-text": t.anchorButtonLabel["tooltip-text"], "keyboard-shortcut-text": t.linkButtonOptions.keyboardShortcutText, "data-qa": "message-input-link-btn", "is-active": t.isSelectionActive("link") }, on: { click: function(n) {
       t.isOpen = !0;
     } }, scopedSlots: t._u([{ key: "icon", fn: function() {
       return [e("dt-icon-link2", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
     }, proxy: !0 }]) })];
   }, proxy: !0 }, { key: "content", fn: function() {
-    return [e("dt-stack", { attrs: { gap: "500" } }, [t.linkButtonOptions.dialogTitle.length > 0 ? e("div", { staticClass: "d-recipe-message-input__link-dialog-title" }, [t._v(" " + t._s(t.linkButtonOptions.dialogTitle) + " ")]) : t._e(), e("dt-input", { attrs: { "input-aria-label": t.linkButtonOptions.textLabel, size: "xs", "data-qa": "dt-message-input-link-text-input", label: t.linkButtonOptions.textLabel, "input-wrapper-class": "d-recipe-message-input__link-input" }, on: { click: function(n) {
+    return [e("dt-stack", { attrs: { gap: "500" } }, [e("div", { staticClass: "d-recipe-message-input__link-dialog-title" }, [t._v(" " + t._s(t.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE")) + " ")]), e("dt-input", { attrs: { "input-aria-label": t.textInputLabel, size: "xs", "data-qa": "dt-message-input-link-text-input", label: t.textInputLabel, "input-wrapper-class": "d-recipe-message-input__link-input" }, on: { click: function(n) {
       n.stopPropagation();
     }, focus: function(n) {
       n.stopPropagation();
@@ -73,7 +98,7 @@ var k = function() {
       n.stopPropagation();
     } }, model: { value: t.linkText, callback: function(n) {
       t.linkText = n;
-    }, expression: "linkText" } }), e("dt-input", { attrs: { "input-aria-label": t.linkButtonOptions.linkLabel, size: "xs", "data-qa": "dt-message-input-link-input", placeholder: t.linkButtonOptions.linkPlaceholder, label: t.linkButtonOptions.linkLabel, "input-wrapper-class": "d-recipe-message-input__link-input" }, on: { click: function(n) {
+    }, expression: "linkText" } }), e("dt-input", { attrs: { "input-aria-label": t.linkInputLabel, size: "xs", "data-qa": "dt-message-input-link-input", placeholder: t.linkInputPlaceHolder, label: t.linkInputLabel, "input-wrapper-class": "d-recipe-message-input__link-input" }, on: { click: function(n) {
       n.stopPropagation();
     }, focus: function(n) {
       n.stopPropagation();
@@ -83,21 +108,21 @@ var k = function() {
       n.stopPropagation();
     } }, model: { value: t.linkInput, callback: function(n) {
       t.linkInput = n;
-    }, expression: "linkInput" } }), e("dt-stack", { staticClass: "d-recipe-message-input__link-dialog-buttons", attrs: { direction: "row" } }, [e("dt-button", { attrs: { "aria-label": t.linkButtonOptions.removeLabel, importance: "clear", kind: "danger", size: "md", "data-qa": "dt-message-input-link-remove-btn" }, on: { click: function(n) {
+    }, expression: "linkInput" } }), e("dt-stack", { staticClass: "d-recipe-message-input__link-dialog-buttons", attrs: { direction: "row" } }, [e("dt-button", { attrs: { "aria-label": t.removeButtonLabel, title: t.removeButtonLabel, importance: "clear", kind: "danger", size: "md", "data-qa": "dt-message-input-link-remove-btn" }, on: { click: function(n) {
       return t.$emit("remove-link", t.linkText, t.linkInput);
-    } } }, [t._v(" " + t._s(t.linkButtonOptions.removeLabel) + " ")]), e("dt-stack", { attrs: { direction: "row", gap: "400" } }, [e("dt-button", { attrs: { "aria-label": t.linkButtonOptions.cancelLabel, importance: "clear", kind: "muted", size: "md", "data-qa": "dt-message-input-link-cancel-btn" }, on: { click: function(n) {
+    } } }, [t._v(" " + t._s(t.removeButtonLabel) + " ")]), e("dt-stack", { attrs: { direction: "row", gap: "400" } }, [e("dt-button", { attrs: { "aria-label": t.cancelButtonLabel, title: t.cancelButtonLabel, importance: "clear", kind: "muted", size: "md", "data-qa": "dt-message-input-link-cancel-btn" }, on: { click: function(n) {
       t.isOpen = !1;
-    } } }, [t._v(" " + t._s(t.linkButtonOptions.cancelLabel) + " ")]), e("dt-button", { attrs: { size: "md", "aria-label": t.linkButtonOptions.confirmLabel, "data-qa": "dt-message-input-link-confirm-btn" }, on: { click: function(n) {
+    } } }, [t._v(" " + t._s(t.cancelButtonLabel) + " ")]), e("dt-button", { attrs: { size: "md", "aria-label": t.confirmButtonLabel, title: t.confirmButtonLabel, "data-qa": "dt-message-input-link-confirm-btn" }, on: { click: function(n) {
       return t.$emit("set-link", t.linkText, t.linkInput);
-    } } }, [t._v(" " + t._s(t.linkButtonOptions.confirmLabel) + " ")])], 1)], 1)], 1)];
+    } } }, [t._v(" " + t._s(t.confirmButtonLabel) + " ")])], 1)], 1)], 1)];
   }, proxy: !0 }]) });
-}, d = [], m = /* @__PURE__ */ l(
-  c,
+}, d = [], m = /* @__PURE__ */ r(
   k,
+  _,
   d
 );
-const y = m.exports;
+const g = m.exports;
 export {
-  y as default
+  g as default
 };
 //# sourceMappingURL=message-input-link.js.map

package/dist/vue2/lib/message-input/message-input-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-link.js","sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    :visually-hidden-close=\"true\"\n    :visually-hidden-close-label=\"linkButtonOptions.visuallyHiddenCloseText\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"linkButtonOptions.ariaLabel\"\n        :tooltip-text=\"linkButtonOptions.tooltipText\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          v-if=\"linkButtonOptions.dialogTitle.length > 0\"\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ linkButtonOptions.dialogTitle }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"linkButtonOptions.textLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"linkButtonOptions.textLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @click.native.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkButtonOptions.linkLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkButtonOptions.linkPlaceholder\"\n          :label=\"linkButtonOptions.linkLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @click.native.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"linkButtonOptions.removeLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ linkButtonOptions.removeLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"linkButtonOptions.cancelLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ linkButtonOptions.cancelLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"linkButtonOptions.confirmLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ linkButtonOptions.confirmLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue2';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n    };\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtPopover","DtInput","DtButton","DtStack","DtIconLink2","DtRecipeMessageInputButton","value","linkText","linkInput"],"mappings":";;;;;;;AAgHA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,4BAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA;AAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,YAAA,eAAA,QAAA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAAC,GAAA;AACA,aAAA,SAAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,iBAAAC,GAAAC,GAAA;AACA,WAAA,WAAAD,GACA,KAAA,YAAAC;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"message-input-link.js","sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @click.native.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @click.native.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue2';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DtLocalizationMixin } from '@/common/mixins';\n\nexport default {\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  mixins: [DtLocalizationMixin],\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtPopover","DtInput","DtButton","DtStack","DtIconLink2","DtRecipeMessageInputButton","DtLocalizationMixin","value","linkText","linkInput"],"mappings":";;;;;;;;AAkHA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,4BAAAC;AAAA,EACA;AAAA,EAEA,QAAA,CAAAC,CAAA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA;AAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,YAAA,eAAA,QAAA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,oBAAA;AAAA,aAAA,KAAA,KAAA,IAAA,0CAAA;AAAA,IAAA;AAAA,IACA,iBAAA;AAAA,aAAA,KAAA,KAAA,GAAA,wCAAA;AAAA,IAAA;AAAA,IACA,iBAAA;AAAA,aAAA,KAAA,KAAA,GAAA,wCAAA;AAAA,IAAA;AAAA,IACA,uBAAA;AAAA,aAAA,KAAA,KAAA,GAAA,8CAAA;AAAA,IAAA;AAAA,IACA,oBAAA;AAAA,aAAA,KAAA,KAAA,GAAA,0CAAA;AAAA,IAAA;AAAA,IACA,oBAAA;AAAA,aAAA,KAAA,KAAA,GAAA,0CAAA;AAAA,IAAA;AAAA,IACA,qBAAA;AAAA,aAAA,KAAA,KAAA,GAAA,2CAAA;AAAA,IAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAAC,GAAA;AACA,aAAA,SAAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,iBAAAC,GAAAC,GAAA;AACA,WAAA,WAAAD,GACA,KAAA,YAAAC;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue2/lib/message-input/message-input-topbar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@dialpad/dialtone-icons/vue2"),c=require("./message-input-button.cjs"),n=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),s=require("../stack/stack.cjs"),a={name:"DtRecipeMesageInputTopbar",components:{DtStack:s.default,DtIconListBullet:i.DtIconListBullet,DtIconBold:i.DtIconBold,DtIconItalic:i.DtIconItalic,DtIconStrikethrough:i.DtIconStrikethrough,DtIconListOrdered:i.DtIconListOrdered,DtIconQuote:i.DtIconQuote,DtIconCode:i.DtIconCode,DtIconCodeBlock:i.DtIconCodeBlock,DtRecipeMessageInputButton:c.default},props:{boldButtonOptions:{type:Object,default:()=>({})},italicButtonOptions:{type:Object,default:()=>({})},strikeButtonOptions:{type:Object,default:()=>({})},bulletListButtonOptions:{type:Object,default:()=>({})},orderedListButtonOptions:{type:Object,default:()=>({})},blockQuoteButtonOptions:{type:Object,default:()=>({})},codeButtonOptions:{type:Object,default:()=>({})},codeBlockButtonOptions:{type:Object,default:()=>({})},isSelectionActive:{type:Function,default:()=>{}}},emits:["click"]};var r=function(){var t=this,e=t._self._c;return e("dt-stack",{staticClass:"d-recipe-message-input__button-stack",attrs:{direction:"row",gap:"200"}},[e("dt-recipe-message-input-button",{attrs:{"aria-label":t.boldButtonOptions.ariaLabel,"tooltip-text":t.boldButtonOptions.tooltipText,"keyboard-shortcut-text":t.boldButtonOptions.keyboardShortcutText,"data-qa":"bold","is-active":t.isSelectionActive("bold")},on:{click:function(o){return t.$emit("click","bold",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-bold",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.italicButtonOptions.ariaLabel,"tooltip-text":t.italicButtonOptions.tooltipText,"keyboard-shortcut-text":t.italicButtonOptions.keyboardShortcutText,"data-qa":"italic","is-active":t.isSelectionActive("italic")},on:{click:function(o){return t.$emit("click","italic",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-italic",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.strikeButtonOptions.ariaLabel,"tooltip-text":t.strikeButtonOptions.tooltipText,"keyboard-shortcut-text":t.strikeButtonOptions.keyboardShortcutText,"data-qa":"strikethrough","is-active":t.isSelectionActive("strike")},on:{click:function(o){return t.$emit("click","strike",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-strikethrough",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("div",{staticClass:"d-recipe-message-input--button-group-divider"}),t._t("link"),e("div",{staticClass:"d-recipe-message-input--button-group-divider"}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.bulletListButtonOptions.ariaLabel,"tooltip-text":t.bulletListButtonOptions.tooltipText,"keyboard-shortcut-text":t.bulletListButtonOptions.keyboardShortcutText,"data-qa":"bullet-list","is-active":t.isSelectionActive("bulletList")},on:{click:function(o){return t.$emit("click","bulletList",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-list-bullet",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.orderedListButtonOptions.ariaLabel,"tooltip-text":t.orderedListButtonOptions.tooltipText,"keyboard-shortcut-text":t.orderedListButtonOptions.keyboardShortcutText,"data-qa":"ordered-list","is-active":t.isSelectionActive("orderedList")},on:{click:function(o){return t.$emit("click","orderedList",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-list-ordered",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("div",{staticClass:"d-recipe-message-input--button-group-divider"}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.blockQuoteButtonOptions.ariaLabel,"tooltip-text":t.blockQuoteButtonOptions.tooltipText,"keyboard-shortcut-text":t.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":"blockquote","is-active":t.isSelectionActive("blockquote")},on:{click:function(o){return t.$emit("click","blockquote",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-quote",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("div",{staticClass:"d-recipe-message-input--button-group-divider"}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.codeButtonOptions.ariaLabel,"tooltip-text":t.codeButtonOptions.tooltipText,"keyboard-shortcut-text":t.codeButtonOptions.keyboardShortcutText,"data-qa":"code","is-active":t.isSelectionActive("code")},on:{click:function(o){return t.$emit("click","code",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-code",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.codeBlockButtonOptions.ariaLabel,"tooltip-text":t.codeBlockButtonOptions.tooltipText,"keyboard-shortcut-text":t.codeBlockButtonOptions.keyboardShortcutText,"data-qa":"code-block","is-active":t.isSelectionActive("codeBlock")},on:{click:function(o){return t.$emit("click","codeBlock",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-code-block",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])})],2)},u=[],l=n.n(a,r,u);const d=l.exports;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@dialpad/dialtone-icons/vue2"),c=require("./message-input-button.cjs"),n=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),a=require("../stack/stack.cjs"),s=require("../../common/mixins/localization.cjs"),r={name:"DtRecipeMessageInputTopbar",components:{DtStack:a.default,DtIconListBullet:i.DtIconListBullet,DtIconBold:i.DtIconBold,DtIconItalic:i.DtIconItalic,DtIconStrikethrough:i.DtIconStrikethrough,DtIconListOrdered:i.DtIconListOrdered,DtIconQuote:i.DtIconQuote,DtIconCode:i.DtIconCode,DtIconCodeBlock:i.DtIconCodeBlock,DtRecipeMessageInputButton:c.default},mixins:[s.default],props:{boldButtonOptions:{type:Object,default:()=>({})},italicButtonOptions:{type:Object,default:()=>({})},strikeButtonOptions:{type:Object,default:()=>({})},bulletListButtonOptions:{type:Object,default:()=>({})},orderedListButtonOptions:{type:Object,default:()=>({})},blockQuoteButtonOptions:{type:Object,default:()=>({})},codeButtonOptions:{type:Object,default:()=>({})},codeBlockButtonOptions:{type:Object,default:()=>({})},isSelectionActive:{type:Function,default:()=>{}}},emits:["click"],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")}}};var u=function(){var t=this,e=t._self._c;return e("dt-stack",{staticClass:"d-recipe-message-input__button-stack",attrs:{direction:"row",gap:"200"}},[e("dt-recipe-message-input-button",{attrs:{"aria-label":t.boldButtonLabel["aria-label"],"tooltip-text":t.boldButtonLabel["tooltip-text"],"keyboard-shortcut-text":t.boldButtonOptions.keyboardShortcutText,"data-qa":"bold","is-active":t.isSelectionActive("bold")},on:{click:function(o){return t.$emit("click","bold",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-bold",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.italicButtonLabel["aria-label"],"tooltip-text":t.italicButtonLabel["tooltip-text"],"keyboard-shortcut-text":t.italicButtonOptions.keyboardShortcutText,"data-qa":"italic","is-active":t.isSelectionActive("italic")},on:{click:function(o){return t.$emit("click","italic",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-italic",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.strikeButtonLabel["aria-label"],"tooltip-text":t.strikeButtonLabel["tooltip-text"],"keyboard-shortcut-text":t.strikeButtonOptions.keyboardShortcutText,"data-qa":"strikethrough","is-active":t.isSelectionActive("strike")},on:{click:function(o){return t.$emit("click","strike",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-strikethrough",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("div",{staticClass:"d-recipe-message-input--button-group-divider"}),t._t("link"),e("div",{staticClass:"d-recipe-message-input--button-group-divider"}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.bulletListButtonLabel["aria-label"],"tooltip-text":t.bulletListButtonLabel["tooltip-text"],"keyboard-shortcut-text":t.bulletListButtonOptions.keyboardShortcutText,"data-qa":"bullet-list","is-active":t.isSelectionActive("bulletList")},on:{click:function(o){return t.$emit("click","bulletList",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-list-bullet",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.orderedListButtonLabel["aria-label"],"tooltip-text":t.orderedListButtonLabel["tooltip-text"],"keyboard-shortcut-text":t.orderedListButtonOptions.keyboardShortcutText,"data-qa":"ordered-list","is-active":t.isSelectionActive("orderedList")},on:{click:function(o){return t.$emit("click","orderedList",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-list-ordered",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("div",{staticClass:"d-recipe-message-input--button-group-divider"}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.blockQuoteButtonLabel["aria-label"],"tooltip-text":t.blockQuoteButtonLabel["tooltip-text"],"keyboard-shortcut-text":t.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":"blockquote","is-active":t.isSelectionActive("blockquote")},on:{click:function(o){return t.$emit("click","blockquote",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-quote",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("div",{staticClass:"d-recipe-message-input--button-group-divider"}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.codeButtonLabel["aria-label"],"tooltip-text":t.codeButtonLabel["tooltip-text"],"keyboard-shortcut-text":t.codeButtonOptions.keyboardShortcutText,"data-qa":"code","is-active":t.isSelectionActive("code")},on:{click:function(o){return t.$emit("click","code",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-code",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])}),e("dt-recipe-message-input-button",{attrs:{"aria-label":t.codeBlockButtonLabel["aria-label"],"tooltip-text":t.codeBlockButtonLabel["tooltip-text"],"keyboard-shortcut-text":t.codeBlockButtonOptions.keyboardShortcutText,"data-qa":"code-block","is-active":t.isSelectionActive("codeBlock")},on:{click:function(o){return t.$emit("click","codeBlock",o)}},scopedSlots:t._u([{key:"icon",fn:function(){return[e("dt-icon-code-block",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])})],2)},l=[],d=n.n(r,u,l);const p=d.exports;exports.default=p;
 //# sourceMappingURL=message-input-topbar.cjs.map

package/dist/vue2/lib/message-input/message-input-topbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-topbar.cjs","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/vue2';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\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"],"mappings":"4RAwJAA,EAAA,CACA,KAAA,4BACA,WAAA,CACA,QAAAC,EAAA,QACA,iBAAAC,EAAA,iBACA,WAAAC,EAAA,WACA,aAAAC,EAAA,aACA,oBAAAC,EAAA,oBACA,kBAAAC,EAAA,kBACA,YAAAC,EAAA,YACA,WAAAC,EAAA,WACA,gBAAAC,EAAA,gBACA,2BAAAC,EAAA,OACA,EAEA,MAAA,CACA,kBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,oBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,oBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,wBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,yBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,wBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,kBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,uBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,kBAAA,CACA,KAAA,SACA,QAAA,IAAA,CAAA,CACA,CACA,EAEA,MAAA,CAAA,OAAA,CACA"}
+{"version":3,"file":"message-input-topbar.cjs","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/vue2';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DtLocalizationMixin } from '@/common/mixins';\n\nexport default {\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  mixins: [DtLocalizationMixin],\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  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","DtLocalizationMixin"],"mappings":"8UA4JAA,EAAA,CACA,KAAA,6BACA,WAAA,CACA,QAAAC,EAAA,QACA,iBAAAC,EAAA,iBACA,WAAAC,EAAA,WACA,aAAAC,EAAA,aACA,oBAAAC,EAAA,oBACA,kBAAAC,EAAA,kBACA,YAAAC,EAAA,YACA,WAAAC,EAAA,WACA,gBAAAC,EAAA,gBACA,2BAAAC,EAAA,OACA,EAEA,OAAA,CAAAC,EAAAA,OAAA,EAEA,MAAA,CACA,kBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,oBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,oBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,wBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,yBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,wBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,kBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,uBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,kBAAA,CACA,KAAA,SACA,QAAA,IAAA,CAAA,CACA,CACA,EAEA,MAAA,CAAA,OAAA,EAEA,SAAA,CACA,iBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,0CAAA,CAAA,EACA,mBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,4CAAA,CAAA,EACA,mBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,mDAAA,CAAA,EACA,uBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,iDAAA,CAAA,EACA,wBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,kDAAA,CAAA,EACA,uBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,iDAAA,CAAA,EACA,iBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,0CAAA,CAAA,EACA,sBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,gDAAA,CAAA,CACA,CACA"}

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

@@ -1,21 +1,23 @@
-import { DtIconListBullet as i, DtIconBold as c, DtIconItalic as n, DtIconStrikethrough as s, DtIconListOrdered as a, DtIconQuote as r, DtIconCode as u, DtIconCodeBlock as l } from "@dialpad/dialtone-icons/vue2";
-import p from "./message-input-button.js";
-import { n as d } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import { DtIconListBullet as i, DtIconBold as c, DtIconItalic as n, DtIconStrikethrough as a, DtIconListOrdered as s, DtIconQuote as r, DtIconCode as u, DtIconCodeBlock as l } from "@dialpad/dialtone-icons/vue2";
+import d from "./message-input-button.js";
+import { n as p } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
 import b from "../stack/stack.js";
+import _ from "../../common/mixins/localization.js";
 const k = {
-  name: "DtRecipeMesageInputTopbar",
+  name: "DtRecipeMessageInputTopbar",
   components: {
     DtStack: b,
     DtIconListBullet: i,
     DtIconBold: c,
     DtIconItalic: n,
-    DtIconStrikethrough: s,
-    DtIconListOrdered: a,
+    DtIconStrikethrough: a,
+    DtIconListOrdered: s,
     DtIconQuote: r,
     DtIconCode: u,
     DtIconCodeBlock: l,
-    DtRecipeMessageInputButton: p
+    DtRecipeMessageInputButton: d
   },
+  mixins: [_],
   props: {
     boldButtonOptions: {
       type: Object,
@@ -55,50 +57,76 @@ const k = {
       }
     }
   },
-  emits: ["click"]
+  emits: ["click"],
+  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");
+    }
+  }
 };
-var m = function() {
+var L = function() {
   var t = this, e = t._self._c;
-  return e("dt-stack", { staticClass: "d-recipe-message-input__button-stack", attrs: { direction: "row", gap: "200" } }, [e("dt-recipe-message-input-button", { attrs: { "aria-label": t.boldButtonOptions.ariaLabel, "tooltip-text": t.boldButtonOptions.tooltipText, "keyboard-shortcut-text": t.boldButtonOptions.keyboardShortcutText, "data-qa": "bold", "is-active": t.isSelectionActive("bold") }, on: { click: function(o) {
+  return e("dt-stack", { staticClass: "d-recipe-message-input__button-stack", attrs: { direction: "row", gap: "200" } }, [e("dt-recipe-message-input-button", { attrs: { "aria-label": t.boldButtonLabel["aria-label"], "tooltip-text": t.boldButtonLabel["tooltip-text"], "keyboard-shortcut-text": t.boldButtonOptions.keyboardShortcutText, "data-qa": "bold", "is-active": t.isSelectionActive("bold") }, on: { click: function(o) {
     return t.$emit("click", "bold", o);
   } }, scopedSlots: t._u([{ key: "icon", fn: function() {
     return [e("dt-icon-bold", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
-  }, proxy: !0 }]) }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.italicButtonOptions.ariaLabel, "tooltip-text": t.italicButtonOptions.tooltipText, "keyboard-shortcut-text": t.italicButtonOptions.keyboardShortcutText, "data-qa": "italic", "is-active": t.isSelectionActive("italic") }, on: { click: function(o) {
+  }, proxy: !0 }]) }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.italicButtonLabel["aria-label"], "tooltip-text": t.italicButtonLabel["tooltip-text"], "keyboard-shortcut-text": t.italicButtonOptions.keyboardShortcutText, "data-qa": "italic", "is-active": t.isSelectionActive("italic") }, on: { click: function(o) {
     return t.$emit("click", "italic", o);
   } }, scopedSlots: t._u([{ key: "icon", fn: function() {
     return [e("dt-icon-italic", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
-  }, proxy: !0 }]) }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.strikeButtonOptions.ariaLabel, "tooltip-text": t.strikeButtonOptions.tooltipText, "keyboard-shortcut-text": t.strikeButtonOptions.keyboardShortcutText, "data-qa": "strikethrough", "is-active": t.isSelectionActive("strike") }, on: { click: function(o) {
+  }, proxy: !0 }]) }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.strikeButtonLabel["aria-label"], "tooltip-text": t.strikeButtonLabel["tooltip-text"], "keyboard-shortcut-text": t.strikeButtonOptions.keyboardShortcutText, "data-qa": "strikethrough", "is-active": t.isSelectionActive("strike") }, on: { click: function(o) {
     return t.$emit("click", "strike", o);
   } }, scopedSlots: t._u([{ key: "icon", fn: function() {
     return [e("dt-icon-strikethrough", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
-  }, proxy: !0 }]) }), e("div", { staticClass: "d-recipe-message-input--button-group-divider" }), t._t("link"), e("div", { staticClass: "d-recipe-message-input--button-group-divider" }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.bulletListButtonOptions.ariaLabel, "tooltip-text": t.bulletListButtonOptions.tooltipText, "keyboard-shortcut-text": t.bulletListButtonOptions.keyboardShortcutText, "data-qa": "bullet-list", "is-active": t.isSelectionActive("bulletList") }, on: { click: function(o) {
+  }, proxy: !0 }]) }), e("div", { staticClass: "d-recipe-message-input--button-group-divider" }), t._t("link"), e("div", { staticClass: "d-recipe-message-input--button-group-divider" }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.bulletListButtonLabel["aria-label"], "tooltip-text": t.bulletListButtonLabel["tooltip-text"], "keyboard-shortcut-text": t.bulletListButtonOptions.keyboardShortcutText, "data-qa": "bullet-list", "is-active": t.isSelectionActive("bulletList") }, on: { click: function(o) {
     return t.$emit("click", "bulletList", o);
   } }, scopedSlots: t._u([{ key: "icon", fn: function() {
     return [e("dt-icon-list-bullet", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
-  }, proxy: !0 }]) }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.orderedListButtonOptions.ariaLabel, "tooltip-text": t.orderedListButtonOptions.tooltipText, "keyboard-shortcut-text": t.orderedListButtonOptions.keyboardShortcutText, "data-qa": "ordered-list", "is-active": t.isSelectionActive("orderedList") }, on: { click: function(o) {
+  }, proxy: !0 }]) }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.orderedListButtonLabel["aria-label"], "tooltip-text": t.orderedListButtonLabel["tooltip-text"], "keyboard-shortcut-text": t.orderedListButtonOptions.keyboardShortcutText, "data-qa": "ordered-list", "is-active": t.isSelectionActive("orderedList") }, on: { click: function(o) {
     return t.$emit("click", "orderedList", o);
   } }, scopedSlots: t._u([{ key: "icon", fn: function() {
     return [e("dt-icon-list-ordered", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
-  }, proxy: !0 }]) }), e("div", { staticClass: "d-recipe-message-input--button-group-divider" }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.blockQuoteButtonOptions.ariaLabel, "tooltip-text": t.blockQuoteButtonOptions.tooltipText, "keyboard-shortcut-text": t.blockQuoteButtonOptions.keyboardShortcutText, "data-qa": "blockquote", "is-active": t.isSelectionActive("blockquote") }, on: { click: function(o) {
+  }, proxy: !0 }]) }), e("div", { staticClass: "d-recipe-message-input--button-group-divider" }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.blockQuoteButtonLabel["aria-label"], "tooltip-text": t.blockQuoteButtonLabel["tooltip-text"], "keyboard-shortcut-text": t.blockQuoteButtonOptions.keyboardShortcutText, "data-qa": "blockquote", "is-active": t.isSelectionActive("blockquote") }, on: { click: function(o) {
     return t.$emit("click", "blockquote", o);
   } }, scopedSlots: t._u([{ key: "icon", fn: function() {
     return [e("dt-icon-quote", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
-  }, proxy: !0 }]) }), e("div", { staticClass: "d-recipe-message-input--button-group-divider" }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.codeButtonOptions.ariaLabel, "tooltip-text": t.codeButtonOptions.tooltipText, "keyboard-shortcut-text": t.codeButtonOptions.keyboardShortcutText, "data-qa": "code", "is-active": t.isSelectionActive("code") }, on: { click: function(o) {
+  }, proxy: !0 }]) }), e("div", { staticClass: "d-recipe-message-input--button-group-divider" }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.codeButtonLabel["aria-label"], "tooltip-text": t.codeButtonLabel["tooltip-text"], "keyboard-shortcut-text": t.codeButtonOptions.keyboardShortcutText, "data-qa": "code", "is-active": t.isSelectionActive("code") }, on: { click: function(o) {
     return t.$emit("click", "code", o);
   } }, scopedSlots: t._u([{ key: "icon", fn: function() {
     return [e("dt-icon-code", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
-  }, proxy: !0 }]) }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.codeBlockButtonOptions.ariaLabel, "tooltip-text": t.codeBlockButtonOptions.tooltipText, "keyboard-shortcut-text": t.codeBlockButtonOptions.keyboardShortcutText, "data-qa": "code-block", "is-active": t.isSelectionActive("codeBlock") }, on: { click: function(o) {
+  }, proxy: !0 }]) }), e("dt-recipe-message-input-button", { attrs: { "aria-label": t.codeBlockButtonLabel["aria-label"], "tooltip-text": t.codeBlockButtonLabel["tooltip-text"], "keyboard-shortcut-text": t.codeBlockButtonOptions.keyboardShortcutText, "data-qa": "code-block", "is-active": t.isSelectionActive("codeBlock") }, on: { click: function(o) {
     return t.$emit("click", "codeBlock", o);
   } }, scopedSlots: t._u([{ key: "icon", fn: function() {
     return [e("dt-icon-code-block", { staticClass: "d-recipe-message-input__button-stack-icon", attrs: { size: "200" } })];
   }, proxy: !0 }]) })], 2);
-}, f = [], x = /* @__PURE__ */ d(
+}, B = [], m = /* @__PURE__ */ p(
   k,
-  m,
-  f
+  L,
+  B
 );
-const v = x.exports;
+const E = m.exports;
 export {
-  v as default
+  E as default
 };
 //# sourceMappingURL=message-input-topbar.js.map

package/dist/vue2/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/vue2';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\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"],"mappings":";;;;AAwJA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,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,EACA;AAAA,EAEA,OAAA;AAAA,IACA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,yBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,0BAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,yBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,wBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA;AAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,OAAA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/vue2';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DtLocalizationMixin } from '@/common/mixins';\n\nexport default {\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  mixins: [DtLocalizationMixin],\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  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","DtLocalizationMixin"],"mappings":";;;;;AA4JA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,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,EACA;AAAA,EAEA,QAAA,CAAAC,CAAA;AAAA,EAEA,OAAA;AAAA,IACA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,yBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,0BAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,yBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,wBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA;AAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,OAAA;AAAA,EAEA,UAAA;AAAA,IACA,kBAAA;AAAA,aAAA,KAAA,KAAA,IAAA,0CAAA;AAAA,IAAA;AAAA,IACA,oBAAA;AAAA,aAAA,KAAA,KAAA,IAAA,4CAAA;AAAA,IAAA;AAAA,IACA,oBAAA;AAAA,aAAA,KAAA,KAAA,IAAA,mDAAA;AAAA,IAAA;AAAA,IACA,wBAAA;AAAA,aAAA,KAAA,KAAA,IAAA,iDAAA;AAAA,IAAA;AAAA,IACA,yBAAA;AAAA,aAAA,KAAA,KAAA,IAAA,kDAAA;AAAA,IAAA;AAAA,IACA,wBAAA;AAAA,aAAA,KAAA,KAAA,IAAA,iDAAA;AAAA,IAAA;AAAA,IACA,kBAAA;AAAA,aAAA,KAAA,KAAA,IAAA,0CAAA;AAAA,IAAA;AAAA,IACA,uBAAA;AAAA,aAAA,KAAA,KAAA,IAAA,gDAAA;AAAA,IAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./last-active-nodes.cjs"),l=require("@tiptap/core"),r=require("../../node_modules/@tiptap/vue-2.cjs"),a=require("@dialpad/dialtone-icons/vue2"),d=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),h=require("../item-layout/item-layout.cjs"),p=require("../button/button.cjs"),g=require("./message-input-topbar.cjs"),f=require("./message-input-link.cjs"),c=require("../editor/editor-constants.cjs"),b=require("../emoji-picker/emoji-picker.cjs"),k=require("../input/input.cjs"),_=require("../popover/popover.cjs"),x=require("../rich-text-editor/rich-text-editor.cjs"),T=require("../tooltip/tooltip.cjs"),v=require("../stack/stack.cjs"),u=require("../rich-text-editor/rich-text-editor-constants.cjs"),L={name:"MeetingPill",components:{NodeViewWrapper:r.NodeViewWrapper,DtItemLayout:h.default,DtIconClose:a.DtIconClose,DtButton:p.default,DtIconVideo:a.DtIconVideo},props:r.nodeViewProps,emits:["meeting-pill-close"],methods:{close(t){this.$parent.$emit("meeting-pill-close",t)}}};var y=function(){var e=this,i=e._self._c;return i("node-view-wrapper",{staticClass:"d-recipe-message-input-meeting-pill"},[i("dt-item-layout",{staticClass:"d-recipe-message-input-meeting-pill__layout",attrs:{unstyled:""},scopedSlots:e._u([{key:"left",fn:function(){return[i("div",{staticClass:"d-recipe-message-input-meeting-pill__icon"},[i("dt-icon-video",{attrs:{size:"400"}})],1)]},proxy:!0},{key:"right",fn:function(){return[i("div",{staticClass:"d-recipe-message-input-meeting-pill__close"},[i("dt-button",{attrs:{circle:"","aria-label":e.node.attrs["close-button-aria-label"],size:"xs",importance:"clear"},on:{click:e.close},scopedSlots:e._u([{key:"icon",fn:function(){return[i("dt-icon-close",{attrs:{size:"300"}})]},proxy:!0}])})],1)]},proxy:!0}])},[e._v(" "+e._s(e.node.attrs.text)+" ")])],1)},S=[],I=d.n(L,y,S);const w=I.exports,O=l.Node.create({atom:!0,group:"inline",inline:!0,addNodeView(){return r.VueNodeViewRenderer(w)},addAttributes(){return{text:{default:'Please pass in "text" attribute'},"close-button-aria-label":{}}},parseHTML(){return[{tag:"meeting-pill"}]},renderText({node:t}){return"/dpm"},renderHTML({HTMLAttributes:t}){return["meeting-pill",l.mergeAttributes(t)]}}),C={name:"DtRecipeMessageInput",components:{DtButton:p.default,DtEmojiPicker:b.default,DtInput:k.default,DtPopover:_.default,DtRecipeMessageInputTopbar:g.default,DtRecipeMessageInputLink:f.default,DtRichTextEditor:x.default,DtTooltip:T.default,DtStack:v.default,DtIconImage:a.DtIconImage,DtIconVerySatisfied:a.DtIconVerySatisfied,DtIconSatisfied:a.DtIconSatisfied,DtIconSend:a.DtIconSend},mixins:[],inheritAttrs:!1,props:{richText:{type:Boolean,default:!0},value:{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(t){return typeof t=="string"?u.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(t):!0}},outputFormat:{type:String,default:"json",validator(t){return u.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(t)}},placeholder:{type:String,default:""},disableSend:{type:Boolean,default:!1},maxHeight:{type:String,default:"unset"},showEmojiPicker:{type:Boolean,default:!0},emojiPickerProps:{type:Object,default:()=>({}),validate(t){return["searchNoResultsLabel","searchResultsLabel","searchPlaceholderLabel","skinSelectorButtonTooltipLabel","tabSetLabels"].every(e=>t[e]!=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:value","text-input","add-emoji"],data(){return{lastActiveNodes:m.default,additionalExtensions:[O],internalInputValue:this.value,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:{value(t){this.internalInputValue=t},emojiPickerOpened(t){var e;t||(e=this.$refs.richTextEditor)==null||e.focusEditor()}},created(){this.value&&this.outputFormat==="text"?this.internalInputValue=this.value.replace(/\n/g,"<br>"):this.internalInputValue=this.value},methods:{linkDialogOpened(t){var e;this.linkDialogOpen=t,t===!0?this.initLinkDialog():(this.hideLinkBubbleMenu=!1,(e=this.$refs.richTextEditor)==null||e.focusEditor())},handleTopbarClick(t){var n;const e=(n=this.$refs.richTextEditor)==null?void 0:n.editor,i={bold:()=>e==null?void 0:e.chain().focus().toggleBold().run(),italic:()=>e==null?void 0:e.chain().focus().toggleItalic().run(),strike:()=>e==null?void 0:e.chain().focus().toggleStrike().run(),bulletList:()=>e==null?void 0:e.chain().focus().toggleBulletList().run(),orderedList:()=>e==null?void 0:e.chain().focus().toggleOrderedList().run(),blockquote:()=>e==null?void 0:e.chain().focus().toggleBlockquote().run(),code:()=>e==null?void 0:e.chain().focus().toggleCode().run(),codeBlock:()=>e==null?void 0:e.chain().focus().toggleCodeBlock().run()};e&&i[t]&&i[t]()},isSelectionActive(t){var e,i,n,o;return["bulletList","orderedList"].includes(t)?this.lastActiveNodes((i=(e=this.$refs.richTextEditor)==null?void 0:e.editor)==null?void 0:i.state,[{type:"bulletList"},{type:"orderedList"}]).includes(t)&&this.isFocused:((o=(n=this.$refs.richTextEditor)==null?void 0:n.editor)==null?void 0:o.isActive(t))&&this.isFocused},initLinkDialog(){var t,e,i;this.$refs.link.setInitialValues(this.selectedText,(i=(e=(t=this.$refs.richTextEditor)==null?void 0:t.editor)==null?void 0:e.getAttributes("link"))==null?void 0:i.href),this.hideLinkBubbleMenu=!0,this.linkDialogOpen=!0},removeLink(){var t;(t=this.$refs.richTextEditor)==null||t.removeLink(),this.linkDialogOpen=!1},setLink(t,e){this.$refs.richTextEditor.setLink(e,t,this.linkOptions,c.EDITOR_SUPPORTED_LINK_PROTOCOLS,c.EDITOR_DEFAULT_LINK_PREFIX),this.linkDialogOpen=!1},onMousedown(t){this.$refs.richTextEditor.$el.querySelector(".tiptap").contains(t.target)||(t.preventDefault(),this.$refs.richTextEditor.focusEditor())},onDrop(t){const e=t.dataTransfer,i=Array.from(e.files);this.$emit("add-media",i)},onPaste(t){if(t.clipboardData.files.length){t.stopPropagation(),t.preventDefault();const e=[...t.clipboardData.files];this.$emit("paste-media",e)}},onSkinTone(t){this.$emit("skin-tone",t)},onSelectEmoji(t,e){t&&(t.shift_key||e(),this.$refs.richTextEditor.editor.commands.insertContent({type:"emoji",attrs:{code:t.shortname}}),this.$emit("selected-emoji",t))},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(t){this.$emit("update:value",t)},onTextInput(t){this.text=t,this.$emit("text-input",t)}}};var j=function(){var n;var e=this,i=e._self._c;return i("div",{staticClass:"d-recipe-message-input",attrs:{"data-qa":"dt-recipe-message-input",role:"presentation"},on:{dragover:function(o){o.preventDefault()},drop:function(o){return o.preventDefault(),e.onDrop.apply(null,arguments)},paste:e.onPaste,mousedown:e.onMousedown}},[e._t("top"),e.richText?i("dt-recipe-message-input-topbar",{key:e.selectedText,attrs:{"bold-button-options":e.boldButtonOptions,"italic-button-options":e.italicButtonOptions,"strike-button-options":e.strikeButtonOptions,"bullet-list-button-options":e.bulletListButtonOptions,"ordered-list-button-options":e.orderedListButtonOptions,"block-quote-button-options":e.blockQuoteButtonOptions,"code-button-options":e.codeButtonOptions,"code-block-button-options":e.codeBlockButtonOptions,"is-selection-active":e.isSelectionActive},on:{click:e.handleTopbarClick},scopedSlots:e._u([{key:"link",fn:function(){return[i("dt-recipe-message-input-link",{ref:"link",attrs:{open:e.linkDialogOpen,"link-button-options":e.linkButtonOptions,"is-selection-active":e.isSelectionActive},on:{opened:e.linkDialogOpened,"set-link":e.setLink,"remove-link":e.removeLink}})]},proxy:!0}],null,!1,1527282285)}):e._e(),i("div",{directives:[{name:"dt-scrollbar",rawName:"v-dt-scrollbar"}],staticClass:"d-recipe-message-input__editor-wrapper",style:{"max-height":e.maxHeight}},[i("dt-rich-text-editor",e._g(e._b({ref:"richTextEditor",attrs:{editable:e.editable,"input-aria-label":e.inputAriaLabel,"input-class":e.inputClass,"output-format":e.outputFormat,"auto-focus":e.autoFocus,link:e.richText,placeholder:e.placeholder,"prevent-typing":e.preventTyping,"mention-suggestion":e.mentionSuggestion,"channel-suggestion":e.channelSuggestion,"slash-command-suggestion":e.slashCommandSuggestion,"allow-blockquote":e.richText,"allow-bold":e.richText,"allow-bullet-list":e.richText,"allow-code":e.richText,"allow-codeblock":e.richText,"allow-italic":e.richText,"allow-strike":e.richText,"allow-underline":e.richText,"additional-extensions":e.additionalExtensions,"hide-link-bubble-menu":e.hideLinkBubbleMenu},on:{input:e.onInput,"text-input":e.onTextInput,enter:e.onSend,selected:function(o){e.selectedText=o},"edit-link":e.initLinkDialog,focus:function(o){e.isFocused=!0},blur:function(o){e.isFocused=!1}},model:{value:e.internalInputValue,callback:function(o){e.internalInputValue=o},expression:"internalInputValue"}},"dt-rich-text-editor",e.$attrs,!1),e.$listeners))],1),e._t("middle"),i("section",{staticClass:"d-recipe-message-input__bottom-section"},[i("div",{staticClass:"d-recipe-message-input__bottom-section-left"},[i("dt-stack",{attrs:{direction:"row",gap:"200"}},[e.showImagePicker?i("dt-button",{directives:[{name:"dt-tooltip",rawName:"v-dt-tooltip:top-start",value:(n=e.showImagePicker)==null?void 0:n.tooltipLabel,expression:"showImagePicker?.tooltipLabel",arg:"top-start"}],staticClass:"d-recipe-message-input__button",attrs:{"data-qa":"dt-recipe-message-input-image-btn",size:"sm",kind:"muted",importance:"clear","aria-label":e.showImagePicker.ariaLabel},on:{click:e.onSelectImage,mouseenter:function(o){e.imagePickerFocus=!0},mouseleave:function(o){e.imagePickerFocus=!1},focus:function(o){e.imagePickerFocus=!0},blur:function(o){e.imagePickerFocus=!1}},scopedSlots:e._u([{key:"icon",fn:function(){return[i("dt-icon-image",{attrs:{size:"300"}})]},proxy:!0}],null,!1,4195307205)}):e._e(),i("dt-input",{ref:"messageInputImageUpload",staticClass:"d-recipe-message-input__image-input",attrs:{"data-qa":"dt-recipe-message-input-image-input",accept:"image/*, video/*",type:"file",multiple:"",hidden:""},on:{input:e.onImageUpload}}),e.showEmojiPicker?i("dt-popover",{attrs:{"open.sync":"emojiPickerOpened","data-qa":"dt-recipe-message-input-emoji-picker-popover","initial-focus-element":"#searchInput",padding:"none"},scopedSlots:e._u([{key:"anchor",fn:function({attrs:o}){return[i("dt-button",e._b({directives:[{name:"dt-tooltip",rawName:"v-dt-tooltip",value:e.emojiTooltipMessage,expression:"emojiTooltipMessage"}],staticClass:"d-recipe-message-input__button",attrs:{"data-qa":"dt-recipe-message-input-emoji-picker-btn",size:"sm",kind:"muted",importance:"clear","aria-label":e.emojiButtonAriaLabel},on:{click:e.toggleEmojiPicker,mouseenter:function(s){e.emojiPickerFocus=!0},mouseleave:function(s){e.emojiPickerFocus=!1},focus:function(s){e.emojiPickerFocus=!0},blur:function(s){e.emojiPickerFocus=!1}},scopedSlots:e._u([{key:"icon",fn:function(){return[e.emojiPickerHovered?i("dt-icon-very-satisfied",{attrs:{size:"300"}}):i("dt-icon-satisfied",{attrs:{size:"300"}})]},proxy:!0}],null,!0)},"dt-button",o,!1))]}},{key:"content",fn:function({close:o}){return[i("dt-emoji-picker",e._b({on:{"add-emoji":function(s){return e.$emit("add-emoji")},"skin-tone":e.onSkinTone,"selected-emoji":s=>e.onSelectEmoji(s,o)}},"dt-emoji-picker",e.emojiPickerProps,!1))]}}],null,!1,4220830595)}):e._e(),e._t("emojiGiphyPicker"),e._t("customActionIcons")],2)],1),i("div",{staticClass:"d-recipe-message-input__bottom-section-right"},[i("dt-stack",{attrs:{direction:"row",gap:"300"}},[i("div",{staticClass:"d-recipe-message-input__sms-count"},[e._t("smsCount")],2),e.showCharacterLimit?i("dt-tooltip",{staticClass:"d-recipe-message-input__remaining-char-tooltip",attrs:{placement:"top-end",enabled:e.characterLimitTooltipEnabled,message:e.showCharacterLimit.message,offset:[10,8]},scopedSlots:e._u([{key:"anchor",fn:function(){return[i("p",{directives:[{name:"show",rawName:"v-show",value:e.displayCharacterLimitWarning,expression:"displayCharacterLimitWarning"}],staticClass:"d-recipe-message-input__remaining-char",attrs:{"data-qa":"dt-recipe-message-input-character-limit"}},[e._v(" "+e._s(e.showCharacterLimit.count-e.inputLength)+" ")])]},proxy:!0}],null,!1,1021505058)}):e._e(),e.showCancel?i("dt-button",{staticClass:"d-recipe-message-input__button d-recipe-message-input__cancel-button",attrs:{"data-qa":"dt-recipe-message-input-cancel-button",size:"sm",kind:"muted",importance:"clear","aria-label":e.showCancel.ariaLabel},on:{click:e.onCancel}},[i("p",[e._v(e._s(e.showCancel.text))])]):e._e(),e._t("sendButton",function(){var o;return[e.showSend?i("dt-button",{directives:[{name:"dt-tooltip",rawName:"v-dt-tooltip:top-end",value:(o=e.showSend)==null?void 0:o.tooltipLabel,expression:"showSend?.tooltipLabel",arg:"top-end"}],class:["d-recipe-message-input__button d-recipe-message-input__send-button",{"d-recipe-message-input__send-button--disabled":e.isSendDisabled,"d-btn--icon-only":e.showSendIcon}],attrs:{"data-qa":"dt-recipe-message-input-send-btn",size:"sm",kind:"default",importance:"primary","aria-label":e.showSend.ariaLabel,"aria-disabled":e.isSendDisabled},on:{click:e.onSend},scopedSlots:e._u([e.showSendIcon?{key:"icon",fn:function(){return[e._t("sendIcon",function(){return[i("dt-icon-send",{attrs:{size:e.sendIconSize}})]},{iconSize:e.sendIconSize})]},proxy:!0}:null],null,!0)},[e.showSend.text?[i("p",[e._v(e._s(e.showSend.text))])]:e._e()],2):e._e()]})],2)],1)])],2)},P=[],B=d.n(C,j,P);const D=B.exports;exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./last-active-nodes.cjs"),r=require("@tiptap/core"),a=require("../../node_modules/@tiptap/vue-2.cjs"),s=require("@dialpad/dialtone-icons/vue2"),u=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),h=require("../item-layout/item-layout.cjs"),d=require("../button/button.cjs"),p=require("../../common/mixins/localization.cjs"),f=require("./message-input-topbar.cjs"),g=require("./message-input-link.cjs"),l=require("../editor/editor-constants.cjs"),_=require("../emoji-picker/emoji-picker.cjs"),b=require("../input/input.cjs"),k=require("../popover/popover.cjs"),T=require("../rich-text-editor/rich-text-editor.cjs"),v=require("../tooltip/tooltip.cjs"),L=require("../stack/stack.cjs"),c=require("../rich-text-editor/rich-text-editor-constants.cjs"),S={name:"MeetingPill",components:{NodeViewWrapper:a.NodeViewWrapper,DtItemLayout:h.default,DtIconClose:s.DtIconClose,DtButton:d.default,DtIconVideo:s.DtIconVideo},mixins:[p.default],props:a.nodeViewProps,emits:["meeting-pill-close"],computed:{closeButtonTitle(){return this.i18n.$t("DIALTONE_CLOSE_BUTTON")}},methods:{close(t){this.$parent.$emit("meeting-pill-close",t)}}};var x=function(){var e=this,i=e._self._c;return i("node-view-wrapper",{staticClass:"d-recipe-message-input-meeting-pill"},[i("dt-item-layout",{staticClass:"d-recipe-message-input-meeting-pill__layout",attrs:{unstyled:""},scopedSlots:e._u([{key:"left",fn:function(){return[i("div",{staticClass:"d-recipe-message-input-meeting-pill__icon"},[i("dt-icon-video",{attrs:{size:"400"}})],1)]},proxy:!0},{key:"right",fn:function(){return[i("div",{staticClass:"d-recipe-message-input-meeting-pill__close"},[i("dt-button",{attrs:{circle:"",importance:"clear",size:"xs","aria-label":e.closeButtonTitle,title:e.closeButtonTitle},on:{click:e.close},scopedSlots:e._u([{key:"icon",fn:function(){return[i("dt-icon-close",{attrs:{size:"300"}})]},proxy:!0}])})],1)]},proxy:!0}])},[e._v(" "+e._s(e.node.attrs.text)+" ")])],1)},I=[],y=u.n(S,x,I);const O=y.exports,B=r.Node.create({atom:!0,group:"inline",inline:!0,addNodeView(){return a.VueNodeViewRenderer(O)},addAttributes(){return{text:{default:'Please pass in "text" attribute'}}},parseHTML(){return[{tag:"meeting-pill"}]},renderText({node:t}){return"/dpm"},renderHTML({HTMLAttributes:t}){return["meeting-pill",r.mergeAttributes(t)]}}),E={name:"DtRecipeMessageInput",components:{DtButton:d.default,DtEmojiPicker:_.default,DtInput:b.default,DtPopover:k.default,DtRecipeMessageInputTopbar:f.default,DtRecipeMessageInputLink:g.default,DtRichTextEditor:T.default,DtTooltip:v.default,DtStack:L.default,DtIconImage:s.DtIconImage,DtIconVerySatisfied:s.DtIconVerySatisfied,DtIconSatisfied:s.DtIconSatisfied,DtIconSend:s.DtIconSend},mixins:[p.default],inheritAttrs:!1,props:{richText:{type:Boolean,default:!0},value:{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(t){return typeof t=="string"?c.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(t):!0}},outputFormat:{type:String,default:"json",validator(t){return c.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(t)}},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:value","text-input","add-emoji"],data(){return{lastActiveNodes:m.default,additionalExtensions:[B],internalInputValue:this.value,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},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:{value(t){this.internalInputValue=t},emojiPickerOpened(t){var e;t||(e=this.$refs.richTextEditor)==null||e.focusEditor()}},created(){this.value&&this.outputFormat==="text"?this.internalInputValue=this.value.replace(/\n/g,"<br>"):this.internalInputValue=this.value},methods:{linkDialogOpened(t){var e;this.linkDialogOpen=t,t===!0?this.initLinkDialog():(this.hideLinkBubbleMenu=!1,(e=this.$refs.richTextEditor)==null||e.focusEditor())},handleTopbarClick(t){var n;const e=(n=this.$refs.richTextEditor)==null?void 0:n.editor,i={bold:()=>e==null?void 0:e.chain().focus().toggleBold().run(),italic:()=>e==null?void 0:e.chain().focus().toggleItalic().run(),strike:()=>e==null?void 0:e.chain().focus().toggleStrike().run(),bulletList:()=>e==null?void 0:e.chain().focus().toggleBulletList().run(),orderedList:()=>e==null?void 0:e.chain().focus().toggleOrderedList().run(),blockquote:()=>e==null?void 0:e.chain().focus().toggleBlockquote().run(),code:()=>e==null?void 0:e.chain().focus().toggleCode().run(),codeBlock:()=>e==null?void 0:e.chain().focus().toggleCodeBlock().run()};e&&i[t]&&i[t]()},isSelectionActive(t){var e,i,n,o;return["bulletList","orderedList"].includes(t)?this.lastActiveNodes((i=(e=this.$refs.richTextEditor)==null?void 0:e.editor)==null?void 0:i.state,[{type:"bulletList"},{type:"orderedList"}]).includes(t)&&this.isFocused:((o=(n=this.$refs.richTextEditor)==null?void 0:n.editor)==null?void 0:o.isActive(t))&&this.isFocused},initLinkDialog(){var t,e,i;this.$refs.link.setInitialValues(this.selectedText,(i=(e=(t=this.$refs.richTextEditor)==null?void 0:t.editor)==null?void 0:e.getAttributes("link"))==null?void 0:i.href),this.hideLinkBubbleMenu=!0,this.linkDialogOpen=!0},removeLink(){var t;(t=this.$refs.richTextEditor)==null||t.removeLink(),this.linkDialogOpen=!1},setLink(t,e){this.$refs.richTextEditor.setLink(e,t,this.linkOptions,l.EDITOR_SUPPORTED_LINK_PROTOCOLS,l.EDITOR_DEFAULT_LINK_PREFIX),this.linkDialogOpen=!1},onMousedown(t){this.$refs.richTextEditor.$el.querySelector(".tiptap").contains(t.target)||(t.preventDefault(),this.$refs.richTextEditor.focusEditor())},onDrop(t){const e=t.dataTransfer,i=Array.from(e.files);this.$emit("add-media",i)},onPaste(t){if(t.clipboardData.files.length){t.stopPropagation(),t.preventDefault();const e=[...t.clipboardData.files];this.$emit("paste-media",e)}},onSkinTone(t){this.$emit("skin-tone",t)},onSelectEmoji(t,e){t&&(t.shift_key||e(),this.$refs.richTextEditor.editor.commands.insertContent({type:"emoji",attrs:{code:t.shortname}}),this.$emit("selected-emoji",t))},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(t){this.$emit("update:value",t)},onTextInput(t){this.text=t,this.$emit("text-input",t)}}};var P=function(){var e=this,i=e._self._c;return i("div",{staticClass:"d-recipe-message-input",attrs:{"data-qa":"dt-recipe-message-input",role:"presentation"},on:{dragover:function(n){n.preventDefault()},drop:function(n){return n.preventDefault(),e.onDrop.apply(null,arguments)},paste:e.onPaste,mousedown:e.onMousedown}},[e._t("top"),e.richText?i("dt-recipe-message-input-topbar",{key:e.selectedText,attrs:{"bold-button-options":e.boldButtonOptions,"italic-button-options":e.italicButtonOptions,"strike-button-options":e.strikeButtonOptions,"bullet-list-button-options":e.bulletListButtonOptions,"ordered-list-button-options":e.orderedListButtonOptions,"block-quote-button-options":e.blockQuoteButtonOptions,"code-button-options":e.codeButtonOptions,"code-block-button-options":e.codeBlockButtonOptions,"is-selection-active":e.isSelectionActive},on:{click:e.handleTopbarClick},scopedSlots:e._u([{key:"link",fn:function(){return[i("dt-recipe-message-input-link",{ref:"link",attrs:{open:e.linkDialogOpen,"link-button-options":e.linkButtonOptions,"is-selection-active":e.isSelectionActive},on:{opened:e.linkDialogOpened,"set-link":e.setLink,"remove-link":e.removeLink}})]},proxy:!0}],null,!1,1527282285)}):e._e(),i("div",{directives:[{name:"dt-scrollbar",rawName:"v-dt-scrollbar"}],staticClass:"d-recipe-message-input__editor-wrapper",style:{"max-height":e.maxHeight}},[i("dt-rich-text-editor",e._g(e._b({ref:"richTextEditor",attrs:{editable:e.editable,"input-aria-label":e.inputAriaLabel,"input-class":e.inputClass,"output-format":e.outputFormat,"auto-focus":e.autoFocus,link:e.richText,placeholder:e.placeholder,"prevent-typing":e.preventTyping,"mention-suggestion":e.mentionSuggestion,"channel-suggestion":e.channelSuggestion,"slash-command-suggestion":e.slashCommandSuggestion,"paste-rich-text":e.richText,"allow-blockquote":e.richText,"allow-bold":e.richText,"allow-bullet-list":e.richText,"allow-code":e.richText,"allow-codeblock":e.richText,"allow-italic":e.richText,"allow-strike":e.richText,"allow-underline":e.richText,"additional-extensions":e.additionalExtensions,"hide-link-bubble-menu":e.hideLinkBubbleMenu},on:{input:e.onInput,"text-input":e.onTextInput,enter:e.onSend,selected:function(n){e.selectedText=n},"edit-link":e.initLinkDialog,focus:function(n){e.isFocused=!0},blur:function(n){e.isFocused=!1}},model:{value:e.internalInputValue,callback:function(n){e.internalInputValue=n},expression:"internalInputValue"}},"dt-rich-text-editor",e.$attrs,!1),e.$listeners))],1),e._t("middle"),i("section",{staticClass:"d-recipe-message-input__bottom-section"},[i("div",{staticClass:"d-recipe-message-input__bottom-section-left"},[i("dt-stack",{attrs:{direction:"row",gap:"200"}},[e.showImagePicker?i("dt-button",{directives:[{name:"dt-tooltip",rawName:"v-dt-tooltip:top-start",value:e.imagePickerButtonLabel,expression:"imagePickerButtonLabel",arg:"top-start"}],staticClass:"d-recipe-message-input__button",attrs:{"data-qa":"dt-recipe-message-input-image-btn",size:"sm",kind:"muted",importance:"clear","aria-label":e.imagePickerButtonLabel},on:{click:e.onSelectImage,mouseenter:function(n){e.imagePickerFocus=!0},mouseleave:function(n){e.imagePickerFocus=!1},focus:function(n){e.imagePickerFocus=!0},blur:function(n){e.imagePickerFocus=!1}},scopedSlots:e._u([{key:"icon",fn:function(){return[i("dt-icon-image",{attrs:{size:"300"}})]},proxy:!0}],null,!1,4195307205)}):e._e(),i("dt-input",{ref:"messageInputImageUpload",staticClass:"d-recipe-message-input__image-input",attrs:{"data-qa":"dt-recipe-message-input-image-input",accept:"image/*, video/*",type:"file",multiple:"",hidden:""},on:{input:e.onImageUpload}}),e.showEmojiPicker?i("dt-popover",{attrs:{"open.sync":"emojiPickerOpened","data-qa":"dt-recipe-message-input-emoji-picker-popover","initial-focus-element":"#searchInput",padding:"none"},scopedSlots:e._u([{key:"anchor",fn:function({attrs:n}){return[i("dt-button",e._b({directives:[{name:"dt-tooltip",rawName:"v-dt-tooltip",value:e.emojiPickerButtonLabel,expression:"emojiPickerButtonLabel"}],staticClass:"d-recipe-message-input__button",attrs:{"data-qa":"dt-recipe-message-input-emoji-picker-btn",size:"sm",kind:"muted",importance:"clear","aria-label":e.emojiPickerButtonLabel},on:{click:e.toggleEmojiPicker,mouseenter:function(o){e.emojiPickerFocus=!0},mouseleave:function(o){e.emojiPickerFocus=!1},focus:function(o){e.emojiPickerFocus=!0},blur:function(o){e.emojiPickerFocus=!1}},scopedSlots:e._u([{key:"icon",fn:function(){return[e.emojiPickerHovered?i("dt-icon-very-satisfied",{attrs:{size:"300"}}):i("dt-icon-satisfied",{attrs:{size:"300"}})]},proxy:!0}],null,!0)},"dt-button",n,!1))]}},{key:"content",fn:function({close:n}){return[i("dt-emoji-picker",e._b({on:{"add-emoji":function(o){return e.$emit("add-emoji")},"skin-tone":e.onSkinTone,"selected-emoji":o=>e.onSelectEmoji(o,n)}},"dt-emoji-picker",e.emojiPickerProps,!1))]}}],null,!1,2292511006)}):e._e(),e._t("emojiGiphyPicker"),e._t("customActionIcons")],2)],1),i("div",{staticClass:"d-recipe-message-input__bottom-section-right"},[i("dt-stack",{attrs:{direction:"row",gap:"300"}},[i("div",{staticClass:"d-recipe-message-input__sms-count"},[e._t("smsCount")],2),e.showCharacterLimit?i("dt-tooltip",{staticClass:"d-recipe-message-input__remaining-char-tooltip",attrs:{placement:"top-end",enabled:e.characterLimitTooltipEnabled,message:e.showCharacterLimit.message,offset:[10,8]},scopedSlots:e._u([{key:"anchor",fn:function(){return[i("p",{directives:[{name:"show",rawName:"v-show",value:e.displayCharacterLimitWarning,expression:"displayCharacterLimitWarning"}],staticClass:"d-recipe-message-input__remaining-char",attrs:{"data-qa":"dt-recipe-message-input-character-limit"}},[e._v(" "+e._s(e.showCharacterLimit.count-e.inputLength)+" ")])]},proxy:!0}],null,!1,1021505058)}):e._e(),e.showCancel?i("dt-button",{directives:[{name:"dt-tooltip",rawName:"v-dt-tooltip",value:e.cancelButtonLabel,expression:"cancelButtonLabel"}],staticClass:"d-recipe-message-input__button d-recipe-message-input__cancel-button",attrs:{"data-qa":"dt-recipe-message-input-cancel-button",size:"sm",kind:"muted",importance:"clear","aria-label":e.cancelButtonLabel},on:{click:e.onCancel}},[i("p",[e._v(e._s(e.cancelButtonLabel))])]):e._e(),e._t("sendButton",function(){return[e.showSend?i("dt-button",{directives:[{name:"dt-tooltip",rawName:"v-dt-tooltip:top-end",value:e.sendButtonLabel,expression:"sendButtonLabel",arg:"top-end"}],class:["d-recipe-message-input__button d-recipe-message-input__send-button",{"d-recipe-message-input__send-button--disabled":e.isSendDisabled,"d-btn--icon-only":e.showSendIcon}],attrs:{"data-qa":"dt-recipe-message-input-send-btn",size:"sm",kind:"default",importance:"primary","aria-label":e.sendButtonLabel,"aria-disabled":e.isSendDisabled},on:{click:e.onSend},scopedSlots:e._u([e.showSendIcon?{key:"icon",fn:function(){return[e._t("sendIcon",function(){return[i("dt-icon-send",{attrs:{size:e.sendIconSize}})]},{iconSize:e.sendIconSize})]},proxy:!0}:null],null,!0)},[e.showSend.text?[i("p",[e._v(e._s(e.showSend.text))])]:e._e()],2):e._e()]})],2)],1)])],2)},w=[],C=u.n(E,P,w);const D=C.exports;exports.default=D;
 //# sourceMappingURL=message-input.cjs.map