Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b533ac2732 |
@@ -1,29 +1,30 @@
|
||||
name: Dependabot Auto Merge
|
||||
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [opened, reopened, synchronize, ready_for_review, labeled]
|
||||
|
||||
permissions:
|
||||
contents: write
|
||||
pull-requests: write
|
||||
|
||||
concurrency:
|
||||
group: dependabot-auto-merge-${{ github.event.pull_request.number }}
|
||||
cancel-in-progress: true
|
||||
types: [labeled, edited]
|
||||
|
||||
jobs:
|
||||
merge:
|
||||
if: >
|
||||
github.actor == 'dependabot[bot]' &&
|
||||
github.event.pull_request.user.login == 'dependabot[bot]' &&
|
||||
contains(github.event.pull_request.labels.*.name, 'dependencies')
|
||||
if: contains(github.event.pull_request.labels.*.name, 'dependencies')
|
||||
name: Dependabot Auto Merge
|
||||
runs-on: ubuntu-latest
|
||||
timeout-minutes: 5
|
||||
steps:
|
||||
- name: Enable auto-merge
|
||||
env:
|
||||
GH_TOKEN: ${{ github.token }}
|
||||
PR_URL: ${{ github.event.pull_request.html_url }}
|
||||
run: gh pr merge "$PR_URL" --auto --merge
|
||||
- uses: actions/checkout@v4
|
||||
|
||||
- name: Install pnpm
|
||||
uses: pnpm/action-setup@v4
|
||||
|
||||
- name: Setup Node.js environment
|
||||
uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: '20'
|
||||
|
||||
- name: Install deps
|
||||
run: pnpm install
|
||||
|
||||
- name: Merge
|
||||
uses: ahmadnassri/action-dependabot-auto-merge@v2
|
||||
with:
|
||||
command: merge
|
||||
target: minor
|
||||
github-token: ${{ secrets.GH_TOKEN }}
|
||||
|
||||
@@ -1,48 +0,0 @@
|
||||
name: PR Check
|
||||
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- main
|
||||
- internal
|
||||
pull_request:
|
||||
branches:
|
||||
- main
|
||||
- internal
|
||||
|
||||
permissions:
|
||||
contents: read
|
||||
|
||||
concurrency:
|
||||
group: pr-check-${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
|
||||
cancel-in-progress: true
|
||||
|
||||
jobs:
|
||||
validate:
|
||||
name: Lint, Check, Test and Build
|
||||
runs-on: ubuntu-latest
|
||||
timeout-minutes: 20
|
||||
|
||||
steps:
|
||||
- name: Checkout
|
||||
uses: actions/checkout@v4
|
||||
|
||||
- name: Setup Bun
|
||||
uses: oven-sh/setup-bun@v2
|
||||
with:
|
||||
bun-version: '1.3.1'
|
||||
|
||||
- name: Install dependencies
|
||||
run: bun install --frozen-lockfile
|
||||
|
||||
- name: Lint
|
||||
run: bun run lint
|
||||
|
||||
- name: Check
|
||||
run: bun run check
|
||||
|
||||
- name: Test
|
||||
run: bun run test
|
||||
|
||||
- name: Build
|
||||
run: bun run build
|
||||
@@ -9,25 +9,20 @@ on:
|
||||
permissions:
|
||||
contents: write
|
||||
|
||||
concurrency:
|
||||
group: release-${{ github.ref }}
|
||||
cancel-in-progress: false
|
||||
|
||||
jobs:
|
||||
release:
|
||||
name: Build
|
||||
runs-on: ubuntu-latest
|
||||
timeout-minutes: 30
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
|
||||
- name: Setup Bun
|
||||
uses: oven-sh/setup-bun@v2
|
||||
uses: oven-sh/setup-bun@v1
|
||||
with:
|
||||
bun-version: '1.3.1'
|
||||
bun-version: 'latest'
|
||||
|
||||
- name: Cache Bun dependencies
|
||||
uses: actions/cache@v4
|
||||
uses: actions/cache@v3
|
||||
with:
|
||||
path: |
|
||||
~/.bun
|
||||
@@ -37,7 +32,7 @@ jobs:
|
||||
${{ runner.os }}-bun-cache-
|
||||
|
||||
- name: Install deps
|
||||
run: bun install --frozen-lockfile
|
||||
run: bun install
|
||||
|
||||
- name: Build
|
||||
run: bun run build
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
# API base URL
|
||||
VITE_API_BASE_URL=
|
||||
VITE_API_BASE_URL=https://tapi.hifast.biz
|
||||
# API prefix path
|
||||
VITE_API_PREFIX=
|
||||
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
VITE_API_BASE_URL=https://tapi.hifast.biz
|
||||
Binary file not shown.
@@ -29,6 +29,5 @@
|
||||
"users": "Users",
|
||||
"userTitle": "User Statistics",
|
||||
"userTraffic": "User Traffic",
|
||||
"withdrawalManagement": "Withdrawal Management",
|
||||
"yesterday": "Yesterday"
|
||||
}
|
||||
|
||||
@@ -1,23 +0,0 @@
|
||||
{
|
||||
"commission": "Commission",
|
||||
"days": "{{count}} days",
|
||||
"disabled": "Disabled",
|
||||
"empty": "No invite records",
|
||||
"enabled": "Enabled",
|
||||
"hasPurchased": "Purchased",
|
||||
"invitee": "Invitee",
|
||||
"inviteeGiftDays": "Invitee Gift Days",
|
||||
"inviteeId": "Invitee ID",
|
||||
"invitedAt": "Invited At",
|
||||
"inviter": "Inviter",
|
||||
"inviterGiftDays": "Inviter Gift Days",
|
||||
"inviterId": "Inviter ID",
|
||||
"loadErrorDescription": "Refresh the table or try again later.",
|
||||
"loadErrorTitle": "Failed to load invites",
|
||||
"no": "No",
|
||||
"orderCount": "Orders",
|
||||
"searchPlaceholder": "Email or phone",
|
||||
"status": "Status",
|
||||
"title": "Invite Management",
|
||||
"yes": "Yes"
|
||||
}
|
||||
@@ -1,273 +0,0 @@
|
||||
{
|
||||
"activityTime": "Activity Time",
|
||||
"cancel": "Cancel",
|
||||
"confirm": "Confirm",
|
||||
"confirmPause": "Are you sure you want to pause this activity?",
|
||||
"confirmPublish": "Are you sure you want to publish this activity?",
|
||||
"create": "Create",
|
||||
"createActivity": "Create Activity",
|
||||
"createSuccess": "Create Success",
|
||||
"detail": {
|
||||
"prizesTab": "Prizes",
|
||||
"rulesTab": "Rules",
|
||||
"claimsTab": "Claims",
|
||||
"drawsTab": "Draw records"
|
||||
},
|
||||
"edit": "Edit",
|
||||
"editActivity": "Edit Activity",
|
||||
"form": {
|
||||
"cancel": "Cancel",
|
||||
"confirm": "Confirm",
|
||||
"description": "Description",
|
||||
"descriptionPlaceholder": "Activity description (Markdown supported)",
|
||||
"endAt": "End Time",
|
||||
"endAtAfterStartAt": "End time must be later than start time",
|
||||
"endAtRequired": "End time is required",
|
||||
"gridSize": "Grid Size",
|
||||
"selectEndAt": "Select time",
|
||||
"selectGridSize": "Select grid size",
|
||||
"selectStartAt": "Select time",
|
||||
"startAt": "Start Time",
|
||||
"startAtRequired": "Start time is required",
|
||||
"title": "Title",
|
||||
"titlePlaceholder": "Activity title",
|
||||
"titleRequired": "Title is required"
|
||||
},
|
||||
"grant": {
|
||||
"amount": "Amount",
|
||||
"description": "Manually grant draw chances to a user for activity: {{title}}",
|
||||
"sourceRef": "Source Reference",
|
||||
"sourceRefHint": "Idempotency key: the same reference only grants once. Repeated submissions will not grant again.",
|
||||
"sourceRefPlaceholder": "grant-20260709-abc123",
|
||||
"success": "Chances granted",
|
||||
"title": "Grant Chances",
|
||||
"userId": "User ID",
|
||||
"userIdHint": "Enter the numeric user ID. You can find it in the user management list.",
|
||||
"userIdPlaceholder": "e.g. 87433"
|
||||
},
|
||||
"grantChances": "Grant Chances",
|
||||
"gridSize": "Grid Size",
|
||||
"id": "ID",
|
||||
"manage": "Manage",
|
||||
"pause": "Pause",
|
||||
"pauseSuccess": "Pause Success",
|
||||
"pauseWarning": "Users will not be able to draw while the activity is paused.",
|
||||
"prize": {
|
||||
"addPrize": "Add Prize",
|
||||
"amountPrecision": "Amount supports at most 2 decimal places",
|
||||
"amountRequired": "Amount must be greater than 0",
|
||||
"amountUnitHint": "Entered in CNY (yuan), stored as cents; up to 2 decimal places",
|
||||
"amountYuan": "Commission Amount (CNY)",
|
||||
"cancel": "Cancel",
|
||||
"centerSlotHint": "Usually the draw button",
|
||||
"claimTtlHint": "How long the user has to submit claim info. Default 168h (7 days).",
|
||||
"claimTtlHours": "Claim window (hours)",
|
||||
"claimTtlInvalid": "Claim window (hours) must be a positive integer",
|
||||
"confirm": "Confirm",
|
||||
"confirmDelete": "Delete",
|
||||
"createSuccess": "Prize created",
|
||||
"createTitle": "Add Prize",
|
||||
"cryptoAmount": "Amount",
|
||||
"cryptoAmountPlaceholder": "e.g. 0.01",
|
||||
"cryptoAmountRequired": "Amount is required",
|
||||
"cryptoCurrency": "Currency",
|
||||
"cryptoCurrencyRequired": "Currency is required",
|
||||
"cryptoNetworks": "Networks",
|
||||
"cryptoNetworksHint": "Comma-separated. The user picks one of these when claiming.",
|
||||
"cryptoNetworksRequired": "At least one network is required (comma-separated)",
|
||||
"daysSuffix": "days",
|
||||
"delete": "Delete",
|
||||
"deleteDescription": "This prize will be removed from the grid. This action cannot be undone.",
|
||||
"deleteSuccess": "Prize deleted",
|
||||
"deleteTitle": "Delete this prize?",
|
||||
"durationDays": "Duration (days)",
|
||||
"durationDaysPlaceholder": "e.g. 1",
|
||||
"durationDaysRequired": "Duration days must be a positive integer",
|
||||
"durationSummary": "{{days}} days",
|
||||
"editTitle": "Edit Prize",
|
||||
"fallbackBadge": "Fallback",
|
||||
"fallbackIgnoresWeight": "Fallback prize ignores probability (never randomly drawn)",
|
||||
"hoursSuffix": "hours",
|
||||
"iconUrl": "Icon URL",
|
||||
"iconUrlInvalid": "Must be a valid URL",
|
||||
"isFallback": "Fallback Prize",
|
||||
"isFallbackHint": "Awarded when limited prizes are sold out",
|
||||
"manualPrizeHint": "Manual prize: no extra config. When won, the user contacts customer service with a screenshot to redeem — no in-app claim form.",
|
||||
"name": "Prize Name",
|
||||
"namePlaceholder": "e.g. 1-Day Pass",
|
||||
"nameRequired": "Name is required",
|
||||
"noFallbackHint": "Consider configuring a fallback prize so draws never fail when limited prizes run out.",
|
||||
"noFallbackTitle": "No fallback prize",
|
||||
"noRandomPrizes": "No prizes participate in the random draw yet",
|
||||
"noneHint": "No config needed. Consider enabling fallback so users always land on this prize when limited prizes run out.",
|
||||
"probabilityPreview": "Probability Preview",
|
||||
"probabilityTotal": "Total",
|
||||
"selectType": "Select type",
|
||||
"skuName": "Item name (optional)",
|
||||
"skuNamePlaceholder": "e.g. Limited T-shirt",
|
||||
"slotLabel": "Slot",
|
||||
"soldOutBadge": "Sold Out",
|
||||
"stockShort": "Stock",
|
||||
"subscribePlan": "New-subscription plan",
|
||||
"subscribePlanHint": "When the user has no active subscription, create one on this plan and grant the duration. Leave empty to skip granting.",
|
||||
"subscribePlanPlaceholder": "None — skip if user has no active subscription",
|
||||
"totalNot100Hint": "The drawable prizes currently total {{total}}%. Adjust each prize's win probability so they sum to exactly 100%.",
|
||||
"totalNot100Title": "Probabilities must total 100%",
|
||||
"totalStock": "Total Stock",
|
||||
"totalStockPlaceholder": "e.g. 100",
|
||||
"totalStockRequired": "Total stock must be a positive integer",
|
||||
"type": "Prize Type",
|
||||
"typeCommission": "Commission",
|
||||
"typeCoupon": "Coupon",
|
||||
"typeCrypto": "Manual Grant",
|
||||
"typeManualOther": "Manual (Other)",
|
||||
"typeNone": "No Prize (Thanks)",
|
||||
"typePhysical": "Physical",
|
||||
"typePoints": "Points",
|
||||
"typeVpnDuration": "VPN Duration",
|
||||
"unlimitedStock": "Unlimited Stock",
|
||||
"updateSuccess": "Prize updated",
|
||||
"weight": "Win probability (%)",
|
||||
"weightHint": "Percent chance in the grid. All drawable prizes must total 100%. 0 = shown but never drawn.",
|
||||
"weightInteger": "Probability must be an integer",
|
||||
"weightMax": "Probability cannot exceed 100",
|
||||
"weightMin": "Probability must be at least 0",
|
||||
"weightShort": "Prob",
|
||||
"yuanSuffix": "CNY"
|
||||
},
|
||||
"publish": "Publish",
|
||||
"publishSuccess": "Publish Success",
|
||||
"publishWarning": "Once published, the activity becomes visible to users.",
|
||||
"rules": {
|
||||
"addCondition": "Add Condition",
|
||||
"addSource": "Add Source",
|
||||
"amount": "Amount",
|
||||
"cannotSimplify": "This rule tree is too complex for simple mode. Please edit it in Advanced mode.",
|
||||
"capsBytesExceeded": "Size {{value}} bytes exceeds limit {{limit}} bytes",
|
||||
"capsDepthExceeded": "Depth {{value}} exceeds limit {{limit}}",
|
||||
"capsExceeded": "Rule tree exceeds limits",
|
||||
"capsNodesExceeded": "Node count {{value}} exceeds limit {{limit}}",
|
||||
"chanceSources": "Chance Sources",
|
||||
"chanceSourcesDescription": "Configure how users earn draw chances. Each source can only appear once.",
|
||||
"conditionType": {
|
||||
"has_subscription": "Has Subscription",
|
||||
"invite_count": "Invite Count",
|
||||
"register_days": "Register Days",
|
||||
"subscription_type": "Subscription Type",
|
||||
"total_recharge": "Total Recharge",
|
||||
"user_tag": "User Tag"
|
||||
},
|
||||
"dailyLimit": "Daily limit (optional)",
|
||||
"duplicateSource": "Duplicate source",
|
||||
"eligibility": "Eligibility",
|
||||
"jsonInvalid": "Invalid JSON: {{error}}",
|
||||
"jsonMustBeObject": "Rule tree must be a JSON object",
|
||||
"jsonPlaceholder": "Rule tree JSON, e.g. {\"op\":\"AND\",\"children\":[...]}. Leave empty for no requirement.",
|
||||
"noConditions": "No conditions. Everyone is eligible to join.",
|
||||
"op": "Combine Conditions With",
|
||||
"opAnd": "AND",
|
||||
"opOr": "OR",
|
||||
"param": {
|
||||
"min": "Min Count",
|
||||
"minDaysRemaining": "Min Days Remaining",
|
||||
"minUsdt": "Min USDT",
|
||||
"planIds": "Plan IDs",
|
||||
"planIdsPlaceholder": "Comma separated, e.g. 1,2,3",
|
||||
"tags": "Tags",
|
||||
"tagsPlaceholder": "Comma separated, e.g. vip,beta",
|
||||
"windowDays": "Window Days (optional)"
|
||||
},
|
||||
"save": "Save Rules",
|
||||
"saveFailed": "Failed to save rules",
|
||||
"saveSuccess": "Rules saved",
|
||||
"selectSource": "Select source",
|
||||
"simpleMode": "Simple",
|
||||
"advancedMode": "Advanced (JSON)",
|
||||
"source": {
|
||||
"dailySignin": "Daily Sign-in",
|
||||
"inviteSuccess": "Invite Success",
|
||||
"manualGrant": "Manual Grant",
|
||||
"newSubscription": "New Subscription"
|
||||
},
|
||||
"stage1Warning": "Stage 1 notice",
|
||||
"stage1WarningDescription": "The rule context is not wired up in the current version (Stage 1). Configuring eligibility will prevent users from joining the lottery. It is recommended to keep it empty."
|
||||
},
|
||||
"status": {
|
||||
"draft": "Draft",
|
||||
"ended": "Ended",
|
||||
"paused": "Paused",
|
||||
"running": "Running"
|
||||
},
|
||||
"statusAll": "All",
|
||||
"statusLabel": "Status",
|
||||
"title": "Title",
|
||||
"updateSuccess": "Update Success",
|
||||
"claim": {
|
||||
"approve": "Approve",
|
||||
"approveDescription": "Approving moves this claim to the paying/shipping stage.",
|
||||
"approveSuccess": "Claim approved",
|
||||
"approveTitle": "Approve this claim?",
|
||||
"cancel": "Cancel",
|
||||
"claimData": "Claim info",
|
||||
"confirm": "Confirm",
|
||||
"confirmMarkPaid": "Confirm",
|
||||
"confirmReject": "Confirm reject",
|
||||
"createdAt": "Won at",
|
||||
"deliveryRef": "Delivery ref",
|
||||
"deliveryRefPlaceholder": "Tracking number",
|
||||
"deliveryRefRequired": "Delivery ref is required for physical",
|
||||
"expiresAt": "Expires",
|
||||
"filterStatus": "Status",
|
||||
"filterType": "Type",
|
||||
"filterUserId": "User ID",
|
||||
"fulfillment": "Tx / Delivery",
|
||||
"markPaid": "Mark fulfilled",
|
||||
"markPaidDescription": "Crypto requires a tx hash; physical requires a delivery ref; manual requires at least one.",
|
||||
"markPaidSuccess": "Marked as fulfilled",
|
||||
"markPaidTitle": "Mark as fulfilled",
|
||||
"oneRefRequired": "Fill at least one field",
|
||||
"prize": "Prize",
|
||||
"reason": "Reason",
|
||||
"reasonPlaceholder": "Reason shown to the user",
|
||||
"reasonRequired": "Please enter a reason",
|
||||
"reasonTooLong": "Reason cannot exceed 512 chars",
|
||||
"reject": "Reject",
|
||||
"rejectDescription": "The reason is shown to the user, who may then resubmit.",
|
||||
"rejectSuccess": "Claim rejected",
|
||||
"rejectTitle": "Reject claim",
|
||||
"status": "Status",
|
||||
"statusExpired": "Expired",
|
||||
"statusPaid": "Fulfilled",
|
||||
"statusPaying": "Paying / Shipping",
|
||||
"statusPending": "Awaiting user",
|
||||
"statusRejected": "Rejected",
|
||||
"statusReviewing": "Reviewing",
|
||||
"tableTitle": "Claims",
|
||||
"txHash": "Tx hash",
|
||||
"txHashRequired": "Tx hash is required for crypto",
|
||||
"user": "User"
|
||||
},
|
||||
"draw": {
|
||||
"dispatchAutoClaimed": "Auto-granted",
|
||||
"dispatchExpired": "Expired",
|
||||
"dispatchFailed": "Failed",
|
||||
"dispatchNone": "Pending",
|
||||
"dispatchPaid": "Fulfilled",
|
||||
"dispatchPendingClaim": "Awaiting claim",
|
||||
"dispatchState": "Dispatch",
|
||||
"drawnAt": "Drawn at",
|
||||
"filterDispatch": "Dispatch",
|
||||
"filterUserId": "User ID",
|
||||
"filterWin": "Won?",
|
||||
"grant": "Grant result",
|
||||
"loseOnly": "Not won",
|
||||
"prize": "Prize",
|
||||
"tableTitle": "Draw records",
|
||||
"user": "User",
|
||||
"winOnly": "Won"
|
||||
},
|
||||
"delete": "Delete",
|
||||
"deleteSuccess": "Deleted",
|
||||
"confirmDeleteActivity": "Delete this activity?",
|
||||
"confirmDeleteActivityDesc": "This permanently deletes the activity and its prizes. A running activity must be paused first. This cannot be undone."
|
||||
}
|
||||
@@ -11,10 +11,8 @@
|
||||
"Email": "Email",
|
||||
"Gift": "Gift",
|
||||
"Group Management": "Group Management",
|
||||
"Invite Management": "Invite Management",
|
||||
"Login": "Login",
|
||||
"Logs & Analytics": "Logs & Analytics",
|
||||
"Lottery Management": "Lottery Management",
|
||||
"Maintenance": "Maintenance",
|
||||
"Marketing Management": "Marketing Management",
|
||||
"Mobile": "Mobile",
|
||||
@@ -22,7 +20,6 @@
|
||||
"Order Management": "Order Management",
|
||||
"Payment Config": "Payment Config",
|
||||
"Product Management": "Product Management",
|
||||
"Promo Management": "Promo Management",
|
||||
"Redemption Management": "Redemption Management",
|
||||
"Register": "Register",
|
||||
"Reset Subscribe": "Reset Subscribe",
|
||||
|
||||
@@ -1,70 +0,0 @@
|
||||
{
|
||||
"cancel": "Cancel",
|
||||
"confirm": "Confirm",
|
||||
"confirmDelete": "Are you sure you want to delete?",
|
||||
"createPrice": "Create Promo Price",
|
||||
"createRule": "Create Rule",
|
||||
"createSuccess": "Create Success",
|
||||
"delete": "Delete",
|
||||
"deleteSuccess": "Delete Success",
|
||||
"deleteWarning": "Once deleted, data cannot be recovered. Please proceed with caution.",
|
||||
"detail": "Detail",
|
||||
"edit": "Edit",
|
||||
"editRule": "Edit Rule",
|
||||
"emptyPrices": "No promo prices",
|
||||
"emptyRules": "No promo rules",
|
||||
"emptyUsage": "No promo usage records",
|
||||
"enabled": "Enabled",
|
||||
"endTime": "End Time",
|
||||
"form": {
|
||||
"enterPromoPrice": "Enter price",
|
||||
"inactiveMonths": "Inactive Months",
|
||||
"inactiveMonthsPlaceholder": "Months without purchase",
|
||||
"name": "Name",
|
||||
"namePlaceholder": "Rule name",
|
||||
"noDiscounts": "This subscribe has no discount quantities and cannot be configured.",
|
||||
"promoPriceLessThanOriginalPrice": "Promo price must be lower than original price",
|
||||
"promoPriceLessThanUnitPrice": "Promo price must be lower than unit price",
|
||||
"selectEndTime": "Select time",
|
||||
"selectRule": "Select rule",
|
||||
"selectStartTime": "Select time",
|
||||
"selectQuantity": "Select discount quantity",
|
||||
"selectSubscribe": "Select subscribe",
|
||||
"type": "Rule Type",
|
||||
"windowHours": "Window Hours",
|
||||
"windowHoursPlaceholder": "Hours after registration"
|
||||
},
|
||||
"loadErrorDescription": "Refresh the table or try again later.",
|
||||
"loadPricesError": "Failed to load promo prices",
|
||||
"loadRulesError": "Failed to load promo rules",
|
||||
"loadUsageError": "Failed to load promo usage",
|
||||
"name": "Name",
|
||||
"no": "No",
|
||||
"orderNo": "Order No.",
|
||||
"originalPriceHint": "Original price",
|
||||
"params": "Params",
|
||||
"prices": "Prices",
|
||||
"priority": "Priority",
|
||||
"promoPrice": "Promo Price",
|
||||
"quantity": "Quantity",
|
||||
"rule": "Rule",
|
||||
"ruleDetail": "Rule Detail",
|
||||
"rules": "Rules",
|
||||
"searchRule": "Rule name",
|
||||
"startTime": "Start Time",
|
||||
"subscribe": "Subscribe",
|
||||
"type": "Type",
|
||||
"types": {
|
||||
"campaign": "Campaign",
|
||||
"inactive_user": "Inactive User",
|
||||
"new_user": "New User"
|
||||
},
|
||||
"unitPrice": "Unit Price",
|
||||
"unitPriceHint": "Unit price",
|
||||
"updateSuccess": "Update Success",
|
||||
"usage": "Usage",
|
||||
"usedAt": "Used At",
|
||||
"userId": "User ID",
|
||||
"validityPeriod": "Validity Period",
|
||||
"yes": "Yes"
|
||||
}
|
||||
@@ -100,12 +100,10 @@
|
||||
"manager": "Administrator",
|
||||
"memberCount": "Member Count",
|
||||
"more": "More",
|
||||
"neverLoggedIn": "Never logged in",
|
||||
"normal": "Normal",
|
||||
"next": "Next",
|
||||
"noInvitedUsers": "No invited users yet",
|
||||
"notifySettingsTitle": "Notify Settings",
|
||||
"inactive": "Inactive",
|
||||
"offline": "Offline",
|
||||
"online": "Online",
|
||||
"onlineDevices": "Online Devices",
|
||||
@@ -191,7 +189,6 @@
|
||||
"groupUpdated": "Group updated successfully",
|
||||
"upload": "Upload",
|
||||
"uploadTraffic": "Upload Traffic",
|
||||
"userStatus": "User Status",
|
||||
"userAgent": "User Agent",
|
||||
"userEmail": "Email",
|
||||
"userEmailPlaceholder": "Enter email",
|
||||
@@ -201,7 +198,6 @@
|
||||
"userName": "Username",
|
||||
"userProfile": "User Profile",
|
||||
"userGroup": "User Group",
|
||||
"active": "Active",
|
||||
"verified": "Verified",
|
||||
"viewDeviceGroup": "View Device Group",
|
||||
"viewOwner": "View Owner",
|
||||
|
||||
@@ -29,6 +29,5 @@
|
||||
"users": "用户",
|
||||
"userTitle": "用户统计",
|
||||
"userTraffic": "用户流量",
|
||||
"withdrawalManagement": "提现管理",
|
||||
"yesterday": "昨日"
|
||||
}
|
||||
|
||||
@@ -1,23 +0,0 @@
|
||||
{
|
||||
"commission": "佣金",
|
||||
"days": "{{count}} 天",
|
||||
"disabled": "禁用",
|
||||
"empty": "暂无邀请记录",
|
||||
"enabled": "启用",
|
||||
"hasPurchased": "已购买",
|
||||
"invitee": "被邀请人",
|
||||
"inviteeGiftDays": "被邀请人赠送天数",
|
||||
"inviteeId": "被邀请人 ID",
|
||||
"invitedAt": "邀请时间",
|
||||
"inviter": "邀请人",
|
||||
"inviterGiftDays": "邀请人赠送天数",
|
||||
"inviterId": "邀请人 ID",
|
||||
"loadErrorDescription": "刷新表格或稍后重试。",
|
||||
"loadErrorTitle": "邀请记录加载失败",
|
||||
"no": "否",
|
||||
"orderCount": "订单数",
|
||||
"searchPlaceholder": "邮箱/手机号关键词",
|
||||
"status": "状态",
|
||||
"title": "邀请管理",
|
||||
"yes": "是"
|
||||
}
|
||||
@@ -1,273 +0,0 @@
|
||||
{
|
||||
"activityTime": "活动时间",
|
||||
"cancel": "取消",
|
||||
"confirm": "确认",
|
||||
"confirmPause": "确定要暂停该活动吗?",
|
||||
"confirmPublish": "确定要上架该活动吗?",
|
||||
"create": "创建",
|
||||
"createActivity": "创建活动",
|
||||
"createSuccess": "创建成功",
|
||||
"detail": {
|
||||
"prizesTab": "奖品",
|
||||
"rulesTab": "规则",
|
||||
"claimsTab": "领奖工单",
|
||||
"drawsTab": "抽奖记录"
|
||||
},
|
||||
"edit": "编辑",
|
||||
"editActivity": "编辑活动",
|
||||
"form": {
|
||||
"cancel": "取消",
|
||||
"confirm": "确认",
|
||||
"description": "活动描述",
|
||||
"descriptionPlaceholder": "活动描述(支持 Markdown)",
|
||||
"endAt": "结束时间",
|
||||
"endAtAfterStartAt": "结束时间必须晚于开始时间",
|
||||
"endAtRequired": "请选择结束时间",
|
||||
"gridSize": "格子数",
|
||||
"selectEndAt": "选择时间",
|
||||
"selectGridSize": "选择格子数",
|
||||
"selectStartAt": "选择时间",
|
||||
"startAt": "开始时间",
|
||||
"startAtRequired": "请选择开始时间",
|
||||
"title": "标题",
|
||||
"titlePlaceholder": "活动标题",
|
||||
"titleRequired": "请输入活动标题"
|
||||
},
|
||||
"grant": {
|
||||
"amount": "发放数量",
|
||||
"description": "为用户手动发放活动「{{title}}」的抽奖次数",
|
||||
"sourceRef": "来源引用号",
|
||||
"sourceRefHint": "幂等键:相同的引用号只会发放一次,重复提交不会重复发放。",
|
||||
"sourceRefPlaceholder": "grant-20260709-abc123",
|
||||
"success": "次数发放成功",
|
||||
"title": "发放次数",
|
||||
"userId": "用户 ID",
|
||||
"userIdHint": "请输入用户的数字 ID,可在用户管理列表中查看。",
|
||||
"userIdPlaceholder": "例如:87433"
|
||||
},
|
||||
"grantChances": "发放次数",
|
||||
"gridSize": "格子数",
|
||||
"id": "ID",
|
||||
"manage": "管理",
|
||||
"pause": "暂停",
|
||||
"pauseSuccess": "暂停成功",
|
||||
"pauseWarning": "活动暂停期间,用户将无法抽奖。",
|
||||
"prize": {
|
||||
"addPrize": "添加奖品",
|
||||
"amountPrecision": "金额最多支持 2 位小数",
|
||||
"amountRequired": "金额必须大于 0",
|
||||
"amountUnitHint": "以元为单位输入,按分存储;最多支持 2 位小数",
|
||||
"amountYuan": "佣金金额(元)",
|
||||
"cancel": "取消",
|
||||
"centerSlotHint": "通常为抽奖按钮",
|
||||
"claimTtlHint": "用户提交领奖信息的时限,缺省 168 小时(7 天)。",
|
||||
"claimTtlHours": "领奖窗口(小时)",
|
||||
"claimTtlInvalid": "领奖窗口(小时)必须为正整数",
|
||||
"confirm": "确认",
|
||||
"confirmDelete": "删除",
|
||||
"createSuccess": "奖品创建成功",
|
||||
"createTitle": "添加奖品",
|
||||
"cryptoAmount": "金额",
|
||||
"cryptoAmountPlaceholder": "例如:0.01",
|
||||
"cryptoAmountRequired": "请输入金额",
|
||||
"cryptoCurrency": "币种",
|
||||
"cryptoCurrencyRequired": "请输入币种",
|
||||
"cryptoNetworks": "网络",
|
||||
"cryptoNetworksHint": "逗号分隔,用户领奖时从中选择一个网络。",
|
||||
"cryptoNetworksRequired": "至少填写一个网络(逗号分隔)",
|
||||
"daysSuffix": "天",
|
||||
"delete": "删除",
|
||||
"deleteDescription": "该奖品将从九宫格中移除,此操作不可撤销。",
|
||||
"deleteSuccess": "奖品删除成功",
|
||||
"deleteTitle": "确定删除该奖品吗?",
|
||||
"durationDays": "时长(天)",
|
||||
"durationDaysPlaceholder": "例如:1",
|
||||
"durationDaysRequired": "时长天数必须为正整数",
|
||||
"durationSummary": "{{days}} 天",
|
||||
"editTitle": "编辑奖品",
|
||||
"fallbackBadge": "保底",
|
||||
"fallbackIgnoresWeight": "保底奖品不参与概率(永不被随机抽中)",
|
||||
"hoursSuffix": "小时",
|
||||
"iconUrl": "图标 URL",
|
||||
"iconUrlInvalid": "请输入有效的 URL",
|
||||
"isFallback": "保底奖品",
|
||||
"isFallbackHint": "限量奖品抽完后发放该奖品",
|
||||
"manualPrizeHint": "人工发放奖品:无需额外配置。中奖后用户凭截图联系人工客服兑换,无需在 app 内填领奖表单。",
|
||||
"name": "奖品名称",
|
||||
"namePlaceholder": "例如:1 天时长卡",
|
||||
"nameRequired": "请输入奖品名称",
|
||||
"noFallbackHint": "建议配置一个保底奖品,避免限量奖品抽完后抽奖失败。",
|
||||
"noFallbackTitle": "未配置保底奖品",
|
||||
"noRandomPrizes": "暂无参与随机抽取的奖品",
|
||||
"noneHint": "无需额外配置。建议开启保底,限量奖品抽完后用户将始终抽中该奖品。",
|
||||
"probabilityPreview": "概率预览",
|
||||
"probabilityTotal": "合计",
|
||||
"selectType": "选择类型",
|
||||
"skuName": "物品名称(可选)",
|
||||
"skuNamePlaceholder": "例如:限量 T 恤",
|
||||
"slotLabel": "格子",
|
||||
"soldOutBadge": "已抽完",
|
||||
"stockShort": "库存",
|
||||
"subscribePlan": "无订阅时新建套餐",
|
||||
"subscribePlanHint": "当用户无活跃订阅时,按该套餐新建订阅并发放时长;留空则跳过发放。",
|
||||
"subscribePlanPlaceholder": "不选:用户无活跃订阅时跳过发放",
|
||||
"totalNot100Hint": "当前可抽奖品概率合计 {{total}}%。请调整各奖品的中奖概率,使其精确等于 100%。",
|
||||
"totalNot100Title": "概率合计必须为 100%",
|
||||
"totalStock": "总库存",
|
||||
"totalStockPlaceholder": "例如:100",
|
||||
"totalStockRequired": "总库存必须为正整数",
|
||||
"type": "奖品类型",
|
||||
"typeCommission": "佣金",
|
||||
"typeCoupon": "优惠券",
|
||||
"typeCrypto": "人工发放",
|
||||
"typeManualOther": "人工发放(其他)",
|
||||
"typeNone": "谢谢参与",
|
||||
"typePhysical": "实物奖品",
|
||||
"typePoints": "积分",
|
||||
"typeVpnDuration": "免费时长",
|
||||
"unlimitedStock": "无限库存",
|
||||
"updateSuccess": "奖品更新成功",
|
||||
"weight": "中奖概率(%)",
|
||||
"weightHint": "九宫格内的中奖概率。所有参与随机的奖品合计须为 100%。0 = 展示但不参与随机。",
|
||||
"weightInteger": "概率必须为整数",
|
||||
"weightMax": "概率不能超过 100",
|
||||
"weightMin": "概率不能小于 0",
|
||||
"weightShort": "概率",
|
||||
"yuanSuffix": "元"
|
||||
},
|
||||
"publish": "上架",
|
||||
"publishSuccess": "上架成功",
|
||||
"publishWarning": "上架后活动将对用户可见。",
|
||||
"rules": {
|
||||
"addCondition": "添加条件",
|
||||
"addSource": "添加来源",
|
||||
"amount": "次数",
|
||||
"cannotSimplify": "规则树结构较复杂,无法用简单模式编辑,请在高级(JSON)模式下修改",
|
||||
"capsBytesExceeded": "大小 {{value}} 字节超过上限 {{limit}} 字节",
|
||||
"capsDepthExceeded": "深度 {{value}} 超过上限 {{limit}}",
|
||||
"capsExceeded": "规则树超出限制",
|
||||
"capsNodesExceeded": "节点数 {{value}} 超过上限 {{limit}}",
|
||||
"chanceSources": "次数来源",
|
||||
"chanceSourcesDescription": "配置用户获取抽奖次数的方式,每种来源只能配置一次。",
|
||||
"conditionType": {
|
||||
"has_subscription": "持有订阅",
|
||||
"invite_count": "邀请人数",
|
||||
"register_days": "注册天数",
|
||||
"subscription_type": "订阅套餐类型",
|
||||
"total_recharge": "累计充值",
|
||||
"user_tag": "用户标签"
|
||||
},
|
||||
"dailyLimit": "每日上限(可选)",
|
||||
"duplicateSource": "来源不能重复",
|
||||
"eligibility": "参与门槛",
|
||||
"jsonInvalid": "JSON 无效:{{error}}",
|
||||
"jsonMustBeObject": "规则树必须是 JSON 对象",
|
||||
"jsonPlaceholder": "规则树 JSON,例如 {\"op\":\"AND\",\"children\":[...]},留空表示无门槛。",
|
||||
"noConditions": "暂无条件,所有用户均可参与。",
|
||||
"op": "条件组合方式",
|
||||
"opAnd": "且(AND)",
|
||||
"opOr": "或(OR)",
|
||||
"param": {
|
||||
"min": "最小数量",
|
||||
"minDaysRemaining": "剩余天数下限",
|
||||
"minUsdt": "最低 USDT 金额",
|
||||
"planIds": "套餐 ID",
|
||||
"planIdsPlaceholder": "逗号分隔,例如 1,2,3",
|
||||
"tags": "标签",
|
||||
"tagsPlaceholder": "逗号分隔,例如 vip,beta",
|
||||
"windowDays": "时间窗口天数(可选)"
|
||||
},
|
||||
"save": "保存规则",
|
||||
"saveFailed": "规则保存失败",
|
||||
"saveSuccess": "规则保存成功",
|
||||
"selectSource": "选择来源",
|
||||
"simpleMode": "简单模式",
|
||||
"advancedMode": "高级模式(JSON)",
|
||||
"source": {
|
||||
"dailySignin": "每日签到",
|
||||
"inviteSuccess": "邀请成功",
|
||||
"manualGrant": "手动发放",
|
||||
"newSubscription": "新订阅"
|
||||
},
|
||||
"stage1Warning": "Stage 1 提示",
|
||||
"stage1WarningDescription": "当前版本(Stage 1)规则上下文尚未接线,配置门槛将导致用户无法参与抽奖,建议保持为空。"
|
||||
},
|
||||
"status": {
|
||||
"draft": "草稿",
|
||||
"ended": "已结束",
|
||||
"paused": "已暂停",
|
||||
"running": "进行中"
|
||||
},
|
||||
"statusAll": "全部",
|
||||
"statusLabel": "状态",
|
||||
"title": "标题",
|
||||
"updateSuccess": "更新成功",
|
||||
"claim": {
|
||||
"approve": "通过",
|
||||
"approveDescription": "通过后工单进入待发放/发货阶段。",
|
||||
"approveSuccess": "工单已通过",
|
||||
"approveTitle": "确认通过该工单?",
|
||||
"cancel": "取消",
|
||||
"claimData": "领奖信息",
|
||||
"confirm": "确认",
|
||||
"confirmMarkPaid": "确认",
|
||||
"confirmReject": "确认驳回",
|
||||
"createdAt": "中奖时间",
|
||||
"deliveryRef": "物流单号",
|
||||
"deliveryRefPlaceholder": "快递单号",
|
||||
"deliveryRefRequired": "实物奖品必须填写物流单号",
|
||||
"expiresAt": "过期时间",
|
||||
"filterStatus": "状态",
|
||||
"filterType": "类型",
|
||||
"filterUserId": "用户 ID",
|
||||
"fulfillment": "交易/物流单号",
|
||||
"markPaid": "标记发放",
|
||||
"markPaidDescription": "加密货币需填交易哈希;实物需填物流单号;人工其他至少填一项。",
|
||||
"markPaidSuccess": "已标记发放",
|
||||
"markPaidTitle": "标记为已发放",
|
||||
"oneRefRequired": "至少填写一项",
|
||||
"prize": "奖品",
|
||||
"reason": "驳回原因",
|
||||
"reasonPlaceholder": "填写驳回原因,用户端会看到",
|
||||
"reasonRequired": "请填写驳回原因",
|
||||
"reasonTooLong": "驳回原因不能超过 512 字",
|
||||
"reject": "驳回",
|
||||
"rejectDescription": "驳回原因会展示给用户,用户可重新提交。",
|
||||
"rejectSuccess": "工单已驳回",
|
||||
"rejectTitle": "驳回工单",
|
||||
"status": "状态",
|
||||
"statusExpired": "已过期",
|
||||
"statusPaid": "已发放",
|
||||
"statusPaying": "待发放/发货",
|
||||
"statusPending": "待用户填写",
|
||||
"statusRejected": "已驳回",
|
||||
"statusReviewing": "待审核",
|
||||
"tableTitle": "领奖工单",
|
||||
"txHash": "交易哈希",
|
||||
"txHashRequired": "加密货币奖品必须填写交易哈希",
|
||||
"user": "用户"
|
||||
},
|
||||
"draw": {
|
||||
"dispatchAutoClaimed": "已自动发放",
|
||||
"dispatchExpired": "已过期",
|
||||
"dispatchFailed": "发放失败",
|
||||
"dispatchNone": "待发放",
|
||||
"dispatchPaid": "已发放",
|
||||
"dispatchPendingClaim": "待领取",
|
||||
"dispatchState": "发放状态",
|
||||
"drawnAt": "抽奖时间",
|
||||
"filterDispatch": "发放状态",
|
||||
"filterUserId": "用户 ID",
|
||||
"filterWin": "是否中奖",
|
||||
"grant": "发放结果",
|
||||
"loseOnly": "未中奖",
|
||||
"prize": "奖品",
|
||||
"tableTitle": "抽奖记录",
|
||||
"user": "用户",
|
||||
"winOnly": "已中奖"
|
||||
},
|
||||
"delete": "删除",
|
||||
"deleteSuccess": "删除成功",
|
||||
"confirmDeleteActivity": "确定删除该活动吗?",
|
||||
"confirmDeleteActivityDesc": "将永久删除该活动及其奖品。运行中的活动请先暂停。此操作不可撤销。"
|
||||
}
|
||||
@@ -11,10 +11,8 @@
|
||||
"Email": "邮件",
|
||||
"Gift": "赠送",
|
||||
"Group Management": "分组管理",
|
||||
"Invite Management": "邀请管理",
|
||||
"Login": "登录",
|
||||
"Logs & Analytics": "日志与分析",
|
||||
"Lottery Management": "抽奖管理",
|
||||
"Maintenance": "维护",
|
||||
"Marketing Management": "营销管理",
|
||||
"Mobile": "短信",
|
||||
@@ -22,7 +20,6 @@
|
||||
"Order Management": "订单管理",
|
||||
"Payment Config": "支付配置",
|
||||
"Product Management": "商品管理",
|
||||
"Promo Management": "促销管理",
|
||||
"Redemption Management": "兑换码管理",
|
||||
"Register": "注册",
|
||||
"Reset Subscribe": "重置订阅",
|
||||
|
||||
@@ -1,70 +0,0 @@
|
||||
{
|
||||
"cancel": "取消",
|
||||
"confirm": "确认",
|
||||
"confirmDelete": "确定要删除吗?",
|
||||
"createPrice": "创建促销价",
|
||||
"createRule": "创建规则",
|
||||
"createSuccess": "创建成功",
|
||||
"delete": "删除",
|
||||
"deleteSuccess": "删除成功",
|
||||
"deleteWarning": "删除后数据无法恢复,请谨慎操作。",
|
||||
"detail": "详情",
|
||||
"edit": "编辑",
|
||||
"editRule": "编辑规则",
|
||||
"emptyPrices": "暂无商品促销价",
|
||||
"emptyRules": "暂无促销规则",
|
||||
"emptyUsage": "暂无促销使用记录",
|
||||
"enabled": "启用",
|
||||
"endTime": "结束时间",
|
||||
"form": {
|
||||
"enterPromoPrice": "输入价格",
|
||||
"inactiveMonths": "未活跃月数",
|
||||
"inactiveMonthsPlaceholder": "未购买的月数",
|
||||
"name": "名称",
|
||||
"namePlaceholder": "规则名称",
|
||||
"noDiscounts": "该订阅没有 discount 档位,不能配置促销价。",
|
||||
"promoPriceLessThanOriginalPrice": "促销价必须低于原价",
|
||||
"promoPriceLessThanUnitPrice": "促销价必须低于原价",
|
||||
"selectEndTime": "选择时间",
|
||||
"selectRule": "选择规则",
|
||||
"selectStartTime": "选择时间",
|
||||
"selectQuantity": "选择 discount 档位",
|
||||
"selectSubscribe": "选择订阅",
|
||||
"type": "规则类型",
|
||||
"windowHours": "新用户窗口小时数",
|
||||
"windowHoursPlaceholder": "注册后的小时数"
|
||||
},
|
||||
"loadErrorDescription": "请刷新表格或稍后重试。",
|
||||
"loadPricesError": "促销价加载失败",
|
||||
"loadRulesError": "促销规则加载失败",
|
||||
"loadUsageError": "促销使用记录加载失败",
|
||||
"name": "名称",
|
||||
"no": "否",
|
||||
"orderNo": "订单号",
|
||||
"originalPriceHint": "原价",
|
||||
"params": "参数",
|
||||
"prices": "商品促销价",
|
||||
"priority": "优先级",
|
||||
"promoPrice": "促销价",
|
||||
"quantity": "档位",
|
||||
"rule": "规则",
|
||||
"ruleDetail": "规则详情",
|
||||
"rules": "促销规则",
|
||||
"searchRule": "规则名称",
|
||||
"startTime": "开始时间",
|
||||
"subscribe": "订阅",
|
||||
"type": "类型",
|
||||
"types": {
|
||||
"campaign": "活动",
|
||||
"inactive_user": "回归用户",
|
||||
"new_user": "新用户"
|
||||
},
|
||||
"unitPrice": "原价",
|
||||
"unitPriceHint": "原价",
|
||||
"updateSuccess": "更新成功",
|
||||
"usage": "使用记录",
|
||||
"usedAt": "使用时间",
|
||||
"userId": "用户 ID",
|
||||
"validityPeriod": "有效期",
|
||||
"yes": "是"
|
||||
}
|
||||
@@ -101,12 +101,10 @@
|
||||
"manager": "管理员",
|
||||
"memberCount": "成员数量",
|
||||
"more": "更多",
|
||||
"neverLoggedIn": "从未登录",
|
||||
"normal": "正常",
|
||||
"next": "下一页",
|
||||
"noInvitedUsers": "暂无邀请用户",
|
||||
"notifySettingsTitle": "通知设置",
|
||||
"inactive": "未活跃",
|
||||
"offline": "离线",
|
||||
"online": "在线",
|
||||
"onlineDevices": "在线设备",
|
||||
@@ -192,7 +190,6 @@
|
||||
"groupUpdated": "分组更新成功",
|
||||
"upload": "上传",
|
||||
"uploadTraffic": "上传流量",
|
||||
"userStatus": "用户状态",
|
||||
"userAgent": "用户代理",
|
||||
"userEmail": "邮箱",
|
||||
"userEmailPlaceholder": "输入邮箱",
|
||||
@@ -202,7 +199,6 @@
|
||||
"userName": "用户名",
|
||||
"userProfile": "用户资料",
|
||||
"userGroup": "用户分组",
|
||||
"active": "活跃",
|
||||
"verified": "已验证",
|
||||
"viewDeviceGroup": "查看设备组",
|
||||
"viewOwner": "查看所有者",
|
||||
|
||||
@@ -49,11 +49,6 @@ export function useNavs() {
|
||||
url: "/dashboard/product",
|
||||
icon: "flat-color-icons:shop",
|
||||
},
|
||||
{
|
||||
title: t("Promo Management", "Promo Management"),
|
||||
url: "/dashboard/promo",
|
||||
icon: "flat-color-icons:briefcase",
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
@@ -81,11 +76,6 @@ export function useNavs() {
|
||||
url: "/dashboard/marketing",
|
||||
icon: "flat-color-icons:bullish",
|
||||
},
|
||||
{
|
||||
title: t("Lottery Management", "Lottery Management"),
|
||||
url: "/dashboard/lottery",
|
||||
icon: "flat-color-icons:ratings",
|
||||
},
|
||||
{
|
||||
title: t("Announcement Management", "Announcement Management"),
|
||||
url: "/dashboard/announcement",
|
||||
@@ -108,11 +98,6 @@ export function useNavs() {
|
||||
url: "/dashboard/withdrawal",
|
||||
icon: "flat-color-icons:money-transfer",
|
||||
},
|
||||
{
|
||||
title: t("Invite Management", "Invite Management"),
|
||||
url: "/dashboard/invite-management",
|
||||
icon: "flat-color-icons:add-user",
|
||||
},
|
||||
{
|
||||
title: t("Device Group", "Device Group"),
|
||||
url: "/dashboard/family",
|
||||
|
||||
@@ -35,14 +35,12 @@ initializeI18n({
|
||||
"coupon",
|
||||
"dashboard",
|
||||
"document",
|
||||
"invite",
|
||||
"log",
|
||||
"marketing",
|
||||
"menu",
|
||||
"nodes",
|
||||
"order",
|
||||
"payment",
|
||||
"promo",
|
||||
"product",
|
||||
"servers",
|
||||
"subscribe",
|
||||
|
||||
+16
-105
@@ -34,8 +34,6 @@ const DashboardSubscribeIndexLazyRouteImport = createFileRoute(
|
||||
const DashboardRedemptionIndexLazyRouteImport = createFileRoute(
|
||||
'/dashboard/redemption/',
|
||||
)()
|
||||
const DashboardPromoIndexLazyRouteImport =
|
||||
createFileRoute('/dashboard/promo/')()
|
||||
const DashboardProductIndexLazyRouteImport = createFileRoute(
|
||||
'/dashboard/product/',
|
||||
)()
|
||||
@@ -47,12 +45,6 @@ const DashboardOrderIndexLazyRouteImport =
|
||||
const DashboardMarketingIndexLazyRouteImport = createFileRoute(
|
||||
'/dashboard/marketing/',
|
||||
)()
|
||||
const DashboardLotteryIndexLazyRouteImport = createFileRoute(
|
||||
'/dashboard/lottery/',
|
||||
)()
|
||||
const DashboardInviteManagementIndexLazyRouteImport = createFileRoute(
|
||||
'/dashboard/invite-management/',
|
||||
)()
|
||||
const DashboardGroupIndexLazyRouteImport =
|
||||
createFileRoute('/dashboard/group/')()
|
||||
const DashboardFamilyIndexLazyRouteImport =
|
||||
@@ -146,9 +138,9 @@ const DashboardNodesLazyRoute = DashboardNodesLazyRouteImport.update({
|
||||
)
|
||||
const DashboardWithdrawalIndexLazyRoute =
|
||||
DashboardWithdrawalIndexLazyRouteImport.update({
|
||||
id: '/',
|
||||
path: '/',
|
||||
getParentRoute: () => DashboardWithdrawalLazyRoute,
|
||||
id: '/withdrawal/',
|
||||
path: '/withdrawal/',
|
||||
getParentRoute: () => DashboardRouteLazyRoute,
|
||||
} as any).lazy(() =>
|
||||
import('./routes/dashboard/withdrawal/index.lazy').then((d) => d.Route),
|
||||
)
|
||||
@@ -191,13 +183,6 @@ const DashboardRedemptionIndexLazyRoute =
|
||||
} as any).lazy(() =>
|
||||
import('./routes/dashboard/redemption/index.lazy').then((d) => d.Route),
|
||||
)
|
||||
const DashboardPromoIndexLazyRoute = DashboardPromoIndexLazyRouteImport.update({
|
||||
id: '/promo/',
|
||||
path: '/promo/',
|
||||
getParentRoute: () => DashboardRouteLazyRoute,
|
||||
} as any).lazy(() =>
|
||||
import('./routes/dashboard/promo/index.lazy').then((d) => d.Route),
|
||||
)
|
||||
const DashboardProductIndexLazyRoute =
|
||||
DashboardProductIndexLazyRouteImport.update({
|
||||
id: '/product/',
|
||||
@@ -229,24 +214,6 @@ const DashboardMarketingIndexLazyRoute =
|
||||
} as any).lazy(() =>
|
||||
import('./routes/dashboard/marketing/index.lazy').then((d) => d.Route),
|
||||
)
|
||||
const DashboardLotteryIndexLazyRoute =
|
||||
DashboardLotteryIndexLazyRouteImport.update({
|
||||
id: '/lottery/',
|
||||
path: '/lottery/',
|
||||
getParentRoute: () => DashboardRouteLazyRoute,
|
||||
} as any).lazy(() =>
|
||||
import('./routes/dashboard/lottery/index.lazy').then((d) => d.Route),
|
||||
)
|
||||
const DashboardInviteManagementIndexLazyRoute =
|
||||
DashboardInviteManagementIndexLazyRouteImport.update({
|
||||
id: '/invite-management/',
|
||||
path: '/invite-management/',
|
||||
getParentRoute: () => DashboardRouteLazyRoute,
|
||||
} as any).lazy(() =>
|
||||
import('./routes/dashboard/invite-management/index.lazy').then(
|
||||
(d) => d.Route,
|
||||
),
|
||||
)
|
||||
const DashboardGroupIndexLazyRoute = DashboardGroupIndexLazyRouteImport.update({
|
||||
id: '/group/',
|
||||
path: '/group/',
|
||||
@@ -400,7 +367,7 @@ export interface FileRoutesByFullPath {
|
||||
'/dashboard': typeof DashboardRouteLazyRouteWithChildren
|
||||
'/dashboard/nodes': typeof DashboardNodesLazyRoute
|
||||
'/dashboard/servers': typeof DashboardServersLazyRoute
|
||||
'/dashboard/withdrawal': typeof DashboardWithdrawalLazyRouteWithChildren
|
||||
'/dashboard/withdrawal': typeof DashboardWithdrawalLazyRoute
|
||||
'/dashboard/': typeof DashboardIndexLazyRoute
|
||||
'/dashboard/log/balance': typeof DashboardLogBalanceLazyRoute
|
||||
'/dashboard/log/commission': typeof DashboardLogCommissionLazyRoute
|
||||
@@ -421,24 +388,22 @@ export interface FileRoutesByFullPath {
|
||||
'/dashboard/document': typeof DashboardDocumentIndexLazyRoute
|
||||
'/dashboard/family': typeof DashboardFamilyIndexLazyRoute
|
||||
'/dashboard/group': typeof DashboardGroupIndexLazyRoute
|
||||
'/dashboard/invite-management': typeof DashboardInviteManagementIndexLazyRoute
|
||||
'/dashboard/lottery': typeof DashboardLotteryIndexLazyRoute
|
||||
'/dashboard/marketing': typeof DashboardMarketingIndexLazyRoute
|
||||
'/dashboard/order': typeof DashboardOrderIndexLazyRoute
|
||||
'/dashboard/payment': typeof DashboardPaymentIndexLazyRoute
|
||||
'/dashboard/product': typeof DashboardProductIndexLazyRoute
|
||||
'/dashboard/promo': typeof DashboardPromoIndexLazyRoute
|
||||
'/dashboard/redemption': typeof DashboardRedemptionIndexLazyRoute
|
||||
'/dashboard/subscribe': typeof DashboardSubscribeIndexLazyRoute
|
||||
'/dashboard/system': typeof DashboardSystemIndexLazyRoute
|
||||
'/dashboard/ticket': typeof DashboardTicketIndexLazyRoute
|
||||
'/dashboard/user': typeof DashboardUserIndexLazyRoute
|
||||
'/dashboard/withdrawal/': typeof DashboardWithdrawalIndexLazyRoute
|
||||
'/dashboard/withdrawal': typeof DashboardWithdrawalIndexLazyRoute
|
||||
}
|
||||
export interface FileRoutesByTo {
|
||||
'/': typeof IndexLazyRoute
|
||||
'/dashboard/nodes': typeof DashboardNodesLazyRoute
|
||||
'/dashboard/servers': typeof DashboardServersLazyRoute
|
||||
'/dashboard/withdrawal': typeof DashboardWithdrawalLazyRoute
|
||||
'/dashboard': typeof DashboardIndexLazyRoute
|
||||
'/dashboard/log/balance': typeof DashboardLogBalanceLazyRoute
|
||||
'/dashboard/log/commission': typeof DashboardLogCommissionLazyRoute
|
||||
@@ -459,13 +424,10 @@ export interface FileRoutesByTo {
|
||||
'/dashboard/document': typeof DashboardDocumentIndexLazyRoute
|
||||
'/dashboard/family': typeof DashboardFamilyIndexLazyRoute
|
||||
'/dashboard/group': typeof DashboardGroupIndexLazyRoute
|
||||
'/dashboard/invite-management': typeof DashboardInviteManagementIndexLazyRoute
|
||||
'/dashboard/lottery': typeof DashboardLotteryIndexLazyRoute
|
||||
'/dashboard/marketing': typeof DashboardMarketingIndexLazyRoute
|
||||
'/dashboard/order': typeof DashboardOrderIndexLazyRoute
|
||||
'/dashboard/payment': typeof DashboardPaymentIndexLazyRoute
|
||||
'/dashboard/product': typeof DashboardProductIndexLazyRoute
|
||||
'/dashboard/promo': typeof DashboardPromoIndexLazyRoute
|
||||
'/dashboard/redemption': typeof DashboardRedemptionIndexLazyRoute
|
||||
'/dashboard/subscribe': typeof DashboardSubscribeIndexLazyRoute
|
||||
'/dashboard/system': typeof DashboardSystemIndexLazyRoute
|
||||
@@ -479,7 +441,7 @@ export interface FileRoutesById {
|
||||
'/dashboard': typeof DashboardRouteLazyRouteWithChildren
|
||||
'/dashboard/nodes': typeof DashboardNodesLazyRoute
|
||||
'/dashboard/servers': typeof DashboardServersLazyRoute
|
||||
'/dashboard/withdrawal': typeof DashboardWithdrawalLazyRouteWithChildren
|
||||
'/dashboard/withdrawal': typeof DashboardWithdrawalLazyRoute
|
||||
'/dashboard/': typeof DashboardIndexLazyRoute
|
||||
'/dashboard/log/balance': typeof DashboardLogBalanceLazyRoute
|
||||
'/dashboard/log/commission': typeof DashboardLogCommissionLazyRoute
|
||||
@@ -500,13 +462,10 @@ export interface FileRoutesById {
|
||||
'/dashboard/document/': typeof DashboardDocumentIndexLazyRoute
|
||||
'/dashboard/family/': typeof DashboardFamilyIndexLazyRoute
|
||||
'/dashboard/group/': typeof DashboardGroupIndexLazyRoute
|
||||
'/dashboard/invite-management/': typeof DashboardInviteManagementIndexLazyRoute
|
||||
'/dashboard/lottery/': typeof DashboardLotteryIndexLazyRoute
|
||||
'/dashboard/marketing/': typeof DashboardMarketingIndexLazyRoute
|
||||
'/dashboard/order/': typeof DashboardOrderIndexLazyRoute
|
||||
'/dashboard/payment/': typeof DashboardPaymentIndexLazyRoute
|
||||
'/dashboard/product/': typeof DashboardProductIndexLazyRoute
|
||||
'/dashboard/promo/': typeof DashboardPromoIndexLazyRoute
|
||||
'/dashboard/redemption/': typeof DashboardRedemptionIndexLazyRoute
|
||||
'/dashboard/subscribe/': typeof DashboardSubscribeIndexLazyRoute
|
||||
'/dashboard/system/': typeof DashboardSystemIndexLazyRoute
|
||||
@@ -542,24 +501,22 @@ export interface FileRouteTypes {
|
||||
| '/dashboard/document'
|
||||
| '/dashboard/family'
|
||||
| '/dashboard/group'
|
||||
| '/dashboard/invite-management'
|
||||
| '/dashboard/lottery'
|
||||
| '/dashboard/marketing'
|
||||
| '/dashboard/order'
|
||||
| '/dashboard/payment'
|
||||
| '/dashboard/product'
|
||||
| '/dashboard/promo'
|
||||
| '/dashboard/redemption'
|
||||
| '/dashboard/subscribe'
|
||||
| '/dashboard/system'
|
||||
| '/dashboard/ticket'
|
||||
| '/dashboard/user'
|
||||
| '/dashboard/withdrawal/'
|
||||
| '/dashboard/withdrawal'
|
||||
fileRoutesByTo: FileRoutesByTo
|
||||
to:
|
||||
| '/'
|
||||
| '/dashboard/nodes'
|
||||
| '/dashboard/servers'
|
||||
| '/dashboard/withdrawal'
|
||||
| '/dashboard'
|
||||
| '/dashboard/log/balance'
|
||||
| '/dashboard/log/commission'
|
||||
@@ -580,13 +537,10 @@ export interface FileRouteTypes {
|
||||
| '/dashboard/document'
|
||||
| '/dashboard/family'
|
||||
| '/dashboard/group'
|
||||
| '/dashboard/invite-management'
|
||||
| '/dashboard/lottery'
|
||||
| '/dashboard/marketing'
|
||||
| '/dashboard/order'
|
||||
| '/dashboard/payment'
|
||||
| '/dashboard/product'
|
||||
| '/dashboard/promo'
|
||||
| '/dashboard/redemption'
|
||||
| '/dashboard/subscribe'
|
||||
| '/dashboard/system'
|
||||
@@ -620,13 +574,10 @@ export interface FileRouteTypes {
|
||||
| '/dashboard/document/'
|
||||
| '/dashboard/family/'
|
||||
| '/dashboard/group/'
|
||||
| '/dashboard/invite-management/'
|
||||
| '/dashboard/lottery/'
|
||||
| '/dashboard/marketing/'
|
||||
| '/dashboard/order/'
|
||||
| '/dashboard/payment/'
|
||||
| '/dashboard/product/'
|
||||
| '/dashboard/promo/'
|
||||
| '/dashboard/redemption/'
|
||||
| '/dashboard/subscribe/'
|
||||
| '/dashboard/system/'
|
||||
@@ -686,10 +637,10 @@ declare module '@tanstack/react-router' {
|
||||
}
|
||||
'/dashboard/withdrawal/': {
|
||||
id: '/dashboard/withdrawal/'
|
||||
path: '/'
|
||||
fullPath: '/dashboard/withdrawal/'
|
||||
path: '/withdrawal'
|
||||
fullPath: '/dashboard/withdrawal'
|
||||
preLoaderRoute: typeof DashboardWithdrawalIndexLazyRouteImport
|
||||
parentRoute: typeof DashboardWithdrawalLazyRoute
|
||||
parentRoute: typeof DashboardRouteLazyRoute
|
||||
}
|
||||
'/dashboard/user/': {
|
||||
id: '/dashboard/user/'
|
||||
@@ -726,13 +677,6 @@ declare module '@tanstack/react-router' {
|
||||
preLoaderRoute: typeof DashboardRedemptionIndexLazyRouteImport
|
||||
parentRoute: typeof DashboardRouteLazyRoute
|
||||
}
|
||||
'/dashboard/promo/': {
|
||||
id: '/dashboard/promo/'
|
||||
path: '/promo'
|
||||
fullPath: '/dashboard/promo'
|
||||
preLoaderRoute: typeof DashboardPromoIndexLazyRouteImport
|
||||
parentRoute: typeof DashboardRouteLazyRoute
|
||||
}
|
||||
'/dashboard/product/': {
|
||||
id: '/dashboard/product/'
|
||||
path: '/product'
|
||||
@@ -761,20 +705,6 @@ declare module '@tanstack/react-router' {
|
||||
preLoaderRoute: typeof DashboardMarketingIndexLazyRouteImport
|
||||
parentRoute: typeof DashboardRouteLazyRoute
|
||||
}
|
||||
'/dashboard/lottery/': {
|
||||
id: '/dashboard/lottery/'
|
||||
path: '/lottery'
|
||||
fullPath: '/dashboard/lottery'
|
||||
preLoaderRoute: typeof DashboardLotteryIndexLazyRouteImport
|
||||
parentRoute: typeof DashboardRouteLazyRoute
|
||||
}
|
||||
'/dashboard/invite-management/': {
|
||||
id: '/dashboard/invite-management/'
|
||||
path: '/invite-management'
|
||||
fullPath: '/dashboard/invite-management'
|
||||
preLoaderRoute: typeof DashboardInviteManagementIndexLazyRouteImport
|
||||
parentRoute: typeof DashboardRouteLazyRoute
|
||||
}
|
||||
'/dashboard/group/': {
|
||||
id: '/dashboard/group/'
|
||||
path: '/group'
|
||||
@@ -911,24 +841,10 @@ declare module '@tanstack/react-router' {
|
||||
}
|
||||
}
|
||||
|
||||
interface DashboardWithdrawalLazyRouteChildren {
|
||||
DashboardWithdrawalIndexLazyRoute: typeof DashboardWithdrawalIndexLazyRoute
|
||||
}
|
||||
|
||||
const DashboardWithdrawalLazyRouteChildren: DashboardWithdrawalLazyRouteChildren =
|
||||
{
|
||||
DashboardWithdrawalIndexLazyRoute: DashboardWithdrawalIndexLazyRoute,
|
||||
}
|
||||
|
||||
const DashboardWithdrawalLazyRouteWithChildren =
|
||||
DashboardWithdrawalLazyRoute._addFileChildren(
|
||||
DashboardWithdrawalLazyRouteChildren,
|
||||
)
|
||||
|
||||
interface DashboardRouteLazyRouteChildren {
|
||||
DashboardNodesLazyRoute: typeof DashboardNodesLazyRoute
|
||||
DashboardServersLazyRoute: typeof DashboardServersLazyRoute
|
||||
DashboardWithdrawalLazyRoute: typeof DashboardWithdrawalLazyRouteWithChildren
|
||||
DashboardWithdrawalLazyRoute: typeof DashboardWithdrawalLazyRoute
|
||||
DashboardIndexLazyRoute: typeof DashboardIndexLazyRoute
|
||||
DashboardLogBalanceLazyRoute: typeof DashboardLogBalanceLazyRoute
|
||||
DashboardLogCommissionLazyRoute: typeof DashboardLogCommissionLazyRoute
|
||||
@@ -949,24 +865,22 @@ interface DashboardRouteLazyRouteChildren {
|
||||
DashboardDocumentIndexLazyRoute: typeof DashboardDocumentIndexLazyRoute
|
||||
DashboardFamilyIndexLazyRoute: typeof DashboardFamilyIndexLazyRoute
|
||||
DashboardGroupIndexLazyRoute: typeof DashboardGroupIndexLazyRoute
|
||||
DashboardInviteManagementIndexLazyRoute: typeof DashboardInviteManagementIndexLazyRoute
|
||||
DashboardLotteryIndexLazyRoute: typeof DashboardLotteryIndexLazyRoute
|
||||
DashboardMarketingIndexLazyRoute: typeof DashboardMarketingIndexLazyRoute
|
||||
DashboardOrderIndexLazyRoute: typeof DashboardOrderIndexLazyRoute
|
||||
DashboardPaymentIndexLazyRoute: typeof DashboardPaymentIndexLazyRoute
|
||||
DashboardProductIndexLazyRoute: typeof DashboardProductIndexLazyRoute
|
||||
DashboardPromoIndexLazyRoute: typeof DashboardPromoIndexLazyRoute
|
||||
DashboardRedemptionIndexLazyRoute: typeof DashboardRedemptionIndexLazyRoute
|
||||
DashboardSubscribeIndexLazyRoute: typeof DashboardSubscribeIndexLazyRoute
|
||||
DashboardSystemIndexLazyRoute: typeof DashboardSystemIndexLazyRoute
|
||||
DashboardTicketIndexLazyRoute: typeof DashboardTicketIndexLazyRoute
|
||||
DashboardUserIndexLazyRoute: typeof DashboardUserIndexLazyRoute
|
||||
DashboardWithdrawalIndexLazyRoute: typeof DashboardWithdrawalIndexLazyRoute
|
||||
}
|
||||
|
||||
const DashboardRouteLazyRouteChildren: DashboardRouteLazyRouteChildren = {
|
||||
DashboardNodesLazyRoute: DashboardNodesLazyRoute,
|
||||
DashboardServersLazyRoute: DashboardServersLazyRoute,
|
||||
DashboardWithdrawalLazyRoute: DashboardWithdrawalLazyRouteWithChildren,
|
||||
DashboardWithdrawalLazyRoute: DashboardWithdrawalLazyRoute,
|
||||
DashboardIndexLazyRoute: DashboardIndexLazyRoute,
|
||||
DashboardLogBalanceLazyRoute: DashboardLogBalanceLazyRoute,
|
||||
DashboardLogCommissionLazyRoute: DashboardLogCommissionLazyRoute,
|
||||
@@ -987,19 +901,16 @@ const DashboardRouteLazyRouteChildren: DashboardRouteLazyRouteChildren = {
|
||||
DashboardDocumentIndexLazyRoute: DashboardDocumentIndexLazyRoute,
|
||||
DashboardFamilyIndexLazyRoute: DashboardFamilyIndexLazyRoute,
|
||||
DashboardGroupIndexLazyRoute: DashboardGroupIndexLazyRoute,
|
||||
DashboardInviteManagementIndexLazyRoute:
|
||||
DashboardInviteManagementIndexLazyRoute,
|
||||
DashboardLotteryIndexLazyRoute: DashboardLotteryIndexLazyRoute,
|
||||
DashboardMarketingIndexLazyRoute: DashboardMarketingIndexLazyRoute,
|
||||
DashboardOrderIndexLazyRoute: DashboardOrderIndexLazyRoute,
|
||||
DashboardPaymentIndexLazyRoute: DashboardPaymentIndexLazyRoute,
|
||||
DashboardProductIndexLazyRoute: DashboardProductIndexLazyRoute,
|
||||
DashboardPromoIndexLazyRoute: DashboardPromoIndexLazyRoute,
|
||||
DashboardRedemptionIndexLazyRoute: DashboardRedemptionIndexLazyRoute,
|
||||
DashboardSubscribeIndexLazyRoute: DashboardSubscribeIndexLazyRoute,
|
||||
DashboardSystemIndexLazyRoute: DashboardSystemIndexLazyRoute,
|
||||
DashboardTicketIndexLazyRoute: DashboardTicketIndexLazyRoute,
|
||||
DashboardUserIndexLazyRoute: DashboardUserIndexLazyRoute,
|
||||
DashboardWithdrawalIndexLazyRoute: DashboardWithdrawalIndexLazyRoute,
|
||||
}
|
||||
|
||||
const DashboardRouteLazyRouteWithChildren =
|
||||
|
||||
@@ -1,6 +0,0 @@
|
||||
import { createLazyFileRoute } from "@tanstack/react-router";
|
||||
import InviteManagement from "@/sections/invite";
|
||||
|
||||
export const Route = createLazyFileRoute("/dashboard/invite-management/")({
|
||||
component: InviteManagement,
|
||||
});
|
||||
@@ -1,6 +0,0 @@
|
||||
import { createLazyFileRoute } from "@tanstack/react-router";
|
||||
import Lottery from "@/sections/lottery";
|
||||
|
||||
export const Route = createLazyFileRoute("/dashboard/lottery/")({
|
||||
component: Lottery,
|
||||
});
|
||||
@@ -1,6 +0,0 @@
|
||||
import { createLazyFileRoute } from "@tanstack/react-router";
|
||||
import PromoPage from "@/sections/promo";
|
||||
|
||||
export const Route = createLazyFileRoute("/dashboard/promo/")({
|
||||
component: PromoPage,
|
||||
});
|
||||
@@ -241,11 +241,11 @@ export default function Statistics() {
|
||||
iconBg: "bg-green-100 dark:bg-green-900/30",
|
||||
},
|
||||
{
|
||||
title: t("withdrawalManagement", "提现管理"),
|
||||
title: t("pendingTickets", "Pending Tickets"),
|
||||
value: TicketTotal || 0,
|
||||
subtitle: t("pending", "Pending"),
|
||||
icon: "uil:clipboard-notes",
|
||||
href: "/dashboard/withdrawal",
|
||||
href: "/dashboard/ticket",
|
||||
color: "text-red-600 dark:text-red-400",
|
||||
iconBg: "bg-red-100 dark:bg-red-900/30",
|
||||
},
|
||||
|
||||
@@ -1,159 +0,0 @@
|
||||
/**
|
||||
* @vitest-environment jsdom
|
||||
*/
|
||||
import { cleanup, render, screen, waitFor } from "@testing-library/react";
|
||||
import { getAdminInviteList } from "@workspace/ui/services/admin/invite";
|
||||
import type { AxiosResponse } from "axios";
|
||||
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
||||
import InviteManagement from ".";
|
||||
|
||||
vi.mock("react-i18next", () => ({
|
||||
useTranslation: () => ({
|
||||
t: (
|
||||
_key: string,
|
||||
fallback: string,
|
||||
options?: { count?: number }
|
||||
): string => {
|
||||
if (typeof options?.count === "number") {
|
||||
return `${options.count} days`;
|
||||
}
|
||||
return fallback;
|
||||
},
|
||||
}),
|
||||
}));
|
||||
|
||||
vi.mock("@/stores/global", () => ({
|
||||
useGlobalStore: () => ({
|
||||
common: {
|
||||
currency: {
|
||||
currency_symbol: "$",
|
||||
},
|
||||
},
|
||||
}),
|
||||
}));
|
||||
|
||||
vi.mock("@/utils/common", () => ({
|
||||
formatDate: (timestamp: number) => `date-${timestamp}`,
|
||||
}));
|
||||
|
||||
vi.mock("@workspace/ui/services/admin/invite", () => ({
|
||||
getAdminInviteList: vi.fn(),
|
||||
}));
|
||||
|
||||
const mockedGetAdminInviteList = vi.mocked(getAdminInviteList);
|
||||
|
||||
function createInviteListResponse(
|
||||
data: API.GetAdminInviteListResponse
|
||||
): AxiosResponse<API.Response & { data?: API.GetAdminInviteListResponse }> {
|
||||
return {
|
||||
data: {
|
||||
code: 200,
|
||||
data,
|
||||
},
|
||||
status: 200,
|
||||
statusText: "OK",
|
||||
headers: {},
|
||||
config: {
|
||||
headers: {} as AxiosResponse["config"]["headers"],
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
afterEach(() => {
|
||||
cleanup();
|
||||
vi.clearAllMocks();
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
localStorage.setItem("timezone", "UTC");
|
||||
});
|
||||
|
||||
describe("InviteManagement", () => {
|
||||
it("renders invite rows with status, purchase state, commission, and gift days", async () => {
|
||||
mockedGetAdminInviteList.mockResolvedValue(
|
||||
createInviteListResponse({
|
||||
total: 1,
|
||||
list: [
|
||||
{
|
||||
inviter_id: 10,
|
||||
inviter_identifier: "agent@example.com",
|
||||
invitee_id: 123,
|
||||
invitee_identifier: "user@example.com",
|
||||
invitee_avatar: "",
|
||||
invitee_enable: true,
|
||||
invited_at: 1_716_800_000,
|
||||
order_count: 3,
|
||||
has_purchased: true,
|
||||
inviter_commission: 1500,
|
||||
inviter_gift_days: 30,
|
||||
invitee_gift_days: 7,
|
||||
},
|
||||
],
|
||||
})
|
||||
);
|
||||
|
||||
render(<InviteManagement />);
|
||||
|
||||
await waitFor(() =>
|
||||
expect(mockedGetAdminInviteList).toHaveBeenCalledWith({
|
||||
page: 1,
|
||||
size: 200,
|
||||
search: undefined,
|
||||
inviter_id: undefined,
|
||||
invitee_id: undefined,
|
||||
})
|
||||
);
|
||||
|
||||
expect(await screen.findByText("agent@example.com")).not.toBeNull();
|
||||
expect(screen.getByText("user@example.com")).not.toBeNull();
|
||||
expect(screen.getByText("Enabled")).not.toBeNull();
|
||||
expect(screen.getByText("Yes")).not.toBeNull();
|
||||
expect(screen.getByText("$15.00")).not.toBeNull();
|
||||
expect(screen.getByText("30 days")).not.toBeNull();
|
||||
expect(screen.getByText("7 days")).not.toBeNull();
|
||||
expect(screen.getByText("date-1716800000")).not.toBeNull();
|
||||
});
|
||||
|
||||
it("shows the empty state when the API returns no rows", async () => {
|
||||
mockedGetAdminInviteList.mockResolvedValue(
|
||||
createInviteListResponse({
|
||||
total: 0,
|
||||
list: [],
|
||||
})
|
||||
);
|
||||
|
||||
render(<InviteManagement />);
|
||||
|
||||
expect(await screen.findByText("No invite records")).not.toBeNull();
|
||||
});
|
||||
|
||||
it("shows a loading state while invites are being fetched", () => {
|
||||
let resolveRequest:
|
||||
| ((
|
||||
value: AxiosResponse<
|
||||
API.Response & { data?: API.GetAdminInviteListResponse }
|
||||
>
|
||||
) => void)
|
||||
| undefined;
|
||||
mockedGetAdminInviteList.mockReturnValue(
|
||||
new Promise((resolve) => {
|
||||
resolveRequest = resolve;
|
||||
})
|
||||
);
|
||||
|
||||
render(<InviteManagement />);
|
||||
|
||||
expect(screen.getByRole("status", { name: "Loading data" })).not.toBeNull();
|
||||
expect(resolveRequest).toBeTypeOf("function");
|
||||
});
|
||||
|
||||
it("shows an error state when the request fails", async () => {
|
||||
mockedGetAdminInviteList.mockRejectedValue(new Error("network failed"));
|
||||
|
||||
render(<InviteManagement />);
|
||||
|
||||
await waitFor(() => expect(mockedGetAdminInviteList).toHaveBeenCalled());
|
||||
expect(await screen.findByText("Failed to load invites")).not.toBeNull();
|
||||
expect(screen.queryByText("No invite records")).toBeNull();
|
||||
});
|
||||
});
|
||||
@@ -1,213 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import {
|
||||
Alert,
|
||||
AlertDescription,
|
||||
AlertTitle,
|
||||
} from "@workspace/ui/components/alert";
|
||||
import {
|
||||
Avatar,
|
||||
AvatarFallback,
|
||||
AvatarImage,
|
||||
} from "@workspace/ui/components/avatar";
|
||||
import { Badge } from "@workspace/ui/components/badge";
|
||||
import Empty from "@workspace/ui/composed/empty";
|
||||
import {
|
||||
ProTable,
|
||||
type ProTableActions,
|
||||
} from "@workspace/ui/composed/pro-table/pro-table";
|
||||
import { getAdminInviteList } from "@workspace/ui/services/admin/invite";
|
||||
import { CircleAlert } from "lucide-react";
|
||||
import { useRef } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { Display } from "@/components/display";
|
||||
import { formatDate } from "@/utils/common";
|
||||
|
||||
type InviteFilters = {
|
||||
search?: string;
|
||||
inviter_id?: string;
|
||||
invitee_id?: string;
|
||||
};
|
||||
|
||||
function toOptionalNumber(value?: string) {
|
||||
if (!value) return;
|
||||
const parsed = Number(value);
|
||||
return Number.isFinite(parsed) ? parsed : undefined;
|
||||
}
|
||||
|
||||
function InviteUserCell({
|
||||
id,
|
||||
identifier,
|
||||
avatar,
|
||||
}: {
|
||||
id: number;
|
||||
identifier: string;
|
||||
avatar?: string;
|
||||
}) {
|
||||
const fallback = identifier?.charAt(0)?.toUpperCase() || "U";
|
||||
|
||||
return (
|
||||
<div className="flex min-w-48 items-center gap-2">
|
||||
<Avatar className="h-8 w-8">
|
||||
<AvatarImage alt={identifier || `#${id}`} src={avatar} />
|
||||
<AvatarFallback className="text-xs">{fallback}</AvatarFallback>
|
||||
</Avatar>
|
||||
<div className="min-w-0">
|
||||
<div className="font-medium text-sm">#{id}</div>
|
||||
<div className="max-w-52 truncate text-muted-foreground text-xs">
|
||||
{identifier || "--"}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function InviteIdentifierCell({
|
||||
id,
|
||||
identifier,
|
||||
}: {
|
||||
id: number;
|
||||
identifier: string;
|
||||
}) {
|
||||
return (
|
||||
<div className="min-w-44">
|
||||
<div className="font-medium text-sm">#{id}</div>
|
||||
<div className="max-w-52 truncate text-muted-foreground text-xs">
|
||||
{identifier || "--"}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default function InviteManagement() {
|
||||
const { t } = useTranslation("invite");
|
||||
const ref = useRef<ProTableActions>(null);
|
||||
|
||||
return (
|
||||
<ProTable<API.AdminInviteRelation, InviteFilters>
|
||||
action={ref}
|
||||
columns={[
|
||||
{
|
||||
accessorKey: "inviter_id",
|
||||
header: t("inviter", "Inviter"),
|
||||
cell: ({ row }) => (
|
||||
<InviteIdentifierCell
|
||||
id={row.original.inviter_id}
|
||||
identifier={row.original.inviter_identifier}
|
||||
/>
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "invitee_id",
|
||||
header: t("invitee", "Invitee"),
|
||||
cell: ({ row }) => (
|
||||
<InviteUserCell
|
||||
avatar={row.original.invitee_avatar}
|
||||
id={row.original.invitee_id}
|
||||
identifier={row.original.invitee_identifier}
|
||||
/>
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "invitee_enable",
|
||||
header: t("status", "Status"),
|
||||
cell: ({ row }) => (
|
||||
<Badge
|
||||
variant={row.original.invitee_enable ? "default" : "secondary"}
|
||||
>
|
||||
{row.original.invitee_enable
|
||||
? t("enabled", "Enabled")
|
||||
: t("disabled", "Disabled")}
|
||||
</Badge>
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "invited_at",
|
||||
header: t("invitedAt", "Invited At"),
|
||||
cell: ({ row }) => formatDate(row.original.invited_at),
|
||||
},
|
||||
{
|
||||
accessorKey: "order_count",
|
||||
header: t("orderCount", "Orders"),
|
||||
},
|
||||
{
|
||||
accessorKey: "has_purchased",
|
||||
header: t("hasPurchased", "Purchased"),
|
||||
cell: ({ row }) => (
|
||||
<Badge variant={row.original.has_purchased ? "default" : "outline"}>
|
||||
{row.original.has_purchased ? t("yes", "Yes") : t("no", "No")}
|
||||
</Badge>
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "inviter_commission",
|
||||
header: t("commission", "Commission"),
|
||||
cell: ({ row }) => (
|
||||
<Display type="currency" value={row.original.inviter_commission} />
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "inviter_gift_days",
|
||||
header: t("inviterGiftDays", "Inviter Gift Days"),
|
||||
cell: ({ row }) =>
|
||||
t("days", "{{count}} days", {
|
||||
count: row.original.inviter_gift_days,
|
||||
}),
|
||||
},
|
||||
{
|
||||
accessorKey: "invitee_gift_days",
|
||||
header: t("inviteeGiftDays", "Invitee Gift Days"),
|
||||
cell: ({ row }) =>
|
||||
t("days", "{{count}} days", {
|
||||
count: row.original.invitee_gift_days,
|
||||
}),
|
||||
},
|
||||
]}
|
||||
empty={<Empty description={t("empty", "No invite records")} />}
|
||||
error={
|
||||
<Alert className="mx-auto max-w-md" variant="destructive">
|
||||
<CircleAlert aria-hidden="true" />
|
||||
<AlertTitle>
|
||||
{t("loadErrorTitle", "Failed to load invites")}
|
||||
</AlertTitle>
|
||||
<AlertDescription>
|
||||
{t("loadErrorDescription", "Refresh the table or try again later.")}
|
||||
</AlertDescription>
|
||||
</Alert>
|
||||
}
|
||||
header={{ title: t("title", "Invite Management") }}
|
||||
params={[
|
||||
{
|
||||
key: "search",
|
||||
placeholder: t("searchPlaceholder", "Email or phone"),
|
||||
},
|
||||
{
|
||||
key: "inviter_id",
|
||||
placeholder: t("inviterId", "Inviter ID"),
|
||||
},
|
||||
{
|
||||
key: "invitee_id",
|
||||
placeholder: t("inviteeId", "Invitee ID"),
|
||||
},
|
||||
]}
|
||||
request={async (pagination, filters) => {
|
||||
const { data } = await getAdminInviteList({
|
||||
page: pagination.page,
|
||||
size: pagination.size,
|
||||
search: filters.search?.trim() || undefined,
|
||||
inviter_id: toOptionalNumber(filters.inviter_id),
|
||||
invitee_id: toOptionalNumber(filters.invitee_id),
|
||||
});
|
||||
|
||||
return {
|
||||
list:
|
||||
data.data?.list.map((item) => ({
|
||||
...item,
|
||||
id: `${item.inviter_id}-${item.invitee_id}-${item.invited_at}`,
|
||||
})) || [],
|
||||
total: data.data?.total || 0,
|
||||
};
|
||||
}}
|
||||
/>
|
||||
);
|
||||
}
|
||||
@@ -1,133 +0,0 @@
|
||||
import { Badge } from "@workspace/ui/components/badge";
|
||||
import {
|
||||
Sheet,
|
||||
SheetContent,
|
||||
SheetHeader,
|
||||
SheetTitle,
|
||||
} from "@workspace/ui/components/sheet";
|
||||
import {
|
||||
Tabs,
|
||||
TabsContent,
|
||||
TabsList,
|
||||
TabsTrigger,
|
||||
} from "@workspace/ui/components/tabs";
|
||||
import { getLotteryActivityDetail } from "@workspace/ui/services/admin/lottery";
|
||||
import { useEffect, useState } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import ClaimsPanel from "./claims-panel";
|
||||
import DrawsPanel from "./draws-panel";
|
||||
import PrizeGrid from "./prize-grid";
|
||||
import RuleEditor from "./rule-editor";
|
||||
|
||||
interface ActivityDetailProps {
|
||||
activity: API.LotteryActivity | null;
|
||||
open: boolean;
|
||||
onOpenChange: (open: boolean) => void;
|
||||
onChanged?: () => void;
|
||||
}
|
||||
|
||||
type TranslateFn = (key: string, defaultValue: string) => string;
|
||||
|
||||
const STATUS_BADGE_VARIANTS: Record<
|
||||
API.LotteryActivityStatus,
|
||||
"default" | "secondary" | "destructive" | "outline"
|
||||
> = {
|
||||
draft: "secondary",
|
||||
running: "default",
|
||||
paused: "outline",
|
||||
ended: "destructive",
|
||||
};
|
||||
|
||||
function statusLabel(
|
||||
status: API.LotteryActivityStatus,
|
||||
t: TranslateFn
|
||||
): string {
|
||||
const labels: Record<API.LotteryActivityStatus, string> = {
|
||||
draft: t("status.draft", "Draft"),
|
||||
running: t("status.running", "Running"),
|
||||
paused: t("status.paused", "Paused"),
|
||||
ended: t("status.ended", "Ended"),
|
||||
};
|
||||
return labels[status] ?? status;
|
||||
}
|
||||
|
||||
export default function ActivityDetail({
|
||||
activity,
|
||||
open,
|
||||
onOpenChange,
|
||||
onChanged,
|
||||
}: ActivityDetailProps) {
|
||||
const { t } = useTranslation("lottery");
|
||||
// 抽屉打开时拉取详情作为数据源,避免列表行数据不完整时被全量 PUT 覆盖
|
||||
const [detail, setDetail] = useState<API.LotteryActivity | null>(null);
|
||||
const activityId = activity?.id;
|
||||
|
||||
useEffect(() => {
|
||||
setDetail(null);
|
||||
if (!(open && activityId)) return;
|
||||
let cancelled = false;
|
||||
getLotteryActivityDetail({ id: activityId })
|
||||
.then(({ data }) => {
|
||||
if (!cancelled && data.data) setDetail(data.data);
|
||||
})
|
||||
.catch(() => {
|
||||
// Request layer already surfaces the error toast; fall back to prop data
|
||||
});
|
||||
return () => {
|
||||
cancelled = true;
|
||||
};
|
||||
}, [open, activityId]);
|
||||
|
||||
const current = detail ?? activity;
|
||||
|
||||
return (
|
||||
<Sheet onOpenChange={onOpenChange} open={open}>
|
||||
<SheetContent className="w-[800px] max-w-full sm:max-w-3xl" side="right">
|
||||
{current && (
|
||||
<>
|
||||
<SheetHeader>
|
||||
<SheetTitle className="flex items-center gap-2">
|
||||
<span className="truncate">{current.title}</span>
|
||||
<Badge
|
||||
variant={STATUS_BADGE_VARIANTS[current.status] ?? "outline"}
|
||||
>
|
||||
{statusLabel(current.status, t)}
|
||||
</Badge>
|
||||
</SheetTitle>
|
||||
</SheetHeader>
|
||||
<div className="max-h-[calc(100dvh-88px)] overflow-y-auto px-6 pb-6">
|
||||
<Tabs defaultValue="prizes">
|
||||
<TabsList className="mb-4">
|
||||
<TabsTrigger value="prizes">
|
||||
{t("detail.prizesTab", "Prizes")}
|
||||
</TabsTrigger>
|
||||
<TabsTrigger value="rules">
|
||||
{t("detail.rulesTab", "Rules")}
|
||||
</TabsTrigger>
|
||||
<TabsTrigger value="claims">
|
||||
{t("detail.claimsTab", "Claims")}
|
||||
</TabsTrigger>
|
||||
<TabsTrigger value="draws">
|
||||
{t("detail.drawsTab", "Draw records")}
|
||||
</TabsTrigger>
|
||||
</TabsList>
|
||||
<TabsContent value="prizes">
|
||||
<PrizeGrid activity={current} />
|
||||
</TabsContent>
|
||||
<TabsContent value="rules">
|
||||
<RuleEditor activity={current} onSaved={onChanged} />
|
||||
</TabsContent>
|
||||
<TabsContent value="claims">
|
||||
<ClaimsPanel activity={current} />
|
||||
</TabsContent>
|
||||
<TabsContent value="draws">
|
||||
<DrawsPanel activity={current} />
|
||||
</TabsContent>
|
||||
</Tabs>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</SheetContent>
|
||||
</Sheet>
|
||||
);
|
||||
}
|
||||
@@ -1,286 +0,0 @@
|
||||
import { zodResolver } from "@hookform/resolvers/zod";
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import {
|
||||
Form,
|
||||
FormControl,
|
||||
FormField,
|
||||
FormItem,
|
||||
FormLabel,
|
||||
FormMessage,
|
||||
} from "@workspace/ui/components/form";
|
||||
import { ScrollArea } from "@workspace/ui/components/scroll-area";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@workspace/ui/components/select";
|
||||
import {
|
||||
Sheet,
|
||||
SheetContent,
|
||||
SheetFooter,
|
||||
SheetHeader,
|
||||
SheetTitle,
|
||||
SheetTrigger,
|
||||
} from "@workspace/ui/components/sheet";
|
||||
import { Textarea } from "@workspace/ui/components/textarea";
|
||||
import { DatePicker } from "@workspace/ui/composed/date-picker";
|
||||
import { EnhancedInput } from "@workspace/ui/composed/enhanced-input";
|
||||
import { Icon } from "@workspace/ui/composed/icon";
|
||||
import { useEffect, useState } from "react";
|
||||
import { useForm } from "react-hook-form";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { z } from "zod";
|
||||
|
||||
const GRID_SIZE_OPTIONS = [8, 9] as const;
|
||||
|
||||
const getFormSchema = (t: (key: string, defaultValue: string) => string) =>
|
||||
z
|
||||
.object({
|
||||
title: z.string().min(1, t("form.titleRequired", "Title is required")),
|
||||
description: z.string().optional(),
|
||||
// DatePicker works in milliseconds; converted to Unix seconds on submit
|
||||
start_at: z
|
||||
.number()
|
||||
.min(1, t("form.startAtRequired", "Start time is required")),
|
||||
end_at: z
|
||||
.number()
|
||||
.min(1, t("form.endAtRequired", "End time is required")),
|
||||
grid_size: z.number(),
|
||||
})
|
||||
.superRefine((data, ctx) => {
|
||||
if (
|
||||
data.start_at > 0 &&
|
||||
data.end_at > 0 &&
|
||||
data.end_at <= data.start_at
|
||||
) {
|
||||
ctx.addIssue({
|
||||
code: z.ZodIssueCode.custom,
|
||||
message: t(
|
||||
"form.endAtAfterStartAt",
|
||||
"End time must be later than start time"
|
||||
),
|
||||
path: ["end_at"],
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
type ActivityFormValues = z.infer<ReturnType<typeof getFormSchema>>;
|
||||
|
||||
interface ActivityFormProps {
|
||||
trigger: React.ReactNode;
|
||||
title: string;
|
||||
loading?: boolean;
|
||||
initialValues?: Partial<API.LotteryActivity>;
|
||||
onSubmit: (values: API.CreateLotteryActivityRequest) => Promise<boolean>;
|
||||
}
|
||||
|
||||
function toFormValues(
|
||||
activity?: Partial<API.LotteryActivity>
|
||||
): ActivityFormValues {
|
||||
return {
|
||||
title: activity?.title ?? "",
|
||||
description: activity?.description ?? "",
|
||||
start_at: activity?.start_at ? activity.start_at * 1000 : 0,
|
||||
end_at: activity?.end_at ? activity.end_at * 1000 : 0,
|
||||
grid_size: activity?.grid_size ?? GRID_SIZE_OPTIONS[0],
|
||||
};
|
||||
}
|
||||
|
||||
export default function ActivityForm({
|
||||
trigger,
|
||||
title,
|
||||
loading,
|
||||
initialValues,
|
||||
onSubmit,
|
||||
}: ActivityFormProps) {
|
||||
const { t } = useTranslation("lottery");
|
||||
const formSchema = getFormSchema(t);
|
||||
|
||||
const [open, setOpen] = useState(false);
|
||||
const form = useForm<ActivityFormValues>({
|
||||
resolver: zodResolver(formSchema),
|
||||
defaultValues: toFormValues(initialValues),
|
||||
});
|
||||
|
||||
useEffect(() => {
|
||||
form.reset(toFormValues(initialValues));
|
||||
}, [form, initialValues]);
|
||||
|
||||
async function handleSubmit(values: ActivityFormValues) {
|
||||
const success = await onSubmit({
|
||||
title: values.title.trim(),
|
||||
description: values.description ?? "",
|
||||
start_at: Math.floor(values.start_at / 1000),
|
||||
end_at: Math.floor(values.end_at / 1000),
|
||||
grid_size: values.grid_size,
|
||||
eligibility: initialValues?.eligibility ?? {},
|
||||
chance_sources: initialValues?.chance_sources ?? [],
|
||||
unmet_action: "block",
|
||||
});
|
||||
if (success) {
|
||||
setOpen(false);
|
||||
form.reset(toFormValues(initialValues));
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<Sheet onOpenChange={setOpen} open={open}>
|
||||
<SheetTrigger asChild>
|
||||
<Button
|
||||
onClick={() => {
|
||||
form.reset(toFormValues(initialValues));
|
||||
setOpen(true);
|
||||
}}
|
||||
size="sm"
|
||||
>
|
||||
{trigger}
|
||||
</Button>
|
||||
</SheetTrigger>
|
||||
<SheetContent className="w-[520px] max-w-full md:max-w-screen-md">
|
||||
<SheetHeader>
|
||||
<SheetTitle>{title}</SheetTitle>
|
||||
</SheetHeader>
|
||||
<ScrollArea className="h-[calc(100vh-48px-36px-36px-env(safe-area-inset-top))]">
|
||||
<Form {...form}>
|
||||
<form
|
||||
className="space-y-4 px-6 pt-4"
|
||||
id="lottery-activity-form"
|
||||
onSubmit={form.handleSubmit(handleSubmit)}
|
||||
>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="title"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("form.title", "Title")}</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
onValueChange={(value) => field.onChange(value)}
|
||||
placeholder={t(
|
||||
"form.titlePlaceholder",
|
||||
"Activity title"
|
||||
)}
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="description"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>
|
||||
{t("form.description", "Description")}
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<Textarea
|
||||
onChange={(event) => field.onChange(event.target.value)}
|
||||
placeholder={t(
|
||||
"form.descriptionPlaceholder",
|
||||
"Activity description (Markdown supported)"
|
||||
)}
|
||||
rows={5}
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<div className="grid gap-4 sm:grid-cols-2">
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="start_at"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("form.startAt", "Start Time")}</FormLabel>
|
||||
<FormControl>
|
||||
<DatePicker
|
||||
onChange={(value) => field.onChange(value ?? 0)}
|
||||
placeholder={t("form.selectStartAt", "Select time")}
|
||||
value={field.value || undefined}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="end_at"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("form.endAt", "End Time")}</FormLabel>
|
||||
<FormControl>
|
||||
<DatePicker
|
||||
onChange={(value) => field.onChange(value ?? 0)}
|
||||
placeholder={t("form.selectEndAt", "Select time")}
|
||||
value={field.value || undefined}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
</div>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="grid_size"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("form.gridSize", "Grid Size")}</FormLabel>
|
||||
<Select
|
||||
onValueChange={(value) => field.onChange(Number(value))}
|
||||
value={String(field.value)}
|
||||
>
|
||||
<FormControl>
|
||||
<SelectTrigger>
|
||||
<SelectValue
|
||||
placeholder={t(
|
||||
"form.selectGridSize",
|
||||
"Select grid size"
|
||||
)}
|
||||
/>
|
||||
</SelectTrigger>
|
||||
</FormControl>
|
||||
<SelectContent>
|
||||
{GRID_SIZE_OPTIONS.map((size) => (
|
||||
<SelectItem key={size} value={String(size)}>
|
||||
{size}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
</form>
|
||||
</Form>
|
||||
</ScrollArea>
|
||||
<SheetFooter className="flex-row justify-end gap-2 pt-3">
|
||||
<Button
|
||||
disabled={loading}
|
||||
onClick={() => {
|
||||
setOpen(false);
|
||||
}}
|
||||
variant="outline"
|
||||
>
|
||||
{t("form.cancel", "Cancel")}
|
||||
</Button>
|
||||
<Button disabled={loading} form="lottery-activity-form" type="submit">
|
||||
{loading && (
|
||||
<Icon className="mr-2 animate-spin" icon="mdi:loading" />
|
||||
)}{" "}
|
||||
{t("form.confirm", "Confirm")}
|
||||
</Button>
|
||||
</SheetFooter>
|
||||
</SheetContent>
|
||||
</Sheet>
|
||||
);
|
||||
}
|
||||
@@ -1,555 +0,0 @@
|
||||
import { zodResolver } from "@hookform/resolvers/zod";
|
||||
import { useMutation } from "@tanstack/react-query";
|
||||
import { Badge } from "@workspace/ui/components/badge";
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import {
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogDescription,
|
||||
DialogFooter,
|
||||
DialogHeader,
|
||||
DialogTitle,
|
||||
} from "@workspace/ui/components/dialog";
|
||||
import {
|
||||
Form,
|
||||
FormControl,
|
||||
FormField,
|
||||
FormItem,
|
||||
FormLabel,
|
||||
FormMessage,
|
||||
} from "@workspace/ui/components/form";
|
||||
import { Input } from "@workspace/ui/components/input";
|
||||
import { Textarea } from "@workspace/ui/components/textarea";
|
||||
import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
|
||||
import {
|
||||
ProTable,
|
||||
type ProTableActions,
|
||||
} from "@workspace/ui/composed/pro-table/pro-table";
|
||||
import {
|
||||
approveLotteryClaim,
|
||||
getLotteryClaimList,
|
||||
markPaidLotteryClaim,
|
||||
rejectLotteryClaim,
|
||||
} from "@workspace/ui/services/admin/lottery";
|
||||
import { type ReactNode, useRef, useState } from "react";
|
||||
import { useForm } from "react-hook-form";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { toast } from "sonner";
|
||||
import { z } from "zod";
|
||||
import { formatDate } from "@/utils/common";
|
||||
|
||||
interface ClaimsPanelProps {
|
||||
activity: API.LotteryActivity;
|
||||
}
|
||||
|
||||
type TranslateFn = (key: string, defaultValue: string) => string;
|
||||
|
||||
const STATUS_META: Record<
|
||||
API.LotteryClaimStatus,
|
||||
{ labelKey: string; labelDefault: string; className: string }
|
||||
> = {
|
||||
pending_claim: {
|
||||
labelKey: "claim.statusPending",
|
||||
labelDefault: "Awaiting user",
|
||||
className: "bg-gray-100 text-gray-600 border-gray-200",
|
||||
},
|
||||
reviewing: {
|
||||
labelKey: "claim.statusReviewing",
|
||||
labelDefault: "Reviewing",
|
||||
className: "bg-amber-100 text-amber-700 border-amber-200",
|
||||
},
|
||||
paying: {
|
||||
labelKey: "claim.statusPaying",
|
||||
labelDefault: "Paying / Shipping",
|
||||
className: "bg-blue-100 text-blue-700 border-blue-200",
|
||||
},
|
||||
paid: {
|
||||
labelKey: "claim.statusPaid",
|
||||
labelDefault: "Fulfilled",
|
||||
className: "bg-emerald-100 text-emerald-700 border-emerald-200",
|
||||
},
|
||||
rejected: {
|
||||
labelKey: "claim.statusRejected",
|
||||
labelDefault: "Rejected",
|
||||
className: "bg-rose-100 text-rose-700 border-rose-200",
|
||||
},
|
||||
expired: {
|
||||
labelKey: "claim.statusExpired",
|
||||
labelDefault: "Expired",
|
||||
className: "bg-gray-100 text-gray-500 border-gray-200",
|
||||
},
|
||||
};
|
||||
|
||||
function prizeTypeLabel(type: API.LotteryPrizeType, t: TranslateFn): string {
|
||||
const labels: Record<string, string> = {
|
||||
crypto: t("prize.typeCrypto", "Crypto"),
|
||||
physical: t("prize.typePhysical", "Physical"),
|
||||
manual_other: t("prize.typeManualOther", "Manual (Other)"),
|
||||
};
|
||||
return labels[type] ?? type;
|
||||
}
|
||||
|
||||
function ClaimDataCell({ data }: { data?: Record<string, any> }) {
|
||||
if (!data || Object.keys(data).length === 0) {
|
||||
return <span className="text-muted-foreground">--</span>;
|
||||
}
|
||||
return (
|
||||
<div className="max-w-[240px] space-y-0.5 text-xs">
|
||||
{Object.entries(data).map(([key, value]) => (
|
||||
<div className="break-all" key={key}>
|
||||
<span className="text-muted-foreground">{key}:</span>{" "}
|
||||
<span className="font-medium">{String(value)}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
const rejectSchema = (t: TranslateFn) =>
|
||||
z.object({
|
||||
reason: z
|
||||
.string()
|
||||
.trim()
|
||||
.min(2, t("claim.reasonRequired", "Please enter a reason"))
|
||||
.max(512, t("claim.reasonTooLong", "Reason cannot exceed 512 chars")),
|
||||
});
|
||||
|
||||
const markPaidSchema = z.object({
|
||||
tx_hash: z.string().trim().max(128).optional(),
|
||||
delivery_ref: z.string().trim().max(128).optional(),
|
||||
});
|
||||
|
||||
export default function ClaimsPanel({ activity }: ClaimsPanelProps) {
|
||||
const { t } = useTranslation("lottery");
|
||||
const ref = useRef<ProTableActions>(null);
|
||||
const [rejectOpen, setRejectOpen] = useState(false);
|
||||
const [paidOpen, setPaidOpen] = useState(false);
|
||||
const [currentRow, setCurrentRow] = useState<API.AdminLotteryClaim | null>(
|
||||
null
|
||||
);
|
||||
|
||||
const rejectForm = useForm<{ reason: string }>({
|
||||
resolver: zodResolver(rejectSchema(t)),
|
||||
defaultValues: { reason: "" },
|
||||
});
|
||||
const paidForm = useForm<z.infer<typeof markPaidSchema>>({
|
||||
resolver: zodResolver(markPaidSchema),
|
||||
defaultValues: { tx_hash: "", delivery_ref: "" },
|
||||
});
|
||||
|
||||
const approveMutation = useMutation({
|
||||
mutationFn: (id: number) => approveLotteryClaim({ id }),
|
||||
onSuccess: () => {
|
||||
toast.success(t("claim.approveSuccess", "Claim approved"));
|
||||
ref.current?.refresh();
|
||||
},
|
||||
});
|
||||
|
||||
const rejectMutation = useMutation({
|
||||
mutationFn: (body: API.RejectLotteryClaimRequest) =>
|
||||
rejectLotteryClaim(body),
|
||||
onSuccess: () => {
|
||||
toast.success(t("claim.rejectSuccess", "Claim rejected"));
|
||||
setRejectOpen(false);
|
||||
setCurrentRow(null);
|
||||
rejectForm.reset({ reason: "" });
|
||||
ref.current?.refresh();
|
||||
},
|
||||
});
|
||||
|
||||
const paidMutation = useMutation({
|
||||
mutationFn: (body: API.MarkPaidLotteryClaimRequest) =>
|
||||
markPaidLotteryClaim(body),
|
||||
onSuccess: () => {
|
||||
toast.success(t("claim.markPaidSuccess", "Marked as fulfilled"));
|
||||
setPaidOpen(false);
|
||||
setCurrentRow(null);
|
||||
paidForm.reset({ tx_hash: "", delivery_ref: "" });
|
||||
ref.current?.refresh();
|
||||
},
|
||||
});
|
||||
|
||||
const statusOptions = (
|
||||
Object.keys(STATUS_META) as API.LotteryClaimStatus[]
|
||||
).map((value) => ({
|
||||
value,
|
||||
label: t(STATUS_META[value].labelKey, STATUS_META[value].labelDefault),
|
||||
}));
|
||||
|
||||
const typeOptions = [
|
||||
{ value: "crypto", label: t("prize.typeCrypto", "Crypto") },
|
||||
{ value: "physical", label: t("prize.typePhysical", "Physical") },
|
||||
{
|
||||
value: "manual_other",
|
||||
label: t("prize.typeManualOther", "Manual (Other)"),
|
||||
},
|
||||
];
|
||||
|
||||
const openReject = (row: API.AdminLotteryClaim) => {
|
||||
setCurrentRow(row);
|
||||
rejectForm.reset({ reason: "" });
|
||||
setRejectOpen(true);
|
||||
};
|
||||
const openPaid = (row: API.AdminLotteryClaim) => {
|
||||
setCurrentRow(row);
|
||||
paidForm.reset({ tx_hash: "", delivery_ref: "" });
|
||||
setPaidOpen(true);
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<ProTable<
|
||||
API.AdminLotteryClaim,
|
||||
{ type?: string; status?: string; user_id?: string }
|
||||
>
|
||||
action={ref}
|
||||
actions={{
|
||||
render: (row) => {
|
||||
const actions: ReactNode[] = [];
|
||||
if (row.status === "reviewing") {
|
||||
actions.push(
|
||||
<ConfirmButton
|
||||
cancelText={t("claim.cancel", "Cancel")}
|
||||
confirmText={t("claim.confirm", "Confirm")}
|
||||
description={t(
|
||||
"claim.approveDescription",
|
||||
"Approving moves this claim to the paying/shipping stage."
|
||||
)}
|
||||
key="approve"
|
||||
onConfirm={async () => {
|
||||
await approveMutation.mutateAsync(row.id);
|
||||
}}
|
||||
title={t("claim.approveTitle", "Approve this claim?")}
|
||||
trigger={
|
||||
<Button size="sm" variant="default">
|
||||
{t("claim.approve", "Approve")}
|
||||
</Button>
|
||||
}
|
||||
/>
|
||||
);
|
||||
}
|
||||
if (row.status === "paying") {
|
||||
actions.push(
|
||||
<Button
|
||||
key="mark-paid"
|
||||
onClick={() => openPaid(row)}
|
||||
size="sm"
|
||||
variant="default"
|
||||
>
|
||||
{t("claim.markPaid", "Mark fulfilled")}
|
||||
</Button>
|
||||
);
|
||||
}
|
||||
if (row.status === "reviewing" || row.status === "paying") {
|
||||
actions.push(
|
||||
<Button
|
||||
key="reject"
|
||||
onClick={() => openReject(row)}
|
||||
size="sm"
|
||||
variant="destructive"
|
||||
>
|
||||
{t("claim.reject", "Reject")}
|
||||
</Button>
|
||||
);
|
||||
}
|
||||
return actions;
|
||||
},
|
||||
}}
|
||||
columns={[
|
||||
{ accessorKey: "id", header: "ID" },
|
||||
{
|
||||
accessorKey: "user",
|
||||
header: t("claim.user", "User"),
|
||||
cell: ({ row }) => (
|
||||
<div className="text-sm">
|
||||
<div>#{row.original.user.id}</div>
|
||||
{row.original.user.email && (
|
||||
<div className="text-muted-foreground text-xs">
|
||||
{row.original.user.email}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "prize",
|
||||
header: t("claim.prize", "Prize"),
|
||||
cell: ({ row }) => (
|
||||
<div className="text-sm">
|
||||
<div className="font-medium">{row.original.prize.name}</div>
|
||||
<Badge className="mt-0.5" variant="secondary">
|
||||
{prizeTypeLabel(row.original.prize.type, t)}
|
||||
</Badge>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "claim_data",
|
||||
header: t("claim.claimData", "Claim info"),
|
||||
cell: ({ row }) => <ClaimDataCell data={row.original.claim_data} />,
|
||||
},
|
||||
{
|
||||
accessorKey: "status",
|
||||
header: t("claim.status", "Status"),
|
||||
cell: ({ row }) => {
|
||||
const meta = STATUS_META[row.original.status];
|
||||
return (
|
||||
<Badge className={meta?.className} variant="outline">
|
||||
{meta
|
||||
? t(meta.labelKey, meta.labelDefault)
|
||||
: row.original.status}
|
||||
</Badge>
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
accessorKey: "fulfillment",
|
||||
header: t("claim.fulfillment", "Tx / Delivery"),
|
||||
cell: ({ row }) => (
|
||||
<div className="max-w-[180px] break-all text-xs">
|
||||
{row.original.tx_hash || row.original.delivery_ref || "--"}
|
||||
{row.original.reject_reason && (
|
||||
<div className="text-rose-600">
|
||||
{row.original.reject_reason}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "expires_at",
|
||||
header: t("claim.expiresAt", "Expires"),
|
||||
cell: ({ row }) =>
|
||||
row.original.expires_at
|
||||
? formatDate(row.original.expires_at)
|
||||
: "--",
|
||||
},
|
||||
{
|
||||
accessorKey: "created_at",
|
||||
header: t("claim.createdAt", "Won at"),
|
||||
cell: ({ row }) =>
|
||||
row.original.created_at
|
||||
? formatDate(row.original.created_at)
|
||||
: "--",
|
||||
},
|
||||
]}
|
||||
header={{ title: t("claim.tableTitle", "Claims") }}
|
||||
params={[
|
||||
{
|
||||
key: "type",
|
||||
options: typeOptions,
|
||||
placeholder: t("claim.filterType", "Type"),
|
||||
},
|
||||
{
|
||||
key: "status",
|
||||
options: statusOptions,
|
||||
placeholder: t("claim.filterStatus", "Status"),
|
||||
},
|
||||
{
|
||||
key: "user_id",
|
||||
placeholder: t("claim.filterUserId", "User ID"),
|
||||
},
|
||||
]}
|
||||
request={async (pagination, filter) => {
|
||||
const { data } = await getLotteryClaimList({
|
||||
page: pagination.page,
|
||||
size: pagination.size,
|
||||
activity_id: activity.id,
|
||||
type: (filter.type as API.LotteryPrizeType) || undefined,
|
||||
status: (filter.status as API.LotteryClaimStatus) || undefined,
|
||||
user_id: filter.user_id ? Number(filter.user_id) : undefined,
|
||||
});
|
||||
return {
|
||||
list: data.data?.claims || [],
|
||||
total: data.data?.total || 0,
|
||||
};
|
||||
}}
|
||||
/>
|
||||
|
||||
{/* Reject dialog */}
|
||||
<Dialog
|
||||
onOpenChange={(open) => {
|
||||
setRejectOpen(open);
|
||||
if (!open) {
|
||||
setCurrentRow(null);
|
||||
rejectForm.reset({ reason: "" });
|
||||
}
|
||||
}}
|
||||
open={rejectOpen}
|
||||
>
|
||||
<DialogContent>
|
||||
<DialogHeader>
|
||||
<DialogTitle>{t("claim.rejectTitle", "Reject claim")}</DialogTitle>
|
||||
<DialogDescription>
|
||||
{t(
|
||||
"claim.rejectDescription",
|
||||
"The reason is shown to the user, who may then resubmit."
|
||||
)}
|
||||
</DialogDescription>
|
||||
</DialogHeader>
|
||||
<Form {...rejectForm}>
|
||||
<form
|
||||
className="space-y-4"
|
||||
onSubmit={rejectForm.handleSubmit(async (values) => {
|
||||
if (!currentRow) return;
|
||||
await rejectMutation.mutateAsync({
|
||||
id: currentRow.id,
|
||||
reason: values.reason.trim(),
|
||||
});
|
||||
})}
|
||||
>
|
||||
<FormField
|
||||
control={rejectForm.control}
|
||||
name="reason"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("claim.reason", "Reason")}</FormLabel>
|
||||
<FormControl>
|
||||
<Textarea
|
||||
placeholder={t(
|
||||
"claim.reasonPlaceholder",
|
||||
"Reason shown to the user"
|
||||
)}
|
||||
rows={4}
|
||||
{...field}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<DialogFooter>
|
||||
<Button
|
||||
onClick={() => setRejectOpen(false)}
|
||||
type="button"
|
||||
variant="outline"
|
||||
>
|
||||
{t("claim.cancel", "Cancel")}
|
||||
</Button>
|
||||
<Button disabled={rejectMutation.isPending} type="submit">
|
||||
{t("claim.confirmReject", "Confirm reject")}
|
||||
</Button>
|
||||
</DialogFooter>
|
||||
</form>
|
||||
</Form>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
|
||||
{/* Mark-paid dialog */}
|
||||
<Dialog
|
||||
onOpenChange={(open) => {
|
||||
setPaidOpen(open);
|
||||
if (!open) {
|
||||
setCurrentRow(null);
|
||||
paidForm.reset({ tx_hash: "", delivery_ref: "" });
|
||||
}
|
||||
}}
|
||||
open={paidOpen}
|
||||
>
|
||||
<DialogContent>
|
||||
<DialogHeader>
|
||||
<DialogTitle>
|
||||
{t("claim.markPaidTitle", "Mark as fulfilled")}
|
||||
</DialogTitle>
|
||||
<DialogDescription>
|
||||
{t(
|
||||
"claim.markPaidDescription",
|
||||
"Crypto requires a tx hash; physical requires a delivery ref; manual requires at least one."
|
||||
)}
|
||||
</DialogDescription>
|
||||
</DialogHeader>
|
||||
<Form {...paidForm}>
|
||||
<form
|
||||
className="space-y-4"
|
||||
onSubmit={paidForm.handleSubmit(async (values) => {
|
||||
if (!currentRow) return;
|
||||
const txHash = values.tx_hash?.trim();
|
||||
const deliveryRef = values.delivery_ref?.trim();
|
||||
const prizeType = currentRow.prize.type;
|
||||
if (prizeType === "crypto" && !txHash) {
|
||||
paidForm.setError("tx_hash", {
|
||||
message: t(
|
||||
"claim.txHashRequired",
|
||||
"Tx hash is required for crypto"
|
||||
),
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (prizeType === "physical" && !deliveryRef) {
|
||||
paidForm.setError("delivery_ref", {
|
||||
message: t(
|
||||
"claim.deliveryRefRequired",
|
||||
"Delivery ref is required for physical"
|
||||
),
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!(txHash || deliveryRef)) {
|
||||
paidForm.setError("tx_hash", {
|
||||
message: t(
|
||||
"claim.oneRefRequired",
|
||||
"Fill at least one field"
|
||||
),
|
||||
});
|
||||
return;
|
||||
}
|
||||
await paidMutation.mutateAsync({
|
||||
id: currentRow.id,
|
||||
tx_hash: txHash || undefined,
|
||||
delivery_ref: deliveryRef || undefined,
|
||||
});
|
||||
})}
|
||||
>
|
||||
<FormField
|
||||
control={paidForm.control}
|
||||
name="tx_hash"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("claim.txHash", "Tx hash")}</FormLabel>
|
||||
<FormControl>
|
||||
<Input placeholder="0x..." {...field} />
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={paidForm.control}
|
||||
name="delivery_ref"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>
|
||||
{t("claim.deliveryRef", "Delivery ref")}
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<Input
|
||||
placeholder={t(
|
||||
"claim.deliveryRefPlaceholder",
|
||||
"Tracking number"
|
||||
)}
|
||||
{...field}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<DialogFooter>
|
||||
<Button
|
||||
onClick={() => setPaidOpen(false)}
|
||||
type="button"
|
||||
variant="outline"
|
||||
>
|
||||
{t("claim.cancel", "Cancel")}
|
||||
</Button>
|
||||
<Button disabled={paidMutation.isPending} type="submit">
|
||||
{t("claim.confirmMarkPaid", "Confirm")}
|
||||
</Button>
|
||||
</DialogFooter>
|
||||
</form>
|
||||
</Form>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -1,193 +0,0 @@
|
||||
import { Badge } from "@workspace/ui/components/badge";
|
||||
import {
|
||||
ProTable,
|
||||
type ProTableActions,
|
||||
} from "@workspace/ui/composed/pro-table/pro-table";
|
||||
import { getLotteryDrawList } from "@workspace/ui/services/admin/lottery";
|
||||
import { useRef } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { formatDate } from "@/utils/common";
|
||||
|
||||
interface DrawsPanelProps {
|
||||
activity: API.LotteryActivity;
|
||||
}
|
||||
|
||||
type TranslateFn = (key: string, defaultValue: string) => string;
|
||||
|
||||
const DISPATCH_META: Record<
|
||||
string,
|
||||
{ labelKey: string; labelDefault: string; className: string }
|
||||
> = {
|
||||
none: {
|
||||
labelKey: "draw.dispatchNone",
|
||||
labelDefault: "Pending",
|
||||
className: "bg-gray-100 text-gray-500 border-gray-200",
|
||||
},
|
||||
auto_claimed: {
|
||||
labelKey: "draw.dispatchAutoClaimed",
|
||||
labelDefault: "Auto-granted",
|
||||
className: "bg-emerald-100 text-emerald-700 border-emerald-200",
|
||||
},
|
||||
pending_claim: {
|
||||
labelKey: "draw.dispatchPendingClaim",
|
||||
labelDefault: "Awaiting claim",
|
||||
className: "bg-amber-100 text-amber-700 border-amber-200",
|
||||
},
|
||||
paid: {
|
||||
labelKey: "draw.dispatchPaid",
|
||||
labelDefault: "Fulfilled",
|
||||
className: "bg-emerald-100 text-emerald-700 border-emerald-200",
|
||||
},
|
||||
expired: {
|
||||
labelKey: "draw.dispatchExpired",
|
||||
labelDefault: "Expired",
|
||||
className: "bg-gray-100 text-gray-500 border-gray-200",
|
||||
},
|
||||
failed: {
|
||||
labelKey: "draw.dispatchFailed",
|
||||
labelDefault: "Failed",
|
||||
className: "bg-rose-100 text-rose-700 border-rose-200",
|
||||
},
|
||||
};
|
||||
|
||||
function prizeTypeLabel(type: API.LotteryPrizeType, t: TranslateFn): string {
|
||||
const labels: Record<string, string> = {
|
||||
vpn_duration: t("prize.typeVpnDuration", "VPN Duration"),
|
||||
commission: t("prize.typeCommission", "Commission"),
|
||||
none: t("prize.typeNone", "No Prize (Thanks)"),
|
||||
crypto: t("prize.typeCrypto", "Crypto"),
|
||||
physical: t("prize.typePhysical", "Physical"),
|
||||
manual_other: t("prize.typeManualOther", "Manual (Other)"),
|
||||
};
|
||||
return labels[type] ?? type;
|
||||
}
|
||||
|
||||
export default function DrawsPanel({ activity }: DrawsPanelProps) {
|
||||
const { t } = useTranslation("lottery");
|
||||
const ref = useRef<ProTableActions>(null);
|
||||
|
||||
const dispatchOptions = Object.entries(DISPATCH_META).map(
|
||||
([value, meta]) => ({
|
||||
value,
|
||||
label: t(meta.labelKey, meta.labelDefault),
|
||||
})
|
||||
);
|
||||
|
||||
const winOptions = [
|
||||
{ value: "1", label: t("draw.winOnly", "Won") },
|
||||
{ value: "0", label: t("draw.loseOnly", "Not won") },
|
||||
];
|
||||
|
||||
return (
|
||||
<ProTable<
|
||||
API.AdminLotteryDraw,
|
||||
{ win?: string; dispatch_state?: string; user_id?: string }
|
||||
>
|
||||
action={ref}
|
||||
columns={[
|
||||
{ accessorKey: "draw_id", header: "ID" },
|
||||
{
|
||||
accessorKey: "user",
|
||||
header: t("draw.user", "User"),
|
||||
cell: ({ row }) => (
|
||||
<div className="text-sm">
|
||||
<div>#{row.original.user.id}</div>
|
||||
{row.original.user.email && (
|
||||
<div className="text-muted-foreground text-xs">
|
||||
{row.original.user.email}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "prize",
|
||||
header: t("draw.prize", "Prize"),
|
||||
cell: ({ row }) => {
|
||||
const prize = row.original.prize;
|
||||
if (!(row.original.is_win && prize)) {
|
||||
return (
|
||||
<span className="text-muted-foreground">
|
||||
{t("prize.typeNone", "No Prize (Thanks)")}
|
||||
</span>
|
||||
);
|
||||
}
|
||||
return (
|
||||
<div className="text-sm">
|
||||
<div className="font-medium">{prize.name}</div>
|
||||
<Badge className="mt-0.5" variant="secondary">
|
||||
{prizeTypeLabel(prize.type, t)}
|
||||
</Badge>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
accessorKey: "dispatch_state",
|
||||
header: t("draw.dispatchState", "Dispatch"),
|
||||
cell: ({ row }) => {
|
||||
const meta = DISPATCH_META[row.original.dispatch_state];
|
||||
return (
|
||||
<Badge className={meta?.className} variant="outline">
|
||||
{meta
|
||||
? t(meta.labelKey, meta.labelDefault)
|
||||
: row.original.dispatch_state}
|
||||
</Badge>
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
accessorKey: "grant_message",
|
||||
header: t("draw.grant", "Grant result"),
|
||||
cell: ({ row }) => (
|
||||
<div className="max-w-[220px] break-all text-xs">
|
||||
{row.original.grant_message || "--"}
|
||||
{row.original.dispatch_error && (
|
||||
<div className="text-rose-600">
|
||||
{row.original.dispatch_error}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "drawn_at",
|
||||
header: t("draw.drawnAt", "Drawn at"),
|
||||
cell: ({ row }) =>
|
||||
row.original.drawn_at ? formatDate(row.original.drawn_at) : "--",
|
||||
},
|
||||
]}
|
||||
header={{ title: t("draw.tableTitle", "Draw records") }}
|
||||
params={[
|
||||
{
|
||||
key: "win",
|
||||
options: winOptions,
|
||||
placeholder: t("draw.filterWin", "Won?"),
|
||||
},
|
||||
{
|
||||
key: "dispatch_state",
|
||||
options: dispatchOptions,
|
||||
placeholder: t("draw.filterDispatch", "Dispatch"),
|
||||
},
|
||||
{
|
||||
key: "user_id",
|
||||
placeholder: t("draw.filterUserId", "User ID"),
|
||||
},
|
||||
]}
|
||||
request={async (pagination, filter) => {
|
||||
const { data } = await getLotteryDrawList({
|
||||
page: pagination.page,
|
||||
size: pagination.size,
|
||||
activity_id: activity.id,
|
||||
win: (filter.win as "1" | "0") || undefined,
|
||||
dispatch_state: filter.dispatch_state || undefined,
|
||||
user_id: filter.user_id ? Number(filter.user_id) : undefined,
|
||||
});
|
||||
return {
|
||||
list: data.data?.list || [],
|
||||
total: data.data?.total || 0,
|
||||
};
|
||||
}}
|
||||
/>
|
||||
);
|
||||
}
|
||||
@@ -1,219 +0,0 @@
|
||||
import { zodResolver } from "@hookform/resolvers/zod";
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import {
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogDescription,
|
||||
DialogFooter,
|
||||
DialogHeader,
|
||||
DialogTitle,
|
||||
} from "@workspace/ui/components/dialog";
|
||||
import {
|
||||
Form,
|
||||
FormControl,
|
||||
FormDescription,
|
||||
FormField,
|
||||
FormItem,
|
||||
FormLabel,
|
||||
FormMessage,
|
||||
} from "@workspace/ui/components/form";
|
||||
import { EnhancedInput } from "@workspace/ui/composed/enhanced-input";
|
||||
import { grantLotteryChances } from "@workspace/ui/services/admin/lottery";
|
||||
import { useEffect, useState } from "react";
|
||||
import { useForm } from "react-hook-form";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { toast } from "sonner";
|
||||
import { z } from "zod";
|
||||
|
||||
const grantSchema = z.object({
|
||||
user_id: z.number().int().min(1),
|
||||
amount: z.number().int().min(1),
|
||||
source_ref: z.string().trim().min(1),
|
||||
});
|
||||
|
||||
// 数字输入统一用 type="text" + 该 formatOutput,避开 number 类型 input 的实时钳制问题。
|
||||
const numberOutput = (v: string | number): number | undefined => {
|
||||
const s = String(v ?? "").trim();
|
||||
if (s === "") {
|
||||
return;
|
||||
}
|
||||
const n = Number(s);
|
||||
return Number.isNaN(n) ? undefined : n;
|
||||
};
|
||||
|
||||
type GrantFormValues = z.infer<typeof grantSchema>;
|
||||
|
||||
const SOURCE_REF_RANDOM_LENGTH = 6;
|
||||
|
||||
function generateSourceRef(): string {
|
||||
const now = new Date();
|
||||
const ymd = [
|
||||
now.getFullYear(),
|
||||
String(now.getMonth() + 1).padStart(2, "0"),
|
||||
String(now.getDate()).padStart(2, "0"),
|
||||
].join("");
|
||||
const random = Math.random()
|
||||
.toString(36)
|
||||
.slice(2, 2 + SOURCE_REF_RANDOM_LENGTH)
|
||||
.padEnd(SOURCE_REF_RANDOM_LENGTH, "0");
|
||||
return `grant-${ymd}-${random}`;
|
||||
}
|
||||
|
||||
interface GrantDialogProps {
|
||||
activity: API.LotteryActivity | null;
|
||||
open: boolean;
|
||||
onOpenChange: (open: boolean) => void;
|
||||
}
|
||||
|
||||
export default function GrantDialog({
|
||||
activity,
|
||||
open,
|
||||
onOpenChange,
|
||||
}: GrantDialogProps) {
|
||||
const { t } = useTranslation("lottery");
|
||||
const [loading, setLoading] = useState(false);
|
||||
const form = useForm<GrantFormValues>({
|
||||
resolver: zodResolver(grantSchema),
|
||||
defaultValues: { amount: 1, source_ref: "" },
|
||||
});
|
||||
|
||||
useEffect(() => {
|
||||
if (open) {
|
||||
form.reset({
|
||||
user_id: undefined,
|
||||
amount: 1,
|
||||
source_ref: generateSourceRef(),
|
||||
});
|
||||
}
|
||||
}, [open, form]);
|
||||
|
||||
async function handleSubmit(values: GrantFormValues) {
|
||||
if (!activity) return;
|
||||
setLoading(true);
|
||||
try {
|
||||
await grantLotteryChances({
|
||||
activity_id: activity.id,
|
||||
user_id: values.user_id,
|
||||
amount: values.amount,
|
||||
source_ref: values.source_ref.trim(),
|
||||
});
|
||||
toast.success(t("grant.success", "Chances granted"));
|
||||
onOpenChange(false);
|
||||
form.reset({ user_id: undefined, amount: 1, source_ref: "" });
|
||||
} catch {
|
||||
// Request layer already surfaces the error toast
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<Dialog onOpenChange={onOpenChange} open={open}>
|
||||
<DialogContent className="max-w-md">
|
||||
<DialogHeader>
|
||||
<DialogTitle>{t("grant.title", "Grant Chances")}</DialogTitle>
|
||||
<DialogDescription>
|
||||
{t(
|
||||
"grant.description",
|
||||
"Manually grant draw chances to a user for activity: {{title}}"
|
||||
).replace("{{title}}", activity?.title ?? "")}
|
||||
</DialogDescription>
|
||||
</DialogHeader>
|
||||
<Form {...form}>
|
||||
<form
|
||||
className="space-y-4"
|
||||
id="lottery-grant-form"
|
||||
onSubmit={form.handleSubmit(handleSubmit)}
|
||||
>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="user_id"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("grant.userId", "User ID")}</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
formatOutput={numberOutput}
|
||||
inputMode="numeric"
|
||||
onValueChange={(value) => field.onChange(value)}
|
||||
placeholder={t("grant.userIdPlaceholder", "e.g. 87433")}
|
||||
type="text"
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormDescription>
|
||||
{t(
|
||||
"grant.userIdHint",
|
||||
"Enter the numeric user ID. You can find it in the user management list."
|
||||
)}
|
||||
</FormDescription>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="amount"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("grant.amount", "Amount")}</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
formatOutput={numberOutput}
|
||||
inputMode="numeric"
|
||||
onValueChange={(value) => field.onChange(value)}
|
||||
placeholder="1"
|
||||
type="text"
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="source_ref"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>
|
||||
{t("grant.sourceRef", "Source Reference")}
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
onValueChange={(value) => field.onChange(value)}
|
||||
placeholder={t(
|
||||
"grant.sourceRefPlaceholder",
|
||||
"grant-20260709-abc123"
|
||||
)}
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormDescription>
|
||||
{t(
|
||||
"grant.sourceRefHint",
|
||||
"Idempotency key: the same reference only grants once. Repeated submissions will not grant again."
|
||||
)}
|
||||
</FormDescription>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
</form>
|
||||
</Form>
|
||||
<DialogFooter>
|
||||
<Button
|
||||
onClick={() => onOpenChange(false)}
|
||||
type="button"
|
||||
variant="outline"
|
||||
>
|
||||
{t("cancel", "Cancel")}
|
||||
</Button>
|
||||
<Button disabled={loading} form="lottery-grant-form" type="submit">
|
||||
{t("confirm", "Confirm")}
|
||||
</Button>
|
||||
</DialogFooter>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
);
|
||||
}
|
||||
@@ -1,290 +0,0 @@
|
||||
import { Badge } from "@workspace/ui/components/badge";
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
|
||||
import {
|
||||
ProTable,
|
||||
type ProTableActions,
|
||||
} from "@workspace/ui/composed/pro-table/pro-table";
|
||||
import {
|
||||
createLotteryActivity,
|
||||
deleteLotteryActivity,
|
||||
getLotteryActivityList,
|
||||
pauseLotteryActivity,
|
||||
publishLotteryActivity,
|
||||
updateLotteryActivity,
|
||||
} from "@workspace/ui/services/admin/lottery";
|
||||
import { useRef, useState } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { toast } from "sonner";
|
||||
import { formatDate } from "@/utils/common";
|
||||
import ActivityDetail from "./activity-detail";
|
||||
import ActivityForm from "./activity-form";
|
||||
import GrantDialog from "./grant-dialog";
|
||||
|
||||
export default function Lottery() {
|
||||
const { t } = useTranslation("lottery");
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [detailOpen, setDetailOpen] = useState(false);
|
||||
const [grantOpen, setGrantOpen] = useState(false);
|
||||
const [selectedActivity, setSelectedActivity] =
|
||||
useState<API.LotteryActivity | null>(null);
|
||||
const ref = useRef<ProTableActions>(null);
|
||||
|
||||
const statusConfig: Record<
|
||||
API.LotteryActivityStatus,
|
||||
{
|
||||
label: string;
|
||||
variant: "secondary" | "destructive" | "outline";
|
||||
className?: string;
|
||||
}
|
||||
> = {
|
||||
draft: { label: t("status.draft", "Draft"), variant: "secondary" },
|
||||
running: {
|
||||
label: t("status.running", "Running"),
|
||||
variant: "outline",
|
||||
className: "border-transparent bg-green-500 text-white",
|
||||
},
|
||||
paused: {
|
||||
label: t("status.paused", "Paused"),
|
||||
variant: "outline",
|
||||
className: "border-transparent bg-yellow-500 text-white",
|
||||
},
|
||||
ended: { label: t("status.ended", "Ended"), variant: "destructive" },
|
||||
};
|
||||
|
||||
const statusOptions = [
|
||||
{ label: t("statusAll", "All"), value: "all" },
|
||||
{ label: t("status.draft", "Draft"), value: "draft" },
|
||||
{ label: t("status.running", "Running"), value: "running" },
|
||||
{ label: t("status.paused", "Paused"), value: "paused" },
|
||||
{ label: t("status.ended", "Ended"), value: "ended" },
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<ProTable<API.LotteryActivity, { status: string }>
|
||||
action={ref}
|
||||
actions={{
|
||||
render: (row) => {
|
||||
const rowActions: React.ReactNode[] = [];
|
||||
if (row.status === "draft") {
|
||||
rowActions.push(
|
||||
<ConfirmButton
|
||||
cancelText={t("cancel", "Cancel")}
|
||||
confirmText={t("confirm", "Confirm")}
|
||||
description={t(
|
||||
"publishWarning",
|
||||
"Once published, the activity becomes visible to users."
|
||||
)}
|
||||
key="publish"
|
||||
onConfirm={async () => {
|
||||
try {
|
||||
await publishLotteryActivity({ id: row.id });
|
||||
toast.success(t("publishSuccess", "Publish Success"));
|
||||
ref.current?.refresh();
|
||||
} catch {
|
||||
// Request layer already surfaces the error toast
|
||||
}
|
||||
}}
|
||||
title={t(
|
||||
"confirmPublish",
|
||||
"Are you sure you want to publish this activity?"
|
||||
)}
|
||||
trigger={<Button size="sm">{t("publish", "Publish")}</Button>}
|
||||
/>
|
||||
);
|
||||
}
|
||||
if (row.status === "running") {
|
||||
rowActions.push(
|
||||
<ConfirmButton
|
||||
cancelText={t("cancel", "Cancel")}
|
||||
confirmText={t("confirm", "Confirm")}
|
||||
description={t(
|
||||
"pauseWarning",
|
||||
"Users will not be able to draw while the activity is paused."
|
||||
)}
|
||||
key="pause"
|
||||
onConfirm={async () => {
|
||||
try {
|
||||
await pauseLotteryActivity({ id: row.id });
|
||||
toast.success(t("pauseSuccess", "Pause Success"));
|
||||
ref.current?.refresh();
|
||||
} catch {
|
||||
// Request layer already surfaces the error toast
|
||||
}
|
||||
}}
|
||||
title={t(
|
||||
"confirmPause",
|
||||
"Are you sure you want to pause this activity?"
|
||||
)}
|
||||
trigger={
|
||||
<Button size="sm" variant="destructive">
|
||||
{t("pause", "Pause")}
|
||||
</Button>
|
||||
}
|
||||
/>
|
||||
);
|
||||
}
|
||||
rowActions.push(
|
||||
<ActivityForm
|
||||
initialValues={row}
|
||||
key="edit"
|
||||
loading={loading}
|
||||
onSubmit={async (values) => {
|
||||
setLoading(true);
|
||||
try {
|
||||
await updateLotteryActivity({ ...values, id: row.id });
|
||||
toast.success(t("updateSuccess", "Update Success"));
|
||||
ref.current?.refresh();
|
||||
setLoading(false);
|
||||
return true;
|
||||
} catch (_error) {
|
||||
setLoading(false);
|
||||
return false;
|
||||
}
|
||||
}}
|
||||
title={t("editActivity", "Edit Activity")}
|
||||
trigger={t("edit", "Edit")}
|
||||
/>,
|
||||
<Button
|
||||
key="manage"
|
||||
onClick={() => {
|
||||
setSelectedActivity(row);
|
||||
setDetailOpen(true);
|
||||
}}
|
||||
size="sm"
|
||||
variant="outline"
|
||||
>
|
||||
{t("manage", "Manage")}
|
||||
</Button>,
|
||||
<Button
|
||||
key="grant"
|
||||
onClick={() => {
|
||||
setSelectedActivity(row);
|
||||
setGrantOpen(true);
|
||||
}}
|
||||
size="sm"
|
||||
variant="outline"
|
||||
>
|
||||
{t("grantChances", "Grant Chances")}
|
||||
</Button>,
|
||||
<ConfirmButton
|
||||
cancelText={t("cancel", "Cancel")}
|
||||
confirmText={t("delete", "Delete")}
|
||||
description={t(
|
||||
"confirmDeleteActivityDesc",
|
||||
"This permanently deletes the activity and its prizes. A running activity must be paused first. This cannot be undone."
|
||||
)}
|
||||
key="delete"
|
||||
onConfirm={async () => {
|
||||
try {
|
||||
await deleteLotteryActivity({ id: row.id });
|
||||
toast.success(t("deleteSuccess", "Deleted"));
|
||||
ref.current?.refresh();
|
||||
} catch {
|
||||
// Request layer already surfaces the error toast
|
||||
}
|
||||
}}
|
||||
title={t("confirmDeleteActivity", "Delete this activity?")}
|
||||
trigger={
|
||||
<Button size="sm" variant="destructive">
|
||||
{t("delete", "Delete")}
|
||||
</Button>
|
||||
}
|
||||
/>
|
||||
);
|
||||
return rowActions;
|
||||
},
|
||||
}}
|
||||
columns={[
|
||||
{
|
||||
accessorKey: "id",
|
||||
header: t("id", "ID"),
|
||||
},
|
||||
{
|
||||
accessorKey: "title",
|
||||
header: t("title", "Title"),
|
||||
},
|
||||
{
|
||||
accessorKey: "status",
|
||||
header: t("statusLabel", "Status"),
|
||||
cell: ({ row }) => {
|
||||
const status = statusConfig[row.original.status];
|
||||
return (
|
||||
<Badge className={status.className} variant={status.variant}>
|
||||
{status.label}
|
||||
</Badge>
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
accessorKey: "start_at",
|
||||
header: t("activityTime", "Activity Time"),
|
||||
cell: ({ row }) =>
|
||||
`${formatDate(row.original.start_at)} - ${formatDate(
|
||||
row.original.end_at
|
||||
)}`,
|
||||
},
|
||||
{
|
||||
accessorKey: "grid_size",
|
||||
header: t("gridSize", "Grid Size"),
|
||||
},
|
||||
]}
|
||||
header={{
|
||||
toolbar: (
|
||||
<ActivityForm
|
||||
loading={loading}
|
||||
onSubmit={async (values) => {
|
||||
setLoading(true);
|
||||
try {
|
||||
await createLotteryActivity(values);
|
||||
toast.success(t("createSuccess", "Create Success"));
|
||||
ref.current?.refresh();
|
||||
setLoading(false);
|
||||
return true;
|
||||
} catch (_error) {
|
||||
setLoading(false);
|
||||
return false;
|
||||
}
|
||||
}}
|
||||
title={t("createActivity", "Create Activity")}
|
||||
trigger={t("create", "Create")}
|
||||
/>
|
||||
),
|
||||
}}
|
||||
params={[
|
||||
{
|
||||
key: "status",
|
||||
placeholder: t("statusLabel", "Status"),
|
||||
options: statusOptions,
|
||||
},
|
||||
]}
|
||||
request={async (pagination, filters) => {
|
||||
const { data } = await getLotteryActivityList({
|
||||
...pagination,
|
||||
...filters,
|
||||
status:
|
||||
filters?.status && filters.status !== "all"
|
||||
? filters.status
|
||||
: undefined,
|
||||
});
|
||||
return {
|
||||
list: data.data?.list || [],
|
||||
total: data.data?.total || 0,
|
||||
};
|
||||
}}
|
||||
/>
|
||||
<ActivityDetail
|
||||
activity={selectedActivity}
|
||||
onChanged={() => ref.current?.refresh()}
|
||||
onOpenChange={setDetailOpen}
|
||||
open={detailOpen}
|
||||
/>
|
||||
<GrantDialog
|
||||
activity={selectedActivity}
|
||||
onOpenChange={setGrantOpen}
|
||||
open={grantOpen}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -1,526 +0,0 @@
|
||||
import { zodResolver } from "@hookform/resolvers/zod";
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import {
|
||||
Form,
|
||||
FormControl,
|
||||
FormField,
|
||||
FormItem,
|
||||
FormLabel,
|
||||
FormMessage,
|
||||
} from "@workspace/ui/components/form";
|
||||
import { ScrollArea } from "@workspace/ui/components/scroll-area";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@workspace/ui/components/select";
|
||||
import {
|
||||
Sheet,
|
||||
SheetContent,
|
||||
SheetFooter,
|
||||
SheetHeader,
|
||||
SheetTitle,
|
||||
} from "@workspace/ui/components/sheet";
|
||||
import { Switch } from "@workspace/ui/components/switch";
|
||||
import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
|
||||
import {
|
||||
EnhancedInput,
|
||||
type EnhancedInputProps,
|
||||
} from "@workspace/ui/composed/enhanced-input";
|
||||
import { Icon } from "@workspace/ui/composed/icon";
|
||||
import {
|
||||
createLotteryPrize,
|
||||
deleteLotteryPrize,
|
||||
updateLotteryPrize,
|
||||
} from "@workspace/ui/services/admin/lottery";
|
||||
import { getSubscribeList } from "@workspace/ui/services/admin/subscribe";
|
||||
import { useEffect, useState } from "react";
|
||||
import { useForm } from "react-hook-form";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { toast } from "sonner";
|
||||
import { z } from "zod";
|
||||
|
||||
// 概率单位约定:weight 1000 = 1%(支持 3 位小数概率,总权重 100000 = 100%)。
|
||||
const WEIGHT_PER_PERCENT = 1000;
|
||||
|
||||
// numberOutput 把 text 输入转成数字(空/非法→undefined)。数字输入统一用 type="text"
|
||||
// + 该 formatOutput,避开 EnhancedInput 在 type="number" 下 min/max 实时钳制导致的
|
||||
// “输入 0 / 改中间位跳变”问题;提交仍是数字,后端收 int。
|
||||
const numberOutput = (v: string | number): number | undefined => {
|
||||
const s = String(v ?? "").trim();
|
||||
if (s === "") {
|
||||
return;
|
||||
}
|
||||
const n = Number(s);
|
||||
return Number.isNaN(n) ? undefined : n;
|
||||
};
|
||||
|
||||
type TranslateFn = (key: string, defaultValue: string) => string;
|
||||
|
||||
const PRIZE_TYPE_OPTIONS: {
|
||||
value: API.LotteryPrizeType;
|
||||
labelKey: string;
|
||||
labelDefault: string;
|
||||
}[] = [
|
||||
{
|
||||
value: "vpn_duration",
|
||||
labelKey: "prize.typeVpnDuration",
|
||||
labelDefault: "VPN Duration",
|
||||
},
|
||||
{
|
||||
value: "crypto",
|
||||
labelKey: "prize.typeCrypto",
|
||||
labelDefault: "Crypto",
|
||||
},
|
||||
{
|
||||
value: "none",
|
||||
labelKey: "prize.typeNone",
|
||||
labelDefault: "No Prize (Thanks)",
|
||||
},
|
||||
];
|
||||
|
||||
const getPrizeSchema = (t: TranslateFn) =>
|
||||
z
|
||||
.object({
|
||||
type: z.enum(["vpn_duration", "crypto", "none"]),
|
||||
name: z.string().min(1, t("prize.nameRequired", "Name is required")),
|
||||
icon_url: z
|
||||
.string()
|
||||
.url(t("prize.iconUrlInvalid", "Must be a valid URL"))
|
||||
.or(z.literal(""))
|
||||
.optional(),
|
||||
weight: z
|
||||
.number()
|
||||
.min(0, t("prize.weightMin", "Probability must be at least 0"))
|
||||
.max(100, t("prize.weightMax", "Probability cannot exceed 100")),
|
||||
unlimited_stock: z.boolean(),
|
||||
total_stock: z.number().optional(),
|
||||
is_fallback: z.boolean(),
|
||||
duration_days: z.number().optional(),
|
||||
subscribe_id: z.number().optional(),
|
||||
})
|
||||
.superRefine((data, ctx) => {
|
||||
const issue = (path: string, message: string) => {
|
||||
ctx.addIssue({ code: z.ZodIssueCode.custom, message, path: [path] });
|
||||
};
|
||||
const isPositiveInt = (value?: number) =>
|
||||
!!value && value > 0 && Number.isInteger(value);
|
||||
if (data.type === "vpn_duration" && !isPositiveInt(data.duration_days)) {
|
||||
issue(
|
||||
"duration_days",
|
||||
t(
|
||||
"prize.durationDaysRequired",
|
||||
"Duration days must be a positive integer"
|
||||
)
|
||||
);
|
||||
}
|
||||
if (!(data.unlimited_stock || isPositiveInt(data.total_stock))) {
|
||||
issue(
|
||||
"total_stock",
|
||||
t(
|
||||
"prize.totalStockRequired",
|
||||
"Total stock must be a positive integer"
|
||||
)
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
type PrizeFormValues = z.infer<ReturnType<typeof getPrizeSchema>>;
|
||||
|
||||
interface PrizeFormProps {
|
||||
activityId: number;
|
||||
slot: number;
|
||||
initialValues?: API.LotteryPrize;
|
||||
open: boolean;
|
||||
onOpenChange: (open: boolean) => void;
|
||||
onSuccess: () => void;
|
||||
}
|
||||
|
||||
function toFormValues(prize?: API.LotteryPrize): PrizeFormValues {
|
||||
const config = prize?.config ?? {};
|
||||
return {
|
||||
type: (prize?.type as PrizeFormValues["type"]) ?? "vpn_duration",
|
||||
name: prize?.name ?? "",
|
||||
icon_url: prize?.icon_url ?? "",
|
||||
weight: (prize?.weight ?? 0) / WEIGHT_PER_PERCENT,
|
||||
unlimited_stock: prize ? prize.total_stock === null : true,
|
||||
total_stock: prize?.total_stock ?? undefined,
|
||||
is_fallback: prize?.is_fallback ?? false,
|
||||
duration_days: config.duration_days as number | undefined,
|
||||
subscribe_id: config.subscribe_id as number | undefined,
|
||||
};
|
||||
}
|
||||
|
||||
function toConfig(values: PrizeFormValues): Record<string, any> {
|
||||
if (values.type === "vpn_duration") {
|
||||
const config: Record<string, any> = { duration_days: values.duration_days };
|
||||
// 可选:无活跃订阅时按该套餐新建订阅发放时长。0/未选则沿用旧行为(跳过发放)。
|
||||
if (values.subscribe_id && values.subscribe_id > 0) {
|
||||
config.subscribe_id = values.subscribe_id;
|
||||
}
|
||||
return config;
|
||||
}
|
||||
// crypto(人工发放) / none 无需额外配置:中奖后凭截图联系客服线下发放。
|
||||
return {};
|
||||
}
|
||||
|
||||
export default function PrizeForm({
|
||||
activityId,
|
||||
slot,
|
||||
initialValues,
|
||||
open,
|
||||
onOpenChange,
|
||||
onSuccess,
|
||||
}: PrizeFormProps) {
|
||||
const { t } = useTranslation("lottery");
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [plans, setPlans] = useState<API.SubscribeItem[]>([]);
|
||||
const form = useForm<PrizeFormValues>({
|
||||
resolver: zodResolver(getPrizeSchema(t)),
|
||||
defaultValues: toFormValues(initialValues),
|
||||
});
|
||||
const type = form.watch("type");
|
||||
const unlimitedStock = form.watch("unlimited_stock");
|
||||
const isFallback = form.watch("is_fallback");
|
||||
const isEdit = !!initialValues?.id;
|
||||
const targetSlot = initialValues?.slot ?? slot;
|
||||
|
||||
useEffect(() => {
|
||||
if (open) form.reset(toFormValues(initialValues));
|
||||
}, [form, initialValues, open]);
|
||||
|
||||
// vpn_duration 需要一个可选的“新建订阅套餐”下拉,仅在面板打开且类型匹配时拉取。
|
||||
useEffect(() => {
|
||||
if (!(open && type === "vpn_duration") || plans.length > 0) return;
|
||||
getSubscribeList({ page: 1, size: 100 })
|
||||
.then(({ data }) => setPlans(data?.data?.list ?? []))
|
||||
.catch(() => {
|
||||
// Request layer already surfaces the error toast
|
||||
});
|
||||
}, [open, type, plans.length]);
|
||||
|
||||
async function handleSubmit(values: PrizeFormValues) {
|
||||
setLoading(true);
|
||||
try {
|
||||
const body: API.CreateLotteryPrizeRequest = {
|
||||
activity_id: activityId,
|
||||
slot: targetSlot,
|
||||
type: values.type,
|
||||
name: values.name.trim(),
|
||||
icon_url: values.icon_url?.trim() ?? "",
|
||||
config: toConfig(values),
|
||||
weight: values.is_fallback
|
||||
? 0
|
||||
: Math.round(values.weight * WEIGHT_PER_PERCENT),
|
||||
total_stock: values.unlimited_stock
|
||||
? null
|
||||
: (values.total_stock ?? null),
|
||||
is_fallback: values.is_fallback,
|
||||
};
|
||||
if (isEdit) {
|
||||
await updateLotteryPrize({ ...body, id: initialValues!.id });
|
||||
toast.success(t("prize.updateSuccess", "Prize updated"));
|
||||
} else {
|
||||
await createLotteryPrize(body);
|
||||
toast.success(t("prize.createSuccess", "Prize created"));
|
||||
}
|
||||
onSuccess();
|
||||
onOpenChange(false);
|
||||
} catch {
|
||||
// Request layer already surfaces the error toast
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete() {
|
||||
if (!initialValues?.id) return;
|
||||
setLoading(true);
|
||||
try {
|
||||
await deleteLotteryPrize({ id: initialValues.id });
|
||||
toast.success(t("prize.deleteSuccess", "Prize deleted"));
|
||||
onSuccess();
|
||||
onOpenChange(false);
|
||||
} catch {
|
||||
// Request layer already surfaces the error toast
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
const renderInput = (
|
||||
name: "name" | "icon_url" | "weight" | "total_stock" | "duration_days",
|
||||
label: string,
|
||||
inputProps: Partial<EnhancedInputProps<any>>,
|
||||
description?: string
|
||||
) => (
|
||||
<FormField
|
||||
control={form.control}
|
||||
name={name}
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{label}</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
onValueChange={(value) => form.setValue(name, value)}
|
||||
value={field.value}
|
||||
{...inputProps}
|
||||
/>
|
||||
</FormControl>
|
||||
{description && (
|
||||
<p className="text-muted-foreground text-xs">{description}</p>
|
||||
)}
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
);
|
||||
|
||||
const renderSwitch = (
|
||||
name: "unlimited_stock" | "is_fallback",
|
||||
label: string,
|
||||
description?: string
|
||||
) => (
|
||||
<FormField
|
||||
control={form.control}
|
||||
name={name}
|
||||
render={({ field }) => (
|
||||
<FormItem className="flex items-center justify-between rounded-md border p-3">
|
||||
<div className="space-y-1">
|
||||
<FormLabel>{label}</FormLabel>
|
||||
{description && (
|
||||
<p className="text-muted-foreground text-xs">{description}</p>
|
||||
)}
|
||||
</div>
|
||||
<FormControl>
|
||||
<Switch
|
||||
checked={field.value}
|
||||
onCheckedChange={(checked) => form.setValue(name, checked)}
|
||||
/>
|
||||
</FormControl>
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
);
|
||||
|
||||
return (
|
||||
<Sheet onOpenChange={onOpenChange} open={open}>
|
||||
<SheetContent className="w-[520px] max-w-full md:max-w-screen-md">
|
||||
<SheetHeader>
|
||||
<SheetTitle>
|
||||
{isEdit
|
||||
? t("prize.editTitle", "Edit Prize")
|
||||
: t("prize.createTitle", "Add Prize")}
|
||||
{" · "}
|
||||
{t("prize.slotLabel", "Slot")} {targetSlot}
|
||||
</SheetTitle>
|
||||
</SheetHeader>
|
||||
<ScrollArea className="h-[calc(100vh-48px-36px-36px-env(safe-area-inset-top))]">
|
||||
<Form {...form}>
|
||||
<form
|
||||
className="space-y-4 px-6 pt-4"
|
||||
onSubmit={form.handleSubmit(handleSubmit)}
|
||||
>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="type"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("prize.type", "Prize Type")}</FormLabel>
|
||||
<FormControl>
|
||||
<Select
|
||||
onValueChange={(value) =>
|
||||
form.setValue(
|
||||
field.name,
|
||||
value as PrizeFormValues["type"]
|
||||
)
|
||||
}
|
||||
value={field.value}
|
||||
>
|
||||
<SelectTrigger className="w-full">
|
||||
<SelectValue
|
||||
placeholder={t("prize.selectType", "Select type")}
|
||||
/>
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
{PRIZE_TYPE_OPTIONS.map((option) => (
|
||||
<SelectItem key={option.value} value={option.value}>
|
||||
{t(option.labelKey, option.labelDefault)}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
{renderInput("name", t("prize.name", "Prize Name"), {
|
||||
placeholder: t("prize.namePlaceholder", "e.g. 1-Day Pass"),
|
||||
})}
|
||||
{renderInput("icon_url", t("prize.iconUrl", "Icon URL"), {
|
||||
placeholder: "https://",
|
||||
})}
|
||||
{type === "vpn_duration" &&
|
||||
renderInput(
|
||||
"duration_days",
|
||||
t("prize.durationDays", "Duration (days)"),
|
||||
{
|
||||
type: "text",
|
||||
inputMode: "numeric",
|
||||
formatOutput: numberOutput,
|
||||
placeholder: t("prize.durationDaysPlaceholder", "e.g. 1"),
|
||||
suffix: t("prize.daysSuffix", "days"),
|
||||
}
|
||||
)}
|
||||
{type === "vpn_duration" && (
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="subscribe_id"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>
|
||||
{t("prize.subscribePlan", "New-subscription plan")}
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<Select
|
||||
onValueChange={(value) =>
|
||||
form.setValue(
|
||||
"subscribe_id",
|
||||
value ? Number(value) : undefined
|
||||
)
|
||||
}
|
||||
value={field.value ? String(field.value) : undefined}
|
||||
>
|
||||
<SelectTrigger className="w-full">
|
||||
<SelectValue
|
||||
placeholder={t(
|
||||
"prize.subscribePlanPlaceholder",
|
||||
"None — skip if user has no active subscription"
|
||||
)}
|
||||
/>
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
{plans.map((plan) => (
|
||||
<SelectItem key={plan.id} value={String(plan.id)}>
|
||||
{plan.name ?? `#${plan.id}`}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</FormControl>
|
||||
<p className="text-muted-foreground text-xs">
|
||||
{t(
|
||||
"prize.subscribePlanHint",
|
||||
"When the user has no active subscription, create one on this plan and grant the duration. Leave empty to skip granting."
|
||||
)}
|
||||
</p>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
)}
|
||||
{type === "none" && (
|
||||
<p className="rounded-md bg-muted/50 p-3 text-muted-foreground text-xs">
|
||||
{t(
|
||||
"prize.noneHint",
|
||||
"No config needed. Consider enabling fallback so users always land on this prize when limited prizes run out."
|
||||
)}
|
||||
</p>
|
||||
)}
|
||||
{type === "crypto" && (
|
||||
<p className="rounded-md bg-muted/50 p-3 text-muted-foreground text-xs">
|
||||
{t(
|
||||
"prize.manualPrizeHint",
|
||||
"Manual prize: no extra config. When won, the user contacts customer service with a screenshot to redeem — no in-app claim form."
|
||||
)}
|
||||
</p>
|
||||
)}
|
||||
{renderInput(
|
||||
"weight",
|
||||
t("prize.weight", "Win probability (%)"),
|
||||
{
|
||||
type: "text",
|
||||
inputMode: "decimal",
|
||||
formatOutput: numberOutput,
|
||||
suffix: "%",
|
||||
disabled: isFallback,
|
||||
},
|
||||
isFallback
|
||||
? t(
|
||||
"prize.fallbackIgnoresWeight",
|
||||
"Fallback prize ignores probability (never randomly drawn)"
|
||||
)
|
||||
: t(
|
||||
"prize.weightHint",
|
||||
"Percent chance in the grid. All drawable prizes must total 100%. 0 = shown but never drawn."
|
||||
)
|
||||
)}
|
||||
{renderSwitch(
|
||||
"unlimited_stock",
|
||||
t("prize.unlimitedStock", "Unlimited Stock")
|
||||
)}
|
||||
{!unlimitedStock &&
|
||||
renderInput(
|
||||
"total_stock",
|
||||
t("prize.totalStock", "Total Stock"),
|
||||
{
|
||||
type: "text",
|
||||
inputMode: "numeric",
|
||||
formatOutput: numberOutput,
|
||||
placeholder: t("prize.totalStockPlaceholder", "e.g. 100"),
|
||||
}
|
||||
)}
|
||||
{renderSwitch(
|
||||
"is_fallback",
|
||||
t("prize.isFallback", "Fallback Prize"),
|
||||
t(
|
||||
"prize.isFallbackHint",
|
||||
"Awarded when limited prizes are sold out"
|
||||
)
|
||||
)}
|
||||
</form>
|
||||
</Form>
|
||||
</ScrollArea>
|
||||
<SheetFooter className="flex-row justify-end gap-2 pt-3">
|
||||
{isEdit && (
|
||||
<ConfirmButton
|
||||
cancelText={t("prize.cancel", "Cancel")}
|
||||
confirmText={t("prize.confirmDelete", "Delete")}
|
||||
description={t(
|
||||
"prize.deleteDescription",
|
||||
"This prize will be removed from the grid. This action cannot be undone."
|
||||
)}
|
||||
onConfirm={handleDelete}
|
||||
title={t("prize.deleteTitle", "Delete this prize?")}
|
||||
trigger={
|
||||
<Button
|
||||
className="mr-auto"
|
||||
disabled={loading}
|
||||
variant="destructive"
|
||||
>
|
||||
{t("prize.delete", "Delete")}
|
||||
</Button>
|
||||
}
|
||||
/>
|
||||
)}
|
||||
<Button
|
||||
disabled={loading}
|
||||
onClick={() => onOpenChange(false)}
|
||||
variant="outline"
|
||||
>
|
||||
{t("prize.cancel", "Cancel")}
|
||||
</Button>
|
||||
<Button disabled={loading} onClick={form.handleSubmit(handleSubmit)}>
|
||||
{loading && (
|
||||
<Icon className="mr-2 animate-spin" icon="mdi:loading" />
|
||||
)}
|
||||
{t("prize.confirm", "Confirm")}
|
||||
</Button>
|
||||
</SheetFooter>
|
||||
</SheetContent>
|
||||
</Sheet>
|
||||
);
|
||||
}
|
||||
@@ -1,294 +0,0 @@
|
||||
import {
|
||||
Alert,
|
||||
AlertDescription,
|
||||
AlertTitle,
|
||||
} from "@workspace/ui/components/alert";
|
||||
import { Badge } from "@workspace/ui/components/badge";
|
||||
import { Skeleton } from "@workspace/ui/components/skeleton";
|
||||
import { cn } from "@workspace/ui/lib/utils";
|
||||
import { getLotteryPrizeList } from "@workspace/ui/services/admin/lottery";
|
||||
import { AlertTriangle, Plus } from "lucide-react";
|
||||
import { useCallback, useEffect, useMemo, useState } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import PrizeForm from "./prize-form";
|
||||
|
||||
const DEFAULT_GRID_SIZE = 9;
|
||||
const CENTER_SLOT = 4;
|
||||
const CENTS_PER_YUAN = 100;
|
||||
// 概率单位约定:weight 1000 = 1%,总权重 100000 = 100.000%(支持 3 位小数概率)。
|
||||
const WEIGHT_PER_PERCENT = 1000;
|
||||
const FULL_TOTAL_WEIGHT = 100 * WEIGHT_PER_PERCENT;
|
||||
|
||||
// weightToPercent 把原始 weight 转成百分比字符串(最多 3 位小数,去尾零)。
|
||||
function weightToPercent(weight: number): string {
|
||||
const pct = weight / WEIGHT_PER_PERCENT;
|
||||
return `${Number.parseFloat(pct.toFixed(3))}`;
|
||||
}
|
||||
|
||||
interface PrizeGridProps {
|
||||
activity: API.LotteryActivity;
|
||||
}
|
||||
|
||||
type TranslateFn = (key: string, defaultValue: string) => string;
|
||||
|
||||
function prizeTypeLabel(type: API.LotteryPrizeType, t: TranslateFn): string {
|
||||
const labels: Record<string, string> = {
|
||||
vpn_duration: t("prize.typeVpnDuration", "VPN Duration"),
|
||||
commission: t("prize.typeCommission", "Commission"),
|
||||
none: t("prize.typeNone", "No Prize (Thanks)"),
|
||||
crypto: t("prize.typeCrypto", "Crypto"),
|
||||
physical: t("prize.typePhysical", "Physical"),
|
||||
manual_other: t("prize.typeManualOther", "Manual (Other)"),
|
||||
coupon: t("prize.typeCoupon", "Coupon"),
|
||||
points: t("prize.typePoints", "Points"),
|
||||
};
|
||||
return labels[type] ?? type;
|
||||
}
|
||||
|
||||
// prizeConfigSummary 把奖品的类型专属 config 渲染成一行可读文本,
|
||||
// 让九宫格卡片显示真实配置值(免费时长天数 / 佣金金额),而不是只有类型徽章。
|
||||
function prizeConfigSummary(
|
||||
prize: API.LotteryPrize,
|
||||
t: TranslateFn
|
||||
): string | null {
|
||||
const config = prize.config ?? {};
|
||||
if (prize.type === "vpn_duration") {
|
||||
const days = config.duration_days as number | undefined;
|
||||
if (typeof days === "number" && days > 0) {
|
||||
return `${days} ${t("prize.daysSuffix", "days")}`;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
if (prize.type === "commission") {
|
||||
const cents = config.amount_cents as number | undefined;
|
||||
if (typeof cents === "number" && cents > 0) {
|
||||
return `¥${(cents / CENTS_PER_YUAN).toFixed(2)}`;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
interface FormState {
|
||||
open: boolean;
|
||||
slot: number;
|
||||
prize?: API.LotteryPrize;
|
||||
}
|
||||
|
||||
export default function PrizeGrid({ activity }: PrizeGridProps) {
|
||||
const { t } = useTranslation("lottery");
|
||||
const [prizes, setPrizes] = useState<API.LotteryPrize[]>([]);
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [formState, setFormState] = useState<FormState>({
|
||||
open: false,
|
||||
slot: 0,
|
||||
});
|
||||
|
||||
const fetchPrizes = useCallback(async () => {
|
||||
setLoading(true);
|
||||
try {
|
||||
const { data } = await getLotteryPrizeList({ activity_id: activity.id });
|
||||
setPrizes(data?.data?.list ?? []);
|
||||
} catch {
|
||||
// Request layer already surfaces the error toast
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}, [activity.id]);
|
||||
|
||||
useEffect(() => {
|
||||
fetchPrizes();
|
||||
}, [fetchPrizes]);
|
||||
|
||||
const prizeBySlot = useMemo(() => {
|
||||
const map = new Map<number, API.LotteryPrize>();
|
||||
for (const prize of prizes) {
|
||||
map.set(prize.slot, prize);
|
||||
}
|
||||
return map;
|
||||
}, [prizes]);
|
||||
|
||||
const randomPrizes = useMemo(
|
||||
() => prizes.filter((prize) => prize.weight > 0 && !prize.is_fallback),
|
||||
[prizes]
|
||||
);
|
||||
const totalWeight = useMemo(
|
||||
() => randomPrizes.reduce((sum, prize) => sum + prize.weight, 0),
|
||||
[randomPrizes]
|
||||
);
|
||||
const hasFallback = prizes.some((prize) => prize.is_fallback);
|
||||
const totalIsValid = totalWeight === FULL_TOTAL_WEIGHT;
|
||||
const gridSize = activity.grid_size || DEFAULT_GRID_SIZE;
|
||||
const slots = Array.from({ length: gridSize }, (_, index) => index);
|
||||
|
||||
const openForm = (slot: number, prize?: API.LotteryPrize) => {
|
||||
setFormState({ open: true, slot, prize });
|
||||
};
|
||||
|
||||
if (loading && prizes.length === 0) {
|
||||
return (
|
||||
<div className="grid grid-cols-3 gap-3">
|
||||
{slots.map((slot) => (
|
||||
<Skeleton className="min-h-[132px] rounded-lg" key={slot} />
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
<div className="rounded-lg border bg-muted/30 p-3">
|
||||
<div className="mb-2 flex items-center justify-between">
|
||||
<p className="font-medium text-sm">
|
||||
{t("prize.probabilityPreview", "Probability Preview")}
|
||||
</p>
|
||||
{randomPrizes.length > 0 && (
|
||||
<Badge variant={totalIsValid ? "secondary" : "destructive"}>
|
||||
{t("prize.probabilityTotal", "Total")}:{" "}
|
||||
{weightToPercent(totalWeight)}%
|
||||
</Badge>
|
||||
)}
|
||||
</div>
|
||||
{randomPrizes.length > 0 ? (
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{randomPrizes.map((prize) => (
|
||||
<Badge key={prize.id} variant="secondary">
|
||||
{prize.name}: {weightToPercent(prize.weight)}%
|
||||
</Badge>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<p className="text-muted-foreground text-xs">
|
||||
{t(
|
||||
"prize.noRandomPrizes",
|
||||
"No prizes participate in the random draw yet"
|
||||
)}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
{randomPrizes.length > 0 && !totalIsValid && (
|
||||
<Alert variant="destructive">
|
||||
<AlertTriangle className="h-4 w-4" />
|
||||
<AlertTitle>
|
||||
{t("prize.totalNot100Title", "Probabilities must total 100%")}
|
||||
</AlertTitle>
|
||||
<AlertDescription>
|
||||
{t(
|
||||
"prize.totalNot100Hint",
|
||||
"The drawable prizes currently total {{total}}%. Adjust each prize's win probability so they sum to exactly 100%.",
|
||||
{ total: weightToPercent(totalWeight) }
|
||||
)}
|
||||
</AlertDescription>
|
||||
</Alert>
|
||||
)}
|
||||
{!hasFallback && (
|
||||
<Alert>
|
||||
<AlertTriangle className="h-4 w-4" />
|
||||
<AlertTitle>
|
||||
{t("prize.noFallbackTitle", "No fallback prize")}
|
||||
</AlertTitle>
|
||||
<AlertDescription>
|
||||
{t(
|
||||
"prize.noFallbackHint",
|
||||
"Consider configuring a fallback prize so draws never fail when limited prizes run out."
|
||||
)}
|
||||
</AlertDescription>
|
||||
</Alert>
|
||||
)}
|
||||
<div className="grid grid-cols-3 gap-3">
|
||||
{slots.map((slot) => {
|
||||
const prize = prizeBySlot.get(slot);
|
||||
return (
|
||||
<button
|
||||
className={cn(
|
||||
"relative flex min-h-[132px] flex-col items-center justify-center gap-1 rounded-lg border p-3 text-center transition-colors hover:border-primary",
|
||||
prize ? "bg-card" : "border-dashed text-muted-foreground"
|
||||
)}
|
||||
key={slot}
|
||||
onClick={() => openForm(slot, prize)}
|
||||
type="button"
|
||||
>
|
||||
<span className="absolute top-1 left-1.5 text-[10px] text-muted-foreground">
|
||||
#{slot}
|
||||
</span>
|
||||
{slot === CENTER_SLOT && (
|
||||
<Badge
|
||||
className="absolute top-1 right-1 px-1.5 text-[10px]"
|
||||
variant="outline"
|
||||
>
|
||||
{t("prize.centerSlotHint", "Usually the draw button")}
|
||||
</Badge>
|
||||
)}
|
||||
{prize ? (
|
||||
<>
|
||||
{prize.icon_url ? (
|
||||
<img
|
||||
alt={prize.name}
|
||||
className="h-8 w-8 rounded object-cover"
|
||||
height={32}
|
||||
src={prize.icon_url}
|
||||
width={32}
|
||||
/>
|
||||
) : (
|
||||
<span aria-hidden className="text-2xl">
|
||||
🎁
|
||||
</span>
|
||||
)}
|
||||
<span className="line-clamp-1 font-medium text-sm">
|
||||
{prize.name}
|
||||
</span>
|
||||
<Badge variant="secondary">
|
||||
{prizeTypeLabel(prize.type, t)}
|
||||
</Badge>
|
||||
{(() => {
|
||||
const summary = prizeConfigSummary(prize, t);
|
||||
return summary ? (
|
||||
<span className="line-clamp-1 font-medium text-primary text-xs">
|
||||
{summary}
|
||||
</span>
|
||||
) : null;
|
||||
})()}
|
||||
<span className="text-muted-foreground text-xs">
|
||||
{t("prize.weightShort", "Prob")}:{" "}
|
||||
{prize.is_fallback
|
||||
? "—"
|
||||
: `${weightToPercent(prize.weight)}%`}{" "}
|
||||
· {t("prize.stockShort", "Stock")}:{" "}
|
||||
{prize.total_stock === null ? "∞" : prize.total_stock}
|
||||
</span>
|
||||
<div className="flex flex-wrap justify-center gap-1">
|
||||
{prize.is_fallback && (
|
||||
<Badge variant="outline">
|
||||
{t("prize.fallbackBadge", "Fallback")}
|
||||
</Badge>
|
||||
)}
|
||||
{prize.sold_out && (
|
||||
<Badge variant="destructive">
|
||||
{t("prize.soldOutBadge", "Sold Out")}
|
||||
</Badge>
|
||||
)}
|
||||
</div>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<Plus className="h-5 w-5" />
|
||||
<span className="text-xs">
|
||||
{t("prize.addPrize", "Add Prize")}
|
||||
</span>
|
||||
</>
|
||||
)}
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
<PrizeForm
|
||||
activityId={activity.id}
|
||||
initialValues={formState.prize}
|
||||
onOpenChange={(open) => setFormState((prev) => ({ ...prev, open }))}
|
||||
onSuccess={fetchPrizes}
|
||||
open={formState.open}
|
||||
slot={formState.slot}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,448 +0,0 @@
|
||||
import { z } from "zod";
|
||||
|
||||
export const RULE_CAPS = { maxDepth: 8, maxNodes: 64, maxBytes: 8192 } as const;
|
||||
|
||||
export const CHANCE_SOURCE_OPTIONS: {
|
||||
value: API.LotteryChanceSourceType;
|
||||
labelKey: string;
|
||||
labelDefault: string;
|
||||
}[] = [
|
||||
{
|
||||
value: "daily_signin",
|
||||
labelKey: "rules.source.dailySignin",
|
||||
labelDefault: "Daily Sign-in",
|
||||
},
|
||||
{
|
||||
value: "new_subscription",
|
||||
labelKey: "rules.source.newSubscription",
|
||||
labelDefault: "New Subscription",
|
||||
},
|
||||
{
|
||||
value: "invite_success",
|
||||
labelKey: "rules.source.inviteSuccess",
|
||||
labelDefault: "Invite Success",
|
||||
},
|
||||
{
|
||||
value: "manual_grant",
|
||||
labelKey: "rules.source.manualGrant",
|
||||
labelDefault: "Manual Grant",
|
||||
},
|
||||
];
|
||||
|
||||
export const CONDITION_TYPES = [
|
||||
"has_subscription",
|
||||
"subscription_type",
|
||||
"invite_count",
|
||||
"total_recharge",
|
||||
"register_days",
|
||||
"user_tag",
|
||||
] as const;
|
||||
|
||||
export type ConditionType = (typeof CONDITION_TYPES)[number];
|
||||
|
||||
export interface ConditionRow {
|
||||
type: ConditionType;
|
||||
minDaysRemaining?: number;
|
||||
planIds?: string;
|
||||
min?: number;
|
||||
windowDays?: number;
|
||||
minUsdt?: number;
|
||||
tags?: string;
|
||||
}
|
||||
|
||||
export interface ConditionParamField {
|
||||
key: keyof Omit<ConditionRow, "type">;
|
||||
inputType: "number" | "text";
|
||||
labelKey: string;
|
||||
labelDefault: string;
|
||||
placeholderKey?: string;
|
||||
placeholderDefault?: string;
|
||||
}
|
||||
|
||||
export const CONDITION_PARAM_FIELDS: Record<
|
||||
ConditionType,
|
||||
ConditionParamField[]
|
||||
> = {
|
||||
has_subscription: [
|
||||
{
|
||||
key: "minDaysRemaining",
|
||||
inputType: "number",
|
||||
labelKey: "rules.param.minDaysRemaining",
|
||||
labelDefault: "Min Days Remaining",
|
||||
},
|
||||
],
|
||||
subscription_type: [
|
||||
{
|
||||
key: "planIds",
|
||||
inputType: "text",
|
||||
labelKey: "rules.param.planIds",
|
||||
labelDefault: "Plan IDs",
|
||||
placeholderKey: "rules.param.planIdsPlaceholder",
|
||||
placeholderDefault: "Comma separated, e.g. 1,2,3",
|
||||
},
|
||||
],
|
||||
invite_count: [
|
||||
{
|
||||
key: "min",
|
||||
inputType: "number",
|
||||
labelKey: "rules.param.min",
|
||||
labelDefault: "Min Count",
|
||||
},
|
||||
{
|
||||
key: "windowDays",
|
||||
inputType: "number",
|
||||
labelKey: "rules.param.windowDays",
|
||||
labelDefault: "Window Days (optional)",
|
||||
},
|
||||
],
|
||||
total_recharge: [
|
||||
{
|
||||
key: "minUsdt",
|
||||
inputType: "number",
|
||||
labelKey: "rules.param.minUsdt",
|
||||
labelDefault: "Min USDT",
|
||||
},
|
||||
],
|
||||
register_days: [
|
||||
{
|
||||
key: "min",
|
||||
inputType: "number",
|
||||
labelKey: "rules.param.min",
|
||||
labelDefault: "Min Count",
|
||||
},
|
||||
],
|
||||
user_tag: [
|
||||
{
|
||||
key: "tags",
|
||||
inputType: "text",
|
||||
labelKey: "rules.param.tags",
|
||||
labelDefault: "Tags",
|
||||
placeholderKey: "rules.param.tagsPlaceholder",
|
||||
placeholderDefault: "Comma separated, e.g. vip,beta",
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export function parseIntList(input?: string): number[] {
|
||||
if (!input) return [];
|
||||
return input
|
||||
.split(/[,,\s]+/)
|
||||
.map((item) => item.trim())
|
||||
.filter(Boolean)
|
||||
.map((item) => Number.parseInt(item, 10))
|
||||
.filter((item) => Number.isFinite(item));
|
||||
}
|
||||
|
||||
export function parseStringList(input?: string): string[] {
|
||||
if (!input) return [];
|
||||
return input
|
||||
.split(/[,,]+/)
|
||||
.map((item) => item.trim())
|
||||
.filter(Boolean);
|
||||
}
|
||||
|
||||
export function conditionToNode(row: ConditionRow): API.LotteryEligibilityNode {
|
||||
switch (row.type) {
|
||||
case "has_subscription":
|
||||
return {
|
||||
type: row.type,
|
||||
params: { min_days_remaining: row.minDaysRemaining ?? 0 },
|
||||
};
|
||||
case "subscription_type":
|
||||
return {
|
||||
type: row.type,
|
||||
params: { plan_ids: parseIntList(row.planIds) },
|
||||
};
|
||||
case "invite_count": {
|
||||
const params: Record<string, number> = { min: row.min ?? 0 };
|
||||
if (row.windowDays) params.window_days = row.windowDays;
|
||||
return { type: row.type, params };
|
||||
}
|
||||
case "total_recharge":
|
||||
return { type: row.type, params: { min_usdt: row.minUsdt ?? 0 } };
|
||||
case "register_days":
|
||||
return { type: row.type, params: { min: row.min ?? 0 } };
|
||||
case "user_tag":
|
||||
return { type: row.type, params: { tags: parseStringList(row.tags) } };
|
||||
}
|
||||
}
|
||||
|
||||
export function buildEligibility(
|
||||
op: "AND" | "OR",
|
||||
rows: ConditionRow[]
|
||||
): API.LotteryEligibilityNode | Record<string, never> {
|
||||
if (rows.length === 0) return {};
|
||||
return { op, children: rows.map(conditionToNode) };
|
||||
}
|
||||
|
||||
function isLeafNode(node: API.LotteryEligibilityNode): boolean {
|
||||
return Boolean(node.type) && !node.op && !node.children?.length;
|
||||
}
|
||||
|
||||
function nodeToCondition(
|
||||
node: API.LotteryEligibilityNode
|
||||
): ConditionRow | null {
|
||||
const type = CONDITION_TYPES.find((item) => item === node.type);
|
||||
if (!type) return null;
|
||||
const params = node.params ?? {};
|
||||
switch (type) {
|
||||
case "has_subscription":
|
||||
return { type, minDaysRemaining: params.min_days_remaining };
|
||||
case "subscription_type":
|
||||
return {
|
||||
type,
|
||||
planIds: Array.isArray(params.plan_ids)
|
||||
? params.plan_ids.join(",")
|
||||
: "",
|
||||
};
|
||||
case "invite_count":
|
||||
return { type, min: params.min, windowDays: params.window_days };
|
||||
case "total_recharge":
|
||||
return { type, minUsdt: params.min_usdt };
|
||||
case "register_days":
|
||||
return { type, min: params.min };
|
||||
case "user_tag":
|
||||
return {
|
||||
type,
|
||||
tags: Array.isArray(params.tags) ? params.tags.join(",") : "",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export function isEmptyEligibility(
|
||||
eligibility: API.LotteryActivity["eligibility"]
|
||||
): boolean {
|
||||
return (
|
||||
eligibility === null ||
|
||||
eligibility === undefined ||
|
||||
Object.keys(eligibility).length === 0
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 尝试把规则树还原成「一层 op + children 全是叶子」的简单模式;
|
||||
* 结构更复杂时返回 null(调用方应切到高级模式)。
|
||||
*/
|
||||
export function treeToSimple(
|
||||
eligibility: API.LotteryActivity["eligibility"]
|
||||
): { op: "AND" | "OR"; rows: ConditionRow[] } | null {
|
||||
if (isEmptyEligibility(eligibility)) return { op: "AND", rows: [] };
|
||||
const tree = eligibility as API.LotteryEligibilityNode;
|
||||
if (
|
||||
(tree.op !== "AND" && tree.op !== "OR") ||
|
||||
!Array.isArray(tree.children) ||
|
||||
!tree.children.every(isLeafNode)
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
const rows: ConditionRow[] = [];
|
||||
for (const child of tree.children) {
|
||||
const row = nodeToCondition(child);
|
||||
if (!row) return null;
|
||||
rows.push(row);
|
||||
}
|
||||
return { op: tree.op, rows };
|
||||
}
|
||||
|
||||
export interface RuleCapsResult {
|
||||
depth: number;
|
||||
nodes: number;
|
||||
bytes: number;
|
||||
depthExceeded: boolean;
|
||||
nodesExceeded: boolean;
|
||||
bytesExceeded: boolean;
|
||||
ok: boolean;
|
||||
}
|
||||
|
||||
export function checkRuleCaps(
|
||||
tree: API.LotteryEligibilityNode | Record<string, never>
|
||||
): RuleCapsResult {
|
||||
function walk(node: API.LotteryEligibilityNode): {
|
||||
depth: number;
|
||||
nodes: number;
|
||||
} {
|
||||
const children = Array.isArray(node.children) ? node.children : [];
|
||||
let maxChildDepth = 0;
|
||||
let nodes = 1;
|
||||
for (const child of children) {
|
||||
const result = walk(child);
|
||||
maxChildDepth = Math.max(maxChildDepth, result.depth);
|
||||
nodes += result.nodes;
|
||||
}
|
||||
return { depth: maxChildDepth + 1, nodes };
|
||||
}
|
||||
|
||||
const { depth, nodes } = walk(tree);
|
||||
const bytes = new TextEncoder().encode(JSON.stringify(tree)).length;
|
||||
const depthExceeded = depth > RULE_CAPS.maxDepth;
|
||||
const nodesExceeded = nodes > RULE_CAPS.maxNodes;
|
||||
const bytesExceeded = bytes > RULE_CAPS.maxBytes;
|
||||
return {
|
||||
depth,
|
||||
nodes,
|
||||
bytes,
|
||||
depthExceeded,
|
||||
nodesExceeded,
|
||||
bytesExceeded,
|
||||
ok: !(depthExceeded || nodesExceeded || bytesExceeded),
|
||||
};
|
||||
}
|
||||
|
||||
export type TranslateFn = (key: string, defaultValue: string) => string;
|
||||
|
||||
/** 规则树超限时返回具体超限项的提示文案,未超限返回 null。 */
|
||||
export function buildCapsErrorMessage(
|
||||
t: TranslateFn,
|
||||
eligibility: API.LotteryEligibilityNode | Record<string, never>
|
||||
): string | null {
|
||||
if (isEmptyEligibility(eligibility)) return null;
|
||||
const caps = checkRuleCaps(eligibility);
|
||||
if (caps.ok) return null;
|
||||
const fill = (template: string, value: number, limit: number) =>
|
||||
template
|
||||
.replace("{{value}}", String(value))
|
||||
.replace("{{limit}}", String(limit));
|
||||
const parts: string[] = [];
|
||||
if (caps.depthExceeded) {
|
||||
parts.push(
|
||||
fill(
|
||||
t("rules.capsDepthExceeded", "Depth {{value}} exceeds limit {{limit}}"),
|
||||
caps.depth,
|
||||
RULE_CAPS.maxDepth
|
||||
)
|
||||
);
|
||||
}
|
||||
if (caps.nodesExceeded) {
|
||||
parts.push(
|
||||
fill(
|
||||
t(
|
||||
"rules.capsNodesExceeded",
|
||||
"Node count {{value}} exceeds limit {{limit}}"
|
||||
),
|
||||
caps.nodes,
|
||||
RULE_CAPS.maxNodes
|
||||
)
|
||||
);
|
||||
}
|
||||
if (caps.bytesExceeded) {
|
||||
parts.push(
|
||||
fill(
|
||||
t(
|
||||
"rules.capsBytesExceeded",
|
||||
"Size {{value}} bytes exceeds limit {{limit}} bytes"
|
||||
),
|
||||
caps.bytes,
|
||||
RULE_CAPS.maxBytes
|
||||
)
|
||||
);
|
||||
}
|
||||
return parts.join("; ");
|
||||
}
|
||||
|
||||
export function validateJsonTree(input: string, t: TranslateFn): string | null {
|
||||
try {
|
||||
const parsed: unknown = JSON.parse(input);
|
||||
if (parsed === null) return null;
|
||||
if (typeof parsed !== "object" || Array.isArray(parsed)) {
|
||||
return t("rules.jsonMustBeObject", "Rule tree must be a JSON object");
|
||||
}
|
||||
return null;
|
||||
} catch (error: unknown) {
|
||||
return error instanceof Error ? error.message : "Invalid JSON";
|
||||
}
|
||||
}
|
||||
|
||||
const chanceSourceSchema = z.object({
|
||||
source: z.enum([
|
||||
"daily_signin",
|
||||
"new_subscription",
|
||||
"invite_success",
|
||||
"manual_grant",
|
||||
]),
|
||||
amount: z.number().int().min(0),
|
||||
daily_limit: z.number().int().min(0).optional(),
|
||||
});
|
||||
|
||||
const conditionSchema = z.object({
|
||||
type: z.enum(CONDITION_TYPES),
|
||||
minDaysRemaining: z.number().int().min(0).optional(),
|
||||
planIds: z.string().optional(),
|
||||
min: z.number().int().min(0).optional(),
|
||||
windowDays: z.number().int().min(0).optional(),
|
||||
minUsdt: z.number().min(0).optional(),
|
||||
tags: z.string().optional(),
|
||||
});
|
||||
|
||||
export const getRuleEditorSchema = (t: TranslateFn) =>
|
||||
z
|
||||
.object({
|
||||
chanceSources: z.array(chanceSourceSchema),
|
||||
mode: z.enum(["simple", "advanced"]),
|
||||
op: z.enum(["AND", "OR"]),
|
||||
conditions: z.array(conditionSchema),
|
||||
advancedJson: z.string(),
|
||||
})
|
||||
.superRefine((data, ctx) => {
|
||||
const seen = new Set<string>();
|
||||
data.chanceSources.forEach((row, index) => {
|
||||
if (seen.has(row.source)) {
|
||||
ctx.addIssue({
|
||||
code: z.ZodIssueCode.custom,
|
||||
message: t("rules.duplicateSource", "Duplicate source"),
|
||||
path: ["chanceSources", index, "source"],
|
||||
});
|
||||
}
|
||||
seen.add(row.source);
|
||||
});
|
||||
if (data.mode === "advanced" && data.advancedJson.trim()) {
|
||||
const error = validateJsonTree(data.advancedJson, t);
|
||||
if (error) {
|
||||
ctx.addIssue({
|
||||
code: z.ZodIssueCode.custom,
|
||||
message: error,
|
||||
path: ["advancedJson"],
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
export type RuleEditorValues = z.infer<ReturnType<typeof getRuleEditorSchema>>;
|
||||
|
||||
export function toRuleEditorValues(
|
||||
activity: API.LotteryActivity
|
||||
): RuleEditorValues {
|
||||
const chanceSources = (activity.chance_sources ?? []).map((row) => ({
|
||||
source: row.source,
|
||||
amount: row.amount,
|
||||
daily_limit: row.daily_limit ?? undefined,
|
||||
}));
|
||||
const simple = treeToSimple(activity.eligibility);
|
||||
if (simple) {
|
||||
return {
|
||||
chanceSources,
|
||||
mode: "simple",
|
||||
op: simple.op,
|
||||
conditions: simple.rows,
|
||||
advancedJson: "",
|
||||
};
|
||||
}
|
||||
return {
|
||||
chanceSources,
|
||||
mode: "advanced",
|
||||
op: "AND",
|
||||
conditions: [],
|
||||
advancedJson: JSON.stringify(activity.eligibility, null, 2),
|
||||
};
|
||||
}
|
||||
|
||||
export function resolveEligibility(
|
||||
values: RuleEditorValues
|
||||
): API.LotteryEligibilityNode | Record<string, never> {
|
||||
if (values.mode === "simple") {
|
||||
return buildEligibility(values.op, values.conditions);
|
||||
}
|
||||
const text = values.advancedJson.trim();
|
||||
if (!text) return {};
|
||||
const parsed = JSON.parse(text) as API.LotteryEligibilityNode | null;
|
||||
return parsed ?? {};
|
||||
}
|
||||
@@ -1,453 +0,0 @@
|
||||
import { zodResolver } from "@hookform/resolvers/zod";
|
||||
import {
|
||||
Alert,
|
||||
AlertDescription,
|
||||
AlertTitle,
|
||||
} from "@workspace/ui/components/alert";
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import {
|
||||
Form,
|
||||
FormControl,
|
||||
FormField,
|
||||
FormItem,
|
||||
FormLabel,
|
||||
FormMessage,
|
||||
} from "@workspace/ui/components/form";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@workspace/ui/components/select";
|
||||
import {
|
||||
Tabs,
|
||||
TabsContent,
|
||||
TabsList,
|
||||
TabsTrigger,
|
||||
} from "@workspace/ui/components/tabs";
|
||||
import { Textarea } from "@workspace/ui/components/textarea";
|
||||
import { EnhancedInput } from "@workspace/ui/composed/enhanced-input";
|
||||
import { updateLotteryActivityRules } from "@workspace/ui/services/admin/lottery";
|
||||
import { PlusIcon, Trash2Icon, TriangleAlertIcon } from "lucide-react";
|
||||
import { useEffect, useMemo, useState } from "react";
|
||||
import { useFieldArray, useForm } from "react-hook-form";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { toast } from "sonner";
|
||||
import {
|
||||
buildCapsErrorMessage,
|
||||
buildEligibility,
|
||||
CHANCE_SOURCE_OPTIONS,
|
||||
CONDITION_PARAM_FIELDS,
|
||||
CONDITION_TYPES,
|
||||
getRuleEditorSchema,
|
||||
isEmptyEligibility,
|
||||
type RuleEditorValues,
|
||||
resolveEligibility,
|
||||
toRuleEditorValues,
|
||||
treeToSimple,
|
||||
validateJsonTree,
|
||||
} from "./rule-editor-utils";
|
||||
|
||||
interface RuleEditorProps {
|
||||
activity: API.LotteryActivity;
|
||||
onSaved?: () => void;
|
||||
}
|
||||
|
||||
export default function RuleEditor({ activity, onSaved }: RuleEditorProps) {
|
||||
const { t } = useTranslation("lottery");
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [capsError, setCapsError] = useState<string | null>(null);
|
||||
const form = useForm<RuleEditorValues>({
|
||||
resolver: zodResolver(getRuleEditorSchema(t)),
|
||||
defaultValues: toRuleEditorValues(activity),
|
||||
});
|
||||
const sourceRows = useFieldArray({
|
||||
control: form.control,
|
||||
name: "chanceSources",
|
||||
});
|
||||
const conditionRows = useFieldArray({
|
||||
control: form.control,
|
||||
name: "conditions",
|
||||
});
|
||||
const mode = form.watch("mode");
|
||||
const advancedJson = form.watch("advancedJson");
|
||||
|
||||
useEffect(() => {
|
||||
form.reset(toRuleEditorValues(activity));
|
||||
setCapsError(null);
|
||||
}, [form, activity]);
|
||||
|
||||
const jsonError = useMemo(
|
||||
() => (advancedJson.trim() ? validateJsonTree(advancedJson, t) : null),
|
||||
[advancedJson, t]
|
||||
);
|
||||
|
||||
async function handleSubmit(values: RuleEditorValues) {
|
||||
const eligibility = resolveEligibility(values);
|
||||
const capsMessage = buildCapsErrorMessage(t, eligibility);
|
||||
setCapsError(capsMessage);
|
||||
if (capsMessage) return;
|
||||
setLoading(true);
|
||||
try {
|
||||
await updateLotteryActivityRules({
|
||||
id: activity.id,
|
||||
eligibility,
|
||||
chance_sources: values.chanceSources.map((row) => ({
|
||||
source: row.source,
|
||||
amount: row.amount,
|
||||
daily_limit: row.daily_limit || undefined,
|
||||
})),
|
||||
});
|
||||
toast.success(t("rules.saveSuccess", "Rules saved"));
|
||||
onSaved?.();
|
||||
} catch (_error) {
|
||||
toast.error(t("rules.saveFailed", "Failed to save rules"));
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
function handleModeChange(value: string) {
|
||||
if (value === "advanced" && !form.getValues("advancedJson").trim()) {
|
||||
const tree = buildEligibility(
|
||||
form.getValues("op"),
|
||||
form.getValues("conditions")
|
||||
);
|
||||
form.setValue(
|
||||
"advancedJson",
|
||||
isEmptyEligibility(tree) ? "" : JSON.stringify(tree, null, 2)
|
||||
);
|
||||
}
|
||||
if (value === "simple") {
|
||||
const text = form.getValues("advancedJson").trim();
|
||||
let simple: ReturnType<typeof treeToSimple> = { op: "AND", rows: [] };
|
||||
if (text) {
|
||||
try {
|
||||
simple = treeToSimple(
|
||||
JSON.parse(text) as API.LotteryActivity["eligibility"]
|
||||
);
|
||||
} catch {
|
||||
simple = null;
|
||||
}
|
||||
}
|
||||
if (!simple) {
|
||||
toast.error(
|
||||
t(
|
||||
"rules.cannotSimplify",
|
||||
"This rule tree is too complex for simple mode. Please edit it in Advanced mode."
|
||||
)
|
||||
);
|
||||
return;
|
||||
}
|
||||
form.setValue("op", simple.op);
|
||||
form.setValue("conditions", simple.rows);
|
||||
form.setValue("advancedJson", "");
|
||||
}
|
||||
form.setValue("mode", value as RuleEditorValues["mode"]);
|
||||
}
|
||||
|
||||
return (
|
||||
<Form {...form}>
|
||||
<form className="space-y-6" onSubmit={form.handleSubmit(handleSubmit)}>
|
||||
<section className="space-y-3">
|
||||
<h3 className="font-medium text-base">
|
||||
{t("rules.chanceSources", "Chance Sources")}
|
||||
</h3>
|
||||
<p className="text-muted-foreground text-sm">
|
||||
{t(
|
||||
"rules.chanceSourcesDescription",
|
||||
"Configure how users earn draw chances. Each source can only appear once."
|
||||
)}
|
||||
</p>
|
||||
{sourceRows.fields.map((row, index) => (
|
||||
<div className="flex items-start gap-2" key={row.id}>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name={`chanceSources.${index}.source`}
|
||||
render={({ field }) => (
|
||||
<FormItem className="flex-1">
|
||||
<Select onValueChange={field.onChange} value={field.value}>
|
||||
<FormControl>
|
||||
<SelectTrigger>
|
||||
<SelectValue
|
||||
placeholder={t(
|
||||
"rules.selectSource",
|
||||
"Select source"
|
||||
)}
|
||||
/>
|
||||
</SelectTrigger>
|
||||
</FormControl>
|
||||
<SelectContent>
|
||||
{CHANCE_SOURCE_OPTIONS.map((option) => (
|
||||
<SelectItem key={option.value} value={option.value}>
|
||||
{t(option.labelKey, option.labelDefault)}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name={`chanceSources.${index}.amount`}
|
||||
render={({ field }) => (
|
||||
<FormItem className="w-32">
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
min={0}
|
||||
onValueChange={(value) => field.onChange(value)}
|
||||
placeholder={t("rules.amount", "Amount")}
|
||||
type="number"
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name={`chanceSources.${index}.daily_limit`}
|
||||
render={({ field }) => (
|
||||
<FormItem className="w-44">
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
min={0}
|
||||
onValueChange={(value) => field.onChange(value)}
|
||||
placeholder={t(
|
||||
"rules.dailyLimit",
|
||||
"Daily limit (optional)"
|
||||
)}
|
||||
type="number"
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<Button
|
||||
onClick={() => sourceRows.remove(index)}
|
||||
size="icon"
|
||||
type="button"
|
||||
variant="ghost"
|
||||
>
|
||||
<Trash2Icon className="size-4" />
|
||||
</Button>
|
||||
</div>
|
||||
))}
|
||||
<Button
|
||||
onClick={() =>
|
||||
sourceRows.append({ source: "daily_signin", amount: 1 })
|
||||
}
|
||||
size="sm"
|
||||
type="button"
|
||||
variant="outline"
|
||||
>
|
||||
<PlusIcon className="size-4" />
|
||||
{t("rules.addSource", "Add Source")}
|
||||
</Button>
|
||||
</section>
|
||||
|
||||
<section className="space-y-3">
|
||||
<h3 className="font-medium text-base">
|
||||
{t("rules.eligibility", "Eligibility")}
|
||||
</h3>
|
||||
<Alert className="border-yellow-500/50 bg-yellow-50 text-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400">
|
||||
<TriangleAlertIcon />
|
||||
<AlertTitle>
|
||||
{t("rules.stage1Warning", "Stage 1 notice")}
|
||||
</AlertTitle>
|
||||
<AlertDescription className="text-inherit">
|
||||
{t(
|
||||
"rules.stage1WarningDescription",
|
||||
"The rule context is not wired up in the current version (Stage 1). Configuring eligibility will prevent users from joining the lottery. It is recommended to keep it empty."
|
||||
)}
|
||||
</AlertDescription>
|
||||
</Alert>
|
||||
<Tabs onValueChange={handleModeChange} value={mode}>
|
||||
<TabsList>
|
||||
<TabsTrigger value="simple">
|
||||
{t("rules.simpleMode", "Simple")}
|
||||
</TabsTrigger>
|
||||
<TabsTrigger value="advanced">
|
||||
{t("rules.advancedMode", "Advanced (JSON)")}
|
||||
</TabsTrigger>
|
||||
</TabsList>
|
||||
<TabsContent className="space-y-3 pt-2" value="simple">
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="op"
|
||||
render={({ field }) => (
|
||||
<FormItem className="w-48">
|
||||
<FormLabel>
|
||||
{t("rules.op", "Combine Conditions With")}
|
||||
</FormLabel>
|
||||
<Select onValueChange={field.onChange} value={field.value}>
|
||||
<FormControl>
|
||||
<SelectTrigger>
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
</FormControl>
|
||||
<SelectContent>
|
||||
<SelectItem value="AND">
|
||||
{t("rules.opAnd", "AND")}
|
||||
</SelectItem>
|
||||
<SelectItem value="OR">
|
||||
{t("rules.opOr", "OR")}
|
||||
</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
{conditionRows.fields.length === 0 && (
|
||||
<p className="text-muted-foreground text-sm">
|
||||
{t(
|
||||
"rules.noConditions",
|
||||
"No conditions. Everyone is eligible to join."
|
||||
)}
|
||||
</p>
|
||||
)}
|
||||
{conditionRows.fields.map((row, index) => {
|
||||
const type = form.watch(`conditions.${index}.type`);
|
||||
return (
|
||||
<div
|
||||
className="flex flex-wrap items-start gap-2 rounded-md border p-3"
|
||||
key={row.id}
|
||||
>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name={`conditions.${index}.type`}
|
||||
render={({ field }) => (
|
||||
<FormItem className="w-56">
|
||||
<Select
|
||||
onValueChange={field.onChange}
|
||||
value={field.value}
|
||||
>
|
||||
<FormControl>
|
||||
<SelectTrigger>
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
</FormControl>
|
||||
<SelectContent>
|
||||
{CONDITION_TYPES.map((item) => (
|
||||
<SelectItem key={item} value={item}>
|
||||
{t(`rules.conditionType.${item}`, item)}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
{CONDITION_PARAM_FIELDS[type].map((param) => (
|
||||
<FormField
|
||||
control={form.control}
|
||||
key={param.key}
|
||||
name={`conditions.${index}.${param.key}`}
|
||||
render={({ field }) => (
|
||||
<FormItem className="w-52">
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
min={
|
||||
param.inputType === "number" ? 0 : undefined
|
||||
}
|
||||
onValueChange={(value) => field.onChange(value)}
|
||||
placeholder={
|
||||
param.placeholderKey &&
|
||||
param.placeholderDefault
|
||||
? t(
|
||||
param.placeholderKey,
|
||||
param.placeholderDefault
|
||||
)
|
||||
: t(param.labelKey, param.labelDefault)
|
||||
}
|
||||
type={param.inputType}
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
))}
|
||||
<Button
|
||||
onClick={() => conditionRows.remove(index)}
|
||||
size="icon"
|
||||
type="button"
|
||||
variant="ghost"
|
||||
>
|
||||
<Trash2Icon className="size-4" />
|
||||
</Button>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
<Button
|
||||
onClick={() =>
|
||||
conditionRows.append({ type: "has_subscription" })
|
||||
}
|
||||
size="sm"
|
||||
type="button"
|
||||
variant="outline"
|
||||
>
|
||||
<PlusIcon className="size-4" />
|
||||
{t("rules.addCondition", "Add Condition")}
|
||||
</Button>
|
||||
</TabsContent>
|
||||
<TabsContent className="space-y-2 pt-2" value="advanced">
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="advancedJson"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormControl>
|
||||
<Textarea
|
||||
className="min-h-56 font-mono text-sm"
|
||||
onChange={field.onChange}
|
||||
placeholder={t(
|
||||
"rules.jsonPlaceholder",
|
||||
'Rule tree JSON, e.g. {"op":"AND","children":[...]}. Leave empty for no requirement.'
|
||||
)}
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
{jsonError && (
|
||||
<p className="text-destructive text-sm">
|
||||
{t("rules.jsonInvalid", "Invalid JSON: {{error}}").replace(
|
||||
"{{error}}",
|
||||
jsonError
|
||||
)}
|
||||
</p>
|
||||
)}
|
||||
</TabsContent>
|
||||
</Tabs>
|
||||
</section>
|
||||
|
||||
{capsError && (
|
||||
<Alert variant="destructive">
|
||||
<TriangleAlertIcon />
|
||||
<AlertTitle>
|
||||
{t("rules.capsExceeded", "Rule tree exceeds limits")}
|
||||
</AlertTitle>
|
||||
<AlertDescription>{capsError}</AlertDescription>
|
||||
</Alert>
|
||||
)}
|
||||
|
||||
<div className="flex justify-end">
|
||||
<Button disabled={loading} type="submit">
|
||||
{t("rules.save", "Save Rules")}
|
||||
</Button>
|
||||
</div>
|
||||
</form>
|
||||
</Form>
|
||||
);
|
||||
}
|
||||
@@ -1,155 +0,0 @@
|
||||
/**
|
||||
* @vitest-environment jsdom
|
||||
*/
|
||||
import { cleanup, render, screen, waitFor } from "@testing-library/react";
|
||||
import { getPromoRuleList } from "@workspace/ui/services/admin/promo";
|
||||
import type { AxiosResponse } from "axios";
|
||||
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
||||
import PromoPage from ".";
|
||||
|
||||
vi.mock("react-i18next", () => ({
|
||||
useTranslation: () => ({
|
||||
t: (_key: string, fallback: string): string => fallback,
|
||||
}),
|
||||
}));
|
||||
|
||||
vi.mock("@/stores/subscribe", () => ({
|
||||
useSubscribe: () => ({
|
||||
subscribes: [
|
||||
{
|
||||
id: 8,
|
||||
name: "Monthly Plan",
|
||||
unit_price: 1200,
|
||||
sold: 0,
|
||||
},
|
||||
],
|
||||
getSubscribeName: (id?: number) => (id === 8 ? "Monthly Plan" : "--"),
|
||||
}),
|
||||
}));
|
||||
|
||||
vi.mock("@/utils/common", () => ({
|
||||
formatDate: (timestamp: number) => `date-${timestamp}`,
|
||||
}));
|
||||
|
||||
vi.mock("@workspace/ui/services/admin/promo", () => ({
|
||||
createPromoPrice: vi.fn(),
|
||||
createPromoRule: vi.fn(),
|
||||
deletePromoPrice: vi.fn(),
|
||||
deletePromoRule: vi.fn(),
|
||||
getPromoPriceList: vi.fn(),
|
||||
getPromoRuleList: vi.fn(),
|
||||
getPromoUsageList: vi.fn(),
|
||||
updatePromoRule: vi.fn(),
|
||||
}));
|
||||
|
||||
const mockedGetPromoRuleList = vi.mocked(getPromoRuleList);
|
||||
|
||||
function createRuleListResponse(
|
||||
data: API.GetPromoRuleListResponse
|
||||
): AxiosResponse<API.Response & { data?: API.GetPromoRuleListResponse }> {
|
||||
return {
|
||||
data: {
|
||||
code: 200,
|
||||
data,
|
||||
},
|
||||
status: 200,
|
||||
statusText: "OK",
|
||||
headers: {},
|
||||
config: {
|
||||
headers: {} as AxiosResponse["config"]["headers"],
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
beforeEach(() => {
|
||||
localStorage.setItem("timezone", "UTC");
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
cleanup();
|
||||
vi.clearAllMocks();
|
||||
});
|
||||
|
||||
describe("PromoPage", () => {
|
||||
it("renders promo rules with type, priority, status, and validity period", async () => {
|
||||
mockedGetPromoRuleList.mockResolvedValue(
|
||||
createRuleListResponse({
|
||||
total: 1,
|
||||
list: [
|
||||
{
|
||||
id: 1,
|
||||
name: "Return User Price",
|
||||
type: "inactive_user",
|
||||
params: { inactive_months: 3 },
|
||||
priority: 5,
|
||||
enabled: true,
|
||||
start_time: 1_716_800_000,
|
||||
end_time: 1_716_900_000,
|
||||
},
|
||||
],
|
||||
})
|
||||
);
|
||||
|
||||
render(<PromoPage />);
|
||||
|
||||
await waitFor(() =>
|
||||
expect(mockedGetPromoRuleList).toHaveBeenCalledWith({
|
||||
page: 1,
|
||||
size: 200,
|
||||
search: undefined,
|
||||
type: undefined,
|
||||
enabled: undefined,
|
||||
})
|
||||
);
|
||||
expect(await screen.findByText("Return User Price")).not.toBeNull();
|
||||
expect(screen.getByText("inactive_user")).not.toBeNull();
|
||||
expect(screen.getByText("5")).not.toBeNull();
|
||||
expect(screen.getByText("date-1716800000")).not.toBeNull();
|
||||
expect(screen.getByText("date-1716900000")).not.toBeNull();
|
||||
});
|
||||
|
||||
it("shows the empty state when there are no promo rules", async () => {
|
||||
mockedGetPromoRuleList.mockResolvedValue(
|
||||
createRuleListResponse({
|
||||
total: 0,
|
||||
list: [],
|
||||
})
|
||||
);
|
||||
|
||||
render(<PromoPage />);
|
||||
|
||||
expect(await screen.findByText("No promo rules")).not.toBeNull();
|
||||
});
|
||||
|
||||
it("shows a loading state while promo rules are being fetched", () => {
|
||||
let resolveRequest:
|
||||
| ((
|
||||
value: AxiosResponse<
|
||||
API.Response & { data?: API.GetPromoRuleListResponse }
|
||||
>
|
||||
) => void)
|
||||
| undefined;
|
||||
mockedGetPromoRuleList.mockReturnValue(
|
||||
new Promise((resolve) => {
|
||||
resolveRequest = resolve;
|
||||
})
|
||||
);
|
||||
|
||||
render(<PromoPage />);
|
||||
|
||||
expect(screen.getByRole("status", { name: "Loading data" })).not.toBeNull();
|
||||
expect(resolveRequest).toBeTypeOf("function");
|
||||
});
|
||||
|
||||
it("shows an error state when promo rules fail to load", async () => {
|
||||
mockedGetPromoRuleList.mockRejectedValue(new Error("network failed"));
|
||||
|
||||
render(<PromoPage />);
|
||||
|
||||
await waitFor(() => expect(mockedGetPromoRuleList).toHaveBeenCalled());
|
||||
expect(
|
||||
await screen.findByText("Failed to load promo rules")
|
||||
).not.toBeNull();
|
||||
expect(screen.queryByText("No promo rules")).toBeNull();
|
||||
});
|
||||
});
|
||||
@@ -1,504 +0,0 @@
|
||||
import {
|
||||
Alert,
|
||||
AlertDescription,
|
||||
AlertTitle,
|
||||
} from "@workspace/ui/components/alert";
|
||||
import { Badge } from "@workspace/ui/components/badge";
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import { Switch } from "@workspace/ui/components/switch";
|
||||
import {
|
||||
Tabs,
|
||||
TabsContent,
|
||||
TabsList,
|
||||
TabsTrigger,
|
||||
} from "@workspace/ui/components/tabs";
|
||||
import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
|
||||
import Empty from "@workspace/ui/composed/empty";
|
||||
import {
|
||||
ProTable,
|
||||
type ProTableActions,
|
||||
} from "@workspace/ui/composed/pro-table/pro-table";
|
||||
import {
|
||||
createPromoPrice,
|
||||
createPromoRule,
|
||||
deletePromoPrice,
|
||||
deletePromoRule,
|
||||
getPromoPriceList,
|
||||
getPromoRuleList,
|
||||
getPromoUsageList,
|
||||
updatePromoRule,
|
||||
} from "@workspace/ui/services/admin/promo";
|
||||
import { CircleAlert } from "lucide-react";
|
||||
import { useRef, useState } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { toast } from "sonner";
|
||||
import { useSubscribe } from "@/stores/subscribe";
|
||||
import { formatDate } from "@/utils/common";
|
||||
import PriceForm from "./price-form";
|
||||
import RuleDetail from "./rule-detail";
|
||||
import RuleForm from "./rule-form";
|
||||
import { formatCurrency, parseOptionalNumber, promoRuleTypes } from "./utils";
|
||||
|
||||
type RuleFilters = {
|
||||
search?: string;
|
||||
type?: API.PromoRuleType;
|
||||
enabled?: string;
|
||||
};
|
||||
|
||||
type PriceFilters = {
|
||||
promo_rule_id?: string;
|
||||
subscribe_id?: string;
|
||||
};
|
||||
|
||||
type UsageFilters = PriceFilters & {
|
||||
user_id?: string;
|
||||
order_no?: string;
|
||||
};
|
||||
|
||||
function ErrorState({
|
||||
title,
|
||||
description,
|
||||
}: {
|
||||
title: string;
|
||||
description: string;
|
||||
}) {
|
||||
return (
|
||||
<Alert className="mx-auto max-w-md" variant="destructive">
|
||||
<CircleAlert aria-hidden="true" />
|
||||
<AlertTitle>{title}</AlertTitle>
|
||||
<AlertDescription>{description}</AlertDescription>
|
||||
</Alert>
|
||||
);
|
||||
}
|
||||
|
||||
export default function PromoPage() {
|
||||
const { t } = useTranslation("promo");
|
||||
const { subscribes, getSubscribeName } = useSubscribe();
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [rules, setRules] = useState<API.PromoRule[]>([]);
|
||||
const [detailRule, setDetailRule] = useState<API.PromoRule>();
|
||||
const [detailOpen, setDetailOpen] = useState(false);
|
||||
const ruleRef = useRef<ProTableActions>(null);
|
||||
const priceRef = useRef<ProTableActions>(null);
|
||||
const usageRef = useRef<ProTableActions>(null);
|
||||
|
||||
return (
|
||||
<>
|
||||
<Tabs className="space-y-4" defaultValue="rules">
|
||||
<TabsList className="grid w-full grid-cols-3 md:w-fit">
|
||||
<TabsTrigger value="rules">{t("rules", "Rules")}</TabsTrigger>
|
||||
<TabsTrigger value="prices">{t("prices", "Prices")}</TabsTrigger>
|
||||
<TabsTrigger value="usage">{t("usage", "Usage")}</TabsTrigger>
|
||||
</TabsList>
|
||||
|
||||
<TabsContent value="rules">
|
||||
<ProTable<API.PromoRule, RuleFilters>
|
||||
action={ruleRef}
|
||||
actions={{
|
||||
render: (row) => [
|
||||
<Button
|
||||
key="detail"
|
||||
onClick={() => {
|
||||
setDetailRule(row);
|
||||
setDetailOpen(true);
|
||||
}}
|
||||
size="sm"
|
||||
variant="outline"
|
||||
>
|
||||
{t("detail", "Detail")}
|
||||
</Button>,
|
||||
<RuleForm
|
||||
initialValues={row}
|
||||
key="edit"
|
||||
loading={loading}
|
||||
onSubmit={async (values) => {
|
||||
setLoading(true);
|
||||
try {
|
||||
await updatePromoRule({ id: row.id }, values);
|
||||
toast.success(t("updateSuccess", "Update Success"));
|
||||
ruleRef.current?.refresh();
|
||||
setLoading(false);
|
||||
return true;
|
||||
} catch (_error) {
|
||||
setLoading(false);
|
||||
return false;
|
||||
}
|
||||
}}
|
||||
title={t("editRule", "Edit Rule")}
|
||||
trigger={t("edit", "Edit")}
|
||||
/>,
|
||||
<ConfirmButton
|
||||
cancelText={t("cancel", "Cancel")}
|
||||
confirmText={t("confirm", "Confirm")}
|
||||
description={t(
|
||||
"deleteWarning",
|
||||
"Once deleted, data cannot be recovered. Please proceed with caution."
|
||||
)}
|
||||
key="delete"
|
||||
onConfirm={async () => {
|
||||
await deletePromoRule({ id: row.id });
|
||||
toast.success(t("deleteSuccess", "Delete Success"));
|
||||
ruleRef.current?.refresh();
|
||||
}}
|
||||
title={t("confirmDelete", "Are you sure you want to delete?")}
|
||||
trigger={
|
||||
<Button size="sm" variant="destructive">
|
||||
{t("delete", "Delete")}
|
||||
</Button>
|
||||
}
|
||||
/>,
|
||||
],
|
||||
}}
|
||||
columns={[
|
||||
{
|
||||
accessorKey: "name",
|
||||
header: t("name", "Name"),
|
||||
},
|
||||
{
|
||||
accessorKey: "type",
|
||||
header: t("type", "Type"),
|
||||
cell: ({ row }) => (
|
||||
<Badge variant="outline">
|
||||
{t(`types.${row.original.type}`, row.original.type)}
|
||||
</Badge>
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "priority",
|
||||
header: t("priority", "Priority"),
|
||||
},
|
||||
{
|
||||
accessorKey: "enabled",
|
||||
header: t("enabled", "Enabled"),
|
||||
cell: ({ row }) => (
|
||||
<Switch
|
||||
defaultChecked={row.original.enabled}
|
||||
onCheckedChange={async (checked) => {
|
||||
await updatePromoRule(
|
||||
{ id: row.original.id },
|
||||
{ ...row.original, enabled: checked }
|
||||
);
|
||||
toast.success(t("updateSuccess", "Update Success"));
|
||||
ruleRef.current?.refresh();
|
||||
}}
|
||||
/>
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "start_time",
|
||||
header: t("startTime", "Start Time"),
|
||||
cell: ({ row }) =>
|
||||
row.original.start_time
|
||||
? formatDate(row.original.start_time)
|
||||
: "--",
|
||||
},
|
||||
{
|
||||
accessorKey: "end_time",
|
||||
header: t("endTime", "End Time"),
|
||||
cell: ({ row }) =>
|
||||
row.original.end_time
|
||||
? formatDate(row.original.end_time)
|
||||
: "--",
|
||||
},
|
||||
]}
|
||||
empty={<Empty description={t("emptyRules", "No promo rules")} />}
|
||||
error={
|
||||
<ErrorState
|
||||
description={t(
|
||||
"loadErrorDescription",
|
||||
"Refresh the table or try again later."
|
||||
)}
|
||||
title={t("loadRulesError", "Failed to load promo rules")}
|
||||
/>
|
||||
}
|
||||
header={{
|
||||
toolbar: (
|
||||
<RuleForm
|
||||
loading={loading}
|
||||
onSubmit={async (values) => {
|
||||
setLoading(true);
|
||||
try {
|
||||
await createPromoRule(values);
|
||||
toast.success(t("createSuccess", "Create Success"));
|
||||
ruleRef.current?.refresh();
|
||||
setLoading(false);
|
||||
return true;
|
||||
} catch (_error) {
|
||||
setLoading(false);
|
||||
return false;
|
||||
}
|
||||
}}
|
||||
title={t("createRule", "Create Rule")}
|
||||
trigger={t("createRule", "Create Rule")}
|
||||
/>
|
||||
),
|
||||
}}
|
||||
params={[
|
||||
{ key: "search", placeholder: t("searchRule", "Rule name") },
|
||||
{
|
||||
key: "type",
|
||||
placeholder: t("type", "Type"),
|
||||
options: promoRuleTypes.map((type) => ({
|
||||
label: t(`types.${type}`, type),
|
||||
value: type,
|
||||
})),
|
||||
},
|
||||
{
|
||||
key: "enabled",
|
||||
placeholder: t("enabled", "Enabled"),
|
||||
options: [
|
||||
{ label: t("yes", "Yes"), value: "true" },
|
||||
{ label: t("no", "No"), value: "false" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
request={async (pagination, filters) => {
|
||||
const { data } = await getPromoRuleList({
|
||||
...pagination,
|
||||
search: filters.search?.trim() || undefined,
|
||||
type: filters.type,
|
||||
enabled:
|
||||
filters.enabled === undefined || filters.enabled === ""
|
||||
? undefined
|
||||
: filters.enabled === "true",
|
||||
});
|
||||
const list = data.data?.list || [];
|
||||
setRules(list);
|
||||
return {
|
||||
list,
|
||||
total: data.data?.total || 0,
|
||||
};
|
||||
}}
|
||||
/>
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="prices">
|
||||
<ProTable<API.PromoPrice, PriceFilters>
|
||||
action={priceRef}
|
||||
actions={{
|
||||
render: (row) => [
|
||||
<ConfirmButton
|
||||
cancelText={t("cancel", "Cancel")}
|
||||
confirmText={t("confirm", "Confirm")}
|
||||
description={t(
|
||||
"deleteWarning",
|
||||
"Once deleted, data cannot be recovered. Please proceed with caution."
|
||||
)}
|
||||
key="delete"
|
||||
onConfirm={async () => {
|
||||
await deletePromoPrice({ id: row.id });
|
||||
toast.success(t("deleteSuccess", "Delete Success"));
|
||||
priceRef.current?.refresh();
|
||||
}}
|
||||
title={t("confirmDelete", "Are you sure you want to delete?")}
|
||||
trigger={
|
||||
<Button size="sm" variant="destructive">
|
||||
{t("delete", "Delete")}
|
||||
</Button>
|
||||
}
|
||||
/>,
|
||||
],
|
||||
}}
|
||||
columns={[
|
||||
{
|
||||
accessorKey: "promo_rule_id",
|
||||
header: t("rule", "Rule"),
|
||||
cell: ({ row }) =>
|
||||
row.original.promo_rule_id
|
||||
? rules.find(
|
||||
(rule) => rule.id === row.original.promo_rule_id
|
||||
)?.name || `#${row.original.promo_rule_id}`
|
||||
: "--",
|
||||
},
|
||||
{
|
||||
accessorKey: "subscribe_id",
|
||||
header: t("subscribe", "Subscribe"),
|
||||
cell: ({ row }) =>
|
||||
row.original.subscribe_name ||
|
||||
getSubscribeName(row.original.subscribe_id),
|
||||
},
|
||||
{
|
||||
accessorKey: "quantity",
|
||||
header: t("quantity", "Quantity"),
|
||||
cell: ({ row }) => row.original.quantity || "--",
|
||||
},
|
||||
{
|
||||
accessorKey: "unit_price",
|
||||
header: t("unitPrice", "Unit Price"),
|
||||
cell: ({ row }) => formatCurrency(row.original.unit_price),
|
||||
},
|
||||
{
|
||||
accessorKey: "promo_price",
|
||||
header: t("promoPrice", "Promo Price"),
|
||||
cell: ({ row }) => formatCurrency(row.original.promo_price),
|
||||
},
|
||||
]}
|
||||
empty={<Empty description={t("emptyPrices", "No promo prices")} />}
|
||||
error={
|
||||
<ErrorState
|
||||
description={t(
|
||||
"loadErrorDescription",
|
||||
"Refresh the table or try again later."
|
||||
)}
|
||||
title={t("loadPricesError", "Failed to load promo prices")}
|
||||
/>
|
||||
}
|
||||
header={{
|
||||
toolbar: (
|
||||
<PriceForm
|
||||
loading={loading}
|
||||
onSubmit={async (values) => {
|
||||
setLoading(true);
|
||||
try {
|
||||
await createPromoPrice(values);
|
||||
toast.success(t("createSuccess", "Create Success"));
|
||||
priceRef.current?.refresh();
|
||||
setLoading(false);
|
||||
return true;
|
||||
} catch (_error) {
|
||||
setLoading(false);
|
||||
return false;
|
||||
}
|
||||
}}
|
||||
rules={rules}
|
||||
subscribes={subscribes}
|
||||
/>
|
||||
),
|
||||
}}
|
||||
params={[
|
||||
{
|
||||
key: "promo_rule_id",
|
||||
placeholder: t("rule", "Rule"),
|
||||
options: rules.map((rule) => ({
|
||||
label: rule.name,
|
||||
value: String(rule.id),
|
||||
})),
|
||||
},
|
||||
{
|
||||
key: "subscribe_id",
|
||||
placeholder: t("subscribe", "Subscribe"),
|
||||
options: subscribes
|
||||
.filter((item) => typeof item.id === "number")
|
||||
.map((item) => ({
|
||||
label: item.name || `#${item.id}`,
|
||||
value: String(item.id),
|
||||
})),
|
||||
},
|
||||
]}
|
||||
request={async (pagination, filters) => {
|
||||
const { data } = await getPromoPriceList({
|
||||
...pagination,
|
||||
promo_rule_id: parseOptionalNumber(filters.promo_rule_id),
|
||||
subscribe_id: parseOptionalNumber(filters.subscribe_id),
|
||||
});
|
||||
return {
|
||||
list: data.data?.list || [],
|
||||
total: data.data?.total || 0,
|
||||
};
|
||||
}}
|
||||
/>
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="usage">
|
||||
<ProTable<API.PromoUsage, UsageFilters>
|
||||
action={usageRef}
|
||||
columns={[
|
||||
{
|
||||
accessorKey: "promo_rule_id",
|
||||
header: t("rule", "Rule"),
|
||||
cell: ({ row }) =>
|
||||
row.original.rule_name ||
|
||||
rules.find((rule) => rule.id === row.original.promo_rule_id)
|
||||
?.name ||
|
||||
`#${row.original.promo_rule_id}`,
|
||||
},
|
||||
{
|
||||
accessorKey: "user_id",
|
||||
header: t("userId", "User ID"),
|
||||
cell: ({ row }) => `#${row.original.user_id}`,
|
||||
},
|
||||
{
|
||||
accessorKey: "subscribe_id",
|
||||
header: t("subscribe", "Subscribe"),
|
||||
cell: ({ row }) =>
|
||||
row.original.subscribe_name ||
|
||||
getSubscribeName(row.original.subscribe_id),
|
||||
},
|
||||
{
|
||||
accessorKey: "quantity",
|
||||
header: t("quantity", "Quantity"),
|
||||
cell: ({ row }) => row.original.quantity || "--",
|
||||
},
|
||||
{
|
||||
accessorKey: "order_no",
|
||||
header: t("orderNo", "Order No."),
|
||||
},
|
||||
{
|
||||
accessorKey: "promo_price",
|
||||
header: t("promoPrice", "Promo Price"),
|
||||
cell: ({ row }) => formatCurrency(row.original.promo_price),
|
||||
},
|
||||
{
|
||||
accessorKey: "used_at",
|
||||
header: t("usedAt", "Used At"),
|
||||
cell: ({ row }) => formatDate(row.original.used_at),
|
||||
},
|
||||
]}
|
||||
empty={
|
||||
<Empty description={t("emptyUsage", "No promo usage records")} />
|
||||
}
|
||||
error={
|
||||
<ErrorState
|
||||
description={t(
|
||||
"loadErrorDescription",
|
||||
"Refresh the table or try again later."
|
||||
)}
|
||||
title={t("loadUsageError", "Failed to load promo usage")}
|
||||
/>
|
||||
}
|
||||
params={[
|
||||
{
|
||||
key: "promo_rule_id",
|
||||
placeholder: t("rule", "Rule"),
|
||||
options: rules.map((rule) => ({
|
||||
label: rule.name,
|
||||
value: String(rule.id),
|
||||
})),
|
||||
},
|
||||
{
|
||||
key: "subscribe_id",
|
||||
placeholder: t("subscribe", "Subscribe"),
|
||||
options: subscribes
|
||||
.filter((item) => typeof item.id === "number")
|
||||
.map((item) => ({
|
||||
label: item.name || `#${item.id}`,
|
||||
value: String(item.id),
|
||||
})),
|
||||
},
|
||||
{ key: "user_id", placeholder: t("userId", "User ID") },
|
||||
{ key: "order_no", placeholder: t("orderNo", "Order No.") },
|
||||
]}
|
||||
request={async (pagination, filters) => {
|
||||
const { data } = await getPromoUsageList({
|
||||
...pagination,
|
||||
promo_rule_id: parseOptionalNumber(filters.promo_rule_id),
|
||||
subscribe_id: parseOptionalNumber(filters.subscribe_id),
|
||||
user_id: parseOptionalNumber(filters.user_id),
|
||||
order_no: filters.order_no?.trim() || undefined,
|
||||
});
|
||||
return {
|
||||
list: data.data?.list || [],
|
||||
total: data.data?.total || 0,
|
||||
};
|
||||
}}
|
||||
/>
|
||||
</TabsContent>
|
||||
</Tabs>
|
||||
<RuleDetail
|
||||
onOpenChange={setDetailOpen}
|
||||
open={detailOpen}
|
||||
rule={detailRule}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -1,152 +0,0 @@
|
||||
/**
|
||||
* @vitest-environment jsdom
|
||||
*/
|
||||
import {
|
||||
cleanup,
|
||||
fireEvent,
|
||||
render,
|
||||
screen,
|
||||
waitFor,
|
||||
} from "@testing-library/react";
|
||||
import { afterEach, describe, expect, it, vi } from "vitest";
|
||||
import PriceForm from "./price-form";
|
||||
|
||||
globalThis.ResizeObserver = class ResizeObserver {
|
||||
observe() {
|
||||
return;
|
||||
}
|
||||
unobserve() {
|
||||
return;
|
||||
}
|
||||
disconnect() {
|
||||
return;
|
||||
}
|
||||
};
|
||||
Element.prototype.scrollIntoView = function scrollIntoView() {
|
||||
return;
|
||||
};
|
||||
|
||||
vi.mock("react-i18next", () => ({
|
||||
useTranslation: () => ({
|
||||
t: (_key: string, fallback: string): string => fallback,
|
||||
}),
|
||||
}));
|
||||
|
||||
const rules: API.PromoRule[] = [
|
||||
{
|
||||
id: 1,
|
||||
name: "Campaign Rule",
|
||||
type: "campaign",
|
||||
params: {},
|
||||
priority: 1,
|
||||
enabled: true,
|
||||
},
|
||||
];
|
||||
|
||||
const subscribes: API.SubscribeItem[] = [
|
||||
{
|
||||
id: 8,
|
||||
name: "Monthly Plan",
|
||||
unit_price: 1200,
|
||||
unit_time: "Month",
|
||||
sold: 0,
|
||||
discount: [
|
||||
{
|
||||
quantity: 3,
|
||||
discount: 90,
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
const subscribesWithoutDiscounts: API.SubscribeItem[] = [
|
||||
{
|
||||
id: 8,
|
||||
name: "Monthly Plan",
|
||||
unit_price: 1200,
|
||||
unit_time: "Month",
|
||||
sold: 0,
|
||||
discount: [],
|
||||
},
|
||||
];
|
||||
|
||||
async function selectCombobox(index: number, option: string) {
|
||||
const combobox = screen.getAllByRole("combobox")[index];
|
||||
if (!combobox) throw new Error(`Combobox ${index} not found`);
|
||||
fireEvent.click(combobox);
|
||||
fireEvent.click(await screen.findByText(option));
|
||||
}
|
||||
|
||||
afterEach(() => {
|
||||
cleanup();
|
||||
vi.clearAllMocks();
|
||||
});
|
||||
|
||||
describe("PriceForm", () => {
|
||||
it("submits promo price with promo_rule_id and selected quantity item", async () => {
|
||||
const onSubmit = vi.fn().mockResolvedValue(true);
|
||||
render(
|
||||
<PriceForm onSubmit={onSubmit} rules={rules} subscribes={subscribes} />
|
||||
);
|
||||
|
||||
fireEvent.click(screen.getByRole("button", { name: "Create Promo Price" }));
|
||||
await selectCombobox(0, "Campaign Rule");
|
||||
await selectCombobox(1, "Monthly Plan");
|
||||
await selectCombobox(2, "3 x Month");
|
||||
fireEvent.change(screen.getByPlaceholderText("Enter price"), {
|
||||
target: { value: "20" },
|
||||
});
|
||||
fireEvent.click(screen.getByRole("button", { name: "Confirm" }));
|
||||
|
||||
await waitFor(() =>
|
||||
expect(onSubmit).toHaveBeenCalledWith({
|
||||
promo_rule_id: 1,
|
||||
items: [{ subscribe_id: 8, quantity: 3, promo_price: 2000 }],
|
||||
})
|
||||
);
|
||||
});
|
||||
|
||||
it("blocks submit when subscribe has no discount quantities", async () => {
|
||||
const onSubmit = vi.fn();
|
||||
render(
|
||||
<PriceForm
|
||||
onSubmit={onSubmit}
|
||||
rules={rules}
|
||||
subscribes={subscribesWithoutDiscounts}
|
||||
/>
|
||||
);
|
||||
|
||||
fireEvent.click(screen.getByRole("button", { name: "Create Promo Price" }));
|
||||
await selectCombobox(1, "Monthly Plan");
|
||||
|
||||
expect(
|
||||
screen.getByText(
|
||||
"This subscribe has no discount quantities and cannot be configured."
|
||||
)
|
||||
).not.toBeNull();
|
||||
expect(screen.getByRole("button", { name: "Confirm" })).toHaveProperty(
|
||||
"disabled",
|
||||
true
|
||||
);
|
||||
});
|
||||
|
||||
it("keeps the form open and shows an error when promo price reaches original price", async () => {
|
||||
const onSubmit = vi.fn();
|
||||
render(
|
||||
<PriceForm onSubmit={onSubmit} rules={rules} subscribes={subscribes} />
|
||||
);
|
||||
|
||||
fireEvent.click(screen.getByRole("button", { name: "Create Promo Price" }));
|
||||
await selectCombobox(0, "Campaign Rule");
|
||||
await selectCombobox(1, "Monthly Plan");
|
||||
await selectCombobox(2, "3 x Month");
|
||||
fireEvent.change(screen.getByPlaceholderText("Enter price"), {
|
||||
target: { value: "36" },
|
||||
});
|
||||
fireEvent.click(screen.getByRole("button", { name: "Confirm" }));
|
||||
|
||||
expect(
|
||||
await screen.findByText("Promo price must be lower than original price")
|
||||
).not.toBeNull();
|
||||
expect(onSubmit).not.toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
@@ -1,260 +0,0 @@
|
||||
import { zodResolver } from "@hookform/resolvers/zod";
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import {
|
||||
Form,
|
||||
FormControl,
|
||||
FormField,
|
||||
FormItem,
|
||||
FormLabel,
|
||||
FormMessage,
|
||||
} from "@workspace/ui/components/form";
|
||||
import {
|
||||
Sheet,
|
||||
SheetContent,
|
||||
SheetFooter,
|
||||
SheetHeader,
|
||||
SheetTitle,
|
||||
SheetTrigger,
|
||||
} from "@workspace/ui/components/sheet";
|
||||
import { Combobox } from "@workspace/ui/composed/combobox";
|
||||
import { EnhancedInput } from "@workspace/ui/composed/enhanced-input";
|
||||
import { unitConversion } from "@workspace/ui/utils/unit-conversions";
|
||||
import { useState } from "react";
|
||||
import { useForm } from "react-hook-form";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { z } from "zod";
|
||||
import {
|
||||
formatCurrency,
|
||||
getSubscribeDiscounts,
|
||||
getSubscribeUnitPrice,
|
||||
} from "./utils";
|
||||
|
||||
const priceSchema = z.object({
|
||||
promo_rule_id: z.number().min(1),
|
||||
subscribe_id: z.number().min(1),
|
||||
quantity: z.number().min(1),
|
||||
promo_price: z.number().min(1),
|
||||
});
|
||||
|
||||
type PriceFormValues = z.infer<typeof priceSchema>;
|
||||
|
||||
interface PriceFormProps {
|
||||
loading?: boolean;
|
||||
rules: API.PromoRule[];
|
||||
subscribes: API.SubscribeItem[];
|
||||
onSubmit: (data: API.CreatePromoPriceRequest) => Promise<boolean> | boolean;
|
||||
}
|
||||
|
||||
export default function PriceForm({
|
||||
loading,
|
||||
rules,
|
||||
subscribes,
|
||||
onSubmit,
|
||||
}: PriceFormProps) {
|
||||
const { t } = useTranslation("promo");
|
||||
const [open, setOpen] = useState(false);
|
||||
const form = useForm<PriceFormValues>({
|
||||
resolver: zodResolver(priceSchema),
|
||||
defaultValues: {
|
||||
promo_rule_id: 0,
|
||||
subscribe_id: 0,
|
||||
quantity: 0,
|
||||
promo_price: 0,
|
||||
},
|
||||
});
|
||||
const subscribeId = form.watch("subscribe_id");
|
||||
const quantity = form.watch("quantity");
|
||||
const subscribe = subscribes.find((item) => item.id === subscribeId);
|
||||
const discounts = getSubscribeDiscounts(subscribe);
|
||||
const unitPrice = getSubscribeUnitPrice(subscribe);
|
||||
const originalPrice = unitPrice * quantity;
|
||||
const hasSelectedSubscribe = subscribeId > 0;
|
||||
const hasDiscounts = discounts.length > 0;
|
||||
|
||||
async function handleSubmit(values: PriceFormValues) {
|
||||
const maxPrice = unitPrice * values.quantity;
|
||||
if (maxPrice > 0 && values.promo_price >= maxPrice) {
|
||||
form.setError("promo_price", {
|
||||
message: t(
|
||||
"form.promoPriceLessThanOriginalPrice",
|
||||
"Promo price must be lower than original price"
|
||||
),
|
||||
});
|
||||
return;
|
||||
}
|
||||
const success = await onSubmit({
|
||||
promo_rule_id: values.promo_rule_id,
|
||||
items: [
|
||||
{
|
||||
subscribe_id: values.subscribe_id,
|
||||
quantity: values.quantity,
|
||||
promo_price: values.promo_price,
|
||||
},
|
||||
],
|
||||
});
|
||||
if (success) setOpen(false);
|
||||
}
|
||||
|
||||
return (
|
||||
<Sheet onOpenChange={setOpen} open={open}>
|
||||
<SheetTrigger asChild>
|
||||
<Button
|
||||
onClick={() => {
|
||||
form.reset({
|
||||
promo_rule_id: 0,
|
||||
subscribe_id: 0,
|
||||
quantity: 0,
|
||||
promo_price: 0,
|
||||
});
|
||||
setOpen(true);
|
||||
}}
|
||||
size="sm"
|
||||
>
|
||||
{t("createPrice", "Create Promo Price")}
|
||||
</Button>
|
||||
</SheetTrigger>
|
||||
<SheetContent className="w-[520px] max-w-full md:max-w-screen-md">
|
||||
<SheetHeader>
|
||||
<SheetTitle>{t("createPrice", "Create Promo Price")}</SheetTitle>
|
||||
</SheetHeader>
|
||||
<Form {...form}>
|
||||
<form
|
||||
className="space-y-4 px-6 pt-4"
|
||||
id="promo-price-form"
|
||||
onSubmit={form.handleSubmit(handleSubmit)}
|
||||
>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="promo_rule_id"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("rule", "Rule")}</FormLabel>
|
||||
<FormControl>
|
||||
<Combobox<number>
|
||||
onChange={field.onChange}
|
||||
options={rules.map((rule) => ({
|
||||
label: rule.name,
|
||||
value: rule.id,
|
||||
}))}
|
||||
placeholder={t("form.selectRule", "Select rule")}
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="subscribe_id"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("subscribe", "Subscribe")}</FormLabel>
|
||||
<FormControl>
|
||||
<Combobox<number>
|
||||
onChange={(value) => {
|
||||
field.onChange(value);
|
||||
form.setValue("quantity", 0, {
|
||||
shouldDirty: true,
|
||||
shouldValidate: true,
|
||||
});
|
||||
form.clearErrors(["quantity", "promo_price"]);
|
||||
}}
|
||||
options={subscribes
|
||||
.filter((item) => typeof item.id === "number")
|
||||
.map((item) => ({
|
||||
label: item.name || `#${item.id}`,
|
||||
value: item.id as number,
|
||||
}))}
|
||||
placeholder={t(
|
||||
"form.selectSubscribe",
|
||||
"Select subscribe"
|
||||
)}
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="quantity"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("quantity", "Quantity")}</FormLabel>
|
||||
<FormControl>
|
||||
<Combobox<number>
|
||||
onChange={field.onChange}
|
||||
options={discounts.map((item) => ({
|
||||
label: `${item.quantity} x ${t(
|
||||
subscribe?.unit_time || "Month",
|
||||
subscribe?.unit_time || "Month"
|
||||
)}`,
|
||||
value: item.quantity,
|
||||
}))}
|
||||
placeholder={t(
|
||||
"form.selectQuantity",
|
||||
"Select discount quantity"
|
||||
)}
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
{hasSelectedSubscribe && !hasDiscounts && (
|
||||
<p className="text-destructive text-xs">
|
||||
{t(
|
||||
"form.noDiscounts",
|
||||
"This subscribe has no discount quantities and cannot be configured."
|
||||
)}
|
||||
</p>
|
||||
)}
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="promo_price"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("promoPrice", "Promo Price")}</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
formatInput={(value) =>
|
||||
unitConversion("centsToDollars", value)
|
||||
}
|
||||
formatOutput={(value) =>
|
||||
unitConversion("dollarsToCents", value)
|
||||
}
|
||||
min={0.01}
|
||||
onValueChange={(value) => field.onChange(value)}
|
||||
placeholder={t("form.enterPromoPrice", "Enter price")}
|
||||
type="number"
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
{originalPrice > 0 && (
|
||||
<p className="text-muted-foreground text-xs">
|
||||
{t("originalPriceHint", "Original price")}:{" "}
|
||||
{formatCurrency(originalPrice)}
|
||||
</p>
|
||||
)}
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
</form>
|
||||
</Form>
|
||||
<SheetFooter>
|
||||
<Button
|
||||
disabled={loading || (hasSelectedSubscribe && !hasDiscounts)}
|
||||
form="promo-price-form"
|
||||
type="submit"
|
||||
>
|
||||
{t("confirm", "Confirm")}
|
||||
</Button>
|
||||
</SheetFooter>
|
||||
</SheetContent>
|
||||
</Sheet>
|
||||
);
|
||||
}
|
||||
@@ -1,84 +0,0 @@
|
||||
import { Badge } from "@workspace/ui/components/badge";
|
||||
import {
|
||||
Sheet,
|
||||
SheetContent,
|
||||
SheetHeader,
|
||||
SheetTitle,
|
||||
} from "@workspace/ui/components/sheet";
|
||||
import {
|
||||
Table,
|
||||
TableBody,
|
||||
TableCell,
|
||||
TableRow,
|
||||
} from "@workspace/ui/components/table";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { formatDate } from "@/utils/common";
|
||||
|
||||
interface RuleDetailProps {
|
||||
open: boolean;
|
||||
rule?: API.PromoRule;
|
||||
onOpenChange: (open: boolean) => void;
|
||||
}
|
||||
|
||||
export default function RuleDetail({
|
||||
open,
|
||||
rule,
|
||||
onOpenChange,
|
||||
}: RuleDetailProps) {
|
||||
const { t } = useTranslation("promo");
|
||||
|
||||
return (
|
||||
<Sheet onOpenChange={onOpenChange} open={open}>
|
||||
<SheetContent className="w-[520px] max-w-full md:max-w-screen-md">
|
||||
<SheetHeader>
|
||||
<SheetTitle>
|
||||
{rule?.name || t("ruleDetail", "Rule Detail")}
|
||||
</SheetTitle>
|
||||
</SheetHeader>
|
||||
{rule && (
|
||||
<div className="px-6 pt-4">
|
||||
<Table>
|
||||
<TableBody>
|
||||
<TableRow>
|
||||
<TableCell>{t("type", "Type")}</TableCell>
|
||||
<TableCell>
|
||||
<Badge variant="outline">
|
||||
{t(`types.${rule.type}`, rule.type)}
|
||||
</Badge>
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
<TableRow>
|
||||
<TableCell>{t("priority", "Priority")}</TableCell>
|
||||
<TableCell>{rule.priority}</TableCell>
|
||||
</TableRow>
|
||||
<TableRow>
|
||||
<TableCell>{t("enabled", "Enabled")}</TableCell>
|
||||
<TableCell>
|
||||
{rule.enabled ? t("yes", "Yes") : t("no", "No")}
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
<TableRow>
|
||||
<TableCell>{t("params", "Params")}</TableCell>
|
||||
<TableCell>
|
||||
<code className="whitespace-pre-wrap rounded bg-muted px-2 py-1 text-xs">
|
||||
{JSON.stringify(rule.params || {}, null, 2)}
|
||||
</code>
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
<TableRow>
|
||||
<TableCell>
|
||||
{t("validityPeriod", "Validity Period")}
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
{rule.start_time ? formatDate(rule.start_time) : "--"} -{" "}
|
||||
{rule.end_time ? formatDate(rule.end_time) : "--"}
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
</TableBody>
|
||||
</Table>
|
||||
</div>
|
||||
)}
|
||||
</SheetContent>
|
||||
</Sheet>
|
||||
);
|
||||
}
|
||||
@@ -1,353 +0,0 @@
|
||||
import { zodResolver } from "@hookform/resolvers/zod";
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import {
|
||||
Form,
|
||||
FormControl,
|
||||
FormField,
|
||||
FormItem,
|
||||
FormLabel,
|
||||
FormMessage,
|
||||
} from "@workspace/ui/components/form";
|
||||
import {
|
||||
RadioGroup,
|
||||
RadioGroupItem,
|
||||
} from "@workspace/ui/components/radio-group";
|
||||
import { ScrollArea } from "@workspace/ui/components/scroll-area";
|
||||
import {
|
||||
Sheet,
|
||||
SheetContent,
|
||||
SheetFooter,
|
||||
SheetHeader,
|
||||
SheetTitle,
|
||||
SheetTrigger,
|
||||
} from "@workspace/ui/components/sheet";
|
||||
import { Switch } from "@workspace/ui/components/switch";
|
||||
import { DatePicker } from "@workspace/ui/composed/date-picker";
|
||||
import { EnhancedInput } from "@workspace/ui/composed/enhanced-input";
|
||||
import { useEffect, useState } from "react";
|
||||
import { useForm } from "react-hook-form";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { z } from "zod";
|
||||
import { promoRuleTypes } from "./utils";
|
||||
|
||||
const ruleSchema = z
|
||||
.object({
|
||||
name: z.string().min(1),
|
||||
type: z.enum(["new_user", "inactive_user", "campaign"]),
|
||||
inactive_months: z.number().optional(),
|
||||
window_hours: z.number().optional(),
|
||||
priority: z.number().min(0),
|
||||
enabled: z.boolean(),
|
||||
start_time: z.number().optional(),
|
||||
end_time: z.number().optional(),
|
||||
})
|
||||
.superRefine((data, ctx) => {
|
||||
if (
|
||||
data.start_time !== undefined &&
|
||||
data.end_time !== undefined &&
|
||||
data.start_time >= data.end_time
|
||||
) {
|
||||
ctx.addIssue({
|
||||
code: z.ZodIssueCode.custom,
|
||||
message: "End time must be later than start time",
|
||||
path: ["end_time"],
|
||||
});
|
||||
}
|
||||
if (
|
||||
data.type === "inactive_user" &&
|
||||
(!data.inactive_months || data.inactive_months <= 0)
|
||||
) {
|
||||
ctx.addIssue({
|
||||
code: z.ZodIssueCode.custom,
|
||||
message: "Inactive months must be greater than 0",
|
||||
path: ["inactive_months"],
|
||||
});
|
||||
}
|
||||
if (
|
||||
data.type === "new_user" &&
|
||||
(!data.window_hours || data.window_hours <= 0)
|
||||
) {
|
||||
ctx.addIssue({
|
||||
code: z.ZodIssueCode.custom,
|
||||
message: "Window hours must be greater than 0",
|
||||
path: ["window_hours"],
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
type RuleFormValues = z.infer<typeof ruleSchema>;
|
||||
|
||||
interface RuleFormProps {
|
||||
initialValues?: API.PromoRule;
|
||||
loading?: boolean;
|
||||
onSubmit: (data: API.CreatePromoRuleRequest) => Promise<boolean> | boolean;
|
||||
title: string;
|
||||
trigger: string;
|
||||
}
|
||||
|
||||
function toFormValues(rule?: API.PromoRule): RuleFormValues {
|
||||
return {
|
||||
name: rule?.name ?? "",
|
||||
type: rule?.type ?? "inactive_user",
|
||||
inactive_months: rule?.params?.inactive_months,
|
||||
window_hours: rule?.params?.window_hours,
|
||||
priority: rule?.priority ?? 0,
|
||||
enabled: rule?.enabled ?? false,
|
||||
start_time: rule?.start_time,
|
||||
end_time: rule?.end_time,
|
||||
};
|
||||
}
|
||||
|
||||
function toRequest(values: RuleFormValues): API.CreatePromoRuleRequest {
|
||||
const params: API.PromoRuleParams =
|
||||
values.type === "inactive_user"
|
||||
? { inactive_months: values.inactive_months }
|
||||
: values.type === "new_user"
|
||||
? { window_hours: values.window_hours }
|
||||
: {};
|
||||
|
||||
return {
|
||||
name: values.name.trim(),
|
||||
type: values.type,
|
||||
params,
|
||||
priority: values.priority,
|
||||
enabled: values.enabled,
|
||||
start_time: values.start_time || undefined,
|
||||
end_time: values.end_time || undefined,
|
||||
};
|
||||
}
|
||||
|
||||
export default function RuleForm({
|
||||
initialValues,
|
||||
loading,
|
||||
onSubmit,
|
||||
title,
|
||||
trigger,
|
||||
}: RuleFormProps) {
|
||||
const { t } = useTranslation("promo");
|
||||
const [open, setOpen] = useState(false);
|
||||
const form = useForm<RuleFormValues>({
|
||||
resolver: zodResolver(ruleSchema),
|
||||
defaultValues: toFormValues(initialValues),
|
||||
});
|
||||
const type = form.watch("type");
|
||||
|
||||
useEffect(() => {
|
||||
form.reset(toFormValues(initialValues));
|
||||
}, [form, initialValues]);
|
||||
|
||||
async function handleSubmit(values: RuleFormValues) {
|
||||
const success = await onSubmit(toRequest(values));
|
||||
if (success) setOpen(false);
|
||||
}
|
||||
|
||||
return (
|
||||
<Sheet onOpenChange={setOpen} open={open}>
|
||||
<SheetTrigger asChild>
|
||||
<Button
|
||||
onClick={() => {
|
||||
form.reset(toFormValues(initialValues));
|
||||
setOpen(true);
|
||||
}}
|
||||
size="sm"
|
||||
>
|
||||
{trigger}
|
||||
</Button>
|
||||
</SheetTrigger>
|
||||
<SheetContent className="w-[520px] max-w-full md:max-w-screen-md">
|
||||
<SheetHeader>
|
||||
<SheetTitle>{title}</SheetTitle>
|
||||
</SheetHeader>
|
||||
<ScrollArea className="h-[calc(100vh-48px-36px-36px-env(safe-area-inset-top))]">
|
||||
<Form {...form}>
|
||||
<form
|
||||
className="space-y-4 px-6 pt-4"
|
||||
id="promo-rule-form"
|
||||
onSubmit={form.handleSubmit(handleSubmit)}
|
||||
>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="name"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("form.name", "Name")}</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
onValueChange={(value) => field.onChange(value)}
|
||||
placeholder={t("form.namePlaceholder", "Rule name")}
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="type"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("form.type", "Rule Type")}</FormLabel>
|
||||
<FormControl>
|
||||
<RadioGroup
|
||||
className="grid gap-2 sm:grid-cols-3"
|
||||
onValueChange={(value) =>
|
||||
field.onChange(value as API.PromoRuleType)
|
||||
}
|
||||
value={field.value}
|
||||
>
|
||||
{promoRuleTypes.map((item) => (
|
||||
<FormItem
|
||||
className="flex items-center space-x-2 space-y-0"
|
||||
key={item}
|
||||
>
|
||||
<FormControl>
|
||||
<RadioGroupItem value={item} />
|
||||
</FormControl>
|
||||
<FormLabel className="font-normal">
|
||||
{t(`types.${item}`, item)}
|
||||
</FormLabel>
|
||||
</FormItem>
|
||||
))}
|
||||
</RadioGroup>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
{type === "inactive_user" && (
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="inactive_months"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>
|
||||
{t("form.inactiveMonths", "Inactive Months")}
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
min={1}
|
||||
onValueChange={(value) => field.onChange(value)}
|
||||
placeholder={t(
|
||||
"form.inactiveMonthsPlaceholder",
|
||||
"Months without purchase"
|
||||
)}
|
||||
type="number"
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
)}
|
||||
{type === "new_user" && (
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="window_hours"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>
|
||||
{t("form.windowHours", "Window Hours")}
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
min={1}
|
||||
onValueChange={(value) => field.onChange(value)}
|
||||
placeholder={t(
|
||||
"form.windowHoursPlaceholder",
|
||||
"Hours after registration"
|
||||
)}
|
||||
type="number"
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
)}
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="priority"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("priority", "Priority")}</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
min={0}
|
||||
onValueChange={(value) => field.onChange(value)}
|
||||
placeholder="0"
|
||||
type="number"
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<div className="grid gap-4 sm:grid-cols-2">
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="start_time"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("startTime", "Start Time")}</FormLabel>
|
||||
<FormControl>
|
||||
<DatePicker
|
||||
onChange={(value) => field.onChange(value)}
|
||||
placeholder={t("form.selectStartTime", "Select time")}
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="end_time"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("endTime", "End Time")}</FormLabel>
|
||||
<FormControl>
|
||||
<DatePicker
|
||||
onChange={(value) => field.onChange(value)}
|
||||
placeholder={t("form.selectEndTime", "Select time")}
|
||||
value={field.value}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
</div>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="enabled"
|
||||
render={({ field }) => (
|
||||
<FormItem className="flex items-center justify-between rounded-md border p-3">
|
||||
<div>
|
||||
<FormLabel>{t("enabled", "Enabled")}</FormLabel>
|
||||
</div>
|
||||
<FormControl>
|
||||
<Switch
|
||||
checked={field.value}
|
||||
onCheckedChange={field.onChange}
|
||||
/>
|
||||
</FormControl>
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
</form>
|
||||
</Form>
|
||||
</ScrollArea>
|
||||
<SheetFooter>
|
||||
<Button disabled={loading} form="promo-rule-form" type="submit">
|
||||
{t("confirm", "Confirm")}
|
||||
</Button>
|
||||
</SheetFooter>
|
||||
</SheetContent>
|
||||
</Sheet>
|
||||
);
|
||||
}
|
||||
@@ -1,28 +0,0 @@
|
||||
import { unitConversion } from "@workspace/ui/utils/unit-conversions";
|
||||
|
||||
export const promoRuleTypes: API.PromoRuleType[] = [
|
||||
"inactive_user",
|
||||
"new_user",
|
||||
"campaign",
|
||||
];
|
||||
|
||||
export function formatCurrency(value?: number) {
|
||||
if (typeof value !== "number") return "--";
|
||||
return `$${unitConversion("centsToDollars", value)}`;
|
||||
}
|
||||
|
||||
export function parseOptionalNumber(value?: string) {
|
||||
if (!value) return;
|
||||
const parsed = Number(value);
|
||||
return Number.isFinite(parsed) ? parsed : undefined;
|
||||
}
|
||||
|
||||
export function getSubscribeUnitPrice(subscribe?: API.SubscribeItem) {
|
||||
return typeof subscribe?.unit_price === "number" ? subscribe.unit_price : 0;
|
||||
}
|
||||
|
||||
export function getSubscribeDiscounts(subscribe?: API.SubscribeItem) {
|
||||
return (subscribe?.discount || []).filter(
|
||||
(item) => typeof item.quantity === "number" && item.quantity > 0
|
||||
);
|
||||
}
|
||||
@@ -1,25 +1,29 @@
|
||||
import { useQuery } from "@tanstack/react-query";
|
||||
import { Link, useSearch } from "@tanstack/react-router";
|
||||
import { Badge } from "@workspace/ui/components/badge";
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import {
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogHeader,
|
||||
DialogTitle,
|
||||
DialogTrigger,
|
||||
} from "@workspace/ui/components/dialog";
|
||||
import {
|
||||
DropdownMenu,
|
||||
DropdownMenuContent,
|
||||
DropdownMenuItem,
|
||||
DropdownMenuSeparator,
|
||||
DropdownMenuTrigger,
|
||||
} from "@workspace/ui/components/dropdown-menu";
|
||||
import {
|
||||
Popover,
|
||||
PopoverContent,
|
||||
PopoverTrigger,
|
||||
} from "@workspace/ui/components/popover";
|
||||
import { Input } from "@workspace/ui/components/input";
|
||||
import { ScrollArea } from "@workspace/ui/components/scroll-area";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@workspace/ui/components/select";
|
||||
import {
|
||||
Sheet,
|
||||
SheetContent,
|
||||
@@ -27,6 +31,13 @@ import {
|
||||
SheetTitle,
|
||||
SheetTrigger,
|
||||
} from "@workspace/ui/components/sheet";
|
||||
import { FilePenLine } from 'lucide-react';
|
||||
import {
|
||||
Popover,
|
||||
PopoverClose,
|
||||
PopoverContent,
|
||||
PopoverTrigger,
|
||||
} from '@workspace/ui/components/popover';
|
||||
import { Switch } from "@workspace/ui/components/switch";
|
||||
import {
|
||||
Tabs,
|
||||
@@ -34,12 +45,7 @@ import {
|
||||
TabsList,
|
||||
TabsTrigger,
|
||||
} from "@workspace/ui/components/tabs";
|
||||
import {
|
||||
Tooltip,
|
||||
TooltipContent,
|
||||
TooltipProvider,
|
||||
TooltipTrigger,
|
||||
} from "@workspace/ui/components/tooltip";
|
||||
import { Combobox } from "@workspace/ui/composed/combobox";
|
||||
// import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
|
||||
import {
|
||||
ProTable,
|
||||
@@ -56,28 +62,61 @@ import {
|
||||
getUserList,
|
||||
updateUserBasicInfo,
|
||||
} from "@workspace/ui/services/admin/user";
|
||||
import { FilePenLine } from "lucide-react";
|
||||
import { useCallback, useEffect, useRef, useState } from "react";
|
||||
import { parseDeviceType } from "@workspace/ui/utils/device";
|
||||
import React, { useRef, useState, useCallback } from 'react';
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { toast } from "sonner";
|
||||
import { Display } from "@/components/display";
|
||||
import { useSubscribe } from "@/stores/subscribe";
|
||||
import { formatDate } from "@/utils/common";
|
||||
import FamilyManagement from "./family";
|
||||
import { RemarkForm } from "./remark-form";
|
||||
import { buildUserBasicInfoPayload } from "./user-basic-info-payload";
|
||||
import { UserDetail } from "./user-detail";
|
||||
import UserForm from "./user-form";
|
||||
import { UserIdentifier } from "./user-identifier";
|
||||
import { UserInviteStatsSheet } from "./user-invite-stats-sheet";
|
||||
import { AuthMethodsForm } from "./user-profile/auth-methods-form";
|
||||
import { BasicInfoForm } from "./user-profile/basic-info-form";
|
||||
import { NotifySettingsForm } from "./user-profile/notify-settings-form";
|
||||
import { UserSearchBar } from "./user-search-bar";
|
||||
import UserSubscription from "./user-subscription";
|
||||
|
||||
// import EditUserGroupDialog from "./edit-user-group-dialog";
|
||||
|
||||
|
||||
// 为 RemarkForm 组件定义 props 类型
|
||||
interface RemarkFormProps {
|
||||
initialRemark?: string | null;
|
||||
onSave: (remark: string) => void;
|
||||
CloseComponent: React.ComponentType<{ asChild?: boolean; children: React.ReactNode }>;
|
||||
}
|
||||
// 新的子组件,在管理它自己的备注状态
|
||||
const RemarkForm: React.FC<RemarkFormProps> = ({ onSave, initialRemark, CloseComponent }) => {
|
||||
const [remark, setRemark] = useState<string>(initialRemark ?? '');
|
||||
|
||||
const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
||||
setRemark(event.target.value);
|
||||
};
|
||||
|
||||
const handleSaveClick = () => {
|
||||
onSave(remark);
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className='mb-2 text-sm font-semibold'>备注</div>
|
||||
<Input
|
||||
type='text'
|
||||
value={remark}
|
||||
onChange={handleInputChange}
|
||||
placeholder='在此输入备注...'
|
||||
className='w-full'
|
||||
/>
|
||||
<CloseComponent asChild>
|
||||
<Button onClick={handleSaveClick} variant='default' size={'sm'} className={'mt-2'}>
|
||||
保存
|
||||
</Button>
|
||||
</CloseComponent>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default function User() {
|
||||
const { t } = useTranslation("user");
|
||||
const [loading, setLoading] = useState(false);
|
||||
@@ -91,14 +130,6 @@ export default function User() {
|
||||
value: sp.search || sp.user_id || "",
|
||||
});
|
||||
|
||||
useEffect(() => {
|
||||
searchRef.current = {
|
||||
type: sp.user_id ? "user_id" : "email",
|
||||
value: sp.search || sp.user_id || "",
|
||||
};
|
||||
ref.current?.refresh();
|
||||
}, [sp.search, sp.user_id]);
|
||||
|
||||
const handleSearch = useCallback((type: string, value: string) => {
|
||||
searchRef.current = { type, value };
|
||||
ref.current?.refresh();
|
||||
@@ -152,7 +183,8 @@ export default function User() {
|
||||
onChanged={() => ref.current?.refresh()}
|
||||
userId={row.id}
|
||||
/>,
|
||||
/* <ConfirmButton
|
||||
<PreviewNodesDialog key="preview-nodes" userId={row.id} />,
|
||||
/* <ConfirmButton
|
||||
cancelText={t("cancel", "Cancel")}
|
||||
confirmText={t("confirm", "Confirm")}
|
||||
description={t(
|
||||
@@ -176,8 +208,6 @@ export default function User() {
|
||||
</DropdownMenuTrigger>
|
||||
<DropdownMenuContent align="end">
|
||||
<InviteStatsMenuItem userId={row.id} />
|
||||
<PreviewNodesMenuItem userId={row.id} />
|
||||
<DropdownMenuSeparator />
|
||||
<DropdownMenuItem asChild>
|
||||
<Link search={{ user_id: row.id }} to="/dashboard/order">
|
||||
{t("orderList", "Order List")}
|
||||
@@ -263,46 +293,69 @@ export default function User() {
|
||||
{
|
||||
id: "auth_methods",
|
||||
accessorKey: "auth_methods",
|
||||
header: "设备码/邮箱",
|
||||
cell: ({ row }) => (
|
||||
<div className="flex items-center">
|
||||
<UserIdentifier
|
||||
className="flex items-center"
|
||||
user={row.original}
|
||||
/>
|
||||
<Popover>
|
||||
<PopoverTrigger>
|
||||
<div className={"flex items-center"}>
|
||||
{row.original?.remark ? `(${row.original.remark})` : ""}
|
||||
<FilePenLine className={"ml-2 text-primary"} size={14} />
|
||||
</div>
|
||||
</PopoverTrigger>
|
||||
<PopoverContent className={"w-64"}>
|
||||
<RemarkForm
|
||||
initialRemark={row.original.remark}
|
||||
onSave={async (remark) => {
|
||||
const { data } = await getUserDetail({
|
||||
id: row.original.id,
|
||||
});
|
||||
const user = data.data;
|
||||
|
||||
if (!user) {
|
||||
throw new Error("User detail not found");
|
||||
}
|
||||
|
||||
await updateUserBasicInfo(
|
||||
buildUserBasicInfoPayload(user, remark)
|
||||
);
|
||||
toast.success(t("updateSuccess"));
|
||||
ref.current?.refresh();
|
||||
}}
|
||||
/>
|
||||
</PopoverContent>
|
||||
</Popover>
|
||||
</div>
|
||||
),
|
||||
header: '设备码/邮箱',
|
||||
cell: ({ row }) => {
|
||||
const method = row.original.auth_methods?.[0];
|
||||
const identifier = method?.auth_identifier || "";
|
||||
const isDevice = method?.auth_type === "device";
|
||||
const firstDevice = row.original.user_devices?.[0] as any;
|
||||
const deviceNo = firstDevice?.device_no;
|
||||
const deviceType = parseDeviceType(firstDevice?.user_agent || "");
|
||||
const display = isDevice ? deviceNo || identifier : identifier;
|
||||
return (
|
||||
<div className="flex items-center">
|
||||
{/* <Badge
|
||||
className="mr-1 uppercase"
|
||||
title={method?.verified ? t("verified", "Verified") : ""}
|
||||
>
|
||||
{method?.auth_type}
|
||||
</Badge>*/}
|
||||
{deviceType && (
|
||||
<Badge className="mr-1" variant="secondary">
|
||||
{deviceType}
|
||||
</Badge>
|
||||
)}
|
||||
<span title={isDevice ? display : undefined}>{display}</span>
|
||||
<Popover>
|
||||
<PopoverTrigger>
|
||||
<div className={'flex items-center'}>
|
||||
{row.original?.remark ? `(${row.original.remark})` : ''}
|
||||
<FilePenLine size={14} className={'text-primary ml-2'} />
|
||||
</div>
|
||||
</PopoverTrigger>
|
||||
<PopoverContent className={'w-64'}>
|
||||
<RemarkForm
|
||||
initialRemark={row.original.remark}
|
||||
CloseComponent={PopoverClose}
|
||||
onSave={async (remark) => {
|
||||
const {
|
||||
auth_methods: _auth_methods,
|
||||
user_devices: _user_devices,
|
||||
enable_balance_notify: _enable_balance_notify,
|
||||
enable_login_notify: _enable_login_notify,
|
||||
enable_subscribe_notify: _enable_subscribe_notify,
|
||||
enable_trade_notify: _enable_trade_notify,
|
||||
updated_at: _updated_at,
|
||||
created_at: _created_at,
|
||||
id,
|
||||
...rest
|
||||
} = row.original;
|
||||
await updateUserBasicInfo({
|
||||
user_id: id,
|
||||
...rest,
|
||||
remark,
|
||||
} as unknown as API.UpdateUserBasiceInfoRequest);
|
||||
toast.success(t('updateSuccess'));
|
||||
ref.current?.refresh();
|
||||
}}
|
||||
/>
|
||||
</PopoverContent>
|
||||
</Popover>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
/* {
|
||||
/* {
|
||||
id: "balance",
|
||||
accessorKey: "balance",
|
||||
header: t("balance", "Balance"),
|
||||
@@ -338,48 +391,6 @@ export default function User() {
|
||||
header: t("referer", "Referer"),
|
||||
cell: ({ row }) => <UserDetail id={row.original.referer_id} />,
|
||||
},
|
||||
{
|
||||
id: "last_login_time",
|
||||
accessorKey: "last_login_time",
|
||||
header: t("userStatus", "用户状态"),
|
||||
cell: ({ row }) => {
|
||||
const lastLoginTime = (
|
||||
row.original as API.User & {
|
||||
last_login_time?: number;
|
||||
}
|
||||
).last_login_time;
|
||||
const isOnline = Boolean(lastLoginTime);
|
||||
const dotClassName = isOnline ? "bg-green-500" : "bg-gray-400";
|
||||
const statusLabel = isOnline
|
||||
? t("active", "Active")
|
||||
: t("inactive", "Inactive");
|
||||
|
||||
return (
|
||||
<TooltipProvider>
|
||||
<Tooltip>
|
||||
<TooltipTrigger asChild>
|
||||
<div className="inline-flex items-center gap-2">
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className={`h-2.5 w-2.5 rounded-full ${dotClassName}`}
|
||||
/>
|
||||
<span className="sr-only">
|
||||
{isOnline
|
||||
? `${statusLabel}: ${formatDate(lastLoginTime)}`
|
||||
: statusLabel}
|
||||
</span>
|
||||
</div>
|
||||
</TooltipTrigger>
|
||||
<TooltipContent>
|
||||
{isOnline
|
||||
? formatDate(lastLoginTime)
|
||||
: t("neverLoggedIn", "Never logged in")}
|
||||
</TooltipContent>
|
||||
</Tooltip>
|
||||
</TooltipProvider>
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
id: "created_at",
|
||||
accessorKey: "created_at",
|
||||
@@ -548,25 +559,6 @@ function InviteStatsMenuItem({ userId }: { userId: number }) {
|
||||
);
|
||||
}
|
||||
|
||||
function PreviewNodesMenuItem({ userId }: { userId: number }) {
|
||||
const { t } = useTranslation("user");
|
||||
const [open, setOpen] = useState(false);
|
||||
|
||||
return (
|
||||
<>
|
||||
<DropdownMenuItem
|
||||
onSelect={(e) => {
|
||||
e.preventDefault();
|
||||
setOpen(true);
|
||||
}}
|
||||
>
|
||||
{t("previewNodes", "Preview Nodes")}
|
||||
</DropdownMenuItem>
|
||||
<PreviewNodesDialog onOpenChange={setOpen} open={open} userId={userId} />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function DeviceGroupSheet({
|
||||
userId,
|
||||
onChanged,
|
||||
@@ -595,16 +587,92 @@ function DeviceGroupSheet({
|
||||
);
|
||||
}
|
||||
|
||||
function PreviewNodesDialog({
|
||||
userId,
|
||||
open,
|
||||
onOpenChange,
|
||||
function UserSearchBar({
|
||||
initialType,
|
||||
initialValue,
|
||||
onSearch,
|
||||
subscribes,
|
||||
}: {
|
||||
userId: number;
|
||||
open: boolean;
|
||||
onOpenChange: (open: boolean) => void;
|
||||
initialType: string;
|
||||
initialValue: string;
|
||||
onSearch: (type: string, value: string) => void;
|
||||
subscribes?: API.SubscribeItem[];
|
||||
}) {
|
||||
const { t } = useTranslation("user");
|
||||
const [searchType, setSearchType] = useState(initialType);
|
||||
const [searchValue, setSearchValue] = useState(initialValue);
|
||||
|
||||
return (
|
||||
<div className="flex items-center gap-2">
|
||||
<Select
|
||||
onValueChange={(v) => {
|
||||
setSearchType(v);
|
||||
setSearchValue("");
|
||||
}}
|
||||
value={searchType}
|
||||
>
|
||||
<SelectTrigger className="w-48">
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="email">设备码/邮箱</SelectItem>
|
||||
<SelectItem value="user_id">{t("userId", "User ID")}</SelectItem>
|
||||
<SelectItem value="subscribe_id">
|
||||
{t("subscription", "Subscription")}
|
||||
</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
{searchType === "subscribe_id" ? (
|
||||
<Combobox
|
||||
className="w-48"
|
||||
onChange={(value) => {
|
||||
setSearchValue(value);
|
||||
onSearch("subscribe_id", value);
|
||||
}}
|
||||
options={subscribes?.map((item) => ({
|
||||
label: item.name!,
|
||||
value: String(item.id!),
|
||||
}))}
|
||||
placeholder={t("subscription", "Subscription")}
|
||||
value={searchValue}
|
||||
/>
|
||||
) : (
|
||||
<>
|
||||
<Input
|
||||
className="w-48"
|
||||
onChange={(e) => setSearchValue(e.target.value)}
|
||||
onKeyDown={(e) =>
|
||||
e.key === "Enter" && onSearch(searchType, searchValue)
|
||||
}
|
||||
placeholder={t("searchInputPlaceholder", "Enter search term")}
|
||||
value={searchValue}
|
||||
/>
|
||||
<Button
|
||||
onClick={() => onSearch(searchType, searchValue)}
|
||||
variant="default"
|
||||
>
|
||||
{t("search", "Search")}
|
||||
</Button>
|
||||
{searchValue && (
|
||||
<Button
|
||||
onClick={() => {
|
||||
setSearchValue("");
|
||||
onSearch(searchType, "");
|
||||
}}
|
||||
variant="outline"
|
||||
>
|
||||
{t("resetSearch", "Reset")}
|
||||
</Button>
|
||||
)}
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function PreviewNodesDialog({ userId }: { userId: number }) {
|
||||
const { t } = useTranslation("user");
|
||||
const [open, setOpen] = useState(false);
|
||||
const { data: previewData, isLoading } = useQuery({
|
||||
enabled: open,
|
||||
queryKey: ["previewUserNodes", userId],
|
||||
@@ -615,7 +683,10 @@ function PreviewNodesDialog({
|
||||
});
|
||||
|
||||
return (
|
||||
<Dialog onOpenChange={onOpenChange} open={open}>
|
||||
<Dialog onOpenChange={setOpen} open={open}>
|
||||
<DialogTrigger asChild>
|
||||
<Button variant="outline">{t("previewNodes", "Preview Nodes")}</Button>
|
||||
</DialogTrigger>
|
||||
<DialogContent className="max-w-2xl">
|
||||
<DialogHeader>
|
||||
<DialogTitle>
|
||||
|
||||
@@ -1,85 +0,0 @@
|
||||
/**
|
||||
* @vitest-environment jsdom
|
||||
*/
|
||||
import {
|
||||
cleanup,
|
||||
fireEvent,
|
||||
render,
|
||||
screen,
|
||||
waitFor,
|
||||
} from "@testing-library/react";
|
||||
import { Popover } from "@workspace/ui/components/popover";
|
||||
import { afterEach, describe, expect, it, vi } from "vitest";
|
||||
import { RemarkForm } from "./remark-form";
|
||||
|
||||
afterEach(() => {
|
||||
cleanup();
|
||||
});
|
||||
|
||||
function renderRemarkForm(props: Parameters<typeof RemarkForm>[0]) {
|
||||
return render(
|
||||
<Popover open>
|
||||
<RemarkForm {...props} />
|
||||
</Popover>
|
||||
);
|
||||
}
|
||||
|
||||
describe("RemarkForm", () => {
|
||||
it("submits an intentionally cleared remark", async () => {
|
||||
const onSave = vi.fn<Parameters<typeof RemarkForm>[0]["onSave"]>();
|
||||
|
||||
renderRemarkForm({ initialRemark: "old remark", onSave });
|
||||
|
||||
fireEvent.change(screen.getByPlaceholderText("在此输入备注..."), {
|
||||
target: { value: "" },
|
||||
});
|
||||
fireEvent.click(screen.getByRole("button", { name: "保存" }));
|
||||
|
||||
await waitFor(() => expect(onSave).toHaveBeenCalledWith(""));
|
||||
});
|
||||
|
||||
it("shows loading and keeps the input disabled while saving", async () => {
|
||||
let resolveSave: (() => void) | undefined;
|
||||
const onSave = vi.fn(
|
||||
() =>
|
||||
new Promise<void>((resolve) => {
|
||||
resolveSave = resolve;
|
||||
})
|
||||
);
|
||||
|
||||
renderRemarkForm({ initialRemark: "old remark", onSave });
|
||||
|
||||
fireEvent.click(screen.getByRole("button", { name: "保存" }));
|
||||
|
||||
expect(
|
||||
screen.getByRole("button", { name: "保存中..." }).hasAttribute("disabled")
|
||||
).toBe(true);
|
||||
expect(
|
||||
screen.getByPlaceholderText("在此输入备注...").hasAttribute("disabled")
|
||||
).toBe(true);
|
||||
|
||||
resolveSave?.();
|
||||
await waitFor(() =>
|
||||
expect(
|
||||
screen.getByRole("button", { name: "保存" }).hasAttribute("disabled")
|
||||
).toBe(false)
|
||||
);
|
||||
});
|
||||
|
||||
it("shows an error state and preserves input after save failure", async () => {
|
||||
const onSave = vi.fn<Parameters<typeof RemarkForm>[0]["onSave"]>();
|
||||
onSave.mockRejectedValue(new Error("failed"));
|
||||
|
||||
renderRemarkForm({ initialRemark: "old remark", onSave });
|
||||
|
||||
fireEvent.change(screen.getByPlaceholderText("在此输入备注..."), {
|
||||
target: { value: "kept remark" },
|
||||
});
|
||||
fireEvent.click(screen.getByRole("button", { name: "保存" }));
|
||||
|
||||
expect((await screen.findByRole("alert")).textContent).toBe(
|
||||
"备注保存失败,请重试"
|
||||
);
|
||||
expect(screen.getByDisplayValue("kept remark")).not.toBeNull();
|
||||
});
|
||||
});
|
||||
@@ -1,69 +0,0 @@
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import { Input } from "@workspace/ui/components/input";
|
||||
import { PopoverClose } from "@workspace/ui/components/popover";
|
||||
import { useRef, useState } from "react";
|
||||
|
||||
interface RemarkFormProps {
|
||||
initialRemark?: string | null;
|
||||
onSave: (remark: string) => Promise<void> | void;
|
||||
}
|
||||
|
||||
export function RemarkForm({ onSave, initialRemark }: RemarkFormProps) {
|
||||
const [remark, setRemark] = useState<string>(initialRemark ?? "");
|
||||
const [saving, setSaving] = useState(false);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const closeRef = useRef<HTMLButtonElement>(null);
|
||||
|
||||
const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
||||
setRemark(event.target.value);
|
||||
};
|
||||
|
||||
const handleSave = async (event: React.FormEvent<HTMLFormElement>) => {
|
||||
event.preventDefault();
|
||||
setError(null);
|
||||
setSaving(true);
|
||||
|
||||
try {
|
||||
await onSave(remark);
|
||||
closeRef.current?.click();
|
||||
} catch {
|
||||
setError("备注保存失败,请重试");
|
||||
} finally {
|
||||
setSaving(false);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<form onSubmit={handleSave}>
|
||||
<div className="mb-2 font-semibold text-sm">备注</div>
|
||||
<Input
|
||||
aria-invalid={Boolean(error)}
|
||||
className="w-full"
|
||||
disabled={saving}
|
||||
onChange={handleInputChange}
|
||||
placeholder="在此输入备注..."
|
||||
type="text"
|
||||
value={remark}
|
||||
/>
|
||||
{error ? (
|
||||
<p className="mt-2 text-destructive text-sm" role="alert">
|
||||
{error}
|
||||
</p>
|
||||
) : null}
|
||||
<Button
|
||||
className="mt-2"
|
||||
disabled={saving}
|
||||
size="sm"
|
||||
type="submit"
|
||||
variant="default"
|
||||
>
|
||||
{saving ? "保存中..." : "保存"}
|
||||
</Button>
|
||||
<PopoverClose asChild>
|
||||
<button className="sr-only" ref={closeRef} type="button">
|
||||
关闭
|
||||
</button>
|
||||
</PopoverClose>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
@@ -1,53 +0,0 @@
|
||||
import { describe, expect, it } from "vitest";
|
||||
import { buildUserBasicInfoPayload } from "./user-basic-info-payload";
|
||||
|
||||
const user = {
|
||||
id: 37,
|
||||
avatar: "https://example.com/avatar.png",
|
||||
balance: 1200,
|
||||
commission: 300,
|
||||
referral_percentage: 10,
|
||||
only_first_purchase: true,
|
||||
gift_amount: 500,
|
||||
telegram: 123_456,
|
||||
refer_code: "INVITE37",
|
||||
referer_id: 7,
|
||||
enable: true,
|
||||
is_admin: false,
|
||||
enable_balance_notify: true,
|
||||
enable_login_notify: true,
|
||||
enable_subscribe_notify: false,
|
||||
enable_trade_notify: false,
|
||||
user_group_id: 2,
|
||||
group_locked: false,
|
||||
auth_methods: [],
|
||||
user_devices: [],
|
||||
remark: "old remark",
|
||||
rules: [],
|
||||
created_at: 1_700_000_000,
|
||||
updated_at: 1_700_000_100,
|
||||
} satisfies API.User;
|
||||
|
||||
describe("buildUserBasicInfoPayload", () => {
|
||||
it("keeps the full basic user fields when updating a remark", () => {
|
||||
expect(buildUserBasicInfoPayload(user, "new remark")).toEqual({
|
||||
user_id: 37,
|
||||
avatar: "https://example.com/avatar.png",
|
||||
balance: 1200,
|
||||
commission: 300,
|
||||
referral_percentage: 10,
|
||||
only_first_purchase: true,
|
||||
gift_amount: 500,
|
||||
telegram: 123_456,
|
||||
refer_code: "INVITE37",
|
||||
referer_id: 7,
|
||||
enable: true,
|
||||
is_admin: false,
|
||||
remark: "new remark",
|
||||
});
|
||||
});
|
||||
|
||||
it("preserves an intentionally cleared remark", () => {
|
||||
expect(buildUserBasicInfoPayload(user, "").remark).toBe("");
|
||||
});
|
||||
});
|
||||
@@ -1,26 +0,0 @@
|
||||
import type { UpdateUserBasicInfoBody } from "@workspace/ui/services/admin/user";
|
||||
|
||||
export type UserBasicInfoPayload = Omit<UpdateUserBasicInfoBody, "remark"> & {
|
||||
remark: string;
|
||||
};
|
||||
|
||||
export function buildUserBasicInfoPayload(
|
||||
user: API.User,
|
||||
remark: string
|
||||
): UserBasicInfoPayload {
|
||||
return {
|
||||
user_id: user.id,
|
||||
avatar: user.avatar,
|
||||
balance: user.balance,
|
||||
commission: user.commission,
|
||||
referral_percentage: user.referral_percentage,
|
||||
only_first_purchase: user.only_first_purchase,
|
||||
gift_amount: user.gift_amount,
|
||||
telegram: user.telegram,
|
||||
refer_code: user.refer_code,
|
||||
referer_id: user.referer_id,
|
||||
enable: user.enable,
|
||||
is_admin: user.is_admin ?? false,
|
||||
remark,
|
||||
};
|
||||
}
|
||||
@@ -16,7 +16,6 @@ import { formatBytes } from "@workspace/ui/utils/formatting";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { Display } from "@/components/display";
|
||||
import { formatDate } from "@/utils/common";
|
||||
import { UserIdentifier } from "./user-identifier";
|
||||
// import EditUserGroupDialog from "./edit-user-group-dialog";
|
||||
// import { getUserGroupList } from "@workspace/ui/services/admin/group";
|
||||
|
||||
@@ -230,13 +229,26 @@ export function UserDetail({ id }: { id: number }) {
|
||||
|
||||
if (!id) return "--";
|
||||
|
||||
const firstMethod = data?.auth_methods[0];
|
||||
const isDevice = firstMethod?.auth_type === "device";
|
||||
const deviceNo = (data as any)?.user_devices?.[0]?.device_no;
|
||||
const rawIdentifier = firstMethod?.auth_identifier || "";
|
||||
const identifier = isDevice ? deviceNo || rawIdentifier : rawIdentifier;
|
||||
|
||||
return (
|
||||
<HoverCard>
|
||||
<HoverCardTrigger asChild>
|
||||
<Button asChild className="p-0" variant="link">
|
||||
<Link search={{ user_id: id }} to="/dashboard/user">
|
||||
{data ? (
|
||||
<UserIdentifier className="flex items-center" user={data} />
|
||||
<>
|
||||
{firstMethod && (
|
||||
<span className="mr-1 inline-flex items-center rounded border px-1 py-0.5 font-mono text-xs uppercase">
|
||||
{firstMethod.auth_type}
|
||||
</span>
|
||||
)}
|
||||
{identifier}
|
||||
</>
|
||||
) : (
|
||||
t("loading", "Loading...")
|
||||
)}
|
||||
|
||||
@@ -1,101 +0,0 @@
|
||||
/**
|
||||
* @vitest-environment jsdom
|
||||
*/
|
||||
import { cleanup, render, screen } from "@testing-library/react";
|
||||
import { afterEach, describe, expect, it } from "vitest";
|
||||
import { getUserIdentifierParts, UserIdentifier } from "./user-identifier";
|
||||
|
||||
afterEach(() => {
|
||||
cleanup();
|
||||
});
|
||||
|
||||
type DeviceWithOptionalNo = API.UserDevice & { device_no?: string };
|
||||
|
||||
describe("getUserIdentifierParts", () => {
|
||||
it("uses the device number and D label for device-auth users", () => {
|
||||
expect(
|
||||
getUserIdentifierParts({
|
||||
auth_methods: [
|
||||
{
|
||||
auth_type: "device",
|
||||
auth_identifier: "raw-device-id",
|
||||
verified: true,
|
||||
},
|
||||
],
|
||||
user_devices: [
|
||||
{
|
||||
id: 1,
|
||||
ip: "127.0.0.1",
|
||||
identifier: "device-id",
|
||||
user_agent:
|
||||
"Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X)",
|
||||
online: true,
|
||||
enabled: true,
|
||||
created_at: 0,
|
||||
updated_at: 0,
|
||||
device_no: "DVC-001",
|
||||
} satisfies DeviceWithOptionalNo,
|
||||
],
|
||||
})
|
||||
).toMatchObject({
|
||||
authLabel: "(D)",
|
||||
identifier: "DVC-001",
|
||||
isDevice: true,
|
||||
});
|
||||
});
|
||||
|
||||
it("falls back to the raw identifier and E label for email-auth users", () => {
|
||||
expect(
|
||||
getUserIdentifierParts({
|
||||
auth_methods: [
|
||||
{
|
||||
auth_type: "email",
|
||||
auth_identifier: "user@example.com",
|
||||
verified: true,
|
||||
},
|
||||
],
|
||||
user_devices: [],
|
||||
})
|
||||
).toMatchObject({
|
||||
authLabel: "(E)",
|
||||
identifier: "user@example.com",
|
||||
isDevice: false,
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("UserIdentifier", () => {
|
||||
it("renders the compact auth label and visible identifier", () => {
|
||||
render(
|
||||
<UserIdentifier
|
||||
user={{
|
||||
auth_methods: [
|
||||
{
|
||||
auth_type: "email",
|
||||
auth_identifier: "referrer@example.com",
|
||||
verified: true,
|
||||
},
|
||||
],
|
||||
user_devices: [],
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
expect(screen.getByText("(E)")).not.toBeNull();
|
||||
expect(screen.getByText("referrer@example.com")).not.toBeNull();
|
||||
});
|
||||
|
||||
it("renders an empty fallback when no identifier is available", () => {
|
||||
render(
|
||||
<UserIdentifier
|
||||
user={{
|
||||
auth_methods: [],
|
||||
user_devices: [],
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
expect(screen.getByText("(E)")).not.toBeNull();
|
||||
expect(screen.getByText("--")).not.toBeNull();
|
||||
});
|
||||
});
|
||||
@@ -1,66 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import { Badge } from "@workspace/ui/components/badge";
|
||||
import { parseDeviceType } from "@workspace/ui/utils/device";
|
||||
|
||||
type UserDeviceWithDeviceNo = API.UserDevice & {
|
||||
device_no?: string;
|
||||
};
|
||||
|
||||
type UserIdentifierUser = {
|
||||
auth_methods?: API.UserAuthMethod[];
|
||||
user_devices?: UserDeviceWithDeviceNo[];
|
||||
};
|
||||
|
||||
type UserIdentifierParts = {
|
||||
authLabel: "(D)" | "(E)";
|
||||
deviceBadge?: string;
|
||||
identifier: string;
|
||||
isDevice: boolean;
|
||||
};
|
||||
|
||||
export function getUserIdentifierParts(
|
||||
user?: UserIdentifierUser
|
||||
): UserIdentifierParts {
|
||||
const method = user?.auth_methods?.[0];
|
||||
const firstDevice = user?.user_devices?.[0] as
|
||||
| UserDeviceWithDeviceNo
|
||||
| undefined;
|
||||
const isDevice = method?.auth_type === "device";
|
||||
const rawIdentifier = method?.auth_identifier || "";
|
||||
const identifier = isDevice
|
||||
? firstDevice?.device_no || rawIdentifier
|
||||
: rawIdentifier;
|
||||
|
||||
return {
|
||||
authLabel: isDevice ? "(D)" : "(E)",
|
||||
deviceBadge: parseDeviceType(firstDevice?.user_agent || ""),
|
||||
identifier,
|
||||
isDevice,
|
||||
};
|
||||
}
|
||||
|
||||
export function UserIdentifier({
|
||||
className,
|
||||
user,
|
||||
}: {
|
||||
className?: string;
|
||||
user?: UserIdentifierUser;
|
||||
}) {
|
||||
const { authLabel, deviceBadge, identifier, isDevice } =
|
||||
getUserIdentifierParts(user);
|
||||
|
||||
return (
|
||||
<div className={className}>
|
||||
{deviceBadge ? (
|
||||
<Badge className="mr-1" variant="secondary">
|
||||
{deviceBadge}
|
||||
</Badge>
|
||||
) : null}
|
||||
<span className="mr-1 font-mono text-xs uppercase">{authLabel}</span>
|
||||
<span title={isDevice ? identifier : undefined}>
|
||||
{identifier || "--"}
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,92 +0,0 @@
|
||||
/**
|
||||
* @vitest-environment jsdom
|
||||
*/
|
||||
import { cleanup, fireEvent, render, screen } from "@testing-library/react";
|
||||
import { afterEach, describe, expect, it, vi } from "vitest";
|
||||
import { UserSearchBar } from "./user-search-bar";
|
||||
|
||||
vi.mock("react-i18next", () => ({
|
||||
useTranslation: () => ({
|
||||
t: (_key: string, fallback: string): string => fallback,
|
||||
}),
|
||||
}));
|
||||
|
||||
afterEach(() => {
|
||||
cleanup();
|
||||
});
|
||||
|
||||
describe("UserSearchBar", () => {
|
||||
it("keeps the controls usable on a narrow mobile viewport", () => {
|
||||
Object.defineProperty(window, "innerWidth", {
|
||||
configurable: true,
|
||||
value: 390,
|
||||
});
|
||||
|
||||
render(
|
||||
<UserSearchBar
|
||||
initialType="email"
|
||||
initialValue=""
|
||||
onSearch={vi.fn()}
|
||||
subscribes={[]}
|
||||
/>
|
||||
);
|
||||
|
||||
expect(screen.getByRole("combobox")).not.toBeNull();
|
||||
expect(screen.getByRole("button", { name: "Search" })).not.toBeNull();
|
||||
});
|
||||
|
||||
it("keeps the typed happy-path value and triggers search", () => {
|
||||
const onSearch = vi.fn();
|
||||
|
||||
render(
|
||||
<UserSearchBar
|
||||
initialType="email"
|
||||
initialValue=""
|
||||
onSearch={onSearch}
|
||||
subscribes={[]}
|
||||
/>
|
||||
);
|
||||
|
||||
fireEvent.change(screen.getByPlaceholderText("Enter search term"), {
|
||||
target: { value: "user@example.com" },
|
||||
});
|
||||
fireEvent.click(screen.getByRole("button", { name: "Search" }));
|
||||
|
||||
expect(onSearch).toHaveBeenCalledWith("email", "user@example.com");
|
||||
expect(
|
||||
(screen.getByPlaceholderText("Enter search term") as HTMLInputElement)
|
||||
.value
|
||||
).toBe("user@example.com");
|
||||
});
|
||||
|
||||
it("syncs to external search changes for precise referrer navigation", () => {
|
||||
const onSearch = vi.fn();
|
||||
const { rerender } = render(
|
||||
<UserSearchBar
|
||||
initialType="email"
|
||||
initialValue="old@example.com"
|
||||
onSearch={onSearch}
|
||||
subscribes={[]}
|
||||
/>
|
||||
);
|
||||
|
||||
expect(
|
||||
(screen.getByPlaceholderText("Enter search term") as HTMLInputElement)
|
||||
.value
|
||||
).toBe("old@example.com");
|
||||
|
||||
rerender(
|
||||
<UserSearchBar
|
||||
initialType="user_id"
|
||||
initialValue="1024"
|
||||
onSearch={onSearch}
|
||||
subscribes={[]}
|
||||
/>
|
||||
);
|
||||
|
||||
expect(
|
||||
(screen.getByPlaceholderText("Enter search term") as HTMLInputElement)
|
||||
.value
|
||||
).toBe("1024");
|
||||
});
|
||||
});
|
||||
@@ -1,102 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import { Input } from "@workspace/ui/components/input";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@workspace/ui/components/select";
|
||||
import { Combobox } from "@workspace/ui/composed/combobox";
|
||||
import { useEffect, useState } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
|
||||
export function UserSearchBar({
|
||||
initialType,
|
||||
initialValue,
|
||||
onSearch,
|
||||
subscribes,
|
||||
}: {
|
||||
initialType: string;
|
||||
initialValue: string;
|
||||
onSearch: (type: string, value: string) => void;
|
||||
subscribes?: API.SubscribeItem[];
|
||||
}) {
|
||||
const { t } = useTranslation("user");
|
||||
const [searchType, setSearchType] = useState(initialType);
|
||||
const [searchValue, setSearchValue] = useState(initialValue);
|
||||
|
||||
useEffect(() => {
|
||||
setSearchType(initialType);
|
||||
setSearchValue(initialValue);
|
||||
}, [initialType, initialValue]);
|
||||
|
||||
return (
|
||||
<div className="flex items-center gap-2">
|
||||
<Select
|
||||
onValueChange={(v) => {
|
||||
setSearchType(v);
|
||||
setSearchValue("");
|
||||
}}
|
||||
value={searchType}
|
||||
>
|
||||
<SelectTrigger className="w-48">
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="email">设备码/邮箱</SelectItem>
|
||||
<SelectItem value="user_id">{t("userId", "User ID")}</SelectItem>
|
||||
<SelectItem value="subscribe_id">
|
||||
{t("subscription", "Subscription")}
|
||||
</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
{searchType === "subscribe_id" ? (
|
||||
<Combobox
|
||||
className="w-48"
|
||||
onChange={(value) => {
|
||||
setSearchValue(value);
|
||||
onSearch("subscribe_id", value);
|
||||
}}
|
||||
options={subscribes?.map((item) => ({
|
||||
label: item.name!,
|
||||
value: String(item.id!),
|
||||
}))}
|
||||
placeholder={t("subscription", "Subscription")}
|
||||
value={searchValue}
|
||||
/>
|
||||
) : (
|
||||
<>
|
||||
<Input
|
||||
className="w-48"
|
||||
onChange={(e) => setSearchValue(e.target.value)}
|
||||
onKeyDown={(e) =>
|
||||
e.key === "Enter" && onSearch(searchType, searchValue)
|
||||
}
|
||||
placeholder={t("searchInputPlaceholder", "Enter search term")}
|
||||
value={searchValue}
|
||||
/>
|
||||
<Button
|
||||
onClick={() => onSearch(searchType, searchValue)}
|
||||
variant="default"
|
||||
>
|
||||
{t("search", "Search")}
|
||||
</Button>
|
||||
{searchValue && (
|
||||
<Button
|
||||
onClick={() => {
|
||||
setSearchValue("");
|
||||
onSearch(searchType, "");
|
||||
}}
|
||||
variant="outline"
|
||||
>
|
||||
{t("resetSearch", "Reset")}
|
||||
</Button>
|
||||
)}
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -30,30 +30,13 @@ import { Display } from "@/components/display";
|
||||
import { useGlobalStore } from "@/stores/global";
|
||||
import { formatDate } from "@/utils/common";
|
||||
import { SubscriptionDetail } from "./subscription-detail";
|
||||
import {
|
||||
SubscriptionForm,
|
||||
type SubscriptionFormValues,
|
||||
} from "./subscription-form";
|
||||
import { SubscriptionForm } from "./subscription-form";
|
||||
|
||||
interface SharedInfo {
|
||||
ownerUserId: number;
|
||||
familyId: number;
|
||||
}
|
||||
|
||||
function toUserSubscribePayload(values: SubscriptionFormValues) {
|
||||
return {
|
||||
...values,
|
||||
expired_at: values.expired_at || 0,
|
||||
subscribe_id: values.subscribe_id || 0,
|
||||
traffic: values.traffic || 0,
|
||||
upload: values.upload || 0,
|
||||
download: values.download || 0,
|
||||
speed_limit: values.speed_limit || 0,
|
||||
device_limit: values.device_limit || 0,
|
||||
traffic_limit: values.traffic_limit || [],
|
||||
};
|
||||
}
|
||||
|
||||
export default function UserSubscription({ userId }: { userId: number }) {
|
||||
const { t } = useTranslation("user");
|
||||
const [loading, setLoading] = useState(false);
|
||||
@@ -183,7 +166,7 @@ export default function UserSubscription({ userId }: { userId: number }) {
|
||||
await updateUserSubscribe({
|
||||
user_id: Number(userId),
|
||||
user_subscribe_id: row.id,
|
||||
...toUserSubscribePayload(values),
|
||||
...values,
|
||||
});
|
||||
toast.success(t("updateSuccess", "Updated successfully"));
|
||||
ref.current?.refresh();
|
||||
@@ -313,39 +296,15 @@ export default function UserSubscription({ userId }: { userId: number }) {
|
||||
accessorKey: "speed_limit",
|
||||
header: t("speedLimit", "Speed Limit"),
|
||||
cell: ({ row }) => {
|
||||
const userSpeed = row.original.speed_limit ?? 0;
|
||||
const effectiveSpeed = row.original.effective_speed ?? 0;
|
||||
const planSpeed = row.original.subscribe?.speed_limit ?? 0;
|
||||
const speed = effectiveSpeed || userSpeed || planSpeed;
|
||||
const source =
|
||||
userSpeed > 0
|
||||
? t("userOverride", "User Override")
|
||||
: t("subscriptionDefault", "Subscription Default");
|
||||
|
||||
return (
|
||||
<div className="flex flex-col gap-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<Display type="trafficSpeed" value={speed} />
|
||||
{row.original.is_throttled && (
|
||||
<Badge variant="destructive">
|
||||
{t("throttled", "Throttled")}
|
||||
</Badge>
|
||||
)}
|
||||
</div>
|
||||
<span className="text-muted-foreground text-xs">
|
||||
{source}
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
const speed = row.original?.subscribe?.speed_limit;
|
||||
return <Display type="trafficSpeed" value={speed} />;
|
||||
},
|
||||
},
|
||||
{
|
||||
accessorKey: "device_limit",
|
||||
header: t("deviceLimit", "Device Limit"),
|
||||
cell: ({ row }) => {
|
||||
const limit =
|
||||
row.original.device_limit ||
|
||||
row.original?.subscribe?.device_limit;
|
||||
const limit = row.original?.subscribe?.device_limit;
|
||||
return <Display type="number" unlimited value={limit} />;
|
||||
},
|
||||
},
|
||||
@@ -393,7 +352,7 @@ export default function UserSubscription({ userId }: { userId: number }) {
|
||||
setLoading(true);
|
||||
await createUserSubscribe({
|
||||
user_id: Number(userId),
|
||||
...toUserSubscribePayload(values),
|
||||
...values,
|
||||
});
|
||||
toast.success(t("createSuccess", "Created successfully"));
|
||||
ref.current?.refresh();
|
||||
|
||||
@@ -7,7 +7,6 @@ import {
|
||||
SheetTitle,
|
||||
SheetTrigger,
|
||||
} from "@workspace/ui/components/sheet";
|
||||
import { Skeleton } from "@workspace/ui/components/skeleton";
|
||||
import { Switch } from "@workspace/ui/components/switch";
|
||||
import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
|
||||
import { ProTable } from "@workspace/ui/composed/pro-table/pro-table";
|
||||
@@ -17,7 +16,7 @@ import {
|
||||
kickOfflineByUserDevice,
|
||||
} from "@workspace/ui/services/admin/user";
|
||||
import { deviceIdToHash } from "@workspace/ui/utils/device";
|
||||
import { AlertCircle, AlertTriangle, Gauge } from "lucide-react";
|
||||
import { AlertTriangle, Gauge } from "lucide-react";
|
||||
import { type ReactNode, useEffect, useState } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { toast } from "sonner";
|
||||
@@ -27,81 +26,20 @@ import { formatDate } from "@/utils/common";
|
||||
function SpeedLimitCard({ subscriptionId }: { subscriptionId: number }) {
|
||||
const { t } = useTranslation("user");
|
||||
const [detail, setDetail] = useState<API.UserSubscribeDetail | null>(null);
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
const [isError, setIsError] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
let ignore = false;
|
||||
|
||||
setIsLoading(true);
|
||||
setIsError(false);
|
||||
getUserSubscribeById({ id: subscriptionId })
|
||||
.then(({ data }) => {
|
||||
if (!ignore) setDetail(data.data || null);
|
||||
})
|
||||
.catch(() => {
|
||||
if (!ignore) {
|
||||
setDetail(null);
|
||||
setIsError(true);
|
||||
}
|
||||
})
|
||||
.finally(() => {
|
||||
if (!ignore) setIsLoading(false);
|
||||
});
|
||||
|
||||
return () => {
|
||||
ignore = true;
|
||||
};
|
||||
getUserSubscribeById({ id: subscriptionId }).then(({ data }) => {
|
||||
if (data.data) setDetail(data.data);
|
||||
});
|
||||
}, [subscriptionId]);
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
<div className="mb-4 rounded-lg border bg-muted/30 p-3">
|
||||
<Skeleton className="mb-3 h-5 w-40" />
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<Skeleton className="h-16" />
|
||||
<Skeleton className="h-16" />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (isError) {
|
||||
return (
|
||||
<div className="mb-4 flex items-start gap-3 rounded-lg border border-destructive/40 bg-destructive/5 p-3 text-destructive text-sm">
|
||||
<AlertCircle className="mt-0.5 h-4 w-4 shrink-0" />
|
||||
<span>
|
||||
{t("subscriptionDetailLoadFailed", "Failed to load speed settings.")}
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (!detail) {
|
||||
return (
|
||||
<div className="mb-4 rounded-lg border bg-muted/30 p-3 text-muted-foreground text-sm">
|
||||
{t("subscriptionDetailEmpty", "No subscription details found.")}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (detail.status !== 1) return null;
|
||||
if (!detail || detail.status !== 1) return null;
|
||||
|
||||
const baseSpeed = detail.subscribe?.speed_limit ?? 0;
|
||||
const userSpeed = detail.speed_limit ?? 0;
|
||||
const effectiveSpeed = detail.effective_speed ?? 0;
|
||||
const isThrottled = detail.is_throttled;
|
||||
const rules = detail.traffic_limit || [];
|
||||
const hasLimitConfig =
|
||||
baseSpeed > 0 || userSpeed > 0 || effectiveSpeed > 0 || rules.length > 0;
|
||||
|
||||
if (!(hasLimitConfig || isThrottled)) {
|
||||
return (
|
||||
<div className="mb-4 rounded-lg border bg-muted/30 p-3 text-muted-foreground text-sm">
|
||||
{t("speedLimitEmpty", "No user-level speed limit rules configured.")}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
if (baseSpeed === 0 && !isThrottled) return null;
|
||||
|
||||
return (
|
||||
<div
|
||||
@@ -116,7 +54,7 @@ function SpeedLimitCard({ subscriptionId }: { subscriptionId: number }) {
|
||||
) : (
|
||||
<Gauge className="mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" />
|
||||
)}
|
||||
<div className="min-w-0 flex-1 space-y-3">
|
||||
<div className="space-y-1">
|
||||
<div className="flex flex-wrap items-center gap-2 font-medium">
|
||||
{isThrottled ? (
|
||||
<>
|
||||
@@ -126,7 +64,6 @@ function SpeedLimitCard({ subscriptionId }: { subscriptionId: number }) {
|
||||
</Badge>
|
||||
{baseSpeed > 0 && (
|
||||
<span className="text-muted-foreground text-xs line-through">
|
||||
{t("subscriptionDefault", "Subscription Default")}:{" "}
|
||||
{baseSpeed} Mbps
|
||||
</span>
|
||||
)}
|
||||
@@ -144,20 +81,6 @@ function SpeedLimitCard({ subscriptionId }: { subscriptionId: number }) {
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
<div className="grid gap-2 sm:grid-cols-3">
|
||||
<SpeedMetric
|
||||
label={t("subscriptionDefault", "Subscription Default")}
|
||||
value={baseSpeed}
|
||||
/>
|
||||
<SpeedMetric
|
||||
label={t("userOverride", "User Override")}
|
||||
value={userSpeed}
|
||||
/>
|
||||
<SpeedMetric
|
||||
label={t("effectiveSpeed", "Effective Speed")}
|
||||
value={effectiveSpeed}
|
||||
/>
|
||||
</div>
|
||||
{isThrottled && detail.throttle_rule && (
|
||||
<p className="text-muted-foreground text-xs">
|
||||
{detail.throttle_rule}
|
||||
@@ -169,46 +92,6 @@ function SpeedLimitCard({ subscriptionId }: { subscriptionId: number }) {
|
||||
{formatDate(detail.throttle_end)}
|
||||
</p>
|
||||
)}
|
||||
{rules.length > 0 && (
|
||||
<div className="space-y-2">
|
||||
<p className="font-medium text-foreground text-xs">
|
||||
{t("trafficLimitRules", "Traffic Limit Rules")}
|
||||
</p>
|
||||
<div className="grid gap-2">
|
||||
{rules.map((rule, index) => (
|
||||
<div
|
||||
className="rounded-md border bg-background/60 px-3 py-2 text-muted-foreground text-xs"
|
||||
key={`${rule.stat_type}-${rule.stat_value}-${index}`}
|
||||
>
|
||||
{t("trafficLimitRuleSummary", {
|
||||
defaultValue:
|
||||
"{{traffic}} GB in {{value}} {{type}} -> {{speed}} Mbps",
|
||||
traffic: rule.traffic_usage,
|
||||
value: rule.stat_value,
|
||||
type:
|
||||
rule.stat_type === "hour"
|
||||
? t("hour", "Hour")
|
||||
: t("day", "Day"),
|
||||
speed: rule.speed_limit,
|
||||
})}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function SpeedMetric({ label, value }: { label: string; value: number }) {
|
||||
const { t } = useTranslation("user");
|
||||
|
||||
return (
|
||||
<div className="rounded-md border bg-background/60 p-2">
|
||||
<div className="text-muted-foreground text-xs">{label}</div>
|
||||
<div className="font-medium text-foreground">
|
||||
{value > 0 ? `${value} Mbps` : t("unlimited", "Unlimited")}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
@@ -272,7 +155,12 @@ export function SubscriptionDetail({
|
||||
accessorKey: "enabled",
|
||||
header: t("enable", "Enable"),
|
||||
cell: ({ row }) => (
|
||||
<Switch checked={row.getValue("enabled")} disabled />
|
||||
<Switch
|
||||
checked={row.getValue("enabled")}
|
||||
onChange={(checked) => {
|
||||
console.log("Switch:", checked);
|
||||
}}
|
||||
/>
|
||||
),
|
||||
},
|
||||
{ accessorKey: "id", header: "ID" },
|
||||
|
||||
@@ -3,7 +3,6 @@ import { Button } from "@workspace/ui/components/button";
|
||||
import {
|
||||
Form,
|
||||
FormControl,
|
||||
FormDescription,
|
||||
FormField,
|
||||
FormItem,
|
||||
FormLabel,
|
||||
@@ -20,11 +19,10 @@ import {
|
||||
} from "@workspace/ui/components/sheet";
|
||||
import { Combobox } from "@workspace/ui/composed/combobox";
|
||||
import { DatePicker } from "@workspace/ui/composed/date-picker";
|
||||
import { ArrayInput } from "@workspace/ui/composed/dynamic-inputs";
|
||||
import { EnhancedInput } from "@workspace/ui/composed/enhanced-input";
|
||||
import { Icon } from "@workspace/ui/composed/icon";
|
||||
import { unitConversion } from "@workspace/ui/utils/unit-conversions";
|
||||
import { type KeyboardEvent, type ReactNode, useState } from "react";
|
||||
import { type ReactNode, useState } from "react";
|
||||
import { useForm } from "react-hook-form";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { z } from "zod";
|
||||
@@ -35,50 +33,18 @@ interface Props {
|
||||
title: string;
|
||||
loading?: boolean;
|
||||
initialData?: API.UserSubscribe;
|
||||
onSubmit: (values: SubscriptionFormValues) => Promise<boolean>;
|
||||
onSubmit: (values: any) => Promise<boolean>;
|
||||
}
|
||||
|
||||
type SubscriptionTrafficLimitRule = API.UserSubscribeTrafficLimitRule;
|
||||
|
||||
const defaultLimitRule: SubscriptionTrafficLimitRule = {
|
||||
stat_type: "day",
|
||||
stat_value: 1,
|
||||
traffic_usage: 0,
|
||||
speed_limit: 0,
|
||||
};
|
||||
|
||||
const formSchema = z.object({
|
||||
subscribe_id: z.number().optional(),
|
||||
traffic: z.number().min(0).optional(),
|
||||
speed_limit: z.number().min(0).optional(),
|
||||
device_limit: z.number().min(0).optional(),
|
||||
traffic: z.number().optional(),
|
||||
speed_limit: z.number().optional(),
|
||||
device_limit: z.number().optional(),
|
||||
expired_at: z.number().nullish().optional(),
|
||||
upload: z.number().min(0).optional(),
|
||||
download: z.number().min(0).optional(),
|
||||
upload: z.number().optional(),
|
||||
download: z.number().optional(),
|
||||
id: z.number().optional(),
|
||||
traffic_limit: z
|
||||
.array(
|
||||
z.object({
|
||||
stat_type: z.string(),
|
||||
stat_value: z.number().int().min(1),
|
||||
traffic_usage: z.number().min(0),
|
||||
speed_limit: z.number().min(0),
|
||||
})
|
||||
)
|
||||
.optional(),
|
||||
});
|
||||
|
||||
type SubscriptionFormValues = z.infer<typeof formSchema>;
|
||||
|
||||
export type { SubscriptionFormValues };
|
||||
|
||||
const normalizeLimitRule = (
|
||||
item: SubscriptionTrafficLimitRule
|
||||
): SubscriptionTrafficLimitRule => ({
|
||||
stat_type: item.stat_type || "day",
|
||||
stat_value: Math.max(1, Math.floor(Number(item.stat_value) || 1)),
|
||||
traffic_usage: Math.max(0, Number(item.traffic_usage) || 0),
|
||||
speed_limit: Math.max(0, Number(item.speed_limit) || 0),
|
||||
});
|
||||
|
||||
export function SubscriptionForm({
|
||||
@@ -91,14 +57,11 @@ export function SubscriptionForm({
|
||||
const { t } = useTranslation("user");
|
||||
const [open, setOpen] = useState(false);
|
||||
|
||||
const form = useForm<SubscriptionFormValues>({
|
||||
const form = useForm({
|
||||
resolver: zodResolver(formSchema),
|
||||
defaultValues: {
|
||||
subscribe_id: initialData?.subscribe_id || 0,
|
||||
traffic: initialData?.traffic || 0,
|
||||
speed_limit: initialData?.speed_limit || 0,
|
||||
device_limit: initialData?.device_limit || 0,
|
||||
traffic_limit: initialData?.traffic_limit || [],
|
||||
upload: initialData?.upload || 0,
|
||||
download: initialData?.download || 0,
|
||||
expired_at: initialData?.expire_time || 0,
|
||||
@@ -106,7 +69,7 @@ export function SubscriptionForm({
|
||||
},
|
||||
});
|
||||
|
||||
const handleSubmit = async (values: SubscriptionFormValues) => {
|
||||
const handleSubmit = async (values: any) => {
|
||||
const success = await onSubmit(values);
|
||||
if (success) {
|
||||
setOpen(false);
|
||||
@@ -172,7 +135,6 @@ export function SubscriptionForm({
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
min={0}
|
||||
placeholder={t("unlimited", "Unlimited")}
|
||||
type="number"
|
||||
{...field}
|
||||
@@ -192,56 +154,6 @@ export function SubscriptionForm({
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="speed_limit"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("speedLimit", "Speed Limit")}</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
min={0}
|
||||
placeholder={t("unlimited", "Unlimited")}
|
||||
type="number"
|
||||
{...field}
|
||||
onValueChange={(value) => {
|
||||
form.setValue(field.name, value as number);
|
||||
}}
|
||||
suffix="Mbps"
|
||||
/>
|
||||
</FormControl>
|
||||
<FormDescription>
|
||||
{t(
|
||||
"userSpeedLimitDescription",
|
||||
"Set to 0 to use the subscription default speed limit."
|
||||
)}
|
||||
</FormDescription>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="device_limit"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("deviceLimit", "Device Limit")}</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
min={0}
|
||||
placeholder={t("unlimited", "Unlimited")}
|
||||
step={1}
|
||||
type="number"
|
||||
{...field}
|
||||
onValueChange={(value) => {
|
||||
form.setValue(field.name, value as number);
|
||||
}}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="upload"
|
||||
@@ -252,7 +164,6 @@ export function SubscriptionForm({
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
min={0}
|
||||
placeholder="0"
|
||||
type="number"
|
||||
{...field}
|
||||
@@ -282,7 +193,6 @@ export function SubscriptionForm({
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<EnhancedInput
|
||||
min={0}
|
||||
placeholder="0"
|
||||
type="number"
|
||||
{...field}
|
||||
@@ -302,119 +212,6 @@ export function SubscriptionForm({
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="traffic_limit"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>
|
||||
{t("trafficLimitRules", "Traffic Limit Rules")}
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<ArrayInput<SubscriptionTrafficLimitRule>
|
||||
className="grid grid-cols-2 gap-3 lg:grid-cols-4"
|
||||
fields={[
|
||||
{
|
||||
name: "stat_type",
|
||||
type: "select",
|
||||
placeholder: t("statType", "Statistics Type"),
|
||||
value: "day",
|
||||
options: [
|
||||
{
|
||||
label: t("statTypeHour", "Hour"),
|
||||
value: "hour",
|
||||
},
|
||||
{
|
||||
label: t("statTypeDay", "Day"),
|
||||
value: "day",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "stat_value",
|
||||
type: "number",
|
||||
placeholder: t("statValue", "Time Value"),
|
||||
min: 1,
|
||||
step: 1,
|
||||
onKeyDown: (
|
||||
e: KeyboardEvent<HTMLInputElement>
|
||||
) => {
|
||||
if (e.key === "." || e.key === ",") {
|
||||
e.preventDefault();
|
||||
}
|
||||
},
|
||||
formatOutput: (value: string | number) => {
|
||||
const num = Number(value);
|
||||
return String(
|
||||
Number.isNaN(num) ? 1 : Math.floor(num)
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "traffic_usage",
|
||||
type: "number",
|
||||
placeholder: t(
|
||||
"trafficUsage",
|
||||
"Traffic Usage (GB)"
|
||||
),
|
||||
min: 0,
|
||||
onKeyDown: (
|
||||
e: KeyboardEvent<HTMLInputElement>
|
||||
) => {
|
||||
if (e.key === "." || e.key === ",") {
|
||||
e.preventDefault();
|
||||
}
|
||||
},
|
||||
formatOutput: (value: string | number) => {
|
||||
const num = Number(value);
|
||||
return String(
|
||||
Number.isNaN(num) ? 0 : Math.floor(num)
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "speed_limit",
|
||||
type: "number",
|
||||
placeholder: t(
|
||||
"speedLimitMbps",
|
||||
"Speed Limit (Mbps)"
|
||||
),
|
||||
min: 0,
|
||||
onKeyDown: (
|
||||
e: KeyboardEvent<HTMLInputElement>
|
||||
) => {
|
||||
if (e.key === "." || e.key === ",") {
|
||||
e.preventDefault();
|
||||
}
|
||||
},
|
||||
formatOutput: (value: string | number) => {
|
||||
const num = Number(value);
|
||||
return String(
|
||||
Number.isNaN(num) ? 0 : Math.floor(num)
|
||||
);
|
||||
},
|
||||
},
|
||||
]}
|
||||
onChange={(items) => {
|
||||
field.onChange(items.map(normalizeLimitRule));
|
||||
}}
|
||||
value={
|
||||
field.value && field.value.length > 0
|
||||
? field.value
|
||||
: [defaultLimitRule]
|
||||
}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormDescription>
|
||||
{t(
|
||||
"trafficLimitDescription",
|
||||
"Limit speed when usage reaches the configured amount in the selected time window."
|
||||
)}
|
||||
</FormDescription>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="expired_at"
|
||||
|
||||
@@ -40,13 +40,6 @@ import { Display } from "@/components/display";
|
||||
import { UserDetail } from "@/sections/user/user-detail";
|
||||
import { formatDate } from "@/utils/common";
|
||||
|
||||
const WITHDRAWAL_METHOD_MAP: Record<number, string> = {
|
||||
0: "其他",
|
||||
1: "支付宝",
|
||||
2: "微信",
|
||||
3: "银行卡",
|
||||
};
|
||||
|
||||
const rejectSchema = z.object({
|
||||
reason: z
|
||||
.string()
|
||||
@@ -55,48 +48,11 @@ const rejectSchema = z.object({
|
||||
.max(500, "拒绝原因不能超过 500 个字符"),
|
||||
});
|
||||
|
||||
function QrCodeCell({ url }: { url?: string }) {
|
||||
const [zoomOpen, setZoomOpen] = useState(false);
|
||||
if (!url) return <span>--</span>;
|
||||
return (
|
||||
<>
|
||||
<button
|
||||
className="block overflow-hidden rounded border"
|
||||
onClick={() => setZoomOpen(true)}
|
||||
type="button"
|
||||
>
|
||||
<img
|
||||
alt="收款码"
|
||||
className="h-12 w-12 cursor-zoom-in object-cover"
|
||||
height={48}
|
||||
src={url}
|
||||
width={48}
|
||||
/>
|
||||
</button>
|
||||
{zoomOpen && (
|
||||
<Dialog onOpenChange={setZoomOpen} open={zoomOpen}>
|
||||
<DialogContent className="max-w-sm">
|
||||
<img
|
||||
alt="收款码"
|
||||
className="w-full"
|
||||
height={320}
|
||||
src={url}
|
||||
width={320}
|
||||
/>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default function WithdrawalPage() {
|
||||
const { t } = useTranslation("user");
|
||||
const ref = useRef<ProTableActions>(null);
|
||||
const [rejectOpen, setRejectOpen] = useState(false);
|
||||
const [currentRow, setCurrentRow] = useState<API.AdminWithdrawalLog | null>(
|
||||
null
|
||||
);
|
||||
const [currentRow, setCurrentRow] = useState<API.WithdrawalLog | null>(null);
|
||||
const form = useForm<z.infer<typeof rejectSchema>>({
|
||||
resolver: zodResolver(rejectSchema),
|
||||
defaultValues: {
|
||||
@@ -137,14 +93,6 @@ export default function WithdrawalPage() {
|
||||
{ value: "0", label: "审核中" },
|
||||
{ value: "1", label: "已通过" },
|
||||
{ value: "2", label: "已拒绝" },
|
||||
{ value: "3", label: "已取消" },
|
||||
];
|
||||
|
||||
const methodOptions = [
|
||||
{ value: "1", label: "支付宝" },
|
||||
{ value: "2", label: "微信" },
|
||||
{ value: "3", label: "银行卡" },
|
||||
{ value: "0", label: "其他" },
|
||||
];
|
||||
|
||||
const statusMap: Record<number, { label: string; className: string }> = {
|
||||
@@ -160,18 +108,11 @@ export default function WithdrawalPage() {
|
||||
label: "已拒绝",
|
||||
className: "bg-rose-100 text-rose-700 border-rose-200",
|
||||
},
|
||||
3: {
|
||||
label: "已取消",
|
||||
className: "bg-gray-100 text-gray-500 border-gray-200",
|
||||
},
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<ProTable<
|
||||
API.AdminWithdrawalLog,
|
||||
{ status?: string; user_id?: string; method?: string }
|
||||
>
|
||||
<ProTable<API.WithdrawalLog, { status?: string; user_id?: string }>
|
||||
action={ref}
|
||||
actions={{
|
||||
render: (row) => {
|
||||
@@ -228,31 +169,11 @@ export default function WithdrawalPage() {
|
||||
<Display type="currency" value={row.original.amount} />
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "method",
|
||||
header: "收款方式",
|
||||
cell: ({ row }) =>
|
||||
WITHDRAWAL_METHOD_MAP[row.original.method] ?? "--",
|
||||
},
|
||||
{
|
||||
accessorKey: "account",
|
||||
header: "收款账号",
|
||||
cell: ({ row }) => (
|
||||
<div className="max-w-[200px] break-all text-sm">
|
||||
{row.original.account || "--"}
|
||||
</div>
|
||||
),
|
||||
},
|
||||
{
|
||||
accessorKey: "qr_code_url",
|
||||
header: "收款码",
|
||||
cell: ({ row }) => <QrCodeCell url={row.original.qr_code_url} />,
|
||||
},
|
||||
{
|
||||
accessorKey: "content",
|
||||
header: "备注",
|
||||
header: "收款信息",
|
||||
cell: ({ row }) => (
|
||||
<div className="max-w-[200px] break-all text-sm">
|
||||
<div className="max-w-[360px] break-all text-sm">
|
||||
{row.original.content || "--"}
|
||||
</div>
|
||||
),
|
||||
@@ -295,11 +216,6 @@ export default function WithdrawalPage() {
|
||||
options: statusOptions,
|
||||
placeholder: "状态",
|
||||
},
|
||||
{
|
||||
key: "method",
|
||||
options: methodOptions,
|
||||
placeholder: "收款方式",
|
||||
},
|
||||
{
|
||||
key: "user_id",
|
||||
placeholder: "用户 ID",
|
||||
@@ -310,7 +226,6 @@ export default function WithdrawalPage() {
|
||||
page: pagination.page,
|
||||
size: pagination.size,
|
||||
status: filter.status ? Number(filter.status) : undefined,
|
||||
method: filter.method ? Number(filter.method) : undefined,
|
||||
user_id: filter.user_id ? Number(filter.user_id) : undefined,
|
||||
});
|
||||
|
||||
|
||||
@@ -9,7 +9,6 @@
|
||||
"originalPrice": "Original Price (Monthly)",
|
||||
"price": "Price",
|
||||
"productDiscount": "Product Discount",
|
||||
"promoDiscount": "Promo Discount",
|
||||
"total": "Total"
|
||||
},
|
||||
"buy": "Buy",
|
||||
@@ -38,10 +37,6 @@
|
||||
"passwordHint": "If you do not enter a password, we will automatically generate one and send it to your email.",
|
||||
"paymentMethod": "Payment Method",
|
||||
"productDescription": "productDescription",
|
||||
"promo": {
|
||||
"available": "Promo Available",
|
||||
"validUntil": "Valid until"
|
||||
},
|
||||
"purchaseDuration": "Purchase Duration",
|
||||
"recharge": "Recharge",
|
||||
"rechargeAmount": "Recharge Amount",
|
||||
|
||||
@@ -9,7 +9,6 @@
|
||||
"originalPrice": "原价(按月)",
|
||||
"price": "价格",
|
||||
"productDiscount": "商品折扣",
|
||||
"promoDiscount": "促销优惠",
|
||||
"total": "总价"
|
||||
},
|
||||
"buy": "购买",
|
||||
@@ -38,10 +37,6 @@
|
||||
"passwordHint": "如果您不输入密码,我们将自动生成一个并发送到您的邮箱。",
|
||||
"paymentMethod": "支付方式",
|
||||
"productDescription": "商品描述",
|
||||
"promo": {
|
||||
"available": "促销可用",
|
||||
"validUntil": "有效期至"
|
||||
},
|
||||
"purchaseDuration": "购买时长",
|
||||
"recharge": "充值",
|
||||
"rechargeAmount": "充值金额",
|
||||
|
||||
@@ -2,12 +2,7 @@ import { Button } from "@workspace/ui/components/button";
|
||||
import { Input } from "@workspace/ui/components/input";
|
||||
import { Icon } from "@workspace/ui/composed/icon";
|
||||
import { generateCaptcha } from "@workspace/ui/services/common/auth";
|
||||
import {
|
||||
type RefObject,
|
||||
useEffect,
|
||||
useImperativeHandle,
|
||||
useState,
|
||||
} from "react";
|
||||
import { useEffect, useImperativeHandle, useState } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
|
||||
export interface LocalCaptchaRef {
|
||||
|
||||
@@ -10,13 +10,7 @@ import {
|
||||
generateCaptcha,
|
||||
verifyCaptchaSlider,
|
||||
} from "@workspace/ui/services/common/auth";
|
||||
import {
|
||||
type RefObject,
|
||||
useCallback,
|
||||
useImperativeHandle,
|
||||
useRef,
|
||||
useState,
|
||||
} from "react";
|
||||
import { useCallback, useImperativeHandle, useRef, useState } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
|
||||
export interface SliderCaptchaRef {
|
||||
|
||||
@@ -17,7 +17,6 @@ import CouponInput from "@/sections/subscribe/coupon-input";
|
||||
import { SubscribeDetail } from "@/sections/subscribe/detail";
|
||||
import DurationSelector from "@/sections/subscribe/duration-selector";
|
||||
import PaymentMethods from "@/sections/subscribe/payment-methods";
|
||||
import { PromoInfo } from "@/sections/subscribe/promo-info";
|
||||
import { useGlobalStore } from "@/stores/global";
|
||||
|
||||
export default function Content({
|
||||
@@ -50,9 +49,6 @@ export default function Content({
|
||||
valid: false,
|
||||
message: "",
|
||||
});
|
||||
const selectedDiscount = subscription?.discount?.find(
|
||||
(item) => item.quantity === params.quantity
|
||||
);
|
||||
|
||||
const { data: order } = useQuery({
|
||||
enabled: !!subscription?.id && !!params.payment,
|
||||
@@ -107,10 +103,7 @@ export default function Content({
|
||||
navigate({ to: "/purchasing/order", search: { order_no } });
|
||||
}
|
||||
} catch (error) {
|
||||
setIsEmailValid((prev) => ({
|
||||
...prev,
|
||||
message: error instanceof Error ? error.message : prev.message,
|
||||
}));
|
||||
console.log(error);
|
||||
}
|
||||
});
|
||||
}, [params, navigate]);
|
||||
@@ -292,7 +285,6 @@ export default function Content({
|
||||
show_original_price: subscription?.show_original_price,
|
||||
}}
|
||||
/>
|
||||
<PromoInfo discount={selectedDiscount} />
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
@@ -10,7 +10,6 @@ interface SubscribeBillingProps {
|
||||
unit_price: number;
|
||||
unit_time: string;
|
||||
subscribe_discount: number;
|
||||
promo_discount: number;
|
||||
show_original_price?: boolean;
|
||||
}
|
||||
>;
|
||||
@@ -67,14 +66,6 @@ export function SubscribeBilling({ order }: Readonly<SubscribeBillingProps>) {
|
||||
<Display type="currency" value={order?.discount} />
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span className="text-muted-foreground">
|
||||
{t("billing.promoDiscount", "Promo Discount")}
|
||||
</span>
|
||||
<span>
|
||||
<Display type="currency" value={order?.promo_discount} />
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span className="text-muted-foreground">
|
||||
{t("billing.couponDiscount", "Coupon Discount")}
|
||||
|
||||
@@ -1,33 +0,0 @@
|
||||
import { Badge } from "@workspace/ui/components/badge";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { Display } from "@/components/display";
|
||||
|
||||
interface PromoInfoProps {
|
||||
discount?: API.SubscribeDiscount;
|
||||
}
|
||||
|
||||
export function PromoInfo({ discount }: Readonly<PromoInfoProps>) {
|
||||
const { t } = useTranslation("subscribe");
|
||||
const promo = discount?.promo;
|
||||
|
||||
if (!promo) return null;
|
||||
|
||||
return (
|
||||
<div className="flex flex-wrap items-center justify-between gap-2 rounded-md border bg-muted/40 p-3 text-sm">
|
||||
<div className="grid gap-1">
|
||||
<span className="font-medium">
|
||||
{promo.rule_name || t("promo.available", "Promo Available")}
|
||||
</span>
|
||||
{promo.expires_at && (
|
||||
<span className="text-muted-foreground text-xs">
|
||||
{t("promo.validUntil", "Valid until")}:{" "}
|
||||
{new Date(promo.expires_at * 1000).toLocaleString()}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
<Badge variant="secondary">
|
||||
<Display type="currency" value={promo.promo_price} />
|
||||
</Badge>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -18,7 +18,6 @@ import { useTranslation } from "react-i18next";
|
||||
import CouponInput from "@/sections/subscribe/coupon-input";
|
||||
import DurationSelector from "@/sections/subscribe/duration-selector";
|
||||
import PaymentMethods from "@/sections/subscribe/payment-methods";
|
||||
import { PromoInfo } from "@/sections/subscribe/promo-info";
|
||||
import { useGlobalStore } from "@/stores/global";
|
||||
import { SubscribeBilling } from "./billing";
|
||||
import { SubscribeDetail } from "./detail";
|
||||
@@ -42,12 +41,7 @@ export default function Purchase({
|
||||
coupon: "",
|
||||
});
|
||||
const [loading, startTransition] = useTransition();
|
||||
const lastSuccessOrderRef = useRef<API.PreOrderResponse | undefined>(
|
||||
undefined
|
||||
);
|
||||
const selectedDiscount = subscribe?.discount?.find(
|
||||
(item) => item.quantity === params.quantity
|
||||
);
|
||||
const lastSuccessOrderRef = useRef<any>(null);
|
||||
|
||||
const { data: order } = useQuery({
|
||||
enabled: !!subscribe?.id,
|
||||
@@ -146,7 +140,6 @@ export default function Purchase({
|
||||
show_original_price: subscribe?.show_original_price,
|
||||
}}
|
||||
/>
|
||||
<PromoInfo discount={selectedDiscount} />
|
||||
</CardContent>
|
||||
</Card>
|
||||
<div className="flex flex-col justify-between text-sm">
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import { zodResolver } from "@hookform/resolvers/zod";
|
||||
import { useMutation, useQuery } from "@tanstack/react-query";
|
||||
import { useQuery } from "@tanstack/react-query";
|
||||
import { Button } from "@workspace/ui/components/button";
|
||||
import {
|
||||
Card,
|
||||
@@ -28,29 +28,18 @@ import {
|
||||
FormMessage,
|
||||
} from "@workspace/ui/components/form";
|
||||
import { Input } from "@workspace/ui/components/input";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@workspace/ui/components/select";
|
||||
import { Textarea } from "@workspace/ui/components/textarea";
|
||||
import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
|
||||
import type { ProListActions } from "@workspace/ui/composed/pro-list/pro-list";
|
||||
import { ProList } from "@workspace/ui/composed/pro-list/pro-list";
|
||||
import { UploadImage } from "@workspace/ui/composed/upload-image";
|
||||
import {
|
||||
commissionWithdraw,
|
||||
queryUserAffiliate,
|
||||
queryUserAffiliateList,
|
||||
queryWithdrawalLog,
|
||||
uploadFile,
|
||||
withdrawalCancel,
|
||||
} from "@workspace/ui/services/user/user";
|
||||
import { formatDate } from "@workspace/ui/utils/formatting";
|
||||
import { unitConversion } from "@workspace/ui/utils/unit-conversions";
|
||||
import { Copy, X } from "lucide-react";
|
||||
import { Copy } from "lucide-react";
|
||||
import { useRef, useState, useTransition } from "react";
|
||||
import { CopyToClipboard } from "react-copy-to-clipboard";
|
||||
import { useForm } from "react-hook-form";
|
||||
@@ -60,17 +49,6 @@ import { z } from "zod";
|
||||
import { Display } from "@/components/display";
|
||||
import { useGlobalStore } from "@/stores/global";
|
||||
|
||||
const WITHDRAWAL_METHODS = [
|
||||
{ value: 1, label: "支付宝" },
|
||||
{ value: 2, label: "微信" },
|
||||
{ value: 3, label: "银行卡" },
|
||||
{ value: 0, label: "其他" },
|
||||
] as const;
|
||||
|
||||
function getWithdrawalMethodLabel(method: number): string {
|
||||
return WITHDRAWAL_METHODS.find((m) => m.value === method)?.label ?? "未知";
|
||||
}
|
||||
|
||||
function getWithdrawalStatusMeta(
|
||||
status: number,
|
||||
t: ReturnType<typeof useTranslation<"affiliate">>["t"]
|
||||
@@ -86,11 +64,6 @@ function getWithdrawalStatusMeta(
|
||||
label: t("withdrawal.status.rejected", "Rejected"),
|
||||
className: "bg-destructive/10 text-destructive",
|
||||
};
|
||||
case 3:
|
||||
return {
|
||||
label: t("withdrawal.status.cancelled", "Cancelled"),
|
||||
className: "bg-muted text-muted-foreground",
|
||||
};
|
||||
default:
|
||||
return {
|
||||
label: t("withdrawal.status.pending", "Pending"),
|
||||
@@ -99,83 +72,11 @@ function getWithdrawalStatusMeta(
|
||||
}
|
||||
}
|
||||
|
||||
function QrCodeView({ url }: { url: string }) {
|
||||
const [zoomOpen, setZoomOpen] = useState(false);
|
||||
return (
|
||||
<>
|
||||
<button
|
||||
className="block overflow-hidden rounded border"
|
||||
onClick={() => setZoomOpen(true)}
|
||||
type="button"
|
||||
>
|
||||
<img
|
||||
alt="收款码"
|
||||
className="h-16 w-16 cursor-zoom-in object-cover"
|
||||
src={url}
|
||||
/>
|
||||
</button>
|
||||
{zoomOpen && (
|
||||
<Dialog onOpenChange={setZoomOpen} open={zoomOpen}>
|
||||
<DialogContent className="max-w-sm">
|
||||
<img alt="收款码" className="w-full" src={url} />
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
const withdrawalFormSchema = z
|
||||
.object({
|
||||
amount: z.number(),
|
||||
method: z.number(),
|
||||
account: z.string().trim().max(200).optional(),
|
||||
qr_code_url: z.string().optional(),
|
||||
content: z.string().trim().max(1000).optional(),
|
||||
})
|
||||
.superRefine((data, ctx) => {
|
||||
if (!data.amount || data.amount <= 0) {
|
||||
ctx.addIssue({
|
||||
code: z.ZodIssueCode.custom,
|
||||
message: "提现金额必须大于 0",
|
||||
path: ["amount"],
|
||||
});
|
||||
}
|
||||
if (data.method === 1 || data.method === 2) {
|
||||
if (!data.qr_code_url) {
|
||||
ctx.addIssue({
|
||||
code: z.ZodIssueCode.custom,
|
||||
message: "请上传收款码",
|
||||
path: ["qr_code_url"],
|
||||
});
|
||||
}
|
||||
} else if (data.method === 3) {
|
||||
if (!data.account) {
|
||||
ctx.addIssue({
|
||||
code: z.ZodIssueCode.custom,
|
||||
message: "银行卡收款账号为必填",
|
||||
path: ["account"],
|
||||
});
|
||||
}
|
||||
} else if (data.method === 0) {
|
||||
if (!data.account && !data.content) {
|
||||
ctx.addIssue({
|
||||
code: z.ZodIssueCode.custom,
|
||||
message: "收款账号和备注至少填一项",
|
||||
path: ["account"],
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
type WithdrawalFormValues = z.infer<typeof withdrawalFormSchema>;
|
||||
|
||||
export default function Affiliate() {
|
||||
const { t } = useTranslation("affiliate");
|
||||
const { user, common, getUserInfo } = useGlobalStore();
|
||||
const [withdrawalOpen, setWithdrawalOpen] = useState(false);
|
||||
const [submitting, startTransition] = useTransition();
|
||||
const [qrUploading, setQrUploading] = useState(false);
|
||||
const withdrawalListActionRef = useRef<ProListActions | undefined>(undefined);
|
||||
|
||||
const affiliateQuery = useQuery({
|
||||
@@ -188,69 +89,51 @@ export default function Affiliate() {
|
||||
const availableCommission = Number(
|
||||
user?.commission ?? affiliateQuery.data?.total_commission ?? 0
|
||||
);
|
||||
|
||||
const withdrawalForm = useForm<WithdrawalFormValues>({
|
||||
const withdrawalFormSchema = z.object({
|
||||
amount: z
|
||||
.number()
|
||||
.int(t("withdrawal.validation.amountInvalid", "Amount is invalid"))
|
||||
.positive(
|
||||
t(
|
||||
"withdrawal.validation.amountPositive",
|
||||
"Amount must be greater than 0"
|
||||
)
|
||||
)
|
||||
.max(
|
||||
availableCommission,
|
||||
t(
|
||||
"withdrawal.validation.amountExceeded",
|
||||
"Amount cannot exceed available commission"
|
||||
)
|
||||
),
|
||||
content: z
|
||||
.string()
|
||||
.trim()
|
||||
.min(
|
||||
1,
|
||||
t(
|
||||
"withdrawal.validation.contentRequired",
|
||||
"Withdrawal info is required"
|
||||
)
|
||||
)
|
||||
.max(
|
||||
1000,
|
||||
t("withdrawal.validation.contentTooLong", "Withdrawal info is too long")
|
||||
),
|
||||
});
|
||||
const withdrawalForm = useForm<z.infer<typeof withdrawalFormSchema>>({
|
||||
resolver: zodResolver(withdrawalFormSchema),
|
||||
defaultValues: {
|
||||
amount: 0,
|
||||
method: 1,
|
||||
account: "",
|
||||
qr_code_url: "",
|
||||
content: "",
|
||||
},
|
||||
});
|
||||
|
||||
const watchedMethod = withdrawalForm.watch("method");
|
||||
const watchedQrCodeUrl = withdrawalForm.watch("qr_code_url");
|
||||
|
||||
const handleQrUpload = async (file: string | File) => {
|
||||
if (!(file instanceof File)) return;
|
||||
setQrUploading(true);
|
||||
try {
|
||||
const formData = new FormData();
|
||||
formData.append("file", file);
|
||||
formData.append("biz_type", "withdrawal_qrcode");
|
||||
const response = await uploadFile(formData);
|
||||
const uploadedUrl =
|
||||
response.data.data?.url || response.data.data?.key || "";
|
||||
withdrawalForm.setValue("qr_code_url", uploadedUrl);
|
||||
withdrawalForm.clearErrors("qr_code_url");
|
||||
} catch {
|
||||
toast.error("收款码上传失败,请重试");
|
||||
} finally {
|
||||
setQrUploading(false);
|
||||
}
|
||||
};
|
||||
|
||||
const cancelMutation = useMutation({
|
||||
mutationFn: async (withdrawalId: number) =>
|
||||
withdrawalCancel({ withdrawal_id: withdrawalId }),
|
||||
onSuccess: () => {
|
||||
toast.success("提现申请已取消");
|
||||
withdrawalListActionRef.current?.refresh();
|
||||
},
|
||||
onError: () => {
|
||||
toast.error("取消失败,请重试");
|
||||
},
|
||||
});
|
||||
|
||||
const submitWithdrawal = (values: WithdrawalFormValues) => {
|
||||
if (values.amount > availableCommission) {
|
||||
withdrawalForm.setError("amount", {
|
||||
message: t(
|
||||
"withdrawal.validation.amountExceeded",
|
||||
"Amount cannot exceed available commission"
|
||||
),
|
||||
});
|
||||
return;
|
||||
}
|
||||
const submitWithdrawal = (values: z.infer<typeof withdrawalFormSchema>) => {
|
||||
startTransition(async () => {
|
||||
await commissionWithdraw({
|
||||
amount: values.amount,
|
||||
method: values.method,
|
||||
account: values.account || undefined,
|
||||
qr_code_url: values.qr_code_url || undefined,
|
||||
content: values.content || undefined,
|
||||
content: values.content.trim(),
|
||||
});
|
||||
toast.success(
|
||||
t("withdrawal.submitSuccess", "Withdrawal request submitted")
|
||||
@@ -263,9 +146,6 @@ export default function Affiliate() {
|
||||
setWithdrawalOpen(false);
|
||||
withdrawalForm.reset({
|
||||
amount: 0,
|
||||
method: 1,
|
||||
account: "",
|
||||
qr_code_url: "",
|
||||
content: "",
|
||||
});
|
||||
});
|
||||
@@ -312,7 +192,7 @@ export default function Affiliate() {
|
||||
{t("withdrawal.apply", "Apply for Withdrawal")}
|
||||
</Button>
|
||||
</DialogTrigger>
|
||||
<DialogContent className="max-h-[90vh] overflow-y-auto">
|
||||
<DialogContent>
|
||||
<DialogHeader>
|
||||
<DialogTitle>
|
||||
{t("withdrawal.applyTitle", "Apply for Withdrawal")}
|
||||
@@ -376,130 +256,21 @@ export default function Affiliate() {
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
<FormField
|
||||
control={withdrawalForm.control}
|
||||
name="method"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>收款方式</FormLabel>
|
||||
<Select
|
||||
onValueChange={(val) => {
|
||||
field.onChange(Number(val));
|
||||
withdrawalForm.setValue("qr_code_url", "");
|
||||
withdrawalForm.setValue("account", "");
|
||||
withdrawalForm.clearErrors();
|
||||
}}
|
||||
value={String(field.value)}
|
||||
>
|
||||
<FormControl>
|
||||
<SelectTrigger>
|
||||
<SelectValue placeholder="请选择收款方式" />
|
||||
</SelectTrigger>
|
||||
</FormControl>
|
||||
<SelectContent>
|
||||
{WITHDRAWAL_METHODS.map((m) => (
|
||||
<SelectItem
|
||||
key={m.value}
|
||||
value={String(m.value)}
|
||||
>
|
||||
{m.label}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
{(watchedMethod === 1 || watchedMethod === 2) && (
|
||||
<FormField
|
||||
control={withdrawalForm.control}
|
||||
name="qr_code_url"
|
||||
render={() => (
|
||||
<FormItem>
|
||||
<FormLabel>
|
||||
收款码
|
||||
<span className="ml-1 text-destructive">
|
||||
*
|
||||
</span>
|
||||
</FormLabel>
|
||||
{watchedQrCodeUrl ? (
|
||||
<div className="relative inline-block">
|
||||
<QrCodeView url={watchedQrCodeUrl} />
|
||||
<button
|
||||
className="-top-2 -right-2 absolute flex h-5 w-5 items-center justify-center rounded-full bg-destructive text-destructive-foreground"
|
||||
onClick={() =>
|
||||
withdrawalForm.setValue("qr_code_url", "")
|
||||
}
|
||||
type="button"
|
||||
>
|
||||
<X className="h-3 w-3" />
|
||||
</button>
|
||||
</div>
|
||||
) : (
|
||||
<UploadImage
|
||||
className="h-24 w-24"
|
||||
id="qr-code-upload"
|
||||
onChange={handleQrUpload}
|
||||
returnType="file"
|
||||
>
|
||||
<div className="flex h-24 w-24 flex-col items-center justify-center rounded border-2 border-dashed text-muted-foreground text-xs">
|
||||
{qrUploading ? "上传中..." : "点击上传\n收款码"}
|
||||
</div>
|
||||
</UploadImage>
|
||||
)}
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
)}
|
||||
|
||||
{(watchedMethod === 3 || watchedMethod === 0) && (
|
||||
<FormField
|
||||
control={withdrawalForm.control}
|
||||
name="account"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>
|
||||
收款账号
|
||||
{watchedMethod === 3 && (
|
||||
<span className="ml-1 text-destructive">
|
||||
*
|
||||
</span>
|
||||
)}
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<Input
|
||||
placeholder={
|
||||
watchedMethod === 3
|
||||
? "请输入银行卡号或账户信息"
|
||||
: "请输入收款账号(与备注至少填一项)"
|
||||
}
|
||||
{...field}
|
||||
/>
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
)}
|
||||
|
||||
<FormField
|
||||
control={withdrawalForm.control}
|
||||
name="content"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>备注</FormLabel>
|
||||
<FormLabel>
|
||||
{t("withdrawal.content", "Payout Information")}
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<Textarea
|
||||
placeholder={
|
||||
watchedMethod === 0
|
||||
? "备注(与账号至少填一项)"
|
||||
: "备注(可选)"
|
||||
}
|
||||
rows={3}
|
||||
placeholder={t(
|
||||
"withdrawal.contentPlaceholder",
|
||||
"Bank account, wallet address, recipient name, or other payout details"
|
||||
)}
|
||||
rows={4}
|
||||
{...field}
|
||||
/>
|
||||
</FormControl>
|
||||
@@ -518,11 +289,7 @@ export default function Affiliate() {
|
||||
{t("withdrawal.cancel", "Cancel")}
|
||||
</Button>
|
||||
<Button
|
||||
disabled={
|
||||
submitting ||
|
||||
qrUploading ||
|
||||
availableCommission <= 0
|
||||
}
|
||||
disabled={submitting || availableCommission <= 0}
|
||||
form="withdrawal-form"
|
||||
type="submit"
|
||||
>
|
||||
@@ -578,68 +345,28 @@ export default function Affiliate() {
|
||||
<div className="font-semibold text-lg">
|
||||
<Display type="currency" value={item.amount} />
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<span
|
||||
className={`inline-flex rounded-full px-3 py-1 font-medium text-xs ${statusMeta.className}`}
|
||||
>
|
||||
{statusMeta.label}
|
||||
</span>
|
||||
{item.status === 0 && (
|
||||
<ConfirmButton
|
||||
cancelText="取消"
|
||||
confirmText="确认取消"
|
||||
description="取消后该提现申请将关闭,佣金不会退还。确定取消吗?"
|
||||
onConfirm={async () => {
|
||||
await cancelMutation.mutateAsync(item.id);
|
||||
}}
|
||||
title="取消提现申请"
|
||||
trigger={
|
||||
<Button
|
||||
disabled={cancelMutation.isPending}
|
||||
size="sm"
|
||||
variant="outline"
|
||||
>
|
||||
取消申请
|
||||
</Button>
|
||||
}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
<span
|
||||
className={`inline-flex rounded-full px-3 py-1 font-medium text-xs ${statusMeta.className}`}
|
||||
>
|
||||
{statusMeta.label}
|
||||
</span>
|
||||
</div>
|
||||
<ul className="grid gap-3 md:grid-cols-2">
|
||||
<li className="flex flex-col gap-1">
|
||||
<span className="text-muted-foreground">收款方式</span>
|
||||
<span>{getWithdrawalMethodLabel(item.method)}</span>
|
||||
<span className="text-muted-foreground">
|
||||
{t("withdrawal.record.content", "Payout Information")}
|
||||
</span>
|
||||
<span className="whitespace-pre-wrap break-words">
|
||||
{item.content}
|
||||
</span>
|
||||
</li>
|
||||
{item.account && (
|
||||
<li className="flex flex-col gap-1">
|
||||
<span className="text-muted-foreground">收款账号</span>
|
||||
<span className="break-all">{item.account}</span>
|
||||
</li>
|
||||
)}
|
||||
{item.qr_code_url && (
|
||||
<li className="flex flex-col gap-1">
|
||||
<span className="text-muted-foreground">收款码</span>
|
||||
<QrCodeView url={item.qr_code_url} />
|
||||
</li>
|
||||
)}
|
||||
{item.content && (
|
||||
<li className="flex flex-col gap-1">
|
||||
<span className="text-muted-foreground">
|
||||
{t("withdrawal.record.content", "Payout Information")}
|
||||
</span>
|
||||
<span className="whitespace-pre-wrap break-words">
|
||||
{item.content}
|
||||
</span>
|
||||
</li>
|
||||
)}
|
||||
<li className="flex flex-col gap-1">
|
||||
<span className="text-muted-foreground">
|
||||
{t("withdrawal.record.createdAt", "Created At")}
|
||||
</span>
|
||||
<time>{formatDate(item.created_at)}</time>
|
||||
</li>
|
||||
{item.reason && (
|
||||
{item.reason ? (
|
||||
<li className="flex flex-col gap-1 md:col-span-2">
|
||||
<span className="text-muted-foreground">
|
||||
{t("withdrawal.record.reason", "Reject Reason")}
|
||||
@@ -648,7 +375,7 @@ export default function Affiliate() {
|
||||
{item.reason}
|
||||
</span>
|
||||
</li>
|
||||
)}
|
||||
) : null}
|
||||
</ul>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
@@ -27,52 +27,23 @@ const FormSchema = z.object({
|
||||
enable_balance_notify: z.boolean(),
|
||||
enable_login_notify: z.boolean(),
|
||||
enable_subscribe_notify: z.boolean(),
|
||||
enable_trade_notify: z.boolean(),
|
||||
// enable_trade_notify: z.boolean(),
|
||||
});
|
||||
|
||||
type NotifyFormValues = z.infer<typeof FormSchema>;
|
||||
|
||||
const notificationFields = [
|
||||
{
|
||||
name: "enable_balance_notify",
|
||||
labelKey: "notify.balanceChange",
|
||||
fallbackLabel: "Balance Change",
|
||||
},
|
||||
{
|
||||
name: "enable_login_notify",
|
||||
labelKey: "notify.login",
|
||||
fallbackLabel: "Login",
|
||||
},
|
||||
{
|
||||
name: "enable_subscribe_notify",
|
||||
labelKey: "notify.subscribe",
|
||||
fallbackLabel: "Subscribe",
|
||||
},
|
||||
{
|
||||
name: "enable_trade_notify",
|
||||
labelKey: "notify.finance",
|
||||
fallbackLabel: "Finance",
|
||||
},
|
||||
] satisfies Array<{
|
||||
name: keyof NotifyFormValues;
|
||||
labelKey: string;
|
||||
fallbackLabel: string;
|
||||
}>;
|
||||
|
||||
export default function NotifySettings() {
|
||||
const { t } = useTranslation("profile");
|
||||
const { user, getUserInfo } = useGlobalStore();
|
||||
const form = useForm<NotifyFormValues>({
|
||||
const form = useForm<z.infer<typeof FormSchema>>({
|
||||
resolver: zodResolver(FormSchema),
|
||||
defaultValues: {
|
||||
enable_balance_notify: user?.enable_balance_notify ?? false,
|
||||
enable_login_notify: user?.enable_login_notify ?? false,
|
||||
enable_subscribe_notify: user?.enable_subscribe_notify ?? false,
|
||||
enable_trade_notify: user?.enable_trade_notify ?? false,
|
||||
// enable_trade_notify: user?.enable_trade_notify ?? false,
|
||||
},
|
||||
});
|
||||
|
||||
async function onSubmit(data: NotifyFormValues) {
|
||||
async function onSubmit(data: z.infer<typeof FormSchema>) {
|
||||
await updateUserNotify(data);
|
||||
toast.success(t("notify.updateSuccess", "Update Successful"));
|
||||
await getUserInfo();
|
||||
@@ -96,15 +67,32 @@ export default function NotifySettings() {
|
||||
onSubmit={form.handleSubmit(onSubmit)}
|
||||
>
|
||||
<div className="space-y-4">
|
||||
{notificationFields.map(({ fallbackLabel, labelKey, name }) => (
|
||||
{[
|
||||
{
|
||||
name: "enable_balance_notify",
|
||||
label: t("notify.balanceChange", "Balance Change"),
|
||||
},
|
||||
{
|
||||
name: "enable_login_notify",
|
||||
label: t("notify.login", "Login"),
|
||||
},
|
||||
{
|
||||
name: "enable_subscribe_notify",
|
||||
label: t("notify.subscribe", "Subscribe"),
|
||||
},
|
||||
// {
|
||||
// name: "enable_trade_notify",
|
||||
// label: t("notify.finance", "Finance"),
|
||||
// },
|
||||
].map(({ name, label }) => (
|
||||
<FormField
|
||||
control={form.control}
|
||||
key={name}
|
||||
name={name}
|
||||
name={name as any}
|
||||
render={({ field }) => (
|
||||
<FormItem className="flex items-center justify-between space-x-4">
|
||||
<FormLabel className="text-muted-foreground">
|
||||
{t(labelKey, fallbackLabel)}
|
||||
{label}
|
||||
</FormLabel>
|
||||
<FormControl>
|
||||
<Switch
|
||||
|
||||
@@ -39,13 +39,7 @@ import { SortableRow } from "@workspace/ui/composed/pro-table/sortable-row";
|
||||
import { ProTableWrapper } from "@workspace/ui/composed/pro-table/wrapper";
|
||||
import { cn } from "@workspace/ui/lib/utils";
|
||||
import { useSize } from "ahooks";
|
||||
import {
|
||||
CircleAlert,
|
||||
GripVertical,
|
||||
ListRestart,
|
||||
Loader,
|
||||
RefreshCcw,
|
||||
} from "lucide-react";
|
||||
import { GripVertical, ListRestart, Loader, RefreshCcw } from "lucide-react";
|
||||
import type React from "react";
|
||||
import {
|
||||
Fragment,
|
||||
@@ -85,7 +79,6 @@ export interface ProTableProps<TData, TValue> {
|
||||
selectedRowsText: (total: number) => string;
|
||||
}>;
|
||||
empty?: React.ReactNode;
|
||||
error?: React.ReactNode;
|
||||
onSort?: (
|
||||
sourceId: string | number,
|
||||
targetId: string | number | null,
|
||||
@@ -111,7 +104,6 @@ export function ProTable<
|
||||
action,
|
||||
texts,
|
||||
empty,
|
||||
error,
|
||||
onSort,
|
||||
initialFilters,
|
||||
}: ProTableProps<TData, TValue>) {
|
||||
@@ -129,8 +121,6 @@ export function ProTable<
|
||||
const [rowSelection, setRowSelection] = useState({});
|
||||
const [data, setData] = useState<TData[]>([]);
|
||||
const [rowCount, setRowCount] = useState<number>(0);
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
const [requestError, setRequestError] = useState(false);
|
||||
const [pagination, setPagination] = useState({
|
||||
pageIndex: 0,
|
||||
pageSize: 200,
|
||||
@@ -203,8 +193,6 @@ export function ProTable<
|
||||
const fetchData = async () => {
|
||||
if (loading.current) return;
|
||||
loading.current = true;
|
||||
setIsLoading(true);
|
||||
setRequestError(false);
|
||||
try {
|
||||
const response = await request(
|
||||
{
|
||||
@@ -217,13 +205,10 @@ export function ProTable<
|
||||
);
|
||||
setData(response.list);
|
||||
setRowCount(response.total);
|
||||
} catch (_error) {
|
||||
setData([]);
|
||||
setRowCount(0);
|
||||
setRequestError(true);
|
||||
} catch (error) {
|
||||
console.log("Fetch data error:", error);
|
||||
} finally {
|
||||
loading.current = false;
|
||||
setIsLoading(false);
|
||||
}
|
||||
};
|
||||
const reset = async () => {
|
||||
@@ -331,16 +316,7 @@ export function ProTable<
|
||||
))}
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
{requestError ? (
|
||||
<TableRow>
|
||||
<TableCell
|
||||
className="py-12"
|
||||
colSpan={table.getAllLeafColumns().length}
|
||||
>
|
||||
{error || <ProTableErrorState />}
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
) : table.getRowModel()?.rows?.length ? (
|
||||
{table.getRowModel()?.rows?.length ? (
|
||||
onSort ? (
|
||||
table.getRowModel().rows.map((row) => (
|
||||
<SortableRow
|
||||
@@ -395,10 +371,7 @@ export function ProTable<
|
||||
)
|
||||
) : (
|
||||
<TableRow>
|
||||
<TableCell
|
||||
className="py-24"
|
||||
colSpan={table.getAllLeafColumns().length}
|
||||
>
|
||||
<TableCell className="py-24" colSpan={columns.length + 2}>
|
||||
{empty || <Empty />}
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
@@ -407,12 +380,8 @@ export function ProTable<
|
||||
</Table>
|
||||
</ProTableWrapper>
|
||||
|
||||
{isLoading && (
|
||||
<div
|
||||
aria-label="Loading data"
|
||||
className="absolute top-0 z-20 flex h-full w-full items-center justify-center bg-muted/80"
|
||||
role="status"
|
||||
>
|
||||
{loading.current && (
|
||||
<div className="absolute top-0 z-20 flex h-full w-full items-center justify-center bg-muted/80">
|
||||
<Loader className="h-4 w-4 animate-spin" />
|
||||
</div>
|
||||
)}
|
||||
@@ -422,16 +391,6 @@ export function ProTable<
|
||||
);
|
||||
}
|
||||
|
||||
function ProTableErrorState() {
|
||||
return (
|
||||
<Alert className="mx-auto max-w-md" variant="destructive">
|
||||
<CircleAlert aria-hidden="true" />
|
||||
<AlertTitle>Failed to load data</AlertTitle>
|
||||
<AlertDescription>Refresh the table or try again later.</AlertDescription>
|
||||
</Alert>
|
||||
);
|
||||
}
|
||||
|
||||
function createSelectColumn<TData, TValue>(): ColumnDef<TData, TValue> {
|
||||
return {
|
||||
id: "selected",
|
||||
|
||||
@@ -15,7 +15,6 @@ import * as log from "./log";
|
||||
import * as marketing from "./marketing";
|
||||
import * as order from "./order";
|
||||
import * as payment from "./payment";
|
||||
import * as promo from "./promo";
|
||||
import * as redemption from "./redemption";
|
||||
import * as server from "./server";
|
||||
import * as subscribe from "./subscribe";
|
||||
@@ -38,7 +37,6 @@ export default {
|
||||
marketing,
|
||||
order,
|
||||
payment,
|
||||
promo,
|
||||
redemption,
|
||||
server,
|
||||
subscribe,
|
||||
|
||||
@@ -1,19 +0,0 @@
|
||||
/* eslint-disable */
|
||||
import request from "@workspace/ui/lib/request";
|
||||
|
||||
/** Get global invite list GET /v1/admin/invite/list */
|
||||
export async function getAdminInviteList(
|
||||
params: API.GetAdminInviteListParams,
|
||||
options?: Record<string, unknown>
|
||||
) {
|
||||
return request<API.Response & { data?: API.GetAdminInviteListResponse }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/invite/list`,
|
||||
{
|
||||
method: "GET",
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
@@ -1,410 +0,0 @@
|
||||
/* eslint-disable */
|
||||
import request from "@workspace/ui/lib/request";
|
||||
|
||||
/**
|
||||
* 创建抽奖活动
|
||||
* POST /v1/admin/lottery/activities
|
||||
* @param body - 创建抽奖活动请求参数
|
||||
* @param options - 可选的请求配置
|
||||
* @returns 创建结果
|
||||
*/
|
||||
export async function createLotteryActivity(
|
||||
body: API.CreateLotteryActivityRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: API.LotteryActivity }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 更新抽奖活动
|
||||
* PUT /v1/admin/lottery/activities
|
||||
* @param body - 更新抽奖活动请求参数
|
||||
* @param options - 可选的请求配置
|
||||
* @returns 更新结果
|
||||
*/
|
||||
export async function updateLotteryActivity(
|
||||
body: API.UpdateLotteryActivityRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: API.LotteryActivity }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities`,
|
||||
{
|
||||
method: "PUT",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取抽奖活动分页列表
|
||||
* GET /v1/admin/lottery/activities
|
||||
* @param params - 分页及筛选参数
|
||||
* @param options - 可选的请求配置
|
||||
* @returns 抽奖活动列表及总数
|
||||
*/
|
||||
export async function getLotteryActivityList(
|
||||
params: API.GetLotteryActivityListParams,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: API.GetLotteryActivityListResponse }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities`,
|
||||
{
|
||||
method: "GET",
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取抽奖活动详情
|
||||
* GET /v1/admin/lottery/activities/detail
|
||||
* @param params - 活动 ID 参数
|
||||
* @param options - 可选的请求配置
|
||||
* @returns 抽奖活动详情
|
||||
*/
|
||||
export async function getLotteryActivityDetail(
|
||||
params: API.GetLotteryActivityDetailParams,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: API.LotteryActivity }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities/detail`,
|
||||
{
|
||||
method: "GET",
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 上架抽奖活动(draft → running)
|
||||
* POST /v1/admin/lottery/activities/publish
|
||||
* @param body - 上架活动请求参数
|
||||
* @param options - 可选的请求配置
|
||||
* @returns 上架结果
|
||||
*/
|
||||
export async function publishLotteryActivity(
|
||||
body: API.PublishLotteryActivityRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: any }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities/publish`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 暂停抽奖活动
|
||||
* POST /v1/admin/lottery/activities/pause
|
||||
* @param body - 暂停活动请求参数
|
||||
* @param options - 可选的请求配置
|
||||
* @returns 暂停结果
|
||||
*/
|
||||
export async function pauseLotteryActivity(
|
||||
body: API.PauseLotteryActivityRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: any }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities/pause`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 更新抽奖活动规则(eligibility + chance_sources)
|
||||
* PUT /v1/admin/lottery/activities/rules
|
||||
* @param body - 更新活动规则请求参数
|
||||
* @param options - 可选的请求配置
|
||||
* @returns 更新结果
|
||||
*/
|
||||
export async function updateLotteryActivityRules(
|
||||
body: API.UpdateLotteryActivityRulesRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: any }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities/rules`,
|
||||
{
|
||||
method: "PUT",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 创建抽奖奖品
|
||||
* POST /v1/admin/lottery/prizes
|
||||
* @param body - 创建奖品请求参数
|
||||
* @param options - 可选的请求配置
|
||||
* @returns 创建结果
|
||||
*/
|
||||
export async function createLotteryPrize(
|
||||
body: API.CreateLotteryPrizeRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: API.LotteryPrize }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/prizes`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 更新抽奖奖品
|
||||
* PUT /v1/admin/lottery/prizes
|
||||
* @param body - 更新奖品请求参数
|
||||
* @param options - 可选的请求配置
|
||||
* @returns 更新结果
|
||||
*/
|
||||
export async function updateLotteryPrize(
|
||||
body: API.UpdateLotteryPrizeRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
const { id, ...rest } = body;
|
||||
return request<API.Response & { data?: API.LotteryPrize }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/prizes/${id}`,
|
||||
{
|
||||
method: "PUT",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: rest,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除抽奖奖品
|
||||
* DELETE /v1/admin/lottery/prizes
|
||||
* @param body - 删除奖品请求参数
|
||||
* @param options - 可选的请求配置
|
||||
* @returns 删除结果
|
||||
*/
|
||||
export async function deleteLotteryPrize(
|
||||
body: API.DeleteLotteryPrizeRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: any }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/prizes/${body.id}`,
|
||||
{
|
||||
method: "DELETE",
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取抽奖奖品列表
|
||||
* GET /v1/admin/lottery/prizes
|
||||
* @param params - 活动 ID 筛选参数
|
||||
* @param options - 可选的请求配置
|
||||
* @returns 奖品列表
|
||||
*/
|
||||
export async function getLotteryPrizeList(
|
||||
params: API.GetLotteryPrizeListParams,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: API.GetLotteryPrizeListResponse }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/prizes`,
|
||||
{
|
||||
method: "GET",
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 手动发放抽奖次数
|
||||
* POST /v1/admin/lottery/chances/grant
|
||||
* @param body - 发放次数请求参数(source_ref 为幂等键)
|
||||
* @param options - 可选的请求配置
|
||||
* @returns 发放结果
|
||||
*/
|
||||
export async function grantLotteryChances(
|
||||
body: API.GrantLotteryChancesRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: any }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/chances/grant`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 领奖工单列表(Stage 2 人工奖)
|
||||
* GET /v1/admin/lottery/claims
|
||||
*/
|
||||
export async function getLotteryClaimList(
|
||||
params: API.GetLotteryClaimListParams,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: API.ListLotteryClaimsResponse }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/claims`,
|
||||
{
|
||||
method: "GET",
|
||||
params: { ...params },
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 领奖工单统计(各类型 reviewing/paying + 逾期)
|
||||
* GET /v1/admin/lottery/claims/summary
|
||||
*/
|
||||
export async function getLotteryClaimsSummary(options?: {
|
||||
[key: string]: any;
|
||||
}) {
|
||||
return request<API.Response & { data?: API.LotteryClaimsSummary }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/claims/summary`,
|
||||
{
|
||||
method: "GET",
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 审核通过领奖工单(reviewing → paying)
|
||||
* POST /v1/admin/lottery/claims/approve
|
||||
*/
|
||||
export async function approveLotteryClaim(
|
||||
body: API.ApproveLotteryClaimRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: any }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/claims/approve`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 驳回领奖工单(reviewing/paying → rejected,reason 必填)
|
||||
* POST /v1/admin/lottery/claims/reject
|
||||
*/
|
||||
export async function rejectLotteryClaim(
|
||||
body: API.RejectLotteryClaimRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: any }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/claims/reject`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 标记已发放(paying → paid),填 tx_hash / delivery_ref
|
||||
* POST /v1/admin/lottery/claims/mark-paid
|
||||
*/
|
||||
export async function markPaidLotteryClaim(
|
||||
body: API.MarkPaidLotteryClaimRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: any }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/claims/mark-paid`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 抽奖记录(发放流水)
|
||||
* GET /v1/admin/lottery/draws
|
||||
*/
|
||||
export async function getLotteryDrawList(
|
||||
params: API.GetLotteryDrawListParams,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: API.ListLotteryDrawsResponse }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/draws`,
|
||||
{
|
||||
method: "GET",
|
||||
params: { ...params },
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除抽奖活动(软删;运行中需先暂停)
|
||||
* DELETE /v1/admin/lottery/activities/:id
|
||||
*/
|
||||
export async function deleteLotteryActivity(
|
||||
body: { id: number },
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: any }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities/${body.id}`,
|
||||
{
|
||||
method: "DELETE",
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
@@ -1,150 +0,0 @@
|
||||
/* eslint-disable */
|
||||
import request from "@workspace/ui/lib/request";
|
||||
|
||||
/** Create promo rule POST /v1/admin/promo/rule */
|
||||
export async function createPromoRule(
|
||||
body: API.CreatePromoRuleRequest,
|
||||
options?: Record<string, unknown>
|
||||
) {
|
||||
return request<API.Response & { data?: API.PromoRule }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/rule`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/** Get promo rule list GET /v1/admin/promo/rule/list */
|
||||
export async function getPromoRuleList(
|
||||
params: API.GetPromoRuleListParams,
|
||||
options?: Record<string, unknown>
|
||||
) {
|
||||
return request<API.Response & { data?: API.GetPromoRuleListResponse }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/rule/list`,
|
||||
{
|
||||
method: "GET",
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/** Get promo rule detail GET /v1/admin/promo/rule/:id */
|
||||
export async function getPromoRuleDetail(
|
||||
params: API.GetPromoRuleDetailParams,
|
||||
options?: Record<string, unknown>
|
||||
) {
|
||||
return request<API.Response & { data?: API.PromoRule }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/rule/${params.id}`,
|
||||
{
|
||||
method: "GET",
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/** Update promo rule PUT /v1/admin/promo/rule/:id */
|
||||
export async function updatePromoRule(
|
||||
params: API.UpdatePromoRuleParams,
|
||||
body: API.UpdatePromoRuleRequest,
|
||||
options?: Record<string, unknown>
|
||||
) {
|
||||
return request<API.Response & { data?: API.PromoRule }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/rule/${params.id}`,
|
||||
{
|
||||
method: "PUT",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/** Delete promo rule DELETE /v1/admin/promo/rule/:id */
|
||||
export async function deletePromoRule(
|
||||
params: API.DeletePromoRuleParams,
|
||||
options?: Record<string, unknown>
|
||||
) {
|
||||
return request<API.Response & { data?: unknown }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/rule/${params.id}`,
|
||||
{
|
||||
method: "DELETE",
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/** Create promo price POST /v1/admin/promo/price */
|
||||
export async function createPromoPrice(
|
||||
body: API.CreatePromoPriceRequest,
|
||||
options?: Record<string, unknown>
|
||||
) {
|
||||
return request<API.Response & { data?: API.PromoPrice }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/price`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/** Get promo price list GET /v1/admin/promo/price/list */
|
||||
export async function getPromoPriceList(
|
||||
params: API.GetPromoPriceListParams,
|
||||
options?: Record<string, unknown>
|
||||
) {
|
||||
return request<API.Response & { data?: API.GetPromoPriceListResponse }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/price/list`,
|
||||
{
|
||||
method: "GET",
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/** Delete promo price DELETE /v1/admin/promo/price/:id */
|
||||
export async function deletePromoPrice(
|
||||
params: API.DeletePromoPriceParams,
|
||||
options?: Record<string, unknown>
|
||||
) {
|
||||
return request<API.Response & { data?: unknown }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/price/${params.id}`,
|
||||
{
|
||||
method: "DELETE",
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/** Get promo usage list GET /v1/admin/promo/usage/list */
|
||||
export async function getPromoUsageList(
|
||||
params: API.GetPromoUsageListParams,
|
||||
options?: Record<string, unknown>
|
||||
) {
|
||||
return request<API.Response & { data?: API.GetPromoUsageListResponse }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/usage/list`,
|
||||
{
|
||||
method: "GET",
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
+33
-440
@@ -28,6 +28,21 @@ declare namespace API {
|
||||
updated_at: number;
|
||||
};
|
||||
|
||||
type AdminWithdrawalLog = {
|
||||
id: number;
|
||||
user_id: number;
|
||||
amount: number;
|
||||
content: string;
|
||||
status: number;
|
||||
reason?: string;
|
||||
created_at: number;
|
||||
updated_at: number;
|
||||
};
|
||||
|
||||
type ApproveWithdrawalRequest = {
|
||||
withdrawal_id: number;
|
||||
};
|
||||
|
||||
type AnyTLS = {
|
||||
port: number;
|
||||
security_config: SecurityConfig;
|
||||
@@ -71,6 +86,18 @@ declare namespace API {
|
||||
is_default: boolean;
|
||||
};
|
||||
|
||||
type GetWithdrawalListParams = {
|
||||
page: number;
|
||||
size: number;
|
||||
user_id?: number;
|
||||
status?: number;
|
||||
};
|
||||
|
||||
type GetWithdrawalListResponse = {
|
||||
list: AdminWithdrawalLog[];
|
||||
total: number;
|
||||
};
|
||||
|
||||
type AppUserSubcbribe = {
|
||||
id: number;
|
||||
name: string;
|
||||
@@ -272,76 +299,6 @@ declare namespace API {
|
||||
enabled: boolean;
|
||||
};
|
||||
|
||||
type PromoRuleType = "new_user" | "inactive_user" | "campaign";
|
||||
|
||||
type PromoRuleParams = {
|
||||
inactive_months?: number;
|
||||
window_hours?: number;
|
||||
[key: string]: unknown;
|
||||
};
|
||||
|
||||
type PromoRule = {
|
||||
id: number;
|
||||
name: string;
|
||||
type: PromoRuleType;
|
||||
params: PromoRuleParams;
|
||||
priority: number;
|
||||
enabled: boolean;
|
||||
start_time?: number;
|
||||
end_time?: number;
|
||||
created_at?: number;
|
||||
updated_at?: number;
|
||||
};
|
||||
|
||||
type CreatePromoRuleRequest = {
|
||||
name: string;
|
||||
type: PromoRuleType;
|
||||
params: PromoRuleParams;
|
||||
priority: number;
|
||||
enabled: boolean;
|
||||
start_time?: number;
|
||||
end_time?: number;
|
||||
};
|
||||
|
||||
type UpdatePromoRuleRequest = CreatePromoRuleRequest;
|
||||
|
||||
type PromoPrice = {
|
||||
id: number;
|
||||
promo_rule_id: number;
|
||||
subscribe_id: number;
|
||||
subscribe_name?: string;
|
||||
quantity: number;
|
||||
unit_price: number;
|
||||
promo_price: number;
|
||||
created_at?: number;
|
||||
updated_at?: number;
|
||||
};
|
||||
|
||||
type CreatePromoPriceItem = {
|
||||
subscribe_id: number;
|
||||
quantity: number;
|
||||
promo_price: number;
|
||||
};
|
||||
|
||||
type CreatePromoPriceRequest = {
|
||||
promo_rule_id: number;
|
||||
items: CreatePromoPriceItem[];
|
||||
};
|
||||
|
||||
type PromoUsage = {
|
||||
id: number;
|
||||
promo_rule_id: number;
|
||||
rule_name?: string;
|
||||
subscribe_id: number;
|
||||
subscribe_name?: string;
|
||||
quantity: number;
|
||||
user_id: number;
|
||||
order_no: string;
|
||||
unit_price: number;
|
||||
promo_price: number;
|
||||
used_at: number;
|
||||
};
|
||||
|
||||
type CreateOrderRequest = {
|
||||
user_id: number;
|
||||
type: number;
|
||||
@@ -468,9 +425,6 @@ declare namespace API {
|
||||
expired_at: number;
|
||||
traffic: number;
|
||||
subscribe_id: number;
|
||||
speed_limit?: number;
|
||||
device_limit?: number;
|
||||
traffic_limit?: UserSubscribeTrafficLimitRule[];
|
||||
};
|
||||
|
||||
type CurrencyConfig = {
|
||||
@@ -999,61 +953,6 @@ declare namespace API {
|
||||
list: Coupon[];
|
||||
};
|
||||
|
||||
type GetPromoRuleListParams = {
|
||||
page: number;
|
||||
size: number;
|
||||
type?: PromoRuleType;
|
||||
enabled?: boolean;
|
||||
search?: string;
|
||||
};
|
||||
|
||||
type GetPromoRuleListResponse = {
|
||||
total: number;
|
||||
list: PromoRule[];
|
||||
};
|
||||
|
||||
type GetPromoRuleDetailParams = {
|
||||
id: number;
|
||||
};
|
||||
|
||||
type UpdatePromoRuleParams = {
|
||||
id: number;
|
||||
};
|
||||
|
||||
type DeletePromoRuleParams = {
|
||||
id: number;
|
||||
};
|
||||
|
||||
type GetPromoPriceListParams = {
|
||||
page: number;
|
||||
size: number;
|
||||
promo_rule_id?: number;
|
||||
subscribe_id?: number;
|
||||
};
|
||||
|
||||
type GetPromoPriceListResponse = {
|
||||
total: number;
|
||||
list: PromoPrice[];
|
||||
};
|
||||
|
||||
type DeletePromoPriceParams = {
|
||||
id: number;
|
||||
};
|
||||
|
||||
type GetPromoUsageListParams = {
|
||||
page: number;
|
||||
size: number;
|
||||
promo_rule_id?: number;
|
||||
subscribe_id?: number;
|
||||
user_id?: number;
|
||||
order_no?: string;
|
||||
};
|
||||
|
||||
type GetPromoUsageListResponse = {
|
||||
total: number;
|
||||
list: PromoUsage[];
|
||||
};
|
||||
|
||||
type GetDetailRequest = {
|
||||
id: number;
|
||||
};
|
||||
@@ -1291,7 +1190,6 @@ declare namespace API {
|
||||
size: number;
|
||||
user_id?: number;
|
||||
status?: number;
|
||||
method?: number;
|
||||
};
|
||||
|
||||
type GetWithdrawalListResponse = {
|
||||
@@ -1903,6 +1801,11 @@ declare namespace API {
|
||||
total: number;
|
||||
};
|
||||
|
||||
type RejectWithdrawalRequest = {
|
||||
withdrawal_id: number;
|
||||
reason: string;
|
||||
};
|
||||
|
||||
type QuotaTask = {
|
||||
id: number;
|
||||
subscribers: number[];
|
||||
@@ -2226,13 +2129,6 @@ declare namespace API {
|
||||
quantity: number;
|
||||
discount: number;
|
||||
map_apple?: string;
|
||||
promo?: SubscribeDiscountPromo;
|
||||
};
|
||||
|
||||
type SubscribeDiscountPromo = {
|
||||
rule_name?: string;
|
||||
promo_price: number;
|
||||
end_time?: number;
|
||||
};
|
||||
|
||||
type SubscribeGroup = {
|
||||
@@ -2563,16 +2459,12 @@ declare namespace API {
|
||||
};
|
||||
|
||||
type UpdateUserSubscribeRequest = {
|
||||
user_id?: number;
|
||||
user_subscribe_id: number;
|
||||
subscribe_id: number;
|
||||
traffic: number;
|
||||
expired_at: number;
|
||||
upload: number;
|
||||
download: number;
|
||||
speed_limit?: number;
|
||||
device_limit?: number;
|
||||
traffic_limit?: UserSubscribeTrafficLimitRule[];
|
||||
};
|
||||
|
||||
type User = {
|
||||
@@ -2663,12 +2555,6 @@ declare namespace API {
|
||||
traffic: number;
|
||||
download: number;
|
||||
upload: number;
|
||||
speed_limit?: number;
|
||||
device_limit?: number;
|
||||
effective_speed?: number;
|
||||
is_throttled?: boolean;
|
||||
throttle_rule?: string;
|
||||
traffic_limit?: UserSubscribeTrafficLimitRule[];
|
||||
token: string;
|
||||
status: number;
|
||||
short: string;
|
||||
@@ -2678,13 +2564,6 @@ declare namespace API {
|
||||
updated_at: number;
|
||||
};
|
||||
|
||||
type UserSubscribeTrafficLimitRule = {
|
||||
stat_type: string;
|
||||
stat_value: number;
|
||||
traffic_usage: number;
|
||||
speed_limit: number;
|
||||
};
|
||||
|
||||
type UserSubscribeDetail = {
|
||||
id: number;
|
||||
user_id: number;
|
||||
@@ -2698,9 +2577,6 @@ declare namespace API {
|
||||
traffic: number;
|
||||
download: number;
|
||||
upload: number;
|
||||
speed_limit?: number;
|
||||
device_limit?: number;
|
||||
traffic_limit?: UserSubscribeTrafficLimitRule[];
|
||||
token: string;
|
||||
status: number;
|
||||
effective_speed: number;
|
||||
@@ -2897,35 +2773,6 @@ declare namespace API {
|
||||
list: AdminInvitedUser[];
|
||||
};
|
||||
|
||||
type GetAdminInviteListParams = {
|
||||
page: number;
|
||||
size: number;
|
||||
search?: string;
|
||||
inviter_id?: number;
|
||||
invitee_id?: number;
|
||||
};
|
||||
|
||||
type AdminInviteRelation = {
|
||||
id?: string;
|
||||
inviter_id: number;
|
||||
inviter_identifier: string;
|
||||
invitee_id: number;
|
||||
invitee_identifier: string;
|
||||
invitee_avatar: string;
|
||||
invitee_enable: boolean;
|
||||
invited_at: number;
|
||||
order_count: number;
|
||||
has_purchased: boolean;
|
||||
inviter_commission: number;
|
||||
inviter_gift_days: number;
|
||||
invitee_gift_days: number;
|
||||
};
|
||||
|
||||
type GetAdminInviteListResponse = {
|
||||
total: number;
|
||||
list: AdminInviteRelation[];
|
||||
};
|
||||
|
||||
type ActivateOrderRequest = {
|
||||
order_no: string;
|
||||
};
|
||||
@@ -3282,264 +3129,10 @@ declare namespace API {
|
||||
id: number;
|
||||
user_id: number;
|
||||
amount: number;
|
||||
method: number;
|
||||
account?: string;
|
||||
qr_code_url?: string;
|
||||
content?: string;
|
||||
content: string;
|
||||
status: number;
|
||||
reason?: string;
|
||||
created_at: number;
|
||||
updated_at: number;
|
||||
};
|
||||
|
||||
type AdminWithdrawalLog = WithdrawalLog;
|
||||
|
||||
type LotteryPrizeType =
|
||||
| "vpn_duration"
|
||||
| "commission"
|
||||
| "none"
|
||||
| "crypto"
|
||||
| "physical"
|
||||
| "manual_other"
|
||||
| "coupon"
|
||||
| "points";
|
||||
|
||||
type LotteryActivityStatus = "draft" | "running" | "paused" | "ended";
|
||||
|
||||
type LotteryChanceSourceType =
|
||||
| "daily_signin"
|
||||
| "new_subscription"
|
||||
| "invite_success"
|
||||
| "manual_grant";
|
||||
|
||||
type LotteryEligibilityNode = {
|
||||
op?: "AND" | "OR";
|
||||
children?: LotteryEligibilityNode[];
|
||||
type?: string;
|
||||
params?: Record<string, any>;
|
||||
};
|
||||
|
||||
type LotteryChanceSource = {
|
||||
source: LotteryChanceSourceType;
|
||||
amount: number;
|
||||
daily_limit?: number;
|
||||
};
|
||||
|
||||
type LotteryPrize = {
|
||||
id: number;
|
||||
activity_id: number;
|
||||
slot: number;
|
||||
type: LotteryPrizeType;
|
||||
name: string;
|
||||
icon_url: string;
|
||||
config: Record<string, any>;
|
||||
weight: number;
|
||||
total_stock: number | null;
|
||||
is_fallback: boolean;
|
||||
sold_out?: boolean;
|
||||
};
|
||||
|
||||
type LotteryActivity = {
|
||||
id: number;
|
||||
title: string;
|
||||
description: string;
|
||||
start_at: number; // Unix 秒
|
||||
end_at: number; // Unix 秒
|
||||
status: LotteryActivityStatus;
|
||||
grid_size: number;
|
||||
eligibility?: LotteryEligibilityNode | Record<string, never> | null;
|
||||
chance_sources?: LotteryChanceSource[];
|
||||
unmet_action?: string;
|
||||
prizes?: LotteryPrize[];
|
||||
};
|
||||
|
||||
type CreateLotteryActivityRequest = {
|
||||
title: string;
|
||||
description: string;
|
||||
start_at: number;
|
||||
end_at: number;
|
||||
grid_size: number;
|
||||
eligibility: LotteryEligibilityNode | Record<string, never> | null;
|
||||
chance_sources: LotteryChanceSource[];
|
||||
unmet_action: string;
|
||||
};
|
||||
|
||||
type UpdateLotteryActivityRequest = CreateLotteryActivityRequest & {
|
||||
id: number;
|
||||
};
|
||||
|
||||
type GetLotteryActivityListParams = {
|
||||
page: number;
|
||||
size: number;
|
||||
status?: string;
|
||||
};
|
||||
|
||||
type GetLotteryActivityListResponse = {
|
||||
total: number;
|
||||
list: LotteryActivity[];
|
||||
};
|
||||
|
||||
type GetLotteryActivityDetailParams = { id: number };
|
||||
|
||||
type PublishLotteryActivityRequest = { id: number };
|
||||
|
||||
type PauseLotteryActivityRequest = { id: number };
|
||||
|
||||
type UpdateLotteryActivityRulesRequest = {
|
||||
id: number;
|
||||
eligibility: LotteryEligibilityNode | Record<string, never> | null;
|
||||
chance_sources: LotteryChanceSource[];
|
||||
};
|
||||
|
||||
type CreateLotteryPrizeRequest = {
|
||||
activity_id: number;
|
||||
slot: number;
|
||||
type: LotteryPrizeType;
|
||||
name: string;
|
||||
icon_url: string;
|
||||
config: Record<string, any>;
|
||||
weight: number;
|
||||
total_stock: number | null;
|
||||
is_fallback: boolean;
|
||||
};
|
||||
|
||||
type UpdateLotteryPrizeRequest = CreateLotteryPrizeRequest & { id: number };
|
||||
|
||||
type DeleteLotteryPrizeRequest = { id: number };
|
||||
|
||||
type GetLotteryPrizeListParams = { activity_id: number };
|
||||
|
||||
type GetLotteryPrizeListResponse = { total?: number; list: LotteryPrize[] };
|
||||
|
||||
type GrantLotteryChancesRequest = {
|
||||
activity_id: number;
|
||||
user_id: number;
|
||||
amount: number;
|
||||
source_ref: string;
|
||||
};
|
||||
|
||||
// ---- Stage 2 领奖工单(人工奖)--------------------------------------------
|
||||
|
||||
type LotteryClaimStatus =
|
||||
| "pending_claim"
|
||||
| "reviewing"
|
||||
| "paying"
|
||||
| "paid"
|
||||
| "rejected"
|
||||
| "expired";
|
||||
|
||||
type GetLotteryClaimListParams = {
|
||||
type?: LotteryPrizeType;
|
||||
status?: LotteryClaimStatus;
|
||||
activity_id?: number;
|
||||
user_id?: number;
|
||||
from?: number;
|
||||
to?: number;
|
||||
page: number;
|
||||
size: number;
|
||||
};
|
||||
|
||||
type AdminLotteryClaimUser = {
|
||||
id: number;
|
||||
email?: string;
|
||||
};
|
||||
|
||||
type AdminLotteryClaimPrize = {
|
||||
type: LotteryPrizeType;
|
||||
name: string;
|
||||
config: Record<string, any>;
|
||||
};
|
||||
|
||||
type AdminLotteryClaim = {
|
||||
id: number;
|
||||
draw_id: number;
|
||||
activity_id: number;
|
||||
user: AdminLotteryClaimUser;
|
||||
prize: AdminLotteryClaimPrize;
|
||||
status: LotteryClaimStatus;
|
||||
claim_data?: Record<string, any>;
|
||||
submitted_at?: number;
|
||||
expires_at: number;
|
||||
reviewed_by?: number;
|
||||
reviewed_at?: number;
|
||||
reject_reason?: string;
|
||||
tx_hash?: string;
|
||||
delivery_ref?: string;
|
||||
paid_at?: number;
|
||||
created_at: number;
|
||||
};
|
||||
|
||||
type ListLotteryClaimsResponse = {
|
||||
total: number;
|
||||
claims: AdminLotteryClaim[];
|
||||
};
|
||||
|
||||
type LotteryClaimsStatusCount = {
|
||||
reviewing: number;
|
||||
paying: number;
|
||||
};
|
||||
|
||||
type LotteryClaimsSummary = {
|
||||
crypto: LotteryClaimsStatusCount;
|
||||
physical: LotteryClaimsStatusCount;
|
||||
manual_other: LotteryClaimsStatusCount;
|
||||
overdue: number;
|
||||
};
|
||||
|
||||
type ApproveLotteryClaimRequest = { id: number };
|
||||
|
||||
type RejectLotteryClaimRequest = { id: number; reason: string };
|
||||
|
||||
type MarkPaidLotteryClaimRequest = {
|
||||
id: number;
|
||||
tx_hash?: string;
|
||||
delivery_ref?: string;
|
||||
paid_at?: number;
|
||||
};
|
||||
|
||||
// ---- Stage 3 抽奖记录(发放流水)-----------------------------------------
|
||||
|
||||
type GetLotteryDrawListParams = {
|
||||
activity_id?: number;
|
||||
user_id?: number;
|
||||
prize_type?: LotteryPrizeType;
|
||||
dispatch_state?: string;
|
||||
win?: "1" | "0";
|
||||
from?: number;
|
||||
to?: number;
|
||||
page: number;
|
||||
size: number;
|
||||
};
|
||||
|
||||
type AdminLotteryDrawUser = {
|
||||
id: number;
|
||||
email?: string;
|
||||
};
|
||||
|
||||
type AdminLotteryDrawPrize = {
|
||||
slot: number;
|
||||
type: LotteryPrizeType;
|
||||
name: string;
|
||||
config: Record<string, any>;
|
||||
};
|
||||
|
||||
type AdminLotteryDraw = {
|
||||
draw_id: number;
|
||||
activity_id: number;
|
||||
user: AdminLotteryDrawUser;
|
||||
is_win: boolean;
|
||||
prize?: AdminLotteryDrawPrize;
|
||||
dispatch_state: string;
|
||||
dispatch_error?: string;
|
||||
grant_amount?: number;
|
||||
grant_message?: string;
|
||||
drawn_at: number;
|
||||
dispatched_at?: number;
|
||||
created_at: number;
|
||||
};
|
||||
|
||||
type ListLotteryDrawsResponse = {
|
||||
total: number;
|
||||
list: AdminLotteryDraw[];
|
||||
};
|
||||
}
|
||||
|
||||
@@ -1,14 +1,6 @@
|
||||
/* eslint-disable */
|
||||
import request from "@workspace/ui/lib/request";
|
||||
|
||||
export type UpdateUserBasicInfoBody = Omit<
|
||||
API.UpdateUserBasiceInfoRequest,
|
||||
"password"
|
||||
> & {
|
||||
password?: string;
|
||||
remark?: string;
|
||||
};
|
||||
|
||||
/** Create user POST /v1/admin/user/ */
|
||||
export async function createUser(
|
||||
body: API.CreateUserRequest,
|
||||
@@ -112,7 +104,7 @@ export async function deleteUserAuthMethod(
|
||||
|
||||
/** Update user basic info PUT /v1/admin/user/basic */
|
||||
export async function updateUserBasicInfo(
|
||||
body: UpdateUserBasicInfoBody,
|
||||
body: API.UpdateUserBasiceInfoRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: any }>(
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
// @ts-expect-error
|
||||
/* eslint-disable */
|
||||
import request from "@workspace/ui/lib/request";
|
||||
|
||||
|
||||
@@ -910,13 +910,6 @@ declare namespace API {
|
||||
quantity: number;
|
||||
discount: number;
|
||||
map_apple?: string;
|
||||
promo?: SubscribeDiscountPromo;
|
||||
};
|
||||
|
||||
type SubscribeDiscountPromo = {
|
||||
rule_name?: string;
|
||||
promo_price: number;
|
||||
end_time?: number;
|
||||
};
|
||||
|
||||
type SubscribeGroup = {
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
// @ts-expect-error
|
||||
/* eslint-disable */
|
||||
import request from "@workspace/ui/lib/request";
|
||||
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
// @ts-expect-error
|
||||
/* eslint-disable */
|
||||
import request from "@workspace/ui/lib/request";
|
||||
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
// @ts-expect-error
|
||||
/* eslint-disable */
|
||||
import request from "@workspace/ui/lib/request";
|
||||
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
// @ts-expect-error
|
||||
/* eslint-disable */
|
||||
import request from "@workspace/ui/lib/request";
|
||||
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
// @ts-expect-error
|
||||
/* eslint-disable */
|
||||
import request from "@workspace/ui/lib/request";
|
||||
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
// @ts-expect-error
|
||||
/* eslint-disable */
|
||||
import request from "@workspace/ui/lib/request";
|
||||
|
||||
|
||||
+2
-21
@@ -172,14 +172,7 @@ declare namespace API {
|
||||
|
||||
type CommissionWithdrawRequest = {
|
||||
amount: number;
|
||||
method: number;
|
||||
account?: string;
|
||||
qr_code_url?: string;
|
||||
content?: string;
|
||||
};
|
||||
|
||||
type WithdrawalCancelRequest = {
|
||||
withdrawal_id: number;
|
||||
content: string;
|
||||
};
|
||||
|
||||
type Coupon = {
|
||||
@@ -548,7 +541,6 @@ declare namespace API {
|
||||
price: number;
|
||||
amount: number;
|
||||
discount: number;
|
||||
promo_discount: number;
|
||||
gift_amount: number;
|
||||
coupon: string;
|
||||
coupon_discount: number;
|
||||
@@ -1020,14 +1012,6 @@ declare namespace API {
|
||||
quantity: number;
|
||||
discount: number;
|
||||
map_apple?: string;
|
||||
promo?: SubscribeDiscountPromo;
|
||||
};
|
||||
|
||||
type SubscribeDiscountPromo = {
|
||||
rule_name?: string;
|
||||
rule_type?: string;
|
||||
promo_price: number;
|
||||
expires_at?: number;
|
||||
};
|
||||
|
||||
type SubscribeGroup = {
|
||||
@@ -1312,10 +1296,7 @@ declare namespace API {
|
||||
id: number;
|
||||
user_id: number;
|
||||
amount: number;
|
||||
method: number;
|
||||
account?: string;
|
||||
qr_code_url?: string;
|
||||
content?: string;
|
||||
content: string;
|
||||
status: number;
|
||||
reason?: string;
|
||||
created_at: number;
|
||||
|
||||
@@ -470,36 +470,3 @@ export async function queryWithdrawalLog(
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/** Cancel Withdrawal POST /v1/public/user/withdrawal_cancel */
|
||||
export async function withdrawalCancel(
|
||||
body: API.WithdrawalCancelRequest,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: any }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/public/user/withdrawal_cancel`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/** Upload File POST /v1/public/file/upload */
|
||||
export async function uploadFile(
|
||||
formData: FormData,
|
||||
options?: { [key: string]: any }
|
||||
) {
|
||||
return request<API.Response & { data?: { url: string; key: string } }>(
|
||||
`${import.meta.env.VITE_API_PREFIX || ""}/v1/public/file/upload`,
|
||||
{
|
||||
method: "POST",
|
||||
data: formData,
|
||||
...(options || {}),
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user