@burdenoff/microfe-store 2026.614.1 → 2026.623.1

package/dist/pages/ProductDetailPage.js

@@ -3,9 +3,9 @@ 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 { useInstallations as ae } from "../hooks/useInstallations.js";
-import { nativeConfirm as oe, nativeImpact as se, nativeNotify as ce } from "../utils/nativeBridge.js";
-import { InstallAppModal as le } from "../components/InstallAppModal.js";
-import { useCallback as i, useEffect as ue, useMemo as de, useRef as a, useState as o } from "react";
+import { nativeConfirm as oe, nativeImpact as se, nativeNotify as i } from "../utils/nativeBridge.js";
+import { InstallAppModal as ce } from "../components/InstallAppModal.js";
+import { useCallback as a, useEffect as le, useMemo as ue, useRef as de, useState as o } from "react";
 import { AlertCircle as s, ArrowLeft as fe, Check as pe, Loader2 as me, Package as he, ShieldCheck as c, ShoppingCart as ge, Star as l, ThumbsUp as u } from "lucide-react";
 import { Fragment as _e, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { useLocation as ve, useNavigate as ye, useParams as be } from "react-router-dom";
@@ -448,13 +448,13 @@ var Se = (e, t) => ({
 		]
 	})
 }), De = () => {
-	let { productId: s } = be(), u = ye(), De = ve(), { basePath: p, workspaceId: m } = e(), { addProduct: h, cartItems: Oe, addingToCart: g, createOrder: _, checkingOut: v } = t(), { installations: ke } = ae({
-		filter: de(() => s && m ? {
+	let { productId: s } = be(), u = ye(), De = ve(), { basePath: p, workspaceId: m } = e(), { addProduct: h, cartItems: Oe, addingToCart: ke, createOrder: Ae, checkingOut: je } = t(), { installations: Me, refetch: g } = ae({
+		filter: ue(() => s && m ? {
 			productId: s,
 			workspaceId: m
 		} : void 0, [s, m]),
 		limit: 1
-	}), Ae = ke.some((e) => e.productId === s && e.workspaceId === m && e.status === "ACTIVE"), { createReview: y, loading: b } = ee(), { updateReview: x, loading: S } = ie(), { deleteReview: C, loading: w } = te(), { markHelpful: T, loading: je } = ne(), E = xe(), [D, Me] = o(!1), [O, Ne] = o(!1), [Pe, k] = o(!1), [Fe, A] = o(null), [Ie, j] = o(null), [Le, M] = o("success"), [N, P] = o(!1), [F, I] = o(""), [L, R] = o(""), [z, B] = o(5), [Re, ze] = o(null), [Be, Ve] = o(!1), { data: He, loading: Ue, error: We, refetch: V } = re({
+	}), Ne = Me.some((e) => e.productId === s && e.workspaceId === m && e.status === "ACTIVE"), { createReview: _, loading: v } = ee(), { updateReview: y, loading: Pe } = ie(), { deleteReview: b, loading: Fe } = te(), { markHelpful: Ie, loading: Le } = ne(), x = xe(), [S, Re] = o(!1), [C, ze] = o(!1), [Be, w] = o(!1), [T, E] = o(null), [D, O] = o(null), [Ve, k] = o("success"), [A, j] = o(!1), [M, N] = o(""), [P, F] = o(""), [I, L] = o(5), [He, R] = o(null), [Ue, z] = o(!1), { data: We, loading: Ge, error: B, refetch: V } = re({
 		id: s,
 		slug: s,
 		includeReviews: !0,
@@ -462,16 +462,16 @@ var Se = (e, t) => ({
 		includeRelated: !0,
 		relatedLimit: 4,
 		includeVersions: !0
-	}), H = He, U = H?.product, W = H?.publisher, G = Oe.some((e) => e.productId === U?.id), Ge = i(async () => {
+	}), H = We, U = H?.product, W = H?.publisher, G = Oe.some((e) => e.productId === U?.id), Ke = a(async () => {
 		if (U) {
-			if (A(null), G) {
+			if (E(null), G) {
 				u(`${p}/cart`);
 				return;
 			}
 			try {
 				await h(Se(U, W), void 0, 1);
 			} catch (e) {
-				console.error("Failed to add product to cart:", e), A("Failed to add this product to cart. Please try again.");
+				console.error("Failed to add product to cart:", e), E("Failed to add this product to cart. Please try again.");
 			}
 		}
 	}, [
@@ -481,11 +481,11 @@ var Se = (e, t) => ({
 		G,
 		u,
 		p
-	]), Ke = i(async () => {
+	]), qe = a(async () => {
 		if (U) {
-			A(null), k(!0);
+			E(null), w(!0);
 			try {
-				let e = U.price || 0, t = await _({
+				let e = U.price || 0, t = await Ae({
 					total: e,
 					lineItems: [{
 						productId: U.id,
@@ -498,95 +498,99 @@ var Se = (e, t) => ({
 					}],
 					billingAccountId: ""
 				});
-				t?.id ? u(`/billing/checkout/store/${t.id}${De.search}`) : (console.error("Failed to create order"), A("Failed to create order. Please try again."), k(!1));
+				t?.id ? u(`/billing/checkout/store/${t.id}${De.search}`) : (console.error("Failed to create order"), E("Failed to create order. Please try again."), w(!1));
 			} catch (e) {
-				console.error("Buy Now error:", e), A(e instanceof Error ? e.message : "Failed to start checkout"), k(!1);
+				console.error("Buy Now error:", e), E(e instanceof Error ? e.message : "Failed to start checkout"), w(!1);
 			}
 		}
 	}, [
 		U,
-		_,
+		Ae,
 		u
-	]), qe = i(() => {
-		U && Ve(!0);
-	}, [U]), Je = a(U);
-	Je.current = U;
-	let Ye = a(E);
-	Ye.current = E, ue(() => {
-		let e = Je.current;
-		e && Ye.current.emit("store.product.viewed", {
+	]), Je = a(() => {
+		U && z(!0);
+	}, [U]), Ye = de(U);
+	Ye.current = U;
+	let Xe = de(x);
+	Xe.current = x, le(() => {
+		let e = Ye.current;
+		e && Xe.current.emit("store.product.viewed", {
 			productId: e.id,
 			productSlug: e.slug,
 			productType: e.type,
 			pricingModel: e.pricingModel
 		});
 	}, [U?.id]);
-	let Xe = i((e, t) => {
-		U && (E.emit("store.product.installed", {
+	let Ze = a((e, t) => {
+		U && (x.emit("store.product.installed", {
 			productId: U.id,
 			workspaceId: e
-		}), console.log(`Successfully installed ${U.name} to workspace ${t} (${e})`));
-	}, [U, E]), Ze = i((e) => {
+		}), console.log(`Successfully installed ${U.name} to workspace ${t} (${e})`), g());
+	}, [
+		U,
+		x,
+		g
+	]), Qe = a((e) => {
 		console.error("Installation failed:", e.message);
-	}, []), Qe = i(() => {
-		I(H?.userReview?.title ?? ""), R(H?.userReview?.comment ?? ""), B(H?.userReview?.rating ?? 5), j(null), M("success"), P(!0);
-	}, [H?.userReview]), $e = i(async () => {
+	}, []), $e = a(() => {
+		N(H?.userReview?.title ?? ""), F(H?.userReview?.comment ?? ""), L(H?.userReview?.rating ?? 5), O(null), k("success"), j(!0);
+	}, [H?.userReview]), et = a(async () => {
 		if (!U) return;
-		if (z < 1 || z > 5) {
-			M("error"), j("Choose a rating from 1 to 5 stars.");
+		if (I < 1 || I > 5) {
+			k("error"), O("Choose a rating from 1 to 5 stars.");
 			return;
 		}
 		let e = {
 			productId: U.id,
-			rating: z,
-			title: F.trim() || void 0,
-			comment: L.trim() || void 0
+			rating: I,
+			title: M.trim() || void 0,
+			comment: P.trim() || void 0
 		};
-		if (!(H?.userReview ? await x(H.userReview.id, {
+		if (!(H?.userReview ? await y(H.userReview.id, {
 			rating: e.rating,
 			title: e.title,
 			comment: e.comment
-		}) : await y(e))) {
-			M("error"), j("We could not save your review. Please try again.");
+		}) : await _(e))) {
+			k("error"), O("We could not save your review. Please try again.");
 			return;
 		}
-		M("success"), j(H?.userReview ? "Your review was updated." : "Your review was submitted."), P(!1), E.emit("store.review.submitted", {
+		k("success"), O(H?.userReview ? "Your review was updated." : "Your review was submitted."), j(!1), x.emit("store.review.submitted", {
 			productId: U.id,
-			rating: z
+			rating: I
 		}), await V();
 	}, [
-		E,
-		y,
+		x,
+		_,
 		U,
 		H?.userReview,
 		V,
-		L,
-		z,
-		F,
-		x
-	]), et = i(async () => {
+		P,
+		I,
+		M,
+		y
+	]), tt = a(async () => {
 		if (H?.userReview && (se("medium"), await oe({
 			title: "Delete review",
 			message: "Are you sure you want to remove your review?",
 			okButtonTitle: "Delete",
 			cancelButtonTitle: "Cancel"
 		}) !== !1)) {
-			if (!await C(H.userReview.id)) {
-				M("error"), j("We could not remove your review. Please try again."), ce("error");
+			if (!await b(H.userReview.id)) {
+				k("error"), O("We could not remove your review. Please try again."), i("error");
 				return;
 			}
-			M("success"), j("Your review was removed."), P(!1), I(""), R(""), B(5), ce("success"), await V();
+			k("success"), O("Your review was removed."), j(!1), N(""), F(""), L(5), i("success"), await V();
 		}
 	}, [
-		C,
+		b,
 		H?.userReview,
 		V
-	]), tt = i(async (e) => {
-		ze(e), await T(e) && await V(), ze(null);
-	}, [T, V]);
-	if (Ue) return /* @__PURE__ */ d(Te, {});
-	if (We) return /* @__PURE__ */ d(Ee, {
-		error: We,
+	]), nt = a(async (e) => {
+		R(e), await Ie(e) && await V(), R(null);
+	}, [Ie, V]);
+	if (Ge) return /* @__PURE__ */ d(Te, {});
+	if (B) return /* @__PURE__ */ d(Ee, {
+		error: B,
 		onRetry: V,
 		onBack: () => u(`${p}/marketplace`)
 	});
@@ -612,7 +616,7 @@ var Se = (e, t) => ({
 			]
 		})
 	});
-	let { reviews: K, reviewsCount: nt, relatedProducts: q, ratingDistribution: J, isPurchased: Y, userEntitlement: X } = H, Z = U, Q = J ? J.fiveStars + J.fourStars + J.threeStars + J.twoStars + J.oneStar : 0, rt = J ? [
+	let { reviews: K, reviewsCount: rt, relatedProducts: q, ratingDistribution: J, isPurchased: Y, userEntitlement: X } = H, Z = U, Q = J ? J.fiveStars + J.fourStars + J.threeStars + J.twoStars + J.oneStar : 0, it = J ? [
 		{
 			stars: 5,
 			count: J.fiveStars,
@@ -638,7 +642,7 @@ var Se = (e, t) => ({
 			count: J.oneStar,
 			percentage: Q > 0 ? J.oneStar / Q * 100 : 0
 		}
-	] : [], it = Z.requiredPermissions || [], at = Z.integrationDeps || [], ot = () => Z.pricingModel === "FREE" ? "Free" : Z.pricingModel === "SUBSCRIPTION" ? `${r(Z.price, Z.currency)}/mo` : r(Z.price, Z.currency), $ = Z.pricingModel === "FREE" || Z.price === 0;
+	] : [], at = Z.requiredPermissions || [], ot = Z.integrationDeps || [], st = () => Z.pricingModel === "FREE" ? "Free" : Z.pricingModel === "SUBSCRIPTION" ? `${r(Z.price, Z.currency)}/mo` : r(Z.price, Z.currency), $ = Z.pricingModel === "FREE" || Z.price === 0;
 	return /* @__PURE__ */ f("div", {
 		className: "h-full overflow-y-auto bg-bg-base",
 		children: [
@@ -707,7 +711,7 @@ var Se = (e, t) => ({
 												/* @__PURE__ */ d(l, { className: "size-4 fill-current text-status-warning-text" }),
 												/* @__PURE__ */ f("span", {
 													className: "ml-1 text-xs text-text-muted",
-													children: [n(nt || Z.reviewCount), " reviews"]
+													children: [n(rt || Z.reviewCount), " reviews"]
 												})
 											]
 										}),
@@ -733,14 +737,14 @@ var Se = (e, t) => ({
 										})
 									]
 								}),
-								Fe && /* @__PURE__ */ d("div", {
+								T && /* @__PURE__ */ d("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: Fe
+									children: T
 								}),
 								/* @__PURE__ */ f("div", {
 									className: "mb-6 flex items-center gap-3",
-									children: [Ae ? /* @__PURE__ */ f("button", {
+									children: [Ne ? /* @__PURE__ */ f("button", {
 										type: "button",
 										disabled: !0,
 										className: "flex items-center gap-2 rounded-full bg-status-success-bg-subtle px-8 py-3 font-medium text-status-success-text cursor-default",
@@ -757,26 +761,26 @@ var Se = (e, t) => ({
 										}), "Installed"]
 									}) : Y && !$ ? /* @__PURE__ */ d("button", {
 										type: "button",
-										onClick: qe,
+										onClick: Je,
 										className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
 										children: "Install to Workspace"
 									}) : $ ? /* @__PURE__ */ d("button", {
 										type: "button",
-										onClick: qe,
+										onClick: Je,
 										className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
 										children: "Install"
 									}) : /* @__PURE__ */ d("button", {
 										type: "button",
-										onClick: Ke,
-										disabled: Pe || v,
+										onClick: qe,
+										disabled: Be || je,
 										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: Pe || v ? /* @__PURE__ */ f(_e, { children: [/* @__PURE__ */ d(me, { className: "size-4 animate-spin" }), "Processing…"] }) : `Buy ${ot()}`
+										children: Be || je ? /* @__PURE__ */ f(_e, { children: [/* @__PURE__ */ d(me, { className: "size-4 animate-spin" }), "Processing…"] }) : `Buy ${st()}`
 									}), !$ && !Y && /* @__PURE__ */ f("button", {
 										type: "button",
-										onClick: Ge,
-										disabled: g,
+										onClick: Ke,
+										disabled: ke,
 										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: [g ? /* @__PURE__ */ d(me, { className: "size-4 animate-spin" }) : G ? /* @__PURE__ */ d(pe, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ d(ge, { className: "size-4" }), G ? "In Cart" : "Add to Cart"]
+										children: [ke ? /* @__PURE__ */ d(me, { className: "size-4 animate-spin" }) : G ? /* @__PURE__ */ d(pe, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ d(ge, { className: "size-4" }), G ? "In Cart" : "Add to Cart"]
 									})]
 								}),
 								/* @__PURE__ */ f("p", {
@@ -850,13 +854,13 @@ var Se = (e, t) => ({
 									/* @__PURE__ */ f("div", {
 										className: "text-sm leading-relaxed text-text-secondary",
 										children: [/* @__PURE__ */ d("p", {
-											className: D ? "" : "line-clamp-4",
+											className: S ? "" : "line-clamp-4",
 											children: Z.longDescription || Z.description || "No description available."
 										}), ((Z.longDescription || Z.description)?.length ?? 0) > 200 && /* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => Me(!D),
+											onClick: () => Re(!S),
 											className: "cursor-pointer mt-3 text-sm font-medium text-text-link",
-											children: D ? "Show less" : "Show more"
+											children: S ? "Show less" : "Show more"
 										})]
 									}),
 									Z.tags && Z.tags.length > 0 && /* @__PURE__ */ d("div", {
@@ -901,12 +905,12 @@ var Se = (e, t) => ({
 													}),
 													/* @__PURE__ */ f("p", {
 														className: "text-sm text-text-muted",
-														children: [n(nt || Z.reviewCount), " reviews"]
+														children: [n(rt || Z.reviewCount), " reviews"]
 													})
 												]
-											}), rt.length > 0 && /* @__PURE__ */ d("div", {
+											}), it.length > 0 && /* @__PURE__ */ d("div", {
 												className: "flex-1 space-y-1.5",
-												children: rt.map((e) => /* @__PURE__ */ d(Ce, { ...e }, e.stars))
+												children: it.map((e) => /* @__PURE__ */ d(Ce, { ...e }, e.stars))
 											})]
 										}) : /* @__PURE__ */ f("div", {
 											className: "flex flex-col items-center justify-center py-6 text-center",
@@ -932,18 +936,18 @@ var Se = (e, t) => ({
 											]
 										}), /* @__PURE__ */ f("div", {
 											className: "mt-6 border-t border-border-default pt-4",
-											children: [Ie && /* @__PURE__ */ d("p", {
-												role: Le === "success" ? "status" : "alert",
-												className: `mb-3 rounded-lg px-3 py-2 text-sm ${Le === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
-												children: Ie
+											children: [D && /* @__PURE__ */ d("p", {
+												role: Ve === "success" ? "status" : "alert",
+												className: `mb-3 rounded-lg px-3 py-2 text-sm ${Ve === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
+												children: D
 											}), Y || H?.userReview ? /* @__PURE__ */ f("div", {
 												className: "space-y-4",
 												children: [/* @__PURE__ */ d("button", {
 													type: "button",
-													onClick: () => N ? P(!1) : Qe(),
+													onClick: () => A ? j(!1) : $e(),
 													className: "w-full cursor-pointer py-2 text-center text-sm font-medium text-text-primary transition-colors hover:text-text-link",
-													children: H?.userReview ? N ? "Cancel review editing" : "Edit your review" : N ? "Cancel review" : "Write a Review"
-												}), N && /* @__PURE__ */ f("div", {
+													children: H?.userReview ? A ? "Cancel review editing" : "Edit your review" : A ? "Cancel review" : "Write a Review"
+												}), A && /* @__PURE__ */ f("div", {
 													className: "rounded-xl border border-border-default bg-bg-sunken p-4",
 													children: [
 														/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
@@ -959,8 +963,8 @@ var Se = (e, t) => ({
 																5
 															].map((e) => /* @__PURE__ */ f("button", {
 																type: "button",
-																onClick: () => B(e),
-																className: `cursor-pointer rounded-full border px-3 py-1.5 text-sm transition-colors ${z === e ? "border-action-primary-border bg-action-primary-bg text-action-primary-text" : "border-border-default bg-bg-surface text-text-primary hover:bg-bg-surface"}`,
+																onClick: () => L(e),
+																className: `cursor-pointer rounded-full border px-3 py-1.5 text-sm transition-colors ${I === e ? "border-action-primary-border bg-action-primary-bg text-action-primary-text" : "border-border-default bg-bg-surface text-text-primary hover:bg-bg-surface"}`,
 																children: [e, " ★"]
 															}, e))
 														})] }),
@@ -968,8 +972,8 @@ var Se = (e, t) => ({
 															className: "mt-4 block text-sm font-medium text-text-primary",
 															children: ["Title", /* @__PURE__ */ d("input", {
 																"aria-label": "Review title",
-																value: F,
-																onChange: (e) => I(e.target.value),
+																value: M,
+																onChange: (e) => N(e.target.value),
 																className: "mt-2 w-full rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-border",
 																placeholder: "Summarize your experience"
 															})]
@@ -978,8 +982,8 @@ var Se = (e, t) => ({
 															className: "mt-4 block text-sm font-medium text-text-primary",
 															children: ["Review", /* @__PURE__ */ d("textarea", {
 																"aria-label": "Review body",
-																value: L,
-																onChange: (e) => R(e.target.value),
+																value: P,
+																onChange: (e) => F(e.target.value),
 																rows: 4,
 																required: !0,
 																"aria-required": "true",
@@ -991,16 +995,16 @@ var Se = (e, t) => ({
 															className: "mt-4 flex flex-wrap gap-3",
 															children: [/* @__PURE__ */ d("button", {
 																type: "button",
-																onClick: $e,
-																disabled: b || S,
+																onClick: et,
+																disabled: v || Pe,
 																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: b || S ? "Saving..." : H?.userReview ? "Update Review" : "Submit Review"
+																children: v || Pe ? "Saving..." : H?.userReview ? "Update Review" : "Submit Review"
 															}), H?.userReview && /* @__PURE__ */ d("button", {
 																type: "button",
-																onClick: et,
-																disabled: w,
+																onClick: tt,
+																disabled: Fe,
 																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: w ? "Removing..." : "Delete Review"
+																children: Fe ? "Removing..." : "Delete Review"
 															})]
 														})
 													]
@@ -1015,16 +1019,16 @@ var Se = (e, t) => ({
 										className: "mt-4 space-y-3",
 										children: [/* @__PURE__ */ d("ul", {
 											className: "space-y-3",
-											children: (O ? K : K.slice(0, 2)).map((e) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(we, {
+											children: (C ? K : K.slice(0, 2)).map((e) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(we, {
 												review: e,
-												onMarkHelpful: tt,
-												markingHelpful: je && Re === e.id
+												onMarkHelpful: nt,
+												markingHelpful: Le && He === e.id
 											}) }, e.id))
 										}), K.length > 2 && /* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => Ne(!O),
+											onClick: () => ze(!C),
 											className: "cursor-pointer text-sm font-medium text-text-link",
-											children: O ? "Show less" : `Show all ${K.length} reviews`
+											children: C ? "Show less" : `Show all ${K.length} reviews`
 										})]
 									}),
 									(!K || K.length === 0) && /* @__PURE__ */ d("p", {
@@ -1033,14 +1037,14 @@ var Se = (e, t) => ({
 									})
 								]
 							}),
-							it.length > 0 && /* @__PURE__ */ f("section", {
+							at.length > 0 && /* @__PURE__ */ f("section", {
 								className: "mb-8",
 								children: [/* @__PURE__ */ d("h2", {
 									className: "mb-4 text-lg font-medium text-text-primary",
 									children: "Required Permissions"
 								}), /* @__PURE__ */ d("div", {
 									className: "space-y-2",
-									children: it.map((e) => /* @__PURE__ */ f("div", {
+									children: at.map((e) => /* @__PURE__ */ f("div", {
 										className: "flex items-center gap-3 rounded-lg bg-bg-surface px-4 py-3",
 										children: [/* @__PURE__ */ d(c, { className: "size-5 text-status-success-text" }), /* @__PURE__ */ d("span", {
 											className: "text-sm text-text-primary",
@@ -1049,14 +1053,14 @@ var Se = (e, t) => ({
 									}, e))
 								})]
 							}),
-							at.length > 0 && /* @__PURE__ */ f("section", {
+							ot.length > 0 && /* @__PURE__ */ f("section", {
 								className: "mb-8",
 								children: [/* @__PURE__ */ d("h2", {
 									className: "mb-4 text-lg font-medium text-text-primary",
 									children: "Integrations"
 								}), /* @__PURE__ */ d("div", {
 									className: "flex flex-wrap gap-2",
-									children: at.map((e) => /* @__PURE__ */ d("span", {
+									children: ot.map((e) => /* @__PURE__ */ d("span", {
 										className: "rounded-lg bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary",
 										children: e
 									}, e))
@@ -1218,9 +1222,9 @@ var Se = (e, t) => ({
 					})]
 				})
 			}),
-			Z && /* @__PURE__ */ d(le, {
-				isOpen: Be,
-				onClose: () => Ve(!1),
+			Z && /* @__PURE__ */ d(ce, {
+				isOpen: Ue,
+				onClose: () => z(!1),
 				app: {
 					id: Z.id,
 					name: Z.name,
@@ -1230,8 +1234,8 @@ var Se = (e, t) => ({
 					version: Z.manifestVersion
 				},
 				purchaseState: Y && !$ ? "purchased" : "free",
-				onInstallSuccess: Xe,
-				onInstallError: Ze
+				onInstallSuccess: Ze,
+				onInstallError: Qe
 			})
 		]
 	});