@useinsider/guido 1.0.3-beta.84f8509 → 1.0.3-beta.8646ecc

package/README.md

@@ -52,6 +52,7 @@ npm install @useinsider/guido
       ref="guidoEditor"
       :template-id="templateId"
       :user-id="userId"
+      :migration-date="migrationDate"
       :guido-config="guidoConfig"
       :html="initialHtml"
       :css="initialCss"
@@ -74,16 +75,19 @@ export default {
     return {
       templateId: 'template-123',
       userId: 'user-456',
+      migrationDate: 1699488000,
       initialHtml: '<p>Initial HTML content</p>',
       initialCss: 'p { color: #333; }',
       guidoConfig: {
         translationsPath: 'window.trans.en',
         htmlCompilerRules: [],
         ignoreDefaultHtmlCompilerRules: false,
+        backButtonLabel?: "Back to Design",
         features: {
           dynamicContent: true,
           saveAsTemplate: true,
-          versionHistory: true
+          versionHistory: true,
+          testMessage: true
         }
       },
       dynamicContentModalVisible: false
@@ -145,6 +149,7 @@ export default {
 | `templateId` | `string` | ✅ | - | Unique identifier for the email template |
 | `userId` | `string` | ✅ | - | Unique identifier for the user |
 | `guidoConfig` | `GuidoConfig` | ✅ | - | Configuration object for the editor |
+| `migrationDate` | `number` | ✅ | - | Stripo migration date in Unix timestamp (seconds). Retrieved from backend `/partner-settings` endpoint as `migrationDate`. Used for onboarding process |
 | `partnerName` | `string` | ⚪ | From URL host | Partner identifier |
 | `productType` | `string` | ⚪ | From URL path | Product type identifier |
 | `username` | `string` | ⚪ | `'Guido User'` | Display name for the user |
@@ -161,6 +166,7 @@ export default {
 | `save:complete` | `Omit<Template, 'forceRecreate'>` | Fired when template is successfully saved |
 | `on-change` | void | It Fires once for managing leave modal etc. |
 | `ready` | void | Fired when the editor is ready and template is loaded |
+| `onboarding-finished` | void | Fired when the onboarding popup is dismissed or completed, allowing parent applications to track onboarding state |
 
 ### Guido Exposed Methods
 ```typescript
@@ -190,6 +196,11 @@ interface GuidoConfig {
     dynamicContent: boolean;
     saveAsTemplate: boolean;
     versionHistory: boolean;
+    testMessage: boolean;
+  };
+  blocks?: {
+    excludeDefaults?: GuidoBlockType[];
+    includeCustoms?: GuidoCustomBlockType[];
   };
 }
 ```
@@ -204,6 +215,9 @@ interface GuidoConfig {
 | `features.dynamicContent` | `boolean` | `true` | Enable dynamic content insertion feature |
 | `features.saveAsTemplate` | `boolean` | `true` | Enable save as template feature |
 | `features.versionHistory` | `boolean` | `true` | Enable version history feature |
+| `blocks` | `BlocksConfig` | `{ excludeDefaults: [], includeCustoms: [] }` | Block configuration for excluding default blocks and including custom blocks. See [Blocks Configuration](#-blocks-configuration) section below |
+| `blocks.excludeDefaults` | `GuidoBlockType[]` | `[]` | Array of default Stripo blocks to exclude from the editor |
+| `blocks.includeCustoms` | `GuidoCustomBlockType[]` | `[]` | Array of custom blocks to include in the editor |
 
 ```typescript
 interface DynamicContent {
@@ -220,6 +234,128 @@ interface DynamicContent {
 | `text` | `string` | '' | Visible value of the dynamic content |
 | `fallback?` | `string` | '' | Fallback value of the dynamic content. Optional |
 
+## 🧱 Blocks Configuration
+
+Guido allows you to customize which blocks are available in the editor. You can exclude default Stripo blocks and selectively include custom blocks to create tailored editing experiences for different product types.
+
+### Block Types
+
+#### Default Blocks (GuidoBlockType)
+
+These are the standard Stripo email editor blocks that can be excluded:
+
+```typescript
+type GuidoBlockType =
+  | 'amp-accordion'      // AMP accordion component
+  | 'amp-carousel'       // AMP image carousel
+  | 'amp-form-controls'  // AMP form elements
+  | 'banner-block'       // Banner/hero section
+  | 'button-block'       // Call-to-action buttons
+  | 'html-block'         // Custom HTML
+  | 'image-block'        // Image elements
+  | 'menu-block'         // Navigation menu
+  | 'social-block'       // Social media links
+  | 'spacer-block'       // Vertical spacing
+  | 'text-block'         // Text content
+  | 'timer-block'        // Countdown timer
+  | 'video-block'        // Video embeds
+```
+
+#### Custom Blocks (GuidoCustomBlockType)
+
+These are custom blocks that can be selectively included:
+
+```typescript
+type GuidoCustomBlockType =
+  | 'dynamic-content'      // Dynamic content merge tags
+  | 'checkbox-block'       // Checkbox form input
+  | 'radio-button-block'   // Radio button form input
+  | 'recommendation-block' // Product recommendations
+  | 'unsubscribe-block'    // Unsubscribe link
+  | 'coupon-block'         // Coupon/promo code
+  | 'items-block'          // Cart items display
+```
+
+### Configuration Examples
+
+#### Example 1: Exclude Specific Default Blocks
+
+Disable button, image, and video blocks while keeping all custom blocks:
+
+```typescript
+const guidoConfig = {
+  translationsPath: 'window.trans.en',
+  features: {
+    dynamicContent: true,
+    saveAsTemplate: true,
+    versionHistory: true,
+    testMessage: true
+  },
+  blocks: {
+    excludeDefaults: ['button-block', 'image-block', 'video-block']
+  }
+};
+```
+
+**Result:**
+- Button, Image, Video blocks disabled
+- All other default blocks enabled
+- All custom blocks are disabled.
+
+#### Example 2: Include Only Specific Custom Blocks
+
+Enable only coupon and recommendation blocks:
+
+```typescript
+const guidoConfig = {
+  translationsPath: 'window.trans.en',
+  features: {
+    dynamicContent: true,
+    saveAsTemplate: true,
+    versionHistory: true,
+    testMessage: true
+  },
+  blocks: {
+    includeCustoms: ['coupon-block', 'recommendation-block']
+  }
+};
+```
+
+**Result:**
+- All default blocks enabled
+- Only Coupon and Recommendation extensions enabled.
+- Other custom blocks are disabled
+
+### Default Behavior
+
+When `blocks` is not provided or is `undefined`:
+
+```typescript
+const guidoConfig = {
+  translationsPath: 'window.trans.en',
+  features: {
+    dynamicContent: true,
+    saveAsTemplate: true,
+    versionHistory: true,
+    testMessage: true
+  },
+  // No blocks config
+};
+```
+
+**Result:**
+- All 13 default Stripo blocks enabled
+- All custom blocks are disabled.
+
+### Block Configuration Interface
+
+```typescript
+interface BlocksConfig {
+  excludeDefaults?: GuidoBlockType[];
+  includeCustoms?: GuidoCustomBlockType[];
+}
+```
+
 ### TypeScript Types
 
 The library exports the following TypeScript types:
@@ -314,7 +450,8 @@ const guidoConfig = {
   features: {
     dynamicContent: true,
     saveAsTemplate: true,
-    versionHistory: false  // Disable version history
+    versionHistory: false,  // Disable version history
+    testMessage: true
   },
   htmlCompilerRules: [
     {
@@ -347,7 +484,8 @@ const guidoConfig = {
   features: {
     dynamicContent: true,
     saveAsTemplate: true,
-    versionHistory: true
+    versionHistory: true,
+    testMessage: true
   },
   ignoreDefaultHtmlCompilerRules: true, // Skip all default rules
   htmlCompilerRules: [
@@ -646,3 +784,35 @@ ISC License
 - Playwright integrationBoilerplate/control.ts
 - Commitlint & Precommit Hooks integration
 - Get Pre-built display conditions from API
+
+Recommendation Block:
+- [ ] Validations for Filters
+- [ ] DOM Rerender after Filters change
+- [ ] Change currencySymbol as Input Type
+- [ ] Apply filter query to request
+- [ ] Drawer loading bug
+- [ ] Drawer send request when apply filters
+- [ ] Clear all feature for Drawer
+- [ ] Stripo's controls should be effect specific DOM item -- Try extending CommonControl class
+- [ ] Show toaster message if uses multiple recommendation blocks in same template
+- [ ] Change filter button text as Change Filters
+- [ ] Migration template for Recommendation Block
+- [ ] Recommendation Algorithm default value should be mostPopular
+- [ ] Default fields for empty template like currency, title etc.
+- [ ] Recommendation Block Icon Registry should be updated
+- [ ] AMP Block Icon should be updated
+- [ ] Padding feature for between Product Rows
+
+Items Block Phase 2:
+[ ] Writing configs to esd-config-data DOM.
+[ ] Build on save feature should be working
+[ ] Data Migration feature should be working
+
+Tech Debts: 
+[ ] Merge Custom Blocks into a single File
+[ ] Move Custom Blocks names to an enum file
+[ ] Template Replacement should be optimized for version history
+[ ] Code Optimization for Items Block inner blocks reordering
+[ ] Image Size & Margins controls has an error on console
+[ ] Feed Text Trimming feature to toggle settings
+[ ] Formatted Price feature to toggle settings

package/dist/components/Guido.vue.js

@@ -1,20 +1,20 @@
-import a from "./Guido.vue2.js";
+import i from "./Guido.vue2.js";
 /* empty css           */
-import t from "../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
+import a from "../_virtual/_plugin-vue2_normalizer.js";
+var t = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(i) {
-    return e.emit("onboarding:finished", i);
+  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
+    return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, s = [], d = /* @__PURE__ */ t(
-  a,
+}, n = [], s = /* @__PURE__ */ a(
+  i,
+  t,
   n,
-  s,
   !1,
   null,
-  "05d04ac2"
+  "3c910a93"
 );
-const f = d.exports;
+const v = s.exports;
 export {
-  f as default
+  v as default
 };

package/dist/components/organisms/header/LeftSlot.vue.js

@@ -10,7 +10,7 @@ var n = function() {
   a,
   !1,
   null,
-  "2c168944"
+  "0502bceb"
 );
 const p = i.exports;
 export {

package/dist/components/organisms/header/LeftSlot.vue2.js

@@ -1,28 +1,29 @@
-import { defineComponent as s, computed as c } from "vue";
-import { useBack as m } from "../../../composables/useGuidoActions.js";
-import { usePreviewMode as a } from "../../../composables/usePreviewMode.js";
+import { defineComponent as c, computed as a } from "vue";
+import { useConfig as m } from "../../../composables/useConfig.js";
+import { useBack as u } from "../../../composables/useGuidoActions.js";
+import { usePreviewMode as f } from "../../../composables/usePreviewMode.js";
 import { useTranslations as p } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as u } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as d } from "../../../stores/editor.js";
-import { InButtonV2 as f } from "@useinsider/design-system-vue";
-import l from "./version-history/RestoreButton.vue.js";
-const O = /* @__PURE__ */ s({
+import { useVersionHistoryApi as d } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as l } from "../../../stores/editor.js";
+import { InButtonV2 as k } from "@useinsider/design-system-vue";
+import B from "./version-history/RestoreButton.vue.js";
+const P = /* @__PURE__ */ c({
   __name: "LeftSlot",
-  setup(k) {
-    const o = d(), r = m(), { closeVersionHistory: t } = u(), { closePreviewMode: i } = a(), e = p(), n = c(() => o.isVersionHistoryOpen || o.isPreviewModeOpen ? e("email-editor.back-to-editor") : e("email-editor.back-to-design"));
-    return { __sfc: !0, editorStore: o, handleBack: r, closeVersionHistory: t, closePreviewMode: i, trans: e, backButtonLabel: n, handleBackClick: () => {
+  setup(b) {
+    const o = l(), r = u(), { closeVersionHistory: i } = d(), { closePreviewMode: n } = f(), e = p(), { config: t } = m(), s = a(() => o.isVersionHistoryOpen || o.isPreviewModeOpen ? e("email-editor.back-to-editor") : t.backButtonLabel ? t.backButtonLabel : e("email-editor.back-to-design"));
+    return { __sfc: !0, editorStore: o, handleBack: r, closeVersionHistory: i, closePreviewMode: n, trans: e, config: t, backButtonLabel: s, handleBackClick: () => {
       if (o.isVersionHistoryOpen) {
-        t();
+        i();
         return;
       }
       if (o.isPreviewModeOpen) {
-        i();
+        n();
         return;
       }
       r();
-    }, InButtonV2: f, RestoreButton: l };
+    }, InButtonV2: k, RestoreButton: B };
   }
 });
 export {
-  O as default
+  P as default
 };

package/dist/components/organisms/header/RightSlot.vue.js

@@ -1,20 +1,20 @@
-import n from "./RightSlot.vue2.js";
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var s, i;
-  var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f" }, [(s = t.config.features) != null && s.versionHistory ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = t.config.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button"), "tooltip-text": t.trans("newsletter.test-email") } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(p) {
+import a from "./RightSlot.vue2.js";
+import l from "../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var o, i, n;
+  var s = this, e = s._self._c, t = s._self._setupProxy;
+  return e("div", { staticClass: "d-f" }, [(o = t.config.features) != null && o.versionHistory ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : s._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = t.config.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : s._e(), (n = t.config.features) != null && n.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button"), "tooltip-text": t.trans("newsletter.test-email") } }) : s._e(), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(_) {
     return t.handleSave(!1);
   } } })], 1);
-}, r = [], d = /* @__PURE__ */ a(
-  n,
-  l,
+}, u = [], d = /* @__PURE__ */ l(
+  a,
   r,
+  u,
   !1,
   null,
   null
 );
-const g = d.exports;
+const f = d.exports;
 export {
-  g as default
+  f as default
 };

package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js

@@ -1,41 +1,43 @@
-import { defineComponent as c, ref as f, computed as o } from "vue";
-import g from "../../wrappers/WpModal.vue.js";
-import { useConfig as v } from "../../../composables/useConfig.js";
-import { useTranslations as b } from "../../../composables/useTranslations.js";
-import { DATE_FORMAT_DD_MM_YYYY as D } from "../../../enums/date.js";
-import _ from "../../../static/assets/onboarding-img.svg.js";
-import { useOnboardingStore as h } from "../../../stores/onboarding.js";
-import { formatDate as T } from "../../../utils/dateUtil.js";
-const V = /* @__PURE__ */ c({
+import { defineComponent as g, ref as b, computed as o } from "vue";
+import v from "../../wrappers/WpModal.vue.js";
+import { useConfig as D } from "../../../composables/useConfig.js";
+import { useTranslations as h } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINK as l } from "../../../enums/onboarding.js";
+import y from "../../../static/assets/onboarding-img.svg.js";
+import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
+import { isAfterDate as C, formatShortDate as L } from "../../../utils/dateUtil.js";
+const I = /* @__PURE__ */ g({
   __name: "NewVersionPopup",
   emits: ["onboarding-finished"],
-  setup(w, { emit: n }) {
-    const e = b(), t = h(), r = f(!0), { config: s } = v(), i = o(() => s.migrationDate), a = o(() => i.value ? Math.floor(Date.now() / 1e3) >= i.value : !1), l = o(() => T(
-      i.value || 0,
-      D,
-      "seconds",
-      "en-GB"
-    )), p = o(() => a.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), u = o(() => a.value ? e("email-editor.onboarding-popup-sunsetted-description", {
-      sunsetDate: l.value
-    }) : e("email-editor.onboarding-description")), d = o(() => a.value ? e("products.cancel") : e("products.remind-me-later")), m = o(() => ({
+  setup(w, { emit: a }) {
+    const e = h(), t = _(), s = b(!0), { config: p } = D(), i = o(() => p.migrationDate), n = o(() => C(i.value || 0)), d = o(() => L(
+      i.value
+    )), m = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), c = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
+      sunsetDate: d.value,
+      academyLink: l
+    }) : e("email-editor.onboarding-description", {
+      academyLink: l
+    })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), f = o(() => ({
       primaryButton: {
         type: "primary",
         labelText: e("left-menu.discover-now")
       },
       secondaryButton: {
         type: "subtle-primary",
-        labelText: d.value
+        labelText: u.value
       }
-    }));
-    return { __sfc: !0, emit: n, trans: e, onboardingStore: t, isVisible: r, config: s, migrationDate: i, isAfterMigrationDate: a, formattedSunsetDate: l, popupTitle: p, popupDescription: u, secondaryButtonLabel: d, footerButtonOptions: m, handleDiscoverNow: () => {
-      t.onDiscoverNowClicked(), r.value = !1, n("onboarding-finished", "discover");
+    })), r = () => {
+      s.value = !1, a("onboarding-finished");
+    };
+    return { __sfc: !0, emit: a, trans: e, onboardingStore: t, isVisible: s, config: p, migrationDate: i, isAfterMigrationDate: n, formattedSunsetDate: d, popupTitle: m, popupDescription: c, secondaryButtonLabel: u, footerButtonOptions: f, closePopup: r, handleDiscoverNow: () => {
+      t.onDiscoverNowClicked(), r();
     }, handleRemindLater: () => {
-      t.onRemindMeLater(), r.value = !1, n("onboarding-finished", "remind-later");
+      t.onRemindMeLater(), r();
     }, handleClose: () => {
-      t.onNewVersionPopupClose(), r.value = !1, n("onboarding-finished", "close");
-    }, WpModal: g, onboardingImageSvg: _ };
+      t.onNewVersionPopupClose(), r();
+    }, WpModal: v, onboardingImageSvg: y };
   }
 });
 export {
-  V as default
+  I as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js

@@ -3,7 +3,9 @@ import i from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
   var n = this, e = n._self._c, r = n._self._setupProxy;
   return e("div", n._l(r.visibleOnboardings, function(o) {
-    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": r.handleOnboardingFinished } });
+    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
+      return r.emit("onboarding-finished");
+    } } });
   }), 1);
 }, _ = [], a = /* @__PURE__ */ i(
   t,
@@ -13,7 +15,7 @@ var s = function() {
   null,
   null
 );
-const c = a.exports;
+const d = a.exports;
 export {
-  c as default
+  d as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,46 +1,44 @@
-import { defineComponent as O, computed as e, onMounted as u, watch as t } from "vue";
-import { usePartner as v } from "../../../composables/usePartner.js";
-import { useEditorStore as l } from "../../../stores/editor.js";
-import { useOnboardingStore as h } from "../../../stores/onboarding.js";
+import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
+import { usePartner as u } from "../../../composables/usePartner.js";
+import { useEditorStore as v } from "../../../stores/editor.js";
+import { useOnboardingStore as l } from "../../../stores/onboarding.js";
 import { usePreviewStore as y } from "../../../stores/preview.js";
 import S from "./AMPOnboarding.vue.js";
-import w from "./GenericOnboarding.vue.js";
-import P from "./NewVersionPopup.vue.js";
-import _ from "./TextBlockOnboarding.vue.js";
-import A from "./VersionHistoryOnboarding.vue.js";
-const G = /* @__PURE__ */ O({
+import h from "./GenericOnboarding.vue.js";
+import w from "./NewVersionPopup.vue.js";
+import P from "./TextBlockOnboarding.vue.js";
+import _ from "./VersionHistoryOnboarding.vue.js";
+const F = /* @__PURE__ */ b({
   __name: "OnboardingWrapper",
   emits: ["onboarding-finished"],
-  setup(H, { emit: s }) {
-    const n = h(), i = l(), a = y(), { isTestPartner: d } = v(), p = e(() => i.isStripoInitialized), m = e(() => d()), c = [
-      { type: "newVersionPopup", component: P },
-      { type: "genericOnboarding", component: w },
-      { type: "textBlockOnboarding", component: _ },
-      { type: "versionHistoryOnboarding", component: A },
+  setup(A, { emit: f }) {
+    const o = l(), r = v(), s = y(), { isTestPartner: a } = u(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+      { type: "newVersionPopup", component: w },
+      { type: "genericOnboarding", component: h },
+      { type: "textBlockOnboarding", component: P },
+      { type: "versionHistoryOnboarding", component: _ },
       { type: "ampOnboarding", component: S }
-    ], f = (o) => m.value || !p.value ? !1 : o === "newVersionPopup" ? n.shouldShowOnboarding(o) : n.isActive(o), g = e(() => c.filter((o) => f(o.type))), b = (o) => {
-      s("onboarding-finished", o);
-    };
-    return u(async () => {
-      await n.fetchUserModalState();
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
+    return O(async () => {
+      await o.fetchUserModalState();
     }), t(
-      () => i.isVersionHistoryOpen,
-      (o, r) => {
-        o && !r && n.shouldShowOnboarding("versionHistoryOnboarding") && n.start("versionHistoryOnboarding"), !o && r && n.isActive("versionHistoryOnboarding") && n.close("versionHistoryOnboarding");
+      () => r.isVersionHistoryOpen,
+      (n, i) => {
+        n && !i && o.shouldShowOnboarding("versionHistoryOnboarding") && o.start("versionHistoryOnboarding"), !n && i && o.isActive("versionHistoryOnboarding") && o.close("versionHistoryOnboarding");
       }
     ), t(
-      () => a.emailFormat,
-      (o, r) => {
-        r !== "AMP" && o === "AMP" && n.shouldShowOnboarding("ampOnboarding") && n.start("ampOnboarding");
+      () => s.emailFormat,
+      (n, i) => {
+        i !== "AMP" && n === "AMP" && o.shouldShowOnboarding("ampOnboarding") && o.start("ampOnboarding");
       }
     ), t(
-      () => i.isPreviewModeOpen,
-      (o) => {
-        !o && n.isActive("ampOnboarding") && n.close("ampOnboarding");
+      () => r.isPreviewModeOpen,
+      (n) => {
+        !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: s, onboardingStore: n, editorStore: i, previewStore: a, isTestPartner: d, isStripoReady: p, isTestPartnerActive: m, onboardingConfigs: c, shouldShow: f, visibleOnboardings: g, handleOnboardingFinished: b };
+    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
   }
 });
 export {
-  G as default
+  F as default
 };

package/dist/composables/useBlocksConfig.js

@@ -0,0 +1,48 @@
+const l = {
+  "amp-accordion": "ampAccordionEnabled",
+  "amp-carousel": "ampCarouselEnabled",
+  "amp-form-controls": "ampFormControlsEnabled",
+  "banner-block": "bannerEnabled",
+  "button-block": "buttonEnabled",
+  "html-block": "htmlEnabled",
+  "image-block": "imageEnabled",
+  "menu-block": "menuEnabled",
+  "social-block": "socialNetEnabled",
+  "spacer-block": "spacerEnabled",
+  "text-block": "textEnabled",
+  "timer-block": "timerEnabled",
+  "video-block": "videoEnabled"
+}, c = {
+  "dynamic-content": () => import("../extensions/DynamicContent/extension.js"),
+  "checkbox-block": () => import("../extensions/Blocks/Checkbox/extension.js"),
+  "radio-button-block": () => import("../extensions/Blocks/RadioButton/extension.js"),
+  "recommendation-block": () => import("../extensions/Blocks/Recommendation/extension.js"),
+  "unsubscribe-block": () => import("../extensions/Blocks/Unsubscribe/extension.js"),
+  "coupon-block": () => import("../extensions/Blocks/CouponBlock/extension.js"),
+  "items-block": () => import("../extensions/Blocks/Items/extension.js")
+}, a = (n) => {
+  if (!n || !n.length)
+    return {};
+  const o = {};
+  return n.forEach((e) => {
+    const t = l[e];
+    t && (o[t] = !1);
+  }), o;
+}, r = async (n) => !n || !n.length ? [] : (await Promise.all(
+  n.map(async (e) => {
+    const t = c[e];
+    return t ? (await t()).default : null;
+  })
+)).filter((e) => e !== null), s = () => ({
+  getStripoBlocksConfig: async () => {
+    var e;
+    const o = (e = window.GuidoConfig) == null ? void 0 : e.blocks;
+    return {
+      baseBlocks: a(o == null ? void 0 : o.excludeDefaults),
+      extensions: await r(o == null ? void 0 : o.includeCustoms)
+    };
+  }
+});
+export {
+  s as useBlocksConfig
+};