From 9b5ff18fa5dee8e4fd5a38235af34a787ccb94f3 Mon Sep 17 00:00:00 2001 From: sarveshpatil-plivo Date: Thu, 23 Jul 2026 22:03:51 +0530 Subject: [PATCH] feat(notificationChannels): add Plivo SMS and voice channel config form --- public/image/logos/plivo.png | Bin 0 -> 4461 bytes src/pages/notificationChannels/constants.ts | 54 +++++++++++ .../notificationChannels/locale/en_US.ts | 18 ++++ .../notificationChannels/locale/ja_JP.ts | 18 ++++ .../notificationChannels/locale/ru_RU.ts | 18 ++++ .../notificationChannels/locale/zh_CN.ts | 18 ++++ .../notificationChannels/locale/zh_HK.ts | 18 ++++ .../notificationChannels/pages/Form/Plivo.tsx | 88 ++++++++++++++++++ .../notificationChannels/pages/Form/index.tsx | 2 + src/pages/notificationChannels/types.ts | 15 ++- 10 files changed, 248 insertions(+), 1 deletion(-) create mode 100644 public/image/logos/plivo.png create mode 100644 src/pages/notificationChannels/pages/Form/Plivo.tsx diff --git a/public/image/logos/plivo.png b/public/image/logos/plivo.png new file mode 100644 index 0000000000000000000000000000000000000000..532d0c94d39fff225fe709c11359edd54116d499 GIT binary patch literal 4461 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

{ }, }, }, + 'plivo-voice': { + logo: '/image/logos/plivo.png', + type: 'plivo', + default_values: { + param_config: { + user_info: { + contact_key: 'phone', + }, + custom: { + params: null, + }, + }, + request_type: 'plivo', + request_config: { + plivo_request_config: { + auth_id: '', + auth_token: '', + src_number: '', + answer_url: '', + answer_method: 'POST', + proxy: '', + timeout: 10000, + retry_times: 3, + retry_sleep: 0, + }, + }, + }, + }, + 'plivo-sms': { + logo: '/image/logos/plivo.png', + type: 'plivo', + default_values: { + param_config: { + user_info: { + contact_key: 'phone', + }, + custom: { + params: null, + }, + }, + request_type: 'plivo', + request_config: { + plivo_request_config: { + auth_id: '', + auth_token: '', + src_number: '', + proxy: '', + timeout: 10000, + retry_times: 3, + retry_sleep: 0, + }, + }, + }, + }, // slackbot: { // logo: '/image/logos/slack.png', // type: 'http', diff --git a/src/pages/notificationChannels/locale/en_US.ts b/src/pages/notificationChannels/locale/en_US.ts index e7e8a5ac7..728a5306f 100644 --- a/src/pages/notificationChannels/locale/en_US.ts +++ b/src/pages/notificationChannels/locale/en_US.ts @@ -42,6 +42,7 @@ const en_US = { script: 'Script configuration', flashduty: 'FlashDuty configuration', pagerduty: 'PagerDuty configuration', + plivo: 'Plivo configuration', dingtalkapp: 'DingTalk App configuration', wecomapp: 'WeCom App configuration', feishuapp: 'Feishu App configuration', @@ -118,6 +119,21 @@ const en_US = { timeout: 'Timeout (unit: ms)', retry_times: 'Retry Times', }, + plivo_request_config: { + title: 'Plivo', + auth_id: 'Auth ID', + auth_token: 'Auth Token', + src_number: 'Source Number', + src_number_tip: 'The Plivo phone number used as the SMS sender or the caller ID for voice calls. May be entered with or without a leading +.', + answer_url: 'Answer URL', + answer_url_tip: 'For voice calls, the URL that returns Plivo XML instructing what to do when the call is answered.', + answer_method: 'Answer Method', + answer_method_tip: 'HTTP method Plivo uses to fetch the Answer URL. Defaults to POST; use GET only if your Answer URL is served over GET.', + proxy: 'Proxy', + proxy_tip: 'HTTP PROXY address, used in scenarios that require a proxy', + timeout: 'Timeout (unit: ms)', + retry_times: 'Retry Times', + }, dingtalkapp_request_config: { app_key: 'App Key', app_secret: 'App Secret', @@ -162,6 +178,8 @@ const en_US = { 'ali-sms': 'Aliyun SMS', 'tx-voice': 'Tencent Cloud Voice', 'tx-sms': 'Tencent Cloud SMS', + 'plivo-voice': 'Plivo Voice', + 'plivo-sms': 'Plivo SMS', slackbot: 'Slack Bot', slackwebhook: 'Slack Webhook', mattermostbot: 'Mattermost Bot', diff --git a/src/pages/notificationChannels/locale/ja_JP.ts b/src/pages/notificationChannels/locale/ja_JP.ts index 82378bf44..ed779c9dc 100644 --- a/src/pages/notificationChannels/locale/ja_JP.ts +++ b/src/pages/notificationChannels/locale/ja_JP.ts @@ -42,6 +42,7 @@ const ja_JP = { script: 'Script 設定', flashduty: 'FlashDuty 設定', pagerduty: 'PagerDuty 設定', + plivo: 'Plivo 設定', dingtalkapp: 'DingTalk アプリ設定', wecomapp: '企業微信アプリ設定', feishuapp: 'Feishu アプリ設定', @@ -117,6 +118,21 @@ const ja_JP = { timeout: 'タイムアウト (単位: ミリ秒)', retry_times: 'リトライ回数', }, + plivo_request_config: { + title: 'Plivo', + auth_id: 'Auth ID', + auth_token: 'Auth Token', + src_number: '送信元番号', + src_number_tip: 'SMS の送信元または音声通話の発信者番号として使用する Plivo の電話番号。先頭の + は付けても付けなくても構いません。', + answer_url: 'Answer URL', + answer_url_tip: '音声通話で使用します。通話に応答したときに Plivo XML を返す URL です。', + answer_method: 'Answer Method', + answer_method_tip: 'Plivo が Answer URL を取得する際の HTTP メソッド。デフォルトは POST で、Answer URL が GET で提供される場合のみ GET を選択します。', + proxy: 'プロキシ', + proxy_tip: 'プロキシが必要な場合は、ここに HTTP PROXY アドレスを入力してください', + timeout: 'タイムアウト (単位: ミリ秒)', + retry_times: 'リトライ回数', + }, dingtalkapp_request_config: { app_key: 'アプリキー', app_secret: 'アプリシークレット', @@ -159,6 +175,8 @@ const ja_JP = { telegram: 'Telegram', 'ali-voice': 'Alibaba Cloud音声', 'ali-sms': 'Alibaba Cloud SMS', + 'plivo-voice': 'Plivo 音声', + 'plivo-sms': 'Plivo SMS', 'tx-voice': 'Tencent Cloud音声', 'tx-sms': 'Tencent Cloud SMS', slackbot: 'Slack Bot', diff --git a/src/pages/notificationChannels/locale/ru_RU.ts b/src/pages/notificationChannels/locale/ru_RU.ts index 8b9ad2f96..e0938869c 100644 --- a/src/pages/notificationChannels/locale/ru_RU.ts +++ b/src/pages/notificationChannels/locale/ru_RU.ts @@ -42,6 +42,7 @@ const ru_RU = { script: 'Настройка Script', flashduty: 'Настройка FlashDuty', pagerduty: 'Настройка PagerDuty', + plivo: 'Настройка Plivo', dingtalkapp: 'Настройка DingTalk App', wecomapp: 'Настройка WeCom App', feishuapp: 'Настройка Feishu App', @@ -119,6 +120,21 @@ const ru_RU = { timeout: 'Тайм-аут (мс)', retry_times: 'Количество повторных попыток', }, + plivo_request_config: { + title: 'Plivo', + auth_id: 'Auth ID', + auth_token: 'Auth Token', + src_number: 'Номер отправителя', + src_number_tip: 'Номер Plivo, используемый как отправитель SMS или идентификатор вызывающего абонента для голосовых вызовов. Можно вводить с ведущим + или без него.', + answer_url: 'Answer URL', + answer_url_tip: 'Для голосовых вызовов — URL, возвращающий Plivo XML с инструкциями при ответе на вызов.', + answer_method: 'Answer Method', + answer_method_tip: 'HTTP-метод, которым Plivo запрашивает Answer URL. По умолчанию POST; выберите GET, только если ваш Answer URL обслуживается через GET.', + proxy: 'Прокси', + proxy_tip: 'Адрес HTTP-прокси для сценариев, требующих прокси', + timeout: 'Тайм-аут (мс)', + retry_times: 'Количество повторных попыток', + }, dingtalkapp_request_config: { app_key: 'Ключ приложения', app_secret: 'Секрет приложения', @@ -161,6 +177,8 @@ const ru_RU = { telegram: 'Telegram', 'ali-voice': 'Голосовой Alibaba Cloud', 'ali-sms': 'SMS Alibaba Cloud', + 'plivo-voice': 'Plivo Голос', + 'plivo-sms': 'Plivo SMS', 'tx-voice': 'Голосовой Tencent Cloud', 'tx-sms': 'SMS Tencent Cloud', slackbot: 'Slack Bot', diff --git a/src/pages/notificationChannels/locale/zh_CN.ts b/src/pages/notificationChannels/locale/zh_CN.ts index 92a568285..b2b77e618 100644 --- a/src/pages/notificationChannels/locale/zh_CN.ts +++ b/src/pages/notificationChannels/locale/zh_CN.ts @@ -40,6 +40,7 @@ const zh_CN = { script: 'Script 配置', flashduty: 'FlashDuty 配置', pagerduty: 'PagerDuty 配置', + plivo: 'Plivo 配置', dingtalkapp: '钉钉应用配置', wecomapp: '企业微信应用配置', feishuapp: '飞书应用配置', @@ -114,6 +115,21 @@ const zh_CN = { timeout: '超时时间 (单位: 毫秒)', retry_times: '重试次数', }, + plivo_request_config: { + title: 'Plivo', + auth_id: 'Auth ID', + auth_token: 'Auth Token', + src_number: '发送号码', + src_number_tip: '作为短信发送方或语音主叫的 Plivo 号码，填写时可带或不带前导 +。', + answer_url: 'Answer URL', + answer_url_tip: '语音通道使用，呼叫接通后返回 Plivo XML 指令的 URL。', + answer_method: 'Answer Method', + answer_method_tip: 'Plivo 拉取 Answer URL 所用的 HTTP 方法，默认 POST；仅当 Answer URL 以 GET 提供时才选 GET。', + proxy: '代理', + proxy_tip: 'HTTP PROXY 地址，用于需要代理的场景', + timeout: '超时时间 (单位: 毫秒)', + retry_times: '重试次数', + }, dingtalkapp_request_config: { app_key: '应用唯一标识', app_secret: '应用密钥', @@ -157,6 +173,8 @@ const zh_CN = { telegram: 'Telegram', 'ali-voice': '阿里云语音', 'ali-sms': '阿里云短信', + 'plivo-voice': 'Plivo 语音', + 'plivo-sms': 'Plivo 短信', 'tx-voice': '腾讯云语音', 'tx-sms': '腾讯云短信', slackbot: 'Slack Bot', diff --git a/src/pages/notificationChannels/locale/zh_HK.ts b/src/pages/notificationChannels/locale/zh_HK.ts index 9502742b1..d355ebe86 100644 --- a/src/pages/notificationChannels/locale/zh_HK.ts +++ b/src/pages/notificationChannels/locale/zh_HK.ts @@ -40,6 +40,7 @@ const zh_HK = { script: 'Script 配置', flashduty: 'FlashDuty 配置', pagerduty: 'PagerDuty 配置', + plivo: 'Plivo 配置', dingtalkapp: '釘釘應用配置', wecomapp: '企業微信應用配置', feishuapp: '飛書應用配置', @@ -114,6 +115,21 @@ const zh_HK = { timeout: '超時時間 (單位: 毫秒)', retry_times: '重試次數', }, + plivo_request_config: { + title: 'Plivo', + auth_id: 'Auth ID', + auth_token: 'Auth Token', + src_number: '發送號碼', + src_number_tip: '作為短信發送方或語音主叫的 Plivo 號碼，填寫時可帶或不帶前導 +。', + answer_url: 'Answer URL', + answer_url_tip: '語音通道使用，呼叫接通後返回 Plivo XML 指令的 URL。', + answer_method: 'Answer Method', + answer_method_tip: 'Plivo 拉取 Answer URL 所用的 HTTP 方法，預設 POST；僅當 Answer URL 以 GET 提供時才選 GET。', + proxy: '代理', + proxy_tip: 'HTTP PROXY 地址，用於需要代理的場景', + timeout: '超時時間 (單位: 毫秒)', + retry_times: '重試次數', + }, dingtalkapp_request_config: { app_key: '應用唯一標識', app_secret: '應用密鑰', @@ -156,6 +172,8 @@ const zh_HK = { telegram: 'Telegram', 'ali-voice': '阿里雲語音', 'ali-sms': '阿里雲短信', + 'plivo-voice': 'Plivo 語音', + 'plivo-sms': 'Plivo 短信', 'tx-voice': '騰訊雲語音', 'tx-sms': '騰訊雲短信', slackbot: 'Slack Bot', diff --git a/src/pages/notificationChannels/pages/Form/Plivo.tsx b/src/pages/notificationChannels/pages/Form/Plivo.tsx new file mode 100644 index 000000000..76ee18b25 --- /dev/null +++ b/src/pages/notificationChannels/pages/Form/Plivo.tsx @@ -0,0 +1,88 @@ +import { useTranslation } from 'react-i18next'; +import { NS } from '../../constants'; +import { Form, Input, InputNumber, Select, Space, Tooltip } from 'antd'; +import React from 'react'; +import { QuestionCircleOutlined } from '@ant-design/icons'; + +export default function Plivo() { + const { t } = useTranslation(NS); + const names = ['request_config', 'plivo_request_config']; + const request_type = Form.useWatch('request_type'); + const ident = Form.useWatch('ident'); + const isPlivo = request_type === 'plivo'; + const isVoice = ident === 'plivo-voice'; + + return ( +

+ + + + + + + + {t('plivo_request_config.src_number')} + + + + + } + name={[...names, 'src_number']} + rules={[{ required: isPlivo }]} + > + + + {isVoice && ( + + {t('plivo_request_config.answer_url')} + + + + + } + name={[...names, 'answer_url']} + rules={[{ required: isVoice }]} + > + + + )} + {isVoice && ( + + {t('plivo_request_config.answer_method')} + + + + + } + name={[...names, 'answer_method']} + > + + + + + + + + +
+ ); +} diff --git a/src/pages/notificationChannels/pages/Form/index.tsx b/src/pages/notificationChannels/pages/Form/index.tsx index b0f67193a..5cf118d4b 100644 --- a/src/pages/notificationChannels/pages/Form/index.tsx +++ b/src/pages/notificationChannels/pages/Form/index.tsx @@ -21,6 +21,7 @@ import Pagerduty from './Pagerduty'; import DingtalkApp from './DingtalkApp'; import WecomApp from './WecomApp'; import FeishuApp from './FeishuApp'; +import Plivo from './Plivo'; interface Props { initialValues?: ChannelItem; @@ -155,6 +156,7 @@ export default function FormCpt(props: Props) { +
diff --git a/src/pages/notificationChannels/types.ts b/src/pages/notificationChannels/types.ts index d6acb4379..7be3e7f2f 100644 --- a/src/pages/notificationChannels/types.ts +++ b/src/pages/notificationChannels/types.ts @@ -61,6 +61,18 @@ interface PagerdutyRequestConfig { integration_keys: string[]; } +interface PlivoRequestConfig { + auth_id: string; + auth_token: string; + src_number: string; + answer_url: string; + answer_method: string; + proxy: string; + timeout: number; + retry_times: number; + retry_sleep: number; +} + interface DingtalkAppRequestConfig { app_key: string; app_secret: string; @@ -97,13 +109,14 @@ export interface ChannelItem { description: string; enable: boolean; param_config: ParamConfig; - request_type: 'http' | 'smtp' | 'script' | 'flashduty' | 'pagerduty' | 'feishuapp' | 'dingtalkapp' | 'wecomapp' | 'feishu' | 'feishucard' | 'lark' | 'larkcard' | 'dingtalk'; + request_type: 'http' | 'smtp' | 'script' | 'flashduty' | 'pagerduty' | 'plivo' | 'feishuapp' | 'dingtalkapp' | 'wecomapp' | 'feishu' | 'feishucard' | 'lark' | 'larkcard' | 'dingtalk'; request_config: { http_request_config: HttpRequestConfig; smtp_request_config: SmtpRequestConfig; script_request_config: ScriptRequestConfig; flashduty_request_config: FlashdutyRequestConfig; pagerduty_request_config: PagerdutyRequestConfig; + plivo_request_config: PlivoRequestConfig; dingtalkapp_request_config: DingtalkAppRequestConfig; wecomapp_request_config: WecomAppRequestConfig; feishuapp_request_config: FeishuAppRequestConfig;