@sc-360-v2/storefront-cms-library 0.3.45 → 0.3.47

package/dist/theme-classes.scss

@@ -0,0 +1,296 @@
+@use "sass:map";
+@use "sass:list";
+
+// typography
+
+.flx-thm-typ-h1 {
+  // padding-inline: var(--_sf-cd-gp);
+  color: var(--_thm-ty-h1-tt-cr);
+  font-family: var(--_thm-ty-h1-ft-fy), sans-serif;
+  font-size: var(--_thm-ty-h1-ft-se);
+  font-weight: var(--_thm-ty-h1-bd);
+  font-style: var(--_thm-ty-h1-ic);
+  text-align: var(--_thm-ty-h1-tt-an);
+  letter-spacing: var(--_thm-ty-h1-cr-sg);
+  line-height: var(--_thm-ty-h1-le-ht);
+  text-decoration: var(--_thm-ty-h1-ue);
+}
+
+.flx-thm-typ-h2 {
+  // padding-inline: var(--_sf-cd-gp);
+  color: var(--_thm-ty-h2-tt-cr);
+  font-family: var(--_thm-ty-h2-ft-fy), sans-serif;
+  font-size: var(--_thm-ty-h2-ft-se);
+  font-weight: var(--_thm-ty-h2-bd);
+  font-style: var(--_thm-ty-h2-ic);
+  text-align: var(--_thm-ty-h2-tt-an);
+  letter-spacing: var(--_thm-ty-h2-cr-sg);
+  line-height: var(--_thm-ty-h2-le-ht);
+  text-decoration: var(--_thm-ty-h2-ue);
+}
+.flx-thm-typ-h3 {
+  // padding-inline: var(--_sf-cd-gp);
+  color: var(--_thm-ty-h3-tt-cr);
+  font-family: var(--_thm-ty-h3-ft-fy), sans-serif;
+  font-size: var(--_thm-ty-h3-ft-se);
+  font-weight: var(--_thm-ty-h3-bd);
+  font-style: var(--_thm-ty-h3-ic);
+  text-align: var(--_thm-ty-h3-tt-an);
+  letter-spacing: var(--_thm-ty-h3-cr-sg);
+  line-height: var(--_thm-ty-h3-le-ht);
+  text-decoration: var(--_thm-ty-h3-ue);
+}
+.flx-thm-typ-h4 {
+  // padding-inline: var(--_sf-cd-gp);
+  color: var(--_thm-ty-h4-tt-cr);
+  font-family: var(--_thm-ty-h4-ft-fy), sans-serif;
+  font-size: var(--_thm-ty-h4-ft-se);
+  font-weight: var(--_thm-ty-h4-bd);
+  font-style: var(--_thm-ty-h4-ic);
+  text-align: var(--_thm-ty-h4-tt-an);
+  letter-spacing: var(--_thm-ty-h4-cr-sg);
+  line-height: var(--_thm-ty-h4-le-ht);
+  text-decoration: var(--_thm-ty-h4-ue);
+}
+.flx-thm-typ-h6 {
+  // padding-inline: var(--_sf-cd-gp);
+  color: var(--_thm-ty-h6-tt-cr);
+  font-family: var(--_thm-ty-h6-ft-fy), sans-serif;
+  font-size: var(--_thm-ty-h6-ft-se);
+  font-weight: var(--_thm-ty-h6-bd);
+  font-style: var(--_thm-ty-h6-ic);
+  text-align: var(--_thm-ty-h6-tt-an);
+  letter-spacing: var(--_thm-ty-h6-cr-sg);
+  line-height: var(--_thm-ty-h6-le-ht);
+  text-decoration: var(--_thm-ty-h6-ue);
+}
+
+.flx-thm-typ-h5 {
+  // padding-inline: var(--_sf-cd-gp);
+  color: var(--_thm-ty-h5-tt-cr);
+  font-family: var(--_thm-ty-h5-ft-fy), sans-serif;
+  font-size: var(--_thm-ty-h5-ft-se);
+  font-weight: var(--_thm-ty-h5-bd);
+  font-style: var(--_thm-ty-h5-ic);
+  text-align: var(--_thm-ty-h5-tt-an);
+  letter-spacing: var(--_thm-ty-h5-cr-sg);
+  line-height: var(--_thm-ty-h5-le-ht);
+  text-decoration: var(--_thm-ty-h5-ue);
+}
+
+.flx-thm-typ-p1 {
+  // padding-inline: var(--_sf-cd-gp);
+  color: var(--_thm-ty-p1-tt-cr);
+  font-family: var(--_thm-ty-p1-ft-fy), sans-serif;
+  font-size: var(--_thm-ty-p1-ft-se);
+  font-weight: var(--_thm-ty-p1-bd);
+  font-style: var(--_thm-ty-p1-ic);
+  text-align: var(--_thm-ty-p1-tt-an);
+  letter-spacing: var(--_thm-ty-p1-cr-sg);
+  line-height: var(--_thm-ty-p1-le-ht);
+  text-decoration: var(--_thm-ty-p1-ue);
+}
+.flx-thm-typ-p2 {
+  // padding-inline: var(--_sf-cd-gp);
+  color: var(--_thm-ty-p2-tt-cr);
+  font-family: var(--_thm-ty-p2-ft-fy), sans-serif;
+  font-size: var(--_thm-ty-p2-ft-se);
+  font-weight: var(--_thm-ty-p2-bd);
+  font-style: var(--_thm-ty-p2-ic);
+  text-align: var(--_thm-ty-p2-tt-an);
+  letter-spacing: var(--_thm-ty-p2-cr-sg);
+  line-height: var(--_thm-ty-p2-le-ht);
+  text-decoration: var(--_thm-ty-p2-ue);
+}
+
+.flx-thm-typ-p3 {
+  // padding-inline: var(--_sf-cd-gp);
+  color: var(--_thm-ty-p3-tt-cr);
+  font-family: var(--_thm-ty-p3-ft-fy), sans-serif;
+  font-size: var(--_thm-ty-p3-ft-se);
+  font-weight: var(--_thm-ty-p3-bd);
+  // font-style: var(--_thm-ty-p3-ic);
+  text-align: var(--_thm-ty-p3-tt-an);
+  letter-spacing: var(--_thm-ty-p3-cr-sg);
+  line-height: var(--_thm-ty-p3-le-ht);
+  text-decoration: var(--_thm-ty-p3-ue);
+}
+
+// buttons
+.flx-thm-btn-primary {
+  &:hover {
+    --_sf-hr-bd-cr: var(--_thm-py-bs-hr-se-bd-cr);
+    --_sf-hr-br-cr: var(--_thm-py-bs-hr-se-br-cr);
+    --_sf-hr-br-se: var(--_thm-py-bs-hr-se-br-se);
+    --_sf-hr-br-wh: var(--_thm-py-bs-hr-se-br-wh);
+    --_sf-hr-br-rs: var(--_thm-py-bs-hr-se-br-rs);
+
+    // for shadow
+    --_sf-hr-sw-ae: var(--_thm-py-bs-hr-se-ae);
+    --_sf-hr-sw-br: var(--_thm-py-bs-hr-se-br);
+    --_sf-hr-sw-cr: var(--_thm-py-bs-hr-se-sw-cr);
+
+    // for font
+    --_sf-hr-cr: var(--_thm-py-bs-hr-se-tt-cr);
+    --_sf-hr-ft-fy: var(--_thm-py-bs-hr-se-ft);
+    --_sf-hr-ft-se: var(--_thm-py-bs-hr-se-ft-se);
+    --_sf-hr-ft-wt: var(--_thm-py-bs-hr-se-bd);
+    --_sf-hr-ft-se-ic: var(--_thm-py-bs-hr-se-ic);
+    --_sf-hr-tt-an: var(--_thm-py-bs-hr-se-tt-an);
+    --_sf-hr-cr-sg: var(--_thm-py-bs-hr-se-cr-sg);
+    --_sf-hr-le-ht: var(--_thm-py-bs-hr-se-le-ht);
+
+    --_sf-hr-in-se: var(--_thm-py-bs-hr-se-in-se);
+    --_sf-hr-in-c1: var(--_thm-py-bs-hr-se-in-cr);
+    --_sf-hr-ue: var(--_thm-py-bs-hr-se-ue);
+  }
+
+  background-color: var(--_sf-hr-bd-cr, var(--_thm-py-bs-dt-se-bd-cr));
+  gap: var(--_thm-py-bs-in-ad-tt-sg);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: var(--_sf-hr-tt-an, var(--_thm-py-bs-dt-se-tt-an));
+
+  border-radius: var(--_sf-hr-br-rs, var(--_thm-py-bs-dt-se-br-rs));
+
+  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-py-bs-dt-se-sw-ae))
+    var(--_sf-hr-sw-br, var(--_thm-py-bs-dt-se-sw-br))
+    var(--_sf-hr-sw-sd, var(--_thm-py-bs-dt-se-sw-sd))
+    var(--_sf-hr-sw-cr, var(--_thm-py-bs-dt-se-sw-cr));
+
+  &[data-show-border="true"] {
+    border-color: var(--_sf-hr-br-cr, var(--_thm-py-bs-dt-se-br-cr));
+    border-style: var(--_sf-hr-br-se, var(--_thm-py-bs-dt-se-br-se));
+    border-width: var(--_sf-hr-br-wh, var(--_thm-py-bs-dt-se-br-wh));
+  }
+
+  // .txt {
+  //   display: flex;
+  //   color: var(--_sf-hr-cr, var(--_thm-py-bs-dt-se-cr));
+  //   font-family: var(--_sf-hr-ft-fy, var(--_thm-py-bs-dt-se-ft-fy)), sans-serif;
+  //   font-size: var(--_sf-hr-ft-se, var(--_thm-py-bs-dt-se-ft-se));
+  //   font-weight: var(--_sf-hr-ft-wt, var(--_thm-py-bs-dt-se-ft-wt));
+  //   font-style: var(--_sf-hr-ft-se-ic, var(--_thm-py-bs-dt-se-ft-se-ic));
+  //   text-align: var(--_sf-hr-tt-an, var(--_thm-py-bs-dt-se-tt-an));
+  //   letter-spacing: var(--_sf-hr-cr-sg, var(--_thm-py-bs-dt-se-cr-sg));
+  //   line-height: var(--_sf-hr-le-ht, var(--_thm-py-bs-dt-se-le-ht));
+  //   text-decoration: var(--_sf-hr-ue, var(--_thm-py-bs-dt-se-ue));
+  // }
+
+  color: var(--_sf-hr-cr, var(--_thm-py-bs-dt-se-tt-cr));
+  font-family: var(--_sf-hr-ft-fy, var(--_thm-py-bs-dt-se-ft)), sans-serif;
+  font-size: var(--_sf-hr-ft-se, var(--_thm-py-bs-dt-se-ft-se));
+  font-weight: var(--_sf-hr-ft-wt, var(--_thm-py-bs-dt-se-bd));
+  font-style: var(--_sf-hr-ft-se-ic, var(--_thm-py-bs-dt-se-ic));
+  text-align: var(--_sf-hr-tt-an, var(--_thm-py-bs-dt-se-tt-an));
+  letter-spacing: var(--_sf-hr-cr-sg, var(--_thm-py-bs-dt-se-cr-sg));
+  line-height: var(--_sf-hr-le-ht, var(--_thm-py-bs-dt-se-le-ht));
+  text-decoration: var(--_sf-hr-ue, var(--_thm-py-bs-dt-se-ue));
+
+  .icon {
+    display: var(--_hover-show-icon, var(--_show-icon, flex));
+    svg {
+      width: var(--_sf-hr-in-se, var(--_thm-py-bs-dt-se-in-se));
+      height: var(--_sf-hr-in-se, var(--_thm-py-bs-dt-se-in-se));
+
+      path {
+        stroke: var(--_sf-hr-in-c1, var(--_thm-py-bs-dt-se-in-c1));
+      }
+    }
+  }
+
+  [data-element-style="Text"] {
+    display: inline-block;
+    width: 100%;
+  }
+}
+
+.flx-thm-btn-secondary {
+  &:hover {
+    --_sf-hr-bd-cr: var(--_thm-sy-bs-hr-se-bd-cr);
+    --_sf-hr-br-cr: var(--_thm-sy-bs-hr-se-br-cr);
+    --_sf-hr-br-se: var(--_thm-sy-bs-hr-se-br-se);
+    --_sf-hr-br-wh: var(--_thm-sy-bs-hr-se-br-wh);
+    --_sf-hr-br-rs: var(--_thm-sy-bs-hr-se-br-rs);
+
+    // for shadow
+    --_sf-hr-sw-ae: var(--_thm-sy-bs-hr-se-ae);
+    --_sf-hr-sw-br: var(--_thm-sy-bs-hr-se-br);
+    --_sf-hr-sw-cr: var(--_thm-sy-bs-hr-se-sw-cr);
+
+    // for font
+    --_sf-hr-cr: var(--_thm-sy-bs-hr-se-tt-cr);
+    --_sf-hr-ft-fy: var(--_thm-sy-bs-hr-se-ft);
+    --_sf-hr-ft-se: var(--_thm-sy-bs-hr-se-ft-se);
+    --_sf-hr-ft-wt: var(--_thm-sy-bs-hr-se-bd);
+    --_sf-hr-ft-se-ic: var(--_thm-sy-bs-hr-se-ic);
+    --_sf-hr-tt-an: var(--_thm-sy-bs-hr-se-tt-an);
+    --_sf-hr-cr-sg: var(--_thm-sy-bs-hr-se-cr-sg);
+    --_sf-hr-le-ht: var(--_thm-sy-bs-hr-se-le-ht);
+
+    --_sf-hr-in-se: var(--_thm-sy-bs-hr-se-in-se);
+    --_sf-hr-in-c1: var(--_thm-sy-bs-hr-se-in-cr);
+    --_sf-hr-ue: var(--_thm-sy-bs-hr-se-ue);
+  }
+
+  background-color: var(--_sf-hr-bd-cr, var(--_thm-sy-bs-dt-se-bd-cr));
+
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: var(--_sf-hr-tt-an, var(--_thm-sy-bs-dt-se-tt-an));
+  gap: var(--_thm-sy-bs-in-ad-tt-sg);
+  border-radius: var(--_sf-hr-br-rs, var(--_thm-sy-bs-dt-se-br-rs));
+
+  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-sy-bs-dt-se-sw-ae))
+    var(--_sf-hr-sw-br, var(--_thm-sy-bs-dt-se-sw-br))
+    var(--_sf-hr-sw-sd, var(--_thm-sy-bs-dt-se-sw-sd))
+    var(--_sf-hr-sw-cr, var(--_thm-sy-bs-dt-se-sw-cr));
+
+  &[data-show-border="true"] {
+    border-color: var(--_sf-hr-br-cr, var(--_thm-sy-bs-dt-se-br-cr));
+    border-style: var(--_sf-hr-br-se, var(--_thm-sy-bs-dt-se-br-se));
+    border-width: var(--_sf-hr-br-wh, var(--_thm-sy-bs-dt-se-br-wh));
+  }
+
+  // .txt {
+  //   display: flex;
+  //   color: var(--_sf-hr-cr, var(--_thm-sy-bs-dt-se-cr));
+  //   font-family: var(--_sf-hr-ft-fy, var(--_thm-sy-bs-dt-se-ft-fy)), sans-serif;
+  //   font-size: var(--_sf-hr-ft-se, var(--_thm-sy-bs-dt-se-ft-se));
+  //   font-weight: var(--_sf-hr-ft-wt, var(--_thm-sy-bs-dt-se-ft-wt));
+  //   font-style: var(--_sf-hr-ft-se-ic, var(--_thm-sy-bs-dt-se-ft-se-ic));
+  //   text-align: var(--_sf-hr-tt-an, var(--_thm-sy-bs-dt-se-tt-an));
+  //   letter-spacing: var(--_sf-hr-cr-sg, var(--_thm-sy-bs-dt-se-cr-sg));
+  //   line-height: var(--_sf-hr-le-ht, var(--_thm-sy-bs-dt-se-le-ht));
+  //   text-decoration: var(--_sf-hr-ue, var(--_thm-sy-bs-dt-se-ue));
+  // }
+
+  color: var(--_sf-hr-cr, var(--_thm-sy-bs-dt-se-tt-cr));
+  font-family: var(--_sf-hr-ft-fy, var(--_thm-sy-bs-dt-se-ft)), sans-serif;
+  font-size: var(--_sf-hr-ft-se, var(--_thm-sy-bs-dt-se-ft-se));
+  font-weight: var(--_sf-hr-ft-wt, var(--_thm-sy-bs-dt-se-bd));
+  font-style: var(--_sf-hr-ft-se-ic, var(--_thm-sy-bs-dt-se-ic));
+  text-align: var(--_sf-hr-tt-an, var(--_thm-sy-bs-dt-se-tt-an));
+  letter-spacing: var(--_sf-hr-cr-sg, var(--_thm-sy-bs-dt-se-cr-sg));
+  line-height: var(--_sf-hr-le-ht, var(--_thm-sy-bs-dt-se-le-ht));
+  text-decoration: var(--_sf-hr-ue, var(--_thm-sy-bs-dt-se-ue));
+
+  .icon {
+    display: var(--_hover-show-icon, var(--_show-icon, flex));
+    svg {
+      width: var(--_sf-hr-in-se, var(--_thm-sy-bs-dt-se-in-se));
+      height: var(--_sf-hr-in-se, var(--_thm-sy-bs-dt-se-in-se));
+
+      path {
+        stroke: var(--_sf-hr-in-c1, var(--_thm-sy-bs-dt-se-in-c1));
+      }
+    }
+  }
+
+  [data-element-style="Text"] {
+    display: inline-block;
+    width: 100%;
+  }
+}

package/dist/types/builder/elements/shipping-payment/index.d.ts

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

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

@@ -332,6 +332,9 @@ export declare const CMSElementsListEnum: {
     PRODUCT_BRAND_IMAGE: string;
     ADD_PRODUCTS_TAB: string;
     QUOTA_DETAILS: string;
+    CURRENCY_SELECTOR: string;
+    WAREHOUSE_SELECTOR: string;
+    SHIPPING_PAYMENT: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",

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

@@ -85,4 +85,5 @@ import * as badgeSchema from "./elements/badge/index";
 import * as cartAttributesSchema from "./elements/cart-attributes/index";
 import * as loaderSchema from "./elements/loader/index";
 import * as addProductsTabSchema from "./elements/add-products-tab/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, cartSummarySchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, loaderSchema, addProductsTabSchema, };
+import * as shippingPaymentsSchema from "./elements/shipping-payment";
+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, cartSummarySchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, loaderSchema, addProductsTabSchema, shippingPaymentsSchema, };

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

@@ -16,7 +16,8 @@ export declare enum SelectorKeysEnum {
     ALLOCATION = "allocation",
     ALLOCATION_CARD = "allocationCard",
     DIVIDER = "divider",
-    QUOTA_DETAILS = "quotaDetails"
+    QUOTA_DETAILS = "quotaDetails",
+    DEFAULT_STATE = "defaultState"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

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

@@ -41,6 +41,10 @@ export declare const getDefaultData: () => {
             value: string;
             propertyType: CMSElementEditTypes;
         };
+        rememberMeType: {
+            value: string;
+            propertyType: CMSElementEditTypes;
+        };
     };
     design: {
         selectorKey: cartAttributesSelectorKeysEnum;

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

@@ -100,4 +100,5 @@ import * as cartAttributes from "./cartAttributes";
 import * as loader from "./loader";
 import * as addProductsTab from "./addProductsTab";
 import * as quotaDetails from "./quotaDetails";
-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, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, filterResults, productSizeChart, userElements, badge, cartAttributes, languageMenu, loader, addProductsTab, quotaDetails, };
+import * as shippingPayments from "./shipping-payments";
+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, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, filterResults, productSizeChart, userElements, badge, cartAttributes, languageMenu, loader, addProductsTab, quotaDetails, shippingPayments, };

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

@@ -13,6 +13,8 @@ interface selfLayoutInterface {
     showDropdownIcon: CMSIBCommonInterface;
     dropdownIcon: CMSIBCommonInterface;
     profileSettings: CMSIBCommonInterface;
+    dropdownItemsOffsetX: CMSIBCommonInterface;
+    dropdownItemsOffsetY: CMSIBCommonInterface;
 }
 interface selfContentInterface {
     selectorKey: string;
@@ -28,6 +30,7 @@ export interface selfDesignInterface {
         showIcon: CMSIBCommonInterface | undefined;
         iconSize: CMSIBCommonInterface;
         iconColor: CMSIBCommonInterface;
+        icon: CMSIBCommonInterface | undefined;
     };
     dropdownItems: {
         selectorKey: string;
@@ -68,6 +71,14 @@ export interface selfDesignInterface {
         characterSpacing: CMSIBCommonInterface;
         lineHeight: CMSIBCommonInterface;
     };
+    beforeLoginAvatar: {
+        selectorKey: string;
+        [key: string]: any;
+    };
+    afterLoginAvatar: {
+        selectorKey: string;
+        [key: string]: any;
+    };
 }
 export declare enum profileSelectorKeysEnum {
     LAYOUT = "layout",
@@ -75,7 +86,8 @@ export declare enum profileSelectorKeysEnum {
     CONTENT = "content",
     profile_ELEMENT = "profileWidget",
     MINI_profile_TEXT = "profileNameText",
-    PROFILE_AVATAR = "profileAvatar",
+    BEFORE_LOGIN_PROFILE_AVATAR = "beforeLoginProfileAvatar",
+    AFTER_LOGIN_PROFILE_AVATAR = "afterLoginProfileAvatar",
     DROPDOWN_ITEMS = "dropdownItems",
     DROPDOWN_ITEMS_HOVER_STYLE = "dropdownItemsHoverStyle",
     DROPDOWN_ITEMS_DEFAULT_STYLE = "dropdownItemsDefaultStyle"

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

@@ -0,0 +1,22 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface ContainerEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface selfLayoutInterface {
+    selectorKey: string;
+    shippingHeaderTitle: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: string;
+    };
+    paymentHeaderTitle: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: string;
+    };
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum selfSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design"
+}
+export declare const getDefaultData: (contentWidth?: any) => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

package/dist/widget.scss

@@ -117,5 +117,7 @@
 @use "./cartAttributes.scss";
 @use "./language-selector.scss";
 @use "./loader.scss";
-@use "./empty-states.scss";
-@use "./review-cart.scss";
+@use "./add-products-tab.scss";
+@use "./quota-details.scss";
+@use "./theme-classes.scss";
+@use "./shipping-payments.scss";

package/package.json

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