enh

Reviewed-on: #3

.dockerignore

@@ -0,0 +1,8 @@
+
+**/node_modules
+**/dist
+apps/users-ui/app
+apps/users-ui/src
+apps/admin-ui/app
+apps/users-ui/src
+**/package-lock.json

APIS_TO_REMOVE.md

@@ -0,0 +1,4 @@
+- trpc.user.tags.getTagsByStore — apps/backend/src/trpc/apis/user-apis/apis/tags.ts
+- trpc.common.product.getAllProductsSummary — apps/backend/src/trpc/apis/common-apis/common.ts
+- remove slots from products cache
+- remove redundant product details like name, description etc from the slots api

Dockerfile

@@ -1,32 +1,36 @@
 # Optimized Dockerfile for backend and fallback-ui services (project root)
 
-# 1. ---- Base Node image
+# 1. ---- Base Bun image
-FROM node:20-slim AS base
+FROM oven/bun:1.3.10 AS base
 WORKDIR /app
 
 # 2. ---- Pruner ----
 FROM base AS pruner
 WORKDIR /app
 # Copy config files first for better caching
-COPY package.json package-lock.json turbo.json ./
+COPY package.json  turbo.json ./
 COPY apps/backend/package.json ./apps/backend/
 COPY apps/fallback-ui/package.json ./apps/fallback-ui/
+COPY packages/shared/     ./packages/shared
 COPY packages/ui/package.json ./packages/ui/
-RUN npm install -g turbo
+RUN bun install -g turbo
 COPY . .
-RUN turbo prune --scope=backend --scope=fallback-ui --scope=common-ui --docker
+RUN turbo prune --scope=backend --scope=fallback-ui --scope=@packages/shared --docker
+# RUN find . -path "./node_modules" -prune -o -print
 
 # 3. ---- Builder ----
 FROM base AS builder
 WORKDIR /app
-# Copy package files first to cache npm install
+# Copy package files first to cache bun install
 COPY --from=pruner /app/out/json/ .
-COPY --from=pruner /app/out/package-lock.json ./package-lock.json
+#COPY --from=pruner /app/out/bun.lock ./bun.lock
+#RUN cat ./bun.lock
 COPY --from=pruner /app/turbo.json .
-RUN npm ci
+RUN bun install
 # Copy source code after dependencies are installed
 COPY --from=pruner /app/out/full/ .
-RUN npx turbo run build --filter=fallback-ui... --filter=backend...
+RUN bunx turbo run build --filter=fallback-ui... --filter=backend...
+RUN find . -path "./node_modules" -prune -o -print
 
 # 4. ---- Runner ----
 FROM base AS runner
@@ -34,12 +38,15 @@ WORKDIR /app
 ENV NODE_ENV=production
 # Copy package files and install production deps
 COPY --from=pruner /app/out/json/ .
-COPY --from=pruner /app/out/package-lock.json ./package-lock.json
+#COPY --from=pruner /app/out/bun.lock ./bun.lock
-RUN npm ci --production --omit=dev
+RUN bun install --production
 # Copy built applications
 COPY --from=builder /app/apps/backend/dist ./apps/backend/dist
 COPY --from=builder /app/apps/fallback-ui/dist ./apps/fallback-ui/dist
+COPY --from=builder /app/packages/shared ./packages/shared
+
+# RUN ls -R
+RUN find . -path "./node_modules" -prune -o -print
+
 EXPOSE 4000
-RUN npm i -g bun
+CMD ["bun", "apps/backend/dist/apps/backend/index.js"]
-CMD ["bun", "apps/backend/dist/index.js"]
-# CMD ["node", "apps/backend/dist/index.js"]

apps/admin-ui/app/(drawer)/dashboard/index.tsx

@@ -74,7 +74,7 @@ export default function Dashboard() {
 
   const menuItems: MenuItem[] = [
     {
-      title: 'Manage Orders',
+      title: 'Manage Orderss',
       icon: 'shopping-bag',
       description: 'View and manage customer orders',
       route: '/(drawer)/manage-orders',
@@ -294,4 +294,4 @@ export default function Dashboard() {
       </ScrollView>
     </View>
   );
-}
+}

apps/backend/.env

@@ -1,6 +1,6 @@
 ENV_MODE=PROD
-# DATABASE_URL=postgresql://postgres:meatfarmer_master_password@57.128.212.174:7447/meatfarmer #technocracy
+DATABASE_URL=postgresql://postgres:meatfarmer_master_password@57.128.212.174:7447/meatfarmer #technocracy
-DATABASE_URL=postgres://postgres:meatfarmer_master_password@5.223.55.14:7447/meatfarmer #hetzner
+# DATABASE_URL=postgres://postgres:meatfarmer_master_password@5.223.55.14:7447/meatfarmer #hetzner
 PHONE_PE_BASE_URL=https://api-preprod.phonepe.com/
 PHONE_PE_CLIENT_ID=TEST-M23F2IGP34ZAR_25090
 PHONE_PE_CLIENT_VERSION=1
@@ -21,6 +21,10 @@ S3_BUCKET_NAME=meatfarmer
 EXPO_ACCESS_TOKEN=Asvpy8cByRh6T4ksnWScO6PLcio2n35-BwES5zK-
 JWT_SECRET=my_meatfarmer_jwt_secret_key
 ASSETS_DOMAIN=https://assets.freshyo.in/
+API_CACHE_KEY=api-cache-dev
+# CLOUDFLARE_API_TOKEN=I8Vp4E9TX58E8qEDeH0nTFDS2d2zXNYiXvbs4Ckj
+CLOUDFLARE_API_TOKEN=N7jAg5X-RUj_fVfMW6zbfJ8qIYc81TSIKKlbZ6oh
+CLOUDFLARE_ZONE_ID=edefbf750bfc3ff26ccd11e8e28dc8d7
 # REDIS_URL=redis://default:redis_shafi_password@5.223.55.14:6379
 REDIS_URL=redis://default:redis_shafi_password@57.128.212.174:6379
 APP_URL=http://localhost:4000

apps/backend/package.json

@@ -42,7 +42,6 @@
     "multer": "^2.0.2",
     "node-cron": "^4.2.1",
     "pg": "^8.16.3",
-    "pg-sdk-node": "https://phonepe.mycloudrepo.io/public/repositories/phonepe-pg-sdk-node/releases/v2/phonepe-pg-sdk-node.tgz",
     "razorpay": "^2.9.6",
     "redis": "^5.9.0",
     "zod": "^4.1.12"

apps/backend/src/apis/admin-apis/apis/product-tags.controller.ts

@@ -5,7 +5,8 @@ import { eq } from "drizzle-orm";
 import { ApiError } from "@/src/lib/api-error";
 import { imageUploadS3, generateSignedUrlFromS3Url } from "@/src/lib/s3-client";
 import { deleteS3Image } from "@/src/lib/delete-image";
-import { initializeAllStores } from '@/src/stores/store-initializer';
+import { scheduleStoreInitialization } from '@/src/stores/store-initializer';
+
 
 /**
  * Create a new product tag
@@ -58,9 +59,10 @@ export const createTag = async (req: Request, res: Response) => {
     .returning();
 
   // Reinitialize stores to reflect changes in cache
-  await initializeAllStores();
+  scheduleStoreInitialization()
 
-  return res.status(201).json({
+  // Send response first
+  res.status(201).json({
     tag: newTag,
     message: "Tag created successfully",
   });
@@ -93,7 +95,7 @@ export const getAllTags = async (req: Request, res: Response) => {
  * Get a single product tag by ID
  */
 export const getTagById = async (req: Request, res: Response) => {
-  const { id } = req.params;
+  const id = req.params.id as string
 
   const tag = await db.query.productTagInfo.findFirst({
     where: eq(productTagInfo.id, parseInt(id)),
@@ -119,7 +121,7 @@ export const getTagById = async (req: Request, res: Response) => {
  * Update a product tag
  */
 export const updateTag = async (req: Request, res: Response) => {
-  const { id } = req.params;
+  const id = req.params.id as string
   const { tagName, tagDescription, isDashboardTag, relatedStores } = req.body;
 
   // Get the current tag to check for existing image
@@ -177,9 +179,10 @@ export const updateTag = async (req: Request, res: Response) => {
     .returning();
 
   // Reinitialize stores to reflect changes in cache
-  await initializeAllStores();
+  scheduleStoreInitialization()
 
-  return res.status(200).json({
+  // Send response first
+  res.status(200).json({
     tag: updatedTag,
     message: "Tag updated successfully",
   });
@@ -189,7 +192,7 @@ export const updateTag = async (req: Request, res: Response) => {
  * Delete a product tag
  */
 export const deleteTag = async (req: Request, res: Response) => {
-  const { id } = req.params;
+  const id = req.params.id as string
 
   // Check if tag exists
   const tag = await db.query.productTagInfo.findFirst({
@@ -214,9 +217,10 @@ export const deleteTag = async (req: Request, res: Response) => {
   await db.delete(productTagInfo).where(eq(productTagInfo.id, parseInt(id)));
 
   // Reinitialize stores to reflect changes in cache
-  await initializeAllStores();
+  scheduleStoreInitialization()
 
-  return res.status(200).json({
+  // Send response first
+  res.status(200).json({
     message: "Tag deleted successfully",
   });
-};
+};

apps/backend/src/apis/admin-apis/apis/product.controller.ts

@@ -6,7 +6,8 @@ import { ApiError } from "@/src/lib/api-error";
 import { imageUploadS3, getOriginalUrlFromSignedUrl } from "@/src/lib/s3-client";
 import { deleteS3Image } from "@/src/lib/delete-image";
 import type { SpecialDeal } from "@/src/db/types";
-import { initializeAllStores } from '@/src/stores/store-initializer';
+import { scheduleStoreInitialization } from '@/src/stores/store-initializer';
+
 
 type CreateDeal = {
   quantity: number;
@@ -108,9 +109,10 @@ export const createProduct = async (req: Request, res: Response) => {
   }
 
   // Reinitialize stores to reflect changes
-  await initializeAllStores();
+  scheduleStoreInitialization()
 
-  return res.status(201).json({
+  // Send response first
+  res.status(201).json({
     product: newProduct,
     deals: createdDeals,
     message: "Product created successfully",
@@ -121,7 +123,7 @@ export const createProduct = async (req: Request, res: Response) => {
  * Update a product
  */
 export const updateProduct = async (req: Request, res: Response) => {
-  const { id } = req.params;
+  const id = req.params.id as string
   const { name, shortDescription, longDescription, unitId, storeId, price, marketPrice, incrementStep, productQuantity, isSuspended, isFlashAvailable, flashPrice, deals:dealsRaw, imagesToDelete:imagesToDeleteRaw, tagIds } = req.body;
 
   
@@ -294,10 +296,11 @@ export const updateProduct = async (req: Request, res: Response) => {
   }
 
   // Reinitialize stores to reflect changes
-  await initializeAllStores();
+  scheduleStoreInitialization()
 
-  return res.status(200).json({
+  // Send response first
+  res.status(200).json({
     product: updatedProduct,
     message: "Product updated successfully",
   });
-};
+};

apps/backend/src/lib/cloud_cache.ts

@@ -0,0 +1,376 @@
+import axios from 'axios'
+import { scaffoldProducts } from '@/src/trpc/apis/common-apis/common'
+import { scaffoldEssentialConsts } from '@/src/trpc/apis/common-apis/common-trpc-index'
+import { scaffoldStores } from '@/src/trpc/apis/user-apis/apis/stores'
+import { scaffoldSlotsWithProducts } from '@/src/trpc/apis/user-apis/apis/slots'
+import { scaffoldBanners } from '@/src/trpc/apis/user-apis/apis/banners'
+import { scaffoldStoreWithProducts } from '@/src/trpc/apis/user-apis/apis/stores'
+import { storeInfo } from '@/src/db/schema'
+import { db } from '@/src/db/db_index'
+import { imageUploadS3 } from '@/src/lib/s3-client'
+import { apiCacheKey, cloudflareApiToken, cloudflareZoneId, assetsDomain } from '@/src/lib/env-exporter'
+import { CACHE_FILENAMES } from '@packages/shared'
+import { retryWithExponentialBackoff } from '@/src/lib/retry'
+
+function constructCacheUrl(path: string): string {
+  return `${assetsDomain}${apiCacheKey}/${path}`
+}
+
+export async function createProductsFile(): Promise<string> {
+  // Get products data from the API method
+  const productsData = await scaffoldProducts()
+
+  // Convert to JSON string with pretty formatting
+  const jsonContent = JSON.stringify(productsData, null, 2)
+
+  // Convert to Buffer for S3 upload
+  const buffer = Buffer.from(jsonContent, 'utf-8')
+
+  // Upload to S3 at the specified path using apiCacheKey
+  const s3Key = await imageUploadS3(buffer, 'application/json', `${apiCacheKey}/${CACHE_FILENAMES.products}`)
+
+  // Purge cache with retry
+  const url = constructCacheUrl(CACHE_FILENAMES.products)
+  try {
+    await retryWithExponentialBackoff(() => clearUrlCache([url]))
+    console.log(`Cache purged for ${url}`)
+  } catch (error) {
+    console.error(`Failed to purge cache for ${url} after 3 retries:`, error)
+  }
+
+  return s3Key
+}
+
+export async function createEssentialConstsFile(): Promise<string> {
+  // Get essential consts data from the API method
+  const essentialConstsData = await scaffoldEssentialConsts()
+
+  // Convert to JSON string with pretty formatting
+  const jsonContent = JSON.stringify(essentialConstsData, null, 2)
+
+  // Convert to Buffer for S3 upload
+  const buffer = Buffer.from(jsonContent, 'utf-8')
+
+  // Upload to S3 at the specified path using apiCacheKey
+  const s3Key = await imageUploadS3(buffer, 'application/json', `${apiCacheKey}/${CACHE_FILENAMES.essentialConsts}`)
+
+  // Purge cache with retry
+  const url = constructCacheUrl(CACHE_FILENAMES.essentialConsts)
+  try {
+    await retryWithExponentialBackoff(() => clearUrlCache([url]))
+    console.log(`Cache purged for ${url}`)
+  } catch (error) {
+    console.error(`Failed to purge cache for ${url} after 3 retries:`, error)
+  }
+
+  return s3Key
+}
+
+export async function createStoresFile(): Promise<string> {
+  // Get stores data from the API method
+  const storesData = await scaffoldStores()
+
+  // Convert to JSON string with pretty formatting
+  const jsonContent = JSON.stringify(storesData, null, 2)
+
+  // Convert to Buffer for S3 upload
+  const buffer = Buffer.from(jsonContent, 'utf-8')
+
+  // Upload to S3 at the specified path using apiCacheKey
+  const s3Key = await imageUploadS3(buffer, 'application/json', `${apiCacheKey}/${CACHE_FILENAMES.stores}`)
+
+  // Purge cache with retry
+  const url = constructCacheUrl(CACHE_FILENAMES.stores)
+  try {
+    await retryWithExponentialBackoff(() => clearUrlCache([url]))
+    console.log(`Cache purged for ${url}`)
+  } catch (error) {
+    console.error(`Failed to purge cache for ${url} after 3 retries:`, error)
+  }
+
+  return s3Key
+}
+
+export async function createSlotsFile(): Promise<string> {
+  // Get slots data from the API method
+  const slotsData = await scaffoldSlotsWithProducts()
+
+  // Convert to JSON string with pretty formatting
+  const jsonContent = JSON.stringify(slotsData, null, 2)
+
+  // Convert to Buffer for S3 upload
+  const buffer = Buffer.from(jsonContent, 'utf-8')
+
+  // Upload to S3 at the specified path using apiCacheKey
+  const s3Key = await imageUploadS3(buffer, 'application/json', `${apiCacheKey}/${CACHE_FILENAMES.slots}`)
+
+  // Purge cache with retry
+  const url = constructCacheUrl(CACHE_FILENAMES.slots)
+  try {
+    await retryWithExponentialBackoff(() => clearUrlCache([url]))
+    console.log(`Cache purged for ${url}`)
+  } catch (error) {
+    console.error(`Failed to purge cache for ${url} after 3 retries:`, error)
+  }
+
+  return s3Key
+}
+
+export async function createBannersFile(): Promise<string> {
+  // Get banners data from the API method
+  const bannersData = await scaffoldBanners()
+
+  // Convert to JSON string with pretty formatting
+  const jsonContent = JSON.stringify(bannersData, null, 2)
+
+  // Convert to Buffer for S3 upload
+  const buffer = Buffer.from(jsonContent, 'utf-8')
+
+  // Upload to S3 at the specified path using apiCacheKey
+  const s3Key = await imageUploadS3(buffer, 'application/json', `${apiCacheKey}/${CACHE_FILENAMES.banners}`)
+
+  // Purge cache with retry
+  const url = constructCacheUrl(CACHE_FILENAMES.banners)
+  try {
+    await retryWithExponentialBackoff(() => clearUrlCache([url]))
+    console.log(`Cache purged for ${url}`)
+  } catch (error) {
+    console.error(`Failed to purge cache for ${url} after 3 retries:`, error)
+  }
+
+  return s3Key
+}
+
+export async function createStoreFile(storeId: number): Promise<string> {
+  // Get store data from the API method
+  const storeData = await scaffoldStoreWithProducts(storeId)
+
+  // Convert to JSON string with pretty formatting
+  const jsonContent = JSON.stringify(storeData, null, 2)
+
+  // Convert to Buffer for S3 upload
+  const buffer = Buffer.from(jsonContent, 'utf-8')
+
+  // Upload to S3 at the specified path using apiCacheKey
+  const s3Key = await imageUploadS3(buffer, 'application/json', `${apiCacheKey}/stores/${storeId}.json`)
+
+  // Purge cache with retry
+  const url = constructCacheUrl(`stores/${storeId}.json`)
+  try {
+    await retryWithExponentialBackoff(() => clearUrlCache([url]))
+    console.log(`Cache purged for ${url}`)
+  } catch (error) {
+    console.error(`Failed to purge cache for ${url} after 3 retries:`, error)
+  }
+
+  return s3Key
+}
+
+export async function createAllStoresFiles(): Promise<string[]> {
+  // Fetch all store IDs from database
+  const stores = await db.select({ id: storeInfo.id }).from(storeInfo)
+
+  // Create cache files for all stores and collect URLs
+  const results: string[] = []
+  const urls: string[] = []
+  
+  for (const store of stores) {
+    const s3Key = await createStoreFile(store.id)
+    results.push(s3Key)
+    urls.push(constructCacheUrl(`stores/${store.id}.json`))
+  }
+
+  console.log(`Created ${results.length} store cache files`)
+  
+  // Purge all store caches in one batch with retry
+  try {
+    await retryWithExponentialBackoff(() => clearUrlCache(urls))
+    console.log(`Cache purged for ${urls.length} store files`)
+  } catch (error) {
+    console.error(`Failed to purge cache for store files after 3 retries. URLs: ${urls.join(', ')}`, error)
+  }
+  
+  return results
+}
+
+export interface CreateAllCacheFilesResult {
+  products: string
+  essentialConsts: string
+  stores: string
+  slots: string
+  banners: string
+  individualStores: string[]
+}
+
+export async function createAllCacheFiles(): Promise<CreateAllCacheFilesResult> {
+  console.log('Starting creation of all cache files...')
+  
+  // Create all global cache files in parallel
+  const [
+    productsKey,
+    essentialConstsKey,
+    storesKey,
+    slotsKey,
+    bannersKey,
+    individualStoreKeys,
+  ] = await Promise.all([
+    createProductsFileInternal(),
+    createEssentialConstsFileInternal(),
+    createStoresFileInternal(),
+    createSlotsFileInternal(),
+    createBannersFileInternal(),
+    createAllStoresFilesInternal(),
+  ])
+  
+  // Collect all URLs for batch cache purge
+  const urls = [
+    constructCacheUrl(CACHE_FILENAMES.products),
+    constructCacheUrl(CACHE_FILENAMES.essentialConsts),
+    constructCacheUrl(CACHE_FILENAMES.stores),
+    constructCacheUrl(CACHE_FILENAMES.slots),
+    constructCacheUrl(CACHE_FILENAMES.banners),
+    ...individualStoreKeys.map((_, index) => constructCacheUrl(`stores/${index + 1}.json`)),
+  ]
+  
+  // Purge all caches in one batch with retry
+  try {
+    await retryWithExponentialBackoff(() => clearUrlCache(urls))
+    console.log(`Cache purged for all ${urls.length} files`)
+  } catch (error) {
+    console.error(`Failed to purge cache for all files after 3 retries`, error)
+  }
+  
+  console.log('All cache files created successfully')
+  
+  return {
+    products: productsKey,
+    essentialConsts: essentialConstsKey,
+    stores: storesKey,
+    slots: slotsKey,
+    banners: bannersKey,
+    individualStores: individualStoreKeys,
+  }
+}
+
+// Internal versions that skip cache purging (for batch operations)
+async function createProductsFileInternal(): Promise<string> {
+  const productsData = await scaffoldProducts()
+  const jsonContent = JSON.stringify(productsData, null, 2)
+  const buffer = Buffer.from(jsonContent, 'utf-8')
+  return await imageUploadS3(buffer, 'application/json', `${apiCacheKey}/${CACHE_FILENAMES.products}`)
+}
+
+async function createEssentialConstsFileInternal(): Promise<string> {
+  const essentialConstsData = await scaffoldEssentialConsts()
+  const jsonContent = JSON.stringify(essentialConstsData, null, 2)
+  const buffer = Buffer.from(jsonContent, 'utf-8')
+  return await imageUploadS3(buffer, 'application/json', `${apiCacheKey}/${CACHE_FILENAMES.essentialConsts}`)
+}
+
+async function createStoresFileInternal(): Promise<string> {
+  const storesData = await scaffoldStores()
+  const jsonContent = JSON.stringify(storesData, null, 2)
+  const buffer = Buffer.from(jsonContent, 'utf-8')
+  return await imageUploadS3(buffer, 'application/json', `${apiCacheKey}/${CACHE_FILENAMES.stores}`)
+}
+
+async function createSlotsFileInternal(): Promise<string> {
+  const slotsData = await scaffoldSlotsWithProducts()
+  const jsonContent = JSON.stringify(slotsData, null, 2)
+  const buffer = Buffer.from(jsonContent, 'utf-8')
+  return await imageUploadS3(buffer, 'application/json', `${apiCacheKey}/${CACHE_FILENAMES.slots}`)
+}
+
+async function createBannersFileInternal(): Promise<string> {
+  const bannersData = await scaffoldBanners()
+  const jsonContent = JSON.stringify(bannersData, null, 2)
+  const buffer = Buffer.from(jsonContent, 'utf-8')
+  return await imageUploadS3(buffer, 'application/json', `${apiCacheKey}/${CACHE_FILENAMES.banners}`)
+}
+
+async function createAllStoresFilesInternal(): Promise<string[]> {
+  const stores = await db.select({ id: storeInfo.id }).from(storeInfo)
+  const results: string[] = []
+  
+  for (const store of stores) {
+    const storeData = await scaffoldStoreWithProducts(store.id)
+    const jsonContent = JSON.stringify(storeData, null, 2)
+    const buffer = Buffer.from(jsonContent, 'utf-8')
+    const s3Key = await imageUploadS3(buffer, 'application/json', `${apiCacheKey}/stores/${store.id}.json`)
+    results.push(s3Key)
+  }
+  
+  console.log(`Created ${results.length} store cache files`)
+  return results
+}
+
+export async function clearUrlCache(urls: string[]): Promise<{ success: boolean; errors?: string[] }> {
+  if (!cloudflareApiToken || !cloudflareZoneId) {
+    console.warn('Cloudflare credentials not configured, skipping cache clear')
+    return { success: false, errors: ['Cloudflare credentials not configured'] }
+  }
+
+  try {
+    const response = await axios.post(
+      `https://api.cloudflare.com/client/v4/zones/${cloudflareZoneId}/purge_cache`,
+      { files: urls },
+      {
+        headers: {
+          'Authorization': `Bearer ${cloudflareApiToken}`,
+          'Content-Type': 'application/json',
+        },
+      }
+    )
+
+    const result = response.data as { success: boolean; errors?: { message: string }[] }
+
+    if (!result.success) {
+      const errorMessages = result.errors?.map(e => e.message) || ['Unknown error']
+      console.error(`Cloudflare cache purge failed for URLs: ${urls.join(', ')}`, errorMessages)
+      return { success: false, errors: errorMessages }
+    }
+
+    console.log(`Successfully purged ${urls.length} URLs from Cloudflare cache: ${urls.join(', ')}`)
+    return { success: true }
+  } catch (error) {
+    console.log(error)
+    const errorMessage = error instanceof Error ? error.message : 'Unknown error'
+    console.error(`Error clearing Cloudflare cache for URLs: ${urls.join(', ')}`, errorMessage)
+    return { success: false, errors: [errorMessage] }
+  }
+}
+
+export async function clearAllCache(): Promise<{ success: boolean; errors?: string[] }> {
+  if (!cloudflareApiToken || !cloudflareZoneId) {
+    console.warn('Cloudflare credentials not configured, skipping cache clear')
+    return { success: false, errors: ['Cloudflare credentials not configured'] }
+  }
+
+  try {
+    const response = await axios.post(
+      `https://api.cloudflare.com/client/v4/zones/${cloudflareZoneId}/purge_cache`,
+      { purge_everything: true },
+      {
+        headers: {
+          'Authorization': `Bearer ${cloudflareApiToken}`,
+          'Content-Type': 'application/json',
+        },
+      }
+    )
+
+    const result = response.data as { success: boolean; errors?: { message: string }[] }
+
+    if (!result.success) {
+      const errorMessages = result.errors?.map(e => e.message) || ['Unknown error']
+      console.error('Cloudflare cache purge failed:', errorMessages)
+      return { success: false, errors: errorMessages }
+    }
+
+    console.log('Successfully purged all cache from Cloudflare')
+    return { success: true }
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : 'Unknown error'
+    console.error('Error clearing Cloudflare cache:', errorMessage)
+    return { success: false, errors: [errorMessage] }
+  }
+}

apps/backend/src/lib/env-exporter.ts

@@ -17,6 +17,12 @@ export const s3Region = process.env.S3_REGION as string
 
 export const assetsDomain = process.env.ASSETS_DOMAIN as string;
 
+export const apiCacheKey = process.env.API_CACHE_KEY as string;
+
+export const cloudflareApiToken = process.env.CLOUDFLARE_API_TOKEN as string;
+
+export const cloudflareZoneId = process.env.CLOUDFLARE_ZONE_ID as string;
+
 export const s3Url = process.env.S3_URL as string
 
 export const redisUrl = process.env.REDIS_URL as string

apps/backend/src/lib/init.ts

@@ -3,6 +3,7 @@ import { initializeAllStores } from '@/src/stores/store-initializer'
 import { initializeUserNegativityStore } from '@/src/stores/user-negativity-store'
 import { startOrderHandler, startCancellationHandler, publishOrder } from '@/src/lib/post-order-handler'
 import { deleteOrders } from '@/src/lib/delete-orders'
+import { createAllCacheFiles } from '@/src/lib/cloud_cache'
 
 /**
  * Initialize all application services
@@ -25,6 +26,10 @@ export const initFunc = async (): Promise<void> => {
       startCancellationHandler(),
     ]);
 
+    // Create all cache files after stores are initialized
+    await createAllCacheFiles();
+    console.log('Cache files created successfully');
+
     console.log('Application initialization completed successfully');
   } catch (error) {
     console.error('Application initialization failed:', error);

apps/backend/src/lib/retry.ts

@@ -0,0 +1,23 @@
+export async function retryWithExponentialBackoff<T>(
+  fn: () => Promise<T>,
+  maxRetries: number = 3,
+  delayMs: number = 1000
+): Promise<T> {
+  let lastError: Error | undefined
+  
+  for (let attempt = 1; attempt <= maxRetries; attempt++) {
+    try {
+      return await fn()
+    } catch (error) {
+      lastError = error instanceof Error ? error : new Error(String(error))
+      
+      if (attempt < maxRetries) {
+        console.log(`Attempt ${attempt} failed, retrying in ${delayMs}ms...`)
+        await new Promise(resolve => setTimeout(resolve, delayMs))
+        delayMs *= 2
+      }
+    }
+  }
+  
+  throw lastError
+}

apps/backend/src/stores/store-initializer.ts

@@ -4,6 +4,10 @@ import { initializeProducts } from '@/src/stores/product-store'
 import { initializeProductTagStore } from '@/src/stores/product-tag-store'
 import { initializeSlotStore } from '@/src/stores/slot-store'
 import { initializeBannerStore } from '@/src/stores/banner-store'
+import { createAllCacheFiles } from '@/src/lib/cloud_cache'
+
+const STORE_INIT_DELAY_MS = 3 * 60 * 1000
+let storeInitializationTimeout: NodeJS.Timeout | null = null
 
 /**
  * Initialize all application stores
@@ -29,8 +33,27 @@ export const initializeAllStores = async (): Promise<void> => {
     ]);
 
     console.log('All application stores initialized successfully');
+
+    // Regenerate all cache files (fire-and-forget)
+    createAllCacheFiles().catch(error => {
+      console.error('Failed to regenerate cache files during store initialization:', error)
+    })
   } catch (error) {
     console.error('Application stores initialization failed:', error);
     throw error;
   }
-};
+};
+
+export const scheduleStoreInitialization = (): void => {
+  if (storeInitializationTimeout) {
+    clearTimeout(storeInitializationTimeout)
+    storeInitializationTimeout = null
+  }
+
+  storeInitializationTimeout = setTimeout(() => {
+    storeInitializationTimeout = null
+    initializeAllStores().catch(error => {
+      console.error('Scheduled store initialization failed:', error)
+    })
+  }, STORE_INIT_DELAY_MS)
+}

apps/backend/src/trpc/apis/admin-apis/apis/banner.ts

@@ -5,7 +5,8 @@ import { eq, and, desc, sql } from 'drizzle-orm';
 import { protectedProcedure, router } from '@/src/trpc/trpc-index'
 import { extractKeyFromPresignedUrl, generateSignedUrlFromS3Url } from '@/src/lib/s3-client'
 import { ApiError } from '@/src/lib/api-error';
-import { initializeAllStores } from '@/src/stores/store-initializer'
+import { scheduleStoreInitialization } from '@/src/stores/store-initializer'
+
 
 export const bannerRouter = router({
   // Get all banners
@@ -104,7 +105,7 @@ export const bannerRouter = router({
         }).returning();
 
         // Reinitialize stores to reflect changes
-        await initializeAllStores();
+        scheduleStoreInitialization()
 
         return banner;
       } catch (error) {
@@ -151,7 +152,7 @@ export const bannerRouter = router({
           .returning();
 
         // Reinitialize stores to reflect changes
-        await initializeAllStores();
+        scheduleStoreInitialization()
 
         return banner;
       } catch (error) {
@@ -167,7 +168,7 @@ export const bannerRouter = router({
       await db.delete(homeBanners).where(eq(homeBanners.id, input.id));
 
       // Reinitialize stores to reflect changes
-      await initializeAllStores();
+      scheduleStoreInitialization()
 
       return { success: true };
     }),

apps/backend/src/trpc/apis/admin-apis/apis/product.ts

@@ -7,7 +7,8 @@ import { ApiError } from '@/src/lib/api-error'
 import { imageUploadS3, generateSignedUrlsFromS3Urls, getOriginalUrlFromSignedUrl, claimUploadUrl } from '@/src/lib/s3-client'
 import { deleteS3Image } from '@/src/lib/delete-image'
 import type { SpecialDeal } from '@/src/db/types'
-import { initializeAllStores } from '@/src/stores/store-initializer'
+import { scheduleStoreInitialization } from '@/src/stores/store-initializer'
+
 
 type CreateDeal = {
   quantity: number;
@@ -102,7 +103,7 @@ export const productRouter = router({
       }
 
       // Reinitialize stores to reflect changes
-      await initializeAllStores();
+      scheduleStoreInitialization()
 
       return {
         message: "Product deleted successfully",
@@ -133,7 +134,7 @@ export const productRouter = router({
         .returning();
 
       // Reinitialize stores to reflect changes
-      await initializeAllStores();
+      scheduleStoreInitialization()
 
       return {
         product: updatedProduct,
@@ -189,7 +190,7 @@ export const productRouter = router({
       }
 
       // Reinitialize stores to reflect changes
-      await initializeAllStores();
+      scheduleStoreInitialization()
 
       return {
         message: "Slot products updated successfully",
@@ -391,7 +392,7 @@ export const productRouter = router({
       }
 
       // Reinitialize stores to reflect changes
-      await initializeAllStores();
+      scheduleStoreInitialization()
 
       return {
         group: newGroup,
@@ -439,7 +440,7 @@ export const productRouter = router({
       }
 
       // Reinitialize stores to reflect changes
-      await initializeAllStores();
+      scheduleStoreInitialization()
 
       return {
         group: updatedGroup,
@@ -467,15 +468,15 @@ export const productRouter = router({
          throw new ApiError('Group not found', 404);
        }
 
-       // Reinitialize stores to reflect changes
+        // Reinitialize stores to reflect changes
-       await initializeAllStores();
+        scheduleStoreInitialization()
 
-       return {
+        return {
-         message: 'Group deleted successfully',
+          message: 'Group deleted successfully',
-       };
+        };
-     }),
+      }),
 
-    updateProductPrices: protectedProcedure
+     updateProductPrices: protectedProcedure
       .input(z.object({
         updates: z.array(z.object({
           productId: z.number(),
@@ -523,12 +524,12 @@ export const productRouter = router({
 
        await Promise.all(updatePromises);
 
-       // Reinitialize stores to reflect changes
+         // Reinitialize stores to reflect changes
-       await initializeAllStores();
+         scheduleStoreInitialization()
 
-       return {
+         return {
-         message: `Updated prices for ${updates.length} product(s)`,
+           message: `Updated prices for ${updates.length} product(s)`,
-         updatedCount: updates.length,
+           updatedCount: updates.length,
-       };
+         };
-     }),
+       }),
- });
+   });

apps/backend/src/trpc/apis/admin-apis/apis/slots.ts

@@ -8,7 +8,8 @@ import { ApiError } from "@/src/lib/api-error"
 import { appUrl } from "@/src/lib/env-exporter"
 import redisClient from "@/src/lib/redis-client"
 import { getSlotSequenceKey } from "@/src/lib/redisKeyGetters"
-import { initializeAllStores } from '@/src/stores/store-initializer'
+import { scheduleStoreInitialization } from '@/src/stores/store-initializer'
+
 
 interface CachedDeliverySequence {
   [userId: string]: number[];
@@ -215,7 +216,7 @@ export const slotsRouter = router({
       }
 
       // Reinitialize stores to reflect changes
-      await initializeAllStores();
+      scheduleStoreInitialization()
 
       return {
         message: "Slot products updated successfully",
@@ -298,7 +299,7 @@ export const slotsRouter = router({
       });
 
       // Reinitialize stores to reflect changes (outside transaction)
-      await initializeAllStores();
+      scheduleStoreInitialization()
 
       return result;
     }),
@@ -457,7 +458,7 @@ export const slotsRouter = router({
       });
 
       // Reinitialize stores to reflect changes (outside transaction)
-      await initializeAllStores();
+      scheduleStoreInitialization()
 
       return result;
     }
@@ -487,7 +488,7 @@ export const slotsRouter = router({
       }
 
       // Reinitialize stores to reflect changes
-      await initializeAllStores();
+      scheduleStoreInitialization()
 
       return {
         message: "Slot deleted successfully",
@@ -598,7 +599,7 @@ export const slotsRouter = router({
       }
 
       // Reinitialize stores to reflect changes
-      await initializeAllStores();
+      scheduleStoreInitialization()
 
       return {
         success: true,

apps/backend/src/trpc/apis/admin-apis/apis/store.ts

@@ -6,7 +6,8 @@ import { eq, inArray } from 'drizzle-orm';
 import { ApiError } from '@/src/lib/api-error'
  import { extractKeyFromPresignedUrl, deleteImageUtil, generateSignedUrlFromS3Url } from '@/src/lib/s3-client'
 import { getSignedUrl } from '@aws-sdk/s3-request-presigner';
-import { initializeAllStores } from '@/src/stores/store-initializer'
+import { scheduleStoreInitialization } from '@/src/stores/store-initializer'
+
 
 export const storeRouter = router({
   getStores: protectedProcedure
@@ -85,7 +86,7 @@ export const storeRouter = router({
       }
 
       // Reinitialize stores to reflect changes
-      await initializeAllStores();
+      scheduleStoreInitialization()
 
       return {
         store: newStore,
@@ -163,16 +164,16 @@ export const storeRouter = router({
          }
        }
 
-       // Reinitialize stores to reflect changes
+           // Reinitialize stores to reflect changes
-       await initializeAllStores();
+           scheduleStoreInitialization()
 
-        return {
+            return {
-          store: updatedStore,
+              store: updatedStore,
-          message: "Store updated successfully",
+              message: "Store updated successfully",
-        };
+            };
-     }),
+       }),
 
-   deleteStore: protectedProcedure
+    deleteStore: protectedProcedure
      .input(z.object({
        storeId: z.number(),
      }))
@@ -201,9 +202,9 @@ export const storeRouter = router({
          };
        });
 
-       // Reinitialize stores to reflect changes (outside transaction)
+           // Reinitialize stores to reflect changes (outside transaction)
-       await initializeAllStores();
+           scheduleStoreInitialization()
 
-       return result;
+           return result;
-     }),
+        }),
-});
+  });

apps/backend/src/trpc/apis/common-apis/common-trpc-index.ts

@@ -9,9 +9,32 @@ import { generateUploadUrl } from '@/src/lib/s3-client'
 import { ApiError } from '@/src/lib/api-error'
 import { getAllConstValues } from '@/src/lib/const-store'
 import { CONST_KEYS } from '@/src/lib/const-keys'
+import { assetsDomain, apiCacheKey } from '@/src/lib/env-exporter'
 
 const polygon = turf.polygon(mbnrGeoJson.features[0].geometry.coordinates);
 
+export async function scaffoldEssentialConsts() {
+  const consts = await getAllConstValues();
+
+  return {
+    freeDeliveryThreshold: consts[CONST_KEYS.freeDeliveryThreshold] ?? 200,
+    deliveryCharge: consts[CONST_KEYS.deliveryCharge] ?? 0,
+    flashFreeDeliveryThreshold: consts[CONST_KEYS.flashFreeDeliveryThreshold] ?? 500,
+    flashDeliveryCharge: consts[CONST_KEYS.flashDeliveryCharge] ?? 69,
+    popularItems: consts[CONST_KEYS.popularItems] ?? '5,3,2,4,1',
+    versionNum: consts[CONST_KEYS.versionNum] ?? '1.1.0',
+    playStoreUrl: consts[CONST_KEYS.playStoreUrl] ?? 'https://play.google.com/store/apps/details?id=in.freshyo.app',
+    appStoreUrl: consts[CONST_KEYS.appStoreUrl] ?? 'https://apps.apple.com/in/app/freshyo/id6756889077',
+    webViewHtml: null,
+    isWebviewClosable: true,
+    isFlashDeliveryEnabled: consts[CONST_KEYS.isFlashDeliveryEnabled] ?? true,
+    supportMobile: consts[CONST_KEYS.supportMobile] ?? '',
+    supportEmail: consts[CONST_KEYS.supportEmail] ?? '',
+    assetsDomain,
+    apiCacheKey,
+  };
+}
+
 export const commonApiRouter = router({
   product: commonRouter,
   getStoresSummary: publicProcedure
@@ -99,23 +122,8 @@ export const commonApiRouter = router({
     }),
   essentialConsts: publicProcedure
     .query(async () => {
-      const consts = await getAllConstValues();
+      const response = await scaffoldEssentialConsts();
-      
+      return response;
-      return {
-        freeDeliveryThreshold: consts[CONST_KEYS.freeDeliveryThreshold] ?? 200,
-        deliveryCharge: consts[CONST_KEYS.deliveryCharge] ?? 0,
-        flashFreeDeliveryThreshold: consts[CONST_KEYS.flashFreeDeliveryThreshold] ?? 500,
-        flashDeliveryCharge: consts[CONST_KEYS.flashDeliveryCharge] ?? 69,
-        popularItems: consts[CONST_KEYS.popularItems] ?? '5,3,2,4,1',
-        versionNum: consts[CONST_KEYS.versionNum] ?? '1.1.0',
-        playStoreUrl: consts[CONST_KEYS.playStoreUrl] ?? 'https://play.google.com/store/apps/details?id=in.freshyo.app',
-        appStoreUrl: consts[CONST_KEYS.appStoreUrl] ?? 'https://apps.apple.com/in/app/freshyo/id6756889077',
-        webViewHtml: null,
-        isWebviewClosable: true,
-        isFlashDeliveryEnabled: consts[CONST_KEYS.isFlashDeliveryEnabled] ?? true,
-        supportMobile: consts[CONST_KEYS.supportMobile] ?? '',
-        supportEmail: consts[CONST_KEYS.supportEmail] ?? '',
-      };
     }),
 });
 

apps/backend/src/trpc/apis/common-apis/common.ts

@@ -1,12 +1,10 @@
 import { router, publicProcedure } from '@/src/trpc/trpc-index'
 import { db } from '@/src/db/db_index'
-import { productInfo, units, productSlots, deliverySlotInfo, storeInfo, productTags, productTagInfo } from '@/src/db/schema'
+import { productInfo, units, productSlots, deliverySlotInfo, storeInfo } from '@/src/db/schema'
 import { eq, gt, and, sql, inArray } from 'drizzle-orm';
 import { generateSignedUrlsFromS3Urls, generateSignedUrlFromS3Url } from '@/src/lib/s3-client'
-import { z } from 'zod';
 import { getAllProducts as getAllProductsFromCache } from '@/src/stores/product-store'
 import { getDashboardTags as getDashboardTagsFromCache } from '@/src/stores/product-tag-store'
-import Fuse from 'fuse.js';
 
 export const getNextDeliveryDate = async (productId: number): Promise<Date | null> => {
   const result = await db
@@ -28,9 +26,51 @@ export const getNextDeliveryDate = async (productId: number): Promise<Date | nul
   return result[0]?.deliveryTime || null;
 };
 
+export async function scaffoldProducts() {
+  // Get all products from cache
+  let products = await getAllProductsFromCache();
+  products = products.filter(item => Boolean(item.id))
 
+  // Get suspended product IDs to filter them out
+  const suspendedProducts = await db
+    .select({ id: productInfo.id })
+    .from(productInfo)
+    .where(eq(productInfo.isSuspended, true));
 
+  const suspendedProductIds = new Set(suspendedProducts.map(sp => sp.id));
 
+  // Filter out suspended products
+  products = products.filter(product => !suspendedProductIds.has(product.id));
+
+  // Format products to match the expected response structure
+  const formattedProducts = await Promise.all(
+    products.map(async (product) => {
+      const nextDeliveryDate = await getNextDeliveryDate(product.id);
+      return {
+        id: product.id,
+        name: product.name,
+        shortDescription: product.shortDescription,
+        price: parseFloat(product.price),
+        marketPrice: product.marketPrice ? parseFloat(product.marketPrice) : null,
+        unit: product.unitNotation,
+        unitNotation: product.unitNotation,
+        incrementStep: product.incrementStep,
+        productQuantity: product.productQuantity,
+        storeId: product.store?.id || null,
+        isOutOfStock: product.isOutOfStock,
+        isFlashAvailable: product.isFlashAvailable,
+        nextDeliveryDate: nextDeliveryDate ? nextDeliveryDate.toISOString() : null,
+        images: product.images,
+        flashPrice: product.flashPrice
+      };
+    })
+  );
+
+  return {
+    products: formattedProducts,
+    count: formattedProducts.length,
+  };
+}
 
 export const commonRouter = router({
   getDashboardTags: publicProcedure
@@ -44,89 +84,9 @@ export const commonRouter = router({
     }),
 
   getAllProductsSummary: publicProcedure
-    .input(z.object({
+    .query(async () => {
-      searchQuery: z.string().optional(),
+      const response = await scaffoldProducts();
-      tagId: z.number().optional()
+      return response;
-    }))
-    .query(async ({ input }) => {
-      const { searchQuery, tagId } = input;
-
-      // Get all products from cache
-      let products = await getAllProductsFromCache();
-      products = products.filter(item => Boolean(item.id))
-      
-      // Apply tag filtering if tagId is provided
-      if (tagId) {
-        // Get products that have this tag from the database
-        const taggedProducts = await db
-          .select({ productId: productTags.productId })
-          .from(productTags)
-          .where(eq(productTags.tagId, tagId));
-
-        const taggedProductIds = new Set(taggedProducts.map(tp => tp.productId));
-
-        // Filter products based on tag
-        products = products.filter(product => taggedProductIds.has(product.id));
-      }
-
-      // Apply search filtering if searchQuery is provided using Fuse.js
-      if (searchQuery) {
-        const fuse = new Fuse(products, {
-          keys: [
-            'name',
-            'shortDescription',
-            'longDescription',
-            'store.name', // Search in store name too
-            'productTags', // Search in product tags too
-          ],
-          threshold: 0.3, // Adjust fuzziness (0.0 = exact match, 1.0 = match anything)
-          includeScore: true,
-          shouldSort: true,
-        });
-
-        const fuseResults = fuse.search(searchQuery);
-        products = fuseResults.map(result => result.item);
-      }
-
-      // Get suspended product IDs to filter them out
-      const suspendedProducts = await db
-        .select({ id: productInfo.id })
-        .from(productInfo)
-        .where(eq(productInfo.isSuspended, true));
-
-      const suspendedProductIds = new Set(suspendedProducts.map(sp => sp.id));
-
-      // Filter out suspended products
-      products = products.filter(product => !suspendedProductIds.has(product.id));
-
-      // Format products to match the expected response structure
-      const formattedProducts = await Promise.all(
-        products.map(async (product) => {
-          const nextDeliveryDate = await getNextDeliveryDate(product.id);
-          return {
-            id: product.id,
-            name: product.name,
-            shortDescription: product.shortDescription,
-            price: parseFloat(product.price),
-            marketPrice: product.marketPrice ? parseFloat(product.marketPrice) : null,
-            unit: product.unitNotation,
-            unitNotation: product.unitNotation,
-            incrementStep: product.incrementStep,
-            productQuantity: product.productQuantity,
-            storeId: product.store?.id || null,
-            isOutOfStock: product.isOutOfStock,
-            isFlashAvailable: product.isFlashAvailable,
-            nextDeliveryDate: nextDeliveryDate ? nextDeliveryDate.toISOString() : null,
-            images: product.images, // Already signed URLs from cache
-          };
-        })
-      );
-
-      
-      return {
-        products: formattedProducts,
-        count: formattedProducts.length,
-      };
     }),
 
   getStoresSummary: publicProcedure
@@ -153,4 +113,4 @@ export const commonRouter = router({
         status: "ok",
       };
     }),
-});
+});

apps/backend/src/trpc/apis/user-apis/apis/banners.ts

@@ -1,38 +1,30 @@
 import { db } from '@/src/db/db_index';
 import { homeBanners } from '@/src/db/schema';
 import { publicProcedure, router } from '@/src/trpc/trpc-index';
-import { generateSignedUrlFromS3Url } from '@/src/lib/s3-client';
+import { scaffoldAssetUrl } from '@/src/lib/s3-client';
 import { isNotNull, asc } from 'drizzle-orm';
 
+export async function scaffoldBanners() {
+  const banners = await db.query.homeBanners.findMany({
+    where: isNotNull(homeBanners.serialNum), // Only show assigned banners
+    orderBy: asc(homeBanners.serialNum), // Order by slot number 1-4
+  });
+
+  // Convert S3 keys to signed URLs for client
+  const bannersWithSignedUrls = banners.map((banner) => ({
+    ...banner,
+    imageUrl: banner.imageUrl ? scaffoldAssetUrl(banner.imageUrl) : banner.imageUrl,
+  }));
+
+  return {
+    banners: bannersWithSignedUrls,
+  };
+}
+
 export const bannerRouter = router({
   getBanners: publicProcedure
     .query(async () => {
-      const banners = await db.query.homeBanners.findMany({
+      const response = await scaffoldBanners();
-        where: isNotNull(homeBanners.serialNum), // Only show assigned banners
+      return response;
-        orderBy: asc(homeBanners.serialNum), // Order by slot number 1-4
-      });
-
-      // Convert S3 keys to signed URLs for client
-      const bannersWithSignedUrls = await Promise.all(
-        banners.map(async (banner) => {
-          try {
-            return {
-              ...banner,
-              imageUrl: banner.imageUrl ? await generateSignedUrlFromS3Url(banner.imageUrl) : banner.imageUrl,
-            };
-          } catch (error) {
-            console.error(`Failed to generate signed URL for banner ${banner.id}:`, error);
-            return {
-              ...banner,
-              imageUrl: banner.imageUrl, // Keep original on error
-            };
-          }
-        })
-      );
-      
-      
-      return {
-        banners: bannersWithSignedUrls,
-      };
     }),
 });

apps/backend/src/trpc/apis/user-apis/apis/slots.ts

@@ -7,7 +7,7 @@ import {
   productInfo,
   units,
 } from "@/src/db/schema";
-import { eq, and, gt, asc } from "drizzle-orm";
+import { eq, and } from "drizzle-orm";
 import { getAllSlots as getAllSlotsFromCache, getSlotById as getSlotByIdFromCache } from "@/src/stores/slot-store";
 import dayjs from 'dayjs';
 
@@ -32,6 +32,42 @@ async function getSlotData(slotId: number) {
   };
 }
 
+export async function scaffoldSlotsWithProducts() {
+  const allSlots = await getAllSlotsFromCache();
+  const currentTime = new Date();
+  const validSlots = allSlots
+    .filter((slot) => {
+      return dayjs(slot.freezeTime).isAfter(currentTime) &&
+             dayjs(slot.deliveryTime).isAfter(currentTime) &&
+             !slot.isCapacityFull;
+    })
+    .sort((a, b) => dayjs(a.deliveryTime).valueOf() - dayjs(b.deliveryTime).valueOf());
+
+  // Fetch all products for availability info
+  const allProducts = await db
+    .select({
+      id: productInfo.id,
+      name: productInfo.name,
+      isOutOfStock: productInfo.isOutOfStock,
+      isFlashAvailable: productInfo.isFlashAvailable,
+    })
+    .from(productInfo)
+    .where(eq(productInfo.isSuspended, false));
+
+  const productAvailability = allProducts.map(product => ({
+    id: product.id,
+    name: product.name,
+    isOutOfStock: product.isOutOfStock,
+    isFlashAvailable: product.isFlashAvailable,
+  }));
+
+  return {
+    slots: validSlots,
+    productAvailability,
+    count: validSlots.length,
+  };
+}
+
 export const slotsRouter = router({
   getSlots: publicProcedure.query(async () => {
     const slots = await db.query.deliverySlotInfo.findMany({
@@ -44,40 +80,8 @@ export const slotsRouter = router({
   }),
 
   getSlotsWithProducts: publicProcedure.query(async () => {
-    const allSlots = await getAllSlotsFromCache();
+    const response = await scaffoldSlotsWithProducts();
-    const currentTime = new Date();
+    return response;
-    const validSlots = allSlots
-      .filter((slot) => {
-        return dayjs(slot.freezeTime).isAfter(currentTime) &&
-               dayjs(slot.deliveryTime).isAfter(currentTime) &&
-               !slot.isCapacityFull;
-      })
-      .sort((a, b) => dayjs(a.deliveryTime).valueOf() - dayjs(b.deliveryTime).valueOf());
-
-    return {
-      slots: validSlots,
-      count: validSlots.length,
-    };
-  }),
-
-  nextMajorDelivery: publicProcedure.query(async () => {
-    const now = new Date();
-
-    // Find the next upcoming active delivery slot ID
-    const nextSlot = await db.query.deliverySlotInfo.findFirst({
-      where: and(
-        eq(deliverySlotInfo.isActive, true),
-        gt(deliverySlotInfo.deliveryTime, now),
-      ),
-      orderBy: asc(deliverySlotInfo.deliveryTime),
-    });
-
-    if (!nextSlot) {
-      return null; // No upcoming delivery slots
-    }
-
-    // Get formatted data using helper method
-    return await getSlotData(nextSlot.id);
   }),
 
   getSlotById: publicProcedure

apps/backend/src/trpc/apis/user-apis/apis/stores.ts

@@ -5,67 +5,149 @@ import { storeInfo, productInfo, units } from '@/src/db/schema';
 import { eq, and, sql } from 'drizzle-orm';
 import { scaffoldAssetUrl } from '@/src/lib/s3-client';
 import { ApiError } from '@/src/lib/api-error';
+import { getTagsByStoreId } from '@/src/stores/product-tag-store';
 
-export const storesRouter = router({
+export async function scaffoldStores() {
-  getStores: publicProcedure
+  const storesData = await db
-    .query(async () => {
+    .select({
-      const storesData = await db
+      id: storeInfo.id,
+      name: storeInfo.name,
+      description: storeInfo.description,
+      imageUrl: storeInfo.imageUrl,
+      productCount: sql<number>`count(${productInfo.id})`.as('productCount'),
+    })
+    .from(storeInfo)
+    .leftJoin(
+      productInfo,
+      and(eq(productInfo.storeId, storeInfo.id), eq(productInfo.isSuspended, false))
+    )
+    .groupBy(storeInfo.id);
+
+  // Generate signed URLs for store images and fetch sample products
+  const storesWithDetails = await Promise.all(
+    storesData.map(async (store) => {
+      const signedImageUrl = store.imageUrl ? scaffoldAssetUrl(store.imageUrl) : null;
+
+      // Fetch up to 3 products for this store
+      const sampleProducts = await db
         .select({
-          id: storeInfo.id,
+          id: productInfo.id,
-          name: storeInfo.name,
+          name: productInfo.name,
-          description: storeInfo.description,
+          images: productInfo.images,
-          imageUrl: storeInfo.imageUrl,
-          productCount: sql<number>`count(${productInfo.id})`.as('productCount'),
         })
-        .from(storeInfo)
+        .from(productInfo)
-        .leftJoin(
+        .where(and(eq(productInfo.storeId, store.id), eq(productInfo.isSuspended, false)))
-          productInfo,
+        .limit(3);
-          and(eq(productInfo.storeId, storeInfo.id), eq(productInfo.isSuspended, false))
-        )
-        .groupBy(storeInfo.id);
-
-      // Generate signed URLs for store images and fetch sample products
-      const storesWithDetails = await Promise.all(
-        storesData.map(async (store) => {
-          const signedImageUrl = store.imageUrl ? scaffoldAssetUrl(store.imageUrl) : null;
-
-          // Fetch up to 3 products for this store
-          const sampleProducts = await db
-            .select({
-              id: productInfo.id,
-              name: productInfo.name,
-              images: productInfo.images,
-            })
-            .from(productInfo)
-            .where(and(eq(productInfo.storeId, store.id), eq(productInfo.isSuspended, false)))
-            .limit(3);
-
-          // Generate signed URLs for product images
-          const productsWithSignedUrls = await Promise.all(
-            sampleProducts.map(async (product) => {
-              const images = product.images as string[];
-              return {
-                id: product.id,
-                name: product.name,
-                signedImageUrl: (images && images.length > 0) ? scaffoldAssetUrl(images[0]) : null,
-              };
-            })
-          );
 
+      // Generate signed URLs for product images
+      const productsWithSignedUrls = await Promise.all(
+        sampleProducts.map(async (product) => {
+          const images = product.images as string[];
           return {
-            id: store.id,
+            id: product.id,
-            name: store.name,
+            name: product.name,
-            description: store.description,
+            signedImageUrl: (images && images.length > 0) ? scaffoldAssetUrl(images[0]) : null,
-            signedImageUrl,
-            productCount: store.productCount,
-            sampleProducts: productsWithSignedUrls,
           };
         })
       );
 
       return {
-        stores: storesWithDetails,
+        id: store.id,
+        name: store.name,
+        description: store.description,
+        signedImageUrl,
+        productCount: store.productCount,
+        sampleProducts: productsWithSignedUrls,
       };
+    })
+  );
+
+  return {
+    stores: storesWithDetails,
+  };
+}
+
+export async function scaffoldStoreWithProducts(storeId: number) {
+  // Fetch store info
+  const storeData = await db.query.storeInfo.findFirst({
+    where: eq(storeInfo.id, storeId),
+    columns: {
+      id: true,
+      name: true,
+      description: true,
+      imageUrl: true,
+    },
+  });
+
+  if (!storeData) {
+    throw new ApiError('Store not found', 404);
+  }
+
+  // Generate signed URL for store image
+  const signedImageUrl = storeData.imageUrl ?  scaffoldAssetUrl(storeData.imageUrl) : null;
+
+  // Fetch products for this store
+  const productsData = await db
+    .select({
+      id: productInfo.id,
+      name: productInfo.name,
+      shortDescription: productInfo.shortDescription,
+      price: productInfo.price,
+      marketPrice: productInfo.marketPrice,
+      images: productInfo.images,
+      isOutOfStock: productInfo.isOutOfStock,
+      incrementStep: productInfo.incrementStep,
+      unitShortNotation: units.shortNotation,
+      unitNotation: units.shortNotation,
+      productQuantity: productInfo.productQuantity,
+    })
+    .from(productInfo)
+    .innerJoin(units, eq(productInfo.unitId, units.id))
+    .where(and(eq(productInfo.storeId, storeId), eq(productInfo.isSuspended, false)));
+
+    
+  // Generate signed URLs for product images
+  const productsWithSignedUrls = await Promise.all(
+    productsData.map(async (product) => ({
+      id: product.id,
+      name: product.name,
+      shortDescription: product.shortDescription,
+      price: product.price,
+      marketPrice: product.marketPrice,
+      incrementStep: product.incrementStep,
+      unit: product.unitShortNotation,
+      unitNotation: product.unitNotation,
+      images:  scaffoldAssetUrl((product.images as string[]) || []),
+      isOutOfStock: product.isOutOfStock,
+      productQuantity: product.productQuantity
+    }))
+  );
+
+  const tags = await getTagsByStoreId(storeId);
+
+  return {
+    store: {
+      id: storeData.id,
+      name: storeData.name,
+      description: storeData.description,
+      signedImageUrl,
+    },
+    products: productsWithSignedUrls,
+    tags: tags.map(tag => ({
+      id: tag.id,
+      tagName: tag.tagName,
+      tagDescription: tag.tagDescription,
+      imageUrl: tag.imageUrl,
+      productIds: tag.productIds,
+    })),
+  };
+}
+
+export const storesRouter = router({
+  getStores: publicProcedure
+    .query(async () => {
+      const response = await scaffoldStores();
+      return response;
     }),
 
   getStoreWithProducts: publicProcedure
@@ -74,70 +156,7 @@ export const storesRouter = router({
     }))
     .query(async ({ input }) => {
       const { storeId } = input;
-
+      const response = await scaffoldStoreWithProducts(storeId);
-      // Fetch store info
+      return response;
-      const storeData = await db.query.storeInfo.findFirst({
-        where: eq(storeInfo.id, storeId),
-        columns: {
-          id: true,
-          name: true,
-          description: true,
-          imageUrl: true,
-        },
-      });
-
-      if (!storeData) {
-        throw new ApiError('Store not found', 404);
-      }
-
-      // Generate signed URL for store image
-      const signedImageUrl = storeData.imageUrl ?  scaffoldAssetUrl(storeData.imageUrl) : null;
-
-      // Fetch products for this store
-      const productsData = await db
-        .select({
-          id: productInfo.id,
-          name: productInfo.name,
-          shortDescription: productInfo.shortDescription,
-          price: productInfo.price,
-          marketPrice: productInfo.marketPrice,
-          images: productInfo.images,
-          isOutOfStock: productInfo.isOutOfStock,
-          incrementStep: productInfo.incrementStep,
-          unitShortNotation: units.shortNotation,
-          unitNotation: units.shortNotation,
-          productQuantity: productInfo.productQuantity,
-        })
-        .from(productInfo)
-        .innerJoin(units, eq(productInfo.unitId, units.id))
-        .where(and(eq(productInfo.storeId, storeId), eq(productInfo.isSuspended, false)));
-
-        
-      // Generate signed URLs for product images
-      const productsWithSignedUrls = await Promise.all(
-        productsData.map(async (product) => ({
-          id: product.id,
-          name: product.name,
-          shortDescription: product.shortDescription,
-          price: product.price,
-          marketPrice: product.marketPrice,
-          incrementStep: product.incrementStep,
-          unit: product.unitShortNotation,
-          unitNotation: product.unitNotation,
-          images:  scaffoldAssetUrl((product.images as string[]) || []),
-          isOutOfStock: product.isOutOfStock,
-          productQuantity: product.productQuantity
-        }))
-      );
-
-      return {
-        store: {
-          id: storeData.id,
-          name: storeData.name,
-          description: storeData.description,
-          signedImageUrl,
-        },
-        products: productsWithSignedUrls,
-      };
     }),
 });

apps/backend/src/trpc/router.ts

@@ -3,6 +3,11 @@ import { z } from 'zod';
 import { adminRouter } from '@/src/trpc/apis/admin-apis/apis/admin-trpc-index'
 import { userRouter } from '@/src/trpc/apis/user-apis/apis/user-trpc-index'
 import { commonApiRouter } from '@/src/trpc/apis/common-apis/common-trpc-index'
+import { scaffoldProducts } from './apis/common-apis/common';
+import { scaffoldStores, scaffoldStoreWithProducts } from './apis/user-apis/apis/stores';
+import { scaffoldSlotsWithProducts } from './apis/user-apis/apis/slots';
+import { scaffoldEssentialConsts } from './apis/common-apis/common-trpc-index';
+import { scaffoldBanners } from './apis/user-apis/apis/banners';
 
 // Create the main app router
 export const appRouter = router({
@@ -16,5 +21,13 @@ export const appRouter = router({
   common: commonApiRouter,
 });
 
+
 // Export type definition of API
-export type AppRouter = typeof appRouter;
+export type AppRouter = typeof appRouter;
+
+export type AllProductsApiType = Awaited<ReturnType<typeof scaffoldProducts>>;
+export type StoresApiType = Awaited<ReturnType<typeof scaffoldStores>>;
+export type SlotsApiType = Awaited<ReturnType<typeof scaffoldSlotsWithProducts>>;
+export type EssentialConstsApiType = Awaited<ReturnType<typeof scaffoldEssentialConsts>>;
+export type BannersApiType = Awaited<ReturnType<typeof scaffoldBanners>>;
+export type StoreWithProductsApiType = Awaited<ReturnType<typeof scaffoldStoreWithProducts>>;

apps/backend/tsconfig.json

@@ -33,6 +33,10 @@
       "shared-types": ["../shared-types"],
       "@commonTypes": ["../../packages/ui/shared-types"],
       "@commonTypes/*": ["../../packages/ui/shared-types/*"],
+      "@packages/shared": ["../../packages/shared"],
+      "@packages/shared/*": ["../../packages/shared/*"],
+      "global-shared": ["../../packages/shared"],
+      "global-shared/*": ["../../packages/shared/*"]
     },
     // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
     // "typeRoots": [""],                                  /* Specify multiple folders that act like './node_modules/@types'. */
@@ -116,6 +120,6 @@
     // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
     "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
   },
-  "include": ["src", "types", "index.ts", "../shared-types"]
+  "include": ["src", "types", "index.ts", "../shared-types", "../../packages/shared"]
 }
 

apps/fallback-ui/tsconfig.json

@@ -24,12 +24,6 @@
       "@/*": [
         "./src/*"
       ],
-      "common-ui": [
-        "../../packages/ui"
-      ],
-      "common-ui/*": [
-        "../../packages/ui/*"
-      ]
     },
     "types": [
       "node"

apps/user-ui/app/(drawer)/(tabs)/flash-delivery/_layout.tsx

@@ -5,7 +5,7 @@ import { trpc } from '@/src/trpc-client';
 import { MyText, MyTouchableOpacity, tw, AppContainer } from 'common-ui';
 import { useRouter } from 'expo-router';
 import MaterialIcons from '@expo/vector-icons/MaterialIcons';
-import { useGetEssentialConsts } from '@/src/api-hooks/essential-consts.api';
+import { useGetEssentialConsts } from '@/src/hooks/prominent-api-hooks';
 
 export default function FlashDeliveryBaseLayout() {
   const router = useRouter();

apps/user-ui/app/(drawer)/(tabs)/home/index.tsx

@@ -21,13 +21,15 @@ import AddToCartDialog from "@/src/components/AddToCartDialog";
 import MyFlatList from "common-ui/src/components/flat-list";
 
 import { trpc } from "@/src/trpc-client";
+import { useAllProducts, useStores, useSlots, useGetEssentialConsts } from "@/src/hooks/prominent-api-hooks";
 import { useProductSlotIdentifier } from "@/hooks/useProductSlotIdentifier";
+import { useCentralSlotStore } from "@/src/store/centralSlotStore";
+import { useCentralProductStore } from "@/src/store/centralProductStore";
 import FloatingCartBar from "@/components/floating-cart-bar";
 import BannerCarousel from "@/components/BannerCarousel";
 import { useUserDetails } from "@/src/contexts/AuthContext";
 import TabLayoutWrapper from "@/components/TabLayoutWrapper";
 import { useNavigationStore } from "@/src/store/navigationStore";
-import { useGetEssentialConsts } from "@/src/api-hooks/essential-consts.api";
 import NextOrderGlimpse from "@/components/NextOrderGlimpse";
 dayjs.extend(relativeTime);
 
@@ -360,8 +362,6 @@ export default function Dashboard() {
   const router = useRouter();
   const userDetails = useUserDetails();
   const [inputQuery, setInputQuery] = useState("");
-  const [searchQuery, setSearchQuery] = useState("");
-  const [selectedTagId, setSelectedTagId] = useState<number | null>(null);
   const [isLoadingDialogOpen, setIsLoadingDialogOpen] = useState(false);
   const [gradientHeight, setGradientHeight] = useState(0);
   const [displayedProducts, setDisplayedProducts] = useState<any[]>([]);
@@ -369,22 +369,21 @@ export default function Dashboard() {
   const [isLoadingMore, setIsLoadingMore] = useState(false);
   const { backgroundColor } = useStatusBarStore();
   const { getQuickestSlot } = useProductSlotIdentifier();
+  const productSlotsMap = useCentralSlotStore((state) => state.productSlotsMap);
+  const refetchProducts = useCentralProductStore((state) => state.refetchProducts);
+  const refetchSlotsFromStore = useCentralSlotStore((state) => state.refetchSlots);
   const [isRefreshing, setIsRefreshing] = useState(false);
 
   const {
     data: productsData,
     isLoading,
     error,
-    refetch,
+  } = useAllProducts();
-  } = trpc.common.product.getAllProductsSummary.useQuery({
-    searchQuery: searchQuery || undefined,
-    tagId: selectedTagId || undefined,
-  });
 
   const { data: essentialConsts, isLoading: isLoadingConsts, error: constsError, refetch: refetchConsts } = useGetEssentialConsts();
 
-  const { data: storesData, refetch: refetchStores } = trpc.user.stores.getStores.useQuery();
+  const { data: storesData, refetch: refetchStores } = useStores();
-  const { data: slotsData, refetch: refetchSlots } = trpc.user.slots.getSlotsWithProducts.useQuery();
+  const { data: slotsData } = useSlots();
 
   const products = productsData?.products || [];
 
@@ -397,15 +396,18 @@ export default function Dashboard() {
           const slotB = getQuickestSlot(b.id);
           if (slotA && !slotB) return -1;
           if (!slotA && slotB) return 1;
-          if (a.isOutOfStock && !b.isOutOfStock) return 1;
+          const aOutOfStock = productSlotsMap[a.id]?.isOutOfStock;
-          if (!a.isOutOfStock && b.isOutOfStock) return -1;
+          const bOutOfStock = productSlotsMap[b.id]?.isOutOfStock;
+          if (aOutOfStock && !bOutOfStock) return 1;
+          if (!aOutOfStock && bOutOfStock) return -1;
           return 0;
         });
-
+       
+      console.log('setting the displayed products')
       setDisplayedProducts(initialBatch);
       setHasMore(products.length > 10);
     }
-  }, [productsData]);
+  }, [productsData, productSlotsMap]);
 
   const popularItemIds = useMemo(() => {
     const popularItems = essentialConsts?.popularItems;
@@ -440,11 +442,22 @@ export default function Dashboard() {
   const handleRefresh = useCallback(async () => {
     setIsRefreshing(true);
     try {
-      await Promise.all([refetch(), refetchStores(), refetchSlots(), refetchConsts()]);
+      const promises = [];
+      
+      if (refetchProducts) {
+        promises.push(refetchProducts());
+      }
+      if (refetchSlotsFromStore) {
+        promises.push(refetchSlotsFromStore());
+      }
+      promises.push(refetchStores());
+      promises.push(refetchConsts());
+      
+      await Promise.all(promises);
     } finally {
       setIsRefreshing(false);
     }
-  }, [refetch, refetchStores, refetchSlots, refetchConsts]);
+  }, [refetchProducts, refetchSlotsFromStore, refetchStores, refetchConsts]);
 
   useManualRefresh(() => {
     handleRefresh();
@@ -468,6 +481,7 @@ export default function Dashboard() {
 
   const renderProductItem = useCallback(({ item }: { item: any }) => (
     <ProductItem item={item} onPress={handleProductPress} />
+    // <Image style={{ width: 150, height: 235 }} source={{ uri: item.images[0]}} /> 
   ), [handleProductPress]);
 
   const listHeader = useMemo(() => (
@@ -512,7 +526,9 @@ export default function Dashboard() {
       </View>
     );
   }
-
+  let str = ''
+  displayedProducts.forEach(product => str += `${product.id}-`)
+  // console.log(str)
   return (
     <TabLayoutWrapper>
       <View style={searchBarContainerStyle}>

apps/user-ui/app/(drawer)/(tabs)/home/search-results/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect, useCallback } from "react";
+import React, { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { View, Dimensions } from "react-native";
 import { useRouter, useLocalSearchParams } from "expo-router";
 import {
@@ -10,7 +10,8 @@ import {
   SearchBar,
 } from "common-ui";
 import MaterialIcons from "@expo/vector-icons/MaterialIcons";
-import { trpc } from "@/src/trpc-client";
+import Fuse from "fuse.js";
+import { useAllProducts } from "@/src/hooks/prominent-api-hooks";
 import ProductCard from "@/components/ProductCard";
 import FloatingCartBar from "@/components/floating-cart-bar";
 
@@ -51,12 +52,27 @@ export default function SearchResults() {
     });
   }, []);
 
-  const { data: productsData, isLoading, error, refetch } =
+  const { data: productsData, isLoading, error, refetch } = useAllProducts();
-    trpc.common.product.getAllProductsSummary.useQuery({
+
-      searchQuery: debouncedQuery || undefined,
+  const allProducts = productsData?.products || [];
+
+  // Client-side search filtering using Fuse.js
+  const products = useMemo(() => {
+    if (!debouncedQuery.trim()) return allProducts;
+    
+    const fuse = new Fuse(allProducts, {
+      keys: [
+        'name',
+        'shortDescription',
+      ],
+      threshold: 0.3,
+      includeScore: true,
+      shouldSort: true,
     });
 
-  const products = productsData?.products || [];
+    const fuseResults = fuse.search(debouncedQuery);
+    return fuseResults.map(result => result.item);
+  }, [allProducts, debouncedQuery]);
 
   useManualRefresh(() => {
     refetch();

apps/user-ui/app/(drawer)/(tabs)/me/complaints/index.tsx

@@ -4,7 +4,7 @@ import { Image } from 'expo-image';
 import { MyText, tw, useManualRefresh, MyFlatList, useMarkDataFetchers, theme, MyTouchableOpacity } from 'common-ui';
 import { MaterialIcons, Ionicons } from '@expo/vector-icons';
 import { trpc } from '@/src/trpc-client';
-import { useGetEssentialConsts } from '@/src/api-hooks/essential-consts.api';
+import { useGetEssentialConsts } from '@/src/hooks/prominent-api-hooks';
 import dayjs from 'dayjs';
 import { useRouter } from 'expo-router';
 

apps/user-ui/app/(drawer)/(tabs)/me/delivery-slots/_layout.tsx

@@ -1,9 +0,0 @@
-import { Stack } from 'expo-router'
-
-function DeliverySlotsLayout() {
-    return (
-        <Stack screenOptions={{ headerShown: true, title: 'Delivery Slots' }} />
-    )
-}
-
-export default DeliverySlotsLayout

apps/user-ui/app/(drawer)/(tabs)/me/delivery-slots/index.tsx

@@ -1,230 +0,0 @@
-import React, { useState } from 'react';
-import { View, ScrollView } from 'react-native';
-import { Image } from 'expo-image';
-import { useRouter } from 'expo-router';
-import { MyFlatList, MyText, tw, useMarkDataFetchers, BottomDialog, theme, MyTouchableOpacity } from 'common-ui';
-import { trpc } from '@/src/trpc-client';
-import MaterialIcons from '@expo/vector-icons/MaterialIcons';
-import dayjs from 'dayjs';
-
-export default function DeliverySlots() {
-  const router = useRouter();
-  const { data, isLoading, error, refetch } = trpc.user.slots.getSlotsWithProducts.useQuery();
-  const [selectedSlotForDialog, setSelectedSlotForDialog] = useState<any>(null);
-
-  useMarkDataFetchers(() => {
-    refetch();
-  });
-
-  if (isLoading) {
-    return (
-      <MyFlatList
-        data={[]}
-        renderItem={() => null}
-        ListHeaderComponent={() => (
-          <View style={tw`flex-1 justify-center items-center p-8`}>
-            <MyText style={tw`text-gray-600`}>Loading delivery slots...</MyText>
-          </View>
-        )}
-      />
-    );
-  }
-
-  if (error) {
-    return (
-      <MyFlatList
-        data={[]}
-        renderItem={() => null}
-        ListHeaderComponent={() => (
-          <View style={tw`flex-1 justify-center items-center p-8`}>
-            <MyText style={tw`text-red-600`}>Error loading delivery slots</MyText>
-            <MyTouchableOpacity
-              onPress={() => refetch()}
-              style={tw`mt-4 bg-blue-500 px-4 py-2 rounded-lg`}
-            >
-              <MyText style={tw`text-white font-semibold`}>Retry</MyText>
-            </MyTouchableOpacity>
-          </View>
-        )}
-      />
-    );
-  }
-
-  const slots = data?.slots || [];
-
-  if (slots.length === 0) {
-    return (
-      <MyFlatList
-        data={[]}
-        renderItem={() => null}
-        ListHeaderComponent={() => (
-          <View style={tw`flex-1 justify-center items-center p-8`}>
-            <MaterialIcons name="schedule" size={64} color="#D1D5DB" />
-            <MyText style={tw`text-gray-500 text-center mt-4 text-lg`}>
-              No upcoming delivery slots available
-            </MyText>
-            <MyText style={tw`text-gray-400 text-center mt-2`}>
-              Check back later for new delivery schedules
-            </MyText>
-          </View>
-        )}
-      />
-    );
-  }
-
-  return (
-    <>
-    <MyFlatList
-      data={slots}
-      keyExtractor={(item) => item.id.toString()}
-      // ListHeaderComponent={() => (
-      //   <View style={tw`p-4 pb-2`}>
-      //     <MyText style={tw`text-2xl font-bold text-gray-800`}>Delivery Slots</MyText>
-      //     <MyText style={tw`text-gray-600 mt-1`}>
-      //       Choose your preferred delivery time
-      //     </MyText>
-      //   </View>
-      // )}
-      renderItem={({ item: slot }) => (
-        <View style={tw`mx-4 mb-4 bg-white rounded-xl shadow-md overflow-hidden`}>
-          {/* Slot Header */}
-          <View style={tw`bg-pink-50 p-4 border-b border-pink-100`}>
-            <View style={tw`flex-row items-center justify-between`}>
-              <View>
-                <MyText style={tw`text-lg font-bold text-gray-800`}>
-                  {dayjs(slot.deliveryTime).format('ddd DD MMM, h:mm a')}
-                </MyText>
-                <MyText style={tw`text-sm text-gray-600 mt-1`}>
-                  Orders close by: {dayjs(slot.freezeTime).format('h:mm a')}
-                </MyText>
-              </View>
-              <View style={tw`flex-row items-center`}>
-                <View style={tw`bg-pink-500 px-3 py-1 rounded-full mr-3`}>
-                  <MyText style={tw`text-white text-sm font-semibold`}>
-                    {slot.products.length} items
-                  </MyText>
-                </View>
-                 <MyTouchableOpacity
-                    onPress={() => router.push(`/(drawer)/(tabs)/home/cart?slot=${slot.id}`)}
-                   style={tw`bg-pink-500 p-2 rounded-full`}
-                 >
-                  <MaterialIcons name="flash-on" size={16} color="white" />
-                </MyTouchableOpacity>
-              </View>
-            </View>
-          </View>
-
-          {/* Products List */}
-          <View style={tw`p-4`}>
-            <MyText style={tw`text-base font-semibold text-gray-700 mb-3`}>
-              Available Products
-            </MyText>
-            <View style={tw`space-y-2`}>
-              {slot.products.slice(0, 2).map((product) => (
-                <MyTouchableOpacity
-                  key={product.id}
-                  onPress={() => router.push(`/(drawer)/(tabs)/home/product-detail/${product.id}`)}
-                  style={tw`bg-gray-50 rounded-lg p-3 flex-row items-center`}
-                >
-                  {product.images && product.images.length > 0 ? (
-                    <Image
-                      source={{ uri: product.images[0] }}
-                      style={tw`w-8 h-8 rounded mr-3`}
-                      resizeMode="cover"
-                    />
-                  ) : (
-                    <View style={tw`w-8 h-8 bg-gray-200 rounded mr-3 justify-center items-center`}>
-                      <MaterialIcons name="image" size={16} color="#9CA3AF" />
-                    </View>
-                  )}
-                  <View style={tw`flex-1`}>
-                    <MyText style={tw`text-sm font-medium text-gray-800`} numberOfLines={1}>
-                      {product.name}
-                    </MyText>
-                    <MyText style={tw`text-xs text-gray-600`}>
-                    ₹{product.price} {product.unit && `per ${product.unit}`}
-                    </MyText>
-                  </View>
-                  {product.isOutOfStock && (
-                    <MyText style={tw`text-xs text-red-500 font-medium`}>Out of stock</MyText>
-                  )}
-                </MyTouchableOpacity>
-              ))}
-
-              {slot.products.length > 2 && (
-                <MyTouchableOpacity
-                  onPress={() => setSelectedSlotForDialog(slot)}
-                  style={tw`bg-pink-50 rounded-lg p-3 flex-row items-center justify-center border border-pink-200`}
-                >
-                  <MyText style={tw`text-sm font-medium text-pink-700`}>
-                    +{slot.products.length - 2} more products
-                  </MyText>
-                  <MaterialIcons name="chevron-right" size={16} color={theme.colors.brand500} style={tw`ml-1`} />
-                </MyTouchableOpacity>
-              )}
-            </View>
-          </View>
-        </View>
-      )}
-      ListFooterComponent={() => <View style={tw`h-4`} />}
-      showsVerticalScrollIndicator={false}
-      contentContainerStyle={tw`pt-2`}
-    />
-
-    {/* Products Dialog */}
-    <BottomDialog
-      open={!!selectedSlotForDialog}
-      onClose={() => setSelectedSlotForDialog(null)}
-    >
-      <View style={tw`p-6`}>
-        <MyText style={tw`text-xl font-bold text-gray-800 mb-4`}>
-          All Products - {dayjs(selectedSlotForDialog?.deliveryTime).format('ddd DD MMM, h:mm a')}
-        </MyText>
-
-        <ScrollView style={tw`max-h-96`} showsVerticalScrollIndicator={false}>
-          <View style={tw`space-y-3`}>
-            {selectedSlotForDialog?.products.map((product: any) => (
-              <MyTouchableOpacity
-                key={product.id}
-                onPress={() => {
-                  setSelectedSlotForDialog(null);
-                  router.push(`/(drawer)/(tabs)/home/product-detail/${product.id}`);
-                }}
-                style={tw`bg-gray-50 rounded-lg p-4 flex-row items-center`}
-              >
-                {product.images && product.images.length > 0 ? (
-                  <Image
-                    source={{ uri: product.images[0] }}
-                    style={tw`w-12 h-12 rounded mr-4`}
-                    resizeMode="cover"
-                  />
-                ) : (
-                  <View style={tw`w-12 h-12 bg-gray-200 rounded mr-4 justify-center items-center`}>
-                    <MaterialIcons name="image" size={20} color="#9CA3AF" />
-                  </View>
-                )}
-                <View style={tw`flex-1`}>
-                  <MyText style={tw`text-base font-medium text-gray-800`} numberOfLines={1}>
-                    {product.name}
-                  </MyText>
-                  <MyText style={tw`text-sm text-gray-600 mt-1`}>
-                    ₹{product.price} {product.unit && `per ${product.unit}`}
-                  </MyText>
-                  {product.marketPrice && (
-                    <MyText style={tw`text-sm text-gray-500 line-through`}>
-                      ₹{product.marketPrice}
-                    </MyText>
-                  )}
-                </View>
-                {product.isOutOfStock && (
-                  <MyText style={tw`text-xs text-red-500 font-medium`}>Out of stock</MyText>
-                )}
-              </MyTouchableOpacity>
-            ))}
-          </View>
-        </ScrollView>
-      </View>
-    </BottomDialog>
-    </>
-  );
-}

apps/user-ui/app/(drawer)/(tabs)/stores/index.tsx

@@ -16,7 +16,7 @@ import {
 } from "common-ui";
 import MaterialIcons from "@expo/vector-icons/MaterialIcons";
 import { Ionicons } from "@expo/vector-icons";
-import { trpc } from "@/src/trpc-client";
+import { useStores } from "@/src/hooks/prominent-api-hooks";
 import { LinearGradient } from "expo-linear-gradient";
 import TabLayoutWrapper from "@/components/TabLayoutWrapper";
 import FloatingCartBar from "@/components/floating-cart-bar";
@@ -157,7 +157,7 @@ export default function Stores() {
     isLoading,
     error,
     refetch,
-  } = trpc.user.stores.getStores.useQuery();
+  } = useStores();
 
   const stores = storesData?.stores || [];
 

apps/user-ui/app/(drawer)/(tabs)/stores/store-detail/[id].tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useMemo, useState } from "react";
 import { View, Dimensions, ScrollView, TouchableOpacity } from "react-native";
 import { useRouter, useLocalSearchParams } from "expo-router";
 import { Image } from 'expo-image';
@@ -13,10 +13,10 @@ import {
 } from "common-ui";
 import MaterialIcons from "@expo/vector-icons/MaterialIcons";
 import FontAwesome5 from "@expo/vector-icons/FontAwesome5";
-import { trpc } from "@/src/trpc-client";
 import ProductCard from "@/components/ProductCard";
 import FloatingCartBar from "@/components/floating-cart-bar";
 import { useStoreHeaderStore } from "@/src/store/storeHeaderStore";
+import { useAllProducts, useStoreWithProducts } from "@/src/hooks/prominent-api-hooks";
 
 const { width: screenWidth } = Dimensions.get("window");
 const itemWidth = (screenWidth - 48) / 2;
@@ -63,24 +63,32 @@ export default function StoreDetail() {
   const [selectedTagId, setSelectedTagId] = useState<number | null>(null);
 
   const { data: storeData, isLoading, refetch, error } =
-    trpc.user.stores.getStoreWithProducts.useQuery(
+    useStoreWithProducts(storeIdNum);
-      { storeId: storeIdNum },
-      { enabled: !!storeIdNum }
-    );
 
-  const { data: tagsData, isLoading: isLoadingTags } =
+  const { data: productsData, isLoading: isProductsLoading } = useAllProducts();
-    trpc.user.tags.getTagsByStore.useQuery(
+
-      { storeId: storeIdNum },
+  const productById = useMemo(() => {
-      { enabled: !!storeIdNum }
+    const map = new Map<number, any>();
-    );
+    productsData?.products?.forEach((product) => {
+      map.set(product.id, product);
+    });
+    return map;
+  }, [productsData]);
+
+  const storeProducts = useMemo(() => {
+    if (!storeData?.products) return [];
+    return storeData.products
+      .map((product) => productById.get(product.id))
+      .filter(Boolean);
+  }, [storeData, productById]);
 
   // Filter products based on selected tag
   const filteredProducts = selectedTagId
-    ? storeData?.products.filter(product => {
+    ? storeProducts.filter(product => {
-        const selectedTag = tagsData?.tags.find(t => t.id === selectedTagId);
+        const selectedTag = storeData?.tags.find(t => t.id === selectedTagId);
         return selectedTag?.productIds?.includes(product.id) ?? false;
-      }) || []
+      })
-    : storeData?.products || [];
+    : storeProducts;
 
   // Set the store header title
   const setStoreHeaderTitle = useStoreHeaderStore((state) => state.setTitle);
@@ -98,10 +106,12 @@ export default function StoreDetail() {
 
   useDrawerTitle(storeData?.store?.name || "Store", [storeData?.store?.name]);
 
-  if (isLoading) {
+  if (isLoading || isProductsLoading) {
     return (
       <View style={tw`flex-1 justify-center items-center bg-gray-50`}>
-        <MyText style={tw`text-gray-500 font-medium`}>Loading store...</MyText>
+        <MyText style={tw`text-gray-500 font-medium`}>
+          {isLoading ? 'Loading store...' : 'Loading products...'}
+        </MyText>
       </View>
     );
   }
@@ -184,13 +194,13 @@ export default function StoreDetail() {
               )}
             </View>
             {/* Tags Section */}
-            {tagsData && tagsData.tags.length > 0 && (
+            {storeData?.tags && storeData.tags.length > 0 && (
               <ScrollView
                 horizontal
                 showsHorizontalScrollIndicator={false}
                 contentContainerStyle={tw`gap-2 mt-6`}
               >
-                {tagsData.tags.map((tag) => (
+                {storeData.tags.map((tag) => (
                   <Chip
                     key={tag.id}
                     tag={tag}
@@ -206,7 +216,7 @@ export default function StoreDetail() {
                 <MaterialIcons name="grid-view" size={20} color="#374151" />
                 <MyText style={tw`text-lg font-bold text-gray-900 ml-2`}>
                   {selectedTagId
-                    ? `${tagsData?.tags.find(t => t.id === selectedTagId)?.tagName} items`
+                    ? `${storeData?.tags.find(t => t.id === selectedTagId)?.tagName} items`
                     : `${filteredProducts.length} products`}
                 </MyText>
               </View>

apps/user-ui/app/_layout.tsx

@@ -22,6 +22,7 @@ import LocationTestWrapper from "@/components/LocationTestWrapper";
 import HealthTestWrapper from "@/components/HealthTestWrapper";
 import FirstUserWrapper from "@/components/FirstUserWrapper";
 import UpdateChecker from "@/components/UpdateChecker";
+import CentralStoreInitializer from "@/src/components/CentralStoreInitializer";
 import { RefreshProvider } from "../../../packages/ui/src/lib/refresh-context";
 import WebViewWrapper from "@/components/WebViewWrapper";
 import BackHandlerWrapper from "@/components/BackHandler";
@@ -68,10 +69,12 @@ export default function RootLayout() {
                               <PaperProvider>
                               <LocationTestWrapper>
                                 <RefreshProvider queryClient={queryClient}>
+                                <CentralStoreInitializer>
                                   <BackHandlerWrapper />
                                   <Stack screenOptions={{ headerShown: false }} />
                                   <AddToCartDialog />
-                                </RefreshProvider>
+                                </CentralStoreInitializer>
+                              </RefreshProvider>
                               </LocationTestWrapper>
                             </PaperProvider>
                           </NotificationProvider>

apps/user-ui/components/BannerCarousel.tsx

@@ -2,7 +2,7 @@ import React, { useState, useRef, useEffect } from 'react';
 import { View, Dimensions, Image, ScrollView, NativeSyntheticEvent, NativeScrollEvent } from 'react-native';
 import { MyTouchableOpacity, MyText, tw } from 'common-ui';
 import { useRouter } from 'expo-router';
-import { trpc } from '@/src/trpc-client';
+import { useBanners } from '@/src/hooks/prominent-api-hooks';
 import MaterialIcons from '@expo/vector-icons/MaterialIcons';
 
 const { width: screenWidth } = Dimensions.get('window');
@@ -25,7 +25,7 @@ export default function BannerCarousel() {
   const [isAutoPlaying, setIsAutoPlaying] = useState(true);
 
   // Fetch banners data
-  const { data: bannersData, isLoading, error } = trpc.user.banner.getBanners.useQuery();
+  const { data: bannersData, isLoading, error } = useBanners();
   
   const banners = bannersData?.banners || [];
 
@@ -123,7 +123,7 @@ export default function BannerCarousel() {
       {/* Pagination Dots */}
       {banners.length > 1 && (
         <View style={tw`flex-row justify-center mt-3`}>
-          {banners.map((_, index: number) => (
+          {banners.map((_: Banner, index: number) => (
             <MyTouchableOpacity
               key={index}
               onPress={() => goToSlide(index)}
@@ -140,4 +140,4 @@ export default function BannerCarousel() {
       )}
     </View>
   );
-}
+}

apps/user-ui/components/HealthTestWrapper.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { View, ActivityIndicator, Platform } from 'react-native';
 import { tw, theme, MyText, MyTouchableOpacity , BottomDialog } from 'common-ui';
 import { trpc, trpcClient } from '@/src/trpc-client';
-import { useGetEssentialConsts } from '@/src/api-hooks/essential-consts.api';
+import { useGetEssentialConsts } from '@/src/hooks/prominent-api-hooks';
 import Constants from 'expo-constants';
 import * as Linking from 'expo-linking';
 

apps/user-ui/components/NextOrderGlimpse.tsx

@@ -8,7 +8,7 @@ import dayjs from 'dayjs';
 import { trpc } from '@/src/trpc-client';
 import { Image } from 'expo-image';
 import { orderStatusManipulator } from '@/src/lib/string-manipulators';
-import { useGetEssentialConsts } from '@/src/api-hooks/essential-consts.api';
+import { useGetEssentialConsts } from '@/src/hooks/prominent-api-hooks';
 
 interface OrderItem {
   productName: string;

apps/user-ui/components/PaymentAndOrderComponent.tsx

@@ -6,6 +6,8 @@ import MaterialIcons from '@expo/vector-icons/MaterialIcons';
 // import RazorpayCheckout from 'react-native-razorpay';
 
 import { trpc } from '@/src/trpc-client';
+import { useCentralProductStore } from '@/src/store/centralProductStore';
+import { useCentralSlotStore } from '@/src/store/centralSlotStore';
 import { clearLocalCart } from '@/hooks/cart-query-hooks';
 import { useQueryClient } from '@tanstack/react-query';
 import { FontAwesome5, FontAwesome6 } from '@expo/vector-icons';
@@ -54,17 +56,19 @@ const PaymentAndOrderComponent: React.FC<PaymentAndOrderProps> = ({
     queryClient.invalidateQueries({ queryKey: [`local-cart-${cartType}`] });
   };
 
-  const { data: productsData } = trpc.common.product.getAllProductsSummary.useQuery({});
+  const products = useCentralProductStore((state) => state.products);
+  const productsById = useCentralProductStore((state) => state.productsById);
+  const productSlotsMap = useCentralSlotStore((state) => state.productSlotsMap);
 
   // Memoized flash-eligible product IDs
   const flashEligibleProductIds = useMemo(() => {
-    if (!productsData?.products) return new Set<number>();
+    if (!products.length) return new Set<number>();
     return new Set(
-      productsData.products
+      products
-        .filter((product: any) => product.isFlashAvailable)
+        .filter((product) => productSlotsMap[product.id]?.isFlashAvailable)
-        .map((product: any) => product.id)
+        .map((product) => product.id)
     );
-  }, [productsData]);
+  }, [products, productSlotsMap]);
 
   const placeOrderMutation = trpc.user.order.placeOrder.useMutation({
     onSuccess: (data) => {
@@ -126,7 +130,7 @@ const PaymentAndOrderComponent: React.FC<PaymentAndOrderProps> = ({
 
     const availableItems = cartItems
       .filter(item => {
-        if (item.product?.isOutOfStock) return false;
+        if (productSlotsMap[item.productId]?.isOutOfStock) return false;
         // For flash delivery, check if product supports flash delivery
         if (isFlashDelivery) {
           return flashEligibleProductIds.has(item.productId);

apps/user-ui/components/ProductCard.tsx

@@ -1,5 +1,5 @@
-import React, { useMemo } from 'react';
+import React from 'react';
-import { View, Alert, TouchableOpacity, Text } from 'react-native';
+import { View, Alert, ActivityIndicator } from 'react-native';
 import { Image } from 'expo-image';
 import { tw, theme, MyText, MyTouchableOpacity, Quantifier, MiniQuantifier } from 'common-ui';
 import CartIcon from '@/components/icons/CartIcon';
@@ -14,7 +14,8 @@ import {
 } from '@/hooks/cart-query-hooks';
 import { useProductSlotIdentifier } from '@/hooks/useProductSlotIdentifier';
 import { useCartStore } from '@/src/store/cartStore';
-import { trpc } from '@/src/trpc-client';
+import { useCentralSlotStore } from '@/src/store/centralSlotStore';
+import { Image as RnImage } from 'react-native'
 
 
 interface ProductCardProps {
@@ -45,6 +46,18 @@ const ProductCard: React.FC<ProductCardProps> = ({
   containerComp: ContainerComp = React.Fragment,
   useAddToCartDialog = false,
 }) => {
+  const imageUri = item.images?.[0]
+  const [imageStatus, setImageStatus] = React.useState<'loading' | 'loaded' | 'error'>('loading')
+  const [imageError, setImageError] = React.useState<string | null>(null)
+  const [updater, setUpdater] = React.useState(0)
+
+  React.useEffect(() => {
+    const intervalId = setInterval(() => {
+      setUpdater(prev => prev + 1)
+    }, 5000)
+    return () => clearInterval(intervalId)
+  }, [])
+
   const { data: cartData } = useGetCart();
   const { getQuickestSlot } = useProductSlotIdentifier();
   const { setAddedToCartProduct } = useCartStore();
@@ -68,25 +81,41 @@ const ProductCard: React.FC<ProductCardProps> = ({
   const cartItem = cartData?.items?.find((cartItem: any) => cartItem.productId === item.id);
   const quantity = cartItem?.quantity || 0;
 
-  // Query all slots with products
+  // Get slots data from central store
-  const { data: slotsData } = trpc.user.slots.getSlotsWithProducts.useQuery();
+  const slots = useCentralSlotStore((state) => state.slots);
+  const productSlotsMap = useCentralSlotStore((state) => state.productSlotsMap);
 
   // Create slot lookup map
-  const slotMap = useMemo(() => {
+  const slotMap = React.useMemo(() => {
     const map: Record<number, any> = {};
-    slotsData?.slots?.forEach((slot: any) => {
+    slots?.forEach((slot: any) => {
       map[slot.id] = slot;
     });
     return map;
-  }, [slotsData]);
+  }, [slots]);
 
   // Get cart item's slot delivery time if item is in cart
   const cartSlot = cartItem?.slotId ? slotMap[cartItem.slotId] : null;
   const displayDeliveryDate = cartSlot?.deliveryTime || item.nextDeliveryDate;
 
+  React.useEffect(() => {
+    if (imageUri) {
+      setImageStatus('loading')
+      setImageError(null)
+      return
+    }
+
+    setImageStatus('error')
+    setImageError('No image available')
+  }, [imageUri])
+
   // Precompute the next slot and determine display out of stock status
   const slotId = getQuickestSlot(item.id);
-  const displayIsOutOfStock = item.isOutOfStock || !slotId;
+
+  // Use isOutOfStock from productSlotsMap (all products now included)
+  const productSlotInfo = productSlotsMap[item.id];
+  const isOutOfStockFromSlots = productSlotInfo?.isOutOfStock;
+  const displayIsOutOfStock = isOutOfStockFromSlots || !slotId;
 
   // if(item.name.startsWith('Mutton Curry Cut')) {
   //   console.log({slotId, displayIsOutOfStock}) 
@@ -118,6 +147,7 @@ const ProductCard: React.FC<ProductCardProps> = ({
     }
   };
 
+  // console.log('rendering the product cart for id', item.id)
   return (
     <ContainerComp>
       <MyTouchableOpacity
@@ -129,10 +159,33 @@ const ProductCard: React.FC<ProductCardProps> = ({
         activeOpacity={0.9}
       >
         <View style={tw`relative`}>
-          <Image
+          <RnImage
-            source={{ uri: item.images?.[0] }}
+            source={{ uri: imageUri }}
+            // source={{uri: 'https://pub-6bf1fbc4048a4cbaa533ddbb13bf9de6.r2.dev/product-images/1763796113884-0'}}
             style={{ width: "100%", height: itemWidth, resizeMode: "cover" }}
+            onLoadStart={() => {
+               setImageStatus('loading')
+               setImageError(null)
+            }}
+            // onLoadEnd={() => {
+            //   setImageError('loading stopped indefinitely')
+            //
+            // }}
+             onLoad={() => setImageStatus('loaded')}
+             onError={(event) => {
+               setImageStatus('error')
+               setImageError( 'Image failed to load')
+             }}
           />
+          
+          {imageStatus === 'error' && (
+            <View style={tw`absolute inset-0 items-center justify-center bg-gray-100`}>
+              <MaterialIcons name="broken-image" size={22} color="#94A3B8" />
+              <MyText style={tw`text-[10px] text-gray-500 mt-1`}>
+                {imageError || 'Image failed to load'}
+              </MyText>
+            </View>
+          )}
           {displayIsOutOfStock && (
             <View style={tw`absolute inset-0 bg-black/40 items-center justify-center`}>
               <View style={tw`bg-red-500 px-3 py-1 rounded-full`}>
@@ -213,4 +266,4 @@ const ProductCard: React.FC<ProductCardProps> = ({
   );
 };
 
-export default ProductCard;
+export default ProductCard;

apps/user-ui/components/ProductDetail.tsx

@@ -12,9 +12,11 @@ import { trpc, trpcClient } from '@/src/trpc-client';
 import { useAddToCart, useGetCart, useUpdateCartItem, useRemoveFromCart } from '@/hooks/cart-query-hooks';
 import { useProductSlotIdentifier } from '@/hooks/useProductSlotIdentifier';
 import { useFlashNavigationStore } from '@/components/stores/flashNavigationStore';
+import { useSlots } from '@/src/hooks/prominent-api-hooks';
 import FloatingCartBar from './floating-cart-bar';
 import { useStoreHeaderStore } from '@/src/store/storeHeaderStore';
 import { useCartStore } from '@/src/store/cartStore';
+import { useCentralSlotStore } from '@/src/store/centralSlotStore';
 
 const { width: screenWidth } = Dimensions.get("window");
 const carouselWidth = screenWidth;
@@ -57,15 +59,28 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ productId, isFlashDeliver
   const { getQuickestSlot } = useProductSlotIdentifier();
   const { setShouldNavigateToCart } = useFlashNavigationStore();
   const { setAddedToCartProduct } = useCartStore();
+  const { data: slotsData } = useSlots();
+  const productSlotsMap = useCentralSlotStore((state) => state.productSlotsMap);
+
+  const productAvailability = useMemo(() => {
+    if (!productDetail) return null;
+    return productSlotsMap[productDetail.id];
+  }, [productDetail, productSlotsMap]);
 
   const sortedDeliverySlots = useMemo(() => {
-    if (!productDetail?.deliverySlots) return []
+    if (!slotsData?.slots || !productDetail) return []
-    return [...productDetail.deliverySlots].sort((a, b) => {
+
+    // Filter slots that contain this product
+    const productSlots = slotsData.slots.filter((slot: any) =>
+      slot.products?.some((p: any) => p.id === productDetail.id)
+    )
+
+    return productSlots.sort((a: any, b: any) => {
       const deliveryDiff = new Date(a.deliveryTime).getTime() - new Date(b.deliveryTime).getTime()
       if (deliveryDiff !== 0) return deliveryDiff
       return new Date(a.freezeTime).getTime() - new Date(b.freezeTime).getTime()
     })
-  }, [productDetail?.deliverySlots])
+  }, [slotsData, productDetail])
 
   // Find current quantity from cart data
   const cartItem = productDetail ? cartData?.data?.items?.find((item: any) => item.productId === productDetail.id) : null;
@@ -94,7 +109,7 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ productId, isFlashDeliver
 
   const handleAddToCart = (productId: number) => {
     if (isFlashDelivery) {
-      if (!productDetail?.isFlashAvailable) {
+      if (!productAvailability?.isFlashAvailable) {
         Alert.alert("Error", "This product is not available for flash delivery");
         return;
       }
@@ -113,7 +128,7 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ productId, isFlashDeliver
 
   const handleBuyNow = (productId: number) => {
     if (isFlashDelivery) {
-      if (!productDetail?.isFlashAvailable) {
+      if (!productAvailability?.isFlashAvailable) {
         Alert.alert("Error", "This product is not available for flash delivery");
         return;
       }
@@ -241,13 +256,13 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ productId, isFlashDeliver
             <View style={tw`flex-row justify-between items-start mb-2`}>
                <MyText style={tw`text-2xl font-bold text-gray-900 flex-1 mr-2`}>{productDetail.name}</MyText>
                <View style={tw`flex-row gap-2`}>
-                 {productDetail.isFlashAvailable && (
+                 {productAvailability?.isFlashAvailable && (
                    <View style={tw`bg-pink-100 px-3 py-1 rounded-full flex-row items-center`}>
                      <MaterialIcons name="bolt" size={12} color="#EC4899" style={tw`mr-1`} />
                      <MyText style={tw`text-pink-700 text-xs font-bold`}>1 Hr Delivery</MyText>
                    </View>
                  )}
-                 {productDetail.isOutOfStock && (
+                 {productAvailability?.isOutOfStock && (
                    <View style={tw`bg-red-100 px-3 py-1 rounded-full`}>
                      <MyText style={tw`text-red-700 text-xs font-bold`}>Out of Stock</MyText>
                    </View>
@@ -277,7 +292,7 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ productId, isFlashDeliver
               </View>
 
               {/* Flash price on separate line - smaller and less prominent */}
-              {productDetail.isFlashAvailable && productDetail.flashPrice && productDetail.flashPrice !== productDetail.price && (
+              {productAvailability?.isFlashAvailable && productDetail.flashPrice && productDetail.flashPrice !== productDetail.price && (
                 <View style={tw`mt-1`}>
                   <MyText style={tw`text-pink-600 text-lg font-bold`}>
                     1 Hr Delivery: ₹{productDetail.flashPrice} / {formatQuantity(productDetail.productQuantity || 1, productDetail.unitNotation).display}
@@ -304,11 +319,11 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ productId, isFlashDeliver
                   // Show "Add to Cart" button when not in cart
                   <MyTouchableOpacity
                     style={[tw`flex-1 py-3.5 rounded-xl items-center border`, {
-                      borderColor: (productDetail.isOutOfStock || (isFlashDelivery && !productDetail.isFlashAvailable)) ? '#9ca3af' : theme.colors.brand500,
+                      borderColor: (productAvailability?.isOutOfStock || (isFlashDelivery && !productAvailability?.isFlashAvailable)) ? '#9ca3af' : theme.colors.brand500,
                       backgroundColor: 'white'
                     }]}
                     onPress={() => {
-                      if (productDetail.isOutOfStock || (isFlashDelivery && !productDetail.isFlashAvailable)) {
+                      if (productAvailability?.isOutOfStock || (isFlashDelivery && !productAvailability?.isFlashAvailable)) {
                         return;
                       }
                       if (isFlashDelivery) {
@@ -319,10 +334,10 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ productId, isFlashDeliver
                         setAddedToCartProduct({ productId: productDetail.id, product: productDetail });
                       }
                     }}
-                    disabled={productDetail.isOutOfStock || (isFlashDelivery && !productDetail.isFlashAvailable)}
+                    disabled={productAvailability?.isOutOfStock || (isFlashDelivery && !productAvailability?.isFlashAvailable)}
                   >
-                    <MyText style={[tw`font-bold text-base`, { color: (productDetail.isOutOfStock || (isFlashDelivery && !productDetail.isFlashAvailable)) ? '#9ca3af' : theme.colors.brand500 }]}>
+                    <MyText style={[tw`font-bold text-base`, { color: (productAvailability?.isOutOfStock || (isFlashDelivery && !productAvailability?.isFlashAvailable)) ? '#9ca3af' : theme.colors.brand500 }]}>
-                      {(productDetail.isOutOfStock || (isFlashDelivery && !productDetail.isFlashAvailable)) ? 'Unavailable' : 'Add to Cart'}
+                      {(productAvailability?.isOutOfStock || (isFlashDelivery && !productAvailability?.isFlashAvailable)) ? 'Unavailable' : 'Add to Cart'}
                     </MyText>
                   </MyTouchableOpacity>
                 )}
@@ -330,26 +345,26 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ productId, isFlashDeliver
                 {isFlashDelivery ? (
                   <MyTouchableOpacity
                     style={[tw`flex-1 py-3.5 rounded-xl items-center shadow-md`, {
-                      backgroundColor: (productDetail.isOutOfStock || !productDetail.isFlashAvailable) ? '#9ca3af' : '#FDF2F8'
+                      backgroundColor: (productAvailability?.isOutOfStock || !productAvailability?.isFlashAvailable) ? '#9ca3af' : '#FDF2F8'
                     }]}
-                    onPress={() => !(productDetail.isOutOfStock || !productDetail.isFlashAvailable) && handleBuyNow(productDetail.id)}
+                    onPress={() => !(productAvailability?.isOutOfStock || !productAvailability?.isFlashAvailable) && handleBuyNow(productDetail.id)}
-                    disabled={productDetail.isOutOfStock || !productDetail.isFlashAvailable}
+                    disabled={productAvailability?.isOutOfStock || !productAvailability?.isFlashAvailable}
                   >
-                    <MyText style={tw`text-base font-bold ${productDetail.isOutOfStock || !productDetail.isFlashAvailable ? 'text-gray-400' : 'text-pink-600'}`}>
+                    <MyText style={tw`text-base font-bold ${productAvailability?.isOutOfStock || !productAvailability?.isFlashAvailable ? 'text-gray-400' : 'text-pink-600'}`}>
-                      {productDetail.isOutOfStock ? 'Out of Stock' :
+                      {productAvailability?.isOutOfStock ? 'Out of Stock' :
-                        (!productDetail.isFlashAvailable ? 'Not Flash Eligible' : 'Get in 1 Hour')}
+                        (!productAvailability?.isFlashAvailable ? 'Not Flash Eligible' : 'Get in 1 Hour')}
                     </MyText>
                   </MyTouchableOpacity>
-                ) : productDetail.isFlashAvailable ? (
+                ) : productAvailability?.isFlashAvailable ? (
                   <MyTouchableOpacity
                     style={[tw`flex-1 py-3.5 rounded-xl items-center shadow-md`, {
-                      backgroundColor: productDetail.deliverySlots.length === 0 ? '#9ca3af' : '#FDF2F8'
+                      backgroundColor: sortedDeliverySlots.length === 0 ? '#9ca3af' : '#FDF2F8'
                     }]}
-                    onPress={() => productDetail.deliverySlots.length > 0 && handleBuyNow(productDetail.id)}
+                    onPress={() => sortedDeliverySlots.length > 0 && handleBuyNow(productDetail.id)}
-                    disabled={productDetail.deliverySlots.length === 0}
+                    disabled={sortedDeliverySlots.length === 0}
                   >
-                    <MyText style={tw`text-base font-bold ${productDetail.deliverySlots.length === 0 ? 'text-gray-400' : 'text-pink-600'}`}>
+                    <MyText style={tw`text-base font-bold ${sortedDeliverySlots.length === 0 ? 'text-gray-400' : 'text-pink-600'}`}>
-                      {productDetail.deliverySlots.length === 0 ? 'No Slots' : 'Get in 1 Hour'}
+                      {sortedDeliverySlots.length === 0 ? 'No Slots' : 'Get in 1 Hour'}
                     </MyText>
                   </MyTouchableOpacity>
                 ) : (
@@ -378,7 +393,7 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ productId, isFlashDeliver
                     key={index}
                     style={tw`flex-row items-start mb-4 bg-gray-50 p-3 rounded-xl border border-gray-100`}
                     onPress={() => handleSlotAddToCart(productDetail.id, slot.id)}
-                    disabled={productDetail.isOutOfStock}
+                    disabled={productAvailability?.isOutOfStock}
                     activeOpacity={0.7}
                   >
                     <MaterialIcons name="local-shipping" size={20} color="#3B82F6" style={tw`mt-0.5`} />
@@ -590,7 +605,7 @@ const ProductDetail: React.FC<ProductDetailProps> = ({ productId, isFlashDeliver
                 key={index}
                 style={tw`flex-row items-start mb-4 bg-gray-50 p-4 rounded-xl border border-gray-100`}
                 onPress={() => handleSlotAddToCart(productDetail.id, slot.id)}
-                disabled={productDetail.isOutOfStock}
+                disabled={productAvailability?.isOutOfStock}
                 activeOpacity={0.7}
               >
                 <MaterialIcons name="local-shipping" size={20} color="#3B82F6" style={tw`mt-0.5`} />
@@ -797,4 +812,4 @@ const ReviewForm = ({ productId, onReviewSubmitted }: ReviewFormProps) => {
   );
 };
 
-export default ProductDetail;
+export default ProductDetail;

apps/user-ui/components/QuickDeliveryAddressSelector.tsx

@@ -6,6 +6,7 @@ import { BottomDialog, MyTouchableOpacity, MyText, tw, theme } from 'common-ui';
 import { useAuth } from '@/src/contexts/AuthContext';
 import { trpc } from '@/src/trpc-client';
 import { useAddressStore } from '@/src/store/addressStore';
+import { useSlots } from '@/src/hooks/prominent-api-hooks';
 import dayjs from 'dayjs';
 
 interface QuickDeliveryAddressSelectorProps {
@@ -31,13 +32,13 @@ const QuickDeliveryAddressSelector: React.FC<QuickDeliveryAddressSelectorProps>
   const { data: addressesData } = trpc.user.address.getUserAddresses.useQuery(undefined, {
     enabled: isAuthenticated,
   });
-  const { data: slotsData } = trpc.user.slots.getSlotsWithProducts.useQuery();
+  const { data: slotsData } = useSlots();
 
   const defaultAddress = defaultAddressData?.data;
   const addresses = addressesData?.data || [];
 
   // Format time range helper
-  const formatTimeRange = (deliveryTime: string) => {
+  const formatTimeRange = (deliveryTime: string | Date) => {
     const time = dayjs(deliveryTime);
     const endTime = time.add(1, 'hour');
     const startPeriod = time.format('A');
@@ -276,4 +277,4 @@ const QuickDeliveryAddressSelector: React.FC<QuickDeliveryAddressSelectorProps>
   );
 };
 
-export default QuickDeliveryAddressSelector;
+export default QuickDeliveryAddressSelector;

apps/user-ui/components/SlotSpecificView.tsx

@@ -7,7 +7,11 @@ import { useRouter, usePathname } from 'expo-router';
 import MaterialIcons from '@expo/vector-icons/MaterialIcons';
 import { tw, theme, MyText, MyTouchableOpacity, MyFlatList, AppContainer, MiniQuantifier } from 'common-ui';
 import { trpc } from '@/src/trpc-client';
+import { useAllProducts, useStores, useSlots } from '@/src/hooks/prominent-api-hooks';
+import { AllProductsApiType } from '@backend/trpc/router';
 import { useQuickDeliveryStore } from '@/src/store/quickDeliveryStore';
+import { useCentralSlotStore } from '@/src/store/centralSlotStore';
+import { useCentralProductStore } from '@/src/store/centralProductStore';
 import { useAddToCart, useGetCart, useUpdateCartItem, useRemoveFromCart } from '@/hooks/cart-query-hooks';
 import { useHideTabNav } from '@/src/hooks/useHideTabNav';
 import CartIcon from '@/components/icons/CartIcon';
@@ -32,7 +36,7 @@ interface SlotLayoutProps {
 function CustomDrawerContent(baseUrl: string, drawerProps: DrawerContentComponentProps, slotIdParent?: number, storeIdParent?: number) {
   const router = useRouter();
   const pathname = usePathname();
-  const { data: storesData } = trpc.user.stores.getStores.useQuery();
+  const { data: storesData } = useStores();
   const setStoreId = useSlotStore(state => state.setStoreId);
 
   const { slotId, storeId } = useSlotStore();
@@ -179,17 +183,10 @@ export function SlotLayout({ slotId, storeId, baseUrl, isForFlashDelivery }: Slo
     router.replace(`${baseUrl}?slotId=${newSlotId}` as any);
   };
 
-  const slotQuery = slotId
-    ? trpc.user.slots.getSlotById.useQuery({ slotId: Number(slotId) })
-    : trpc.user.slots.nextMajorDelivery.useQuery();
-  const deliveryTime = dayjs(slotQuery.data?.deliveryTime).format('DD MMM hh:mm A');
-
-  
   return (
     <>
       <View style={tw` w-full flex-row bg-white px-4 py-2 mb-1`}>
         <QuickDeliveryAddressSelector
-          deliveryTime={deliveryTime}
           slotId={Number(slotId)}
           onSlotChange={handleSlotChange}
           isForFlashDelivery={isForFlashDelivery}
@@ -243,6 +240,7 @@ const CompactProductCard = ({
   
   // Cart management for miniView
   const { data: cartData } = useGetCart({}, cartType);
+  const productSlotsMap = useCentralSlotStore((state) => state.productSlotsMap);
   const updateCartItem = useUpdateCartItem({
     showSuccessAlert: false,
     showErrorAlert: false,
@@ -256,6 +254,7 @@ const CompactProductCard = ({
 
   const cartItem = cartData?.items?.find((cartItem: any) => cartItem.productId === item.id);
   const quantity = cartItem?.quantity || 0;
+  const isOutOfStock = productSlotsMap[item.id]?.isOutOfStock;
 
   const handleQuantityChange = (newQuantity: number) => {
     if (newQuantity === 0 && cartItem) {
@@ -281,7 +280,7 @@ const CompactProductCard = ({
           source={{ uri: item.images?.[0] }}
           style={{ width: "100%", height: itemWidth, resizeMode: "cover" }}
         />
-        {item.isOutOfStock && (
+        {isOutOfStock && (
           <View style={tw`absolute inset-0 bg-black/30 items-center justify-center`}>
             <MyText style={tw`text-white text-xs font-bold`}>Out of Stock</MyText>
           </View>
@@ -340,22 +339,20 @@ export function SlotProducts({ slotId:slotIdParent, storeId:storeIdParent, baseU
   const slotId = slotIdParent;
   const storeId = storeIdParent;
   const storeIdNum = storeId;
-  // const { storeId, slotId: slotIdRaw } = useLocalSearchParams();
-  // const slotId = Number(slotIdRaw);
 
+  const { data: slotsData, isLoading: slotsLoading, error: slotsError } = useSlots();
+  const { productsById } = useCentralProductStore();
+  const productSlotsMap = useCentralSlotStore((state) => state.productSlotsMap);
   
-  // const storeIdNum = storeId ? Number(storeId) : undefined;
+  // Find the specific slot from cached data
-
+  const slot = slotsData?.slots?.find(s => s.id === slotId);
-  const slotQuery = trpc.user.slots.getSlotById.useQuery({ slotId: slotId! }, { enabled: !!slotId });
-
-  const productsQuery =  trpc.common.product.getAllProductsSummary.useQuery({});
 
   const { addToCart = () => { } } = useAddToCart({ showSuccessAlert: false, showErrorAlert: false, refetchCart: true }, "regular") || {};
 
   const handleAddToCart = (productId: number) => {
     setIsLoadingDialogOpen(true);
-    const item = filteredProducts.find((p: any) => p.id === productId);
+    const item = filteredProducts.find((p) => p.id === productId);
-    const deliveryTime = slotQuery.data?.deliveryTime ? dayjs(slotQuery.data.deliveryTime).format('ddd, DD MMM • h:mm A') : '';
+    const deliveryTime = slot?.deliveryTime ? dayjs(slot.deliveryTime).format('ddd, DD MMM • h:mm A') : '';
     addToCart(productId, 1, slotId || 0, () => {
       setIsLoadingDialogOpen(false);
       if (item) {
@@ -364,7 +361,7 @@ export function SlotProducts({ slotId:slotIdParent, storeId:storeIdParent, baseU
     });
   };
 
-  if (slotQuery.isLoading || (storeIdNum && productsQuery?.isLoading)) {
+  if (slotsLoading) {
     return (
       <AppContainer>
         <View style={tw`flex-1 justify-center items-center bg-gray-50`}>
@@ -374,7 +371,7 @@ export function SlotProducts({ slotId:slotIdParent, storeId:storeIdParent, baseU
     );
   }
 
-  if (slotQuery.error || (storeIdNum && productsQuery?.error)) {
+  if (slotsError) {
     return (
       <AppContainer>
         <View style={tw`flex-1 justify-center items-center bg-gray-50`}>
@@ -386,7 +383,7 @@ export function SlotProducts({ slotId:slotIdParent, storeId:storeIdParent, baseU
     );
   }
 
-  if (!slotQuery.data) {
+  if (!slot) {
     return (
       <AppContainer>
         <View style={tw`flex-1 justify-center items-center`}>
@@ -397,14 +394,16 @@ export function SlotProducts({ slotId:slotIdParent, storeId:storeIdParent, baseU
     );
   }
 
-  // Create a Set of product IDs from slot data for O(1) lookup
+  // Get product details from central store using slot product IDs
-  const slotProductIds = new Set(slotQuery.data.products?.map((p: any) => p.id) || []);
+  // Filter: 1) Must exist in productsById, 2) Must not be out of stock (from slots data)
+  const slotProducts = slot.products
+    ?.map(p => productsById[p.id])
+    ?.filter((product): product is NonNullable<typeof product> => product !== null && product !== undefined)
+    ?.filter(product => !productSlotsMap[product.id]?.isOutOfStock) || [];
 
-  const filteredProducts: any[] = storeIdNum
+  const filteredProducts = storeIdNum
-    ? productsQuery?.data?.products?.filter(p =>
+    ? slotProducts.filter(p => p.storeId === storeIdNum)
-        p.storeId === storeIdNum && slotProductIds.has(p.id)
+    : slotProducts;
-      ) || []
-    : slotQuery.data.products;
 
   return (
     <View testID="slot-detail-page" style={tw`flex-1`}>
@@ -422,7 +421,7 @@ export function SlotProducts({ slotId:slotIdParent, storeId:storeIdParent, baseU
         keyExtractor={(item, index) => index.toString()}
         columnWrapperStyle={{ gap: 16, justifyContent: 'flex-start' }}
         contentContainerStyle={[tw`pb-24 px-4`, { gap: 16 }]}
-        onRefresh={() => slotQuery.refetch()}
+        onRefresh={() => {}}
         ListEmptyComponent={
           storeIdNum ? (
             <View style={tw`items-center justify-center py-10`}>
@@ -448,7 +447,8 @@ export function FlashDeliveryProducts({ storeId:storeIdParent, baseUrl, onProduc
   const storeId = storeIdParent;
   const storeIdNum = storeId;
 
-  const productsQuery = trpc.common.product.getAllProductsSummary.useQuery({});
+  const productsQuery = useAllProducts();
+  const productSlotsMap = useCentralSlotStore((state) => state.productSlotsMap);
 
    const { addToCart = () => { } } = useAddToCart({ showSuccessAlert: false, showErrorAlert: false, refetchCart: true }, "flash") || {};
 
@@ -486,20 +486,22 @@ export function FlashDeliveryProducts({ storeId:storeIdParent, baseUrl, onProduc
   }
 
   // Filter products to only include those eligible for flash delivery
-  let flashProducts: any[] = [];
+  let flashProducts: AllProductsApiType['products'][number][] = [];
   if (storeIdNum) {
     // Filter by store, flash availability, and stock status
-    flashProducts = productsQuery?.data?.products?.filter(p =>
+    flashProducts = productsQuery?.data?.products?.filter(p => {
-      p.storeId === storeIdNum &&
+      const productInfo = productSlotsMap[p.id];
-      p.isFlashAvailable &&
+      return p.storeId === storeIdNum &&
-      !p.isOutOfStock
+        productInfo?.isFlashAvailable &&
-    ) || [];
+        !productInfo?.isOutOfStock;
+    }) || [];
   } else {
     // Show all flash-available products that are in stock
-    flashProducts = productsQuery?.data?.products?.filter(p =>
+    flashProducts = productsQuery?.data?.products?.filter(p => {
-      p.isFlashAvailable &&
+      const productInfo = productSlotsMap[p.id];
-      !p.isOutOfStock
+      return productInfo?.isFlashAvailable &&
-    ) || [];
+        !productInfo?.isOutOfStock;
+    }) || [];
   }
 
   return (

apps/user-ui/components/WebViewWrapper.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { View, ActivityIndicator } from 'react-native';
 import { WebView } from 'react-native-webview';
 import { trpc } from '@/src/trpc-client';
-import { useGetEssentialConsts } from '@/src/api-hooks/essential-consts.api';
+import { useGetEssentialConsts } from '@/src/hooks/prominent-api-hooks';
 import { theme, MyText, MyTouchableOpacity } from 'common-ui';
 import MaterialIcons from '@expo/vector-icons/MaterialIcons';
 

apps/user-ui/components/cart-page.tsx

@@ -24,8 +24,10 @@ import TestingPhaseNote from "@/components/TestingPhaseNote";
 
 import dayjs from "dayjs";
 import { trpc } from "@/src/trpc-client";
+import { useCentralProductStore } from '@/src/store/centralProductStore';
+import { useCentralSlotStore } from '@/src/store/centralSlotStore';
 import { useGetCart, useUpdateCartItem, useRemoveFromCart } from '@/hooks/cart-query-hooks';
-import { useGetEssentialConsts } from '@/src/api-hooks/essential-consts.api';
+import { useGetEssentialConsts } from '@/src/hooks/prominent-api-hooks';
 
 interface CartPageProps {
   isFlashDelivery?: boolean;
@@ -80,33 +82,34 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
 
     const { data: couponsRaw, error: couponsError } = trpc.user.coupon.getEligible.useQuery();
     const { data: constsData } = useGetEssentialConsts();
-   const { data: productsData } = trpc.common.product.getAllProductsSummary.useQuery({});
+   const products = useCentralProductStore((state) => state.products);
+   const productsById = useCentralProductStore((state) => state.productsById);
+   const productSlotsMap = useCentralSlotStore((state) => state.productSlotsMap);
 
    const cartItems = cartData?.items || [];
 
    
    // Memoized flash-eligible product IDs
    const flashEligibleProductIds = useMemo(() => {
-     if (!productsData?.products) return new Set<number>();
+     if (!products.length) return new Set<number>();
      return new Set(
-       productsData.products
+       products
-         .filter((product: any) => product.isFlashAvailable)
+         .filter((product) => productSlotsMap[product.id]?.isFlashAvailable)
-         .map((product: any) => product.id)
+         .map((product) => product.id)
      );
-   }, [productsData]);
+   }, [products, productSlotsMap]);
 
    // Base total price without discounts for coupon eligibility check
-  const baseTotalPrice = useMemo(
+    const baseTotalPrice = useMemo(
-    () =>
+      () =>
-      cartItems
+        cartItems
-        .filter((item) => !item.product?.isOutOfStock)
+          .filter((item) => !productSlotsMap[item.productId]?.isOutOfStock)
-        .reduce(
+          .reduce((sum, item) => {
-          (sum, item) =>
+            const product = productsById[item.productId];
-            sum +
+            const price = product?.price || 0;
-            (item.product?.price || 0) * (quantities[item.id] || item.quantity),
+            return sum + price * (quantities[item.id] || item.quantity);
-          0
+         }, 0),
-        ),
+     [cartItems, quantities, productsById]
-    [cartItems, quantities]
    );
 
   const eligibleCoupons = useMemo(() => {
@@ -199,13 +202,14 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
     [eligibleCoupons, selectedCouponId]
   );
 
-  const totalPrice = cartItems
+   const totalPrice = cartItems
-    .filter((item) => !item.product?.isOutOfStock)
+     .filter((item) => !productSlotsMap[item.productId]?.isOutOfStock)
-    .reduce((sum, item) => {
+     .reduce((sum, item) => {
-      const quantity = quantities[item.id] || item.quantity;
+       const product = productsById[item.productId];
-      const price = isFlashDelivery ? (item.product?.flashPrice ?? item.product?.price ?? 0) : (item.product?.price || 0);
+       const quantity = quantities[item.id] || item.quantity;
-      return sum + price * quantity;
+       const price = isFlashDelivery ? (product?.flashPrice ?? product?.price ?? 0) : (product?.price || 0);
-    }, 0);
+       return sum + price * quantity;
+     }, 0);
   const dropdownData = useMemo(
     () =>
       eligibleCoupons?.map((coupon) => {
@@ -273,7 +277,7 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
 
   const finalTotalWithDelivery = finalTotal + deliveryCharge;
 
-  const hasAvailableItems = cartItems.some(item => !item.product?.isOutOfStock);
+   const hasAvailableItems = cartItems.some(item => !productSlotsMap[item.productId]?.isOutOfStock);
 
   useEffect(() => {
     const initial: Record<number, number> = {};
@@ -410,10 +414,12 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
                 const productSlots = getAvailableSlotsForProduct(item.productId);
                 const selectedSlotForItem = selectedSlots[item.id];
                 const isFlashEligible = isFlashDelivery ? flashEligibleProductIds.has(item.productId) : true;
+                const product = productsById[item.productId];
+                const productSlotInfo = productSlotsMap[item.productId];
                 // const isAvailable = (productSlots.length > 0 || isFlashDelivery) && !item.product?.isOutOfStock && isFlashEligible;
                 let isAvailable = true;
 
-                if(item.product?.isOutOfStock) {
+                if (productSlotInfo?.isOutOfStock) {
                   isAvailable = false;
                 } else if(isFlashDelivery) {
                   if(!isFlashEligible) {
@@ -430,7 +436,7 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
                 //   isAvailable = isFlashEligible;
                 // }
                 const quantity = quantities[item.id] || item.quantity;
-                const price = isFlashDelivery ? (item.product?.flashPrice ?? item.product?.price ?? 0) : (item.product?.price || 0);
+                const price = isFlashDelivery ? (product?.flashPrice ?? product?.price ?? 0) : (product?.price || 0);
                 const itemPrice = price * quantity;
 
                 return (
@@ -438,7 +444,7 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
                     <View style={tw`p-4`}>
                       <View style={tw`flex-row items-center mb-2`}>
                         <Image
-                          source={{ uri: item.product.images?.[0] }}
+                          source={{ uri: product?.images?.[0] }}
                           style={tw`w-8 h-8 rounded-lg bg-gray-100 mr-3`}
                         />
 
@@ -446,12 +452,12 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
                           style={tw`text-sm text-gray-900 flex-1 mr-3`}
                           numberOfLines={2}
                         >
-                          {item.product.name}
+                          {product?.name}
                         </MyText>
                         <MyText style={tw`text-xs text-gray-500 mr-2`}>
                           {(() => {
-                            const qty = item.product?.productQuantity || 1;
+                            const qty = product?.productQuantity || 1;
-                            const unit = item.product?.unitNotation || '';
+                            const unit = product?.unitNotation || '';
                             if (unit?.toLowerCase() === 'kg' && qty < 1) {
                               return `${Math.round(qty * 1000)}g`;
                             }
@@ -512,8 +518,8 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
                                   });
                                 }
                               }}
-                              step={item.product.incrementStep}
+                              step={product?.incrementStep}
-                              unit={item.product?.unitNotation}
+                              unit={product?.unitNotation}
                             />
                           </View>
                         </View>
@@ -579,7 +585,7 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
                                   onPress={() => {
                                     Alert.alert(
                                       "Remove Item",
-                                      `Remove ${item.product.name} from cart?`,
+                                        `Remove ${product?.name} from cart?`,
                                       [
                                         { text: "Cancel", style: "cancel" },
                                         {
@@ -630,7 +636,7 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
                                 onPress={() => {
                                   Alert.alert(
                                     "Remove Item",
-                                    `Remove ${item.product.name} from cart?`,
+                                      `Remove ${product?.name} from cart?`,
                                     [
                                       { text: "Cancel", style: "cancel" },
                                       {
@@ -670,12 +676,12 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
                         )}
 
                        {!isAvailable && (
-                         <View
+                          <View
-                           style={tw`bg-red-50 self-start px-2 py-1 rounded-md mt-2`}
+                            style={tw`bg-red-50 self-start px-2 py-1 rounded-md mt-2`}
-                         >
+                          >
-                           <MyText style={tw`text-xs font-bold text-red-600`}>
+                            <MyText style={tw`text-xs font-bold text-red-600`}>
-                             {item.product?.isOutOfStock
+                               {productSlotInfo?.isOutOfStock
-                               ? "Out of Stock"
+                                 ? "Out of Stock"
                                : isFlashDelivery && !flashEligibleProductIds.has(item.productId)
                                ? "Not available for flash delivery. Please remove"
                                : "No delivery slots available"}
@@ -908,7 +914,7 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
                   onPress={() => {
                      const availableItems = cartItems
                        .filter(item => {
-                         if (item.product?.isOutOfStock) return false;
+                        if (productSlotsMap[item.productId]?.isOutOfStock) return false;
                          if (isFlashDelivery) {
                            // Check if product supports flash delivery
                            return flashEligibleProductIds.has(item.productId);
@@ -917,12 +923,10 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
                        })
                       .map(item => item.id);
                     
-                    
+                     if (availableItems.length === 0) {
-
+                       // Determine why no items are available
-                    if (availableItems.length === 0) {
+                       const outOfStockItems = cartItems.filter(item => productSlotsMap[item.productId]?.isOutOfStock);
-                      // Determine why no items are available
+                       const inStockItems = cartItems.filter(item => !productSlotsMap[item.productId]?.isOutOfStock);
-                      const outOfStockItems = cartItems.filter(item => item.product?.isOutOfStock);
-                      const inStockItems = cartItems.filter(item => !item.product?.isOutOfStock);
 
                       let errorTitle = "Cannot Proceed";
                       let errorMessage = "";
@@ -959,9 +963,9 @@ export default function CartPage({ isFlashDelivery = false }: CartPageProps) {
                        return;
                      }
 
-                     // Check if there are items without slots (for regular delivery)
+                      // Check if there are items without slots (for regular delivery)
-                     if (!isFlashDelivery && availableItems.length < cartItems.length) {
+                      if (!isFlashDelivery && availableItems.length < cartItems.length) {
-                       const itemsWithoutSlots = cartItems.filter(item => !selectedSlots[item.id] && !item.product?.isOutOfStock);
+                         const itemsWithoutSlots = cartItems.filter(item => !selectedSlots[item.id] && !productSlotsMap[item.productId]?.isOutOfStock);
                        if (itemsWithoutSlots.length > 0) {
                           Alert.alert(
                             "Delivery Slot Required",

apps/user-ui/components/checkout-page.tsx

@@ -8,8 +8,10 @@ import AddressForm from '@/src/components/AddressForm';
 import { useAuthenticatedRoute } from '@/hooks/useAuthenticatedRoute';
 
 import { trpc } from '@/src/trpc-client';
+import { useCentralProductStore } from '@/src/store/centralProductStore';
+import { useCentralSlotStore } from '@/src/store/centralSlotStore';
 import { useGetCart } from '@/hooks/cart-query-hooks';
-import { useGetEssentialConsts } from '@/src/api-hooks/essential-consts.api';
+import { useGetEssentialConsts } from '@/src/hooks/prominent-api-hooks';
 import PaymentAndOrderComponent from '@/components/PaymentAndOrderComponent';
 import CheckoutAddressSelector from '@/components/CheckoutAddressSelector';
 import { useAddressStore } from '@/src/store/addressStore';
@@ -35,7 +37,9 @@ const CheckoutPage: React.FC<CheckoutPageProps> = ({ isFlashDelivery = false })
    const { data: addresses, refetch: refetchAddresses } = trpc.user.address.getUserAddresses.useQuery();
    const { data: slotsData, refetch: refetchSlots } = trpc.user.slots.getSlots.useQuery();
    const { data: constsData } = useGetEssentialConsts();
-   const { data: productsData } = trpc.common.product.getAllProductsSummary.useQuery({});
+    const products = useCentralProductStore((state) => state.products);
+    const productsById = useCentralProductStore((state) => state.productsById);
+    const productSlotsMap = useCentralSlotStore((state) => state.productSlotsMap);
 
   useMarkDataFetchers(() => {
     refetchCart();
@@ -51,15 +55,15 @@ const CheckoutPage: React.FC<CheckoutPageProps> = ({ isFlashDelivery = false })
 
    const cartItems = cartData?.items || [];
 
-  // Memoized flash-eligible product IDs
+   // Memoized flash-eligible product IDs
-  const flashEligibleProductIds = useMemo(() => {
+    const flashEligibleProductIds = useMemo(() => {
-    if (!productsData?.products) return new Set<number>();
+      if (!products.length) return new Set<number>();
-    return new Set(
+      return new Set(
-      productsData.products
+        products
-        .filter((product: any) => product.isFlashAvailable)
+          .filter((product) => productSlotsMap[product.id]?.isFlashAvailable)
-        .map((product: any) => product.id)
+          .map((product) => product.id)
-    );
+      );
-  }, [productsData]);
+    }, [products, productSlotsMap]);
 
    // Parse slots parameter from URL (format: "1:1,2,3;2:4,5")
   const selectedSlots = useMemo(() => {
@@ -123,10 +127,11 @@ const CheckoutPage: React.FC<CheckoutPageProps> = ({ isFlashDelivery = false })
 
 
    const totalPrice = selectedItems
-    .filter((item) => !item.product?.isOutOfStock)
+    .filter((item) => !productSlotsMap[item.productId]?.isOutOfStock)
     .reduce(
       (sum, item) => {
-        const price = isFlashDelivery ? (item.product?.flashPrice ?? item.product?.price ?? 0) : (item.product?.price || 0);
+        const product = productsById[item.productId];
+        const price = isFlashDelivery ? (product?.flashPrice ?? product?.price ?? 0) : (product?.price || 0);
         return sum + price * item.quantity;
       },
       0

apps/user-ui/components/floating-cart-bar.tsx

@@ -14,7 +14,6 @@ import {
   theme,
   updateStatusBarColor,
 } from "common-ui";
-import { trpc } from "@/src/trpc-client";
 import {
   useGetCart,
   useUpdateCartItem,
@@ -22,8 +21,9 @@ import {
   useAddToCart,
   type CartType,
 } from "@/hooks/cart-query-hooks";
-import { useGetEssentialConsts } from "@/src/api-hooks/essential-consts.api";
+import { useGetEssentialConsts, useSlots } from "@/src/hooks/prominent-api-hooks"
 import { useProductSlotIdentifier } from "@/hooks/useProductSlotIdentifier";
+import { useCentralProductStore } from "@/src/store/centralProductStore";
 import dayjs from "dayjs";
 import { LinearGradient } from "expo-linear-gradient";
 
@@ -36,7 +36,7 @@ interface FloatingCartBarProps {
 }
 
 // Smart time window formatting function
-const formatTimeRange = (deliveryTime: string) => {
+const formatTimeRange = (deliveryTime: string | Date) => {
   const time = dayjs(deliveryTime);
   const endTime = time.add(1, 'hour');
   const startPeriod = time.format('A');
@@ -79,7 +79,8 @@ const FloatingCartBar: React.FC<FloatingCartBarProps> = ({
   const setIsExpanded = controlledSetIsExpanded ?? setLocalIsExpanded;
   const { data: cartData, refetch: refetchCart } = useGetCart({}, cartType);
   const { data: constsData } = useGetEssentialConsts();
-  const { data: slotsData } = trpc.user.slots.getSlotsWithProducts.useQuery();
+  const { data: slotsData } = useSlots();
+  const productsById = useCentralProductStore((state) => state.productsById);
   const { productSlotsMap } = useProductSlotIdentifier();
   const cartItems = cartData?.items || [];
   const itemCount = cartItems.length;
@@ -108,21 +109,21 @@ const FloatingCartBar: React.FC<FloatingCartBarProps> = ({
     setQuantities(initial);
   }, [cartData]);
 
-useEffect(() => {
+  useEffect(() => {
     if (!cartItems.length || !slotsData?.slots || !productSlotsMap) return;
 
     const itemsToUpdate = cartItems.filter(item => {
       if (isFlashDelivery || !item.slotId) return false;
 
-      const availableSlots = productSlotsMap.get(item.productId) || [];
+      const availableSlots = productSlotsMap[item.productId]?.slots || [];
-      const isSlotAvailable = availableSlots.includes(item.slotId);
+      const isSlotAvailable = availableSlots.some((slot) => slot.id === item.slotId);
       return !isSlotAvailable;
     });
 
     itemsToUpdate.forEach((item) => {
-      const availableSlots = productSlotsMap.get(item.productId) || [];
+      const availableSlots = productSlotsMap[item.productId]?.slots || [];
       if (availableSlots.length > 0 && !isFlashDelivery) {
-        const nearestSlotId = availableSlots[0];
+        const nearestSlotId = availableSlots[0].id;
         removeFromCart.mutate({ itemId: item.id });
         addToCartHook.addToCart(item.productId, item.quantity, nearestSlotId);
       }
@@ -135,7 +136,9 @@ useEffect(() => {
   // Calculate total cart value and free delivery info
   const totalCartValue = cartItems.reduce(
     (sum, item) => {
-      const price = isFlashDelivery ? (item.product.flashPrice ?? item.product.price) : item.product.price;
+      const product = productsById[item.productId];
+      const basePrice = product?.price ?? 0;
+      const price = isFlashDelivery ? (product?.flashPrice ?? basePrice) : basePrice;
       return sum + price * item.quantity;
     },
     0
@@ -256,21 +259,21 @@ useEffect(() => {
               <React.Fragment key={item.id}>
                   <View style={tw`py-4`}>
                     <View style={tw`flex-row items-center`}>
-                      <Image
+                        <Image
-                        source={{ uri: item.product.images?.[0] }}
+                          source={{ uri: productsById[item.productId]?.images?.[0] }}
-                        style={tw`w-8 h-8 rounded-lg bg-slate-50 border border-slate-100`}
+                          style={tw`w-8 h-8 rounded-lg bg-slate-50 border border-slate-100`}
-                      />
+                        />
 
                       <View style={tw`flex-1 ml-4`}>
                         <View style={tw`flex-row items-center justify-between mb-1`}>
                           <ProductNameWithQuantity
-                            name={item.product.name}
+                            name={productsById[item.productId]?.name || ''}
-                            productQuantity={item.product.productQuantity}
+                            productQuantity={productsById[item.productId]?.productQuantity || 0}
-                            unitNotation={item.product.unitNotation}
+                            unitNotation={productsById[item.productId]?.unitNotation || ''}
                           />
-                           <MiniQuantifier
+                             <MiniQuantifier
-                             value={quantities[item.id] || item.quantity}
+                              value={quantities[item.id] || item.quantity}
-                             onChange={(value) => {
+                              onChange={(value) => {
                                if (value === 0) {
                                  removeFromCart.mutate({ itemId: item.id });
                                } else {
@@ -278,21 +281,20 @@ useEffect(() => {
                                  updateCartItem.mutate({ itemId: item.id, quantity: value });
                                }
                              }}
-                             step={item.product.incrementStep}
+                              step={productsById[item.productId]?.incrementStep || 1}
-                             showUnits={true}
+                              showUnits={true}
-                             unit={item.product?.unitNotation}
+                              unit={productsById[item.productId]?.unitNotation}
-                           />
+                            />
                         </View>
                         <View style={tw`flex-row items-center justify-between`}>
-                          {item.slotId && slotsData && productSlotsMap.has(item.productId) && (
+                          {item.slotId && slotsData && productSlotsMap[item.productId] && (
                             <BottomDropdown
                               label="Select Delivery Slot"
                               value={item.slotId}
-                              options={(productSlotsMap.get(item.productId) || []).map(slotId => {
+                              options={(productSlotsMap[item.productId]?.slots || []).map((slot) => {
-                                const slot = slotsData.slots.find(s => s.id === slotId);
                                 return {
                                   label: slot ? formatTimeRange(slot.deliveryTime) : "N/A",
-                                  value: slotId,
+                                  value: slot.id,
                                 };
                               })}
                               onValueChange={async (val) => {
@@ -325,7 +327,12 @@ useEffect(() => {
                             />
                           )}
                           <MyText style={tw`text-slate-900 text-sm font-bold`}>
-                            ₹{(isFlashDelivery ? (item.product.flashPrice ?? item.product.price) : item.product.price) * item.quantity}
+                            ₹{(() => {
+                              const product = productsById[item.productId];
+                              const basePrice = product?.price ?? 0;
+                              const price = isFlashDelivery ? (product?.flashPrice ?? basePrice) : basePrice;
+                              return price * item.quantity;
+                            })()}
                           </MyText>
                         </View>
                       </View>

apps/user-ui/hooks/cart-query-hooks.tsx

@@ -1,15 +1,12 @@
-import { trpc } from '@/src/trpc-client';
+import { useAllProducts } from '@/src/hooks/prominent-api-hooks';
+import { useCentralSlotStore } from '@/src/store/centralSlotStore';
 import { Alert } from 'react-native';
-import { useState, useEffect } from 'react';
+import { useQuery, useMutation, useQueryClient, UseQueryResult, UseMutationResult } from '@tanstack/react-query';
-import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { StorageServiceCasual } from 'common-ui/src/services/StorageServiceCasual';
 
 // Cart type definition
 export type CartType = "regular" | "flash";
 
-// const CART_MODE: 'remote' | 'local' = 'remote';
-const CART_MODE: 'remote' | 'local' = 'local';
-
 const getCartStorageKey = (cartType: CartType = "regular"): string => {
   return cartType === "flash" ? "flash_cart_items" : "cart_items";
 };
@@ -26,15 +23,99 @@ interface ProductSummary {
   id: number;
   price: string;
   incrementStep: number;
+  isOutOfStock: boolean;
+  isFlashAvailable: boolean;
+  name?: string;
+  flashPrice?: string | null;
+  images?: string[];
+  productQuantity?: number;
+  unitNotation?: string;
+  marketPrice?: string | null;
 }
 
-interface CartItem {
+export interface CartItem {
   id: number;
   productId: number;
   quantity: number;
   addedAt: string;
-  product: ProductSummary;
   subtotal: number;
+  slotId: number;
+}
+
+interface CartData {
+  items: CartItem[];
+  totalItems: number;
+  totalAmount: number;
+}
+
+interface UseGetCartOptions {
+  refetchOnWindowFocus?: boolean;
+  enabled?: boolean;
+}
+
+interface UseGetCartReturn {
+  data: CartData | undefined;
+  isLoading: boolean;
+  error: Error | null;
+  refetch: () => Promise<UseQueryResult<CartData, Error>>;
+  cartItems: CartItem[];
+  totalItems: number;
+  totalPrice: number;
+  isEmpty: boolean;
+  hasItems: boolean;
+}
+
+interface AddToCartVariables {
+  productId: number;
+  quantity: number;
+  slotId: number;
+}
+
+interface UpdateCartVariables {
+  itemId: number;
+  quantity: number;
+}
+
+interface RemoveCartVariables {
+  itemId: number;
+}
+
+interface MutationOptions<TData, TVariables> {
+  onSuccess?: (data: TData, variables: TVariables) => void;
+  onError?: (error: Error) => void;
+  showSuccessAlert?: boolean;
+  showErrorAlert?: boolean;
+  refetchCart?: boolean;
+}
+
+interface UseAddToCartReturn {
+  mutate: UseMutationResult<LocalCartItem[], Error, AddToCartVariables>['mutate'];
+  mutateAsync: UseMutationResult<LocalCartItem[], Error, AddToCartVariables>['mutateAsync'];
+  isLoading: boolean;
+  error: Error | null;
+  data: LocalCartItem[] | undefined;
+  addToCart: (productId: number, quantity?: number, slotId?: number, onSettled?: (data: LocalCartItem[] | undefined, error: Error | null) => void) => void;
+  addToCartAsync: (productId: number, quantity?: number, slotId?: number) => Promise<LocalCartItem[]>;
+}
+
+interface UseUpdateCartItemReturn {
+  mutate: UseMutationResult<LocalCartItem[], Error, UpdateCartVariables>['mutate'];
+  mutateAsync: UseMutationResult<LocalCartItem[], Error, UpdateCartVariables>['mutateAsync'];
+  isLoading: boolean;
+  error: Error | null;
+  data: LocalCartItem[] | undefined;
+  updateCartItem: (itemId: number, quantity: number) => void;
+  updateCartItemAsync: (itemId: number, quantity: number) => Promise<LocalCartItem[]>;
+}
+
+interface UseRemoveFromCartReturn {
+  mutate: UseMutationResult<LocalCartItem[], Error, RemoveCartVariables>['mutate'];
+  mutateAsync: UseMutationResult<LocalCartItem[], Error, RemoveCartVariables>['mutateAsync'];
+  isLoading: boolean;
+  error: Error | null;
+  data: LocalCartItem[] | undefined;
+  removeFromCart: (itemId: number) => void;
+  removeFromCartAsync: (itemId: number) => Promise<LocalCartItem[]>;
 }
 
 const getLocalCart = async (cartType: CartType = "regular"): Promise<LocalCartItem[]> => {
@@ -46,8 +127,7 @@ const getLocalCart = async (cartType: CartType = "regular"): Promise<LocalCartIt
 const saveLocalCart = async (items: LocalCartItem[], cartType: CartType = "regular"): Promise<void> => {
   const key = getCartStorageKey(cartType);
   await StorageServiceCasual.setItem(key, JSON.stringify(items));
-  const fetchedItems = await getLocalCart(cartType);
+  await getLocalCart(cartType);
-
 };
 
 const getNextCartItemId = (items: LocalCartItem[]): number => {
@@ -55,8 +135,7 @@ const getNextCartItemId = (items: LocalCartItem[]): number => {
   return maxId + 1;
 };
 
-const addToLocalCart = async (productId: number, quantity: number, slotId?: number, cartType: CartType = "regular"): Promise<LocalCartItem[]> => {
+const addToLocalCart = async (productId: number, quantity: number, slotId: number | undefined, cartType: CartType = "regular"): Promise<LocalCartItem[]> => {
-  
   const items = await getLocalCart(cartType);
   const existingIndex = items.findIndex(item => item.productId === productId);
 
@@ -67,13 +146,13 @@ const addToLocalCart = async (productId: number, quantity: number, slotId?: numb
     }
   } else {
     const newId = getNextCartItemId(items);
-    const cartItem = {
+    const cartItem: LocalCartItem = {
       id: newId,
       productId,
       quantity,
-      slotId: slotId ?? 0, // Default to 0 if not provided
+      slotId: slotId ?? 0,
       addedAt: new Date().toISOString(),
-    }
+    };
 
     items.push(cartItem);
   }
@@ -104,401 +183,192 @@ const clearLocalCart = async (cartType: CartType = "regular"): Promise<void> =>
   await StorageServiceCasual.setItem(key, JSON.stringify([]));
 };
 
-export function useGetCart(options?: {
+export function useGetCart(options: UseGetCartOptions = {}, cartType: CartType = "regular"): UseGetCartReturn {
-  refetchOnWindowFocus?: boolean;
+  const { data: products } = useAllProducts();
-  enabled?: boolean;
+  const productSlotsMap = useCentralSlotStore((state) => state.productSlotsMap);
-}, cartType: CartType = "regular") {
+  
-  if (CART_MODE === 'remote') {
+  const query: UseQueryResult<CartData, Error> = useQuery({
-    const query = trpc.user.cart.getCart.useQuery(undefined, {
+    queryKey: [`local-cart-${cartType}`],
-      refetchOnWindowFocus: options?.refetchOnWindowFocus ?? true,
+    queryFn: async (): Promise<CartData> => {
-      enabled: options?.enabled ?? true,
+      const cartItems = await getLocalCart(cartType);
-      ...options
-    });
 
-    return {
+      const productMap: Record<number, Omit<ProductSummary, 'isOutOfStock' | 'isFlashAvailable'>> = Object.fromEntries(
-      // Original tRPC returns
+        products?.products?.map((p) => [
-      data: query.data,
+          p.id,
-      isLoading: query.isLoading,
+          {
-      error: query.error,
+            id: p.id,
-      refetch: query.refetch,
+            price: String(p.price),
+            incrementStep: p.incrementStep,
+            marketPrice: p.marketPrice === null || p.marketPrice === undefined ? null : String(p.marketPrice),
+            name: p.name,
+            flashPrice: p.flashPrice,
+            images: p.images,
+            productQuantity: p.productQuantity,
+            unitNotation: p.unitNotation,
+          },
+        ]) ?? []
+      );
 
-      // Computed properties
+      const items: CartItem[] = cartItems
-      cartItems: query.data?.items || [],
+        .map((cartItem): CartItem | null => {
-      totalItems: query.data?.totalItems || 0,
+          const productBasic = productMap[cartItem.productId];
-      totalPrice: query.data?.totalAmount || 0,
+          const productAvailability = productSlotsMap[cartItem.productId];
 
-      // Helper methods
+          if (!productBasic || !productAvailability) return null;
-      isEmpty: !query.data?.items?.length,
-      hasItems: Boolean(query.data?.items?.length),
-    };
-  } else {
-    
-    const { data: products } = trpc.common.product.getAllProductsSummary.useQuery({});
-    const query = useQuery({
-      queryKey: [`local-cart-${cartType}`],
-      queryFn: async () => {
-
-        const cartItems = await getLocalCart(cartType);
-        
-        const productMap = Object.fromEntries(
-          products?.products?.map((p) => [
-            p.id,
-            {
-              ...p,
-              price: String(p.price),
-              marketPrice: p.marketPrice === null || p.marketPrice === undefined ? null : String(p.marketPrice),
-            } as ProductSummary,
-          ]) || []
-        );
-        
-        const items: CartItem[] = cartItems.map(cartItem => {
-          const product = productMap[cartItem.productId];
           
-          if (!product) return null as any;
           return {
             id: cartItem.id,
             productId: cartItem.productId,
             quantity: cartItem.quantity,
-            addedAt: cartItem.addedAt,
+            addedAt: cartItem.addedAt, 
-            product,
+            subtotal: Number(productBasic.price) * cartItem.quantity,
-            incrementStep: product.incrementStep,
-            subtotal: Number(product.price) * cartItem.quantity,
             slotId: cartItem.slotId,
           };
-        }).filter(Boolean) as CartItem[];
+        })
-        const totalAmount = items.reduce((sum, item) => sum + item.subtotal, 0);
+        .filter((item): item is CartItem => item !== null);
         
-        return {
+      const totalAmount = items.reduce((sum, item) => sum + item.subtotal, 0);
-          items,
+
-          totalItems: items.length,
+      return {
-          totalAmount,
+        items,
-        };
+        totalItems: items.length,
-      },
+        totalAmount,
-      refetchOnWindowFocus: options?.refetchOnWindowFocus ?? true,
+      };
-      enabled: (options?.enabled ?? true) && !!products,
+    },
+    refetchOnWindowFocus: options?.refetchOnWindowFocus ?? true,
+    enabled: (options?.enabled ?? true) && !!products,
+  });
+  
+  return {
+    data: query.data,
+    isLoading: query.isLoading,
+    error: query.error,
+    refetch: query.refetch,
+    cartItems: query.data?.items ?? [],
+    totalItems: query.data?.totalItems ?? 0,
+    totalPrice: query.data?.totalAmount ?? 0,
+    isEmpty: !(query.data?.items?.length ?? 0),
+    hasItems: Boolean(query.data?.items?.length),
+  };
+}
+
+export function useAddToCart(options: MutationOptions<LocalCartItem[], AddToCartVariables> = {}, cartType: CartType = "regular"): UseAddToCartReturn {
+  const queryClient = useQueryClient();
+
+  const mutation: UseMutationResult<LocalCartItem[], Error, AddToCartVariables> = useMutation({
+    mutationFn: async ({ productId, quantity, slotId }: AddToCartVariables): Promise<LocalCartItem[]> => {
+      return await addToLocalCart(productId, quantity, slotId, cartType);
+    },
+    onSuccess: (data: LocalCartItem[], variables: AddToCartVariables) => {
+      queryClient.invalidateQueries({ queryKey: [`local-cart-${cartType}`] });
+      if (options?.showSuccessAlert !== false) {
+        Alert.alert("Success", "Item added to cart!");
+      }
+      options?.onSuccess?.(data, variables);
+    },
+    onError: (error: Error) => {
+      if (options?.showErrorAlert !== false) {
+        Alert.alert("Error", error.message || "Failed to add item to cart");
+      }
+      options?.onError?.(error);
+    },
+  });
+
+  const addToCart = (productId: number, quantity = 1, slotId?: number, onSettled?: (data: LocalCartItem[] | undefined, error: Error | null) => void): void => {
+    if (slotId == null) {
+      throw new Error('slotId is required for adding to cart');
+    }
+    mutation.mutate({ productId, quantity, slotId }, {
+      onSettled: (data: LocalCartItem[] | undefined, error: Error | null) => {
+        onSettled?.(data, error);
+      }
     });
-    
+  };
-    return {
-      data: query.data,
-      isLoading: query.isLoading,
-      error: query.error,
-      refetch: query.refetch,
 
-      // Computed properties
+  return {
-      cartItems: query.data?.items || [],
+    mutate: mutation.mutate,
-      totalItems: query.data?.totalItems || 0,
+    mutateAsync: mutation.mutateAsync,
-      totalPrice: query.data?.totalAmount || 0,
+    isLoading: mutation.isPending,
-
+    error: mutation.error,
-      // Helper methods
+    data: mutation.data,
-      isEmpty: !query.data?.items?.length,
+    addToCart,
-      hasItems: Boolean(query.data?.items?.length),
+    addToCartAsync: (productId: number, quantity = 1, slotId?: number): Promise<LocalCartItem[]> => {
-    };
-  }
-}
-
-interface UseAddToCartReturn {
-  mutate: any;
-  mutateAsync: any;
-  isLoading: boolean;
-  error: any;
-  data: any;
-  addToCart: (productId: number, quantity?: number, slotId?: number, onSettled?: (data: any, error: any) => void) => void;
-  addToCartAsync: (productId: number, quantity?: number, slotId?: number) => Promise<any>;
-}
-
-export function useAddToCart(options?: {
-  onSuccess?: (data: any, variables: any) => void;
-  onError?: (error: any) => void;
-  showSuccessAlert?: boolean;
-  showErrorAlert?: boolean;
-  refetchCart?: boolean;
-}, cartType: CartType = "regular"): UseAddToCartReturn {
-  if (CART_MODE === 'remote') {
-    const utils = trpc.useUtils();
-
-    const mutation = trpc.user.cart.addToCart.useMutation({
-      onSuccess: (data, variables) => {
-        // Default success handling
-        if (options?.showSuccessAlert !== false) {
-          Alert.alert("Success", "Item added to cart!");
-        }
-
-        // Auto-refetch cart if requested
-        if (options?.refetchCart) {
-          utils.user.cart.getCart.invalidate();
-        }
-
-        // Custom success callback
-        options?.onSuccess?.(data, variables);
-      },
-      onError: (error) => {
-        // Default error handling
-        if (options?.showErrorAlert !== false) {
-          Alert.alert("Error", error.message || "Failed to add item to cart");
-        }
-
-        // Custom error callback
-        options?.onError?.(error);
-      },
-    }) as any;
-
-    const addToCart = (productId: number, quantity = 1, slotId?: number, onSettled?: (data: any, error: any) => void) => {
-      
       if (slotId == null) {
         throw new Error('slotId is required for adding to cart');
       }
-      return mutation.mutate({ productId, quantity, slotId }, {
+      return mutation.mutateAsync({ productId, quantity, slotId });
-        onSettled: (data: any, error: any) => {
+    },
-          onSettled?.(data, error);
+  };
-        }
+}
-      });
-    };
 
-    return {
+export function useUpdateCartItem(options: MutationOptions<LocalCartItem[], UpdateCartVariables> = {}, cartType: CartType = "regular"): UseUpdateCartItemReturn {
-      // Original mutation returns
+  const queryClient = useQueryClient();
-      mutate: mutation.mutate,
-      mutateAsync: mutation.mutateAsync,
-      isLoading: mutation.isPending,
-      error: mutation.error,
-      data: mutation.data,
 
-      addToCart,
+  const mutation: UseMutationResult<LocalCartItem[], Error, UpdateCartVariables> = useMutation({
-
+    mutationFn: async ({ itemId, quantity }: UpdateCartVariables): Promise<LocalCartItem[]> => {
-      addToCartAsync: (productId: number, quantity = 1, slotId?: number) => {
+      return await updateLocalCartItem(itemId, quantity, cartType);
-        if (slotId == null) {
+    },
-          throw new Error('slotId is required for adding to cart');
+    onSuccess: (data: LocalCartItem[], variables: UpdateCartVariables) => {
-        }
+      queryClient.invalidateQueries({ queryKey: [`local-cart-${cartType}`] });
-        return mutation.mutateAsync({ productId, quantity, slotId });
+      if (options?.showSuccessAlert !== false) {
-      },
+        Alert.alert("Success", "Cart item updated!");
-    };
-  } else {
-    
-    const queryClient = useQueryClient();
-
-    const mutation = useMutation({
-      mutationFn: async ({ productId, quantity, slotId }: { productId: number, quantity: number, slotId: number }) => {
-        return await addToLocalCart(productId, quantity, slotId, cartType);
-      },
-      onSuccess: (data, variables) => {
-        queryClient.invalidateQueries({ queryKey: [`local-cart-${cartType}`] });
-        if (options?.showSuccessAlert !== false) {
-          Alert.alert("Success", "Item added to cart!");
-        }
-        options?.onSuccess?.(data, variables);
-      },
-      onError: (error) => {
-        if (options?.showErrorAlert !== false) {
-          Alert.alert("Error", error.message || "Failed to add item to cart");
-        }
-        options?.onError?.(error);
-      },
-    });
-
-    const addToCart = (productId: number, quantity = 1, slotId?: number, onSettled?: (data: any, error: any) => void) => {
-
-      if (slotId == null) {
-        throw new Error('slotId is required for adding to cart');
       }
-      return mutation.mutate({ productId, quantity, slotId }, {
+      options?.onSuccess?.(data, variables);
-        onSettled: (data: any, error: any) => {
+    },
-          onSettled?.(data, error);
+    onError: (error: Error) => {
-        }
+      if (options?.showErrorAlert !== false) {
-      });
+        Alert.alert("Error", error.message || "Failed to update cart item");
-    };
+      }
+      options?.onError?.(error);
+    },
+  });
 
-    return {
+  return {
-      mutate: mutation.mutate,
+    mutate: mutation.mutate,
-      mutateAsync: mutation.mutateAsync,
+    mutateAsync: mutation.mutateAsync,
-      isLoading: mutation.isPending,
+    isLoading: mutation.isPending,
-      error: mutation.error,
+    error: mutation.error,
-      data: mutation.data,
+    data: mutation.data,
-      addToCart,
+    updateCartItem: (itemId: number, quantity: number): void =>
-      addToCartAsync: (productId: number, quantity = 1, slotId?: number) => {
+      mutation.mutate({ itemId, quantity }),
-        if (slotId == null) {
+    updateCartItemAsync: (itemId: number, quantity: number): Promise<LocalCartItem[]> =>
-          throw new Error('slotId is required for adding to cart');
+      mutation.mutateAsync({ itemId, quantity }),
-        }
+  };
-        return mutation.mutateAsync({ productId, quantity, slotId });
-      },
-    };
-  }
 }
 
-export function useUpdateCartItem(options?: {
+export function useRemoveFromCart(options: MutationOptions<LocalCartItem[], RemoveCartVariables> = {}, cartType: CartType = "regular"): UseRemoveFromCartReturn {
-  onSuccess?: (data: any, variables: any) => void;
+  const queryClient = useQueryClient();
-  onError?: (error: any) => void;
-  showSuccessAlert?: boolean;
-  showErrorAlert?: boolean;
-  refetchCart?: boolean;
-}, cartType: CartType = "regular") {
-  if (CART_MODE === 'remote') {
-    const utils = trpc.useUtils();
 
-    const mutation = trpc.user.cart.updateCartItem.useMutation({
+  const mutation: UseMutationResult<LocalCartItem[], Error, RemoveCartVariables> = useMutation({
-      onSuccess: (data, variables) => {
+    mutationFn: async ({ itemId }: RemoveCartVariables): Promise<LocalCartItem[]> => {
-        // Default success handling
+      return await removeFromLocalCart(itemId, cartType);
-        if (options?.showSuccessAlert !== false) {
+    },
-          Alert.alert("Success", "Cart item updated!");
+    onSuccess: (data: LocalCartItem[], variables: RemoveCartVariables) => {
-        }
+      queryClient.invalidateQueries({ queryKey: [`local-cart-${cartType}`] });
+      if (options?.showSuccessAlert !== false) {
+        Alert.alert("Success", "Item removed from cart!");
+      }
+      options?.onSuccess?.(data, variables);
+    },
+    onError: (error: Error) => {
+      if (options?.showErrorAlert !== false) {
+        Alert.alert("Error", error.message || "Failed to remove item from cart");
+      }
+      options?.onError?.(error);
+    },
+  });
 
-        // Auto-refetch cart if requested
+  return {
-        if (options?.refetchCart) {
+    mutate: mutation.mutate,
-          utils.user.cart.getCart.invalidate();
+    mutateAsync: mutation.mutateAsync,
-        }
+    isLoading: mutation.isPending,
-
+    error: mutation.error,
-        // Custom success callback
+    data: mutation.data,
-        options?.onSuccess?.(data, variables);
+    removeFromCart: (itemId: number): void =>
-      },
+      mutation.mutate({ itemId }),
-      onError: (error) => {
+    removeFromCartAsync: (itemId: number): Promise<LocalCartItem[]> =>
-        // Default error handling
+      mutation.mutateAsync({ itemId }),
-        if (options?.showErrorAlert !== false) {
+  };
-          Alert.alert("Error", error.message || "Failed to update cart item");
-        }
-
-        // Custom error callback
-        options?.onError?.(error);
-      },
-    });
-
-    return {
-      // Original mutation returns
-      mutate: mutation.mutate,
-      mutateAsync: mutation.mutateAsync,
-      isLoading: mutation.isPending,
-      error: mutation.error,
-      data: mutation.data,
-
-      // Helper methods
-      updateCartItem: (itemId: number, quantity: number) =>
-        mutation.mutate({ itemId, quantity }),
-
-      updateCartItemAsync: (itemId: number, quantity: number) =>
-        mutation.mutateAsync({ itemId, quantity }),
-    };
-  } else {
-    const queryClient = useQueryClient();
-
-    const mutation = useMutation({
-      mutationFn: async ({ itemId, quantity }: { itemId: number, quantity: number }) => {
-        return await updateLocalCartItem(itemId, quantity, cartType);
-      },
-      onSuccess: (data, variables) => {
-        queryClient.invalidateQueries({ queryKey: [`local-cart-${cartType}`] });
-        if (options?.showSuccessAlert !== false) {
-          Alert.alert("Success", "Cart item updated!");
-        }
-        options?.onSuccess?.(data, variables);
-      },
-      onError: (error) => {
-        if (options?.showErrorAlert !== false) {
-          Alert.alert("Error", error.message || "Failed to update cart item");
-        }
-        options?.onError?.(error);
-      },
-    });
-
-    return {
-      mutate: mutation.mutate,
-      mutateAsync: mutation.mutateAsync,
-      isLoading: mutation.isPending,
-      error: mutation.error,
-      data: mutation.data,
-
-      updateCartItem: (itemId: number, quantity: number) =>
-        mutation.mutate({ itemId, quantity }),
-
-      updateCartItemAsync: (itemId: number, quantity: number) =>
-        mutation.mutateAsync({ itemId, quantity }),
-    };
-  }
-}
-
-export function useRemoveFromCart(options?: {
-  onSuccess?: (data: any, variables: any) => void;
-  onError?: (error: any) => void;
-  showSuccessAlert?: boolean;
-  showErrorAlert?: boolean;
-  refetchCart?: boolean;
-}, cartType: CartType = "regular") {
-  if (CART_MODE === 'remote') {
-    const utils = trpc.useUtils();
-
-    const mutation = trpc.user.cart.removeFromCart.useMutation({
-      onSuccess: (data, variables) => {
-        // Default success handling
-        if (options?.showSuccessAlert !== false) {
-          Alert.alert("Success", "Item removed from cart!");
-        }
-
-        // Auto-refetch cart if requested
-        if (options?.refetchCart) {
-          utils.user.cart.getCart.invalidate();
-        }
-
-        // Custom success callback
-        options?.onSuccess?.(data, variables);
-      },
-      onError: (error) => {
-        // Default error handling
-        if (options?.showErrorAlert !== false) {
-          Alert.alert("Error", error.message || "Failed to remove item from cart");
-        }
-
-        // Custom error callback
-        options?.onError?.(error);
-      },
-    });
-
-    return {
-      // Original mutation returns
-      mutate: mutation.mutate,
-      mutateAsync: mutation.mutateAsync,
-      isLoading: mutation.isPending,
-      error: mutation.error,
-      data: mutation.data,
-
-      // Helper methods
-      removeFromCart: (itemId: number) =>
-        mutation.mutate({ itemId }),
-
-      removeFromCartAsync: (itemId: number) =>
-        mutation.mutateAsync({ itemId }),
-    };
-  } else {
-    const queryClient = useQueryClient();
-
-    const mutation = useMutation({
-      mutationFn: async ({ itemId }: { itemId: number }) => {
-        return await removeFromLocalCart(itemId, cartType);
-      },
-      onSuccess: (data, variables) => {
-        queryClient.invalidateQueries({ queryKey: [`local-cart-${cartType}`] });
-        if (options?.showSuccessAlert !== false) {
-          Alert.alert("Success", "Item removed from cart!");
-        }
-        options?.onSuccess?.(data, variables);
-      },
-      onError: (error) => {
-        if (options?.showErrorAlert !== false) {
-          Alert.alert("Error", error.message || "Failed to remove item from cart");
-        }
-        options?.onError?.(error);
-      },
-    });
-
-    return {
-      mutate: mutation.mutate,
-      mutateAsync: mutation.mutateAsync,
-      isLoading: mutation.isPending,
-      error: mutation.error,
-      data: mutation.data,
-
-      removeFromCart: (itemId: number) =>
-        mutation.mutate({ itemId }),
-
-      removeFromCartAsync: (itemId: number) =>
-        mutation.mutateAsync({ itemId }),
-    };
-  }
 }
 
 // Export clear cart function for direct use

apps/user-ui/hooks/useProductSlotIdentifier.ts

@@ -1,46 +1,28 @@
-import { trpc } from '@/src/trpc-client';
 import dayjs from 'dayjs';
+import { useCentralSlotStore } from '@/src/store/centralSlotStore';
 
 export function useProductSlotIdentifier() {
-  // Fetch all slots with products
+  // Get slots data from central store
-  const { data: slotsData, isLoading: isProductsLoading } = trpc.user.slots.getSlotsWithProducts.useQuery();
+  const slots = useCentralSlotStore((state) => state.slots);
-  
+  const productSlotsMap = useCentralSlotStore((state) => state.productSlotsMap);
-
-  const productSlotsMap = new Map<number, number[]>();
-
-  if (slotsData?.slots) {
-    const now = dayjs();
-
-    // Build map of productId to available slot IDs
-    slotsData.slots.forEach(slot => {
-      if (dayjs(slot.deliveryTime).isAfter(now)) {
-        slot.products.forEach(product => {
-          if (!productSlotsMap.has(product.id)) {
-            productSlotsMap.set(product.id, []);
-          }
-          productSlotsMap.get(product.id)!.push(slot.id);
-        });
-      }
-    });
-  }
 
   const getQuickestSlot = (productId: number): number | null => {
-    
+    if (!slots?.length) return null;
-    if (!slotsData?.slots) return null;
     
     const now = dayjs();
+    const productInfo = productSlotsMap[productId];
+    
+    if (!productInfo?.slots?.length) return null;
     
     // Find slots that contain this product and have future delivery time
-    const availableSlots = slotsData.slots.filter(slot =>
+    const availableSlots = productInfo.slots.filter((slot: any) =>
-      slot.products.some(product => product.id === productId) &&
       dayjs(slot.deliveryTime).isAfter(now)
     );
-      // if(productId === 98)
+    
-      //   console.log(JSON.stringify(slotsData))
     if (availableSlots.length === 0) return null;
 
     // Return earliest slot ID (sorted by delivery time)
-    const earliestSlot = availableSlots.sort((a, b) =>
+    const earliestSlot = availableSlots.sort((a: any, b: any) =>
       dayjs(a.deliveryTime).diff(dayjs(b.deliveryTime))
     )[0];
 
@@ -48,4 +30,4 @@ export function useProductSlotIdentifier() {
   };
 
   return { getQuickestSlot, productSlotsMap };
-}
+}

apps/user-ui/metro.config.js

@@ -1,6 +1,20 @@
 // Learn more on how to setup config for the app: https://docs.expo.dev/guides/config-plugins/#metro-config
 const { getDefaultConfig } = require('expo/metro-config');
+const path = require('path');
 
 const config = getDefaultConfig(__dirname);
 
+// Add the packages directory to watch folders
+config.watchFolders = [
+  ...config.watchFolders || [],
+  path.resolve(__dirname, '../../packages/shared'),
+];
+
+// Configure module resolution for @packages/*
+config.resolver.extraNodeModules = {
+  ...config.resolver.extraNodeModules,
+  '@packages/shared': path.resolve(__dirname, '../../packages/shared'),
+  'global-shared': path.resolve(__dirname, '../../packages/shared'),
+};
+
 module.exports = config;

apps/user-ui/package.json

@@ -48,6 +48,7 @@
     "expo-updates": "~0.28.17",
     "expo-web-browser": "~14.2.0",
     "formik": "^2.4.6",
+    "fuse.js": "^7.1.0",
     "jwt-decode": "^4.0.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",

apps/user-ui/src/api-hooks/essential-consts.api.ts

@@ -1,8 +0,0 @@
-import { trpc } from '@/src/trpc-client';
-
-export const useGetEssentialConsts = () => {
-  const query = trpc.common.essentialConsts.useQuery(undefined, {
-    refetchInterval: 60000,
-  });
-  return { ...query, refetch: query.refetch };
-};

apps/user-ui/src/components/AddToCartDialog.tsx

@@ -5,9 +5,9 @@ import { tw, BottomDialog, MyText, MyTouchableOpacity, Quantifier } from 'common
 import MaterialIcons from '@expo/vector-icons/MaterialIcons';
 import { useCartStore } from '@/src/store/cartStore';
 import { useFlashCartStore } from '@/src/store/flashCartStore';
-import { trpc } from '@/src/trpc-client';
+import { useCentralSlotStore } from '@/src/store/centralSlotStore';
 import { useAddToCart, useGetCart, useUpdateCartItem, useRemoveFromCart } from '@/hooks/cart-query-hooks';
-import { useGetEssentialConsts } from '@/src/api-hooks/essential-consts.api';
+import { useGetEssentialConsts, useSlots } from '@/src/hooks/prominent-api-hooks';
 import dayjs from 'dayjs';
 import { SafeAreaView } from 'react-native-safe-area-context';
 
@@ -31,9 +31,10 @@ export default function AddToCartDialog() {
   const [selectedSlotId, setSelectedSlotId] = useState<number | null>(null);
   const [selectedFlashDelivery, setSelectedFlashDelivery] = useState(false);
 
-  const { data: slotsData } = trpc.user.slots.getSlotsWithProducts.useQuery();
+  const { data: slotsData } = useSlots();
   const { data: cartData } = useGetCart();
   const { data: constsData } = useGetEssentialConsts();
+  const productSlotsMap = useCentralSlotStore((state) => state.productSlotsMap);
   // const isFlashDeliveryEnabled = constsData?.isFlashDeliveryEnabled === true;
   const isFlashDeliveryEnabled = true;
 
@@ -113,7 +114,7 @@ export default function AddToCartDialog() {
   const isUpdate = (cartItem?.quantity || 0) >= 1;
 
   // Check if flash delivery option should be shown
-  const showFlashOption = product?.isFlashAvailable === true && isFlashDeliveryEnabled;
+  const showFlashOption = productSlotsMap[product?.id]?.isFlashAvailable === true && isFlashDeliveryEnabled;
 
   const handleAddToCart = () => {
     if (selectedFlashDelivery) {

apps/user-ui/src/components/CentralStoreInitializer.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useInitializeCentralSlotStore } from '@/src/store/centralSlotStore';
+import { useInitializeCentralProductStore } from '@/src/store/centralProductStore';
+
+interface CentralStoreInitializerProps {
+  children: React.ReactNode;
+}
+
+export default function CentralStoreInitializer({ children }: CentralStoreInitializerProps) {
+  useInitializeCentralSlotStore();
+  useInitializeCentralProductStore();
+  
+  return <>{children}</>;
+}

apps/user-ui/src/hooks/prominent-api-hooks.ts

@@ -0,0 +1,125 @@
+import { useQuery } from '@tanstack/react-query'
+import axios from 'axios'
+import { trpc } from '@/src/trpc-client'
+import { AllProductsApiType, StoresApiType, SlotsApiType, EssentialConstsApiType, BannersApiType, StoreWithProductsApiType } from "@backend/trpc/router";
+import { CACHE_FILENAMES } from "@packages/shared";
+
+// Local useGetEssentialConsts hook
+export const useGetEssentialConsts = () => {
+  const query = trpc.common.essentialConsts.useQuery(undefined, {
+    refetchInterval: 60000,
+  })
+  return { ...query, refetch: query.refetch }
+}
+
+type ProductsResponse = AllProductsApiType;
+type StoresResponse = StoresApiType;
+type SlotsResponse = SlotsApiType;
+type EssentialConstsResponse = EssentialConstsApiType;
+type BannersResponse = BannersApiType;
+type StoreWithProductsResponse = StoreWithProductsApiType;
+
+function useCacheUrl(filename: string): string | null {
+  const { data: essentialConsts } = useGetEssentialConsts()
+
+  const assetsDomain = essentialConsts?.assetsDomain
+  const apiCacheKey = essentialConsts?.apiCacheKey
+
+  return assetsDomain && apiCacheKey
+    ? `${assetsDomain}${apiCacheKey}/${filename}`
+    : null
+}
+
+export function useAllProducts() {
+  const cacheUrl = useCacheUrl(CACHE_FILENAMES.products)
+
+  return useQuery<ProductsResponse>({
+    queryKey: ['all-products', cacheUrl],
+    queryFn: async () => {
+      if (!cacheUrl) {
+        throw new Error('Cache URL not available')
+      }
+      const response = await axios.get<ProductsResponse>(cacheUrl)
+      return response.data
+    },
+    staleTime: 60000, // 1 minute
+    enabled: !!cacheUrl,
+  })
+}
+
+export function useStores() {
+  const cacheUrl = useCacheUrl(CACHE_FILENAMES.stores)
+
+  return useQuery<StoresResponse>({
+    queryKey: ['stores', cacheUrl],
+    queryFn: async () => {
+      if (!cacheUrl) {
+        throw new Error('Cache URL not available')
+      }
+      const response = await axios.get<StoresResponse>(cacheUrl)
+      return response.data
+    },
+    staleTime: 60000, // 1 minute
+    enabled: !!cacheUrl,
+  })
+}
+
+export function useSlots() {
+  const cacheUrl = useCacheUrl(CACHE_FILENAMES.slots)
+
+  return useQuery<SlotsResponse>({
+    queryKey: ['slots', cacheUrl],
+    queryFn: async () => {
+      if (!cacheUrl) {
+        throw new Error('Cache URL not available')
+      }
+      const response = await axios.get<SlotsResponse>(cacheUrl)
+      return response.data
+    },
+    staleTime: 60000, // 1 minute
+    enabled: !!cacheUrl,
+  })
+}
+
+export function useBanners() {
+  const cacheUrl = useCacheUrl(CACHE_FILENAMES.banners)
+
+  return useQuery<BannersResponse>({
+    queryKey: ['banners', cacheUrl],
+    queryFn: async () => {
+    
+        if (!cacheUrl) {
+          throw new Error('Cache URL not available')
+        }
+        const response = await axios.get<BannersResponse>(cacheUrl)
+        return response.data
+      
+    },
+    staleTime: 60000, // 1 minute
+    enabled: !!cacheUrl,
+  })
+}
+
+export function useStoreWithProducts(storeId: number) {
+  const { data: essentialConsts } = useGetEssentialConsts()
+
+  const assetsDomain = essentialConsts?.assetsDomain
+  const apiCacheKey = essentialConsts?.apiCacheKey
+
+  const cacheUrl = assetsDomain && apiCacheKey
+    ? `${assetsDomain}${apiCacheKey}/stores/${storeId}.json`
+    : null
+
+  return useQuery<StoreWithProductsResponse>({
+    queryKey: ['store-with-products', storeId, cacheUrl],
+    queryFn: async () => {
+      if (!cacheUrl) {
+        throw new Error('Cache URL not available')
+      }
+      const response = await axios.get<StoreWithProductsResponse>(cacheUrl)
+      return response.data
+    },
+    staleTime: 60000, // 1 minute
+    enabled: !!cacheUrl,
+  })
+}

apps/user-ui/src/store/centralProductStore.ts

@@ -0,0 +1,50 @@
+import { create } from 'zustand'
+import { useEffect } from 'react'
+import { useAllProducts } from '@/src/hooks/prominent-api-hooks'
+import { AllProductsApiType } from '@backend/trpc/router'
+
+type Product = AllProductsApiType['products'][number]
+
+interface CentralProductState {
+  products: Product[]
+  productsById: Record<number, Product>
+  refetchProducts: (() => Promise<void>) | null
+  setProducts: (products: Product[]) => void
+  clearProducts: () => void
+  setRefetchProducts: (refetch: () => Promise<void>) => void
+}
+
+export const useCentralProductStore = create<CentralProductState>((set) => ({
+  products: [],
+  productsById: {},
+  refetchProducts: null,
+  setProducts: (products) => {
+    const productsById: Record<number, Product> = {}
+
+    products.forEach((product) => {
+      productsById[product.id] = product
+    })
+
+    set({ products, productsById })
+  },
+  clearProducts: () => set({ products: [], productsById: {} }),
+  setRefetchProducts: (refetchProducts) => set({ refetchProducts }),
+}))
+
+export function useInitializeCentralProductStore() {
+  const { data: productsData, refetch } = useAllProducts()
+  const setProducts = useCentralProductStore((state) => state.setProducts)
+  const setRefetchProducts = useCentralProductStore((state) => state.setRefetchProducts)
+
+  useEffect(() => {
+    if (productsData?.products) {
+      setProducts(productsData.products)
+    }
+  }, [productsData, setProducts])
+
+  useEffect(() => {
+    setRefetchProducts(async () => {
+      await refetch()
+    })
+  }, [refetch, setRefetchProducts])
+}

apps/user-ui/src/store/centralSlotStore.ts

@@ -0,0 +1,71 @@
+import { create } from 'zustand';
+import { useSlots } from '@/src/hooks/prominent-api-hooks';
+import { useEffect } from 'react';
+import { SlotsApiType } from "@backend/trpc/router";
+
+type Slot = SlotsApiType['slots'][number];
+type ProductAvailability = SlotsApiType['productAvailability'][number];
+
+interface ProductSlotInfo {
+  slots: Slot[];
+  isOutOfStock: boolean;
+  isFlashAvailable: boolean;
+}
+
+interface CentralSlotState {
+  slots: Slot[];
+  productSlotsMap: Record<number, ProductSlotInfo>;
+  refetchSlots: (() => Promise<void>) | null;
+  setSlotsData: (slots: Slot[], productAvailability: ProductAvailability[]) => void;
+  clearSlotsData: () => void;
+  setRefetchSlots: (refetch: () => Promise<void>) => void;
+}
+
+export const useCentralSlotStore = create<CentralSlotState>((set) => ({
+  slots: [],
+  productSlotsMap: {},
+  refetchSlots: null,
+  setSlotsData: (slots, productAvailability) => {
+    const productSlotsMap: Record<number, ProductSlotInfo> = {};
+
+    // First, create entries for ALL products from productAvailability
+    productAvailability.forEach((product) => {
+      productSlotsMap[product.id] = {
+        slots: [],
+        isOutOfStock: product.isOutOfStock,
+        isFlashAvailable: product.isFlashAvailable,
+      };
+    });
+
+    // Then, populate slots for products that appear in delivery slots
+    slots.forEach((slot) => {
+      slot.products?.forEach((product) => {
+        if (productSlotsMap[product.id]) {
+          productSlotsMap[product.id].slots.push(slot);
+        }
+      });
+    });
+
+    set({ slots, productSlotsMap });
+  },
+  clearSlotsData: () => set({ slots: [], productSlotsMap: {} }),
+  setRefetchSlots: (refetchSlots) => set({ refetchSlots }),
+}));
+
+export function useInitializeCentralSlotStore() {
+  const { data: slotsData, refetch } = useSlots();
+  const setSlotsData = useCentralSlotStore((state) => state.setSlotsData);
+  const setRefetchSlots = useCentralSlotStore((state) => state.setRefetchSlots);
+
+  useEffect(() => {
+    if (slotsData?.slots) {
+      setSlotsData(slotsData.slots, slotsData.productAvailability || []);
+    }
+  }, [slotsData, setSlotsData]);
+
+  useEffect(() => {
+    setRefetchSlots(async () => {
+      await refetch();
+    });
+  }, [refetch, setRefetchSlots]);
+}

apps/user-ui/tsconfig.json

@@ -18,6 +18,18 @@
       ],
       "common-ui/*": [
         "../../packages/ui/*"
+      ],
+      "@packages/shared": [
+        "../../packages/shared"
+      ],
+      "@packages/shared/*": [
+        "../../packages/shared/*"
+      ],
+      "global-shared": [
+        "../../packages/shared"
+      ],
+      "global-shared/*": [
+        "../../packages/shared/*"
       ]
     },
     "moduleSuffixes": [
@@ -34,5 +46,6 @@
     "**/*.tsx",
     ".expo/types/**/*.ts",
     "expo-env.d.ts",
+    "../../packages/shared"
   ]
 }

ios/.gitignore

@@ -1,30 +0,0 @@
-# OSX
-#
-.DS_Store
-
-# Xcode
-#
-build/
-*.pbxuser
-!default.pbxuser
-*.mode1v3
-!default.mode1v3
-*.mode2v3
-!default.mode2v3
-*.perspectivev3
-!default.perspectivev3
-xcuserdata
-*.xccheckout
-*.moved-aside
-DerivedData
-*.hmap
-*.ipa
-*.xcuserstate
-project.xcworkspace
-.xcode.env.local
-
-# Bundle artifacts
-*.jsbundle
-
-# CocoaPods
-/Pods/

ios/.xcode.env

@@ -1,11 +0,0 @@
-# This `.xcode.env` file is versioned and is used to source the environment
-# used when running script phases inside Xcode.
-# To customize your local environment, you can create an `.xcode.env.local`
-# file that is not versioned.
-
-# NODE_BINARY variable contains the PATH to the node executable.
-#
-# Customize the NODE_BINARY variable here.
-# For example, to use nvm with brew, add the following line
-# . "$(brew --prefix nvm)/nvm.sh" --no-use
-export NODE_BINARY=$(command -v node)

ios/Podfile

@@ -1,64 +0,0 @@
-require File.join(File.dirname(`node --print "require.resolve('expo/package.json')"`), "scripts/autolinking")
-require File.join(File.dirname(`node --print "require.resolve('react-native/package.json')"`), "scripts/react_native_pods")
-
-require 'json'
-podfile_properties = JSON.parse(File.read(File.join(__dir__, 'Podfile.properties.json'))) rescue {}
-
-ENV['RCT_NEW_ARCH_ENABLED'] = '0' if podfile_properties['newArchEnabled'] == 'false'
-ENV['EX_DEV_CLIENT_NETWORK_INSPECTOR'] = podfile_properties['EX_DEV_CLIENT_NETWORK_INSPECTOR']
-
-platform :ios, podfile_properties['ios.deploymentTarget'] || '15.1'
-install! 'cocoapods',
-  :deterministic_uuids => false
-
-prepare_react_native_project!
-
-target 'meatfarmermonorepo' do
-  use_expo_modules!
-
-  if ENV['EXPO_USE_COMMUNITY_AUTOLINKING'] == '1'
-    config_command = ['node', '-e', "process.argv=['', '', 'config'];require('@react-native-community/cli').run()"];
-  else
-    config_command = [
-      'npx',
-      'expo-modules-autolinking',
-      'react-native-config',
-      '--json',
-      '--platform',
-      'ios'
-    ]
-  end
-
-  config = use_native_modules!(config_command)
-
-  use_frameworks! :linkage => podfile_properties['ios.useFrameworks'].to_sym if podfile_properties['ios.useFrameworks']
-  use_frameworks! :linkage => ENV['USE_FRAMEWORKS'].to_sym if ENV['USE_FRAMEWORKS']
-
-  use_react_native!(
-    :path => config[:reactNativePath],
-    :hermes_enabled => podfile_properties['expo.jsEngine'] == nil || podfile_properties['expo.jsEngine'] == 'hermes',
-    # An absolute path to your application root.
-    :app_path => "#{Pod::Config.instance.installation_root}/..",
-    :privacy_file_aggregation_enabled => podfile_properties['apple.privacyManifestAggregationEnabled'] != 'false',
-  )
-
-  post_install do |installer|
-    react_native_post_install(
-      installer,
-      config[:reactNativePath],
-      :mac_catalyst_enabled => false,
-      :ccache_enabled => podfile_properties['apple.ccacheEnabled'] == 'true',
-    )
-
-    # This is necessary for Xcode 14, because it signs resource bundles by default
-    # when building for devices.
-    installer.target_installation_results.pod_target_installation_results
-      .each do |pod_name, target_installation_result|
-      target_installation_result.resource_bundle_targets.each do |resource_bundle_target|
-        resource_bundle_target.build_configurations.each do |config|
-          config.build_settings['CODE_SIGNING_ALLOWED'] = 'NO'
-        end
-      end
-    end
-  end
-end

ios/Podfile.properties.json

@@ -1,4 +0,0 @@
-{
-  "expo.jsEngine": "hermes",
-  "EX_DEV_CLIENT_NETWORK_INSPECTOR": "true"
-}

ios/meatfarmermonorepo.xcodeproj/project.pbxproj

@@ -1,567 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 54;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
-		2C4FDEE95846910CE44B063B /* libPods-meatfarmermonorepo.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 37BA16CD265ED7F72409550D /* libPods-meatfarmermonorepo.a */; };
-		3E461D99554A48A4959DE609 /* SplashScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = AA286B85B6C04FC6940260E9 /* SplashScreen.storyboard */; };
-		BB2F792D24A3F905000567C9 /* Expo.plist in Resources */ = {isa = PBXBuildFile; fileRef = BB2F792C24A3F905000567C9 /* Expo.plist */; };
-		D20664F10ED8090F4983CFB0 /* ExpoModulesProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3EB8BC3528ACACFE6A3CFB5D /* ExpoModulesProvider.swift */; };
-		E5B462C85E4DB34FCCD3D04E /* PrivacyInfo.xcprivacy in Resources */ = {isa = PBXBuildFile; fileRef = F66C424AA0E1347CF8253669 /* PrivacyInfo.xcprivacy */; };
-		F11748422D0307B40044C1D9 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = F11748412D0307B40044C1D9 /* AppDelegate.swift */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXFileReference section */
-		13B07F961A680F5B00A75B9A /* meatfarmermonorepo.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = meatfarmermonorepo.app; sourceTree = BUILT_PRODUCTS_DIR; };
-		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = meatfarmermonorepo/Images.xcassets; sourceTree = "<group>"; };
-		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = meatfarmermonorepo/Info.plist; sourceTree = "<group>"; };
-		338F04D2CAE7495C1D7CD233 /* Pods-meatfarmermonorepo.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-meatfarmermonorepo.debug.xcconfig"; path = "Target Support Files/Pods-meatfarmermonorepo/Pods-meatfarmermonorepo.debug.xcconfig"; sourceTree = "<group>"; };
-		37BA16CD265ED7F72409550D /* libPods-meatfarmermonorepo.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-meatfarmermonorepo.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		3EB8BC3528ACACFE6A3CFB5D /* ExpoModulesProvider.swift */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = sourcecode.swift; name = ExpoModulesProvider.swift; path = "Pods/Target Support Files/Pods-meatfarmermonorepo/ExpoModulesProvider.swift"; sourceTree = "<group>"; };
-		533CB49887DAADE200BAF1EB /* Pods-meatfarmermonorepo.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-meatfarmermonorepo.release.xcconfig"; path = "Target Support Files/Pods-meatfarmermonorepo/Pods-meatfarmermonorepo.release.xcconfig"; sourceTree = "<group>"; };
-		AA286B85B6C04FC6940260E9 /* SplashScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = SplashScreen.storyboard; path = meatfarmermonorepo/SplashScreen.storyboard; sourceTree = "<group>"; };
-		BB2F792C24A3F905000567C9 /* Expo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; path = Expo.plist; sourceTree = "<group>"; };
-		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
-		F11748412D0307B40044C1D9 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = AppDelegate.swift; path = meatfarmermonorepo/AppDelegate.swift; sourceTree = "<group>"; };
-		F11748442D0722820044C1D9 /* meatfarmermonorepo-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; name = "meatfarmermonorepo-Bridging-Header.h"; path = "meatfarmermonorepo/meatfarmermonorepo-Bridging-Header.h"; sourceTree = "<group>"; };
-		F66C424AA0E1347CF8253669 /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; includeInIndex = 1; name = PrivacyInfo.xcprivacy; path = meatfarmermonorepo/PrivacyInfo.xcprivacy; sourceTree = "<group>"; };
-/* End PBXFileReference section */
-
-/* Begin PBXFrameworksBuildPhase section */
-		13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				2C4FDEE95846910CE44B063B /* libPods-meatfarmermonorepo.a in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXFrameworksBuildPhase section */
-
-/* Begin PBXGroup section */
-		13B07FAE1A68108700A75B9A /* meatfarmermonorepo */ = {
-			isa = PBXGroup;
-			children = (
-				F11748412D0307B40044C1D9 /* AppDelegate.swift */,
-				F11748442D0722820044C1D9 /* meatfarmermonorepo-Bridging-Header.h */,
-				BB2F792B24A3F905000567C9 /* Supporting */,
-				13B07FB51A68108700A75B9A /* Images.xcassets */,
-				13B07FB61A68108700A75B9A /* Info.plist */,
-				AA286B85B6C04FC6940260E9 /* SplashScreen.storyboard */,
-				F66C424AA0E1347CF8253669 /* PrivacyInfo.xcprivacy */,
-			);
-			name = meatfarmermonorepo;
-			sourceTree = "<group>";
-		};
-		2D16E6871FA4F8E400B85C8A /* Frameworks */ = {
-			isa = PBXGroup;
-			children = (
-				ED297162215061F000B7C4FE /* JavaScriptCore.framework */,
-				37BA16CD265ED7F72409550D /* libPods-meatfarmermonorepo.a */,
-			);
-			name = Frameworks;
-			sourceTree = "<group>";
-		};
-		3742C5BD2E66753B5F39026B /* ExpoModulesProviders */ = {
-			isa = PBXGroup;
-			children = (
-				4DACB6B6CCC8B1A8CBF98D1D /* meatfarmermonorepo */,
-			);
-			name = ExpoModulesProviders;
-			sourceTree = "<group>";
-		};
-		4DACB6B6CCC8B1A8CBF98D1D /* meatfarmermonorepo */ = {
-			isa = PBXGroup;
-			children = (
-				3EB8BC3528ACACFE6A3CFB5D /* ExpoModulesProvider.swift */,
-			);
-			name = meatfarmermonorepo;
-			sourceTree = "<group>";
-		};
-		832341AE1AAA6A7D00B99B32 /* Libraries */ = {
-			isa = PBXGroup;
-			children = (
-			);
-			name = Libraries;
-			sourceTree = "<group>";
-		};
-		83CBB9F61A601CBA00E9B192 = {
-			isa = PBXGroup;
-			children = (
-				13B07FAE1A68108700A75B9A /* meatfarmermonorepo */,
-				832341AE1AAA6A7D00B99B32 /* Libraries */,
-				83CBBA001A601CBA00E9B192 /* Products */,
-				2D16E6871FA4F8E400B85C8A /* Frameworks */,
-				D7B1D84C142A04E96F6A3A3D /* Pods */,
-				3742C5BD2E66753B5F39026B /* ExpoModulesProviders */,
-			);
-			indentWidth = 2;
-			sourceTree = "<group>";
-			tabWidth = 2;
-			usesTabs = 0;
-		};
-		83CBBA001A601CBA00E9B192 /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				13B07F961A680F5B00A75B9A /* meatfarmermonorepo.app */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		BB2F792B24A3F905000567C9 /* Supporting */ = {
-			isa = PBXGroup;
-			children = (
-				BB2F792C24A3F905000567C9 /* Expo.plist */,
-			);
-			name = Supporting;
-			path = meatfarmermonorepo/Supporting;
-			sourceTree = "<group>";
-		};
-		D7B1D84C142A04E96F6A3A3D /* Pods */ = {
-			isa = PBXGroup;
-			children = (
-				338F04D2CAE7495C1D7CD233 /* Pods-meatfarmermonorepo.debug.xcconfig */,
-				533CB49887DAADE200BAF1EB /* Pods-meatfarmermonorepo.release.xcconfig */,
-			);
-			name = Pods;
-			path = Pods;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		13B07F861A680F5B00A75B9A /* meatfarmermonorepo */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "meatfarmermonorepo" */;
-			buildPhases = (
-				08A4A3CD28434E44B6B9DE2E /* [CP] Check Pods Manifest.lock */,
-				5BC667EA2551B13AA89D9A66 /* [Expo] Configure project */,
-				13B07F871A680F5B00A75B9A /* Sources */,
-				13B07F8C1A680F5B00A75B9A /* Frameworks */,
-				13B07F8E1A680F5B00A75B9A /* Resources */,
-				00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
-				800E24972A6A228C8D4807E9 /* [CP] Copy Pods Resources */,
-				DAF2E4EA15761DC5FE4C4A8B /* [CP] Embed Pods Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = meatfarmermonorepo;
-			productName = meatfarmermonorepo;
-			productReference = 13B07F961A680F5B00A75B9A /* meatfarmermonorepo.app */;
-			productType = "com.apple.product-type.application";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		83CBB9F71A601CBA00E9B192 /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastUpgradeCheck = 1130;
-				TargetAttributes = {
-					13B07F861A680F5B00A75B9A = {
-						LastSwiftMigration = 1250;
-					};
-				};
-			};
-			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "meatfarmermonorepo" */;
-			compatibilityVersion = "Xcode 3.2";
-			developmentRegion = en;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-				Base,
-			);
-			mainGroup = 83CBB9F61A601CBA00E9B192;
-			productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				13B07F861A680F5B00A75B9A /* meatfarmermonorepo */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXResourcesBuildPhase section */
-		13B07F8E1A680F5B00A75B9A /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				BB2F792D24A3F905000567C9 /* Expo.plist in Resources */,
-				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
-				3E461D99554A48A4959DE609 /* SplashScreen.storyboard in Resources */,
-				E5B462C85E4DB34FCCD3D04E /* PrivacyInfo.xcprivacy in Resources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXResourcesBuildPhase section */
-
-/* Begin PBXShellScriptBuildPhase section */
-		00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {
-			isa = PBXShellScriptBuildPhase;
-			alwaysOutOfDate = 1;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			name = "Bundle React Native code and images";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "if [[ -f \"$PODS_ROOT/../.xcode.env\" ]]; then\n  source \"$PODS_ROOT/../.xcode.env\"\nfi\nif [[ -f \"$PODS_ROOT/../.xcode.env.local\" ]]; then\n  source \"$PODS_ROOT/../.xcode.env.local\"\nfi\n\n# The project root by default is one level up from the ios directory\nexport PROJECT_ROOT=\"$PROJECT_DIR\"/..\n\nif [[ \"$CONFIGURATION\" = *Debug* ]]; then\n  export SKIP_BUNDLING=1\nfi\nif [[ -z \"$ENTRY_FILE\" ]]; then\n  # Set the entry JS file using the bundler's entry resolution.\n  export ENTRY_FILE=\"$(\"$NODE_BINARY\" -e \"require('expo/scripts/resolveAppEntry')\" \"$PROJECT_ROOT\" ios absolute | tail -n 1)\"\nfi\n\nif [[ -z \"$CLI_PATH\" ]]; then\n  # Use Expo CLI\n  export CLI_PATH=\"$(\"$NODE_BINARY\" --print \"require.resolve('@expo/cli', { paths: [require.resolve('expo/package.json')] })\")\"\nfi\nif [[ -z \"$BUNDLE_COMMAND\" ]]; then\n  # Default Expo CLI command for bundling\n  export BUNDLE_COMMAND=\"export:embed\"\nfi\n\n# Source .xcode.env.updates if it exists to allow\n# SKIP_BUNDLING to be unset if needed\nif [[ -f \"$PODS_ROOT/../.xcode.env.updates\" ]]; then\n  source \"$PODS_ROOT/../.xcode.env.updates\"\nfi\n# Source local changes to allow overrides\n# if needed\nif [[ -f \"$PODS_ROOT/../.xcode.env.local\" ]]; then\n  source \"$PODS_ROOT/../.xcode.env.local\"\nfi\n\n`\"$NODE_BINARY\" --print \"require('path').dirname(require.resolve('react-native/package.json')) + '/scripts/react-native-xcode.sh'\"`\n\n";
-		};
-		08A4A3CD28434E44B6B9DE2E /* [CP] Check Pods Manifest.lock */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputFileListPaths = (
-			);
-			inputPaths = (
-				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
-				"${PODS_ROOT}/Manifest.lock",
-			);
-			name = "[CP] Check Pods Manifest.lock";
-			outputFileListPaths = (
-			);
-			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-meatfarmermonorepo-checkManifestLockResult.txt",
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
-			showEnvVarsInLog = 0;
-		};
-		5BC667EA2551B13AA89D9A66 /* [Expo] Configure project */ = {
-			isa = PBXShellScriptBuildPhase;
-			alwaysOutOfDate = 1;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputFileListPaths = (
-			);
-			inputPaths = (
-			);
-			name = "[Expo] Configure project";
-			outputFileListPaths = (
-			);
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "# This script configures Expo modules and generates the modules provider file.\nbash -l -c \"./Pods/Target\\ Support\\ Files/Pods-meatfarmermonorepo/expo-configure-project.sh\"\n";
-		};
-		800E24972A6A228C8D4807E9 /* [CP] Copy Pods Resources */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-meatfarmermonorepo/Pods-meatfarmermonorepo-resources.sh",
-				"${PODS_CONFIGURATION_BUILD_DIR}/AppAuth/AppAuthCore_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/EXApplication/ExpoApplication_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/EXConstants/EXConstants.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/EXConstants/ExpoConstants_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/EXNotifications/ExpoNotifications_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/EXUpdates/EXUpdates.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/ExpoDevice/ExpoDevice_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/ExpoFileSystem/ExpoFileSystem_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/ExpoSystemUI/ExpoSystemUI_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/GTMAppAuth/GTMAppAuth_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/GTMSessionFetcher/GTMSessionFetcher_Core_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleSignIn/GoogleSignIn.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/GoogleUtilities/GoogleUtilities_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/PromisesObjC/FBLPromises_Privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/RCT-Folly/RCT-Folly_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/ReachabilitySwift/ReachabilitySwift.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/React-Core/React-Core_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/React-cxxreact/React-cxxreact_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/SDWebImage/SDWebImage.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/boost/boost_privacy.bundle",
-				"${PODS_CONFIGURATION_BUILD_DIR}/glog/glog_privacy.bundle",
-			);
-			name = "[CP] Copy Pods Resources";
-			outputPaths = (
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/AppAuthCore_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoApplication_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EXConstants.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoConstants_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoNotifications_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EXUpdates.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoDevice_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoFileSystem_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoSystemUI_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GTMAppAuth_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GTMSessionFetcher_Core_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleSignIn.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/GoogleUtilities_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FBLPromises_Privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RCT-Folly_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ReachabilitySwift.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/React-Core_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/React-cxxreact_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/SDWebImage.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/boost_privacy.bundle",
-				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/glog_privacy.bundle",
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-meatfarmermonorepo/Pods-meatfarmermonorepo-resources.sh\"\n";
-			showEnvVarsInLog = 0;
-		};
-		DAF2E4EA15761DC5FE4C4A8B /* [CP] Embed Pods Frameworks */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-meatfarmermonorepo/Pods-meatfarmermonorepo-frameworks.sh",
-				"${PODS_XCFRAMEWORKS_BUILD_DIR}/hermes-engine/Pre-built/hermes.framework/hermes",
-			);
-			name = "[CP] Embed Pods Frameworks";
-			outputPaths = (
-				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/hermes.framework",
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-meatfarmermonorepo/Pods-meatfarmermonorepo-frameworks.sh\"\n";
-			showEnvVarsInLog = 0;
-		};
-/* End PBXShellScriptBuildPhase section */
-
-/* Begin PBXSourcesBuildPhase section */
-		13B07F871A680F5B00A75B9A /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				F11748422D0307B40044C1D9 /* AppDelegate.swift in Sources */,
-				D20664F10ED8090F4983CFB0 /* ExpoModulesProvider.swift in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin XCBuildConfiguration section */
-		13B07F941A680F5B00A75B9A /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 338F04D2CAE7495C1D7CD233 /* Pods-meatfarmermonorepo.debug.xcconfig */;
-			buildSettings = {
-				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
-				CLANG_ENABLE_MODULES = YES;
-				CODE_SIGN_ENTITLEMENTS = meatfarmermonorepo/meatfarmermonorepo.entitlements;
-				CURRENT_PROJECT_VERSION = 1;
-				ENABLE_BITCODE = NO;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"$(inherited)",
-					"FB_SONARKIT_ENABLED=1",
-				);
-				INFOPLIST_FILE = meatfarmermonorepo/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
-				LD_RUNPATH_SEARCH_PATHS = (
-					"$(inherited)",
-					"@executable_path/Frameworks",
-				);
-				MARKETING_VERSION = 1.0;
-				OTHER_LDFLAGS = (
-					"$(inherited)",
-					"-ObjC",
-					"-lc++",
-				);
-				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_DEBUG";
-				PRODUCT_BUNDLE_IDENTIFIER = "com.mohammedshafiuddin54.meat-farmer-monorepo";
-				PRODUCT_NAME = meatfarmermonorepo;
-				SWIFT_OBJC_BRIDGING_HEADER = "meatfarmermonorepo/meatfarmermonorepo-Bridging-Header.h";
-				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
-				SWIFT_VERSION = 5.0;
-				TARGETED_DEVICE_FAMILY = 1;
-				VERSIONING_SYSTEM = "apple-generic";
-			};
-			name = Debug;
-		};
-		13B07F951A680F5B00A75B9A /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = 533CB49887DAADE200BAF1EB /* Pods-meatfarmermonorepo.release.xcconfig */;
-			buildSettings = {
-				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
-				CLANG_ENABLE_MODULES = YES;
-				CODE_SIGN_ENTITLEMENTS = meatfarmermonorepo/meatfarmermonorepo.entitlements;
-				CURRENT_PROJECT_VERSION = 1;
-				INFOPLIST_FILE = meatfarmermonorepo/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
-				LD_RUNPATH_SEARCH_PATHS = (
-					"$(inherited)",
-					"@executable_path/Frameworks",
-				);
-				MARKETING_VERSION = 1.0;
-				OTHER_LDFLAGS = (
-					"$(inherited)",
-					"-ObjC",
-					"-lc++",
-				);
-				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_RELEASE";
-				PRODUCT_BUNDLE_IDENTIFIER = "com.mohammedshafiuddin54.meat-farmer-monorepo";
-				PRODUCT_NAME = meatfarmermonorepo;
-				SWIFT_OBJC_BRIDGING_HEADER = "meatfarmermonorepo/meatfarmermonorepo-Bridging-Header.h";
-				SWIFT_VERSION = 5.0;
-				TARGETED_DEVICE_FAMILY = 1;
-				VERSIONING_SYSTEM = "apple-generic";
-			};
-			name = Release;
-		};
-		83CBBA201A601CBA00E9B192 /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
-				COPY_PHASE_STRIP = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
-				LD_RUNPATH_SEARCH_PATHS = (
-					/usr/lib/swift,
-					"$(inherited)",
-				);
-				LIBRARY_SEARCH_PATHS = "$(SDKROOT)/usr/lib/swift\"$(inherited)\"";
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				OTHER_LDFLAGS = (
-					"$(inherited)",
-					" ",
-				);
-				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
-				SDKROOT = iphoneos;
-				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "$(inherited) DEBUG";
-				USE_HERMES = true;
-			};
-			name = Debug;
-		};
-		83CBBA211A601CBA00E9B192 /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
-				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
-				COPY_PHASE_STRIP = YES;
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu99;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
-				LD_RUNPATH_SEARCH_PATHS = (
-					/usr/lib/swift,
-					"$(inherited)",
-				);
-				LIBRARY_SEARCH_PATHS = "$(SDKROOT)/usr/lib/swift\"$(inherited)\"";
-				MTL_ENABLE_DEBUG_INFO = NO;
-				OTHER_LDFLAGS = (
-					"$(inherited)",
-					" ",
-				);
-				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
-				SDKROOT = iphoneos;
-				USE_HERMES = true;
-				VALIDATE_PRODUCT = YES;
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "meatfarmermonorepo" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				13B07F941A680F5B00A75B9A /* Debug */,
-				13B07F951A680F5B00A75B9A /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "meatfarmermonorepo" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				83CBBA201A601CBA00E9B192 /* Debug */,
-				83CBBA211A601CBA00E9B192 /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
-}

ios/meatfarmermonorepo.xcodeproj/xcshareddata/xcschemes/meatfarmermonorepo.xcscheme

@@ -1,88 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Scheme
-   LastUpgradeVersion = "1130"
-   version = "1.3">
-   <BuildAction
-      parallelizeBuildables = "YES"
-      buildImplicitDependencies = "YES">
-      <BuildActionEntries>
-         <BuildActionEntry
-            buildForTesting = "YES"
-            buildForRunning = "YES"
-            buildForProfiling = "YES"
-            buildForArchiving = "YES"
-            buildForAnalyzing = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-               BuildableName = "meatfarmermonorepo.app"
-               BlueprintName = "meatfarmermonorepo"
-               ReferencedContainer = "container:meatfarmermonorepo.xcodeproj">
-            </BuildableReference>
-         </BuildActionEntry>
-      </BuildActionEntries>
-   </BuildAction>
-   <TestAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      shouldUseLaunchSchemeArgsEnv = "YES">
-      <Testables>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
-               BuildableName = "meatfarmermonorepoTests.xctest"
-               BlueprintName = "meatfarmermonorepoTests"
-               ReferencedContainer = "container:meatfarmermonorepo.xcodeproj">
-            </BuildableReference>
-         </TestableReference>
-      </Testables>
-   </TestAction>
-   <LaunchAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
-      launchStyle = "0"
-      useCustomWorkingDirectory = "NO"
-      ignoresPersistentStateOnLaunch = "NO"
-      debugDocumentVersioning = "YES"
-      debugServiceExtension = "internal"
-      allowLocationSimulation = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "meatfarmermonorepo.app"
-            BlueprintName = "meatfarmermonorepo"
-            ReferencedContainer = "container:meatfarmermonorepo.xcodeproj">
-         </BuildableReference>
-      </BuildableProductRunnable>
-   </LaunchAction>
-   <ProfileAction
-      buildConfiguration = "Release"
-      shouldUseLaunchSchemeArgsEnv = "YES"
-      savedToolIdentifier = ""
-      useCustomWorkingDirectory = "NO"
-      debugDocumentVersioning = "YES">
-      <BuildableProductRunnable
-         runnableDebuggingMode = "0">
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "meatfarmermonorepo.app"
-            BlueprintName = "meatfarmermonorepo"
-            ReferencedContainer = "container:meatfarmermonorepo.xcodeproj">
-         </BuildableReference>
-      </BuildableProductRunnable>
-   </ProfileAction>
-   <AnalyzeAction
-      buildConfiguration = "Debug">
-   </AnalyzeAction>
-   <ArchiveAction
-      buildConfiguration = "Release"
-      revealArchiveInOrganizer = "YES">
-   </ArchiveAction>
-</Scheme>

ios/meatfarmermonorepo.xcworkspace/contents.xcworkspacedata

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Workspace
-   version = "1.0">
-   <FileRef
-      location = "group:meatfarmermonorepo.xcodeproj">
-   </FileRef>
-   <FileRef
-      location = "group:Pods/Pods.xcodeproj">
-   </FileRef>
-</Workspace>

ios/meatfarmermonorepo/AppDelegate.swift

@@ -1,70 +0,0 @@
-import Expo
-import React
-import ReactAppDependencyProvider
-
-@UIApplicationMain
-public class AppDelegate: ExpoAppDelegate {
-  var window: UIWindow?
-
-  var reactNativeDelegate: ExpoReactNativeFactoryDelegate?
-  var reactNativeFactory: RCTReactNativeFactory?
-
-  public override func application(
-    _ application: UIApplication,
-    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil
-  ) -> Bool {
-    let delegate = ReactNativeDelegate()
-    let factory = ExpoReactNativeFactory(delegate: delegate)
-    delegate.dependencyProvider = RCTAppDependencyProvider()
-
-    reactNativeDelegate = delegate
-    reactNativeFactory = factory
-    bindReactNativeFactory(factory)
-
-#if os(iOS) || os(tvOS)
-    window = UIWindow(frame: UIScreen.main.bounds)
-    factory.startReactNative(
-      withModuleName: "main",
-      in: window,
-      launchOptions: launchOptions)
-#endif
-
-    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
-  }
-
-  // Linking API
-  public override func application(
-    _ app: UIApplication,
-    open url: URL,
-    options: [UIApplication.OpenURLOptionsKey: Any] = [:]
-  ) -> Bool {
-    return super.application(app, open: url, options: options) || RCTLinkingManager.application(app, open: url, options: options)
-  }
-
-  // Universal Links
-  public override func application(
-    _ application: UIApplication,
-    continue userActivity: NSUserActivity,
-    restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void
-  ) -> Bool {
-    let result = RCTLinkingManager.application(application, continue: userActivity, restorationHandler: restorationHandler)
-    return super.application(application, continue: userActivity, restorationHandler: restorationHandler) || result
-  }
-}
-
-class ReactNativeDelegate: ExpoReactNativeFactoryDelegate {
-  // Extension point for config-plugins
-
-  override func sourceURL(for bridge: RCTBridge) -> URL? {
-    // needed to return the correct URL for expo-dev-client.
-    bridge.bundleURL ?? bundleURL()
-  }
-
-  override func bundleURL() -> URL? {
-#if DEBUG
-    return RCTBundleURLProvider.sharedSettings().jsBundleURL(forBundleRoot: ".expo/.virtual-metro-entry")
-#else
-    return Bundle.main.url(forResource: "main", withExtension: "jsbundle")
-#endif
-  }
-}

ios/meatfarmermonorepo/Images.xcassets/AppIcon.appiconset/Contents.json

@@ -1,14 +0,0 @@
-{
-  "images": [
-    {
-      "filename": "App-Icon-1024x1024@1x.png",
-      "idiom": "universal",
-      "platform": "ios",
-      "size": "1024x1024"
-    }
-  ],
-  "info": {
-    "version": 1,
-    "author": "expo"
-  }
-}

ios/meatfarmermonorepo/Images.xcassets/Contents.json

@@ -1,6 +0,0 @@
-{
-  "info" : {
-    "version" : 1,
-    "author" : "expo"
-  }
-}

ios/meatfarmermonorepo/Images.xcassets/SplashScreenBackground.colorset/Contents.json

@@ -1,20 +0,0 @@
-{
-  "colors": [
-    {
-      "color": {
-        "components": {
-          "alpha": "1.000",
-          "blue": "1.00000000000000",
-          "green": "1.00000000000000",
-          "red": "1.00000000000000"
-        },
-        "color-space": "srgb"
-      },
-      "idiom": "universal"
-    }
-  ],
-  "info": {
-    "version": 1,
-    "author": "expo"
-  }
-}

ios/meatfarmermonorepo/Info.plist

@@ -1,75 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-  <dict>
-    <key>CADisableMinimumFrameDurationOnPhone</key>
-    <true/>
-    <key>CFBundleDevelopmentRegion</key>
-    <string>$(DEVELOPMENT_LANGUAGE)</string>
-    <key>CFBundleDisplayName</key>
-    <string>meat-farmer-monorepo</string>
-    <key>CFBundleExecutable</key>
-    <string>$(EXECUTABLE_NAME)</string>
-    <key>CFBundleIdentifier</key>
-    <string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
-    <key>CFBundleInfoDictionaryVersion</key>
-    <string>6.0</string>
-    <key>CFBundleName</key>
-    <string>$(PRODUCT_NAME)</string>
-    <key>CFBundlePackageType</key>
-    <string>$(PRODUCT_BUNDLE_PACKAGE_TYPE)</string>
-    <key>CFBundleShortVersionString</key>
-    <string>1.0.0</string>
-    <key>CFBundleSignature</key>
-    <string>????</string>
-    <key>CFBundleURLTypes</key>
-    <array>
-      <dict>
-        <key>CFBundleURLSchemes</key>
-        <array>
-          <string>com.mohammedshafiuddin54.meat-farmer-monorepo</string>
-        </array>
-      </dict>
-      <dict>
-        <key>CFBundleURLSchemes</key>
-        <array>
-          <string>exp+meat-farmer-monorepo</string>
-        </array>
-      </dict>
-    </array>
-    <key>CFBundleVersion</key>
-    <string>1</string>
-    <key>LSMinimumSystemVersion</key>
-    <string>12.0</string>
-    <key>LSRequiresIPhoneOS</key>
-    <true/>
-    <key>NSAppTransportSecurity</key>
-    <dict>
-      <key>NSAllowsArbitraryLoads</key>
-      <false/>
-      <key>NSAllowsLocalNetworking</key>
-      <true/>
-    </dict>
-    <key>UILaunchStoryboardName</key>
-    <string>SplashScreen</string>
-    <key>UIRequiredDeviceCapabilities</key>
-    <array>
-      <string>arm64</string>
-    </array>
-    <key>UIRequiresFullScreen</key>
-    <false/>
-    <key>UIStatusBarStyle</key>
-    <string>UIStatusBarStyleDefault</string>
-    <key>UISupportedInterfaceOrientations</key>
-    <array>
-      <string>UIInterfaceOrientationPortrait</string>
-      <string>UIInterfaceOrientationPortraitUpsideDown</string>
-      <string>UIInterfaceOrientationLandscapeLeft</string>
-      <string>UIInterfaceOrientationLandscapeRight</string>
-    </array>
-    <key>UIUserInterfaceStyle</key>
-    <string>Light</string>
-    <key>UIViewControllerBasedStatusBarAppearance</key>
-    <false/>
-  </dict>
-</plist>

ios/meatfarmermonorepo/PrivacyInfo.xcprivacy

@@ -1,49 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>NSPrivacyAccessedAPITypes</key>
-	<array>
-		<dict>
-			<key>NSPrivacyAccessedAPIType</key>
-			<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
-			<key>NSPrivacyAccessedAPITypeReasons</key>
-			<array>
-				<string>C617.1</string>
-				<string>0A2A.1</string>
-				<string>3B52.1</string>
-			</array>
-		</dict>
-		<dict>
-			<key>NSPrivacyAccessedAPIType</key>
-			<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
-			<key>NSPrivacyAccessedAPITypeReasons</key>
-			<array>
-				<string>CA92.1</string>
-				<string>C56D.1</string>
-			</array>
-		</dict>
-		<dict>
-			<key>NSPrivacyAccessedAPIType</key>
-			<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
-			<key>NSPrivacyAccessedAPITypeReasons</key>
-			<array>
-				<string>35F9.1</string>
-			</array>
-		</dict>
-		<dict>
-			<key>NSPrivacyAccessedAPIType</key>
-			<string>NSPrivacyAccessedAPICategoryDiskSpace</string>
-			<key>NSPrivacyAccessedAPITypeReasons</key>
-			<array>
-				<string>E174.1</string>
-				<string>85F4.1</string>
-			</array>
-		</dict>
-	</array>
-	<key>NSPrivacyCollectedDataTypes</key>
-	<array/>
-	<key>NSPrivacyTracking</key>
-	<false/>
-</dict>
-</plist>

ios/meatfarmermonorepo/SplashScreen.storyboard

@@ -1,34 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="32700.99.1234" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="EXPO-VIEWCONTROLLER-1">
-    <device id="retina6_12" orientation="portrait" appearance="light"/>
-    <dependencies>
-        <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="22685"/>
-        <capability name="Named colors" minToolsVersion="9.0"/>
-        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
-        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
-    </dependencies>
-    <scenes>
-        <scene sceneID="EXPO-SCENE-1">
-            <objects>
-                <viewController storyboardIdentifier="SplashScreenViewController" id="EXPO-VIEWCONTROLLER-1" sceneMemberID="viewController">
-                    <view key="view" userInteractionEnabled="NO" contentMode="scaleToFill" insetsLayoutMarginsFromSafeArea="NO" id="EXPO-ContainerView" userLabel="ContainerView">
-                        <rect key="frame" x="0.0" y="0.0" width="393" height="852"/>
-                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                        <subviews/>
-                        <viewLayoutGuide key="safeArea" id="Rmq-lb-GrQ"/>
-                        <constraints>
-                            <constraint firstItem="EXPO-SplashScreen" firstAttribute="centerY" secondItem="EXPO-ContainerView" secondAttribute="centerY" id="0VC-Wk-OaO"/>
-                            <constraint firstItem="EXPO-SplashScreen" firstAttribute="centerX" secondItem="EXPO-ContainerView" secondAttribute="centerX" id="zR4-NK-mVN"/>
-                        </constraints>
-                    </view>
-                </viewController>
-                <placeholder placeholderIdentifier="IBFirstResponder" id="EXPO-PLACEHOLDER-1" userLabel="First Responder" sceneMemberID="firstResponder"/>
-            </objects>
-            <point key="canvasLocation" x="0.0" y="0.0"/>
-        </scene>
-    </scenes>
-    <resources>
-        <image name="SplashScreenLogo" width="100" height="90.333335876464844"/>
-    </resources>
-</document>

ios/meatfarmermonorepo/Supporting/Expo.plist

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-  <dict>
-    <key>EXUpdatesCheckOnLaunch</key>
-    <string>ALWAYS</string>
-    <key>EXUpdatesEnabled</key>
-    <false/>
-    <key>EXUpdatesLaunchWaitMs</key>
-    <integer>0</integer>
-  </dict>
-</plist>

ios/meatfarmermonorepo/meatfarmermonorepo-Bridging-Header.h

@@ -1,3 +0,0 @@
-//
-// Use this file to import your target's public headers that you would like to expose to Swift.
-//

ios/meatfarmermonorepo/meatfarmermonorepo.entitlements

@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-  <dict/>
-</plist>

package.json

@@ -2,7 +2,7 @@
   "name": "meat-farmer-monorepo",
   "version": "1.0.0",
   "private": true,
-  "packageManager": "npm@10.8.1",
+  "packageManager": "bun@1.3.10",
   "scripts": {
     "build": "turbo run build",
     "dev": "turbo run dev --parallel",
@@ -42,6 +42,7 @@
     "expo-crypto": "~14.1.5",
     "expo-server-sdk": "^5.0.0",
     "expo-web-browser": "~14.2.0",
+    "fuse.js": "^7.1.0",
     "node-cron": "^4.2.1",
     "pg": "^8.20.0",
     "react": "19.0.0",

packages/shared/index.ts

@@ -0,0 +1,9 @@
+export const CACHE_FILENAMES = {
+  products: 'products.json',
+  stores: 'stores.json',
+  slots: 'slots.json',
+  essentialConsts: 'essential-consts.json',
+  banners: 'banners.json',
+} as const
+
+export type CacheFilename = typeof CACHE_FILENAMES[keyof typeof CACHE_FILENAMES]

packages/shared/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@packages/shared",
+  "version": "1.0.0",
+  "main": "index.ts",
+  "types": "index.ts",
+  "private": true
+}