@useinsider/guido 3.19.0-beta.87e26c0 → 3.19.0-beta.ab4fcb3
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 +21 -3
- package/dist/@types/config/schemas.js +78 -57
- package/dist/components/Guido.vue.js +2 -2
- package/dist/components/Guido.vue2.js +86 -80
- package/dist/components/organisms/base/Toaster.vue2.js +13 -12
- package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js +13 -11
- package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js +78 -57
- package/dist/components/organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js +18 -0
- package/dist/components/organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue2.js +25 -0
- package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue2.js +28 -42
- package/dist/components/organisms/header/EditorActions.vue.js +4 -4
- package/dist/components/organisms/header/EditorActions.vue2.js +23 -25
- package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +28 -24
- package/dist/components/organisms/onboarding/RecommendationLegacyStrategyOnboarding.vue.js +21 -0
- package/dist/components/organisms/onboarding/RecommendationLegacyStrategyOnboarding.vue2.js +46 -0
- package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue.js +21 -0
- package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue2.js +47 -0
- package/dist/composables/useActionsApi.js +52 -47
- package/dist/composables/useCodeEditorApi.js +23 -9
- package/dist/composables/useCustomInterfaceAppearance.js +65 -51
- package/dist/composables/useHtmlValidator.js +87 -82
- package/dist/composables/useHttp.js +44 -55
- package/dist/composables/useLegacyStrategyConversion.js +61 -0
- package/dist/composables/useRecommendation.js +40 -35
- package/dist/composables/useStripo.js +30 -30
- package/dist/composables/useToaster.js +14 -20
- package/dist/composables/useTranslations.js +3 -2
- package/dist/composables/useVersionHistoryApi.js +33 -24
- package/dist/config/migrator/index.js +14 -13
- package/dist/config/migrator/recommendationPartnerMigrator.js +50 -0
- package/dist/enums/extensions/recommendationBlock.js +49 -33
- package/dist/extensions/Blocks/Recommendation/block.js +65 -45
- package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +21 -20
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +103 -90
- package/dist/extensions/Blocks/Recommendation/controls/main/strategy.js +150 -52
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +74 -74
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +274 -92
- package/dist/extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js +42 -0
- package/dist/extensions/Blocks/Recommendation/utils/nodeConfigWriter.js +26 -16
- package/dist/extensions/Blocks/Recommendation/utils/partnerScope.js +25 -0
- package/dist/extensions/Blocks/Recommendation/utils/strategyCommit.js +24 -0
- package/dist/extensions/Blocks/Recommendation/validation/requiredFields.js +21 -12
- package/dist/guido.css +1 -1
- package/dist/services/recommendationApi.js +46 -37
- package/dist/src/@types/config/schemas.d.ts +32 -0
- package/dist/src/components/organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.d.ts +2 -0
- package/dist/src/components/organisms/onboarding/RecommendationLegacyStrategyOnboarding.vue.d.ts +2 -0
- package/dist/src/components/organisms/onboarding/RecommendationStrategyOnboarding.vue.d.ts +2 -0
- package/dist/src/composables/useConfig.d.ts +6 -0
- package/dist/src/composables/useLegacyStrategyConversion.d.ts +3 -0
- package/dist/src/config/migrator/index.d.ts +2 -1
- package/dist/src/config/migrator/recommendationPartnerMigrator.d.ts +19 -0
- package/dist/src/enums/extensions/recommendationBlock.d.ts +7 -1
- package/dist/src/extensions/Blocks/Recommendation/block.d.ts +10 -0
- package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts +1 -0
- package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +2 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/main/strategy.d.ts +10 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +7 -2
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +162 -1
- package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +6 -0
- package/dist/src/extensions/Blocks/Recommendation/utils/legacyStrategyMigration.d.ts +32 -0
- package/dist/src/extensions/Blocks/Recommendation/utils/partnerScope.d.ts +33 -0
- package/dist/src/extensions/Blocks/Recommendation/utils/strategyCommit.d.ts +14 -0
- package/dist/src/extensions/Blocks/Recommendation/validation/requiredFields.d.ts +4 -0
- package/dist/src/services/recommendationApi.d.ts +2 -1
- package/dist/src/stores/config.d.ts +342 -0
- package/dist/src/stores/onboarding.d.ts +808 -10
- package/dist/src/utils/stripoEditorApi.d.ts +4 -0
- package/dist/static/assets/icons/filled-arrow-rising.svg.js +5 -0
- package/dist/static/assets/icons/line-info.svg.js +5 -0
- package/dist/static/styles/components/recommendation-strategy.css.js +113 -9
- package/dist/static/styles/components/skeleton.css.js +23 -0
- package/dist/stores/config.js +74 -60
- package/dist/stores/onboarding.js +46 -36
- package/dist/stores/unsubscribe.js +3 -3
- package/dist/utils/stripoEditorApi.js +11 -0
- package/dist/utils/templatePreparation.js +55 -55
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -95,9 +95,11 @@ import type { GuidoConfigInput } from '@useinsider/guido';
|
|
|
95
95
|
const config: GuidoConfigInput = {
|
|
96
96
|
// Required: Identity
|
|
97
97
|
identity: {
|
|
98
|
-
templateId: string,
|
|
99
|
-
userId: string,
|
|
100
|
-
variationId?: string,
|
|
98
|
+
templateId: string, // Required - Template identifier
|
|
99
|
+
userId: string, // Required - User identifier
|
|
100
|
+
variationId?: string, // Optional - A/B test variation
|
|
101
|
+
campaignId?: string, // Optional - Numeric campaign id; absent for templates/modules
|
|
102
|
+
templateLibraryId?: string, // Optional - Numeric template-library id; absent for campaigns/modules
|
|
101
103
|
},
|
|
102
104
|
|
|
103
105
|
// Required: Partner
|
|
@@ -184,6 +186,22 @@ const config: GuidoConfigInput = {
|
|
|
184
186
|
};
|
|
185
187
|
```
|
|
186
188
|
|
|
189
|
+
### `identity` ids
|
|
190
|
+
|
|
191
|
+
`templateId` is the editor's **document** identity (a uuid / Stripo doc id) and never addresses a
|
|
192
|
+
backend resource. `campaignId` and `templateLibraryId` are the **numeric** ids of the surface the
|
|
193
|
+
editor was opened on, and they are what Guido uses to resolve host-scoped endpoints — most visibly
|
|
194
|
+
when converting a legacy recommendation block into a reusable strategy.
|
|
195
|
+
|
|
196
|
+
| Surface | `campaignId` | `templateLibraryId` |
|
|
197
|
+
|---------|--------------|---------------------|
|
|
198
|
+
| Campaign editor | the campaign id | absent |
|
|
199
|
+
| Saved template editor | absent | the template-library id |
|
|
200
|
+
| Module editor / unsaved template | absent | absent |
|
|
201
|
+
|
|
202
|
+
Pass only the one that applies. A campaign id takes precedence when both are present, and when
|
|
203
|
+
neither is supplied Guido falls back to campaign scope — so a module keeps working unchanged.
|
|
204
|
+
|
|
187
205
|
### `ready` prop
|
|
188
206
|
|
|
189
207
|
```vue
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ModuleFolderDefaults as
|
|
2
|
-
import { object as a, number as
|
|
1
|
+
import { ModuleFolderDefaults as S } 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,
|
|
@@ -14,17 +14,25 @@ const p = {
|
|
|
14
14
|
UNSUBSCRIBE_PAGES: 97
|
|
15
15
|
}, A = a({
|
|
16
16
|
/** Unique identifier for the template being edited */
|
|
17
|
-
templateId:
|
|
17
|
+
templateId: i(
|
|
18
18
|
t(),
|
|
19
19
|
b(1, "templateId is required")
|
|
20
20
|
),
|
|
21
21
|
/** Unique identifier for the user editing the template */
|
|
22
|
-
userId:
|
|
22
|
+
userId: i(
|
|
23
23
|
t(),
|
|
24
24
|
b(1, "userId is required")
|
|
25
25
|
),
|
|
26
26
|
/** Optional variation ID for A/B testing */
|
|
27
|
-
variationId: e(t())
|
|
27
|
+
variationId: e(t()),
|
|
28
|
+
/** Optional numeric campaign ID of the host campaign; absent for templates and modules */
|
|
29
|
+
campaignId: e(t()),
|
|
30
|
+
/**
|
|
31
|
+
* Optional numeric template-library id of the host template; absent for campaigns and
|
|
32
|
+
* modules. Distinct from `templateId`, which is the editor's document identity (a uuid /
|
|
33
|
+
* Stripo doc id) and is never an endpoint id.
|
|
34
|
+
*/
|
|
35
|
+
templateLibraryId: e(t())
|
|
28
36
|
}), L = a({
|
|
29
37
|
/** Fallback font name (e.g., "Georgia") */
|
|
30
38
|
name: t(),
|
|
@@ -32,13 +40,13 @@ const p = {
|
|
|
32
40
|
family: t()
|
|
33
41
|
}), M = a({
|
|
34
42
|
/** Partner/organization name (required) */
|
|
35
|
-
name:
|
|
43
|
+
name: i(
|
|
36
44
|
t(),
|
|
37
45
|
b(1, "partner.name is required")
|
|
38
46
|
),
|
|
39
47
|
/** Product type identifier */
|
|
40
48
|
productType: e(
|
|
41
|
-
|
|
49
|
+
m([
|
|
42
50
|
l.EMAIL,
|
|
43
51
|
l.ARCHITECT,
|
|
44
52
|
l.UNSUBSCRIBE_PAGES
|
|
@@ -47,7 +55,7 @@ const p = {
|
|
|
47
55
|
),
|
|
48
56
|
/** Message type (promotional or transactional) */
|
|
49
57
|
messageType: e(
|
|
50
|
-
|
|
58
|
+
m([p.PROMOTIONAL, p.TRANSACTIONAL]),
|
|
51
59
|
p.PROMOTIONAL
|
|
52
60
|
),
|
|
53
61
|
/** Display name for the current user */
|
|
@@ -68,22 +76,22 @@ const p = {
|
|
|
68
76
|
value: t()
|
|
69
77
|
})
|
|
70
78
|
)
|
|
71
|
-
}),
|
|
79
|
+
}), f = T(() => C({
|
|
72
80
|
text: e(t()),
|
|
73
81
|
// eslint-disable-next-line camelcase -- backend field name
|
|
74
82
|
tag_text: e(t()),
|
|
75
83
|
value: e(t()),
|
|
76
|
-
children: e(c(
|
|
84
|
+
children: e(c(f)),
|
|
77
85
|
// eslint-disable-next-line camelcase -- backend field name
|
|
78
|
-
select_items: e(c(
|
|
79
|
-
})), N =
|
|
86
|
+
select_items: e(c(f))
|
|
87
|
+
})), N = g(
|
|
80
88
|
t(),
|
|
81
|
-
R(c(
|
|
82
|
-
), P =
|
|
89
|
+
R(c(f), [])
|
|
90
|
+
), P = C({
|
|
83
91
|
/** Block ID (matches the dictionary key and the legacy HTML element id) */
|
|
84
|
-
id: e(
|
|
92
|
+
id: e(s()),
|
|
85
93
|
/** Decimal places for price display (legacy data may use string or number) */
|
|
86
|
-
decimalCount: e(h([t(),
|
|
94
|
+
decimalCount: e(h([t(), s()])),
|
|
87
95
|
/** Pinned product IDs (empty array when filter-driven) */
|
|
88
96
|
productIds: e(c(r())),
|
|
89
97
|
/** Whether the block requested live products at send time */
|
|
@@ -103,11 +111,11 @@ const p = {
|
|
|
103
111
|
/** Snapshot of products as rendered by the legacy block */
|
|
104
112
|
recommendedProducts: e(c(r())),
|
|
105
113
|
/** Number of product cards per row */
|
|
106
|
-
cardsInRow: e(
|
|
114
|
+
cardsInRow: e(s()),
|
|
107
115
|
/** Mobile-only padding (right) */
|
|
108
|
-
mobileRightPadding: e(
|
|
116
|
+
mobileRightPadding: e(s()),
|
|
109
117
|
/** Mobile-only padding (left) */
|
|
110
|
-
mobileLeftPadding: e(
|
|
118
|
+
mobileLeftPadding: e(s()),
|
|
111
119
|
/** Disable responsive scaling */
|
|
112
120
|
unresponsive: e(o()),
|
|
113
121
|
/** Layout orientation ('vertical' | 'horizontal') */
|
|
@@ -117,14 +125,14 @@ const p = {
|
|
|
117
125
|
/** Block type marker used by some legacy variants */
|
|
118
126
|
blockType: e(t()),
|
|
119
127
|
/** Size variant marker (legacy data may use string or number) */
|
|
120
|
-
size: e(h([t(),
|
|
128
|
+
size: e(h([t(), s()])),
|
|
121
129
|
/** Vertical responsiveness flag (legacy size=1 variants) */
|
|
122
130
|
verticalResponsiveness: e(o()),
|
|
123
131
|
/** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
|
|
124
132
|
isPriceMovedToNextLine: e(o()),
|
|
125
133
|
/** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
|
|
126
134
|
isPriceDeletedForZeroSale: e(o())
|
|
127
|
-
}),
|
|
135
|
+
}), x = a({
|
|
128
136
|
/**
|
|
129
137
|
* Legacy recommendation block configs keyed by block ID.
|
|
130
138
|
* Pass this when loading a template authored with the v1
|
|
@@ -132,10 +140,10 @@ const p = {
|
|
|
132
140
|
* strategy, currency, locale, and layout data.
|
|
133
141
|
*/
|
|
134
142
|
recommendationConfigs: e(
|
|
135
|
-
|
|
143
|
+
g(t(), P),
|
|
136
144
|
{}
|
|
137
145
|
)
|
|
138
|
-
}),
|
|
146
|
+
}), D = a({
|
|
139
147
|
/** Initial HTML content */
|
|
140
148
|
html: e(t(), ""),
|
|
141
149
|
/** Initial CSS content */
|
|
@@ -155,7 +163,7 @@ const p = {
|
|
|
155
163
|
/** Valid custom field attribute names from the partner's categorized fields */
|
|
156
164
|
customFieldAttributes: e(c(t()), []),
|
|
157
165
|
/** Selected unsubscribe page IDs */
|
|
158
|
-
selectedUnsubscribePages: e(c(
|
|
166
|
+
selectedUnsubscribePages: e(c(s()), []),
|
|
159
167
|
/** Force recreate template in Stripo storage (use true when updating externally modified templates) */
|
|
160
168
|
forceRecreate: e(o(), !1),
|
|
161
169
|
/**
|
|
@@ -166,32 +174,45 @@ const p = {
|
|
|
166
174
|
* mount. Non-numbers still fail, like every other field in this schema.
|
|
167
175
|
*/
|
|
168
176
|
trackIdCounter: e(
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
177
|
+
i(
|
|
178
|
+
s(),
|
|
179
|
+
y((n) => Number.isFinite(n) ? Math.max(0, Math.floor(n)) : 0)
|
|
172
180
|
),
|
|
173
181
|
0
|
|
174
182
|
),
|
|
183
|
+
/**
|
|
184
|
+
* The variation's saved `recommendationCampaignUrls`, keyed by block id. A block
|
|
185
|
+
* that still names a strategy but has no entry here had it dropped by a
|
|
186
|
+
* cross-account duplicate, so Guido resets it on load (SD-151945). Omit it and
|
|
187
|
+
* that check is off, and so is any non-object value such as `null`, because a reset
|
|
188
|
+
* cannot be undone. Hosts send `[]` for an empty map.
|
|
189
|
+
*/
|
|
190
|
+
recommendationCampaignUrls: e(
|
|
191
|
+
i(
|
|
192
|
+
r(),
|
|
193
|
+
y((n) => n && typeof n == "object" ? { ...n } : void 0)
|
|
194
|
+
)
|
|
195
|
+
),
|
|
175
196
|
/** Migration-only inputs (legacy block configs) */
|
|
176
|
-
migration: e(
|
|
177
|
-
}),
|
|
197
|
+
migration: e(x, {})
|
|
198
|
+
}), O = a({
|
|
178
199
|
/** Sender display name */
|
|
179
200
|
senderName: e(t(), ""),
|
|
180
201
|
/** Email subject line */
|
|
181
202
|
subject: e(t(), "")
|
|
182
|
-
}),
|
|
203
|
+
}), v = a({
|
|
183
204
|
/** Locale for the editor UI */
|
|
184
205
|
locale: e(t(), "en"),
|
|
185
206
|
/** Path to translations object */
|
|
186
207
|
translationsPath: e(t(), "window.trans[Object.keys(window.trans)[0]]"),
|
|
187
208
|
/** Migration date for template compatibility */
|
|
188
|
-
migrationDate: e(
|
|
209
|
+
migrationDate: e(s(), 1759696858),
|
|
189
210
|
/** Email header settings */
|
|
190
|
-
emailHeader: e(
|
|
211
|
+
emailHeader: e(O, { senderName: "", subject: "" }),
|
|
191
212
|
/** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
|
|
192
|
-
savedModulesFolderName: e(t(),
|
|
213
|
+
savedModulesFolderName: e(t(), S.SAVED_MODULES),
|
|
193
214
|
/** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
|
|
194
|
-
defaultModulesFolderName: e(t(),
|
|
215
|
+
defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
|
|
195
216
|
}), F = a({
|
|
196
217
|
/** Whether to show the header bar */
|
|
197
218
|
showHeader: e(o(), !0),
|
|
@@ -221,7 +242,7 @@ const p = {
|
|
|
221
242
|
/** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
|
|
222
243
|
linkTrackingIds: e(o(), !1),
|
|
223
244
|
reusableRecommendationStrategy: e(o(), !1)
|
|
224
|
-
}), B =
|
|
245
|
+
}), B = m([
|
|
225
246
|
"amp-accordion",
|
|
226
247
|
"amp-carousel",
|
|
227
248
|
"amp-form-controls",
|
|
@@ -235,7 +256,7 @@ const p = {
|
|
|
235
256
|
"text-block",
|
|
236
257
|
"timer-block",
|
|
237
258
|
"video-block"
|
|
238
|
-
]), w =
|
|
259
|
+
]), w = m([
|
|
239
260
|
"dynamic-content",
|
|
240
261
|
"checkbox-block",
|
|
241
262
|
"radio-button-block",
|
|
@@ -243,7 +264,7 @@ const p = {
|
|
|
243
264
|
"unsubscribe-block",
|
|
244
265
|
"coupon-block",
|
|
245
266
|
"items-block"
|
|
246
|
-
]),
|
|
267
|
+
]), j = a({
|
|
247
268
|
/** Default blocks to exclude from the editor */
|
|
248
269
|
excludeDefaults: e(
|
|
249
270
|
c(B),
|
|
@@ -260,8 +281,8 @@ const p = {
|
|
|
260
281
|
/** Human-readable description */
|
|
261
282
|
description: e(t()),
|
|
262
283
|
/** Priority for rule ordering (lower = earlier) */
|
|
263
|
-
priority:
|
|
264
|
-
}),
|
|
284
|
+
priority: s()
|
|
285
|
+
}), H = a({
|
|
265
286
|
...d.entries,
|
|
266
287
|
type: u("replace"),
|
|
267
288
|
/** String to search for */
|
|
@@ -270,7 +291,7 @@ const p = {
|
|
|
270
291
|
replacement: t(),
|
|
271
292
|
/** Replace all occurrences (default: false) */
|
|
272
293
|
replaceAll: e(o())
|
|
273
|
-
}),
|
|
294
|
+
}), _ = a({
|
|
274
295
|
...d.entries,
|
|
275
296
|
type: u("regex"),
|
|
276
297
|
/** Regex pattern string */
|
|
@@ -288,13 +309,13 @@ const p = {
|
|
|
288
309
|
...d.entries,
|
|
289
310
|
type: u("custom"),
|
|
290
311
|
/** Custom processor function */
|
|
291
|
-
processor:
|
|
292
|
-
(
|
|
312
|
+
processor: k(
|
|
313
|
+
(n) => typeof n == "function",
|
|
293
314
|
"processor must be a function"
|
|
294
315
|
)
|
|
295
|
-
}), V =
|
|
316
|
+
}), V = I("type", [
|
|
317
|
+
H,
|
|
296
318
|
_,
|
|
297
|
-
j,
|
|
298
319
|
q,
|
|
299
320
|
G
|
|
300
321
|
]), z = a({
|
|
@@ -308,8 +329,8 @@ const p = {
|
|
|
308
329
|
* Return false to cancel the save operation.
|
|
309
330
|
*/
|
|
310
331
|
externalValidation: e(
|
|
311
|
-
|
|
312
|
-
(
|
|
332
|
+
k(
|
|
333
|
+
(n) => typeof n == "function",
|
|
313
334
|
"externalValidation must be a function"
|
|
314
335
|
)
|
|
315
336
|
)
|
|
@@ -321,22 +342,22 @@ const p = {
|
|
|
321
342
|
partner: M,
|
|
322
343
|
// Optional sections (with defaults)
|
|
323
344
|
/** Template content and presets */
|
|
324
|
-
template: e(
|
|
345
|
+
template: e(D, {}),
|
|
325
346
|
/** Editor settings */
|
|
326
|
-
editor: e(
|
|
347
|
+
editor: e(v, {}),
|
|
327
348
|
/** UI configuration */
|
|
328
349
|
ui: e(F, {}),
|
|
329
350
|
/** Feature toggles */
|
|
330
351
|
features: e(U, {}),
|
|
331
352
|
/** Block configuration */
|
|
332
|
-
blocks: e(
|
|
353
|
+
blocks: e(j, {}),
|
|
333
354
|
/** Compiler configuration */
|
|
334
355
|
compiler: e(z, {}),
|
|
335
356
|
/** Callbacks and event handlers */
|
|
336
357
|
callbacks: e(Z, {})
|
|
337
358
|
});
|
|
338
359
|
export {
|
|
339
|
-
|
|
360
|
+
j as BlocksSchema,
|
|
340
361
|
Z as CallbacksSchema,
|
|
341
362
|
V as CompilerRuleSchema,
|
|
342
363
|
z as CompilerSchema,
|
|
@@ -344,10 +365,10 @@ export {
|
|
|
344
365
|
G as CustomRuleSchema,
|
|
345
366
|
B as DefaultBlockTypeSchema,
|
|
346
367
|
N as DynamicContentListSchema,
|
|
347
|
-
|
|
368
|
+
f as DynamicContentNodeSchema,
|
|
348
369
|
E as DynamicContentSchema,
|
|
349
|
-
|
|
350
|
-
|
|
370
|
+
v as EditorSchema,
|
|
371
|
+
O as EmailHeaderSchema,
|
|
351
372
|
L as FallbackFontSchema,
|
|
352
373
|
U as FeaturesSchema,
|
|
353
374
|
Q as GuidoConfigSchema,
|
|
@@ -356,10 +377,10 @@ export {
|
|
|
356
377
|
p as MessageType,
|
|
357
378
|
M as PartnerSchema,
|
|
358
379
|
l as ProductType,
|
|
359
|
-
|
|
380
|
+
_ as RegexRuleSchema,
|
|
360
381
|
q as RemoveRuleSchema,
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
382
|
+
H as ReplaceRuleSchema,
|
|
383
|
+
x as TemplateMigrationSchema,
|
|
384
|
+
D as TemplateSchema,
|
|
364
385
|
F as UISchema
|
|
365
386
|
};
|
|
@@ -3,7 +3,7 @@ import o from "./Guido.vue2.js";
|
|
|
3
3
|
import i from "../_virtual/_plugin-vue2_normalizer.js";
|
|
4
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.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
|
|
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.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.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(
|
|
@@ -12,7 +12,7 @@ var t = function() {
|
|
|
12
12
|
s,
|
|
13
13
|
!1,
|
|
14
14
|
null,
|
|
15
|
-
"
|
|
15
|
+
"55f67f37"
|
|
16
16
|
);
|
|
17
17
|
const f = n.exports;
|
|
18
18
|
export {
|
|
@@ -1,55 +1,57 @@
|
|
|
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 { useStripo as
|
|
8
|
-
import { useTimerClone as
|
|
9
|
-
import { migrate as
|
|
10
|
-
import { ModuleFolderDefaults as
|
|
11
|
-
import { RIBBON_SELECTOR as
|
|
12
|
-
import { useRecommendationExtensionStore as
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import { useStripoApi as
|
|
21
|
-
import { useConfigStore as
|
|
22
|
-
import { useDynamicContentStore as
|
|
23
|
-
import { useEditorStore as
|
|
24
|
-
import { usePreviewStore as
|
|
25
|
-
import { useTemplateStore as
|
|
1
|
+
import { defineComponent as ae, defineAsyncComponent as m, ref as x, computed as u, watch as W, onMounted as se, onUnmounted as ie } from "vue";
|
|
2
|
+
import { useCortexBlueprintBridge as ce } from "../composables/useCortexBlueprintBridge.js";
|
|
3
|
+
import { useEditorLock as de } from "../composables/useEditorLock.js";
|
|
4
|
+
import { provideGuidoActions as me } from "../composables/useGuidoActions.js";
|
|
5
|
+
import { useGuidoStateBridge as le } from "../composables/useGuidoStateBridge.js";
|
|
6
|
+
import { usePartner as ue } from "../composables/usePartner.js";
|
|
7
|
+
import { useStripo as pe } from "../composables/useStripo.js";
|
|
8
|
+
import { useTimerClone as fe } from "../composables/useTimerClone.js";
|
|
9
|
+
import { migrate as G } from "../config/migrator/index.js";
|
|
10
|
+
import { ModuleFolderDefaults as H } from "../enums/defaults.js";
|
|
11
|
+
import { RIBBON_SELECTOR as ye } from "../enums/onboarding.js";
|
|
12
|
+
import { useRecommendationExtensionStore as h } from "../extensions/Blocks/Recommendation/store/recommendation.js";
|
|
13
|
+
import ge from "./organisms/AutoSaveController.vue.js";
|
|
14
|
+
import Se from "./organisms/base/Toaster.vue.js";
|
|
15
|
+
import ve from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
|
|
16
|
+
import be from "./organisms/header/HeaderWrapper.vue.js";
|
|
17
|
+
import he from "./organisms/LoadingWrapper.vue.js";
|
|
18
|
+
import Ee from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
|
|
19
|
+
import we from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
|
|
20
|
+
import { useStripoApi as Ce } from "../services/stripoApi.js";
|
|
21
|
+
import { useConfigStore as De } from "../stores/config.js";
|
|
22
|
+
import { useDynamicContentStore as ke } from "../stores/dynamic-content.js";
|
|
23
|
+
import { useEditorStore as $ } from "../stores/editor.js";
|
|
24
|
+
import { usePreviewStore as Fe } from "../stores/preview.js";
|
|
25
|
+
import { useTemplateStore as Re } from "../stores/template.js";
|
|
26
26
|
import { useUnsubscribeStore as Te } from "../stores/unsubscribe.js";
|
|
27
|
-
import { readTrackFloor as
|
|
28
|
-
const
|
|
27
|
+
import { readTrackFloor as z } from "../utils/linkTrackingIds.js";
|
|
28
|
+
const ot = /* @__PURE__ */ ae({
|
|
29
29
|
__name: "Guido",
|
|
30
30
|
props: {
|
|
31
31
|
config: null,
|
|
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(q, { expose: K, emit: r }) {
|
|
36
|
+
const s = q, V = m(
|
|
37
37
|
() => import("./organisms/email-preview/PreviewContainer.vue.js")
|
|
38
|
-
),
|
|
38
|
+
), j = m(
|
|
39
39
|
() => import("./organisms/onboarding/OnboardingWrapper.vue.js")
|
|
40
|
-
),
|
|
40
|
+
), J = m(
|
|
41
41
|
() => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
|
|
42
|
-
),
|
|
42
|
+
), Q = m(
|
|
43
43
|
() => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
|
|
44
|
-
),
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
), X = m(
|
|
45
|
+
() => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
|
|
46
|
+
), E = x(), p = x(), f = ke(), w = Te(), o = De();
|
|
47
|
+
s.ready && o.init(s.config);
|
|
48
|
+
const c = $(), Y = Fe(), l = u(() => c.hasChanges), { isTestPartner: Z } = ue(), C = () => {
|
|
47
49
|
var t;
|
|
48
|
-
return (t =
|
|
49
|
-
},
|
|
50
|
+
return (t = E.value) == null ? void 0 : t.handleSave(!0);
|
|
51
|
+
}, D = (t) => {
|
|
50
52
|
c.loadingStatus = t;
|
|
51
53
|
};
|
|
52
|
-
|
|
54
|
+
ce(), le();
|
|
53
55
|
const y = () => {
|
|
54
56
|
var t, e;
|
|
55
57
|
return {
|
|
@@ -57,18 +59,18 @@ const et = /* @__PURE__ */ ne({
|
|
|
57
59
|
userId: o.userId,
|
|
58
60
|
username: o.username,
|
|
59
61
|
partnerName: o.partnerName,
|
|
60
|
-
savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) ||
|
|
61
|
-
defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) ||
|
|
62
|
+
savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || H.SAVED_MODULES,
|
|
63
|
+
defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || H.DEFAULT_MODULES
|
|
62
64
|
};
|
|
63
|
-
}, { initPlugin:
|
|
65
|
+
}, { initPlugin: k, preloadRuntime: F } = pe(), { runExclusive: R, beginMount: T, isCurrentMount: M } = de();
|
|
64
66
|
let g = 0;
|
|
65
|
-
const { getDefaultTemplate:
|
|
67
|
+
const { getDefaultTemplate: I } = Ce(), { cloneTimersOnSave: L, hasTimerBlocks: U } = fe(), ee = u(() => {
|
|
66
68
|
var t;
|
|
67
69
|
return !((t = o.ui) != null && t.showHeader);
|
|
68
|
-
}),
|
|
69
|
-
() => !!
|
|
70
|
+
}), te = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), oe = u(
|
|
71
|
+
() => !!h().recommendationConfigs.strategyId
|
|
70
72
|
);
|
|
71
|
-
|
|
73
|
+
me({
|
|
72
74
|
onBack: () => {
|
|
73
75
|
console.debug("guido:back"), r("back");
|
|
74
76
|
},
|
|
@@ -85,78 +87,82 @@ const et = /* @__PURE__ */ ne({
|
|
|
85
87
|
});
|
|
86
88
|
const B = (t) => {
|
|
87
89
|
console.debug("dynamic-content:close", t), f.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
|
|
88
|
-
},
|
|
90
|
+
}, N = () => {
|
|
89
91
|
console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
|
|
90
92
|
};
|
|
91
|
-
|
|
92
|
-
r("on-change",
|
|
93
|
+
W(() => l.value, () => {
|
|
94
|
+
r("on-change", l.value);
|
|
93
95
|
});
|
|
94
|
-
const
|
|
95
|
-
const e = t, { attribute:
|
|
96
|
-
console.debug("dynamic-content:open", e.detail), r("dynamic-content:open",
|
|
96
|
+
const S = (t) => {
|
|
97
|
+
const e = t, { attribute: a, position: d } = e.detail;
|
|
98
|
+
console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", a, d);
|
|
97
99
|
};
|
|
98
100
|
let i = null;
|
|
99
|
-
const
|
|
101
|
+
const v = () => {
|
|
100
102
|
var e;
|
|
101
|
-
const t = document.querySelector(
|
|
103
|
+
const t = document.querySelector(ye);
|
|
102
104
|
(e = p.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
|
|
103
105
|
}, b = async () => {
|
|
104
106
|
var t;
|
|
105
107
|
try {
|
|
106
|
-
o.initialized || o.init(
|
|
107
|
-
const e = o.template,
|
|
108
|
-
|
|
109
|
-
const
|
|
108
|
+
o.initialized || o.init(s.config), c.templateId = o.templateId;
|
|
109
|
+
const e = o.template, a = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", A = (e == null ? void 0 : e.preselectedDynamicContent) || [];
|
|
110
|
+
w.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
|
|
111
|
+
const P = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, _ = o.isFeatureEnabled("linkTrackingIds"), O = {
|
|
112
|
+
partnerName: o.partnerName,
|
|
113
|
+
campaignUrls: e == null ? void 0 : e.recommendationCampaignUrls,
|
|
114
|
+
rrsEnabled: o.isFeatureEnabled("reusableRecommendationStrategy")
|
|
115
|
+
};
|
|
110
116
|
let n = {
|
|
111
|
-
html:
|
|
117
|
+
html: a && await G(a, P, O),
|
|
112
118
|
css: d
|
|
113
119
|
};
|
|
114
|
-
n.html || (n = await
|
|
115
|
-
const
|
|
116
|
-
|
|
117
|
-
const
|
|
118
|
-
preselectedDynamicContentList:
|
|
120
|
+
n.html || (n = await I(), n.html = await G(n.html, P, O));
|
|
121
|
+
const ne = _ ? z(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
|
|
122
|
+
U(n.html) && (n.html = await L(n.html)), _ && (c.trackIdSessionFloor = Math.max(ne, z(n.html)));
|
|
123
|
+
const re = {
|
|
124
|
+
preselectedDynamicContentList: A,
|
|
119
125
|
onReady: () => {
|
|
120
126
|
console.debug("guido:ready"), r("ready");
|
|
121
127
|
}
|
|
122
128
|
};
|
|
123
|
-
g =
|
|
129
|
+
g = T(), await k(n, y(), re), f.selectedDynamicContentList = A;
|
|
124
130
|
} catch (e) {
|
|
125
131
|
console.error("Failed to initialize Stripo editor:", e);
|
|
126
132
|
}
|
|
127
133
|
};
|
|
128
|
-
return
|
|
134
|
+
return se(async () => {
|
|
129
135
|
var e;
|
|
130
|
-
console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"),
|
|
136
|
+
console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), h().$reset(), $().$reset(), Re().$reset(), v();
|
|
131
137
|
const t = (e = p.value) == null ? void 0 : e.parentElement;
|
|
132
|
-
if (t && (i = new ResizeObserver(
|
|
138
|
+
if (t && (i = new ResizeObserver(v), i.observe(t)), F(), s.ready)
|
|
133
139
|
await b();
|
|
134
140
|
else {
|
|
135
|
-
const
|
|
136
|
-
d && (
|
|
141
|
+
const a = W(() => s.ready, (d) => {
|
|
142
|
+
d && (a(), b());
|
|
137
143
|
});
|
|
138
144
|
}
|
|
139
|
-
document.addEventListener("dynamic-content:open",
|
|
140
|
-
}),
|
|
141
|
-
i == null || i.disconnect(), document.removeEventListener("dynamic-content:open",
|
|
142
|
-
if (
|
|
145
|
+
document.addEventListener("dynamic-content:open", S);
|
|
146
|
+
}), ie(() => {
|
|
147
|
+
i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", S), h().disposeStrategyPageReturn(), R(async () => {
|
|
148
|
+
if (M(g))
|
|
143
149
|
try {
|
|
144
150
|
window.UIEditor.removeEditor();
|
|
145
151
|
} catch {
|
|
146
152
|
console.debug("Failed to remove Stripo editor: No editor found");
|
|
147
153
|
}
|
|
148
154
|
}), o.reset();
|
|
149
|
-
}),
|
|
155
|
+
}), K({
|
|
150
156
|
dynamicContent: {
|
|
151
157
|
insert: B,
|
|
152
|
-
close:
|
|
158
|
+
close: N
|
|
153
159
|
},
|
|
154
|
-
hasChanges:
|
|
155
|
-
saveSilent:
|
|
156
|
-
setLoading:
|
|
157
|
-
}), { __sfc: !0, PreviewContainer:
|
|
160
|
+
hasChanges: l,
|
|
161
|
+
saveSilent: C,
|
|
162
|
+
setLoading: D
|
|
163
|
+
}), { __sfc: !0, PreviewContainer: V, OnboardingWrapper: j, AssignStrategyDrawer: J, RemoveStrategyModal: Q, LegacyStrategyUpdatedModal: X, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: s, configStore: o, editorStore: c, previewStore: Y, hasChanges: l, isTestPartner: Z, saveSilent: C, setLoading: D, emit: r, buildMetadata: y, initPlugin: k, preloadRuntime: F, runExclusive: R, beginMount: T, isCurrentMount: M, mountGeneration: g, getDefaultTemplate: I, cloneTimersOnSave: L, hasTimerBlocks: U, noHeader: ee, isRrsEnabled: te, hasAssignedStrategy: oe, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: S, ribbonObserver: i, updateRibbonOffset: v, startEditor: b, AutoSaveController: ge, Toaster: Se, FilterSelectionDrawer: ve, HeaderWrapper: be, LoadingWrapper: he, SaveAsTemplateDrawer: Ee, UnsubscribeWrapper: we };
|
|
158
164
|
}
|
|
159
165
|
});
|
|
160
166
|
export {
|
|
161
|
-
|
|
167
|
+
ot as default
|
|
162
168
|
};
|