@sc-360-v2/storefront-cms-library 0.2.77 → 0.2.80

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

@@ -14,7 +14,10 @@ export declare enum QuickLinksSelectorKeysEnum {
     FILL_AND_BACKGROUND = "fillAndBackground",
     ITEM_STYLE = "iconStyle",
     QuickLinks_ICONS = "QuickLinks",
-    QuickLinks_WIDGET = "QuickLinksWidget"
+    QuickLinks_WIDGET = "quickLinksWidgetDesign",
+    QUICK_LINKS_TEXT_LAYOUT = "quickLinksTextLayout",
+    QUICK_LINKS_WIDGET_LAYOUT = "quickLinksWidgetLayout",
+    TEXT_CONTAINER_DESIGN = "quickLinksTextContainerDesign"
 }
 export interface SelectorKeys {
     LAYOUT: string;
@@ -94,121 +97,6 @@ export declare const getDefaultData: () => {
             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;
     };
@@ -243,23 +131,44 @@ export declare const getDefaultData: () => {
     };
     design: {
         selectorKey: QuickLinksSelectorKeysEnum;
-        QuickLinksWidget: {
+        quickLinksWidgetDesign: {
             selectorKey: QuickLinksSelectorKeysEnum;
             backgroundColor: CMSIBCommonInterface;
-            cropRatio: CMSIBCommonInterface;
-            zoomImage: CMSIBCommonInterface;
-            flip: CMSIBCommonInterface;
-            rotate: import("../../interfaces/global").CMSIBSizeInterface;
-            showBorder: CMSIBCommonInterface;
-            borderStyle: CMSIBCommonInterface;
             borderColor: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
             borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
-            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            showBorder: CMSIBCommonInterface;
             showShadow: CMSIBCommonInterface;
             shadowColor: CMSIBCommonInterface;
-            angle: import("../../interfaces/global").CMSIBSizeInterface;
-            spread: import("../../interfaces/global").CMSIBSizeInterface;
             blur: import("../../interfaces/global").CMSIBSizeInterface;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            showIcon: CMSIBCommonInterface | undefined;
+            iconSize: import("../../interfaces/global").CMSIBSizeInterface;
+            iconColor: CMSIBCommonInterface;
+            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;
+            themeDesc: CMSIBCommonInterface;
+            fontDesc: CMSIBCommonInterface;
+            fontSizeDesc: import("../../interfaces/global").CMSIBSizeInterface;
+            textColorDesc: CMSIBCommonInterface;
+            boldDesc: CMSIBCommonInterface;
+            italicDesc: CMSIBCommonInterface;
+            linethroughDesc: CMSIBCommonInterface;
+            underlineDesc: CMSIBCommonInterface;
+            textAlignDesc: CMSIBCommonInterface;
+            characterSpacingDesc: import("../../interfaces/global").CMSIBSizeInterface | undefined;
+            lineHeightDesc: import("../../interfaces/global").CMSIBSizeInterface;
         };
         itemStyle: {
             selectorKey: QuickLinksSelectorKeysEnum;
@@ -317,7 +226,61 @@ export declare const getDefaultData: () => {
                 parentRef: string;
             };
         };
-        QuickLinks: {
+        quickLinksTextLayout: {
+            selectorKey: QuickLinksSelectorKeysEnum;
+            textVerticalPadding: {
+                value: string;
+                property: string;
+                unit: number;
+                propertyType: CMSElementEditTypes;
+            };
+            textHorizontalPadding: {
+                value: string;
+                property: string;
+                unit: number;
+                propertyType: CMSElementEditTypes;
+            };
+            titleAndDescriptionSpacing: {
+                value: string;
+                property: string;
+                unit: number;
+                propertyType: CMSElementEditTypes;
+            };
+        };
+        quickLinksWidgetLayout: {
+            selectorKey: QuickLinksSelectorKeysEnum;
+            verticalAlignment: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            widgetTextAndItemSpacing: {
+                value: string;
+                property: string;
+                unit: number;
+                propertyType: CMSElementEditTypes;
+            };
+            textPosition: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+        };
+        quickLinksTextContainerDesign: {
+            selectorKey: QuickLinksSelectorKeysEnum;
+            backgroundColor: CMSIBCommonInterface;
+            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;
+        };
+        quickLinks: {
             selectorKey: QuickLinksSelectorKeysEnum;
             instagramIcon: {
                 value: string;

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

@@ -16,7 +16,8 @@ export declare enum sectionSelectorKeysEnum {
     SETTINGS = "settings",
     VISIBILITY = "visibility",
     SCHEDULES = "schedules",
-    DEVICE_VISIBILITY = "deviceVisibility"
+    DEVICE_VISIBILITY = "deviceVisibility",
+    CUSTOM_ATTRIBUTES = "customAttributes"
 }
 export declare const getDefaultData: (contentWidth: any) => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

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

@@ -80,7 +80,8 @@ export declare enum StoreLocationSelectorKeysEnum {
     PAGINATION_LINE = "paginationLine",
     SHOW_MORE_ITEMS_BUTTON = "showMoreItemsButtons",
     HOVER_STATE = "hover",
-    DEFAULT_STATE = "default"
+    DEFAULT_STATE = "default",
+    DATA_CONNECTOR = "dataConnector"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

package/dist/uom-selector.scss

@@ -926,9 +926,9 @@
               var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
             );
 
-            justify-content: center;
-            flex-direction: column;
-            gap: 4px;
+            // justify-content: center;
+            // flex-direction: column;
+            // gap: 4px;
 
             padding: var(
                 --_ctm-mob-dn-im-se-sd-se-vl-pg,

package/dist/widget.scss

@@ -49,7 +49,6 @@
 @use "./product-options.scss";
 @use "./brand-basic-elements.scss";
 @use "./brand.scss";
-@use "./bundle-basic-elements.scss";
 @use "./bundle.scss";
 @use "./category.scss";
 @use "./sub-category.scss";
@@ -87,4 +86,10 @@
 @use "./tab-container.scss";
 @use "./quick-links.scss";
 @use "./add-order.scss";
-@use "./buyFor.scss";
+@use "./buyForPopup.scss";
+@use "./cart-products-sidebar.scss";
+@use "./checkout.scss";
+@use "./buyForHeaders.scss";
+@use "./buy-for-tab.scss";
+@use "./buy-for-tabs-container-item.scss";
+@use "./buy-for-tab-container.scss";

package/package.json

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

package/dist/buyFor.scss

@@ -1,153 +0,0 @@
-.popup_backdrop {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.3);
-  backdrop-filter: blur(6px);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-}
-
-.popup_container {
-  width: 90%;
-  max-width: 600px;
-  background: #ffffff;
-  border-radius: 12px;
-  padding: 24px;
-  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
-  display: flex;
-  flex-direction: column;
-  max-height: 80vh;
-  overflow-y: auto;
-}
-
-.popup_header {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 16px;
-
-  h2 {
-    font-size: 20px;
-    font-weight: 600;
-    margin: 0;
-  }
-
-  p {
-    font-size: 14px;
-    color: #666;
-    margin: 4px 0 0;
-  }
-}
-
-.search_input {
-  padding: 10px 12px;
-  border: 1px solid #ddd;
-  border-radius: 8px;
-  margin-bottom: 16px;
-  width: 100%;
-  font-size: 14px;
-
-  &:focus {
-    outline: none;
-    border-color: #007bff;
-  }
-}
-
-.groups_list {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  overflow-y: auto;
-  max-height: 50vh;
-}
-
-.group_section {
-  .group_header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    font-weight: 500;
-    font-size: 15px;
-    margin-bottom: 8px;
-  }
-
-  .user_card {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 10px 12px;
-    border: 1px solid #ddd;
-    border-radius: 8px;
-    margin-bottom: 6px;
-    cursor: pointer;
-    transition: all 0.2s ease;
-
-    &:hover {
-      background-color: #f5f5f5;
-    }
-
-    &.selected {
-      background-color: #e6f4ff;
-      border-color: #007bff;
-    }
-
-    .user_info {
-      display: flex;
-      flex-direction: column;
-
-      .user_name {
-        font-weight: 500;
-      }
-
-      .user_id {
-        font-size: 12px;
-        color: #666;
-      }
-    }
-
-    .check_icon {
-      font-size: 16px;
-      color: #007bff;
-    }
-  }
-}
-
-.popup_footer {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 24px;
-
-  button {
-    padding: 10px 16px;
-    border-radius: 6px;
-    font-size: 14px;
-    font-weight: 500;
-    cursor: pointer;
-    border: none;
-    transition: background 0.2s ease;
-
-    &:first-child {
-      background: #f3f3f3;
-      color: #333;
-
-      &:hover {
-        background: #e0e0e0;
-      }
-    }
-
-    &.proceed_button {
-      background: #007bff;
-      color: #fff;
-
-      &:disabled {
-        background: #ccc;
-        cursor: not-allowed;
-      }
-
-      &:not(:disabled):hover {
-        background: #0069d9;
-      }
-    }
-  }
-}