hasting-swatchcart-module 1.0.30 → 1.0.32

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

@@ -0,0 +1 @@
+export declare const ProductList: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { IProductListItem } from '../../model/types';
+interface IProductListItemProps {
+    productListItem: IProductListItem;
+}
+export declare const ProductListItem: ({ productListItem }: IProductListItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export declare const SelectedProductItem: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+/**
+ * Container component responsible for:
+ * - Displaying a combined list of swatches from all selected products
+ * - Showing a preview section and an action button
+ * - Handling the opening of the Multi-Product Cart modal
+ *
+ * It collects materials from all products, normalizes them with additional
+ * context (product name), and renders them in a structured two-column layout.
+ *
+ * Also includes the "Add Swatches to Cart" button which opens the cart modal
+ * only when there are selected items.
+ *
+ * @component
+ */
+export declare const SwatchContentContainer: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+import { ISwatchSelectedMaterial } from '../../model/types';
+interface ISwatchesListItemProps {
+    val: ISwatchSelectedMaterial;
+    onDelete: (arg: ISwatchSelectedMaterial) => void;
+}
+/**
+ * Renders a selected swatch item inside the list of chosen materials.
+ *
+ * The component shows the material preview (image or HEX grid), displays a
+ * delete button, and on hover opens a `Hint` tooltip with detailed material
+ * information (material name, parent category, product name).
+ *
+ * Hover logic:
+ * - When the user hovers over the swatch, it captures the hovered element,
+ *   prepares the tooltip text, and opens the `Hint` component.
+ * - The tooltip closes when the mouse leaves the item.
+ *
+ * Delete logic:
+ * - Clicking the close icon triggers `onDelete` with the full swatch object.
+ * - The click event is stopped from bubbling so that it does not interfere
+ *   with parent click handlers.
+ *
+ * Accessibility:
+ * - The swatch container is focusable (`tabIndex={0}`) for keyboard navigation.
+ * - Enter/Space keys are prevented to avoid unintended actions.
+ * - ARIA label describes the content for screen readers.
+ *
+ * @component
+ *
+ * @param {ISwatchSelectedMaterial} val
+ *  The selected material object containing metadata, image/hex info,
+ *  and product/category names.
+ *
+ * @param {(arg: ISwatchSelectedMaterial) => void} onDelete
+ *  Callback triggered when the user removes the swatch from the list.
+ *
+ * @returns {JSX.Element}
+ */
+declare const SwatchListItem: React.FC<ISwatchesListItemProps>;
+export default SwatchListItem;

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

@@ -0,0 +1,29 @@
+import { ISwatchSelectedMaterial } from '../../model/types';
+interface ISwatchesListProps {
+    /**
+     * Optional wrapper classes for the outer container
+     * (padding, border, etc. – Tailwind / className string).
+     */
+    containerStyles?: string;
+    /**
+     * List of currently selected swatch materials across products.
+     * Used to render the visual list and compute remaining free slots.
+     */
+    selectedMaterials: ISwatchSelectedMaterial[];
+}
+/**
+ * Renders the "Swatches list" section for the multi-product cart.
+ *
+ * Features:
+ * - Displays all selected swatches as tiles using `SwatchListItem`.
+ * - Allows removing a swatch across all products via `onDelete`.
+ * - Shows the current count and the `MAX_SLOTS` limit (with "Free" label).
+ * - Fills remaining slots with placeholder tiles (`MockTile`) for a
+ *   consistent grid layout.
+ *
+ * Removal logic:
+ * - When the user deletes a swatch, finds which product currently owns it,
+ *   removes that swatch from that product, and updates the multi-cart store.
+ */
+export declare const SwatchesMultiProductList: ({ selectedMaterials, containerStyles, }: ISwatchesListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cdn/src/features/MultiProduct/utils/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const MOCK_ALL_CATEGORY_SLIDER_ITEM: {
+    name: string;
+    value: string;
+    productId: number;
+    items: never[];
+};

package/dist/cdn/src/features/MultiProduct/utils/randomList.d.ts

@@ -0,0 +1,2 @@
+import { IProduct } from '../../swatches/model/types';
+export declare const generateRandomProducts: (count?: number) => IProduct[];

package/dist/cdn/src/features/SwatchModule/SwatchModule/ui/SwatchModule.d.ts

@@ -0,0 +1,2 @@
+import { ISwatchesModuleProps } from '../../../../../lib/main';
+export declare const SwatchModule: ({ isOpen, uiDataType, data, onToggleSidebar, onSendData, }: ISwatchesModuleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cdn/src/features/swatches/lib/AttributeHelper.d.ts

@@ -0,0 +1,7 @@
+export declare class AttributeHelper {
+    static getImage(value: any): string | undefined;
+    static getValueLabel(attribute: any): any;
+    static getZoomIconColor(value: any): any;
+    static getHexColor(value: any): any;
+    static getAttributeLabel(attribute: any): any;
+}

package/dist/cdn/src/features/swatches/lib/SwatchesServices.d.ts

@@ -0,0 +1,11 @@
+import { IAttributeAsset, AttributeValue, IMaterialSelectState } from '../model/types';
+import { INonZeroSelectedFilters, TAllValue, TFilterGroup } from '../utils/types';
+export declare class SwatchesServices {
+    static getMaterialsValuesFromOptions(options: IAttributeAsset[]): AttributeValue[] | undefined;
+    static getUniqueByAssetId<T extends {
+        assetId: string;
+    }>(array: T[]): T[];
+    static normalizeToArray(input: string | string[] | null | undefined, splitByComma?: boolean): string[];
+    static mapFiltersFromValues(allValues: TAllValue[], selected: IMaterialSelectState): TFilterGroup[];
+    static getPositiveSelectedFilers(mappedData: TFilterGroup[]): INonZeroSelectedFilters[];
+}

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

@@ -0,0 +1,10 @@
+import { RootState } from '../../../app/store/store';
+export declare const getListAttributes: (state: RootState) => import('./types').IAttributeAsset[];
+export declare const getAttributeByName: (optionName: string) => (state: RootState) => import('./types').IAttributeAsset | undefined;
+export declare const getAllMaterialValues: (state: RootState) => import('./types').AttributeValue[];
+export declare const getMaterialSelectStateFilters: (state: RootState) => import('./types').IMaterialSelectState;
+export declare const getProductElementOptions: (state: RootState) => any[];
+export declare const getSelectedMaterials: (state: RootState) => import('./types').AttributeValue[];
+export declare const getIsLoadingSelectedProduct: (state: RootState) => boolean;
+export declare const getIsOpenMultiCart: (state: RootState) => boolean;
+export declare const getSelectedProduct: (state: RootState) => import('../../MultiProduct/model/types').IProductListItem | null;

package/dist/cdn/src/features/swatches/model/swatchesSlice.d.ts

@@ -0,0 +1,54 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { AttributeValue, IAttributeAsset, IMaterialSelectState, ISetFiltersPayload, ISwatchesSlice } from './types';
+import { IMapUIData } from '../../DataAdapter/utils/types';
+import { IProductListItem } from '../../MultiProduct/model/types';
+export declare const swatchesSlice: import('@reduxjs/toolkit').Slice<ISwatchesSlice, {
+    setMaterialSelect(state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<ISetFiltersPayload>): void;
+    setPanelFilter(state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<{
+        attributes: IAttributeAsset[];
+    }>): void;
+    clearMaterialFilter: (state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<keyof IMaterialSelectState>) => void;
+    clearAllMaterialFilters: (state: import('immer').WritableDraft<ISwatchesSlice>) => void;
+    setAllMaterialsOptions: (state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<IMapUIData>) => void;
+    setSelectedMaterial(state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<{
+        materialCount: number;
+        selectedMaterial: AttributeValue;
+        selectedMaterials: AttributeValue[];
+        limitCb?: () => void;
+    }>): void;
+    resetSelectedMaterials(state: import('immer').WritableDraft<ISwatchesSlice>): void;
+    setSelectedProduct(state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<IProductListItem>): void;
+    deleteSelectedProduct(state: import('immer').WritableDraft<ISwatchesSlice>): void;
+    setIsOpenMultiProductCart(state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<boolean>): void;
+    removeItem(state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<{
+        selectedMaterial: AttributeValue;
+    }>): void;
+    increment(state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<{
+        selectedMaterial: AttributeValue;
+    }>): void;
+    decrement(state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<{
+        selectedMaterial: AttributeValue;
+    }>): void;
+    setCount(state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<{
+        selectedMaterial: AttributeValue;
+        next: number;
+    }>): void;
+}, "swatches", "swatches", import('@reduxjs/toolkit').SliceSelectors<ISwatchesSlice>>;
+export declare const swatchesReducer: import('redux').Reducer<ISwatchesSlice>;
+export declare const setMaterialSelect: import('@reduxjs/toolkit').ActionCreatorWithPayload<ISetFiltersPayload, "swatches/setMaterialSelect">, setAllMaterialsOptions: import('@reduxjs/toolkit').ActionCreatorWithPayload<IMapUIData, "swatches/setAllMaterialsOptions">, setPanelFilter: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    attributes: IAttributeAsset[];
+}, "swatches/setPanelFilter">, setSelectedMaterial: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    materialCount: number;
+    selectedMaterial: AttributeValue;
+    selectedMaterials: AttributeValue[];
+    limitCb?: () => void;
+}, "swatches/setSelectedMaterial">, clearMaterialFilter: import('@reduxjs/toolkit').ActionCreatorWithPayload<keyof IMaterialSelectState, "swatches/clearMaterialFilter">, clearAllMaterialFilters: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"swatches/clearAllMaterialFilters">, setSelectedProduct: import('@reduxjs/toolkit').ActionCreatorWithPayload<IProductListItem, "swatches/setSelectedProduct">, deleteSelectedProduct: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"swatches/deleteSelectedProduct">, setIsOpenMultiProductCart: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "swatches/setIsOpenMultiProductCart">, resetSelectedMaterials: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"swatches/resetSelectedMaterials">, removeItem: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    selectedMaterial: AttributeValue;
+}, "swatches/removeItem">, increment: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    selectedMaterial: AttributeValue;
+}, "swatches/increment">, decrement: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    selectedMaterial: AttributeValue;
+}, "swatches/decrement">, setCount: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    selectedMaterial: AttributeValue;
+    next: number;
+}, "swatches/setCount">;

package/dist/cdn/src/features/swatches/model/thunks.d.ts

@@ -0,0 +1,12 @@
+import { IGetProductParameters } from '../../MultiProduct/model/types';
+import { IFetchProductData } from '../../../shared/types/fetchData';
+export declare const getSelectedProductThunk: import('@reduxjs/toolkit').AsyncThunk<IFetchProductData, IGetProductParameters, {
+    rejectValue: string;
+    state?: unknown;
+    dispatch?: import('redux-thunk').ThunkDispatch<unknown, unknown, import('redux').UnknownAction> | undefined;
+    extra?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;

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

@@ -0,0 +1,148 @@
+import { IProductListItem } from '../../MultiProduct/model/types';
+export interface IProduct {
+    attributes: AttributeValue[] | any[];
+    name: string;
+    productId: number;
+    categories: string[];
+}
+export interface ISwatchesSlice {
+    listAttributes: IAttributeAsset[];
+    productElementOptions: any[];
+    materialSelectState: IMaterialSelectState;
+    allMaterialsValues: AttributeValue[];
+    selectedMaterials: AttributeValue[];
+    selectedProduct: IProductListItem | null;
+    isLoadingSelectedProduct: boolean;
+    isOpenMultiProductCart: boolean;
+}
+export interface IMaterialSelectState {
+    Finish: string[];
+    Color: string[];
+    Look: string[];
+}
+export type TFilterName = keyof IMaterialSelectState;
+export interface ISetFiltersPayload {
+    filterName: keyof IMaterialSelectState;
+    values: string[];
+}
+export interface IAttributeAsset {
+    assetType: string;
+    blacklist: unknown[];
+    defaultValue: {
+        assetId: string;
+        type: string;
+    }[];
+    disabledValues: unknown[];
+    enabled: boolean;
+    global: {
+        defaultValue: {
+            assetId: string;
+            type: string;
+        };
+        id: string;
+        metadata: unknown[];
+        name: string;
+        type: string;
+    };
+    hiddenValues: unknown[];
+    id: string;
+    label: string;
+    metadata: {
+        [key: string]: string;
+    };
+    name: string;
+    type: string;
+    value: {
+        assetId: string;
+        configuration: unknown;
+        metadata: {
+            [key: string]: string;
+        };
+        name: string;
+        tags: string[];
+        type: string;
+    };
+    values: IAttributeAssetValues[];
+    visible: boolean;
+    valuesArray?: IMaterialMetadata[];
+    option?: string;
+}
+export interface IAttributeAssetValues {
+    assetId: string;
+    enabled: boolean;
+    fileSize: number;
+    handleSelect: () => unknown;
+    label: string;
+    metadata: {
+        [key: string]: string;
+    };
+    name: string;
+    selected: boolean;
+    tagids: string[];
+    tags: string[];
+    type: string;
+    visible: boolean;
+}
+export interface IValueItem {
+    value: string;
+    label: string;
+    additionalFilter?: string;
+}
+export interface IOption {
+    option: string;
+    label: string;
+    optionName: string;
+    order: string;
+    type: string;
+    typeComponent: string;
+    values?: Record<string, string>;
+    valuesArray?: IValueItem[];
+}
+export interface IGroup {
+    groupName: string;
+    order: string;
+    type: string;
+    options: IOption[];
+}
+export interface ISection {
+    section: string;
+    sort: string;
+    groups: IGroup[];
+    enabledCTA: boolean;
+}
+export declare const ETypeComponent: {
+    readonly MATERIAL: "material";
+    readonly FILTRATION: "filtration";
+    readonly LIST: "list";
+    readonly IMAGE: "image";
+    readonly COMBINED: "combined";
+};
+export type ETypeComponent = (typeof ETypeComponent)[keyof typeof ETypeComponent];
+export interface AttributeValue {
+    count: number;
+    assetId?: string;
+    name?: string;
+    tags?: string[];
+    metadata?: IMaterialMetadata;
+    parentName: string;
+    fileSize?: number;
+    tagids?: string[];
+    type?: 'item' | string;
+    label: string;
+    visible?: boolean;
+    enabled?: boolean;
+    option?: string;
+    optionName?: string;
+    valuesArray?: IMaterialMetadata[];
+    value?: string;
+}
+export interface IMaterialMetadata {
+    Look?: string;
+    Color?: string;
+    image?: string;
+    label?: string;
+    value?: string;
+    Material?: string;
+    zoomIconColor?: string;
+    [key: string]: string | undefined;
+}

package/dist/cdn/src/features/swatches/ui/Filters/ColorsFilter.d.ts

@@ -0,0 +1 @@
+export declare const ColorsFilter: () => import("react/jsx-runtime").JSX.Element;

package/dist/cdn/src/features/swatches/ui/Filters/LooksFilter.d.ts

@@ -0,0 +1 @@
+export declare const LooksFilter: () => import("react/jsx-runtime").JSX.Element;

package/dist/cdn/src/features/swatches/ui/Filters/MaterialsFilter.d.ts

@@ -0,0 +1 @@
+export declare const MaterialsFilter: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const Filters: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare const HexGridZoom: ({ item }: {
+    item: any;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare const ImageGridZoom: ({ item }: {
+    item: any;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+interface IMaterialListProps {
+    containerStyles?: string;
+    gridStyles?: string;
+    desktopColumnsCount?: number;
+}
+export declare const MaterialSingleProductList: ({ containerStyles, gridStyles, desktopColumnsCount, }: IMaterialListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+interface IProductElementProps {
+    containerStyles: string;
+    selectStyles: string;
+}
+export declare const ProductElement: ({ containerStyles, selectStyles, }: IProductElementProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { EActiveTab } from '../../../../shared/types/activeTab';
+interface ISidebarWrapperProps {
+    isOpen: boolean;
+    onSetActiveTab: (activeTab: EActiveTab) => void;
+    onToggleSidebar: () => void;
+}
+export declare const SwatchWrapper: ({ isOpen, onToggleSidebar, onSetActiveTab, }: ISidebarWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { ISwatchesModuleProps } from '../../../../lib/main';
+export declare const Swatches: ({ isOpen, onToggleSidebar, onSendData, }: ISwatchesModuleProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { AttributeValue } from '../../model/types';
+interface ISwatchesListProps {
+    containerStyles?: string;
+    selectedMaterials: AttributeValue[];
+}
+export declare const SwatchesList: ({ selectedMaterials, containerStyles, }: ISwatchesListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export declare const SwatchesSingleProductListWrapper: () => import("react/jsx-runtime").JSX.Element;

package/dist/cdn/src/features/swatches/utils/constants.d.ts

@@ -0,0 +1,3 @@
+import { TFilterName } from '../model/types';
+import { TValueKey } from './types';
+export declare const FILTER_TO_VALUE_KEY: Record<TFilterName, TValueKey>;

package/dist/cdn/src/features/swatches/utils/types.d.ts

@@ -0,0 +1,22 @@
+import { TFilterName } from '../model/types';
+export type TValueKey = 'Material' | 'Color' | 'Look';
+export type TValueEntry = {
+    metadata?: Partial<Record<TValueKey, string | string[] | null | undefined>>;
+};
+export type TFilterItem = {
+    filterKey: string;
+    filterCount: number;
+};
+export type TFilterGroup = {
+    filterType: TFilterName;
+    filters: TFilterItem[];
+};
+export interface INonZeroSelectedFilters {
+    filterName: TFilterName;
+    filterKeys: string[];
+}
+export type TAllValue = {
+    assetId: string;
+    name: string;
+    values?: TValueEntry[] | null;
+};

package/dist/cdn/src/shared/constants/constants.d.ts

@@ -0,0 +1 @@
+export declare const MATERIAL_PRICE = 6.5;