@decocms/apps 0.23.3 → 0.24.0

package/vtex/hooks/useCart.ts

@@ -16,204 +16,192 @@
  * ```
  */
 
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 
 export interface CartItem {
-  id: string;
-  quantity: number;
-  seller: string;
+	id: string;
+	quantity: number;
+	seller: string;
 }
 
 export interface OrderForm {
-  orderFormId: string;
-  items: CartItem[];
-  totalizers: Array<{ id: string; name: string; value: number }>;
-  value: number;
-  [key: string]: unknown;
+	orderFormId: string;
+	items: CartItem[];
+	totalizers: Array<{ id: string; name: string; value: number }>;
+	value: number;
+	[key: string]: unknown;
 }
 
 const CART_QUERY_KEY = ["vtex", "cart"] as const;
 
 const DEFAULT_EXPECTED_SECTIONS = [
-  "items",
-  "totalizers",
-  "clientProfileData",
-  "shippingData",
-  "paymentData",
-  "sellers",
-  "messages",
-  "marketingData",
-  "clientPreferencesData",
-  "storePreferencesData",
-  "giftRegistryData",
-  "ratesAndBenefitsData",
-  "openTextField",
-  "commercialConditionData",
-  "customData",
+	"items",
+	"totalizers",
+	"clientProfileData",
+	"shippingData",
+	"paymentData",
+	"sellers",
+	"messages",
+	"marketingData",
+	"clientPreferencesData",
+	"storePreferencesData",
+	"giftRegistryData",
+	"ratesAndBenefitsData",
+	"openTextField",
+	"commercialConditionData",
+	"customData",
 ];
 
 function getScParam(): string {
-  if (typeof window !== "undefined") {
-    const match = document.cookie.match(/(?:^|;\s*)VTEXSC=([^;]+)/);
-    return match?.[1] ?? "";
-  }
-  return "";
+	if (typeof window !== "undefined") {
+		const match = document.cookie.match(/(?:^|;\s*)VTEXSC=([^;]+)/);
+		return match?.[1] ?? "";
+	}
+	return "";
 }
 
 function appendSc(url: string): string {
-  const sc = getScParam();
-  if (!sc) return url;
-  return url.includes("?") ? `${url}&sc=${sc}` : `${url}?sc=${sc}`;
+	const sc = getScParam();
+	if (!sc) return url;
+	return url.includes("?") ? `${url}&sc=${sc}` : `${url}?sc=${sc}`;
 }
 
 async function fetchCart(): Promise<OrderForm> {
-  const res = await fetch(appendSc("/api/checkout/pub/orderForm"), {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ expectedOrderFormSections: DEFAULT_EXPECTED_SECTIONS }),
-    credentials: "include",
-  });
-  if (!res.ok) throw new Error(`Cart fetch failed: ${res.status}`);
-  return res.json();
+	const res = await fetch(appendSc("/api/checkout/pub/orderForm"), {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({ expectedOrderFormSections: DEFAULT_EXPECTED_SECTIONS }),
+		credentials: "include",
+	});
+	if (!res.ok) throw new Error(`Cart fetch failed: ${res.status}`);
+	return res.json();
 }
 
 async function addItemsToCart(
-  orderFormId: string,
-  items: Array<{ id: string; quantity: number; seller: string }>,
+	orderFormId: string,
+	items: Array<{ id: string; quantity: number; seller: string }>,
 ): Promise<OrderForm> {
-  const params = new URLSearchParams();
-  params.append("allowedOutdatedData", "paymentData");
-  const sc = getScParam();
-  if (sc) params.set("sc", sc);
-
-  const res = await fetch(
-    `/api/checkout/pub/orderForm/${orderFormId}/items?${params}`,
-    {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ orderItems: items }),
-      credentials: "include",
-    },
-  );
-  if (!res.ok) throw new Error(`Add to cart failed: ${res.status}`);
-  return res.json();
+	const params = new URLSearchParams();
+	params.append("allowedOutdatedData", "paymentData");
+	const sc = getScParam();
+	if (sc) params.set("sc", sc);
+
+	const res = await fetch(`/api/checkout/pub/orderForm/${orderFormId}/items?${params}`, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({ orderItems: items }),
+		credentials: "include",
+	});
+	if (!res.ok) throw new Error(`Add to cart failed: ${res.status}`);
+	return res.json();
 }
 
-async function addCouponsToCart(
-  orderFormId: string,
-  text: string,
-): Promise<OrderForm> {
-  const params = new URLSearchParams();
-  const sc = getScParam();
-  if (sc) params.set("sc", sc);
-
-  const res = await fetch(
-    `/api/checkout/pub/orderForm/${orderFormId}/coupons?${params}`,
-    {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ text }),
-      credentials: "include",
-    },
-  );
-  if (!res.ok) throw new Error(`Add coupon failed: ${res.status}`);
-  return res.json();
+async function addCouponsToCart(orderFormId: string, text: string): Promise<OrderForm> {
+	const params = new URLSearchParams();
+	const sc = getScParam();
+	if (sc) params.set("sc", sc);
+
+	const res = await fetch(`/api/checkout/pub/orderForm/${orderFormId}/coupons?${params}`, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({ text }),
+		credentials: "include",
+	});
+	if (!res.ok) throw new Error(`Add coupon failed: ${res.status}`);
+	return res.json();
 }
 
 async function updateItemQuantity(
-  orderFormId: string,
-  index: number,
-  quantity: number,
+	orderFormId: string,
+	index: number,
+	quantity: number,
 ): Promise<OrderForm> {
-  const params = new URLSearchParams();
-  params.append("allowedOutdatedData", "paymentData");
-  const sc = getScParam();
-  if (sc) params.set("sc", sc);
-
-  const res = await fetch(
-    `/api/checkout/pub/orderForm/${orderFormId}/items/update?${params}`,
-    {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ orderItems: [{ index, quantity }] }),
-      credentials: "include",
-    },
-  );
-  if (!res.ok) throw new Error(`Update quantity failed: ${res.status}`);
-  return res.json();
+	const params = new URLSearchParams();
+	params.append("allowedOutdatedData", "paymentData");
+	const sc = getScParam();
+	if (sc) params.set("sc", sc);
+
+	const res = await fetch(`/api/checkout/pub/orderForm/${orderFormId}/items/update?${params}`, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({ orderItems: [{ index, quantity }] }),
+		credentials: "include",
+	});
+	if (!res.ok) throw new Error(`Update quantity failed: ${res.status}`);
+	return res.json();
 }
 
 export interface UseCartOptions {
-  /** Enable automatic refetching. @default true */
-  enabled?: boolean;
-  /** Stale time in ms. @default 0 (always refetch) */
-  staleTime?: number;
+	/** Enable automatic refetching. @default true */
+	enabled?: boolean;
+	/** Stale time in ms. @default 0 (always refetch) */
+	staleTime?: number;
 }
 
 export function useCart(options?: UseCartOptions) {
-  const queryClient = useQueryClient();
-
-  const query = useQuery({
-    queryKey: CART_QUERY_KEY,
-    queryFn: fetchCart,
-    staleTime: options?.staleTime ?? 0,
-    enabled: options?.enabled !== false,
-  });
-
-  const addItems = useMutation({
-    mutationFn: (items: Array<{ id: string; quantity: number; seller: string }>) => {
-      const orderFormId = query.data?.orderFormId;
-      if (!orderFormId) throw new Error("Cart not loaded");
-      return addItemsToCart(orderFormId, items);
-    },
-    onSuccess: (data) => {
-      queryClient.setQueryData(CART_QUERY_KEY, data);
-    },
-  });
-
-  const updateQuantity = useMutation({
-    mutationFn: ({ index, quantity }: { index: number; quantity: number }) => {
-      const orderFormId = query.data?.orderFormId;
-      if (!orderFormId) throw new Error("Cart not loaded");
-      return updateItemQuantity(orderFormId, index, quantity);
-    },
-    onSuccess: (data) => {
-      queryClient.setQueryData(CART_QUERY_KEY, data);
-    },
-  });
-
-  const removeItem = useMutation({
-    mutationFn: (index: number) => {
-      const orderFormId = query.data?.orderFormId;
-      if (!orderFormId) throw new Error("Cart not loaded");
-      return updateItemQuantity(orderFormId, index, 0);
-    },
-    onSuccess: (data) => {
-      queryClient.setQueryData(CART_QUERY_KEY, data);
-    },
-  });
-
-  const addCoupons = useMutation({
-    mutationFn: (text: string) => {
-      const orderFormId = query.data?.orderFormId;
-      if (!orderFormId) throw new Error("Cart not loaded");
-      return addCouponsToCart(orderFormId, text);
-    },
-    onSuccess: (data) => {
-      queryClient.setQueryData(CART_QUERY_KEY, data);
-    },
-  });
-
-  return {
-    cart: query.data ?? null,
-    isLoading: query.isLoading,
-    isError: query.isError,
-    error: query.error,
-    refetch: query.refetch,
-    addItems,
-    addCoupons,
-    updateQuantity,
-    removeItem,
-    itemCount: query.data?.items?.length ?? 0,
-  };
+	const queryClient = useQueryClient();
+
+	const query = useQuery({
+		queryKey: CART_QUERY_KEY,
+		queryFn: fetchCart,
+		staleTime: options?.staleTime ?? 0,
+		enabled: options?.enabled !== false,
+	});
+
+	const addItems = useMutation({
+		mutationFn: (items: Array<{ id: string; quantity: number; seller: string }>) => {
+			const orderFormId = query.data?.orderFormId;
+			if (!orderFormId) throw new Error("Cart not loaded");
+			return addItemsToCart(orderFormId, items);
+		},
+		onSuccess: (data) => {
+			queryClient.setQueryData(CART_QUERY_KEY, data);
+		},
+	});
+
+	const updateQuantity = useMutation({
+		mutationFn: ({ index, quantity }: { index: number; quantity: number }) => {
+			const orderFormId = query.data?.orderFormId;
+			if (!orderFormId) throw new Error("Cart not loaded");
+			return updateItemQuantity(orderFormId, index, quantity);
+		},
+		onSuccess: (data) => {
+			queryClient.setQueryData(CART_QUERY_KEY, data);
+		},
+	});
+
+	const removeItem = useMutation({
+		mutationFn: (index: number) => {
+			const orderFormId = query.data?.orderFormId;
+			if (!orderFormId) throw new Error("Cart not loaded");
+			return updateItemQuantity(orderFormId, index, 0);
+		},
+		onSuccess: (data) => {
+			queryClient.setQueryData(CART_QUERY_KEY, data);
+		},
+	});
+
+	const addCoupons = useMutation({
+		mutationFn: (text: string) => {
+			const orderFormId = query.data?.orderFormId;
+			if (!orderFormId) throw new Error("Cart not loaded");
+			return addCouponsToCart(orderFormId, text);
+		},
+		onSuccess: (data) => {
+			queryClient.setQueryData(CART_QUERY_KEY, data);
+		},
+	});
+
+	return {
+		cart: query.data ?? null,
+		isLoading: query.isLoading,
+		isError: query.isError,
+		error: query.error,
+		refetch: query.refetch,
+		addItems,
+		addCoupons,
+		updateQuantity,
+		removeItem,
+		itemCount: query.data?.items?.length ?? 0,
+	};
 }

package/vtex/hooks/useUser.ts

@@ -20,59 +20,59 @@
 import { useQuery } from "@tanstack/react-query";
 
 export interface VtexUser {
-  email?: string;
-  firstName?: string;
-  lastName?: string;
-  userId?: string;
-  isLoggedIn: boolean;
+	email?: string;
+	firstName?: string;
+	lastName?: string;
+	userId?: string;
+	isLoggedIn: boolean;
 }
 
 const USER_QUERY_KEY = ["vtex", "user"] as const;
 
 async function fetchUser(): Promise<VtexUser> {
-  try {
-    const res = await fetch(
-      "/api/sessions?items=profile.email,profile.firstName,profile.lastName,profile.id",
-      { credentials: "include" },
-    );
-    if (!res.ok) return { isLoggedIn: false };
+	try {
+		const res = await fetch(
+			"/api/sessions?items=profile.email,profile.firstName,profile.lastName,profile.id",
+			{ credentials: "include" },
+		);
+		if (!res.ok) return { isLoggedIn: false };
 
-    const data = await res.json();
-    const profile = data?.namespaces?.profile;
+		const data = await res.json();
+		const profile = data?.namespaces?.profile;
 
-    const email = profile?.email?.value;
-    if (!email) return { isLoggedIn: false };
+		const email = profile?.email?.value;
+		if (!email) return { isLoggedIn: false };
 
-    return {
-      email,
-      firstName: profile?.firstName?.value,
-      lastName: profile?.lastName?.value,
-      userId: profile?.id?.value,
-      isLoggedIn: true,
-    };
-  } catch {
-    return { isLoggedIn: false };
-  }
+		return {
+			email,
+			firstName: profile?.firstName?.value,
+			lastName: profile?.lastName?.value,
+			userId: profile?.id?.value,
+			isLoggedIn: true,
+		};
+	} catch {
+		return { isLoggedIn: false };
+	}
 }
 
 export interface UseUserOptions {
-  enabled?: boolean;
-  staleTime?: number;
+	enabled?: boolean;
+	staleTime?: number;
 }
 
 export function useUser(options?: UseUserOptions) {
-  const query = useQuery({
-    queryKey: USER_QUERY_KEY,
-    queryFn: fetchUser,
-    staleTime: options?.staleTime ?? 30_000,
-    enabled: options?.enabled !== false,
-  });
+	const query = useQuery({
+		queryKey: USER_QUERY_KEY,
+		queryFn: fetchUser,
+		staleTime: options?.staleTime ?? 30_000,
+		enabled: options?.enabled !== false,
+	});
 
-  return {
-    user: query.data ?? null,
-    isLoggedIn: query.data?.isLoggedIn ?? false,
-    isLoading: query.isLoading,
-    isError: query.isError,
-    refetch: query.refetch,
-  };
+	return {
+		user: query.data ?? null,
+		isLoggedIn: query.data?.isLoggedIn ?? false,
+		isLoading: query.isLoading,
+		isError: query.isError,
+		refetch: query.refetch,
+	};
 }

package/vtex/hooks/useWishlist.ts

@@ -20,100 +20,100 @@
  * ```
  */
 
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 
 export interface WishlistItem {
-  id: string;
-  productId: string;
-  sku: string;
+	id: string;
+	productId: string;
+	sku: string;
 }
 
 const WISHLIST_QUERY_KEY = ["vtex", "wishlist"] as const;
 
 async function fetchWishlist(): Promise<WishlistItem[]> {
-  const res = await fetch("/deco/invoke/vtex/loaders/wishlist", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({}),
-    credentials: "include",
-  });
-  if (!res.ok) {
-    if (res.status === 401) return [];
-    throw new Error(`Wishlist fetch failed: ${res.status}`);
-  }
-  return res.json();
+	const res = await fetch("/deco/invoke/vtex/loaders/wishlist", {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({}),
+		credentials: "include",
+	});
+	if (!res.ok) {
+		if (res.status === 401) return [];
+		throw new Error(`Wishlist fetch failed: ${res.status}`);
+	}
+	return res.json();
 }
 
 async function addToWishlist(item: { productId: string; sku: string }): Promise<void> {
-  const res = await fetch("/deco/invoke/vtex/actions/wishlist/addItem", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(item),
-    credentials: "include",
-  });
-  if (!res.ok) throw new Error(`Add to wishlist failed: ${res.status}`);
+	const res = await fetch("/deco/invoke/vtex/actions/wishlist/addItem", {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify(item),
+		credentials: "include",
+	});
+	if (!res.ok) throw new Error(`Add to wishlist failed: ${res.status}`);
 }
 
 async function removeFromWishlist(id: string): Promise<void> {
-  const res = await fetch("/deco/invoke/vtex/actions/wishlist/removeItem", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ id }),
-    credentials: "include",
-  });
-  if (!res.ok) throw new Error(`Remove from wishlist failed: ${res.status}`);
+	const res = await fetch("/deco/invoke/vtex/actions/wishlist/removeItem", {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({ id }),
+		credentials: "include",
+	});
+	if (!res.ok) throw new Error(`Remove from wishlist failed: ${res.status}`);
 }
 
 export interface UseWishlistOptions {
-  enabled?: boolean;
-  staleTime?: number;
+	enabled?: boolean;
+	staleTime?: number;
 }
 
 export function useWishlist(options?: UseWishlistOptions) {
-  const queryClient = useQueryClient();
+	const queryClient = useQueryClient();
 
-  const query = useQuery({
-    queryKey: WISHLIST_QUERY_KEY,
-    queryFn: fetchWishlist,
-    staleTime: options?.staleTime ?? 60_000,
-    enabled: options?.enabled !== false,
-  });
+	const query = useQuery({
+		queryKey: WISHLIST_QUERY_KEY,
+		queryFn: fetchWishlist,
+		staleTime: options?.staleTime ?? 60_000,
+		enabled: options?.enabled !== false,
+	});
 
-  const items = query.data ?? [];
-  const productIdSet = new Set(items.map((i) => i.productId));
+	const items = query.data ?? [];
+	const productIdSet = new Set(items.map((i) => i.productId));
 
-  const addMutation = useMutation({
-    mutationFn: addToWishlist,
-    onSuccess: () => queryClient.invalidateQueries({ queryKey: WISHLIST_QUERY_KEY }),
-  });
+	const addMutation = useMutation({
+		mutationFn: addToWishlist,
+		onSuccess: () => queryClient.invalidateQueries({ queryKey: WISHLIST_QUERY_KEY }),
+	});
 
-  const removeMutation = useMutation({
-    mutationFn: removeFromWishlist,
-    onSuccess: () => queryClient.invalidateQueries({ queryKey: WISHLIST_QUERY_KEY }),
-  });
+	const removeMutation = useMutation({
+		mutationFn: removeFromWishlist,
+		onSuccess: () => queryClient.invalidateQueries({ queryKey: WISHLIST_QUERY_KEY }),
+	});
 
-  function isInWishlist(productId: string): boolean {
-    return productIdSet.has(productId);
-  }
+	function isInWishlist(productId: string): boolean {
+		return productIdSet.has(productId);
+	}
 
-  function toggle(item: { productId: string; sku: string }) {
-    const existing = items.find((i) => i.productId === item.productId);
-    if (existing) {
-      removeMutation.mutate(existing.id);
-    } else {
-      addMutation.mutate(item);
-    }
-  }
+	function toggle(item: { productId: string; sku: string }) {
+		const existing = items.find((i) => i.productId === item.productId);
+		if (existing) {
+			removeMutation.mutate(existing.id);
+		} else {
+			addMutation.mutate(item);
+		}
+	}
 
-  return {
-    items,
-    isLoading: query.isLoading || addMutation.isPending || removeMutation.isPending,
-    isError: query.isError,
-    isInWishlist,
-    toggle,
-    add: addMutation,
-    remove: removeMutation,
-    refetch: query.refetch,
-    count: items.length,
-  };
+	return {
+		items,
+		isLoading: query.isLoading || addMutation.isPending || removeMutation.isPending,
+		isError: query.isError,
+		isInWishlist,
+		toggle,
+		add: addMutation,
+		remove: removeMutation,
+		refetch: query.refetch,
+		count: items.length,
+	};
 }

package/vtex/inline-loaders/productDetailsPage.ts

@@ -61,9 +61,7 @@ export default async function vtexProductDetailsPage(
 				title: product.productTitle || product.productName,
 				description: preferDescription
 					? product.description
-					: product.metaTagDescription ||
-						product.description?.substring(0, 160) ||
-						"",
+					: product.metaTagDescription || product.description?.substring(0, 160) || "",
 				canonical: `/${product.linkText}/p`,
 				noIndexing: indexingSkus ? false : !!skuId,
 			},