@sc-360-v2/storefront-cms-library 0.3.19 → 0.3.21

package/dist/container.scss

@@ -1,5 +1,6 @@
 @use "sass:map";
 @use "sass:list";
+@use "./functions.scss" as *;
 $activeElementSelector: "[data-has-clicked='true']";
 [data-div-type="element"] {
   &[data-element-type="container"] {
@@ -36,6 +37,7 @@ $activeElementSelector: "[data-has-clicked='true']";
     & > div {
       &.wrapper {
         width: 100%;
+        min-height: prepareMediaVariable(--_ctm-con-lt-mn-ht);
         padding: var(--_ctm-mob-con-lt-pg, var(--_ctm-tab-con-lt-pg, var(--_ctm-con-lt-pg)));
 
         background-color: var(

package/dist/fb-dropdown.scss

@@ -3,7 +3,7 @@
   width: 100%;
 }
 
-.dropdown_label {
+.fb_dropdown_label {
   width: 100%;
   height: 40px;
   border: 1px solid var(--_gray-300);
@@ -29,13 +29,18 @@
     color: var(--_gray-400);
   }
 
-  .dropdown_text {
+  .fb_dropdown_text {
     color: var(--_gray-800);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 90%;
   }
 
-  .dropdown_icon {
+  .fb_dropdown_icon {
     display: flex;
     transition: transform 300ms ease;
+
     svg {
       width: 16px;
       height: 16px;
@@ -60,7 +65,7 @@
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 
   &.drop-up {
-    bottom: 44px; // height of dropdown + margin
+    bottom: 44px;
     top: auto;
     margin-top: 0;
     margin-bottom: 4px;
@@ -80,12 +85,20 @@
     }
 
     .dropdown_option {
-      padding: 10px 12px;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
       font-size: 14px;
       color: var(--_gray-700);
       cursor: pointer;
       transition: background 0.2s;
 
+      input[type="checkbox"] {
+        margin: 0;
+        pointer-events: none;
+      }
+
       &:hover {
         background-color: var(--_primary-50);
         color: var(--_primary-500);
@@ -99,3 +112,10 @@
     }
   }
 }
+
+.empty-options {
+  padding: 10px 12px;
+  color: var(--_gray-500);
+  font-size: 14px;
+  text-align: center;
+}

package/dist/product-image.scss

@@ -1187,6 +1187,9 @@
           // height: 100%;
           position: absolute;
         }
+        a:has(img) {
+          width: 100%;
+        }
 
         &[data-widget-alignment="top"] {
           // align-items: flex-start;

package/dist/types/builder/elements/cart-attributes/index.d.ts

@@ -0,0 +1,27 @@
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface CartAttributesStyleProperties extends CommonStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => CartAttributesStyleProperties;
+export interface CMSAttributesInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: CartAttributesStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+    content: string;
+}

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

@@ -3,7 +3,6 @@ import { CommonStyleProperties } from "../../../global/style-properties";
 import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
 import { BuilderAttributes } from "../common";
 export interface ContainerStyleProperties extends CommonStyleProperties {
-    minHeight: string;
     minWidth: string;
     maxWidth: string;
     maxHeight: string;

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

@@ -49,10 +49,13 @@ export declare enum FormElementTypeEnum {
 export declare enum FormElementIdEnum {
     FirstName = "FirstName",
     LastName = "LastName",
+    UserName = "UserName",
     Email = "Email",
     Password = "Password",
     Phone = "Phone",
     DateOfBirth = "DateOfBirth",
+    Honorific = "Honorific",
+    Gender = "Gender",
     Address = "Address",
     InputText = "InputText",
     ShortAnswer = "ShortAnswer",
@@ -73,8 +76,6 @@ export declare enum FormElementIdEnum {
     ResetButton = "ResetButton",
     LoginButton = "LoginButton",
     SignupButton = "SignupButton",
-    CustomAttribute1 = "CustomAttribute1",
-    CustomAttribute2 = "CustomAttribute2",
     Header = "Header",
     Text = "Text"
 }
@@ -107,6 +108,7 @@ export interface FormComponentConfig {
     options?: string[];
     src?: string;
     captionsSrc?: string;
+    customAttributeKey?: string;
     href?: string;
     html?: string;
     showElementProperties: ElementSettingEnum[];
@@ -176,3 +178,35 @@ export declare enum FormRequiredFieldPlacement {
     BeforeField = 1,
     AfterField = 2
 }
+export declare enum GENDEREnum {
+    MALE = 1,
+    FEMALE = 2,
+    OTHER = 3
+}
+export declare const genderConstant: {
+    label: string;
+    value: GENDEREnum;
+}[];
+export declare enum AttributeDataType {
+    STRING = 1,
+    DATE = 2,
+    INTEGER = 3,
+    FILE = 4,
+    IMAGE = 5,
+    COLORPICKER = 6,
+    CURRENCY = 7,
+    BOOLEAN = 8,
+    BIGINTEGER = 9,
+    DATEANDTIME = 10,
+    DECIMAL = 11,
+    MULTISELECT = 12,
+    PERCENT = 13,
+    SELECT = 14,
+    TEXTEDITOR = 15
+}
+export declare function getCompTypeByAttrId(dataTypeId: AttributeDataType): {
+    id: FormElementIdEnum;
+    type: FormComponentTypeEnum;
+    fieldType: FormElementTypeEnum;
+    key: string;
+};

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

@@ -14,7 +14,6 @@ export interface SectionAttributes extends CMSHTMLAttributes {
     dataMeta?: string;
 }
 export interface SectionStyleProperties extends CommonStyleProperties {
-    minHeight?: string;
     height?: string;
     minWidth?: string;
     maxWidth?: string;

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

@@ -323,6 +323,7 @@ export declare const CMSElementsListEnum: {
     FILTER_RESULTS: string;
     PRODUCT_SIZECHART: string;
     BADGE: string;
+    CART_ATTRIBUTES: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",

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

@@ -81,4 +81,5 @@ import * as userElementsSchema from "./elements/user-elements/index";
 import * as filterResultsSchema from "./elements/filter-results/index";
 import * as productSizeChartSchema from "./elements/product-sizechart/index";
 import * as badgeSchema from "./elements/badge/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, bundleDetailsSchema, 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, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, };
+import * as cartAttributesSchema from "./elements/cart-attributes/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, bundleDetailsSchema, 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, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, };

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

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