@nextblock-cms/ecom 0.20.3 → 0.21.1

package/lib/pages/cms/payments/PaymentsClient.es.js

@@ -1,352 +1,322 @@
-'use client';
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useTransition as K, useState as I } from "react";
-import { useRouter as F } from "next/navigation";
-import { Card as g, CardHeader as N, CardTitle as k, CardDescription as C, CardContent as S, Button as w, Checkbox as A, Label as P, Input as D } from "@nextblock-cms/ui";
-import { CheckCircle2 as x, AlertCircle as j } from "lucide-react";
-import { useFormStatus as R } from "react-dom";
-function G({
-  initialEnabledProviders: s,
-  configStatus: i,
-  credentials: t,
-  saveAction: a,
-  saveCredentialsAction: c
-}) {
-  const o = F(), [m, u] = K(), n = i.stripe.hasKeys, p = i.freemius.hasKeys, [h, b] = I(() => ({
-    // Older installs can contain an enabled flag from before providers defaulted off.
-    // An unconfigured provider cannot be enabled, so never present that stale flag as
-    // an active checkbox. Saving the form also persists this reconciled false value.
-    stripe: s.stripe && n,
-    freemius: s.freemius && p
-  }));
-  function _() {
-    const l = new FormData();
-    l.set("stripe_enabled", h.stripe ? "true" : "false"), l.set(
-      "freemius_enabled",
-      h.freemius ? "true" : "false"
-    ), u(async () => {
-      await a(l), o.refresh();
-    });
-  }
-  return /* @__PURE__ */ r("div", { className: "max-w-7xl space-y-4 p-4 sm:p-6", children: [
-    /* @__PURE__ */ r("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e("h1", { className: "text-2xl font-bold tracking-tight", children: "Payment Settings" }),
-      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Enter your provider API keys, then enable the providers your store needs. Physical products use Stripe and digital products use Freemius." })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "grid gap-4 lg:grid-cols-[minmax(0,3fr)_minmax(20rem,2fr)]", children: [
-      /* @__PURE__ */ e(
-        B,
-        {
-          credentials: t,
-          saveAction: c
-        }
-      ),
-      /* @__PURE__ */ r(g, { className: "flex h-full flex-col", children: [
-        /* @__PURE__ */ r(N, { className: "pb-3", children: [
-          /* @__PURE__ */ e(k, { children: "Payment Providers" }),
-          /* @__PURE__ */ e(C, { children: "You can run both providers at the same time. Each product picks its provider from its product type." })
-        ] }),
-        /* @__PURE__ */ r(S, { className: "flex flex-1 flex-col gap-4", children: [
-          /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ e(
-              y,
-              {
-                id: "stripe-enabled",
-                label: "Stripe for Physical Products",
-                description: "Use Stripe Checkout for physical merchandise and other shippable goods.",
-                checked: h.stripe,
-                disabled: !n,
-                onCheckedChange: (l) => b((f) => ({
-                  ...f,
-                  stripe: l
-                })),
-                ready: n,
-                children: n ? /* @__PURE__ */ r("div", { className: "mt-2 flex items-center gap-2 text-xs text-green-600", children: [
-                  /* @__PURE__ */ e(x, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ e("span", { children: "Ready for physical product checkout" })
-                ] }) : /* @__PURE__ */ e(
-                  v,
-                  {
-                    provider: "Stripe",
-                    missingKeys: i.stripe.missing,
-                    docsUrl: "https://dashboard.stripe.com/apikeys",
-                    docsLabel: "Stripe API keys"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ e(
-              y,
-              {
-                id: "freemius-enabled",
-                label: "Freemius for Digital Products",
-                description: "Use Freemius for software licenses, SaaS plans, and other digital products.",
-                checked: h.freemius,
-                disabled: !p,
-                onCheckedChange: (l) => b((f) => ({
-                  ...f,
-                  freemius: l
-                })),
-                ready: p,
-                children: p ? /* @__PURE__ */ r("div", { className: "mt-2 flex items-center gap-2 text-xs text-green-600", children: [
-                  /* @__PURE__ */ e(x, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ e("span", { children: "Ready for digital product checkout" })
-                ] }) : /* @__PURE__ */ e(
-                  v,
-                  {
-                    provider: "Freemius",
-                    missingKeys: i.freemius.missing,
-                    docsUrl: "https://dashboard.freemius.com/",
-                    docsLabel: "Freemius credentials"
-                  }
-                )
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e("div", { className: "mt-auto flex justify-end border-t pt-4", children: /* @__PURE__ */ e(
-            w,
-            {
-              type: "button",
-              disabled: m,
-              onClick: _,
-              children: m ? "Saving..." : "Save Changes"
-            }
-          ) })
-        ] })
-      ] })
-    ] })
-  ] });
+"use client";
+import { useState as e, useTransition as t } from "react";
+import { AlertCircle as n, CheckCircle2 as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useRouter as o } from "next/navigation";
+import { Button as s, Card as c, CardContent as l, CardDescription as u, CardHeader as d, CardTitle as f, Checkbox as p, Input as m, Label as h } from "@nextblock-cms/ui";
+import { useFormStatus as g } from "react-dom";
+//#region src/lib/pages/cms/payments/PaymentsClient.tsx
+function _({ initialEnabledProviders: n, configStatus: p, credentials: m, saveAction: h, saveCredentialsAction: g }) {
+	let _ = o(), [v, y] = t(), C = p.stripe.hasKeys, w = p.freemius.hasKeys, [T, E] = e(() => ({
+		stripe: n.stripe && C,
+		freemius: n.freemius && w
+	}));
+	function D() {
+		let e = new FormData();
+		e.set("stripe_enabled", T.stripe ? "true" : "false"), e.set("freemius_enabled", T.freemius ? "true" : "false"), y(async () => {
+			await h(e), _.refresh();
+		});
+	}
+	return /* @__PURE__ */ a("div", {
+		className: "max-w-7xl space-y-4 p-4 sm:p-6",
+		children: [/* @__PURE__ */ a("div", {
+			className: "space-y-1",
+			children: [/* @__PURE__ */ i("h1", {
+				className: "text-2xl font-bold tracking-tight",
+				children: "Payment Settings"
+			}), /* @__PURE__ */ i("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Enter your provider API keys, then enable the providers your store needs. Physical products use Stripe and digital products use Freemius."
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: "grid gap-4 lg:grid-cols-[minmax(0,3fr)_minmax(20rem,2fr)]",
+			children: [/* @__PURE__ */ i(b, {
+				credentials: m,
+				saveAction: g
+			}), /* @__PURE__ */ a(c, {
+				className: "flex h-full flex-col",
+				children: [/* @__PURE__ */ a(d, {
+					className: "pb-3",
+					children: [/* @__PURE__ */ i(f, { children: "Payment Providers" }), /* @__PURE__ */ i(u, { children: "You can run both providers at the same time. Each product picks its provider from its product type." })]
+				}), /* @__PURE__ */ a(l, {
+					className: "flex flex-1 flex-col gap-4",
+					children: [/* @__PURE__ */ a("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ i(x, {
+							id: "stripe-enabled",
+							label: "Stripe for Physical Products",
+							description: "Use Stripe Checkout for physical merchandise and other shippable goods.",
+							checked: T.stripe,
+							disabled: !C,
+							onCheckedChange: (e) => E((t) => ({
+								...t,
+								stripe: e
+							})),
+							ready: C,
+							children: C ? /* @__PURE__ */ a("div", {
+								className: "mt-2 flex items-center gap-2 text-xs text-green-600",
+								children: [/* @__PURE__ */ i(r, { className: "h-4 w-4" }), /* @__PURE__ */ i("span", { children: "Ready for physical product checkout" })]
+							}) : /* @__PURE__ */ i(S, {
+								provider: "Stripe",
+								missingKeys: p.stripe.missing,
+								docsUrl: "https://dashboard.stripe.com/apikeys",
+								docsLabel: "Stripe API keys"
+							})
+						}), /* @__PURE__ */ i(x, {
+							id: "freemius-enabled",
+							label: "Freemius for Digital Products",
+							description: "Use Freemius for software licenses, SaaS plans, and other digital products.",
+							checked: T.freemius,
+							disabled: !w,
+							onCheckedChange: (e) => E((t) => ({
+								...t,
+								freemius: e
+							})),
+							ready: w,
+							children: w ? /* @__PURE__ */ a("div", {
+								className: "mt-2 flex items-center gap-2 text-xs text-green-600",
+								children: [/* @__PURE__ */ i(r, { className: "h-4 w-4" }), /* @__PURE__ */ i("span", { children: "Ready for digital product checkout" })]
+							}) : /* @__PURE__ */ i(S, {
+								provider: "Freemius",
+								missingKeys: p.freemius.missing,
+								docsUrl: "https://dashboard.freemius.com/",
+								docsLabel: "Freemius credentials"
+							})
+						})]
+					}), /* @__PURE__ */ i("div", {
+						className: "mt-auto flex justify-end border-t pt-4",
+						children: /* @__PURE__ */ i(s, {
+							type: "button",
+							disabled: v,
+							onClick: D,
+							children: v ? "Saving..." : "Save Changes"
+						})
+					})]
+				})]
+			})]
+		})]
+	});
 }
-function L() {
-  const { pending: s } = R();
-  return /* @__PURE__ */ e(w, { type: "submit", disabled: s, children: s ? "Saving..." : "Save Changes" });
+function v() {
+	let { pending: e } = g();
+	return /* @__PURE__ */ i(s, {
+		type: "submit",
+		disabled: e,
+		children: e ? "Saving..." : "Save Changes"
+	});
 }
-function d({
-  id: s,
-  label: i,
-  type: t = "text",
-  defaultValue: a,
-  placeholder: c,
-  hint: o
-}) {
-  return /* @__PURE__ */ r("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ e(P, { htmlFor: s, className: "text-xs", children: i }),
-    /* @__PURE__ */ e(
-      D,
-      {
-        id: s,
-        name: s,
-        type: t,
-        defaultValue: a,
-        placeholder: c,
-        autoComplete: t === "password" ? "new-password" : "off"
-      }
-    ),
-    o && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: o })
-  ] });
+function y({ id: e, label: t, type: n = "text", defaultValue: r, placeholder: o, hint: s }) {
+	return /* @__PURE__ */ a("div", {
+		className: "space-y-1",
+		children: [
+			/* @__PURE__ */ i(h, {
+				htmlFor: e,
+				className: "text-xs",
+				children: t
+			}),
+			/* @__PURE__ */ i(m, {
+				id: e,
+				name: e,
+				type: n,
+				defaultValue: r,
+				placeholder: o,
+				autoComplete: n === "password" ? "new-password" : "off"
+			}),
+			s && /* @__PURE__ */ i("p", {
+				className: "text-xs text-muted-foreground",
+				children: s
+			})
+		]
+	});
 }
-function B({
-  credentials: s,
-  saveAction: i
-}) {
-  const t = "•••••••• (stored — leave blank to keep)";
-  return /* @__PURE__ */ r(g, { className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ r(N, { className: "pb-3", children: [
-      /* @__PURE__ */ e(k, { children: "Provider API Keys" }),
-      /* @__PURE__ */ r(C, { children: [
-        "Keys are encrypted at rest and used DB-first (these override any",
-        " ",
-        /* @__PURE__ */ e("code", { children: ".env" }),
-        " values). Leave a secret blank to keep the stored value."
-      ] })
-    ] }),
-    /* @__PURE__ */ e(S, { className: "flex flex-1 flex-col", children: /* @__PURE__ */ r("form", { action: i, className: "flex flex-1 flex-col gap-4", children: [
-      /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: "Stripe (physical products)" }),
-        /* @__PURE__ */ r("details", { className: "rounded-md border border-dashed px-3 py-2 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ e("summary", { className: "cursor-pointer font-medium text-foreground", children: "Stripe webhook setup" }),
-          /* @__PURE__ */ r("div", { className: "mt-2 space-y-1.5", children: [
-            /* @__PURE__ */ r("p", { children: [
-              "In Stripe, add",
-              " ",
-              /* @__PURE__ */ e("code", { children: "https://your-domain/api/webhooks/stripe" }),
-              " as a webhook endpoint and paste its ",
-              /* @__PURE__ */ e("code", { children: "whsec_…" }),
-              " signing secret below."
-            ] }),
-            /* @__PURE__ */ r("p", { children: [
-              "Locally, run",
-              " ",
-              /* @__PURE__ */ e("code", { children: "stripe listen --forward-to localhost:4200/api/webhooks/stripe" }),
-              " ",
-              "or ",
-              /* @__PURE__ */ e("code", { children: "npm run stripe" }),
-              "."
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ r("div", { className: "grid gap-3 sm:grid-cols-3", children: [
-          /* @__PURE__ */ e(
-            d,
-            {
-              id: "stripe_publishableKey",
-              label: "Publishable key",
-              defaultValue: s.stripe.publishableKey,
-              placeholder: "pk_live_…"
-            }
-          ),
-          /* @__PURE__ */ e(
-            d,
-            {
-              id: "stripe_secretKey",
-              label: "Secret key",
-              type: "password",
-              placeholder: s.stripe.hasSecretKey ? t : "sk_live_…"
-            }
-          ),
-          /* @__PURE__ */ e(
-            d,
-            {
-              id: "stripe_webhookSecret",
-              label: "Webhook signing secret",
-              type: "password",
-              placeholder: s.stripe.hasWebhookSecret ? t : "whsec_…"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: "Freemius (digital products)" }),
-        /* @__PURE__ */ r("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3", children: [
-          /* @__PURE__ */ e(
-            d,
-            {
-              id: "freemius_developerId",
-              label: "Developer ID",
-              defaultValue: s.freemius.developerId
-            }
-          ),
-          /* @__PURE__ */ e(
-            d,
-            {
-              id: "freemius_productId",
-              label: "Product ID",
-              defaultValue: s.freemius.productId
-            }
-          ),
-          /* @__PURE__ */ e(
-            d,
-            {
-              id: "freemius_publicKey",
-              label: "Public key",
-              defaultValue: s.freemius.publicKey,
-              placeholder: "pk_…"
-            }
-          ),
-          /* @__PURE__ */ e(
-            d,
-            {
-              id: "freemius_secretKey",
-              label: "Secret key",
-              type: "password",
-              placeholder: s.freemius.hasSecretKey ? t : "sk_…"
-            }
-          ),
-          /* @__PURE__ */ e(
-            d,
-            {
-              id: "freemius_apiKey",
-              label: "API key",
-              type: "password",
-              placeholder: s.freemius.hasApiKey ? t : "API key"
-            }
-          )
-        ] })
-      ] }),
-      s.envFallbackActive && /* @__PURE__ */ e("p", { className: "text-xs text-amber-700", children: "Stripe keys are currently read from environment variables. Saving here moves them into the database and takes precedence." }),
-      /* @__PURE__ */ e("div", { className: "mt-auto flex justify-end border-t pt-4", children: /* @__PURE__ */ e(L, {}) })
-    ] }) })
-  ] });
+function b({ credentials: e, saveAction: t }) {
+	let n = "•••••••• (stored — leave blank to keep)";
+	return /* @__PURE__ */ a(c, {
+		className: "flex h-full flex-col",
+		children: [/* @__PURE__ */ a(d, {
+			className: "pb-3",
+			children: [/* @__PURE__ */ i(f, { children: "Provider API Keys" }), /* @__PURE__ */ a(u, { children: [
+				"Keys are encrypted at rest and used DB-first (these override any",
+				" ",
+				/* @__PURE__ */ i("code", { children: ".env" }),
+				" values). Leave a secret blank to keep the stored value."
+			] })]
+		}), /* @__PURE__ */ i(l, {
+			className: "flex flex-1 flex-col",
+			children: /* @__PURE__ */ a("form", {
+				action: t,
+				className: "flex flex-1 flex-col gap-4",
+				children: [
+					/* @__PURE__ */ a("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ i("h3", {
+								className: "text-sm font-semibold",
+								children: "Stripe (physical products)"
+							}),
+							/* @__PURE__ */ a("details", {
+								className: "rounded-md border border-dashed px-3 py-2 text-xs text-muted-foreground",
+								children: [/* @__PURE__ */ i("summary", {
+									className: "cursor-pointer font-medium text-foreground",
+									children: "Stripe webhook setup"
+								}), /* @__PURE__ */ a("div", {
+									className: "mt-2 space-y-1.5",
+									children: [/* @__PURE__ */ a("p", { children: [
+										"In Stripe, add",
+										" ",
+										/* @__PURE__ */ i("code", { children: "https://your-domain/api/webhooks/stripe" }),
+										" as a webhook endpoint and paste its ",
+										/* @__PURE__ */ i("code", { children: "whsec_…" }),
+										" signing secret below."
+									] }), /* @__PURE__ */ a("p", { children: [
+										"Locally, run",
+										" ",
+										/* @__PURE__ */ i("code", { children: "stripe listen --forward-to localhost:4200/api/webhooks/stripe" }),
+										" ",
+										"or ",
+										/* @__PURE__ */ i("code", { children: "npm run stripe" }),
+										"."
+									] })]
+								})]
+							}),
+							/* @__PURE__ */ a("div", {
+								className: "grid gap-3 sm:grid-cols-3",
+								children: [
+									/* @__PURE__ */ i(y, {
+										id: "stripe_publishableKey",
+										label: "Publishable key",
+										defaultValue: e.stripe.publishableKey,
+										placeholder: "pk_live_…"
+									}),
+									/* @__PURE__ */ i(y, {
+										id: "stripe_secretKey",
+										label: "Secret key",
+										type: "password",
+										placeholder: e.stripe.hasSecretKey ? n : "sk_live_…"
+									}),
+									/* @__PURE__ */ i(y, {
+										id: "stripe_webhookSecret",
+										label: "Webhook signing secret",
+										type: "password",
+										placeholder: e.stripe.hasWebhookSecret ? n : "whsec_…"
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ i("h3", {
+							className: "text-sm font-semibold",
+							children: "Freemius (digital products)"
+						}), /* @__PURE__ */ a("div", {
+							className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
+							children: [
+								/* @__PURE__ */ i(y, {
+									id: "freemius_developerId",
+									label: "Developer ID",
+									defaultValue: e.freemius.developerId
+								}),
+								/* @__PURE__ */ i(y, {
+									id: "freemius_productId",
+									label: "Product ID",
+									defaultValue: e.freemius.productId
+								}),
+								/* @__PURE__ */ i(y, {
+									id: "freemius_publicKey",
+									label: "Public key",
+									defaultValue: e.freemius.publicKey,
+									placeholder: "pk_…"
+								}),
+								/* @__PURE__ */ i(y, {
+									id: "freemius_secretKey",
+									label: "Secret key",
+									type: "password",
+									placeholder: e.freemius.hasSecretKey ? n : "sk_…"
+								}),
+								/* @__PURE__ */ i(y, {
+									id: "freemius_apiKey",
+									label: "API key",
+									type: "password",
+									placeholder: e.freemius.hasApiKey ? n : "API key"
+								})
+							]
+						})]
+					}),
+					e.envFallbackActive && /* @__PURE__ */ i("p", {
+						className: "text-xs text-amber-700",
+						children: "Stripe keys are currently read from environment variables. Saving here moves them into the database and takes precedence."
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "mt-auto flex justify-end border-t pt-4",
+						children: /* @__PURE__ */ i(v, {})
+					})
+				]
+			})
+		})]
+	});
 }
-function y({
-  id: s,
-  label: i,
-  description: t,
-  checked: a,
-  disabled: c,
-  ready: o,
-  onCheckedChange: m,
-  children: u
-}) {
-  return /* @__PURE__ */ e("div", { className: "rounded-md border p-3", children: /* @__PURE__ */ r("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ e(
-      A,
-      {
-        id: s,
-        checked: a,
-        disabled: c,
-        onCheckedChange: (n) => m(!!n),
-        className: "mt-1"
-      }
-    ),
-    /* @__PURE__ */ r("div", { className: "grid gap-1.5 leading-none w-full", children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
-        /* @__PURE__ */ e(
-          P,
-          {
-            htmlFor: s,
-            className: "font-semibold text-base cursor-pointer",
-            children: i
-          }
-        ),
-        /* @__PURE__ */ e(
-          "span",
-          {
-            className: `text-xs font-medium ${a ? "text-foreground" : "text-muted-foreground"}`,
-            children: a ? "Enabled" : "Disabled"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t }),
-      !o && /* @__PURE__ */ e("p", { className: "text-xs text-amber-700", children: "Add all required credentials before enabling this provider." }),
-      u
-    ] })
-  ] }) });
+function x({ id: e, label: t, description: n, checked: r, disabled: o, ready: s, onCheckedChange: c, children: l }) {
+	return /* @__PURE__ */ i("div", {
+		className: "rounded-md border p-3",
+		children: /* @__PURE__ */ a("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ i(p, {
+				id: e,
+				checked: r,
+				disabled: o,
+				onCheckedChange: (e) => c(!!e),
+				className: "mt-1"
+			}), /* @__PURE__ */ a("div", {
+				className: "grid gap-1.5 leading-none w-full",
+				children: [
+					/* @__PURE__ */ a("div", {
+						className: "flex items-center justify-between gap-3 flex-wrap",
+						children: [/* @__PURE__ */ i(h, {
+							htmlFor: e,
+							className: "font-semibold text-base cursor-pointer",
+							children: t
+						}), /* @__PURE__ */ i("span", {
+							className: `text-xs font-medium ${r ? "text-foreground" : "text-muted-foreground"}`,
+							children: r ? "Enabled" : "Disabled"
+						})]
+					}),
+					/* @__PURE__ */ i("p", {
+						className: "text-sm text-muted-foreground",
+						children: n
+					}),
+					!s && /* @__PURE__ */ i("p", {
+						className: "text-xs text-amber-700",
+						children: "Add all required credentials before enabling this provider."
+					}),
+					l
+				]
+			})]
+		})
+	});
 }
-function v({
-  provider: s,
-  missingKeys: i,
-  docsUrl: t,
-  docsLabel: a
-}) {
-  return /* @__PURE__ */ r("div", { className: "mt-2 rounded-md border border-destructive/20 bg-destructive/5 p-3 text-xs text-foreground", children: [
-    /* @__PURE__ */ r("div", { className: "mb-1.5 flex items-center gap-2 font-semibold text-destructive", children: [
-      /* @__PURE__ */ e(j, { className: "h-4 w-4" }),
-      /* @__PURE__ */ e("span", { children: "Configuration Required" })
-    ] }),
-    /* @__PURE__ */ r("p", { children: [
-      s,
-      " needs ",
-      /* @__PURE__ */ e("strong", { children: i.join(", ") }),
-      ". Add them in Provider API Keys, save, then enable the provider.",
-      " ",
-      /* @__PURE__ */ r(
-        "a",
-        {
-          href: t,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "font-medium underline hover:text-destructive/80",
-          children: [
-            "Open ",
-            a
-          ]
-        }
-      ),
-      "."
-    ] })
-  ] });
+function S({ provider: e, missingKeys: t, docsUrl: r, docsLabel: o }) {
+	return /* @__PURE__ */ a("div", {
+		className: "mt-2 rounded-md border border-destructive/20 bg-destructive/5 p-3 text-xs text-foreground",
+		children: [/* @__PURE__ */ a("div", {
+			className: "mb-1.5 flex items-center gap-2 font-semibold text-destructive",
+			children: [/* @__PURE__ */ i(n, { className: "h-4 w-4" }), /* @__PURE__ */ i("span", { children: "Configuration Required" })]
+		}), /* @__PURE__ */ a("p", { children: [
+			e,
+			" needs ",
+			/* @__PURE__ */ i("strong", { children: t.join(", ") }),
+			". Add them in Provider API Keys, save, then enable the provider.",
+			" ",
+			/* @__PURE__ */ a("a", {
+				href: r,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: "font-medium underline hover:text-destructive/80",
+				children: ["Open ", o]
+			}),
+			"."
+		] })]
+	});
 }
-export {
-  G as PaymentsClient
-};
+//#endregion
+export { _ as PaymentsClient };