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

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

@@ -1,175 +0,0 @@
-"use client";
-import { jsxs as E, Fragment as D, jsx as y } from "react/jsx-runtime";
-import * as n from "react";
-import { createPortal as _ } from "react-dom";
-import { u as j, a as H, d as z, S as $, B as K, g as O } from "./index-DMy2IUi5.js";
-const W = [
-  "--ff-color-foreground",
-  "--ff-font-sans",
-  "--ff-color-muted-foreground",
-  "--ff-color-danger"
-], Y = [
-  "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 q(a) {
-  return Y.find((f) => f === a) ?? "auto";
-}
-function G(a, f) {
-  let s = a;
-  for (; s; ) {
-    const c = getComputedStyle(s).getPropertyValue(f).trim();
-    if (c) return c;
-    if (s.parentElement) {
-      s = s.parentElement;
-      continue;
-    }
-    const p = s.getRootNode();
-    s = p instanceof ShadowRoot && p.host instanceof HTMLElement ? p.host : null;
-  }
-  return "";
-}
-function U(a) {
-  return a.isConnected ? a.ownerDocument.body : null;
-}
-function J({ config: a, onController: f, onChange: s }) {
-  const { t: c, locale: p } = j(), I = H(), g = n.useRef(null), R = n.useRef(null), x = n.useRef(null), [o, k] = n.useState(null), [C, h] = n.useState("loading"), [M, B] = n.useState(0), i = n.useRef(f), A = n.useRef(s), L = n.useRef(c);
-  n.useEffect(() => {
-    i.current = f, A.current = s, L.current = c;
-  });
-  const { publishableKey: S, stripeAccount: v } = a, F = q(p);
-  n.useEffect(() => {
-    const e = g.current, r = e ? U(e) : null;
-    if (!r) {
-      h("unsupported"), i.current(null);
-      return;
-    }
-    const t = document.createElement("div");
-    return t.dataset.fanfareField = "stripe-card-portal", t.style.position = "absolute", t.style.zIndex = "1000", r.appendChild(t), k(t), () => {
-      t.remove(), k(null);
-    };
-  }, []);
-  const w = n.useCallback(() => {
-    const e = g.current, r = R.current;
-    if (!(!e || !r))
-      for (const t of W) {
-        const d = G(e, t);
-        d ? r.style.setProperty(t, d) : r.style.removeProperty(t);
-      }
-  }, []);
-  return n.useEffect(() => {
-    if (!o) return;
-    let e = !0, r = 0, t = "", d = "", m = "";
-    const P = () => {
-      if (!e) return;
-      const u = g.current;
-      if (u) {
-        const l = u.getBoundingClientRect(), N = `${l.left + window.scrollX}px`, T = `${l.top + window.scrollY}px`, b = `${l.width}px`;
-        (N !== t || T !== d || b !== m) && (o.style.setProperty("left", N), o.style.setProperty("top", T), o.style.setProperty("width", b), t = N, d = T, m = b);
-      }
-      r = requestAnimationFrame(P);
-    };
-    return P(), () => {
-      e = !1, cancelAnimationFrame(r);
-    };
-  }, [o]), n.useEffect(() => {
-    if (!o) return;
-    const e = R.current;
-    if (!e) return;
-    if (o.getRootNode() !== o.ownerDocument || e.getRootNode() !== e.ownerDocument) {
-      h("unsupported"), i.current(null);
-      return;
-    }
-    let r = !1, t = null;
-    return h("loading"), (async () => {
-      let m;
-      try {
-        m = await O(v ? { publishableKey: S, stripeAccount: v } : { publishableKey: S });
-      } catch {
-        if (r) return;
-        h("failed"), i.current(null);
-        return;
-      }
-      if (r) return;
-      w();
-      const u = m.elements({ locale: F }).create("card", { style: z(e) });
-      t = u, x.current = u, u.on("change", (l) => {
-        A.current?.({ complete: l.complete, errorMessage: l.error?.message ?? null });
-      }), u.mount(e), h("ready"), i.current({
-        createPaymentMethod: async () => {
-          const l = await m.createPaymentMethod({ type: "card", card: u });
-          if (l.error) throw new Error(l.error.message ?? L.current("checkout.error.generic"));
-          return l.paymentMethod.id;
-        }
-      });
-    })(), () => {
-      r = !0, t && (t.off("change"), t.unmount(), t.destroy()), x.current = null, i.current(null);
-    };
-  }, [o, S, v, F, M, w]), n.useEffect(() => {
-    const e = x.current, r = R.current;
-    !e || !r || (w(), e.update({ style: z(r) }));
-  }, [I, w]), /* @__PURE__ */ E(D, { children: [
-    /* @__PURE__ */ E("div", { ref: g, "data-fanfare-field": "stripe-card-anchor", className: "ff:min-h-10", children: [
-      C === "loading" ? /* @__PURE__ */ E("span", { className: "ff:flex ff:items-center ff:gap-2 ff:text-sm ff:text-muted", children: [
-        /* @__PURE__ */ y($, { size: "sm" }),
-        c("checkout.newCard.loading")
-      ] }) : null,
-      C === "unsupported" ? /* @__PURE__ */ y("p", { role: "status", className: "ff:text-sm ff:text-muted", children: c("checkout.newCard.unavailable") }) : null,
-      C === "failed" ? /* @__PURE__ */ E("div", { role: "alert", className: "ff:flex ff:flex-col ff:items-start ff:gap-2", children: [
-        /* @__PURE__ */ y("p", { className: "ff:text-sm ff:text-danger", children: c("checkout.newCard.loadFailed") }),
-        /* @__PURE__ */ y(K, { type: "button", variant: "outline", size: "sm", onClick: () => B((e) => e + 1), children: c("checkout.newCard.reload") })
-      ] }) : null
-    ] }),
-    o ? _(/* @__PURE__ */ y("div", { ref: R, "data-fanfare-field": "stripe-card" }), o) : null
-  ] });
-}
-export {
-  J as StripeCardField
-};