@sc-360-v2/storefront-cms-library 0.2.72 → 0.2.75

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

@@ -1,13 +1,19 @@
 /// <reference types="react" />
 export declare const FB_GRID_COLS = 12;
+export declare const FB_GRID_MOBILE_COLS = 4;
 export declare const FB_GRID_ROWS = 1;
 export declare const FB_CELL_HEIGHT = 70;
 export declare const FB_CONTAINER_PADDING = 20;
 export declare const FB_GRID_MIN_WIDTH = 4;
+export declare const FB_GRID_MOBILE_MIN_WIDTH = 2;
 export declare enum FBModeEnum {
     Edit = 1,
     Preview = 2
 }
+export declare enum ScreenSizeEnums {
+    Desktop = 1,
+    Mobile = 2
+}
 export declare enum FormComponentTypeEnum {
     Input = "input",
     Select = "select",
@@ -82,6 +88,7 @@ export interface FormGridProps {
     onLayoutChange?: (layout: any) => void;
     isDraggable?: boolean;
     children: React.ReactNode;
+    isDesktopGrid: boolean;
 }
 export interface FormGridLayoutInterface {
     w: number;

package/dist/types/builder/elements/quick-links/index.d.ts

@@ -0,0 +1,36 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, CommonBuilderAttributes } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface QuickLinksStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+    gridArea?: GridAreaValue;
+}
+export declare const getDefaultQuickLinksStyles: () => QuickLinksStyleProperties;
+export interface CMSQuickLinksInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: {
+            quickL: Array<{
+                platform: "Facebook" | "Instagram" | "Twitter" | "Amazon" | "Website" | "Linked In";
+                url: string;
+                icon: string;
+                name: string;
+            }>;
+        };
+        BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: QuickLinksStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

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

@@ -288,6 +288,7 @@ export declare const CMSElementsListEnum: {
     TABS_V2: string;
     TABS_CONTAINER: string;
     MARCHANDISER_SETS: string;
+    QUICK_LINKS: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",
@@ -351,3 +352,6 @@ export declare enum FlexAppVersionEnums {
 export declare enum FlexDefaultValues {
     FLEXLIGHTBOXCLOSEBTN = "isLightboxCloseIconKey"
 }
+export declare enum SkeletonItems {
+    PLACEHOLDER_IMAGE = "/00000000-0000-0000-0000-000000000000/development/img-placeholder.jpg"
+}

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

@@ -61,4 +61,5 @@ import * as tabsV2Schema from "./elements/tab-v2/index";
 import * as tabsContainerSchema from "./elements/tab-container/index";
 import * as marchandiserSetsSchema from "./elements/marchandiser-sets/index";
 import * as formBuilder from "./elements/form-builder/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, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, };
+import * as quickLinksSchema from "./elements/quick-links/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, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, };

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

@@ -23,14 +23,6 @@ export declare const getDefaultData: () => {
             value: number;
             unit: CMSCSSUnitTypesEnums;
         };
-        height: {
-            value: number;
-            unit: CMSCSSUnitTypesEnums;
-            property?: any;
-            propertyType?: any;
-            isReadOnly?: boolean | undefined;
-            parentRef?: string | undefined;
-        };
         margin: import("../../interfaces/global").CSSPaddingValues | undefined;
         padding: import("../../interfaces/global").CSSPaddingValues | undefined;
         overflowContent: CMSIBCommonInterface | undefined;
@@ -116,15 +108,6 @@ export declare const getDefaultData: () => {
     };
     design: {
         selectorKey: SelectorKeysEnum;
-        cartItemStyles: {
-            selectorKey: SelectorKeysEnum;
-            padding: import("../../interfaces/global").CSSPaddingValues | undefined;
-            margin: import("../../interfaces/global").CSSPaddingValues | undefined;
-            height: import("../../interfaces/global").CMSIBSizeInterface | undefined;
-            showShadow: CMSIBCommonInterface;
-            shadowColor: CMSIBCommonInterface;
-            borderRadius: import("../../interfaces/global").CSSPaddingValues;
-        };
         cartHeadingStyles: {
             theme: CMSIBCommonInterface;
             font: CMSIBCommonInterface;
@@ -146,7 +129,7 @@ export declare const getDefaultData: () => {
             angle: import("../../interfaces/global").CMSIBSizeInterface;
         };
         cartActionStyles: {
-            theme: CMSIBCommonInterface;
+            selectorKey: SelectorKeysEnum;
             font: CMSIBCommonInterface;
             fontSize: import("../../interfaces/global").CMSIBSizeInterface;
             textColor: CMSIBCommonInterface;
@@ -156,24 +139,43 @@ export declare const getDefaultData: () => {
             underline: CMSIBCommonInterface;
             textAlign: CMSIBCommonInterface;
             characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
-            lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
-            backgroundColor: CMSIBCommonInterface;
+        };
+        cartItemStyles: {
+            selectorKey: SelectorKeysEnum;
+            padding: import("../../interfaces/global").CSSPaddingValues | undefined;
+            margin: {
+                isAll: boolean;
+                sides: {
+                    top: {
+                        value: number;
+                        unit: number;
+                    };
+                    right: {
+                        value: number;
+                        unit: number;
+                    };
+                    bottom: {
+                        value: number;
+                        unit: number;
+                    };
+                    left: {
+                        value: number;
+                        unit: number;
+                    };
+                };
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            shadowColor: CMSIBCommonInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            blur: import("../../interfaces/global").CMSIBSizeInterface;
+            showBorder: CMSIBCommonInterface;
             borderColor: CMSIBCommonInterface;
             borderStyle: CMSIBCommonInterface;
             borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
-            showBorder: 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;
-            exposure: import("../../interfaces/global").CMSIBSizeInterface;
-            contrast: import("../../interfaces/global").CMSIBSizeInterface;
-            saturation: import("../../interfaces/global").CMSIBSizeInterface;
-            highlights: import("../../interfaces/global").CMSIBSizeInterface;
-            shadows: import("../../interfaces/global").CMSIBSizeInterface;
-            selectorKey: SelectorKeysEnum;
+            backgroundColor: CMSIBCommonInterface;
         };
         productActionsStyles: {
             theme: CMSIBCommonInterface;

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

@@ -75,4 +75,5 @@ import * as line from "./line";
 import * as tabsV2 from "./tabsV2";
 import * as tabContainer from "./tabContainer";
 import * as marchandiserSets from "./marchandiserSets";
-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, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, };
+import * as quickLinks from "./quickLinks";
+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, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, quickLinks, };

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

@@ -0,0 +1,360 @@
+import { CMSElementEditTypes } from "../../enums";
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface ControlInterface {
+    value: string | boolean;
+    propertyType: string;
+}
+export declare enum QuickLinksSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design",
+    CONTENT = "content",
+    FILL_AND_BACKGROUND = "fillAndBackground",
+    ITEM_STYLE = "iconStyle",
+    QuickLinks_ICONS = "QuickLinks",
+    QuickLinks_WIDGET = "QuickLinksWidget"
+}
+export interface SelectorKeys {
+    LAYOUT: string;
+    DESIGN: string;
+    CONTENT: string;
+    QuickLinks_PLAYER_TEXT: string;
+    PLAY_PAUSE: string;
+    QuickLinks: string;
+}
+export interface QuickLinksControlInterface {
+    selectorKey?: string;
+    margin?: CMSIBCommonInterface;
+    padding?: CMSIBCommonInterface;
+    alignment?: CMSIBCommonInterface;
+    itemSpacing?: ControlInterface;
+    iconSize?: CMSIBCommonInterface;
+    positionType?: CMSIBCommonInterface;
+    pinTo?: CMSIBCommonInterface;
+    website?: CMSIBCommonInterface;
+    websiteUrl?: CMSIBCommonInterface;
+    instagram?: CMSIBCommonInterface;
+    instagramUrl?: CMSIBCommonInterface;
+    linkedIn?: CMSIBCommonInterface;
+    linkedInUrl?: CMSIBCommonInterface;
+    facebook?: CMSIBCommonInterface;
+    facebookUrl?: CMSIBCommonInterface;
+    amazon?: CMSIBCommonInterface;
+    amazonUrl?: CMSIBCommonInterface;
+    twitter?: CMSIBCommonInterface;
+    iconPosition?: CMSIBCommonInterface;
+    clickToNavigate?: CMSIBCommonInterface;
+    iconAndTextSpacing?: CMSIBCommonInterface;
+    iconStyle?: {
+        selectorKey?: string;
+        icon?: CMSIBCommonInterface;
+        iconColor?: CMSIBCommonInterface;
+        iconSize?: CMSIBCommonInterface;
+    };
+    fillAndBackground?: {
+        selectorKey?: string;
+        backgroundColor?: CMSIBCommonInterface;
+    };
+    QuickLinks?: {
+        selectorKey?: string;
+        instagramIcon?: CMSIBCommonInterface;
+        facebookIcon: CMSIBCommonInterface;
+        twitterIcon: CMSIBCommonInterface;
+        amazonIcon: CMSIBCommonInterface;
+        websiteIcon: CMSIBCommonInterface;
+        youtubeIcon: CMSIBCommonInterface;
+        linkedinIcon: CMSIBCommonInterface;
+    };
+}
+export interface CMSQuickLinksEditPopupInterface<L = QuickLinksControlInterface, C = QuickLinksControlInterface, D = QuickLinksControlInterface> {
+    layout?: L;
+    content?: C;
+    design?: D;
+}
+export declare const getDefaultData: () => {
+    layout: {
+        selectorKey: QuickLinksSelectorKeysEnum;
+        width: {
+            value: string;
+            unit: number;
+        };
+        height: {
+            value: string;
+            unit: number;
+            property?: any;
+            propertyType?: any;
+            isReadOnly?: boolean | undefined;
+            parentRef?: string | undefined;
+        };
+        margin: import("../../interfaces/global").CSSPaddingValues | undefined;
+        padding: import("../../interfaces/global").CSSPaddingValues | undefined;
+        displayStyle: {
+            value: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showIcon: {
+            layout: {
+                iconAndTextSpacing: {
+                    value: number;
+                    property: string;
+                    unit: number;
+                    propertyType: CMSElementEditTypes;
+                };
+                displayStyle: {
+                    value: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                showIcon: {
+                    value: boolean;
+                    propertyType: CMSElementEditTypes;
+                };
+                iconPosition: {
+                    value: string;
+                    propertyType: CMSElementEditTypes;
+                };
+            };
+            content: {
+                linksData: {
+                    value: {
+                        id: any;
+                        title: string;
+                        name: string;
+                        show: boolean;
+                        url: string;
+                    }[];
+                    propertyType: CMSElementEditTypes;
+                };
+                showTitle: {
+                    value: boolean;
+                    propertyType: CMSElementEditTypes;
+                };
+                title: {
+                    value: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                description: {
+                    value: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                showDescription: {
+                    value: boolean;
+                    propertyType: CMSElementEditTypes;
+                };
+            };
+            design: {
+                icon: {
+                    value: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                designiconSize: {
+                    value: string;
+                    propertyType: CMSElementEditTypes;
+                    unit: number;
+                    property: string;
+                };
+                iconColor: {
+                    value: {
+                        hex: string;
+                        rgb: {
+                            r: string;
+                            g: string;
+                            b: string;
+                            a: number;
+                        };
+                    };
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                instagramIcon: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                facebookIcon: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                twitterIcon: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                amazonIcon: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                websiteIcon: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                youtubeIcon: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                linkedinIcon: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+            };
+        };
+        iconPosition: {
+            value: string;
+            propertyType: CMSElementEditTypes;
+        };
+        positionType: CMSIBCommonInterface | undefined;
+        pinTo: CMSIBCommonInterface | undefined;
+    };
+    content: {
+        selectorKey: QuickLinksSelectorKeysEnum;
+        showTitle: {
+            value: boolean;
+            propertyType: CMSElementEditTypes;
+        };
+        title: {
+            value: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showDescription: {
+            value: boolean;
+            propertyType: CMSElementEditTypes;
+        };
+        description: {
+            value: string;
+            propertyType: CMSElementEditTypes;
+        };
+        linksData: {
+            value: {
+                id: any;
+                title: string;
+                name: string;
+                show: boolean;
+                url: string;
+            }[];
+            propertyType: CMSElementEditTypes;
+        };
+    };
+    design: {
+        selectorKey: QuickLinksSelectorKeysEnum;
+        QuickLinksWidget: {
+            selectorKey: QuickLinksSelectorKeysEnum;
+            backgroundColor: CMSIBCommonInterface;
+            cropRatio: CMSIBCommonInterface;
+            zoomImage: CMSIBCommonInterface;
+            flip: CMSIBCommonInterface;
+            rotate: import("../../interfaces/global").CMSIBSizeInterface;
+            showBorder: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderColor: CMSIBCommonInterface;
+            borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            blur: import("../../interfaces/global").CMSIBSizeInterface;
+        };
+        itemStyle: {
+            selectorKey: QuickLinksSelectorKeysEnum;
+            backgroundColor: CMSIBCommonInterface;
+            cropRatio: CMSIBCommonInterface;
+            zoomImage: CMSIBCommonInterface;
+            flip: CMSIBCommonInterface;
+            rotate: import("../../interfaces/global").CMSIBSizeInterface;
+            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;
+            showBorder: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderColor: CMSIBCommonInterface;
+            borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            blur: import("../../interfaces/global").CMSIBSizeInterface;
+            showIcon: {
+                value: boolean;
+                property?: any;
+                propertyType?: any;
+                isReadOnly?: boolean | undefined;
+                parentRef?: string | undefined;
+            };
+            iconSize: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+                property: string;
+            };
+            iconColor: {
+                value: {
+                    hex: string;
+                    rgb: {
+                        r: string;
+                        g: string;
+                        b: string;
+                        a: number;
+                    };
+                };
+                property: string;
+                propertyType: CMSElementEditTypes;
+                parentRef: string;
+            };
+        };
+        QuickLinks: {
+            selectorKey: QuickLinksSelectorKeysEnum;
+            instagramIcon: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            facebookIcon: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            twitterIcon: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            amazonIcon: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            websiteIcon: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            youtubeIcon: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            linkedinIcon: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+        };
+    };
+};
+export {};

package/package.json

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