Icky 175 (#3)

* folder and env setup

* codegen.json headers removed

* icky-175-get-site-info

* PR comments resolved

* update category Id

Co-authored-by: Chandradeepta <43542673+Chandradeepta@users.noreply.github.com>

framework/kibocommerce/api/fragments/category.ts

@@ -0,0 +1,11 @@
+export const CategoryInfo = /* GraphQL */`
+fragment categoryInfo on PrCategory {
+    categoryId
+    categoryCode
+    isDisplayed
+    content {
+        name
+        slug
+        description
+    }
+}`;

framework/kibocommerce/api/operations/get-site-info.ts

@@ -1,6 +1,8 @@
 import { OperationContext } from '@commerce/api/operations'
 import { Category } from '@commerce/types/site'
 import { KiboCommerceConfig } from '../index'
+import {categoryTreeQuery} from '../queries/get-categories-tree-query'
+import { normalizeCategory } from '../../lib/normalize'
 
 export type GetSiteInfoResult<
   T extends { categories: any[]; brands: any[] } = {
@@ -9,32 +11,22 @@ export type GetSiteInfoResult<
   }
 > = T
 
-export default function getSiteInfoOperation({}: OperationContext<any>) {
+export default function getSiteInfoOperation({commerce}: OperationContext<any>) {
-  function getSiteInfo({
+  async function getSiteInfo({
-    query,
+    query= categoryTreeQuery,
     variables,
-    config: cfg,
+    config,
   }: {
     query?: string
     variables?: any
     config?: Partial<KiboCommerceConfig>
     preview?: boolean
   } = {}): Promise<GetSiteInfoResult> {
+    const cfg = commerce.getConfig(config)
+    const { data } = await cfg.fetch(query);
+    const categories= data.categories.items.map(normalizeCategory);
     return Promise.resolve({
-      categories: [
+      categories: categories ?? [],
-        {
-          id: 'new-arrivals',
-          name: 'New Arrivals',
-          slug: 'new-arrivals',
-          path: '/new-arrivals',
-        },
-        {
-          id: 'featured',
-          name: 'Featured',
-          slug: 'featured',
-          path: '/featured',
-        },
-      ],
       brands: [],
     })
   }

framework/kibocommerce/api/queries/get-categories-tree-query.ts

@@ -0,0 +1,29 @@
+import { CategoryInfo } from '../fragments/category'
+
+export const categoryTreeQuery = /* GraphQL */`
+query GetCategoryTree {
+    categories: categoriesTree {
+      items {
+        ...categoryInfo
+        childrenCategories {
+            ...categoryInfo
+            childrenCategories {
+                ...categoryInfo
+                childrenCategories {
+                    ...categoryInfo
+                    childrenCategories {
+                        ...categoryInfo
+                        childrenCategories {
+                            ...categoryInfo
+                            childrenCategories {
+                                ...categoryInfo
+                            }
+                        }
+                    }
+                }
+            }
+        }
+      }
+    }
+}
+${CategoryInfo}`;

framework/kibocommerce/lib/normalize.ts

@@ -5,10 +5,15 @@
 // import { definitions } from '../api/definitions/store-content'
 import update from './immutability'
 import getSlug from './get-slug'
+import {PrCategory} from '../schema'
 
 function normalizeProductOption(productOption: any) {
   const {
-    node: { entityId, values: { edges = [] } = {}, ...rest },
+    node: {
+      entityId,
+      values: { edges = [] } = {},
+      ...rest
+    },
   } = productOption
 
   return {
@@ -127,11 +132,11 @@ function normalizeLineItem(item: any): any {
   }
 }
 
-export function normalizeCategory(category: any): any {
+export function normalizeCategory(category: PrCategory): any {
   return {
-    id: `${category.entityId}`,
+    id: category?.categoryCode,
-    name: category.name,
+    name: category?.content?.name,
-    slug: getSlug(category.path),
+    slug: category?.content?.slug,
-    path: category.path,
+    path: `/${category?.content?.slug}`
   }
 }