@sc-360-v2/storefront-cms-library 0.1.90 → 0.1.91

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.
@@ -39,4 +39,5 @@ export interface ContainerElementInterface {
39
39
  children: any;
40
40
  childIds: any[];
41
41
  previewImage?: string;
42
+ isMaximized?: boolean;
42
43
  }
@@ -0,0 +1,26 @@
1
+ import { CMSHTMLAttributes } from "../../../global/attributes";
2
+ import { CommonStyleProperties } from "../../../global/style-properties";
3
+ import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
4
+ import { BuilderAttributes, CMSElementInterface } from "../common";
5
+ export interface LightboxStyleProperties extends CommonStyleProperties {
6
+ minHeight?: MinHeightValue;
7
+ height?: HeightValue;
8
+ minWidth?: MinWidthValue;
9
+ maxWidth?: MaxWidthValue;
10
+ maxHeight?: MaxHeightValue;
11
+ gridArea?: GridAreaValue;
12
+ boxSizing?: BoxSizingValue;
13
+ padding?: PaddingValue;
14
+ justifySelf?: JustifySelfValue;
15
+ alignSelf?: AlignSelfValue;
16
+ }
17
+ export declare const getDefaultStyles: () => LightboxStyleProperties;
18
+ export interface CMSLightboxInterface extends Omit<CMSElementInterface, "attributes"> {
19
+ attributes: {
20
+ HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
21
+ BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
22
+ CUSTOM: any;
23
+ };
24
+ styles: LightboxStyleProperties;
25
+ childrenStyles?: CommonStyleProperties;
26
+ }
@@ -77,7 +77,8 @@ export declare enum CMSElementSelectors {
77
77
  editorHeader = "div[data-cms-tool='cms-editor-header']",
78
78
  cmsAddElementBodyLayer = "div[data-cms-tool='data-global-temp-body']",
79
79
  duplicateElement = "div[data-cms-tool='cms-element-duplicate']",
80
- stackWrapper = "div[data-div-type='cms-stack-wrapper']"
80
+ stackWrapper = "div[data-div-type='cms-stack-wrapper']",
81
+ containerElement = "div[data-element-type='container']"
81
82
  }
82
83
  export declare enum CMSToolAttributes {
83
84
  id = "data-cms-tool",
@@ -1,41 +1,42 @@
1
- import commonFunctions from "./utilities/global";
2
- import * as interfaces from "./interfaces/global";
3
- import * as enums from "./enums/index";
4
- import * as sectionSchema from "./elements/section/index";
5
- import * as gridSchema from "./elements/grid/index";
6
- import * as imageSchema from "./elements/image/index";
7
1
  import * as cmsTypes from "../global/types";
8
- import * as ElementEditSchema from "./tools/element-edit/index";
9
- import * as textSchema from "./elements/text-editor/index";
10
- import * as videoSChema from "./elements/video/index";
11
- import * as tableSchema from "./elements/table/index";
2
+ import * as amountEstimatorSchema from "./elements/amount-estimator/index";
3
+ import * as bulkVariantPickerSchema from "./elements/bulk-variant-picker/index";
12
4
  import * as buttonSchema from "./elements/button/index";
13
- import * as gallerySliderSchema from "./elements/gallery-slider/index";
14
- import * as tabSchema from "./elements/tab/index";
15
- import * as socialIconsSchema from "./elements/social/index";
16
- import * as faqSchema from "./elements/faq/index";
17
5
  import * as codeSchema from "./elements/code/index";
18
- import * as embedSchema from "./elements/embed/index";
19
- import * as scrollSchema from "./elements/scroll/index";
6
+ import * as containerSchema from "./elements/container/index";
20
7
  import * as countdownSchema from "./elements/countdown/index";
8
+ import * as embedSchema from "./elements/embed/index";
9
+ import * as faqSchema from "./elements/faq/index";
10
+ import * as gallerySliderSchema from "./elements/gallery-slider/index";
11
+ import * as gridSchema from "./elements/grid/index";
21
12
  import * as imageHotspotSchema from "./elements/image-hotspot/index";
13
+ import * as imageSchema from "./elements/image/index";
22
14
  import * as mapSchema from "./elements/map/index";
23
- import * as containerSchema from "./elements/container/index";
24
- import * as priceSchema from "./elements/productPrice/index";
25
- import * as productActionsSchema from "./elements/product-actions/index";
26
- import * as volumePricingSchema from "./elements/volumePricing/index";
15
+ import * as paymentMethodsSchema from "./elements/paymentMethods/index";
27
16
  import * as pickupLocationsSchema from "./elements/pickup-locations/index";
28
- import * as storeLocationsSchema from "./elements/store-locations/index";
17
+ import * as productActionsSchema from "./elements/product-actions/index";
18
+ import * as productImageSchema from "./elements/product-image/index";
29
19
  import * as productInventorySchema from "./elements/product-inventory/index";
30
- import * as productHighlightsSchema from "./elements/productHighlights/index";
31
- import * as paymentMethodsSchema from "./elements/paymentMethods/index";
32
- import * as shippingEstimatorSchema from "./elements/shippingEstimator/index";
33
20
  import * as productPromotionsSchema from "./elements/product-promotions/index";
34
- import * as amountEstimatorSchema from "./elements/amount-estimator/index";
21
+ import * as productHighlightsSchema from "./elements/productHighlights/index";
22
+ import * as priceSchema from "./elements/productPrice/index";
35
23
  import * as quantitySelectorSchema from "./elements/quantity-selector/index";
24
+ import * as scrollSchema from "./elements/scroll/index";
25
+ import * as sectionSchema from "./elements/section/index";
26
+ import * as shippingEstimatorSchema from "./elements/shippingEstimator/index";
27
+ import * as socialIconsSchema from "./elements/social/index";
36
28
  import * as stackSchema from "./elements/stack/index";
29
+ import * as storeLocationsSchema from "./elements/store-locations/index";
30
+ import * as tabSchema from "./elements/tab/index";
31
+ import * as tableSchema from "./elements/table/index";
32
+ import * as textSchema from "./elements/text-editor/index";
37
33
  import * as uomSelectorSchema from "./elements/uom-selector/index";
38
34
  import * as variantPickerSchema from "./elements/variant-picker/index";
39
- import * as bulkVariantPickerSchema from "./elements/bulk-variant-picker/index";
40
- import * as productImageSchema from "./elements/product-image/index";
41
- export { commonFunctions, interfaces, enums, sectionSchema, gridSchema, cmsTypes, textSchema, ElementEditSchema, imageSchema, videoSChema, socialIconsSchema, buttonSchema, gallerySliderSchema, tabSchema, tableSchema, faqSchema, codeSchema, embedSchema, scrollSchema, countdownSchema, imageHotspotSchema, mapSchema, containerSchema, priceSchema, productActionsSchema, volumePricingSchema, pickupLocationsSchema, storeLocationsSchema, productInventorySchema, paymentMethodsSchema, productHighlightsSchema, shippingEstimatorSchema, productPromotionsSchema, amountEstimatorSchema, quantitySelectorSchema, stackSchema, uomSelectorSchema, variantPickerSchema, bulkVariantPickerSchema, productImageSchema, };
35
+ import * as videoSChema from "./elements/video/index";
36
+ import * as volumePricingSchema from "./elements/volumePricing/index";
37
+ import * as enums from "./enums/index";
38
+ import * as interfaces from "./interfaces/global";
39
+ import * as ElementEditSchema from "./tools/element-edit/index";
40
+ import * as lightboxSchema from "./elements/lightbox/index";
41
+ import commonFunctions from "./utilities/global";
42
+ 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, };
@@ -0,0 +1,50 @@
1
+ import { CMSIBCommonInterface } from "../../interfaces/global";
2
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
+ interface selfLayoutInterface {
4
+ selectorKey: string;
5
+ whenClicked: CMSIBCommonInterface;
6
+ showCartText: CMSIBCommonInterface;
7
+ cartText: CMSIBCommonInterface;
8
+ showNoOfItems: CMSIBCommonInterface;
9
+ }
10
+ export interface selfDesignInterface {
11
+ selectorKey: string;
12
+ cartIcon: {
13
+ selectorKey: string;
14
+ backgroundColor: CMSIBCommonInterface;
15
+ borderColor: CMSIBCommonInterface;
16
+ borderStyle: CMSIBCommonInterface;
17
+ borderPerSlide: CMSIBCommonInterface;
18
+ showBorder: CMSIBCommonInterface;
19
+ showShadow: CMSIBCommonInterface;
20
+ shadowColor: CMSIBCommonInterface;
21
+ blur: CMSIBCommonInterface;
22
+ spread: CMSIBCommonInterface;
23
+ angle: CMSIBCommonInterface;
24
+ borderRadius: CMSIBCommonInterface;
25
+ showIcon: CMSIBCommonInterface | undefined;
26
+ iconSize: CMSIBCommonInterface;
27
+ iconColor: CMSIBCommonInterface;
28
+ };
29
+ miniCartText: {
30
+ selectorKey: string;
31
+ font: CMSIBCommonInterface;
32
+ fontSize: CMSIBCommonInterface;
33
+ textColor: CMSIBCommonInterface;
34
+ bold: CMSIBCommonInterface;
35
+ italic: CMSIBCommonInterface;
36
+ linethrough: CMSIBCommonInterface;
37
+ underline: CMSIBCommonInterface;
38
+ textAlign: CMSIBCommonInterface;
39
+ characterSpacing: CMSIBCommonInterface;
40
+ lineHeight: CMSIBCommonInterface;
41
+ };
42
+ }
43
+ export declare enum cartSelectorKeysEnum {
44
+ LAYOUT = "layout",
45
+ DESIGN = "design",
46
+ CART_ICON = "cartIcon",
47
+ MINI_CART_TEXT = "miniCartText"
48
+ }
49
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
50
+ export {};
@@ -1,39 +1,39 @@
1
- import * as common from "./common";
2
- import * as section from "./section";
3
- import * as grid from "./grid";
4
- import * as image from "./image";
1
+ import * as amountEstimator from "./amountEstimator";
2
+ import * as bulkVariantPicker from "./bulkVariantPicker";
5
3
  import * as button from "./button";
6
- import * as buttonV2 from "./buttonv2";
7
- import * as video from "./video";
8
- import * as tabs from "./tabs";
9
- import * as slideShowLayouter from "./slideShowLayouter";
10
- import * as table from "./table";
11
- import * as gallerySlider from "./gallery-slider";
12
- import * as social from "./social";
13
- import * as faq from "./faq";
14
4
  import * as code from "./code";
5
+ import * as common from "./common";
6
+ import * as container from "./container";
7
+ import * as countdown from "./countdown";
15
8
  import * as embed from "./embed";
16
- import * as text from "./text";
9
+ import * as faq from "./faq";
10
+ import * as gallerySlider from "./gallery-slider";
11
+ import * as grid from "./grid";
12
+ import * as image from "./image";
17
13
  import * as imageHotspot from "./imageHotspot";
18
- import * as scroll from "./scroll";
19
14
  import * as map from "./map";
20
- import * as container from "./container";
21
- import * as countdown from "./countdown";
22
- import * as price from "./productPrice";
23
- import * as productActions from "./productActions";
24
- import * as volumePricing from "./volumePricing";
25
- import * as pickupLocations from "./pickupLocations";
26
- import * as storeLocations from "./storeLocations";
27
- import * as productInventory from "./productInventory";
28
15
  import * as paymentMethods from "./paymentMethods";
16
+ import * as pickupLocations from "./pickupLocations";
17
+ import * as productImage from "./product-image";
18
+ import * as productActions from "./productActions";
29
19
  import * as productHighlights from "./productHighlights";
30
- import * as shippingEstimator from "./shippingEstimator";
20
+ import * as productInventory from "./productInventory";
21
+ import * as price from "./productPrice";
31
22
  import * as productPromotions from "./productPromotions";
32
- import * as amountEstimator from "./amountEstimator";
33
23
  import * as quantitySelector from "./quantitySelector";
24
+ import * as scroll from "./scroll";
25
+ import * as section from "./section";
26
+ import * as shippingEstimator from "./shippingEstimator";
27
+ import * as slideShowLayouter from "./slideShowLayouter";
28
+ import * as social from "./social";
34
29
  import * as stack from "./stack";
30
+ import * as storeLocations from "./storeLocations";
31
+ import * as table from "./table";
32
+ import * as tabs from "./tabs";
33
+ import * as text from "./text";
35
34
  import * as uomSelector from "./uomSelector";
36
35
  import * as variantPicker from "./variantPicker";
37
- import * as bulkVariantPicker from "./bulkVariantPicker";
38
- import * as productImage from "./product-image";
39
- export { section, grid, common, image, button, slideShowLayouter, tabs, video, table, gallerySlider, social, faq, code, text, embed, buttonV2, scroll, countdown, imageHotspot, map, container, price, productActions, volumePricing, pickupLocations, storeLocations, productInventory, paymentMethods, productHighlights, shippingEstimator, productPromotions, amountEstimator, quantitySelector, stack, uomSelector, variantPicker, bulkVariantPicker, productImage, };
36
+ import * as video from "./video";
37
+ import * as volumePricing from "./volumePricing";
38
+ import * as lightbox from "./lightbox";
39
+ export { amountEstimator, bulkVariantPicker, button, code, 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, };
@@ -0,0 +1,21 @@
1
+ import { CMSIBCommonInterface } from "../../interfaces/global";
2
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
+ interface selfLayoutInterface {
4
+ selectorKey: string;
5
+ openAutomaticallyOnPage: CMSIBCommonInterface;
6
+ selectPage: CMSIBCommonInterface;
7
+ closeIcon: CMSIBCommonInterface;
8
+ closeOnClickingBackground: CMSIBCommonInterface;
9
+ lightboxPosition: CMSIBCommonInterface;
10
+ horizontalOffset: CMSIBCommonInterface;
11
+ verticalOffset: CMSIBCommonInterface;
12
+ }
13
+ export interface selfDesignInterface {
14
+ selectorKey: string;
15
+ }
16
+ export declare enum lightboxSelectorKeysEnum {
17
+ LAYOUT = "layout",
18
+ DESIGN = "design"
19
+ }
20
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
21
+ export {};
@@ -5,9 +5,11 @@ export interface ButtonLayoutInterface {
5
5
  actions: CMSIBCommonInterface;
6
6
  addToCart: CMSIBCommonInterface;
7
7
  addToCartWhenClicked: CMSIBCommonInterface;
8
+ addToCartValue: CMSIBCommonInterface;
8
9
  buyNow: CMSIBCommonInterface;
9
10
  buyNowWhenClicked: CMSIBCommonInterface;
10
11
  wishlist: CMSIBCommonInterface;
12
+ wishlistValue: CMSIBCommonInterface;
11
13
  wishlistWhenClicked: CMSIBCommonInterface;
12
14
  compareProduct: CMSIBCommonInterface;
13
15
  compareProductWhenClicked: CMSIBCommonInterface;
@@ -43,7 +45,7 @@ export declare enum ButtonSelectorKeysEnum {
43
45
  DEFAULT_STATE = "default",
44
46
  LAYOUT = "layout",
45
47
  DESIGN = "design",
46
- ADD_TO_CART = "addToChart",
48
+ ADD_TO_CART = "addToCart",
47
49
  BUY_NOW = "buyNow",
48
50
  WISHLIST = "wishlist",
49
51
  COMPARE = "compare",
@@ -3,7 +3,18 @@ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSEl
3
3
  export declare enum SelectorKeysEnum {
4
4
  LAYOUT = "layout",
5
5
  DESIGN = "design",
6
- CONTENT = "content"
6
+ CONTENT = "content",
7
+ PRODUCT_PRICE = "productPrice",
8
+ UOM_STYLE = "uomStyle",
9
+ CURRENCY_CODE_STYLE = "currencyCodeStyle",
10
+ ACTUAL_PRICE = "actualPrice",
11
+ DISCOUNT = "discount",
12
+ SAVINGS = "savings",
13
+ DISCOUNT_VALUE = "discountValue",
14
+ SAVINGS_VALUE = "savingsValue",
15
+ EMBELLISHMENT_PRICE = "embellishmentPrice",
16
+ PRODUCT_TAX = "productTax",
17
+ PRODUCT_SHIPPING_PRICE = "productShippingPrice"
7
18
  }
8
19
  export interface selfLayoutInterface {
9
20
  selectorKey: string;
@@ -14,6 +25,39 @@ export interface selfLayoutInterface {
14
25
  }
15
26
  export interface selfDesignInterface {
16
27
  selectorKey: string;
28
+ productPrice: {
29
+ [key: string]: any;
30
+ };
31
+ uomStyle: {
32
+ [key: string]: any;
33
+ };
34
+ currencyCodeStyle: {
35
+ [key: string]: any;
36
+ };
37
+ actualPrice: {
38
+ [key: string]: any;
39
+ };
40
+ discount: {
41
+ [key: string]: any;
42
+ };
43
+ savings: {
44
+ [key: string]: any;
45
+ };
46
+ discountValue: {
47
+ [key: string]: any;
48
+ };
49
+ savingsValue: {
50
+ [key: string]: any;
51
+ };
52
+ embellishmentPrice: {
53
+ [key: string]: any;
54
+ };
55
+ productTax: {
56
+ [key: string]: any;
57
+ };
58
+ productShippingPrice: {
59
+ [key: string]: any;
60
+ };
17
61
  }
18
62
  export interface selfContentInterface {
19
63
  selectorKey: string;
@@ -0,0 +1,60 @@
1
+ import { CMSIBCommonInterface } from "../../interfaces/global";
2
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
+ interface selfLayoutInterface {
4
+ selectorKey: string;
5
+ loggedInButtonStyle: CMSIBCommonInterface;
6
+ beforeLoginText: CMSIBCommonInterface;
7
+ }
8
+ interface selfContentInterface {
9
+ selectorKey: string;
10
+ myAddress: CMSIBCommonInterface;
11
+ myOrders: CMSIBCommonInterface;
12
+ myAddresses: CMSIBCommonInterface;
13
+ myQuotes: CMSIBCommonInterface;
14
+ }
15
+ export interface selfDesignInterface {
16
+ selectorKey: string;
17
+ profileAvatar: {
18
+ selectorKey: string;
19
+ showIcon: CMSIBCommonInterface | undefined;
20
+ iconSize: CMSIBCommonInterface;
21
+ iconColor: CMSIBCommonInterface;
22
+ };
23
+ profileMenuItems: {
24
+ selectorKey: string;
25
+ backgroundColor: CMSIBCommonInterface;
26
+ borderColor: CMSIBCommonInterface;
27
+ borderStyle: CMSIBCommonInterface;
28
+ borderPerSlide: CMSIBCommonInterface;
29
+ showBorder: CMSIBCommonInterface;
30
+ showShadow: CMSIBCommonInterface;
31
+ shadowColor: CMSIBCommonInterface;
32
+ blur: CMSIBCommonInterface;
33
+ spread: CMSIBCommonInterface;
34
+ angle: CMSIBCommonInterface;
35
+ borderRadius: CMSIBCommonInterface;
36
+ };
37
+ profileNameText: {
38
+ selectorKey: string;
39
+ font: CMSIBCommonInterface;
40
+ fontSize: CMSIBCommonInterface;
41
+ textColor: CMSIBCommonInterface;
42
+ bold: CMSIBCommonInterface;
43
+ italic: CMSIBCommonInterface;
44
+ linethrough: CMSIBCommonInterface;
45
+ underline: CMSIBCommonInterface;
46
+ textAlign: CMSIBCommonInterface;
47
+ characterSpacing: CMSIBCommonInterface;
48
+ lineHeight: CMSIBCommonInterface;
49
+ };
50
+ }
51
+ export declare enum profileSelectorKeysEnum {
52
+ LAYOUT = "layout",
53
+ DESIGN = "design",
54
+ CONTENT = "content",
55
+ profile_ICON = "profileMenuItems",
56
+ MINI_profile_TEXT = "profileNameText",
57
+ PROFILE_AVATAR = "profileAvatar"
58
+ }
59
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & selfContentInterface & CMSElementEditPopupDesignInterface>;
60
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.1.90",
3
+ "version": "0.1.91",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {
@@ -1,26 +0,0 @@
1
- import { CMSIBCommonInterface } from "../../interfaces/global";
2
- import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
- export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
4
- }
5
- export interface ButtonLayoutInterface {
6
- selectorKey: string;
7
- buttonStyle: CMSIBCommonInterface;
8
- buttonText: CMSIBCommonInterface;
9
- buttonIcon: CMSIBCommonInterface;
10
- iconPosition: CMSIBCommonInterface;
11
- iconAndTextSpacing: CMSIBCommonInterface;
12
- alignment: CMSIBCommonInterface;
13
- buttonType: CMSIBCommonInterface;
14
- }
15
- export interface selfDesignInterface {
16
- selectorKey: string;
17
- defaultState: any;
18
- hoverState: any;
19
- }
20
- export declare enum ButtonSelectorKeysEnum {
21
- HOVER_STATE = "hover",
22
- DEFAULT_STATE = "default",
23
- LAYOUT = "layout",
24
- DESIGN = "design"
25
- }
26
- export declare const getDefaultData: () => CMSElementEditPopupInterface<ButtonLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;