@useinsider/guido 3.0.0-beta.2b566e0 → 3.0.0-beta.34a1600
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/components/organisms/header/EditorActions.vue.js +10 -8
- package/dist/components/organisms/header/EditorActions.vue2.js +40 -30
- package/dist/components/organisms/header/MigrationConfirmModal.vue.js +17 -0
- package/dist/components/organisms/header/MigrationConfirmModal.vue2.js +39 -0
- package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +1 -1
- package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +1 -1
- package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +1 -1
- package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +2 -2
- package/dist/config/i18n/en/labels.json.js +8 -3
- package/dist/config/migrator/itemsBlockMigrator.js +135 -131
- package/dist/config/migrator/recommendationMigrator.js +58 -54
- package/dist/enums/block.js +4 -0
- package/dist/extensions/Blocks/Items/block.js +30 -21
- package/dist/extensions/Blocks/Items/iconsRegistry.js +7 -6
- package/dist/extensions/Blocks/Items/items.css.js +48 -0
- package/dist/extensions/Blocks/Recommendation/block.js +60 -33
- package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +1 -1
- package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +36 -34
- package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +4 -4
- package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +3 -3
- package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +15 -15
- package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +24 -24
- package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +2 -2
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +107 -78
- package/dist/extensions/Blocks/Recommendation/controls/{layout/index.js → main/layoutOrientation.js} +29 -21
- package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +2 -2
- package/dist/extensions/Blocks/Recommendation/controls/main/productCount.js +58 -0
- package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +150 -64
- package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +2 -2
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +152 -158
- package/dist/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.js +25 -8
- package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +6 -5
- package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +8 -8
- package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +21 -21
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +13 -13
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +17 -17
- package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +94 -100
- package/dist/extensions/Blocks/Recommendation/controls/syncInfoMessage.js +65 -0
- package/dist/extensions/Blocks/Recommendation/extension.js +18 -18
- package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +5 -4
- package/dist/extensions/Blocks/Recommendation/recommendation.css.js +83 -0
- package/dist/extensions/Blocks/Recommendation/settingsPanel.js +44 -38
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +7 -6
- package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +24 -24
- package/dist/extensions/Blocks/common-control.js +96 -39
- package/dist/guido.css +1 -1
- package/dist/src/@types/extensions/block.d.ts +2 -0
- package/dist/src/App.vue.d.ts +3 -0
- package/dist/src/components/Guido.vue.d.ts +1 -1
- package/dist/src/components/organisms/header/EditorActions.vue.d.ts +1 -1
- package/dist/src/components/organisms/header/HeaderWrapper.vue.d.ts +1 -1
- package/dist/src/components/organisms/header/MigrationConfirmModal.vue.d.ts +6 -0
- package/dist/src/components/organisms/header/RightSlot.vue.d.ts +1 -1
- package/dist/src/components/wrappers/WpModal.vue.d.ts +2 -2
- package/dist/src/enums/block.d.ts +4 -0
- package/dist/src/extensions/Blocks/Items/block.d.ts +3 -1
- package/dist/src/extensions/Blocks/Recommendation/block.d.ts +3 -1
- package/dist/src/extensions/Blocks/Recommendation/constants/controlIds.d.ts +2 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +2 -2
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +5 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/{layout/index.d.ts → main/layoutOrientation.d.ts} +3 -3
- package/dist/src/extensions/Blocks/Recommendation/controls/main/productCount.d.ts +28 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +38 -20
- package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +4 -2
- package/dist/src/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.d.ts +23 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +8 -18
- package/dist/src/extensions/Blocks/Recommendation/controls/syncInfoMessage.d.ts +34 -0
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +1 -0
- package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +13 -0
- package/dist/src/extensions/Blocks/common-control.d.ts +29 -2
- package/dist/src/main.d.ts +1 -3
- package/dist/src/stores/template.d.ts +29 -0
- package/dist/src/utils/migrationBannerHtml.d.ts +2 -0
- package/dist/static/assets/info.svg.js +5 -0
- package/dist/static/styles/components/wide-panel.css.js +1 -0
- package/dist/static/styles/customEditorStyle.css.js +9 -0
- package/dist/stores/template.js +15 -0
- package/dist/utils/migrationBannerHtml.js +21 -0
- package/package.json +3 -2
- package/dist/src/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.d.ts +0 -25
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.d.ts +0 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/spacingControl.d.ts +0 -60
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
import l from "./EditorActions.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
var
|
|
3
|
+
import d from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
4
|
+
var u = function() {
|
|
5
5
|
var s, i, n, a;
|
|
6
|
-
var
|
|
7
|
-
return
|
|
6
|
+
var o = this, e = o._self._c, t = o._self._setupProxy;
|
|
7
|
+
return e("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : o._e(), t.editorStore.isPreviewModeOpen ? o._e() : e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(r) {
|
|
8
8
|
return t.handleSave(!1);
|
|
9
|
+
} } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
|
|
10
|
+
return t.executeSave(!1);
|
|
9
11
|
} } })], 1);
|
|
10
|
-
},
|
|
12
|
+
}, p = [], c = /* @__PURE__ */ d(
|
|
11
13
|
l,
|
|
12
|
-
d,
|
|
13
14
|
u,
|
|
15
|
+
p,
|
|
14
16
|
!1,
|
|
15
17
|
null,
|
|
16
|
-
"
|
|
18
|
+
"a289b9e9"
|
|
17
19
|
);
|
|
18
|
-
const v =
|
|
20
|
+
const v = c.exports;
|
|
19
21
|
export {
|
|
20
22
|
v as default
|
|
21
23
|
};
|
|
@@ -1,41 +1,51 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useConfig as
|
|
3
|
-
import { useExport as
|
|
4
|
-
import { useTestEmailClick as
|
|
5
|
-
import { useSave as
|
|
6
|
-
import { useTranslations as
|
|
7
|
-
import { useVersionHistoryApi as
|
|
8
|
-
import { useEditorStore as
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
|
|
1
|
+
import { defineComponent as E, ref as n, computed as g } from "vue";
|
|
2
|
+
import { useConfig as w } from "../../../composables/useConfig.js";
|
|
3
|
+
import { useExport as C } from "../../../composables/useExport.js";
|
|
4
|
+
import { useTestEmailClick as M } from "../../../composables/useGuidoActions.js";
|
|
5
|
+
import { useSave as O } from "../../../composables/useSave.js";
|
|
6
|
+
import { useTranslations as A } from "../../../composables/useTranslations.js";
|
|
7
|
+
import { useVersionHistoryApi as k } from "../../../composables/useVersionHistoryApi.js";
|
|
8
|
+
import { useEditorStore as B } from "../../../stores/editor.js";
|
|
9
|
+
import { useTemplateStore as R } from "../../../stores/template.js";
|
|
10
|
+
import { getTooltipOptions as b } from "../../../utils/tooltipUtils.js";
|
|
11
|
+
import { InButtonV2 as D } from "@useinsider/design-system-vue";
|
|
12
|
+
import { storeToRefs as I } from "pinia";
|
|
13
|
+
import P from "./MigrationConfirmModal.vue.js";
|
|
14
|
+
const Z = /* @__PURE__ */ E({
|
|
12
15
|
__name: "EditorActions",
|
|
13
|
-
setup(
|
|
14
|
-
const { config:
|
|
15
|
-
if (
|
|
16
|
+
setup(j, { expose: H }) {
|
|
17
|
+
const { config: a } = w(), { exportHtml: m } = C(), { save: p } = O(), { openVersionHistory: l, closeVersionHistory: c } = k(), e = B(), u = R(), { hasMigrations: f } = I(u), s = A(), r = n(!1), i = n(!1), v = n(), S = M(), V = () => {
|
|
18
|
+
if (e.isVersionHistoryOpen) {
|
|
16
19
|
c();
|
|
17
20
|
return;
|
|
18
21
|
}
|
|
19
|
-
|
|
20
|
-
},
|
|
21
|
-
r.value = !0, await
|
|
22
|
-
},
|
|
23
|
-
|
|
24
|
-
},
|
|
22
|
+
l();
|
|
23
|
+
}, T = async () => {
|
|
24
|
+
r.value = !0, await m(), r.value = !1;
|
|
25
|
+
}, _ = () => {
|
|
26
|
+
e.isSaveAsTemplateDrawerOpen = !0;
|
|
27
|
+
}, h = g(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), x = g(
|
|
25
28
|
() => {
|
|
26
|
-
var
|
|
27
|
-
return ((
|
|
29
|
+
var o, t;
|
|
30
|
+
return ((t = (o = a.value) == null ? void 0 : o.features) == null ? void 0 : t.versionHistory) && !e.isPreviewModeOpen;
|
|
28
31
|
}
|
|
29
|
-
),
|
|
30
|
-
i.value = !0,
|
|
31
|
-
const
|
|
32
|
-
return i.value = !1, (
|
|
32
|
+
), d = async (o) => {
|
|
33
|
+
i.value = !0, e.loadingStatus = !0;
|
|
34
|
+
const t = await p(o);
|
|
35
|
+
return i.value = !1, (o || !t) && (e.loadingStatus = !1), t;
|
|
36
|
+
}, y = (o) => {
|
|
37
|
+
var t;
|
|
38
|
+
if (!o && f.value) {
|
|
39
|
+
(t = v.value) == null || t.open();
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
d(o);
|
|
33
43
|
};
|
|
34
|
-
return
|
|
35
|
-
handleSave:
|
|
36
|
-
}), { __sfc: !0, config:
|
|
44
|
+
return H({
|
|
45
|
+
handleSave: y
|
|
46
|
+
}), { __sfc: !0, config: a, exportHtml: m, save: p, openVersionHistory: l, closeVersionHistory: c, editorStore: e, templateStore: u, hasMigrations: f, trans: s, isExporting: r, isSaving: i, migrationModalRef: v, testEmailClick: S, handleVersionHistory: V, handleExport: T, handleSaveAs: _, versionHistoryTooltipText: h, isVersionHistoryButtonVisible: x, executeSave: d, handleSave: y, getTooltipOptions: b, InButtonV2: D, MigrationConfirmModal: P };
|
|
37
47
|
}
|
|
38
48
|
});
|
|
39
49
|
export {
|
|
40
|
-
|
|
50
|
+
Z as default
|
|
41
51
|
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import n from "./MigrationConfirmModal.vue2.js";
|
|
2
|
+
import t from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
+
var i = function() {
|
|
4
|
+
var e = this, r = e._self._c, o = e._self._setupProxy;
|
|
5
|
+
return o.isVisible ? r(o.WpModal, { attrs: { id: "migration-confirm-modal", size: "X-small", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.migration-confirm-save") }, on: { close: o.close, "primary-action": o.handleConfirm } }, [r("p", { domProps: { innerHTML: e._s(o.confirmMessage) } })]) : e._e();
|
|
6
|
+
}, s = [], a = /* @__PURE__ */ t(
|
|
7
|
+
n,
|
|
8
|
+
i,
|
|
9
|
+
s,
|
|
10
|
+
!1,
|
|
11
|
+
null,
|
|
12
|
+
null
|
|
13
|
+
);
|
|
14
|
+
const c = a.exports;
|
|
15
|
+
export {
|
|
16
|
+
c as default
|
|
17
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { defineComponent as g, ref as m, computed as s } from "vue";
|
|
2
|
+
import _ from "../../wrappers/WpModal.vue.js";
|
|
3
|
+
import { useTranslations as b } from "../../../composables/useTranslations.js";
|
|
4
|
+
import { useTemplateStore as M } from "../../../stores/template.js";
|
|
5
|
+
const k = /* @__PURE__ */ g({
|
|
6
|
+
__name: "MigrationConfirmModal",
|
|
7
|
+
emits: ["confirm"],
|
|
8
|
+
setup(y, { expose: c, emit: n }) {
|
|
9
|
+
const t = m(!1), o = M(), e = b(), l = m({
|
|
10
|
+
cancelOrBackButton: {
|
|
11
|
+
type: "secondary",
|
|
12
|
+
labelText: e("campaign-builder.cancel"),
|
|
13
|
+
styling: "ghost"
|
|
14
|
+
},
|
|
15
|
+
primaryButton: {
|
|
16
|
+
type: "primary",
|
|
17
|
+
labelText: e("email-editor.migration-confirm-save")
|
|
18
|
+
}
|
|
19
|
+
}), i = s(() => {
|
|
20
|
+
if (o.hasRecommendationMigrations && o.hasItemsMigrations) {
|
|
21
|
+
const d = e("email-recommendation.recommendation"), u = e("email-editor.items");
|
|
22
|
+
return `${d} ${e("campaign-builder.or")} ${u}`;
|
|
23
|
+
}
|
|
24
|
+
return o.hasItemsMigrations ? e("email-editor.items") : e("email-recommendation.recommendation");
|
|
25
|
+
}), f = s(() => e("email-editor.migration-confirm-message", {
|
|
26
|
+
blockNames: i.value
|
|
27
|
+
})), r = () => {
|
|
28
|
+
t.value = !0;
|
|
29
|
+
}, a = () => {
|
|
30
|
+
t.value = !1;
|
|
31
|
+
}, p = () => {
|
|
32
|
+
a(), n("confirm");
|
|
33
|
+
};
|
|
34
|
+
return c({ open: r }), { __sfc: !0, emit: n, isVisible: t, templateStore: o, trans: e, footerButtonOptions: l, blockNames: i, confirmMessage: f, open: r, close: a, handleConfirm: p, WpModal: _ };
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
export {
|
|
38
|
+
k as default
|
|
39
|
+
};
|
|
@@ -20,7 +20,7 @@ const y = /* @__PURE__ */ u({
|
|
|
20
20
|
}), c = a(() => [
|
|
21
21
|
{
|
|
22
22
|
classes: "guido-text-block-onboarding-settings",
|
|
23
|
-
right: "
|
|
23
|
+
right: "426px",
|
|
24
24
|
top: e.value.settings.top,
|
|
25
25
|
position: e.value.settings.position,
|
|
26
26
|
title: i("email-editor.onboarding-text-block-title"),
|
|
@@ -36,7 +36,7 @@ const y = /* @__PURE__ */ u({
|
|
|
36
36
|
},
|
|
37
37
|
{
|
|
38
38
|
classes: "guido-text-block-onboarding-dynamic",
|
|
39
|
-
right: "
|
|
39
|
+
right: "426px",
|
|
40
40
|
top: e.value.dynamic.top,
|
|
41
41
|
position: e.value.dynamic.position,
|
|
42
42
|
title: i("email-editor.onboarding-dynamic-content-title"),
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
const
|
|
1
|
+
const e = "Items", o = {
|
|
2
2
|
"Global Styles & Layout": "Global Styles and Layout",
|
|
3
|
-
"Structures & Modules": "Structures and Modules"
|
|
3
|
+
"Structures & Modules": "Structures and Modules",
|
|
4
|
+
"Recommendation Block": "Recommendation",
|
|
5
|
+
Items: e,
|
|
6
|
+
"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.": "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.",
|
|
7
|
+
"This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly."
|
|
4
8
|
};
|
|
5
9
|
export {
|
|
6
|
-
|
|
10
|
+
e as Items,
|
|
11
|
+
o as default
|
|
7
12
|
};
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var M = (
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
1
|
+
var B = Object.defineProperty;
|
|
2
|
+
var v = (r, t, o) => t in r ? B(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o;
|
|
3
|
+
var M = (r, t, o) => v(r, typeof t != "symbol" ? t + "" : t, o);
|
|
4
|
+
import { BLOCK_ID as U } from "../../extensions/Blocks/Items/block.js";
|
|
5
|
+
import { productPairs as K } from "../../extensions/Blocks/Items/enums/productEnums.js";
|
|
6
|
+
import { ItemInCartOptions as T, DefaultConfigValues as g, SETTINGS_ENUMS as s } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
|
|
7
|
+
import { getDefaultTemplate as w } from "../../extensions/Blocks/Items/template.js";
|
|
8
|
+
import { useTemplateStore as F } from "../../stores/template.js";
|
|
9
|
+
const q = {
|
|
8
10
|
img: {
|
|
9
11
|
pairsKey: "imageSrc",
|
|
10
12
|
defaultKey: "DEFAULT",
|
|
@@ -71,122 +73,124 @@ const w = {
|
|
|
71
73
|
isArray: !1
|
|
72
74
|
}
|
|
73
75
|
};
|
|
74
|
-
function
|
|
76
|
+
function O() {
|
|
75
77
|
return String(Date.now() + Math.floor(Math.random() * 1e3));
|
|
76
78
|
}
|
|
77
|
-
function
|
|
78
|
-
return
|
|
79
|
-
CartItems:
|
|
80
|
-
BrowsedItems:
|
|
81
|
-
PurchasedItems:
|
|
82
|
-
CART_ITEMS:
|
|
83
|
-
BROWSED_ITEMS:
|
|
84
|
-
PURCHASED_ITEMS:
|
|
85
|
-
}[
|
|
79
|
+
function $(r) {
|
|
80
|
+
return r ? {
|
|
81
|
+
CartItems: s.ITEMS_TYPE.CART_ITEMS,
|
|
82
|
+
BrowsedItems: s.ITEMS_TYPE.BROWSED_ITEMS,
|
|
83
|
+
PurchasedItems: s.ITEMS_TYPE.PURCHASED_ITEMS,
|
|
84
|
+
CART_ITEMS: s.ITEMS_TYPE.CART_ITEMS,
|
|
85
|
+
BROWSED_ITEMS: s.ITEMS_TYPE.BROWSED_ITEMS,
|
|
86
|
+
PURCHASED_ITEMS: s.ITEMS_TYPE.PURCHASED_ITEMS
|
|
87
|
+
}[r] || s.ITEMS_TYPE.CART_ITEMS : s.ITEMS_TYPE.CART_ITEMS;
|
|
86
88
|
}
|
|
87
|
-
function R(
|
|
88
|
-
var
|
|
89
|
-
const t = (
|
|
90
|
-
let
|
|
91
|
-
if (
|
|
92
|
-
const
|
|
93
|
-
|
|
89
|
+
function R(r) {
|
|
90
|
+
var e;
|
|
91
|
+
const t = (c, _) => c == null ? _ : c === "1" || c === "true", o = (c, _) => c || _, l = r["data-type"] || r["data-source"], a = $(l), n = T[a];
|
|
92
|
+
let i = r["data-cart_items_select_control_value"] || ((e = n == null ? void 0 : n[0]) == null ? void 0 : e.value) || g.cartItemsSelectControlValue;
|
|
93
|
+
if (i && !i.includes("{{") && /^\d+$/.test(i)) {
|
|
94
|
+
const c = parseInt(i) - 1, _ = T[a];
|
|
95
|
+
_ && _[c] && (i = _[c].value);
|
|
94
96
|
}
|
|
95
97
|
return {
|
|
96
98
|
initialized: !0,
|
|
97
|
-
blockInstanceId: r
|
|
98
|
-
source:
|
|
99
|
-
type:
|
|
100
|
-
itemsSelectValue:
|
|
101
|
-
orientation:
|
|
102
|
-
nameTrimming: t(
|
|
103
|
-
priceHideDiscount: t(
|
|
104
|
-
priceFormatted: t(
|
|
105
|
-
priceSinglePrice: t(
|
|
106
|
-
priceCurrencySymbol:
|
|
107
|
-
|
|
99
|
+
blockInstanceId: o(r["data-block-instance-id"], O()),
|
|
100
|
+
source: a,
|
|
101
|
+
type: a,
|
|
102
|
+
itemsSelectValue: i,
|
|
103
|
+
orientation: r["data-card_orientation_control_value"] || s.ORIENTATION.VERTICAL,
|
|
104
|
+
nameTrimming: t(r["data-product_name_control_trim"], !0),
|
|
105
|
+
priceHideDiscount: t(r["data-product_price_control_nodup"], !0),
|
|
106
|
+
priceFormatted: t(r["data-product_price_control_formated"], !0),
|
|
107
|
+
priceSinglePrice: t(r["data-product_price_control_single_price"], !1),
|
|
108
|
+
priceCurrencySymbol: o(
|
|
109
|
+
r["data-product_price_control_currency_symbol"],
|
|
108
110
|
g.productPriceCurrencySymbolControlValue
|
|
109
111
|
),
|
|
110
|
-
priceCurrencyLocation:
|
|
111
|
-
|
|
112
|
+
priceCurrencyLocation: o(
|
|
113
|
+
r["data-product_price_currency_location"],
|
|
112
114
|
g.productPriceCurrencyLocationControlValue
|
|
113
115
|
),
|
|
114
|
-
priceOrientation:
|
|
115
|
-
quantityControlEnabled: t(
|
|
116
|
-
buttonLink: r
|
|
117
|
-
imageLink: r
|
|
118
|
-
buttonLabel: r
|
|
119
|
-
buttonFullWidth: t(
|
|
120
|
-
imageVisible: t(
|
|
121
|
-
nameVisible: t(
|
|
122
|
-
quantityVisible: t(
|
|
123
|
-
priceVisible: t(
|
|
124
|
-
originalPriceVisible: t(
|
|
125
|
-
buttonVisible: t(
|
|
116
|
+
priceOrientation: r["data-product_original_price_control_orientation"] || "horizontal",
|
|
117
|
+
quantityControlEnabled: t(r["data-product_quantity_control_enabled"], !0),
|
|
118
|
+
buttonLink: o(r["data-product_button_link"], g.productButtonLinkControlValue),
|
|
119
|
+
imageLink: o(r["data-product_image_link"], g.productImageLinkControlValue),
|
|
120
|
+
buttonLabel: o(r["data-product_button_control_label"], "Buy"),
|
|
121
|
+
buttonFullWidth: t(r["data-product_button_control_atw"], !0),
|
|
122
|
+
imageVisible: t(r["data-product_image_control_enabled"], !0),
|
|
123
|
+
nameVisible: t(r["data-product_name_control_enabled"], !0),
|
|
124
|
+
quantityVisible: t(r["data-product_quantity_control_enabled"], !0),
|
|
125
|
+
priceVisible: t(r["data-product_price_control_enabled"], !0),
|
|
126
|
+
originalPriceVisible: t(r["data-product_original_price_control_enabled"], !0),
|
|
127
|
+
buttonVisible: t(r["data-product_button_control_enabled"], !0)
|
|
126
128
|
};
|
|
127
129
|
}
|
|
128
|
-
const
|
|
130
|
+
const x = {
|
|
129
131
|
ins_apr: "CART_ITEMS",
|
|
130
132
|
browsed_item: "BROWSED_ITEMS",
|
|
131
133
|
purchased_item: "PURCHASED_ITEMS"
|
|
132
134
|
};
|
|
133
|
-
function
|
|
134
|
-
const
|
|
135
|
+
function V(r, t) {
|
|
136
|
+
const o = {
|
|
135
137
|
CART_ITEMS: `{{Abandoned Cart Item (${t}) Image}}`,
|
|
136
138
|
BROWSED_ITEMS: `{{Browsed Item (${t}) Image}}`,
|
|
137
139
|
PURCHASED_ITEMS: `{{Purchased Item (${t}) Image}}`
|
|
138
140
|
};
|
|
139
|
-
return r
|
|
141
|
+
return o[r] || o.CART_ITEMS;
|
|
140
142
|
}
|
|
141
|
-
function
|
|
142
|
-
const
|
|
143
|
+
function N(r, t) {
|
|
144
|
+
const o = {
|
|
143
145
|
CART_ITEMS: `{{Abandoned Cart Item (${t}) Url}}`,
|
|
144
146
|
BROWSED_ITEMS: `{{Browsed Item (${t}) Url}}`,
|
|
145
147
|
PURCHASED_ITEMS: `{{Purchased Item (${t}) Url}}`
|
|
146
148
|
};
|
|
147
|
-
return r
|
|
149
|
+
return o[r] || o.CART_ITEMS;
|
|
148
150
|
}
|
|
149
|
-
class
|
|
151
|
+
class z {
|
|
150
152
|
constructor() {
|
|
151
153
|
M(this, "parser");
|
|
152
154
|
this.parser = new DOMParser();
|
|
153
155
|
}
|
|
154
156
|
migrate(t) {
|
|
155
157
|
try {
|
|
156
|
-
let
|
|
157
|
-
|
|
158
|
-
const l = this.parser.parseFromString(
|
|
158
|
+
let o = this.removeJinjaConditionals(t);
|
|
159
|
+
o = this.replaceTemplateVariables(o);
|
|
160
|
+
const l = this.parser.parseFromString(o, "text/html"), a = l.querySelectorAll(
|
|
159
161
|
"td.esd-cart-items-block, td.esd-browsed-items-block, td.esd-purchased-items-block"
|
|
160
162
|
);
|
|
161
|
-
return
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
163
|
+
return F().$patch((i) => {
|
|
164
|
+
i.migrations = { ...i.migrations, [U]: a.length };
|
|
165
|
+
}), a.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), o) : (a.forEach((i) => {
|
|
166
|
+
const e = this.extractConfiguration(i), c = w({
|
|
167
|
+
orientation: e.orientation,
|
|
168
|
+
itemsType: e.itemsType,
|
|
169
|
+
itemId: e.itemId,
|
|
170
|
+
currencySymbol: e.currencySymbol,
|
|
171
|
+
currencyLocation: e.currencyLocation,
|
|
172
|
+
formattedPrice: e.formattedPrice,
|
|
173
|
+
configBlockAttributes: e.configBlockAttributes,
|
|
170
174
|
migrate: !0,
|
|
171
|
-
nameStyles:
|
|
172
|
-
buttonStyles:
|
|
173
|
-
priceStyles:
|
|
174
|
-
originalPriceStyles:
|
|
175
|
-
quantityStyles:
|
|
176
|
-
nodeConfig: R(
|
|
177
|
-
}),
|
|
178
|
-
`<table><tbody><tr>${
|
|
175
|
+
nameStyles: e.nameStyles,
|
|
176
|
+
buttonStyles: e.buttonStyles,
|
|
177
|
+
priceStyles: e.priceStyles,
|
|
178
|
+
originalPriceStyles: e.originalPriceStyles,
|
|
179
|
+
quantityStyles: e.quantityStyles,
|
|
180
|
+
nodeConfig: R(e.configBlockAttributes)
|
|
181
|
+
}), d = this.parser.parseFromString(
|
|
182
|
+
`<table><tbody><tr>${c}</tr></tbody></table>`,
|
|
179
183
|
"text/html"
|
|
180
184
|
).querySelector("td");
|
|
181
|
-
if (
|
|
182
|
-
const
|
|
183
|
-
|
|
184
|
-
const
|
|
185
|
-
|
|
185
|
+
if (d && i.parentNode) {
|
|
186
|
+
const p = R(e.configBlockAttributes);
|
|
187
|
+
d.setAttribute("esd-ext-config", JSON.stringify(p));
|
|
188
|
+
const u = d.querySelector("esd-config-block");
|
|
189
|
+
u && u.remove(), i.parentNode.replaceChild(d, i);
|
|
186
190
|
}
|
|
187
191
|
}), l.documentElement.outerHTML);
|
|
188
|
-
} catch (
|
|
189
|
-
return console.error("ItemsBlockMigrator failed:",
|
|
192
|
+
} catch (o) {
|
|
193
|
+
return console.error("ItemsBlockMigrator failed:", o), t;
|
|
190
194
|
}
|
|
191
195
|
}
|
|
192
196
|
/**
|
|
@@ -197,18 +201,18 @@ class V {
|
|
|
197
201
|
*/
|
|
198
202
|
extractConfiguration(t) {
|
|
199
203
|
var C, D, P;
|
|
200
|
-
const
|
|
204
|
+
const o = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", l = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", a = parseInt(l) - 1, n = T[o], i = ((P = n == null ? void 0 : n[a]) == null ? void 0 : P.value) || n[0].value, e = t.querySelector('[product-attr="price"]'), c = (e == null ? void 0 : e.getAttribute("data-currency_symbol")) || "USD", d = ((e == null ? void 0 : e.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", p = (e == null ? void 0 : e.getAttribute("data-formated")) !== "false", u = this.extractConfigBlockAttributes(t, o, l), S = u["data-card_orientation_control_value"];
|
|
201
205
|
let b;
|
|
202
206
|
S ? b = S === "horizontal" ? "horizontal" : "vertical" : b = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
|
|
203
|
-
const
|
|
207
|
+
const y = t.querySelector('a[product-attr="name"]'), I = (y == null ? void 0 : y.getAttribute("style")) || void 0, f = t.querySelector('a[product-attr="button"]'), m = (f == null ? void 0 : f.getAttribute("style")) || void 0, h = (e == null ? void 0 : e.getAttribute("style")) || void 0, A = t.querySelector("p.original-price"), k = (A == null ? void 0 : A.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), L = (E == null ? void 0 : E.getAttribute("style")) || void 0;
|
|
204
208
|
return {
|
|
205
209
|
orientation: b,
|
|
206
|
-
itemsType:
|
|
207
|
-
itemId:
|
|
208
|
-
currencySymbol:
|
|
209
|
-
currencyLocation:
|
|
210
|
-
formattedPrice:
|
|
211
|
-
configBlockAttributes:
|
|
210
|
+
itemsType: o,
|
|
211
|
+
itemId: i,
|
|
212
|
+
currencySymbol: c,
|
|
213
|
+
currencyLocation: d,
|
|
214
|
+
formattedPrice: p,
|
|
215
|
+
configBlockAttributes: u,
|
|
212
216
|
nameStyles: I,
|
|
213
217
|
buttonStyles: m,
|
|
214
218
|
priceStyles: h,
|
|
@@ -223,27 +227,27 @@ class V {
|
|
|
223
227
|
* @param itemsType - The type of items (CART_ITEMS, BROWSED_ITEMS, PURCHASED_ITEMS)
|
|
224
228
|
* @param itemNumber - The item number (1-based index)
|
|
225
229
|
*/
|
|
226
|
-
extractConfigBlockAttributes(t,
|
|
227
|
-
const
|
|
228
|
-
if (!
|
|
230
|
+
extractConfigBlockAttributes(t, o, l) {
|
|
231
|
+
const a = t.querySelector("esd-config-block"), n = {};
|
|
232
|
+
if (!a)
|
|
229
233
|
return this.getDefaultConfigBlockAttributes();
|
|
230
|
-
if (Array.from(
|
|
231
|
-
|
|
234
|
+
if (Array.from(a.attributes).forEach((e) => {
|
|
235
|
+
e.name.startsWith("data-") && (n[e.name] = e.value);
|
|
232
236
|
}), n["data-cart_items_select_control_value"]) {
|
|
233
|
-
const
|
|
234
|
-
if (/^\d+$/.test(
|
|
235
|
-
const
|
|
236
|
-
|
|
237
|
+
const e = n["data-cart_items_select_control_value"];
|
|
238
|
+
if (/^\d+$/.test(e)) {
|
|
239
|
+
const c = parseInt(e) - 1, _ = T[o];
|
|
240
|
+
_ && _[c] && (n["data-cart_items_select_control_value"] = _[c].value);
|
|
237
241
|
}
|
|
238
242
|
}
|
|
239
243
|
if (n["data-product_price_control_curency"]) {
|
|
240
|
-
const
|
|
241
|
-
let
|
|
242
|
-
|
|
244
|
+
const e = n["data-product_price_control_curency"];
|
|
245
|
+
let c = e;
|
|
246
|
+
e === "before" ? c = "0" : e === "after" && (c = "1"), n["data-product_price_control_curency"] = c, n["data-product_price_currency_location"] = c;
|
|
243
247
|
}
|
|
244
248
|
(!n["data-product_price_control_currency_symbol"] || n["data-product_price_control_currency_symbol"].trim() === "") && (n["data-product_price_control_currency_symbol"] = "USD");
|
|
245
|
-
const
|
|
246
|
-
return
|
|
249
|
+
const i = { ...this.getDefaultConfigBlockAttributes(), ...n };
|
|
250
|
+
return i["data-type"] = o, i["data-source"] = o, i["data-product_image_link"] = V(o, l), i["data-product_button_link"] = N(o, l), i;
|
|
247
251
|
}
|
|
248
252
|
/**
|
|
249
253
|
* Returns default esd-config-block attributes based on the old template structure
|
|
@@ -303,17 +307,17 @@ class V {
|
|
|
303
307
|
* contains display condition Jinja scripts that should NOT be removed.
|
|
304
308
|
*/
|
|
305
309
|
removeJinjaConditionals(t) {
|
|
306
|
-
const
|
|
307
|
-
let
|
|
308
|
-
return
|
|
310
|
+
const o = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", l = t.match(/esd-custom-display-conditions="[^"]*"/);
|
|
311
|
+
let a = l ? t.replace(l[0], o) : t;
|
|
312
|
+
return a = a.replace(
|
|
309
313
|
/\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(>|>)\s*\d+\s*%\}/g,
|
|
310
314
|
""
|
|
311
|
-
),
|
|
315
|
+
), a = a.replace(
|
|
312
316
|
/\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_\d+\s*(!=|!=)\s*\1_originalprice_\d+\s*%\}/g,
|
|
313
317
|
""
|
|
314
|
-
),
|
|
318
|
+
), a = a.replace(/\{%\s*endif\s*%\}/g, ""), l && (a = a.replace(o, l[0])), a = a.replace(/\n\s*\n\s*\n/g, `
|
|
315
319
|
|
|
316
|
-
`),
|
|
320
|
+
`), a;
|
|
317
321
|
}
|
|
318
322
|
/**
|
|
319
323
|
* Replaces template variables with default values from productPairs
|
|
@@ -325,32 +329,32 @@ class V {
|
|
|
325
329
|
* - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
|
|
326
330
|
*/
|
|
327
331
|
replaceTemplateVariables(t) {
|
|
328
|
-
const { PAIRS_FOR_EXTENSION:
|
|
329
|
-
return t.replace(/{{([^}]+)}}/g, (l,
|
|
330
|
-
const n =
|
|
332
|
+
const { PAIRS_FOR_EXTENSION: o } = K;
|
|
333
|
+
return t.replace(/{{([^}]+)}}/g, (l, a) => {
|
|
334
|
+
const n = a.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
|
|
331
335
|
if (!n)
|
|
332
336
|
return l;
|
|
333
|
-
const [,
|
|
334
|
-
if (!
|
|
335
|
-
return console.warn(`Unknown variable prefix: ${
|
|
336
|
-
const
|
|
337
|
-
if (!
|
|
338
|
-
return console.warn(`Unknown variable suffix mapping for: ${
|
|
339
|
-
const { pairsKey:
|
|
340
|
-
if (!
|
|
341
|
-
return console.warn(`No data found for: ${
|
|
337
|
+
const [, i, e, c] = n, _ = x[i];
|
|
338
|
+
if (!_)
|
|
339
|
+
return console.warn(`Unknown variable prefix: ${i}`), l;
|
|
340
|
+
const d = q[e];
|
|
341
|
+
if (!d)
|
|
342
|
+
return console.warn(`Unknown variable suffix mapping for: ${e}`), l;
|
|
343
|
+
const { pairsKey: p, defaultKey: u, isArray: S } = d, y = o[p][_];
|
|
344
|
+
if (!y)
|
|
345
|
+
return console.warn(`No data found for: ${p}.${_}`), l;
|
|
342
346
|
if (S) {
|
|
343
|
-
const
|
|
344
|
-
return Array.isArray(m) && m[
|
|
347
|
+
const f = parseInt(c) - 1, m = y[u];
|
|
348
|
+
return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${p}.${_}.${u}[${f}]`), l);
|
|
345
349
|
}
|
|
346
|
-
const I =
|
|
347
|
-
return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${
|
|
350
|
+
const I = y[u];
|
|
351
|
+
return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${p}.${_}.${u}`), l);
|
|
348
352
|
});
|
|
349
353
|
}
|
|
350
354
|
}
|
|
351
|
-
function
|
|
352
|
-
return new
|
|
355
|
+
function Q(r) {
|
|
356
|
+
return new z().migrate(r);
|
|
353
357
|
}
|
|
354
358
|
export {
|
|
355
|
-
|
|
359
|
+
Q as migrateItemsBlock
|
|
356
360
|
};
|