@useinsider/guido 1.0.2-beta.3787efd → 1.0.2-beta.3acb77d

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 (60) hide show
  1. package/README.md +1 -31
  2. package/dist/@types/events.d.ts +0 -6
  3. package/dist/@types/generic.d.ts +4 -0
  4. package/dist/components/Guido.vue.d.ts +1 -3
  5. package/dist/components/Guido.vue.js +2 -2
  6. package/dist/components/Guido.vue2.js +54 -67
  7. package/dist/components/organisms/LoadingWrapper.vue.js +1 -1
  8. package/dist/components/organisms/header/HeaderWrapper.vue.d.ts +1 -3
  9. package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -6
  10. package/dist/components/organisms/header/HeaderWrapper.vue2.js +9 -15
  11. package/dist/components/organisms/header/RightSlot.vue.d.ts +1 -3
  12. package/dist/components/organisms/header/RightSlot.vue.js +3 -5
  13. package/dist/components/organisms/header/RightSlot.vue2.js +19 -23
  14. package/dist/components/organisms/header/ViewOptions.vue.js +11 -11
  15. package/dist/components/organisms/header/ViewOptions.vue2.js +5 -5
  16. package/dist/components/organisms/header/version-history/ViewOptions.vue.js +11 -11
  17. package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +5 -5
  18. package/dist/composables/usePartner.d.ts +0 -1
  19. package/dist/composables/usePartner.js +9 -16
  20. package/dist/composables/useSave.d.ts +1 -2
  21. package/dist/composables/useSave.js +8 -9
  22. package/dist/composables/useStripo.js +28 -32
  23. package/dist/composables/useToaster.js +17 -17
  24. package/dist/enums/defaults.d.ts +0 -1
  25. package/dist/enums/defaults.js +10 -42
  26. package/dist/guido.css +1 -1
  27. package/dist/stores/dynamic-content.d.ts +12 -0
  28. package/dist/stores/dynamic-content.js +7 -6
  29. package/dist/stores/editor.d.ts +0 -21
  30. package/dist/stores/editor.js +1 -2
  31. package/dist/utils/genericUtil.js +9 -6
  32. package/package.json +1 -1
  33. package/dist/components/organisms/onboarding/AMPOnboarding.vue.d.ts +0 -2
  34. package/dist/components/organisms/onboarding/AMPOnboarding.vue.js +0 -20
  35. package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js +0 -37
  36. package/dist/components/organisms/onboarding/GenericOnboarding.vue.d.ts +0 -2
  37. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +0 -21
  38. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +0 -83
  39. package/dist/components/organisms/onboarding/NewVersionPopup.vue.d.ts +0 -2
  40. package/dist/components/organisms/onboarding/NewVersionPopup.vue.js +0 -17
  41. package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +0 -30
  42. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.d.ts +0 -2
  43. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js +0 -19
  44. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +0 -43
  45. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.d.ts +0 -2
  46. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +0 -21
  47. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +0 -62
  48. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.d.ts +0 -2
  49. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.js +0 -20
  50. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js +0 -37
  51. package/dist/composables/useStripoEventHandler.d.ts +0 -3
  52. package/dist/composables/useStripoEventHandler.js +0 -20
  53. package/dist/enums/onboarding.d.ts +0 -1
  54. package/dist/enums/onboarding.js +0 -8
  55. package/dist/mock/api/user-modal-state.d.ts +0 -2
  56. package/dist/services/onboardingApi.d.ts +0 -4
  57. package/dist/services/onboardingApi.js +0 -23
  58. package/dist/static/assets/onboarding-img.svg.js +0 -4
  59. package/dist/stores/onboarding.d.ts +0 -1068
  60. package/dist/stores/onboarding.js +0 -95
@@ -1,23 +1,22 @@
1
- import { useActionsApi as f } from "./useActionsApi.js";
2
- import { useCustomInterfaceAppearance as S } from "./useCustomInterfaceAppearance.js";
3
- import { useStripoEventHandler as C } from "./useStripoEventHandler.js";
4
- import { useToaster as E } from "./useToaster.js";
5
- import { displayConditions as y } from "../enums/displayConditions.js";
6
- import h from "../extensions/DynamicContent/extension.js";
7
- import { useStripoApi as w } from "../services/stripoApi.js";
8
- import b from "../static/styles/customEditorStyle.css.js";
9
- import { useEditorStore as V } from "../stores/editor.js";
10
- import { dynamicContentToMergeTags as _ } from "../utils/genericUtil.js";
11
- const R = (s) => {
12
- const { handleError: d } = E(), { getToken: c, getCustomFonts: u } = w(), { handleEvent: l } = C(), p = (r, i = []) => {
13
- const e = V(), { html: o, css: a, forceRecreate: g } = r;
1
+ import { useActionsApi as g } from "./useActionsApi.js";
2
+ import { useCustomInterfaceAppearance as f } from "./useCustomInterfaceAppearance.js";
3
+ import { useToaster as S } from "./useToaster.js";
4
+ import { displayConditions as C } from "../enums/displayConditions.js";
5
+ import y from "../extensions/DynamicContent/extension.js";
6
+ import { useStripoApi as E } from "../services/stripoApi.js";
7
+ import h from "../static/styles/customEditorStyle.css.js";
8
+ import { useEditorStore as w } from "../stores/editor.js";
9
+ import { dynamicContentToMergeTags as b } from "../utils/genericUtil.js";
10
+ const P = (d) => {
11
+ const { handleError: a } = S(), { getToken: c, getCustomFonts: u } = E(), l = (r, i = []) => {
12
+ const e = w(), { html: o, css: s, forceRecreate: p } = r;
14
13
  window.UIEditor.initEditor(
15
14
  document.querySelector("#guido-editor"),
16
15
  {
17
- metadata: s,
16
+ metadata: d,
18
17
  html: o,
19
- css: a,
20
- forceRecreate: g,
18
+ css: s,
19
+ forceRecreate: p,
21
20
  locale: "en",
22
21
  undoButtonSelector: "#guido__undo-button",
23
22
  redoButtonSelector: "#guido__redo-button",
@@ -27,10 +26,10 @@ const R = (s) => {
27
26
  customAppearanceMergetags: !0,
28
27
  customAppearanceMergetagsBorderColor: "#f1f3fe",
29
28
  customAppearanceMergetagsBackgroundColor: "#f1f3fe",
30
- customViewStyles: b,
29
+ customViewStyles: h,
31
30
  conditionsEnabled: !0,
32
31
  customConditionsEnabled: !0,
33
- conditionCategories: y,
32
+ conditionCategories: C,
34
33
  enableXSSSecurity: !0,
35
34
  messageSettingsEnabled: !1,
36
35
  selectBlockAfterDropFromSettingsPanel: !0,
@@ -41,7 +40,7 @@ const R = (s) => {
41
40
  },
42
41
  mergeTags: [
43
42
  {
44
- entries: _(s.preselectedDynamicContentList)
43
+ entries: b(d.preselectedDynamicContentList)
45
44
  }
46
45
  ],
47
46
  async onTokenRefreshRequest(t) {
@@ -49,17 +48,15 @@ const R = (s) => {
49
48
  const n = await c();
50
49
  t(n);
51
50
  } catch (n) {
52
- d(n, "Failed to refresh token");
51
+ a(n, "Failed to refresh token");
53
52
  }
54
53
  },
55
54
  onTemplateLoaded() {
56
55
  try {
57
- const { importCss: t } = S(), { activateCustomViewStyles: n } = f();
58
- t(), n(), s.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
59
- e.hasChanges = !1;
60
- }, 1e3);
56
+ const { importCss: t } = f(), { activateCustomViewStyles: n } = g();
57
+ t(), n(), e.loadingStatus = !1;
61
58
  } catch (t) {
62
- d(t, "Failed to load custom interface appearance");
59
+ a(t, "Failed to load custom interface appearance");
63
60
  }
64
61
  },
65
62
  onCodeEditorVisibilityChanged(t) {
@@ -74,9 +71,8 @@ const R = (s) => {
74
71
  onDataChanged() {
75
72
  e.hasChanges = !0;
76
73
  },
77
- onEvent: l,
78
- ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal", ".in-on-board-wrapper"],
79
- extensions: [h]
74
+ ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
75
+ extensions: [y]
80
76
  }
81
77
  );
82
78
  }, m = (r) => new Promise((i, e) => {
@@ -88,17 +84,17 @@ const R = (s) => {
88
84
  o.id = "UiEditorScript", o.type = "module", o.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", o.onload = () => {
89
85
  r(), i();
90
86
  }, o.onerror = () => {
91
- const a = new Error("Failed to load Stripo UIEditor script");
92
- e(a);
87
+ const s = new Error("Failed to load Stripo UIEditor script");
88
+ e(s);
93
89
  }, document.body.appendChild(o);
94
90
  });
95
91
  return { initPlugin: async (r) => {
96
92
  await m(async () => {
97
93
  const i = await u();
98
- p(r, i);
94
+ l(r, i);
99
95
  });
100
96
  } };
101
97
  };
102
98
  export {
103
- R as useStripo
99
+ P as useStripo
104
100
  };
@@ -1,31 +1,31 @@
1
- import { ToasterTypeOptions as T } from "../enums/toaster.js";
2
- import { useToasterStore as u } from "../stores/toaster.js";
3
- import { watch as c } from "vue";
4
- const d = () => {
5
- const t = u();
6
- let o = null;
7
- const s = () => {
8
- o && (clearTimeout(o), o = null);
1
+ import { ToasterTypeOptions as u } from "../enums/toaster.js";
2
+ import { useToasterStore as T } from "../stores/toaster.js";
3
+ import { watch as c, onUnmounted as l } from "vue";
4
+ const p = () => {
5
+ const t = T();
6
+ let s = null;
7
+ const o = () => {
8
+ s && (clearTimeout(s), s = null);
9
9
  };
10
10
  function r(e = { message: "" }) {
11
- s(), t.hideToaster(), t.showToaster(e);
11
+ o(), t.hideToaster(), t.showToaster(e);
12
12
  }
13
- function i() {
14
- s(), t.hideToaster();
13
+ function n() {
14
+ o(), t.hideToaster();
15
15
  }
16
- function a(e, n) {
16
+ function i(e, a) {
17
17
  const m = e instanceof Error ? e.message : String(e);
18
- r({ type: T.Alert, message: `${n}: ${m}` });
18
+ r({ type: u.Alert, message: `${a}: ${m}` });
19
19
  }
20
20
  return c(
21
21
  () => t.shouldAutoHide,
22
22
  (e) => {
23
- s(), e && (o = setTimeout(() => {
24
- t.hideToaster(), s();
23
+ o(), e && (s = setTimeout(() => {
24
+ t.hideToaster(), o();
25
25
  }, 6e3));
26
26
  }
27
- ), { showToaster: r, hideToaster: i, handleError: a };
27
+ ), l(o), { showToaster: r, hideToaster: n, handleError: i };
28
28
  };
29
29
  export {
30
- d as useToaster
30
+ p as useToaster
31
31
  };
@@ -9,4 +9,3 @@ export declare const DefaultUsername = "Guido User";
9
9
  export declare const DefaultMessageType: number;
10
10
  export declare const EditorType: number;
11
11
  export declare const ProductIds: Record<string, number>;
12
- export declare const TEST_PARTNER_LIST: string[];
@@ -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}.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-cc1f9260],.guido-editor__container[data-v-cc1f9260]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-cc1f9260]{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-2473c29f] .vueperslides__bullets,[data-v-a77a2dd4] .vueperslides__bullets{pointer-events:none!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-2d4cd446]{height:calc(100% - 75px);top:75px}.guido-editor__wrapper[data-v-aef3bfa0],.guido-editor__container[data-v-aef3bfa0]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-aef3bfa0]{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}
@@ -8,11 +8,19 @@ 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;
11
15
  };
12
16
  selectedDynamicContentList: {
13
17
  value: string;
14
18
  text: string;
15
19
  fallback?: string | undefined;
20
+ format?: {
21
+ key: string;
22
+ value: string;
23
+ } | undefined;
16
24
  }[];
17
25
  } & import("pinia").PiniaCustomStateProperties<{
18
26
  selectedDynamicContent: DynamicContent;
@@ -21,6 +29,10 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
21
29
  text: string;
22
30
  value: string;
23
31
  fallback: string | undefined;
32
+ format: {
33
+ key: string;
34
+ value: string;
35
+ } | undefined;
24
36
  }[];
25
37
  }, {
26
38
  setSelectedDynamicContent(dynamicContent: DynamicContent): void;
@@ -6,15 +6,16 @@ const s = a("dynamicContent", {
6
6
  selectedDynamicContentList: []
7
7
  }),
8
8
  actions: {
9
- setSelectedDynamicContent(e) {
10
- this.selectedDynamicContent = e, this.selectedDynamicContentList.push(e);
9
+ setSelectedDynamicContent(t) {
10
+ this.selectedDynamicContent = t, this.selectedDynamicContentList.push(t);
11
11
  }
12
12
  },
13
13
  getters: {
14
- getSelectedDynamicContentList: (e) => n(e.selectedDynamicContentList).map((t) => ({
15
- text: t.text,
16
- value: t.value,
17
- fallback: t.fallback
14
+ getSelectedDynamicContentList: (t) => n(t.selectedDynamicContentList).map((e) => ({
15
+ text: e.text,
16
+ value: e.value,
17
+ fallback: e.fallback,
18
+ format: e.format
18
19
  })) || []
19
20
  }
20
21
  });
@@ -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,11 +1,14 @@
1
- const l = (e) => e.map((a) => ({
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
+ } : {
2
5
  label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
3
6
  value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
4
- })), t = () => {
5
- var e;
6
- return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
7
+ }), r = () => {
8
+ var l;
9
+ return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
7
10
  };
8
11
  export {
9
- l as dynamicContentToMergeTags,
10
- t as getCsrfToken
12
+ e as dynamicContentToMergeTags,
13
+ r as getCsrfToken
11
14
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "1.0.2-beta.3787efd",
3
+ "version": "1.0.2-beta.3acb77d",
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 d 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, c = o._self._c, e = o._self._setupProxy;
7
- return e.isVisible ? c(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
- d,
12
- l,
13
- p,
14
- !1,
15
- null,
16
- "2473c29f"
17
- );
18
- const S = _.exports;
19
- export {
20
- S as default
21
- };