\n {t(\"exRate\")} :{Number(exRate).toFixed(2)}\n
\n\n {t(\"payment_contact\")}:{t(\"payment_contact_time\")}\n
\n\n\n {t(\"limit\")} :\n {level?.day === 0 && (\n 帳號已鎖定，無法交易\n )}\n\n {level?.day !== 0 && (\n \n {t(\"limit_usdt\")} {usdtThousandBitSeparatorNonAbs(level?.day)}\n \n )}\n
\n\n {/* {process.env.REACT_APP_HOST_NAME === \"88U\" && (\n\n {t(\"limit\")} :\n {level === 0 && (\n 帳號已鎖定，無法交易\n )}\n {level !== 0 && (\n \n {t(\"limit_usdt\")} {level?.toFixed(2)}\n \n )}\n
\n )} */}\n\n {/* {process.env.REACT_APP_HOST_NAME !== \"88U\" && (\n\n {t(\"limit\")} :{t(\"limit_usdt\")} 10000.00\n
\n )} */}\n請注意
,\n showCloseButton: true,\n content: (\n \n ATM轉帳時請註記持有人的\n 真實姓名\n ，並顯示於雙方明細，資料不符時將不受理交易服務，並退還收款金額，相關手續費會於退款時一併扣除，謝謝。\n \n ),\n confirmText: \"確定\",\n onConfirm: () => {\n dispatch(setSellBankForm(data));\n setWsPairing(true);\n getOrderToken(data);\n },\n });\n return;\n }\n\n setWsPairing(true);\n getOrderToken(data);\n setFormValid(false);\n\n //eslint-disable-next-line\n }, [formValid]);\n\n useEffect(() => {\n if (isAgent) return;\n dispatch(getKyc());\n }, [dispatch, isAgent]);\n\n return (\n \n );\n};\n\nexport default SellBankForm;\n","import { bankFormActionsTypes } from \"../type\";\n\nexport const setBuyBankForm = (data) => ({\n type: bankFormActionsTypes.SET_BUY_FORM,\n payload: data\n})\n\nexport const setSellBankForm = (data) => ({\n type: bankFormActionsTypes.SET_SELL_FORM,\n payload: data\n})","export default __webpack_public_path__ + \"static/media/icon_search.44d71e54.gif\";","import Modal from 'react-bootstrap/Modal';\nimport searchIcon from '../../Assets/icon_search.gif';\n\nimport closeBtn from '../../Assets/blue_close_btn.png';\n\nconst Pairing = props => {\n const { title, text } = props;\n return (\n\n {text}\n
\n{t(\"buy_total\")}
\n\n {locationMoneyCalcWithThousand(props.rmbAmt).toString()}\n {locationMoneyPrefix()}\n
\n \n\n{t(\"buy_quantity\")}
\n\n {/* 小數第二位，千分逗號 */}\n {usdtThousandBitSeparator(props.usdtAmt).toString()}\n USDT\n
\n \n \n );\n};\n\nconst confirmBuyTextBox = {\n padding: 20,\n borderRadius: \"5px\",\n border: \"2px solid #3f80fa\",\n // display: 'flex',\n // justifyContent: 'space-between',\n fontSize: \"20px\",\n fontWeight: \"bold\",\n height: \"100%\",\n};\n\nexport default SetAccount;\n","const CountDownTimer = ({ minutes, seconds }) => {\n return (\n \n {('0' + minutes).slice(-2)}:{('0' + seconds).slice(-2)}\n \n );\n};\n\nexport default CountDownTimer;\n","export default \"data:image/png;base64,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\"","import { useState, useContext, useEffect } from \"react\";\nimport Countdown from \"react-countdown\";\n\nimport { useSelector } from \"react-redux\";\n\n// Context\nimport BuyContext from \"../../context/buy/BuyContext\";\n\n// Lang Context\nimport { useI18n } from \"../../lang\";\n\n// Components\nimport CountDownTimer from \"../universal/countDownTimer\";\n\n// Style\nimport clockIcon from \"../../Assets/i_clock.png\";\n\nconst SellHeader = ({ setOverTime }) => {\n const { orderStatus } = useSelector((state) => state.order);\n const { Order_StatusID: statusID } = orderStatus || {};\n\n // Lang Context\n const { t } = useI18n();\n // Buy Context\n const buyContext = useContext(BuyContext);\n const { deltaTime } = buyContext;\n\n // Init State\n const [timeLeft, setTimeLeft] = useState(\n Date.now() + (1000 * 60 * 30 - deltaTime * 1000)\n );\n\n // ===========\n // UseEffect\n // ===========\n useEffect(() => {\n setTimeLeft(Date.now() + (1000 * 60 * 30 - deltaTime * 1000));\n // eslint-disable-next-line\n }, [deltaTime]);\n\n // ==========\n // Function\n // ==========\n const handleComplete = () => {\n setOverTime(true);\n };\n\n return (\n\n {t(\"sell_detail_amount\")}： \n
\n {t(\"sell_detail_payee\")}：{wsData && wsData.P2}\n
\n\n {t(\"sell_detail_payee_account\")}：{wsData && wsData.P1}\n
\n\n {t(\"sell_detail_payee_bank\")}：{wsData && wsData.P3}\n
\n\n {process.env.REACT_APP_HOST_NAME === \"K100U\" && (\n\n {t(\"sell_detail_payee_city\")}：{wsData && wsData.P4}\n
\n )}\n \n\n {wsData && (\n\n {t(\"chat_order_number\")}：\n
\n{props.hash || statusHash}
\n對話結束
\n對話結束
\n{t(\"history_date\")}
\n{singleDetail.date}
\n\n {t(\"history_transaction_status\")}\n
\n{t(\"history_transaction_complete\")}
\n{t(\"history_transaction_deal\")}
\n{t(\"history_transaction_real\")}
\n {/*{singleDetail.balance}
*/}\n{props.balance}
\n\n {t(\"history_transaction_hash\")}\n
\n\n {t(\"history_transaction_charge\")}\n {singleDetail.type === 2 || singleDetail.type === 3\n ? \"(USDT)\"\n : \"%\"}\n
\n {singleDetail.type === 3 ? (\n0
\n ) : (\n{singleDetail.charge}
\n )}\n\n {t(\"history_transaction_price\")}\n
\n\n {singleDetail.exchangePrice &&\n singleDetail.exchangePrice.toFixed(2)}\n
\n{locationMoneyPrefix()}
\n\n {singleDetail.rmb && locationMoneyCalcWithThousand(singleDetail.rmb)}\n
\n{t(\"history_account\")}
\n{singleDetail.account}
\n{t(\"history_payee\")}
\n{singleDetail.payee}
\n{t(\"history_bank\")}
\n{singleDetail.bank}
\n{t(\"history_branch\")}
\n{singleDetail.branch}
\n{t(\"history_payer\")}
\n{singleDetail.payer}
\n\n {t(\"history_payer_account\")}\n
\n{singleDetail.payerAccount}
\n\n {t(\"history_payer_bank_code\")}\n
\n{singleDetail.payerBankCode}
\n\n {t(\"transaction_hash\")}： {props.hash}\n
\n {props.type === \"buy\" && (\n{t(\"complete_text\")}
\n )}\n\n\n {t(\"transaction_hash\")}： {props.hash || instantData.Tx_HASH}\n
\n {props.type === \"buy\" && (\n{t(\"transaction_text\")}
\n )}\n\n {t(\"transaction_hash\")}： {props.hash}\n
\n\n {t(\"transaction_hash\")}： {hash}\n
\n\n {t('transfer_text')} {Math.abs(Number(props.usdtCount)).toFixed(2)} USDT\n
\n\n {t('transfer_info_address')}：{orderDetail && orderDetail.data.P1}\n
\n\n {t('transfer_info_hash')}：{orderDetail && orderDetail.data.Tx_HASH}\n
\n \n詳細購買紀錄
*/}\n\n {t('transfer_info_address')}：{orderDetail && orderDetail.data.P1}\n
\n\n {t('transfer_info_hash')}：{orderDetail && orderDetail.data.Tx_HASH}\n
\n \n詳細購買紀錄
*/}\n\n {t('transfer_info_address')}：{orderDetail && orderDetail.data.P1}\n
\n
詳細購買紀錄
*/}\n詳細購買紀錄
*/}\n\n {t('buy_order')}：{usdtThousandBitSeparator(props.usdt)} USDT = ${locationMoneyCalcWithThousand(props.rmb)} {locationMoneyPrefix()}\n
\n\n {t(\"exRate\")} :{buyRate && Number(buyRate).toFixed(2)}\n
\n\n {t(\"payment_contact\")} :{t(\"payment_contact_time\")}\n
\n\n\n {t(\"limit\")} :\n {level?.day === 0 && (\n 帳號已鎖定，無法交易\n )}\n \n {level?.day !== 0 && (\n \n {t(\"limit_usdt\")} {usdtThousandBitSeparatorNonAbs(level?.day)}\n \n )}\n
\n\n \n請注意
,\n showCloseButton: true,\n content: (\n \n ATM轉帳時請註記持有人的\n 真實姓名\n ，並顯示於雙方明細，資料不符時將不受理交易服務，並退還收款金額，相關手續費會於退款時一併扣除，謝謝。\n \n ),\n confirmText: \"確定\",\n onConfirm: () => {\n dispatch(setBuyBankForm(data));\n confirmBuy(data);\n },\n });\n return;\n }\n\n confirmBuy(data);\n\n return setFormIsValid(false);\n\n // eslint-disable-next-line\n }, [formIsValid]);\n\n // Handle Form Input Change\n const onChange = ({ target }) => {\n setHttpError(\"\");\n\n const { id, value } = target || {};\n\n if (id === \"bank-form-name\") {\n setAccountName({\n val: value.trim(),\n isValid: true,\n error: \"\",\n });\n }\n\n if (id === \"bank-form-account\") {\n setAccount({\n val: value.trim(),\n isValid: true,\n error: \"\",\n });\n }\n\n if (id === \"bank-form-code\") {\n setBankCode({\n val: value.trim(),\n isValid: true,\n error: \"\",\n });\n }\n };\n\n // Handle Key Up\n const handleKeyUp = (e) => {\n if (e.keyCode === 13) {\n validForm();\n }\n };\n\n // Valid Form\n const validForm = () => {\n const { usdt, rmb } = buyCount;\n setFormIsValid(true);\n\n if (accountName.val === \"\") {\n setAccountName({\n val: \"\",\n isValid: false,\n error: t(\"no_account_name\"),\n });\n\n setFormIsValid(false);\n }\n\n if (process.env.REACT_APP_HOST_NAME === \"88U\") {\n if (account.val === \"\") {\n setAccount({\n val: \"\",\n isValid: false,\n error: t(\"no_bank_account\"),\n });\n\n setFormIsValid(false);\n }\n\n if (bankCode.val === \"\") {\n setBankCode({\n val: \"\",\n isValid: false,\n error: t(\"no_bank_code\"),\n });\n\n setFormIsValid(false);\n }\n }\n\n if (usdt <= 0 || usdt === \"\" || rmb <= 0 || rmb === \"\") {\n setErrorText(t(\"invalid_number\"));\n setFormIsValid(false);\n }\n };\n\n useEffect(() => {\n if (isAgent) return;\n dispatch(getKyc());\n }, [dispatch, isAgent]);\n return (\n <>\n \n \n );\n};\n\nexport default BankFrom;\n","import { useEffect, useContext } from 'react';\nimport { useHistory } from 'react-router-dom';\n\n// Context\nimport BuyContext from '../../context/buy/BuyContext';\nimport SellContext from '../../context/sell/SellContext';\nimport { useI18n } from '../../lang';\n\n// component\nimport Pairing from './Pairing';\nimport ExRate from './ExRate';\nimport BaseSpinner from '../Ui/BaseSpinner';\nimport BuyForm from './BuyForm';\nimport BankForm from './BankForm';\nimport FormFooter from '../Layout/FormFooter';\n\nconst TheBuy = () => {\n // Get Router Props\n const history = useHistory();\n\n // Lang Context\n const { t } = useI18n();\n\n // Sell Context\n const sellContext = useContext(SellContext);\n const { buyRate } = sellContext;\n\n // Buy Context\n const buyContext = useContext(BuyContext);\n const {\n buyCount,\n handlePairing,\n showBank,\n buyPairing,\n buyOrderToken,\n buyConnectWs,\n cleanAll,\n wsStatus,\n cancelOrder,\n // setWsStatus,\n } = buyContext;\n\n // Listen Web Socket Status\n useEffect(() => {\n if (wsStatus === 33) history.replace(`/home/transaction/buy/${buyOrderToken}`);\n\n // eslint-disable-next-line\n }, [wsStatus]);\n\n // 連接web socket\n useEffect(() => {\n if (buyOrderToken) {\n buyConnectWs(buyOrderToken);\n }\n\n // eslint-disable-next-line\n }, [buyOrderToken]);\n\n const onHide = () => {\n if (buyOrderToken) cancelOrder(buyOrderToken);\n handlePairing(false);\n cleanAll();\n history.replace('/home/overview');\n };\n return (\n <>\n{t(\"order_number\")}：
\n\n {t(\"amount\")}: \n
\n {t(\"payee\")}：{buyWsData.name || buyWsData.P2}\n
\n\n {t(\"payee_account\")}： {buyWsData.account || buyWsData.P1}\n
\n\n {t(\"bank\")}： {buyWsData.bank || buyWsData.P3}\n
\n\n {t(\"city\")}： {buyWsData.city}\n
\n{t('no_data')}
\n\n {t(\"instant_transaction\")}\n
\n\n {setDeviceIdStatus === \"pending\" ? (\n \n ) : (\n\n 目前等級 :{\" \"}\n {memberMap[lvl]}\n
\n\n{t(\"welcome_text\")}
\n\n{t(\"overView_transaction\")}
\n \n \n{t(\"overView_transfer\")}
\n \n \n\n{t(\"overView_wallet\")}
\n \n \n{t(\"overView_history\")}
\n \n \n{t(\"slogan_sub_text_1\")}
\n{t(\"slogan_sub_text_2\")}
\n{t(\"welcome_text\")}
\n{t(\"overView_wallet\")}
\n{t(\"wallet_address\")}
\n\n {t(\"EditBankInfoForm_account_info\")}\n
\n{t('welcome_text')}
\n| \n | \n {t(\"history_date\")}\n | \n\n {t(\"history_transaction_deal\")}\n | \n\n {t(\"history_transaction_real\")}\n | \n\n\n {t(\"history_currency\")}\n | \n\n\n {t(\"history_payer\")}\n | \n\n\n {t(\"history_transaction_status\")}\n | \n
|---|
| \n | \n {t(\"history_date\")}\n | \n\n {t(\"history_transaction_deal\")}\n | \n\n {t(\"history_transaction_status\")}\n | \n\n {h.Date}\n | \n\n {/* 交易額 */}\n\n {h.MasterType === \"買入\" &&\n buyOrderStatusCode[h.Order_StatusID]}\n {h.MasterType === \"賣出\" &&\n sellOrderStatusCode[h.Order_StatusID]}\n\n {/* {h.Order_StatusID === 34\n ? t('history_account_receivable')\n : h.Order_StatusID === 33\n ? t('history_wait_pay')\n : h.Order_StatusID === 0 || h.Order_StatusID === 31\n ? t('history_onGoing')\n : null} */}\n | \n \n ))}\n
|---|
| \n {/* 日期 */}\n {t(\"history_date\")}\n | \n\n {/* {`交易额（USDT)`} */}\n {t(\"history_transaction_deal\")}\n | \n\n {t(\"history_transaction_price\")}\n | \n\n {t(\"history_currency\")}\n | \n\n {h.Date}\n | \n\n {/* 交易額 */}\n\n {h.UsdtAmt.toFixed(2)}\n | \n\n {/* 兌換架 */}\n\n {h.D1}\n | \n\n {/* ＲＭＢ*/}\n\n {h.D2}\n | \n \n ))}\n
|---|
\n {t(\"welcome_text\")}\n
\n\n {t(\"instant_payer_data\")}\n
\n\n {t(\"instant_payer_name\")}：{paymentName?.name}\n
\n\n {t(\"instant_price\")}\n
\n\n {locationMoneyCalcWithThousand(orderStatus.D2)}{\" \"}\n {locationMoneyPrefix()}\n
\n\n {t(\"instant_qua\")}\n
\n\n {Math.abs(orderStatus.UsdtAmt)?.toFixed(2)} USDT\n
\n\n {t(\"welcome_text\")}\n
\n\n {t(\"instant_payer_data\")}\n
\n\n {t(\"instant_payer_name\")}：{paymentName.name}\n
\n {process.env.REACT_APP_HOST_NAME === \"88U\" && (\n <>\n\n {t(\"instant_payer_account\")}：\n {paymentName.account}\n
\n\n {t(\"instant_payer_bankCode\")}：\n {paymentName.bankCode}\n
\n \n )}\n\n {t(\"instant_price\")}\n
\n\n {locationMoneyCalcWithThousand(orderStatus.D2)}{\" \"}\n {locationMoneyPrefix()}\n
\n\n {t(\"instant_qua\")}\n
\n\n {Math.abs(orderStatus.UsdtAmt).toFixed(2)} USDT\n
\n\n {t('buy_order')}：{Math.abs(Number(props.usdt).toFixed(2))} USDT = ${Number(props.rmb).toFixed(2)} CNY\n
\n ) : (\n{t('btn_loading')}...
\n )}\n歡迎登入
\n鎖定原因： 累計超過 10 次/每 30 天超時訂單
\n鎖定時間： 24 小時
\n你的交易額度已達上限 {`${usdtThousandBitSeparatorNonAbs(level?.month)}/30天`}
\n )}\n\n {errorText === \"交易額度不足/每次\" && (\n你的交易額度已達上限 {`${usdtThousandBitSeparatorNonAbs(level?.month)}/每次`}
\n )}\n欲提高交易額度請洽客服窗口申請
\n{t('agreement_buy_rule_sub')}
\n{t('agreement_sell_rule_sub')}
\n| {el} | \n ))}\n
|---|
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
{el}
\n ))}\n| {el} | \n ))}\n
|---|
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
{t('table_2_ps')}
\n\n| {el} | \n ))}\n
|---|
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
| {el} | \n ))}\n
{body}
\n