@dialpad/dialtone-vue 2.26.0 → 2.27.0

package/dist/dialtone-vue.common.js

@@ -210,7 +210,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".root-layout__header--sticky{position:-webkit-sticky;position:sticky;top:0}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".root-layout__header--sticky{position:sticky;top:0}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -330,7 +330,31 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe--callbar-button-with-popover--button{position:relative;display:inline-block}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{position:absolute;top:2rem;right:0;width:var(--su16);height:var(--su16);padding:var(--su8);border-radius:var(--su4)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--black-025)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--black-900);color:var(--white)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header button{color:var(--white)}.d-tab--selected:after,.d-tab--selected:hover:after{--tab--bgc:var(--black-900)}.tab-group{display:flex;flex-direction:column;height:100%}.tab-content{flex:1 1 100%;overflow-y:auto}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe--callbar-button-with-popover--button{position:relative;display:inline-block}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{position:absolute;top:2rem;right:0;width:var(--su16);height:var(--su16);padding:var(--su8);border-radius:var(--su4)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--black-025)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--black-900);color:var(--white)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header button{color:var(--white)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc:var(--black-900)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 539:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(481);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(400);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".ivr_node__width{width:280px}.prompt_node_border_color{--bco:100%;border-color:#84bdff!important}.prompt_node_border_color__selected{--bco:100%;border-color:#51a0fe!important}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -706,6 +730,22 @@ var update = add("6de67338", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 212:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(539);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(402)/* ["default"] */ .Z)
+var update = add("1148b8a2", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 9:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -1120,6 +1160,7 @@ __webpack_require__.d(__webpack_exports__, {
   "DtRecipeComboboxMultiSelect": () => (/* reexport */ combobox_multi_select),
   "DtRecipeComboboxWithPopover": () => (/* reexport */ combobox_with_popover),
   "DtRecipeContactInfo": () => (/* reexport */ contact_info),
+  "DtRecipeIvrNode": () => (/* reexport */ ivr_node),
   "DtRecipeTopBannerInfo": () => (/* reexport */ top_banner_info),
   "DtRootLayout": () => (/* reexport */ root_layout),
   "DtSelectMenu": () => (/* reexport */ select_menu),
@@ -1137,6 +1178,16 @@ __webpack_require__.d(__webpack_exports__, {
   "DtValidationMessages": () => (/* reexport */ validation_messages),
   "INPUT_SIZES": () => (/* reexport */ INPUT_SIZES),
   "INPUT_TYPES": () => (/* reexport */ INPUT_TYPES),
+  "IVR_NODE_BRANCH": () => (/* reexport */ IVR_NODE_BRANCH),
+  "IVR_NODE_EXPERT": () => (/* reexport */ IVR_NODE_EXPERT),
+  "IVR_NODE_GO_TO": () => (/* reexport */ IVR_NODE_GO_TO),
+  "IVR_NODE_HANGUP": () => (/* reexport */ IVR_NODE_HANGUP),
+  "IVR_NODE_ICON_TYPES": () => (/* reexport */ IVR_NODE_ICON_TYPES),
+  "IVR_NODE_LABELS": () => (/* reexport */ IVR_NODE_LABELS),
+  "IVR_NODE_PROMPT_COLLECT": () => (/* reexport */ IVR_NODE_PROMPT_COLLECT),
+  "IVR_NODE_PROMPT_MENU": () => (/* reexport */ IVR_NODE_PROMPT_MENU),
+  "IVR_NODE_PROMPT_PLAY": () => (/* reexport */ IVR_NODE_PROMPT_PLAY),
+  "IVR_NODE_TRANSFER": () => (/* reexport */ IVR_NODE_TRANSFER),
   "LINK_KIND_MODIFIERS": () => (/* reexport */ LINK_KIND_MODIFIERS),
   "LINK_VARIANTS": () => (/* reexport */ LINK_VARIANTS),
   "MODAL_KIND_MODIFIERS": () => (/* reexport */ MODAL_KIND_MODIFIERS),
@@ -1302,13 +1353,13 @@ const FOCUSABLE_SELECTOR_NOT_HIDDEN = 'input:not([type=hidden]):not(:disabled)';
 
 const FOCUSABLE_SELECTOR_NOT_DISABLED = 'select:not(:disabled),textarea:not(:disabled),button:not(:disabled)'; // // selector to find focusable not hidden and disabled elements
 
-const FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED = "".concat(FOCUSABLE_SELECTOR_NOT_HIDDEN, ",").concat(FOCUSABLE_SELECTOR_NOT_DISABLED); // selector to find focusable elements
+const FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED = `${FOCUSABLE_SELECTOR_NOT_HIDDEN},${FOCUSABLE_SELECTOR_NOT_DISABLED}`; // selector to find focusable elements
 
-const FOCUSABLE_SELECTOR = "a,frame,iframe,".concat(FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED, ",*[tabindex]");
+const FOCUSABLE_SELECTOR = `a,frame,iframe,${FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED},*[tabindex]`;
 const scheduler = typeof setImmediate === 'function' ? setImmediate : setTimeout;
 function getUniqueString() {
   let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_PREFIX;
-  return "".concat(prefix).concat(UNIQUE_ID_COUNTER++);
+  return `${prefix}${UNIQUE_ID_COUNTER++}`;
 }
 function formatMessages(messages) {
   if (!messages) {
@@ -1389,7 +1440,7 @@ const htmlFragment = {
         this.$createElement = h;
       },
 
-      template: "<div>".concat(ctx.props.html, "</div>")
+      template: `<div>${ctx.props.html}</div>`
     }).$mount()._vnode.children;
   }
 
@@ -2123,7 +2174,11 @@ const INVALID_COMBINATION = [{
 }];
 
 function _invalidCombinationMessage(circle, kind, importance) {
-  return "You cannot have a ".concat(circle ? 'circle ' : '', "button with kind: ").concat(kind, " and importance: ").concat(importance, " as it does not exist in our design system. See https://dialpad.design/components/button for a list of available button styles");
+  return `You cannot have a ${circle ? 'circle ' : ''}button \
+with kind: ${kind} and importance: ${importance} as it \
+does not exist in our design system. \
+See https://dialpad.design/components/button for a \
+list of available button styles`;
 }
 
 /* harmony default export */ const button_constants = ({
@@ -2550,8 +2605,8 @@ var notice_action_component = normalizeComponent(
 /* harmony default export */ const notice_action = (notice_action_component.exports);
 ;// CONCATENATED MODULE: ./common/mixins/modal.js
 const focusableAttrs = ':not(:disabled):not([aria-disabled="true"])';
-const tabbableAttrs = "".concat(focusableAttrs, ":not([tabindex=\"-1\"])");
-const focusableElementsList = "button,[href],input,select,textarea,details,[tabindex]";
+const tabbableAttrs = `${focusableAttrs}:not([tabindex="-1"])`;
+const focusableElementsList = `button,[href],input,select,textarea,details,[tabindex]`;
 /**
  * this mixin provides the methods to automatically trap tab focus within
  * the component this mixin is on, meaning it is not possible to tab out
@@ -2866,7 +2921,8 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
 
     bannerBackgroundImage() {
       if (this.backgroundImage === '') return null;
-      return "background-image: url(".concat(this.backgroundImage, ");\n              background-size: ").concat(this.backgroundSize, ";");
+      return `background-image: url(${this.backgroundImage});
+              background-size: ${this.backgroundSize};`;
     }
 
   },
@@ -3203,7 +3259,7 @@ var breadcrumb_item_component = normalizeComponent(
 
   methods: {
     getBreadcrumbItemKey(index) {
-      return "breadcrumbs-item-".concat(index, "-").concat(utils.getUniqueString());
+      return `breadcrumbs-item-${index}-${utils.getUniqueString()}`;
     }
 
   }
@@ -3656,7 +3712,7 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
           return null;
         }
 
-        return Array.from(listElement.querySelectorAll("[role=\"".concat(listItemRole, "\"]")));
+        return Array.from(listElement.querySelectorAll(`[role="${listItemRole}"]`));
       },
 
       onUpKey() {
@@ -3759,8 +3815,8 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
           return;
         }
 
-        const listItems = Array.from(listElement.querySelectorAll("[role=\"".concat(listItemRole, "\"]")));
-        return listItems.indexOf(listElement.querySelector("#".concat(id)));
+        const listItems = Array.from(listElement.querySelectorAll(`[role="${listItemRole}"]`));
+        return listItems.indexOf(listElement.querySelector(`#${id}`));
       },
 
       _getItemId(index) {
@@ -3772,7 +3828,7 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
           return;
         }
 
-        return (_listElement$querySel = listElement.querySelectorAll("[role=\"".concat(listItemRole, "\"]"))[index]) === null || _listElement$querySel === void 0 ? void 0 : _listElement$querySel.id;
+        return (_listElement$querySel = listElement.querySelectorAll(`[role="${listItemRole}"]`)[index]) === null || _listElement$querySel === void 0 ? void 0 : _listElement$querySel.id;
       },
 
       scrollActiveItemIntoViewIfNeeded() {
@@ -4220,8 +4276,8 @@ const SKELETON_HEADING_HEIGHTS = {
 
       const animationDelay = this.skeletonOffset * SKELETON_RIPPLE_DURATION / 1000;
       const animationDuration = this.animationDuration === -1 ? 1000 : this.animationDuration;
-      style.animationDelay = "".concat(animationDelay, "ms");
-      style.animationDuration = "".concat(animationDuration, "ms");
+      style.animationDelay = `${animationDelay}ms`;
+      style.animationDuration = `${animationDuration}ms`;
       return style;
     }
 
@@ -4558,7 +4614,7 @@ const validator = number => number !== '' && !Number.isNaN(Number(number));
     randomWidthPercentage() {
       const min = Math.min(this.minWidth, this.maxWidth);
       const max = Math.max(this.minWidth, this.maxWidth);
-      return "".concat(Math.round(Math.random() * (max - min)) + min, "%");
+      return `${Math.round(Math.random() * (max - min)) + min}%`;
     },
 
     getSizeParagraphRow(row) {
@@ -4817,10 +4873,10 @@ var skeleton_list_item_component = normalizeComponent(
       });
 
       if (filtered.length >= 2) {
-        const errorMessage = "Use only one of ".concat(filtered.map(_ref2 => {
+        const errorMessage = `Use only one of ${filtered.map(_ref2 => {
           let [key] = _ref2;
           return key;
-        }).join(' | '), " options at the same time");
+        }).join(' | ')} options at the same time`;
         console.error(errorMessage);
       }
     }
@@ -5242,7 +5298,7 @@ var combobox_empty_list_component = normalizeComponent(
     getListElement() {
       var _this$outsideRendered, _this$$refs$listWrapp;
 
-      return (_this$outsideRendered = this.outsideRenderedListRef) !== null && _this$outsideRendered !== void 0 ? _this$outsideRendered : (_this$$refs$listWrapp = this.$refs.listWrapper) === null || _this$$refs$listWrapp === void 0 ? void 0 : _this$$refs$listWrapp.querySelector("#".concat(this.listId));
+      return (_this$outsideRendered = this.outsideRenderedListRef) !== null && _this$outsideRendered !== void 0 ? _this$outsideRendered : (_this$$refs$listWrapp = this.$refs.listWrapper) === null || _this$$refs$listWrapp === void 0 ? void 0 : _this$$refs$listWrapp.querySelector(`#${this.listId}`);
     },
 
     clearHighlightIndex() {
@@ -5296,7 +5352,8 @@ var combobox_empty_list_component = normalizeComponent(
 
     validateEmptyListProps() {
       if (this.emptyList && !this.emptyStateMessage || !this.emptyList && this.emptyStateMessage) {
-        console.error("Invalid props: you must pass both props emptyList and emptyStateMessage to show the\n      empty message.");
+        console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
+      empty message.`);
       }
     }
 
@@ -5433,7 +5490,7 @@ var collapsible_lazy_showvue_type_template_id_22ec4864_staticRenderFns = []
     enter(element) {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          element.style.height = "".concat(element.scrollHeight, "px");
+          element.style.height = `${element.scrollHeight}px`;
         });
       });
     },
@@ -5451,7 +5508,7 @@ var collapsible_lazy_showvue_type_template_id_22ec4864_staticRenderFns = []
     beforeLeave(element) {
       requestAnimationFrame(() => {
         if (!element.style.height) {
-          element.style.height = "".concat(element.offsetHeight, "px");
+          element.style.height = `${element.offsetHeight}px`;
         }
       });
     },
@@ -11516,7 +11573,7 @@ var popover_header_footer_component = normalizeComponent(
 
     async setPopoverContentAnchorWidth() {
       await this.$nextTick();
-      this.popoverContentEl.style.width = "".concat(this.anchorEl.clientWidth, "px");
+      this.popoverContentEl.style.width = `${this.anchorEl.clientWidth}px`;
     },
 
     focusFirstElementIfNeeded(domEl) {
@@ -12222,7 +12279,7 @@ function validationMessageValidator(rawMessages) {
   },
   methods: {
     getMessageKey(type, index) {
-      return "validation-message-".concat(type, "-").concat(index, "-").concat(this.id);
+      return `validation-message-${type}-${index}-${this.id}`;
     },
 
     messageTypeClass(type) {
@@ -12567,7 +12624,7 @@ const GroupableMixin = {
     const reactiveGroupName = (_this$groupContext5 = this.groupContext) === null || _this$groupContext5 === void 0 ? void 0 : _this$groupContext5.name;
 
     if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {
-      external_commonjs_vue_commonjs2_vue_root_Vue_default().util.warn('Component is being used inside a Group. Did you mean to override the name prop value ' + "(".concat(reactiveGroupName, ") with (").concat(this.name, ")? It is recommended to only set name at the Group level."), this);
+      external_commonjs_vue_commonjs2_vue_root_Vue_default().util.warn('Component is being used inside a Group. Did you mean to override the name prop value ' + `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`, this);
     }
   }
 
@@ -12978,7 +13035,7 @@ const MessagesMixin = {
     },
 
     descriptionKey() {
-      return "input-description-".concat(getUniqueString());
+      return `input-description-${getUniqueString()}`;
     },
 
     inputState() {
@@ -13164,7 +13221,7 @@ const MessagesMixin = {
     },
 
     getMessageKey(type, index) {
-      return "message-".concat(type, "-").concat(index);
+      return `message-${type}-${index}`;
     },
 
     validateLength(length) {
@@ -13469,7 +13526,7 @@ const InputGroupMixin = {
   },
   methods: {
     getMessageKey(type, index) {
-      return "input-group-message-".concat(type, "-").concat(index, "-").concat(this.id);
+      return `input-group-message-${type}-${index}-${this.id}`;
     }
 
   }
@@ -13798,7 +13855,7 @@ const MODAL_SIZE_MODIFIERS = {
 
   computed: {
     open() {
-      return "".concat(!this.show);
+      return `${!this.show}`;
     },
 
     hasFooterSlot() {
@@ -14770,7 +14827,7 @@ var radio_component = normalizeComponent(
     },
 
     getMessageKey(type, index) {
-      return "radio-group-message-".concat(type, "-").concat(index, "-").concat(this.id);
+      return `radio-group-message-${type}-${index}-${this.id}`;
     }
 
   }
@@ -15093,7 +15150,7 @@ const TAB_IMPORTANCE_MODIFIERS = {
     },
 
     getIndexAndTabs() {
-      const index = this.tabs.findIndex(context => this.focusId ? context.id === "".concat(this.focusId) : context.isSelected);
+      const index = this.tabs.findIndex(context => this.focusId ? context.id === `${this.focusId}` : context.isSelected);
       return {
         tabs: this.tabs,
         index
@@ -15712,7 +15769,7 @@ var checkbox_component = normalizeComponent(
     },
 
     getMessageKey(type, index) {
-      return "checkbox-group-message-".concat(type, "-").concat(index, "-").concat(this.id);
+      return `checkbox-group-message-${type}-${index}-${this.id}`;
     }
 
   }
@@ -16313,7 +16370,7 @@ const optionsValidator = options => {
     },
 
     descriptionKey() {
-      return "select-".concat(this.selectKey, "-description");
+      return `select-${this.selectKey}-description`;
     },
 
     labelAriaDetails() {
@@ -16341,7 +16398,7 @@ const optionsValidator = options => {
     },
 
     getOptionKey(value) {
-      return "select-".concat(this.selectKey, "-option-").concat(value);
+      return `select-${this.selectKey}-option-${value}`;
     },
 
     validateOptionsPresence() {
@@ -16847,10 +16904,10 @@ var tooltipvue_type_template_id_2ae452d6_staticRenderFns = []
 
 const TOOLTIP_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
 const TOOLTIP_KIND_MODIFIERS = {
-  hover: "d-tooltip--hover",
-  show: "d-tooltip--show",
-  inverted: "d-tooltip--inverted",
-  hide: "d-tooltip--hide"
+  hover: `d-tooltip--hover`,
+  show: `d-tooltip--show`,
+  inverted: `d-tooltip--inverted`,
+  hide: `d-tooltip--hide`
 };
 const TOOLTIP_STICKY_VALUES = [...TIPPY_STICKY_VALUES];
 const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
@@ -17394,7 +17451,7 @@ const SHORTCUTS_ICON_ALIASES = {
 const SHORTCUTS_ICON_SEPARATOR = {
   '{plus}': 'IconAdd'
 };
-const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => "{".concat(key, "}")).concat(Object.keys(SHORTCUTS_ICON_ALIASES));
+const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => `{${key}}`).concat(Object.keys(SHORTCUTS_ICON_ALIASES));
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=script&lang=js&
 //
 //
@@ -17511,7 +17568,7 @@ const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => "{".con
          '{win} + D K + {win}' returned value will be [{win}, ' ', '{plus}', ' D K ', '{plus}', ' ', {win}]
       */
 
-      const regex = new RegExp("(".concat(iconAliasString, ")"), 'gi');
+      const regex = new RegExp(`(${iconAliasString})`, 'gi');
       return this.formattedShortcut.split(regex).filter(Boolean);
     }
 
@@ -19097,9 +19154,9 @@ var callbar_button_component = normalizeComponent(
 /* harmony default export */ const callbar_button = (callbar_button_component.exports);
 ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=template&id=d1e0f278&
-var callbar_button_with_popovervue_type_template_id_d1e0f278_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-recipe--callbar-button-with-popover--button"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(!_vm.disabled)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"disabled":_vm.disabled,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"padding":"none","dialog-class":"d-h464 d-w512 dt-recipe--callbar-button-with-popover--popover","header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{staticClass:"dt-recipe--callbar-button-with-popover--arrow",attrs:{"circle":"","importance":"clear","size":"lg","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-arrow-drop-up',{staticClass:"d-svg--size-16"})]},proxy:true}],null,false,2876394386)})]},proxy:true}],null,false,4054443748)},'dt-popover',_vm.$attrs,false),[_vm._t("content",null,{"slot":"content"}),_vm._t("headerContent",null,{"slot":"headerContent"}),_vm._t("footerContent",null,{"slot":"footerContent"})],2):_vm._e()],1)}
-var callbar_button_with_popovervue_type_template_id_d1e0f278_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=template&id=59ea5c82&
+var callbar_button_with_popovervue_type_template_id_59ea5c82_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-recipe--callbar-button-with-popover--button"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(!_vm.disabled)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"disabled":_vm.disabled,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"padding":"none","dialog-class":"d-h464 d-w512 dt-recipe--callbar-button-with-popover--popover","header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{staticClass:"dt-recipe--callbar-button-with-popover--arrow",attrs:{"circle":"","importance":"clear","size":"lg","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-arrow-drop-up',{staticClass:"d-svg--size-16"})]},proxy:true}],null,false,2876394386)})]},proxy:true}],null,false,4054443748)},'dt-popover',_vm.$attrs,false),[_vm._t("content",null,{"slot":"content"}),_vm._t("headerContent",null,{"slot":"headerContent"}),_vm._t("footerContent",null,{"slot":"footerContent"})],2):_vm._e()],1)}
+var callbar_button_with_popovervue_type_template_id_59ea5c82_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDropUp.vue?vue&type=template&id=65ee6042&
@@ -19365,8 +19422,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
 
 var callbar_button_with_popover_component = normalizeComponent(
   callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
-  callbar_button_with_popovervue_type_template_id_d1e0f278_render,
-  callbar_button_with_popovervue_type_template_id_d1e0f278_staticRenderFns,
+  callbar_button_with_popovervue_type_template_id_59ea5c82_render,
+  callbar_button_with_popovervue_type_template_id_59ea5c82_staticRenderFns,
   false,
   null,
   null,
@@ -19687,6 +19744,507 @@ var top_banner_info_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/index.js
 
 
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/cards/ivr_node/ivr_node.vue?vue&type=template&id=2873a082&
+var ivr_nodevue_type_template_id_2873a082_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g({staticClass:"d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"},_vm.$listeners),[(_vm.dtmfKey)?_c('div',{staticClass:"d-zi-base1 d-ai-center d-jc-center d-d-flex d-w24 d-h24 d-bar-circle d-bc-purple-800 d-bgc-purple-800 d-mbn12 d-fc-white d-fs14",class:{ 'd-mbn16': _vm.isSelected },attrs:{"data-qa":"dt-top-connector-dtmf"}},[_vm._v(" "+_vm._s(_vm.dtmfKey)+" ")]):_c('div',{staticClass:"d-zi-base1 d-d-flex d-w8 d-h8 d-bar-circle d-bc-purple-800 d-bgc-purple-800 d-mbn4",class:{ 'd-mbn8': _vm.isSelected },attrs:{"data-qa":"dt-top-connector"}}),_c('dt-card',{attrs:{"content-class":"d-bt d-bc-black-075 d-px12 d-pt8 d-pb12","container-class":[
+      'd-w100p',
+      { 'd-ba d-bar8 d-baw4': _vm.isSelected },
+      _vm.headerColor ],"header-class":[
+      'd-mtn1',
+      'd-bt',
+      'd-btw4',
+      'd-p0',
+      _vm.headerColor,
+      { 'd-btr4': !_vm.isSelected } ]},scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-button',{attrs:{"aria-label":_vm.nodeType,"importance":"clear","data-qa":"dt-ivr-node-icon"},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c(_vm.nodeIcon,{tag:"component",staticClass:"d-fc-black-900"})]},proxy:true}])}),_c('p',{staticClass:"d-fs14 d-fw-bold",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","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('icon-menu-vertical',{staticClass:"d-fc-black-900"})]},proxy:true}])})]},proxy:true},{key:"list",fn:function(){return [_c('div',{staticClass:"d-w164"},[_vm._t("menuItems")],2)]},proxy:true}],null,true)})]},proxy:true},{key:"content",fn:function(){return [_vm._t("content")]},proxy:true}],null,true)})],1)}
+var ivr_nodevue_type_template_id_2873a082_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconMenuVertical.vue?vue&type=template&id=7bb36528&
+var IconMenuVerticalvue_type_template_id_7bb36528_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__menuVertical",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Menu Vertical","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"}})])}
+var IconMenuVerticalvue_type_template_id_7bb36528_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconMenuVertical.vue
+
+var IconMenuVertical_script = {}
+
+
+/* normalize component */
+;
+var IconMenuVertical_component = normalizeComponent(
+  IconMenuVertical_script,
+  IconMenuVerticalvue_type_template_id_7bb36528_render,
+  IconMenuVerticalvue_type_template_id_7bb36528_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconMenuVertical = (IconMenuVertical_component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialpad.vue?vue&type=template&id=523e1cca&
+var IconDialpadvue_type_template_id_523e1cca_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__dialpad",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Dialpad","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M6 4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12-8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm-6 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"}})])}
+var IconDialpadvue_type_template_id_523e1cca_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialpad.vue
+
+var IconDialpad_script = {}
+
+
+/* normalize component */
+;
+var IconDialpad_component = normalizeComponent(
+  IconDialpad_script,
+  IconDialpadvue_type_template_id_523e1cca_render,
+  IconDialpadvue_type_template_id_523e1cca_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconDialpad = (IconDialpad_component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneDialer.vue?vue&type=template&id=be0e06dc&
+var IconPhoneDialervue_type_template_id_be0e06dc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__phoneDialer",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Phone Dialer","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M16.48 14.82c1.11.36 2.3.56 3.53.56.54 0 .99.45.99.99v3.45c0 .55-.28 1.18-.99 1.18C10.73 21 3 13.28 3 3.99 3 3.24 3.65 3 4.19 3h3.46c.54 0 .99.45.99.99 0 1.23.19 2.42.56 3.53.11.35.03.74-.24 1.02L7.01 10.2c1.41 2.93 4.06 5.48 6.89 6.83l1.57-1.97c.27-.27.66-.36 1.01-.24Z"}}),_c('path',{attrs:{"d":"M20 6h-8v1h8V6Zm0-2h-8v1h8V4Zm-8 7h4v-1h-4v1Z"}}),_c('path',{attrs:{"d":"M12 8h8v1h-8V8Z"}})])}
+var IconPhoneDialervue_type_template_id_be0e06dc_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneDialer.vue
+
+var IconPhoneDialer_script = {}
+
+
+/* normalize component */
+;
+var IconPhoneDialer_component = normalizeComponent(
+  IconPhoneDialer_script,
+  IconPhoneDialervue_type_template_id_be0e06dc_render,
+  IconPhoneDialervue_type_template_id_be0e06dc_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconPhoneDialer = (IconPhoneDialer_component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconVolumeUp.vue?vue&type=template&id=6e71f4fc&
+var IconVolumeUpvue_type_template_id_6e71f4fc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__volumeUp",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Volume Up","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M3 9v6h4l5 5V4L7 9H3Zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02ZM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77Z"}})])}
+var IconVolumeUpvue_type_template_id_6e71f4fc_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconVolumeUp.vue
+
+var IconVolumeUp_script = {}
+
+
+/* normalize component */
+;
+var IconVolumeUp_component = normalizeComponent(
+  IconVolumeUp_script,
+  IconVolumeUpvue_type_template_id_6e71f4fc_render,
+  IconVolumeUpvue_type_template_id_6e71f4fc_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconVolumeUp = (IconVolumeUp_component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneTransfer.vue?vue&type=template&id=67939a33&
+var IconPhoneTransfervue_type_template_id_67939a33_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__phoneTransfer",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Phone Transfer","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M16.48 14.82c1.11.36 2.3.56 3.53.56.54 0 .99.45.99.99v3.45c0 .55-.28 1.18-.99 1.18C10.73 21 3 13.28 3 3.99 3 3.24 3.65 3 4.19 3h3.46c.54 0 .99.45.99.99 0 1.23.19 2.42.56 3.53.11.35.03.74-.24 1.02L7.01 10.2c1.41 2.93 4.06 5.48 6.89 6.83l1.57-1.97c.27-.27.66-.36 1.01-.24Z"}}),_c('path',{attrs:{"d":"M15.49 4.75V3L13 5.5 15.49 8V6.25H21v-1.5h-5.51Z"}}),_c('path',{attrs:{"d":"M18.51 9H13v1.5h5.51v1.75L21 9.75l-2.49-2.5V9Z"}})])}
+var IconPhoneTransfervue_type_template_id_67939a33_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneTransfer.vue
+
+var IconPhoneTransfer_script = {}
+
+
+/* normalize component */
+;
+var IconPhoneTransfer_component = normalizeComponent(
+  IconPhoneTransfer_script,
+  IconPhoneTransfervue_type_template_id_67939a33_render,
+  IconPhoneTransfervue_type_template_id_67939a33_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconPhoneTransfer = (IconPhoneTransfer_component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallEndArrow.vue?vue&type=template&id=9ec0258e&
+var IconCallEndArrowvue_type_template_id_9ec0258e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__callEndArrow",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Call End Arrow","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 7c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 11.08a.956.956 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 6.78 7.46 5 12 5c4.54 0 8.66 1.78 11.71 4.67.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 7.25 13.6 7 12 7Z"}}),_c('path',{attrs:{"d":"M15.59 16.09 13 18.67V11h-2v7.67l-2.59-2.58L7 17.5l5 5 5-5-1.41-1.41Z"}})])}
+var IconCallEndArrowvue_type_template_id_9ec0258e_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallEndArrow.vue
+
+var IconCallEndArrow_script = {}
+
+
+/* normalize component */
+;
+var IconCallEndArrow_component = normalizeComponent(
+  IconCallEndArrow_script,
+  IconCallEndArrowvue_type_template_id_9ec0258e_render,
+  IconCallEndArrowvue_type_template_id_9ec0258e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconCallEndArrow = (IconCallEndArrow_component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallMerge.vue?vue&type=template&id=2c6dac0e&
+var IconCallMergevue_type_template_id_2c6dac0e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__callMerge",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Call Merge","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M17 20.41 18.41 19 15 15.59 13.59 17 17 20.41ZM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8Z"}})])}
+var IconCallMergevue_type_template_id_2c6dac0e_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallMerge.vue
+
+var IconCallMerge_script = {}
+
+
+/* normalize component */
+;
+var IconCallMerge_component = normalizeComponent(
+  IconCallMerge_script,
+  IconCallMergevue_type_template_id_2c6dac0e_render,
+  IconCallMergevue_type_template_id_2c6dac0e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconCallMerge = (IconCallMerge_component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconExpertNode.vue?vue&type=template&id=7bb944b9&
+var IconExpertNodevue_type_template_id_7bb944b9_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__expertNode",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Expert Node","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M18 5H6a1 1 0 0 0-1 1v4.25c0 .414.336.75.75.75h5.42L9.126 8.946l1.41-1.41L15 12l-4.464 4.465-1.41-1.41L11.17 13H5.25A2.25 2.25 0 0 1 3 10.75V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-3h2v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1Z"}})])}
+var IconExpertNodevue_type_template_id_7bb944b9_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconExpertNode.vue
+
+var IconExpertNode_script = {}
+
+
+/* normalize component */
+;
+var IconExpertNode_component = normalizeComponent(
+  IconExpertNode_script,
+  IconExpertNodevue_type_template_id_7bb944b9_render,
+  IconExpertNodevue_type_template_id_7bb944b9_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconExpertNode = (IconExpertNode_component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconBranch.vue?vue&type=template&id=71269722&
+var IconBranchvue_type_template_id_71269722_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__branch",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Branch","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd","d":"M13 7.83a3.001 3.001 0 1 0-2 0V10H7a3 3 0 0 0-3 3v.17a3.001 3.001 0 1 0 2 0V13a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v3.17a3.001 3.001 0 1 0 2 0V13a3 3 0 0 0-3-3h-4V7.83ZM13 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM5 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm15 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"}})])}
+var IconBranchvue_type_template_id_71269722_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconBranch.vue
+
+var IconBranch_script = {}
+
+
+/* normalize component */
+;
+var IconBranch_component = normalizeComponent(
+  IconBranch_script,
+  IconBranchvue_type_template_id_71269722_render,
+  IconBranchvue_type_template_id_71269722_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconBranch = (IconBranch_component.exports);
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node_constants.js
+
+
+
+
+
+
+
+
+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_ICON_TYPES = {
+  [IVR_NODE_PROMPT_MENU]: IconDialpad,
+  [IVR_NODE_PROMPT_COLLECT]: IconPhoneDialer,
+  [IVR_NODE_PROMPT_PLAY]: IconVolumeUp,
+  [IVR_NODE_EXPERT]: IconExpertNode,
+  [IVR_NODE_BRANCH]: IconBranch,
+  [IVR_NODE_GO_TO]: IconCallMerge,
+  [IVR_NODE_TRANSFER]: IconPhoneTransfer,
+  [IVR_NODE_HANGUP]: IconCallEndArrow
+};
+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'
+};
+const IVR_NODE_COLORS = {
+  PROMPT: {
+    normal: 'prompt_node_border_color',
+    selected: 'prompt_node_border_color__selected'
+  },
+  LOGIC: {
+    normal: 'd-bc-purple-200',
+    selected: 'd-bc-purple-500'
+  },
+  TERMINAL: {
+    normal: 'd-bc-red-200',
+    selected: 'd-bc-red-400'
+  }
+};
+const IVR_NODE_COLOR_MAPPING = {
+  [IVR_NODE_PROMPT_MENU]: IVR_NODE_COLORS.PROMPT,
+  [IVR_NODE_PROMPT_COLLECT]: IVR_NODE_COLORS.PROMPT,
+  [IVR_NODE_PROMPT_PLAY]: IVR_NODE_COLORS.PROMPT,
+  [IVR_NODE_EXPERT]: IVR_NODE_COLORS.LOGIC,
+  [IVR_NODE_BRANCH]: IVR_NODE_COLORS.LOGIC,
+  [IVR_NODE_GO_TO]: IVR_NODE_COLORS.LOGIC,
+  [IVR_NODE_TRANSFER]: IVR_NODE_COLORS.TERMINAL,
+  [IVR_NODE_HANGUP]: IVR_NODE_COLORS.TERMINAL
+};
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/cards/ivr_node/ivr_node.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ const ivr_nodevue_type_script_lang_js_ = ({
+  name: 'DtRecipeIvrNode',
+  components: {
+    DtCard: card,
+    DtButton: button_button,
+    DtDropdown: dropdown,
+    IconMenuVertical: IconMenuVertical
+  },
+  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 IVR_NODE_ICON_TYPES[this.nodeType];
+    },
+
+    headerColor() {
+      const {
+        normal,
+        selected
+      } = IVR_NODE_COLOR_MAPPING[this.nodeType];
+      return this.isSelected ? selected : normal;
+    }
+
+  },
+  methods: {
+    openMenu() {
+      this.isOpen = true;
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue?vue&type=script&lang=js&
+ /* harmony default export */ const ivr_node_ivr_nodevue_type_script_lang_js_ = (ivr_nodevue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32[0].rules[0].use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/cards/ivr_node/ivr_node.vue?vue&type=style&index=0&lang=less&
+var ivr_nodevue_type_style_index_0_lang_less_ = __webpack_require__(212);
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue?vue&type=style&index=0&lang=less&
+
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var ivr_node_component = normalizeComponent(
+  ivr_node_ivr_nodevue_type_script_lang_js_,
+  ivr_nodevue_type_template_id_2873a082_render,
+  ivr_nodevue_type_template_id_2873a082_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const ivr_node = (ivr_node_component.exports);
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/index.js
+
+
 ;// CONCATENATED MODULE: ./common/mixins/index.js
 
 
@@ -19733,6 +20291,7 @@ var top_banner_info_component = normalizeComponent(
 
 
 
+
  // Mixins
 
  // Constants