@useinsider/guido 2.2.0-beta.fa4cec8 → 3.0.0-beta.0c7bad4

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 (124) hide show
  1. package/README.md +41 -2
  2. package/dist/@types/config/schemas.js +1 -1
  3. package/dist/components/Guido.vue.js +1 -1
  4. package/dist/components/Guido.vue2.js +66 -66
  5. package/dist/components/organisms/base/Toaster.vue.js +4 -4
  6. package/dist/components/organisms/base/Toaster.vue2.js +12 -9
  7. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js +5 -5
  8. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue2.js +2 -2
  9. package/dist/components/organisms/extensions/recommendation/FilterItem.vue.js +11 -13
  10. package/dist/components/organisms/extensions/recommendation/FilterItem.vue2.js +54 -23
  11. package/dist/components/organisms/extensions/recommendation/FilterSelectionDrawer.vue.js +7 -5
  12. package/dist/components/organisms/extensions/recommendation/FilterSelectionDrawer.vue2.js +34 -21
  13. package/dist/components/organisms/extensions/recommendation/Filters.vue.js +11 -11
  14. package/dist/components/organisms/extensions/recommendation/Filters.vue2.js +48 -36
  15. package/dist/components/organisms/extensions/recommendation/LogicAdapter.vue2.js +11 -9
  16. package/dist/components/organisms/header/EditorActions.vue.js +10 -8
  17. package/dist/components/organisms/header/EditorActions.vue2.js +41 -31
  18. package/dist/components/organisms/header/MigrationConfirmModal.vue.js +17 -0
  19. package/dist/components/organisms/header/MigrationConfirmModal.vue2.js +39 -0
  20. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +1 -1
  21. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +1 -1
  22. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +1 -1
  23. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +2 -2
  24. package/dist/composables/useRecommendation.js +9 -9
  25. package/dist/composables/useSave.js +16 -12
  26. package/dist/composables/useStripo.js +66 -62
  27. package/dist/composables/useStripoEventHandler.js +27 -12
  28. package/dist/composables/useSyncModuleExtractor.js +45 -0
  29. package/dist/config/compiler/utils/recommendationCompilerUtils.js +1 -1
  30. package/dist/config/i18n/en/labels.json.js +8 -3
  31. package/dist/config/migrator/itemsBlockMigrator.js +135 -131
  32. package/dist/config/migrator/recommendationMigrator.js +59 -55
  33. package/dist/enums/block.js +4 -0
  34. package/dist/enums/unsubscribe.js +25 -21
  35. package/dist/extensions/Blocks/Items/block.js +30 -21
  36. package/dist/extensions/Blocks/Items/iconsRegistry.js +7 -6
  37. package/dist/extensions/Blocks/Items/items.css.js +48 -0
  38. package/dist/extensions/Blocks/Recommendation/block.js +22 -13
  39. package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +36 -33
  40. package/dist/extensions/Blocks/Recommendation/constants/layout.js +16 -14
  41. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +15 -13
  42. package/dist/extensions/Blocks/Recommendation/controls/button/index.js +9 -9
  43. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +1 -1
  44. package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +41 -29
  45. package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +16 -16
  46. package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +30 -32
  47. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +194 -104
  48. package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +9 -9
  49. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +46 -38
  50. package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +16 -16
  51. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +291 -217
  52. package/dist/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.js +14 -14
  53. package/dist/extensions/Blocks/Recommendation/controls/name/index.js +10 -10
  54. package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +5 -5
  55. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js +14 -14
  56. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js +9 -9
  57. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +3 -3
  58. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +1 -1
  59. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/index.js +9 -9
  60. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +3 -3
  61. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +13 -13
  62. package/dist/extensions/Blocks/Recommendation/controls/price/index.js +3 -3
  63. package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +223 -99
  64. package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +5 -4
  65. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +48 -0
  66. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +172 -85
  67. package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +2 -2
  68. package/dist/extensions/Blocks/Recommendation/templates/grid/migration.js +1 -1
  69. package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +2 -2
  70. package/dist/extensions/Blocks/Recommendation/templates/utils.js +32 -32
  71. package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js +8 -8
  72. package/dist/extensions/Blocks/Recommendation/validation/filterSchema.js +29 -0
  73. package/dist/extensions/Blocks/common-control.js +12 -4
  74. package/dist/guido.css +1 -1
  75. package/dist/services/stripoApi.js +55 -19
  76. package/dist/src/@types/config/schemas.d.ts +1 -1
  77. package/dist/src/@types/events.d.ts +38 -2
  78. package/dist/src/@types/extensions/block.d.ts +2 -0
  79. package/dist/src/App.vue.d.ts +3 -1
  80. package/dist/src/components/Guido.vue.d.ts +2 -2
  81. package/dist/src/components/organisms/extensions/recommendation/FilterItem.vue.d.ts +1 -0
  82. package/dist/src/components/organisms/extensions/recommendation/Filters.vue.d.ts +17 -1
  83. package/dist/src/components/organisms/header/EditorActions.vue.d.ts +1 -1
  84. package/dist/src/components/organisms/header/HeaderWrapper.vue.d.ts +1 -1
  85. package/dist/src/components/organisms/header/MigrationConfirmModal.vue.d.ts +6 -0
  86. package/dist/src/components/organisms/header/RightSlot.vue.d.ts +1 -1
  87. package/dist/src/components/wrappers/WpModal.vue.d.ts +2 -2
  88. package/dist/src/composables/useGuidoActions.d.ts +1 -1
  89. package/dist/src/composables/useSave.d.ts +2 -2
  90. package/dist/src/composables/useStripo.d.ts +2 -2
  91. package/dist/src/composables/useSyncModuleExtractor.d.ts +4 -0
  92. package/dist/src/enums/block.d.ts +4 -0
  93. package/dist/src/enums/unsubscribe.d.ts +3 -0
  94. package/dist/src/extensions/Blocks/Items/block.d.ts +3 -1
  95. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +3 -1
  96. package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts +6 -0
  97. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +3 -3
  98. package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +6 -2
  99. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +8 -1
  100. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +38 -10
  101. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +27 -14
  102. package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +50 -17
  103. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +19 -2
  104. package/dist/src/extensions/Blocks/Recommendation/templates/grid/migration.d.ts +1 -1
  105. package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +4 -2
  106. package/dist/src/extensions/Blocks/Recommendation/templates/list/migration.d.ts +1 -1
  107. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +1 -1
  108. package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +8 -0
  109. package/dist/src/extensions/Blocks/Recommendation/validation/filterSchema.d.ts +15 -0
  110. package/dist/src/extensions/Blocks/common-control.d.ts +5 -0
  111. package/dist/src/mock/api/settings.d.ts +2 -0
  112. package/dist/src/services/stripoApi.d.ts +5 -0
  113. package/dist/src/stores/editor.d.ts +23 -0
  114. package/dist/src/stores/template.d.ts +29 -0
  115. package/dist/src/utils/migrationBannerHtml.d.ts +2 -0
  116. package/dist/src/utils/templatePreparation.d.ts +1 -1
  117. package/dist/static/assets/info.svg.js +5 -0
  118. package/dist/static/styles/customEditorStyle.css.js +50 -23
  119. package/dist/stores/editor.js +2 -1
  120. package/dist/stores/template.js +15 -0
  121. package/dist/stores/toaster.js +6 -6
  122. package/dist/utils/migrationBannerHtml.js +21 -0
  123. package/dist/utils/templatePreparation.js +1 -1
  124. package/package.json +4 -3
@@ -9,7 +9,8 @@ const o = e("guidoEditor", {
9
9
  editorVisualMode: "desktop",
10
10
  hasChanges: !1,
11
11
  isStripoInitialized: !1,
12
- templateId: ""
12
+ templateId: "",
13
+ syncModulesEnabled: !1
13
14
  }),
14
15
  getters: {
15
16
  // Middle Slot
@@ -0,0 +1,15 @@
1
+ import { BlockId as e } from "../enums/block.js";
2
+ import { defineStore as i } from "pinia";
3
+ const a = i("guidoTemplate", {
4
+ state: () => ({
5
+ migrations: {}
6
+ }),
7
+ getters: {
8
+ hasMigrations: (t) => Object.values(t.migrations).some((o) => (o ?? 0) > 0),
9
+ hasRecommendationMigrations: (t) => (t.migrations[e.Recommendation] ?? 0) > 0,
10
+ hasItemsMigrations: (t) => (t.migrations[e.Items] ?? 0) > 0
11
+ }
12
+ });
13
+ export {
14
+ a as useTemplateStore
15
+ };
@@ -1,8 +1,8 @@
1
- import { ToasterTypeOptions as s } from "../enums/toaster.js";
1
+ import { ToasterTypeOptions as e } from "../enums/toaster.js";
2
2
  import { defineStore as i } from "pinia";
3
3
  const a = () => ({
4
4
  status: !1,
5
- type: s.Success,
5
+ type: e.Success,
6
6
  text: "",
7
7
  icon: "",
8
8
  withIcon: !0,
@@ -11,14 +11,14 @@ const a = () => ({
11
11
  }), u = i("guidoToaster", {
12
12
  state: () => a(),
13
13
  getters: {
14
- shouldAutoHide: (t) => t.status && !!t.text
14
+ shouldAutoHide: (t) => t.status && !!t.text && !t.actionButton
15
15
  },
16
16
  actions: {
17
- showToaster({ type: t = s.Success, message: e, actionButton: o }) {
18
- this.status = !0, this.text = e, this.type = t, this.actionButton = o;
17
+ showToaster({ type: t = e.Success, message: o, actionButton: s }) {
18
+ this.status = !0, this.text = o, this.type = t, this.actionButton = s;
19
19
  },
20
20
  hideToaster() {
21
- this.status = !1, this.text = "", this.actionButton = void 0;
21
+ this.status = !1;
22
22
  }
23
23
  }
24
24
  });
@@ -0,0 +1,21 @@
1
+ import { useTemplateStore as o } from "../stores/template.js";
2
+ import { UIElementType as i, UEAttr as r } from "../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
3
+ function g(t, n, e) {
4
+ return (o().migrations[t] ?? 0) <= 0 ? "" : `<div>
5
+ <div style="display: flex; align-items: center;">
6
+ <span>${n}</span>
7
+ </div>
8
+ <div class="${t}-migration-info">
9
+ <${i.ICON}
10
+ ${r.ICON.src}="migration-info-icon"
11
+ class="${t}-migration-info__icon">
12
+ </${i.ICON}>
13
+ <p class="${t}-migration-info__text">
14
+ ${e}
15
+ </p>
16
+ </div>
17
+ </div>`;
18
+ }
19
+ export {
20
+ g as getMigrationBannerHtml
21
+ };
@@ -24,7 +24,7 @@ const E = () => {
24
24
  css: p,
25
25
  ampHtml: r,
26
26
  ampErrors: c,
27
- modules: u,
27
+ modules: u.map(Number),
28
28
  recommendation: {
29
29
  campaignUrls: b.recommendationCampaignUrls,
30
30
  configs: {}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "2.2.0-beta.fa4cec8",
3
+ "version": "3.0.0-beta.0c7bad4",
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",
@@ -25,14 +25,15 @@
25
25
  "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
26
26
  "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json",
27
27
  "test:visual-update": "npx playwright test --update-snapshots --reporter html",
28
- "prepare": "husky"
28
+ "prepare": "husky",
29
+ "preinstall": "rm -rf ./node_modules/.vite"
29
30
  },
30
31
  "keywords": [],
31
32
  "author": "",
32
33
  "license": "ISC",
33
34
  "dependencies": {
34
35
  "@stripoinc/ui-editor-extensions": "3.5.0",
35
- "@useinsider/design-system-vue": "0.14.20",
36
+ "@useinsider/design-system-vue": "0.14.28",
36
37
  "@vueuse/core": "11.3.0",
37
38
  "lodash-es": "4.17.21",
38
39
  "pinia": "2.3.1",