@dialpad/dialtone-vue 3.16.0 → 3.17.0

package/dist/dialtone-vue.common.js

@@ -287,6 +287,30 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".tippy-box[data-popper-escaped] .d-too
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 987:
+/***/ ((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_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_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___);
+
+
 /***/ }),
 
 /***/ 239:
@@ -646,6 +670,22 @@ var update = add("5de7b68a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 866:
+/***/ ((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__(987);
+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("1ce953ea", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 260:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -1058,6 +1098,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),
@@ -1075,6 +1116,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),
@@ -17754,6 +17805,527 @@ const top_banner_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(to
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/index.js
 
 
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/cards/ivr_node/ivr_node.vue?vue&type=template&id=6ffb5756
+
+const ivr_nodevue_type_template_id_6ffb5756_hoisted_1 = {
+  class: "d-d-flex d-ai-center"
+};
+const ivr_nodevue_type_template_id_6ffb5756_hoisted_2 = {
+  class: "d-fs14 d-fw-bold",
+  "data-qa": "ivr-node-label"
+};
+const ivr_nodevue_type_template_id_6ffb5756_hoisted_3 = {
+  class: "d-w164"
+};
+function ivr_nodevue_type_template_id_6ffb5756_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
+
+  const _component_icon_menu_vertical = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-menu-vertical");
+
+  const _component_dt_dropdown = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-dropdown");
+
+  const _component_dt_card = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-card");
+
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    class: "d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.nodeListeners, true)), [$props.dtmfKey ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+    key: 0,
+    "data-qa": "dt-top-connector-dtmf",
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["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", {
+      'd-mbn16': $props.isSelected
+    }])
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.dtmfKey), 3)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+    key: 1,
+    "data-qa": "dt-top-connector",
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["d-zi-base1 d-d-flex d-w8 d-h8 d-bar-circle d-bc-purple-800 d-bgc-purple-800 d-mbn4", {
+      'd-mbn8': $props.isSelected
+    }])
+  }, null, 2)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_card, {
+    "content-class": "d-bt d-bc-black-075 d-px12 d-pt8 d-pb12",
+    "container-class": ['d-w100p', {
+      'd-ba d-bar8 d-baw4': $props.isSelected
+    }, $options.headerColor],
+    "header-class": ['d-mtn1', 'd-bt', 'd-btw4', 'd-p0', $options.headerColor, {
+      'd-btr4': !$props.isSelected
+    }]
+  }, {
+    header: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ivr_nodevue_type_template_id_6ffb5756_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
+      "aria-label": $props.nodeType,
+      importance: "clear",
+      "data-qa": "dt-ivr-node-icon"
+    }, {
+      icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($options.nodeIcon), {
+        class: "d-fc-black-900"
+      }))]),
+      _: 1
+    }, 8, ["aria-label"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", ivr_nodevue_type_template_id_6ffb5756_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.nodeLabel), 1)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_dropdown, {
+      open: $data.isOpen,
+      "onUpdate:open": _cache[0] || (_cache[0] = $event => $data.isOpen = $event),
+      placement: "bottom"
+    }, {
+      anchor: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
+        importance: "clear",
+        "aria-label": $props.menuButtonAriaLabel,
+        onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($options.openMenu, ["stop", "prevent"])
+      }, {
+        icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_icon_menu_vertical, {
+          class: "d-fc-black-900"
+        })]),
+        _: 1
+      }, 8, ["aria-label", "onClick"])]),
+      list: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ivr_nodevue_type_template_id_6ffb5756_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "menuItems")])]),
+      _: 3
+    }, 8, ["open"])]),
+    content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content")]),
+    _: 3
+  }, 8, ["container-class", "header-class"])], 16);
+}
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue?vue&type=template&id=6ffb5756
+
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconMenuVertical.vue?vue&type=template&id=7bb36528
+
+
+const IconMenuVerticalvue_type_template_id_7bb36528_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Menu Vertical",
+  class: "d-svg d-svg--system d-svg__menuVertical",
+  viewBox: "0 0 24 24"
+}
+const IconMenuVerticalvue_type_template_id_7bb36528_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { 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" }, null, -1)
+const IconMenuVerticalvue_type_template_id_7bb36528_hoisted_3 = [
+  IconMenuVerticalvue_type_template_id_7bb36528_hoisted_2
+]
+
+function IconMenuVerticalvue_type_template_id_7bb36528_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconMenuVerticalvue_type_template_id_7bb36528_hoisted_1, IconMenuVerticalvue_type_template_id_7bb36528_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconMenuVertical.vue?vue&type=template&id=7bb36528
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconMenuVertical.vue
+
+const IconMenuVertical_script = {}
+
+;
+const IconMenuVertical_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconMenuVertical_script, [['render',IconMenuVerticalvue_type_template_id_7bb36528_render]])
+
+/* harmony default export */ const IconMenuVertical = (IconMenuVertical_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialpad.vue?vue&type=template&id=523e1cca
+
+
+const IconDialpadvue_type_template_id_523e1cca_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Dialpad",
+  class: "d-svg d-svg--system d-svg__dialpad",
+  viewBox: "0 0 24 24"
+}
+const IconDialpadvue_type_template_id_523e1cca_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { 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" }, null, -1)
+const IconDialpadvue_type_template_id_523e1cca_hoisted_3 = [
+  IconDialpadvue_type_template_id_523e1cca_hoisted_2
+]
+
+function IconDialpadvue_type_template_id_523e1cca_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconDialpadvue_type_template_id_523e1cca_hoisted_1, IconDialpadvue_type_template_id_523e1cca_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialpad.vue?vue&type=template&id=523e1cca
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialpad.vue
+
+const IconDialpad_script = {}
+
+;
+const IconDialpad_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconDialpad_script, [['render',IconDialpadvue_type_template_id_523e1cca_render]])
+
+/* harmony default export */ const IconDialpad = (IconDialpad_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneDialer.vue?vue&type=template&id=be0e06dc
+
+
+const IconPhoneDialervue_type_template_id_be0e06dc_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Phone Dialer",
+  class: "d-svg d-svg--system d-svg__phoneDialer",
+  viewBox: "0 0 24 24"
+}
+const IconPhoneDialervue_type_template_id_be0e06dc_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { 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" }, null, -1)
+const IconPhoneDialervue_type_template_id_be0e06dc_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M20 6h-8v1h8V6Zm0-2h-8v1h8V4Zm-8 7h4v-1h-4v1Z" }, null, -1)
+const IconPhoneDialervue_type_template_id_be0e06dc_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M12 8h8v1h-8V8Z" }, null, -1)
+const IconPhoneDialervue_type_template_id_be0e06dc_hoisted_5 = [
+  IconPhoneDialervue_type_template_id_be0e06dc_hoisted_2,
+  IconPhoneDialervue_type_template_id_be0e06dc_hoisted_3,
+  IconPhoneDialervue_type_template_id_be0e06dc_hoisted_4
+]
+
+function IconPhoneDialervue_type_template_id_be0e06dc_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconPhoneDialervue_type_template_id_be0e06dc_hoisted_1, IconPhoneDialervue_type_template_id_be0e06dc_hoisted_5))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneDialer.vue?vue&type=template&id=be0e06dc
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneDialer.vue
+
+const IconPhoneDialer_script = {}
+
+;
+const IconPhoneDialer_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconPhoneDialer_script, [['render',IconPhoneDialervue_type_template_id_be0e06dc_render]])
+
+/* harmony default export */ const IconPhoneDialer = (IconPhoneDialer_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconVolumeUp.vue?vue&type=template&id=6e71f4fc
+
+
+const IconVolumeUpvue_type_template_id_6e71f4fc_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Volume Up",
+  class: "d-svg d-svg--system d-svg__volumeUp",
+  viewBox: "0 0 24 24"
+}
+const IconVolumeUpvue_type_template_id_6e71f4fc_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { 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" }, null, -1)
+const IconVolumeUpvue_type_template_id_6e71f4fc_hoisted_3 = [
+  IconVolumeUpvue_type_template_id_6e71f4fc_hoisted_2
+]
+
+function IconVolumeUpvue_type_template_id_6e71f4fc_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconVolumeUpvue_type_template_id_6e71f4fc_hoisted_1, IconVolumeUpvue_type_template_id_6e71f4fc_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconVolumeUp.vue?vue&type=template&id=6e71f4fc
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconVolumeUp.vue
+
+const IconVolumeUp_script = {}
+
+;
+const IconVolumeUp_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconVolumeUp_script, [['render',IconVolumeUpvue_type_template_id_6e71f4fc_render]])
+
+/* harmony default export */ const IconVolumeUp = (IconVolumeUp_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneTransfer.vue?vue&type=template&id=67939a33
+
+
+const IconPhoneTransfervue_type_template_id_67939a33_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Phone Transfer",
+  class: "d-svg d-svg--system d-svg__phoneTransfer",
+  viewBox: "0 0 24 24"
+}
+const IconPhoneTransfervue_type_template_id_67939a33_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { 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" }, null, -1)
+const IconPhoneTransfervue_type_template_id_67939a33_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M15.49 4.75V3L13 5.5 15.49 8V6.25H21v-1.5h-5.51Z" }, null, -1)
+const IconPhoneTransfervue_type_template_id_67939a33_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M18.51 9H13v1.5h5.51v1.75L21 9.75l-2.49-2.5V9Z" }, null, -1)
+const IconPhoneTransfervue_type_template_id_67939a33_hoisted_5 = [
+  IconPhoneTransfervue_type_template_id_67939a33_hoisted_2,
+  IconPhoneTransfervue_type_template_id_67939a33_hoisted_3,
+  IconPhoneTransfervue_type_template_id_67939a33_hoisted_4
+]
+
+function IconPhoneTransfervue_type_template_id_67939a33_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconPhoneTransfervue_type_template_id_67939a33_hoisted_1, IconPhoneTransfervue_type_template_id_67939a33_hoisted_5))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneTransfer.vue?vue&type=template&id=67939a33
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneTransfer.vue
+
+const IconPhoneTransfer_script = {}
+
+;
+const IconPhoneTransfer_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconPhoneTransfer_script, [['render',IconPhoneTransfervue_type_template_id_67939a33_render]])
+
+/* harmony default export */ const IconPhoneTransfer = (IconPhoneTransfer_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallEndArrow.vue?vue&type=template&id=9ec0258e
+
+
+const IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Call End Arrow",
+  class: "d-svg d-svg--system d-svg__callEndArrow",
+  viewBox: "0 0 24 24"
+}
+const IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { 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" }, null, -1)
+const IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M15.59 16.09 13 18.67V11h-2v7.67l-2.59-2.58L7 17.5l5 5 5-5-1.41-1.41Z" }, null, -1)
+const IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_4 = [
+  IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_2,
+  IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_3
+]
+
+function IconCallEndArrowvue_type_template_id_9ec0258e_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_1, IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_4))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallEndArrow.vue?vue&type=template&id=9ec0258e
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallEndArrow.vue
+
+const IconCallEndArrow_script = {}
+
+;
+const IconCallEndArrow_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconCallEndArrow_script, [['render',IconCallEndArrowvue_type_template_id_9ec0258e_render]])
+
+/* harmony default export */ const IconCallEndArrow = (IconCallEndArrow_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallMerge.vue?vue&type=template&id=2c6dac0e
+
+
+const IconCallMergevue_type_template_id_2c6dac0e_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Call Merge",
+  class: "d-svg d-svg--system d-svg__callMerge",
+  viewBox: "0 0 24 24"
+}
+const IconCallMergevue_type_template_id_2c6dac0e_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { 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" }, null, -1)
+const IconCallMergevue_type_template_id_2c6dac0e_hoisted_3 = [
+  IconCallMergevue_type_template_id_2c6dac0e_hoisted_2
+]
+
+function IconCallMergevue_type_template_id_2c6dac0e_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconCallMergevue_type_template_id_2c6dac0e_hoisted_1, IconCallMergevue_type_template_id_2c6dac0e_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallMerge.vue?vue&type=template&id=2c6dac0e
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallMerge.vue
+
+const IconCallMerge_script = {}
+
+;
+const IconCallMerge_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconCallMerge_script, [['render',IconCallMergevue_type_template_id_2c6dac0e_render]])
+
+/* harmony default export */ const IconCallMerge = (IconCallMerge_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconExpertNode.vue?vue&type=template&id=7bb944b9
+
+
+const IconExpertNodevue_type_template_id_7bb944b9_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Expert Node",
+  class: "d-svg d-svg--system d-svg__expertNode",
+  viewBox: "0 0 24 24"
+}
+const IconExpertNodevue_type_template_id_7bb944b9_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { 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" }, null, -1)
+const IconExpertNodevue_type_template_id_7bb944b9_hoisted_3 = [
+  IconExpertNodevue_type_template_id_7bb944b9_hoisted_2
+]
+
+function IconExpertNodevue_type_template_id_7bb944b9_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconExpertNodevue_type_template_id_7bb944b9_hoisted_1, IconExpertNodevue_type_template_id_7bb944b9_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconExpertNode.vue?vue&type=template&id=7bb944b9
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconExpertNode.vue
+
+const IconExpertNode_script = {}
+
+;
+const IconExpertNode_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconExpertNode_script, [['render',IconExpertNodevue_type_template_id_7bb944b9_render]])
+
+/* harmony default export */ const IconExpertNode = (IconExpertNode_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconBranch.vue?vue&type=template&id=71269722
+
+
+const IconBranchvue_type_template_id_71269722_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Branch",
+  class: "d-svg d-svg--system d-svg__branch",
+  viewBox: "0 0 24 24"
+}
+const IconBranchvue_type_template_id_71269722_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
+  "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"
+}, null, -1)
+const IconBranchvue_type_template_id_71269722_hoisted_3 = [
+  IconBranchvue_type_template_id_71269722_hoisted_2
+]
+
+function IconBranchvue_type_template_id_71269722_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconBranchvue_type_template_id_71269722_hoisted_1, IconBranchvue_type_template_id_71269722_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconBranch.vue?vue&type=template&id=71269722
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconBranch.vue
+
+const IconBranch_script = {}
+
+;
+const IconBranch_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconBranch_script, [['render',IconBranchvue_type_template_id_71269722_render]])
+
+/* harmony default export */ const IconBranch = (IconBranch_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.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./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: {
+    nodeListeners() {
+      return {
+        click: e => this.$emit('click', e)
+      };
+    },
+
+    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
+ 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/cards/ivr_node/ivr_node.vue?vue&type=style&index=0&id=6ffb5756&lang=less
+var ivr_nodevue_type_style_index_0_id_6ffb5756_lang_less = __webpack_require__(866);
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue?vue&type=style&index=0&id=6ffb5756&lang=less
+
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue
+
+
+
+
+;
+
+
+const ivr_node_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ivr_nodevue_type_script_lang_js, [['render',ivr_nodevue_type_template_id_6ffb5756_render]])
+
+/* harmony default export */ const ivr_node = (ivr_node_exports_);
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/index.js
+
+
 ;// CONCATENATED MODULE: ./common/mixins/index.js
 
 
@@ -17798,6 +18370,7 @@ const top_banner_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(to
 
 
 
+
  // Mixins
 
  // Constants