hasting-swatchcart-module 0.0.41 → 1.0.1

package/dist/src/features/Cart/ui/CartListItem/CartListItem.js

@@ -1,41 +0,0 @@
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { MaterialItem as c } from "../../../../shared/ui/MaterialItem/MaterialItem.js";
-import { Counter as o } from "../Counter/Counter.js";
-const p = ({
-  item: e,
-  canInc: l,
-  onDelete: n,
-  onIncrement: s,
-  onDecrement: d
-}) => /* @__PURE__ */ a(
-  "li",
-  {
-    className: `\r
-        border-b border-[var(--border)] p-[var(--padding)]\r
-        sm:px-[var(--sm-padding)] sm:pb-[var(--sm-padding)]`,
-    children: /* @__PURE__ */ r("div", { className: "relative flex gap-4 ", children: [
-      /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(c, { val: e }) }),
-      /* @__PURE__ */ r("div", { className: "flex flex-col justify-between", children: [
-        /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ a("span", { className: "mb-1 font-medium", children: e.metadata.label }),
-          /* @__PURE__ */ a("span", { className: "mb-1 font-semibold", children: e.parentName })
-        ] }),
-        /* @__PURE__ */ a(
-          o,
-          {
-            value: e.count,
-            canIncrement: l,
-            onIncrement: () => s(e),
-            onDecrement: () => d(e),
-            onDelete: () => n(e)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "absolute top-0 right-0", children: "$13.00" })
-    ] })
-  },
-  e.assetId
-);
-export {
-  p as CartListItem
-};

package/dist/src/features/Cart/ui/CartPrice/CartPrice.js

@@ -1,23 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-const d = ({
-  containerStyles: a = "flex flex-col gap-2 text-xs/snug p-[var(--padding)] border-t border-solid border-[var(--border)]  sm:gap-3 sm:p-[var(--sm-padding)]"
-}) => {
-  const s = "flex justify-between items-center";
-  return /* @__PURE__ */ r("div", { className: a, children: [
-    /* @__PURE__ */ r("div", { className: s, children: [
-      /* @__PURE__ */ e("span", { children: "Subtotal" }),
-      /* @__PURE__ */ e("span", { children: "$32.50" })
-    ] }),
-    /* @__PURE__ */ r("div", { className: `${s} text-[var(--main-accent-color)]`, children: [
-      /* @__PURE__ */ e("span", { children: "Savings" }),
-      /* @__PURE__ */ e("span", { children: "-$32.50" })
-    ] }),
-    /* @__PURE__ */ r("div", { className: `${s} text-sm font-medium`, children: [
-      /* @__PURE__ */ e("span", { children: "Total" }),
-      /* @__PURE__ */ e("span", { children: "$32.50" })
-    ] })
-  ] });
-};
-export {
-  d as CartPrice
-};

package/dist/src/features/Cart/ui/CartWrapper/CartWrapper.js

@@ -1,38 +0,0 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import m from "../../../../shared/ui/CustomSidebar/CustomSidebar.js";
-import { useAppSelector as s } from "../../../../app/store/store.js";
-import { CartHeader as a } from "../CartHeader/CartHeader.js";
-import { CartPrice as c } from "../CartPrice/CartPrice.js";
-import { CartList as n } from "../CartList/CartList.js";
-import { getCartItems as d } from "../../model/selectors.js";
-const v = ({
-  isOpen: e,
-  onToggleSidebar: o,
-  onSetActiveTab: i
-}) => {
-  const l = s(d);
-  return /* @__PURE__ */ t(m, { isOpen: e, setIsOpen: o, children: [
-    /* @__PURE__ */ r(
-      a,
-      {
-        onSetActiveTab: i,
-        onToggleSidebar: o
-      }
-    ),
-    /* @__PURE__ */ t("div", { className: "flex flex-col h-full min-h-0", children: [
-      /* @__PURE__ */ r(n, {}),
-      /* @__PURE__ */ r(c, {}),
-      /* @__PURE__ */ r("div", { className: "p-[var(--padding)] border-t border-solid border-[var(--border)] shrink-0", children: /* @__PURE__ */ r(
-        "button",
-        {
-          className: "w-full bg-[var(--main-accent-color)] text-white py-3 rounded-full font-bold cursor-pointer",
-          onClick: () => console.log(l),
-          children: "GO TO SHIPPING"
-        }
-      ) })
-    ] })
-  ] });
-};
-export {
-  v as CartWrapper
-};

package/dist/src/features/Cart/ui/Counter/Counter.js

@@ -1,46 +0,0 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { MinusIconSVG as i } from "../../../../app/assets/svg/MinusIconSVG.js";
-import { PlusIconSVG as l } from "../../../../app/assets/svg/PlusIconSVG.js";
-import { TrashIconSVG as m } from "../../../../app/assets/svg/TrashIconSVG.js";
-const b = ({
-  value: a,
-  canIncrement: s,
-  onIncrement: r,
-  onDecrement: t,
-  onDelete: o
-}) => {
-  const n = a <= 1;
-  return /* @__PURE__ */ c("div", { className: "flex items-center gap-2 text-sm", children: [
-    n ? /* @__PURE__ */ e(
-      "button",
-      {
-        "aria-label": "Remove item",
-        onClick: o,
-        className: "[&_svg_path]:stroke-[var(--main-accent-color)]",
-        children: /* @__PURE__ */ e(m, {})
-      }
-    ) : /* @__PURE__ */ e(
-      "button",
-      {
-        "aria-label": "Decrease",
-        onClick: t,
-        className: "[&_svg_path]:stroke-[var(--svg-dark)]",
-        children: /* @__PURE__ */ e(i, {})
-      }
-    ),
-    /* @__PURE__ */ e("span", { className: "min-w-4 text-center select-none", children: a }),
-    /* @__PURE__ */ e(
-      "button",
-      {
-        "aria-label": "Increase",
-        onClick: r,
-        disabled: !s,
-        className: "[&_svg_path]:stroke-[var(--svg-dark)] disabled:opacity-40",
-        children: /* @__PURE__ */ e(l, {})
-      }
-    )
-  ] });
-};
-export {
-  b as Counter
-};

package/dist/src/features/DataAdapter/lib/DataAdapterServices.js

@@ -1,102 +0,0 @@
-import { SwatchesServices as s } from "../../swatches/lib/SwatchesServices.js";
-import { ETypeComponent as l } from "../../swatches/model/types.js";
-import { EDataInputType as n } from "../utils/types.js";
-const i = "UIGrouping";
-class f {
-  static getTransformedData({
-    dataType: t,
-    data: e
-  }) {
-    switch (t) {
-      case n.UI:
-        return this.getMapUIData(e);
-      case n.DATA_INPUT:
-        return console.log(n.DATA_INPUT);
-      case n.DATA_ALL_PRODUCT:
-        return console.log(n.DATA_ALL_PRODUCT);
-      default:
-        throw new Error("Unsupported format");
-    }
-  }
-  // EDataInputType.UI DATA
-  static getGroupingValue(t) {
-    if (t)
-      return t.find((e) => e.name === i);
-  }
-  static getAllMaterialValuesKeys(t) {
-    if (t)
-      return t.flatMap(
-        (e) => e.groups.flatMap(
-          (a) => a.options.filter(
-            (r) => r.typeComponent === l.MATERIAL
-          )
-        ).map((a) => a.optionName)
-      );
-  }
-  // static getMaterialsValuesFromOptions(
-  //   options: IAttributeAsset[],
-  // ): AttributeValue[] | undefined {
-  //   if (!options.length) return;
-  //   console.log('getMaterialsValuesFromOptions', options);
-  //   return options
-  //     .reduce<any[]>((acc, item) => {
-  //       if (Array.isArray(item.values)) {
-  //         return acc.concat(item.values);
-  //       }
-  //       return acc;
-  //     }, [])
-  //     .sort((a, b) => {
-  //       const nameA = a.name?.toLowerCase() ?? '';
-  //       const nameB = b.name?.toLowerCase() ?? '';
-  //       return nameA.localeCompare(nameB);
-  //     });
-  // }
-  // static getMaterialsValuesFromOptions(
-  //   options: IAttributeAsset[],
-  // ): AttributeValue[] | undefined {
-  //   if (!options.length) return;
-  //   return options
-  //     .reduce<AttributeValue[]>((acc, item) => {
-  //       if (Array.isArray(item.values) && item.values.length) {
-  //         const nameFromMeta =
-  //           item.metadata?.Name ?? item.metadata?.Label ?? 'without_name';
-  //         const valuesWithMeta = item.values.map((v) => ({
-  //           ...v,
-  //           parentName: nameFromMeta, // attach parent metadata.Name
-  //         }));
-  //         acc.push(...valuesWithMeta);
-  //       }
-  //       return acc;
-  //     }, [])
-  //     .sort((a, b) => {
-  //       const nameA = a.name?.toLowerCase() ?? '';
-  //       const nameB = b.name?.toLowerCase() ?? '';
-  //       return nameA.localeCompare(nameB);
-  //     });
-  // }
-  static getAllMaterialOptions(t) {
-    const e = JSON.parse(this.getGroupingValue(t).value);
-    if (e) {
-      const a = this.getAllMaterialValuesKeys(e);
-      if (a?.length) {
-        const r = t.filter(
-          (o) => a.includes(o.name)
-        );
-        if (r?.length) {
-          const o = s.getMaterialsValuesFromOptions(
-            r
-          );
-          if (o?.length)
-            return { allMaterialValues: o, productElementOptions: r };
-        }
-      }
-    }
-  }
-  static getMapUIData(t) {
-    return this.getAllMaterialOptions(t);
-  }
-  // EDataInputType.UI DATA
-}
-export {
-  f as DataAdapterServices
-};

package/dist/src/features/DataAdapter/utils/types.js

@@ -1,8 +0,0 @@
-const A = {
-  UI: "UI",
-  DATA_INPUT: "DATA_INPUT",
-  DATA_ALL_PRODUCT: "DATA_ALL_PRODUCT"
-};
-export {
-  A as EDataInputType
-};

package/dist/src/features/MultiProduct/lib/MultiProductCartServices.js

@@ -1,34 +0,0 @@
-import { MOCK_ALL_CATEGORY_SLIDER_ITEM as u } from "../utils/constants.js";
-class s {
-  static getCartTotalCount({ cartItems: e }) {
-    return e.reduce((r, n) => r + n.count, 0);
-  }
-  static getUniqueCategories(e) {
-    return [...[
-      ...new Set(e.flatMap((t) => t.categories))
-    ].map((t, a) => ({
-      name: t,
-      value: t,
-      productId: a + 1,
-      items: []
-    })), u].sort(
-      (t, a) => t.productId - a.productId
-    );
-  }
-  static getCartPreparedOption(e, r) {
-    if (!e?.length) return [];
-    const n = r.flatMap((t) => t.items || []);
-    return e.map((t) => {
-      const a = n.find(
-        (o) => o.parentName === t.parentName && o.metadata.label === t.metadata.label
-      );
-      return {
-        ...t,
-        count: a ? a.count : 1
-      };
-    });
-  }
-}
-export {
-  s as MultiProductCartService
-};

package/dist/src/features/MultiProduct/model/API/api.js

@@ -1,18 +0,0 @@
-import { MOCK_SELECTED_PRODUCT as r } from "../../utils/constants.js";
-import { generateRandomProducts as m } from "../../utils/randomList.js";
-const P = () => new Promise((e) => {
-  setTimeout(() => {
-    e(m(100));
-  }, 400);
-}), i = ({
-  productId: e,
-  productName: t
-}) => new Promise((o) => {
-  setTimeout(() => {
-    o({ ...r, productId: e, name: t });
-  }, 400);
-});
-export {
-  P as getProductListAPI,
-  i as getSelectedProductAPI
-};

package/dist/src/features/MultiProduct/model/multiProductCartSlice.js

@@ -1,83 +0,0 @@
-import { createSlice as a } from "../../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.js";
-const l = { items: [], activeMultiCartProduct: null };
-function p(t, e, c) {
-  let i = t.items.find((d) => d.productId === e);
-  return i ? c && !i.name && (i.name = c) : (i = { productId: e, name: c ?? "", items: [] }, t.items.push(i)), i;
-}
-const m = (t, e) => t.items.findIndex((c) => c.productId === e), u = (t, e, c, i) => e === -1 ? -1 : t.items[e].items.findIndex(
-  (d) => d.metadata.label === c && d.parentName === i
-), s = a({
-  name: "multiProduct",
-  initialState: l,
-  reducers: {
-    setCartForProduct(t, e) {
-      const { productId: c } = e.payload, i = t.items.findIndex((d) => d.productId === c);
-      i >= 0 ? t.items[i] = e.payload : t.items.push(e.payload);
-    },
-    setActiveMultiCartProduct(t, e) {
-      t.activeMultiCartProduct = e.payload;
-    },
-    // setCartItems(
-    //   state,
-    //   action: PayloadAction<{
-    //     productId: number;
-    //     items: ICartItem[];
-    //     name?: string;
-    //   }>,
-    // ) {
-    //   const { productId, items, name } = action.payload;
-    //   const bucket = ensureProduct(state, productId, name);
-    //   bucket.items = items;
-    // },
-    setCartItems(t, e) {
-      const { productId: c, items: i, name: d } = e.payload;
-      if (!i || i.length === 0) {
-        const o = t.items.findIndex((n) => n.productId === c);
-        o !== -1 && t.items.splice(o, 1);
-        return;
-      }
-      const r = p(t, c, d);
-      r.items = i;
-    },
-    incrementMultiProductItem(t, e) {
-      const { productId: c, label: i, parentName: d } = e.payload, r = m(t, c), o = u(t, r, i, d);
-      o !== -1 && (t.items[r].items[o].count += 1);
-    },
-    decrementMultiProductItem(t, e) {
-      const { productId: c, label: i, parentName: d } = e.payload, r = m(t, c), o = u(t, r, i, d);
-      if (o !== -1) {
-        const n = t.items[r].items[o];
-        n.count > 1 && (n.count -= 1);
-      }
-    },
-    removeMultiProductItem(t, e) {
-      const { productId: c, label: i, parentName: d } = e.payload, r = m(t, c);
-      if (r === -1) return;
-      const o = t.items[r].items.filter(
-        (n) => !(n.metadata.label === i && n.parentName === d)
-      );
-      t.items[r].items = o;
-    },
-    clear(t) {
-      t.items = [];
-    }
-  }
-}), {
-  setCartForProduct: f,
-  setCartItems: P,
-  incrementMultiProductItem: x,
-  decrementMultiProductItem: C,
-  removeMultiProductItem: M,
-  clear: y,
-  setActiveMultiCartProduct: b
-} = s.actions, v = s.reducer;
-export {
-  y as clear,
-  C as decrementMultiProductItem,
-  x as incrementMultiProductItem,
-  v as multiProductCartReducer,
-  M as removeMultiProductItem,
-  b as setActiveMultiCartProduct,
-  f as setCartForProduct,
-  P as setCartItems
-};

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

@@ -1,7 +0,0 @@
-import { createSelector as c } from "../../../../node_modules/reselect/dist/reselect.js";
-const o = (t) => t.multiProductCart, a = (t) => t.multiProductCart.items, s = (t) => c(o, (e) => e.items.find((r) => r.productId === t)?.items ?? []), d = (t) => t.multiProductCart.activeMultiCartProduct;
-export {
-  d as getActiveMultiCartProduct,
-  a as getCartItems,
-  s as getSelectedMaterials
-};

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

@@ -1,21 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useAppDispatch as i, useAppSelector as e } from "../../../../app/store/store.js";
-import { getActiveMultiCartProduct as p, getCartItems as m } from "../../model/selectors.js";
-import { setActiveMultiCartProduct as a } from "../../model/multiProductCartSlice.js";
-import { Slider as l } from "../../../../shared/ui/Slider/Slider.js";
-const C = () => {
-  const r = i(), o = e(p), c = e(m), d = (s) => {
-    r(a(s));
-  };
-  return /* @__PURE__ */ t("div", { className: "flex items-center gap-4 p-[var(--sm-padding)] border-b border-solid border-[var(--border)]", children: /* @__PURE__ */ t(
-    l,
-    {
-      items: c,
-      activeId: o?.productId,
-      onSelect: d
-    }
-  ) });
-};
-export {
-  C as CartSelectedProductList
-};

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

@@ -1,28 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useRef as a, useEffect as i } from "react";
-import u from "react-dom";
-const f = ({ isOpen: e, onClose: r, children: d }) => {
-  const t = a(null);
-  return i(() => {
-    const n = (l) => {
-      t.current && !t.current.contains(l.target) && r();
-    };
-    return e && document.addEventListener("mousedown", n), () => {
-      document.removeEventListener("mousedown", n);
-    };
-  }, [e, r]), e ? u.createPortal(
-    /* @__PURE__ */ o("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ o(
-      "div",
-      {
-        ref: t,
-        className: `flex h-full flex-col bg-white rounded-sm shadow-lg w-[95%] max-h-[90vh] overflow-hidden transition-all duration-200 max-w-[1100px]\r
-        `,
-        children: d
-      }
-    ) }),
-    document.body
-  ) : null;
-};
-export {
-  f as CustomModal
-};

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

@@ -1,27 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { ProductElement as t } from "../../../swatches/ui/ProductElement/index.js";
-import { Filters as s } from "../../../swatches/ui/Filters/index.js";
-const a = () => /* @__PURE__ */ r(
-  "div",
-  {
-    className: `flex flex-col justify-between items-center border-b border-[var(--border)]\r
-      sm:flex-row\r
-    `,
-    children: [
-      /* @__PURE__ */ e(
-        t,
-        {
-          containerStyles: `flex justify-between items-center gap-2 p-[var(--sm-padding)] w-full text-xs\r
-        border-b border-[var(--border)]\r
-        sm:max-w-[360px] sm:text-sm sm:border-none\r
-        `,
-          selectStyles: "min-w-[auto] max-w-[154px] sm:max-w-[auto] sm:min-w-[160px] font-normal"
-        }
-      ),
-      /* @__PURE__ */ e(s, { containerStyles: "flex justify-between items-center gap-1 p-[var(--sm-padding)] sm:gap-4" })
-    ]
-  }
-);
-export {
-  a as FiltersSelectedProductItem
-};

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

@@ -1,60 +0,0 @@
-import { jsxs as e, jsx as r, Fragment as l } from "react/jsx-runtime";
-import { useMemo as d } from "react";
-import { ArrowIconSVG as m } from "../../../../app/assets/svg/ArrowIconSVG.js";
-import { useAppDispatch as p, useAppSelector as c } from "../../../../app/store/store.js";
-import { setIsOpenMultiProductCart as u, toggleSidebar as h } from "../../../swatches/model/swatchesSlice.js";
-import { getActiveMultiCartProduct as f, getSelectedMaterials as g } from "../../model/selectors.js";
-import { MultiProductCartService as x } from "../../lib/MultiProductCartServices.js";
-import { MAX_SLOTS as t } from "../../../../shared/constants/selectedMaterials.js";
-import { CloseIconSVG as b } from "../../../../app/assets/svg/CloseIconSVG.js";
-const _ = () => {
-  const o = p(), s = c(f), a = c(
-    g(s?.productId || 999)
-  ), n = d(() => x.getCartTotalCount({
-    cartItems: a
-  }), [a]), i = () => {
-    o(h());
-  };
-  return /* @__PURE__ */ e("header", { className: "flex p-[var(--padding)] justify-between items-center border-b border-solid border-[var(--border)] sm:p-[var(--sm-padding)]", children: [
-    /* @__PURE__ */ e("div", { className: "flex items-center flex-row  gap-[4px]", children: [
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ r(
-          "button",
-          {
-            className: "[&_svg_path]:stroke-[var(--main-accent-color)] cursor-pointer",
-            onClick: () => {
-              o(u(!1));
-            },
-            children: /* @__PURE__ */ r(m, {})
-          }
-        ),
-        /* @__PURE__ */ r("h2", { className: "m-0 text-base leading-[1.6] font-medium ", children: "Your cart" })
-      ] }),
-      n >= t ? /* @__PURE__ */ e(l, { children: [
-        /* @__PURE__ */ e("span", { className: "text-[var(--main-accent-color)] hidden text-xs sm:block", children: [
-          "(",
-          t,
-          ") You reached maximum amount of swatches"
-        ] }),
-        /* @__PURE__ */ e("span", { className: "text-[var(--main-accent-color)] block sm:hidden", children: [
-          "(",
-          t,
-          ") Max"
-        ] })
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ r(
-      "button",
-      {
-        className: `flex justify-center items-center w-[30px] h-[30px] bg-[var(--background-grey)]\r
-              border-none cursor-pointer rounded-full\r
-              [&_svg_path]:stroke-[var(--svg-dark)]`,
-        onClick: i,
-        children: /* @__PURE__ */ r(b, { width: 10, height: 10 })
-      }
-    )
-  ] });
-};
-export {
-  _ as MultiProductCartHeader
-};

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

@@ -1,71 +0,0 @@
-import { jsxs as m, jsx as d } from "react/jsx-runtime";
-import { useAppDispatch as h, useAppSelector as n } from "../../../../app/store/store.js";
-import { setSelectedMaterials as v } from "../../../swatches/model/swatchesSlice.js";
-import { CartPrice as g } from "../../../Cart/ui/CartPrice/CartPrice.js";
-import { CustomButton as C } from "../../../../shared/ui/CustomButton/CustomButton.js";
-import { MAX_SLOTS as u } from "../../../../shared/constants/selectedMaterials.js";
-import { CartSelectedProductList as M } from "../CartSelectedProductList/CartSelectedProductList.js";
-import { getActiveMultiCartProduct as P, getCartItems as N, getSelectedMaterials as S } from "../../model/selectors.js";
-import { MultiProductCartService as w } from "../../lib/MultiProductCartServices.js";
-import { useMemo as y } from "react";
-import { decrementMultiProductItem as A, incrementMultiProductItem as D, removeMultiProductItem as j } from "../../model/multiProductCartSlice.js";
-import { CartListItem as L } from "../../../Cart/ui/CartListItem/CartListItem.js";
-import { MultiProductCartHeader as O } from "../MultiProductCartHeader/MultiProductCartHeader.js";
-const K = ({
-  onSendData: i
-}) => {
-  const l = h(), a = n(P), f = n(N), c = n(
-    S(a?.productId || 999)
-  ), p = y(() => w.getCartTotalCount({
-    cartItems: c
-  }), [c]), b = (e) => {
-    const { parentName: r, metadata: s } = e, t = a?.productId, o = s.label;
-    t && o && r && (l(j({ productId: t, label: o, parentName: r })), l(v({ selectedMaterial: e })));
-  }, I = (e) => {
-    const { parentName: r, metadata: s } = e, t = a?.productId, o = s.label;
-    t && o && r && l(D({ productId: t, label: o, parentName: r }));
-  }, x = (e) => {
-    const { parentName: r, metadata: s } = e, t = a?.productId, o = s.label;
-    t && o && r && l(A({ productId: t, label: o, parentName: r }));
-  };
-  return /* @__PURE__ */ m("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ d(O, {}),
-    /* @__PURE__ */ d(M, {}),
-    /* @__PURE__ */ m("div", { className: "flex flex-col h-full min-h-0", children: [
-      /* @__PURE__ */ d("ul", { className: "flex flex-col gap-3 flex-1 min-h-0 overflow-y-auto py-[var(--sm-padding)] sm:gap-5", children: c?.map((e) => /* @__PURE__ */ d(
-        L,
-        {
-          item: e,
-          canInc: p < u,
-          onDelete: b,
-          onIncrement: I,
-          onDecrement: x
-        },
-        `${e.assetId}/${e.parentName}`
-      )) }),
-      /* @__PURE__ */ m(
-        "div",
-        {
-          className: `flex flex-col \r
-          sm:flex-row sm:w-full sm:justify-between sm:items-center\r
-          sm:border-t sm:border-solid sm:border-[var(--border)]\r
-        `,
-          children: [
-            /* @__PURE__ */ d("div", { className: "sm:w-[50%] sm:border-r sm:border-solid sm:border-[var(--border)]", children: /* @__PURE__ */ d(g, { containerStyles: "flex flex-col gap-2 text-xs/snug p-[var(--padding)] border-t border-solid border-[var(--border)]  sm:gap-3 sm:p-[var(--sm-padding)] sm:border-none" }) }),
-            /* @__PURE__ */ d("div", { className: "p-[var(--padding)] border-t border-solid border-[var(--border)] shrink-0 sm:w-[50%] sm:border-none", children: /* @__PURE__ */ d(
-              C,
-              {
-                onClick: () => i && i(f),
-                disabled: p > u + 1,
-                children: "GO TO SHIPPING"
-              }
-            ) })
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  K as MultiProductItemCart
-};

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

@@ -1,19 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useAppDispatch as m, useAppSelector as r } from "../../../../app/store/store.js";
-import { getIsOpenMultiCart as d, getSelectedProduct as s } from "../../../swatches/model/selectors.js";
-import { toggleSidebar as l } from "../../../swatches/model/swatchesSlice.js";
-import { CustomModal as u } from "../CustomModal/CustomModal.js";
-import { MultiProductItemCart as n } from "../MultiProductItemCart/MultiProductItemCart.js";
-import { ProductList as a } from "../ProductList/ProductList.js";
-import { SelectedProductItem as g } from "../SelectedProductItem/SelectedProductItem.js";
-const O = ({
-  onSendData: e
-}) => {
-  const i = m(), p = r(d), c = r(s), o = () => {
-    i(l());
-  };
-  return /* @__PURE__ */ t(u, { isOpen: !0, onClose: o, children: p ? /* @__PURE__ */ t(n, { onSendData: e }) : c ? /* @__PURE__ */ t(g, { onSidebarToggle: o }) : /* @__PURE__ */ t(a, { onSidebarToggle: o }) });
-};
-export {
-  O as MultiProductWrapper
-};