@useinsider/guido 2.0.0-beta.e68b206 → 2.0.0-beta.e73ba15

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
-import { object as o, number as b, optional as e, string as t, pipe as u, picklist as n, custom as d, boolean as c, array as a, minLength as p, literal as r, variant as S } from "../../node_modules/valibot/dist/index.js";
-const m = {
+import { object as o, number as p, optional as e, string as t, pipe as m, picklist as n, boolean as c, array as a, minLength as u, literal as r, custom as b, variant as S } from "../../node_modules/valibot/dist/index.js";
+const i = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
   /** Transactional/system emails */
@@ -13,22 +13,22 @@ const m = {
   UNSUBSCRIBE_PAGES: 97
 }, h = o({
   /** Unique identifier for the template being edited */
-  templateId: u(
+  templateId: m(
     t(),
-    p(1, "templateId is required")
+    u(1, "templateId is required")
   ),
   /** Unique identifier for the user editing the template */
-  userId: u(
+  userId: m(
     t(),
-    p(1, "userId is required")
+    u(1, "userId is required")
   ),
   /** Optional variation ID for A/B testing */
   variationId: e(t())
 }), k = o({
   /** Partner/organization name (required) */
-  name: u(
+  name: m(
     t(),
-    p(1, "partner.name is required")
+    u(1, "partner.name is required")
   ),
   /** Product type identifier */
   productType: e(
@@ -41,8 +41,8 @@ const m = {
   ),
   /** Message type (promotional or transactional) */
   messageType: e(
-    n([m.PROMOTIONAL, m.TRANSACTIONAL]),
-    m.PROMOTIONAL
+    n([i.PROMOTIONAL, i.TRANSACTIONAL]),
+    i.PROMOTIONAL
   ),
   /** Display name for the current user */
   username: e(t(), "Guido User")
@@ -71,29 +71,29 @@ const m = {
     []
   ),
   /** Selected unsubscribe page IDs */
-  selectedUnsubscribePages: e(a(b()), []),
+  selectedUnsubscribePages: e(a(p()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
   forceRecreate: e(c(), !1)
-}), f = o({
+}), C = o({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
   subject: e(t(), "")
-}), C = o({
+}), I = o({
   /** Locale for the editor UI */
   locale: e(t(), "en"),
   /** Path to translations object */
   translationsPath: e(t(), "window.trans.en"),
   /** Migration date for template compatibility */
-  migrationDate: e(b(), 1759696858),
+  migrationDate: e(p(), 1759696858),
   /** Email header settings */
-  emailHeader: e(f, { senderName: "", subject: "" })
-}), I = o({
+  emailHeader: e(C, { senderName: "", subject: "" })
+}), T = o({
   /** Whether to show the header bar */
   showHeader: e(c(), !0),
   /** Custom label for back button (if shown) */
   backButtonLabel: e(t())
-}), T = o({
+}), A = o({
   /** Enable dynamic content insertion */
   dynamicContent: e(c(), !0),
   /** Enable save as template functionality */
@@ -108,7 +108,7 @@ const m = {
   unsubscribe: e(c(), !0),
   /** Disable modules panel in the editor */
   modulesDisabled: e(c(), !1)
-}), A = n([
+}), f = n([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -133,7 +133,7 @@ const m = {
 ]), E = o({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
-    a(A),
+    a(f),
     []
   ),
   /** Custom blocks to include in the editor */
@@ -147,7 +147,7 @@ const m = {
   /** Human-readable description */
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
-  priority: b()
+  priority: p()
 }), N = o({
   ...l.entries,
   type: r("replace"),
@@ -175,32 +175,21 @@ const m = {
   ...l.entries,
   type: r("custom"),
   /** Custom processor function */
-  processor: d(
-    (i) => typeof i == "function",
+  processor: b(
+    (d) => typeof d == "function",
     "processor must be a function"
   )
-}), x = S("type", [
+}), B = S("type", [
   N,
   O,
   L,
   v
-]), B = o({
+]), P = o({
   /** Custom compiler rules to apply */
-  customRules: e(a(x), []),
+  customRules: e(a(B), []),
   /** Skip default compiler rules */
   ignoreDefaultRules: e(c(), !1)
-}), P = o({
-  /**
-   * External validation handler called before save completes.
-   * Return false to cancel the save operation.
-   */
-  externalValidation: e(
-    d(
-      (i) => typeof i == "function",
-      "externalValidation must be a function"
-    )
-  )
-}), D = o({
+}), x = o({
   // Required sections
   /** Identity configuration (required) */
   identity: h,
@@ -210,38 +199,35 @@ const m = {
   /** Template content and presets */
   template: e(R, {}),
   /** Editor settings */
-  editor: e(C, {}),
+  editor: e(I, {}),
   /** UI configuration */
-  ui: e(I, {}),
+  ui: e(T, {}),
   /** Feature toggles */
-  features: e(T, {}),
+  features: e(A, {}),
   /** Block configuration */
   blocks: e(E, {}),
   /** Compiler configuration */
-  compiler: e(B, {}),
-  /** Callbacks and event handlers */
-  callbacks: e(P, {})
+  compiler: e(P, {})
 });
 export {
   E as BlocksSchema,
-  P as CallbacksSchema,
-  x as CompilerRuleSchema,
-  B as CompilerSchema,
+  B as CompilerRuleSchema,
+  P as CompilerSchema,
   g as CustomBlockTypeSchema,
   v as CustomRuleSchema,
-  A as DefaultBlockTypeSchema,
+  f as DefaultBlockTypeSchema,
   y as DynamicContentSchema,
-  C as EditorSchema,
-  f as EmailHeaderSchema,
-  T as FeaturesSchema,
-  D as GuidoConfigSchema,
+  I as EditorSchema,
+  C as EmailHeaderSchema,
+  A as FeaturesSchema,
+  x as GuidoConfigSchema,
   h as IdentitySchema,
-  m as MessageType,
+  i as MessageType,
   k as PartnerSchema,
   s as ProductType,
   O as RegexRuleSchema,
   L as RemoveRuleSchema,
   N as ReplaceRuleSchema,
   R as TemplateSchema,
-  I as UISchema
+  T as UISchema
 };

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js

@@ -7,14 +7,14 @@ var s = function() {
     return [t(e.EmailHeaderInfo)];
   }, proxy: !0 }, { key: "headerRightSlot", fn: function() {
     return [t(e.EmailSizeIndicator)];
-  }, proxy: !0 }]) }, [e.isContainerReady ? t("iframe", { staticClass: "email-iframe w-1 bor-w-0", style: { height: e.iframeHeight }, attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts allow-popups-to-escape-sandbox", srcdoc: e.previewStore.previewHtml } }) : r._e()])], 1);
+  }, proxy: !0 }]) }, [e.isContainerReady ? t("iframe", { staticClass: "email-iframe w-1 bor-w-0", style: { height: e.iframeHeight }, attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts", srcdoc: e.previewStore.previewHtml } }) : r._e()])], 1);
 }, i = [], n = /* @__PURE__ */ a(
   o,
   s,
   i,
   !1,
   null,
-  "b37f3f6d"
+  "2dd60b0c"
 );
 const d = n.exports;
 export {

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js

@@ -1,19 +1,19 @@
 import n from "./ContentView.vue2.js";
 import e from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
+var c = function() {
   var a = this, s = a._self._c, t = a._self._setupProxy;
   return s("div", { staticClass: "w-1 h-1 b-c-4 d-f f-d-c" }, [s("div", { staticClass: "d-f j-c-s-b a-i-c p-2 h-6-s" }, [s("div", { staticClass: "d-f a-i-c cur-p", on: { click: function(l) {
     return a.$emit("back-to-inbox");
-  } } }, [s(t.InIcons, { staticClass: "f-s-3 i-c-7", attrs: { name: "line-chevron-left" } }), s("span", { staticClass: "ml-2 f-s-1 f-w-400 l-h-1 t-c-7" }, [a._v(a._s(t.trans("newsletter.inbox")))])], 1), s("div", { staticClass: "d-f a-i-c" }, [s(t.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-down" } }), s(t.InIcons, { staticClass: "ml-1 i-c-52", attrs: { name: "line-chevron-up" } })], 1)]), s("iframe", { ref: "iframeRef", staticClass: "f-g-1 w-1 d-b b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts allow-popups-to-escape-sandbox", srcdoc: t.previewStore.previewHtml }, on: { load: t.onLoad } })]);
-}, c = [], i = /* @__PURE__ */ e(
+  } } }, [s(t.InIcons, { staticClass: "f-s-3 i-c-7", attrs: { name: "line-chevron-left" } }), s("span", { staticClass: "ml-2 f-s-1 f-w-400 l-h-1 t-c-7" }, [a._v(a._s(t.trans("newsletter.inbox")))])], 1), s("div", { staticClass: "d-f a-i-c" }, [s(t.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-down" } }), s(t.InIcons, { staticClass: "ml-1 i-c-52", attrs: { name: "line-chevron-up" } })], 1)]), s("iframe", { ref: "iframeRef", staticClass: "f-g-1 w-1 d-b b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts", srcdoc: t.previewStore.previewHtml }, on: { load: t.onLoad } })]);
+}, i = [], o = /* @__PURE__ */ e(
   n,
-  o,
   c,
+  i,
   !1,
   null,
   null
 );
-const d = i.exports;
+const d = o.exports;
 export {
   d as default
 };

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

@@ -1,18 +1,18 @@
-import o from "./LeftSlot.vue2.js";
+import s from "./LeftSlot.vue2.js";
 /* empty css              */
-import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var e = this, s = e._self._c, t = e._self._setupProxy;
-  return s("div", { staticClass: "d-f a-i-c" }, [s(t.InButtonV2, { staticClass: "p-2", attrs: { id: "guido__back-button", "left-icon": "line-arrow-left", styling: "text", type: "secondary", "label-text": t.backButtonLabel, "skeleton-sizing": { width: 150, height: 26 }, "skeleton-status": t.editorStore.loadingStatus }, on: { click: t.handleBackClick } }), t.editorStore.isVersionHistoryOpen ? s(t.RestoreButton, { staticClass: "ml-3" }) : e._e()], 1);
-}, i = [], a = /* @__PURE__ */ n(
-  o,
-  r,
-  i,
+import r from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
+  var e = this, o = e._self._c, t = e._self._setupProxy;
+  return o("div", { staticClass: "d-f a-i-c" }, [o(t.InButtonV2, { staticClass: "p-2", attrs: { id: "guido__back-button", "left-icon": "line-arrow-left", styling: "text", type: "secondary", "label-text": t.backButtonLabel }, on: { click: t.handleBackClick } }), t.editorStore.isVersionHistoryOpen ? o(t.RestoreButton, { staticClass: "ml-3" }) : e._e()], 1);
+}, a = [], i = /* @__PURE__ */ r(
+  s,
+  n,
+  a,
   !1,
   null,
-  "3bf5c743"
+  "06e6f7a7"
 );
-const d = a.exports;
+const p = i.exports;
 export {
-  d as default
+  p as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as c, computed as m } from "vue";
+import { defineComponent as u, computed as m } from "vue";
 import { useConfig as f } from "../../../composables/useConfig.js";
 import { useBack as p } from "../../../composables/useGuidoActions.js";
 import { usePreviewMode as l } from "../../../composables/usePreviewMode.js";
@@ -7,14 +7,14 @@ import { useVersionHistoryApi as k } from "../../../composables/useVersionHistor
 import { useEditorStore as B } from "../../../stores/editor.js";
 import { InButtonV2 as b } from "@useinsider/design-system-vue";
 import _ from "./version-history/RestoreButton.vue.js";
-const S = /* @__PURE__ */ c({
+const h = /* @__PURE__ */ u({
   __name: "LeftSlot",
   setup(v) {
-    const o = B(), r = p(), { closeVersionHistory: i } = k(), { closePreviewMode: n } = l(), e = d(), { config: t } = f(), u = m(() => {
+    const o = B(), r = p(), { closeVersionHistory: i } = k(), { closePreviewMode: n } = l(), e = d(), { config: t } = f(), c = m(() => {
       var s, a;
       return o.isVersionHistoryOpen || o.isPreviewModeOpen ? e("email-editor.back-to-editor") : (a = (s = t.value) == null ? void 0 : s.ui) != null && a.backButtonLabel ? t.value.ui.backButtonLabel : e("email-editor.back-to-design");
     });
-    return { __sfc: !0, editorStore: o, handleBack: r, closeVersionHistory: i, closePreviewMode: n, trans: e, config: t, backButtonLabel: u, handleBackClick: () => {
+    return { __sfc: !0, editorStore: o, handleBack: r, closeVersionHistory: i, closePreviewMode: n, trans: e, config: t, backButtonLabel: c, handleBackClick: () => {
       if (o.isVersionHistoryOpen) {
         i();
         return;
@@ -23,10 +23,10 @@ const S = /* @__PURE__ */ c({
         n();
         return;
       }
-      o.loadingStatus = !0, r();
+      r();
     }, InButtonV2: b, RestoreButton: _ };
   }
 });
 export {
-  S as default
+  h as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as H, ref as c, computed as _ } from "vue";
+import { defineComponent as H, ref as m, computed as _ } from "vue";
 import { useConfig as h } from "../../../composables/useConfig.js";
 import { useExport as V } from "../../../composables/useExport.js";
 import { useTestEmailClick as x } from "../../../composables/useGuidoActions.js";
@@ -10,25 +10,25 @@ import { getTooltipOptions as O } from "../../../utils/tooltipUtils.js";
 import { InButtonV2 as A } from "@useinsider/design-system-vue";
 const J = /* @__PURE__ */ H({
   __name: "RightSlot",
-  setup(k, { expose: u }) {
-    const { config: f } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = C(), t = T(), e = c(!1), s = c(!1), v = x(), d = () => {
+  setup(k, { expose: c }) {
+    const { config: u } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = C(), t = T(), e = m(!1), s = m(!1), f = x(), v = () => {
       if (o.isVersionHistoryOpen) {
         a();
         return;
       }
       i();
-    }, y = async () => {
+    }, d = async () => {
       e.value = !0, await r(), e.value = !1;
-    }, S = () => {
+    }, y = () => {
       o.isSaveAsTemplateDrawerOpen = !0;
-    }, g = _(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), l = async (p) => {
+    }, S = _(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), l = async (p) => {
       s.value = !0, o.loadingStatus = !0;
-      const m = await n(p);
-      return s.value = !1, (p || !m) && (o.loadingStatus = !1), m;
+      const g = await n(p);
+      return s.value = !1, p && (o.loadingStatus = !1), g;
     };
-    return u({
+    return c({
       handleSave: l
-    }), { __sfc: !0, config: f, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, testEmailClick: v, handleVersionHistory: d, handleExport: y, handleSaveAs: S, versionHistoryTooltipText: g, handleSave: l, getTooltipOptions: O, InButtonV2: A };
+    }), { __sfc: !0, config: u, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, testEmailClick: f, handleVersionHistory: v, handleExport: d, handleSaveAs: y, versionHistoryTooltipText: S, handleSave: l, getTooltipOptions: O, InButtonV2: A };
   }
 });
 export {

package/dist/composables/useConfig.js

@@ -1,27 +1,26 @@
-import { useConfigStore as I } from "../stores/config.js";
-import { storeToRefs as T } from "pinia";
-const w = () => {
-  const e = I(), {
+import { useConfigStore as F } from "../stores/config.js";
+import { storeToRefs as I } from "pinia";
+const k = () => {
+  const e = F(), {
     config: t,
     initialized: o,
     identity: r,
     partner: i,
-    template: a,
-    editor: n,
+    template: n,
+    editor: a,
     ui: s,
-    features: c,
-    blocks: u,
-    compiler: d,
-    callbacks: l,
-    templateId: p,
+    features: u,
+    blocks: d,
+    compiler: p,
+    templateId: c,
     userId: f,
     variationId: m,
     partnerName: g,
-    productType: b,
-    messageType: C,
-    username: y,
-    showHeader: E
-  } = T(e);
+    productType: l,
+    messageType: b,
+    username: C,
+    showHeader: y
+  } = I(e);
   return {
     // State refs
     config: t,
@@ -29,27 +28,26 @@ const w = () => {
     // Section refs
     identity: r,
     partner: i,
-    template: a,
-    editor: n,
+    template: n,
+    editor: a,
     ui: s,
-    features: c,
-    blocks: u,
-    compiler: d,
-    callbacks: l,
+    features: u,
+    blocks: d,
+    compiler: p,
     // Convenience refs
-    templateId: p,
+    templateId: c,
     userId: f,
     variationId: m,
     partnerName: g,
-    productType: b,
-    messageType: C,
-    username: y,
-    showHeader: E,
+    productType: l,
+    messageType: b,
+    username: C,
+    showHeader: y,
     // Methods
     getConfig: () => t.value,
-    isFeatureEnabled: (F) => e.isFeatureEnabled(F)
+    isFeatureEnabled: (E) => e.isFeatureEnabled(E)
   };
 };
 export {
-  w as useConfig
+  k as useConfig
 };

package/dist/composables/useSave.js

@@ -1,17 +1,15 @@
-import { useConfig as l } from "./useConfig.js";
-import { useSaveStart as m, useSaveComplete as c } from "./useGuidoActions.js";
-import { useTemplatePreparation as d } from "../utils/templatePreparation.js";
-import { useHtmlValidator as p } from "./useHtmlValidator.js";
-const w = () => {
-  const i = m(), s = c(), { validateHtml: o } = p(), { callbacks: a } = l();
-  return { save: async (r = !1) => {
-    var e;
-    i();
-    const { prepareTemplateDetails: n } = d(), t = await n();
-    if (await o(t.compiledHtml, t.dynamicContentList, !0) && !((e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t)))
-      return r || s(t), t;
+import { useSaveStart as i, useSaveComplete as m } from "./useGuidoActions.js";
+import { useTemplatePreparation as n } from "../utils/templatePreparation.js";
+import { useHtmlValidator as l } from "./useHtmlValidator.js";
+const f = () => {
+  const e = i(), a = m(), { validateHtml: s } = l();
+  return { save: async (o = !1) => {
+    e();
+    const { prepareTemplateDetails: r } = n(), t = await r();
+    if (await s(t.compiledHtml, t.dynamicContentList, !0))
+      return o || a(t), t;
   } };
 };
 export {
-  w as useSave
+  f as useSave
 };

package/dist/config/migrator/index.js

@@ -1,13 +1,12 @@
-import { migrateCheckbox as t } from "./checkboxMigrator.js";
+import { migrateCheckbox as m } from "./checkboxMigrator.js";
 import { migrateCouponBlock as o } from "./couponBlockMigrator.js";
-import { migrateItemsBlock as i } from "./itemsBlockMigrator.js";
-import { migrateRadioButton as e } from "./radioButtonMigrator.js";
-import { migrateRecommendation as a } from "./recommendationMigrator.js";
-import { migrateUnsubscribe as g } from "./unsubscribeMigrator.js";
-const u = async (r) => {
-  let m = r;
-  return m = t(m), m = e(m), m = await g(m), m = o(m), m = a(m), m = i(m), m;
+import { migrateRadioButton as i } from "./radioButtonMigrator.js";
+import { migrateRecommendation as e } from "./recommendationMigrator.js";
+import { migrateUnsubscribe as a } from "./unsubscribeMigrator.js";
+const s = async (t) => {
+  let r = t;
+  return r = m(r), r = i(r), r = await a(r), r = o(r), r = e(r), r;
 };
 export {
-  u as migrate
+  s as migrate
 };

package/dist/config/migrator/recommendationMigrator.js

@@ -1,8 +1,8 @@
 var h = Object.defineProperty;
 var T = (A, e, t) => e in A ? h(A, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : A[e] = t;
 var m = (A, e, t) => T(A, typeof e != "symbol" ? e + "" : e, t);
-import P, { prepareProductRows as S } from "../../extensions/Blocks/Recommendation/templates/migrationTemplate.js";
-import { getDefaultProducts as q } from "../../extensions/Blocks/Recommendation/templates/templateUtils.js";
+import P, { prepareProductRows as S } from "../../extensions/Blocks/Recommendation/templates/vertical/migration.js";
+import { getDefaultProducts as q } from "../../extensions/Blocks/Recommendation/templates/utils.js";
 class w {
   constructor() {
     m(this, "parser");

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

@@ -1,20 +1,20 @@
-import { useOnboardingStore as d } from "../../../stores/onboarding.js";
-import { Block as u, BlockCompositionType as p, ModificationDescription as n } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { ItemsBlockId as f } from "./enums/controlEnums.js";
-import { SETTINGS_ENUMS as c, DefaultConfigValues as o } from "./enums/settingsEnums.js";
-import { useItemsBlockStore as g } from "./store/items-block.js";
-import { getDefaultTemplate as y } from "./template.js";
-import { getItemsBlockContainer as C, getItemsBlockConfig as a, getDefaultItemsBlockConfig as I } from "./utils/nodeConfigUtils.js";
-const b = "items-block";
-class O extends u {
+import { useOnboardingStore as y } from "../../../stores/onboarding.js";
+import { Block as R, BlockCompositionType as L, ModificationDescription as a } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { configAttributes as t } from "./enums/productEnums.js";
+import { DefaultConfigValues as e, SETTINGS_ENUMS as l } from "./enums/settingsEnums.js";
+import { useItemsBlockStore as S } from "./store/items-block.js";
+import { getDefaultTemplate as V } from "./template.js";
+import { syncCurrencySymbolFromAttributes as B, syncCurrencyLocationFromAttributes as U, syncFormattedPriceFromAttributes as k } from "./utils/syncAttributesFromConfigBlock.js";
+const M = "items-block";
+class x extends R {
   getId() {
-    return b;
+    return M;
   }
   getIcon() {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return p.CONTAINER;
+    return L.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,44 +23,45 @@ class O extends u {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getTemplate() {
-    return y({
-      orientation: c.ORIENTATION.VERTICAL,
-      itemsType: c.ITEMS_TYPE.CART_ITEMS,
+    return V({
+      orientation: l.ORIENTATION.HORIZONTAL,
+      itemsType: l.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: o.productPriceCurrencySymbolControlValue,
-      currencyLocation: o.productPriceCurrencyLocationControlValue,
-      formattedPrice: o.productPriceFormattedControlValue === "1"
+      currencySymbol: e.productPriceCurrencySymbolControlValue,
+      currencyLocation: e.productPriceCurrencyLocationControlValue,
+      formattedPrice: e.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
     return !1;
   }
-  onCreated(i) {
-    const e = C(i);
-    if (!e)
+  onCreated(r) {
+    const n = r.querySelector("esd-config-block");
+    if (!n)
       return;
-    const t = e.getNodeConfig(), l = t && Object.keys(t).length > 0, r = a(i);
-    if (r != null && r.initialized)
-      l ? r.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...r, blockInstanceId: String(Date.now()) }).apply(new n("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(r).apply(new n("Migrate legacy config to nodeConfig"));
-    else {
-      const m = I();
-      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(m).apply(new n("Initialize Items block with default configuration")), d().startOnboarding("itemsOnboarding");
+    const o = n, s = o.getAttribute("data-initialized") || "0", u = o.getAttribute(t.BLOCK_INSTANCE_ID), c = () => String(Date.now() + Math.floor(Math.random() * 1e3));
+    if (Number(s)) {
+      if (!u) {
+        const i = c();
+        this.api.getDocumentModifier().modifyHtml(o).setAttribute(t.BLOCK_INSTANCE_ID, i).apply(new a("Assign block instance ID to legacy block"));
+      }
+    } else {
+      const i = e.itemsType, I = e.cartItemsSelectControlValue, d = e.cardOrientationControlValue, m = e.productNameTrimmingControlValue, C = e.productPriceHideDiscountControlValue, b = e.productPriceFormattedControlValue, T = e.productPriceCurrencySymbolControlValue, A = e.productPriceCurrencyLocationControlValue, E = e.productButtonLinkControlValue, O = e.productImageLinkControlValue, _ = e.productImageVisible, p = e.productNameVisible, N = e.productQuantityVisible, f = e.productPriceVisible, g = e.productOriginalPriceVisible, D = e.productButtonVisible, P = c();
+      this.api.getDocumentModifier().modifyHtml(o).setAttribute("data-source", i).setAttribute(t.TYPE, i).setAttribute(t.ITEMS_INDEX_SELECT_CONTROL_VALUE, I).setAttribute(t.ORIENTATION, d).setAttribute(t.PRODUCT_NAME_TRIMMING, m).setAttribute(t.PRODUCT_PRICE_HIDE_DISCOUNT, C).setAttribute(t.PRODUCT_PRICE_FORMATTED, b).setAttribute(t.PRODUCT_PRICE_CURRENCY_SYMBOL, T).setAttribute(t.PRODUCT_PRICE_CURRENCY_LOCATION, A).setAttribute(t.PRODUCT_BUTTON_LINK, E).setAttribute(t.PRODUCT_IMAGE_LINK, O).setAttribute(t.BLOCK_INSTANCE_ID, P).setAttribute("data-initialized", "1").setAttribute(t.NAME_CONTROL_ENABLED, e.productNameControlEnabled).setAttribute(
+        t.QUANTITY_CONTROL_ENABLED,
+        e.productQuantityControlEnabled
+      ).setAttribute(t.PRICE_CONTROL_OPENED, e.productPriceControlOpened).setAttribute(t.PRODUCT_IMAGE_VISIBLE, _).setAttribute(t.PRODUCT_NAME_VISIBLE, p).setAttribute(t.PRODUCT_QUANTITY_VISIBLE, N).setAttribute(t.PRODUCT_PRICE_VISIBLE, f).setAttribute(t.PRODUCT_ORIGINAL_PRICE_VISIBLE, g).setAttribute(t.PRODUCT_BUTTON_VISIBLE, D).apply(new a("Initialize config block attributes with defaults")), y().startOnboarding("itemsOnboarding");
     }
-    const s = `[esd-extension-block-id="${f.IMAGE}"] img`;
-    this.api.getDocumentModifier().modifyHtml(i.querySelector(s)).setStyle("object-fit", "contain").apply(new n("Updated image object-fit"));
   }
-  onSelect(i) {
-    const e = g(), t = a(i);
-    t && (e.setItemsType(t.type || o.itemsType), e.setItemIds(t.itemsSelectValue || o.cartItemsSelectControlValue), e.setOrientation(t.orientation || o.cardOrientationControlValue), e.setCurrencySymbol(
-      t.priceCurrencySymbol || o.productPriceCurrencySymbolControlValue
-    ), e.setCurrencyLocation(
-      t.priceCurrencyLocation || o.productPriceCurrencyLocationControlValue
-    ), e.setFormattedPrice(
-      t.priceFormatted ?? o.productPriceFormattedControlValue === "1"
-    ));
+  onSelect(r) {
+    const n = r.querySelector("esd-config-block"), o = S();
+    if (!n)
+      return;
+    const s = n, u = s.getAttribute(t.TYPE) || e.itemsType, c = s.getAttribute(t.ITEMS_INDEX_SELECT_CONTROL_VALUE) || e.cartItemsSelectControlValue, i = s.getAttribute(t.ORIENTATION) || e.cardOrientationControlValue;
+    o.setItemsType(u), o.setItemIds(c), o.setOrientation(i), B(r), U(r), k(r);
   }
 }
 export {
-  b as BLOCK_ID,
-  O as ItemsBlock
+  M as BLOCK_ID,
+  x as ItemsBlock
 };