@zuplo/zudoku-plugin-monetization 0.0.2 → 0.0.4

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import { ArrowLeftIcon, CheckIcon, ClockIcon, LockIcon, RefreshCwIcon, ShieldIcon, StarsIcon, Trash2Icon } from "zudoku/icons";
+import { ArrowLeftIcon, CheckIcon, ClockIcon, InfoIcon, LockIcon, RefreshCwIcon, ShieldIcon, StarsIcon, Trash2Icon } from "zudoku/icons";
 import { Link, Outlet, useNavigate, useParams, useSearchParams } from "zudoku/router";
 import { Button, Heading } from "zudoku/components";
 import { useAuth, useZudoku } from "zudoku/hooks";
-import { QueryClient, QueryClientProvider, useMutation, useQuery, useQueryClient, useSuspenseQuery } from "zudoku/react-query";
+import { QueryClient, QueryClientProvider, useMutation, useQuery, useSuspenseQuery } from "zudoku/react-query";
 import { Alert, AlertDescription, AlertTitle } from "zudoku/ui/Alert";
 import { Card, CardContent, CardHeader, CardTitle } from "zudoku/ui/Card";
 import { Separator } from "zudoku/ui/Separator";
@@ -148,6 +148,64 @@ const getPriceFromPlan = (plan) => {
 	};
 };
 
+//#endregion
+//#region src/ZuploMonetizationWrapper.tsx
+const BASE_URL = "https://api.zuploedge.com";
+const createMutationFn = (url, context, init) => {
+	return async (data) => {
+		const urlString = typeof url === "function" ? url(data) : url;
+		const request = new Request(`${BASE_URL}${urlString}`, {
+			method: "POST",
+			...init,
+			headers: {
+				"Content-Type": "application/json",
+				...init?.headers
+			}
+		});
+		const response = await fetch(context ? await context.signRequest(request) : request);
+		if (!response.ok) {
+			if (response.headers.get("content-type")?.includes("application/problem+json")) {
+				const data$1 = await response.json();
+				throw new Error(data$1.detail ?? data$1.title);
+			}
+			const errorText = await response.text();
+			throw new Error(`Request failed: ${response.status} ${errorText}`);
+		}
+		if (response.headers.get("content-type")?.includes("application/json")) return response.json();
+		return response.text();
+	};
+};
+const queryClient = new QueryClient({ defaultOptions: {
+	queries: {
+		retry: false,
+		queryFn: async (q) => {
+			if (!Array.isArray(q.queryKey)) throw new Error("Query key must be an array");
+			if (q.queryKey.length === 0) throw new Error("Query key must be a non-empty array");
+			const url = q.queryKey[0];
+			if (!url || typeof url !== "string") throw new Error("URL is required");
+			const init = q.queryKey[1] ?? {};
+			const request = new Request(`${BASE_URL}${url}`, {
+				...init,
+				headers: {
+					"Content-Type": "application/json",
+					...init.headers
+				}
+			});
+			const response = await fetch(q.meta?.context ? await q.meta.context.signRequest(request) : request);
+			if (!response.ok) throw new Error("Failed to fetch request");
+			return response.json();
+		}
+	},
+	mutations: { retry: false }
+} });
+const ZuploMonetizationWrapper = () => {
+	return /* @__PURE__ */ jsx(QueryClientProvider, {
+		client: queryClient,
+		children: /* @__PURE__ */ jsx(Outlet, {})
+	});
+};
+var ZuploMonetizationWrapper_default = ZuploMonetizationWrapper;
+
 //#endregion
 //#region src/pages/CheckoutConfimPage.tsx
 const formatBillingCycle = (duration) => {
@@ -161,7 +219,6 @@ const formatBillingCycle = (duration) => {
 const CheckoutConfirmPage = ({ environmentName }) => {
 	const [search] = useSearchParams();
 	const planId = search.get("plan");
-	const auth = useAuth();
 	const zudoku = useZudoku();
 	const navigate = useNavigate();
 	const { data: plans } = usePlans(environmentName);
@@ -171,18 +228,10 @@ const CheckoutConfirmPage = ({ environmentName }) => {
 	const price = selectedPlan ? getPriceFromPlan(selectedPlan) : null;
 	const billingCycle = selectedPlan?.billingCadence ? formatDuration(selectedPlan.billingCadence) : null;
 	const createSubscriptionMutation = useMutation({
-		mutationFn: async () => {
-			if (!auth.profile?.email) throw new Error("No email found for user. Make sure your Authentication Provider exposes the email address.");
-			const signedRequest = await zudoku.signRequest(new Request(`https://api.zuploedge.com/v3/zudoku-metering/${environmentName}/subscriptions`, {
-				method: "POST",
-				headers: { "Content-Type": "application/json" },
-				body: JSON.stringify({ planId })
-			}));
-			const response = await fetch(signedRequest);
-			const subscription = await response.json();
-			if (!response.ok) throw new Error(subscription.message);
-			return subscription.id;
-		},
+		mutationFn: createMutationFn(`/v3/zudoku-metering/${environmentName}/subscriptions`, zudoku, {
+			method: "POST",
+			body: JSON.stringify({ planId })
+		}),
 		onSuccess: (subscriptionId) => {
 			navigate(`/subscriptions/${subscriptionId}`);
 		},
@@ -197,11 +246,12 @@ const CheckoutConfirmPage = ({ environmentName }) => {
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex gap-2 text-muted-foreground text-sm items-center pt-4 pb-4",
-					children: [/* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-4" }), "Your payment is secured by Stripe"]
+					children: [/* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-4" }), "Back to Payment Details"]
 				}),
 				" ",
 				createSubscriptionMutation.isError && /* @__PURE__ */ jsxs(Alert, {
 					className: "mb-4",
+					variant: "destructive",
 					children: [/* @__PURE__ */ jsx(AlertTitle, { children: "Error" }), /* @__PURE__ */ jsx(AlertDescription, { children: createSubscriptionMutation.error.message })]
 				}),
 				/* @__PURE__ */ jsxs(Card, {
@@ -349,12 +399,6 @@ const CheckoutPage = ({ environmentName }) => {
 					cancelURL: generateUrl(`/checkout-failed`) + `?${planId ? `plan=${planId}` : ""}`
 				})
 			}));
-			console.log({
-				email: auth.profile?.email,
-				planId,
-				successURL: `${generateUrl(`/checkout-confirm`)}?${planId ? `plan=${planId}` : ""}`,
-				cancelURL: `${generateUrl(`/checkout-failed`)}?${planId ? `plan=${planId}` : ""}`
-			});
 			const checkoutRequest = await fetch(request).then((res) => res.json());
 			if (checkoutRequest.url) window.location.href = checkoutRequest.url;
 			return checkoutRequest;
@@ -404,7 +448,7 @@ const CheckoutPage = ({ environmentName }) => {
 var CheckoutPage_default = CheckoutPage;
 
 //#endregion
-//#region src/pages/PricingPage.tsx
+//#region src/pages/pricing/PricingCard.tsx
 const PricingCard = ({ plan, isPopular = false }) => {
 	const defaultPhase = plan.phases.at(-1);
 	if (!defaultPhase) return null;
@@ -479,8 +523,11 @@ const PricingCard = ({ plan, isPopular = false }) => {
 		]
 	});
 };
+
+//#endregion
+//#region src/pages/PricingPage.tsx
 const PricingPage = ({ environmentName }) => {
-	const { data: pricingTableData } = usePlans(environmentName);
+	const { data: pricingTableData } = useSuspenseQuery({ queryKey: [`/v3/zudoku-metering/${environmentName}/pricing-page`] });
 	const planOrder = [
 		"developer",
 		"startup",
@@ -532,61 +579,9 @@ const useSubscriptions = (environmentName) => {
 	});
 };
 
-//#endregion
-//#region src/ZuploMonetizationWrapper.tsx
-const BASE_URL = "https://api.zuploedge.com";
-const createMutationFn = (url, context, init) => {
-	return async () => {
-		const request = new Request(`${BASE_URL}${url}`, {
-			method: "POST",
-			...init,
-			headers: {
-				"Content-Type": "application/json",
-				...init?.headers
-			}
-		});
-		const response = await fetch(context ? await context.signRequest(request) : request);
-		if (!response.ok) {
-			const errorText = await response.text();
-			throw new Error(`Request failed: ${response.status} ${errorText}`);
-		}
-		return response.json();
-	};
-};
-const client = new QueryClient({ defaultOptions: {
-	queries: {
-		retry: false,
-		queryFn: async (q) => {
-			if (!Array.isArray(q.queryKey)) throw new Error("Query key must be an array");
-			if (q.queryKey.length === 0) throw new Error("Query key must be a non-empty array");
-			const url = q.queryKey[0];
-			if (!url || typeof url !== "string") throw new Error("URL is required");
-			const init = q.queryKey[1] ?? {};
-			const request = new Request(`${BASE_URL}${url}`, {
-				...init,
-				headers: {
-					"Content-Type": "application/json",
-					...init.headers
-				}
-			});
-			const response = await fetch(q.meta?.context ? await q.meta.context.signRequest(request) : request);
-			if (!response.ok) throw new Error("Failed to fetch request");
-			return response.json();
-		}
-	},
-	mutations: { retry: false }
-} });
-const ZuploMonetizationWrapper = () => {
-	return /* @__PURE__ */ jsx(QueryClientProvider, {
-		client,
-		children: /* @__PURE__ */ jsx(Outlet, {})
-	});
-};
-var ZuploMonetizationWrapper_default = ZuploMonetizationWrapper;
-
 //#endregion
 //#region src/pages/subscriptions/ApiKey.tsx
-const ApiKey = ({ apiKey, createdAt, lastUsed, expiresAt, isActive = true, label, apiKeyId }) => {
+const ApiKey = ({ apiKey, createdAt, lastUsed, expiresOn, isActive = true, label, onDelete }) => {
 	const formatDate = (dateString) => {
 		if (!dateString) return "";
 		return new Date(dateString).toLocaleDateString("en-US", {
@@ -609,130 +604,170 @@ const ApiKey = ({ apiKey, createdAt, lastUsed, expiresAt, isActive = true, label
 		if (diffInDays < 30) return `${diffInDays} days ago`;
 		return formatDate(dateString);
 	};
-	const isExpiring = expiresAt && new Date(expiresAt) < new Date(Date.now() + 720 * 60 * 60 * 1e3);
-	const isExpired = expiresAt && new Date(expiresAt) < /* @__PURE__ */ new Date();
-	const handleDelete = () => {
-		console.log("Delete API Key", apiKeyId);
-	};
-	return /* @__PURE__ */ jsx("div", {
-		className: isExpiring && !isExpired ? "border-l-4 border-yellow-500 pl-4" : "",
-		children: /* @__PURE__ */ jsx(Card, {
-			className: isExpiring && !isExpired ? "border-yellow-200 bg-yellow-50" : "",
-			children: /* @__PURE__ */ jsx(CardContent, {
-				className: "p-6",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ jsx("div", {
-							className: "flex items-center justify-between",
-							children: /* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "font-semibold text-base",
-									children: label || "API Key"
-								}), isActive ? /* @__PURE__ */ jsx("span", {
-									className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800",
-									children: "Active"
-								}) : /* @__PURE__ */ jsx("span", {
-									className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800",
-									children: "Expiring"
-								})]
-							})
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-1.5 text-sm text-muted-foreground",
-							children: [
-								/* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ jsx(ClockIcon, { className: "size-3.5" }), /* @__PURE__ */ jsxs("span", { children: ["Created ", formatDate(createdAt)] })]
-								}),
-								/* @__PURE__ */ jsx("span", { children: "•" }),
-								/* @__PURE__ */ jsxs("span", { children: ["Last used ", getTimeAgo(lastUsed)] }),
-								expiresAt,
-								expiresAt && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: "•" }), /* @__PURE__ */ jsxs("span", {
-									className: isExpired ? "text-red-700 font-medium" : isExpiring ? "text-yellow-700 font-medium" : "",
-									children: ["Expires ", formatDate(expiresAt)]
-								})] })
-							]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2 rounded-md font-mono text-sm",
-							children: [/* @__PURE__ */ jsx(Secret, {
-								secret: apiKey,
-								status: isActive ? "active" : "expiring"
-							}), !isActive && /* @__PURE__ */ jsx("button", {
-								onClick: handleDelete,
-								className: "text-red-500 hover:text-red-700 p-1",
-								type: "button",
-								"aria-label": "Delete API key",
-								children: /* @__PURE__ */ jsx(Trash2Icon, { className: "size-4" })
+	const isExpiring = expiresOn && new Date(expiresOn) < new Date(Date.now() + 720 * 60 * 60 * 1e3);
+	const isExpired = expiresOn && new Date(expiresOn) < /* @__PURE__ */ new Date();
+	return /* @__PURE__ */ jsx(Card, {
+		className: isExpiring && !isExpired ? "border-yellow-200 bg-yellow-50" : "",
+		children: /* @__PURE__ */ jsx(CardContent, {
+			className: "p-6",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "flex items-center justify-between",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "font-semibold text-base",
+								children: label || "API Key"
+							}), isActive ? /* @__PURE__ */ jsx("span", {
+								className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800",
+								children: "Active"
+							}) : /* @__PURE__ */ jsx("span", {
+								className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800",
+								children: "Expiring"
 							})]
 						})
-					]
-				})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1.5 text-sm text-muted-foreground",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-1.5",
+								children: [/* @__PURE__ */ jsx(ClockIcon, { className: "size-3.5" }), /* @__PURE__ */ jsxs("span", { children: ["Created ", formatDate(createdAt)] })]
+							}),
+							/* @__PURE__ */ jsx("span", { children: "•" }),
+							/* @__PURE__ */ jsxs("span", { children: ["Last used ", getTimeAgo(lastUsed)] }),
+							expiresOn && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: "•" }), /* @__PURE__ */ jsxs("span", {
+								className: isExpired ? "text-red-700 font-medium" : isExpiring ? "text-yellow-700 font-medium" : "",
+								children: ["Expires ", formatDate(expiresOn)]
+							})] })
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 rounded-md font-mono text-sm",
+						children: [/* @__PURE__ */ jsx(Secret, {
+							secret: apiKey,
+							status: isActive ? "active" : "expiring"
+						}), !isActive && /* @__PURE__ */ jsx("button", {
+							onClick: onDelete,
+							className: "text-red-500 hover:text-red-700 p-1",
+							type: "button",
+							"aria-label": "Delete API key",
+							children: /* @__PURE__ */ jsx(Trash2Icon, { className: "size-4" })
+						})]
+					})
+				]
 			})
 		})
 	});
 };
 
+//#endregion
+//#region src/pages/subscriptions/ApiKeyInfo.tsx
+const ApiKeyInfo = () => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "rounded-lg bg-muted/50 p-4",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-3",
+			children: [/* @__PURE__ */ jsx(InfoIcon, { className: "size-5 shrink-0 text-muted-foreground mt-0.5" }), /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx("h4", {
+					className: "font-medium text-sm",
+					children: "How API key management works"
+				}), /* @__PURE__ */ jsxs("ul", {
+					className: "space-y-1.5 text-sm text-muted-foreground",
+					children: [
+						/* @__PURE__ */ jsx("li", { children: "• Each subscription includes one active API key automatically" }),
+						/* @__PURE__ */ jsx("li", { children: "• Rolling your key creates a new current key and sets the old one to expire in 7 days" }),
+						/* @__PURE__ */ jsx("li", { children: "• Expiring keys can be deleted early if you no longer need them" })
+					]
+				})]
+			})]
+		})
+	});
+};
+
 //#endregion
 //#region src/pages/subscriptions/ApiKeysList.tsx
 const ApiKeysList = ({ apiKeys, deploymentName, consumerId }) => {
-	const queryClient = useQueryClient();
 	const context = useZudoku();
 	const rollKeyMutation = useMutation({
 		mutationFn: createMutationFn(`/v2/client/${deploymentName}/consumers/${consumerId}/roll-key`, context, {
 			method: "POST",
 			body: JSON.stringify({})
 		}),
-		onSuccess: () => {
-			queryClient.invalidateQueries({ queryKey: [`/${deploymentName}/consumers/${consumerId}`] });
+		onSuccess: async () => {
+			await queryClient.invalidateQueries();
+		}
+	});
+	const deleteKeyMutation = useMutation({
+		mutationFn: createMutationFn(({ keyId }) => `/v2/client/${deploymentName}/consumers/${consumerId}/keys/${keyId}`, context, {
+			method: "DELETE",
+			body: JSON.stringify({})
+		}),
+		onSuccess: async () => {
+			await queryClient.invalidateQueries();
 		}
 	});
 	if (!apiKeys || apiKeys.length === 0) return null;
 	const sortedKeys = [...apiKeys].sort((a, b) => {
-		const aExpired = new Date(a.expiresAt) < /* @__PURE__ */ new Date();
-		if (aExpired !== new Date(b.expiresAt) < /* @__PURE__ */ new Date()) return aExpired ? 1 : -1;
+		const aExpired = new Date(a.expiresOn) < /* @__PURE__ */ new Date();
+		if (aExpired !== new Date(b.expiresOn) < /* @__PURE__ */ new Date()) return aExpired ? 1 : -1;
 		return new Date(b.createdOn).getTime() - new Date(a.createdOn).getTime();
 	});
-	const activeKey = sortedKeys.find((k) => !k.expiresAt);
-	const expiringKeys = sortedKeys.filter((k) => !k.expiresAt);
+	const activeKey = sortedKeys.find((k) => !k.expiresOn);
+	const expiringKeys = sortedKeys.filter((k) => typeof k.expiresOn === "string");
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ jsx("h3", {
-				className: "text-lg font-semibold",
-				children: "API Keys"
-			}), /* @__PURE__ */ jsxs(Button$1, {
-				onClick: () => rollKeyMutation.mutate(),
-				disabled: rollKeyMutation.isPending,
-				children: [/* @__PURE__ */ jsx(RefreshCwIcon, { className: `size-4 ${rollKeyMutation.isPending ? "animate-spin" : ""}` }), rollKeyMutation.isPending ? "Rolling..." : "Roll API Key"]
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "space-y-4",
-			children: [activeKey && /* @__PURE__ */ jsx(ApiKey, {
-				deploymentName,
-				consumerId,
-				apiKeyId: activeKey.id,
-				apiKey: activeKey.key,
-				createdAt: activeKey.createdOn,
-				lastUsed: activeKey.updatedOn,
-				expiresAt: activeKey.expiresAt,
-				isActive: true,
-				label: "Current Key"
-			}, activeKey.id), expiringKeys.map((apiKey) => /* @__PURE__ */ jsx(ApiKey, {
-				deploymentName,
-				consumerId,
-				apiKeyId: apiKey.id,
-				apiKey: apiKey.key,
-				createdAt: apiKey.createdOn,
-				lastUsed: apiKey.updatedOn,
-				expiresAt: apiKey.expiresAt,
-				isActive: false,
-				label: "Previous Key"
-			}, apiKey.id))]
-		})]
+		children: [
+			/* @__PURE__ */ jsx(ApiKeyInfo, {}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-lg font-semibold",
+					children: "API Keys"
+				}), /* @__PURE__ */ jsxs(Button$1, {
+					onClick: () => rollKeyMutation.mutateAsync(),
+					disabled: rollKeyMutation.isPending,
+					children: [/* @__PURE__ */ jsx(RefreshCwIcon, { className: `size-4 ${rollKeyMutation.isPending ? "animate-spin" : ""}` }), rollKeyMutation.isPending ? "Rolling..." : "Roll API Key"]
+				})]
+			}),
+			deleteKeyMutation.error && /* @__PURE__ */ jsxs(Alert, {
+				variant: "destructive",
+				children: [/* @__PURE__ */ jsx(AlertTitle, { children: "Could not delete API key" }), /* @__PURE__ */ jsx(AlertDescription, { children: deleteKeyMutation.error.message })]
+			}),
+			rollKeyMutation.error && /* @__PURE__ */ jsxs(Alert, {
+				variant: "destructive",
+				children: [/* @__PURE__ */ jsx(AlertTitle, { children: "Could not roll API key" }), /* @__PURE__ */ jsx(AlertDescription, { children: rollKeyMutation.error.message })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [activeKey && /* @__PURE__ */ jsx(ApiKey, {
+					deploymentName,
+					consumerId,
+					apiKeyId: activeKey.id,
+					apiKey: activeKey.key,
+					createdAt: activeKey.createdOn,
+					lastUsed: activeKey.updatedOn,
+					expiresOn: activeKey.expiresOn,
+					isActive: true,
+					label: "Current Key",
+					onDelete: () => deleteKeyMutation.mutateAsync({ keyId: activeKey.id })
+				}, activeKey.id), expiringKeys.map((apiKey) => /* @__PURE__ */ jsx(ApiKey, {
+					deploymentName,
+					consumerId,
+					apiKeyId: apiKey.id,
+					apiKey: apiKey.key,
+					createdAt: apiKey.createdOn,
+					lastUsed: apiKey.updatedOn,
+					expiresOn: apiKey.expiresOn,
+					isActive: false,
+					label: "Previous Key",
+					onDelete: () => deleteKeyMutation.mutateAsync({ keyId: apiKey.id })
+				}, apiKey.id))]
+			})
+		]
 	});
 };
 
@@ -873,7 +908,7 @@ const enableMonetization = (config, options) => {
 const zuploMonetizationPlugin = (options) => {
 	return {
 		getIdentities: async (context) => {
-			return (await client.fetchQuery({
+			return (await queryClient.fetchQuery({
 				queryKey: [`/v3/zudoku-metering/${options.environmentName}/subscriptions`],
 				meta: { context }
 			})).items.flatMap((item) => item.consumer.apiKeys.map((apiKey) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zuplo/zudoku-plugin-monetization",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.mts",