@kasuvia/sdk 0.0.8 → 0.0.9

package/src/services/product.service.ts

@@ -1,776 +1,154 @@
 /**
  * Product Service
- * 
+ *
  * Handles product operations using GraphQL.
  * Stateless - all configuration passed as parameters.
  */
-import { GraphQLClient } from 'graphql-request'
 import type { Product, PaginatedResponse, ListParams } from '../types/store'
+import { ProductTypeEnum } from '../types/store'
 import type { SdkConfig } from '../config'
+import { createGraphQLClient } from '../utils/graphql-url'
+import {
+  GetStorefrontProductsDocument,
+  GetStorefrontProductBySlugDocument,
+  GetStorefrontPopularDocument,
+  GetStorefrontFeaturedDocument,
+  GetStorefrontNewDocument,
+  GetStorefrontOnSaleDocument,
+  GetStorefrontRecommendedDocument,
+  type ProductFieldsFragment,
+  type ProductType as GeneratedProductType,
+} from '../generated/graphql'
 
 /**
- * Create GraphQL client with provided config
+ * REAL BUG FIXED (2026-09-21), live-reproduced — the root cause of "nothing
+ * e-commerce-related works": kasuvia-store-management's ProductType is a
+ * Python Enum (`PHYSICAL = "physical"`, schema.py:16-20). Strawberry
+ * GraphQL serializes an enum field using the member NAME over the wire —
+ * standard, spec-correct GraphQL behavior (GraphQL enum values are
+ * conventionally ALL_CAPS) — so `storefront_products { items { product_type
+ * } } }` has always actually returned `"PHYSICAL"`/`"DIGITAL"`/`"SERVICE"`/
+ * `"BESPOKE"`, never the lowercase value every frontend `product_type ===
+ * "physical"` check (ProductCTA, ProductInfo, ProductTypeDetails,
+ * ProductCard, CheckoutClient, getGuestCartProductType — every one of them)
+ * was written assuming. Every type-aware branch silently fell through to
+ * whatever its default/fallback case was, for every single product,
+ * platform-wide — confirmed live: a real SERVICE product rendered a plain
+ * "Add to Cart" button instead of any service-specific flow.
+ *
+ * Originally fixed with a blind `.toLowerCase()` at the single point every
+ * product enters the SDK from GraphQL. Now that `product_type` is a real
+ * generated union (`GeneratedProductType`, from graphql-codegen against the
+ * live schema — see graphql/schema.graphql), this is an exhaustive switch
+ * instead: if kasuvia-store-management ever adds a 5th ProductType member,
+ * this function fails to COMPILE until it's handled here, rather than
+ * silently lowercasing an unrecognised string at runtime.
  */
-function createGraphQLClient(config: SdkConfig): GraphQLClient {
-  const headers: Record<string, string> = {
-    'Content-Type': 'application/json',
-    'Accept': 'application/json',
-    'X-Storefront-Key': config.storefrontApiKey,
-    'X-Business-ID': config.businessId,
-  }
-  return new GraphQLClient(`${config.backendUrls.store}/graphql`, { headers })
-}
-
-const GET_STOREFRONT_PRODUCTS = `
-  query GetStorefrontProducts($page: Int!, $pageSize: Int!, $collectionSlug: String, $search: String) {
-    storefront_products(page: $page, pageSize: $pageSize, collectionSlug: $collectionSlug, search: $search) {
-      items {
-        id
-        business_id
-        name
-        slug
-        description
-        brand
-        product_type
-        requires_shipping
-        is_consumable
-        is_bespoke
-        base_price
-        currency
-        images
-        tags
-        custom_fields { label unit required }
-        is_published
-        is_featured
-        is_popular
-        is_new
-        is_temporary
-        digital_file_key
-        download_limit
-        download_expires_at
-        weight_kg
-        length_cm
-        width_cm
-        height_cm
-        created_at
-        updated_at
-        variants {
-          id
-          product_id
-          sku
-          attributes
-          price
-          images
-          weight_kg
-          is_active
-          inventory {
-            id
-            product_id
-            variant_id
-            quantity
-            reserved
-            reorder_point
-            reorder_quantity
-            track_quantity
-            allow_backorder
-            available
-            is_in_stock
-            is_low_stock
-            updated_at
-          }
-          created_at
-          updated_at
-        }
-        collections {
-          id
-          business_id
-          name
-          slug
-          description
-          image
-          collection_type
-          rules
-          status
-          sort_order
-          created_at
-          updated_at
-        }
-      }
-      total
-      page
-      page_size
-      total_pages
-    }
-  }
-`
-
-const GET_STOREFRONT_PRODUCT_BY_SLUG = `
-  query GetStorefrontProductBySlug($slug: String!) {
-    storefront_product_by_slug(slug: $slug) {
-      id
-      business_id
-      name
-      slug
-      description
-      brand
-      product_type
-      requires_shipping
-      is_consumable
-      is_bespoke
-      base_price
-      currency
-      images
-      tags
-      custom_fields { label unit required }
-      is_published
-      is_featured
-      is_popular
-      is_new
-      is_temporary
-      digital_file_key
-      download_limit
-      download_expires_at
-      weight_kg
-      length_cm
-      width_cm
-      height_cm
-      created_at
-      updated_at
-      variants {
-        id
-        product_id
-        sku
-        attributes
-        price
-        images
-        weight_kg
-        is_active
-        inventory {
-          id
-          product_id
-          variant_id
-          quantity
-          reserved
-          reorder_point
-          reorder_quantity
-          track_quantity
-          allow_backorder
-          available
-          is_in_stock
-          is_low_stock
-          updated_at
-        }
-        created_at
-        updated_at
-      }
-      collections {
-        id
-        business_id
-        name
-        slug
-        description
-        image
-        collection_type
-        rules
-        status
-        sort_order
-        created_at
-        updated_at
-      }
-    }
-  }
-`
-
-const GET_STOREFRONT_LATEST = `
-  query GetStorefrontLatest($page: Int!, $pageSize: Int!) {
-    storefront_latest(page: $page, pageSize: $pageSize) {
-      items {
-        id
-        business_id
-        name
-        slug
-        description
-        brand
-        product_type
-        requires_shipping
-        is_consumable
-        is_bespoke
-        base_price
-        currency
-        images
-        tags
-        custom_fields { label unit required }
-        is_published
-        is_featured
-        is_popular
-        is_new
-        is_temporary
-        digital_file_key
-        download_limit
-        download_expires_at
-        weight_kg
-        length_cm
-        width_cm
-        height_cm
-        created_at
-        updated_at
-        variants {
-          id
-          product_id
-          sku
-          attributes
-          price
-          images
-          weight_kg
-          is_active
-          inventory {
-            id
-            product_id
-            variant_id
-            quantity
-            reserved
-            reorder_point
-            reorder_quantity
-            track_quantity
-            allow_backorder
-            available
-            is_in_stock
-            is_low_stock
-            updated_at
-          }
-          created_at
-          updated_at
-        }
-        collections {
-          id
-          business_id
-          name
-          slug
-          description
-          image
-          collection_type
-          rules
-          status
-          sort_order
-          created_at
-          updated_at
-        }
-      }
-      total
-      page
-      page_size
-      total_pages
-    }
-  }
-`
-
-const GET_STOREFRONT_POPULAR = `
-  query GetStorefrontPopular($page: Int!, $pageSize: Int!) {
-    storefront_popular(page: $page, pageSize: $pageSize) {
-      items {
-        id
-        business_id
-        name
-        slug
-        description
-        brand
-        product_type
-        requires_shipping
-        is_consumable
-        is_bespoke
-        base_price
-        currency
-        images
-        tags
-        custom_fields { label unit required }
-        is_published
-        is_featured
-        is_popular
-        is_new
-        is_temporary
-        digital_file_key
-        download_limit
-        download_expires_at
-        weight_kg
-        length_cm
-        width_cm
-        height_cm
-        created_at
-        updated_at
-        variants {
-          id
-          product_id
-          sku
-          attributes
-          price
-          images
-          weight_kg
-          is_active
-          inventory {
-            id
-            product_id
-            variant_id
-            quantity
-            reserved
-            reorder_point
-            reorder_quantity
-            track_quantity
-            allow_backorder
-            available
-            is_in_stock
-            is_low_stock
-            updated_at
-          }
-          created_at
-          updated_at
-        }
-        collections {
-          id
-          business_id
-          name
-          slug
-          description
-          image
-          collection_type
-          rules
-          status
-          sort_order
-          created_at
-          updated_at
-        }
-      }
-      total
-      page
-      page_size
-      total_pages
-    }
-  }
-`
-
-const GET_STOREFRONT_FEATURED = `
-  query GetStorefrontFeatured($page: Int!, $pageSize: Int!) {
-    storefront_featured(page: $page, pageSize: $pageSize) {
-      items {
-        id
-        business_id
-        name
-        slug
-        description
-        brand
-        product_type
-        requires_shipping
-        is_consumable
-        is_bespoke
-        base_price
-        currency
-        images
-        tags
-        custom_fields { label unit required }
-        is_published
-        is_featured
-        is_popular
-        is_new
-        is_temporary
-        digital_file_key
-        download_limit
-        download_expires_at
-        weight_kg
-        length_cm
-        width_cm
-        height_cm
-        created_at
-        updated_at
-        variants {
-          id
-          product_id
-          sku
-          attributes
-          price
-          images
-          weight_kg
-          is_active
-          inventory {
-            id
-            product_id
-            variant_id
-            quantity
-            reserved
-            reorder_point
-            reorder_quantity
-            track_quantity
-            allow_backorder
-            available
-            is_in_stock
-            is_low_stock
-            updated_at
-          }
-          created_at
-          updated_at
-        }
-        collections {
-          id
-          business_id
-          name
-          slug
-          description
-          image
-          collection_type
-          rules
-          status
-          sort_order
-          created_at
-          updated_at
-        }
-      }
-      total
-      page
-      page_size
-      total_pages
+function mapProductType(raw: GeneratedProductType): ProductTypeEnum {
+  switch (raw) {
+    case 'PHYSICAL':
+      return ProductTypeEnum.PHYSICAL
+    case 'DIGITAL':
+      return ProductTypeEnum.DIGITAL
+    case 'SERVICE':
+      return ProductTypeEnum.SERVICE
+    case 'BESPOKE':
+      return ProductTypeEnum.BESPOKE
+    default: {
+      const _exhaustive: never = raw
+      throw new Error(`Unhandled GraphQL ProductType member: ${_exhaustive}`)
     }
   }
-`
-
-const GET_STOREFRONT_NEW = `
-  query GetStorefrontNew($page: Int!, $pageSize: Int!) {
-    storefront_new(page: $page, pageSize: $pageSize) {
-      items {
-        id
-        business_id
-        name
-        slug
-        description
-        brand
-        product_type
-        requires_shipping
-        is_consumable
-        is_bespoke
-        base_price
-        currency
-        sale_price
-        sale_start
-        sale_end
-        images
-        tags
-        custom_fields { label unit required }
-        is_published
-        is_featured
-        is_popular
-        is_new
-        is_temporary
-        digital_file_key
-        download_limit
-        download_expires_at
-        weight_kg
-        length_cm
-        width_cm
-        height_cm
-        created_at
-        updated_at
-        variants {
-          id
-          product_id
-          sku
-          attributes
-          price
-          images
-          weight_kg
-          is_active
-          inventory {
-            id
-            product_id
-            variant_id
-            quantity
-            reserved
-            reorder_point
-            reorder_quantity
-            track_quantity
-            allow_backorder
-            available
-            is_in_stock
-            is_low_stock
-            updated_at
-          }
-          created_at
-          updated_at
-        }
-        collections {
-          id
-          business_id
-          name
-          slug
-          description
-          image
-          collection_type
-          rules
-          status
-          sort_order
-          created_at
-          updated_at
-        }
-      }
-      total
-      page
-      page_size
-      total_pages
-    }
-  }
-`
+}
 
-const GET_STOREFRONT_ON_SALE = `
-  query GetStorefrontOnSale($page: Int!, $pageSize: Int!) {
-    storefront_on_sale(page: $page, pageSize: $pageSize) {
-      items {
-        id
-        business_id
-        name
-        slug
-        description
-        brand
-        product_type
-        requires_shipping
-        is_consumable
-        is_bespoke
-        base_price
-        currency
-        sale_price
-        sale_start
-        sale_end
-        images
-        tags
-        custom_fields { label unit required }
-        is_published
-        is_featured
-        is_popular
-        is_new
-        is_temporary
-        digital_file_key
-        download_limit
-        download_expires_at
-        weight_kg
-        length_cm
-        width_cm
-        height_cm
-        created_at
-        updated_at
-        variants {
-          id
-          product_id
-          sku
-          attributes
-          price
-          images
-          weight_kg
-          is_active
-          inventory {
-            id
-            product_id
-            variant_id
-            quantity
-            reserved
-            reorder_point
-            reorder_quantity
-            track_quantity
-            allow_backorder
-            available
-            is_in_stock
-            is_low_stock
-            updated_at
-          }
-          created_at
-          updated_at
-        }
-        collections {
-          id
-          business_id
-          name
-          slug
-          description
-          image
-          collection_type
-          rules
-          status
-          sort_order
-          created_at
-          updated_at
-        }
-      }
-      total
-      page
-      page_size
-      total_pages
-    }
-  }
-`
+/**
+ * `field_type` is a plain GraphQL String (CustomField isn't a GraphQL enum),
+ * but the real backend (CustomFieldSchema's `Literal["text", "choice"]`)
+ * only ever writes one of these two values — validated at save time, not
+ * guessed here. An unrecognised value means the backend and this mapping
+ * have drifted, which should fail loud rather than silently coerce to a
+ * default that would misrender the field.
+ */
+function mapCustomFieldType(raw: string): "text" | "choice" {
+  if (raw === "text" || raw === "choice") return raw
+  throw new Error(`Unrecognised custom field field_type from backend: "${raw}"`)
+}
 
-const GET_STOREFRONT_LOW_STOCK = `
-  query GetStorefrontLowStock($page: Int!, $pageSize: Int!) {
-    storefront_low_stock(page: $page, pageSize: $pageSize) {
-      items {
-        id
-        business_id
-        name
-        slug
-        description
-        brand
-        product_type
-        requires_shipping
-        is_consumable
-        is_bespoke
-        base_price
-        currency
-        sale_price
-        sale_start
-        sale_end
-        images
-        tags
-        custom_fields { label unit required }
-        is_published
-        is_featured
-        is_popular
-        is_new
-        is_temporary
-        digital_file_key
-        download_limit
-        download_expires_at
-        weight_kg
-        length_cm
-        width_cm
-        height_cm
-        created_at
-        updated_at
-        variants {
-          id
-          product_id
-          sku
-          attributes
-          price
-          images
-          weight_kg
-          is_active
-          inventory {
-            id
-            product_id
-            variant_id
-            quantity
-            reserved
-            reorder_point
-            reorder_quantity
-            track_quantity
-            allow_backorder
-            available
-            is_in_stock
-            is_low_stock
-            updated_at
+/**
+ * Maps the raw, generated GraphQL fragment shape to the SDK's public
+ * `Product` type. `satisfies Product` (not `as Product`) is deliberate: it
+ * keeps this a real compile-time check against the public type rather than
+ * an unchecked assertion — if `ProductFieldsFragment` and `Product` ever
+ * drift (a field renamed on one side, a nullability change), this function
+ * fails to compile instead of quietly shipping a mismatched shape.
+ */
+function mapProduct(raw: ProductFieldsFragment): Product {
+  return {
+    ...raw,
+    product_type: mapProductType(raw.product_type),
+    custom_fields: raw.custom_fields.map((f) => ({
+      ...f,
+      unit: f.unit ?? undefined,
+      field_type: mapCustomFieldType(f.field_type),
+    })),
+    description: raw.description ?? undefined,
+    brand: raw.brand ?? undefined,
+    is_physical: raw.is_physical ?? undefined,
+    sale_price: raw.sale_price ?? undefined,
+    sale_start: (raw.sale_start as string | null) ?? undefined,
+    sale_end: (raw.sale_end as string | null) ?? undefined,
+    source_channel_ref_id: raw.source_channel_ref_id ?? undefined,
+    download_limit: raw.download_limit ?? undefined,
+    download_expires_at: (raw.download_expires_at as string | null) ?? undefined,
+    service_type: (raw.service_type as Product['service_type']) ?? undefined,
+    service_duration_minutes: raw.service_duration_minutes ?? undefined,
+    service_location_type: (raw.service_location_type as Product['service_location_type']) ?? undefined,
+    service_coverage_radius_km: raw.service_coverage_radius_km ?? undefined,
+    service_max_capacity_per_slot: raw.service_max_capacity_per_slot ?? undefined,
+    service_recurring_interval: (raw.service_recurring_interval as Product['service_recurring_interval']) ?? undefined,
+    length_cm: raw.length_cm ?? undefined,
+    width_cm: raw.width_cm ?? undefined,
+    height_cm: raw.height_cm ?? undefined,
+    average_rating: raw.average_rating ?? undefined,
+    created_at: raw.created_at as string,
+    updated_at: raw.updated_at as string,
+    variants: raw.variants.map((v) => ({
+      ...v,
+      sku: v.sku ?? undefined,
+      attributes: v.attributes ? JSON.parse(v.attributes) : {},
+      price: v.price ?? undefined,
+      weight_kg: v.weight_kg ?? undefined,
+      inventory: v.inventory
+        ? {
+            ...v.inventory,
+            variant_id: v.inventory.variant_id ?? undefined,
+            updated_at: v.inventory.updated_at as string,
           }
-          created_at
-          updated_at
-        }
-        collections {
-          id
-          business_id
-          name
-          slug
-          description
-          image
-          collection_type
-          rules
-          status
-          sort_order
-          created_at
-          updated_at
-        }
-      }
-      total
-      page
-      page_size
-      total_pages
-    }
-  }
-`
+        : undefined,
+      created_at: v.created_at as string,
+      updated_at: v.updated_at as string,
+    })),
+    collections: raw.collections.map((c) => ({
+      ...c,
+      business_id: c.business_id ?? undefined,
+      description: c.description ?? undefined,
+      image_url: c.image_url ?? undefined,
+      rules: c.rules ?? undefined,
+      created_at: c.created_at as string,
+      updated_at: c.updated_at as string,
+    })),
+  } satisfies Product
+}
 
-const GET_STOREFRONT_RECOMMENDED = `
-  query GetStorefrontRecommended($page: Int!, $pageSize: Int!, $excludeProductId: String) {
-    storefront_recommended(page: $page, pageSize: $pageSize, excludeProductId: $excludeProductId) {
-      items {
-        id
-        business_id
-        name
-        slug
-        description
-        brand
-        product_type
-        requires_shipping
-        is_consumable
-        is_bespoke
-        base_price
-        currency
-        images
-        tags
-        custom_fields { label unit required }
-        is_published
-        is_featured
-        is_popular
-        is_new
-        is_temporary
-        digital_file_key
-        download_limit
-        download_expires_at
-        weight_kg
-        length_cm
-        width_cm
-        height_cm
-        created_at
-        updated_at
-        variants {
-          id
-          product_id
-          sku
-          attributes
-          price
-          images
-          weight_kg
-          is_active
-          inventory {
-            id
-            product_id
-            variant_id
-            quantity
-            reserved
-            reorder_point
-            reorder_quantity
-            track_quantity
-            allow_backorder
-            available
-            is_in_stock
-            is_low_stock
-            updated_at
-          }
-          created_at
-          updated_at
-        }
-        collections {
-          id
-          business_id
-          name
-          slug
-          description
-          image
-          collection_type
-          rules
-          status
-          sort_order
-          created_at
-          updated_at
-        }
-      }
-      total
-      page
-      page_size
-      total_pages
-    }
-  }
-`
+function mapProductConnection<T extends { items: ProductFieldsFragment[]; total: number; page: number; page_size: number; total_pages: number }>(
+  connection: T
+): PaginatedResponse<Product> {
+  return { ...connection, items: connection.items.map(mapProduct) }
+}
 
+/**
+ * Create GraphQL client with provided config
+ */
 /**
  * Fetch all active products for the storefront.
  */
@@ -779,14 +157,14 @@ export async function getStorefrontProducts(
   params?: ListParams
 ): Promise<PaginatedResponse<Product>> {
   const client = createGraphQLClient(config)
-  const variables = {
+  const data = await client.request(GetStorefrontProductsDocument, {
     page: params?.page || 1,
     pageSize: params?.pageSize || 20,
     collectionSlug: params?.collectionSlug,
     search: params?.search,
-  }
-  const data = await client.request(GET_STOREFRONT_PRODUCTS, variables)
-  return data.storefront_products
+    productType: params?.productType,
+  })
+  return mapProductConnection(data.storefront_products)
 }
 
 /**
@@ -797,24 +175,11 @@ export async function getStorefrontProductBySlug(
   slug: string
 ): Promise<Product> {
   const client = createGraphQLClient(config)
-  const data = await client.request(GET_STOREFRONT_PRODUCT_BY_SLUG, { slug })
-  return data.storefront_product_by_slug
-}
-
-/**
- * Fetch latest products for the storefront.
- */
-export async function getLatestProducts(
-  config: SdkConfig,
-  params?: ListParams
-): Promise<PaginatedResponse<Product>> {
-  const client = createGraphQLClient(config)
-  const variables = {
-    page: params?.page || 1,
-    pageSize: params?.pageSize || 4,
+  const data = await client.request(GetStorefrontProductBySlugDocument, { slug })
+  if (!data.storefront_product_by_slug) {
+    throw new Error(`Product not found: ${slug}`)
   }
-  const data = await client.request(GET_STOREFRONT_LATEST, variables)
-  return data.storefront_latest
+  return mapProduct(data.storefront_product_by_slug)
 }
 
 /**
@@ -825,12 +190,11 @@ export async function getPopularProducts(
   params?: ListParams
 ): Promise<PaginatedResponse<Product>> {
   const client = createGraphQLClient(config)
-  const variables = {
+  const data = await client.request(GetStorefrontPopularDocument, {
     page: params?.page || 1,
     pageSize: params?.pageSize || 4,
-  }
-  const data = await client.request(GET_STOREFRONT_POPULAR, variables)
-  return data.storefront_popular
+  })
+  return mapProductConnection(data.storefront_popular)
 }
 
 /**
@@ -841,12 +205,11 @@ export async function getFeaturedProducts(
   params?: ListParams
 ): Promise<PaginatedResponse<Product>> {
   const client = createGraphQLClient(config)
-  const variables = {
+  const data = await client.request(GetStorefrontFeaturedDocument, {
     page: params?.page || 1,
     pageSize: params?.pageSize || 4,
-  }
-  const data = await client.request(GET_STOREFRONT_FEATURED, variables)
-  return data.storefront_featured
+  })
+  return mapProductConnection(data.storefront_featured)
 }
 
 /**
@@ -857,12 +220,11 @@ export async function getNewProducts(
   params?: ListParams
 ): Promise<PaginatedResponse<Product>> {
   const client = createGraphQLClient(config)
-  const variables = {
+  const data = await client.request(GetStorefrontNewDocument, {
     page: params?.page || 1,
     pageSize: params?.pageSize || 4,
-  }
-  const data = await client.request(GET_STOREFRONT_NEW, variables)
-  return data.storefront_new
+  })
+  return mapProductConnection(data.storefront_new)
 }
 
 /**
@@ -873,28 +235,11 @@ export async function getOnSaleProducts(
   params?: ListParams
 ): Promise<PaginatedResponse<Product>> {
   const client = createGraphQLClient(config)
-  const variables = {
+  const data = await client.request(GetStorefrontOnSaleDocument, {
     page: params?.page || 1,
     pageSize: params?.pageSize || 4,
-  }
-  const data = await client.request(GET_STOREFRONT_ON_SALE, variables)
-  return data.storefront_on_sale
-}
-
-/**
- * Fetch products with low stock for the storefront.
- */
-export async function getLowStockProducts(
-  config: SdkConfig,
-  params?: ListParams
-): Promise<PaginatedResponse<Product>> {
-  const client = createGraphQLClient(config)
-  const variables = {
-    page: params?.page || 1,
-    pageSize: params?.pageSize || 4,
-  }
-  const data = await client.request(GET_STOREFRONT_LOW_STOCK, variables)
-  return data.storefront_low_stock
+  })
+  return mapProductConnection(data.storefront_on_sale)
 }
 
 /**
@@ -907,12 +252,10 @@ export async function getRecommendedProducts(
   params?: ListParams & { excludeProductId?: string }
 ): Promise<PaginatedResponse<Product>> {
   const client = createGraphQLClient(config)
-  const variables = {
+  const data = await client.request(GetStorefrontRecommendedDocument, {
     page: params?.page || 1,
     pageSize: params?.pageSize || 4,
     excludeProductId: params?.excludeProductId,
-  }
-  const data = await client.request(GET_STOREFRONT_RECOMMENDED, variables)
-  return data.storefront_recommended
+  })
+  return mapProductConnection(data.storefront_recommended)
 }
-