@streamoid/settings 0.3.0 → 0.3.1

package/dist/index.d.mts

@@ -658,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

@@ -658,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)",
@@ -4201,6 +4205,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 +4770,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 +4786,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 +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,13 +5106,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 +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) {
@@ -5280,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)
@@ -5722,13 +5735,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;
@@ -5927,7 +5940,8 @@ function BillingContent({
         actionInFlight: planActionInFlight,
         onPlanAction: handlePlanAction,
         onCancelDowngrade: handleCancelDowngrade,
-        workspace: workspace.current
+        workspace: workspace.current,
+        isProPlan
       }
     );
     if (embedded) return plansView;
@@ -6018,7 +6032,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 +6058,7 @@ function BillingContent({
     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

@@ -3825,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));
@@ -4070,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(
@@ -4090,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)",
@@ -4220,6 +4224,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 +4789,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 +4805,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 +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),
@@ -5114,13 +5125,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 +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) {
@@ -5299,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)
@@ -5741,13 +5754,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;
@@ -5946,7 +5959,8 @@ function BillingContent({
         actionInFlight: planActionInFlight,
         onPlanAction: handlePlanAction,
         onCancelDowngrade: handleCancelDowngrade,
-        workspace: workspace.current
+        workspace: workspace.current,
+        isProPlan
       }
     );
     if (embedded) return plansView;
@@ -6037,7 +6051,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 +6077,7 @@ function BillingContent({
     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.3.0",
+  "version": "0.3.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",