@sc-360-v2/storefront-cms-library 0.3.45 → 0.3.46
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.
- package/dist/add-products-tab.scss +3565 -44
- package/dist/builder.js +1 -1
- package/dist/section.scss +1 -1
- package/dist/shipping-payments.scss +78 -0
- package/dist/types/builder/elements/shipping-payment/index.d.ts +25 -0
- package/dist/types/builder/enums/index.d.ts +3 -0
- package/dist/types/builder/index.d.ts +2 -1
- package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
- package/dist/types/builder/tools/element-edit/profile.d.ts +13 -1
- package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +22 -0
- package/dist/widget.scss +2 -0
- package/package.json +1 -1
package/dist/section.scss
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
@use "./position-module.scss" as *;
|
|
5
5
|
@use "./animation-control.scss" as *;
|
|
6
6
|
@use "./responsive-behaviour.scss" as *;
|
|
7
|
-
|
|
7
|
+
@use "./overflow-module.scss" as *;
|
|
8
8
|
@use "./transform-properties-module.scss" as *;
|
|
9
9
|
|
|
10
10
|
$activeElementSelector: "[data-has-clicked='true']";
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "sass:list";
|
|
3
|
+
@use "./functions.scss" as *;
|
|
4
|
+
$activeElementSelector: "[data-has-clicked='true']";
|
|
5
|
+
[data-div-type="element"] {
|
|
6
|
+
&[data-element-type="shipping-payment"] {
|
|
7
|
+
width: calc(
|
|
8
|
+
1% *
|
|
9
|
+
var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, auto)))
|
|
10
|
+
);
|
|
11
|
+
margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn, var(--_ctm-lt-mn))));
|
|
12
|
+
& > div {
|
|
13
|
+
&.wrapper {
|
|
14
|
+
width: 100%;
|
|
15
|
+
min-height: prepareMediaVariable(--_ctm-lt-mn-ht);
|
|
16
|
+
padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
|
|
17
|
+
|
|
18
|
+
background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
|
|
19
|
+
background-image: var(--_ctm-mob-dn-bd-ie, var(--_ctm-tab-dn-bd-ie, var(--_ctm-dn-bd-ie)));
|
|
20
|
+
background-attachment: var(
|
|
21
|
+
--_ctm-mob-dn-bd-at,
|
|
22
|
+
var(--_ctm-tab-dn-bd-at, var(--_ctm-dn-bd-at))
|
|
23
|
+
);
|
|
24
|
+
background-position: var(
|
|
25
|
+
--_ctm-mob-dn-bd-pn,
|
|
26
|
+
var(--_ctm-tab-dn-bd-pn, var(--_ctm-dn-bd-pn))
|
|
27
|
+
);
|
|
28
|
+
background-repeat: var(--_ctm-mob-dn-bd-rt, var(--_ctm-tab-dn-bd-rt, var(--_ctm-dn-bd-rt)));
|
|
29
|
+
background-size: var(--_ctm-mob-dn-bd-se, var(--_ctm-tab-dn-bd-se, var(--_ctm-dn-bd-se)));
|
|
30
|
+
border-radius: var(--_ctm-mob-dn-br-rs, var(--_ctm-tab-dn-br-rs, var(--_ctm-dn-br-rs)));
|
|
31
|
+
border-color: var(--_ctm-mob-dn-br-cr, var(--_ctm-tab-dn-br-cr, var(--_ctm-dn-br-cr)));
|
|
32
|
+
border-style: var(--_ctm-mob-dn-br-se, var(--_ctm-tab-dn-br-se, var(--_ctm-dn-br-se)));
|
|
33
|
+
border-width: var(--_ctm-mob-dn-br-wh, var(--_ctm-tab-dn-br-wh, var(--_ctm-dn-br-wh)));
|
|
34
|
+
box-shadow: var(
|
|
35
|
+
--_hover-show-shadow,
|
|
36
|
+
var(
|
|
37
|
+
--_sf-hr-bx-sw,
|
|
38
|
+
var(
|
|
39
|
+
--_show-shadow,
|
|
40
|
+
var(
|
|
41
|
+
--_ctm-mob-dn-dt-se-sw-ae,
|
|
42
|
+
var(--_ctm-tab-dn-dt-se-sw-ae, var(--_ctm-dn-dt-se-sw-ae))
|
|
43
|
+
)
|
|
44
|
+
var(
|
|
45
|
+
--_ctm-mob-dn-dt-se-sw-br,
|
|
46
|
+
var(--_ctm-tab-dn-dt-se-sw-br, var(--_ctm-dn-dt-se-sw-br))
|
|
47
|
+
)
|
|
48
|
+
var(
|
|
49
|
+
--_ctm-mob-dn-dt-se-sw-sd,
|
|
50
|
+
var(--_ctm-tab-dn-dt-se-sw-sd, var(--_ctm-dn-dt-se-sw-sd))
|
|
51
|
+
)
|
|
52
|
+
var(
|
|
53
|
+
--_ctm-mob-dn-dt-se-sw-cr,
|
|
54
|
+
var(--_ctm-tab-dn-dt-se-sw-cr, var(--_ctm-dn-dt-se-sw-cr))
|
|
55
|
+
)
|
|
56
|
+
)
|
|
57
|
+
)
|
|
58
|
+
);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
&[data-view-state="full"] {
|
|
63
|
+
width: auto;
|
|
64
|
+
margin: 0;
|
|
65
|
+
justify-self: stretch !important;
|
|
66
|
+
align-self: stretch !important;
|
|
67
|
+
cursor: auto;
|
|
68
|
+
&:is(#{$activeElementSelector}) {
|
|
69
|
+
& > div {
|
|
70
|
+
&[data-div-type="wrapper__layer"] {
|
|
71
|
+
--_sf-vt-zz: visible;
|
|
72
|
+
--_sf-op-zz: 1;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
2
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
3
|
+
import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue } from "../../../global/types";
|
|
4
|
+
import { BuilderAttributes, CMSElementInterface } from "../common";
|
|
5
|
+
export interface ShippingPaymentsStyleProperties extends CommonStyleProperties {
|
|
6
|
+
minHeight?: MinHeightValue;
|
|
7
|
+
height?: HeightValue;
|
|
8
|
+
minWidth?: MinWidthValue;
|
|
9
|
+
maxWidth?: MaxWidthValue;
|
|
10
|
+
maxHeight?: MaxHeightValue;
|
|
11
|
+
gridArea?: GridAreaValue;
|
|
12
|
+
boxSizing?: BoxSizingValue;
|
|
13
|
+
justifySelf?: JustifySelfValue;
|
|
14
|
+
alignSelf?: AlignSelfValue;
|
|
15
|
+
}
|
|
16
|
+
export declare const getDefaultStyles: () => ShippingPaymentsStyleProperties;
|
|
17
|
+
export interface CMSShippingPaymentsInterface extends Omit<CMSElementInterface, "attributes"> {
|
|
18
|
+
attributes: {
|
|
19
|
+
HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
|
|
20
|
+
BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
|
|
21
|
+
CUSTOM: any;
|
|
22
|
+
};
|
|
23
|
+
styles: ShippingPaymentsStyleProperties;
|
|
24
|
+
isMaximized?: boolean;
|
|
25
|
+
}
|
|
@@ -332,6 +332,9 @@ export declare const CMSElementsListEnum: {
|
|
|
332
332
|
PRODUCT_BRAND_IMAGE: string;
|
|
333
333
|
ADD_PRODUCTS_TAB: string;
|
|
334
334
|
QUOTA_DETAILS: string;
|
|
335
|
+
CURRENCY_SELECTOR: string;
|
|
336
|
+
WAREHOUSE_SELECTOR: string;
|
|
337
|
+
SHIPPING_PAYMENT: string;
|
|
335
338
|
};
|
|
336
339
|
export declare enum CMSResponsiveModeEnums {
|
|
337
340
|
DESKTOP = "desktop",
|
|
@@ -85,4 +85,5 @@ import * as badgeSchema from "./elements/badge/index";
|
|
|
85
85
|
import * as cartAttributesSchema from "./elements/cart-attributes/index";
|
|
86
86
|
import * as loaderSchema from "./elements/loader/index";
|
|
87
87
|
import * as addProductsTabSchema from "./elements/add-products-tab/index";
|
|
88
|
-
|
|
88
|
+
import * as shippingPaymentsSchema from "./elements/shipping-payment";
|
|
89
|
+
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, };
|
|
@@ -100,4 +100,5 @@ import * as cartAttributes from "./cartAttributes";
|
|
|
100
100
|
import * as loader from "./loader";
|
|
101
101
|
import * as addProductsTab from "./addProductsTab";
|
|
102
102
|
import * as quotaDetails from "./quotaDetails";
|
|
103
|
-
|
|
103
|
+
import * as shippingPayments from "./shipping-payments";
|
|
104
|
+
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, };
|
|
@@ -13,6 +13,8 @@ interface selfLayoutInterface {
|
|
|
13
13
|
showDropdownIcon: CMSIBCommonInterface;
|
|
14
14
|
dropdownIcon: CMSIBCommonInterface;
|
|
15
15
|
profileSettings: CMSIBCommonInterface;
|
|
16
|
+
dropdownItemsOffsetX: CMSIBCommonInterface;
|
|
17
|
+
dropdownItemsOffsetY: CMSIBCommonInterface;
|
|
16
18
|
}
|
|
17
19
|
interface selfContentInterface {
|
|
18
20
|
selectorKey: string;
|
|
@@ -28,6 +30,7 @@ export interface selfDesignInterface {
|
|
|
28
30
|
showIcon: CMSIBCommonInterface | undefined;
|
|
29
31
|
iconSize: CMSIBCommonInterface;
|
|
30
32
|
iconColor: CMSIBCommonInterface;
|
|
33
|
+
icon: CMSIBCommonInterface | undefined;
|
|
31
34
|
};
|
|
32
35
|
dropdownItems: {
|
|
33
36
|
selectorKey: string;
|
|
@@ -68,6 +71,14 @@ export interface selfDesignInterface {
|
|
|
68
71
|
characterSpacing: CMSIBCommonInterface;
|
|
69
72
|
lineHeight: CMSIBCommonInterface;
|
|
70
73
|
};
|
|
74
|
+
beforeLoginAvatar: {
|
|
75
|
+
selectorKey: string;
|
|
76
|
+
[key: string]: any;
|
|
77
|
+
};
|
|
78
|
+
afterLoginAvatar: {
|
|
79
|
+
selectorKey: string;
|
|
80
|
+
[key: string]: any;
|
|
81
|
+
};
|
|
71
82
|
}
|
|
72
83
|
export declare enum profileSelectorKeysEnum {
|
|
73
84
|
LAYOUT = "layout",
|
|
@@ -75,7 +86,8 @@ export declare enum profileSelectorKeysEnum {
|
|
|
75
86
|
CONTENT = "content",
|
|
76
87
|
profile_ELEMENT = "profileWidget",
|
|
77
88
|
MINI_profile_TEXT = "profileNameText",
|
|
78
|
-
|
|
89
|
+
BEFORE_LOGIN_PROFILE_AVATAR = "beforeLoginProfileAvatar",
|
|
90
|
+
AFTER_LOGIN_PROFILE_AVATAR = "afterLoginProfileAvatar",
|
|
79
91
|
DROPDOWN_ITEMS = "dropdownItems",
|
|
80
92
|
DROPDOWN_ITEMS_HOVER_STYLE = "dropdownItemsHoverStyle",
|
|
81
93
|
DROPDOWN_ITEMS_DEFAULT_STYLE = "dropdownItemsDefaultStyle"
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { CMSIBCommonInterface } from "../../interfaces/global";
|
|
2
|
+
import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
3
|
+
export interface ContainerEditPopupInterface extends CMSElementEditPopupInterface {
|
|
4
|
+
}
|
|
5
|
+
interface selfLayoutInterface {
|
|
6
|
+
selectorKey: string;
|
|
7
|
+
shippingHeaderTitle: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
8
|
+
value: string;
|
|
9
|
+
};
|
|
10
|
+
paymentHeaderTitle: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
11
|
+
value: string;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
export interface selfDesignInterface {
|
|
15
|
+
selectorKey: string;
|
|
16
|
+
}
|
|
17
|
+
export declare enum selfSelectorKeysEnum {
|
|
18
|
+
LAYOUT = "layout",
|
|
19
|
+
DESIGN = "design"
|
|
20
|
+
}
|
|
21
|
+
export declare const getDefaultData: (contentWidth?: any) => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
22
|
+
export {};
|
package/dist/widget.scss
CHANGED