@useinsider/guido 3.17.0-beta.58179dc → 3.17.0-beta.db80c84

package/dist/composables/useStripo.js

@@ -17,13 +17,13 @@ import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../ut
 import Z from "../package.json.js";
 let n = null;
 const Ce = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: B } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
-    var l;
+  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+    var d;
     if (document.getElementById("UiEditorScript")) {
       i();
       return;
     }
-    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, e = document.createElement("script");
+    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
     e.id = "UiEditorScript", e.type = "module", e.src = r, e.onload = () => i(), e.onerror = () => {
       e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
     }, document.body.appendChild(e);
@@ -31,12 +31,12 @@ const Ce = () => {
     n = null;
   }), n), _ = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const e = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
+    const e = b(), { html: d, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1);
     await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
-        html: l,
+        html: d,
         css: D,
         forceRecreate: U,
         locale: "en",
@@ -80,16 +80,16 @@ const Ce = () => {
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const d = await M();
-            t(d);
-          } catch (d) {
-            p(d, "Failed to refresh token");
+            const l = await B();
+            t(l);
+          } catch (l) {
+            p(l, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            t(), d(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
+            t(), l(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -108,7 +108,7 @@ const Ce = () => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: B,
+        onEvent: v,
         onModuleAdd: F,
         notifications: V(),
         ignoreClickOutsideSelectors: [
@@ -126,8 +126,8 @@ const Ce = () => {
     try {
       await f();
       const [r, e] = await Promise.all([
-        T(),
-        v()
+        M(),
+        T()
       ]);
       a.syncModulesEnabled = e, await _(i, s, o, r, e);
     } catch {

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

@@ -1,21 +1,18 @@
-var A = Object.defineProperty;
-var C = (a, c, t) => c in a ? A(a, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[c] = t;
-var h = (a, c, t) => C(a, typeof c != "symbol" ? c + "" : c, t);
-import { BlockId as y } from "../../../enums/block.js";
-import { getMigrationBannerHtml as R } from "../../../utils/migrationBannerHtml.js";
-import { Block as B, BlockCompositionType as E, ModificationDescription as g } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlockId as T } from "./constants/blockIds.js";
-import { CSS_CLASS_SKIP_COMPILE as D, SELECTOR_TITLE_CELL as b, CSS_CLASS_TITLE_CELL as S, CSS_CLASS_ATTRIBUTE_ROW as L, ATTR_DATA_ATTRIBUTE_TYPE as M, ATTR_RECOMMENDATION_TITLE as O, ATTR_DATA_VISIBILITY as N } from "./constants/selectors.js";
-import { regenerateMobileProductRows as w } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as H } from "./controls/mobileLayout/cssRules.js";
+var B = Object.defineProperty;
+var D = (a, c, t) => c in a ? B(a, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[c] = t;
+var h = (a, c, t) => D(a, typeof c != "symbol" ? c + "" : c, t);
+import { BlockId as R } from "../../../enums/block.js";
+import { getMigrationBannerHtml as y } from "../../../utils/migrationBannerHtml.js";
+import { Block as b, BlockCompositionType as A, ModificationDescription as g } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { regenerateMobileProductRows as C } from "./controls/main/utils.js";
+import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as E } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as s } from "./services/configService.js";
 import { useRecommendationExtensionStore as d } from "./store/recommendation.js";
-import { getDefaultTemplate as x } from "./templates/grid/template.js";
-import { useRecommendationBlockWarning as $ } from "./useRecommendationBlockWarning.js";
-import { findLegacyTitle as P } from "./utils/legacyTitle.js";
-const _ = y.Recommendation, m = "recommendation-block-v2", u = "recommendation-id", I = "hide-price";
+import { getDefaultTemplate as S } from "./templates/grid/template.js";
+import { useRecommendationBlockWarning as M } from "./useRecommendationBlockWarning.js";
+const _ = R.Recommendation, m = "recommendation-block-v2", u = "recommendation-id", I = "hide-price";
 let k = !1;
-class X extends B {
+class P extends b {
   constructor() {
     super();
     /**
@@ -31,7 +28,7 @@ class X extends B {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return E.CONTAINER;
+    return A.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -42,7 +39,7 @@ class X extends B {
     );
   }
   getSettingsPanelTitleHtml() {
-    return R(
+    return y(
       _,
       this.api.translate("Recommendation Block"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
@@ -66,7 +63,7 @@ class X extends B {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, x(t);
+    return this._pendingBlockId = t, S(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -97,7 +94,7 @@ class X extends B {
     if (r.setCurrentBlock(i), this._stampHidePrice(t, n.priceHideIfSameAsDiscounted), o) {
       p(this.api);
       const l = this._getBlockElement(t);
-      l && (f(this.api, l, !0), w({
+      l && (f(this.api, l, !0), C({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
@@ -122,44 +119,18 @@ class X extends B {
           "Assign recommendation ID to legacy block"
         );
       }
-      this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t), this._healLegacyTitle(t);
+      this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
       try {
         k || (p(this.api), k = !0);
         const e = s.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
-          H(i) !== n && f(this.api, i, n);
+          E(i) !== n && f(this.api, i, n);
         }
       } catch {
       }
     }
   }
-  /**
-   * Adopts the plain text cell a pre-SD-147795 block used as its title.
-   *
-   * `recommendationTitleMigrator` tags that cell before the document is handed
-   * to Stripo, but Stripo serves a template it already holds in its own storage
-   * (`forceRecreate: false`) and drops the HTML we pass, so for an already-saved
-   * campaign the tagging only ever lands here. Without it the title is an
-   * ordinary text block: Card Composition reads the toggle as off while the
-   * title is on screen, switching it on prepends a second title, and the cell
-   * keeps the generic delete/duplicate node actions the CSS hides by class.
-   *
-   * Partner-managed blocks are left alone, the same exclusion the migrator makes.
-   * @param node - The block node that may still carry an untagged title
-   */
-  _healLegacyTitle(t) {
-    const e = this._getBlockElement(t);
-    if (!e || !("querySelector" in e) || !("hasClass" in e) || e.hasClass(D) || e.querySelector(b))
-      return;
-    const i = P(e);
-    if (!i)
-      return;
-    const n = this.api.getDocumentModifier();
-    n.modifyHtml(i.cell).setClass(S).setAttribute("esd-extension-block-id", T.TITLE), i.rows.forEach((o) => {
-      n.modifyHtml(o).setClass(L).setAttribute(M, O).setAttribute(N, "1");
-    }), n.apply(new g("Adopt legacy recommendation title"));
-  }
   /**
    * Called when a block is deleted from the template
    *
@@ -184,7 +155,7 @@ class X extends B {
    */
   _warnIfMultipleBlocks() {
     try {
-      $().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
+      M().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
     } catch {
     }
   }
@@ -362,5 +333,5 @@ class X extends B {
 }
 export {
   _ as BLOCK_ID,
-  X as RecommendationBlock
+  P as RecommendationBlock
 };

package/dist/src/config/migrator/recommendationTitleMigrator.d.ts

@@ -1,5 +1,5 @@
 /**
- * Only reaches a template Stripo has no stored copy of — an already-saved campaign
- * opens from Stripo storage and is tagged by `RecommendationBlock._healLegacyTitle`.
+ * Runs before the document reaches the editor, so a legacy title is already a
+ * composition item on the first render — no post-load adoption pass.
  */
 export declare function migrateRecommendationTitle(html: string): string;

package/dist/src/extensions/Blocks/Recommendation/block.d.ts

@@ -48,21 +48,6 @@ export declare class RecommendationBlock extends Block {
      * @param node - The block node that may need migration
      */
     onDocumentChanged(node: ImmutableHtmlNode): void;
-    /**
-     * Adopts the plain text cell a pre-SD-147795 block used as its title.
-     *
-     * `recommendationTitleMigrator` tags that cell before the document is handed
-     * to Stripo, but Stripo serves a template it already holds in its own storage
-     * (`forceRecreate: false`) and drops the HTML we pass, so for an already-saved
-     * campaign the tagging only ever lands here. Without it the title is an
-     * ordinary text block: Card Composition reads the toggle as off while the
-     * title is on screen, switching it on prepends a second title, and the cell
-     * keeps the generic delete/duplicate node actions the CSS hides by class.
-     *
-     * Partner-managed blocks are left alone, the same exclusion the migrator makes.
-     * @param node - The block node that may still carry an untagged title
-     */
-    private _healLegacyTitle;
     /**
      * Called when a block is deleted from the template
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.17.0-beta.58179dc",
+  "version": "3.17.0-beta.db80c84",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

package/dist/extensions/Blocks/Recommendation/utils/legacyTitle.js

@@ -1,20 +0,0 @@
-import { CONTAINER_SELECTOR as s, CSS_CLASS_SPACER as c } from "../constants/selectors.js";
-import { getMainContainerTbody as a } from "../controls/main/utils.js";
-const l = "td.esd-block-text";
-function C(n) {
-  return "getInnerText" in n && n.getInnerText().trim().length > 0;
-}
-function T(n) {
-  return "children" in n && n.children().some((e) => "hasClass" in e && e.hasClass(c));
-}
-function h(n) {
-  const e = a(n), i = e && "children" in e ? e.children() : [], [t, o] = i, r = t == null ? void 0 : t.querySelector(l);
-  if (!(!r || r.closest(s) || !C(r)))
-    return {
-      cell: r,
-      rows: o && T(o) ? [t, o] : [t]
-    };
-}
-export {
-  h as findLegacyTitle
-};

package/dist/src/extensions/Blocks/Recommendation/utils/legacyTitle.d.ts

@@ -1,20 +0,0 @@
-import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-export interface LegacyTitle {
-    /** The untagged title cell. */
-    cell: ImmutableHtmlNode;
-    /** Its wrapper row, plus the spacer row below it when there is one. */
-    rows: ImmutableHtmlNode[];
-}
-/**
- * Finds the untagged title a pre-SD-147795 block still carries: a non-empty
- * `esd-block-text` cell that sits outside the product containers and wraps the
- * container's first row.
- *
- * This is `recommendationTitleMigrator`'s rule applied to the live document.
- * The migrator alone cannot reach a saved campaign: Stripo serves a template it
- * already holds in its own storage (`forceRecreate: false`) and drops the HTML
- * the pre-load migration hands it, so the tagging has to be applied here too.
- * @param block - The `.recommendation-block-v2` node
- * @returns The legacy title, or `undefined` when the block has none
- */
-export declare function findLegacyTitle(block: ImmutableHtmlNode): LegacyTitle | undefined;