@sc-360-v2/storefront-cms-library 0.4.51 → 0.4.53

package/dist/static-global.scss

@@ -285,3 +285,8 @@ $data: (
   transition: all 400ms ease-in;
   display: flex;
 }
+// Error Message
+.error_msg {
+  font-size: 12px;
+  color: var(--_error-500);
+}

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

@@ -1,4 +1,4 @@
-import { CMSElementEditTypes } from "../../enums";
+import { CMSCSSUnitTypesEnums, CMSElementEditTypes } from "../../enums";
 import { CMSIBCommonInterface } from "../../interfaces/global";
 import { ButtonSelectorKeysEnum } from "./button";
 import { CMSElementEditPopupInterface } from "./common";
@@ -240,6 +240,17 @@ export declare const getDefaultData: () => {
             selectorKey: SelectorKeysEnum;
         };
         productNameDesign: {
+            textOverflow: {
+                value: boolean;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            numberOfDisplayedLines: {
+                unit: CMSCSSUnitTypesEnums;
+                value: number;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
             borderColor: CMSIBCommonInterface;
             borderStyle: CMSIBCommonInterface;
             borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
@@ -1278,7 +1289,7 @@ export declare const getDefaultData: () => {
             dividerWeight: {
                 value: string;
                 property: string;
-                unit: import("../../enums").CMSCSSUnitTypesEnums;
+                unit: CMSCSSUnitTypesEnums;
                 propertyType: CMSElementEditTypes;
             };
             dividerColor: {

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

@@ -26,6 +26,7 @@ export interface selfDesignInterface {
         iconSize: CMSIBCommonInterface;
         iconColor: CMSIBCommonInterface;
         icon: CMSIBCommonInterface;
+        strokeWidth?: CMSIBCommonInterface | any;
     };
     miniCartText: {
         selectorKey: string;

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

@@ -25,6 +25,8 @@ export interface CMSElementEditPopupLayoutInterface {
     dividerBetweenListItems?: CMSIBSizeInterface;
     maxItemsToDisplay?: CMSIBSizeInterface;
     dataConnector?: any;
+    fitOptions?: any;
+    objectPosition?: any;
 }
 export interface CMSElementEditPopupDesignInterface {
     backgroundColor: CMSIBCommonInterface;
@@ -59,6 +61,9 @@ export interface CMSElementEditPopupDesignInterface {
     characterSpacing: CMSIBSizeInterface;
     paragraphSpacing: CMSIBSizeInterface;
     lineHeight: CMSIBSizeInterface;
+    textTransform?: any;
+    textOverflow?: any;
+    numberOfDisplayedLines?: any;
     fontDesc: CMSIBCommonInterface;
     themeDesc: CMSIBCommonInterface;
     fontSizeDesc: CMSIBSizeInterface;

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

@@ -37,6 +37,18 @@ export declare const getDefaultData: () => {
             value: number;
             unit: CMSCSSUnitTypesEnums;
         };
+        rowGap: {
+            property: string;
+            propertyType: CMSElementEditTypes;
+            value: number;
+            unit: CMSCSSUnitTypesEnums;
+        };
+        columnGap: {
+            property: string;
+            propertyType: CMSElementEditTypes;
+            value: number;
+            unit: CMSCSSUnitTypesEnums;
+        };
         justifyContent: {
             property: string;
             propertyType: CMSElementEditTypes;
@@ -47,6 +59,11 @@ export declare const getDefaultData: () => {
             propertyType: CMSElementEditTypes;
             value: string;
         };
+        flexWrap: {
+            property: string;
+            propertyType: CMSElementEditTypes;
+            value: string;
+        };
     };
     design: {
         selectorKey: SelectorKeysEnum;

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

@@ -98,6 +98,7 @@ export declare enum selfEnums {
     MINI_CART_TEXT = "miniSearchText",
     DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle",
     WIDGET_STYLE = "widgetStyle",
+    WIDGET_PLACEHOLDER_TEXT = "widgetPlaceholderText",
     WIDGET_DROPDOWN = "widgetDropdown",
     OPTION_STYLE = "optionStyle",
     HOVER_STATE = "hover",

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

@@ -3,6 +3,7 @@ export interface LoginEditPopupInterface extends CMSElementEditPopupInterface {
 }
 interface selfLayoutInterface {
     selectorKey: string;
+    [key: string]: any;
 }
 export interface selfDesignInterface {
     selectorKey: string;

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

@@ -22,6 +22,7 @@ export declare enum orderSelectorKeysEnum {
     ORDER_NAME = "orderName",
     ORDER_ID = "orderId",
     ORDER_DATE = "orderDate",
+    SHIPPING_METHOD = "shippingMethod",
     QUICK_ACTIONS = "quickActions",
     CONTAINER = "container",
     QUICK_HEADER = "quickHeader",
@@ -471,6 +472,44 @@ export declare const getDefaultData: () => {
                 shadows: import("../../interfaces/global").CMSIBSizeInterface;
                 selectorKey: orderSelectorKeysEnum;
             };
+            shippingMethod: {
+                padding: any;
+                itemGap: {
+                    value: CMSCSSUnitTypesEnums;
+                    unit: CMSCSSUnitTypesEnums;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                theme: import("../../interfaces/global").CMSIBCommonInterface;
+                font: import("../../interfaces/global").CMSIBCommonInterface;
+                fontSize: import("../../interfaces/global").CMSIBSizeInterface;
+                textColor: import("../../interfaces/global").CMSIBCommonInterface;
+                bold: import("../../interfaces/global").CMSIBCommonInterface;
+                italic: import("../../interfaces/global").CMSIBCommonInterface;
+                linethrough: import("../../interfaces/global").CMSIBCommonInterface;
+                underline: import("../../interfaces/global").CMSIBCommonInterface;
+                textAlign: import("../../interfaces/global").CMSIBCommonInterface;
+                characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
+                lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
+                backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
+                margin: import("../../interfaces/global").CSSPaddingValues | undefined;
+                borderColor: import("../../interfaces/global").CMSIBCommonInterface;
+                borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
+                borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+                showBorder: import("../../interfaces/global").CMSIBCommonInterface;
+                showShadow: import("../../interfaces/global").CMSIBCommonInterface;
+                shadowColor: import("../../interfaces/global").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: orderSelectorKeysEnum;
+            };
         };
         quickActions: {
             selectorKey: orderSelectorKeysEnum;

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

@@ -8,6 +8,8 @@ interface selfLayoutInterface {
         value: RepeaterDisplayStyleType;
     };
     itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
+    rowGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
+    columnGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
     itemGapList: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
     justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
         value: JustifyContentValue;

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

@@ -12,6 +12,7 @@ export declare enum resetPasswordSelectorKeysEnum {
     LAYOUT = "layout",
     DESIGN = "design",
     WIDGET = "widget",
+    WIDGET_DETAILS = "widgetDetails",
     FIELD_ITEMS = "fieldItems",
     FORM = "form",
     LABEL = "label",
@@ -24,7 +25,7 @@ export declare enum resetPasswordSelectorKeysEnum {
     TITLE = "title",
     DESCRIPTION = "description",
     RESET_BUTTON = "resetButton",
-    GO_TO_BACK_LOGIN_BUTTON = "goToBackLoginButton",
+    GO_BACK_TO_LOGIN = "goBackToLogin",
     ACTIONS = "actions",
     PASSWORD_ICON = "passwordIcon",
     FIELD_ICON = "fieldIcon"

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

@@ -23,6 +23,18 @@ export interface selfDesignInterface {
         spread: CMSIBCommonInterface;
         angle: CMSIBCommonInterface;
         borderRadius: CMSIBCommonInterface;
+        itemGap: CMSIBCommonInterface;
+        theme: CMSIBCommonInterface;
+        font: CMSIBCommonInterface;
+        fontSize: CMSIBCommonInterface;
+        textColor: CMSIBCommonInterface;
+        bold: CMSIBCommonInterface;
+        italic: CMSIBCommonInterface;
+        linethrough: CMSIBCommonInterface;
+        underline: CMSIBCommonInterface;
+        textAlign: CMSIBCommonInterface;
+        characterSpacing: CMSIBCommonInterface;
+        lineHeight: CMSIBCommonInterface;
     };
     searchIcon: {
         selectorKey: string;
@@ -31,8 +43,23 @@ export interface selfDesignInterface {
         iconColor: CMSIBCommonInterface;
         icon: CMSIBCommonInterface;
     };
+    searchBarFocus: {
+        selectorKey: string;
+        backgroundColor: CMSIBCommonInterface;
+        borderColor: CMSIBCommonInterface;
+        borderStyle: CMSIBCommonInterface;
+        borderPerSlide: CMSIBCommonInterface;
+        showBorder: CMSIBCommonInterface;
+        showShadow: CMSIBCommonInterface;
+        shadowColor: CMSIBCommonInterface;
+        blur: CMSIBCommonInterface;
+        spread: CMSIBCommonInterface;
+        angle: CMSIBCommonInterface;
+        borderRadius: CMSIBCommonInterface;
+    };
     placeholderText: {
         selectorKey: string;
+        theme: CMSIBCommonInterface;
         font: CMSIBCommonInterface;
         fontSize: CMSIBCommonInterface;
         textColor: CMSIBCommonInterface;
@@ -51,6 +78,7 @@ export declare enum searchSelectorKeysEnum {
     SEARCHBAR = "searchBar",
     PLACEHOLDER_TEXT = "placeholderText",
     SEARCH_ICON = "searchIcon",
+    SEARCH_BAR_FOCUS = "searchBarFocus",
     MINI_CART_TEXT = "miniSearchText",
     DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle"
 }

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

@@ -207,6 +207,7 @@ export declare const getDefaultData: () => {
         userInfoDesign: {
             selectorKey: SelectorKeysEnum;
             fillAndOpacity: {
+                itemGap: import("../../interfaces/global").CMSIBSizeInterface;
                 showDivider: {
                     value: boolean;
                     parentRef: string;
@@ -731,94 +732,6 @@ export declare const getDefaultData: () => {
         };
         dropdownStyle: {
             selectorKey: SelectorKeysEnum;
-            layoutSettings: {
-                selectorKey: SelectorKeysEnum;
-                width: {
-                    value: string;
-                    unit: number;
-                };
-                height: {
-                    value: string;
-                    unit: number;
-                    isReadOnly: boolean;
-                    property?: any;
-                    propertyType?: any;
-                    parentRef?: string | undefined;
-                };
-                margin: import("../../interfaces/global").CSSPaddingValues | undefined;
-                padding: any;
-                whenClicked: {
-                    value: string;
-                    property: string;
-                    propertyType: CMSElementEditTypes;
-                };
-                showSearchText: {
-                    value: boolean;
-                    property: string;
-                    propertyType: CMSElementEditTypes;
-                };
-                searchText: {
-                    value: string;
-                    property: string;
-                    propertyType: CMSElementEditTypes;
-                };
-                searchPlaceholderText: {
-                    value: string;
-                    property: string;
-                    propertyType: CMSElementEditTypes;
-                };
-                showNoOfItems: {
-                    value: boolean;
-                    property: string;
-                    propertyType: CMSElementEditTypes;
-                };
-                positionType: CMSIBCommonInterface | undefined;
-                pinTo: CMSIBCommonInterface | undefined;
-                displayStyle: {
-                    value: string;
-                    propertyType: CMSElementEditTypes;
-                };
-                alignment: {
-                    value: string;
-                    property: string;
-                    propertyType: CMSElementEditTypes;
-                };
-                menuType: {
-                    value: string;
-                    propertyType: CMSElementEditTypes;
-                };
-                flagStyle: {
-                    value: string;
-                    propertyType: CMSElementEditTypes;
-                };
-                flagSize: {
-                    value: number;
-                    property: string;
-                    unit: number;
-                    propertyType: CMSElementEditTypes;
-                };
-                showFlags: {
-                    value: boolean;
-                    propertyType: CMSElementEditTypes;
-                };
-                itemPadding: any;
-                itemSpacing: {
-                    value: string;
-                    unit: number;
-                    property: string;
-                    propertyType: CMSElementEditTypes;
-                };
-                gapBetweenItems: {
-                    value: string;
-                    unit: number;
-                    property: string;
-                    propertyType: CMSElementEditTypes;
-                };
-                placeholderText: {
-                    value: string;
-                    propertyType: CMSElementEditTypes;
-                };
-            };
             widgetStyle: {
                 showDivider: {
                     value: boolean;
@@ -840,6 +753,49 @@ export declare const getDefaultData: () => {
                     propertyType?: any;
                     isReadOnly?: boolean | undefined;
                 };
+                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;
+                backgroundColor: CMSIBCommonInterface;
+                selectorKey: SelectorKeysEnum;
+                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;
+                padding: any;
+                itemGap: import("../../interfaces/global").CMSIBSizeInterface;
+            };
+            widgetPlaceholderText: {
+                padding: any;
+                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;
+                backgroundColor: CMSIBCommonInterface;
+                selectorKey: SelectorKeysEnum;
+            };
+            widgetDropdown: {
                 selectorKey: SelectorKeysEnum;
                 backgroundColor: CMSIBCommonInterface;
                 borderColor: CMSIBCommonInterface;
@@ -852,6 +808,8 @@ export declare const getDefaultData: () => {
                 spread: import("../../interfaces/global").CMSIBSizeInterface;
                 angle: import("../../interfaces/global").CMSIBSizeInterface;
                 borderRadius: import("../../interfaces/global").CSSPaddingValues;
+                padding: any;
+                itemGap: import("../../interfaces/global").CMSIBSizeInterface;
             };
             itemStyle: {
                 selectorKey: SelectorKeysEnum;
@@ -879,6 +837,8 @@ export declare const getDefaultData: () => {
                     textAlign: CMSIBCommonInterface;
                     characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
                     lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
+                    padding: any;
+                    itemGap: import("../../interfaces/global").CMSIBSizeInterface;
                 };
                 hoverState: {
                     selectorKey: SelectorKeysEnum;