@useinsider/guido 2.0.0-beta.087a24f → 2.0.0-beta.0b5cf7f

package/dist/composables/useSave.js

@@ -1,15 +1,17 @@
-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;
+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;
   } };
 };
 export {
-  f as useSave
+  w as useSave
 };

package/dist/composables/useStripo.js

@@ -1,25 +1,26 @@
 import { useActionsApi as _ } from "./useActionsApi.js";
-import { useBlocksConfig as k } from "./useBlocksConfig.js";
-import { useConfig as B } from "./useConfig.js";
-import { useCustomInterfaceAppearance as V } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as A } from "./useStripoEventHandler.js";
-import { useToaster as v } from "./useToaster.js";
-import { displayConditions as F } from "../enums/displayConditions.js";
-import { useStripoApi as D } from "../services/stripoApi.js";
-import I from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as M } from "../stores/editor.js";
-import { dynamicContentToMergeTags as U } from "../utils/genericUtil.js";
-const $ = (a) => {
-  const { features: d } = B(), { handleError: c } = v(), { getToken: g, getCustomFonts: f } = D(), { handleEvent: y } = A(), { getStripoBlocksConfig: C } = k(), S = async (i, n = []) => {
-    var p, m;
-    const o = M(), { html: s, css: t, forceRecreate: h } = i, { baseBlocks: l, extensions: w } = await C(), u = ((p = d.value) == null ? void 0 : p.displayConditions) ?? !0, b = ((m = d.value) == null ? void 0 : m.modulesDisabled) ?? !1;
+import { useBlocksConfig as B } from "./useBlocksConfig.js";
+import { useConfig as v } from "./useConfig.js";
+import { useCustomInterfaceAppearance as A } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as F } from "./useStripoEventHandler.js";
+import { useToaster as D } from "./useToaster.js";
+import { displayConditions as I } from "../enums/displayConditions.js";
+import { useStripoApi as M } from "../services/stripoApi.js";
+import U from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as P } from "../stores/editor.js";
+import { dynamicContentToMergeTags as R } from "../utils/genericUtil.js";
+import H from "../package.json.js";
+const W = (c) => {
+  const { features: l, template: y } = v(), { handleError: u } = D(), { getToken: C, getCustomFonts: S } = M(), { handleEvent: E } = F(), { getStripoBlocksConfig: h } = B(), w = async (i, n = []) => {
+    var m, g, f;
+    const o = P(), { html: r, css: p } = i, { baseBlocks: s, extensions: t } = await h(), a = ((m = l.value) == null ? void 0 : m.displayConditions) ?? !0, k = ((g = l.value) == null ? void 0 : g.modulesDisabled) ?? !1, T = ((f = y.value) == null ? void 0 : f.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: a,
-        html: s,
-        css: t,
-        forceRecreate: h,
+        metadata: c,
+        html: r,
+        css: p,
+        forceRecreate: T,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -29,19 +30,19 @@ const $ = (a) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: I,
-        conditionsEnabled: u,
-        customConditionsEnabled: u,
-        conditionCategories: F,
+        customViewStyles: U,
+        conditionsEnabled: a,
+        customConditionsEnabled: a,
+        conditionCategories: I,
         enableXSSSecurity: !0,
-        modulesDisabled: b,
+        modulesDisabled: k,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
-        ...l ? { baseBlocks: l } : {},
+        ...s ? { baseBlocks: s } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
@@ -49,25 +50,25 @@ const $ = (a) => {
         },
         mergeTags: [
           {
-            entries: U(a.preselectedDynamicContentList)
+            entries: R(c.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(e) {
           try {
-            const r = await g();
-            e(r);
-          } catch (r) {
-            c(r, "Failed to refresh token");
+            const d = await C();
+            e(d);
+          } catch (d) {
+            u(d, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: e } = V(), { activateCustomViewStyles: r, updateTimerInClonedTemplate: T } = _();
-            e(), r(), T(), a.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
+            const { importCss: e } = A(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: V } = _();
+            e(), d(), V(), c.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
               o.hasChanges = !1;
             }, 1e3);
           } catch (e) {
-            c(e, "Failed to load custom interface appearance");
+            u(e, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(e) {
@@ -82,21 +83,22 @@ const $ = (a) => {
         onDataChanged() {
           o.hasChanges = !0;
         },
-        onEvent: y,
+        onEvent: E,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: w
+        extensions: t
       }
     );
-  }, E = (i) => new Promise((n, o) => {
+  }, b = (i) => new Promise((n, o) => {
+    var a;
     if (document.getElementById("UiEditorScript")) {
       i(), n();
       return;
     }
-    const s = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", t = document.createElement("script");
+    const r = H.guido, s = `https://email-static.useinsider.com/guido/${(a = r == null ? void 0 : r.stripo) == null ? void 0 : a.version}/UIEditor.js`, t = document.createElement("script");
     t.id = "UiEditorScript", t.type = "module", t.src = s, t.onload = () => {
       i(), n();
     }, t.onerror = () => {
@@ -104,12 +106,12 @@ const $ = (a) => {
     }, document.body.appendChild(t);
   });
   return { initPlugin: async (i) => {
-    await E(async () => {
-      const n = await f();
-      await S(i, n);
+    await b(async () => {
+      const n = await S();
+      await w(i, n);
     });
   } };
 };
 export {
-  $ as useStripo
+  W as useStripo
 };

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/enums/academy.js

@@ -0,0 +1,8 @@
+const e = "https://academy.useinsider.com", o = {
+  EMAIL_EDITOR: `${e}/docs/email-drag-drop-editor`,
+  GLOBAL_UNSUBSCRIBE: `${e}/docs/global-unsubscribe-preference-center`,
+  AMP_FOR_EMAILS: `${e}/docs/amp-for-emails`
+};
+export {
+  o as ACADEMY_LINKS
+};

package/dist/enums/onboarding.js

@@ -2,9 +2,8 @@ const e = [
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-0.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-1.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-2.ng-star-inserted"
-], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', o = ".in-ribbons-wrapper", a = "https://academy.useinsider.com/docs/email-drag-drop-editor";
+], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', o = ".in-ribbons-wrapper";
 export {
-  a as ACADEMY_LINK,
   n as CARD_COMPOSITION_TAB_SELECTOR,
   o as RIBBON_SELECTOR,
   e as SERVICE_HOVER_SELECTORS,

package/dist/enums/unsubscribe.js

@@ -1,26 +1,26 @@
-import { useTranslations as n } from "../composables/useTranslations.js";
+import { useTranslations as e } from "../composables/useTranslations.js";
 import { getEnvironmentPrefix as R } from "../utils/environmentUtil.js";
-const N = {
+const I = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, I = {
+}, r = {
   UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
   DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
   GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
   PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
-}, s = R(), i = {
+}, s = R(), _ = {
   UNSUBSCRIBE_URL: `https://mail.${s}.com/user/v1/unsub`,
   PREFERENCES_URL: `https://mail.${s}.com/user/v1/prefs`
-}, _ = "iid", B = {
+}, i = "iid", B = {
   name: "Global Unsubscribe",
   sendGridId: "G"
-}, t = "https://academy.useinsider.com/docs/global-unsubscribe-preference-center", C = "/email/unsubscribe-pages", E = {
+}, C = "/email/unsubscribe-pages", E = {
   GLOBAL_UNSUBSCRIBE: 1,
   GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, c = {
+}, t = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
     E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
@@ -31,29 +31,28 @@ const N = {
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
 }, U = () => {
-  const e = n();
+  const n = e();
   return {
-    [E.GLOBAL_UNSUBSCRIBE]: e("unsubscription-preference.type-global-unsubscribe"),
-    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: e("unsubscription-preference.type-global-unsubscription-confirmation"),
-    [E.RESUBSCRIBE]: e("unsubscription-preference.type-resubscribe"),
-    [E.SUBSCRIPTION_PREFERENCE_CENTER]: e("unsubscription-preference.type-subscription-preferences-center"),
-    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: e("unsubscription-preference.type-subscription-preferences-confirmation")
+    [E.GLOBAL_UNSUBSCRIBE]: n("unsubscription-preference.type-global-unsubscribe"),
+    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: n("unsubscription-preference.type-global-unsubscription-confirmation"),
+    [E.RESUBSCRIBE]: n("unsubscription-preference.type-resubscribe"),
+    [E.SUBSCRIPTION_PREFERENCE_CENTER]: n("unsubscription-preference.type-subscription-preferences-center"),
+    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: n("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, o = {
+}, c = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  t as ACADEMY_LINK,
   B as DEFAULT_UNSUBSCRIBE_GROUP,
-  _ as INSIDER_ID,
-  I as LINK_REGEXES,
-  N as LINK_TYPES,
-  o as MERGE_TAGS,
+  i as INSIDER_ID,
+  r as LINK_REGEXES,
+  I as LINK_TYPES,
+  c as MERGE_TAGS,
   E as PAGE_TYPES,
-  c as TYPE_COLLECTIONS,
+  t as TYPE_COLLECTIONS,
   C as UNSUBSCRIBE_PAGES_LINK,
-  i as URLS,
+  _ as URLS,
   U as getTypeTranslations
 };

package/dist/extensions/Blocks/CouponBlock/constants.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((c) => (c.TEXT_ALIGN = "coupon-block-text-align-control", c.TEXT_COLOR = "coupon-block-text-color-control", c.TEXT_SIZE = "coupon-block-text-size-control", c.TEXT_STYLE = "coupon-block-text-style-control", c.TEXT_FONT_FAMILY = "coupon-block-text-font-family-control", c.TEXT_BACKGROUND = "coupon-block-text-background-control", c.TEXT_PADDINGS = "coupon-block-text-paddings-control", c.TEXT_LINE_SPACING = "coupon-block-text-line-spacing-control", c))(t || {});
+export {
+  t as CouponControlId
+};

package/dist/extensions/Blocks/CouponBlock/controls/index.js

@@ -0,0 +1,29 @@
+import { createTextAlignControl as t, createTextColorControl as e, createTextSizeControl as n, createTextStyleControl as r, createTextFontFamilyControl as T, createTextBackgroundColorControl as l, createPaddingsControl as C, createTextLineSpacingControl as c } from "../../controlFactories.js";
+import { CouponControlId as o } from "../constants.js";
+const i = t(
+  o.TEXT_ALIGN
+), E = e(
+  o.TEXT_COLOR
+), s = n(
+  o.TEXT_SIZE
+), S = r(
+  o.TEXT_STYLE
+), _ = T(
+  o.TEXT_FONT_FAMILY
+), g = l(
+  o.TEXT_BACKGROUND
+), X = C(
+  o.TEXT_PADDINGS
+), d = c(
+  o.TEXT_LINE_SPACING
+);
+export {
+  i as TextAlignControl,
+  g as TextBackgroundControl,
+  E as TextColorControl,
+  _ as TextFontFamilyControl,
+  d as TextLineSpacingControl,
+  X as TextPaddingsControl,
+  s as TextSizeControl,
+  S as TextStyleControl
+};

package/dist/extensions/Blocks/CouponBlock/extension.js

@@ -1,8 +1,9 @@
 import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CouponBlock as t } from "./block.js";
-import { CouponIconsRegistry as i } from "./iconsRegistry.js";
-import { CouponBlockSettings as n } from "./settingsPanel.js";
-const p = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
+import { TextAlignControl as n, TextColorControl as r, TextSizeControl as l, TextStyleControl as d, TextFontFamilyControl as e, TextBackgroundControl as i, TextPaddingsControl as C, TextLineSpacingControl as a } from "./controls/index.js";
+import { CouponIconsRegistry as s } from "./iconsRegistry.js";
+import { CouponBlockSettings as m } from "./settingsPanel.js";
+const u = new o().addBlock(t).withSettingsPanelRegistry(m).addControl(n).addControl(r).addControl(l).addControl(d).addControl(e).addControl(i).addControl(C).addControl(a).withIconsRegistry(s).build();
 export {
-  p as default
+  u as default
 };

package/dist/extensions/Blocks/CouponBlock/settingsPanel.js

@@ -1,24 +1,30 @@
-import { SettingsPanelRegistry as T, SettingsPanelTab as o, SettingsTab as O, TextControls as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { COUPON_BLOCK_ID as N } from "./block.js";
-class _ extends T {
+import { SettingsPanelRegistry as n, SettingsPanelTab as o, SettingsTab as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { COUPON_BLOCK_ID as E } from "./block.js";
+import { CouponControlId as T } from "./constants.js";
+class i extends n {
   registerBlockControls(e) {
-    e[N] = [
+    e[E] = [
       new o(
-        O.SETTINGS,
+        t.SETTINGS,
         [
-          t.FONT_FAMILY,
-          t.FONT_SIZE,
-          t.FORMAT,
-          t.FONT_COLOR,
-          t.TEXT_BLOCK_BACKGROUND_COLOR,
-          t.ALIGN,
-          t.LINE_HEIGHT,
-          t.INTERNAL_INDENTS
+          T.TEXT_STYLE,
+          T.TEXT_ALIGN,
+          T.TEXT_PADDINGS
+        ]
+      ),
+      new o(
+        t.STYLES,
+        [
+          T.TEXT_BACKGROUND,
+          T.TEXT_FONT_FAMILY,
+          T.TEXT_LINE_SPACING,
+          T.TEXT_SIZE,
+          T.TEXT_COLOR
         ]
       )
     ];
   }
 }
 export {
-  _ as CouponBlockSettings
+  i as CouponBlockSettings
 };

package/dist/extensions/Blocks/CouponBlock/template.js

@@ -1,18 +1,29 @@
-const o = `
-    <td class="coupon-block ins-coupon-code esd-block-text coupon-block-v2">
-        <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
-    </td>`, e = `
-    <td 
-        class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block" 
-        esd-extension-block-id="coupon-block"
+import { BlockType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { COUPON_BLOCK_ID as e } from "./block.js";
+const t = `
+    <${o.BLOCK_TEXT}
+        class="coupon-block ins-coupon-code coupon-block-v2 es-p10"
+        align="center"
+        esd-extension-block-id="${e}">
+        <p
+            path="1"
+            contenteditable="false"
+            style="font-size: 16px; color: #333333;">
+            <strong path="1,0">{@COUPON_CODE}</strong>
+        </p>
+    </${o.BLOCK_TEXT}>
+    `, l = `
+    <td
+        class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block"
+        esd-extension-block-id="${e}"
     >
         <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
     </td>
 `;
-function t() {
-  return o;
+function s() {
+  return t;
 }
 export {
-  e as default,
-  t as getDefaultTemplate
+  l as default,
+  s as getDefaultTemplate
 };

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 esd-config-block 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
 };