subos-frontend 1.0.95 → 1.0.97

package/dist/index.js

@@ -174,8 +174,14 @@ var plansApi = {
   }
 };
 var subscriptionApi = {
-  getActiveSubscription: async (externalId) => {
-    return apiRequest(`${ENDPOINTS.SUBSCRIPTION}/${externalId}`, "GET", void 0, void 0, true);
+  getActiveSubscription: async (externalId, options) => {
+    let endpoint = `${ENDPOINTS.SUBSCRIPTION}/${externalId}`;
+    if (options == null ? void 0 : options.currency) {
+      const params = new URLSearchParams();
+      params.append("currency", options.currency);
+      endpoint += `?${params.toString()}`;
+    }
+    return apiRequest(endpoint, "GET", void 0, void 0, true);
   },
   cancelSubscription: async (externalId, options) => {
     let endpoint = `${ENDPOINTS.SUBSCRIPTION}/${externalId}`;
@@ -231,184 +237,6 @@ var transactionApi = {
   },
   getInvoice: (transactionId) => apiRequest(`${ENDPOINTS.TRANSACTIONS}/${transactionId}/invoice`)
 };
-var useSubscription = () => {
-  const [subscription, setSubscription] = React10.useState(null);
-  const [loading, setLoading] = React10.useState(false);
-  const [error, setError] = React10.useState(null);
-  const fetchSubscription = React10.useCallback(async (externalId) => {
-    if (!externalId || externalId === "undefined" || externalId.trim() === "") {
-      setError("Invalid user ID. Please ensure you are properly authenticated.");
-      setLoading(false);
-      return;
-    }
-    if (loading) return;
-    setLoading(true);
-    setError(null);
-    try {
-      const response = await subscriptionApi.getActiveSubscription(externalId);
-      if (response.success && response.data) {
-        setSubscription(response.data);
-      } else {
-        setError(response.error || "Failed to load subscription information");
-      }
-    } catch (err) {
-      if (err instanceof Error && err.name !== "AbortError") {
-        console.error("Error fetching subscription:", err);
-        setError("Failed to load subscription information. Please try again later.");
-      }
-    } finally {
-      setLoading(false);
-    }
-  }, [loading]);
-  const clearSubscription = React10.useCallback(() => {
-    setSubscription(null);
-    setError(null);
-  }, []);
-  return {
-    subscription,
-    loading,
-    error,
-    fetchSubscription,
-    clearSubscription
-  };
-};
-
-// src/utils/planUtils.ts
-var getPlanFeatures = (plan) => {
-  const features = [];
-  if (plan.charges && plan.charges.length > 0) {
-    plan.charges.forEach((charge) => {
-      var _a;
-      if ((_a = charge.billableMetric) == null ? void 0 : _a.name) {
-        features.push(charge.billableMetric.name);
-      }
-    });
-  }
-  return features.length > 0 ? features : ["Core features included"];
-};
-var getCandidateUnits = (plan) => {
-  var _a;
-  if (plan.charges && plan.charges.length > 0) {
-    const candidateCharge = plan.charges.find(
-      (charge) => charge.billableMetric && charge.billableMetric.code === "CANDIDATES"
-    );
-    const units = (_a = candidateCharge == null ? void 0 : candidateCharge.properties) == null ? void 0 : _a.units;
-    if (typeof units === "number" && Number.isFinite(units)) {
-      return units;
-    }
-  }
-  return 0;
-};
-var getUniqueCandidateUnits = (plans) => {
-  const unitsSet = /* @__PURE__ */ new Set();
-  plans.forEach((plan) => {
-    plan.charges.forEach((charge) => {
-      var _a, _b;
-      if (((_a = charge.billableMetric) == null ? void 0 : _a.code) === "CANDIDATES") {
-        const units = (_b = charge.properties) == null ? void 0 : _b.units;
-        if (typeof units === "number" && Number.isFinite(units)) {
-          unitsSet.add(units);
-        }
-      }
-    });
-  });
-  return Array.from(unitsSet).sort((a, b) => a - b);
-};
-var getDropdownOptions = (plans) => {
-  const options = [];
-  const uniqueUnits = getUniqueCandidateUnits(plans);
-  uniqueUnits.forEach((units) => {
-    options.push({
-      value: units.toString(),
-      label: `Up to ${units.toLocaleString()} Candidates`,
-      candidates: units
-    });
-  });
-  return options;
-};
-var getCurrentSelectionText = (tierFilter, plans) => {
-  const options = getDropdownOptions(plans);
-  const currentOption = options.find((option) => option.value === tierFilter);
-  if (!currentOption) {
-    const units = parseInt(tierFilter);
-    if (!isNaN(units)) {
-      return `Up to ${units.toLocaleString()} Candidates`;
-    }
-    return options.length > 0 ? options[0].label : "";
-  }
-  return currentOption.label;
-};
-var filterPlansByBillingCycle = (plans, billingCycle) => {
-  return plans.filter((plan) => {
-    const planInterval = plan.interval.toLowerCase();
-    if (billingCycle === "monthly") {
-      return planInterval === "month" || planInterval === "monthly";
-    } else {
-      return planInterval === "year" || planInterval === "yearly";
-    }
-  });
-};
-var filterPlansByTier = (plans, tierFilter) => {
-  if (tierFilter === "all") {
-    return plans;
-  }
-  const targetUnits = parseInt(tierFilter);
-  return plans.filter((plan) => {
-    var _a, _b;
-    const planNameLc = ((_b = (_a = plan.name) == null ? void 0 : _a.toLowerCase) == null ? void 0 : _b.call(_a)) || "";
-    if (planNameLc.includes("starter")) return true;
-    const planCandidateUnits = getCandidateUnits(plan);
-    return planCandidateUnits === targetUnits;
-  });
-};
-var isPlanPopular = (plan) => {
-  const planName = plan.name.toLowerCase();
-  return planName.includes("scale");
-};
-var sortPlansForDisplay = (plans) => {
-  const priorityOf = (name) => {
-    const n = (name || "").toLowerCase();
-    if (n.includes("starter") || n.includes("basic")) return 0;
-    if (n.includes("growth") || n.includes("pro")) return 1;
-    if (n.includes("scale") || n.includes("premium")) return 2;
-    return 99;
-  };
-  return [...plans].sort((a, b) => {
-    const pa = priorityOf(a.name);
-    const pb = priorityOf(b.name);
-    if (pa !== pb) return pa - pb;
-    return (a.name || "").localeCompare(b.name || "");
-  });
-};
-var getPlanDescription = (plan) => {
-  const planName = plan.name.toLowerCase();
-  if (planName.includes("starter") || planName.includes("basic")) {
-    return "Ideal for solopreneurs looking to start their niche job board journey.";
-  } else if (planName.includes("growth") || planName.includes("pro")) {
-    return "Ideal for creators launching their job board with powerful features and built-in scalability.";
-  } else {
-    return "Perfect for creators ready to run a full-scale, smart hiring engine with AI and advanced capabilities.";
-  }
-};
-var formatDate = (dateString, format = "date") => {
-  const date = new Date(dateString);
-  if (format === "datetime") {
-    return new Intl.DateTimeFormat("en-US", {
-      year: "numeric",
-      month: "short",
-      day: "numeric",
-      hour: "2-digit",
-      minute: "2-digit",
-      hour12: false
-      // Military time format
-    }).format(date);
-  }
-  return new Intl.DateTimeFormat("en-US", {
-    year: "numeric",
-    month: "short",
-    day: "numeric"
-  }).format(date);
-};
 var UpgradeContext = React10.createContext(void 0);
 var UpgradeProvider = ({ children }) => {
   const [isUpgradeSummaryVisible, setIsUpgradeSummaryVisible] = React10.useState(false);
@@ -524,6 +352,19 @@ function mapCountryToCurrency(countryCode) {
   };
   return countryToCurrency[countryCode] || "USD";
 }
+function formatCurrencyAmount(amount, currencyCode) {
+  const currency = (currencyCode == null ? void 0 : currencyCode.toUpperCase()) || "USD";
+  if (currency === "INR") {
+    const amountStr = Math.round(amount).toString();
+    const lastThree = amountStr.substring(amountStr.length - 3);
+    const otherNumbers = amountStr.substring(0, amountStr.length - 3);
+    if (otherNumbers !== "") {
+      return otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + "," + lastThree;
+    }
+    return lastThree;
+  }
+  return Math.round(amount).toLocaleString("en-US");
+}
 
 // src/hooks/useCountryAndCurrency.ts
 var useCountryAndCurrency = ({
@@ -596,6 +437,187 @@ var CurrencyProvider = ({
   return /* @__PURE__ */ jsxRuntime.jsx(CurrencyContext.Provider, { value: { country, currency, isLoading, error, setCurrency }, children });
 };
 
+// src/hooks/useSubscription.ts
+var useSubscription = () => {
+  const { currency } = useCurrency();
+  const [subscription, setSubscription] = React10.useState(null);
+  const [loading, setLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const fetchSubscription = React10.useCallback(async (externalId) => {
+    if (!externalId || externalId === "undefined" || externalId.trim() === "") {
+      setError("Invalid user ID. Please ensure you are properly authenticated.");
+      setLoading(false);
+      return;
+    }
+    if (loading) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await subscriptionApi.getActiveSubscription(externalId, { currency });
+      if (response.success && response.data) {
+        setSubscription(response.data);
+      } else {
+        setError(response.error || "Failed to load subscription information");
+      }
+    } catch (err) {
+      if (err instanceof Error && err.name !== "AbortError") {
+        console.error("Error fetching subscription:", err);
+        setError("Failed to load subscription information. Please try again later.");
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [loading, currency]);
+  const clearSubscription = React10.useCallback(() => {
+    setSubscription(null);
+    setError(null);
+  }, []);
+  return {
+    subscription,
+    loading,
+    error,
+    fetchSubscription,
+    clearSubscription
+  };
+};
+
+// src/utils/planUtils.ts
+var getPlanFeatures = (plan) => {
+  const features = [];
+  if (plan.charges && plan.charges.length > 0) {
+    plan.charges.forEach((charge) => {
+      var _a;
+      if ((_a = charge.billableMetric) == null ? void 0 : _a.name) {
+        features.push(charge.billableMetric.name);
+      }
+    });
+  }
+  return features.length > 0 ? features : ["Core features included"];
+};
+var getCandidateUnits = (plan) => {
+  var _a;
+  if (plan.charges && plan.charges.length > 0) {
+    const candidateCharge = plan.charges.find(
+      (charge) => charge.billableMetric && charge.billableMetric.code === "CANDIDATES"
+    );
+    const units = (_a = candidateCharge == null ? void 0 : candidateCharge.properties) == null ? void 0 : _a.units;
+    if (typeof units === "number" && Number.isFinite(units)) {
+      return units;
+    }
+  }
+  return 0;
+};
+var getUniqueCandidateUnits = (plans) => {
+  const unitsSet = /* @__PURE__ */ new Set();
+  plans.forEach((plan) => {
+    plan.charges.forEach((charge) => {
+      var _a, _b;
+      if (((_a = charge.billableMetric) == null ? void 0 : _a.code) === "CANDIDATES") {
+        const units = (_b = charge.properties) == null ? void 0 : _b.units;
+        if (typeof units === "number" && Number.isFinite(units)) {
+          unitsSet.add(units);
+        }
+      }
+    });
+  });
+  return Array.from(unitsSet).sort((a, b) => a - b);
+};
+var getDropdownOptions = (plans) => {
+  const options = [];
+  const uniqueUnits = getUniqueCandidateUnits(plans);
+  uniqueUnits.forEach((units) => {
+    options.push({
+      value: units.toString(),
+      label: `Up to ${units.toLocaleString()} Candidates`,
+      candidates: units
+    });
+  });
+  return options;
+};
+var getCurrentSelectionText = (tierFilter, plans) => {
+  const options = getDropdownOptions(plans);
+  const currentOption = options.find((option) => option.value === tierFilter);
+  if (!currentOption) {
+    const units = parseInt(tierFilter);
+    if (!isNaN(units)) {
+      return `Up to ${units.toLocaleString()} Candidates`;
+    }
+    return options.length > 0 ? options[0].label : "";
+  }
+  return currentOption.label;
+};
+var filterPlansByBillingCycle = (plans, billingCycle) => {
+  return plans.filter((plan) => {
+    const planInterval = plan.interval.toLowerCase();
+    if (billingCycle === "monthly") {
+      return planInterval === "month" || planInterval === "monthly";
+    } else {
+      return planInterval === "year" || planInterval === "yearly";
+    }
+  });
+};
+var filterPlansByTier = (plans, tierFilter) => {
+  if (tierFilter === "all") {
+    return plans;
+  }
+  const targetUnits = parseInt(tierFilter);
+  return plans.filter((plan) => {
+    var _a, _b;
+    const planNameLc = ((_b = (_a = plan.name) == null ? void 0 : _a.toLowerCase) == null ? void 0 : _b.call(_a)) || "";
+    if (planNameLc.includes("starter")) return true;
+    const planCandidateUnits = getCandidateUnits(plan);
+    return planCandidateUnits === targetUnits;
+  });
+};
+var isPlanPopular = (plan) => {
+  const planName = plan.name.toLowerCase();
+  return planName.includes("scale");
+};
+var sortPlansForDisplay = (plans) => {
+  const priorityOf = (name) => {
+    const n = (name || "").toLowerCase();
+    if (n.includes("starter") || n.includes("basic")) return 0;
+    if (n.includes("growth") || n.includes("pro")) return 1;
+    if (n.includes("scale") || n.includes("premium")) return 2;
+    return 99;
+  };
+  return [...plans].sort((a, b) => {
+    const pa = priorityOf(a.name);
+    const pb = priorityOf(b.name);
+    if (pa !== pb) return pa - pb;
+    return (a.name || "").localeCompare(b.name || "");
+  });
+};
+var getPlanDescription = (plan) => {
+  const planName = plan.name.toLowerCase();
+  if (planName.includes("starter") || planName.includes("basic")) {
+    return "Ideal for solopreneurs looking to start their niche job board journey.";
+  } else if (planName.includes("growth") || planName.includes("pro")) {
+    return "Ideal for creators launching their job board with powerful features and built-in scalability.";
+  } else {
+    return "Perfect for creators ready to run a full-scale, smart hiring engine with AI and advanced capabilities.";
+  }
+};
+var formatDate = (dateString, format = "date") => {
+  const date = new Date(dateString);
+  if (format === "datetime") {
+    return new Intl.DateTimeFormat("en-US", {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      hour12: false
+      // Military time format
+    }).format(date);
+  }
+  return new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  }).format(date);
+};
+
 // src/hooks/usePlans.ts
 var usePlans = () => {
   const { currency } = useCurrency();
@@ -3180,19 +3202,29 @@ var UpgradeSummary = ({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "h3",
-            {
-              className: "text-2xl font-semibold",
-              style: { color: "var(--subos-foreground, #1e293b)" },
-              children: [
-                currencySymbol,
-                displayInfo.planPrice,
-                "/",
-                intervalDisplay
-              ]
-            }
-          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "h3",
+              {
+                className: "text-2xl font-semibold",
+                style: { color: "var(--subos-foreground, #1e293b)" },
+                children: [
+                  currencySymbol,
+                  formatCurrencyAmount(displayInfo.planPrice, currencyCode),
+                  "/",
+                  intervalDisplay
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: "text-sm font-semibold mt-0.5",
+                style: { color: "var(--subos-foreground, #1e293b)" },
+                children: "(Inclusive Tax)"
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -3210,7 +3242,7 @@ var UpgradeSummary = ({
                   style: { color: "var(--subos-foreground, #1e293b)" },
                   children: [
                     currencySymbol,
-                    dueToday
+                    formatCurrencyAmount(dueToday, currencyCode)
                   ]
                 }
               ),
@@ -3442,14 +3474,17 @@ var DashboardPage = ({
   var _a, _b, _c, _d;
   const subscription = useSubscription();
   const plans = usePlans();
+  const { currency, isLoading: isCurrencyLoading } = useCurrency();
   const lastLoadedIdRef = React10.useRef(null);
   React10.useEffect(() => {
-    if (lastLoadedIdRef.current !== externalId) {
+    if (isCurrencyLoading) return;
+    const cacheKey = `${externalId}-${currency}`;
+    if (lastLoadedIdRef.current !== cacheKey) {
       subscription.fetchSubscription(externalId);
       plans.fetchPlans();
-      lastLoadedIdRef.current = externalId;
+      lastLoadedIdRef.current = cacheKey;
     }
-  }, [externalId]);
+  }, [externalId, currency, isCurrencyLoading]);
   React10.useEffect(() => {
     registerClearSelectedPlan(plans.clearSelectedPlan);
     return () => {