message-verify 1.0.1-beta.48 → 1.0.1-beta.5

package/src/main.tsx

@@ -1,12 +1,11 @@
 import { createRoot } from 'react-dom/client';
-import { initFingerprint, createReLoginModal, VerifyHandler } from './index.js'; // 或 './index'
+import { createMessageVerifyModal, initFingerprint } from './index.js'; // 或 './index'
 import { axios } from '@yqg/resource';
 
 const data = "{\"mobile\":\"188****4035\",\"verifyCodeKey\":\"3f025b33-988e-47c0-950d-6beb776d043f\",\"needValid\":true,\"step\":2,\"message\":\"需要填写验证码\"}";
 
 const fp = await initFingerprint();
-const fp2 = await initFingerprint();
-console.log(fp, fp2);
+console.log(fp);
 
 const config = {
     "transitional": {
@@ -14,6 +13,12 @@ const config = {
         "forcedJSONParsing": true,
         "clarifyTimeoutError": false
     },
+    "transformRequest": [
+        null
+    ],
+    "transformResponse": [
+        null
+    ],
     "timeout": 0,
     "xsrfCookieName": "XSRF-TOKEN",
     "xsrfHeaderName": "X-XSRF-TOKEN",
@@ -22,7 +27,9 @@ const config = {
     "headers": {
         "Accept": "application/json, text/plain, */*",
         "X-Device-Fingerprint": "185fcce88c629725321adf29daa5e444",
-        "Content-Type": "application/json"
+        "Content-Type": "application/json",
+        "sms-code": "121212",
+        "sms-code-key": "212190c7-2f5e-4cc1-82ec-a242c2ab5425"
     },
     "url": "/classification/admin/level/edit",
     "method": "post",
@@ -38,21 +45,17 @@ const config = {
     "data": "{\"id\":1,\"classificationName\":\"个人基本概况信息\",\"classificationLevel\":2}",
     "baseURL": "http://localhost:62888"
 };
-
-const promise = {current: null};
 createRoot(document.getElementById('root')!).render(
     <>
-        <button onClick={() => {
-            return VerifyHandler({data, config, http: axios, verifyPromise: promise});
-        }}>
-            Show verify Modal 
-        </button>
-        <button  onClick={() => createReLoginModal({
-            goLogin: () => {
-                console.log('goLogin');
+        <button onClick={() => createMessageVerifyModal({
+            data,
+            config,
+            response: {
+                config
             },
-            lang: 'zh',
+            lang: 'en',
+            http: axios,
         })}>
-            Show login Modal
+            Show verify Modal
         </button>
     </>);

package/src/{modal/relogin-modal.tsx → relogin-modal.tsx}

@@ -1,23 +1,20 @@
 import { useState } from 'react'
-import { Modal, Button } from '../compoments/index.js'
-import { LoginModalConfig } from '../utils/type.js';
-import t from '../utils/i18n.js'
+import { Modal, Button } from './compoments/index.js'
+import { ModalConfig } from './utils/type.js';
 
-const ReLoginModal = ({ props }: { props: LoginModalConfig }) => {
-    const { goLogin, lang, onClose: destroyModal } = props || {};
+const ReLoginModal = ({ props }: { props: ModalConfig }) => {
+    console.log('props', props);
     const [visible, setVisible] = useState(true);
     const onClose = () => {
         setVisible(false);
-        goLogin();
-        destroyModal?.();
     };
     return (
         <Modal visible={visible} onClose={onClose} width={420}>
             <div style={{ fontWeight: 500, fontSize: 20, marginBottom: 24 }}>
-                {t('accountAlert', lang)}
+                账号安全提醒
             </div>
             <div style={{ color: '#222', fontSize: 16, marginBottom: 40, lineHeight: '24px' }}>
-                {t('alertContent', lang)}
+                检测到您的登录环境或网络信息有变动，为保障账户安全，请重新登录验证身份
             </div>
             <div style={{ display: 'flex', justifyContent: 'center' }}>
                 <Button
@@ -25,15 +22,16 @@ const ReLoginModal = ({ props }: { props: LoginModalConfig }) => {
                         background: '#1677ff',
                         color: '#fff',
                         border: 'none',
-                        width: 80,
-                        height: 36,
-                        fontSize: 14,
+                        width: 160,
+                        height: 44,
+                        fontSize: 18,
+                        fontWeight: 500,
                         borderRadius: 8,
                         boxShadow: '0 2px 8px rgba(22,119,255,0.08)',
                     }}
                     onClick={onClose}
                 >
-                    {t('ok', lang)}
+                    好的
                 </Button>
             </div>
         </Modal>

package/src/utils/type.ts

@@ -1,5 +1,5 @@
 
-export type VerifyModalConfig = {
+export type ModalConfig = {
     data: string;
     onClose?: () => void
     config: {
@@ -8,7 +8,7 @@ export type VerifyModalConfig = {
         };
         [key: string]: unknown;
     };
-    lang?: 'zh' | 'en' | 'id';
+    lang: 'zh' | 'en' | 'id';
     http: {
         (params: object): Promise<unknown>;
         defaults: {
@@ -19,15 +19,6 @@ export type VerifyModalConfig = {
             }
         }
     };
-    sendApi?: string;
-    apiReject?: any;
-    apiResolve?: any;
-    apiPromiseToEmpty?: () => void;
-    verifyPromise: {current: Promise<any> | null}
-}
-
-export type LoginModalConfig = {
-    goLogin: () => void;
-    onClose?: () => void
-    lang?: 'zh' | 'en' | 'id';
+    api?: string;
+    response: any;
 }

package/src/verify-modal.tsx

@@ -0,0 +1,129 @@
+import { useEffect, useState } from 'react'
+import { Modal, Input, Button, message } from './compoments/index.js'
+import Api from './resource.js'
+import t from './utils/i18n.js'
+import { ModalConfig } from './utils/type.js';
+import { axios } from '@yqg/resource';
+
+const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
+    const [visible, setVisible] = useState(true);
+    const [countdown, setCountdown] = useState(60);
+    const [otp, setOtp] = useState('');
+    const [captchaImage, setCaptchaImage] = useState<string>('');
+    const [captchCode, setCaptchCode] = useState<string>('');
+    const [captchaKey, setCaptchaKey] = useState<string>('');
+    const { data, config, http, lang, api='/admin/sms/send', response } = props || {};
+    const dataObj = JSON.parse(data || '{}');
+    const { mobile, verifyCodeKey } = dataObj || {};
+
+    const getKey = async () => {
+        try {
+            const res = await Api.getCaptchaKey();
+            const { body: key } = res.data || {};
+            setCaptchaKey(key);
+            if (key) {
+                const image = Api.getCaptchaImgUrl(key) as unknown;
+                setCaptchaImage(image as string);
+            }
+        } catch (err) {const msg =
+            typeof err === 'object' && err !== null && 'message' in err
+                ? (err as {message: string}).message
+                : String(err);
+            message.error(msg as React.ReactNode);
+        }
+    }
+
+    useEffect(() => {
+        let timer: number | null = null;
+        if (visible && countdown > 0) {
+            timer = setInterval(() => {
+                setCountdown((prev) => prev - 1);
+            }, 1000);
+        }
+        if (countdown === 0) {
+            getKey();
+        }
+        return () => {
+            if (timer) clearInterval(timer);
+        };
+    }, [visible, countdown]);
+
+    const handleResend = async () => {
+        const formData = new FormData();
+        formData.append('captchaKey', captchaKey);
+        formData.append('captcha', captchCode);
+        // 重新发送验证码
+        const res = await axios.post(api, formData);
+        const { code, detail } = res.data?.status || {};
+        if (code !== 0) {
+            message.error(detail || t('sendFailed', lang));
+            return;
+        }
+        message.success(t('sendSuccess', lang));
+        setCountdown(60);
+    }
+
+    return (
+        <Modal
+            width={420}
+            visible={visible}
+            onClose={() => {
+                setVisible(false);
+                props.onClose?.();
+            }}
+        >
+            <div style={{ fontSize: 14, color: '#666' }}>{t('alreadySend', lang, { phone: mobile })}</div>
+
+            <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginTop: 12 }}>
+                <Input.OTP
+                    length={6}
+                    value={otp}
+                    onChange={async (val) => {
+                        setOtp(val);
+                        if (val.length === 6) {
+                            const {data: {status: {code, detail} = {}}} = response || {};
+                            http({
+                                ...config,
+                                headers: {
+                                    ...http.defaults.headers.common,
+                                    'sms-code': val,
+                                    'sms-code-key': verifyCodeKey,
+                                    'Content-Type': config.headers['Content-Type'],
+                                }
+                            }) as any;
+                            console.log(response, code, 'config');
+                            if(code !== 0) {
+                                message.error(detail || t('verifyFailed', lang));
+                                return;
+                            } else {
+                                message.success(t('verifySuccess', lang));
+                                setVisible(false);
+                            }
+                        }
+                    }} />
+                <Button
+                    disabled={countdown > 0 || !captchCode}
+                    onClick={handleResend}
+                    style={{ padding: '8px' }}
+                >
+                    {countdown > 0 ? t('countDownSecound', lang, { countdown }) : t('reSend', lang)}
+                </Button>
+            </div>
+            {countdown > 0 ? null :
+                <div style={{ marginTop: 12, display: 'flex', alignItems: 'center' }}>
+                    <Input
+                        placeholder={t('pleaseEnterPicVerifyCode', lang)}
+                        onChange={(e) => {
+                            setCaptchCode(e as string)
+                        }}
+                        style={{ width: 300 }}
+                    />
+
+                    {captchaImage && <img src={captchaImage} alt={t('verifyCode', lang)} style={{ width: 100, height: 30, marginLeft: 8 }} onClick={getKey} />}
+                </div>}
+            {(countdown > 0 || captchCode) ? null : <div style={{ fontSize: 14, color: 'red' }}>{t('pleaseEnterAndSend', lang)}</div>}
+        </Modal>
+    );
+};
+
+export default CreateMessageVerifyModal;

package/dist/modal/relogin-modal.d.ts

@@ -1,5 +0,0 @@
-import { LoginModalConfig } from '../utils/type.js';
-declare const ReLoginModal: ({ props }: {
-    props: LoginModalConfig;
-}) => import("react/jsx-runtime.js").JSX.Element;
-export default ReLoginModal;

package/dist/modal/relogin-modal.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Modal, Button } from '../compoments/index.js';
-import t from '../utils/i18n.js';
-const ReLoginModal = ({ props }) => {
-    const { goLogin, lang, onClose: destroyModal } = props || {};
-    const [visible, setVisible] = useState(true);
-    const onClose = () => {
-        setVisible(false);
-        goLogin();
-        destroyModal?.();
-    };
-    return (_jsxs(Modal, { visible: visible, onClose: onClose, width: 420, children: [_jsx("div", { style: { fontWeight: 500, fontSize: 20, marginBottom: 24 }, children: t('accountAlert', lang) }), _jsx("div", { style: { color: '#222', fontSize: 16, marginBottom: 40, lineHeight: '24px' }, children: t('alertContent', lang) }), _jsx("div", { style: { display: 'flex', justifyContent: 'center' }, children: _jsx(Button, { style: {
-                        background: '#1677ff',
-                        color: '#fff',
-                        border: 'none',
-                        width: 80,
-                        height: 36,
-                        fontSize: 14,
-                        borderRadius: 8,
-                        boxShadow: '0 2px 8px rgba(22,119,255,0.08)',
-                    }, onClick: onClose, children: t('ok', lang) }) })] }));
-};
-export default ReLoginModal;

package/dist/modal/verify-modal.d.ts

@@ -1,5 +0,0 @@
-import { VerifyModalConfig } from '../utils/type.js';
-declare const CreateMessageVerifyModal: ({ props }: {
-    props: VerifyModalConfig;
-}) => import("react/jsx-runtime.js").JSX.Element;
-export default CreateMessageVerifyModal;

package/dist/modal/verify-modal.js

@@ -1,143 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Modal, Input, Button, message } from '../compoments/index.js';
-import Api from '../utils/resource.js';
-import t from '../utils/i18n.js';
-import { axios } from '@yqg/resource';
-const CreateMessageVerifyModal = ({ props }) => {
-    const [visible, setVisible] = useState(true);
-    const [countdown, setCountdown] = useState(60);
-    const [otp, setOtp] = useState('');
-    const [captchaImage, setCaptchaImage] = useState('');
-    const [captchCode, setCaptchCode] = useState('');
-    const [captchaKey, setCaptchaKey] = useState('');
-    const { data, http, lang, sendApi = '/admin/sms/send', config, apiResolve, apiPromiseToEmpty, onClose } = props || {};
-    const dataObj = JSON.parse(data || '{}');
-    const { mobile, verifyCodeKey } = dataObj || {};
-    const getKey = async () => {
-        try {
-            const res = await Api.getCaptchaKey();
-            const { body: key } = res.data || {};
-            setCaptchaKey(key);
-            if (key) {
-                const image = Api.getCaptchaImgUrl(key);
-                setCaptchaImage(image);
-            }
-        }
-        catch (err) {
-            const msg = typeof err === 'object' && err !== null && 'message' in err
-                ? err.message
-                : String(err);
-            message.error(msg);
-        }
-    };
-    useEffect(() => {
-        let timer = null;
-        if (visible && countdown > 0) {
-            timer = setInterval(() => {
-                setCountdown((prev) => prev - 1);
-            }, 1000);
-        }
-        if (countdown === 0) {
-            getKey();
-        }
-        return () => {
-            if (timer)
-                clearInterval(timer);
-        };
-    }, [visible, countdown]);
-    const handleResend = async () => {
-        const formData = new FormData();
-        formData.append('captchaKey', captchaKey);
-        formData.append('captcha', captchCode);
-        // 重新发送验证码
-        const res = await axios.post(sendApi, formData);
-        const { code, detail } = res.data?.status || {};
-        if (code !== 0) {
-            message.error(detail || t('sendFailed', lang));
-            return;
-        }
-        message.success(t('sendSuccess', lang));
-        // 重置倒计时、验证码
-        setCountdown(60);
-        setOtp('');
-    };
-    return (_jsxs(Modal, { width: 420, visible: visible, onClose: () => {
-            setVisible(false);
-            apiPromiseToEmpty?.();
-            onClose?.();
-        }, children: [_jsx("div", { style: { fontSize: 14, color: '#666' }, children: t('alreadySend', lang, { phone: mobile }) }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8, marginTop: 12 }, children: [_jsx(Input.OTP, { length: 6, value: otp, onChange: async (val) => {
-                            setOtp(val);
-                            if (val.length === 6) {
-                                // try {
-                                //     const res = await Promise.race([
-                                //         new Promise((resolve, reject) => {
-                                //             setTimeout(() => {
-                                //                 reject(new Error('Timeout'));
-                                //             }, 1000);
-                                //         }),
-                                //         new Promise((resolve, reject) => {
-                                //             http({
-                                //                 ...config,
-                                //                 headers: {
-                                //                     ...http.defaults.headers.common,
-                                //                     'sms-code': val,
-                                //                     'sms-code-key': verifyCodeKey,
-                                //                     'Content-Type': config.headers['Content-Type'],
-                                //                 }
-                                //             }).then(res => {
-                                //                 resolve(res);
-                                //             }).catch(err => {
-                                //                 reject(err);
-                                //         })
-                                //     ]) as any;
-                                //     if (res?.data?.status?.code === 0) {
-                                //         apiResolve(res);
-                                //         setVisible(false);
-                                //     } else {
-                                //         message.error('验证失败');
-                                //         setOtp('');
-                                //     }
-                                // } catch (error) {
-                                //     console.warn('catch', error);
-                                //     message.error('验证失败');
-                                //     setOtp('');
-                                // }
-                                try {
-                                    const res = new Promise((resolve, reject) => {
-                                        http({
-                                            ...config,
-                                            headers: {
-                                                ...http.defaults.headers.common,
-                                                'sms-code': val,
-                                                'sms-code-key': verifyCodeKey,
-                                                'Content-Type': config.headers['Content-Type'],
-                                            }
-                                        }).then(res => {
-                                            resolve(res);
-                                        }).catch(err => {
-                                            reject(err);
-                                        });
-                                    });
-                                    console.log('res', res);
-                                    if (res?.data?.status?.code === 0) {
-                                        apiResolve(res);
-                                        setVisible(false);
-                                    }
-                                    else {
-                                        message.error('验证失败');
-                                        setOtp('');
-                                    }
-                                }
-                                catch (error) {
-                                    console.warn('catch', error);
-                                    message.error('验证失败');
-                                    setOtp('');
-                                }
-                            }
-                        } }), _jsx(Button, { disabled: countdown > 0 || !captchCode, onClick: handleResend, style: { padding: '8px' }, children: countdown > 0 ? t('countDownSecound', lang, { countdown }) : t('reSend', lang) })] }), countdown > 0 ? null :
-                _jsxs("div", { style: { marginTop: 12, display: 'flex', alignItems: 'center' }, children: [_jsx(Input, { placeholder: t('pleaseEnterPicVerifyCode', lang), onChange: (e) => {
-                                setCaptchCode(e);
-                            }, style: { width: 300 } }), captchaImage && _jsx("img", { src: captchaImage, alt: t('verifyCode', lang), style: { width: 100, height: 30, marginLeft: 8 }, onClick: getKey })] }), (countdown > 0 || captchCode) ? null : _jsx("div", { style: { fontSize: 14, color: 'red' }, children: t('pleaseEnterAndSend', lang) }), _jsx("div", { style: { fontSize: 14, color: '#666', marginTop: 12 }, children: t('chidoriOpenPro', lang) })] }));
-};
-export default CreateMessageVerifyModal;

package/dist/utils/resource.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@yqg/resource").default & Record<"getCaptchaKey" | "reSendCode" | "getCaptchaImgUrl", import("@yqg/resource").CustomMethod>;
-export default _default;

package/dist/utils/resource.js

@@ -1,7 +0,0 @@
-import { assign, customPost } from '@yqg/resource';
-const api = {
-    getCaptchaKey: customPost('/messageVerify/admin/captcha/key'),
-    reSendCode: customPost('/admin/sms/send'),
-    getCaptchaImgUrl: (captchaKey) => { return `/messageVerify/admin/captcha/image/${captchaKey}`; },
-};
-export default assign(api);

package/src/modal/verify-modal.tsx

@@ -1,179 +0,0 @@
-import { useEffect, useState } from 'react'
-import { Modal, Input, Button, message } from '../compoments/index.js'
-import Api from '../utils/resource.js'
-import t from '../utils/i18n.js'
-import { VerifyModalConfig } from '../utils/type.js';
-import { axios } from '@yqg/resource';
-
-const CreateMessageVerifyModal = ({ props }: { props: VerifyModalConfig }) => {
-    const [visible, setVisible] = useState(true);
-    const [countdown, setCountdown] = useState(60);
-    const [otp, setOtp] = useState('');
-    const [captchaImage, setCaptchaImage] = useState<string>('');
-    const [captchCode, setCaptchCode] = useState<string>('');
-    const [captchaKey, setCaptchaKey] = useState<string>('');
-    const { data, http, lang, sendApi = '/admin/sms/send', config, apiResolve, apiPromiseToEmpty, onClose } = props || {};
-    const dataObj = JSON.parse(data || '{}');
-    const { mobile, verifyCodeKey } = dataObj || {};
-
-    const getKey = async () => {
-        try {
-            const res = await Api.getCaptchaKey();
-            const { body: key } = res.data || {};
-            setCaptchaKey(key);
-            if (key) {
-                const image = Api.getCaptchaImgUrl(key) as unknown;
-                setCaptchaImage(image as string);
-            }
-        } catch (err) {
-            const msg =
-                typeof err === 'object' && err !== null && 'message' in err
-                    ? (err as { message: string }).message
-                    : String(err);
-            message.error(msg as React.ReactNode);
-        }
-    }
-
-    useEffect(() => {
-        let timer: number | null = null;
-        if (visible && countdown > 0) {
-            timer = setInterval(() => {
-                setCountdown((prev) => prev - 1);
-            }, 1000);
-        }
-        if (countdown === 0) {
-            getKey();
-        }
-        return () => {
-            if (timer) clearInterval(timer);
-        };
-    }, [visible, countdown]);
-
-    const handleResend = async () => {
-        const formData = new FormData();
-        formData.append('captchaKey', captchaKey);
-        formData.append('captcha', captchCode);
-        // 重新发送验证码
-        const res = await axios.post(sendApi, formData);
-        const { code, detail } = res.data?.status || {};
-        if (code !== 0) {
-            message.error(detail || t('sendFailed', lang));
-            return;
-        }
-        message.success(t('sendSuccess', lang));
-        // 重置倒计时、验证码
-        setCountdown(60);
-        setOtp('');
-    }
-
-    return (
-        <Modal
-            width={420}
-            visible={visible}
-            onClose={() => {
-                setVisible(false);
-                apiPromiseToEmpty?.();
-                onClose?.();
-            }}
-        >
-            <div style={{ fontSize: 14, color: '#666' }}>{t('alreadySend', lang, { phone: mobile })}</div>
-
-            <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginTop: 12 }}>
-                <Input.OTP
-                    length={6}
-                    value={otp}
-                    onChange={async (val) => {
-                        setOtp(val);
-                        if (val.length === 6) {
-                            // try {
-                            //     const res = await Promise.race([
-                            //         new Promise((resolve, reject) => {
-                            //             setTimeout(() => {
-                            //                 reject(new Error('Timeout'));
-                            //             }, 1000);
-                            //         }),
-                            //         new Promise((resolve, reject) => {
-                            //             http({
-                            //                 ...config,
-                            //                 headers: {
-                            //                     ...http.defaults.headers.common,
-                            //                     'sms-code': val,
-                            //                     'sms-code-key': verifyCodeKey,
-                            //                     'Content-Type': config.headers['Content-Type'],
-                            //                 }
-                            //             }).then(res => {
-                            //                 resolve(res);
-                            //             }).catch(err => {
-                            //                 reject(err);
-                            //         })
-                            //     ]) as any;
-                            //     if (res?.data?.status?.code === 0) {
-                            //         apiResolve(res);
-                            //         setVisible(false);
-                            //     } else {
-                            //         message.error('验证失败');
-                            //         setOtp('');
-                            //     }
-                            // } catch (error) {
-                            //     console.warn('catch', error);
-                            //     message.error('验证失败');
-                            //     setOtp('');
-                            // }
-                            try {
-                                const res = new Promise((resolve, reject) => {
-                                        http({
-                                            ...config,
-                                            headers: {
-                                                ...http.defaults.headers.common,
-                                                'sms-code': val,
-                                                'sms-code-key': verifyCodeKey,
-                                                'Content-Type': config.headers['Content-Type'],
-                                            }
-                                        }).then(res => {
-                                            resolve(res);
-                                        }).catch(err => {
-                                            reject(err);
-                                    })
-                                }) as any;
-                                console.log('res', res);
-                                if (res?.data?.status?.code === 0) {
-                                    apiResolve(res);
-                                    setVisible(false);
-                                } else {
-                                    message.error('验证失败');
-                                    setOtp('');
-                                }
-                            } catch (error) {
-                                console.warn('catch', error);
-                                message.error('验证失败');
-                                setOtp('');
-                            }
-                        }
-                    }} />
-                <Button
-                    disabled={countdown > 0 || !captchCode}
-                    onClick={handleResend}
-                    style={{ padding: '8px' }}
-                >
-                    {countdown > 0 ? t('countDownSecound', lang, { countdown }) : t('reSend', lang)}
-                </Button>
-            </div>
-            {countdown > 0 ? null :
-                <div style={{ marginTop: 12, display: 'flex', alignItems: 'center' }}>
-                    <Input
-                        placeholder={t('pleaseEnterPicVerifyCode', lang)}
-                        onChange={(e) => {
-                            setCaptchCode(e as string)
-                        }}
-                        style={{ width: 300 }}
-                    />
-
-                    {captchaImage && <img src={captchaImage} alt={t('verifyCode', lang)} style={{ width: 100, height: 30, marginLeft: 8 }} onClick={getKey} />}
-                </div>}
-            {(countdown > 0 || captchCode) ? null : <div style={{ fontSize: 14, color: 'red' }}>{t('pleaseEnterAndSend', lang)}</div>}
-            <div style={{ fontSize: 14, color: '#666', marginTop: 12 }}>{t('chidoriOpenPro', lang)}</div>
-        </Modal>
-    );
-};
-
-export default CreateMessageVerifyModal;