@streamoid/settings 0.3.0 → 0.3.2

package/dist/index.d.mts

@@ -658,10 +658,12 @@ interface ConfirmDeleteModalProps {
 declare function ConfirmDeleteModal({ open, workspaceName, onClose, onConfirm, }: ConfirmDeleteModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface BuyCreditsModalProps {
+    currencySymbol?: string;
+    country?: string;
     onClose: () => void;
     onBuy: (credits: number, price: number) => void;
 }
-declare function BuyCreditsModal({ onClose, onBuy }: BuyCreditsModalProps): react_jsx_runtime.JSX.Element;
+declare function BuyCreditsModal({ currencySymbol, country, onClose, onBuy, }: BuyCreditsModalProps): react_jsx_runtime.JSX.Element;
 
 interface UserPermissions {
     artifax: boolean;

package/dist/index.d.ts

@@ -658,10 +658,12 @@ interface ConfirmDeleteModalProps {
 declare function ConfirmDeleteModal({ open, workspaceName, onClose, onConfirm, }: ConfirmDeleteModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface BuyCreditsModalProps {
+    currencySymbol?: string;
+    country?: string;
     onClose: () => void;
     onBuy: (credits: number, price: number) => void;
 }
-declare function BuyCreditsModal({ onClose, onBuy }: BuyCreditsModalProps): react_jsx_runtime.JSX.Element;
+declare function BuyCreditsModal({ currencySymbol, country, onClose, onBuy, }: BuyCreditsModalProps): react_jsx_runtime.JSX.Element;
 
 interface UserPermissions {
     artifax: boolean;

package/dist/index.js

@@ -3801,37 +3801,63 @@ var import_react7 = require("react");
 var import_icons4 = require("@streamoid/icons");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var STEP = 500;
-var PRICE_PER_CREDIT = 0.08;
-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 }) {
-  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));
+var USD_TOPUP_CONFIG = {
+  currencyCode: "usd",
+  pricePerCredit: 0.08,
+  minAmount: 40,
+  maxAmount: 1e4
+};
+var INR_TOPUP_CONFIG = {
+  currencyCode: "inr",
+  pricePerCredit: 5,
+  minAmount: 2500,
+  maxAmount: 1e5
+};
+function BuyCreditsModal({
+  currencySymbol = "$",
+  country,
+  onClose,
+  onBuy
+}) {
+  const normalizedCountry = country?.trim().toUpperCase();
+  const topupConfig = normalizedCountry === "IN" ? INR_TOPUP_CONFIG : USD_TOPUP_CONFIG;
+  const minCredits = Math.round(
+    topupConfig.minAmount / topupConfig.pricePerCredit
+  );
+  const maxCredits = Math.round(
+    topupConfig.maxAmount / topupConfig.pricePerCredit
+  );
+  const [credits, setCredits] = (0, import_react7.useState)(minCredits);
+  const [creditsInput, setCreditsInput] = (0, import_react7.useState)(String(minCredits));
+  const [priceInput, setPriceInput] = (0, import_react7.useState)(
+    String(minCredits * topupConfig.pricePerCredit)
+  );
   const [activeField, setActiveField] = (0, import_react7.useState)("credits");
   const parsedCredits = creditsInput.length ? Number(creditsInput) : credits;
   const previewCredits = Number.isFinite(parsedCredits) ? parsedCredits : credits;
   const pricedCredits = previewCredits > 0 ? previewCredits : 0;
-  const price = Number((pricedCredits * PRICE_PER_CREDIT).toFixed(2));
-  const isBelowMin = price < MIN_USD;
-  const isAboveMax = price > MAX_USD;
+  const price = Number(
+    (pricedCredits * topupConfig.pricePerCredit).toFixed(2)
+  );
+  const isBelowMin = price < topupConfig.minAmount;
+  const isAboveMax = price > topupConfig.maxAmount;
   const isError = isBelowMin || isAboveMax;
   const isInvalid = isError;
   const syncFromCredits = (value) => {
     setCredits(value);
     setCreditsInput(String(value));
-    setPriceInput(String(Number((value * PRICE_PER_CREDIT).toFixed(2))));
+    setPriceInput(
+      String(Number((value * topupConfig.pricePerCredit).toFixed(2)))
+    );
   };
-  const syncFromPrice = (usd) => {
-    const derived = Math.round(usd / PRICE_PER_CREDIT);
+  const syncFromPrice = (amount) => {
+    const derived = Math.round(amount / topupConfig.pricePerCredit);
     setCredits(derived);
     setCreditsInput(String(derived));
-    setPriceInput(String(usd));
+    setPriceInput(String(amount));
   };
-  const handleDecrement = () => syncFromCredits(Math.max(MIN_CREDITS, credits - STEP));
-  const handleIncrement = () => syncFromCredits(Math.min(MAX_CREDITS, credits + STEP));
+  const handleDecrement = () => syncFromCredits(Math.max(minCredits, credits - STEP));
+  const handleIncrement = () => syncFromCredits(Math.min(maxCredits, credits + STEP));
   const handleCreditsChange = (value) => {
     const raw = value.replace(/[^\d]/g, "");
     setCreditsInput(raw);
@@ -3840,7 +3866,9 @@ function BuyCreditsModal({ onClose, onBuy }) {
     const next = Number(raw);
     if (!Number.isNaN(next)) {
       setCredits(next);
-      setPriceInput(String(Number((next * PRICE_PER_CREDIT).toFixed(2))));
+      setPriceInput(
+        String(Number((next * topupConfig.pricePerCredit).toFixed(2)))
+      );
     }
   };
   const handleCreditsBlur = () => {
@@ -3858,7 +3886,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
     if (!raw.length) return;
     const next = Number(raw);
     if (!Number.isNaN(next) && next >= 0) {
-      const derived = Math.round(next / PRICE_PER_CREDIT);
+      const derived = Math.round(next / topupConfig.pricePerCredit);
       setCredits(derived);
       setCreditsInput(String(derived));
     }
@@ -3962,7 +3990,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
                                 style: {
                                   width: 24,
                                   height: 24,
-                                  opacity: credits <= MIN_CREDITS ? 0.3 : 1,
+                                  opacity: credits <= minCredits ? 0.3 : 1,
                                   transition: "opacity 0.15s ease"
                                 },
                                 onClick: handleDecrement,
@@ -4020,7 +4048,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
                                 style: {
                                   width: 24,
                                   height: 24,
-                                  opacity: credits >= MAX_CREDITS ? 0.3 : 1,
+                                  opacity: credits >= maxCredits ? 0.3 : 1,
                                   transition: "opacity 0.15s ease"
                                 },
                                 onClick: handleIncrement,
@@ -4051,7 +4079,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 +4099,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)",
@@ -4107,7 +4135,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
                             lineHeight: "var(--line-height-line-height-sm)",
                             color: "var(--alias-text---icons-error)"
                           },
-                          children: isBelowMin ? `Min. ${MIN_CREDITS.toLocaleString()} credits` : `Max. ${MAX_CREDITS.toLocaleString()} credits`
+                          children: isBelowMin ? `Min. ${minCredits.toLocaleString()} credits` : `Max. ${maxCredits.toLocaleString()} credits`
                         }
                       ) })
                     }
@@ -4201,6 +4229,9 @@ function formatCurrency(cents, currency) {
   }
   return `$${(cents / 100).toFixed(2)}`;
 }
+function getCurrencySymbolByCountry(country) {
+  return country?.trim().toUpperCase() === "IN" ? "\u20B9" : "$";
+}
 function formatCredits(n) {
   return n.toLocaleString("en-US");
 }
@@ -4763,10 +4794,14 @@ function PlansView({
   actionInFlight,
   onPlanAction,
   onCancelDowngrade,
-  workspace
+  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(
@@ -4775,7 +4810,7 @@ function PlansView({
           productId: product.id,
           priceId: price.id,
           planName: price.metadata.name,
-          price: price.unit_amount === 0 ? price.currency === "inr" ? "\u20B90" : "$0" : `${formatCurrency(price.unit_amount, price.currency ?? "usd")} / 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(),
@@ -4935,7 +4970,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,13 +5130,13 @@ function PlansView({
           UpdateSubscriptionModal,
           {
             open: showUpgradeConfirmModal,
-            currentPlanName: currentPlan?.planName || "Free",
-            currentPlanAmount: currentPlan ? currentPlan.amount === 0 ? "$0" : formatCurrency(currentPlan.amount, currentPlan.currency || "") : "$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(
+            nextPlanAmount: selectedMiddlePlan ? selectedMiddlePlan.amount === 0 ? `${workspaceCurrencySymbol}0` : formatCurrency(
               selectedMiddlePlan.amount,
               selectedMiddlePlan.currency || ""
-            ) : "$0",
+            ) : `${workspaceCurrencySymbol}0`,
             nextBillingDateLabel: formatNextBillingDateLabel(currentPlanEndDate),
             loading: isMiddleActionLoading,
             onClose: () => setShowUpgradeConfirmModal(false),
@@ -5164,9 +5199,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) {
@@ -5280,7 +5317,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)
@@ -5722,13 +5759,13 @@ function BillingContent({
     setShowInitialLoader(false);
   }, [showInitialLoader, initialFetchTriggered, loadingBilling]);
   console.log("subscription", subscription);
-  const isProPlan = products.find(
+  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?.currency == "inr" ? "\u20B9" : "$"}${(subscription.plan.amount / 100).toFixed(2)} / ${subscription?.plan?.interval}` : "$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;
@@ -5825,12 +5862,13 @@ function BillingContent({
       }
     );
     try {
+      const topupCurrency = workspace.current?.country?.trim().toUpperCase() === "IN" ? "inr" : "usd";
       const res = await api.buyCredits({
         serviceName: DEFAULT_TOPUP_SERVICE,
         credits,
         unitAmount: price,
         itemCount: 1,
-        currency: "usd",
+        currency: topupCurrency,
         successUrl: resolveReturnUrl("success"),
         cancelUrl: resolveReturnUrl("cancel"),
         metadata: { source: "self-serve" }
@@ -5927,7 +5965,8 @@ function BillingContent({
         actionInFlight: planActionInFlight,
         onPlanAction: handlePlanAction,
         onCancelDowngrade: handleCancelDowngrade,
-        workspace: workspace.current
+        workspace: workspace.current,
+        isProPlan
       }
     );
     if (embedded) return plansView;
@@ -6018,7 +6057,14 @@ function BillingContent({
         }
       )
     ] }),
-    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,
@@ -6037,6 +6083,8 @@ function BillingContent({
     showBuyCreditsModal && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       BuyCreditsModal,
       {
+        country: workspace.current?.country,
+        currencySymbol: getCurrencySymbolByCountry(workspace.current?.country),
         onClose: () => setShowBuyCreditsModal(false),
         onBuy: (credits, price) => {
           handleBuyCredits(credits, price);

package/dist/index.mjs

@@ -3820,37 +3820,63 @@ import { useState as useState6 } from "react";
 import { SiconClose as SiconClose3, SiconPlus, SiconMinus } from "@streamoid/icons";
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var STEP = 500;
-var PRICE_PER_CREDIT = 0.08;
-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 }) {
-  const [credits, setCredits] = useState6(MIN_CREDITS);
-  const [creditsInput, setCreditsInput] = useState6(String(MIN_CREDITS));
-  const [priceInput, setPriceInput] = useState6(String(MIN_CREDITS * PRICE_PER_CREDIT));
+var USD_TOPUP_CONFIG = {
+  currencyCode: "usd",
+  pricePerCredit: 0.08,
+  minAmount: 40,
+  maxAmount: 1e4
+};
+var INR_TOPUP_CONFIG = {
+  currencyCode: "inr",
+  pricePerCredit: 5,
+  minAmount: 2500,
+  maxAmount: 1e5
+};
+function BuyCreditsModal({
+  currencySymbol = "$",
+  country,
+  onClose,
+  onBuy
+}) {
+  const normalizedCountry = country?.trim().toUpperCase();
+  const topupConfig = normalizedCountry === "IN" ? INR_TOPUP_CONFIG : USD_TOPUP_CONFIG;
+  const minCredits = Math.round(
+    topupConfig.minAmount / topupConfig.pricePerCredit
+  );
+  const maxCredits = Math.round(
+    topupConfig.maxAmount / topupConfig.pricePerCredit
+  );
+  const [credits, setCredits] = useState6(minCredits);
+  const [creditsInput, setCreditsInput] = useState6(String(minCredits));
+  const [priceInput, setPriceInput] = useState6(
+    String(minCredits * topupConfig.pricePerCredit)
+  );
   const [activeField, setActiveField] = useState6("credits");
   const parsedCredits = creditsInput.length ? Number(creditsInput) : credits;
   const previewCredits = Number.isFinite(parsedCredits) ? parsedCredits : credits;
   const pricedCredits = previewCredits > 0 ? previewCredits : 0;
-  const price = Number((pricedCredits * PRICE_PER_CREDIT).toFixed(2));
-  const isBelowMin = price < MIN_USD;
-  const isAboveMax = price > MAX_USD;
+  const price = Number(
+    (pricedCredits * topupConfig.pricePerCredit).toFixed(2)
+  );
+  const isBelowMin = price < topupConfig.minAmount;
+  const isAboveMax = price > topupConfig.maxAmount;
   const isError = isBelowMin || isAboveMax;
   const isInvalid = isError;
   const syncFromCredits = (value) => {
     setCredits(value);
     setCreditsInput(String(value));
-    setPriceInput(String(Number((value * PRICE_PER_CREDIT).toFixed(2))));
+    setPriceInput(
+      String(Number((value * topupConfig.pricePerCredit).toFixed(2)))
+    );
   };
-  const syncFromPrice = (usd) => {
-    const derived = Math.round(usd / PRICE_PER_CREDIT);
+  const syncFromPrice = (amount) => {
+    const derived = Math.round(amount / topupConfig.pricePerCredit);
     setCredits(derived);
     setCreditsInput(String(derived));
-    setPriceInput(String(usd));
+    setPriceInput(String(amount));
   };
-  const handleDecrement = () => syncFromCredits(Math.max(MIN_CREDITS, credits - STEP));
-  const handleIncrement = () => syncFromCredits(Math.min(MAX_CREDITS, credits + STEP));
+  const handleDecrement = () => syncFromCredits(Math.max(minCredits, credits - STEP));
+  const handleIncrement = () => syncFromCredits(Math.min(maxCredits, credits + STEP));
   const handleCreditsChange = (value) => {
     const raw = value.replace(/[^\d]/g, "");
     setCreditsInput(raw);
@@ -3859,7 +3885,9 @@ function BuyCreditsModal({ onClose, onBuy }) {
     const next = Number(raw);
     if (!Number.isNaN(next)) {
       setCredits(next);
-      setPriceInput(String(Number((next * PRICE_PER_CREDIT).toFixed(2))));
+      setPriceInput(
+        String(Number((next * topupConfig.pricePerCredit).toFixed(2)))
+      );
     }
   };
   const handleCreditsBlur = () => {
@@ -3877,7 +3905,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
     if (!raw.length) return;
     const next = Number(raw);
     if (!Number.isNaN(next) && next >= 0) {
-      const derived = Math.round(next / PRICE_PER_CREDIT);
+      const derived = Math.round(next / topupConfig.pricePerCredit);
       setCredits(derived);
       setCreditsInput(String(derived));
     }
@@ -3981,7 +4009,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
                                 style: {
                                   width: 24,
                                   height: 24,
-                                  opacity: credits <= MIN_CREDITS ? 0.3 : 1,
+                                  opacity: credits <= minCredits ? 0.3 : 1,
                                   transition: "opacity 0.15s ease"
                                 },
                                 onClick: handleDecrement,
@@ -4039,7 +4067,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
                                 style: {
                                   width: 24,
                                   height: 24,
-                                  opacity: credits >= MAX_CREDITS ? 0.3 : 1,
+                                  opacity: credits >= maxCredits ? 0.3 : 1,
                                   transition: "opacity 0.15s ease"
                                 },
                                 onClick: handleIncrement,
@@ -4070,7 +4098,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
                                   lineHeight: "var(--line-height-line-height-lg)",
                                   color: "var(--alias-text---icons-primary)"
                                 },
-                                children: "$"
+                                children: currencySymbol
                               }
                             ),
                             /* @__PURE__ */ jsx10(
@@ -4090,7 +4118,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)",
@@ -4126,7 +4154,7 @@ function BuyCreditsModal({ onClose, onBuy }) {
                             lineHeight: "var(--line-height-line-height-sm)",
                             color: "var(--alias-text---icons-error)"
                           },
-                          children: isBelowMin ? `Min. ${MIN_CREDITS.toLocaleString()} credits` : `Max. ${MAX_CREDITS.toLocaleString()} credits`
+                          children: isBelowMin ? `Min. ${minCredits.toLocaleString()} credits` : `Max. ${maxCredits.toLocaleString()} credits`
                         }
                       ) })
                     }
@@ -4220,6 +4248,9 @@ function formatCurrency(cents, currency) {
   }
   return `$${(cents / 100).toFixed(2)}`;
 }
+function getCurrencySymbolByCountry(country) {
+  return country?.trim().toUpperCase() === "IN" ? "\u20B9" : "$";
+}
 function formatCredits(n) {
   return n.toLocaleString("en-US");
 }
@@ -4782,10 +4813,14 @@ function PlansView({
   actionInFlight,
   onPlanAction,
   onCancelDowngrade,
-  workspace
+  workspace,
+  isProPlan
 }) {
   console.log("=============", products);
   const { toast } = useSettingsAdapters();
+  const workspaceCurrencySymbol = getCurrencySymbolByCountry(
+    workspace?.country
+  );
   const allPlans = useMemo2(() => {
     if (products.length > 0) {
       return products.flatMap(
@@ -4794,7 +4829,7 @@ function PlansView({
           productId: product.id,
           priceId: price.id,
           planName: price.metadata.name,
-          price: price.unit_amount === 0 ? price.currency === "inr" ? "\u20B90" : "$0" : `${formatCurrency(price.unit_amount, price.currency ?? "usd")} / 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(),
@@ -4954,7 +4989,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),
@@ -5114,13 +5149,13 @@ function PlansView({
           UpdateSubscriptionModal,
           {
             open: showUpgradeConfirmModal,
-            currentPlanName: currentPlan?.planName || "Free",
-            currentPlanAmount: currentPlan ? currentPlan.amount === 0 ? "$0" : formatCurrency(currentPlan.amount, currentPlan.currency || "") : "$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(
+            nextPlanAmount: selectedMiddlePlan ? selectedMiddlePlan.amount === 0 ? `${workspaceCurrencySymbol}0` : formatCurrency(
               selectedMiddlePlan.amount,
               selectedMiddlePlan.currency || ""
-            ) : "$0",
+            ) : `${workspaceCurrencySymbol}0`,
             nextBillingDateLabel: formatNextBillingDateLabel(currentPlanEndDate),
             loading: isMiddleActionLoading,
             onClose: () => setShowUpgradeConfirmModal(false),
@@ -5183,9 +5218,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) {
@@ -5299,7 +5336,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)
@@ -5741,13 +5778,13 @@ function BillingContent({
     setShowInitialLoader(false);
   }, [showInitialLoader, initialFetchTriggered, loadingBilling]);
   console.log("subscription", subscription);
-  const isProPlan = products.find(
+  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?.currency == "inr" ? "\u20B9" : "$"}${(subscription.plan.amount / 100).toFixed(2)} / ${subscription?.plan?.interval}` : "$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;
@@ -5844,12 +5881,13 @@ function BillingContent({
       }
     );
     try {
+      const topupCurrency = workspace.current?.country?.trim().toUpperCase() === "IN" ? "inr" : "usd";
       const res = await api.buyCredits({
         serviceName: DEFAULT_TOPUP_SERVICE,
         credits,
         unitAmount: price,
         itemCount: 1,
-        currency: "usd",
+        currency: topupCurrency,
         successUrl: resolveReturnUrl("success"),
         cancelUrl: resolveReturnUrl("cancel"),
         metadata: { source: "self-serve" }
@@ -5946,7 +5984,8 @@ function BillingContent({
         actionInFlight: planActionInFlight,
         onPlanAction: handlePlanAction,
         onCancelDowngrade: handleCancelDowngrade,
-        workspace: workspace.current
+        workspace: workspace.current,
+        isProPlan
       }
     );
     if (embedded) return plansView;
@@ -6037,7 +6076,14 @@ function BillingContent({
         }
       )
     ] }),
-    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,
@@ -6056,6 +6102,8 @@ function BillingContent({
     showBuyCreditsModal && /* @__PURE__ */ jsx11(
       BuyCreditsModal,
       {
+        country: workspace.current?.country,
+        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.3.0",
+  "version": "0.3.2",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",