umwd-components 0.1.835 → 0.1.836

package/dist/esm/src/components/e-commerce/opo/OpoDisplay.js

@@ -13,9 +13,10 @@ import TableCell from '@mui/material/TableCell';
 import TableBody from '@mui/material/TableBody';
 import { OpoSummary } from './OpoSummary.js';
 import { PaymentStatusIndicator } from './PaymentStatusIndicator.js';
+import { ShippingStatusIndicator } from './ShippingStatusIndicator.js';
 
 function OpoDisplay({ opo }) {
-    return (jsxs(Fragment, { children: [jsx(Typography, { variant: "h5", children: "Order Details" }), jsxs(Table, { children: [jsx(TableHead, { children: jsxs(TableRow, { children: [jsx(TableCell, { children: "Order number" }), jsx(TableCell, { children: "Order Date" }), jsx(TableCell, { children: "Payment status" })] }) }), jsx(TableBody, { children: jsxs(TableRow, { children: [jsx(TableCell, { children: opo.opo_number }), jsx(TableCell, { children: opo.order_date }), jsx(TableCell, { children: jsx(PaymentStatusIndicator, { payment_status: opo?.payments?.[0]?.payment_status, provider_id: opo?.payments?.[0]?.provider_id }) })] }) })] }), jsx(Typography, { variant: "body1", sx: { mt: 2 }, children: "Contents of the order:" }), jsx(OpoSummary, { opo: opo })] }));
+    return (jsxs(Fragment, { children: [jsx(Typography, { variant: "h5", children: "Order Details" }), jsxs(Table, { children: [jsx(TableHead, { children: jsxs(TableRow, { children: [jsx(TableCell, { children: "Order number" }), jsx(TableCell, { children: "Order Date" }), jsx(TableCell, { children: "Payment status" }), jsx(TableCell, { children: "Shipping status" })] }) }), jsx(TableBody, { children: jsxs(TableRow, { children: [jsx(TableCell, { children: opo.opo_number }), jsx(TableCell, { children: opo.order_date }), jsx(TableCell, { children: jsx(PaymentStatusIndicator, { payment_status: opo?.payments?.[0]?.payment_status, provider_id: opo?.payments?.[0]?.provider_id }) }), jsx(TableCell, { children: jsx(ShippingStatusIndicator, { shipping_status: opo?.parcel_reference?.parcel_status, provider_id: opo?.parcel_reference?.external_id }) })] }) })] }), jsx(Typography, { variant: "body1", sx: { mt: 2 }, children: "Contents of the order:" }), jsx(OpoSummary, { opo: opo })] }));
 }
 
 export { OpoDisplay as default };

package/dist/esm/src/components/e-commerce/opo/ShippingStatusIndicator.js

@@ -0,0 +1,27 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { jsx } from 'react/jsx-runtime';
+import Chip from '@mui/material/Chip';
+
+const statusColorArray = [
+    { status: "open", color: "warning" },
+    { status: "pending", color: "warning" },
+    { status: "authorized", color: "info" },
+    { status: "paid", color: "success" },
+    { status: "canceled", color: "error" },
+    { status: "expired", color: "error" },
+    { status: "failed", color: "error" },
+];
+const ShippingStatusIndicator = ({ shipping_status, provider_id = "" }) => {
+    const readableStatus = shipping_status
+        ? shipping_status.charAt(0).toUpperCase() + shipping_status.slice(1)
+        : "Unknown";
+    return (jsx(Chip, { label: readableStatus, color: statusColorArray.find((s) => s.status === shipping_status)?.color ||
+            "default" }));
+};
+
+export { ShippingStatusIndicator };

package/dist/esm/src/data/loaders/e-commerce/getAllOpos.js

@@ -78,6 +78,7 @@ filters = {}) {
             iros: {
                 fields: ["id", "uuid", "internal_status"],
             },
+            parcel_reference: true,
         },
         pagination: {
             pageSize: rowsPerPage || 10,

package/dist/esm/src/index.js

@@ -222,3 +222,4 @@ export { getAllMinioReferences } from './data/loaders/common/media/minio/getAllM
 export { MinioItemList } from './components/common/media/minio/MinioItemList.js';
 export { MinioDisplay } from './components/common/media/minio/MinioDisplay.js';
 export { contactFormAction } from './data/actions/e-commerce/lead/contactFormAction.js';
+export { ShippingStatusIndicator } from './components/e-commerce/opo/ShippingStatusIndicator.js';