@ppg_pl/tinting 0.0.3 → 0.0.4

package/dist/esm/modal-header_9.entry.js

@@ -2565,10 +2565,21 @@ const fetchColors = async (filters) => {
     return [];
   }
 };
+const getSampleSortForProduct = (sample, productId) => {
+  var _a, _b;
+  const link = (_a = sample === null || sample === void 0 ? void 0 : sample.Products) === null || _a === void 0 ? void 0 : _a.find((p) => p.Product_id === productId);
+  // put null/undefined at the end
+  return (_b = link === null || link === void 0 ? void 0 : link.sort) !== null && _b !== void 0 ? _b : Number.POSITIVE_INFINITY;
+};
 const fetchSamplesColors = async (filters) => {
   try {
+    // you already include Products.* in the query
+    const { id: productId } = filters;
     const response = await ApiService.getData(`items/Sample?${fetchColorsQuery(Object.assign({}, filters))}`);
-    return (response === null || response === void 0 ? void 0 : response.data) || [];
+    const data = (response === null || response === void 0 ? void 0 : response.data) || [];
+    // order by junction sort
+    const ordered = [...data].sort((a, b) => getSampleSortForProduct(a, productId) - getSampleSortForProduct(b, productId));
+    return ordered;
   }
   catch (error) {
     console.error('Error fetching samples colors:', error);