subos-frontend 1.0.93 → 1.0.95

package/dist/index.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var React11 = require('react');
+var React10 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React11__default = /*#__PURE__*/_interopDefault(React11);
+var React10__default = /*#__PURE__*/_interopDefault(React10);
 
 // src/config/envConfig.ts
 function getEnvVar(key, fallback) {
@@ -232,10 +232,10 @@ var transactionApi = {
   getInvoice: (transactionId) => apiRequest(`${ENDPOINTS.TRANSACTIONS}/${transactionId}/invoice`)
 };
 var useSubscription = () => {
-  const [subscription, setSubscription] = React11.useState(null);
-  const [loading, setLoading] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const fetchSubscription = React11.useCallback(async (externalId) => {
+  const [subscription, setSubscription] = React10.useState(null);
+  const [loading, setLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const fetchSubscription = React10.useCallback(async (externalId) => {
     if (!externalId || externalId === "undefined" || externalId.trim() === "") {
       setError("Invalid user ID. Please ensure you are properly authenticated.");
       setLoading(false);
@@ -260,7 +260,7 @@ var useSubscription = () => {
       setLoading(false);
     }
   }, [loading]);
-  const clearSubscription = React11.useCallback(() => {
+  const clearSubscription = React10.useCallback(() => {
     setSubscription(null);
     setError(null);
   }, []);
@@ -409,9 +409,9 @@ var formatDate = (dateString, format = "date") => {
     day: "numeric"
   }).format(date);
 };
-var UpgradeContext = React11.createContext(void 0);
+var UpgradeContext = React10.createContext(void 0);
 var UpgradeProvider = ({ children }) => {
-  const [isUpgradeSummaryVisible, setIsUpgradeSummaryVisible] = React11.useState(false);
+  const [isUpgradeSummaryVisible, setIsUpgradeSummaryVisible] = React10.useState(false);
   const setUpgradeSummaryVisible = (visible) => {
     setIsUpgradeSummaryVisible(visible);
   };
@@ -431,12 +431,13 @@ var UpgradeProvider = ({ children }) => {
   );
 };
 var useUpgrade = () => {
-  const context = React11.useContext(UpgradeContext);
+  const context = React10.useContext(UpgradeContext);
   if (context === void 0) {
     throw new Error("useUpgrade must be used within an UpgradeProvider");
   }
   return context;
 };
+var CurrencyContext = React10.createContext(void 0);
 
 // src/utils/currency.ts
 var CURRENCY_SYMBOLS = {
@@ -523,25 +524,18 @@ function mapCountryToCurrency(countryCode) {
   };
   return countryToCurrency[countryCode] || "USD";
 }
-var CurrencyContext = React11.createContext(void 0);
-var useCurrency = () => {
-  const context = React11.useContext(CurrencyContext);
-  if (context === void 0) {
-    throw new Error("useCurrency must be used within a CurrencyProvider");
-  }
-  return context;
-};
-var CurrencyProvider = ({
-  children,
+
+// src/hooks/useCountryAndCurrency.ts
+var useCountryAndCurrency = ({
   ipInfoToken,
-  defaultCurrency = "USD",
+  defaultCurrency = "usd",
   skipAutoDetect = false
-}) => {
-  const [country, setCountry] = React11.useState(null);
-  const [currency, setCurrencyState] = React11.useState(defaultCurrency);
-  const [isLoading, setIsLoading] = React11.useState(!skipAutoDetect);
-  const [error, setError] = React11.useState(null);
-  React11.useEffect(() => {
+} = {}) => {
+  const [country, setCountry] = React10.useState(null);
+  const [currency, setCurrencyState] = React10.useState(defaultCurrency);
+  const [isLoading, setIsLoading] = React10.useState(!skipAutoDetect);
+  const [error, setError] = React10.useState(null);
+  React10.useEffect(() => {
     if (skipAutoDetect) {
       setIsLoading(false);
       return;
@@ -573,20 +567,46 @@ var CurrencyProvider = ({
   const setCurrency = (newCurrency) => {
     setCurrencyState(newCurrency);
   };
+  return {
+    country,
+    currency,
+    isLoading,
+    error,
+    setCurrency
+  };
+};
+var useCurrency = () => {
+  const context = React10.useContext(CurrencyContext);
+  if (context === void 0) {
+    throw new Error("useCurrency must be used within a CurrencyProvider");
+  }
+  return context;
+};
+var CurrencyProvider = ({
+  children,
+  ipInfoToken,
+  defaultCurrency = "usd",
+  skipAutoDetect = false
+}) => {
+  const { country, currency, isLoading, error, setCurrency } = useCountryAndCurrency({
+    ipInfoToken,
+    defaultCurrency,
+    skipAutoDetect
+  });
   return /* @__PURE__ */ jsxRuntime.jsx(CurrencyContext.Provider, { value: { country, currency, isLoading, error, setCurrency }, children });
 };
 
 // src/hooks/usePlans.ts
 var usePlans = () => {
   const { currency } = useCurrency();
-  const [plans, setPlans] = React11.useState([]);
-  const [filteredPlans, setFilteredPlans] = React11.useState([]);
-  const [selectedPlan, setSelectedPlan] = React11.useState(null);
-  const [tierFilter, setTierFilter] = React11.useState("all");
-  const [billingCycle, setBillingCycle] = React11.useState("monthly");
-  const [loading, setLoading] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const fetchPlans = React11.useCallback(async () => {
+  const [plans, setPlans] = React10.useState([]);
+  const [filteredPlans, setFilteredPlans] = React10.useState([]);
+  const [selectedPlan, setSelectedPlan] = React10.useState(null);
+  const [tierFilter, setTierFilter] = React10.useState("all");
+  const [billingCycle, setBillingCycle] = React10.useState("monthly");
+  const [loading, setLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const fetchPlans = React10.useCallback(async () => {
     if (loading) return;
     setLoading(true);
     setError(null);
@@ -608,7 +628,7 @@ var usePlans = () => {
       setLoading(false);
     }
   }, [loading]);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (plans.length > 0 && tierFilter === "all") {
       const uniqueUnits = getUniqueCandidateUnits(plans);
       if (uniqueUnits.length > 0) {
@@ -616,17 +636,17 @@ var usePlans = () => {
       }
     }
   }, [plans, tierFilter]);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     let filtered = [...plans];
     filtered = filterPlansByBillingCycle(filtered, billingCycle);
     filtered = filterPlansByTier(filtered, tierFilter);
     const sorted = sortPlansForDisplay(filtered);
     setFilteredPlans(sorted);
   }, [plans, tierFilter, billingCycle]);
-  const handlePlanSelect = React11.useCallback((plan) => {
+  const handlePlanSelect = React10.useCallback((plan) => {
     setSelectedPlan(plan);
   }, []);
-  const handleUpgrade = React11.useCallback(async (externalId, options) => {
+  const handleUpgrade = React10.useCallback(async (externalId, options) => {
     var _a;
     if (!selectedPlan) return;
     try {
@@ -648,14 +668,14 @@ var usePlans = () => {
       alert("An error occurred. Please try again.");
     }
   }, [selectedPlan, currency]);
-  const clearPlans = React11.useCallback(() => {
+  const clearPlans = React10.useCallback(() => {
     setPlans([]);
     setFilteredPlans([]);
     setSelectedPlan(null);
     setError(null);
     setTierFilter("all");
   }, []);
-  const clearSelectedPlan2 = React11.useCallback(() => {
+  const clearSelectedPlan2 = React10.useCallback(() => {
     setSelectedPlan(null);
   }, []);
   const dropdownOptions = getDropdownOptions(plans);
@@ -741,18 +761,18 @@ var useTransactions = ({
   initialFilters = {},
   autoFetch = false
 }) => {
-  const [transactions, setTransactions] = React11.useState([]);
-  const [allTransactions, setAllTransactions] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const [filters, setFilters] = React11.useState({
+  const [transactions, setTransactions] = React10.useState([]);
+  const [allTransactions, setAllTransactions] = React10.useState([]);
+  const [loading, setLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const [filters, setFilters] = React10.useState({
     ...DEFAULT_FILTERS,
     ...initialFilters
   });
-  const [meta, setMeta] = React11.useState(null);
-  const [isBackendPaginated, setIsBackendPaginated] = React11.useState(false);
-  const hasAutoFetchedRef = React11.useRef(false);
-  const fetchTransactions = React11.useCallback(async () => {
+  const [meta, setMeta] = React10.useState(null);
+  const [isBackendPaginated, setIsBackendPaginated] = React10.useState(false);
+  const hasAutoFetchedRef = React10.useRef(false);
+  const fetchTransactions = React10.useCallback(async () => {
     if (!externalId) return;
     setLoading(true);
     setError(null);
@@ -791,7 +811,7 @@ var useTransactions = ({
       setLoading(false);
     }
   }, [externalId, filters]);
-  const updateFilters = React11.useCallback((newFilters) => {
+  const updateFilters = React10.useCallback((newFilters) => {
     setFilters((prev) => ({
       ...prev,
       ...newFilters,
@@ -799,7 +819,7 @@ var useTransactions = ({
       page: newFilters.page !== void 0 ? newFilters.page : 1
     }));
   }, []);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (!isBackendPaginated && allTransactions.length > 0) {
       const filteredTransactions = applyFrontendFilters(allTransactions, filters);
       const paginatedResult = applyFrontendPagination(filteredTransactions, filters);
@@ -807,19 +827,19 @@ var useTransactions = ({
       setMeta(paginatedResult.meta);
     }
   }, [filters, allTransactions, isBackendPaginated]);
-  const clearFilters = React11.useCallback(() => {
+  const clearFilters = React10.useCallback(() => {
     setFilters(DEFAULT_FILTERS);
   }, []);
-  const refetch = React11.useCallback(async () => {
+  const refetch = React10.useCallback(async () => {
     await fetchTransactions();
   }, [fetchTransactions]);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (autoFetch && externalId && !hasAutoFetchedRef.current) {
       hasAutoFetchedRef.current = true;
       fetchTransactions();
     }
   }, [autoFetch, externalId, fetchTransactions]);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (!autoFetch) return;
     const hasNonPaginationFilters = filters.startDate !== void 0 || filters.endDate !== void 0 || filters.status !== void 0;
     const shouldFetch = isBackendPaginated || allTransactions.length === 0 && hasNonPaginationFilters;
@@ -846,10 +866,10 @@ var usePagination = ({
   initialPage = 1,
   initialLimit = 10
 } = {}) => {
-  const [currentPage, setCurrentPage] = React11.useState(initialPage);
-  const [limit, setLimitState] = React11.useState(initialLimit);
-  const [meta, setMeta] = React11.useState(null);
-  const goToPage = React11.useCallback((page) => {
+  const [currentPage, setCurrentPage] = React10.useState(initialPage);
+  const [limit, setLimitState] = React10.useState(initialLimit);
+  const [meta, setMeta] = React10.useState(null);
+  const goToPage = React10.useCallback((page) => {
     if (meta) {
       const validPage = Math.max(1, Math.min(page, meta.totalPages));
       setCurrentPage(validPage);
@@ -857,29 +877,29 @@ var usePagination = ({
       setCurrentPage(Math.max(1, page));
     }
   }, [meta]);
-  const goToNextPage = React11.useCallback(() => {
+  const goToNextPage = React10.useCallback(() => {
     if (meta && meta.hasNextPage) {
       setCurrentPage((prev) => prev + 1);
     }
   }, [meta]);
-  const goToPreviousPage = React11.useCallback(() => {
+  const goToPreviousPage = React10.useCallback(() => {
     if (meta && meta.hasPreviousPage) {
       setCurrentPage((prev) => prev - 1);
     }
   }, [meta]);
-  const goToFirstPage = React11.useCallback(() => {
+  const goToFirstPage = React10.useCallback(() => {
     setCurrentPage(1);
   }, []);
-  const goToLastPage = React11.useCallback(() => {
+  const goToLastPage = React10.useCallback(() => {
     if (meta) {
       setCurrentPage(meta.totalPages);
     }
   }, [meta]);
-  const setLimit = React11.useCallback((newLimit) => {
+  const setLimit = React10.useCallback((newLimit) => {
     setLimitState(newLimit);
     setCurrentPage(1);
   }, []);
-  const reset = React11.useCallback(() => {
+  const reset = React10.useCallback(() => {
     setCurrentPage(initialPage);
     setLimitState(initialLimit);
     setMeta(null);
@@ -902,9 +922,9 @@ var useCancelSubscription = ({
   onSuccess,
   onError
 } = {}) => {
-  const [loading, setLoading] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const cancelSubscription = React11.useCallback(async (externalId, options) => {
+  const [loading, setLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const cancelSubscription = React10.useCallback(async (externalId, options) => {
     if (!externalId) {
       const errorMsg = "External ID is required";
       setError(errorMsg);
@@ -933,7 +953,7 @@ var useCancelSubscription = ({
       setLoading(false);
     }
   }, [onSuccess, onError]);
-  const reset = React11.useCallback(() => {
+  const reset = React10.useCallback(() => {
     setLoading(false);
     setError(null);
   }, []);
@@ -949,9 +969,9 @@ var useCustomerPortal = ({
   onError,
   returnPath = "/dashboard"
 } = {}) => {
-  const [loading, setLoading] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const openCustomerPortal = React11.useCallback(async (externalId) => {
+  const [loading, setLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const openCustomerPortal = React10.useCallback(async (externalId) => {
     var _a;
     if (!externalId) {
       const errorMsg = "External ID is required";
@@ -988,7 +1008,7 @@ var useCustomerPortal = ({
       setLoading(false);
     }
   }, [onSuccess, onError, returnPath]);
-  const reset = React11.useCallback(() => {
+  const reset = React10.useCallback(() => {
     setLoading(false);
     setError(null);
   }, []);
@@ -999,13 +1019,13 @@ var useCustomerPortal = ({
     reset
   };
 };
-var NavigationContext = React11.createContext(void 0);
+var NavigationContext = React10.createContext(void 0);
 var NavigationProvider = ({
   children,
   initialPage = "dashboard"
 }) => {
-  const [currentPage, setCurrentPage] = React11.useState(initialPage);
-  const [history, setHistory] = React11.useState([initialPage]);
+  const [currentPage, setCurrentPage] = React10.useState(initialPage);
+  const [history, setHistory] = React10.useState([initialPage]);
   const navigateTo = (page) => {
     setCurrentPage(page);
     setHistory((prev) => [...prev, page]);
@@ -1022,7 +1042,7 @@ var NavigationProvider = ({
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationContext.Provider, { value: { currentPage, navigateTo, goBack }, children });
 };
 var useNavigation = () => {
-  const context = React11.useContext(NavigationContext);
+  const context = React10.useContext(NavigationContext);
   if (!context) {
     throw new Error("useNavigation must be used within NavigationProvider");
   }
@@ -1106,8 +1126,8 @@ var TierFilterDropdown = ({
   selectedValue,
   onSelect
 }) => {
-  const dropdownRef = React11.useRef(null);
-  React11.useEffect(() => {
+  const dropdownRef = React10.useRef(null);
+  React10.useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         if (isOpen) {
@@ -1472,7 +1492,7 @@ var PlanSelector = ({
   onBillingCycleChange,
   activePlanCode
 }) => {
-  const [isDropdownOpen, setIsDropdownOpen] = React11.useState(false);
+  const [isDropdownOpen, setIsDropdownOpen] = React10.useState(false);
   const handleDropdownToggle = () => {
     setIsDropdownOpen(!isDropdownOpen);
   };
@@ -1587,7 +1607,14 @@ var ChangeCardButton = ({
   );
 };
 var PaymentCancelView = ({ details, dashboardUrl = "/dashboard", planUrl = "/plans", supportUrl = "/support" }) => {
-  const { navigateTo, goBack } = useNavigation();
+  const { navigateTo } = useNavigation();
+  const handleTryAgain = () => {
+    if (planUrl && planUrl.startsWith("/")) {
+      window.history.back();
+    } else {
+      navigateTo("dashboard");
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-md mx-auto bg-white rounded-lg shadow-md overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-gradient-to-r from-orange-500 to-red-500 text-white p-6 text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1650,7 +1677,7 @@ var PaymentCancelView = ({ details, dashboardUrl = "/dashboard", planUrl = "/pla
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
-            onClick: goBack,
+            onClick: handleTryAgain,
             className: "w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-4 rounded-md transition-colors",
             children: "Try Payment Again"
           }
@@ -1834,7 +1861,7 @@ var Layout = ({ children, hideHeader = false, hideFooter = false }) => {
   ] });
 };
 var usePaymentParams = () => {
-  return React11.useMemo(() => {
+  return React10.useMemo(() => {
     const params = new URLSearchParams(window.location.search);
     return {
       gateway: params.get("gateway") || void 0,
@@ -1865,7 +1892,7 @@ var PaymentSuccessPage = ({
     initialFilters: { page: 1, limit: 100 },
     autoFetch: !!externalId
   });
-  const invoiceDownloadUrl = React11.useMemo(() => {
+  const invoiceDownloadUrl = React10.useMemo(() => {
     if (propInvoiceDownloadUrl) return propInvoiceDownloadUrl;
     if (!transactions || transactions.length === 0) return void 0;
     const withOrder = transactions.filter((t) => typeof t.order === "number");
@@ -2379,7 +2406,7 @@ var TransactionPagination = ({
           children: "Previous"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center space-x-1", children: getVisiblePages().map((page, index) => /* @__PURE__ */ jsxRuntime.jsx(React11__default.default.Fragment, { children: page === "..." ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-3 py-2 text-sm text-gray-500", children: "..." }) : /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center space-x-1", children: getVisiblePages().map((page, index) => /* @__PURE__ */ jsxRuntime.jsx(React10__default.default.Fragment, { children: page === "..." ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-3 py-2 text-sm text-gray-500", children: "..." }) : /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           onClick: () => onPageChange(page),
@@ -2425,7 +2452,7 @@ var TransactionModal = ({
     autoFetch: true
     // Enable auto-fetch so it works when modal opens
   });
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (isOpen && externalId) {
       fetchTransactions();
     }
@@ -2943,10 +2970,10 @@ var SubscriptionDetails = ({
   customActions = [],
   className = ""
 }) => {
-  const [isTransactionModalOpen, setIsTransactionModalOpen] = React11.useState(false);
-  const [showCancelConfirmation, setShowCancelConfirmation] = React11.useState(false);
-  const [localSubscription, setLocalSubscription] = React11.useState(subscription);
-  React11.useEffect(() => {
+  const [isTransactionModalOpen, setIsTransactionModalOpen] = React10.useState(false);
+  const [showCancelConfirmation, setShowCancelConfirmation] = React10.useState(false);
+  const [localSubscription, setLocalSubscription] = React10.useState(subscription);
+  React10.useEffect(() => {
     setLocalSubscription(subscription);
   }, [subscription]);
   const { cancelSubscription, loading: cancelLoading } = useCancelSubscription({
@@ -3072,9 +3099,9 @@ var UpgradeSummary = ({
   billableMetricCode
 }) => {
   const { currency } = useCurrency();
-  const [checkoutInfo, setCheckoutInfo] = React11.useState(null);
-  const [loading, setLoading] = React11.useState(false);
-  React11.useEffect(() => {
+  const [checkoutInfo, setCheckoutInfo] = React10.useState(null);
+  const [loading, setLoading] = React10.useState(false);
+  React10.useEffect(() => {
     const planToDisplay2 = selectedPlan || currentPlan;
     if (!planToDisplay2 || !isVisible || Number(planToDisplay2.fixedCost) === 0) {
       setCheckoutInfo(null);
@@ -3230,9 +3257,9 @@ var UpgradeSummary = ({
     }
   ) }) });
 };
-var SubOSThemeContext = React11.createContext(void 0);
+var SubOSThemeContext = React10.createContext(void 0);
 var useSubOSTheme = () => {
-  const context = React11.useContext(SubOSThemeContext);
+  const context = React10.useContext(SubOSThemeContext);
   if (!context) {
     throw new Error("useSubOSTheme must be used within a SubOSThemeProvider");
   }
@@ -3243,8 +3270,8 @@ var SubOSThemeProvider = ({
   theme = {},
   className = ""
 }) => {
-  const [currentTheme, setCurrentTheme] = React11__default.default.useState(theme);
-  const cssVariables = React11__default.default.useMemo(() => {
+  const [currentTheme, setCurrentTheme] = React10__default.default.useState(theme);
+  const cssVariables = React10__default.default.useMemo(() => {
     const vars = {};
     if (currentTheme.primaryColors) {
       Object.entries(currentTheme.primaryColors).forEach(([key, value]) => {
@@ -3293,7 +3320,7 @@ var SubOSThemeProvider = ({
     if (currentTheme.shadowCardHover) vars["--subos-shadow-card-hover"] = currentTheme.shadowCardHover;
     return vars;
   }, [currentTheme]);
-  const contextValue = React11__default.default.useMemo(() => ({
+  const contextValue = React10__default.default.useMemo(() => ({
     theme: currentTheme,
     setTheme: setCurrentTheme
   }), [currentTheme]);
@@ -3308,7 +3335,7 @@ var SubOSThemeProvider = ({
 };
 var useApplyHostTheme = (hostTheme) => {
   const { setTheme } = useSubOSTheme();
-  React11__default.default.useEffect(() => {
+  React10__default.default.useEffect(() => {
     if (hostTheme) {
       setTheme(hostTheme);
     }
@@ -3388,7 +3415,7 @@ var Pagination = ({
             children: "Previous"
           }
         ),
-        pageNumbers.map((page, index) => /* @__PURE__ */ jsxRuntime.jsx(React11__default.default.Fragment, { children: page === "..." ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-3 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300", children: "..." }) : /* @__PURE__ */ jsxRuntime.jsx(
+        pageNumbers.map((page, index) => /* @__PURE__ */ jsxRuntime.jsx(React10__default.default.Fragment, { children: page === "..." ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-3 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300", children: "..." }) : /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             onClick: () => onPageChange(page),
@@ -3415,15 +3442,15 @@ var DashboardPage = ({
   var _a, _b, _c, _d;
   const subscription = useSubscription();
   const plans = usePlans();
-  const lastLoadedIdRef = React11.useRef(null);
-  React11.useEffect(() => {
+  const lastLoadedIdRef = React10.useRef(null);
+  React10.useEffect(() => {
     if (lastLoadedIdRef.current !== externalId) {
       subscription.fetchSubscription(externalId);
       plans.fetchPlans();
       lastLoadedIdRef.current = externalId;
     }
   }, [externalId]);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     registerClearSelectedPlan(plans.clearSelectedPlan);
     return () => {
       unregisterClearSelectedPlan();
@@ -3488,9 +3515,9 @@ var DashboardPage = ({
   ] }) }) });
 };
 var useProcessPaymentCancel = (params) => {
-  const [loading, setLoading] = React11.useState(true);
-  const [error, setError] = React11.useState(null);
-  React11.useEffect(() => {
+  const [loading, setLoading] = React10.useState(true);
+  const [error, setError] = React10.useState(null);
+  React10.useEffect(() => {
     const run = async () => {
       try {
         const qs = new URLSearchParams({
@@ -3634,6 +3661,7 @@ exports.transactionApi = transactionApi;
 exports.unregisterClearSelectedPlan = unregisterClearSelectedPlan;
 exports.useApplyHostTheme = useApplyHostTheme;
 exports.useCancelSubscription = useCancelSubscription;
+exports.useCountryAndCurrency = useCountryAndCurrency;
 exports.useCurrency = useCurrency;
 exports.useCustomerPortal = useCustomerPortal;
 exports.useNavigation = useNavigation;