@dialpad/dialtone 9.110.1-beta.2 → 9.110.2

package/dist/vue2/recipes/cards/ivr_node/ivr_node.vue.cjs

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue2 = require("@dialpad/dialtone-icons/vue2");
+const ivr_node_constants = require("./ivr_node_constants.cjs");
+const _pluginVue2_normalizer = require("../../../_virtual/_plugin-vue2_normalizer.cjs");
+const card = require("../../../components/card/card.vue.cjs");
+const button = require("../../../components/button/button.vue.cjs");
+const dropdown = require("../../../components/dropdown/dropdown.vue.cjs");
+const typeToIcon = /* @__PURE__ */ new Map([
+  [ivr_node_constants.IVR_NODE_PROMPT_MENU, vue2.DtIconKeypad],
+  [ivr_node_constants.IVR_NODE_PROMPT_COLLECT, vue2.DtIconDialer],
+  [ivr_node_constants.IVR_NODE_PROMPT_PLAY, vue2.DtIconVolume2],
+  [ivr_node_constants.IVR_NODE_EXPERT, vue2.DtIconExpertNode],
+  [ivr_node_constants.IVR_NODE_BRANCH, vue2.DtIconBranch],
+  [ivr_node_constants.IVR_NODE_GO_TO, vue2.DtIconCallMerge],
+  [ivr_node_constants.IVR_NODE_ASSIGN, vue2.DtIconChevronsRight],
+  [ivr_node_constants.IVR_NODE_CUSTOMER_DATA, vue2.DtIconListBullet],
+  [ivr_node_constants.IVR_NODE_TRANSFER, vue2.DtIconTransfer],
+  [ivr_node_constants.IVR_NODE_HANGUP, vue2.DtIconPhoneHangUp]
+]);
+const _sfc_main = {
+  name: "DtRecipeIvrNode",
+  components: {
+    DtCard: card.default,
+    DtButton: button.default,
+    DtDropdown: dropdown.default,
+    DtIconKeypad: vue2.DtIconKeypad,
+    DtIconDialer: vue2.DtIconDialer,
+    DtIconVolume2: vue2.DtIconVolume2,
+    DtIconExpertNode: vue2.DtIconExpertNode,
+    DtIconBranch: vue2.DtIconBranch,
+    DtIconCallMerge: vue2.DtIconCallMerge,
+    DtIconChevronsRight: vue2.DtIconChevronsRight,
+    DtIconTransfer: vue2.DtIconTransfer,
+    DtIconPhoneHangUp: vue2.DtIconPhoneHangUp,
+    DtIconMoreVertical: vue2.DtIconMoreVertical,
+    DtIconListBullet: vue2.DtIconListBullet
+  },
+  props: {
+    /**
+     * type of IVR Node.
+     */
+    nodeType: {
+      type: String,
+      required: true
+    },
+    /**
+     * Descriptive label for the node name.
+     */
+    nodeLabel: {
+      type: String,
+      required: true
+    },
+    /**
+     * Selected state of the node
+     */
+    isSelected: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Translated aria-label for header menu button
+     */
+    menuButtonAriaLabel: {
+      type: String,
+      required: true
+    },
+    /**
+     * DTMF input
+     */
+    dtmfKey: {
+      type: String,
+      default: null
+    }
+  },
+  emits: [
+    /**
+     * Add node click event
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click"
+  ],
+  data() {
+    return {
+      isOpen: false
+    };
+  },
+  computed: {
+    nodeIcon() {
+      return typeToIcon.get(this.nodeType);
+    },
+    nodeClass() {
+      const { normal, selected } = ivr_node_constants.IVR_NODE_CLASS_MAPPING[this.nodeType];
+      return this.isSelected ? selected : normal;
+    },
+    isGotoNode() {
+      return this.nodeType === ivr_node_constants.IVR_NODE_GO_TO;
+    }
+  },
+  methods: {
+    openMenu() {
+      this.isOpen = true;
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", _vm._g({ class: [
+    "d-recipe-ivr-node",
+    _vm.nodeClass
+  ] }, _vm.$listeners), [_vm.dtmfKey ? _c("div", { staticClass: "d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf", class: { "d-recipe-ivr-node__connector-dtmf--selected": _vm.isSelected }, attrs: { "data-qa": "dt-top-connector-dtmf" } }, [_vm._v(" " + _vm._s(_vm.dtmfKey) + " ")]) : _vm._e(), _vm.$slots.connector ? _vm._t("connector") : _vm._e(), !_vm.dtmfKey && !_vm.$slots.connector ? _c("div", { staticClass: "d-recipe-ivr-node__connector", class: { "d-recipe-ivr-node__connector--selected": _vm.isSelected }, attrs: { "data-qa": "dt-top-connector" } }) : _vm._e(), _c("dt-card", { scopedSlots: _vm._u([{ key: "header", fn: function() {
+    return [_c("div", { staticClass: "d-recipe-ivr-node__header-left" }, [_c("dt-button", { attrs: { "aria-label": _vm.nodeType, "importance": "clear", "kind": "muted", "data-qa": "dt-ivr-node-icon" }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+      return [_c(_vm.nodeIcon, { tag: "component", class: ["", { "d-recipe-ivr-node__goto-icon": _vm.isGotoNode }], attrs: { "size": "200" } })];
+    }, proxy: true }]) }), _c("p", { staticClass: "d-recipe-ivr-node__label", attrs: { "data-qa": "ivr-node-label" } }, [_vm._v(" " + _vm._s(_vm.nodeLabel) + " ")])], 1), _c("dt-dropdown", { attrs: { "placement": "bottom", "open": _vm.isOpen }, on: { "update:open": function($event) {
+      _vm.isOpen = $event;
+    } }, scopedSlots: _vm._u([{ key: "anchor", fn: function() {
+      return [_c("dt-button", { attrs: { "importance": "clear", "kind": "muted", "aria-label": _vm.menuButtonAriaLabel }, on: { "click": function($event) {
+        $event.stopPropagation();
+        $event.preventDefault();
+        return _vm.openMenu.apply(null, arguments);
+      } }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+        return [_c("dt-icon-more-vertical", { attrs: { "size": "200" } })];
+      }, proxy: true }]) })];
+    }, proxy: true }, { key: "list", fn: function({ close }) {
+      return [_c("div", { staticClass: "d-recipe-ivr-node__dropdown-list" }, [_vm._t("menuItems", null, { "close": close })], 2)];
+    } }], null, true) })];
+  }, proxy: true }, { key: "content", fn: function() {
+    return [_vm._t("content")];
+  }, proxy: true }], null, true) })], 2);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns
+);
+const ivr_node = __component__.exports;
+exports.default = ivr_node;
+//# sourceMappingURL=ivr_node.vue.cjs.map

package/dist/vue2/recipes/cards/ivr_node/ivr_node.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ivr_node.vue.cjs","sources":["../../../../recipes/cards/ivr_node/ivr_node.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-recipe-ivr-node',\n      nodeClass,\n    ]\"\n    v-on=\"$listeners\"\n  >\n    <div\n      v-if=\"dtmfKey\"\n      data-qa=\"dt-top-connector-dtmf\"\n      class=\"d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf\"\n      :class=\"{ 'd-recipe-ivr-node__connector-dtmf--selected': isSelected }\"\n    >\n      {{ dtmfKey }}\n    </div>\n    <slot\n      v-if=\"$slots.connector\"\n      name=\"connector\"\n    />\n    <div\n      v-if=\"!dtmfKey && !$slots.connector\"\n      data-qa=\"dt-top-connector\"\n      class=\"d-recipe-ivr-node__connector\"\n      :class=\"{ 'd-recipe-ivr-node__connector--selected': isSelected }\"\n    />\n    <dt-card>\n      <template #header>\n        <!-- node label and icon section on left of the header -->\n        <div class=\"d-recipe-ivr-node__header-left\">\n          <dt-button\n            :aria-label=\"nodeType\"\n            importance=\"clear\"\n            kind=\"muted\"\n            data-qa=\"dt-ivr-node-icon\"\n          >\n            <template #icon>\n              <component\n                :is=\"nodeIcon\"\n                size=\"200\"\n                :class=\"['', { 'd-recipe-ivr-node__goto-icon': isGotoNode }]\"\n              />\n            </template>\n          </dt-button>\n          <p\n            class=\"d-recipe-ivr-node__label\"\n            data-qa=\"ivr-node-label\"\n          >\n            {{ nodeLabel }}\n          </p>\n        </div>\n        <!-- node menu for actions like edit, copy, delete -->\n        <dt-dropdown\n          placement=\"bottom\"\n          :open.sync=\"isOpen\"\n        >\n          <template #anchor>\n            <dt-button\n              importance=\"clear\"\n              kind=\"muted\"\n              :aria-label=\"menuButtonAriaLabel\"\n              @click.stop.prevent=\"openMenu\"\n            >\n              <template #icon>\n                <dt-icon-more-vertical size=\"200\" />\n              </template>\n            </dt-button>\n          </template>\n          <template #list=\"{ close }\">\n            <div class=\"d-recipe-ivr-node__dropdown-list\">\n              <slot\n                name=\"menuItems\"\n                :close=\"close\"\n              />\n            </div>\n          </template>\n        </dt-dropdown>\n      </template>\n      <template #content>\n        <slot name=\"content\" />\n      </template>\n    </dt-card>\n  </div>\n</template>\n\n<script>\nimport { DtCard } from '@/components/card';\nimport { DtButton } from '@/components/button';\nimport { DtDropdown } from '@/components/dropdown';\nimport {\n  DtIconKeypad,\n  DtIconDialer,\n  DtIconVolume2,\n  DtIconExpertNode,\n  DtIconBranch,\n  DtIconCallMerge,\n  DtIconChevronsRight,\n  DtIconTransfer,\n  DtIconPhoneHangUp,\n  DtIconMoreVertical,\n  DtIconListBullet,\n} from '@dialpad/dialtone-icons/vue2';\nimport {\n  IVR_NODE_CLASS_MAPPING,\n  IVR_NODE_PROMPT_MENU,\n  IVR_NODE_PROMPT_COLLECT,\n  IVR_NODE_PROMPT_PLAY,\n  IVR_NODE_EXPERT,\n  IVR_NODE_BRANCH,\n  IVR_NODE_GO_TO,\n  IVR_NODE_ASSIGN,\n  IVR_NODE_TRANSFER,\n  IVR_NODE_HANGUP,\n  IVR_NODE_CUSTOMER_DATA,\n} from './ivr_node_constants';\n\nconst typeToIcon = new Map([\n  [IVR_NODE_PROMPT_MENU, DtIconKeypad],\n  [IVR_NODE_PROMPT_COLLECT, DtIconDialer],\n  [IVR_NODE_PROMPT_PLAY, DtIconVolume2],\n  [IVR_NODE_EXPERT, DtIconExpertNode],\n  [IVR_NODE_BRANCH, DtIconBranch],\n  [IVR_NODE_GO_TO, DtIconCallMerge],\n  [IVR_NODE_ASSIGN, DtIconChevronsRight],\n  [IVR_NODE_CUSTOMER_DATA, DtIconListBullet],\n  [IVR_NODE_TRANSFER, DtIconTransfer],\n  [IVR_NODE_HANGUP, DtIconPhoneHangUp],\n]);\n\nexport default {\n  name: 'DtRecipeIvrNode',\n\n  components: {\n    DtCard,\n    DtButton,\n    DtDropdown,\n    DtIconKeypad,\n    DtIconDialer,\n    DtIconVolume2,\n    DtIconExpertNode,\n    DtIconBranch,\n    DtIconCallMerge,\n    DtIconChevronsRight,\n    DtIconTransfer,\n    DtIconPhoneHangUp,\n    DtIconMoreVertical,\n    DtIconListBullet,\n  },\n\n  props: {\n\n    /**\n     * type of IVR Node.\n     */\n    nodeType: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the node name.\n     */\n\n    nodeLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Selected state of the node\n     */\n    isSelected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Translated aria-label for header menu button\n     */\n    menuButtonAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * DTMF input\n     */\n    dtmfKey: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Add node click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      isOpen: false,\n    };\n  },\n\n  computed: {\n    nodeIcon () {\n      return typeToIcon.get(this.nodeType);\n    },\n\n    nodeClass () {\n      const { normal, selected } = IVR_NODE_CLASS_MAPPING[this.nodeType];\n      return this.isSelected ? selected : normal;\n    },\n\n    isGotoNode () {\n      return this.nodeType === IVR_NODE_GO_TO;\n    },\n  },\n\n  methods: {\n    openMenu () {\n      this.isOpen = true;\n    },\n  },\n};\n</script>\n"],"names":["IVR_NODE_PROMPT_MENU","DtIconKeypad","IVR_NODE_PROMPT_COLLECT","DtIconDialer","IVR_NODE_PROMPT_PLAY","DtIconVolume2","IVR_NODE_EXPERT","DtIconExpertNode","IVR_NODE_BRANCH","DtIconBranch","IVR_NODE_GO_TO","DtIconCallMerge","IVR_NODE_ASSIGN","DtIconChevronsRight","IVR_NODE_CUSTOMER_DATA","DtIconListBullet","IVR_NODE_TRANSFER","DtIconTransfer","IVR_NODE_HANGUP","DtIconPhoneHangUp","DtCard","DtButton","DtDropdown","DtIconMoreVertical","IVR_NODE_CLASS_MAPPING"],"mappings":";;;;;;;;AAoHA,MAAA,aAAA,oBAAA,IAAA;AAAA,EACA,CAAAA,mBAAAA,sBAAAC,KAAAA,YAAA;AAAA,EACA,CAAAC,mBAAAA,yBAAAC,KAAAA,YAAA;AAAA,EACA,CAAAC,mBAAAA,sBAAAC,KAAAA,aAAA;AAAA,EACA,CAAAC,mBAAAA,iBAAAC,KAAAA,gBAAA;AAAA,EACA,CAAAC,mBAAAA,iBAAAC,KAAAA,YAAA;AAAA,EACA,CAAAC,mBAAAA,gBAAAC,KAAAA,eAAA;AAAA,EACA,CAAAC,mBAAAA,iBAAAC,KAAAA,mBAAA;AAAA,EACA,CAAAC,mBAAAA,wBAAAC,KAAAA,gBAAA;AAAA,EACA,CAAAC,mBAAAA,mBAAAC,KAAAA,cAAA;AAAA,EACA,CAAAC,mBAAAA,iBAAAC,KAAAA,iBAAA;AACA,CAAA;AAEA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,QAAAC,KAAA;AAAA,IACA,UAAAC,OAAA;AAAA,IACA,YAAAC,SAAA;AAAA,IACA,cAAArB,KAAA;AAAA,IACA,cAAAE,KAAA;AAAA,IACA,eAAAE,KAAA;AAAA,IACA,kBAAAE,KAAA;AAAA,IACA,cAAAE,KAAA;AAAA,IACA,iBAAAE,KAAA;AAAA,IACA,qBAAAE,KAAA;AAAA,IACA,gBAAAI,KAAA;AAAA,IACA,mBAAAE,KAAA;AAAA,IACA,oBAAAI,KAAA;AAAA,IACA,kBAAAR,KAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,QAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,WAAA;AACA,aAAA,WAAA,IAAA,KAAA,QAAA;AAAA,IACA;AAAA,IAEA,YAAA;AACA,YAAA,EAAA,QAAA,SAAA,IAAAS,mBAAAA,uBAAA,KAAA,QAAA;AACA,aAAA,KAAA,aAAA,WAAA;AAAA,IACA;AAAA,IAEA,aAAA;AACA,aAAA,KAAA,aAAAd;IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,WAAA;AACA,WAAA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue2/recipes/cards/ivr_node/ivr_node.vue.js

@@ -0,0 +1,141 @@
+import { DtIconKeypad, DtIconDialer, DtIconVolume2, DtIconExpertNode, DtIconBranch, DtIconCallMerge, DtIconChevronsRight, DtIconTransfer, DtIconPhoneHangUp, DtIconMoreVertical, DtIconListBullet } from "@dialpad/dialtone-icons/vue2";
+import { IVR_NODE_GO_TO, IVR_NODE_PROMPT_MENU, IVR_NODE_PROMPT_COLLECT, IVR_NODE_PROMPT_PLAY, IVR_NODE_EXPERT, IVR_NODE_BRANCH, IVR_NODE_ASSIGN, IVR_NODE_CUSTOMER_DATA, IVR_NODE_TRANSFER, IVR_NODE_HANGUP, IVR_NODE_CLASS_MAPPING } from "./ivr_node_constants.js";
+import normalizeComponent from "../../../_virtual/_plugin-vue2_normalizer.js";
+import DtCard from "../../../components/card/card.vue.js";
+import DtButton from "../../../components/button/button.vue.js";
+import DtDropdown from "../../../components/dropdown/dropdown.vue.js";
+const typeToIcon = /* @__PURE__ */ new Map([
+  [IVR_NODE_PROMPT_MENU, DtIconKeypad],
+  [IVR_NODE_PROMPT_COLLECT, DtIconDialer],
+  [IVR_NODE_PROMPT_PLAY, DtIconVolume2],
+  [IVR_NODE_EXPERT, DtIconExpertNode],
+  [IVR_NODE_BRANCH, DtIconBranch],
+  [IVR_NODE_GO_TO, DtIconCallMerge],
+  [IVR_NODE_ASSIGN, DtIconChevronsRight],
+  [IVR_NODE_CUSTOMER_DATA, DtIconListBullet],
+  [IVR_NODE_TRANSFER, DtIconTransfer],
+  [IVR_NODE_HANGUP, DtIconPhoneHangUp]
+]);
+const _sfc_main = {
+  name: "DtRecipeIvrNode",
+  components: {
+    DtCard,
+    DtButton,
+    DtDropdown,
+    DtIconKeypad,
+    DtIconDialer,
+    DtIconVolume2,
+    DtIconExpertNode,
+    DtIconBranch,
+    DtIconCallMerge,
+    DtIconChevronsRight,
+    DtIconTransfer,
+    DtIconPhoneHangUp,
+    DtIconMoreVertical,
+    DtIconListBullet
+  },
+  props: {
+    /**
+     * type of IVR Node.
+     */
+    nodeType: {
+      type: String,
+      required: true
+    },
+    /**
+     * Descriptive label for the node name.
+     */
+    nodeLabel: {
+      type: String,
+      required: true
+    },
+    /**
+     * Selected state of the node
+     */
+    isSelected: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Translated aria-label for header menu button
+     */
+    menuButtonAriaLabel: {
+      type: String,
+      required: true
+    },
+    /**
+     * DTMF input
+     */
+    dtmfKey: {
+      type: String,
+      default: null
+    }
+  },
+  emits: [
+    /**
+     * Add node click event
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click"
+  ],
+  data() {
+    return {
+      isOpen: false
+    };
+  },
+  computed: {
+    nodeIcon() {
+      return typeToIcon.get(this.nodeType);
+    },
+    nodeClass() {
+      const { normal, selected } = IVR_NODE_CLASS_MAPPING[this.nodeType];
+      return this.isSelected ? selected : normal;
+    },
+    isGotoNode() {
+      return this.nodeType === IVR_NODE_GO_TO;
+    }
+  },
+  methods: {
+    openMenu() {
+      this.isOpen = true;
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", _vm._g({ class: [
+    "d-recipe-ivr-node",
+    _vm.nodeClass
+  ] }, _vm.$listeners), [_vm.dtmfKey ? _c("div", { staticClass: "d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf", class: { "d-recipe-ivr-node__connector-dtmf--selected": _vm.isSelected }, attrs: { "data-qa": "dt-top-connector-dtmf" } }, [_vm._v(" " + _vm._s(_vm.dtmfKey) + " ")]) : _vm._e(), _vm.$slots.connector ? _vm._t("connector") : _vm._e(), !_vm.dtmfKey && !_vm.$slots.connector ? _c("div", { staticClass: "d-recipe-ivr-node__connector", class: { "d-recipe-ivr-node__connector--selected": _vm.isSelected }, attrs: { "data-qa": "dt-top-connector" } }) : _vm._e(), _c("dt-card", { scopedSlots: _vm._u([{ key: "header", fn: function() {
+    return [_c("div", { staticClass: "d-recipe-ivr-node__header-left" }, [_c("dt-button", { attrs: { "aria-label": _vm.nodeType, "importance": "clear", "kind": "muted", "data-qa": "dt-ivr-node-icon" }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+      return [_c(_vm.nodeIcon, { tag: "component", class: ["", { "d-recipe-ivr-node__goto-icon": _vm.isGotoNode }], attrs: { "size": "200" } })];
+    }, proxy: true }]) }), _c("p", { staticClass: "d-recipe-ivr-node__label", attrs: { "data-qa": "ivr-node-label" } }, [_vm._v(" " + _vm._s(_vm.nodeLabel) + " ")])], 1), _c("dt-dropdown", { attrs: { "placement": "bottom", "open": _vm.isOpen }, on: { "update:open": function($event) {
+      _vm.isOpen = $event;
+    } }, scopedSlots: _vm._u([{ key: "anchor", fn: function() {
+      return [_c("dt-button", { attrs: { "importance": "clear", "kind": "muted", "aria-label": _vm.menuButtonAriaLabel }, on: { "click": function($event) {
+        $event.stopPropagation();
+        $event.preventDefault();
+        return _vm.openMenu.apply(null, arguments);
+      } }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+        return [_c("dt-icon-more-vertical", { attrs: { "size": "200" } })];
+      }, proxy: true }]) })];
+    }, proxy: true }, { key: "list", fn: function({ close }) {
+      return [_c("div", { staticClass: "d-recipe-ivr-node__dropdown-list" }, [_vm._t("menuItems", null, { "close": close })], 2)];
+    } }], null, true) })];
+  }, proxy: true }, { key: "content", fn: function() {
+    return [_vm._t("content")];
+  }, proxy: true }], null, true) })], 2);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns
+);
+const ivr_node = __component__.exports;
+export {
+  ivr_node as default
+};
+//# sourceMappingURL=ivr_node.vue.js.map

package/dist/vue2/recipes/cards/ivr_node/ivr_node.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ivr_node.vue.js","sources":["../../../../recipes/cards/ivr_node/ivr_node.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-recipe-ivr-node',\n      nodeClass,\n    ]\"\n    v-on=\"$listeners\"\n  >\n    <div\n      v-if=\"dtmfKey\"\n      data-qa=\"dt-top-connector-dtmf\"\n      class=\"d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf\"\n      :class=\"{ 'd-recipe-ivr-node__connector-dtmf--selected': isSelected }\"\n    >\n      {{ dtmfKey }}\n    </div>\n    <slot\n      v-if=\"$slots.connector\"\n      name=\"connector\"\n    />\n    <div\n      v-if=\"!dtmfKey && !$slots.connector\"\n      data-qa=\"dt-top-connector\"\n      class=\"d-recipe-ivr-node__connector\"\n      :class=\"{ 'd-recipe-ivr-node__connector--selected': isSelected }\"\n    />\n    <dt-card>\n      <template #header>\n        <!-- node label and icon section on left of the header -->\n        <div class=\"d-recipe-ivr-node__header-left\">\n          <dt-button\n            :aria-label=\"nodeType\"\n            importance=\"clear\"\n            kind=\"muted\"\n            data-qa=\"dt-ivr-node-icon\"\n          >\n            <template #icon>\n              <component\n                :is=\"nodeIcon\"\n                size=\"200\"\n                :class=\"['', { 'd-recipe-ivr-node__goto-icon': isGotoNode }]\"\n              />\n            </template>\n          </dt-button>\n          <p\n            class=\"d-recipe-ivr-node__label\"\n            data-qa=\"ivr-node-label\"\n          >\n            {{ nodeLabel }}\n          </p>\n        </div>\n        <!-- node menu for actions like edit, copy, delete -->\n        <dt-dropdown\n          placement=\"bottom\"\n          :open.sync=\"isOpen\"\n        >\n          <template #anchor>\n            <dt-button\n              importance=\"clear\"\n              kind=\"muted\"\n              :aria-label=\"menuButtonAriaLabel\"\n              @click.stop.prevent=\"openMenu\"\n            >\n              <template #icon>\n                <dt-icon-more-vertical size=\"200\" />\n              </template>\n            </dt-button>\n          </template>\n          <template #list=\"{ close }\">\n            <div class=\"d-recipe-ivr-node__dropdown-list\">\n              <slot\n                name=\"menuItems\"\n                :close=\"close\"\n              />\n            </div>\n          </template>\n        </dt-dropdown>\n      </template>\n      <template #content>\n        <slot name=\"content\" />\n      </template>\n    </dt-card>\n  </div>\n</template>\n\n<script>\nimport { DtCard } from '@/components/card';\nimport { DtButton } from '@/components/button';\nimport { DtDropdown } from '@/components/dropdown';\nimport {\n  DtIconKeypad,\n  DtIconDialer,\n  DtIconVolume2,\n  DtIconExpertNode,\n  DtIconBranch,\n  DtIconCallMerge,\n  DtIconChevronsRight,\n  DtIconTransfer,\n  DtIconPhoneHangUp,\n  DtIconMoreVertical,\n  DtIconListBullet,\n} from '@dialpad/dialtone-icons/vue2';\nimport {\n  IVR_NODE_CLASS_MAPPING,\n  IVR_NODE_PROMPT_MENU,\n  IVR_NODE_PROMPT_COLLECT,\n  IVR_NODE_PROMPT_PLAY,\n  IVR_NODE_EXPERT,\n  IVR_NODE_BRANCH,\n  IVR_NODE_GO_TO,\n  IVR_NODE_ASSIGN,\n  IVR_NODE_TRANSFER,\n  IVR_NODE_HANGUP,\n  IVR_NODE_CUSTOMER_DATA,\n} from './ivr_node_constants';\n\nconst typeToIcon = new Map([\n  [IVR_NODE_PROMPT_MENU, DtIconKeypad],\n  [IVR_NODE_PROMPT_COLLECT, DtIconDialer],\n  [IVR_NODE_PROMPT_PLAY, DtIconVolume2],\n  [IVR_NODE_EXPERT, DtIconExpertNode],\n  [IVR_NODE_BRANCH, DtIconBranch],\n  [IVR_NODE_GO_TO, DtIconCallMerge],\n  [IVR_NODE_ASSIGN, DtIconChevronsRight],\n  [IVR_NODE_CUSTOMER_DATA, DtIconListBullet],\n  [IVR_NODE_TRANSFER, DtIconTransfer],\n  [IVR_NODE_HANGUP, DtIconPhoneHangUp],\n]);\n\nexport default {\n  name: 'DtRecipeIvrNode',\n\n  components: {\n    DtCard,\n    DtButton,\n    DtDropdown,\n    DtIconKeypad,\n    DtIconDialer,\n    DtIconVolume2,\n    DtIconExpertNode,\n    DtIconBranch,\n    DtIconCallMerge,\n    DtIconChevronsRight,\n    DtIconTransfer,\n    DtIconPhoneHangUp,\n    DtIconMoreVertical,\n    DtIconListBullet,\n  },\n\n  props: {\n\n    /**\n     * type of IVR Node.\n     */\n    nodeType: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the node name.\n     */\n\n    nodeLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Selected state of the node\n     */\n    isSelected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Translated aria-label for header menu button\n     */\n    menuButtonAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * DTMF input\n     */\n    dtmfKey: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Add node click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      isOpen: false,\n    };\n  },\n\n  computed: {\n    nodeIcon () {\n      return typeToIcon.get(this.nodeType);\n    },\n\n    nodeClass () {\n      const { normal, selected } = IVR_NODE_CLASS_MAPPING[this.nodeType];\n      return this.isSelected ? selected : normal;\n    },\n\n    isGotoNode () {\n      return this.nodeType === IVR_NODE_GO_TO;\n    },\n  },\n\n  methods: {\n    openMenu () {\n      this.isOpen = true;\n    },\n  },\n};\n</script>\n"],"names":[],"mappings":";;;;;;AAoHA,MAAA,aAAA,oBAAA,IAAA;AAAA,EACA,CAAA,sBAAA,YAAA;AAAA,EACA,CAAA,yBAAA,YAAA;AAAA,EACA,CAAA,sBAAA,aAAA;AAAA,EACA,CAAA,iBAAA,gBAAA;AAAA,EACA,CAAA,iBAAA,YAAA;AAAA,EACA,CAAA,gBAAA,eAAA;AAAA,EACA,CAAA,iBAAA,mBAAA;AAAA,EACA,CAAA,wBAAA,gBAAA;AAAA,EACA,CAAA,mBAAA,cAAA;AAAA,EACA,CAAA,iBAAA,iBAAA;AACA,CAAA;AAEA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,QAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,WAAA;AACA,aAAA,WAAA,IAAA,KAAA,QAAA;AAAA,IACA;AAAA,IAEA,YAAA;AACA,YAAA,EAAA,QAAA,SAAA,IAAA,uBAAA,KAAA,QAAA;AACA,aAAA,KAAA,aAAA,WAAA;AAAA,IACA;AAAA,IAEA,aAAA;AACA,aAAA,KAAA,aAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,WAAA;AACA,WAAA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue2/recipes/cards/ivr_node/ivr_node_constants.cjs

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const IVR_NODE_PROMPT_MENU = "promptmenu";
+const IVR_NODE_PROMPT_COLLECT = "promptcollect";
+const IVR_NODE_PROMPT_PLAY = "promptplay";
+const IVR_NODE_EXPERT = "gotoexpert";
+const IVR_NODE_GO_TO = "goto";
+const IVR_NODE_BRANCH = "branch";
+const IVR_NODE_TRANSFER = "transfer";
+const IVR_NODE_HANGUP = "hangup";
+const IVR_NODE_ASSIGN = "assign";
+const IVR_NODE_CUSTOMER_DATA = "customerdata";
+const IVR_NODE_ICON_TYPES = {
+  [IVR_NODE_PROMPT_MENU]: "keypad",
+  [IVR_NODE_PROMPT_COLLECT]: "dialer",
+  [IVR_NODE_PROMPT_PLAY]: "volume-2",
+  [IVR_NODE_EXPERT]: "expert-node",
+  [IVR_NODE_BRANCH]: "branch",
+  [IVR_NODE_GO_TO]: "call-merge",
+  [IVR_NODE_ASSIGN]: "chevrons-right",
+  [IVR_NODE_CUSTOMER_DATA]: "list-bullet",
+  [IVR_NODE_TRANSFER]: "transfer",
+  [IVR_NODE_HANGUP]: "phone-hang-up"
+};
+const IVR_NODE_LABELS = {
+  [IVR_NODE_PROMPT_MENU]: "Menu",
+  [IVR_NODE_PROMPT_COLLECT]: "Collect",
+  [IVR_NODE_PROMPT_PLAY]: "Play",
+  [IVR_NODE_EXPERT]: "Expert",
+  [IVR_NODE_BRANCH]: "Branch",
+  [IVR_NODE_GO_TO]: "Go-to",
+  [IVR_NODE_TRANSFER]: "Transfer",
+  [IVR_NODE_HANGUP]: "Hangup",
+  [IVR_NODE_ASSIGN]: "Assign",
+  [IVR_NODE_CUSTOMER_DATA]: "Customer Data"
+};
+const IVR_NODE_CLASSES = {
+  PROMPT: {
+    normal: "d-recipe-ivr-node-prompt",
+    selected: "d-recipe-ivr-node-prompt--selected"
+  },
+  LOGIC: {
+    normal: "d-recipe-ivr-node-logic",
+    selected: "d-recipe-ivr-node-logic--selected"
+  },
+  TERMINAL: {
+    normal: "d-recipe-ivr-node-terminal",
+    selected: "d-recipe-ivr-node-terminal--selected"
+  }
+};
+const IVR_NODE_CLASS_MAPPING = {
+  [IVR_NODE_PROMPT_MENU]: IVR_NODE_CLASSES.PROMPT,
+  [IVR_NODE_PROMPT_COLLECT]: IVR_NODE_CLASSES.PROMPT,
+  [IVR_NODE_PROMPT_PLAY]: IVR_NODE_CLASSES.PROMPT,
+  [IVR_NODE_EXPERT]: IVR_NODE_CLASSES.LOGIC,
+  [IVR_NODE_BRANCH]: IVR_NODE_CLASSES.LOGIC,
+  [IVR_NODE_GO_TO]: IVR_NODE_CLASSES.LOGIC,
+  [IVR_NODE_ASSIGN]: IVR_NODE_CLASSES.LOGIC,
+  [IVR_NODE_CUSTOMER_DATA]: IVR_NODE_CLASSES.LOGIC,
+  [IVR_NODE_TRANSFER]: IVR_NODE_CLASSES.TERMINAL,
+  [IVR_NODE_HANGUP]: IVR_NODE_CLASSES.TERMINAL
+};
+exports.IVR_NODE_ASSIGN = IVR_NODE_ASSIGN;
+exports.IVR_NODE_BRANCH = IVR_NODE_BRANCH;
+exports.IVR_NODE_CLASS_MAPPING = IVR_NODE_CLASS_MAPPING;
+exports.IVR_NODE_CUSTOMER_DATA = IVR_NODE_CUSTOMER_DATA;
+exports.IVR_NODE_EXPERT = IVR_NODE_EXPERT;
+exports.IVR_NODE_GO_TO = IVR_NODE_GO_TO;
+exports.IVR_NODE_HANGUP = IVR_NODE_HANGUP;
+exports.IVR_NODE_ICON_TYPES = IVR_NODE_ICON_TYPES;
+exports.IVR_NODE_LABELS = IVR_NODE_LABELS;
+exports.IVR_NODE_PROMPT_COLLECT = IVR_NODE_PROMPT_COLLECT;
+exports.IVR_NODE_PROMPT_MENU = IVR_NODE_PROMPT_MENU;
+exports.IVR_NODE_PROMPT_PLAY = IVR_NODE_PROMPT_PLAY;
+exports.IVR_NODE_TRANSFER = IVR_NODE_TRANSFER;
+//# sourceMappingURL=ivr_node_constants.cjs.map

package/dist/vue2/recipes/cards/ivr_node/ivr_node_constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ivr_node_constants.cjs","sources":["../../../../recipes/cards/ivr_node/ivr_node_constants.js"],"sourcesContent":["export const IVR_NODE_PROMPT_MENU = 'promptmenu';\nexport const IVR_NODE_PROMPT_COLLECT = 'promptcollect';\nexport const IVR_NODE_PROMPT_PLAY = 'promptplay';\nexport const IVR_NODE_EXPERT = 'gotoexpert';\nexport const IVR_NODE_GO_TO = 'goto';\nexport const IVR_NODE_BRANCH = 'branch';\nexport const IVR_NODE_TRANSFER = 'transfer';\nexport const IVR_NODE_HANGUP = 'hangup';\nexport const IVR_NODE_ASSIGN = 'assign';\nexport const IVR_NODE_CUSTOMER_DATA = 'customerdata';\n\nexport const IVR_NODE_ICON_TYPES = {\n  [IVR_NODE_PROMPT_MENU]: 'keypad',\n  [IVR_NODE_PROMPT_COLLECT]: 'dialer',\n  [IVR_NODE_PROMPT_PLAY]: 'volume-2',\n  [IVR_NODE_EXPERT]: 'expert-node',\n  [IVR_NODE_BRANCH]: 'branch',\n  [IVR_NODE_GO_TO]: 'call-merge',\n  [IVR_NODE_ASSIGN]: 'chevrons-right',\n  [IVR_NODE_CUSTOMER_DATA]: 'list-bullet',\n  [IVR_NODE_TRANSFER]: 'transfer',\n  [IVR_NODE_HANGUP]: 'phone-hang-up',\n};\n\nexport const IVR_NODE_LABELS = {\n  [IVR_NODE_PROMPT_MENU]: 'Menu',\n  [IVR_NODE_PROMPT_COLLECT]: 'Collect',\n  [IVR_NODE_PROMPT_PLAY]: 'Play',\n  [IVR_NODE_EXPERT]: 'Expert',\n  [IVR_NODE_BRANCH]: 'Branch',\n  [IVR_NODE_GO_TO]: 'Go-to',\n  [IVR_NODE_TRANSFER]: 'Transfer',\n  [IVR_NODE_HANGUP]: 'Hangup',\n  [IVR_NODE_ASSIGN]: 'Assign',\n  [IVR_NODE_CUSTOMER_DATA]: 'Customer Data',\n};\n\nconst IVR_NODE_CLASSES = {\n  PROMPT: {\n    normal: 'd-recipe-ivr-node-prompt',\n    selected: 'd-recipe-ivr-node-prompt--selected',\n  },\n  LOGIC: {\n    normal: 'd-recipe-ivr-node-logic',\n    selected: 'd-recipe-ivr-node-logic--selected',\n  },\n  TERMINAL: {\n    normal: 'd-recipe-ivr-node-terminal',\n    selected: 'd-recipe-ivr-node-terminal--selected',\n  },\n};\n\nexport const IVR_NODE_CLASS_MAPPING = {\n  [IVR_NODE_PROMPT_MENU]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_PROMPT_COLLECT]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_PROMPT_PLAY]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_EXPERT]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_BRANCH]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_GO_TO]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_ASSIGN]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_CUSTOMER_DATA]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_TRANSFER]: IVR_NODE_CLASSES.TERMINAL,\n  [IVR_NODE_HANGUP]: IVR_NODE_CLASSES.TERMINAL,\n};\n"],"names":[],"mappings":";;AAAY,MAAC,uBAAuB;AACxB,MAAC,0BAA0B;AAC3B,MAAC,uBAAuB;AACxB,MAAC,kBAAkB;AACnB,MAAC,iBAAiB;AAClB,MAAC,kBAAkB;AACnB,MAAC,oBAAoB;AACrB,MAAC,kBAAkB;AACnB,MAAC,kBAAkB;AACnB,MAAC,yBAAyB;AAE1B,MAAC,sBAAsB;AAAA,EACjC,CAAC,oBAAoB,GAAG;AAAA,EACxB,CAAC,uBAAuB,GAAG;AAAA,EAC3B,CAAC,oBAAoB,GAAG;AAAA,EACxB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,cAAc,GAAG;AAAA,EAClB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,sBAAsB,GAAG;AAAA,EAC1B,CAAC,iBAAiB,GAAG;AAAA,EACrB,CAAC,eAAe,GAAG;AACrB;AAEY,MAAC,kBAAkB;AAAA,EAC7B,CAAC,oBAAoB,GAAG;AAAA,EACxB,CAAC,uBAAuB,GAAG;AAAA,EAC3B,CAAC,oBAAoB,GAAG;AAAA,EACxB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,cAAc,GAAG;AAAA,EAClB,CAAC,iBAAiB,GAAG;AAAA,EACrB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,sBAAsB,GAAG;AAC5B;AAEA,MAAM,mBAAmB;AAAA,EACvB,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACX;AAAA,EACD,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,EACX;AAAA,EACD,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,EACX;AACH;AAEY,MAAC,yBAAyB;AAAA,EACpC,CAAC,oBAAoB,GAAG,iBAAiB;AAAA,EACzC,CAAC,uBAAuB,GAAG,iBAAiB;AAAA,EAC5C,CAAC,oBAAoB,GAAG,iBAAiB;AAAA,EACzC,CAAC,eAAe,GAAG,iBAAiB;AAAA,EACpC,CAAC,eAAe,GAAG,iBAAiB;AAAA,EACpC,CAAC,cAAc,GAAG,iBAAiB;AAAA,EACnC,CAAC,eAAe,GAAG,iBAAiB;AAAA,EACpC,CAAC,sBAAsB,GAAG,iBAAiB;AAAA,EAC3C,CAAC,iBAAiB,GAAG,iBAAiB;AAAA,EACtC,CAAC,eAAe,GAAG,iBAAiB;AACtC;;;;;;;;;;;;;;"}

package/dist/vue2/recipes/cards/ivr_node/ivr_node_constants.js

@@ -0,0 +1,76 @@
+const IVR_NODE_PROMPT_MENU = "promptmenu";
+const IVR_NODE_PROMPT_COLLECT = "promptcollect";
+const IVR_NODE_PROMPT_PLAY = "promptplay";
+const IVR_NODE_EXPERT = "gotoexpert";
+const IVR_NODE_GO_TO = "goto";
+const IVR_NODE_BRANCH = "branch";
+const IVR_NODE_TRANSFER = "transfer";
+const IVR_NODE_HANGUP = "hangup";
+const IVR_NODE_ASSIGN = "assign";
+const IVR_NODE_CUSTOMER_DATA = "customerdata";
+const IVR_NODE_ICON_TYPES = {
+  [IVR_NODE_PROMPT_MENU]: "keypad",
+  [IVR_NODE_PROMPT_COLLECT]: "dialer",
+  [IVR_NODE_PROMPT_PLAY]: "volume-2",
+  [IVR_NODE_EXPERT]: "expert-node",
+  [IVR_NODE_BRANCH]: "branch",
+  [IVR_NODE_GO_TO]: "call-merge",
+  [IVR_NODE_ASSIGN]: "chevrons-right",
+  [IVR_NODE_CUSTOMER_DATA]: "list-bullet",
+  [IVR_NODE_TRANSFER]: "transfer",
+  [IVR_NODE_HANGUP]: "phone-hang-up"
+};
+const IVR_NODE_LABELS = {
+  [IVR_NODE_PROMPT_MENU]: "Menu",
+  [IVR_NODE_PROMPT_COLLECT]: "Collect",
+  [IVR_NODE_PROMPT_PLAY]: "Play",
+  [IVR_NODE_EXPERT]: "Expert",
+  [IVR_NODE_BRANCH]: "Branch",
+  [IVR_NODE_GO_TO]: "Go-to",
+  [IVR_NODE_TRANSFER]: "Transfer",
+  [IVR_NODE_HANGUP]: "Hangup",
+  [IVR_NODE_ASSIGN]: "Assign",
+  [IVR_NODE_CUSTOMER_DATA]: "Customer Data"
+};
+const IVR_NODE_CLASSES = {
+  PROMPT: {
+    normal: "d-recipe-ivr-node-prompt",
+    selected: "d-recipe-ivr-node-prompt--selected"
+  },
+  LOGIC: {
+    normal: "d-recipe-ivr-node-logic",
+    selected: "d-recipe-ivr-node-logic--selected"
+  },
+  TERMINAL: {
+    normal: "d-recipe-ivr-node-terminal",
+    selected: "d-recipe-ivr-node-terminal--selected"
+  }
+};
+const IVR_NODE_CLASS_MAPPING = {
+  [IVR_NODE_PROMPT_MENU]: IVR_NODE_CLASSES.PROMPT,
+  [IVR_NODE_PROMPT_COLLECT]: IVR_NODE_CLASSES.PROMPT,
+  [IVR_NODE_PROMPT_PLAY]: IVR_NODE_CLASSES.PROMPT,
+  [IVR_NODE_EXPERT]: IVR_NODE_CLASSES.LOGIC,
+  [IVR_NODE_BRANCH]: IVR_NODE_CLASSES.LOGIC,
+  [IVR_NODE_GO_TO]: IVR_NODE_CLASSES.LOGIC,
+  [IVR_NODE_ASSIGN]: IVR_NODE_CLASSES.LOGIC,
+  [IVR_NODE_CUSTOMER_DATA]: IVR_NODE_CLASSES.LOGIC,
+  [IVR_NODE_TRANSFER]: IVR_NODE_CLASSES.TERMINAL,
+  [IVR_NODE_HANGUP]: IVR_NODE_CLASSES.TERMINAL
+};
+export {
+  IVR_NODE_ASSIGN,
+  IVR_NODE_BRANCH,
+  IVR_NODE_CLASS_MAPPING,
+  IVR_NODE_CUSTOMER_DATA,
+  IVR_NODE_EXPERT,
+  IVR_NODE_GO_TO,
+  IVR_NODE_HANGUP,
+  IVR_NODE_ICON_TYPES,
+  IVR_NODE_LABELS,
+  IVR_NODE_PROMPT_COLLECT,
+  IVR_NODE_PROMPT_MENU,
+  IVR_NODE_PROMPT_PLAY,
+  IVR_NODE_TRANSFER
+};
+//# sourceMappingURL=ivr_node_constants.js.map

package/dist/vue2/recipes/cards/ivr_node/ivr_node_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ivr_node_constants.js","sources":["../../../../recipes/cards/ivr_node/ivr_node_constants.js"],"sourcesContent":["export const IVR_NODE_PROMPT_MENU = 'promptmenu';\nexport const IVR_NODE_PROMPT_COLLECT = 'promptcollect';\nexport const IVR_NODE_PROMPT_PLAY = 'promptplay';\nexport const IVR_NODE_EXPERT = 'gotoexpert';\nexport const IVR_NODE_GO_TO = 'goto';\nexport const IVR_NODE_BRANCH = 'branch';\nexport const IVR_NODE_TRANSFER = 'transfer';\nexport const IVR_NODE_HANGUP = 'hangup';\nexport const IVR_NODE_ASSIGN = 'assign';\nexport const IVR_NODE_CUSTOMER_DATA = 'customerdata';\n\nexport const IVR_NODE_ICON_TYPES = {\n  [IVR_NODE_PROMPT_MENU]: 'keypad',\n  [IVR_NODE_PROMPT_COLLECT]: 'dialer',\n  [IVR_NODE_PROMPT_PLAY]: 'volume-2',\n  [IVR_NODE_EXPERT]: 'expert-node',\n  [IVR_NODE_BRANCH]: 'branch',\n  [IVR_NODE_GO_TO]: 'call-merge',\n  [IVR_NODE_ASSIGN]: 'chevrons-right',\n  [IVR_NODE_CUSTOMER_DATA]: 'list-bullet',\n  [IVR_NODE_TRANSFER]: 'transfer',\n  [IVR_NODE_HANGUP]: 'phone-hang-up',\n};\n\nexport const IVR_NODE_LABELS = {\n  [IVR_NODE_PROMPT_MENU]: 'Menu',\n  [IVR_NODE_PROMPT_COLLECT]: 'Collect',\n  [IVR_NODE_PROMPT_PLAY]: 'Play',\n  [IVR_NODE_EXPERT]: 'Expert',\n  [IVR_NODE_BRANCH]: 'Branch',\n  [IVR_NODE_GO_TO]: 'Go-to',\n  [IVR_NODE_TRANSFER]: 'Transfer',\n  [IVR_NODE_HANGUP]: 'Hangup',\n  [IVR_NODE_ASSIGN]: 'Assign',\n  [IVR_NODE_CUSTOMER_DATA]: 'Customer Data',\n};\n\nconst IVR_NODE_CLASSES = {\n  PROMPT: {\n    normal: 'd-recipe-ivr-node-prompt',\n    selected: 'd-recipe-ivr-node-prompt--selected',\n  },\n  LOGIC: {\n    normal: 'd-recipe-ivr-node-logic',\n    selected: 'd-recipe-ivr-node-logic--selected',\n  },\n  TERMINAL: {\n    normal: 'd-recipe-ivr-node-terminal',\n    selected: 'd-recipe-ivr-node-terminal--selected',\n  },\n};\n\nexport const IVR_NODE_CLASS_MAPPING = {\n  [IVR_NODE_PROMPT_MENU]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_PROMPT_COLLECT]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_PROMPT_PLAY]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_EXPERT]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_BRANCH]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_GO_TO]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_ASSIGN]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_CUSTOMER_DATA]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_TRANSFER]: IVR_NODE_CLASSES.TERMINAL,\n  [IVR_NODE_HANGUP]: IVR_NODE_CLASSES.TERMINAL,\n};\n"],"names":[],"mappings":"AAAY,MAAC,uBAAuB;AACxB,MAAC,0BAA0B;AAC3B,MAAC,uBAAuB;AACxB,MAAC,kBAAkB;AACnB,MAAC,iBAAiB;AAClB,MAAC,kBAAkB;AACnB,MAAC,oBAAoB;AACrB,MAAC,kBAAkB;AACnB,MAAC,kBAAkB;AACnB,MAAC,yBAAyB;AAE1B,MAAC,sBAAsB;AAAA,EACjC,CAAC,oBAAoB,GAAG;AAAA,EACxB,CAAC,uBAAuB,GAAG;AAAA,EAC3B,CAAC,oBAAoB,GAAG;AAAA,EACxB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,cAAc,GAAG;AAAA,EAClB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,sBAAsB,GAAG;AAAA,EAC1B,CAAC,iBAAiB,GAAG;AAAA,EACrB,CAAC,eAAe,GAAG;AACrB;AAEY,MAAC,kBAAkB;AAAA,EAC7B,CAAC,oBAAoB,GAAG;AAAA,EACxB,CAAC,uBAAuB,GAAG;AAAA,EAC3B,CAAC,oBAAoB,GAAG;AAAA,EACxB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,cAAc,GAAG;AAAA,EAClB,CAAC,iBAAiB,GAAG;AAAA,EACrB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,sBAAsB,GAAG;AAC5B;AAEA,MAAM,mBAAmB;AAAA,EACvB,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACX;AAAA,EACD,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,EACX;AAAA,EACD,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,EACX;AACH;AAEY,MAAC,yBAAyB;AAAA,EACpC,CAAC,oBAAoB,GAAG,iBAAiB;AAAA,EACzC,CAAC,uBAAuB,GAAG,iBAAiB;AAAA,EAC5C,CAAC,oBAAoB,GAAG,iBAAiB;AAAA,EACzC,CAAC,eAAe,GAAG,iBAAiB;AAAA,EACpC,CAAC,eAAe,GAAG,iBAAiB;AAAA,EACpC,CAAC,cAAc,GAAG,iBAAiB;AAAA,EACnC,CAAC,eAAe,GAAG,iBAAiB;AAAA,EACpC,CAAC,sBAAsB,GAAG,iBAAiB;AAAA,EAC3C,CAAC,iBAAiB,GAAG,iBAAiB;AAAA,EACtC,CAAC,eAAe,GAAG,iBAAiB;AACtC;"}

package/dist/vue2/recipes/chips/grouped_chip/grouped_chip.vue.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _pluginVue2_normalizer = require("../../../_virtual/_plugin-vue2_normalizer.cjs");
+const chip = require("../../../components/chip/chip.vue.cjs");
+const _sfc_main = {
+  name: "DtRecipeGroupedChip",
+  components: {
+    DtChip: chip.default
+  },
+  computed: {}
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "d-recipe-grouped-chip", attrs: { "data-qa": "dt-recipe-grouped-chip" } }, [_c("dt-chip", { staticClass: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left", attrs: { "hide-close": true, "interactive": false, "size": "xs", "grouped-chip": true }, scopedSlots: _vm._u([_vm.$slots.leftIcon ? { key: "icon", fn: function() {
+    return [_vm.$slots.leftIcon ? _c("div", { attrs: { "data-qa": "left-grouped-chip-icon" } }, [_vm._t("leftIcon")], 2) : _vm._e()];
+  }, proxy: true } : null, { key: "default", fn: function() {
+    return [_vm.$slots.leftContent ? _c("div", { attrs: { "data-qa": "left-grouped-chip-content" } }, [_vm._t("leftContent")], 2) : _vm._e()];
+  }, proxy: true }], null, true) }), _c("dt-chip", { staticClass: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right", attrs: { "hide-close": true, "interactive": false, "size": "xs", "grouped-chip": true }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+    return [_vm.$slots.rightIcon ? _c("div", { attrs: { "data-qa": "right-grouped-chip-icon" } }, [_vm._t("rightIcon")], 2) : _vm._e()];
+  }, proxy: true }, { key: "default", fn: function() {
+    return [_vm.$slots.rightContent ? _c("div", { attrs: { "data-qa": "right-grouped-chip-content" } }, [_vm._t("rightContent")], 2) : _vm._e()];
+  }, proxy: true }], null, true) })], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns
+);
+const grouped_chip = __component__.exports;
+exports.default = grouped_chip;
+//# sourceMappingURL=grouped_chip.vue.cjs.map

package/dist/vue2/recipes/chips/grouped_chip/grouped_chip.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouped_chip.vue.cjs","sources":["../../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-recipe-grouped-chip\"\n    class=\"d-recipe-grouped-chip\"\n  >\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n    >\n      <template\n        v-if=\"$slots.leftIcon\"\n        #icon\n      >\n        <!-- @slot Slot for left chip icon information -->\n        <div\n          v-if=\"$slots.leftIcon\"\n          data-qa=\"left-grouped-chip-icon\"\n        >\n          <slot name=\"leftIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"$slots.leftContent\"\n          data-qa=\"left-grouped-chip-content\"\n        >\n          <!-- @slot Slot for left chip content information -->\n          <slot name=\"leftContent\" />\n        </div>\n      </template>\n    </dt-chip>\n\n    <!-- Right side split chip -->\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n    >\n      <template #icon>\n        <div\n          v-if=\"$slots.rightIcon\"\n          data-qa=\"right-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"$slots.rightContent\"\n          data-qa=\"right-grouped-chip-content\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightContent\" />\n        </div>\n      </template>\n    </dt-chip>\n  </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\n\nexport default {\n  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  computed: {},\n};\n</script>\n"],"names":["DtChip"],"mappings":";;;;AAoEA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,QAAAA,KAAA;AAAA,EACA;AAAA,EAEA,UAAA,CAAA;AACA;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue2/recipes/chips/grouped_chip/grouped_chip.vue.js

@@ -0,0 +1,32 @@
+import normalizeComponent from "../../../_virtual/_plugin-vue2_normalizer.js";
+import DtChip from "../../../components/chip/chip.vue.js";
+const _sfc_main = {
+  name: "DtRecipeGroupedChip",
+  components: {
+    DtChip
+  },
+  computed: {}
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "d-recipe-grouped-chip", attrs: { "data-qa": "dt-recipe-grouped-chip" } }, [_c("dt-chip", { staticClass: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left", attrs: { "hide-close": true, "interactive": false, "size": "xs", "grouped-chip": true }, scopedSlots: _vm._u([_vm.$slots.leftIcon ? { key: "icon", fn: function() {
+    return [_vm.$slots.leftIcon ? _c("div", { attrs: { "data-qa": "left-grouped-chip-icon" } }, [_vm._t("leftIcon")], 2) : _vm._e()];
+  }, proxy: true } : null, { key: "default", fn: function() {
+    return [_vm.$slots.leftContent ? _c("div", { attrs: { "data-qa": "left-grouped-chip-content" } }, [_vm._t("leftContent")], 2) : _vm._e()];
+  }, proxy: true }], null, true) }), _c("dt-chip", { staticClass: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right", attrs: { "hide-close": true, "interactive": false, "size": "xs", "grouped-chip": true }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+    return [_vm.$slots.rightIcon ? _c("div", { attrs: { "data-qa": "right-grouped-chip-icon" } }, [_vm._t("rightIcon")], 2) : _vm._e()];
+  }, proxy: true }, { key: "default", fn: function() {
+    return [_vm.$slots.rightContent ? _c("div", { attrs: { "data-qa": "right-grouped-chip-content" } }, [_vm._t("rightContent")], 2) : _vm._e()];
+  }, proxy: true }], null, true) })], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns
+);
+const grouped_chip = __component__.exports;
+export {
+  grouped_chip as default
+};
+//# sourceMappingURL=grouped_chip.vue.js.map

package/dist/vue2/recipes/chips/grouped_chip/grouped_chip.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouped_chip.vue.js","sources":["../../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-recipe-grouped-chip\"\n    class=\"d-recipe-grouped-chip\"\n  >\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n    >\n      <template\n        v-if=\"$slots.leftIcon\"\n        #icon\n      >\n        <!-- @slot Slot for left chip icon information -->\n        <div\n          v-if=\"$slots.leftIcon\"\n          data-qa=\"left-grouped-chip-icon\"\n        >\n          <slot name=\"leftIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"$slots.leftContent\"\n          data-qa=\"left-grouped-chip-content\"\n        >\n          <!-- @slot Slot for left chip content information -->\n          <slot name=\"leftContent\" />\n        </div>\n      </template>\n    </dt-chip>\n\n    <!-- Right side split chip -->\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n    >\n      <template #icon>\n        <div\n          v-if=\"$slots.rightIcon\"\n          data-qa=\"right-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"$slots.rightContent\"\n          data-qa=\"right-grouped-chip-content\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightContent\" />\n        </div>\n      </template>\n    </dt-chip>\n  </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\n\nexport default {\n  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  computed: {},\n};\n</script>\n"],"names":[],"mappings":";;AAoEA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA,CAAA;AACA;;;;;;;;;;;;;;;;;;;;"}