@burdenoff/microfe-devportal 2026.1107.2 → 2026.1108.1

package/dist/devportal/pages/PublisherPayoutsPage.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+
+/** How often an in-progress verification is re-read while the page is open. */
+export declare const PAYOUT_POLL_INTERVAL_MS = 15000;
+/** Polls per page visit (about five minutes); the store keeps syncing after. */
+export declare const PAYOUT_POLL_MAX_ROUNDS = 20;
+/**
+ * Publisher Payouts page (BOFF-10953).
+ *
+ * Lists the publisher's payout methods with their verification state, adds
+ * new ones, and runs automatic processor onboarding: RazorpayX fund-account
+ * validation for India (the full account number is entered once and never
+ * stored) and Stripe Connect Express hosted onboarding everywhere else. Stripe
+ * sends the publisher back here with `?onboarding=return` (re-read the state)
+ * or `?onboarding=refresh` (the link expired; start again).
+ *
+ * Mounted at `/devportal/publisher/payouts`; global-store-svc's
+ * STORE_PAYOUT_ONBOARDING_URL points at this page.
+ */
+export declare const PublisherPayoutsPage: FC;
+//# sourceMappingURL=PublisherPayoutsPage.d.ts.map

package/dist/devportal/pages/PublisherPayoutsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublisherPayoutsPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/PublisherPayoutsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAiE3C,+EAA+E;AAC/E,eAAO,MAAM,uBAAuB,QAAS,CAAC;AAC9C,gFAAgF;AAChF,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAqCzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAmiClC,CAAC"}

package/dist/devportal/pages/PublisherPayoutsPage.js

@@ -0,0 +1,657 @@
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { useTr as t } from "../utils/i18n.js";
+import { cn as n } from "../utils/cn.js";
+import { useAcceptMyPublisherDeveloperAgreementMutation as r, useAddMyPublisherPayoutMethodMutation as i, useGetMyPublisherPayoutsQuery as a, useRefreshMyPublisherPayoutOnboardingMutation as ee, useRemoveMyPublisherPayoutMethodMutation as te, useStartMyPublisherPayoutOnboardingMutation as ne } from "../../generated/global-operations.js";
+import "../hooks/useGraphQL.js";
+import { PageLayout as o, PageSection as s } from "../components/PageLayout.js";
+import { CheckboxField as re, InputField as c, SelectField as ie } from "../components/FormField.js";
+import { ConfirmDialog as ae } from "../components/ConfirmDialog.js";
+import { PermissionGuard as oe } from "../components/PermissionGuard.js";
+import "../components/index.js";
+import { PayoutMethodType as l } from "../../generated/global-types.js";
+import { accountLast4Of as se, canStartOnboarding as ce, methodTypesForCountry as u, methodsToPoll as le, needsBankDetails as ue, normalizeCountry as de, payoutErrorMessage as d, payoutMethodPhase as fe, readOnboardingRedirect as pe, redirectToOnboarding as me, safeOnboardingUrl as he, stripeMethodsInOnboarding as ge, supportsAutomaticOnboarding as _e, toAddPayoutMethodInput as ve, toOnboardingInput as ye, validateAddPayoutMethod as be, validateOnboarding as xe } from "../utils/publisherPayouts.js";
+import { useCallback as Se, useEffect as f, useMemo as Ce, useRef as we, useState as p } from "react";
+import { AlertCircle as Te, BadgeCheck as Ee, CheckCircle2 as De, ExternalLink as Oe, Info as m, Landmark as ke, Loader2 as h, Plus as Ae, RefreshCw as je, ShieldCheck as g, Trash2 as Me } from "lucide-react";
+import { useSearchParams as Ne } from "react-router";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/devportal/pages/PublisherPayoutsPage.tsx
+var Pe = 15e3, Fe = {
+	VERIFIED: "bg-status-success-bg-subtle text-status-success-text",
+	NOT_STARTED: "bg-bg-sunken text-text-primary",
+	IN_PROGRESS: "bg-status-info-bg-subtle text-status-info-text",
+	AWAITING_KYC: "bg-status-warning-bg-subtle text-status-warning-text",
+	FAILED: "bg-status-error-bg-subtle text-status-error-text",
+	MANUAL_REVIEW: "bg-status-warning-bg-subtle text-status-warning-text",
+	REJECTED: "bg-status-error-bg-subtle text-status-error-text",
+	SUSPENDED: "bg-status-error-bg-subtle text-status-error-text",
+	CLOSED: "bg-bg-sunken text-text-secondary"
+}, b = {
+	type: "",
+	country: "",
+	accountHolderName: "",
+	accountNumberLast4: "",
+	bankCode: "",
+	bankName: "",
+	isDefault: !1
+}, x = {
+	contactEmail: "",
+	contactPhone: "",
+	accountNumber: ""
+}, S = "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", C = "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", w = () => {
+	let w = t(), { currentUser: Ie, navigate: Le, basePath: Re } = e(), [T, E] = Ne(), ze = a({ fetchPolicy: "cache-and-network" }), { loading: Be, error: Ve, refetch: D } = ze, O = ze.data, [He, { loading: Ue }] = r(), [We, { loading: Ge }] = i(), [Ke, { loading: qe }] = te(), [Je, { loading: Ye }] = ne(), [k] = ee(), A = O?.myPublisherOnboarding, j = A?.publisher ?? null, M = A?.payoutRoute ?? null, N = Ce(() => O?.myPublisherPayoutMethods ?? [], [O?.myPublisherPayoutMethods]), Xe = A?.steps.find((e) => e.key === "DEVELOPER_AGREEMENT"), Ze = A?.steps.find((e) => e.key === "PAYOUT_METHOD"), P = Xe?.status === "COMPLETE", [F, I] = p(null), [Qe, L] = p(!1), [R, z] = p(b), [B, $e] = p({}), [et, V] = p(null), [H, U] = p(x), [W, tt] = p({}), [G, K] = p(null), [nt, rt] = p(null), it = j?.contactEmail || Ie?.email || "", at = j?.contactPhone || "", q = Se((e) => {
+		V(e), tt({}), U({
+			contactEmail: it,
+			contactPhone: at,
+			accountNumber: ""
+		});
+	}, [it, at]), J = pe(`?${T.toString()}`), Y = we(!1);
+	f(() => {
+		if (!J || Y.current || !O) return;
+		Y.current = !0;
+		let e = ge(N), t = () => {
+			let e = new URLSearchParams(T);
+			e.delete("onboarding"), E(e, { replace: !0 });
+		};
+		if (J === "refresh") {
+			let n = e[0];
+			n && q(n.id), I({
+				tone: "info",
+				text: w("devportal.payouts.linkExpired", "Your Stripe onboarding link expired. Confirm your contact email to get a fresh link.")
+			}), t();
+			return;
+		}
+		(async () => {
+			try {
+				await Promise.all(e.map((e) => k({ variables: { id: e.id } }))), await D(), I({
+					tone: "success",
+					text: w("devportal.payouts.returnedFromStripe", "Welcome back. We checked your Stripe account; its status is shown below.")
+				});
+			} catch (e) {
+				I({
+					tone: "error",
+					text: d(e, "refresh")
+				});
+			} finally {
+				t();
+			}
+		})();
+	}, [
+		J,
+		O,
+		N,
+		T,
+		E,
+		k,
+		D,
+		q,
+		w
+	]);
+	let X = le(N).map((e) => e.id).join(",");
+	f(() => {
+		if (!X) return;
+		let e = X.split(","), t = 0, n = setInterval(() => {
+			if (t += 1, t > 20) {
+				clearInterval(n);
+				return;
+			}
+			Promise.all(e.map((e) => k({ variables: { id: e } }))).then(() => D()).catch(() => {});
+		}, Pe);
+		return () => clearInterval(n);
+	}, [
+		X,
+		k,
+		D
+	]);
+	let ot = u(R.country || M?.country, M), st = () => {
+		L(!0), $e({});
+		let e = de(j?.country ?? M?.country), t = u(e, M);
+		z({
+			...b,
+			country: e,
+			type: t[0] ?? "",
+			accountHolderName: j?.name ?? ""
+		});
+	}, ct = async () => {
+		if (A) {
+			I(null);
+			try {
+				await He({ variables: { version: A.currentAgreementVersion } }), await D(), I({
+					tone: "success",
+					text: w("devportal.payouts.agreementAccepted", "Agreement accepted. You can now add a payout method.")
+				});
+			} catch (e) {
+				I({
+					tone: "error",
+					text: d(e, "agreement")
+				});
+			}
+		}
+	}, lt = async (e) => {
+		e.preventDefault();
+		let t = be(R, M);
+		if ($e(t), !(Object.keys(t).length > 0)) {
+			I(null);
+			try {
+				let e = (await We({ variables: { input: ve(R) } })).data?.addMyPublisherPayoutMethod;
+				await D(), L(!1), z(b), e && _e(e.type) ? (q(e.id), I({
+					tone: "success",
+					text: w("devportal.payouts.addedVerifyNext", "Payout method added. Verify it automatically below so payouts can be sent to it.")
+				})) : I({
+					tone: "success",
+					text: w("devportal.payouts.addedManualReview", "Payout method added. The marketplace team verifies bank transfers, usually within two business days.")
+				});
+			} catch (e) {
+				I({
+					tone: "error",
+					text: d(e, "add")
+				});
+			}
+		}
+	}, ut = async (e, t) => {
+		t.preventDefault();
+		let n = xe(e.type, H, se(e.maskedDetails));
+		if (tt(n), !(Object.keys(n).length > 0)) {
+			I(null);
+			try {
+				let t = await Je({ variables: {
+					id: e.id,
+					input: ye(e.type, H)
+				} });
+				U(x);
+				let n = t.data?.startMyPublisherPayoutOnboarding, r = he(n?.onboardingUrl);
+				if (e.type === "STRIPE_CONNECT" && r) {
+					I({
+						tone: "info",
+						text: w("devportal.payouts.redirectingToStripe", "Taking you to Stripe to finish setting up your account...")
+					}), me(r);
+					return;
+				}
+				V(null), await D(), I(n?.method.status === "VERIFIED" ? {
+					tone: "success",
+					text: w("devportal.payouts.verified", "Your payout method is verified. Payouts will be sent to it.")
+				} : {
+					tone: "info",
+					text: w("devportal.payouts.verificationStarted", "Verification started. This page updates on its own when the processor confirms your account.")
+				});
+			} catch (e) {
+				U((e) => ({
+					...e,
+					accountNumber: ""
+				})), I({
+					tone: "error",
+					text: d(e, "start")
+				});
+			}
+		}
+	}, dt = async (e) => {
+		rt(e.id), I(null);
+		try {
+			await k({ variables: { id: e.id } }), await D();
+		} catch (e) {
+			I({
+				tone: "error",
+				text: d(e, "refresh")
+			});
+		} finally {
+			rt(null);
+		}
+	}, ft = async () => {
+		if (G) try {
+			await Ke({ variables: { id: G.id } }), K(null), et === G.id && V(null), await D(), I({
+				tone: "success",
+				text: w("devportal.payouts.removed", "Payout method removed.")
+			});
+		} catch (e) {
+			K(null), I({
+				tone: "error",
+				text: d(e, "remove")
+			});
+		}
+	}, pt = (e) => {
+		let t = (Re ?? "").replace(/\/$/, "");
+		Le?.(`${t}/${e}`);
+	}, Z = w("devportal.payouts.title", "Payouts"), Q = w("devportal.payouts.description", "Choose where the marketplace sends your earnings");
+	if (Be && !O) return /* @__PURE__ */ v(o, {
+		title: Z,
+		description: Q,
+		children: /* @__PURE__ */ v("div", {
+			className: "flex items-center justify-center py-20",
+			role: "status",
+			"aria-label": w("devportal.payouts.loading", "Loading payout methods"),
+			children: /* @__PURE__ */ v(h, { className: "h-8 w-8 animate-spin text-text-secondary" })
+		})
+	});
+	if (Ve && !O) return /* @__PURE__ */ v(o, {
+		title: Z,
+		description: Q,
+		children: /* @__PURE__ */ y("div", {
+			className: "flex flex-col items-center justify-center gap-4 py-20",
+			children: [
+				/* @__PURE__ */ v(Te, { className: "h-12 w-12 text-status-error-text" }),
+				/* @__PURE__ */ v("p", {
+					className: "text-text-secondary",
+					children: w("devportal.payouts.loadFailed", "Your payout methods could not be loaded.")
+				}),
+				/* @__PURE__ */ v("button", {
+					onClick: () => void D(),
+					className: S,
+					children: w("devportal.retryButton", "Retry")
+				})
+			]
+		})
+	});
+	let mt = (e) => {
+		switch (e) {
+			case "VERIFIED": return w("devportal.payouts.phase.verified", "Verified");
+			case "NOT_STARTED": return w("devportal.payouts.phase.notStarted", "Not verified yet");
+			case "IN_PROGRESS": return w("devportal.payouts.phase.inProgress", "Verification in progress");
+			case "AWAITING_KYC": return w("devportal.payouts.phase.awaitingKyc", "Waiting for publisher verification");
+			case "FAILED": return w("devportal.payouts.phase.failed", "Verification failed");
+			case "MANUAL_REVIEW": return w("devportal.payouts.phase.manualReview", "In manual review");
+			case "REJECTED": return w("devportal.payouts.phase.rejected", "Rejected");
+			case "SUSPENDED": return w("devportal.payouts.phase.suspended", "Suspended");
+			case "CLOSED": return w("devportal.payouts.phase.closed", "Closed");
+		}
+	}, ht = (e, t) => {
+		switch (t) {
+			case "NOT_STARTED": return w("devportal.payouts.hint.notStarted", "Verify this method automatically so payouts can be sent to it.");
+			case "IN_PROGRESS": return e.type === "STRIPE_CONNECT" ? w("devportal.payouts.hint.inProgressStripe", "Finish the Stripe onboarding form. If you closed it, continue to get a fresh link.") : w("devportal.payouts.hint.inProgressRazorpay", "RazorpayX is validating your bank account. This usually takes a few minutes.");
+			case "AWAITING_KYC": return w("devportal.payouts.hint.awaitingKyc", "The processor confirmed your account. It is verified as soon as your publisher verification (KYC) is approved.");
+			case "FAILED": return w("devportal.payouts.hint.failed", "The processor could not verify this account. Check the details and verify again, or remove it and add a new one.");
+			case "MANUAL_REVIEW": return w("devportal.payouts.hint.manualReview", "The marketplace team verifies bank transfers by hand, usually within two business days.");
+			default: return null;
+		}
+	}, $ = (e) => {
+		switch (e) {
+			case l.RazorpayX: return w("devportal.payouts.type.razorpayX", "RazorpayX (India, INR)");
+			case l.StripeConnect: return w("devportal.payouts.type.stripeConnect", "Stripe Connect");
+			case l.BankTransfer: return w("devportal.payouts.type.bankTransfer", "Bank transfer");
+			default: return e;
+		}
+	};
+	return /* @__PURE__ */ v(oe, {
+		authOnly: !0,
+		children: /* @__PURE__ */ y(o, {
+			title: Z,
+			description: Q,
+			backLink: "publisher/profile",
+			backLabel: w("devportal.payouts.backToProfile", "Publisher profile"),
+			purpose: w("devportal.payouts.purpose", "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."),
+			actions: j && P && !Qe ? /* @__PURE__ */ y("button", {
+				onClick: st,
+				className: S,
+				children: [/* @__PURE__ */ v(Ae, { size: 16 }), w("devportal.payouts.addMethod", "Add payout method")]
+			}) : void 0,
+			children: [
+				F && /* @__PURE__ */ y("div", {
+					role: F.tone === "error" ? "alert" : "status",
+					className: n("flex gap-3 rounded-lg border border-border-subtle p-4 text-sm", {
+						success: "bg-status-success-bg-subtle text-status-success-text",
+						info: "bg-status-info-bg-subtle text-status-info-text",
+						error: "bg-status-error-bg-subtle text-status-error-text"
+					}[F.tone]),
+					children: [F.tone === "error" ? /* @__PURE__ */ v(Te, {
+						size: 16,
+						className: "mt-0.5 flex-shrink-0"
+					}) : F.tone === "success" ? /* @__PURE__ */ v(De, {
+						size: 16,
+						className: "mt-0.5 flex-shrink-0"
+					}) : /* @__PURE__ */ v(m, {
+						size: 16,
+						className: "mt-0.5 flex-shrink-0"
+					}), /* @__PURE__ */ v("p", { children: F.text })]
+				}),
+				j ? /* @__PURE__ */ y(_, { children: [
+					!P && A && /* @__PURE__ */ v(s, {
+						title: w("devportal.payouts.agreementTitle", "Accept the Marketplace & Developer Agreement"),
+						description: w("devportal.payouts.agreementDescription", "Payout methods can be added once you accept the current agreement."),
+						children: /* @__PURE__ */ y("div", {
+							className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+							children: [/* @__PURE__ */ y("p", {
+								className: "text-sm text-text-secondary",
+								children: [
+									Xe?.reason === "AGREEMENT_OUTDATED" ? w("devportal.payouts.agreementOutdated", "The agreement has changed since you accepted it. Review version {{version}} to continue.", { version: A.currentAgreementVersion }) : w("devportal.payouts.agreementBody", "Version {{version}}. Your share of net sales is {{share}}%.", {
+										version: A.currentAgreementVersion,
+										share: A.revenueSharePercent
+									}),
+									" ",
+									/* @__PURE__ */ y("a", {
+										href: A.agreementUrl,
+										target: "_blank",
+										rel: "noopener noreferrer",
+										className: "inline-flex items-center gap-1 font-medium text-primary hover:underline",
+										children: [w("devportal.payouts.readAgreement", "Read the agreement"), /* @__PURE__ */ v(Oe, { size: 12 })]
+									})
+								]
+							}), /* @__PURE__ */ y("button", {
+								onClick: () => void ct(),
+								disabled: Ue,
+								className: S,
+								children: [Ue ? /* @__PURE__ */ v(h, {
+									size: 16,
+									className: "animate-spin"
+								}) : /* @__PURE__ */ v(g, { size: 16 }), w("devportal.payouts.acceptAgreement", "I accept")]
+							})]
+						})
+					}),
+					M && /* @__PURE__ */ y("div", {
+						className: "flex gap-3 rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 text-sm text-status-info-text",
+						children: [/* @__PURE__ */ v(m, {
+							size: 16,
+							className: "mt-0.5 flex-shrink-0"
+						}), /* @__PURE__ */ y("p", { children: [M.processor === "RAZORPAYX" ? w("devportal.payouts.routeIndia", "Your payouts are sent through RazorpayX in {{currency}}.", { currency: M.currency }) : w("devportal.payouts.routeInternational", "Your payouts are sent through Stripe Connect in {{currency}}, or by international bank transfer.", { currency: M.currency }), Ze?.status === "COMPLETE" ? ` ${w("devportal.payouts.stepComplete", "You have a verified payout method.")}` : ` ${w("devportal.payouts.stepIncomplete", "You need a verified payout method before paid listings can be paid out.")}`] })]
+					}),
+					Qe && /* @__PURE__ */ v(s, {
+						title: w("devportal.payouts.addTitle", "Add a payout method"),
+						description: w("devportal.payouts.addDescription", "Only the last four digits and the bank code are stored. The processor holds the full account."),
+						children: /* @__PURE__ */ y("form", {
+							onSubmit: (e) => void lt(e),
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							noValidate: !0,
+							children: [
+								/* @__PURE__ */ v(c, {
+									id: "payout-country",
+									label: w("devportal.payouts.country", "Account country"),
+									value: R.country,
+									maxLength: 2,
+									required: !0,
+									hint: w("devportal.payouts.countryHint", "Two-letter code, for example IN or US"),
+									error: B.country,
+									onChange: (e) => {
+										let t = e.target.value.toUpperCase(), n = u(t, M);
+										z((e) => ({
+											...e,
+											country: t,
+											type: n.some((t) => t === e.type) ? e.type : n[0] ?? ""
+										}));
+									}
+								}),
+								/* @__PURE__ */ v(ie, {
+									id: "payout-type",
+									label: w("devportal.payouts.methodType", "Payout method"),
+									value: R.type,
+									required: !0,
+									error: B.type,
+									options: ot.map((e) => ({
+										value: e,
+										label: $(e)
+									})),
+									onChange: (e) => z((t) => ({
+										...t,
+										type: e.target.value
+									}))
+								}),
+								/* @__PURE__ */ v(c, {
+									id: "payout-holder",
+									label: w("devportal.payouts.holderName", "Account holder name"),
+									value: R.accountHolderName,
+									required: !0,
+									error: B.accountHolderName,
+									onChange: (e) => z((t) => ({
+										...t,
+										accountHolderName: e.target.value
+									}))
+								}),
+								ue(R.type) && /* @__PURE__ */ y(_, { children: [
+									/* @__PURE__ */ v(c, {
+										id: "payout-last4",
+										label: w("devportal.payouts.last4", "Last four digits of the account number"),
+										value: R.accountNumberLast4,
+										inputMode: "numeric",
+										maxLength: 4,
+										required: !0,
+										error: B.accountNumberLast4,
+										onChange: (e) => z((t) => ({
+											...t,
+											accountNumberLast4: e.target.value.replace(/\D/g, "")
+										}))
+									}),
+									/* @__PURE__ */ v(c, {
+										id: "payout-bank-code",
+										label: de(R.country) === "IN" ? w("devportal.payouts.ifsc", "IFSC") : w("devportal.payouts.swift", "SWIFT / BIC"),
+										value: R.bankCode,
+										maxLength: 11,
+										required: !0,
+										error: B.bankCode,
+										onChange: (e) => z((t) => ({
+											...t,
+											bankCode: e.target.value.toUpperCase()
+										}))
+									}),
+									/* @__PURE__ */ v(c, {
+										id: "payout-bank-name",
+										label: w("devportal.payouts.bankName", "Bank name (optional)"),
+										value: R.bankName,
+										onChange: (e) => z((t) => ({
+											...t,
+											bankName: e.target.value
+										}))
+									})
+								] }),
+								R.type === l.StripeConnect && /* @__PURE__ */ v("p", {
+									className: "text-sm text-text-secondary sm:col-span-2",
+									children: w("devportal.payouts.stripeNote", "Stripe collects your bank details and identity on its own secure page when you verify the method.")
+								}),
+								/* @__PURE__ */ v(re, {
+									id: "payout-default",
+									className: "sm:col-span-2",
+									label: w("devportal.payouts.makeDefault", "Use as my default payout method"),
+									checked: R.isDefault,
+									onChange: (e) => z((t) => ({
+										...t,
+										isDefault: e.target.checked
+									}))
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "flex gap-2 sm:col-span-2",
+									children: [/* @__PURE__ */ y("button", {
+										type: "submit",
+										disabled: Ge,
+										className: S,
+										children: [Ge ? /* @__PURE__ */ v(h, {
+											size: 16,
+											className: "animate-spin"
+										}) : /* @__PURE__ */ v(Ae, { size: 16 }), w("devportal.payouts.saveMethod", "Add method")]
+									}), /* @__PURE__ */ v("button", {
+										type: "button",
+										onClick: () => L(!1),
+										className: C,
+										children: w("devportal.payouts.cancel", "Cancel")
+									})]
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ v(s, {
+						title: w("devportal.payouts.methodsTitle", "Your payout methods"),
+						children: N.length === 0 ? /* @__PURE__ */ y("div", {
+							className: "flex flex-col items-center gap-3 py-8 text-center",
+							children: [/* @__PURE__ */ v(ke, { className: "h-10 w-10 text-text-secondary" }), /* @__PURE__ */ v("p", {
+								className: "text-sm text-text-secondary",
+								children: P ? w("devportal.payouts.emptyReady", "You have not added a payout method yet.") : w("devportal.payouts.emptyNeedsAgreement", "Accept the agreement above, then add a payout method.")
+							})]
+						}) : /* @__PURE__ */ v("ul", {
+							className: "flex flex-col gap-3",
+							"aria-label": w("devportal.payouts.methodsTitle", "Your payout methods"),
+							children: N.map((e) => {
+								let t = fe(e), r = ht(e, t), i = et === e.id, a = se(e.maskedDetails);
+								return /* @__PURE__ */ y("li", {
+									"data-testid": `payout-method-${e.id}`,
+									className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+									children: [/* @__PURE__ */ y("div", {
+										className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+										children: [/* @__PURE__ */ y("div", {
+											className: "flex flex-col gap-1",
+											children: [
+												/* @__PURE__ */ y("div", {
+													className: "flex flex-wrap items-center gap-2",
+													children: [
+														/* @__PURE__ */ v("span", {
+															className: "font-medium text-text-primary",
+															children: e.displayLabel ?? $(e.type)
+														}),
+														/* @__PURE__ */ y("span", {
+															className: n("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", Fe[t]),
+															children: [t === "VERIFIED" && /* @__PURE__ */ v(Ee, {
+																size: 12,
+																className: "mr-1"
+															}), mt(t)]
+														}),
+														e.isDefault && /* @__PURE__ */ v("span", {
+															className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
+															children: w("devportal.payouts.default", "Default")
+														})
+													]
+												}),
+												/* @__PURE__ */ y("p", {
+													className: "text-xs text-text-secondary",
+													children: [
+														$(e.type),
+														e.country ? ` · ${e.country}` : "",
+														e.currency ? ` · ${e.currency}` : ""
+													]
+												}),
+												r && /* @__PURE__ */ v("p", {
+													className: "text-sm text-text-secondary",
+													children: r
+												}),
+												e.processorFailureReason && t === "FAILED" && /* @__PURE__ */ v("p", {
+													className: "text-sm text-status-error-text",
+													children: w("devportal.payouts.failureReason", "Reason: {{reason}}", { reason: e.processorFailureReason })
+												}),
+												e.rejectionReason && t === "REJECTED" && /* @__PURE__ */ v("p", {
+													className: "text-sm text-status-error-text",
+													children: w("devportal.payouts.rejectionReason", "Reason: {{reason}}", { reason: e.rejectionReason })
+												})
+											]
+										}), /* @__PURE__ */ y("div", {
+											className: "flex flex-wrap gap-2",
+											children: [
+												ce(e) && !i && /* @__PURE__ */ y("button", {
+													onClick: () => q(e.id),
+													className: S,
+													children: [/* @__PURE__ */ v(g, { size: 16 }), t === "IN_PROGRESS" ? w("devportal.payouts.continueStripe", "Continue on Stripe") : w("devportal.payouts.verifyAutomatically", "Verify automatically")]
+												}),
+												(t === "IN_PROGRESS" || t === "AWAITING_KYC") && /* @__PURE__ */ y("button", {
+													onClick: () => void dt(e),
+													disabled: nt === e.id,
+													className: C,
+													children: [/* @__PURE__ */ v(je, {
+														size: 14,
+														className: n(nt === e.id && "animate-spin")
+													}), w("devportal.payouts.checkStatus", "Check status")]
+												}),
+												t !== "CLOSED" && t !== "REJECTED" && /* @__PURE__ */ y("button", {
+													onClick: () => K(e),
+													className: C,
+													"aria-label": w("devportal.payouts.removeLabel", "Remove {{label}}", { label: e.displayLabel ?? $(e.type) }),
+													children: [/* @__PURE__ */ v(Me, { size: 14 }), w("devportal.payouts.remove", "Remove")]
+												})
+											]
+										})]
+									}), i && /* @__PURE__ */ y("form", {
+										onSubmit: (t) => void ut(e, t),
+										className: "mt-4 grid grid-cols-1 gap-4 border-t border-border-subtle pt-4 sm:grid-cols-2",
+										"aria-label": w("devportal.payouts.verifyFormLabel", "Verify payout method"),
+										noValidate: !0,
+										children: [
+											/* @__PURE__ */ v(c, {
+												id: `contact-email-${e.id}`,
+												type: "email",
+												label: w("devportal.payouts.contactEmail", "Contact email"),
+												value: H.contactEmail,
+												required: !0,
+												autoComplete: "email",
+												error: W.contactEmail,
+												onChange: (e) => U((t) => ({
+													...t,
+													contactEmail: e.target.value
+												}))
+											}),
+											e.type === l.RazorpayX && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(c, {
+												id: `contact-phone-${e.id}`,
+												type: "tel",
+												label: w("devportal.payouts.contactPhone", "Contact phone (optional)"),
+												value: H.contactPhone,
+												autoComplete: "tel",
+												error: W.contactPhone,
+												onChange: (e) => U((t) => ({
+													...t,
+													contactPhone: e.target.value
+												}))
+											}), /* @__PURE__ */ v(c, {
+												id: `account-number-${e.id}`,
+												type: "password",
+												label: w("devportal.payouts.accountNumber", "Full account number"),
+												value: H.accountNumber,
+												required: !0,
+												autoComplete: "off",
+												inputMode: "numeric",
+												hint: a ? w("devportal.payouts.accountNumberHint", "Ends in {{last4}}. Sent to RazorpayX once for validation and never stored.", { last4: a }) : w("devportal.payouts.accountNumberHintNoLast4", "Sent to RazorpayX once for validation and never stored."),
+												error: W.accountNumber,
+												onChange: (e) => U((t) => ({
+													...t,
+													accountNumber: e.target.value
+												}))
+											})] }),
+											e.type === l.StripeConnect && /* @__PURE__ */ v("p", {
+												className: "text-sm text-text-secondary sm:col-span-2",
+												children: w("devportal.payouts.stripeRedirectNote", "You will continue on Stripe's secure page to add your bank account and confirm your identity, then come back here.")
+											}),
+											/* @__PURE__ */ y("div", {
+												className: "flex gap-2 sm:col-span-2",
+												children: [/* @__PURE__ */ y("button", {
+													type: "submit",
+													disabled: Ye,
+													className: S,
+													children: [Ye ? /* @__PURE__ */ v(h, {
+														size: 16,
+														className: "animate-spin"
+													}) : /* @__PURE__ */ v(g, { size: 16 }), e.type === l.StripeConnect ? w("devportal.payouts.continueToStripe", "Continue to Stripe") : w("devportal.payouts.startVerification", "Start verification")]
+												}), /* @__PURE__ */ v("button", {
+													type: "button",
+													onClick: () => {
+														V(null), U(x);
+													},
+													className: C,
+													children: w("devportal.payouts.cancel", "Cancel")
+												})]
+											})
+										]
+									})]
+								}, e.id);
+							})
+						})
+					})
+				] }) : /* @__PURE__ */ y(s, {
+					title: w("devportal.payouts.noPublisherTitle", "No publisher profile yet"),
+					children: [/* @__PURE__ */ v("p", {
+						className: "text-sm text-text-secondary",
+						children: w("devportal.payouts.noPublisherBody", "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.")
+					}), /* @__PURE__ */ v("button", {
+						onClick: () => pt("apps"),
+						className: n(S, "mt-4"),
+						children: w("devportal.payouts.goToApps", "Go to my apps")
+					})]
+				}),
+				/* @__PURE__ */ v(ae, {
+					open: G !== null,
+					onOpenChange: (e) => {
+						e || K(null);
+					},
+					onConfirm: ft,
+					title: w("devportal.payouts.removeTitle", "Remove this payout method?"),
+					description: w("devportal.payouts.removeDescription", "Payouts will no longer be sent to it. You can add it again later."),
+					confirmLabel: w("devportal.payouts.remove", "Remove"),
+					cancelLabel: w("devportal.payouts.cancel", "Cancel"),
+					variant: "destructive",
+					loading: qe
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { w as PublisherPayoutsPage };
+
+//# sourceMappingURL=PublisherPayoutsPage.js.map