@dialpad/dialtone-vue 3.224.0-next.3 → 3.224.0

package/dist/lib/message-input/last-active-nodes.js

@@ -0,0 +1,33 @@
+//#region recipes/conversation_view/message_input/last_active_nodes.js
+function e(e, r) {
+	if (!e) return [];
+	let { from: i, to: a } = e.selection, o;
+	if (typeof r == "string") o = Object.entries(e.schema.nodes).filter(([, e]) => e.groups.includes(r)).map(([, e]) => ({ type: e }));
+	else {
+		o = r;
+		for (let n of o) n.type = n.type ? t(n.type, e.schema) : null;
+	}
+	let s = null, c = null, l = /* @__PURE__ */ new Set(), u = new Set(o);
+	return e.doc.nodesBetween(i, a, (e, t, r) => {
+		if (u.size === 0) return !1;
+		if (!e.isText) {
+			let t = o.filter((t) => t.type ? typeof t.type == "string" ? !1 : e.type.name === t.type.name : !0).find((t) => t.attributes ? n(e.attrs, t.attributes) : !0);
+			t && (c && s && s !== r && (u.delete(c), l.add(c)), c = t), s = e;
+		}
+	}), c && l.add(c), [...l.values()].map((e) => e.key ? e.key : typeof e.type == "string" ? e.type : e.type?.name ? e.type.name : "");
+}
+function t(e, t) {
+	if (typeof e == "string") {
+		if (!t.nodes[e]) throw Error(`There is no node type named '${e}'. Maybe you forgot to add the extension?`);
+		return t.nodes[e];
+	}
+	return e;
+}
+function n(e, t, n) {
+	let r = Object.keys(t);
+	return r.length ? r.every((r) => n.strict ? t[r] === e[r] : Object.prototype.toString.call(t[r]) === "[object RegExp]" ? t[r].test(e[r]) : t[r] === e[r]) : !0;
+}
+//#endregion
+export { e as default, n as objectIncludes };
+
+//# sourceMappingURL=last-active-nodes.js.map

package/dist/lib/message-input/last-active-nodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"last-active-nodes.js","names":[],"sources":["../../../recipes/conversation_view/message_input/last_active_nodes.js"],"sourcesContent":[" \n/**\n * This function was taken from this thread and modified to work in pure JS:\n * https://github.com/ueberdosis/tiptap/issues/1058#issuecomment-778254557\n *\n * description: This helper, lastActiveNodes, finds the last (furthest from the root document)\n * matching types in your selection (ignoring nesting), you can give it either a list of args\n * similar to isActive or a group name, calling it like below. It will return a list of node\n * type names that are the last ones active in the selection, if the selection is 'empty'\n * (just the cursor) the returned list will only have at most one name.\n * This lets you build a UI for lists that works the same as most word processors.\n *\n * @param {Object} state the tiptap editor instance state\n * @param {*} typesOrGroup node types or node group name to consider\n * @returns {Array} node(s) that are the farthest from the root that matches the given type or group\n */\nexport default function lastActiveNodes (state, typesOrGroup) {\n  if (!state) return [];\n\n  const { from, to } = state.selection;\n  let types;\n\n  if (typeof typesOrGroup === 'string') {\n    // types is a name of a node group\n    types = Object.entries(state.schema.nodes)\n      .filter(([, nodeType]) => nodeType.groups.includes(typesOrGroup))\n      .map(([, nodeType]) => {\n        return {\n          type: nodeType,\n        };\n      });\n  } else {\n    // types is a list of LastActiveNodeItemOption\n    types = typesOrGroup;\n    for (const item of types) {\n      item.type = item.type ? getNodeType(item.type, state.schema) : null;\n    }\n  }\n\n  let lastNode = null;\n  let lastMatchedType = null;\n  const matchedTypes = new Set();\n  const notFoundTypes = new Set(types);\n\n  state.doc.nodesBetween(from, to, (node, pos, parent) => {\n    if (notFoundTypes.size === 0) return false;\n    if (!node.isText) {\n      const matchedType = types.filter((item) => {\n        if (!item.type) {\n          return true;\n        }\n        if (typeof item.type === 'string') return false; // Typeguard, shouldn't happen\n        return node.type.name === item.type.name;\n      })\n        .find(item => {\n          if (!item.attributes) return true;\n          return objectIncludes(node.attrs, item.attributes);\n        });\n      if (matchedType) {\n        if (lastMatchedType && lastNode && (lastNode !== parent)) {\n          notFoundTypes.delete(lastMatchedType);\n          matchedTypes.add(lastMatchedType);\n        }\n        lastMatchedType = matchedType;\n      }\n      lastNode = node;\n    }\n  });\n\n  if (lastMatchedType) {\n    matchedTypes.add(lastMatchedType);\n  }\n\n  return [...matchedTypes.values()].map((item) => {\n    if (item.key) {\n      return item.key;\n    } else if (typeof item.type === 'string') {\n      return item.type;\n    } else if (item.type?.name) {\n      return item.type.name;\n    } else {\n      return '';\n    }\n  });\n}\n\nfunction getNodeType (nameOrType, schema) {\n  if (typeof nameOrType === 'string') {\n    if (!schema.nodes[nameOrType]) {\n      throw Error(\n        `There is no node type named '${nameOrType}'. Maybe you forgot to add the extension?`,\n      );\n    }\n\n    return schema.nodes[nameOrType];\n  }\n\n  return nameOrType;\n}\n\nexport function objectIncludes (\n  object1,\n  object2,\n  options,\n) {\n  const keys = Object.keys(object2);\n\n  if (!keys.length) {\n    return true;\n  }\n\n  return keys.every(key => {\n    if (options.strict) {\n      return object2[key] === object1[key];\n    }\n\n    if (Object.prototype.toString.call(object2[key]) === '[object RegExp]') {\n      return object2[key].test(object1[key]);\n    }\n\n    return object2[key] === object1[key];\n  });\n}\n"],"mappings":";AAgBA,SAAwB,EAAiB,GAAO,GAAc;AAC5D,KAAI,CAAC,EAAO,QAAO,EAAE;CAErB,IAAM,EAAE,SAAM,UAAO,EAAM,WACvB;AAEJ,KAAI,OAAO,KAAiB,SAE1B,KAAQ,OAAO,QAAQ,EAAM,OAAO,MAAM,CACvC,QAAQ,GAAG,OAAc,EAAS,OAAO,SAAS,EAAa,CAAC,CAChE,KAAK,GAAG,QACA,EACL,MAAM,GACP,EACD;MACC;AAEL,MAAQ;AACR,OAAK,IAAM,KAAQ,EACjB,GAAK,OAAO,EAAK,OAAO,EAAY,EAAK,MAAM,EAAM,OAAO,GAAG;;CAInE,IAAI,IAAW,MACX,IAAkB,MAChB,oBAAe,IAAI,KAAK,EACxB,IAAgB,IAAI,IAAI,EAAM;AA+BpC,QA7BA,EAAM,IAAI,aAAa,GAAM,IAAK,GAAM,GAAK,MAAW;AACtD,MAAI,EAAc,SAAS,EAAG,QAAO;AACrC,MAAI,CAAC,EAAK,QAAQ;GAChB,IAAM,IAAc,EAAM,QAAQ,MAC3B,EAAK,OAGN,OAAO,EAAK,QAAS,WAAiB,KACnC,EAAK,KAAK,SAAS,EAAK,KAAK,OAH3B,GAIT,CACC,MAAK,MACC,EAAK,aACH,EAAe,EAAK,OAAO,EAAK,WAAW,GADrB,GAE7B;AAQJ,GAPI,MACE,KAAmB,KAAa,MAAa,MAC/C,EAAc,OAAO,EAAgB,EACrC,EAAa,IAAI,EAAgB,GAEnC,IAAkB,IAEpB,IAAW;;GAEb,EAEE,KACF,EAAa,IAAI,EAAgB,EAG5B,CAAC,GAAG,EAAa,QAAQ,CAAC,CAAC,KAAK,MACjC,EAAK,MACA,EAAK,MACH,OAAO,EAAK,QAAS,WACvB,EAAK,OACH,EAAK,MAAM,OACb,EAAK,KAAK,OAEV,GAET;;AAGJ,SAAS,EAAa,GAAY,GAAQ;AACxC,KAAI,OAAO,KAAe,UAAU;AAClC,MAAI,CAAC,EAAO,MAAM,GAChB,OAAM,MACJ,gCAAgC,EAAW,2CAC5C;AAGH,SAAO,EAAO,MAAM;;AAGtB,QAAO;;AAGT,SAAgB,EACd,GACA,GACA,GACA;CACA,IAAM,IAAO,OAAO,KAAK,EAAQ;AAMjC,QAJK,EAAK,SAIH,EAAK,OAAM,MACZ,EAAQ,SACH,EAAQ,OAAS,EAAQ,KAG9B,OAAO,UAAU,SAAS,KAAK,EAAQ,GAAK,KAAK,oBAC5C,EAAQ,GAAK,KAAK,EAAQ,GAAK,GAGjC,EAAQ,OAAS,EAAQ,GAChC,GAbO"}

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

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../button/button.cjs`),n=require(`../stack/stack.cjs`),r=require(`../tooltip/tooltip.cjs`),i=require(`../keyboard-shortcut/keyboard-shortcut.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputButton`,components:{DtButton:t.default,DtTooltip:r.default,DtStack:n.default,DtKeyboardShortcut:i.default},props:{ariaLabel:{type:String,required:!0},tooltipText:{type:String,required:!0},keyboardShortcutText:{type:String,default:``},isActive:{type:Boolean,default:!1},dataQa:{type:String,required:!0}},emits:[`click`]};function s(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-button`),c=(0,a.resolveComponent)(`dt-keyboard-shortcut`),l=(0,a.resolveComponent)(`dt-stack`),u=(0,a.resolveComponent)(`dt-tooltip`);return(0,a.openBlock)(),(0,a.createBlock)(u,null,{anchor:(0,a.withCtx)(()=>[(0,a.createVNode)(s,{"data-qa":n.dataQa,importance:`clear`,kind:`muted`,"aria-label":n.ariaLabel,size:`xs`,active:n.isActive,onClick:t[0]||(t[0]=t=>e.$emit(`click`,t))},{icon:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`icon`)]),_:3},8,[`data-qa`,`aria-label`,`active`])]),default:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{gap:`200`},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`p`,null,(0,a.toDisplayString)(n.tooltipText),1),n.keyboardShortcutText?((0,a.openBlock)(),(0,a.createBlock)(c,{key:0,inverted:``,shortcut:n.keyboardShortcutText},null,8,[`shortcut`])):(0,a.createCommentVNode)(``,!0)]),_:1})]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c;
+//# sourceMappingURL=message-input-button.cjs.map

package/dist/lib/message-input/message-input-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-button.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"mappings":"sXAiCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,6BACN,WAAY,CACV,SAAA,EAAA,QACA,UAAA,EAAA,QACA,QAAA,EAAA,QACA,mBAAA,EAAA,QACD,CAED,MAAO,CACL,UAAW,CACT,KAAM,OACN,SAAU,GACX,CAED,YAAa,CACX,KAAM,OACN,SAAU,GACX,CAED,qBAAsB,CACpB,KAAM,OACN,QAAS,GACV,CAED,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAED,OAAQ,CACN,KAAM,OACN,SAAU,GACX,CACF,CAED,MAAO,CAAC,QAAQ,CACjB,0OA9Cc,EAAA,KAAA,CAvBA,QAAA,EAAA,EAAA,aAaG,EAAA,EAAA,EAAA,aAAA,EAAA,CAXT,UAAS,EAAA,OACV,WAAW,QACX,KAAK,QACJ,aAAY,EAAA,UACb,KAAK,KACJ,OAAQ,EAAA,SACR,QAAK,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,QAAU,EAAM,IAElB,MAAA,EAAA,EAAA,aACW,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAAA,CAAA,uEAWf,EAAA,EAAA,EAAA,aAAA,EAAA,CAPD,IAAI,MAAK,CAAA,2BACO,EAAA,EAAA,EAAA,oBAAA,IAAA,MAAA,EAAA,EAAA,iBAAlB,EAAA,YAAW,CAAA,EAAA,CAET,EAAA,uBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAGN,EAAA,OAFA,SAAA,GACC,SAAU,EAAA"}

package/dist/lib/message-input/message-input-button.js

@@ -0,0 +1,75 @@
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import t from "../button/button.js";
+import n from "../stack/stack.js";
+import r from "../tooltip/tooltip.js";
+import i from "../keyboard-shortcut/keyboard-shortcut.js";
+import { createBlock as a, createCommentVNode as o, createElementVNode as s, createVNode as c, openBlock as l, renderSlot as u, resolveComponent as d, toDisplayString as f, withCtx as p } from "vue";
+//#region recipes/conversation_view/message_input/message_input_button.vue
+var m = {
+	compatConfig: { MODE: 3 },
+	name: "DtRecipeMessageInputButton",
+	components: {
+		DtButton: t,
+		DtTooltip: r,
+		DtStack: n,
+		DtKeyboardShortcut: i
+	},
+	props: {
+		ariaLabel: {
+			type: String,
+			required: !0
+		},
+		tooltipText: {
+			type: String,
+			required: !0
+		},
+		keyboardShortcutText: {
+			type: String,
+			default: ""
+		},
+		isActive: {
+			type: Boolean,
+			default: !1
+		},
+		dataQa: {
+			type: String,
+			required: !0
+		}
+	},
+	emits: ["click"]
+};
+function h(e, t, n, r, i, m) {
+	let h = d("dt-button"), g = d("dt-keyboard-shortcut"), _ = d("dt-stack"), v = d("dt-tooltip");
+	return l(), a(v, null, {
+		anchor: p(() => [c(h, {
+			"data-qa": n.dataQa,
+			importance: "clear",
+			kind: "muted",
+			"aria-label": n.ariaLabel,
+			size: "xs",
+			active: n.isActive,
+			onClick: t[0] || (t[0] = (t) => e.$emit("click", t))
+		}, {
+			icon: p(() => [u(e.$slots, "icon")]),
+			_: 3
+		}, 8, [
+			"data-qa",
+			"aria-label",
+			"active"
+		])]),
+		default: p(() => [c(_, { gap: "200" }, {
+			default: p(() => [s("p", null, f(n.tooltipText), 1), n.keyboardShortcutText ? (l(), a(g, {
+				key: 0,
+				inverted: "",
+				shortcut: n.keyboardShortcutText
+			}, null, 8, ["shortcut"])) : o("", !0)]),
+			_: 1
+		})]),
+		_: 3
+	});
+}
+var g = /* @__PURE__ */ e(m, [["render", h]]);
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=message-input-button.js.map

package/dist/lib/message-input/message-input-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-button.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"mappings":";;;;;;;AAiCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY;EACV,UAAA;EACA,WAAA;EACA,SAAA;EACA,oBAAA;EACD;CAED,OAAO;EACL,WAAW;GACT,MAAM;GACN,UAAU;GACX;EAED,aAAa;GACX,MAAM;GACN,UAAU;GACX;EAED,sBAAsB;GACpB,MAAM;GACN,SAAS;GACV;EAED,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAED,QAAQ;GACN,MAAM;GACN,UAAU;GACX;EACF;CAED,OAAO,CAAC,QAAQ;CACjB;;;aAtEC,EAwBa,GAAA,MAAA;EAvBA,QAAM,QAaH,CAZZ,EAYY,GAAA;GAXT,WAAS,EAAA;GACV,YAAW;GACX,MAAK;GACJ,cAAY,EAAA;GACb,MAAK;GACJ,QAAQ,EAAA;GACR,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,SAAU,EAAM;;GAElB,MAAI,QACO,CAApB,EAAoB,EAAA,QAAA,OAAA,CAAA,CAAA;;;;;;;mBAWf,CAPX,EAOW,GAAA,EAPD,KAAI,OAAK,EAAA;oBACO,CAAxB,EAAwB,KAAA,MAAA,EAAlB,EAAA,YAAW,EAAA,EAAA,EAET,EAAA,wBAAA,GAAA,EADR,EAIE,GAAA;;IAFA,UAAA;IACC,UAAU,EAAA"}

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

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=null,t={DEFAULT_CONSTANTS:null};exports.DEFAULT_CONSTANTS=e,exports.default=t;
+//# sourceMappingURL=message-input-constants.cjs.map

package/dist/lib/message-input/message-input-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-constants.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"mappings":"+FAAA,IAAa,EAAoB,KAEjC,EAAe,CACb,kBAAA,KACD"}

package/dist/lib/message-input/message-input-constants.js

@@ -0,0 +1,6 @@
+//#region recipes/conversation_view/message_input/message_input_constants.js
+var e = null, t = { DEFAULT_CONSTANTS: null };
+//#endregion
+export { e as DEFAULT_CONSTANTS, t as default };
+
+//# sourceMappingURL=message-input-constants.js.map

package/dist/lib/message-input/message-input-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-constants.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"mappings":";AAAA,IAAa,IAAoB,MAEjC,IAAe,EACb,mBAAA,MACD"}

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

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../../localization/index.cjs`),n=require(`../button/button.cjs`),r=require(`../stack/stack.cjs`),i=require(`../popover/popover.cjs`),a=require(`../input/input.cjs`),o=require(`./message-input-button.cjs`);let s=require(`vue`),c=require(`@dialpad/dialtone-icons/vue3`);var l={compatConfig:{MODE:3},name:`MessageInputLink`,components:{DtPopover:i.default,DtInput:a.default,DtButton:n.default,DtStack:r.default,DtIconLink2:c.DtIconLink2,DtRecipeMessageInputButton:o.default},props:{open:{type:Boolean,default:!1},linkButtonOptions:{type:Object,required:!0},isSelectionActive:{type:Function,default:()=>{}}},emits:[`set-link`,`remove-link`,`opened`],data(){return{linkText:``,linkInput:``,isOpen:!1,i18n:new t.DialtoneLocalization}},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,handler(e){this.isOpen=e}}},methods:{setInitialValues(e,t){this.linkText=e,this.linkInput=t}}},u={class:`d-recipe-message-input__link-dialog-title`};function d(e,t,n,r,i,a){let o=(0,s.resolveComponent)(`dt-icon-link2`),c=(0,s.resolveComponent)(`dt-recipe-message-input-button`),l=(0,s.resolveComponent)(`dt-input`),d=(0,s.resolveComponent)(`dt-button`),f=(0,s.resolveComponent)(`dt-stack`),p=(0,s.resolveComponent)(`dt-popover`);return(0,s.openBlock)(),(0,s.createBlock)(p,{open:i.isOpen,placement:`bottom-start`,"content-class":`d-recipe-message-input__link-popover`,"data-qa":`dt-message-input-link-popover`,"show-close-button":!1,onOpened:t[12]||(t[12]=t=>e.$emit(`opened`,t))},{anchor:(0,s.withCtx)(()=>[(0,s.createVNode)(c,{"aria-label":a.anchorButtonLabel[`aria-label`],"tooltip-text":a.anchorButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.linkButtonOptions.keyboardShortcutText,"data-qa":`message-input-link-btn`,"is-active":n.isSelectionActive(`link`),onClick:t[0]||(t[0]=e=>i.isOpen=!0)},{icon:(0,s.withCtx)(()=>[(0,s.createVNode)(o,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`])]),content:(0,s.withCtx)(()=>[(0,s.createVNode)(f,{gap:`500`},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,u,(0,s.toDisplayString)(i.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE`)),1),(0,s.createVNode)(l,{modelValue:i.linkText,"onUpdate:modelValue":t[1]||(t[1]=e=>i.linkText=e),"input-aria-label":a.textInputLabel,size:`xs`,"data-qa":`dt-message-input-link-text-input`,label:a.textInputLabel,"input-wrapper-class":`d-recipe-message-input__link-input`,onClick:t[2]||(t[2]=(0,s.withModifiers)(()=>{},[`stop`])),onFocus:t[3]||(t[3]=(0,s.withModifiers)(()=>{},[`stop`])),onKeydown:t[4]||(t[4]=(0,s.withKeys)(t=>e.$emit(`set-link`,i.linkText,i.linkInput),[`enter`]))},null,8,[`modelValue`,`input-aria-label`,`label`]),(0,s.createVNode)(l,{modelValue:i.linkInput,"onUpdate:modelValue":t[5]||(t[5]=e=>i.linkInput=e),"input-aria-label":a.linkInputLabel,size:`xs`,"data-qa":`dt-message-input-link-input`,placeholder:a.linkInputPlaceHolder,label:a.linkInputLabel,"input-wrapper-class":`d-recipe-message-input__link-input`,onClick:t[6]||(t[6]=(0,s.withModifiers)(()=>{},[`stop`])),onFocus:t[7]||(t[7]=(0,s.withModifiers)(()=>{},[`stop`])),onKeydown:t[8]||(t[8]=(0,s.withKeys)(t=>e.$emit(`set-link`,i.linkText,i.linkInput),[`enter`]))},null,8,[`modelValue`,`input-aria-label`,`placeholder`,`label`]),(0,s.createVNode)(f,{direction:`row`,class:`d-recipe-message-input__link-dialog-buttons`},{default:(0,s.withCtx)(()=>[(0,s.createVNode)(d,{"aria-label":a.removeButtonLabel,title:a.removeButtonLabel,importance:`clear`,kind:`danger`,size:`md`,"data-qa":`dt-message-input-link-remove-btn`,onClick:t[9]||(t[9]=t=>e.$emit(`remove-link`,i.linkText,i.linkInput))},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(a.removeButtonLabel),1)]),_:1},8,[`aria-label`,`title`]),(0,s.createVNode)(f,{direction:`row`,gap:`400`},{default:(0,s.withCtx)(()=>[(0,s.createVNode)(d,{"aria-label":a.cancelButtonLabel,title:a.cancelButtonLabel,importance:`clear`,kind:`muted`,size:`md`,"data-qa":`dt-message-input-link-cancel-btn`,onClick:t[10]||(t[10]=e=>i.isOpen=!1)},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(a.cancelButtonLabel),1)]),_:1},8,[`aria-label`,`title`]),(0,s.createVNode)(d,{size:`md`,"aria-label":a.confirmButtonLabel,title:a.confirmButtonLabel,"data-qa":`dt-message-input-link-confirm-btn`,onClick:t[11]||(t[11]=t=>e.$emit(`set-link`,i.linkText,i.linkInput))},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(a.confirmButtonLabel),1)]),_:1},8,[`aria-label`,`title`])]),_:1})]),_:1})]),_:1})]),_:1},8,[`open`])}var f=e.t(l,[[`render`,d]]);exports.default=f;
+//# sourceMappingURL=message-input-link.cjs.map

package/dist/lib/message-input/message-input-link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-link.cjs","names":[],"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          @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          @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/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\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      i18n: new DialtoneLocalization(),\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"],"mappings":"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"}

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

@@ -0,0 +1,202 @@
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { DialtoneLocalization as t } from "../../localization/index.js";
+import n from "../button/button.js";
+import r from "../stack/stack.js";
+import i from "../popover/popover.js";
+import a from "../input/input.js";
+import o from "./message-input-button.js";
+import { createBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, openBlock as d, resolveComponent as f, toDisplayString as p, withCtx as m, withKeys as h, withModifiers as g } from "vue";
+import { DtIconLink2 as _ } from "@dialpad/dialtone-icons/vue3";
+//#region recipes/conversation_view/message_input/message_input_link.vue
+var v = {
+	compatConfig: { MODE: 3 },
+	name: "MessageInputLink",
+	components: {
+		DtPopover: i,
+		DtInput: a,
+		DtButton: n,
+		DtStack: r,
+		DtIconLink2: _,
+		DtRecipeMessageInputButton: o
+	},
+	props: {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		linkButtonOptions: {
+			type: Object,
+			required: !0
+		},
+		isSelectionActive: {
+			type: Function,
+			default: () => {}
+		}
+	},
+	emits: [
+		"set-link",
+		"remove-link",
+		"opened"
+	],
+	data() {
+		return {
+			linkText: "",
+			linkInput: "",
+			isOpen: !1,
+			i18n: new t()
+		};
+	},
+	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,
+		handler(e) {
+			this.isOpen = e;
+		}
+	} },
+	methods: { setInitialValues(e, t) {
+		this.linkText = e, this.linkInput = t;
+	} }
+}, y = { class: "d-recipe-message-input__link-dialog-title" };
+function b(e, t, n, r, i, a) {
+	let o = f("dt-icon-link2"), _ = f("dt-recipe-message-input-button"), v = f("dt-input"), b = f("dt-button"), x = f("dt-stack"), S = f("dt-popover");
+	return d(), s(S, {
+		open: i.isOpen,
+		placement: "bottom-start",
+		"content-class": "d-recipe-message-input__link-popover",
+		"data-qa": "dt-message-input-link-popover",
+		"show-close-button": !1,
+		onOpened: t[12] || (t[12] = (t) => e.$emit("opened", t))
+	}, {
+		anchor: m(() => [u(_, {
+			"aria-label": a.anchorButtonLabel["aria-label"],
+			"tooltip-text": a.anchorButtonLabel["tooltip-text"],
+			"keyboard-shortcut-text": n.linkButtonOptions.keyboardShortcutText,
+			"data-qa": "message-input-link-btn",
+			"is-active": n.isSelectionActive("link"),
+			onClick: t[0] || (t[0] = (e) => i.isOpen = !0)
+		}, {
+			icon: m(() => [u(o, {
+				class: "d-recipe-message-input__button-stack-icon",
+				size: "200"
+			})]),
+			_: 1
+		}, 8, [
+			"aria-label",
+			"tooltip-text",
+			"keyboard-shortcut-text",
+			"is-active"
+		])]),
+		content: m(() => [u(x, { gap: "500" }, {
+			default: m(() => [
+				c("div", y, p(i.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE")), 1),
+				u(v, {
+					modelValue: i.linkText,
+					"onUpdate:modelValue": t[1] || (t[1] = (e) => i.linkText = e),
+					"input-aria-label": a.textInputLabel,
+					size: "xs",
+					"data-qa": "dt-message-input-link-text-input",
+					label: a.textInputLabel,
+					"input-wrapper-class": "d-recipe-message-input__link-input",
+					onClick: t[2] || (t[2] = g(() => {}, ["stop"])),
+					onFocus: t[3] || (t[3] = g(() => {}, ["stop"])),
+					onKeydown: t[4] || (t[4] = h((t) => e.$emit("set-link", i.linkText, i.linkInput), ["enter"]))
+				}, null, 8, [
+					"modelValue",
+					"input-aria-label",
+					"label"
+				]),
+				u(v, {
+					modelValue: i.linkInput,
+					"onUpdate:modelValue": t[5] || (t[5] = (e) => i.linkInput = e),
+					"input-aria-label": a.linkInputLabel,
+					size: "xs",
+					"data-qa": "dt-message-input-link-input",
+					placeholder: a.linkInputPlaceHolder,
+					label: a.linkInputLabel,
+					"input-wrapper-class": "d-recipe-message-input__link-input",
+					onClick: t[6] || (t[6] = g(() => {}, ["stop"])),
+					onFocus: t[7] || (t[7] = g(() => {}, ["stop"])),
+					onKeydown: t[8] || (t[8] = h((t) => e.$emit("set-link", i.linkText, i.linkInput), ["enter"]))
+				}, null, 8, [
+					"modelValue",
+					"input-aria-label",
+					"placeholder",
+					"label"
+				]),
+				u(x, {
+					direction: "row",
+					class: "d-recipe-message-input__link-dialog-buttons"
+				}, {
+					default: m(() => [u(b, {
+						"aria-label": a.removeButtonLabel,
+						title: a.removeButtonLabel,
+						importance: "clear",
+						kind: "danger",
+						size: "md",
+						"data-qa": "dt-message-input-link-remove-btn",
+						onClick: t[9] || (t[9] = (t) => e.$emit("remove-link", i.linkText, i.linkInput))
+					}, {
+						default: m(() => [l(p(a.removeButtonLabel), 1)]),
+						_: 1
+					}, 8, ["aria-label", "title"]), u(x, {
+						direction: "row",
+						gap: "400"
+					}, {
+						default: m(() => [u(b, {
+							"aria-label": a.cancelButtonLabel,
+							title: a.cancelButtonLabel,
+							importance: "clear",
+							kind: "muted",
+							size: "md",
+							"data-qa": "dt-message-input-link-cancel-btn",
+							onClick: t[10] || (t[10] = (e) => i.isOpen = !1)
+						}, {
+							default: m(() => [l(p(a.cancelButtonLabel), 1)]),
+							_: 1
+						}, 8, ["aria-label", "title"]), u(b, {
+							size: "md",
+							"aria-label": a.confirmButtonLabel,
+							title: a.confirmButtonLabel,
+							"data-qa": "dt-message-input-link-confirm-btn",
+							onClick: t[11] || (t[11] = (t) => e.$emit("set-link", i.linkText, i.linkInput))
+						}, {
+							default: m(() => [l(p(a.confirmButtonLabel), 1)]),
+							_: 1
+						}, 8, ["aria-label", "title"])]),
+						_: 1
+					})]),
+					_: 1
+				})
+			]),
+			_: 1
+		})]),
+		_: 1
+	}, 8, ["open"]);
+}
+var x = /* @__PURE__ */ e(v, [["render", b]]);
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=message-input-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-link.js","names":[],"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          @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          @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/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\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      i18n: new DialtoneLocalization(),\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"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../../localization/index.cjs`),n=require(`../stack/stack.cjs`),r=require(`./message-input-button.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue3`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputTopbar`,components:{DtStack:n.default,DtIconListBullet:a.DtIconListBullet,DtIconBold:a.DtIconBold,DtIconItalic:a.DtIconItalic,DtIconStrikethrough:a.DtIconStrikethrough,DtIconListOrdered:a.DtIconListOrdered,DtIconQuote:a.DtIconQuote,DtIconCode:a.DtIconCode,DtIconCodeBlock:a.DtIconCodeBlock,DtRecipeMessageInputButton:r.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`],data(){return{i18n:new t.DialtoneLocalization}},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`)}}};function s(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-bold`),c=(0,i.resolveComponent)(`dt-recipe-message-input-button`),l=(0,i.resolveComponent)(`dt-icon-italic`),u=(0,i.resolveComponent)(`dt-icon-strikethrough`),d=(0,i.resolveComponent)(`dt-icon-list-bullet`),f=(0,i.resolveComponent)(`dt-icon-list-ordered`),p=(0,i.resolveComponent)(`dt-icon-quote`),m=(0,i.resolveComponent)(`dt-icon-code`),h=(0,i.resolveComponent)(`dt-icon-code-block`),g=(0,i.resolveComponent)(`dt-stack`);return(0,i.openBlock)(),(0,i.createBlock)(g,{direction:`row`,gap:`200`,class:`d-recipe-message-input__button-stack`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{"aria-label":o.boldButtonLabel[`aria-label`],"tooltip-text":o.boldButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.boldButtonOptions.keyboardShortcutText,"data-qa":`bold`,"is-active":n.isSelectionActive(`bold`),onClick:t[0]||(t[0]=t=>e.$emit(`click`,`bold`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.italicButtonLabel[`aria-label`],"tooltip-text":o.italicButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.italicButtonOptions.keyboardShortcutText,"data-qa":`italic`,"is-active":n.isSelectionActive(`italic`),onClick:t[1]||(t[1]=t=>e.$emit(`click`,`italic`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(l,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.strikeButtonLabel[`aria-label`],"tooltip-text":o.strikeButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.strikeButtonOptions.keyboardShortcutText,"data-qa":`strikethrough`,"is-active":n.isSelectionActive(`strike`),onClick:t[2]||(t[2]=t=>e.$emit(`click`,`strike`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(u,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[8]||(t[8]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.renderSlot)(e.$slots,`link`),t[9]||(t[9]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.bulletListButtonLabel[`aria-label`],"tooltip-text":o.bulletListButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.bulletListButtonOptions.keyboardShortcutText,"data-qa":`bullet-list`,"is-active":n.isSelectionActive(`bulletList`),onClick:t[3]||(t[3]=t=>e.$emit(`click`,`bulletList`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(d,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.orderedListButtonLabel[`aria-label`],"tooltip-text":o.orderedListButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.orderedListButtonOptions.keyboardShortcutText,"data-qa":`ordered-list`,"is-active":n.isSelectionActive(`orderedList`),onClick:t[4]||(t[4]=t=>e.$emit(`click`,`orderedList`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(f,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[10]||(t[10]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.blockQuoteButtonLabel[`aria-label`],"tooltip-text":o.blockQuoteButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":`blockquote`,"is-active":n.isSelectionActive(`blockquote`),onClick:t[5]||(t[5]=t=>e.$emit(`click`,`blockquote`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(p,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[11]||(t[11]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.codeButtonLabel[`aria-label`],"tooltip-text":o.codeButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.codeButtonOptions.keyboardShortcutText,"data-qa":`code`,"is-active":n.isSelectionActive(`code`),onClick:t[6]||(t[6]=t=>e.$emit(`click`,`code`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(m,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.codeBlockButtonLabel[`aria-label`],"tooltip-text":o.codeBlockButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.codeBlockButtonOptions.keyboardShortcutText,"data-qa":`code-block`,"is-active":n.isSelectionActive(`codeBlock`),onClick:t[7]||(t[7]=t=>e.$emit(`click`,`codeBlock`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(h,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`])]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c;
+//# sourceMappingURL=message-input-topbar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-input-topbar.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"mappings":"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"}