@useinsider/guido 3.0.0-beta.de55333 → 3.0.0-beta.e7bc91a
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/i18n/en/tooltips.json.js +2 -1
- 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 +23 -14
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +1 -1
- package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +73 -71
- package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +5 -4
- package/dist/extensions/Blocks/Recommendation/recommendation.css.js +48 -0
- package/dist/extensions/Blocks/Recommendation/utils/tagName.js +6 -6
- package/dist/extensions/Blocks/Unsubscribe/settingsPanel.js +16 -17
- package/dist/extensions/Blocks/common-control.js +12 -4
- package/dist/guido.css +1 -1
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +324 -218
- package/dist/package.json.js +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/utils/tagName.d.ts +3 -3
- package/dist/src/extensions/Blocks/common-control.d.ts +5 -0
- 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/button.css.js +13 -7
- package/dist/static/styles/components/narrow-panel.css.js +52 -0
- package/dist/stores/template.js +15 -0
- package/dist/utils/migrationBannerHtml.js +21 -0
- package/package.json +5 -4
|
@@ -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
|
};
|
|
@@ -75,7 +75,8 @@ const e = {
|
|
|
75
75
|
"The image with the invalid link cannot be saved to the image gallery": "Enter a valid image link to continue.",
|
|
76
76
|
"The data source link is unavailable. Please, make sure there is an access to the data source.": "Enter an accessible Data Source Link to contiue.",
|
|
77
77
|
"The file should not exceed the maximum resolution of {maxImageResolution}px.": "Upload files up to 1024x512 pixels to continue.",
|
|
78
|
-
"The option is disabled because was overridden in the Code editor": "The option is disabled because it was overridden in the Code Editor."
|
|
78
|
+
"The option is disabled because was overridden in the Code editor": "The option is disabled because it was overridden in the Code Editor.",
|
|
79
|
+
"Dropdown with a list of available data services, preliminarily created in the Data section → Services tab of the Account.": "Service for Data Collection lets you enter a form submission URL for the recipients to submit."
|
|
79
80
|
};
|
|
80
81
|
export {
|
|
81
82
|
e as default
|