subos-frontend 1.0.109 → 1.0.111

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 {
@@ -1499,7 +1504,7 @@ var StarBorderIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.j
 var UpgradeIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 10l7-7m0 0l7 7m-7-7v18" }) });
 var CancelIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) });
 var AddCardIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6v6m0 0v6m0-6h6m-6 0H6m12-3h3a3 3 0 013 3v8a3 3 0 01-3 3H6a3 3 0 01-3-3v-8a3 3 0 013-3h3" }) });
-var WarningIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) });
+var WarningIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) });
 var PlansGrid = ({
   plans,
   selectedPlan,
@@ -3032,12 +3037,29 @@ var ScheduledPlanNotification = ({
   if (!(subscription == null ? void 0 : subscription.nextMembership)) {
     return null;
   }
+  const formatInterval = (interval) => {
+    return interval.charAt(0).toUpperCase() + interval.slice(1).toLowerCase();
+  };
+  const nextPlan = subscription.nextMembership.plan;
+  const metrics = nextPlan.charges && nextPlan.charges.length > 0 ? `(${nextPlan.charges.map(
+    (charge) => {
+      var _a, _b;
+      return `${charge.billableMetric.name}: ${((_b = (_a = charge.properties) == null ? void 0 : _a.units) == null ? void 0 : _b.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",