@kelviq/react-sdk 2.0.2-beta → 2.1.0

package/dist/kelviq-react-sdk.js

@@ -1,164 +1,164 @@
-import { jsx as S, Fragment as M } from "react/jsx-runtime";
-import { createContext as Q, useState as $, useCallback as w, useEffect as ee, useMemo as te, useContext as re } from "react";
-const ne = "GET", se = 5e3, oe = 3, ie = 1e3;
-function O(n) {
+import { jsx as L, Fragment as w } from "react/jsx-runtime";
+import { createContext as oe, useState as I, useCallback as K, useEffect as se, useMemo as ae, useContext as le } from "react";
+const ce = "GET", ue = 5e3, de = 3, fe = 1e3;
+function x(n) {
   const {
-    method: s = ne,
-    headers: o = {},
+    method: i = ce,
+    headers: a = {},
     // Renamed to avoid conflict with internal 'headers' variable
-    body: t,
-    timeout: E = se,
-    maxRetries: g = oe,
-    backoffBaseDelay: v = ie,
-    queryParams: A,
-    accessToken: l
+    body: r,
+    timeout: f = ue,
+    maxRetries: l = de,
+    backoffBaseDelay: c = fe,
+    queryParams: E,
+    accessToken: o
     // Use the direct accessToken
   } = n;
-  let { url: d } = n, L = 0;
-  return new Promise((R, P) => {
-    if (A) {
-      const a = new URLSearchParams();
-      for (const m in A)
-        A[m] !== void 0 && a.append(m, String(A[m]));
-      a.toString() && (d += (d.includes("?") ? "&" : "?") + a.toString());
+  let { url: s } = n, p = 0;
+  return new Promise((q, U) => {
+    if (E) {
+      const v = new URLSearchParams();
+      for (const S in E)
+        E[S] !== void 0 && v.append(S, String(E[S]));
+      v.toString() && (s += (s.includes("?") ? "&" : "?") + v.toString());
     }
-    function C() {
-      const a = new XMLHttpRequest();
-      a.open(s, d, !0), a.timeout = E;
-      const m = {
+    function b() {
+      const v = new XMLHttpRequest();
+      v.open(i, s, !0), v.timeout = f;
+      const S = {
         Accept: "application/json",
         "X-Requested-With": "XMLHttpRequest",
-        ...o
+        ...a
         // Apply custom headers, allowing them to override defaults
       };
-      s !== "GET" && t && typeof t == "object" && !(t instanceof FormData) && (m["Content-Type"] || (m["Content-Type"] = "application/json")), l && (m.Authorization = `Bearer ${l}`);
-      for (const [i, f] of Object.entries(m))
-        a.setRequestHeader(i, f);
-      a.onload = function() {
-        const { status: i, statusText: f, responseText: T } = a;
-        if (i >= 200 && i < 300)
+      i !== "GET" && r && typeof r == "object" && !(r instanceof FormData) && (S["Content-Type"] || (S["Content-Type"] = "application/json")), o && (S.Authorization = `Bearer ${o}`);
+      for (const [u, m] of Object.entries(S))
+        v.setRequestHeader(u, m);
+      v.onload = function() {
+        const { status: u, statusText: m, responseText: y } = v;
+        if (u >= 200 && u < 300)
           try {
-            const b = T ? JSON.parse(T) : {};
-            R({ status: i, statusText: f, data: b });
-          } catch (b) {
-            const q = b instanceof Error ? b : new Error(String(b));
+            const P = y ? JSON.parse(y) : {};
+            q({ status: u, statusText: m, data: P });
+          } catch (P) {
+            const _ = P instanceof Error ? P : new Error(String(P));
             console.error(
-              `Kelviq SDK (apiRequest): Invalid JSON response for URL ${d}. Error: ${q.message}. Response: ${T}`
-            ), P(
+              `Kelviq SDK (apiRequest): Invalid JSON response for URL ${s}. Error: ${_.message}. Response: ${y}`
+            ), U(
               new Error(
-                `Invalid JSON response: ${q.message}`
+                `Invalid JSON response: ${_.message}`
               )
             );
           }
         else
-          p(
-            `Request to ${d} failed with status ${i} ${f}. Response: ${T}`
+          A(
+            `Request to ${s} failed with status ${u} ${m}. Response: ${y}`
           );
-      }, a.onerror = () => p(
-        `Network error for URL ${d}. The request could not be completed.`
-      ), a.ontimeout = () => p(`Request to ${d} timed out.`);
-      function p(i) {
-        if (L < g) {
-          L++;
-          const f = Math.min(
-            v * Math.pow(2, L - 1),
+      }, v.onerror = () => A(
+        `Network error for URL ${s}. The request could not be completed.`
+      ), v.ontimeout = () => A(`Request to ${s} timed out.`);
+      function A(u) {
+        if (p < l) {
+          p++;
+          const m = Math.min(
+            c * Math.pow(2, p - 1),
             3e4
             // Cap retry delay at 30 seconds
           );
           console.warn(
-            `Kelviq SDK (apiRequest): Retrying request to ${d}. Attempt ${L}/${g}. Error: ${i}. Retrying in ${f}ms.`
-          ), setTimeout(C, f);
+            `Kelviq SDK (apiRequest): Retrying request to ${s}. Attempt ${p}/${l}. Error: ${u}. Retrying in ${m}ms.`
+          ), setTimeout(b, m);
         } else
-          P(
+          U(
             new Error(
-              `${i} (Max retries ${g} reached)`
+              `${u} (Max retries ${l} reached)`
             )
           );
       }
       try {
-        let i = t;
-        t && typeof t == "object" && !(t instanceof FormData) && m["Content-Type"] === "application/json" && (i = JSON.stringify(t)), a.send(i);
-      } catch (i) {
-        const f = i instanceof Error ? i : new Error(String(i));
+        let u = r;
+        r && typeof r == "object" && !(r instanceof FormData) && S["Content-Type"] === "application/json" && (u = JSON.stringify(r)), v.send(u);
+      } catch (u) {
+        const m = u instanceof Error ? u : new Error(String(u));
         console.error(
-          `Kelviq SDK (apiRequest): Error sending request to ${d}.`,
-          f
-        ), P(new Error(`Failed to send request: ${f.message}`));
+          `Kelviq SDK (apiRequest): Error sending request to ${s}.`,
+          m
+        ), U(new Error(`Failed to send request: ${m.message}`));
       }
     }
-    C();
+    b();
   });
 }
-function ae(n, s) {
-  const o = s[0].featureType;
-  if (o === "METER") {
-    let t = 0, E = 0, g = !1;
-    for (const A of s) {
-      const l = A, d = typeof l.usageLimit == "number" ? l.usageLimit : null, L = typeof l.currentUsage == "number" ? l.currentUsage : 0;
-      d === null && (t = null), t !== null && (t += d), E += L, l.hardLimit && (g = !0);
+function me(n, i) {
+  const a = i[0].featureType;
+  if (a === "METER") {
+    let r = 0, f = 0, l = !1;
+    for (const E of i) {
+      const o = E, s = typeof o.usageLimit == "number" ? o.usageLimit : null, p = typeof o.currentUsage == "number" ? o.currentUsage : 0;
+      s === null && (r = null), r !== null && (r += s), f += p, o.hardLimit && (l = !0);
     }
-    const v = t !== null ? t - E : null;
+    const c = r !== null ? r - f : null;
     return {
       featureId: n,
-      featureType: o,
-      hasAccess: v === null || v > 0,
-      currentUsage: E,
-      usageLimit: t,
-      remaining: v,
-      hardLimit: g,
-      items: s
+      featureType: a,
+      hasAccess: c === null || c > 0,
+      currentUsage: f,
+      usageLimit: r,
+      remaining: c,
+      hardLimit: l,
+      items: i
     };
   }
-  if (o === "CUSTOMIZABLE") {
-    const t = s[0];
+  if (a === "CUSTOMIZABLE") {
+    const r = i[0];
     return {
       featureId: n,
-      featureType: o,
-      hasAccess: s.some((E) => E.hasAccess),
-      currentUsage: typeof t.currentUsage == "number" ? t.currentUsage : 0,
-      usageLimit: typeof t.usageLimit == "number" ? t.usageLimit : null,
-      remaining: typeof t.remaining == "number" ? t.remaining : null,
-      hardLimit: t.hardLimit === !0,
-      items: s
+      featureType: a,
+      hasAccess: i.some((f) => f.hasAccess),
+      currentUsage: typeof r.currentUsage == "number" ? r.currentUsage : 0,
+      usageLimit: typeof r.usageLimit == "number" ? r.usageLimit : null,
+      remaining: typeof r.remaining == "number" ? r.remaining : null,
+      hardLimit: r.hardLimit === !0,
+      items: i
     };
   }
   return {
     featureId: n,
-    featureType: o,
-    hasAccess: s.some((t) => t.hasAccess),
+    featureType: a,
+    hasAccess: i.some((r) => r.hasAccess),
     currentUsage: 0,
     usageLimit: null,
     remaining: null,
     hardLimit: !1,
-    items: s
+    items: i
   };
 }
-function le(n) {
-  const s = {};
+function ge(n) {
+  const i = {};
   if (!n || !Array.isArray(n.entitlements))
     return console.warn(
       "Kelviq SDK: Invalid or empty entitlements array in API response.",
       n
-    ), s;
-  const o = {};
-  for (const t of n.entitlements) {
-    if (!t || typeof t.featureId != "string" || typeof t.featureType != "string") {
+    ), i;
+  const a = {};
+  for (const r of n.entitlements) {
+    if (!r || typeof r.featureId != "string" || typeof r.featureType != "string") {
       console.warn(
         "Kelviq SDK: Skipping invalid raw entitlement object:",
-        t
+        r
       );
       continue;
     }
-    o[t.featureId] || (o[t.featureId] = []), o[t.featureId].push(t);
+    a[r.featureId] || (a[r.featureId] = []), a[r.featureId].push(r);
   }
-  for (const t in o)
-    s[t] = ae(
-      t,
-      o[t]
+  for (const r in a)
+    i[r] = me(
+      r,
+      a[r]
     );
-  return s;
+  return i;
 }
-const V = {
+const re = {
   allEntitlements: {
     data: null,
     isLoading: !0,
@@ -193,456 +193,628 @@ const V = {
   refreshCustomer: () => (console.warn(
     "refreshCustomer called on default KelviqContext. Ensure KelviqProvider is properly set up."
   ), Promise.resolve()),
+  pricing: {
+    data: null,
+    isLoading: !1,
+    error: null
+  },
+  refreshPricing: () => (console.warn(
+    "refreshPricing called on default KelviqContext. Ensure KelviqProvider is properly set up."
+  ), Promise.resolve()),
   isLoading: !0,
   error: null,
   apiUrl: "",
   environment: "production",
   entitlementsPath: "",
   customerId: ""
-}, Y = Q(
-  V
-), ue = "https://edge.api.kelviq.com/api/v1/", ce = "https://edge.sandboxapi.kelviq.com/api/v1/", de = "https://api.kelviq.com/api/v1/", fe = "https://sandboxapi.kelviq.com/api/v1/", me = "entitlements/", pe = ({
+}, te = oe(
+  re
+), pe = "https://edge.api.kelviq.com/api/v1/", he = "https://edge.sandboxapi.kelviq.com/api/v1/", Ee = "https://api.kelviq.com/api/v1/", Le = "https://sandboxapi.kelviq.com/api/v1/", ve = "entitlements/", Ae = "monetization/product-offering/", qe = ({
   children: n,
-  apiUrl: s,
-  entitlementsPath: o = me,
-  customerId: t,
-  environment: E = "production",
-  accessToken: g,
-  config: v = {}
+  apiUrl: i,
+  entitlementsPath: a = ve,
+  customerId: r,
+  environment: f = "production",
+  accessToken: l,
+  productId: c,
+  config: E = {}
 }) => {
   const {
-    onError: A,
-    maxRetries: l,
-    timeout: d,
-    backoffBaseDelay: L,
-    fetchEntitlementsOnMount: R = !0,
-    fetchSubscriptionsOnMount: P = !1,
-    fetchCustomerOnMount: C = !1
-  } = v, a = s || (E === "sandbox" ? ce : ue), m = E === "sandbox" ? fe : de, [p, i] = $({
+    onError: o,
+    maxRetries: s,
+    timeout: p,
+    backoffBaseDelay: q,
+    fetchEntitlementsOnMount: U = !0,
+    fetchSubscriptionsOnMount: b = !1,
+    fetchCustomerOnMount: v = !1,
+    fetchPricingOnMount: S = !1
+  } = E, A = i || (f === "sandbox" ? he : pe), u = f === "sandbox" ? Le : Ee, [m, y] = I({
+    data: null,
+    isLoading: !!A && U,
+    error: null
+  }), [P, _] = I(null), [k, T] = I({
     data: null,
-    isLoading: !!a && R,
+    isLoading: !!A && b,
     error: null
-  }), [f, T] = $(null), [b, q] = $({
+  }), [X, M] = I({
     data: null,
-    isLoading: !!a && P,
+    isLoading: !!A && v,
     error: null
-  }), [N, I] = $({
+  }), [z, D] = I({
     data: null,
-    isLoading: !!a && C,
+    isLoading: !!A && S,
     error: null
-  }), [D, U] = $(
-    !!a && R
-  ), [k, x] = $(null), h = w(
-    (u, e, r) => {
-      const c = new Error(
-        `Kelviq SDK (${e}): ${u}`
+  }), [F, $] = I(
+    !!A && U
+  ), [W, j] = I(null), h = K(
+    (d, e, t) => {
+      const g = new Error(
+        `Kelviq SDK (${e}): ${d}`
       );
-      console.error(c.message, r || ""), x((y) => y || c), A && A(c);
+      console.error(g.message, t || ""), j((R) => R || g), o && o(g);
     },
-    [A]
-  ), _ = w(() => {
-    if (!a) {
-      const r = "API URL not configured. Cannot fetch entitlements.";
-      return i({
+    [o]
+  ), O = K(() => {
+    if (!A) {
+      const t = "API URL not configured. Cannot fetch entitlements.";
+      return y({
         data: null,
         isLoading: !1,
-        error: new Error(r)
-      }), h(r, "fetchAllEntitlements"), U(!1), Promise.reject(new Error(r));
+        error: new Error(t)
+      }), h(t, "fetchAllEntitlements"), $(!1), Promise.reject(new Error(t));
     }
-    if (!t) {
-      const r = "CustomerId must be provided as props to KelviqProvider.";
-      return i(() => ({
+    if (!r) {
+      const t = "CustomerId must be provided as props to KelviqProvider.";
+      return y(() => ({
         data: null,
         isLoading: !1,
-        error: new Error(r)
-      })), h(r, "fetchAllEntitlements"), U(!1), Promise.reject(new Error(r));
+        error: new Error(t)
+      })), h(t, "fetchAllEntitlements"), $(!1), Promise.reject(new Error(t));
     }
-    i((r) => ({
-      ...r,
+    y((t) => ({
+      ...t,
       isLoading: !0,
       error: null
-    })), U(!0), x(null);
-    const u = `${a.replace(/\/$/, "")}/${o.replace(/^\//, "")}`;
-    return O({
-      url: u,
+    })), $(!0), j(null);
+    const d = `${A.replace(/\/$/, "")}/${a.replace(/^\//, "")}`;
+    return x({
+      url: d,
       method: "GET",
-      timeout: d,
-      maxRetries: l,
-      backoffBaseDelay: L,
-      accessToken: g,
+      timeout: p,
+      maxRetries: s,
+      backoffBaseDelay: q,
+      accessToken: l,
       queryParams: {
-        customer_id: t
+        customer_id: r
       }
-    }).then((r) => {
-      if (r && r.data && Array.isArray(r.data.entitlements)) {
-        T(r.data);
-        const c = le(
-          r.data
+    }).then((t) => {
+      if (t && t.data && Array.isArray(t.data.entitlements)) {
+        _(t.data);
+        const g = ge(
+          t.data
         );
-        i({
-          data: c,
+        y({
+          data: g,
           isLoading: !1,
           error: null
         });
       } else {
-        const c = new Error(
+        const g = new Error(
           "Received empty, malformed, or invalid data structure from entitlements API."
         );
-        throw i({
+        throw y({
           data: null,
           isLoading: !1,
-          error: c
+          error: g
         }), h(
-          c.message,
+          g.message,
           "fetchAllEntitlements",
-          r
-        ), c;
+          t
+        ), g;
       }
-    }).catch((r) => {
-      const c = r instanceof Error ? r : new Error(String(r));
-      return i((y) => ({
-        ...y,
+    }).catch((t) => {
+      const g = t instanceof Error ? t : new Error(String(t));
+      return y((R) => ({
+        ...R,
         isLoading: !1,
-        error: c
-      })), h(c.message, "fetchAllEntitlements", r), Promise.reject(c);
+        error: g
+      })), h(g.message, "fetchAllEntitlements", t), Promise.reject(g);
     }).finally(() => {
-      U(!1);
+      $(!1);
     });
   }, [
+    A,
+    r,
     a,
-    t,
-    o,
-    d,
+    p,
+    s,
+    q,
     l,
-    L,
-    g,
     h
-  ]), j = w(() => {
-    if (!m) {
+  ]), B = K(() => {
+    if (!u) {
       const e = "Main API URL not configured. Cannot fetch subscriptions.";
-      return q({
+      return T({
         data: null,
         isLoading: !1,
         error: new Error(e)
       }), h(e, "fetchSubscriptions"), Promise.reject(new Error(e));
     }
-    if (!t) {
+    if (!r) {
       const e = "CustomerId must be provided as props to KelviqProvider.";
-      return q({
+      return T({
         data: null,
         isLoading: !1,
         error: new Error(e)
       }), h(e, "fetchSubscriptions"), Promise.reject(new Error(e));
     }
-    q((e) => ({
+    T((e) => ({
       ...e,
       isLoading: !0,
       error: null
     }));
-    const u = `${m.replace(/\/$/, "")}/subscriptions/`;
-    return O({
-      url: u,
+    const d = `${u.replace(/\/$/, "")}/subscriptions/`;
+    return x({
+      url: d,
       method: "GET",
-      timeout: d,
-      maxRetries: l,
-      backoffBaseDelay: L,
-      accessToken: g,
-      queryParams: { customer_id: t }
+      timeout: p,
+      maxRetries: s,
+      backoffBaseDelay: q,
+      accessToken: l,
+      queryParams: { customer_id: r }
     }).then((e) => {
       if (e && e.data && Array.isArray(e.data.results))
-        q({
+        T({
           data: e.data.results,
           isLoading: !1,
           error: null
         });
       else {
-        const r = new Error(
+        const t = new Error(
           "Received empty, malformed, or invalid data structure from subscriptions API."
         );
-        throw q({
+        throw T({
           data: null,
           isLoading: !1,
-          error: r
+          error: t
         }), h(
-          r.message,
+          t.message,
           "fetchSubscriptions",
           e
-        ), r;
+        ), t;
       }
     }).catch((e) => {
-      const r = e instanceof Error ? e : new Error(String(e));
-      return q((c) => ({
-        ...c,
+      const t = e instanceof Error ? e : new Error(String(e));
+      return T((g) => ({
+        ...g,
         isLoading: !1,
-        error: r
+        error: t
       })), h(
-        r.message,
+        t.message,
         "fetchSubscriptions",
         e
-      ), Promise.reject(r);
+      ), Promise.reject(t);
     });
   }, [
-    m,
-    t,
-    d,
+    u,
+    r,
+    p,
+    s,
+    q,
     l,
-    L,
-    g,
     h
-  ]), F = w(() => {
-    if (!m) {
+  ]), N = K(() => {
+    if (!u) {
       const e = "Main API URL not configured. Cannot fetch customer.";
-      return I({
+      return M({
         data: null,
         isLoading: !1,
         error: new Error(e)
       }), h(e, "fetchCustomer"), Promise.reject(new Error(e));
     }
-    if (!t) {
+    if (!r) {
       const e = "CustomerId must be provided as props to KelviqProvider.";
-      return I({
+      return M({
         data: null,
         isLoading: !1,
         error: new Error(e)
       }), h(e, "fetchCustomer"), Promise.reject(new Error(e));
     }
-    I((e) => ({
+    M((e) => ({
       ...e,
       isLoading: !0,
       error: null
     }));
-    const u = `${m.replace(/\/$/, "")}/customers/${t}/`;
-    return O({
-      url: u,
+    const d = `${u.replace(/\/$/, "")}/customers/${r}/`;
+    return x({
+      url: d,
       method: "GET",
-      timeout: d,
-      maxRetries: l,
-      backoffBaseDelay: L,
-      accessToken: g
+      timeout: p,
+      maxRetries: s,
+      backoffBaseDelay: q,
+      accessToken: l
     }).then((e) => {
       if (e && e.data)
-        I({
+        M({
           data: e.data,
           isLoading: !1,
           error: null
         });
       else {
-        const r = new Error(
+        const t = new Error(
           "Received empty or invalid data from customer API."
         );
-        throw I({
+        throw M({
           data: null,
           isLoading: !1,
-          error: r
+          error: t
         }), h(
-          r.message,
+          t.message,
           "fetchCustomer",
           e
-        ), r;
+        ), t;
       }
     }).catch((e) => {
-      const r = e instanceof Error ? e : new Error(String(e));
-      return I((c) => ({
-        ...c,
+      const t = e instanceof Error ? e : new Error(String(e));
+      return M((g) => ({
+        ...g,
         isLoading: !1,
-        error: r
-      })), h(r.message, "fetchCustomer", e), Promise.reject(r);
+        error: t
+      })), h(t.message, "fetchCustomer", e), Promise.reject(t);
     });
   }, [
-    m,
-    t,
-    d,
+    u,
+    r,
+    p,
+    s,
+    q,
+    l,
+    h
+  ]), G = K(() => {
+    if (!u) {
+      const e = "Main API URL not configured. Cannot fetch pricing.";
+      return D({
+        data: null,
+        isLoading: !1,
+        error: new Error(e)
+      }), h(e, "fetchPricing"), Promise.reject(new Error(e));
+    }
+    if (!c) {
+      const e = "productId must be provided as a prop to KelviqProvider to fetch pricing.";
+      return D({
+        data: null,
+        isLoading: !1,
+        error: new Error(e)
+      }), h(e, "fetchPricing"), Promise.reject(new Error(e));
+    }
+    D((e) => ({
+      ...e,
+      isLoading: !0,
+      error: null
+    }));
+    const d = `${u.replace(/\/$/, "")}/${Ae.replace(/^\//, "")}${c}/`;
+    return x({
+      url: d,
+      method: "GET",
+      timeout: p,
+      maxRetries: s,
+      backoffBaseDelay: q,
+      accessToken: l
+    }).then((e) => {
+      if (e && e.data && Array.isArray(e.data.plans))
+        D({
+          data: e.data,
+          isLoading: !1,
+          error: null
+        });
+      else {
+        const t = new Error(
+          "Received empty, malformed, or invalid data structure from pricing API."
+        );
+        throw D({
+          data: null,
+          isLoading: !1,
+          error: t
+        }), h(
+          t.message,
+          "fetchPricing",
+          e
+        ), t;
+      }
+    }).catch((e) => {
+      const t = e instanceof Error ? e : new Error(String(e));
+      return D((g) => ({
+        ...g,
+        isLoading: !1,
+        error: t
+      })), h(t.message, "fetchPricing", e), Promise.reject(t);
+    });
+  }, [
+    u,
+    c,
+    p,
+    s,
+    q,
     l,
-    L,
-    g,
     h
   ]);
-  ee(() => {
-    let u = !0;
-    if (!a) {
-      if (u) {
+  se(() => {
+    let d = !0;
+    if (!A) {
+      if (d) {
         const e = new Error(
           "KelviqProvider: `apiBaseUrl` must be provided in config."
         );
-        x(e), U(!1), i((r) => ({
-          ...r,
+        j(e), $(!1), y((t) => ({
+          ...t,
           isLoading: !1,
           error: e
-        })), v.onError && v.onError(e);
+        })), E.onError && E.onError(e);
       }
       return;
     }
-    return R ? _().catch((e) => {
-      u && D && U(!1), console.error(
+    return U ? O().catch((e) => {
+      d && F && $(!1), console.error(
         "Kelviq SDK: Initial entitlement fetch failed.",
         e
       );
-    }) : u && (i((e) => ({
+    }) : d && (y((e) => ({
       ...e,
       isLoading: !1,
       data: null,
       error: null
-    })), U(!1)), P && j().catch((e) => {
+    })), $(!1)), b && B().catch((e) => {
       console.error(
         "Kelviq SDK: Initial subscriptions fetch failed.",
         e
       );
-    }), C && F().catch((e) => {
+    }), v && N().catch((e) => {
       console.error(
         "Kelviq SDK: Initial customer fetch failed.",
         e
       );
+    }), S && G().catch((e) => {
+      console.error(
+        "Kelviq SDK: Initial pricing fetch failed.",
+        e
+      );
     }), () => {
-      u = !1;
+      d = !1;
     };
-  }, [a, R, P, C, v.onError]);
-  const G = w(
-    () => p.data ? p.data : {},
-    [p.data]
-  ), H = w(
-    () => f ? {
-      customerId: f.customerId,
-      entitlements: f.entitlements
+  }, [A, U, b, v, S]);
+  const J = K(
+    () => m.data ? m.data : {},
+    [m.data]
+  ), Q = K(
+    () => P ? {
+      customerId: P.customerId,
+      entitlements: P.entitlements
     } : null,
-    [f]
-  ), X = w(
-    (u) => f ? {
-      customerId: f.customerId,
-      entitlements: f.entitlements.filter(
-        (e) => e.featureId === u
+    [P]
+  ), V = K(
+    (d) => P ? {
+      customerId: P.customerId,
+      entitlements: P.entitlements.filter(
+        (e) => e.featureId === d
       )
     } : null,
-    [f]
-  ), W = w(
-    (u) => p.data ? p.data[u] ?? null : null,
-    [p.data]
-  ), z = w(
-    (u, e) => {
-      i((r) => {
-        if (!r.data) return r;
-        const c = r.data[u];
-        if (!c) return r;
-        const y = { ...c, ...e };
-        return ("usageLimit" in e || "currentUsage" in e) && (y.remaining = y.usageLimit !== null ? y.usageLimit - y.currentUsage : null), {
-          ...r,
+    [P]
+  ), Y = K(
+    (d) => m.data ? m.data[d] ?? null : null,
+    [m.data]
+  ), Z = K(
+    (d, e) => {
+      y((t) => {
+        if (!t.data) return t;
+        const g = t.data[d];
+        if (!g) return t;
+        const R = { ...g, ...e };
+        return ("usageLimit" in e || "currentUsage" in e) && (R.remaining = R.usageLimit !== null ? R.usageLimit - R.currentUsage : null), {
+          ...t,
           data: {
-            ...r.data,
-            [u]: y
+            ...t.data,
+            [d]: R
           }
         };
       });
     },
     []
-  ), J = w(
-    (u) => {
-      if (!p.data) return !1;
-      const e = p.data[u];
+  ), ee = K(
+    (d) => {
+      if (!m.data) return !1;
+      const e = m.data[d];
       return e ? e.hasAccess : !1;
     },
-    [p.data]
-  ), Z = te(
+    [m.data]
+  ), ie = ae(
     () => ({
-      allEntitlements: p,
-      refreshAllEntitlements: _,
-      getEntitlements: G,
-      getEntitlement: W,
-      getRawEntitlements: H,
-      getRawEntitlement: X,
-      hasAccess: J,
-      updateEntitlement: z,
-      subscriptions: b,
-      refreshSubscriptions: j,
-      customer: N,
-      refreshCustomer: F,
-      isLoading: D,
-      error: k,
-      environment: E,
-      apiUrl: a,
-      entitlementsPath: o,
-      customerId: t
+      allEntitlements: m,
+      refreshAllEntitlements: O,
+      getEntitlements: J,
+      getEntitlement: Y,
+      getRawEntitlements: Q,
+      getRawEntitlement: V,
+      hasAccess: ee,
+      updateEntitlement: Z,
+      subscriptions: k,
+      refreshSubscriptions: B,
+      customer: X,
+      refreshCustomer: N,
+      pricing: z,
+      refreshPricing: G,
+      isLoading: F,
+      error: W,
+      environment: f,
+      apiUrl: A,
+      entitlementsPath: a,
+      customerId: r
     }),
     [
-      p,
-      _,
-      G,
-      W,
-      H,
-      X,
+      m,
+      O,
       J,
-      z,
-      b,
-      j,
+      Y,
+      Q,
+      V,
+      ee,
+      Z,
+      k,
+      B,
+      X,
       N,
+      z,
+      G,
       F,
-      D,
-      k,
-      E,
+      W,
+      f,
+      A,
       a,
-      o,
-      t
+      r
     ]
   );
-  return /* @__PURE__ */ S(Y.Provider, { value: Z, children: n });
-}, K = () => {
-  const n = re(Y);
-  if (n === void 0 || n === V)
+  return /* @__PURE__ */ L(te.Provider, { value: ie, children: n });
+}, C = () => {
+  const n = le(te);
+  if (n === void 0 || n === re)
     throw new Error(
       "useKelviq must be used within an initialized KelviqProvider."
     );
   return n;
-}, B = ({
+}, H = ({
   featureId: n,
-  children: s,
-  fallback: o = null,
-  loadingComponent: t,
-  condition: E
+  children: i,
+  fallback: a = null,
+  loadingComponent: r,
+  condition: f
 }) => {
   const {
-    getEntitlement: g,
-    isLoading: v,
-    error: A
-  } = K(), l = g(n);
-  return v && !l ? /* @__PURE__ */ S(M, { children: t !== void 0 ? t : o }) : A && !l ? /* @__PURE__ */ S(M, { children: o }) : !l || !l.hasAccess || E && !E(l) ? /* @__PURE__ */ S(M, { children: o }) : typeof s == "function" ? /* @__PURE__ */ S(M, { children: s(l) }) : /* @__PURE__ */ S(M, { children: s });
-}, he = (n) => /* @__PURE__ */ S(B, { ...n }), Le = (n) => {
-  const s = (o) => o.hasAccess && (o.remaining === null || o.remaining > 0);
-  return /* @__PURE__ */ S(
-    B,
+    getEntitlement: l,
+    isLoading: c,
+    error: E
+  } = C(), o = l(n);
+  return c && !o ? /* @__PURE__ */ L(w, { children: r !== void 0 ? r : a }) : E && !o ? /* @__PURE__ */ L(w, { children: a }) : !o || !o.hasAccess || f && !f(o) ? /* @__PURE__ */ L(w, { children: a }) : typeof i == "function" ? /* @__PURE__ */ L(w, { children: i(o) }) : /* @__PURE__ */ L(w, { children: i });
+}, Se = (n) => /* @__PURE__ */ L(H, { ...n }), be = (n) => {
+  const i = (a) => a.hasAccess && (a.remaining === null || a.remaining > 0);
+  return /* @__PURE__ */ L(
+    H,
     {
       ...n,
-      condition: n.condition || s
+      condition: n.condition || i
     }
   );
-}, ve = (n) => /* @__PURE__ */ S(B, { ...n }), Ae = () => {
-  const { allEntitlements: n } = K();
+}, Ke = (n) => /* @__PURE__ */ L(H, { ...n }), Ue = () => {
+  const { allEntitlements: n } = C();
+  return n;
+}, Re = (n) => {
+  const { getEntitlement: i } = C();
+  return i(n);
+}, Ce = (n) => {
+  const { getEntitlement: i } = C();
+  return i(n);
+}, $e = (n) => {
+  const { getEntitlement: i } = C();
+  return i(n);
+}, Ie = () => {
+  const { subscriptions: n } = C();
   return n;
-}, we = (n) => {
-  const { getEntitlement: s } = K();
-  return s(n);
-}, qe = (n) => {
-  const { getEntitlement: s } = K();
-  return s(n);
-}, ye = (n) => {
-  const { getEntitlement: s } = K();
-  return s(n);
-}, Se = () => {
-  const { subscriptions: n } = K();
+}, Te = () => {
+  const { customer: n } = C();
   return n;
-}, be = () => {
-  const { customer: n } = K();
+}, ne = () => {
+  const { pricing: n } = C();
   return n;
+}, ye = (n, i, a = {}) => {
+  if (typeof n != "number")
+    return "";
+  const {
+    compact: r = !1,
+    locale: f = a.pricingLocale || "en-US",
+    includeCurrencySymbol: l = !0
+  } = a;
+  try {
+    const c = {
+      notation: r ? "compact" : "standard",
+      compactDisplay: "short"
+    }, o = new Intl.NumberFormat(f, c).format(n);
+    return l ? `${i}${o}` : o;
+  } catch {
+    const c = n.toString();
+    return l ? `${i}${c}` : c;
+  }
+}, Me = ({
+  planIdentifier: n,
+  billingPeriod: i,
+  children: a,
+  formatOptions: r,
+  loadingComponent: f = null,
+  fallback: l = null
+}) => {
+  const { data: c, isLoading: E } = ne();
+  if (E)
+    return /* @__PURE__ */ L(w, { children: f });
+  if (!c || !Array.isArray(c.plans))
+    return /* @__PURE__ */ L(w, { children: l });
+  const o = c.plans.find(
+    (b) => b.identifier === n && b.enabled
+  );
+  if (!o)
+    return /* @__PURE__ */ L(w, { children: l });
+  const s = o.price.charges.find(
+    (b) => b.chargePeriod === i
+  ) ?? null, p = s ? s.priceData.amount : 0, q = o.price.priceType === "FREE", U = q ? "Free" : ye(p, c.currencySymbol, {
+    ...r,
+    pricingLocale: c.pricingLocale
+  });
+  return /* @__PURE__ */ L(w, { children: a({
+    plan: o,
+    charge: s,
+    amount: p,
+    formattedPrice: U,
+    currencySymbol: c.currencySymbol,
+    currencyCode: c.currencyCode,
+    pricingLocale: c.pricingLocale,
+    isFree: q,
+    hasFreeTrial: o.price.freeTrial,
+    trialPeriod: o.price.trialPeriod
+  }) });
+}, De = ({
+  planIdentifier: n,
+  children: i,
+  loadingComponent: a = null,
+  fallback: r = null,
+  featureType: f
+}) => {
+  const { data: l, isLoading: c } = ne();
+  if (c)
+    return /* @__PURE__ */ L(w, { children: a });
+  if (!l || !Array.isArray(l.plans))
+    return /* @__PURE__ */ L(w, { children: r });
+  const E = l.plans.find(
+    (s) => s.identifier === n && s.enabled
+  );
+  if (!E)
+    return /* @__PURE__ */ L(w, { children: r });
+  let o = E.features.filter((s) => s.enabled);
+  return f && (o = o.filter((s) => s.featureType === f)), o.length === 0 ? /* @__PURE__ */ L(w, { children: r }) : /* @__PURE__ */ L(w, { children: o.map(
+    (s, p) => i({ feature: s, plan: E, index: p })
+  ) });
 };
 export {
-  Y as KelviqContext,
-  pe as KelviqProvider,
-  ve as ShowWhenBooleanEntitled,
-  he as ShowWhenCustomizableEntitled,
-  Le as ShowWhenMeteredEntitled,
-  V as defaultKelviqContextValue,
-  Ae as useAllEntitlements,
-  we as useBooleanEntitlement,
-  be as useCustomer,
-  qe as useCustomizableEntitlement,
-  K as useKelviq,
-  ye as useMeteredEntitlement,
-  Se as useSubscriptions
+  De as KQFeatureList,
+  Me as KQPrice,
+  te as KelviqContext,
+  qe as KelviqProvider,
+  Ke as ShowWhenBooleanEntitled,
+  Se as ShowWhenCustomizableEntitled,
+  be as ShowWhenMeteredEntitled,
+  re as defaultKelviqContextValue,
+  ye as kqFormatPrice,
+  Ue as useAllEntitlements,
+  Re as useBooleanEntitlement,
+  Te as useCustomer,
+  Ce as useCustomizableEntitlement,
+  C as useKelviq,
+  $e as useMeteredEntitlement,
+  ne as usePricing,
+  Ie as useSubscriptions
 };