subos-frontend 1.0.6 → 1.0.7

package/dist/index.js

@@ -814,7 +814,7 @@ var BillingCycleToggle = ({
       "button",
       {
         onClick: () => onBillingCycleChange("monthly"),
-        className: `px-4 py-2 rounded-md text-sm font-medium transition-colors ${billingCycle === "monthly" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900"}`,
+        className: `px-4 py-2 rounded-md text-sm font-medium transition-colors ${billingCycle === "monthly" ? "bg-green-600 text-white shadow-sm" : "text-gray-600 hover:text-gray-900"}`,
         children: "Monthly"
       }
     ),
@@ -2147,33 +2147,34 @@ var UpgradeSummary = ({
   if (!selectedPlan || Number(selectedPlan.fixedCost) === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed bottom-0 left-0 right-0 w-full z-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto w-full px-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white/40 backdrop-blur-md shadow-xl rounded-tl-md rounded-tr-md border border-gray-200 px-4 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-gray-900", children: "Summary" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600", children: selectedPlan.name }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "See Price Breakdown" })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "Summary" }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-base font-semibold", children: selectedPlan.name })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-2xl font-bold text-gray-900", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-5 items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-2xl font-semibold text-gray-900", children: [
         "$",
         selectedPlan.fixedCost,
         "/Yr"
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "Due Today" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xl font-semibold text-gray-900", children: [
+          "$",
+          selectedPlan.fixedCost
+        ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "Due Today" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium", children: [
-        "$",
-        selectedPlan.fixedCost
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        onClick: onUpgrade,
-        className: "bg-green-600 text-white px-6 py-2 rounded-md font-medium hover:bg-green-700 transition-colors",
-        children: "Upgrade Now"
-      }
-    )
-  ] }) });
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: onUpgrade,
+          className: "bg-green-600 text-white px-6 py-2 rounded-md font-medium hover:bg-green-700 transition-colors text-sm",
+          children: "Upgrade Now"
+        }
+      )
+    ] })
+  ] }) }) }) });
 };
 var LogoInline = ({ src, alt = "Logo", viewBox = "0 0 1024 1024", ...props }) => {
   const resolvedSrc = src ?? "https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg";
@@ -2313,7 +2314,7 @@ var DashboardPage = ({
   const handleUpgrade = () => {
     plans.handleUpgrade(externalId);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(Layout, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto w-full h-full py-8 px-4", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Layout, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto w-full h-full py-8 px-4 pb-24", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       SubscriptionDetails,
       {