subos-frontend 1.0.110 → 1.0.112

package/dist/index.js

@@ -176,9 +176,14 @@ var plansApi = {
 var subscriptionApi = {
   getActiveSubscription: async (externalId, options) => {
     let endpoint = `${ENDPOINTS.SUBSCRIPTION}/${externalId}`;
+    const params = new URLSearchParams();
     if (options == null ? void 0 : options.currency) {
-      const params = new URLSearchParams();
       params.append("currency", options.currency);
+    }
+    if (options == null ? void 0 : options.billableMetric) {
+      params.append("billableMetric", typeof options.billableMetric === "string" ? options.billableMetric : "true");
+    }
+    if (params.toString()) {
       endpoint += `?${params.toString()}`;
     }
     return apiRequest(endpoint, "GET", void 0, void 0, true);
@@ -425,7 +430,7 @@ var SubscriptionProvider = ({ children }) => {
     setLoading(true);
     setError(null);
     try {
-      const response = await subscriptionApi.getActiveSubscription(externalId, { currency });
+      const response = await subscriptionApi.getActiveSubscription(externalId, { currency, billableMetric: "CANDIDATES" });
       if (response.success && response.data) {
         setSubscription(response.data);
       } else {
@@ -3032,12 +3037,33 @@ var ScheduledPlanNotification = ({
   if (!(subscription == null ? void 0 : subscription.nextMembership)) {
     return null;
   }
+  const formatInterval = (interval) => {
+    if (!interval) return "";
+    return interval.charAt(0).toUpperCase() + interval.slice(1).toLowerCase();
+  };
+  const nextPlan = subscription.nextMembership.plan;
+  if (!nextPlan || !nextPlan.name) {
+    return null;
+  }
+  const metrics = nextPlan.charges && Array.isArray(nextPlan.charges) && nextPlan.charges.length > 0 ? `(${nextPlan.charges.map(
+    (charge) => {
+      var _a, _b, _c;
+      return `${((_a = charge.billableMetric) == null ? void 0 : _a.name) || "Metric"}: ${((_c = (_b = charge.properties) == null ? void 0 : _b.units) == null ? void 0 : _c.toLocaleString()) || 0}`;
+    }
+  ).join(", ")}) ` : "";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `mb-4 p-4 bg-yellow-50 border border-yellow-200 rounded-md flex items-start gap-3 ${className}`, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-yellow-600 mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(WarningIcon, { className: "w-5 h-5" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-yellow-800", children: [
-      "Your subscription will change to ",
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: subscription.nextMembership.plan.name }),
-      " plan on",
+      "Your subscription will change to",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold", children: [
+        nextPlan.name,
+        " ",
+        formatInterval(nextPlan.interval),
+        " ",
+        metrics
+      ] }),
+      "plan on",
       " ",
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: new Date(subscription.nextMembership.membershipDate).toLocaleDateString("en-US", {
         year: "numeric",