subos-frontend 1.0.10 → 1.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -854,14 +854,15 @@ var useUpgrade = () => {
|
|
|
854
854
|
};
|
|
855
855
|
var BillingCycleToggle = ({
|
|
856
856
|
billingCycle,
|
|
857
|
-
onBillingCycleChange
|
|
857
|
+
onBillingCycleChange,
|
|
858
|
+
className
|
|
858
859
|
}) => {
|
|
859
860
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex bg-gray-100 rounded-lg p-1", children: [
|
|
860
861
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
861
862
|
"button",
|
|
862
863
|
{
|
|
863
864
|
onClick: () => onBillingCycleChange("monthly"),
|
|
864
|
-
className: `px-4 py-2 rounded-md text-sm font-medium transition-colors ${billingCycle === "monthly" ?
|
|
865
|
+
className: `px-4 py-2 rounded-md text-sm font-medium transition-colors ${billingCycle === "monthly" ? `bg-green-600 text-white shadow-sm ${className}` : "text-gray-600 hover:text-gray-900"}`,
|
|
865
866
|
children: "Monthly"
|
|
866
867
|
}
|
|
867
868
|
),
|
|
@@ -869,7 +870,7 @@ var BillingCycleToggle = ({
|
|
|
869
870
|
"button",
|
|
870
871
|
{
|
|
871
872
|
onClick: () => onBillingCycleChange("yearly"),
|
|
872
|
-
className: `px-4 py-2 rounded-md text-sm font-medium transition-colors ${billingCycle === "yearly" ?
|
|
873
|
+
className: `px-4 py-2 rounded-md text-sm font-medium transition-colors ${billingCycle === "yearly" ? `bg-green-600 text-white shadow-sm ${className}` : "text-gray-600 hover:text-gray-900"}`,
|
|
873
874
|
children: "Yearly"
|
|
874
875
|
}
|
|
875
876
|
)
|
|
@@ -996,7 +997,7 @@ var PlanCard = ({
|
|
|
996
997
|
disabled: true,
|
|
997
998
|
children: "Active"
|
|
998
999
|
}
|
|
999
|
-
) : isSelected ? /* @__PURE__ */ jsxRuntime.jsx("button", { className: "w-full bg-
|
|
1000
|
+
) : isSelected ? /* @__PURE__ */ jsxRuntime.jsx("button", { className: "w-full bg-primary text-white py-2 px-4 rounded-md font-medium", children: "Selected" }) : /* @__PURE__ */ jsxRuntime.jsx("button", { className: "w-full bg-white border border-gray-300 text-gray-700 py-2 px-4 rounded-md font-medium hover:bg-gray-50", children: "Select" })) })
|
|
1000
1001
|
]
|
|
1001
1002
|
}
|
|
1002
1003
|
);
|
|
@@ -2314,7 +2315,7 @@ var UpgradeSummary = ({
|
|
|
2314
2315
|
{
|
|
2315
2316
|
onClick: onUpgrade,
|
|
2316
2317
|
disabled: loading,
|
|
2317
|
-
className: "bg-
|
|
2318
|
+
className: "bg-primary text-white px-6 py-2 rounded-md font-medium hover:bg-primary-dark transition-colors text-sm disabled:opacity-50",
|
|
2318
2319
|
children: loading ? "Loading..." : "Upgrade Now"
|
|
2319
2320
|
}
|
|
2320
2321
|
)
|