@useinsider/guido 2.0.0-beta.edc1f0a → 2.0.0-beta.eee5ecc
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/@types/config/schemas.js +53 -39
- package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -2
- package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js +2 -2
- package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +5 -5
- package/dist/components/organisms/header/LeftSlot.vue.js +12 -12
- package/dist/components/organisms/header/LeftSlot.vue2.js +6 -6
- package/dist/components/organisms/header/RightSlot.vue2.js +10 -10
- package/dist/composables/useActionsApi.js +33 -30
- package/dist/composables/useConfig.js +29 -27
- package/dist/composables/useSave.js +13 -11
- package/dist/config/migrator/index.js +9 -8
- package/dist/config/migrator/itemsBlockMigrator.js +334 -0
- package/dist/config/migrator/recommendationMigrator.js +2 -2
- package/dist/extensions/Blocks/Items/block.js +36 -40
- package/dist/extensions/Blocks/Items/controls/button/link.js +22 -29
- package/dist/extensions/Blocks/Items/controls/cardComposition.js +70 -59
- package/dist/extensions/Blocks/Items/controls/image/link.js +23 -30
- package/dist/extensions/Blocks/Items/controls/name/trimming.js +25 -25
- package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +19 -17
- package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +31 -29
- package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +36 -36
- package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +21 -19
- package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +29 -27
- package/dist/extensions/Blocks/Items/controls/price/singlePrice.js +93 -0
- package/dist/extensions/Blocks/Items/controls/settingsControl.js +146 -131
- package/dist/extensions/Blocks/Items/enums/controlEnums.js +2 -2
- package/dist/extensions/Blocks/Items/enums/productEnums.js +43 -45
- package/dist/extensions/Blocks/Items/enums/settingsEnums.js +4 -5
- package/dist/extensions/Blocks/Items/extension.js +11 -9
- package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +58 -49
- package/dist/extensions/Blocks/Items/layouts/vertical.html.js +48 -59
- package/dist/extensions/Blocks/Items/settingsPanel.js +27 -26
- package/dist/extensions/Blocks/Items/store/items-block.js +11 -7
- package/dist/extensions/Blocks/Items/template.js +389 -141
- package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +176 -0
- package/dist/extensions/Blocks/Recommendation/block.js +1 -1
- package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +103 -0
- package/dist/extensions/Blocks/Recommendation/constants.js +5 -0
- package/dist/extensions/Blocks/Recommendation/control.js +306 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/align.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/border.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/color.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/text.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/image/size.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/align.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/background.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/color.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/size.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/name/style.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/align.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/background.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/color.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/size.js +13 -0
- package/dist/extensions/Blocks/Recommendation/controls/price/style.js +13 -0
- package/dist/extensions/Blocks/Recommendation/extension.js +43 -40
- package/dist/extensions/Blocks/Recommendation/recommendation.css.js +4 -13
- package/dist/extensions/Blocks/Recommendation/settingsPanel.js +72 -128
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +26 -29
- package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +160 -0
- package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +152 -0
- package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +180 -0
- package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js +9 -9
- package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
- package/dist/extensions/Blocks/common-control.js +30 -32
- package/dist/extensions/Blocks/controlFactories.js +106 -130
- package/dist/guido.css +1 -1
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +125 -116
- package/dist/src/@types/config/index.d.ts +2 -2
- package/dist/src/@types/config/schemas.d.ts +26 -0
- package/dist/src/@types/config/types.d.ts +7 -1
- package/dist/src/composables/useActionsApi.d.ts +1 -0
- package/dist/src/composables/useConfig.d.ts +6 -0
- package/dist/src/config/migrator/itemsBlockMigrator.d.ts +6 -0
- package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts +0 -2
- package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +9 -0
- package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts +0 -2
- package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +1 -1
- package/dist/src/extensions/Blocks/Items/controls/price/singlePrice.d.ts +18 -0
- package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +0 -4
- package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts +1 -0
- package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +24 -26
- package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts +1 -2
- package/dist/src/extensions/Blocks/Items/store/items-block.d.ts +2 -0
- package/dist/src/extensions/Blocks/Items/template.d.ts +22 -1
- package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +76 -0
- package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +28 -0
- package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts} +11 -19
- package/dist/src/extensions/Blocks/Recommendation/control.d.ts +35 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +5 -0
- package/dist/src/extensions/Blocks/Recommendation/extension.d.ts +0 -9
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +16 -17
- package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +16 -0
- package/dist/src/extensions/Blocks/Recommendation/templates/{vertical/migration.d.ts → migrationTemplate.d.ts} +4 -11
- package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +44 -0
- package/dist/src/extensions/Blocks/common-control.d.ts +10 -11
- package/dist/src/stores/config.d.ts +147 -1
- package/dist/static/styles/components/button.css.js +1 -1
- package/dist/static/styles/components/wide-panel.css.js +4 -0
- package/dist/static/styles/customEditorStyle.css.js +2 -38
- package/dist/stores/config.js +7 -0
- package/dist/utils/pairProductVariables.js +61 -58
- package/dist/utils/templatePreparation.js +17 -17
- package/package.json +1 -1
- package/dist/extensions/Blocks/Items/utils/configBlockUtils.js +0 -17
- package/dist/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.js +0 -28
- package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js +0 -76
- package/dist/extensions/Blocks/Items/utils/updateAttributes.js +0 -46
- package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +0 -4
- package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +0 -4
- package/dist/extensions/Blocks/Recommendation/constants/layout.js +0 -12
- package/dist/extensions/Blocks/Recommendation/constants/selectors.js +0 -11
- package/dist/extensions/Blocks/Recommendation/controls/button/index.js +0 -64
- package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +0 -80
- package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +0 -232
- package/dist/extensions/Blocks/Recommendation/controls/image/index.js +0 -19
- package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +0 -104
- package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +0 -86
- package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +0 -134
- package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +0 -54
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +0 -147
- package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +0 -64
- package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +0 -111
- package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +0 -60
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +0 -114
- package/dist/extensions/Blocks/Recommendation/controls/name/index.js +0 -46
- package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +0 -76
- package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +0 -44
- package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +0 -48
- package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +0 -73
- package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +0 -73
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +0 -48
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +0 -73
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +0 -73
- package/dist/extensions/Blocks/Recommendation/controls/price/index.js +0 -44
- package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +0 -211
- package/dist/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.js +0 -157
- package/dist/extensions/Blocks/Recommendation/templates/horizontal/template.js +0 -72
- package/dist/extensions/Blocks/Recommendation/templates/index.js +0 -12
- package/dist/extensions/Blocks/Recommendation/templates/utils.js +0 -173
- package/dist/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.js +0 -186
- package/dist/extensions/Blocks/Recommendation/templates/vertical/migration.js +0 -251
- package/dist/extensions/Blocks/Recommendation/templates/vertical/template.js +0 -62
- package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +0 -36
- package/dist/extensions/Blocks/Recommendation/utils/tagName.js +0 -46
- package/dist/src/extensions/Blocks/Items/utils/configBlockUtils.d.ts +0 -23
- package/dist/src/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.d.ts +0 -32
- package/dist/src/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.d.ts +0 -50
- package/dist/src/extensions/Blocks/Items/utils/updateAttributes.d.ts +0 -8
- package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +0 -13
- package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +0 -12
- package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +0 -27
- package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +0 -19
- package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +0 -143
- package/dist/src/extensions/Blocks/Recommendation/controls/cardBackground/index.d.ts +0 -31
- package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +0 -95
- package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +0 -35
- package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +0 -24
- package/dist/src/extensions/Blocks/Recommendation/controls/layout/index.d.ts +0 -34
- package/dist/src/extensions/Blocks/Recommendation/controls/main/algorithm.d.ts +0 -17
- package/dist/src/extensions/Blocks/Recommendation/controls/main/currency.d.ts +0 -16
- package/dist/src/extensions/Blocks/Recommendation/controls/main/filters.d.ts +0 -22
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +0 -62
- package/dist/src/extensions/Blocks/Recommendation/controls/main/locale.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +0 -39
- package/dist/src/extensions/Blocks/Recommendation/controls/main/shuffle.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +0 -81
- package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +0 -97
- package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts +0 -16
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +0 -95
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +0 -100
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +0 -100
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +0 -95
- package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +0 -73
- package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/elementRenderer.d.ts +0 -8
- package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/migration.d.ts +0 -25
- package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/template.d.ts +0 -18
- package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +0 -39
- package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +0 -45
- package/dist/src/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.d.ts +0 -7
- package/dist/src/extensions/Blocks/Recommendation/templates/vertical/template.d.ts +0 -33
- package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +0 -19
- package/dist/src/extensions/Blocks/Recommendation/utils/tagName.d.ts +0 -77
|
@@ -1,74 +1,77 @@
|
|
|
1
1
|
import { productPairs as w } from "../extensions/Blocks/Items/enums/productEnums.js";
|
|
2
|
-
function
|
|
3
|
-
const m =
|
|
4
|
-
Object.entries(
|
|
2
|
+
function P(k) {
|
|
3
|
+
const m = k.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), $ = new DOMParser().parseFromString(m, "text/html"), R = w.PAIRS_FOR_EXTENSION;
|
|
4
|
+
Object.entries(R).forEach(([n, l]) => {
|
|
5
5
|
$.querySelectorAll(".ins-product-td").forEach((o) => {
|
|
6
|
-
const
|
|
6
|
+
const E = o.getAttribute("data-number") || "1", b = o.getAttribute("data-type") || "CART_ITEMS";
|
|
7
7
|
o.querySelectorAll(`[product-attr="${n}"]`).forEach((e) => {
|
|
8
8
|
var y;
|
|
9
|
-
const
|
|
9
|
+
const T = e.getAttribute("data-type") || b, u = e.getAttribute("data-number") || E, p = l[T];
|
|
10
10
|
if (p)
|
|
11
11
|
switch (n) {
|
|
12
12
|
case "imageSrc": {
|
|
13
|
-
let t = null,
|
|
14
|
-
if (e.tagName === "IMG" ? (t = e,
|
|
13
|
+
let t = null, c = null;
|
|
14
|
+
if (e.tagName === "IMG" ? (t = e, c = t.closest("a")) : (t = e.querySelector("img"), c = e.querySelector("a") || e.closest("a")), !t)
|
|
15
15
|
break;
|
|
16
|
-
const
|
|
17
|
-
if (
|
|
16
|
+
const i = p.DEFAULT, a = p.ATTR;
|
|
17
|
+
if (i && t.src) {
|
|
18
18
|
const r = t.src;
|
|
19
|
-
|
|
20
|
-
const s =
|
|
21
|
-
return r.includes(
|
|
19
|
+
i.some((d) => {
|
|
20
|
+
const s = d.split("/").pop() || "", _ = r.split("/").pop() || "";
|
|
21
|
+
return r.includes(d) || r.includes(s) || _ === s;
|
|
22
22
|
}) && (t.src = `{{${a}_${u}}}`);
|
|
23
23
|
}
|
|
24
|
-
if (
|
|
25
|
-
const r = (y =
|
|
24
|
+
if (c) {
|
|
25
|
+
const r = (y = R.itemLink) == null ? void 0 : y[T];
|
|
26
26
|
if (r) {
|
|
27
|
-
const f = r.HREF,
|
|
28
|
-
(s === "#" || s === "" || s.endsWith("#!") || s.endsWith(
|
|
27
|
+
const f = r.HREF, d = r.DEFAULT_HREF || "#!", s = c.href;
|
|
28
|
+
(s === "#" || s === "" || s.endsWith("#!") || s.endsWith(d) || s === `${window.location.href}${d}` || !s || s === window.location.href) && (c.href = `{{${f}_${u}}}`);
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
break;
|
|
32
32
|
}
|
|
33
33
|
case "name": {
|
|
34
|
-
const t = p,
|
|
35
|
-
e.textContent && (e.textContent = `{{${
|
|
34
|
+
const t = p, c = t.ATTR, i = t.DEFAULT_HREF || "#!", a = t.HREF;
|
|
35
|
+
e.textContent && (e.textContent = `{{${c}_${u}}}`);
|
|
36
36
|
const r = e.closest("a") || (e.tagName === "A" ? e : null);
|
|
37
37
|
if (r && a) {
|
|
38
|
-
const f = r.href,
|
|
39
|
-
(f ===
|
|
38
|
+
const f = r.href, d = `${window.location.href}${i}`;
|
|
39
|
+
(f === d || f.endsWith(i)) && (r.href = `{{${a}_${u}}}`);
|
|
40
40
|
}
|
|
41
41
|
break;
|
|
42
42
|
}
|
|
43
43
|
case "price":
|
|
44
44
|
case "originalPrice": {
|
|
45
|
-
const t = p, c = e.getAttribute("data-formated")
|
|
46
|
-
let
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
45
|
+
const t = p, c = e.getAttribute("data-formated"), i = e.getAttribute("data-single_price"), a = c === "true", r = i === "true", f = e.getAttribute("data-curency") || "before";
|
|
46
|
+
let d;
|
|
47
|
+
r ? d = a ? t.SINGLE_PRICE_FORMATTED : t.SINGLE_PRICE : d = a ? t.PRICE_FORMATTED : t.PRICE;
|
|
48
|
+
const s = t.CURRENCY;
|
|
49
|
+
let _ = `{{${d}_${u}}}`;
|
|
50
|
+
if (s) {
|
|
51
|
+
const H = `{{${s}_${u}}}`;
|
|
52
|
+
_ = f === "after" ? `${_} ${H}` : `${H} ${_}`;
|
|
50
53
|
}
|
|
51
|
-
e.textContent =
|
|
54
|
+
e.textContent = _;
|
|
52
55
|
break;
|
|
53
56
|
}
|
|
54
57
|
case "quantity": {
|
|
55
|
-
const t = p,
|
|
56
|
-
e.textContent && e.textContent.trim() ===
|
|
58
|
+
const t = p, c = t.ATTR, i = t.DEFAULT;
|
|
59
|
+
e.textContent && e.textContent.trim() === i && (e.textContent = `{{${c}_${u}}}`);
|
|
57
60
|
break;
|
|
58
61
|
}
|
|
59
62
|
case "button": {
|
|
60
|
-
const t = p,
|
|
63
|
+
const t = p, c = t.HREF, i = t.DEFAULT_HREF || "#!", a = e.tagName === "A" ? e : e.querySelector("a");
|
|
61
64
|
if (a) {
|
|
62
|
-
const r = a.href || "", f = `${window.location.href}${
|
|
63
|
-
(r === "" || r === "#" || r === f || r.endsWith(
|
|
65
|
+
const r = a.href || "", f = `${window.location.href}${i}`;
|
|
66
|
+
(r === "" || r === "#" || r === f || r.endsWith(i) || r.endsWith("#!") || r === window.location.href) && (a.href = `{{${c}_${u}}}`);
|
|
64
67
|
}
|
|
65
68
|
break;
|
|
66
69
|
}
|
|
67
70
|
case "itemLink": {
|
|
68
|
-
const t = p,
|
|
71
|
+
const t = p, c = t.HREF, i = t.DEFAULT_HREF || "#!", a = e;
|
|
69
72
|
if (a.href) {
|
|
70
|
-
const r = a.href, f = `${window.location.href}${
|
|
71
|
-
(r === f || r.endsWith(
|
|
73
|
+
const r = a.href, f = `${window.location.href}${i}`;
|
|
74
|
+
(r === f || r.endsWith(i)) && (a.href = `{{${c}_${u}}}`);
|
|
72
75
|
}
|
|
73
76
|
break;
|
|
74
77
|
}
|
|
@@ -83,21 +86,21 @@ function M(H) {
|
|
|
83
86
|
});
|
|
84
87
|
});
|
|
85
88
|
});
|
|
86
|
-
const
|
|
87
|
-
|
|
88
|
-
const
|
|
89
|
-
|
|
89
|
+
const F = $.querySelectorAll(".ins-product-td"), S = [];
|
|
90
|
+
F.forEach((n) => {
|
|
91
|
+
const l = n.getAttribute("data-type") || "CART_ITEMS", A = n.getAttribute("data-number") || "1", o = n.getAttribute("data-nodup"), E = n.outerHTML;
|
|
92
|
+
S.push({
|
|
90
93
|
element: n,
|
|
91
|
-
outerHtml:
|
|
92
|
-
type:
|
|
94
|
+
outerHtml: E,
|
|
95
|
+
type: l,
|
|
93
96
|
number: A,
|
|
94
97
|
nodup: o || void 0
|
|
95
98
|
});
|
|
96
99
|
});
|
|
97
|
-
let
|
|
98
|
-
|
|
100
|
+
let h = $.body.innerHTML;
|
|
101
|
+
S.reverse().forEach(({ outerHtml: n, type: l, number: A }) => {
|
|
99
102
|
let o = "";
|
|
100
|
-
switch (
|
|
103
|
+
switch (l) {
|
|
101
104
|
case "CART_ITEMS":
|
|
102
105
|
o = "ins_apr_total_product_kind";
|
|
103
106
|
break;
|
|
@@ -109,28 +112,28 @@ function M(H) {
|
|
|
109
112
|
break;
|
|
110
113
|
}
|
|
111
114
|
if (o) {
|
|
112
|
-
const
|
|
113
|
-
|
|
115
|
+
const b = parseInt(A) - 1, T = `${`{% if ${o} > ${b} %}`}${n}{% endif %}`;
|
|
116
|
+
h = h.replace(n, T);
|
|
114
117
|
}
|
|
115
118
|
});
|
|
116
|
-
const
|
|
117
|
-
return
|
|
118
|
-
const
|
|
119
|
-
if (!
|
|
119
|
+
const I = $.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), g = [];
|
|
120
|
+
return I.forEach((n) => {
|
|
121
|
+
const l = n.getAttribute("data-number"), A = n.getAttribute("data-type");
|
|
122
|
+
if (!l || A !== "CART_ITEMS")
|
|
120
123
|
return;
|
|
121
124
|
const o = n.closest(".product-original-price-class");
|
|
122
125
|
if (o) {
|
|
123
|
-
const
|
|
124
|
-
|
|
126
|
+
const E = o.outerHTML;
|
|
127
|
+
g.some((C) => C.tdOuterHtml === E) || g.push({ tdOuterHtml: E, number: l });
|
|
125
128
|
}
|
|
126
|
-
}),
|
|
127
|
-
const A = `{% if ins_apr_price_${
|
|
128
|
-
if (!
|
|
129
|
-
const
|
|
130
|
-
|
|
129
|
+
}), g.reverse().forEach(({ tdOuterHtml: n, number: l }) => {
|
|
130
|
+
const A = `{% if ins_apr_price_${l} != ins_apr_originalprice_${l} %}`;
|
|
131
|
+
if (!h.includes(A) && !n.includes("{% if")) {
|
|
132
|
+
const E = `${A}${n}{% endif %}`;
|
|
133
|
+
h = h.replace(n, E);
|
|
131
134
|
}
|
|
132
|
-
}),
|
|
135
|
+
}), h.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}");
|
|
133
136
|
}
|
|
134
137
|
export {
|
|
135
|
-
|
|
138
|
+
P as pairProductVariables
|
|
136
139
|
};
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import { useActionsApi as
|
|
2
|
-
import { useHtmlCompiler as
|
|
3
|
-
import { useDynamicContentStore as
|
|
4
|
-
import { useUnsubscribeStore as
|
|
5
|
-
const
|
|
6
|
-
const i =
|
|
1
|
+
import { useActionsApi as b } from "../composables/useActionsApi.js";
|
|
2
|
+
import { useHtmlCompiler as f } from "../composables/useHtmlCompiler.js";
|
|
3
|
+
import { useDynamicContentStore as C } from "../stores/dynamic-content.js";
|
|
4
|
+
import { useUnsubscribeStore as T } from "../stores/unsubscribe.js";
|
|
5
|
+
const P = () => {
|
|
6
|
+
const i = C(), t = T(), { getCompiledEmail: o, getTemplateData: s, editorSave: n } = b(), { compileHtml: a } = f();
|
|
7
7
|
return {
|
|
8
8
|
prepareTemplateDetails: async () => {
|
|
9
|
-
const { html:
|
|
9
|
+
const { html: r, ampHtml: m = "", ampErrors: c = [] } = await o({
|
|
10
10
|
minimize: !0,
|
|
11
11
|
resetDataSavedFlag: !1
|
|
12
|
-
}), { html:
|
|
13
|
-
return console.debug("HTML Compilation Stats:", {
|
|
12
|
+
}), { html: l, css: p, syncModulesIds: u = [] } = await s(), { compiledHtml: d, stats: e, appliedRules: g } = a(r), S = i.getSelectedDynamicContentList;
|
|
13
|
+
return n(), console.debug("HTML Compilation Stats:", {
|
|
14
14
|
originalSize: e.originalSize,
|
|
15
15
|
compiledSize: e.compiledSize,
|
|
16
16
|
reduction: `${e.reductionPercentage.toFixed(2)}%`,
|
|
17
|
-
appliedRules:
|
|
17
|
+
appliedRules: g,
|
|
18
18
|
executionTime: `${e.executionTime.toFixed(2)}ms`
|
|
19
19
|
}), {
|
|
20
|
-
dynamicContentList:
|
|
21
|
-
compiledHtml:
|
|
22
|
-
rawHtml:
|
|
23
|
-
css:
|
|
20
|
+
dynamicContentList: S,
|
|
21
|
+
compiledHtml: d,
|
|
22
|
+
rawHtml: l,
|
|
23
|
+
css: p,
|
|
24
24
|
ampHtml: m,
|
|
25
|
-
ampErrors:
|
|
26
|
-
modules:
|
|
25
|
+
ampErrors: c,
|
|
26
|
+
modules: u,
|
|
27
27
|
recommendation: {
|
|
28
28
|
campaignUrls: {},
|
|
29
29
|
configs: {}
|
|
@@ -37,5 +37,5 @@ const z = () => {
|
|
|
37
37
|
};
|
|
38
38
|
};
|
|
39
39
|
export {
|
|
40
|
-
|
|
40
|
+
P as useTemplatePreparation
|
|
41
41
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.eee5ecc",
|
|
4
4
|
"description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
|
|
5
5
|
"main": "./dist/guido.umd.cjs",
|
|
6
6
|
"module": "./dist/library.js",
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
function r(t) {
|
|
2
|
-
if (!t)
|
|
3
|
-
return null;
|
|
4
|
-
const n = t.closest(".items-block-v2");
|
|
5
|
-
return n ? n.querySelector("esd-config-block") : null;
|
|
6
|
-
}
|
|
7
|
-
function o(t, n = !1) {
|
|
8
|
-
return t == null ? n : t === "1" || t === "true";
|
|
9
|
-
}
|
|
10
|
-
function e(t, n = "") {
|
|
11
|
-
return t || n;
|
|
12
|
-
}
|
|
13
|
-
export {
|
|
14
|
-
o as attributeToBoolean,
|
|
15
|
-
e as attributeToString,
|
|
16
|
-
r as getConfigBlock
|
|
17
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { configAttributes as i } from "../enums/productEnums.js";
|
|
2
|
-
import { getConfigBlock as c, attributeToBoolean as u, attributeToString as a } from "./configBlockUtils.js";
|
|
3
|
-
function l(r, t) {
|
|
4
|
-
const e = c(r);
|
|
5
|
-
if (!e)
|
|
6
|
-
return;
|
|
7
|
-
const o = e.getAttribute(i[t.attributeName]), n = t.converter(o);
|
|
8
|
-
t.storeSetter(n);
|
|
9
|
-
}
|
|
10
|
-
function b(r, t, e = !1) {
|
|
11
|
-
return {
|
|
12
|
-
attributeName: r,
|
|
13
|
-
storeSetter: t,
|
|
14
|
-
converter: (o) => u(o, e)
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
function s(r, t, e = "") {
|
|
18
|
-
return {
|
|
19
|
-
attributeName: r,
|
|
20
|
-
storeSetter: t,
|
|
21
|
-
converter: (o) => a(o, e)
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
export {
|
|
25
|
-
b as createBooleanSyncConfig,
|
|
26
|
-
s as createStringSyncConfig,
|
|
27
|
-
l as syncAttributeFromConfigBlock
|
|
28
|
-
};
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { useItemsBlockStore as e } from "../store/items-block.js";
|
|
2
|
-
import { syncAttributeFromConfigBlock as r, createBooleanSyncConfig as i, createStringSyncConfig as s } from "./syncAttributeFromConfigBlock.js";
|
|
3
|
-
function m(t) {
|
|
4
|
-
const o = e(), n = i(
|
|
5
|
-
"PRODUCT_NAME_TRIMMING",
|
|
6
|
-
(c) => o.setNameTrimming(c),
|
|
7
|
-
!1
|
|
8
|
-
);
|
|
9
|
-
r(t, n);
|
|
10
|
-
}
|
|
11
|
-
function f(t) {
|
|
12
|
-
const o = e(), n = i(
|
|
13
|
-
"PRODUCT_PRICE_HIDE_DISCOUNT",
|
|
14
|
-
(c) => o.setHideDiscount(c),
|
|
15
|
-
!1
|
|
16
|
-
);
|
|
17
|
-
r(t, n);
|
|
18
|
-
}
|
|
19
|
-
function R(t) {
|
|
20
|
-
const o = e(), n = i(
|
|
21
|
-
"PRODUCT_PRICE_FORMATTED",
|
|
22
|
-
(c) => o.setFormattedPrice(c),
|
|
23
|
-
!0
|
|
24
|
-
);
|
|
25
|
-
r(t, n);
|
|
26
|
-
}
|
|
27
|
-
function O(t) {
|
|
28
|
-
const o = e(), n = s(
|
|
29
|
-
"PRODUCT_PRICE_CURRENCY_SYMBOL",
|
|
30
|
-
(c) => o.setCurrencySymbol(c),
|
|
31
|
-
""
|
|
32
|
-
);
|
|
33
|
-
r(t, n);
|
|
34
|
-
}
|
|
35
|
-
function _(t) {
|
|
36
|
-
const o = e(), n = s(
|
|
37
|
-
"PRODUCT_PRICE_CURRENCY_LOCATION",
|
|
38
|
-
(c) => o.setCurrencyLocation(c),
|
|
39
|
-
"0"
|
|
40
|
-
);
|
|
41
|
-
r(t, n);
|
|
42
|
-
}
|
|
43
|
-
function I(t) {
|
|
44
|
-
const o = e(), n = s(
|
|
45
|
-
"PRODUCT_BUTTON_LINK",
|
|
46
|
-
(c) => o.setButtonLink(c),
|
|
47
|
-
""
|
|
48
|
-
);
|
|
49
|
-
r(t, n);
|
|
50
|
-
}
|
|
51
|
-
function T(t) {
|
|
52
|
-
const o = e(), n = s(
|
|
53
|
-
"PRODUCT_IMAGE_LINK",
|
|
54
|
-
(c) => o.setImageLink(c),
|
|
55
|
-
""
|
|
56
|
-
);
|
|
57
|
-
r(t, n);
|
|
58
|
-
}
|
|
59
|
-
function y(t) {
|
|
60
|
-
const o = e(), n = s(
|
|
61
|
-
"PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION",
|
|
62
|
-
(c) => o.setPriceOrientation(c),
|
|
63
|
-
"horizontal"
|
|
64
|
-
);
|
|
65
|
-
r(t, n);
|
|
66
|
-
}
|
|
67
|
-
export {
|
|
68
|
-
I as syncButtonLinkFromAttributes,
|
|
69
|
-
_ as syncCurrencyLocationFromAttributes,
|
|
70
|
-
O as syncCurrencySymbolFromAttributes,
|
|
71
|
-
R as syncFormattedPriceFromAttributes,
|
|
72
|
-
f as syncHideDiscountFromAttributes,
|
|
73
|
-
T as syncImageLinkFromAttributes,
|
|
74
|
-
m as syncNameTrimmingFromAttributes,
|
|
75
|
-
y as syncPriceOrientationFromAttributes
|
|
76
|
-
};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { ModificationDescription as p } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
-
import { configAttributes as t } from "../enums/productEnums.js";
|
|
3
|
-
import { DefaultConfigValues as i } from "../enums/settingsEnums.js";
|
|
4
|
-
import { useItemsBlockStore as s } from "../store/items-block.js";
|
|
5
|
-
import { getConfigBlock as P } from "./configBlockUtils.js";
|
|
6
|
-
function M(n, O) {
|
|
7
|
-
const e = P(n);
|
|
8
|
-
if (!e)
|
|
9
|
-
return;
|
|
10
|
-
const c = s(), {
|
|
11
|
-
itemsType: r,
|
|
12
|
-
itemIds: C,
|
|
13
|
-
orientation: T,
|
|
14
|
-
nameTrimming: _,
|
|
15
|
-
hideDiscount: E,
|
|
16
|
-
formattedPrice: R,
|
|
17
|
-
currencySymbol: N,
|
|
18
|
-
currencyLocation: m,
|
|
19
|
-
priceOrientation: I,
|
|
20
|
-
buttonLink: a,
|
|
21
|
-
imageLink: f
|
|
22
|
-
} = c, u = {
|
|
23
|
-
"data-source": r,
|
|
24
|
-
[t.TYPE]: r,
|
|
25
|
-
[t.ITEMS_INDEX_SELECT_CONTROL_VALUE]: C,
|
|
26
|
-
[t.ORIENTATION]: T,
|
|
27
|
-
[t.PRODUCT_NAME_TRIMMING]: _ ? "1" : "0",
|
|
28
|
-
[t.PRODUCT_PRICE_HIDE_DISCOUNT]: E ? "1" : "0",
|
|
29
|
-
[t.PRODUCT_PRICE_FORMATTED]: R ? "1" : "0",
|
|
30
|
-
[t.PRODUCT_PRICE_CURRENCY_SYMBOL]: N || "",
|
|
31
|
-
[t.PRODUCT_PRICE_CURRENCY_LOCATION]: m || "0",
|
|
32
|
-
[t.PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION]: I || "horizontal",
|
|
33
|
-
[t.PRODUCT_BUTTON_LINK]: a || "",
|
|
34
|
-
[t.PRODUCT_IMAGE_LINK]: f || "",
|
|
35
|
-
[t.NAME_CONTROL_ENABLED]: i.productNameControlEnabled,
|
|
36
|
-
[t.QUANTITY_CONTROL_ENABLED]: i.productQuantityControlEnabled,
|
|
37
|
-
[t.PRICE_CONTROL_OPENED]: i.productPriceControlOpened
|
|
38
|
-
};
|
|
39
|
-
let o = O.getDocumentModifier().modifyHtml(e);
|
|
40
|
-
Object.entries(u).forEach(([D, l]) => {
|
|
41
|
-
o = o.setAttribute(D, l);
|
|
42
|
-
}), o.apply(new p("Update config block attributes from control"));
|
|
43
|
-
}
|
|
44
|
-
export {
|
|
45
|
-
M as updateConfigBlockAttributes
|
|
46
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var b = /* @__PURE__ */ ((r) => (r.BUTTON = "recommendation-block-button", r.NAME = "recommendation-block-name", r.PRICE = "recommendation-block-price", r.OLD_PRICE = "recommendation-block-old-price", r.OMNIBUS_PRICE = "recommendation-block-omnibus-price", r.OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount", r.IMAGE = "recommendation-block-image", r))(b || {});
|
|
2
|
-
export {
|
|
3
|
-
b as RecommendationBlockId
|
|
4
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var o = /* @__PURE__ */ ((c) => (c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c))(o || {});
|
|
2
|
-
export {
|
|
3
|
-
o as RecommendationControlId
|
|
4
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
const _ = 3, A = 3, C = 9, P = 4, o = 10, t = 20, R = 0, c = 50, n = 5;
|
|
2
|
-
export {
|
|
3
|
-
A as DEFAULT_CARDS_IN_ROW,
|
|
4
|
-
o as DEFAULT_COLUMN_SPACING,
|
|
5
|
-
_ as DEFAULT_PRODUCTS_PER_ROW,
|
|
6
|
-
t as DEFAULT_ROW_SPACING,
|
|
7
|
-
P as MAX_PRODUCTS_PER_ROW,
|
|
8
|
-
C as MAX_PRODUCT_COUNT,
|
|
9
|
-
c as MAX_SPACING,
|
|
10
|
-
R as MIN_SPACING,
|
|
11
|
-
n as SPACING_STEP
|
|
12
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
const T = ".ins-recommendation-product-container", c = "productImage", o = "productName", t = "productPrice", R = "productOldPrice", _ = "productOmnibusPrice", n = "productOmnibusDiscount", O = "productButton";
|
|
2
|
-
export {
|
|
3
|
-
O as ATTR_PRODUCT_BUTTON,
|
|
4
|
-
c as ATTR_PRODUCT_IMAGE,
|
|
5
|
-
o as ATTR_PRODUCT_NAME,
|
|
6
|
-
R as ATTR_PRODUCT_OLD_PRICE,
|
|
7
|
-
n as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
|
|
8
|
-
_ as ATTR_PRODUCT_OMNIBUS_PRICE,
|
|
9
|
-
t as ATTR_PRODUCT_PRICE,
|
|
10
|
-
T as CONTAINER_SELECTOR
|
|
11
|
-
};
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { createButtonFitToContainerControl as T, createButtonTextStyleAndFontColorControl as r, createButtonTextSizeControl as e, createButtonTextControl as B, createButtonPaddingsControl as l, createButtonMarginsControl as C, createButtonFontFamilyControl as O, createButtonColorControl as N, createButtonBorderRadiusControl as i, createButtonBorderControl as a, createButtonAlignControl as c } from "../../../controlFactories.js";
|
|
2
|
-
import { RecommendationBlockId as o } from "../../constants/blockIds.js";
|
|
3
|
-
import { RecommendationControlId as t } from "../../constants/controlIds.js";
|
|
4
|
-
import { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
|
|
5
|
-
const U = c(
|
|
6
|
-
t.BUTTON_ALIGN,
|
|
7
|
-
o.BUTTON,
|
|
8
|
-
n
|
|
9
|
-
), d = a(
|
|
10
|
-
t.BUTTON_BORDER,
|
|
11
|
-
o.BUTTON,
|
|
12
|
-
n
|
|
13
|
-
), s = i(
|
|
14
|
-
t.BUTTON_BORDER_RADIUS,
|
|
15
|
-
o.BUTTON,
|
|
16
|
-
n
|
|
17
|
-
), _ = N(
|
|
18
|
-
t.BUTTON_COLOR,
|
|
19
|
-
o.BUTTON,
|
|
20
|
-
n
|
|
21
|
-
), m = O(
|
|
22
|
-
t.BUTTON_FONT_FAMILY,
|
|
23
|
-
o.BUTTON,
|
|
24
|
-
n
|
|
25
|
-
), u = C(
|
|
26
|
-
t.BUTTON_MARGINS,
|
|
27
|
-
o.BUTTON,
|
|
28
|
-
n
|
|
29
|
-
), R = l(
|
|
30
|
-
t.BUTTON_PADDINGS,
|
|
31
|
-
o.BUTTON,
|
|
32
|
-
n
|
|
33
|
-
), F = B(
|
|
34
|
-
t.BUTTON_TEXT,
|
|
35
|
-
o.BUTTON,
|
|
36
|
-
n
|
|
37
|
-
), A = e(
|
|
38
|
-
t.BUTTON_TEXT_SIZE,
|
|
39
|
-
o.BUTTON,
|
|
40
|
-
n
|
|
41
|
-
), S = r(
|
|
42
|
-
t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
|
|
43
|
-
o.BUTTON,
|
|
44
|
-
n
|
|
45
|
-
), E = T(
|
|
46
|
-
t.BUTTON_FIT_TO_CONTENT,
|
|
47
|
-
o.BUTTON,
|
|
48
|
-
n
|
|
49
|
-
), p = {
|
|
50
|
-
align: U,
|
|
51
|
-
border: d,
|
|
52
|
-
borderRadius: s,
|
|
53
|
-
color: _,
|
|
54
|
-
fontFamily: m,
|
|
55
|
-
margins: u,
|
|
56
|
-
paddings: R,
|
|
57
|
-
text: F,
|
|
58
|
-
textSize: A,
|
|
59
|
-
textStyleAndFontColor: S,
|
|
60
|
-
fitToContent: E
|
|
61
|
-
};
|
|
62
|
-
export {
|
|
63
|
-
p as ButtonControls
|
|
64
|
-
};
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { ModificationDescription as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
-
import { CommonControl as s } from "../../../common-control.js";
|
|
3
|
-
import { getCurrentLayout as l } from "../main/utils.js";
|
|
4
|
-
const u = "recommendation-card-background-color-control", e = {
|
|
5
|
-
CARD_BACKGROUND_COLOR: "cardBackgroundColor"
|
|
6
|
-
}, a = {
|
|
7
|
-
VERTICAL: ".product-card-segment",
|
|
8
|
-
HORIZONTAL: ".product-card-wrapper"
|
|
9
|
-
};
|
|
10
|
-
class _ extends s {
|
|
11
|
-
getId() {
|
|
12
|
-
return u;
|
|
13
|
-
}
|
|
14
|
-
getTemplate() {
|
|
15
|
-
return `
|
|
16
|
-
<div class="card-bg-control-container">
|
|
17
|
-
${this._GuTwoColumns([
|
|
18
|
-
this._GuLabel({ text: "Card Background Color" }),
|
|
19
|
-
this._GuColorPicker(e.CARD_BACKGROUND_COLOR)
|
|
20
|
-
])}
|
|
21
|
-
</div>
|
|
22
|
-
`;
|
|
23
|
-
}
|
|
24
|
-
onRender() {
|
|
25
|
-
this._setFormValues(), this._listenToFormUpdates();
|
|
26
|
-
}
|
|
27
|
-
onTemplateNodeUpdated(r) {
|
|
28
|
-
super.onTemplateNodeUpdated(r), this._setFormValues();
|
|
29
|
-
}
|
|
30
|
-
_setFormValues() {
|
|
31
|
-
const r = this._getCurrentCardBackgroundColor();
|
|
32
|
-
this.api.updateValues({
|
|
33
|
-
[e.CARD_BACKGROUND_COLOR]: r
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
/**
|
|
37
|
-
* Gets the appropriate selector based on layout
|
|
38
|
-
* Vertical: .product-card-segment (inner table per product cell)
|
|
39
|
-
* Horizontal: .product-card-wrapper (table per product row)
|
|
40
|
-
*/
|
|
41
|
-
_getCardSelector() {
|
|
42
|
-
return l(this.currentNode) === "vertical" ? a.VERTICAL : a.HORIZONTAL;
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* Reads the current background color from the first product card element
|
|
46
|
-
* @returns The background color value or 'transparent' if not found
|
|
47
|
-
*/
|
|
48
|
-
_getCurrentCardBackgroundColor() {
|
|
49
|
-
if (!this.currentNode || !("querySelectorAll" in this.currentNode))
|
|
50
|
-
return "transparent";
|
|
51
|
-
const r = this._getCardSelector(), t = this.currentNode.querySelector(r);
|
|
52
|
-
return !t || !("getStyle" in t) ? "transparent" : t.getStyle("background-color") || "transparent";
|
|
53
|
-
}
|
|
54
|
-
/**
|
|
55
|
-
* Handles card background color changes
|
|
56
|
-
* Applies the color to all product card elements based on layout
|
|
57
|
-
*/
|
|
58
|
-
_onCardBackgroundColorChange(r) {
|
|
59
|
-
if (!this.currentNode || !("querySelectorAll" in this.currentNode))
|
|
60
|
-
return;
|
|
61
|
-
const t = this._getCardSelector(), o = Array.from(
|
|
62
|
-
this.currentNode.querySelectorAll(t)
|
|
63
|
-
);
|
|
64
|
-
if (o.length === 0)
|
|
65
|
-
return;
|
|
66
|
-
const n = this.api.getDocumentModifier();
|
|
67
|
-
o.forEach((c) => {
|
|
68
|
-
n.modifyHtml(c).setStyle("background-color", r);
|
|
69
|
-
}), n.apply(new d("Update card background color"));
|
|
70
|
-
}
|
|
71
|
-
_listenToFormUpdates() {
|
|
72
|
-
this.api.onValueChanged(e.CARD_BACKGROUND_COLOR, (r) => {
|
|
73
|
-
this._onCardBackgroundColorChange(r);
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
export {
|
|
78
|
-
u as CARD_BACKGROUND_COLOR_CONTROL_ID,
|
|
79
|
-
_ as CardBackgroundColorControl
|
|
80
|
-
};
|