@useinsider/guido 2.0.0-beta.4f6e85f → 2.0.0-beta.522e9d9
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/README.md +0 -2
- package/dist/@types/config/schemas.js +39 -55
- package/dist/components/Guido.vue.js +1 -1
- package/dist/components/Guido.vue2.js +17 -15
- package/dist/components/organisms/email-preview/PreviewContainer.vue.js +3 -3
- package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.js +8 -8
- package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue2.js +17 -13
- package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +7 -8
- package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js +14 -12
- package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js +10 -14
- package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js +18 -22
- package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js +3 -3
- package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +12 -11
- package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue.js +11 -10
- package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue2.js +15 -14
- package/dist/components/organisms/header/LeftSlot.vue.js +9 -9
- package/dist/components/organisms/header/LeftSlot.vue2.js +13 -14
- package/dist/components/organisms/header/MiddleSlot.vue.js +5 -4
- package/dist/components/organisms/header/MiddleSlot.vue2.js +14 -13
- package/dist/components/organisms/header/RightSlot.vue.js +12 -12
- package/dist/components/organisms/header/RightSlot.vue2.js +26 -20
- package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +15 -15
- package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js +1 -1
- package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js +20 -19
- package/dist/composables/useConfig.js +27 -29
- package/dist/composables/useSave.js +11 -13
- package/dist/composables/useStripo.js +40 -40
- package/dist/config/migrator/index.js +8 -9
- package/dist/enums/academy.js +8 -0
- package/dist/enums/onboarding.js +1 -2
- package/dist/enums/unsubscribe.js +20 -21
- package/dist/extensions/Blocks/Items/block.js +40 -39
- package/dist/extensions/Blocks/Items/controls/button/link.js +29 -22
- package/dist/extensions/Blocks/Items/controls/cardComposition.js +46 -66
- package/dist/extensions/Blocks/Items/controls/image/link.js +30 -23
- package/dist/extensions/Blocks/Items/controls/name/trimming.js +25 -25
- package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +17 -19
- package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +29 -31
- package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +36 -36
- package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +19 -21
- package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +27 -29
- package/dist/extensions/Blocks/Items/controls/settingsControl.js +143 -152
- package/dist/extensions/Blocks/Items/enums/controlEnums.js +2 -2
- package/dist/extensions/Blocks/Items/enums/productEnums.js +45 -43
- package/dist/extensions/Blocks/Items/enums/settingsEnums.js +3 -4
- package/dist/extensions/Blocks/Items/extension.js +6 -7
- package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +49 -58
- package/dist/extensions/Blocks/Items/layouts/vertical.html.js +59 -48
- package/dist/extensions/Blocks/Items/settingsPanel.js +26 -27
- package/dist/extensions/Blocks/Items/store/items-block.js +7 -11
- package/dist/extensions/Blocks/Items/template.js +129 -366
- package/dist/extensions/Blocks/Items/utils/configBlockUtils.js +17 -0
- package/dist/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.js +28 -0
- package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js +76 -0
- package/dist/extensions/Blocks/Items/utils/updateAttributes.js +46 -0
- package/dist/extensions/Blocks/Recommendation/control.js +1 -1
- package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
- package/dist/extensions/Blocks/common-control.js +30 -29
- package/dist/extensions/Blocks/controlFactories.js +45 -55
- package/dist/guido.css +1 -1
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +285 -364
- package/dist/package.json.js +1 -1
- package/dist/services/stripoApi.js +10 -6
- package/dist/src/@types/config/index.d.ts +2 -2
- package/dist/src/@types/config/schemas.d.ts +0 -30
- package/dist/src/@types/config/types.d.ts +1 -7
- package/dist/src/components/organisms/header/RightSlot.vue.d.ts +1 -1
- package/dist/src/composables/useConfig.d.ts +0 -8
- package/dist/src/enums/academy.d.ts +12 -0
- package/dist/src/enums/onboarding.d.ts +0 -1
- package/dist/src/enums/unsubscribe.d.ts +0 -1
- package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts +2 -0
- package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +0 -9
- package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts +2 -0
- package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +1 -1
- package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +4 -0
- package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts +0 -1
- package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +26 -24
- package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts +0 -1
- package/dist/src/extensions/Blocks/Items/store/items-block.d.ts +0 -2
- package/dist/src/extensions/Blocks/Items/template.d.ts +1 -22
- package/dist/src/extensions/Blocks/Items/utils/configBlockUtils.d.ts +23 -0
- package/dist/src/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.d.ts +32 -0
- package/dist/src/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.d.ts +50 -0
- package/dist/src/extensions/Blocks/Items/utils/updateAttributes.d.ts +8 -0
- package/dist/src/extensions/Blocks/common-control.d.ts +10 -9
- package/dist/src/stores/config.d.ts +1 -164
- package/dist/static/assets/desktop/desktop-mockup-center.svg.js +4 -0
- package/dist/static/assets/desktop/desktop-mockup-left.svg.js +4 -0
- package/dist/static/assets/desktop/desktop-mockup-right.svg.js +4 -0
- package/dist/static/assets/mobile/email-mockup.svg.js +4 -0
- package/dist/static/assets/mobile/inbox-mockup.svg.js +4 -0
- package/dist/static/styles/components/button.css.js +1 -1
- package/dist/stores/config.js +0 -7
- package/dist/utils/pairProductVariables.js +58 -61
- package/package.json +3 -3
- package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue.js +0 -17
- package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue2.js +0 -20
- package/dist/config/migrator/itemsBlockMigrator.js +0 -342
- package/dist/extensions/Blocks/Items/controls/price/singlePrice.js +0 -93
- package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +0 -184
- package/dist/src/config/migrator/itemsBlockMigrator.d.ts +0 -6
- package/dist/src/extensions/Blocks/Items/controls/price/singlePrice.d.ts +0 -18
- package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +0 -73
- package/dist/static/assets/inbox-mockup.svg.js +0 -4
- package/dist/static/assets/phone-mockup.svg.js +0 -4
|
@@ -1,6 +1,31 @@
|
|
|
1
1
|
import _ from "../../../../node_modules/lodash-es/flatMap.js";
|
|
2
|
-
import
|
|
3
|
-
const
|
|
2
|
+
import i from "../../../../node_modules/lodash-es/range.js";
|
|
3
|
+
const o = '<td align="center" class="ins-product-td items-block items-block-v2">', R = {
|
|
4
|
+
TYPE: "data-type",
|
|
5
|
+
ITEMS_INDEX_SELECT_CONTROL_VALUE: "data-cart_items_select_control_value",
|
|
6
|
+
ORIENTATION: "data-card_orientation_control_value",
|
|
7
|
+
PRODUCT_NAME_TRIMMING: "data-product_name_trimming",
|
|
8
|
+
PRODUCT_PRICE_HIDE_DISCOUNT: "data-product_price_hide_discount",
|
|
9
|
+
PRODUCT_PRICE_FORMATTED: "data-product_price_formatted",
|
|
10
|
+
PRODUCT_PRICE_CURRENCY_SYMBOL: "data-product_price_currency_symbol",
|
|
11
|
+
PRODUCT_PRICE_CURRENCY_LOCATION: "data-product_price_currency_location",
|
|
12
|
+
PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION: "data-product_original_price_control_orientation",
|
|
13
|
+
PRODUCT_BUTTON_LINK: "data-product_button_link",
|
|
14
|
+
PRODUCT_IMAGE_LINK: "data-product_image_link",
|
|
15
|
+
PRODUCT_NAME_CONTROL_VALUE: "data-product_name_control_value",
|
|
16
|
+
PRODUCT_QUANTITY_CONTROL_VALUE: "data-product_quantity_control_value",
|
|
17
|
+
PRODUCT_PRICE_CONTROL_VALUE: "data-product_price_control_value",
|
|
18
|
+
BLOCK_INSTANCE_ID: "data-block-instance-id",
|
|
19
|
+
NAME_CONTROL_ENABLED: "data-product_name_control_enabled",
|
|
20
|
+
QUANTITY_CONTROL_ENABLED: "data-product_quantity_control_enabled",
|
|
21
|
+
PRICE_CONTROL_OPENED: "data-product_price_control_opened",
|
|
22
|
+
PRODUCT_IMAGE_VISIBLE: "data-product_image_visible",
|
|
23
|
+
PRODUCT_NAME_VISIBLE: "data-product_name_visible",
|
|
24
|
+
PRODUCT_QUANTITY_VISIBLE: "data-product_quantity_visible",
|
|
25
|
+
PRODUCT_PRICE_VISIBLE: "data-product_price_visible",
|
|
26
|
+
PRODUCT_ORIGINAL_PRICE_VISIBLE: "data-product_original_price_visible",
|
|
27
|
+
PRODUCT_BUTTON_VISIBLE: "data-product_button_visible"
|
|
28
|
+
}, t = { PAIRS_FOR_EXTENSION: {
|
|
4
29
|
imageSrc: {
|
|
5
30
|
CART_ITEMS: {
|
|
6
31
|
ATTR: "ins_apr_img",
|
|
@@ -107,37 +132,25 @@ const T = '<td align="center" class="ins-product-td items-block items-block-v2">
|
|
|
107
132
|
CART_ITEMS: {
|
|
108
133
|
PRICE: "ins_apr_price",
|
|
109
134
|
PRICE_FORMATTED: "ins_apr_formattedprice",
|
|
110
|
-
SINGLE_PRICE: "ins_apr_single_price",
|
|
111
|
-
SINGLE_PRICE_FORMATTED: "ins_apr_single_formattedprice",
|
|
112
135
|
CURRENCY: "ins_apr_productcurrency",
|
|
113
136
|
DEFAULT_PRICE: "1100.00",
|
|
114
137
|
DEFAULT_PRICE_FORMATTED: "1,100.00",
|
|
115
|
-
DEFAULT_SINGLE_PRICE: "366.67",
|
|
116
|
-
DEFAULT_SINGLE_PRICE_FORMATTED: "366.67",
|
|
117
138
|
DEFAULT_CURRENCY: "USD"
|
|
118
139
|
},
|
|
119
140
|
BROWSED_ITEMS: {
|
|
120
141
|
PRICE: "browsed_item_price",
|
|
121
142
|
PRICE_FORMATTED: "browsed_item_formattedprice",
|
|
122
|
-
SINGLE_PRICE: "browsed_item_single_price",
|
|
123
|
-
SINGLE_PRICE_FORMATTED: "browsed_item_single_formattedprice",
|
|
124
143
|
CURRENCY: "browsed_item_productcurrency",
|
|
125
144
|
DEFAULT_PRICE: "1249.99",
|
|
126
145
|
DEFAULT_PRICE_FORMATTED: "1,249.99",
|
|
127
|
-
DEFAULT_SINGLE_PRICE: "178.57",
|
|
128
|
-
DEFAULT_SINGLE_PRICE_FORMATTED: "178.57",
|
|
129
146
|
DEFAULT_CURRENCY: "USD"
|
|
130
147
|
},
|
|
131
148
|
PURCHASED_ITEMS: {
|
|
132
149
|
PRICE: "purchased_item_price",
|
|
133
150
|
PRICE_FORMATTED: "purchased_item_formattedprice",
|
|
134
|
-
SINGLE_PRICE: "purchased_item_single_price",
|
|
135
|
-
SINGLE_PRICE_FORMATTED: "purchased_item_single_formattedprice",
|
|
136
151
|
CURRENCY: "purchased_item_productcurrency",
|
|
137
152
|
DEFAULT_PRICE: "1490.49",
|
|
138
153
|
DEFAULT_PRICE_FORMATTED: "1,490.49",
|
|
139
|
-
DEFAULT_SINGLE_PRICE: "149.05",
|
|
140
|
-
DEFAULT_SINGLE_PRICE_FORMATTED: "149.05",
|
|
141
154
|
DEFAULT_CURRENCY: "USD"
|
|
142
155
|
}
|
|
143
156
|
},
|
|
@@ -145,37 +158,25 @@ const T = '<td align="center" class="ins-product-td items-block items-block-v2">
|
|
|
145
158
|
CART_ITEMS: {
|
|
146
159
|
PRICE: "ins_apr_originalprice",
|
|
147
160
|
PRICE_FORMATTED: "ins_apr_originalformattedprice",
|
|
148
|
-
SINGLE_PRICE: "ins_apr_single_originalprice",
|
|
149
|
-
SINGLE_PRICE_FORMATTED: "ins_apr_single_originalformattedprice",
|
|
150
161
|
CURRENCY: "ins_apr_productcurrency",
|
|
151
162
|
DEFAULT_PRICE: "1600.00",
|
|
152
163
|
DEFAULT_PRICE_FORMATTED: "1,600.00",
|
|
153
|
-
DEFAULT_SINGLE_PRICE: "533.33",
|
|
154
|
-
DEFAULT_SINGLE_PRICE_FORMATTED: "533.33",
|
|
155
164
|
DEFAULT_CURRENCY: "USD"
|
|
156
165
|
},
|
|
157
166
|
BROWSED_ITEMS: {
|
|
158
167
|
PRICE: "browsed_item_originalprice",
|
|
159
168
|
PRICE_FORMATTED: "browsed_item_originalformattedprice",
|
|
160
|
-
SINGLE_PRICE: "browsed_item_single_originalprice",
|
|
161
|
-
SINGLE_PRICE_FORMATTED: "browsed_item_single_originalformattedprice",
|
|
162
169
|
CURRENCY: "browsed_item_productcurrency",
|
|
163
170
|
DEFAULT_PRICE: "2049.99",
|
|
164
171
|
DEFAULT_PRICE_FORMATTED: "2,049.99",
|
|
165
|
-
DEFAULT_SINGLE_PRICE: "292.86",
|
|
166
|
-
DEFAULT_SINGLE_PRICE_FORMATTED: "292.86",
|
|
167
172
|
DEFAULT_CURRENCY: "USD"
|
|
168
173
|
},
|
|
169
174
|
PURCHASED_ITEMS: {
|
|
170
175
|
PRICE: "purchased_item_originalprice",
|
|
171
176
|
PRICE_FORMATTED: "purchased_item_originalformattedprice",
|
|
172
|
-
SINGLE_PRICE: "purchased_item_single_originalprice",
|
|
173
|
-
SINGLE_PRICE_FORMATTED: "purchased_item_single_originalformattedprice",
|
|
174
177
|
CURRENCY: "purchased_item_productcurrency",
|
|
175
178
|
DEFAULT_PRICE: "1890.49",
|
|
176
179
|
DEFAULT_PRICE_FORMATTED: "1,890.49",
|
|
177
|
-
DEFAULT_SINGLE_PRICE: "189.05",
|
|
178
|
-
DEFAULT_SINGLE_PRICE_FORMATTED: "189.05",
|
|
179
180
|
DEFAULT_CURRENCY: "USD"
|
|
180
181
|
}
|
|
181
182
|
},
|
|
@@ -211,27 +212,27 @@ const T = '<td align="center" class="ins-product-td items-block items-block-v2">
|
|
|
211
212
|
}
|
|
212
213
|
}
|
|
213
214
|
} };
|
|
214
|
-
function m(e,
|
|
215
|
-
return
|
|
215
|
+
function m(e, a = 8) {
|
|
216
|
+
return i(1, a + 1).map((s) => `${e}_${s}`);
|
|
216
217
|
}
|
|
217
|
-
function
|
|
218
|
-
const { PAIRS_FOR_EXTENSION: e } =
|
|
219
|
-
return
|
|
218
|
+
function r() {
|
|
219
|
+
const { PAIRS_FOR_EXTENSION: e } = t, a = [];
|
|
220
|
+
return a.push(
|
|
220
221
|
e.imageSrc.CART_ITEMS.ATTR,
|
|
221
222
|
e.imageSrc.BROWSED_ITEMS.ATTR,
|
|
222
223
|
e.imageSrc.PURCHASED_ITEMS.ATTR
|
|
223
|
-
),
|
|
224
|
+
), a.push(
|
|
224
225
|
e.name.CART_ITEMS.ATTR,
|
|
225
226
|
e.name.CART_ITEMS.HREF,
|
|
226
227
|
e.name.BROWSED_ITEMS.ATTR,
|
|
227
228
|
e.name.BROWSED_ITEMS.HREF,
|
|
228
229
|
e.name.PURCHASED_ITEMS.ATTR,
|
|
229
230
|
e.name.PURCHASED_ITEMS.HREF
|
|
230
|
-
),
|
|
231
|
+
), a.push(
|
|
231
232
|
e.quantity.CART_ITEMS.ATTR,
|
|
232
233
|
e.quantity.BROWSED_ITEMS.ATTR,
|
|
233
234
|
e.quantity.PURCHASED_ITEMS.ATTR
|
|
234
|
-
),
|
|
235
|
+
), a.push(
|
|
235
236
|
e.price.CART_ITEMS.PRICE,
|
|
236
237
|
e.price.CART_ITEMS.PRICE_FORMATTED,
|
|
237
238
|
e.price.CART_ITEMS.CURRENCY,
|
|
@@ -241,7 +242,7 @@ function t() {
|
|
|
241
242
|
e.price.PURCHASED_ITEMS.PRICE,
|
|
242
243
|
e.price.PURCHASED_ITEMS.PRICE_FORMATTED,
|
|
243
244
|
e.price.PURCHASED_ITEMS.CURRENCY
|
|
244
|
-
),
|
|
245
|
+
), a.push(
|
|
245
246
|
e.originalPrice.CART_ITEMS.PRICE,
|
|
246
247
|
e.originalPrice.CART_ITEMS.PRICE_FORMATTED,
|
|
247
248
|
e.originalPrice.CART_ITEMS.CURRENCY,
|
|
@@ -251,22 +252,23 @@ function t() {
|
|
|
251
252
|
e.originalPrice.PURCHASED_ITEMS.PRICE,
|
|
252
253
|
e.originalPrice.PURCHASED_ITEMS.PRICE_FORMATTED,
|
|
253
254
|
e.originalPrice.PURCHASED_ITEMS.CURRENCY
|
|
254
|
-
),
|
|
255
|
+
), a.push(
|
|
255
256
|
e.button.CART_ITEMS.HREF,
|
|
256
257
|
e.button.BROWSED_ITEMS.HREF,
|
|
257
258
|
e.button.PURCHASED_ITEMS.HREF
|
|
258
|
-
),
|
|
259
|
+
), a.push(
|
|
259
260
|
e.itemLink.CART_ITEMS.HREF,
|
|
260
261
|
e.itemLink.BROWSED_ITEMS.HREF,
|
|
261
262
|
e.itemLink.PURCHASED_ITEMS.HREF
|
|
262
|
-
),
|
|
263
|
+
), a;
|
|
263
264
|
}
|
|
264
|
-
const
|
|
265
|
-
|
|
265
|
+
const p = _(
|
|
266
|
+
r(),
|
|
266
267
|
(e) => m(e)
|
|
267
268
|
);
|
|
268
269
|
export {
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
270
|
+
R as configAttributes,
|
|
271
|
+
p as itemsBlockDynamicVariables,
|
|
272
|
+
t as productPairs,
|
|
273
|
+
o as templateFirstLine
|
|
272
274
|
};
|
|
@@ -18,9 +18,9 @@ const e = {
|
|
|
18
18
|
], a = {
|
|
19
19
|
itemsType: e.ITEMS_TYPE.CART_ITEMS,
|
|
20
20
|
cartItemsSelectControlValue: "{{Abandoned Cart Item (1) Url}}",
|
|
21
|
-
cardOrientationControlValue: e.ORIENTATION.
|
|
21
|
+
cardOrientationControlValue: e.ORIENTATION.HORIZONTAL,
|
|
22
22
|
productNameTrimmingControlValue: "1",
|
|
23
|
-
productPriceHideDiscountControlValue: "
|
|
23
|
+
productPriceHideDiscountControlValue: "0",
|
|
24
24
|
productPriceFormattedControlValue: "1",
|
|
25
25
|
productPriceCurrencySymbolControlValue: "USD",
|
|
26
26
|
productPriceCurrencyLocationControlValue: "0",
|
|
@@ -35,8 +35,7 @@ const e = {
|
|
|
35
35
|
productPriceVisible: "1",
|
|
36
36
|
productOriginalPriceVisible: "1",
|
|
37
37
|
productButtonVisible: "1",
|
|
38
|
-
productImageWidth: "70"
|
|
39
|
-
productImageHeight: "70"
|
|
38
|
+
productImageWidth: "70"
|
|
40
39
|
}, o = {
|
|
41
40
|
[e.ITEMS_TYPE.CART_ITEMS]: [
|
|
42
41
|
{ text: "Abandoned Cart Item (1)", value: "{{Abandoned Cart Item (1) Url}}" },
|
|
@@ -10,12 +10,11 @@ import { PriceCurrencySymbolControl as g } from "./controls/price/currencySymbol
|
|
|
10
10
|
import { PriceFormattedPriceControl as f } from "./controls/price/formattedPrice.js";
|
|
11
11
|
import { PriceHideDiscountControl as p } from "./controls/price/hideDiscount.js";
|
|
12
12
|
import { PriceOrientationControl as y } from "./controls/price/priceOrientation.js";
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import
|
|
16
|
-
import I from "./
|
|
17
|
-
|
|
18
|
-
const j = new a().addBlock(i).withSettingsPanelRegistry(b).addControl(P).addControl(e).addControl(r.align).addControl(r.color).addControl(r.size).addControl(r.style).addControl(r.fontFamily).addControl(r.background).addControl(r.paddings).addControl(s).addControl(n.align).addControl(n.color).addControl(n.fontFamily).addControl(n.paddings).addControl(n.size).addControl(n.style).addControl(t.align).addControl(t.color).addControl(t.size).addControl(t.style).addControl(t.fontFamily).addControl(t.background).addControl(t.paddings).addControl(d.align).addControl(d.color).addControl(d.size).addControl(d.style).addControl(d.fontFamily).addControl(d.background).addControl(d.paddings).addControl(p).addControl(f).addControl(u).addControl(g).addControl(c).addControl(y).addControl(m).addControl(l.size).addControl(l.margins).addControl(C).addControl(o.align).addControl(o.border).addControl(o.borderRadius).addControl(o.color).addControl(o.fontFamily).addControl(o.margins).addControl(o.paddings).addControl(o.text).addControl(o.textSize).addControl(o.textStyleAndFontColor).addControl(o.fitToContent).addStyles(I).withIconsRegistry(k).build();
|
|
13
|
+
import { ItemsBlockControl as u } from "./controls/settingsControl.js";
|
|
14
|
+
import { ItemsIconsRegistry as P } from "./iconsRegistry.js";
|
|
15
|
+
import k from "./items.css.js";
|
|
16
|
+
import { SettingsPanel as I } from "./settingsPanel.js";
|
|
17
|
+
const H = new a().addBlock(i).withSettingsPanelRegistry(I).addControl(u).addControl(e).addControl(r.align).addControl(r.color).addControl(r.size).addControl(r.style).addControl(r.fontFamily).addControl(r.background).addControl(r.paddings).addControl(s).addControl(n.align).addControl(n.color).addControl(n.fontFamily).addControl(n.paddings).addControl(n.size).addControl(n.style).addControl(t.align).addControl(t.color).addControl(t.size).addControl(t.style).addControl(t.fontFamily).addControl(t.background).addControl(t.paddings).addControl(d.align).addControl(d.color).addControl(d.size).addControl(d.style).addControl(d.fontFamily).addControl(d.background).addControl(d.paddings).addControl(p).addControl(f).addControl(g).addControl(c).addControl(y).addControl(m).addControl(l.size).addControl(l.margins).addControl(C).addControl(o.align).addControl(o.border).addControl(o.borderRadius).addControl(o.color).addControl(o.fontFamily).addControl(o.margins).addControl(o.paddings).addControl(o.text).addControl(o.textSize).addControl(o.textStyleAndFontColor).addControl(o.fitToContent).addStyles(k).withIconsRegistry(P).build();
|
|
19
18
|
export {
|
|
20
|
-
|
|
19
|
+
H as default
|
|
21
20
|
};
|
|
@@ -1,64 +1,55 @@
|
|
|
1
1
|
const t = `{-{-TEMPLATE_FIRST_LINE-}-}
|
|
2
|
-
<table class="es-left ins-product-wrapper
|
|
2
|
+
<table class="es-left ins-product-wrapper" cellspacing="0" cellpadding="0" align="left" width="100%">
|
|
3
|
+
{-{-CONFIG_BLOCK-}-}
|
|
3
4
|
<tbody>
|
|
4
5
|
<tr>
|
|
5
|
-
<td
|
|
6
|
-
<table class="
|
|
7
|
-
<
|
|
8
|
-
<
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
<
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
</td>
|
|
53
|
-
<td class="product-button-class" data-slot-6>
|
|
54
|
-
<table width="100%">
|
|
55
|
-
<tbody>
|
|
56
|
-
{-{-PRODUCT_BUTTON-}-}
|
|
57
|
-
</tbody>
|
|
58
|
-
</table>
|
|
59
|
-
</td>
|
|
60
|
-
</tr>
|
|
61
|
-
</tbody>
|
|
6
|
+
<td class="es-p20b es-p10r es-p10l es-m-p20b es-p10t" width="100%" align="center">
|
|
7
|
+
<table class="ins-product-cart" width="100%" cellspacing="0" cellpadding="0">
|
|
8
|
+
<tr style="vertical-align: top">
|
|
9
|
+
<td colspan="2" width="100%" align="center" data-slot-1>
|
|
10
|
+
<table width="100%">
|
|
11
|
+
<tbody>
|
|
12
|
+
{-{-PRODUCT_IMAGE-}-}
|
|
13
|
+
</tbody>
|
|
14
|
+
</table>
|
|
15
|
+
</td>
|
|
16
|
+
</tr>
|
|
17
|
+
{-{-PRODUCT_NAME-}-}
|
|
18
|
+
<tr>
|
|
19
|
+
<td width="50%" style=" width: 50%;display: block;float: left;" class="product-price-class">
|
|
20
|
+
<table width="100%">
|
|
21
|
+
<tbody>
|
|
22
|
+
{-{-PRODUCT_PRICE-}-}
|
|
23
|
+
</tbody>
|
|
24
|
+
</table>
|
|
25
|
+
</td>
|
|
26
|
+
<td width="50%" style=" width: 50%;display: block;float: left;"
|
|
27
|
+
class="product-original-price-class">
|
|
28
|
+
<table width="100%">
|
|
29
|
+
<tbody>
|
|
30
|
+
{-{-PRODUCT_ORIGINAL_PRICE-}-}
|
|
31
|
+
</tbody>
|
|
32
|
+
</table>
|
|
33
|
+
</td>
|
|
34
|
+
</tr>
|
|
35
|
+
<tr>
|
|
36
|
+
<td width="100%" class="product-quantity-class" data-slot-3>
|
|
37
|
+
<table width="100%">
|
|
38
|
+
<tbody>
|
|
39
|
+
{-{-PRODUCT_QUANTITY-}-}
|
|
40
|
+
</tbody>
|
|
41
|
+
</table>
|
|
42
|
+
</td>
|
|
43
|
+
</tr>
|
|
44
|
+
<tr>
|
|
45
|
+
<td width="100%" class="product-button-class" data-slot-6>
|
|
46
|
+
<table width="100%">
|
|
47
|
+
<tbody>
|
|
48
|
+
{-{-PRODUCT_BUTTON-}-}
|
|
49
|
+
</tbody>
|
|
50
|
+
</table>
|
|
51
|
+
</td>
|
|
52
|
+
</tr>
|
|
62
53
|
</table>
|
|
63
54
|
</td>
|
|
64
55
|
</tr>
|
|
@@ -1,54 +1,65 @@
|
|
|
1
1
|
const t = `{-{-TEMPLATE_FIRST_LINE-}-}
|
|
2
|
-
<table class="es-left ins-product-wrapper"
|
|
2
|
+
<table class="es-left ins-product-wrapper ins-product-cart" width="100%" cellspacing="0" cellpadding="0">
|
|
3
|
+
{-{-CONFIG_BLOCK-}-}
|
|
3
4
|
<tbody>
|
|
4
5
|
<tr>
|
|
5
|
-
<td
|
|
6
|
-
<table class="
|
|
7
|
-
<
|
|
8
|
-
<
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
class="product-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
<
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
6
|
+
<td style="padding: 16px 9px;">
|
|
7
|
+
<table class="es-left esdev-disable-select" cellspacing="0" cellpadding="0" align="left" width="100%">
|
|
8
|
+
<tbody>
|
|
9
|
+
<tr>
|
|
10
|
+
<td class="product-image-class" data-slot-1>
|
|
11
|
+
{-{-PRODUCT_IMAGE-}-}
|
|
12
|
+
</td>
|
|
13
|
+
<td class="product-name-class" data-slot-2>
|
|
14
|
+
<table>
|
|
15
|
+
<tbody>
|
|
16
|
+
{-{-PRODUCT_NAME-}-}
|
|
17
|
+
</tbody>
|
|
18
|
+
</table>
|
|
19
|
+
</td>
|
|
20
|
+
<td class="product-quantity-class" data-slot-3>
|
|
21
|
+
<table width="100%">
|
|
22
|
+
<tbody>
|
|
23
|
+
{-{-PRODUCT_QUANTITY-}-}
|
|
24
|
+
</tbody>
|
|
25
|
+
</table>
|
|
26
|
+
</td>
|
|
27
|
+
<td class="product-price-class horizontal-price" data-slot-4>
|
|
28
|
+
<table width="100%">
|
|
29
|
+
<tbody>
|
|
30
|
+
{-{-PRODUCT_PRICE-}-}
|
|
31
|
+
</tbody>
|
|
32
|
+
</table>
|
|
33
|
+
</td>
|
|
34
|
+
<td class="product-original-price-class horizontal-price" data-slot-5>
|
|
35
|
+
<table width="100%">
|
|
36
|
+
<tbody>
|
|
37
|
+
{-{-PRODUCT_ORIGINAL_PRICE-}-}
|
|
38
|
+
</tbody>
|
|
39
|
+
</table>
|
|
40
|
+
</td>
|
|
41
|
+
<td class="product-price-container vertical-price" data-slot-4 style="display: none;">
|
|
42
|
+
<table class="product-price-class" width="100%" data-slot-4>
|
|
43
|
+
<tbody>
|
|
44
|
+
{-{-PRODUCT_PRICE-}-}
|
|
45
|
+
</tbody>
|
|
46
|
+
</table>
|
|
47
|
+
<table class="product-original-price-class product-original-price-container"
|
|
48
|
+
width="100%" data-slot-5>
|
|
49
|
+
<tbody>
|
|
50
|
+
{-{-PRODUCT_ORIGINAL_PRICE-}-}
|
|
51
|
+
</tbody>
|
|
52
|
+
</table>
|
|
53
|
+
</td>
|
|
54
|
+
<td class="product-button-class" data-slot-6>
|
|
55
|
+
<table width="100%">
|
|
56
|
+
<tbody>
|
|
57
|
+
{-{-PRODUCT_BUTTON-}-}
|
|
58
|
+
</tbody>
|
|
59
|
+
</table>
|
|
60
|
+
</td>
|
|
61
|
+
</tr>
|
|
62
|
+
</tbody>
|
|
52
63
|
</table>
|
|
53
64
|
</td>
|
|
54
65
|
</tr>
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { SettingsPanelRegistry as O, SettingsPanelTab as T, SettingsTab as
|
|
1
|
+
import { SettingsPanelRegistry as O, SettingsPanelTab as T, SettingsTab as N } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
2
|
import { BLOCK_ID as R } from "./block.js";
|
|
3
3
|
import { COMPOSITION_CONTROL_BLOCK_ID as S } from "./controls/cardComposition.js";
|
|
4
4
|
import { CONTROL_BLOCK_ID as A } from "./controls/settingsControl.js";
|
|
5
5
|
import { ItemsBlockId as E, ItemsBlockControlId as I } from "./enums/controlEnums.js";
|
|
6
6
|
class U extends O {
|
|
7
|
-
registerBlockControls(
|
|
8
|
-
|
|
7
|
+
registerBlockControls(_) {
|
|
8
|
+
_[R] = [
|
|
9
9
|
new T(
|
|
10
|
-
|
|
10
|
+
N.SETTINGS,
|
|
11
11
|
[
|
|
12
12
|
A
|
|
13
13
|
]
|
|
@@ -18,49 +18,48 @@ class U extends O {
|
|
|
18
18
|
S
|
|
19
19
|
]
|
|
20
20
|
).withLabel("Card Composition")
|
|
21
|
-
],
|
|
21
|
+
], _[E.ORIGINAL_PRICE] = [
|
|
22
22
|
new T(
|
|
23
|
-
|
|
23
|
+
N.SETTINGS,
|
|
24
24
|
[
|
|
25
|
-
I.
|
|
25
|
+
I.ORIGINAL_PRICE_STYLE,
|
|
26
|
+
I.ORIGINAL_PRICE_ALIGN,
|
|
26
27
|
I.ORIGINAL_PRICE_PADDINGS
|
|
27
28
|
]
|
|
28
29
|
),
|
|
29
30
|
new T(
|
|
30
|
-
|
|
31
|
+
N.STYLES,
|
|
31
32
|
[
|
|
32
|
-
I.ORIGINAL_PRICE_STYLE,
|
|
33
|
-
I.ORIGINAL_PRICE_ALIGN,
|
|
34
33
|
I.ORIGINAL_PRICE_COLOR,
|
|
35
34
|
I.ORIGINAL_PRICE_FONT_FAMILY,
|
|
36
35
|
I.ORIGINAL_PRICE_SIZE
|
|
37
36
|
]
|
|
38
37
|
)
|
|
39
|
-
],
|
|
38
|
+
], _[E.PRICE] = [
|
|
40
39
|
new T(
|
|
41
|
-
|
|
40
|
+
N.SETTINGS,
|
|
42
41
|
[
|
|
42
|
+
I.PRICE_STYLE,
|
|
43
|
+
I.PRICE_ALIGN,
|
|
43
44
|
I.PRICE_HIDE_DISCOUNT,
|
|
44
45
|
I.PRICE_FORMATTED_PRICE,
|
|
45
|
-
I.PRICE_SINGLE_PRICE,
|
|
46
46
|
I.PRICE_CURRENCY_SYMBOL,
|
|
47
47
|
I.PRICE_CURRENCY_LOCATION,
|
|
48
|
+
I.PRICE_ORIENTATION,
|
|
48
49
|
I.PRICE_PADDINGS
|
|
49
50
|
]
|
|
50
51
|
),
|
|
51
52
|
new T(
|
|
52
|
-
|
|
53
|
+
N.STYLES,
|
|
53
54
|
[
|
|
54
|
-
I.PRICE_STYLE,
|
|
55
|
-
I.PRICE_ALIGN,
|
|
56
55
|
I.PRICE_COLOR,
|
|
57
56
|
I.PRICE_FONT_FAMILY,
|
|
58
57
|
I.PRICE_SIZE
|
|
59
58
|
]
|
|
60
59
|
)
|
|
61
|
-
],
|
|
60
|
+
], _[E.NAME] = [
|
|
62
61
|
new T(
|
|
63
|
-
|
|
62
|
+
N.SETTINGS,
|
|
64
63
|
[
|
|
65
64
|
I.NAME_STYLE,
|
|
66
65
|
I.NAME_ALIGN,
|
|
@@ -69,23 +68,23 @@ class U extends O {
|
|
|
69
68
|
]
|
|
70
69
|
),
|
|
71
70
|
new T(
|
|
72
|
-
|
|
71
|
+
N.STYLES,
|
|
73
72
|
[
|
|
74
73
|
I.NAME_FONT_FAMILY,
|
|
75
74
|
I.NAME_SIZE,
|
|
76
75
|
I.NAME_COLOR
|
|
77
76
|
]
|
|
78
77
|
)
|
|
79
|
-
],
|
|
78
|
+
], _[E.QUANTITY] = [
|
|
80
79
|
new T(
|
|
81
|
-
|
|
80
|
+
N.SETTINGS,
|
|
82
81
|
[
|
|
83
82
|
I.QUANTITY_FONT_FAMILY,
|
|
84
83
|
I.QUANTITY_STYLE
|
|
85
84
|
]
|
|
86
85
|
),
|
|
87
86
|
new T(
|
|
88
|
-
|
|
87
|
+
N.STYLES,
|
|
89
88
|
[
|
|
90
89
|
I.QUANTITY_ALIGN,
|
|
91
90
|
I.QUANTITY_SIZE,
|
|
@@ -93,18 +92,18 @@ class U extends O {
|
|
|
93
92
|
I.QUANTITY_PADDINGS
|
|
94
93
|
]
|
|
95
94
|
)
|
|
96
|
-
],
|
|
95
|
+
], _[E.IMAGE] = [
|
|
97
96
|
new T(
|
|
98
|
-
|
|
97
|
+
N.SETTINGS,
|
|
99
98
|
[
|
|
100
99
|
I.IMAGE_LINK,
|
|
101
100
|
I.IMAGE_SIZE,
|
|
102
101
|
I.IMAGE_MARGINS
|
|
103
102
|
]
|
|
104
103
|
)
|
|
105
|
-
],
|
|
104
|
+
], _[E.BUTTON] = [
|
|
106
105
|
new T(
|
|
107
|
-
|
|
106
|
+
N.SETTINGS,
|
|
108
107
|
[
|
|
109
108
|
I.BUTTON_LINK,
|
|
110
109
|
I.BUTTON_TEXT,
|
|
@@ -114,7 +113,7 @@ class U extends O {
|
|
|
114
113
|
]
|
|
115
114
|
),
|
|
116
115
|
new T(
|
|
117
|
-
|
|
116
|
+
N.STYLES,
|
|
118
117
|
[
|
|
119
118
|
I.BUTTON_COLOR,
|
|
120
119
|
I.BUTTON_FONT_FAMILY,
|