@sc-360-v2/storefront-cms-library 0.2.93 → 0.2.94

package/dist/types/builder/elements/form-builder/index.d.ts

@@ -52,6 +52,7 @@ export interface FormComponentConfig {
         state: boolean;
     };
     required: boolean;
+    isMultiple?: boolean;
     placeholder: {
         value: string;
         state: boolean;
@@ -73,11 +74,20 @@ export interface FormComponentConfig {
     captionsSrc?: string;
     href?: string;
     html?: string;
+    showElementProperties: ElementSettingEnum[];
     type: FormComponentTypeEnum;
     fieldType: FormElementTypeEnum;
     w: number;
     h: number;
 }
+export declare enum ElementSettingEnum {
+    LABEL = 1,
+    REQUIRED = 2,
+    PLACEHOLDER = 3,
+    DESCRIPTION = 4,
+    LIMIT_CHARACTER = 5,
+    MULTI_TOGGLE = 6
+}
 export interface SidebarElementItem extends FormComponentConfig {
     categoryId?: number;
     subcategoryId?: number;

package/dist/types/builder/elements/icon-list/index.d.ts

@@ -0,0 +1,40 @@
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
+import { BuilderAttributes } from "../common";
+export interface IconListStyleProperties extends CommonStyleProperties {
+    minHeight: string;
+    minWidth: string;
+    maxWidth: string;
+    maxHeight: string;
+    gridArea: string;
+    display: DisplayValue;
+    boxSizing: string;
+}
+export declare const getDefaultStyles: () => IconListStyleProperties;
+export interface CommonContainerElementAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface IconListElementInterface {
+    id?: string | number;
+    uniqueKey?: string | number;
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
+        HTML?: CommonContainerElementAttributes;
+        CUSTOM?: any;
+    };
+    styles?: IconListStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    children: any;
+    childIds: any[];
+    previewImage?: string;
+    parentKey?: any;
+    childIdsV2?: any[];
+}

package/dist/types/builder/enums/index.d.ts

@@ -65,7 +65,8 @@ export declare enum CMSToolIdTypes {
     lightBox = "cms_lt_bx_mn",
     lightBoxV2Wrapper = "cms-light-box-wrapper",
     marchandiserSetsWrapper = "cms-marchandiser-sets-wrapper",
-    spotlightWrapper = "cms-spotlight-wrapper"
+    spotlightWrapper = "cms-spotlight-wrapper",
+    TEXTELEMENTDOBLECLICK = "data-cms-tt-ee-dbl-clkd"
 }
 export declare enum CMSElementSelectors {
     iframeSelector = "iframe[data-title='iframe__playground']",
@@ -303,6 +304,7 @@ export declare const CMSElementsListEnum: {
     SPOTLIGHT: string;
     BUNDLE_DETAILS: string;
     PRODUCT_CUSTOMIZATIONS: string;
+    ICON_LIST: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",
@@ -325,6 +327,10 @@ export declare enum CMSRepeaterSliderControlTypes {
     DOTS = "Dots",
     NONE = "None"
 }
+export declare enum CMSRepeaterViewTypes {
+    GRID = "grid",
+    LIST = "list"
+}
 export declare enum FliterTypes {
     BRAND_FILTER = 1,
     CATEGORY_FILTER = 2,
@@ -359,7 +365,8 @@ export declare enum CMSCustomEventsListEnums {
     TEXTELEMENTCODEVIEW = "textElementCodeView",
     PRODUCT_DETAILS_STATE = "productDetailsState",
     IMAGE_CROP = "imageCrop",
-    IMAGE_CROP_TEMP_DATA = "imageCropTempData"
+    IMAGE_CROP_TEMP_DATA = "imageCropTempData",
+    FORM_BUILDR_STATE = "formBuilderState"
 }
 export declare enum FlexAppVersionEnums {
     NESTEDJSON = 1,
@@ -403,3 +410,7 @@ export declare enum PageTypeEnums {
     BRAND_PRODUCTS = 16,
     Allocation = 17
 }
+export declare enum FlexRepeaterControlDragType {
+    SLIDER_CONTROL = 1,
+    GRID_TOGGLE = 2
+}

package/dist/types/builder/index.d.ts

@@ -70,4 +70,5 @@ import * as buyForTabsContainerSchema from "./elements/buy-for-tab-container/ind
 import * as toasterSchema from "./elements/toaster/index";
 import * as spotlightSchema from "./elements/spotlight";
 import * as productCustomizationsSchema from "./elements/product-customizations/index";
-export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, };
+import * as iconListSchema from "./elements/icon-list/index";
+export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, };

package/dist/types/builder/tools/element-edit/common.d.ts

@@ -77,6 +77,7 @@ export interface CMSElementEditPopupDesignInterface {
     iconSize: CMSIBSizeInterface;
     iconColor: CMSIBCommonInterface;
     showIcon?: CMSIBCommonInterface;
+    showDivider?: CMSIBCommonInterface;
     dividerWidth: CMSIBSizeInterface;
     overlayColor: CMSIBCommonInterface;
     textPosition: CMSIBCommonInterface;

package/dist/types/builder/tools/element-edit/icon-list.d.ts

@@ -0,0 +1,164 @@
+import { CMSCSSUnitTypesEnums, CMSElementEditTypes } from "../../enums";
+import { CMSIBCommonInterface } from "../../interfaces/global";
+declare enum SelectorKeysEnum {
+    LAYOUT = "layout",
+    CONTENT = "content",
+    DESIGN = "design",
+    DEFAULT_STATE = "defaultState",
+    HOVER_STATE = "hoverState",
+    LIST = "list",
+    ICON = "icon",
+    TEXT = "text"
+}
+export declare const getDefaultData: () => {
+    layout: {
+        selectorKey: SelectorKeysEnum;
+        width: {
+            [key: string]: any;
+        } | undefined;
+        height: import("../../interfaces/global").CMSIBSizeInterface | undefined;
+        margin: import("../../interfaces/global").CSSPaddingValues | undefined;
+        padding: import("../../interfaces/global").CSSPaddingValues | undefined;
+        overflowContent: CMSIBCommonInterface | undefined;
+        scrollDirection: CMSIBCommonInterface | undefined;
+        displayScrollbar: CMSIBCommonInterface | undefined;
+        positionType: CMSIBCommonInterface | undefined;
+        pinTo: CMSIBCommonInterface | undefined;
+    };
+    design: {
+        selectorKey: SelectorKeysEnum;
+        list: {
+            listGap: {
+                value: number;
+                unit: CMSCSSUnitTypesEnums;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            showDivider: {
+                value: boolean;
+                parentRef: string;
+                property?: any;
+                propertyType?: any;
+                isReadOnly?: boolean | undefined;
+            };
+            dividerStyle: {
+                property: string;
+                value?: any;
+                propertyType?: any;
+                isReadOnly?: boolean | undefined;
+                parentRef?: string | undefined;
+            };
+            dividerWidth: {
+                value: string;
+                property: string;
+                unit: CMSCSSUnitTypesEnums;
+                propertyType: CMSElementEditTypes;
+            };
+            dividerWeight: {
+                value: string;
+                property: string;
+                unit: CMSCSSUnitTypesEnums;
+                propertyType: CMSElementEditTypes;
+            };
+            dividerColor: {
+                property: string;
+                value: null;
+                parentRef: string;
+                propertyType?: any;
+                isReadOnly?: boolean | undefined;
+            };
+            borderColor: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+            showBorder: CMSIBCommonInterface;
+            backgroundColor: CMSIBCommonInterface;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            blur: import("../../interfaces/global").CMSIBSizeInterface;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            selectorKey: SelectorKeysEnum;
+        };
+        icon: {
+            selectorKey: SelectorKeysEnum;
+            defaultState: {
+                icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
+                showIcon: {
+                    value: null;
+                    parentRef: string;
+                    property?: any;
+                    propertyType?: any;
+                    isReadOnly?: boolean | undefined;
+                };
+                iconSize: {
+                    value: null;
+                    parentRef: string;
+                    unit?: string | number | undefined;
+                    property?: any;
+                    propertyType?: any;
+                    isReadOnly?: boolean | undefined;
+                };
+                iconColor: {
+                    value: null;
+                    parentRef: string;
+                    property?: any;
+                    propertyType?: any;
+                    isReadOnly?: boolean | undefined;
+                };
+                verticalAlignment: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                iconGap: {
+                    value: number;
+                    unit: CMSCSSUnitTypesEnums;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                selectorKey: SelectorKeysEnum;
+            };
+            hoverState: {
+                selectorKey: SelectorKeysEnum;
+            };
+        };
+        text: {
+            selectorKey: SelectorKeysEnum;
+            defaultState: {
+                theme: CMSIBCommonInterface;
+                font: CMSIBCommonInterface;
+                fontSize: import("../../interfaces/global").CMSIBSizeInterface;
+                textColor: CMSIBCommonInterface;
+                bold: CMSIBCommonInterface;
+                italic: CMSIBCommonInterface;
+                linethrough: CMSIBCommonInterface;
+                underline: CMSIBCommonInterface;
+                textAlign: CMSIBCommonInterface;
+                characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
+                lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
+                selectorKey: SelectorKeysEnum;
+            };
+            hoverState: {
+                selectorKey: SelectorKeysEnum;
+            };
+        };
+    };
+    content: {
+        selectorKey: SelectorKeysEnum;
+        listContent: {
+            value: {
+                title: string;
+                contentSource: {
+                    title: string;
+                    icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
+                    content: {};
+                };
+                key: string;
+            }[];
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+    };
+};
+export {};

package/dist/types/builder/tools/element-edit/index.d.ts

@@ -85,4 +85,5 @@ import * as buyForTabsContainer from "./buyForTabContainer";
 import * as toaster from "./toaster";
 import * as spotlight from "./spotlight";
 import * as productCustomizations from "./productCustomizations";
-export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, };
+import * as iconList from "./icon-list";
+export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, };

package/dist/types/builder/tools/element-edit/product-image.d.ts

@@ -2,6 +2,7 @@ import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/globa
 import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
 interface selfLayoutInterface {
     selectorKey: string;
+    zoomType: CMSIBCommonInterface;
     displayStyle: CMSIBCommonInterface;
     scrollDirection: CMSIBCommonInterface;
     noOfItemsToLoad: CMSIBCommonInterface;

package/dist/types/builder/tools/element-edit/repeater.d.ts

@@ -8,6 +8,7 @@ interface selfLayoutInterface {
         value: RepeaterDisplayStyleType;
     };
     itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
+    itemGapList: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
     justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
         value: JustifyContentValue;
     };
@@ -26,6 +27,10 @@ interface selfLayoutInterface {
         value: string | number | any;
         unit: CMSCSSUnitTypesEnums;
     };
+    rowMinHeightList: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: string | number | any;
+        unit: CMSCSSUnitTypesEnums;
+    };
     setItemsPerSlide: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
         value: string | number | any;
     };
@@ -47,6 +52,8 @@ interface selfLayoutInterface {
     stopOnMouseEnter: CMSIBCommonInterface;
     stopOnInteraction: CMSIBCommonInterface;
     displayAds: CMSIBCommonInterface;
+    activeView: CMSIBCommonInterface;
+    enableListView: CMSIBCommonInterface;
     loadMoreItemsOn: CMSIBCommonInterface;
 }
 export interface selfDesignInterface {

package/dist/types/builder/tools/element-edit/spotlight.d.ts

@@ -1,9 +1,60 @@
-import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
 import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+import { SpotlightSectionType, RepeaterSliderControlTypes, StackDirectionType, SpotlightLineDisplayType, SpotlightLineType, SpotlightDisplayStyleType } from "../../../global/types";
 interface selfLayoutInterface {
     selectorKey: string;
-    spotlightText: CMSIBCommonInterface;
     showSpotlightText: CMSIBCommonInterface;
+    spotlightSectionTypeControl: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: SpotlightSectionType;
+    };
+    spotlightSectionType: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: SpotlightDisplayStyleType;
+    };
+    direction: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: StackDirectionType;
+    };
+    hotspotTypeControl: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: SpotlightSectionType;
+    };
+    hotspotLineDisplayControl: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: SpotlightLineDisplayType;
+    };
+    hotspotLineTypeControl: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: SpotlightLineType;
+    };
+    sliderControl: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: RepeaterSliderControlTypes;
+    };
+    showThumbnailSliderControls: CMSIBCommonInterface;
+    showSliderNavigationControls: CMSIBCommonInterface;
+    sliderNavigationControlsSize: CMSIBSizeInterface;
+    showPaginationDots: CMSIBCommonInterface;
+    paginationDotsSize: CMSIBSizeInterface;
+    hotspotXAndYCoordinates: CMSIBCommonInterface;
+    showHotspotIcon: CMSIBCommonInterface;
+    hotspotIconSize: CMSIBSizeInterface;
+    hotspotLineDirection: CMSIBCommonInterface;
+    lineThickness: CMSIBSizeInterface;
+    hotspotLineBendDirection: CMSIBCommonInterface;
+    beforBendLineDistance: CMSIBSizeInterface;
+    afterBendLineDistance: CMSIBSizeInterface;
+    showDataConnectorIcons: CMSIBCommonInterface;
+    startIconSize: CMSIBSizeInterface;
+    endIconSize: CMSIBSizeInterface;
+    spotlightType: CMSIBCommonInterface;
+    spotlightItemPlacement: CMSIBCommonInterface;
+    spotlightItemAlignment: CMSIBCommonInterface;
+    spotlightBoxPadding: CMSIBSizeInterface;
+    spotlightItemSpacing: CMSIBSizeInterface;
+    spotlightIconSize: CMSIBSizeInterface;
+    spotlightIconPadding: CMSIBSizeInterface;
+    spotlightTextFontSize: CMSIBSizeInterface;
+    spotlightTextLineHeight: CMSIBSizeInterface;
+    spotlightTextLetterSpacing: CMSIBSizeInterface;
+    spotlightTextPadding: CMSIBSizeInterface;
+    showSpotlightProductData: CMSIBCommonInterface;
+    spotlightProductItemSpacing: CMSIBSizeInterface;
+    spotlightProductPadding: CMSIBSizeInterface;
 }
 export interface selfDesignInterface {
     selectorKey: string;
@@ -25,8 +76,9 @@ export interface selfDesignInterface {
 export declare enum spotlightSelectorKeysEnum {
     LAYOUT = "layout",
     DESIGN = "design",
+    CONTENT = "content",
     DATA_CONNECTOR = "dataConnector",
     SPOTLIGHT_TEXT = "spotlightText"
 }
-export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export declare const getDefaultData: (contentWidth?: any) => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

package/dist/types/global/types.d.ts

@@ -40,3 +40,7 @@ export type RepeaterSliderControlTypes = "Arrows & Dots" | "Arrows" | "Dots" | "
 export type DeviceVisibilityByOptionsType = "HTML" | "CSS" | "NONE";
 export type CustomEventCallback<T = any> = (data: T) => void;
 export type LayouterDisplayStyleType = "rows" | "columns" | "slider" | "grid";
+export type SpotlightDisplayStyleType = "carousel" | "slider";
+export type SpotlightSectionType = "single" | "multi";
+export type SpotlightLineDisplayType = "solid" | "dots";
+export type SpotlightLineType = "bend" | "auto" | "straight";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sc-360-v2/storefront-cms-library",
-  "version": "0.2.93",
+  "version": "0.2.94",
   "main": "/dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {