subos-frontend 1.0.112 → 1.0.113
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 +45 -24
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +45 -24
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +37 -0
- package/dist/types/components/plans/PlanCard.d.ts +1 -0
- package/dist/types/components/plans/PlanCard.d.ts.map +1 -1
- package/dist/types/components/plans/PlansGrid.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1478,26 +1478,27 @@ var PlanCard = ({
|
|
|
1478
1478
|
}
|
|
1479
1479
|
);
|
|
1480
1480
|
};
|
|
1481
|
-
var
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1481
|
+
var PlanCardSkeleton = () => {
|
|
1482
|
+
return /* @__PURE__ */ jsxs("div", { className: "border border-gray-200 rounded-lg p-6 flex flex-col h-full bg-white min-h-[400px]", children: [
|
|
1483
|
+
/* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
|
|
1484
|
+
/* @__PURE__ */ jsx("div", { className: "h-7 w-2/3 bg-gray-200 animate-pulse rounded mb-3" }),
|
|
1485
|
+
/* @__PURE__ */ jsxs("div", { className: "space-y-2 mb-4", children: [
|
|
1486
|
+
/* @__PURE__ */ jsx("div", { className: "h-4 w-full bg-gray-100 animate-pulse rounded" }),
|
|
1487
|
+
/* @__PURE__ */ jsx("div", { className: "h-4 w-5/6 bg-gray-100 animate-pulse rounded" })
|
|
1488
|
+
] }),
|
|
1489
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
|
|
1490
|
+
/* @__PURE__ */ jsx("div", { className: "h-10 w-20 bg-gray-200 animate-pulse rounded" }),
|
|
1491
|
+
/* @__PURE__ */ jsx("div", { className: "h-5 w-24 bg-gray-100 animate-pulse rounded" })
|
|
1492
|
+
] })
|
|
1493
|
+
] }),
|
|
1494
|
+
/* @__PURE__ */ jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsx("hr", { className: "border-gray-100" }) }),
|
|
1495
|
+
/* @__PURE__ */ jsx("div", { className: "flex-grow space-y-4 mb-6", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
|
|
1496
|
+
/* @__PURE__ */ jsx("div", { className: "h-4 w-4 bg-gray-200 animate-pulse rounded-full" }),
|
|
1497
|
+
/* @__PURE__ */ jsx("div", { className: `h-4 bg-gray-100 animate-pulse rounded ${i % 2 === 0 ? "w-full" : "w-4/5"}` })
|
|
1498
|
+
] }, i)) }),
|
|
1499
|
+
/* @__PURE__ */ jsx("div", { className: "mt-auto", children: /* @__PURE__ */ jsx("div", { className: "h-10 w-full bg-gray-200 animate-pulse rounded-md" }) })
|
|
1500
|
+
] });
|
|
1501
|
+
};
|
|
1501
1502
|
var PlansGrid = ({
|
|
1502
1503
|
plans,
|
|
1503
1504
|
selectedPlan,
|
|
@@ -1510,7 +1511,7 @@ var PlansGrid = ({
|
|
|
1510
1511
|
planFeatures
|
|
1511
1512
|
}) => {
|
|
1512
1513
|
if (loading) {
|
|
1513
|
-
return /* @__PURE__ */ jsx("div", { className: "
|
|
1514
|
+
return /* @__PURE__ */ jsx("div", { className: "lg:grid lg:grid-cols-3 gap-4 w-full flex flex-wrap", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx(PlanCardSkeleton, {}, i)) });
|
|
1514
1515
|
}
|
|
1515
1516
|
if (error) {
|
|
1516
1517
|
return /* @__PURE__ */ jsx("div", { className: "p-4 bg-red-50 border border-red-200 text-red-700 rounded-md", children: error });
|
|
@@ -2024,7 +2025,7 @@ var clearSelectedPlan = () => {
|
|
|
2024
2025
|
var unregisterClearSelectedPlan = () => {
|
|
2025
2026
|
globalClearSelectedPlan = null;
|
|
2026
2027
|
};
|
|
2027
|
-
var
|
|
2028
|
+
var DownloadIcon = ({ className = "w-4 h-4" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) });
|
|
2028
2029
|
var getStatusColor = (status, customColors) => {
|
|
2029
2030
|
if (customColors && customColors[status.toLowerCase()]) {
|
|
2030
2031
|
return customColors[status.toLowerCase()];
|
|
@@ -2139,7 +2140,7 @@ var TransactionItem = ({
|
|
|
2139
2140
|
className: "inline-flex items-center justify-center p-0 text-blue-600 hover:text-blue-800 transition-colors border-0 bg-transparent focus:outline-none focus:ring-0 focus-visible:outline-none active:outline-none",
|
|
2140
2141
|
title: "Download Invoice",
|
|
2141
2142
|
"aria-label": "Download Invoice",
|
|
2142
|
-
children: /* @__PURE__ */ jsx(
|
|
2143
|
+
children: /* @__PURE__ */ jsx(DownloadIcon, { className: "w-4 h-4" })
|
|
2143
2144
|
}
|
|
2144
2145
|
)
|
|
2145
2146
|
] })
|
|
@@ -3023,6 +3024,26 @@ var SubscriptionCancelModal = ({
|
|
|
3023
3024
|
] })
|
|
3024
3025
|
] });
|
|
3025
3026
|
};
|
|
3027
|
+
var SearchIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) });
|
|
3028
|
+
var FilterIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" }) });
|
|
3029
|
+
var TrendingUpIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" }) });
|
|
3030
|
+
var LoadingSpinner = ({ className = "w-8 h-8" }) => /* @__PURE__ */ jsxs("svg", { className: `${className} animate-spin`, fill: "none", viewBox: "0 0 24 24", children: [
|
|
3031
|
+
/* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
|
|
3032
|
+
/* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
|
|
3033
|
+
] });
|
|
3034
|
+
var CheckCircleIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) });
|
|
3035
|
+
var AddIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) });
|
|
3036
|
+
var CreditCardIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" }) });
|
|
3037
|
+
var DeleteIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) });
|
|
3038
|
+
var DownloadIcon2 = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) });
|
|
3039
|
+
var DashboardIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" }) });
|
|
3040
|
+
var EmailIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) });
|
|
3041
|
+
var ReceiptIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5l-5-5-4 4-3-3m6-6V4a2 2 0 00-2-2H5a2 2 0 00-2 2v16l3-3 3 3 3-3 3 3z" }) });
|
|
3042
|
+
var StarBorderIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" }) });
|
|
3043
|
+
var UpgradeIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 10l7-7m0 0l7 7m-7-7v18" }) });
|
|
3044
|
+
var CancelIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) });
|
|
3045
|
+
var AddCardIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6v6m0 0v6m0-6h6m-6 0H6m12-3h3a3 3 0 013 3v8a3 3 0 01-3 3H6a3 3 0 01-3-3v-8a3 3 0 013-3h3" }) });
|
|
3046
|
+
var WarningIcon = ({ className = "w-5 h-5" }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) });
|
|
3026
3047
|
var ScheduledPlanNotification = ({
|
|
3027
3048
|
subscription,
|
|
3028
3049
|
className = ""
|
|
@@ -3753,6 +3774,6 @@ var App = function App2({ externalId, initialPage }) {
|
|
|
3753
3774
|
return /* @__PURE__ */ jsx(CurrencyProvider, { children: /* @__PURE__ */ jsx(SubscriptionProvider, { children: /* @__PURE__ */ jsx(NavigationProvider, { initialPage: detectedPage, children: /* @__PURE__ */ jsx(AppContent, { externalId }) }) }) });
|
|
3754
3775
|
};
|
|
3755
3776
|
|
|
3756
|
-
export { AddCardIcon, AddIcon, App, BillingCycleToggle, CancelIcon, ChangeCardButton, CheckCircleIcon, CheckIcon, CreditCardIcon, CurrencyProvider, DashboardIcon, DashboardPage, DeleteIcon, DownloadIcon, EmailIcon, FilterIcon, GracePeriodNotification, Layout, LoadingSpinner, LogoInline, NavigationProvider, Pagination, PaymentCancelView, PaymentSuccessPage_default as PaymentSuccessPage, PaymentSuccessView, PlanCard, PlanSelector, PlansGrid, ReceiptIcon, ScheduledPlanNotification, SearchIcon, StarBorderIcon, SubOSThemeProvider, SubscriptionActionButtons, SubscriptionCancelButton, SubscriptionCancelModal, SubscriptionDetails, SubscriptionInfoGrid, SubscriptionProvider, SubscriptionTransactionButton, SubscriptionUsageDisplay, TierFilterDropdown, TransactionEmptyState, TransactionErrorState, TransactionFilter, TransactionItem, TransactionList, TransactionLoadingState, TransactionModal, TransactionPagination, TransactionStatusFilter, TrendingUpIcon, UpgradeIcon, UpgradeProvider, UpgradeSummary, WarningIcon, clearSelectedPlan, configureSubOS, customerApi, ensureSubOSConfig, filterPlansByBillingCycle, filterPlansByTier, formatDate, getApiBaseUrl, getCandidateUnits, getCurrentSelectionText, getDropdownOptions, getGracePeriodInfo, getPlanDescription, getPlanFeatures, getProjectId, getUniqueCandidateUnits, isPlanPopular, plansApi, registerClearSelectedPlan, subscriptionApi, transactionApi, unregisterClearSelectedPlan, useApplyHostTheme, useCancelSubscription, useCountryAndCurrency, useCurrency, useCustomerPortal, useNavigation, usePagination, usePlans, useSubOSTheme, useSubscription, useTransactions, useUpgrade, validateSubOSConfig };
|
|
3777
|
+
export { AddCardIcon, AddIcon, App, BillingCycleToggle, CancelIcon, ChangeCardButton, CheckCircleIcon, CheckIcon, CreditCardIcon, CurrencyProvider, DashboardIcon, DashboardPage, DeleteIcon, DownloadIcon2 as DownloadIcon, EmailIcon, FilterIcon, GracePeriodNotification, Layout, LoadingSpinner, LogoInline, NavigationProvider, Pagination, PaymentCancelView, PaymentSuccessPage_default as PaymentSuccessPage, PaymentSuccessView, PlanCard, PlanSelector, PlansGrid, ReceiptIcon, ScheduledPlanNotification, SearchIcon, StarBorderIcon, SubOSThemeProvider, SubscriptionActionButtons, SubscriptionCancelButton, SubscriptionCancelModal, SubscriptionDetails, SubscriptionInfoGrid, SubscriptionProvider, SubscriptionTransactionButton, SubscriptionUsageDisplay, TierFilterDropdown, TransactionEmptyState, TransactionErrorState, TransactionFilter, TransactionItem, TransactionList, TransactionLoadingState, TransactionModal, TransactionPagination, TransactionStatusFilter, TrendingUpIcon, UpgradeIcon, UpgradeProvider, UpgradeSummary, WarningIcon, clearSelectedPlan, configureSubOS, customerApi, ensureSubOSConfig, filterPlansByBillingCycle, filterPlansByTier, formatDate, getApiBaseUrl, getCandidateUnits, getCurrentSelectionText, getDropdownOptions, getGracePeriodInfo, getPlanDescription, getPlanFeatures, getProjectId, getUniqueCandidateUnits, isPlanPopular, plansApi, registerClearSelectedPlan, subscriptionApi, transactionApi, unregisterClearSelectedPlan, useApplyHostTheme, useCancelSubscription, useCountryAndCurrency, useCurrency, useCustomerPortal, useNavigation, usePagination, usePlans, useSubOSTheme, useSubscription, useTransactions, useUpgrade, validateSubOSConfig };
|
|
3757
3778
|
//# sourceMappingURL=index.mjs.map
|
|
3758
3779
|
//# sourceMappingURL=index.mjs.map
|