@useinsider/guido 2.0.0-beta.c9db5fd → 2.0.0-beta.d0056c9

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

@@ -1,78 +0,0 @@
-import { ATTR_PRODUCT_IMAGE as g, ATTR_PRODUCT_NAME as s, ATTR_PRODUCT_OLD_PRICE as c, ATTR_PRODUCT_PRICE as a, ATTR_PRODUCT_OMNIBUS_PRICE as T, ATTR_PRODUCT_OMNIBUS_DISCOUNT as d, ATTR_PRODUCT_BUTTON as E } from "../constants/selectors.js";
-import { horizontalElementRenderer as o } from "./horizontalElementRenderer.js";
-import { spacer as N, DEFAULT_CARD_VISIBILITY as n } from "./templateUtils.js";
-import { DEFAULTS as z, DEFAULT_CARD_COMPOSITION as F, getDefaultProducts as v } from "./templateUtils.js";
-const $ = `
-    <tr class="recommendation-product-row">
-        <td style="padding: 0 5px;">
-            <table
-                width="100%"
-                cellpadding="0"
-                cellspacing="0"
-                border="0"
-                class="product-card-wrapper"
-                style="background-color: #f8f8f8;">
-                <tr>
-                    {-{-PRODUCT_CONTENT-}-}
-                </tr>
-            </table>
-        </td>
-    </tr>
-`;
-function S(t) {
-  const i = o[g](t), l = n[s], r = n[c], R = n[a], C = n[T], _ = n[d], e = (I, f, p) => {
-    const w = p ? "" : ' style="display: none;"', y = I.replace(/<tr>/, "").replace(/<\/tr>/, "");
-    return `<tr
-            class="recommendation-attribute-row"
-            data-attribute-type="${f}"
-            data-visibility="${p ? "1" : "0"}"${w}>${y}</tr>`;
-  }, m = e(
-    o[s](t),
-    s,
-    l
-  ), b = e(
-    o[c](t),
-    c,
-    r
-  ), D = e(
-    o[a](t),
-    a,
-    R
-  ), O = e(
-    o[T](t),
-    T,
-    C
-  ), u = e(
-    o[d](t),
-    d,
-    _
-  ), P = `
-        <td class="product-info-cell" valign="middle" style="padding: 15px;">
-            <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
-                <tbody>
-                    ${m}
-                    ${b}
-                    ${D}
-                    ${O}
-                    ${u}
-                </tbody>
-            </table>
-        </td>
-    `, U = o[E](t), A = i + P + U;
-  return $.replace("{-{-PRODUCT_CONTENT-}-}", A);
-}
-function M(t) {
-  return t.map((i, l) => {
-    const r = S(i);
-    return l > 0 ? N + r : r;
-  }).join("");
-}
-export {
-  z as DEFAULTS,
-  F as DEFAULT_CARD_COMPOSITION,
-  n as DEFAULT_CARD_VISIBILITY,
-  v as getDefaultProducts,
-  S as getHorizontalProductCard,
-  M as prepareProductRows,
-  N as spacer
-};

package/dist/extensions/Blocks/Recommendation/templates/verticalElementRenderer.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/verticalMigrationTemplate.js

@@ -1,256 +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 "./templateUtils.js";
-import { DEFAULTS as _, DEFAULT_CARD_COMPOSITION as f, DEFAULT_CARD_VISIBILITY as R, getDefaultProducts as y } from "./templateUtils.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 {
-  _ as DEFAULTS,
-  f as DEFAULT_CARD_COMPOSITION,
-  R as DEFAULT_CARD_VISIBILITY,
-  u as default,
-  y as getDefaultProducts,
-  T as prepareProductRows
-};

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

@@ -1,81 +0,0 @@
-import { prepareVerticalProductRows as c, DEFAULTS as l, spacer as n, getDefaultProducts as d } from "./templateUtils.js";
-import { DEFAULT_CARD_COMPOSITION as D, DEFAULT_CARD_VISIBILITY as E } from "./templateUtils.js";
-import { verticalElementRenderer as p } from "./verticalElementRenderer.js";
-const s = `
-    <td align="left" class="ins-recommendation-v3-block-v2 esd-block-recommendation-v3-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>
-                                                <td
-                                                    class="esd-block-text es-p10t es-p10b es-p20l es-p20r"
-                                                    align="center">
-                                                    <p path="1" style="font-size: 28px; color: #333333;">
-                                                        <strong path="1,0">{-{-TITLE-}-}</strong>
-                                                    </p>
-                                                </td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                </td>
-                            </tr>
-                            ${n}
-                            <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>
-`, i = 3;
-function b(t, e, r) {
-  return c(t, e, p, r);
-}
-function T(t, e, r = l.TITLE, o) {
-  const a = b(t, e, o);
-  return s.replace("{-{-TITLE-}-}", r).replace("{-{-PRODUCT_ROWS-}-}", a);
-}
-function u() {
-  return T(
-    d(),
-    i,
-    l.TITLE
-  );
-}
-export {
-  l as DEFAULTS,
-  D as DEFAULT_CARD_COMPOSITION,
-  E as DEFAULT_CARD_VISIBILITY,
-  s as default,
-  d as getDefaultProducts,
-  u as getDefaultTemplate,
-  b as prepareProductRows,
-  n as spacer
-};

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

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

package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts

@@ -1,13 +0,0 @@
-/**
- * Block IDs used in the Recommendation Extension
- * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
- */
-export declare enum RecommendationBlockId {
-    BUTTON = "recommendation-block-button",
-    NAME = "recommendation-block-name",
-    PRICE = "recommendation-block-price",
-    OLD_PRICE = "recommendation-block-old-price",
-    OMNIBUS_PRICE = "recommendation-block-omnibus-price",
-    OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
-    IMAGE = "recommendation-block-image"
-}

package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts

@@ -1,11 +0,0 @@
-/**
- * Recommendation Extension Constants
- *
- * This module re-exports all constants for the Recommendation extension.
- * Import from this file for cleaner imports.
- * @example
- * import { RecommendationBlockId, CONTAINER_SELECTOR } from './constants';
- */
-export { RecommendationBlockId } from './blockIds';
-export { RecommendationControlId } from './controlIds';
-export { CONTAINER_SELECTOR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, } from './selectors';

package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts

@@ -1,19 +0,0 @@
-/**
- * CSS selectors and data attributes used across the Recommendation extension
- */
-/**
- * Container selector for the product container element
- * Used across controls to target elements within the recommendation block
- */
-export declare const CONTAINER_SELECTOR = ".ins-recommendation-product-container";
-/**
- * Attribute type constants used in templates
- * These are used as keys in ElementRenderer and composition arrays
- */
-export declare const ATTR_PRODUCT_IMAGE = "productImage";
-export declare const ATTR_PRODUCT_NAME = "productName";
-export declare const ATTR_PRODUCT_PRICE = "productPrice";
-export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
-export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
-export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
-export declare const ATTR_PRODUCT_BUTTON = "productButton";