hasting-swatchcart-module 0.0.7 → 0.0.9

package/dist/src/features/MultiProduct/ui/ProductList/ProductList.js

@@ -1,138 +0,0 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { useState as c, useEffect as h, useMemo as f } from "react";
-import { CloseIconSVG as C } from "../../../../app/assets/svg/CloseIconSVG.js";
-import { SearchIconSVG as y } from "../../../../app/assets/svg/SearchIconSVG.js";
-import { useAppDispatch as I, useAppSelector as v } from "../../../../app/store/store.js";
-import { MultiSelect as P } from "../../../../shared/ui/MultiSelect/MultiSelect.js";
-import { getProductListThunk as _ } from "../../../swatches/model/thunks.js";
-import { getIsLoadingProductList as k, getProductLIst as j } from "../../../swatches/model/selectors.js";
-import { ProductListItem as M } from "../ProductListItem/ProductListItem.js";
-import { MultiProductCartService as T } from "../../lib/MultiProductCartServices.js";
-import { Slider as g } from "../../../../shared/ui/Slider/Slider.js";
-import { MOCK_ALL_CATEGORY_SLIDER_ITEM as A } from "../../utils/constants.js";
-const E = [
-  { value: "opt", label: "opt" },
-  { value: "opt1", label: "opt1" },
-  { value: "opt2", label: "opt2" }
-], F = ({ onSidebarToggle: x }) => {
-  const d = I(), b = v(k), [o, m] = c(A), [i, w] = c(""), [l, S] = c("");
-  h(() => {
-    const e = setTimeout(() => {
-      S(i.trim().toLowerCase());
-    }, 300);
-    return () => clearTimeout(e);
-  }, [i]);
-  const a = v(j), u = f(() => T.getUniqueCategories(a), [a]), n = (e) => e.toLowerCase(), p = f(() => {
-    let e = a;
-    if (o?.value) {
-      const s = n(o.value);
-      e = e.filter(
-        (N) => N.categories.some((L) => n(L) === s)
-      );
-    }
-    return l && (e = e.filter(
-      (s) => n(s.name).includes(l)
-    )), e;
-  }, [a, o, l]);
-  return h(() => {
-    d(_());
-  }, [d]), /* @__PURE__ */ t("div", { className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ t("header", { className: "flex items-center justify-between p-[var(--sm-padding)] border-b border-[var(--border)]", children: [
-      /* @__PURE__ */ r("span", { className: "text-base font-medium", children: "Swatches List" }),
-      /* @__PURE__ */ r(
-        "button",
-        {
-          onClick: x,
-          className: `flex h-[30px] w-[30px] items-center justify-center rounded-full bg-[var(--background-grey)]\r
-                     [&_svg_path]:stroke-[var(--svg-dark)]`,
-          children: /* @__PURE__ */ r(C, { width: 10, height: 10 })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-      /* @__PURE__ */ t("div", { className: "flex justify-between items-center gap-4 h-[64px] p-[var(--sm-padding)] border-b border-[var(--border)] sm:justify-start", children: [
-        /* @__PURE__ */ t("div", { className: "relative w-full max-w-[180px] h-[36px] sm:max-w-[240px]", children: [
-          /* @__PURE__ */ r(
-            "input",
-            {
-              type: "text",
-              placeholder: "Search",
-              value: i,
-              onChange: (e) => w(e.target.value),
-              className: `\r
-                h-full w-full pr-8 pl-4 rounded-2xl border border-[var(--border)]\r
-                text-sm text-[var(--grey-text-color)] placeholder-[var(--text-muted)]\r
-                focus:outline-none focus:border-[var(--main-accent-color)]\r
-                bg-[var(--background)] transition\r
-              `
-            }
-          ),
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: `\r
-                absolute right-2 top-1/2 -translate-y-1/2\r
-                pointer-events-none\r
-                [&_svg_path]:stroke-[var(--svg-dark)]\r
-              `,
-              children: /* @__PURE__ */ r(y, { width: 16, height: 16 })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ r(
-          P,
-          {
-            options: E,
-            values: ["opt"],
-            onValueChange: (e) => console.log("value", e),
-            className: "max-w-[100px] sm:max-w-[auto] sm:min-w-[160px]",
-            dropdownWidth: "w-80"
-          }
-        ),
-        /* @__PURE__ */ r(
-          g,
-          {
-            items: u,
-            activeId: o?.productId,
-            className: "hidden sm:max-w-[680px] sm:overflow-hidden sm:flex",
-            onSelect: (e) => m(e)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r(
-        g,
-        {
-          items: u,
-          activeId: o?.productId,
-          className: "h-[64px] p-[var(--sm-padding)] border-b border-[var(--border)] sm:hidden sm:max-w-[680px] sm:overflow-hidden",
-          onSelect: (e) => m(e)
-        }
-      ),
-      b ? /* @__PURE__ */ r("div", { className: "w-full flex justify-center items-center flex-1 min-h-0", children: "loading..." }) : /* @__PURE__ */ t("div", { className: "flex-1 min-h-0 overflow-y-auto p-[var(--sm-padding)]", children: [
-        /* @__PURE__ */ r("div", { className: "mb-4", children: "Select Product" }),
-        /* @__PURE__ */ r(
-          "ul",
-          {
-            className: `\r
-                grid grid-cols-2 gap-4\r
-                sm:grid-cols-6\r
-              `,
-            children: p.length ? p.map((e) => {
-              const { name: s } = e;
-              return /* @__PURE__ */ r(
-                M,
-                {
-                  productListItem: e
-                },
-                s
-              );
-            }) : null
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-export {
-  F as ProductList
-};

package/dist/src/features/MultiProduct/ui/ProductListItem/ProductListItem.js

@@ -1,51 +0,0 @@
-import { jsxs as n, jsx as m } from "react/jsx-runtime";
-import d from "../../../../app/assets/images/product_thumb.png.js";
-import { useAppDispatch as l } from "../../../../app/store/store.js";
-import { getSelectedProductThunk as p } from "../../../swatches/model/thunks.js";
-import { setSelectedProduct as u, resetSelectedMaterials as f, setAllMaterialsOptions as h } from "../../../swatches/model/swatchesSlice.js";
-import { DataAdapterServices as S } from "../../../DataAdapter/lib/DataAdapterServices.js";
-import { EDataInputType as w } from "../../../DataAdapter/utils/types.js";
-const v = ({ productListItem: r }) => {
-  const t = l(), { name: i } = r;
-  return /* @__PURE__ */ n(
-    "li",
-    {
-      className: "min-w-0 cursor-pointer",
-      tabIndex: 0,
-      onClick: async () => {
-        const { productId: a, name: s } = r;
-        if (a && s) {
-          const e = await t(
-            p({ productId: a, productName: s })
-          ).unwrap();
-          if (e) {
-            const o = e.attributes;
-            if (t(u(e)), o?.length) {
-              const c = S.getTransformedData({
-                dataType: w.UI,
-                data: o
-              });
-              c && (t(f()), t(h(c)));
-            }
-          }
-        }
-      },
-      children: [
-        /* @__PURE__ */ m("div", { className: "mb-3 aspect-[16/9] w-ful sm:w-full", children: /* @__PURE__ */ m(
-          "img",
-          {
-            src: d,
-            alt: "product-list-item",
-            className: `w-30 h-30 object-cover rounded-sm\r
-          sm:w-40 sm:h-40\r
-          `
-          }
-        ) }),
-        i
-      ]
-    }
-  );
-};
-export {
-  v as ProductListItem
-};

package/dist/src/features/MultiProduct/ui/SelectedProductItem/SelectedProductItem.js

@@ -1,55 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { ArrowIconSVG as l } from "../../../../app/assets/svg/ArrowIconSVG.js";
-import { CloseIconSVG as s } from "../../../../app/assets/svg/CloseIconSVG.js";
-import { useAppDispatch as i, useAppSelector as a } from "../../../../app/store/store.js";
-import { getSelectedProduct as n } from "../../../swatches/model/selectors.js";
-import { deleteSelectedProduct as d } from "../../../swatches/model/swatchesSlice.js";
-import { MaterialList as m } from "../../../swatches/ui/MaterialList/index.js";
-import { FiltersSelectedProductItem as p } from "../FiltersSelectedProductItem/FiltersSelectedProductItem.js";
-import { SwatchContentContainer as f } from "../SwatchContentContainer/SwatchContentContainer.js";
-const w = ({
-  onSidebarToggle: t
-}) => {
-  const o = i(), c = a(n);
-  return /* @__PURE__ */ r("div", { className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ r("header", { className: "flex items-center justify-between p-[var(--sm-padding)] border-b border-[var(--border)]", children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: "[&_svg_path]:stroke-[var(--main-accent-color)] cursor-pointer",
-            onClick: () => {
-              o(d());
-            },
-            children: /* @__PURE__ */ e(l, {})
-          }
-        ),
-        /* @__PURE__ */ e("h2", { className: "m-0 text-base leading-[1.6] font-medium ", children: c?.name })
-      ] }),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: t,
-          className: `flex h-[30px] w-[30px] items-center justify-center rounded-full bg-[var(--background-grey)]\r
-                      [&_svg_path]:stroke-[var(--svg-dark)]`,
-          children: /* @__PURE__ */ e(s, { width: 10, height: 10 })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ r("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-      /* @__PURE__ */ e(p, {}),
-      /* @__PURE__ */ e(
-        m,
-        {
-          containerStyles: "flex-1 min-h-0 overflow-y-auto p-[var(--sm-padding)]",
-          gridStyles: "grid grid-cols-2 gap-4 sm:grid-cols-6",
-          desktopColumnsCount: 6
-        }
-      ),
-      /* @__PURE__ */ e(f, {})
-    ] })
-  ] });
-};
-export {
-  w as SelectedProductItem
-};

package/dist/src/features/MultiProduct/ui/SwatchContentContainer/SwatchContentContainer.js

@@ -1,46 +0,0 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { useAppDispatch as i, useAppSelector as o } from "../../../../app/store/store.js";
-import { CustomButton as n } from "../../../../shared/ui/CustomButton/CustomButton.js";
-import { getSelectedMaterials as l, getSelectedProduct as p } from "../../../swatches/model/selectors.js";
-import { setIsOpenMultiProductCart as u } from "../../../swatches/model/swatchesSlice.js";
-import { SwatchesList as f } from "../../../swatches/ui/SwatchesList/SwatchesList.js";
-import { MultiProductCartService as C } from "../../lib/MultiProductCartServices.js";
-import { setCartItems as b, setActiveMultiCartProduct as h } from "../../model/multiProductCartSlice.js";
-import { getCartItems as v } from "../../model/selectors.js";
-const j = () => {
-  const t = i(), c = o(l) ?? [], r = o(p), a = o(v);
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: `flex flex-col border-t border-[var(--border)]\r
-      sm:flex-row\r
-    `,
-      children: [
-        /* @__PURE__ */ e(f, { containerStyles: "flex flex-col p-[var(--sm-padding)] shrink-0 sm:w-[50%] sm:border-r sm:border-[var(--border)]" }),
-        /* @__PURE__ */ e("div", { className: "flex p-[var(--sm-padding)] border-t border-[var(--border)] sm:border-none sm:w-[50%] sm:justify-center sm:items-center", children: /* @__PURE__ */ e(
-          n,
-          {
-            onClick: () => {
-              const m = C.getCartPreparedOption(
-                c,
-                a
-              );
-              if (r) {
-                const s = {
-                  productId: r.productId,
-                  name: r.name,
-                  items: m
-                };
-                t(b(s)), t(u(!0)), t(h(s));
-              }
-            },
-            children: "ADD SWATCHES TO CART"
-          }
-        ) })
-      ]
-    }
-  );
-};
-export {
-  j as SwatchContentContainer
-};

package/dist/src/features/MultiProduct/utils/constants.js

@@ -1,16 +0,0 @@
-import { MOCK_ROW_PROPS_ATTRIBUTES as t } from "../../../shared/constants/props.js";
-const _ = {
-  name: "mock_product",
-  categories: [],
-  productId: 999,
-  attributes: t
-}, e = {
-  name: "All",
-  value: "",
-  productId: 0,
-  items: []
-};
-export {
-  e as MOCK_ALL_CATEGORY_SLIDER_ITEM,
-  _ as MOCK_SELECTED_PRODUCT
-};

package/dist/src/features/MultiProduct/utils/randomList.js

@@ -1,41 +0,0 @@
-import { MOCK_ROW_PROPS_ATTRIBUTES as s } from "../../../shared/constants/props.js";
-const t = [
-  "Kitchen",
-  "Bathroom",
-  "Outdoor",
-  "Office",
-  "Furniture",
-  "Lighting",
-  "Decor",
-  "Electronics",
-  "Appliances",
-  "Storage",
-  "Garden",
-  "Bedroom",
-  "Living Room",
-  "Tools",
-  "Accessories",
-  "Hardware",
-  "Flooring",
-  "Paint",
-  "Home Decor",
-  "Smart Home"
-], m = (e = 100) => {
-  const r = [];
-  for (let o = 1; o <= e; o++) {
-    const n = Math.floor(Math.random() * 4) + 1, a = Array.from(
-      { length: n },
-      () => t[Math.floor(Math.random() * t.length)]
-    ), c = Array.from(new Set(a));
-    r.push({
-      name: `product-${o}`,
-      categories: c,
-      productId: o,
-      attributes: s
-    });
-  }
-  return r;
-};
-export {
-  m as generateRandomProducts
-};

package/dist/src/features/swatches/lib/AttributeHelper.js

@@ -1,21 +0,0 @@
-class o {
-  static getImage(a) {
-    const t = a?.metadata?.Image || a?.metadata?.image;
-    return t ? `https://preview.threekit.com${t}` : void 0;
-  }
-  static getValueLabel(a) {
-    return a?.metadata?.label || a?.metadata?.Label || a?.name || "Unnamed";
-  }
-  static getZoomIconColor(a) {
-    return a?.metadata?.zoomIconColor || a?.metadata?.zoomIconColor || null;
-  }
-  static getHexColor(a) {
-    return a?.metadata?.hex || a?.metadata?.Hex || null;
-  }
-  static getAttributeLabel(a) {
-    return a?.metadata?.label || a?.metadata?.Label || a?.name || "Unnamed";
-  }
-}
-export {
-  o as AttributeHelper
-};

package/dist/src/features/swatches/lib/SwatchesServices.js

@@ -1,54 +0,0 @@
-import { FILTER_TO_VALUE_KEY as d } from "../utils/constants.js";
-const A = (o, r) => o.toLowerCase() === r.toLowerCase();
-class v {
-  static getMaterialsValuesFromOptions(r) {
-    if (r.length)
-      return r.reduce((t, e) => {
-        if (Array.isArray(e.values) && e.values.length) {
-          const a = e.metadata?.Name ?? e.metadata?.Label ?? "without_name", s = e.values.map((n) => ({
-            ...n,
-            parentName: a
-          }));
-          t.push(...s);
-        }
-        return t;
-      }, []).sort((t, e) => {
-        const a = t.name?.toLowerCase() ?? "", s = e.name?.toLowerCase() ?? "";
-        return a.localeCompare(s);
-      });
-  }
-  static getUniqueByAssetId(r) {
-    const t = /* @__PURE__ */ new Set();
-    return r.filter((e) => t.has(e.assetId) ? !1 : (t.add(e.assetId), !0));
-  }
-  static normalizeToArray(r, t = !0) {
-    return r ? Array.isArray(r) ? r.map((e) => e.trim()).filter(Boolean) : (t ? r.split(",") : [r]).map((e) => e.trim()).filter(Boolean) : [];
-  }
-  // Get all selected filters and their count
-  static mapFiltersFromValues(r, t) {
-    return Object.keys(t).map((e) => {
-      const a = d[e], n = t[e].map((l) => {
-        let i = 0;
-        for (const u of r) {
-          const m = Array.isArray(u.values) ? u.values : [];
-          for (const c of m) {
-            const f = this.normalizeToArray(c.metadata?.[a]);
-            i += f.filter((y) => A(y, l)).length;
-          }
-        }
-        return { filterKey: l, filterCount: i };
-      });
-      return { filterType: e, filters: n };
-    });
-  }
-  // Get filters with a positive count
-  static getPositiveSelectedFilers(r) {
-    return r.map((t) => ({
-      filterName: t.filterType,
-      filterKeys: t.filters.filter((e) => e.filterCount !== 0).map((e) => e.filterKey)
-    })).filter((t) => t.filterKeys.length > 0);
-  }
-}
-export {
-  v as SwatchesServices
-};

package/dist/src/features/swatches/model/selectors.js

@@ -1,12 +0,0 @@
-const e = (t) => t.swatches.isOpenSidebar, s = (t) => t.swatches.allMaterialsValues, c = (t) => t.swatches.materialSelectState, a = (t) => t.swatches.productElementOptions, l = (t) => t.swatches.selectedMaterials, o = (t) => t.swatches.productList, i = (t) => t.swatches.isLoadingProductList, r = (t) => t.swatches.selectedProduct, n = (t) => t.swatches.isOpenMultiProductCart;
-export {
-  s as getAllMaterialValues,
-  i as getIsLoadingProductList,
-  n as getIsOpenMultiCart,
-  e as getIsOpenSidebar,
-  c as getMaterialSelectStateFilters,
-  a as getProductElementOptions,
-  o as getProductLIst,
-  l as getSelectedMaterials,
-  r as getSelectedProduct
-};

package/dist/src/features/swatches/model/swatchesSlice.js

@@ -1,108 +0,0 @@
-import { createSlice as o } from "../../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.js";
-import { SwatchesServices as c } from "../lib/SwatchesServices.js";
-import { uniqueList as n } from "../../../shared/utils/uniqueList.js";
-import { getProductListThunk as i } from "./thunks.js";
-import { current as u } from "../../../../node_modules/immer/dist/immer.js";
-const p = {
-  isOpenSidebar: !0,
-  listAttributes: [],
-  productElementOptions: [],
-  materialSelectState: { Finish: [], Color: [], Look: [] },
-  allMaterialsValues: [],
-  selectedMaterials: [],
-  productList: [],
-  isLoadingProductList: !1,
-  selectedProduct: null,
-  isLoadingSelectedProduct: !1,
-  isOpenMultiProductCart: !1
-}, d = o({
-  name: "swatches",
-  initialState: p,
-  reducers: {
-    toggleSidebar: (e) => {
-      e.isOpenSidebar = !e.isOpenSidebar;
-    },
-    setMaterialSelect(e, t) {
-      const { filterName: l, values: a } = t.payload;
-      if (a.length === 0) {
-        e.materialSelectState[l] = [];
-        return;
-      }
-      e.materialSelectState[l] = n(a);
-    },
-    setPanelFilter(e, t) {
-      const l = t.payload.attributes;
-      if (l.length) {
-        const a = c.getMaterialsValuesFromOptions(l);
-        a?.length && (e.allMaterialsValues = c.getUniqueByAssetId(
-          a
-        ));
-      }
-    },
-    clearMaterialFilter: (e, t) => {
-      e.materialSelectState[t.payload] = [];
-    },
-    clearAllMaterialFilters: (e) => {
-      e.materialSelectState = { Finish: [], Color: [], Look: [] };
-    },
-    setAllMaterialsOptions: (e, t) => {
-      const { allMaterialValues: l, productElementOptions: a } = t.payload;
-      l?.length && (e.allMaterialsValues = l), a?.length && (e.productElementOptions = a);
-    },
-    setSelectedMaterials(e, t) {
-      const { selectedMaterial: l } = t.payload;
-      if (!l) return;
-      const a = u(e.selectedMaterials), r = (s) => s.metadata?.label === l.metadata?.label && s.parentName === l.parentName;
-      a.some(r) ? e.selectedMaterials = a.filter((s) => !r(s)) : a.length < 5 && (e.selectedMaterials = [...a, l]);
-    },
-    resetSelectedMaterials(e) {
-      e.selectedMaterials = [];
-    },
-    setSelectedProduct(e, t) {
-      e.selectedProduct = t.payload;
-    },
-    deleteSelectedProduct(e) {
-      e.selectedProduct = null;
-    },
-    setIsOpenMultiProductCart(e, t) {
-      e.isOpenMultiProductCart = t.payload;
-    }
-  },
-  extraReducers: (e) => {
-    e.addCase(i.pending, (t) => {
-      t.isLoadingProductList = !0;
-    }).addCase(i.fulfilled, (t, l) => {
-      t.productList = l.payload, t.isLoadingProductList = !1;
-    }).addCase(i.rejected, (t) => {
-      t.isLoadingProductList = !1;
-    });
-  }
-}), L = d.reducer, {
-  // setListAttributes,
-  setMaterialSelect: h,
-  setAllMaterialsOptions: O,
-  setPanelFilter: b,
-  setSelectedMaterials: y,
-  toggleSidebar: C,
-  clearMaterialFilter: F,
-  clearAllMaterialFilters: A,
-  setSelectedProduct: V,
-  deleteSelectedProduct: w,
-  setIsOpenMultiProductCart: x,
-  resetSelectedMaterials: k
-} = d.actions;
-export {
-  A as clearAllMaterialFilters,
-  F as clearMaterialFilter,
-  w as deleteSelectedProduct,
-  k as resetSelectedMaterials,
-  O as setAllMaterialsOptions,
-  x as setIsOpenMultiProductCart,
-  h as setMaterialSelect,
-  b as setPanelFilter,
-  y as setSelectedMaterials,
-  V as setSelectedProduct,
-  L as swatchesReducer,
-  d as swatchesSlice,
-  C as toggleSidebar
-};

package/dist/src/features/swatches/model/thunks.js

@@ -1,22 +0,0 @@
-import { createAsyncThunk as o } from "../../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.js";
-import { getProductListAPI as c, getSelectedProductAPI as n } from "../../MultiProduct/model/API/api.js";
-const d = o("multiProducts/getProductListThunk", async (s, { rejectWithValue: t }) => {
-  try {
-    return await c();
-  } catch (e) {
-    return console.error(e.message), t(e.message);
-  }
-}), g = o(
-  "multiProducts/getSelectedProductThunk",
-  async ({ productId: s, productName: t }, { rejectWithValue: e }) => {
-    try {
-      return await n({ productId: s, productName: t });
-    } catch (r) {
-      return console.error(r.message), e(r.message);
-    }
-  }
-);
-export {
-  d as getProductListThunk,
-  g as getSelectedProductThunk
-};

package/dist/src/features/swatches/model/types.js

@@ -1,6 +0,0 @@
-const e = {
-  MATERIAL: "material"
-};
-export {
-  e as ETypeComponent
-};

package/dist/src/features/swatches/ui/Filters/ColorsFilter.js

@@ -1,45 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useState as u, useEffect as d } from "react";
-import { useAppDispatch as h, useAppSelector as r } from "../../../../app/store/store.js";
-import { MultiSelect as C } from "../../../../shared/ui/MultiSelect/MultiSelect.js";
-import { getMaterialSelectStateFilters as g, getAllMaterialValues as S } from "../../model/selectors.js";
-import { setMaterialSelect as w } from "../../model/swatchesSlice.js";
-const v = () => {
-  const s = h(), i = r(g), o = r(S), [m, p] = u([]);
-  d(() => {
-    if (o?.length) {
-      const e = [
-        ...new Set(
-          o.map((t) => t?.metadata?.Color).filter(Boolean).map((t) => t.split(",").map((l) => l.trim())).flat()
-        )
-      ].map((t) => {
-        const l = o.filter(
-          (a) => a.metadata?.Color && a.metadata?.Color.split(",").map((c) => c.trim()).includes(t)
-        ).length;
-        return {
-          value: t,
-          label: t,
-          count: l
-        };
-      });
-      e?.length && p(e);
-    }
-  }, [o]);
-  const n = (e, t) => {
-    s(w({ filterName: e, values: t }));
-  };
-  return /* @__PURE__ */ f(
-    C,
-    {
-      options: m,
-      values: i.Color,
-      onValueChange: (e) => n("Color", e),
-      placeholder: "Color",
-      className: "max-w-[100px] sm:max-w-[auto] sm:min-w-[160px]",
-      dropdownWidth: "w-80"
-    }
-  );
-};
-export {
-  v as ColorsFilter
-};

package/dist/src/features/swatches/ui/Filters/LooksFilter.js

@@ -1,45 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useState as u, useEffect as d } from "react";
-import { useAppDispatch as h, useAppSelector as s } from "../../../../app/store/store.js";
-import { MultiSelect as k } from "../../../../shared/ui/MultiSelect/MultiSelect.js";
-import { getMaterialSelectStateFilters as L, getAllMaterialValues as g } from "../../model/selectors.js";
-import { setMaterialSelect as S } from "../../model/swatchesSlice.js";
-const V = () => {
-  const r = h(), i = s(L), o = s(g), [m, p] = u([]);
-  d(() => {
-    if (o?.length) {
-      const e = [
-        ...new Set(
-          o.map((t) => t?.metadata?.Look).filter(Boolean).map((t) => t.split(",").map((a) => a.trim())).flat()
-        )
-      ].map((t) => {
-        const a = o.filter(
-          (l) => l.metadata?.Look && l.metadata?.Look.split(",").map((c) => c.trim()).includes(t)
-        ).length;
-        return {
-          value: t,
-          label: t,
-          count: a
-        };
-      });
-      e?.length && p(e);
-    }
-  }, [o]);
-  const n = (e, t) => {
-    r(S({ filterName: e, values: t }));
-  };
-  return /* @__PURE__ */ f(
-    k,
-    {
-      options: m,
-      values: i.Look,
-      onValueChange: (e) => n("Look", e),
-      placeholder: "Look",
-      className: "max-w-[100px] sm:max-w-[auto] sm:min-w-[160px]",
-      dropdownWidth: "w-80"
-    }
-  );
-};
-export {
-  V as LooksFilter
-};