@burdenoff/microfe-store 2026.720.2 → 2026.720.4

package/dist/pages/ProductDetailPage.js

@@ -2,17 +2,18 @@ import { useStore as e } from "../providers/StoreProvider.js";
 import { useCart as t } from "../hooks/useCart.js";
 import { formatNumber as n, formatPrice as r } from "../utils/index.js";
 import { useCreateReview as ee, useDeleteReview as te, useMarkReviewHelpful as ne, useStoreProductDetails as re, useUpdateReview as ie } from "../hooks/useStoreGraphQL.js";
-import { InstallAppModal as ae } from "../components/InstallAppModal.js";
-import { useInstallations as oe } from "../hooks/useInstallations.js";
-import { nativeConfirm as se, nativeImpact as ce, nativeNotify as le } from "../utils/nativeBridge.js";
-import { useCallback as i, useEffect as ue, useMemo as de, useRef as fe, useState as a } from "react";
-import { AlertCircle as o, ArrowLeft as pe, Check as me, Loader2 as he, Package as s, ShieldCheck as c, ShoppingCart as ge, Star as l, ThumbsUp as u } from "lucide-react";
+import { Markdown as ae } from "../node_modules/react-markdown/lib/index.js";
+import { InstallAppModal as oe } from "../components/InstallAppModal.js";
+import { useInstallations as se } from "../hooks/useInstallations.js";
+import { nativeConfirm as ce, nativeImpact as le, nativeNotify as ue } from "../utils/nativeBridge.js";
+import { useCallback as i, useEffect as de, useMemo as fe, useRef as pe, useState as a } from "react";
+import { AlertCircle as o, ArrowLeft as me, Check as he, Loader2 as ge, Package as s, ShieldCheck as c, ShoppingCart as _e, Star as l, ThumbsUp as u } from "lucide-react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useLocation as _e, useNavigate as ve, useParams as ye } from "react-router-dom";
-import { EmphasisPanel as be, GlassCard as m, IllustratedEmptyState as xe, NextSteps as Se, PagePurpose as Ce } from "@burdenoff/fe-libs/ui";
-import { useEventBus as we } from "@burdenoff/fe-libs/shared/events";
+import { useLocation as ve, useNavigate as ye, useParams as be } from "react-router-dom";
+import { EmphasisPanel as xe, GlassCard as m, IllustratedEmptyState as Se, NextSteps as Ce, PagePurpose as we } from "@burdenoff/fe-libs/ui";
+import { useEventBus as Te } from "@burdenoff/fe-libs/shared/events";
 //#region src/pages/ProductDetailPage.tsx
-var Te = (e, t) => ({
+var Ee = (e, t) => ({
 	id: e.id,
 	publisherId: t?.id || "",
 	publisher: {
@@ -84,7 +85,7 @@ var Te = (e, t) => ({
 	createdAt: e.createdAt,
 	updatedAt: e.updatedAt,
 	publishedAt: e.publishedAt
-}), Ee = ({ stars: e, percentage: t, count: r }) => /* @__PURE__ */ p("div", {
+}), De = ({ stars: e, percentage: t, count: r }) => /* @__PURE__ */ p("div", {
 	className: "flex items-center gap-2",
 	children: [
 		/* @__PURE__ */ f("span", {
@@ -103,7 +104,7 @@ var Te = (e, t) => ({
 			children: n(r)
 		})
 	]
-}), De = ({ review: e, onMarkHelpful: t, markingHelpful: n }) => /* @__PURE__ */ p("div", {
+}), Oe = ({ review: e, onMarkHelpful: t, markingHelpful: n }) => /* @__PURE__ */ p("div", {
 	className: "rounded-lg border border-border-seam bg-bg-surface p-4 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]",
 	children: [
 		/* @__PURE__ */ f("div", {
@@ -164,7 +165,7 @@ var Te = (e, t) => ({
 			})
 		})
 	]
-}), Oe = () => /* @__PURE__ */ p("div", {
+}), ke = () => /* @__PURE__ */ p("div", {
 	className: "h-full overflow-y-auto",
 	children: [/* @__PURE__ */ f("div", {
 		className: "sticky top-0 z-10 border-b border-border-default bg-bg-surface px-6 py-4",
@@ -418,7 +419,7 @@ var Te = (e, t) => ({
 			})
 		]
 	})]
-}), ke = ({ error: e, onRetry: t, onBack: n }) => /* @__PURE__ */ f("div", {
+}), Ae = ({ error: e, onRetry: t, onBack: n }) => /* @__PURE__ */ f("div", {
 	className: "flex h-full items-center justify-center",
 	children: /* @__PURE__ */ p("div", {
 		className: "text-center",
@@ -448,14 +449,14 @@ var Te = (e, t) => ({
 			})
 		]
 	})
-}), Ae = () => {
-	let { productId: o } = ye(), u = ve(), Ae = _e(), { basePath: h, workspaceId: g } = e(), { addProduct: je, cartItems: Me, addingToCart: Ne, createOrder: Pe, checkingOut: Fe } = t(), { installations: Ie, refetch: Le } = oe({
-		filter: de(() => o && g ? {
+}), je = () => {
+	let { productId: o } = be(), u = ye(), je = ve(), { basePath: h, workspaceId: g } = e(), { addProduct: Me, cartItems: Ne, addingToCart: Pe, createOrder: Fe, checkingOut: Ie } = t(), { installations: Le, refetch: Re } = se({
+		filter: fe(() => o && g ? {
 			productId: o,
 			workspaceId: g
 		} : void 0, [o, g]),
 		limit: 1
-	}), Re = Ie.find((e) => e.productId === o && e.workspaceId === g && e.status === "ACTIVE"), _ = !!Re, v = Re?.version ?? null, { createReview: ze, loading: Be } = ee(), { updateReview: Ve, loading: He } = ie(), { deleteReview: Ue, loading: We } = te(), { markHelpful: Ge, loading: Ke } = ne(), y = we(), [b, qe] = a(!1), [x, Je] = a(!1), [Ye, S] = a(!1), [C, Xe] = a(1), [Ze, w] = a(null), [Qe, T] = a(null), [$e, E] = a("success"), [D, O] = a(!1), [k, A] = a(""), [j, M] = a(""), [N, P] = a(5), [et, tt] = a(null), [nt, rt] = a(!1), { data: it, loading: at, error: ot, refetch: F } = re({
+	}), ze = Le.find((e) => e.productId === o && e.workspaceId === g && e.status === "ACTIVE"), _ = !!ze, v = ze?.version ?? null, { createReview: Be, loading: Ve } = ee(), { updateReview: He, loading: Ue } = ie(), { deleteReview: We, loading: Ge } = te(), { markHelpful: Ke, loading: qe } = ne(), y = Te(), [b, Je] = a(!1), [x, Ye] = a(!1), [Xe, S] = a(!1), [C, Ze] = a(1), [Qe, w] = a(null), [$e, T] = a(null), [et, E] = a("success"), [D, O] = a(!1), [k, A] = a(""), [j, M] = a(""), [N, P] = a(5), [tt, nt] = a(null), [rt, it] = a(!1), { data: at, loading: ot, error: st, refetch: F } = re({
 		id: o,
 		slug: o,
 		includeReviews: !0,
@@ -463,18 +464,18 @@ var Te = (e, t) => ({
 		includeRelated: !0,
 		relatedLimit: 4,
 		includeVersions: !0
-	}), I = it, L = I?.product, R = I?.publisher, z = Me.some((e) => e.productId === L?.id), st = (e) => {
+	}), I = at, L = I?.product, R = I?.publisher, z = Ne.some((e) => e.productId === L?.id), ct = (e) => {
 		let t = e.split(".");
 		for (; t.length < 3;) t.push("0");
 		return t.join(".");
-	}, ct = L?.manifestVersion ?? null, lt = !!(_ && v && ct && st(v) !== st(ct)), ut = i(async () => {
+	}, lt = L?.manifestVersion ?? null, ut = !!(_ && v && lt && ct(v) !== ct(lt)), dt = i(async () => {
 		if (L) {
 			if (w(null), z) {
 				u(`${h}/cart`);
 				return;
 			}
 			try {
-				await je(Te(L, R), void 0, C);
+				await Me(Ee(L, R), void 0, C);
 			} catch (e) {
 				console.error("Failed to add product to cart:", e), w("Failed to add this product to cart. Please try again.");
 			}
@@ -482,12 +483,12 @@ var Te = (e, t) => ({
 	}, [
 		L,
 		R,
-		je,
+		Me,
 		z,
 		u,
 		h,
 		C
-	]), dt = i(async () => {
+	]), ft = i(async () => {
 		if (L) {
 			w(null), S(!0);
 			try {
@@ -499,12 +500,12 @@ var Te = (e, t) => ({
 					subtotal: e * C,
 					itemType: L.nature?.toLowerCase() || "digital",
 					pricingModel: L.pricingModel || "PAID_ONETIME"
-				}, n = await Pe({
+				}, n = await Fe({
 					total: e * C,
 					lineItems: [t],
 					billingAccountId: ""
 				});
-				n?.id ? u(`/billing/checkout/store/${n.id}${Ae.search}`) : (console.error("Failed to create order"), w("Failed to create order. Please try again."), S(!1));
+				n?.id ? u(`/billing/checkout/store/${n.id}${je.search}`) : (console.error("Failed to create order"), w("Failed to create order. Please try again."), S(!1));
 			} catch (e) {
 				console.error("Buy Now error:", e), w(e instanceof Error ? e.message : "Failed to start checkout"), S(!1);
 			}
@@ -512,36 +513,36 @@ var Te = (e, t) => ({
 	}, [
 		L,
 		C,
-		Pe,
+		Fe,
 		u
 	]), B = i(() => {
-		L && rt(!0);
-	}, [L]), ft = fe(L);
-	ft.current = L;
-	let pt = fe(y);
-	pt.current = y, ue(() => {
-		let e = ft.current;
-		e && pt.current.emit("store.product.viewed", {
+		L && it(!0);
+	}, [L]), pt = pe(L);
+	pt.current = L;
+	let mt = pe(y);
+	mt.current = y, de(() => {
+		let e = pt.current;
+		e && mt.current.emit("store.product.viewed", {
 			productId: e.id,
 			productSlug: e.slug,
 			productType: e.type,
 			pricingModel: e.pricingModel
 		});
 	}, [L?.id]);
-	let mt = i((e, t) => {
+	let ht = i((e, t) => {
 		L && (y.emit("store.product.installed", {
 			productId: L.id,
 			workspaceId: e
-		}), console.log(`Successfully installed ${L.name} to workspace ${t} (${e})`), Le());
+		}), console.log(`Successfully installed ${L.name} to workspace ${t} (${e})`), Re());
 	}, [
 		L,
 		y,
-		Le
-	]), ht = i((e) => {
+		Re
+	]), gt = i((e) => {
 		console.error("Installation failed:", e.message);
-	}, []), gt = i(() => {
+	}, []), _t = i(() => {
 		A(I?.userReview?.title ?? ""), M(I?.userReview?.comment ?? ""), P(I?.userReview?.rating ?? 5), T(null), E("success"), O(!0);
-	}, [I?.userReview]), _t = i(async () => {
+	}, [I?.userReview]), vt = i(async () => {
 		if (!L) return;
 		if (N < 1 || N > 5) {
 			E("error"), T("Choose a rating from 1 to 5 stars.");
@@ -553,13 +554,13 @@ var Te = (e, t) => ({
 			title: k.trim() || void 0,
 			comment: j.trim() || void 0
 		}, t = I?.userReview ? {
-			data: await Ve(I.userReview.id, {
+			data: await He(I.userReview.id, {
 				rating: e.rating,
 				title: e.title,
 				comment: e.comment
 			}),
 			errorMessage: null
-		} : await ze(e);
+		} : await Be(e);
 		if (!t?.data) {
 			E("error"), T(t?.errorMessage ?? "We could not save your review. Please try again.");
 			return;
@@ -570,43 +571,43 @@ var Te = (e, t) => ({
 		}), await F();
 	}, [
 		y,
-		ze,
+		Be,
 		L,
 		I?.userReview,
 		F,
 		j,
 		N,
 		k,
-		Ve
-	]), vt = i(async () => {
-		if (I?.userReview && (ce("medium"), await se({
+		He
+	]), yt = i(async () => {
+		if (I?.userReview && (le("medium"), await ce({
 			title: "Delete review",
 			message: "Are you sure you want to remove your review?",
 			okButtonTitle: "Delete",
 			cancelButtonTitle: "Cancel"
 		}) !== !1)) {
-			if (!await Ue(I.userReview.id)) {
-				E("error"), T("We could not remove your review. Please try again."), le("error");
+			if (!await We(I.userReview.id)) {
+				E("error"), T("We could not remove your review. Please try again."), ue("error");
 				return;
 			}
-			E("success"), T("Your review was removed."), O(!1), A(""), M(""), P(5), le("success"), await F();
+			E("success"), T("Your review was removed."), O(!1), A(""), M(""), P(5), ue("success"), await F();
 		}
 	}, [
-		Ue,
+		We,
 		I?.userReview,
 		F
-	]), yt = i(async (e) => {
-		tt(e), await Ge(e) && await F(), tt(null);
-	}, [Ge, F]);
-	if (at) return /* @__PURE__ */ f(Oe, {});
-	if (ot) return /* @__PURE__ */ f(ke, {
-		error: ot,
+	]), bt = i(async (e) => {
+		nt(e), await Ke(e) && await F(), nt(null);
+	}, [Ke, F]);
+	if (ot) return /* @__PURE__ */ f(ke, {});
+	if (st) return /* @__PURE__ */ f(Ae, {
+		error: st,
 		onRetry: F,
 		onBack: () => u(`${h}/marketplace`)
 	});
 	if (!I?.product) return /* @__PURE__ */ f("div", {
 		className: "flex h-full items-center justify-center p-6",
-		children: /* @__PURE__ */ f(xe, {
+		children: /* @__PURE__ */ f(Se, {
 			illustration: "empty-search",
 			title: "Product not found",
 			description: "The product you are looking for does not exist or has been removed.",
@@ -618,7 +619,7 @@ var Te = (e, t) => ({
 			})
 		})
 	});
-	let { reviews: V, reviewsCount: bt, relatedProducts: H, ratingDistribution: U, isPurchased: W, userEntitlement: G } = I, K = L, q = U ? U.fiveStars + U.fourStars + U.threeStars + U.twoStars + U.oneStar : 0, xt = U ? [
+	let { reviews: V, reviewsCount: xt, relatedProducts: H, ratingDistribution: U, isPurchased: W, userEntitlement: G } = I, K = L, q = U ? U.fiveStars + U.fourStars + U.threeStars + U.twoStars + U.oneStar : 0, St = U ? [
 		{
 			stars: 5,
 			count: U.fiveStars,
@@ -644,7 +645,7 @@ var Te = (e, t) => ({
 			count: U.oneStar,
 			percentage: q > 0 ? U.oneStar / q * 100 : 0
 		}
-	] : [], J = K.requiredPermissions || [], St = K.integrationDeps || [], Ct = () => K.pricingModel === "FREE" ? "Free" : K.pricingModel === "SUBSCRIPTION" ? `${r(K.price, K.currency)}/mo` : r(K.price, K.currency), Y = K.pricingModel === "FREE" || K.price === 0, X = K.nature === "PHYSICAL", Z = X && K.trackInventory === !0, Q = K.stockQuantity ?? 0, $ = Z && Q <= 0;
+	] : [], J = K.requiredPermissions || [], Ct = K.integrationDeps || [], wt = () => K.pricingModel === "FREE" ? "Free" : K.pricingModel === "SUBSCRIPTION" ? `${r(K.price, K.currency)}/mo` : r(K.price, K.currency), Y = K.pricingModel === "FREE" || K.price === 0, X = K.nature === "PHYSICAL", Z = X && K.trackInventory === !0, Q = K.stockQuantity ?? 0, $ = Z && Q <= 0;
 	return /* @__PURE__ */ p("div", {
 		className: "h-full overflow-y-auto bg-bg-base",
 		children: [
@@ -661,7 +662,7 @@ var Te = (e, t) => ({
 									type: "button",
 									onClick: () => u(-1),
 									className: "mb-6 cursor-pointer inline-flex items-center gap-2 text-sm text-text-muted transition-colors hover:text-text-primary",
-									children: [/* @__PURE__ */ f(pe, { className: "size-4" }), "Back"]
+									children: [/* @__PURE__ */ f(me, { className: "size-4" }), "Back"]
 								}),
 								/* @__PURE__ */ f("h1", {
 									className: "mb-3 text-4xl font-normal leading-tight text-text-primary lg:text-5xl",
@@ -707,7 +708,7 @@ var Te = (e, t) => ({
 										"+ downloads"
 									]
 								}),
-								/* @__PURE__ */ p(be, {
+								/* @__PURE__ */ p(xe, {
 									className: "mb-6 p-5",
 									children: [
 										/* @__PURE__ */ p("div", {
@@ -734,7 +735,7 @@ var Te = (e, t) => ({
 														/* @__PURE__ */ f(l, { className: "size-4 fill-current text-status-warning-text" }),
 														/* @__PURE__ */ p("span", {
 															className: "ml-1 text-xs text-text-muted",
-															children: [n(bt || K.reviewCount), " reviews"]
+															children: [n(xt || K.reviewCount), " reviews"]
 														})
 													]
 												}),
@@ -760,10 +761,10 @@ var Te = (e, t) => ({
 												})
 											]
 										}),
-										Ze && /* @__PURE__ */ f("div", {
+										Qe && /* @__PURE__ */ f("div", {
 											role: "alert",
 											className: "mb-4 rounded-lg border border-status-error-bg bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
-											children: Ze
+											children: Qe
 										}),
 										X && /* @__PURE__ */ p("div", {
 											className: "mb-4 flex flex-wrap items-center gap-4",
@@ -787,7 +788,7 @@ var Te = (e, t) => ({
 													children: [
 														/* @__PURE__ */ f("button", {
 															type: "button",
-															onClick: () => Xe((e) => Math.max(1, e - 1)),
+															onClick: () => Ze((e) => Math.max(1, e - 1)),
 															disabled: C <= 1,
 															"aria-label": "Decrease quantity",
 															className: "cursor-pointer px-3 py-1.5 text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
@@ -799,7 +800,7 @@ var Te = (e, t) => ({
 														}),
 														/* @__PURE__ */ f("button", {
 															type: "button",
-															onClick: () => Xe((e) => Z ? Math.min(Q, e + 1) : e + 1),
+															onClick: () => Ze((e) => Z ? Math.min(Q, e + 1) : e + 1),
 															disabled: Z && C >= Q,
 															"aria-label": "Increase quantity",
 															className: "cursor-pointer px-3 py-1.5 text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
@@ -826,7 +827,7 @@ var Te = (e, t) => ({
 													"aria-hidden": "true",
 													children: /* @__PURE__ */ f("polyline", { points: "2,8 6,12 14,4" })
 												}), "Installed"]
-											}), lt && /* @__PURE__ */ p("button", {
+											}), ut && /* @__PURE__ */ p("button", {
 												type: "button",
 												onClick: B,
 												className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
@@ -843,16 +844,16 @@ var Te = (e, t) => ({
 												children: "Install"
 											}) : /* @__PURE__ */ f("button", {
 												type: "button",
-												onClick: dt,
-												disabled: Ye || Fe || $,
+												onClick: ft,
+												disabled: Xe || Ie || $,
 												className: "cursor-pointer flex items-center gap-2 rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-70",
-												children: Ye || Fe ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(he, { className: "size-4 animate-spin" }), "Processing…"] }) : $ ? "Out of stock" : `Buy ${Ct()}`
+												children: Xe || Ie ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(ge, { className: "size-4 animate-spin" }), "Processing…"] }) : $ ? "Out of stock" : `Buy ${wt()}`
 											}), !Y && (!W || X) && /* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: ut,
-												disabled: Ne || $,
+												onClick: dt,
+												disabled: Pe || $,
 												className: "cursor-pointer flex items-center gap-2 rounded-full border border-border-default px-4 py-3 text-sm text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
-												children: [Ne ? /* @__PURE__ */ f(he, { className: "size-4 animate-spin" }) : z ? /* @__PURE__ */ f(me, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ f(ge, { className: "size-4" }), z ? "In Cart" : "Add to Cart"]
+												children: [Pe ? /* @__PURE__ */ f(ge, { className: "size-4 animate-spin" }) : z ? /* @__PURE__ */ f(he, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ f(_e, { className: "size-4" }), z ? "In Cart" : "Add to Cart"]
 											})]
 										}),
 										X ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("p", {
@@ -954,7 +955,7 @@ var Te = (e, t) => ({
 			/* @__PURE__ */ p("main", {
 				className: "mx-auto max-w-7xl px-6 py-8",
 				children: [
-					/* @__PURE__ */ p(Ce, {
+					/* @__PURE__ */ p(we, {
 						className: "mb-6",
 						children: [
 							"Everything you need to decide whether to install ",
@@ -962,7 +963,7 @@ var Te = (e, t) => ({
 							": what it does, screenshots, pricing, the permissions and integrations it needs, and real customer reviews. When you're ready, install it (free apps) or buy it, then add it to a workspace — and leave a review once you've used it."
 						]
 					}),
-					/* @__PURE__ */ f(Se, {
+					/* @__PURE__ */ f(Ce, {
 						className: "mb-8",
 						storageKey: "store-product-detail",
 						steps: [
@@ -976,7 +977,7 @@ var Te = (e, t) => ({
 								id: "buy",
 								label: W ? "Install to a workspace" : "Buy or add to cart",
 								description: W ? "You already own this — install it where you need it." : "Purchase now, or add it to your cart to check out later.",
-								onClick: W ? B : dt,
+								onClick: W ? B : ft,
 								done: _
 							},
 							...J.length > 0 ? [{
@@ -1010,12 +1011,12 @@ var Te = (e, t) => ({
 										}),
 										/* @__PURE__ */ p("div", {
 											className: "text-sm leading-relaxed text-text-secondary",
-											children: [/* @__PURE__ */ f("p", {
+											children: [/* @__PURE__ */ f("div", {
 												className: b ? "" : "line-clamp-4",
-												children: K.longDescription || K.description || "No description available."
+												children: /* @__PURE__ */ f(ae, { children: K.longDescription || K.description || "No description available." })
 											}), ((K.longDescription || K.description)?.length ?? 0) > 200 && /* @__PURE__ */ f("button", {
 												type: "button",
-												onClick: () => qe(!b),
+												onClick: () => Je(!b),
 												className: "cursor-pointer mt-3 text-sm font-medium text-text-link",
 												children: b ? "Show less" : "Show more"
 											})]
@@ -1064,12 +1065,12 @@ var Te = (e, t) => ({
 														}),
 														/* @__PURE__ */ p("p", {
 															className: "text-sm text-text-muted",
-															children: [n(bt || K.reviewCount), " reviews"]
+															children: [n(xt || K.reviewCount), " reviews"]
 														})
 													]
-												}), xt.length > 0 && /* @__PURE__ */ f("div", {
+												}), St.length > 0 && /* @__PURE__ */ f("div", {
 													className: "flex-1 space-y-1.5",
-													children: xt.map((e) => /* @__PURE__ */ f(Ee, { ...e }, e.stars))
+													children: St.map((e) => /* @__PURE__ */ f(De, { ...e }, e.stars))
 												})]
 											}) : /* @__PURE__ */ p("div", {
 												className: "flex flex-col items-center justify-center py-6 text-center",
@@ -1095,15 +1096,15 @@ var Te = (e, t) => ({
 												]
 											}), /* @__PURE__ */ p("div", {
 												className: "mt-6 border-t border-border-seam pt-4",
-												children: [Qe && /* @__PURE__ */ f("p", {
-													role: $e === "success" ? "status" : "alert",
-													className: `mb-3 rounded-lg px-3 py-2 text-sm ${$e === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
-													children: Qe
+												children: [$e && /* @__PURE__ */ f("p", {
+													role: et === "success" ? "status" : "alert",
+													className: `mb-3 rounded-lg px-3 py-2 text-sm ${et === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
+													children: $e
 												}), _ || I?.userReview ? /* @__PURE__ */ p("div", {
 													className: "space-y-4",
 													children: [/* @__PURE__ */ f("button", {
 														type: "button",
-														onClick: () => D ? O(!1) : gt(),
+														onClick: () => D ? O(!1) : _t(),
 														className: "w-full cursor-pointer py-2 text-center text-sm font-medium text-text-primary transition-colors hover:text-text-link",
 														children: I?.userReview ? D ? "Cancel review editing" : "Edit your review" : D ? "Cancel review" : "Write a Review"
 													}), D && /* @__PURE__ */ p("div", {
@@ -1154,16 +1155,16 @@ var Te = (e, t) => ({
 																className: "mt-4 flex flex-wrap gap-3",
 																children: [/* @__PURE__ */ f("button", {
 																	type: "button",
-																	onClick: _t,
-																	disabled: Be || He,
+																	onClick: vt,
+																	disabled: Ve || Ue,
 																	className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60",
-																	children: Be || He ? "Saving..." : I?.userReview ? "Update Review" : "Submit Review"
+																	children: Ve || Ue ? "Saving..." : I?.userReview ? "Update Review" : "Submit Review"
 																}), I?.userReview && /* @__PURE__ */ f("button", {
 																	type: "button",
-																	onClick: vt,
-																	disabled: We,
+																	onClick: yt,
+																	disabled: Ge,
 																	className: "cursor-pointer rounded-lg border border-status-error-border px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-60",
-																	children: We ? "Removing..." : "Delete Review"
+																	children: Ge ? "Removing..." : "Delete Review"
 																})]
 															})
 														]
@@ -1178,14 +1179,14 @@ var Te = (e, t) => ({
 											className: "mt-4 space-y-3",
 											children: [/* @__PURE__ */ f("ul", {
 												className: "space-y-3",
-												children: (x ? V : V.slice(0, 2)).map((e) => /* @__PURE__ */ f("li", { children: /* @__PURE__ */ f(De, {
+												children: (x ? V : V.slice(0, 2)).map((e) => /* @__PURE__ */ f("li", { children: /* @__PURE__ */ f(Oe, {
 													review: e,
-													onMarkHelpful: yt,
-													markingHelpful: Ke && et === e.id
+													onMarkHelpful: bt,
+													markingHelpful: qe && tt === e.id
 												}) }, e.id))
 											}), V.length > 2 && /* @__PURE__ */ f("button", {
 												type: "button",
-												onClick: () => Je(!x),
+												onClick: () => Ye(!x),
 												className: "cursor-pointer text-sm font-medium text-text-link",
 												children: x ? "Show less" : `Show all ${V.length} reviews`
 											})]
@@ -1213,14 +1214,14 @@ var Te = (e, t) => ({
 										}, e))
 									})]
 								}),
-								St.length > 0 && /* @__PURE__ */ p("section", {
+								Ct.length > 0 && /* @__PURE__ */ p("section", {
 									className: "mb-8",
 									children: [/* @__PURE__ */ f("h2", {
 										className: "mb-4 text-lg font-medium text-text-primary",
 										children: "Integrations"
 									}), /* @__PURE__ */ f("div", {
 										className: "flex flex-wrap gap-2",
-										children: St.map((e) => /* @__PURE__ */ f("span", {
+										children: Ct.map((e) => /* @__PURE__ */ f("span", {
 											className: "rounded-lg bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary",
 											children: e
 										}, e))
@@ -1384,9 +1385,9 @@ var Te = (e, t) => ({
 					})
 				]
 			}),
-			K && /* @__PURE__ */ f(ae, {
-				isOpen: nt,
-				onClose: () => rt(!1),
+			K && /* @__PURE__ */ f(oe, {
+				isOpen: rt,
+				onClose: () => it(!1),
 				app: {
 					id: K.id,
 					applicationId: K.productId,
@@ -1398,13 +1399,13 @@ var Te = (e, t) => ({
 					permissions: J.length > 0 ? J : void 0
 				},
 				purchaseState: W && !Y ? "purchased" : "free",
-				onInstallSuccess: mt,
-				onInstallError: ht
+				onInstallSuccess: ht,
+				onInstallError: gt
 			})
 		]
 	});
 };
 //#endregion
-export { Ae as ProductDetailPage };
+export { je as ProductDetailPage };
 
 //# sourceMappingURL=ProductDetailPage.js.map