@useinsider/guido 3.7.2-beta.13c9a35 → 3.7.2-beta.1e8f93e
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 +66 -70
- package/dist/composables/usePreviewMode.js +14 -15
- package/dist/config/compiler/utils/recommendationCompilerUtils.js +82 -90
- package/dist/config/migrator/recommendation/htmlBuilder.js +58 -59
- package/dist/config/migrator/recommendation/settingsMapper.js +33 -38
- package/dist/extensions/Blocks/Items/block.js +48 -29
- package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +62 -45
- package/dist/extensions/Blocks/Recommendation/block.js +41 -60
- package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +32 -41
- package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +288 -369
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +84 -96
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +80 -82
- package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +7 -21
- package/dist/extensions/Blocks/Recommendation/recommendation.css.js +4 -64
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +5 -7
- package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +72 -101
- package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +30 -31
- package/dist/extensions/Blocks/Recommendation/templates/index.js +7 -9
- package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +59 -74
- package/dist/extensions/Blocks/Recommendation/templates/list/template.js +21 -21
- package/dist/extensions/Blocks/Recommendation/templates/utils.js +57 -88
- package/dist/src/@types/config/schemas.d.ts +0 -16
- package/dist/src/composables/useConfig.d.ts +0 -4
- package/dist/src/config/migrator/recommendation/settingsMapper.d.ts +1 -1
- package/dist/src/extensions/Blocks/Items/block.d.ts +8 -0
- package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/block.d.ts +0 -10
- package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +3 -29
- package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +1 -3
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +0 -2
- package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts +0 -16
- package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts +4 -4
- package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.d.ts +0 -13
- package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts +2 -3
- package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +1 -33
- package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +0 -15
- package/dist/src/stores/config.d.ts +0 -36
- package/package.json +1 -1
- package/dist/composables/useRecommendationPreview.js +0 -100
- package/dist/extensions/Blocks/Recommendation/controls/main/pricePlacement.js +0 -133
- package/dist/src/composables/useRecommendationPreview.d.ts +0 -10
- package/dist/src/extensions/Blocks/Recommendation/controls/main/pricePlacement.d.ts +0 -59
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
import { ModificationDescription as b } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
-
import { DefaultConfigValues as
|
|
2
|
+
import { DefaultConfigValues as i, SETTINGS_ENUMS as n, ItemInCartOptions as g } from "../enums/settingsEnums.js";
|
|
3
3
|
function _() {
|
|
4
4
|
return String(Date.now() + Math.floor(Math.random() * 1e3));
|
|
5
5
|
}
|
|
6
6
|
const E = (r) => r.replace(/\$/g, "$$$$");
|
|
7
|
-
function
|
|
7
|
+
function y() {
|
|
8
8
|
return {
|
|
9
9
|
initialized: !0,
|
|
10
10
|
blockInstanceId: _(),
|
|
11
11
|
source: n.ITEMS_TYPE.CART_ITEMS,
|
|
12
12
|
type: n.ITEMS_TYPE.CART_ITEMS,
|
|
13
|
-
itemsSelectValue:
|
|
13
|
+
itemsSelectValue: i.cartItemsSelectControlValue,
|
|
14
14
|
orientation: n.ORIENTATION.VERTICAL,
|
|
15
|
-
nameTrimming:
|
|
16
|
-
priceHideDiscount:
|
|
17
|
-
priceFormatted:
|
|
15
|
+
nameTrimming: i.productNameTrimmingControlValue === "1",
|
|
16
|
+
priceHideDiscount: i.productPriceHideDiscountControlValue === "1",
|
|
17
|
+
priceFormatted: i.productPriceFormattedControlValue === "1",
|
|
18
18
|
priceSinglePrice: !1,
|
|
19
|
-
priceCurrencySymbol:
|
|
20
|
-
priceCurrencyLocation:
|
|
19
|
+
priceCurrencySymbol: i.productPriceCurrencySymbolControlValue,
|
|
20
|
+
priceCurrencyLocation: i.productPriceCurrencyLocationControlValue,
|
|
21
21
|
priceOrientation: "horizontal",
|
|
22
|
-
quantityControlEnabled:
|
|
23
|
-
buttonLink:
|
|
24
|
-
imageLink:
|
|
22
|
+
quantityControlEnabled: i.productQuantityControlEnabled === "1",
|
|
23
|
+
buttonLink: i.productButtonLinkControlValue,
|
|
24
|
+
imageLink: i.productImageLinkControlValue,
|
|
25
25
|
buttonLabel: "Buy",
|
|
26
26
|
buttonFullWidth: !0,
|
|
27
27
|
// Default to full width (es-fw class)
|
|
28
|
-
imageVisible:
|
|
29
|
-
nameVisible:
|
|
30
|
-
quantityVisible:
|
|
31
|
-
priceVisible:
|
|
32
|
-
originalPriceVisible:
|
|
33
|
-
buttonVisible:
|
|
28
|
+
imageVisible: i.productImageVisible === "1",
|
|
29
|
+
nameVisible: i.productNameVisible === "1",
|
|
30
|
+
quantityVisible: i.productQuantityVisible === "1",
|
|
31
|
+
priceVisible: i.productPriceVisible === "1",
|
|
32
|
+
originalPriceVisible: i.productOriginalPriceVisible === "1",
|
|
33
|
+
buttonVisible: i.productButtonVisible === "1"
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
36
|
function p(r) {
|
|
@@ -50,26 +50,26 @@ function m(r) {
|
|
|
50
50
|
PURCHASED_ITEMS: n.ITEMS_TYPE.PURCHASED_ITEMS
|
|
51
51
|
}[r] || n.ITEMS_TYPE.CART_ITEMS : n.ITEMS_TYPE.CART_ITEMS;
|
|
52
52
|
}
|
|
53
|
-
function
|
|
53
|
+
function f(r, t) {
|
|
54
54
|
if (!r)
|
|
55
|
-
return
|
|
55
|
+
return i.cartItemsSelectControlValue;
|
|
56
56
|
if (r.includes("{{"))
|
|
57
57
|
return r;
|
|
58
58
|
if (/^\d+$/.test(r)) {
|
|
59
|
-
const e = parseInt(r) - 1,
|
|
60
|
-
if (
|
|
61
|
-
return
|
|
59
|
+
const e = parseInt(r) - 1, o = g[t];
|
|
60
|
+
if (o && o[e])
|
|
61
|
+
return o[e].value;
|
|
62
62
|
}
|
|
63
|
-
return
|
|
63
|
+
return i.cartItemsSelectControlValue;
|
|
64
64
|
}
|
|
65
65
|
function C(r) {
|
|
66
66
|
const t = r.querySelector("esd-config-block");
|
|
67
67
|
if (!t)
|
|
68
68
|
return null;
|
|
69
|
-
const e = (
|
|
69
|
+
const e = (u, s) => u == null ? s : u === "1" || u === "true", o = (u, s) => u || s, c = t.getAttribute("data-type"), a = m(c), d = t.getAttribute("data-cart_items_select_control_value"), l = f(d, a);
|
|
70
70
|
return {
|
|
71
71
|
initialized: e(t.getAttribute("data-initialized"), !1),
|
|
72
|
-
blockInstanceId:
|
|
72
|
+
blockInstanceId: o(
|
|
73
73
|
t.getAttribute("data-block-instance-id"),
|
|
74
74
|
_()
|
|
75
75
|
),
|
|
@@ -93,28 +93,28 @@ function C(r) {
|
|
|
93
93
|
t.getAttribute("data-product_price_control_single_price"),
|
|
94
94
|
!1
|
|
95
95
|
),
|
|
96
|
-
priceCurrencySymbol:
|
|
96
|
+
priceCurrencySymbol: o(
|
|
97
97
|
t.getAttribute("data-product_price_control_currency_symbol"),
|
|
98
|
-
|
|
98
|
+
i.productPriceCurrencySymbolControlValue
|
|
99
99
|
),
|
|
100
|
-
priceCurrencyLocation:
|
|
100
|
+
priceCurrencyLocation: o(
|
|
101
101
|
t.getAttribute("data-product_price_currency_location"),
|
|
102
|
-
|
|
102
|
+
i.productPriceCurrencyLocationControlValue
|
|
103
103
|
),
|
|
104
104
|
priceOrientation: t.getAttribute("data-product_original_price_control_orientation") || "horizontal",
|
|
105
105
|
quantityControlEnabled: e(
|
|
106
106
|
t.getAttribute("data-product_quantity_control_enabled"),
|
|
107
107
|
!0
|
|
108
108
|
),
|
|
109
|
-
buttonLink:
|
|
109
|
+
buttonLink: o(
|
|
110
110
|
t.getAttribute("data-product_button_link"),
|
|
111
|
-
|
|
111
|
+
i.productButtonLinkControlValue
|
|
112
112
|
),
|
|
113
|
-
imageLink:
|
|
113
|
+
imageLink: o(
|
|
114
114
|
t.getAttribute("data-product_image_link"),
|
|
115
|
-
|
|
115
|
+
i.productImageLinkControlValue
|
|
116
116
|
),
|
|
117
|
-
buttonLabel:
|
|
117
|
+
buttonLabel: o(
|
|
118
118
|
t.getAttribute("data-product_button_control_label"),
|
|
119
119
|
"Buy"
|
|
120
120
|
),
|
|
@@ -149,28 +149,45 @@ function C(r) {
|
|
|
149
149
|
)
|
|
150
150
|
};
|
|
151
151
|
}
|
|
152
|
-
function
|
|
152
|
+
function I(r) {
|
|
153
|
+
if (typeof r.getAttribute != "function")
|
|
154
|
+
return null;
|
|
155
|
+
const t = r.getAttribute("esd-ext-config");
|
|
156
|
+
if (!t)
|
|
157
|
+
return null;
|
|
158
|
+
try {
|
|
159
|
+
const e = JSON.parse(t);
|
|
160
|
+
if (e && e.initialized)
|
|
161
|
+
return e;
|
|
162
|
+
} catch {
|
|
163
|
+
}
|
|
164
|
+
return null;
|
|
165
|
+
}
|
|
166
|
+
function A(r) {
|
|
153
167
|
const t = p(r);
|
|
154
168
|
if (!t)
|
|
155
169
|
return null;
|
|
156
170
|
const e = t.getNodeConfig();
|
|
157
171
|
if (e && e.initialized)
|
|
158
172
|
return e;
|
|
159
|
-
const
|
|
160
|
-
|
|
173
|
+
const o = I(t);
|
|
174
|
+
if (o)
|
|
175
|
+
return o;
|
|
176
|
+
const c = C(t);
|
|
177
|
+
return c || null;
|
|
161
178
|
}
|
|
162
|
-
function
|
|
163
|
-
const
|
|
164
|
-
if (!
|
|
179
|
+
function V(r, t, e, o) {
|
|
180
|
+
const c = p(r);
|
|
181
|
+
if (!c)
|
|
165
182
|
return;
|
|
166
|
-
const d = { ...
|
|
167
|
-
l.modifyHtml(
|
|
183
|
+
const d = { ...c.getNodeConfig() || {}, ...e }, l = o ?? t.getDocumentModifier();
|
|
184
|
+
l.modifyHtml(c).setNodeConfig(d), o || l.apply(new b("Update Items block configuration"));
|
|
168
185
|
}
|
|
169
186
|
export {
|
|
170
187
|
E as escapeReplacement,
|
|
171
188
|
_ as generateBlockInstanceId,
|
|
172
|
-
|
|
173
|
-
|
|
189
|
+
y as getDefaultItemsBlockConfig,
|
|
190
|
+
A as getItemsBlockConfig,
|
|
174
191
|
p as getItemsBlockContainer,
|
|
175
|
-
|
|
192
|
+
V as setItemsBlockConfig
|
|
176
193
|
};
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
1
|
+
var k = Object.defineProperty;
|
|
2
|
+
var B = (a, r, t) => r in a ? k(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t;
|
|
3
|
+
var d = (a, r, t) => B(a, typeof r != "symbol" ? r + "" : r, t);
|
|
4
4
|
import { BlockId as R } from "../../../enums/block.js";
|
|
5
5
|
import { getMigrationBannerHtml as y } from "../../../utils/migrationBannerHtml.js";
|
|
6
|
-
import { Block as
|
|
7
|
-
import { regenerateMobileProductRows as
|
|
8
|
-
import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as
|
|
9
|
-
import { RecommendationConfigService as
|
|
10
|
-
import { useRecommendationExtensionStore as
|
|
11
|
-
import { getDefaultTemplate as
|
|
6
|
+
import { Block as D, BlockCompositionType as C, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
7
|
+
import { regenerateMobileProductRows as b } from "./controls/main/utils.js";
|
|
8
|
+
import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as A } from "./controls/mobileLayout/cssRules.js";
|
|
9
|
+
import { RecommendationConfigService as c } from "./services/configService.js";
|
|
10
|
+
import { useRecommendationExtensionStore as g } from "./store/recommendation.js";
|
|
11
|
+
import { getDefaultTemplate as E } from "./templates/grid/template.js";
|
|
12
12
|
import { useRecommendationBlockWarning as M } from "./useRecommendationBlockWarning.js";
|
|
13
|
-
const
|
|
14
|
-
let
|
|
15
|
-
class
|
|
13
|
+
const I = R.Recommendation, m = "recommendation-block-v2", u = "recommendation-id";
|
|
14
|
+
let _ = !1;
|
|
15
|
+
class H extends D {
|
|
16
16
|
constructor() {
|
|
17
17
|
super();
|
|
18
18
|
/**
|
|
19
19
|
* Stores the ID generated in getTemplate() so onCreated() can reuse it.
|
|
20
20
|
* This avoids generating a new (different) ID in onCreated().
|
|
21
21
|
*/
|
|
22
|
-
|
|
22
|
+
d(this, "_pendingBlockId", null);
|
|
23
23
|
}
|
|
24
24
|
getId() {
|
|
25
|
-
return
|
|
25
|
+
return I;
|
|
26
26
|
}
|
|
27
27
|
getIcon() {
|
|
28
28
|
return "recommendation-icon";
|
|
29
29
|
}
|
|
30
30
|
getBlockCompositionType() {
|
|
31
|
-
return
|
|
31
|
+
return C.CONTAINER;
|
|
32
32
|
}
|
|
33
33
|
getName() {
|
|
34
34
|
return this.api.translate("Recommendation Block");
|
|
@@ -40,7 +40,7 @@ class P extends b {
|
|
|
40
40
|
}
|
|
41
41
|
getSettingsPanelTitleHtml() {
|
|
42
42
|
return y(
|
|
43
|
-
|
|
43
|
+
I,
|
|
44
44
|
this.api.translate("Recommendation Block"),
|
|
45
45
|
this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
|
|
46
46
|
);
|
|
@@ -60,7 +60,7 @@ class P extends b {
|
|
|
60
60
|
*/
|
|
61
61
|
getTemplate() {
|
|
62
62
|
const t = this._generateNextId();
|
|
63
|
-
return this._pendingBlockId = t,
|
|
63
|
+
return this._pendingBlockId = t, E(t);
|
|
64
64
|
}
|
|
65
65
|
/**
|
|
66
66
|
* Called when a new block is dropped into the template
|
|
@@ -83,20 +83,20 @@ class P extends b {
|
|
|
83
83
|
}
|
|
84
84
|
const i = this._pendingBlockId ?? this._generateNextId();
|
|
85
85
|
this._pendingBlockId = null, this._assignRecommendationId(t, i);
|
|
86
|
-
const { config: n, wasFreshDrop: o } =
|
|
86
|
+
const { config: n, wasFreshDrop: o } = c.initializeConfig(
|
|
87
87
|
this.api,
|
|
88
88
|
t,
|
|
89
89
|
{ recommendationId: i }
|
|
90
|
-
),
|
|
91
|
-
if (
|
|
90
|
+
), s = g();
|
|
91
|
+
if (s.setCurrentBlock(i), o) {
|
|
92
92
|
p(this.api);
|
|
93
93
|
const l = this._getBlockElement(t);
|
|
94
|
-
l && (f(this.api, l, !0),
|
|
94
|
+
l && (f(this.api, l, !0), b({
|
|
95
95
|
currentNode: t,
|
|
96
96
|
documentModifier: this.api.getDocumentModifier()
|
|
97
97
|
}));
|
|
98
98
|
}
|
|
99
|
-
|
|
99
|
+
s.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
|
|
100
100
|
}
|
|
101
101
|
/**
|
|
102
102
|
* Called when the document changes or template is loaded
|
|
@@ -109,20 +109,20 @@ class P extends b {
|
|
|
109
109
|
if (!(!t || !("getNodeConfig" in t))) {
|
|
110
110
|
if (!this._getRecommendationId(t)) {
|
|
111
111
|
const e = this._generateNextId();
|
|
112
|
-
this._assignRecommendationId(t, e),
|
|
112
|
+
this._assignRecommendationId(t, e), c.hasConfig(t) && c.updateConfig(
|
|
113
113
|
this.api,
|
|
114
114
|
t,
|
|
115
115
|
{ recommendationId: e },
|
|
116
116
|
"Assign recommendation ID to legacy block"
|
|
117
117
|
);
|
|
118
118
|
}
|
|
119
|
-
this._healLingeringDuplicate(t),
|
|
119
|
+
this._healLingeringDuplicate(t), c.needsMigration(t) && this._migrateFromLegacy(t);
|
|
120
120
|
try {
|
|
121
|
-
|
|
122
|
-
const e =
|
|
121
|
+
_ || (p(this.api), _ = !0);
|
|
122
|
+
const e = c.getConfig(t), i = this._getBlockElement(t);
|
|
123
123
|
if (i) {
|
|
124
124
|
const n = !e.mobileLayoutEnabled;
|
|
125
|
-
|
|
125
|
+
A(i) !== n && f(this.api, i, n);
|
|
126
126
|
}
|
|
127
127
|
} catch {
|
|
128
128
|
}
|
|
@@ -136,7 +136,7 @@ class P extends b {
|
|
|
136
136
|
*/
|
|
137
137
|
onDelete(t) {
|
|
138
138
|
const e = this._getRecommendationId(t);
|
|
139
|
-
e &&
|
|
139
|
+
e && g().removeBlockState(e);
|
|
140
140
|
}
|
|
141
141
|
/**
|
|
142
142
|
* Warns (dark advisory toaster) when the design holds more than one live
|
|
@@ -166,8 +166,8 @@ class P extends b {
|
|
|
166
166
|
const e = this.api.getDocumentRoot();
|
|
167
167
|
e && "querySelectorAll" in e && e.querySelectorAll(`.${m}`).forEach((n) => {
|
|
168
168
|
if ("getAttribute" in n) {
|
|
169
|
-
const o = n.getAttribute(u),
|
|
170
|
-
|
|
169
|
+
const o = n.getAttribute(u), s = o ? parseInt(o) : 0;
|
|
170
|
+
s > t && (t = s);
|
|
171
171
|
}
|
|
172
172
|
});
|
|
173
173
|
} catch {
|
|
@@ -201,13 +201,13 @@ class P extends b {
|
|
|
201
201
|
const o = this._getBlockElement(t);
|
|
202
202
|
if (!o)
|
|
203
203
|
return;
|
|
204
|
-
let
|
|
204
|
+
let s = -1;
|
|
205
205
|
for (let l = 0; l < n.length; l++)
|
|
206
206
|
if (n[l] === o) {
|
|
207
|
-
|
|
207
|
+
s = l;
|
|
208
208
|
break;
|
|
209
209
|
}
|
|
210
|
-
if (
|
|
210
|
+
if (s <= 0)
|
|
211
211
|
return;
|
|
212
212
|
this._reassignDuplicateId(t, e);
|
|
213
213
|
} catch {
|
|
@@ -227,7 +227,7 @@ class P extends b {
|
|
|
227
227
|
}
|
|
228
228
|
/** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
|
|
229
229
|
_handleDuplicate(t, e) {
|
|
230
|
-
const i = this._reassignDuplicateId(t, e), n =
|
|
230
|
+
const i = this._reassignDuplicateId(t, e), n = g();
|
|
231
231
|
n.cloneBlockState(e, i), n.setCurrentBlock(i), this._warnIfMultipleBlocks();
|
|
232
232
|
}
|
|
233
233
|
/**
|
|
@@ -243,7 +243,7 @@ class P extends b {
|
|
|
243
243
|
*/
|
|
244
244
|
_reassignDuplicateId(t, e) {
|
|
245
245
|
const i = this._generateNextId(), n = this._getBlockElement(t);
|
|
246
|
-
return this._assignRecommendationId(t, i), n && this._reassignInstanceClass(n, e, i),
|
|
246
|
+
return this._assignRecommendationId(t, i), n && this._reassignInstanceClass(n, e, i), c.hasConfig(t) && c.updateConfig(
|
|
247
247
|
this.api,
|
|
248
248
|
t,
|
|
249
249
|
{ recommendationId: i },
|
|
@@ -260,8 +260,8 @@ class P extends b {
|
|
|
260
260
|
_reassignInstanceClass(t, e, i) {
|
|
261
261
|
if (!("getAttribute" in t))
|
|
262
262
|
return;
|
|
263
|
-
const n = `ins-recommendation-v3-block-${e}`, o = `ins-recommendation-v3-block-${i}`,
|
|
264
|
-
|
|
263
|
+
const n = `ins-recommendation-v3-block-${e}`, o = `ins-recommendation-v3-block-${i}`, s = this.api.getDocumentModifier();
|
|
264
|
+
s.modifyHtml(t).removeClass(n).setClass(o), s.apply(new h(
|
|
265
265
|
`Reassign recommendation instance class ${n} -> ${o}`
|
|
266
266
|
));
|
|
267
267
|
}
|
|
@@ -276,26 +276,7 @@ class P extends b {
|
|
|
276
276
|
if (!i)
|
|
277
277
|
return;
|
|
278
278
|
const n = this.api.getDocumentModifier();
|
|
279
|
-
n.modifyHtml(i).setAttribute(u, e.toString()), n.apply(new
|
|
280
|
-
}
|
|
281
|
-
/**
|
|
282
|
-
* Stamps the `hide-price` attribute (read by email-service at send time) on
|
|
283
|
-
* the block element from the config flag.
|
|
284
|
-
*/
|
|
285
|
-
_stampHidePrice(t, e) {
|
|
286
|
-
const i = this._getBlockElement(t);
|
|
287
|
-
i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(I, String(e)).apply(new g("Stamp hide-price"));
|
|
288
|
-
}
|
|
289
|
-
/**
|
|
290
|
-
* Stamps `hide-price` from config only when the block lacks the attribute —
|
|
291
|
-
* heals templates saved before this feature without dirtying current ones.
|
|
292
|
-
*/
|
|
293
|
-
_healHidePriceAttr(t) {
|
|
294
|
-
const e = this._getBlockElement(t);
|
|
295
|
-
if (!e || !("getAttribute" in e) || e.getAttribute(I) !== null)
|
|
296
|
-
return;
|
|
297
|
-
const { priceHideIfSameAsDiscounted: i } = s.getConfig(t);
|
|
298
|
-
this._stampHidePrice(t, i);
|
|
279
|
+
n.modifyHtml(i).setAttribute(u, e.toString()), n.apply(new h(`Assign recommendation ID ${e}`));
|
|
299
280
|
}
|
|
300
281
|
/**
|
|
301
282
|
* Gets the recommendation-id from a block node
|
|
@@ -325,10 +306,10 @@ class P extends b {
|
|
|
325
306
|
* Migrate configuration from legacy format
|
|
326
307
|
*/
|
|
327
308
|
_migrateFromLegacy(t) {
|
|
328
|
-
|
|
309
|
+
c.migrateFromDataAttributes(this.api, t);
|
|
329
310
|
}
|
|
330
311
|
}
|
|
331
312
|
export {
|
|
332
|
-
|
|
333
|
-
|
|
313
|
+
I as BLOCK_ID,
|
|
314
|
+
H as RecommendationBlock
|
|
334
315
|
};
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { DEFAULT_COLUMN_SPACING as
|
|
2
|
-
import { ATTR_PRODUCT_IMAGE as
|
|
3
|
-
const
|
|
1
|
+
import { DEFAULT_COLUMN_SPACING as R, DEFAULT_ROW_SPACING as U, DEFAULT_MOBILE_ROW_SPACING as i, DEFAULT_MOBILE_COLUMN_SPACING as s, DEFAULT_MOBILE_CARDS_IN_ROW as o, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
|
|
2
|
+
import { ATTR_PRODUCT_IMAGE as _, ATTR_PRODUCT_NAME as e, ATTR_PRODUCT_OLD_PRICE as t, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as I, ATTR_PRODUCT_BUTTON as n } from "./selectors.js";
|
|
3
|
+
const O = {
|
|
4
4
|
code: "USD",
|
|
5
5
|
symbol: "USD",
|
|
6
6
|
alignment: "after",
|
|
7
7
|
decimalCount: 2,
|
|
8
8
|
decimalSeparator: ".",
|
|
9
9
|
thousandSeparator: ","
|
|
10
|
-
},
|
|
10
|
+
}, D = {
|
|
11
11
|
textBefore: "",
|
|
12
12
|
textAfter: ""
|
|
13
|
-
},
|
|
13
|
+
}, A = {
|
|
14
14
|
textBefore: "",
|
|
15
15
|
textAfter: ""
|
|
16
|
-
},
|
|
17
|
-
o,
|
|
18
|
-
t,
|
|
16
|
+
}, a = [
|
|
19
17
|
_,
|
|
18
|
+
e,
|
|
19
|
+
t,
|
|
20
20
|
T,
|
|
21
21
|
r,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
],
|
|
25
|
-
[o]: !0,
|
|
26
|
-
[t]: !0,
|
|
27
|
-
[T]: !0,
|
|
22
|
+
I,
|
|
23
|
+
n
|
|
24
|
+
], E = {
|
|
28
25
|
[_]: !0,
|
|
26
|
+
[e]: !0,
|
|
27
|
+
[T]: !0,
|
|
28
|
+
[t]: !0,
|
|
29
29
|
[r]: !1,
|
|
30
|
-
[
|
|
31
|
-
[
|
|
30
|
+
[I]: !1,
|
|
31
|
+
[n]: !0
|
|
32
32
|
}, l = {
|
|
33
33
|
// Settings
|
|
34
34
|
strategy: "mostPopular",
|
|
@@ -36,45 +36,36 @@ const D = {
|
|
|
36
36
|
size: "6",
|
|
37
37
|
shuffleProducts: !1,
|
|
38
38
|
language: "en_US",
|
|
39
|
-
currency:
|
|
39
|
+
currency: O,
|
|
40
40
|
filters: [],
|
|
41
41
|
// Layout
|
|
42
42
|
layout: "grid",
|
|
43
43
|
cardsInRow: C,
|
|
44
|
-
mobileCardsInRow:
|
|
44
|
+
mobileCardsInRow: o,
|
|
45
45
|
mobileLayoutEnabled: !1,
|
|
46
|
-
previousMobileCardsInRow:
|
|
47
|
-
columnSpacing:
|
|
48
|
-
rowSpacing:
|
|
49
|
-
mobileColumnSpacing:
|
|
50
|
-
mobileRowSpacing:
|
|
46
|
+
previousMobileCardsInRow: o,
|
|
47
|
+
columnSpacing: R,
|
|
48
|
+
rowSpacing: U,
|
|
49
|
+
mobileColumnSpacing: s,
|
|
50
|
+
mobileRowSpacing: i,
|
|
51
51
|
// Composition
|
|
52
|
-
composition:
|
|
53
|
-
visibility:
|
|
52
|
+
composition: a,
|
|
53
|
+
visibility: E,
|
|
54
54
|
// Element settings
|
|
55
|
-
omnibusPrice:
|
|
56
|
-
omnibusDiscount:
|
|
55
|
+
omnibusPrice: D,
|
|
56
|
+
omnibusDiscount: A,
|
|
57
57
|
textTrimming: !1,
|
|
58
|
-
// Price placement (block-level, affects all cards)
|
|
59
|
-
// Default ON = current stacked look, so existing templates are unaffected.
|
|
60
|
-
priceMovedToNextLine: !0,
|
|
61
|
-
// Default OFF: the original price always shows; the user opts in to hide it
|
|
62
|
-
// when it equals the sale price. Mirrors email-service's `hide-price` default
|
|
63
|
-
// of "false" (the actual hiding happens server-side at send).
|
|
64
|
-
priceHideIfSameAsDiscounted: !1,
|
|
65
58
|
// Meta
|
|
66
|
-
// Version NOT bumped: mergeWithDefaults() backfills the two new fields from
|
|
67
|
-
// defaults, so no data transform (and no needsMigration trigger) is required.
|
|
68
59
|
configVersion: 1,
|
|
69
60
|
recommendationId: 0
|
|
70
61
|
}, N = [11, 12], m = 1;
|
|
71
62
|
export {
|
|
72
63
|
m as CURRENT_CONFIG_VERSION,
|
|
73
|
-
|
|
74
|
-
|
|
64
|
+
a as DEFAULT_COMPOSITION,
|
|
65
|
+
O as DEFAULT_CURRENCY,
|
|
75
66
|
l as DEFAULT_NODE_CONFIG,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
67
|
+
A as DEFAULT_OMNIBUS_DISCOUNT,
|
|
68
|
+
D as DEFAULT_OMNIBUS_PRICE,
|
|
69
|
+
E as DEFAULT_VISIBILITY,
|
|
79
70
|
N as EXCLUDED_ALGORITHM_IDS
|
|
80
71
|
};
|