@useinsider/guido 3.17.0-beta.bdc7d25 → 3.17.0-beta.db1a6f8
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/README.md +5 -5
- package/dist/@types/config/schemas.js +0 -5
- package/dist/components/Guido.vue.js +10 -10
- package/dist/components/Guido.vue2.js +93 -85
- package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js +7 -7
- package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js +76 -39
- package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue.js +17 -0
- package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue2.js +57 -0
- package/dist/components/organisms/extensions/recommendation/StrategyInfoBoxContent.vue.js +11 -11
- package/dist/components/organisms/extensions/recommendation/StrategyInfoBoxContent.vue2.js +56 -6
- package/dist/components/organisms/header/EditorActions.vue.js +1 -1
- package/dist/components/organisms/header/EditorActions.vue2.js +54 -41
- package/dist/composables/useActionsApi.js +82 -67
- package/dist/composables/useAutoSave.js +31 -26
- package/dist/composables/useEditorLock.js +20 -0
- package/dist/composables/useGuidoStateBridge.js +37 -31
- package/dist/composables/useRecommendation.js +29 -30
- package/dist/composables/useSave.js +39 -36
- package/dist/composables/useStripo.js +14 -14
- package/dist/config/i18n/en/labels.json.js +1 -1
- package/dist/config/migrator/index.js +9 -8
- package/dist/config/migrator/recommendation/compositionMapper.js +20 -20
- package/dist/config/migrator/recommendation/extractors.js +29 -24
- package/dist/config/migrator/recommendation/htmlBuilder.js +116 -130
- package/dist/config/migrator/recommendation/settingsMapper.js +0 -2
- package/dist/config/migrator/recommendationMigrator.js +30 -26
- package/dist/config/migrator/recommendationTitleMigrator.js +119 -0
- package/dist/enums/date.js +5 -4
- package/dist/enums/extensions/recommendationBlock.js +0 -1
- package/dist/extensions/Blocks/Recommendation/block.js +12 -11
- package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +1 -1
- package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +1 -1
- package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +24 -24
- package/dist/extensions/Blocks/Recommendation/constants/selectors.js +35 -28
- package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +329 -257
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +180 -133
- package/dist/extensions/Blocks/Recommendation/controls/main/strategy.js +1 -19
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +1 -0
- package/dist/extensions/Blocks/Recommendation/controls/title/index.js +44 -0
- package/dist/extensions/Blocks/Recommendation/extension.js +31 -29
- package/dist/extensions/Blocks/Recommendation/services/configService.js +34 -16
- package/dist/extensions/Blocks/Recommendation/settingsPanel.js +23 -4
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +83 -128
- package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +3 -3
- package/dist/extensions/Blocks/Recommendation/templates/titleRows.js +33 -0
- package/dist/extensions/Blocks/Recommendation/templates/utils.js +85 -107
- package/dist/extensions/Blocks/Recommendation/utils/nodeConfigWriter.js +22 -0
- package/dist/guido.css +1 -1
- package/dist/services/recommendationApi.js +10 -16
- package/dist/src/@types/config/schemas.d.ts +0 -10
- package/dist/src/components/organisms/extensions/recommendation/RemoveStrategyModal.vue.d.ts +2 -0
- package/dist/src/components/organisms/extensions/recommendation/StrategyInfoBoxContent.vue.d.ts +2 -4
- package/dist/src/composables/useEditorLock.d.ts +10 -0
- package/dist/src/config/migrator/recommendation/extractors.d.ts +8 -0
- package/dist/src/config/migrator/recommendationTitleMigrator.d.ts +5 -0
- package/dist/src/enums/date.d.ts +1 -0
- package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +2 -1
- package/dist/src/extensions/Blocks/Recommendation/constants/controlIds.d.ts +7 -0
- package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts +1 -5
- package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +12 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +11 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +1 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +39 -15
- package/dist/src/extensions/Blocks/Recommendation/controls/main/strategy.d.ts +0 -14
- package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +1 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/title/index.d.ts +86 -0
- package/dist/src/extensions/Blocks/Recommendation/services/configService.d.ts +12 -1
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +26 -56
- package/dist/src/extensions/Blocks/Recommendation/templates/titleRows.d.ts +13 -0
- package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +6 -5
- package/dist/src/extensions/Blocks/Recommendation/utils/nodeConfigWriter.d.ts +31 -0
- package/dist/src/mock/api/recommendation-strategies.d.ts +0 -61
- package/dist/src/services/recommendationApi.d.ts +1 -1
- package/dist/src/stores/save-as-template.d.ts +4 -3
- package/dist/src/utils/genericUtil.d.ts +5 -0
- package/dist/static/assets/icons/line-delete.svg.js +2 -2
- package/dist/static/assets/icons/line-plus.svg.js +2 -2
- package/dist/static/styles/components/recommendation-strategy.css.js +2 -35
- package/dist/static/styles/customEditorStyle.css.js +3 -1
- package/dist/utils/dateUtil.js +18 -24
- package/dist/utils/genericUtil.js +28 -27
- package/dist/utils/templatePreparation.js +0 -2
- package/package.json +3 -3
- package/dist/src/utils/strategyInfoBox.d.ts +0 -35
- package/dist/utils/strategyInfoBox.js +0 -68
|
@@ -1,13 +1,63 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
1
|
+
import { defineComponent as f, computed as i } from "vue";
|
|
2
|
+
import { useTranslations as _ } from "../../../../composables/useTranslations.js";
|
|
3
|
+
import { asText as c } from "../../../../utils/genericUtil.js";
|
|
4
|
+
const j = /* @__PURE__ */ f({
|
|
3
5
|
__name: "StrategyInfoBoxContent",
|
|
4
6
|
props: {
|
|
5
|
-
|
|
7
|
+
strategy: null
|
|
6
8
|
},
|
|
7
|
-
setup(
|
|
8
|
-
|
|
9
|
+
setup(p) {
|
|
10
|
+
const a = p, n = _(), s = i(() => n("recommendation-strategy.none")), u = i(() => {
|
|
11
|
+
const e = c(a.strategy.algorithm) === "MIXED" ? n("discovery-strategy.mixed-algorithm") : n("discovery-strategy.single-algorithm"), t = c(a.strategy.algorithm_used).split(",").map((r) => r.trim()).filter(Boolean).map((r) => n(`recommendation-algorithm-names.${r.replaceAll("_", "-").toLowerCase()}`));
|
|
12
|
+
return t.length ? `${e} · ${t.join(", ")}` : e;
|
|
13
|
+
}), d = i(() => [
|
|
14
|
+
[a.strategy.exclude_view, "discovery-strategy.exclude-recently-view-items"],
|
|
15
|
+
[a.strategy.exclude_purchase, "discovery-strategy.exclude-recently-purchased-items"],
|
|
16
|
+
[a.strategy.exclude_cart, "discovery-strategy.exclude-recently-added-cart-items"]
|
|
17
|
+
].filter(([e]) => Number(e) === 1).map(([, e]) => n(e)).join(", ") || s.value), l = (e) => {
|
|
18
|
+
const t = c(e).trim();
|
|
19
|
+
if (!t)
|
|
20
|
+
return "";
|
|
21
|
+
let r;
|
|
22
|
+
try {
|
|
23
|
+
r = JSON.parse(t);
|
|
24
|
+
} catch {
|
|
25
|
+
return t;
|
|
26
|
+
}
|
|
27
|
+
if (Array.isArray(r))
|
|
28
|
+
return r.length ? String(r.length) : "";
|
|
29
|
+
if (r && typeof r == "object") {
|
|
30
|
+
const o = Object.keys(r).length;
|
|
31
|
+
return o ? String(o) : "";
|
|
32
|
+
}
|
|
33
|
+
return t;
|
|
34
|
+
}, m = i(() => l(a.strategy.manual_merchandising) || l(a.strategy.manual_merchandising_products) || s.value), g = (e) => {
|
|
35
|
+
if (Array.isArray(e))
|
|
36
|
+
return e.length;
|
|
37
|
+
const { conditionList: t } = e ?? {};
|
|
38
|
+
return Array.isArray(t) ? t.length : 1;
|
|
39
|
+
}, y = i(() => {
|
|
40
|
+
const e = a.strategy.filters;
|
|
41
|
+
if (!e)
|
|
42
|
+
return s.value;
|
|
43
|
+
try {
|
|
44
|
+
const t = typeof e == "string" ? JSON.parse(e) : e;
|
|
45
|
+
if (!t || typeof t != "object")
|
|
46
|
+
return s.value;
|
|
47
|
+
const r = Object.values(t).reduce((o, v) => o + g(v), 0);
|
|
48
|
+
return r ? String(r) : s.value;
|
|
49
|
+
} catch {
|
|
50
|
+
return s.value;
|
|
51
|
+
}
|
|
52
|
+
}), h = i(() => [
|
|
53
|
+
{ title: n("gpt-app-builder.algorithms-and-method"), value: u.value },
|
|
54
|
+
{ title: n("gpt-app-builder.exclusions"), value: d.value },
|
|
55
|
+
{ title: n("discovery-strategy.filters"), value: y.value },
|
|
56
|
+
{ title: n("action-builder.manual-merchandising"), value: m.value }
|
|
57
|
+
]);
|
|
58
|
+
return { __sfc: !0, props: a, trans: n, none: s, algorithmsAndMethod: u, exclusions: d, asMerchandising: l, manualMerchandising: m, conditionsIn: g, filters: y, details: h };
|
|
9
59
|
}
|
|
10
60
|
});
|
|
11
61
|
export {
|
|
12
|
-
|
|
62
|
+
j as default
|
|
13
63
|
};
|
|
@@ -1,66 +1,79 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useActionsApi as
|
|
3
|
-
import { useConfig as
|
|
4
|
-
import { useExport as
|
|
5
|
-
import { useTestEmailClick as
|
|
6
|
-
import { useHtmlCompiler as
|
|
7
|
-
import { useSave as
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import
|
|
17
|
-
|
|
1
|
+
import { defineComponent as q, ref as l, computed as w } from "vue";
|
|
2
|
+
import { useActionsApi as b } from "../../../composables/useActionsApi.js";
|
|
3
|
+
import { useConfig as k } from "../../../composables/useConfig.js";
|
|
4
|
+
import { useExport as B } from "../../../composables/useExport.js";
|
|
5
|
+
import { useTestEmailClick as D } from "../../../composables/useGuidoActions.js";
|
|
6
|
+
import { useHtmlCompiler as L } from "../../../composables/useHtmlCompiler.js";
|
|
7
|
+
import { useSave as R } from "../../../composables/useSave.js";
|
|
8
|
+
import { useToaster as z } from "../../../composables/useToaster.js";
|
|
9
|
+
import { useTranslations as I } from "../../../composables/useTranslations.js";
|
|
10
|
+
import { useVersionHistoryApi as P } from "../../../composables/useVersionHistoryApi.js";
|
|
11
|
+
import { useLiquidValidator as j } from "../../../composables/validators/useLiquidValidator.js";
|
|
12
|
+
import { useEditorStore as G } from "../../../stores/editor.js";
|
|
13
|
+
import { useTemplateStore as J } from "../../../stores/template.js";
|
|
14
|
+
import { getTooltipOptions as K } from "../../../utils/tooltipUtils.js";
|
|
15
|
+
import { InButtonV2 as N } from "@useinsider/design-system-vue";
|
|
16
|
+
import { storeToRefs as Q } from "pinia";
|
|
17
|
+
import U from "./MigrationConfirmModal.vue.js";
|
|
18
|
+
const ft = /* @__PURE__ */ q({
|
|
18
19
|
__name: "EditorActions",
|
|
19
|
-
setup(
|
|
20
|
-
const { config:
|
|
20
|
+
setup(W, { expose: x }) {
|
|
21
|
+
const { config: m, isFeatureEnabled: c } = k(), { exportHtml: p } = B(), { save: u } = R(), { openVersionHistory: f, closeVersionHistory: d } = P(), { getCompiledEmail: v } = b(), { compileHtml: y } = L(), { validateLiquidSyntax: g } = j(), { handleError: r } = z(), e = G(), h = J(), { hasMigrations: H } = Q(h), s = I(), i = l(!1), a = l(!1), S = l(), V = D(), _ = () => {
|
|
21
22
|
if (e.isVersionHistoryOpen) {
|
|
22
|
-
|
|
23
|
+
d();
|
|
23
24
|
return;
|
|
24
25
|
}
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
i.value = !0, await
|
|
28
|
-
},
|
|
26
|
+
f();
|
|
27
|
+
}, C = async () => {
|
|
28
|
+
i.value = !0, await p(), i.value = !1;
|
|
29
|
+
}, A = () => {
|
|
29
30
|
e.isSaveAsTemplateDrawerOpen = !0;
|
|
30
|
-
},
|
|
31
|
+
}, M = w(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = w(
|
|
31
32
|
() => {
|
|
32
33
|
var t, o;
|
|
33
|
-
return ((o = (t =
|
|
34
|
+
return ((o = (t = m.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
|
|
34
35
|
}
|
|
35
|
-
),
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
), E = async (t) => {
|
|
37
|
+
a.value = !0, t || (e.loadingStatus = !0);
|
|
38
|
+
let o;
|
|
39
|
+
try {
|
|
40
|
+
o = await u(t);
|
|
41
|
+
} catch (n) {
|
|
42
|
+
if (t)
|
|
43
|
+
throw n;
|
|
44
|
+
r(n, "Failed to save template");
|
|
45
|
+
} finally {
|
|
46
|
+
a.value = !1, !t && !o && (e.loadingStatus = !1);
|
|
47
|
+
}
|
|
48
|
+
return o;
|
|
49
|
+
}, T = (t) => {
|
|
40
50
|
var o;
|
|
41
|
-
if (!t &&
|
|
51
|
+
if (!t && H.value) {
|
|
42
52
|
(o = S.value) == null || o.open();
|
|
43
53
|
return;
|
|
44
54
|
}
|
|
45
|
-
return
|
|
46
|
-
},
|
|
47
|
-
if (
|
|
55
|
+
return E(t);
|
|
56
|
+
}, F = async () => {
|
|
57
|
+
if (c("liquidSyntax")) {
|
|
48
58
|
e.loadingStatus = !0;
|
|
49
59
|
try {
|
|
50
|
-
const { html: t } = await
|
|
51
|
-
if (!await
|
|
60
|
+
const { html: t } = await v({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = y(t);
|
|
61
|
+
if (!await g(o))
|
|
52
62
|
return;
|
|
63
|
+
} catch (t) {
|
|
64
|
+
r(t, "Failed to prepare test email");
|
|
65
|
+
return;
|
|
53
66
|
} finally {
|
|
54
67
|
e.loadingStatus = !1;
|
|
55
68
|
}
|
|
56
69
|
}
|
|
57
|
-
|
|
70
|
+
V();
|
|
58
71
|
};
|
|
59
72
|
return x({
|
|
60
|
-
handleSave:
|
|
61
|
-
}), { __sfc: !0, config:
|
|
73
|
+
handleSave: T
|
|
74
|
+
}), { __sfc: !0, config: m, isFeatureEnabled: c, exportHtml: p, save: u, openVersionHistory: f, closeVersionHistory: d, getCompiledEmail: v, compileHtml: y, validateLiquidSyntax: g, handleError: r, editorStore: e, templateStore: h, hasMigrations: H, trans: s, isExporting: i, isSaving: a, migrationModalRef: S, testEmailClick: V, handleVersionHistory: _, handleExport: C, handleSaveAs: A, versionHistoryTooltipText: M, isVersionHistoryButtonVisible: O, executeSave: E, handleSave: T, handleTestEmail: F, getTooltipOptions: K, InButtonV2: N, MigrationConfirmModal: U };
|
|
62
75
|
}
|
|
63
76
|
});
|
|
64
77
|
export {
|
|
65
|
-
|
|
78
|
+
ft as default
|
|
66
79
|
};
|
|
@@ -1,52 +1,68 @@
|
|
|
1
|
-
import { filterAmpErrors as
|
|
2
|
-
import { useToaster as
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
1
|
+
import { filterAmpErrors as v } from "../utils/ampErrorFilter.js";
|
|
2
|
+
import { useToaster as y } from "./useToaster.js";
|
|
3
|
+
const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
|
|
4
|
+
const w = setTimeout(
|
|
5
|
+
() => m(new Error(`${n} did not report completion within ${l}ms`)),
|
|
6
|
+
l
|
|
7
|
+
), p = (A) => (t) => {
|
|
8
|
+
clearTimeout(w), A(t);
|
|
9
|
+
};
|
|
10
|
+
u(p(T), p(m));
|
|
11
|
+
}), I = () => {
|
|
12
|
+
const { handleError: n } = y(), l = (t = {}) => s(
|
|
13
|
+
"compileEmail",
|
|
14
|
+
d,
|
|
15
|
+
(e, a) => {
|
|
16
|
+
const o = { ...{
|
|
17
|
+
minimize: !0,
|
|
18
|
+
utmEntity: {
|
|
19
|
+
utmSource: "",
|
|
20
|
+
utmMedium: "",
|
|
21
|
+
utmCampaign: "",
|
|
22
|
+
utmContent: "",
|
|
23
|
+
utmTerm: "",
|
|
24
|
+
customUtms: [
|
|
25
|
+
{
|
|
26
|
+
name1: "val1",
|
|
27
|
+
name2: "val2"
|
|
28
|
+
}
|
|
29
|
+
]
|
|
30
|
+
},
|
|
31
|
+
mergeTags: ["Tag1", "Tag2"],
|
|
32
|
+
forceAmp: !1,
|
|
33
|
+
resetDataSavedFlag: !1,
|
|
34
|
+
disableLineHeightsReplace: !0
|
|
35
|
+
}, ...t }, c = {
|
|
36
|
+
callback: (r, C, f, S, g) => {
|
|
37
|
+
r ? a(r) : e({
|
|
38
|
+
html: C,
|
|
39
|
+
ampHtml: f,
|
|
40
|
+
ampErrors: v(S ?? []),
|
|
41
|
+
displayConditions: g
|
|
42
|
+
});
|
|
43
|
+
},
|
|
44
|
+
...o
|
|
45
|
+
};
|
|
46
|
+
window.StripoEditorApi.actionsApi.compileEmail(c);
|
|
47
|
+
}
|
|
48
|
+
);
|
|
37
49
|
return {
|
|
38
50
|
getCompiledEmail: l,
|
|
39
|
-
getTemplateData: () =>
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
width: o,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
51
|
+
getTemplateData: () => s(
|
|
52
|
+
"getTemplateData",
|
|
53
|
+
d,
|
|
54
|
+
(t) => {
|
|
55
|
+
const e = ({ html: a, css: i, width: o, height: E, utmParams: c, syncModulesIds: r }) => t({
|
|
56
|
+
html: a,
|
|
57
|
+
css: i,
|
|
58
|
+
width: o,
|
|
59
|
+
height: E,
|
|
60
|
+
utmParams: c,
|
|
61
|
+
syncModulesIds: r
|
|
62
|
+
});
|
|
63
|
+
window.StripoEditorApi.actionsApi.getTemplateData(e);
|
|
64
|
+
}
|
|
65
|
+
),
|
|
50
66
|
activateCustomViewStyles: (t = !0) => {
|
|
51
67
|
window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
|
|
52
68
|
},
|
|
@@ -65,7 +81,7 @@ const p = 1e4, D = () => {
|
|
|
65
81
|
displayConditions: a
|
|
66
82
|
};
|
|
67
83
|
} catch (e) {
|
|
68
|
-
return
|
|
84
|
+
return n(e, "Error loading preview"), {
|
|
69
85
|
html: "",
|
|
70
86
|
ampHtml: "",
|
|
71
87
|
ampErrors: [],
|
|
@@ -81,34 +97,33 @@ const p = 1e4, D = () => {
|
|
|
81
97
|
}
|
|
82
98
|
try {
|
|
83
99
|
window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
|
|
84
|
-
i ? (
|
|
100
|
+
i ? (n(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
|
|
85
101
|
});
|
|
86
102
|
} catch (i) {
|
|
87
|
-
|
|
103
|
+
n(i, "Failed to call updateTimerInClonedTemplate"), t(null);
|
|
88
104
|
}
|
|
89
105
|
}),
|
|
90
106
|
updateHtmlAndCss: (t, e) => {
|
|
91
107
|
const { actionsApi: a } = window.StripoEditorApi;
|
|
92
|
-
return
|
|
93
|
-
|
|
94
|
-
`updateHtmlAndCss did not report completion within ${p}ms`
|
|
95
|
-
), n = setTimeout(() => o(s), p);
|
|
96
|
-
a.updateHtmlAndCss(t, e, () => {
|
|
97
|
-
clearTimeout(n), i();
|
|
98
|
-
});
|
|
108
|
+
return s("updateHtmlAndCss", D, (i) => {
|
|
109
|
+
a.updateHtmlAndCss(t, e, () => i());
|
|
99
110
|
});
|
|
100
111
|
},
|
|
101
|
-
editorSave: () =>
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
112
|
+
editorSave: () => s(
|
|
113
|
+
"save",
|
|
114
|
+
d,
|
|
115
|
+
(t) => {
|
|
116
|
+
window.StripoEditorApi.actionsApi.save((e) => {
|
|
117
|
+
if (e) {
|
|
118
|
+
n(e, "Failed to save template"), t(!1);
|
|
119
|
+
return;
|
|
120
|
+
}
|
|
121
|
+
t(!0);
|
|
122
|
+
});
|
|
123
|
+
}
|
|
124
|
+
)
|
|
110
125
|
};
|
|
111
126
|
};
|
|
112
127
|
export {
|
|
113
|
-
|
|
128
|
+
I as useActionsApi
|
|
114
129
|
};
|
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
import { useConfig as
|
|
1
|
+
import { useConfig as E } from "./useConfig.js";
|
|
2
|
+
import { useEditorLock as p } from "./useEditorLock.js";
|
|
2
3
|
import { useAutosaveStore as A, AUTOSAVE_STATUS as s } from "../stores/autosave.js";
|
|
3
|
-
import { useEditorStore as
|
|
4
|
-
import { computed as
|
|
5
|
-
const
|
|
6
|
-
const { isFeatureEnabled: S } =
|
|
4
|
+
import { useEditorStore as f } from "../stores/editor.js";
|
|
5
|
+
import { computed as y, watch as I, onUnmounted as L } from "vue";
|
|
6
|
+
const w = 18e4, v = 6e4, R = (b) => {
|
|
7
|
+
const { isFeatureEnabled: S } = E(), o = f(), t = A(), { isEditorBusy: g } = p();
|
|
7
8
|
let i = null, c = 0;
|
|
8
|
-
const u =
|
|
9
|
+
const u = y(
|
|
9
10
|
() => S("autosave") && t.isOn
|
|
10
|
-
),
|
|
11
|
-
hasChanges:
|
|
12
|
-
isInSaveableState:
|
|
13
|
-
}),
|
|
11
|
+
), m = () => o.hasChanges && o.isInSaveableState, h = () => ({
|
|
12
|
+
hasChanges: o.hasChanges,
|
|
13
|
+
isInSaveableState: o.isInSaveableState
|
|
14
|
+
}), r = async (e) => {
|
|
14
15
|
if (!u.value) {
|
|
15
16
|
console.debug("guido:autosave:skipped", { trigger: e, reason: "not-active" });
|
|
16
17
|
return;
|
|
17
18
|
}
|
|
18
|
-
if (!
|
|
19
|
+
if (!m()) {
|
|
19
20
|
console.debug("guido:autosave:skipped", { trigger: e, reason: "gates-blocked", gates: h() });
|
|
20
21
|
return;
|
|
21
22
|
}
|
|
@@ -23,15 +24,19 @@ const I = 18e4, r = 6e4, T = (b) => {
|
|
|
23
24
|
console.debug("guido:autosave:skipped", { trigger: e, reason: "already-saving" });
|
|
24
25
|
return;
|
|
25
26
|
}
|
|
27
|
+
if (g()) {
|
|
28
|
+
console.debug("guido:autosave:skipped", { trigger: e, reason: "editor-busy" });
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
26
31
|
console.debug("guido:autosave:save-start", { trigger: e }), t.status = s.SAVING;
|
|
27
32
|
try {
|
|
28
33
|
if (await b() === void 0) {
|
|
29
34
|
console.debug("guido:autosave:blocked", { trigger: e, reason: "save-returned-undefined" }), t.status = s.ERROR;
|
|
30
35
|
return;
|
|
31
36
|
}
|
|
32
|
-
|
|
33
|
-
} catch (
|
|
34
|
-
console.debug("guido:autosave:error", { trigger: e, error:
|
|
37
|
+
o.hasChanges = !1, t.status = s.SAVED, t.lastSavedAt = /* @__PURE__ */ new Date(), console.debug("guido:autosave:save-complete", { trigger: e, at: t.lastSavedAt });
|
|
38
|
+
} catch (a) {
|
|
39
|
+
console.debug("guido:autosave:error", { trigger: e, error: a }), t.status = s.ERROR;
|
|
35
40
|
}
|
|
36
41
|
}, n = () => {
|
|
37
42
|
const { visibilityState: e } = document;
|
|
@@ -40,32 +45,32 @@ const I = 18e4, r = 6e4, T = (b) => {
|
|
|
40
45
|
isActive: u.value
|
|
41
46
|
}), e !== "hidden")
|
|
42
47
|
return;
|
|
43
|
-
const
|
|
44
|
-
if (
|
|
48
|
+
const a = Date.now() - c;
|
|
49
|
+
if (a < v) {
|
|
45
50
|
console.debug("guido:autosave:visibility-debounced", {
|
|
46
|
-
sinceLastMs:
|
|
47
|
-
debounceMs:
|
|
51
|
+
sinceLastMs: a,
|
|
52
|
+
debounceMs: v
|
|
48
53
|
});
|
|
49
54
|
return;
|
|
50
55
|
}
|
|
51
|
-
c = Date.now(),
|
|
56
|
+
c = Date.now(), r("visibility");
|
|
52
57
|
}, d = () => {
|
|
53
58
|
i && (clearInterval(i), i = null);
|
|
54
|
-
},
|
|
59
|
+
}, l = () => {
|
|
55
60
|
document.removeEventListener("visibilitychange", n), window.removeEventListener("pagehide", n);
|
|
56
61
|
};
|
|
57
|
-
|
|
62
|
+
I(
|
|
58
63
|
u,
|
|
59
64
|
(e) => {
|
|
60
65
|
console.debug("guido:autosave:active-changed", { active: e }), e ? (d(), i = setInterval(() => {
|
|
61
|
-
console.debug("guido:autosave:interval-tick"),
|
|
62
|
-
},
|
|
66
|
+
console.debug("guido:autosave:interval-tick"), r("interval");
|
|
67
|
+
}, w), document.addEventListener("visibilitychange", n), window.addEventListener("pagehide", n)) : (d(), l(), t.status = s.IDLE);
|
|
63
68
|
},
|
|
64
69
|
{ immediate: !0 }
|
|
65
|
-
),
|
|
66
|
-
d(),
|
|
70
|
+
), L(() => {
|
|
71
|
+
d(), l(), t.status = s.IDLE, t.lastSavedAt = null;
|
|
67
72
|
});
|
|
68
73
|
};
|
|
69
74
|
export {
|
|
70
|
-
|
|
75
|
+
R as useAutoSave
|
|
71
76
|
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
let o = Promise.resolve(), n = 0, e = 0;
|
|
2
|
+
const s = () => n > 0, c = () => (e += 1, e), u = (t) => t > 0 && t === e, i = (t) => {
|
|
3
|
+
const r = o.then(async () => {
|
|
4
|
+
n += 1;
|
|
5
|
+
try {
|
|
6
|
+
return await t();
|
|
7
|
+
} finally {
|
|
8
|
+
n -= 1;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
return o = r.catch(() => {
|
|
12
|
+
}), r;
|
|
13
|
+
}, a = () => ({ runExclusive: i, isEditorBusy: s, beginMount: c, isCurrentMount: u });
|
|
14
|
+
export {
|
|
15
|
+
c as beginMount,
|
|
16
|
+
u as isCurrentMount,
|
|
17
|
+
s as isEditorBusy,
|
|
18
|
+
i as runExclusive,
|
|
19
|
+
a as useEditorLock
|
|
20
|
+
};
|
|
@@ -1,48 +1,54 @@
|
|
|
1
|
-
import { useActionsApi as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import { useActionsApi as b } from "./useActionsApi.js";
|
|
2
|
+
import { useEditorLock as v } from "./useEditorLock.js";
|
|
3
|
+
import { useConfigStore as T } from "../stores/config.js";
|
|
4
|
+
import { useEditorStore as w } from "../stores/editor.js";
|
|
5
|
+
import { useGuidoEmailEditorStore as y } from "../stores/guido-email-editor.js";
|
|
6
|
+
import { watch as a, onUnmounted as B } from "vue";
|
|
7
|
+
const C = 500, L = () => {
|
|
8
|
+
const i = w(), u = y(), l = T(), { getTemplateData: d } = b(), { runExclusive: m, isEditorBusy: p } = v();
|
|
9
|
+
let o = null, s = !1;
|
|
10
|
+
const n = () => {
|
|
11
|
+
o && (clearTimeout(o), o = null);
|
|
12
|
+
}, c = (t) => {
|
|
13
|
+
n(), o = setTimeout(() => {
|
|
14
|
+
o = null, t();
|
|
15
|
+
}, C);
|
|
16
|
+
}, e = async () => {
|
|
17
|
+
var t, r;
|
|
18
|
+
if (!(s || !i.isStripoInitialized)) {
|
|
19
|
+
if (p()) {
|
|
20
|
+
c(() => void e());
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
14
23
|
try {
|
|
15
|
-
const { html:
|
|
16
|
-
if (
|
|
24
|
+
const { html: E, css: g } = await m(d), I = ((r = (t = l.config) == null ? void 0 : t.identity) == null ? void 0 : r.templateId) ?? "";
|
|
25
|
+
if (s)
|
|
17
26
|
return;
|
|
18
|
-
|
|
19
|
-
html:
|
|
20
|
-
css:
|
|
21
|
-
templateId:
|
|
27
|
+
u.$patch({
|
|
28
|
+
html: E ?? "",
|
|
29
|
+
css: g ?? "",
|
|
30
|
+
templateId: I,
|
|
22
31
|
lastUpdatedAt: Date.now()
|
|
23
32
|
});
|
|
24
33
|
} catch {
|
|
25
34
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
e = null, s();
|
|
29
|
-
}, w);
|
|
30
|
-
}, d = c(
|
|
35
|
+
}
|
|
36
|
+
}, f = () => c(() => void e()), h = a(
|
|
31
37
|
() => i.isStripoInitialized,
|
|
32
38
|
(t) => {
|
|
33
|
-
t &&
|
|
39
|
+
t && e();
|
|
34
40
|
},
|
|
35
41
|
{ immediate: !0 }
|
|
36
|
-
),
|
|
42
|
+
), S = a(
|
|
37
43
|
() => i.hasChanges,
|
|
38
|
-
(t,
|
|
39
|
-
i.isStripoInitialized && (t ?
|
|
44
|
+
(t, r) => {
|
|
45
|
+
i.isStripoInitialized && (t ? f() : r && (n(), e()));
|
|
40
46
|
}
|
|
41
47
|
);
|
|
42
|
-
|
|
43
|
-
|
|
48
|
+
B(() => {
|
|
49
|
+
s = !0, n(), h(), S();
|
|
44
50
|
});
|
|
45
51
|
};
|
|
46
52
|
export {
|
|
47
|
-
|
|
53
|
+
L as useGuidoStateBridge
|
|
48
54
|
};
|