@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.
- package/dist/@types/config/schemas.js +1 -3
- package/dist/components/Guido.vue.js +4 -4
- package/dist/components/Guido.vue2.js +53 -55
- package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js +7 -7
- package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js +57 -82
- package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +24 -28
- package/dist/composables/useCustomInterfaceAppearance.js +42 -46
- package/dist/enums/extensions/recommendationBlock.js +1 -2
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +69 -70
- package/dist/extensions/Blocks/Recommendation/controls/main/strategy.js +28 -67
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +56 -98
- package/dist/guido.css +1 -1
- package/dist/services/recommendationApi.js +52 -61
- package/dist/src/@types/config/schemas.d.ts +0 -4
- package/dist/src/composables/useConfig.d.ts +0 -2
- package/dist/src/enums/extensions/recommendationBlock.d.ts +0 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/main/strategy.d.ts +0 -2
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +1 -54
- package/dist/src/services/recommendationApi.d.ts +1 -2
- package/dist/src/stores/config.d.ts +0 -160
- package/dist/src/stores/onboarding.d.ts +10 -808
- package/dist/static/styles/components/recommendation-strategy.css.js +5 -70
- package/dist/stores/config.js +59 -66
- package/dist/stores/onboarding.js +36 -46
- package/package.json +1 -1
- package/dist/components/organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js +0 -18
- package/dist/components/organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue2.js +0 -25
- package/dist/components/organisms/onboarding/RecommendationLegacyStrategyOnboarding.vue.js +0 -21
- package/dist/components/organisms/onboarding/RecommendationLegacyStrategyOnboarding.vue2.js +0 -46
- package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue.js +0 -21
- package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue2.js +0 -46
- package/dist/composables/useLegacyStrategyConversion.js +0 -54
- package/dist/extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js +0 -58
- package/dist/src/components/organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.d.ts +0 -2
- package/dist/src/components/organisms/onboarding/RecommendationLegacyStrategyOnboarding.vue.d.ts +0 -2
- package/dist/src/components/organisms/onboarding/RecommendationStrategyOnboarding.vue.d.ts +0 -2
- package/dist/src/composables/useLegacyStrategyConversion.d.ts +0 -3
- package/dist/src/extensions/Blocks/Recommendation/utils/legacyStrategyMigration.d.ts +0 -39
- package/dist/static/assets/icons/filled-arrow-rising.svg.js +0 -5
- 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-
|
|
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
|
`;
|
package/dist/stores/config.js
CHANGED
|
@@ -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
|
|
5
|
-
const
|
|
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: (
|
|
15
|
-
var
|
|
16
|
-
return ((
|
|
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: (
|
|
22
|
-
var
|
|
23
|
-
return ((
|
|
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: (
|
|
29
|
-
var
|
|
30
|
-
return ((
|
|
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: (
|
|
36
|
-
var
|
|
37
|
-
return ((
|
|
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: (
|
|
43
|
-
var
|
|
44
|
-
return ((
|
|
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: (
|
|
50
|
-
var
|
|
51
|
-
return ((
|
|
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: (
|
|
57
|
-
var
|
|
58
|
-
return ((
|
|
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: (
|
|
64
|
-
var
|
|
65
|
-
return ((
|
|
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: (
|
|
71
|
-
var
|
|
72
|
-
return ((
|
|
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: (
|
|
78
|
-
var
|
|
79
|
-
return ((n = (
|
|
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: (
|
|
85
|
-
var
|
|
86
|
-
return ((n = (
|
|
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: (
|
|
92
|
-
var
|
|
93
|
-
return ((n = (
|
|
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: (
|
|
106
|
-
var
|
|
107
|
-
return ((n = (
|
|
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: (
|
|
113
|
-
var
|
|
114
|
-
return ((n = (
|
|
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: (
|
|
120
|
-
var
|
|
121
|
-
return ((n = (
|
|
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: (
|
|
127
|
-
var
|
|
128
|
-
return ((n = (
|
|
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: (
|
|
134
|
-
var
|
|
135
|
-
return ((n = (
|
|
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: (
|
|
136
|
+
isFeatureEnabled: (i) => (e) => {
|
|
144
137
|
var n, t;
|
|
145
|
-
return ((t = (n =
|
|
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(
|
|
153
|
-
const
|
|
154
|
-
this.config =
|
|
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
|
-
|
|
158
|
+
f as useConfigStore
|
|
166
159
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { useOnboardingApi as
|
|
2
|
-
import { defineStore as
|
|
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 =
|
|
18
|
+
}), c = e("guidoOnboarding", {
|
|
21
19
|
state: () => a(),
|
|
22
20
|
getters: {
|
|
23
|
-
getOnboarding: (n) => (
|
|
24
|
-
isActive: (n) => (
|
|
25
|
-
getCurrentCard: (n) => (
|
|
26
|
-
const
|
|
27
|
-
return
|
|
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:
|
|
31
|
-
return
|
|
28
|
+
const { genericOnboarding: i } = n.onboardings;
|
|
29
|
+
return i.config[i.cardIndex];
|
|
32
30
|
},
|
|
33
31
|
getTextBlockCurrentCard: (n) => {
|
|
34
|
-
const { textBlockOnboarding:
|
|
35
|
-
return
|
|
32
|
+
const { textBlockOnboarding: i } = n.onboardings;
|
|
33
|
+
return i.config[i.cardIndex];
|
|
36
34
|
},
|
|
37
35
|
getVersionHistoryCurrentCard: (n) => {
|
|
38
|
-
const { versionHistoryOnboarding:
|
|
39
|
-
return
|
|
36
|
+
const { versionHistoryOnboarding: i } = n.onboardings;
|
|
37
|
+
return i.config[i.cardIndex];
|
|
40
38
|
},
|
|
41
39
|
getAmpCurrentCard: (n) => {
|
|
42
|
-
const { ampOnboarding:
|
|
43
|
-
return
|
|
40
|
+
const { ampOnboarding: i } = n.onboardings;
|
|
41
|
+
return i.config[i.cardIndex];
|
|
44
42
|
},
|
|
45
43
|
getItemsCurrentCard: (n) => {
|
|
46
|
-
const { itemsOnboarding:
|
|
47
|
-
return
|
|
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) => (
|
|
58
|
-
const
|
|
59
|
-
return
|
|
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((
|
|
65
|
-
const
|
|
66
|
-
|
|
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,
|
|
85
|
-
const r = this.onboardings[n].config[
|
|
86
|
-
r && (r.top =
|
|
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,
|
|
89
|
-
this.onboardings[n].config =
|
|
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 } =
|
|
96
|
+
const { fetchUserModalState: n } = s();
|
|
107
97
|
try {
|
|
108
|
-
const
|
|
109
|
-
this.userModalState =
|
|
98
|
+
const i = await n();
|
|
99
|
+
this.userModalState = i, this.isFetched = !0;
|
|
110
100
|
} catch {
|
|
111
101
|
}
|
|
112
102
|
},
|
|
113
|
-
async setUserModalState(n,
|
|
114
|
-
const { setUserModalState: r } =
|
|
115
|
-
await r(n,
|
|
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
|
|
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",
|
package/dist/components/organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js
DELETED
|
@@ -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
|
-
};
|
package/dist/components/organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue2.js
DELETED
|
@@ -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
|
-
};
|