@dialpad/dialtone-vue 3.173.2 → 3.175.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/component-documentation.json +1 -1
- package/dist/recipes/conversation_view/editor/editor.vue.cjs +31 -2
- package/dist/recipes/conversation_view/editor/editor.vue.cjs.map +1 -1
- package/dist/recipes/conversation_view/editor/editor.vue.js +32 -3
- package/dist/recipes/conversation_view/editor/editor.vue.js.map +1 -1
- package/dist/recipes/leftbar/callbox/callbox.vue.cjs +6 -2
- package/dist/recipes/leftbar/callbox/callbox.vue.cjs.map +1 -1
- package/dist/recipes/leftbar/callbox/callbox.vue.js +7 -3
- package/dist/recipes/leftbar/callbox/callbox.vue.js.map +1 -1
- package/dist/types/recipes/conversation_view/editor/editor.vue.d.ts +13 -1
- package/dist/types/recipes/conversation_view/editor/editor.vue.d.ts.map +1 -1
- package/dist/types/recipes/leftbar/callbox/callbox.vue.d.ts.map +1 -1
- package/package.json +6 -6
|
@@ -2,7 +2,7 @@ import { CALLBOX_BADGE_COLORS, CALLBOX_BORDER_COLORS } from "./callbox_constants
|
|
|
2
2
|
import DtAvatar from "../../../components/avatar/avatar.vue.js";
|
|
3
3
|
import DtBadge from "../../../components/badge/badge.vue.js";
|
|
4
4
|
import { DtIconPause } from "@dialpad/dialtone-icons/vue3";
|
|
5
|
-
import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createCommentVNode, createElementVNode, createBlock, createSlots, withCtx, createVNode, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
|
|
5
|
+
import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createCommentVNode, createElementVNode, createBlock, createSlots, withCtx, createVNode, withDirectives, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
|
|
6
6
|
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
7
7
|
const _sfc_main = {
|
|
8
8
|
compatConfig: { MODE: 3 },
|
|
@@ -139,6 +139,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
139
139
|
const _component_dt_icon_pause = resolveComponent("dt-icon-pause");
|
|
140
140
|
const _component_dt_avatar = resolveComponent("dt-avatar");
|
|
141
141
|
const _component_dt_badge = resolveComponent("dt-badge");
|
|
142
|
+
const _directive_dt_tooltip = resolveDirective("dt-tooltip");
|
|
142
143
|
return openBlock(), createElementBlock("div", {
|
|
143
144
|
"data-qa": "dt-recipe-callbox",
|
|
144
145
|
class: normalizeClass([_ctx.$attrs.class, "d-recipe-callbox"]),
|
|
@@ -172,16 +173,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
172
173
|
} : void 0
|
|
173
174
|
]), 1032, ["image-src", "full-name", "seed", "clickable", "onClick"])) : createCommentVNode("", true),
|
|
174
175
|
createElementVNode("div", _hoisted_3, [
|
|
175
|
-
(openBlock(), createBlock(resolveDynamicComponent($props.clickable ? "button" : "span"), {
|
|
176
|
+
withDirectives((openBlock(), createBlock(resolveDynamicComponent($props.clickable ? "button" : "span"), {
|
|
176
177
|
"data-qa": "dt-recipe-callbox__title",
|
|
177
178
|
class: "d-recipe-callbox__content-title",
|
|
179
|
+
tabindex: "0",
|
|
178
180
|
onClick: $options.handleClick
|
|
179
181
|
}, {
|
|
180
182
|
default: withCtx(() => [
|
|
181
183
|
createTextVNode(toDisplayString($props.title), 1)
|
|
182
184
|
]),
|
|
183
185
|
_: 1
|
|
184
|
-
}, 8, ["onClick"])),
|
|
186
|
+
}, 8, ["onClick"])), [
|
|
187
|
+
[_directive_dt_tooltip, $props.title]
|
|
188
|
+
]),
|
|
185
189
|
_ctx.$slots.badge || $props.badgeText ? (openBlock(), createElementBlock("div", _hoisted_4, [
|
|
186
190
|
renderSlot(_ctx.$slots, "badge", {}, () => [
|
|
187
191
|
createVNode(_component_dt_badge, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"callbox.vue.js","sources":["../../../../recipes/leftbar/callbox/callbox.vue"],"sourcesContent":["<template>\n <div\n data-qa=\"dt-recipe-callbox\"\n :class=\"[$attrs.class, 'd-recipe-callbox']\"\n :style=\"$attrs.style\"\n >\n <div\n v-if=\"$slots.video\"\n data-qa=\"dt-recipe-callbox__video-wrapper\"\n class=\"d-recipe-callbox__video\"\n >\n <!-- @slot Slot for video stream -->\n <slot name=\"video\" />\n </div>\n <div\n data-qa=\"dt-recipe-callbox__main-content\"\n :class=\"['d-recipe-callbox__main-content', borderClass, { 'd-recipe-callbox--clickable': clickable }]\"\n >\n <div\n class=\"d-recipe-callbox__main-content-top\"\n >\n <dt-avatar\n v-if=\"shouldShowAvatar\"\n avatar-class=\"d-recipe-callbox__avatar\"\n :image-src=\"avatarSrc\"\n image-alt=\"\"\n :full-name=\"avatarFullName\"\n :seed=\"avatarSeed\"\n :clickable=\"clickable\"\n size=\"sm\"\n @click=\"handleClick\"\n >\n <template\n v-if=\"isOnHold\"\n #overlayIcon\n >\n <dt-icon-pause />\n </template>\n </dt-avatar>\n <div class=\"d-recipe-callbox__content\">\n <component\n :is=\"clickable ? 'button' : 'span'\"\n data-qa=\"dt-recipe-callbox__title\"\n class=\"d-recipe-callbox__content-title\"\n @click=\"handleClick\"\n >\n {{ title }}\n </component>\n <div\n v-if=\"$slots.badge || badgeText\"\n data-qa=\"dt-recipe-callbox__badge-wrapper\"\n class=\"d-recipe-callbox__content-badge\"\n >\n <!-- @slot Slot for call center badge -->\n <slot name=\"badge\">\n <dt-badge\n :class=\"badgeClass\"\n :text=\"badgeText\"\n />\n </slot>\n </div>\n <div\n v-if=\"$slots.subtitle\"\n data-qa=\"dt-recipe-callbox__subtitle-wrapper\"\n class=\"d-recipe-callbox__content-subtitle\"\n >\n <!-- @slot Slot for subtitle -->\n <slot name=\"subtitle\" />\n </div>\n </div>\n <div\n v-if=\"$slots.right\"\n data-qa=\"dt-recipe-callbox__right-wrapper\"\n class=\"d-recipe-callbox__right\"\n >\n <!-- @slot Slot for right icons -->\n <slot name=\"right\" />\n </div>\n </div>\n <div\n v-if=\"$slots.bottom\"\n data-qa=\"dt-recipe-callbox__bottom-wrapper\"\n class=\"d-recipe-callbox__main-content-bottom\"\n >\n <slot name=\"bottom\" />\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport { CALLBOX_BADGE_COLORS, CALLBOX_BORDER_COLORS } from './callbox_constants';\nimport DtAvatar from '@/components/avatar/avatar.vue';\nimport DtBadge from '@/components/badge/badge.vue';\nimport { DtIconPause } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeCallbox',\n\n components: { DtBadge, DtAvatar, DtIconPause },\n\n inheritAttrs: false,\n\n props: {\n /**\n * Text for the badge element\n */\n badgeText: {\n type: String,\n default: '',\n },\n\n /**\n * Color for the badge element\n * @values null, warning\n */\n badgeColor: {\n type: String,\n default: null,\n validator: (color) => color === null || Object.keys(CALLBOX_BADGE_COLORS).includes(color),\n },\n\n /**\n * Optional avatar image url.\n * If not provided it will use the initial of the name.\n */\n avatarSrc: {\n type: String,\n default: '',\n },\n\n /**\n * Avatar's full name, used to extract initials\n * to display if `avatarSrc` is empty.\n */\n avatarFullName: {\n type: String,\n default: '',\n },\n\n /**\n * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n */\n avatarSeed: {\n type: String,\n default: '',\n },\n\n /**\n * Callbox title\n */\n title: {\n type: String,\n default: '',\n },\n\n /**\n * Callbox border color\n * @values default, ai, critical\n */\n borderColor: {\n type: String,\n default: 'default',\n validator: (color) => Object.keys(CALLBOX_BORDER_COLORS).includes(color),\n },\n\n /**\n * Makes the callbox avatar and title clickable,\n * emits a click event when clicked.\n */\n clickable: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Controls the avatars overlay icon\n */\n isOnHold: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n /**\n * Callbox click event\n *\n * @event click\n * @type {PointerEvent | KeyboardEvent}\n */\n 'click',\n ],\n\n computed: {\n shouldShowAvatar () {\n return this.avatarFullName || this.avatarSrc;\n },\n\n badgeClass () {\n return CALLBOX_BADGE_COLORS[this.badgeColor];\n },\n\n borderClass () {\n return CALLBOX_BORDER_COLORS[this.borderColor];\n },\n },\n\n methods: {\n handleClick (e) {\n if (!this.clickable) return;\n this.$emit('click', e);\n },\n },\n};\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_openBlock","_renderSlot","_createCommentVNode","_createElementVNode","_createBlock","_createSlots","_withCtx","_createVNode","_resolveDynamicComponent","_createTextVNode","_toDisplayString"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"callbox.vue.js","sources":["../../../../recipes/leftbar/callbox/callbox.vue"],"sourcesContent":["<template>\n <div\n data-qa=\"dt-recipe-callbox\"\n :class=\"[$attrs.class, 'd-recipe-callbox']\"\n :style=\"$attrs.style\"\n >\n <div\n v-if=\"$slots.video\"\n data-qa=\"dt-recipe-callbox__video-wrapper\"\n class=\"d-recipe-callbox__video\"\n >\n <!-- @slot Slot for video stream -->\n <slot name=\"video\" />\n </div>\n <div\n data-qa=\"dt-recipe-callbox__main-content\"\n :class=\"['d-recipe-callbox__main-content', borderClass, { 'd-recipe-callbox--clickable': clickable }]\"\n >\n <div\n class=\"d-recipe-callbox__main-content-top\"\n >\n <dt-avatar\n v-if=\"shouldShowAvatar\"\n avatar-class=\"d-recipe-callbox__avatar\"\n :image-src=\"avatarSrc\"\n image-alt=\"\"\n :full-name=\"avatarFullName\"\n :seed=\"avatarSeed\"\n :clickable=\"clickable\"\n size=\"sm\"\n @click=\"handleClick\"\n >\n <template\n v-if=\"isOnHold\"\n #overlayIcon\n >\n <dt-icon-pause />\n </template>\n </dt-avatar>\n <div class=\"d-recipe-callbox__content\">\n <component\n :is=\"clickable ? 'button' : 'span'\"\n v-dt-tooltip=\"title\"\n data-qa=\"dt-recipe-callbox__title\"\n class=\"d-recipe-callbox__content-title\"\n tabindex=\"0\"\n @click=\"handleClick\"\n >\n {{ title }}\n </component>\n <div\n v-if=\"$slots.badge || badgeText\"\n data-qa=\"dt-recipe-callbox__badge-wrapper\"\n class=\"d-recipe-callbox__content-badge\"\n >\n <!-- @slot Slot for call center badge -->\n <slot name=\"badge\">\n <dt-badge\n :class=\"badgeClass\"\n :text=\"badgeText\"\n />\n </slot>\n </div>\n <div\n v-if=\"$slots.subtitle\"\n data-qa=\"dt-recipe-callbox__subtitle-wrapper\"\n class=\"d-recipe-callbox__content-subtitle\"\n >\n <!-- @slot Slot for subtitle -->\n <slot name=\"subtitle\" />\n </div>\n </div>\n <div\n v-if=\"$slots.right\"\n data-qa=\"dt-recipe-callbox__right-wrapper\"\n class=\"d-recipe-callbox__right\"\n >\n <!-- @slot Slot for right icons -->\n <slot name=\"right\" />\n </div>\n </div>\n <div\n v-if=\"$slots.bottom\"\n data-qa=\"dt-recipe-callbox__bottom-wrapper\"\n class=\"d-recipe-callbox__main-content-bottom\"\n >\n <slot name=\"bottom\" />\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport { CALLBOX_BADGE_COLORS, CALLBOX_BORDER_COLORS } from './callbox_constants';\nimport DtAvatar from '@/components/avatar/avatar.vue';\nimport DtBadge from '@/components/badge/badge.vue';\nimport { DtIconPause } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeCallbox',\n\n components: { DtBadge, DtAvatar, DtIconPause },\n\n inheritAttrs: false,\n\n props: {\n /**\n * Text for the badge element\n */\n badgeText: {\n type: String,\n default: '',\n },\n\n /**\n * Color for the badge element\n * @values null, warning\n */\n badgeColor: {\n type: String,\n default: null,\n validator: (color) => color === null || Object.keys(CALLBOX_BADGE_COLORS).includes(color),\n },\n\n /**\n * Optional avatar image url.\n * If not provided it will use the initial of the name.\n */\n avatarSrc: {\n type: String,\n default: '',\n },\n\n /**\n * Avatar's full name, used to extract initials\n * to display if `avatarSrc` is empty.\n */\n avatarFullName: {\n type: String,\n default: '',\n },\n\n /**\n * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n */\n avatarSeed: {\n type: String,\n default: '',\n },\n\n /**\n * Callbox title\n */\n title: {\n type: String,\n default: '',\n },\n\n /**\n * Callbox border color\n * @values default, ai, critical\n */\n borderColor: {\n type: String,\n default: 'default',\n validator: (color) => Object.keys(CALLBOX_BORDER_COLORS).includes(color),\n },\n\n /**\n * Makes the callbox avatar and title clickable,\n * emits a click event when clicked.\n */\n clickable: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Controls the avatars overlay icon\n */\n isOnHold: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n /**\n * Callbox click event\n *\n * @event click\n * @type {PointerEvent | KeyboardEvent}\n */\n 'click',\n ],\n\n computed: {\n shouldShowAvatar () {\n return this.avatarFullName || this.avatarSrc;\n },\n\n badgeClass () {\n return CALLBOX_BADGE_COLORS[this.badgeColor];\n },\n\n borderClass () {\n return CALLBOX_BORDER_COLORS[this.borderColor];\n },\n },\n\n methods: {\n handleClick (e) {\n if (!this.clickable) return;\n this.$emit('click', e);\n },\n },\n};\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_openBlock","_renderSlot","_createCommentVNode","_createElementVNode","_createBlock","_createSlots","_withCtx","_createVNode","_resolveDynamicComponent","_createTextVNode","_toDisplayString"],"mappings":"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"}
|
|
@@ -107,6 +107,10 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
107
107
|
type: BooleanConstructor;
|
|
108
108
|
default: boolean;
|
|
109
109
|
};
|
|
110
|
+
showInlineImageButton: {
|
|
111
|
+
type: BooleanConstructor;
|
|
112
|
+
default: boolean;
|
|
113
|
+
};
|
|
110
114
|
showAddLink: {
|
|
111
115
|
type: ObjectConstructor;
|
|
112
116
|
default: () => {
|
|
@@ -457,13 +461,15 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
457
461
|
onOrderedListToggle(): void;
|
|
458
462
|
onCodeBlockToggle(): void;
|
|
459
463
|
onQuickRepliesClick(): void;
|
|
464
|
+
onInsertInlineImageClick(): void;
|
|
465
|
+
insertInlineImage(imageUrl: any): void;
|
|
460
466
|
insertInMessageBody(messageContent: any): void;
|
|
461
467
|
setCursorPosition(position?: null): void;
|
|
462
468
|
onBlockquoteToggle(): void;
|
|
463
469
|
onFocus(event: any): void;
|
|
464
470
|
onBlur(event: any): void;
|
|
465
471
|
onInput(event: any): void;
|
|
466
|
-
}, never, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "quick-replies-click")[], "input" | "blur" | "focus" | "quick-replies-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
472
|
+
}, never, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "quick-replies-click" | "inline-image-click")[], "input" | "blur" | "focus" | "quick-replies-click" | "inline-image-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
467
473
|
value: {
|
|
468
474
|
type: (ObjectConstructor | StringConstructor)[];
|
|
469
475
|
default: string;
|
|
@@ -571,6 +577,10 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
571
577
|
type: BooleanConstructor;
|
|
572
578
|
default: boolean;
|
|
573
579
|
};
|
|
580
|
+
showInlineImageButton: {
|
|
581
|
+
type: BooleanConstructor;
|
|
582
|
+
default: boolean;
|
|
583
|
+
};
|
|
574
584
|
showAddLink: {
|
|
575
585
|
type: ObjectConstructor;
|
|
576
586
|
default: () => {
|
|
@@ -588,6 +598,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
588
598
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
589
599
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
590
600
|
"onQuick-replies-click"?: ((...args: any[]) => any) | undefined;
|
|
601
|
+
"onInline-image-click"?: ((...args: any[]) => any) | undefined;
|
|
591
602
|
}, {
|
|
592
603
|
value: string | Record<string, any>;
|
|
593
604
|
maxHeight: string;
|
|
@@ -614,6 +625,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
614
625
|
showQuoteButton: boolean;
|
|
615
626
|
showCodeBlockButton: boolean;
|
|
616
627
|
showQuickRepliesButton: boolean;
|
|
628
|
+
showInlineImageButton: boolean;
|
|
617
629
|
showAddLink: Record<string, any>;
|
|
618
630
|
}, {}>;
|
|
619
631
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/editor/editor.vue"],"names":[],"mappings":"AAoLA
|
|
1
|
+
{"version":3,"file":"editor.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/editor/editor.vue"],"names":[],"mappings":"AAoLA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAk4B0D,gBAAgB;mCAAhB,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"callbox.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/callbox/callbox.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"callbox.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/callbox/callbox.vue"],"names":[],"mappings":"AA2FA;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dialpad/dialtone-vue",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.175.0",
|
|
4
4
|
"description": "Vue component library for Dialpad's design system Dialtone",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"overlayscrollbars": "2.10.0",
|
|
38
38
|
"regex-combined-emojis": "1.6.0",
|
|
39
39
|
"tippy.js": "6.3.7",
|
|
40
|
-
"@dialpad/dialtone-emojis": "1.1.
|
|
41
|
-
"@dialpad/dialtone-icons": "4.34.
|
|
40
|
+
"@dialpad/dialtone-emojis": "1.1.2",
|
|
41
|
+
"@dialpad/dialtone-icons": "4.34.6"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@storybook/addon-a11y": "7.6.20",
|
|
@@ -50,12 +50,12 @@
|
|
|
50
50
|
"react": "17.0.2",
|
|
51
51
|
"storybook-dark-mode": "^3.0.3",
|
|
52
52
|
"vue": "^3.3.4",
|
|
53
|
-
"@dialpad/
|
|
54
|
-
"@dialpad/dialtone
|
|
53
|
+
"@dialpad/dialtone-css": "8.51.0",
|
|
54
|
+
"@dialpad/generator-dialtone": "0.1.0"
|
|
55
55
|
},
|
|
56
56
|
"peerDependencies": {
|
|
57
57
|
"vue": ">=3.2",
|
|
58
|
-
"@dialpad/dialtone-css": "^8.
|
|
58
|
+
"@dialpad/dialtone-css": "^8.51.0"
|
|
59
59
|
},
|
|
60
60
|
"bugs": {
|
|
61
61
|
"email": "dialtone@dialpad.com"
|