@dialstack/sdk-反应
用于 DialStack SDK 的响应组件和钩子——呼叫日志,语音邮件,呼叫 历史 电话号码 号码订购 AI代理 拨号计划编辑器 软电话和登机.
安装
npm install @dialstack/sdk-js @dialstack/sdk-react react react-dom
其中两个需要解释.
@dialstack/sdk-js 是一个同伴,而不是依赖,同样的方式
@stripe/react-connect-js 端点 @stripe/connect-js: 你同时安装, 而你
给初始者打电话 npm 7+ 自动安装缺失的对等点, 因此在
练习此命令 .
@xyflow/react 也是对等器,但只有拨号计划编辑器需要它。 安装
如果您导入了它 ./dial-plan数字 :
npm install @xyflow/react
它具有不能重复的模块级状态,这就是它为什么解决 复制你的应用程序 而不是复制我们的.
没错 没有 需要导入任意样式表。 部件变成阴影根 带着他们需要的风格.
每个组件一个导入路径
组成部分是: 没有 从软件包根导出。 每一个都有自己的子路径:
import { DialstackComponentsProvider } from '@dialstack/sdk-react';
import { CallLogs } from '@dialstack/sdk-react/call-logs';
import { Voicemails } from '@dialstack/sdk-react/voicemails';
<DialstackComponentsProvider dialstack={dialstack}>
<CallLogs />
<Voicemails userId={userId} />
</DialstackComponentsProvider>;
| 子路径 | 出口 |
|---|---|
@dialstack/sdk-react | DialstackComponentsProvider, (中文(简体) ), useDialstack, (中文(简体) ), useDialstackComponents, (中文(简体) ), useCreateComponent, (中文(简体) ), useAppearance, (中文(简体) ), useUpdateWithSetter |
./call-logs | CallLogs |
./voicemails | Voicemails |
./call-history | CallHistory |
./phone-numbers | PhoneNumbers |
./phone-number-ordering | PhoneNumberOrdering |
./ai-agent | AIAgent, FAQ 预填入帮助 |
./dial-plan | DialPlan 类型 |
./softphone | SoftphoneProvider, (中文(简体) ), Softphone、呼叫钩和UI原始人 |
./onboarding | OnboardingPortal |
为什么不是根管. 一个管子再出口 每一个部件 使整个
它后面的模块图形可以从任何单个导入中到达, 因此导入一个薄
包装器拉入了拨号计划编辑器 @xyflow/react, (中文(简体) ), dagre 财务报告和审定财务报表 cmdk
随便 测量: ~144 KB 全部3个,对等: ~58 KB 软音
直接导入的元素包件,单独和为~1.5 KB.
sideEffects: false - 代码是真正可以达到的,而不是死的
也不发布每个模块的文件。 拆分切入点是唯一
工作的东西.
每一个子路径都会解决相同的反应上下文,所以你的应用程序生成的提供者是 可见于它所包罗的.
软手机不需要启动器
它是一个独立验证的成分家族 一个短暂的家族 使用 WebSocket 的用户会话代号, 而不是实例客户端的秘密 瑞丝:
import { SoftphoneProvider, Softphone } from '@dialstack/sdk-react/softphone';
<SoftphoneProvider token={userSessionToken}>
<Softphone />
</SoftphoneProvider>;
没有 loadDialstackAndInitialize,没有 <DialstackComponentsProvider>通过一个
实例是可选的,只允许现场的外观同步。 登记、拨号
呼叫控制继续工作 当 REST API 无法到达,即
深思熟虑.
其他一切需要一个
其余组件读取 REST API,所以需要初始化实例
包括: DialPlan,它使自己的画布而不是网络
组件,但是是包件中实例中最重的消费者.
如果一个组件变成空白,那首先需要检查。 此软件包投出
元素从未注册时已命名出错, 如果
@dialstack/sdk-js 缺少, 或者您的捆绑商放弃了它的副作用导入 .
文档
完整文档: https://docs.dialstack.ai/sdks (中文(简体) )
许可证
麻省理工学院