@useinsider/guido 3.16.0-beta.9e5f533 → 3.16.0-beta.ca26c4e

package/dist/config/migrator/recommendationTitleMigrator.js

@@ -1,112 +0,0 @@
-var u = Object.defineProperty;
-var d = (r, t, e) => t in r ? u(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var c = (r, t, e) => d(r, typeof t != "symbol" ? t + "" : t, e);
-import { RecommendationBlockId as m } from "../../extensions/Blocks/Recommendation/constants/blockIds.js";
-import { BLOCK_ROOT_SELECTOR as _, CSS_CLASS_SKIP_COMPILE as f, ATTR_RECOMMENDATION_TITLE as a, CONTAINER_SELECTOR as T, CSS_CLASS_TITLE_CELL as R } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
-const S = _.slice(1), E = `${_}:not(.${f})`, p = `[data-attribute-type="${a}"]`, g = "td.esd-block-text", b = "table.container > tbody", l = "esd-ext-config";
-class y {
-  constructor() {
-    c(this, "parser");
-    this.parser = new DOMParser();
-  }
-  migrate(t) {
-    try {
-      if (!t.includes(S))
-        return t;
-      const e = this.parser.parseFromString(t, "text/html");
-      return Array.from(e.querySelectorAll(E)).reduce(
-        (n, o) => this._migrateBlock(o) || n,
-        !1
-      ) ? e.documentElement.outerHTML : t;
-    } catch (e) {
-      return console.error("RecommendationTitleMigrator failed:", e), t;
-    }
-  }
-  /** Migrates one block. Returns `true` when the block was changed. */
-  _migrateBlock(t) {
-    if (t.querySelector(p) || this._hasRecordedTitleState(t))
-      return !1;
-    const e = this._findTitleCell(t), i = e !== null && (e.textContent ?? "").trim().length > 0;
-    return i ? this._tagExistingTitle(e) : this._removeTitleRemnants(t, e), this._writeVisibility(t, i), !0;
-  }
-  /** The only `esd-block-text` cell outside the product containers is the title. */
-  _findTitleCell(t) {
-    return Array.from(t.querySelectorAll(g)).find((e) => !e.closest(T)) ?? null;
-  }
-  /**
-   * Stamps the attribute-row tagging onto the title's wrapper row and the spacer
-   * below it, so one toggle governs the pair and the compiler drops both when off.
-   */
-  _tagExistingTitle(t) {
-    t.classList.add(R), t.setAttribute("esd-extension-block-id", m.TITLE);
-    const e = this._wrapperRowOf(t);
-    if (!e)
-      return;
-    this._tagRow(e);
-    const i = e.nextElementSibling;
-    i && this._isSpacerRow(i) && this._tagRow(i);
-  }
-  /** The `<tr>` inside `table.container > tbody` that wraps the title's own table. */
-  _wrapperRowOf(t) {
-    var e, i;
-    return ((i = (e = t == null ? void 0 : t.closest("table")) == null ? void 0 : e.parentElement) == null ? void 0 : i.closest("tr")) ?? null;
-  }
-  /**
-   * Direct children only — a product-container row holds spacer cells further down,
-   * and `querySelector` would happily reach them. (`:scope >` is unsupported in happy-dom.)
-   */
-  _isSpacerRow(t) {
-    return Array.from(t.children).some((e) => e.classList.contains("spacer"));
-  }
-  _tagRow(t) {
-    t.classList.add("recommendation-attribute-row"), t.setAttribute("data-attribute-type", a), t.setAttribute("data-visibility", "1");
-  }
-  /**
-   * A deleted title leaves nothing to tag — the toggle re-injects the markup only
-   * when the user switches it back on. Its leftovers (an emptied wrapper row, the
-   * spacer that trailed it) would otherwise render as blank padding on top.
-   */
-  _removeTitleRemnants(t, e) {
-    var o;
-    const i = this._wrapperRowOf(e), s = i == null ? void 0 : i.nextElementSibling;
-    if (s && this._isSpacerRow(s) && s.remove(), i) {
-      i.remove();
-      return;
-    }
-    const n = (o = t.querySelector(b)) == null ? void 0 : o.firstElementChild;
-    n && this._isSpacerRow(n) && n.remove();
-  }
-  /**
-   * Mirrors the resolved state into the persisted config blob, so a saved module
-   * whose `data-*` attributes Stripo strips on re-drop still restores the toggle.
-   */
-  _writeVisibility(t, e) {
-    const i = this._readConfig(t);
-    if (!i)
-      return;
-    const s = typeof i.visibility == "object" && i.visibility !== null ? i.visibility : {};
-    i.visibility = { ...s, [a]: e }, t.setAttribute(l, JSON.stringify(i));
-  }
-  _hasRecordedTitleState(t) {
-    var i;
-    const e = (i = this._readConfig(t)) == null ? void 0 : i.visibility;
-    return typeof e == "object" && e !== null && a in e;
-  }
-  _readConfig(t) {
-    const e = t.getAttribute(l);
-    if (!e)
-      return null;
-    try {
-      const i = JSON.parse(e);
-      return typeof i == "object" && i !== null ? i : null;
-    } catch {
-      return null;
-    }
-  }
-}
-function h(r) {
-  return new y().migrate(r);
-}
-export {
-  h as migrateRecommendationTitle
-};

package/dist/extensions/Blocks/Recommendation/controls/title/index.js

@@ -1,44 +0,0 @@
-import { createPaddingsControl as r, createTextBackgroundColorControl as T, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as C, createTextColorControl as c, createTextAlignControl as I } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as n } from "../../constants/selectors.js";
-const L = I(
-  t.TITLE_ALIGN,
-  o.TITLE,
-  n
-), a = c(
-  t.TITLE_COLOR,
-  o.TITLE,
-  n
-), i = C(
-  t.TITLE_SIZE,
-  o.TITLE,
-  n
-), E = l(
-  t.TITLE_STYLE,
-  o.TITLE,
-  n
-), m = e(
-  t.TITLE_FONT_FAMILY,
-  o.TITLE,
-  n
-), s = T(
-  t.TITLE_BACKGROUND,
-  o.TITLE,
-  n
-), d = r(
-  t.TITLE_PADDINGS,
-  o.TITLE,
-  n
-), x = {
-  align: L,
-  color: a,
-  size: i,
-  style: E,
-  fontFamily: m,
-  background: s,
-  paddings: d
-};
-export {
-  x as TitleControls
-};

package/dist/extensions/Blocks/Recommendation/templates/titleRows.js

@@ -1,33 +0,0 @@
-import { RecommendationBlockId as i } from "../constants/blockIds.js";
-import { DEFAULT_ROW_SPACING as l } from "../constants/layout.js";
-import { ATTR_RECOMMENDATION_TITLE as n } from "../constants/selectors.js";
-const p = "You May Also Like!", d = '<p style="font-size: 28px; color: #333333;"><strong>{-{-TITLE-}-}</strong></p>';
-function m(r = d, t = !0, s = l) {
-  const e = `class="recommendation-attribute-row" data-attribute-type="${n}" data-visibility="${t ? "1" : "0"}"`, o = t ? "" : ' style="display: none;"';
-  return `
-    <tr ${e}${o}>
-        <td>
-            <table width="100%" cellpadding="0" cellspacing="0" border="0">
-                <tbody>
-                    <tr>
-                        <td
-                            class="esd-block-text ins-recommendation-title es-p10t es-p10b es-p20l es-p20r"
-                            align="center"
-                            esd-extension-block-id="${i.TITLE}">
-                            ${r}
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </td>
-    </tr>
-    <tr ${e}${o}>
-        <td class="spacer" style="height: ${s}px;"></td>
-    </tr>
-`;
-}
-export {
-  d as DEFAULT_TITLE_PARAGRAPH,
-  p as DEFAULT_TITLE_TEXT,
-  m as buildTitleRows
-};

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

@@ -1 +0,0 @@
-export declare function migrateRecommendationTitle(html: string): string;

package/dist/src/extensions/Blocks/Recommendation/controls/title/index.d.ts

@@ -1,86 +0,0 @@
-export declare const TitleControls: {
-    readonly align: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-    readonly color: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-    readonly size: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-    readonly style: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-    readonly fontFamily: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-    readonly background: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-    readonly paddings: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-};

package/dist/src/extensions/Blocks/Recommendation/templates/titleRows.d.ts

@@ -1,13 +0,0 @@
-export declare const DEFAULT_TITLE_TEXT = "You May Also Like!";
-export declare const DEFAULT_TITLE_PARAGRAPH: string;
-/**
- * Builds the two block-level title rows: the title itself and the spacer below it.
- * Both carry the same `recommendation-attribute-row` tagging a card attribute row has,
- * so the Card Composition toggle hides the pair together and the compiler's
- * `[data-visibility="0"]` sweep drops both — no leading gap when the title is off.
- * @param paragraphHtml - Full `<p>` markup rendered inside the title cell
- * @param visible - Whether the title starts visible
- * @param spacerHeightPx - Height of the spacer row below the title
- * @returns HTML string with the title row followed by its spacer row
- */
-export declare function buildTitleRows(paragraphHtml?: string, visible?: boolean, spacerHeightPx?: number): string;