@useinsider/guido 2.0.0-beta.1c331b8 → 2.0.0-beta.2369541
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/PreviewContainer.vue.js +3 -3
- package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.js +8 -8
- package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue2.js +17 -13
- package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +7 -8
- package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js +14 -12
- package/dist/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.vue.js +18 -0
- package/dist/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.vue2.js +15 -0
- package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js +10 -14
- package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js +14 -22
- package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js +3 -3
- package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +11 -10
- package/dist/components/organisms/email-preview/mobile-preview/InboxView.vue.js +12 -10
- package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue.js +11 -10
- package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue2.js +15 -14
- package/dist/components/organisms/header/EditorActions.vue.js +20 -0
- package/dist/components/organisms/header/EditorActions.vue2.js +41 -0
- package/dist/components/organisms/header/EditorToolbar.vue.js +18 -0
- package/dist/components/organisms/header/EditorToolbar.vue2.js +17 -0
- package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -5
- package/dist/components/organisms/header/LeftSlot.vue.js +11 -11
- package/dist/components/organisms/header/LeftSlot.vue2.js +11 -12
- package/dist/components/organisms/header/MiddleSlot.vue.js +10 -10
- package/dist/components/organisms/header/MiddleSlot.vue2.js +11 -15
- package/dist/components/organisms/header/RightSlot.vue.js +11 -14
- package/dist/components/organisms/header/RightSlot.vue2.js +13 -30
- package/dist/components/organisms/header/version-history/VersionHistory.vue.js +5 -5
- package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +15 -15
- package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js +1 -1
- package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js +20 -19
- package/dist/composables/useConfig.js +29 -27
- package/dist/composables/useSave.js +13 -11
- package/dist/config/migrator/recommendationMigrator.js +2 -2
- package/dist/enums/academy.js +8 -0
- package/dist/enums/onboarding.js +1 -2
- package/dist/enums/unsubscribe.js +20 -21
- package/dist/extensions/Blocks/Items/controls/cardComposition.js +4 -13
- 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 +0 -5
- package/dist/extensions/Blocks/Recommendation/settingsPanel.js +72 -128
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +25 -28
- 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 +6 -7
- package/dist/extensions/Blocks/controlFactories.js +121 -155
- package/dist/guido.css +1 -1
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +291 -361
- package/dist/package.json.js +1 -1
- 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/components/organisms/email-preview/desktop-preview/DesktopBrowserHeader.vue.d.ts +2 -0
- package/dist/src/components/organisms/header/EditorActions.vue.d.ts +4 -0
- package/dist/src/components/organisms/header/EditorToolbar.vue.d.ts +2 -0
- package/dist/src/components/organisms/header/RightSlot.vue.d.ts +1 -1
- package/dist/src/composables/useConfig.d.ts +6 -0
- package/dist/src/enums/academy.d.ts +12 -0
- package/dist/src/enums/onboarding.d.ts +0 -1
- package/dist/src/enums/unsubscribe.d.ts +0 -1
- package/dist/src/extensions/Blocks/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 -16
- 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 +1 -1
- package/dist/src/stores/config.d.ts +147 -1
- package/dist/static/assets/desktop/desktop-mockup-center.svg.js +4 -0
- package/dist/static/assets/desktop/desktop-mockup-left.svg.js +4 -0
- package/dist/static/assets/desktop/desktop-mockup-right.svg.js +4 -0
- package/dist/static/assets/mobile/email-mockup.svg.js +4 -0
- package/dist/static/assets/mobile/inbox-mockup.svg.js +4 -0
- package/dist/static/styles/components/button.css.js +1 -1
- package/dist/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/package.json +3 -3
- package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue.js +0 -17
- package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue2.js +0 -20
- package/dist/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 -7
- 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 -238
- 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 -134
- package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +0 -64
- package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +0 -124
- package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +0 -60
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +0 -112
- 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 -216
- 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/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 -17
- 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 -43
- 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 -40
- 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 -72
- 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/static/assets/inbox-mockup.svg.js +0 -4
- package/dist/static/assets/phone-mockup.svg.js +0 -4
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import { ModificationDescription as s } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
-
import { CONTAINER_SELECTOR as y } from "../../constants/selectors.js";
|
|
3
|
-
import { useRecommendationExtensionStore as S } from "../../store/recommendation.js";
|
|
4
|
-
import { prepareProductRows as A } from "../../templates/index.js";
|
|
5
|
-
import { DEFAULT_CARD_COMPOSITION as d, getDefaultProducts as b } from "../../templates/utils.js";
|
|
6
|
-
const f = "ins-recommendation-v3-block-v2";
|
|
7
|
-
function p(e) {
|
|
8
|
-
if (!e)
|
|
9
|
-
return null;
|
|
10
|
-
if ("getAttribute" in e) {
|
|
11
|
-
const t = e.getAttribute("class");
|
|
12
|
-
if (t && t.includes(f))
|
|
13
|
-
return e;
|
|
14
|
-
}
|
|
15
|
-
return "querySelector" in e ? e.querySelector(`.${f}`) : null;
|
|
16
|
-
}
|
|
17
|
-
function m(e) {
|
|
18
|
-
const t = p(e);
|
|
19
|
-
return !t || !("getAttribute" in t) ? "vertical" : t.getAttribute("data-layout") === "horizontal" ? "horizontal" : "vertical";
|
|
20
|
-
}
|
|
21
|
-
function C(e) {
|
|
22
|
-
const t = p(e);
|
|
23
|
-
if (!t || !("getAttribute" in t))
|
|
24
|
-
return d;
|
|
25
|
-
const r = t.getAttribute("data-card-composition");
|
|
26
|
-
return r ? r.split(",").filter(Boolean) : d;
|
|
27
|
-
}
|
|
28
|
-
function R(e) {
|
|
29
|
-
const { currentNode: t, documentModifier: r, afterRegenerate: o } = e;
|
|
30
|
-
if (!t || !("querySelector" in t))
|
|
31
|
-
return;
|
|
32
|
-
const a = t.querySelector(y);
|
|
33
|
-
if (!a)
|
|
34
|
-
return;
|
|
35
|
-
const c = S(), i = c.recommendationProducts.length > 0 ? c.recommendationProducts : b(), { cardsInRow: l } = c.recommendationConfigs, n = C(t), u = m(t), g = A(i, u, {
|
|
36
|
-
productsPerRow: l,
|
|
37
|
-
composition: n
|
|
38
|
-
});
|
|
39
|
-
r.modifyHtml(a).setInnerHtml(g).apply(new s("Updated product")), o == null || o();
|
|
40
|
-
}
|
|
41
|
-
function h(e, t, r, o) {
|
|
42
|
-
const c = `0 ${Math.floor(r / 2)}px`;
|
|
43
|
-
let i = !1;
|
|
44
|
-
return o === "vertical" ? Array.from(
|
|
45
|
-
e.querySelectorAll(".attribute-cell")
|
|
46
|
-
).forEach((n) => {
|
|
47
|
-
t.modifyHtml(n).setStyle("padding", c), i = !0;
|
|
48
|
-
}) : Array.from(
|
|
49
|
-
e.querySelectorAll(".product-card-wrapper")
|
|
50
|
-
).forEach((n) => {
|
|
51
|
-
"parentNode" in n && n.parentNode && typeof n.parentNode == "object" && "tagName" in n.parentNode && n.parentNode.tagName === "TD" && (t.modifyHtml(n.parentNode).setStyle("padding", c), i = !0);
|
|
52
|
-
}), i;
|
|
53
|
-
}
|
|
54
|
-
function E(e, t, r) {
|
|
55
|
-
const o = `${r}px`, a = Array.from(e.querySelectorAll(".spacer"));
|
|
56
|
-
let c = !1;
|
|
57
|
-
return a.forEach((i) => {
|
|
58
|
-
t.modifyHtml(i).setStyle("height", o), c = !0;
|
|
59
|
-
}), c;
|
|
60
|
-
}
|
|
61
|
-
function P(e) {
|
|
62
|
-
const { currentNode: t, documentModifier: r } = e;
|
|
63
|
-
if (!t)
|
|
64
|
-
return;
|
|
65
|
-
const o = p(t);
|
|
66
|
-
if (!o || !("getAttribute" in o))
|
|
67
|
-
return;
|
|
68
|
-
const a = o.getAttribute("data-column-spacing"), c = o.getAttribute("data-row-spacing"), i = m(t);
|
|
69
|
-
let l = !1;
|
|
70
|
-
if (a) {
|
|
71
|
-
const n = parseInt(a);
|
|
72
|
-
Number.isNaN(n) || (l = h(
|
|
73
|
-
t,
|
|
74
|
-
r,
|
|
75
|
-
n,
|
|
76
|
-
i
|
|
77
|
-
));
|
|
78
|
-
}
|
|
79
|
-
if (c) {
|
|
80
|
-
const n = parseInt(c);
|
|
81
|
-
if (!Number.isNaN(n)) {
|
|
82
|
-
const u = E(t, r, n);
|
|
83
|
-
l = l || u;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
l && r.apply(new s("Reapply spacing after regeneration"));
|
|
87
|
-
}
|
|
88
|
-
function H(e) {
|
|
89
|
-
if (!e)
|
|
90
|
-
return null;
|
|
91
|
-
const t = e.querySelector(".product-card-segment"), r = e.querySelector(".product-card-wrapper");
|
|
92
|
-
let o = null;
|
|
93
|
-
return t && "getStyle" in t && (o = t.getStyle("background-color")), (!o || o === "transparent") && r && "getStyle" in r && (o = r.getStyle("background-color")), o;
|
|
94
|
-
}
|
|
95
|
-
function I(e) {
|
|
96
|
-
const { currentNode: t, documentModifier: r, bgColor: o, layout: a } = e;
|
|
97
|
-
if (!o || o === "transparent" || !t)
|
|
98
|
-
return;
|
|
99
|
-
const c = a === "vertical" ? ".product-card-segment" : ".product-card-wrapper", i = Array.from(t.querySelectorAll(c));
|
|
100
|
-
i.length !== 0 && (i.forEach((l) => {
|
|
101
|
-
r.modifyHtml(l).setStyle("background-color", o);
|
|
102
|
-
}), r.apply(new s("Apply card background color")));
|
|
103
|
-
}
|
|
104
|
-
export {
|
|
105
|
-
I as applyCardBackgroundColor,
|
|
106
|
-
p as getBlockElement,
|
|
107
|
-
C as getCardComposition,
|
|
108
|
-
H as getCurrentCardBackgroundColor,
|
|
109
|
-
m as getCurrentLayout,
|
|
110
|
-
P as reapplySpacing,
|
|
111
|
-
R as regenerateProductRows
|
|
112
|
-
};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as l, createTextStyleControl as C, createTextSizeControl as c, createTextColorControl as N, createTextAlignControl as a } 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 r } from "../../constants/selectors.js";
|
|
5
|
-
import { NameTextTrimControl as i } from "./textTrim.js";
|
|
6
|
-
const m = a(
|
|
7
|
-
t.NAME_ALIGN,
|
|
8
|
-
o.NAME,
|
|
9
|
-
r
|
|
10
|
-
), A = N(
|
|
11
|
-
t.NAME_COLOR,
|
|
12
|
-
o.NAME,
|
|
13
|
-
r
|
|
14
|
-
), E = c(
|
|
15
|
-
t.NAME_SIZE,
|
|
16
|
-
o.NAME,
|
|
17
|
-
r
|
|
18
|
-
), M = C(
|
|
19
|
-
t.NAME_STYLE,
|
|
20
|
-
o.NAME,
|
|
21
|
-
r
|
|
22
|
-
), s = l(
|
|
23
|
-
t.NAME_FONT_FAMILY,
|
|
24
|
-
o.NAME,
|
|
25
|
-
r
|
|
26
|
-
), d = e(
|
|
27
|
-
t.NAME_BACKGROUND,
|
|
28
|
-
o.NAME,
|
|
29
|
-
r
|
|
30
|
-
), T = n(
|
|
31
|
-
t.NAME_PADDINGS,
|
|
32
|
-
o.NAME,
|
|
33
|
-
r
|
|
34
|
-
), F = {
|
|
35
|
-
align: m,
|
|
36
|
-
color: A,
|
|
37
|
-
size: E,
|
|
38
|
-
style: M,
|
|
39
|
-
fontFamily: s,
|
|
40
|
-
background: d,
|
|
41
|
-
paddings: T,
|
|
42
|
-
textTrim: i
|
|
43
|
-
};
|
|
44
|
-
export {
|
|
45
|
-
F as NameControls
|
|
46
|
-
};
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { ModificationDescription as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
-
import { CommonControl as c } from "../../../common-control.js";
|
|
3
|
-
import { RecommendationBlockId as a } from "../../constants/blockIds.js";
|
|
4
|
-
import { RecommendationControlId as d } from "../../constants/controlIds.js";
|
|
5
|
-
import { CONTAINER_SELECTOR as m } from "../../constants/selectors.js";
|
|
6
|
-
const s = {
|
|
7
|
-
TEXT_TRIM_ENABLED: "textTrimEnabled"
|
|
8
|
-
}, r = "text-trim-enabled";
|
|
9
|
-
class p extends c {
|
|
10
|
-
getId() {
|
|
11
|
-
return d.NAME_TEXT_TRIM;
|
|
12
|
-
}
|
|
13
|
-
getTemplate() {
|
|
14
|
-
return `
|
|
15
|
-
<div class="name-text-trim-control-container">
|
|
16
|
-
${this._GuTwoColumns([
|
|
17
|
-
this._GuLabel({ text: "Trim Long Text" }),
|
|
18
|
-
this._GuToggle(s.TEXT_TRIM_ENABLED)
|
|
19
|
-
])}
|
|
20
|
-
</div>
|
|
21
|
-
`;
|
|
22
|
-
}
|
|
23
|
-
onRender() {
|
|
24
|
-
this._setFormValues(), this._listenToFormUpdates();
|
|
25
|
-
}
|
|
26
|
-
onTemplateNodeUpdated(t) {
|
|
27
|
-
super.onTemplateNodeUpdated(t), this._setFormValues();
|
|
28
|
-
}
|
|
29
|
-
_setFormValues() {
|
|
30
|
-
const t = this._getCurrentTrimState();
|
|
31
|
-
this.api.updateValues({
|
|
32
|
-
[s.TEXT_TRIM_ENABLED]: t
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
_getCurrentTrimState() {
|
|
36
|
-
if (!this.currentNode || !("hasClass" in this.currentNode))
|
|
37
|
-
return !1;
|
|
38
|
-
if (this.currentNode.hasClass(r))
|
|
39
|
-
return !0;
|
|
40
|
-
const t = this.currentNode.closest(m);
|
|
41
|
-
if (!t)
|
|
42
|
-
return !1;
|
|
43
|
-
const e = t.querySelector(
|
|
44
|
-
`[esd-extension-block-id="${a.NAME}"]`
|
|
45
|
-
);
|
|
46
|
-
return e && "hasClass" in e ? e.hasClass(r) : !1;
|
|
47
|
-
}
|
|
48
|
-
_onTextTrimChange(t) {
|
|
49
|
-
if (!this.currentNode || !("closest" in this.currentNode))
|
|
50
|
-
return;
|
|
51
|
-
const e = this.currentNode.closest(m);
|
|
52
|
-
if (!e || !("querySelectorAll" in e))
|
|
53
|
-
return;
|
|
54
|
-
const i = Array.from(
|
|
55
|
-
e.querySelectorAll(`[esd-extension-block-id="${a.NAME}"]`)
|
|
56
|
-
);
|
|
57
|
-
if (!i.length)
|
|
58
|
-
return;
|
|
59
|
-
const o = this.api.getDocumentModifier();
|
|
60
|
-
i.forEach((n) => {
|
|
61
|
-
t ? o.modifyHtml(n).setClass(r) : o.modifyHtml(n).removeClass(r);
|
|
62
|
-
}), o.apply(
|
|
63
|
-
new l(
|
|
64
|
-
t ? "Enable product name text trimming" : "Disable product name text trimming"
|
|
65
|
-
)
|
|
66
|
-
);
|
|
67
|
-
}
|
|
68
|
-
_listenToFormUpdates() {
|
|
69
|
-
this.api.onValueChanged(s.TEXT_TRIM_ENABLED, (t) => {
|
|
70
|
-
this._onTextTrimChange(t);
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
export {
|
|
75
|
-
p as NameTextTrimControl
|
|
76
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { createPaddingsControl as r, createTextBackgroundColorControl as C, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as c, createTextColorControl as _, createTextAlignControl as I } 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 O = I(
|
|
6
|
-
t.OLD_PRICE_ALIGN,
|
|
7
|
-
o.OLD_PRICE,
|
|
8
|
-
n
|
|
9
|
-
), R = _(
|
|
10
|
-
t.OLD_PRICE_COLOR,
|
|
11
|
-
o.OLD_PRICE,
|
|
12
|
-
n
|
|
13
|
-
), a = c(
|
|
14
|
-
t.OLD_PRICE_SIZE,
|
|
15
|
-
o.OLD_PRICE,
|
|
16
|
-
n
|
|
17
|
-
), i = l(
|
|
18
|
-
t.OLD_PRICE_STYLE,
|
|
19
|
-
o.OLD_PRICE,
|
|
20
|
-
n
|
|
21
|
-
), E = e(
|
|
22
|
-
t.OLD_PRICE_FONT_FAMILY,
|
|
23
|
-
o.OLD_PRICE,
|
|
24
|
-
n
|
|
25
|
-
), L = C(
|
|
26
|
-
t.OLD_PRICE_BACKGROUND,
|
|
27
|
-
o.OLD_PRICE,
|
|
28
|
-
n
|
|
29
|
-
), P = r(
|
|
30
|
-
t.OLD_PRICE_PADDINGS,
|
|
31
|
-
o.OLD_PRICE,
|
|
32
|
-
n
|
|
33
|
-
), T = {
|
|
34
|
-
align: O,
|
|
35
|
-
color: R,
|
|
36
|
-
size: a,
|
|
37
|
-
style: i,
|
|
38
|
-
fontFamily: E,
|
|
39
|
-
background: L,
|
|
40
|
-
paddings: P
|
|
41
|
-
};
|
|
42
|
-
export {
|
|
43
|
-
T as OldPriceControls
|
|
44
|
-
};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as C, createTextStyleControl as O, createTextSizeControl as S, createTextColorControl as I, createTextAlignControl as N } 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 r } from "../../constants/selectors.js";
|
|
5
|
-
import { OmnibusDiscountTextAfterControl as l } from "./textAfter.js";
|
|
6
|
-
import { OmnibusDiscountTextBeforeControl as U } from "./textBefore.js";
|
|
7
|
-
const i = N(
|
|
8
|
-
t.OMNIBUS_DISCOUNT_ALIGN,
|
|
9
|
-
o.OMNIBUS_DISCOUNT,
|
|
10
|
-
r
|
|
11
|
-
), T = I(
|
|
12
|
-
t.OMNIBUS_DISCOUNT_COLOR,
|
|
13
|
-
o.OMNIBUS_DISCOUNT,
|
|
14
|
-
r
|
|
15
|
-
), c = S(
|
|
16
|
-
t.OMNIBUS_DISCOUNT_SIZE,
|
|
17
|
-
o.OMNIBUS_DISCOUNT,
|
|
18
|
-
r
|
|
19
|
-
), _ = O(
|
|
20
|
-
t.OMNIBUS_DISCOUNT_STYLE,
|
|
21
|
-
o.OMNIBUS_DISCOUNT,
|
|
22
|
-
r
|
|
23
|
-
), m = C(
|
|
24
|
-
t.OMNIBUS_DISCOUNT_FONT_FAMILY,
|
|
25
|
-
o.OMNIBUS_DISCOUNT,
|
|
26
|
-
r
|
|
27
|
-
), s = e(
|
|
28
|
-
t.OMNIBUS_DISCOUNT_BACKGROUND,
|
|
29
|
-
o.OMNIBUS_DISCOUNT,
|
|
30
|
-
r
|
|
31
|
-
), B = n(
|
|
32
|
-
t.OMNIBUS_DISCOUNT_PADDINGS,
|
|
33
|
-
o.OMNIBUS_DISCOUNT,
|
|
34
|
-
r
|
|
35
|
-
), g = {
|
|
36
|
-
align: i,
|
|
37
|
-
color: T,
|
|
38
|
-
size: c,
|
|
39
|
-
style: _,
|
|
40
|
-
fontFamily: m,
|
|
41
|
-
background: s,
|
|
42
|
-
paddings: B,
|
|
43
|
-
textBefore: U,
|
|
44
|
-
textAfter: l
|
|
45
|
-
};
|
|
46
|
-
export {
|
|
47
|
-
g as OmnibusDiscountControls
|
|
48
|
-
};
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
-
import { CommonControl as a } from "../../../common-control.js";
|
|
3
|
-
import { RecommendationBlockId as l } from "../../constants/blockIds.js";
|
|
4
|
-
import { RecommendationControlId as d } from "../../constants/controlIds.js";
|
|
5
|
-
import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
|
|
6
|
-
import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
|
|
7
|
-
const i = "data-text-after", u = "", p = ".omnibus-text-after";
|
|
8
|
-
class b extends a {
|
|
9
|
-
getId() {
|
|
10
|
-
return d.OMNIBUS_DISCOUNT_TEXT_AFTER;
|
|
11
|
-
}
|
|
12
|
-
getTemplate() {
|
|
13
|
-
return `
|
|
14
|
-
<div class="omnibus-discount-text-after-control-container">
|
|
15
|
-
${this._GuTwoColumns([
|
|
16
|
-
this._GuLabel({ text: "Text After" }),
|
|
17
|
-
this._GuTextInput({
|
|
18
|
-
name: "omnibusDiscountTextAfter",
|
|
19
|
-
placeholder: "e.g., off!",
|
|
20
|
-
className: "es-180w"
|
|
21
|
-
})
|
|
22
|
-
])}
|
|
23
|
-
</div>
|
|
24
|
-
`;
|
|
25
|
-
}
|
|
26
|
-
onRender() {
|
|
27
|
-
this._setFormValues(), this._listenToFormUpdates();
|
|
28
|
-
}
|
|
29
|
-
onTemplateNodeUpdated(t) {
|
|
30
|
-
super.onTemplateNodeUpdated(t), this._setFormValues();
|
|
31
|
-
}
|
|
32
|
-
_setFormValues() {
|
|
33
|
-
const t = this._getCurrentText();
|
|
34
|
-
this.api.updateValues({
|
|
35
|
-
omnibusDiscountTextAfter: t
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
_getCurrentText() {
|
|
39
|
-
if (!this.currentNode || !("getAttribute" in this.currentNode))
|
|
40
|
-
return u;
|
|
41
|
-
const t = this.currentNode.getAttribute(i);
|
|
42
|
-
return t === null ? u : t;
|
|
43
|
-
}
|
|
44
|
-
_onTextChange(t) {
|
|
45
|
-
if (!this.currentNode || !("closest" in this.currentNode))
|
|
46
|
-
return;
|
|
47
|
-
const e = this.currentNode.closest(T);
|
|
48
|
-
if (!e || !("querySelectorAll" in e))
|
|
49
|
-
return;
|
|
50
|
-
const n = Array.from(
|
|
51
|
-
e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
|
|
52
|
-
);
|
|
53
|
-
if (!n.length)
|
|
54
|
-
return;
|
|
55
|
-
const o = this.api.getDocumentModifier();
|
|
56
|
-
n.forEach((s) => {
|
|
57
|
-
o.modifyHtml(s).setAttribute(i, t);
|
|
58
|
-
const r = s.querySelector(p);
|
|
59
|
-
if (r) {
|
|
60
|
-
const m = f(r, t);
|
|
61
|
-
o.modifyHtml(r).setInnerHtml(m);
|
|
62
|
-
}
|
|
63
|
-
}), o.apply(new c("Update omnibus discount text after"));
|
|
64
|
-
}
|
|
65
|
-
_listenToFormUpdates() {
|
|
66
|
-
this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
|
|
67
|
-
this._onTextChange(t);
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
export {
|
|
72
|
-
b as OmnibusDiscountTextAfterControl
|
|
73
|
-
};
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
-
import { CommonControl as l } from "../../../common-control.js";
|
|
3
|
-
import { RecommendationBlockId as a } from "../../constants/blockIds.js";
|
|
4
|
-
import { RecommendationControlId as d } from "../../constants/controlIds.js";
|
|
5
|
-
import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
|
|
6
|
-
import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
|
|
7
|
-
const i = "data-text-before", u = "", p = ".omnibus-text-before";
|
|
8
|
-
class B extends l {
|
|
9
|
-
getId() {
|
|
10
|
-
return d.OMNIBUS_DISCOUNT_TEXT_BEFORE;
|
|
11
|
-
}
|
|
12
|
-
getTemplate() {
|
|
13
|
-
return `
|
|
14
|
-
<div class="omnibus-discount-text-before-control-container">
|
|
15
|
-
${this._GuTwoColumns([
|
|
16
|
-
this._GuLabel({ text: "Text Before" }),
|
|
17
|
-
this._GuTextInput({
|
|
18
|
-
name: "omnibusDiscountTextBefore",
|
|
19
|
-
placeholder: "e.g., Save ",
|
|
20
|
-
className: "es-180w"
|
|
21
|
-
})
|
|
22
|
-
])}
|
|
23
|
-
</div>
|
|
24
|
-
`;
|
|
25
|
-
}
|
|
26
|
-
onRender() {
|
|
27
|
-
this._setFormValues(), this._listenToFormUpdates();
|
|
28
|
-
}
|
|
29
|
-
onTemplateNodeUpdated(e) {
|
|
30
|
-
super.onTemplateNodeUpdated(e), this._setFormValues();
|
|
31
|
-
}
|
|
32
|
-
_setFormValues() {
|
|
33
|
-
const e = this._getCurrentText();
|
|
34
|
-
this.api.updateValues({
|
|
35
|
-
omnibusDiscountTextBefore: e
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
_getCurrentText() {
|
|
39
|
-
if (!this.currentNode || !("getAttribute" in this.currentNode))
|
|
40
|
-
return u;
|
|
41
|
-
const e = this.currentNode.getAttribute(i);
|
|
42
|
-
return e === null ? u : e;
|
|
43
|
-
}
|
|
44
|
-
_onTextChange(e) {
|
|
45
|
-
if (!this.currentNode || !("closest" in this.currentNode))
|
|
46
|
-
return;
|
|
47
|
-
const t = this.currentNode.closest(T);
|
|
48
|
-
if (!t || !("querySelectorAll" in t))
|
|
49
|
-
return;
|
|
50
|
-
const n = Array.from(
|
|
51
|
-
t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_DISCOUNT}"]`)
|
|
52
|
-
);
|
|
53
|
-
if (!n.length)
|
|
54
|
-
return;
|
|
55
|
-
const o = this.api.getDocumentModifier();
|
|
56
|
-
n.forEach((s) => {
|
|
57
|
-
o.modifyHtml(s).setAttribute(i, e);
|
|
58
|
-
const r = s.querySelector(p);
|
|
59
|
-
if (r) {
|
|
60
|
-
const m = f(r, e);
|
|
61
|
-
o.modifyHtml(r).setInnerHtml(m);
|
|
62
|
-
}
|
|
63
|
-
}), o.apply(new c("Update omnibus discount text before"));
|
|
64
|
-
}
|
|
65
|
-
_listenToFormUpdates() {
|
|
66
|
-
this.api.onValueChanged("omnibusDiscountTextBefore", (e) => {
|
|
67
|
-
this._onTextChange(e);
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
export {
|
|
72
|
-
B as OmnibusDiscountTextBeforeControl
|
|
73
|
-
};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as C, createTextStyleControl as I, createTextSizeControl as l, createTextColorControl as i, createTextAlignControl 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 r } from "../../constants/selectors.js";
|
|
5
|
-
import { OmnibusPriceTextAfterControl as O } from "./textAfter.js";
|
|
6
|
-
import { OmnibusPriceTextBeforeControl as _ } from "./textBefore.js";
|
|
7
|
-
const m = c(
|
|
8
|
-
t.OMNIBUS_PRICE_ALIGN,
|
|
9
|
-
o.OMNIBUS_PRICE,
|
|
10
|
-
r
|
|
11
|
-
), S = i(
|
|
12
|
-
t.OMNIBUS_PRICE_COLOR,
|
|
13
|
-
o.OMNIBUS_PRICE,
|
|
14
|
-
r
|
|
15
|
-
), B = l(
|
|
16
|
-
t.OMNIBUS_PRICE_SIZE,
|
|
17
|
-
o.OMNIBUS_PRICE,
|
|
18
|
-
r
|
|
19
|
-
), N = I(
|
|
20
|
-
t.OMNIBUS_PRICE_STYLE,
|
|
21
|
-
o.OMNIBUS_PRICE,
|
|
22
|
-
r
|
|
23
|
-
), P = C(
|
|
24
|
-
t.OMNIBUS_PRICE_FONT_FAMILY,
|
|
25
|
-
o.OMNIBUS_PRICE,
|
|
26
|
-
r
|
|
27
|
-
), R = e(
|
|
28
|
-
t.OMNIBUS_PRICE_BACKGROUND,
|
|
29
|
-
o.OMNIBUS_PRICE,
|
|
30
|
-
r
|
|
31
|
-
), a = n(
|
|
32
|
-
t.OMNIBUS_PRICE_PADDINGS,
|
|
33
|
-
o.OMNIBUS_PRICE,
|
|
34
|
-
r
|
|
35
|
-
), f = {
|
|
36
|
-
align: m,
|
|
37
|
-
color: S,
|
|
38
|
-
size: B,
|
|
39
|
-
style: N,
|
|
40
|
-
fontFamily: P,
|
|
41
|
-
background: R,
|
|
42
|
-
paddings: a,
|
|
43
|
-
textBefore: _,
|
|
44
|
-
textAfter: O
|
|
45
|
-
};
|
|
46
|
-
export {
|
|
47
|
-
f as OmnibusPriceControls
|
|
48
|
-
};
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
-
import { CommonControl as a } from "../../../common-control.js";
|
|
3
|
-
import { RecommendationBlockId as l } from "../../constants/blockIds.js";
|
|
4
|
-
import { RecommendationControlId as d } from "../../constants/controlIds.js";
|
|
5
|
-
import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
|
|
6
|
-
import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
|
|
7
|
-
const s = "data-text-after", m = "", p = ".omnibus-text-after";
|
|
8
|
-
class N extends a {
|
|
9
|
-
getId() {
|
|
10
|
-
return d.OMNIBUS_PRICE_TEXT_AFTER;
|
|
11
|
-
}
|
|
12
|
-
getTemplate() {
|
|
13
|
-
return `
|
|
14
|
-
<div class="omnibus-price-text-after-control-container">
|
|
15
|
-
${this._GuTwoColumns([
|
|
16
|
-
this._GuLabel({ text: "Text After" }),
|
|
17
|
-
this._GuTextInput({
|
|
18
|
-
name: "omnibusPriceTextAfter",
|
|
19
|
-
placeholder: "e.g., (incl. VAT)",
|
|
20
|
-
className: "es-180w"
|
|
21
|
-
})
|
|
22
|
-
])}
|
|
23
|
-
</div>
|
|
24
|
-
`;
|
|
25
|
-
}
|
|
26
|
-
onRender() {
|
|
27
|
-
this._setFormValues(), this._listenToFormUpdates();
|
|
28
|
-
}
|
|
29
|
-
onTemplateNodeUpdated(t) {
|
|
30
|
-
super.onTemplateNodeUpdated(t), this._setFormValues();
|
|
31
|
-
}
|
|
32
|
-
_setFormValues() {
|
|
33
|
-
const t = this._getCurrentText();
|
|
34
|
-
this.api.updateValues({
|
|
35
|
-
omnibusPriceTextAfter: t
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
_getCurrentText() {
|
|
39
|
-
if (!this.currentNode || !("getAttribute" in this.currentNode))
|
|
40
|
-
return m;
|
|
41
|
-
const t = this.currentNode.getAttribute(s);
|
|
42
|
-
return t === null ? m : t;
|
|
43
|
-
}
|
|
44
|
-
_onTextChange(t) {
|
|
45
|
-
if (!this.currentNode || !("closest" in this.currentNode))
|
|
46
|
-
return;
|
|
47
|
-
const e = this.currentNode.closest(T);
|
|
48
|
-
if (!e || !("querySelectorAll" in e))
|
|
49
|
-
return;
|
|
50
|
-
const n = Array.from(
|
|
51
|
-
e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_PRICE}"]`)
|
|
52
|
-
);
|
|
53
|
-
if (!n.length)
|
|
54
|
-
return;
|
|
55
|
-
const r = this.api.getDocumentModifier();
|
|
56
|
-
n.forEach((i) => {
|
|
57
|
-
r.modifyHtml(i).setAttribute(s, t);
|
|
58
|
-
const o = i.querySelector(p);
|
|
59
|
-
if (o) {
|
|
60
|
-
const u = f(o, t);
|
|
61
|
-
r.modifyHtml(o).setInnerHtml(u);
|
|
62
|
-
}
|
|
63
|
-
}), r.apply(new c("Update omnibus price text after"));
|
|
64
|
-
}
|
|
65
|
-
_listenToFormUpdates() {
|
|
66
|
-
this.api.onValueChanged("omnibusPriceTextAfter", (t) => {
|
|
67
|
-
this._onTextChange(t);
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
export {
|
|
72
|
-
N as OmnibusPriceTextAfterControl
|
|
73
|
-
};
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { ModificationDescription as u } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
-
import { CommonControl as l } from "../../../common-control.js";
|
|
3
|
-
import { RecommendationBlockId as a } from "../../constants/blockIds.js";
|
|
4
|
-
import { RecommendationControlId as d } from "../../constants/controlIds.js";
|
|
5
|
-
import { CONTAINER_SELECTOR as p } from "../../constants/selectors.js";
|
|
6
|
-
import { preserveTextStyles as T } from "../../utils/preserveTextStyles.js";
|
|
7
|
-
const s = "data-text-before", c = "Lowest 30-day price: ", f = ".omnibus-text-before";
|
|
8
|
-
class N extends l {
|
|
9
|
-
getId() {
|
|
10
|
-
return d.OMNIBUS_PRICE_TEXT_BEFORE;
|
|
11
|
-
}
|
|
12
|
-
getTemplate() {
|
|
13
|
-
return `
|
|
14
|
-
<div class="omnibus-price-text-before-control-container">
|
|
15
|
-
${this._GuTwoColumns([
|
|
16
|
-
this._GuLabel({ text: "Text Before" }),
|
|
17
|
-
this._GuTextInput({
|
|
18
|
-
name: "omnibusPriceTextBefore",
|
|
19
|
-
placeholder: "e.g., Lowest 30-day price: ",
|
|
20
|
-
className: "es-180w"
|
|
21
|
-
})
|
|
22
|
-
])}
|
|
23
|
-
</div>
|
|
24
|
-
`;
|
|
25
|
-
}
|
|
26
|
-
onRender() {
|
|
27
|
-
this._setFormValues(), this._listenToFormUpdates();
|
|
28
|
-
}
|
|
29
|
-
onTemplateNodeUpdated(e) {
|
|
30
|
-
super.onTemplateNodeUpdated(e), this._setFormValues();
|
|
31
|
-
}
|
|
32
|
-
_setFormValues() {
|
|
33
|
-
const e = this._getCurrentText();
|
|
34
|
-
this.api.updateValues({
|
|
35
|
-
omnibusPriceTextBefore: e
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
_getCurrentText() {
|
|
39
|
-
if (!this.currentNode || !("getAttribute" in this.currentNode))
|
|
40
|
-
return c;
|
|
41
|
-
const e = this.currentNode.getAttribute(s);
|
|
42
|
-
return e === null ? c : e;
|
|
43
|
-
}
|
|
44
|
-
_onTextChange(e) {
|
|
45
|
-
if (!this.currentNode || !("closest" in this.currentNode))
|
|
46
|
-
return;
|
|
47
|
-
const t = this.currentNode.closest(p);
|
|
48
|
-
if (!t || !("querySelectorAll" in t))
|
|
49
|
-
return;
|
|
50
|
-
const n = Array.from(
|
|
51
|
-
t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_PRICE}"]`)
|
|
52
|
-
);
|
|
53
|
-
if (!n.length)
|
|
54
|
-
return;
|
|
55
|
-
const o = this.api.getDocumentModifier();
|
|
56
|
-
n.forEach((i) => {
|
|
57
|
-
o.modifyHtml(i).setAttribute(s, e);
|
|
58
|
-
const r = i.querySelector(f);
|
|
59
|
-
if (r) {
|
|
60
|
-
const m = T(r, e);
|
|
61
|
-
o.modifyHtml(r).setInnerHtml(m);
|
|
62
|
-
}
|
|
63
|
-
}), o.apply(new u("Update omnibus price text before"));
|
|
64
|
-
}
|
|
65
|
-
_listenToFormUpdates() {
|
|
66
|
-
this.api.onValueChanged("omnibusPriceTextBefore", (e) => {
|
|
67
|
-
this._onTextChange(e);
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
export {
|
|
72
|
-
N as OmnibusPriceTextBeforeControl
|
|
73
|
-
};
|