545 lines
19 KiB
JavaScript
545 lines
19 KiB
JavaScript
(function () {
|
||
var ui = window.FamiCenterUI;
|
||
var identity = String(ui.params.get('identity') || 'HOST').toUpperCase();
|
||
var explicitChannel = ui.params.get('channel');
|
||
var state = {
|
||
channel: explicitChannel === 'address' ? 'address' : 'dealer',
|
||
diamondBalance: 0,
|
||
ratio: 1000000,
|
||
minimumPoints: 0,
|
||
feeBPS: 0,
|
||
dealers: [],
|
||
selectedDealerId: '',
|
||
address: '',
|
||
profileAvatar: '',
|
||
contact: '',
|
||
submitting: false,
|
||
savingAddress: false,
|
||
};
|
||
var contactController = null;
|
||
|
||
var mock = {
|
||
overview: {
|
||
asset_type: 'POINT',
|
||
balance: { available_amount: 1000000000 },
|
||
withdraw_address: { withdraw_usdt_trc20_address: '' },
|
||
points_per_usd: 1000000,
|
||
fee_bps: 0,
|
||
minimum_points: 1000000,
|
||
coin_sellers: Array.from({ length: 3 }, function (_, index) {
|
||
return {
|
||
user_id: 'seller-' + (index + 1),
|
||
display_user_id: '123456789',
|
||
nickname: 'konghuimingc',
|
||
avatar: '../../products/fami/centers/assets/fami/agency-avatar.png',
|
||
};
|
||
}),
|
||
},
|
||
user: {
|
||
avatar: '../../products/fami/centers/assets/fami/agency-avatar.png',
|
||
contact_info: '+65 1234 5678',
|
||
},
|
||
};
|
||
|
||
function normalizeIdentity(value) {
|
||
var normalized = String(value || '').toUpperCase();
|
||
if (normalized === 'AGENCY' || normalized === 'BD') {
|
||
return normalized;
|
||
}
|
||
return 'HOST';
|
||
}
|
||
|
||
function paymentAddress(payload) {
|
||
var data = ui.unwrap(payload) || {};
|
||
var source = data.withdraw_address || data;
|
||
return String(
|
||
source.withdraw_usdt_trc20_address ||
|
||
source.usdt_trc20_address ||
|
||
''
|
||
).trim();
|
||
}
|
||
|
||
function normalizeDealer(item) {
|
||
item = item || {};
|
||
return {
|
||
id: String(item.user_id || ''),
|
||
displayId: String(item.display_user_id || ''),
|
||
name: String(item.nickname || 'Dealer'),
|
||
avatar: String(item.avatar || ''),
|
||
};
|
||
}
|
||
|
||
function amountUSD() {
|
||
return ui.number(String(ui.$('withdrawAmount').value || '').trim());
|
||
}
|
||
|
||
function amountPoints() {
|
||
var text = String(ui.$('withdrawAmount').value || '').trim();
|
||
if (!/^\d+(?:\.\d{0,2})?$/.test(text)) return 0;
|
||
var parts = text.split('.');
|
||
var usdMinor =
|
||
ui.number(parts[0]) * 100 +
|
||
ui.number((parts[1] || '').padEnd(2, '0'));
|
||
// 输入框按 Figma 使用美元符号，账本却只接收整数 POINT；用分为单位换算可避免浮点金额跨端不一致。
|
||
return Math.round((usdMinor * state.ratio) / 100);
|
||
}
|
||
|
||
function validTrc20(value) {
|
||
return /^T[1-9A-HJ-NP-Za-km-z]{33}$/.test(String(value || '').trim());
|
||
}
|
||
|
||
function applyOverview(payload) {
|
||
var data = ui.unwrap(payload) || {};
|
||
var balance = data.balance || {};
|
||
state.diamondBalance = ui.number(balance.available_amount);
|
||
state.ratio = ui.number(data.points_per_usd) || 1000000;
|
||
state.minimumPoints = ui.number(data.minimum_points);
|
||
state.feeBPS = ui.number(data.fee_bps);
|
||
state.dealers = Array.isArray(data.coin_sellers)
|
||
? data.coin_sellers.map(normalizeDealer).filter(function (item) {
|
||
return item.id && item.displayId;
|
||
})
|
||
: [];
|
||
if (
|
||
!state.dealers.some(function (dealer) {
|
||
return dealer.id === state.selectedDealerId;
|
||
})
|
||
) {
|
||
state.selectedDealerId = state.dealers.length
|
||
? state.dealers[0].id
|
||
: '';
|
||
}
|
||
state.address = paymentAddress(data);
|
||
if (!explicitChannel) {
|
||
state.channel = state.dealers.length ? 'dealer' : 'address';
|
||
}
|
||
}
|
||
|
||
function renderTabs() {
|
||
document.querySelectorAll('.withdraw-tab').forEach(function (tab) {
|
||
var active = tab.getAttribute('data-mode') === 'usdt';
|
||
tab.classList.toggle('is-active', active);
|
||
tab.setAttribute('aria-selected', String(active));
|
||
});
|
||
}
|
||
|
||
function renderDealerList() {
|
||
var list = ui.$('dealerList');
|
||
list.replaceChildren();
|
||
state.dealers.slice(0, 3).forEach(function (dealer) {
|
||
var card = document.createElement('button');
|
||
card.className = 'dealer-card';
|
||
card.type = 'button';
|
||
card.setAttribute(
|
||
'aria-pressed',
|
||
String(dealer.id === state.selectedDealerId)
|
||
);
|
||
var avatar = document.createElement('img');
|
||
avatar.className = 'dealer-card__avatar';
|
||
avatar.alt = '';
|
||
ui.setAvatar(
|
||
avatar,
|
||
dealer.avatar,
|
||
'../../products/fami/centers/assets/fami/agency-avatar.png'
|
||
);
|
||
var copy = document.createElement('span');
|
||
copy.className = 'dealer-card__copy';
|
||
var name = document.createElement('strong');
|
||
name.textContent = dealer.name;
|
||
var id = document.createElement('span');
|
||
id.textContent = 'ID:' + dealer.displayId;
|
||
var radio = document.createElement('img');
|
||
radio.className = 'dealer-card__radio';
|
||
radio.alt = '';
|
||
radio.src =
|
||
dealer.id === state.selectedDealerId
|
||
? '../../products/fami/centers/assets/fami/radio-selected.svg'
|
||
: '../../products/fami/centers/assets/fami/radio-unselected.svg';
|
||
copy.appendChild(name);
|
||
copy.appendChild(id);
|
||
card.appendChild(avatar);
|
||
card.appendChild(copy);
|
||
card.appendChild(radio);
|
||
card.addEventListener('click', function () {
|
||
state.selectedDealerId = dealer.id;
|
||
renderDealerList();
|
||
updateButtons();
|
||
});
|
||
list.appendChild(card);
|
||
});
|
||
if (!state.dealers.length) {
|
||
var empty = document.createElement('p');
|
||
empty.className = 'fami-empty';
|
||
empty.textContent = ui.t(
|
||
'fami.no_currency_dealer',
|
||
'No currency dealer'
|
||
);
|
||
list.appendChild(empty);
|
||
}
|
||
}
|
||
|
||
function renderAddress() {
|
||
ui.setAvatar(
|
||
ui.$('addressAvatar'),
|
||
state.profileAvatar,
|
||
'../../products/fami/centers/assets/fami/agency-avatar.png'
|
||
);
|
||
ui.$('addressTitle').textContent = state.address
|
||
? 'USDT TRC20'
|
||
: ui.t('withdraw_exchange.no_payment_info', 'No USDT address');
|
||
ui.$('addressText').textContent = state.address
|
||
? state.address
|
||
: ui.t(
|
||
'fami.no_address_copy',
|
||
'Fill in a TRC20 USDT address before withdrawing.'
|
||
);
|
||
ui.$('addressAddButton').hidden = !!state.address;
|
||
ui.$('addressAddButton').setAttribute(
|
||
'aria-label',
|
||
ui.t('withdraw_exchange.save_address', 'Save address')
|
||
);
|
||
}
|
||
|
||
function updateButtons() {
|
||
var points = amountPoints();
|
||
var commonDisabled =
|
||
state.submitting ||
|
||
points <= 0 ||
|
||
points > state.diamondBalance ||
|
||
(state.minimumPoints > 0 && points < state.minimumPoints);
|
||
// Dealer 参考稿在空金额时仍为主色；点击后由 validateSubmit 解释原因，地址真实提交则保持不可用直到金额和地址都有效。
|
||
ui.$('dealerSubmitButton').disabled =
|
||
state.submitting || !state.selectedDealerId;
|
||
ui.$('addressSubmitButton').disabled = commonDisabled || !state.address;
|
||
var text = state.submitting
|
||
? ui.t('withdraw_exchange.submitting', 'Submitting...')
|
||
: ui.t('fami.withdrawal', 'Withdrawal');
|
||
ui.$('dealerSubmitButton').textContent = text;
|
||
ui.$('addressSubmitButton').textContent = text;
|
||
}
|
||
|
||
function renderViews() {
|
||
ui.$('dealerView').hidden = state.channel !== 'dealer';
|
||
ui.$('addressView').hidden = state.channel !== 'address';
|
||
ui.$('goldView').hidden = true;
|
||
}
|
||
|
||
function render() {
|
||
renderTabs();
|
||
ui.$('diamondBalance').textContent = ui.formatNumber(
|
||
state.diamondBalance
|
||
);
|
||
ui.$('withdrawRatio').textContent = Math.round(state.ratio) + '=$1';
|
||
renderViews();
|
||
renderDealerList();
|
||
renderAddress();
|
||
updateButtons();
|
||
if (contactController) contactController.setContact(state.contact);
|
||
}
|
||
|
||
function load() {
|
||
if (ui.isMock()) {
|
||
applyOverview(mock.overview);
|
||
state.profileAvatar = ui.profileFrom(mock.user, 'User').avatar;
|
||
state.contact = ui.contactFrom(mock.user);
|
||
if (explicitChannel === 'address') state.channel = 'address';
|
||
render();
|
||
return;
|
||
}
|
||
var api = window.HyAppAPI;
|
||
if (!api || !api.pointWallet || !api.salaryWallet) {
|
||
render();
|
||
ui.toast(
|
||
ui.t(
|
||
'withdraw_exchange.load_failed',
|
||
'Load failed. Try again later.'
|
||
)
|
||
);
|
||
return;
|
||
}
|
||
|
||
// POINT 总览一次返回真实余额、政策比例、最低门槛、地址和白名单币商；联系方式单独读取用户资料，不能再用工资 USD 推导钻石。
|
||
Promise.all([
|
||
ui.safe('point-wallet-overview', function () {
|
||
return api.pointWallet.overview();
|
||
}),
|
||
ui.safe('withdraw-contact', function () {
|
||
return api.user.me();
|
||
}),
|
||
]).then(function (results) {
|
||
if (results[0]) applyOverview(results[0]);
|
||
var profile = results[1]
|
||
? ui.profileFrom(results[1], 'User')
|
||
: null;
|
||
state.profileAvatar = profile ? profile.avatar : '';
|
||
state.contact = profile ? profile.contact : '';
|
||
render();
|
||
if (!results.some(Boolean)) {
|
||
ui.toast(
|
||
ui.t(
|
||
'withdraw_exchange.load_failed',
|
||
'Load failed. Try again later.'
|
||
)
|
||
);
|
||
}
|
||
});
|
||
}
|
||
|
||
function normalizeAmount() {
|
||
var input = ui.$('withdrawAmount');
|
||
var value = String(input.value || '')
|
||
.replace(/[^0-9.]/g, '')
|
||
.replace(/(\..*)\./g, '$1');
|
||
var parts = value.split('.');
|
||
if (parts.length > 1) value = parts[0] + '.' + parts[1].slice(0, 2);
|
||
input.value = value;
|
||
updateButtons();
|
||
}
|
||
|
||
function setAddressStatus(message, success) {
|
||
var node = ui.$('addressStatus');
|
||
node.textContent = message || '';
|
||
node.hidden = !message;
|
||
node.classList.toggle('is-success', !!success);
|
||
}
|
||
|
||
function openAddressEditor() {
|
||
ui.$('addressInput').value = state.address;
|
||
setAddressStatus('');
|
||
ui.openModal('addressModal');
|
||
window.setTimeout(function () {
|
||
ui.$('addressInput').focus();
|
||
}, 0);
|
||
}
|
||
|
||
function saveAddress(event) {
|
||
event.preventDefault();
|
||
var value = String(ui.$('addressInput').value || '').trim();
|
||
if (!validTrc20(value)) {
|
||
setAddressStatus(
|
||
ui.t(
|
||
'withdraw_exchange.invalid_address',
|
||
'Please enter a valid TRC20 USDT address'
|
||
)
|
||
);
|
||
return;
|
||
}
|
||
if (ui.isMock()) {
|
||
state.address = value;
|
||
ui.closeModal('addressModal');
|
||
render();
|
||
ui.toast(ui.t('withdraw_exchange.address_saved', 'Address saved'));
|
||
return;
|
||
}
|
||
var api = window.HyAppAPI && window.HyAppAPI.salaryWallet;
|
||
if (!api || !api.saveWithdrawAddress || state.savingAddress) return;
|
||
state.savingAddress = true;
|
||
ui.$('addressSaveButton').disabled = true;
|
||
ui.$('addressSaveButton').textContent = ui.t(
|
||
'withdraw_exchange.saving',
|
||
'Saving...'
|
||
);
|
||
|
||
// 提现地址由用户资料服务持久化；只在服务端确认后更新页面，失败时保留用户输入供修正。
|
||
api.saveWithdrawAddress({ usdt_trc20_address: value })
|
||
.then(function (response) {
|
||
state.address = paymentAddress(response) || value;
|
||
ui.closeModal('addressModal');
|
||
render();
|
||
ui.toast(
|
||
ui.t('withdraw_exchange.address_saved', 'Address saved')
|
||
);
|
||
})
|
||
.catch(function (error) {
|
||
setAddressStatus(
|
||
(error && error.message) ||
|
||
ui.t(
|
||
'withdraw_exchange.submit_failed',
|
||
'Submit failed.'
|
||
)
|
||
);
|
||
})
|
||
.finally(function () {
|
||
state.savingAddress = false;
|
||
ui.$('addressSaveButton').disabled = false;
|
||
ui.$('addressSaveButton').textContent = ui.t(
|
||
'withdraw_exchange.save_address',
|
||
'Save address'
|
||
);
|
||
});
|
||
}
|
||
|
||
function selectedDealer() {
|
||
return state.dealers.find(function (dealer) {
|
||
return dealer.id === state.selectedDealerId;
|
||
});
|
||
}
|
||
|
||
function validateSubmit() {
|
||
var usd = amountUSD();
|
||
var points = amountPoints();
|
||
if (usd <= 0 || points <= 0) {
|
||
return ui.t(
|
||
'withdraw_exchange.invalid_amount',
|
||
'Please enter a valid amount'
|
||
);
|
||
}
|
||
if (points > state.diamondBalance) {
|
||
return ui.t(
|
||
'withdraw_exchange.amount_exceeds_balance',
|
||
'Amount exceeds balance'
|
||
);
|
||
}
|
||
if (state.minimumPoints > 0 && points < state.minimumPoints) {
|
||
return ui
|
||
.t(
|
||
'withdraw_exchange.minimum_points',
|
||
'Minimum withdrawal is {amount} diamonds'
|
||
)
|
||
.replace('{amount}', ui.formatNumber(state.minimumPoints));
|
||
}
|
||
if (state.channel === 'dealer' && !selectedDealer()) {
|
||
return ui.t(
|
||
'fami.select_currency_dealer',
|
||
'Select a Currency Dealer'
|
||
);
|
||
}
|
||
if (state.channel === 'address' && !state.address) {
|
||
return ui.t(
|
||
'withdraw_exchange.missing_payment_info',
|
||
'Please add a TRC20 USDT address'
|
||
);
|
||
}
|
||
return '';
|
||
}
|
||
|
||
function requestSubmit(points) {
|
||
var api = window.HyAppAPI.pointWallet;
|
||
if (state.channel === 'dealer') {
|
||
return api.transferToCoinSeller({
|
||
command_id: ui.commandId('point-transfer'),
|
||
seller_user_id: selectedDealer().id,
|
||
point_amount: points,
|
||
});
|
||
}
|
||
return api.withdrawUSDT({
|
||
command_id: ui.commandId('point-withdraw'),
|
||
gross_point_amount: points,
|
||
usdt_trc20_address: state.address,
|
||
});
|
||
}
|
||
|
||
function submit() {
|
||
var error = validateSubmit();
|
||
if (error) {
|
||
ui.toast(error);
|
||
return;
|
||
}
|
||
if (!state.contact) {
|
||
ui.$('contactCard').click();
|
||
return;
|
||
}
|
||
var points = amountPoints();
|
||
if (ui.isMock()) {
|
||
state.diamondBalance = Math.max(0, state.diamondBalance - points);
|
||
ui.$('withdrawAmount').value = '';
|
||
render();
|
||
ui.toast(
|
||
ui.t(
|
||
'withdraw_exchange.withdraw_success',
|
||
'Withdrawal submitted'
|
||
)
|
||
);
|
||
return;
|
||
}
|
||
if (
|
||
!window.HyAppAPI ||
|
||
!window.HyAppAPI.pointWallet ||
|
||
state.submitting
|
||
)
|
||
return;
|
||
state.submitting = true;
|
||
updateButtons();
|
||
|
||
// 两条资金链返回余额字段不同：币商转账返回 source_point_balance_after，链上提现返回 balance_after 快照；缺失时才本地扣减展示。
|
||
requestSubmit(points)
|
||
.then(function (result) {
|
||
var after =
|
||
state.channel === 'dealer'
|
||
? result && result.source_point_balance_after
|
||
: result &&
|
||
result.balance_after &&
|
||
result.balance_after.available_amount;
|
||
state.diamondBalance =
|
||
after === undefined || after === null
|
||
? Math.max(0, state.diamondBalance - points)
|
||
: ui.number(after);
|
||
ui.$('withdrawAmount').value = '';
|
||
ui.toast(
|
||
ui.t(
|
||
'withdraw_exchange.withdraw_success',
|
||
'Withdrawal submitted'
|
||
)
|
||
);
|
||
})
|
||
.catch(function (submitError) {
|
||
ui.toast(
|
||
(submitError && submitError.message) ||
|
||
ui.t(
|
||
'withdraw_exchange.submit_failed',
|
||
'Submit failed.'
|
||
)
|
||
);
|
||
})
|
||
.finally(function () {
|
||
state.submitting = false;
|
||
render();
|
||
});
|
||
}
|
||
|
||
function fallbackURL() {
|
||
var fallback = '../host-center/';
|
||
if (identity === 'AGENCY') fallback = '../agency-center/';
|
||
if (identity === 'BD') fallback = '../bd-center/';
|
||
// Wallet 回跳只继承产品上下文，不回传金额、渠道等资金页状态。
|
||
return window.HyGuild.product.buildURL(fallback);
|
||
}
|
||
|
||
function init() {
|
||
identity = normalizeIdentity(identity);
|
||
contactController = ui.bindContact({
|
||
onSaved: function (value) {
|
||
state.contact = value;
|
||
},
|
||
});
|
||
ui.$('backButton').addEventListener('click', function () {
|
||
ui.goBack(fallbackURL());
|
||
});
|
||
ui.$('withdrawAmount').addEventListener('input', normalizeAmount);
|
||
ui.$('dealerSubmitButton').addEventListener('click', submit);
|
||
ui.$('addressSubmitButton').addEventListener('click', submit);
|
||
ui.$('addressAddButton').addEventListener('click', openAddressEditor);
|
||
ui.$('addressCard').addEventListener('click', openAddressEditor);
|
||
ui.$('addressForm').addEventListener('submit', saveAddress);
|
||
document
|
||
.querySelectorAll('[data-address-close]')
|
||
.forEach(function (node) {
|
||
node.addEventListener('click', function () {
|
||
ui.closeModal('addressModal');
|
||
});
|
||
});
|
||
window.addEventListener('hyapp:i18n-ready', render);
|
||
render();
|
||
load();
|
||
if (window.HyAppBridge) {
|
||
window.HyAppBridge.ready({
|
||
page: 'fami-wallet',
|
||
app_code: 'fami',
|
||
mock: ui.isMock(),
|
||
});
|
||
}
|
||
}
|
||
|
||
document.addEventListener('DOMContentLoaded', init);
|
||
})();
|