@alfadocs/ui-kit 0.68.0 → 0.70.0

package/dist/_chunks/{payment-form-nXocS_MX.js → payment-form-CxqIXqw7.js}

@@ -1,16 +1,16 @@
 import { jsx as t, jsxs as u, Fragment as ie } from "react/jsx-runtime";
-import { forwardRef as de, useState as _, useEffect as D, useRef as G, useMemo as H, useImperativeHandle as ce, useId as le, useCallback as me } from "react";
+import { forwardRef as de, useState as _, useEffect as D, useRef as K, useMemo as G, useImperativeHandle as ce, useId as le, useCallback as me } from "react";
 import { c as A } from "./index-D2ZczOXr.js";
 import { useTranslation as W } from "react-i18next";
 import { S as te } from "./spinner-hbwuKwMf.js";
-import { A as ee } from "./alert-_mUKLmwA.js";
+import { A as ee } from "./alert-CHYZ96tR.js";
 import { loadStripe as ue } from "@stripe/stripe-js";
 import { Elements as pe, useStripe as fe, useElements as be, PaymentElement as ye, AddressElement as ge } from "@stripe/react-stripe-js";
-import { u as ve } from "./registry-nPAVE19X.js";
+import { u as ve } from "./registry-DvAUVLHh.js";
 function ne() {
   return typeof document < "u" && typeof window < "u";
 }
-function O(r) {
+function H(r) {
   if (!ne())
     return { theme: "stripe" };
   const n = r ?? document.documentElement, a = getComputedStyle(n), e = (s) => a.getPropertyValue(s).trim();
@@ -94,7 +94,7 @@ function O(r) {
 function he(r, n) {
   if (!ne()) return () => {
   };
-  const a = document.documentElement, e = () => r(O(n)), o = new MutationObserver(e);
+  const a = document.documentElement, e = () => r(H(n)), o = new MutationObserver(e);
   o.observe(a, {
     attributes: !0,
     attributeFilter: ["class", "dir", "lang"]
@@ -111,11 +111,23 @@ const we = {
   actions: {
     submit: {
       safety: "destructive",
+      // Charges an external payment processor — irreversible, hits a system
+      // outside this UI.
+      openWorld: !0,
+      returns: "Promise<void>",
+      errors: [
+        "Validation failed (incomplete or invalid card details).",
+        "Payment was declined by the processor.",
+        "Network or processor error during the charge."
+      ],
+      descriptionKey: "ui.agent.paymentForm.actions.submit",
       description: "Submit the payment. Charges the configured payment method — irreversible.",
       invoke: (r) => r.submit()
     },
     reset: {
       safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.paymentForm.actions.reset",
       description: "Reset the form to its initial state. Loses any in-progress input.",
       invoke: (r) => {
         r.reset();
@@ -149,7 +161,7 @@ const we = {
   "XOF",
   "XPF"
 ]);
-function K(r, n, a) {
+function O(r, n, a) {
   const e = n.toUpperCase(), o = xe.has(e) ? r : r / 100;
   try {
     return new Intl.NumberFormat(a, {
@@ -213,9 +225,9 @@ const Ie = A(
     "ds:text-[var(--foreground)]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), B = A(
+), V = A(
   ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"].join(" ")
-), z = A(
+), F = A(
   ["type-label", "ds:text-[var(--foreground)]"].join(" ")
 ), ae = A(
   [
@@ -256,16 +268,16 @@ function Ne(r) {
     returnUrl: s,
     clientSecret: c,
     onCreatePaymentIntent: I,
-    onSuccess: F,
+    onSuccess: P,
     onError: N,
-    layout: V
-  } = r, { t: i } = W(), h = fe(), l = be(), R = le(), g = H(
+    layout: B
+  } = r, { t: i } = W(), h = fe(), l = be(), R = le(), g = G(
     () => `pay-${R.replace(/[^a-zA-Z0-9-_]/g, "")}`,
     [R]
-  ), M = `${g}-payment`, T = `${g}-address`, v = `${g}-error`, [p, w] = _(!1), [P, U] = _(!1), [x, S] = _(null), [$, m] = _(""), d = G(F), k = G(N);
+  ), M = `${g}-payment`, T = `${g}-address`, v = `${g}-error`, [p, w] = _(!1), [z, U] = _(!1), [x, S] = _(null), [$, m] = _(""), d = K(P), k = K(N);
   D(() => {
-    d.current = F, k.current = N;
-  }, [F, N]);
+    d.current = P, k.current = N;
+  }, [P, N]);
   const j = me(
     async (f) => {
       var Z, J, Y;
@@ -344,7 +356,7 @@ function Ne(r) {
     };
     return f.addEventListener("payment-form:submit", C), () => f.removeEventListener("payment-form:submit", C);
   }, [g, j]);
-  const oe = !h || !l || p || !(c === void 0 && !I) && !P;
+  const oe = !h || !l || p || !(c === void 0 && !I) && !z;
   return /* @__PURE__ */ t(
     "form",
     {
@@ -355,17 +367,17 @@ function Ne(r) {
       noValidate: !0,
       children: /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
         /* @__PURE__ */ u("div", { className: ae(), children: [
-          /* @__PURE__ */ t("span", { className: z(), children: i("payment.amountLabel") }),
-          /* @__PURE__ */ t("span", { className: "type-title-card", "data-testid": "payment-amount", children: K(n, a, e) })
+          /* @__PURE__ */ t("span", { className: F(), children: i("payment.amountLabel") }),
+          /* @__PURE__ */ t("span", { className: "type-title-card", "data-testid": "payment-amount", children: O(n, a, e) })
         ] }),
         /* @__PURE__ */ u(
           "label",
           {
             htmlFor: M,
-            className: B(),
+            className: V(),
             "data-testid": "payment-field",
             children: [
-              /* @__PURE__ */ t("span", { className: z(), children: i("payment.fields.card") }),
+              /* @__PURE__ */ t("span", { className: F(), children: i("payment.fields.card") }),
               /* @__PURE__ */ t(
                 ye,
                 {
@@ -374,7 +386,7 @@ function Ne(r) {
                     // `tabs` = method tiles (Card selected by default); `accordion`
                     // = full-width stacked rows for narrow columns where the tab row
                     // clips. Stripe owns overflow + tab alignment either way.
-                    layout: V === "accordion" ? { type: "accordion", defaultCollapsed: !0 } : { type: "tabs" }
+                    layout: B === "accordion" ? { type: "accordion", defaultCollapsed: !0 } : { type: "tabs" }
                   },
                   onChange: (f) => {
                     U(f.complete === !0), f.complete && (S(null), m(""));
@@ -388,10 +400,10 @@ function Ne(r) {
           "label",
           {
             htmlFor: T,
-            className: B(),
+            className: V(),
             "data-testid": "payment-address",
             children: [
-              /* @__PURE__ */ t("span", { className: z(), children: i("payment.billingAddress") }),
+              /* @__PURE__ */ t("span", { className: F(), children: i("payment.billingAddress") }),
               /* @__PURE__ */ t(ge, { id: T, options: { mode: "billing" } })
             ]
           }
@@ -426,7 +438,7 @@ function Ne(r) {
               ),
               /* @__PURE__ */ t("span", { children: i("payment.processing") })
             ] }) : /* @__PURE__ */ t("span", { children: i("payment.submit", {
-              amount: K(n, a, e)
+              amount: O(n, a, e)
             }) })
           }
         )
@@ -504,16 +516,16 @@ const _e = de(
     currency: s,
     amount: c,
     onSuccess: I,
-    onError: F,
+    onError: P,
     billingAddress: N = !1,
-    locale: V,
+    locale: B,
     ariaLabel: i,
     returnUrl: h,
     stripePromise: l,
     layout: R = "tabs",
     className: g
   }, M) => {
-    const { i18n: T } = W(), v = Se(V ?? T.language ?? "en"), [p, w] = _(l ?? null);
+    const { i18n: T } = W(), v = Se(B ?? T.language ?? "en"), [p, w] = _(l ?? null);
     D(() => {
       if (l !== void 0) {
         w(l);
@@ -525,11 +537,11 @@ const _e = de(
       }
       w(ue(o));
     }, [l, o]);
-    const [P, U] = _(
-      () => O()
+    const [z, U] = _(
+      () => H()
     );
-    D(() => (U(O()), he(U)), []);
-    const x = G(null), S = H(
+    D(() => (U(H()), he(U)), []);
+    const x = K(null), S = G(
       () => ({
         submit: async () => {
           var d;
@@ -547,10 +559,10 @@ const _e = de(
       []
     );
     ce(M, () => x.current, []), ve(we, S, r);
-    const $ = H(
+    const $ = G(
       () => n !== void 0 ? (
         // Immediate mode — the consumer already created the intent.
-        { clientSecret: n, appearance: P, locale: v }
+        { clientSecret: n, appearance: z, locale: v }
       ) : (
         // Deferred-intent mode — no secret yet; Stripe needs the intent
         // shape (mode + amount + currency) to render the Payment Element.
@@ -559,11 +571,11 @@ const _e = de(
           mode: a,
           amount: c,
           currency: s.toLowerCase(),
-          appearance: P,
+          appearance: z,
           locale: v
         }
       ),
-      [n, a, c, s, P, v]
+      [n, a, c, s, z, v]
     );
     return /* @__PURE__ */ t(
       "div",
@@ -595,7 +607,7 @@ const _e = de(
                   clientSecret: n,
                   onCreatePaymentIntent: e,
                   onSuccess: I,
-                  onError: F,
+                  onError: P,
                   layout: R
                 }
               )
@@ -603,7 +615,7 @@ const _e = de(
             n ?? "deferred"
           )
         ) : /* @__PURE__ */ t(
-          ze,
+          Fe,
           {
             amount: c,
             currency: s,
@@ -616,7 +628,7 @@ const _e = de(
   }
 );
 _e.displayName = "PaymentForm";
-function ze(r) {
+function Fe(r) {
   const { amount: n, currency: a, locale: e, billingAddress: o } = r, { t: s } = W();
   return /* @__PURE__ */ u(
     "div",
@@ -626,11 +638,11 @@ function ze(r) {
       "aria-busy": "true",
       children: [
         /* @__PURE__ */ u("div", { className: ae(), children: [
-          /* @__PURE__ */ t("span", { className: z(), children: s("payment.amountLabel") }),
-          /* @__PURE__ */ t("span", { className: "type-title-card", children: K(n, a, e) })
+          /* @__PURE__ */ t("span", { className: F(), children: s("payment.amountLabel") }),
+          /* @__PURE__ */ t("span", { className: "type-title-card", children: O(n, a, e) })
         ] }),
-        /* @__PURE__ */ u("div", { className: B(), children: [
-          /* @__PURE__ */ t("span", { className: z(), children: s("payment.fields.card") }),
+        /* @__PURE__ */ u("div", { className: V(), children: [
+          /* @__PURE__ */ t("span", { className: F(), children: s("payment.fields.card") }),
           /* @__PURE__ */ t(
             "div",
             {
@@ -639,8 +651,8 @@ function ze(r) {
             }
           )
         ] }),
-        o ? /* @__PURE__ */ u("div", { className: B(), "data-testid": "payment-address", children: [
-          /* @__PURE__ */ t("span", { className: z(), children: s("payment.billingAddress") }),
+        o ? /* @__PURE__ */ u("div", { className: V(), "data-testid": "payment-address", children: [
+          /* @__PURE__ */ t("span", { className: F(), children: s("payment.billingAddress") }),
           /* @__PURE__ */ t(
             "div",
             {
@@ -671,8 +683,8 @@ export {
   Ie as a,
   Ce as b,
   Ee as c,
-  K as f,
+  O as f,
   we as p,
   se as s
 };
-//# sourceMappingURL=payment-form-nXocS_MX.js.map
+//# sourceMappingURL=payment-form-CxqIXqw7.js.map