@monetize.software/sdk-react 3.0.0-alpha.9 → 3.0.0-beta.0

package/dist/index.js

@@ -1,47 +1,52 @@
 "use client";
-import { jsx as c, Fragment as w } from "react/jsx-runtime";
-import { createContext as _, useState as p, useEffect as d, useContext as x, useCallback as y, useSyncExternalStore as E, useRef as B, forwardRef as V } from "react";
-import { PaywallUI as U } from "@monetize.software/sdk";
-const v = _(null);
-v.displayName = "PaywallContext";
-const C = _(!1);
-C.displayName = "PaywallProviderMarker";
-function j(n) {
-  const t = "instance" in n ? n.instance : void 0, e = "options" in n ? n.options : void 0, [r, s] = p(
-    t ?? null
+import { jsx as d, Fragment as P } from "react/jsx-runtime";
+import { createContext as B, useState as g, useEffect as p, useContext as T, useCallback as y, useSyncExternalStore as C, useRef as m, forwardRef as R } from "react";
+import { PaywallUI as N } from "@monetize.software/sdk";
+const x = B(null);
+x.displayName = "PaywallContext";
+const O = B(!1);
+O.displayName = "PaywallProviderMarker";
+function q(n) {
+  const e = "instance" in n ? n.instance : void 0, t = "options" in n ? n.options : void 0, [r, s] = g(
+    e ?? null
   );
-  return d(() => {
-    if (t) {
-      s(t);
+  return p(() => {
+    if (e) {
+      s(e);
       return;
     }
-    if (!e) return;
-    const l = new U(e);
+    if (!t) return;
+    const l = new N(t);
     return s(l), () => {
       l.destroy(), s(null);
     };
-  }, [t]), /* @__PURE__ */ c(C.Provider, { value: !0, children: /* @__PURE__ */ c(v.Provider, { value: r, children: n.children }) });
+  }, [e]), /* @__PURE__ */ d(O.Provider, { value: !0, children: /* @__PURE__ */ d(x.Provider, { value: r, children: n.children }) });
 }
-function i() {
-  const n = x(C), t = x(v);
+function c() {
+  const n = T(O), e = T(x);
   if (!n)
     throw new Error(
       "[sdk-react] usePaywall() called outside <PaywallProvider>. Wrap your tree with <PaywallProvider options={...}> or pass an externally-created instance via <PaywallProvider instance={paywall}>."
     );
-  return t;
+  return e;
 }
-const A = { open: !1, view: null, error: null };
-function F() {
-  const n = i(), t = y(
+const _ = {
+  open: !1,
+  view: null,
+  error: null,
+  processing: !1
+};
+function G() {
+  const n = c(), e = y(
     (r) => n ? n.onStateChange(r, { immediate: "none" }) : () => {
     },
     [n]
-  ), e = y(() => n ? n.getState() : A, [n]);
-  return E(t, e, () => A);
+  ), t = y(() => n ? n.getState() : _, [n]);
+  return C(e, t, () => _);
 }
-const P = { status: "loading", user: null, session: null }, h = { status: "guest", user: null, session: null };
-function H() {
-  const n = i(), t = B(P), e = y(
+const S = { status: "loading", user: null, session: null }, b = { status: "guest", user: null, session: null };
+function z() {
+  const n = c(), e = m(S), t = y(
     (s) => {
       if (!n) return () => {
       };
@@ -53,20 +58,20 @@ function H() {
     [n]
   ), r = y(() => {
     if (!n)
-      return t.current = P, P;
+      return e.current = S, S;
     const s = n.billing.getCachedUser();
     if (n.auth) {
       const l = n.auth.getCachedSession();
       if (!l)
-        return t.current = h, h;
-      const a = t.current;
+        return e.current = b, b;
+      const a = e.current;
       if (a.status === "signed_in" && a.user === s && a.session === l)
         return a;
       const o = { status: "signed_in", user: s, session: l };
-      return t.current = o, o;
+      return e.current = o, o;
     }
     if (s) {
-      const l = t.current;
+      const l = e.current;
       if (l.status === "signed_in" && l.user === s && l.session === null)
         return l;
       const a = {
@@ -74,68 +79,68 @@ function H() {
         user: s,
         session: null
       };
-      return t.current = a, a;
+      return e.current = a, a;
     }
-    return t.current = h, h;
+    return e.current = b, b;
   }, [n]);
-  return E(e, r, N);
+  return C(t, r, F);
 }
-function N() {
-  return P;
+function F() {
+  return S;
 }
-function W(n, t) {
-  const e = i(), r = B(t);
-  r.current = t, d(() => {
-    if (e)
-      return e.on(n, (s) => {
+function J(n, e) {
+  const t = c(), r = m(e);
+  r.current = e, p(() => {
+    if (t)
+      return t.on(n, (s) => {
         r.current(s);
       });
-  }, [e, n]);
+  }, [t, n]);
 }
-const T = { status: "loading", result: null };
-function G(n = {}) {
-  const t = i(), [e, r] = p(T), s = n.skipTrial === !0, l = n.skipVisibility === !0;
-  return d(() => {
-    if (!t) {
-      r(T);
+const E = { status: "loading", result: null };
+function D(n = {}) {
+  const e = c(), [t, r] = g(E), s = n.skipTrial === !0, l = n.skipVisibility === !0;
+  return p(() => {
+    if (!e) {
+      r(E);
       return;
     }
     const a = new AbortController();
     let o = !1;
     const u = () => {
-      t.getAccess({ skipTrial: s, skipVisibility: l, signal: a.signal }).then((S) => {
-        o || a.signal.aborted || r({ status: "ready", result: S });
+      e.getAccess({ skipTrial: s, skipVisibility: l, signal: a.signal }).then((h) => {
+        o || a.signal.aborted || r({ status: "ready", result: h });
       }).catch(() => {
       });
     };
     u();
-    const f = t.on("userChange", u), b = t.on("purchase_completed", u);
+    const i = e.on("userChange", u), f = e.on("purchase_completed", u);
     return () => {
-      o = !0, a.abort(), f(), b();
+      o = !0, a.abort(), i(), f();
     };
-  }, [t, s, l]), e;
+  }, [e, s, l]), t;
 }
-function q() {
-  const n = i(), [t, e] = p(() => ({
+function K() {
+  const n = c(), [e, t] = g(() => ({
     prices: n?.getCachedPrices() ?? null,
     loading: !0,
     error: null
   }));
-  return d(() => {
+  return p(() => {
     if (!n) {
-      e({ prices: null, loading: !0, error: null });
+      t({ prices: null, loading: !0, error: null });
       return;
     }
     const r = n.getCachedPrices();
-    e({ prices: r, loading: r === null, error: null });
+    t({ prices: r, loading: r === null, error: null });
     const s = new AbortController();
     let l = !1;
     (() => {
       n.getPrices({ signal: s.signal }).then((u) => {
-        l || e({ prices: u, loading: !1, error: null });
+        l || t({ prices: u, loading: !1, error: null });
       }).catch((u) => {
-        l || s.signal.aborted || e((f) => ({
-          prices: f.prices,
+        l || s.signal.aborted || t((i) => ({
+          prices: i.prices,
           loading: !1,
           error: u instanceof Error ? u : new Error(String(u))
         }));
@@ -143,26 +148,61 @@ function q() {
     })();
     const o = n.on("ready", () => {
       const u = n.getCachedPrices();
-      u && e({ prices: u, loading: !1, error: null });
+      u && t({ prices: u, loading: !1, error: null });
     });
     return () => {
       l = !0, s.abort(), o();
     };
-  }, [n]), t;
+  }, [n]), e;
 }
-function z() {
-  const n = i(), [t, e] = p(
+function Q(n) {
+  const e = c(), [t, r] = g(
+    () => e ? e.getOfferForPrice(n) : null
+  ), s = m(n);
+  return s.current = n, p(() => {
+    if (!e) {
+      r(null);
+      return;
+    }
+    let l = !1;
+    const a = () => {
+      if (l) return;
+      const f = e.getOfferForPrice(s.current);
+      return r(f), f;
+    }, o = a(), u = e.on("ready", () => a());
+    let i = null;
+    return o && o.remainingMs !== null && (i = setInterval(() => {
+      const f = a();
+      (!f || f.remainingMs === null || f.remainingMs <= 0) && (i && clearInterval(i), i = null);
+    }, 1e3)), () => {
+      l = !0, u(), i && clearInterval(i);
+    };
+  }, [e, n]), t;
+}
+function X() {
+  const n = c(), e = y(
+    (r) => n ? n.on("ready", () => r()) : () => {
+    },
+    [n]
+  ), t = y(() => n ? n.getCachedOffers() : null, [n]);
+  return C(e, t, L);
+}
+function L() {
+  return null;
+}
+function Y() {
+  const n = c(), [e, t] = g(
     () => n?.getTrialStatus() ?? null
   ), r = y(() => {
     if (!n) {
-      e(null);
+      t(null);
       return;
     }
-    e(n.getTrialStatus());
+    t(n.getTrialStatus());
   }, [n]);
-  return d(() => {
+  return p(() => {
     if (!n) {
-      e(null);
+      t(null);
       return;
     }
     r();
@@ -170,21 +210,21 @@ function z() {
     return () => {
       s(), l();
     };
-  }, [n, r]), t;
+  }, [n, r]), e;
 }
-function J() {
-  const n = i(), [t, e] = p(
+function Z() {
+  const n = c(), [e, t] = g(
     () => n?.getVisibility() ?? null
   ), r = y(() => {
     if (!n) {
-      e(null);
+      t(null);
       return;
     }
-    e(n.getVisibility());
+    t(n.getVisibility());
   }, [n]);
-  return d(() => {
+  return p(() => {
     if (!n) {
-      e(null);
+      t(null);
       return;
     }
     r();
@@ -192,80 +232,88 @@ function J() {
     return () => {
       s(), l();
     };
-  }, [n, r]), t;
+  }, [n, r]), e;
 }
-function K(n) {
-  const t = i(), e = G(), r = e.status === "ready" && e.result.access === "blocked", s = n.openOnBlocked === !0 && r;
-  if (d(() => {
-    s && t && t.open();
-  }, [s, t]), e.status === "loading")
-    return /* @__PURE__ */ c(w, { children: n.loading ?? null });
-  if (e.result.access === "granted")
-    return /* @__PURE__ */ c(w, { children: n.children });
+function nn(n) {
+  const e = c(), t = D(), r = t.status === "ready" && t.result.access === "blocked", s = n.openOnBlocked === !0 && r;
+  if (p(() => {
+    s && e && e.open();
+  }, [s, e]), t.status === "loading")
+    return /* @__PURE__ */ d(P, { children: n.loading ?? null });
+  if (t.result.access === "granted")
+    return /* @__PURE__ */ d(P, { children: n.children });
   const l = n.fallback;
-  return typeof l == "function" ? /* @__PURE__ */ c(w, { children: l({
-    result: e.result,
-    open: () => t?.open()
-  }) }) : /* @__PURE__ */ c(w, { children: l ?? null });
+  return typeof l == "function" ? /* @__PURE__ */ d(P, { children: l({
+    result: t.result,
+    open: () => e?.open()
+  }) }) : /* @__PURE__ */ d(P, { children: l ?? null });
 }
-const I = V(
-  function(t, e) {
-    const r = i(), {
-      mode: s = "paywall",
-      identity: l,
-      renew: a,
-      skipTrial: o,
-      skipVisibility: u,
-      render: f,
-      onClick: b,
-      disabled: S,
-      ...O
-    } = t, k = r !== null, g = { identity: l, renew: a, skipTrial: o, skipVisibility: u }, m = () => {
-      if (r)
-        switch (s) {
+const j = R(
+  function(e, t) {
+    const r = c(), s = G(), {
+      mode: l = "paywall",
+      priceId: a,
+      identity: o,
+      renew: u,
+      skipTrial: i,
+      skipVisibility: f,
+      render: h,
+      onClick: V,
+      disabled: I,
+      ...U
+    } = e, v = r !== null, k = !!a && s.processing, w = { identity: o, renew: u, skipTrial: i, skipVisibility: f }, A = () => {
+      if (r) {
+        if (a) {
+          r.checkout(a, w);
+          return;
+        }
+        switch (l) {
           case "support":
-            r.openSupport(g);
+            r.openSupport(w);
             return;
           case "auth":
           case "signin":
-            r.openSignin(g);
+            r.openSignin(w);
             return;
           case "signup":
-            r.openSignup(g);
+            r.openSignup(w);
             return;
           default:
-            r.open(g);
+            r.open(w);
         }
+      }
     };
-    return f ? f({ open: m, ready: k }) : /* @__PURE__ */ c(
+    return h ? h({ open: A, ready: v, processing: k }) : /* @__PURE__ */ d(
       "button",
       {
-        ref: e,
+        ref: t,
         type: "button",
-        disabled: S || !k,
-        "aria-busy": k ? void 0 : !0,
-        onClick: (R) => {
-          m(), b?.(R);
+        disabled: I || !v || k,
+        "aria-busy": !v || k ? !0 : void 0,
+        onClick: (M) => {
+          A(), V?.(M);
         },
-        ...O
+        ...U
       }
     );
   }
-), Q = V(function(t, e) {
-  return /* @__PURE__ */ c(I, { ...t, mode: "support", ref: e });
+), en = R(function(e, t) {
+  return /* @__PURE__ */ d(j, { ...e, mode: "support", ref: t });
 });
 export {
-  I as PaywallButton,
-  K as PaywallGate,
-  j as PaywallProvider,
-  Q as PaywallSupportButton,
-  i as usePaywall,
-  G as usePaywallAccess,
-  W as usePaywallEvent,
-  q as usePaywallPrices,
-  F as usePaywallState,
-  z as usePaywallTrial,
-  H as usePaywallUser,
-  J as usePaywallVisibility
+  j as PaywallButton,
+  nn as PaywallGate,
+  q as PaywallProvider,
+  en as PaywallSupportButton,
+  c as usePaywall,
+  D as usePaywallAccess,
+  J as usePaywallEvent,
+  Q as usePaywallOffer,
+  X as usePaywallOffers,
+  K as usePaywallPrices,
+  G as usePaywallState,
+  Y as usePaywallTrial,
+  z as usePaywallUser,
+  Z as usePaywallVisibility
 };
 //# sourceMappingURL=index.js.map