Each later guaranteed-slot decline or expiry adds one unit to the final draw without changing the ${state.playerCapacity}-unit Collector capacity.
${issues.length ? `No capacity, coverage or same-tier overflow warning.
'}`;\n }\n\n function renderCampaignControls() {\n const eligible = eligibleCollectors().length;\n const excluded = collectors.length - eligible;\n root.querySelectorAll('[data-oap-edition-total]').forEach((node) => { node.textContent = String(editionTotal); });\n root.querySelectorAll('[data-oap-customer-capacity]').forEach((node) => { node.textContent = String(state.playerCapacity); });\n root.querySelectorAll('[data-oap-partner-reserve], [data-oap-parameter-partner-reserve]').forEach((node) => { node.textContent = String(partnerReserve()); });\n root.querySelectorAll('[data-oap-eligible-total]').forEach((node) => { node.textContent = String(eligible); });\n root.querySelectorAll('[data-oap-excluded-total]').forEach((node) => { node.textContent = `${excluded} excluded from this pool`; });\n root.querySelectorAll('[data-oap-eligibility-rule]').forEach((node) => {\n node.textContent = eligibilityMode === 'holding_or_points'\n ? `1+ model or ${money.format(eligibilityPointsFloor)} Points`\n : `${money.format(eligibilityPointsFloor)}+ release-eligible Points`;\n });\n root.querySelectorAll('[data-oap-eligibility-note]').forEach((node) => {\n node.textContent = eligibilityMode === 'holding_or_points'\n ? 'Either condition admits the collector'\n : 'Current C12S campaign exception';\n });\n if (refs.playerCapacity) {\n refs.playerCapacity.max = String(editionTotal);\n refs.playerCapacity.value = String(state.playerCapacity);\n }\n if (refs.parameterStatus) refs.parameterStatus.innerHTML = `\n ${escapeHtml(collector.id)} ${collector.distinctModels} \n ${collector.physicalItems} \n ${collector.duplicateItems ? `+${collector.duplicateItems} same-model item${collector.duplicateItems === 1 ? '' : 's'} ` : 'None '} \n ${money.format(collector.eligiblePoints)} \n ${collector.reviewStatus === 'in_review' ? 'Assumed approved ' : 'Completed '} \n ${assignment?.excluded ? 'Audit only ' : tier ? escapeHtml(tier.name) : 'Unassigned '} \n ${capability}${assignment?.qualified && tier?.overflow ? 'Unresolved tier overflow ' : ''} \n `;\n }).join('') || 'No collectors match this filter. Owner ID ${escapeHtml(collector.ownerId)} Name ${escapeHtml(collector.displayName)} ${collector.syntheticIdentity ? 'Synthetic identity in this local prototype. The formal owner workbench loads protected values. ' : ''}`;\n identityTooltip.hidden = false;\n const rect = trigger.getBoundingClientRect();\n const tooltipRect = identityTooltip.getBoundingClientRect();\n const left = Math.min(window.innerWidth - tooltipRect.width - 12, Math.max(12, rect.left));\n const below = rect.bottom + 8;\n const top = below + tooltipRect.height <= window.innerHeight - 12 ? below : Math.max(12, rect.top - tooltipRect.height - 8);\n identityTooltip.style.left = `${left}px`;\n identityTooltip.style.top = `${top}px`;\n }\n\n function hideIdentity(trigger, force = false) {\n if (identityPinned && !force) return;\n if (trigger && activeIdentityTrigger !== trigger) return;\n identityPinned = false;\n activeIdentityTrigger = null;\n identityTooltip.hidden = true;\n }\n\n const normalizedCandidate = (scenario) => ({\n key: String(scenario?.id || scenario?.key || 'candidate'),\n name: String(scenario?.name || 'Reviewed allocation plan'),\n tiers: (scenario?.tiers || []).map((tier) => ({\n name: String(tier.name || ''),\n min_models: Number(tier.min_models ?? tier.min),\n max_models: Number(tier.max_models ?? tier.max),\n points_cost: Number(tier.points_cost ?? tier.points),\n target_slots: Number(tier.target_slots ?? tier.seats),\n })),\n });\n\n const decisionSignature = (candidate, capacity = state.playerCapacity) => JSON.stringify({\n edition_total: editionTotal,\n player_capacity: Number(capacity),\n eligibility_mode: eligibilityMode,\n eligibility_points_floor: eligibilityPointsFloor,\n candidate: normalizedCandidate(candidate),\n });\n\n function localPlanFromResult(result, status = 'reviewed_draft') {\n const members = collectors.map((collector) => {\n const assignment = result.assignments.get(collector.id);\n return {\n collector_id: collector.collectorId,\n tier_index: assignment?.tier ? result.tierResults.findIndex((tier) => tier.id === assignment.tier.id) : null,\n outcome: assignment?.excluded ? 'excluded' : assignment?.qualified ? 'guaranteed' : 'draw_pool',\n eligible_points: collector.eligiblePoints,\n distinct_models: collector.distinctModels,\n physical_items: collector.physicalItems,\n points_cost: assignment?.tier ? Number(assignment.tier.points) : null,\n };\n });\n const guaranteed = members.filter((member) => member.outcome === 'guaranteed').length;\n const drawPool = members.filter((member) => member.outcome === 'draw_pool').length;\n const excluded = members.filter((member) => member.outcome === 'excluded').length;\n return {\n plan_id: `LOCAL-PLAN-${Date.now()}`,\n plan_revision: Number(state.savedPlan?.plan_revision || 0) + 1,\n status,\n candidate: normalizedCandidate(result.scenario),\n edition_total: editionTotal,\n player_capacity: state.playerCapacity,\n partner_reserve: partnerReserve(),\n eligibility_mode: eligibilityMode,\n eligibility_points_floor: eligibilityPointsFloor,\n applicant_count: members.length,\n eligible_collector_count: members.length - excluded,\n excluded_collector_count: excluded,\n guaranteed_count: guaranteed,\n base_draw_count: Math.max(0, state.playerCapacity - guaranteed),\n draw_pool_count: drawPool,\n preview: { tiers: result.tierResults.map((tier, index) => ({\n tier_index: index,\n name: tier.name,\n min_models: Number(tier.min),\n max_models: Number(tier.max),\n points_cost: Number(tier.points),\n target_slots: Number(tier.seats),\n population_count: tier.total,\n guaranteed_count: tier.qualified,\n })) },\n members,\n created_at: new Date().toISOString(),\n locked_at: status === 'locked' ? new Date().toISOString() : null,\n };\n }\n\n function renderMemberGroup(plan, outcome, title) {\n const rows = (plan.members || []).filter((member) => member.outcome === outcome);\n const items = rows.map((member) => {\n const collector = collectors.find((row) => row.collectorId === member.collector_id);\n const identity = collector ? `${collector.id} \u00B7 ${collector.displayName}` : member.collector_id;\n const tier = member.tier_index === null ? 'Audit only' : plan.candidate?.tiers?.[member.tier_index]?.name || `Tier ${Number(member.tier_index) + 1}`;\n return `${escapeHtml(identity)} ${escapeHtml(tier)} \u00B7 ${money.format(member.eligible_points)} Points ${escapeHtml(title)} ${rows.length} ${items || 'No collectors '} \n
Collector capacity ${plan.player_capacity} ${plan.partner_reserve} partner unit${plan.partner_reserve === 1 ? '' : 's'}
\n
Guaranteed ${plan.guaranteed_count} Uniform tier costs
\n
Base draw ${plan.base_draw_count} Before later declines
\n
Draw pool now ${plan.draw_pool_count} ${plan.excluded_collector_count} excluded
\n
Tier Holding range KoB Points Guaranteed ${tiers.map((tier) => `${escapeHtml(tier.name)} ${tier.min_models}\u2013${tier.max_models} ${money.format(tier.points_cost)} ${tier.guaranteed_count ?? tier.target_slots} / ${tier.population_count ?? '\u2014'}
\n ${renderMemberGroup(plan, 'guaranteed', 'Guaranteed offer list')}\n ${renderMemberGroup(plan, 'draw_pool', 'Initial draw pool')}\n ${renderMemberGroup(plan, 'excluded', 'Excluded audit records')}\n
`;\n }\n\n const formatJst = (value) => {\n const date = new Date(value);\n if (Number.isNaN(date.getTime())) return '\u2014';\n return new Intl.DateTimeFormat('en-CA', {\n timeZone: 'Asia/Tokyo', year: 'numeric', month: '2-digit', day: '2-digit',\n hour: '2-digit', minute: '2-digit', hour12: false,\n }).format(date).replace(',', '') + ' JST';\n };\n\n const jstInputToIso = (value) => {\n const clean = String(value || '').trim();\n if (!/^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}$/.test(clean)) throw new Error('choice_window_time_invalid');\n const date = new Date(`${clean}:00+09:00`);\n if (Number.isNaN(date.getTime())) throw new Error('choice_window_time_invalid');\n return date.toISOString();\n };\n\n const localInputToIso = (value) => {\n const date = new Date(String(value || '').trim());\n if (Number.isNaN(date.getTime())) throw new Error('public_draw_time_invalid');\n return date.toISOString();\n };\n\n const isoToLocalInput = (value) => {\n const date = new Date(value);\n if (Number.isNaN(date.getTime())) return '';\n const offset = date.getTimezoneOffset() * 60_000;\n return new Date(date.getTime() - offset).toISOString().slice(0, 19);\n };\n\n function renderChoiceWindow() {\n if (!refs.choiceWindow) return;\n const windowRecord = state.choiceWindow;\n const planLocked = state.savedPlan?.status === 'locked';\n refs.choiceState.textContent = !state.choiceLoaded ? 'Checking'\n : windowRecord ? `${windowRecord.status} \u00B7 revision ${windowRecord.revision}`\n : planLocked ? 'Ready to prepare' : 'Locked plan required';\n refs.choiceState.className = `oap__choice-state${windowRecord ? ' oap__choice-state--prepared' : ''}`;\n refs.choiceOpens.disabled = state.choiceBusy || Boolean(windowRecord) || !planLocked;\n refs.choiceCloses.disabled = state.choiceBusy || Boolean(windowRecord) || !planLocked;\n refs.prepareChoice.disabled = state.choiceBusy || Boolean(windowRecord) || !state.choiceLoaded || !planLocked;\n refs.prepareChoice.hidden = Boolean(windowRecord);\n refs.prepareChoice.textContent = state.choiceBusy ? 'Preparing\u2026' : 'Prepare read-only window';\n refs.choiceMessage.textContent = state.choiceMessage || (!state.choiceLoaded\n ? 'Checking the protected campaign state.'\n : windowRecord\n ? `${formatJst(windowRecord.opens_at)} \u2192 ${formatJst(windowRecord.closes_at)} \u00B7 ${windowRecord.email_job_count || 0} email jobs queued. Scheduled delivery begins at the opening time.`\n : planLocked\n ? 'Review both JST times, then prepare the immutable window. Collector responses, reminders and email delivery stay off.'\n : 'Lock the reviewed Allocation Plan before preparing a Collector choice window.');\n renderOwnerPreview();\n }\n\n const choiceLabel = (decision) => ({\n accept_guaranteed: 'Keep purchase slot',\n enter_draw: 'Join draw',\n decline_all: 'Leave release',\n no_response: 'No response',\n })[decision] || decision || '\u2014';\n\n const outcomeLabel = (outcome) => outcome === 'guaranteed' ? 'Guaranteed offer' : 'Initial draw pool';\n\n const settlementIdentity = (row) => {\n const identity = row?.identity || {};\n const name = identity.display_name || 'Name unavailable';\n const email = identity.email || '';\n return `${escapeHtml(name)} ${email && email.toLowerCase() !== name.toLowerCase() ? `${escapeHtml(email)} ` : ''}`;\n };\n\n function renderRehearsal() {\n if (!refs.createRehearsal) return;\n const rehearsal = state.rehearsal;\n if (!refs.rehearsalTime.value) {\n refs.rehearsalTime.value = isoToLocalInput(new Date(Date.now() + 3 * 60_000));\n }\n refs.rehearsalTime.disabled = state.rehearsalBusy;\n refs.setRehearsalTime.disabled = state.rehearsalBusy;\n refs.rehearsalEmail.disabled = state.rehearsalBusy;\n refs.rehearsalConfirm.disabled = state.rehearsalBusy;\n refs.createRehearsal.disabled = state.rehearsalBusy || !refs.rehearsalConfirm.checked;\n refs.createRehearsal.textContent = state.rehearsalBusy ? 'Creating rehearsal\u2026' : 'Create rehearsal & open draw room';\n refs.openRehearsal.hidden = !state.rehearsalViewerUrl;\n if (state.rehearsalViewerUrl) refs.openRehearsal.href = state.rehearsalViewerUrl;\n refs.rehearsalMetrics.innerHTML = rehearsal ? `\n Status ${escapeHtml(rehearsal.status.replaceAll('_', ' '))} Isolated QA record
\n Reveal ${escapeHtml(formatJst(rehearsal.round_time))} Exact Quicknet boundary
\n Draw slots ${rehearsal.draw_slots} Current projected returns
\n Candidates ${rehearsal.candidate_count} Includes test viewer
\n drand round ${money.format(rehearsal.drand_round)} Committed future signal
\n Receipt ${rehearsal.receipt_hash ? 'Verified' : 'Pending'} ${rehearsal.receipt_hash ? 'Result finalized' : 'Wait for reveal'}
` : '';\n refs.rehearsalMessage.textContent = state.rehearsalMessage || (rehearsal\n ? 'This is the latest isolated rehearsal record. Its private viewer link is shown only in the browser session that created it.'\n : 'Set a future time to test the actual backend commitment, countdown and result effect.');\n }\n\n function setRehearsalTimeFromNow() {\n if (state.rehearsalBusy || !refs.rehearsalTime) return;\n refs.rehearsalTime.value = isoToLocalInput(new Date(Date.now() + 3 * 60_000));\n state.rehearsalMessage = 'Reveal time reset to three minutes from now. Confirm the isolated rehearsal when ready.';\n renderRehearsal();\n }\n\n function renderSettlement() {\n if (!refs.settlement) return;\n renderRehearsal();\n const data = state.settlementData;\n const status = data?.choice_status;\n const settlement = data?.settlement;\n const setup = data?.draw_setup;\n const publicDraw = data?.public_draw;\n const locked = setup?.status === 'locked';\n refs.settlementState.textContent = !state.settlementLoaded ? 'Checking'\n : locked ? 'Candidate manifest locked'\n : settlement ? 'Choice settlement frozen'\n : status?.deadline_passed ? 'Ready to freeze' : 'Collecting responses';\n refs.settlementState.className = `oap__settlement-state${locked ? ' oap__settlement-state--locked' : status?.deadline_passed ? ' oap__settlement-state--ready' : ''}`;\n refs.refreshSettlement.disabled = state.settlementBusy || !state.settlementLoaded;\n refs.refreshSettlement.textContent = state.settlementBusy ? 'Refreshing\u2026' : 'Refresh';\n\n if (!status) {\n refs.choiceMetrics.innerHTML = '';\n refs.choiceRows.innerHTML = '';\n refs.choiceRowCount.textContent = '0';\n refs.freezeSummary.innerHTML = 'Choice data unavailable. Reload the protected workbench before settlement.';\n refs.freeze.disabled = true;\n refs.drawStep.hidden = true;\n refs.publicDrawStep.hidden = true;\n refs.settlementMessage.textContent = state.settlementMessage || 'Loading the protected choice status.';\n return;\n }\n\n const counts = status.counts || {};\n refs.choiceMetrics.innerHTML = `\n Keep slot ${counts.accept_guaranteed || 0} Guaranteed retained
\n Join draw ${counts.enter_draw || 0} Affirmative entries
\n Leave release ${counts.decline_all || 0} Saved full exits
\n No response ${counts.no_response || 0} Defaults to full exit
\n Draw slots ${status.expected_draw_slots || 0} If frozen now
\n Draw entrants ${status.expected_draw_entrants || 0} Explicit choice only
`;\n refs.choiceRows.innerHTML = (status.rows || []).map((row) => `\n ${settlementIdentity(row)} \n ${escapeHtml(outcomeLabel(row.original_outcome))} \n ${escapeHtml(choiceLabel(row.recorded_decision))} ${escapeHtml(choiceLabel(row.effective_decision))} \n ${row.responded_at ? escapeHtml(formatJst(row.responded_at)) : '\u2014'} \n `).join('');\n refs.choiceRowCount.textContent = String(status.rows?.length || 0);\n\n const deadline = formatJst(status.closes_at);\n refs.freezeSummary.innerHTML = settlement\n ? `Frozen ${escapeHtml(formatJst(settlement.frozen_at))}. ${settlement.accepted_guaranteed} guaranteed offers remain; ${settlement.returned_guaranteed} returned units plus the base draw create ${settlement.draw_slots} draw slot${settlement.draw_slots === 1 ? '' : 's'}. Snapshot ${escapeHtml(settlement.snapshot_hash)}.`\n : status.deadline_passed\n ? `The fixed deadline (${escapeHtml(deadline)}) has passed. Freezing will preserve ${status.eligible_count} effective decisions, including ${counts.no_response || 0} unanswered account${counts.no_response === 1 ? '' : 's'} resolved as full exits.`\n : `Responses remain open until ${escapeHtml(deadline)}. The backend will reject late changes automatically. Return after the deadline to create the settlement.`;\n refs.freezeConfirm.disabled = state.settlementBusy || Boolean(settlement) || !status.deadline_passed;\n if (settlement) refs.freezeConfirm.checked = true;\n refs.freeze.disabled = state.settlementBusy || Boolean(settlement) || !status.deadline_passed || !refs.freezeConfirm.checked;\n refs.freeze.textContent = state.settlementBusy ? 'Freezing\u2026' : settlement ? 'Choice settlement frozen' : 'Freeze choice settlement';\n\n refs.drawStep.hidden = !settlement;\n if (!settlement) {\n refs.settlementMessage.textContent = state.settlementMessage || (status.deadline_passed\n ? 'Review the status, confirm the settlement, then freeze it once.'\n : 'Choice status is live. Refresh at any time; no Collector record is changed.');\n return;\n }\n if (setup && document.activeElement !== refs.drawPoints) refs.drawPoints.value = String(setup.points_cost);\n refs.drawPoints.disabled = state.settlementBusy || locked;\n refs.saveDraw.disabled = state.settlementBusy || locked;\n refs.saveDraw.textContent = state.settlementBusy ? 'Saving\u2026' : setup ? 'Save revised setup' : 'Save draw setup';\n refs.drawMetrics.innerHTML = setup ? `\n Draw slots ${setup.draw_slots} From frozen choices
\n Entrants ${setup.entrant_count} Explicit draw choices
\n Points cost ${money.format(setup.points_cost)} Frozen eligibility check
\n Qualified ${setup.qualified_count} Candidate manifest
\n Insufficient ${setup.insufficient_count} Outside draw list
\n Unfilled ${setup.unfilled_slots} If candidates are fewer
`\n : `Draw slots ${settlement.draw_slots} Frozen value
Entrants ${settlement.draw_entrant_count} Set Points to qualify
`;\n refs.drawList.hidden = !setup;\n refs.drawRows.innerHTML = (setup?.members || []).map((row) => `\n ${escapeHtml(row.audit_code)}${settlementIdentity(row)} \n ${money.format(row.eligible_points)} \n ${row.eligibility_status === 'qualified' ? 'Qualified' : 'Points insufficient'} `).join('');\n refs.drawRowCount.textContent = String(setup?.members?.length || 0);\n refs.drawLockPanel.hidden = !setup;\n refs.drawHash.textContent = setup?.manifest_hash || '\u2014';\n refs.drawLockConfirm.disabled = state.settlementBusy || locked;\n if (locked) refs.drawLockConfirm.checked = true;\n refs.lockDraw.disabled = state.settlementBusy || locked || !refs.drawLockConfirm.checked;\n refs.lockDraw.textContent = state.settlementBusy ? 'Locking\u2026' : locked ? 'Candidate manifest locked' : 'Lock draw candidate manifest';\n refs.publicDrawStep.hidden = !locked;\n if (locked) {\n const committed = ['committed', 'result_finalized'].includes(publicDraw?.status);\n const finalized = publicDraw?.status === 'result_finalized';\n if (!refs.publicDrawTime.value) {\n refs.publicDrawTime.value = isoToLocalInput(publicDraw?.round_time || new Date(Date.now() + 10 * 60_000));\n } else if (publicDraw && document.activeElement !== refs.publicDrawTime) {\n refs.publicDrawTime.value = isoToLocalInput(publicDraw.round_time);\n }\n refs.publicDrawTime.disabled = state.settlementBusy || committed;\n refs.setPublicDrawTime.disabled = state.settlementBusy || committed;\n refs.savePublicDraw.disabled = state.settlementBusy || committed;\n refs.savePublicDraw.textContent = state.settlementBusy ? 'Saving\u2026' : publicDraw ? 'Save revised event draft' : 'Save event draft';\n refs.publicDrawMetrics.innerHTML = publicDraw ? `\n Status ${escapeHtml(publicDraw.status.replaceAll('_', ' '))} ${committed ? 'Immutable commitment' : 'Not public yet'}
\n Reveal ${escapeHtml(formatJst(publicDraw.round_time))} ${escapeHtml(Intl.DateTimeFormat().resolvedOptions().timeZone || 'Local time zone')}
\n drand round ${money.format(publicDraw.drand_round)} Quicknet \u00B7 3 seconds
\n Draw slots ${publicDraw.draw_slots} From locked settlement
\n Candidates ${setup.qualified_count} Anonymous manifest
\n Receipt ${finalized ? 'Verified' : 'Pending'} ${finalized ? `${publicDraw.winners?.length || 0} selected` : 'No result yet'}
`\n : `Manifest Locked ${setup.qualified_count} anonymous candidates
Next step Set reveal No randomness is requested while drafting
`;\n const publicRoomUrl = new URL(config.public_draw_url || '/pages/kob-ownership-public-draw', location.origin);\n publicRoomUrl.searchParams.set('campaign_id', config.campaign_id);\n refs.publicDrawRoom.hidden = !committed;\n refs.publicDrawUrl.textContent = committed ? publicRoomUrl.toString() : '\u2014';\n refs.openPublicDraw.href = committed ? publicRoomUrl.toString() : '#';\n refs.openPublicDraw.setAttribute('aria-disabled', String(!committed));\n refs.publicDrawCommitPanel.hidden = !publicDraw || finalized;\n refs.publicDrawHash.textContent = publicDraw?.commitment_hash || '\u2014';\n refs.publicDrawCommitConfirm.disabled = state.settlementBusy || committed;\n if (committed) refs.publicDrawCommitConfirm.checked = true;\n refs.commitPublicDraw.disabled = state.settlementBusy || committed || !refs.publicDrawCommitConfirm.checked;\n refs.commitPublicDraw.textContent = state.settlementBusy ? 'Committing\u2026' : committed ? 'Future round committed' : 'Commit future round';\n refs.publicDrawFinalizePanel.hidden = !committed;\n refs.publicDrawReceipt.textContent = finalized ? publicDraw.receipt_hash : `Round ${publicDraw?.drand_round || '\u2014'} \u00B7 ${formatJst(publicDraw?.round_time)}`;\n refs.publicDrawFinalizeConfirm.disabled = state.settlementBusy || finalized;\n if (finalized) refs.publicDrawFinalizeConfirm.checked = true;\n const roundReached = committed && Date.now() >= Date.parse(publicDraw?.round_time || '');\n refs.finalizePublicDraw.disabled = state.settlementBusy || finalized || !roundReached || !refs.publicDrawFinalizeConfirm.checked;\n refs.finalizePublicDraw.textContent = state.settlementBusy ? 'Verifying\u2026' : finalized ? 'Verified receipt finalized'\n : roundReached ? 'Retry same round now' : 'Automatic verification armed';\n }\n refs.settlementMessage.textContent = state.settlementMessage || (locked\n ? publicDraw?.status === 'result_finalized'\n ? 'The drand beacon and deterministic result receipt are finalized. No Points, inventory or orders were changed.'\n : publicDraw?.status === 'committed'\n ? 'The future drand round is committed and immutable. At reveal time, the Worker will verify that exact round and record the result automatically; the manual control is fallback only.'\n : 'The candidate manifest is immutable. Set a future reveal time, review its exact Quicknet round, then commit it before randomness exists.'\n : setup\n ? 'Inspect every candidate and the manifest hash before locking. Locking does not select a winner.'\n : 'Enter the Points requirement to calculate the exact qualified list.');\n }\n\n function setPublicDrawTimeFromNow() {\n const draw = state.settlementData?.public_draw;\n if (state.settlementBusy || ['committed', 'result_finalized'].includes(draw?.status)) return;\n refs.publicDrawTime.value = isoToLocalInput(new Date(Date.now() + 10 * 60_000));\n state.settlementMessage = 'Reveal time set to ten minutes from now. Save the draft to calculate the exact Quicknet round.';\n renderSettlement();\n }\n\n function previewCollectorLabel(member) {\n const collector = collectors.find((row) => row.collectorId === member.collector_id);\n const number = collector?.id || 'Collector';\n const tier = member.tier_index === null\n ? 'No tier'\n : state.savedPlan?.candidate?.tiers?.[Number(member.tier_index)]?.name || `Tier ${Number(member.tier_index) + 1}`;\n const outcome = member.outcome === 'guaranteed' ? 'Guaranteed'\n : member.outcome === 'draw_pool' ? 'Draw pool' : 'Not in purchase or draw list';\n return `${number} \u00B7 ${tier} \u00B7 ${outcome}`;\n }\n\n function renderOwnerPreview() {\n if (!refs.ownerPreview) return;\n const available = Boolean(state.choiceWindow && state.savedPlan?.status === 'locked');\n refs.ownerPreview.hidden = !available;\n if (!available) return;\n const members = (state.savedPlan.members || []).filter((member) => ['guaranteed', 'draw_pool', 'excluded'].includes(member.outcome));\n const selected = refs.previewCollector.value;\n refs.previewCollector.innerHTML = members.map((member) => `${escapeHtml(previewCollectorLabel(member))} `).join('');\n if (members.some((member) => member.collector_id === selected)) refs.previewCollector.value = selected;\n refs.previewCollector.disabled = state.previewBusy || !members.length;\n refs.previewLocale.disabled = state.previewBusy || !members.length;\n refs.previewResult.disabled = state.previewBusy || !members.length || typeof config.allocationApi !== 'function';\n refs.previewNudge.disabled = state.previewBusy;\n refs.previewResult.textContent = state.previewBusy ? 'Loading actual data\u2026' : 'Preview actual result';\n refs.previewMessage.textContent = state.previewMessage || (members.length\n ? 'The popup preview is visual only. No Collector response, Points, inventory, order, email or reminder state will be changed.'\n : 'No eligible Collector result is available in the locked plan.');\n }\n\n function closeNudgePreview() {\n if (!activeNudgePreview) return;\n activeNudgePreview.remove();\n activeNudgePreview = null;\n if (document.querySelector('[data-kob-choice-nudge]')?.hidden !== false) {\n document.documentElement.classList.remove('kob-choice-nudge-open');\n }\n const returnFocus = nudgePreviewReturnFocus;\n nudgePreviewReturnFocus = null;\n returnFocus?.focus({ preventScroll: true });\n }\n\n function buildNudgePreview() {\n const source = document.querySelector('[data-kob-choice-nudge]');\n if (source) return source.cloneNode(true);\n const node = document.createElement('div');\n node.className = 'kob-choice-nudge';\n node.innerHTML = `\n
\n \n \u00D7 \n KoB Bespoke Release
\n
\n \n `;\n return node;\n }\n\n function openNudgePreview(copy, returnFocus = refs.previewNudge) {\n closeNudgePreview();\n const preview = buildNudgePreview();\n const dialog = preview.querySelector('[role=\"dialog\"]');\n const title = preview.querySelector('h2');\n const body = preview.querySelector('.kob-choice-nudge__dialog > p:not(.kob-choice-nudge__eyebrow)');\n const primary = preview.querySelector('.kob-choice-nudge__primary');\n const secondary = preview.querySelector('.kob-choice-nudge__secondary');\n const closeButton = preview.querySelector('.kob-choice-nudge__close');\n preview.removeAttribute('data-kob-choice-nudge');\n preview.setAttribute('data-oap-nudge-preview', '');\n preview.removeAttribute('data-storage-key');\n preview.lang = copy.lang;\n const eyebrow = preview.querySelector('.kob-choice-nudge__eyebrow');\n if (eyebrow) eyebrow.textContent = String(copy.lang || '').startsWith('zh') ? 'KoB\u7279\u522B\u4F5C\u54C1' : copy.lang === 'ja' ? 'KoB\u9650\u5B9A\u30E2\u30C7\u30EB' : 'KoB Bespoke Release';\n preview.hidden = false;\n if (dialog) dialog.setAttribute('aria-labelledby', 'KoBOwnerChoiceNudgePreviewTitle');\n if (title) { title.id = 'KoBOwnerChoiceNudgePreviewTitle'; title.textContent = copy.title; }\n if (body) body.textContent = copy.body;\n if (primary) { primary.textContent = copy.cta; primary.setAttribute('href', '#'); }\n if (secondary) secondary.textContent = copy.later;\n if (closeButton) closeButton.setAttribute('aria-label', copy.close);\n nudgePreviewReturnFocus = returnFocus;\n activeNudgePreview = preview;\n document.body.appendChild(preview);\n document.documentElement.classList.add('kob-choice-nudge-open');\n preview.querySelectorAll('[data-kob-choice-nudge-close]').forEach((node) => node.addEventListener('click', closeNudgePreview));\n primary?.addEventListener('click', (event) => event.preventDefault());\n primary?.focus({ preventScroll: true });\n }\n\n function previewHomepageNudge() {\n openNudgePreview(nudgeCopy[refs.previewLocale?.value] || nudgeCopy.en, refs.previewNudge);\n }\n\n function selectedHomepageReminder() {\n const type = refs.homepageReminderType?.value || 'payment_information';\n const locale = refs.homepageReminderLocale?.value || 'en';\n return { type, locale, reminder: homepageNudgePolicy.reminders[type],\n copy: homepageNudgePolicy.reminders[type]?.copy?.[locale] };\n }\n\n function captureHomepageReminderFields() {\n if (!refs.homepageReminderEnabled) return;\n const current = selectedHomepageReminder();\n if (!current.reminder || !current.copy) return;\n current.reminder.enabled = Boolean(refs.homepageReminderEnabled?.checked);\n current.copy.title = refs.homepageReminderTitle?.value.trim() || current.copy.title;\n current.copy.body = refs.homepageReminderBody?.value.trim() || current.copy.body;\n current.copy.cta = refs.homepageReminderCta?.value.trim() || current.copy.cta;\n current.copy.later = refs.homepageReminderLater?.value.trim() || current.copy.later;\n }\n\n function renderHomepageReminderFields() {\n if (!refs.homepageReminderEnabled) return;\n const current = selectedHomepageReminder();\n if (!current.reminder || !current.copy) return;\n refs.homepageReminderEnabled.checked = current.reminder.enabled !== false;\n refs.homepageReminderTitle.value = current.copy.title || '';\n refs.homepageReminderBody.value = current.copy.body || '';\n refs.homepageReminderCta.value = current.copy.cta || '';\n refs.homepageReminderLater.value = current.copy.later || '';\n }\n\n function previewConfiguredHomepageReminder() {\n if (!refs.homepageReminderPreview) return;\n captureHomepageReminderFields();\n const { locale, copy } = selectedHomepageReminder();\n openNudgePreview({ ...copy, lang: locale }, refs.homepageReminderPreview);\n }\n\n async function saveHomepageReminderPolicy() {\n if (!refs.homepageReminderSave || typeof config.allocationApi !== 'function') return;\n captureHomepageReminderFields();\n refs.homepageReminderSave.disabled = true;\n refs.homepageReminderMessage.textContent = 'Saving the reviewed reminder settings\u2026';\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/homepage-nudge-policy`, {\n method: 'POST', body: JSON.stringify({\n request_id: `ORV_HOMEPAGE_NUDGE_SAVE:${crypto.randomUUID()}`,\n expected_revision: Number(homepageNudgePolicy.revision || 0),\n policy: { version: homepageNudgePolicy.version, reminders: homepageNudgePolicy.reminders },\n }),\n });\n homepageNudgePolicy = response.homepage_nudge_policy;\n refs.homepageReminderMessage.textContent = `Revision ${homepageNudgePolicy.revision} saved. This changes reminder copy and switches only; it does not contact a Collector.`;\n } catch (error) {\n refs.homepageReminderMessage.textContent = error.code === 'ownership_homepage_nudge_revision_changed'\n ? 'The reminder settings changed in another session. Reload before saving again.'\n : 'Reminder settings could not be saved. No storefront reminder was changed.';\n } finally {\n refs.homepageReminderSave.disabled = false;\n renderHomepageReminderFields();\n }\n }\n\n async function previewActualResult() {\n if (state.previewBusy || !state.choiceWindow || typeof config.allocationApi !== 'function') return;\n const collectorId = refs.previewCollector.value;\n if (!collectorId) return;\n state.previewBusy = true;\n state.previewMessage = '';\n renderOwnerPreview();\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-choice-preview`, {\n method: 'POST',\n body: JSON.stringify({ collector_id: collectorId }),\n });\n sessionStorage.setItem('kob-owner-allocation-choice-preview-v1', JSON.stringify({\n version: 1,\n campaignId: config.campaign_id,\n createdAt: Date.now(),\n returnTo: `${location.pathname}${location.search}`,\n payload: response,\n }));\n const locale = refs.previewLocale.value;\n const prefix = locale === 'zh-CN' ? '/zh' : locale === 'ja' ? '/ja' : '';\n const target = new URL(`${prefix}/pages/kob-release-result`, location.origin);\n target.searchParams.set('campaign_id', config.campaign_id);\n target.searchParams.set('owner_preview', '1');\n location.assign(target.toString());\n } catch (error) {\n state.previewMessage = error.code === 'allocation_choice_points_unavailable'\n ? 'Current Shopify Points could not be read. Try this collector again shortly.'\n : 'The protected preview could not be opened. Reload the planning page and try again.';\n state.previewBusy = false;\n renderOwnerPreview();\n }\n }\n\n async function loadChoiceWindow() {\n if (typeof config.allocationApi !== 'function') {\n state.choiceLoaded = true;\n renderChoiceWindow();\n return;\n }\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-choice-window`);\n state.choiceWindow = response.window || null;\n } catch (_) {\n state.choiceMessage = 'The choice-window state could not be loaded. Reload before preparing it.';\n } finally {\n state.choiceLoaded = true;\n renderChoiceWindow();\n }\n }\n\n async function prepareChoiceWindow() {\n if (state.choiceBusy || state.choiceWindow || state.savedPlan?.status !== 'locked' || typeof config.allocationApi !== 'function') return;\n let opensAt;\n let closesAt;\n try {\n opensAt = jstInputToIso(refs.choiceOpens.value);\n closesAt = jstInputToIso(refs.choiceCloses.value);\n const duration = Date.parse(closesAt) - Date.parse(opensAt);\n if (duration < 3 * 86400000 || duration > 7 * 86400000) throw new Error('choice_window_duration_invalid');\n } catch (_) {\n state.choiceMessage = 'Choose a window between three and seven full days.';\n renderChoiceWindow();\n return;\n }\n state.choiceBusy = true;\n state.choiceMessage = '';\n state.pendingChoiceRequestId ||= `OAP_CHOICE_PREPARE:${crypto.randomUUID()}`;\n renderChoiceWindow();\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-choice-window`, {\n method: 'POST',\n body: JSON.stringify({\n request_id: state.pendingChoiceRequestId,\n opens_at: opensAt,\n closes_at: closesAt,\n result_page_handle: 'kob-release-result',\n next_release_hint: { maker: 'Make Up', brand: 'Lamborghini' },\n }),\n });\n state.choiceWindow = response.window;\n state.pendingChoiceRequestId = null;\n state.choiceMessage = `${formatJst(response.window.opens_at)} \u2192 ${formatJst(response.window.closes_at)} \u00B7 read-only window prepared. No email was sent.`;\n } catch (error) {\n state.choiceMessage = error.code === 'allocation_choice_window_already_prepared'\n ? 'A window already exists. Reload to show the authoritative record.'\n : 'The window was not prepared. The same request can be retried safely.';\n } finally {\n state.choiceBusy = false;\n renderChoiceWindow();\n }\n }\n\n async function loadSettlement() {\n if (typeof config.allocationApi !== 'function') {\n state.settlementLoaded = true;\n renderSettlement();\n return;\n }\n state.settlementBusy = true;\n renderSettlement();\n try {\n state.settlementData = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-public-draw`);\n state.settlementMessage = '';\n } catch (_) {\n state.settlementMessage = 'Choice status could not be loaded. Refresh this protected workbench before settlement.';\n } finally {\n state.settlementBusy = false;\n state.settlementLoaded = true;\n renderSettlement();\n }\n }\n\n async function loadRehearsal() {\n if (typeof config.allocationApi !== 'function') return;\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-draw-rehearsal`);\n state.rehearsal = response.rehearsal || null;\n } catch (_) {\n state.rehearsalMessage = 'The latest rehearsal record could not be loaded. Formal allocation data is unaffected.';\n }\n renderRehearsal();\n }\n\n async function createRehearsal() {\n if (state.rehearsalBusy || !refs.rehearsalConfirm.checked || typeof config.allocationApi !== 'function') return;\n let scheduledAt;\n try { scheduledAt = localInputToIso(refs.rehearsalTime.value); } catch (_) {\n state.rehearsalMessage = 'Choose a valid future rehearsal time.';\n renderRehearsal();\n return;\n }\n const previewWindow = window.open('about:blank', '_blank');\n if (previewWindow) previewWindow.opener = null;\n state.rehearsalBusy = true;\n state.rehearsalMessage = '';\n state.pendingRehearsalRequestId ||= `OAP_DRAW_REHEARSAL:${crypto.randomUUID()}`;\n renderRehearsal();\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-draw-rehearsal`, {\n method: 'POST',\n body: JSON.stringify({\n request_id: state.pendingRehearsalRequestId,\n scheduled_at: scheduledAt,\n viewer_email: refs.rehearsalEmail.value,\n viewer_page_url: `${location.origin}/pages/kob-ownership-draw-rehearsal`,\n confirm_rehearsal: true,\n }),\n });\n state.rehearsal = response.rehearsal;\n state.rehearsalViewerUrl = response.viewer_url || '';\n state.pendingRehearsalRequestId = null;\n refs.rehearsalConfirm.checked = false;\n state.rehearsalMessage = 'Rehearsal committed from the current saved choices. The formal settlement and Candidate A were not changed.';\n if (previewWindow && response.viewer_url) previewWindow.location.replace(response.viewer_url);\n else previewWindow?.close();\n } catch (error) {\n previewWindow?.close();\n state.rehearsalMessage = error.code === 'ownership_draw_rehearsal_writes_disabled'\n ? 'Rehearsal writes are still fail-closed.'\n : error.code === 'ownership_draw_rehearsal_time_too_soon'\n ? 'Choose a reveal time at least two minutes in the future.'\n : error.code === 'ownership_draw_rehearsal_viewer_not_found'\n ? 'The test viewer email was not found in Shopify Customers.'\n : 'The rehearsal was not created. No formal allocation record changed.';\n } finally {\n state.rehearsalBusy = false;\n renderRehearsal();\n }\n }\n\n function localFreezeSettlement() {\n const status = state.settlementData.choice_status;\n const rows = (status.rows || []).map((row, index) => ({\n ...row,\n audit_code: `KOB-DEMO-${String(index + 1).padStart(4, '0')}`,\n }));\n return {\n settlement_id: 'LOCAL-DEMO-SETTLEMENT',\n snapshot_hash: 'd'.repeat(64),\n frozen_at: new Date().toISOString(),\n eligible_count: status.eligible_count,\n accepted_guaranteed: status.counts.accept_guaranteed,\n returned_guaranteed: status.returned_guaranteed,\n draw_slots: status.expected_draw_slots,\n draw_entrant_count: status.expected_draw_entrants,\n no_response_count: status.counts.no_response,\n rows,\n };\n }\n\n async function freezeSettlement() {\n const status = state.settlementData?.choice_status;\n if (state.settlementBusy || !status?.deadline_passed || state.settlementData?.settlement || !refs.freezeConfirm.checked) return;\n state.settlementBusy = true;\n state.settlementMessage = '';\n state.pendingFreezeRequestId ||= `OAP_CHOICE_FREEZE:${crypto.randomUUID()}`;\n renderSettlement();\n try {\n if (typeof config.allocationApi === 'function') {\n state.settlementData = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-choice-settlement/freeze`, {\n method: 'POST',\n body: JSON.stringify({\n request_id: state.pendingFreezeRequestId,\n expected_revision: state.choiceWindow?.revision || 0,\n confirm_freeze: true,\n }),\n });\n } else {\n state.settlementData = {\n ...state.settlementData,\n choice_status: { ...status, window_status: 'closed', accepts_responses: false },\n settlement: localFreezeSettlement(),\n };\n }\n state.pendingFreezeRequestId = null;\n if (state.choiceWindow) state.choiceWindow = { ...state.choiceWindow, status: 'closed', revision: Number(state.choiceWindow.revision || 0) + 1 };\n state.settlementMessage = 'Choice settlement frozen. Review the returned slots before setting the draw Points requirement.';\n } catch (error) {\n state.settlementMessage = error.code === 'allocation_choice_deadline_not_reached'\n ? 'The fixed response deadline has not passed. Settlement remains unavailable.'\n : error.code === 'ownership_allocation_settlement_writes_disabled'\n ? 'Settlement writes are not enabled yet. The live status remains read-only.'\n : 'The settlement was not frozen. Refresh the authoritative status before trying again.';\n } finally {\n state.settlementBusy = false;\n renderChoiceWindow();\n renderSettlement();\n }\n }\n\n function localDrawSetup(pointsCost) {\n const settlement = state.settlementData.settlement;\n const members = settlement.rows.filter((row) => row.effective_decision === 'enter_draw').map((row) => ({\n collector_id: row.collector_id,\n audit_code: row.audit_code,\n original_outcome: row.original_outcome,\n eligible_points: row.eligible_points,\n eligibility_status: row.eligible_points >= pointsCost ? 'qualified' : 'points_insufficient',\n identity: row.identity,\n }));\n const qualified = members.filter((row) => row.eligibility_status === 'qualified').length;\n return {\n draw_setup_id: `LOCAL-DRAW-${Date.now()}`,\n revision: Number(state.settlementData.draw_setup?.revision || 0) + 1,\n status: 'reviewed_draft',\n points_cost: pointsCost,\n draw_slots: settlement.draw_slots,\n entrant_count: members.length,\n qualified_count: qualified,\n insufficient_count: members.length - qualified,\n unfilled_slots: Math.max(0, settlement.draw_slots - qualified),\n source_hash: settlement.snapshot_hash,\n manifest_hash: String(pointsCost).padStart(8, '0') + 'c'.repeat(56),\n members,\n };\n }\n\n async function saveDrawSetup() {\n const settlement = state.settlementData?.settlement;\n if (state.settlementBusy || !settlement || state.settlementData?.draw_setup?.status === 'locked') return;\n const pointsCost = Math.max(0, Math.trunc(Number(refs.drawPoints.value) || 0));\n state.settlementBusy = true;\n state.settlementMessage = '';\n state.pendingDrawSaveRequestId ||= `OAP_DRAW_SAVE:${crypto.randomUUID()}`;\n renderSettlement();\n try {\n if (typeof config.allocationApi === 'function') {\n state.settlementData = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-draw-setup`, {\n method: 'POST', body: JSON.stringify({ request_id: state.pendingDrawSaveRequestId, points_cost: pointsCost }),\n });\n } else {\n state.settlementData = { ...state.settlementData, draw_setup: localDrawSetup(pointsCost) };\n }\n state.pendingDrawSaveRequestId = null;\n refs.drawLockConfirm.checked = false;\n state.settlementMessage = 'Draw setup saved. Check the exact qualified and insufficient lists before locking.';\n } catch (error) {\n state.settlementMessage = error.code === 'ownership_allocation_settlement_writes_disabled'\n ? 'Draw setup writes are not enabled yet.'\n : 'The draw setup was not saved. The same request can be retried safely.';\n } finally {\n state.settlementBusy = false;\n renderSettlement();\n }\n }\n\n async function lockDrawSetup() {\n const setup = state.settlementData?.draw_setup;\n if (state.settlementBusy || !setup || setup.status !== 'reviewed_draft' || !refs.drawLockConfirm.checked) return;\n state.settlementBusy = true;\n state.settlementMessage = '';\n state.pendingDrawLockRequestId ||= `OAP_DRAW_LOCK:${crypto.randomUUID()}`;\n renderSettlement();\n try {\n if (typeof config.allocationApi === 'function') {\n state.settlementData = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-draw-setup/lock`, {\n method: 'POST',\n body: JSON.stringify({ request_id: state.pendingDrawLockRequestId, expected_revision: setup.revision, confirm_lock: true }),\n });\n } else {\n state.settlementData = { ...state.settlementData, draw_setup: { ...setup, status: 'locked', locked_at: new Date().toISOString() } };\n }\n state.pendingDrawLockRequestId = null;\n state.settlementMessage = 'Candidate manifest locked. No winner has been selected.';\n } catch (error) {\n state.settlementMessage = error.code === 'ownership_allocation_settlement_writes_disabled'\n ? 'Draw setup writes are not enabled yet.'\n : 'The candidate manifest was not locked. Refresh the authoritative setup before retrying.';\n } finally {\n state.settlementBusy = false;\n renderSettlement();\n }\n }\n\n const clientSha256 = async (value) => {\n const digest = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(String(value)));\n return [...new Uint8Array(digest)].map((byte) => byte.toString(16).padStart(2, '0')).join('');\n };\n\n async function localPublicDrawDraft(scheduledAt) {\n const setup = state.settlementData.draw_setup;\n const roundTime = new Date(Math.ceil(new Date(scheduledAt).getTime() / 3000) * 3000).toISOString();\n const commitmentHash = await clientSha256(JSON.stringify({\n version: 1, campaign_id: config.campaign_id, manifest_hash: setup.manifest_hash,\n draw_slots: setup.draw_slots, round_time: roundTime,\n }));\n return {\n public_draw_id: 'LOCAL-PUBLIC-DRAW', status: 'reviewed_draft',\n algorithm: 'kob-drand-sha256-fisher-yates-v1', network: 'quicknet',\n chain_hash: '52db9ba70e0cc0f6eaf7803dd07447a1f5477735fd3f661792ba94600c84e971',\n scheduled_at: roundTime, drand_round: Math.floor((new Date(roundTime).getTime() - 1692803367000) / 3000) + 1,\n round_time: roundTime, draw_slots: setup.draw_slots, manifest_hash: setup.manifest_hash,\n commitment_hash: commitmentHash, committed_at: null, receipt_hash: null, finalized_at: null,\n receipt: null, winners: [],\n };\n }\n\n async function savePublicDrawDraft() {\n const setup = state.settlementData?.draw_setup;\n if (state.settlementBusy || setup?.status !== 'locked' || ['committed', 'result_finalized'].includes(state.settlementData?.public_draw?.status)) return;\n let scheduledAt;\n try { scheduledAt = localInputToIso(refs.publicDrawTime.value); } catch (_) {\n state.settlementMessage = 'Choose a valid future reveal time before saving the event draft.';\n renderSettlement();\n return;\n }\n state.settlementBusy = true;\n state.settlementMessage = '';\n state.pendingPublicDrawSaveRequestId ||= `OAP_PUBLIC_DRAW_SAVE:${crypto.randomUUID()}`;\n renderSettlement();\n try {\n if (typeof config.allocationApi === 'function') {\n state.settlementData = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-public-draw`, {\n method: 'POST', body: JSON.stringify({ request_id: state.pendingPublicDrawSaveRequestId, scheduled_at: scheduledAt }),\n });\n } else {\n state.settlementData = { ...state.settlementData, public_draw: await localPublicDrawDraft(scheduledAt) };\n }\n state.pendingPublicDrawSaveRequestId = null;\n refs.publicDrawCommitConfirm.checked = false;\n state.settlementMessage = 'Event draft saved. Check the exact reveal time, Quicknet round and commitment hash before publishing the commitment.';\n } catch (error) {\n state.settlementMessage = error.code === 'ownership_allocation_public_draw_writes_disabled'\n ? 'Public draw writes are still fail-closed. The event remains a reviewed local design.'\n : error.code === 'ownership_public_draw_time_too_soon'\n ? 'Choose a reveal time at least one minute in the future.'\n : 'The public draw draft was not saved. Refresh the authoritative state before retrying.';\n } finally {\n state.settlementBusy = false;\n renderSettlement();\n }\n }\n\n async function commitPublicDrawEvent() {\n const draw = state.settlementData?.public_draw;\n if (state.settlementBusy || draw?.status !== 'reviewed_draft' || !refs.publicDrawCommitConfirm.checked) return;\n state.settlementBusy = true;\n state.settlementMessage = '';\n state.pendingPublicDrawCommitRequestId ||= `OAP_PUBLIC_DRAW_COMMIT:${crypto.randomUUID()}`;\n renderSettlement();\n try {\n if (typeof config.allocationApi === 'function') {\n state.settlementData = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-public-draw/commit`, {\n method: 'POST', body: JSON.stringify({\n request_id: state.pendingPublicDrawCommitRequestId,\n expected_commitment_hash: draw.commitment_hash,\n confirm_commit: true,\n }),\n });\n } else {\n state.settlementData = { ...state.settlementData, public_draw: { ...draw, status: 'committed', committed_at: new Date().toISOString() } };\n }\n state.pendingPublicDrawCommitRequestId = null;\n state.settlementMessage = 'Future Quicknet round committed. The manifest, slots, algorithm and reveal round can no longer change.';\n } catch (error) {\n state.settlementMessage = error.code === 'ownership_allocation_public_draw_writes_disabled'\n ? 'Public draw commitment writes are still fail-closed.'\n : error.code === 'ownership_public_draw_commitment_too_late'\n ? 'This reveal time is too close. Save a later event draft, then commit it.'\n : 'The future round was not committed. Refresh before retrying.';\n } finally {\n state.settlementBusy = false;\n renderSettlement();\n }\n }\n\n async function finalizePublicDrawEvent() {\n const draw = state.settlementData?.public_draw;\n if (state.settlementBusy || draw?.status !== 'committed' || Date.now() < Date.parse(draw.round_time) || !refs.publicDrawFinalizeConfirm.checked) return;\n state.settlementBusy = true;\n state.settlementMessage = '';\n state.pendingPublicDrawFinalizeRequestId ||= `OAP_PUBLIC_DRAW_FINALIZE:${crypto.randomUUID()}`;\n renderSettlement();\n try {\n if (typeof config.allocationApi === 'function') {\n state.settlementData = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-public-draw/finalize`, {\n method: 'POST', body: JSON.stringify({ request_id: state.pendingPublicDrawFinalizeRequestId, confirm_finalize: true }),\n });\n } else {\n const codes = (state.settlementData.draw_setup?.members || []).filter((row) => row.eligibility_status === 'qualified').map((row) => row.audit_code);\n const winners = codes.slice(0, Math.min(draw.draw_slots, codes.length)).map((audit_code, index) => ({ rank: index + 1, audit_code }));\n state.settlementData = { ...state.settlementData, public_draw: {\n ...draw, status: 'result_finalized', finalized_at: new Date().toISOString(),\n receipt_hash: await clientSha256(`${draw.commitment_hash}:${codes.join(',')}`), winners,\n } };\n }\n state.pendingPublicDrawFinalizeRequestId = null;\n state.settlementMessage = 'The committed drand beacon was verified and the reproducible result receipt was finalized. No Points or inventory changed.';\n } catch (error) {\n state.settlementMessage = error.code === 'ownership_allocation_public_draw_writes_disabled'\n ? 'Public draw result writes are still fail-closed.'\n : error.code === 'ownership_public_draw_round_not_reached'\n ? 'The committed Quicknet round has not arrived yet.'\n : 'The committed beacon could not be verified. No result was recorded; retry the same exact round.';\n } finally {\n state.settlementBusy = false;\n renderSettlement();\n }\n }\n\n async function saveReviewedDraft() {\n const result = simulate(activeScenario());\n if (!result.valid || result.overflow > 0 || state.planBusy) return;\n state.planBusy = true;\n state.planMessage = '';\n renderApproval(result);\n state.pendingSaveRequestId ||= `OAP_SAVE:${crypto.randomUUID()}`;\n const payload = {\n request_id: state.pendingSaveRequestId,\n edition_total: editionTotal,\n player_capacity: state.playerCapacity,\n eligibility_mode: eligibilityMode,\n eligibility_points_floor: eligibilityPointsFloor,\n candidate: normalizedCandidate(result.scenario),\n };\n try {\n if (typeof config.allocationApi === 'function') {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-planning/draft`, {\n method: 'POST', body: JSON.stringify(payload),\n });\n state.savedPlan = response.plan;\n } else {\n state.savedPlan = localPlanFromResult(result);\n }\n state.pendingSaveRequestId = null;\n state.planMessage = 'Reviewed Draft saved. Verify every tier and collector group below before locking.';\n } catch (error) {\n state.planMessage = error.code === 'allocation_plan_invalid'\n ? 'The server rejected this candidate. Review the blocking rule above and save again.'\n : 'Draft was not saved. The same request can be retried safely.';\n } finally {\n state.planBusy = false;\n render();\n }\n }\n\n function openLockDialog() {\n const plan = state.savedPlan;\n if (!plan || plan.status !== 'reviewed_draft') return;\n refs.lockConfirmation.checked = false;\n refs.confirmLock.disabled = true;\n refs.lockSummary.innerHTML = `${escapeHtml(plan.candidate?.name || 'Reviewed plan')} ${plan.player_capacity} Collector units \u00B7 ${plan.guaranteed_count} guaranteed \u00B7 ${plan.base_draw_count} base draw \u00B7 ${plan.partner_reserve} partner unit${plan.partner_reserve === 1 ? '' : 's'} `;\n refs.lockDialog.hidden = false;\n }\n\n function closeLockDialog() {\n if (state.planBusy) return;\n refs.lockDialog.hidden = true;\n }\n\n async function confirmPlanLock() {\n const plan = state.savedPlan;\n if (!plan || plan.status !== 'reviewed_draft' || !refs.lockConfirmation.checked || state.planBusy) return;\n state.planBusy = true;\n refs.confirmLock.disabled = true;\n state.pendingLockRequestId ||= `OAP_LOCK:${crypto.randomUUID()}`;\n try {\n if (typeof config.allocationApi === 'function') {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/allocation-planning/lock`, {\n method: 'POST',\n body: JSON.stringify({\n request_id: state.pendingLockRequestId,\n expected_plan_revision: plan.plan_revision,\n confirm_lock: true,\n }),\n });\n state.savedPlan = response.plan;\n } else {\n state.savedPlan = { ...plan, status: 'locked', locked_at: new Date().toISOString() };\n }\n state.pendingLockRequestId = null;\n state.planMessage = 'Allocation plan locked. No invitation, inventory reservation or KoB Points deduction has been created.';\n refs.lockDialog.hidden = true;\n } catch (error) {\n state.planMessage = error.code === 'allocation_plan_source_changed'\n ? 'The frozen source changed after this draft was saved. Save and review a fresh draft before locking.'\n : 'The plan was not locked. The same lock request can be retried safely.';\n } finally {\n state.planBusy = false;\n render();\n }\n }\n\n const numberManifestPayload = () => ({\n labels: state.numberLabels,\n locked_labels: [...state.numberLockedLabels],\n high_interest_labels: [...state.numberHighInterestLabels],\n special_bid_labels: [...state.numberSpecialBidLabels],\n manual_assignments: state.numberManualAssignments.filter((row) => row.label && row.collector_id),\n threshold_bps: 5000,\n });\n\n const currentDemoNumberPreview = () => {\n const baseline = buildDemoNumberAllocation().manifest.preview;\n const manualByLabel = new Map(state.numberManualAssignments\n .filter((row) => row.label && row.collector_id)\n .map((row) => [row.label, row.collector_id]));\n const specialLabel = [...state.numberSpecialBidLabels][0] || '';\n const numbers = state.numberLabels.map((label, index) => {\n const source = baseline.numbers.find((row) => row.label === label) || {\n N: 0, dominant_n: 0, dominant_share_bps: 0, guarantee_collector_id: null,\n };\n const stateName = manualByLabel.has(label) ? 'manual_assigned'\n : state.numberLockedLabels.has(label) ? 'locked' : 'available';\n const metadata = {\n ...(state.numberHighInterestLabels.has(label) ? { high_interest: true } : {}),\n ...(label === specialLabel ? { allocation_mode: 'special_bid' } : {}),\n };\n const guaranteeStatus = stateName !== 'available' ? 'removed_by_overlay'\n : label === specialLabel ? 'special_bid'\n : !Number(source.N || 0) ? 'no_history'\n : Number(source.dominant_share_bps || 0) > 5000 ? 'guaranteed' : 'below_threshold';\n return {\n ...source,\n label,\n canonical_key: label,\n display_order: index + 1,\n state: stateName,\n assigned_collector_id: manualByLabel.get(label) || null,\n metadata,\n guarantee_status: guaranteeStatus,\n guarantee_collector_id: guaranteeStatus === 'guaranteed' ? source.guarantee_collector_id : null,\n };\n });\n const availableCount = numbers.filter((row) => row.state === 'available').length;\n const manualAssignedCount = numbers.filter((row) => row.state === 'manual_assigned').length;\n const requiredCount = Math.max(0, Number(state.numberWorkspace?.entitlement?.count || 0) - manualAssignedCount);\n const blockers = availableCount === requiredCount ? [] : [{\n code: 'ownership_number_available_count_mismatch',\n available_count: availableCount,\n required_count: requiredCount,\n }];\n return {\n ...baseline,\n manifest_count: numbers.length,\n available_count: availableCount,\n locked_count: numbers.filter((row) => row.state === 'locked').length,\n manual_assigned_count: manualAssignedCount,\n special_bid_count: numbers.filter((row) => row.metadata?.allocation_mode === 'special_bid').length,\n guarantee_count: numbers.filter((row) => row.guarantee_status === 'guaranteed').length,\n zero_history_count: numbers.filter((row) => Number(row.N || 0) === 0).length,\n blockers,\n numbers,\n };\n };\n\n const markNumberEdited = () => {\n state.numberPreview = null;\n state.numberMessage = 'Setup changed. Run a fresh Scheme C preview before saving.';\n state.pendingNumberSaveRequestId = null;\n };\n\n const renderNumberChoiceConfig = () => {\n if (!refs.numberChoiceSummary) return;\n const specialBidLabel = [...state.numberSpecialBidLabels][0] || '';\n const hasSpecialBid = Boolean(specialBidLabel);\n const base = Math.max(0, Number(refs.numberBasePrice?.value || 0));\n const increment = Math.max(0, Number(refs.numberBidIncrement?.value || 0));\n const validIncrement = !hasSpecialBid || (increment >= 1000 && increment % 1000 === 0);\n const opensAt = jstInputToIso(refs.numberChoiceOpens?.value);\n const closesAt = jstInputToIso(refs.numberChoiceCloses?.value);\n const validWindow = Boolean(opensAt) && Boolean(closesAt) && Date.parse(closesAt) > Date.parse(opensAt);\n const storedWindow = state.numberChoiceWindow;\n const scheduleChanged = Boolean(storedWindow) && (opensAt !== storedWindow.opens_at || closesAt !== storedWindow.closes_at);\n refs.numberChoiceSummary.innerHTML = [\n ['Special allocation', hasSpecialBid ? `#${specialBidLabel} \u00B7 sealed bid` : 'None \u00B7 ordinary allocation only'],\n ['Minimum step', !hasSpecialBid ? 'Not used' : validIncrement ? `\u00A5${increment.toLocaleString('ja-JP')}` : 'Invalid'],\n ['Collector email reference', hasSpecialBid ? 'Added automatically \u00B7 display only' : 'Not used'],\n ['Payment conversion', 'Calculated later when preparing payment'],\n ['Window \u00B7 JST', validWindow ? `${formatJst(opensAt)} \u2192 ${formatJst(closesAt)}` : 'Dates required'],\n ].map(([label, value]) => `${escapeHtml(label)} ${escapeHtml(value)}
`).join('');\n refs.numberBidFields.forEach((field) => {\n field.classList.toggle('is-disabled', !hasSpecialBid);\n const control = field.querySelector('input, button');\n if (control) control.disabled = !hasSpecialBid || Boolean(storedWindow) || state.numberChoiceBusy;\n });\n const ready = base > 0 && validIncrement && validWindow;\n refs.numberChoiceMessage.textContent = base <= 0 ? 'Add the fixed product price in JPY.'\n : !validIncrement ? 'Bid increment must be a positive \u00A51,000 multiple.'\n : !validWindow ? 'Add a valid opening and closing time.'\n : storedWindow && storedWindow.status !== 'draft'\n ? `Choice window is ${storedWindow.status}. Its schedule can no longer be amended.`\n : storedWindow && !scheduleChanged\n ? `Draft v${storedWindow.revision || 1} is stored as ${formatJst(storedWindow.opens_at)} \u2192 ${formatJst(storedWindow.closes_at)}.`\n : state.numberChoicePreview\n ? `${storedWindow ? 'JST schedule correction' : 'Choice-window'} preview passed: base \u00A5${base.toLocaleString('ja-JP')}; ${hasSpecialBid ? `#${specialBidLabel} uses a sealed JPY bid.` : 'no special bid is configured.'}`\n : `Configuration is internally consistent in JST: base \u00A5${base.toLocaleString('ja-JP')}; ${hasSpecialBid ? `#${specialBidLabel} is the only special-bid label.` : 'all offered labels use ordinary allocation.'}`;\n const manifestLocked = state.numberWorkspace?.manifest?.status === 'locked';\n const draftEditable = !storedWindow || storedWindow.status === 'draft';\n refs.numberBasePrice.disabled = Boolean(storedWindow) || state.numberChoiceBusy;\n refs.numberChoicePreviewButton.disabled = state.numberChoiceBusy || !ready || !manifestLocked || !draftEditable\n || (Boolean(storedWindow) && !scheduleChanged);\n refs.numberChoiceSave.textContent = storedWindow ? 'Save JST schedule correction' : 'Save choice-window draft';\n refs.numberChoiceSave.disabled = state.numberChoiceBusy || !ready || !manifestLocked || !draftEditable\n || !state.numberChoicePreview || typeof config.allocationApi !== 'function'\n || (Boolean(storedWindow) && !scheduleChanged);\n if (refs.numberChoiceOpenPanel) refs.numberChoiceOpenPanel.hidden = !storedWindow || storedWindow.status !== 'draft';\n if (refs.numberChoiceOpen) refs.numberChoiceOpen.disabled = state.numberChoiceBusy || !storedWindow\n || storedWindow.status !== 'draft' || scheduleChanged || !refs.numberChoiceOpenConfirm?.checked\n || typeof config.allocationApi !== 'function';\n renderNumberOwnerPreview();\n };\n\n function renderNumberSettlement() {\n if (!refs.numberSettlementMetrics) return;\n const workspace = state.numberSettlementWorkspace || {};\n const choice = workspace.window || state.numberChoiceWindow || null;\n const commitment = workspace.commitment || null;\n const settlement = workspace.settlement || null;\n const responses = Number(choice?.response_count || 0);\n const entitlements = Number(state.numberWorkspace?.entitlement?.count || 0);\n const previewAssignments = Array.isArray(state.numberSettlementPreview?.assignments)\n ? state.numberSettlementPreview.assignments : [];\n const memberByCollector = new Map((state.numberWorkspace?.entitlement?.members || [])\n .map((member) => [String(member.collector_id || ''), member]));\n const manifestOrder = new Map((state.numberWorkspace?.manifest?.items || [])\n .map((item, index) => [String(item.canonical_key || item.label || ''), Number(item.display_order || index + 1)]));\n const assignmentCollectorKeys = previewAssignments.map((row) => String(row.collector_id || '')).filter(Boolean);\n const assignmentNumberKeys = previewAssignments.map((row) => String(row.canonical_number_key || '')).filter(Boolean);\n const expectedAssignments = Number(state.numberSettlementPreview?.entitlement_count || entitlements || 0);\n const assignmentListReady = Boolean(state.numberSettlementPreview)\n && expectedAssignments > 0\n && Number(state.numberSettlementPreview.assigned_count || 0) === expectedAssignments\n && previewAssignments.length === expectedAssignments\n && assignmentCollectorKeys.length === expectedAssignments\n && assignmentNumberKeys.length === expectedAssignments\n && new Set(assignmentCollectorKeys).size === expectedAssignments\n && new Set(assignmentNumberKeys).size === expectedAssignments\n && assignmentCollectorKeys.every((collectorId) => memberByCollector.has(collectorId));\n const deadlinePassed = Boolean(choice?.closes_at) && Date.now() >= Date.parse(choice.closes_at);\n refs.numberSettlementMetrics.innerHTML = [\n ['Collector responses', choice ? `${responses} / ${entitlements}` : 'Not available'],\n ['No response', choice ? String(Math.max(0, entitlements - responses)) : '\u2014'],\n ['Quicknet commitment', commitment ? `Round ${Number(commitment.drand_round).toLocaleString('en-US')} \u00B7 ${formatJst(commitment.round_time)}` : 'Not committed'],\n ['Commitment workflow', commitment?.commitment_method === 'automatic_at_window_open'\n ? 'Automatic \u00B7 fixed when window opened'\n : commitment?.commitment_method === 'owner_approved_schedule_supersession'\n ? 'Owner-approved audited schedule change'\n : commitment ? 'Manual recovery \u00B7 legacy window' : 'Pending automatic open transaction'],\n ['Window status', choice?.status || 'Not prepared'],\n ['Final allocation', settlement ? `${settlement.assignment_count} assignments \u00B7 frozen` : state.numberSettlementPreview ? `${state.numberSettlementPreview.assigned_count} assignments \u00B7 preview` : 'Not frozen'],\n ].map(([label, value]) => `${escapeHtml(label)} ${escapeHtml(value)}
`).join('');\n refs.numberSettlementCommit.disabled = state.numberSettlementBusy || !choice || choice.status !== 'open'\n || deadlinePassed || Boolean(commitment) || typeof config.allocationApi !== 'function';\n refs.numberSettlementClose.disabled = state.numberSettlementBusy || !choice || choice.status !== 'open'\n || !deadlinePassed || !commitment || typeof config.allocationApi !== 'function';\n refs.numberSettlementPreview.disabled = state.numberSettlementBusy || !choice || choice.status !== 'closed'\n || !commitment || Date.now() < Date.parse(commitment.round_time) || typeof config.allocationApi !== 'function';\n if (refs.numberSettlementList && refs.numberSettlementListRows && refs.numberSettlementListStatus) {\n refs.numberSettlementList.hidden = !state.numberSettlementPreview;\n const sourceLabel = (source) => ({\n manual: 'Owner assignment',\n special_bid: 'Sealed special bid',\n guarantee: 'Long-term collection number',\n no_response_guarantee: 'No response \u00B7 long-term collection number',\n preference_1: 'First preference',\n preference_2: 'Second preference',\n preference_3: 'Third preference',\n no_response_public_random: 'No response \u00B7 public-random remaining number',\n responded_public_random_fallback: 'Responded \u00B7 public-random remaining number',\n })[source] || source || 'Unknown';\n const auditDetail = (row) => {\n const audit = row.audit || {};\n if (row.assignment_source === 'special_bid') {\n const bid = Number(row.special_bid_jpy || audit.bid_jpy || 0);\n return `+\u00A5${bid.toLocaleString('ja-JP')} \u00B7 ${Number(audit.tied_count || 1)} highest bidder(s)`;\n }\n if (String(row.assignment_source || '').startsWith('preference_')) {\n return `${Number(audit.applicant_count || 1)} applicant(s) \u00B7 winning weight ${Number(audit.winner_weight || 1)}`;\n }\n if (row.assignment_source === 'guarantee' || row.assignment_source === 'no_response_guarantee') {\n return `${Number(audit.candidate_count || 1)} eligible candidate(s)${audit.defaulted ? ' \u00B7 automatic default' : ''}`;\n }\n if (row.assignment_source === 'responded_public_random_fallback'\n || row.assignment_source === 'no_response_public_random') {\n return `Committed remaining-pool order ${Number(audit.order || 0) || '\u2014'}`;\n }\n return 'Reviewed manifest assignment';\n };\n const ordered = [...previewAssignments].sort((a, b) => {\n const aKey = String(a.canonical_number_key || '');\n const bKey = String(b.canonical_number_key || '');\n return Number(manifestOrder.get(aKey) || 9999) - Number(manifestOrder.get(bKey) || 9999)\n || aKey.localeCompare(bKey, 'en', { numeric: true });\n });\n refs.numberSettlementListRows.innerHTML = ordered.map((row) => {\n const member = memberByCollector.get(String(row.collector_id || '')) || {};\n const identity = member.identity || {};\n const displayName = identity.display_name || member.source_audit_code || 'Identity unavailable';\n const email = identity.email || '';\n return `#${escapeHtml(row.serial_label || row.canonical_number_key)} ${escapeHtml(displayName)} ${email && email.toLowerCase() !== displayName.toLowerCase() ? `${escapeHtml(email)} ` : ''}${escapeHtml(sourceLabel(row.assignment_source))} ${escapeHtml(auditDetail(row))} ${escapeHtml(label)} ${escapeHtml(value)}
`).join('');\n }\n if (refs.numberPaymentBatchRows) refs.numberPaymentBatchRows.innerHTML = orderedRows.map((row) => {\n const member = members.get(row.collector_id) || {};\n const identity = member.identity || {};\n const person = identity.display_name || member.source_audit_code || row.collector_id;\n const email = identity.email || '';\n const blocker = collectorBlockers.get(row.collector_id);\n const bid = Number(row.special_bid_jpy || 0);\n return `\n ${escapeHtml(row.serial_label)} ${escapeHtml(row.assignment_source || '')} ${escapeHtml(person)} ${email ? `${escapeHtml(email)} ` : ''}\u00A5${escapeHtml(money.format(Number(row.total_jpy || 0)))} ${bid ? `Base \u00A5${escapeHtml(money.format(Number(row.base_price_jpy || 0)))} + bid \u00A5${escapeHtml(money.format(bid))} ` : 'Base price '}${row.payable_rmb_minor == null ? '\u2014' : `\u00A5${escapeHtml(money.format(Number(row.payable_rmb_minor) / 100))}`} ${escapeHtml(money.format(Number(row.points_cost || 0)))} ${escapeHtml(money.format(Number(row.available_points || 0)))} ${Number(row.active_points_reservations || 0) ? `${escapeHtml(money.format(Number(row.active_points_reservations)))} already reserved ` : ''}${escapeHtml(numberPaymentBlockerLabel(blocker))} `;\n }).join('');\n }\n\n function paymentReviewState(row) {\n if (row.review?.status === 'recovery_required' || row.review?.status === 'processing'\n || row.shopify_receipt?.status === 'recovery_required' || row.shopify_receipt?.status === 'processing') return 'recovery';\n if (row.status === 'paid') return 'paid';\n if (row.active_channel === 'shopify' || row.status === 'channel_switch_requested') return 'shopify';\n if (!row.delivery || row.reservation?.status !== 'active') return 'incomplete';\n return 'ready';\n }\n\n function paymentReviewLabel(row) {\n const status = paymentReviewState(row);\n if (status === 'paid') return 'Paid \u00B7 Points consumed';\n if (status === 'recovery') return row.review?.status === 'processing' ? 'Processing requires inspection' : 'Recovery required';\n if (status === 'shopify') {\n if (row.shopify_job?.status === 'draft_created' && row.shopify_job?.invoice_url) return 'Shopify payment link ready';\n if (row.shopify_job?.status === 'replacing') return 'Replacing inventory-linked Draft';\n if (row.shopify_job?.status === 'cancelling') return 'Returning to Alipay';\n if (row.shopify_job?.status === 'cancelled') return 'Shopify Draft cancelled \u00B7 Alipay active';\n if (row.shopify_job?.status === 'reviewed') return 'Shopify request reviewed';\n if (row.shopify_job?.status === 'recovery_required') return 'Shopify recovery required';\n return 'Shopify payment requested';\n }\n if (status === 'incomplete') return !row.delivery ? 'Address missing' : 'Active Points reservation required';\n return row.proof ? 'Ready for Alipay review' : 'Ready for Alipay review \u00B7 no proof uploaded';\n }\n\n function deliveryClipboard(row) {\n if (!row?.delivery) return '';\n return [row.delivery.recipient_name, row.delivery.phone, row.delivery.address].filter(Boolean).join('\\n');\n }\n\n function renderShippingHandoff() {\n if (!refs.shippingPanel) return;\n const workspace = state.numberShippingHandoff;\n const payment = state.numberPaymentWorkspace;\n const batchActive = ['payment_open', 'closed'].includes(payment?.batch?.status);\n refs.shippingPanel.hidden = !batchActive;\n if (refs.shippingPanel.hidden) return;\n const source = workspace?.source || { paid: 0, ready: 0, blockers: 0 };\n const handoff = workspace?.handoff;\n const active = handoff?.status === 'active' && Date.parse(handoff.expires_at) > Date.now();\n refs.shippingStatus.textContent = active ? `${handoff.entered_count} / ${handoff.item_count} entered`\n : handoff ? handoff.status : 'No active handoff';\n refs.shippingMetrics.innerHTML = [\n ['Paid', Number(source.paid || 0)], ['Ready addresses', Number(source.ready || 0)],\n ['Paid blockers', Number(source.blockers || 0)], ['Snapshot items', Number(handoff?.item_count || 0)],\n ['Entered', Number(handoff?.entered_count || 0)], ['Expires', handoff ? formatJst(handoff.expires_at) : '\u2014'],\n ].map(([label, value]) => `${escapeHtml(label)} ${escapeHtml(value)}
`).join('');\n refs.shippingExpiry.disabled = state.numberShippingBusy || active;\n refs.shippingPreview.disabled = state.numberShippingBusy || active || typeof config.allocationApi !== 'function';\n refs.shippingCreate.disabled = state.numberShippingBusy || active || !state.numberShippingPreview\n || state.numberShippingPreview.blockers?.length || !workspace?.capabilities?.writes_enabled\n || typeof config.allocationApi !== 'function';\n refs.shippingRevoke.disabled = state.numberShippingBusy || !active || !workspace?.capabilities?.writes_enabled;\n const rows = state.numberShippingPreview?.rows || [];\n refs.shippingRows.innerHTML = rows.length ? rows.map((row) => `#${escapeHtml(row.number)} ${escapeHtml(row.recipient)} \u00B7 ${escapeHtml(row.phone)}
`).join('') : '';\n refs.shippingRows.hidden = !rows.length;\n refs.shippingSecret.hidden = !state.numberShippingSecret;\n if (state.numberShippingSecret) {\n refs.shippingUrl.value = state.numberShippingSecret.url;\n refs.shippingPin.value = state.numberShippingSecret.pin;\n }\n refs.shippingMessage.textContent = state.numberShippingMessage || (active\n ? 'The delegate link is active. The limited number is visible on each card but is never included in copied delivery text.'\n : source.ready ? 'Preview the current paid delivery snapshot. Creating it returns the share link and PIN once.'\n : 'No confirmed paid delivery is ready yet.');\n }\n\n async function copyPaymentText(value, successMessage) {\n if (!value) return;\n try {\n await navigator.clipboard.writeText(value);\n state.numberPaymentReviewMessage = successMessage;\n } catch (_) {\n state.numberPaymentReviewMessage = 'Copy failed. Use the CSV download or copy the visible details manually.';\n }\n renderPaymentReview();\n }\n\n function renderPaymentReview() {\n if (!refs.paymentReviewPanel) return;\n const workspace = state.numberPaymentWorkspace || {};\n const requests = Array.isArray(workspace.preview_requests) ? workspace.preview_requests : [];\n const batchActive = ['payment_open', 'closed'].includes(workspace.batch?.status)\n || (root.dataset.oapRemote !== 'true' && config.demo_number_payment_preview === true);\n refs.paymentReviewPanel.hidden = !batchActive || !requests.length;\n if (refs.paymentReviewPanel.hidden) return;\n const summary = workspace.review_summary || {};\n const deliveryCount = requests.filter((row) => row.delivery).length;\n refs.paymentReviewStatus.textContent = `${Number(summary.paid || 0)} paid \u00B7 ${Number(summary.awaiting_review || 0)} awaiting review`;\n refs.paymentReviewMetrics.innerHTML = [\n ['Payment requests', Number(summary.total ?? requests.length)],\n ['Ready / awaiting', Number(summary.awaiting_review || 0)],\n ['No proof \u00B7 optional', Number(summary.proof_missing || 0)],\n ['Shopify route', Number(summary.shopify_requested || 0)],\n ['Paid', Number(summary.paid || 0)],\n ['Recovery', Number(summary.recovery_required || 0)],\n ['Delivery saved', `${deliveryCount} / ${requests.length}`],\n ].map(([label, value]) => `${escapeHtml(label)} ${escapeHtml(value)}
`).join('');\n if (refs.paymentReviewFilter) refs.paymentReviewFilter.value = state.numberPaymentReviewFilter;\n const filtered = requests.filter((row) => state.numberPaymentReviewFilter === 'all'\n || paymentReviewState(row) === state.numberPaymentReviewFilter);\n refs.paymentReviewList.innerHTML = filtered.length ? filtered.map((row) => {\n const identity = row.identity || {};\n const reviewState = paymentReviewState(row);\n const rmb = row.payable_rmb_minor == null ? '\u2014' : `RMB \u00A5${money.format(Number(row.payable_rmb_minor) / 100)}`;\n const canReview = reviewState === 'ready' && workspace.capabilities?.reconciliation_writes_enabled === true;\n const canRecover = reviewState === 'recovery' && row.review?.status === 'recovery_required'\n && workspace.capabilities?.reconciliation_writes_enabled === true;\n const shopifyRecovery = reviewState === 'recovery' && Boolean(row.shopify_receipt);\n const shopifyJob = row.shopify_job;\n const shopifyAction = reviewState !== 'shopify' ? ''\n : shopifyJob?.status === 'draft_created' && shopifyJob.invoice_url\n ? `Copy Shopify link `\n : shopifyJob?.status === 'reviewed'\n ? workspace.capabilities?.shopify_automation_enabled\n ? 'Automatic creation queued '\n : `${workspace.capabilities?.shopify_draft_writes_enabled ? 'Create Shopify payment link' : 'Draft creation gate closed'} `\n : ['replacing', 'cancelling'].includes(shopifyJob?.status)\n ? 'Automatic update in progress '\n : shopifyJob?.status === 'cancelled'\n ? 'Returned to Alipay '\n : shopifyJob?.status === 'recovery_required'\n ? 'Recovery required '\n : workspace.capabilities?.shopify_automation_enabled\n ? 'Automatic review queued '\n : `Review Shopify request `;\n return `\n \n
Amount JPY \u00A5${escapeHtml(money.format(Number(row.total_jpy || 0)))} \u00B7 ${escapeHtml(rmb)}
KoB Points ${escapeHtml(money.format(Number(row.points_cost || 0)))} \u00B7 ${escapeHtml(row.reservation?.status || 'no reservation')}
Delivery ${row.delivery ? `${escapeHtml(row.delivery.recipient_name)} \u00B7 ${escapeHtml(row.delivery.phone)} \n Copy delivery \n View proof \n ${shopifyAction}\n ${canRecover ? `Recover safely `\n : reviewState === 'shopify' ? '' : shopifyRecovery ? 'Shopify recovery required '\n : `${reviewState === 'paid' ? 'Confirmed' : workspace.capabilities?.reconciliation_writes_enabled ? 'Review payment' : 'Confirmation gate closed'} `}\n
\n `;\n }).join('') : 'No payment requests match this filter.
';\n if (refs.paymentCopyAll) refs.paymentCopyAll.disabled = !deliveryCount;\n if (refs.paymentExport) refs.paymentExport.disabled = !deliveryCount || typeof config.allocationAssetApi !== 'function';\n if (refs.paymentReviewMessage) refs.paymentReviewMessage.textContent = state.numberPaymentReviewMessage\n || (deliveryCount === requests.length ? 'All delivery details are available.' : `${requests.length - deliveryCount} delivery submission(s) are still missing.`);\n }\n\n function openPaymentReviewDialog(paymentRequestId) {\n const row = (state.numberPaymentWorkspace?.preview_requests || []).find((item) => item.payment_request_id === paymentRequestId);\n if (!row || paymentReviewState(row) !== 'ready' || !refs.paymentReviewDialog) return;\n state.numberPaymentReviewSelection = paymentRequestId;\n state.pendingNumberPaymentReviewRequestId = null;\n refs.paymentReviewDialogTitle.textContent = `Confirm Alipay payment \u00B7 #${row.serial_label}`;\n refs.paymentReviewDialogDetail.innerHTML = `\n
Collector ${escapeHtml(row.identity?.display_name || 'Name unavailable')} \n
Frozen amount RMB \u00A5${escapeHtml(money.format(Number(row.payable_rmb_minor || 0) / 100))} \n
KoB Points ${escapeHtml(money.format(Number(row.points_cost || 0)))} will be consumed from the reserved amount. \n
Delivery ${escapeHtml(row.delivery?.recipient_name || '')} \u00B7 ${escapeHtml(row.delivery?.phone || '')} \n
Payment proof ${row.proof ? `${escapeHtml(row.proof.file_name || 'Uploaded proof')} \u00B7 v${escapeHtml(Number(row.proof.version || 1))}` : 'Not uploaded \u00B7 verify the transfer using its amount and Alipay remark email.'} \n `;\n refs.paymentReviewReference.value = '';\n refs.paymentReviewNote.value = '';\n refs.paymentReviewAmountConfirm.checked = false;\n refs.paymentReviewEmailConfirm.checked = false;\n refs.paymentReviewDialogMessage.textContent = 'This action marks the payment paid and consumes the reserved Points. It is protected by an idempotent recovery record.';\n refs.paymentReviewConfirm.disabled = true;\n refs.paymentReviewDialog.showModal();\n }\n\n function renderPaymentReviewDialogAction() {\n if (!refs.paymentReviewConfirm) return;\n refs.paymentReviewConfirm.disabled = state.numberPaymentReviewBusy\n || !refs.paymentReviewReference?.value.trim()\n || !refs.paymentReviewAmountConfirm?.checked\n || !refs.paymentReviewEmailConfirm?.checked;\n }\n\n async function previewShopifyPaymentRequest(paymentRequestId) {\n if (state.numberShopifyBusy || typeof config.allocationApi !== 'function' || !refs.shopifyDialog) return;\n state.numberShopifyBusy = true;\n state.numberShopifySelection = paymentRequestId;\n state.numberShopifyPreview = null;\n refs.shopifyDialogTitle.textContent = 'Review Shopify payment request';\n refs.shopifyDialogDetail.innerHTML = '';\n refs.shopifyDialogMessage.textContent = 'Checking the frozen request and its exact Shopify product variant\u2026';\n refs.shopifyDialogConfirm.checked = false;\n refs.shopifyDialogSave.disabled = true;\n refs.shopifyDialog.showModal();\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-shopify/preview`, {\n method: 'POST', body: JSON.stringify({ payment_request_id: paymentRequestId }),\n });\n state.numberShopifyPreview = response;\n const plan = response.plan;\n refs.shopifyDialogDetail.innerHTML = `\n
Collector ${escapeHtml(plan.email)} \n
Allocated number #${escapeHtml(plan.serial_label)} \n
Shopify product ${escapeHtml(plan.product.title)} \n
Frozen amount JPY \u00A5${escapeHtml(money.format(Number(plan.total_jpy || 0)))} \n
KoB Points ${escapeHtml(money.format(Number(plan.points_cost || 0)))} remain reserved until payment is confirmed. \n `;\n refs.shopifyDialogMessage.textContent = 'Saving this review does not create a Draft Order or send an invoice.';\n } catch (error) {\n refs.shopifyDialogMessage.textContent = `Shopify request preview failed: ${error.code || 'request_failed'}.`;\n } finally {\n state.numberShopifyBusy = false;\n refs.shopifyDialogSave.disabled = !state.numberShopifyPreview || !refs.shopifyDialogConfirm.checked;\n }\n }\n\n async function saveReviewedShopifyPaymentRequest() {\n if (state.numberShopifyBusy || !state.numberShopifyPreview || !refs.shopifyDialogConfirm.checked\n || typeof config.allocationApi !== 'function') return;\n state.numberShopifyBusy = true;\n state.pendingNumberShopifyReviewRequestId ||= crypto.randomUUID();\n refs.shopifyDialogSave.disabled = true;\n refs.shopifyDialogMessage.textContent = 'Saving the reviewed Shopify request\u2026';\n try {\n await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-shopify/prepare`, {\n method: 'POST', body: JSON.stringify({\n request_id: state.pendingNumberShopifyReviewRequestId,\n payment_request_id: state.numberShopifySelection,\n preview: state.numberShopifyPreview.plan,\n preview_token: state.numberShopifyPreview.preview_token,\n }),\n });\n state.pendingNumberShopifyReviewRequestId = null;\n await refreshNumberPaymentWorkspace();\n state.numberPaymentReviewMessage = 'Shopify request reviewed. No Draft Order or email was created.';\n refs.shopifyDialog.close();\n renderPaymentReview();\n } catch (error) {\n refs.shopifyDialogMessage.textContent = `Shopify review was not saved: ${error.code || 'request_failed'}.`;\n } finally {\n state.numberShopifyBusy = false;\n refs.shopifyDialogSave.disabled = !state.numberShopifyPreview || !refs.shopifyDialogConfirm.checked;\n }\n }\n\n async function createReviewedShopifyPaymentLink(paymentRequestId) {\n if (state.numberShopifyBusy || typeof config.allocationApi !== 'function') return;\n const row = (state.numberPaymentWorkspace?.preview_requests || []).find((item) => item.payment_request_id === paymentRequestId);\n if (!row?.shopify_job || !window.confirm(`Create one real Shopify Draft Order for #${row.serial_label} at JPY \u00A5${money.format(Number(row.total_jpy || 0))}? No invoice email will be sent by this action.`)) return;\n state.numberShopifyBusy = true;\n state.pendingNumberShopifyCreateRequestId ||= crypto.randomUUID();\n state.numberPaymentReviewMessage = `Creating the Shopify payment link for #${row.serial_label}\u2026`;\n renderPaymentReview();\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-shopify/create`, {\n method: 'POST', body: JSON.stringify({ request_id: state.pendingNumberShopifyCreateRequestId,\n payment_request_id: paymentRequestId, confirm_create: true }),\n });\n state.pendingNumberShopifyCreateRequestId = null;\n await refreshNumberPaymentWorkspace();\n state.numberPaymentReviewMessage = `Shopify payment link for #${row.serial_label} is ready. The Collector can see it after refreshing the payment page; no invoice email was sent.`;\n if (response.job?.invoice_url) await navigator.clipboard.writeText(response.job.invoice_url).catch(() => {});\n } catch (error) {\n await refreshNumberPaymentWorkspace();\n state.numberPaymentReviewMessage = `Shopify link creation stopped: ${error.code || 'request_failed'}. Do not retry if the card shows Recovery required.`;\n } finally {\n state.numberShopifyBusy = false;\n renderPaymentReview();\n }\n }\n\n function renderNumberPaymentPolicy() {\n if (!refs.numberPaymentMetrics) return;\n const workspace = state.numberPaymentWorkspace || {};\n const choice = workspace.choice_window || (state.numberChoiceWindow ? {\n status: state.numberChoiceWindow.status,\n entitlement_count: state.numberWorkspace?.entitlement?.count || 0,\n response_count: state.numberChoiceWindow.response_count || 0,\n } : null);\n const policy = workspace.policy;\n if (policy && refs.numberPaymentMode && !state.numberPaymentPolicyPreview) refs.numberPaymentMode.value = policy.mode;\n const settled = Boolean(workspace.settlement);\n const batch = workspace.batch;\n const asset = workspace.alipay_asset;\n const batchPreview = state.numberPaymentBatchPreview;\n const batchFrozen = batch?.status === 'frozen';\n const batchOpen = batch?.status === 'payment_open';\n const openingPreview = state.numberPaymentOpeningPreview;\n const openingReady = batchOpen || Boolean(openingPreview);\n const externalReady = workspace.capabilities?.external_writes_enabled === true\n && workspace.capabilities?.email_delivery_enabled === true;\n const alipayMode = (refs.numberPaymentMode?.value || '').startsWith('alipay');\n const previewRmbTotal = batchPreview?.rows?.reduce((sum, row) => sum + Number(row.payable_rmb_minor || 0), 0) || 0;\n const previewJpyTotal = batchPreview?.rows?.reduce((sum, row) => sum + Number(row.total_jpy || 0), 0) || 0;\n renderNumberPaymentBatchPreview();\n renderPaymentReview();\n renderShippingHandoff();\n refs.numberPaymentMetrics.innerHTML = [\n ['Collector responses', choice ? `${Number(choice.response_count || 0)} / ${Number(choice.entitlement_count || 0)}` : 'Not available'],\n ['Scheme C', settled ? 'Final number allocation frozen' : 'Waiting for final settlement'],\n ['Payment mode', alipayMode ? 'Alipay primary \u00B7 Shopify on request' : 'Shopify only'],\n ['Payment window', '7 days \u00B7 one batch-wide deadline'],\n ['Protected QR', alipayMode ? (asset ? `Version ${asset.version} \u00B7 ${asset.content_sha256.slice(0, 10)}` : 'Required before batch preview') : 'Not used'],\n ['RMB authority', batch ? `Stored in batch ${batch.batch_hash?.slice(0, 10) || ''}`\n : batchPreview?.fx_snapshot ? `${batchPreview.fx_snapshot.reference_date} \u00B7 one release-wide rate` : 'Not calculated yet'],\n ['Payment batch', batch ? `${batch.status} \u00B7 ${batch.request_count} requests`\n : batchPreview ? `${batchPreview.request_count} requests \u00B7 ${batchPreview.blockers.length} blocker(s)` : 'Not prepared'],\n ['Payment opens \u00B7 JST', batchOpen ? formatJst(batch.opened_at)\n : openingPreview ? formatJst(openingPreview.opens_at) : 'Not scheduled'],\n ['Payment deadline \u00B7 JST', batchOpen ? formatJst(batch.payment_deadline_at)\n : openingPreview ? formatJst(openingPreview.payment_deadline_at) : 'Not scheduled'],\n ['Preview totals', batchPreview ? `JPY ${money.format(previewJpyTotal)}${alipayMode ? ` \u00B7 RMB \u00A5${(previewRmbTotal / 100).toFixed(2)}` : ''}` : '\u2014'],\n ].map(([label, value]) => `${escapeHtml(label)} ${escapeHtml(value)}
`).join('');\n refs.numberPaymentMode.disabled = state.numberPaymentBusy || Boolean(batch);\n refs.numberPaymentPreview.disabled = state.numberPaymentBusy || Boolean(batch) || typeof config.allocationApi !== 'function';\n refs.numberPaymentSave.disabled = state.numberPaymentBusy || Boolean(batch)\n || !state.numberPaymentPolicyPreview || typeof config.allocationApi !== 'function';\n refs.numberPaymentSave.textContent = state.numberPaymentBusy ? 'Saving\u2026' : policy ? 'Save revised payment policy' : 'Save reviewed payment policy';\n if (refs.numberPaymentAssetFile) refs.numberPaymentAssetFile.disabled = state.numberPaymentBusy || Boolean(batch) || !alipayMode;\n if (refs.numberPaymentAssetUpload) refs.numberPaymentAssetUpload.disabled = state.numberPaymentBusy || Boolean(batch)\n || !alipayMode || !refs.numberPaymentAssetFile?.files?.length || typeof config.allocationApi !== 'function';\n if (refs.numberPaymentBatchPreview) refs.numberPaymentBatchPreview.disabled = state.numberPaymentBusy || Boolean(batch)\n || !settled || !policy || (alipayMode && !asset)\n || (typeof config.allocationApi !== 'function' && !config.demo_number_payment_preview);\n if (refs.numberPaymentBatchPrepare) refs.numberPaymentBatchPrepare.disabled = state.numberPaymentBusy || Boolean(batch)\n || !batchPreview || Boolean(batchPreview.blockers?.length) || !state.numberPaymentBatchPreviewToken\n || typeof config.allocationApi !== 'function';\n if (refs.numberPaymentBatchFreezeConfirm) {\n refs.numberPaymentBatchFreezeConfirm.disabled = state.numberPaymentBusy || batch?.status !== 'reviewed_draft';\n if (batchFrozen) refs.numberPaymentBatchFreezeConfirm.checked = true;\n }\n if (refs.numberPaymentBatchFreeze) refs.numberPaymentBatchFreeze.disabled = state.numberPaymentBusy\n || batch?.status !== 'reviewed_draft' || !refs.numberPaymentBatchFreezeConfirm?.checked\n || typeof config.allocationApi !== 'function';\n if (refs.numberPaymentOpensAt) {\n if (batchOpen) refs.numberPaymentOpensAt.value = isoToJstInput(batch.opened_at);\n else if (batchFrozen && !refs.numberPaymentOpensAt.value) {\n refs.numberPaymentOpensAt.value = isoToJstInput(new Date(Date.now() + 15 * 60 * 1000));\n }\n refs.numberPaymentOpensAt.disabled = state.numberPaymentBusy || !batchFrozen || batchOpen;\n }\n if (refs.numberPaymentOpeningPreview) refs.numberPaymentOpeningPreview.disabled = state.numberPaymentBusy\n || !batchFrozen || !refs.numberPaymentOpensAt?.value || typeof config.allocationApi !== 'function';\n if (refs.numberPaymentOpeningMessage) refs.numberPaymentOpeningMessage.textContent = state.numberPaymentOpeningMessage\n || (batchOpen\n ? `Payment is scheduled for ${formatJst(batch.opened_at)}. The shared deadline is ${formatJst(batch.payment_deadline_at)}.`\n : openingPreview\n ? `Preview: payment and email open ${formatJst(openingPreview.opens_at)}; every payment is due ${formatJst(openingPreview.payment_deadline_at)}.`\n : batchFrozen\n ? 'Choose a future JST time. Previewing calculates one seven-day deadline without opening payment or sending email.'\n : 'Freeze the payment batch before preparing its opening schedule.');\n if (refs.numberPaymentEmailReadiness) {\n refs.numberPaymentEmailReadiness.innerHTML = batchOpen\n ? 'Result & payment email preview: the opening schedule is stored. The exact recipient message can be rendered below.'\n : batchFrozen\n ? openingPreview\n ? 'Result & payment email preview: the proposed JST schedule now supplies the exact shared deadline. Review a real recipient below.'\n : 'Result & payment email preview: preview the JST opening schedule first so the email has an exact seven-day deadline.'\n : batch\n ? 'Result & payment email preview: freeze the reviewed payment batch first.'\n : settled\n ? 'Result & payment email preview: Scheme C is frozen. Prepare and freeze the payment batch next; the actual email preview will then use its stored values.'\n : 'Result & payment email preview: waiting for the final Scheme C settlement and frozen payment batch. This settings check does not render an email.';\n }\n if (refs.numberPaymentEmailPanel) {\n const requests = Array.isArray(workspace.preview_requests) ? workspace.preview_requests : [];\n const members = new Map((state.numberWorkspace?.entitlement?.members || []).map((member) => [member.collector_id, member]));\n const previous = refs.numberPaymentEmailRequest?.value || '';\n refs.numberPaymentEmailPanel.hidden = !openingReady || !requests.length;\n if (refs.numberPaymentEmailRequest && openingReady) {\n refs.numberPaymentEmailRequest.innerHTML = requests.map((request) => {\n const member = members.get(request.collector_id) || {};\n const identity = member.identity || {};\n const person = identity.display_name || member.source_audit_code || request.collector_id;\n const email = identity.email ? ` \u00B7 ${identity.email}` : '';\n const response = `${request.delivery ? ' \u00B7 address saved' : ''}${request.proof ? ' \u00B7 proof uploaded' : ''}`;\n return `#${escapeHtml(request.serial_label)} \u00B7 ${escapeHtml(person)}${escapeHtml(email)}${response} `;\n }).join('');\n if (requests.some((request) => request.payment_request_id === previous)) refs.numberPaymentEmailRequest.value = previous;\n }\n if (refs.numberPaymentSubmission) {\n const selected = requests.find((request) => request.payment_request_id === refs.numberPaymentEmailRequest?.value);\n refs.numberPaymentSubmission.innerHTML = selected ? `\n Delivery ${selected.delivery\n ? `${escapeHtml(selected.delivery.recipient_name)} \u00B7 ${escapeHtml(selected.delivery.phone)}
\n Alipay proof ${selected.proof\n ? `${escapeHtml(selected.proof.file_name)} \u00B7 v${Number(selected.proof.version || 1)} View protected proof `\n : 'Not uploaded'}
` : '';\n }\n if (refs.numberPaymentEmailPreview) refs.numberPaymentEmailPreview.disabled = state.numberPaymentBusy\n || !openingReady || !refs.numberPaymentEmailRequest?.value || typeof config.allocationApi !== 'function';\n if (refs.numberPaymentPagePreview) refs.numberPaymentPagePreview.disabled = state.numberPaymentBusy\n || !openingReady || !refs.numberPaymentEmailRequest?.value;\n if (refs.numberPaymentPageFrameShell) refs.numberPaymentPageFrameShell.dataset.viewport\n = refs.numberPaymentPageViewport?.value === 'mobile' ? 'mobile' : 'desktop';\n if (refs.numberPaymentEmailMessage) refs.numberPaymentEmailMessage.textContent = state.numberPaymentEmailMessage\n || (openingReady ? 'Choose a recipient and render the exact trilingual message. Nothing will be sent.' : '');\n }\n if (refs.numberPaymentOpenConfirm) {\n refs.numberPaymentOpenConfirm.disabled = state.numberPaymentBusy || !batchFrozen || !openingPreview\n || state.numberPaymentEmailReviewedOpeningHash !== state.numberPaymentOpeningPreviewHash;\n if (batchOpen) refs.numberPaymentOpenConfirm.checked = true;\n }\n if (refs.numberPaymentOpen) {\n refs.numberPaymentOpen.disabled = state.numberPaymentBusy || !batchFrozen || !openingPreview\n || state.numberPaymentEmailReviewedOpeningHash !== state.numberPaymentOpeningPreviewHash\n || !refs.numberPaymentOpenConfirm?.checked || !externalReady || typeof config.allocationApi !== 'function';\n refs.numberPaymentOpen.textContent = batchOpen ? 'Payment opening scheduled'\n : externalReady ? 'Open payment & schedule result emails' : 'External delivery gate is closed';\n }\n refs.numberPaymentMessage.textContent = state.numberPaymentMessage || (batch\n ? batchFrozen\n ? 'The payment batch and release-wide RMB rate are frozen. Required KoB Points are reserved, not deducted. Payment is still closed.'\n : batchOpen\n ? `Payment opens ${formatJst(batch.opened_at)}; ${Number(batch.email_job_count || 0)} result emails are queued for that time.`\n : 'The reviewed payment draft exists. Its exchange rate and payable amounts are stored; review and freeze it to reserve Points.'\n : batchPreview\n ? batchPreview.blockers.length\n ? `Payment batch preview has ${batchPreview.blockers.length} blocker(s). Nothing was written.`\n : 'Payment batch preview passed. Preparing it stores one rate and 29 payment requests, but does not reserve Points.'\n : policy\n ? `Payment policy v${policy.revision} is stored. Scheme C may finish later; no RMB amount, Points reservation, invoice or email exists yet.`\n : settled\n ? 'Scheme C is ready. Review and save the payment policy before preparing the frozen payment batch.'\n : 'You may prepare this policy now. The system will refuse FX capture, Points reservation, invoices and email until Scheme C is frozen.');\n }\n\n async function refreshNumberPaymentWorkspace() {\n if (typeof config.allocationApi !== 'function') return;\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-workspace`);\n state.numberPaymentWorkspace = response.payment_workspace || null;\n }\n\n async function refreshShippingHandoff() {\n if (typeof config.allocationApi !== 'function') return;\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-shipping-handoff`);\n state.numberShippingHandoff = response.shipping_handoff || null;\n }\n\n async function previewShippingHandoff() {\n if (state.numberShippingBusy || typeof config.allocationApi !== 'function') return;\n state.numberShippingBusy = true; state.numberShippingSecret = null;\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-shipping-handoff/preview`, {\n method: 'POST', body: JSON.stringify({ expires_in_days: Number(refs.shippingExpiry.value || 14) }),\n });\n state.numberShippingPreview = response.preview;\n state.numberShippingMessage = response.preview.blockers.length\n ? `${response.preview.blockers.length} paid shipment(s) still need a complete address.`\n : `Preview ready: ${response.preview.rows.length} paid delivery record(s). No share link has been created.`;\n } catch (error) { state.numberShippingMessage = `Shipping preview failed: ${error.code || 'request_failed'}.`; }\n state.numberShippingBusy = false; renderShippingHandoff();\n }\n\n async function createShippingHandoff() {\n if (state.numberShippingBusy || !state.numberShippingPreview || typeof config.allocationApi !== 'function') return;\n state.numberShippingBusy = true; state.pendingNumberShippingRequestId ||= crypto.randomUUID();\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-shipping-handoff/create`, {\n method: 'POST', body: JSON.stringify({ request_id: state.pendingNumberShippingRequestId,\n expires_in_days: Number(refs.shippingExpiry.value || 14), expected_snapshot_hash: state.numberShippingPreview.snapshot_hash }),\n });\n state.pendingNumberShippingRequestId = null; state.numberShippingSecret = response.secret;\n await refreshShippingHandoff();\n state.numberShippingMessage = response.secret\n ? 'Handoff created. Copy the link and PIN now; the PIN cannot be displayed again.'\n : 'This request was already applied. Revoke it and create a new handoff if the original PIN was not saved.';\n } catch (error) { state.numberShippingMessage = `Shipping handoff was not created: ${error.code || 'request_failed'}.`; }\n state.numberShippingBusy = false; renderShippingHandoff();\n }\n\n async function revokeShippingHandoff() {\n const handoff = state.numberShippingHandoff?.handoff;\n if (!handoff || state.numberShippingBusy || typeof config.allocationApi !== 'function') return;\n state.numberShippingBusy = true;\n try {\n await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-shipping-handoff/${encodeURIComponent(handoff.handoff_id)}/revoke`, {\n method: 'POST', body: JSON.stringify({ request_id: crypto.randomUUID() }),\n });\n state.numberShippingPreview = null; state.numberShippingSecret = null; await refreshShippingHandoff();\n state.numberShippingMessage = 'The handoff link and every device session were revoked.';\n } catch (error) { state.numberShippingMessage = `Handoff revocation failed: ${error.code || 'request_failed'}.`; }\n state.numberShippingBusy = false; renderShippingHandoff();\n }\n\n async function openProtectedPaymentProof(proofUploadId, button) {\n if (!proofUploadId || typeof config.allocationAssetApi !== 'function') return;\n if (button) button.disabled = true;\n const previewWindow = window.open('about:blank', '_blank');\n if (previewWindow) previewWindow.opener = null;\n try {\n const blob = await config.allocationAssetApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-proof/${encodeURIComponent(proofUploadId)}`);\n const objectUrl = URL.createObjectURL(blob);\n if (previewWindow) previewWindow.location.href = objectUrl;\n setTimeout(() => URL.revokeObjectURL(objectUrl), 60000);\n } catch (_) {\n previewWindow?.close();\n state.numberPaymentReviewMessage = 'The protected payment proof could not be opened.';\n renderPaymentReview();\n } finally {\n if (button) button.disabled = false;\n }\n }\n\n async function confirmSelectedAlipayPayment() {\n const row = (state.numberPaymentWorkspace?.preview_requests || [])\n .find((item) => item.payment_request_id === state.numberPaymentReviewSelection);\n if (!row || state.numberPaymentReviewBusy || typeof config.allocationApi !== 'function') return;\n state.numberPaymentReviewBusy = true;\n state.pendingNumberPaymentReviewRequestId ||= crypto.randomUUID();\n refs.paymentReviewDialogMessage.textContent = 'Confirming payment and reconciling KoB Points\u2026';\n renderPaymentReviewDialogAction();\n try {\n await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-review/alipay/confirm`, {\n method: 'POST', body: JSON.stringify({\n request_id: state.pendingNumberPaymentReviewRequestId,\n payment_request_id: row.payment_request_id,\n delivery_submission_id: row.delivery?.delivery_submission_id,\n proof_upload_id: row.proof?.proof_upload_id,\n payment_reference: refs.paymentReviewReference.value,\n owner_note: refs.paymentReviewNote.value,\n amount_confirmed: refs.paymentReviewAmountConfirm.checked,\n remark_email_confirmed: refs.paymentReviewEmailConfirm.checked,\n }),\n });\n state.pendingNumberPaymentReviewRequestId = null;\n await Promise.all([refreshNumberPaymentWorkspace(), refreshShippingHandoff()]);\n state.numberPaymentReviewMessage = `Payment for #${row.serial_label} is confirmed and its reserved KoB Points were consumed.`;\n refs.paymentReviewDialog.close();\n } catch (error) {\n refs.paymentReviewDialogMessage.textContent = error.code === 'ownership_number_payment_recovery_required'\n ? 'The operation stopped in a recoverable state. Close this dialog and use \u201CRecover safely\u201D; do not confirm it again.'\n : `Payment was not confirmed: ${error.code || 'request_failed'}.`;\n } finally {\n state.numberPaymentReviewBusy = false;\n renderPaymentReviewDialogAction();\n renderPaymentReview();\n }\n }\n\n async function recoverPaymentReview(reviewId) {\n if (!reviewId || state.numberPaymentReviewBusy || typeof config.allocationApi !== 'function') return;\n state.numberPaymentReviewBusy = true;\n state.numberPaymentReviewMessage = 'Checking the authoritative Shopify balance before recovery\u2026';\n renderPaymentReview();\n try {\n await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-review/${encodeURIComponent(reviewId)}/recover`, {\n method: 'POST', body: JSON.stringify({ request_id: crypto.randomUUID() }),\n });\n await refreshNumberPaymentWorkspace();\n state.numberPaymentReviewMessage = 'Recovery completed. Payment and Points records now agree.';\n } catch (error) {\n await refreshNumberPaymentWorkspace();\n state.numberPaymentReviewMessage = `Recovery stopped safely: ${error.code || 'request_failed'}. No second deduction was assumed.`;\n } finally {\n state.numberPaymentReviewBusy = false;\n renderNumberPaymentPolicy();\n }\n }\n\n async function downloadPaymentDeliveryCsv() {\n if (typeof config.allocationAssetApi !== 'function') return;\n refs.paymentExport.disabled = true;\n try {\n const blob = await config.allocationAssetApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-delivery-export?format=csv`);\n const objectUrl = URL.createObjectURL(blob);\n const link = document.createElement('a');\n link.href = objectUrl;\n link.download = `kob-${config.campaign_id}-delivery.csv`;\n link.click();\n setTimeout(() => URL.revokeObjectURL(objectUrl), 10000);\n state.numberPaymentReviewMessage = 'Private UTF-8 delivery CSV downloaded. It contains the current saved address version only.';\n } catch (error) {\n state.numberPaymentReviewMessage = `Delivery export failed: ${error.code || 'request_failed'}.`;\n }\n renderPaymentReview();\n }\n\n async function uploadNumberPaymentAsset() {\n if (state.numberPaymentBusy || !refs.numberPaymentAssetFile?.files?.length\n || typeof config.allocationApi !== 'function') return;\n state.numberPaymentBusy = true;\n state.pendingNumberPaymentAssetRequestId ||= crypto.randomUUID();\n renderNumberPaymentPolicy();\n try {\n const form = new FormData();\n form.set('request_id', state.pendingNumberPaymentAssetRequestId);\n form.set('file', refs.numberPaymentAssetFile.files[0]);\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-asset/alipay`, {\n method: 'POST', body: form,\n });\n state.pendingNumberPaymentAssetRequestId = null;\n refs.numberPaymentAssetFile.value = '';\n await refreshNumberPaymentWorkspace();\n state.numberPaymentMessage = `Protected Alipay QR v${response.asset.version} stored. It is not a public theme asset.`;\n } catch (error) {\n state.numberPaymentMessage = `Alipay QR was not stored: ${error.code || 'request_failed'}.`;\n } finally {\n state.numberPaymentBusy = false;\n renderNumberPaymentPolicy();\n }\n }\n\n async function previewNumberPaymentBatch() {\n if (state.numberPaymentBusy || (typeof config.allocationApi !== 'function' && !config.demo_number_payment_preview)) return;\n state.numberPaymentBusy = true;\n state.numberPaymentBatchPreview = null;\n state.numberPaymentBatchPreviewToken = null;\n renderNumberPaymentPolicy();\n try {\n const response = config.demo_number_payment_preview\n ? { preview: demoNumberPaymentPreview, preview_token: 'DEMO-PREVIEW-TOKEN' }\n : await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-batch/preview`, {\n method: 'POST', body: JSON.stringify({}),\n });\n state.numberPaymentBatchPreview = response.preview;\n state.numberPaymentBatchPreviewToken = response.preview_token;\n state.numberPaymentMessage = response.preview.blockers.length\n ? `Payment batch preview found ${response.preview.blockers.length} blocker(s). No data was written.`\n : 'Payment batch preview passed using current Points and one fresh release-wide RMB rate. No data was written.';\n requestAnimationFrame(() => refs.numberPaymentBatchPanel?.scrollIntoView({ block: 'nearest', behavior: 'smooth' }));\n } catch (error) {\n state.numberPaymentMessage = `Payment batch preview failed: ${error.code || 'request_failed'}.`;\n } finally {\n state.numberPaymentBusy = false;\n renderNumberPaymentPolicy();\n }\n }\n\n async function prepareNumberPaymentBatch() {\n if (state.numberPaymentBusy || !state.numberPaymentBatchPreview || !state.numberPaymentBatchPreviewToken\n || typeof config.allocationApi !== 'function') return;\n state.numberPaymentBusy = true;\n state.pendingNumberPaymentBatchRequestId ||= crypto.randomUUID();\n renderNumberPaymentPolicy();\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-batch/prepare`, {\n method: 'POST', body: JSON.stringify({ request_id: state.pendingNumberPaymentBatchRequestId,\n preview: state.numberPaymentBatchPreview, preview_token: state.numberPaymentBatchPreviewToken }),\n });\n state.pendingNumberPaymentBatchRequestId = null;\n state.numberPaymentBatchPreview = null;\n state.numberPaymentBatchPreviewToken = null;\n await refreshNumberPaymentWorkspace();\n state.numberPaymentMessage = `Reviewed payment draft ${response.payment_batch.batch_hash} prepared. No Points, order or email action ran.`;\n } catch (error) {\n state.numberPaymentMessage = `Reviewed payment draft was not prepared: ${error.code || 'request_failed'}.`;\n } finally {\n state.numberPaymentBusy = false;\n renderNumberPaymentPolicy();\n }\n }\n\n async function freezeNumberPaymentBatch() {\n const batch = state.numberPaymentWorkspace?.batch;\n if (state.numberPaymentBusy || batch?.status !== 'reviewed_draft'\n || !refs.numberPaymentBatchFreezeConfirm?.checked || typeof config.allocationApi !== 'function') return;\n state.numberPaymentBusy = true;\n state.pendingNumberPaymentBatchFreezeRequestId ||= crypto.randomUUID();\n renderNumberPaymentPolicy();\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-batch/freeze`, {\n method: 'POST', body: JSON.stringify({ request_id: state.pendingNumberPaymentBatchFreezeRequestId,\n expected_batch_hash: batch.batch_hash, confirm_freeze: true }),\n });\n state.pendingNumberPaymentBatchFreezeRequestId = null;\n await refreshNumberPaymentWorkspace();\n state.numberPaymentMessage = `${response.payment_batch.request_count} Points reservations are frozen. No Points were deducted and payment remains closed.`;\n } catch (error) {\n state.numberPaymentMessage = `Payment batch was not frozen: ${error.code || 'request_failed'}.`;\n } finally {\n state.numberPaymentBusy = false;\n renderNumberPaymentPolicy();\n }\n }\n\n async function previewNumberPaymentOpening() {\n const batch = state.numberPaymentWorkspace?.batch;\n const opensAt = jstInputToIso(refs.numberPaymentOpensAt?.value);\n if (state.numberPaymentBusy || batch?.status !== 'frozen' || !opensAt\n || typeof config.allocationApi !== 'function') return;\n state.numberPaymentBusy = true;\n state.numberPaymentOpeningPreview = null;\n state.numberPaymentOpeningPreviewToken = null;\n state.numberPaymentOpeningPreviewHash = '';\n state.numberPaymentEmailReviewedOpeningHash = '';\n state.numberPaymentEmailMessage = '';\n if (refs.numberPaymentEmailResult) refs.numberPaymentEmailResult.hidden = true;\n renderNumberPaymentPolicy();\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-opening/preview`, {\n method: 'POST', body: JSON.stringify({ opens_at: opensAt }),\n });\n state.numberPaymentOpeningPreview = response.preview;\n state.numberPaymentOpeningPreviewToken = response.preview_token;\n state.numberPaymentOpeningPreviewHash = response.preview_hash;\n state.numberPaymentOpeningMessage = `Preview ready: opens ${formatJst(response.preview.opens_at)}; shared deadline ${formatJst(response.preview.payment_deadline_at)}. No data was written.`;\n } catch (error) {\n state.numberPaymentOpeningMessage = `Opening preview failed: ${error.code || 'request_failed'}.`;\n } finally {\n state.numberPaymentBusy = false;\n renderNumberPaymentPolicy();\n }\n }\n\n async function previewNumberPaymentEmail() {\n if (state.numberPaymentBusy || !refs.numberPaymentEmailRequest?.value\n || typeof config.allocationApi !== 'function') return;\n state.numberPaymentBusy = true;\n state.numberPaymentEmailMessage = '';\n if (refs.numberPaymentEmailResult) refs.numberPaymentEmailResult.hidden = true;\n renderNumberPaymentPolicy();\n try {\n const response = await config.allocationApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-email/preview`, {\n method: 'POST', body: JSON.stringify({\n payment_request_id: refs.numberPaymentEmailRequest.value,\n ...(state.numberPaymentWorkspace?.batch?.status === 'frozen' ? {\n opening_preview: state.numberPaymentOpeningPreview,\n opening_preview_token: state.numberPaymentOpeningPreviewToken,\n } : {}),\n }),\n });\n if (refs.numberPaymentEmailSubject) refs.numberPaymentEmailSubject.textContent = response.email.subject;\n if (refs.numberPaymentEmailFrame) refs.numberPaymentEmailFrame.srcdoc = response.email.html;\n if (refs.numberPaymentEmailResult) refs.numberPaymentEmailResult.hidden = false;\n state.numberPaymentEmailReviewedOpeningHash = state.numberPaymentOpeningPreviewHash\n || state.numberPaymentWorkspace?.batch?.batch_hash || '';\n state.numberPaymentEmailMessage = 'Actual trilingual email rendered from the frozen request. No email was sent.';\n } catch (error) {\n state.numberPaymentEmailMessage = `Email preview failed: ${error.code || 'request_failed'}.`;\n } finally {\n state.numberPaymentBusy = false;\n renderNumberPaymentPolicy();\n }\n }\n\n const maskPaymentPreviewEmail = (value) => {\n const email = String(value || '').trim().toLowerCase();\n const at = email.indexOf('@');\n if (at < 1) return 'KoB account';\n const local = email.slice(0, at);\n return `${local.slice(0, Math.min(2, local.length))}***${email.slice(at)}`;\n };\n\n const paymentPreviewQrDataUrl = () => `data:image/svg+xml;charset=utf-8,${encodeURIComponent(`\n \n \n OWNER PREVIEW \u00B7 QR POSITION \n `)}`;\n\n const blobToDataUrl = (blob) => new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.addEventListener('load', () => resolve(String(reader.result || '')), { once: true });\n reader.addEventListener('error', () => reject(new Error('payment_qr_decode_failed')), { once: true });\n reader.readAsDataURL(blob);\n });\n\n const replaceNumberPaymentPreviewFrame = (srcdoc) => {\n const current = refs.numberPaymentPageFrame;\n if (!current) return null;\n const replacement = current.cloneNode(false);\n current.replaceWith(replacement);\n refs.numberPaymentPageFrame = replacement;\n // Assign srcdoc only after the replacement iframe is connected. Chromium\n // usually accepts a pre-insertion assignment, but some embedded/mobile\n // browser paths discard that navigation and leave an apparently successful\n // preview as a blank frame.\n replacement.srcdoc = srcdoc;\n return replacement;\n };\n\n async function previewNumberPaymentPage() {\n const requestId = refs.numberPaymentEmailRequest?.value;\n const workspace = state.numberPaymentWorkspace || {};\n const request = (workspace.preview_requests || []).find((row) => row.payment_request_id === requestId);\n const opening = workspace.batch?.status === 'payment_open' ? {\n opens_at: workspace.batch.opened_at, payment_deadline_at: workspace.batch.payment_deadline_at,\n } : state.numberPaymentOpeningPreview;\n if (state.numberPaymentBusy || !request || !opening?.payment_deadline_at || !refs.numberPaymentPageFrame) return;\n state.numberPaymentBusy = true;\n state.numberPaymentEmailMessage = '';\n if (refs.numberPaymentPageResult) refs.numberPaymentPageResult.hidden = true;\n renderNumberPaymentPolicy();\n try {\n const locale = ['zh', 'ja'].includes(refs.numberPaymentPageLocale?.value)\n ? refs.numberPaymentPageLocale.value : 'en';\n const localePrefix = locale === 'zh' ? '/zh' : locale === 'ja' ? '/ja' : '';\n const shellUrl = config.demo_number_payment_preview\n ? new URL('../ownership-number-payment/index.html', location.href)\n : new URL(`${localePrefix}/pages/kob-number-payment?campaign_id=${encodeURIComponent(config.campaign_id)}&owner_preview_shell=1`, location.origin);\n if (config.demo_number_payment_preview) {\n shellUrl.searchParams.set('locale', locale);\n }\n const response = await fetch(shellUrl, { credentials: 'same-origin', cache: 'no-store' });\n if (!response.ok) throw new Error(`payment_page_shell_${response.status}`);\n const shell = new DOMParser().parseFromString(await response.text(), 'text/html');\n const paymentRoot = shell.querySelector('[data-kob-number-payment]');\n const cssNode = shell.querySelector('link[href*=\"kob-number-payment.css\"]');\n const localizationNode = shell.querySelector('script[src*=\"kob-number-payment-localization.js\"]');\n const paymentNode = shell.querySelector('script[src*=\"kob-number-payment.js\"]');\n if (!paymentRoot || !cssNode || !localizationNode || !paymentNode) throw new Error('payment_page_shell_invalid');\n const members = new Map((state.numberWorkspace?.entitlement?.members || [])\n .map((member) => [member.collector_id, member]));\n const identity = members.get(request.collector_id)?.identity || {};\n const mode = workspace.batch?.mode || workspace.policy?.mode || 'alipay_primary_shopify_fallback';\n let previewQr = paymentPreviewQrDataUrl();\n let usesProtectedQr = false;\n if (mode !== 'shopify_only' && !config.demo_number_payment_preview) {\n if (typeof config.allocationAssetApi !== 'function') throw new Error('payment_qr_preview_unavailable');\n const qrBlob = await config.allocationAssetApi(`/admin/campaigns/${encodeURIComponent(config.campaign_id)}/number-payment-asset/alipay`);\n previewQr = await blobToDataUrl(qrBlob);\n usesProtectedQr = true;\n }\n const payload = {\n ok: true, state: 'open',\n campaign: { campaign_id: config.campaign_id,\n title: config.release_title || root.querySelector('[data-oap-release-title]')?.textContent?.trim() || config.campaign_id },\n identity: { email_masked: maskPaymentPreviewEmail(identity.email) },\n delivery: request.delivery || null,\n proof: request.proof ? { ...request.proof, uploaded: true } : null,\n payment: {\n serial_label: request.serial_label, total_jpy: Number(request.total_jpy),\n payable_rmb_minor: request.payable_rmb_minor == null ? null : Number(request.payable_rmb_minor),\n points_cost: Number(request.points_cost), mode,\n active_channel: mode === 'shopify_only' ? 'shopify' : 'alipay', status: 'awaiting_payment',\n opened_at: opening.opens_at, payment_deadline_at: opening.payment_deadline_at,\n shopify_invoice_url: null, alipay_qr_available: mode !== 'shopify_only',\n },\n };\n paymentRoot.dataset.preview = 'true';\n paymentRoot.dataset.previewQr = previewQr;\n const qrNode = paymentRoot.querySelector('[data-kob-np-qr]');\n if (qrNode) {\n qrNode.setAttribute('src', previewQr);\n qrNode.setAttribute('alt', 'Protected Alipay business payment QR code');\n }\n paymentRoot.querySelector('[data-kob-np-preview]')?.remove();\n const payloadNode = shell.createElement('script');\n payloadNode.type = 'application/json';\n payloadNode.dataset.kobNpPreview = '';\n payloadNode.textContent = JSON.stringify(payload).replaceAll('<', '\\\\u003c');\n paymentRoot.prepend(payloadNode);\n const absolute = (value) => new URL(value, shellUrl).href;\n const lang = locale === 'zh' ? 'zh-CN' : locale;\n replaceNumberPaymentPreviewFrame(`Preview mode \u00B7 payment disabled
${paymentRoot.outerHTML}