@fanfare-io/fanfare-sdk-react 0.21.0 → 0.23.0

package/dist/stripe-card-field-CPZoyAm1.js

@@ -1,170 +0,0 @@
-"use client";
-import { jsxs as E, Fragment as F, jsx as g } from "react/jsx-runtime";
-import * as r from "react";
-import { createPortal as M } from "react-dom";
-import { u as B, a as D, d as N, S as I, B as O, g as _ } from "./index-DWJSw9N8.js";
-const j = [
-  "--ff-color-foreground",
-  "--ff-font-sans",
-  "--ff-color-muted-foreground",
-  "--ff-color-danger"
-], H = [
-  "ar",
-  "bg",
-  "cs",
-  "da",
-  "de",
-  "el",
-  "en",
-  "en-AU",
-  "en-CA",
-  "en-NZ",
-  "en-GB",
-  "es",
-  "es-ES",
-  "es-419",
-  "et",
-  "fi",
-  "fil",
-  "fr",
-  "fr-CA",
-  "fr-FR",
-  "he",
-  "hu",
-  "hr",
-  "id",
-  "it",
-  "it-IT",
-  "ja",
-  "ko",
-  "lt",
-  "lv",
-  "ms",
-  "mt",
-  "nb",
-  "nl",
-  "no",
-  "pl",
-  "pt",
-  "pt-BR",
-  "ro",
-  "ru",
-  "sk",
-  "sl",
-  "sv",
-  "th",
-  "tr",
-  "vi",
-  "zh",
-  "zh-HK",
-  "zh-TW"
-];
-function $(a) {
-  return H.find((u) => u === a) ?? "auto";
-}
-function K(a, u) {
-  let l = a;
-  for (; l; ) {
-    const c = getComputedStyle(l).getPropertyValue(u).trim();
-    if (c) return c;
-    if (l.parentElement) {
-      l = l.parentElement;
-      continue;
-    }
-    const m = l.getRootNode();
-    l = m instanceof ShadowRoot && m.host instanceof HTMLElement ? m.host : null;
-  }
-  return "";
-}
-function Y(a) {
-  return a.isConnected ? a.ownerDocument.body : null;
-}
-function X({ config: a, onController: u, onChange: l }) {
-  const { t: c, locale: m } = B(), k = D(), p = r.useRef(null), w = r.useRef(null), C = r.useRef(null), [n, b] = r.useState(null), [R, h] = r.useState("loading"), [T, A] = r.useState(0), f = r.useRef(u), L = r.useRef(l), P = r.useRef(c);
-  r.useEffect(() => {
-    f.current = u, L.current = l, P.current = c;
-  });
-  const { publishableKey: S, stripeAccount: x } = a, z = $(m);
-  r.useEffect(() => {
-    const e = p.current, o = e ? Y(e) : null;
-    if (!o) {
-      h("unsupported"), f.current(null);
-      return;
-    }
-    const t = document.createElement("div");
-    return t.dataset.fanfareField = "stripe-card-portal", t.style.position = "absolute", t.style.zIndex = "1000", o.appendChild(t), b(t), () => {
-      t.remove(), b(null);
-    };
-  }, []);
-  const s = r.useCallback(() => {
-    const e = p.current, o = w.current;
-    if (!e || !n) return;
-    const t = e.getBoundingClientRect();
-    if (n.style.left = `${t.left + window.scrollX}px`, n.style.top = `${t.top + window.scrollY}px`, n.style.width = `${t.width}px`, !!o)
-      for (const v of j) {
-        const i = K(e, v);
-        i ? o.style.setProperty(v, i) : o.style.removeProperty(v);
-      }
-  }, [n]);
-  return r.useEffect(() => {
-    if (!n) return;
-    s(), window.addEventListener("resize", s), window.addEventListener("scroll", s, !0);
-    const e = typeof ResizeObserver > "u" ? null : new ResizeObserver(s);
-    return e && p.current && e.observe(p.current), () => {
-      window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0), e?.disconnect();
-    };
-  }, [n, R, s]), r.useLayoutEffect(() => {
-    s();
-  }), r.useEffect(() => {
-    if (!n) return;
-    const e = w.current;
-    if (!e) return;
-    if (n.getRootNode() !== n.ownerDocument || e.getRootNode() !== e.ownerDocument) {
-      h("unsupported"), f.current(null);
-      return;
-    }
-    let o = !1, t = null;
-    return h("loading"), s(), (async () => {
-      let i;
-      try {
-        i = await _(x ? { publishableKey: S, stripeAccount: x } : { publishableKey: S });
-      } catch {
-        if (o) return;
-        h("failed"), f.current(null);
-        return;
-      }
-      if (o) return;
-      const y = i.elements({ locale: z }).create("card", { style: N(e) });
-      t = y, C.current = y, y.on("change", (d) => {
-        L.current?.({ complete: d.complete, errorMessage: d.error?.message ?? null });
-      }), y.mount(e), h("ready"), f.current({
-        createPaymentMethod: async () => {
-          const d = await i.createPaymentMethod({ type: "card", card: y });
-          if (d.error) throw new Error(d.error.message ?? P.current("checkout.error.generic"));
-          return d.paymentMethod.id;
-        }
-      });
-    })(), () => {
-      o = !0, t && (t.off("change"), t.unmount(), t.destroy()), C.current = null, f.current(null);
-    };
-  }, [n, S, x, z, T, s]), r.useEffect(() => {
-    const e = C.current, o = w.current;
-    !e || !o || (s(), e.update({ style: N(o) }));
-  }, [k, s]), /* @__PURE__ */ E(F, { children: [
-    /* @__PURE__ */ E("div", { ref: p, "data-fanfare-field": "stripe-card-anchor", className: "ff:min-h-10", children: [
-      R === "loading" ? /* @__PURE__ */ E("span", { className: "ff:flex ff:items-center ff:gap-2 ff:text-sm ff:text-muted", children: [
-        /* @__PURE__ */ g(I, { size: "sm" }),
-        c("checkout.newCard.loading")
-      ] }) : null,
-      R === "unsupported" ? /* @__PURE__ */ g("p", { role: "status", className: "ff:text-sm ff:text-muted", children: c("checkout.newCard.unavailable") }) : null,
-      R === "failed" ? /* @__PURE__ */ E("div", { role: "alert", className: "ff:flex ff:flex-col ff:items-start ff:gap-2", children: [
-        /* @__PURE__ */ g("p", { className: "ff:text-sm ff:text-danger", children: c("checkout.newCard.loadFailed") }),
-        /* @__PURE__ */ g(O, { type: "button", variant: "outline", size: "sm", onClick: () => A((e) => e + 1), children: c("checkout.newCard.reload") })
-      ] }) : null
-    ] }),
-    n ? M(/* @__PURE__ */ g("div", { ref: w, "data-fanfare-field": "stripe-card" }), n) : null
-  ] });
-}
-export {
-  X as StripeCardField
-};