@useinsider/guido 3.20.1-beta.a9397b3 → 3.20.1-beta.c528303
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 +0 -8
- package/dist/@types/config/schemas.js +33 -35
- package/dist/components/Guido.vue.js +5 -5
- package/dist/components/Guido.vue2.js +66 -70
- package/dist/composables/useLegacyStrategyConversion.js +16 -16
- package/dist/composables/useModuleRepair.js +24 -40
- package/dist/composables/useStripo.js +4 -3
- package/dist/config/migrator/index.js +11 -12
- package/dist/enums/academy.js +1 -2
- package/dist/extensions/Blocks/Items/block.js +43 -42
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +296 -223
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +219 -205
- package/dist/extensions/Blocks/Recommendation/utils/blockRefresh.js +19 -0
- package/dist/extensions/Blocks/Recommendation/utils/nodeConfigWriter.js +51 -36
- package/dist/extensions/Blocks/Recommendation/utils/strategyCommit.js +31 -35
- package/dist/guido.css +1 -1
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +271 -192
- package/dist/package.json.js +1 -1
- package/dist/src/@types/config/schemas.d.ts +0 -4
- package/dist/src/composables/useConfig.d.ts +0 -2
- package/dist/src/composables/useModuleRepair.d.ts +11 -2
- package/dist/src/enums/academy.d.ts +0 -1
- package/dist/src/extensions/Blocks/Checkbox/controls/blockBackground/index.d.ts +1 -0
- package/dist/src/extensions/Blocks/CouponBlock/controls/index.d.ts +8 -0
- package/dist/src/extensions/Blocks/Items/controls/index.d.ts +40 -0
- package/dist/src/extensions/Blocks/RadioButton/controls/blockBackground/index.d.ts +1 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/blockBackground/index.d.ts +1 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +11 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/customAttribute/index.d.ts +7 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +2 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +18 -3
- package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +7 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +7 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +7 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +7 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +7 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/title/index.d.ts +7 -0
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +8 -1
- package/dist/src/extensions/Blocks/Recommendation/utils/blockRefresh.d.ts +17 -0
- package/dist/src/extensions/Blocks/Recommendation/utils/nodeConfigWriter.d.ts +7 -0
- package/dist/src/extensions/Blocks/_Boilerplate/controls/blockBackground/index.d.ts +1 -0
- package/dist/src/extensions/Blocks/controlFactories.d.ts +22 -0
- package/dist/src/stores/config.d.ts +0 -20
- package/dist/src/stores/editor.d.ts +0 -25
- package/dist/static/styles/components/button.css.js +5 -0
- package/dist/stores/editor.js +15 -16
- package/package.json +3 -3
- package/dist/components/organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue.js +0 -17
- package/dist/components/organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue2.js +0 -35
- package/dist/config/migrator/legacyUnsubscribeTextMigrator.js +0 -16
- package/dist/src/components/organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue.d.ts +0 -2
- package/dist/src/config/migrator/legacyUnsubscribeTextMigrator.d.ts +0 -1
- package/dist/src/utils/legacyUnsubscribeConversion.d.ts +0 -9
- package/dist/utils/legacyUnsubscribeConversion.js +0 -86
package/README.md
CHANGED
|
@@ -166,7 +166,6 @@ const config: GuidoConfigInput = {
|
|
|
166
166
|
allowlistEnabled?: boolean, // Default: false - Pre-save domain-allowlist check (opt-in). Guido self-serves the block toaster (role lookup, deep-link, copy from window.trans).
|
|
167
167
|
allowSaveWithErrors?: boolean, // Default: true - Allow the validation drawer's "Save and Continue" soft-save. Set false to hard-block invalid saves (transactional + unsubscribe pages).
|
|
168
168
|
reusableRecommendationStrategy?: boolean, // Default: false - Assign an RRS strategy to recommendation blocks instead of per-block algorithm/filters/shuffle/product-count settings.
|
|
169
|
-
legacyUnsubscribeConversion?: boolean, // Default: false - Convert legacy unsubscribe blocks that have no unsubscribe link into text blocks (on load and on module drop/copy) and show a warning modal.
|
|
170
169
|
},
|
|
171
170
|
|
|
172
171
|
// Optional: Callbacks
|
|
@@ -668,13 +667,6 @@ multiple partners (e.g. architect) should key by partner and place the active pa
|
|
|
668
667
|
first. Omit the prop and the repair is a safe no-op — nothing is rewritten and no
|
|
669
668
|
toaster fires (useful before the host has wired the catalog).
|
|
670
669
|
|
|
671
|
-
With `features.legacyUnsubscribeConversion: true`, a dropped or copied module's legacy
|
|
672
|
-
unsubscribe block that has no unsubscribe link (the old editor reused it as plain text,
|
|
673
|
-
e.g. a company address) becomes a plain text block that keeps its content, and a warning
|
|
674
|
-
modal explains it. The same conversion runs when a template is opened. Register these
|
|
675
|
-
keys host-side: `email-editor.legacy-unsubscribe-converted-modal-title` and
|
|
676
|
-
`email-editor.legacy-unsubscribe-converted-modal-message`.
|
|
677
|
-
|
|
678
670
|
---
|
|
679
671
|
|
|
680
672
|
## Development
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ModuleFolderDefaults as
|
|
2
|
-
import { object as a, number as s, optional as e, string as t, picklist as m, pipe as i, minLength as b, custom as k, boolean as o, array as
|
|
1
|
+
import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
|
|
2
|
+
import { object as a, number as s, optional as e, string as t, picklist as m, pipe as i, minLength as b, custom as k, boolean as o, array as c, transform as y, unknown as r, record as g, fallback as R, literal as u, looseObject as C, variant as I, union as h, lazy as T } from "../../node_modules/valibot/dist/index.js";
|
|
3
3
|
const p = {
|
|
4
4
|
/** Promotional/marketing emails */
|
|
5
5
|
PROMOTIONAL: 1,
|
|
@@ -76,30 +76,30 @@ const p = {
|
|
|
76
76
|
value: t()
|
|
77
77
|
})
|
|
78
78
|
)
|
|
79
|
-
}),
|
|
79
|
+
}), S = T(() => C({
|
|
80
80
|
text: e(t()),
|
|
81
81
|
// eslint-disable-next-line camelcase -- backend field name
|
|
82
82
|
tag_text: e(t()),
|
|
83
83
|
value: e(t()),
|
|
84
|
-
children: e(
|
|
84
|
+
children: e(c(S)),
|
|
85
85
|
// eslint-disable-next-line camelcase -- backend field name
|
|
86
|
-
select_items: e(
|
|
87
|
-
})),
|
|
86
|
+
select_items: e(c(S))
|
|
87
|
+
})), N = g(
|
|
88
88
|
t(),
|
|
89
|
-
R(
|
|
90
|
-
),
|
|
89
|
+
R(c(S), [])
|
|
90
|
+
), P = C({
|
|
91
91
|
/** Block ID (matches the dictionary key and the legacy HTML element id) */
|
|
92
92
|
id: e(s()),
|
|
93
93
|
/** Decimal places for price display (legacy data may use string or number) */
|
|
94
94
|
decimalCount: e(h([t(), s()])),
|
|
95
95
|
/** Pinned product IDs (empty array when filter-driven) */
|
|
96
|
-
productIds: e(
|
|
96
|
+
productIds: e(c(r())),
|
|
97
97
|
/** Whether the block requested live products at send time */
|
|
98
98
|
sendProductRequestFlag: e(o()),
|
|
99
99
|
/** Whether to randomize product order */
|
|
100
100
|
shuffleProducts: e(o()),
|
|
101
101
|
/** Filter rules driving product selection */
|
|
102
|
-
filters: e(
|
|
102
|
+
filters: e(c(r())),
|
|
103
103
|
/** Currency code (e.g. 'EUR') — sometimes absent in legacy data */
|
|
104
104
|
currency: e(t()),
|
|
105
105
|
/** Currency display settings (separators, alignment, decimals) */
|
|
@@ -109,7 +109,7 @@ const p = {
|
|
|
109
109
|
/** Recommendation strategy key (e.g. 'newArrivals') */
|
|
110
110
|
strategy: e(t()),
|
|
111
111
|
/** Snapshot of products as rendered by the legacy block */
|
|
112
|
-
recommendedProducts: e(
|
|
112
|
+
recommendedProducts: e(c(r())),
|
|
113
113
|
/** Number of product cards per row */
|
|
114
114
|
cardsInRow: e(s()),
|
|
115
115
|
/** Mobile-only padding (right) */
|
|
@@ -132,7 +132,7 @@ const p = {
|
|
|
132
132
|
isPriceMovedToNextLine: e(o()),
|
|
133
133
|
/** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
|
|
134
134
|
isPriceDeletedForZeroSale: e(o())
|
|
135
|
-
}),
|
|
135
|
+
}), v = a({
|
|
136
136
|
/**
|
|
137
137
|
* Legacy recommendation block configs keyed by block ID.
|
|
138
138
|
* Pass this when loading a template authored with the v1
|
|
@@ -140,7 +140,7 @@ const p = {
|
|
|
140
140
|
* strategy, currency, locale, and layout data.
|
|
141
141
|
*/
|
|
142
142
|
recommendationConfigs: e(
|
|
143
|
-
g(t(),
|
|
143
|
+
g(t(), P),
|
|
144
144
|
{}
|
|
145
145
|
)
|
|
146
146
|
}), x = a({
|
|
@@ -150,7 +150,7 @@ const p = {
|
|
|
150
150
|
css: e(t(), ""),
|
|
151
151
|
/** Preselected dynamic content items */
|
|
152
152
|
preselectedDynamicContent: e(
|
|
153
|
-
|
|
153
|
+
c(M),
|
|
154
154
|
[]
|
|
155
155
|
),
|
|
156
156
|
/**
|
|
@@ -159,11 +159,11 @@ const p = {
|
|
|
159
159
|
* (first) partner's leaf attributes into the label→token map that repairs
|
|
160
160
|
* label-form placeholders (`{{ Phone Number }}`) in dropped saved modules.
|
|
161
161
|
*/
|
|
162
|
-
dynamicContentList: e(
|
|
162
|
+
dynamicContentList: e(N, {}),
|
|
163
163
|
/** Valid custom field attribute names from the partner's categorized fields */
|
|
164
|
-
customFieldAttributes: e(
|
|
164
|
+
customFieldAttributes: e(c(t()), []),
|
|
165
165
|
/** Selected unsubscribe page IDs */
|
|
166
|
-
selectedUnsubscribePages: e(
|
|
166
|
+
selectedUnsubscribePages: e(c(s()), []),
|
|
167
167
|
/** Force recreate template in Stripo storage (use true when updating externally modified templates) */
|
|
168
168
|
forceRecreate: e(o(), !1),
|
|
169
169
|
/**
|
|
@@ -176,7 +176,7 @@ const p = {
|
|
|
176
176
|
trackIdCounter: e(
|
|
177
177
|
i(
|
|
178
178
|
s(),
|
|
179
|
-
y((
|
|
179
|
+
y((n) => Number.isFinite(n) ? Math.max(0, Math.floor(n)) : 0)
|
|
180
180
|
),
|
|
181
181
|
0
|
|
182
182
|
),
|
|
@@ -190,11 +190,11 @@ const p = {
|
|
|
190
190
|
recommendationCampaignUrls: e(
|
|
191
191
|
i(
|
|
192
192
|
r(),
|
|
193
|
-
y((
|
|
193
|
+
y((n) => n && typeof n == "object" ? { ...n } : void 0)
|
|
194
194
|
)
|
|
195
195
|
),
|
|
196
196
|
/** Migration-only inputs (legacy block configs) */
|
|
197
|
-
migration: e(
|
|
197
|
+
migration: e(v, {})
|
|
198
198
|
}), D = a({
|
|
199
199
|
/** Sender display name */
|
|
200
200
|
senderName: e(t(), ""),
|
|
@@ -210,9 +210,9 @@ const p = {
|
|
|
210
210
|
/** Email header settings */
|
|
211
211
|
emailHeader: e(D, { senderName: "", subject: "" }),
|
|
212
212
|
/** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
|
|
213
|
-
savedModulesFolderName: e(t(),
|
|
213
|
+
savedModulesFolderName: e(t(), f.SAVED_MODULES),
|
|
214
214
|
/** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
|
|
215
|
-
defaultModulesFolderName: e(t(),
|
|
215
|
+
defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
|
|
216
216
|
}), F = a({
|
|
217
217
|
/** Whether to show the header bar */
|
|
218
218
|
showHeader: e(o(), !0),
|
|
@@ -243,9 +243,7 @@ const p = {
|
|
|
243
243
|
linkTrackingIds: e(o(), !1),
|
|
244
244
|
/** Allow persisting a template that still has validation errors (drawer "Save and Continue" soft-save). Host sets false for transactional + unsubscribe. */
|
|
245
245
|
allowSaveWithErrors: e(o(), !0),
|
|
246
|
-
reusableRecommendationStrategy: e(o(), !1)
|
|
247
|
-
/** Convert linkless legacy unsubscribe blocks to text blocks and warn, on load and on module drop/copy (opt-in) */
|
|
248
|
-
legacyUnsubscribeConversion: e(o(), !1)
|
|
246
|
+
reusableRecommendationStrategy: e(o(), !1)
|
|
249
247
|
}), w = m([
|
|
250
248
|
"amp-accordion",
|
|
251
249
|
"amp-carousel",
|
|
@@ -271,12 +269,12 @@ const p = {
|
|
|
271
269
|
]), j = a({
|
|
272
270
|
/** Default blocks to exclude from the editor */
|
|
273
271
|
excludeDefaults: e(
|
|
274
|
-
|
|
272
|
+
c(w),
|
|
275
273
|
[]
|
|
276
274
|
),
|
|
277
275
|
/** Custom blocks to include in the editor */
|
|
278
276
|
includeCustoms: e(
|
|
279
|
-
|
|
277
|
+
c(B),
|
|
280
278
|
[]
|
|
281
279
|
)
|
|
282
280
|
}), d = a({
|
|
@@ -308,13 +306,13 @@ const p = {
|
|
|
308
306
|
...d.entries,
|
|
309
307
|
type: u("remove"),
|
|
310
308
|
/** Strings or patterns to remove */
|
|
311
|
-
targets:
|
|
309
|
+
targets: c(t())
|
|
312
310
|
}), G = a({
|
|
313
311
|
...d.entries,
|
|
314
312
|
type: u("custom"),
|
|
315
313
|
/** Custom processor function */
|
|
316
314
|
processor: k(
|
|
317
|
-
(
|
|
315
|
+
(n) => typeof n == "function",
|
|
318
316
|
"processor must be a function"
|
|
319
317
|
)
|
|
320
318
|
}), V = I("type", [
|
|
@@ -324,7 +322,7 @@ const p = {
|
|
|
324
322
|
G
|
|
325
323
|
]), z = a({
|
|
326
324
|
/** Custom compiler rules to apply */
|
|
327
|
-
customRules: e(
|
|
325
|
+
customRules: e(c(V), []),
|
|
328
326
|
/** Skip default compiler rules */
|
|
329
327
|
ignoreDefaultRules: e(o(), !1)
|
|
330
328
|
}), W = a({
|
|
@@ -334,7 +332,7 @@ const p = {
|
|
|
334
332
|
*/
|
|
335
333
|
externalValidation: e(
|
|
336
334
|
k(
|
|
337
|
-
(
|
|
335
|
+
(n) => typeof n == "function",
|
|
338
336
|
"externalValidation must be a function"
|
|
339
337
|
)
|
|
340
338
|
)
|
|
@@ -368,8 +366,8 @@ export {
|
|
|
368
366
|
B as CustomBlockTypeSchema,
|
|
369
367
|
G as CustomRuleSchema,
|
|
370
368
|
w as DefaultBlockTypeSchema,
|
|
371
|
-
|
|
372
|
-
|
|
369
|
+
N as DynamicContentListSchema,
|
|
370
|
+
S as DynamicContentNodeSchema,
|
|
373
371
|
M as DynamicContentSchema,
|
|
374
372
|
O as EditorSchema,
|
|
375
373
|
D as EmailHeaderSchema,
|
|
@@ -377,14 +375,14 @@ export {
|
|
|
377
375
|
U as FeaturesSchema,
|
|
378
376
|
K as GuidoConfigSchema,
|
|
379
377
|
A as IdentitySchema,
|
|
380
|
-
|
|
378
|
+
P as LegacyRecommendationConfigSchema,
|
|
381
379
|
p as MessageType,
|
|
382
380
|
E as PartnerSchema,
|
|
383
381
|
l as ProductType,
|
|
384
382
|
_ as RegexRuleSchema,
|
|
385
383
|
q as RemoveRuleSchema,
|
|
386
384
|
H as ReplaceRuleSchema,
|
|
387
|
-
|
|
385
|
+
v as TemplateMigrationSchema,
|
|
388
386
|
x as TemplateSchema,
|
|
389
387
|
F as UISchema
|
|
390
388
|
};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import o from "./Guido.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import i from "../_virtual/_plugin-vue2_normalizer.js";
|
|
4
|
-
var
|
|
4
|
+
var t = function() {
|
|
5
5
|
var a = this, r = a._self._c, e = a._self._setupProxy;
|
|
6
|
-
return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : a._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.AuthErrorModal), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), e.isRrsEnabled ? r(e.LegacyStrategyUpdatedModal) : a._e(),
|
|
6
|
+
return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : a._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.AuthErrorModal), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), e.isRrsEnabled ? r(e.LegacyStrategyUpdatedModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isSaveValidationEnabled ? r(e.ValidationErrorDrawer) : a._e(), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
|
|
7
7
|
return e.emit("onboarding:finished");
|
|
8
8
|
} } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
|
|
9
|
-
},
|
|
9
|
+
}, s = [], n = /* @__PURE__ */ i(
|
|
10
10
|
o,
|
|
11
|
-
s,
|
|
12
11
|
t,
|
|
12
|
+
s,
|
|
13
13
|
!1,
|
|
14
14
|
null,
|
|
15
|
-
"
|
|
15
|
+
"1b5c844a"
|
|
16
16
|
);
|
|
17
17
|
const v = n.exports;
|
|
18
18
|
export {
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useCortexBlueprintBridge as
|
|
3
|
-
import { useEditorLock as
|
|
4
|
-
import { provideGuidoActions as
|
|
5
|
-
import { useGuidoStateBridge as
|
|
6
|
-
import { usePartner as
|
|
7
|
-
import { useSaveValidationRollout as
|
|
8
|
-
import { useStripo as
|
|
9
|
-
import { useTimerClone as
|
|
1
|
+
import { defineComponent as se, defineAsyncComponent as m, ref as W, computed as p, watch as G, onMounted as ie, onUnmounted as ce } from "vue";
|
|
2
|
+
import { useCortexBlueprintBridge as de } from "../composables/useCortexBlueprintBridge.js";
|
|
3
|
+
import { useEditorLock as me } from "../composables/useEditorLock.js";
|
|
4
|
+
import { provideGuidoActions as le } from "../composables/useGuidoActions.js";
|
|
5
|
+
import { useGuidoStateBridge as ue } from "../composables/useGuidoStateBridge.js";
|
|
6
|
+
import { usePartner as pe } from "../composables/usePartner.js";
|
|
7
|
+
import { useSaveValidationRollout as fe } from "../composables/useSaveValidationRollout.js";
|
|
8
|
+
import { useStripo as ye } from "../composables/useStripo.js";
|
|
9
|
+
import { useTimerClone as ge } from "../composables/useTimerClone.js";
|
|
10
10
|
import { migrate as V } from "../config/migrator/index.js";
|
|
11
11
|
import { ModuleFolderDefaults as $ } from "../enums/defaults.js";
|
|
12
12
|
import { RIBBON_SELECTOR as Se } from "../enums/onboarding.js";
|
|
13
13
|
import { useRecommendationExtensionStore as E } from "../extensions/Blocks/Recommendation/store/recommendation.js";
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import { useStripoApi as
|
|
24
|
-
import { useConfigStore as
|
|
25
|
-
import { useDynamicContentStore as
|
|
14
|
+
import ve from "./organisms/AutoSaveController.vue.js";
|
|
15
|
+
import be from "./organisms/base/AuthErrorModal.vue.js";
|
|
16
|
+
import he from "./organisms/base/Toaster.vue.js";
|
|
17
|
+
import Ee from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
|
|
18
|
+
import we from "./organisms/header/HeaderWrapper.vue.js";
|
|
19
|
+
import De from "./organisms/LoadingWrapper.vue.js";
|
|
20
|
+
import Ce from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
|
|
21
|
+
import ke from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
|
|
22
|
+
import Fe from "./organisms/validation/ValidationErrorDrawer.vue.js";
|
|
23
|
+
import { useStripoApi as Re } from "../services/stripoApi.js";
|
|
24
|
+
import { useConfigStore as Me } from "../stores/config.js";
|
|
25
|
+
import { useDynamicContentStore as Te } from "../stores/dynamic-content.js";
|
|
26
26
|
import { useEditorStore as w } from "../stores/editor.js";
|
|
27
27
|
import { usePreviewStore as Ie } from "../stores/preview.js";
|
|
28
|
-
import { useSaveValidationStore as
|
|
29
|
-
import { useTemplateStore as
|
|
30
|
-
import { useUnsubscribeStore as
|
|
28
|
+
import { useSaveValidationStore as Le } from "../stores/save-validation.js";
|
|
29
|
+
import { useTemplateStore as Ue } from "../stores/template.js";
|
|
30
|
+
import { useUnsubscribeStore as Ae } from "../stores/unsubscribe.js";
|
|
31
31
|
import { readTrackFloor as z } from "../utils/linkTrackingIds.js";
|
|
32
|
-
const
|
|
32
|
+
const lt = /* @__PURE__ */ se({
|
|
33
33
|
__name: "Guido",
|
|
34
34
|
props: {
|
|
35
35
|
config: null,
|
|
@@ -37,27 +37,25 @@ const pt = /* @__PURE__ */ ce({
|
|
|
37
37
|
},
|
|
38
38
|
emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
|
|
39
39
|
setup(H, { expose: q, emit: r }) {
|
|
40
|
-
const s = H, K =
|
|
40
|
+
const s = H, K = m(
|
|
41
41
|
() => import("./organisms/email-preview/PreviewContainer.vue.js")
|
|
42
|
-
), j =
|
|
42
|
+
), j = m(
|
|
43
43
|
() => import("./organisms/onboarding/OnboardingWrapper.vue.js")
|
|
44
|
-
), J =
|
|
44
|
+
), J = m(
|
|
45
45
|
() => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
|
|
46
|
-
), Q =
|
|
46
|
+
), Q = m(
|
|
47
47
|
() => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
|
|
48
|
-
), X =
|
|
48
|
+
), X = m(
|
|
49
49
|
() => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
|
|
50
|
-
),
|
|
51
|
-
() => import("./organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue.js")
|
|
52
|
-
), C = W(), f = W(), y = Ue(), D = Ne(), o = Te();
|
|
50
|
+
), D = W(), f = W(), y = Te(), C = Ae(), o = Me();
|
|
53
51
|
s.ready && o.init(s.config);
|
|
54
|
-
const
|
|
52
|
+
const c = w(), Y = Ie(), l = p(() => c.hasChanges), { isTestPartner: Z } = pe(), { isEnabled: ee } = fe(), k = () => {
|
|
55
53
|
var t;
|
|
56
|
-
return (t =
|
|
54
|
+
return (t = D.value) == null ? void 0 : t.handleSave(!0);
|
|
57
55
|
}, F = (t) => {
|
|
58
|
-
|
|
56
|
+
c.loadingStatus = t;
|
|
59
57
|
};
|
|
60
|
-
|
|
58
|
+
de(), ue();
|
|
61
59
|
const g = () => {
|
|
62
60
|
var t, e;
|
|
63
61
|
return {
|
|
@@ -68,17 +66,15 @@ const pt = /* @__PURE__ */ ce({
|
|
|
68
66
|
savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || $.SAVED_MODULES,
|
|
69
67
|
defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || $.DEFAULT_MODULES
|
|
70
68
|
};
|
|
71
|
-
}, { initPlugin:
|
|
72
|
-
let
|
|
73
|
-
const { getDefaultTemplate:
|
|
69
|
+
}, { initPlugin: R, preloadRuntime: M } = ye(), { runExclusive: T, beginMount: I, isCurrentMount: S } = me();
|
|
70
|
+
let u = 0;
|
|
71
|
+
const { getDefaultTemplate: L } = Re(), { cloneTimersOnSave: U, hasTimerBlocks: A } = ge(), te = p(() => {
|
|
74
72
|
var t;
|
|
75
73
|
return !((t = o.ui) != null && t.showHeader);
|
|
76
|
-
}),
|
|
77
|
-
() => o.isFeatureEnabled("legacyUnsubscribeConversion")
|
|
78
|
-
), ae = l(
|
|
74
|
+
}), oe = p(() => o.isFeatureEnabled("reusableRecommendationStrategy")), ne = p(
|
|
79
75
|
() => !!E().recommendationConfigs.strategyId
|
|
80
76
|
);
|
|
81
|
-
|
|
77
|
+
le({
|
|
82
78
|
onBack: () => {
|
|
83
79
|
console.debug("guido:back"), r("back");
|
|
84
80
|
},
|
|
@@ -98,24 +94,24 @@ const pt = /* @__PURE__ */ ce({
|
|
|
98
94
|
}, N = () => {
|
|
99
95
|
console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
|
|
100
96
|
};
|
|
101
|
-
G(() =>
|
|
102
|
-
r("on-change",
|
|
97
|
+
G(() => l.value, () => {
|
|
98
|
+
r("on-change", l.value);
|
|
103
99
|
});
|
|
104
100
|
const v = (t) => {
|
|
105
|
-
const e = t, { attribute: a, position:
|
|
106
|
-
console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", a,
|
|
101
|
+
const e = t, { attribute: a, position: d } = e.detail;
|
|
102
|
+
console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", a, d);
|
|
107
103
|
};
|
|
108
104
|
let i = null;
|
|
109
|
-
const
|
|
105
|
+
const b = () => {
|
|
110
106
|
var e;
|
|
111
107
|
const t = document.querySelector(Se);
|
|
112
108
|
(e = f.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
|
|
113
109
|
}, h = async () => {
|
|
114
110
|
var t;
|
|
115
111
|
try {
|
|
116
|
-
o.initialized || o.init(s.config),
|
|
117
|
-
const e = o.template, a = (e == null ? void 0 : e.html) || "",
|
|
118
|
-
|
|
112
|
+
o.initialized || o.init(s.config), c.templateId = o.templateId;
|
|
113
|
+
const e = o.template, a = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", P = (e == null ? void 0 : e.preselectedDynamicContent) || [];
|
|
114
|
+
C.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
|
|
119
115
|
const _ = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, O = o.isFeatureEnabled("linkTrackingIds"), x = {
|
|
120
116
|
partnerName: o.partnerName,
|
|
121
117
|
campaignUrls: e == null ? void 0 : e.recommendationCampaignUrls,
|
|
@@ -123,43 +119,43 @@ const pt = /* @__PURE__ */ ce({
|
|
|
123
119
|
};
|
|
124
120
|
let n = {
|
|
125
121
|
html: a && await V(a, _, x),
|
|
126
|
-
css:
|
|
122
|
+
css: d
|
|
127
123
|
};
|
|
128
|
-
n.html || (n = await
|
|
129
|
-
const
|
|
130
|
-
A(n.html) && (n.html = await
|
|
131
|
-
const
|
|
124
|
+
n.html || (n = await L(), n.html = await V(n.html, _, x));
|
|
125
|
+
const re = O ? z(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
|
|
126
|
+
A(n.html) && (n.html = await U(n.html)), O && (c.trackIdSessionFloor = Math.max(re, z(n.html)));
|
|
127
|
+
const ae = {
|
|
132
128
|
preselectedDynamicContentList: P,
|
|
133
129
|
onReady: () => {
|
|
134
130
|
console.debug("guido:ready"), r("ready");
|
|
135
131
|
}
|
|
136
132
|
};
|
|
137
|
-
|
|
133
|
+
u = I(), await R(n, g(), ae), y.selectedDynamicContentList = P;
|
|
138
134
|
} catch (e) {
|
|
139
135
|
console.error("Failed to initialize Stripo editor:", e);
|
|
140
136
|
}
|
|
141
137
|
};
|
|
142
|
-
return
|
|
138
|
+
return ie(async () => {
|
|
143
139
|
var e;
|
|
144
|
-
console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), E().$reset(), w().$reset(),
|
|
140
|
+
console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), E().$reset(), w().$reset(), Ue().$reset(), Le().$reset(), b();
|
|
145
141
|
const t = (e = f.value) == null ? void 0 : e.parentElement;
|
|
146
|
-
if (t && (i = new ResizeObserver(
|
|
142
|
+
if (t && (i = new ResizeObserver(b), i.observe(t)), M(), s.ready)
|
|
147
143
|
await h();
|
|
148
144
|
else {
|
|
149
|
-
const a = G(() => s.ready, (
|
|
150
|
-
|
|
145
|
+
const a = G(() => s.ready, (d) => {
|
|
146
|
+
d && (a(), h());
|
|
151
147
|
});
|
|
152
148
|
}
|
|
153
149
|
document.addEventListener("dynamic-content:open", v);
|
|
154
|
-
}),
|
|
155
|
-
if (i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), E().disposeStrategyPageReturn(),
|
|
150
|
+
}), ce(() => {
|
|
151
|
+
if (i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), E().disposeStrategyPageReturn(), S(u))
|
|
156
152
|
try {
|
|
157
153
|
w().isStripoInitialized = !1;
|
|
158
154
|
} catch (t) {
|
|
159
155
|
console.debug("Failed to close the editor readiness gate on unmount", t);
|
|
160
156
|
}
|
|
161
|
-
|
|
162
|
-
if (
|
|
157
|
+
T(async () => {
|
|
158
|
+
if (S(u))
|
|
163
159
|
try {
|
|
164
160
|
window.UIEditor.removeEditor();
|
|
165
161
|
} catch {
|
|
@@ -171,12 +167,12 @@ const pt = /* @__PURE__ */ ce({
|
|
|
171
167
|
insert: B,
|
|
172
168
|
close: N
|
|
173
169
|
},
|
|
174
|
-
hasChanges:
|
|
170
|
+
hasChanges: l,
|
|
175
171
|
saveSilent: k,
|
|
176
172
|
setLoading: F
|
|
177
|
-
}), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: j, AssignStrategyDrawer: J, RemoveStrategyModal: Q, LegacyStrategyUpdatedModal: X,
|
|
173
|
+
}), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: j, AssignStrategyDrawer: J, RemoveStrategyModal: Q, LegacyStrategyUpdatedModal: X, headerWrapperRef: D, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: C, props: s, configStore: o, editorStore: c, previewStore: Y, hasChanges: l, isTestPartner: Z, isSaveValidationEnabled: ee, saveSilent: k, setLoading: F, emit: r, buildMetadata: g, initPlugin: R, preloadRuntime: M, runExclusive: T, beginMount: I, isCurrentMount: S, mountGeneration: u, getDefaultTemplate: L, cloneTimersOnSave: U, hasTimerBlocks: A, noHeader: te, isRrsEnabled: oe, hasAssignedStrategy: ne, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: b, startEditor: h, AutoSaveController: ve, AuthErrorModal: be, Toaster: he, FilterSelectionDrawer: Ee, HeaderWrapper: we, LoadingWrapper: De, SaveAsTemplateDrawer: Ce, UnsubscribeWrapper: ke, ValidationErrorDrawer: Fe };
|
|
178
174
|
}
|
|
179
175
|
});
|
|
180
176
|
export {
|
|
181
|
-
|
|
177
|
+
lt as default
|
|
182
178
|
};
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { useRecommendation as
|
|
1
|
+
import { useRecommendation as S } from "./useRecommendation.js";
|
|
2
2
|
import { useToaster as I } from "./useToaster.js";
|
|
3
3
|
import { useTranslations as v } from "./useTranslations.js";
|
|
4
4
|
import { ToasterTypeOptions as g } from "../enums/toaster.js";
|
|
5
5
|
import "../extensions/Blocks/Recommendation/constants/selectors.js";
|
|
6
6
|
import { CURRENT_CONFIG_VERSION as L } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
|
|
7
|
-
import { useRecommendationExtensionStore as
|
|
8
|
-
import { resolveMigrationTarget as
|
|
7
|
+
import { useRecommendationExtensionStore as R } from "../extensions/Blocks/Recommendation/store/recommendation.js";
|
|
8
|
+
import { resolveMigrationTarget as b, buildLegacyMigrationPayload as k } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
|
|
9
9
|
import { commitBlockChangeOutsidePanel as T } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
|
|
10
10
|
import { useConfigStore as h } from "../stores/config.js";
|
|
11
11
|
const F = () => {
|
|
12
|
-
const e =
|
|
12
|
+
const e = R(), o = h(), { buildCampaignUrl: m } = S(), { showToaster: c } = I(), a = v();
|
|
13
13
|
return { convertLegacyStrategy: async () => {
|
|
14
14
|
const t = e.currentRecommendationId;
|
|
15
15
|
if (t === null || !e.isLegacyStrategyBlock || e.legacyConversionLoading)
|
|
16
16
|
return "";
|
|
17
|
-
const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s =
|
|
18
|
-
campaignId:
|
|
19
|
-
templateLibraryId:
|
|
20
|
-
}),
|
|
17
|
+
const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = b({
|
|
18
|
+
campaignId: o.campaignId,
|
|
19
|
+
templateLibraryId: o.templateLibraryId
|
|
20
|
+
}), C = k({
|
|
21
21
|
blockId: t,
|
|
22
22
|
url: m(String(t)),
|
|
23
|
-
campaignId:
|
|
24
|
-
variationId:
|
|
23
|
+
campaignId: o.campaignId,
|
|
24
|
+
variationId: o.variationId,
|
|
25
25
|
strategy: d,
|
|
26
26
|
productIds: y,
|
|
27
27
|
target: s
|
|
28
28
|
});
|
|
29
|
-
let
|
|
29
|
+
let r;
|
|
30
30
|
try {
|
|
31
|
-
|
|
31
|
+
r = await e.convertLegacyStrategy(C, s);
|
|
32
32
|
} catch (i) {
|
|
33
33
|
return console.error("[useLegacyStrategyConversion] migration failed", i), c({
|
|
34
34
|
type: g.Error,
|
|
@@ -40,7 +40,7 @@ const F = () => {
|
|
|
40
40
|
}), "";
|
|
41
41
|
}
|
|
42
42
|
try {
|
|
43
|
-
await e.
|
|
43
|
+
await e.fetchRecommendationProductsForBlock(t);
|
|
44
44
|
} catch (i) {
|
|
45
45
|
console.error("[useLegacyStrategyConversion] product refetch failed", i);
|
|
46
46
|
}
|
|
@@ -48,16 +48,16 @@ const F = () => {
|
|
|
48
48
|
return n ? T(
|
|
49
49
|
t,
|
|
50
50
|
{
|
|
51
|
-
strategyId:
|
|
51
|
+
strategyId: r,
|
|
52
52
|
size: n.recommendationConfigs.size,
|
|
53
53
|
configVersion: L
|
|
54
54
|
},
|
|
55
55
|
n.recommendationProducts,
|
|
56
56
|
"Converted legacy recommendation strategy"
|
|
57
|
-
) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(),
|
|
57
|
+
) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), r) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), c({
|
|
58
58
|
type: g.Error,
|
|
59
59
|
message: a("email-editor.legacy-strategy-update-failed")
|
|
60
|
-
}), "") :
|
|
60
|
+
}), "") : r;
|
|
61
61
|
} };
|
|
62
62
|
};
|
|
63
63
|
export {
|