412 lines
14 KiB
React
412 lines
14 KiB
React
/*
|
||
Copyright (C) 2025 QuantumNous
|
||
|
||
This program is free software: you can redistribute it and/or modify
|
||
it under the terms of the GNU Affero General Public License as
|
||
published by the Free Software Foundation, either version 3 of the
|
||
License, or (at your option) any later version.
|
||
|
||
This program is distributed in the hope that it will be useful,
|
||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
GNU Affero General Public License for more details.
|
||
|
||
You should have received a copy of the GNU Affero General Public License
|
||
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||
|
||
For commercial licensing, please contact support@quantumnous.com
|
||
*/
|
||
|
||
import React, { useEffect, useRef, useState } from 'react';
|
||
import { Banner, Button, Col, Form, Row, Spin } from '@douyinfe/semi-ui';
|
||
import {
|
||
API,
|
||
removeTrailingSlash,
|
||
showError,
|
||
showSuccess,
|
||
} from '../../../helpers';
|
||
import { useTranslation } from 'react-i18next';
|
||
import { BookOpen, TriangleAlert } from 'lucide-react';
|
||
|
||
const defaultInputs = {
|
||
WaffoPancakeEnabled: false,
|
||
WaffoPancakeSandbox: false,
|
||
WaffoPancakeMerchantID: '',
|
||
WaffoPancakePrivateKey: '',
|
||
WaffoPancakeWebhookPublicKey: '',
|
||
WaffoPancakeWebhookTestKey: '',
|
||
WaffoPancakeStoreID: '',
|
||
WaffoPancakeProductID: '',
|
||
WaffoPancakeReturnURL: '',
|
||
WaffoPancakeCurrency: 'USD',
|
||
WaffoPancakeUnitPrice: 1.0,
|
||
WaffoPancakeMinTopUp: 1,
|
||
};
|
||
|
||
const toBoolean = (value) => value === true || value === 'true';
|
||
|
||
export default function SettingsPaymentGatewayWaffoPancake(props) {
|
||
const { t } = useTranslation();
|
||
const sectionTitle = props.hideSectionTitle
|
||
? undefined
|
||
: t('Waffo Pancake 设置');
|
||
const [loading, setLoading] = useState(false);
|
||
const [inputs, setInputs] = useState(defaultInputs);
|
||
const formApiRef = useRef(null);
|
||
|
||
useEffect(() => {
|
||
if (!props.options || !formApiRef.current) return;
|
||
|
||
const currentInputs = {
|
||
WaffoPancakeEnabled: toBoolean(props.options.WaffoPancakeEnabled),
|
||
WaffoPancakeSandbox: toBoolean(props.options.WaffoPancakeSandbox),
|
||
WaffoPancakeMerchantID: props.options.WaffoPancakeMerchantID || '',
|
||
WaffoPancakePrivateKey: props.options.WaffoPancakePrivateKey || '',
|
||
WaffoPancakeWebhookPublicKey:
|
||
props.options.WaffoPancakeWebhookPublicKey || '',
|
||
WaffoPancakeWebhookTestKey:
|
||
props.options.WaffoPancakeWebhookTestKey || '',
|
||
WaffoPancakeStoreID: props.options.WaffoPancakeStoreID || '',
|
||
WaffoPancakeProductID: props.options.WaffoPancakeProductID || '',
|
||
WaffoPancakeReturnURL: props.options.WaffoPancakeReturnURL || '',
|
||
WaffoPancakeCurrency: props.options.WaffoPancakeCurrency || 'USD',
|
||
WaffoPancakeUnitPrice:
|
||
props.options.WaffoPancakeUnitPrice !== undefined
|
||
? parseFloat(props.options.WaffoPancakeUnitPrice)
|
||
: 1.0,
|
||
WaffoPancakeMinTopUp:
|
||
props.options.WaffoPancakeMinTopUp !== undefined
|
||
? parseFloat(props.options.WaffoPancakeMinTopUp)
|
||
: 1,
|
||
};
|
||
|
||
setInputs(currentInputs);
|
||
formApiRef.current.setValues(currentInputs);
|
||
}, [props.options]);
|
||
|
||
const handleFormChange = (values) => {
|
||
setInputs(values);
|
||
};
|
||
|
||
const submitWaffoPancakeSetting = async () => {
|
||
const values = {
|
||
...inputs,
|
||
...(formApiRef.current?.getValues?.() || {}),
|
||
};
|
||
values.WaffoPancakeEnabled = toBoolean(values.WaffoPancakeEnabled);
|
||
values.WaffoPancakeSandbox = toBoolean(values.WaffoPancakeSandbox);
|
||
const currentWebhookField = values.WaffoPancakeSandbox
|
||
? 'WaffoPancakeWebhookTestKey'
|
||
: 'WaffoPancakeWebhookPublicKey';
|
||
const currentWebhookLabel = values.WaffoPancakeSandbox
|
||
? t('Webhook 公钥（测试环境）')
|
||
: t('Webhook 公钥（生产环境）');
|
||
|
||
if (values.WaffoPancakeEnabled && !values.WaffoPancakeMerchantID.trim()) {
|
||
showError(t('请输入商户 ID'));
|
||
return;
|
||
}
|
||
|
||
if (values.WaffoPancakeEnabled && !values.WaffoPancakeStoreID.trim()) {
|
||
showError(t('请输入 Store ID'));
|
||
return;
|
||
}
|
||
|
||
if (values.WaffoPancakeEnabled && !values.WaffoPancakeProductID.trim()) {
|
||
showError(t('请输入 Product ID'));
|
||
return;
|
||
}
|
||
|
||
if (
|
||
values.WaffoPancakeEnabled &&
|
||
!String(values[currentWebhookField] || '').trim()
|
||
) {
|
||
showError(currentWebhookLabel);
|
||
return;
|
||
}
|
||
|
||
if (
|
||
values.WaffoPancakeEnabled &&
|
||
Number(values.WaffoPancakeUnitPrice) <= 0
|
||
) {
|
||
showError(t('充值价格必须大于 0'));
|
||
return;
|
||
}
|
||
|
||
if (values.WaffoPancakeEnabled && Number(values.WaffoPancakeMinTopUp) < 1) {
|
||
showError(t('最低充值美元数量必须大于 0'));
|
||
return;
|
||
}
|
||
|
||
setLoading(true);
|
||
try {
|
||
const options = [
|
||
{
|
||
key: 'WaffoPancakeEnabled',
|
||
value: values.WaffoPancakeEnabled ? 'true' : 'false',
|
||
},
|
||
{
|
||
key: 'WaffoPancakeSandbox',
|
||
value: values.WaffoPancakeSandbox ? 'true' : 'false',
|
||
},
|
||
{
|
||
key: 'WaffoPancakeMerchantID',
|
||
value: values.WaffoPancakeMerchantID || '',
|
||
},
|
||
{
|
||
key: 'WaffoPancakeStoreID',
|
||
value: values.WaffoPancakeStoreID || '',
|
||
},
|
||
{
|
||
key: 'WaffoPancakeProductID',
|
||
value: values.WaffoPancakeProductID || '',
|
||
},
|
||
{
|
||
key: 'WaffoPancakeReturnURL',
|
||
value: removeTrailingSlash(values.WaffoPancakeReturnURL || ''),
|
||
},
|
||
{
|
||
key: 'WaffoPancakeCurrency',
|
||
value: values.WaffoPancakeCurrency || 'USD',
|
||
},
|
||
{
|
||
key: 'WaffoPancakeUnitPrice',
|
||
value: String(values.WaffoPancakeUnitPrice),
|
||
},
|
||
{
|
||
key: 'WaffoPancakeMinTopUp',
|
||
value: String(values.WaffoPancakeMinTopUp),
|
||
},
|
||
];
|
||
|
||
if ((values.WaffoPancakePrivateKey || '').trim()) {
|
||
options.push({
|
||
key: 'WaffoPancakePrivateKey',
|
||
value: values.WaffoPancakePrivateKey,
|
||
});
|
||
}
|
||
|
||
if ((values.WaffoPancakeWebhookPublicKey || '').trim()) {
|
||
options.push({
|
||
key: 'WaffoPancakeWebhookPublicKey',
|
||
value: values.WaffoPancakeWebhookPublicKey,
|
||
});
|
||
}
|
||
|
||
if ((values.WaffoPancakeWebhookTestKey || '').trim()) {
|
||
options.push({
|
||
key: 'WaffoPancakeWebhookTestKey',
|
||
value: values.WaffoPancakeWebhookTestKey,
|
||
});
|
||
}
|
||
|
||
const results = await Promise.all(
|
||
options.map((opt) =>
|
||
API.put('/api/option/', {
|
||
key: opt.key,
|
||
value: opt.value,
|
||
}),
|
||
),
|
||
);
|
||
|
||
const errorResults = results.filter((res) => !res.data.success);
|
||
if (errorResults.length > 0) {
|
||
errorResults.forEach((res) => showError(res.data.message));
|
||
return;
|
||
}
|
||
|
||
showSuccess(t('更新成功'));
|
||
props.refresh?.();
|
||
} catch (error) {
|
||
showError(t('更新失败'));
|
||
} finally {
|
||
setLoading(false);
|
||
}
|
||
};
|
||
|
||
return (
|
||
<Spin spinning={loading}>
|
||
<Form
|
||
initValues={inputs}
|
||
onValueChange={handleFormChange}
|
||
getFormApi={(api) => (formApiRef.current = api)}
|
||
>
|
||
<Form.Section text={sectionTitle}>
|
||
<Banner
|
||
type='info'
|
||
icon={<BookOpen size={16} />}
|
||
description={
|
||
<>
|
||
Waffo Pancake 的商户、商品和签名密钥请
|
||
<a
|
||
href='https://docs.waffo.ai'
|
||
target='_blank'
|
||
rel='noreferrer'
|
||
>
|
||
点击此处
|
||
</a>
|
||
获取，建议先在测试环境完成联调。
|
||
<br />
|
||
{t('回调地址')}：
|
||
{props.options.ServerAddress
|
||
? removeTrailingSlash(props.options.ServerAddress)
|
||
: t('网站地址')}
|
||
/api/waffo-pancake/webhook
|
||
</>
|
||
}
|
||
style={{ marginBottom: 12 }}
|
||
/>
|
||
<Banner
|
||
type='warning'
|
||
icon={<TriangleAlert size={16} />}
|
||
description={t(
|
||
'请确认 Merchant、Store、Product 和所选环境密钥一致。',
|
||
)}
|
||
style={{ marginBottom: 16 }}
|
||
/>
|
||
<Row gutter={{ xs: 8, sm: 16, md: 24, lg: 24, xl: 24, xxl: 24 }}>
|
||
<Col xs={24} sm={12} md={8} lg={8} xl={8}>
|
||
<Form.Switch
|
||
field='WaffoPancakeEnabled'
|
||
label={t('启用 Waffo Pancake')}
|
||
checkedText='｜'
|
||
uncheckedText='〇'
|
||
/>
|
||
</Col>
|
||
<Col xs={24} sm={12} md={8} lg={8} xl={8}>
|
||
<Form.Switch
|
||
field='WaffoPancakeSandbox'
|
||
label={t('沙盒模式')}
|
||
checkedText='｜'
|
||
uncheckedText='〇'
|
||
extraText={t('用于切换当前下单和回调校验所使用的环境')}
|
||
/>
|
||
</Col>
|
||
<Col xs={24} sm={12} md={8} lg={8} xl={8}>
|
||
<Form.Input
|
||
field='WaffoPancakeCurrency'
|
||
label={t('货币')}
|
||
placeholder='USD'
|
||
extraText={t('默认使用 USD 结算')}
|
||
/>
|
||
</Col>
|
||
</Row>
|
||
|
||
<Row
|
||
gutter={{ xs: 8, sm: 16, md: 24, lg: 24, xl: 24, xxl: 24 }}
|
||
style={{ marginTop: 16 }}
|
||
>
|
||
<Col xs={24} sm={24} md={8} lg={8} xl={8}>
|
||
<Form.Input
|
||
field='WaffoPancakeMerchantID'
|
||
label={t('商户 ID')}
|
||
placeholder={t('例如：MER_xxx')}
|
||
extraText={t('请填写当前环境对应的商户 ID')}
|
||
/>
|
||
</Col>
|
||
<Col xs={24} sm={24} md={8} lg={8} xl={8}>
|
||
<Form.Input
|
||
field='WaffoPancakeStoreID'
|
||
label={t('Store ID')}
|
||
placeholder={t('例如：STO_xxx')}
|
||
extraText={t('请填写当前环境对应的 Store ID')}
|
||
/>
|
||
</Col>
|
||
<Col xs={24} sm={24} md={8} lg={8} xl={8}>
|
||
<Form.Input
|
||
field='WaffoPancakeProductID'
|
||
label={t('Product ID')}
|
||
placeholder={t('例如：PROD_xxx')}
|
||
extraText={t('请填写当前环境对应的 Product ID')}
|
||
/>
|
||
</Col>
|
||
</Row>
|
||
|
||
<Row
|
||
gutter={{ xs: 8, sm: 16, md: 24, lg: 24, xl: 24, xxl: 24 }}
|
||
style={{ marginTop: 16 }}
|
||
>
|
||
<Col xs={24} sm={24} md={12} lg={12} xl={12}>
|
||
<Form.TextArea
|
||
field='WaffoPancakePrivateKey'
|
||
label={t('API 私钥')}
|
||
placeholder={t('填写后覆盖当前私钥，留空表示保持当前不变')}
|
||
extraText={t('保存后不会回显，请填写当前环境对应的 API 私钥')}
|
||
type='password'
|
||
autosize={{ minRows: 4, maxRows: 8 }}
|
||
/>
|
||
</Col>
|
||
<Col xs={24} sm={24} md={12} lg={12} xl={12}>
|
||
<Form.Input
|
||
field='WaffoPancakeReturnURL'
|
||
label={t('支付返回地址')}
|
||
placeholder={t('例如：https://example.com/console/topup')}
|
||
extraText={t('留空则自动使用当前站点的默认充值页地址')}
|
||
/>
|
||
</Col>
|
||
</Row>
|
||
|
||
<Row
|
||
gutter={{ xs: 8, sm: 16, md: 24, lg: 24, xl: 24, xxl: 24 }}
|
||
style={{ marginTop: 16 }}
|
||
>
|
||
<Col xs={24} sm={24} md={12} lg={12} xl={12}>
|
||
<Form.TextArea
|
||
field='WaffoPancakeWebhookPublicKey'
|
||
label={t('Webhook 公钥（生产环境）')}
|
||
placeholder={t(
|
||
'填写后覆盖当前生产环境 Webhook 公钥，留空表示保持当前不变',
|
||
)}
|
||
extraText={t('用于校验生产环境的 Waffo Pancake Webhook 签名')}
|
||
type='password'
|
||
autosize={{ minRows: 4, maxRows: 8 }}
|
||
/>
|
||
</Col>
|
||
<Col xs={24} sm={24} md={12} lg={12} xl={12}>
|
||
<Form.TextArea
|
||
field='WaffoPancakeWebhookTestKey'
|
||
label={t('Webhook 公钥（测试环境）')}
|
||
placeholder={t(
|
||
'填写后覆盖当前测试环境 Webhook 公钥，留空表示保持当前不变',
|
||
)}
|
||
extraText={t('用于校验测试环境的 Waffo Pancake Webhook 签名')}
|
||
type='password'
|
||
autosize={{ minRows: 4, maxRows: 8 }}
|
||
/>
|
||
</Col>
|
||
</Row>
|
||
|
||
<Row
|
||
gutter={{ xs: 8, sm: 16, md: 24, lg: 24, xl: 24, xxl: 24 }}
|
||
style={{ marginTop: 16 }}
|
||
>
|
||
<Col xs={24} sm={12} md={8} lg={8} xl={8}>
|
||
<Form.InputNumber
|
||
field='WaffoPancakeUnitPrice'
|
||
precision={2}
|
||
label={t('充值价格（x元/美金）')}
|
||
placeholder={t('例如：7，就是7元/美金')}
|
||
extraText={t('按 1 美元对应的站内价格填写')}
|
||
min={0}
|
||
/>
|
||
</Col>
|
||
<Col xs={24} sm={12} md={8} lg={8} xl={8}>
|
||
<Form.InputNumber
|
||
field='WaffoPancakeMinTopUp'
|
||
label={t('最低充值美元数量')}
|
||
placeholder={t('例如：2，就是最低充值2$')}
|
||
extraText={t('用户单次最少可充值的美元数量')}
|
||
min={1}
|
||
/>
|
||
</Col>
|
||
</Row>
|
||
|
||
<Button onClick={submitWaffoPancakeSetting}>
|
||
{t('更新 Waffo Pancake 设置')}
|
||
</Button>
|
||
</Form.Section>
|
||
</Form>
|
||
</Spin>
|
||
);
|
||
}
|