hasting-swatchcart-module 1.0.31 → 1.0.33

package/dist/cdn/src/app/App.d.ts

@@ -1,2 +1,12 @@
+/**
+ * Demo application wrapper for {@link SwatchModule}.
+ *
+ * Provides local UI controls to:
+ * - toggle module open/close state
+ * - switch between different data input modes
+ * - handle output payload from the module
+ *
+ * @component
+ */
 declare function App(): import("react/jsx-runtime").JSX.Element;
 export default App;

package/dist/cdn/src/app/store/rootReducer.d.ts

@@ -1,11 +1,11 @@
 declare const rootReducer: import('redux').Reducer<{
     swatches: import('../../features/swatches/model/types').ISwatchesSlice;
     cart: import('../../features/Cart/model/types').CartState;
-    multiProductCart: import('../../features/MultiProduct/model/types').MultiProductState;
+    multiProductCart: import('../../features/MultiProduct/model/types').IMultiProductState;
 }, import('redux').UnknownAction, Partial<{
     swatches: import('../../features/swatches/model/types').ISwatchesSlice | undefined;
     cart: import('../../features/Cart/model/types').CartState | undefined;
-    multiProductCart: import('../../features/MultiProduct/model/types').MultiProductState | undefined;
+    multiProductCart: import('../../features/MultiProduct/model/types').IMultiProductState | undefined;
 }>>;
 export type RootState = ReturnType<typeof rootReducer>;
 export default rootReducer;

package/dist/cdn/src/app/store/store.d.ts

@@ -1,12 +1,12 @@
 export declare const store: import('@reduxjs/toolkit').EnhancedStore<{
     swatches: import('../../features/swatches/model/types').ISwatchesSlice;
     cart: import('../../features/Cart/model/types').CartState;
-    multiProductCart: import('../../features/MultiProduct/model/types').MultiProductState;
+    multiProductCart: import('../../features/MultiProduct/model/types').IMultiProductState;
 }, import('redux').UnknownAction, import('@reduxjs/toolkit').Tuple<[import('redux').StoreEnhancer<{
     dispatch: import('redux-thunk').ThunkDispatch<{
         swatches: import('../../features/swatches/model/types').ISwatchesSlice;
         cart: import('../../features/Cart/model/types').CartState;
-        multiProductCart: import('../../features/MultiProduct/model/types').MultiProductState;
+        multiProductCart: import('../../features/MultiProduct/model/types').IMultiProductState;
     }, undefined, import('redux').UnknownAction>;
 }>, import('redux').StoreEnhancer]>>;
 export type RootState = ReturnType<typeof store.getState>;
@@ -14,11 +14,11 @@ export type AppDispatch = typeof store.dispatch;
 export declare const useAppDispatch: import('react-redux').UseDispatch<import('redux-thunk').ThunkDispatch<{
     swatches: import('../../features/swatches/model/types').ISwatchesSlice;
     cart: import('../../features/Cart/model/types').CartState;
-    multiProductCart: import('../../features/MultiProduct/model/types').MultiProductState;
+    multiProductCart: import('../../features/MultiProduct/model/types').IMultiProductState;
 }, undefined, import('redux').UnknownAction> & import('redux').Dispatch<import('redux').UnknownAction>>;
 export declare const useAppSelector: import('react-redux').UseSelector<{
     swatches: import('../../features/swatches/model/types').ISwatchesSlice;
     cart: import('../../features/Cart/model/types').CartState;
-    multiProductCart: import('../../features/MultiProduct/model/types').MultiProductState;
+    multiProductCart: import('../../features/MultiProduct/model/types').IMultiProductState;
 }>;
 export default store;

package/dist/cdn/src/features/Cart/model/selectors.d.ts

@@ -3,7 +3,7 @@ export declare const getCartItems: (state: RootState) => import('./types').ICart
 export declare const getCartTotalCount: ((state: {
     swatches: import('../../swatches/model/types').ISwatchesSlice;
     cart: import('./types').CartState;
-    multiProductCart: import('../../MultiProduct/model/types').MultiProductState;
+    multiProductCart: import('../../MultiProduct/model/types').IMultiProductState;
 }) => number) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -28,7 +28,7 @@ export declare const getCartTotalCount: ((state: {
 export declare const getCartFreeSlots: ((state: {
     swatches: import('../../swatches/model/types').ISwatchesSlice;
     cart: import('./types').CartState;
-    multiProductCart: import('../../MultiProduct/model/types').MultiProductState;
+    multiProductCart: import('../../MultiProduct/model/types').IMultiProductState;
 }) => number) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -44,7 +44,7 @@ export declare const getCartFreeSlots: ((state: {
     dependencies: [((state: {
         swatches: import('../../swatches/model/types').ISwatchesSlice;
         cart: import('./types').CartState;
-        multiProductCart: import('../../MultiProduct/model/types').MultiProductState;
+        multiProductCart: import('../../MultiProduct/model/types').IMultiProductState;
     }) => number) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -77,7 +77,7 @@ export declare const getCartFreeSlots: ((state: {
 export declare const getCartCanIncrement: ((state: {
     swatches: import('../../swatches/model/types').ISwatchesSlice;
     cart: import('./types').CartState;
-    multiProductCart: import('../../MultiProduct/model/types').MultiProductState;
+    multiProductCart: import('../../MultiProduct/model/types').IMultiProductState;
 }) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -93,7 +93,7 @@ export declare const getCartCanIncrement: ((state: {
     dependencies: [((state: {
         swatches: import('../../swatches/model/types').ISwatchesSlice;
         cart: import('./types').CartState;
-        multiProductCart: import('../../MultiProduct/model/types').MultiProductState;
+        multiProductCart: import('../../MultiProduct/model/types').IMultiProductState;
     }) => number) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -109,7 +109,7 @@ export declare const getCartCanIncrement: ((state: {
         dependencies: [((state: {
             swatches: import('../../swatches/model/types').ISwatchesSlice;
             cart: import('./types').CartState;
-            multiProductCart: import('../../MultiProduct/model/types').MultiProductState;
+            multiProductCart: import('../../MultiProduct/model/types').IMultiProductState;
         }) => number) & {
             clearCache: () => void;
             resultsCount: () => number;
@@ -150,7 +150,7 @@ export declare const getCartCanIncrement: ((state: {
 export declare const getCartItemById: (assetId: string) => ((state: {
     swatches: import('../../swatches/model/types').ISwatchesSlice;
     cart: import('./types').CartState;
-    multiProductCart: import('../../MultiProduct/model/types').MultiProductState;
+    multiProductCart: import('../../MultiProduct/model/types').IMultiProductState;
 }) => import('./types').ICartItem | undefined) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -175,7 +175,7 @@ export declare const getCartItemById: (assetId: string) => ((state: {
 export declare const getCartItemCountById: (id: string) => ((state: {
     swatches: import('../../swatches/model/types').ISwatchesSlice;
     cart: import('./types').CartState;
-    multiProductCart: import('../../MultiProduct/model/types').MultiProductState;
+    multiProductCart: import('../../MultiProduct/model/types').IMultiProductState;
 }) => number) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -191,7 +191,7 @@ export declare const getCartItemCountById: (id: string) => ((state: {
     dependencies: [((state: {
         swatches: import('../../swatches/model/types').ISwatchesSlice;
         cart: import('./types').CartState;
-        multiProductCart: import('../../MultiProduct/model/types').MultiProductState;
+        multiProductCart: import('../../MultiProduct/model/types').IMultiProductState;
     }) => import('./types').ICartItem | undefined) & {
         clearCache: () => void;
         resultsCount: () => number;

package/dist/cdn/src/features/Cart/ui/CartHeader/CartHeader.d.ts

@@ -1,7 +1,31 @@
 import { EActiveTab } from '../../../../shared/types/activeTab';
+/**
+ * Props for {@link CartHeader}.
+ */
 interface ICartHeaderProps {
+    /**
+     * Optional callback for switching the active tab (e.g. back to swatches).
+     *
+     * @param arg - Active tab value
+     */
     onSetActiveTab?: (arg: EActiveTab) => void;
+    /**
+     * Callback for closing or toggling the sidebar.
+     */
     onToggleSidebar: () => void;
 }
+/**
+ * Renders the cart header with navigation, count limit messaging, and close action.
+ *
+ * Displays:
+ * - back navigation button (optional tab switch)
+ * - cart title
+ * - max swatches warning when {@link MAX_SLOTS} is reached
+ * - close button to toggle the sidebar
+ *
+ * @component
+ *
+ * @param props - {@link ICartHeaderProps}
+ */
 export declare const CartHeader: ({ onSetActiveTab, onToggleSidebar, }: ICartHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cdn/src/features/MultiProduct/model/multiProductCartSlice.d.ts

@@ -1,9 +1,9 @@
-import { MultiProductState, IMultiCartProductItem, IProductCart } from './types';
+import { IMultiProductState, IMultiCartProductItem, IProductCart } from './types';
 type Key = {
     assetId: string;
     label: string;
     parentName: string;
 };
 export declare const setCartForProduct: import('@reduxjs/toolkit').ActionCreatorWithPayload<IProductCart, "multiProduct/setCartForProduct">, setMultiCartItems: import('@reduxjs/toolkit').ActionCreatorWithPayload<IMultiCartProductItem, "multiProduct/setMultiCartItems">, incrementMultiProductItem: import('@reduxjs/toolkit').ActionCreatorWithPayload<Key, "multiProduct/incrementMultiProductItem">, decrementMultiProductItem: import('@reduxjs/toolkit').ActionCreatorWithPayload<Key, "multiProduct/decrementMultiProductItem">, removeMultiProductItem: import('@reduxjs/toolkit').ActionCreatorWithPayload<Key, "multiProduct/removeMultiProductItem">, clear: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"multiProduct/clear">, setActiveMultiCartProduct: import('@reduxjs/toolkit').ActionCreatorWithPayload<IProductCart, "multiProduct/setActiveMultiCartProduct">;
-export declare const multiProductCartReducer: import('redux').Reducer<MultiProductState>;
+export declare const multiProductCartReducer: import('redux').Reducer<IMultiProductState>;
 export {};

package/dist/cdn/src/features/MultiProduct/model/selectors.d.ts

@@ -4,7 +4,7 @@ export declare const getMultiCartItems: (state: RootState) => IProductCart[];
 export declare const getMultiSelectedMaterials: (assetId: string) => ((state: {
     swatches: import('../../swatches/model/types').ISwatchesSlice;
     cart: import('../../Cart/model/types').CartState;
-    multiProductCart: import('./types').MultiProductState;
+    multiProductCart: import('./types').IMultiProductState;
 }) => ICartItem[]) & {
     clearCache: () => void;
     resultsCount: () => number;

package/dist/cdn/src/features/MultiProduct/model/types.d.ts

@@ -1,5 +1,5 @@
 import { AttributeValue } from '../../swatches/model/types';
-export interface MultiProductState {
+export interface IMultiProductState {
     items: IProductCart[];
     activeMultiCartProduct: IProductCart | null;
     productList: IProductListItem[];

package/dist/cdn/src/features/MultiProduct/ui/MultiProductItemCart/MultiProductItemCart.d.ts

@@ -1,5 +1,25 @@
+/**
+ * Props for {@link MultiProductItemCart}.
+ */
 interface IMultiProductItemCartProps {
+    /**
+     * Optional callback fired when user proceeds to shipping.
+     * Receives the current selected products payload.
+     */
     onSendData?: (data: unknown) => void;
 }
+/**
+ * Renders a multi-product cart with grouped items, quantity controls, and totals.
+ *
+ * Features:
+ * - grouped rendering by product
+ * - increment/decrement/delete actions for cart items
+ * - synchronizes deletion with the swatches selected materials state
+ * - shows totals and a "Go to shipping" action
+ *
+ * @component
+ *
+ * @param props - {@link IMultiProductItemCartProps}
+ */
 export declare const MultiProductItemCart: ({ onSendData, }: IMultiProductItemCartProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cdn/src/features/MultiProduct/ui/ProductList/ProductList.d.ts

@@ -1 +1,14 @@
+/**
+ * Renders the product list with category filtering, search, and sorting.
+ *
+ * Features:
+ * - fetches the product list on mount
+ * - builds unique categories for the slider
+ * - supports debounced text search
+ * - supports A–Z and Z–A sorting
+ * - hides the header image while the user scrolls down
+ * - shows swatch cart content when products are selected
+ *
+ * @component
+ */
 export declare const ProductList: () => import("react/jsx-runtime").JSX.Element;

package/dist/cdn/src/features/swatches/ui/ProductElement/index.d.ts

@@ -1,6 +1,28 @@
+/**
+ * Props for {@link ProductElement}.
+ */
 interface IProductElementProps {
+    /**
+     * ClassName string applied to the outer container.
+     */
     containerStyles: string;
+    /**
+     * ClassName string applied to the {@link MultiSelect} component.
+     */
     selectStyles: string;
 }
+/**
+ * Renders a product element filter based on a multi-select control.
+ *
+ * Builds selectable options from `allProductElementOptions` and
+ * applies filtering logic that:
+ * - updates selected product element values
+ * - remaps and prunes related filters based on available counts
+ * - updates the panel attributes list according to selection
+ *
+ * @component
+ *
+ * @param props - {@link IProductElementProps}
+ */
 export declare const ProductElement: ({ containerStyles, selectStyles, }: IProductElementProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cdn/src/features/swatches/ui/SwatchesList/SwatchesList.d.ts

@@ -1,7 +1,28 @@
 import { AttributeValue } from '../../model/types';
+/**
+ * Props for {@link SwatchesList}.
+ */
 interface ISwatchesListProps {
+    /**
+     * Optional className string applied to the outer container.
+     */
     containerStyles?: string;
+    /**
+     * Currently selected swatch materials.
+     */
     selectedMaterials: AttributeValue[];
 }
+/**
+ * Renders the swatches list with selected materials and remaining empty slots.
+ *
+ * Displays:
+ * - header with selected count
+ * - selected swatches as list items
+ * - placeholder tiles for unused slots up to {@link MAX_SLOTS}
+ *
+ * @component
+ *
+ * @param props - {@link ISwatchesListProps}
+ */
 export declare const SwatchesList: ({ selectedMaterials, containerStyles, }: ISwatchesListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cdn/src/features/swatches/utils/hooks/useCartCount.d.ts

@@ -0,0 +1,18 @@
+type WithCount = {
+    /**
+     * Numeric count value.
+     * Can be `null` when the item is not counted.
+     */
+    count: number | null;
+};
+/**
+ * Calculates the total count of items.
+ *
+ * Sums the `count` property of all provided items and
+ * memoizes the result to prevent unnecessary recalculations.
+ *
+ * @param items - Array of items containing a `count` field
+ * @returns Total count of all items
+ */
+export declare function useCartCount<T extends WithCount>(items: T[]): number;
+export {};