@burdenoff/microfe-store 2026.805.1 → 2026.819.2
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/StoreAdminRoutes.js +27 -27
- package/dist/StoreRoot.js +78 -45
- package/dist/StoreRoot.js.map +1 -1
- package/dist/StoreRoutes.js +163 -85
- package/dist/StoreRoutes.js.map +1 -1
- package/dist/components/sourcing/SourcingConfirmationDialog.d.ts +15 -0
- package/dist/components/sourcing/SourcingConfirmationDialog.js +61 -0
- package/dist/components/sourcing/SourcingConfirmationDialog.js.map +1 -0
- package/dist/components/sourcing/SourcingUi.d.ts +51 -0
- package/dist/components/sourcing/SourcingUi.js +176 -0
- package/dist/components/sourcing/SourcingUi.js.map +1 -0
- package/dist/generated/global-operations.d.ts +713 -0
- package/dist/generated/global-operations.js +557 -175
- package/dist/generated/global-operations.js.map +1 -1
- package/dist/generated/global-types.d.ts +2152 -2159
- package/dist/generated/global-types.js +8 -2
- package/dist/generated/global-types.js.map +1 -1
- package/dist/hooks/useBackendCart.js +17 -17
- package/dist/hooks/useInstallations.js +32 -32
- package/dist/hooks/useOrders.js +7 -7
- package/dist/hooks/useSourcing.d.ts +319 -0
- package/dist/hooks/useSourcing.js +87 -0
- package/dist/hooks/useSourcing.js.map +1 -0
- package/dist/hooks/useStoreGraphQL.js +163 -163
- package/dist/index.js +12 -12
- package/dist/pages/AdminDashboardPage.js +132 -132
- package/dist/pages/AdminReviewModerationPage.js +55 -55
- package/dist/pages/AdminStoresPage.js +95 -95
- package/dist/pages/AdminSubmissionsQueuePage.js +297 -297
- package/dist/pages/AdminSubmissionsQueuePage.js.map +1 -1
- package/dist/pages/AppDetailPage.js +65 -65
- package/dist/pages/AppSettingsPage.js +32 -32
- package/dist/pages/CartPage.js +66 -66
- package/dist/pages/CreateSourcingRequestPage.d.ts +3 -0
- package/dist/pages/CreateSourcingRequestPage.js +439 -0
- package/dist/pages/CreateSourcingRequestPage.js.map +1 -0
- package/dist/pages/InstalledAppsPage.js +15 -15
- package/dist/pages/InstalledAppsPage.js.map +1 -1
- package/dist/pages/MarketplaceHomePage.js +384 -384
- package/dist/pages/MarketplaceHomePage.js.map +1 -1
- package/dist/pages/MyLicensesPage.js +39 -39
- package/dist/pages/OrderConfirmationPage.js +57 -57
- package/dist/pages/OrdersPage.js +3 -3
- package/dist/pages/OrdersPage.js.map +1 -1
- package/dist/pages/ProductDetailPage.js +6 -6
- package/dist/pages/SellerSourcingOffersPage.d.ts +3 -0
- package/dist/pages/SellerSourcingOffersPage.js +284 -0
- package/dist/pages/SellerSourcingOffersPage.js.map +1 -0
- package/dist/pages/SellerSourcingOpportunitiesPage.d.ts +3 -0
- package/dist/pages/SellerSourcingOpportunitiesPage.js +272 -0
- package/dist/pages/SellerSourcingOpportunitiesPage.js.map +1 -0
- package/dist/pages/SellerSourcingOpportunityDetailPage.d.ts +3 -0
- package/dist/pages/SellerSourcingOpportunityDetailPage.js +465 -0
- package/dist/pages/SellerSourcingOpportunityDetailPage.js.map +1 -0
- package/dist/pages/SourcingRequestDetailPage.d.ts +3 -0
- package/dist/pages/SourcingRequestDetailPage.js +447 -0
- package/dist/pages/SourcingRequestDetailPage.js.map +1 -0
- package/dist/pages/SourcingRequestsPage.d.ts +3 -0
- package/dist/pages/SourcingRequestsPage.js +272 -0
- package/dist/pages/SourcingRequestsPage.js.map +1 -0
- package/dist/providers/SourcingAccessProvider.d.ts +21 -0
- package/dist/providers/SourcingAccessProvider.js +95 -0
- package/dist/providers/SourcingAccessProvider.js.map +1 -0
- package/dist/translations/en.d.ts +3 -0
- package/dist/translations/en.js +3 -0
- package/dist/translations/en.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,15 +5,15 @@ import { useBrowseStoreWithContext as r, useHomeGroupedProducts as i } from "../
|
|
|
5
5
|
import { PricingModel as a, ProductNature as o, StoreSortBy as s } from "../generated/global-types.js";
|
|
6
6
|
import { CartDrawer as ee } from "../components/cart/CartDrawer.js";
|
|
7
7
|
import { useCallback as te, useEffect as ne, useId as re, useMemo as c, useRef as ie, useState as l } from "react";
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { AuroraBackground as
|
|
13
|
-
import { useEventBus as
|
|
14
|
-
import { useDebounce as
|
|
8
|
+
import { useNavigate as ae } from "react-router";
|
|
9
|
+
import { useI18n as oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
10
|
+
import { AlertCircle as u, Bot as d, Box as f, Brain as p, ChevronDown as se, ChevronRight as m, Clock as ce, Database as le, Download as h, FileCode2 as ue, Filter as de, Gift as fe, GitBranch as g, LayoutDashboard as _, Loader2 as pe, Puzzle as v, Search as me, ShoppingCart as he, SlidersHorizontal as ge, Sparkles as y, Star as _e, TrendingUp as ve, X as b } from "lucide-react";
|
|
11
|
+
import { Fragment as ye, jsx as x, jsxs as S } from "react/jsx-runtime";
|
|
12
|
+
import { AuroraBackground as be, GlassCard as xe, GradientText as Se, IllustratedEmptyState as Ce, PagePurpose as we } from "@burdenoff/fe-libs/ui";
|
|
13
|
+
import { useEventBus as Te } from "@burdenoff/fe-libs/shared/events";
|
|
14
|
+
import { useDebounce as Ee } from "@burdenoff/fe-libs/shared/hooks";
|
|
15
15
|
//#region src/pages/MarketplaceHomePage.tsx
|
|
16
|
-
var
|
|
16
|
+
var De = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : e.toString(), C = (e) => e.pricingModel === "FREE" || e.price === 0 ? "Free" : `$${e.price}`, w = (e) => ({
|
|
17
17
|
BOTAPP: "var(--color-accent-blue)",
|
|
18
18
|
AGENT: "var(--color-accent-purple)",
|
|
19
19
|
CONSOLE: "var(--color-accent-teal)",
|
|
@@ -31,7 +31,7 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
31
31
|
THEME: "var(--color-accent-purple)",
|
|
32
32
|
PLUGIN: "var(--color-status-success-bg)",
|
|
33
33
|
COMPONENT: "var(--color-accent-blue)"
|
|
34
|
-
})[e] || "var(--color-text-muted)",
|
|
34
|
+
})[e] || "var(--color-text-muted)", T = (e) => `color-mix(in srgb, ${w(e)}, transparent 85%)`, E = {
|
|
35
35
|
BOTAPP: d,
|
|
36
36
|
AGENT: p,
|
|
37
37
|
CONSOLE: _,
|
|
@@ -40,8 +40,8 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
40
40
|
WIDGET: v,
|
|
41
41
|
VIBEMODULE: v,
|
|
42
42
|
DASHBOARD: _,
|
|
43
|
-
PARSER:
|
|
44
|
-
DATASINK:
|
|
43
|
+
PARSER: ue,
|
|
44
|
+
DATASINK: le,
|
|
45
45
|
APP: f,
|
|
46
46
|
TEMPLATE: _,
|
|
47
47
|
INTEGRATION: g,
|
|
@@ -49,93 +49,93 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
49
49
|
THEME: v,
|
|
50
50
|
PLUGIN: v,
|
|
51
51
|
COMPONENT: f
|
|
52
|
-
},
|
|
52
|
+
}, D = ({ type: e, className: t, style: n }) => /* @__PURE__ */ x(E[e] || f, {
|
|
53
53
|
className: t,
|
|
54
54
|
style: n
|
|
55
|
-
}),
|
|
56
|
-
let r =
|
|
57
|
-
return n === "featured" ? /* @__PURE__ */
|
|
55
|
+
}), O = ({ product: e, onClick: t, variant: n = "default" }) => {
|
|
56
|
+
let r = w(e.type);
|
|
57
|
+
return n === "featured" ? /* @__PURE__ */ S("button", {
|
|
58
58
|
type: "button",
|
|
59
59
|
onClick: t,
|
|
60
60
|
className: "group relative flex size-full cursor-pointer flex-col overflow-hidden rounded-2xl border border-border-seam bg-gradient-to-br from-bg-surface to-bg-sunken p-6 text-left shadow-elevation-1 transition-[box-shadow,border-color,color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]",
|
|
61
61
|
children: [
|
|
62
|
-
e.featured && /* @__PURE__ */
|
|
62
|
+
e.featured && /* @__PURE__ */ S("div", {
|
|
63
63
|
className: "absolute right-4 top-4 flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-1 text-xs font-medium text-status-warning-text",
|
|
64
|
-
children: [/* @__PURE__ */
|
|
64
|
+
children: [/* @__PURE__ */ x(y, { className: "size-3" }), "Featured"]
|
|
65
65
|
}),
|
|
66
|
-
/* @__PURE__ */
|
|
66
|
+
/* @__PURE__ */ S("div", {
|
|
67
67
|
className: "flex items-start gap-4",
|
|
68
|
-
children: [/* @__PURE__ */
|
|
68
|
+
children: [/* @__PURE__ */ x("div", {
|
|
69
69
|
className: "flex size-16 flex-shrink-0 items-center justify-center rounded-2xl",
|
|
70
|
-
style: { backgroundColor:
|
|
71
|
-
children: e.icon ? /* @__PURE__ */
|
|
70
|
+
style: { backgroundColor: T(e.type) },
|
|
71
|
+
children: e.icon ? /* @__PURE__ */ x("img", {
|
|
72
72
|
src: e.icon,
|
|
73
73
|
alt: e.name,
|
|
74
74
|
className: "size-10 rounded-lg object-cover"
|
|
75
|
-
}) : /* @__PURE__ */
|
|
75
|
+
}) : /* @__PURE__ */ x(D, {
|
|
76
76
|
type: e.type,
|
|
77
77
|
className: "size-10",
|
|
78
78
|
style: { color: r }
|
|
79
79
|
})
|
|
80
|
-
}), /* @__PURE__ */
|
|
80
|
+
}), /* @__PURE__ */ S("div", {
|
|
81
81
|
className: "flex-1 overflow-hidden",
|
|
82
|
-
children: [/* @__PURE__ */
|
|
82
|
+
children: [/* @__PURE__ */ x("h3", {
|
|
83
83
|
className: "truncate text-lg font-semibold text-text-primary group-hover:text-text-link",
|
|
84
84
|
children: e.name
|
|
85
|
-
}), /* @__PURE__ */
|
|
85
|
+
}), /* @__PURE__ */ S("p", {
|
|
86
86
|
className: "flex items-center gap-2 text-sm text-text-muted",
|
|
87
|
-
children: [/* @__PURE__ */
|
|
87
|
+
children: [/* @__PURE__ */ x(D, {
|
|
88
88
|
type: e.type,
|
|
89
89
|
className: "size-3.5"
|
|
90
90
|
}), e.category || e.type]
|
|
91
91
|
})]
|
|
92
92
|
})]
|
|
93
93
|
}),
|
|
94
|
-
/* @__PURE__ */
|
|
94
|
+
/* @__PURE__ */ x("p", {
|
|
95
95
|
className: "mt-4 line-clamp-2 flex-1 text-sm text-text-muted",
|
|
96
96
|
children: e.description || "No description available"
|
|
97
97
|
}),
|
|
98
|
-
/* @__PURE__ */
|
|
98
|
+
/* @__PURE__ */ S("div", {
|
|
99
99
|
className: "mt-4 flex items-center justify-between border-t border-border-seam pt-4",
|
|
100
|
-
children: [/* @__PURE__ */
|
|
100
|
+
children: [/* @__PURE__ */ S("div", {
|
|
101
101
|
className: "flex items-center gap-3",
|
|
102
|
-
children: [/* @__PURE__ */
|
|
102
|
+
children: [/* @__PURE__ */ S("span", {
|
|
103
103
|
className: "flex items-center gap-1 text-sm text-text-muted",
|
|
104
|
-
children: [/* @__PURE__ */
|
|
105
|
-
}), /* @__PURE__ */
|
|
104
|
+
children: [/* @__PURE__ */ x(_e, { className: "size-4 fill-current text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
|
|
105
|
+
}), /* @__PURE__ */ S("span", {
|
|
106
106
|
className: "flex items-center gap-1 text-sm text-text-muted",
|
|
107
|
-
children: [/* @__PURE__ */
|
|
107
|
+
children: [/* @__PURE__ */ x(h, { className: "size-4" }), De(e.downloads)]
|
|
108
108
|
})]
|
|
109
|
-
}), /* @__PURE__ */
|
|
109
|
+
}), /* @__PURE__ */ x("span", {
|
|
110
110
|
className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-sm font-medium text-text-link",
|
|
111
|
-
children:
|
|
111
|
+
children: C(e)
|
|
112
112
|
})]
|
|
113
113
|
})
|
|
114
114
|
]
|
|
115
|
-
}) : n === "compact" ? /* @__PURE__ */
|
|
115
|
+
}) : n === "compact" ? /* @__PURE__ */ S("button", {
|
|
116
116
|
type: "button",
|
|
117
117
|
onClick: t,
|
|
118
118
|
className: "group flex cursor-pointer items-center gap-3 rounded-xl border border-transparent p-3 text-left transition-[background-color,border-color] hover:border-border-seam hover:bg-bg-surface",
|
|
119
119
|
children: [
|
|
120
|
-
/* @__PURE__ */
|
|
120
|
+
/* @__PURE__ */ x("div", {
|
|
121
121
|
className: "flex size-12 flex-shrink-0 items-center justify-center rounded-xl",
|
|
122
|
-
style: { backgroundColor:
|
|
123
|
-
children: e.icon ? /* @__PURE__ */
|
|
122
|
+
style: { backgroundColor: T(e.type) },
|
|
123
|
+
children: e.icon ? /* @__PURE__ */ x("img", {
|
|
124
124
|
src: e.icon,
|
|
125
125
|
alt: e.name,
|
|
126
126
|
className: "size-8 rounded-lg object-cover"
|
|
127
|
-
}) : /* @__PURE__ */
|
|
127
|
+
}) : /* @__PURE__ */ x(D, {
|
|
128
128
|
type: e.type,
|
|
129
129
|
className: "size-8",
|
|
130
130
|
style: { color: r }
|
|
131
131
|
})
|
|
132
132
|
}),
|
|
133
|
-
/* @__PURE__ */
|
|
133
|
+
/* @__PURE__ */ S("div", {
|
|
134
134
|
className: "flex-1 overflow-hidden",
|
|
135
|
-
children: [/* @__PURE__ */
|
|
135
|
+
children: [/* @__PURE__ */ x("h4", {
|
|
136
136
|
className: "truncate font-medium text-text-primary group-hover:text-text-link",
|
|
137
137
|
children: e.name
|
|
138
|
-
}), /* @__PURE__ */
|
|
138
|
+
}), /* @__PURE__ */ S("p", {
|
|
139
139
|
className: "truncate text-xs text-text-muted",
|
|
140
140
|
children: [
|
|
141
141
|
e.category || e.type,
|
|
@@ -145,181 +145,181 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
145
145
|
]
|
|
146
146
|
})]
|
|
147
147
|
}),
|
|
148
|
-
/* @__PURE__ */
|
|
148
|
+
/* @__PURE__ */ x("span", {
|
|
149
149
|
className: "text-xs font-medium text-text-muted",
|
|
150
|
-
children:
|
|
150
|
+
children: C(e)
|
|
151
151
|
})
|
|
152
152
|
]
|
|
153
|
-
}) : /* @__PURE__ */
|
|
153
|
+
}) : /* @__PURE__ */ S("button", {
|
|
154
154
|
type: "button",
|
|
155
155
|
onClick: t,
|
|
156
156
|
className: "group flex cursor-pointer flex-col overflow-hidden rounded-xl border border-border-seam bg-bg-surface p-4 text-left shadow-elevation-1 transition-[box-shadow,border-color,color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]",
|
|
157
157
|
children: [
|
|
158
|
-
/* @__PURE__ */
|
|
158
|
+
/* @__PURE__ */ S("div", {
|
|
159
159
|
className: "flex items-start gap-3",
|
|
160
|
-
children: [/* @__PURE__ */
|
|
160
|
+
children: [/* @__PURE__ */ x("div", {
|
|
161
161
|
className: "flex size-14 flex-shrink-0 items-center justify-center rounded-xl",
|
|
162
|
-
style: { backgroundColor:
|
|
163
|
-
children: e.icon ? /* @__PURE__ */
|
|
162
|
+
style: { backgroundColor: T(e.type) },
|
|
163
|
+
children: e.icon ? /* @__PURE__ */ x("img", {
|
|
164
164
|
src: e.icon,
|
|
165
165
|
alt: e.name,
|
|
166
166
|
className: "size-9 rounded-lg object-cover"
|
|
167
|
-
}) : /* @__PURE__ */
|
|
167
|
+
}) : /* @__PURE__ */ x(D, {
|
|
168
168
|
type: e.type,
|
|
169
169
|
className: "size-9",
|
|
170
170
|
style: { color: r }
|
|
171
171
|
})
|
|
172
|
-
}), /* @__PURE__ */
|
|
172
|
+
}), /* @__PURE__ */ S("div", {
|
|
173
173
|
className: "flex-1 overflow-hidden",
|
|
174
|
-
children: [/* @__PURE__ */
|
|
174
|
+
children: [/* @__PURE__ */ x("h4", {
|
|
175
175
|
className: "truncate font-semibold text-text-primary group-hover:text-text-link",
|
|
176
176
|
children: e.name
|
|
177
|
-
}), /* @__PURE__ */
|
|
177
|
+
}), /* @__PURE__ */ S("p", {
|
|
178
178
|
className: "flex items-center gap-1.5 text-xs text-text-muted",
|
|
179
|
-
children: [/* @__PURE__ */
|
|
179
|
+
children: [/* @__PURE__ */ x(D, {
|
|
180
180
|
type: e.type,
|
|
181
181
|
className: "size-3"
|
|
182
182
|
}), e.category || e.type]
|
|
183
183
|
})]
|
|
184
184
|
})]
|
|
185
185
|
}),
|
|
186
|
-
/* @__PURE__ */
|
|
186
|
+
/* @__PURE__ */ x("p", {
|
|
187
187
|
className: "mt-3 line-clamp-2 text-sm text-text-muted",
|
|
188
188
|
children: e.description || "No description available"
|
|
189
189
|
}),
|
|
190
|
-
/* @__PURE__ */
|
|
190
|
+
/* @__PURE__ */ S("div", {
|
|
191
191
|
className: "mt-3 flex items-center justify-between",
|
|
192
|
-
children: [/* @__PURE__ */
|
|
192
|
+
children: [/* @__PURE__ */ S("div", {
|
|
193
193
|
className: "flex items-center gap-2",
|
|
194
194
|
children: [
|
|
195
|
-
/* @__PURE__ */
|
|
195
|
+
/* @__PURE__ */ S("span", {
|
|
196
196
|
className: "flex items-center gap-0.5 text-xs text-text-muted",
|
|
197
|
-
children: [/* @__PURE__ */
|
|
197
|
+
children: [/* @__PURE__ */ x(_e, { className: "size-3.5 fill-current text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
|
|
198
198
|
}),
|
|
199
|
-
/* @__PURE__ */
|
|
199
|
+
/* @__PURE__ */ x("span", {
|
|
200
200
|
className: "text-xs text-text-muted",
|
|
201
201
|
children: "·"
|
|
202
202
|
}),
|
|
203
|
-
/* @__PURE__ */
|
|
203
|
+
/* @__PURE__ */ S("span", {
|
|
204
204
|
className: "text-xs text-text-muted",
|
|
205
|
-
children: [
|
|
205
|
+
children: [De(e.downloads), " downloads"]
|
|
206
206
|
})
|
|
207
207
|
]
|
|
208
|
-
}), /* @__PURE__ */
|
|
208
|
+
}), /* @__PURE__ */ x("span", {
|
|
209
209
|
className: "text-xs font-semibold text-text-link",
|
|
210
|
-
children:
|
|
210
|
+
children: C(e)
|
|
211
211
|
})]
|
|
212
212
|
})
|
|
213
213
|
]
|
|
214
214
|
});
|
|
215
|
-
},
|
|
215
|
+
}, Oe = ({ product: e, onClick: t }) => /* @__PURE__ */ S("button", {
|
|
216
216
|
type: "button",
|
|
217
217
|
onClick: t,
|
|
218
218
|
className: "group flex cursor-pointer items-center gap-3 rounded-xl border border-status-warning-border/30 bg-bg-surface p-4 text-left shadow-elevation-1 transition-all hover:border-status-warning-border/60 hover:shadow-[var(--shadow-pop)]",
|
|
219
|
-
children: [/* @__PURE__ */
|
|
219
|
+
children: [/* @__PURE__ */ S("div", {
|
|
220
220
|
className: "relative flex size-14 flex-shrink-0 items-center justify-center rounded-xl bg-status-warning-bg-subtle",
|
|
221
|
-
children: [e.icon ? /* @__PURE__ */
|
|
221
|
+
children: [e.icon ? /* @__PURE__ */ x("img", {
|
|
222
222
|
src: e.icon,
|
|
223
223
|
alt: e.name,
|
|
224
224
|
className: "size-9 rounded-lg object-cover grayscale"
|
|
225
|
-
}) : /* @__PURE__ */
|
|
225
|
+
}) : /* @__PURE__ */ x(f, { className: "size-9 text-status-warning-text/50" }), /* @__PURE__ */ x("span", {
|
|
226
226
|
className: "absolute -right-1 -top-1 flex size-4 items-center justify-center rounded-full bg-status-warning-bg-subtle border border-status-warning-border/40",
|
|
227
|
-
children: /* @__PURE__ */
|
|
227
|
+
children: /* @__PURE__ */ x(u, { className: "size-2.5 text-status-warning-text" })
|
|
228
228
|
})]
|
|
229
|
-
}), /* @__PURE__ */
|
|
229
|
+
}), /* @__PURE__ */ S("div", {
|
|
230
230
|
className: "min-w-0 flex-1",
|
|
231
|
-
children: [/* @__PURE__ */
|
|
231
|
+
children: [/* @__PURE__ */ x("h4", {
|
|
232
232
|
className: "truncate font-semibold text-text-secondary group-hover:text-text-link",
|
|
233
233
|
children: e.name
|
|
234
|
-
}), /* @__PURE__ */
|
|
234
|
+
}), /* @__PURE__ */ S("span", {
|
|
235
235
|
title: "This node is no longer supported. We encourage you to migrate to newer alternatives.",
|
|
236
236
|
className: "mt-1 inline-flex cursor-help items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text",
|
|
237
|
-
children: [/* @__PURE__ */
|
|
237
|
+
children: [/* @__PURE__ */ x(u, { className: "size-3" }), "No Longer Supported"]
|
|
238
238
|
})]
|
|
239
239
|
})]
|
|
240
|
-
}),
|
|
240
|
+
}), k = ({ icon: e, title: t, subtitle: n, onViewAll: r }) => /* @__PURE__ */ S("div", {
|
|
241
241
|
className: "mb-4 flex items-center justify-between",
|
|
242
|
-
children: [/* @__PURE__ */
|
|
242
|
+
children: [/* @__PURE__ */ S("div", {
|
|
243
243
|
className: "flex items-center gap-3",
|
|
244
|
-
children: [/* @__PURE__ */
|
|
244
|
+
children: [/* @__PURE__ */ x("div", {
|
|
245
245
|
className: "flex size-10 items-center justify-center rounded-xl bg-action-primary-bg/10",
|
|
246
|
-
children: /* @__PURE__ */
|
|
247
|
-
}), /* @__PURE__ */
|
|
246
|
+
children: /* @__PURE__ */ x(e, { className: "size-5 text-text-link" })
|
|
247
|
+
}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h2", {
|
|
248
248
|
className: "text-lg font-semibold text-text-primary",
|
|
249
249
|
children: t
|
|
250
|
-
}), n && /* @__PURE__ */
|
|
250
|
+
}), n && /* @__PURE__ */ x("p", {
|
|
251
251
|
className: "text-sm text-text-muted",
|
|
252
252
|
children: n
|
|
253
253
|
})] })]
|
|
254
|
-
}), r && /* @__PURE__ */
|
|
254
|
+
}), r && /* @__PURE__ */ S("button", {
|
|
255
255
|
type: "button",
|
|
256
256
|
onClick: r,
|
|
257
257
|
className: "cursor-pointer flex items-center gap-1 text-sm font-medium text-text-link hover:underline",
|
|
258
|
-
children: ["View all", /* @__PURE__ */
|
|
258
|
+
children: ["View all", /* @__PURE__ */ x(m, { className: "size-4" })]
|
|
259
259
|
})]
|
|
260
|
-
}),
|
|
260
|
+
}), ke = ({ typeId: e, name: t, count: n, active: r, onClick: i }) => /* @__PURE__ */ S("button", {
|
|
261
261
|
type: "button",
|
|
262
262
|
onClick: i,
|
|
263
263
|
className: `flex cursor-pointer items-center gap-2 rounded-full px-4 py-2 text-sm font-medium transition-all ${r ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-bg-sunken"}`,
|
|
264
264
|
children: [
|
|
265
|
-
/* @__PURE__ */
|
|
265
|
+
/* @__PURE__ */ x(D, {
|
|
266
266
|
type: e,
|
|
267
267
|
className: "size-4"
|
|
268
268
|
}),
|
|
269
269
|
t,
|
|
270
|
-
/* @__PURE__ */
|
|
270
|
+
/* @__PURE__ */ x("span", {
|
|
271
271
|
className: `rounded-full px-1.5 py-0.5 text-xs ${r ? "bg-bg-surface/20" : "bg-bg-sunken"}`,
|
|
272
272
|
children: n
|
|
273
273
|
})
|
|
274
274
|
]
|
|
275
|
-
}),
|
|
275
|
+
}), Ae = ({ featuredProducts: e, onProductClick: t, dataTour: n }) => {
|
|
276
276
|
let [r, i] = l(0), a = e[r] || e[0];
|
|
277
277
|
if (!a) return null;
|
|
278
|
-
let o =
|
|
279
|
-
return /* @__PURE__ */
|
|
278
|
+
let o = w(a.type);
|
|
279
|
+
return /* @__PURE__ */ S(xe, {
|
|
280
280
|
treatment: "glass",
|
|
281
281
|
glow: !0,
|
|
282
282
|
"data-tour": n,
|
|
283
283
|
className: "relative overflow-hidden rounded-2xl p-8",
|
|
284
284
|
children: [
|
|
285
|
-
/* @__PURE__ */
|
|
285
|
+
/* @__PURE__ */ x("div", {
|
|
286
286
|
className: "absolute inset-0 opacity-10",
|
|
287
287
|
style: { background: `linear-gradient(135deg, ${o} 0%, transparent 50%)` }
|
|
288
288
|
}),
|
|
289
|
-
/* @__PURE__ */
|
|
289
|
+
/* @__PURE__ */ S("div", {
|
|
290
290
|
className: "relative z-10 flex items-center gap-8",
|
|
291
|
-
children: [/* @__PURE__ */
|
|
291
|
+
children: [/* @__PURE__ */ S("div", {
|
|
292
292
|
className: "flex-1",
|
|
293
293
|
children: [
|
|
294
|
-
/* @__PURE__ */
|
|
294
|
+
/* @__PURE__ */ S("div", {
|
|
295
295
|
className: "mb-4 flex items-center gap-2",
|
|
296
|
-
children: [/* @__PURE__ */
|
|
296
|
+
children: [/* @__PURE__ */ S("span", {
|
|
297
297
|
className: "flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-3 py-1 text-xs font-semibold text-status-warning-text motion-safe:animate-vc-glow-pulse",
|
|
298
|
-
children: [/* @__PURE__ */
|
|
299
|
-
}), /* @__PURE__ */
|
|
298
|
+
children: [/* @__PURE__ */ x(y, { className: "size-3" }), "Featured App"]
|
|
299
|
+
}), /* @__PURE__ */ x("span", {
|
|
300
300
|
className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-text-link",
|
|
301
301
|
children: a.category || a.type
|
|
302
302
|
})]
|
|
303
303
|
}),
|
|
304
|
-
/* @__PURE__ */
|
|
304
|
+
/* @__PURE__ */ x("h1", {
|
|
305
305
|
className: "mb-3 text-3xl font-bold text-text-primary",
|
|
306
306
|
children: a.name
|
|
307
307
|
}),
|
|
308
|
-
/* @__PURE__ */
|
|
308
|
+
/* @__PURE__ */ x("p", {
|
|
309
309
|
className: "mb-6 max-w-xl text-text-muted",
|
|
310
310
|
children: a.description || "No description available"
|
|
311
311
|
}),
|
|
312
|
-
/* @__PURE__ */
|
|
312
|
+
/* @__PURE__ */ S("div", {
|
|
313
313
|
className: "mb-6 flex items-center gap-4",
|
|
314
|
-
children: [/* @__PURE__ */
|
|
314
|
+
children: [/* @__PURE__ */ S("span", {
|
|
315
315
|
className: "flex items-center gap-1 text-sm",
|
|
316
316
|
children: [
|
|
317
|
-
/* @__PURE__ */
|
|
318
|
-
/* @__PURE__ */
|
|
317
|
+
/* @__PURE__ */ x(_e, { className: "size-5 fill-current text-status-warning-text" }),
|
|
318
|
+
/* @__PURE__ */ x("span", {
|
|
319
319
|
className: "font-semibold text-text-primary",
|
|
320
320
|
children: (a.rating ?? 0).toFixed(1)
|
|
321
321
|
}),
|
|
322
|
-
/* @__PURE__ */
|
|
322
|
+
/* @__PURE__ */ S("span", {
|
|
323
323
|
className: "text-text-muted",
|
|
324
324
|
children: [
|
|
325
325
|
"(",
|
|
@@ -328,32 +328,32 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
328
328
|
]
|
|
329
329
|
})
|
|
330
330
|
]
|
|
331
|
-
}), /* @__PURE__ */
|
|
331
|
+
}), /* @__PURE__ */ S("span", {
|
|
332
332
|
className: "flex items-center gap-1 text-sm text-text-muted",
|
|
333
333
|
children: [
|
|
334
|
-
/* @__PURE__ */
|
|
334
|
+
/* @__PURE__ */ x(h, { className: "size-4" }),
|
|
335
335
|
a.downloads.toLocaleString(),
|
|
336
336
|
" downloads"
|
|
337
337
|
]
|
|
338
338
|
})]
|
|
339
339
|
}),
|
|
340
|
-
/* @__PURE__ */
|
|
340
|
+
/* @__PURE__ */ x("button", {
|
|
341
341
|
type: "button",
|
|
342
342
|
onClick: () => t(a),
|
|
343
343
|
className: "cursor-pointer rounded-lg bg-action-primary-bg px-6 py-3 font-semibold text-action-primary-text transition-opacity hover:opacity-90",
|
|
344
344
|
children: "View Details"
|
|
345
345
|
})
|
|
346
346
|
]
|
|
347
|
-
}), /* @__PURE__ */
|
|
347
|
+
}), /* @__PURE__ */ x("div", {
|
|
348
348
|
className: "hidden flex-shrink-0 lg:block",
|
|
349
|
-
children: /* @__PURE__ */
|
|
349
|
+
children: /* @__PURE__ */ x("div", {
|
|
350
350
|
className: "flex size-48 items-center justify-center rounded-3xl shadow-lg",
|
|
351
|
-
style: { backgroundColor:
|
|
352
|
-
children: a.icon ? /* @__PURE__ */
|
|
351
|
+
style: { backgroundColor: T(a.type) },
|
|
352
|
+
children: a.icon ? /* @__PURE__ */ x("img", {
|
|
353
353
|
src: a.icon,
|
|
354
354
|
alt: a.name,
|
|
355
355
|
className: "size-32 rounded-2xl object-cover"
|
|
356
|
-
}) : /* @__PURE__ */
|
|
356
|
+
}) : /* @__PURE__ */ x(D, {
|
|
357
357
|
type: a.type,
|
|
358
358
|
className: "size-32",
|
|
359
359
|
style: { color: o }
|
|
@@ -361,9 +361,9 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
361
361
|
})
|
|
362
362
|
})]
|
|
363
363
|
}),
|
|
364
|
-
e.length > 1 && /* @__PURE__ */
|
|
364
|
+
e.length > 1 && /* @__PURE__ */ x("div", {
|
|
365
365
|
className: "relative z-10 mt-6 flex gap-2",
|
|
366
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
366
|
+
children: e.map((e, t) => /* @__PURE__ */ x("button", {
|
|
367
367
|
type: "button",
|
|
368
368
|
onClick: () => i(t),
|
|
369
369
|
className: `h-2 w-8 rounded-full transition-all ${t === r ? "bg-action-primary-bg" : "bg-border-default hover:bg-action-primary-border"}`,
|
|
@@ -372,68 +372,68 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
372
372
|
})
|
|
373
373
|
]
|
|
374
374
|
});
|
|
375
|
-
},
|
|
375
|
+
}, A = ({ variant: e = "default" }) => e === "featured" ? /* @__PURE__ */ S("div", {
|
|
376
376
|
className: "h-full animate-pulse rounded-2xl border border-border-seam bg-bg-surface p-6",
|
|
377
|
-
children: [/* @__PURE__ */
|
|
377
|
+
children: [/* @__PURE__ */ S("div", {
|
|
378
378
|
className: "flex items-start gap-4",
|
|
379
|
-
children: [/* @__PURE__ */
|
|
379
|
+
children: [/* @__PURE__ */ x("div", { className: "size-16 rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ S("div", {
|
|
380
380
|
className: "flex-1 space-y-2",
|
|
381
|
-
children: [/* @__PURE__ */
|
|
381
|
+
children: [/* @__PURE__ */ x("div", { className: "h-5 w-3/4 rounded bg-bg-sunken" }), /* @__PURE__ */ x("div", { className: "h-4 w-1/2 rounded bg-bg-sunken" })]
|
|
382
382
|
})]
|
|
383
|
-
}), /* @__PURE__ */
|
|
383
|
+
}), /* @__PURE__ */ S("div", {
|
|
384
384
|
className: "mt-4 space-y-2",
|
|
385
|
-
children: [/* @__PURE__ */
|
|
385
|
+
children: [/* @__PURE__ */ x("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ x("div", { className: "h-4 w-2/3 rounded bg-bg-sunken" })]
|
|
386
386
|
})]
|
|
387
|
-
}) : e === "compact" ? /* @__PURE__ */
|
|
387
|
+
}) : e === "compact" ? /* @__PURE__ */ S("div", {
|
|
388
388
|
className: "flex animate-pulse items-center gap-3 p-3",
|
|
389
|
-
children: [/* @__PURE__ */
|
|
389
|
+
children: [/* @__PURE__ */ x("div", { className: "size-12 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ S("div", {
|
|
390
390
|
className: "flex-1 space-y-2",
|
|
391
|
-
children: [/* @__PURE__ */
|
|
391
|
+
children: [/* @__PURE__ */ x("div", { className: "h-4 w-3/4 rounded bg-bg-sunken" }), /* @__PURE__ */ x("div", { className: "h-3 w-1/2 rounded bg-bg-sunken" })]
|
|
392
392
|
})]
|
|
393
|
-
}) : /* @__PURE__ */
|
|
393
|
+
}) : /* @__PURE__ */ S("div", {
|
|
394
394
|
className: "animate-pulse rounded-xl border border-border-seam bg-bg-surface p-4",
|
|
395
|
-
children: [/* @__PURE__ */
|
|
395
|
+
children: [/* @__PURE__ */ S("div", {
|
|
396
396
|
className: "flex items-start gap-3",
|
|
397
|
-
children: [/* @__PURE__ */
|
|
397
|
+
children: [/* @__PURE__ */ x("div", { className: "size-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ S("div", {
|
|
398
398
|
className: "flex-1 space-y-2",
|
|
399
|
-
children: [/* @__PURE__ */
|
|
399
|
+
children: [/* @__PURE__ */ x("div", { className: "h-4 w-3/4 rounded bg-bg-sunken" }), /* @__PURE__ */ x("div", { className: "h-3 w-1/2 rounded bg-bg-sunken" })]
|
|
400
400
|
})]
|
|
401
|
-
}), /* @__PURE__ */
|
|
401
|
+
}), /* @__PURE__ */ S("div", {
|
|
402
402
|
className: "mt-3 space-y-2",
|
|
403
|
-
children: [/* @__PURE__ */
|
|
403
|
+
children: [/* @__PURE__ */ x("div", { className: "h-3 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ x("div", { className: "h-3 w-2/3 rounded bg-bg-sunken" })]
|
|
404
404
|
})]
|
|
405
|
-
}),
|
|
405
|
+
}), j = () => /* @__PURE__ */ S("div", {
|
|
406
406
|
className: "animate-pulse rounded-2xl bg-gradient-to-r from-bg-surface via-bg-sunken to-bg-surface p-8",
|
|
407
|
-
children: [/* @__PURE__ */
|
|
407
|
+
children: [/* @__PURE__ */ S("div", {
|
|
408
408
|
className: "flex items-center gap-8",
|
|
409
|
-
children: [/* @__PURE__ */
|
|
409
|
+
children: [/* @__PURE__ */ S("div", {
|
|
410
410
|
className: "flex-1 space-y-4",
|
|
411
411
|
children: [
|
|
412
|
-
/* @__PURE__ */
|
|
412
|
+
/* @__PURE__ */ S("div", {
|
|
413
413
|
className: "flex gap-2",
|
|
414
|
-
children: [/* @__PURE__ */
|
|
414
|
+
children: [/* @__PURE__ */ x("div", { className: "h-6 w-24 rounded-full bg-bg-sunken" }), /* @__PURE__ */ x("div", { className: "h-6 w-20 rounded-full bg-bg-sunken" })]
|
|
415
415
|
}),
|
|
416
|
-
/* @__PURE__ */
|
|
417
|
-
/* @__PURE__ */
|
|
416
|
+
/* @__PURE__ */ x("div", { className: "h-9 w-3/4 rounded bg-bg-sunken" }),
|
|
417
|
+
/* @__PURE__ */ S("div", {
|
|
418
418
|
className: "space-y-2",
|
|
419
|
-
children: [/* @__PURE__ */
|
|
419
|
+
children: [/* @__PURE__ */ x("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ x("div", { className: "h-4 w-5/6 rounded bg-bg-sunken" })]
|
|
420
420
|
}),
|
|
421
|
-
/* @__PURE__ */
|
|
421
|
+
/* @__PURE__ */ S("div", {
|
|
422
422
|
className: "flex gap-4",
|
|
423
|
-
children: [/* @__PURE__ */
|
|
423
|
+
children: [/* @__PURE__ */ x("div", { className: "h-5 w-24 rounded bg-bg-sunken" }), /* @__PURE__ */ x("div", { className: "h-5 w-32 rounded bg-bg-sunken" })]
|
|
424
424
|
}),
|
|
425
|
-
/* @__PURE__ */
|
|
425
|
+
/* @__PURE__ */ x("div", { className: "h-12 w-36 rounded-lg bg-bg-sunken" })
|
|
426
426
|
]
|
|
427
|
-
}), /* @__PURE__ */
|
|
428
|
-
}), /* @__PURE__ */
|
|
427
|
+
}), /* @__PURE__ */ x("div", { className: "hidden size-48 rounded-3xl bg-bg-sunken lg:block" })]
|
|
428
|
+
}), /* @__PURE__ */ x("div", {
|
|
429
429
|
className: "mt-6 flex gap-2",
|
|
430
430
|
children: [...[
|
|
431
431
|
,
|
|
432
432
|
,
|
|
433
433
|
,
|
|
434
|
-
]].map((e, t) => /* @__PURE__ */
|
|
434
|
+
]].map((e, t) => /* @__PURE__ */ x("div", { className: "h-2 w-8 rounded-full bg-bg-sunken" }, t))
|
|
435
435
|
})]
|
|
436
|
-
}),
|
|
436
|
+
}), M = [
|
|
437
437
|
100,
|
|
438
438
|
120,
|
|
439
439
|
90,
|
|
@@ -442,30 +442,30 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
442
442
|
95,
|
|
443
443
|
115,
|
|
444
444
|
105
|
|
445
|
-
],
|
|
445
|
+
], N = () => /* @__PURE__ */ S("div", {
|
|
446
446
|
className: "space-y-4",
|
|
447
|
-
children: [/* @__PURE__ */
|
|
447
|
+
children: [/* @__PURE__ */ x("div", { className: "h-6 w-32 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ x("div", {
|
|
448
448
|
className: "flex flex-wrap gap-2",
|
|
449
|
-
children:
|
|
449
|
+
children: M.map((e, t) => /* @__PURE__ */ x("div", {
|
|
450
450
|
className: "h-9 animate-pulse rounded-full bg-bg-sunken",
|
|
451
451
|
style: { width: `${e}px` }
|
|
452
452
|
}, t))
|
|
453
453
|
})]
|
|
454
|
-
}),
|
|
454
|
+
}), P = () => /* @__PURE__ */ S("div", {
|
|
455
455
|
className: "mb-4 flex items-center justify-between",
|
|
456
|
-
children: [/* @__PURE__ */
|
|
456
|
+
children: [/* @__PURE__ */ S("div", {
|
|
457
457
|
className: "flex items-center gap-3",
|
|
458
|
-
children: [/* @__PURE__ */
|
|
458
|
+
children: [/* @__PURE__ */ x("div", { className: "size-10 animate-pulse rounded-xl bg-bg-sunken" }), /* @__PURE__ */ S("div", {
|
|
459
459
|
className: "space-y-1",
|
|
460
|
-
children: [/* @__PURE__ */
|
|
460
|
+
children: [/* @__PURE__ */ x("div", { className: "h-5 w-40 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ x("div", { className: "h-4 w-32 animate-pulse rounded bg-bg-sunken" })]
|
|
461
461
|
})]
|
|
462
|
-
}), /* @__PURE__ */
|
|
463
|
-
}),
|
|
462
|
+
}), /* @__PURE__ */ x("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
|
|
463
|
+
}), je = () => /* @__PURE__ */ S("div", {
|
|
464
464
|
className: "mx-auto max-w-7xl space-y-8 p-6",
|
|
465
465
|
children: [
|
|
466
|
-
/* @__PURE__ */
|
|
467
|
-
/* @__PURE__ */
|
|
468
|
-
/* @__PURE__ */
|
|
466
|
+
/* @__PURE__ */ x(j, {}),
|
|
467
|
+
/* @__PURE__ */ x(N, {}),
|
|
468
|
+
/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x(P, {}), /* @__PURE__ */ x("div", {
|
|
469
469
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
|
|
470
470
|
children: [...[
|
|
471
471
|
,
|
|
@@ -474,9 +474,9 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
474
474
|
,
|
|
475
475
|
,
|
|
476
476
|
,
|
|
477
|
-
]].map((e, t) => /* @__PURE__ */
|
|
477
|
+
]].map((e, t) => /* @__PURE__ */ x(A, {}, t))
|
|
478
478
|
})] }),
|
|
479
|
-
/* @__PURE__ */
|
|
479
|
+
/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x(P, {}), /* @__PURE__ */ x("div", {
|
|
480
480
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
|
|
481
481
|
children: [...[
|
|
482
482
|
,
|
|
@@ -485,9 +485,9 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
485
485
|
,
|
|
486
486
|
,
|
|
487
487
|
,
|
|
488
|
-
]].map((e, t) => /* @__PURE__ */
|
|
488
|
+
]].map((e, t) => /* @__PURE__ */ x(A, {}, t))
|
|
489
489
|
})] }),
|
|
490
|
-
/* @__PURE__ */
|
|
490
|
+
/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x(P, {}), /* @__PURE__ */ x("div", {
|
|
491
491
|
className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6",
|
|
492
492
|
children: [...[
|
|
493
493
|
,
|
|
@@ -496,39 +496,39 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
496
496
|
,
|
|
497
497
|
,
|
|
498
498
|
,
|
|
499
|
-
]].map((e, t) => /* @__PURE__ */
|
|
499
|
+
]].map((e, t) => /* @__PURE__ */ x(A, { variant: "compact" }, t))
|
|
500
500
|
})] })
|
|
501
501
|
]
|
|
502
|
-
}),
|
|
502
|
+
}), F = ({ label: e, value: t, options: n, onChange: r }) => {
|
|
503
503
|
let i = re();
|
|
504
|
-
return /* @__PURE__ */
|
|
504
|
+
return /* @__PURE__ */ S("label", {
|
|
505
505
|
htmlFor: i,
|
|
506
506
|
className: "relative inline-flex items-center gap-2 rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken focus-within:border-action-primary-border focus-within:ring-2 focus-within:ring-action-primary-border/20",
|
|
507
507
|
children: [
|
|
508
|
-
/* @__PURE__ */
|
|
508
|
+
/* @__PURE__ */ x("span", {
|
|
509
509
|
className: "sr-only",
|
|
510
510
|
children: e
|
|
511
511
|
}),
|
|
512
|
-
/* @__PURE__ */
|
|
512
|
+
/* @__PURE__ */ S("span", {
|
|
513
513
|
className: "text-text-muted",
|
|
514
514
|
children: [e, ":"]
|
|
515
515
|
}),
|
|
516
|
-
/* @__PURE__ */
|
|
516
|
+
/* @__PURE__ */ x("select", {
|
|
517
517
|
id: i,
|
|
518
518
|
"aria-label": e,
|
|
519
519
|
value: t,
|
|
520
520
|
onChange: (e) => r(e.target.value),
|
|
521
521
|
className: "min-w-[8rem] appearance-none bg-transparent pr-6 text-sm font-medium text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
|
|
522
|
-
children: n.map((e) => /* @__PURE__ */
|
|
522
|
+
children: n.map((e) => /* @__PURE__ */ x("option", {
|
|
523
523
|
value: e.value,
|
|
524
524
|
children: e.label
|
|
525
525
|
}, e.value))
|
|
526
526
|
}),
|
|
527
|
-
/* @__PURE__ */
|
|
527
|
+
/* @__PURE__ */ x(se, { className: "pointer-events-none absolute right-3 size-4 text-text-muted" })
|
|
528
528
|
]
|
|
529
529
|
});
|
|
530
|
-
},
|
|
531
|
-
let d =
|
|
530
|
+
}, I = () => {
|
|
531
|
+
let d = ae(), { basePath: p, user: se } = e(), { t: m } = oe(), le = re(), h = Te(), { cartOpen: ue, closeCart: g, itemCount: _, cartItems: v, subtotal: xe, tax: De, total: C, updateQuantity: w, removeProduct: T } = n(), [E, D] = l(""), [A, j] = l("all"), [M, N] = l("all"), [P, I] = l("any"), [L, Me] = l("all"), [R, Ne] = l("all"), [z, Pe] = l("all"), [B, Fe] = l(!1), [V, Ie] = l("relevance"), [Le, Re] = l(!1), H = Ee(E, 1500), ze = [
|
|
532
532
|
{
|
|
533
533
|
value: "all",
|
|
534
534
|
label: "All Prices"
|
|
@@ -545,7 +545,7 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
545
545
|
value: "subscription",
|
|
546
546
|
label: "Subscription"
|
|
547
547
|
}
|
|
548
|
-
],
|
|
548
|
+
], Be = [
|
|
549
549
|
{
|
|
550
550
|
value: "any",
|
|
551
551
|
label: "Any Rating"
|
|
@@ -566,7 +566,7 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
566
566
|
value: "4.5",
|
|
567
567
|
label: "4.5+ Stars"
|
|
568
568
|
}
|
|
569
|
-
],
|
|
569
|
+
], Ve = [
|
|
570
570
|
{
|
|
571
571
|
value: "all",
|
|
572
572
|
label: "All Types"
|
|
@@ -579,7 +579,7 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
579
579
|
value: "physical",
|
|
580
580
|
label: "Physical"
|
|
581
581
|
}
|
|
582
|
-
],
|
|
582
|
+
], He = [
|
|
583
583
|
{
|
|
584
584
|
value: "relevance",
|
|
585
585
|
label: "Relevance"
|
|
@@ -608,7 +608,7 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
608
608
|
value: "name-asc",
|
|
609
609
|
label: "Name A-Z"
|
|
610
610
|
}
|
|
611
|
-
],
|
|
611
|
+
], Ue = (e) => ({
|
|
612
612
|
relevance: s.Relevance,
|
|
613
613
|
rating: s.Rating,
|
|
614
614
|
downloads: s.Downloads,
|
|
@@ -616,60 +616,60 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
616
616
|
"price-low": s.PriceLow,
|
|
617
617
|
"price-high": s.PriceHigh,
|
|
618
618
|
"name-asc": s.NameAsc
|
|
619
|
-
})[e],
|
|
619
|
+
})[e], We = (e) => {
|
|
620
620
|
if (e !== "all") return {
|
|
621
621
|
free: a.Free,
|
|
622
622
|
paid: a.PaidOnetime,
|
|
623
623
|
subscription: a.Subscription
|
|
624
624
|
}[e];
|
|
625
|
-
},
|
|
626
|
-
|
|
627
|
-
},
|
|
625
|
+
}, U = H.trim() !== "" || M !== "all" || P !== "any" || L !== "all" || R !== "all" || z !== "all" || B || A !== "all" || V !== "relevance", Ge = E.trim() !== "" && E !== H, Ke = () => {
|
|
626
|
+
D(""), N("all"), I("any"), Me("all"), Ne("all"), Pe("all"), Fe(!1), Ie("relevance"), j("all");
|
|
627
|
+
}, W = (M === "all" ? 0 : 1) + (P === "any" ? 0 : 1) + (L === "all" ? 0 : 1) + (R === "all" ? 0 : 1) + (z === "all" ? 0 : 1) + +!!B + (A === "all" ? 0 : 1), qe = c(() => {
|
|
628
628
|
let e = {
|
|
629
|
-
sortBy:
|
|
629
|
+
sortBy: Ue(V),
|
|
630
630
|
pagination: { limit: 50 }
|
|
631
631
|
};
|
|
632
|
-
if (
|
|
633
|
-
e.filter = {},
|
|
634
|
-
let t =
|
|
635
|
-
t && (e.filter.pricingModel = t),
|
|
632
|
+
if (U) {
|
|
633
|
+
e.filter = {}, H.trim() && (e.filter.search = H.trim()), A !== "all" && (e.filter.type = A), R !== "all" && (e.filter.category = R), L !== "all" && (e.filter.nature = L === "digital" ? o.Digital : o.Physical);
|
|
634
|
+
let t = We(M);
|
|
635
|
+
t && (e.filter.pricingModel = t), P !== "any" && (e.filter.minRating = parseFloat(P)), B && (e.filter.featured = !0), z !== "all" && (e.filter.license = z);
|
|
636
636
|
}
|
|
637
637
|
return e;
|
|
638
638
|
}, [
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
z,
|
|
639
|
+
H,
|
|
640
|
+
A,
|
|
642
641
|
R,
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
642
|
+
L,
|
|
643
|
+
M,
|
|
644
|
+
P,
|
|
646
645
|
B,
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
it
|
|
646
|
+
z,
|
|
647
|
+
V,
|
|
648
|
+
U
|
|
649
|
+
]), { featured: G, mostDownloaded: K, recentlyAdded: q, freeItems: J, loading: Je, error: Ye, refetch: Xe } = i({ skip: U }), { products: Ze, totalCount: Y, facets: X, loading: Z, error: Qe, refetch: $e } = r(U ? qe : {}, { skip: !U }), et = U ? Z : Je, tt = U ? Qe : Ye, nt = U ? $e : Xe, rt = U ? Ze : [], it = ie(Y);
|
|
650
|
+
it.current = Y;
|
|
651
651
|
let at = ie(h);
|
|
652
652
|
at.current = h, ne(() => {
|
|
653
|
-
!
|
|
654
|
-
query:
|
|
653
|
+
!H.trim() || Z || at.current.emit("store.marketplace.searched", {
|
|
654
|
+
query: H,
|
|
655
655
|
resultCount: it.current
|
|
656
656
|
});
|
|
657
|
-
}, [
|
|
657
|
+
}, [H, Z]);
|
|
658
658
|
let Q = te((e) => {
|
|
659
659
|
d(`${p}/marketplace/product/${e.id}`);
|
|
660
660
|
}, [d, p]), ot = () => {
|
|
661
661
|
g(), d(`${p}/cart`);
|
|
662
662
|
}, $ = c(() => [...new Map([
|
|
663
|
+
...G,
|
|
663
664
|
...K,
|
|
664
665
|
...q,
|
|
665
|
-
...J
|
|
666
|
-
...Y
|
|
666
|
+
...J
|
|
667
667
|
].map((e) => [e.id, e])).values()], [
|
|
668
|
+
G,
|
|
668
669
|
K,
|
|
669
670
|
q,
|
|
670
|
-
J
|
|
671
|
-
|
|
672
|
-
]), st = !!oe?.id, { data: ct } = t({
|
|
671
|
+
J
|
|
672
|
+
]), st = !!se?.id, { data: ct } = t({
|
|
673
673
|
variables: { limit: 100 },
|
|
674
674
|
skip: !st,
|
|
675
675
|
fetchPolicy: "cache-and-network"
|
|
@@ -683,11 +683,11 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
683
683
|
}));
|
|
684
684
|
return t;
|
|
685
685
|
}, [ct]), ut = c(() => {
|
|
686
|
-
if (
|
|
686
|
+
if (X?.types && X.types.length > 0) return [{
|
|
687
687
|
id: "all",
|
|
688
688
|
name: "All Apps",
|
|
689
|
-
count:
|
|
690
|
-
}, ...
|
|
689
|
+
count: Y
|
|
690
|
+
}, ...X.types.map((e) => ({
|
|
691
691
|
id: e.value,
|
|
692
692
|
name: e.value.charAt(0) + e.value.slice(1).toLowerCase().replace(/_/g, " "),
|
|
693
693
|
count: e.count
|
|
@@ -703,13 +703,13 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
703
703
|
count: $.length
|
|
704
704
|
}, ...t];
|
|
705
705
|
}, [
|
|
706
|
-
|
|
706
|
+
X,
|
|
707
707
|
$,
|
|
708
|
-
|
|
709
|
-
]), dt = c(() =>
|
|
708
|
+
Y
|
|
709
|
+
]), dt = c(() => X?.categories && X.categories.length > 0 ? [{
|
|
710
710
|
value: "all",
|
|
711
711
|
label: "All Categories"
|
|
712
|
-
}, ...
|
|
712
|
+
}, ...X.categories.map((e) => ({
|
|
713
713
|
value: e.value,
|
|
714
714
|
label: e.value
|
|
715
715
|
}))] : [{
|
|
@@ -718,340 +718,340 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
718
718
|
}, ...Array.from(new Set($.flatMap((e) => e.category ? [e.category] : []))).map((e) => ({
|
|
719
719
|
value: e,
|
|
720
720
|
label: e
|
|
721
|
-
})).sort((e, t) => e.label.localeCompare(t.label))], [
|
|
721
|
+
})).sort((e, t) => e.label.localeCompare(t.label))], [X, $]), ft = c(() => X?.licenses && X.licenses.length > 0 ? [{
|
|
722
722
|
value: "all",
|
|
723
723
|
label: "All Licenses"
|
|
724
|
-
}, ...
|
|
724
|
+
}, ...X.licenses.map((e) => ({
|
|
725
725
|
value: e.value,
|
|
726
726
|
label: e.value
|
|
727
727
|
}))] : [{
|
|
728
728
|
value: "all",
|
|
729
729
|
label: "All Licenses"
|
|
730
|
-
}], [
|
|
731
|
-
return /* @__PURE__ */
|
|
730
|
+
}], [X]);
|
|
731
|
+
return /* @__PURE__ */ S("div", {
|
|
732
732
|
className: "flex h-full flex-col",
|
|
733
733
|
children: [
|
|
734
|
-
/* @__PURE__ */
|
|
734
|
+
/* @__PURE__ */ S("header", {
|
|
735
735
|
className: "relative overflow-hidden border-b border-border-seam bg-bg-surface px-6 py-4",
|
|
736
736
|
children: [
|
|
737
|
-
/* @__PURE__ */
|
|
738
|
-
/* @__PURE__ */
|
|
737
|
+
/* @__PURE__ */ x(be, { intensity: "subtle" }),
|
|
738
|
+
/* @__PURE__ */ S("div", {
|
|
739
739
|
className: "flex items-center justify-between",
|
|
740
|
-
children: [/* @__PURE__ */
|
|
740
|
+
children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h1", {
|
|
741
741
|
className: "text-2xl font-bold text-text-primary",
|
|
742
742
|
children: [
|
|
743
743
|
"App",
|
|
744
744
|
" ",
|
|
745
|
-
/* @__PURE__ */
|
|
745
|
+
/* @__PURE__ */ x(Se, { children: m("pages.marketplace.title", { defaultValue: "Marketplace" }) })
|
|
746
746
|
]
|
|
747
|
-
}), /* @__PURE__ */
|
|
747
|
+
}), /* @__PURE__ */ x("p", {
|
|
748
748
|
className: "text-sm text-text-muted",
|
|
749
749
|
children: m("pages.marketplace.subtitle", { defaultValue: "Discover apps, workflows, and integrations for your workspace" })
|
|
750
|
-
})] }), /* @__PURE__ */
|
|
750
|
+
})] }), /* @__PURE__ */ S("button", {
|
|
751
751
|
type: "button",
|
|
752
752
|
"data-tour": "store-marketplace-cart-button",
|
|
753
753
|
onClick: () => d(`${p}/cart`),
|
|
754
754
|
className: "cursor-pointer relative flex items-center gap-2 rounded-lg border border-border-default bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
|
|
755
755
|
children: [
|
|
756
|
-
/* @__PURE__ */
|
|
756
|
+
/* @__PURE__ */ x(he, { className: "size-5" }),
|
|
757
757
|
m("pages.marketplace.cart", { defaultValue: "Cart" }),
|
|
758
|
-
_ > 0 && /* @__PURE__ */
|
|
758
|
+
_ > 0 && /* @__PURE__ */ x("span", {
|
|
759
759
|
className: "absolute -right-2 -top-2 flex size-5 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text",
|
|
760
760
|
children: _
|
|
761
761
|
})
|
|
762
762
|
]
|
|
763
763
|
})]
|
|
764
764
|
}),
|
|
765
|
-
/* @__PURE__ */
|
|
765
|
+
/* @__PURE__ */ S("div", {
|
|
766
766
|
className: "mt-4",
|
|
767
|
-
children: [/* @__PURE__ */
|
|
767
|
+
children: [/* @__PURE__ */ S("div", {
|
|
768
768
|
className: "relative",
|
|
769
769
|
children: [
|
|
770
|
-
/* @__PURE__ */
|
|
771
|
-
htmlFor:
|
|
770
|
+
/* @__PURE__ */ x("label", {
|
|
771
|
+
htmlFor: le,
|
|
772
772
|
className: "sr-only",
|
|
773
773
|
children: m("pages.marketplace.search.label", { defaultValue: "Search marketplace products" })
|
|
774
774
|
}),
|
|
775
|
-
/* @__PURE__ */
|
|
776
|
-
/* @__PURE__ */
|
|
777
|
-
id:
|
|
775
|
+
/* @__PURE__ */ x(me, { className: "absolute left-4 top-1/2 size-5 -translate-y-1/2 text-text-muted" }),
|
|
776
|
+
/* @__PURE__ */ x("input", {
|
|
777
|
+
id: le,
|
|
778
778
|
"data-tour": "store-marketplace-search-input",
|
|
779
779
|
"aria-label": m("pages.marketplace.search.label", { defaultValue: "Search marketplace products" }),
|
|
780
780
|
type: "text",
|
|
781
|
-
value:
|
|
782
|
-
onChange: (e) =>
|
|
781
|
+
value: E,
|
|
782
|
+
onChange: (e) => D(e.target.value),
|
|
783
783
|
placeholder: m("pages.marketplace.search.placeholder", { defaultValue: "Search apps, workflows, integrations..." }),
|
|
784
784
|
className: "w-full rounded-xl border border-border-default bg-bg-sunken py-3 pl-12 pr-4 text-text-primary placeholder-text-muted focus:border-action-primary-border focus:bg-bg-surface focus:outline-none focus:ring-2 focus:ring-action-primary-border/20"
|
|
785
785
|
}),
|
|
786
|
-
|
|
786
|
+
E && /* @__PURE__ */ x("button", {
|
|
787
787
|
type: "button",
|
|
788
|
-
onClick: () =>
|
|
788
|
+
onClick: () => D(""),
|
|
789
789
|
"aria-label": m("pages.marketplace.search.clear", { defaultValue: "Clear search" }),
|
|
790
790
|
className: "cursor-pointer absolute right-4 top-1/2 -translate-y-1/2 text-text-muted transition-colors hover:text-text-primary",
|
|
791
|
-
children: /* @__PURE__ */
|
|
791
|
+
children: /* @__PURE__ */ x(b, {
|
|
792
792
|
className: "size-4",
|
|
793
793
|
"aria-hidden": "true"
|
|
794
794
|
})
|
|
795
795
|
})
|
|
796
796
|
]
|
|
797
|
-
}),
|
|
797
|
+
}), E.trim() && /* @__PURE__ */ x("div", {
|
|
798
798
|
"aria-live": "polite",
|
|
799
799
|
className: "mt-2 flex items-center gap-2 text-sm text-text-muted",
|
|
800
|
-
children:
|
|
801
|
-
|
|
800
|
+
children: Ge || Z ? /* @__PURE__ */ S(ye, { children: [/* @__PURE__ */ x(pe, { className: "size-4 animate-spin" }), /* @__PURE__ */ x("span", { children: m("pages.marketplace.search.searching", { defaultValue: "Searching..." }) })] }) : /* @__PURE__ */ S("span", { children: [
|
|
801
|
+
Y,
|
|
802
802
|
" result",
|
|
803
|
-
|
|
803
|
+
Y === 1 ? "" : "s",
|
|
804
804
|
" for “",
|
|
805
|
-
|
|
805
|
+
H,
|
|
806
806
|
"”"
|
|
807
807
|
] })
|
|
808
808
|
})]
|
|
809
809
|
}),
|
|
810
|
-
/* @__PURE__ */
|
|
810
|
+
/* @__PURE__ */ S("div", {
|
|
811
811
|
className: "mt-4 flex flex-wrap items-center gap-3",
|
|
812
812
|
children: [
|
|
813
|
-
/* @__PURE__ */
|
|
813
|
+
/* @__PURE__ */ S("button", {
|
|
814
814
|
type: "button",
|
|
815
815
|
"data-tour": "store-marketplace-filters-button",
|
|
816
|
-
onClick: () =>
|
|
817
|
-
className: `cursor-pointer flex items-center gap-2 rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${
|
|
816
|
+
onClick: () => Re(!Le),
|
|
817
|
+
className: `cursor-pointer flex items-center gap-2 rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${Le || W > 0 ? "border-action-primary-border bg-action-primary-bg/10 text-text-link" : "border-border-default bg-bg-surface text-text-primary transition-colors hover:bg-bg-sunken"}`,
|
|
818
818
|
children: [
|
|
819
|
-
/* @__PURE__ */
|
|
819
|
+
/* @__PURE__ */ x(ge, { className: "size-4" }),
|
|
820
820
|
m("pages.marketplace.filters", { defaultValue: "Filters" }),
|
|
821
|
-
|
|
821
|
+
W > 0 && /* @__PURE__ */ x("span", {
|
|
822
822
|
className: "flex size-5 items-center justify-center rounded-full bg-action-primary-bg text-xs text-action-primary-text",
|
|
823
|
-
children:
|
|
823
|
+
children: W
|
|
824
824
|
})
|
|
825
825
|
]
|
|
826
826
|
}),
|
|
827
|
-
/* @__PURE__ */
|
|
827
|
+
/* @__PURE__ */ S("div", {
|
|
828
828
|
className: "flex flex-wrap items-center gap-2",
|
|
829
829
|
"data-tour": "store-marketplace-quick-filters",
|
|
830
830
|
children: [
|
|
831
|
-
/* @__PURE__ */
|
|
831
|
+
/* @__PURE__ */ S("button", {
|
|
832
832
|
type: "button",
|
|
833
|
-
onClick: () =>
|
|
834
|
-
className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${
|
|
835
|
-
children: [/* @__PURE__ */
|
|
833
|
+
onClick: () => N(M === "free" ? "all" : "free"),
|
|
834
|
+
className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${M === "free" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary transition-colors hover:bg-bg-surface"}`,
|
|
835
|
+
children: [/* @__PURE__ */ x(fe, { className: "size-3.5" }), "Free"]
|
|
836
836
|
}),
|
|
837
|
-
/* @__PURE__ */
|
|
837
|
+
/* @__PURE__ */ S("button", {
|
|
838
838
|
type: "button",
|
|
839
|
-
onClick: () =>
|
|
840
|
-
className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${
|
|
841
|
-
children: [/* @__PURE__ */
|
|
839
|
+
onClick: () => I(P === "4" ? "any" : "4"),
|
|
840
|
+
className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${P === "4" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary transition-colors hover:bg-bg-surface"}`,
|
|
841
|
+
children: [/* @__PURE__ */ x(_e, { className: "size-3.5" }), "4+ Stars"]
|
|
842
842
|
}),
|
|
843
|
-
/* @__PURE__ */
|
|
843
|
+
/* @__PURE__ */ S("button", {
|
|
844
844
|
type: "button",
|
|
845
|
-
onClick: () =>
|
|
846
|
-
className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${
|
|
847
|
-
children: [/* @__PURE__ */
|
|
845
|
+
onClick: () => Fe(!B),
|
|
846
|
+
className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${B ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary transition-colors hover:bg-bg-surface"}`,
|
|
847
|
+
children: [/* @__PURE__ */ x(y, { className: "size-3.5" }), "Featured"]
|
|
848
848
|
})
|
|
849
849
|
]
|
|
850
850
|
}),
|
|
851
|
-
|
|
851
|
+
U && /* @__PURE__ */ S("button", {
|
|
852
852
|
type: "button",
|
|
853
|
-
onClick:
|
|
853
|
+
onClick: Ke,
|
|
854
854
|
className: "cursor-pointer flex items-center gap-1 text-sm text-text-muted transition-colors hover:text-text-primary",
|
|
855
|
-
children: [/* @__PURE__ */
|
|
855
|
+
children: [/* @__PURE__ */ x(b, {
|
|
856
856
|
className: "size-4",
|
|
857
857
|
"aria-hidden": "true"
|
|
858
858
|
}), "Clear all"]
|
|
859
859
|
}),
|
|
860
|
-
/* @__PURE__ */
|
|
860
|
+
/* @__PURE__ */ x("div", {
|
|
861
861
|
className: "ml-auto",
|
|
862
862
|
"data-tour": "store-marketplace-section-sort",
|
|
863
|
-
children: /* @__PURE__ */
|
|
863
|
+
children: /* @__PURE__ */ x(F, {
|
|
864
864
|
label: "Sort",
|
|
865
|
-
value:
|
|
866
|
-
options:
|
|
867
|
-
onChange: (e) =>
|
|
865
|
+
value: V,
|
|
866
|
+
options: He,
|
|
867
|
+
onChange: (e) => Ie(e)
|
|
868
868
|
})
|
|
869
869
|
})
|
|
870
870
|
]
|
|
871
871
|
}),
|
|
872
|
-
|
|
872
|
+
Le && /* @__PURE__ */ S("div", {
|
|
873
873
|
className: "mt-4 rounded-lg border border-border-seam bg-bg-surface p-4",
|
|
874
|
-
children: [/* @__PURE__ */
|
|
874
|
+
children: [/* @__PURE__ */ S("div", {
|
|
875
875
|
className: "flex flex-wrap items-start gap-6",
|
|
876
876
|
children: [
|
|
877
|
-
/* @__PURE__ */
|
|
877
|
+
/* @__PURE__ */ S("div", {
|
|
878
878
|
className: "flex flex-col gap-2",
|
|
879
|
-
children: [/* @__PURE__ */
|
|
879
|
+
children: [/* @__PURE__ */ x("span", {
|
|
880
880
|
className: "text-xs font-medium uppercase tracking-wider text-text-muted",
|
|
881
881
|
children: "Pricing"
|
|
882
|
-
}), /* @__PURE__ */
|
|
882
|
+
}), /* @__PURE__ */ x(F, {
|
|
883
883
|
label: "Price",
|
|
884
|
-
value:
|
|
885
|
-
options:
|
|
886
|
-
onChange: (e) =>
|
|
884
|
+
value: M,
|
|
885
|
+
options: ze,
|
|
886
|
+
onChange: (e) => N(e)
|
|
887
887
|
})]
|
|
888
888
|
}),
|
|
889
|
-
/* @__PURE__ */
|
|
889
|
+
/* @__PURE__ */ S("div", {
|
|
890
890
|
className: "flex flex-col gap-2",
|
|
891
|
-
children: [/* @__PURE__ */
|
|
891
|
+
children: [/* @__PURE__ */ x("span", {
|
|
892
892
|
className: "text-xs font-medium uppercase tracking-wider text-text-muted",
|
|
893
893
|
children: "Min Rating"
|
|
894
|
-
}), /* @__PURE__ */
|
|
894
|
+
}), /* @__PURE__ */ x(F, {
|
|
895
895
|
label: "Rating",
|
|
896
|
-
value:
|
|
897
|
-
options:
|
|
898
|
-
onChange: (e) =>
|
|
896
|
+
value: P,
|
|
897
|
+
options: Be,
|
|
898
|
+
onChange: (e) => I(e)
|
|
899
899
|
})]
|
|
900
900
|
}),
|
|
901
|
-
dt.length > 1 && /* @__PURE__ */
|
|
901
|
+
dt.length > 1 && /* @__PURE__ */ S("div", {
|
|
902
902
|
className: "flex flex-col gap-2",
|
|
903
|
-
children: [/* @__PURE__ */
|
|
903
|
+
children: [/* @__PURE__ */ x("span", {
|
|
904
904
|
className: "text-xs font-medium uppercase tracking-wider text-text-muted",
|
|
905
905
|
children: "Category"
|
|
906
|
-
}), /* @__PURE__ */
|
|
906
|
+
}), /* @__PURE__ */ x(F, {
|
|
907
907
|
label: "Category",
|
|
908
|
-
value:
|
|
908
|
+
value: R,
|
|
909
909
|
options: dt,
|
|
910
|
-
onChange:
|
|
910
|
+
onChange: Ne
|
|
911
911
|
})]
|
|
912
912
|
}),
|
|
913
|
-
/* @__PURE__ */
|
|
913
|
+
/* @__PURE__ */ S("div", {
|
|
914
914
|
className: "flex flex-col gap-2",
|
|
915
|
-
children: [/* @__PURE__ */
|
|
915
|
+
children: [/* @__PURE__ */ x("span", {
|
|
916
916
|
className: "text-xs font-medium uppercase tracking-wider text-text-muted",
|
|
917
917
|
children: "Nature"
|
|
918
|
-
}), /* @__PURE__ */
|
|
918
|
+
}), /* @__PURE__ */ x(F, {
|
|
919
919
|
label: "Nature",
|
|
920
|
-
value:
|
|
921
|
-
options:
|
|
922
|
-
onChange: (e) =>
|
|
920
|
+
value: L,
|
|
921
|
+
options: Ve,
|
|
922
|
+
onChange: (e) => Me(e)
|
|
923
923
|
})]
|
|
924
924
|
}),
|
|
925
|
-
ft.length > 1 && /* @__PURE__ */
|
|
925
|
+
ft.length > 1 && /* @__PURE__ */ S("div", {
|
|
926
926
|
className: "flex flex-col gap-2",
|
|
927
|
-
children: [/* @__PURE__ */
|
|
927
|
+
children: [/* @__PURE__ */ x("span", {
|
|
928
928
|
className: "text-xs font-medium uppercase tracking-wider text-text-muted",
|
|
929
929
|
children: "License"
|
|
930
|
-
}), /* @__PURE__ */
|
|
930
|
+
}), /* @__PURE__ */ x(F, {
|
|
931
931
|
label: "License",
|
|
932
|
-
value:
|
|
932
|
+
value: z,
|
|
933
933
|
options: ft,
|
|
934
|
-
onChange:
|
|
934
|
+
onChange: Pe
|
|
935
935
|
})]
|
|
936
936
|
})
|
|
937
937
|
]
|
|
938
|
-
}),
|
|
938
|
+
}), W > 0 && /* @__PURE__ */ S("div", {
|
|
939
939
|
className: "mt-4 flex flex-wrap items-center gap-2 border-t border-border-default pt-4",
|
|
940
940
|
children: [
|
|
941
|
-
/* @__PURE__ */
|
|
941
|
+
/* @__PURE__ */ x("span", {
|
|
942
942
|
className: "text-xs font-medium text-text-muted",
|
|
943
943
|
children: "Active filters:"
|
|
944
944
|
}),
|
|
945
|
-
|
|
945
|
+
A !== "all" && /* @__PURE__ */ S("button", {
|
|
946
946
|
type: "button",
|
|
947
|
-
onClick: () =>
|
|
947
|
+
onClick: () => j("all"),
|
|
948
948
|
className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
|
|
949
949
|
children: [
|
|
950
|
-
/* @__PURE__ */
|
|
950
|
+
/* @__PURE__ */ x("span", {
|
|
951
951
|
className: "text-text-muted",
|
|
952
952
|
children: "Type:"
|
|
953
953
|
}),
|
|
954
954
|
" ",
|
|
955
|
-
|
|
956
|
-
/* @__PURE__ */
|
|
955
|
+
A,
|
|
956
|
+
/* @__PURE__ */ x(b, {
|
|
957
957
|
className: "size-3",
|
|
958
958
|
"aria-hidden": "true"
|
|
959
959
|
})
|
|
960
960
|
]
|
|
961
961
|
}),
|
|
962
|
-
|
|
962
|
+
M !== "all" && /* @__PURE__ */ S("button", {
|
|
963
963
|
type: "button",
|
|
964
|
-
onClick: () =>
|
|
964
|
+
onClick: () => N("all"),
|
|
965
965
|
className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
|
|
966
966
|
children: [
|
|
967
|
-
/* @__PURE__ */
|
|
967
|
+
/* @__PURE__ */ x("span", {
|
|
968
968
|
className: "text-text-muted",
|
|
969
969
|
children: "Price:"
|
|
970
970
|
}),
|
|
971
971
|
" ",
|
|
972
|
-
|
|
973
|
-
/* @__PURE__ */
|
|
972
|
+
ze.find((e) => e.value === M)?.label,
|
|
973
|
+
/* @__PURE__ */ x(b, {
|
|
974
974
|
className: "size-3",
|
|
975
975
|
"aria-hidden": "true"
|
|
976
976
|
})
|
|
977
977
|
]
|
|
978
978
|
}),
|
|
979
|
-
|
|
979
|
+
P !== "any" && /* @__PURE__ */ S("button", {
|
|
980
980
|
type: "button",
|
|
981
|
-
onClick: () =>
|
|
981
|
+
onClick: () => I("any"),
|
|
982
982
|
className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
|
|
983
983
|
children: [
|
|
984
|
-
/* @__PURE__ */
|
|
984
|
+
/* @__PURE__ */ x("span", {
|
|
985
985
|
className: "text-text-muted",
|
|
986
986
|
children: "Rating:"
|
|
987
987
|
}),
|
|
988
988
|
" ",
|
|
989
|
-
|
|
990
|
-
/* @__PURE__ */
|
|
989
|
+
Be.find((e) => e.value === P)?.label,
|
|
990
|
+
/* @__PURE__ */ x(b, {
|
|
991
991
|
className: "size-3",
|
|
992
992
|
"aria-hidden": "true"
|
|
993
993
|
})
|
|
994
994
|
]
|
|
995
995
|
}),
|
|
996
|
-
|
|
996
|
+
R !== "all" && /* @__PURE__ */ S("button", {
|
|
997
997
|
type: "button",
|
|
998
|
-
onClick: () =>
|
|
998
|
+
onClick: () => Ne("all"),
|
|
999
999
|
className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
|
|
1000
1000
|
children: [
|
|
1001
|
-
/* @__PURE__ */
|
|
1001
|
+
/* @__PURE__ */ x("span", {
|
|
1002
1002
|
className: "text-text-muted",
|
|
1003
1003
|
children: "Category:"
|
|
1004
1004
|
}),
|
|
1005
1005
|
" ",
|
|
1006
|
-
|
|
1007
|
-
/* @__PURE__ */
|
|
1006
|
+
R,
|
|
1007
|
+
/* @__PURE__ */ x(b, {
|
|
1008
1008
|
className: "size-3",
|
|
1009
1009
|
"aria-hidden": "true"
|
|
1010
1010
|
})
|
|
1011
1011
|
]
|
|
1012
1012
|
}),
|
|
1013
|
-
|
|
1013
|
+
L !== "all" && /* @__PURE__ */ S("button", {
|
|
1014
1014
|
type: "button",
|
|
1015
|
-
onClick: () =>
|
|
1015
|
+
onClick: () => Me("all"),
|
|
1016
1016
|
className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
|
|
1017
1017
|
children: [
|
|
1018
|
-
/* @__PURE__ */
|
|
1018
|
+
/* @__PURE__ */ x("span", {
|
|
1019
1019
|
className: "text-text-muted",
|
|
1020
1020
|
children: "Nature:"
|
|
1021
1021
|
}),
|
|
1022
1022
|
" ",
|
|
1023
|
-
|
|
1024
|
-
/* @__PURE__ */
|
|
1023
|
+
Ve.find((e) => e.value === L)?.label,
|
|
1024
|
+
/* @__PURE__ */ x(b, {
|
|
1025
1025
|
className: "size-3",
|
|
1026
1026
|
"aria-hidden": "true"
|
|
1027
1027
|
})
|
|
1028
1028
|
]
|
|
1029
1029
|
}),
|
|
1030
|
-
|
|
1030
|
+
z !== "all" && /* @__PURE__ */ S("button", {
|
|
1031
1031
|
type: "button",
|
|
1032
|
-
onClick: () =>
|
|
1032
|
+
onClick: () => Pe("all"),
|
|
1033
1033
|
className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
|
|
1034
1034
|
children: [
|
|
1035
|
-
/* @__PURE__ */
|
|
1035
|
+
/* @__PURE__ */ x("span", {
|
|
1036
1036
|
className: "text-text-muted",
|
|
1037
1037
|
children: "License:"
|
|
1038
1038
|
}),
|
|
1039
1039
|
" ",
|
|
1040
|
-
ft.find((e) => e.value ===
|
|
1041
|
-
/* @__PURE__ */
|
|
1040
|
+
ft.find((e) => e.value === z)?.label,
|
|
1041
|
+
/* @__PURE__ */ x(b, {
|
|
1042
1042
|
className: "size-3",
|
|
1043
1043
|
"aria-hidden": "true"
|
|
1044
1044
|
})
|
|
1045
1045
|
]
|
|
1046
1046
|
}),
|
|
1047
|
-
|
|
1047
|
+
B && /* @__PURE__ */ S("button", {
|
|
1048
1048
|
type: "button",
|
|
1049
|
-
onClick: () =>
|
|
1049
|
+
onClick: () => Fe(!1),
|
|
1050
1050
|
className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-action-primary-border bg-action-primary-bg/5 px-3 py-1.5 text-xs font-medium text-text-link shadow-sm transition-colors hover:bg-action-primary-bg/15",
|
|
1051
1051
|
children: [
|
|
1052
|
-
/* @__PURE__ */
|
|
1052
|
+
/* @__PURE__ */ x(y, { className: "size-3" }),
|
|
1053
1053
|
"Featured Only",
|
|
1054
|
-
/* @__PURE__ */
|
|
1054
|
+
/* @__PURE__ */ x(b, {
|
|
1055
1055
|
className: "size-3",
|
|
1056
1056
|
"aria-hidden": "true"
|
|
1057
1057
|
})
|
|
@@ -1062,26 +1062,26 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
1062
1062
|
})
|
|
1063
1063
|
]
|
|
1064
1064
|
}),
|
|
1065
|
-
/* @__PURE__ */
|
|
1065
|
+
/* @__PURE__ */ x("main", {
|
|
1066
1066
|
className: "flex-1 overflow-y-auto",
|
|
1067
|
-
children: /* @__PURE__ */
|
|
1067
|
+
children: /* @__PURE__ */ S("div", {
|
|
1068
1068
|
className: "mx-auto max-w-7xl space-y-8 p-6",
|
|
1069
1069
|
children: [
|
|
1070
|
-
/* @__PURE__ */
|
|
1071
|
-
tt && /* @__PURE__ */
|
|
1070
|
+
/* @__PURE__ */ x(we, { children: "The marketplace is where you discover and install apps, agents, workflows, nodes and widgets that extend your workspaces. Browse featured and trending picks, filter by type or category, search for something specific, then open any product to view pricing and reviews before adding it to your cart." }),
|
|
1071
|
+
tt && /* @__PURE__ */ S("div", {
|
|
1072
1072
|
role: "alert",
|
|
1073
1073
|
className: "flex flex-col items-center justify-center rounded-xl border border-status-error-border bg-status-error-bg-subtle p-8 text-center",
|
|
1074
1074
|
children: [
|
|
1075
|
-
/* @__PURE__ */
|
|
1076
|
-
/* @__PURE__ */
|
|
1075
|
+
/* @__PURE__ */ x(u, { className: "mb-4 size-12 text-status-error-text" }),
|
|
1076
|
+
/* @__PURE__ */ x("h3", {
|
|
1077
1077
|
className: "mb-2 text-lg font-semibold text-status-error-text-emphasis",
|
|
1078
1078
|
children: "Failed to load marketplace"
|
|
1079
1079
|
}),
|
|
1080
|
-
/* @__PURE__ */
|
|
1080
|
+
/* @__PURE__ */ x("p", {
|
|
1081
1081
|
className: "mb-4 text-sm text-status-error-text",
|
|
1082
1082
|
children: tt.message || "An error occurred while fetching products"
|
|
1083
1083
|
}),
|
|
1084
|
-
/* @__PURE__ */
|
|
1084
|
+
/* @__PURE__ */ x("button", {
|
|
1085
1085
|
type: "button",
|
|
1086
1086
|
onClick: () => nt(),
|
|
1087
1087
|
className: "cursor-pointer rounded-lg bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-emphasis",
|
|
@@ -1089,109 +1089,109 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
1089
1089
|
})
|
|
1090
1090
|
]
|
|
1091
1091
|
}),
|
|
1092
|
-
et && !tt && /* @__PURE__ */
|
|
1093
|
-
!et && !tt && /* @__PURE__ */
|
|
1094
|
-
!
|
|
1092
|
+
et && !tt && /* @__PURE__ */ x(je, {}),
|
|
1093
|
+
!et && !tt && /* @__PURE__ */ S(ye, { children: [
|
|
1094
|
+
!U && A === "all" && G.length > 0 && /* @__PURE__ */ x(Ae, {
|
|
1095
1095
|
dataTour: "store-marketplace-hero-section",
|
|
1096
|
-
featuredProducts:
|
|
1096
|
+
featuredProducts: G,
|
|
1097
1097
|
onProductClick: Q
|
|
1098
1098
|
}),
|
|
1099
|
-
ut.length > 1 && /* @__PURE__ */
|
|
1099
|
+
ut.length > 1 && /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h2", {
|
|
1100
1100
|
className: "mb-4 text-lg font-semibold text-text-primary",
|
|
1101
1101
|
children: "Browse by Type"
|
|
1102
|
-
}), /* @__PURE__ */
|
|
1102
|
+
}), /* @__PURE__ */ x("div", {
|
|
1103
1103
|
className: "flex flex-wrap gap-2",
|
|
1104
1104
|
"data-tour": "store-marketplace-type-categories",
|
|
1105
|
-
children: ut.map((e) => /* @__PURE__ */
|
|
1105
|
+
children: ut.map((e) => /* @__PURE__ */ x(ke, {
|
|
1106
1106
|
typeId: e.id,
|
|
1107
1107
|
name: e.name,
|
|
1108
1108
|
count: e.count,
|
|
1109
|
-
active:
|
|
1110
|
-
onClick: () =>
|
|
1109
|
+
active: A === e.id,
|
|
1110
|
+
onClick: () => j(e.id)
|
|
1111
1111
|
}, e.id))
|
|
1112
1112
|
})] }),
|
|
1113
|
-
|
|
1114
|
-
icon:
|
|
1115
|
-
title:
|
|
1116
|
-
subtitle: `${
|
|
1117
|
-
}), rt.length > 0 ? /* @__PURE__ */
|
|
1113
|
+
U && /* @__PURE__ */ S("section", { children: [/* @__PURE__ */ x(k, {
|
|
1114
|
+
icon: de,
|
|
1115
|
+
title: H ? "Search Results" : "Filtered Results",
|
|
1116
|
+
subtitle: `${Y} app${Y === 1 ? "" : "s"} found`
|
|
1117
|
+
}), rt.length > 0 ? /* @__PURE__ */ x("div", {
|
|
1118
1118
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
|
|
1119
1119
|
"data-tour": "store-marketplace-product-grid",
|
|
1120
|
-
children: rt.map((e) => /* @__PURE__ */
|
|
1120
|
+
children: rt.map((e) => /* @__PURE__ */ x(O, {
|
|
1121
1121
|
product: e,
|
|
1122
1122
|
onClick: () => Q(e)
|
|
1123
1123
|
}, e.id))
|
|
1124
|
-
}) : /* @__PURE__ */
|
|
1124
|
+
}) : /* @__PURE__ */ x(Ce, {
|
|
1125
1125
|
illustration: "empty-search",
|
|
1126
1126
|
title: "No apps match your filters",
|
|
1127
1127
|
description: "Try adjusting your filter criteria or clearing filters to see more results.",
|
|
1128
|
-
action: /* @__PURE__ */
|
|
1128
|
+
action: /* @__PURE__ */ x("button", {
|
|
1129
1129
|
type: "button",
|
|
1130
|
-
onClick:
|
|
1130
|
+
onClick: Ke,
|
|
1131
1131
|
className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90",
|
|
1132
1132
|
children: "Clear All Filters"
|
|
1133
1133
|
})
|
|
1134
1134
|
})] }),
|
|
1135
|
-
!
|
|
1136
|
-
|
|
1137
|
-
icon:
|
|
1135
|
+
!U && A === "all" && /* @__PURE__ */ S(ye, { children: [
|
|
1136
|
+
K.length > 0 && /* @__PURE__ */ S("section", { children: [/* @__PURE__ */ x(k, {
|
|
1137
|
+
icon: ve,
|
|
1138
1138
|
title: "Most Downloaded",
|
|
1139
1139
|
subtitle: "Top picks by our community"
|
|
1140
|
-
}), /* @__PURE__ */
|
|
1140
|
+
}), /* @__PURE__ */ x("div", {
|
|
1141
1141
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
|
|
1142
1142
|
"data-tour": "store-marketplace-most-downloaded",
|
|
1143
|
-
children:
|
|
1143
|
+
children: K.slice(0, 6).map((e) => /* @__PURE__ */ x(O, {
|
|
1144
1144
|
product: e,
|
|
1145
1145
|
onClick: () => Q(e)
|
|
1146
1146
|
}, e.id))
|
|
1147
1147
|
})] }),
|
|
1148
|
-
|
|
1149
|
-
icon:
|
|
1148
|
+
q.length > 0 && /* @__PURE__ */ S("section", { children: [/* @__PURE__ */ x(k, {
|
|
1149
|
+
icon: ce,
|
|
1150
1150
|
title: "New Releases",
|
|
1151
1151
|
subtitle: "Recently published apps"
|
|
1152
|
-
}), /* @__PURE__ */
|
|
1152
|
+
}), /* @__PURE__ */ x("div", {
|
|
1153
1153
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
|
|
1154
|
-
children:
|
|
1154
|
+
children: q.slice(0, 6).map((e) => /* @__PURE__ */ x(O, {
|
|
1155
1155
|
product: e,
|
|
1156
1156
|
onClick: () => Q(e)
|
|
1157
1157
|
}, e.id))
|
|
1158
1158
|
})] }),
|
|
1159
|
-
|
|
1160
|
-
icon:
|
|
1159
|
+
J.length > 0 && /* @__PURE__ */ S("section", { children: [/* @__PURE__ */ x(k, {
|
|
1160
|
+
icon: fe,
|
|
1161
1161
|
title: "Free Apps",
|
|
1162
1162
|
subtitle: "No cost, full functionality"
|
|
1163
|
-
}), /* @__PURE__ */
|
|
1163
|
+
}), /* @__PURE__ */ x("div", {
|
|
1164
1164
|
className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6",
|
|
1165
|
-
children:
|
|
1165
|
+
children: J.slice(0, 6).map((e) => /* @__PURE__ */ x(O, {
|
|
1166
1166
|
product: e,
|
|
1167
1167
|
onClick: () => Q(e),
|
|
1168
1168
|
variant: "compact"
|
|
1169
1169
|
}, e.id))
|
|
1170
1170
|
})] }),
|
|
1171
|
-
$.length > 0 && /* @__PURE__ */
|
|
1171
|
+
$.length > 0 && /* @__PURE__ */ S("section", { children: [/* @__PURE__ */ x(k, {
|
|
1172
1172
|
icon: f,
|
|
1173
1173
|
title: "All Apps",
|
|
1174
1174
|
subtitle: `${$.length} apps available`
|
|
1175
|
-
}), /* @__PURE__ */
|
|
1175
|
+
}), /* @__PURE__ */ x("div", {
|
|
1176
1176
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
|
|
1177
|
-
children: $.map((e) => /* @__PURE__ */
|
|
1177
|
+
children: $.map((e) => /* @__PURE__ */ x(O, {
|
|
1178
1178
|
product: e,
|
|
1179
1179
|
onClick: () => Q(e)
|
|
1180
1180
|
}, e.id))
|
|
1181
1181
|
})] })
|
|
1182
1182
|
] }),
|
|
1183
|
-
st && lt.length > 0 && /* @__PURE__ */
|
|
1183
|
+
st && lt.length > 0 && /* @__PURE__ */ S("section", { children: [/* @__PURE__ */ x(k, {
|
|
1184
1184
|
icon: u,
|
|
1185
1185
|
title: "Deprecated Apps You've Installed",
|
|
1186
1186
|
subtitle: "These apps are no longer supported — hover the badge for details"
|
|
1187
|
-
}), /* @__PURE__ */
|
|
1187
|
+
}), /* @__PURE__ */ x("div", {
|
|
1188
1188
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
|
|
1189
|
-
children: lt.map((e) => /* @__PURE__ */
|
|
1189
|
+
children: lt.map((e) => /* @__PURE__ */ x(Oe, {
|
|
1190
1190
|
product: e,
|
|
1191
1191
|
onClick: () => d(`${p}/marketplace/product/${e.id}`)
|
|
1192
1192
|
}, e.id))
|
|
1193
1193
|
})] }),
|
|
1194
|
-
$.length === 0 && /* @__PURE__ */
|
|
1194
|
+
$.length === 0 && /* @__PURE__ */ x(Ce, {
|
|
1195
1195
|
illustration: "onboarding",
|
|
1196
1196
|
title: "No apps available yet",
|
|
1197
1197
|
description: "The marketplace is empty. Check back soon for new apps, workflows, and integrations."
|
|
@@ -1200,22 +1200,22 @@ var Ee = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
1200
1200
|
]
|
|
1201
1201
|
})
|
|
1202
1202
|
}),
|
|
1203
|
-
/* @__PURE__ */
|
|
1204
|
-
isOpen:
|
|
1203
|
+
/* @__PURE__ */ x(ee, {
|
|
1204
|
+
isOpen: ue,
|
|
1205
1205
|
onClose: g,
|
|
1206
1206
|
onCheckout: ot,
|
|
1207
1207
|
cartItems: v,
|
|
1208
1208
|
itemCount: _,
|
|
1209
|
-
subtotal:
|
|
1210
|
-
tax:
|
|
1211
|
-
total:
|
|
1212
|
-
updateQuantity:
|
|
1213
|
-
removeProduct:
|
|
1209
|
+
subtotal: xe,
|
|
1210
|
+
tax: De,
|
|
1211
|
+
total: C,
|
|
1212
|
+
updateQuantity: w,
|
|
1213
|
+
removeProduct: T
|
|
1214
1214
|
})
|
|
1215
1215
|
]
|
|
1216
1216
|
});
|
|
1217
1217
|
};
|
|
1218
1218
|
//#endregion
|
|
1219
|
-
export {
|
|
1219
|
+
export { I as MarketplaceHomePage };
|
|
1220
1220
|
|
|
1221
1221
|
//# sourceMappingURL=MarketplaceHomePage.js.map
|