@kelviq/react-sdk 2.0.2 → 2.1.1

package/dist/kelviq-react-sdk.js

@@ -1,146 +1,146 @@
-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 se, useState as I, useCallback as R, useEffect as ae, useMemo as le, useContext as ce } from "react";
+const ue = "GET", de = 5e3, fe = 3, me = 1e3;
+function x(n) {
   const {
-    method: s = ne,
-    headers: o = {},
+    method: i = ue,
+    headers: s = {},
     // Renamed to avoid conflict with internal 'headers' variable
     body: t,
-    timeout: E = se,
-    maxRetries: g = oe,
-    backoffBaseDelay: v = ie,
-    queryParams: A,
-    accessToken: l
+    timeout: m = de,
+    maxRetries: u = fe,
+    backoffBaseDelay: d = me,
+    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: a } = n, g = 0;
+  return new Promise((q, P) => {
+    if (E) {
+      const v = new URLSearchParams();
+      for (const S in E)
+        E[S] !== void 0 && v.append(S, String(E[S]));
+      v.toString() && (a += (a.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, a, !0), v.timeout = m;
+      const S = {
         Accept: "application/json",
         "X-Requested-With": "XMLHttpRequest",
-        ...o
+        ...s
         // 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" && t && typeof t == "object" && !(t instanceof FormData) && (S["Content-Type"] || (S["Content-Type"] = "application/json")), o && (S.Authorization = `Bearer ${o}`);
+      for (const [l, p] of Object.entries(S))
+        v.setRequestHeader(l, p);
+      v.onload = function() {
+        const { status: l, statusText: p, responseText: y } = v;
+        if (l >= 200 && l < 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 A = y ? JSON.parse(y) : {};
+            q({ status: l, statusText: p, data: A });
+          } catch (A) {
+            const K = A instanceof Error ? A : new Error(String(A));
             console.error(
-              `Kelviq SDK (apiRequest): Invalid JSON response for URL ${d}. Error: ${q.message}. Response: ${T}`
+              `Kelviq SDK (apiRequest): Invalid JSON response for URL ${a}. Error: ${K.message}. Response: ${y}`
             ), P(
               new Error(
-                `Invalid JSON response: ${q.message}`
+                `Invalid JSON response: ${K.message}`
               )
             );
           }
         else
-          p(
-            `Request to ${d} failed with status ${i} ${f}. Response: ${T}`
+          $(
+            `Request to ${a} failed with status ${l} ${p}. 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 = () => $(
+        `Network error for URL ${a}. The request could not be completed.`
+      ), v.ontimeout = () => $(`Request to ${a} timed out.`);
+      function $(l) {
+        if (g < u) {
+          g++;
+          const p = Math.min(
+            d * Math.pow(2, g - 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 ${a}. Attempt ${g}/${u}. Error: ${l}. Retrying in ${p}ms.`
+          ), setTimeout(b, p);
         } else
           P(
             new Error(
-              `${i} (Max retries ${g} reached)`
+              `${l} (Max retries ${u} 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 l = t;
+        t && typeof t == "object" && !(t instanceof FormData) && S["Content-Type"] === "application/json" && (l = JSON.stringify(t)), v.send(l);
+      } catch (l) {
+        const p = l instanceof Error ? l : new Error(String(l));
         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 ${a}.`,
+          p
+        ), P(new Error(`Failed to send request: ${p.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 ge(n, i) {
+  const s = i[0].featureType;
+  if (s === "METER") {
+    let t = 0, m = 0, u = !1;
+    for (const E of i) {
+      const o = E, a = typeof o.usageLimit == "number" ? o.usageLimit : null, g = typeof o.currentUsage == "number" ? o.currentUsage : 0;
+      a === null && (t = null), t !== null && (t += a), m += g, o.hardLimit && (u = !0);
     }
-    const v = t !== null ? t - E : null;
+    const d = t !== null ? t - m : null;
     return {
       featureId: n,
-      featureType: o,
-      hasAccess: v === null || v > 0,
-      currentUsage: E,
+      featureType: s,
+      hasAccess: d === null || d > 0,
+      currentUsage: m,
       usageLimit: t,
-      remaining: v,
-      hardLimit: g,
-      items: s
+      remaining: d,
+      hardLimit: u,
+      items: i
     };
   }
-  if (o === "CUSTOMIZABLE") {
-    const t = s[0];
+  if (s === "CUSTOMIZABLE") {
+    const t = i[0];
     return {
       featureId: n,
-      featureType: o,
-      hasAccess: s.some((E) => E.hasAccess),
+      featureType: s,
+      hasAccess: i.some((m) => m.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
+      items: i
     };
   }
   return {
     featureId: n,
-    featureType: o,
-    hasAccess: s.some((t) => t.hasAccess),
+    featureType: s,
+    hasAccess: i.some((t) => t.hasAccess),
     currentUsage: 0,
     usageLimit: null,
     remaining: null,
     hardLimit: !1,
-    items: s
+    items: i
   };
 }
-function le(n) {
-  const s = {};
+function pe(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 = {};
+    ), i;
+  const s = {};
   for (const t of n.entitlements) {
     if (!t || typeof t.featureId != "string" || typeof t.featureType != "string") {
       console.warn(
@@ -149,16 +149,16 @@ function le(n) {
       );
       continue;
     }
-    o[t.featureId] || (o[t.featureId] = []), o[t.featureId].push(t);
+    s[t.featureId] || (s[t.featureId] = []), s[t.featureId].push(t);
   }
-  for (const t in o)
-    s[t] = ae(
+  for (const t in s)
+    i[t] = ge(
       t,
-      o[t]
+      s[t]
     );
-  return s;
+  return i;
 }
-const V = {
+const re = {
   allEntitlements: {
     data: null,
     isLoading: !0,
@@ -193,93 +193,108 @@ 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 = se(
+  re
+), he = "https://edge.api.kelviq.com/api/v1/", Ee = "https://edge.sandboxapi.kelviq.com/api/v1/", Le = "https://api.kelviq.com/api/v1/", ve = "https://sandboxapi.kelviq.com/api/v1/", ye = "entitlements/", Ae = "monetization/product-offering/", Se = ({
   children: n,
-  apiUrl: s,
-  entitlementsPath: o = me,
+  apiUrl: i,
+  entitlementsPath: s = ye,
   customerId: t,
-  environment: E = "production",
-  accessToken: g,
-  config: v = {}
+  environment: m = "production",
+  accessToken: u,
+  productId: d,
+  plansEnabled: E,
+  config: o = {}
 }) => {
   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: a,
+    maxRetries: g,
+    timeout: q,
+    backoffBaseDelay: P,
+    fetchEntitlementsOnMount: b = !0,
+    fetchSubscriptionsOnMount: v = !1,
+    fetchCustomerOnMount: S = !1,
+    fetchPricingOnMount: $ = !1
+  } = o, l = i || (m === "sandbox" ? Ee : he), p = m === "sandbox" ? ve : Le, [y, A] = I({
     data: null,
-    isLoading: !!a && R,
+    isLoading: !!l && b,
     error: null
-  }), [f, T] = $(null), [b, q] = $({
+  }), [K, ie] = I(null), [k, M] = I({
     data: null,
-    isLoading: !!a && P,
+    isLoading: !!l && v,
     error: null
-  }), [N, I] = $({
+  }), [X, D] = I({
     data: null,
-    isLoading: !!a && C,
+    isLoading: !!l && S,
     error: null
-  }), [D, U] = $(
-    !!a && R
-  ), [k, x] = $(null), h = w(
-    (u, e, r) => {
+  }), [z, _] = I({
+    data: null,
+    isLoading: !!l && $,
+    error: null
+  }), [F, T] = I(
+    !!l && b
+  ), [W, j] = I(null), h = R(
+    (f, e, r) => {
       const c = new Error(
-        `Kelviq SDK (${e}): ${u}`
+        `Kelviq SDK (${e}): ${f}`
       );
-      console.error(c.message, r || ""), x((y) => y || c), A && A(c);
+      console.error(c.message, r || ""), j((U) => U || c), a && a(c);
     },
-    [A]
-  ), _ = w(() => {
-    if (!a) {
+    [a]
+  ), O = R(() => {
+    if (!l) {
       const r = "API URL not configured. Cannot fetch entitlements.";
-      return i({
+      return A({
         data: null,
         isLoading: !1,
         error: new Error(r)
-      }), h(r, "fetchAllEntitlements"), U(!1), Promise.reject(new Error(r));
+      }), h(r, "fetchAllEntitlements"), T(!1), Promise.reject(new Error(r));
     }
     if (!t) {
       const r = "CustomerId must be provided as props to KelviqProvider.";
-      return i(() => ({
+      return A(() => ({
         data: null,
         isLoading: !1,
         error: new Error(r)
-      })), h(r, "fetchAllEntitlements"), U(!1), Promise.reject(new Error(r));
+      })), h(r, "fetchAllEntitlements"), T(!1), Promise.reject(new Error(r));
     }
-    i((r) => ({
+    A((r) => ({
       ...r,
       isLoading: !0,
       error: null
-    })), U(!0), x(null);
-    const u = `${a.replace(/\/$/, "")}/${o.replace(/^\//, "")}`;
-    return O({
-      url: u,
+    })), T(!0), j(null);
+    const f = `${l.replace(/\/$/, "")}/${s.replace(/^\//, "")}`;
+    return x({
+      url: f,
       method: "GET",
-      timeout: d,
-      maxRetries: l,
-      backoffBaseDelay: L,
-      accessToken: g,
+      timeout: q,
+      maxRetries: g,
+      backoffBaseDelay: P,
+      accessToken: u,
       queryParams: {
         customer_id: t
       }
     }).then((r) => {
       if (r && r.data && Array.isArray(r.data.entitlements)) {
-        T(r.data);
-        const c = le(
+        ie(r.data);
+        const c = pe(
           r.data
         );
-        i({
+        A({
           data: c,
           isLoading: !1,
           error: null
@@ -288,7 +303,7 @@ const V = {
         const c = new Error(
           "Received empty, malformed, or invalid data structure from entitlements API."
         );
-        throw i({
+        throw A({
           data: null,
           isLoading: !1,
           error: c
@@ -300,27 +315,27 @@ const V = {
       }
     }).catch((r) => {
       const c = r instanceof Error ? r : new Error(String(r));
-      return i((y) => ({
-        ...y,
+      return A((U) => ({
+        ...U,
         isLoading: !1,
         error: c
       })), h(c.message, "fetchAllEntitlements", r), Promise.reject(c);
     }).finally(() => {
-      U(!1);
+      T(!1);
     });
   }, [
-    a,
-    t,
-    o,
-    d,
     l,
-    L,
+    t,
+    s,
+    q,
     g,
+    P,
+    u,
     h
-  ]), j = w(() => {
-    if (!m) {
+  ]), B = R(() => {
+    if (!p) {
       const e = "Main API URL not configured. Cannot fetch subscriptions.";
-      return q({
+      return M({
         data: null,
         isLoading: !1,
         error: new Error(e)
@@ -328,29 +343,29 @@ const V = {
     }
     if (!t) {
       const e = "CustomerId must be provided as props to KelviqProvider.";
-      return q({
+      return M({
         data: null,
         isLoading: !1,
         error: new Error(e)
       }), h(e, "fetchSubscriptions"), Promise.reject(new Error(e));
     }
-    q((e) => ({
+    M((e) => ({
       ...e,
       isLoading: !0,
       error: null
     }));
-    const u = `${m.replace(/\/$/, "")}/subscriptions/`;
-    return O({
-      url: u,
+    const f = `${p.replace(/\/$/, "")}/subscriptions/`;
+    return x({
+      url: f,
       method: "GET",
-      timeout: d,
-      maxRetries: l,
-      backoffBaseDelay: L,
-      accessToken: g,
+      timeout: q,
+      maxRetries: g,
+      backoffBaseDelay: P,
+      accessToken: u,
       queryParams: { customer_id: t }
     }).then((e) => {
       if (e && e.data && Array.isArray(e.data.results))
-        q({
+        M({
           data: e.data.results,
           isLoading: !1,
           error: null
@@ -359,7 +374,7 @@ const V = {
         const r = new Error(
           "Received empty, malformed, or invalid data structure from subscriptions API."
         );
-        throw q({
+        throw M({
           data: null,
           isLoading: !1,
           error: r
@@ -371,7 +386,7 @@ const V = {
       }
     }).catch((e) => {
       const r = e instanceof Error ? e : new Error(String(e));
-      return q((c) => ({
+      return M((c) => ({
         ...c,
         isLoading: !1,
         error: r
@@ -382,17 +397,17 @@ const V = {
       ), Promise.reject(r);
     });
   }, [
-    m,
+    p,
     t,
-    d,
-    l,
-    L,
+    q,
     g,
+    P,
+    u,
     h
-  ]), F = w(() => {
-    if (!m) {
+  ]), N = R(() => {
+    if (!p) {
       const e = "Main API URL not configured. Cannot fetch customer.";
-      return I({
+      return D({
         data: null,
         isLoading: !1,
         error: new Error(e)
@@ -400,28 +415,28 @@ const V = {
     }
     if (!t) {
       const e = "CustomerId must be provided as props to KelviqProvider.";
-      return I({
+      return D({
         data: null,
         isLoading: !1,
         error: new Error(e)
       }), h(e, "fetchCustomer"), Promise.reject(new Error(e));
     }
-    I((e) => ({
+    D((e) => ({
       ...e,
       isLoading: !0,
       error: null
     }));
-    const u = `${m.replace(/\/$/, "")}/customers/${t}/`;
-    return O({
-      url: u,
+    const f = `${p.replace(/\/$/, "")}/customers/${t}/`;
+    return x({
+      url: f,
       method: "GET",
-      timeout: d,
-      maxRetries: l,
-      backoffBaseDelay: L,
-      accessToken: g
+      timeout: q,
+      maxRetries: g,
+      backoffBaseDelay: P,
+      accessToken: u
     }).then((e) => {
       if (e && e.data)
-        I({
+        D({
           data: e.data,
           isLoading: !1,
           error: null
@@ -430,7 +445,7 @@ const V = {
         const r = new Error(
           "Received empty or invalid data from customer API."
         );
-        throw I({
+        throw D({
           data: null,
           isLoading: !1,
           error: r
@@ -442,207 +457,368 @@ const V = {
       }
     }).catch((e) => {
       const r = e instanceof Error ? e : new Error(String(e));
-      return I((c) => ({
+      return D((c) => ({
         ...c,
         isLoading: !1,
         error: r
       })), h(r.message, "fetchCustomer", e), Promise.reject(r);
     });
   }, [
-    m,
+    p,
     t,
+    q,
+    g,
+    P,
+    u,
+    h
+  ]), G = R(() => {
+    if (!p) {
+      const r = "Main API URL not configured. Cannot fetch pricing.";
+      return _({
+        data: null,
+        isLoading: !1,
+        error: new Error(r)
+      }), h(r, "fetchPricing"), Promise.reject(new Error(r));
+    }
+    if (!d) {
+      const r = "productId must be provided as a prop to KelviqProvider to fetch pricing.";
+      return _({
+        data: null,
+        isLoading: !1,
+        error: new Error(r)
+      }), h(r, "fetchPricing"), Promise.reject(new Error(r));
+    }
+    _((r) => ({
+      ...r,
+      isLoading: !0,
+      error: null
+    }));
+    const f = `${p.replace(/\/$/, "")}/${Ae.replace(/^\//, "")}${d}/`, e = {};
+    return t && (e.customer_id = t), E && (e.plans_enabled = E), x({
+      url: f,
+      method: "GET",
+      timeout: q,
+      maxRetries: g,
+      backoffBaseDelay: P,
+      accessToken: u,
+      queryParams: e
+    }).then((r) => {
+      if (r && r.data && Array.isArray(r.data.plans))
+        _({
+          data: r.data,
+          isLoading: !1,
+          error: null
+        });
+      else {
+        const c = new Error(
+          "Received empty, malformed, or invalid data structure from pricing API."
+        );
+        throw _({
+          data: null,
+          isLoading: !1,
+          error: c
+        }), h(
+          c.message,
+          "fetchPricing",
+          r
+        ), c;
+      }
+    }).catch((r) => {
+      const c = r instanceof Error ? r : new Error(String(r));
+      return _((U) => ({
+        ...U,
+        isLoading: !1,
+        error: c
+      })), h(c.message, "fetchPricing", r), Promise.reject(c);
+    });
+  }, [
+    p,
     d,
-    l,
-    L,
+    t,
+    E,
+    q,
     g,
+    P,
+    u,
     h
   ]);
-  ee(() => {
-    let u = !0;
-    if (!a) {
-      if (u) {
+  ae(() => {
+    let f = !0;
+    if (!l) {
+      if (f) {
         const e = new Error(
           "KelviqProvider: `apiBaseUrl` must be provided in config."
         );
-        x(e), U(!1), i((r) => ({
+        j(e), T(!1), A((r) => ({
           ...r,
           isLoading: !1,
           error: e
-        })), v.onError && v.onError(e);
+        })), o.onError && o.onError(e);
       }
       return;
     }
-    return R ? _().catch((e) => {
-      u && D && U(!1), console.error(
+    return b ? O().catch((e) => {
+      f && F && T(!1), console.error(
         "Kelviq SDK: Initial entitlement fetch failed.",
         e
       );
-    }) : u && (i((e) => ({
+    }) : f && (A((e) => ({
       ...e,
       isLoading: !1,
       data: null,
       error: null
-    })), U(!1)), P && j().catch((e) => {
+    })), T(!1)), v && B().catch((e) => {
       console.error(
         "Kelviq SDK: Initial subscriptions fetch failed.",
         e
       );
-    }), C && F().catch((e) => {
+    }), S && N().catch((e) => {
       console.error(
         "Kelviq SDK: Initial customer fetch failed.",
         e
       );
+    }), $ && G().catch((e) => {
+      console.error(
+        "Kelviq SDK: Initial pricing fetch failed.",
+        e
+      );
     }), () => {
-      u = !1;
+      f = !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
+  }, [l, b, v, S, $]);
+  const J = R(
+    () => y.data ? y.data : {},
+    [y.data]
+  ), Q = R(
+    () => K ? {
+      customerId: K.customerId,
+      entitlements: K.entitlements
     } : null,
-    [f]
-  ), X = w(
-    (u) => f ? {
-      customerId: f.customerId,
-      entitlements: f.entitlements.filter(
-        (e) => e.featureId === u
+    [K]
+  ), V = R(
+    (f) => K ? {
+      customerId: K.customerId,
+      entitlements: K.entitlements.filter(
+        (e) => e.featureId === f
       )
     } : null,
-    [f]
-  ), W = w(
-    (u) => p.data ? p.data[u] ?? null : null,
-    [p.data]
-  ), z = w(
-    (u, e) => {
-      i((r) => {
+    [K]
+  ), Y = R(
+    (f) => y.data ? y.data[f] ?? null : null,
+    [y.data]
+  ), Z = R(
+    (f, e) => {
+      A((r) => {
         if (!r.data) return r;
-        const c = r.data[u];
+        const c = r.data[f];
         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), {
+        const U = { ...c, ...e };
+        return ("usageLimit" in e || "currentUsage" in e) && (U.remaining = U.usageLimit !== null ? U.usageLimit - U.currentUsage : null), {
           ...r,
           data: {
             ...r.data,
-            [u]: y
+            [f]: U
           }
         };
       });
     },
     []
-  ), J = w(
-    (u) => {
-      if (!p.data) return !1;
-      const e = p.data[u];
+  ), ee = R(
+    (f) => {
+      if (!y.data) return !1;
+      const e = y.data[f];
       return e ? e.hasAccess : !1;
     },
-    [p.data]
-  ), Z = te(
+    [y.data]
+  ), oe = le(
     () => ({
-      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,
+      allEntitlements: y,
+      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: m,
+      apiUrl: l,
+      entitlementsPath: s,
       customerId: t
     }),
     [
-      p,
-      _,
-      G,
-      W,
-      H,
-      X,
+      y,
+      O,
       J,
-      z,
-      b,
-      j,
+      Y,
+      Q,
+      V,
+      ee,
+      Z,
+      k,
+      B,
+      X,
       N,
+      z,
+      G,
       F,
-      D,
-      k,
-      E,
-      a,
-      o,
+      W,
+      m,
+      l,
+      s,
       t
     ]
   );
-  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: oe, children: n });
+}, C = () => {
+  const n = ce(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,
+  children: i,
+  fallback: s = null,
   loadingComponent: t,
-  condition: E
+  condition: m
 }) => {
   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: u,
+    isLoading: d,
+    error: E
+  } = C(), o = u(n);
+  return d && !o ? /* @__PURE__ */ L(w, { children: t !== void 0 ? t : s }) : E && !o ? /* @__PURE__ */ L(w, { children: s }) : !o || !o.hasAccess || m && !m(o) ? /* @__PURE__ */ L(w, { children: s }) : typeof i == "function" ? /* @__PURE__ */ L(w, { children: i(o) }) : /* @__PURE__ */ L(w, { children: i });
+}, be = (n) => /* @__PURE__ */ L(H, { ...n }), Ke = (n) => {
+  const i = (s) => s.hasAccess && (s.remaining === null || s.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();
+}, Ue = (n) => /* @__PURE__ */ L(H, { ...n }), Re = () => {
+  const { allEntitlements: 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();
+}, Ce = (n) => {
+  const { getEntitlement: i } = C();
+  return i(n);
+}, $e = (n) => {
+  const { getEntitlement: i } = C();
+  return i(n);
+}, Te = (n) => {
+  const { getEntitlement: i } = C();
+  return i(n);
+}, Ie = () => {
+  const { subscriptions: n } = C();
   return n;
-}, be = () => {
-  const { customer: n } = K();
+}, Me = () => {
+  const { customer: n } = C();
   return n;
+}, ne = () => {
+  const { pricing: n } = C();
+  return n;
+}, Pe = (n, i, s = {}) => {
+  if (typeof n != "number")
+    return "";
+  const {
+    compact: t = !1,
+    locale: m = s.pricingLocale || "en-US",
+    includeCurrencySymbol: u = !0
+  } = s;
+  try {
+    const d = {
+      notation: t ? "compact" : "standard",
+      compactDisplay: "short"
+    }, o = new Intl.NumberFormat(m, d).format(n);
+    return u ? `${i}${o}` : o;
+  } catch {
+    const d = n.toString();
+    return u ? `${i}${d}` : d;
+  }
+}, De = ({
+  planIdentifier: n,
+  billingPeriod: i,
+  children: s,
+  formatOptions: t,
+  loadingComponent: m = null,
+  fallback: u = null
+}) => {
+  const { data: d, isLoading: E } = ne();
+  if (E)
+    return /* @__PURE__ */ L(w, { children: m });
+  if (!d || !Array.isArray(d.plans))
+    return /* @__PURE__ */ L(w, { children: u });
+  const o = d.plans.find(
+    (b) => b.identifier === n && b.enabled
+  );
+  if (!o)
+    return /* @__PURE__ */ L(w, { children: u });
+  const a = o.price.charges.find(
+    (b) => b.chargePeriod === i
+  ) ?? null, g = a ? a.priceData.amount : 0, q = o.price.priceType === "FREE", P = q ? "Free" : Pe(g, d.currencySymbol, {
+    ...t,
+    pricingLocale: d.pricingLocale
+  });
+  return /* @__PURE__ */ L(w, { children: s({
+    plan: o,
+    charge: a,
+    amount: g,
+    formattedPrice: P,
+    currencySymbol: d.currencySymbol,
+    currencyCode: d.currencyCode,
+    pricingLocale: d.pricingLocale,
+    isFree: q,
+    hasFreeTrial: o.price.freeTrial,
+    trialPeriod: o.price.trialPeriod
+  }) });
+}, _e = ({
+  planIdentifier: n,
+  children: i,
+  loadingComponent: s = null,
+  fallback: t = null,
+  featureType: m
+}) => {
+  const { data: u, isLoading: d } = ne();
+  if (d)
+    return /* @__PURE__ */ L(w, { children: s });
+  if (!u || !Array.isArray(u.plans))
+    return /* @__PURE__ */ L(w, { children: t });
+  const E = u.plans.find(
+    (a) => a.identifier === n && a.enabled
+  );
+  if (!E)
+    return /* @__PURE__ */ L(w, { children: t });
+  let o = E.features.filter((a) => a.enabled);
+  return m && (o = o.filter((a) => a.featureType === m)), o.length === 0 ? /* @__PURE__ */ L(w, { children: t }) : /* @__PURE__ */ L(w, { children: o.map(
+    (a, g) => i({ feature: a, plan: E, index: g })
+  ) });
 };
 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
+  _e as KQFeatureList,
+  De as KQPrice,
+  te as KelviqContext,
+  Se as KelviqProvider,
+  Ue as ShowWhenBooleanEntitled,
+  be as ShowWhenCustomizableEntitled,
+  Ke as ShowWhenMeteredEntitled,
+  re as defaultKelviqContextValue,
+  Pe as kqFormatPrice,
+  Re as useAllEntitlements,
+  Ce as useBooleanEntitlement,
+  Me as useCustomer,
+  $e as useCustomizableEntitlement,
+  C as useKelviq,
+  Te as useMeteredEntitlement,
+  ne as usePricing,
+  Ie as useSubscriptions
 };