@burdenoff/microfe-store 2026.525.2 → 2026.527.1

package/dist/pages/ProductCategoryPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCategoryPage.js","names":[],"sources":["../../src/pages/ProductCategoryPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { ArrowLeft } from 'lucide-react';\nimport { useStore } from '../providers/StoreProvider';\nimport { useBrowseStoreWithContext, type StoreProduct } from '../hooks/useStoreGraphQL';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nconst ProductTile: FC<{ product: StoreProduct; onOpen: (id: string) => void; noDesc: string }> = ({\n  product,\n  onOpen,\n  noDesc,\n}) => (\n  <button\n    onClick={() => onOpen(product.id)}\n    className=\"cursor-pointer rounded-xl border border-border-default bg-bg-surface p-4 text-left transition-colors hover:bg-bg-sunken\"\n  >\n    <h3 className=\"font-semibold text-text-primary\">{product.name}</h3>\n    <p className=\"mt-1 text-xs text-text-muted\">{product.type}</p>\n    <p className=\"mt-2 text-sm text-text-muted line-clamp-2\">{product.description || noDesc}</p>\n  </button>\n);\n\nexport const ProductCategoryPage: FC = () => {\n  const navigate = useNavigate();\n  const { basePath } = useStore();\n  const { categorySlug } = useParams<{ categorySlug: string }>();\n  const { t } = useI18n();\n\n  const category = useMemo(() => decodeURIComponent(categorySlug ?? ''), [categorySlug]);\n  const { products, loading, error } = useBrowseStoreWithContext({\n    filter: category ? { category } : undefined,\n    pagination: { limit: 30 },\n  });\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <header className=\"border-b border-border-default bg-bg-surface px-6 py-4\">\n        <div className=\"mx-auto flex max-w-6xl items-center gap-3\">\n          <button\n            onClick={() => navigate(-1)}\n            aria-label=\"Go back\"\n            className=\"cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <ArrowLeft className=\"h-5 w-5\" />\n          </button>\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              {t('pages.category.title', {\n                defaultValue: `Category: ${category || 'All'}`,\n                name: category || 'All',\n              })}\n            </h1>\n            <p className=\"text-sm text-text-muted\">\n              {t('pages.category.subtitle', {\n                defaultValue: 'Browse products filtered by category',\n              })}\n            </p>\n          </div>\n        </div>\n      </header>\n\n      <main className=\"flex-1 overflow-y-auto p-6\">\n        <div className=\"mx-auto max-w-6xl\">\n          {loading ? (\n            <p role=\"status\" className=\"text-sm text-text-muted\">\n              {t('common.loading', { defaultValue: 'Loading products...' })}\n            </p>\n          ) : error ? (\n            <p role=\"alert\" className=\"text-sm text-status-error-text\">\n              {error.message}\n            </p>\n          ) : products.length === 0 ? (\n            <p className=\"text-sm text-text-muted\">\n              {t('pages.category.noProducts', {\n                defaultValue: 'No products found for this category.',\n              })}\n            </p>\n          ) : (\n            <ul className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n              {products.map((product) => (\n                <li key={product.id}>\n                  <ProductTile\n                    product={product}\n                    noDesc={t('pages.productDetail.noDesc', {\n                      defaultValue: 'No description available.',\n                    })}\n                    onOpen={(id) => navigate(`${basePath}/marketplace/product/${id}`)}\n                  />\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </main>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAM,KAA4F,EAChG,YACA,WACA,gBAEA,kBAAC,UAAD;CACE,eAAe,EAAO,EAAQ,GAAG;CACjC,WAAU;WAFZ;EAIE,kBAAC,MAAD;GAAI,WAAU;aAAmC,EAAQ;GAAU,CAAA;EACnE,kBAAC,KAAD;GAAG,WAAU;aAAgC,EAAQ;GAAS,CAAA;EAC9D,kBAAC,KAAD;GAAG,WAAU;aAA6C,EAAQ,eAAe;GAAW,CAAA;EACrF;IAGE,UAAgC;CAC3C,IAAM,IAAW,GAAa,EACxB,EAAE,gBAAa,GAAU,EACzB,EAAE,oBAAiB,GAAqC,EACxD,EAAE,SAAM,GAAS,EAEjB,IAAW,QAAc,mBAAmB,KAAgB,GAAG,EAAE,CAAC,EAAa,CAAC,EAChF,EAAE,aAAU,YAAS,aAAU,EAA0B;EAC7D,QAAQ,IAAW,EAAE,aAAU,GAAG,KAAA;EAClC,YAAY,EAAE,OAAO,IAAI;EAC1B,CAAC;AAEF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GAAQ,WAAU;aAChB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KACE,eAAe,EAAS,GAAG;KAC3B,cAAW;KACX,WAAU;eAEV,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KAC1B,CAAA,EACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,wBAAwB;MACzB,cAAc,aAAa,KAAY;MACvC,MAAM,KAAY;MACnB,CAAC;KACC,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,2BAA2B,EAC5B,cAAc,wCACf,CAAC;KACA,CAAA,CACA,EAAA,CAAA,CACF;;GACC,CAAA,EAET,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,OAAD;IAAK,WAAU;cACZ,IACC,kBAAC,KAAD;KAAG,MAAK;KAAS,WAAU;eACxB,EAAE,kBAAkB,EAAE,cAAc,uBAAuB,CAAC;KAC3D,CAAA,GACF,IACF,kBAAC,KAAD;KAAG,MAAK;KAAQ,WAAU;eACvB,EAAM;KACL,CAAA,GACF,EAAS,WAAW,IACtB,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,6BAA6B,EAC9B,cAAc,wCACf,CAAC;KACA,CAAA,GAEJ,kBAAC,MAAD;KAAI,WAAU;eACX,EAAS,KAAK,MACb,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;MACW;MACT,QAAQ,EAAE,8BAA8B,EACtC,cAAc,6BACf,CAAC;MACF,SAAS,MAAO,EAAS,GAAG,EAAS,uBAAuB,IAAK;MACjE,CAAA,EACC,EARI,EAAQ,GAQZ,CACL;KACC,CAAA;IAEH,CAAA;GACD,CAAA,CACH"}
+{"version":3,"file":"ProductCategoryPage.js","names":[],"sources":["../../src/pages/ProductCategoryPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { ArrowLeft } from 'lucide-react';\nimport { useStore } from '../providers/StoreProvider';\nimport { useBrowseStoreWithContext, type StoreProduct } from '../hooks/useStoreGraphQL';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nconst ProductTile: FC<{ product: StoreProduct; onOpen: (id: string) => void; noDesc: string }> = ({\n  product,\n  onOpen,\n  noDesc,\n}) => (\n  <button\n    type=\"button\"\n    onClick={() => onOpen(product.id)}\n    className=\"cursor-pointer rounded-xl border border-border-default bg-bg-surface p-4 text-left transition-colors hover:bg-bg-sunken\"\n  >\n    <h3 className=\"font-semibold text-text-primary\">{product.name}</h3>\n    <p className=\"mt-1 text-xs text-text-muted\">{product.type}</p>\n    <p className=\"mt-2 text-sm text-text-muted line-clamp-2\">{product.description || noDesc}</p>\n  </button>\n);\n\nexport const ProductCategoryPage: FC = () => {\n  const navigate = useNavigate();\n  const { basePath } = useStore();\n  const { categorySlug } = useParams<{ categorySlug: string }>();\n  const { t } = useI18n();\n\n  const category = useMemo(() => decodeURIComponent(categorySlug ?? ''), [categorySlug]);\n  const { products, loading, error } = useBrowseStoreWithContext({\n    filter: category ? { category } : undefined,\n    pagination: { limit: 30 },\n  });\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <header className=\"border-b border-border-default bg-bg-surface px-6 py-4\">\n        <div className=\"mx-auto flex max-w-6xl items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(-1)}\n            aria-label=\"Go back\"\n            className=\"cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <ArrowLeft className=\"size-5\" />\n          </button>\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              {t('pages.category.title', {\n                defaultValue: `Category: ${category || 'All'}`,\n                name: category || 'All',\n              })}\n            </h1>\n            <p className=\"text-sm text-text-muted\">\n              {t('pages.category.subtitle', {\n                defaultValue: 'Browse products filtered by category',\n              })}\n            </p>\n          </div>\n        </div>\n      </header>\n\n      <main className=\"flex-1 overflow-y-auto p-6\">\n        <div className=\"mx-auto max-w-6xl\">\n          {loading ? (\n            <p role=\"status\" className=\"text-sm text-text-muted\">\n              {t('common.loading', { defaultValue: 'Loading products...' })}\n            </p>\n          ) : error ? (\n            <p role=\"alert\" className=\"text-sm text-status-error-text\">\n              {error.message}\n            </p>\n          ) : products.length === 0 ? (\n            <p className=\"text-sm text-text-muted\">\n              {t('pages.category.noProducts', {\n                defaultValue: 'No products found for this category.',\n              })}\n            </p>\n          ) : (\n            <ul className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n              {products.map((product) => (\n                <li key={product.id}>\n                  <ProductTile\n                    product={product}\n                    noDesc={t('pages.productDetail.noDesc', {\n                      defaultValue: 'No description available.',\n                    })}\n                    onOpen={(id) => navigate(`${basePath}/marketplace/product/${id}`)}\n                  />\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </main>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAM,KAA4F,EAChG,YACA,WACA,gBAEA,kBAAC,UAAD;CACE,MAAK;CACL,eAAe,EAAO,EAAQ,GAAG;CACjC,WAAU;WAHZ;EAKE,kBAAC,MAAD;GAAI,WAAU;aAAmC,EAAQ;GAAU,CAAA;EACnE,kBAAC,KAAD;GAAG,WAAU;aAAgC,EAAQ;GAAS,CAAA;EAC9D,kBAAC,KAAD;GAAG,WAAU;aAA6C,EAAQ,eAAe;GAAW,CAAA;EACrF;IAGE,UAAgC;CAC3C,IAAM,IAAW,GAAa,EACxB,EAAE,gBAAa,GAAU,EACzB,EAAE,oBAAiB,GAAqC,EACxD,EAAE,SAAM,GAAS,EAEjB,IAAW,QAAc,mBAAmB,KAAgB,GAAG,EAAE,CAAC,EAAa,CAAC,EAChF,EAAE,aAAU,YAAS,aAAU,EAA0B;EAC7D,QAAQ,IAAW,EAAE,aAAU,GAAG,KAAA;EAClC,YAAY,EAAE,OAAO,IAAI;EAC1B,CAAC;AAEF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GAAQ,WAAU;aAChB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAS,GAAG;KAC3B,cAAW;KACX,WAAU;eAEV,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;KACzB,CAAA,EACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,wBAAwB;MACzB,cAAc,aAAa,KAAY;MACvC,MAAM,KAAY;MACnB,CAAC;KACC,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,2BAA2B,EAC5B,cAAc,wCACf,CAAC;KACA,CAAA,CACA,EAAA,CAAA,CACF;;GACC,CAAA,EAET,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,OAAD;IAAK,WAAU;cACZ,IACC,kBAAC,KAAD;KAAG,MAAK;KAAS,WAAU;eACxB,EAAE,kBAAkB,EAAE,cAAc,uBAAuB,CAAC;KAC3D,CAAA,GACF,IACF,kBAAC,KAAD;KAAG,MAAK;KAAQ,WAAU;eACvB,EAAM;KACL,CAAA,GACF,EAAS,WAAW,IACtB,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,6BAA6B,EAC9B,cAAc,wCACf,CAAC;KACA,CAAA,GAEJ,kBAAC,MAAD;KAAI,WAAU;eACX,EAAS,KAAK,MACb,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;MACW;MACT,QAAQ,EAAE,8BAA8B,EACtC,cAAc,6BACf,CAAC;MACF,SAAS,MAAO,EAAS,GAAG,EAAS,uBAAuB,IAAK;MACjE,CAAA,EACC,EARI,EAAQ,GAQZ,CACL;KACC,CAAA;IAEH,CAAA;GACD,CAAA,CACH"}