@app-brew/brewery 1.0.0

package/src/shopify/src/shopify-catlog-generic.ts

@@ -0,0 +1,1168 @@
+import {
+  CollectionFragmentFragment,
+  CollectionsProductsFragmentFragment,
+  CountryCode,
+  GetCollectionByHandleDocument,
+  GetCollectionByIdDocument,
+  GetCollectionHandleByIdDocument,
+  GetCollectionIdByHandleDocument,
+  GetCollectionTitleDocument,
+  GetCountriesAndCurrenciesDocument,
+  GetCountriesAndCurrenciesQuery,
+  GetPrivacyPolicyDocument,
+  GetProductDescriptionDocument,
+  GetProductDescriptionQuery,
+  GetProductsByVariantIdsDocument,
+  GetRefundPolicyDocument,
+  GetShippingPolicyDocument,
+  GetTermsOfServiceDocument,
+  InputMaybe,
+  ProductFragmentFragment,
+} from '@gauntlet/shopify-types'
+import {
+  AppConfig,
+  BaseProduct,
+  CollectionProductSortKeys,
+  CollectionProductSortKeysToDisplay,
+  Country,
+  ICatalogProvider as ICatalogProvider,
+  ICollection,
+  MediaImageId,
+  NameSpaceAndKeysType,
+  ProductId,
+  ProductVariantId,
+  Settings,
+  ShopPolicyQueryTypes,
+  queryData,
+} from '@gauntlet/types'
+import {
+  checkIfAllMandatoryFieldsArePresentOnProduct,
+  extractMetafields,
+  transformAvailableCountries,
+  transformCollection,
+  transformCollectionWithProducts,
+  transformNetworkResponse,
+  transformProduct,
+} from './transformers'
+import {
+  OperationResult,
+  createClient,
+  dedupExchange,
+  fetchExchange,
+  gql,
+} from '@urql/core'
+import { collectionQueryTransformer, sortTransformer } from './filter'
+import { useAppStore } from '@gauntlet/state'
+
+import base64 from 'react-native-base64'
+import { MMKVStorage } from './cache'
+import {
+  generateCollectionWithProductsByHandleQuery,
+  generateCollectionWithProductsByIdQuery,
+  generateImageQuery,
+  generateProductQueryByHandle,
+  generateProductQueryById,
+  generateProductQueryByIds,
+  generateProductRecommendationsQuery,
+  generateProductsQueryByHandles,
+} from './queries/query-generators'
+import { isRecord } from '../../utils'
+import { getFetchConfig } from './utils'
+import { FetchConfig, createEnhancedFetch } from '@gauntlet/enhanced-fetch'
+
+export interface Metafield {
+  value: string
+  type: string
+  reference?: any
+}
+
+export interface Buyer {
+  customerAccountsToken: string
+  companyLocationId: string
+}
+
+const DEFAULT_SETTINGS = {
+  values: CollectionProductSortKeysToDisplay,
+  default: '',
+}
+/**
+ * Class representing shopify product catlog.
+ * Cointains methods to fetch collections and products from shopify storefront api
+ * Doesnot supports metafields
+ * @implements ICatalogProvider
+ */
+export class ShopifyCatalogGeneric implements ICatalogProvider {
+  static instance: ShopifyCatalogGeneric
+  static countryCode: CountryCode
+  private settings: Settings
+  static appConfig: AppConfig
+
+  static getInstance(appConfig: AppConfig): ShopifyCatalogGeneric {
+    if (!ShopifyCatalogGeneric.instance) {
+      ShopifyCatalogGeneric.appConfig = appConfig
+      const fetchConfig: FetchConfig = getFetchConfig(appConfig)
+      ShopifyCatalogGeneric.instance = new ShopifyCatalogGeneric(
+        createClient({
+          url: `https://${appConfig.integrations?.shopify?.domain}/api/2025-01/graphql.json`,
+          exchanges: [dedupExchange, fetchExchange],
+          requestPolicy: 'network-only',
+          fetch: async (input, init) => {
+            const enhancedFetch = createEnhancedFetch({
+              logPrefix: '[SHOPIFY-CATALOG-GENERIC]',
+              onRetry: (appAttempt, error) => {
+                console.log(
+                  `[SHOPIFY-CATALOG-GENERIC] Retrying request to Shopify API, attempt: ${appAttempt}, error: ${error.message}`
+                )
+              },
+              ...fetchConfig,
+            })
+            return enhancedFetch(input, init)
+          },
+          fetchOptions: () => {
+            return {
+              headers: {
+                'X-Shopify-Storefront-Access-Token':
+                  appConfig.integrations?.shopify?.storefrontAccessToken || '',
+              },
+            }
+          },
+        }),
+        appConfig
+      )
+      ShopifyCatalogGeneric.countryCode =
+        useAppStore.getState().localization.data.selectedCountry?.isoCode
+    }
+
+    return ShopifyCatalogGeneric.instance
+  }
+
+  static resetInstance(): void {
+    ShopifyCatalogGeneric.instance = null as any
+    ShopifyCatalogGeneric.appConfig = null as any
+  }
+  constructor(
+    private readonly client: ReturnType<typeof createClient>,
+    config: AppConfig
+  ) {
+    let settings =
+      config.settings?.['integrations']?.shopify?.collections ??
+      DEFAULT_SETTINGS
+
+    settings = JSON.parse(JSON.stringify(settings))
+
+    const filterOutOfStockProducts =
+      config.settings?.['global']?.filterOutOfStockProducts ?? false
+
+    if (filterOutOfStockProducts) {
+      if (settings.filter?.default?.query) {
+        settings.filter.default.query.available = ['true']
+      } else {
+        settings.filter = {
+          ...settings.filter,
+          default: {
+            ...settings.filter?.default,
+            query: {
+              ...settings.filter?.default?.query,
+              available: ['true'],
+            },
+          },
+        }
+      }
+    }
+    this.settings = settings
+  }
+
+  async getSettings() {
+    return this.settings
+  }
+
+  async getProductByVariantIds(ids: Array<ProductVariantId>) {
+    const countryCode = useAppStore.getState().localization.data.selectedCountry
+      ?.isoCode as InputMaybe<CountryCode>
+
+    const res = await this.client
+      .query(GetProductsByVariantIdsDocument, {
+        ids,
+        countryCode,
+      })
+      .toPromise()
+
+    const transformedProducts = res?.data?.nodes
+      .map((node: any) =>
+        transformProduct(node?.product as ProductFragmentFragment)
+      )
+      .filter((product): product is BaseProduct => product !== null)
+
+    const metafieldsObj = extractMetafields({
+      edges: res?.data?.nodes?.map((node) => {
+        return {
+          node: node?.product,
+        }
+      }),
+    })
+
+    return { products: transformedProducts, metafields: metafieldsObj }
+  }
+
+  async getProductByHandle(handle: string): Promise<{
+    product: BaseProduct | null
+    metafields: Record<string, any>
+  } | null> {
+    const countryCode =
+      useAppStore.getState().localization.data.selectedCountry?.isoCode
+    const customerAccountsToken = useAppStore
+      .getState()
+      .user.getCustomerAccountsAccessToken()
+    const companyLocationId = useAppStore.getState().user.getCustomerCompanyId()
+    const buyer =
+      customerAccountsToken && companyLocationId
+        ? {
+            customerAccountsToken,
+            companyLocationId: companyLocationId,
+          }
+        : undefined
+    const enableShopifyMedia =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']?.enableShopifyMedia
+    const enableProductInventory =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']
+        ?.enableProductInventory
+    const extraMetafieldsQuery =
+      ShopifyCatalogGeneric.appConfig.settings?.['product-collection']
+        ?.extraMetafieldsQuery
+
+    const q = generateProductQueryByHandle({
+      productHandle: decodeURIComponent(handle),
+      countryCode,
+      extraMetafields:
+        ShopifyCatalogGeneric.appConfig.settings?.['product-collection']
+          ?.extraMetafields,
+      enableShopifyMedia,
+      enableProductInventory,
+      extraMetafieldsQuery,
+      buyer,
+    })
+
+    const p = await this.client.query(q.query, q.variables).toPromise()
+
+    if (!p?.data?.product) {
+      return null
+    }
+
+    const res = transformProduct(p.data?.product as ProductFragmentFragment)
+    const metafieldsObj = extractMetafields({
+      edges: [
+        {
+          node: p.data.product,
+          cursor: '',
+        },
+      ],
+    })
+
+    return { product: res, metafields: metafieldsObj }
+  }
+
+  async getProductsByHandles(handles: string[]): Promise<{
+    products: {
+      product: BaseProduct | null
+      metafields: Record<string, any>
+    }[]
+  } | null> {
+    const countryCode =
+      useAppStore.getState().localization.data.selectedCountry?.isoCode
+    const enableShopifyMedia =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']?.enableShopifyMedia
+    const enableProductInventory =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']
+        ?.enableProductInventory
+    const extraMetafieldsQuery =
+      ShopifyCatalogGeneric.appConfig.settings?.['product-collection']
+        ?.extraMetafieldsQuery
+
+    const customerAccountsToken = useAppStore
+      .getState()
+      .user.getCustomerAccountsAccessToken()
+    const companyLocationId = useAppStore.getState().user.getCustomerCompanyId()
+    const buyer =
+      customerAccountsToken && companyLocationId
+        ? {
+            customerAccountsToken,
+            companyLocationId: companyLocationId,
+          }
+        : undefined
+
+    const q = generateProductsQueryByHandles({
+      productHandles: handles,
+      countryCode,
+      extraMetafields:
+        ShopifyCatalogGeneric.appConfig.settings?.['product-collection']
+          ?.extraMetafields,
+      enableShopifyMedia,
+      enableProductInventory,
+      extraMetafieldsQuery,
+      buyer,
+    })
+
+    const p = await this.client.query(q.query, q.variables).toPromise()
+
+    if (!p?.data && !isRecord(p?.data)) {
+      return null
+    }
+
+    const products = Object.values(p?.data).map(
+      (productData: ProductFragmentFragment) => {
+        const res = transformProduct(productData)
+        const metafieldsObj = extractMetafields({
+          edges: [
+            {
+              node: productData,
+              cursor: '',
+            },
+          ],
+        })
+        return {
+          product: res,
+          metafields: metafieldsObj,
+        }
+      }
+    )
+
+    return { products }
+  }
+
+  async getProductByIds(ids: Array<ProductId>) {
+    const countryCode =
+      useAppStore.getState().localization.data.selectedCountry?.isoCode
+    const enableShopifyMedia =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']?.enableShopifyMedia
+    const enableProductInventory =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']
+        ?.enableProductInventory
+
+    const extraMetafieldsQuery =
+      ShopifyCatalogGeneric.appConfig.settings?.['product-collection']
+        ?.extraMetafieldsQuery
+
+    const customerAccountsToken = useAppStore
+      .getState()
+      .user.getCustomerAccountsAccessToken()
+    const companyLocationId = useAppStore.getState().user.getCustomerCompanyId()
+    const buyer =
+      customerAccountsToken && companyLocationId
+        ? {
+            customerAccountsToken,
+            companyLocationId: companyLocationId,
+          }
+        : undefined
+
+    const q = generateProductQueryByIds({
+      productIds: ids,
+      countryCode,
+      extraMetafields:
+        ShopifyCatalogGeneric.appConfig.settings?.['product-collection']
+          ?.extraMetafields,
+      enableShopifyMedia,
+      enableProductInventory,
+      extraMetafieldsQuery,
+      buyer,
+    })
+    const p = await this.client.query(q.query, q.variables).toPromise()
+
+    const products = p?.data?.nodes as Array<ProductFragmentFragment>
+    if (!products) {
+      return null
+    }
+
+    const transformedProducts = products
+      .map((product: ProductFragmentFragment) => transformProduct(product))
+      .filter((product): product is BaseProduct => product !== null)
+
+    const metafieldsObj = extractMetafields({
+      edges: products.map((product) => {
+        return {
+          node: product,
+        }
+      }),
+    })
+    return { products: transformedProducts, metafields: metafieldsObj }
+  }
+
+  async getProductById(id: string): Promise<BaseProduct | null> {
+    const countryCode =
+      useAppStore.getState().localization.data.selectedCountry?.isoCode
+    const enableShopifyMedia =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']?.enableShopifyMedia
+    const enableProductInventory =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']
+        ?.enableProductInventory
+
+    const customerAccountsToken = useAppStore
+      .getState()
+      .user.getCustomerAccountsAccessToken()
+    const companyLocationId = useAppStore.getState().user.getCustomerCompanyId()
+    const buyer =
+      customerAccountsToken && companyLocationId
+        ? {
+            customerAccountsToken,
+            companyLocationId: companyLocationId,
+          }
+        : undefined
+    const q = generateProductQueryById({
+      productId: id,
+      countryCode: countryCode,
+      extraMetafields:
+        ShopifyCatalogGeneric.appConfig.settings?.['product-collection']
+          ?.extraMetafields,
+      enableShopifyMedia,
+      enableProductInventory,
+      buyer,
+    })
+    const p = await this.client.query(q.query, q.variables).toPromise()
+
+    if (!p?.data?.product) {
+      return null
+    }
+
+    const res = transformProduct(p.data?.product as ProductFragmentFragment)
+
+    return res
+  }
+
+  async getCollectionById(id: string): Promise<ICollection> {
+    const customerAccountsToken = useAppStore
+      .getState()
+      .user.getCustomerAccountsAccessToken()
+    const companyLocationId = useAppStore.getState().user.getCustomerCompanyId()
+    const buyer =
+      customerAccountsToken && companyLocationId
+        ? {
+            customerAccessToken: customerAccountsToken,
+            companyLocationId: companyLocationId,
+          }
+        : undefined
+    const res = transformCollection(
+      (
+        await this.client
+          .query(GetCollectionByIdDocument, { id, buyer })
+          .toPromise()
+      ).data?.collection as CollectionFragmentFragment
+    )
+    return res
+  }
+
+  async getCollectionByHandle(handle: string): Promise<ICollection> {
+    const countryCode =
+      useAppStore.getState().localization.data.selectedCountry?.isoCode
+    const customerAccountsToken = useAppStore
+      .getState()
+      .user.getCustomerAccountsAccessToken()
+    const companyLocationId = useAppStore.getState().user.getCustomerCompanyId()
+    const buyer =
+      customerAccountsToken && companyLocationId
+        ? {
+            customerAccessToken: customerAccountsToken,
+            companyLocationId: companyLocationId,
+          }
+        : undefined
+    const res = transformCollection(
+      (
+        await this.client
+          .query(GetCollectionByHandleDocument, {
+            handle,
+            countryCode,
+            buyer,
+          })
+          .toPromise()
+      ).data?.collection as CollectionFragmentFragment
+    )
+    return res
+  }
+
+  async getCollectionWithProductsById(
+    id: string,
+    query: queryData,
+    price: [number, number | undefined][],
+    sort: CollectionProductSortKeys,
+    cursor?: string,
+    productsFirst = 10
+  ): Promise<{
+    collection: ICollection
+    products: BaseProduct[]
+    metafields: Record<string, Record<string, Metafield>>
+  }> {
+    const countryCode =
+      useAppStore.getState().localization.data.selectedCountry?.isoCode
+    const filters = collectionQueryTransformer(query, price)
+    const _filters = JSON.parse(JSON.stringify(filters))
+    const { key, reverse } = sortTransformer(sort)
+    const enableShopifyMedia =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']?.enableShopifyMedia
+    const enableProductInventory =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']
+        ?.enableProductInventory
+
+    const extraMetafieldsQuery =
+      ShopifyCatalogGeneric.appConfig.settings?.['product-collection']
+        ?.extraMetafieldsQuery
+    const customerAccountsToken = useAppStore
+      .getState()
+      .user.getCustomerAccountsAccessToken()
+    const companyLocationId = useAppStore.getState().user.getCustomerCompanyId()
+
+    const buyer =
+      customerAccountsToken && companyLocationId
+        ? {
+            customerAccountsToken,
+            companyLocationId: companyLocationId,
+          }
+        : undefined
+
+    const q = generateCollectionWithProductsByIdQuery({
+      id,
+      countryCode,
+      productsFirst: productsFirst,
+      currentCursor: cursor ?? null,
+      sortKey: key,
+      reverse: Boolean(reverse),
+      filters: _filters,
+      extraMetafields:
+        ShopifyCatalogGeneric.appConfig.settings?.['product-collection']
+          ?.extraMetafields,
+      enableShopifyMedia,
+      enableProductInventory,
+      extraMetafieldsQuery,
+      buyer,
+    })
+
+    const queryRes = await this.client.query(q.query, q.variables).toPromise()
+
+    if (!queryRes.data?.collection) {
+      console.log('Failed to fetch collection:', queryRes)
+    }
+
+    const res = transformCollectionWithProducts(
+      queryRes.data?.collection as CollectionsProductsFragmentFragment
+    )
+    return res
+  }
+
+  async getCollectionWithProductsByHandle(
+    handle: string,
+    query: queryData,
+    price: [number, number | undefined][],
+    sort: CollectionProductSortKeys,
+    cursor?: string
+  ): Promise<{
+    collection: ICollection
+    products: BaseProduct[]
+    metafields: Record<string, Record<string, Metafield>>
+  }> {
+    const countryCode =
+      useAppStore.getState().localization.data.selectedCountry?.isoCode
+    const filters = collectionQueryTransformer(query, price)
+    const { key, reverse } = sortTransformer(sort)
+    const enableShopifyMedia =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']?.enableShopifyMedia
+    const enableProductInventory =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']
+        ?.enableProductInventory
+    const customerAccountsToken = useAppStore
+      .getState()
+      .user.getCustomerAccountsAccessToken()
+    const companyLocationId = useAppStore.getState().user.getCustomerCompanyId()
+    const buyer =
+      customerAccountsToken && companyLocationId
+        ? {
+            customerAccountsToken,
+            companyLocationId: companyLocationId,
+          }
+        : undefined
+    const q = generateCollectionWithProductsByHandleQuery({
+      handle,
+      countryCode,
+      productsFirst: 10,
+      currentCursor: cursor ?? null,
+      key,
+      reverse: Boolean(reverse),
+      filters: [],
+      extraMetafields:
+        ShopifyCatalogGeneric.appConfig.settings?.['product-collection']
+          ?.extraMetafields,
+      enableShopifyMedia,
+      enableProductInventory,
+      buyer,
+    })
+
+    const queryRes = await this.client.query(q.query, q.variables).toPromise()
+    if (!queryRes.data?.collection) {
+      console.error(queryRes.error)
+    }
+    const res = transformCollectionWithProducts(
+      queryRes.data?.collection as CollectionsProductsFragmentFragment
+    )
+    return res
+  }
+
+  async getProductMetafields(
+    metaFieldObjList: NameSpaceAndKeysType[],
+    handle: string
+  ): Promise<Record<string, null | { value: string; type: string }>> {
+    const queryStr = gql`
+    query getProductByHandle($handle: String!) {
+      product(handle: $handle) {
+            id
+            ${genMetafieldStringArray(metaFieldObjList)}
+      }
+    }
+  `
+    const queryResponse = await this.client
+      .query<{
+        product: Record<
+          string,
+          null | { value: string; type: string; reference: unknown }
+        >
+      }>(queryStr, { handle })
+      .toPromise()
+    const product = queryResponse.data?.product
+    const records: any = {}
+    metaFieldObjList.forEach((metaFieldObj) => {
+      const namespace = metaFieldObj.namespace
+      metaFieldObj.keys.forEach(({ value }) => {
+        const newNameSpace = transformNameSpaceOrKey(namespace)
+        const prop =
+          newNameSpace +
+          `__` +
+          (value.includes('-')
+            ? value.replace(new RegExp('-', 'g'), '_')
+            : value)
+        if (records[newNameSpace]) {
+          records[newNameSpace][value] = product?.[prop]?.reference?.image?.url
+            ? product?.[prop]?.reference?.image?.url
+            : product?.[prop]?.value
+        } else {
+          records[newNameSpace] = {
+            [value]: product?.[prop]?.reference?.image?.url
+              ? product?.[prop]?.reference?.image?.url
+              : product?.[prop]?.value,
+          }
+        }
+      })
+    })
+    return records
+  }
+
+  async runMetafieldQuery(
+    handle: string,
+    metaFieldObjList: NameSpaceAndKeysType[],
+    queryObject: any
+  ): Promise<Record<string, Record<string, any>>> {
+    const res = await this.client
+      .query(queryObject.query, queryObject.variables)
+      .toPromise()
+
+    const product = res?.data?.product
+
+    const records: any = {}
+    metaFieldObjList.forEach((metaFieldObj) => {
+      const namespace = metaFieldObj.namespace
+      metaFieldObj.keys.forEach(({ value }) => {
+        const newNameSpace = transformNameSpaceOrKey(namespace)
+        const prop = newNameSpace + `__` + value
+        const val = product?.[prop]?.reference?.image?.url
+          ? product?.[prop]?.reference?.image?.url
+          : product?.[prop]?.value
+        const referenceObj = product?.[prop]?.reference
+        if (records[newNameSpace]) {
+          records[newNameSpace][value] = {
+            value: val,
+            referenceObj: referenceObj,
+          }
+        } else {
+          records[newNameSpace] = {
+            [value]: { value: val, referenceObj: referenceObj },
+          }
+        }
+      })
+    })
+    return records
+  }
+
+  async getProductDesctiption(handle: string) {
+    const countryCode =
+      useAppStore.getState().localization.data.selectedCountry?.isoCode
+    const customerAccountsToken = useAppStore
+      .getState()
+      .user.getCustomerAccountsAccessToken()
+    const companyLocationId = useAppStore.getState().user.getCustomerCompanyId()
+    const buyer =
+      customerAccountsToken && companyLocationId
+        ? {
+            customerAccessToken: customerAccountsToken,
+            companyLocationId: companyLocationId,
+          }
+        : undefined
+    const res = (await this.client
+      .query<{}, { handle: string; countryCode: string }>(
+        GetProductDescriptionDocument,
+        {
+          handle,
+          countryCode,
+          buyer,
+        }
+      )
+      .toPromise()) as OperationResult<GetProductDescriptionQuery>
+    return transformNetworkResponse(res)
+  }
+
+  async getCollectionMetafields(
+    metaFieldObjList: NameSpaceAndKeysType[],
+    id: string
+  ): Promise<
+    Record<
+      string,
+      null | Record<string, { value: string; type: string; reference?: any }>
+    >
+  > {
+    const aliasKeys: Record<
+      string,
+      {
+        namespace: string
+        key: {
+          value: string
+          reference?: string
+        }
+      }
+    > = {}
+    metaFieldObjList.forEach((metafield) => {
+      const { keys, namespace } = metafield
+      const underscoredNamespace = transformNameSpaceOrKey(namespace)
+      keys.forEach((key) => {
+        const underscoredKey = transformNameSpaceOrKey(key.value)
+        aliasKeys[underscoredNamespace + '__' + underscoredKey] = {
+          namespace,
+          key,
+        }
+      })
+    })
+
+    const queryStr = gql`
+    query getProductByHandle($id: ID!) {
+      collection(id: $id) {
+            id
+            ${genMetafieldStringV2(metaFieldObjList)}
+      }
+    }
+  `
+    const queryRes = await this.client
+      .query<{
+        collection: Record<string, null | { value: string; type: string }>
+      }>(queryStr, { id })
+      .toPromise()
+
+    const response: Record<
+      string,
+      null | Record<string, { value: string; type: string; reference?: any }>
+    > = {}
+    if (queryRes.error) {
+      console.log('error in fetching collection metafields', queryRes.error)
+      return response
+    }
+    if (!queryRes.data?.collection) {
+      console.log(
+        'queryRes.data?.collection is undefined in query response for  fetching collection metafields'
+      )
+      return response
+    }
+    const metafieldsFromResponse = queryRes.data.collection as Record<
+      string,
+      null | {
+        value: string
+        type: string
+        key: string
+        namespace: string
+        reference?: any
+      }
+    >
+    Object.keys(aliasKeys).forEach((underscoredKey) => {
+      const { namespace, key } = aliasKeys[underscoredKey]
+      const value = metafieldsFromResponse[underscoredKey]?.value
+      const type = metafieldsFromResponse[underscoredKey]?.type
+      const reference =
+        metafieldsFromResponse[underscoredKey]?.reference?.[key.reference ?? '']
+      if (metafieldsFromResponse[underscoredKey] === null) return
+      if (!value || !type) return
+      if (response[namespace]) {
+        response[namespace][key.value] = {
+          value,
+          type,
+          reference,
+        }
+      } else {
+        response[namespace] = {
+          [key.value]: {
+            value,
+            type,
+            reference,
+          },
+        }
+      }
+    })
+
+    return response
+  }
+
+  //This function only accounts for the first item in metaFieldObjList, it ignores the rest
+  async runCollectionMetafieldsQuery(
+    metaFieldObjList: NameSpaceAndKeysType[],
+    id: string,
+    queryObj: any
+  ): Promise<Record<string, null | { value: string; type: string }>> {
+    const keys = metaFieldObjList.map((metafield) => {
+      return metafield.keys[0]
+    })
+    const queryRes = await this.client
+      .query(queryObj.query, queryObj.variables)
+      .toPromise()
+    // const { namespace, key: value } = getNameSpaceAndKey(queryRes)
+    const namespace = metaFieldObjList[0].namespace
+    const newNameSpace = transformNameSpaceOrKey(namespace)
+    const res = {}
+    keys.forEach((key) => {
+      res[key.value] = {
+        value:
+          queryRes.data?.collection?.[newNameSpace + '__' + key.value]?.value,
+        reference:
+          queryRes.data?.collection?.[newNameSpace + '__' + key.value]
+            ?.reference,
+        references: queryRes.data?.collection?.[
+          newNameSpace + '__' + key.value
+        ]?.references?.edges?.map((item) => item.node),
+      }
+    })
+    return res
+  }
+
+  async getRecommendations(
+    id: string,
+    handle: string,
+    mode: 'RELATED' | 'COMPLEMENTARY' = 'RELATED'
+  ): Promise<{
+    products: BaseProduct[]
+    //{productHandle: { namespace: { key1: value1, key2:value2 } }
+    metafields: Record<string, Record<string, Record<string, unknown>>>
+  }> {
+    const countryCode =
+      useAppStore.getState().localization.data.selectedCountry?.isoCode
+    const extraMetafieldsQuery =
+      ShopifyCatalogGeneric.appConfig.settings?.['product-collection']
+        ?.extraMetafieldsQuery
+    const enableShopifyMedia =
+      ShopifyCatalogGeneric.appConfig.settings?.['global']?.enableShopifyMedia
+    const customerAccountsToken = useAppStore
+      .getState()
+      .user.getCustomerAccountsAccessToken()
+    const companyLocationId = useAppStore.getState().user.getCustomerCompanyId()
+    const buyer =
+      customerAccountsToken && companyLocationId
+        ? {
+            customerAccountsToken,
+            companyLocationId: companyLocationId,
+          }
+        : undefined
+    const q = generateProductRecommendationsQuery({
+      productId: id,
+      countryCode: countryCode ?? ShopifyCatalogGeneric.countryCode,
+      mode,
+      extraMetafields:
+        ShopifyCatalogGeneric.appConfig.settings?.['product-collection']
+          ?.extraMetafields,
+      enableShopifyMedia,
+      extraMetafieldsQuery,
+      buyer,
+    })
+    const res = await this.client.query(q.query, q.variables).toPromise()
+    const transformedResponse = transformNetworkResponse(res)
+    const recommendations = transformedResponse.data?.productRecommendations
+    if (!recommendations) {
+      return []
+    }
+    const transformedProducts: Array<BaseProduct> = []
+    for (const product of recommendations) {
+      if (checkIfAllMandatoryFieldsArePresentOnProduct(product)) {
+        const transformedProduct = transformProduct(product)
+        if (transformedProduct) {
+          transformedProducts.push(transformedProduct)
+        }
+      }
+    }
+    /**
+     * This is using the same transformer as transformCollectionWithProducts
+     * to follow the input structure of extractMetafields method
+     * we make a transformation to the input data add edges and node
+     * it can be avoided if we create a separate function to do the same
+     */
+    const metafields = extractMetafields({
+      edges: recommendations.map((product) => {
+        return {
+          node: product,
+        }
+      }),
+    })
+    return { products: transformedProducts, metafields }
+  }
+
+  async getAvailableCountries(code: CountryCode): Promise<
+    | {
+        status: 'success'
+        data: { availableCountries: Country[]; selectedCountry: Country }
+        error: null
+      }
+    | {
+        status: 'error'
+        data: null
+        error: OperationResult<GetCountriesAndCurrenciesQuery>['error']
+      }
+  > {
+    const countryCode =
+      useAppStore.getState().localization.data.selectedCountry?.isoCode
+    const customerAccountsToken = useAppStore
+      .getState()
+      .user.getCustomerAccountsAccessToken()
+    const companyLocationId = useAppStore.getState().user.getCustomerCompanyId()
+    const buyer =
+      customerAccountsToken && companyLocationId
+        ? {
+            customerAccessToken: customerAccountsToken,
+            companyLocationId: companyLocationId,
+          }
+        : undefined
+    const res = (await this.client
+      .query(GetCountriesAndCurrenciesDocument, {
+        countryCode: code ?? countryCode,
+        buyer,
+      })
+      .toPromise()) as OperationResult<GetCountriesAndCurrenciesQuery>
+
+    if (res.error) return { status: 'error', error: res.error, data: null }
+    const data = transformAvailableCountries(res)
+    return data
+  }
+
+  async updateCountryCode(code: CountryCode): Promise<any> {
+    ShopifyCatalogGeneric.countryCode = code
+    await MMKVStorage().clear()
+    return ShopifyCatalogGeneric.countryCode
+  }
+
+  async handleToId(handle: string): Promise<string | undefined> {
+    const res = await this.client
+      .query(GetCollectionIdByHandleDocument, {
+        handle,
+      })
+      .toPromise()
+    return res?.data?.collection?.id
+  }
+
+  async idToHandle(
+    id: string
+  ): Promise<{ id: string; handle: string; title: string } | undefined | null> {
+    const res = await this.client
+      .query(GetCollectionHandleByIdDocument, {
+        id,
+      })
+      .toPromise()
+    return res?.data?.collection
+  }
+
+  async getShopPolicy(policy: ShopPolicyQueryTypes) {
+    const shopPolicyQueryMapping = {
+      privacyPolicy: GetPrivacyPolicyDocument,
+      termsOfService: GetTermsOfServiceDocument,
+      shippingPolicy: GetShippingPolicyDocument,
+      refundPolicy: GetRefundPolicyDocument,
+    }
+
+    const res = (await this.client
+      .query(shopPolicyQueryMapping[policy])
+      .toPromise()) as any
+
+    return { data: res?.data?.shop?.[policy]?.body, error: res?.error }
+  }
+  async getCollectionTitle({ id, handle }: { id?: string; handle?: string }) {
+    const res = await this.client
+      .query(GetCollectionTitleDocument, {
+        handle: handle || undefined,
+        id: id || undefined,
+      })
+      .toPromise()
+    if (!res?.data) return
+    return {
+      title: res.data?.collection?.title,
+      id: base64.encode(res.data?.collection?.id),
+    }
+  }
+
+  async resolveImages(imageIds: Array<MediaImageId>) {
+    const countryCode =
+      useAppStore.getState().localization.data.selectedCountry?.isoCode
+    const q = generateImageQuery({
+      imageIds,
+      countryCode,
+    })
+
+    const queryRes = await this.client.query(q.query, q.variables).toPromise()
+
+    if (!queryRes.data?.nodes) {
+      console.log('Error in resolving images from id', imageIds)
+      return {
+        status: 'error',
+        result: null,
+        message: 'Error in resolving images from id',
+      }
+    }
+
+    const response = (
+      queryRes.data?.nodes as Array<{
+        id: MediaImageId
+        image: MediaImage
+      }>
+    ).reduce<Record<MediaImageId, MediaImage & { id: MediaImageId }>>(
+      (acc, current) => {
+        return {
+          ...acc,
+          [current.id]: {
+            ...acc?.[current.id],
+            url: current.image.url,
+            height: current.image?.height,
+            width: current.image?.width,
+            id: current.id,
+          },
+        }
+      },
+      {}
+    )
+
+    return { result: response, status: 'idle' as const }
+  }
+  async executeQueryString(query: string) {
+    const res = await this.client.query(query).toPromise()
+    if (!res?.data) {
+      console.log({
+        error: res?.error,
+        message: 'Error in executing query at executeQueryString',
+        query,
+      })
+      return null
+    }
+    return res.data
+  }
+}
+
+function genMetafieldStringV2(arr: Array<NameSpaceAndKeysType>) {
+  let finalString = ''
+  for (const item of arr) {
+    const { namespace, keys } = item
+    const newNameSpace =
+      namespace + namespace.includes(`-`)
+        ? namespace.replace(`-`, `_`)
+        : namespace
+    const x = keys
+      .map((key) => {
+        const key1 = key.value.includes('-')
+          ? key.value.replace(new RegExp('-', 'g'), '_')
+          : key.value
+        return (
+          newNameSpace +
+          '__' +
+          key1 +
+          ' : ' +
+          'metafield( namespace:"' +
+          namespace +
+          '"  , ' +
+          ' key:"' +
+          key.value +
+          '")' +
+          '{value ' +
+          ' type, ' +
+          ' namespace, ' +
+          ' key,' +
+          (metafieldReference[key.reference || ``] || '') +
+          '}'
+        )
+      })
+      .join('\n')
+    finalString = finalString + x + '\n'
+    // return x
+  }
+  return finalString
+}
+
+function genMetafieldString({ keys, namespace }: NameSpaceAndKeysType) {
+  const newNameSpace =
+    namespace + namespace.includes(`-`)
+      ? namespace.replace(`-`, `_`)
+      : namespace
+  const x = keys
+    .map((key) => {
+      const key1 = key.value.includes('-')
+        ? key.value.replace(new RegExp('-', 'g'), '_')
+        : key.value
+      return (
+        newNameSpace +
+        '__' +
+        key1 +
+        ' : ' +
+        'metafield( namespace:"' +
+        namespace +
+        '"  , ' +
+        ' key:"' +
+        key.value +
+        '")' +
+        '{value ' +
+        ' type, ' +
+        ' namespace, ' +
+        ' key,' +
+        (metafieldReference[key.reference || ``] || '') +
+        '}'
+      )
+    })
+    .join('\n')
+  return x
+}
+const metafieldReference: Record<string, string> = {
+  image: `reference {
+              __typename
+              ... on MediaImage {
+                id
+                mediaContentType
+                image {
+                  id
+                  url
+                  altText
+                  width
+                  height
+                }
+              }
+            }`,
+}
+
+function getNameSpaceAndKey(result: any) {
+  return {
+    namespace:
+      result?.operation?.query?.definitions[0].selectionSet.selections[0]
+        .selectionSet.selections[1].arguments[0].value.value,
+    key: result?.operation?.query?.definitions[0].selectionSet.selections[0]
+      .selectionSet.selections[1].arguments[1].value.value,
+  }
+}
+
+function genMetafieldStringArray(metaFieldObjList: NameSpaceAndKeysType[]) {
+  return metaFieldObjList
+    .map((metaFieldObj) => genMetafieldString(metaFieldObj))
+    .join('\n')
+}
+
+export function transformNameSpaceOrKey(namespace: string) {
+  return namespace.includes(`-`)
+    ? namespace.replace(new RegExp('-', 'g'), '_')
+    : namespace
+}