@useinsider/guido 3.18.2-beta.a904ffc → 3.18.2-beta.ac0d92e
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/Guido.vue.js +3 -3
- package/dist/components/Guido.vue2.js +67 -61
- package/dist/composables/useActionsApi.js +24 -20
- package/dist/composables/useCortexBlueprintBridge.js +115 -54
- package/dist/composables/useEmailTemplateApplier.js +93 -50
- package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +4 -4
- package/dist/extensions/Blocks/Recommendation/recommendation.css.js +3 -6
- package/dist/guido.css +1 -1
- package/dist/src/composables/useCortexBlueprintBridge.d.ts +4 -3
- package/dist/src/composables/useEmailTemplateApplier.d.ts +22 -2
- package/dist/src/stores/guido-email-editor.d.ts +29 -7
- package/dist/stores/guido-email-editor.js +5 -1
- package/package.json +1 -1
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { defineComponent as ne, defineAsyncComponent as
|
|
2
|
-
import { useCortexBlueprintBridge as
|
|
3
|
-
import { useEditorLock as
|
|
1
|
+
import { defineComponent as ne, defineAsyncComponent as u, ref as P, computed as p, watch as x, onMounted as re, onUnmounted as se } from "vue";
|
|
2
|
+
import { useCortexBlueprintBridge as ie } from "../composables/useCortexBlueprintBridge.js";
|
|
3
|
+
import { useEditorLock as ae } from "../composables/useEditorLock.js";
|
|
4
4
|
import { provideGuidoActions as ce } from "../composables/useGuidoActions.js";
|
|
5
5
|
import { useGuidoStateBridge as de } from "../composables/useGuidoStateBridge.js";
|
|
6
6
|
import { usePartner as me } from "../composables/usePartner.js";
|
|
7
7
|
import { useStripo as le } from "../composables/useStripo.js";
|
|
8
8
|
import { useTimerClone as ue } from "../composables/useTimerClone.js";
|
|
9
|
-
import { migrate as
|
|
10
|
-
import { ModuleFolderDefaults as
|
|
9
|
+
import { migrate as W } from "../config/migrator/index.js";
|
|
10
|
+
import { ModuleFolderDefaults as G } from "../enums/defaults.js";
|
|
11
11
|
import { RIBBON_SELECTOR as pe } from "../enums/onboarding.js";
|
|
12
|
-
import { useRecommendationExtensionStore as
|
|
12
|
+
import { useRecommendationExtensionStore as z } from "../extensions/Blocks/Recommendation/store/recommendation.js";
|
|
13
13
|
import fe from "./organisms/AutoSaveController.vue.js";
|
|
14
14
|
import ye from "./organisms/base/Toaster.vue.js";
|
|
15
15
|
import ge from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
|
|
16
16
|
import ve from "./organisms/header/HeaderWrapper.vue.js";
|
|
17
17
|
import Se from "./organisms/LoadingWrapper.vue.js";
|
|
18
|
-
import
|
|
19
|
-
import
|
|
18
|
+
import he from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
|
|
19
|
+
import be from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
|
|
20
20
|
import { useStripoApi as Ee } from "../services/stripoApi.js";
|
|
21
21
|
import { useConfigStore as we } from "../stores/config.js";
|
|
22
22
|
import { useDynamicContentStore as Ce } from "../stores/dynamic-content.js";
|
|
23
|
-
import { useEditorStore as
|
|
23
|
+
import { useEditorStore as E } from "../stores/editor.js";
|
|
24
24
|
import { usePreviewStore as De } from "../stores/preview.js";
|
|
25
25
|
import { useTemplateStore as ke } from "../stores/template.js";
|
|
26
|
-
import { useUnsubscribeStore as
|
|
27
|
-
import { readTrackFloor as
|
|
26
|
+
import { useUnsubscribeStore as Fe } from "../stores/unsubscribe.js";
|
|
27
|
+
import { readTrackFloor as H } from "../utils/linkTrackingIds.js";
|
|
28
28
|
const et = /* @__PURE__ */ ne({
|
|
29
29
|
__name: "Guido",
|
|
30
30
|
props: {
|
|
@@ -32,41 +32,41 @@ const et = /* @__PURE__ */ ne({
|
|
|
32
32
|
ready: { type: Boolean, default: !0 }
|
|
33
33
|
},
|
|
34
34
|
emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
|
|
35
|
-
setup(
|
|
36
|
-
const
|
|
35
|
+
setup($, { expose: q, emit: r }) {
|
|
36
|
+
const i = $, K = u(
|
|
37
37
|
() => import("./organisms/email-preview/PreviewContainer.vue.js")
|
|
38
|
-
), V =
|
|
38
|
+
), V = u(
|
|
39
39
|
() => import("./organisms/onboarding/OnboardingWrapper.vue.js")
|
|
40
|
-
), j =
|
|
40
|
+
), j = u(
|
|
41
41
|
() => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
|
|
42
|
-
), J =
|
|
42
|
+
), J = u(
|
|
43
43
|
() => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
|
|
44
|
-
),
|
|
45
|
-
|
|
46
|
-
const c =
|
|
44
|
+
), w = P(), f = P(), y = Ce(), C = Fe(), o = we();
|
|
45
|
+
i.ready && o.init(i.config);
|
|
46
|
+
const c = E(), Q = De(), m = p(() => c.hasChanges), { isTestPartner: X } = me(), D = () => {
|
|
47
47
|
var t;
|
|
48
|
-
return (t =
|
|
49
|
-
},
|
|
48
|
+
return (t = w.value) == null ? void 0 : t.handleSave(!0);
|
|
49
|
+
}, k = (t) => {
|
|
50
50
|
c.loadingStatus = t;
|
|
51
51
|
};
|
|
52
|
-
|
|
53
|
-
const
|
|
52
|
+
ie(), de();
|
|
53
|
+
const g = () => {
|
|
54
54
|
var t, e;
|
|
55
55
|
return {
|
|
56
56
|
emailId: o.templateId,
|
|
57
57
|
userId: o.userId,
|
|
58
58
|
username: o.username,
|
|
59
59
|
partnerName: o.partnerName,
|
|
60
|
-
savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) ||
|
|
61
|
-
defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) ||
|
|
60
|
+
savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || G.SAVED_MODULES,
|
|
61
|
+
defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || G.DEFAULT_MODULES
|
|
62
62
|
};
|
|
63
|
-
}, { initPlugin:
|
|
64
|
-
let
|
|
65
|
-
const { getDefaultTemplate:
|
|
63
|
+
}, { initPlugin: F, preloadRuntime: T } = le(), { runExclusive: I, beginMount: M, isCurrentMount: v } = ae();
|
|
64
|
+
let l = 0;
|
|
65
|
+
const { getDefaultTemplate: R } = Ee(), { cloneTimersOnSave: L, hasTimerBlocks: B } = ue(), Y = p(() => {
|
|
66
66
|
var t;
|
|
67
67
|
return !((t = o.ui) != null && t.showHeader);
|
|
68
|
-
}), Z =
|
|
69
|
-
() => !!
|
|
68
|
+
}), Z = p(() => o.isFeatureEnabled("reusableRecommendationStrategy")), ee = p(
|
|
69
|
+
() => !!z().recommendationConfigs.strategyId
|
|
70
70
|
);
|
|
71
71
|
ce({
|
|
72
72
|
onBack: () => {
|
|
@@ -76,70 +76,76 @@ const et = /* @__PURE__ */ ne({
|
|
|
76
76
|
console.debug("guido:save:start"), r("save:start");
|
|
77
77
|
},
|
|
78
78
|
onSaveComplete: (t) => {
|
|
79
|
-
const e = { ...t, metadata:
|
|
79
|
+
const e = { ...t, metadata: g() };
|
|
80
80
|
console.debug("guido:save:complete", e), r("save:complete", e);
|
|
81
81
|
},
|
|
82
82
|
onTestEmailClick: () => {
|
|
83
83
|
console.debug("guido:test-email:click"), r("test-email:click");
|
|
84
84
|
}
|
|
85
85
|
});
|
|
86
|
-
const
|
|
87
|
-
console.debug("dynamic-content:close", t),
|
|
88
|
-
},
|
|
86
|
+
const A = (t) => {
|
|
87
|
+
console.debug("dynamic-content:close", t), y.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
|
|
88
|
+
}, U = () => {
|
|
89
89
|
console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
|
|
90
90
|
};
|
|
91
|
-
|
|
91
|
+
x(() => m.value, () => {
|
|
92
92
|
r("on-change", m.value);
|
|
93
93
|
});
|
|
94
|
-
const
|
|
94
|
+
const S = (t) => {
|
|
95
95
|
const e = t, { attribute: s, position: d } = e.detail;
|
|
96
96
|
console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", s, d);
|
|
97
97
|
};
|
|
98
|
-
let
|
|
99
|
-
const
|
|
98
|
+
let a = null;
|
|
99
|
+
const h = () => {
|
|
100
100
|
var e;
|
|
101
101
|
const t = document.querySelector(pe);
|
|
102
|
-
(e =
|
|
102
|
+
(e = f.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
|
|
103
103
|
}, b = async () => {
|
|
104
104
|
var t;
|
|
105
105
|
try {
|
|
106
|
-
o.initialized || o.init(
|
|
107
|
-
const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "",
|
|
108
|
-
|
|
109
|
-
const
|
|
106
|
+
o.initialized || o.init(i.config), c.templateId = o.templateId;
|
|
107
|
+
const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", _ = (e == null ? void 0 : e.preselectedDynamicContent) || [];
|
|
108
|
+
C.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
|
|
109
|
+
const N = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, O = o.isFeatureEnabled("linkTrackingIds");
|
|
110
110
|
let n = {
|
|
111
|
-
html: s && await
|
|
111
|
+
html: s && await W(s, N),
|
|
112
112
|
css: d
|
|
113
113
|
};
|
|
114
|
-
n.html || (n = await
|
|
115
|
-
const te =
|
|
116
|
-
|
|
114
|
+
n.html || (n = await R(), n.html = await W(n.html, N));
|
|
115
|
+
const te = O ? H(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
|
|
116
|
+
B(n.html) && (n.html = await L(n.html)), O && (c.trackIdSessionFloor = Math.max(te, H(n.html)));
|
|
117
117
|
const oe = {
|
|
118
|
-
preselectedDynamicContentList:
|
|
118
|
+
preselectedDynamicContentList: _,
|
|
119
119
|
onReady: () => {
|
|
120
120
|
console.debug("guido:ready"), r("ready");
|
|
121
121
|
}
|
|
122
122
|
};
|
|
123
|
-
|
|
123
|
+
l = M(), await F(n, g(), oe), y.selectedDynamicContentList = _;
|
|
124
124
|
} catch (e) {
|
|
125
125
|
console.error("Failed to initialize Stripo editor:", e);
|
|
126
126
|
}
|
|
127
127
|
};
|
|
128
128
|
return re(async () => {
|
|
129
129
|
var e;
|
|
130
|
-
console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"),
|
|
131
|
-
const t = (e =
|
|
132
|
-
if (t && (
|
|
130
|
+
console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), z().$reset(), E().$reset(), ke().$reset(), h();
|
|
131
|
+
const t = (e = f.value) == null ? void 0 : e.parentElement;
|
|
132
|
+
if (t && (a = new ResizeObserver(h), a.observe(t)), T(), i.ready)
|
|
133
133
|
await b();
|
|
134
134
|
else {
|
|
135
|
-
const s =
|
|
135
|
+
const s = x(() => i.ready, (d) => {
|
|
136
136
|
d && (s(), b());
|
|
137
137
|
});
|
|
138
138
|
}
|
|
139
|
-
document.addEventListener("dynamic-content:open",
|
|
139
|
+
document.addEventListener("dynamic-content:open", S);
|
|
140
140
|
}), se(() => {
|
|
141
|
-
|
|
142
|
-
|
|
141
|
+
if (a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", S), v(l))
|
|
142
|
+
try {
|
|
143
|
+
E().isStripoInitialized = !1;
|
|
144
|
+
} catch (t) {
|
|
145
|
+
console.debug("Failed to close the editor readiness gate on unmount", t);
|
|
146
|
+
}
|
|
147
|
+
I(async () => {
|
|
148
|
+
if (v(l))
|
|
143
149
|
try {
|
|
144
150
|
window.UIEditor.removeEditor();
|
|
145
151
|
} catch {
|
|
@@ -148,13 +154,13 @@ const et = /* @__PURE__ */ ne({
|
|
|
148
154
|
}), o.reset();
|
|
149
155
|
}), q({
|
|
150
156
|
dynamicContent: {
|
|
151
|
-
insert:
|
|
152
|
-
close:
|
|
157
|
+
insert: A,
|
|
158
|
+
close: U
|
|
153
159
|
},
|
|
154
160
|
hasChanges: m,
|
|
155
|
-
saveSilent:
|
|
156
|
-
setLoading:
|
|
157
|
-
}), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, headerWrapperRef:
|
|
161
|
+
saveSilent: D,
|
|
162
|
+
setLoading: k
|
|
163
|
+
}), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, headerWrapperRef: w, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: C, props: i, configStore: o, editorStore: c, previewStore: Q, hasChanges: m, isTestPartner: X, saveSilent: D, setLoading: k, emit: r, buildMetadata: g, initPlugin: F, preloadRuntime: T, runExclusive: I, beginMount: M, isCurrentMount: v, mountGeneration: l, getDefaultTemplate: R, cloneTimersOnSave: L, hasTimerBlocks: B, noHeader: Y, isRrsEnabled: Z, hasAssignedStrategy: ee, insertDynamicContent: A, closeDynamicContent: U, handleDynamicContentOpen: S, ribbonObserver: a, updateRibbonOffset: h, startEditor: b, AutoSaveController: fe, Toaster: ye, FilterSelectionDrawer: ge, HeaderWrapper: ve, LoadingWrapper: Se, SaveAsTemplateDrawer: he, UnsubscribeWrapper: be };
|
|
158
164
|
}
|
|
159
165
|
});
|
|
160
166
|
export {
|
|
@@ -1,17 +1,21 @@
|
|
|
1
1
|
import { filterAmpErrors as v } from "../utils/ampErrorFilter.js";
|
|
2
2
|
import { useToaster as y } from "./useToaster.js";
|
|
3
|
-
const D = 1e4,
|
|
4
|
-
const
|
|
5
|
-
() =>
|
|
3
|
+
const D = 1e4, T = 3e4, p = (n, l, w) => new Promise((A, s) => {
|
|
4
|
+
const c = setTimeout(
|
|
5
|
+
() => s(new Error(`${n} did not report completion within ${l}ms`)),
|
|
6
6
|
l
|
|
7
|
-
),
|
|
8
|
-
clearTimeout(
|
|
7
|
+
), d = (r) => (t) => {
|
|
8
|
+
clearTimeout(c), r(t);
|
|
9
9
|
};
|
|
10
|
-
|
|
10
|
+
try {
|
|
11
|
+
w(d(A), d(s));
|
|
12
|
+
} catch (r) {
|
|
13
|
+
clearTimeout(c), s(r instanceof Error ? r : new Error(String(r)));
|
|
14
|
+
}
|
|
11
15
|
}), I = () => {
|
|
12
|
-
const { handleError: n } = y(), l = (t = {}) =>
|
|
16
|
+
const { handleError: n } = y(), l = (t = {}) => p(
|
|
13
17
|
"compileEmail",
|
|
14
|
-
|
|
18
|
+
T,
|
|
15
19
|
(e, a) => {
|
|
16
20
|
const o = { ...{
|
|
17
21
|
minimize: !0,
|
|
@@ -32,9 +36,9 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
|
|
|
32
36
|
forceAmp: !1,
|
|
33
37
|
resetDataSavedFlag: !1,
|
|
34
38
|
disableLineHeightsReplace: !0
|
|
35
|
-
}, ...t },
|
|
36
|
-
callback: (
|
|
37
|
-
|
|
39
|
+
}, ...t }, u = {
|
|
40
|
+
callback: (m, C, f, S, g) => {
|
|
41
|
+
m ? a(m) : e({
|
|
38
42
|
html: C,
|
|
39
43
|
ampHtml: f,
|
|
40
44
|
ampErrors: v(S ?? []),
|
|
@@ -43,22 +47,22 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
|
|
|
43
47
|
},
|
|
44
48
|
...o
|
|
45
49
|
};
|
|
46
|
-
window.StripoEditorApi.actionsApi.compileEmail(
|
|
50
|
+
window.StripoEditorApi.actionsApi.compileEmail(u);
|
|
47
51
|
}
|
|
48
52
|
);
|
|
49
53
|
return {
|
|
50
54
|
getCompiledEmail: l,
|
|
51
|
-
getTemplateData: () =>
|
|
55
|
+
getTemplateData: () => p(
|
|
52
56
|
"getTemplateData",
|
|
53
|
-
|
|
57
|
+
T,
|
|
54
58
|
(t) => {
|
|
55
|
-
const e = ({ html: a, css: i, width: o, height: E, utmParams:
|
|
59
|
+
const e = ({ html: a, css: i, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
|
|
56
60
|
html: a,
|
|
57
61
|
css: i,
|
|
58
62
|
width: o,
|
|
59
63
|
height: E,
|
|
60
|
-
utmParams:
|
|
61
|
-
syncModulesIds:
|
|
64
|
+
utmParams: u,
|
|
65
|
+
syncModulesIds: m
|
|
62
66
|
});
|
|
63
67
|
window.StripoEditorApi.actionsApi.getTemplateData(e);
|
|
64
68
|
}
|
|
@@ -105,13 +109,13 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
|
|
|
105
109
|
}),
|
|
106
110
|
updateHtmlAndCss: (t, e) => {
|
|
107
111
|
const { actionsApi: a } = window.StripoEditorApi;
|
|
108
|
-
return
|
|
112
|
+
return p("updateHtmlAndCss", D, (i) => {
|
|
109
113
|
a.updateHtmlAndCss(t, e, () => i());
|
|
110
114
|
});
|
|
111
115
|
},
|
|
112
|
-
editorSave: () =>
|
|
116
|
+
editorSave: () => p(
|
|
113
117
|
"save",
|
|
114
|
-
|
|
118
|
+
T,
|
|
115
119
|
(t) => {
|
|
116
120
|
window.StripoEditorApi.actionsApi.save((e) => {
|
|
117
121
|
if (e) {
|
|
@@ -1,70 +1,131 @@
|
|
|
1
|
-
import { useEmailTemplateApplier as
|
|
2
|
-
import { useToaster as
|
|
3
|
-
import { useTranslations as
|
|
4
|
-
import { ToasterTypeOptions as
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
1
|
+
import { useEmailTemplateApplier as k, resetEmailTemplateApplier as N } from "./useEmailTemplateApplier.js";
|
|
2
|
+
import { useToaster as X } from "./useToaster.js";
|
|
3
|
+
import { useTranslations as j } from "./useTranslations.js";
|
|
4
|
+
import { ToasterTypeOptions as z } from "../enums/toaster.js";
|
|
5
|
+
import { useGuidoEmailEditorStore as J } from "../stores/guido-email-editor.js";
|
|
6
|
+
import { getActivePinia as Q } from "pinia";
|
|
7
|
+
import { onUnmounted as V, watch as Z } from "vue";
|
|
8
|
+
const W = "email_template", tt = "chat", et = "guido:debug:ai", rt = 2, nt = 500, ot = (A, p) => `${A}:${p ?? 1}`;
|
|
9
|
+
let v = null;
|
|
10
|
+
const it = () => {
|
|
8
11
|
if (typeof window > "u")
|
|
9
12
|
return !1;
|
|
10
13
|
try {
|
|
11
|
-
return window.localStorage.getItem(
|
|
14
|
+
return window.localStorage.getItem(et) === "1";
|
|
12
15
|
} catch {
|
|
13
16
|
return !1;
|
|
14
17
|
}
|
|
15
|
-
},
|
|
16
|
-
const
|
|
17
|
-
if (!
|
|
18
|
+
}, ft = () => {
|
|
19
|
+
const A = Q();
|
|
20
|
+
if (!A)
|
|
18
21
|
return;
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
},
|
|
28
|
-
if (
|
|
22
|
+
const p = J(), y = Symbol("cortexBlueprintBridge");
|
|
23
|
+
v = y, p.$patch((t) => {
|
|
24
|
+
t.bridgeActive = !0;
|
|
25
|
+
});
|
|
26
|
+
const { markPending: x, applyTemplate: F, applyTemplateDebounced: I } = k(), { showToaster: C } = X(), H = j(), h = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Set(), M = it();
|
|
27
|
+
let T = null, b = null, f;
|
|
28
|
+
const O = (t, e) => {
|
|
29
|
+
M && console.debug(`[guido:cortex] msg=${t ?? "?"} type=${(e == null ? void 0 : e.type) ?? "?"}`, e);
|
|
30
|
+
}, G = () => new Set((f == null ? void 0 : f.appliedBlueprintKeys) ?? []), K = (t) => t instanceof Error ? t.message : String(t), D = (t, e, o, r) => {
|
|
31
|
+
if (v !== y)
|
|
32
|
+
return;
|
|
33
|
+
const n = p.applyAcks[t], l = Math.max(Date.now(), ((n == null ? void 0 : n.ackAt) ?? 0) + 1), c = { status: e, requestedAt: o, ackAt: l };
|
|
34
|
+
r !== void 0 && (c.error = K(r)), p.$patch((a) => {
|
|
35
|
+
a.applyAcks = { ...a.applyAcks, [t]: c };
|
|
36
|
+
});
|
|
37
|
+
}, B = (t) => (d.get(t) ?? 0) > 0, w = async (t, e, o, r) => {
|
|
38
|
+
var a, i, q;
|
|
39
|
+
const n = ((a = o.blueprintData) == null ? void 0 : a.html) ?? "", l = ((i = o.blueprintData) == null ? void 0 : i.css) ?? "", c = o.applyRequestedAt ?? 0;
|
|
40
|
+
d.set(t, (d.get(t) ?? 0) + 1);
|
|
41
|
+
try {
|
|
42
|
+
const s = r === "debounced" ? await I(e, { html: n, css: l }) : await F(e, { html: n, css: l });
|
|
43
|
+
if (s.status === "superseded")
|
|
44
|
+
return;
|
|
45
|
+
if (s.status === "applied") {
|
|
46
|
+
h.set(e, n), u.delete(t), D(t, "applied", c);
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
const m = u.get(t);
|
|
50
|
+
u.set(t, { html: n, count: (m == null ? void 0 : m.html) === n ? m.count + 1 : 1 }), D(t, "failed", c, s.error);
|
|
51
|
+
} finally {
|
|
52
|
+
d.set(t, (d.get(t) ?? 1) - 1);
|
|
53
|
+
const s = E.get(t);
|
|
54
|
+
s && !B(t) && (E.delete(t), (((q = s.blueprintData) == null ? void 0 : q.html) ?? "") !== n && w(t, e, s, r));
|
|
55
|
+
}
|
|
56
|
+
}, U = (t) => {
|
|
57
|
+
var a;
|
|
58
|
+
if (t.blueprintType !== W)
|
|
29
59
|
return;
|
|
30
|
-
const
|
|
31
|
-
if (!
|
|
60
|
+
const { blueprintId: e } = t, o = (a = t.blueprintData) == null ? void 0 : a.html;
|
|
61
|
+
if (!e || !o)
|
|
32
62
|
return;
|
|
33
|
-
if (!
|
|
34
|
-
|
|
63
|
+
if (!t.applyRequested) {
|
|
64
|
+
x(e);
|
|
35
65
|
return;
|
|
36
66
|
}
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
67
|
+
const r = ot(e, t.version), n = t.applyRequestedAt ?? 0, l = S.get(r);
|
|
68
|
+
if (l === void 0 || n > l) {
|
|
69
|
+
const i = l === void 0;
|
|
70
|
+
if (S.set(r, n), u.delete(r), i && G().has(r)) {
|
|
71
|
+
h.set(e, o);
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
w(r, e, t, "immediate");
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
const c = h.get(e);
|
|
78
|
+
if (c !== o) {
|
|
79
|
+
if (c === void 0) {
|
|
80
|
+
if (B(r)) {
|
|
81
|
+
E.set(r, t);
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
const i = u.get(r);
|
|
85
|
+
if ((i == null ? void 0 : i.html) === o && i.count >= rt)
|
|
86
|
+
return;
|
|
87
|
+
w(r, e, t, "immediate");
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
w(r, e, t, "debounced");
|
|
91
|
+
}
|
|
92
|
+
}, g = (t) => t === void 0 || _.has(t) ? !1 : (_.add(t), C({
|
|
93
|
+
type: z.Error,
|
|
94
|
+
message: H("newsletter.ai-template-failed")
|
|
95
|
+
}), !0), Y = (t) => {
|
|
96
|
+
Array.isArray(t) && t.forEach((e) => {
|
|
97
|
+
const o = e == null ? void 0 : e.id;
|
|
98
|
+
(e == null ? void 0 : e.isError) === !0 && g(o) && M && console.debug(`[guido:cortex] message-level error id=${o}`, e);
|
|
99
|
+
const r = e == null ? void 0 : e.segments;
|
|
100
|
+
Array.isArray(r) && r.forEach((n) => {
|
|
101
|
+
if (n)
|
|
102
|
+
switch (O(o, n), n.type) {
|
|
103
|
+
case "blueprint":
|
|
104
|
+
U(n);
|
|
105
|
+
break;
|
|
106
|
+
case "error":
|
|
107
|
+
g(o);
|
|
108
|
+
break;
|
|
109
|
+
}
|
|
60
110
|
});
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
111
|
+
});
|
|
112
|
+
}, P = () => {
|
|
113
|
+
T !== null && (clearInterval(T), T = null);
|
|
114
|
+
}, $ = () => {
|
|
115
|
+
var t;
|
|
116
|
+
return (t = A._s) == null ? void 0 : t.get(tt);
|
|
117
|
+
}, L = (t) => {
|
|
118
|
+
f = t, b = Z(() => t.messages, Y, { deep: !0, immediate: !0 });
|
|
119
|
+
}, R = $();
|
|
120
|
+
R ? L(R) : T = setInterval(() => {
|
|
121
|
+
const t = $();
|
|
122
|
+
t && (P(), L(t));
|
|
123
|
+
}, nt), V(() => {
|
|
124
|
+
P(), b == null || b(), f = void 0, h.clear(), S.clear(), u.clear(), d.clear(), E.clear(), _.clear(), v === y && (v = null, p.$patch((t) => {
|
|
125
|
+
t.bridgeActive = !1, t.applyAcks = {};
|
|
126
|
+
}), N());
|
|
66
127
|
});
|
|
67
128
|
};
|
|
68
129
|
export {
|
|
69
|
-
|
|
130
|
+
ft as useCortexBlueprintBridge
|
|
70
131
|
};
|
|
@@ -1,59 +1,102 @@
|
|
|
1
|
-
import { useActionsApi as
|
|
2
|
-
import { useConfig as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
import { useActionsApi as Q } from "./useActionsApi.js";
|
|
2
|
+
import { useConfig as x } from "./useConfig.js";
|
|
3
|
+
import { useEditorLock as z } from "./useEditorLock.js";
|
|
4
|
+
import { useToaster as N } from "./useToaster.js";
|
|
5
|
+
import { useTranslations as q } from "./useTranslations.js";
|
|
6
|
+
import { ToasterTypeOptions as D } from "../enums/toaster.js";
|
|
7
|
+
import { useDynamicContentStore as R } from "../stores/dynamic-content.js";
|
|
8
|
+
import { useEditorStore as F } from "../stores/editor.js";
|
|
9
|
+
import { flattenDynamicContentList as G } from "../utils/genericUtil.js";
|
|
10
|
+
import { extractUsedDynamicContent as $ } from "../utils/registerUsedDynamicContent.js";
|
|
11
|
+
import { ref as j, watch as J } from "vue";
|
|
12
|
+
const K = 250, S = 12e4, c = { status: "superseded" }, h = { status: "failed", error: new Error("Blueprint has no html to apply") }, i = j({}), v = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), ie = () => {
|
|
13
|
+
const { updateHtmlAndCss: a } = Q(), { runExclusive: M } = z(), { showToaster: d } = N(), y = q(), { template: U } = x(), A = R(), E = F(), T = (e, t) => {
|
|
14
|
+
u.get(e) !== t && (u.set(e, t), d({
|
|
15
|
+
type: D.Error,
|
|
16
|
+
message: y("newsletter.ai-template-failed-apply")
|
|
17
|
+
}));
|
|
18
|
+
}, O = () => {
|
|
19
|
+
var e, t;
|
|
20
|
+
return E.isStripoInitialized && typeof ((t = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : t.updateHtmlAndCss) == "function";
|
|
21
|
+
}, P = (e) => {
|
|
22
|
+
i.value[e] === void 0 && (i.value = { ...i.value, [e]: "pending" });
|
|
23
|
+
}, m = (e, t) => {
|
|
24
|
+
i.value = { ...i.value, [e]: t };
|
|
25
|
+
}, _ = (e) => {
|
|
26
|
+
var t;
|
|
19
27
|
try {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
const o = G((t = U.value) == null ? void 0 : t.dynamicContentList), s = $(e, o);
|
|
29
|
+
s.length > 0 && A.registerDynamicContent(s);
|
|
30
|
+
} catch {
|
|
31
|
+
}
|
|
32
|
+
}, H = (e, t) => {
|
|
33
|
+
u.delete(e), v.get(e) !== t && (v.set(e, t), d({
|
|
34
|
+
type: D.Success,
|
|
35
|
+
message: y("newsletter.ai-template-applied")
|
|
36
|
+
}));
|
|
37
|
+
}, g = async (e, t, o) => {
|
|
38
|
+
const s = (l.get(e) ?? 0) + 1;
|
|
39
|
+
l.set(e, s), m(e, "applying");
|
|
40
|
+
try {
|
|
41
|
+
await M(() => a(t, o));
|
|
32
42
|
} catch (n) {
|
|
33
|
-
|
|
34
|
-
type: f.Error,
|
|
35
|
-
message: n instanceof Error ? n.message : "Failed to apply template"
|
|
36
|
-
});
|
|
43
|
+
return l.get(e) !== s ? c : (console.error("[guido:apply] editor did not acknowledge the template apply", n), m(e, "failed"), T(e, t), { status: "failed", error: n });
|
|
37
44
|
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
t
|
|
45
|
+
return l.get(e) !== s ? c : (m(e, "applied"), _(t), H(e, t), { status: "applied" });
|
|
46
|
+
}, k = (e) => {
|
|
47
|
+
const t = r.get(e);
|
|
48
|
+
t && (clearTimeout(t.timer), r.delete(e), t.settle(c));
|
|
49
|
+
}, w = (e) => {
|
|
50
|
+
const t = p.get(e);
|
|
51
|
+
t && (clearTimeout(t.timer), p.delete(e), t.settle(c));
|
|
52
|
+
}, B = (e, t, o) => new Promise((s) => {
|
|
53
|
+
k(e);
|
|
54
|
+
const n = setTimeout(() => {
|
|
55
|
+
r.delete(e), m(e, "failed"), T(e, t), s({
|
|
56
|
+
status: "failed",
|
|
57
|
+
error: new Error(`Editor did not become ready within ${S}ms`)
|
|
58
|
+
});
|
|
59
|
+
}, S);
|
|
60
|
+
r.set(e, { html: t, css: o, timer: n, settle: s }), m(e, "applying");
|
|
61
|
+
}), C = (e, t, o) => O() ? g(e, t, o) : B(e, t, o), L = async () => {
|
|
62
|
+
if (r.size === 0)
|
|
63
|
+
return;
|
|
64
|
+
const e = [...r.entries()];
|
|
65
|
+
r.clear(), e.forEach(([, n]) => clearTimeout(n.timer));
|
|
66
|
+
const t = e.pop();
|
|
67
|
+
if (e.forEach(([n, f]) => {
|
|
68
|
+
m(n, "pending"), f.settle(c);
|
|
69
|
+
}), !t)
|
|
70
|
+
return;
|
|
71
|
+
const [o, s] = t;
|
|
72
|
+
s.settle(await g(o, s.html, s.css));
|
|
41
73
|
};
|
|
42
|
-
return
|
|
43
|
-
|
|
74
|
+
return J(() => E.isStripoInitialized, (e) => {
|
|
75
|
+
e && L();
|
|
76
|
+
}, { immediate: !0 }), { applyStatus: i, markPending: P, applyTemplate: (e, t) => {
|
|
77
|
+
const { html: o } = t;
|
|
78
|
+
return o ? (w(e), C(e, o, t.css ?? "")) : Promise.resolve(h);
|
|
44
79
|
}, applyTemplateDebounced: (e, t) => {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
const
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
80
|
+
const { html: o } = t;
|
|
81
|
+
if (!o)
|
|
82
|
+
return Promise.resolve(h);
|
|
83
|
+
const s = t.css ?? "";
|
|
84
|
+
return new Promise((n) => {
|
|
85
|
+
w(e);
|
|
86
|
+
const f = setTimeout(() => {
|
|
87
|
+
p.delete(e), C(e, o, s).then(n);
|
|
88
|
+
}, K);
|
|
89
|
+
p.set(e, { timer: f, settle: n });
|
|
90
|
+
});
|
|
52
91
|
} };
|
|
53
|
-
},
|
|
54
|
-
|
|
92
|
+
}, ce = () => {
|
|
93
|
+
p.forEach((a) => {
|
|
94
|
+
clearTimeout(a.timer), a.settle(c);
|
|
95
|
+
}), p.clear(), r.forEach((a) => {
|
|
96
|
+
clearTimeout(a.timer), a.settle(c);
|
|
97
|
+
}), r.clear(), l.clear(), u.clear(), i.value = {};
|
|
55
98
|
};
|
|
56
99
|
export {
|
|
57
|
-
|
|
58
|
-
|
|
100
|
+
ce as resetEmailTemplateApplier,
|
|
101
|
+
ie as useEmailTemplateApplier
|
|
59
102
|
};
|
|
@@ -67,7 +67,7 @@ class se extends ut {
|
|
|
67
67
|
(d, c) => `
|
|
68
68
|
<div data-reorder-icon-key="${P}${c}" style="display: none;">
|
|
69
69
|
<${_.BUTTON}
|
|
70
|
-
class="
|
|
70
|
+
class="drag-handle-btn flat-inline flat-white"
|
|
71
71
|
${O.BUTTON.name}="${P}${c}"
|
|
72
72
|
>
|
|
73
73
|
<${_.ICON}
|
|
@@ -328,7 +328,7 @@ class se extends ut {
|
|
|
328
328
|
_createBuiltInItemHtml(t, e) {
|
|
329
329
|
return `
|
|
330
330
|
<div class="orderable-item" draggable="true" data-key="${t.key}">
|
|
331
|
-
<span class="
|
|
331
|
+
<span class="drag-handle" data-reorder-icon-slot="${e}"></span>
|
|
332
332
|
<span class="item-label">${this.api.translate(t.label)}</span>
|
|
333
333
|
<div class="item-action" data-action-for="${t.key}"></div>
|
|
334
334
|
</div>
|
|
@@ -353,7 +353,7 @@ class se extends ut {
|
|
|
353
353
|
<div class="orderable-item price-group-item" draggable="true"
|
|
354
354
|
data-key="${C}" data-group="prices">
|
|
355
355
|
<div class="price-group-header">
|
|
356
|
-
<span class="
|
|
356
|
+
<span class="drag-handle" data-reorder-icon-slot="${t}"></span>
|
|
357
357
|
<span class="item-label">${this.api.translate("Product Prices")}</span>
|
|
358
358
|
<div class="item-action" data-action-for="${C}"></div>
|
|
359
359
|
</div>
|
|
@@ -365,7 +365,7 @@ class se extends ut {
|
|
|
365
365
|
return `
|
|
366
366
|
<div class="orderable-item" draggable="true"
|
|
367
367
|
data-key="${t}" data-custom-index="${e}">
|
|
368
|
-
<span class="
|
|
368
|
+
<span class="drag-handle" data-reorder-icon-slot="${r}"></span>
|
|
369
369
|
<div class="custom-attr-select-wrap"
|
|
370
370
|
data-custom-select-slot="${e}"></div>
|
|
371
371
|
<div class="item-action"
|
|
@@ -134,10 +134,7 @@ ue-orderable.orderable-disabled .droppable-icon {
|
|
|
134
134
|
border-top: 2px solid var(--guido-color-primary-500, #0A2ECC);
|
|
135
135
|
}
|
|
136
136
|
|
|
137
|
-
|
|
138
|
-
floating popups, which knocked this handle out of flow (SD-151734). */
|
|
139
|
-
.guido-drag-handle {
|
|
140
|
-
cursor: move;
|
|
137
|
+
.drag-handle {
|
|
141
138
|
user-select: none;
|
|
142
139
|
display: flex;
|
|
143
140
|
align-items: center;
|
|
@@ -147,13 +144,13 @@ ue-orderable.orderable-disabled .droppable-icon {
|
|
|
147
144
|
flex-shrink: 0;
|
|
148
145
|
}
|
|
149
146
|
|
|
150
|
-
.
|
|
147
|
+
.drag-handle .drag-handle-btn .button {
|
|
151
148
|
padding: 0;
|
|
152
149
|
min-width: auto;
|
|
153
150
|
cursor: move;
|
|
154
151
|
}
|
|
155
152
|
|
|
156
|
-
.
|
|
153
|
+
.drag-handle .drag-handle-btn .button .icon-button {
|
|
157
154
|
color: var(--guido-color-gray-600);
|
|
158
155
|
}
|
|
159
156
|
|
package/dist/guido.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-1ca6baf0]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-
|
|
1
|
+
@charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-1ca6baf0]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-7674b645]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-7674b645]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-7674b645]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}
|
|
@@ -17,12 +17,13 @@
|
|
|
17
17
|
* - `error` segments (and message-level `isError` / `isCancelled`) trigger
|
|
18
18
|
* a localized toaster.
|
|
19
19
|
*
|
|
20
|
+
* Every apply settles into a terminal `applyAcks` entry on the public store, so
|
|
21
|
+
* cortex can move its Apply button on the truth of the editor write rather than
|
|
22
|
+
* on the click.
|
|
23
|
+
*
|
|
20
24
|
* In dev (`import.meta.env.DEV`) every observed segment + message-level flag
|
|
21
25
|
* change is also `console.debug`-logged with the prefix `[guido:cortex]` so a
|
|
22
26
|
* developer can watch the agent stream in real time. In production this is
|
|
23
27
|
* gated behind `localStorage.guido:debug:ai === '1'`.
|
|
24
|
-
*
|
|
25
|
-
* If cortex-fe isn't loaded the chat store is undefined and the bridge is a
|
|
26
|
-
* no-op (intentional — Guido must still work standalone).
|
|
27
28
|
*/
|
|
28
29
|
export declare const useCortexBlueprintBridge: () => void;
|
|
@@ -1,4 +1,20 @@
|
|
|
1
1
|
type ApplyStatus = 'pending' | 'applying' | 'applied' | 'failed';
|
|
2
|
+
/**
|
|
3
|
+
* Terminal outcome of an apply. Every promise this composable hands out settles
|
|
4
|
+
* with exactly one of these — callers (the cortex bridge) ack on it, so a
|
|
5
|
+
* never-settling promise would strand cortex's Apply button forever.
|
|
6
|
+
*
|
|
7
|
+
* `superseded` means a newer payload for the same blueprint replaced this one:
|
|
8
|
+
* not a success, not a failure, and deliberately never acked.
|
|
9
|
+
*/
|
|
10
|
+
export type ApplyOutcome = {
|
|
11
|
+
status: 'applied';
|
|
12
|
+
} | {
|
|
13
|
+
status: 'failed';
|
|
14
|
+
error: unknown;
|
|
15
|
+
} | {
|
|
16
|
+
status: 'superseded';
|
|
17
|
+
};
|
|
2
18
|
/**
|
|
3
19
|
* Applies email_template blueprints from the chat agent to the Stripo editor.
|
|
4
20
|
*
|
|
@@ -9,6 +25,10 @@ type ApplyStatus = 'pending' | 'applying' | 'applied' | 'failed';
|
|
|
9
25
|
* - manual Apply click (first apply): immediate.
|
|
10
26
|
* - blueprint_update after the user has applied once: debounced 250 ms trailing
|
|
11
27
|
* so rapid mid-stream updates don't thrash updateHtmlAndCss.
|
|
28
|
+
*
|
|
29
|
+
* A click that lands before Stripo finished initializing is queued rather than
|
|
30
|
+
* dropped, and flushed when `isStripoInitialized` flips — the user does not
|
|
31
|
+
* have to click again.
|
|
12
32
|
*/
|
|
13
33
|
export declare const useEmailTemplateApplier: () => {
|
|
14
34
|
applyStatus: import("vue").Ref<Record<string, ApplyStatus>>;
|
|
@@ -16,11 +36,11 @@ export declare const useEmailTemplateApplier: () => {
|
|
|
16
36
|
applyTemplate: (blueprintId: string, data: {
|
|
17
37
|
html?: string;
|
|
18
38
|
css?: string;
|
|
19
|
-
}) =>
|
|
39
|
+
}) => Promise<ApplyOutcome>;
|
|
20
40
|
applyTemplateDebounced: (blueprintId: string, data: {
|
|
21
41
|
html?: string;
|
|
22
42
|
css?: string;
|
|
23
|
-
}) =>
|
|
43
|
+
}) => Promise<ApplyOutcome>;
|
|
24
44
|
};
|
|
25
45
|
export declare const resetEmailTemplateApplier: () => void;
|
|
26
46
|
export {};
|
|
@@ -1,16 +1,28 @@
|
|
|
1
|
+
/** Terminal outcome of an editor write, keyed by `${blueprintId}:${version}`. */
|
|
2
|
+
export interface ApplyAck {
|
|
3
|
+
status: 'applied' | 'failed';
|
|
4
|
+
/** The `applyRequestedAt` of the click this ack answers — lets cortex drop stale acks. */
|
|
5
|
+
requestedAt: number;
|
|
6
|
+
/** Strictly increasing per key, so two acks in the same millisecond still order. */
|
|
7
|
+
ackAt: number;
|
|
8
|
+
/** Stringified — cortex JSON-clones store-derived payloads, an Error would not survive. */
|
|
9
|
+
error?: string;
|
|
10
|
+
}
|
|
1
11
|
/**
|
|
2
12
|
* Outbound contract Guido publishes to the host's shared Pinia singleton so
|
|
3
13
|
* cortex-fe can pick up the current editor state and forward it as
|
|
4
14
|
* `clientState.editor` on the next chat-stream POST.
|
|
5
15
|
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
16
|
+
* This store is **state-only, by contract**. It declares no actions and no
|
|
17
|
+
* non-trivial getters, so `pinia.state.value['guidoEmailEditor']` is a complete
|
|
18
|
+
* view of it. cortex-fe reads it through that public path; adding an action or
|
|
19
|
+
* a getter that cortex needs would silently break that read. Keep it
|
|
20
|
+
* state-only. (`hasSnapshot` stays — cortex does not read it.)
|
|
8
21
|
*
|
|
9
|
-
* Store id `guidoEmailEditor` is cross-MFE
|
|
10
|
-
* `
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* store carries the contract Guido is willing to share.
|
|
22
|
+
* Store id `guidoEmailEditor` is cross-MFE. The internal Guido editor store
|
|
23
|
+
* keeps id `guidoEditor` — these are intentionally separate. The internal store
|
|
24
|
+
* carries UI state that cortex-fe should not see; this public store carries the
|
|
25
|
+
* contract Guido is willing to share.
|
|
14
26
|
*/
|
|
15
27
|
export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"guidoEmailEditor", {
|
|
16
28
|
/** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
|
|
@@ -21,6 +33,10 @@ export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"
|
|
|
21
33
|
lastUpdatedAt: number;
|
|
22
34
|
/** Template id from the editor config, for cortex-fe to scope per-template. */
|
|
23
35
|
templateId: string;
|
|
36
|
+
/** True while a mounted Guido bridge is consuming the chat store. Gates cortex's Apply button. */
|
|
37
|
+
bridgeActive: boolean;
|
|
38
|
+
/** `${blueprintId}:${version}` → terminal outcome of the editor write, written only after it settles. */
|
|
39
|
+
applyAcks: Record<string, ApplyAck>;
|
|
24
40
|
}, {
|
|
25
41
|
/** True once the bridge has published at least one snapshot. */
|
|
26
42
|
hasSnapshot: (state: {
|
|
@@ -28,6 +44,8 @@ export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"
|
|
|
28
44
|
css: string;
|
|
29
45
|
lastUpdatedAt: number;
|
|
30
46
|
templateId: string;
|
|
47
|
+
bridgeActive: boolean;
|
|
48
|
+
applyAcks: Record<string, ApplyAck>;
|
|
31
49
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
32
50
|
/** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
|
|
33
51
|
html: string;
|
|
@@ -37,5 +55,9 @@ export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"
|
|
|
37
55
|
lastUpdatedAt: number;
|
|
38
56
|
/** Template id from the editor config, for cortex-fe to scope per-template. */
|
|
39
57
|
templateId: string;
|
|
58
|
+
/** True while a mounted Guido bridge is consuming the chat store. Gates cortex's Apply button. */
|
|
59
|
+
bridgeActive: boolean;
|
|
60
|
+
/** `${blueprintId}:${version}` → terminal outcome of the editor write, written only after it settles. */
|
|
61
|
+
applyAcks: Record<string, ApplyAck>;
|
|
40
62
|
}>) => boolean;
|
|
41
63
|
}, {}>;
|
|
@@ -8,7 +8,11 @@ const d = e("guidoEmailEditor", {
|
|
|
8
8
|
/** Wall-clock ms when html/css were last written by the bridge. */
|
|
9
9
|
lastUpdatedAt: 0,
|
|
10
10
|
/** Template id from the editor config, for cortex-fe to scope per-template. */
|
|
11
|
-
templateId: ""
|
|
11
|
+
templateId: "",
|
|
12
|
+
/** True while a mounted Guido bridge is consuming the chat store. Gates cortex's Apply button. */
|
|
13
|
+
bridgeActive: !1,
|
|
14
|
+
/** `${blueprintId}:${version}` → terminal outcome of the editor write, written only after it settles. */
|
|
15
|
+
applyAcks: {}
|
|
12
16
|
}),
|
|
13
17
|
getters: {
|
|
14
18
|
/** True once the bridge has published at least one snapshot. */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "3.18.2-beta.
|
|
3
|
+
"version": "3.18.2-beta.ac0d92e",
|
|
4
4
|
"description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
|
|
5
5
|
"main": "./dist/guido.umd.cjs",
|
|
6
6
|
"module": "./dist/library.js",
|