subos-frontend 1.0.31 → 1.0.33

package/dist/index.js

@@ -349,7 +349,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();
@@ -1470,7 +1470,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 +1493,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 +1524,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 +2795,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"
               }
             )
           ] })