Added locale metadata for products and product page

lib/bigcommerce/api/operations/get-all-products.ts

@@ -4,11 +4,14 @@ import type {
 } from '@lib/bigcommerce/schema'
 import type { RecursivePartial, RecursiveRequired } from '../utils/types'
 import filterEdges from '../utils/filter-edges'
+import setProductLocaleMeta from '../utils/set-product-locale-meta'
 import { productConnectionFragment } from '../fragments/product'
 import { BigcommerceConfig, getConfig, Images, ProductImageVariables } from '..'
 
 export const getAllProductsQuery = /* GraphQL */ `
   query getAllProducts(
+    $hasLocale: Boolean = false
+    $locale: String = "null"
     $entityIds: [Int!]
     $first: Int = 10
     $imgSmallWidth: Int = 320
@@ -69,7 +72,10 @@ export type ProductTypes =
   | 'newestProducts'
 
 export type ProductVariables = { field?: ProductTypes } & Images &
-  Omit<GetAllProductsQueryVariables, ProductTypes | keyof ProductImageVariables>
+  Omit<
+    GetAllProductsQueryVariables,
+    ProductTypes | keyof ProductImageVariables | 'hasLocale'
+  >
 
 async function getAllProducts(opts?: {
   variables?: ProductVariables
@@ -96,9 +102,12 @@ async function getAllProducts({
 } = {}): Promise<GetAllProductsResult> {
   config = getConfig(config)
 
+  const locale = vars.locale || config.locale
   const variables: GetAllProductsQueryVariables = {
     ...config.imageVariables,
     ...vars,
+    locale,
+    hasLocale: !!locale,
   }
 
   if (!FIELDS.includes(field)) {
@@ -115,11 +124,16 @@ async function getAllProducts({
     query,
     { variables }
   )
-  const products = data.site?.[field]?.edges
+  const edges = data.site?.[field]?.edges
+  const products = filterEdges(edges as RecursiveRequired<typeof edges>)
 
-  return {
-    products: filterEdges(products as RecursiveRequired<typeof products>),
+  if (locale && config.applyLocale) {
+    products.forEach((product: RecursivePartial<ProductEdge>) => {
+      if (product.node) setProductLocaleMeta(product.node)
+    })
   }
+
+  return { products }
 }
 
 export default getAllProducts

lib/bigcommerce/api/operations/get-product.ts

@@ -3,11 +3,14 @@ import type {
   GetProductQueryVariables,
 } from 'lib/bigcommerce/schema'
 import type { RecursivePartial, RecursiveRequired } from '../utils/types'
+import setProductLocaleMeta from '../utils/set-product-locale-meta'
 import { productInfoFragment } from '../fragments/product'
 import { BigcommerceConfig, getConfig, Images } from '..'
 
 export const getProductQuery = /* GraphQL */ `
   query getProduct(
+    $hasLocale: Boolean = false
+    $locale: String = "null"
     $path: String!
     $imgSmallWidth: Int = 320
     $imgSmallHeight: Int
@@ -42,8 +45,10 @@ export type GetProductResult<
   T extends { product?: any } = { product?: ProductNode }
 > = T
 
-export type ProductVariables = Images &
-  ({ path: string; slug?: never } | { path?: never; slug: string })
+export type ProductVariables = Images & { locale?: string } & (
+    | { path: string; slug?: never }
+    | { path?: never; slug: string }
+  )
 
 async function getProduct(opts: {
   variables: ProductVariables
@@ -66,9 +71,13 @@ async function getProduct({
   config?: BigcommerceConfig
 }): Promise<GetProductResult> {
   config = getConfig(config)
+
+  const locale = vars.locale || config.locale
   const variables: GetProductQueryVariables = {
     ...config.imageVariables,
     ...vars,
+    locale,
+    hasLocale: !!locale,
     path: slug ? `/${slug}/` : vars.path!,
   }
   const { data } = await config.fetch<RecursivePartial<GetProductQuery>>(
@@ -78,6 +87,10 @@ async function getProduct({
   const product = data.site?.route?.node
 
   if (product?.__typename === 'Product') {
+    if (locale && config.applyLocale) {
+      setProductLocaleMeta(product)
+    }
+
     return {
       product: product as RecursiveRequired<typeof product>,
     }