@useinsider/guido 3.7.0-beta.2037cb1 → 3.7.0-beta.24bdfa3

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

@@ -1,5 +1,5 @@
 import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
-import { object as o, number as n, optional as e, string as t, picklist as l, pipe as p, minLength as b, custom as h, boolean as a, array as c, record as k, literal as i, looseObject as y, variant as g, union as f, unknown as s } from "../../node_modules/valibot/dist/index.js";
+import { object as a, number as s, optional as e, string as t, picklist as l, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, literal as i, looseObject as y, variant as g, union as f, unknown as n } from "../../node_modules/valibot/dist/index.js";
 const d = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -12,7 +12,7 @@ const d = {
   ARCHITECT: 49,
   /** Unsubscribe page builder */
   UNSUBSCRIBE_PAGES: 97
-}, R = o({
+}, R = a({
   /** Unique identifier for the template being edited */
   templateId: p(
     t(),
@@ -25,12 +25,12 @@ const d = {
   ),
   /** Optional variation ID for A/B testing */
   variationId: e(t())
-}), C = o({
+}), T = a({
   /** Fallback font name (e.g., "Georgia") */
   name: t(),
   /** Fallback font family (e.g., "serif" or "sans-serif") */
   family: t()
-}), T = o({
+}), C = a({
   /** Partner/organization name (required) */
   name: p(
     t(),
@@ -53,8 +53,8 @@ const d = {
   /** Display name for the current user */
   username: e(t(), "Guido User"),
   /** Fallback font settings from partner settings — used to match backend size calculation */
-  fallbackFont: e(C)
-}), A = o({
+  fallbackFont: e(T)
+}), A = a({
   /** Display text for the dynamic content */
   text: t(),
   /** Template variable value (e.g., {{username}}) */
@@ -63,53 +63,57 @@ const d = {
   fallback: e(t()),
   /** Optional formatting options */
   format: e(
-    o({
+    a({
       key: t(),
       value: t()
     })
   )
 }), I = y({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
-  id: e(n()),
+  id: e(s()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(f([t(), n()])),
+  decimalCount: e(f([t(), s()])),
   /** Pinned product IDs (empty array when filter-driven) */
-  productIds: e(c(s())),
+  productIds: e(c(n())),
   /** Whether the block requested live products at send time */
-  sendProductRequestFlag: e(a()),
+  sendProductRequestFlag: e(o()),
   /** Whether to randomize product order */
-  shuffleProducts: e(a()),
+  shuffleProducts: e(o()),
   /** Filter rules driving product selection */
-  filters: e(c(s())),
+  filters: e(c(n())),
   /** Currency code (e.g. 'EUR') — sometimes absent in legacy data */
   currency: e(t()),
   /** Currency display settings (separators, alignment, decimals) */
-  currencySettings: e(s()),
+  currencySettings: e(n()),
   /** Locale (e.g. 'nl_NL') */
   language: e(t()),
   /** Recommendation strategy key (e.g. 'newArrivals') */
   strategy: e(t()),
   /** Snapshot of products as rendered by the legacy block */
-  recommendedProducts: e(c(s())),
+  recommendedProducts: e(c(n())),
   /** Number of product cards per row */
-  cardsInRow: e(n()),
+  cardsInRow: e(s()),
   /** Mobile-only padding (right) */
-  mobileRightPadding: e(n()),
+  mobileRightPadding: e(s()),
   /** Mobile-only padding (left) */
-  mobileLeftPadding: e(n()),
+  mobileLeftPadding: e(s()),
   /** Disable responsive scaling */
-  unresponsive: e(a()),
+  unresponsive: e(o()),
   /** Layout orientation ('vertical' | 'horizontal') */
   orientation: e(t()),
   /** Whether long text is trimmed */
-  textTrimming: e(a()),
+  textTrimming: e(o()),
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(f([t(), n()])),
+  size: e(f([t(), s()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
-  verticalResponsiveness: e(a())
-}), E = o({
+  verticalResponsiveness: e(o()),
+  /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
+  isPriceMovedToNextLine: e(o()),
+  /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
+  isPriceDeletedForZeroSale: e(o())
+}), L = a({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -120,7 +124,7 @@ const d = {
     k(t(), I),
     {}
   )
-}), L = o({
+}), P = a({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
@@ -133,53 +137,53 @@ const d = {
   /** Valid custom field attribute names from the partner's categorized fields */
   customFieldAttributes: e(c(t()), []),
   /** Selected unsubscribe page IDs */
-  selectedUnsubscribePages: e(c(n()), []),
+  selectedUnsubscribePages: e(c(s()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
-  forceRecreate: e(a(), !1),
+  forceRecreate: e(o(), !1),
   /** Migration-only inputs (legacy block configs) */
-  migration: e(E, {})
-}), O = o({
+  migration: e(L, {})
+}), v = a({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
   subject: e(t(), "")
-}), v = o({
+}), E = a({
   /** Locale for the editor UI */
   locale: e(t(), "en"),
   /** Path to translations object */
   translationsPath: e(t(), "window.trans[Object.keys(window.trans)[0]]"),
   /** Migration date for template compatibility */
-  migrationDate: e(n(), 1759696858),
+  migrationDate: e(s(), 1759696858),
   /** Email header settings */
-  emailHeader: e(O, { senderName: "", subject: "" }),
+  emailHeader: e(v, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
   savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
   defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
-}), M = o({
+}), M = a({
   /** Whether to show the header bar */
-  showHeader: e(a(), !0),
+  showHeader: e(o(), !0),
   /** Custom label for back button (if shown) */
   backButtonLabel: e(t())
-}), P = o({
+}), O = a({
   /** Enable dynamic content insertion */
-  dynamicContent: e(a(), !0),
+  dynamicContent: e(o(), !0),
   /** Enable save as template functionality */
-  saveAsTemplate: e(a(), !0),
+  saveAsTemplate: e(o(), !0),
   /** Enable version history */
-  versionHistory: e(a(), !0),
+  versionHistory: e(o(), !0),
   /** Enable test message sending */
-  testMessage: e(a(), !0),
+  testMessage: e(o(), !0),
   /** Enable display conditions */
-  displayConditions: e(a(), !0),
+  displayConditions: e(o(), !0),
   /** Enable unsubscribe block */
-  unsubscribe: e(a(), !0),
+  unsubscribe: e(o(), !0),
   /** Disable modules panel in the editor */
-  modulesDisabled: e(a(), !1),
+  modulesDisabled: e(o(), !1),
   /** Enable Liquid template syntax */
-  liquidSyntax: e(a(), !1),
+  liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
-  autosave: e(a(), !1)
+  autosave: e(o(), !1)
 }), N = l([
   "amp-accordion",
   "amp-carousel",
@@ -202,7 +206,7 @@ const d = {
   "unsubscribe-block",
   "coupon-block",
   "items-block"
-]), x = o({
+]), x = a({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
     c(N),
@@ -213,14 +217,14 @@ const d = {
     c(D),
     []
   )
-}), m = o({
+}), m = a({
   /** Unique identifier for the rule */
   id: t(),
   /** Human-readable description */
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
-  priority: n()
-}), F = o({
+  priority: s()
+}), F = a({
   ...m.entries,
   type: i("replace"),
   /** String to search for */
@@ -228,8 +232,8 @@ const d = {
   /** Replacement string */
   replacement: t(),
   /** Replace all occurrences (default: false) */
-  replaceAll: e(a())
-}), U = o({
+  replaceAll: e(o())
+}), U = a({
   ...m.entries,
   type: i("regex"),
   /** Regex pattern string */
@@ -238,12 +242,12 @@ const d = {
   replacement: t(),
   /** Regex flags (e.g., 'gi') */
   flags: e(t())
-}), B = o({
+}), B = a({
   ...m.entries,
   type: i("remove"),
   /** Strings or patterns to remove */
   targets: c(t())
-}), w = o({
+}), w = a({
   ...m.entries,
   type: i("custom"),
   /** Custom processor function */
@@ -256,12 +260,12 @@ const d = {
   U,
   B,
   w
-]), j = o({
+]), j = a({
   /** Custom compiler rules to apply */
   customRules: e(c(H), []),
   /** Skip default compiler rules */
-  ignoreDefaultRules: e(a(), !1)
-}), q = o({
+  ignoreDefaultRules: e(o(), !1)
+}), q = a({
   /**
    * External validation handler called before save completes.
    * Return false to cancel the save operation.
@@ -272,21 +276,21 @@ const d = {
       "externalValidation must be a function"
     )
   )
-}), V = o({
+}), V = a({
   // Required sections
   /** Identity configuration (required) */
   identity: R,
   /** Partner configuration (required) */
-  partner: T,
+  partner: C,
   // Optional sections (with defaults)
   /** Template content and presets */
-  template: e(L, {}),
+  template: e(P, {}),
   /** Editor settings */
-  editor: e(v, {}),
+  editor: e(E, {}),
   /** UI configuration */
   ui: e(M, {}),
   /** Feature toggles */
-  features: e(P, {}),
+  features: e(O, {}),
   /** Block configuration */
   blocks: e(x, {}),
   /** Compiler configuration */
@@ -303,20 +307,20 @@ export {
   w as CustomRuleSchema,
   N as DefaultBlockTypeSchema,
   A as DynamicContentSchema,
-  v as EditorSchema,
-  O as EmailHeaderSchema,
-  C as FallbackFontSchema,
-  P as FeaturesSchema,
+  E as EditorSchema,
+  v as EmailHeaderSchema,
+  T as FallbackFontSchema,
+  O as FeaturesSchema,
   V as GuidoConfigSchema,
   R as IdentitySchema,
   I as LegacyRecommendationConfigSchema,
   d as MessageType,
-  T as PartnerSchema,
+  C as PartnerSchema,
   r as ProductType,
   U as RegexRuleSchema,
   B as RemoveRuleSchema,
   F as ReplaceRuleSchema,
-  E as TemplateMigrationSchema,
-  L as TemplateSchema,
+  L as TemplateMigrationSchema,
+  P as TemplateSchema,
   M as UISchema
 };

package/dist/composables/usePreviewMode.js

@@ -1,28 +1,29 @@
-import { useEditorStore as d } from "../stores/editor.js";
-import { usePreviewStore as n } from "../stores/preview.js";
-import { useActionsApi as p } from "./useActionsApi.js";
-import { useCodeEditorApi as c } from "./useCodeEditorApi.js";
-import { useHtmlCompiler as u } from "./useHtmlCompiler.js";
-const g = () => {
-  const t = d(), e = n(), { closeCodeEditor: i } = c(), { getPreviewData: a, getCompiledEmail: s } = p(), { compileHtml: m } = u(), r = () => {
+import { useEditorStore as n } from "../stores/editor.js";
+import { usePreviewStore as p } from "../stores/preview.js";
+import { useActionsApi as c } from "./useActionsApi.js";
+import { useCodeEditorApi as u } from "./useCodeEditorApi.js";
+import { useHtmlCompiler as v } from "./useHtmlCompiler.js";
+import { useRecommendationPreview as w } from "./useRecommendationPreview.js";
+const C = () => {
+  const t = n(), e = p(), { closeCodeEditor: a } = u(), { getPreviewData: m, getCompiledEmail: s } = c(), { compileHtml: l } = v(), { substituteRecommendationPreview: r } = w(), i = () => {
     t.isPreviewModeOpen = !1, e.$reset();
   };
   return {
-    closePreviewMode: r,
+    closePreviewMode: i,
     openPreviewMode: () => {
-      t.isCodeEditorOpen && i(), t.isPreviewModeOpen = !0;
+      t.isCodeEditorOpen && a(), t.isPreviewModeOpen = !0;
     },
     loadPreviewData: async () => {
       if (!(t.loadingStatus || e.isLoaded)) {
         t.loadingStatus = !0;
         try {
-          const [o, l] = await Promise.all([
-            a(),
+          const [o, d] = await Promise.all([
+            m(),
             s({ minimize: !0, resetDataSavedFlag: !1 })
           ]);
-          e.templateHtml = o.html || "", e.ampHtml = o.ampHtml || "", e.ampErrors = o.ampErrors || [], e.setEmailFormat(o.ampHtml ? "AMP" : "html"), e.emailSizeKB = m(l.html).estimatedSizeKB, e.isLoaded = !0;
+          e.templateHtml = r(o.html || ""), e.ampHtml = r(o.ampHtml || ""), e.ampErrors = o.ampErrors || [], e.setEmailFormat(o.ampHtml ? "AMP" : "html"), e.emailSizeKB = l(d.html).estimatedSizeKB, e.isLoaded = !0;
         } catch (o) {
-          console.error("Failed to load preview data:", o), r();
+          console.error("Failed to load preview data:", o), i();
         } finally {
           t.loadingStatus = !1;
         }
@@ -31,5 +32,5 @@ const g = () => {
   };
 };
 export {
-  g as usePreviewMode
+  C as usePreviewMode
 };

package/dist/composables/useRecommendationPreview.js

@@ -0,0 +1,100 @@
+import { BLOCK_ROOT_SELECTOR as S, CURRENCY_ATTR as d, CONTAINER_SELECTOR as f } from "../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useRecommendationExtensionStore as O } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { formatPrice as g } from "../extensions/Blocks/Recommendation/utils/priceFormatter.js";
+const p = `${S}[recommendation-id]`, R = ".product-old-price", C = /\{\{(?:reco_)?(\d+_\d+_[a-zA-Z0-9_.]+)\}\}/g, h = new RegExp(
+  "\\{%\\s*if\\s+([\\s\\S]+?)\\s*%\\}([\\s\\S]*?)(?:\\{%\\s*else\\s*%\\}([\\s\\S]*?))?\\{%\\s*endif\\s*%\\}",
+  "g"
+);
+function T(e) {
+  const t = e.getAttribute(d.CURRENCY) || "USD", i = e.getAttribute(d.DECIMAL_SEPARATOR) || ".", s = e.getAttribute(d.THOUSAND_SEPARATOR) || ",";
+  return {
+    code: t,
+    symbol: e.getAttribute(d.SYMBOL) || t,
+    alignment: e.getAttribute(d.ALIGNMENT) === "0" ? "before" : "after",
+    decimalCount: parseInt(e.getAttribute(d.DECIMAL_COUNT) || "2") || 2,
+    decimalSeparator: i,
+    thousandSeparator: s
+  };
+}
+function _(e, t) {
+  return (e == null ? void 0 : e[t]) ?? Object.values(e ?? {})[0] ?? 0;
+}
+function b(e, t) {
+  const i = _(e.original_price, t), s = _(e.price, t), n = i > 0 ? Math.round((i - s) / i * 100) : 0;
+  return n > 0 ? `${n}%` : "0%";
+}
+function N(e, t, i, s, n, a) {
+  s.forEach((o, c) => {
+    const r = (m) => `${i}_${c}_${m}`, u = g({ price: _(o.price, n.code), currency: n }), l = g({ price: _(o.original_price, n.code), currency: n }), A = b(o, n.code);
+    e.set(r("name"), o.name ?? ""), e.set(r("image_url"), o.image_url ?? ""), e.set(r("url"), o.url ?? ""), e.set(r("item_id"), o.item_id ?? ""), e.set(r("currency"), ""), e.set(r("price"), u), e.set(r("original_price"), l), e.set(r("discount"), A), e.set(r("omnibus_price"), l), e.set(r("omnibus_discount"), A), a && u === l && t.add(`${i}_${c}`), Object.entries(o.product_attributes ?? {}).forEach(([m, E]) => {
+      e.set(r(`product_attribute.${m}`), String(E)), e.set(r(m), String(E));
+    });
+  });
+}
+function L(e, t) {
+  const i = e.match(/^(.+?)\s*(!=|==)\s*"([^"]*)"$/);
+  if (!i)
+    return !0;
+  const [, s, n, a] = i, o = t.get(s.trim()) ?? "";
+  return n === "!=" ? o !== a : o === a;
+}
+function P(e, t) {
+  return e.replace(
+    h,
+    (i, s, n, a) => s.split(/\s+and\s+/).every((c) => L(c.trim(), t)) ? n : a ?? ""
+  );
+}
+function $(e) {
+  let t = e;
+  for (; t.children.length === 1; )
+    [t] = t.children;
+  return t;
+}
+function D(e, t) {
+  var o;
+  if (!t.size)
+    return e;
+  const i = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), s = new DOMParser().parseFromString(i, "text/html");
+  s.querySelectorAll(p).forEach((c) => {
+    const r = Number(c.getAttribute("recommendation-id"));
+    if (!Number.isFinite(r))
+      return;
+    const u = c.querySelectorAll(f);
+    (u.length ? Array.from(u) : [c]).forEach((A) => {
+      A.querySelectorAll(R).forEach((m, E) => {
+        t.has(`${r}_${E}`) && ($(m).textContent = "");
+      });
+    });
+  });
+  const n = (o = e.match(/<!DOCTYPE[^>]*>/i)) == null ? void 0 : o[0];
+  return ((n ? `${n}
+` : "") + s.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+}
+function I(e) {
+  if (!e || !e.includes("recommendation-block-v2"))
+    return e;
+  const t = O(), i = new DOMParser().parseFromString(e, "text/html"), s = Array.from(i.querySelectorAll(p)), n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+  if (s.forEach((c) => {
+    var l;
+    const r = Number(c.getAttribute("recommendation-id"));
+    if (!Number.isFinite(r))
+      return;
+    const u = ((l = t.blockStates[r]) == null ? void 0 : l.recommendationProducts) ?? [];
+    u.length && N(
+      n,
+      a,
+      r,
+      u,
+      T(c),
+      c.getAttribute("hide-price") === "true"
+    );
+  }), !n.size)
+    return e;
+  let o = D(e, a);
+  return o = o.replace(C, (c, r) => n.has(r) ? n.get(r) : c), o = P(o, n), o;
+}
+const x = () => ({ substituteRecommendationPreview: I });
+export {
+  I as substituteRecommendationPreview,
+  x as useRecommendationPreview
+};

package/dist/composables/useStripo.js

@@ -1,42 +1,42 @@
 import { useActionsApi as D } from "./useActionsApi.js";
-import { useBlocksConfig as P } from "./useBlocksConfig.js";
-import { useConfig as I } from "./useConfig.js";
+import { useBlocksConfig as I } from "./useBlocksConfig.js";
+import { useConfig as P } from "./useConfig.js";
 import { useCustomInterfaceAppearance as U } from "./useCustomInterfaceAppearance.js";
 import { useFullStoryBridge as R } from "./useFullStoryBridge.js";
 import { useStripoEventHandler as q } from "./useStripoEventHandler.js";
 import { useToaster as x } from "./useToaster.js";
 import { localePatch as H } from "../config/i18n/index.js";
 import { useStripoApi as O } from "../services/stripoApi.js";
-import z from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as h } from "../stores/editor.js";
-import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
-import $ from "../package.json.js";
-const se = (E, c) => {
-  const { features: u, template: C, isFeatureEnabled: m } = I(), { handleError: l } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: F } = O(), { handleEvent: k } = q(), { getStripoBlocksConfig: v } = P(), B = async (s, r = [], o = !1) => {
+import j from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as E } from "../stores/editor.js";
+import { dynamicContentToMergeTags as z } from "../utils/genericUtil.js";
+import L from "../package.json.js";
+const se = (C, l) => {
+  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = O(), { handleEvent: F } = q(), { getStripoBlocksConfig: B } = I(), T = async (i, r = [], s = !1) => {
     var g, S, y;
-    const e = h(), { html: p, css: a } = s, { baseBlocks: i, extensions: d } = await v(), f = ((g = u.value) == null ? void 0 : g.displayConditions) ?? !0, V = ((S = u.value) == null ? void 0 : S.modulesDisabled) ?? !1, _ = ((y = C.value) == null ? void 0 : y.forceRecreate) ?? !1;
+    const e = E(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await B(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, _ = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: E,
+        metadata: C,
         html: p,
         css: a,
-        forceRecreate: _,
+        forceRecreate: v,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !m("liquidSyntax"),
+        customAppearanceMergetags: !u("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: z,
+        customViewStyles: j,
         conditionsEnabled: f,
         customConditionsEnabled: f,
         enableXSSSecurity: !0,
-        modulesDisabled: V,
-        syncModulesEnabled: o,
+        modulesDisabled: _,
+        syncModulesEnabled: s,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -45,7 +45,7 @@ const se = (E, c) => {
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
-        ...i ? { baseBlocks: i } : {},
+        ...o ? { baseBlocks: o } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
@@ -53,9 +53,9 @@ const se = (E, c) => {
         },
         mergeTags: [
           {
-            entries: L(
-              c.preselectedDynamicContentList,
-              m("liquidSyntax")
+            entries: z(
+              l.preselectedDynamicContentList,
+              u("liquidSyntax")
             )
           }
         ],
@@ -64,17 +64,17 @@ const se = (E, c) => {
             const n = await w();
             t(n);
           } catch (n) {
-            l(n, "Failed to refresh token");
+            m(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
             const { importCss: t } = U(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: M } = D(), { injectFullStory: A } = R();
-            t(), n(), A(), M(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            t(), n(), A(), M(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
-            l(t, "Failed to load custom interface appearance");
+            m(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
@@ -89,7 +89,7 @@ const se = (E, c) => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: k,
+        onEvent: F,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
@@ -99,32 +99,27 @@ const se = (E, c) => {
         localePatch: H
       }
     );
-  }, T = (s) => new Promise((r, o) => {
+  }, V = (i) => new Promise((r, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      Promise.resolve(s()).then(r, o);
+      i(), r();
       return;
     }
-    const e = $.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, i = document.createElement("script");
-    i.id = "UiEditorScript", i.type = "module", i.src = a, i.onload = () => {
-      Promise.resolve(s()).then(r, o);
-    }, i.onerror = () => {
-      o(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
-    }, document.body.appendChild(i);
+    const e = L.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
+      i(), r();
+    }, o.onerror = () => {
+      s(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+    }, document.body.appendChild(o);
   });
-  return { initPlugin: async (s) => {
-    const r = h();
-    try {
-      await T(async () => {
-        const [o, e] = await Promise.all([
-          b(),
-          F()
-        ]);
-        r.syncModulesEnabled = e, await B(s, o, e);
-      });
-    } catch (o) {
-      r.loadingStatus = !1, l(o, "Failed to load the editor");
-    }
+  return { initPlugin: async (i) => {
+    await V(async () => {
+      const r = E(), [s, e] = await Promise.all([
+        b(),
+        k()
+      ]);
+      r.syncModulesEnabled = e, await T(i, s, e);
+    });
   } };
 };
 export {