@useinsider/guido 3.18.0 → 3.18.1-beta.636c82d
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Guido.vue.js +1 -1
- package/dist/components/Guido.vue2.js +86 -82
- package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js +13 -11
- package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js +72 -56
- package/dist/components/organisms/header/EditorActions.vue.js +1 -1
- package/dist/components/organisms/header/EditorActions.vue2.js +54 -41
- package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +20 -18
- package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue.js +21 -0
- package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue2.js +46 -0
- package/dist/composables/useActionsApi.js +82 -67
- package/dist/composables/useAutoSave.js +31 -26
- package/dist/composables/useEditorLock.js +20 -0
- package/dist/composables/useGuidoStateBridge.js +37 -31
- package/dist/composables/useSave.js +42 -39
- package/dist/enums/extensions/recommendationBlock.js +38 -31
- package/dist/extensions/Blocks/Recommendation/controls/main/strategy.js +35 -31
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +129 -68
- package/dist/guido.css +1 -1
- package/dist/package.json.js +1 -1
- package/dist/src/components/organisms/onboarding/RecommendationStrategyOnboarding.vue.d.ts +2 -0
- package/dist/src/composables/useEditorLock.d.ts +10 -0
- package/dist/src/enums/extensions/recommendationBlock.d.ts +2 -0
- package/dist/src/extensions/Blocks/Recommendation/controls/main/strategy.d.ts +1 -0
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +49 -0
- package/dist/src/stores/onboarding.d.ts +377 -0
- package/dist/static/styles/components/recommendation-strategy.css.js +21 -4
- package/dist/stores/onboarding.js +41 -36
- package/package.json +2 -2
|
@@ -128,6 +128,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
128
128
|
backButtonText?: string | undefined;
|
|
129
129
|
}[];
|
|
130
130
|
};
|
|
131
|
+
recommendationStrategyOnboarding: {
|
|
132
|
+
cardIndex: number;
|
|
133
|
+
isActive: boolean;
|
|
134
|
+
config: {
|
|
135
|
+
classes: string;
|
|
136
|
+
position: string;
|
|
137
|
+
left?: string | undefined;
|
|
138
|
+
right?: string | undefined;
|
|
139
|
+
top?: string | undefined;
|
|
140
|
+
bottom?: string | undefined;
|
|
141
|
+
title: string;
|
|
142
|
+
description: string;
|
|
143
|
+
imageSource: string;
|
|
144
|
+
backButtonClick: () => void;
|
|
145
|
+
nextButtonType: string;
|
|
146
|
+
nextButtonText: string;
|
|
147
|
+
nextButtonClick: () => void;
|
|
148
|
+
backButtonType?: string | undefined;
|
|
149
|
+
backButtonText?: string | undefined;
|
|
150
|
+
}[];
|
|
151
|
+
};
|
|
131
152
|
};
|
|
132
153
|
userModalState: {
|
|
133
154
|
Guido?: {
|
|
@@ -137,6 +158,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
137
158
|
versionHistoryOnboarding?: boolean | undefined;
|
|
138
159
|
ampOnboarding?: boolean | undefined;
|
|
139
160
|
itemsOnboarding?: boolean | undefined;
|
|
161
|
+
recommendationStrategyOnboarding?: boolean | undefined;
|
|
140
162
|
} | undefined;
|
|
141
163
|
};
|
|
142
164
|
isFetched: boolean;
|
|
@@ -289,6 +311,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
289
311
|
backButtonText?: string | undefined;
|
|
290
312
|
}[];
|
|
291
313
|
};
|
|
314
|
+
recommendationStrategyOnboarding: {
|
|
315
|
+
cardIndex: number;
|
|
316
|
+
isActive: boolean;
|
|
317
|
+
config: {
|
|
318
|
+
classes: string;
|
|
319
|
+
position: string;
|
|
320
|
+
left?: string | undefined;
|
|
321
|
+
right?: string | undefined;
|
|
322
|
+
top?: string | undefined;
|
|
323
|
+
bottom?: string | undefined;
|
|
324
|
+
title: string;
|
|
325
|
+
description: string;
|
|
326
|
+
imageSource: string;
|
|
327
|
+
backButtonClick: () => void;
|
|
328
|
+
nextButtonType: string;
|
|
329
|
+
nextButtonText: string;
|
|
330
|
+
nextButtonClick: () => void;
|
|
331
|
+
backButtonType?: string | undefined;
|
|
332
|
+
backButtonText?: string | undefined;
|
|
333
|
+
}[];
|
|
334
|
+
};
|
|
292
335
|
};
|
|
293
336
|
userModalState: {
|
|
294
337
|
Guido?: {
|
|
@@ -298,6 +341,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
298
341
|
versionHistoryOnboarding?: boolean | undefined;
|
|
299
342
|
ampOnboarding?: boolean | undefined;
|
|
300
343
|
itemsOnboarding?: boolean | undefined;
|
|
344
|
+
recommendationStrategyOnboarding?: boolean | undefined;
|
|
301
345
|
} | undefined;
|
|
302
346
|
};
|
|
303
347
|
isFetched: boolean;
|
|
@@ -430,6 +474,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
430
474
|
backButtonText?: string | undefined;
|
|
431
475
|
}[];
|
|
432
476
|
};
|
|
477
|
+
recommendationStrategyOnboarding: {
|
|
478
|
+
cardIndex: number;
|
|
479
|
+
isActive: boolean;
|
|
480
|
+
config: {
|
|
481
|
+
classes: string;
|
|
482
|
+
position: string;
|
|
483
|
+
left?: string | undefined;
|
|
484
|
+
right?: string | undefined;
|
|
485
|
+
top?: string | undefined;
|
|
486
|
+
bottom?: string | undefined;
|
|
487
|
+
title: string;
|
|
488
|
+
description: string;
|
|
489
|
+
imageSource: string;
|
|
490
|
+
backButtonClick: () => void;
|
|
491
|
+
nextButtonType: string;
|
|
492
|
+
nextButtonText: string;
|
|
493
|
+
nextButtonClick: () => void;
|
|
494
|
+
backButtonType?: string | undefined;
|
|
495
|
+
backButtonText?: string | undefined;
|
|
496
|
+
}[];
|
|
497
|
+
};
|
|
433
498
|
};
|
|
434
499
|
userModalState: {
|
|
435
500
|
Guido?: {
|
|
@@ -439,6 +504,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
439
504
|
versionHistoryOnboarding?: boolean | undefined;
|
|
440
505
|
ampOnboarding?: boolean | undefined;
|
|
441
506
|
itemsOnboarding?: boolean | undefined;
|
|
507
|
+
recommendationStrategyOnboarding?: boolean | undefined;
|
|
442
508
|
} | undefined;
|
|
443
509
|
};
|
|
444
510
|
isFetched: boolean;
|
|
@@ -587,6 +653,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
587
653
|
backButtonText?: string | undefined;
|
|
588
654
|
}[];
|
|
589
655
|
};
|
|
656
|
+
recommendationStrategyOnboarding: {
|
|
657
|
+
cardIndex: number;
|
|
658
|
+
isActive: boolean;
|
|
659
|
+
config: {
|
|
660
|
+
classes: string;
|
|
661
|
+
position: string;
|
|
662
|
+
left?: string | undefined;
|
|
663
|
+
right?: string | undefined;
|
|
664
|
+
top?: string | undefined;
|
|
665
|
+
bottom?: string | undefined;
|
|
666
|
+
title: string;
|
|
667
|
+
description: string;
|
|
668
|
+
imageSource: string;
|
|
669
|
+
backButtonClick: () => void;
|
|
670
|
+
nextButtonType: string;
|
|
671
|
+
nextButtonText: string;
|
|
672
|
+
nextButtonClick: () => void;
|
|
673
|
+
backButtonType?: string | undefined;
|
|
674
|
+
backButtonText?: string | undefined;
|
|
675
|
+
}[];
|
|
676
|
+
};
|
|
590
677
|
};
|
|
591
678
|
userModalState: {
|
|
592
679
|
Guido?: {
|
|
@@ -596,6 +683,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
596
683
|
versionHistoryOnboarding?: boolean | undefined;
|
|
597
684
|
ampOnboarding?: boolean | undefined;
|
|
598
685
|
itemsOnboarding?: boolean | undefined;
|
|
686
|
+
recommendationStrategyOnboarding?: boolean | undefined;
|
|
599
687
|
} | undefined;
|
|
600
688
|
};
|
|
601
689
|
isFetched: boolean;
|
|
@@ -744,6 +832,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
744
832
|
backButtonText?: string | undefined;
|
|
745
833
|
}[];
|
|
746
834
|
};
|
|
835
|
+
recommendationStrategyOnboarding: {
|
|
836
|
+
cardIndex: number;
|
|
837
|
+
isActive: boolean;
|
|
838
|
+
config: {
|
|
839
|
+
classes: string;
|
|
840
|
+
position: string;
|
|
841
|
+
left?: string | undefined;
|
|
842
|
+
right?: string | undefined;
|
|
843
|
+
top?: string | undefined;
|
|
844
|
+
bottom?: string | undefined;
|
|
845
|
+
title: string;
|
|
846
|
+
description: string;
|
|
847
|
+
imageSource: string;
|
|
848
|
+
backButtonClick: () => void;
|
|
849
|
+
nextButtonType: string;
|
|
850
|
+
nextButtonText: string;
|
|
851
|
+
nextButtonClick: () => void;
|
|
852
|
+
backButtonType?: string | undefined;
|
|
853
|
+
backButtonText?: string | undefined;
|
|
854
|
+
}[];
|
|
855
|
+
};
|
|
747
856
|
};
|
|
748
857
|
userModalState: {
|
|
749
858
|
Guido?: {
|
|
@@ -753,6 +862,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
753
862
|
versionHistoryOnboarding?: boolean | undefined;
|
|
754
863
|
ampOnboarding?: boolean | undefined;
|
|
755
864
|
itemsOnboarding?: boolean | undefined;
|
|
865
|
+
recommendationStrategyOnboarding?: boolean | undefined;
|
|
756
866
|
} | undefined;
|
|
757
867
|
};
|
|
758
868
|
isFetched: boolean;
|
|
@@ -901,6 +1011,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
901
1011
|
backButtonText?: string | undefined;
|
|
902
1012
|
}[];
|
|
903
1013
|
};
|
|
1014
|
+
recommendationStrategyOnboarding: {
|
|
1015
|
+
cardIndex: number;
|
|
1016
|
+
isActive: boolean;
|
|
1017
|
+
config: {
|
|
1018
|
+
classes: string;
|
|
1019
|
+
position: string;
|
|
1020
|
+
left?: string | undefined;
|
|
1021
|
+
right?: string | undefined;
|
|
1022
|
+
top?: string | undefined;
|
|
1023
|
+
bottom?: string | undefined;
|
|
1024
|
+
title: string;
|
|
1025
|
+
description: string;
|
|
1026
|
+
imageSource: string;
|
|
1027
|
+
backButtonClick: () => void;
|
|
1028
|
+
nextButtonType: string;
|
|
1029
|
+
nextButtonText: string;
|
|
1030
|
+
nextButtonClick: () => void;
|
|
1031
|
+
backButtonType?: string | undefined;
|
|
1032
|
+
backButtonText?: string | undefined;
|
|
1033
|
+
}[];
|
|
1034
|
+
};
|
|
904
1035
|
};
|
|
905
1036
|
userModalState: {
|
|
906
1037
|
Guido?: {
|
|
@@ -910,6 +1041,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
910
1041
|
versionHistoryOnboarding?: boolean | undefined;
|
|
911
1042
|
ampOnboarding?: boolean | undefined;
|
|
912
1043
|
itemsOnboarding?: boolean | undefined;
|
|
1044
|
+
recommendationStrategyOnboarding?: boolean | undefined;
|
|
913
1045
|
} | undefined;
|
|
914
1046
|
};
|
|
915
1047
|
isFetched: boolean;
|
|
@@ -1058,6 +1190,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1058
1190
|
backButtonText?: string | undefined;
|
|
1059
1191
|
}[];
|
|
1060
1192
|
};
|
|
1193
|
+
recommendationStrategyOnboarding: {
|
|
1194
|
+
cardIndex: number;
|
|
1195
|
+
isActive: boolean;
|
|
1196
|
+
config: {
|
|
1197
|
+
classes: string;
|
|
1198
|
+
position: string;
|
|
1199
|
+
left?: string | undefined;
|
|
1200
|
+
right?: string | undefined;
|
|
1201
|
+
top?: string | undefined;
|
|
1202
|
+
bottom?: string | undefined;
|
|
1203
|
+
title: string;
|
|
1204
|
+
description: string;
|
|
1205
|
+
imageSource: string;
|
|
1206
|
+
backButtonClick: () => void;
|
|
1207
|
+
nextButtonType: string;
|
|
1208
|
+
nextButtonText: string;
|
|
1209
|
+
nextButtonClick: () => void;
|
|
1210
|
+
backButtonType?: string | undefined;
|
|
1211
|
+
backButtonText?: string | undefined;
|
|
1212
|
+
}[];
|
|
1213
|
+
};
|
|
1061
1214
|
};
|
|
1062
1215
|
userModalState: {
|
|
1063
1216
|
Guido?: {
|
|
@@ -1067,6 +1220,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1067
1220
|
versionHistoryOnboarding?: boolean | undefined;
|
|
1068
1221
|
ampOnboarding?: boolean | undefined;
|
|
1069
1222
|
itemsOnboarding?: boolean | undefined;
|
|
1223
|
+
recommendationStrategyOnboarding?: boolean | undefined;
|
|
1070
1224
|
} | undefined;
|
|
1071
1225
|
};
|
|
1072
1226
|
isFetched: boolean;
|
|
@@ -1215,6 +1369,206 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1215
1369
|
backButtonText?: string | undefined;
|
|
1216
1370
|
}[];
|
|
1217
1371
|
};
|
|
1372
|
+
recommendationStrategyOnboarding: {
|
|
1373
|
+
cardIndex: number;
|
|
1374
|
+
isActive: boolean;
|
|
1375
|
+
config: {
|
|
1376
|
+
classes: string;
|
|
1377
|
+
position: string;
|
|
1378
|
+
left?: string | undefined;
|
|
1379
|
+
right?: string | undefined;
|
|
1380
|
+
top?: string | undefined;
|
|
1381
|
+
bottom?: string | undefined;
|
|
1382
|
+
title: string;
|
|
1383
|
+
description: string;
|
|
1384
|
+
imageSource: string;
|
|
1385
|
+
backButtonClick: () => void;
|
|
1386
|
+
nextButtonType: string;
|
|
1387
|
+
nextButtonText: string;
|
|
1388
|
+
nextButtonClick: () => void;
|
|
1389
|
+
backButtonType?: string | undefined;
|
|
1390
|
+
backButtonText?: string | undefined;
|
|
1391
|
+
}[];
|
|
1392
|
+
};
|
|
1393
|
+
};
|
|
1394
|
+
userModalState: {
|
|
1395
|
+
Guido?: {
|
|
1396
|
+
newVersionPopup?: boolean | undefined;
|
|
1397
|
+
genericOnboarding?: boolean | undefined;
|
|
1398
|
+
textBlockOnboarding?: boolean | undefined;
|
|
1399
|
+
versionHistoryOnboarding?: boolean | undefined;
|
|
1400
|
+
ampOnboarding?: boolean | undefined;
|
|
1401
|
+
itemsOnboarding?: boolean | undefined;
|
|
1402
|
+
recommendationStrategyOnboarding?: boolean | undefined;
|
|
1403
|
+
} | undefined;
|
|
1404
|
+
};
|
|
1405
|
+
isFetched: boolean;
|
|
1406
|
+
} & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
|
|
1407
|
+
classes: string;
|
|
1408
|
+
position: string;
|
|
1409
|
+
left?: string | undefined;
|
|
1410
|
+
right?: string | undefined;
|
|
1411
|
+
top?: string | undefined;
|
|
1412
|
+
bottom?: string | undefined;
|
|
1413
|
+
title: string;
|
|
1414
|
+
description: string;
|
|
1415
|
+
imageSource: string;
|
|
1416
|
+
backButtonClick: () => void;
|
|
1417
|
+
nextButtonType: string;
|
|
1418
|
+
nextButtonText: string;
|
|
1419
|
+
nextButtonClick: () => void;
|
|
1420
|
+
backButtonType?: string | undefined;
|
|
1421
|
+
backButtonText?: string | undefined;
|
|
1422
|
+
};
|
|
1423
|
+
getRecommendationStrategyCurrentCard: (state: {
|
|
1424
|
+
onboardings: {
|
|
1425
|
+
newVersionPopup: {
|
|
1426
|
+
cardIndex: number;
|
|
1427
|
+
isActive: boolean;
|
|
1428
|
+
config: {
|
|
1429
|
+
classes: string;
|
|
1430
|
+
position: string;
|
|
1431
|
+
left?: string | undefined;
|
|
1432
|
+
right?: string | undefined;
|
|
1433
|
+
top?: string | undefined;
|
|
1434
|
+
bottom?: string | undefined;
|
|
1435
|
+
title: string;
|
|
1436
|
+
description: string;
|
|
1437
|
+
imageSource: string;
|
|
1438
|
+
backButtonClick: () => void;
|
|
1439
|
+
nextButtonType: string;
|
|
1440
|
+
nextButtonText: string;
|
|
1441
|
+
nextButtonClick: () => void;
|
|
1442
|
+
backButtonType?: string | undefined;
|
|
1443
|
+
backButtonText?: string | undefined;
|
|
1444
|
+
}[];
|
|
1445
|
+
};
|
|
1446
|
+
genericOnboarding: {
|
|
1447
|
+
cardIndex: number;
|
|
1448
|
+
isActive: boolean;
|
|
1449
|
+
config: {
|
|
1450
|
+
classes: string;
|
|
1451
|
+
position: string;
|
|
1452
|
+
left?: string | undefined;
|
|
1453
|
+
right?: string | undefined;
|
|
1454
|
+
top?: string | undefined;
|
|
1455
|
+
bottom?: string | undefined;
|
|
1456
|
+
title: string;
|
|
1457
|
+
description: string;
|
|
1458
|
+
imageSource: string;
|
|
1459
|
+
backButtonClick: () => void;
|
|
1460
|
+
nextButtonType: string;
|
|
1461
|
+
nextButtonText: string;
|
|
1462
|
+
nextButtonClick: () => void;
|
|
1463
|
+
backButtonType?: string | undefined;
|
|
1464
|
+
backButtonText?: string | undefined;
|
|
1465
|
+
}[];
|
|
1466
|
+
};
|
|
1467
|
+
textBlockOnboarding: {
|
|
1468
|
+
cardIndex: number;
|
|
1469
|
+
isActive: boolean;
|
|
1470
|
+
config: {
|
|
1471
|
+
classes: string;
|
|
1472
|
+
position: string;
|
|
1473
|
+
left?: string | undefined;
|
|
1474
|
+
right?: string | undefined;
|
|
1475
|
+
top?: string | undefined;
|
|
1476
|
+
bottom?: string | undefined;
|
|
1477
|
+
title: string;
|
|
1478
|
+
description: string;
|
|
1479
|
+
imageSource: string;
|
|
1480
|
+
backButtonClick: () => void;
|
|
1481
|
+
nextButtonType: string;
|
|
1482
|
+
nextButtonText: string;
|
|
1483
|
+
nextButtonClick: () => void;
|
|
1484
|
+
backButtonType?: string | undefined;
|
|
1485
|
+
backButtonText?: string | undefined;
|
|
1486
|
+
}[];
|
|
1487
|
+
};
|
|
1488
|
+
versionHistoryOnboarding: {
|
|
1489
|
+
cardIndex: number;
|
|
1490
|
+
isActive: boolean;
|
|
1491
|
+
config: {
|
|
1492
|
+
classes: string;
|
|
1493
|
+
position: string;
|
|
1494
|
+
left?: string | undefined;
|
|
1495
|
+
right?: string | undefined;
|
|
1496
|
+
top?: string | undefined;
|
|
1497
|
+
bottom?: string | undefined;
|
|
1498
|
+
title: string;
|
|
1499
|
+
description: string;
|
|
1500
|
+
imageSource: string;
|
|
1501
|
+
backButtonClick: () => void;
|
|
1502
|
+
nextButtonType: string;
|
|
1503
|
+
nextButtonText: string;
|
|
1504
|
+
nextButtonClick: () => void;
|
|
1505
|
+
backButtonType?: string | undefined;
|
|
1506
|
+
backButtonText?: string | undefined;
|
|
1507
|
+
}[];
|
|
1508
|
+
};
|
|
1509
|
+
ampOnboarding: {
|
|
1510
|
+
cardIndex: number;
|
|
1511
|
+
isActive: boolean;
|
|
1512
|
+
config: {
|
|
1513
|
+
classes: string;
|
|
1514
|
+
position: string;
|
|
1515
|
+
left?: string | undefined;
|
|
1516
|
+
right?: string | undefined;
|
|
1517
|
+
top?: string | undefined;
|
|
1518
|
+
bottom?: string | undefined;
|
|
1519
|
+
title: string;
|
|
1520
|
+
description: string;
|
|
1521
|
+
imageSource: string;
|
|
1522
|
+
backButtonClick: () => void;
|
|
1523
|
+
nextButtonType: string;
|
|
1524
|
+
nextButtonText: string;
|
|
1525
|
+
nextButtonClick: () => void;
|
|
1526
|
+
backButtonType?: string | undefined;
|
|
1527
|
+
backButtonText?: string | undefined;
|
|
1528
|
+
}[];
|
|
1529
|
+
};
|
|
1530
|
+
itemsOnboarding: {
|
|
1531
|
+
cardIndex: number;
|
|
1532
|
+
isActive: boolean;
|
|
1533
|
+
config: {
|
|
1534
|
+
classes: string;
|
|
1535
|
+
position: string;
|
|
1536
|
+
left?: string | undefined;
|
|
1537
|
+
right?: string | undefined;
|
|
1538
|
+
top?: string | undefined;
|
|
1539
|
+
bottom?: string | undefined;
|
|
1540
|
+
title: string;
|
|
1541
|
+
description: string;
|
|
1542
|
+
imageSource: string;
|
|
1543
|
+
backButtonClick: () => void;
|
|
1544
|
+
nextButtonType: string;
|
|
1545
|
+
nextButtonText: string;
|
|
1546
|
+
nextButtonClick: () => void;
|
|
1547
|
+
backButtonType?: string | undefined;
|
|
1548
|
+
backButtonText?: string | undefined;
|
|
1549
|
+
}[];
|
|
1550
|
+
};
|
|
1551
|
+
recommendationStrategyOnboarding: {
|
|
1552
|
+
cardIndex: number;
|
|
1553
|
+
isActive: boolean;
|
|
1554
|
+
config: {
|
|
1555
|
+
classes: string;
|
|
1556
|
+
position: string;
|
|
1557
|
+
left?: string | undefined;
|
|
1558
|
+
right?: string | undefined;
|
|
1559
|
+
top?: string | undefined;
|
|
1560
|
+
bottom?: string | undefined;
|
|
1561
|
+
title: string;
|
|
1562
|
+
description: string;
|
|
1563
|
+
imageSource: string;
|
|
1564
|
+
backButtonClick: () => void;
|
|
1565
|
+
nextButtonType: string;
|
|
1566
|
+
nextButtonText: string;
|
|
1567
|
+
nextButtonClick: () => void;
|
|
1568
|
+
backButtonType?: string | undefined;
|
|
1569
|
+
backButtonText?: string | undefined;
|
|
1570
|
+
}[];
|
|
1571
|
+
};
|
|
1218
1572
|
};
|
|
1219
1573
|
userModalState: {
|
|
1220
1574
|
Guido?: {
|
|
@@ -1224,6 +1578,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1224
1578
|
versionHistoryOnboarding?: boolean | undefined;
|
|
1225
1579
|
ampOnboarding?: boolean | undefined;
|
|
1226
1580
|
itemsOnboarding?: boolean | undefined;
|
|
1581
|
+
recommendationStrategyOnboarding?: boolean | undefined;
|
|
1227
1582
|
} | undefined;
|
|
1228
1583
|
};
|
|
1229
1584
|
isFetched: boolean;
|
|
@@ -1372,6 +1727,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1372
1727
|
backButtonText?: string | undefined;
|
|
1373
1728
|
}[];
|
|
1374
1729
|
};
|
|
1730
|
+
recommendationStrategyOnboarding: {
|
|
1731
|
+
cardIndex: number;
|
|
1732
|
+
isActive: boolean;
|
|
1733
|
+
config: {
|
|
1734
|
+
classes: string;
|
|
1735
|
+
position: string;
|
|
1736
|
+
left?: string | undefined;
|
|
1737
|
+
right?: string | undefined;
|
|
1738
|
+
top?: string | undefined;
|
|
1739
|
+
bottom?: string | undefined;
|
|
1740
|
+
title: string;
|
|
1741
|
+
description: string;
|
|
1742
|
+
imageSource: string;
|
|
1743
|
+
backButtonClick: () => void;
|
|
1744
|
+
nextButtonType: string;
|
|
1745
|
+
nextButtonText: string;
|
|
1746
|
+
nextButtonClick: () => void;
|
|
1747
|
+
backButtonType?: string | undefined;
|
|
1748
|
+
backButtonText?: string | undefined;
|
|
1749
|
+
}[];
|
|
1750
|
+
};
|
|
1375
1751
|
};
|
|
1376
1752
|
userModalState: {
|
|
1377
1753
|
Guido?: {
|
|
@@ -1381,6 +1757,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1381
1757
|
versionHistoryOnboarding?: boolean | undefined;
|
|
1382
1758
|
ampOnboarding?: boolean | undefined;
|
|
1383
1759
|
itemsOnboarding?: boolean | undefined;
|
|
1760
|
+
recommendationStrategyOnboarding?: boolean | undefined;
|
|
1384
1761
|
} | undefined;
|
|
1385
1762
|
};
|
|
1386
1763
|
isFetched: boolean;
|
|
@@ -49,11 +49,8 @@ const n = `.strategy-control-header {
|
|
|
49
49
|
white-space: nowrap;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
.strategy-control-cta.primary > .button
|
|
53
|
-
.strategy-control-cta.primary > .button.disabled {
|
|
54
|
-
opacity: 1;
|
|
52
|
+
.strategy-control-cta.primary > .button {
|
|
55
53
|
color: var(--guido-color-gray-800);
|
|
56
|
-
cursor: default;
|
|
57
54
|
}
|
|
58
55
|
|
|
59
56
|
.strategy-control-name-band {
|
|
@@ -71,6 +68,26 @@ const n = `.strategy-control-header {
|
|
|
71
68
|
line-height: 24px;
|
|
72
69
|
}
|
|
73
70
|
|
|
71
|
+
.strategy-control-name-skeleton {
|
|
72
|
+
display: none;
|
|
73
|
+
width: 140px;
|
|
74
|
+
height: 16px;
|
|
75
|
+
border-radius: 4px;
|
|
76
|
+
background: linear-gradient(
|
|
77
|
+
90deg,
|
|
78
|
+
var(--guido-color-gray-100) 25%,
|
|
79
|
+
var(--guido-color-gray-0) 37%,
|
|
80
|
+
var(--guido-color-gray-100) 63%
|
|
81
|
+
);
|
|
82
|
+
background-size: 400% 100%;
|
|
83
|
+
animation: guido-strategy-name-shimmer 1.4s ease infinite;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
@keyframes guido-strategy-name-shimmer {
|
|
87
|
+
0% { background-position: 100% 50%; }
|
|
88
|
+
100% { background-position: 0 50%; }
|
|
89
|
+
}
|
|
90
|
+
|
|
74
91
|
.strategy-control-actions {
|
|
75
92
|
display: flex;
|
|
76
93
|
align-items: center;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { useOnboardingApi as
|
|
2
|
-
import { defineStore as
|
|
1
|
+
import { useOnboardingApi as e } from "../services/onboardingApi.js";
|
|
2
|
+
import { defineStore as s } from "pinia";
|
|
3
3
|
const t = () => ({
|
|
4
4
|
cardIndex: 0,
|
|
5
5
|
isActive: !1,
|
|
@@ -11,49 +11,54 @@ const t = () => ({
|
|
|
11
11
|
textBlockOnboarding: t(),
|
|
12
12
|
versionHistoryOnboarding: t(),
|
|
13
13
|
ampOnboarding: t(),
|
|
14
|
-
itemsOnboarding: t()
|
|
14
|
+
itemsOnboarding: t(),
|
|
15
|
+
recommendationStrategyOnboarding: t()
|
|
15
16
|
},
|
|
16
17
|
userModalState: {},
|
|
17
18
|
isFetched: !1
|
|
18
|
-
}), c =
|
|
19
|
+
}), c = s("guidoOnboarding", {
|
|
19
20
|
state: () => a(),
|
|
20
21
|
getters: {
|
|
21
|
-
getOnboarding: (n) => (
|
|
22
|
-
isActive: (n) => (
|
|
23
|
-
getCurrentCard: (n) => (
|
|
24
|
-
const
|
|
25
|
-
return
|
|
22
|
+
getOnboarding: (n) => (o) => n.onboardings[o],
|
|
23
|
+
isActive: (n) => (o) => n.onboardings[o].isActive,
|
|
24
|
+
getCurrentCard: (n) => (o) => {
|
|
25
|
+
const i = n.onboardings[o];
|
|
26
|
+
return i.config[i.cardIndex];
|
|
26
27
|
},
|
|
27
28
|
getGenericCurrentCard: (n) => {
|
|
28
|
-
const { genericOnboarding:
|
|
29
|
-
return
|
|
29
|
+
const { genericOnboarding: o } = n.onboardings;
|
|
30
|
+
return o.config[o.cardIndex];
|
|
30
31
|
},
|
|
31
32
|
getTextBlockCurrentCard: (n) => {
|
|
32
|
-
const { textBlockOnboarding:
|
|
33
|
-
return
|
|
33
|
+
const { textBlockOnboarding: o } = n.onboardings;
|
|
34
|
+
return o.config[o.cardIndex];
|
|
34
35
|
},
|
|
35
36
|
getVersionHistoryCurrentCard: (n) => {
|
|
36
|
-
const { versionHistoryOnboarding:
|
|
37
|
-
return
|
|
37
|
+
const { versionHistoryOnboarding: o } = n.onboardings;
|
|
38
|
+
return o.config[o.cardIndex];
|
|
38
39
|
},
|
|
39
40
|
getAmpCurrentCard: (n) => {
|
|
40
|
-
const { ampOnboarding:
|
|
41
|
-
return
|
|
41
|
+
const { ampOnboarding: o } = n.onboardings;
|
|
42
|
+
return o.config[o.cardIndex];
|
|
42
43
|
},
|
|
43
44
|
getItemsCurrentCard: (n) => {
|
|
44
|
-
const { itemsOnboarding:
|
|
45
|
-
return
|
|
45
|
+
const { itemsOnboarding: o } = n.onboardings;
|
|
46
|
+
return o.config[o.cardIndex];
|
|
47
|
+
},
|
|
48
|
+
getRecommendationStrategyCurrentCard: (n) => {
|
|
49
|
+
const { recommendationStrategyOnboarding: o } = n.onboardings;
|
|
50
|
+
return o.config[o.cardIndex];
|
|
46
51
|
},
|
|
47
|
-
shouldShowOnboarding: (n) => (
|
|
48
|
-
const
|
|
49
|
-
return
|
|
52
|
+
shouldShowOnboarding: (n) => (o) => {
|
|
53
|
+
const i = n.userModalState.Guido;
|
|
54
|
+
return o === "newVersionPopup" && (i != null && i.genericOnboarding) ? !1 : i ? !i[o] : !0;
|
|
50
55
|
}
|
|
51
56
|
},
|
|
52
57
|
actions: {
|
|
53
58
|
closeOtherOnboardings(n) {
|
|
54
|
-
Object.keys(this.onboardings).forEach((
|
|
55
|
-
const
|
|
56
|
-
|
|
59
|
+
Object.keys(this.onboardings).forEach((o) => {
|
|
60
|
+
const i = o;
|
|
61
|
+
i !== n && this.onboardings[i].isActive && (this.onboardings[i].isActive = !1, this.onboardings[i].cardIndex = 0, this.onboardings[i].config = []);
|
|
57
62
|
});
|
|
58
63
|
},
|
|
59
64
|
start(n) {
|
|
@@ -71,12 +76,12 @@ const t = () => ({
|
|
|
71
76
|
previous(n) {
|
|
72
77
|
this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
|
|
73
78
|
},
|
|
74
|
-
updateCardPosition(n,
|
|
75
|
-
const r = this.onboardings[n].config[
|
|
76
|
-
r && (r.top =
|
|
79
|
+
updateCardPosition(n, o, i) {
|
|
80
|
+
const r = this.onboardings[n].config[o];
|
|
81
|
+
r && (r.top = i.top, r.position = i.position);
|
|
77
82
|
},
|
|
78
|
-
setConfig(n,
|
|
79
|
-
this.onboardings[n].config =
|
|
83
|
+
setConfig(n, o) {
|
|
84
|
+
this.onboardings[n].config = o ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
|
|
80
85
|
},
|
|
81
86
|
async onDiscoverNowClicked() {
|
|
82
87
|
await this.setUserModalState("newVersionPopup", "true", "Guido"), await this.setUserModalState("genericOnboarding", "true", "Guido"), this.start("genericOnboarding");
|
|
@@ -93,16 +98,16 @@ const t = () => ({
|
|
|
93
98
|
async fetchUserModalState() {
|
|
94
99
|
if (this.isFetched)
|
|
95
100
|
return;
|
|
96
|
-
const { fetchUserModalState: n } =
|
|
101
|
+
const { fetchUserModalState: n } = e();
|
|
97
102
|
try {
|
|
98
|
-
const
|
|
99
|
-
this.userModalState =
|
|
103
|
+
const o = await n();
|
|
104
|
+
this.userModalState = o, this.isFetched = !0;
|
|
100
105
|
} catch {
|
|
101
106
|
}
|
|
102
107
|
},
|
|
103
|
-
async setUserModalState(n,
|
|
104
|
-
const { setUserModalState: r } =
|
|
105
|
-
await r(n,
|
|
108
|
+
async setUserModalState(n, o, i) {
|
|
109
|
+
const { setUserModalState: r } = e();
|
|
110
|
+
await r(n, o, i), this.isFetched = !1, await this.fetchUserModalState();
|
|
106
111
|
}
|
|
107
112
|
}
|
|
108
113
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "3.18.
|
|
3
|
+
"version": "3.18.1-beta.636c82d",
|
|
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",
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
},
|
|
119
119
|
"guido": {
|
|
120
120
|
"stripo": {
|
|
121
|
-
"version": "2.
|
|
121
|
+
"version": "2.73.0"
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
124
|
}
|