@billingos/sdk 0.1.0 → 0.1.1

package/dist/index.mjs

@@ -3,12 +3,12 @@ var Ot = Object.defineProperty;
 var jt = (e, r, n) => r in e ? Ot(e, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[r] = n;
 var ie = (e, r, n) => jt(e, typeof r != "symbol" ? r + "" : r, n);
 import * as u from "react";
-import Te, { useState as O, useRef as Re, useCallback as ve, useEffect as K, createContext as qt, useMemo as ze, useContext as $t, forwardRef as nt } from "react";
+import Te, { useState as O, useRef as Re, useCallback as ve, useEffect as W, createContext as qt, useMemo as ze, useContext as $t, forwardRef as nt } from "react";
 import { QueryClient as zt, QueryClientProvider as Ht, useQuery as ee, useQueryClient as G, useMutation as te } from "@tanstack/react-query";
 import { useQueryClient as ma } from "@tanstack/react-query";
 import { jsx as t, jsxs as s, Fragment as se } from "react/jsx-runtime";
-import { createRoot as Kt } from "react-dom/client";
-import { clsx as Wt } from "clsx";
+import { createRoot as Wt } from "react-dom/client";
+import { clsx as Kt } from "clsx";
 import { twMerge as Vt } from "tailwind-merge";
 import { cva as _e } from "class-variance-authority";
 import { loadStripe as st } from "@stripe/stripe-js";
@@ -581,7 +581,7 @@ function rr(e = {}) {
         w.current && v(!1);
       }
   }, [r, l, o]);
-  K(() => {
+  W(() => {
     if (!i || !m || !r) return;
     y.current && clearTimeout(y.current);
     const b = Date.now(), T = m.getTime() - b, P = T - a * 1e3;
@@ -590,11 +590,11 @@ function rr(e = {}) {
     }, P) : T > 0 && N(), () => {
       y.current && clearTimeout(y.current);
     };
-  }, [m, i, a, r, N]), K(() => {
+  }, [m, i, a, r, N]), W(() => {
     r && !n && N();
-  }, [r, n, N]), K(() => {
+  }, [r, n, N]), W(() => {
     n && (d(n), h(null));
-  }, [n]), K(() => () => {
+  }, [n]), W(() => () => {
     w.current = !1, y.current && clearTimeout(y.current);
   }, []);
   const C = !!(c && (!m || m.getTime() > Date.now()));
@@ -772,7 +772,7 @@ function lr(e) {
   });
 }
 function f(...e) {
-  return Vt(Wt(e));
+  return Vt(Kt(e));
 }
 const dt = u.createContext(null);
 function je() {
@@ -996,9 +996,9 @@ function cr({
       }
     }
   };
-  return K(() => {
+  return W(() => {
     e && !c && y();
-  }, [e, r]), K(() => () => {
+  }, [e, r]), W(() => () => {
   }, [c]), {
     sessionId: c,
     sessionUrl: m,
@@ -1014,7 +1014,7 @@ function dr() {
   return process.env.NEXT_PUBLIC_APP_URL && e.push(process.env.NEXT_PUBLIC_APP_URL), e.push("https://app.billingos.com"), e.push("https://embed.billingos.com"), process.env.NODE_ENV === "development" && (e.push("http://localhost:3000"), e.push("http://localhost:3001"), e.push("http://127.0.0.1:3000"), e.push("http://127.0.0.1:3001")), e;
 }
 function ur(e) {
-  return dr().includes(e);
+  return !!(dr().includes(e) || e.endsWith(".vercel.app") && e.includes("billingos") || e.endsWith(".stripe.com"));
 }
 function mr({
   iframeRef: e,
@@ -1027,7 +1027,7 @@ function mr({
     var d;
     (d = e.current) != null && d.contentWindow ? (a && console.log("[useIframeMessaging] Sending message:", c), e.current.contentWindow.postMessage(c, n)) : console.warn("[useIframeMessaging] Cannot send message - iframe not ready");
   }, [e, n, a]);
-  return K(() => {
+  return W(() => {
     const c = (d) => {
       if (!ur(d.origin)) {
         a && console.warn(`[useIframeMessaging] Invalid origin: ${d.origin}`);
@@ -1060,13 +1060,13 @@ function Ye({
   debug: x = !1
 }) {
   const [g, y] = O("loading"), [w, N] = O(null), [C, b] = O(600), S = Re(null);
-  K(() => {
+  W(() => {
     console.log(
       "%c🚀 BillingOS SDK v1.2.0 loaded with Iframe Checkout",
       "background: linear-gradient(to right, #667eea, #764ba2); color: white; padding: 4px 8px; border-radius: 4px; font-weight: bold;"
     ), console.log("%c📦 Using iframe for PCI compliance and security", "color: #10b981; font-weight: 600;"), console.log("%c✨ Customer prefill support enabled", "color: #8b5cf6; font-weight: 600;"), x && console.log("[CheckoutModal] Debug mode enabled");
   }, []);
-  const { sessionId: T, sessionUrl: P, loading: z, error: W } = cr({
+  const { sessionId: T, sessionUrl: P, loading: z, error: K } = cr({
     enabled: e,
     priceId: n,
     customer: a,
@@ -1102,7 +1102,7 @@ function Ye({
     onMessage: V,
     debug: x
   });
-  K(() => {
+  W(() => {
     T && g === "ready" && Q({
       type: "INIT_CHECKOUT",
       sessionId: T,
@@ -1112,11 +1112,11 @@ function Ye({
         collectBillingAddress: l
       }
     });
-  }, [T, g, d, m, l, Q]), K(() => {
+  }, [T, g, d, m, l, Q]), W(() => {
     e || (y("loading"), N(null), b(600));
-  }, [e]), K(() => {
-    W && (y("error"), N(W), p == null || p(W));
-  }, [W, p]);
+  }, [e]), W(() => {
+    K && (y("error"), N(K), p == null || p(K));
+  }, [K, p]);
   const q = z || g === "loading", A = g === "error" && w;
   return /* @__PURE__ */ t(xe, { open: e, onOpenChange: r, children: /* @__PURE__ */ s(
     ye,
@@ -1249,7 +1249,7 @@ class hr {
         onCancel: r.onCancel,
         debug: r.debug
       };
-      if (this.root || (this.root = Kt(this.container)), this.client)
+      if (this.root || (this.root = Wt(this.container)), this.client)
         this.root.render(
           Te.createElement(Ye, a)
         );
@@ -1904,7 +1904,7 @@ const Dr = u.forwardRef(
         m(0), p(0);
         return;
       }
-      const S = C / N, T = Math.max(S * C, 30), P = N - C, z = P > 0 ? w / P : 0, W = C - T, V = z * W;
+      const S = C / N, T = Math.max(S * C, 30), P = N - C, z = P > 0 ? w / P : 0, K = C - T, V = z * K;
       m(b ? T : 0), p(V);
     }, [a]);
     u.useEffect(() => {
@@ -1926,13 +1926,13 @@ const Dr = u.forwardRef(
         if (b <= 0) return;
         const S = (Q = y.currentTarget.parentElement) == null ? void 0 : Q.parentElement;
         if (!S) return;
-        const T = S.getBoundingClientRect(), P = y.clientY, z = w.scrollTop, W = (q) => {
+        const T = S.getBoundingClientRect(), P = y.clientY, z = w.scrollTop, K = (q) => {
           const A = q.clientY - P, Y = T.height, j = A / Y * b, ne = Math.max(0, Math.min(b, z + j));
           w.scrollTop = ne;
         }, V = () => {
-          document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", V), document.body.style.userSelect = "", document.body.style.cursor = "";
+          document.removeEventListener("mousemove", K), document.removeEventListener("mouseup", V), document.body.style.userSelect = "", document.body.style.cursor = "";
         };
-        document.body.style.userSelect = "none", document.body.style.cursor = "grabbing", document.addEventListener("mousemove", W), document.addEventListener("mouseup", V);
+        document.body.style.userSelect = "none", document.body.style.cursor = "grabbing", document.addEventListener("mousemove", K), document.addEventListener("mouseup", V);
       },
       []
     );
@@ -2377,9 +2377,9 @@ function qr({
       }
     }
   };
-  return K(() => {
+  return W(() => {
     e && !i && v();
-  }, [e]), K(() => () => {
+  }, [e]), W(() => () => {
   }, [i]), {
     sessionId: i,
     sessionUrl: o,
@@ -2405,7 +2405,7 @@ function $r({
     const o = l.src, c = new URL(o).origin;
     l.contentWindow.postMessage(i, c);
   }, [e, n]);
-  return K(() => {
+  return W(() => {
     const i = (l) => {
       if (!l.data || typeof l.data != "object" || !l.data.type)
         return;
@@ -2502,7 +2502,7 @@ const Hr = u.forwardRef(({ className: e, ...r }, n) => /* @__PURE__ */ t(
   }
 ));
 Hr.displayName = "TableCaption";
-function Kr(e = {}) {
+function Wr(e = {}) {
   const { client: r } = E(), { planIds: n, enabled: a = !0 } = e;
   return ee({
     queryKey: ["products", n],
@@ -2514,7 +2514,7 @@ function Kr(e = {}) {
     // 10 minutes
   });
 }
-class Wr extends u.Component {
+class Kr extends u.Component {
   constructor(n) {
     super(n);
     ie(this, "reset", () => {
@@ -2932,7 +2932,7 @@ function Gr({
     ] })
   ] });
 }
-const Ke = "pk_test_51SihBODiEfx9xR94hb9APIlKq2CEr3uJqjQ1j98VdO5i30EGWi4HieGFjy1O3lEF3OWangT10RYr2Kae4CxfAvYd00xEVl0Raw";
+const We = "pk_test_51SihBODiEfx9xR94hb9APIlKq2CEr3uJqjQ1j98VdO5i30EGWi4HieGFjy1O3lEF3OWangT10RYr2Kae4CxfAvYd00xEVl0Raw";
 function Qr(e) {
   return !!((e.startsWith("pk_live_") || e.startsWith("pk_test_")) && e.length > 20);
 }
@@ -2988,16 +2988,16 @@ function Zr({
   }, [b, P, S, r]), u.useEffect(() => {
     var L;
     if (console.log("[PaymentBottomSheet] Stripe initialization effect triggered"), P) {
-      const j = Qr(Ke), ne = Xr(P.clientSecret);
+      const j = Qr(We), ne = Xr(P.clientSecret);
       if (console.log("[PaymentBottomSheet] Stripe validation:", {
-        publishableKey: Ke,
+        publishableKey: We,
         validKey: j,
         clientSecret: ((L = P.clientSecret) == null ? void 0 : L.substring(0, 20)) + "...",
         validSecret: ne,
         stripeAccountId: P.stripeAccountId
       }), j && ne) {
         console.log("[PaymentBottomSheet] Loading Stripe with valid credentials");
-        const oe = st(Ke, {
+        const oe = st(We, {
           stripeAccount: P.stripeAccountId
         });
         h(oe), C(!1);
@@ -3014,7 +3014,7 @@ function Zr({
     v("success"), d.invalidateQueries({ queryKey: ["billingos", "products"] }), console.log("💫 Invalidated products query - PricingTable will auto-refresh"), setTimeout(() => {
       a(L);
     }, 1500);
-  }, W = (L) => {
+  }, K = (L) => {
     g(L);
   }, V = () => {
     console.log("[PaymentBottomSheet] handleClose called, isProcessing:", y), !(y && !window.confirm(
@@ -3046,7 +3046,7 @@ function Zr({
     }
   };
   return console.log("[PaymentBottomSheet] Rendering drawer with isOpen:", r, "sheetState:", p), /* @__PURE__ */ t(
-    Wr,
+    Kr,
     {
       fallback: (L, j) => /* @__PURE__ */ s("div", { style: { padding: "20px", maxWidth: "400px", margin: "0 auto" }, children: [
         /* @__PURE__ */ t(Z, { variant: "destructive", children: /* @__PURE__ */ s(J, { children: [
@@ -3275,7 +3275,7 @@ function Zr({
                     {
                       checkoutSession: P,
                       onSuccess: z,
-                      onError: W,
+                      onError: K,
                       isProcessing: y,
                       setIsProcessing: w
                     }
@@ -3316,7 +3316,7 @@ function Jr({
       "background: linear-gradient(to right, #10b981, #3b82f6); color: white; padding: 4px 8px; border-radius: 4px; font-weight: bold;"
     ) : console.log("📦 Using PaymentBottomSheet (legacy)");
   }, [c]);
-  const { data: z, isLoading: W, error: V, refetch: Q } = Kr({ planIds: e }), q = (z == null ? void 0 : z.products) || [], A = (z == null ? void 0 : z.currentSubscription) || null, Y = q.some(
+  const { data: z, isLoading: K, error: V, refetch: Q } = Wr({ planIds: e }), q = (z == null ? void 0 : z.products) || [], A = (z == null ? void 0 : z.currentSubscription) || null, Y = q.some(
     (k) => k.prices.some((M) => M.interval === "year")
   ), L = u.useMemo(() => {
     const k = /* @__PURE__ */ new Map();
@@ -3376,7 +3376,7 @@ function Jr({
       return console.log("[PricingTable] Updated cache data:", R), R;
     })), console.log("[PricingTable] Triggering background refetch..."), await Q(), console.log("%c✅ Products cache invalidated and refetched", "color: #10b981; font-weight: 600;");
   }, [S, Q, e, d]);
-  return W ? /* @__PURE__ */ s("div", { className: f("w-full", i === "dark" && "dark"), children: [
+  return K ? /* @__PURE__ */ s("div", { className: f("w-full", i === "dark" && "dark"), children: [
     l && /* @__PURE__ */ s("div", { className: "text-center mb-8", children: [
       /* @__PURE__ */ t(_, { className: "h-10 w-64 mx-auto mb-2" }),
       o && /* @__PURE__ */ t(_, { className: "h-5 w-96 mx-auto" })
@@ -3735,14 +3735,14 @@ function Fs({
   debug: v = !1
 }) {
   const [x, g] = O("loading"), [y, w] = O(null), [N, C] = O(600), [b, S] = O(!1), [T, P] = O(null), z = Re(null);
-  K(() => {
+  W(() => {
     console.log(
       "%c🚀 BillingOS SDK v1.2.0 - Iframe Customer Portal with Smart Pricing Table",
       "background: linear-gradient(to right, #667eea, #764ba2); color: white; padding: 4px 8px; border-radius: 4px; font-weight: bold;"
     ), console.log("%c📦 Using iframe for instant updates and security", "color: #10b981; font-weight: 600;"), console.log("%c🎨 Supports drawer, modal, and page modes", "color: #8b5cf6; font-weight: 600;"), v && console.log("[CustomerPortal] Debug mode enabled");
   }, []);
-  const W = n === "page" || e, { sessionId: V, sessionUrl: Q, loading: q, error: A } = qr({
-    enabled: W,
+  const K = n === "page" || e, { sessionId: V, sessionUrl: Q, loading: q, error: A } = qr({
+    enabled: K,
     customerId: o,
     metadata: c
   }), Y = ve((k) => {
@@ -3786,7 +3786,7 @@ function Fs({
     onMessage: Y,
     debug: v
   });
-  K(() => {
+  W(() => {
     V && x === "ready" && L({
       type: "INIT_PORTAL",
       sessionId: V,
@@ -3795,9 +3795,9 @@ function Fs({
         defaultTab: a
       }
     });
-  }, [V, x, i, a, L]), K(() => {
-    W || (g("loading"), w(null), C(600));
-  }, [W]), K(() => {
+  }, [V, x, i, a, L]), W(() => {
+    K || (g("loading"), w(null), C(600));
+  }, [K]), W(() => {
     A && (g("error"), w(A));
   }, [A]);
   const j = q || x === "loading", oe = /* @__PURE__ */ s(se, { children: [
@@ -3969,7 +3969,7 @@ function Hs(e) {
     }
   });
 }
-function Ks(e) {
+function Ws(e) {
   const { client: r } = E(), n = G();
   return te({
     ...e,
@@ -3980,7 +3980,7 @@ function Ks(e) {
     }
   });
 }
-function Ws(e) {
+function Ks(e) {
   const { client: r } = E(), n = G();
   return te({
     ...e,
@@ -4113,7 +4113,7 @@ function ln(e) {
       return "warning";
   }
 }
-function We({
+function Ke({
   type: e,
   message: r,
   actionLabel: n,
@@ -4257,7 +4257,7 @@ function Gs({
   ), C = m === "trialing" && v && new Date(v).getTime() - Date.now() < 4320 * 60 * 1e3;
   return /* @__PURE__ */ s("div", { className: f("space-y-6", o), children: [
     m === "past_due" && /* @__PURE__ */ t(
-      We,
+      Ke,
       {
         type: "past_due",
         message: "Your last payment was declined. Update your payment method to avoid service interruption.",
@@ -4266,7 +4266,7 @@ function Gs({
       }
     ),
     C && v && /* @__PURE__ */ t(
-      We,
+      Ke,
       {
         type: "trial_ending",
         message: `Your trial ends on ${new Date(v).toLocaleDateString()}. Add a payment method to continue.`,
@@ -4275,7 +4275,7 @@ function Gs({
       }
     ),
     p && /* @__PURE__ */ t(
-      We,
+      Ke,
       {
         type: "subscription_canceled",
         message: `Your subscription will end on ${w}. You'll have access until then.`,
@@ -5666,7 +5666,7 @@ function Hn({
     }
   ) });
 }
-function Kn(e) {
+function Wn(e) {
   if (typeof window > "u") return;
   const r = `nudge_dismissed_${e.type}_${e.feature || "general"}`;
   localStorage.setItem(r, Date.now().toString());
@@ -5696,7 +5696,7 @@ function ra({
     return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
   }, [o]);
   const d = () => {
-    c(!1), Kn(e), i == null || i();
+    c(!1), Wn(e), i == null || i();
   }, m = () => {
     a == null || a(e.suggestedPlan.priceId);
   };
@@ -5769,12 +5769,12 @@ function sa({
     onAccessDenied: i,
     onQuotaExceeded: l
   });
-  return d ? /* @__PURE__ */ t(se, { children: a || /* @__PURE__ */ t(Wn, {}) }) : m || !c ? /* @__PURE__ */ t(se, { children: n || /* @__PURE__ */ t(Vn, { feature: e }) }) : o && p > 0 ? /* @__PURE__ */ s("div", { className: "relative", children: [
+  return d ? /* @__PURE__ */ t(se, { children: a || /* @__PURE__ */ t(Kn, {}) }) : m || !c ? /* @__PURE__ */ t(se, { children: n || /* @__PURE__ */ t(Vn, { feature: e }) }) : o && p > 0 ? /* @__PURE__ */ s("div", { className: "relative", children: [
     r,
     /* @__PURE__ */ t(Yn, { usage: h, limit: p, remaining: v })
   ] }) : /* @__PURE__ */ t(se, { children: r });
 }
-function Wn() {
+function Kn() {
   return /* @__PURE__ */ t("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ t("div", { className: "animate-pulse text-gray-400", children: "Checking access..." }) });
 }
 function Vn({ feature: e }) {
@@ -6209,7 +6209,7 @@ export {
   tn as UsageBar,
   aa as UsageDisplay,
   Ae as ValidationError,
-  We as WarningBanner,
+  Ke as WarningBanner,
   yn as addAmounts,
   br as badgeVariants,
   wr as buttonVariants,
@@ -6261,14 +6261,14 @@ export {
   Rs as useIsApproachingLimit,
   As as usePortalData,
   ir as usePreviewPlanChange,
-  Kr as usePricingTableProducts,
+  Wr as usePricingTableProducts,
   vr as useProducts,
   qs as useReactivatePortalSubscription,
   Ss as useReactivateSubscription,
   Hs as useRemovePaymentMethod,
-  Ws as useRetryInvoice,
+  Ks as useRetryInvoice,
   rr as useSessionToken,
-  Ks as useSetDefaultPaymentMethod,
+  Ws as useSetDefaultPaymentMethod,
   $s as useSetupIntent,
   bs as useSubscription,
   Ps as useSubscriptionPreview,