subos-frontend 1.0.32 → 1.0.34

package/dist/index.js

@@ -107,7 +107,6 @@ var getHeaders = () => {
 };
 var ENDPOINTS = {
   PLANS: "/plans",
-  PAYMENTS: "/api/payments",
   CHECKOUT: "/checkout",
   SUBSCRIPTION: "/subscription",
   CUSTOMER: "/customer",
@@ -197,7 +196,13 @@ var subscriptionApi = {
   }
 };
 var customerApi = {
-  getCustomer: (externalId) => apiRequest(`${ENDPOINTS.CUSTOMER}/${externalId}`, "GET", void 0, { projectId: getDefaultProjectId() })
+  getCustomer: (externalId) => apiRequest(`${ENDPOINTS.CUSTOMER}/${externalId}`, "GET", void 0, { projectId: getDefaultProjectId() }),
+  createPortalSession: (externalId, returnUrl) => apiRequest(
+    `${ENDPOINTS.CUSTOMER}/${externalId}/portal`,
+    "POST",
+    { returnUrl },
+    { projectId: getDefaultProjectId() }
+  )
 };
 var transactionApi = {
   getTransactions: (externalId, filters) => {
@@ -349,7 +354,7 @@ var filterPlansByTier = (plans, tierFilter) => {
 };
 var isPlanPopular = (plan) => {
   const planName = plan.name.toLowerCase();
-  return planName.includes("growth");
+  return planName.includes("scale");
 };
 var getPlanDescription = (plan) => {
   const planName = plan.name.toLowerCase();
@@ -746,31 +751,6 @@ var useCancelSubscription = ({
     reset
   };
 };
-async function apiRequest2(endpoint, method = "GET", data) {
-  try {
-    const url = `${getApiBaseUrl()}${endpoint}`;
-    const options = {
-      method,
-      headers: getHeaders(),
-      credentials: "include"
-    };
-    if (data) {
-      options.body = JSON.stringify(data);
-    }
-    const response = await fetch(url, options);
-    const result = await response.json();
-    if (!response.ok) {
-      return { success: false, error: result.message || "An error occurred" };
-    }
-    return { success: true, data: result };
-  } catch (error) {
-    console.error("API request failed:", error);
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : "Unknown error occurred"
-    };
-  }
-}
 var useCustomerPortal = ({
   onSuccess,
   onError
@@ -789,10 +769,9 @@ var useCustomerPortal = ({
     setError(null);
     try {
       const returnUrl = `${window.location.origin}/dashboard`;
-      const response = await apiRequest2(
-        `${ENDPOINTS.CUSTOMER}/${externalId}/portal`,
-        "POST",
-        { returnUrl }
+      const response = await customerApi.createPortalSession(
+        externalId,
+        returnUrl
       );
       const portalResponse = response.data;
       const portalUrl = ((_a = portalResponse == null ? void 0 : portalResponse.data) == null ? void 0 : _a.url) ?? (portalResponse == null ? void 0 : portalResponse.url);
@@ -1470,7 +1449,15 @@ var PaymentCancelView = ({ details }) => {
   ] });
 };
 var PaymentCancelView_default = PaymentCancelView;
-var PaymentSuccessView = ({ details }) => {
+var PaymentSuccessView = ({
+  details,
+  planName,
+  planAmount,
+  planCurrency = "USD",
+  invoiceDownloadUrl,
+  dashboardUrl = "/dashboard",
+  supportUrl = "/support"
+}) => {
   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-green-500 to-green-600 text-white p-6 text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-4xl mb-2", children: "\u2705" }),
@@ -1485,9 +1472,18 @@ var PaymentSuccessView = ({ details }) => {
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-600", children: "Payment Gateway" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium capitalize", children: details.gateway })
           ] }),
-          details.sessionId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-600", children: "Session ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium font-mono text-sm", children: details.sessionId })
+          planName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-600", children: "Plan" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: planName })
+          ] }),
+          planAmount && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-600", children: "Amount" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
+              "$",
+              planAmount,
+              " ",
+              planCurrency
+            ] })
           ] }),
           details.paymentId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-600", children: "Payment ID" }),
@@ -1507,32 +1503,40 @@ var PaymentSuccessView = ({ details }) => {
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-blue-900 mb-2", children: "What's Next?" }),
         /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "text-sm text-blue-800 space-y-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("li", { children: "\u2022 You'll receive a confirmation email shortly" }),
-          /* @__PURE__ */ jsxRuntime.jsx("li", { children: "\u2022 Your subscription/purchase is now active" }),
+          /* @__PURE__ */ jsxRuntime.jsx("li", { children: "\u2022 Your subscription is now active" }),
           /* @__PURE__ */ jsxRuntime.jsx("li", { children: "\u2022 Access your dashboard to manage your account" })
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        invoiceDownloadUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: invoiceDownloadUrl,
+            download: true,
+            className: "w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-4 rounded-md transition-colors block text-center",
+            children: "Download Invoice"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
-            onClick: () => window.location.href = "/dashboard",
+            onClick: () => window.location.href = dashboardUrl,
             className: "w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-4 rounded-md transition-colors",
-            children: "Go to Dashboard"
+            children: "Download Invoice"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
-            onClick: () => window.location.href = "/",
+            onClick: () => window.location.href = dashboardUrl,
             className: "w-full bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium py-3 px-4 rounded-md transition-colors",
-            children: "Return Home"
+            children: "Go to Dashboard"
           }
         )
       ] }),
       /* @__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: "/support", className: "text-blue-600 hover:text-blue-700", children: "Contact Support" })
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: supportUrl, className: "text-blue-600 hover:text-blue-700", children: "Contact Support" })
       ] }) })
     ] })
   ] });
@@ -2770,7 +2774,7 @@ var UpgradeSummary = ({
                   e.currentTarget.style.boxShadow = "0 4px 12px rgba(239, 68, 68, 0.3)";
                 } : void 0,
                 title: isShowingCurrentPlan ? "This is your current active plan" : void 0,
-                children: loading ? "Loading..." : isShowingCurrentPlan ? "Current Plan" : "Upgrade Now"
+                children: loading ? "Loading..." : isShowingCurrentPlan ? "Current Plan" : (checkoutInfo == null ? void 0 : checkoutInfo.proration) === 0 ? "Confirm Changes" : "Upgrade Now"
               }
             )
           ] })