hasting-swatchcart-module 1.0.5 → 1.0.6

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

@@ -0,0 +1,8 @@
+import { IProduct } from '../model/types';
+export declare const MOCK_SELECTED_PRODUCT: IProduct;
+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 '../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,12 @@
+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 getProductLIst: (state: RootState) => import('../../MultiProduct/model/types').IProduct[];
+export declare const getIsLoadingProductList: (state: RootState) => boolean;
+export declare const getSelectedProduct: (state: RootState) => import('../../MultiProduct/model/types').IProduct | null;
+export declare const getIsLoadingSelectedProduct: (state: RootState) => boolean;
+export declare const getIsOpenMultiCart: (state: RootState) => boolean;

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

@@ -0,0 +1,26 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { AttributeValue, IAttributeAsset, IMaterialSelectState, ISetFiltersPayload, ISwatchesSlice } from './types';
+import { IMapUIData } from '../../DataAdapter/utils/types';
+import { IProduct } 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<{
+        selectedMaterial: AttributeValue;
+    }>): void;
+    resetSelectedMaterials(state: import('immer').WritableDraft<ISwatchesSlice>): void;
+    setSelectedProduct(state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<IProduct>): void;
+    deleteSelectedProduct(state: import('immer').WritableDraft<ISwatchesSlice>): void;
+    setIsOpenMultiProductCart(state: import('immer').WritableDraft<ISwatchesSlice>, action: PayloadAction<boolean>): 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<{
+    selectedMaterial: AttributeValue;
+}, "swatches/setSelectedMaterial">, clearMaterialFilter: import('@reduxjs/toolkit').ActionCreatorWithPayload<keyof IMaterialSelectState, "swatches/clearMaterialFilter">, clearAllMaterialFilters: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"swatches/clearAllMaterialFilters">, setSelectedProduct: import('@reduxjs/toolkit').ActionCreatorWithPayload<IProduct, "swatches/setSelectedProduct">, deleteSelectedProduct: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"swatches/deleteSelectedProduct">, setIsOpenMultiProductCart: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, "swatches/setIsOpenMultiProductCart">, resetSelectedMaterials: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"swatches/resetSelectedMaterials">;

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

@@ -0,0 +1,22 @@
+import { IGetProductParameters } from '../../MultiProduct/model/types';
+import { IFetchProductData } from '../../../shared/types/fetchData';
+export declare const getProductListThunk: import('@reduxjs/toolkit').AsyncThunk<any, void, {
+    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;
+}>;
+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,142 @@
+import { IProduct } from '../../MultiProduct/model/types';
+export interface ISwatchesSlice {
+    listAttributes: IAttributeAsset[];
+    productElementOptions: any[];
+    materialSelectState: IMaterialSelectState;
+    allMaterialsValues: AttributeValue[];
+    selectedMaterials: AttributeValue[];
+    productList: IProduct[];
+    isLoadingProductList: boolean;
+    selectedProduct: IProduct | 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 {
+    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[];
+}
+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,5 @@
+interface IFiltersProps {
+    containerStyles: string;
+}
+export declare const Filters: ({ containerStyles }: IFiltersProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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/MaterialListItem/MaterialListItem.d.ts

@@ -0,0 +1,4 @@
+import { AttributeValue } from '../../model/types';
+export declare const MaterialListItem: ({ val }: {
+    val: AttributeValue;
+}) => 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;