subos-frontend 1.0.24 → 1.0.25

package/dist/index.js

@@ -2438,7 +2438,11 @@ var SubscriptionCancelModal = ({
   onConfirm,
   loading = false,
   title = "Cancel Subscription",
-  description = "Are you sure you want to cancel your subscription? This action cannot be undone."
+  description = "Are you sure you want to cancel your subscription? This action cannot be undone.",
+  subscription: _subscription,
+  // Accept subscription prop but don't use it
+  ..._props
+  // Capture any other props to avoid React warnings
 }) => {
   const cancellationMode = "endOfPeriod";
   const cancellationReason = "subscription_user_canceled_request";
@@ -2449,7 +2453,7 @@ var SubscriptionCancelModal = ({
     });
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -2457,8 +2461,17 @@ var SubscriptionCancelModal = ({
         onClick: onClose
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block align-middle bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all max-w-lg w-full relative z-10", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sm:flex sm:items-start", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative bg-white rounded-2xl shadow-xl max-w-lg w-full z-10", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "absolute top-4 right-4 text-gray-400 hover:text-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 z-20",
+          children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 rounded-t-2xl", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sm:flex sm:items-start", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-6 w-6 text-red-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
@@ -2473,32 +2486,19 @@ var SubscriptionCancelModal = ({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: description }) })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-gray-50 px-4 py-3 sm:px-6 flex flex-col-reverse sm:flex-row-reverse gap-3 sm:gap-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: handleConfirm,
-            disabled: loading,
-            className: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm disabled:bg-red-300 disabled:cursor-not-allowed relative z-10",
-            style: { minHeight: "40px" },
-            children: loading ? "Cancelling..." : "Confirm Cancellation"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: onClose,
-            disabled: loading,
-            className: "w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:w-auto sm:text-sm disabled:bg-gray-100 disabled:cursor-not-allowed relative z-10",
-            style: { minHeight: "40px" },
-            children: "Cancel"
-          }
-        )
-      ] })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-gray-50 px-4 py-6 sm:px-6 flex justify-center rounded-b-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleConfirm,
+          disabled: loading,
+          className: "inline-flex justify-center rounded-md border border-transparent shadow-sm px-6 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:text-sm disabled:bg-red-300 disabled:cursor-not-allowed relative z-10",
+          style: { minHeight: "40px" },
+          children: loading ? "Cancelling..." : "Cancel Subscription"
+        }
+      ) })
     ] })
-  ] }) });
+  ] });
 };
 var SubscriptionDetails = ({
   subscription,