@useinsider/guido 2.0.0-beta.edc1f0a → 2.0.0-beta.f66b754

package/dist/extensions/Blocks/Recommendation/templates/vertical/elementRenderer.js

@@ -1,186 +0,0 @@
-import { RecommendationBlockId as t } from "../../constants/blockIds.js";
-import { ATTR_PRODUCT_BUTTON as l, ATTR_PRODUCT_OMNIBUS_DISCOUNT as d, ATTR_PRODUCT_OMNIBUS_PRICE as n, ATTR_PRODUCT_OLD_PRICE as o, ATTR_PRODUCT_PRICE as c, ATTR_PRODUCT_NAME as i, ATTR_PRODUCT_IMAGE as r } from "../../constants/selectors.js";
-const e = "0 5px", s = "attribute-cell", b = {
-  [r]: (a) => `
-        <td class="${s}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr valign="top">
-                    <td
-                        class="esd-block-image product-image"
-                        align="center"
-                        esd-extension-block-id="${t.IMAGE}">
-                        <a target="_blank" href="${a.url}">
-                            <img
-                                src="${a.image_url}"
-                                alt="${a.name}"
-                                style="max-width: 100%; height: auto; margin: 0 auto; display: block;"
-                                class="adapt-img">
-                        </a>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `,
-  [i]: (a) => `
-        <td class="${s}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr valign="top">
-                    <td
-                        class="esd-block-text product-name es-p10t es-p10b es-p15l es-p15r"
-                        align="center"
-                        esd-extension-block-id="${t.NAME}">
-                        <p path="1" contenteditable="false" style="font-size: 16px; color: #333333;">
-                            <strong path="1,0">${a.name}</strong>
-                        </p>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `,
-  [c]: () => `
-        <td class="${s}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr valign="top">
-                    <td
-                        class="esd-block-text product-price es-p15l es-p15r"
-                        align="center"
-                        esd-extension-block-id="${t.PRICE}">
-                        <p path="1" contenteditable="false" style="font-size: 16px; color: #333333;">
-                            <strong path="1,0">18,00 TRY</strong>
-                        </p>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `,
-  [o]: () => `
-        <td class="${s}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr valign="top">
-                    <td
-                        class="esd-block-text product-old-price es-p15l es-p15r"
-                        align="center"
-                        esd-extension-block-id="${t.OLD_PRICE}">
-                        <p path="1" contenteditable="false" style="font-size: 14px; color: #999999;">
-                            <s path="1,0">20,00 TRY</s>
-                        </p>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `,
-  [n]: () => `
-        <td class="${s}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr valign="top">
-                    <td
-                        class="esd-block-text product-omnibus-price es-p15l es-p15r"
-                        align="center"
-                        data-text-before="Lowest 30-day price: "
-                        data-text-after=""
-                        esd-extension-block-id="${t.OMNIBUS_PRICE}">
-                        <p path="1" contenteditable="false" style="font-size: 12px; color: #666666;">
-                            <span class="omnibus-text-before">Lowest 30-day price: </span>
-                            <span class="omnibus-price-value">17,00 TRY</span>
-                            <span class="omnibus-text-after"></span>
-                        </p>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `,
-  [d]: () => `
-        <td class="${s}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr valign="top">
-                    <td
-                        class="esd-block-text product-omnibus-discount es-p15l es-p15r"
-                        align="center"
-                        data-text-before=""
-                        data-text-after=""
-                        esd-extension-block-id="${t.OMNIBUS_DISCOUNT}">
-                        <p path="1" contenteditable="false" style="font-size: 12px; color: #666666;">
-                            <span class="omnibus-text-before"></span>
-                            <span class="omnibus-discount-value">-6%</span>
-                            <span class="omnibus-text-after"></span>
-                        </p>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `,
-  [l]: () => `
-        <td class="${s}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr valign="top">
-                    <td
-                        class="esd-block-button product-button es-p10t es-p10b"
-                        align="center"
-                        esd-extension-block-id="${t.BUTTON}">
-                        <span
-                            class="es-button-border"
-                            style="
-                                border-width: 1px;
-                                background: rgb(217, 234, 211);
-                                border-color: rgb(106, 168, 79);
-                            ">
-                            <a
-                                href="#"
-                                class="es-button buy-button"
-                                target="_blank"
-                                style="color: rgb(56, 118, 29); background: rgb(217, 234, 211);">
-                                Buy
-                            </a>
-                        </span>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `
-};
-export {
-  s as ATTRIBUTE_CELL_CLASS,
-  b as verticalElementRenderer
-};

package/dist/extensions/Blocks/Recommendation/templates/vertical/migration.js

@@ -1,251 +0,0 @@
-import { ATTR_PRODUCT_BUTTON as s, ATTR_PRODUCT_OMNIBUS_DISCOUNT as d, ATTR_PRODUCT_OMNIBUS_PRICE as c, ATTR_PRODUCT_OLD_PRICE as o, ATTR_PRODUCT_PRICE as i, ATTR_PRODUCT_NAME as r, ATTR_PRODUCT_IMAGE as p } from "../../constants/selectors.js";
-import { prepareVerticalProductRows as b } from "./template.js";
-const u = `
-    <td
-        align="left"
-        esd-extension-block-id="recommendation-block"
-        esd-handler-name="esd-extension-RecommendationBlock"
-        class="ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block esd-extension-block es-p20"
-    >
-        <table width="100%" cellpadding="0" cellspacing="0" border="0">
-            <tr>
-                <td align="center">
-                    <table
-                        class="container"
-                        width="100%"
-                        cellpadding="0"
-                        cellspacing="0"
-                        border="0">
-                        <tbody>
-                            <tr>
-                                <td>
-                                    <table
-                                        width="100%"
-                                        cellpadding="0"
-                                        cellspacing="0"
-                                        border="0">
-                                        <tbody>
-                                            <tr>
-                                                {-{-TITLE-}-}
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td class="spacer" style="height: 20px;"></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <table
-                                        class="ins-recommendation-product-container"
-                                        width="100%"
-                                        cellpadding="0"
-                                        cellspacing="0"
-                                        border="0"
-                                    >
-                                        {-{-PRODUCT_ROWS-}-}
-                                    </table>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </td>
-            </tr>
-        </table>
-    </td>
-`, e = "0 5px", a = "attribute-cell", g = {
-  [p]: (t) => `
-        <td class="${a}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr>
-                    <td
-                        class="esd-block-image product-image"
-                        esd-extension-block-id="recommendation-block-image"
-                        align="center"
-                        style="font-size: 0px;">
-                        <a target="_blank" href="${t.url}">
-                            <img
-                                src="${t.image_url}"
-                                alt="${t.name}"
-                                width="120"
-                                style="display: block; max-width: 100%; height: auto;"
-                                class="adapt-img">
-                        </a>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `,
-  [r]: (t) => `
-        <td class="${a}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr>
-                    <td
-                        class="esd-block-text product-name"
-                        esd-extension-block-id="recommendation-block-name"
-                        align="center">
-                        <p
-                            path="1"
-                            contenteditable="false"
-                            style="font-size: 16px; color: #333333; font-weight: 600; text-align: center;">
-                            <strong path="1,0">${t.name}</strong>
-                        </p>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `,
-  [i]: () => `
-        <td class="${a}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr>
-                    <td
-                        class="esd-block-text product-price"
-                        esd-extension-block-id="recommendation-block-price"
-                        align="center">
-                        <p
-                            path="1"
-                            contenteditable="false"
-                            style="font-size: 16px; color: #333333; font-weight: bold; text-align: center;">
-                            <strong path="1,0">18,00 TRY</strong>
-                        </p>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `,
-  [o]: () => `
-        <td class="${a}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr>
-                    <td
-                        class="esd-block-text product-old-price"
-                        esd-extension-block-id="recommendation-block-old-price"
-                        align="center">
-                        <p
-                            path="1"
-                            contenteditable="false"
-                            style="font-size: 14px; color: #999999; text-decoration: line-through; text-align: center;">
-                            <s path="1,0">20,00 TRY</s>
-                        </p>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `,
-  [c]: () => `
-        <td class="${a}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr>
-                    <td
-                        class="esd-block-text product-omnibus-price"
-                        esd-extension-block-id="recommendation-block-omnibus-price"
-                        data-text-before="Lowest 30-day price: "
-                        data-text-after=""
-                        align="center">
-                        <p
-                            path="1"
-                            contenteditable="false"
-                            style="font-size: 14px; color: #666666; text-align: center;"><span
-                            class="omnibus-text-before">Lowest 30-day price: </span><span
-                            class="omnibus-price-value">17,00 TRY</span><span
-                            class="omnibus-text-after"></span></p>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `,
-  [d]: () => `
-        <td class="${a}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr>
-                    <td
-                        class="esd-block-text product-omnibus-discount"
-                        esd-extension-block-id="recommendation-block-omnibus-discount"
-                        data-text-before=""
-                        data-text-after=""
-                        align="center">
-                        <p
-                            path="1"
-                            contenteditable="false"
-                            style="font-size: 14px; color: #666666; text-align: center;"><span
-                            class="omnibus-text-before"></span><span
-                            class="omnibus-discount-value">-6%</span><span
-                            class="omnibus-text-after"></span></p>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `,
-  [s]: (t) => `
-        <td class="${a}" style="padding: ${e}; height: 100%;" valign="top">
-            <table
-                class="product-card-segment"
-                width="100%"
-                height="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0">
-                <tr>
-                    <td
-                        class="esd-block-button product-button"
-                        esd-extension-block-id="recommendation-block-button"
-                        align="center">
-                        <span class="es-button-border" style="display: block;">
-                            <a
-                                href="${t.url}"
-                                target="_blank"
-                                class="es-button">
-                                {-{-PRODUCT_BUTTON_TEXT-}-}
-                            </a>
-                        </span>
-                    </td>
-                </tr>
-            </table>
-        </td>
-    `
-};
-function T(t, l, n) {
-  return b(t, l, g, n);
-}
-export {
-  u as default,
-  T as prepareProductRows
-};

package/dist/extensions/Blocks/Recommendation/templates/vertical/template.js

@@ -1,62 +0,0 @@
-import { DEFAULT_PRODUCTS_PER_ROW as u } from "../../constants/layout.js";
-import { DEFAULT_CARD_COMPOSITION as d, spacer as m, createBlockTemplate as R, DEFAULTS as I, getDefaultProducts as L, DEFAULT_CARD_VISIBILITY as w } from "../utils.js";
-import { verticalElementRenderer as E } from "./elementRenderer.js";
-const S = `
-    <tr class="recommendation-product-row">
-        <td>
-            <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" class="product-card-wrapper">
-                <tbody>
-                    {-{-ATTRIBUTE_ROWS-}-}
-                </tbody>
-            </table>
-        </td>
-    </tr>
-`, b = `
-    <tr
-        class="recommendation-attribute-row"
-        data-attribute-type="{-{-ATTR_TYPE-}-}"
-        data-visibility="{-{-VISIBILITY-}-}"
-        {-{-DISPLAY_STYLE-}-}>
-        {-{-CELLS-}-}
-    </tr>
-`;
-function _(r, e, o, n = d) {
-  const c = (100 / e).toFixed(2);
-  return n.filter((t) => o[t]).map((t) => {
-    const l = w[t] ?? !0, i = l ? "" : 'style="display: none;"', a = r.map((p) => {
-      const T = o[t];
-      return T(p).replace("<td", `<td width="${c}%"`);
-    }).join("");
-    return b.replace("{-{-ATTR_TYPE-}-}", t).replace("{-{-VISIBILITY-}-}", l ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", i).replace("{-{-CELLS-}-}", a);
-  }).join("");
-}
-function A(r, e, o, n) {
-  const c = [];
-  for (let t = 0; t < r.length; t += e)
-    c.push(r.slice(t, t + e));
-  return c.map((t, l) => {
-    const i = _(
-      t,
-      e,
-      o,
-      n
-    ), a = S.replace("{-{-ATTRIBUTE_ROWS-}-}", i);
-    return l > 0 ? m + a : a;
-  }).join("");
-}
-function D(r, e, o) {
-  return A(r, e, E, o);
-}
-function U() {
-  const r = R("vertical"), e = D(
-    L(),
-    u
-  );
-  return r.replace("{-{-TITLE-}-}", I.TITLE).replace("{-{-PRODUCT_ROWS-}-}", e);
-}
-export {
-  U as getDefaultTemplate,
-  D as prepareProductRows,
-  _ as prepareVerticalAttributeRows,
-  A as prepareVerticalProductRows
-};

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

@@ -1,36 +0,0 @@
-function p(t) {
-  const r = {
-    "&": "&",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': "&quot;",
-    "'": "&#39;"
-  };
-  return t.replace(/[&<>"']/g, (n) => r[n]);
-}
-function m(t) {
-  return "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML() : "innerHTML" in t ? t.innerHTML : "";
-}
-function T(t, r) {
-  const n = p(r);
-  if (!t)
-    return n;
-  const e = m(t);
-  if (!e || e.trim() === "" || !/<(strong|em|u|s|b|i)\b/i.test(e))
-    return n;
-  const i = [], o = [];
-  let c = e.trim();
-  for (; ; ) {
-    const u = c.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
-    if (!u)
-      break;
-    const [, s, f = "", g] = u, a = new RegExp(`</${s}>$`, "i");
-    if (!a.test(g))
-      break;
-    i.push(`<${s}${f}>`), o.unshift(`</${s}>`), c = g.replace(a, "").trim();
-  }
-  return i.length > 0 ? i.join("") + n + o.join("") : n;
-}
-export {
-  T as preserveTextStyles
-};

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

@@ -1,46 +0,0 @@
-function a(t) {
-  return typeof t == "object" && t !== null && "tagName" in t && typeof t.tagName == "string";
-}
-function r(t) {
-  return typeof t == "object" && t !== null && "getTagName" in t && typeof t.getTagName == "function";
-}
-function n(t) {
-  return typeof t == "object" && t !== null && "getStyle" in t && typeof t.getStyle == "function";
-}
-function u(t) {
-  return typeof t == "object" && t !== null && "parent" in t && typeof t.parent == "function";
-}
-function g(t) {
-  return typeof t == "object" && t !== null && "tagName" in t && t.tagName === "TD";
-}
-function p(t, e) {
-  return !t || !n(t) ? null : t.getStyle(e);
-}
-function N(t) {
-  return !t || !u(t) ? null : t.parent();
-}
-function l(t, e = "UNKNOWN") {
-  return t ? a(t) ? t.tagName.toUpperCase() : r(t) ? t.getTagName().toUpperCase() : e : e;
-}
-const f = /* @__PURE__ */ new Set(["TD", "BLOCK_IMAGE", "BLOCK_BUTTON"]);
-function i(t) {
-  return f.has(t.toUpperCase());
-}
-function c(t) {
-  const e = l(t);
-  return i(e);
-}
-function s(t) {
-  return c(t) ? "table-cell" : "table-row";
-}
-export {
-  s as getTableDisplayValue,
-  l as getTagName,
-  n as hasGetStyle,
-  u as hasParent,
-  c as isTableCellNode,
-  i as isTableCellTag,
-  g as isTdNode,
-  N as safeGetParent,
-  p as safeGetStyle
-};

package/dist/src/extensions/Blocks/Items/utils/configBlockUtils.d.ts

@@ -1,23 +0,0 @@
-import { ImmutableHtmlElementNode, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-/**
- * Gets the esd-config-block element from the current node.
- * Searches within the closest .items-block-v2 container.
- * @param currentNode - The current node from the control (usually this.currentNode)
- * @returns The config block element or null if not found
- */
-export declare function getConfigBlock(currentNode: ImmutableHtmlNode | undefined): ImmutableHtmlElementNode | null;
-/**
- * Converts an attribute value to a boolean.
- * Handles string values '1', 'true', and null/undefined cases.
- * @param value - The attribute value (string or null)
- * @param defaultValue - Default value to return if value is null/undefined (default: false)
- * @returns The boolean value
- */
-export declare function attributeToBoolean(value: string | null, defaultValue?: boolean): boolean;
-/**
- * Gets a string attribute value with a default fallback.
- * @param value - The attribute value (string or null)
- * @param defaultValue - Default value to return if value is null/undefined (default: '')
- * @returns The string value or default
- */
-export declare function attributeToString(value: string | null, defaultValue?: string): string;

package/dist/src/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.d.ts

@@ -1,32 +0,0 @@
-import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-import { configAttributes } from '../enums/productEnums';
-type StoreSetter<T> = (value: T) => void;
-interface SyncConfig<T> {
-    attributeName: keyof typeof configAttributes;
-    storeSetter: StoreSetter<T>;
-    converter: (value: string | null) => T;
-}
-/**
- * Generic utility to sync an attribute value from esd-config-block to the store.
- * This makes attribute values mutable by syncing them from the DOM.
- * @param currentNode - The current node from the control (usually this.currentNode)
- * @param config - Configuration object with attribute name, store setter, and value converter
- */
-export declare function syncAttributeFromConfigBlock<T>(currentNode: ImmutableHtmlNode | undefined, config: SyncConfig<T>): void;
-/**
- * Helper to create a sync config for boolean attributes.
- * @param attributeName - The attribute name from configAttributes
- * @param storeSetter - The store setter function
- * @param defaultValue - Default value if attribute is not set (default: false)
- * @returns Sync configuration object
- */
-export declare function createBooleanSyncConfig(attributeName: keyof typeof configAttributes, storeSetter: StoreSetter<boolean>, defaultValue?: boolean): SyncConfig<boolean>;
-/**
- * Helper to create a sync config for string attributes.
- * @param attributeName - The attribute name from configAttributes
- * @param storeSetter - The store setter function
- * @param defaultValue - Default value if attribute is not set (default: '')
- * @returns Sync configuration object
- */
-export declare function createStringSyncConfig(attributeName: keyof typeof configAttributes, storeSetter: StoreSetter<string>, defaultValue?: string): SyncConfig<string>;
-export {};