@monetize.software/sdk-react 3.0.0-alpha.1 → 3.0.0-alpha.11

package/dist/index.js

@@ -1,237 +1,308 @@
 "use client";
-import { jsx as i, Fragment as P } from "react/jsx-runtime";
-import { createContext as A, useState as p, useEffect as u, useContext as C, useCallback as f, useSyncExternalStore as T, useRef as _, forwardRef as B } from "react";
-import { PaywallUI as O } from "@monetize.software/sdk";
-const S = A(null);
-S.displayName = "PaywallContext";
-const k = A(!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 h } from "react/jsx-runtime";
+import { createContext as E, useState as g, useEffect as p, useContext as A, useCallback as y, useSyncExternalStore as k, useRef as C, forwardRef as B } from "react";
+import { PaywallUI as U } from "@monetize.software/sdk";
+const m = E(null);
+m.displayName = "PaywallContext";
+const x = E(!1);
+x.displayName = "PaywallProviderMarker";
+function j(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 a = new O(t);
-    return l(a), () => {
-      a.destroy(), l(null);
+    const l = new U(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(x.Provider, { value: !0, children: /* @__PURE__ */ d(m.Provider, { value: r, children: n.children }) });
 }
-function o() {
-  const e = C(k), n = C(S);
-  if (!e)
+function c() {
+  const n = A(x), e = A(m);
+  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 T = { open: !1, view: null, error: null };
+function H() {
+  const n = c(), e = y(
+    (r) => n ? n.onStateChange(r, { immediate: "none" }) : () => {
     },
-    [e]
-  ), t = f(() => e ? e.getState() : m, [e]);
-  return T(n, t, () => m);
+    [n]
+  ), t = y(() => n ? n.getState() : T, [n]);
+  return k(e, t, () => T);
 }
-function F() {
-  const e = o(), n = f(
-    (r) => e ? e.on("userChange", () => r()) : () => {
+const b = { status: "loading", user: null, session: null }, P = { status: "guest", user: null, session: null };
+function W() {
+  const n = c(), e = C(b), 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 T(n, t, R);
+    [n]
+  ), r = y(() => {
+    if (!n)
+      return e.current = b, b;
+    const s = n.billing.getCachedUser();
+    if (n.auth) {
+      const l = n.auth.getCachedSession();
+      if (!l)
+        return e.current = P, P;
+      const a = e.current;
+      if (a.status === "signed_in" && a.user === s && a.session === l)
+        return a;
+      const i = { status: "signed_in", user: s, session: l };
+      return e.current = i, i;
+    }
+    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 = P, P;
+  }, [n]);
+  return k(t, r, I);
 }
-function R() {
-  return null;
+function I() {
+  return b;
 }
-function H(e, n) {
-  const t = o(), r = _(n);
-  r.current = n, u(() => {
+function $(n, e) {
+  const t = c(), r = C(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, a = e.skipVisibility === !0;
-  return u(() => {
-    if (!n) {
-      r(x);
+const _ = { status: "loading", result: null };
+function M(n = {}) {
+  const e = c(), [t, r] = g(_), s = n.skipTrial === !0, l = n.skipVisibility === !0;
+  return p(() => {
+    if (!e) {
+      r(_);
       return;
     }
-    const c = new AbortController();
-    let d = !1;
-    const s = () => {
-      n.getAccess({ skipTrial: l, skipVisibility: a, signal: c.signal }).then((g) => {
-        d || c.signal.aborted || r({ status: "ready", result: g });
+    const a = new AbortController();
+    let i = !1;
+    const u = () => {
+      e.getAccess({ skipTrial: s, skipVisibility: l, signal: a.signal }).then((S) => {
+        i || a.signal.aborted || r({ status: "ready", result: S });
       }).catch(() => {
       });
     };
-    s();
-    const y = n.on("userChange", s), b = n.on("purchase_completed", s);
+    u();
+    const o = e.on("userChange", u), f = e.on("purchase_completed", u);
     return () => {
-      d = !0, c.abort(), y(), b();
+      i = !0, a.abort(), o(), f();
     };
-  }, [n, l, a]), t;
+  }, [e, s, l]), t;
 }
-function L() {
-  const e = o(), [n, t] = p(() => ({
-    prices: e?.getCachedPrices() ?? null,
+function q() {
+  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 a = !1;
+    const s = new AbortController();
+    let l = !1;
     (() => {
-      e.getPrices({ signal: l.signal }).then((s) => {
-        a || t({ prices: s, loading: !1, error: null });
-      }).catch((s) => {
-        a || 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((o) => ({
+          prices: o.prices,
           loading: !1,
-          error: s instanceof Error ? s : new Error(String(s))
+          error: u instanceof Error ? u : new Error(String(u))
         }));
       });
     })();
-    const d = e.on("ready", () => {
-      const s = e.getCachedPrices();
-      s && t({ prices: s, loading: !1, error: null });
+    const i = n.on("ready", () => {
+      const u = n.getCachedPrices();
+      u && t({ prices: u, loading: !1, error: null });
     });
     return () => {
-      a = !0, l.abort(), d();
+      l = !0, s.abort(), i();
     };
-  }, [e]), n;
+  }, [n]), e;
 }
-function W() {
-  const e = o(), [n, t] = p(
-    () => e?.getTrialStatus() ?? null
-  ), r = f(() => {
+function z(n) {
+  const e = c(), [t, r] = g(
+    () => e ? e.getOfferForPrice(n) : null
+  ), s = C(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;
+    }, i = a(), u = e.on("ready", () => a());
+    let o = null;
+    return i && i.remainingMs !== null && (o = setInterval(() => {
+      const f = a();
+      (!f || f.remainingMs === null || f.remainingMs <= 0) && (o && clearInterval(o), o = null);
+    }, 1e3)), () => {
+      l = !0, u(), o && clearInterval(o);
+    };
+  }, [e, n]), t;
+}
+function J() {
+  const n = c(), e = y(
+    (r) => n ? n.on("ready", () => r()) : () => {
+    },
+    [n]
+  ), t = y(() => n ? n.getCachedOffers() : null, [n]);
+  return k(e, t, N);
+}
+function N() {
+  return null;
+}
+function K() {
+  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), a = e.on("trial_expired", r);
+    const s = n.on("trial_blocked", r), l = n.on("trial_expired", r);
     return () => {
-      l(), a();
+      s(), l();
     };
-  }, [e, r]), n;
+  }, [n, r]), e;
 }
-function q() {
-  const e = o(), [n, t] = p(
-    () => e?.getVisibility() ?? null
-  ), r = f(() => {
-    if (!e) {
+function Q() {
+  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), a = e.on("visibility_blocked", r);
+    const s = n.on("ready", r), l = n.on("visibility_blocked", r);
     return () => {
-      l(), a();
+      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 X(n) {
+  const e = c(), t = M(), 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(h, { children: n.loading ?? null });
   if (t.result.access === "granted")
-    return /* @__PURE__ */ i(P, { children: e.children });
-  const a = e.fallback;
-  return typeof a == "function" ? /* @__PURE__ */ i(P, { children: a({
+    return /* @__PURE__ */ d(h, { children: n.children });
+  const l = n.fallback;
+  return typeof l == "function" ? /* @__PURE__ */ d(h, { children: l({
     result: t.result,
-    open: () => n?.open()
-  }) }) : /* @__PURE__ */ i(P, { children: a ?? null });
+    open: () => e?.open()
+  }) }) : /* @__PURE__ */ d(h, { children: l ?? null });
 }
-const U = B(
-  function(n, t) {
-    const r = o(), {
-      mode: l = "paywall",
-      identity: a,
-      renew: c,
-      skipTrial: d,
-      skipVisibility: s,
-      render: y,
-      onClick: b,
-      disabled: g,
-      ...E
-    } = n, h = r !== null, w = { identity: a, renew: c, skipTrial: d, skipVisibility: s }, v = () => {
+const G = B(
+  function(e, t) {
+    const r = c(), {
+      mode: s = "paywall",
+      identity: l,
+      renew: a,
+      skipTrial: i,
+      skipVisibility: u,
+      render: o,
+      onClick: f,
+      disabled: S,
+      ...R
+    } = e, v = r !== null, w = { identity: l, renew: a, skipTrial: i, skipVisibility: u }, O = () => {
       if (r)
-        switch (l) {
+        switch (s) {
           case "support":
             r.openSupport(w);
             return;
           case "auth":
-            r.openAuth(w);
+          case "signin":
+            r.openSignin(w);
             return;
-          case "anon":
-            r.openAnonGate(w);
+          case "signup":
+            r.openSignup(w);
             return;
           default:
             r.open(w);
         }
     };
-    return y ? y({ open: v, ready: h }) : /* @__PURE__ */ i(
+    return o ? o({ open: O, ready: v }) : /* @__PURE__ */ d(
       "button",
       {
         ref: t,
         type: "button",
-        disabled: g || !h,
-        "aria-busy": h ? void 0 : !0,
+        disabled: S || !v,
+        "aria-busy": v ? void 0 : !0,
         onClick: (V) => {
-          v(), b?.(V);
+          O(), f?.(V);
         },
-        ...E
+        ...R
       }
     );
   }
-), J = B(function(n, t) {
-  return /* @__PURE__ */ i(U, { ...n, mode: "support", ref: t });
+), Y = B(function(e, t) {
+  return /* @__PURE__ */ d(G, { ...e, mode: "support", ref: t });
 });
 export {
-  U as PaywallButton,
-  z as PaywallGate,
+  G as PaywallButton,
+  X 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
+  Y as PaywallSupportButton,
+  c as usePaywall,
+  M as usePaywallAccess,
+  $ as usePaywallEvent,
+  z as usePaywallOffer,
+  J as usePaywallOffers,
+  q as usePaywallPrices,
+  H as usePaywallState,
+  K as usePaywallTrial,
+  W as usePaywallUser,
+  Q as usePaywallVisibility
 };
 //# sourceMappingURL=index.js.map