@useinsider/guido 3.18.1-beta.8d3bf29 → 3.18.1

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.
Files changed (40) hide show
  1. package/dist/@types/config/schemas.js +1 -3
  2. package/dist/components/Guido.vue.js +4 -4
  3. package/dist/components/Guido.vue2.js +53 -55
  4. package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js +7 -7
  5. package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js +57 -82
  6. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +24 -28
  7. package/dist/composables/useCustomInterfaceAppearance.js +42 -46
  8. package/dist/enums/extensions/recommendationBlock.js +1 -2
  9. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +69 -70
  10. package/dist/extensions/Blocks/Recommendation/controls/main/strategy.js +28 -67
  11. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +56 -98
  12. package/dist/guido.css +1 -1
  13. package/dist/services/recommendationApi.js +52 -61
  14. package/dist/src/@types/config/schemas.d.ts +0 -4
  15. package/dist/src/composables/useConfig.d.ts +0 -2
  16. package/dist/src/enums/extensions/recommendationBlock.d.ts +0 -1
  17. package/dist/src/extensions/Blocks/Recommendation/controls/main/strategy.d.ts +0 -2
  18. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +1 -54
  19. package/dist/src/services/recommendationApi.d.ts +1 -2
  20. package/dist/src/stores/config.d.ts +0 -160
  21. package/dist/src/stores/onboarding.d.ts +10 -808
  22. package/dist/static/styles/components/recommendation-strategy.css.js +5 -70
  23. package/dist/stores/config.js +59 -66
  24. package/dist/stores/onboarding.js +36 -46
  25. package/package.json +1 -1
  26. package/dist/components/organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js +0 -18
  27. package/dist/components/organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue2.js +0 -25
  28. package/dist/components/organisms/onboarding/RecommendationLegacyStrategyOnboarding.vue.js +0 -21
  29. package/dist/components/organisms/onboarding/RecommendationLegacyStrategyOnboarding.vue2.js +0 -46
  30. package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue.js +0 -21
  31. package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue2.js +0 -46
  32. package/dist/composables/useLegacyStrategyConversion.js +0 -54
  33. package/dist/extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js +0 -58
  34. package/dist/src/components/organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.d.ts +0 -2
  35. package/dist/src/components/organisms/onboarding/RecommendationLegacyStrategyOnboarding.vue.d.ts +0 -2
  36. package/dist/src/components/organisms/onboarding/RecommendationStrategyOnboarding.vue.d.ts +0 -2
  37. package/dist/src/composables/useLegacyStrategyConversion.d.ts +0 -3
  38. package/dist/src/extensions/Blocks/Recommendation/utils/legacyStrategyMigration.d.ts +0 -39
  39. package/dist/static/assets/icons/filled-arrow-rising.svg.js +0 -5
  40. package/dist/static/assets/icons/line-info.svg.js +0 -5
@@ -26,40 +26,6 @@ const n = `.strategy-control-header {
26
26
  text-decoration: underline;
27
27
  }
28
28
 
29
- .strategy-control-notice-row {
30
- padding: 0 16px 16px;
31
- }
32
-
33
- .strategy-control-notice {
34
- display: flex;
35
- gap: 8px;
36
- align-items: center;
37
- padding: 12px;
38
- border: 1px solid var(--guido-color-border-onpage-message-info);
39
- border-radius: 4px;
40
- background-color: var(--guido-color-background-onpage-message-info);
41
- }
42
-
43
- .strategy-control-notice::before {
44
- content: '';
45
- flex: none;
46
- width: 24px;
47
- height: 24px;
48
- background-color: var(--guido-color-border-onpage-message-info);
49
- mask-image: var(--guido-icon-line-info);
50
- mask-repeat: no-repeat;
51
- mask-position: center;
52
- mask-size: 24px 24px;
53
- }
54
-
55
- .strategy-control-notice-text {
56
- margin: 0;
57
- padding: 4px 0;
58
- color: var(--guido-color-neutral-700);
59
- font-size: 13px;
60
- line-height: 16px;
61
- }
62
-
63
29
  .recommendation-controls-container .container.strategy-control-cta-row {
64
30
  grid-template-columns: repeat(2, minmax(0, 180px));
65
31
  justify-content: start;
@@ -98,14 +64,6 @@ const n = `.strategy-control-header {
98
64
  background-color: var(--guido-color-gray-0);
99
65
  }
100
66
 
101
- /* Figma gives the legacy band a 59px row: 17.5px above and below its 24px content. */
102
- [data-strategy-legacy-state] .strategy-control-name-band {
103
- gap: 8px;
104
- justify-content: space-between;
105
- min-height: auto;
106
- padding: 17.5px 16px;
107
- }
108
-
109
67
  .strategy-control-name {
110
68
  color: var(--guido-color-gray-800);
111
69
  font-size: 15px;
@@ -159,15 +117,6 @@ const n = `.strategy-control-header {
159
117
  mask-image: var(--guido-icon-line-plus);
160
118
  }
161
119
 
162
- .strategy-control-action--update::before {
163
- mask-image: var(--guido-icon-filled-arrow-rising);
164
- }
165
-
166
- .strategy-control-name-band .strategy-control-action > span {
167
- padding: 0 0 0 8px;
168
- }
169
-
170
- .strategy-control-action--update,
171
120
  .strategy-control-action--change {
172
121
  color: var(--guido-color-primary-500);
173
122
  }
@@ -180,38 +129,24 @@ const n = `.strategy-control-header {
180
129
  text-decoration: underline;
181
130
  }
182
131
 
183
- .strategy-control-action:disabled,
184
- .strategy-control-action:disabled:hover {
185
- color: var(--guido-color-gray-700);
186
- text-decoration: none;
187
- cursor: default;
188
- }
189
-
190
- .recommendation-controls-container:not(.strategy-block):not(.legacy-strategy-block) .strategy-control-container,
132
+ .recommendation-controls-container:not(.strategy-block) .strategy-control-container,
191
133
  .recommendation-controls-container.strategy-block .product-count-control-container,
192
134
  .recommendation-controls-container.strategy-block .algorithm-control-container,
193
135
  .recommendation-controls-container.strategy-block .filters-control-container,
194
- .recommendation-controls-container.strategy-block .shuffle-control-container,
195
- .recommendation-controls-container.legacy-strategy-block .product-count-control-container,
196
- .recommendation-controls-container.legacy-strategy-block .algorithm-control-container,
197
- .recommendation-controls-container.legacy-strategy-block .filters-control-container,
198
- .recommendation-controls-container.legacy-strategy-block .shuffle-control-container {
136
+ .recommendation-controls-container.strategy-block .shuffle-control-container {
199
137
  display: none;
200
138
  }
201
139
 
202
- .recommendation-controls-container.strategy-block,
203
- .recommendation-controls-container.legacy-strategy-block {
140
+ .recommendation-controls-container.strategy-block {
204
141
  display: flex;
205
142
  flex-direction: column;
206
143
  }
207
144
 
208
- .recommendation-controls-container.strategy-block .price-placement-control-container,
209
- .recommendation-controls-container.legacy-strategy-block .price-placement-control-container {
145
+ .recommendation-controls-container.strategy-block .price-placement-control-container {
210
146
  order: 1;
211
147
  }
212
148
 
213
- .recommendation-controls-container.strategy-block .product-layout-control-container,
214
- .recommendation-controls-container.legacy-strategy-block .product-layout-control-container {
149
+ .recommendation-controls-container.strategy-block .product-layout-control-container {
215
150
  order: 2;
216
151
  }
217
152
  `;
@@ -1,8 +1,8 @@
1
1
  import "../@types/config/schemas.js";
2
2
  import "../@types/config/defaults.js";
3
3
  import { parseConfig as o } from "../@types/config/validator.js";
4
- import { defineStore as a } from "pinia";
5
- const s = a("guido-config", {
4
+ import { defineStore as r } from "pinia";
5
+ const f = r("guido-config", {
6
6
  state: () => ({
7
7
  initialized: !1,
8
8
  config: null
@@ -11,128 +11,121 @@ const s = a("guido-config", {
11
11
  /**
12
12
  * Get the identity configuration
13
13
  */
14
- identity: (e) => {
15
- var i;
16
- return ((i = e.config) == null ? void 0 : i.identity) ?? null;
14
+ identity: (i) => {
15
+ var e;
16
+ return ((e = i.config) == null ? void 0 : e.identity) ?? null;
17
17
  },
18
18
  /**
19
19
  * Get the partner configuration
20
20
  */
21
- partner: (e) => {
22
- var i;
23
- return ((i = e.config) == null ? void 0 : i.partner) ?? null;
21
+ partner: (i) => {
22
+ var e;
23
+ return ((e = i.config) == null ? void 0 : e.partner) ?? null;
24
24
  },
25
25
  /**
26
26
  * Get the template configuration
27
27
  */
28
- template: (e) => {
29
- var i;
30
- return ((i = e.config) == null ? void 0 : i.template) ?? null;
28
+ template: (i) => {
29
+ var e;
30
+ return ((e = i.config) == null ? void 0 : e.template) ?? null;
31
31
  },
32
32
  /**
33
33
  * Get the editor configuration
34
34
  */
35
- editor: (e) => {
36
- var i;
37
- return ((i = e.config) == null ? void 0 : i.editor) ?? null;
35
+ editor: (i) => {
36
+ var e;
37
+ return ((e = i.config) == null ? void 0 : e.editor) ?? null;
38
38
  },
39
39
  /**
40
40
  * Get the UI configuration
41
41
  */
42
- ui: (e) => {
43
- var i;
44
- return ((i = e.config) == null ? void 0 : i.ui) ?? null;
42
+ ui: (i) => {
43
+ var e;
44
+ return ((e = i.config) == null ? void 0 : e.ui) ?? null;
45
45
  },
46
46
  /**
47
47
  * Get the features configuration
48
48
  */
49
- features: (e) => {
50
- var i;
51
- return ((i = e.config) == null ? void 0 : i.features) ?? null;
49
+ features: (i) => {
50
+ var e;
51
+ return ((e = i.config) == null ? void 0 : e.features) ?? null;
52
52
  },
53
53
  /**
54
54
  * Get the blocks configuration
55
55
  */
56
- blocks: (e) => {
57
- var i;
58
- return ((i = e.config) == null ? void 0 : i.blocks) ?? null;
56
+ blocks: (i) => {
57
+ var e;
58
+ return ((e = i.config) == null ? void 0 : e.blocks) ?? null;
59
59
  },
60
60
  /**
61
61
  * Get the compiler configuration
62
62
  */
63
- compiler: (e) => {
64
- var i;
65
- return ((i = e.config) == null ? void 0 : i.compiler) ?? null;
63
+ compiler: (i) => {
64
+ var e;
65
+ return ((e = i.config) == null ? void 0 : e.compiler) ?? null;
66
66
  },
67
67
  /**
68
68
  * Get the callbacks configuration
69
69
  */
70
- callbacks: (e) => {
71
- var i;
72
- return ((i = e.config) == null ? void 0 : i.callbacks) ?? null;
70
+ callbacks: (i) => {
71
+ var e;
72
+ return ((e = i.config) == null ? void 0 : e.callbacks) ?? null;
73
73
  },
74
74
  /**
75
75
  * Get the template ID
76
76
  */
77
- templateId: (e) => {
78
- var i, n;
79
- return ((n = (i = e.config) == null ? void 0 : i.identity) == null ? void 0 : n.templateId) ?? "";
77
+ templateId: (i) => {
78
+ var e, n;
79
+ return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.templateId) ?? "";
80
80
  },
81
81
  /**
82
82
  * Get the user ID
83
83
  */
84
- userId: (e) => {
85
- var i, n;
86
- return ((n = (i = e.config) == null ? void 0 : i.identity) == null ? void 0 : n.userId) ?? "";
84
+ userId: (i) => {
85
+ var e, n;
86
+ return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.userId) ?? "";
87
87
  },
88
88
  /**
89
89
  * Get the variation ID
90
90
  */
91
- variationId: (e) => {
92
- var i, n;
93
- return ((n = (i = e.config) == null ? void 0 : i.identity) == null ? void 0 : n.variationId) ?? "";
94
- },
95
- /**
96
- * Get the campaign ID
97
- */
98
- campaignId: (e) => {
99
- var i, n;
100
- return ((n = (i = e.config) == null ? void 0 : i.identity) == null ? void 0 : n.campaignId) ?? "";
91
+ variationId: (i) => {
92
+ var e, n;
93
+ return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.variationId) ?? "";
101
94
  },
102
95
  /**
103
96
  * Get the partner name
104
97
  */
105
- partnerName: (e) => {
106
- var i, n;
107
- return ((n = (i = e.config) == null ? void 0 : i.partner) == null ? void 0 : n.name) ?? "";
98
+ partnerName: (i) => {
99
+ var e, n;
100
+ return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.name) ?? "";
108
101
  },
109
102
  /**
110
103
  * Get the product type
111
104
  */
112
- productType: (e) => {
113
- var i, n;
114
- return ((n = (i = e.config) == null ? void 0 : i.partner) == null ? void 0 : n.productType) ?? 60;
105
+ productType: (i) => {
106
+ var e, n;
107
+ return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.productType) ?? 60;
115
108
  },
116
109
  /**
117
110
  * Get the message type
118
111
  */
119
- messageType: (e) => {
120
- var i, n;
121
- return ((n = (i = e.config) == null ? void 0 : i.partner) == null ? void 0 : n.messageType) ?? 1;
112
+ messageType: (i) => {
113
+ var e, n;
114
+ return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.messageType) ?? 1;
122
115
  },
123
116
  /**
124
117
  * Get the username
125
118
  */
126
- username: (e) => {
127
- var i, n;
128
- return ((n = (i = e.config) == null ? void 0 : i.partner) == null ? void 0 : n.username) ?? "Guido User";
119
+ username: (i) => {
120
+ var e, n;
121
+ return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.username) ?? "Guido User";
129
122
  },
130
123
  /**
131
124
  * Check if header should be shown
132
125
  */
133
- showHeader: (e) => {
134
- var i, n;
135
- return ((n = (i = e.config) == null ? void 0 : i.ui) == null ? void 0 : n.showHeader) ?? !0;
126
+ showHeader: (i) => {
127
+ var e, n;
128
+ return ((n = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : n.showHeader) ?? !0;
136
129
  },
137
130
  /**
138
131
  * Check if a specific feature is enabled.
@@ -140,18 +133,18 @@ const s = a("guido-config", {
140
133
  * flash on during loading, then disappear once config resolves.
141
134
  */
142
135
  // eslint-disable-next-line @stylistic/max-len
143
- isFeatureEnabled: (e) => (i) => {
136
+ isFeatureEnabled: (i) => (e) => {
144
137
  var n, t;
145
- return ((t = (n = e.config) == null ? void 0 : n.features) == null ? void 0 : t[i]) ?? !1;
138
+ return ((t = (n = i.config) == null ? void 0 : n.features) == null ? void 0 : t[e]) ?? !1;
146
139
  }
147
140
  },
148
141
  actions: {
149
142
  /**
150
143
  * Initialize the config store with validated configuration
151
144
  */
152
- init(e) {
153
- const i = o(e);
154
- this.config = i, this.initialized = !0;
145
+ init(i) {
146
+ const e = o(i);
147
+ this.config = e, this.initialized = !0;
155
148
  },
156
149
  /**
157
150
  * Reset the config store
@@ -162,5 +155,5 @@ const s = a("guido-config", {
162
155
  }
163
156
  });
164
157
  export {
165
- s as useConfigStore
158
+ f as useConfigStore
166
159
  };
@@ -1,5 +1,5 @@
1
- import { useOnboardingApi as e } from "../services/onboardingApi.js";
2
- import { defineStore as s } from "pinia";
1
+ import { useOnboardingApi as s } from "../services/onboardingApi.js";
2
+ import { defineStore as e } from "pinia";
3
3
  const t = () => ({
4
4
  cardIndex: 0,
5
5
  isActive: !1,
@@ -11,59 +11,49 @@ const t = () => ({
11
11
  textBlockOnboarding: t(),
12
12
  versionHistoryOnboarding: t(),
13
13
  ampOnboarding: t(),
14
- itemsOnboarding: t(),
15
- recommendationStrategyOnboarding: t(),
16
- recommendationLegacyStrategyOnboarding: t()
14
+ itemsOnboarding: t()
17
15
  },
18
16
  userModalState: {},
19
17
  isFetched: !1
20
- }), c = s("guidoOnboarding", {
18
+ }), c = e("guidoOnboarding", {
21
19
  state: () => a(),
22
20
  getters: {
23
- getOnboarding: (n) => (o) => n.onboardings[o],
24
- isActive: (n) => (o) => n.onboardings[o].isActive,
25
- getCurrentCard: (n) => (o) => {
26
- const i = n.onboardings[o];
27
- return i.config[i.cardIndex];
21
+ getOnboarding: (n) => (i) => n.onboardings[i],
22
+ isActive: (n) => (i) => n.onboardings[i].isActive,
23
+ getCurrentCard: (n) => (i) => {
24
+ const o = n.onboardings[i];
25
+ return o.config[o.cardIndex];
28
26
  },
29
27
  getGenericCurrentCard: (n) => {
30
- const { genericOnboarding: o } = n.onboardings;
31
- return o.config[o.cardIndex];
28
+ const { genericOnboarding: i } = n.onboardings;
29
+ return i.config[i.cardIndex];
32
30
  },
33
31
  getTextBlockCurrentCard: (n) => {
34
- const { textBlockOnboarding: o } = n.onboardings;
35
- return o.config[o.cardIndex];
32
+ const { textBlockOnboarding: i } = n.onboardings;
33
+ return i.config[i.cardIndex];
36
34
  },
37
35
  getVersionHistoryCurrentCard: (n) => {
38
- const { versionHistoryOnboarding: o } = n.onboardings;
39
- return o.config[o.cardIndex];
36
+ const { versionHistoryOnboarding: i } = n.onboardings;
37
+ return i.config[i.cardIndex];
40
38
  },
41
39
  getAmpCurrentCard: (n) => {
42
- const { ampOnboarding: o } = n.onboardings;
43
- return o.config[o.cardIndex];
40
+ const { ampOnboarding: i } = n.onboardings;
41
+ return i.config[i.cardIndex];
44
42
  },
45
43
  getItemsCurrentCard: (n) => {
46
- const { itemsOnboarding: o } = n.onboardings;
47
- return o.config[o.cardIndex];
48
- },
49
- getRecommendationStrategyCurrentCard: (n) => {
50
- const { recommendationStrategyOnboarding: o } = n.onboardings;
51
- return o.config[o.cardIndex];
52
- },
53
- getRecommendationLegacyStrategyCurrentCard: (n) => {
54
- const { recommendationLegacyStrategyOnboarding: o } = n.onboardings;
55
- return o.config[o.cardIndex];
44
+ const { itemsOnboarding: i } = n.onboardings;
45
+ return i.config[i.cardIndex];
56
46
  },
57
- shouldShowOnboarding: (n) => (o) => {
58
- const i = n.userModalState.Guido;
59
- return o === "newVersionPopup" && (i != null && i.genericOnboarding) ? !1 : i ? !i[o] : !0;
47
+ shouldShowOnboarding: (n) => (i) => {
48
+ const o = n.userModalState.Guido;
49
+ return i === "newVersionPopup" && (o != null && o.genericOnboarding) ? !1 : o ? !o[i] : !0;
60
50
  }
61
51
  },
62
52
  actions: {
63
53
  closeOtherOnboardings(n) {
64
- Object.keys(this.onboardings).forEach((o) => {
65
- const i = o;
66
- i !== n && this.onboardings[i].isActive && (this.onboardings[i].isActive = !1, this.onboardings[i].cardIndex = 0, this.onboardings[i].config = []);
54
+ Object.keys(this.onboardings).forEach((i) => {
55
+ const o = i;
56
+ o !== n && this.onboardings[o].isActive && (this.onboardings[o].isActive = !1, this.onboardings[o].cardIndex = 0, this.onboardings[o].config = []);
67
57
  });
68
58
  },
69
59
  start(n) {
@@ -81,12 +71,12 @@ const t = () => ({
81
71
  previous(n) {
82
72
  this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
83
73
  },
84
- updateCardPosition(n, o, i) {
85
- const r = this.onboardings[n].config[o];
86
- r && (r.top = i.top, r.position = i.position);
74
+ updateCardPosition(n, i, o) {
75
+ const r = this.onboardings[n].config[i];
76
+ r && (r.top = o.top, r.position = o.position);
87
77
  },
88
- setConfig(n, o) {
89
- this.onboardings[n].config = o ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
78
+ setConfig(n, i) {
79
+ this.onboardings[n].config = i ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
90
80
  },
91
81
  async onDiscoverNowClicked() {
92
82
  await this.setUserModalState("newVersionPopup", "true", "Guido"), await this.setUserModalState("genericOnboarding", "true", "Guido"), this.start("genericOnboarding");
@@ -103,16 +93,16 @@ const t = () => ({
103
93
  async fetchUserModalState() {
104
94
  if (this.isFetched)
105
95
  return;
106
- const { fetchUserModalState: n } = e();
96
+ const { fetchUserModalState: n } = s();
107
97
  try {
108
- const o = await n();
109
- this.userModalState = o, this.isFetched = !0;
98
+ const i = await n();
99
+ this.userModalState = i, this.isFetched = !0;
110
100
  } catch {
111
101
  }
112
102
  },
113
- async setUserModalState(n, o, i) {
114
- const { setUserModalState: r } = e();
115
- await r(n, o, i), this.isFetched = !1, await this.fetchUserModalState();
103
+ async setUserModalState(n, i, o) {
104
+ const { setUserModalState: r } = s();
105
+ await r(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
116
106
  }
117
107
  }
118
108
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "3.18.1-beta.8d3bf29",
3
+ "version": "3.18.1",
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",
@@ -1,18 +0,0 @@
1
- import s from "./LegacyStrategyUpdatedModal.vue2.js";
2
- /* empty css */
3
- import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
4
- var r = function() {
5
- var t = this, a = t._self._c, e = t._self._setupProxy;
6
- return e.store.legacyStrategyUpdatedModalStatus ? a("div", { staticClass: "legacy-strategy-updated-modal" }, [a(e.WpModal, { attrs: { id: "guido__legacy-strategy-updated-modal", size: "small", "close-on-outside-click": !1, "footer-button-options": e.footerButtonOptions, title: e.trans("ds-steps.recommendation-strategy-migration-modal-title") }, on: { close: e.close, "primary-action": e.close } }, [a("p", [t._v(t._s(e.messageParts[0])), a("b", [t._v(t._s(e.strategyName))]), t._v(t._s(e.messageParts[1]))])])], 1) : t._e();
7
- }, l = [], n = /* @__PURE__ */ o(
8
- s,
9
- r,
10
- l,
11
- !1,
12
- null,
13
- "da2225a1"
14
- );
15
- const m = n.exports;
16
- export {
17
- m as default
18
- };
@@ -1,25 +0,0 @@
1
- import { defineComponent as i, computed as s } from "vue";
2
- import p from "../../../wrappers/WpModal.vue.js";
3
- import { useTranslations as d } from "../../../../composables/useTranslations.js";
4
- import { useRecommendationExtensionStore as g } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
5
- const M = /* @__PURE__ */ i({
6
- __name: "LegacyStrategyUpdatedModal",
7
- setup(l) {
8
- const e = d(), t = g(), n = s(() => ({
9
- primaryButton: {
10
- type: "primary",
11
- labelText: e("action-builder.ok")
12
- }
13
- })), m = s(() => {
14
- var r;
15
- const { strategyId: a } = t.recommendationConfigs;
16
- return ((r = t.assignedStrategy) == null ? void 0 : r.name) || `#${a}`;
17
- }), o = "__STRATEGY_NAME__", c = s(() => e("email-editor.legacy-strategy-updated-message", { strategyName: o }).split(o));
18
- return { __sfc: !0, trans: e, store: t, footerButtonOptions: n, strategyName: m, NAME_TOKEN: o, messageParts: c, close: () => {
19
- t.closeLegacyStrategyUpdatedModal();
20
- }, WpModal: p };
21
- }
22
- });
23
- export {
24
- M as default
25
- };
@@ -1,21 +0,0 @@
1
- import s from "./RecommendationLegacyStrategyOnboarding.vue2.js";
2
- /* empty css */
3
- import c from "../../../_virtual/_plugin-vue2_normalizer.js";
4
- var d = function() {
5
- var t, n, r, a, i;
6
- var o = this, g = o._self._c, e = o._self._setupProxy;
7
- return e.isVisible ? g(e.InOnboard, { key: "guido__recommendation-legacy-strategy-onboard", staticClass: "w-21-s p-a z-11", class: (t = e.onboardingStore.getRecommendationLegacyStrategyCurrentCard) == null ? void 0 : t.classes, attrs: { id: "guido__recommendation-legacy-strategy-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "left-position": (n = e.onboardingStore.getRecommendationLegacyStrategyCurrentCard) == null ? void 0 : n.left, "pages-config": e.onboardingStore.onboardings.recommendationLegacyStrategyOnboarding.config, "pointer-position": (r = e.onboardingStore.getRecommendationLegacyStrategyCurrentCard) == null ? void 0 : r.position, "right-position": (a = e.onboardingStore.getRecommendationLegacyStrategyCurrentCard) == null ? void 0 : a.right, "top-position": (i = e.onboardingStore.getRecommendationLegacyStrategyCurrentCard) == null ? void 0 : i.top }, on: { close: function(p) {
8
- return e.onboardingStore.close(e.ONBOARDING_TYPE);
9
- }, nextButtonClick: e.handleNext } }) : o._e();
10
- }, m = [], l = /* @__PURE__ */ c(
11
- s,
12
- d,
13
- m,
14
- !1,
15
- null,
16
- "19d8cb42"
17
- );
18
- const f = l.exports;
19
- export {
20
- f as default
21
- };
@@ -1,46 +0,0 @@
1
- import { defineComponent as d, computed as g, watch as l } from "vue";
2
- import { useRibbonOffset as b } from "../../../composables/useRibbonOffset.js";
3
- import { useTranslations as p } from "../../../composables/useTranslations.js";
4
- import { ACADEMY_LINKS as u } from "../../../enums/academy.js";
5
- import { useOnboardingStore as y } from "../../../stores/onboarding.js";
6
- import { InOnboard as f } from "@useinsider/design-system-vue";
7
- const A = /* @__PURE__ */ d({
8
- __name: "RecommendationLegacyStrategyOnboarding",
9
- setup(O) {
10
- const n = "recommendationLegacyStrategyOnboarding", o = p(), t = y(), { getTopPosition: i } = b(), r = `<a href="${u.EMAIL_RECOMMENDATION_BLOCK}" target="_blank" rel="noopener noreferrer">${o("action-builder.visit-academy")}</a>`, a = () => [
11
- {
12
- classes: "guido-recommendation-legacy-strategy-onboarding",
13
- right: "40px",
14
- top: i(485),
15
- position: "Top Right",
16
- title: o("email-editor.onboarding-recommendation-strategy-legacy-title"),
17
- description: o("email-editor.onboarding-recommendation-strategy-legacy-description", {
18
- academyLink: r
19
- }),
20
- imageSource: "",
21
- backButtonClick: () => {
22
- },
23
- nextButtonType: "text",
24
- nextButtonText: o("action-builder.ok"),
25
- nextButtonClick: () => {
26
- t.close(n);
27
- }
28
- }
29
- ], s = g(
30
- () => t.onboardings.recommendationLegacyStrategyOnboarding.config.length > 0 && t.onboardings.recommendationLegacyStrategyOnboarding.isActive
31
- ), m = () => {
32
- var e, c;
33
- (c = (e = t.getRecommendationLegacyStrategyCurrentCard) == null ? void 0 : e.nextButtonClick) == null || c.call(e);
34
- };
35
- return l(
36
- () => t.isActive(n),
37
- (e) => {
38
- e && t.setConfig(n, a());
39
- },
40
- { immediate: !0 }
41
- ), { __sfc: !0, ONBOARDING_TYPE: n, trans: o, onboardingStore: t, getTopPosition: i, academyLink: r, buildOnboardingCards: a, isVisible: s, handleNext: m, InOnboard: f };
42
- }
43
- });
44
- export {
45
- A as default
46
- };
@@ -1,21 +0,0 @@
1
- import d from "./RecommendationStrategyOnboarding.vue2.js";
2
- /* empty css */
3
- import g from "../../../_virtual/_plugin-vue2_normalizer.js";
4
- var m = function() {
5
- var e, n, r, a, i;
6
- var t = this, s = t._self._c, o = t._self._setupProxy;
7
- return o.isVisible ? s(o.InOnboard, { key: "guido__recommendation-strategy-onboard", staticClass: "w-21-s p-a z-11", class: (e = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : e.classes, attrs: { id: "guido__recommendation-strategy-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "left-position": (n = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : n.left, "pages-config": o.onboardingStore.onboardings.recommendationStrategyOnboarding.config, "pointer-position": (r = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : r.position, "right-position": (a = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : a.right, "top-position": (i = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : i.top }, on: { close: function(p) {
8
- return o.onboardingStore.close(o.ONBOARDING_TYPE);
9
- }, nextButtonClick: o.handleNext } }) : t._e();
10
- }, c = [], _ = /* @__PURE__ */ g(
11
- d,
12
- m,
13
- c,
14
- !1,
15
- null,
16
- "1f4a4044"
17
- );
18
- const S = _.exports;
19
- export {
20
- S as default
21
- };
@@ -1,46 +0,0 @@
1
- import { defineComponent as c, computed as g, watch as b } from "vue";
2
- import { useRibbonOffset as p } from "../../../composables/useRibbonOffset.js";
3
- import { useTranslations as u } from "../../../composables/useTranslations.js";
4
- import { ACADEMY_LINKS as l } from "../../../enums/academy.js";
5
- import { useOnboardingStore as f } from "../../../stores/onboarding.js";
6
- import { InOnboard as O } from "@useinsider/design-system-vue";
7
- const B = /* @__PURE__ */ c({
8
- __name: "RecommendationStrategyOnboarding",
9
- setup(_) {
10
- const e = "recommendationStrategyOnboarding", n = u(), t = f(), { getTopPosition: i } = p(), r = `<a href="${l.EMAIL_RECOMMENDATION_BLOCK}" target="_blank" rel="noopener noreferrer">${n("action-builder.visit-academy")}</a>`, a = () => [
11
- {
12
- classes: "guido-recommendation-strategy-onboarding",
13
- // Sits in the gap left of the settings panel and points at the strategy section, which
14
- // starts 208px down: the panel header and its tab row are fixed chrome above it.
15
- right: "426px",
16
- top: i(208),
17
- position: "Right Top",
18
- title: n("email-editor.onboarding-recommendation-strategy-title"),
19
- description: n("email-editor.onboarding-recommendation-strategy-description", {
20
- academyLink: r
21
- }),
22
- imageSource: "",
23
- backButtonClick: () => {
24
- },
25
- nextButtonType: "text",
26
- nextButtonText: n("action-builder.ok"),
27
- nextButtonClick: () => {
28
- t.close(e);
29
- }
30
- }
31
- ], m = g(() => t.onboardings.recommendationStrategyOnboarding.config.length > 0 && t.onboardings.recommendationStrategyOnboarding.isActive), d = () => {
32
- var o, s;
33
- (s = (o = t.getRecommendationStrategyCurrentCard) == null ? void 0 : o.nextButtonClick) == null || s.call(o);
34
- };
35
- return b(
36
- () => t.isActive(e),
37
- (o) => {
38
- o && t.setConfig(e, a());
39
- },
40
- { immediate: !0 }
41
- ), { __sfc: !0, ONBOARDING_TYPE: e, trans: n, onboardingStore: t, getTopPosition: i, academyLink: r, buildOnboardingCards: a, isVisible: m, handleNext: d, InOnboard: O };
42
- }
43
- });
44
- export {
45
- B as default
46
- };