@pagamio/frontend-commons-lib 0.8.330 → 0.8.332

package/lib/components/ecommerce/ProductCard.js

@@ -5,8 +5,11 @@ import { formatPrice } from '../../helpers/utils';
 import ImageComponent from '../ui/ImageComponent';
 const LOW_STOCK_THRESHOLD = 5;
 export function ProductCard({ product, onAddToCart, isAddingToCart, storeId, basePath = '/shop', featured = false, linkSuffix, currency = 'ZAR', renderLink, onNavigate, }) {
-    const hasStock = product.totalStock > 0;
-    const isLowStock = hasStock && product.totalStock <= LOW_STOCK_THRESHOLD;
+    // Non-stock products (services / fees / digital goods) have no
+    // StockItem rows by design — they're always available
+    const isNonStock = product.isStockItem === false;
+    const hasStock = isNonStock || product.totalStock > 0;
+    const isLowStock = !isNonStock && hasStock && product.totalStock <= LOW_STOCK_THRESHOLD;
     const isBackorderable = product.allowBackorders === true;
     const canAddToCart = (hasStock || isBackorderable) && !!storeId;
     const hasVariants = product.variants && product.variants.length > 0;

package/lib/components/ecommerce/types.d.ts

@@ -33,6 +33,13 @@ export interface EcommerceProduct {
     totalStock: number;
     inStock?: boolean;
     allowBackorders?: boolean;
+    /**
+     * False for services / fees / digital goods that don't hold inventory.
+     * The card treats these as always available — no out-of-stock badge,
+     * no low-stock warning. Defaults to true (or undefined) for stock
+     * products which retain the existing behaviour.
+     */
+    isStockItem?: boolean;
     variants?: ProductVariant[];
 }
 export interface CartItemBundleItem {

package/lib/pagamio-table/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './functionHelper';
+export * from './withSyntheticId';

package/lib/pagamio-table/utils/index.js

@@ -1 +1,2 @@
 export * from './functionHelper';
+export * from './withSyntheticId';

package/lib/pagamio-table/utils/withSyntheticId.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Mirror a row's primary-key field into a top-level `id` so the row
+ * satisfies `BaseEntity` (and MRT's row keying) when the underlying entity
+ * has a composite PK or a non-`id`-named PK (e.g. `customerId`, `orderId`).
+ *
+ * Usage in a usePagamioTable queryFn:
+ *
+ *   queryFn: async (params) => {
+ *     const res = await getThings(params);
+ *     return { ...res, data: withSyntheticId(res.data, 'customerId') };
+ *   }
+ *
+ * The synthesized `id` is purely for the table layer — it never goes back
+ * to the server.
+ */
+export declare const withSyntheticId: <T extends Record<string, unknown>, K extends keyof T>(rows: T[], key: K) => Array<T & {
+    id: T[K];
+}>;

package/lib/pagamio-table/utils/withSyntheticId.js

@@ -0,0 +1,16 @@
+/**
+ * Mirror a row's primary-key field into a top-level `id` so the row
+ * satisfies `BaseEntity` (and MRT's row keying) when the underlying entity
+ * has a composite PK or a non-`id`-named PK (e.g. `customerId`, `orderId`).
+ *
+ * Usage in a usePagamioTable queryFn:
+ *
+ *   queryFn: async (params) => {
+ *     const res = await getThings(params);
+ *     return { ...res, data: withSyntheticId(res.data, 'customerId') };
+ *   }
+ *
+ * The synthesized `id` is purely for the table layer — it never goes back
+ * to the server.
+ */
+export const withSyntheticId = (rows, key) => rows.map((row) => ({ ...row, id: row[key] }));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagamio/frontend-commons-lib",
   "description": "Pagamio library for Frontend reusable components like the form engine and table container",
-  "version": "0.8.330",
+  "version": "0.8.332",
   "publishConfig": {
     "access": "public",
     "provenance": false