subos-frontend 1.0.51 → 1.0.53

package/dist/index.js

@@ -173,7 +173,7 @@ var plansApi = {
 };
 var subscriptionApi = {
   getActiveSubscription: async (externalId) => {
-    return apiRequest(`${ENDPOINTS.SUBSCRIPTION}/${externalId}`, "GET", void 0, { projectId: getDefaultProjectId() });
+    return apiRequest(`${ENDPOINTS.SUBSCRIPTION}/${externalId}`, "GET", void 0, { projectId: "8bbac5bf-24ea-4f50-aba4-74d84a4cabf7" });
   },
   cancelSubscription: async (externalId, options) => {
     let endpoint = `${ENDPOINTS.SUBSCRIPTION}/${externalId}`;
@@ -754,7 +754,8 @@ var useCancelSubscription = ({
 };
 var useCustomerPortal = ({
   onSuccess,
-  onError
+  onError,
+  returnPath = "/dashboard"
 } = {}) => {
   const [loading, setLoading] = React9.useState(false);
   const [error, setError] = React9.useState(null);
@@ -769,7 +770,7 @@ var useCustomerPortal = ({
     setLoading(true);
     setError(null);
     try {
-      const returnUrl = `${window.location.origin}/dashboard`;
+      const returnUrl = `${window.location.origin}${returnPath}`;
       const response = await customerApi.createPortalSession(
         externalId,
         returnUrl
@@ -794,7 +795,7 @@ var useCustomerPortal = ({
     } finally {
       setLoading(false);
     }
-  }, [onSuccess, onError]);
+  }, [onSuccess, onError, returnPath]);
   const reset = React9.useCallback(() => {
     setLoading(false);
     setError(null);
@@ -1336,42 +1337,43 @@ var ChangeCardButton = ({
   className = "",
   children,
   onSuccess,
-  onError
+  onError,
+  returnPath
 }) => {
-  const { loading, openCustomerPortal } = useCustomerPortal({
+  const { openCustomerPortal } = useCustomerPortal({
     onSuccess: () => {
       onSuccess == null ? void 0 : onSuccess();
     },
     onError: (error) => {
       onError == null ? void 0 : onError(error);
-    }
+    },
+    returnPath
   });
   const handleClick = async () => {
     await openCustomerPortal(externalId);
   };
-  const defaultClassName = "text-sm font-medium transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed";
+  const defaultClassName = "text-sm font-medium transition-colors duration-200";
   const finalClassName = className || defaultClassName;
   const getStyles = () => ({
-    color: loading ? "var(--subos-muted-foreground, #64748b)" : "var(--subos-primary-600, #2563eb)",
+    color: "var(--subos-primary-600, #2563eb)",
     textDecoration: "none"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       onClick: handleClick,
-      disabled: loading,
       className: finalClassName,
       type: "button",
       style: getStyles(),
-      onMouseEnter: !loading ? (e) => {
+      onMouseEnter: (e) => {
         e.currentTarget.style.color = "var(--subos-primary-700, #1d4ed8)";
         e.currentTarget.style.textDecoration = "underline";
-      } : void 0,
-      onMouseLeave: !loading ? (e) => {
+      },
+      onMouseLeave: (e) => {
         e.currentTarget.style.color = "var(--subos-primary-600, #2563eb)";
         e.currentTarget.style.textDecoration = "none";
-      } : void 0,
-      children: loading ? "Opening..." : children || "Manage Billing"
+      },
+      children: children || "Manage Billing"
     }
   );
 };
@@ -1444,7 +1446,7 @@ var PaymentCancelView = ({ details, dashboardUrl = "/dashboard", planUrl = "/pla
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500", children: [
         "Having trouble?",
         " ",
-        /* @__PURE__ */ jsxRuntime.jsx("a", { href: supportUrl, className: "text-blue-600 hover:text-blue-700", children: "Contact Support" })
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: supportUrl, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-700", children: "Contact Support" })
       ] }) })
     ] })
   ] });
@@ -1537,7 +1539,7 @@ var PaymentSuccessView = ({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500", children: [
         "Need help?",
         " ",
-        /* @__PURE__ */ jsxRuntime.jsx("a", { href: supportUrl, className: "text-blue-600 hover:text-blue-700", children: "Contact Support" })
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: supportUrl, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-700", children: "Contact Support" })
       ] }) })
     ] })
   ] });
@@ -1688,11 +1690,11 @@ var getStatusColor = (status, customColors) => {
       return "bg-blue-100 text-blue-800";
   }
 };
-var formatCurrency = (amount, currency = "USD") => {
+var formatCurrency = (amount, currency) => {
   const numericAmount = typeof amount === "string" ? parseFloat(amount) : amount;
   return new Intl.NumberFormat("en-US", {
     style: "currency",
-    currency
+    currency: currency || "USD"
   }).format(numericAmount);
 };
 var formatMetaLabel = (key) => {
@@ -1757,10 +1759,10 @@ var TransactionItem = ({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-4", children: [
         showFields.amount && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900", children: formatCurrency(transaction.amount, transaction == null ? void 0 : transaction.currency) }),
-          showFields.discount && transaction.discountAmt && parseFloat(transaction.discountAmt.toString()) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-green-600", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900", children: formatCurrency(transaction == null ? void 0 : transaction.amount, transaction == null ? void 0 : transaction.currency) }),
+          showFields.discount && (transaction == null ? void 0 : transaction.discountAmt) && parseFloat(transaction == null ? void 0 : transaction.discountAmt.toString()) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-green-600", children: [
             "-",
-            formatCurrency(transaction.discountAmt, transaction == null ? void 0 : transaction.currency),
+            formatCurrency(transaction == null ? void 0 : transaction.discountAmt, transaction == null ? void 0 : transaction.currency),
             " discount"
           ] })
         ] }),
@@ -1922,14 +1924,10 @@ var TransactionList = ({
   )) }) });
 };
 var defaultStatuses = [
-  { value: "", label: "All Statuses", color: "bg-gray-100 text-gray-800" },
-  // { value: 'activated', label: 'Activated', color: 'bg-green-100 text-green-800' },
+  { value: "", label: "All Statuses", color: "bg-blue-600 text-white" },
   { value: "pending", label: "Pending", color: "bg-yellow-100 text-yellow-800" },
   { value: "succeeded", label: "Succeeded", color: "bg-green-100 text-green-800" },
-  // { value: 'renewed', label: 'Renewed', color: 'bg-green-100 text-green-800' },
-  // { value: 'processing', label: 'Processing', color: 'bg-yellow-100 text-yellow-800' },
   { value: "payment_failed", label: "Payment Failed", color: "bg-red-100 text-red-800" }
-  // { value: 'use_stripe_sdk', label: 'Use Stripe SDK', color: 'bg-blue-100 text-blue-800' },
 ];
 var TransactionStatusFilter = ({
   selectedStatus = "",
@@ -1946,7 +1944,7 @@ var TransactionStatusFilter = ({
       onClick: () => onStatusChange(status.value),
       className: `
             px-3 py-1 rounded-full text-sm font-medium transition-all duration-200
-            ${selectedStatus === status.value ? `${status.color} ring-2 ring-offset-1 ring-blue-500` : "bg-gray-100 text-gray-600 hover:bg-gray-200"}
+            ${selectedStatus === status.value ? status.color : "bg-gray-100 text-gray-600 hover:bg-gray-200"}
           `,
       children: status.label
     },