@sc-360-v2/storefront-cms-library 0.5.10 → 0.5.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -754,15 +754,10 @@ $defaultValues: (
754
754
  &[data-background-shape="Round"] {
755
755
  .left-button,
756
756
  .right-button {
757
- // background-color: var(
758
- // --_ctm-mob-dn-pn-as-bd-cr,
759
- // var(--_ctm-tab-dn-pn-as-bd-cr, var(--_ctm-dn-pn-as-bd-cr))
760
- // );
757
+ @include BgColorLighter(var(--_ctm-dn-pn-as-bd-cr), 10%);
761
758
  &:not(:disabled):hover {
762
- // @include BgColorLighter(var(--_thm-py-bs-hr-se-bd-cr), 5%);
763
- @include BgColorLighter(var(--_ctm-dn-pn-as-bd-cr), 5%);
759
+ @include BgColorLighter(var(--_ctm-dn-pn-as-bd-cr), 20%);
764
760
  }
765
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
766
761
  }
767
762
  }
768
763
 
@@ -1649,12 +1644,19 @@ $defaultValues: (
1649
1644
  }
1650
1645
  }
1651
1646
 
1647
+ html:has(.pim__main) {
1648
+ scrollbar-gutter: stable;
1649
+ }
1650
+ body:has(.pim__main) {
1651
+ overflow-y: clip;
1652
+ }
1653
+
1652
1654
  // Product Magnifier
1653
1655
  .pim__main {
1654
1656
  position: var(--_p-fixed);
1655
1657
  inset: 0 0 0 0;
1656
- background: rgba(0, 0, 0, 0.3);
1657
- z-index: calc(var(--_higher-zIndex, 9999) + 24);
1658
+ background: rgba(0, 0, 0, 0.5);
1659
+ z-index: calc(var(--_higher-zIndex, 9999) + 9999999);
1658
1660
 
1659
1661
  display: var(--_d-flex);
1660
1662
  align-items: center;
@@ -1667,6 +1669,7 @@ $defaultValues: (
1667
1669
  justify-content: center;
1668
1670
  background: #fff;
1669
1671
  max-width: var(--_sf-mgn-wdth-vl, 1140px);
1672
+ min-width: var(--_sf-mgn-wdth-vl, 1140px);
1670
1673
  height: 100dvh;
1671
1674
  overflow: clip;
1672
1675
  border: 1px solid #98a2b3;
@@ -452,8 +452,8 @@ $defaultValues: (
452
452
 
453
453
  &_body {
454
454
  padding: 16px;
455
- // max-height: calc(100vh - 420px);
456
- // overflow: auto;
455
+ max-height: calc(100vh - 420px);
456
+ overflow-y: auto;
457
457
  display: flex;
458
458
  flex-direction: column;
459
459
  gap: 16px;
@@ -212,6 +212,8 @@ export declare enum FontWeightEnum {
212
212
  }
213
213
  export declare const CMSElementsListEnum: {
214
214
  BUTTON: string;
215
+ LAST_X_ORDERS_BUTTON: string;
216
+ QUICK_INVENTORY_CHECK: string;
215
217
  BUTTON_THEME: string;
216
218
  PAGE: string;
217
219
  SECTION: string;
@@ -349,6 +351,7 @@ export declare const CMSElementsListEnum: {
349
351
  CATEGORY_GROUPS: string;
350
352
  CART_WRAPPER: string;
351
353
  OPTION_BAR: string;
354
+ PRODUCT_LABELS: string;
352
355
  MY_TEMPLATES: string;
353
356
  MY_WISHLIST: string;
354
357
  REQUEST_FOR_QUOTE: string;
@@ -58,7 +58,8 @@ export declare enum SelectorKeysEnum {
58
58
  CATEGORY_NAME_DESIGN = "categoryNameDesign",
59
59
  CATEGORY_CARD_INFO_DESIGN = "categoryCardInfoDesign",
60
60
  CATEGORY_CARD_DESIGN = "categoryCardDesign",
61
- ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign"
61
+ ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign",
62
+ UOM_SELECTOR_DESIGN = "uomSelectorDesign"
62
63
  }
63
64
  export declare const getDefaultData: () => {
64
65
  layout: {
@@ -2442,6 +2443,12 @@ export declare const getDefaultData: () => {
2442
2443
  variantLayout: any;
2443
2444
  variantDesign: any;
2444
2445
  };
2446
+ uomSelectorDesign: {
2447
+ selectorKey: SelectorKeysEnum;
2448
+ uomLayout: any;
2449
+ uomDesign: any;
2450
+ uomContent: any;
2451
+ };
2445
2452
  productImage: {
2446
2453
  selectorKey: SelectorKeysEnum;
2447
2454
  galleryWidgetStyle: any;
@@ -137,23 +137,23 @@ export declare const getDefaultData: () => {
137
137
  defaultState: {
138
138
  icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
139
139
  showIcon: {
140
- value: null;
141
140
  parentRef: string;
141
+ value?: any;
142
142
  property?: any;
143
143
  propertyType?: any;
144
144
  isReadOnly?: boolean | undefined;
145
145
  };
146
146
  iconSize: {
147
- value: null;
148
147
  parentRef: string;
149
148
  unit?: string | number | undefined;
149
+ value?: any;
150
150
  property?: any;
151
151
  propertyType?: any;
152
152
  isReadOnly?: boolean | undefined;
153
153
  };
154
154
  iconColor: {
155
- value: null;
156
155
  parentRef: string;
156
+ value?: any;
157
157
  property?: any;
158
158
  propertyType?: any;
159
159
  isReadOnly?: boolean | undefined;
@@ -174,23 +174,23 @@ export declare const getDefaultData: () => {
174
174
  hoverState: {
175
175
  icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
176
176
  showIcon: {
177
- value: null;
178
177
  parentRef: string;
178
+ value?: any;
179
179
  property?: any;
180
180
  propertyType?: any;
181
181
  isReadOnly?: boolean | undefined;
182
182
  };
183
183
  iconSize: {
184
- value: null;
185
184
  parentRef: string;
186
185
  unit?: string | number | undefined;
186
+ value?: any;
187
187
  property?: any;
188
188
  propertyType?: any;
189
189
  isReadOnly?: boolean | undefined;
190
190
  };
191
191
  iconColor: {
192
- value: null;
193
192
  parentRef: string;
193
+ value?: any;
194
194
  property?: any;
195
195
  propertyType?: any;
196
196
  isReadOnly?: boolean | undefined;
@@ -2,6 +2,8 @@ import * as page from "./page";
2
2
  import * as amountEstimator from "./amountEstimator";
3
3
  import * as bulkVariantPicker from "./bulkVariantPicker";
4
4
  import * as button from "./button";
5
+ import * as lastXOrdersButton from "./lastxordersbutton";
6
+ import * as quickInventoryCheck from "./quickinventorycheck";
5
7
  import * as code from "./code";
6
8
  import * as staticText from "./staticText";
7
9
  import * as common from "./common";
@@ -109,9 +111,10 @@ import * as megaMenuContainer from "./megaMenuContainer";
109
111
  import * as simpleList from "./simple-list";
110
112
  import * as cartWrapper from "./cart-wrapper";
111
113
  import * as optionBar from "./optionBar";
114
+ import * as productLabels from "./productLables";
112
115
  import * as myTemplates from "./my-templates";
113
116
  import * as requestForQuote from "./request-for-quote";
114
117
  import * as categoryGroups from "./categoryGroups";
115
118
  import * as embroidery from "./embroidery";
116
119
  import * as stockStatus from "./stockStatus";
117
- 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, coupon, productDescription, megaMenu, megaMenuContainer, simpleList, cartWrapper, optionBar, myTemplates, requestForQuote, categoryGroups, embroidery, stockStatus, page, };
120
+ 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, coupon, productDescription, megaMenu, megaMenuContainer, simpleList, cartWrapper, optionBar, myTemplates, requestForQuote, categoryGroups, embroidery, stockStatus, page, lastXOrdersButton, quickInventoryCheck, productLabels, };
@@ -0,0 +1,34 @@
1
+ import { CMSIBCommonInterface } from "../../interfaces/global";
2
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
+ interface selfLayoutInterface {
4
+ [key: string]: any;
5
+ }
6
+ export interface selfDesignInterface {
7
+ selectorKey: string;
8
+ widgetStyle?: {
9
+ selectorKey: string;
10
+ backgroundColor?: CMSIBCommonInterface;
11
+ borderColor?: CMSIBCommonInterface;
12
+ borderStyle?: CMSIBCommonInterface;
13
+ borderPerSlide?: CMSIBCommonInterface;
14
+ showBorder?: CMSIBCommonInterface;
15
+ showShadow?: CMSIBCommonInterface;
16
+ shadowColor?: CMSIBCommonInterface;
17
+ blur?: CMSIBCommonInterface;
18
+ spread?: CMSIBCommonInterface;
19
+ angle?: CMSIBCommonInterface;
20
+ borderRadius?: CMSIBCommonInterface;
21
+ };
22
+ divider: any;
23
+ [key: string]: any;
24
+ }
25
+ export declare enum ButtonSelectorKeysEnum {
26
+ LAYOUT = "layout",
27
+ DESIGN = "design",
28
+ FAQ_WIDGET = "faqWidget",
29
+ COLLAPSED_ACCRORDION_ITEM = "collapsedAccordionItem",
30
+ EXPANDED_ACCRORDION_ITEM = "expandedAccordionItem",
31
+ DIVIDER = "divider"
32
+ }
33
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
34
+ export {};
@@ -0,0 +1,24 @@
1
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
2
+ export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
3
+ }
4
+ interface selfLayoutInterface {
5
+ selectorKey: string;
6
+ }
7
+ interface selfDesignInterface {
8
+ selectorKey: string;
9
+ [key: string]: any;
10
+ }
11
+ export declare enum SelectorKeysEnum {
12
+ LAYOUT = "layout",
13
+ CONTENT = "content",
14
+ DESIGN = "design",
15
+ TITLE = "title",
16
+ ALLOCATION = "allocation",
17
+ ALLOCATION_CARD = "allocationCard",
18
+ DIVIDER = "divider",
19
+ QUOTA_DETAILS = "quotaDetails",
20
+ DEFAULT_STATE = "defaultState",
21
+ DATA_CONNECTOR = "dataConnector"
22
+ }
23
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
24
+ export {};
@@ -5,6 +5,11 @@ export declare enum SelectorKeysEnum {
5
5
  DESIGN = "design",
6
6
  CONTENT = "content",
7
7
  PRODUCT_PRICE = "productPrice",
8
+ LABEL = "label",
9
+ PRICE_BREAKDOWN = "priceBreakdown",
10
+ BREAKDOWN_PROPERTY = "breakdownProperty",
11
+ BREAKDOWN_VALUE = "breakdownValue",
12
+ POPOVER_STYLE = "popoverStyle",
8
13
  UOM_STYLE = "uomStyle",
9
14
  CURRENCY_CODE_STYLE = "currencyCodeStyle",
10
15
  ACTUAL_PRICE = "actualPrice",
@@ -32,12 +37,22 @@ export interface selfLayoutInterface {
32
37
  displayMinQtySet: CMSIBCommonInterface;
33
38
  priceFormat: CMSIBCommonInterface;
34
39
  displayFormat: CMSIBCommonInterface;
40
+ itemGap: CMSIBCommonInterface;
35
41
  }
36
42
  export interface selfDesignInterface {
37
43
  selectorKey: string;
38
44
  productPrice: {
39
45
  [key: string]: any;
40
46
  };
47
+ label: {
48
+ [key: string]: any;
49
+ };
50
+ breakdownProperty: {
51
+ [key: string]: any;
52
+ };
53
+ breakdownValue: {
54
+ [key: string]: any;
55
+ };
41
56
  giftCard: {
42
57
  [key: string]: any;
43
58
  };
@@ -71,9 +86,12 @@ export interface selfDesignInterface {
71
86
  productShippingPrice: {
72
87
  [key: string]: any;
73
88
  };
89
+ [key: string]: any;
74
90
  }
75
91
  export interface selfContentInterface {
76
92
  selectorKey: string;
93
+ showLabel: CMSIBCommonInterface;
94
+ labelText: CMSIBCommonInterface;
77
95
  productPrice: CMSIBCommonInterface;
78
96
  sellingPrice: CMSIBCommonInterface;
79
97
  productPriceDisplayUOM: CMSIBCommonInterface;
@@ -0,0 +1,34 @@
1
+ import { CMSIBCommonInterface } from "../../interfaces/global";
2
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
+ interface selfLayoutInterface {
4
+ [key: string]: any;
5
+ }
6
+ export interface selfDesignInterface {
7
+ selectorKey: string;
8
+ widgetStyle?: {
9
+ selectorKey: string;
10
+ backgroundColor?: CMSIBCommonInterface;
11
+ borderColor?: CMSIBCommonInterface;
12
+ borderStyle?: CMSIBCommonInterface;
13
+ borderPerSlide?: CMSIBCommonInterface;
14
+ showBorder?: CMSIBCommonInterface;
15
+ showShadow?: CMSIBCommonInterface;
16
+ shadowColor?: CMSIBCommonInterface;
17
+ blur?: CMSIBCommonInterface;
18
+ spread?: CMSIBCommonInterface;
19
+ angle?: CMSIBCommonInterface;
20
+ borderRadius?: CMSIBCommonInterface;
21
+ };
22
+ divider: any;
23
+ [key: string]: any;
24
+ }
25
+ export declare enum ButtonSelectorKeysEnum {
26
+ LAYOUT = "layout",
27
+ DESIGN = "design",
28
+ FAQ_WIDGET = "faqWidget",
29
+ COLLAPSED_ACCRORDION_ITEM = "collapsedAccordionItem",
30
+ EXPANDED_ACCRORDION_ITEM = "expandedAccordionItem",
31
+ DIVIDER = "divider"
32
+ }
33
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
34
+ export {};
@@ -28,7 +28,8 @@ export declare enum ButtonSelectorKeysEnum {
28
28
  FAQ_WIDGET = "faqWidget",
29
29
  COLLAPSED_ACCRORDION_ITEM = "collapsedAccordionItem",
30
30
  EXPANDED_ACCRORDION_ITEM = "expandedAccordionItem",
31
- DIVIDER = "divider"
31
+ DIVIDER = "divider",
32
+ DATA_CONNECTOR = "dataConnector"
32
33
  }
33
34
  export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
34
35
  export {};
@@ -0,0 +1,9 @@
1
+ export declare enum restrictionFeaturesEnums {
2
+ ALLOCATIONS = "01-14-global-alloc-addon",
3
+ BUNDLES = "01-15-global-bundle-addon"
4
+ }
5
+ export declare enum featuresAccessEnums {
6
+ Enabled = 1,
7
+ Disabled = 2,
8
+ Hidden = 3
9
+ }
@@ -0,0 +1,9 @@
1
+ /** Returns the subset of user atoms that correspond to defined feature restrictions */
2
+ export declare const getRestrictionFeaturesList: (atoms: any[]) => any[];
3
+ export declare const filterElementsByFeature: (data: any, options?: {
4
+ removeEmptyContainers?: boolean;
5
+ }) => {
6
+ elements: any;
7
+ sections: any;
8
+ lightbox: any;
9
+ };
@@ -2,4 +2,17 @@ import * as ssrFunctions from "./helper/ssr-functions";
2
2
  import * as dataConnectorContants from "./constants/data-connectors";
3
3
  import * as dataConnectorSources from "./constants/data-connector-souces";
4
4
  import * as enums from "../builder/enums/index";
5
- export { ssrFunctions, dataConnectorContants, dataConnectorSources, enums };
5
+ import * as featureRestrictionEnums from "./enums/feature-restrictions";
6
+ declare const featureRestrictions: {
7
+ getRestrictionFeaturesList: (atoms: any[]) => any[];
8
+ filterElementsByFeature: (data: any, options?: {
9
+ removeEmptyContainers?: boolean | undefined;
10
+ } | undefined) => {
11
+ elements: any;
12
+ sections: any;
13
+ lightbox: any;
14
+ };
15
+ restrictionFeaturesEnums: typeof featureRestrictionEnums.restrictionFeaturesEnums;
16
+ featuresAccessEnums: typeof featureRestrictionEnums.featuresAccessEnums;
17
+ };
18
+ export { ssrFunctions, dataConnectorContants, dataConnectorSources, enums, featureRestrictions };