@decocms/apps 0.23.3 → 0.24.0

package/shopify/utils/types.ts

@@ -1,191 +1,191 @@
-import {
-  CountryCode,
-  CurrencyCode,
-  OrderCancelReason,
-  OrderFinancialStatus,
-  OrderFulfillmentStatus,
+import type {
+	CountryCode,
+	CurrencyCode,
+	OrderCancelReason,
+	OrderFinancialStatus,
+	OrderFulfillmentStatus,
 } from "./enums";
 
 type Attribute = {
-  key: string;
-  value?: string;
+	key: string;
+	value?: string;
 };
 
 type MailingAddress = {
-  address1?: string;
-  address2?: string;
-  city?: string;
-  company?: string;
-  country?: string;
-  countryCodeV2?: CountryCode;
-  firstName?: string;
-  formattedArea?: string;
-  id: string;
-  lastName?: string;
-  latitude?: number;
-  longitude?: number;
-  name?: string;
-  phone?: string;
-  province?: string;
-  provinceCode?: string;
-  zip?: string;
+	address1?: string;
+	address2?: string;
+	city?: string;
+	company?: string;
+	country?: string;
+	countryCodeV2?: CountryCode;
+	firstName?: string;
+	formattedArea?: string;
+	id: string;
+	lastName?: string;
+	latitude?: number;
+	longitude?: number;
+	name?: string;
+	phone?: string;
+	province?: string;
+	provinceCode?: string;
+	zip?: string;
 };
 
 type MoneyV2 = {
-  amount: number;
-  currencyCode: CurrencyCode;
+	amount: number;
+	currencyCode: CurrencyCode;
 };
 
 type AppliedGiftCard = {
-  amountUsed: MoneyV2;
-  balance: MoneyV2;
-  id: string;
-  lastCharacters: string;
-  presentmentAmountUsed: MoneyV2;
+	amountUsed: MoneyV2;
+	balance: MoneyV2;
+	id: string;
+	lastCharacters: string;
+	presentmentAmountUsed: MoneyV2;
 };
 
 type ShippingRate = {
-  handle: string;
-  price: MoneyV2;
-  title: string;
+	handle: string;
+	price: MoneyV2;
+	title: string;
 };
 
 type AvailableShippingRates = {
-  ready: boolean;
-  shippingRates?: ShippingRate[];
+	ready: boolean;
+	shippingRates?: ShippingRate[];
 };
 
 type CheckoutBuyerIdentity = {
-  countryCode: CountryCode;
+	countryCode: CountryCode;
 };
 
 type Order = {
-  billingAddress?: MailingAddress;
-  cancelReason?: OrderCancelReason;
-  canceledAt?: Date;
-  currencyCode: CurrencyCode;
-  currentSubtotalPrice: MoneyV2;
-  currentTotalDuties?: MoneyV2;
-  currentTotalPrice: MoneyV2;
-  currentTotalTax: MoneyV2;
-  customAttributes: Attribute[];
-  customerLocale?: string;
-  customerUrl?: string;
-  edited: boolean;
-  email?: string;
-  financialStatus?: OrderFinancialStatus;
-  fulfillmentStatus: OrderFulfillmentStatus;
-  id: string;
-  name: string;
-  orderNumber: number;
-  originalTotalDuties?: MoneyV2;
-  originalTotalPrice: MoneyV2;
-  phone?: string;
-  processedAt: Date;
-  shippingAddress?: MailingAddress;
+	billingAddress?: MailingAddress;
+	cancelReason?: OrderCancelReason;
+	canceledAt?: Date;
+	currencyCode: CurrencyCode;
+	currentSubtotalPrice: MoneyV2;
+	currentTotalDuties?: MoneyV2;
+	currentTotalPrice: MoneyV2;
+	currentTotalTax: MoneyV2;
+	customAttributes: Attribute[];
+	customerLocale?: string;
+	customerUrl?: string;
+	edited: boolean;
+	email?: string;
+	financialStatus?: OrderFinancialStatus;
+	fulfillmentStatus: OrderFulfillmentStatus;
+	id: string;
+	name: string;
+	orderNumber: number;
+	originalTotalDuties?: MoneyV2;
+	originalTotalPrice: MoneyV2;
+	phone?: string;
+	processedAt: Date;
+	shippingAddress?: MailingAddress;
 };
 
 type Checkout = {
-  appliedGiftCards: AppliedGiftCard[];
-  availableShippingRates?: AvailableShippingRates;
-  buyerIdentity: CheckoutBuyerIdentity;
-  completedAt?: Date;
-  createdAt: Date;
-  currencyCode: CurrencyCode;
-  customAttributes: Attribute[];
-  email?: string;
-  id: string;
-  lineItemsSubtotalPrice: MoneyV2;
-  note: string;
-  order: Order;
-  orderStatusUrl: string;
-  paymentDue: MoneyV2;
-  ready: boolean;
-  requireShipping: boolean;
-  shippingAddress: MailingAddress;
+	appliedGiftCards: AppliedGiftCard[];
+	availableShippingRates?: AvailableShippingRates;
+	buyerIdentity: CheckoutBuyerIdentity;
+	completedAt?: Date;
+	createdAt: Date;
+	currencyCode: CurrencyCode;
+	customAttributes: Attribute[];
+	email?: string;
+	id: string;
+	lineItemsSubtotalPrice: MoneyV2;
+	note: string;
+	order: Order;
+	orderStatusUrl: string;
+	paymentDue: MoneyV2;
+	ready: boolean;
+	requireShipping: boolean;
+	shippingAddress: MailingAddress;
 };
 
 type Customer = {
-  acceptsMarketing: boolean;
-  createdAt: Date;
-  defaultAddress: MailingAddress;
-  displayName: string;
-  email: string;
-  firstName: string;
-  id: string;
-  checkout: Checkout;
+	acceptsMarketing: boolean;
+	createdAt: Date;
+	defaultAddress: MailingAddress;
+	displayName: string;
+	email: string;
+	firstName: string;
+	id: string;
+	checkout: Checkout;
 };
 
 type CartBuyerIdentity = {
-  countryCode: string;
-  customer: Customer;
+	countryCode: string;
+	customer: Customer;
 };
 
 export type OldCart = {
-  attribute?: Attribute;
-  attributes?: Attribute[];
-  buyerIdentity?: CartBuyerIdentity;
-  id: string;
+	attribute?: Attribute;
+	attributes?: Attribute[];
+	buyerIdentity?: CartBuyerIdentity;
+	id: string;
 };
 
 export interface Money {
-  amount: number;
-  currencyCode: string;
+	amount: number;
+	currencyCode: string;
 }
 
 export interface Image {
-  url: string;
-  width: number;
-  height: number;
-  altText: string;
+	url: string;
+	width: number;
+	height: number;
+	altText: string;
 }
 
 export interface Media {
-  nodes: Media[];
+	nodes: Media[];
 }
 
 export interface Media {
-  alt: string;
-  previewImage: Image;
-  mediaContentType: string;
+	alt: string;
+	previewImage: Image;
+	mediaContentType: string;
 }
 
 export interface Option {
-  name: string;
-  values: string[];
+	name: string;
+	values: string[];
 }
 
 export interface PriceRange {
-  minVariantPrice: Price;
-  maxVariantPrice: Price;
+	minVariantPrice: Price;
+	maxVariantPrice: Price;
 }
 
 export interface Price {
-  amount: string;
-  currencyCode: string;
+	amount: string;
+	currencyCode: string;
 }
 
 export interface SEO {
-  title: string;
-  description: string;
+	title: string;
+	description: string;
 }
 
 export interface SelectedOption {
-  name: string;
-  value: string;
+	name: string;
+	value: string;
 }
 
 export interface UnitPriceMeasurement {
-  measuredType: null;
-  quantityValue: number;
-  referenceUnit: null;
-  quantityUnit: null;
+	measuredType: null;
+	quantityValue: number;
+	referenceUnit: null;
+	quantityUnit: null;
 }
 
 /**
  * @title {{{key}}}
  */
 export interface Metafield {
-  namespace: string;
-  key: string;
+	namespace: string;
+	key: string;
 }

package/shopify/utils/user.ts

@@ -5,19 +5,19 @@ const CUSTOMER_COOKIE = "secure_customer_sig";
 const ONE_WEEK_MS = 7 * 24 * 3600 * 1_000;
 
 export const getUserCookie = (headers: Headers): string | undefined => {
-  const cookies = getCookies(headers);
+	const cookies = getCookies(headers);
 
-  return cookies[CUSTOMER_COOKIE];
+	return cookies[CUSTOMER_COOKIE];
 };
 
 export const setUserCookie = (headers: Headers, accessToken: string) => {
-  setCookie(headers, {
-    name: CUSTOMER_COOKIE,
-    value: accessToken,
-    path: "/",
-    expires: new Date(Date.now() + ONE_WEEK_MS),
-    httpOnly: true,
-    secure: true,
-    sameSite: "Lax",
-  });
+	setCookie(headers, {
+		name: CUSTOMER_COOKIE,
+		value: accessToken,
+		path: "/",
+		expires: new Date(Date.now() + ONE_WEEK_MS),
+		httpOnly: true,
+		secure: true,
+		sameSite: "Lax",
+	});
 };

package/shopify/utils/utils.ts

@@ -1,164 +1,159 @@
-import {
-  InputMaybe,
-  ProductCollectionSortKeys,
-  ProductFilter,
-  SearchSortKeys as SearchSortKeysShopify,
+import type {
+	InputMaybe,
+	ProductCollectionSortKeys,
+	ProductFilter,
+	SearchSortKeys as SearchSortKeysShopify,
 } from "../utils/storefront/storefront.graphql.gen";
 
 export const sortOptions = [
-  { value: "", label: "relevance:desc" },
-  { value: "price-ascending", label: "price:asc" },
-  { value: "price-descending", label: "price:desc" },
-  { value: "best-selling", label: "orders:desc" },
-  { value: "title-ascending", label: "name:asc" },
-  { value: "title-descending", label: "name:desc" },
-  { value: "created-descending", label: "release:desc" },
+	{ value: "", label: "relevance:desc" },
+	{ value: "price-ascending", label: "price:asc" },
+	{ value: "price-descending", label: "price:desc" },
+	{ value: "best-selling", label: "orders:desc" },
+	{ value: "title-ascending", label: "name:asc" },
+	{ value: "title-descending", label: "name:desc" },
+	{ value: "created-descending", label: "release:desc" },
 ];
 
 // only these sorts work for search at shopify
 export const searchSortOptions = [
-  { value: "", label: "relevance:desc" },
-  { value: "price-ascending", label: "price:asc" },
-  { value: "price-descending", label: "price:desc" },
+	{ value: "", label: "relevance:desc" },
+	{ value: "price-ascending", label: "price:asc" },
+	{ value: "price-descending", label: "price:desc" },
 ];
 
 export type CollectionSortKeys =
-  | ""
-  | "price-descending"
-  | "price-ascending"
-  | "best-selling"
-  | "title-descending"
-  | "title-ascending"
-  | "created-descending";
+	| ""
+	| "price-descending"
+	| "price-ascending"
+	| "best-selling"
+	| "title-descending"
+	| "title-ascending"
+	| "created-descending";
 
-export type SearchSortKeys =
-  | ""
-  | "price-descending"
-  | "price-ascending";
+export type SearchSortKeys = "" | "price-descending" | "price-ascending";
 
 export const searchSortShopify: Record<
-  string,
-  { sortKey: SearchSortKeysShopify; reverse: boolean }
+	string,
+	{ sortKey: SearchSortKeysShopify; reverse: boolean }
 > = {
-  "": {
-    sortKey: "RELEVANCE",
-    reverse: false,
-  },
-  "price-descending": {
-    sortKey: "PRICE",
-    reverse: true,
-  },
-  "price-ascending": {
-    sortKey: "PRICE",
-    reverse: false,
-  },
+	"": {
+		sortKey: "RELEVANCE",
+		reverse: false,
+	},
+	"price-descending": {
+		sortKey: "PRICE",
+		reverse: true,
+	},
+	"price-ascending": {
+		sortKey: "PRICE",
+		reverse: false,
+	},
 };
 
 export const sortShopify: Record<
-  string,
-  {
-    sortKey: ProductCollectionSortKeys | SearchSortKeysShopify;
-    reverse: boolean;
-  }
+	string,
+	{
+		sortKey: ProductCollectionSortKeys | SearchSortKeysShopify;
+		reverse: boolean;
+	}
 > = {
-  "": {
-    sortKey: "RELEVANCE",
-    reverse: false,
-  },
-  "price-descending": {
-    sortKey: "PRICE",
-    reverse: true,
-  },
-  "price-ascending": {
-    sortKey: "PRICE",
-    reverse: false,
-  },
-  "best-selling": {
-    sortKey: "BEST_SELLING",
-    reverse: false,
-  },
-  "title-descending": {
-    sortKey: "TITLE",
-    reverse: true,
-  },
-  "title-ascending": {
-    sortKey: "TITLE",
-    reverse: false,
-  },
-  "created-descending": {
-    sortKey: "CREATED",
-    reverse: true,
-  },
+	"": {
+		sortKey: "RELEVANCE",
+		reverse: false,
+	},
+	"price-descending": {
+		sortKey: "PRICE",
+		reverse: true,
+	},
+	"price-ascending": {
+		sortKey: "PRICE",
+		reverse: false,
+	},
+	"best-selling": {
+		sortKey: "BEST_SELLING",
+		reverse: false,
+	},
+	"title-descending": {
+		sortKey: "TITLE",
+		reverse: true,
+	},
+	"title-ascending": {
+		sortKey: "TITLE",
+		reverse: false,
+	},
+	"created-descending": {
+		sortKey: "CREATED",
+		reverse: true,
+	},
 };
 
-export const filterToObject = (
-  type: string,
-  filter: InputMaybe<ProductFilter>,
-) => {
-  if (type == "tag") {
-    return { tag: filter?.tag };
-  }
-  if (type == "productType") {
-    return { productType: filter?.productType };
-  }
-  if (type == "productVendor") {
-    return { productVendor: filter?.productVendor };
-  }
-  if (type == "priceMin") {
-    return { price: { min: filter?.price?.min } };
-  }
-  if (type == "priceMax") {
-    return { price: { max: filter?.price?.max } };
-  }
-  if (type == "variantOption") {
-    return { variantOption: filter?.variantOption };
-  }
+export const filterToObject = (type: string, filter: InputMaybe<ProductFilter>) => {
+	if (type === "tag") {
+		return { tag: filter?.tag };
+	}
+	if (type === "productType") {
+		return { productType: filter?.productType };
+	}
+	if (type === "productVendor") {
+		return { productVendor: filter?.productVendor };
+	}
+	if (type === "priceMin") {
+		return { price: { min: filter?.price?.min } };
+	}
+	if (type === "priceMax") {
+		return { price: { max: filter?.price?.max } };
+	}
+	if (type === "variantOption") {
+		return { variantOption: filter?.variantOption };
+	}
+	return undefined;
 };
 
 export const getFiltersByUrl = (url: URL) => {
-  const filters: InputMaybe<ProductFilter[]> | undefined = [];
-  url.searchParams.forEach((value, key) => {
-    if (key.startsWith("filter.v.option")) {
-      filters.push({
-        variantOption: { name: key.split(".")[3], value: value },
-      });
-    } else if (key.startsWith("filter.p.tag")) {
-      filters.push({ tag: value });
-    } else if (key.startsWith("filter.p.type")) {
-      filters.push({ productType: value });
-    } else if (key.startsWith("filter.p.product_type")) {
-      filters.push({ productType: value });
-    } else if (key.startsWith("filter.p.vendor")) {
-      filters.push({ productVendor: value });
-    } else if (key.startsWith("filter.v.availability")) {
-      filters.push({ available: value.toLowerCase() === "in stock" });
-    } else if (key.startsWith("filter.v.price.gte")) {
-      filters.push({ price: { min: Number(value) } });
-    } else if (key.startsWith("filter.v.price.lte")) {
-      filters.push({ price: { max: Number(value) } });
-    } else if (key.startsWith("filter.p.m.custom")) {
-      filters.push({
-        productMetafield: {
-          namespace: "custom",
-          key: key.replace("filter.p.m.custom.", ""),
-          value: value,
-        },
-      });
-    } else if (key.startsWith("filter.v.t.shopify")) {
-      filters.push({
-        taxonomyMetafield: {
-          namespace: "shopify",
-          key: key.replace("filter.v.t.shopify.", ""),
-          value: value,
-        },
-      });
-    } else if (key.startsWith("filter.p.t.category")) {
-      filters.push({
-        category: {
-          id: value,
-        },
-      });
-    }
-  });
-  return filters;
+	const filters: InputMaybe<ProductFilter[]> | undefined = [];
+	url.searchParams.forEach((value, key) => {
+		if (key.startsWith("filter.v.option")) {
+			filters.push({
+				variantOption: { name: key.split(".")[3], value: value },
+			});
+		} else if (key.startsWith("filter.p.tag")) {
+			filters.push({ tag: value });
+		} else if (key.startsWith("filter.p.type")) {
+			filters.push({ productType: value });
+		} else if (key.startsWith("filter.p.product_type")) {
+			filters.push({ productType: value });
+		} else if (key.startsWith("filter.p.vendor")) {
+			filters.push({ productVendor: value });
+		} else if (key.startsWith("filter.v.availability")) {
+			filters.push({ available: value.toLowerCase() === "in stock" });
+		} else if (key.startsWith("filter.v.price.gte")) {
+			filters.push({ price: { min: Number(value) } });
+		} else if (key.startsWith("filter.v.price.lte")) {
+			filters.push({ price: { max: Number(value) } });
+		} else if (key.startsWith("filter.p.m.custom")) {
+			filters.push({
+				productMetafield: {
+					namespace: "custom",
+					key: key.replace("filter.p.m.custom.", ""),
+					value: value,
+				},
+			});
+		} else if (key.startsWith("filter.v.t.shopify")) {
+			filters.push({
+				taxonomyMetafield: {
+					namespace: "shopify",
+					key: key.replace("filter.v.t.shopify.", ""),
+					value: value,
+				},
+			});
+		} else if (key.startsWith("filter.p.t.category")) {
+			filters.push({
+				category: {
+					id: value,
+				},
+			});
+		}
+	});
+	return filters;
 };