@dialpad/dialtone-vue 3.219.0-next.2 → 3.219.0

package/dist/lib/emoji-picker/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./emoji-picker.cjs"),e=require("./emoji-picker-constants.cjs");exports.DtEmojiPicker=_.default;exports.ARROW_KEYS=e.ARROW_KEYS;exports.CDN_URL=e.CDN_URL;exports.EMOJIS_PER_ROW=e.EMOJIS_PER_ROW;exports.EMOJI_PICKER_SKIN_TONE_MODIFIERS=e.EMOJI_PICKER_SKIN_TONE_MODIFIERS;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../emoji_picker-Cl-T4BXK.cjs`),t=require(`./emoji-picker-constants.cjs`);exports.ARROW_KEYS=t.ARROW_KEYS,exports.CDN_URL=t.CDN_URL,exports.DtEmojiPicker=e.t,exports.EMOJIS_PER_ROW=t.EMOJIS_PER_ROW,exports.EMOJI_PICKER_SKIN_TONE_MODIFIERS=t.EMOJI_PICKER_SKIN_TONE_MODIFIERS;

package/dist/lib/emoji-picker/index.js

@@ -1,10 +1,3 @@
-import { default as R } from "./emoji-picker.js";
-import { ARROW_KEYS as O, CDN_URL as o, EMOJIS_PER_ROW as r, EMOJI_PICKER_SKIN_TONE_MODIFIERS as e } from "./emoji-picker-constants.js";
-export {
-  O as ARROW_KEYS,
-  o as CDN_URL,
-  R as DtEmojiPicker,
-  r as EMOJIS_PER_ROW,
-  e as EMOJI_PICKER_SKIN_TONE_MODIFIERS
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../emoji_picker-tVHfpHDk.js";
+import { ARROW_KEYS as t, CDN_URL as n, EMOJIS_PER_ROW as r, EMOJI_PICKER_SKIN_TONE_MODIFIERS as i } from "./emoji-picker-constants.js";
+export { t as ARROW_KEYS, n as CDN_URL, e as DtEmojiPicker, r as EMOJIS_PER_ROW, i as EMOJI_PICKER_SKIN_TONE_MODIFIERS };

package/dist/lib/emoji-row/emoji-row-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["emojiUnicodeOrShortname","isSelected","names","num"],t={REACTIONS_ATTRIBUTES:e};exports.REACTIONS_ATTRIBUTES=e;exports.default=t;
-//# sourceMappingURL=emoji-row-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=[`emojiUnicodeOrShortname`,`isSelected`,`names`,`num`],t={REACTIONS_ATTRIBUTES:e};exports.REACTIONS_ATTRIBUTES=e,exports.default=t;
+//# sourceMappingURL=emoji-row-constants.cjs.map

package/dist/lib/emoji-row/emoji-row-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-row-constants.cjs","sources":["../../../recipes/conversation_view/emoji_row/emoji_row_constants.js"],"sourcesContent":["export const REACTIONS_ATTRIBUTES = [\n  'emojiUnicodeOrShortname',\n  'isSelected',\n  'names',\n  'num',\n];\n\nexport default {\n  REACTIONS_ATTRIBUTES,\n};\n"],"names":["REACTIONS_ATTRIBUTES","emoji_row_constants"],"mappings":"4GAAY,MAACA,EAAuB,CAClC,0BACA,aACA,QACA,KACF,EAEAC,EAAe,CACb,qBAAAD,CACF"}
+{"version":3,"file":"emoji-row-constants.cjs","names":[],"sources":["../../../recipes/conversation_view/emoji_row/emoji_row_constants.js"],"sourcesContent":["export const REACTIONS_ATTRIBUTES = [\n  'emojiUnicodeOrShortname',\n  'isSelected',\n  'names',\n  'num',\n];\n\nexport default {\n  REACTIONS_ATTRIBUTES,\n};\n"],"mappings":"+FAAA,IAAa,EAAuB,CAClC,0BACA,aACA,QACA,MACD,CAED,EAAe,CACb,uBACD"}

package/dist/lib/emoji-row/emoji-row-constants.js

@@ -1,13 +1,11 @@
-const e = [
-  "emojiUnicodeOrShortname",
-  "isSelected",
-  "names",
-  "num"
-], o = {
-  REACTIONS_ATTRIBUTES: e
-};
-export {
-  e as REACTIONS_ATTRIBUTES,
-  o as default
-};
-//# sourceMappingURL=emoji-row-constants.js.map
+//#region recipes/conversation_view/emoji_row/emoji_row_constants.js
+var e = [
+	"emojiUnicodeOrShortname",
+	"isSelected",
+	"names",
+	"num"
+], t = { REACTIONS_ATTRIBUTES: e };
+//#endregion
+export { e as REACTIONS_ATTRIBUTES, t as default };
+
+//# sourceMappingURL=emoji-row-constants.js.map

package/dist/lib/emoji-row/emoji-row-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-row-constants.js","sources":["../../../recipes/conversation_view/emoji_row/emoji_row_constants.js"],"sourcesContent":["export const REACTIONS_ATTRIBUTES = [\n  'emojiUnicodeOrShortname',\n  'isSelected',\n  'names',\n  'num',\n];\n\nexport default {\n  REACTIONS_ATTRIBUTES,\n};\n"],"names":["REACTIONS_ATTRIBUTES","emoji_row_constants"],"mappings":"AAAY,MAACA,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEAC,IAAe;AAAA,EACb,sBAAAD;AACF;"}
+{"version":3,"file":"emoji-row-constants.js","names":[],"sources":["../../../recipes/conversation_view/emoji_row/emoji_row_constants.js"],"sourcesContent":["export const REACTIONS_ATTRIBUTES = [\n  'emojiUnicodeOrShortname',\n  'isSelected',\n  'names',\n  'num',\n];\n\nexport default {\n  REACTIONS_ATTRIBUTES,\n};\n"],"mappings":";AAAA,IAAa,IAAuB;CAClC;CACA;CACA;CACA;CACD,EAED,IAAe,EACb,yBACD"}

package/dist/lib/emoji-row/emoji-row.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("./emoji-row-constants.cjs"),p=require("../../localization/index.cjs"),u=require("../../common/emoji/index.cjs"),e=require("vue"),j=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),h=require("../emoji-text-wrapper/emoji-text-wrapper.cjs"),w=require("../emoji/emoji.cjs"),b=require("../button/button.cjs"),f=require("../tooltip/tooltip.cjs"),C={compatConfig:{MODE:3},name:"DtRecipeEmojiRow",components:{DtTooltip:f.default,DtButton:b.default,DtEmoji:w.default,DtEmojiTextWrapper:h.default},props:{reactions:{type:Array,default:()=>[],validator:o=>{for(const i of o)if(!_.REACTIONS_ATTRIBUTES.every(l=>i[l]!==void 0))return!1;return!0}}},emits:["emoji-clicked","emoji-hovered"],data(){return{i18n:new p.DialtoneLocalization}},methods:{emojiClicked(o){this.$emit("emoji-clicked",o.emojiUnicodeOrShortname)},emojiHovered(o,i){this.$emit("emoji-hovered",{reaction:o.emojiUnicodeOrShortname,state:i})},reactionLabel(o){return this.i18n.$t("DIALTONE_EMOJI_ROW_REACTION_LABEL",{reaction:u.getEmojiShortCode(o.emojiUnicodeOrShortname),personCount:o.num})}}},E={class:"d-recipe-emoji-row"},S={"aria-hidden":"true"},k={class:"d-recipe-emoji-row__tooltip-emoji"},v={class:"d-recipe-emoji-row__tooltip-names"},x=["textContent"],N={class:"d-recipe-emoji-row__emoji"},O={class:"d-recipe-emoji-row__reaction-number"};function V(o,i,c,l,D,n){const a=e.resolveComponent("dt-emoji-text-wrapper"),s=e.resolveComponent("dt-emoji"),m=e.resolveComponent("dt-button"),d=e.resolveComponent("dt-tooltip");return e.openBlock(),e.createElementBlock("span",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.reactions,t=>(e.openBlock(),e.createElementBlock("span",{key:t.unicodeOutput},[e.createVNode(d,{class:"d-recipe-emoji-row__tooltip","content-class":"d-recipe-emoji-row__tooltip-content","fallback-placements":["top","bottom"],sticky:"popper",onShown:r=>n.emojiHovered(t,r)},{anchor:e.withCtx(({attrs:r})=>[e.createVNode(m,{importance:"clear",size:200,"data-qa":"feed-item-reaction-button",class:e.normalizeClass(["d-recipe-emoji-row__reaction",t.isSelected?"d-recipe-emoji-row__reaction--selected":""]),"aria-label":n.reactionLabel(t),attrs:r,onClick:T=>n.emojiClicked(t)},{default:e.withCtx(()=>[e.createElementVNode("span",N,[e.createVNode(s,{class:"d-recipe-emoji-row__emoji",size:"200","img-class":"d-recipe-emoji-row__emoji-img",code:t.emojiUnicodeOrShortname},null,8,["code"])]),e.createElementVNode("span",O,e.toDisplayString(t.num),1)]),_:2},1032,["class","aria-label","attrs","onClick"])]),default:e.withCtx(()=>[e.createElementVNode("span",S,[e.createVNode(a,{size:"800"},{default:e.withCtx(()=>[e.createElementVNode("p",k,e.toDisplayString(t.emojiUnicodeOrShortname),1),i[0]||(i[0]=e.createElementVNode("br",null,null,-1)),e.createElementVNode("p",v,[e.createTextVNode(e.toDisplayString(t.names)+" ",1),e.createElementVNode("span",{class:"d-recipe-emoji-row__tooltip-label",textContent:e.toDisplayString(n.reactionLabel(t))},null,8,x)])]),_:2},1024)])]),_:2},1032,["onShown"])]))),128)),e.renderSlot(o.$slots,"picker")])}const g=j._(C,[["render",V]]);exports.default=g;
-//# sourceMappingURL=emoji-row.cjs.map
+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(`../../common/emoji/index.cjs`),n=require(`../../localization/index.cjs`),r=require(`../button/button.cjs`),i=require(`../tooltip/tooltip.cjs`),a=require(`../emoji/emoji.cjs`),o=require(`../emoji-text-wrapper/emoji-text-wrapper.cjs`),s=require(`./emoji-row-constants.cjs`);let c=require(`vue`);var l={compatConfig:{MODE:3},name:`DtRecipeEmojiRow`,components:{DtTooltip:i.default,DtButton:r.default,DtEmoji:a.default,DtEmojiTextWrapper:o.default},props:{reactions:{type:Array,default:()=>[],validator:e=>{for(let t of e)if(!s.REACTIONS_ATTRIBUTES.every(e=>t[e]!==void 0))return!1;return!0}}},emits:[`emoji-clicked`,`emoji-hovered`],data(){return{i18n:new n.DialtoneLocalization}},methods:{emojiClicked(e){this.$emit(`emoji-clicked`,e.emojiUnicodeOrShortname)},emojiHovered(e,t){this.$emit(`emoji-hovered`,{reaction:e.emojiUnicodeOrShortname,state:t})},reactionLabel(e){return this.i18n.$t(`DIALTONE_EMOJI_ROW_REACTION_LABEL`,{reaction:t.getEmojiShortCode(e.emojiUnicodeOrShortname),personCount:e.num})}}},u={class:`d-recipe-emoji-row`},d={"aria-hidden":`true`},f={class:`d-recipe-emoji-row__tooltip-emoji`},p={class:`d-recipe-emoji-row__tooltip-names`},m=[`textContent`],h={class:`d-recipe-emoji-row__emoji`},g={class:`d-recipe-emoji-row__reaction-number`};function _(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-emoji-text-wrapper`),s=(0,c.resolveComponent)(`dt-emoji`),l=(0,c.resolveComponent)(`dt-button`),_=(0,c.resolveComponent)(`dt-tooltip`);return(0,c.openBlock)(),(0,c.createElementBlock)(`span`,u,[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(n.reactions,e=>((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:e.unicodeOutput},[(0,c.createVNode)(_,{class:`d-recipe-emoji-row__tooltip`,"content-class":`d-recipe-emoji-row__tooltip-content`,"fallback-placements":[`top`,`bottom`],sticky:`popper`,onShown:t=>a.emojiHovered(e,t)},{anchor:(0,c.withCtx)(({attrs:t})=>[(0,c.createVNode)(l,{importance:`clear`,size:`sm`,"data-qa":`feed-item-reaction-button`,class:(0,c.normalizeClass)([`d-recipe-emoji-row__reaction`,e.isSelected?`d-recipe-emoji-row__reaction--selected`:``]),"aria-label":a.reactionLabel(e),attrs:t,onClick:t=>a.emojiClicked(e)},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`span`,h,[(0,c.createVNode)(s,{class:`d-recipe-emoji-row__emoji`,size:`200`,"img-class":`d-recipe-emoji-row__emoji-img`,code:e.emojiUnicodeOrShortname},null,8,[`code`])]),(0,c.createElementVNode)(`span`,g,(0,c.toDisplayString)(e.num),1)]),_:2},1032,[`class`,`aria-label`,`attrs`,`onClick`])]),default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`span`,d,[(0,c.createVNode)(o,{size:`800`},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`p`,f,(0,c.toDisplayString)(e.emojiUnicodeOrShortname),1),t[0]||(t[0]=(0,c.createElementVNode)(`br`,null,null,-1)),(0,c.createElementVNode)(`p`,p,[(0,c.createTextVNode)((0,c.toDisplayString)(e.names)+` `,1),(0,c.createElementVNode)(`span`,{class:`d-recipe-emoji-row__tooltip-label`,textContent:(0,c.toDisplayString)(a.reactionLabel(e))},null,8,m)])]),_:2},1024)])]),_:2},1032,[`onShown`])]))),128)),(0,c.renderSlot)(e.$slots,`picker`)])}var v=e.t(l,[[`render`,_]]);exports.default=v;
+//# sourceMappingURL=emoji-row.cjs.map

package/dist/lib/emoji-row/emoji-row.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-row.cjs","sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n  <span class=\"d-recipe-emoji-row\">\n    <span\n      v-for=\"reaction in reactions\"\n      :key=\"reaction.unicodeOutput\"\n    >\n      <dt-tooltip\n        class=\"d-recipe-emoji-row__tooltip\"\n        content-class=\"d-recipe-emoji-row__tooltip-content\"\n        :fallback-placements=\"['top', 'bottom']\"\n        sticky=\"popper\"\n        @shown=\"(shown) => emojiHovered(reaction, shown)\"\n      >\n        <span aria-hidden=\"true\">\n          <dt-emoji-text-wrapper size=\"800\">\n            <p class=\"d-recipe-emoji-row__tooltip-emoji\">\n              {{ reaction.emojiUnicodeOrShortname }}\n            </p>\n            <br>\n            <p class=\"d-recipe-emoji-row__tooltip-names\">\n              {{ reaction.names }}\n              <span\n                class=\"d-recipe-emoji-row__tooltip-label\"\n                v-text=\"reactionLabel(reaction)\"\n              />\n            </p>\n          </dt-emoji-text-wrapper>\n        </span>\n        <template #anchor=\"{ attrs }\">\n          <dt-button\n            importance=\"clear\"\n            :size=\"200\"\n            data-qa=\"feed-item-reaction-button\"\n            :class=\"[\n              'd-recipe-emoji-row__reaction',\n              reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n            ]\"\n            :aria-label=\"reactionLabel(reaction)\"\n            :attrs=\"attrs\"\n            @click=\"emojiClicked(reaction)\"\n          >\n            <span class=\"d-recipe-emoji-row__emoji\">\n              <dt-emoji\n                class=\"d-recipe-emoji-row__emoji\"\n                size=\"200\"\n                img-class=\"d-recipe-emoji-row__emoji-img\"\n                :code=\"reaction.emojiUnicodeOrShortname\"\n              />\n            </span>\n            <span class=\"d-recipe-emoji-row__reaction-number\">\n              {{ reaction.num }}\n            </span>\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </span>\n    <!-- TODO: Replace picker slot with a button with localized text and emit any event needed -->\n    <!-- @slot Slot for emoji picker component, including the anchor. -->\n    <slot name=\"picker\" />\n  </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtEmoji } from '@/components/emoji';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DialtoneLocalization } from '@/localization';\nimport { getEmojiShortCode } from '@/common/emoji';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeEmojiRow',\n\n  components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n  props: {\n    /**\n     * Provide an array of reaction objects to be shown.\n     */\n    reactions: {\n      type: Array,\n      default: () => [],\n      validator: (reactions) => {\n        for (const reaction of reactions) {\n          const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined);\n          if (!validInput) return false;\n        }\n        return true;\n      },\n    },\n  },\n\n  emits: [\n    'emoji-clicked',\n    'emoji-hovered',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  methods: {\n    emojiClicked (reaction) {\n      this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n    },\n\n    emojiHovered (reaction, state) {\n      this.$emit('emoji-hovered', {\n        reaction: reaction.emojiUnicodeOrShortname,\n        state,\n      });\n    },\n\n    reactionLabel (reaction) {\n      return this.i18n.$t('DIALTONE_EMOJI_ROW_REACTION_LABEL', {\n        reaction: getEmojiShortCode(reaction.emojiUnicodeOrShortname),\n        personCount: reaction.num,\n      });\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtTooltip","DtButton","DtEmoji","DtEmojiTextWrapper","reactions","reaction","REACTIONS_ATTRIBUTES","attribute","DialtoneLocalization","state","getEmojiShortCode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_6","_hoisted_7","_openBlock","_createElementBlock","_Fragment","_renderList","$props","_createVNode","_component_dt_tooltip","shown","$options","_withCtx","attrs","_component_dt_button","_normalizeClass","$event","_createElementVNode","_component_dt_emoji","_toDisplayString","_component_dt_emoji_text_wrapper","_renderSlot","_ctx"],"mappings":"wdAuEKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,mBAEN,WAAY,CAAA,UAAEC,EAAAA,QAAS,SAAEC,UAAQ,QAAEC,EAAAA,QAAO,mBAAEC,EAAAA,OAAiB,EAE7D,MAAO,CAIL,UAAW,CACT,KAAM,MACN,QAAS,IAAM,CAAA,EACf,UAAYC,GAAc,CACxB,UAAWC,KAAYD,EAErB,GAAI,CADeE,EAAAA,qBAAqB,MAAOC,GAAcF,EAASE,CAAS,IAAM,MAAS,EAC7E,MAAO,GAE1B,MAAO,EACT,IAIJ,MAAO,CACL,gBACA,iBAGF,MAAQ,CACN,MAAO,CACL,KAAM,IAAIC,EAAAA,qBAEd,EAEA,QAAS,CACP,aAAcH,EAAU,CACtB,KAAK,MAAM,gBAAiBA,EAAS,uBAAuB,CAC9D,EAEA,aAAcA,EAAUI,EAAO,CAC7B,KAAK,MAAM,gBAAiB,CAC1B,SAAUJ,EAAS,wBACnB,MAAAI,CACF,CAAC,CACH,EAEA,cAAeJ,EAAU,CACvB,OAAO,KAAK,KAAK,GAAG,oCAAqC,CACvD,SAAUK,EAAAA,kBAAkBL,EAAS,uBAAuB,EAC5D,YAAaA,EAAS,GACxB,CAAC,CACH,EAEJ,EA3HQM,EAAA,CAAA,MAAM,oBAAoB,EAYpBC,EAAA,CAAA,cAAY,MAAM,EAEjBC,EAAA,CAAA,MAAM,mCAAmC,EAIzCC,EAAA,CAAA,MAAM,mCAAmC,oBAsBtCC,EAAA,CAAA,MAAM,2BAA2B,EAQjCC,EAAA,CAAA,MAAM,qCAAqC,oLAhD3D,OAAAC,YAAA,EAAAC,qBA0DO,OA1DPP,EA0DO,kBAzDLO,EAAAA,mBAqDOC,EAAAA,SAAA,KAAAC,EAAAA,WApDcC,EAAA,UAAZhB,kBADTa,EAAAA,mBAqDO,OAAA,CAnDJ,IAAKb,EAAS,gBAEfiB,EAAAA,YAgDaC,EAAA,CA/CX,MAAM,8BACN,gBAAc,sCACb,sBAAqB,CAAA,MAAA,QAAA,EACtB,OAAO,SACN,QAAQC,GAAUC,eAAapB,EAAUmB,CAAK,IAiBpC,OAAME,EAAAA,QACf,CAuBY,CAxBO,MAAAC,KAAK,CACxBL,EAAAA,YAuBYM,EAAA,CAtBV,WAAW,QACV,KAAM,IACP,UAAQ,4BACP,MAAKC,EAAAA,eAAA,gCAAgExB,EAAS,WAAU,yCAAA,KAIxF,aAAYoB,EAAA,cAAcpB,CAAQ,EAClC,MAAOsB,EACP,QAAKG,GAAEL,EAAA,aAAapB,CAAQ,sBAE7B,IAOO,CAPP0B,EAAAA,mBAOO,OAPPhB,EAOO,CANLO,EAAAA,YAKEU,EAAA,CAJA,MAAM,4BACN,KAAK,MACL,YAAU,gCACT,KAAM3B,EAAS,4CAGpB0B,EAAAA,mBAEO,OAFPf,EAEOiB,EAAAA,gBADF5B,EAAS,GAAG,EAAA,CAAA,4EArCrB,IAcO,CAdP0B,EAAAA,mBAcO,OAdPnB,EAcO,CAbLU,EAAAA,YAYwBY,EAAA,CAZD,KAAK,KAAK,EAAA,mBAC/B,IAEI,CAFJH,EAAAA,mBAEI,IAFJlB,EAEIoB,EAAAA,gBADC5B,EAAS,uBAAuB,EAAA,CAAA,cAErC0B,qBAAI,KAAA,KAAA,KAAA,EAAA,GACJA,EAAAA,mBAMI,IANJjB,EAMI,qCALCT,EAAS,KAAK,EAAG,IACpB,CAAA,EAAA0B,EAAAA,mBAGE,OAAA,CAFA,MAAM,gDACNE,EAAAA,gBAAQR,EAAA,cAAcpB,CAAQ,CAAA,iEAmC1C8B,aAAsBC,EAAA,OAAA,QAAA"}
+{"version":3,"file":"emoji-row.cjs","names":[],"sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n  <span class=\"d-recipe-emoji-row\">\n    <span\n      v-for=\"reaction in reactions\"\n      :key=\"reaction.unicodeOutput\"\n    >\n      <dt-tooltip\n        class=\"d-recipe-emoji-row__tooltip\"\n        content-class=\"d-recipe-emoji-row__tooltip-content\"\n        :fallback-placements=\"['top', 'bottom']\"\n        sticky=\"popper\"\n        @shown=\"(shown) => emojiHovered(reaction, shown)\"\n      >\n        <span aria-hidden=\"true\">\n          <dt-emoji-text-wrapper size=\"800\">\n            <p class=\"d-recipe-emoji-row__tooltip-emoji\">\n              {{ reaction.emojiUnicodeOrShortname }}\n            </p>\n            <br>\n            <p class=\"d-recipe-emoji-row__tooltip-names\">\n              {{ reaction.names }}\n              <span\n                class=\"d-recipe-emoji-row__tooltip-label\"\n                v-text=\"reactionLabel(reaction)\"\n              />\n            </p>\n          </dt-emoji-text-wrapper>\n        </span>\n        <template #anchor=\"{ attrs }\">\n          <dt-button\n            importance=\"clear\"\n            size=\"sm\"\n            data-qa=\"feed-item-reaction-button\"\n            :class=\"[\n              'd-recipe-emoji-row__reaction',\n              reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n            ]\"\n            :aria-label=\"reactionLabel(reaction)\"\n            :attrs=\"attrs\"\n            @click=\"emojiClicked(reaction)\"\n          >\n            <span class=\"d-recipe-emoji-row__emoji\">\n              <dt-emoji\n                class=\"d-recipe-emoji-row__emoji\"\n                size=\"200\"\n                img-class=\"d-recipe-emoji-row__emoji-img\"\n                :code=\"reaction.emojiUnicodeOrShortname\"\n              />\n            </span>\n            <span class=\"d-recipe-emoji-row__reaction-number\">\n              {{ reaction.num }}\n            </span>\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </span>\n    <!-- TODO: Replace picker slot with a button with localized text and emit any event needed -->\n    <!-- @slot Slot for emoji picker component, including the anchor. -->\n    <slot name=\"picker\" />\n  </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtEmoji } from '@/components/emoji';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DialtoneLocalization } from '@/localization';\nimport { getEmojiShortCode } from '@/common/emoji';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeEmojiRow',\n\n  components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n  props: {\n    /**\n     * Provide an array of reaction objects to be shown.\n     */\n    reactions: {\n      type: Array,\n      default: () => [],\n      validator: (reactions) => {\n        for (const reaction of reactions) {\n          const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined);\n          if (!validInput) return false;\n        }\n        return true;\n      },\n    },\n  },\n\n  emits: [\n    'emoji-clicked',\n    'emoji-hovered',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  methods: {\n    emojiClicked (reaction) {\n      this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n    },\n\n    emojiHovered (reaction, state) {\n      this.$emit('emoji-hovered', {\n        reaction: reaction.emojiUnicodeOrShortname,\n        state,\n      });\n    },\n\n    reactionLabel (reaction) {\n      return this.i18n.$t('DIALTONE_EMOJI_ROW_REACTION_LABEL', {\n        reaction: getEmojiShortCode(reaction.emojiUnicodeOrShortname),\n        personCount: reaction.num,\n      });\n    },\n  },\n};\n</script>\n"],"mappings":"mfAuEA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,mBAEN,WAAY,CAAE,UAAA,EAAA,QAAW,SAAA,EAAA,QAAU,QAAA,EAAA,QAAS,mBAAA,EAAA,QAAoB,CAEhE,MAAO,CAIL,UAAW,CACT,KAAM,MACN,YAAe,EAAE,CACjB,UAAY,GAAc,CACxB,IAAK,IAAM,KAAY,EAErB,GAAI,CADe,EAAA,qBAAqB,MAAO,GAAc,EAAS,KAAe,IAAA,GAAU,CAC9E,MAAO,GAE1B,MAAO,IAEV,CACF,CAED,MAAO,CACL,gBACA,gBACD,CAED,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,QAAS,CACP,aAAc,EAAU,CACtB,KAAK,MAAM,gBAAiB,EAAS,wBAAwB,EAG/D,aAAc,EAAU,EAAO,CAC7B,KAAK,MAAM,gBAAiB,CAC1B,SAAU,EAAS,wBACnB,QACD,CAAC,EAGJ,cAAe,EAAU,CACvB,OAAO,KAAK,KAAK,GAAG,oCAAqC,CACvD,SAAU,EAAA,kBAAkB,EAAS,wBAAwB,CAC7D,YAAa,EAAS,IACvB,CAAC,EAEL,CACF,IA3HO,MAAM,qBAAoB,IAYpB,cAAY,OAAM,IAEjB,MAAM,oCAAmC,IAIzC,MAAM,oCAAmC,sBAsBtC,MAAM,4BAA2B,IAQjC,MAAM,sCAAqC,kPAUpD,OA1DP,EA0DO,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBAJE,EAAA,SAAA,MAAA,EAAA,EAAA,YApDc,EAAA,UAAZ,+CAoDF,OAAA,CAnDJ,IAAK,EAAS,cAAA,CAAA,EAAA,EAAA,EAAA,aAkDF,EAAA,CA/CX,MAAM,8BACN,gBAAc,sCACb,sBAAqB,CAAA,MAAA,SAAiB,CACvC,OAAO,SACN,QAAQ,GAAU,EAAA,aAAa,EAAU,EAAK,GAiBpC,QAAA,EAAA,EAAA,UAwBG,CAxBO,WAAK,EAAA,EAAA,EAAA,aAwBZ,EAAA,CAtBV,WAAW,QACX,KAAK,KACL,UAAQ,4BACP,OAAA,EAAA,EAAA,gBAAK,CAAA,+BAAgE,EAAS,WAAU,yCAAA,GAAA,CAAA,CAIxF,aAAY,EAAA,cAAc,EAAQ,CAC3B,QACP,QAAK,GAAE,EAAA,aAAa,EAAQ,6BAStB,EAAA,EAAA,EAAA,oBAAA,OAPP,EAOO,EAAA,EAAA,EAAA,aADH,EAAA,CAJA,MAAM,4BACN,KAAK,MACL,YAAU,gCACT,KAAM,EAAS,qEAKb,OAFP,GAAA,EAAA,EAAA,iBACK,EAAS,IAAG,CAAA,EAAA,CAAA,CAAA,iFAvBd,EAAA,EAAA,EAAA,oBAAA,OAdP,EAcO,EAAA,EAAA,EAAA,aADmB,EAAA,CAZD,KAAK,MAAK,CAAA,2BAG3B,0BAAA,IAFJ,GAAA,EAAA,EAAA,iBACK,EAAS,wBAAuB,CAAA,EAAA,sCAEjC,KAAA,KAAA,KAAA,GAAA,2BAOA,IANJ,EAMI,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBALC,EAAS,MAAK,CAAG,IACpB,EAAA,EAAA,EAAA,EAAA,oBAGE,OAAA,CAFA,MAAM,sEAC0B,EAAxB,cAAc,EAAQ,CAAA,iFAmCpB,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/dist/lib/emoji-row/emoji-row.js

@@ -1,123 +1,99 @@
-import { REACTIONS_ATTRIBUTES as w } from "./emoji-row-constants.js";
-import { DialtoneLocalization as C } from "../../localization/index.js";
-import { getEmojiShortCode as b } from "../../common/emoji/index.js";
-import { resolveComponent as n, openBlock as l, createElementBlock as d, Fragment as E, renderList as S, createVNode as m, withCtx as c, createElementVNode as t, toDisplayString as s, createTextVNode as k, normalizeClass as O, renderSlot as v } from "vue";
-import { _ as x } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import D from "../emoji-text-wrapper/emoji-text-wrapper.js";
-import T from "../emoji/emoji.js";
-import L from "../button/button.js";
-import I from "../tooltip/tooltip.js";
-const g = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeEmojiRow",
-  components: { DtTooltip: I, DtButton: L, DtEmoji: T, DtEmojiTextWrapper: D },
-  props: {
-    /**
-     * Provide an array of reaction objects to be shown.
-     */
-    reactions: {
-      type: Array,
-      default: () => [],
-      validator: (e) => {
-        for (const i of e)
-          if (!w.every((_) => i[_] !== void 0)) return !1;
-        return !0;
-      }
-    }
-  },
-  emits: [
-    "emoji-clicked",
-    "emoji-hovered"
-  ],
-  data() {
-    return {
-      i18n: new C()
-    };
-  },
-  methods: {
-    emojiClicked(e) {
-      this.$emit("emoji-clicked", e.emojiUnicodeOrShortname);
-    },
-    emojiHovered(e, i) {
-      this.$emit("emoji-hovered", {
-        reaction: e.emojiUnicodeOrShortname,
-        state: i
-      });
-    },
-    reactionLabel(e) {
-      return this.i18n.$t("DIALTONE_EMOJI_ROW_REACTION_LABEL", {
-        reaction: b(e.emojiUnicodeOrShortname),
-        personCount: e.num
-      });
-    }
-  }
-}, y = { class: "d-recipe-emoji-row" }, A = { "aria-hidden": "true" }, N = { class: "d-recipe-emoji-row__tooltip-emoji" }, R = { class: "d-recipe-emoji-row__tooltip-names" }, U = ["textContent"], z = { class: "d-recipe-emoji-row__emoji" }, B = { class: "d-recipe-emoji-row__reaction-number" };
-function $(e, i, p, _, V, r) {
-  const j = n("dt-emoji-text-wrapper"), u = n("dt-emoji"), f = n("dt-button"), h = n("dt-tooltip");
-  return l(), d("span", y, [
-    (l(!0), d(E, null, S(p.reactions, (o) => (l(), d("span", {
-      key: o.unicodeOutput
-    }, [
-      m(h, {
-        class: "d-recipe-emoji-row__tooltip",
-        "content-class": "d-recipe-emoji-row__tooltip-content",
-        "fallback-placements": ["top", "bottom"],
-        sticky: "popper",
-        onShown: (a) => r.emojiHovered(o, a)
-      }, {
-        anchor: c(({ attrs: a }) => [
-          m(f, {
-            importance: "clear",
-            size: 200,
-            "data-qa": "feed-item-reaction-button",
-            class: O([
-              "d-recipe-emoji-row__reaction",
-              o.isSelected ? "d-recipe-emoji-row__reaction--selected" : ""
-            ]),
-            "aria-label": r.reactionLabel(o),
-            attrs: a,
-            onClick: (H) => r.emojiClicked(o)
-          }, {
-            default: c(() => [
-              t("span", z, [
-                m(u, {
-                  class: "d-recipe-emoji-row__emoji",
-                  size: "200",
-                  "img-class": "d-recipe-emoji-row__emoji-img",
-                  code: o.emojiUnicodeOrShortname
-                }, null, 8, ["code"])
-              ]),
-              t("span", B, s(o.num), 1)
-            ]),
-            _: 2
-          }, 1032, ["class", "aria-label", "attrs", "onClick"])
-        ]),
-        default: c(() => [
-          t("span", A, [
-            m(j, { size: "800" }, {
-              default: c(() => [
-                t("p", N, s(o.emojiUnicodeOrShortname), 1),
-                i[0] || (i[0] = t("br", null, null, -1)),
-                t("p", R, [
-                  k(s(o.names) + " ", 1),
-                  t("span", {
-                    class: "d-recipe-emoji-row__tooltip-label",
-                    textContent: s(r.reactionLabel(o))
-                  }, null, 8, U)
-                ])
-              ]),
-              _: 2
-            }, 1024)
-          ])
-        ]),
-        _: 2
-      }, 1032, ["onShown"])
-    ]))), 128)),
-    v(e.$slots, "picker")
-  ]);
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { getEmojiShortCode as t } from "../../common/emoji/index.js";
+import { DialtoneLocalization as n } from "../../localization/index.js";
+import r from "../button/button.js";
+import i from "../tooltip/tooltip.js";
+import a from "../emoji/emoji.js";
+import o from "../emoji-text-wrapper/emoji-text-wrapper.js";
+import { REACTIONS_ATTRIBUTES as s } from "./emoji-row-constants.js";
+import { Fragment as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, resolveComponent as _, toDisplayString as v, withCtx as y } from "vue";
+//#region recipes/conversation_view/emoji_row/emoji_row.vue
+var b = {
+	compatConfig: { MODE: 3 },
+	name: "DtRecipeEmojiRow",
+	components: {
+		DtTooltip: i,
+		DtButton: r,
+		DtEmoji: a,
+		DtEmojiTextWrapper: o
+	},
+	props: { reactions: {
+		type: Array,
+		default: () => [],
+		validator: (e) => {
+			for (let t of e) if (!s.every((e) => t[e] !== void 0)) return !1;
+			return !0;
+		}
+	} },
+	emits: ["emoji-clicked", "emoji-hovered"],
+	data() {
+		return { i18n: new n() };
+	},
+	methods: {
+		emojiClicked(e) {
+			this.$emit("emoji-clicked", e.emojiUnicodeOrShortname);
+		},
+		emojiHovered(e, t) {
+			this.$emit("emoji-hovered", {
+				reaction: e.emojiUnicodeOrShortname,
+				state: t
+			});
+		},
+		reactionLabel(e) {
+			return this.i18n.$t("DIALTONE_EMOJI_ROW_REACTION_LABEL", {
+				reaction: t(e.emojiUnicodeOrShortname),
+				personCount: e.num
+			});
+		}
+	}
+}, x = { class: "d-recipe-emoji-row" }, S = { "aria-hidden": "true" }, C = { class: "d-recipe-emoji-row__tooltip-emoji" }, w = { class: "d-recipe-emoji-row__tooltip-names" }, T = ["textContent"], E = { class: "d-recipe-emoji-row__emoji" }, D = { class: "d-recipe-emoji-row__reaction-number" };
+function O(e, t, n, r, i, a) {
+	let o = _("dt-emoji-text-wrapper"), s = _("dt-emoji"), b = _("dt-button"), O = _("dt-tooltip");
+	return m(), l("span", x, [(m(!0), l(c, null, h(n.reactions, (e) => (m(), l("span", { key: e.unicodeOutput }, [f(O, {
+		class: "d-recipe-emoji-row__tooltip",
+		"content-class": "d-recipe-emoji-row__tooltip-content",
+		"fallback-placements": ["top", "bottom"],
+		sticky: "popper",
+		onShown: (t) => a.emojiHovered(e, t)
+	}, {
+		anchor: y(({ attrs: t }) => [f(b, {
+			importance: "clear",
+			size: "sm",
+			"data-qa": "feed-item-reaction-button",
+			class: p(["d-recipe-emoji-row__reaction", e.isSelected ? "d-recipe-emoji-row__reaction--selected" : ""]),
+			"aria-label": a.reactionLabel(e),
+			attrs: t,
+			onClick: (t) => a.emojiClicked(e)
+		}, {
+			default: y(() => [u("span", E, [f(s, {
+				class: "d-recipe-emoji-row__emoji",
+				size: "200",
+				"img-class": "d-recipe-emoji-row__emoji-img",
+				code: e.emojiUnicodeOrShortname
+			}, null, 8, ["code"])]), u("span", D, v(e.num), 1)]),
+			_: 2
+		}, 1032, [
+			"class",
+			"aria-label",
+			"attrs",
+			"onClick"
+		])]),
+		default: y(() => [u("span", S, [f(o, { size: "800" }, {
+			default: y(() => [
+				u("p", C, v(e.emojiUnicodeOrShortname), 1),
+				t[0] || (t[0] = u("br", null, null, -1)),
+				u("p", w, [d(v(e.names) + " ", 1), u("span", {
+					class: "d-recipe-emoji-row__tooltip-label",
+					textContent: v(a.reactionLabel(e))
+				}, null, 8, T)])
+			]),
+			_: 2
+		}, 1024)])]),
+		_: 2
+	}, 1032, ["onShown"])]))), 128)), g(e.$slots, "picker")]);
 }
-const X = /* @__PURE__ */ x(g, [["render", $]]);
-export {
-  X as default
-};
-//# sourceMappingURL=emoji-row.js.map
+var k = /* @__PURE__ */ e(b, [["render", O]]);
+//#endregion
+export { k as default };
+
+//# sourceMappingURL=emoji-row.js.map

package/dist/lib/emoji-row/emoji-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-row.js","sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n  <span class=\"d-recipe-emoji-row\">\n    <span\n      v-for=\"reaction in reactions\"\n      :key=\"reaction.unicodeOutput\"\n    >\n      <dt-tooltip\n        class=\"d-recipe-emoji-row__tooltip\"\n        content-class=\"d-recipe-emoji-row__tooltip-content\"\n        :fallback-placements=\"['top', 'bottom']\"\n        sticky=\"popper\"\n        @shown=\"(shown) => emojiHovered(reaction, shown)\"\n      >\n        <span aria-hidden=\"true\">\n          <dt-emoji-text-wrapper size=\"800\">\n            <p class=\"d-recipe-emoji-row__tooltip-emoji\">\n              {{ reaction.emojiUnicodeOrShortname }}\n            </p>\n            <br>\n            <p class=\"d-recipe-emoji-row__tooltip-names\">\n              {{ reaction.names }}\n              <span\n                class=\"d-recipe-emoji-row__tooltip-label\"\n                v-text=\"reactionLabel(reaction)\"\n              />\n            </p>\n          </dt-emoji-text-wrapper>\n        </span>\n        <template #anchor=\"{ attrs }\">\n          <dt-button\n            importance=\"clear\"\n            :size=\"200\"\n            data-qa=\"feed-item-reaction-button\"\n            :class=\"[\n              'd-recipe-emoji-row__reaction',\n              reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n            ]\"\n            :aria-label=\"reactionLabel(reaction)\"\n            :attrs=\"attrs\"\n            @click=\"emojiClicked(reaction)\"\n          >\n            <span class=\"d-recipe-emoji-row__emoji\">\n              <dt-emoji\n                class=\"d-recipe-emoji-row__emoji\"\n                size=\"200\"\n                img-class=\"d-recipe-emoji-row__emoji-img\"\n                :code=\"reaction.emojiUnicodeOrShortname\"\n              />\n            </span>\n            <span class=\"d-recipe-emoji-row__reaction-number\">\n              {{ reaction.num }}\n            </span>\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </span>\n    <!-- TODO: Replace picker slot with a button with localized text and emit any event needed -->\n    <!-- @slot Slot for emoji picker component, including the anchor. -->\n    <slot name=\"picker\" />\n  </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtEmoji } from '@/components/emoji';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DialtoneLocalization } from '@/localization';\nimport { getEmojiShortCode } from '@/common/emoji';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeEmojiRow',\n\n  components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n  props: {\n    /**\n     * Provide an array of reaction objects to be shown.\n     */\n    reactions: {\n      type: Array,\n      default: () => [],\n      validator: (reactions) => {\n        for (const reaction of reactions) {\n          const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined);\n          if (!validInput) return false;\n        }\n        return true;\n      },\n    },\n  },\n\n  emits: [\n    'emoji-clicked',\n    'emoji-hovered',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  methods: {\n    emojiClicked (reaction) {\n      this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n    },\n\n    emojiHovered (reaction, state) {\n      this.$emit('emoji-hovered', {\n        reaction: reaction.emojiUnicodeOrShortname,\n        state,\n      });\n    },\n\n    reactionLabel (reaction) {\n      return this.i18n.$t('DIALTONE_EMOJI_ROW_REACTION_LABEL', {\n        reaction: getEmojiShortCode(reaction.emojiUnicodeOrShortname),\n        personCount: reaction.num,\n      });\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtTooltip","DtButton","DtEmoji","DtEmojiTextWrapper","reactions","reaction","REACTIONS_ATTRIBUTES","attribute","DialtoneLocalization","state","getEmojiShortCode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_6","_hoisted_7","_openBlock","_createElementBlock","_Fragment","_renderList","$props","_createVNode","_component_dt_tooltip","shown","$options","_withCtx","attrs","_component_dt_button","_normalizeClass","$event","_createElementVNode","_component_dt_emoji","_toDisplayString","_component_dt_emoji_text_wrapper","_renderSlot","_ctx"],"mappings":";;;;;;;;;AAuEA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,GAAO,oBAAEC,EAAiB;AAAA,EAE7D,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,MACf,WAAW,CAACC,MAAc;AACxB,mBAAWC,KAAYD;AAErB,cAAI,CADeE,EAAqB,MAAM,CAACC,MAAcF,EAASE,CAAS,MAAM,MAAS,EAC7E,QAAO;AAE1B,eAAO;AAAA,MACT;AAAA;;EAIJ,OAAO;AAAA,IACL;AAAA,IACA;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,MAAM,IAAIC,EAAoB;AAAA;EAElC;AAAA,EAEA,SAAS;AAAA,IACP,aAAcH,GAAU;AACtB,WAAK,MAAM,iBAAiBA,EAAS,uBAAuB;AAAA,IAC9D;AAAA,IAEA,aAAcA,GAAUI,GAAO;AAC7B,WAAK,MAAM,iBAAiB;AAAA,QAC1B,UAAUJ,EAAS;AAAA,QACnB,OAAAI;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IAEA,cAAeJ,GAAU;AACvB,aAAO,KAAK,KAAK,GAAG,qCAAqC;AAAA,QACvD,UAAUK,EAAkBL,EAAS,uBAAuB;AAAA,QAC5D,aAAaA,EAAS;AAAA,MACxB,CAAC;AAAA,IACH;AAAA;AAEJ,GA3HQM,IAAA,EAAA,OAAM,qBAAoB,GAYpBC,IAAA,EAAA,eAAY,OAAM,GAEjBC,IAAA,EAAA,OAAM,oCAAmC,GAIzCC,IAAA,EAAA,OAAM,oCAAmC,wBAsBtCC,IAAA,EAAA,OAAM,4BAA2B,GAQjCC,IAAA,EAAA,OAAM,sCAAqC;;;AAhD3D,SAAAC,EAAA,GAAAC,EA0DO,QA1DPP,GA0DO;AAAA,YAzDLO,EAqDOC,GAAA,MAAAC,EApDcC,EAAA,WAAS,CAArBhB,YADTa,EAqDO,QAAA;AAAA,MAnDJ,KAAKb,EAAS;AAAA;MAEfiB,EAgDaC,GAAA;AAAA,QA/CX,OAAM;AAAA,QACN,iBAAc;AAAA,QACb,uBAAqB,CAAA,OAAA,QAAA;AAAA,QACtB,QAAO;AAAA,QACN,UAAQC,MAAUC,eAAapB,GAAUmB,CAAK;AAAA;QAiBpC,QAAME,EACf,CAuBY,EAxBO,OAAAC,QAAK;AAAA,UACxBL,EAuBYM,GAAA;AAAA,YAtBV,YAAW;AAAA,YACV,MAAM;AAAA,YACP,WAAQ;AAAA,YACP,OAAKC,EAAA;AAAA;cAAgExB,EAAS,aAAU,2CAAA;AAAA;YAIxF,cAAYoB,EAAA,cAAcpB,CAAQ;AAAA,YAClC,OAAOsB;AAAA,YACP,SAAK,CAAAG,MAAEL,EAAA,aAAapB,CAAQ;AAAA;uBAE7B,MAOO;AAAA,cAPP0B,EAOO,QAPPhB,GAOO;AAAA,gBANLO,EAKEU,GAAA;AAAA,kBAJA,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,aAAU;AAAA,kBACT,MAAM3B,EAAS;AAAA;;cAGpB0B,EAEO,QAFPf,GAEOiB,EADF5B,EAAS,GAAG,GAAA,CAAA;AAAA;;;;mBArCrB,MAcO;AAAA,UAdP0B,EAcO,QAdPnB,GAcO;AAAA,YAbLU,EAYwBY,GAAA,EAZD,MAAK,MAAK,GAAA;AAAA,yBAC/B,MAEI;AAAA,gBAFJH,EAEI,KAFJlB,GAEIoB,EADC5B,EAAS,uBAAuB,GAAA,CAAA;AAAA,gCAErC0B,EAAI,MAAA,MAAA,MAAA,EAAA;AAAA,gBACJA,EAMI,KANJjB,GAMI;AAAA,sBALCT,EAAS,KAAK,IAAG,KACpB,CAAA;AAAA,kBAAA0B,EAGE,QAAA;AAAA,oBAFA,OAAM;AAAA,iCACNE,EAAQR,EAAA,cAAcpB,CAAQ,CAAA;AAAA;;;;;;;;;;IAmC1C8B,EAAsBC,EAAA,QAAA,QAAA;AAAA;;;"}
+{"version":3,"file":"emoji-row.js","names":[],"sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n  <span class=\"d-recipe-emoji-row\">\n    <span\n      v-for=\"reaction in reactions\"\n      :key=\"reaction.unicodeOutput\"\n    >\n      <dt-tooltip\n        class=\"d-recipe-emoji-row__tooltip\"\n        content-class=\"d-recipe-emoji-row__tooltip-content\"\n        :fallback-placements=\"['top', 'bottom']\"\n        sticky=\"popper\"\n        @shown=\"(shown) => emojiHovered(reaction, shown)\"\n      >\n        <span aria-hidden=\"true\">\n          <dt-emoji-text-wrapper size=\"800\">\n            <p class=\"d-recipe-emoji-row__tooltip-emoji\">\n              {{ reaction.emojiUnicodeOrShortname }}\n            </p>\n            <br>\n            <p class=\"d-recipe-emoji-row__tooltip-names\">\n              {{ reaction.names }}\n              <span\n                class=\"d-recipe-emoji-row__tooltip-label\"\n                v-text=\"reactionLabel(reaction)\"\n              />\n            </p>\n          </dt-emoji-text-wrapper>\n        </span>\n        <template #anchor=\"{ attrs }\">\n          <dt-button\n            importance=\"clear\"\n            size=\"sm\"\n            data-qa=\"feed-item-reaction-button\"\n            :class=\"[\n              'd-recipe-emoji-row__reaction',\n              reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n            ]\"\n            :aria-label=\"reactionLabel(reaction)\"\n            :attrs=\"attrs\"\n            @click=\"emojiClicked(reaction)\"\n          >\n            <span class=\"d-recipe-emoji-row__emoji\">\n              <dt-emoji\n                class=\"d-recipe-emoji-row__emoji\"\n                size=\"200\"\n                img-class=\"d-recipe-emoji-row__emoji-img\"\n                :code=\"reaction.emojiUnicodeOrShortname\"\n              />\n            </span>\n            <span class=\"d-recipe-emoji-row__reaction-number\">\n              {{ reaction.num }}\n            </span>\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </span>\n    <!-- TODO: Replace picker slot with a button with localized text and emit any event needed -->\n    <!-- @slot Slot for emoji picker component, including the anchor. -->\n    <slot name=\"picker\" />\n  </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtEmoji } from '@/components/emoji';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DialtoneLocalization } from '@/localization';\nimport { getEmojiShortCode } from '@/common/emoji';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeEmojiRow',\n\n  components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n  props: {\n    /**\n     * Provide an array of reaction objects to be shown.\n     */\n    reactions: {\n      type: Array,\n      default: () => [],\n      validator: (reactions) => {\n        for (const reaction of reactions) {\n          const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined);\n          if (!validInput) return false;\n        }\n        return true;\n      },\n    },\n  },\n\n  emits: [\n    'emoji-clicked',\n    'emoji-hovered',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  methods: {\n    emojiClicked (reaction) {\n      this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n    },\n\n    emojiHovered (reaction, state) {\n      this.$emit('emoji-hovered', {\n        reaction: reaction.emojiUnicodeOrShortname,\n        state,\n      });\n    },\n\n    reactionLabel (reaction) {\n      return this.i18n.$t('DIALTONE_EMOJI_ROW_REACTION_LABEL', {\n        reaction: getEmojiShortCode(reaction.emojiUnicodeOrShortname),\n        personCount: reaction.num,\n      });\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;;;;;AAuEA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EAAE,WAAA;EAAW,UAAA;EAAU,SAAA;EAAS,oBAAA;EAAoB;CAEhE,OAAO,EAIL,WAAW;EACT,MAAM;EACN,eAAe,EAAE;EACjB,YAAY,MAAc;AACxB,QAAK,IAAM,KAAY,EAErB,KAAI,CADe,EAAqB,OAAO,MAAc,EAAS,OAAe,KAAA,EAAU,CAC9E,QAAO;AAE1B,UAAO;;EAEV,EACF;CAED,OAAO,CACL,iBACA,gBACD;CAED,OAAQ;AACN,SAAO,EACL,MAAM,IAAI,GAAsB,EACjC;;CAGH,SAAS;EACP,aAAc,GAAU;AACtB,QAAK,MAAM,iBAAiB,EAAS,wBAAwB;;EAG/D,aAAc,GAAU,GAAO;AAC7B,QAAK,MAAM,iBAAiB;IAC1B,UAAU,EAAS;IACnB;IACD,CAAC;;EAGJ,cAAe,GAAU;AACvB,UAAO,KAAK,KAAK,GAAG,qCAAqC;IACvD,UAAU,EAAkB,EAAS,wBAAwB;IAC7D,aAAa,EAAS;IACvB,CAAC;;EAEL;CACF,QA3HO,OAAM,sBAAoB,QAYpB,eAAY,QAAM,QAEjB,OAAM,qCAAmC,QAIzC,OAAM,qCAAmC,6BAsBtC,OAAM,6BAA2B,QAQjC,OAAM,uCAAqC;;;aAhD3D,EA0DO,QA1DP,GA0DO,EAAA,EAAA,GAAA,EAzDL,EAqDO,GAAA,MAAA,EApDc,EAAA,YAAZ,YADT,EAqDO,QAAA,EAnDJ,KAAK,EAAS,eAAA,EAAA,CAEf,EAgDa,GAAA;EA/CX,OAAM;EACN,iBAAc;EACb,uBAAqB,CAAA,OAAA,SAAiB;EACvC,QAAO;EACN,UAAQ,MAAU,EAAA,aAAa,GAAU,EAAK;;EAiBpC,QAAM,GAwBH,EAxBO,eAAK,CACxB,EAuBY,GAAA;GAtBV,YAAW;GACX,MAAK;GACL,WAAQ;GACP,OAAK,EAAA,CAAA,gCAAgE,EAAS,aAAU,2CAAA,GAAA,CAAA;GAIxF,cAAY,EAAA,cAAc,EAAQ;GAC3B;GACP,UAAK,MAAE,EAAA,aAAa,EAAQ;;oBAStB,CAPP,EAOO,QAPP,GAOO,CANL,EAKE,GAAA;IAJA,OAAM;IACN,MAAK;IACL,aAAU;IACT,MAAM,EAAS;4BAGpB,EAEO,QAFP,GAEO,EADF,EAAS,IAAG,EAAA,EAAA,CAAA,CAAA;;;;;;;;mBAvBd,CAdP,EAcO,QAdP,GAcO,CAbL,EAYwB,GAAA,EAZD,MAAK,OAAK,EAAA;oBAG3B;IAFJ,EAEI,KAFJ,GAEI,EADC,EAAS,wBAAuB,EAAA,EAAA;oBAErC,EAAI,MAAA,MAAA,MAAA,GAAA;IACJ,EAMI,KANJ,GAMI,CAAA,EAAA,EALC,EAAS,MAAK,GAAG,KACpB,EAAA,EAAA,EAGE,QAAA;KAFA,OAAM;kBACN,EAAgC,EAAxB,cAAc,EAAQ,CAAA;;;;;;mCAmC1C,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/lib/emoji-row/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./emoji-row.cjs"),o=require("./emoji-row-constants.cjs");exports.DtRecipeEmojiRow=e.default;exports.REACTIONS_ATTRIBUTES=o.REACTIONS_ATTRIBUTES;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./emoji-row-constants.cjs`),t=require(`./emoji-row.cjs`);exports.DtRecipeEmojiRow=t.default,exports.REACTIONS_ATTRIBUTES=e.REACTIONS_ATTRIBUTES;

package/dist/lib/emoji-row/index.js

@@ -1,7 +1,3 @@
-import { default as r } from "./emoji-row.js";
-import { REACTIONS_ATTRIBUTES as R } from "./emoji-row-constants.js";
-export {
-  r as DtRecipeEmojiRow,
-  R as REACTIONS_ATTRIBUTES
-};
-//# sourceMappingURL=index.js.map
+import { REACTIONS_ATTRIBUTES as e } from "./emoji-row-constants.js";
+import t from "./emoji-row.js";
+export { t as DtRecipeEmojiRow, e as REACTIONS_ATTRIBUTES };

package/dist/lib/emoji-text-wrapper/emoji-text-wrapper.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../common/emoji/index.cjs"),n=require("vue"),c=require("../icon/icon-constants.cjs"),a=require("../emoji/emoji.cjs"),l=n.h(n.resolveDynamicComponent(null)).type,p={compatConfig:{MODE:3},name:"DtEmojiTextWrapper",components:{DtEmoji:a.default},props:{elementType:{type:String,default:"div"},size:{type:String,default:"500",validator:e=>Object.keys(c.ICON_SIZE_MODIFIERS).includes(e)}},data(){return{loadingEmojiJson:!0}},async created(){this.loadingEmojiJson=!1},methods:{replaceDtEmojis(e,t){if(!e.length)return t;const s=e.map(r=>r.replace(/\*/g,"\\*")),i=new RegExp(`(${s.join("|")})`,"g");return t.split(i).filter(r=>r.trim()!=="").map(r=>e.includes(r)?n.h(a.default,{code:r,size:this.size}):n.h("span",{class:"d-emoji-text-wrapper__text"},r))},searchVNodes(e){var s;if(!e)return;if(typeof e=="string")return this.searchCodes(e);if(e.type===l)return e;if(typeof e.type=="symbol")return this.searchCodes(e.children);if((s=e.props)!=null&&s.innerHTML)return this.searchVNodes(e.props.innerHTML);const t=Array.isArray(e.children)?e.children:[e.children];return n.h(e.type,e.props,t.map(i=>this.searchVNodes(i)))},replaceVueComponentVNodeContent(){},searchCodes(e){const t=o.findShortCodes(e),s=o.findEmojis(e),i=[...t,...s];return i.length===0?e:this.replaceDtEmojis(i,e)}},render(){const e=this.$slots.default?this.$slots.default():[];return n.h(this.elementType,{"data-qa":"emoji-text-wrapper",class:"d-emoji-text-wrapper"},this.loadingEmojiJson?e:e.map(t=>this.searchVNodes(t)))}};exports.default=p;
-//# sourceMappingURL=emoji-text-wrapper.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/emoji/index.cjs`),t=require(`../icon/icon-constants.cjs`),n=require(`../emoji/emoji.cjs`);let r=require(`vue`);var i=(0,r.h)((0,r.resolveDynamicComponent)(null)).type,a={compatConfig:{MODE:3},name:`DtEmojiTextWrapper`,components:{DtEmoji:n.default},props:{elementType:{type:String,default:`div`},size:{type:String,default:`500`,validator:e=>Object.keys(t.ICON_SIZE_MODIFIERS).includes(e)}},data(){return{loadingEmojiJson:!0}},async created(){this.loadingEmojiJson=!1},methods:{replaceDtEmojis(e,t){if(!e.length)return t;let i=e.map(e=>e.replace(/\*/g,`\\*`)),a=RegExp(`(${i.join(`|`)})`,`g`);return t.split(a).filter(e=>e.trim()!==``).map(t=>e.includes(t)?(0,r.h)(n.default,{code:t,size:this.size}):(0,r.h)(`span`,{class:`d-emoji-text-wrapper__text`},t))},searchVNodes(e){if(!e)return;if(typeof e==`string`)return this.searchCodes(e);if(e.type===i)return e;if(typeof e.type==`symbol`)return this.searchCodes(e.children);if(e.props?.innerHTML)return this.searchVNodes(e.props.innerHTML);let t=Array.isArray(e.children)?e.children:[e.children];return(0,r.h)(e.type,e.props,t.map(e=>this.searchVNodes(e)))},replaceVueComponentVNodeContent(){},searchCodes(t){let n=e.findShortCodes(t),r=e.findEmojis(t),i=[...n,...r];return i.length===0?t:this.replaceDtEmojis(i,t)}},render(){let e=this.$slots.default?this.$slots.default():[];return(0,r.h)(this.elementType,{"data-qa":`emoji-text-wrapper`,class:`d-emoji-text-wrapper`},this.loadingEmojiJson?e:e.map(e=>this.searchVNodes(e)))}};exports.default=a;
+//# sourceMappingURL=emoji-text-wrapper.cjs.map

package/dist/lib/emoji-text-wrapper/emoji-text-wrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-text-wrapper.cjs","sources":["../../../components/emoji_text_wrapper/emoji_text_wrapper.vue"],"sourcesContent":["<script>\nimport { DtEmoji } from '../emoji';\nimport { findEmojis, findShortCodes } from '@/common/emoji';\nimport { h, resolveDynamicComponent } from 'vue';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants';\n\nconst COMMENT_TYPE = h(resolveDynamicComponent(null)).type;\n\n/**\n * Wrapper to find and replace shortcodes like :smile: or unicode chars such as 😄 with our custom Emojis implementation.\n * @see https://dialtone.dialpad.com/components/emoji_text_wrapper.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtEmojiTextWrapper',\n\n  components: {\n    DtEmoji,\n  },\n\n  props: {\n    /**\n     * Element type (tag name) to use for the wrapper.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * The icon size to render the emojis at.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t),\n    },\n  },\n\n  data () {\n    return {\n      loadingEmojiJson: true,\n    };\n  },\n\n  async created () {\n    this.loadingEmojiJson = false;\n  },\n\n  methods: {\n    /**\n     * Replaces the valid codes from the text content with a DtEmoji component.\n     * @returns {Array<VNode|string>}\n     */\n    replaceDtEmojis (replaceList, textContent) {\n      if (!replaceList.length) return textContent;\n      // Escape the asterisk to avoid breaking the regex for the asterisk emoji\n      const escapedReplaceList = replaceList.map(item =>\n        item.replace(/\\*/g, '\\\\*'),\n      );\n\n      const regexp = new RegExp(`(${escapedReplaceList.join('|')})`, 'g');\n      const items = textContent.split(regexp);\n\n      return items\n        .filter(item => item.trim() !== '')\n        .map((item) => {\n          if (replaceList.includes(item)) {\n            return h(DtEmoji, { code: item, size: this.size });\n          }\n          return h('span', { class: 'd-emoji-text-wrapper__text' }, item);\n        });\n    },\n\n    /**\n     * Recursively search the Vue virtual DOM to find text\n     * @param VNode\n     * @returns {VNode|*}\n     */\n    searchVNodes (VNode) {\n      if (!VNode) return;\n      if (typeof VNode === 'string') return this.searchCodes(VNode);\n      if (VNode.type === COMMENT_TYPE) return VNode;\n      if (typeof VNode.type === 'symbol') return this.searchCodes(VNode.children);\n      if (VNode.props?.innerHTML) return this.searchVNodes(VNode.props.innerHTML);\n\n      const children = Array.isArray(VNode.children) ? VNode.children : [VNode.children];\n      return h(VNode.type, VNode.props, children.map(VNodeChild => this.searchVNodes(VNodeChild)));\n    },\n\n    // TODO: Find a way to crawl vue components\n    replaceVueComponentVNodeContent () {\n      //\n    },\n\n    /**\n     * Find codes in text.\n     * @param textContent string\n     * @returns {Array<VNode|string>|string}\n     */\n    searchCodes (textContent) {\n      const shortcodes = findShortCodes(textContent);\n      const emojis = findEmojis(textContent);\n\n      const replaceList = [...shortcodes, ...emojis];\n      if (replaceList.length === 0) return textContent;\n      return this.replaceDtEmojis(replaceList, textContent);\n    },\n  },\n\n  render () {\n    const defaultSlotContent = this.$slots.default ? this.$slots.default() : [];\n    return h(\n      this.elementType,\n      {\n        'data-qa': 'emoji-text-wrapper',\n        class: 'd-emoji-text-wrapper',\n      },\n      this.loadingEmojiJson\n        ? defaultSlotContent\n        : defaultSlotContent.map(VNode => this.searchVNodes(VNode)),\n    );\n  },\n};\n</script>\n"],"names":["COMMENT_TYPE","h","resolveDynamicComponent","_sfc_main","DtEmoji","t","ICON_SIZE_MODIFIERS","replaceList","textContent","escapedReplaceList","item","regexp","VNode","_a","children","VNodeChild","shortcodes","findShortCodes","emojis","findEmojis","defaultSlotContent"],"mappings":"qPAMMA,EAAeC,EAAAA,EAAEC,EAAAA,wBAAwB,IAAI,CAAC,EAAE,KAMjDC,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,qBAEN,WAAY,CACV,QAAAC,EAAAA,SAGF,MAAO,CAIL,YAAa,CACX,KAAM,OACN,QAAS,OAOX,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAYC,GAAM,OAAO,KAAKC,qBAAmB,EAAE,SAASD,CAAC,IAIjE,MAAQ,CACN,MAAO,CACL,iBAAkB,GAEtB,EAEA,MAAM,SAAW,CACf,KAAK,iBAAmB,EAC1B,EAEA,QAAS,CAKP,gBAAiBE,EAAaC,EAAa,CACzC,GAAI,CAACD,EAAY,OAAQ,OAAOC,EAEhC,MAAMC,EAAqBF,EAAY,IAAIG,GACzCA,EAAK,QAAQ,MAAO,KAAK,GAGrBC,EAAS,IAAI,OAAO,IAAIF,EAAmB,KAAK,GAAG,CAAC,IAAK,GAAG,EAGlE,OAFcD,EAAY,MAAMG,CAAM,EAGnC,OAAOD,GAAQA,EAAK,KAAI,IAAO,EAAE,EACjC,IAAKA,GACAH,EAAY,SAASG,CAAI,EACpBT,EAAAA,EAAEG,EAAAA,QAAS,CAAE,KAAMM,EAAM,KAAM,KAAK,KAAM,EAE5CT,EAAAA,EAAE,OAAQ,CAAE,MAAO,4BAA2B,EAAKS,CAAI,CAC/D,CACL,EAOA,aAAcE,EAAO,OACnB,GAAI,CAACA,EAAO,OACZ,GAAI,OAAOA,GAAU,SAAU,OAAO,KAAK,YAAYA,CAAK,EAC5D,GAAIA,EAAM,OAASZ,EAAc,OAAOY,EACxC,GAAI,OAAOA,EAAM,MAAS,SAAU,OAAO,KAAK,YAAYA,EAAM,QAAQ,EAC1E,IAAIC,EAAAD,EAAM,QAAN,MAAAC,EAAa,UAAW,OAAO,KAAK,aAAaD,EAAM,MAAM,SAAS,EAE1E,MAAME,EAAW,MAAM,QAAQF,EAAM,QAAQ,EAAIA,EAAM,SAAW,CAACA,EAAM,QAAQ,EACjF,OAAOX,EAAAA,EAAEW,EAAM,KAAMA,EAAM,MAAOE,EAAS,IAAIC,GAAc,KAAK,aAAaA,CAAU,CAAC,CAAC,CAC7F,EAGA,iCAAmC,CAEnC,EAOA,YAAaP,EAAa,CACxB,MAAMQ,EAAaC,EAAAA,eAAeT,CAAW,EACvCU,EAASC,EAAAA,WAAWX,CAAW,EAE/BD,EAAc,CAAC,GAAGS,EAAY,GAAGE,CAAM,EAC7C,OAAIX,EAAY,SAAW,EAAUC,EAC9B,KAAK,gBAAgBD,EAAaC,CAAW,CACtD,GAGF,QAAU,CACR,MAAMY,EAAqB,KAAK,OAAO,QAAU,KAAK,OAAO,QAAO,EAAK,CAAA,EACzE,OAAOnB,EAAAA,EACL,KAAK,YACL,CACE,UAAW,qBACX,MAAO,wBAET,KAAK,iBACDmB,EACAA,EAAmB,IAAIR,GAAS,KAAK,aAAaA,CAAK,CAAC,EAEhE,CACF"}
+{"version":3,"file":"emoji-text-wrapper.cjs","names":[],"sources":["../../../components/emoji_text_wrapper/emoji_text_wrapper.vue"],"sourcesContent":["<script>\nimport { DtEmoji } from '../emoji';\nimport { findEmojis, findShortCodes } from '@/common/emoji';\nimport { h, resolveDynamicComponent } from 'vue';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants';\n\nconst COMMENT_TYPE = h(resolveDynamicComponent(null)).type;\n\n/**\n * Wrapper to find and replace shortcodes like :smile: or unicode chars such as 😄 with our custom Emojis implementation.\n * @see https://dialtone.dialpad.com/components/emoji_text_wrapper.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtEmojiTextWrapper',\n\n  components: {\n    DtEmoji,\n  },\n\n  props: {\n    /**\n     * Element type (tag name) to use for the wrapper.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * The icon size to render the emojis at: 100 to 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t),\n    },\n  },\n\n  data () {\n    return {\n      loadingEmojiJson: true,\n    };\n  },\n\n  async created () {\n    this.loadingEmojiJson = false;\n  },\n\n  methods: {\n    /**\n     * Replaces the valid codes from the text content with a DtEmoji component.\n     * @returns {Array<VNode|string>}\n     */\n    replaceDtEmojis (replaceList, textContent) {\n      if (!replaceList.length) return textContent;\n      // Escape the asterisk to avoid breaking the regex for the asterisk emoji\n      const escapedReplaceList = replaceList.map(item =>\n        item.replace(/\\*/g, '\\\\*'),\n      );\n\n      const regexp = new RegExp(`(${escapedReplaceList.join('|')})`, 'g');\n      const items = textContent.split(regexp);\n\n      return items\n        .filter(item => item.trim() !== '')\n        .map((item) => {\n          if (replaceList.includes(item)) {\n            return h(DtEmoji, { code: item, size: this.size });\n          }\n          return h('span', { class: 'd-emoji-text-wrapper__text' }, item);\n        });\n    },\n\n    /**\n     * Recursively search the Vue virtual DOM to find text\n     * @param VNode\n     * @returns {VNode|*}\n     */\n    searchVNodes (VNode) {\n      if (!VNode) return;\n      if (typeof VNode === 'string') return this.searchCodes(VNode);\n      if (VNode.type === COMMENT_TYPE) return VNode;\n      if (typeof VNode.type === 'symbol') return this.searchCodes(VNode.children);\n      if (VNode.props?.innerHTML) return this.searchVNodes(VNode.props.innerHTML);\n\n      const children = Array.isArray(VNode.children) ? VNode.children : [VNode.children];\n      return h(VNode.type, VNode.props, children.map(VNodeChild => this.searchVNodes(VNodeChild)));\n    },\n\n    // TODO: Find a way to crawl vue components\n    replaceVueComponentVNodeContent () {\n      //\n    },\n\n    /**\n     * Find codes in text.\n     * @param textContent string\n     * @returns {Array<VNode|string>|string}\n     */\n    searchCodes (textContent) {\n      const shortcodes = findShortCodes(textContent);\n      const emojis = findEmojis(textContent);\n\n      const replaceList = [...shortcodes, ...emojis];\n      if (replaceList.length === 0) return textContent;\n      return this.replaceDtEmojis(replaceList, textContent);\n    },\n  },\n\n  render () {\n    const defaultSlotContent = this.$slots.default ? this.$slots.default() : [];\n    return h(\n      this.elementType,\n      {\n        'data-qa': 'emoji-text-wrapper',\n        class: 'd-emoji-text-wrapper',\n      },\n      this.loadingEmojiJson\n        ? defaultSlotContent\n        : defaultSlotContent.map(VNode => this.searchVNodes(VNode)),\n    );\n  },\n};\n</script>\n"],"mappings":"gRAMA,IAAM,GAAA,EAAA,EAAA,IAAA,EAAA,EAAA,yBAAyC,KAAK,CAAC,CAAC,KAMjD,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,qBAEN,WAAY,CACV,QAAA,EAAA,QACD,CAED,MAAO,CAIL,YAAa,CACX,KAAM,OACN,QAAS,MACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAY,GAAM,OAAO,KAAK,EAAA,oBAAoB,CAAC,SAAS,EAAE,CAC/D,CACF,CAED,MAAQ,CACN,MAAO,CACL,iBAAkB,GACnB,EAGH,MAAM,SAAW,CACf,KAAK,iBAAmB,IAG1B,QAAS,CAKP,gBAAiB,EAAa,EAAa,CACzC,GAAI,CAAC,EAAY,OAAQ,OAAO,EAEhC,IAAM,EAAqB,EAAY,IAAI,GACzC,EAAK,QAAQ,MAAO,MAAM,CAC3B,CAEK,EAAa,OAAO,IAAI,EAAmB,KAAK,IAAI,CAAC,GAAI,IAAI,CAGnE,OAFc,EAAY,MAAM,EAAO,CAGpC,OAAO,GAAQ,EAAK,MAAK,GAAM,GAAE,CACjC,IAAK,GACA,EAAY,SAAS,EAAK,EAC5B,EAAA,EAAA,GAAS,EAAA,QAAS,CAAE,KAAM,EAAM,KAAM,KAAK,KAAM,CAAC,EAEpD,EAAA,EAAA,GAAS,OAAQ,CAAE,MAAO,6BAA8B,CAAE,EAAK,CAC/D,EAQN,aAAc,EAAO,CACnB,GAAI,CAAC,EAAO,OACZ,GAAI,OAAO,GAAU,SAAU,OAAO,KAAK,YAAY,EAAM,CAC7D,GAAI,EAAM,OAAS,EAAc,OAAO,EACxC,GAAI,OAAO,EAAM,MAAS,SAAU,OAAO,KAAK,YAAY,EAAM,SAAS,CAC3E,GAAI,EAAM,OAAO,UAAW,OAAO,KAAK,aAAa,EAAM,MAAM,UAAU,CAE3E,IAAM,EAAW,MAAM,QAAQ,EAAM,SAAQ,CAAI,EAAM,SAAW,CAAC,EAAM,SAAS,CAClF,OAAA,EAAA,EAAA,GAAS,EAAM,KAAM,EAAM,MAAO,EAAS,IAAI,GAAc,KAAK,aAAa,EAAW,CAAC,CAAC,EAI9F,iCAAmC,GASnC,YAAa,EAAa,CACxB,IAAM,EAAa,EAAA,eAAe,EAAY,CACxC,EAAS,EAAA,WAAW,EAAY,CAEhC,EAAc,CAAC,GAAG,EAAY,GAAG,EAAO,CAE9C,OADI,EAAY,SAAW,EAAU,EAC9B,KAAK,gBAAgB,EAAa,EAAY,EAExD,CAED,QAAU,CACR,IAAM,EAAqB,KAAK,OAAO,QAAU,KAAK,OAAO,SAAQ,CAAI,EAAE,CAC3E,OAAA,EAAA,EAAA,GACE,KAAK,YACL,CACE,UAAW,qBACX,MAAO,uBACR,CACD,KAAK,iBACD,EACA,EAAmB,IAAI,GAAS,KAAK,aAAa,EAAM,CAAC,CAC9D,EAEJ"}