@streamoid/settings 0.3.1 → 0.3.2

package/dist/index.d.mts

@@ -659,10 +659,11 @@ declare function ConfirmDeleteModal({ open, workspaceName, onClose, onConfirm, }
 
 interface BuyCreditsModalProps {
     currencySymbol?: string;
+    country?: string;
     onClose: () => void;
     onBuy: (credits: number, price: number) => void;
 }
-declare function BuyCreditsModal({ currencySymbol, 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

@@ -659,10 +659,11 @@ declare function ConfirmDeleteModal({ open, workspaceName, onClose, onConfirm, }
 
 interface BuyCreditsModalProps {
     currencySymbol?: string;
+    country?: string;
     onClose: () => void;
     onBuy: (credits: number, price: number) => void;
 }
-declare function BuyCreditsModal({ currencySymbol, 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,41 +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);
+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 [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));
+  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);
@@ -3844,7 +3866,9 @@ function BuyCreditsModal({
     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 = () => {
@@ -3862,7 +3886,7 @@ function BuyCreditsModal({
     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));
     }
@@ -3966,7 +3990,7 @@ function BuyCreditsModal({
                                 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,
@@ -4024,7 +4048,7 @@ function BuyCreditsModal({
                                 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,
@@ -4111,7 +4135,7 @@ function BuyCreditsModal({
                             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`
                         }
                       ) })
                     }
@@ -5838,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" }
@@ -6058,6 +6083,7 @@ 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) => {

package/dist/index.mjs

@@ -3820,41 +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);
+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 [credits, setCredits] = useState6(MIN_CREDITS);
-  const [creditsInput, setCreditsInput] = useState6(String(MIN_CREDITS));
-  const [priceInput, setPriceInput] = useState6(String(MIN_CREDITS * PRICE_PER_CREDIT));
+  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);
@@ -3863,7 +3885,9 @@ function BuyCreditsModal({
     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 = () => {
@@ -3881,7 +3905,7 @@ function BuyCreditsModal({
     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));
     }
@@ -3985,7 +4009,7 @@ function BuyCreditsModal({
                                 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,
@@ -4043,7 +4067,7 @@ function BuyCreditsModal({
                                 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,
@@ -4130,7 +4154,7 @@ function BuyCreditsModal({
                             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`
                         }
                       ) })
                     }
@@ -5857,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" }
@@ -6077,6 +6102,7 @@ function BillingContent({
     showBuyCreditsModal && /* @__PURE__ */ jsx11(
       BuyCreditsModal,
       {
+        country: workspace.current?.country,
         currencySymbol: getCurrencySymbolByCountry(workspace.current?.country),
         onClose: () => setShowBuyCreditsModal(false),
         onBuy: (credits, price) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/settings",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",