@useinsider/guido 2.0.0-beta.faa7c5d → 2.0.0-beta.fb0f99d

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

@@ -0,0 +1,186 @@
+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

@@ -0,0 +1,251 @@
+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

@@ -0,0 +1,62 @@
+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/filterUtil.js

@@ -1,28 +1,28 @@
 function l(t) {
   if (t.length === 0)
     return "";
-  const o = t.sort((r, e) => r.filterNumber - e.filterNumber), n = o.map((r) => `[${r.attribute}][${r.operatorReplace}][${r.value}]`), [s, ...p] = n;
-  let u = s;
+  const o = t.sort((r, e) => r.filterNumber - e.filterNumber), n = o.map((r) => `[${r.attribute}][${r.operatorReplace}][${r.value}]`), [i, ...p] = n;
+  let u = i;
   for (let r = 0; r < p.length; r++) {
     const e = o[r + 1].innerGroupOperator;
     u += `${e}${p[r]}`;
   }
   return `(${u})`;
 }
-function m(t) {
+function f(t) {
   if (!t || t.length === 0)
     return "";
-  const o = t.reduce((r, e) => (r[e.filterGroup] || (r[e.filterGroup] = []), r[e.filterGroup].push(e), r), {}), n = Object.keys(o).map(Number).sort((r, e) => r - e), s = n.map((r) => {
+  const o = t.reduce((r, e) => (r[e.filterGroup] || (r[e.filterGroup] = []), r[e.filterGroup].push(e), r), {}), n = Object.keys(o).map(Number).sort((r, e) => r - e), i = n.map((r) => {
     const e = o[r];
     return l(e);
-  }), [p, ...u] = s;
-  let i = p;
+  }), [p, ...u] = i;
+  let s = p;
   for (let r = 0; r < u.length; r++) {
     const e = n[r + 1], c = o[e][0].outerGroupOperator;
-    i += `${c}${u[r]}`;
+    s += `${c}${u[r]}`;
   }
-  return console.debug("🎉 Complete query generated:", i), i.trim();
+  return s.trim();
 }
 export {
-  m as generateCompleteFilterQuery
+  f as generateCompleteFilterQuery
 };

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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1,46 @@
+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
+};