@useinsider/guido 1.0.0-beta.184c9b5 → 1.0.0-beta.184e162

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 (158) hide show
  1. package/README.md +23 -19
  2. package/dist/App.vue.d.ts +1 -1
  3. package/dist/_virtual/AddCustomFont.js +4 -0
  4. package/dist/_virtual/AiAssistantValueType.js +4 -0
  5. package/dist/_virtual/BackgroundColorBuiltInControl.js +4 -0
  6. package/dist/_virtual/BackgroundImageBuiltInControl.js +4 -0
  7. package/dist/_virtual/Block.js +4 -0
  8. package/dist/_virtual/BlockAttributes.js +4 -0
  9. package/dist/_virtual/BlockCompositionType.js +4 -0
  10. package/dist/_virtual/BlockPaddingsBuiltInControl.js +4 -0
  11. package/dist/_virtual/BlockRenderer.js +4 -0
  12. package/dist/_virtual/BlockType.js +4 -0
  13. package/dist/_virtual/BlocksPanel.js +4 -0
  14. package/dist/_virtual/BuiltInControl.js +4 -0
  15. package/dist/_virtual/BuiltInControlTypes.js +4 -0
  16. package/dist/_virtual/ButtonBorderBuiltInControl.js +4 -0
  17. package/dist/_virtual/ButtonColorBuiltInControl.js +4 -0
  18. package/dist/_virtual/ButtonFontColorBuiltInControl.js +4 -0
  19. package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js +4 -0
  20. package/dist/_virtual/ButtonTextBuiltInControl.js +4 -0
  21. package/dist/_virtual/ContextAction.js +4 -0
  22. package/dist/_virtual/ContextActionType.js +4 -0
  23. package/dist/_virtual/Control.js +4 -0
  24. package/dist/_virtual/EditorStatePropertyType.js +4 -0
  25. package/dist/_virtual/Extension.js +4 -0
  26. package/dist/_virtual/ExtensionBuilder.js +4 -0
  27. package/dist/_virtual/FontFamilyBuiltInControl.js +4 -0
  28. package/dist/_virtual/LinkColorBuiltInControl.js +4 -0
  29. package/dist/_virtual/ModificationDescription.js +4 -0
  30. package/dist/_virtual/PanelPosition.js +4 -0
  31. package/dist/_virtual/PreviewDeviceMode.js +4 -0
  32. package/dist/_virtual/SettingsPanelRegistry.js +4 -0
  33. package/dist/_virtual/SettingsPanelTab.js +4 -0
  34. package/dist/_virtual/SettingsTab.js +4 -0
  35. package/dist/_virtual/StructureBorderBuiltInControl.js +4 -0
  36. package/dist/_virtual/StructurePaddingsBuiltInControl.js +4 -0
  37. package/dist/_virtual/TextColorBuiltInControl.js +4 -0
  38. package/dist/_virtual/TextLineSpacingBuiltInControl.js +4 -0
  39. package/dist/_virtual/TextSizeBuiltInControl.js +4 -0
  40. package/dist/_virtual/TextStyleBuiltInControl.js +4 -0
  41. package/dist/_virtual/UIElement.js +4 -0
  42. package/dist/_virtual/UIElementTagRegistry.js +4 -0
  43. package/dist/_virtual/UIElementType.js +4 -0
  44. package/dist/_virtual/UIElementsAttributes.js +4 -0
  45. package/dist/_virtual/index.js +5 -0
  46. package/dist/_virtual/index2.js +4 -0
  47. package/dist/components/Guido.vue.d.ts +13 -1
  48. package/dist/components/Guido.vue.js +1 -1
  49. package/dist/components/Guido.vue2.js +41 -18
  50. package/dist/components/organisms/header/LeftSlot.vue.d.ts +1 -1
  51. package/dist/components/organisms/header/LeftSlot.vue.js +8 -8
  52. package/dist/components/organisms/header/LeftSlot.vue2.js +5 -3
  53. package/dist/components/organisms/header/MiddleSlot.vue.js +7 -7
  54. package/dist/components/organisms/header/MiddleSlot.vue2.js +6 -4
  55. package/dist/components/organisms/header/RightSlot.vue.js +7 -10
  56. package/dist/components/organisms/header/RightSlot.vue2.js +11 -14
  57. package/dist/components/organisms/header/ViewOptions.vue.d.ts +1 -1
  58. package/dist/components/organisms/header/ViewOptions.vue.js +1 -1
  59. package/dist/components/organisms/header/version-history/RestoreButton.vue.d.ts +2 -0
  60. package/dist/components/organisms/header/version-history/RestoreButton.vue.js +19 -0
  61. package/dist/components/organisms/header/version-history/RestoreButton.vue2.js +14 -0
  62. package/dist/components/organisms/header/version-history/VersionHistory.vue.d.ts +13 -1
  63. package/dist/components/organisms/header/version-history/VersionHistory.vue.js +7 -7
  64. package/dist/components/organisms/header/version-history/VersionHistory.vue2.js +13 -10
  65. package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.d.ts +1 -1
  66. package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.js +1 -1
  67. package/dist/components/organisms/header/version-history/ViewOptions.vue.d.ts +1 -1
  68. package/dist/components/organisms/header/version-history/ViewOptions.vue.js +3 -3
  69. package/dist/composables/useActionsApi.d.ts +1 -0
  70. package/dist/composables/useActionsApi.js +14 -12
  71. package/dist/composables/useCustomInterfaceAppearance.js +45 -9
  72. package/dist/composables/useHttp.js +84 -0
  73. package/dist/composables/usePartner.d.ts +4 -0
  74. package/dist/composables/usePartner.js +16 -0
  75. package/dist/composables/useStripo.d.ts +2 -2
  76. package/dist/composables/useStripo.js +63 -55
  77. package/dist/composables/useToaster.d.ts +1 -0
  78. package/dist/composables/useToaster.js +24 -16
  79. package/dist/enums/defaults.d.ts +2 -0
  80. package/dist/enums/defaults.js +5 -3
  81. package/dist/enums/displayConditions.d.ts +2 -0
  82. package/dist/enums/displayConditions.js +80 -0
  83. package/dist/extensions/DynamicContent/dynamic-content-modal.d.ts +20 -0
  84. package/dist/extensions/DynamicContent/dynamic-content-modal.js +52 -0
  85. package/dist/extensions/DynamicContent/dynamic-content.css.js +24 -0
  86. package/dist/extensions/DynamicContent/dynamic-content.d.ts +16 -0
  87. package/dist/extensions/DynamicContent/dynamic-content.js +60 -0
  88. package/dist/extensions/DynamicContent/extension.d.ts +2 -0
  89. package/dist/extensions/DynamicContent/extension.js +11 -0
  90. package/dist/guido.css +1 -1
  91. package/dist/mock/api/custom-fonts.d.ts +2 -0
  92. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js +51 -0
  93. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js +52 -0
  94. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js +41 -0
  95. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlockRenderer.js +18 -0
  96. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlocksPanel.js +32 -0
  97. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/ContextAction.js +18 -0
  98. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AddCustomFont.js +8 -0
  99. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js +13 -0
  100. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockAttributes.js +34 -0
  101. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js +13 -0
  102. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js +13 -0
  103. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js +104 -0
  104. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js +13 -0
  105. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js +13 -0
  106. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js +13 -0
  107. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js +13 -0
  108. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js +13 -0
  109. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js +13 -0
  110. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js +45 -0
  111. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundColorBuiltInControl.js +43 -0
  112. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundImageBuiltInControl.js +46 -0
  113. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BlockPaddingsBuiltInControl.js +44 -0
  114. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BuiltInControl.js +22 -0
  115. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonBorderBuiltInControl.js +46 -0
  116. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonColorBuiltInControl.js +46 -0
  117. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonFontColorBuiltInControl.js +45 -0
  118. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonInternalIndentsBuiltInControl.js +45 -0
  119. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonTextBuiltInControl.js +45 -0
  120. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js +20 -0
  121. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/FontFamilyBuiltInControl.js +43 -0
  122. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/LinkColorBuiltInControl.js +45 -0
  123. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js +18 -0
  124. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js +32 -0
  125. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructureBorderBuiltInControl.js +46 -0
  126. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructurePaddingsBuiltInControl.js +44 -0
  127. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextColorBuiltInControl.js +43 -0
  128. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextLineSpacingBuiltInControl.js +43 -0
  129. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextSizeBuiltInControl.js +45 -0
  130. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextStyleBuiltInControl.js +43 -0
  131. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/index.js +266 -0
  132. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js +26 -0
  133. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js +22 -0
  134. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js +18 -0
  135. package/dist/services/stripoApi.d.ts +7 -0
  136. package/dist/services/stripoApi.js +29 -0
  137. package/dist/static/styles/base.css.js +11 -0
  138. package/dist/static/styles/components/alert-message.css.js +39 -0
  139. package/dist/static/styles/components/amp-block.css.js +18 -0
  140. package/dist/static/styles/components/base-input.css.js +47 -0
  141. package/dist/static/styles/components/button-group.css.js +54 -0
  142. package/dist/static/styles/components/button.css.js +106 -0
  143. package/dist/static/styles/components/combobox.css.js +49 -0
  144. package/dist/static/styles/components/counter.css.js +42 -0
  145. package/dist/static/styles/components/dropdown-menu.css.js +52 -0
  146. package/dist/static/styles/components/narrow-panel.css.js +38 -0
  147. package/dist/static/styles/components/switcher.css.js +11 -0
  148. package/dist/static/styles/components/tabs.css.js +97 -0
  149. package/dist/static/styles/components/tools.css.js +23 -0
  150. package/dist/static/styles/components/version-history.css.js +30 -0
  151. package/dist/static/styles/components/wide-panel.css.js +135 -0
  152. package/dist/static/styles/variables.css.js +23 -0
  153. package/dist/stores/editor.js +1 -1
  154. package/dist/stores/version-history.js +1 -1
  155. package/package.json +5 -4
  156. package/dist/node_modules/pinia/dist/pinia.js +0 -317
  157. package/dist/node_modules/pinia/node_modules/vue-demi/lib/index.js +0 -11
  158. package/dist/static/editor.css.js +0 -182
package/README.md CHANGED
@@ -24,6 +24,7 @@ npm install @useinsider/guido
24
24
  <div>
25
25
  <Guido
26
26
  :email-id="emailId"
27
+ :user-id="userId"
27
28
  :guido-config="guidoConfig"
28
29
  />
29
30
  </div>
@@ -39,6 +40,7 @@ export default {
39
40
  data() {
40
41
  return {
41
42
  emailId: 'abc123',
43
+ userId: '12345',
42
44
  guidoConfig: {
43
45
  translationsPath: 'window.trans.en'
44
46
  }
@@ -55,6 +57,10 @@ export default {
55
57
  | Prop | Type | Required | Default | Description |
56
58
  |------|------|----------|---------|-------------|
57
59
  | `emailId` | `string` | ✅ | - | Unique identifier for the email draft |
60
+ | `userId` | `string` | ✅ | - | Unique identifier for the user draft |
61
+ | `username` | `string` | ⚪ | Guido User | User name |
62
+ | `partnerName` | `string` | ⚪ | Getting from URL host | Unique identifier for the partner draft |
63
+ | `productType` | `string` | ⚪ | Getting from URL path | Unique identifier for the product draft |
58
64
  | `guidoConfig` | `GuidoConfig` | ✅ | - | Configuration object for the editor |
59
65
 
60
66
  ### GuidoConfig Interface
@@ -138,24 +144,17 @@ VITE_STRIPO_ROLE=your_role
138
144
 
139
145
  ```
140
146
  src/
141
- ├── components/
142
- │ ├── Guido.vue # Main component
143
- │ └── organisms/
144
- │ └── header/ # Header components
145
- │ └── version-history/ # Version History components
146
- ...
147
- ├── composables/
148
- │ ├── useStripo.ts # Stripo integration
149
- │ └── useTranslations.ts # Translation management
150
- ├── @types/
151
- │ ├── generic.ts # Generic types
152
- │ ├── stripo.d.ts # Stripo-specific types
153
- │ └── events.ts # Event types
154
- ├── static/
155
- │ ├── editor.css # Custom editor styles
156
- │ └── templates/
157
- │ └── default/ # Default email template
158
- └── library.ts # Main export for library
147
+ ├── components/ # Vue components
148
+ ├── composables/ # Vue composables & business logic
149
+ ├── services/ # API layer
150
+ ├── stores/ # State management
151
+ ├── @types/ # TypeScript definitions
152
+ ├── static/ # Static assets & templates
153
+ ├── utils/ # Utility functions
154
+ ├── enums/ # Constants & enums
155
+ ├── mock/ # Mock data for development
156
+ ├── plugins/ # Vue plugins
157
+ └── library.ts # Main export
159
158
  ```
160
159
 
161
160
  ## 🌐 i18n
@@ -212,7 +211,12 @@ ISC License
212
211
  - [@useinsider/design-system-vue](https://github.com/useinsider/design-system-vue) - Insider's Vue design system
213
212
 
214
213
  ## 🎯 TODO:
215
- - [editor.css](src/static/editor.css) should be optimized with variables & `sass-loader`.
214
+ - CSS part should be optimized with variables & `sass-loader`.
216
215
  - Master Version Generator should be fixed.
217
216
  - Playwright integration
218
217
  - Commitlint & Precommit Hooks integration
218
+ - We need to emit save event and we should return template config to it
219
+ - Default template should be same with production
220
+ - Open Guido with saved template
221
+ - Get User ID, Email and Unique Template ID as dynamic from props
222
+ - Get Pre-built display conditions from API
package/dist/App.vue.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import '../node_modules/@useinsider/design-system-vue/dist/design-system-vue.css';
2
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
+ 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<{}>>, {}>;
3
3
  export default _default;
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var s = {};
2
+ export {
3
+ s as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var t = {};
2
+ export {
3
+ t as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var e = {};
2
+ export {
3
+ e as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var e = {};
2
+ export {
3
+ e as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var a = {};
2
+ export {
3
+ a as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var t = {};
2
+ export {
3
+ t as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var t = {};
2
+ export {
3
+ t as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var t = {};
2
+ export {
3
+ t as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var t = {};
2
+ export {
3
+ t as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var r = {};
2
+ export {
3
+ r as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var e = {};
2
+ export {
3
+ e as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var e = {};
2
+ export {
3
+ e as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var i = {};
2
+ export {
3
+ i as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var e = {};
2
+ export {
3
+ e as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var e = {};
2
+ export {
3
+ e as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var a = {};
2
+ export {
3
+ a as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var t = {};
2
+ export {
3
+ t as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var r = {};
2
+ export {
3
+ r as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var r = {};
2
+ export {
3
+ r as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var o = {};
2
+ export {
3
+ o as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var t = {};
2
+ export {
3
+ t as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var t = {};
2
+ export {
3
+ t as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var t = {};
2
+ export {
3
+ t as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var e = {};
2
+ export {
3
+ e as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var e = {};
2
+ export {
3
+ e as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var e = {};
2
+ export {
3
+ e as __exports
4
+ };
@@ -0,0 +1,4 @@
1
+ var t = {};
2
+ export {
3
+ t as __exports
4
+ };
@@ -0,0 +1,5 @@
1
+ import { __require as r } from "../node_modules/@stripoinc/ui-editor-extensions/dist/index.js";
2
+ var i = r();
3
+ export {
4
+ i as d
5
+ };
@@ -0,0 +1,4 @@
1
+ var r = {};
2
+ export {
3
+ r as __exports
4
+ };
@@ -1,9 +1,21 @@
1
1
  import type { GuidoConfig } from '@@/Types/generic';
2
2
  type __VLS_Props = {
3
3
  emailId: string;
4
+ userId: string;
5
+ partnerName?: string;
6
+ productType?: string;
7
+ username?: string;
4
8
  guidoConfig: GuidoConfig;
5
9
  };
6
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
10
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {
11
+ applyDynamicContent: (data: {
12
+ attribute?: Record<string, string>;
13
+ }) => void;
14
+ }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
15
+ "dynamic-content:open": (detail: {
16
+ attribute?: Record<string, string>;
17
+ }) => void;
18
+ }, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
7
19
  export default _default;
8
20
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
9
21
  type __VLS_TypePropsToOption<T> = {
@@ -10,7 +10,7 @@ var s = function() {
10
10
  _,
11
11
  !1,
12
12
  null,
13
- "3da1d904"
13
+ "8e89970b"
14
14
  );
15
15
  const f = a.exports;
16
16
  export {
@@ -1,31 +1,54 @@
1
- import { defineComponent as n, onMounted as a } from "vue";
2
- import { useStripo as p } from "../composables/useStripo.js";
3
- import { useTemplates as m } from "../composables/useTemplates.js";
4
- import { DefaultGuidoConfig as u } from "../enums/defaults.js";
5
- import l from "./organisms/header/HeaderWrapper.vue.js";
6
- const _ = /* @__PURE__ */ n({
1
+ import { defineComponent as C, onMounted as _ } from "vue";
2
+ import { usePartner as w } from "../composables/usePartner.js";
3
+ import { useStripo as T } from "../composables/useStripo.js";
4
+ import { useTemplates as v } from "../composables/useTemplates.js";
5
+ import { DefaultUsername as D, DefaultGuidoConfig as E } from "../enums/defaults.js";
6
+ import I from "./organisms/header/HeaderWrapper.vue.js";
7
+ const x = /* @__PURE__ */ C({
7
8
  __name: "Guido",
8
9
  props: {
9
10
  emailId: null,
11
+ userId: null,
12
+ partnerName: null,
13
+ productType: null,
14
+ username: null,
10
15
  guidoConfig: null
11
16
  },
12
- setup(r) {
13
- const o = r;
17
+ emits: ["dynamic-content:open"],
18
+ setup(y, { expose: g, emit: n }) {
19
+ const t = y, { getPartnerName: o, getProductType: r } = w(), {
20
+ emailId: i,
21
+ userId: a,
22
+ guidoConfig: c,
23
+ partnerName: m = o(),
24
+ productType: u = r(),
25
+ username: s = D
26
+ } = t;
14
27
  window.GuidoConfig = {
15
- ...u,
16
- ...o.guidoConfig
28
+ ...E,
29
+ ...c
17
30
  };
18
- const { initPlugin: e } = p(o.emailId), { getDefaultTemplate: i } = m();
19
- return a(async () => {
31
+ const { initPlugin: d } = T({ emailId: i, userId: a, username: s, partnerName: m, productType: u }), { getDefaultTemplate: p } = v(), l = (e) => {
32
+ console.debug("dynamic-content:close", e), document.dispatchEvent(new CustomEvent("dynamic-content:close", {
33
+ detail: e
34
+ }));
35
+ };
36
+ return _(async () => {
20
37
  try {
21
- const t = await i();
22
- await e(t);
23
- } catch (t) {
24
- console.error("Failed to initialize Stripo editor:", t);
38
+ const e = await p();
39
+ await d(e);
40
+ } catch (e) {
41
+ console.error("Failed to initialize Stripo editor:", e);
25
42
  }
26
- }), { __sfc: !0, props: o, initPlugin: e, getDefaultTemplate: i, HeaderWrapper: l };
43
+ document.addEventListener("dynamic-content:open", (e) => {
44
+ const f = e;
45
+ console.debug("dynamic-content:open", f.detail), n("dynamic-content:open", f.detail);
46
+ });
47
+ }), g({
48
+ applyDynamicContent: l
49
+ }), { __sfc: !0, props: t, getPartnerName: o, getProductType: r, emailId: i, userId: a, guidoConfig: c, partnerName: m, productType: u, username: s, emit: n, initPlugin: d, getDefaultTemplate: p, applyDynamicContent: l, HeaderWrapper: I };
27
50
  }
28
51
  });
29
52
  export {
30
- _ as default
53
+ x as default
31
54
  };
@@ -1,2 +1,2 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
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
2
  export default _default;
@@ -1,17 +1,17 @@
1
1
  import r from "./LeftSlot.vue2.js";
2
2
  import o from "../../../_virtual/_plugin-vue2_normalizer.js";
3
- var _ = function() {
4
- var t = this, e = t._self._c, n = t._self._setupProxy;
5
- return e("div", [e(n.InButtonV2, { attrs: { id: "guido__back-button", "label-text": "Back", "left-icon": "line-arrow-left", styling: "text", type: "secondary" } })], 1);
6
- }, s = [], a = /* @__PURE__ */ o(
3
+ var n = function() {
4
+ var t = this, e = t._self._c, s = t._self._setupProxy;
5
+ return e("div", { staticClass: "d-f a-i-c" }, [e(s.InButtonV2, { staticClass: "p-2", attrs: { id: "guido__back-button", "label-text": "Back", "left-icon": "line-arrow-left", styling: "text", type: "secondary" } }), s.editorStore.isVersionHistoryOpen ? e(s.RestoreButton, { staticClass: "ml-3" }) : t._e()], 1);
6
+ }, a = [], i = /* @__PURE__ */ o(
7
7
  r,
8
- _,
9
- s,
8
+ n,
9
+ a,
10
10
  !1,
11
11
  null,
12
12
  null
13
13
  );
14
- const i = a.exports;
14
+ const f = i.exports;
15
15
  export {
16
- i as default
16
+ f as default
17
17
  };
@@ -1,9 +1,11 @@
1
1
  import { defineComponent as t } from "vue";
2
- import { InButtonV2 as o } from "@useinsider/design-system-vue";
2
+ import { useEditorStore as o } from "../../../stores/editor.js";
3
+ import { InButtonV2 as r } from "@useinsider/design-system-vue";
4
+ import e from "./version-history/RestoreButton.vue.js";
3
5
  const _ = /* @__PURE__ */ t({
4
6
  __name: "LeftSlot",
5
- setup(e) {
6
- return { __sfc: !0, InButtonV2: o };
7
+ setup(m) {
8
+ return { __sfc: !0, editorStore: o(), InButtonV2: r, RestoreButton: e };
7
9
  }
8
10
  });
9
11
  export {
@@ -1,17 +1,17 @@
1
1
  import s from "./MiddleSlot.vue2.js";
2
- import n from "../../../_virtual/_plugin-vue2_normalizer.js";
3
- var i = function() {
2
+ import i from "../../../_virtual/_plugin-vue2_normalizer.js";
3
+ var n = function() {
4
4
  var e = this, o = e._self._c, t = e._self._setupProxy;
5
- return t.editorStore.isVersionHistoryOpen ? o(t.VersionHistory) : o("div", { staticClass: "d-f" }, [o(t.InButtonV2, { attrs: { id: "guido__undo-button", "left-icon": "line-undo", styling: "ghost", type: "secondary", "label-text-status": !1 } }), o(t.InButtonV2, { attrs: { id: "guido__redo-button", "left-icon": "line-redo", styling: "ghost", type: "secondary", "label-text-status": !1 } }), o(t.InButtonV2, { attrs: { id: "guido__code-button", "left-icon": "line-code", styling: "ghost", "tooltip-text": "Code Editor", type: "secondary", "label-text-status": !1, "selected-status": t.editorStore.isCodeEditorOpen, "tooltip-options": t.getTooltipOptions("guido__code-button") } }), o(t.InButtonV2, { attrs: { id: "guido__preview-button", "left-icon": "line-show-on", styling: "ghost", type: "secondary", "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__preview-button"), "tooltip-text": t.trans("newsletter.email-preview") } })], 1);
6
- }, l = [], r = /* @__PURE__ */ n(
5
+ return t.editorStore.isVersionHistoryOpen ? o("div", { staticClass: "d-f" }, [o(t.VersionHistory), o(t.VersionHistoryViewOptions)], 1) : o("div", { staticClass: "d-f" }, [o(t.InButtonV2, { attrs: { id: "guido__undo-button", "left-icon": "line-undo", styling: "ghost", type: "secondary", "label-text-status": !1 } }), o(t.InButtonV2, { attrs: { id: "guido__redo-button", "left-icon": "line-redo", styling: "ghost", type: "secondary", "label-text-status": !1 } }), o(t.InButtonV2, { attrs: { id: "guido__code-button", "left-icon": "line-code", styling: "ghost", "tooltip-text": "Code Editor", type: "secondary", "label-text-status": !1, "selected-status": t.editorStore.isCodeEditorOpen, "tooltip-options": t.getTooltipOptions("guido__code-button") } }), o(t.InButtonV2, { attrs: { id: "guido__preview-button", "left-icon": "line-show-on", styling: "ghost", type: "secondary", "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__preview-button"), "tooltip-text": t.trans("newsletter.email-preview") } }), o(t.ViewOptions, { staticClass: "ml-3" })], 1);
6
+ }, l = [], r = /* @__PURE__ */ i(
7
7
  s,
8
- i,
8
+ n,
9
9
  l,
10
10
  !1,
11
11
  null,
12
12
  null
13
13
  );
14
- const _ = r.exports;
14
+ const p = r.exports;
15
15
  export {
16
- _ as default
16
+ p as default
17
17
  };
@@ -3,18 +3,20 @@ import { useTranslations as s } from "../../../composables/useTranslations.js";
3
3
  import { useEditorStore as n } from "../../../stores/editor.js";
4
4
  import { InButtonV2 as e } from "@useinsider/design-system-vue";
5
5
  import m from "./version-history/VersionHistory.vue.js";
6
- const _ = /* @__PURE__ */ r({
6
+ import p from "./version-history/ViewOptions.vue.js";
7
+ import f from "./ViewOptions.vue.js";
8
+ const y = /* @__PURE__ */ r({
7
9
  __name: "MiddleSlot",
8
- setup(p) {
10
+ setup(a) {
9
11
  const o = n(), t = s();
10
12
  return { __sfc: !0, editorStore: o, trans: t, getTooltipOptions: (i) => ({
11
13
  id: `${i}-tooltip`,
12
14
  dynamicPosition: !1,
13
15
  staticPosition: "bottom center",
14
16
  iconStatus: !1
15
- }), InButtonV2: e, VersionHistory: m };
17
+ }), InButtonV2: e, VersionHistory: m, VersionHistoryViewOptions: p, ViewOptions: f };
16
18
  }
17
19
  });
18
20
  export {
19
- _ as default
21
+ y as default
20
22
  };
@@ -1,20 +1,17 @@
1
1
  import o from "./RightSlot.vue2.js";
2
- /* empty css */
3
2
  import i from "../../../_virtual/_plugin-vue2_normalizer.js";
4
- var r = function() {
3
+ var n = function() {
5
4
  var s = this, e = s._self._c, t = s._self._setupProxy;
6
- return e("div", { staticClass: "d-f header-right-slot" }, [e("div", { staticClass: "d-f" }, [t.editorStore.isVersionHistoryOpen ? e(t.VersionHistoryViewOptions) : e(t.ViewOptions)], 1), e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen }, on: { click: t.handleVersionHistory } }), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 }, on: { click: t.exportHtml } }), e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } })], 1), t.editorStore.isVersionHistoryOpen ? e(t.InButtonV2, { attrs: { id: "guido__restore-button", "label-text": "Restore" }, on: { click: function(d) {
7
- return t.restoreVersion(t.versionHistoryStore.currentPatch.id);
8
- } } }) : e(t.InButtonV2, { attrs: { id: "guido__save-button", "label-text": "Save" } })], 1);
9
- }, n = [], a = /* @__PURE__ */ i(
5
+ return e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen }, on: { click: t.handleVersionHistory } }), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 }, on: { click: t.exportHtml } }), e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": t.editorStore.isVersionHistoryOpen } })], 1);
6
+ }, r = [], a = /* @__PURE__ */ i(
10
7
  o,
11
- r,
12
8
  n,
9
+ r,
13
10
  !1,
14
11
  null,
15
- "fefca98f"
12
+ null
16
13
  );
17
- const f = a.exports;
14
+ const c = a.exports;
18
15
  export {
19
- f as default
16
+ c as default
20
17
  };