@burdenoff/microfe-devportal 2026.1107.3 → 2026.1108.2

package/dist/devportal/pages/PublisherPayoutsPage.js

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