@useinsider/guido 3.15.0-beta.360c5d6 → 3.15.0-beta.3794b87

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

@@ -15,7 +15,7 @@ var u = function() {
   p,
   !1,
   null,
-  "6e711fd7"
+  "16e8682a"
 );
 const v = c.exports;
 export {

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

@@ -1,66 +1,75 @@
-import { defineComponent as O, ref as n, computed as h } from "vue";
-import { useActionsApi as q } from "../../../composables/useActionsApi.js";
+import { defineComponent as q, ref as a, computed as h } from "vue";
+import { useActionsApi as D } from "../../../composables/useActionsApi.js";
 import { useConfig as b } from "../../../composables/useConfig.js";
 import { useExport as k } from "../../../composables/useExport.js";
 import { useTestEmailClick as B } from "../../../composables/useGuidoActions.js";
-import { useHtmlCompiler as D } from "../../../composables/useHtmlCompiler.js";
-import { useSave as F } from "../../../composables/useSave.js";
-import { useTranslations as L } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as R } from "../../../composables/useVersionHistoryApi.js";
-import { useLiquidValidator as z } from "../../../composables/validators/useLiquidValidator.js";
-import { useEditorStore as I } from "../../../stores/editor.js";
-import { useTemplateStore as P } from "../../../stores/template.js";
-import { getTooltipOptions as j } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as G } from "@useinsider/design-system-vue";
-import { storeToRefs as J } from "pinia";
-import K from "./MigrationConfirmModal.vue.js";
-const ut = /* @__PURE__ */ O({
+import { useHtmlCompiler as F } from "../../../composables/useHtmlCompiler.js";
+import { useSave as I } from "../../../composables/useSave.js";
+import { useToaster as L } from "../../../composables/useToaster.js";
+import { useTranslations as R } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as z } from "../../../composables/useVersionHistoryApi.js";
+import { useLiquidValidator as G } from "../../../composables/validators/useLiquidValidator.js";
+import { ToasterTypeOptions as P } from "../../../enums/toaster.js";
+import { useEditorStore as U } from "../../../stores/editor.js";
+import { useTemplateStore as j } from "../../../stores/template.js";
+import { getTooltipOptions as J } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as K } from "@useinsider/design-system-vue";
+import { storeToRefs as N } from "pinia";
+import Q from "./MigrationConfirmModal.vue.js";
+const yo = /* @__PURE__ */ q({
   __name: "EditorActions",
-  setup(N, { expose: x }) {
-    const { config: a, isFeatureEnabled: l } = b(), { exportHtml: m } = k(), { save: u } = F(), { openVersionHistory: c, closeVersionHistory: p } = R(), { getCompiledEmail: f } = q(), { compileHtml: d } = D(), { validateLiquidSyntax: v } = z(), e = I(), y = P(), { hasMigrations: g } = J(y), s = L(), i = n(!1), r = n(!1), S = n(), H = B(), T = () => {
+  setup(W, { expose: w }) {
+    const { config: n, isFeatureEnabled: l } = b(), { exportHtml: m } = k(), { save: c } = I(), { openVersionHistory: u, closeVersionHistory: p } = z(), { getCompiledEmail: f } = D(), { compileHtml: d } = F(), { validateLiquidSyntax: v } = G(), { showToaster: y } = L(), e = U(), g = j(), { hasMigrations: S } = N(g), r = R(), s = a(!1), i = a(!1), H = a(), T = B(), x = () => {
       if (e.isVersionHistoryOpen) {
         p();
         return;
       }
-      c();
-    }, w = async () => {
-      i.value = !0, await m(), i.value = !1;
-    }, _ = () => {
+      u();
+    }, _ = async () => {
+      s.value = !0, await m(), s.value = !1;
+    }, A = () => {
       e.isSaveAsTemplateDrawerOpen = !0;
-    }, C = h(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), A = h(
+    }, C = h(() => e.isVersionHistoryOpen ? r("newsletter.close-version-history") : r("newsletter.version-history")), O = h(
       () => {
-        var t, o;
-        return ((o = (t = a.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+        var o, t;
+        return ((t = (o = n.value) == null ? void 0 : o.features) == null ? void 0 : t.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), V = async (t) => {
-      r.value = !0, t || (e.loadingStatus = !0);
-      const o = await u(t);
-      return r.value = !1, !t && !o && (e.loadingStatus = !1), o;
-    }, E = (t) => {
-      var o;
-      if (!t && g.value) {
-        (o = S.value) == null || o.open();
+    ), V = async (o) => {
+      i.value = !0, o || (e.loadingStatus = !0);
+      try {
+        const t = await c(o);
+        return !o && !t && (e.loadingStatus = !1), t;
+      } catch (t) {
+        console.error("[GUIDO_SAVE] save failed", t), o || (y({ type: P.Error, message: r("products.error-occurred") }), e.loadingStatus = !1);
         return;
+      } finally {
+        i.value = !1;
       }
-      return V(t);
+    }, E = (o) => {
+      var t;
+      if (!o && S.value) {
+        (t = H.value) == null || t.open();
+        return;
+      }
+      return V(o);
     }, M = async () => {
       if (l("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: t } = await f({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = d(t);
-          if (!await v(o))
+          const { html: o } = await f({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: t } = d(o);
+          if (!await v(t))
             return;
         } finally {
           e.loadingStatus = !1;
         }
       }
-      H();
+      T();
     };
-    return x({
+    return w({
       handleSave: E
-    }), { __sfc: !0, config: a, isFeatureEnabled: l, exportHtml: m, save: u, openVersionHistory: c, closeVersionHistory: p, getCompiledEmail: f, compileHtml: d, validateLiquidSyntax: v, editorStore: e, templateStore: y, hasMigrations: g, trans: s, isExporting: i, isSaving: r, migrationModalRef: S, testEmailClick: H, handleVersionHistory: T, handleExport: w, handleSaveAs: _, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: A, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: j, InButtonV2: G, MigrationConfirmModal: K };
+    }), { __sfc: !0, config: n, isFeatureEnabled: l, exportHtml: m, save: c, openVersionHistory: u, closeVersionHistory: p, getCompiledEmail: f, compileHtml: d, validateLiquidSyntax: v, showToaster: y, editorStore: e, templateStore: g, hasMigrations: S, trans: r, isExporting: s, isSaving: i, migrationModalRef: H, testEmailClick: T, handleVersionHistory: x, handleExport: _, handleSaveAs: A, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: O, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: J, InButtonV2: K, MigrationConfirmModal: Q };
   }
 });
 export {
-  ut as default
+  yo as default
 };

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

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

package/dist/{src/composables → composables}/useHttp.d.ts

@@ -17,6 +17,12 @@ export interface HttpError {
     statusText?: string;
     response?: Response;
 }
+export declare const TIMEOUT_ERROR_NAME = "TimeoutError";
+export interface TimeoutErrorContext {
+    url: string;
+    method: HttpMethod;
+    timeout: number;
+}
 export declare const useHttp: (defaultOptions?: HttpOptions) => {
     loading: import("vue").ComputedRef<boolean>;
     error: import("vue").ComputedRef<{

package/dist/composables/useHttp.js

@@ -1,86 +1,119 @@
-import { getCsrfToken as H } from "../utils/genericUtil.js";
-import { ref as p, computed as T } from "vue";
-const k = (b = {}) => {
-  const h = p(!1), a = p(null), u = p(null), g = T(() => h.value), y = T(() => a.value !== null), v = {
+import { getCsrfToken as k } from "../utils/genericUtil.js";
+import { ref as w, computed as C } from "vue";
+const F = "TimeoutError", I = ($ = {}) => {
+  const T = w(!1), i = w(null), E = w(null), P = C(() => T.value), x = C(() => i.value !== null), A = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": H()
+      "X-CSRF-TOKEN": k()
     },
-    ...b
-  }, w = (e, s) => {
+    ...$
+  }, L = (e, t) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = s || v.baseURL || "";
-    return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((s, t) => {
-    setTimeout(() => {
-      t(new Error("Request timeout"));
-    }, e);
-  }), x = (e) => new Promise((s) => {
-    setTimeout(s, e);
-  }), i = async (e, s, t, D = {}) => {
-    a.value = null, h.value = !0, u.value = new AbortController();
-    const n = { ...v, ...D }, L = w(s, n.baseURL), c = {
+    const r = t || A.baseURL || "";
+    return r.endsWith("/") && e.startsWith("/") ? `${r}${e.slice(1)}` : r.endsWith("/") || e.startsWith("/") ? `${r}${e}` : `${r}/${e}`;
+  }, O = (e, t, r, d) => {
+    let o;
+    return { promise: new Promise((m, a) => {
+      o = setTimeout(() => {
+        const l = new Error(
+          `Request timeout after ${e}ms: ${t} ${r.split("?")[0]}`
+        );
+        l.name = F, l.url = r, l.method = t, l.timeout = e, a(l), d.abort(l);
+      }, e);
+    }), clear: () => clearTimeout(o) };
+  }, b = (e) => {
+    if (e instanceof Error)
+      return e;
+    const t = new Error(typeof e == "string" ? e : "Request was cancelled");
+    return t.name = "AbortError", t;
+  }, U = (e, t) => {
+    let r;
+    return new Promise((d, o) => {
+      if (t.aborted) {
+        o(b(t.reason));
+        return;
+      }
+      const c = () => {
+        clearTimeout(r), o(b(t.reason));
+      };
+      r = setTimeout(() => {
+        t.removeEventListener("abort", c), d();
+      }, e), t.addEventListener("abort", c, { once: !0 });
+    });
+  }, u = async (e, t, r, d = {}) => {
+    i.value = null, T.value = !0;
+    const o = { ...A, ...d }, c = L(t, o.baseURL), m = {
       method: e,
-      headers: { ...n.headers },
-      signal: u.value.signal,
-      ...n
+      headers: { ...o.headers },
+      ...o
     };
-    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
-    const E = async (m = 0) => {
+    r && ["POST", "PUT", "PATCH"].includes(e) && (r instanceof FormData ? (delete m.headers["Content-Type"], m.body = r) : m.body = JSON.stringify(r));
+    const a = new AbortController();
+    E.value = a;
+    const l = async (v = 0) => {
+      const h = new AbortController(), g = () => h.abort(a.signal.reason);
+      a.signal.aborted ? g() : a.signal.addEventListener("abort", g, { once: !0 });
+      const R = { ...m, signal: h.signal }, y = o.timeout ? O(o.timeout, e, c, h) : null;
       try {
-        const o = [fetch(L, c)];
-        n.timeout && o.push(P(n.timeout));
-        const r = await Promise.race(o);
-        if (!r.ok) {
-          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
-          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
+        const s = await (y ? Promise.race([fetch(c, R), y.promise]).finally(y.clear) : fetch(c, R));
+        if (!s.ok) {
+          const j = `HTTP Error: ${s.status} ${s.statusText}`, p = new Error(j);
+          throw p.status = s.status, p.statusText = s.statusText, p.response = s, p;
         }
         let f;
-        const l = r.headers.get("content-type");
-        return l != null && l.includes("application/json") ? f = await r.json() : l != null && l.includes("text/") ? f = await r.text() : f = await r.blob(), {
+        const n = s.headers.get("content-type");
+        return n != null && n.includes("application/json") ? f = await s.json() : n != null && n.includes("text/") ? f = await s.text() : f = await s.blob(), {
           data: f,
-          status: r.status,
-          statusText: r.statusText,
-          headers: r.headers
+          status: s.status,
+          statusText: s.statusText,
+          headers: s.headers
         };
-      } catch (o) {
-        const r = o instanceof Error && o.name === "AbortError";
-        if (m < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(m + 1);
-        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
+      } catch (s) {
+        const f = s instanceof Error && s.name === "AbortError";
+        let n = s;
+        if (v < (o.retry || 0) && !f) {
+          if (await U(o.retryDelay || 1e3, a.signal).catch(() => {
+          }), !a.signal.aborted)
+            return await l(v + 1);
+          n = b(a.signal.reason);
+        }
+        throw n instanceof Error ? n.name === "AbortError" ? i.value = { message: "Request was cancelled" } : i.value = { message: n.message } : i.value = n, n;
+      } finally {
+        a.signal.removeEventListener("abort", g);
       }
     };
     try {
-      return await E();
+      return await l();
     } finally {
-      h.value = !1, u.value = null;
+      T.value = !1, E.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), $ = (e, s, t) => i("POST", e, s, t), R = (e, s, t) => i("PUT", e, s, t), U = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
-    u.value && u.value.abort(e);
-  }, q = () => {
-    a.value = null;
+  }, H = (e, t) => u("GET", e, void 0, t), W = (e, t, r) => u("POST", e, t, r), q = (e, t, r) => u("PUT", e, t, r), D = (e, t, r) => u("PATCH", e, t, r), S = (e, t) => u("DELETE", e, void 0, t), N = (e) => {
+    E.value && E.value.abort(b(e));
+  }, _ = () => {
+    i.value = null;
   };
   return {
     // State
-    loading: g,
-    error: T(() => a.value),
-    hasError: y,
+    loading: P,
+    error: C(() => i.value),
+    hasError: x,
     // Methods
-    request: i,
-    get: C,
-    post: $,
-    put: R,
-    patch: U,
-    delete: A,
-    cancel: W,
-    clearError: q
+    request: u,
+    get: H,
+    post: W,
+    put: q,
+    patch: D,
+    delete: S,
+    cancel: N,
+    clearError: _
   };
 };
 export {
-  k as useHttp
+  F as TIMEOUT_ERROR_NAME,
+  I as useHttp
 };

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

@@ -1,12 +1,12 @@
-import { BlockId as g } from "../../../enums/block.js";
-import { useOnboardingStore as y } from "../../../stores/onboarding.js";
-import { getMigrationBannerHtml as I } from "../../../utils/migrationBannerHtml.js";
-import { Block as C, BlockCompositionType as b, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { SETTINGS_ENUMS as l, DefaultConfigValues as d } from "./enums/settingsEnums.js";
-import { getDefaultTemplate as h } from "./template.js";
-import { getItemsBlockContainer as u, getItemsBlockConfig as f, deriveItemNumber as D, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
-const p = g.Items;
-class E extends C {
+import { BlockId as f } from "../../../enums/block.js";
+import { useOnboardingStore as g } from "../../../stores/onboarding.js";
+import { getMigrationBannerHtml as y } from "../../../utils/migrationBannerHtml.js";
+import { Block as I, BlockCompositionType as C, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { SETTINGS_ENUMS as d, DefaultConfigValues as m } from "./enums/settingsEnums.js";
+import { getDefaultTemplate as b } from "./template.js";
+import { getItemsBlockContainer as l, getItemsBlockConfig as u, deriveItemNumber as h, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
+const p = f.Items;
+class O extends I {
   getId() {
     return p;
   }
@@ -14,7 +14,7 @@ class E extends C {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return b.CONTAINER;
+    return C.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,20 +23,20 @@ class E extends C {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return I(
+    return y(
       p,
       this.api.translate("Items"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.")
     );
   }
   getTemplate() {
-    return h({
-      orientation: l.ORIENTATION.VERTICAL,
-      itemsType: l.ITEMS_TYPE.CART_ITEMS,
+    return b({
+      orientation: d.ORIENTATION.VERTICAL,
+      itemsType: d.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: d.productPriceCurrencySymbolControlValue,
-      currencyLocation: d.productPriceCurrencyLocationControlValue,
-      formattedPrice: d.productPriceFormattedControlValue === "1"
+      currencySymbol: m.productPriceCurrencySymbolControlValue,
+      currencyLocation: m.productPriceCurrencyLocationControlValue,
+      formattedPrice: m.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
@@ -45,23 +45,23 @@ class E extends C {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(n) {
-    const t = this.api.getDocumentModifier(), a = this.api.getDocumentRootCssNode();
-    a.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(a).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const e = u(n);
-    if (!e)
+  onCreated(e) {
+    const t = this.api.getDocumentModifier(), o = this.api.getDocumentRootCssNode();
+    o.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(o).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const i = l(e);
+    if (!i)
       return;
-    const o = e.getNodeConfig(), r = o && Object.keys(o).length > 0, i = f(n);
-    if (i != null && i.initialized)
-      if (r)
-        i.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...i, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
+    const r = i.getNodeConfig(), s = r && Object.keys(r).length > 0, n = u(e);
+    if (n != null && n.initialized)
+      if (s)
+        n.blockInstanceId || this.api.getDocumentModifier().modifyHtml(i).setNodeConfig({ ...n, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
       else {
-        const s = this.api.getDocumentModifier();
-        s.modifyHtml(e).setNodeConfig(i), this._stampProductTdDomAttributes(e, i, s), s.apply(new c("Migrate legacy config to nodeConfig"));
+        const a = this.api.getDocumentModifier();
+        a.modifyHtml(i).setNodeConfig(n), this._stampProductTdDomAttributes(i, n, a), a.apply(new c("Migrate legacy config to nodeConfig"));
       }
     else {
-      const s = N(), m = this.api.getDocumentModifier();
-      m.modifyHtml(e).setNodeConfig(s), this._stampProductTdDomAttributes(e, s, m, !0), m.apply(new c("Initialize Items block with default configuration")), y().startOnboarding("itemsOnboarding");
+      const a = N();
+      this.api.getDocumentModifier().modifyHtml(i).setNodeConfig(a).apply(new c("Initialize Items block with default configuration")), g().startOnboarding("itemsOnboarding");
     }
   }
   /**
@@ -70,18 +70,18 @@ class E extends C {
    * into nodeConfig, so without this a reused module would reset to defaults.
    * Guarded to the nodeConfig-empty case so it runs once and never loops.
    */
-  onDocumentChanged(n) {
-    const t = u(n);
+  onDocumentChanged(e) {
+    const t = l(e);
     if (!t)
       return;
-    const a = t.getNodeConfig();
-    if (a && Object.keys(a).length > 0)
+    const o = t.getNodeConfig();
+    if (o && Object.keys(o).length > 0)
       return;
-    const o = f(n);
-    if (!(o != null && o.initialized))
+    const r = u(e);
+    if (!(r != null && r.initialized))
       return;
-    const r = this.api.getDocumentModifier();
-    r.modifyHtml(t).setNodeConfig(o), this._stampProductTdDomAttributes(t, o, r), r.apply(new c("Recover Items block config from saved module"));
+    const s = this.api.getDocumentModifier();
+    s.modifyHtml(t).setNodeConfig(r), this._stampProductTdDomAttributes(t, r, s), s.apply(new c("Recover Items block config from saved module"));
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -91,14 +91,12 @@ class E extends C {
    * restored before export. The name `<a>` carries no data-type/data-number of its own and
    * relies on this td-level fallback in pairProductVariables.
    */
-  _stampProductTdDomAttributes(n, t, a, e = !1) {
-    const o = D(t.itemsSelectValue, t.type), r = (i, s) => {
-      e && n.getAttribute(i) || a.modifyHtml(n).setAttribute(i, s);
-    };
-    r("data-type", t.type), r("data-number", o), r("data-nodup", String(t.priceHideDiscount));
+  _stampProductTdDomAttributes(e, t, o) {
+    const i = h(t.itemsSelectValue, t.type);
+    o.modifyHtml(e).setAttribute("data-type", t.type), o.modifyHtml(e).setAttribute("data-number", i), o.modifyHtml(e).setAttribute("data-nodup", String(t.priceHideDiscount));
   }
 }
 export {
   p as BLOCK_ID,
-  E as ItemsBlock
+  O as ItemsBlock
 };