@useinsider/guido 3.20.1-beta.5e7765e → 3.20.1-beta.68ebd35

package/dist/composables/useLegacyStrategyConversion.js

@@ -1,34 +1,34 @@
-import { useRecommendation as C } from "./useRecommendation.js";
+import { useRecommendation as S } from "./useRecommendation.js";
 import { useToaster as I } from "./useToaster.js";
 import { useTranslations as v } from "./useTranslations.js";
 import { ToasterTypeOptions as g } from "../enums/toaster.js";
 import "../extensions/Blocks/Recommendation/constants/selectors.js";
 import { CURRENT_CONFIG_VERSION as L } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { resolveMigrationTarget as k, buildLegacyMigrationPayload as R } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
+import { useRecommendationExtensionStore as R } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { resolveMigrationTarget as b, buildLegacyMigrationPayload as k } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
 import { commitBlockChangeOutsidePanel as T } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
 import { useConfigStore as h } from "../stores/config.js";
 const F = () => {
-  const e = b(), r = h(), { buildCampaignUrl: m } = C(), { showToaster: c } = I(), a = v();
+  const e = R(), o = h(), { buildCampaignUrl: m } = S(), { showToaster: c } = I(), a = v();
   return { convertLegacyStrategy: async () => {
     const t = e.currentRecommendationId;
     if (t === null || !e.isLegacyStrategyBlock || e.legacyConversionLoading)
       return "";
-    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = k({
-      campaignId: r.campaignId,
-      templateLibraryId: r.templateLibraryId
-    }), S = R({
+    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = b({
+      campaignId: o.campaignId,
+      templateLibraryId: o.templateLibraryId
+    }), C = k({
       blockId: t,
       url: m(String(t)),
-      campaignId: r.campaignId,
-      variationId: r.variationId,
+      campaignId: o.campaignId,
+      variationId: o.variationId,
       strategy: d,
       productIds: y,
       target: s
     });
-    let o;
+    let r;
     try {
-      o = await e.convertLegacyStrategy(S, s);
+      r = await e.convertLegacyStrategy(C, s);
     } catch (i) {
       return console.error("[useLegacyStrategyConversion] migration failed", i), c({
         type: g.Error,
@@ -40,7 +40,7 @@ const F = () => {
       }), "";
     }
     try {
-      await e.fetchStrategyProductsForBlock(t);
+      await e.fetchRecommendationProductsForBlock(t);
     } catch (i) {
       console.error("[useLegacyStrategyConversion] product refetch failed", i);
     }
@@ -48,16 +48,16 @@ const F = () => {
     return n ? T(
       t,
       {
-        strategyId: o,
+        strategyId: r,
         size: n.recommendationConfigs.size,
         configVersion: L
       },
       n.recommendationProducts,
       "Converted legacy recommendation strategy"
-    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), c({
+    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), r) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), c({
       type: g.Error,
       message: a("email-editor.legacy-strategy-update-failed")
-    }), "") : o;
+    }), "") : r;
   } };
 };
 export {

package/dist/composables/useStripo.js

@@ -31,13 +31,13 @@ const he = () => {
     n = null;
   }), n), D = async (r, s, o, a = [], i = !1) => {
     var y, E, h, C;
-    const e = k(), { html: d, css: R } = r, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    const e = k(), { html: d, css: P } = r, { baseBlocks: g, extensions: R } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
     w().importCss(), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
         html: d,
-        css: R,
+        css: P,
         forceRecreate: I,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
@@ -60,6 +60,7 @@ const he = () => {
         keepModuleStylesEnabled: !0,
         displayTitle: !1,
         displayUTM: !1,
+        copyPasteEnabled: !1,
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: q,
@@ -120,7 +121,7 @@ const he = () => {
           ".in-modal-v2-wrapper",
           ".in-toasts-wrapper"
         ],
-        extensions: P,
+        extensions: R,
         localePatch: J
       }
     );

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

@@ -1,6 +1,6 @@
 var k = Object.defineProperty;
-var S = (d, l, e) => l in d ? k(d, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[l] = e;
-var g = (d, l, e) => S(d, typeof l != "symbol" ? l + "" : l, e);
+var S = (d, l, t) => l in d ? k(d, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[l] = t;
+var g = (d, l, t) => S(d, typeof l != "symbol" ? l + "" : l, t);
 import { BlockId as D } from "../../../enums/block.js";
 import { useOnboardingStore as T } from "../../../stores/onboarding.js";
 import { getMigrationBannerHtml as N } from "../../../utils/migrationBannerHtml.js";
@@ -58,15 +58,15 @@ class $ extends H {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(e) {
-    const t = this.api.getDocumentModifier(), c = this.api.getDocumentRootCssNode();
-    c.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(c).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const r = _(e);
+  onCreated(t) {
+    const e = this.api.getDocumentModifier(), c = this.api.getDocumentRootCssNode();
+    c.querySelector('[product-attr="imageSrc"] img') || e.modifyCss(c).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const r = _(t);
     if (!r)
       return;
-    const o = r.getNodeConfig(), s = o && Object.keys(o).length > 0, i = C(e);
+    const o = r.getNodeConfig(), n = o && Object.keys(o).length > 0, i = C(t);
     if (i != null && i.initialized) {
-      if (!s) {
+      if (!n) {
         const a = this.api.getDocumentModifier();
         a.modifyHtml(r).setNodeConfig(i), this._stampProductTdDomAttributes(r, i, a), this._healCollapsedWidths(r, a), this._shouldReconcileCurrency(i) && this._reconcileCurrencyDomAttributes(r, i, a), a.apply(new u("Migrate legacy config to nodeConfig")), this._markCurrencyHealed(i.blockInstanceId);
         return;
@@ -76,9 +76,9 @@ class $ extends H {
       I.modifyHtml(r).setNodeConfig(a), this._stampProductTdDomAttributes(r, a, I, !0), I.apply(new u("Initialize Items block with default configuration")), T().startOnboarding("itemsOnboarding");
       return;
     }
-    const n = this._resolveInstanceId(i.blockInstanceId), f = this.api.getDocumentModifier();
+    const s = this._resolveInstanceId(i.blockInstanceId), f = this.api.getDocumentModifier();
     let h = !1;
-    n !== i.blockInstanceId && (f.modifyHtml(r).setNodeConfig({ ...i, blockInstanceId: n }), h = !0), !this._currencyHealed.has(n) && this._reconcileCurrencyDomAttributes(r, i, f) && (h = !0), this._healCollapsedWidths(r, f) && (h = !0), h && f.apply(new u("Assign Items block instance ID and reconcile currency")), this._markCurrencyHealed(n);
+    s !== i.blockInstanceId && (f.modifyHtml(r).setNodeConfig({ ...i, blockInstanceId: s }), h = !0), !this._currencyHealed.has(s) && this._reconcileCurrencyDomAttributes(r, i, f) && (h = !0), this._healCollapsedWidths(r, f) && (h = !0), h && f.apply(new u("Assign Items block instance ID and reconcile currency")), this._markCurrencyHealed(s);
   }
   /**
    * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
@@ -86,24 +86,24 @@ class $ extends H {
    * 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(e) {
-    const t = _(e);
-    if (!t)
+  onDocumentChanged(t) {
+    const e = _(t);
+    if (!e)
       return;
-    const c = t.getNodeConfig();
+    const c = e.getNodeConfig();
     if (c && Object.keys(c).length > 0) {
-      const i = C(e);
+      const i = C(t);
       if (i != null && i.initialized && this._shouldReconcileCurrency(i)) {
-        const n = this.api.getDocumentModifier();
-        this._reconcileCurrencyDomAttributes(t, i, n) && n.apply(new u(V)), this._markCurrencyHealed(i.blockInstanceId);
+        const s = this.api.getDocumentModifier();
+        this._reconcileCurrencyDomAttributes(e, i, s) && s.apply(new u(V)), this._markCurrencyHealed(i.blockInstanceId);
       }
       return;
     }
-    const o = C(e);
+    const o = C(t);
     if (!(o != null && o.initialized))
       return;
-    const s = this.api.getDocumentModifier();
-    s.modifyHtml(t).setNodeConfig(o), this._stampProductTdDomAttributes(t, o, s), this._healCollapsedWidths(t, s), this._shouldReconcileCurrency(o) && this._reconcileCurrencyDomAttributes(t, o, s), s.apply(new u("Recover Items block config from saved module")), this._markCurrencyHealed(o.blockInstanceId);
+    const n = this.api.getDocumentModifier();
+    n.modifyHtml(e).setNodeConfig(o), this._stampProductTdDomAttributes(e, o, n), this._healCollapsedWidths(e, n), this._shouldReconcileCurrency(o) && this._reconcileCurrencyDomAttributes(e, o, n), n.apply(new u("Recover Items block config from saved module")), this._markCurrencyHealed(o.blockInstanceId);
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -113,20 +113,21 @@ class $ extends H {
    * 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(e, t, c, r = !1) {
-    const o = B(t.itemsSelectValue, t.type), s = (i, n) => {
-      r && e.getAttribute(i) || c.modifyHtml(e).setAttribute(i, n);
+  _stampProductTdDomAttributes(t, e, c, r = !1) {
+    const o = B(e.itemsSelectValue, e.type), n = (i, s) => {
+      r && t.getAttribute(i) || c.modifyHtml(t).setAttribute(i, s);
     };
-    s("data-type", t.type), s("data-number", o), s("data-nodup", String(t.priceHideDiscount));
+    n("data-type", e.type), n("data-number", o), n("data-nodup", String(e.priceHideDiscount));
   }
   /**
    * Repairs a saved module's collapsed card into the state the load migrator produces. Acts only
    * on a zero width, so Stripo's non-zero drop-time width never triggers it and a healed block no-ops.
    */
-  _healCollapsedWidths(e, t) {
-    const r = e.querySelectorAll(M).filter((o) => m(o.getAttribute("width")) || m(o.getStyle("width")));
-    return !m(e.getAttribute("width")) && !r.length ? !1 : (e.hasClass("esd-container-frame") && t.modifyHtml(e).removeClass("esd-container-frame"), e.getAttribute("width") !== null && t.modifyHtml(e).removeAttribute("width"), r.forEach((o) => {
-      m(o.getAttribute("width")) && t.modifyHtml(o).setAttribute("width", "100%"), m(o.getStyle("width")) && t.modifyHtml(o).setStyle("width", "100%");
+  _healCollapsedWidths(t, e) {
+    const r = t.querySelectorAll(M).filter((o) => m(o.getAttribute("width")) || m(o.getStyle("width")));
+    return !m(t.getAttribute("width")) && !r.length ? !1 : (t.hasClass("esd-container-frame") && e.modifyHtml(t).removeClass("esd-container-frame"), t.getAttribute("width") !== null && e.modifyHtml(t).removeAttribute("width"), r.forEach((o) => {
+      const n = o.getAttribute("width");
+      (n === null || m(n)) && e.modifyHtml(o).setAttribute("width", "100%"), m(o.getStyle("width")) && e.modifyHtml(o).setStyle("width", "100%");
     }), !0);
   }
   /**
@@ -137,12 +138,12 @@ class $ extends H {
    * the symbol write alone is skipped for the 'USD' sentinel — so we must NOT gate the whole pass
    * on symbol customization here, or a default-symbol block with a toggled location never heals.
    */
-  _shouldReconcileCurrency(e) {
-    return !e.blockInstanceId || !this._currencyHealed.has(e.blockInstanceId);
+  _shouldReconcileCurrency(t) {
+    return !t.blockInstanceId || !this._currencyHealed.has(t.blockInstanceId);
   }
   /** Marks a block instance's currency as reconciled so it is not healed again (undo-safe). */
-  _markCurrencyHealed(e) {
-    e && this._currencyHealed.add(e);
+  _markCurrencyHealed(t) {
+    t && this._currencyHealed.add(t);
   }
   /**
    * Resolves the id for a just-created block to one that is unique per live instance.
@@ -151,13 +152,13 @@ class $ extends H {
    * currency heal guard and settings-panel switch detection. Mint a fresh id on absence
    * or collision, otherwise keep the existing one. Registers the result as claimed.
    */
-  _resolveInstanceId(e) {
-    let t = e;
-    if (!t || this._seenInstanceIds.has(t))
+  _resolveInstanceId(t) {
+    let e = t;
+    if (!e || this._seenInstanceIds.has(e))
       do
-        t = P();
-      while (this._seenInstanceIds.has(t));
-    return this._seenInstanceIds.add(t), t;
+        e = P();
+      while (this._seenInstanceIds.has(e));
+    return this._seenInstanceIds.add(e), e;
   }
   /**
    * Stamps the export-read currency attrs onto every price `<p>` from config, so a template whose
@@ -170,11 +171,11 @@ class $ extends H {
    * Returns true only when an attr actually changed, so the caller can skip an empty apply that
    * would otherwise re-trigger onDocumentChanged and loop.
    */
-  _reconcileCurrencyDomAttributes(e, t, c) {
-    const { position: r, symbol: o } = w(t), s = e.querySelectorAll(`.${E.PRICE} p`);
+  _reconcileCurrencyDomAttributes(t, e, c) {
+    const { position: r, symbol: o } = w(e), n = t.querySelectorAll(`.${E.PRICE} p`);
     let i = !1;
-    return s.forEach((n) => {
-      r !== void 0 && n.getAttribute(y.POSITION) !== r && (c.modifyHtml(n).setAttribute(y.POSITION, r), i = !0), o !== void 0 && n.getAttribute(y.SYMBOL) !== o && (c.modifyHtml(n).setAttribute(y.SYMBOL, o), i = !0);
+    return n.forEach((s) => {
+      r !== void 0 && s.getAttribute(y.POSITION) !== r && (c.modifyHtml(s).setAttribute(y.POSITION, r), i = !0), o !== void 0 && s.getAttribute(y.SYMBOL) !== o && (c.modifyHtml(s).setAttribute(y.SYMBOL, o), i = !0);
     }), i;
   }
 }