@useinsider/guido 1.0.0-beta.f57520c → 1.0.0-beta.f7c239e

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 (184) hide show
  1. package/README.md +21 -386
  2. package/dist/@types/generic.d.ts +25 -7
  3. package/dist/@types/http.d.ts +19 -0
  4. package/dist/App.vue.d.ts +1 -1
  5. package/dist/components/Guido.vue.d.ts +3 -17
  6. package/dist/components/Guido.vue.js +7 -7
  7. package/dist/components/Guido.vue2.js +23 -63
  8. package/dist/components/organisms/header/LeftSlot.vue.d.ts +1 -1
  9. package/dist/components/organisms/header/LeftSlot.vue.js +9 -9
  10. package/dist/components/organisms/header/LeftSlot.vue2.js +6 -10
  11. package/dist/components/organisms/header/MiddleSlot.vue.js +7 -7
  12. package/dist/components/organisms/header/MiddleSlot.vue2.js +4 -6
  13. package/dist/components/organisms/header/RightSlot.vue.js +10 -7
  14. package/dist/components/organisms/header/RightSlot.vue2.js +17 -30
  15. package/dist/components/organisms/header/ViewOptions.vue.d.ts +1 -1
  16. package/dist/components/organisms/header/version-history/VersionHistory.vue.d.ts +1 -13
  17. package/dist/components/organisms/header/version-history/VersionHistory.vue.js +7 -7
  18. package/dist/components/organisms/header/version-history/VersionHistory.vue2.js +10 -13
  19. package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.d.ts +1 -1
  20. package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.js +1 -1
  21. package/dist/components/organisms/header/version-history/ViewOptions.vue.d.ts +1 -1
  22. package/dist/composables/useActionsApi.d.ts +0 -1
  23. package/dist/composables/useActionsApi.js +12 -14
  24. package/dist/composables/useApiExample.d.ts +4 -6
  25. package/dist/composables/useCustomInterfaceAppearance.js +9 -45
  26. package/dist/composables/useExport.d.ts +1 -1
  27. package/dist/composables/useExport.js +20 -35
  28. package/dist/composables/useHttp.d.ts +1 -19
  29. package/dist/composables/useStripo.js +28 -49
  30. package/dist/composables/useTemplates.d.ts +5 -0
  31. package/dist/composables/useTemplates.js +27 -0
  32. package/dist/composables/useToaster.d.ts +1 -9
  33. package/dist/composables/useTranslations.d.ts +1 -4
  34. package/dist/guido.css +1 -1
  35. package/dist/services/stripoApi.d.ts +7 -6
  36. package/dist/services/stripoApi.js +23 -44
  37. package/dist/static/editor.css.js +232 -0
  38. package/dist/static/templates/default/index.html.js +5 -0
  39. package/dist/static/templates/default/style.css.js +119 -0
  40. package/dist/stores/editor.d.ts +0 -2
  41. package/dist/stores/editor.js +3 -5
  42. package/package.json +5 -7
  43. package/dist/@types/save-as-template.d.ts +0 -11
  44. package/dist/_virtual/AddCustomFont.js +0 -4
  45. package/dist/_virtual/AiAssistantValueType.js +0 -4
  46. package/dist/_virtual/BackgroundColorBuiltInControl.js +0 -4
  47. package/dist/_virtual/BackgroundImageBuiltInControl.js +0 -4
  48. package/dist/_virtual/Block.js +0 -4
  49. package/dist/_virtual/BlockAttributes.js +0 -4
  50. package/dist/_virtual/BlockCompositionType.js +0 -4
  51. package/dist/_virtual/BlockPaddingsBuiltInControl.js +0 -4
  52. package/dist/_virtual/BlockRenderer.js +0 -4
  53. package/dist/_virtual/BlockType.js +0 -4
  54. package/dist/_virtual/BlocksPanel.js +0 -4
  55. package/dist/_virtual/BuiltInControl.js +0 -4
  56. package/dist/_virtual/BuiltInControlTypes.js +0 -4
  57. package/dist/_virtual/ButtonBorderBuiltInControl.js +0 -4
  58. package/dist/_virtual/ButtonColorBuiltInControl.js +0 -4
  59. package/dist/_virtual/ButtonFontColorBuiltInControl.js +0 -4
  60. package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js +0 -4
  61. package/dist/_virtual/ButtonTextBuiltInControl.js +0 -4
  62. package/dist/_virtual/ContextAction.js +0 -4
  63. package/dist/_virtual/ContextActionType.js +0 -4
  64. package/dist/_virtual/Control.js +0 -4
  65. package/dist/_virtual/EditorStatePropertyType.js +0 -4
  66. package/dist/_virtual/Extension.js +0 -4
  67. package/dist/_virtual/ExtensionBuilder.js +0 -4
  68. package/dist/_virtual/FontFamilyBuiltInControl.js +0 -4
  69. package/dist/_virtual/LinkColorBuiltInControl.js +0 -4
  70. package/dist/_virtual/ModificationDescription.js +0 -4
  71. package/dist/_virtual/PanelPosition.js +0 -4
  72. package/dist/_virtual/PreviewDeviceMode.js +0 -4
  73. package/dist/_virtual/SettingsPanelRegistry.js +0 -4
  74. package/dist/_virtual/SettingsPanelTab.js +0 -4
  75. package/dist/_virtual/SettingsTab.js +0 -4
  76. package/dist/_virtual/StructureBorderBuiltInControl.js +0 -4
  77. package/dist/_virtual/StructurePaddingsBuiltInControl.js +0 -4
  78. package/dist/_virtual/TextColorBuiltInControl.js +0 -4
  79. package/dist/_virtual/TextLineSpacingBuiltInControl.js +0 -4
  80. package/dist/_virtual/TextSizeBuiltInControl.js +0 -4
  81. package/dist/_virtual/TextStyleBuiltInControl.js +0 -4
  82. package/dist/_virtual/UIElement.js +0 -4
  83. package/dist/_virtual/UIElementTagRegistry.js +0 -4
  84. package/dist/_virtual/UIElementType.js +0 -4
  85. package/dist/_virtual/UIElementsAttributes.js +0 -4
  86. package/dist/_virtual/index.js +0 -5
  87. package/dist/_virtual/index2.js +0 -4
  88. package/dist/components/organisms/header/version-history/RestoreButton.vue.d.ts +0 -2
  89. package/dist/components/organisms/header/version-history/RestoreButton.vue.js +0 -19
  90. package/dist/components/organisms/header/version-history/RestoreButton.vue2.js +0 -14
  91. package/dist/components/organisms/save-as-template/SaveAsTemplateDrawer.vue.d.ts +0 -2
  92. package/dist/components/organisms/save-as-template/SaveAsTemplateDrawer.vue.js +0 -20
  93. package/dist/components/organisms/save-as-template/SaveAsTemplateDrawer.vue2.js +0 -58
  94. package/dist/components/wrappers/WpDrawer.vue.d.ts +0 -63
  95. package/dist/components/wrappers/WpDrawer.vue.js +0 -25
  96. package/dist/components/wrappers/WpDrawer.vue2.js +0 -23
  97. package/dist/composables/useGuidoActions.d.ts +0 -46
  98. package/dist/composables/useGuidoActions.js +0 -37
  99. package/dist/composables/useHtmlCompiler.d.ts +0 -4
  100. package/dist/composables/useHtmlCompiler.js +0 -16
  101. package/dist/composables/useProvideInject.d.ts +0 -14
  102. package/dist/composables/useProvideInject.js +0 -17
  103. package/dist/composables/useValidation.d.ts +0 -30
  104. package/dist/composables/useValidation.js +0 -19
  105. package/dist/composables/validators/saveAsTemplate.d.ts +0 -26
  106. package/dist/composables/validators/saveAsTemplate.js +0 -21
  107. package/dist/config/compiler/htmlCompilerRules.d.ts +0 -2
  108. package/dist/config/compiler/htmlCompilerRules.js +0 -145
  109. package/dist/config/compiler/outlookCompilerRules.d.ts +0 -0
  110. package/dist/enums/displayConditions.d.ts +0 -2
  111. package/dist/enums/displayConditions.js +0 -80
  112. package/dist/extensions/DynamicContent/dynamic-content-modal.d.ts +0 -6
  113. package/dist/extensions/DynamicContent/dynamic-content-modal.js +0 -27
  114. package/dist/extensions/DynamicContent/dynamic-content.css.js +0 -24
  115. package/dist/extensions/DynamicContent/dynamic-content.d.ts +0 -16
  116. package/dist/extensions/DynamicContent/dynamic-content.js +0 -63
  117. package/dist/extensions/DynamicContent/extension.d.ts +0 -2
  118. package/dist/extensions/DynamicContent/extension.js +0 -11
  119. package/dist/mock/api/default-template.d.ts +0 -2
  120. package/dist/mock/api/template-library.d.ts +0 -2
  121. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js +0 -51
  122. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js +0 -52
  123. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js +0 -41
  124. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlockRenderer.js +0 -18
  125. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlocksPanel.js +0 -32
  126. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/ContextAction.js +0 -18
  127. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AddCustomFont.js +0 -8
  128. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js +0 -13
  129. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockAttributes.js +0 -34
  130. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js +0 -13
  131. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js +0 -13
  132. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js +0 -104
  133. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js +0 -13
  134. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js +0 -13
  135. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js +0 -13
  136. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js +0 -13
  137. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js +0 -13
  138. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js +0 -13
  139. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js +0 -45
  140. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundColorBuiltInControl.js +0 -43
  141. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundImageBuiltInControl.js +0 -46
  142. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BlockPaddingsBuiltInControl.js +0 -44
  143. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BuiltInControl.js +0 -22
  144. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonBorderBuiltInControl.js +0 -46
  145. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonColorBuiltInControl.js +0 -46
  146. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonFontColorBuiltInControl.js +0 -45
  147. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonInternalIndentsBuiltInControl.js +0 -45
  148. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonTextBuiltInControl.js +0 -45
  149. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js +0 -20
  150. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/FontFamilyBuiltInControl.js +0 -43
  151. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/LinkColorBuiltInControl.js +0 -45
  152. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js +0 -18
  153. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js +0 -32
  154. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructureBorderBuiltInControl.js +0 -46
  155. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructurePaddingsBuiltInControl.js +0 -44
  156. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextColorBuiltInControl.js +0 -43
  157. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextLineSpacingBuiltInControl.js +0 -43
  158. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextSizeBuiltInControl.js +0 -45
  159. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextStyleBuiltInControl.js +0 -43
  160. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/index.js +0 -266
  161. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js +0 -26
  162. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js +0 -22
  163. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js +0 -18
  164. package/dist/node_modules/valibot/dist/index.js +0 -157
  165. package/dist/static/styles/base.css.js +0 -11
  166. package/dist/static/styles/components/alert-message.css.js +0 -39
  167. package/dist/static/styles/components/amp-block.css.js +0 -18
  168. package/dist/static/styles/components/base-input.css.js +0 -47
  169. package/dist/static/styles/components/button-group.css.js +0 -54
  170. package/dist/static/styles/components/button.css.js +0 -106
  171. package/dist/static/styles/components/combobox.css.js +0 -49
  172. package/dist/static/styles/components/counter.css.js +0 -42
  173. package/dist/static/styles/components/dropdown-menu.css.js +0 -52
  174. package/dist/static/styles/components/narrow-panel.css.js +0 -38
  175. package/dist/static/styles/components/switcher.css.js +0 -11
  176. package/dist/static/styles/components/tabs.css.js +0 -97
  177. package/dist/static/styles/components/tools.css.js +0 -23
  178. package/dist/static/styles/components/version-history.css.js +0 -30
  179. package/dist/static/styles/components/wide-panel.css.js +0 -135
  180. package/dist/static/styles/variables.css.js +0 -23
  181. package/dist/stores/save-as-template.d.ts +0 -25
  182. package/dist/stores/save-as-template.js +0 -44
  183. package/dist/utils/htmlCompiler.d.ts +0 -12
  184. package/dist/utils/htmlCompiler.js +0 -70
@@ -0,0 +1,119 @@
1
+ const t = `/* CONFIG STYLES Please do not delete and edit CSS styles below */ /* IMPORTANT THIS STYLES MUST BE ON FINAL EMAIL */ #outlook a { padding: 0; }.ExternalClass { width: 100%; }.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }.es-button { mso-style-priority: 100 !important; text-decoration: none !important; }a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }.es-desk-hidden { display: none; float: left; overflow: hidden; width: 0; max-height: 0; line-height: 0; mso-hide: all; }/* END OF IMPORTANT */ html, body { width: 100%; font-family: arial, 'helvetica neue', helvetica, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }table { mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; }table td, html, body, .es-wrapper { padding: 0; Margin: 0; }.es-content, .es-header, .es-footer { table-layout: fixed !important; width: 100%; }img { display: block; border: 0; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }table tr { border-collapse: collapse; }p, hr { Margin: 0; }h1, h2, h3, h4, h5 { Margin: 0; line-height: 120%; mso-line-height-rule: exactly; font-family: arial, 'helvetica neue', helvetica, sans-serif; }p, ul li, ol li, a { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; mso-line-height-rule: exactly; }.es-left { float: left; }.es-right { float: right; }.es-p5 { padding: 5px; }.es-p5t { padding-top: 5px; }.es-p5b { padding-bottom: 5px; }.es-p5l { padding-left: 5px; }.es-p5r { padding-right: 5px; }.es-p10 { padding: 10px; }.es-p10t { padding-top: 10px; }.es-p10b { padding-bottom: 10px; }.es-p10l { padding-left: 10px; }.es-p10r { padding-right: 10px; }.es-p15 { padding: 15px; }.es-p15t { padding-top: 15px; }.es-p15b { padding-bottom: 15px; }.es-p15l { padding-left: 15px; }.es-p15r { padding-right: 15px; }.es-p20 { padding: 20px; }.es-p20t { padding-top: 20px; }.es-p20b { padding-bottom: 20px; }.es-p20l { padding-left: 20px; }.es-p20r { padding-right: 20px; }.es-p25 { padding: 25px; }.es-p25t { padding-top: 25px; }.es-p25b { padding-bottom: 25px; }.es-p25l { padding-left: 25px; }.es-p25r { padding-right: 25px; }.es-p30 { padding: 30px; }.es-p30t { padding-top: 30px; }.es-p30b { padding-bottom: 30px; }.es-p30l { padding-left: 30px; }.es-p30r { padding-right: 30px; }.es-p35 { padding: 35px; }.es-p35t { padding-top: 35px; }.es-p35b { padding-bottom: 35px; }.es-p35l { padding-left: 35px; }.es-p35r { padding-right: 35px; }.es-p40 { padding: 40px; }.es-p40t { padding-top: 40px; }.es-p40b { padding-bottom: 40px; }.es-p40l { padding-left: 40px; }.es-p40r { padding-right: 40px; }.es-menu td { border: 0; }.es-menu td a img { display: inline !important; }/* END CONFIG STYLES */ a { text-decoration: underline; }p, ul li, ol li { font-family: arial, 'helvetica neue', helvetica, sans-serif; line-height: 150%; }ul li, ol li { Margin-bottom: 15px; }.es-menu td a { text-decoration: none; display: block; }.es-wrapper { width: 100%; height: 100%; background-image: ; background-repeat: repeat; background-position: center top; }.es-wrapper-color { background-color: #f6f6f6; }.es-header { background-color: transparent; background-image: ; background-repeat: repeat; background-position: center top; }.es-header-body { background-color: transparent; }.es-header-body p, .es-header-body ul li, .es-header-body ol li { color: #333333; font-size: 14px; }.es-header-body a { color: #333333; font-size: 14px; }.es-content-body { background-color: #ffffff; }.es-content-body p, .es-content-body ul li, .es-content-body ol li { color: #333333; font-size: 14px; }.es-content-body a { color: #333333; font-size: 14px; }.es-footer { background-color: transparent; background-image: ; background-repeat: repeat; background-position: center top; }.es-footer-body { background-color: #333333; }.es-footer-body p, .es-footer-body ul li, .es-footer-body ol li { color: #ffffff; font-size: 14px; }.es-footer-body a { color: #ffffff; font-size: 14px; }.es-infoblock, .es-infoblock p, .es-infoblock ul li, .es-infoblock ol li { line-height: 120%; font-size: 12px; color: #cccccc; }.es-infoblock a { font-size: 12px; color: #cccccc; }h1 { font-size: 30px; font-style: normal; font-weight: normal; color: #333333; }h2 { font-size: 24px; font-style: normal; font-weight: normal; color: #333333; }h3 { font-size: 20px; font-style: normal; font-weight: normal; color: #333333; }.es-header-body h1 a, .es-content-body h1 a, .es-footer-body h1 a { font-size: 30px; }.es-header-body h2 a, .es-content-body h2 a, .es-footer-body h2 a { font-size: 24px; }.es-header-body h3 a, .es-content-body h3 a, .es-footer-body h3 a { font-size: 20px; }a.es-button, button.es-button { border-style: solid; border-color: #f0f0f0; border-width: 5px 30px 5px 30px; display: inline-block; background: #f0f0f0; border-radius: 0px; font-size: 16px; font-family: arial, 'helvetica neue', helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 120%; color: #333333; text-decoration: none; width: auto; text-align: center; }.es-button-border { border-style: solid solid solid solid; border-color: #808080 #808080 #808080 #808080; background: #f0f0f0; border-width: 2px 2px 2px 2px; display: inline-block; border-radius: 0px; width: auto; }.ins-trim-text {
2
+ overflow: hidden;
3
+ text-overflow: ellipsis;
4
+ white-space: nowrap;
5
+ padding-top: 10px;
6
+ padding-bottom: 10px;
7
+ }/* RESPONSIVE STYLES Please do not delete and edit CSS styles below. If you don't need responsive layout, please delete this section. */ @media only screen and (max-width: 600px) {p, ul li, ol li, a { line-height: 150% !important; }h1 { font-size: 30px !important; text-align: center; line-height: 120% !important; }h2 { font-size: 26px !important; text-align: center; line-height: 120% !important; }h3 { font-size: 20px !important; text-align: center; line-height: 120% !important; }.es-header-body h1 a, .es-content-body h1 a, .es-footer-body h1 a { font-size: 30px !important; }.es-header-body h2 a, .es-content-body h2 a, .es-footer-body h2 a { font-size: 26px !important; }.es-header-body h3 a, .es-content-body h3 a, .es-footer-body h3 a { font-size: 20px !important; }.es-menu td a { font-size: 13px !important; }.es-header-body p, .es-header-body ul li, .es-header-body ol li, .es-header-body a { font-size: 16px !important; }.es-content-body p, .es-content-body ul li, .es-content-body ol li, .es-content-body a { font-size: 16px !important; }.es-footer-body p, .es-footer-body ul li, .es-footer-body ol li, .es-footer-body a { font-size: 16px !important; }.es-infoblock p, .es-infoblock ul li, .es-infoblock ol li, .es-infoblock a { font-size: 12px !important; }*[class="gmail-fix"] { display: none !important; }.es-m-txt-c, .es-m-txt-c h1, .es-m-txt-c h2, .es-m-txt-c h3 { text-align: center !important; }.es-m-txt-r, .es-m-txt-r h1, .es-m-txt-r h2, .es-m-txt-r h3 { text-align: right !important; }.es-m-txt-l, .es-m-txt-l h1, .es-m-txt-l h2, .es-m-txt-l h3 { text-align: left !important; }.es-m-txt-r img, .es-m-txt-c img, .es-m-txt-l img { display: inline !important; }.es-button-border { display: block !important; }a.es-button, button.es-button { font-size: 16px !important; display: block !important; border-width: 10px 0px 10px 0px !important; }.es-btn-fw { border-width: 10px 0px !important; text-align: center !important; }.es-adaptive table, .es-btn-fw, .es-btn-fw-brdr, .es-left, .es-right { width: 100% !important; }.ext-product-button,
8
+ .ext-product-price p,
9
+ .ext-product-original-price p,
10
+ .ext-product-omnibus-price p,
11
+ .ext-product-omnibus-discount p {
12
+ width: 100% !important;
13
+ }
14
+
15
+ .ext-product-button a {
16
+ max-width: 100% !important;
17
+ }
18
+
19
+ .ext-product-name.ins-vertical p {
20
+ height: 90px !important;
21
+ overflow: hidden !important;
22
+ word-break: break-all !important;
23
+ font-size: 12px !important;
24
+ line-height: 150% !important;
25
+ }
26
+
27
+ .ext-product-name.ins-vertical {
28
+ height: 100px !important;
29
+ }
30
+
31
+ .ext-product-omnibus-price.ins-vertical p {
32
+ height: 30px !important;
33
+ overflow: hidden !important;
34
+ word-break: break-all !important;
35
+ font-size: 10px !important;
36
+ line-height: 150% !important;
37
+ }
38
+
39
+ .ext-product-omnibus-price.ins-vertical {
40
+ height: 50px !important;
41
+ }
42
+
43
+ .ext-product-omnibus-discount.ins-vertical p {
44
+ height: 30px !important;
45
+ overflow: hidden !important;
46
+ word-break: break-all !important;
47
+ font-size: 10px !important;
48
+ line-height: 150% !important;
49
+ }
50
+
51
+ .ext-product-omnibus-discount.ins-vertical {
52
+ height: 50px !important;
53
+ }
54
+
55
+ .ext-product-name p {
56
+ height: unset !important;
57
+ width: 100% !important;
58
+ overflow: hidden !important;
59
+ font-size: 16px !important;
60
+ line-height: 150% !important;
61
+ }
62
+
63
+ .ext-product-name {
64
+ height: unset !important;
65
+ }
66
+
67
+ .ext-product-price.ins-vertical p {
68
+ overflow: hidden !important;
69
+ word-break: break-all !important;
70
+ height: 36px !important;
71
+ font-size: 12px !important;
72
+ line-height: 150% !important;
73
+ }
74
+
75
+ .ext-product-price.ins-vertical {
76
+ height: 56px !important;
77
+ }
78
+
79
+ .ext-product-original-price.ins-vertical p {
80
+ overflow: hidden !important;
81
+ word-break: break-all !important;
82
+ height: 36px !important;
83
+ font-size: 12px !important;
84
+ line-height: 150% !important;
85
+ }
86
+
87
+ .ext-product-original-price.ins-vertical {
88
+ height: 56px !important;
89
+ }
90
+
91
+ .ext-ins-attr.ins-vertical p {
92
+ overflow: hidden !important;
93
+ word-break: break-all !important;
94
+ height: 54px !important;
95
+ font-size: 12px !important;
96
+ line-height: 150% !important;
97
+ width: 100% !important;
98
+ }
99
+
100
+ .ext-ins-attr.ins-vertical {
101
+ height: 74px !important;
102
+ }
103
+
104
+ .ext-product-button a.ins-vertical {
105
+ word-break: break-all !important;
106
+ font-size: 12px !important;
107
+ }
108
+
109
+ .ext-product-image.ins-vertical {
110
+ height: unset !important;
111
+ }
112
+
113
+ td.esdev-mso-td.ins-vertical {
114
+ vertical-align: bottom !important;
115
+ }.es-content table, .es-header table, .es-footer table, .es-content, .es-footer, .es-header { width: 100% !important; max-width: 600px !important; }.es-adapt-td { display: block !important; width: 100% !important; }.adapt-img { width: 100% !important; height: auto !important; }.es-m-p0 { padding: 0px !important; }.es-m-p0r { padding-right: 0px !important; }.es-m-p0l { padding-left: 0px !important; }.es-m-p0t { padding-top: 0px !important; }.es-m-p0b { padding-bottom: 0 !important; }.es-m-p20b { padding-bottom: 20px !important; }.es-mobile-hidden, .es-hidden { display: none !important; }.es-desk-hidden { display: table-row !important; width: auto !important; overflow: visible !important; float: none !important; max-height: inherit !important; line-height: inherit !important; }.es-desk-menu-hidden { display: table-cell !important; }table.es-table-not-adapt, .esd-block-html table { width: auto !important; }table.es-social { display: inline-block !important; }table.es-social td { display: inline-block !important; } }/* END RESPONSIVE STYLES */.ext-product-name p { -webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important; }.ext-product-price p { height:26px !important; }
116
+ `;
117
+ export {
118
+ t as default
119
+ };
@@ -1,7 +1,5 @@
1
1
  export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
2
2
  isCodeEditorOpen: boolean;
3
- isSaveAsTemplateDrawerOpen: boolean;
4
3
  isVersionHistoryOpen: boolean;
5
4
  editorVisualMode: string;
6
- hasChanges: boolean;
7
5
  }, {}, {}>;
@@ -1,13 +1,11 @@
1
1
  import { defineStore as e } from "pinia";
2
- const o = e("editor", {
2
+ const t = e("editor", {
3
3
  state: () => ({
4
4
  isCodeEditorOpen: !1,
5
- isSaveAsTemplateDrawerOpen: !1,
6
5
  isVersionHistoryOpen: !1,
7
- editorVisualMode: "desktop",
8
- hasChanges: !1
6
+ editorVisualMode: "desktop"
9
7
  })
10
8
  });
11
9
  export {
12
- o as useEditorStore
10
+ t as useEditorStore
13
11
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "1.0.0-beta.f57520c",
3
+ "version": "1.0.0-beta.f7c239e",
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",
@@ -10,9 +10,9 @@
10
10
  ],
11
11
  "exports": {
12
12
  ".": {
13
- "import": "./dist/library.js",
14
- "types": "./dist/components/Guido.vue.d.ts",
15
- "require": "./dist/components/Guido.vue.js"
13
+ "import": "./dist/library.js",
14
+ "types": "./dist/components/Guido.vue.d.ts",
15
+ "require": "./dist/components/Guido.vue.js"
16
16
  },
17
17
  "./style": "./dist/guido.css"
18
18
  },
@@ -21,6 +21,7 @@
21
21
  "start": "vite",
22
22
  "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.app.json",
23
23
  "preview": "vite preview",
24
+ "test": "echo \"Error: no test specified\" && exit 1",
24
25
  "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
25
26
  "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
26
27
  "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json"
@@ -29,13 +30,11 @@
29
30
  "author": "",
30
31
  "license": "ISC",
31
32
  "dependencies": {
32
- "@stripoinc/ui-editor-extensions": "^1.0.6",
33
33
  "@useinsider/design-system-vue": "0.14.8",
34
34
  "@vuelidate/core": "2.0.3",
35
35
  "@vuelidate/validators": "2.0.4",
36
36
  "lodash-es": "4.17.21",
37
37
  "pinia": "2.3.1",
38
- "valibot": "1.1.0",
39
38
  "vite": "6.3.5",
40
39
  "vue": "2.7.14"
41
40
  },
@@ -43,7 +42,6 @@
43
42
  "@cspell/eslint-plugin": "8.17.5",
44
43
  "@eslint/eslintrc": "3.3.0",
45
44
  "@eslint/js": "8.57.1",
46
- "@playwright/test": "^1.54.2",
47
45
  "@stylistic/eslint-plugin": "3.1.0",
48
46
  "@stylistic/eslint-plugin-migrate": "3.1.0",
49
47
  "@types/eslint": "8.56.12",
@@ -1,11 +0,0 @@
1
- export interface MappedCategory {
2
- value: string;
3
- text: string;
4
- }
5
- export interface Category {
6
- id: number;
7
- name: string;
8
- partnerId: number;
9
- isStripo: boolean;
10
- templatesCount: number;
11
- }
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var s = {};
2
- export {
3
- s as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var t = {};
2
- export {
3
- t as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var e = {};
2
- export {
3
- e as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var e = {};
2
- export {
3
- e as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var a = {};
2
- export {
3
- a as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var t = {};
2
- export {
3
- t as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var t = {};
2
- export {
3
- t as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var t = {};
2
- export {
3
- t as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var t = {};
2
- export {
3
- t as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var r = {};
2
- export {
3
- r as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var e = {};
2
- export {
3
- e as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var e = {};
2
- export {
3
- e as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var i = {};
2
- export {
3
- i as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var e = {};
2
- export {
3
- e as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var e = {};
2
- export {
3
- e as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var a = {};
2
- export {
3
- a as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var t = {};
2
- export {
3
- t as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var r = {};
2
- export {
3
- r as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var r = {};
2
- export {
3
- r as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var o = {};
2
- export {
3
- o as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var t = {};
2
- export {
3
- t as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var t = {};
2
- export {
3
- t as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var t = {};
2
- export {
3
- t as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var e = {};
2
- export {
3
- e as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var e = {};
2
- export {
3
- e as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var e = {};
2
- export {
3
- e as __exports
4
- };
@@ -1,4 +0,0 @@
1
- var t = {};
2
- export {
3
- t as __exports
4
- };
@@ -1,5 +0,0 @@
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
- };
@@ -1,4 +0,0 @@
1
- var r = {};
2
- export {
3
- r as __exports
4
- };
@@ -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,19 +0,0 @@
1
- import n from "./RestoreButton.vue2.js";
2
- import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
3
- var s = function() {
4
- var e = this, r = e._self._c, t = e._self._setupProxy;
5
- return r(t.InButtonV2, { attrs: { id: "guido__restore-button", "label-text": "Restore", type: "subtle-primary" }, on: { click: function(a) {
6
- return t.restoreVersion(t.versionHistoryStore.currentPatch.id);
7
- } } });
8
- }, _ = [], i = /* @__PURE__ */ o(
9
- n,
10
- s,
11
- _,
12
- !1,
13
- null,
14
- null
15
- );
16
- const f = i.exports;
17
- export {
18
- f as default
19
- };
@@ -1,14 +0,0 @@
1
- import { defineComponent as t } from "vue";
2
- import { useVersionHistoryApi as e } from "../../../../composables/useVersionHistoryApi.js";
3
- import { useVersionHistoryStore as s } from "../../../../stores/version-history.js";
4
- import { InButtonV2 as n } from "@useinsider/design-system-vue";
5
- const _ = /* @__PURE__ */ t({
6
- __name: "RestoreButton",
7
- setup(i) {
8
- const { restoreVersion: o } = e(), r = s();
9
- return { __sfc: !0, restoreVersion: o, versionHistoryStore: r, InButtonV2: n };
10
- }
11
- });
12
- export {
13
- _ as default
14
- };
@@ -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 s from "./SaveAsTemplateDrawer.vue2.js";
2
- import l from "../../../_virtual/_plugin-vue2_normalizer.js";
3
- var r = function() {
4
- var a = this, e = a._self._c, t = a._self._setupProxy;
5
- return e(t.WpDrawer, { attrs: { id: "save-as-template-modal", "description-status": "", "description-text": t.trans("newsletter.save-template-description"), "footer-button-group-options": t.footerButtonGroupOptions, status: t.editorStore.isSaveAsTemplateDrawerOpen, "title-text": t.trans("products.save-template") }, on: { cancelOrBackButtonEvent: t.closeModal, onCloseEvent: t.closeModal, primaryButtonEvent: t.saveTemplate } }, [e(t.InBasicTextInput, { staticClass: "mb-5 w-1", attrs: { id: "template-name-input", name: "templateName", "character-counter-status": !1, "disabled-status": t.isSaving, "label-text": t.trans("products.template-name"), "placeholder-text": t.trans("newsletter.enter-template-name"), "skeleton-sizing": { width: 495, height: 44 }, "skeleton-status": t.saveAsTemplateStore.skeletonStatus, "state-message": t.templateNameError, states: t.templateNameError ? "error" : "default", "tooltip-status": !1, value: t.saveAsTemplateStore.templateName }, on: { input: t.handleTemplateName } }), e(t.InMultiSelect, { staticClass: "template-category-dropdown mb-5 w-1", attrs: { "create-option-status": "", "search-status": "", "button-status": !1, "character-limit-validation-text": t.trans("validation-v2.duration-value", {
6
- min: 1,
7
- max: 25
8
- }), "create-button-label": t.trans("products.create-new-category"), "disabled-status": t.isSaving, "label-text": t.trans("products.template-category"), "loading-state": t.isAddingOption, "max-character-limit": 25, options: t.saveAsTemplateStore.categories, "placeholder-text": t.trans("products.select-template-category"), "skeleton-sizing": { width: 495, height: 44 }, "skeleton-status": t.saveAsTemplateStore.skeletonStatus, value: t.saveAsTemplateStore.selectedCategories }, on: { addOption: t.handleAddOption, change: t.handleCategoryChange, resetAllOptions: t.handleResetAllOptions, selectAllOptions: t.handleSelectAllOptions } })], 1);
9
- }, o = [], n = /* @__PURE__ */ l(
10
- s,
11
- r,
12
- o,
13
- !1,
14
- null,
15
- null
16
- );
17
- const c = n.exports;
18
- export {
19
- c as default
20
- };
@@ -1,58 +0,0 @@
1
- import { defineComponent as N, ref as i, computed as _, toRef as h } from "vue";
2
- import A from "../../wrappers/WpDrawer.vue.js";
3
- import { useTranslations as C } from "../../../composables/useTranslations.js";
4
- import { useTemplateNameValidator as b } from "../../../composables/validators/saveAsTemplate.js";
5
- import { useEditorStore as w } from "../../../stores/editor.js";
6
- import { useSaveAsTemplateStore as O } from "../../../stores/save-as-template.js";
7
- import { InMultiSelect as B, InBasicTextInput as x } from "@useinsider/design-system-vue";
8
- const z = /* @__PURE__ */ N({
9
- __name: "SaveAsTemplateDrawer",
10
- setup(D) {
11
- const s = C(), o = w(), t = O(), a = i(!1), l = i(!1), p = _(() => ({
12
- primaryButton: {
13
- styling: "solid",
14
- type: "primary",
15
- labelText: s(a.value ? "newsletter.saving" : "products.save"),
16
- loadingStatus: a.value,
17
- disabledStatus: t.skeletonStatus
18
- },
19
- cancelOrBackButton: {
20
- styling: "ghost",
21
- type: "secondary",
22
- labelText: s("products.cancel"),
23
- disabledStatus: a.value
24
- }
25
- })), r = i(""), c = b(h(t, "templateName")), n = () => {
26
- const e = c.validate();
27
- return r.value = e.errorMessage, e.success;
28
- }, u = () => {
29
- o.isSaveAsTemplateDrawerOpen = !1;
30
- }, d = (e) => {
31
- t.templateName = e, r.value && n();
32
- }, f = async (e) => {
33
- l.value = !0, await t.createCategory(e), l.value = !1;
34
- }, v = (e) => {
35
- t.selectedCategories = [...e];
36
- }, g = (e) => {
37
- e && (t.selectedCategories = [...e]);
38
- }, S = () => {
39
- t.selectedCategories = [];
40
- }, T = () => {
41
- if (a.value = !0, !n()) {
42
- a.value = !1;
43
- return;
44
- }
45
- setTimeout(() => {
46
- console.debug("💾 Saved", t.getTemplateName), a.value = !1;
47
- }, 3e3);
48
- }, m = async () => {
49
- t.$reset(), await t.fetchCategories(), t.skeletonStatus = !1;
50
- };
51
- return o.$subscribe((e, { isSaveAsTemplateDrawerOpen: y }) => {
52
- y && m();
53
- }), { __sfc: !0, trans: s, editorStore: o, saveAsTemplateStore: t, isSaving: a, isAddingOption: l, footerButtonGroupOptions: p, templateNameError: r, nameValidator: c, validateTemplateName: n, closeModal: u, handleTemplateName: d, handleAddOption: f, handleCategoryChange: v, handleSelectAllOptions: g, handleResetAllOptions: S, saveTemplate: T, initializeDrawer: m, WpDrawer: A, InBasicTextInput: x, InMultiSelect: B };
54
- }
55
- });
56
- export {
57
- z as default
58
- };