@fayz-ai/plugin-inventory 0.9.0-next.1 → 0.9.1

package/src/views/dashboardWidgets.tsx

@@ -1,101 +0,0 @@
-import React, { useEffect } from 'react'
-import { ArrowUpRight, ArrowDownRight } from 'lucide-react'
-import type { StoreApi } from 'zustand'
-import type { DashboardWidgetDef } from '@fayz-ai/core'
-import { useTranslation } from '@fayz-ai/core'
-import {
-  KpiCard, Card, CardHeader, CardTitle, CardContent,
-  defineKpiWidget, defineCustomWidget,
-} from '@fayz-ai/ui'
-import { InventoryContextProvider, useInventoryConfig, useInventoryStore, formatCurrency, type ResolvedInventoryConfig } from '../InventoryContext'
-import type { InventoryDataProvider } from '../data/types'
-import type { InventoryUIState } from '../store'
-
-function useEnsureSummary() {
-  const fetchSummary = useInventoryStore((s) => s.fetchSummary)
-  useEffect(() => { void fetchSummary() }, [])
-}
-
-function StockValueKpi() {
-  const t = useTranslation()
-  const { currency } = useInventoryConfig()
-  const summary = useInventoryStore((s) => s.summary)
-  useEnsureSummary()
-  return (
-    <KpiCard label={t('inventory.dashboard.stockValue')} icon="BarChart3"
-      value={formatCurrency(summary?.totalStockValue ?? 0, currency)} sub={t('inventory.dashboard.totalValue')} />
-  )
-}
-
-function TotalProductsKpi() {
-  const t = useTranslation()
-  const summary = useInventoryStore((s) => s.summary)
-  useEnsureSummary()
-  return <KpiCard label={t('inventory.dashboard.totalProducts')} icon="Package" value={String(summary?.totalProducts ?? 0)} sub={t('inventory.dashboard.activeItems')} />
-}
-
-function LowStockKpi() {
-  const t = useTranslation()
-  const summary = useInventoryStore((s) => s.summary)
-  useEnsureSummary()
-  return <KpiCard label={t('inventory.dashboard.lowStock')} icon="AlertTriangle" value={String(summary?.lowStockCount ?? 0)} sub={t('inventory.dashboard.belowMinimum')} />
-}
-
-function OutOfStockKpi() {
-  const t = useTranslation()
-  const summary = useInventoryStore((s) => s.summary)
-  useEnsureSummary()
-  return <KpiCard label={t('inventory.dashboard.outOfStock')} icon="TrendingDown" value={String(summary?.outOfStockCount ?? 0)} sub={t('inventory.dashboard.needRestocking')} />
-}
-
-function RecentActivityPanel() {
-  const t = useTranslation()
-  const summary = useInventoryStore((s) => s.summary)
-  useEnsureSummary()
-  return (
-    <Card>
-      <CardHeader><CardTitle>{t('inventory.dashboard.recentActivity')}</CardTitle></CardHeader>
-      <CardContent>
-        <div className="flex items-center gap-4 text-sm">
-          <div className="flex items-center gap-1.5">
-            <ArrowUpRight className="h-3.5 w-3.5 text-success" />
-            <span className="text-muted-foreground">{t('inventory.dashboard.entries')}</span>
-            <span className="font-medium">{summary?.movementsByType?.entry ?? 0}</span>
-          </div>
-          <div className="flex items-center gap-1.5">
-            <ArrowDownRight className="h-3.5 w-3.5 text-destructive" />
-            <span className="text-muted-foreground">{t('inventory.dashboard.exits')}</span>
-            <span className="font-medium">{summary?.movementsByType?.exit ?? 0}</span>
-          </div>
-        </div>
-        <p className="mt-2 text-xs text-muted-foreground">{t('inventory.dashboard.last7Days')}</p>
-      </CardContent>
-    </Card>
-  )
-}
-
-export function createInventoryDashboardWidgets(ctx: {
-  config: ResolvedInventoryConfig
-  provider: InventoryDataProvider
-  store: StoreApi<InventoryUIState>
-}): DashboardWidgetDef[] {
-  const withCtx = (Inner: React.ComponentType): React.ComponentType<unknown> => {
-    const Wrapped = () => (
-      <InventoryContextProvider config={ctx.config} provider={ctx.provider} store={ctx.store}>
-        <Inner />
-      </InventoryContextProvider>
-    )
-    Wrapped.displayName = `InventoryWidget(${Inner.displayName ?? Inner.name})`
-    return Wrapped
-  }
-
-  return [
-    // Stock value is inventory's headline KPI on the global home; the rest are
-    // home-hidden by default (shown on the inventory plugin-home, addable via Customize).
-    defineKpiWidget({ id: 'inventory.kpi.stock-value', title: 'inventory.dashboard.stockValue', domain: 'inventory', defaultOrder: 0, component: withCtx(StockValueKpi) }),
-    defineKpiWidget({ id: 'inventory.kpi.total-products', title: 'inventory.dashboard.totalProducts', domain: 'inventory', defaultOrder: 1, defaultVisible: false, component: withCtx(TotalProductsKpi) }),
-    defineKpiWidget({ id: 'inventory.kpi.low-stock', title: 'inventory.dashboard.lowStock', domain: 'inventory', defaultOrder: 2, defaultVisible: false, component: withCtx(LowStockKpi) }),
-    defineKpiWidget({ id: 'inventory.kpi.out-of-stock', title: 'inventory.dashboard.outOfStock', domain: 'inventory', defaultOrder: 3, defaultVisible: false, component: withCtx(OutOfStockKpi) }),
-    defineCustomWidget({ id: 'inventory.panel.recent-activity', title: 'inventory.dashboard.recentActivity', domain: 'inventory', span: 2, defaultOrder: 10, surfaces: ['plugin-home'], component: withCtx(RecentActivityPanel) }),
-  ]
-}

package/src/views/productEntity.tsx

@@ -1,124 +0,0 @@
-import React from 'react'
-import type { EntityDef, FieldDef } from '@fayz-ai/core'
-import { formatCurrency, type InventoryCurrency, type ProductTypeOption } from '../InventoryContext'
-
-// ---------------------------------------------------------------------------
-// The single source of truth for the Product entity — drives BOTH the generic
-// list (CrudListView columns + facet) and the generic form (CrudFormPage
-// sections). Persistence stays in the inventory provider/store; this only
-// describes fields, columns and layout.
-// ---------------------------------------------------------------------------
-
-const TYPE_DESCRIPTION_KEYS: Record<string, string> = {
-  ingredient: 'inventory.productForm.typeIngredient',
-  sale: 'inventory.productForm.typeSale',
-  intermediate: 'inventory.productForm.typeIntermediate',
-  asset: 'inventory.productForm.typeAsset',
-}
-
-type T = (key: string, params?: Record<string, string | number>) => string
-
-export function buildProductEntity(
-  t: T,
-  productTypes: ProductTypeOption[],
-  currency: InventoryCurrency,
-): EntityDef {
-  const typeOptions = productTypes.map((pt) => ({
-    label: pt.label,
-    value: pt.value,
-    description: TYPE_DESCRIPTION_KEYS[pt.value] ? t(TYPE_DESCRIPTION_KEYS[pt.value]) : undefined,
-  }))
-  const typeLabel = (v: unknown) => productTypes.find((p) => p.value === v)?.label ?? String(v ?? '')
-
-  // Field order is chosen so the table columns come out as
-  // Product · Type · Stock · Cost · Value while the form groups stay correct.
-  const fields: FieldDef[] = [
-    // — General Information (form) + Product column (table) —
-    {
-      key: 'name', label: t('inventory.productForm.name'), type: 'text', required: true,
-      group: 'general', placeholder: t('inventory.productForm.namePlaceholder'),
-      searchable: true, showInTable: true, sortable: true,
-      renderCell: (_v, row: any) => (
-        <div>
-          <p className="font-medium">{row.name}</p>
-          {row.sku && <p className="text-xs text-muted-foreground">{row.sku}</p>}
-        </div>
-      ),
-    },
-    { key: 'brand', label: t('inventory.productForm.brand'), type: 'text', group: 'general', placeholder: t('inventory.productForm.brandPlaceholder'), showInTable: false },
-    { key: 'sku', label: t('inventory.productForm.sku'), type: 'text', group: 'general', placeholder: t('inventory.productForm.skuPlaceholder'), searchable: true, showInTable: false },
-    { key: 'barcode', label: t('inventory.productForm.barcode'), type: 'text', group: 'general', placeholder: t('inventory.productForm.barcodePlaceholder'), searchable: true, showInTable: false },
-    { key: 'description', label: t('inventory.productForm.description'), type: 'textarea', group: 'general', span: 2, placeholder: t('inventory.productForm.descriptionPlaceholder'), showInTable: false },
-
-    // — Classification (form: segmented) + Type column (table: badge) —
-    {
-      key: 'productType', label: t('inventory.productForm.classification'), type: 'segmented',
-      group: 'classification', span: 2, options: typeOptions,
-      showInTable: true, sortable: false,
-      renderCell: (v) => (
-        <span className="inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium bg-muted text-muted-foreground">
-          {typeLabel(v)}
-        </span>
-      ),
-    },
-
-    // — Stock column (list only) — placed before Cost for the desired column order
-    {
-      key: 'currentQuantity', label: t('inventory.productList.stock'), type: 'number',
-      showInForm: false, showInTable: true, sortable: true,
-      renderCell: (_v, row: any) => (
-        <span className={`text-right block ${row.currentQuantity <= row.minQuantity ? 'text-destructive font-medium' : ''}`}>
-          {row.currentQuantity}
-        </span>
-      ),
-    },
-
-    // — Pricing (form) + Cost column (table) —
-    {
-      key: 'costPrice', label: t('inventory.productForm.costPrice'), type: 'currency',
-      group: 'pricing', currency: currency.code, currencySymbol: currency.symbol, currencyLocale: currency.locale,
-      showInTable: true, sortable: false,
-      renderCell: (v) => <span className="text-right block text-muted-foreground">{formatCurrency(Number(v) || 0, currency)}</span>,
-    },
-
-    // — Value column (list only): stock × cost —
-    {
-      key: 'value', label: t('inventory.productList.value'), type: 'number',
-      showInForm: false, showInTable: true, sortable: false,
-      renderCell: (_v, row: any) => (
-        <span className="text-right block font-medium">{formatCurrency((row.currentQuantity || 0) * (row.costPrice || 0), currency)}</span>
-      ),
-    },
-
-    { key: 'salePrice', label: t('inventory.productForm.salePrice'), type: 'currency', group: 'pricing', currency: currency.code, currencySymbol: currency.symbol, currencyLocale: currency.locale, showInTable: false },
-    {
-      key: 'margin', label: t('inventory.productForm.margin'), type: 'computed', group: 'pricing', showInTable: false,
-      compute: (vals) => {
-        const cost = Number(vals.costPrice) || 0
-        const sale = Number(vals.salePrice) || 0
-        if (sale <= 0 || cost <= 0) return null
-        const m = ((sale - cost) / cost) * 100
-        return { display: `${m.toFixed(1)}%`, tone: m >= 0 ? 'positive' : 'negative' }
-      },
-    },
-
-    // — Stock Levels (form only) —
-    { key: 'minQuantity', label: t('inventory.productForm.minQuantity'), type: 'number', group: 'stock', min: 0, placeholder: '0', hint: t('inventory.productForm.minQuantityHint'), showInTable: false },
-    { key: 'maxQuantity', label: t('inventory.productForm.maxQuantity'), type: 'number', group: 'stock', min: 0, placeholder: t('inventory.productForm.optional'), hint: t('inventory.productForm.maxQuantityHint'), showInTable: false },
-  ]
-
-  return {
-    name: t('inventory.stock.product'),
-    namePlural: t('inventory.nav.products'),
-    icon: 'Package',
-    displayField: 'name',
-    fields,
-    fieldGroups: [
-      { id: 'general', label: t('inventory.productForm.generalInfo'), columns: 2, imageSlot: true },
-      { id: 'classification', label: t('inventory.productForm.classification'), description: t('inventory.productForm.classificationDesc'), columns: 1 },
-      { id: 'pricing', label: t('inventory.productForm.pricing'), columns: 3 },
-      { id: 'stock', label: t('inventory.productForm.stockLevels'), description: t('inventory.productForm.stockLevelsDesc'), columns: 2 },
-    ],
-    facets: [{ field: 'productType', allLabel: t('crud.list.allFacet') }],
-  }
-}