@streamoid/settings 0.2.2 → 0.3.0

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;
 

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;
 

package/dist/index.js

@@ -4195,7 +4195,10 @@ 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 formatCredits(n) {
@@ -4759,8 +4762,10 @@ function PlansView({
   downgradeScheduled,
   actionInFlight,
   onPlanAction,
-  onCancelDowngrade
+  onCancelDowngrade,
+  workspace
 }) {
+  console.log("=============", products);
   const { toast } = useSettingsAdapters();
   const allPlans = (0, import_react8.useMemo)(() => {
     if (products.length > 0) {
@@ -4769,42 +4774,27 @@ function PlansView({
           key: price.id,
           productId: product.id,
           priceId: price.id,
-          planName: price.unit_amount === 0 ? "Free" : "Pro",
-          price: price.unit_amount === 0 ? "$0" : `${formatCurrency(price.unit_amount)} / month`,
+          planName: price.metadata.name,
+          price: price.unit_amount === 0 ? price.currency === "inr" ? "\u20B90" : "$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
         }))
       );
     }
-    return [
-      {
-        key: "free",
-        planName: "Free",
-        price: "$0",
-        credits: "3,000 credits",
-        amount: 0,
-        isCurrent: true
-      },
-      {
-        key: "pro",
-        planName: "Pro",
-        price: "$1049.99 / month",
-        credits: "30,000 credits",
-        amount: 104999,
-        isCurrent: false
-      }
-    ];
+    return [];
   }, [products, currentPlanId]);
   const sortedPlans = (0, import_react8.useMemo)(
     () => [...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"].includes(planName);
+    if (planName.toLowerCase() === "free") {
+      return false;
     }
-    return false;
+    return true;
   };
   const freePlan = sortedPlans.find(
     (plan) => plan.amount === 0 && !isNotFreePlan(plan.planName)
@@ -5106,9 +5096,12 @@ function PlansView({
           {
             open: showUpgradeConfirmModal,
             currentPlanName: currentPlan?.planName || "Free",
-            currentPlanAmount: currentPlan ? currentPlan.amount === 0 ? "$0" : formatCurrency(currentPlan.amount) : "$0",
+            currentPlanAmount: currentPlan ? currentPlan.amount === 0 ? "$0" : formatCurrency(currentPlan.amount, currentPlan.currency || "") : "$0",
             nextPlanName: selectedMiddlePlan?.planName || "Pro",
-            nextPlanAmount: selectedMiddlePlan ? selectedMiddlePlan.amount === 0 ? "$0" : formatCurrency(selectedMiddlePlan.amount) : "$0",
+            nextPlanAmount: selectedMiddlePlan ? selectedMiddlePlan.amount === 0 ? "$0" : formatCurrency(
+              selectedMiddlePlan.amount,
+              selectedMiddlePlan.currency || ""
+            ) : "$0",
             nextBillingDateLabel: formatNextBillingDateLabel(currentPlanEndDate),
             loading: isMiddleActionLoading,
             onClose: () => setShowUpgradeConfirmModal(false),
@@ -5482,7 +5475,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;
@@ -5537,6 +5532,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),
@@ -5546,7 +5542,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);
       }
@@ -5554,7 +5560,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();
@@ -5715,9 +5721,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.find(
+    (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}` : "$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;
@@ -5915,7 +5926,8 @@ function BillingContent({ embedded = false } = {}) {
         downgradeScheduled: Boolean(subscription?.downgradeScheduled),
         actionInFlight: planActionInFlight,
         onPlanAction: handlePlanAction,
-        onCancelDowngrade: handleCancelDowngrade
+        onCancelDowngrade: handleCancelDowngrade,
+        workspace: workspace.current
       }
     );
     if (embedded) return plansView;

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
@@ -4209,7 +4214,10 @@ 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 formatCredits(n) {
@@ -4773,8 +4781,10 @@ function PlansView({
   downgradeScheduled,
   actionInFlight,
   onPlanAction,
-  onCancelDowngrade
+  onCancelDowngrade,
+  workspace
 }) {
+  console.log("=============", products);
   const { toast } = useSettingsAdapters();
   const allPlans = useMemo2(() => {
     if (products.length > 0) {
@@ -4783,42 +4793,27 @@ function PlansView({
           key: price.id,
           productId: product.id,
           priceId: price.id,
-          planName: price.unit_amount === 0 ? "Free" : "Pro",
-          price: price.unit_amount === 0 ? "$0" : `${formatCurrency(price.unit_amount)} / month`,
+          planName: price.metadata.name,
+          price: price.unit_amount === 0 ? price.currency === "inr" ? "\u20B90" : "$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
         }))
       );
     }
-    return [
-      {
-        key: "free",
-        planName: "Free",
-        price: "$0",
-        credits: "3,000 credits",
-        amount: 0,
-        isCurrent: true
-      },
-      {
-        key: "pro",
-        planName: "Pro",
-        price: "$1049.99 / month",
-        credits: "30,000 credits",
-        amount: 104999,
-        isCurrent: false
-      }
-    ];
+    return [];
   }, [products, currentPlanId]);
   const sortedPlans = useMemo2(
     () => [...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"].includes(planName);
+    if (planName.toLowerCase() === "free") {
+      return false;
     }
-    return false;
+    return true;
   };
   const freePlan = sortedPlans.find(
     (plan) => plan.amount === 0 && !isNotFreePlan(plan.planName)
@@ -5120,9 +5115,12 @@ function PlansView({
           {
             open: showUpgradeConfirmModal,
             currentPlanName: currentPlan?.planName || "Free",
-            currentPlanAmount: currentPlan ? currentPlan.amount === 0 ? "$0" : formatCurrency(currentPlan.amount) : "$0",
+            currentPlanAmount: currentPlan ? currentPlan.amount === 0 ? "$0" : formatCurrency(currentPlan.amount, currentPlan.currency || "") : "$0",
             nextPlanName: selectedMiddlePlan?.planName || "Pro",
-            nextPlanAmount: selectedMiddlePlan ? selectedMiddlePlan.amount === 0 ? "$0" : formatCurrency(selectedMiddlePlan.amount) : "$0",
+            nextPlanAmount: selectedMiddlePlan ? selectedMiddlePlan.amount === 0 ? "$0" : formatCurrency(
+              selectedMiddlePlan.amount,
+              selectedMiddlePlan.currency || ""
+            ) : "$0",
             nextBillingDateLabel: formatNextBillingDateLabel(currentPlanEndDate),
             loading: isMiddleActionLoading,
             onClose: () => setShowUpgradeConfirmModal(false),
@@ -5496,7 +5494,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;
@@ -5551,6 +5551,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),
@@ -5560,7 +5561,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);
       }
@@ -5568,7 +5579,7 @@ function BillingContent({ embedded = false } = {}) {
     } finally {
       setLoadingBilling(false);
     }
-  }, [api]);
+  }, [api, workspace.current?.country]);
   const fetchUserMap = useCallback3(async () => {
     try {
       const members = await api.fetchMembers();
@@ -5729,9 +5740,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.find(
+    (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}` : "$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;
@@ -5929,7 +5945,8 @@ function BillingContent({ embedded = false } = {}) {
         downgradeScheduled: Boolean(subscription?.downgradeScheduled),
         actionInFlight: planActionInFlight,
         onPlanAction: handlePlanAction,
-        onCancelDowngrade: handleCancelDowngrade
+        onCancelDowngrade: handleCancelDowngrade,
+        workspace: workspace.current
       }
     );
     if (embedded) return plansView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/settings",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "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"
   },