@streamoid/settings 0.2.3 → 0.3.1

package/dist/index.d.mts

@@ -88,6 +88,8 @@ interface SettingsWorkspaceCurrent {
     /** Optional reactive credit summary if the host tracks it. */
     availableCredits?: number | null;
     totalCredits?: number | null;
+    /** ISO country code for the workspace; drives plan currency selection. */
+    country?: string;
 }
 interface SettingsWorkspaceListItem {
     _id: string;
@@ -264,12 +266,18 @@ interface SubscriptionPlan {
     name: string;
     amount: number;
     subscriptionEndDate?: string;
+    /** Three-letter currency code (lowercase) when known, e.g. "inr" / "usd". */
+    currency?: string;
+    /** Stripe billing interval, e.g. "month" / "year". */
+    interval?: string;
 }
 interface BillingSubscription {
     createdAt: string;
     downgradeScheduled: boolean;
     stripeCustomerId: string;
     plan: SubscriptionPlan;
+    /** Stripe product id; used to look up the matching product in fetched plans. */
+    stripeProductId?: string;
 }
 interface SubscriptionResponse {
     data: BillingSubscription | null;
@@ -283,6 +291,8 @@ interface Price {
     id: string;
     unit_amount: number;
     metadata: PriceMetadata;
+    /** Three-letter currency code (lowercase) when present, e.g. "inr" / "usd". */
+    currency?: string;
 }
 interface BillingProduct {
     id: string;
@@ -573,7 +583,7 @@ type IconProps = Omit<SVGProps<SVGSVGElement>, 'color' | 'strokeWidth' | 'width'
 };
 declare const SiconKey: ({ color, strokeWidth, size, ...props }: IconProps) => react_jsx_runtime.JSX.Element;
 
-declare function BillingContent({ embedded }?: {
+declare function BillingContent({ embedded, }?: {
     embedded?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
@@ -648,10 +658,11 @@ interface ConfirmDeleteModalProps {
 declare function ConfirmDeleteModal({ open, workspaceName, onClose, onConfirm, }: ConfirmDeleteModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface BuyCreditsModalProps {
+    currencySymbol?: string;
     onClose: () => void;
     onBuy: (credits: number, price: number) => void;
 }
-declare function BuyCreditsModal({ onClose, onBuy }: BuyCreditsModalProps): react_jsx_runtime.JSX.Element;
+declare function BuyCreditsModal({ currencySymbol, onClose, onBuy, }: BuyCreditsModalProps): react_jsx_runtime.JSX.Element;
 
 interface UserPermissions {
     artifax: boolean;

package/dist/index.d.ts

@@ -88,6 +88,8 @@ interface SettingsWorkspaceCurrent {
     /** Optional reactive credit summary if the host tracks it. */
     availableCredits?: number | null;
     totalCredits?: number | null;
+    /** ISO country code for the workspace; drives plan currency selection. */
+    country?: string;
 }
 interface SettingsWorkspaceListItem {
     _id: string;
@@ -264,12 +266,18 @@ interface SubscriptionPlan {
     name: string;
     amount: number;
     subscriptionEndDate?: string;
+    /** Three-letter currency code (lowercase) when known, e.g. "inr" / "usd". */
+    currency?: string;
+    /** Stripe billing interval, e.g. "month" / "year". */
+    interval?: string;
 }
 interface BillingSubscription {
     createdAt: string;
     downgradeScheduled: boolean;
     stripeCustomerId: string;
     plan: SubscriptionPlan;
+    /** Stripe product id; used to look up the matching product in fetched plans. */
+    stripeProductId?: string;
 }
 interface SubscriptionResponse {
     data: BillingSubscription | null;
@@ -283,6 +291,8 @@ interface Price {
     id: string;
     unit_amount: number;
     metadata: PriceMetadata;
+    /** Three-letter currency code (lowercase) when present, e.g. "inr" / "usd". */
+    currency?: string;
 }
 interface BillingProduct {
     id: string;
@@ -573,7 +583,7 @@ type IconProps = Omit<SVGProps<SVGSVGElement>, 'color' | 'strokeWidth' | 'width'
 };
 declare const SiconKey: ({ color, strokeWidth, size, ...props }: IconProps) => react_jsx_runtime.JSX.Element;
 
-declare function BillingContent({ embedded }?: {
+declare function BillingContent({ embedded, }?: {
     embedded?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
@@ -648,10 +658,11 @@ interface ConfirmDeleteModalProps {
 declare function ConfirmDeleteModal({ open, workspaceName, onClose, onConfirm, }: ConfirmDeleteModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface BuyCreditsModalProps {
+    currencySymbol?: string;
     onClose: () => void;
     onBuy: (credits: number, price: number) => void;
 }
-declare function BuyCreditsModal({ onClose, onBuy }: BuyCreditsModalProps): react_jsx_runtime.JSX.Element;
+declare function BuyCreditsModal({ currencySymbol, onClose, onBuy, }: BuyCreditsModalProps): react_jsx_runtime.JSX.Element;
 
 interface UserPermissions {
     artifax: boolean;

package/dist/index.js

@@ -3806,7 +3806,11 @@ var MIN_USD = 40;
 var MAX_USD = 1e4;
 var MIN_CREDITS = Math.round(MIN_USD / PRICE_PER_CREDIT);
 var MAX_CREDITS = Math.round(MAX_USD / PRICE_PER_CREDIT);
-function BuyCreditsModal({ onClose, onBuy }) {
+function BuyCreditsModal({
+  currencySymbol = "$",
+  onClose,
+  onBuy
+}) {
   const [credits, setCredits] = (0, import_react7.useState)(MIN_CREDITS);
   const [creditsInput, setCreditsInput] = (0, import_react7.useState)(String(MIN_CREDITS));
   const [priceInput, setPriceInput] = (0, import_react7.useState)(String(MIN_CREDITS * PRICE_PER_CREDIT));
@@ -4051,7 +4055,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
                                   lineHeight: "var(--line-height-line-height-lg)",
                                   color: "var(--alias-text---icons-primary)"
                                 },
-                                children: "$"
+                                children: currencySymbol
                               }
                             ),
                             /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -4071,7 +4075,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
                                 onKeyDown: (e) => {
                                   if (e.key === "Enter") e.currentTarget.blur();
                                 },
-                                "aria-label": "Price in USD",
+                                "aria-label": "Price",
                                 style: {
                                   fontFamily: "var(--font-family-font-family-body)",
                                   fontSize: "var(--font-size-font-size-lg)",
@@ -4195,9 +4199,15 @@ function formatDate(iso) {
     return iso;
   }
 }
-function formatCurrency(cents) {
+function formatCurrency(cents, currency) {
+  if (currency === "inr") {
+    return `\u20B9${(cents / 100).toFixed(2)}`;
+  }
   return `$${(cents / 100).toFixed(2)}`;
 }
+function getCurrencySymbolByCountry(country) {
+  return country?.trim().toUpperCase() === "IN" ? "\u20B9" : "$";
+}
 function formatCredits(n) {
   return n.toLocaleString("en-US");
 }
@@ -4759,9 +4769,15 @@ function PlansView({
   downgradeScheduled,
   actionInFlight,
   onPlanAction,
-  onCancelDowngrade
+  onCancelDowngrade,
+  workspace,
+  isProPlan
 }) {
+  console.log("=============", products);
   const { toast } = useSettingsAdapters();
+  const workspaceCurrencySymbol = getCurrencySymbolByCountry(
+    workspace?.country
+  );
   const allPlans = (0, import_react8.useMemo)(() => {
     if (products.length > 0) {
       return products.flatMap(
@@ -4770,9 +4786,10 @@ function PlansView({
           productId: product.id,
           priceId: price.id,
           planName: price.metadata.name,
-          price: price.unit_amount === 0 ? "$0" : `${formatCurrency(price.unit_amount)} / month`,
+          price: price.unit_amount === 0 ? price.currency === "inr" ? "\u20B90" : `${workspaceCurrencySymbol}0` : `${formatCurrency(price.unit_amount, price.currency ?? "usd")} / month`,
           credits: `${Number(price.metadata.credits).toLocaleString()} credits`,
           amount: price.unit_amount,
+          currency: price.currency?.toLowerCase(),
           isCurrent: price.id === currentPlanId
         }))
       );
@@ -4783,18 +4800,12 @@ function PlansView({
     () => [...allPlans].sort((a, b) => a.amount - b.amount),
     [allPlans]
   );
+  console.log("All plans:::::::::::::::", workspace, sortedPlans);
   const isNotFreePlan = (planName) => {
-    if (planName) {
-      return [
-        "Free (DR Test)",
-        "Custom",
-        "custom",
-        "custom_shopify",
-        "custom shopify",
-        "Custom_Shopify"
-      ].includes(planName);
+    if (planName.toLowerCase() === "free") {
+      return false;
     }
-    return false;
+    return true;
   };
   const freePlan = sortedPlans.find(
     (plan) => plan.amount === 0 && !isNotFreePlan(plan.planName)
@@ -4935,7 +4946,7 @@ function PlansView({
                 import_ui5.ScPlanCard,
                 {
                   planName: freePlan?.planName || "Free",
-                  price: freePlan?.price || "$0",
+                  price: freePlan?.price || `${workspaceCurrencySymbol}0`,
                   credits: freePlan?.credits || "3,000 credits",
                   type: "free",
                   features: getPlanFeatures(freePlan?.amount ?? 0),
@@ -5095,10 +5106,13 @@ function PlansView({
           UpdateSubscriptionModal,
           {
             open: showUpgradeConfirmModal,
-            currentPlanName: currentPlan?.planName || "Free",
-            currentPlanAmount: currentPlan ? currentPlan.amount === 0 ? "$0" : formatCurrency(currentPlan.amount) : "$0",
+            currentPlanName: isProPlan ? "Pro" : currentPlan?.planName || "Free",
+            currentPlanAmount: currentPlan ? currentPlan.amount === 0 ? `${workspaceCurrencySymbol}0` : formatCurrency(currentPlan.amount, currentPlan.currency || "") : `${workspaceCurrencySymbol}0`,
             nextPlanName: selectedMiddlePlan?.planName || "Pro",
-            nextPlanAmount: selectedMiddlePlan ? selectedMiddlePlan.amount === 0 ? "$0" : formatCurrency(selectedMiddlePlan.amount) : "$0",
+            nextPlanAmount: selectedMiddlePlan ? selectedMiddlePlan.amount === 0 ? `${workspaceCurrencySymbol}0` : formatCurrency(
+              selectedMiddlePlan.amount,
+              selectedMiddlePlan.currency || ""
+            ) : `${workspaceCurrencySymbol}0`,
             nextBillingDateLabel: formatNextBillingDateLabel(currentPlanEndDate),
             loading: isMiddleActionLoading,
             onClose: () => setShowUpgradeConfirmModal(false),
@@ -5161,9 +5175,11 @@ function BillingTabBar({
 }
 function InvoiceHistoryTable({
   invoices,
-  loading
+  loading,
+  workspaceCountry
 }) {
   const { api, toast } = useSettingsAdapters();
+  const currencySymbol = getCurrencySymbolByCountry(workspaceCountry);
   const handleDownload = async (item) => {
     const orderId = item.transactionId;
     if (!orderId) {
@@ -5277,7 +5293,7 @@ function InvoiceHistoryTable({
           import_ui5.ScBillingHistoryTableList,
           {
             invoiceNumber: inv.transactionId ? `# ${inv.transactionId.slice(0, 16).toUpperCase()}` : "# INV-UNKNOWN",
-            amount: inv.amountPaid != null ? `$${inv.amountPaid.toFixed(2)}` : `$${(inv.amount / 100).toFixed(2)}`,
+            amount: inv.amountPaid != null ? `${currencySymbol}${inv.amountPaid.toFixed(2)}` : `${currencySymbol}${(inv.amount / 100).toFixed(2)}`,
             date: formatDate(inv.createdAt),
             downloadLabel: "Download invoice",
             onClick: (e) => handleRowClick(e, inv)
@@ -5472,7 +5488,9 @@ function UsageLogsTable({
     }
   );
 }
-function BillingContent({ embedded = false } = {}) {
+function BillingContent({
+  embedded = false
+} = {}) {
   const { auth, workspace, api, toast, navigation } = useSettingsAdapters();
   const user = auth.user;
   const workspaceId = workspace.current?.id ?? null;
@@ -5527,6 +5545,7 @@ function BillingContent({ embedded = false } = {}) {
   const fetchBillingOverview = (0, import_react8.useCallback)(async () => {
     setLoadingBilling(true);
     try {
+      console.log("calling Billing apis");
       const [subRes, creditsRes, productsRes, customRes] = await Promise.all([
         api.fetchCurrentPlan().catch(() => null),
         api.fetchAvailableCredits().catch(() => null),
@@ -5536,7 +5555,17 @@ function BillingContent({ embedded = false } = {}) {
       if (subRes?.data) setSubscription(subRes.data);
       if (creditsRes?.availableCredits != null)
         setAvailableCredits(creditsRes.availableCredits);
-      if (productsRes?.data) setProducts(productsRes.data);
+      if (productsRes?.data) {
+        const normalizedWorkspaceCountry = workspace.current?.country?.trim().toUpperCase();
+        const targetCurrency = normalizedWorkspaceCountry === "IN" ? "inr" : "usd";
+        const filteredProducts = productsRes.data.map((product) => ({
+          ...product,
+          prices: product.prices.filter(
+            (price) => price.currency?.toLowerCase() === targetCurrency
+          )
+        })).filter((product) => product.prices.length > 0);
+        setProducts(filteredProducts);
+      }
       if (customRes?.data?.credits != null) {
         setCustomPlanCredits(customRes.data.credits);
       }
@@ -5544,7 +5573,7 @@ function BillingContent({ embedded = false } = {}) {
     } finally {
       setLoadingBilling(false);
     }
-  }, [api]);
+  }, [api, workspace.current?.country]);
   const fetchUserMap = (0, import_react8.useCallback)(async () => {
     try {
       const members = await api.fetchMembers();
@@ -5705,9 +5734,14 @@ function BillingContent({ embedded = false } = {}) {
     if (loadingBilling) return;
     setShowInitialLoader(false);
   }, [showInitialLoader, initialFetchTriggered, loadingBilling]);
-  const planName = subscription?.plan?.name?.trim() || (subscription?.plan?.amount != null && subscription.plan.amount > 0 ? "Pro" : "Free");
+  console.log("subscription", subscription);
+  const isProPlan = products.some(
+    (product) => product.id == subscription?.stripeProductId && product.name == "Paid"
+  );
+  console.log("isProPlan", isProPlan);
+  const planName = isProPlan ? "Pro" : subscription?.plan?.name?.trim() || (subscription?.plan?.amount ? subscription.plan.amount > 0 ? "Pro" : "Free" : "-");
   const isFreePlan = subscription?.plan?.amount == null || subscription.plan.amount === 0;
-  const planAmount = subscription?.plan?.amount != null ? `$${(subscription.plan.amount / 100).toFixed(2)} / month` : "$0";
+  const planAmount = subscription?.plan?.amount != null ? `${subscription?.plan?.currency == "inr" ? "\u20B9" : "$"}${(subscription.plan.amount / 100).toFixed(2)} / ${subscription?.plan?.interval}` : `${getCurrencySymbolByCountry(workspace.current?.country)}0`;
   const usedCredits = availableCredits != null && totalCredits != null ? Math.max(0, totalCredits - availableCredits) : null;
   const progressPct = usedCredits != null && totalCredits != null && totalCredits > 0 ? Math.min(100, Math.round(usedCredits / totalCredits * 100)) : 0;
   const remainingPct = 100 - progressPct;
@@ -5905,7 +5939,9 @@ function BillingContent({ embedded = false } = {}) {
         downgradeScheduled: Boolean(subscription?.downgradeScheduled),
         actionInFlight: planActionInFlight,
         onPlanAction: handlePlanAction,
-        onCancelDowngrade: handleCancelDowngrade
+        onCancelDowngrade: handleCancelDowngrade,
+        workspace: workspace.current,
+        isProPlan
       }
     );
     if (embedded) return plansView;
@@ -5996,7 +6032,14 @@ function BillingContent({ embedded = false } = {}) {
         }
       )
     ] }),
-    activeTab === "invoice" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(InvoiceHistoryTable, { invoices, loading: loadingTable }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    activeTab === "invoice" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      InvoiceHistoryTable,
+      {
+        invoices,
+        loading: loadingTable,
+        workspaceCountry: workspace.current?.country
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       UsageLogsTable,
       {
         logs: usageLogs,
@@ -6015,6 +6058,7 @@ function BillingContent({ embedded = false } = {}) {
     showBuyCreditsModal && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       BuyCreditsModal,
       {
+        currencySymbol: getCurrencySymbolByCountry(workspace.current?.country),
         onClose: () => setShowBuyCreditsModal(false),
         onBuy: (credits, price) => {
           handleBuyCredits(credits, price);

package/dist/index.mjs

@@ -3387,7 +3387,13 @@ function TeamsContent({
 }
 
 // src/billing-content.tsx
-import { useState as useState7, useEffect as useEffect4, useCallback as useCallback3, useMemo as useMemo2, useRef as useRef2 } from "react";
+import {
+  useState as useState7,
+  useEffect as useEffect4,
+  useCallback as useCallback3,
+  useMemo as useMemo2,
+  useRef as useRef2
+} from "react";
 import {
   ScPlanDetailsCard,
   ScCreditsUsageCard,
@@ -3402,7 +3408,6 @@ import {
   SiconLeft as SiconLeft2,
   SiconDoubleArrow,
   SiconClose as SiconClose4,
-  SiconCredits,
   SiconArtifacts as SiconArtifacts3,
   SiconPhotogenix as SiconPhotogenix3,
   SiconCatalogix as SiconCatalogix2
@@ -3820,7 +3825,11 @@ var MIN_USD = 40;
 var MAX_USD = 1e4;
 var MIN_CREDITS = Math.round(MIN_USD / PRICE_PER_CREDIT);
 var MAX_CREDITS = Math.round(MAX_USD / PRICE_PER_CREDIT);
-function BuyCreditsModal({ onClose, onBuy }) {
+function BuyCreditsModal({
+  currencySymbol = "$",
+  onClose,
+  onBuy
+}) {
   const [credits, setCredits] = useState6(MIN_CREDITS);
   const [creditsInput, setCreditsInput] = useState6(String(MIN_CREDITS));
   const [priceInput, setPriceInput] = useState6(String(MIN_CREDITS * PRICE_PER_CREDIT));
@@ -4065,7 +4074,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
                                   lineHeight: "var(--line-height-line-height-lg)",
                                   color: "var(--alias-text---icons-primary)"
                                 },
-                                children: "$"
+                                children: currencySymbol
                               }
                             ),
                             /* @__PURE__ */ jsx10(
@@ -4085,7 +4094,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
                                 onKeyDown: (e) => {
                                   if (e.key === "Enter") e.currentTarget.blur();
                                 },
-                                "aria-label": "Price in USD",
+                                "aria-label": "Price",
                                 style: {
                                   fontFamily: "var(--font-family-font-family-body)",
                                   fontSize: "var(--font-size-font-size-lg)",
@@ -4209,9 +4218,15 @@ function formatDate(iso) {
     return iso;
   }
 }
-function formatCurrency(cents) {
+function formatCurrency(cents, currency) {
+  if (currency === "inr") {
+    return `\u20B9${(cents / 100).toFixed(2)}`;
+  }
   return `$${(cents / 100).toFixed(2)}`;
 }
+function getCurrencySymbolByCountry(country) {
+  return country?.trim().toUpperCase() === "IN" ? "\u20B9" : "$";
+}
 function formatCredits(n) {
   return n.toLocaleString("en-US");
 }
@@ -4773,9 +4788,15 @@ function PlansView({
   downgradeScheduled,
   actionInFlight,
   onPlanAction,
-  onCancelDowngrade
+  onCancelDowngrade,
+  workspace,
+  isProPlan
 }) {
+  console.log("=============", products);
   const { toast } = useSettingsAdapters();
+  const workspaceCurrencySymbol = getCurrencySymbolByCountry(
+    workspace?.country
+  );
   const allPlans = useMemo2(() => {
     if (products.length > 0) {
       return products.flatMap(
@@ -4784,9 +4805,10 @@ function PlansView({
           productId: product.id,
           priceId: price.id,
           planName: price.metadata.name,
-          price: price.unit_amount === 0 ? "$0" : `${formatCurrency(price.unit_amount)} / month`,
+          price: price.unit_amount === 0 ? price.currency === "inr" ? "\u20B90" : `${workspaceCurrencySymbol}0` : `${formatCurrency(price.unit_amount, price.currency ?? "usd")} / month`,
           credits: `${Number(price.metadata.credits).toLocaleString()} credits`,
           amount: price.unit_amount,
+          currency: price.currency?.toLowerCase(),
           isCurrent: price.id === currentPlanId
         }))
       );
@@ -4797,18 +4819,12 @@ function PlansView({
     () => [...allPlans].sort((a, b) => a.amount - b.amount),
     [allPlans]
   );
+  console.log("All plans:::::::::::::::", workspace, sortedPlans);
   const isNotFreePlan = (planName) => {
-    if (planName) {
-      return [
-        "Free (DR Test)",
-        "Custom",
-        "custom",
-        "custom_shopify",
-        "custom shopify",
-        "Custom_Shopify"
-      ].includes(planName);
+    if (planName.toLowerCase() === "free") {
+      return false;
     }
-    return false;
+    return true;
   };
   const freePlan = sortedPlans.find(
     (plan) => plan.amount === 0 && !isNotFreePlan(plan.planName)
@@ -4949,7 +4965,7 @@ function PlansView({
                 ScPlanCard,
                 {
                   planName: freePlan?.planName || "Free",
-                  price: freePlan?.price || "$0",
+                  price: freePlan?.price || `${workspaceCurrencySymbol}0`,
                   credits: freePlan?.credits || "3,000 credits",
                   type: "free",
                   features: getPlanFeatures(freePlan?.amount ?? 0),
@@ -5109,10 +5125,13 @@ function PlansView({
           UpdateSubscriptionModal,
           {
             open: showUpgradeConfirmModal,
-            currentPlanName: currentPlan?.planName || "Free",
-            currentPlanAmount: currentPlan ? currentPlan.amount === 0 ? "$0" : formatCurrency(currentPlan.amount) : "$0",
+            currentPlanName: isProPlan ? "Pro" : currentPlan?.planName || "Free",
+            currentPlanAmount: currentPlan ? currentPlan.amount === 0 ? `${workspaceCurrencySymbol}0` : formatCurrency(currentPlan.amount, currentPlan.currency || "") : `${workspaceCurrencySymbol}0`,
             nextPlanName: selectedMiddlePlan?.planName || "Pro",
-            nextPlanAmount: selectedMiddlePlan ? selectedMiddlePlan.amount === 0 ? "$0" : formatCurrency(selectedMiddlePlan.amount) : "$0",
+            nextPlanAmount: selectedMiddlePlan ? selectedMiddlePlan.amount === 0 ? `${workspaceCurrencySymbol}0` : formatCurrency(
+              selectedMiddlePlan.amount,
+              selectedMiddlePlan.currency || ""
+            ) : `${workspaceCurrencySymbol}0`,
             nextBillingDateLabel: formatNextBillingDateLabel(currentPlanEndDate),
             loading: isMiddleActionLoading,
             onClose: () => setShowUpgradeConfirmModal(false),
@@ -5175,9 +5194,11 @@ function BillingTabBar({
 }
 function InvoiceHistoryTable({
   invoices,
-  loading
+  loading,
+  workspaceCountry
 }) {
   const { api, toast } = useSettingsAdapters();
+  const currencySymbol = getCurrencySymbolByCountry(workspaceCountry);
   const handleDownload = async (item) => {
     const orderId = item.transactionId;
     if (!orderId) {
@@ -5291,7 +5312,7 @@ function InvoiceHistoryTable({
           ScBillingHistoryTableList,
           {
             invoiceNumber: inv.transactionId ? `# ${inv.transactionId.slice(0, 16).toUpperCase()}` : "# INV-UNKNOWN",
-            amount: inv.amountPaid != null ? `$${inv.amountPaid.toFixed(2)}` : `$${(inv.amount / 100).toFixed(2)}`,
+            amount: inv.amountPaid != null ? `${currencySymbol}${inv.amountPaid.toFixed(2)}` : `${currencySymbol}${(inv.amount / 100).toFixed(2)}`,
             date: formatDate(inv.createdAt),
             downloadLabel: "Download invoice",
             onClick: (e) => handleRowClick(e, inv)
@@ -5486,7 +5507,9 @@ function UsageLogsTable({
     }
   );
 }
-function BillingContent({ embedded = false } = {}) {
+function BillingContent({
+  embedded = false
+} = {}) {
   const { auth, workspace, api, toast, navigation } = useSettingsAdapters();
   const user = auth.user;
   const workspaceId = workspace.current?.id ?? null;
@@ -5541,6 +5564,7 @@ function BillingContent({ embedded = false } = {}) {
   const fetchBillingOverview = useCallback3(async () => {
     setLoadingBilling(true);
     try {
+      console.log("calling Billing apis");
       const [subRes, creditsRes, productsRes, customRes] = await Promise.all([
         api.fetchCurrentPlan().catch(() => null),
         api.fetchAvailableCredits().catch(() => null),
@@ -5550,7 +5574,17 @@ function BillingContent({ embedded = false } = {}) {
       if (subRes?.data) setSubscription(subRes.data);
       if (creditsRes?.availableCredits != null)
         setAvailableCredits(creditsRes.availableCredits);
-      if (productsRes?.data) setProducts(productsRes.data);
+      if (productsRes?.data) {
+        const normalizedWorkspaceCountry = workspace.current?.country?.trim().toUpperCase();
+        const targetCurrency = normalizedWorkspaceCountry === "IN" ? "inr" : "usd";
+        const filteredProducts = productsRes.data.map((product) => ({
+          ...product,
+          prices: product.prices.filter(
+            (price) => price.currency?.toLowerCase() === targetCurrency
+          )
+        })).filter((product) => product.prices.length > 0);
+        setProducts(filteredProducts);
+      }
       if (customRes?.data?.credits != null) {
         setCustomPlanCredits(customRes.data.credits);
       }
@@ -5558,7 +5592,7 @@ function BillingContent({ embedded = false } = {}) {
     } finally {
       setLoadingBilling(false);
     }
-  }, [api]);
+  }, [api, workspace.current?.country]);
   const fetchUserMap = useCallback3(async () => {
     try {
       const members = await api.fetchMembers();
@@ -5719,9 +5753,14 @@ function BillingContent({ embedded = false } = {}) {
     if (loadingBilling) return;
     setShowInitialLoader(false);
   }, [showInitialLoader, initialFetchTriggered, loadingBilling]);
-  const planName = subscription?.plan?.name?.trim() || (subscription?.plan?.amount != null && subscription.plan.amount > 0 ? "Pro" : "Free");
+  console.log("subscription", subscription);
+  const isProPlan = products.some(
+    (product) => product.id == subscription?.stripeProductId && product.name == "Paid"
+  );
+  console.log("isProPlan", isProPlan);
+  const planName = isProPlan ? "Pro" : subscription?.plan?.name?.trim() || (subscription?.plan?.amount ? subscription.plan.amount > 0 ? "Pro" : "Free" : "-");
   const isFreePlan = subscription?.plan?.amount == null || subscription.plan.amount === 0;
-  const planAmount = subscription?.plan?.amount != null ? `$${(subscription.plan.amount / 100).toFixed(2)} / month` : "$0";
+  const planAmount = subscription?.plan?.amount != null ? `${subscription?.plan?.currency == "inr" ? "\u20B9" : "$"}${(subscription.plan.amount / 100).toFixed(2)} / ${subscription?.plan?.interval}` : `${getCurrencySymbolByCountry(workspace.current?.country)}0`;
   const usedCredits = availableCredits != null && totalCredits != null ? Math.max(0, totalCredits - availableCredits) : null;
   const progressPct = usedCredits != null && totalCredits != null && totalCredits > 0 ? Math.min(100, Math.round(usedCredits / totalCredits * 100)) : 0;
   const remainingPct = 100 - progressPct;
@@ -5919,7 +5958,9 @@ function BillingContent({ embedded = false } = {}) {
         downgradeScheduled: Boolean(subscription?.downgradeScheduled),
         actionInFlight: planActionInFlight,
         onPlanAction: handlePlanAction,
-        onCancelDowngrade: handleCancelDowngrade
+        onCancelDowngrade: handleCancelDowngrade,
+        workspace: workspace.current,
+        isProPlan
       }
     );
     if (embedded) return plansView;
@@ -6010,7 +6051,14 @@ function BillingContent({ embedded = false } = {}) {
         }
       )
     ] }),
-    activeTab === "invoice" ? /* @__PURE__ */ jsx11(InvoiceHistoryTable, { invoices, loading: loadingTable }) : /* @__PURE__ */ jsx11(
+    activeTab === "invoice" ? /* @__PURE__ */ jsx11(
+      InvoiceHistoryTable,
+      {
+        invoices,
+        loading: loadingTable,
+        workspaceCountry: workspace.current?.country
+      }
+    ) : /* @__PURE__ */ jsx11(
       UsageLogsTable,
       {
         logs: usageLogs,
@@ -6029,6 +6077,7 @@ function BillingContent({ embedded = false } = {}) {
     showBuyCreditsModal && /* @__PURE__ */ jsx11(
       BuyCreditsModal,
       {
+        currencySymbol: getCurrencySymbolByCountry(workspace.current?.country),
         onClose: () => setShowBuyCreditsModal(false),
         onBuy: (credits, price) => {
           handleBuyCredits(credits, price);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/settings",
-  "version": "0.2.3",
+  "version": "0.3.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -15,7 +15,9 @@
     "build": "npm run build:js && npm run build:dts",
     "build:js": "esbuild src/index.ts --bundle --loader:.module.css=local-css --external:react --external:react-dom --external:@streamoid/icons --external:@streamoid/ui --outfile=dist/index.js --format=cjs && esbuild src/index.ts --bundle --loader:.module.css=local-css --external:react --external:react-dom --external:@streamoid/icons --external:@streamoid/ui --outfile=dist/index.mjs --format=esm",
     "build:dts": "tsup src/index.ts --dts-only",
-    "dev": "npm run build -- --watch",
+    "watch:js": "esbuild src/index.ts --bundle --loader:.module.css=local-css --external:react --external:react-dom --external:@streamoid/icons --external:@streamoid/ui --outfile=dist/index.js --format=cjs --watch=forever & esbuild src/index.ts --bundle --loader:.module.css=local-css --external:react --external:react-dom --external:@streamoid/icons --external:@streamoid/ui --outfile=dist/index.mjs --format=esm --watch=forever & wait",
+    "watch:dts": "tsup src/index.ts --dts-only --watch",
+    "dev": "sh -c 'npm run watch:js & npm run watch:dts & wait'",
     "lint": "eslint src/",
     "typecheck": "tsc --noEmit"
   },