@sc-360-v2/storefront-cms-library 0.2.73 → 0.2.76

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

@@ -274,6 +274,8 @@ export declare const CMSElementsListEnum: {
     CATEGORY_DETAILS: string;
     CONTACTUS: string;
     LOGIN: string;
+    CREATE_FORM: string;
+    ADD_EXISTING_FORM: string;
     RESET_PASSWORD: string;
     FORGOT_PASSWORD: string;
     BREADCRUMBS: string;
@@ -288,6 +290,8 @@ export declare const CMSElementsListEnum: {
     TABS_V2: string;
     TABS_CONTAINER: string;
     MARCHANDISER_SETS: string;
+    QUICK_LINKS: string;
+    ADD_ORDER: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",
@@ -342,7 +346,8 @@ export declare enum CMSCustomEventsListEnums {
     LIGHTBOX = "customLightBoxV1",
     UOMSELECTOR = "uomSelectorV1",
     TEXTELEMENTCODEVIEW = "textElementCodeView",
-    PRODUCT_DETAILS_STATE = "productDetailsState"
+    PRODUCT_DETAILS_STATE = "productDetailsState",
+    IMAGE_CROP = "imageCrop"
 }
 export declare enum FlexAppVersionEnums {
     NESTEDJSON = 1,
@@ -351,3 +356,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

@@ -52,6 +52,7 @@ import * as layouterItemSchema from "./elements/layouter-item/index";
 import commonFunctions from "./utilities/global";
 import * as contactUsSchema from "./elements/contact-us/index";
 import * as loginSchema from "./elements/login/index";
+import * as createFormSchema from "./elements/create-form/index";
 import * as resetPasswordSchema from "./elements/reset-password/index";
 import * as categoryDetailsSchema from "./elements/category-details/index";
 import * as searchResultsHeadingSchema from "./elements/search-results-heading/index";
@@ -61,4 +62,6 @@ 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";
+import * as addOrderSchema from "./elements/add-order/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, };

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

@@ -122,3 +122,8 @@ export interface CMSLightBoxCustomEventInterface {
     displayType?: CMSComponentImportTypeEnum;
     item?: LightBoxV2ElementInterface;
 }
+export interface FlexCustomEventInterface {
+    show: boolean;
+    displayType?: CMSComponentImportTypeEnum;
+    item?: any;
+}

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

@@ -0,0 +1,28 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+export interface AddOrderLayoutInterface {
+    selectorKey: string;
+    buttonStyle: CMSIBCommonInterface;
+    buttonText: CMSIBCommonInterface;
+    buttonIcon: CMSIBCommonInterface;
+    iconPosition: CMSIBCommonInterface;
+    iconAndTextSpacing: CMSIBCommonInterface;
+    alignment: CMSIBCommonInterface;
+    buttonType: CMSIBCommonInterface;
+    linkTo: CMSIBCommonInterface;
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+    defaultState: any;
+    hoverState: any;
+}
+export declare enum AddOrderSelectorKeysEnum {
+    HOVER_STATE = "hover",
+    DEFAULT_STATE = "default",
+    LAYOUT = "layout",
+    DESIGN = "design",
+    DATA_CONNECTOR = "dataConnector"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<AddOrderLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;

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

@@ -0,0 +1,15 @@
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface CreateFormEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface selfLayoutInterface {
+    selectorKey: string;
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum createFormSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

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

@@ -75,4 +75,7 @@ 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 createForm from "./createForm";
+import * as quickLinks from "./quickLinks";
+import * as addOrder from "./addOrder";
+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, createForm, quickLinks, addOrder, };

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 {};