@useinsider/guido 1.0.3-beta.84f8509 → 1.0.3-beta.866c587

package/README.md

@@ -646,3 +646,33 @@ 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

package/dist/components/Guido.vue.js

@@ -1,20 +1,18 @@
 import a from "./Guido.vue2.js";
 /* empty css           */
-import t from "../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
+import i 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);
-  } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, s = [], d = /* @__PURE__ */ t(
+  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), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
+}, s = [], d = /* @__PURE__ */ i(
   a,
-  n,
+  t,
   s,
   !1,
   null,
-  "05d04ac2"
+  "e8d51dec"
 );
-const f = d.exports;
+const l = d.exports;
 export {
-  f as default
+  l as default
 };

package/dist/components/Guido.vue2.js

@@ -15,8 +15,8 @@ import { useConfigStore as te } from "../stores/config.js";
 import { useDynamicContentStore as ne } from "../stores/dynamic-content.js";
 import { useEditorStore as re } from "../stores/editor.js";
 import { usePreviewStore as ae } from "../stores/preview.js";
-import { useUnsubscribeStore as ie } from "../stores/unsubscribe.js";
-import se from "../node_modules/lodash-es/merge.js";
+import { useUnsubscribeStore as se } from "../stores/unsubscribe.js";
+import ie from "../node_modules/lodash-es/merge.js";
 const Ge = /* @__PURE__ */ R({
   __name: "Guido",
   props: {
@@ -31,39 +31,39 @@ const Ge = /* @__PURE__ */ R({
     guidoConfig: null,
     templateConfig: null
   },
-  emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished"],
+  emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready"],
   setup(_, { expose: L, emit: t }) {
     const u = _, k = I(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
     ), A = I(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), l = x(), a = ne(), p = ie(), g = te(), i = re(), N = ae(), n = U(() => i.hasChanges), { getPartnerName: f, getProductType: y, isTestPartner: F } = O(), v = () => {
+    ), l = x(), a = ne(), p = se(), g = te(), s = re(), N = ae(), n = U(() => s.hasChanges), { getPartnerName: f, getProductType: y, isTestPartner: F } = O(), v = () => {
       var e;
       return (e = l.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: s,
+      templateId: i,
       userId: b,
       guidoConfig: C,
       templateConfig: o,
       html: r = "",
       css: h = "",
       partnerName: c = f(),
-      productType: d = y(),
+      productType: m = y(),
       messageType: S = J,
       username: w = q
-    } = u, m = (o == null ? void 0 : o.preselectedDynamicContentList) || [];
-    i.templateId = s, window.GuidoConfig = se(Q, C), window.GuidoConfig.partner = {
+    } = u, d = (o == null ? void 0 : o.preselectedDynamicContentList) || [];
+    s.templateId = i, window.GuidoConfig = ie(Q, C), window.GuidoConfig.partner = {
       partnerName: c,
-      productType: d,
+      productType: m,
       messageType: S
     }, g.templateConfig = o;
     const { initPlugin: D } = j({
-      emailId: s,
+      emailId: i,
       userId: b,
       username: w,
       partnerName: c,
-      productType: d,
-      preselectedDynamicContentList: m,
+      productType: m,
+      preselectedDynamicContentList: d,
       onReady: () => {
         console.debug("guido:ready"), t("ready");
       }
@@ -99,7 +99,7 @@ const Ge = /* @__PURE__ */ R({
           forceRecreate: !0
           // TODO: It should be false for old templates. We will communicate with Stripo
         };
-        e.html || (e = await T(), e.html = await W(e.html)), await D(e), a.selectedDynamicContentList = m;
+        e.html || (e = await T(), e.html = await W(e.html)), await D(e), a.selectedDynamicContentList = d;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
@@ -120,7 +120,7 @@ const Ge = /* @__PURE__ */ R({
       },
       hasChanges: n,
       saveSilent: v
-    }), { __sfc: !0, PreviewContainer: k, OnboardingWrapper: A, headerWrapperRef: l, dynamicContentStore: a, unsubscribeStore: p, props: u, configStore: g, editorStore: i, previewStore: N, hasChanges: n, getPartnerName: f, getProductType: y, isTestPartner: F, saveSilent: v, templateId: s, userId: b, guidoConfig: C, templateConfig: o, html: r, css: h, partnerName: c, productType: d, messageType: S, username: w, preselectedDynamicContentList: m, emit: t, initPlugin: D, getDefaultTemplate: T, noHeader: H, insertDynamicContent: E, closeDynamicContent: P, Toaster: V, FilterSelectionDrawer: X, HeaderWrapper: Y, LoadingWrapper: Z, SaveAsTemplateDrawer: $, UnsubscribeWrapper: ee };
+    }), { __sfc: !0, PreviewContainer: k, OnboardingWrapper: A, headerWrapperRef: l, dynamicContentStore: a, unsubscribeStore: p, props: u, configStore: g, editorStore: s, previewStore: N, hasChanges: n, getPartnerName: f, getProductType: y, isTestPartner: F, saveSilent: v, templateId: i, userId: b, guidoConfig: C, templateConfig: o, html: r, css: h, partnerName: c, productType: m, messageType: S, username: w, preselectedDynamicContentList: d, emit: t, initPlugin: D, getDefaultTemplate: T, noHeader: H, insertDynamicContent: E, closeDynamicContent: P, Toaster: V, FilterSelectionDrawer: X, HeaderWrapper: Y, LoadingWrapper: Z, SaveAsTemplateDrawer: $, UnsubscribeWrapper: ee };
   }
 });
 export {

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

@@ -1,17 +1,17 @@
-import t from "./NewVersionPopup.vue2.js";
+import s from "./NewVersionPopup.vue2.js";
 import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
-  var e = this, s = e._self._c, o = e._self._setupProxy;
-  return o.isVisible ? s(o.WpModal, { attrs: { id: "guido__new-version-popup", size: "medium", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.popupTitle }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [s("div", { staticClass: "d-f f-d-c" }, [s("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), s("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.popupDescription) } })])]) : e._e();
-}, r = [], a = /* @__PURE__ */ n(
-  t,
-  i,
+var r = function() {
+  var e = this, t = e._self._c, o = e._self._setupProxy;
+  return o.isVisible ? t(o.WpModal, { attrs: { id: "guido__new-version-popup", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.onboarding-title") }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [t("div", { staticClass: "d-f f-d-c" }, [t("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), t("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.trans("email-editor.onboarding-description")) } })])]) : e._e();
+}, i = [], a = /* @__PURE__ */ n(
+  s,
   r,
+  i,
   !1,
   null,
   null
 );
-const _ = a.exports;
+const p = a.exports;
 export {
-  _ as default
+  p as default
 };

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

@@ -1,41 +1,30 @@
-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 s, ref as r } from "vue";
+import a from "../../wrappers/WpModal.vue.js";
+import { useTranslations as i } from "../../../composables/useTranslations.js";
+import l from "../../../static/assets/onboarding-img.svg.js";
+import { useOnboardingStore as m } from "../../../stores/onboarding.js";
+const w = /* @__PURE__ */ s({
   __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(p) {
+    const n = i(), e = m(), o = r(!0), t = r({
       primaryButton: {
         type: "primary",
-        labelText: e("left-menu.discover-now")
+        labelText: n("left-menu.discover-now")
       },
       secondaryButton: {
         type: "subtle-primary",
-        labelText: d.value
+        labelText: n("products.remind-me-later")
       }
-    }));
-    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");
+    });
+    return { __sfc: !0, trans: n, onboardingStore: e, isVisible: o, footerButtonOptions: t, handleDiscoverNow: () => {
+      e.onDiscoverNowClicked(), o.value = !1;
     }, handleRemindLater: () => {
-      t.onRemindMeLater(), r.value = !1, n("onboarding-finished", "remind-later");
+      e.onRemindMeLater(), o.value = !1;
     }, handleClose: () => {
-      t.onNewVersionPopupClose(), r.value = !1, n("onboarding-finished", "close");
-    }, WpModal: g, onboardingImageSvg: _ };
+      e.onNewVersionPopupClose(), o.value = !1;
+    }, WpModal: a, onboardingImageSvg: l };
   }
 });
 export {
-  V as default
+  w as default
 };

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

@@ -1,19 +1,19 @@
-import t from "./OnboardingWrapper.vue2.js";
-import i from "../../../_virtual/_plugin-vue2_normalizer.js";
+import o from "./OnboardingWrapper.vue2.js";
+import _ 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 } });
+  var n = this, e = n._self._c, t = n._self._setupProxy;
+  return e("div", n._l(t.visibleOnboardings, function(r) {
+    return e(r.component, { key: r.type, tag: "component" });
   }), 1);
-}, _ = [], a = /* @__PURE__ */ i(
-  t,
+}, a = [], p = /* @__PURE__ */ _(
+  o,
   s,
-  _,
+  a,
   !1,
   null,
   null
 );
-const c = a.exports;
+const m = p.exports;
 export {
-  c as default
+  m as default
 };

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

@@ -1,46 +1,43 @@
-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 { 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 { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
+import { usePartner as O } from "../../../composables/usePartner.js";
+import { useEditorStore as u } from "../../../stores/editor.js";
+import { useOnboardingStore as v } from "../../../stores/onboarding.js";
+import { usePreviewStore as l } from "../../../stores/preview.js";
+import y from "./AMPOnboarding.vue.js";
+import S from "./GenericOnboarding.vue.js";
+import w from "./NewVersionPopup.vue.js";
+import P from "./TextBlockOnboarding.vue.js";
+import h from "./VersionHistoryOnboarding.vue.js";
+const E = /* @__PURE__ */ g({
   __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 },
-      { 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();
+  setup(_) {
+    const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+      { type: "newVersionPopup", component: w },
+      { type: "genericOnboarding", component: S },
+      { type: "textBlockOnboarding", component: P },
+      { type: "versionHistoryOnboarding", component: h },
+      { type: "ampOnboarding", component: y }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
+    return b(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, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
   }
 });
 export {
-  G as default
+  E as default
 };

package/dist/composables/useStripo.js

@@ -5,24 +5,26 @@ import { useToaster as C } from "./useToaster.js";
 import { displayConditions as y } from "../enums/displayConditions.js";
 import h from "../extensions/Blocks/Checkbox/extension.js";
 import w from "../extensions/Blocks/CouponBlock/extension.js";
-import b from "../extensions/Blocks/RadioButton/extension.js";
+import b from "../extensions/Blocks/Items/extension.js";
+import V from "../extensions/Blocks/RadioButton/extension.js";
 import _ from "../extensions/Blocks/Recommendation/extension.js";
 import k from "../extensions/Blocks/Unsubscribe/extension.js";
-import B from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as V } from "../services/stripoApi.js";
-import x from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as F } from "../stores/editor.js";
-import { dynamicContentToMergeTags as A } from "../utils/genericUtil.js";
-const G = (s) => {
-  const { handleError: d } = C(), { getToken: c, getCustomFonts: u } = V(), { handleEvent: m } = S(), l = (r, i = []) => {
-    const t = F(), { html: e, css: a, forceRecreate: g } = r;
+import x from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as B } from "../services/stripoApi.js";
+import F from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as A } from "../stores/editor.js";
+import { dynamicContentToMergeTags as T } from "../utils/genericUtil.js";
+import I from "../package.json.js";
+const Q = (a) => {
+  const { handleError: d } = C(), { getToken: m, getCustomFonts: u } = B(), { handleEvent: p } = S(), l = (r, i = []) => {
+    const t = A(), { html: n, css: c, forceRecreate: s } = r;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: s,
-        html: e,
-        css: a,
-        forceRecreate: g,
+        metadata: a,
+        html: n,
+        css: c,
+        forceRecreate: s,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -32,7 +34,7 @@ const G = (s) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: x,
+        customViewStyles: F,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
         conditionCategories: y,
@@ -46,21 +48,21 @@ const G = (s) => {
         },
         mergeTags: [
           {
-            entries: A(s.preselectedDynamicContentList)
+            entries: T(a.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(o) {
           try {
-            const n = await c();
-            o(n);
-          } catch (n) {
-            d(n, "Failed to refresh token");
+            const e = await m();
+            o(e);
+          } catch (e) {
+            d(e, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = E(), { activateCustomViewStyles: n } = f();
-            o(), n(), s.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
+            const { importCss: o } = E(), { activateCustomViewStyles: e } = f();
+            o(), e(), a.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
               t.hasChanges = !1;
             }, 1e3);
           } catch (o) {
@@ -79,42 +81,43 @@ const G = (s) => {
         onDataChanged() {
           t.hasChanges = !0;
         },
-        onEvent: m,
+        onEvent: p,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
         extensions: [
-          B,
+          x,
           h,
-          b,
+          V,
           _,
+          b,
           k,
           w
         ]
       }
     );
-  }, p = (r) => new Promise((i, t) => {
+  }, g = (r) => new Promise((i, t) => {
+    var e;
     if (document.getElementById("UiEditorScript")) {
       r(), i();
       return;
     }
-    const e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", e.onload = () => {
+    const n = I.guido, s = `https://email-static.useinsider.com/guido/${(e = n == null ? void 0 : n.stripo) == null ? void 0 : e.version}/UIEditor.js`, o = document.createElement("script");
+    o.id = "UiEditorScript", o.type = "module", o.src = s, o.onload = () => {
       r(), i();
-    }, e.onerror = () => {
-      const a = new Error("Failed to load Stripo UIEditor script");
-      t(a);
-    }, document.body.appendChild(e);
+    }, o.onerror = () => {
+      t(new Error(`Failed to load Stripo UIEditor script from S3: ${s}`));
+    }, document.body.appendChild(o);
   });
   return { initPlugin: async (r) => {
-    await p(async () => {
+    await g(async () => {
       const i = await u();
       l(r, i);
     });
   } };
 };
 export {
-  G as useStripo
+  Q as useStripo
 };

package/dist/enums/defaults.js

@@ -1,6 +1,5 @@
 const a = {
   translationsPath: "window.trans.en",
-  migrationDate: 1759696858,
   emailHeader: {
     senderName: "",
     subject: ""
@@ -17,7 +16,7 @@ const a = {
 }, t = {
   promotional: 1,
   transactional: 2
-}, e = "email", o = "Guido User", n = t.promotional, i = 2, s = {
+}, e = "email", o = "Guido User", n = t.promotional, s = 2, i = {
   email: 60,
   architect: 49
 }, u = [
@@ -57,8 +56,8 @@ export {
   n as DefaultMessageType,
   e as DefaultProductType,
   o as DefaultUsername,
-  i as EditorType,
-  s as ProductIds,
+  s as EditorType,
+  i as ProductIds,
   u as TEST_PARTNER_LIST,
   t as TemplateTypes
 };

package/dist/extensions/Blocks/Checkbox/block.js

@@ -1,7 +1,7 @@
 import { Block as e, BlockCompositionType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { getDefaultTemplate as o } from "./template.js";
 const r = "checkbox-block";
-class p extends e {
+class s extends e {
   constructor() {
     super();
   }
@@ -23,8 +23,11 @@ class p extends e {
   getTemplate() {
     return o();
   }
+  allowInnerBlocksDND() {
+    return !1;
+  }
 }
 export {
   r as CHECKBOX_BLOCK_ID,
-  p as CheckboxBlock
+  s as CheckboxBlock
 };

package/dist/extensions/Blocks/Items/block.js

@@ -0,0 +1,35 @@
+import { Block as t, BlockCompositionType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { SETTINGS_ENUMS as e } from "./enums/settingsEnums.js";
+import { getDefaultTemplate as r } from "./template.js";
+const s = "items-block";
+class m extends t {
+  getId() {
+    return s;
+  }
+  getIcon() {
+    return "items-icon";
+  }
+  getBlockCompositionType() {
+    return o.CONTAINER;
+  }
+  getName() {
+    return this.api.translate("Items");
+  }
+  getDescription() {
+    return this.api.translate("Items lets you display personalized products based on user behavior.");
+  }
+  getTemplate() {
+    return r({
+      orientation: e.ORIENTATION.HORIZONTAL,
+      itemsType: e.ITEMS_TYPE.CART,
+      itemId: "{{Abandoned Cart Item (1) Url}}"
+    });
+  }
+  allowInnerBlocksDND() {
+    return !1;
+  }
+}
+export {
+  s as BLOCK_ID,
+  m as ItemsBlock
+};

package/dist/extensions/Blocks/Items/controls/button/align.js

@@ -0,0 +1,12 @@
+import { ButtonAlignBuiltInControl as o } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class r extends o {
+  getId() {
+    return "items-block-product-button-align-control";
+  }
+  getTargetNodes(t) {
+    return t.closest(".items-block").querySelectorAll('[esd-extension-block-id="items-block-product-button"]');
+  }
+}
+export {
+  r as ButtonAlignControl
+};

package/dist/extensions/Blocks/Items/controls/button/border.js

@@ -0,0 +1,12 @@
+import { ButtonBorderBuiltInControl as o } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class l extends o {
+  getId() {
+    return "items-block-product-button-border-control";
+  }
+  getTargetNodes(t) {
+    return t.closest(".items-block").querySelectorAll('[esd-extension-block-id="items-block-product-button"]');
+  }
+}
+export {
+  l as ButtonBorderControl
+};

package/dist/extensions/Blocks/Items/controls/button/borderRadius.js

@@ -0,0 +1,12 @@
+import { ButtonBorderRadiusBuiltInControl as o } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class s extends o {
+  getId() {
+    return "items-block-product-button-border-radius-control";
+  }
+  getTargetNodes(t) {
+    return t.closest(".items-block").querySelectorAll('[esd-extension-block-id="items-block-product-button"]');
+  }
+}
+export {
+  s as ButtonBorderRadiusControl
+};

package/dist/extensions/Blocks/Items/controls/button/color.js

@@ -0,0 +1,12 @@
+import { ButtonColorBuiltInControl as o } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class r extends o {
+  getId() {
+    return "items-block-product-button-color-control";
+  }
+  getTargetNodes(t) {
+    return t.closest(".items-block").querySelectorAll('[esd-extension-block-id="items-block-product-button"]');
+  }
+}
+export {
+  r as ButtonColorControl
+};

package/dist/extensions/Blocks/Items/controls/button/fitToContent.js

@@ -0,0 +1,12 @@
+import { ButtonFitToContainerBuiltInControl as o } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class l extends o {
+  getId() {
+    return "items-block-product-button-fit-to-content-control";
+  }
+  getTargetNodes(t) {
+    return t.closest(".items-block").querySelectorAll('[esd-extension-block-id="items-block-product-button"]');
+  }
+}
+export {
+  l as ButtonFitToContentControl
+};