@burdenoff/microfe-devportal 2026.1108.1 → 2026.1109.1

package/dist/devportal/pages/PublisherPayoutsPage.js

@@ -1,21 +1,21 @@
-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 { 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 { 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 { 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";
-//#region src/devportal/pages/PublisherPayoutsPage.tsx
-var Pe = 15e3, Fe = {
+// 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",
@@ -25,7 +25,7 @@ var Pe = 15e3, Fe = {
 	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 = {
+}, x = {
 	type: "",
 	country: "",
 	accountHolderName: "",
@@ -33,284 +33,278 @@ var Pe = 15e3, Fe = {
 	bankCode: "",
 	bankName: "",
 	isDefault: !1
-}, x = {
+}, S = {
 	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,
+}, 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: ""
 		});
-	}, [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 });
+	}, [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 (J === "refresh") {
+		if (Y === "refresh") {
 			let n = e[0];
-			n && q(n.id), I({
+			n && J(n.id), L({
 				tone: "info",
-				text: w("devportal.payouts.linkExpired", "Your Stripe onboarding link expired. Confirm your contact email to get a fresh link.")
+				text: T("devportal.payouts.linkExpired", "Your Stripe onboarding link expired. Confirm your contact email to get a fresh link.")
 			}), t();
-			return;
-		}
-		(async () => {
+		} else (async () => {
 			try {
-				await Promise.all(e.map((e) => k({ variables: { id: e.id } }))), await D(), I({
+				await Promise.all(e.map((e) => k({ variables: { id: e.id } }))), await D(), L({
 					tone: "success",
-					text: w("devportal.payouts.returnedFromStripe", "Welcome back. We checked your Stripe account; its status is shown below.")
+					text: T("devportal.payouts.returnedFromStripe", "Welcome back. We checked your Stripe account; its status is shown below.")
 				});
 			} catch (e) {
-				I({
+				L({
 					tone: "error",
-					text: d(e, "refresh")
+					text: u(e, "refresh")
 				});
 			} finally {
 				t();
 			}
 		})();
 	}, [
-		J,
+		Y,
 		O,
 		N,
-		T,
 		E,
+		Re,
 		k,
 		D,
-		q,
-		w
+		J,
+		T
 	]);
-	let X = le(N).map((e) => e.id).join(",");
-	f(() => {
+	let X = ue(N).map((e) => e.id).join(",");
+	d(() => {
 		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);
+			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 = u(R.country || M?.country, M), st = () => {
-		L(!0), $e({});
-		let e = de(j?.country ?? M?.country), t = u(e, M);
-		z({
-			...b,
+	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) {
-			I(null);
+			L(null);
 			try {
-				await He({ variables: { version: A.currentAgreementVersion } }), await D(), I({
+				await He({ variables: { version: A.currentAgreementVersion } }), await D(), L({
 					tone: "success",
-					text: w("devportal.payouts.agreementAccepted", "Agreement accepted. You can now add a payout method.")
+					text: T("devportal.payouts.agreementAccepted", "Agreement accepted. You can now add a payout method.")
 				});
 			} catch (e) {
-				I({
+				L({
 					tone: "error",
-					text: d(e, "agreement")
+					text: u(e, "agreement")
 				});
 			}
 		}
 	}, lt = async (e) => {
 		e.preventDefault();
-		let t = be(R, M);
-		if ($e(t), !(Object.keys(t).length > 0)) {
-			I(null);
+		let t = xe(z, M);
+		if (Qe(t), !(Object.keys(t).length > 0)) {
+			L(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({
+				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: w("devportal.payouts.addedVerifyNext", "Payout method added. Verify it automatically below so payouts can be sent to it.")
-				})) : I({
+					text: T("devportal.payouts.addedVerifyNext", "Payout method added. Verify it automatically below so payouts can be sent to it.")
+				})) : L({
 					tone: "success",
-					text: w("devportal.payouts.addedManualReview", "Payout method added. The marketplace team verifies bank transfers, usually within two business days.")
+					text: T("devportal.payouts.addedManualReview", "Payout method added. The marketplace team verifies bank transfers, usually within two business days.")
 				});
 			} catch (e) {
-				I({
+				L({
 					tone: "error",
-					text: d(e, "add")
+					text: u(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);
+		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: ye(e.type, H)
+					input: be(e.type, U)
 				} });
-				U(x);
-				let n = t.data?.startMyPublisherPayoutOnboarding, r = he(n?.onboardingUrl);
+				W(S);
+				let n = t.data?.startMyPublisherPayoutOnboarding, r = ge(n?.onboardingUrl);
 				if (e.type === "STRIPE_CONNECT" && r) {
-					I({
+					L({
 						tone: "info",
-						text: w("devportal.payouts.redirectingToStripe", "Taking you to Stripe to finish setting up your account...")
-					}), me(r);
+						text: T("devportal.payouts.redirectingToStripe", "Taking you to Stripe to finish setting up your account...")
+					}), he(r);
 					return;
 				}
-				V(null), await D(), I(n?.method.status === "VERIFIED" ? {
+				H(null), await D(), L(n?.method.status === "VERIFIED" ? {
 					tone: "success",
-					text: w("devportal.payouts.verified", "Your payout method is verified. Payouts will be sent to it.")
+					text: T("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.")
+					text: T("devportal.payouts.verificationStarted", "Verification started. This page updates on its own when the processor confirms your account.")
 				});
 			} catch (e) {
-				U((e) => ({
+				W((e) => ({
 					...e,
 					accountNumber: ""
-				})), I({
+				})), L({
 					tone: "error",
-					text: d(e, "start")
+					text: u(e, "start")
 				});
 			}
 		}
 	}, dt = async (e) => {
-		rt(e.id), I(null);
+		nt(e.id), L(null);
 		try {
 			await k({ variables: { id: e.id } }), await D();
 		} catch (e) {
-			I({
+			L({
 				tone: "error",
-				text: d(e, "refresh")
+				text: u(e, "refresh")
 			});
 		} finally {
-			rt(null);
+			nt(null);
 		}
 	}, ft = async () => {
-		if (G) try {
-			await Ke({ variables: { id: G.id } }), K(null), et === G.id && V(null), await D(), I({
+		if (K) try {
+			await Ke({ variables: { id: K.id } }), q(null), $e === K.id && H(null), await D(), L({
 				tone: "success",
-				text: w("devportal.payouts.removed", "Payout method removed.")
+				text: T("devportal.payouts.removed", "Payout method removed.")
 			});
 		} catch (e) {
-			K(null), I({
+			q(null), L({
 				tone: "error",
-				text: d(e, "remove")
+				text: u(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, {
+		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": w("devportal.payouts.loading", "Loading payout methods"),
-			children: /* @__PURE__ */ v(h, { className: "h-8 w-8 animate-spin text-text-secondary" })
+			"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(o, {
+	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(Te, { className: "h-12 w-12 text-status-error-text" }),
+				/* @__PURE__ */ v(p, { 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.")
+					children: T("devportal.payouts.loadFailed", "Your payout methods could not be loaded.")
 				}),
 				/* @__PURE__ */ v("button", {
 					onClick: () => void D(),
-					className: S,
-					children: w("devportal.retryButton", "Retry")
+					className: C,
+					children: T("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");
+			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 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.");
+			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 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");
+			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(oe, {
+	return /* @__PURE__ */ v(se, {
 		authOnly: !0,
-		children: /* @__PURE__ */ y(o, {
+		children: /* @__PURE__ */ y(e, {
 			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", {
+			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: S,
-				children: [/* @__PURE__ */ v(Ae, { size: 16 }), w("devportal.payouts.addMethod", "Add payout method")]
+				className: C,
+				children: [/* @__PURE__ */ v(h, { size: 16 }), T("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", {
+				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"
-					}[F.tone]),
-					children: [F.tone === "error" ? /* @__PURE__ */ v(Te, {
+					}[I.tone]),
+					children: [I.tone === "error" ? /* @__PURE__ */ v(p, {
 						size: 16,
 						className: "mt-0.5 flex-shrink-0"
-					}) : F.tone === "success" ? /* @__PURE__ */ v(De, {
+					}) : I.tone === "success" ? /* @__PURE__ */ v(De, {
 						size: 16,
 						className: "mt-0.5 flex-shrink-0"
-					}) : /* @__PURE__ */ v(m, {
+					}) : /* @__PURE__ */ v(ke, {
 						size: 16,
 						className: "mt-0.5 flex-shrink-0"
-					}), /* @__PURE__ */ v("p", { children: F.text })]
+					}), /* @__PURE__ */ v("p", { children: I.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."),
+					!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: [
-									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}}%.", {
+									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
 									}),
@@ -320,124 +314,124 @@ var Pe = 15e3, Fe = {
 										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 })]
+										children: [T("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, {
+								className: C,
+								children: [Ue ? /* @__PURE__ */ v(m, {
 									size: 16,
 									className: "animate-spin"
-								}) : /* @__PURE__ */ v(g, { size: 16 }), w("devportal.payouts.acceptAgreement", "I accept")]
+								}) : /* @__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(m, {
+						children: [/* @__PURE__ */ v(ke, {
 							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.")}`] })]
+						}), /* @__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.")}`] })]
 					}),
-					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."),
+					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(c, {
+								/* @__PURE__ */ v(r, {
 									id: "payout-country",
-									label: w("devportal.payouts.country", "Account country"),
-									value: R.country,
+									label: T("devportal.payouts.country", "Account country"),
+									value: z.country,
 									maxLength: 2,
 									required: !0,
-									hint: w("devportal.payouts.countryHint", "Two-letter code, for example IN or US"),
-									error: B.country,
+									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 = u(t, M);
-										z((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(ie, {
+								/* @__PURE__ */ v(i, {
 									id: "payout-type",
-									label: w("devportal.payouts.methodType", "Payout method"),
-									value: R.type,
+									label: T("devportal.payouts.methodType", "Payout method"),
+									value: z.type,
 									required: !0,
-									error: B.type,
+									error: V.type,
 									options: ot.map((e) => ({
 										value: e,
 										label: $(e)
 									})),
-									onChange: (e) => z((t) => ({
+									onChange: (e) => B((t) => ({
 										...t,
 										type: e.target.value
 									}))
 								}),
-								/* @__PURE__ */ v(c, {
+								/* @__PURE__ */ v(r, {
 									id: "payout-holder",
-									label: w("devportal.payouts.holderName", "Account holder name"),
-									value: R.accountHolderName,
+									label: T("devportal.payouts.holderName", "Account holder name"),
+									value: z.accountHolderName,
 									required: !0,
-									error: B.accountHolderName,
-									onChange: (e) => z((t) => ({
+									error: V.accountHolderName,
+									onChange: (e) => B((t) => ({
 										...t,
 										accountHolderName: e.target.value
 									}))
 								}),
-								ue(R.type) && /* @__PURE__ */ y(_, { children: [
-									/* @__PURE__ */ v(c, {
+								de(z.type) && /* @__PURE__ */ y(_, { children: [
+									/* @__PURE__ */ v(r, {
 										id: "payout-last4",
-										label: w("devportal.payouts.last4", "Last four digits of the account number"),
-										value: R.accountNumberLast4,
+										label: T("devportal.payouts.last4", "Last four digits of the account number"),
+										value: z.accountNumberLast4,
 										inputMode: "numeric",
 										maxLength: 4,
 										required: !0,
-										error: B.accountNumberLast4,
-										onChange: (e) => z((t) => ({
+										error: V.accountNumberLast4,
+										onChange: (e) => B((t) => ({
 											...t,
 											accountNumberLast4: e.target.value.replace(/\D/g, "")
 										}))
 									}),
-									/* @__PURE__ */ v(c, {
+									/* @__PURE__ */ v(r, {
 										id: "payout-bank-code",
-										label: de(R.country) === "IN" ? w("devportal.payouts.ifsc", "IFSC") : w("devportal.payouts.swift", "SWIFT / BIC"),
-										value: R.bankCode,
+										label: fe(z.country) === "IN" ? T("devportal.payouts.ifsc", "IFSC") : T("devportal.payouts.swift", "SWIFT / BIC"),
+										value: z.bankCode,
 										maxLength: 11,
 										required: !0,
-										error: B.bankCode,
-										onChange: (e) => z((t) => ({
+										error: V.bankCode,
+										onChange: (e) => B((t) => ({
 											...t,
 											bankCode: e.target.value.toUpperCase()
 										}))
 									}),
-									/* @__PURE__ */ v(c, {
+									/* @__PURE__ */ v(r, {
 										id: "payout-bank-name",
-										label: w("devportal.payouts.bankName", "Bank name (optional)"),
-										value: R.bankName,
-										onChange: (e) => z((t) => ({
+										label: T("devportal.payouts.bankName", "Bank name (optional)"),
+										value: z.bankName,
+										onChange: (e) => B((t) => ({
 											...t,
 											bankName: e.target.value
 										}))
 									})
 								] }),
-								R.type === l.StripeConnect && /* @__PURE__ */ v("p", {
+								z.type === o.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.")
+									children: T("devportal.payouts.stripeNote", "Stripe collects your bank details and identity on its own secure page when you verify the method.")
 								}),
-								/* @__PURE__ */ v(re, {
+								/* @__PURE__ */ v(n, {
 									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) => ({
+									label: T("devportal.payouts.makeDefault", "Use as my default payout method"),
+									checked: z.isDefault,
+									onChange: (e) => B((t) => ({
 										...t,
 										isDefault: e.target.checked
 									}))
@@ -447,34 +441,34 @@ var Pe = 15e3, Fe = {
 									children: [/* @__PURE__ */ y("button", {
 										type: "submit",
 										disabled: Ge,
-										className: S,
-										children: [Ge ? /* @__PURE__ */ v(h, {
+										className: C,
+										children: [Ge ? /* @__PURE__ */ v(m, {
 											size: 16,
 											className: "animate-spin"
-										}) : /* @__PURE__ */ v(Ae, { size: 16 }), w("devportal.payouts.saveMethod", "Add method")]
+										}) : /* @__PURE__ */ v(h, { size: 16 }), T("devportal.payouts.saveMethod", "Add method")]
 									}), /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => L(!1),
-										className: C,
-										children: w("devportal.payouts.cancel", "Cancel")
+										onClick: () => R(!1),
+										className: w,
+										children: T("devportal.payouts.cancel", "Cancel")
 									})]
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ v(s, {
-						title: w("devportal.payouts.methodsTitle", "Your payout methods"),
+					/* @__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(ke, { className: "h-10 w-10 text-text-secondary" }), /* @__PURE__ */ v("p", {
+							children: [/* @__PURE__ */ v(Ae, { 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.")
+								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": w("devportal.payouts.methodsTitle", "Your payout methods"),
+							"aria-label": T("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);
+								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",
@@ -491,7 +485,7 @@ var Pe = 15e3, Fe = {
 															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]),
+															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"
@@ -499,7 +493,7 @@ var Pe = 15e3, Fe = {
 														}),
 														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")
+															children: T("devportal.payouts.default", "Default")
 														})
 													]
 												}),
@@ -511,110 +505,110 @@ var Pe = 15e3, Fe = {
 														e.currency ? ` · ${e.currency}` : ""
 													]
 												}),
-												r && /* @__PURE__ */ v("p", {
+												n && /* @__PURE__ */ v("p", {
 													className: "text-sm text-text-secondary",
-													children: r
+													children: n
 												}),
 												e.processorFailureReason && t === "FAILED" && /* @__PURE__ */ v("p", {
 													className: "text-sm text-status-error-text",
-													children: w("devportal.payouts.failureReason", "Reason: {{reason}}", { reason: e.processorFailureReason })
+													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: w("devportal.payouts.rejectionReason", "Reason: {{reason}}", { reason: e.rejectionReason })
+													children: T("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")]
+												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: nt === e.id,
-													className: C,
+													disabled: tt === e.id,
+													className: w,
 													children: [/* @__PURE__ */ v(je, {
 														size: 14,
-														className: n(nt === e.id && "animate-spin")
-													}), w("devportal.payouts.checkStatus", "Check status")]
+														className: s(tt === e.id && "animate-spin")
+													}), T("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")]
+													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": w("devportal.payouts.verifyFormLabel", "Verify payout method"),
+										"aria-label": T("devportal.payouts.verifyFormLabel", "Verify payout method"),
 										noValidate: !0,
 										children: [
-											/* @__PURE__ */ v(c, {
+											/* @__PURE__ */ v(r, {
 												id: `contact-email-${e.id}`,
 												type: "email",
-												label: w("devportal.payouts.contactEmail", "Contact email"),
-												value: H.contactEmail,
+												label: T("devportal.payouts.contactEmail", "Contact email"),
+												value: U.contactEmail,
 												required: !0,
 												autoComplete: "email",
-												error: W.contactEmail,
-												onChange: (e) => U((t) => ({
+												error: G.contactEmail,
+												onChange: (e) => W((t) => ({
 													...t,
 													contactEmail: e.target.value
 												}))
 											}),
-											e.type === l.RazorpayX && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(c, {
+											e.type === o.RazorpayX && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(r, {
 												id: `contact-phone-${e.id}`,
 												type: "tel",
-												label: w("devportal.payouts.contactPhone", "Contact phone (optional)"),
-												value: H.contactPhone,
+												label: T("devportal.payouts.contactPhone", "Contact phone (optional)"),
+												value: U.contactPhone,
 												autoComplete: "tel",
-												error: W.contactPhone,
-												onChange: (e) => U((t) => ({
+												error: G.contactPhone,
+												onChange: (e) => W((t) => ({
 													...t,
 													contactPhone: e.target.value
 												}))
-											}), /* @__PURE__ */ v(c, {
+											}), /* @__PURE__ */ v(r, {
 												id: `account-number-${e.id}`,
 												type: "password",
-												label: w("devportal.payouts.accountNumber", "Full account number"),
-												value: H.accountNumber,
+												label: T("devportal.payouts.accountNumber", "Full account number"),
+												value: U.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) => ({
+												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 === l.StripeConnect && /* @__PURE__ */ v("p", {
+											e.type === o.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.")
+												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: S,
-													children: [Ye ? /* @__PURE__ */ v(h, {
+													className: C,
+													children: [Ye ? /* @__PURE__ */ v(m, {
 														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(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: () => {
-														V(null), U(x);
+														H(null), W(S);
 													},
-													className: C,
-													children: w("devportal.payouts.cancel", "Cancel")
+													className: w,
+													children: T("devportal.payouts.cancel", "Cancel")
 												})]
 											})
 										]
@@ -623,27 +617,27 @@ var Pe = 15e3, Fe = {
 							})
 						})
 					})
-				] }) : /* @__PURE__ */ y(s, {
-					title: w("devportal.payouts.noPublisherTitle", "No publisher profile yet"),
+				] }) : /* @__PURE__ */ y(t, {
+					title: T("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.")
+						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: n(S, "mt-4"),
-						children: w("devportal.payouts.goToApps", "Go to my apps")
+						className: s(C, "mt-4"),
+						children: T("devportal.payouts.goToApps", "Go to my apps")
 					})]
 				}),
-				/* @__PURE__ */ v(ae, {
-					open: G !== null,
+				/* @__PURE__ */ v(a, {
+					open: K !== null,
 					onOpenChange: (e) => {
-						e || K(null);
+						e || q(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"),
+					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
 				})
@@ -651,7 +645,6 @@ var Pe = 15e3, Fe = {
 		})
 	});
 };
-//#endregion
-export { w as PublisherPayoutsPage };
+export { b as PAYOUT_POLL_INTERVAL_MS, T as PublisherPayoutsPage };
 
 //# sourceMappingURL=PublisherPayoutsPage.js.map