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

package/dist/index.js

@@ -1,194 +1,272 @@
 "use client";
-import { jsx as i, Fragment as P } from "react/jsx-runtime";
-import { createContext as T, useState as p, useEffect as u, useContext as C, useCallback as f, useSyncExternalStore as A, useRef as _, forwardRef as B } from "react";
-import { PaywallUI as O } from "@monetize.software/sdk";
-const S = T(null);
-S.displayName = "PaywallContext";
-const k = T(!1);
-k.displayName = "PaywallProviderMarker";
-function j(e) {
-  const n = "instance" in e ? e.instance : void 0, t = "options" in e ? e.options : void 0, [r, l] = p(
-    n ?? 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 u(() => {
-    if (n) {
-      l(n);
+  return p(() => {
+    if (e) {
+      s(e);
       return;
     }
     if (!t) return;
-    const s = new O(t);
-    return l(s), () => {
-      s.destroy(), l(null);
+    const l = new N(t);
+    return s(l), () => {
+      l.destroy(), s(null);
     };
-  }, [n]), /* @__PURE__ */ i(k.Provider, { value: !0, children: /* @__PURE__ */ i(S.Provider, { value: r, children: e.children }) });
+  }, [e]), /* @__PURE__ */ d(O.Provider, { value: !0, children: /* @__PURE__ */ d(x.Provider, { value: r, children: n.children }) });
 }
-function o() {
-  const e = C(k), n = C(S);
-  if (!e)
+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 n;
+  return e;
 }
-const m = { open: !1, view: null, error: null };
-function D() {
-  const e = o(), n = f(
-    (r) => e ? e.onStateChange(r, { immediate: "none" }) : () => {
+const _ = {
+  open: !1,
+  view: null,
+  error: null,
+  processing: !1
+};
+function G() {
+  const n = c(), e = y(
+    (r) => n ? n.onStateChange(r, { immediate: "none" }) : () => {
     },
-    [e]
-  ), t = f(() => e ? e.getState() : m, [e]);
-  return A(n, t, () => m);
+    [n]
+  ), t = y(() => n ? n.getState() : _, [n]);
+  return C(e, t, () => _);
 }
-function F() {
-  const e = o(), n = f(
-    (r) => e ? e.on("userChange", () => r()) : () => {
+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 () => {
+      };
+      const l = n.on("userChange", () => s()), a = n.auth ? n.on("authChange", () => s()) : null;
+      return () => {
+        l(), a?.();
+      };
     },
-    [e]
-  ), t = f(() => e ? e.billing.getCachedUser() : null, [e]);
-  return A(n, t, R);
+    [n]
+  ), r = y(() => {
+    if (!n)
+      return e.current = S, S;
+    const s = n.billing.getCachedUser();
+    if (n.auth) {
+      const l = n.auth.getCachedSession();
+      if (!l)
+        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 e.current = o, o;
+    }
+    if (s) {
+      const l = e.current;
+      if (l.status === "signed_in" && l.user === s && l.session === null)
+        return l;
+      const a = {
+        status: "signed_in",
+        user: s,
+        session: null
+      };
+      return e.current = a, a;
+    }
+    return e.current = b, b;
+  }, [n]);
+  return C(t, r, F);
 }
-function R() {
-  return null;
+function F() {
+  return S;
 }
-function H(e, n) {
-  const t = o(), r = _(n);
-  r.current = n, u(() => {
+function J(n, e) {
+  const t = c(), r = m(e);
+  r.current = e, p(() => {
     if (t)
-      return t.on(e, (l) => {
-        r.current(l);
+      return t.on(n, (s) => {
+        r.current(s);
       });
-  }, [t, e]);
+  }, [t, n]);
 }
-const x = { status: "loading", result: null };
-function N(e = {}) {
-  const n = o(), [t, r] = p(x), l = e.skipTrial === !0, s = e.skipVisibility === !0;
-  return u(() => {
-    if (!n) {
-      r(x);
+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 c = new AbortController();
-    let d = !1;
-    const a = () => {
-      n.getAccess({ skipTrial: l, skipVisibility: s, signal: c.signal }).then((b) => {
-        d || c.signal.aborted || r({ status: "ready", result: b });
+    const a = new AbortController();
+    let o = !1;
+    const u = () => {
+      e.getAccess({ skipTrial: s, skipVisibility: l, signal: a.signal }).then((h) => {
+        o || a.signal.aborted || r({ status: "ready", result: h });
       }).catch(() => {
       });
     };
-    a();
-    const y = n.on("userChange", a), g = n.on("purchase_completed", a);
+    u();
+    const i = e.on("userChange", u), f = e.on("purchase_completed", u);
     return () => {
-      d = !0, c.abort(), y(), g();
+      o = !0, a.abort(), i(), f();
     };
-  }, [n, l, s]), t;
+  }, [e, s, l]), t;
 }
-function L() {
-  const e = o(), [n, t] = p(() => ({
-    prices: e?.getCachedPrices() ?? null,
+function K() {
+  const n = c(), [e, t] = g(() => ({
+    prices: n?.getCachedPrices() ?? null,
     loading: !0,
     error: null
   }));
-  return u(() => {
-    if (!e) {
+  return p(() => {
+    if (!n) {
       t({ prices: null, loading: !0, error: null });
       return;
     }
-    const r = e.getCachedPrices();
+    const r = n.getCachedPrices();
     t({ prices: r, loading: r === null, error: null });
-    const l = new AbortController();
-    let s = !1;
+    const s = new AbortController();
+    let l = !1;
     (() => {
-      e.getPrices({ signal: l.signal }).then((a) => {
-        s || t({ prices: a, loading: !1, error: null });
-      }).catch((a) => {
-        s || l.signal.aborted || t((y) => ({
-          prices: y.prices,
+      n.getPrices({ signal: s.signal }).then((u) => {
+        l || t({ prices: u, loading: !1, error: null });
+      }).catch((u) => {
+        l || s.signal.aborted || t((i) => ({
+          prices: i.prices,
           loading: !1,
-          error: a instanceof Error ? a : new Error(String(a))
+          error: u instanceof Error ? u : new Error(String(u))
         }));
       });
     })();
-    const d = e.on("ready", () => {
-      const a = e.getCachedPrices();
-      a && t({ prices: a, loading: !1, error: null });
+    const o = n.on("ready", () => {
+      const u = n.getCachedPrices();
+      u && t({ prices: u, loading: !1, error: null });
     });
     return () => {
-      s = !0, l.abort(), d();
+      l = !0, s.abort(), o();
     };
-  }, [e]), n;
+  }, [n]), e;
 }
-function W() {
-  const e = o(), [n, t] = p(
-    () => e?.getTrialStatus() ?? null
-  ), r = f(() => {
+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) {
       t(null);
       return;
     }
-    t(e.getTrialStatus());
-  }, [e]);
-  return u(() => {
-    if (!e) {
+    t(n.getTrialStatus());
+  }, [n]);
+  return p(() => {
+    if (!n) {
       t(null);
       return;
     }
     r();
-    const l = e.on("trial_blocked", r), s = e.on("trial_expired", r);
+    const s = n.on("trial_blocked", r), l = n.on("trial_expired", r);
     return () => {
-      l(), s();
+      s(), l();
     };
-  }, [e, r]), n;
+  }, [n, r]), e;
 }
-function q() {
-  const e = o(), [n, t] = p(
-    () => e?.getVisibility() ?? null
-  ), r = f(() => {
-    if (!e) {
+function Z() {
+  const n = c(), [e, t] = g(
+    () => n?.getVisibility() ?? null
+  ), r = y(() => {
+    if (!n) {
       t(null);
       return;
     }
-    t(e.getVisibility());
-  }, [e]);
-  return u(() => {
-    if (!e) {
+    t(n.getVisibility());
+  }, [n]);
+  return p(() => {
+    if (!n) {
       t(null);
       return;
     }
     r();
-    const l = e.on("ready", r), s = e.on("visibility_blocked", r);
+    const s = n.on("ready", r), l = n.on("visibility_blocked", r);
     return () => {
-      l(), s();
+      s(), l();
     };
-  }, [e, r]), n;
+  }, [n, r]), e;
 }
-function z(e) {
-  const n = o(), t = N(), r = t.status === "ready" && t.result.access === "blocked", l = e.openOnBlocked === !0 && r;
-  if (u(() => {
-    l && n && n.open();
-  }, [l, n]), t.status === "loading")
-    return /* @__PURE__ */ i(P, { children: e.loading ?? null });
+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__ */ i(P, { children: e.children });
-  const s = e.fallback;
-  return typeof s == "function" ? /* @__PURE__ */ i(P, { children: s({
+    return /* @__PURE__ */ d(P, { children: n.children });
+  const l = n.fallback;
+  return typeof l == "function" ? /* @__PURE__ */ d(P, { children: l({
     result: t.result,
-    open: () => n?.open()
-  }) }) : /* @__PURE__ */ i(P, { children: s ?? null });
+    open: () => e?.open()
+  }) }) : /* @__PURE__ */ d(P, { children: l ?? null });
 }
-const U = B(
-  function(n, t) {
-    const r = o(), {
+const j = R(
+  function(e, t) {
+    const r = c(), s = G(), {
       mode: l = "paywall",
-      identity: s,
-      renew: c,
-      skipTrial: d,
-      skipVisibility: a,
-      render: y,
-      onClick: g,
-      disabled: b,
-      ...E
-    } = n, h = r !== null, w = { identity: s, renew: c, skipTrial: d, skipVisibility: a }, v = () => {
-      if (r)
+      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(w);
@@ -203,36 +281,39 @@ const U = B(
           default:
             r.open(w);
         }
+      }
     };
-    return y ? y({ open: v, ready: h }) : /* @__PURE__ */ i(
+    return h ? h({ open: A, ready: v, processing: k }) : /* @__PURE__ */ d(
       "button",
       {
         ref: t,
         type: "button",
-        disabled: b || !h,
-        "aria-busy": h ? void 0 : !0,
-        onClick: (V) => {
-          v(), g?.(V);
+        disabled: I || !v || k,
+        "aria-busy": !v || k ? !0 : void 0,
+        onClick: (M) => {
+          A(), V?.(M);
         },
-        ...E
+        ...U
       }
     );
   }
-), J = B(function(n, t) {
-  return /* @__PURE__ */ i(U, { ...n, mode: "support", ref: t });
+), en = R(function(e, t) {
+  return /* @__PURE__ */ d(j, { ...e, mode: "support", ref: t });
 });
 export {
-  U as PaywallButton,
-  z as PaywallGate,
-  j as PaywallProvider,
-  J as PaywallSupportButton,
-  o as usePaywall,
-  N as usePaywallAccess,
-  H as usePaywallEvent,
-  L as usePaywallPrices,
-  D as usePaywallState,
-  W as usePaywallTrial,
-  F as usePaywallUser,
-  q 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