subos-frontend 1.0.106 → 1.0.109

package/dist/index.js

@@ -414,12 +414,14 @@ var SubscriptionProvider = ({ children }) => {
   const [subscription, setSubscription] = React11.useState(null);
   const [loading, setLoading] = React11.useState(false);
   const [error, setError] = React11.useState(null);
+  const loadingRef = React11.useRef(false);
   const fetchSubscription = React11.useCallback(async (externalId) => {
     if (!externalId || externalId === "undefined" || externalId.trim() === "") {
       setError("Invalid user ID. Please ensure you are properly authenticated.");
       return;
     }
-    if (loading) return;
+    if (loadingRef.current) return;
+    loadingRef.current = true;
     setLoading(true);
     setError(null);
     try {
@@ -435,9 +437,10 @@ var SubscriptionProvider = ({ children }) => {
         setError("Failed to load subscription information. Please try again later.");
       }
     } finally {
+      loadingRef.current = false;
       setLoading(false);
     }
-  }, [loading, currency]);
+  }, [currency]);
   const clearSubscription = React11.useCallback(() => {
     setSubscription(null);
     setError(null);
@@ -1496,6 +1499,7 @@ var StarBorderIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.j
 var UpgradeIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 10l7-7m0 0l7 7m-7-7v18" }) });
 var CancelIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) });
 var AddCardIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6v6m0 0v6m0-6h6m-6 0H6m12-3h3a3 3 0 013 3v8a3 3 0 01-3 3H6a3 3 0 01-3-3v-8a3 3 0 013-3h3" }) });
+var WarningIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) });
 var PlansGrid = ({
   plans,
   selectedPlan,
@@ -3029,7 +3033,7 @@ var ScheduledPlanNotification = ({
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `mb-4 p-4 bg-yellow-50 border border-yellow-200 rounded-md flex items-start gap-3 ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-yellow-600 mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-yellow-600 mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(WarningIcon, { className: "w-5 h-5" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-yellow-800", children: [
       "Your subscription will change to ",
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: subscription.nextMembership.plan.name }),
@@ -3727,7 +3731,7 @@ var AppContent = ({ externalId }) => {
 };
 var App = function App2({ externalId, initialPage }) {
   const detectedPage = initialPage || getInitialPageFromURL();
-  return /* @__PURE__ */ jsxRuntime.jsx(CurrencyProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(NavigationProvider, { initialPage: detectedPage, children: /* @__PURE__ */ jsxRuntime.jsx(AppContent, { externalId }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(CurrencyProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(SubscriptionProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(NavigationProvider, { initialPage: detectedPage, children: /* @__PURE__ */ jsxRuntime.jsx(AppContent, { externalId }) }) }) });
 };
 
 exports.AddCardIcon = AddCardIcon;
@@ -3785,6 +3789,7 @@ exports.TrendingUpIcon = TrendingUpIcon;
 exports.UpgradeIcon = UpgradeIcon;
 exports.UpgradeProvider = UpgradeProvider;
 exports.UpgradeSummary = UpgradeSummary;
+exports.WarningIcon = WarningIcon;
 exports.clearSelectedPlan = clearSelectedPlan;
 exports.configureSubOS = configureSubOS;
 exports.customerApi = customerApi;