vue-easy-sip 1.0.0

package/README.md

@@ -0,0 +1,84 @@
+# Vue Easy SIP
+
+一个简单易用的Vue 3 SIP对讲组件库，基于JsSIP，提供语音对讲功能。
+
+## 特性
+
+- 🚀 基于Vue 3和JsSIP构建
+- 📱 支持SIP语音对讲功能
+- 🔄 支持发起呼叫和接收来电
+- 🎙️ 支持通话录音功能
+- 🎨 美观的UI界面，带有过渡动画
+- 📦 支持作为npm包使用
+- 🔧 高度可配置
+
+## 安装
+
+```bash
+npm install vue-easy-sip
+# 或
+yarn add vue-easy-sip
+# 或
+pnpm add vue-easy-sip
+```
+
+## 使用方法
+
+### 全局注册
+
+```js
+// main.js / main.ts
+import { createApp } from 'vue'
+import App from './App.vue'
+import VueEasySip from 'vue-easy-sip'
+import 'vue-easy-sip/style.css'
+
+const app = createApp(App)
+
+// 注册插件
+app.use(VueEasySip)
+app.mount('#app')
+```
+
+### 在组件中使用
+
+```vue
+<template>
+  <div>
+    <h1>SIP对讲示例</h1>
+    <IntercomButton
+      callTarget="1002"
+      wsServer="wss://xx"
+      sipUri="sip:1010@xx"
+      password="1234"
+      displayName="1010"
+      :autoAnswer="false"
+    />
+  </div>
+</template>
+
+<script setup>
+import { IntercomButton } from 'vue-easy-sip'
+</script>
+```
+
+## 配置选项
+
+### IntercomButton组件属性
+
+| 属性        | 类型    | 默认值 | 说明                |
+| ----------- | ------- | ------ | ------------------- |
+| callTarget  | string  | -      | 要呼叫的目标号码    |
+| wsServer    | string  | -      | WebSocket服务器地址 |
+| sipUri      | string  | -      | SIP URI             |
+| password    | string  | -      | SIP账号密码         |
+| displayName | string  | -      | 显示名称            |
+| autoAnswer  | boolean | false  | 是否自动接听来电    |
+
+### 其它
+
+维护拓展加qq1195669615
+
+## 许可证
+
+MIT

package/dist/types/components/IntercomButton.vue.d.ts

@@ -0,0 +1,124 @@
+import { SipConfig } from '../types';
+
+interface Props {
+    /** 要呼叫的目标SIP URI */
+    callTarget?: string;
+    /** WebSocket服务器地址，用于建立与SIP服务器的信令连接 */
+    wsServer?: string;
+    /** SIP URI，格式为sip:用户名@域名，用于SIP注册和身份标识 */
+    sipUri?: string;
+    /** SIP账号密码，用于SIP服务器认证 */
+    password?: string;
+    /** 显示名称，可选，用于在SIP通信中展示的名称 */
+    displayName?: string;
+    /** 用户代理标识，可选，用于标识SIP客户端的类型和版本 */
+    userAgent?: string;
+    /** 是否自动注册，可选，设置为true时初始化后自动向SIP服务器注册 */
+    autoRegister?: boolean;
+    /** SIP配置，可选，会覆盖全局配置和单独的配置属性 */
+    sipConfig?: Partial<SipConfig>;
+    /** 是否自动接听来电 */
+    autoAnswer?: boolean;
+    /** 是否禁用录音功能 */
+    disableRecording?: boolean;
+    /** 是否自动保存录音 */
+    autoSaveRecording?: boolean;
+    /** 录音名前缀 */
+    fileNamePrefix?: string;
+    /** 媒体约束，可选，用于配置音频和视频选项 */
+    mediaConstraints?: MediaStreamConstraints;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    callTarget: string;
+    wsServer: any;
+    sipUri: any;
+    password: any;
+    displayName: any;
+    userAgent: any;
+    autoRegister: any;
+    sipConfig: () => {};
+    autoAnswer: boolean;
+    disableRecording: boolean;
+    autoSaveRecording: boolean;
+    fileNamePrefix: string;
+    mediaConstraints: any;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    registered: () => void;
+    registerFailed: (error: Error) => void;
+    connectionFailed: (error: Error) => void;
+    callFailed: (error: Error) => void;
+    callStarted: () => void;
+    callEnded: () => void;
+    incomingCall: (caller: string) => void;
+    recordingStart: () => void;
+    recordingPause: () => void;
+    recordingResume: () => void;
+    recordingStop: (blob: Blob) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    callTarget: string;
+    wsServer: any;
+    sipUri: any;
+    password: any;
+    displayName: any;
+    userAgent: any;
+    autoRegister: any;
+    sipConfig: () => {};
+    autoAnswer: boolean;
+    disableRecording: boolean;
+    autoSaveRecording: boolean;
+    fileNamePrefix: string;
+    mediaConstraints: any;
+}>>> & Readonly<{
+    onRecordingStart?: () => any;
+    onRecordingPause?: () => any;
+    onRecordingResume?: () => any;
+    onRecordingStop?: (blob: Blob) => any;
+    onRegistered?: () => any;
+    onRegisterFailed?: (error: Error) => any;
+    onConnectionFailed?: (error: Error) => any;
+    onCallFailed?: (error: Error) => any;
+    onCallStarted?: () => any;
+    onCallEnded?: () => any;
+    onIncomingCall?: (caller: string) => any;
+}>, {
+    disableRecording: boolean;
+    autoSaveRecording: boolean;
+    fileNamePrefix: string;
+    callTarget: string;
+    wsServer: string;
+    sipUri: string;
+    password: string;
+    displayName: string;
+    userAgent: string;
+    autoRegister: boolean;
+    sipConfig: Partial<SipConfig>;
+    autoAnswer: boolean;
+    mediaConstraints: MediaStreamConstraints;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/IntercomDialog.vue.d.ts

@@ -0,0 +1,89 @@
+interface Props {
+    /** 对话框是否可见 */
+    visible: boolean;
+    /** 是否在通话中 */
+    isInCall: boolean;
+    /** 通话状态：incoming(来电)、outgoing(呼出)、active(通话中)、failed(失败)、""(空闲) */
+    callStatus: string;
+    /** 远程音频流 */
+    remoteStream: MediaStream | null;
+    /** 本地音频流 */
+    localStream: MediaStream | null;
+    /** 是否禁用录音功能 */
+    disableRecording?: boolean;
+    /** 是否自动保存录音 */
+    autoSaveRecording?: boolean;
+    /** 录音名前缀 */
+    fileNamePrefix?: string;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    visible: boolean;
+    isInCall: boolean;
+    callStatus: string;
+    remoteStream: any;
+    localStream: any;
+    disableRecording: boolean;
+    autoSaveRecording: boolean;
+    fileNamePrefix: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => void;
+    answer: () => void;
+    hangup: () => void;
+    recordingStart: () => void;
+    recordingPause: () => void;
+    recordingResume: () => void;
+    recordingStop: (blob: Blob) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    visible: boolean;
+    isInCall: boolean;
+    callStatus: string;
+    remoteStream: any;
+    localStream: any;
+    disableRecording: boolean;
+    autoSaveRecording: boolean;
+    fileNamePrefix: string;
+}>>> & Readonly<{
+    onClose?: () => any;
+    onAnswer?: () => any;
+    onHangup?: () => any;
+    onRecordingStart?: () => any;
+    onRecordingPause?: () => any;
+    onRecordingResume?: () => any;
+    onRecordingStop?: (blob: Blob) => any;
+}>, {
+    visible: boolean;
+    isInCall: boolean;
+    callStatus: string;
+    remoteStream: MediaStream | null;
+    localStream: MediaStream | null;
+    disableRecording: boolean;
+    autoSaveRecording: boolean;
+    fileNamePrefix: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/hooks/useRecorder.d.ts

@@ -0,0 +1,37 @@
+import { RecorderConfig } from '../types';
+
+/**
+ * 使用录音功能
+ * @param config 录音配置
+ * @returns 录音相关的状态和方法
+ */
+export declare function useRecorder(config?: Partial<RecorderConfig>): {
+    status: any;
+    audioBlob: import('vue').Ref<{
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: () => Promise<ArrayBuffer>;
+        bytes: () => Promise<Uint8Array>;
+        slice: (start?: number, end?: number, contentType?: string) => Blob;
+        stream: () => ReadableStream<Uint8Array>;
+        text: () => Promise<string>;
+    }, Blob | {
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: () => Promise<ArrayBuffer>;
+        bytes: () => Promise<Uint8Array>;
+        slice: (start?: number, end?: number, contentType?: string) => Blob;
+        stream: () => ReadableStream<Uint8Array>;
+        text: () => Promise<string>;
+    }>;
+    audioUrl: import('vue').Ref<string, string>;
+    duration: import('vue').Ref<number, number>;
+    error: import('vue').Ref<Error, Error>;
+    start: (stream: MediaStream) => Promise<boolean>;
+    pause: () => boolean;
+    resume: () => boolean;
+    stop: () => boolean;
+    saveToFile: (fileName?: string) => void;
+    formattedDuration: import('vue').ComputedRef<string>;
+    destroy: () => void;
+};

package/dist/types/hooks/useSipClient.d.ts

@@ -0,0 +1,54 @@
+import { Ref } from 'vue';
+import { SipConfig, SipStatus, CallStatus } from '../types';
+
+/**
+ * SIP客户端返回接口
+ * 定义钩子函数返回的状态和方法
+ */
+interface SipClientReturn {
+    /** SIP客户端当前状态，响应式值 */
+    status: Ref<SipStatus>;
+    /** 是否已注册到SIP服务器，响应式布尔值 */
+    isRegistered: Ref<boolean>;
+    /** 是否正在通话中，响应式布尔值 */
+    isInCall: Ref<boolean>;
+    /** 当前通话状态，响应式值 */
+    callStatus: Ref<CallStatus>;
+    /** 远程媒体流，用于播放对方音频/视频 */
+    remoteStream: Ref<MediaStream | null>;
+    /** 本地媒体流，用于录音和显示本地视频 */
+    localStream: Ref<MediaStream | null>;
+    /** 错误信息，如果有错误发生则包含错误对象 */
+    error: Ref<Error | null>;
+    /** 初始化SIP客户端，创建WebSocket连接并配置UA */
+    init: () => Promise<boolean>;
+    /** 向SIP服务器注册SIP账号 */
+    register: () => Promise<boolean>;
+    /** 从SIP服务器注销SIP账号 */
+    unregister: () => Promise<boolean>;
+    /** 发起呼叫到指定目标SIP URI */
+    call: (target: string) => Promise<boolean>;
+    /** 接听来电 */
+    answer: () => Promise<boolean>;
+    /** 挂断当前通话 */
+    hangup: () => Promise<boolean>;
+    /** 销毁SIP客户端，释放所有资源 */
+    destroy: () => Promise<void>;
+}
+/**
+ * 创建SIP客户端
+ * 工厂函数，用于创建一个新的SIP客户端实例
+ *
+ * @param config SIP配置对象
+ * @returns SIP客户端接口
+ */
+export declare function createSipClient(config?: Partial<SipConfig>): SipClientReturn;
+/**
+ * SIP客户端钩子函数
+ * 提供SIP通信功能，包括注册、呼叫、接听和挂断等
+ *
+ * @param config SIP配置对象
+ * @returns SIP客户端接口
+ */
+export default function useSipClient(config?: Partial<SipConfig>): SipClientReturn;
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,23 @@
+import { App } from 'vue';
+import { default as IntercomButton } from './components/IntercomButton.vue';
+import { default as IntercomDialog } from './components/IntercomDialog.vue';
+import { SipConfig } from './types';
+import { createSipClient } from './hooks/useSipClient';
+
+/**
+ * 设置全局SIP配置
+ * @param config SIP配置对象
+ */
+export declare const setSipConfig: (config: Partial<SipConfig>) => void;
+/**
+ * 获取当前全局SIP配置
+ * @returns 当前SIP配置
+ */
+export declare const getSipConfig: () => SipConfig;
+declare const VueEasySip: {
+    install: (app: App, ...options: any[]) => any;
+};
+export default VueEasySip;
+export { IntercomButton, IntercomDialog, createSipClient };
+export * from './types';
+export * from './hooks/useRecorder';

package/dist/types/types.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Vue Easy SIP 类型定义
+ */
+/**
+ * SIP配置接口
+ * 定义SIP客户端所需的配置参数
+ */
+export interface SipConfig {
+    /** WebSocket服务器地址，用于建立与SIP服务器的信令连接 */
+    wsServer: string;
+    /** SIP URI，格式为sip:用户名@域名，用于SIP注册和身份标识 */
+    sipUri: string;
+    /** SIP账号密码，用于SIP服务器认证 */
+    password: string;
+    /** 显示名称，可选，用于在SIP通信中展示的名称 */
+    displayName?: string;
+    /** 用户代理标识，可选，用于标识SIP客户端的类型和版本 */
+    userAgent?: string;
+    /** 是否自动注册，可选，设置为true时初始化后自动向SIP服务器注册 */
+    autoRegister?: boolean;
+    /** 是否自动应答，可选，设置为true时自动接听来电 */
+    autoAnswer?: boolean;
+    /** 媒体约束，可选，用于配置音频和视频选项 */
+    mediaConstraints?: MediaStreamConstraints;
+}
+/**
+ * SIP客户端状态
+ * 表示SIP客户端与服务器的连接状态
+ */
+export type SipStatus = 'disconnected' | 'connecting' | 'connected' | 'registering' | 'registered' | 'error';
+/**
+ * 通话状态
+ * 表示当前通话的状态
+ */
+export type CallStatus = '' | 'incoming' | 'outgoing' | 'active' | 'failed';
+/**
+ * 录音状态
+ * 表示当前录音的状态
+ */
+export type RecordingStatus = 'inactive' | 'recording' | 'paused' | 'stopped';
+/**
+ * 录音配置
+ * 定义录音功能的配置参数
+ */
+export interface RecorderConfig {
+    /** 音频类型，默认为audio/webm */
+    mimeType?: string;
+    /** 音频比特率 */
+    audioBitsPerSecond?: number;
+    /** 是否自动保存录音，默认为false */
+    autoSave?: boolean;
+    /** 自动保存的文件名前缀，默认为'recording' */
+    fileNamePrefix?: string;
+}
+/**
+ * 对讲组件配置接口
+ */
+export interface IntercomConfig extends SipConfig {
+    /** 是否禁用录音功能 */
+    disableRecording?: boolean;
+    /** 是否自动保存录音 */
+    autoSaveRecording?: boolean;
+}

package/dist/vue-easy-sip.css

@@ -0,0 +1 @@
+@font-face{font-family:ves-font;src:url(data:font/woff2;base64,d09GMgABAAAAAAM8AAsAAAAABxwAAALwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDBgqBXIFYATYCJAMMCwgABCAFhGcHThtMBhEVlNVkfymgx07jURFKXW3uWKBxrEKLdusB9u/Zazls9oIrrGdTyFpkcH5+EA/U2utbuE1SAlJl1VQRoEdVRSTcj3Cdjq8FIoWyc5O39n688wlNcOt5PcK4KJMEvv2fro/GIVSE6ZS1wJ1m6q7kN/z50rC8O+MuAMAhpwfFi0fYPMUacDOVGeHifsZdpIHbYjC4QXY7faQJvi8oLDD3IlLjeZ//+8m/CK99ACjKBUY1Jj6w7wP6QOu0KMKd+YB8Cuq1vgYgIy4R0M4Uc8V5PwtWcAeGE4dEmW0OZPXhAO/eSuiILNN8s6CgKzMIF1TEc3HG+ejz4ac2AFGVgL3Pkl2tO9z3dRO10iuBSUDPi6iQMAGZsKnbswZOMhMk7Zo0wsqLLIizxutHsmGUPf/xIqEAu7YDGEOzka88nsDXXSGCBAqaMBcrKdcjUoTMl6TN7ZEatqDd7i1TK3MhNRYftPp+7ZbL/++xq33PV65c2Xe/dk37ZF/h6pWe65VrtOeqtlU3tratrFqoNHxn42SV/llxrDc3OvqrvJ3+ugLf8c6vZJtmxb0yf8Zt0GlfFbavGfZHBZqstvPKgTXnXu+BHkDd9GkgPYn7p39j+k3sNnfO/2hPAHxqXf8oUjfDjeZb8AT+q74BJGYjSspNsjdBQDJKueFG7bRDzQ5082a80R2uJWjWPUPUpD+SZsOozI1Dpb1pKJrNQTvjta5vr7sjsJAlYJSzBEEXDUSd3EbSxV0qc09R6eUrii7+o51Vwe7W3qgIpr3goDjD+AWeUiTXppHVM9qnH6QueUdZmcahKety/hcjyhRz1pdtVQlIUoAfeR56nyBLeuCk5aKau6qipreUUwpmLzgozjB+gacUKSBr8fvOaJ9+EJC6Z2Rlah2asgaoXy1CHXeyz/qyrSoBCckF+NHD0PsEuXnYAyctlxGp3FUOiVCtXN8IH7cL2hn7tWmDIIYE+FfiCbNw1MJzxF1eUsRiGaItnrkg9t4Y) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAASoAAsAAAAABxwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA9oEpdY21hcAAAAYgAAABWAAABhm2T0+RnbHlmAAAB4AAAAMYAAADcEq2sC2hlYWQAAAKoAAAALgAAADYrr/gzaGhlYQAAAtgAAAAcAAAAJAfeA4RobXR4AAAC9AAAAAwAAAAMDAAAAGxvY2EAAAMAAAAACAAAAAgALgBubWF4cAAAAwgAAAAfAAAAIAETADJuYW1lAAADKAAAAUAAAAJnEKM8sHBvc3QAAARoAAAAPQAAAE7bG9ZceJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnnc/72Vu+N/AwMB8hwFIMjCiKGICAINNDXp4nO2QwQ2AMAwDL2npAzEIDwbixUKoc3aM4qawBZYuVpy8DCxAEofIYBfG0KnUIk+skef4KXLD291q7/C5ZLqVcNco/Npi7u/mo63JaLbVCf4AZAMRrgAAeJw9TTuKAkEUrNfNvIbpYXR2ULMRbBzBZQ1W2AGDNfQE/cBANPAgXsJLjJcw9AIaewjT/Tw32CqqiqqkwMDP1d7sKywcPDooMQDKeRHsvBdIs/xXL1xF2hgpxniKsRVRN/FbaNoafMG0qsNfhYKeZm/mDWOgmcyo+Wg+6b0/UHKHcprUOi6pHjkdnLI+bj2l3Uzuj7tk3ZT8lnNeCTsq1ud1QY5lxflll1bZSyabjWhU6S6hZDE0nvch7NnbapHo9y97AyhcAAB4nGNgZGBgAGIPP12reH6brwzcLAwg8MQjShpB/7/KwsCsDeRyMDCBRAHgjwgAAAB4nGNgZGBgbvjfwBDDwgACQJKRARUwAwBHCQJsBAAAAAQAAAAEAAAAAAAAAAAuAG54nGNgZGBgYGZQY2BjAAEmIOYCQgaG/2A+AwAM2wFGAHichZE9bsJAEIWfwZAElChKpDRpVikoEsn8lEipUKCnoAez5ke211ovSNQ5TY6QE+QI6Whzikh52EMDRbza2W/evpkdyQDusIeH8rvnLtnDJbOSK7jAo3CV+pOwT34WrqGJnnCd+qtwAy94E26yY8YOnn/FrIV3YQ+3+BCu4AafwlXqX8I++Vu4hgf8CNep/wo3MPGuhZtoeeHA6qnTczXbqVVo0sik7niO9WITT+2pPNE2X5lUdYPOURrpVNtjm3y76DkXqciaRA15q+PYqMyatQ5dsHQu67fbkehBaBIMYKExhWOcQ2GGHeMKIQxSREV0Z/mY7gU2iFlp/3VP6LbIqR9yhS4CdM5cI7rSwnk6TY4tX+tRdXQrbsuahDSUWs1JYrLiDzzcramE1AMsi6oMfbS5ohN/UMyQ/AHYk29XeJxjYGKAAC4G7ICZkYmRmZGFgb8sPzM5taAoM69ENyczL1WoICM/L1U3IzEvXbe0QDctMyeHgQEACi0NIAAAAA==) format("woff"),url(data:font/ttf;base64,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) format("truetype")}.ves-font{font-family:ves-font!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-voiceprint-line:before{content:""}.icon-phone-hang-up-fill:before{content:""}.intercom-dialog[data-v-8c41a9bf]{position:fixed;bottom:20px;right:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden}.slide-fade-enter-active[data-v-8c41a9bf]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-8c41a9bf]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-8c41a9bf],.slide-fade-leave-to[data-v-8c41a9bf]{transform:translate(20px);opacity:0}.dialog-header[data-v-8c41a9bf]{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background-color:#f5f5f5;border-bottom:1px solid #eee;cursor:move}.dialog-header h3[data-v-8c41a9bf]{margin:0 6px 0 0;font-size:16px;color:#333;white-space:nowrap}.close-button[data-v-8c41a9bf]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1}.dialog-content[data-v-8c41a9bf]{padding:6px 10px;display:flex;flex-direction:column;align-items:center;gap:20px}.call-status[data-v-8c41a9bf]{text-align:center;width:100%}.status-icon[data-v-8c41a9bf]{width:50px;height:50px;line-height:50px;border-radius:50%;margin:0 auto 10px;background-position:center;background-repeat:no-repeat;background-size:30px}.status-icon i[data-v-8c41a9bf]{font-size:32px;color:#fff}.calling-icon[data-v-8c41a9bf]{background-color:#f8d7da;animation:pulse-8c41a9bf 1.5s infinite}.incoming-icon[data-v-8c41a9bf]{background-color:#cce5ff;animation:pulse-8c41a9bf 1.5s infinite}.failed-icon[data-v-8c41a9bf]{background-color:#f8d7da}.active-icon[data-v-8c41a9bf]{background-color:#373737}.status-text[data-v-8c41a9bf]{font-size:16px;font-weight:700}.caller-info[data-v-8c41a9bf]{font-size:14px;color:#666;margin-top:5px}.status-calling .status-text[data-v-8c41a9bf]{color:#721c24}.status-incoming .status-text[data-v-8c41a9bf]{color:#004085}.status-failed .status-text[data-v-8c41a9bf]{color:#721c24}.status-active .status-text[data-v-8c41a9bf]{color:#155724}.call-controls[data-v-8c41a9bf]{width:100%;display:flex;justify-content:center;gap:10px}.recording-controls[data-v-8c41a9bf]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.recording-status[data-v-8c41a9bf]{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;font-size:14px;color:#dc3545}.recording-indicator[data-v-8c41a9bf]{width:10px;height:10px;border-radius:50%;background-color:#dc3545;animation:blink-8c41a9bf 1s infinite}.answer-button[data-v-8c41a9bf]{padding:6px 10px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.answer-button[data-v-8c41a9bf]:hover{background-color:#218838}.reject-button[data-v-8c41a9bf],.hangup-button[data-v-8c41a9bf],.record-button[data-v-8c41a9bf],.pause-button[data-v-8c41a9bf],.resume-button[data-v-8c41a9bf],.stop-button[data-v-8c41a9bf]{padding:6px 10px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.reject-button[data-v-8c41a9bf]:hover,.hangup-button[data-v-8c41a9bf]:hover{background-color:#c82333}.answer-button i[data-v-8c41a9bf],.reject-button i[data-v-8c41a9bf],.hangup-button i[data-v-8c41a9bf]{margin-right:8px}.record-button[data-v-8c41a9bf]{background-color:#17a2b8}.record-button[data-v-8c41a9bf]:hover{background-color:#138496}.pause-button[data-v-8c41a9bf],.resume-button[data-v-8c41a9bf]{background-color:#ffc107;color:#212529}.pause-button[data-v-8c41a9bf]:hover,.resume-button[data-v-8c41a9bf]:hover{background-color:#e0a800}.stop-button[data-v-8c41a9bf]{background-color:#6c757d}.stop-button[data-v-8c41a9bf]:hover{background-color:#5a6268}@keyframes pulse-8c41a9bf{0%{transform:scale(.95);box-shadow:0 0 #dc3545b3}70%{transform:scale(1);box-shadow:0 0 0 10px #dc354500}to{transform:scale(.95);box-shadow:0 0 #dc354500}}@keyframes blink-8c41a9bf{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.intercom-button-container[data-v-2eecc54d]{position:relative}.intercom-button[data-v-2eecc54d]{padding:4px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.intercom-button[data-v-2eecc54d]:hover{background-color:#45a049}