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

package/dist/index.js

@@ -1,238 +1,271 @@
 "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 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
   );
-  return u(() => {
-    if (n) {
-      l(n);
+  return d(() => {
+    if (t) {
+      s(t);
       return;
     }
-    if (!t) return;
-    const s = new O(t);
-    return l(s), () => {
-      s.destroy(), l(null);
+    if (!e) return;
+    const l = new U(e);
+    return s(l), () => {
+      l.destroy(), s(null);
     };
-  }, [n]), /* @__PURE__ */ i(k.Provider, { value: !0, children: /* @__PURE__ */ i(S.Provider, { value: r, children: e.children }) });
+  }, [t]), /* @__PURE__ */ c(C.Provider, { value: !0, children: /* @__PURE__ */ c(v.Provider, { value: r, children: n.children }) });
 }
-function o() {
-  const e = C(k), n = C(S);
-  if (!e)
+function i() {
+  const n = x(C), t = x(v);
+  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 t;
 }
-const m = { open: !1, view: null, error: null };
-function D() {
-  const e = o(), n = f(
-    (r) => e ? e.onStateChange(r, { immediate: "none" }) : () => {
+const A = { open: !1, view: null, error: null };
+function F() {
+  const n = i(), t = y(
+    (r) => n ? n.onStateChange(r, { immediate: "none" }) : () => {
     },
-    [e]
-  ), t = f(() => e ? e.getState() : m, [e]);
-  return A(n, t, () => m);
+    [n]
+  ), e = y(() => n ? n.getState() : A, [n]);
+  return E(t, e, () => A);
 }
-function F() {
-  const e = o(), n = f(
-    (r) => e ? e.on("userChange", () => r()) : () => {
+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(
+    (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 t.current = P, P;
+    const s = n.billing.getCachedUser();
+    if (n.auth) {
+      const l = n.auth.getCachedSession();
+      if (!l)
+        return t.current = h, h;
+      const a = t.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;
+    }
+    if (s) {
+      const l = t.current;
+      if (l.status === "signed_in" && l.user === s && l.session === null)
+        return l;
+      const a = {
+        status: "signed_in",
+        user: s,
+        session: null
+      };
+      return t.current = a, a;
+    }
+    return t.current = h, h;
+  }, [n]);
+  return E(e, r, N);
 }
-function R() {
-  return null;
+function N() {
+  return P;
 }
-function H(e, n) {
-  const t = o(), r = _(n);
-  r.current = n, u(() => {
-    if (t)
-      return t.on(e, (l) => {
-        r.current(l);
+function W(n, t) {
+  const e = i(), r = B(t);
+  r.current = t, d(() => {
+    if (e)
+      return e.on(n, (s) => {
+        r.current(s);
       });
-  }, [t, e]);
+  }, [e, 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 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);
       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 = () => {
+      t.getAccess({ skipTrial: s, skipVisibility: l, signal: a.signal }).then((S) => {
+        o || a.signal.aborted || r({ status: "ready", result: S });
       }).catch(() => {
       });
     };
-    a();
-    const y = n.on("userChange", a), g = n.on("purchase_completed", a);
+    u();
+    const f = t.on("userChange", u), b = t.on("purchase_completed", u);
     return () => {
-      d = !0, c.abort(), y(), g();
+      o = !0, a.abort(), f(), b();
     };
-  }, [n, l, s]), t;
+  }, [t, s, l]), e;
 }
-function L() {
-  const e = o(), [n, t] = p(() => ({
-    prices: e?.getCachedPrices() ?? null,
+function q() {
+  const n = i(), [t, e] = p(() => ({
+    prices: n?.getCachedPrices() ?? null,
     loading: !0,
     error: null
   }));
-  return u(() => {
-    if (!e) {
-      t({ prices: null, loading: !0, error: null });
+  return d(() => {
+    if (!n) {
+      e({ prices: null, loading: !0, error: null });
       return;
     }
-    const r = e.getCachedPrices();
-    t({ prices: r, loading: r === null, error: null });
-    const l = new AbortController();
-    let s = !1;
+    const r = n.getCachedPrices();
+    e({ prices: r, loading: r === null, error: null });
+    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 || e({ prices: u, loading: !1, error: null });
+      }).catch((u) => {
+        l || s.signal.aborted || e((f) => ({
+          prices: f.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 && e({ prices: u, loading: !1, error: null });
     });
     return () => {
-      s = !0, l.abort(), d();
+      l = !0, s.abort(), o();
     };
-  }, [e]), n;
+  }, [n]), t;
 }
-function W() {
-  const e = o(), [n, t] = p(
-    () => e?.getTrialStatus() ?? null
-  ), r = f(() => {
-    if (!e) {
-      t(null);
+function z() {
+  const n = i(), [t, e] = p(
+    () => n?.getTrialStatus() ?? null
+  ), r = y(() => {
+    if (!n) {
+      e(null);
       return;
     }
-    t(e.getTrialStatus());
-  }, [e]);
-  return u(() => {
-    if (!e) {
-      t(null);
+    e(n.getTrialStatus());
+  }, [n]);
+  return d(() => {
+    if (!n) {
+      e(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]), t;
 }
-function q() {
-  const e = o(), [n, t] = p(
-    () => e?.getVisibility() ?? null
-  ), r = f(() => {
-    if (!e) {
-      t(null);
+function J() {
+  const n = i(), [t, e] = p(
+    () => n?.getVisibility() ?? null
+  ), r = y(() => {
+    if (!n) {
+      e(null);
       return;
     }
-    t(e.getVisibility());
-  }, [e]);
-  return u(() => {
-    if (!e) {
-      t(null);
+    e(n.getVisibility());
+  }, [n]);
+  return d(() => {
+    if (!n) {
+      e(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]), t;
 }
-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 });
-  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({
-    result: t.result,
-    open: () => n?.open()
-  }) }) : /* @__PURE__ */ i(P, { children: s ?? null });
+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 });
+  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 });
 }
-const U = B(
-  function(n, t) {
-    const r = o(), {
-      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 = () => {
+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 (l) {
+        switch (s) {
           case "support":
-            r.openSupport(w);
+            r.openSupport(g);
             return;
           case "auth":
           case "signin":
-            r.openSignin(w);
+            r.openSignin(g);
             return;
           case "signup":
-            r.openSignup(w);
+            r.openSignup(g);
             return;
           default:
-            r.open(w);
+            r.open(g);
         }
     };
-    return y ? y({ open: v, ready: h }) : /* @__PURE__ */ i(
+    return f ? f({ open: m, ready: k }) : /* @__PURE__ */ c(
       "button",
       {
-        ref: t,
+        ref: e,
         type: "button",
-        disabled: b || !h,
-        "aria-busy": h ? void 0 : !0,
-        onClick: (V) => {
-          v(), g?.(V);
+        disabled: S || !k,
+        "aria-busy": k ? void 0 : !0,
+        onClick: (R) => {
+          m(), b?.(R);
         },
-        ...E
+        ...O
       }
     );
   }
-), J = B(function(n, t) {
-  return /* @__PURE__ */ i(U, { ...n, mode: "support", ref: t });
+), Q = V(function(t, e) {
+  return /* @__PURE__ */ c(I, { ...t, mode: "support", ref: e });
 });
 export {
-  U as PaywallButton,
-  z as PaywallGate,
+  I as PaywallButton,
+  K 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
+  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
 };
 //# sourceMappingURL=index.js.map