npm - @burdenoff/microfe-devportal - Versions diffs - 2026.1108.1 → 2026.1109.1 - Mend

@burdenoff/microfe-devportal 2026.1108.1 → 2026.1109.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1408) hide show

package/dist/devportal/pages/PublisherPayoutsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PublisherPayoutsPage.js","names":[],"sources":["../../../src/devportal/pages/PublisherPayoutsPage.tsx"],"sourcesContent":["import type { FC, FormEvent } from \"react\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useSearchParams } from \"react-router\";\nimport {\n AlertCircle,\n BadgeCheck,\n CheckCircle2,\n ExternalLink,\n Info,\n Landmark,\n Loader2,\n Plus,\n RefreshCw,\n ShieldCheck,\n Trash2,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n CheckboxField,\n InputField,\n SelectField,\n} from \"../components/FormField\";\nimport { ConfirmDialog } from \"../components/ConfirmDialog\";\nimport { PermissionGuard } from \"../components\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n useAcceptMyPublisherDeveloperAgreementMutation,\n useAddMyPublisherPayoutMethodMutation,\n useGetMyPublisherPayoutsQuery,\n useRefreshMyPublisherPayoutOnboardingMutation,\n useRemoveMyPublisherPayoutMethodMutation,\n useStartMyPublisherPayoutOnboardingMutation,\n type GetMyPublisherPayoutsQuery,\n} from \"../hooks/useGraphQL\";\nimport { PayoutMethodType } from \"../../generated/global-types\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport {\n accountLast4Of,\n canStartOnboarding,\n methodTypesForCountry,\n methodsToPoll,\n needsBankDetails,\n normalizeCountry,\n payoutErrorMessage,\n payoutMethodPhase,\n readOnboardingRedirect,\n redirectToOnboarding,\n safeOnboardingUrl,\n stripeMethodsInOnboarding,\n supportsAutomaticOnboarding,\n toAddPayoutMethodInput,\n toOnboardingInput,\n validateAddPayoutMethod,\n validateOnboarding,\n type AddPayoutMethodField,\n type AddPayoutMethodForm,\n type OnboardingField,\n type OnboardingForm,\n type PayoutMethodPhase,\n} from \"../utils/publisherPayouts\";\n\ntype PayoutMethod =\n GetMyPublisherPayoutsQuery[\"myPublisherPayoutMethods\"][number];\n\n/** How often an in-progress verification is re-read while the page is open. /\nexport const PAYOUT_POLL_INTERVAL_MS = 15_000;\n/* Polls per page visit (about five minutes); the store keeps syncing after. /\nexport const PAYOUT_POLL_MAX_ROUNDS = 20;\n\nconst PHASE_STYLES: Record<PayoutMethodPhase, string> = {\n VERIFIED: \"bg-status-success-bg-subtle text-status-success-text\",\n NOT_STARTED: \"bg-bg-sunken text-text-primary\",\n IN_PROGRESS: \"bg-status-info-bg-subtle text-status-info-text\",\n AWAITING_KYC: \"bg-status-warning-bg-subtle text-status-warning-text\",\n FAILED: \"bg-status-error-bg-subtle text-status-error-text\",\n MANUAL_REVIEW: \"bg-status-warning-bg-subtle text-status-warning-text\",\n REJECTED: \"bg-status-error-bg-subtle text-status-error-text\",\n SUSPENDED: \"bg-status-error-bg-subtle text-status-error-text\",\n CLOSED: \"bg-bg-sunken text-text-secondary\",\n};\n\nconst EMPTY_ADD_FORM: AddPayoutMethodForm = {\n type: \"\",\n country: \"\",\n accountHolderName: \"\",\n accountNumberLast4: \"\",\n bankCode: \"\",\n bankName: \"\",\n isDefault: false,\n};\n\nconst EMPTY_ONBOARDING_FORM: OnboardingForm = {\n contactEmail: \"\",\n contactPhone: \"\",\n accountNumber: \"\",\n};\n\ntype Notice = { tone: \"success\" \| \"info\" \| \"error\"; text: string } \| null;\n\nconst primaryButton =\n \"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:cursor-not-allowed disabled:opacity-50\";\nconst secondaryButton =\n \"inline-flex items-center gap-2 rounded-md border border-border-default bg-bg-surface px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50\";\n\n/\n Publisher Payouts page (BOFF-10953).\n \n Lists the publisher's payout methods with their verification state, adds\n * new ones, and runs automatic processor onboarding: RazorpayX fund-account\n * validation for India (the full account number is entered once and never\n * stored) and Stripe Connect Express hosted onboarding everywhere else. Stripe\n * sends the publisher back here with `?onboarding=return` (re-read the state)\n * or `?onboarding=refresh` (the link expired; start again).\n \n Mounted at `/devportal/publisher/payouts`; global-store-svc's\n * STORE_PAYOUT_ONBOARDING_URL points at this page.\n */\nexport const PublisherPayoutsPage: FC = () => {\n const tr = useTr();\n const { currentUser, navigate, basePath } = useDevportal();\n const [searchParams, setSearchParams] = useSearchParams();\n\n const payoutsQuery = useGetMyPublisherPayoutsQuery({\n fetchPolicy: \"cache-and-network\",\n });\n const { loading, error, refetch } = payoutsQuery;\n // Typed explicitly: the generated hook's data resolves loosely here.\n const data: GetMyPublisherPayoutsQuery \| undefined = payoutsQuery.data;\n const [acceptAgreement, { loading: accepting }] =\n useAcceptMyPublisherDeveloperAgreementMutation();\n const [addMethod, { loading: adding }] =\n useAddMyPublisherPayoutMethodMutation();\n const [removeMethod, { loading: removing }] =\n useRemoveMyPublisherPayoutMethodMutation();\n const [startOnboarding, { loading: starting }] =\n useStartMyPublisherPayoutOnboardingMutation();\n const [refreshOnboarding] = useRefreshMyPublisherPayoutOnboardingMutation();\n\n const onboarding = data?.myPublisherOnboarding;\n const publisher = onboarding?.publisher ?? null;\n const route = onboarding?.payoutRoute ?? null;\n const methods = useMemo(\n () => data?.myPublisherPayoutMethods ?? [],\n [data?.myPublisherPayoutMethods],\n );\n const agreementStep = onboarding?.steps.find(\n (s) => s.key === \"DEVELOPER_AGREEMENT\",\n );\n const payoutStep = onboarding?.steps.find((s) => s.key === \"PAYOUT_METHOD\");\n const agreementAccepted = agreementStep?.status === \"COMPLETE\";\n\n const [notice, setNotice] = useState<Notice>(null);\n const [showAddForm, setShowAddForm] = useState(false);\n const [addForm, setAddForm] = useState<AddPayoutMethodForm>(EMPTY_ADD_FORM);\n const [addErrors, setAddErrors] = useState<\n Partial<Record<AddPayoutMethodField, string>>\n >({});\n const [verifyingId, setVerifyingId] = useState<string \| null>(null);\n const [onboardingForm, setOnboardingForm] = useState<OnboardingForm>(\n EMPTY_ONBOARDING_FORM,\n );\n const [onboardingErrors, setOnboardingErrors] = useState<\n Partial<Record<OnboardingField, string>>\n >({});\n const [removeTarget, setRemoveTarget] = useState<PayoutMethod \| null>(null);\n const [checkingId, setCheckingId] = useState<string \| null>(null);\n\n const defaultEmail = publisher?.contactEmail \|\| currentUser?.email \|\| \"\";\n const defaultPhone = publisher?.contactPhone \|\| \"\";\n\n const openVerifyForm = useCallback(\n (methodId: string) => {\n setVerifyingId(methodId);\n setOnboardingErrors({});\n setOnboardingForm({\n contactEmail: defaultEmail,\n contactPhone: defaultPhone,\n accountNumber: \"\",\n });\n },\n [defaultEmail, defaultPhone],\n );\n\n // ── Stripe hands the publisher back with ?onboarding=return\|refresh ────────\n const redirect = readOnboardingRedirect(`?${searchParams.toString()}`);\n const redirectHandled = useRef(false);\n useEffect(() => {\n if (!redirect \|\| redirectHandled.current \|\| !data) return;\n redirectHandled.current = true;\n const stripeMethods = stripeMethodsInOnboarding(methods);\n const clearParam = () => {\n const next = new URLSearchParams(searchParams);\n next.delete(\"onboarding\");\n setSearchParams(next, { replace: true });\n };\n if (redirect === \"refresh\") {\n const first = stripeMethods[0];\n if (first) openVerifyForm(first.id);\n setNotice({\n tone: \"info\",\n text: tr(\n \"devportal.payouts.linkExpired\",\n \"Your Stripe onboarding link expired. Confirm your contact email to get a fresh link.\",\n ),\n });\n clearParam();\n return;\n }\n void (async () => {\n try {\n await Promise.all(\n stripeMethods.map((m) =>\n refreshOnboarding({ variables: { id: m.id } }),\n ),\n );\n await refetch();\n setNotice({\n tone: \"success\",\n text: tr(\n \"devportal.payouts.returnedFromStripe\",\n \"Welcome back. We checked your Stripe account; its status is shown below.\",\n ),\n });\n } catch (err) {\n setNotice({ tone: \"error\", text: payoutErrorMessage(err, \"refresh\") });\n } finally {\n clearParam();\n }\n })();\n }, [\n redirect,\n data,\n methods,\n searchParams,\n setSearchParams,\n refreshOnboarding,\n refetch,\n openVerifyForm,\n tr,\n ]);\n\n // ── Re-read in-progress verifications while the page is open ───────────────\n const pollIds = methodsToPoll(methods)\n .map((m) => m.id)\n .join(\",\");\n useEffect(() => {\n if (!pollIds) return;\n const ids = pollIds.split(\",\");\n let rounds = 0;\n const timer = setInterval(() => {\n rounds += 1;\n if (rounds > PAYOUT_POLL_MAX_ROUNDS) {\n clearInterval(timer);\n return;\n }\n void Promise.all(\n ids.map((id) => refreshOnboarding({ variables: { id } })),\n )\n .then(() => refetch())\n .catch(() => {\n // A failed background poll is not the publisher's problem; the\n // store's own five-minute sync keeps the state current.\n });\n }, PAYOUT_POLL_INTERVAL_MS);\n return () => clearInterval(timer);\n }, [pollIds, refreshOnboarding, refetch]);\n\n const offeredTypes = methodTypesForCountry(\n addForm.country \|\| route?.country,\n route,\n );\n\n const openAddForm = () => {\n setShowAddForm(true);\n setAddErrors({});\n const country = normalizeCountry(publisher?.country ?? route?.country);\n const types = methodTypesForCountry(country, route);\n setAddForm({\n ...EMPTY_ADD_FORM,\n country,\n type: types[0] ?? \"\",\n accountHolderName: publisher?.name ?? \"\",\n });\n };\n\n const handleAccept = async () => {\n if (!onboarding) return;\n setNotice(null);\n try {\n await acceptAgreement({\n variables: { version: onboarding.currentAgreementVersion },\n });\n await refetch();\n setNotice({\n tone: \"success\",\n text: tr(\n \"devportal.payouts.agreementAccepted\",\n \"Agreement accepted. You can now add a payout method.\",\n ),\n });\n } catch (err) {\n setNotice({ tone: \"error\", text: payoutErrorMessage(err, \"agreement\") });\n }\n };\n\n const handleAdd = async (event: FormEvent) => {\n event.preventDefault();\n const errors = validateAddPayoutMethod(addForm, route);\n setAddErrors(errors);\n if (Object.keys(errors).length > 0) return;\n setNotice(null);\n try {\n const result = await addMethod({\n variables: { input: toAddPayoutMethodInput(addForm) },\n });\n const created = result.data?.addMyPublisherPayoutMethod;\n await refetch();\n setShowAddForm(false);\n setAddForm(EMPTY_ADD_FORM);\n if (created && supportsAutomaticOnboarding(created.type)) {\n openVerifyForm(created.id);\n setNotice({\n tone: \"success\",\n text: tr(\n \"devportal.payouts.addedVerifyNext\",\n \"Payout method added. Verify it automatically below so payouts can be sent to it.\",\n ),\n });\n } else {\n setNotice({\n tone: \"success\",\n text: tr(\n \"devportal.payouts.addedManualReview\",\n \"Payout method added. The marketplace team verifies bank transfers, usually within two business days.\",\n ),\n });\n }\n } catch (err) {\n setNotice({ tone: \"error\", text: payoutErrorMessage(err, \"add\") });\n }\n };\n\n const handleStart = async (method: PayoutMethod, event: FormEvent) => {\n event.preventDefault();\n const errors = validateOnboarding(\n method.type,\n onboardingForm,\n accountLast4Of(method.maskedDetails),\n );\n setOnboardingErrors(errors);\n if (Object.keys(errors).length > 0) return;\n setNotice(null);\n try {\n const result = await startOnboarding({\n variables: {\n id: method.id,\n input: toOnboardingInput(method.type, onboardingForm),\n },\n });\n // The account number is never kept in the page once it has been sent.\n setOnboardingForm(EMPTY_ONBOARDING_FORM);\n const outcome = result.data?.startMyPublisherPayoutOnboarding;\n const url = safeOnboardingUrl(outcome?.onboardingUrl);\n if (method.type === \"STRIPE_CONNECT\" && url) {\n setNotice({\n tone: \"info\",\n text: tr(\n \"devportal.payouts.redirectingToStripe\",\n \"Taking you to Stripe to finish setting up your account...\",\n ),\n });\n redirectToOnboarding(url);\n return;\n }\n setVerifyingId(null);\n await refetch();\n setNotice(\n outcome?.method.status === \"VERIFIED\"\n ? {\n tone: \"success\",\n text: tr(\n \"devportal.payouts.verified\",\n \"Your payout method is verified. Payouts will be sent to it.\",\n ),\n }\n : {\n tone: \"info\",\n text: tr(\n \"devportal.payouts.verificationStarted\",\n \"Verification started. This page updates on its own when the processor confirms your account.\",\n ),\n },\n );\n } catch (err) {\n setOnboardingForm((f) => ({ ...f, accountNumber: \"\" }));\n setNotice({ tone: \"error\", text: payoutErrorMessage(err, \"start\") });\n }\n };\n\n const handleCheckStatus = async (method: PayoutMethod) => {\n setCheckingId(method.id);\n setNotice(null);\n try {\n await refreshOnboarding({ variables: { id: method.id } });\n await refetch();\n } catch (err) {\n setNotice({ tone: \"error\", text: payoutErrorMessage(err, \"refresh\") });\n } finally {\n setCheckingId(null);\n }\n };\n\n const handleRemove = async () => {\n if (!removeTarget) return;\n try {\n await removeMethod({ variables: { id: removeTarget.id } });\n setRemoveTarget(null);\n if (verifyingId === removeTarget.id) setVerifyingId(null);\n await refetch();\n setNotice({\n tone: \"success\",\n text: tr(\"devportal.payouts.removed\", \"Payout method removed.\"),\n });\n } catch (err) {\n setRemoveTarget(null);\n setNotice({ tone: \"error\", text: payoutErrorMessage(err, \"remove\") });\n }\n };\n\n const goTo = (path: string) => {\n const base = (basePath ?? \"\").replace(/\\/$/, \"\");\n navigate?.(`${base}/${path}`);\n };\n\n const title = tr(\"devportal.payouts.title\", \"Payouts\");\n const description = tr(\n \"devportal.payouts.description\",\n \"Choose where the marketplace sends your earnings\",\n );\n\n if (loading && !data) {\n return (\n <PageLayout title={title} description={description}>\n <div\n className=\"flex items-center justify-center py-20\"\n role=\"status\"\n aria-label={tr(\"devportal.payouts.loading\", \"Loading payout methods\")}\n >\n <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n </div>\n </PageLayout>\n );\n }\n\n if (error && !data) {\n return (\n <PageLayout title={title} description={description}>\n <div className=\"flex flex-col items-center justify-center gap-4 py-20\">\n <AlertCircle className=\"h-12 w-12 text-status-error-text\" />\n <p className=\"text-text-secondary\">\n {tr(\n \"devportal.payouts.loadFailed\",\n \"Your payout methods could not be loaded.\",\n )}\n </p>\n <button onClick={() => void refetch()} className={primaryButton}>\n {tr(\"devportal.retryButton\", \"Retry\")}\n </button>\n </div>\n </PageLayout>\n );\n }\n\n const phaseLabel = (phase: PayoutMethodPhase): string => {\n switch (phase) {\n case \"VERIFIED\":\n return tr(\"devportal.payouts.phase.verified\", \"Verified\");\n case \"NOT_STARTED\":\n return tr(\"devportal.payouts.phase.notStarted\", \"Not verified yet\");\n case \"IN_PROGRESS\":\n return tr(\n \"devportal.payouts.phase.inProgress\",\n \"Verification in progress\",\n );\n case \"AWAITING_KYC\":\n return tr(\n \"devportal.payouts.phase.awaitingKyc\",\n \"Waiting for publisher verification\",\n );\n case \"FAILED\":\n return tr(\"devportal.payouts.phase.failed\", \"Verification failed\");\n case \"MANUAL_REVIEW\":\n return tr(\"devportal.payouts.phase.manualReview\", \"In manual review\");\n case \"REJECTED\":\n return tr(\"devportal.payouts.phase.rejected\", \"Rejected\");\n case \"SUSPENDED\":\n return tr(\"devportal.payouts.phase.suspended\", \"Suspended\");\n case \"CLOSED\":\n return tr(\"devportal.payouts.phase.closed\", \"Closed\");\n }\n };\n\n const phaseHint = (\n method: PayoutMethod,\n phase: PayoutMethodPhase,\n ): string \| null => {\n switch (phase) {\n case \"NOT_STARTED\":\n return tr(\n \"devportal.payouts.hint.notStarted\",\n \"Verify this method automatically so payouts can be sent to it.\",\n );\n case \"IN_PROGRESS\":\n return method.type === \"STRIPE_CONNECT\"\n ? tr(\n \"devportal.payouts.hint.inProgressStripe\",\n \"Finish the Stripe onboarding form. If you closed it, continue to get a fresh link.\",\n )\n : tr(\n \"devportal.payouts.hint.inProgressRazorpay\",\n \"RazorpayX is validating your bank account. This usually takes a few minutes.\",\n );\n case \"AWAITING_KYC\":\n return tr(\n \"devportal.payouts.hint.awaitingKyc\",\n \"The processor confirmed your account. It is verified as soon as your publisher verification (KYC) is approved.\",\n );\n case \"FAILED\":\n return tr(\n \"devportal.payouts.hint.failed\",\n \"The processor could not verify this account. Check the details and verify again, or remove it and add a new one.\",\n );\n case \"MANUAL_REVIEW\":\n return tr(\n \"devportal.payouts.hint.manualReview\",\n \"The marketplace team verifies bank transfers by hand, usually within two business days.\",\n );\n default:\n return null;\n }\n };\n\n const typeLabel = (type: string): string => {\n switch (type) {\n case PayoutMethodType.RazorpayX:\n return tr(\"devportal.payouts.type.razorpayX\", \"RazorpayX (India, INR)\");\n case PayoutMethodType.StripeConnect:\n return tr(\"devportal.payouts.type.stripeConnect\", \"Stripe Connect\");\n case PayoutMethodType.BankTransfer:\n return tr(\"devportal.payouts.type.bankTransfer\", \"Bank transfer\");\n default:\n return type;\n }\n };\n\n const noticeStyles: Record<\"success\" \| \"info\" \| \"error\", string> = {\n success: \"bg-status-success-bg-subtle text-status-success-text\",\n info: \"bg-status-info-bg-subtle text-status-info-text\",\n error: \"bg-status-error-bg-subtle text-status-error-text\",\n };\n\n return (\n <PermissionGuard authOnly>\n <PageLayout\n title={title}\n description={description}\n backLink=\"publisher/profile\"\n backLabel={tr(\"devportal.payouts.backToProfile\", \"Publisher profile\")}\n purpose={tr(\n \"devportal.payouts.purpose\",\n \"Paid listings pay out monthly to a verified payout method. In India payouts go through RazorpayX in INR; everywhere else through Stripe Connect in USD, with an international bank transfer as the alternative.\",\n )}\n actions={\n publisher && agreementAccepted && !showAddForm ? (\n <button onClick={openAddForm} className={primaryButton}>\n <Plus size={16} />\n {tr(\"devportal.payouts.addMethod\", \"Add payout method\")}\n </button>\n ) : undefined\n }\n >\n {notice && (\n <div\n role={notice.tone === \"error\" ? \"alert\" : \"status\"}\n className={cn(\n \"flex gap-3 rounded-lg border border-border-subtle p-4 text-sm\",\n noticeStyles[notice.tone],\n )}\n >\n {notice.tone === \"error\" ? (\n <AlertCircle size={16} className=\"mt-0.5 flex-shrink-0\" />\n ) : notice.tone === \"success\" ? (\n <CheckCircle2 size={16} className=\"mt-0.5 flex-shrink-0\" />\n ) : (\n <Info size={16} className=\"mt-0.5 flex-shrink-0\" />\n )}\n <p>{notice.text}</p>\n </div>\n )}\n\n {!publisher ? (\n <PageSection\n title={tr(\n \"devportal.payouts.noPublisherTitle\",\n \"No publisher profile yet\",\n )}\n >\n <p className=\"text-sm text-text-secondary\">\n {tr(\n \"devportal.payouts.noPublisherBody\",\n \"Your publisher profile is created when you submit your first app to the store. Once it exists you can accept the developer agreement and add a payout method here.\",\n )}\n </p>\n <button\n onClick={() => goTo(\"apps\")}\n className={cn(primaryButton, \"mt-4\")}\n >\n {tr(\"devportal.payouts.goToApps\", \"Go to my apps\")}\n </button>\n </PageSection>\n ) : (\n <>\n {!agreementAccepted && onboarding && (\n <PageSection\n title={tr(\n \"devportal.payouts.agreementTitle\",\n \"Accept the Marketplace & Developer Agreement\",\n )}\n description={tr(\n \"devportal.payouts.agreementDescription\",\n \"Payout methods can be added once you accept the current agreement.\",\n )}\n >\n <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n <p className=\"text-sm text-text-secondary\">\n {agreementStep?.reason === \"AGREEMENT_OUTDATED\"\n ? tr(\n \"devportal.payouts.agreementOutdated\",\n \"The agreement has changed since you accepted it. Review version {{version}} to continue.\",\n { version: onboarding.currentAgreementVersion },\n )\n : tr(\n \"devportal.payouts.agreementBody\",\n \"Version {{version}}. Your share of net sales is {{share}}%.\",\n {\n version: onboarding.currentAgreementVersion,\n share: onboarding.revenueSharePercent,\n },\n )}{\" \"}\n <a\n href={onboarding.agreementUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"inline-flex items-center gap-1 font-medium text-primary hover:underline\"\n >\n {tr(\n \"devportal.payouts.readAgreement\",\n \"Read the agreement\",\n )}\n <ExternalLink size={12} />\n </a>\n </p>\n <button\n onClick={() => void handleAccept()}\n disabled={accepting}\n className={primaryButton}\n >\n {accepting ? (\n <Loader2 size={16} className=\"animate-spin\" />\n ) : (\n <ShieldCheck size={16} />\n )}\n {tr(\"devportal.payouts.acceptAgreement\", \"I accept\")}\n </button>\n </div>\n </PageSection>\n )}\n\n {route && (\n <div className=\"flex gap-3 rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 text-sm text-status-info-text\">\n <Info size={16} className=\"mt-0.5 flex-shrink-0\" />\n <p>\n {route.processor === \"RAZORPAYX\"\n ? tr(\n \"devportal.payouts.routeIndia\",\n \"Your payouts are sent through RazorpayX in {{currency}}.\",\n { currency: route.currency },\n )\n : tr(\n \"devportal.payouts.routeInternational\",\n \"Your payouts are sent through Stripe Connect in {{currency}}, or by international bank transfer.\",\n { currency: route.currency },\n )}\n {payoutStep?.status === \"COMPLETE\"\n ? ` ${tr(\"devportal.payouts.stepComplete\", \"You have a verified payout method.\")}`\n : ` ${tr(\"devportal.payouts.stepIncomplete\", \"You need a verified payout method before paid listings can be paid out.\")}`}\n </p>\n </div>\n )}\n\n {showAddForm && (\n <PageSection\n title={tr(\"devportal.payouts.addTitle\", \"Add a payout method\")}\n description={tr(\n \"devportal.payouts.addDescription\",\n \"Only the last four digits and the bank code are stored. The processor holds the full account.\",\n )}\n >\n <form\n onSubmit={(e) => void handleAdd(e)}\n className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\"\n noValidate\n >\n <InputField\n id=\"payout-country\"\n label={tr(\"devportal.payouts.country\", \"Account country\")}\n value={addForm.country}\n maxLength={2}\n required\n hint={tr(\n \"devportal.payouts.countryHint\",\n \"Two-letter code, for example IN or US\",\n )}\n error={addErrors.country}\n onChange={(e) => {\n const country = e.target.value.toUpperCase();\n const types = methodTypesForCountry(country, route);\n setAddForm((f) => ({\n ...f,\n country,\n type: types.some((t) => t === f.type)\n ? f.type\n : (types[0] ?? \"\"),\n }));\n }}\n />\n <SelectField\n id=\"payout-type\"\n label={tr(\"devportal.payouts.methodType\", \"Payout method\")}\n value={addForm.type}\n required\n error={addErrors.type}\n options={offeredTypes.map((t) => ({\n value: t,\n label: typeLabel(t),\n }))}\n onChange={(e) =>\n setAddForm((f) => ({ ...f, type: e.target.value }))\n }\n />\n <InputField\n id=\"payout-holder\"\n label={tr(\n \"devportal.payouts.holderName\",\n \"Account holder name\",\n )}\n value={addForm.accountHolderName}\n required\n error={addErrors.accountHolderName}\n onChange={(e) =>\n setAddForm((f) => ({\n ...f,\n accountHolderName: e.target.value,\n }))\n }\n />\n {needsBankDetails(addForm.type) && (\n <>\n <InputField\n id=\"payout-last4\"\n label={tr(\n \"devportal.payouts.last4\",\n \"Last four digits of the account number\",\n )}\n value={addForm.accountNumberLast4}\n inputMode=\"numeric\"\n maxLength={4}\n required\n error={addErrors.accountNumberLast4}\n onChange={(e) =>\n setAddForm((f) => ({\n ...f,\n accountNumberLast4: e.target.value.replace(\n /\\D/g,\n \"\",\n ),\n }))\n }\n />\n <InputField\n id=\"payout-bank-code\"\n label={\n normalizeCountry(addForm.country) === \"IN\"\n ? tr(\"devportal.payouts.ifsc\", \"IFSC\")\n : tr(\"devportal.payouts.swift\", \"SWIFT / BIC\")\n }\n value={addForm.bankCode}\n maxLength={11}\n required\n error={addErrors.bankCode}\n onChange={(e) =>\n setAddForm((f) => ({\n ...f,\n bankCode: e.target.value.toUpperCase(),\n }))\n }\n />\n <InputField\n id=\"payout-bank-name\"\n label={tr(\n \"devportal.payouts.bankName\",\n \"Bank name (optional)\",\n )}\n value={addForm.bankName}\n onChange={(e) =>\n setAddForm((f) => ({\n ...f,\n bankName: e.target.value,\n }))\n }\n />\n </>\n )}\n {addForm.type === PayoutMethodType.StripeConnect && (\n <p className=\"text-sm text-text-secondary sm:col-span-2\">\n {tr(\n \"devportal.payouts.stripeNote\",\n \"Stripe collects your bank details and identity on its own secure page when you verify the method.\",\n )}\n </p>\n )}\n <CheckboxField\n id=\"payout-default\"\n className=\"sm:col-span-2\"\n label={tr(\n \"devportal.payouts.makeDefault\",\n \"Use as my default payout method\",\n )}\n checked={addForm.isDefault}\n onChange={(e) =>\n setAddForm((f) => ({ ...f, isDefault: e.target.checked }))\n }\n />\n <div className=\"flex gap-2 sm:col-span-2\">\n <button\n type=\"submit\"\n disabled={adding}\n className={primaryButton}\n >\n {adding ? (\n <Loader2 size={16} className=\"animate-spin\" />\n ) : (\n <Plus size={16} />\n )}\n {tr(\"devportal.payouts.saveMethod\", \"Add method\")}\n </button>\n <button\n type=\"button\"\n onClick={() => setShowAddForm(false)}\n className={secondaryButton}\n >\n {tr(\"devportal.payouts.cancel\", \"Cancel\")}\n </button>\n </div>\n </form>\n </PageSection>\n )}\n\n <PageSection\n title={tr(\n \"devportal.payouts.methodsTitle\",\n \"Your payout methods\",\n )}\n >\n {methods.length === 0 ? (\n <div className=\"flex flex-col items-center gap-3 py-8 text-center\">\n <Landmark className=\"h-10 w-10 text-text-secondary\" />\n <p className=\"text-sm text-text-secondary\">\n {agreementAccepted\n ? tr(\n \"devportal.payouts.emptyReady\",\n \"You have not added a payout method yet.\",\n )\n : tr(\n \"devportal.payouts.emptyNeedsAgreement\",\n \"Accept the agreement above, then add a payout method.\",\n )}\n </p>\n </div>\n ) : (\n <ul\n className=\"flex flex-col gap-3\"\n aria-label={tr(\n \"devportal.payouts.methodsTitle\",\n \"Your payout methods\",\n )}\n >\n {methods.map((method) => {\n const phase = payoutMethodPhase(method);\n const hint = phaseHint(method, phase);\n const isVerifying = verifyingId === method.id;\n const last4 = accountLast4Of(method.maskedDetails);\n return (\n <li\n key={method.id}\n data-testid={`payout-method-${method.id}`}\n className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\"\n >\n <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n <div className=\"flex flex-col gap-1\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"font-medium text-text-primary\">\n {method.displayLabel ?? typeLabel(method.type)}\n </span>\n <span\n className={cn(\n \"inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium\",\n PHASE_STYLES[phase],\n )}\n >\n {phase === \"VERIFIED\" && (\n <BadgeCheck size={12} className=\"mr-1\" />\n )}\n {phaseLabel(phase)}\n </span>\n {method.isDefault && (\n <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n {tr(\"devportal.payouts.default\", \"Default\")}\n </span>\n )}\n </div>\n <p className=\"text-xs text-text-secondary\">\n {typeLabel(method.type)}\n {method.country ? ` · ${method.country}` : \"\"}\n {method.currency ? ` · ${method.currency}` : \"\"}\n </p>\n {hint && (\n <p className=\"text-sm text-text-secondary\">\n {hint}\n </p>\n )}\n {method.processorFailureReason &&\n phase === \"FAILED\" && (\n <p className=\"text-sm text-status-error-text\">\n {tr(\n \"devportal.payouts.failureReason\",\n \"Reason: {{reason}}\",\n {\n reason: method.processorFailureReason,\n },\n )}\n </p>\n )}\n {method.rejectionReason && phase === \"REJECTED\" && (\n <p className=\"text-sm text-status-error-text\">\n {tr(\n \"devportal.payouts.rejectionReason\",\n \"Reason: {{reason}}\",\n {\n reason: method.rejectionReason,\n },\n )}\n </p>\n )}\n </div>\n <div className=\"flex flex-wrap gap-2\">\n {canStartOnboarding(method) && !isVerifying && (\n <button\n onClick={() => openVerifyForm(method.id)}\n className={primaryButton}\n >\n <ShieldCheck size={16} />\n {phase === \"IN_PROGRESS\"\n ? tr(\n \"devportal.payouts.continueStripe\",\n \"Continue on Stripe\",\n )\n : tr(\n \"devportal.payouts.verifyAutomatically\",\n \"Verify automatically\",\n )}\n </button>\n )}\n {(phase === \"IN_PROGRESS\" \|\|\n phase === \"AWAITING_KYC\") && (\n <button\n onClick={() => void handleCheckStatus(method)}\n disabled={checkingId === method.id}\n className={secondaryButton}\n >\n <RefreshCw\n size={14}\n className={cn(\n checkingId === method.id && \"animate-spin\",\n )}\n />\n {tr(\n \"devportal.payouts.checkStatus\",\n \"Check status\",\n )}\n </button>\n )}\n {phase !== \"CLOSED\" && phase !== \"REJECTED\" && (\n <button\n onClick={() => setRemoveTarget(method)}\n className={secondaryButton}\n aria-label={tr(\n \"devportal.payouts.removeLabel\",\n \"Remove {{label}}\",\n {\n label:\n method.displayLabel ??\n typeLabel(method.type),\n },\n )}\n >\n <Trash2 size={14} />\n {tr(\"devportal.payouts.remove\", \"Remove\")}\n </button>\n )}\n </div>\n </div>\n\n {isVerifying && (\n <form\n onSubmit={(e) => void handleStart(method, e)}\n className=\"mt-4 grid grid-cols-1 gap-4 border-t border-border-subtle pt-4 sm:grid-cols-2\"\n aria-label={tr(\n \"devportal.payouts.verifyFormLabel\",\n \"Verify payout method\",\n )}\n noValidate\n >\n <InputField\n id={`contact-email-${method.id}`}\n type=\"email\"\n label={tr(\n \"devportal.payouts.contactEmail\",\n \"Contact email\",\n )}\n value={onboardingForm.contactEmail}\n required\n autoComplete=\"email\"\n error={onboardingErrors.contactEmail}\n onChange={(e) =>\n setOnboardingForm((f) => ({\n ...f,\n contactEmail: e.target.value,\n }))\n }\n />\n {method.type === PayoutMethodType.RazorpayX && (\n <>\n <InputField\n id={`contact-phone-${method.id}`}\n type=\"tel\"\n label={tr(\n \"devportal.payouts.contactPhone\",\n \"Contact phone (optional)\",\n )}\n value={onboardingForm.contactPhone}\n autoComplete=\"tel\"\n error={onboardingErrors.contactPhone}\n onChange={(e) =>\n setOnboardingForm((f) => ({\n ...f,\n contactPhone: e.target.value,\n }))\n }\n />\n <InputField\n id={`account-number-${method.id}`}\n type=\"password\"\n label={tr(\n \"devportal.payouts.accountNumber\",\n \"Full account number\",\n )}\n value={onboardingForm.accountNumber}\n required\n autoComplete=\"off\"\n inputMode=\"numeric\"\n hint={\n last4\n ? tr(\n \"devportal.payouts.accountNumberHint\",\n \"Ends in {{last4}}. Sent to RazorpayX once for validation and never stored.\",\n { last4 },\n )\n : tr(\n \"devportal.payouts.accountNumberHintNoLast4\",\n \"Sent to RazorpayX once for validation and never stored.\",\n )\n }\n error={onboardingErrors.accountNumber}\n onChange={(e) =>\n setOnboardingForm((f) => ({\n ...f,\n accountNumber: e.target.value,\n }))\n }\n />\n </>\n )}\n {method.type === PayoutMethodType.StripeConnect && (\n <p className=\"text-sm text-text-secondary sm:col-span-2\">\n {tr(\n \"devportal.payouts.stripeRedirectNote\",\n \"You will continue on Stripe's secure page to add your bank account and confirm your identity, then come back here.\",\n )}\n </p>\n )}\n <div className=\"flex gap-2 sm:col-span-2\">\n <button\n type=\"submit\"\n disabled={starting}\n className={primaryButton}\n >\n {starting ? (\n <Loader2 size={16} className=\"animate-spin\" />\n ) : (\n <ShieldCheck size={16} />\n )}\n {method.type === PayoutMethodType.StripeConnect\n ? tr(\n \"devportal.payouts.continueToStripe\",\n \"Continue to Stripe\",\n )\n : tr(\n \"devportal.payouts.startVerification\",\n \"Start verification\",\n )}\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setVerifyingId(null);\n setOnboardingForm(EMPTY_ONBOARDING_FORM);\n }}\n className={secondaryButton}\n >\n {tr(\"devportal.payouts.cancel\", \"Cancel\")}\n </button>\n </div>\n </form>\n )}\n </li>\n );\n })}\n </ul>\n )}\n </PageSection>\n </>\n )}\n\n <ConfirmDialog\n open={removeTarget !== null}\n onOpenChange={(open) => {\n if (!open) setRemoveTarget(null);\n }}\n onConfirm={handleRemove}\n title={tr(\n \"devportal.payouts.removeTitle\",\n \"Remove this payout method?\",\n )}\n description={tr(\n \"devportal.payouts.removeDescription\",\n \"Payouts will no longer be sent to it. You can add it again later.\",\n )}\n confirmLabel={tr(\"devportal.payouts.remove\", \"Remove\")}\n cancelLabel={tr(\"devportal.payouts.cancel\", \"Cancel\")}\n variant=\"destructive\"\n loading={removing}\n />\n </PageLayout>\n </PermissionGuard>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"PublisherPayoutsPage.js","names":["_Fragment","PAYOUT_POLL_INTERVAL_MS","PHASE_STYLES","EMPTY_ADD_FORM","EMPTY_ONBOARDING_FORM","primaryButton","secondaryButton","PublisherPayoutsPage","tr","useTr","useDevportal","searchParams","setSearchParams","useSearchParams","payoutsQuery","useGetMyPublisherPayoutsQuery","data","acceptAgreement","accepting","useAcceptMyPublisherDeveloperAgreementMutation","addMethod","adding","useAddMyPublisherPayoutMethodMutation","removeMethod","removing","useRemoveMyPublisherPayoutMethodMutation","startOnboarding","starting","useStartMyPublisherPayoutOnboardingMutation","refreshOnboarding","useRefreshMyPublisherPayoutOnboardingMutation","onboarding","publisher","route","methods","useMemo","agreementStep","s","payoutStep","agreementAccepted","notice","setNotice","useState","showAddForm","setShowAddForm","addForm","setAddForm","addErrors","setAddErrors","verifyingId","setVerifyingId","onboardingForm","setOnboardingForm","onboardingErrors","setOnboardingErrors","removeTarget","setRemoveTarget","checkingId","setCheckingId","defaultEmail","currentUser","defaultPhone","openVerifyForm","useCallback","methodId","redirect","readOnboardingRedirect","redirectHandled","useRef","stripeMethods","stripeMethodsInOnboarding","clearParam","next","first","m","refetch","err","payoutErrorMessage","pollIds","methodsToPoll","ids","rounds","timer","offeredTypes","methodTypesForCountry","openAddForm","country","normalizeCountry","types","handleAccept","handleAdd","errors","validateAddPayoutMethod","created","toAddPayoutMethodInput","supportsAutomaticOnboarding","handleStart","validateOnboarding","method","accountLast4Of","result","toOnboardingInput","outcome","url","safeOnboardingUrl","redirectToOnboarding","f","handleCheckStatus","handleRemove","goTo","base","basePath","path","title","description","loading","PageLayout","Loader2","error","AlertCircle","phaseLabel","phase","phaseHint","typeLabel","type","PayoutMethodType","PermissionGuard","Plus","cn","CheckCircle2","Info","Fragment","PageSection","ExternalLink","ShieldCheck","InputField","SelectField","t","needsBankDetails","CheckboxField","Landmark","payoutMethodPhase","hint","isVerifying","last4","BadgeCheck","canStartOnboarding","RefreshCw","Trash2","e","ConfirmDialog","open"],"sources":["../../../src/devportal/pages/PublisherPayoutsPage.tsx"],"sourcesContent":["import type { FC, FormEvent } from \"react\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useSearchParams } from \"react-router\";\nimport {\n AlertCircle,\n BadgeCheck,\n CheckCircle2,\n ExternalLink,\n Info,\n Landmark,\n Loader2,\n Plus,\n RefreshCw,\n ShieldCheck,\n Trash2,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n CheckboxField,\n InputField,\n SelectField,\n} from \"../components/FormField\";\nimport { ConfirmDialog } from \"../components/ConfirmDialog\";\nimport { PermissionGuard } from \"../components\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n useAcceptMyPublisherDeveloperAgreementMutation,\n useAddMyPublisherPayoutMethodMutation,\n useGetMyPublisherPayoutsQuery,\n useRefreshMyPublisherPayoutOnboardingMutation,\n useRemoveMyPublisherPayoutMethodMutation,\n useStartMyPublisherPayoutOnboardingMutation,\n type GetMyPublisherPayoutsQuery,\n} from \"../hooks/useGraphQL\";\nimport { PayoutMethodType } from \"../../generated/global-types\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport {\n accountLast4Of,\n canStartOnboarding,\n methodTypesForCountry,\n methodsToPoll,\n needsBankDetails,\n normalizeCountry,\n payoutErrorMessage,\n payoutMethodPhase,\n readOnboardingRedirect,\n redirectToOnboarding,\n safeOnboardingUrl,\n stripeMethodsInOnboarding,\n supportsAutomaticOnboarding,\n toAddPayoutMethodInput,\n toOnboardingInput,\n validateAddPayoutMethod,\n validateOnboarding,\n type AddPayoutMethodField,\n type AddPayoutMethodForm,\n type OnboardingField,\n type OnboardingForm,\n type PayoutMethodPhase,\n} from \"../utils/publisherPayouts\";\n\ntype PayoutMethod =\n GetMyPublisherPayoutsQuery[\"myPublisherPayoutMethods\"][number];\n\n/** How often an in-progress verification is re-read while the page is open. /\nexport const PAYOUT_POLL_INTERVAL_MS = 15_000;\n/* Polls per page visit (about five minutes); the store keeps syncing after. /\nexport const PAYOUT_POLL_MAX_ROUNDS = 20;\n\nconst PHASE_STYLES: Record<PayoutMethodPhase, string> = {\n VERIFIED: \"bg-status-success-bg-subtle text-status-success-text\",\n NOT_STARTED: \"bg-bg-sunken text-text-primary\",\n IN_PROGRESS: \"bg-status-info-bg-subtle text-status-info-text\",\n AWAITING_KYC: \"bg-status-warning-bg-subtle text-status-warning-text\",\n FAILED: \"bg-status-error-bg-subtle text-status-error-text\",\n MANUAL_REVIEW: \"bg-status-warning-bg-subtle text-status-warning-text\",\n REJECTED: \"bg-status-error-bg-subtle text-status-error-text\",\n SUSPENDED: \"bg-status-error-bg-subtle text-status-error-text\",\n CLOSED: \"bg-bg-sunken text-text-secondary\",\n};\n\nconst EMPTY_ADD_FORM: AddPayoutMethodForm = {\n type: \"\",\n country: \"\",\n accountHolderName: \"\",\n accountNumberLast4: \"\",\n bankCode: \"\",\n bankName: \"\",\n isDefault: false,\n};\n\nconst EMPTY_ONBOARDING_FORM: OnboardingForm = {\n contactEmail: \"\",\n contactPhone: \"\",\n accountNumber: \"\",\n};\n\ntype Notice = { tone: \"success\" \| \"info\" \| \"error\"; text: string } \| null;\n\nconst primaryButton =\n \"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:cursor-not-allowed disabled:opacity-50\";\nconst secondaryButton =\n \"inline-flex items-center gap-2 rounded-md border border-border-default bg-bg-surface px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50\";\n\n/\n Publisher Payouts page (BOFF-10953).\n \n Lists the publisher's payout methods with their verification state, adds\n * new ones, and runs automatic processor onboarding: RazorpayX fund-account\n * validation for India (the full account number is entered once and never\n * stored) and Stripe Connect Express hosted onboarding everywhere else. Stripe\n * sends the publisher back here with `?onboarding=return` (re-read the state)\n * or `?onboarding=refresh` (the link expired; start again).\n \n Mounted at `/devportal/publisher/payouts`; global-store-svc's\n * STORE_PAYOUT_ONBOARDING_URL points at this page.\n */\nexport const PublisherPayoutsPage: FC = () => {\n const tr = useTr();\n const { currentUser, navigate, basePath } = useDevportal();\n const [searchParams, setSearchParams] = useSearchParams();\n\n const payoutsQuery = useGetMyPublisherPayoutsQuery({\n fetchPolicy: \"cache-and-network\",\n });\n const { loading, error, refetch } = payoutsQuery;\n // Typed explicitly: the generated hook's data resolves loosely here.\n const data: GetMyPublisherPayoutsQuery \| undefined = payoutsQuery.data;\n const [acceptAgreement, { loading: accepting }] =\n useAcceptMyPublisherDeveloperAgreementMutation();\n const [addMethod, { loading: adding }] =\n useAddMyPublisherPayoutMethodMutation();\n const [removeMethod, { loading: removing }] =\n useRemoveMyPublisherPayoutMethodMutation();\n const [startOnboarding, { loading: starting }] =\n useStartMyPublisherPayoutOnboardingMutation();\n const [refreshOnboarding] = useRefreshMyPublisherPayoutOnboardingMutation();\n\n const onboarding = data?.myPublisherOnboarding;\n const publisher = onboarding?.publisher ?? null;\n const route = onboarding?.payoutRoute ?? null;\n const methods = useMemo(\n () => data?.myPublisherPayoutMethods ?? [],\n [data?.myPublisherPayoutMethods],\n );\n const agreementStep = onboarding?.steps.find(\n (s) => s.key === \"DEVELOPER_AGREEMENT\",\n );\n const payoutStep = onboarding?.steps.find((s) => s.key === \"PAYOUT_METHOD\");\n const agreementAccepted = agreementStep?.status === \"COMPLETE\";\n\n const [notice, setNotice] = useState<Notice>(null);\n const [showAddForm, setShowAddForm] = useState(false);\n const [addForm, setAddForm] = useState<AddPayoutMethodForm>(EMPTY_ADD_FORM);\n const [addErrors, setAddErrors] = useState<\n Partial<Record<AddPayoutMethodField, string>>\n >({});\n const [verifyingId, setVerifyingId] = useState<string \| null>(null);\n const [onboardingForm, setOnboardingForm] = useState<OnboardingForm>(\n EMPTY_ONBOARDING_FORM,\n );\n const [onboardingErrors, setOnboardingErrors] = useState<\n Partial<Record<OnboardingField, string>>\n >({});\n const [removeTarget, setRemoveTarget] = useState<PayoutMethod \| null>(null);\n const [checkingId, setCheckingId] = useState<string \| null>(null);\n\n const defaultEmail = publisher?.contactEmail \|\| currentUser?.email \|\| \"\";\n const defaultPhone = publisher?.contactPhone \|\| \"\";\n\n const openVerifyForm = useCallback(\n (methodId: string) => {\n setVerifyingId(methodId);\n setOnboardingErrors({});\n setOnboardingForm({\n contactEmail: defaultEmail,\n contactPhone: defaultPhone,\n accountNumber: \"\",\n });\n },\n [defaultEmail, defaultPhone],\n );\n\n // ── Stripe hands the publisher back with ?onboarding=return\|refresh ────────\n const redirect = readOnboardingRedirect(`?${searchParams.toString()}`);\n const redirectHandled = useRef(false);\n useEffect(() => {\n if (!redirect \|\| redirectHandled.current \|\| !data) return;\n redirectHandled.current = true;\n const stripeMethods = stripeMethodsInOnboarding(methods);\n const clearParam = () => {\n const next = new URLSearchParams(searchParams);\n next.delete(\"onboarding\");\n setSearchParams(next, { replace: true });\n };\n if (redirect === \"refresh\") {\n const first = stripeMethods[0];\n if (first) openVerifyForm(first.id);\n setNotice({\n tone: \"info\",\n text: tr(\n \"devportal.payouts.linkExpired\",\n \"Your Stripe onboarding link expired. Confirm your contact email to get a fresh link.\",\n ),\n });\n clearParam();\n return;\n }\n void (async () => {\n try {\n await Promise.all(\n stripeMethods.map((m) =>\n refreshOnboarding({ variables: { id: m.id } }),\n ),\n );\n await refetch();\n setNotice({\n tone: \"success\",\n text: tr(\n \"devportal.payouts.returnedFromStripe\",\n \"Welcome back. We checked your Stripe account; its status is shown below.\",\n ),\n });\n } catch (err) {\n setNotice({ tone: \"error\", text: payoutErrorMessage(err, \"refresh\") });\n } finally {\n clearParam();\n }\n })();\n }, [\n redirect,\n data,\n methods,\n searchParams,\n setSearchParams,\n refreshOnboarding,\n refetch,\n openVerifyForm,\n tr,\n ]);\n\n // ── Re-read in-progress verifications while the page is open ───────────────\n const pollIds = methodsToPoll(methods)\n .map((m) => m.id)\n .join(\",\");\n useEffect(() => {\n if (!pollIds) return;\n const ids = pollIds.split(\",\");\n let rounds = 0;\n const timer = setInterval(() => {\n rounds += 1;\n if (rounds > PAYOUT_POLL_MAX_ROUNDS) {\n clearInterval(timer);\n return;\n }\n void Promise.all(\n ids.map((id) => refreshOnboarding({ variables: { id } })),\n )\n .then(() => refetch())\n .catch(() => {\n // A failed background poll is not the publisher's problem; the\n // store's own five-minute sync keeps the state current.\n });\n }, PAYOUT_POLL_INTERVAL_MS);\n return () => clearInterval(timer);\n }, [pollIds, refreshOnboarding, refetch]);\n\n const offeredTypes = methodTypesForCountry(\n addForm.country \|\| route?.country,\n route,\n );\n\n const openAddForm = () => {\n setShowAddForm(true);\n setAddErrors({});\n const country = normalizeCountry(publisher?.country ?? route?.country);\n const types = methodTypesForCountry(country, route);\n setAddForm({\n ...EMPTY_ADD_FORM,\n country,\n type: types[0] ?? \"\",\n accountHolderName: publisher?.name ?? \"\",\n });\n };\n\n const handleAccept = async () => {\n if (!onboarding) return;\n setNotice(null);\n try {\n await acceptAgreement({\n variables: { version: onboarding.currentAgreementVersion },\n });\n await refetch();\n setNotice({\n tone: \"success\",\n text: tr(\n \"devportal.payouts.agreementAccepted\",\n \"Agreement accepted. You can now add a payout method.\",\n ),\n });\n } catch (err) {\n setNotice({ tone: \"error\", text: payoutErrorMessage(err, \"agreement\") });\n }\n };\n\n const handleAdd = async (event: FormEvent) => {\n event.preventDefault();\n const errors = validateAddPayoutMethod(addForm, route);\n setAddErrors(errors);\n if (Object.keys(errors).length > 0) return;\n setNotice(null);\n try {\n const result = await addMethod({\n variables: { input: toAddPayoutMethodInput(addForm) },\n });\n const created = result.data?.addMyPublisherPayoutMethod;\n await refetch();\n setShowAddForm(false);\n setAddForm(EMPTY_ADD_FORM);\n if (created && supportsAutomaticOnboarding(created.type)) {\n openVerifyForm(created.id);\n setNotice({\n tone: \"success\",\n text: tr(\n \"devportal.payouts.addedVerifyNext\",\n \"Payout method added. Verify it automatically below so payouts can be sent to it.\",\n ),\n });\n } else {\n setNotice({\n tone: \"success\",\n text: tr(\n \"devportal.payouts.addedManualReview\",\n \"Payout method added. The marketplace team verifies bank transfers, usually within two business days.\",\n ),\n });\n }\n } catch (err) {\n setNotice({ tone: \"error\", text: payoutErrorMessage(err, \"add\") });\n }\n };\n\n const handleStart = async (method: PayoutMethod, event: FormEvent) => {\n event.preventDefault();\n const errors = validateOnboarding(\n method.type,\n onboardingForm,\n accountLast4Of(method.maskedDetails),\n );\n setOnboardingErrors(errors);\n if (Object.keys(errors).length > 0) return;\n setNotice(null);\n try {\n const result = await startOnboarding({\n variables: {\n id: method.id,\n input: toOnboardingInput(method.type, onboardingForm),\n },\n });\n // The account number is never kept in the page once it has been sent.\n setOnboardingForm(EMPTY_ONBOARDING_FORM);\n const outcome = result.data?.startMyPublisherPayoutOnboarding;\n const url = safeOnboardingUrl(outcome?.onboardingUrl);\n if (method.type === \"STRIPE_CONNECT\" && url) {\n setNotice({\n tone: \"info\",\n text: tr(\n \"devportal.payouts.redirectingToStripe\",\n \"Taking you to Stripe to finish setting up your account...\",\n ),\n });\n redirectToOnboarding(url);\n return;\n }\n setVerifyingId(null);\n await refetch();\n setNotice(\n outcome?.method.status === \"VERIFIED\"\n ? {\n tone: \"success\",\n text: tr(\n \"devportal.payouts.verified\",\n \"Your payout method is verified. Payouts will be sent to it.\",\n ),\n }\n : {\n tone: \"info\",\n text: tr(\n \"devportal.payouts.verificationStarted\",\n \"Verification started. This page updates on its own when the processor confirms your account.\",\n ),\n },\n );\n } catch (err) {\n setOnboardingForm((f) => ({ ...f, accountNumber: \"\" }));\n setNotice({ tone: \"error\", text: payoutErrorMessage(err, \"start\") });\n }\n };\n\n const handleCheckStatus = async (method: PayoutMethod) => {\n setCheckingId(method.id);\n setNotice(null);\n try {\n await refreshOnboarding({ variables: { id: method.id } });\n await refetch();\n } catch (err) {\n setNotice({ tone: \"error\", text: payoutErrorMessage(err, \"refresh\") });\n } finally {\n setCheckingId(null);\n }\n };\n\n const handleRemove = async () => {\n if (!removeTarget) return;\n try {\n await removeMethod({ variables: { id: removeTarget.id } });\n setRemoveTarget(null);\n if (verifyingId === removeTarget.id) setVerifyingId(null);\n await refetch();\n setNotice({\n tone: \"success\",\n text: tr(\"devportal.payouts.removed\", \"Payout method removed.\"),\n });\n } catch (err) {\n setRemoveTarget(null);\n setNotice({ tone: \"error\", text: payoutErrorMessage(err, \"remove\") });\n }\n };\n\n const goTo = (path: string) => {\n const base = (basePath ?? \"\").replace(/\\/$/, \"\");\n navigate?.(`${base}/${path}`);\n };\n\n const title = tr(\"devportal.payouts.title\", \"Payouts\");\n const description = tr(\n \"devportal.payouts.description\",\n \"Choose where the marketplace sends your earnings\",\n );\n\n if (loading && !data) {\n return (\n <PageLayout title={title} description={description}>\n <div\n className=\"flex items-center justify-center py-20\"\n role=\"status\"\n aria-label={tr(\"devportal.payouts.loading\", \"Loading payout methods\")}\n >\n <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n </div>\n </PageLayout>\n );\n }\n\n if (error && !data) {\n return (\n <PageLayout title={title} description={description}>\n <div className=\"flex flex-col items-center justify-center gap-4 py-20\">\n <AlertCircle className=\"h-12 w-12 text-status-error-text\" />\n <p className=\"text-text-secondary\">\n {tr(\n \"devportal.payouts.loadFailed\",\n \"Your payout methods could not be loaded.\",\n )}\n </p>\n <button onClick={() => void refetch()} className={primaryButton}>\n {tr(\"devportal.retryButton\", \"Retry\")}\n </button>\n </div>\n </PageLayout>\n );\n }\n\n const phaseLabel = (phase: PayoutMethodPhase): string => {\n switch (phase) {\n case \"VERIFIED\":\n return tr(\"devportal.payouts.phase.verified\", \"Verified\");\n case \"NOT_STARTED\":\n return tr(\"devportal.payouts.phase.notStarted\", \"Not verified yet\");\n case \"IN_PROGRESS\":\n return tr(\n \"devportal.payouts.phase.inProgress\",\n \"Verification in progress\",\n );\n case \"AWAITING_KYC\":\n return tr(\n \"devportal.payouts.phase.awaitingKyc\",\n \"Waiting for publisher verification\",\n );\n case \"FAILED\":\n return tr(\"devportal.payouts.phase.failed\", \"Verification failed\");\n case \"MANUAL_REVIEW\":\n return tr(\"devportal.payouts.phase.manualReview\", \"In manual review\");\n case \"REJECTED\":\n return tr(\"devportal.payouts.phase.rejected\", \"Rejected\");\n case \"SUSPENDED\":\n return tr(\"devportal.payouts.phase.suspended\", \"Suspended\");\n case \"CLOSED\":\n return tr(\"devportal.payouts.phase.closed\", \"Closed\");\n }\n };\n\n const phaseHint = (\n method: PayoutMethod,\n phase: PayoutMethodPhase,\n ): string \| null => {\n switch (phase) {\n case \"NOT_STARTED\":\n return tr(\n \"devportal.payouts.hint.notStarted\",\n \"Verify this method automatically so payouts can be sent to it.\",\n );\n case \"IN_PROGRESS\":\n return method.type === \"STRIPE_CONNECT\"\n ? tr(\n \"devportal.payouts.hint.inProgressStripe\",\n \"Finish the Stripe onboarding form. If you closed it, continue to get a fresh link.\",\n )\n : tr(\n \"devportal.payouts.hint.inProgressRazorpay\",\n \"RazorpayX is validating your bank account. This usually takes a few minutes.\",\n );\n case \"AWAITING_KYC\":\n return tr(\n \"devportal.payouts.hint.awaitingKyc\",\n \"The processor confirmed your account. It is verified as soon as your publisher verification (KYC) is approved.\",\n );\n case \"FAILED\":\n return tr(\n \"devportal.payouts.hint.failed\",\n \"The processor could not verify this account. Check the details and verify again, or remove it and add a new one.\",\n );\n case \"MANUAL_REVIEW\":\n return tr(\n \"devportal.payouts.hint.manualReview\",\n \"The marketplace team verifies bank transfers by hand, usually within two business days.\",\n );\n default:\n return null;\n }\n };\n\n const typeLabel = (type: string): string => {\n switch (type) {\n case PayoutMethodType.RazorpayX:\n return tr(\"devportal.payouts.type.razorpayX\", \"RazorpayX (India, INR)\");\n case PayoutMethodType.StripeConnect:\n return tr(\"devportal.payouts.type.stripeConnect\", \"Stripe Connect\");\n case PayoutMethodType.BankTransfer:\n return tr(\"devportal.payouts.type.bankTransfer\", \"Bank transfer\");\n default:\n return type;\n }\n };\n\n const noticeStyles: Record<\"success\" \| \"info\" \| \"error\", string> = {\n success: \"bg-status-success-bg-subtle text-status-success-text\",\n info: \"bg-status-info-bg-subtle text-status-info-text\",\n error: \"bg-status-error-bg-subtle text-status-error-text\",\n };\n\n return (\n <PermissionGuard authOnly>\n <PageLayout\n title={title}\n description={description}\n backLink=\"publisher/profile\"\n backLabel={tr(\"devportal.payouts.backToProfile\", \"Publisher profile\")}\n purpose={tr(\n \"devportal.payouts.purpose\",\n \"Paid listings pay out monthly to a verified payout method. In India payouts go through RazorpayX in INR; everywhere else through Stripe Connect in USD, with an international bank transfer as the alternative.\",\n )}\n actions={\n publisher && agreementAccepted && !showAddForm ? (\n <button onClick={openAddForm} className={primaryButton}>\n <Plus size={16} />\n {tr(\"devportal.payouts.addMethod\", \"Add payout method\")}\n </button>\n ) : undefined\n }\n >\n {notice && (\n <div\n role={notice.tone === \"error\" ? \"alert\" : \"status\"}\n className={cn(\n \"flex gap-3 rounded-lg border border-border-subtle p-4 text-sm\",\n noticeStyles[notice.tone],\n )}\n >\n {notice.tone === \"error\" ? (\n <AlertCircle size={16} className=\"mt-0.5 flex-shrink-0\" />\n ) : notice.tone === \"success\" ? (\n <CheckCircle2 size={16} className=\"mt-0.5 flex-shrink-0\" />\n ) : (\n <Info size={16} className=\"mt-0.5 flex-shrink-0\" />\n )}\n <p>{notice.text}</p>\n </div>\n )}\n\n {!publisher ? (\n <PageSection\n title={tr(\n \"devportal.payouts.noPublisherTitle\",\n \"No publisher profile yet\",\n )}\n >\n <p className=\"text-sm text-text-secondary\">\n {tr(\n \"devportal.payouts.noPublisherBody\",\n \"Your publisher profile is created when you submit your first app to the store. Once it exists you can accept the developer agreement and add a payout method here.\",\n )}\n </p>\n <button\n onClick={() => goTo(\"apps\")}\n className={cn(primaryButton, \"mt-4\")}\n >\n {tr(\"devportal.payouts.goToApps\", \"Go to my apps\")}\n </button>\n </PageSection>\n ) : (\n <>\n {!agreementAccepted && onboarding && (\n <PageSection\n title={tr(\n \"devportal.payouts.agreementTitle\",\n \"Accept the Marketplace & Developer Agreement\",\n )}\n description={tr(\n \"devportal.payouts.agreementDescription\",\n \"Payout methods can be added once you accept the current agreement.\",\n )}\n >\n <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n <p className=\"text-sm text-text-secondary\">\n {agreementStep?.reason === \"AGREEMENT_OUTDATED\"\n ? tr(\n \"devportal.payouts.agreementOutdated\",\n \"The agreement has changed since you accepted it. Review version {{version}} to continue.\",\n { version: onboarding.currentAgreementVersion },\n )\n : tr(\n \"devportal.payouts.agreementBody\",\n \"Version {{version}}. Your share of net sales is {{share}}%.\",\n {\n version: onboarding.currentAgreementVersion,\n share: onboarding.revenueSharePercent,\n },\n )}{\" \"}\n <a\n href={onboarding.agreementUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"inline-flex items-center gap-1 font-medium text-primary hover:underline\"\n >\n {tr(\n \"devportal.payouts.readAgreement\",\n \"Read the agreement\",\n )}\n <ExternalLink size={12} />\n </a>\n </p>\n <button\n onClick={() => void handleAccept()}\n disabled={accepting}\n className={primaryButton}\n >\n {accepting ? (\n <Loader2 size={16} className=\"animate-spin\" />\n ) : (\n <ShieldCheck size={16} />\n )}\n {tr(\"devportal.payouts.acceptAgreement\", \"I accept\")}\n </button>\n </div>\n </PageSection>\n )}\n\n {route && (\n <div className=\"flex gap-3 rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 text-sm text-status-info-text\">\n <Info size={16} className=\"mt-0.5 flex-shrink-0\" />\n <p>\n {route.processor === \"RAZORPAYX\"\n ? tr(\n \"devportal.payouts.routeIndia\",\n \"Your payouts are sent through RazorpayX in {{currency}}.\",\n { currency: route.currency },\n )\n : tr(\n \"devportal.payouts.routeInternational\",\n \"Your payouts are sent through Stripe Connect in {{currency}}, or by international bank transfer.\",\n { currency: route.currency },\n )}\n {payoutStep?.status === \"COMPLETE\"\n ? ` ${tr(\"devportal.payouts.stepComplete\", \"You have a verified payout method.\")}`\n : ` ${tr(\"devportal.payouts.stepIncomplete\", \"You need a verified payout method before paid listings can be paid out.\")}`}\n </p>\n </div>\n )}\n\n {showAddForm && (\n <PageSection\n title={tr(\"devportal.payouts.addTitle\", \"Add a payout method\")}\n description={tr(\n \"devportal.payouts.addDescription\",\n \"Only the last four digits and the bank code are stored. The processor holds the full account.\",\n )}\n >\n <form\n onSubmit={(e) => void handleAdd(e)}\n className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\"\n noValidate\n >\n <InputField\n id=\"payout-country\"\n label={tr(\"devportal.payouts.country\", \"Account country\")}\n value={addForm.country}\n maxLength={2}\n required\n hint={tr(\n \"devportal.payouts.countryHint\",\n \"Two-letter code, for example IN or US\",\n )}\n error={addErrors.country}\n onChange={(e) => {\n const country = e.target.value.toUpperCase();\n const types = methodTypesForCountry(country, route);\n setAddForm((f) => ({\n ...f,\n country,\n type: types.some((t) => t === f.type)\n ? f.type\n : (types[0] ?? \"\"),\n }));\n }}\n />\n <SelectField\n id=\"payout-type\"\n label={tr(\"devportal.payouts.methodType\", \"Payout method\")}\n value={addForm.type}\n required\n error={addErrors.type}\n options={offeredTypes.map((t) => ({\n value: t,\n label: typeLabel(t),\n }))}\n onChange={(e) =>\n setAddForm((f) => ({ ...f, type: e.target.value }))\n }\n />\n <InputField\n id=\"payout-holder\"\n label={tr(\n \"devportal.payouts.holderName\",\n \"Account holder name\",\n )}\n value={addForm.accountHolderName}\n required\n error={addErrors.accountHolderName}\n onChange={(e) =>\n setAddForm((f) => ({\n ...f,\n accountHolderName: e.target.value,\n }))\n }\n />\n {needsBankDetails(addForm.type) && (\n <>\n <InputField\n id=\"payout-last4\"\n label={tr(\n \"devportal.payouts.last4\",\n \"Last four digits of the account number\",\n )}\n value={addForm.accountNumberLast4}\n inputMode=\"numeric\"\n maxLength={4}\n required\n error={addErrors.accountNumberLast4}\n onChange={(e) =>\n setAddForm((f) => ({\n ...f,\n accountNumberLast4: e.target.value.replace(\n /\\D/g,\n \"\",\n ),\n }))\n }\n />\n <InputField\n id=\"payout-bank-code\"\n label={\n normalizeCountry(addForm.country) === \"IN\"\n ? tr(\"devportal.payouts.ifsc\", \"IFSC\")\n : tr(\"devportal.payouts.swift\", \"SWIFT / BIC\")\n }\n value={addForm.bankCode}\n maxLength={11}\n required\n error={addErrors.bankCode}\n onChange={(e) =>\n setAddForm((f) => ({\n ...f,\n bankCode: e.target.value.toUpperCase(),\n }))\n }\n />\n <InputField\n id=\"payout-bank-name\"\n label={tr(\n \"devportal.payouts.bankName\",\n \"Bank name (optional)\",\n )}\n value={addForm.bankName}\n onChange={(e) =>\n setAddForm((f) => ({\n ...f,\n bankName: e.target.value,\n }))\n }\n />\n </>\n )}\n {addForm.type === PayoutMethodType.StripeConnect && (\n <p className=\"text-sm text-text-secondary sm:col-span-2\">\n {tr(\n \"devportal.payouts.stripeNote\",\n \"Stripe collects your bank details and identity on its own secure page when you verify the method.\",\n )}\n </p>\n )}\n <CheckboxField\n id=\"payout-default\"\n className=\"sm:col-span-2\"\n label={tr(\n \"devportal.payouts.makeDefault\",\n \"Use as my default payout method\",\n )}\n checked={addForm.isDefault}\n onChange={(e) =>\n setAddForm((f) => ({ ...f, isDefault: e.target.checked }))\n }\n />\n <div className=\"flex gap-2 sm:col-span-2\">\n <button\n type=\"submit\"\n disabled={adding}\n className={primaryButton}\n >\n {adding ? (\n <Loader2 size={16} className=\"animate-spin\" />\n ) : (\n <Plus size={16} />\n )}\n {tr(\"devportal.payouts.saveMethod\", \"Add method\")}\n </button>\n <button\n type=\"button\"\n onClick={() => setShowAddForm(false)}\n className={secondaryButton}\n >\n {tr(\"devportal.payouts.cancel\", \"Cancel\")}\n </button>\n </div>\n </form>\n </PageSection>\n )}\n\n <PageSection\n title={tr(\n \"devportal.payouts.methodsTitle\",\n \"Your payout methods\",\n )}\n >\n {methods.length === 0 ? (\n <div className=\"flex flex-col items-center gap-3 py-8 text-center\">\n <Landmark className=\"h-10 w-10 text-text-secondary\" />\n <p className=\"text-sm text-text-secondary\">\n {agreementAccepted\n ? tr(\n \"devportal.payouts.emptyReady\",\n \"You have not added a payout method yet.\",\n )\n : tr(\n \"devportal.payouts.emptyNeedsAgreement\",\n \"Accept the agreement above, then add a payout method.\",\n )}\n </p>\n </div>\n ) : (\n <ul\n className=\"flex flex-col gap-3\"\n aria-label={tr(\n \"devportal.payouts.methodsTitle\",\n \"Your payout methods\",\n )}\n >\n {methods.map((method) => {\n const phase = payoutMethodPhase(method);\n const hint = phaseHint(method, phase);\n const isVerifying = verifyingId === method.id;\n const last4 = accountLast4Of(method.maskedDetails);\n return (\n <li\n key={method.id}\n data-testid={`payout-method-${method.id}`}\n className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\"\n >\n <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n <div className=\"flex flex-col gap-1\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"font-medium text-text-primary\">\n {method.displayLabel ?? typeLabel(method.type)}\n </span>\n <span\n className={cn(\n \"inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium\",\n PHASE_STYLES[phase],\n )}\n >\n {phase === \"VERIFIED\" && (\n <BadgeCheck size={12} className=\"mr-1\" />\n )}\n {phaseLabel(phase)}\n </span>\n {method.isDefault && (\n <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n {tr(\"devportal.payouts.default\", \"Default\")}\n </span>\n )}\n </div>\n <p className=\"text-xs text-text-secondary\">\n {typeLabel(method.type)}\n {method.country ? ` · ${method.country}` : \"\"}\n {method.currency ? ` · ${method.currency}` : \"\"}\n </p>\n {hint && (\n <p className=\"text-sm text-text-secondary\">\n {hint}\n </p>\n )}\n {method.processorFailureReason &&\n phase === \"FAILED\" && (\n <p className=\"text-sm text-status-error-text\">\n {tr(\n \"devportal.payouts.failureReason\",\n \"Reason: {{reason}}\",\n {\n reason: method.processorFailureReason,\n },\n )}\n </p>\n )}\n {method.rejectionReason && phase === \"REJECTED\" && (\n <p className=\"text-sm text-status-error-text\">\n {tr(\n \"devportal.payouts.rejectionReason\",\n \"Reason: {{reason}}\",\n {\n reason: method.rejectionReason,\n },\n )}\n </p>\n )}\n </div>\n <div className=\"flex flex-wrap gap-2\">\n {canStartOnboarding(method) && !isVerifying && (\n <button\n onClick={() => openVerifyForm(method.id)}\n className={primaryButton}\n >\n <ShieldCheck size={16} />\n {phase === \"IN_PROGRESS\"\n ? tr(\n \"devportal.payouts.continueStripe\",\n \"Continue on Stripe\",\n )\n : tr(\n \"devportal.payouts.verifyAutomatically\",\n \"Verify automatically\",\n )}\n </button>\n )}\n {(phase === \"IN_PROGRESS\" \|\|\n phase === \"AWAITING_KYC\") && (\n <button\n onClick={() => void handleCheckStatus(method)}\n disabled={checkingId === method.id}\n className={secondaryButton}\n >\n <RefreshCw\n size={14}\n className={cn(\n checkingId === method.id && \"animate-spin\",\n )}\n />\n {tr(\n \"devportal.payouts.checkStatus\",\n \"Check status\",\n )}\n </button>\n )}\n {phase !== \"CLOSED\" && phase !== \"REJECTED\" && (\n <button\n onClick={() => setRemoveTarget(method)}\n className={secondaryButton}\n aria-label={tr(\n \"devportal.payouts.removeLabel\",\n \"Remove {{label}}\",\n {\n label:\n method.displayLabel ??\n typeLabel(method.type),\n },\n )}\n >\n <Trash2 size={14} />\n {tr(\"devportal.payouts.remove\", \"Remove\")}\n </button>\n )}\n </div>\n </div>\n\n {isVerifying && (\n <form\n onSubmit={(e) => void handleStart(method, e)}\n className=\"mt-4 grid grid-cols-1 gap-4 border-t border-border-subtle pt-4 sm:grid-cols-2\"\n aria-label={tr(\n \"devportal.payouts.verifyFormLabel\",\n \"Verify payout method\",\n )}\n noValidate\n >\n <InputField\n id={`contact-email-${method.id}`}\n type=\"email\"\n label={tr(\n \"devportal.payouts.contactEmail\",\n \"Contact email\",\n )}\n value={onboardingForm.contactEmail}\n required\n autoComplete=\"email\"\n error={onboardingErrors.contactEmail}\n onChange={(e) =>\n setOnboardingForm((f) => ({\n ...f,\n contactEmail: e.target.value,\n }))\n }\n />\n {method.type === PayoutMethodType.RazorpayX && (\n <>\n <InputField\n id={`contact-phone-${method.id}`}\n type=\"tel\"\n label={tr(\n \"devportal.payouts.contactPhone\",\n \"Contact phone (optional)\",\n )}\n value={onboardingForm.contactPhone}\n autoComplete=\"tel\"\n error={onboardingErrors.contactPhone}\n onChange={(e) =>\n setOnboardingForm((f) => ({\n ...f,\n contactPhone: e.target.value,\n }))\n }\n />\n <InputField\n id={`account-number-${method.id}`}\n type=\"password\"\n label={tr(\n \"devportal.payouts.accountNumber\",\n \"Full account number\",\n )}\n value={onboardingForm.accountNumber}\n required\n autoComplete=\"off\"\n inputMode=\"numeric\"\n hint={\n last4\n ? tr(\n \"devportal.payouts.accountNumberHint\",\n \"Ends in {{last4}}. Sent to RazorpayX once for validation and never stored.\",\n { last4 },\n )\n : tr(\n \"devportal.payouts.accountNumberHintNoLast4\",\n \"Sent to RazorpayX once for validation and never stored.\",\n )\n }\n error={onboardingErrors.accountNumber}\n onChange={(e) =>\n setOnboardingForm((f) => ({\n ...f,\n accountNumber: e.target.value,\n }))\n }\n />\n </>\n )}\n {method.type === PayoutMethodType.StripeConnect && (\n <p className=\"text-sm text-text-secondary sm:col-span-2\">\n {tr(\n \"devportal.payouts.stripeRedirectNote\",\n \"You will continue on Stripe's secure page to add your bank account and confirm your identity, then come back here.\",\n )}\n </p>\n )}\n <div className=\"flex gap-2 sm:col-span-2\">\n <button\n type=\"submit\"\n disabled={starting}\n className={primaryButton}\n >\n {starting ? (\n <Loader2 size={16} className=\"animate-spin\" />\n ) : (\n <ShieldCheck size={16} />\n )}\n {method.type === PayoutMethodType.StripeConnect\n ? tr(\n \"devportal.payouts.continueToStripe\",\n \"Continue to Stripe\",\n )\n : tr(\n \"devportal.payouts.startVerification\",\n \"Start verification\",\n )}\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setVerifyingId(null);\n setOnboardingForm(EMPTY_ONBOARDING_FORM);\n }}\n className={secondaryButton}\n >\n {tr(\"devportal.payouts.cancel\", \"Cancel\")}\n </button>\n </div>\n </form>\n )}\n </li>\n );\n })}\n </ul>\n )}\n </PageSection>\n </>\n )}\n\n <ConfirmDialog\n open={removeTarget !== null}\n onOpenChange={(open) => {\n if (!open) setRemoveTarget(null);\n }}\n onConfirm={handleRemove}\n title={tr(\n \"devportal.payouts.removeTitle\",\n \"Remove this payout method?\",\n )}\n description={tr(\n \"devportal.payouts.removeDescription\",\n \"Payouts will no longer be sent to it. You can add it again later.\",\n )}\n confirmLabel={tr(\"devportal.payouts.remove\", \"Remove\")}\n cancelLabel={tr(\"devportal.payouts.cancel\", \"Cancel\")}\n variant=\"destructive\"\n loading={removing}\n />\n </PageLayout>\n </PermissionGuard>\n );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/PublisherProfilePage.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { FC } from 'react';
 /**
  * Publisher Profile Page
  *
@@ -9,4 +8,3 @@ import { FC } from 'react';
  * that feed into that publisher identity so developers can keep them current.
  */
 export declare const PublisherProfilePage: FC;
-//# sourceMappingURL=PublisherProfilePage.d.ts.map

package/dist/devportal/pages/PublisherProfilePage.js CHANGED Viewed

@@ -1,26 +1,26 @@
-import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { cn as t } from "../utils/cn.js";
-import { useCreateDeveloperProfileMutation as n, useGetMyDeveloperProfileQuery as r, useUpdateDeveloperProfileMutation as i } from "../../generated/global-operations.js";
-import "../hooks/useGraphQL.js";
-import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
-import { InputField as s } from "../components/FormField.js";
-import { PermissionGuard as c } from "../components/PermissionGuard.js";
+import { PageLayout as e, PageSection as t } from "../components/PageLayout.js";
+import { InputField as n } from "../components/FormField.js";
+import { useCreateDeveloperProfileMutation as r, useGetMyDeveloperProfileQuery as i, useUpdateDeveloperProfileMutation as a } from "../../generated/global-operations.js";
+import { cn as o } from "../utils/cn.js";
 import "../components/index.js";
+import { DEVPORTAL_PERMISSIONS as s } from "../constants/permissions.js";
+import { PermissionGuard as c } from "../components/PermissionGuard.js";
 import { useDevportalPermission as l } from "../hooks/usePermission.js";
-import { DEVPORTAL_PERMISSIONS as u } from "../constants/permissions.js";
+import { useDevportal as u } from "../providers/DevportalProvider.js";
+import "../hooks/useGraphQL.js";
 import { useEffect as d, useState as f } from "react";
 import { AlertCircle as p, CheckCircle2 as m, Info as h, Landmark as g, Loader2 as _, Save as v, Store as y } from "lucide-react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-//#region src/devportal/pages/PublisherProfilePage.tsx
+// src/devportal/pages/PublisherProfilePage.tsx
 var C = () => {
 	let { t: C } = S(), w = (e, t) => {
 		let n = C(e);
 		return n === e ? t : n;
-	}, { currentUser: T, navigate: E, basePath: D } = e(), O = () => {
+	}, { currentUser: T, navigate: E, basePath: D } = u(), O = () => {
 		let e = (D ?? "").replace(/\/$/, "");
 		E?.(`${e}/publisher/payouts`);
-	}, { allowed: k } = l(u.PROFILE_UPDATE), { data: A, loading: j, error: M, refetch: N } = r({ fetchPolicy: "cache-and-network" }), [P, { loading: F }] = i(), [I, { loading: L }] = n(), R = F || L, z = A?.myDeveloperProfile, [B, V] = f(""), [H, U] = f(""), [W, G] = f(""), [K, q] = f(""), [J, Y] = f(""), [X, Z] = f(""), [Q, $] = f("idle");
+	}, { allowed: k } = l(s.PROFILE_UPDATE), { data: A, loading: j, error: M, refetch: N } = i({ fetchPolicy: "cache-and-network" }), [P, { loading: F }] = a(), [I, { loading: L }] = r(), R = F || L, z = A?.myDeveloperProfile, [B, V] = f(""), [H, U] = f(""), [W, G] = f(""), [K, q] = f(""), [J, Y] = f(""), [X, Z] = f(""), [Q, $] = f("idle");
 	return d(() => {
 		if (z) V(z.companyName ?? ""), U(z.website ?? ""), G(z.bio ?? ""), q(z.githubUsername ?? ""), Y(z.twitterUsername ?? ""), Z(z.linkedinUrl ?? "");
 		else if (!j && T) {
@@ -31,14 +31,14 @@ var C = () => {
 		z,
 		j,
 		T
-	]), j && !z ? /* @__PURE__ */ b(a, {
+	]), j && !z ? /* @__PURE__ */ b(e, {
 		title: w("devportal.publisherProfileTitle", "Publisher Profile"),
 		description: w("devportal.loadingPublisherProfile", "Loading your publisher profile..."),
 		children: /* @__PURE__ */ b("div", {
 			className: "flex items-center justify-center py-20",
 			children: /* @__PURE__ */ b(_, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
-	}) : M && !z ? /* @__PURE__ */ b(a, {
+	}) : M && !z ? /* @__PURE__ */ b(e, {
 		title: w("devportal.publisherProfileTitle", "Publisher Profile"),
 		description: w("devportal.manageStorePublisherPresence", "Manage your store publisher presence"),
 		children: /* @__PURE__ */ x("div", {
@@ -58,7 +58,7 @@ var C = () => {
 		})
 	}) : /* @__PURE__ */ b(c, {
 		authOnly: !0,
-		children: /* @__PURE__ */ b(a, {
+		children: /* @__PURE__ */ b(e, {
 			title: w("devportal.publisherProfileTitle", "Publisher Profile"),
 			description: w("devportal.manageMarketplaceAppearance", "Manage how you appear to users in the marketplace"),
 			purpose: w("devportal.publisherProfilePurpose", "This is your public face in the marketplace — the name, logo, bio, and links users see before installing your apps. A complete, trustworthy profile makes shoppers more likely to install and is required before some apps can be published."),
@@ -100,7 +100,7 @@ var C = () => {
 				},
 				disabled: R || !k,
 				"aria-disabled": !k,
-				className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", Q === "saved" ? "bg-status-success-bg text-white" : Q === "error" ? "bg-status-error-bg text-status-error-text" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90", R && "opacity-50 cursor-not-allowed"),
+				className: o("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", Q === "saved" ? "bg-status-success-bg text-white" : Q === "error" ? "bg-status-error-bg text-status-error-text" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90", R && "opacity-50 cursor-not-allowed"),
 				children: [R ? /* @__PURE__ */ b(_, {
 					size: 16,
 					className: "animate-spin"
@@ -124,13 +124,13 @@ var C = () => {
 					className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
 					children: [/* @__PURE__ */ x("div", {
 						className: "lg:col-span-2 space-y-6",
-						children: [/* @__PURE__ */ b(o, {
+						children: [/* @__PURE__ */ b(t, {
 							title: w("devportal.publisherIdentityTitle", "Publisher Identity"),
 							description: w("devportal.publisherIdentityDesc", "Displayed on your marketplace listings"),
 							children: /* @__PURE__ */ x("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ b(s, {
+									/* @__PURE__ */ b(n, {
 										label: w("devportal.displayNameLabel", "Display Name / Company"),
 										value: B,
 										onChange: (e) => V(e.target.value),
@@ -146,7 +146,7 @@ var C = () => {
 										rows: 3,
 										className: "mt-1 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] resize-none"
 									})] }),
-									/* @__PURE__ */ b(s, {
+									/* @__PURE__ */ b(n, {
 										label: w("devportal.websiteLabel", "Website"),
 										value: H,
 										onChange: (e) => U(e.target.value),
@@ -154,25 +154,25 @@ var C = () => {
 									})
 								]
 							})
-						}), /* @__PURE__ */ b(o, {
+						}), /* @__PURE__ */ b(t, {
 							title: w("devportal.socialLinksTitle", "Social Links"),
 							description: w("devportal.socialLinksDesc", "Build trust with your developer community"),
 							children: /* @__PURE__ */ x("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ b(s, {
+									/* @__PURE__ */ b(n, {
 										label: w("devportal.githubUsernameLabel", "GitHub Username"),
 										value: K,
 										onChange: (e) => q(e.target.value),
 										placeholder: w("devportal.githubUsernamePlaceholder", "your-github-username")
 									}),
-									/* @__PURE__ */ b(s, {
+									/* @__PURE__ */ b(n, {
 										label: w("devportal.twitterUsernameLabel", "Twitter / X Username"),
 										value: J,
 										onChange: (e) => Y(e.target.value),
 										placeholder: w("devportal.twitterUsernamePlaceholder", "your_twitter")
 									}),
-									/* @__PURE__ */ b(s, {
+									/* @__PURE__ */ b(n, {
 										label: w("devportal.linkedinUrlLabel", "LinkedIn URL"),
 										value: X,
 										onChange: (e) => Z(e.target.value),
@@ -184,7 +184,7 @@ var C = () => {
 					}), /* @__PURE__ */ x("div", {
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ b(o, {
+							/* @__PURE__ */ b(t, {
 								title: w("devportal.publisherStatusTitle", "Publisher Status"),
 								children: /* @__PURE__ */ x("div", {
 									className: "flex items-center gap-3",
@@ -197,7 +197,7 @@ var C = () => {
 									})] })]
 								})
 							}),
-							/* @__PURE__ */ b(o, {
+							/* @__PURE__ */ b(t, {
 								title: w("devportal.payouts.title", "Payouts"),
 								description: w("devportal.payouts.profileCardDescription", "Add and verify where the marketplace sends your earnings"),
 								children: /* @__PURE__ */ x("button", {
@@ -207,7 +207,7 @@ var C = () => {
 									children: [/* @__PURE__ */ b(g, { size: 16 }), w("devportal.payouts.manage", "Manage payout methods")]
 								})
 							}),
-							/* @__PURE__ */ b(o, {
+							/* @__PURE__ */ b(t, {
 								title: w("devportal.profileCompletenessTitle", "Profile Completeness"),
 								children: /* @__PURE__ */ b("div", {
 									className: "space-y-2",
@@ -244,7 +244,7 @@ var C = () => {
 									}, e))
 								})
 							}),
-							/* @__PURE__ */ b(o, {
+							/* @__PURE__ */ b(t, {
 								title: w("devportal.marketplaceStatsTitle", "Marketplace Stats"),
 								children: /* @__PURE__ */ x("div", {
 									className: "space-y-3 text-sm",
@@ -289,7 +289,6 @@ var C = () => {
 		})
 	});
 };
-//#endregion
 export { C as PublisherProfilePage };
 //# sourceMappingURL=PublisherProfilePage.js.map