@decocms/apps 0.23.3 → 0.24.0

package/vtex/loaders/search.ts

@@ -9,7 +9,7 @@
  *
  * @see https://developers.vtex.com/docs/api-reference/intelligent-search-api
  */
-import { intelligentSearch, getVtexConfig } from "../client";
+import { getVtexConfig, intelligentSearch } from "../client";
 import type { Suggestion } from "../utils/types";
 
 // ---------------------------------------------------------------------------
@@ -22,12 +22,12 @@ import type { Suggestion } from "../utils/types";
  * @param locale - BCP-47 locale (defaults to the configured locale or "pt-BR")
  */
 export async function getTopSearches(locale?: string): Promise<Suggestion> {
-  const cfg = getVtexConfig();
-  const effectiveLocale = locale ?? cfg.locale ?? "pt-BR";
+	const cfg = getVtexConfig();
+	const effectiveLocale = locale ?? cfg.locale ?? "pt-BR";
 
-  return intelligentSearch<Suggestion>("/top_searches", {
-    locale: effectiveLocale,
-  });
+	return intelligentSearch<Suggestion>("/top_searches", {
+		locale: effectiveLocale,
+	});
 }
 
 // ---------------------------------------------------------------------------
@@ -35,12 +35,12 @@ export async function getTopSearches(locale?: string): Promise<Suggestion> {
 // ---------------------------------------------------------------------------
 
 export interface FacetsSearchProps {
-  query?: string;
-  facets?: string;
-  sort?: string;
-  count?: number;
-  page?: number;
-  locale?: string;
+	query?: string;
+	facets?: string;
+	sort?: string;
+	count?: number;
+	page?: number;
+	locale?: string;
 }
 
 /**
@@ -53,17 +53,17 @@ export interface FacetsSearchProps {
  * Returns the raw IS response or `null` when nothing is found.
  */
 export async function validateProductSearch<T = unknown>(
-  props: FacetsSearchProps,
-  fetcher: (props: FacetsSearchProps) => Promise<T[] | null>,
+	props: FacetsSearchProps,
+	fetcher: (props: FacetsSearchProps) => Promise<T[] | null>,
 ): Promise<T[] | null> {
-  const results = await fetcher(props);
-  if (results !== null && results.length > 0) return results;
+	const results = await fetcher(props);
+	if (results !== null && results.length > 0) return results;
 
-  if (props.facets) {
-    return fetcher({ ...props, facets: "" });
-  }
+	if (props.facets) {
+		return fetcher({ ...props, facets: "" });
+	}
 
-  return null;
+	return null;
 }
 
 // ---------------------------------------------------------------------------
@@ -71,29 +71,29 @@ export async function validateProductSearch<T = unknown>(
 // ---------------------------------------------------------------------------
 
 interface ProductIdOption {
-  value: string;
-  label: string;
-  image?: string;
+	value: string;
+	label: string;
+	image?: string;
 }
 
 interface ISSuggestionProduct {
-  productId: string;
-  productName: string;
-  brand: string;
-  linkText: string;
-  items: Array<{
-    itemId: string;
-    name: string;
-    images: Array<{ imageUrl: string; imageText: string }>;
-    sellers: Array<{
-      commertialOffer: { Price: number; ListPrice: number };
-    }>;
-  }>;
+	productId: string;
+	productName: string;
+	brand: string;
+	linkText: string;
+	items: Array<{
+		itemId: string;
+		name: string;
+		images: Array<{ imageUrl: string; imageText: string }>;
+		sellers: Array<{
+			commertialOffer: { Price: number; ListPrice: number };
+		}>;
+	}>;
 }
 
 interface ISSuggestionResponse {
-  searches: Array<{ term: string; count: number }>;
-  products: ISSuggestionProduct[];
+	searches: Array<{ term: string; count: number }>;
+	products: ISSuggestionProduct[];
 }
 
 /**
@@ -102,26 +102,23 @@ interface ISSuggestionResponse {
  *
  * Hits the IS autocomplete_suggestions endpoint.
  */
-export async function getProductIdByTerm(
-  term?: string,
-): Promise<ProductIdOption[]> {
-  const query = (term ?? "").trim();
-  if (!query) return [];
-
-  const data = await intelligentSearch<ISSuggestionResponse>(
-    "/autocomplete_suggestions/",
-    { query },
-  );
-
-  if (!data.products?.length) {
-    return [{ value: "No products found", label: "No products found" }];
-  }
-
-  return data.products.flatMap((product) =>
-    (product.items ?? []).map((item) => ({
-      value: item.itemId,
-      label: `${item.itemId} - ${product.productName} ${item.name} - ${product.productId}`,
-      image: item.images?.[0]?.imageUrl,
-    })),
-  );
+export async function getProductIdByTerm(term?: string): Promise<ProductIdOption[]> {
+	const query = (term ?? "").trim();
+	if (!query) return [];
+
+	const data = await intelligentSearch<ISSuggestionResponse>("/autocomplete_suggestions/", {
+		query,
+	});
+
+	if (!data.products?.length) {
+		return [{ value: "No products found", label: "No products found" }];
+	}
+
+	return data.products.flatMap((product) =>
+		(product.items ?? []).map((item) => ({
+			value: item.itemId,
+			label: `${item.itemId} - ${product.productName} ${item.name} - ${product.productId}`,
+			image: item.images?.[0]?.imageUrl,
+		})),
+	);
 }

package/vtex/loaders/session.ts

@@ -23,14 +23,11 @@ import { vtexFetch, vtexIOGraphQL } from "../client";
  *
  * @see https://developers.vtex.com/docs/api-reference/session-manager-api#get-/api/sessions
  */
-export async function getSession<T = any>(
-  items: string[] = ["*"],
-  authCookie: string,
-): Promise<T> {
-  const qs = new URLSearchParams({ items: items.join(",") });
-  return vtexFetch<T>(`/api/sessions?${qs}`, {
-    headers: { cookie: authCookie },
-  });
+export async function getSession<T = any>(items: string[] = ["*"], authCookie: string): Promise<T> {
+	const qs = new URLSearchParams({ items: items.join(",") });
+	return vtexFetch<T>(`/api/sessions?${qs}`, {
+		headers: { cookie: authCookie },
+	});
 }
 
 // ---------------------------------------------------------------------------
@@ -38,21 +35,21 @@ export async function getSession<T = any>(
 // ---------------------------------------------------------------------------
 
 export interface LoginSession {
-  id: string;
-  cacheId: string;
-  deviceType: string;
-  city: string;
-  lastAccess: string;
-  browser: string;
-  os: string;
-  ip: string;
-  fullAddress: string;
-  firstAccess: string;
+	id: string;
+	cacheId: string;
+	deviceType: string;
+	city: string;
+	lastAccess: string;
+	browser: string;
+	os: string;
+	ip: string;
+	fullAddress: string;
+	firstAccess: string;
 }
 
 export interface LoginSessionsInfo {
-  currentLoginSessionId: string;
-  loginSessions: LoginSession[];
+	currentLoginSessionId: string;
+	loginSessions: LoginSession[];
 }
 
 const USER_SESSIONS_QUERY = `query getUserSessions {
@@ -77,15 +74,10 @@ const USER_SESSIONS_QUERY = `query getUserSessions {
  * Fetch all active login sessions for the currently authenticated user.
  * Requires a valid VTEX auth cookie.
  */
-export async function getUserSessions(
-  authCookie: string,
-): Promise<LoginSessionsInfo> {
-  const { loginSessionsInfo } = await vtexIOGraphQL<{
-    loginSessionsInfo: LoginSessionsInfo;
-  }>(
-    { query: USER_SESSIONS_QUERY },
-    { cookie: authCookie },
-  );
+export async function getUserSessions(authCookie: string): Promise<LoginSessionsInfo> {
+	const { loginSessionsInfo } = await vtexIOGraphQL<{
+		loginSessionsInfo: LoginSessionsInfo;
+	}>({ query: USER_SESSIONS_QUERY }, { cookie: authCookie });
 
-  return loginSessionsInfo;
+	return loginSessionsInfo;
 }

package/vtex/loaders/user.ts

@@ -14,26 +14,26 @@ import { vtexIOGraphQL } from "../client";
 // ---------------------------------------------------------------------------
 
 export interface Person {
-  "@id": string;
-  email: string;
-  givenName?: string;
-  familyName?: string;
-  taxID?: string;
-  gender?: string;
-  telephone?: string;
+	"@id": string;
+	email: string;
+	givenName?: string;
+	familyName?: string;
+	taxID?: string;
+	gender?: string;
+	telephone?: string;
 }
 
 interface VtexUser {
-  id: string;
-  userId: string;
-  email: string;
-  firstName?: string;
-  lastName?: string;
-  profilePicture?: string;
-  gender?: string;
-  document?: string;
-  homePhone?: string;
-  businessPhone?: string;
+	id: string;
+	userId: string;
+	email: string;
+	firstName?: string;
+	lastName?: string;
+	profilePicture?: string;
+	gender?: string;
+	document?: string;
+	homePhone?: string;
+	businessPhone?: string;
 }
 
 // ---------------------------------------------------------------------------
@@ -61,29 +61,27 @@ const USER_QUERY = `query getUserProfile {
  *
  * @param authCookie - Raw `cookie` header value from the user request.
  */
-export async function getUser(
-  authCookie: string,
-): Promise<Person | null> {
-  try {
-    const { profile: user } = await vtexIOGraphQL<{ profile: VtexUser }>(
-      { query: USER_QUERY },
-      { cookie: authCookie },
-    );
+export async function getUser(authCookie: string): Promise<Person | null> {
+	try {
+		const { profile: user } = await vtexIOGraphQL<{ profile: VtexUser }>(
+			{ query: USER_QUERY },
+			{ cookie: authCookie },
+		);
 
-    return {
-      "@id": user.userId ?? user.id,
-      email: user.email,
-      givenName: user.firstName,
-      familyName: user.lastName,
-      taxID: user.document?.replace(/[^\d]/g, ""),
-      gender: user.gender
-        ? user.gender === "f"
-          ? "https://schema.org/Female"
-          : "https://schema.org/Male"
-        : undefined,
-      telephone: user.homePhone ?? user.businessPhone,
-    };
-  } catch {
-    return null;
-  }
+		return {
+			"@id": user.userId ?? user.id,
+			email: user.email,
+			givenName: user.firstName,
+			familyName: user.lastName,
+			taxID: user.document?.replace(/[^\d]/g, ""),
+			gender: user.gender
+				? user.gender === "f"
+					? "https://schema.org/Female"
+					: "https://schema.org/Male"
+				: undefined,
+			telephone: user.homePhone ?? user.businessPhone,
+		};
+	} catch {
+		return null;
+	}
 }

package/vtex/loaders/wishlist.ts

@@ -14,17 +14,17 @@ import { vtexIOGraphQL } from "../client";
 // ---------------------------------------------------------------------------
 
 export interface WishlistItem {
-  id: string;
-  productId: string;
-  sku: string;
-  title: string;
+	id: string;
+	productId: string;
+	sku: string;
+	title: string;
 }
 
 export interface GetWishlistOpts {
-  shopperId: string;
-  count?: number;
-  page?: number;
-  allRecords?: boolean;
+	shopperId: string;
+	count?: number;
+	page?: number;
+	allRecords?: boolean;
 }
 
 // ---------------------------------------------------------------------------
@@ -55,35 +55,35 @@ const WISHLIST_QUERY = `query GetWishlist($shopperId: String!, $name: String!, $
  * @param opts.allRecords - When true, ignores pagination and returns every item.
  */
 export async function getWishlist(
-  authCookie: string,
-  opts: GetWishlistOpts,
+	authCookie: string,
+	opts: GetWishlistOpts,
 ): Promise<WishlistItem[]> {
-  try {
-    const { viewList } = await vtexIOGraphQL<{
-      viewList: { name?: string; data: WishlistItem[] };
-    }>(
-      {
-        operationName: "GetWishlist",
-        query: WISHLIST_QUERY,
-        variables: {
-          name: "Wishlist",
-          shopperId: opts.shopperId,
-        },
-      },
-      { cookie: authCookie },
-    );
+	try {
+		const { viewList } = await vtexIOGraphQL<{
+			viewList: { name?: string; data: WishlistItem[] };
+		}>(
+			{
+				operationName: "GetWishlist",
+				query: WISHLIST_QUERY,
+				variables: {
+					name: "Wishlist",
+					shopperId: opts.shopperId,
+				},
+			},
+			{ cookie: authCookie },
+		);
 
-    const data = viewList.data ?? [];
+		const data = viewList.data ?? [];
 
-    if (opts.allRecords) return data;
+		if (opts.allRecords) return data;
 
-    const count = opts.count ?? Infinity;
-    const page = opts.page ?? 0;
-    return data.slice(count * page, count * (page + 1));
-  } catch (error) {
-    if (error instanceof DOMException && error.name === "AbortError") {
-      throw error;
-    }
-    return [];
-  }
+		const count = opts.count ?? Infinity;
+		const page = opts.page ?? 0;
+		return data.slice(count * page, count * (page + 1));
+	} catch (error) {
+		if (error instanceof DOMException && error.name === "AbortError") {
+			throw error;
+		}
+		return [];
+	}
 }

package/vtex/loaders/wishlistProducts.ts

@@ -4,10 +4,7 @@
  *
  * Ported from deco-cx/apps vtex/loaders/product/wishlist.ts
  */
-import type {
-	Product,
-	ProductListingPage,
-} from "../../commerce/types/commerce";
+import type { Product, ProductListingPage } from "../../commerce/types/commerce";
 import { getWishlist } from "./wishlist";
 
 export interface WishlistProductsProps {
@@ -32,19 +29,10 @@ function withPage(baseUrl: string, page: number): string {
 export async function wishlistProducts(
 	props: WishlistProductsProps,
 ): Promise<ProductListingPage | null> {
-	const {
-		count: recordPerPage = 12,
-		offset = 0,
-		authCookie,
-		shopperId,
-		url: rawUrl,
-	} = props;
+	const { count: recordPerPage = 12, offset = 0, authCookie, shopperId, url: rawUrl } = props;
 
 	const url = new URL(rawUrl);
-	const page = Math.max(
-		0,
-		Number(url.searchParams.get("page") ?? offset) - offset,
-	);
+	const page = Math.max(0, Number(url.searchParams.get("page") ?? offset) - offset);
 	const items = await getWishlist(authCookie, { shopperId, allRecords: true });
 	const records = items.length;
 	const start = page * recordPerPage;