@sudobility/subscription_pages 0.0.4 → 0.0.5

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsx as i, jsxs as F } from "react/jsx-runtime";
+import { jsx as i, jsxs as N } from "react/jsx-runtime";
 import { useState as C } from "react";
 import { usePackagesByDuration as ce, useUserSubscription as V, getSubscriptionInstance as X, refreshSubscription as Z, useAllOfferings as oe, useOfferingPackages as le, periodToMonths as J } from "@sudobility/subscription_lib";
-import { SubscriptionLayout as N, SubscriptionTile as se, SegmentedControl as ee } from "@sudobility/subscription-components";
+import { SubscriptionLayout as F, SubscriptionTile as se, SegmentedControl as ee } from "@sudobility/subscription-components";
 function he({
   isLoggedIn: n,
   onNavigateToLogin: s,
@@ -10,20 +10,20 @@ function he({
   featuresByPackage: p,
   freeFeatures: u,
   title: f = "Choose Your Plan",
-  className: S
+  className: k
 }) {
   const {
     packagesByDuration: I,
-    availableDurations: v,
+    availableDurations: m,
     isLoading: g,
     error: P
   } = ce(), {
     subscription: r,
     isLoading: M,
     error: e
-  } = V({ userId: d, userEmail: o }), [O, R] = C(null), [b, x] = C(null), [T, k] = C(!1), y = O ?? v[0] ?? null, w = g || M, A = P || e, E = async (t, h) => {
+  } = V({ userId: d, userEmail: o }), [O, R] = C(null), [b, x] = C(null), [T, S] = C(!1), y = O ?? m[0] ?? null, w = g || M, A = P || e, E = async (t, h) => {
     try {
-      k(!0), x(null), await X().purchase({
+      S(!0), x(null), await X().purchase({
         packageId: t,
         offeringId: h,
         customerEmail: o
@@ -33,7 +33,7 @@ function he({
         l instanceof Error ? l.message : "Purchase failed"
       );
     } finally {
-      k(!1);
+      S(!1);
     }
   }, L = () => n ? (r == null ? void 0 : r.isActive) && r.packageId ? {
     title: "Free",
@@ -79,10 +79,10 @@ function he({
   };
   if (w)
     return /* @__PURE__ */ i(
-      N,
+      F,
       {
         title: f,
-        className: S,
+        className: k,
         variant: "cta",
         children: /* @__PURE__ */ i("p", { children: "Loading subscription plans..." })
       }
@@ -109,22 +109,22 @@ function he({
     }
   } : void 0, D = y ? I[y] ?? [] : [];
   return /* @__PURE__ */ i(
-    N,
+    F,
     {
       title: f,
-      className: S,
+      className: k,
       variant: "cta",
       error: Y,
       currentStatus: j,
       freeTileConfig: L(),
-      aboveProducts: v.length > 1 ? /* @__PURE__ */ i(
+      aboveProducts: m.length > 1 ? /* @__PURE__ */ i(
         ee,
         {
-          options: v.map((t) => ({
+          options: m.map((t) => ({
             value: t,
             label: t.charAt(0).toUpperCase() + t.slice(1)
           })),
-          value: y ?? v[0],
+          value: y ?? m[0],
           onChange: (t) => R(t)
         }
       ) : void 0,
@@ -173,7 +173,7 @@ function de(n, s) {
   );
   return f > 0 ? f : null;
 }
-function ve({
+function me({
   isLoggedIn: n,
   onNavigateToLogin: s,
   userId: d,
@@ -181,9 +181,9 @@ function ve({
   featuresByPackage: p,
   freeFeatures: u,
   title: f = "Choose Your Plan",
-  className: S,
+  className: k,
   t: I,
-  renderOfferingContent: v
+  renderOfferingContent: m
 }) {
   var q;
   const g = (a, c) => I ? I(a, c) : c, {
@@ -194,20 +194,20 @@ function ve({
     subscription: e,
     isLoading: O,
     error: R
-  } = V({ userId: d, userEmail: o }), [b, x] = C("free"), [T, k] = C(null), [y, w] = C(!1), A = ((q = P[0]) == null ? void 0 : q.offerId) ?? "", E = b !== "free" ? b : A, {
+  } = V({ userId: d, userEmail: o }), [b, x] = C("free"), [T, S] = C(null), [y, w] = C(!1), A = ((q = P[0]) == null ? void 0 : q.offerId) ?? "", E = b !== "free" ? b : A, {
     packages: L,
     isLoading: U,
     error: Y
   } = le(E), j = r || O || U, D = M || R || Y, t = async (a, c) => {
     try {
-      w(!0), k(null), await X().purchase({
+      w(!0), S(null), await X().purchase({
         packageId: a,
         offeringId: c,
         customerEmail: o
       }), await Z();
-    } catch (m) {
-      k(
-        m instanceof Error ? m.message : "Purchase failed"
+    } catch (v) {
+      S(
+        v instanceof Error ? v.message : "Purchase failed"
       );
     } finally {
       w(!1);
@@ -251,10 +251,10 @@ function ve({
   };
   if (j)
     return /* @__PURE__ */ i(
-      N,
+      F,
       {
         title: f,
-        className: S,
+        className: k,
         variant: "cta",
         children: /* @__PURE__ */ i("p", { children: "Loading subscription plans..." })
       }
@@ -281,10 +281,10 @@ function ve({
     }
   } : void 0, _ = b === "free";
   return /* @__PURE__ */ i(
-    N,
+    F,
     {
       title: f,
-      className: S,
+      className: k,
       variant: "cta",
       error: ae,
       currentStatus: ne,
@@ -297,19 +297,20 @@ function ve({
           onChange: x
         }
       ) }) : void 0,
-      children: !_ && /* @__PURE__ */ F("div", { className: "col-span-full space-y-6", children: [
-        v && /* @__PURE__ */ i("div", { className: "rounded-xl bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-gray-700 p-5", children: v(b) }),
+      children: !_ && /* @__PURE__ */ N("div", { className: "col-span-full space-y-6", children: [
+        m && /* @__PURE__ */ i("div", { className: "rounded-xl bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-gray-700 p-5", children: m(b) }),
         /* @__PURE__ */ i("div", { className: "space-y-3", children: L.map((a) => {
           var G, H;
-          const c = (G = a.product) == null ? void 0 : G.period, m = c ? g(c, ue[c] ?? K(c)) : a.name, B = n && (e == null ? void 0 : e.isActive) && e.packageId === a.packageId, z = l && a.packageId !== l.packageId ? de(l, a) : null, Q = re(a), W = te(a, b), ie = ((H = a.product) == null ? void 0 : H.priceString) ?? "$0";
-          return /* @__PURE__ */ F(
+          const c = (G = a.product) == null ? void 0 : G.period, v = c ? g(c, ue[c] ?? K(c)) : a.name, B = n && (e == null ? void 0 : e.isActive) && e.packageId === a.packageId, z = l && a.packageId !== l.packageId ? de(l, a) : null, Q = re(a), W = te(a, b), ie = ((H = a.product) == null ? void 0 : H.priceString) ?? "$0";
+          return /* @__PURE__ */ N(
             "div",
             {
               className: "flex items-center justify-between rounded-xl p-4 transition-all " + (B ? "bg-blue-50 dark:bg-blue-900/20 border-2 border-blue-500 dark:border-blue-400" : "bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700"),
               children: [
-                /* @__PURE__ */ F("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ i("p", { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: m }),
-                  z !== null ? /* @__PURE__ */ F("p", { className: "text-sm font-medium text-green-600 dark:text-green-400", children: [
+                /* @__PURE__ */ N("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ i("p", { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: v }),
+                  /* @__PURE__ */ i("p", { className: "text-xs text-gray-400 dark:text-gray-500", children: a.packageId }),
+                  z !== null ? /* @__PURE__ */ N("p", { className: "text-sm font-medium text-green-600 dark:text-green-400", children: [
                     "Save ",
                     z,
                     "%"
@@ -335,5 +336,5 @@ function ve({
 }
 export {
   he as SubscriptionByDurationPage,
-  ve as SubscriptionByOfferPage
+  me as SubscriptionByOfferPage
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/subscription_pages",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Subscription page components for React web applications",
   "type": "module",
   "main": "dist/index.js",
@@ -28,13 +28,13 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@sudobility/subscription_lib": "^0.0.26",
+    "@sudobility/subscription_lib": "^0.0.27",
     "@sudobility/subscription-components": "^1.0.27",
     "@sudobility/types": "^1.9.58"
   },
   "devDependencies": {
     "@sudobility/subscription-components": "^1.0.27",
-    "@sudobility/subscription_lib": "^0.0.26",
+    "@sudobility/subscription_lib": "^0.0.27",
     "@sudobility/types": "^1.9.58",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",