Initialize the user app and load home banners from the API.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/stores/catalog.ts

@@ -0,0 +1,129 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import { apiRequest } from '@/services/http'
+import type { BankAccount, Catalog, Company, Product } from '@/types'
+
+export const useCatalogStore = defineStore('catalog', () => {
+  const companies = ref<Company[]>([])
+  const catalogs = ref<Catalog[]>([])
+  const products = ref<Product[]>([])
+  const bankAccounts = ref<BankAccount[]>([])
+  const searchQuery = ref('')
+  const loading = ref(false)
+  const loaded = ref(false)
+
+  async function loadCompanies(force = false) {
+    if (loaded.value && !force) return companies.value
+    loading.value = true
+    try {
+      const list = await apiRequest<Company[]>('/companies', {
+        query: { activeOnly: true },
+      })
+      companies.value = list
+        .filter((c) => c.isActive)
+        .sort((a, b) => a.displayOrder - b.displayOrder)
+      loaded.value = true
+    } finally {
+      loading.value = false
+    }
+    return companies.value
+  }
+
+  function getActiveCompanies(): Company[] {
+    return [...companies.value].sort((a, b) => a.displayOrder - b.displayOrder)
+  }
+
+  function getCompany(id: string): Company | undefined {
+    return companies.value.find((c) => c.id === id)
+  }
+
+  async function loadCatalogs(companyId: string) {
+    const list = await apiRequest<Catalog[]>('/catalogs', {
+      query: { companyId, activeOnly: true },
+    })
+    catalogs.value = [
+      ...catalogs.value.filter((c) => c.companyId !== companyId),
+      ...list,
+    ]
+    return list
+  }
+
+  async function loadProducts(catalogId: string, color?: string) {
+    const list = await apiRequest<Product[]>('/products', {
+      query: {
+        catalogId,
+        color: color && color !== 'all' ? color : undefined,
+        activeOnly: true,
+      },
+    })
+    const others = products.value.filter((p) => p.catalogId !== catalogId)
+    products.value = [...others, ...list]
+    return list
+  }
+
+  async function loadBankAccounts(companyId: string) {
+    const list = await apiRequest<BankAccount[]>(`/companies/${companyId}/bank-accounts`)
+    bankAccounts.value = [
+      ...bankAccounts.value.filter((b) => b.companyId !== companyId),
+      ...list.filter((b) => b.isActive),
+    ]
+    return bankAccounts.value.filter((b) => b.companyId === companyId)
+  }
+
+  function fetchCatalogs(companyId: string, query = ''): Catalog[] {
+    let list = catalogs.value.filter((c) => c.companyId === companyId && c.isActive)
+    if (query.trim()) {
+      const q = query.trim()
+      list = list.filter((c) => c.code.includes(q) || c.name.includes(q))
+    }
+    return [...list].sort((a, b) => a.displayOrder - b.displayOrder)
+  }
+
+  function fetchProducts(catalogId: string, colorFilter?: string): Product[] {
+    let list = products.value.filter((p) => p.catalogId === catalogId && p.isActive)
+    if (colorFilter && colorFilter !== 'all') {
+      list = list.filter((p) => p.color.includes(colorFilter))
+    }
+    return list
+  }
+
+  function getCatalog(id: string) {
+    return catalogs.value.find((c) => c.id === id)
+  }
+
+  function getProduct(id: string) {
+    return products.value.find((p) => p.id === id)
+  }
+
+  function getUniqueColors(catalogId: string): string[] {
+    return [...new Set(fetchProducts(catalogId).map((p) => p.color))]
+  }
+
+  function getBankAccountsByCompany(companyId: string): BankAccount[] {
+    return bankAccounts.value
+      .filter((b) => b.companyId === companyId && b.isActive)
+      .sort((a, b) => a.displayOrder - b.displayOrder)
+  }
+
+  return {
+    companies,
+    catalogs,
+    products,
+    bankAccounts,
+    searchQuery,
+    loading,
+    loaded,
+    loadCompanies,
+    loadCatalogs,
+    loadProducts,
+    loadBankAccounts,
+    getActiveCompanies,
+    getCompany,
+    fetchCatalogs,
+    fetchProducts,
+    getCatalog,
+    getProduct,
+    getUniqueColors,
+    getBankAccountsByCompany,
+  }
+})