@useinsider/guido 1.0.2-beta.3ff43aa → 1.0.2-beta.42b5b4a

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 (87) hide show
  1. package/README.md +1 -43
  2. package/dist/@types/events.d.ts +0 -6
  3. package/dist/@types/generic.d.ts +0 -5
  4. package/dist/components/Guido.vue.d.ts +0 -3
  5. package/dist/components/Guido.vue.js +10 -10
  6. package/dist/components/Guido.vue2.js +63 -80
  7. package/dist/components/organisms/LoadingWrapper.vue.js +1 -1
  8. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -3
  9. package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js +15 -14
  10. package/dist/components/organisms/header/HeaderWrapper.vue.d.ts +1 -3
  11. package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -6
  12. package/dist/components/organisms/header/HeaderWrapper.vue2.js +9 -15
  13. package/dist/components/organisms/header/RightSlot.vue.d.ts +1 -3
  14. package/dist/components/organisms/header/RightSlot.vue.js +3 -5
  15. package/dist/components/organisms/header/RightSlot.vue2.js +27 -25
  16. package/dist/components/organisms/header/ViewOptions.vue.js +11 -11
  17. package/dist/components/organisms/header/ViewOptions.vue2.js +5 -5
  18. package/dist/components/organisms/header/version-history/ViewOptions.vue.js +11 -11
  19. package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +5 -5
  20. package/dist/components/organisms/onboarding/AMPOnboarding.vue.js +13 -13
  21. package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js +23 -21
  22. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +14 -14
  23. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +28 -26
  24. package/dist/components/organisms/onboarding/NewVersionPopup.vue.js +1 -1
  25. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js +9 -11
  26. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +14 -37
  27. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +13 -13
  28. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +28 -38
  29. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.js +14 -14
  30. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js +23 -21
  31. package/dist/components/wrappers/WpDrawer.vue.d.ts +1 -1
  32. package/dist/components/wrappers/WpModal.vue.d.ts +1 -1
  33. package/dist/composables/useCustomInterfaceAppearance.js +18 -22
  34. package/dist/composables/useHtmlCompiler.js +9 -17
  35. package/dist/composables/useOnboardingApi.d.ts +4 -0
  36. package/dist/composables/useOnboardingApi.js +23 -0
  37. package/dist/composables/usePartner.d.ts +0 -1
  38. package/dist/composables/usePartner.js +9 -16
  39. package/dist/composables/usePreviewMode.js +15 -14
  40. package/dist/composables/useStripo.js +31 -32
  41. package/dist/composables/useStripoEventHandler.js +8 -8
  42. package/dist/composables/useToaster.js +17 -17
  43. package/dist/config/compiler/outlookCompilerRules.d.ts +0 -2
  44. package/dist/enums/defaults.d.ts +1 -6
  45. package/dist/enums/defaults.js +10 -47
  46. package/dist/guido.css +1 -1
  47. package/dist/static/styles/components/alert-message.css.js +2 -32
  48. package/dist/static/styles/components/button.css.js +2 -32
  49. package/dist/static/styles/components/wide-panel.css.js +0 -13
  50. package/dist/static/styles/variables.css.js +0 -10
  51. package/dist/stores/dynamic-content.d.ts +0 -12
  52. package/dist/stores/dynamic-content.js +6 -7
  53. package/dist/stores/onboarding.d.ts +1027 -97
  54. package/dist/stores/onboarding.js +61 -48
  55. package/dist/stores/preview.js +14 -6
  56. package/dist/utils/genericUtil.js +6 -9
  57. package/dist/utils/templatePreparation.js +14 -21
  58. package/package.json +2 -4
  59. package/dist/composables/useHtmlValidator.d.ts +0 -3
  60. package/dist/composables/useHtmlValidator.js +0 -120
  61. package/dist/composables/useRecommendation.d.ts +0 -19
  62. package/dist/composables/useRecommendation.js +0 -27
  63. package/dist/composables/useSave.d.ts +0 -4
  64. package/dist/composables/useSave.js +0 -15
  65. package/dist/config/compiler/outlookCompilerRules.js +0 -36
  66. package/dist/config/compiler/recommendationCompilerRules.d.ts +0 -2
  67. package/dist/config/compiler/recommendationCompilerRules.js +0 -83
  68. package/dist/config/compiler/socialCompilerRules.d.ts +0 -2
  69. package/dist/config/compiler/socialCompilerRules.js +0 -21
  70. package/dist/config/compiler/unsubscribeCompilerRules.d.ts +0 -2
  71. package/dist/config/compiler/unsubscribeCompilerRules.js +0 -64
  72. package/dist/enums/html-validator.d.ts +0 -6
  73. package/dist/enums/html-validator.js +0 -7
  74. package/dist/enums/recommendation.d.ts +0 -54
  75. package/dist/enums/recommendation.js +0 -56
  76. package/dist/enums/unsubscribe.d.ts +0 -15
  77. package/dist/enums/unsubscribe.js +0 -17
  78. package/dist/mock/api/validator.d.ts +0 -2
  79. package/dist/services/onboardingApi.d.ts +0 -4
  80. package/dist/services/onboardingApi.js +0 -23
  81. package/dist/static/styles/components/notification.css.js +0 -55
  82. package/dist/static/styles/components/popup.css.js +0 -68
  83. package/dist/static/styles/customEditorStyle.css.js +0 -24
  84. package/dist/stores/recommendation.d.ts +0 -10
  85. package/dist/stores/recommendation.js +0 -9
  86. package/dist/stores/unsubscribe.d.ts +0 -8
  87. package/dist/stores/unsubscribe.js +0 -9
@@ -1,4 +1,4 @@
1
- const r = `.alert-message-wrapper {
1
+ const n = `.alert-message-wrapper {
2
2
  box-shadow: none;
3
3
  border: 1px solid var(--guido-color-gray-300);
4
4
  color: var(--guido-color-gray-600);
@@ -16,36 +16,6 @@ const r = `.alert-message-wrapper {
16
16
  color: var(--guido-color-border-onpage-message-info);
17
17
  }
18
18
 
19
- .alert-message-wrapper.warn {
20
- background: var(--guido-color-background-onpage-message-warn);
21
- border-color: var(--guido-color-border-onpage-message-warn);
22
- color: inherit;
23
- }
24
-
25
- .alert-message-wrapper.warn ue-icon-component.icon {
26
- color: var(--guido-color-border-onpage-message-warn);
27
- }
28
-
29
- .alert-message-wrapper.success {
30
- background: var(--guido-color-background-onpage-message-success);
31
- border-color: var(--guido-color-border-onpage-message-success);
32
- color: inherit;
33
- }
34
-
35
- .alert-message-wrapper.success ue-icon-component.icon {
36
- color: var(--guido-color-border-onpage-message-success);
37
- }
38
-
39
- .alert-message-wrapper.error {
40
- background: var(--guido-color-background-onpage-message-error);
41
- border-color: var(--guido-color-border-onpage-message-error);
42
- color: inherit;
43
- }
44
-
45
- .alert-message-wrapper.error ue-icon-component.icon {
46
- color: var(--guido-color-border-onpage-message-error);
47
- }
48
-
49
19
  .alert-message-wrapper ue-button {
50
20
  padding: 0;
51
21
  }
@@ -65,5 +35,5 @@ const r = `.alert-message-wrapper {
65
35
  }
66
36
  `;
67
37
  export {
68
- r as default
38
+ n as default
69
39
  };
@@ -60,28 +60,8 @@ const o = `.control-shadow-wrapper:has(.button) {
60
60
  color: var(--guido-color-primary-500);
61
61
  }
62
62
 
63
- .primary > .button {
64
- border: none;
65
- background-color: var(--guido-color-neutral-200);
66
- color: var(--guido-color-neutral-800);
67
- }
68
-
69
- .primary > .button .icon-button {
70
- color: var(--guido-color-neutral-800);
71
- }
72
-
73
- .primary > .button:hover:not(:disabled,.disabled) {
74
- background-color: var(--guido-color-neutral-100);
75
- }
76
-
77
- .danger > .button {
78
- background-color: var(--guido-color-danger-500);
79
- color: var(--guido-color-white);
80
- border: none;
81
- }
82
-
83
- .danger > .button:hover:not(:disabled,.disabled) {
84
- background-color: var(--guido-color-danger-300);
63
+ .flat-white > .button:hover:not(:disabled,.disabled) {
64
+ color: var(--guido-color-primary-500);
85
65
  }
86
66
 
87
67
  ue-check-button.checked:not(.flat-white) input:checked + label {
@@ -120,16 +100,6 @@ ue-color {
120
100
  ue-color .base-input {
121
101
  width: 100%;
122
102
  }
123
-
124
- ue-select-text-input .select-text-input-toggle {
125
- top: 0;
126
- right: 0;
127
- }
128
-
129
- ue-select-text-input .select-text-input-toggle .button {
130
- justify-content: center;
131
- background-color: transparent !important;
132
- }
133
103
  `;
134
104
  export {
135
105
  o as default
@@ -2,28 +2,15 @@ const n = `ue-wide-panel {
2
2
  width: 425px;
3
3
  }
4
4
 
5
- ue-main-editor-container[panel-position=SETTINGS_BLOCKS] ue-wide-panel {
6
- right: calc(100% - calc(var(--ue-spacing-step, 5px) * 3) - 425px);
7
- }
8
-
9
5
  ue-main-tabs-panel-component .fixed-panel-header {
10
6
  display: none;
11
7
  }
12
8
 
13
- /* Remove with this writing task DT-28355 */
14
- ue-description a {
15
- display: none;
16
- }
17
-
18
9
  .label {
19
10
  font-size: 13px;
20
11
  color: var(--guido-color-gray-800);
21
12
  }
22
13
 
23
- .stacked-panel {
24
- overflow: auto;
25
- }
26
-
27
14
  .stacked-panel-title {
28
15
  padding: 16px;
29
16
  font-size: 16px;
@@ -12,20 +12,10 @@ const o = `:host {
12
12
  --guido-color-neutral-800: #222938;
13
13
  --guido-color-neutral-200: #DCDFE6;
14
14
  --guido-color-neutral-100: #EFF2F4;
15
- --guido-color-danger-300: #e84342;
16
15
  --guido-color-danger-500: #DC2A2A;
17
16
  --guido-box-shadow: 0 4px 12px 0 rgba(44,53,70,0.15);
18
17
  --guido-color-background-onpage-message-info: #D3EEF8;
19
18
  --guido-color-border-onpage-message-info: #258DDE;
20
- --guido-color-background-onpage-message-warn: #FCEFE5;
21
- --guido-color-border-onpage-message-warn: #D37400;
22
- --guido-color-background-onpage-message-success: #E9F9EB;
23
- --guido-color-border-onpage-message-success: #128745;
24
- --guido-color-background-onpage-message-error: #FCECEC;
25
- --guido-color-border-onpage-message-error: var(--guido-color-danger-500);
26
- --guido-color-background-toaster-success: #128745;
27
- --guido-color-background-toaster-error: var(--guido-color-danger-500);
28
- --guido-color-background-toaster-warn: #D37400;
29
19
  }
30
20
  `;
31
21
  export {
@@ -8,19 +8,11 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
8
8
  value: string;
9
9
  text: string;
10
10
  fallback?: string | undefined;
11
- format?: {
12
- key: string;
13
- value: string;
14
- } | undefined;
15
11
  };
16
12
  selectedDynamicContentList: {
17
13
  value: string;
18
14
  text: string;
19
15
  fallback?: string | undefined;
20
- format?: {
21
- key: string;
22
- value: string;
23
- } | undefined;
24
16
  }[];
25
17
  } & import("pinia").PiniaCustomStateProperties<{
26
18
  selectedDynamicContent: DynamicContent;
@@ -29,10 +21,6 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
29
21
  text: string;
30
22
  value: string;
31
23
  fallback: string | undefined;
32
- format: {
33
- key: string;
34
- value: string;
35
- } | undefined;
36
24
  }[];
37
25
  }, {
38
26
  setSelectedDynamicContent(dynamicContent: DynamicContent): void;
@@ -6,16 +6,15 @@ const s = a("dynamicContent", {
6
6
  selectedDynamicContentList: []
7
7
  }),
8
8
  actions: {
9
- setSelectedDynamicContent(t) {
10
- this.selectedDynamicContent = t, this.selectedDynamicContentList.push(t);
9
+ setSelectedDynamicContent(e) {
10
+ this.selectedDynamicContent = e, this.selectedDynamicContentList.push(e);
11
11
  }
12
12
  },
13
13
  getters: {
14
- getSelectedDynamicContentList: (t) => n(t.selectedDynamicContentList).map((e) => ({
15
- text: e.text,
16
- value: e.value,
17
- fallback: e.fallback,
18
- format: e.format
14
+ getSelectedDynamicContentList: (e) => n(e.selectedDynamicContentList).map((t) => ({
15
+ text: t.text,
16
+ value: t.value,
17
+ fallback: t.fallback
19
18
  })) || []
20
19
  }
21
20
  });