@useinsider/guido 1.0.2-beta.e4bda14 → 1.0.2-beta.efaabbe

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 (58) hide show
  1. package/README.md +1 -24
  2. package/dist/@types/events.d.ts +0 -6
  3. package/dist/@types/generic.d.ts +0 -4
  4. package/dist/components/Guido.vue.js +5 -5
  5. package/dist/components/Guido.vue2.js +53 -55
  6. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -3
  7. package/dist/components/organisms/header/ViewOptions.vue.js +11 -11
  8. package/dist/components/organisms/header/ViewOptions.vue2.js +5 -5
  9. package/dist/components/organisms/header/version-history/ViewOptions.vue.js +11 -11
  10. package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +5 -5
  11. package/dist/composables/useCustomInterfaceAppearance.js +18 -22
  12. package/dist/composables/usePartner.d.ts +0 -1
  13. package/dist/composables/usePartner.js +9 -16
  14. package/dist/composables/useStripo.js +22 -24
  15. package/dist/enums/defaults.d.ts +0 -1
  16. package/dist/enums/defaults.js +10 -42
  17. package/dist/guido.css +1 -1
  18. package/dist/static/styles/components/alert-message.css.js +2 -32
  19. package/dist/static/styles/components/button.css.js +2 -32
  20. package/dist/static/styles/components/wide-panel.css.js +1 -5
  21. package/dist/static/styles/customEditorStyle.css.js +0 -6
  22. package/dist/static/styles/variables.css.js +0 -10
  23. package/dist/stores/dynamic-content.d.ts +0 -12
  24. package/dist/stores/dynamic-content.js +6 -7
  25. package/dist/stores/editor.d.ts +0 -21
  26. package/dist/stores/editor.js +1 -2
  27. package/dist/utils/genericUtil.js +6 -9
  28. package/package.json +1 -1
  29. package/dist/components/organisms/onboarding/AMPOnboarding.vue.d.ts +0 -2
  30. package/dist/components/organisms/onboarding/AMPOnboarding.vue.js +0 -20
  31. package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js +0 -37
  32. package/dist/components/organisms/onboarding/GenericOnboarding.vue.d.ts +0 -2
  33. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +0 -21
  34. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +0 -83
  35. package/dist/components/organisms/onboarding/NewVersionPopup.vue.d.ts +0 -2
  36. package/dist/components/organisms/onboarding/NewVersionPopup.vue.js +0 -17
  37. package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +0 -30
  38. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.d.ts +0 -2
  39. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js +0 -19
  40. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +0 -43
  41. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.d.ts +0 -2
  42. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +0 -21
  43. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +0 -74
  44. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.d.ts +0 -2
  45. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.js +0 -20
  46. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js +0 -37
  47. package/dist/composables/useStripoEventHandler.d.ts +0 -3
  48. package/dist/composables/useStripoEventHandler.js +0 -20
  49. package/dist/enums/onboarding.d.ts +0 -1
  50. package/dist/enums/onboarding.js +0 -8
  51. package/dist/mock/api/user-modal-state.d.ts +0 -2
  52. package/dist/services/onboardingApi.d.ts +0 -4
  53. package/dist/services/onboardingApi.js +0 -23
  54. package/dist/static/assets/onboarding-img.svg.js +0 -4
  55. package/dist/static/styles/components/notification.css.js +0 -55
  56. package/dist/static/styles/components/popup.css.js +0 -68
  57. package/dist/stores/onboarding.d.ts +0 -1068
  58. package/dist/stores/onboarding.js +0 -95
@@ -1,4 +1,4 @@
1
- const a = {
1
+ const t = {
2
2
  translationsPath: "window.trans.en",
3
3
  emailHeader: {
4
4
  senderName: "",
@@ -10,51 +10,19 @@ const a = {
10
10
  versionHistory: !0
11
11
  },
12
12
  useHeader: !0
13
- }, t = {
13
+ }, e = {
14
14
  promotional: 1,
15
15
  transactional: 2
16
- }, e = "email", o = "Guido User", n = t.promotional, i = 2, s = {
16
+ }, a = "email", o = "Guido User", s = e.promotional, n = 2, r = {
17
17
  email: 60,
18
18
  architect: 49
19
- }, u = [
20
- "alfredtesting",
21
- "electio",
22
- "eurekatest",
23
- "gachapontestpart",
24
- "gluautomation1",
25
- "gluautomation2",
26
- "gluautomation3",
27
- "gluautomation4",
28
- "inone",
29
- "inshoppingcart",
30
- "krakentest",
31
- "leeroy",
32
- "newsletteruat",
33
- "ozaspava",
34
- "piratesquad",
35
- "qaautomation1",
36
- "qaautomation2",
37
- "qaautomation3",
38
- "qaautomation4",
39
- "roiautomation",
40
- "seleniumautomation",
41
- "seleniumautomation1",
42
- "seleniumautomation2",
43
- "seleniumautomation3",
44
- "shopbagg",
45
- "shopifytest",
46
- "singlepageqa",
47
- "testqa",
48
- "vikingsankara",
49
- "stripoeditorlivetest"
50
- ];
19
+ };
51
20
  export {
52
- a as DefaultGuidoConfig,
53
- n as DefaultMessageType,
54
- e as DefaultProductType,
21
+ t as DefaultGuidoConfig,
22
+ s as DefaultMessageType,
23
+ a as DefaultProductType,
55
24
  o as DefaultUsername,
56
- i as EditorType,
57
- s as ProductIds,
58
- u as TEST_PARTNER_LIST,
59
- t as TemplateTypes
25
+ n as EditorType,
26
+ r as ProductIds,
27
+ e as TemplateTypes
60
28
  };
package/dist/guido.css CHANGED
@@ -1 +1 @@
1
- [data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-cebb8ab0],.guido-editor__container[data-v-cebb8ab0]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-cebb8ab0]{height:calc(100vh - 75px)}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
1
+ [data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}[data-v-421ffc13] .guido__verion-history-view-option-selection-desktop svg,[data-v-421ffc13] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-421ffc13] .in-segments-wrapper__button_selected,[data-v-421ffc13] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-421ffc13] .in-tooltip-wrapper__icon{cursor:pointer}[data-v-ad3cf7cc] .guido__view-option-selection-desktop svg,[data-v-ad3cf7cc] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-ad3cf7cc] .in-segments-wrapper__button_selected,[data-v-ad3cf7cc] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-ad3cf7cc] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-0defec6a],.guido-editor__container[data-v-0defec6a]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-0defec6a]{height:calc(100vh - 75px)}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@@ -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,10 +2,6 @@ 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
  }
@@ -21,7 +17,7 @@ ue-description a {
21
17
  }
22
18
 
23
19
  .stacked-panel {
24
- overflow: auto;
20
+ overflow: scroll;
25
21
  }
26
22
 
27
23
  .stacked-panel-title {
@@ -12,12 +12,6 @@ const n = `.esd-x,
12
12
  .ue-preview-control-wrapper ue-icon-component:not([disabled=true]):not(.stripo-static-icon):hover {
13
13
  background: none;
14
14
  }
15
-
16
- .ue-email-wrapper-rounded,
17
- .ue-email-wrapper-rounded-top {
18
- border-radius: 0;
19
- box-shadow: none;
20
- }
21
15
  `;
22
16
  export {
23
17
  n as default
@@ -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
  });
@@ -6,7 +6,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
6
6
  isPreviewModeOpen: boolean;
7
7
  editorVisualMode: string;
8
8
  hasChanges: boolean;
9
- isStripoInitialized: boolean;
10
9
  }, {
11
10
  isUndoButtonDisabled: (state: {
12
11
  loadingStatus: boolean;
@@ -16,7 +15,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
16
15
  isPreviewModeOpen: boolean;
17
16
  editorVisualMode: string;
18
17
  hasChanges: boolean;
19
- isStripoInitialized: boolean;
20
18
  } & import("pinia").PiniaCustomStateProperties<{
21
19
  loadingStatus: boolean;
22
20
  isCodeEditorOpen: boolean;
@@ -25,7 +23,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
25
23
  isPreviewModeOpen: boolean;
26
24
  editorVisualMode: string;
27
25
  hasChanges: boolean;
28
- isStripoInitialized: boolean;
29
26
  }>) => boolean;
30
27
  isRedoButtonDisabled: (state: {
31
28
  loadingStatus: boolean;
@@ -35,7 +32,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
35
32
  isPreviewModeOpen: boolean;
36
33
  editorVisualMode: string;
37
34
  hasChanges: boolean;
38
- isStripoInitialized: boolean;
39
35
  } & import("pinia").PiniaCustomStateProperties<{
40
36
  loadingStatus: boolean;
41
37
  isCodeEditorOpen: boolean;
@@ -44,7 +40,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
44
40
  isPreviewModeOpen: boolean;
45
41
  editorVisualMode: string;
46
42
  hasChanges: boolean;
47
- isStripoInitialized: boolean;
48
43
  }>) => boolean;
49
44
  isCodeEditorButtonDisabled: (state: {
50
45
  loadingStatus: boolean;
@@ -54,7 +49,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
54
49
  isPreviewModeOpen: boolean;
55
50
  editorVisualMode: string;
56
51
  hasChanges: boolean;
57
- isStripoInitialized: boolean;
58
52
  } & import("pinia").PiniaCustomStateProperties<{
59
53
  loadingStatus: boolean;
60
54
  isCodeEditorOpen: boolean;
@@ -63,7 +57,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
63
57
  isPreviewModeOpen: boolean;
64
58
  editorVisualMode: string;
65
59
  hasChanges: boolean;
66
- isStripoInitialized: boolean;
67
60
  }>) => boolean;
68
61
  isPreviewButtonDisabled: (state: {
69
62
  loadingStatus: boolean;
@@ -73,7 +66,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
73
66
  isPreviewModeOpen: boolean;
74
67
  editorVisualMode: string;
75
68
  hasChanges: boolean;
76
- isStripoInitialized: boolean;
77
69
  } & import("pinia").PiniaCustomStateProperties<{
78
70
  loadingStatus: boolean;
79
71
  isCodeEditorOpen: boolean;
@@ -82,7 +74,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
82
74
  isPreviewModeOpen: boolean;
83
75
  editorVisualMode: string;
84
76
  hasChanges: boolean;
85
- isStripoInitialized: boolean;
86
77
  }>) => boolean;
87
78
  isViewOptionsDisabled: (state: {
88
79
  loadingStatus: boolean;
@@ -92,7 +83,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
92
83
  isPreviewModeOpen: boolean;
93
84
  editorVisualMode: string;
94
85
  hasChanges: boolean;
95
- isStripoInitialized: boolean;
96
86
  } & import("pinia").PiniaCustomStateProperties<{
97
87
  loadingStatus: boolean;
98
88
  isCodeEditorOpen: boolean;
@@ -101,7 +91,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
101
91
  isPreviewModeOpen: boolean;
102
92
  editorVisualMode: string;
103
93
  hasChanges: boolean;
104
- isStripoInitialized: boolean;
105
94
  }>) => boolean;
106
95
  isVersionHistoryButtonDisabled: (state: {
107
96
  loadingStatus: boolean;
@@ -111,7 +100,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
111
100
  isPreviewModeOpen: boolean;
112
101
  editorVisualMode: string;
113
102
  hasChanges: boolean;
114
- isStripoInitialized: boolean;
115
103
  } & import("pinia").PiniaCustomStateProperties<{
116
104
  loadingStatus: boolean;
117
105
  isCodeEditorOpen: boolean;
@@ -120,7 +108,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
120
108
  isPreviewModeOpen: boolean;
121
109
  editorVisualMode: string;
122
110
  hasChanges: boolean;
123
- isStripoInitialized: boolean;
124
111
  }>) => boolean;
125
112
  isExportButtonDisabled: (state: {
126
113
  loadingStatus: boolean;
@@ -130,7 +117,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
130
117
  isPreviewModeOpen: boolean;
131
118
  editorVisualMode: string;
132
119
  hasChanges: boolean;
133
- isStripoInitialized: boolean;
134
120
  } & import("pinia").PiniaCustomStateProperties<{
135
121
  loadingStatus: boolean;
136
122
  isCodeEditorOpen: boolean;
@@ -139,7 +125,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
139
125
  isPreviewModeOpen: boolean;
140
126
  editorVisualMode: string;
141
127
  hasChanges: boolean;
142
- isStripoInitialized: boolean;
143
128
  }>) => boolean;
144
129
  isSaveAsButtonDisabled: (state: {
145
130
  loadingStatus: boolean;
@@ -149,7 +134,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
149
134
  isPreviewModeOpen: boolean;
150
135
  editorVisualMode: string;
151
136
  hasChanges: boolean;
152
- isStripoInitialized: boolean;
153
137
  } & import("pinia").PiniaCustomStateProperties<{
154
138
  loadingStatus: boolean;
155
139
  isCodeEditorOpen: boolean;
@@ -158,7 +142,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
158
142
  isPreviewModeOpen: boolean;
159
143
  editorVisualMode: string;
160
144
  hasChanges: boolean;
161
- isStripoInitialized: boolean;
162
145
  }>) => boolean;
163
146
  isTestButtonDisabled: (state: {
164
147
  loadingStatus: boolean;
@@ -168,7 +151,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
168
151
  isPreviewModeOpen: boolean;
169
152
  editorVisualMode: string;
170
153
  hasChanges: boolean;
171
- isStripoInitialized: boolean;
172
154
  } & import("pinia").PiniaCustomStateProperties<{
173
155
  loadingStatus: boolean;
174
156
  isCodeEditorOpen: boolean;
@@ -177,7 +159,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
177
159
  isPreviewModeOpen: boolean;
178
160
  editorVisualMode: string;
179
161
  hasChanges: boolean;
180
- isStripoInitialized: boolean;
181
162
  }>) => boolean;
182
163
  isSaveButtonDisabled: (state: {
183
164
  loadingStatus: boolean;
@@ -187,7 +168,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
187
168
  isPreviewModeOpen: boolean;
188
169
  editorVisualMode: string;
189
170
  hasChanges: boolean;
190
- isStripoInitialized: boolean;
191
171
  } & import("pinia").PiniaCustomStateProperties<{
192
172
  loadingStatus: boolean;
193
173
  isCodeEditorOpen: boolean;
@@ -196,6 +176,5 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
196
176
  isPreviewModeOpen: boolean;
197
177
  editorVisualMode: string;
198
178
  hasChanges: boolean;
199
- isStripoInitialized: boolean;
200
179
  }>) => boolean;
201
180
  }, {}>;
@@ -7,8 +7,7 @@ const o = e("editor", {
7
7
  isVersionHistoryOpen: !1,
8
8
  isPreviewModeOpen: !1,
9
9
  editorVisualMode: "desktop",
10
- hasChanges: !1,
11
- isStripoInitialized: !1
10
+ hasChanges: !1
12
11
  }),
13
12
  getters: {
14
13
  // Middle Slot
@@ -1,14 +1,11 @@
1
- const e = (l) => l.map((a) => a.format ? {
2
- label: `${a.text} | ${a.format.key}=${a.format.value}`,
3
- value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
4
- } : {
1
+ const l = (e) => e.map((a) => ({
5
2
  label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
6
3
  value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
7
- }), r = () => {
8
- var l;
9
- return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
4
+ })), t = () => {
5
+ var e;
6
+ return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
10
7
  };
11
8
  export {
12
- e as dynamicContentToMergeTags,
13
- r as getCsrfToken
9
+ l as dynamicContentToMergeTags,
10
+ t as getCsrfToken
14
11
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "1.0.2-beta.e4bda14",
3
+ "version": "1.0.2-beta.efaabbe",
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,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
- export default _default;
@@ -1,20 +0,0 @@
1
- import d from "./AMPOnboarding.vue2.js";
2
- import g from "../../../_virtual/_plugin-vue2_normalizer.js";
3
- var l = function() {
4
- var t, r, e, i, a, s;
5
- var n = this, p = n._self._c, o = n._self._setupProxy;
6
- return o.isVisible ? p(o.InOnboard, { key: "guido__amp-onboard", staticClass: "w-21-s p-a z-11", class: (t = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : t.classes, attrs: { id: "guido__amp-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (r = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : r.bottom, "left-position": (e = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : e.left, "pages-config": o.onboardingStore.onboardings.ampOnboarding.config, "pointer-position": (i = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : i.position, "right-position": (a = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : a.right, "top-position": (s = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : s.top }, on: { backButtonClick: o.handleBack, close: function(u) {
7
- return o.onboardingStore.close("ampOnboarding");
8
- }, nextButtonClick: o.handleNext } }) : n._e();
9
- }, m = [], c = /* @__PURE__ */ g(
10
- d,
11
- l,
12
- m,
13
- !1,
14
- null,
15
- null
16
- );
17
- const f = c.exports;
18
- export {
19
- f as default
20
- };
@@ -1,37 +0,0 @@
1
- import { defineComponent as p, computed as e, watch as m } from "vue";
2
- import { useTranslations as g } from "../../../composables/useTranslations.js";
3
- import { useOnboardingStore as u } from "../../../stores/onboarding.js";
4
- import { InOnboard as b } from "@useinsider/design-system-vue";
5
- const O = /* @__PURE__ */ p({
6
- __name: "AMPOnboarding",
7
- setup(l) {
8
- const i = g(), o = u(), r = e(() => `${window.innerWidth / 2 - 110}px`), a = e(() => [
9
- {
10
- classes: "guido-amp-onboarding",
11
- left: r.value,
12
- top: "70px",
13
- position: "Top Center",
14
- title: i("email-editor.onboarding-amp-title"),
15
- description: i("email-editor.onboarding-amp-description"),
16
- imageSource: "",
17
- backButtonClick: () => {
18
- },
19
- nextButtonType: "text",
20
- nextButtonText: i("action-builder.ok"),
21
- nextButtonClick: () => void o.close("ampOnboarding")
22
- }
23
- ]), d = e(() => o.onboardings.ampOnboarding.config.length > 0 && o.onboardings.ampOnboarding.isActive), s = () => {
24
- var n, t;
25
- (t = (n = o.getAmpCurrentCard) == null ? void 0 : n.nextButtonClick) == null || t.call(n);
26
- }, c = () => {
27
- var n, t;
28
- (t = (n = o.getAmpCurrentCard) == null ? void 0 : n.backButtonClick) == null || t.call(n);
29
- };
30
- return m(() => o.onboardings.ampOnboarding.isActive, (n) => {
31
- n && o.setConfig("ampOnboarding", a.value);
32
- }, { immediate: !0 }), { __sfc: !0, trans: i, onboardingStore: o, centerLeft: r, onboardingCardsConfig: a, isVisible: d, handleNext: s, handleBack: c, InOnboard: b };
33
- }
34
- });
35
- export {
36
- O as default
37
- };
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
- export default _default;
@@ -1,21 +0,0 @@
1
- import c from "./GenericOnboarding.vue2.js";
2
- /* empty css */
3
- import g from "../../../_virtual/_plugin-vue2_normalizer.js";
4
- var l = function() {
5
- var r, n, t, i, a, s;
6
- var o = this, d = o._self._c, e = o._self._setupProxy;
7
- return e.isVisible ? d(e.InOnboard, { key: "guido__editor-onboard", staticClass: "w-21-s p-a z-11", class: (r = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : r.classes, attrs: { id: "guido__editor-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : n.bottom, "left-position": (t = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : t.left, "pages-config": e.onboardingStore.onboardings.genericOnboarding.config, "pointer-position": (i = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : i.position, "right-position": (a = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : a.right, "top-position": (s = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : s.top }, on: { backButtonClick: e.handleBack, close: function(u) {
8
- return e.onboardingStore.close("genericOnboarding");
9
- }, nextButtonClick: e.handleNext } }) : o._e();
10
- }, p = [], _ = /* @__PURE__ */ g(
11
- c,
12
- l,
13
- p,
14
- !1,
15
- null,
16
- "d3c52b44"
17
- );
18
- const S = _.exports;
19
- export {
20
- S as default
21
- };
@@ -1,83 +0,0 @@
1
- import { defineComponent as l, computed as i, watch as b } from "vue";
2
- import { useTranslations as x } from "../../../composables/useTranslations.js";
3
- import { SERVICE_HOVER_SELECTORS as m } from "../../../enums/onboarding.js";
4
- import { useOnboardingStore as k } from "../../../stores/onboarding.js";
5
- import { InOnboard as f } from "@useinsider/design-system-vue";
6
- const S = /* @__PURE__ */ l({
7
- __name: "GenericOnboarding",
8
- setup(B) {
9
- const e = x(), o = k(), r = i(() => `${window.innerWidth / 2 - 160}px`), c = () => {
10
- const t = document.querySelector("ui-editor");
11
- t != null && t.shadowRoot && m.forEach((n) => {
12
- var d;
13
- const a = (d = t.shadowRoot) == null ? void 0 : d.querySelector(n);
14
- a && a.classList.add("hover");
15
- });
16
- }, s = i(() => [
17
- {
18
- classes: "guido-onboarding-blocks",
19
- left: "90px",
20
- top: "90px",
21
- position: "Left Top",
22
- title: e("email-editor.onboarding-blocks-title"),
23
- description: e("email-editor.onboarding-blocks-description"),
24
- imageSource: "",
25
- backButtonClick: () => {
26
- },
27
- nextButtonType: "text",
28
- nextButtonText: e("products.next"),
29
- nextButtonClick: () => {
30
- c(), o.next("genericOnboarding");
31
- }
32
- },
33
- {
34
- classes: "guido-onboarding-stripes",
35
- right: "450px",
36
- bottom: "38px",
37
- position: "Right Bottom",
38
- title: e("email-editor.onboarding-stripes-title"),
39
- description: e("email-editor.onboarding-stripes-description"),
40
- imageSource: "",
41
- backButtonType: "text",
42
- backButtonText: e("ds-steps.back"),
43
- backButtonClick: () => {
44
- o.previous("genericOnboarding");
45
- },
46
- nextButtonType: "text",
47
- nextButtonText: e("products.next"),
48
- nextButtonClick: () => {
49
- o.next("genericOnboarding");
50
- }
51
- },
52
- {
53
- classes: "guido-onboarding-preview",
54
- left: r.value,
55
- top: "90px",
56
- position: "Top Center",
57
- title: e("email-editor.onboarding-preview-title"),
58
- description: e("email-editor.onboarding-preview-description"),
59
- imageSource: "",
60
- backButtonType: "text",
61
- backButtonText: e("ds-steps.back"),
62
- backButtonClick: () => o.previous("genericOnboarding"),
63
- nextButtonType: "text",
64
- nextButtonText: e("action-builder.ok"),
65
- nextButtonClick: () => {
66
- o.close("genericOnboarding");
67
- }
68
- }
69
- ]), g = i(() => o.onboardings.genericOnboarding.config.length > 0 && o.onboardings.genericOnboarding.isActive), p = () => {
70
- var t, n;
71
- (n = (t = o.getGenericCurrentCard) == null ? void 0 : t.nextButtonClick) == null || n.call(t);
72
- }, u = () => {
73
- var t, n;
74
- (n = (t = o.getGenericCurrentCard) == null ? void 0 : t.backButtonClick) == null || n.call(t);
75
- };
76
- return b(() => o.onboardings.genericOnboarding.isActive, (t) => {
77
- t && o.setConfig("genericOnboarding", s.value);
78
- }, { immediate: !0 }), { __sfc: !0, trans: e, onboardingStore: o, centerLeft: r, addHoverToServiceElements: c, onboardingCardsConfig: s, isVisible: g, handleNext: p, handleBack: u, InOnboard: f };
79
- }
80
- });
81
- export {
82
- S as default
83
- };
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
- export default _default;