@burdenoff/microfe-store 2026.518.1 → 2026.518.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/StoreRoot.js +4 -4
- package/dist/StoreRoutes.js +122 -120
- package/dist/StoreRoutes.js.map +1 -1
- package/dist/components/InstallAppModal.js +79 -69
- package/dist/components/InstallAppModal.js.map +1 -1
- package/dist/components/cart/CartDrawer.js +26 -8
- package/dist/components/cart/CartDrawer.js.map +1 -1
- package/dist/hooks/useBackendCart.js +1 -11
- package/dist/hooks/useBackendCart.js.map +1 -1
- package/dist/index.js +6 -6
- package/dist/pages/CartPage.js +4 -4
- package/dist/pages/InstalledAppsPage.js +11 -11
- package/dist/pages/MarketplaceHomePage.js +282 -258
- package/dist/pages/MarketplaceHomePage.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { useStore as e } from "../providers/StoreProvider.js";
|
|
2
2
|
import { useCart as t } from "../hooks/useCart.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
3
|
+
import { useBrowseStoreWithContext as n, useHomeGroupedProducts as r } from "../hooks/useStoreGraphQL.js";
|
|
4
|
+
import { PricingModel as i, ProductNature as a, StoreSortBy as o } from "../generated/global-types.js";
|
|
5
|
+
import { CartDrawer as ee } from "../components/cart/CartDrawer.js";
|
|
6
6
|
import { useCallback as te, useEffect as ne, useId as re, useMemo as s, useState as c } from "react";
|
|
7
7
|
import { useI18n as ie } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
8
8
|
import { AlertCircle as ae, Bot as l, Box as u, Brain as d, ChevronDown as f, ChevronRight as oe, Clock as se, Database as ce, Download as le, FileCode2 as ue, Filter as de, Gift as fe, GitBranch as p, LayoutDashboard as m, Loader2 as pe, Puzzle as h, Search as me, ShoppingCart as he, SlidersHorizontal as ge, Sparkles as g, Star as _, TrendingUp as _e, X as v } from "lucide-react";
|
|
9
|
-
import { Fragment as
|
|
10
|
-
import { useNavigate as
|
|
11
|
-
import { useDebounce as ye } from "@burdenoff/fe-libs/shared/hooks";
|
|
9
|
+
import { Fragment as ve, jsx as y, jsxs as b } from "react/jsx-runtime";
|
|
10
|
+
import { useNavigate as ye } from "react-router-dom";
|
|
12
11
|
import { useEventBus as be } from "@burdenoff/fe-libs/shared/events";
|
|
12
|
+
import { useDebounce as xe } from "@burdenoff/fe-libs/shared/hooks";
|
|
13
13
|
//#region src/pages/MarketplaceHomePage.tsx
|
|
14
|
-
var
|
|
14
|
+
var x = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : e.toString(), S = (e) => e.pricingModel === "FREE" || e.price === 0 ? "Free" : `$${e.price}`, C = (e) => ({
|
|
15
15
|
BOTAPP: "var(--color-accent-blue)",
|
|
16
16
|
AGENT: "var(--color-accent-purple)",
|
|
17
17
|
CONSOLE: "var(--color-accent-teal)",
|
|
@@ -47,91 +47,91 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
47
47
|
THEME: h,
|
|
48
48
|
PLUGIN: h,
|
|
49
49
|
COMPONENT: u
|
|
50
|
-
}, E = ({ type: e, className: t, style: n }) => /* @__PURE__ */
|
|
50
|
+
}, E = ({ type: e, className: t, style: n }) => /* @__PURE__ */ y(T[e] || u, {
|
|
51
51
|
className: t,
|
|
52
52
|
style: n
|
|
53
53
|
}), D = ({ product: e, onClick: t, variant: n = "default" }) => {
|
|
54
54
|
let r = C(e.type);
|
|
55
|
-
return n === "featured" ? /* @__PURE__ */
|
|
55
|
+
return n === "featured" ? /* @__PURE__ */ b("button", {
|
|
56
56
|
onClick: t,
|
|
57
57
|
className: "group relative flex h-full w-full cursor-pointer flex-col overflow-hidden rounded-2xl border border-border-default bg-gradient-to-br from-bg-surface to-bg-sunken p-6 text-left transition-all hover:border-action-primary-border hover:shadow-lg",
|
|
58
58
|
children: [
|
|
59
|
-
e.featured && /* @__PURE__ */
|
|
59
|
+
e.featured && /* @__PURE__ */ b("div", {
|
|
60
60
|
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",
|
|
61
|
-
children: [/* @__PURE__ */
|
|
61
|
+
children: [/* @__PURE__ */ y(g, { className: "h-3 w-3" }), "Featured"]
|
|
62
62
|
}),
|
|
63
|
-
/* @__PURE__ */
|
|
63
|
+
/* @__PURE__ */ b("div", {
|
|
64
64
|
className: "flex items-start gap-4",
|
|
65
|
-
children: [/* @__PURE__ */
|
|
65
|
+
children: [/* @__PURE__ */ y("div", {
|
|
66
66
|
className: "flex h-16 w-16 flex-shrink-0 items-center justify-center rounded-2xl",
|
|
67
67
|
style: { backgroundColor: w(e.type) },
|
|
68
|
-
children: e.icon ? /* @__PURE__ */
|
|
68
|
+
children: e.icon ? /* @__PURE__ */ y("img", {
|
|
69
69
|
src: e.icon,
|
|
70
70
|
alt: e.name,
|
|
71
71
|
className: "h-10 w-10 rounded-lg object-cover"
|
|
72
|
-
}) : /* @__PURE__ */
|
|
72
|
+
}) : /* @__PURE__ */ y(E, {
|
|
73
73
|
type: e.type,
|
|
74
74
|
className: "h-10 w-10",
|
|
75
75
|
style: { color: r }
|
|
76
76
|
})
|
|
77
|
-
}), /* @__PURE__ */
|
|
77
|
+
}), /* @__PURE__ */ b("div", {
|
|
78
78
|
className: "flex-1 overflow-hidden",
|
|
79
|
-
children: [/* @__PURE__ */
|
|
79
|
+
children: [/* @__PURE__ */ y("h3", {
|
|
80
80
|
className: "truncate text-lg font-semibold text-text-primary group-hover:text-text-link",
|
|
81
81
|
children: e.name
|
|
82
|
-
}), /* @__PURE__ */
|
|
82
|
+
}), /* @__PURE__ */ b("p", {
|
|
83
83
|
className: "flex items-center gap-2 text-sm text-text-muted",
|
|
84
|
-
children: [/* @__PURE__ */
|
|
84
|
+
children: [/* @__PURE__ */ y(E, {
|
|
85
85
|
type: e.type,
|
|
86
86
|
className: "h-3.5 w-3.5"
|
|
87
87
|
}), e.category || e.type]
|
|
88
88
|
})]
|
|
89
89
|
})]
|
|
90
90
|
}),
|
|
91
|
-
/* @__PURE__ */
|
|
91
|
+
/* @__PURE__ */ y("p", {
|
|
92
92
|
className: "mt-4 line-clamp-2 flex-1 text-sm text-text-muted",
|
|
93
93
|
children: e.description || "No description available"
|
|
94
94
|
}),
|
|
95
|
-
/* @__PURE__ */
|
|
95
|
+
/* @__PURE__ */ b("div", {
|
|
96
96
|
className: "mt-4 flex items-center justify-between border-t border-border-default pt-4",
|
|
97
|
-
children: [/* @__PURE__ */
|
|
97
|
+
children: [/* @__PURE__ */ b("div", {
|
|
98
98
|
className: "flex items-center gap-3",
|
|
99
|
-
children: [/* @__PURE__ */
|
|
99
|
+
children: [/* @__PURE__ */ b("span", {
|
|
100
100
|
className: "flex items-center gap-1 text-sm text-text-muted",
|
|
101
|
-
children: [/* @__PURE__ */
|
|
102
|
-
}), /* @__PURE__ */
|
|
101
|
+
children: [/* @__PURE__ */ y(_, { className: "h-4 w-4 fill-current text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
|
|
102
|
+
}), /* @__PURE__ */ b("span", {
|
|
103
103
|
className: "flex items-center gap-1 text-sm text-text-muted",
|
|
104
|
-
children: [/* @__PURE__ */
|
|
104
|
+
children: [/* @__PURE__ */ y(le, { className: "h-4 w-4" }), x(e.downloads)]
|
|
105
105
|
})]
|
|
106
|
-
}), /* @__PURE__ */
|
|
106
|
+
}), /* @__PURE__ */ y("span", {
|
|
107
107
|
className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-sm font-medium text-text-link",
|
|
108
108
|
children: S(e)
|
|
109
109
|
})]
|
|
110
110
|
})
|
|
111
111
|
]
|
|
112
|
-
}) : n === "compact" ? /* @__PURE__ */
|
|
112
|
+
}) : n === "compact" ? /* @__PURE__ */ b("button", {
|
|
113
113
|
onClick: t,
|
|
114
114
|
className: "group flex cursor-pointer items-center gap-3 rounded-xl border border-transparent p-3 text-left transition-all hover:border-border-default hover:bg-bg-surface",
|
|
115
115
|
children: [
|
|
116
|
-
/* @__PURE__ */
|
|
116
|
+
/* @__PURE__ */ y("div", {
|
|
117
117
|
className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-xl",
|
|
118
118
|
style: { backgroundColor: w(e.type) },
|
|
119
|
-
children: e.icon ? /* @__PURE__ */
|
|
119
|
+
children: e.icon ? /* @__PURE__ */ y("img", {
|
|
120
120
|
src: e.icon,
|
|
121
121
|
alt: e.name,
|
|
122
122
|
className: "h-8 w-8 rounded-lg object-cover"
|
|
123
|
-
}) : /* @__PURE__ */
|
|
123
|
+
}) : /* @__PURE__ */ y(E, {
|
|
124
124
|
type: e.type,
|
|
125
125
|
className: "h-8 w-8",
|
|
126
126
|
style: { color: r }
|
|
127
127
|
})
|
|
128
128
|
}),
|
|
129
|
-
/* @__PURE__ */
|
|
129
|
+
/* @__PURE__ */ b("div", {
|
|
130
130
|
className: "flex-1 overflow-hidden",
|
|
131
|
-
children: [/* @__PURE__ */
|
|
131
|
+
children: [/* @__PURE__ */ y("h4", {
|
|
132
132
|
className: "truncate font-medium text-text-primary group-hover:text-text-link",
|
|
133
133
|
children: e.name
|
|
134
|
-
}), /* @__PURE__ */
|
|
134
|
+
}), /* @__PURE__ */ b("p", {
|
|
135
135
|
className: "truncate text-xs text-text-muted",
|
|
136
136
|
children: [
|
|
137
137
|
e.category || e.type,
|
|
@@ -141,101 +141,101 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
141
141
|
]
|
|
142
142
|
})]
|
|
143
143
|
}),
|
|
144
|
-
/* @__PURE__ */
|
|
144
|
+
/* @__PURE__ */ y("span", {
|
|
145
145
|
className: "text-xs font-medium text-text-muted",
|
|
146
146
|
children: S(e)
|
|
147
147
|
})
|
|
148
148
|
]
|
|
149
|
-
}) : /* @__PURE__ */
|
|
149
|
+
}) : /* @__PURE__ */ b("button", {
|
|
150
150
|
onClick: t,
|
|
151
151
|
className: "group flex cursor-pointer flex-col overflow-hidden rounded-xl border border-border-default bg-bg-surface p-4 text-left transition-all hover:border-action-primary-border hover:shadow-md",
|
|
152
152
|
children: [
|
|
153
|
-
/* @__PURE__ */
|
|
153
|
+
/* @__PURE__ */ b("div", {
|
|
154
154
|
className: "flex items-start gap-3",
|
|
155
|
-
children: [/* @__PURE__ */
|
|
155
|
+
children: [/* @__PURE__ */ y("div", {
|
|
156
156
|
className: "flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-xl",
|
|
157
157
|
style: { backgroundColor: w(e.type) },
|
|
158
|
-
children: e.icon ? /* @__PURE__ */
|
|
158
|
+
children: e.icon ? /* @__PURE__ */ y("img", {
|
|
159
159
|
src: e.icon,
|
|
160
160
|
alt: e.name,
|
|
161
161
|
className: "h-9 w-9 rounded-lg object-cover"
|
|
162
|
-
}) : /* @__PURE__ */
|
|
162
|
+
}) : /* @__PURE__ */ y(E, {
|
|
163
163
|
type: e.type,
|
|
164
164
|
className: "h-9 w-9",
|
|
165
165
|
style: { color: r }
|
|
166
166
|
})
|
|
167
|
-
}), /* @__PURE__ */
|
|
167
|
+
}), /* @__PURE__ */ b("div", {
|
|
168
168
|
className: "flex-1 overflow-hidden",
|
|
169
|
-
children: [/* @__PURE__ */
|
|
169
|
+
children: [/* @__PURE__ */ y("h4", {
|
|
170
170
|
className: "truncate font-semibold text-text-primary group-hover:text-text-link",
|
|
171
171
|
children: e.name
|
|
172
|
-
}), /* @__PURE__ */
|
|
172
|
+
}), /* @__PURE__ */ b("p", {
|
|
173
173
|
className: "flex items-center gap-1.5 text-xs text-text-muted",
|
|
174
|
-
children: [/* @__PURE__ */
|
|
174
|
+
children: [/* @__PURE__ */ y(E, {
|
|
175
175
|
type: e.type,
|
|
176
176
|
className: "h-3 w-3"
|
|
177
177
|
}), e.category || e.type]
|
|
178
178
|
})]
|
|
179
179
|
})]
|
|
180
180
|
}),
|
|
181
|
-
/* @__PURE__ */
|
|
181
|
+
/* @__PURE__ */ y("p", {
|
|
182
182
|
className: "mt-3 line-clamp-2 text-sm text-text-muted",
|
|
183
183
|
children: e.description || "No description available"
|
|
184
184
|
}),
|
|
185
|
-
/* @__PURE__ */
|
|
185
|
+
/* @__PURE__ */ b("div", {
|
|
186
186
|
className: "mt-3 flex items-center justify-between",
|
|
187
|
-
children: [/* @__PURE__ */
|
|
187
|
+
children: [/* @__PURE__ */ b("div", {
|
|
188
188
|
className: "flex items-center gap-2",
|
|
189
189
|
children: [
|
|
190
|
-
/* @__PURE__ */
|
|
190
|
+
/* @__PURE__ */ b("span", {
|
|
191
191
|
className: "flex items-center gap-0.5 text-xs text-text-muted",
|
|
192
|
-
children: [/* @__PURE__ */
|
|
192
|
+
children: [/* @__PURE__ */ y(_, { className: "h-3.5 w-3.5 fill-current text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
|
|
193
193
|
}),
|
|
194
|
-
/* @__PURE__ */
|
|
194
|
+
/* @__PURE__ */ y("span", {
|
|
195
195
|
className: "text-xs text-text-muted",
|
|
196
196
|
children: "·"
|
|
197
197
|
}),
|
|
198
|
-
/* @__PURE__ */
|
|
198
|
+
/* @__PURE__ */ b("span", {
|
|
199
199
|
className: "text-xs text-text-muted",
|
|
200
|
-
children: [
|
|
200
|
+
children: [x(e.downloads), " downloads"]
|
|
201
201
|
})
|
|
202
202
|
]
|
|
203
|
-
}), /* @__PURE__ */
|
|
203
|
+
}), /* @__PURE__ */ y("span", {
|
|
204
204
|
className: "text-xs font-semibold text-text-link",
|
|
205
205
|
children: S(e)
|
|
206
206
|
})]
|
|
207
207
|
})
|
|
208
208
|
]
|
|
209
209
|
});
|
|
210
|
-
}, O = ({ icon: e, title: t, subtitle: n, onViewAll: r }) => /* @__PURE__ */
|
|
210
|
+
}, O = ({ icon: e, title: t, subtitle: n, onViewAll: r }) => /* @__PURE__ */ b("div", {
|
|
211
211
|
className: "mb-4 flex items-center justify-between",
|
|
212
|
-
children: [/* @__PURE__ */
|
|
212
|
+
children: [/* @__PURE__ */ b("div", {
|
|
213
213
|
className: "flex items-center gap-3",
|
|
214
|
-
children: [/* @__PURE__ */
|
|
214
|
+
children: [/* @__PURE__ */ y("div", {
|
|
215
215
|
className: "flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/10",
|
|
216
|
-
children: /* @__PURE__ */
|
|
217
|
-
}), /* @__PURE__ */
|
|
216
|
+
children: /* @__PURE__ */ y(e, { className: "h-5 w-5 text-text-link" })
|
|
217
|
+
}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h2", {
|
|
218
218
|
className: "text-lg font-semibold text-text-primary",
|
|
219
219
|
children: t
|
|
220
|
-
}), n && /* @__PURE__ */
|
|
220
|
+
}), n && /* @__PURE__ */ y("p", {
|
|
221
221
|
className: "text-sm text-text-muted",
|
|
222
222
|
children: n
|
|
223
223
|
})] })]
|
|
224
|
-
}), r && /* @__PURE__ */
|
|
224
|
+
}), r && /* @__PURE__ */ b("button", {
|
|
225
225
|
onClick: r,
|
|
226
226
|
className: "cursor-pointer flex items-center gap-1 text-sm font-medium text-text-link hover:underline",
|
|
227
|
-
children: ["View all", /* @__PURE__ */
|
|
227
|
+
children: ["View all", /* @__PURE__ */ y(oe, { className: "h-4 w-4" })]
|
|
228
228
|
})]
|
|
229
|
-
}), Se = ({ typeId: e, name: t, count: n, active: r, onClick: i }) => /* @__PURE__ */
|
|
229
|
+
}), Se = ({ typeId: e, name: t, count: n, active: r, onClick: i }) => /* @__PURE__ */ b("button", {
|
|
230
230
|
onClick: i,
|
|
231
231
|
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"}`,
|
|
232
232
|
children: [
|
|
233
|
-
/* @__PURE__ */
|
|
233
|
+
/* @__PURE__ */ y(E, {
|
|
234
234
|
type: e,
|
|
235
235
|
className: "h-4 w-4"
|
|
236
236
|
}),
|
|
237
237
|
t,
|
|
238
|
-
/* @__PURE__ */
|
|
238
|
+
/* @__PURE__ */ y("span", {
|
|
239
239
|
className: `rounded-full px-1.5 py-0.5 text-xs ${r ? "bg-bg-surface/20" : "bg-bg-sunken"}`,
|
|
240
240
|
children: n
|
|
241
241
|
})
|
|
@@ -244,47 +244,47 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
244
244
|
let [n, r] = c(0), i = e[n] || e[0];
|
|
245
245
|
if (!i) return null;
|
|
246
246
|
let a = C(i.type);
|
|
247
|
-
return /* @__PURE__ */
|
|
247
|
+
return /* @__PURE__ */ b("div", {
|
|
248
248
|
className: "relative overflow-hidden rounded-2xl bg-gradient-to-r from-bg-surface via-bg-sunken to-bg-surface p-8",
|
|
249
249
|
children: [
|
|
250
|
-
/* @__PURE__ */
|
|
250
|
+
/* @__PURE__ */ y("div", {
|
|
251
251
|
className: "absolute inset-0 opacity-10",
|
|
252
252
|
style: { background: `linear-gradient(135deg, ${a} 0%, transparent 50%)` }
|
|
253
253
|
}),
|
|
254
|
-
/* @__PURE__ */
|
|
254
|
+
/* @__PURE__ */ b("div", {
|
|
255
255
|
className: "relative z-10 flex items-center gap-8",
|
|
256
|
-
children: [/* @__PURE__ */
|
|
256
|
+
children: [/* @__PURE__ */ b("div", {
|
|
257
257
|
className: "flex-1",
|
|
258
258
|
children: [
|
|
259
|
-
/* @__PURE__ */
|
|
259
|
+
/* @__PURE__ */ b("div", {
|
|
260
260
|
className: "mb-4 flex items-center gap-2",
|
|
261
|
-
children: [/* @__PURE__ */
|
|
261
|
+
children: [/* @__PURE__ */ b("span", {
|
|
262
262
|
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",
|
|
263
|
-
children: [/* @__PURE__ */
|
|
264
|
-
}), /* @__PURE__ */
|
|
263
|
+
children: [/* @__PURE__ */ y(g, { className: "h-3 w-3" }), "Featured App"]
|
|
264
|
+
}), /* @__PURE__ */ y("span", {
|
|
265
265
|
className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-text-link",
|
|
266
266
|
children: i.category || i.type
|
|
267
267
|
})]
|
|
268
268
|
}),
|
|
269
|
-
/* @__PURE__ */
|
|
269
|
+
/* @__PURE__ */ y("h1", {
|
|
270
270
|
className: "mb-3 text-3xl font-bold text-text-primary",
|
|
271
271
|
children: i.name
|
|
272
272
|
}),
|
|
273
|
-
/* @__PURE__ */
|
|
273
|
+
/* @__PURE__ */ y("p", {
|
|
274
274
|
className: "mb-6 max-w-xl text-text-muted",
|
|
275
275
|
children: i.description || "No description available"
|
|
276
276
|
}),
|
|
277
|
-
/* @__PURE__ */
|
|
277
|
+
/* @__PURE__ */ b("div", {
|
|
278
278
|
className: "mb-6 flex items-center gap-4",
|
|
279
|
-
children: [/* @__PURE__ */
|
|
279
|
+
children: [/* @__PURE__ */ b("span", {
|
|
280
280
|
className: "flex items-center gap-1 text-sm",
|
|
281
281
|
children: [
|
|
282
|
-
/* @__PURE__ */
|
|
283
|
-
/* @__PURE__ */
|
|
282
|
+
/* @__PURE__ */ y(_, { className: "h-5 w-5 fill-current text-status-warning-text" }),
|
|
283
|
+
/* @__PURE__ */ y("span", {
|
|
284
284
|
className: "font-semibold text-text-primary",
|
|
285
285
|
children: (i.rating ?? 0).toFixed(1)
|
|
286
286
|
}),
|
|
287
|
-
/* @__PURE__ */
|
|
287
|
+
/* @__PURE__ */ b("span", {
|
|
288
288
|
className: "text-text-muted",
|
|
289
289
|
children: [
|
|
290
290
|
"(",
|
|
@@ -293,31 +293,31 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
293
293
|
]
|
|
294
294
|
})
|
|
295
295
|
]
|
|
296
|
-
}), /* @__PURE__ */
|
|
296
|
+
}), /* @__PURE__ */ b("span", {
|
|
297
297
|
className: "flex items-center gap-1 text-sm text-text-muted",
|
|
298
298
|
children: [
|
|
299
|
-
/* @__PURE__ */
|
|
299
|
+
/* @__PURE__ */ y(le, { className: "h-4 w-4" }),
|
|
300
300
|
i.downloads.toLocaleString(),
|
|
301
301
|
" downloads"
|
|
302
302
|
]
|
|
303
303
|
})]
|
|
304
304
|
}),
|
|
305
|
-
/* @__PURE__ */
|
|
305
|
+
/* @__PURE__ */ y("button", {
|
|
306
306
|
onClick: () => t(i),
|
|
307
307
|
className: "cursor-pointer rounded-lg bg-action-primary-bg px-6 py-3 font-semibold text-action-primary-text transition-opacity hover:opacity-90",
|
|
308
308
|
children: "View Details"
|
|
309
309
|
})
|
|
310
310
|
]
|
|
311
|
-
}), /* @__PURE__ */
|
|
311
|
+
}), /* @__PURE__ */ y("div", {
|
|
312
312
|
className: "hidden flex-shrink-0 lg:block",
|
|
313
|
-
children: /* @__PURE__ */
|
|
313
|
+
children: /* @__PURE__ */ y("div", {
|
|
314
314
|
className: "flex h-48 w-48 items-center justify-center rounded-3xl shadow-lg",
|
|
315
315
|
style: { backgroundColor: w(i.type) },
|
|
316
|
-
children: i.icon ? /* @__PURE__ */
|
|
316
|
+
children: i.icon ? /* @__PURE__ */ y("img", {
|
|
317
317
|
src: i.icon,
|
|
318
318
|
alt: i.name,
|
|
319
319
|
className: "h-32 w-32 rounded-2xl object-cover"
|
|
320
|
-
}) : /* @__PURE__ */
|
|
320
|
+
}) : /* @__PURE__ */ y(E, {
|
|
321
321
|
type: i.type,
|
|
322
322
|
className: "h-32 w-32",
|
|
323
323
|
style: { color: a }
|
|
@@ -325,9 +325,9 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
325
325
|
})
|
|
326
326
|
})]
|
|
327
327
|
}),
|
|
328
|
-
e.length > 1 && /* @__PURE__ */
|
|
328
|
+
e.length > 1 && /* @__PURE__ */ y("div", {
|
|
329
329
|
className: "relative z-10 mt-6 flex gap-2",
|
|
330
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
330
|
+
children: e.map((e, t) => /* @__PURE__ */ y("button", {
|
|
331
331
|
onClick: () => r(t),
|
|
332
332
|
className: `h-2 w-8 rounded-full transition-all ${t === n ? "bg-action-primary-bg" : "bg-border-default hover:bg-action-primary-border"}`,
|
|
333
333
|
"aria-label": `View ${e.name}`
|
|
@@ -335,66 +335,66 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
335
335
|
})
|
|
336
336
|
]
|
|
337
337
|
});
|
|
338
|
-
}, k = ({ variant: e = "default" }) => e === "featured" ? /* @__PURE__ */
|
|
338
|
+
}, k = ({ variant: e = "default" }) => e === "featured" ? /* @__PURE__ */ b("div", {
|
|
339
339
|
className: "h-full animate-pulse rounded-2xl border border-border-default bg-bg-surface p-6",
|
|
340
|
-
children: [/* @__PURE__ */
|
|
340
|
+
children: [/* @__PURE__ */ b("div", {
|
|
341
341
|
className: "flex items-start gap-4",
|
|
342
|
-
children: [/* @__PURE__ */
|
|
342
|
+
children: [/* @__PURE__ */ y("div", { className: "h-16 w-16 rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
|
|
343
343
|
className: "flex-1 space-y-2",
|
|
344
|
-
children: [/* @__PURE__ */
|
|
344
|
+
children: [/* @__PURE__ */ y("div", { className: "h-5 w-3/4 rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-4 w-1/2 rounded bg-bg-sunken" })]
|
|
345
345
|
})]
|
|
346
|
-
}), /* @__PURE__ */
|
|
346
|
+
}), /* @__PURE__ */ b("div", {
|
|
347
347
|
className: "mt-4 space-y-2",
|
|
348
|
-
children: [/* @__PURE__ */
|
|
348
|
+
children: [/* @__PURE__ */ y("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-4 w-2/3 rounded bg-bg-sunken" })]
|
|
349
349
|
})]
|
|
350
|
-
}) : e === "compact" ? /* @__PURE__ */
|
|
350
|
+
}) : e === "compact" ? /* @__PURE__ */ b("div", {
|
|
351
351
|
className: "flex animate-pulse items-center gap-3 p-3",
|
|
352
|
-
children: [/* @__PURE__ */
|
|
352
|
+
children: [/* @__PURE__ */ y("div", { className: "h-12 w-12 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
|
|
353
353
|
className: "flex-1 space-y-2",
|
|
354
|
-
children: [/* @__PURE__ */
|
|
354
|
+
children: [/* @__PURE__ */ y("div", { className: "h-4 w-3/4 rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-3 w-1/2 rounded bg-bg-sunken" })]
|
|
355
355
|
})]
|
|
356
|
-
}) : /* @__PURE__ */
|
|
356
|
+
}) : /* @__PURE__ */ b("div", {
|
|
357
357
|
className: "animate-pulse rounded-xl border border-border-default bg-bg-surface p-4",
|
|
358
|
-
children: [/* @__PURE__ */
|
|
358
|
+
children: [/* @__PURE__ */ b("div", {
|
|
359
359
|
className: "flex items-start gap-3",
|
|
360
|
-
children: [/* @__PURE__ */
|
|
360
|
+
children: [/* @__PURE__ */ y("div", { className: "h-14 w-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
|
|
361
361
|
className: "flex-1 space-y-2",
|
|
362
|
-
children: [/* @__PURE__ */
|
|
362
|
+
children: [/* @__PURE__ */ y("div", { className: "h-4 w-3/4 rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-3 w-1/2 rounded bg-bg-sunken" })]
|
|
363
363
|
})]
|
|
364
|
-
}), /* @__PURE__ */
|
|
364
|
+
}), /* @__PURE__ */ b("div", {
|
|
365
365
|
className: "mt-3 space-y-2",
|
|
366
|
-
children: [/* @__PURE__ */
|
|
366
|
+
children: [/* @__PURE__ */ y("div", { className: "h-3 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-3 w-2/3 rounded bg-bg-sunken" })]
|
|
367
367
|
})]
|
|
368
|
-
}), A = () => /* @__PURE__ */
|
|
368
|
+
}), A = () => /* @__PURE__ */ b("div", {
|
|
369
369
|
className: "animate-pulse rounded-2xl bg-gradient-to-r from-bg-surface via-bg-sunken to-bg-surface p-8",
|
|
370
|
-
children: [/* @__PURE__ */
|
|
370
|
+
children: [/* @__PURE__ */ b("div", {
|
|
371
371
|
className: "flex items-center gap-8",
|
|
372
|
-
children: [/* @__PURE__ */
|
|
372
|
+
children: [/* @__PURE__ */ b("div", {
|
|
373
373
|
className: "flex-1 space-y-4",
|
|
374
374
|
children: [
|
|
375
|
-
/* @__PURE__ */
|
|
375
|
+
/* @__PURE__ */ b("div", {
|
|
376
376
|
className: "flex gap-2",
|
|
377
|
-
children: [/* @__PURE__ */
|
|
377
|
+
children: [/* @__PURE__ */ y("div", { className: "h-6 w-24 rounded-full bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-6 w-20 rounded-full bg-bg-sunken" })]
|
|
378
378
|
}),
|
|
379
|
-
/* @__PURE__ */
|
|
380
|
-
/* @__PURE__ */
|
|
379
|
+
/* @__PURE__ */ y("div", { className: "h-9 w-3/4 rounded bg-bg-sunken" }),
|
|
380
|
+
/* @__PURE__ */ b("div", {
|
|
381
381
|
className: "space-y-2",
|
|
382
|
-
children: [/* @__PURE__ */
|
|
382
|
+
children: [/* @__PURE__ */ y("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-4 w-5/6 rounded bg-bg-sunken" })]
|
|
383
383
|
}),
|
|
384
|
-
/* @__PURE__ */
|
|
384
|
+
/* @__PURE__ */ b("div", {
|
|
385
385
|
className: "flex gap-4",
|
|
386
|
-
children: [/* @__PURE__ */
|
|
386
|
+
children: [/* @__PURE__ */ y("div", { className: "h-5 w-24 rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-5 w-32 rounded bg-bg-sunken" })]
|
|
387
387
|
}),
|
|
388
|
-
/* @__PURE__ */
|
|
388
|
+
/* @__PURE__ */ y("div", { className: "h-12 w-36 rounded-lg bg-bg-sunken" })
|
|
389
389
|
]
|
|
390
|
-
}), /* @__PURE__ */
|
|
391
|
-
}), /* @__PURE__ */
|
|
390
|
+
}), /* @__PURE__ */ y("div", { className: "hidden h-48 w-48 rounded-3xl bg-bg-sunken lg:block" })]
|
|
391
|
+
}), /* @__PURE__ */ y("div", {
|
|
392
392
|
className: "mt-6 flex gap-2",
|
|
393
393
|
children: [...[
|
|
394
394
|
,
|
|
395
395
|
,
|
|
396
396
|
,
|
|
397
|
-
]].map((e, t) => /* @__PURE__ */
|
|
397
|
+
]].map((e, t) => /* @__PURE__ */ y("div", { className: "h-2 w-8 rounded-full bg-bg-sunken" }, t))
|
|
398
398
|
})]
|
|
399
399
|
}), j = [
|
|
400
400
|
100,
|
|
@@ -405,30 +405,30 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
405
405
|
95,
|
|
406
406
|
115,
|
|
407
407
|
105
|
|
408
|
-
], M = () => /* @__PURE__ */
|
|
408
|
+
], M = () => /* @__PURE__ */ b("div", {
|
|
409
409
|
className: "space-y-4",
|
|
410
|
-
children: [/* @__PURE__ */
|
|
410
|
+
children: [/* @__PURE__ */ y("div", { className: "h-6 w-32 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", {
|
|
411
411
|
className: "flex flex-wrap gap-2",
|
|
412
|
-
children: j.map((e, t) => /* @__PURE__ */
|
|
412
|
+
children: j.map((e, t) => /* @__PURE__ */ y("div", {
|
|
413
413
|
className: "h-9 animate-pulse rounded-full bg-bg-sunken",
|
|
414
414
|
style: { width: `${e}px` }
|
|
415
415
|
}, t))
|
|
416
416
|
})]
|
|
417
|
-
}), N = () => /* @__PURE__ */
|
|
417
|
+
}), N = () => /* @__PURE__ */ b("div", {
|
|
418
418
|
className: "mb-4 flex items-center justify-between",
|
|
419
|
-
children: [/* @__PURE__ */
|
|
419
|
+
children: [/* @__PURE__ */ b("div", {
|
|
420
420
|
className: "flex items-center gap-3",
|
|
421
|
-
children: [/* @__PURE__ */
|
|
421
|
+
children: [/* @__PURE__ */ y("div", { className: "h-10 w-10 animate-pulse rounded-xl bg-bg-sunken" }), /* @__PURE__ */ b("div", {
|
|
422
422
|
className: "space-y-1",
|
|
423
|
-
children: [/* @__PURE__ */
|
|
423
|
+
children: [/* @__PURE__ */ y("div", { className: "h-5 w-40 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ y("div", { className: "h-4 w-32 animate-pulse rounded bg-bg-sunken" })]
|
|
424
424
|
})]
|
|
425
|
-
}), /* @__PURE__ */
|
|
426
|
-
}), we = () => /* @__PURE__ */
|
|
425
|
+
}), /* @__PURE__ */ y("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
|
|
426
|
+
}), we = () => /* @__PURE__ */ b("div", {
|
|
427
427
|
className: "mx-auto max-w-7xl space-y-8 px-6 py-6",
|
|
428
428
|
children: [
|
|
429
|
-
/* @__PURE__ */
|
|
430
|
-
/* @__PURE__ */
|
|
431
|
-
/* @__PURE__ */
|
|
429
|
+
/* @__PURE__ */ y(A, {}),
|
|
430
|
+
/* @__PURE__ */ y(M, {}),
|
|
431
|
+
/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(N, {}), /* @__PURE__ */ y("div", {
|
|
432
432
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
|
|
433
433
|
children: [...[
|
|
434
434
|
,
|
|
@@ -437,9 +437,9 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
437
437
|
,
|
|
438
438
|
,
|
|
439
439
|
,
|
|
440
|
-
]].map((e, t) => /* @__PURE__ */
|
|
440
|
+
]].map((e, t) => /* @__PURE__ */ y(k, {}, t))
|
|
441
441
|
})] }),
|
|
442
|
-
/* @__PURE__ */
|
|
442
|
+
/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(N, {}), /* @__PURE__ */ y("div", {
|
|
443
443
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
|
|
444
444
|
children: [...[
|
|
445
445
|
,
|
|
@@ -448,9 +448,9 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
448
448
|
,
|
|
449
449
|
,
|
|
450
450
|
,
|
|
451
|
-
]].map((e, t) => /* @__PURE__ */
|
|
451
|
+
]].map((e, t) => /* @__PURE__ */ y(k, {}, t))
|
|
452
452
|
})] }),
|
|
453
|
-
/* @__PURE__ */
|
|
453
|
+
/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(N, {}), /* @__PURE__ */ y("div", {
|
|
454
454
|
className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6",
|
|
455
455
|
children: [...[
|
|
456
456
|
,
|
|
@@ -459,39 +459,39 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
459
459
|
,
|
|
460
460
|
,
|
|
461
461
|
,
|
|
462
|
-
]].map((e, t) => /* @__PURE__ */
|
|
462
|
+
]].map((e, t) => /* @__PURE__ */ y(k, { variant: "compact" }, t))
|
|
463
463
|
})] })
|
|
464
464
|
]
|
|
465
465
|
}), P = ({ label: e, value: t, options: n, onChange: r }) => {
|
|
466
466
|
let i = re();
|
|
467
|
-
return /* @__PURE__ */
|
|
467
|
+
return /* @__PURE__ */ b("label", {
|
|
468
468
|
htmlFor: i,
|
|
469
469
|
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",
|
|
470
470
|
children: [
|
|
471
|
-
/* @__PURE__ */
|
|
471
|
+
/* @__PURE__ */ y("span", {
|
|
472
472
|
className: "sr-only",
|
|
473
473
|
children: e
|
|
474
474
|
}),
|
|
475
|
-
/* @__PURE__ */
|
|
475
|
+
/* @__PURE__ */ b("span", {
|
|
476
476
|
className: "text-text-muted",
|
|
477
477
|
children: [e, ":"]
|
|
478
478
|
}),
|
|
479
|
-
/* @__PURE__ */
|
|
479
|
+
/* @__PURE__ */ y("select", {
|
|
480
480
|
id: i,
|
|
481
481
|
"aria-label": e,
|
|
482
482
|
value: t,
|
|
483
483
|
onChange: (e) => r(e.target.value),
|
|
484
484
|
className: "min-w-[8rem] appearance-none bg-transparent pr-6 text-sm font-medium text-text-primary focus:outline-none",
|
|
485
|
-
children: n.map((e) => /* @__PURE__ */
|
|
485
|
+
children: n.map((e) => /* @__PURE__ */ y("option", {
|
|
486
486
|
value: e.value,
|
|
487
487
|
children: e.label
|
|
488
488
|
}, e.value))
|
|
489
489
|
}),
|
|
490
|
-
/* @__PURE__ */
|
|
490
|
+
/* @__PURE__ */ y(f, { className: "pointer-events-none absolute right-3 h-4 w-4 text-text-muted" })
|
|
491
491
|
]
|
|
492
492
|
});
|
|
493
493
|
}, F = () => {
|
|
494
|
-
let l =
|
|
494
|
+
let l = ye(), { basePath: d } = e(), { t: f } = ie(), oe = re(), ce = be(), { cartOpen: le, closeCart: ue, itemCount: p, cartItems: m, subtotal: h, tax: x, total: S, updateQuantity: C, removeProduct: w } = t(), [T, E] = c(""), [k, A] = c("all"), [j, M] = c("all"), [N, F] = c("any"), [I, Te] = c("all"), [L, Ee] = c("all"), [R, De] = c("all"), [z, Oe] = c(!1), [B, ke] = c("relevance"), [Ae, je] = c(!1), V = xe(T, 1500), Me = [
|
|
495
495
|
{
|
|
496
496
|
value: "all",
|
|
497
497
|
label: "All Prices"
|
|
@@ -581,9 +581,9 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
581
581
|
"name-asc": o.NameAsc
|
|
582
582
|
})[e], Le = (e) => {
|
|
583
583
|
if (e !== "all") return {
|
|
584
|
-
free:
|
|
585
|
-
paid:
|
|
586
|
-
subscription:
|
|
584
|
+
free: i.Free,
|
|
585
|
+
paid: i.PaidOnetime,
|
|
586
|
+
subscription: i.Subscription
|
|
587
587
|
}[e];
|
|
588
588
|
}, H = V.trim() !== "" || j !== "all" || N !== "any" || I !== "all" || L !== "all" || R !== "all" || z || k !== "all" || B !== "relevance", Re = T.trim() !== "" && T !== V, ze = () => {
|
|
589
589
|
E(""), M("all"), F("any"), Te("all"), Ee("all"), De("all"), Oe(!1), ke("relevance"), A("all");
|
|
@@ -593,7 +593,7 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
593
593
|
pagination: { limit: 50 }
|
|
594
594
|
};
|
|
595
595
|
if (H) {
|
|
596
|
-
e.filter = {}, V.trim() && (e.filter.search = V.trim()), k !== "all" && (e.filter.type = k), L !== "all" && (e.filter.category = L), I !== "all" && (e.filter.nature = I === "digital" ?
|
|
596
|
+
e.filter = {}, V.trim() && (e.filter.search = V.trim()), k !== "all" && (e.filter.type = k), L !== "all" && (e.filter.category = L), I !== "all" && (e.filter.nature = I === "digital" ? a.Digital : a.Physical);
|
|
597
597
|
let t = Le(j);
|
|
598
598
|
t && (e.filter.pricingModel = t), N !== "any" && (e.filter.minRating = parseFloat(N)), z && (e.filter.featured = !0), R !== "all" && (e.filter.license = R);
|
|
599
599
|
}
|
|
@@ -609,7 +609,7 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
609
609
|
R,
|
|
610
610
|
B,
|
|
611
611
|
H
|
|
612
|
-
]), { featured: W, mostDownloaded: G, recentlyAdded: K, freeItems: q, loading: Ve, error: He, refetch: Ue } =
|
|
612
|
+
]), { featured: W, mostDownloaded: G, recentlyAdded: K, freeItems: q, loading: Ve, error: He, refetch: Ue } = r({ skip: H }), { products: We, totalCount: J, facets: Y, loading: X, error: Ge, refetch: Ke } = n(H ? Be : {}, { skip: !H }), qe = H ? X : Ve, Z = H ? Ge : He, Je = H ? Ke : Ue, Ye = H ? We : [];
|
|
613
613
|
ne(() => {
|
|
614
614
|
!V.trim() || X || ce.emit("store.marketplace.searched", {
|
|
615
615
|
query: V,
|
|
@@ -672,45 +672,45 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
672
672
|
value: "all",
|
|
673
673
|
label: "All Licenses"
|
|
674
674
|
}], [Y]);
|
|
675
|
-
return /* @__PURE__ */
|
|
675
|
+
return /* @__PURE__ */ b("div", {
|
|
676
676
|
className: "flex h-full flex-col",
|
|
677
677
|
children: [
|
|
678
|
-
/* @__PURE__ */
|
|
678
|
+
/* @__PURE__ */ b("header", {
|
|
679
679
|
className: "border-b border-border-default bg-bg-surface px-6 py-4",
|
|
680
680
|
children: [
|
|
681
|
-
/* @__PURE__ */
|
|
681
|
+
/* @__PURE__ */ b("div", {
|
|
682
682
|
className: "flex items-center justify-between",
|
|
683
|
-
children: [/* @__PURE__ */
|
|
683
|
+
children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("h1", {
|
|
684
684
|
className: "text-2xl font-bold text-text-primary",
|
|
685
685
|
children: ["App ", f("pages.marketplace.title", { defaultValue: "Marketplace" })]
|
|
686
|
-
}), /* @__PURE__ */
|
|
686
|
+
}), /* @__PURE__ */ y("p", {
|
|
687
687
|
className: "text-sm text-text-muted",
|
|
688
688
|
children: f("pages.marketplace.subtitle", { defaultValue: "Discover apps, workflows, and integrations for your workspace" })
|
|
689
|
-
})] }), /* @__PURE__ */
|
|
689
|
+
})] }), /* @__PURE__ */ b("button", {
|
|
690
690
|
onClick: () => l(`${d}/cart`),
|
|
691
691
|
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",
|
|
692
692
|
children: [
|
|
693
|
-
/* @__PURE__ */
|
|
693
|
+
/* @__PURE__ */ y(he, { className: "h-5 w-5" }),
|
|
694
694
|
f("pages.marketplace.cart", { defaultValue: "Cart" }),
|
|
695
|
-
p > 0 && /* @__PURE__ */
|
|
695
|
+
p > 0 && /* @__PURE__ */ y("span", {
|
|
696
696
|
className: "absolute -right-2 -top-2 flex h-5 w-5 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text",
|
|
697
697
|
children: p
|
|
698
698
|
})
|
|
699
699
|
]
|
|
700
700
|
})]
|
|
701
701
|
}),
|
|
702
|
-
/* @__PURE__ */
|
|
702
|
+
/* @__PURE__ */ b("div", {
|
|
703
703
|
className: "mt-4",
|
|
704
|
-
children: [/* @__PURE__ */
|
|
704
|
+
children: [/* @__PURE__ */ b("div", {
|
|
705
705
|
className: "relative",
|
|
706
706
|
children: [
|
|
707
|
-
/* @__PURE__ */
|
|
707
|
+
/* @__PURE__ */ y("label", {
|
|
708
708
|
htmlFor: oe,
|
|
709
709
|
className: "sr-only",
|
|
710
710
|
children: f("pages.marketplace.search.label", { defaultValue: "Search marketplace products" })
|
|
711
711
|
}),
|
|
712
|
-
/* @__PURE__ */
|
|
713
|
-
/* @__PURE__ */
|
|
712
|
+
/* @__PURE__ */ y(me, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-text-muted" }),
|
|
713
|
+
/* @__PURE__ */ y("input", {
|
|
714
714
|
id: oe,
|
|
715
715
|
"aria-label": f("pages.marketplace.search.label", { defaultValue: "Search marketplace products" }),
|
|
716
716
|
type: "text",
|
|
@@ -719,21 +719,21 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
719
719
|
placeholder: f("pages.marketplace.search.placeholder", { defaultValue: "Search apps, workflows, integrations..." }),
|
|
720
720
|
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"
|
|
721
721
|
}),
|
|
722
|
-
T && /* @__PURE__ */
|
|
722
|
+
T && /* @__PURE__ */ y("button", {
|
|
723
723
|
type: "button",
|
|
724
724
|
onClick: () => E(""),
|
|
725
725
|
"aria-label": f("pages.marketplace.search.clear", { defaultValue: "Clear search" }),
|
|
726
726
|
className: "cursor-pointer absolute right-4 top-1/2 -translate-y-1/2 text-text-muted transition-colors hover:text-text-primary",
|
|
727
|
-
children: /* @__PURE__ */
|
|
727
|
+
children: /* @__PURE__ */ y(v, {
|
|
728
728
|
className: "h-4 w-4",
|
|
729
729
|
"aria-hidden": "true"
|
|
730
730
|
})
|
|
731
731
|
})
|
|
732
732
|
]
|
|
733
|
-
}), T.trim() && /* @__PURE__ */
|
|
733
|
+
}), T.trim() && /* @__PURE__ */ y("div", {
|
|
734
734
|
"aria-live": "polite",
|
|
735
735
|
className: "mt-2 flex items-center gap-2 text-sm text-text-muted",
|
|
736
|
-
children: Re || X ? /* @__PURE__ */
|
|
736
|
+
children: Re || X ? /* @__PURE__ */ b(ve, { children: [/* @__PURE__ */ y(pe, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ y("span", { children: f("pages.marketplace.search.searching", { defaultValue: "Searching..." }) })] }) : /* @__PURE__ */ b("span", { children: [
|
|
737
737
|
J,
|
|
738
738
|
" result",
|
|
739
739
|
J === 1 ? "" : "s",
|
|
@@ -743,49 +743,52 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
743
743
|
] })
|
|
744
744
|
})]
|
|
745
745
|
}),
|
|
746
|
-
/* @__PURE__ */
|
|
746
|
+
/* @__PURE__ */ b("div", {
|
|
747
747
|
className: "mt-4 flex flex-wrap items-center gap-3",
|
|
748
748
|
children: [
|
|
749
|
-
/* @__PURE__ */
|
|
749
|
+
/* @__PURE__ */ b("button", {
|
|
750
750
|
onClick: () => je(!Ae),
|
|
751
751
|
className: `cursor-pointer flex items-center gap-2 rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${Ae || U > 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"}`,
|
|
752
752
|
children: [
|
|
753
|
-
/* @__PURE__ */
|
|
753
|
+
/* @__PURE__ */ y(ge, { className: "h-4 w-4" }),
|
|
754
754
|
f("pages.marketplace.filters", { defaultValue: "Filters" }),
|
|
755
|
-
U > 0 && /* @__PURE__ */
|
|
755
|
+
U > 0 && /* @__PURE__ */ y("span", {
|
|
756
756
|
className: "flex h-5 w-5 items-center justify-center rounded-full bg-action-primary-bg text-xs text-action-primary-text",
|
|
757
757
|
children: U
|
|
758
758
|
})
|
|
759
759
|
]
|
|
760
760
|
}),
|
|
761
|
-
/* @__PURE__ */
|
|
761
|
+
/* @__PURE__ */ b("div", {
|
|
762
762
|
className: "flex flex-wrap items-center gap-2",
|
|
763
763
|
children: [
|
|
764
|
-
/* @__PURE__ */
|
|
764
|
+
/* @__PURE__ */ b("button", {
|
|
765
765
|
onClick: () => M(j === "free" ? "all" : "free"),
|
|
766
766
|
className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${j === "free" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary transition-colors hover:bg-bg-surface"}`,
|
|
767
|
-
children: [/* @__PURE__ */
|
|
767
|
+
children: [/* @__PURE__ */ y(fe, { className: "h-3.5 w-3.5" }), "Free"]
|
|
768
768
|
}),
|
|
769
|
-
/* @__PURE__ */
|
|
769
|
+
/* @__PURE__ */ b("button", {
|
|
770
770
|
onClick: () => F(N === "4" ? "any" : "4"),
|
|
771
771
|
className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${N === "4" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary transition-colors hover:bg-bg-surface"}`,
|
|
772
|
-
children: [/* @__PURE__ */
|
|
772
|
+
children: [/* @__PURE__ */ y(_, { className: "h-3.5 w-3.5" }), "4+ Stars"]
|
|
773
773
|
}),
|
|
774
|
-
/* @__PURE__ */
|
|
774
|
+
/* @__PURE__ */ b("button", {
|
|
775
775
|
onClick: () => Oe(!z),
|
|
776
776
|
className: `cursor-pointer flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${z ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary transition-colors hover:bg-bg-surface"}`,
|
|
777
|
-
children: [/* @__PURE__ */
|
|
777
|
+
children: [/* @__PURE__ */ y(g, { className: "h-3.5 w-3.5" }), "Featured"]
|
|
778
778
|
})
|
|
779
779
|
]
|
|
780
780
|
}),
|
|
781
|
-
H && /* @__PURE__ */
|
|
781
|
+
H && /* @__PURE__ */ b("button", {
|
|
782
782
|
onClick: ze,
|
|
783
783
|
className: "cursor-pointer flex items-center gap-1 text-sm text-text-muted transition-colors hover:text-text-primary",
|
|
784
|
-
children: [/* @__PURE__ */
|
|
784
|
+
children: [/* @__PURE__ */ y(v, {
|
|
785
|
+
className: "h-4 w-4",
|
|
786
|
+
"aria-hidden": "true"
|
|
787
|
+
}), "Clear all"]
|
|
785
788
|
}),
|
|
786
|
-
/* @__PURE__ */
|
|
789
|
+
/* @__PURE__ */ y("div", {
|
|
787
790
|
className: "ml-auto",
|
|
788
|
-
children: /* @__PURE__ */
|
|
791
|
+
children: /* @__PURE__ */ y(P, {
|
|
789
792
|
label: "Sort",
|
|
790
793
|
value: B,
|
|
791
794
|
options: Fe,
|
|
@@ -794,65 +797,65 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
794
797
|
})
|
|
795
798
|
]
|
|
796
799
|
}),
|
|
797
|
-
Ae && /* @__PURE__ */
|
|
800
|
+
Ae && /* @__PURE__ */ b("div", {
|
|
798
801
|
className: "mt-4 rounded-lg border border-border-default bg-bg-surface p-4",
|
|
799
|
-
children: [/* @__PURE__ */
|
|
802
|
+
children: [/* @__PURE__ */ b("div", {
|
|
800
803
|
className: "flex flex-wrap items-start gap-6",
|
|
801
804
|
children: [
|
|
802
|
-
/* @__PURE__ */
|
|
805
|
+
/* @__PURE__ */ b("div", {
|
|
803
806
|
className: "flex flex-col gap-2",
|
|
804
|
-
children: [/* @__PURE__ */
|
|
807
|
+
children: [/* @__PURE__ */ y("span", {
|
|
805
808
|
className: "text-xs font-medium uppercase tracking-wider text-text-muted",
|
|
806
809
|
children: "Pricing"
|
|
807
|
-
}), /* @__PURE__ */
|
|
810
|
+
}), /* @__PURE__ */ y(P, {
|
|
808
811
|
label: "Price",
|
|
809
812
|
value: j,
|
|
810
813
|
options: Me,
|
|
811
814
|
onChange: (e) => M(e)
|
|
812
815
|
})]
|
|
813
816
|
}),
|
|
814
|
-
/* @__PURE__ */
|
|
817
|
+
/* @__PURE__ */ b("div", {
|
|
815
818
|
className: "flex flex-col gap-2",
|
|
816
|
-
children: [/* @__PURE__ */
|
|
819
|
+
children: [/* @__PURE__ */ y("span", {
|
|
817
820
|
className: "text-xs font-medium uppercase tracking-wider text-text-muted",
|
|
818
821
|
children: "Min Rating"
|
|
819
|
-
}), /* @__PURE__ */
|
|
822
|
+
}), /* @__PURE__ */ y(P, {
|
|
820
823
|
label: "Rating",
|
|
821
824
|
value: N,
|
|
822
825
|
options: Ne,
|
|
823
826
|
onChange: (e) => F(e)
|
|
824
827
|
})]
|
|
825
828
|
}),
|
|
826
|
-
Qe.length > 1 && /* @__PURE__ */
|
|
829
|
+
Qe.length > 1 && /* @__PURE__ */ b("div", {
|
|
827
830
|
className: "flex flex-col gap-2",
|
|
828
|
-
children: [/* @__PURE__ */
|
|
831
|
+
children: [/* @__PURE__ */ y("span", {
|
|
829
832
|
className: "text-xs font-medium uppercase tracking-wider text-text-muted",
|
|
830
833
|
children: "Category"
|
|
831
|
-
}), /* @__PURE__ */
|
|
834
|
+
}), /* @__PURE__ */ y(P, {
|
|
832
835
|
label: "Category",
|
|
833
836
|
value: L,
|
|
834
837
|
options: Qe,
|
|
835
838
|
onChange: Ee
|
|
836
839
|
})]
|
|
837
840
|
}),
|
|
838
|
-
/* @__PURE__ */
|
|
841
|
+
/* @__PURE__ */ b("div", {
|
|
839
842
|
className: "flex flex-col gap-2",
|
|
840
|
-
children: [/* @__PURE__ */
|
|
843
|
+
children: [/* @__PURE__ */ y("span", {
|
|
841
844
|
className: "text-xs font-medium uppercase tracking-wider text-text-muted",
|
|
842
845
|
children: "Nature"
|
|
843
|
-
}), /* @__PURE__ */
|
|
846
|
+
}), /* @__PURE__ */ y(P, {
|
|
844
847
|
label: "Nature",
|
|
845
848
|
value: I,
|
|
846
849
|
options: Pe,
|
|
847
850
|
onChange: (e) => Te(e)
|
|
848
851
|
})]
|
|
849
852
|
}),
|
|
850
|
-
$e.length > 1 && /* @__PURE__ */
|
|
853
|
+
$e.length > 1 && /* @__PURE__ */ b("div", {
|
|
851
854
|
className: "flex flex-col gap-2",
|
|
852
|
-
children: [/* @__PURE__ */
|
|
855
|
+
children: [/* @__PURE__ */ y("span", {
|
|
853
856
|
className: "text-xs font-medium uppercase tracking-wider text-text-muted",
|
|
854
857
|
children: "License"
|
|
855
|
-
}), /* @__PURE__ */
|
|
858
|
+
}), /* @__PURE__ */ y(P, {
|
|
856
859
|
label: "License",
|
|
857
860
|
value: R,
|
|
858
861
|
options: $e,
|
|
@@ -860,98 +863,119 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
860
863
|
})]
|
|
861
864
|
})
|
|
862
865
|
]
|
|
863
|
-
}), U > 0 && /* @__PURE__ */
|
|
866
|
+
}), U > 0 && /* @__PURE__ */ b("div", {
|
|
864
867
|
className: "mt-4 flex flex-wrap items-center gap-2 border-t border-border-default pt-4",
|
|
865
868
|
children: [
|
|
866
|
-
/* @__PURE__ */
|
|
869
|
+
/* @__PURE__ */ y("span", {
|
|
867
870
|
className: "text-xs font-medium text-text-muted",
|
|
868
871
|
children: "Active filters:"
|
|
869
872
|
}),
|
|
870
|
-
k !== "all" && /* @__PURE__ */
|
|
873
|
+
k !== "all" && /* @__PURE__ */ b("button", {
|
|
871
874
|
onClick: () => A("all"),
|
|
872
875
|
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",
|
|
873
876
|
children: [
|
|
874
|
-
/* @__PURE__ */
|
|
877
|
+
/* @__PURE__ */ y("span", {
|
|
875
878
|
className: "text-text-muted",
|
|
876
879
|
children: "Type:"
|
|
877
880
|
}),
|
|
878
881
|
" ",
|
|
879
882
|
k,
|
|
880
|
-
/* @__PURE__ */
|
|
883
|
+
/* @__PURE__ */ y(v, {
|
|
884
|
+
className: "h-3 w-3",
|
|
885
|
+
"aria-hidden": "true"
|
|
886
|
+
})
|
|
881
887
|
]
|
|
882
888
|
}),
|
|
883
|
-
j !== "all" && /* @__PURE__ */
|
|
889
|
+
j !== "all" && /* @__PURE__ */ b("button", {
|
|
884
890
|
onClick: () => M("all"),
|
|
885
891
|
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",
|
|
886
892
|
children: [
|
|
887
|
-
/* @__PURE__ */
|
|
893
|
+
/* @__PURE__ */ y("span", {
|
|
888
894
|
className: "text-text-muted",
|
|
889
895
|
children: "Price:"
|
|
890
896
|
}),
|
|
891
897
|
" ",
|
|
892
898
|
Me.find((e) => e.value === j)?.label,
|
|
893
|
-
/* @__PURE__ */
|
|
899
|
+
/* @__PURE__ */ y(v, {
|
|
900
|
+
className: "h-3 w-3",
|
|
901
|
+
"aria-hidden": "true"
|
|
902
|
+
})
|
|
894
903
|
]
|
|
895
904
|
}),
|
|
896
|
-
N !== "any" && /* @__PURE__ */
|
|
905
|
+
N !== "any" && /* @__PURE__ */ b("button", {
|
|
897
906
|
onClick: () => F("any"),
|
|
898
907
|
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",
|
|
899
908
|
children: [
|
|
900
|
-
/* @__PURE__ */
|
|
909
|
+
/* @__PURE__ */ y("span", {
|
|
901
910
|
className: "text-text-muted",
|
|
902
911
|
children: "Rating:"
|
|
903
912
|
}),
|
|
904
913
|
" ",
|
|
905
914
|
Ne.find((e) => e.value === N)?.label,
|
|
906
|
-
/* @__PURE__ */
|
|
915
|
+
/* @__PURE__ */ y(v, {
|
|
916
|
+
className: "h-3 w-3",
|
|
917
|
+
"aria-hidden": "true"
|
|
918
|
+
})
|
|
907
919
|
]
|
|
908
920
|
}),
|
|
909
|
-
L !== "all" && /* @__PURE__ */
|
|
921
|
+
L !== "all" && /* @__PURE__ */ b("button", {
|
|
910
922
|
onClick: () => Ee("all"),
|
|
911
923
|
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",
|
|
912
924
|
children: [
|
|
913
|
-
/* @__PURE__ */
|
|
925
|
+
/* @__PURE__ */ y("span", {
|
|
914
926
|
className: "text-text-muted",
|
|
915
927
|
children: "Category:"
|
|
916
928
|
}),
|
|
917
929
|
" ",
|
|
918
930
|
L,
|
|
919
|
-
/* @__PURE__ */
|
|
931
|
+
/* @__PURE__ */ y(v, {
|
|
932
|
+
className: "h-3 w-3",
|
|
933
|
+
"aria-hidden": "true"
|
|
934
|
+
})
|
|
920
935
|
]
|
|
921
936
|
}),
|
|
922
|
-
I !== "all" && /* @__PURE__ */
|
|
937
|
+
I !== "all" && /* @__PURE__ */ b("button", {
|
|
923
938
|
onClick: () => Te("all"),
|
|
924
939
|
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",
|
|
925
940
|
children: [
|
|
926
|
-
/* @__PURE__ */
|
|
941
|
+
/* @__PURE__ */ y("span", {
|
|
927
942
|
className: "text-text-muted",
|
|
928
943
|
children: "Nature:"
|
|
929
944
|
}),
|
|
930
945
|
" ",
|
|
931
946
|
Pe.find((e) => e.value === I)?.label,
|
|
932
|
-
/* @__PURE__ */
|
|
947
|
+
/* @__PURE__ */ y(v, {
|
|
948
|
+
className: "h-3 w-3",
|
|
949
|
+
"aria-hidden": "true"
|
|
950
|
+
})
|
|
933
951
|
]
|
|
934
952
|
}),
|
|
935
|
-
R !== "all" && /* @__PURE__ */
|
|
953
|
+
R !== "all" && /* @__PURE__ */ b("button", {
|
|
936
954
|
onClick: () => De("all"),
|
|
937
955
|
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",
|
|
938
956
|
children: [
|
|
939
|
-
/* @__PURE__ */
|
|
957
|
+
/* @__PURE__ */ y("span", {
|
|
940
958
|
className: "text-text-muted",
|
|
941
959
|
children: "License:"
|
|
942
960
|
}),
|
|
943
961
|
" ",
|
|
944
962
|
$e.find((e) => e.value === R)?.label,
|
|
945
|
-
/* @__PURE__ */
|
|
963
|
+
/* @__PURE__ */ y(v, {
|
|
964
|
+
className: "h-3 w-3",
|
|
965
|
+
"aria-hidden": "true"
|
|
966
|
+
})
|
|
946
967
|
]
|
|
947
968
|
}),
|
|
948
|
-
z && /* @__PURE__ */
|
|
969
|
+
z && /* @__PURE__ */ b("button", {
|
|
949
970
|
onClick: () => Oe(!1),
|
|
950
971
|
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",
|
|
951
972
|
children: [
|
|
952
|
-
/* @__PURE__ */
|
|
973
|
+
/* @__PURE__ */ y(g, { className: "h-3 w-3" }),
|
|
953
974
|
"Featured Only",
|
|
954
|
-
/* @__PURE__ */
|
|
975
|
+
/* @__PURE__ */ y(v, {
|
|
976
|
+
className: "h-3 w-3",
|
|
977
|
+
"aria-hidden": "true"
|
|
978
|
+
})
|
|
955
979
|
]
|
|
956
980
|
})
|
|
957
981
|
]
|
|
@@ -959,43 +983,43 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
959
983
|
})
|
|
960
984
|
]
|
|
961
985
|
}),
|
|
962
|
-
/* @__PURE__ */
|
|
986
|
+
/* @__PURE__ */ y("main", {
|
|
963
987
|
className: "flex-1 overflow-y-auto",
|
|
964
|
-
children: /* @__PURE__ */
|
|
988
|
+
children: /* @__PURE__ */ b("div", {
|
|
965
989
|
className: "mx-auto max-w-7xl space-y-8 px-6 py-6",
|
|
966
990
|
children: [
|
|
967
|
-
Z && /* @__PURE__ */
|
|
991
|
+
Z && /* @__PURE__ */ b("div", {
|
|
968
992
|
role: "alert",
|
|
969
993
|
className: "flex flex-col items-center justify-center rounded-xl border border-status-error-border bg-status-error-bg-subtle p-8 text-center",
|
|
970
994
|
children: [
|
|
971
|
-
/* @__PURE__ */
|
|
972
|
-
/* @__PURE__ */
|
|
995
|
+
/* @__PURE__ */ y(ae, { className: "mb-4 h-12 w-12 text-status-error-text" }),
|
|
996
|
+
/* @__PURE__ */ y("h3", {
|
|
973
997
|
className: "mb-2 text-lg font-semibold text-status-error-text-emphasis",
|
|
974
998
|
children: "Failed to load marketplace"
|
|
975
999
|
}),
|
|
976
|
-
/* @__PURE__ */
|
|
1000
|
+
/* @__PURE__ */ y("p", {
|
|
977
1001
|
className: "mb-4 text-sm text-status-error-text",
|
|
978
1002
|
children: Z.message || "An error occurred while fetching products"
|
|
979
1003
|
}),
|
|
980
|
-
/* @__PURE__ */
|
|
1004
|
+
/* @__PURE__ */ y("button", {
|
|
981
1005
|
onClick: () => Je(),
|
|
982
1006
|
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",
|
|
983
1007
|
children: "Try Again"
|
|
984
1008
|
})
|
|
985
1009
|
]
|
|
986
1010
|
}),
|
|
987
|
-
qe && !Z && /* @__PURE__ */
|
|
988
|
-
!qe && !Z && /* @__PURE__ */
|
|
989
|
-
!H && k === "all" && W.length > 0 && /* @__PURE__ */
|
|
1011
|
+
qe && !Z && /* @__PURE__ */ y(we, {}),
|
|
1012
|
+
!qe && !Z && /* @__PURE__ */ b(ve, { children: [
|
|
1013
|
+
!H && k === "all" && W.length > 0 && /* @__PURE__ */ y(Ce, {
|
|
990
1014
|
featuredProducts: W,
|
|
991
1015
|
onProductClick: Q
|
|
992
1016
|
}),
|
|
993
|
-
Ze.length > 1 && /* @__PURE__ */
|
|
1017
|
+
Ze.length > 1 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h2", {
|
|
994
1018
|
className: "mb-4 text-lg font-semibold text-text-primary",
|
|
995
1019
|
children: "Browse by Type"
|
|
996
|
-
}), /* @__PURE__ */
|
|
1020
|
+
}), /* @__PURE__ */ y("div", {
|
|
997
1021
|
className: "flex flex-wrap gap-2",
|
|
998
|
-
children: Ze.map((e) => /* @__PURE__ */
|
|
1022
|
+
children: Ze.map((e) => /* @__PURE__ */ y(Se, {
|
|
999
1023
|
typeId: e.id,
|
|
1000
1024
|
name: e.name,
|
|
1001
1025
|
count: e.count,
|
|
@@ -1003,91 +1027,91 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
1003
1027
|
onClick: () => A(e.id)
|
|
1004
1028
|
}, e.id))
|
|
1005
1029
|
})] }),
|
|
1006
|
-
H && /* @__PURE__ */
|
|
1030
|
+
H && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
|
|
1007
1031
|
icon: de,
|
|
1008
1032
|
title: V ? "Search Results" : "Filtered Results",
|
|
1009
1033
|
subtitle: `${J} app${J === 1 ? "" : "s"} found`
|
|
1010
|
-
}), Ye.length > 0 ? /* @__PURE__ */
|
|
1034
|
+
}), Ye.length > 0 ? /* @__PURE__ */ y("div", {
|
|
1011
1035
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
|
|
1012
|
-
children: Ye.map((e) => /* @__PURE__ */
|
|
1036
|
+
children: Ye.map((e) => /* @__PURE__ */ y(D, {
|
|
1013
1037
|
product: e,
|
|
1014
1038
|
onClick: () => Q(e)
|
|
1015
1039
|
}, e.id))
|
|
1016
|
-
}) : /* @__PURE__ */
|
|
1040
|
+
}) : /* @__PURE__ */ b("div", {
|
|
1017
1041
|
className: "flex flex-col items-center justify-center rounded-xl border border-border-default bg-bg-surface p-8 text-center",
|
|
1018
1042
|
children: [
|
|
1019
|
-
/* @__PURE__ */
|
|
1020
|
-
/* @__PURE__ */
|
|
1043
|
+
/* @__PURE__ */ y(de, { className: "mb-4 h-12 w-12 text-text-muted" }),
|
|
1044
|
+
/* @__PURE__ */ y("h3", {
|
|
1021
1045
|
className: "mb-2 text-lg font-semibold text-text-primary",
|
|
1022
1046
|
children: "No apps match your filters"
|
|
1023
1047
|
}),
|
|
1024
|
-
/* @__PURE__ */
|
|
1048
|
+
/* @__PURE__ */ y("p", {
|
|
1025
1049
|
className: "mb-4 text-sm text-text-muted",
|
|
1026
1050
|
children: "Try adjusting your filter criteria or clearing filters to see more results."
|
|
1027
1051
|
}),
|
|
1028
|
-
/* @__PURE__ */
|
|
1052
|
+
/* @__PURE__ */ y("button", {
|
|
1029
1053
|
onClick: ze,
|
|
1030
1054
|
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",
|
|
1031
1055
|
children: "Clear All Filters"
|
|
1032
1056
|
})
|
|
1033
1057
|
]
|
|
1034
1058
|
})] }),
|
|
1035
|
-
!H && k === "all" && /* @__PURE__ */
|
|
1036
|
-
G.length > 0 && /* @__PURE__ */
|
|
1059
|
+
!H && k === "all" && /* @__PURE__ */ b(ve, { children: [
|
|
1060
|
+
G.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
|
|
1037
1061
|
icon: _e,
|
|
1038
1062
|
title: "Most Downloaded",
|
|
1039
1063
|
subtitle: "Top picks by our community"
|
|
1040
|
-
}), /* @__PURE__ */
|
|
1064
|
+
}), /* @__PURE__ */ y("div", {
|
|
1041
1065
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
|
|
1042
|
-
children: G.slice(0, 6).map((e) => /* @__PURE__ */
|
|
1066
|
+
children: G.slice(0, 6).map((e) => /* @__PURE__ */ y(D, {
|
|
1043
1067
|
product: e,
|
|
1044
1068
|
onClick: () => Q(e)
|
|
1045
1069
|
}, e.id))
|
|
1046
1070
|
})] }),
|
|
1047
|
-
K.length > 0 && /* @__PURE__ */
|
|
1071
|
+
K.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
|
|
1048
1072
|
icon: se,
|
|
1049
1073
|
title: "New Releases",
|
|
1050
1074
|
subtitle: "Recently published apps"
|
|
1051
|
-
}), /* @__PURE__ */
|
|
1075
|
+
}), /* @__PURE__ */ y("div", {
|
|
1052
1076
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
|
|
1053
|
-
children: K.slice(0, 6).map((e) => /* @__PURE__ */
|
|
1077
|
+
children: K.slice(0, 6).map((e) => /* @__PURE__ */ y(D, {
|
|
1054
1078
|
product: e,
|
|
1055
1079
|
onClick: () => Q(e)
|
|
1056
1080
|
}, e.id))
|
|
1057
1081
|
})] }),
|
|
1058
|
-
q.length > 0 && /* @__PURE__ */
|
|
1082
|
+
q.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
|
|
1059
1083
|
icon: fe,
|
|
1060
1084
|
title: "Free Apps",
|
|
1061
1085
|
subtitle: "No cost, full functionality"
|
|
1062
|
-
}), /* @__PURE__ */
|
|
1086
|
+
}), /* @__PURE__ */ y("div", {
|
|
1063
1087
|
className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6",
|
|
1064
|
-
children: q.slice(0, 6).map((e) => /* @__PURE__ */
|
|
1088
|
+
children: q.slice(0, 6).map((e) => /* @__PURE__ */ y(D, {
|
|
1065
1089
|
product: e,
|
|
1066
1090
|
onClick: () => Q(e),
|
|
1067
1091
|
variant: "compact"
|
|
1068
1092
|
}, e.id))
|
|
1069
1093
|
})] }),
|
|
1070
|
-
$.length > 0 && /* @__PURE__ */
|
|
1094
|
+
$.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y(O, {
|
|
1071
1095
|
icon: u,
|
|
1072
1096
|
title: "All Apps",
|
|
1073
1097
|
subtitle: `${$.length} apps available`
|
|
1074
|
-
}), /* @__PURE__ */
|
|
1098
|
+
}), /* @__PURE__ */ y("div", {
|
|
1075
1099
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
|
|
1076
|
-
children: $.map((e) => /* @__PURE__ */
|
|
1100
|
+
children: $.map((e) => /* @__PURE__ */ y(D, {
|
|
1077
1101
|
product: e,
|
|
1078
1102
|
onClick: () => Q(e)
|
|
1079
1103
|
}, e.id))
|
|
1080
1104
|
})] })
|
|
1081
1105
|
] }),
|
|
1082
|
-
$.length === 0 && /* @__PURE__ */
|
|
1106
|
+
$.length === 0 && /* @__PURE__ */ b("div", {
|
|
1083
1107
|
className: "flex flex-col items-center justify-center rounded-xl border border-border-default bg-bg-surface p-12 text-center",
|
|
1084
1108
|
children: [
|
|
1085
|
-
/* @__PURE__ */
|
|
1086
|
-
/* @__PURE__ */
|
|
1109
|
+
/* @__PURE__ */ y(u, { className: "mb-4 h-16 w-16 text-text-muted" }),
|
|
1110
|
+
/* @__PURE__ */ y("h3", {
|
|
1087
1111
|
className: "mb-2 text-xl font-semibold text-text-primary",
|
|
1088
1112
|
children: "No apps available yet"
|
|
1089
1113
|
}),
|
|
1090
|
-
/* @__PURE__ */
|
|
1114
|
+
/* @__PURE__ */ y("p", {
|
|
1091
1115
|
className: "max-w-md text-text-muted",
|
|
1092
1116
|
children: "The marketplace is empty. Check back soon for new apps, workflows, and integrations."
|
|
1093
1117
|
})
|
|
@@ -1097,14 +1121,14 @@ var xe = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).
|
|
|
1097
1121
|
]
|
|
1098
1122
|
})
|
|
1099
1123
|
}),
|
|
1100
|
-
/* @__PURE__ */
|
|
1124
|
+
/* @__PURE__ */ y(ee, {
|
|
1101
1125
|
isOpen: le,
|
|
1102
1126
|
onClose: ue,
|
|
1103
1127
|
onCheckout: Xe,
|
|
1104
1128
|
cartItems: m,
|
|
1105
1129
|
itemCount: p,
|
|
1106
1130
|
subtotal: h,
|
|
1107
|
-
tax:
|
|
1131
|
+
tax: x,
|
|
1108
1132
|
total: S,
|
|
1109
1133
|
updateQuantity: C,
|
|
1110
1134
|
removeProduct: w
|