@useinsider/guido 3.17.0 → 3.18.0-beta.a0b94e0

package/dist/extensions/Blocks/Items/template.js

@@ -1,115 +1,121 @@
 import { escapeHtml as m } from "../../../utils/htmlEscape.js";
-import { BlockType as R, BlockAttr as S } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { ItemsBlockId as O } from "./enums/controlEnums.js";
-import { productPairs as h, templateFirstLine as q } from "./enums/productEnums.js";
-import { ItemInCartOptions as j, SETTINGS_ENUMS as N, DefaultConfigValues as M } from "./enums/settingsEnums.js";
-import C from "./layouts/horizontal.html.js";
-import J from "./layouts/vertical.html.js";
-import { deriveItemNumber as Z, escapeReplacement as g } from "./utils/nodeConfigUtils.js";
-let [v] = h.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [F] = h.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [x] = h.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [L] = h.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [X] = h.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
-const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCase().startsWith(e.toLowerCase())).join("; ").replace(/;\s*$/, ""), k = (s) => U(s, "text-align"), y = (s, e) => {
-  const r = new RegExp(`${e}\\s*:\\s*([^;]+)`, "i"), a = s.match(r);
+import { BlockType as b, BlockAttr as N } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { blockCellPadMarker as U, NAME_VERTICAL_MAX_WIDTH as Z, nameMaxWidthFor as f, blockCellPaddingFor as H } from "./constants/cardLayout.js";
+import { ITEMS_CURRENCY_ATTR as k, currencyPositionFromLocation as Q } from "./constants/currency.js";
+import { ItemsBlockId as h } from "./enums/controlEnums.js";
+import { productPairs as P, templateFirstLine as tt } from "./enums/productEnums.js";
+import { ItemInCartOptions as et, SETTINGS_ENUMS as w, DefaultConfigValues as V } from "./enums/settingsEnums.js";
+import at from "./layouts/horizontal.html.js";
+import st from "./layouts/vertical.html.js";
+import { deriveItemNumber as lt, escapeReplacement as W } from "./utils/nodeConfigUtils.js";
+let [g] = P.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [M] = P.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [x] = P.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [L] = P.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [G] = P.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
+const F = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCase().startsWith(e.toLowerCase())).join("; ").replace(/;\s*$/, ""), v = (s) => F(s, "text-align"), S = (s, e) => {
+  const l = new RegExp(`${e}\\s*:\\s*([^;]+)`, "i"), a = s.match(l);
   return a ? a[1].trim() : null;
-}, w = (s) => `<tr>${s}</tr>`, f = (s, e, r, a) => {
-  const i = r || M.productImageHeight, d = (a == null ? void 0 : a.imageVisible) === !1 ? "display: none; " : "";
-  return w(`
+}, rt = (s, e, l = Z) => {
+  const a = ["white-space", "overflow", "text-overflow", "max-width"].reduce((c, n) => F(c, n), s), i = e ? `white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: ${l}` : `max-width: ${l}`;
+  return [a, i].map((c) => c.trim().replace(/;\s*$/, "")).filter(Boolean).join("; ");
+}, y = (s) => `<tr>${s}</tr>`, ct = (s, e, l, a) => {
+  const i = l || V.productImageHeight, c = (a == null ? void 0 : a.imageVisible) === !1 ? "display: none; " : "";
+  return y(`
         <td class="esd-block-image document-node-component default-block-component selectable ng-star-inserted"
             align="center"
-            esd-extension-block-id="${O.IMAGE}"
+            esd-extension-block-id="${h.IMAGE}"
             data-slot-1=""
             product-attr="imageSrc"
             data-type="${s}"
             data-number="${e}"
-            style="${d}font-size: 0px;">
+            style="${c}font-size: 0px;">
             <a class="document-node-component ng-star-inserted"
                 target="_blank"
                 href="#!">
                 <img class="adapt-img document-node-component ng-star-inserted"
                     style="object-fit: contain;"
-                    src="${v}"
-                    alt="${F}"
+                    src="${g}"
+                    alt="${M}"
                     width="${i}"
                     height="${i}">
             </a>
         </td>
     `);
-}, tt = (s, e) => `
-    <${R.BLOCK_IMAGE}
-        ${S.BLOCK_IMAGE.src}="${v}"
-        ${S.BLOCK_IMAGE.alt}="${F}"
-        ${S.BLOCK_IMAGE.href}="#!"
-        ${S.BLOCK_IMAGE.width}="${M.productImageWidth}"
-        ${S.BLOCK_IMAGE.height}="${M.productImageWidth}"
-        esd-extension-block-id="${O.IMAGE}"
+}, it = (s, e) => `
+    <${b.BLOCK_IMAGE}
+        ${N.BLOCK_IMAGE.src}="${g}"
+        ${N.BLOCK_IMAGE.alt}="${M}"
+        ${N.BLOCK_IMAGE.href}="#!"
+        ${N.BLOCK_IMAGE.width}="${V.productImageWidth}"
+        ${N.BLOCK_IMAGE.height}="${V.productImageWidth}"
+        esd-extension-block-id="${h.IMAGE}"
         data-slot-1
         product-attr="imageSrc"
         data-type="${s}"
         data-number="${e}"
     />
-    `, et = (s, e, r, a) => {
-  const i = `
+    `, nt = (s, e, l, a, i) => {
+  const c = f(i), n = `
         word-wrap: break-word;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         width: 100%;
-        max-width: 100%;
+        max-width: ${c};
     `;
   if (e) {
-    const d = y(r || "", "text-align") || "center", n = k(r || i), c = y(n, "font-weight"), l = y(n, "font-style"), o = c === "bold" || c === "700", t = l === "italic", p = U(
-      U(
-        U(n, "font-weight"),
+    const d = S(l || "", "text-align") || "center", r = v(l || n), p = S(r, "font-weight"), t = S(r, "font-style"), $ = p === "bold" || p === "700", E = t === "italic", I = F(
+      F(
+        F(r, "font-weight"),
         "font-style"
       ),
       "text-decoration"
-    ), T = (a == null ? void 0 : a.nameVisible) === !1 ? "display: none;" : "display: table-cell;", _ = p ? ` style="${m(p)}"` : "";
-    let E = F;
-    return o && (E = `<strong>${E}</strong>`), t && (E = `<em>${E}</em>`), w(`
-            <td class="esd-block-text es-p10"
+    ), R = (a == null ? void 0 : a.nameVisible) === !1 ? "display: none;" : "display: table-cell;", T = rt(I, (a == null ? void 0 : a.nameTrimming) ?? !0, c), u = ` style="${m(T)}"`;
+    let o = M;
+    return $ && (o = `<strong>${o}</strong>`), E && (o = `<em>${o}</em>`), y(`
+            <td class="esd-block-text es-p5"
                 align="${d}"
                 width="100%"
                 colspan="2"
                 data-type="${s}"
-                esd-extension-block-id="${O.NAME}"
-                style="${T}">
+                esd-extension-block-id="${h.NAME}"
+                style="${R}">
                 <p contenteditable="false"
                     path="1"
                     product-attr="name"
-                    data-slot-2${_}>
-                    ${E}
+                    data-slot-2${u}>
+                    ${o}
                 </p>
             </td>
         `);
   }
-  return `<${R.BLOCK_TEXT}
+  return `<${b.BLOCK_TEXT}
         width="100%"
         align="center"
         colspan="2"
-        class="es-p10"
+        class="es-p5"
         data-type="${s}"
-        esd-extension-block-id="${O.NAME}"
+        esd-extension-block-id="${h.NAME}"
     >
         <p contenteditable="false"
             product-attr="name"
             data-slot-2
-            style="${i}">
-            ${F}
+            style="${n}">
+            ${M}
         </p>
-    </${R.BLOCK_TEXT}>
+    </${b.BLOCK_TEXT}>
 `;
-}, at = (s, e, r, a, i, d, n, c, l, o) => {
+}, dt = (s, e, l, a, i, c, n, d, r, p) => {
   let t = x;
   if (a && a.trim()) {
-    const $ = `${a.trim()}`;
-    t = (i || "0") === "1" ? `${x}&nbsp;${$}` : `${$}&nbsp;${x}`;
+    const _ = `${a.trim()}`;
+    t = (i || "0") === "1" ? `${x}&nbsp;${_}` : `${_}&nbsp;${x}`;
   }
-  const p = i === "1" ? "after" : "before", T = `data-formated="${r ? "true" : "false"}"`, _ = `data-curency="${p}"`, E = a ? `data-currency_symbol="${a}"` : "", u = `data-single_price="${c ? "true" : "false"}"`, I = l === N.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
-  if (d) {
-    const b = k(n || "color: #060606; white-space: nowrap; font-size: 20px;"), A = o ? "" : ' style="display: none;"';
-    return w(`
-        <td class="esd-block-text items-block-price${I}"
+  const $ = Q(i), E = `data-formated="${l ? "true" : "false"}"`, I = `${k.POSITION}="${$}"`, R = a ? `${k.SYMBOL}="${a}"` : "", T = `data-single_price="${d ? "true" : "false"}"`, u = r === w.ORIENTATION.VERTICAL, o = H(u);
+  if (c) {
+    const O = v(n || "color: #060606; white-space: nowrap; font-size: 20px;"), A = p ? "" : ' style="display: none;"';
+    return y(`
+        <td class="esd-block-text items-block-price${o}"
             align="center"
-            esd-extension-block-id="${O.PRICE}"
+            esd-extension-block-id="${h.PRICE}"
+            ${U(u)}
             width="100%"
             ${A}>
             <p product-attr="price"
@@ -117,20 +123,21 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                 data-slot-4
                 data-type="${s}"
                 data-number="${e}"
-                ${T}
-                ${_}
                 ${E}
-                ${u}
-                style="${m(b)}">
+                ${I}
+                ${R}
+                ${T}
+                style="${m(O)}">
                 ${t}
             </p>
         </td>
         `);
   }
   return `
-        <${R.BLOCK_TEXT}
-            esd-extension-block-id="${O.PRICE}"
-            class="items-block-price ${I}"
+        <${b.BLOCK_TEXT}
+            esd-extension-block-id="${h.PRICE}"
+            class="items-block-price ${o}"
+            ${U(u)}
             width="100%"
             align="center"
         >
@@ -140,49 +147,51 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                 data-slot-4
                 data-type="${s}"
                 data-number="${e}"
+                ${E}
+                ${I}
+                ${R}
                 ${T}
-                ${_}
-                ${a ? `data-currency_symbol="${a}"` : ""}
-                ${u}
             >
                 ${t}
             </p>
-        </${R.BLOCK_TEXT}>
+        </${b.BLOCK_TEXT}>
     `;
-}, st = (s, e, r, a, i, d, n = !0, c, l, o) => {
+}, ot = (s, e, l, a, i, c, n = !0, d, r, p) => {
   let t = L;
   if (a && a.trim()) {
-    const $ = `${a.trim()}`;
-    t = (i || "0") === "1" ? `${L}&nbsp;${$}` : `${$}&nbsp;${L}`;
+    const O = `${a.trim()}`;
+    t = (i || "0") === "1" ? `${L}&nbsp;${O}` : `${O}&nbsp;${L}`;
   }
-  const p = i === "1" ? "after" : "before", T = `data-formated="${r ? "true" : "false"}"`, _ = `data-curency="${p}"`, E = n ? "" : ' style="display: none;"', u = `data-single_price="${l ? "true" : "false"}"`, I = o === N.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
-  if (d) {
-    const b = k(c || "color: #cc0000; white-space: nowrap; font-size: 19px;");
-    return w(`
-            <td class="esd-block-text items-block-price${I}"
-                esd-extension-block-id="${O.ORIGINAL_PRICE}"
+  const $ = Q(i), E = `data-formated="${l ? "true" : "false"}"`, I = `${k.POSITION}="${$}"`, R = a ? `${k.SYMBOL}="${a}"` : "", T = n ? "" : ' style="display: none;"', u = `data-single_price="${r ? "true" : "false"}"`, o = p === w.ORIENTATION.VERTICAL, _ = H(o);
+  if (c) {
+    const A = v(d || "color: #cc0000; white-space: nowrap; font-size: 19px;");
+    return y(`
+            <td class="esd-block-text items-block-price${_}"
+                esd-extension-block-id="${h.ORIGINAL_PRICE}"
+                ${U(o)}
                 width="100%"
-                align="center"${E}>
+                align="center"${T}>
                 <p
                     product-attr="originalPrice"
                     contenteditable="false"
                     data-slot-5
                     data-type="${s}"
                     data-number="${e}"
-                    ${T}
-                    ${_}
-                    ${a ? `data-currency_symbol="${a}"` : ""}
+                    ${E}
+                    ${I}
+                    ${R}
                     ${u}
-                    style="${m(b)}">
+                    style="${m(A)}">
                     <s>${t}</s>
                 </p>
             </td>
         `);
   }
   return `
-        <${R.BLOCK_TEXT}
-            class="items-block-price ${I}"
-            esd-extension-block-id="${O.ORIGINAL_PRICE}"
+        <${b.BLOCK_TEXT}
+            class="items-block-price ${_}"
+            esd-extension-block-id="${h.ORIGINAL_PRICE}"
+            ${U(o)}
             width="100%"
             align="center"
             ${n ? "" : 'style="display: none;"'}
@@ -194,23 +203,23 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                 style="color: #cc0000"
                 data-type="${s}"
                 data-number="${e}"
-                ${T}
-                ${_}
-                ${a ? `data-currency_symbol="${a}"` : ""}
+                ${E}
+                ${I}
+                ${R}
                 ${u}
             >
                 <s>${t}</s>
             </p>
-        </${R.BLOCK_TEXT}>
+        </${b.BLOCK_TEXT}>
     `;
-}, lt = (s = !0, e, r) => {
+}, pt = (s = !0, e, l) => {
   const a = s ? "" : 'style="display: none;"';
   if (e) {
-    const i = "font-size: 14px;", d = y(r || "", "text-align") || "center", n = k(r || i);
-    return w(`
-            <td class="esd-block-text es-p10 document-node-component default-block-component selectable"
-                width="100%" align="${d}"
-                esd-extension-block-id="${O.QUANTITY}"
+    const i = "font-size: 14px;", c = S(l || "", "text-align") || "center", n = v(l || i);
+    return y(`
+            <td class="esd-block-text es-p5 document-node-component default-block-component selectable"
+                width="100%" align="${c}"
+                esd-extension-block-id="${h.QUANTITY}"
                 ${a}>
                 <p  product-attr="quantity"
                     data-slot-3=""
@@ -218,17 +227,17 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                     width="100%"
                     path="1"
                     style="${m(n)}">
-                    ${X}
+                    ${G}
                 </p>
             </td>
             `);
   }
   return `
-        <${R.BLOCK_TEXT}
+        <${b.BLOCK_TEXT}
             width="100%"
             align="center"
-            class="es-p10"
-            esd-extension-block-id="${O.QUANTITY}"
+            class="es-p5"
+            esd-extension-block-id="${h.QUANTITY}"
             ${s ? "" : 'style="display: none;"'}
         >
             <p
@@ -236,177 +245,178 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                 data-slot-3
                 contenteditable="false"
                 width="100%">
-                ${X}
+                ${G}
             </p>
-        </${R.BLOCK_TEXT}>
+        </${b.BLOCK_TEXT}>
     `;
-}, rt = (s, e, r = "Buy", a, i, d = !0, n = !0) => {
+}, $t = (s, e, l = "Buy", a, i, c = !0, n = !0) => {
   if (a) {
-    const c = y(i || "", "background") || y(i || "", "background-color"), l = c ? `border-width: 0px; background: ${c};` : "border-width: 0px;", o = d ? "es-fw" : "es-il", t = (i || "").replace("border-width: 0;", "");
-    return w(`
+    const d = S(i || "", "background") || S(i || "", "background-color"), r = d ? `border-width: 0px; background: ${d};` : "border-width: 0px;", p = c ? "es-fw" : "es-il", t = (i || "").replace("border-width: 0;", ""), E = /(?:^|;)\s*padding\s*:/.test(t) ? "" : " padding: 5px 12px;";
+    return y(`
         <td class="esd-block-button ins-button default-block-component selectable"
-            align="center" width="100%" name="buy-button" caption="${r}"
-            esd-extension-block-id="${O.BUTTON}"
+            align="center" width="100%" name="buy-button" caption="${m(l)}"
+            esd-extension-block-id="${h.BUTTON}"
             product-attr="button" data-slot-6="" data-type="${s}" data-number="${e}"
             ${n ? "" : ' style="display: none;"'}>
-            <span class="es-button-border ${o}" style="${m(l)}">
+            <span class="es-button-border ${p}" style="${m(r)}">
             <a
                 class="es-button"
                 href="#!"
                 target="_blank"
-                style="${m(t)} padding: 5px 12px;">
-                    ${r}
+                style="${m(t)}${E}">
+                    ${m(l)}
                 </a>
             </span>
         </td>
         `);
   }
   return `
-        <${R.BLOCK_BUTTON}
+        <${b.BLOCK_BUTTON}
             width="100%"
             class="ins-button"
             name="buy-button"
-            caption="${r}"
+            caption="${m(l)}"
             align="center"
-            esd-extension-block-id="${O.BUTTON}"
+            esd-extension-block-id="${h.BUTTON}"
             product-attr="button"
             data-slot-6
             data-type="${s}"
             data-number="${e}"
-        >${r}
-        </${R.BLOCK_BUTTON}>
+        >${m(l)}
+        </${b.BLOCK_BUTTON}>
     `;
-}, ct = (s, e, r, a = !0, i = !0) => {
-  const d = e === N.ORIENTATION.VERTICAL, n = r === "horizontal";
-  if (d) {
-    const c = !n, l = c || !i ? "100%" : "50%", o = c || !a ? "100%" : "50%";
+}, Et = (s, e, l, a = !0, i = !0) => {
+  const c = e === w.ORIENTATION.VERTICAL, n = l === "horizontal";
+  if (c) {
+    const d = !n, r = d || !i ? "100%" : "50%", p = d || !a ? "100%" : "50%";
     let t = s.replace(
       /<td\s+[^>]*class="([^"]*product-price-class[^"]*)"[^>]*>/gi,
-      (p) => p.replace(/width="[^"]*"/gi, `width="${l}"`).replace(/width:\s*[^;]+;/gi, `width: ${l};`)
+      ($) => $.replace(/width="[^"]*"/gi, `width="${r}"`).replace(/width:\s*[^;]+;/gi, `width: ${r};`)
     );
     return t = t.replace(
       /<td\s+[^>]*class="([^"]*product-original-price-class[^"]*)"[^>]*>/gi,
-      (p) => p.replace(/width="[^"]*"/gi, `width="${o}"`).replace(/width:\s*[^;]+;/gi, `width: ${o};`)
+      ($) => $.replace(/width="[^"]*"/gi, `width="${p}"`).replace(/width:\s*[^;]+;/gi, `width: ${p};`)
     ), t;
   }
   return n ? s : s.replace(
     /<td\s+[^>]*class="[^"]*horizontal-price[^"]*"[^>]*>/gi,
-    (c) => /style\s*=\s*"/i.test(c) ? c.replace(/style\s*=\s*"([^"]*)"/i, 'style="display: none; $1"') : c.replace(/>$/, ' style="display: none;">')
+    (d) => /style\s*=\s*"/i.test(d) ? d.replace(/style\s*=\s*"([^"]*)"/i, 'style="display: none; $1"') : d.replace(/>$/, ' style="display: none;">')
   ).replace(
     /<td\s+[^>]*class="[^"]*vertical-price[^"]*"[^>]*>/gi,
-    (c) => c.replace(/display:\s*none;?/gi, "display: table-cell;")
+    (d) => d.replace(/display:\s*none;?/gi, "display: table-cell;")
   );
-}, it = (s) => s ? `<td align="center"
+}, Tt = (s) => s ? `<td align="center"
             esd-extension-block-id="items-block"
-            class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block esd-container-frame">` : q, B = (s, e, r, a, i, d, n, c, l, o, t, p, T, _ = "horizontal", E, u, P, I) => {
-  const $ = o !== void 0 ? ` data-nodup="${o}"` : "", A = `${`data-type="${e}" data-number="${r}"`} data-orientation="${a}"${$}`, D = l == null ? void 0 : l["data-product_image_control_image-height"], V = d ? f(e, r, D, t) : tt(e, r), W = (t == null ? void 0 : t.buttonLabel) || "Buy", z = (t == null ? void 0 : t.buttonFullWidth) !== void 0 ? t.buttonFullWidth : !0, H = e === N.ITEMS_TYPE.BROWSED_ITEMS ? !1 : t == null ? void 0 : t.quantityControlEnabled, Q = (t == null ? void 0 : t.buttonVisible) !== void 0 ? t.buttonVisible : (l == null ? void 0 : l["data-product_button_control_enabled"]) !== "false", G = (t == null ? void 0 : t.priceVisible) !== void 0 ? t.priceVisible : (l == null ? void 0 : l["data-product_price_control_enabled"]) !== "false", K = (t == null ? void 0 : t.originalPriceVisible) !== void 0 ? t.originalPriceVisible : (l == null ? void 0 : l["data-product_original_price_control_enabled"]) !== "false", Y = s.replace("{-{-TEMPLATE_FIRST_LINE-}-}", it(d)).replace("{-{-PRODUCT_IMAGE-}-}", V).replace("{-{-PRODUCT_NAME-}-}", et(e, d, p, t)).replaceAll(
+            class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block esd-container-frame">` : tt, z = (s, e, l, a, i, c, n, d, r, p, t, $, E, I = "horizontal", R, T, u, o) => {
+  const _ = p !== void 0 ? ` data-nodup="${p}"` : "", A = `${`data-type="${e}" data-number="${l}"`} data-orientation="${a}"${_}`, D = r == null ? void 0 : r["data-product_image_control_image-height"], X = c ? ct(e, l, D, t) : it(e, l), Y = (t == null ? void 0 : t.buttonLabel) || "Buy", j = (t == null ? void 0 : t.buttonFullWidth) !== void 0 ? t.buttonFullWidth : !0, q = e === w.ITEMS_TYPE.BROWSED_ITEMS ? !1 : t == null ? void 0 : t.quantityControlEnabled, C = (t == null ? void 0 : t.buttonVisible) !== void 0 ? t.buttonVisible : (r == null ? void 0 : r["data-product_button_control_enabled"]) !== "false", B = (t == null ? void 0 : t.priceVisible) !== void 0 ? t.priceVisible : (r == null ? void 0 : r["data-product_price_control_enabled"]) !== "false", K = (t == null ? void 0 : t.originalPriceVisible) !== void 0 ? t.originalPriceVisible : (r == null ? void 0 : r["data-product_original_price_control_enabled"]) !== "false", J = s.replace("{-{-TEMPLATE_FIRST_LINE-}-}", Tt(c)).replace("{-{-PRODUCT_IMAGE-}-}", X).replace("{-{-PRODUCT_NAME-}-}", nt(e, c, $, t, a)).replaceAll(
     "{-{-PRODUCT_PRICE-}-}",
-    g(at(
+    W(dt(
       e,
-      r,
+      l,
       i,
       n,
-      c,
       d,
-      E,
-      I,
+      c,
+      R,
+      o,
       a,
-      G
+      B
     ))
   ).replaceAll(
     "{-{-PRODUCT_ORIGINAL_PRICE-}-}",
-    g(st(
+    W(ot(
       e,
-      r,
+      l,
       i,
       n,
-      c,
       d,
+      c,
       K,
-      u,
-      I,
+      T,
+      o,
       a
     ))
-  ).replace("{-{-PRODUCT_QUANTITY-}-}", lt(H, d, P)).replace(
+  ).replace("{-{-PRODUCT_QUANTITY-}-}", pt(q, c, u)).replace(
     "{-{-PRODUCT_BUTTON-}-}",
-    rt(e, r, W, d, T, z, Q)
+    $t(e, l, Y, c, E, j, C)
   ).replace(
     /<td([^>]*class="[^"]*ins-product-td[^"]*"[^>]*)>/,
     `<td$1 ${A}>`
   );
-  return ct(
-    Y,
+  return Et(
+    J,
     a,
-    _,
-    G,
+    I,
+    B,
     K
   );
 };
-function It({
+function wt({
   orientation: s,
-  itemsType: e = N.ITEMS_TYPE.CART_ITEMS,
-  itemId: r,
+  itemsType: e = w.ITEMS_TYPE.CART_ITEMS,
+  itemId: l,
   currencySymbol: a,
   currencyLocation: i,
-  migrate: d = !1,
+  migrate: c = !1,
   formattedPrice: n = !0,
-  configBlockAttributes: c,
-  nodeConfig: l,
-  nameStyles: o,
+  configBlockAttributes: d,
+  nodeConfig: r,
+  nameStyles: p,
   buttonStyles: t,
-  priceStyles: p,
-  originalPriceStyles: T,
-  quantityStyles: _,
-  priceOrientation: E
+  priceStyles: $,
+  originalPriceStyles: E,
+  quantityStyles: I,
+  priceOrientation: R
 }) {
-  const u = j[e].findIndex((V) => V.value === r), P = Z(r, e), I = (l == null ? void 0 : l.priceSinglePrice) ?? (c == null ? void 0 : c["data-product_price_control_single_price"]) === "1" ?? !1;
-  v = h.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[u >= 0 ? u : 0], F = h.PAIRS_FOR_EXTENSION.name[e].DEFAULT[u >= 0 ? u : 0];
-  const $ = h.PAIRS_FOR_EXTENSION.price[e], b = h.PAIRS_FOR_EXTENSION.originalPrice[e];
-  I ? (x = n ? $.DEFAULT_SINGLE_PRICE_FORMATTED : $.DEFAULT_SINGLE_PRICE, L = n ? b.DEFAULT_SINGLE_PRICE_FORMATTED : b.DEFAULT_SINGLE_PRICE) : (x = n ? $.DEFAULT_PRICE_FORMATTED : $.DEFAULT_PRICE, L = n ? b.DEFAULT_PRICE_FORMATTED : b.DEFAULT_PRICE), X = h.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT;
-  const A = E || (l == null ? void 0 : l.priceOrientation) || "horizontal", D = (l == null ? void 0 : l.priceHideDiscount) ?? M.productPriceHideDiscountControlValue === "1";
-  return s === N.ORIENTATION.VERTICAL ? B(
-    J,
+  const T = et[e].findIndex((X) => X.value === l), u = lt(l, e), o = (r == null ? void 0 : r.priceSinglePrice) ?? (d == null ? void 0 : d["data-product_price_control_single_price"]) === "1" ?? !1;
+  g = P.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[T >= 0 ? T : 0], M = P.PAIRS_FOR_EXTENSION.name[e].DEFAULT[T >= 0 ? T : 0];
+  const _ = P.PAIRS_FOR_EXTENSION.price[e], O = P.PAIRS_FOR_EXTENSION.originalPrice[e];
+  o ? (x = n ? _.DEFAULT_SINGLE_PRICE_FORMATTED : _.DEFAULT_SINGLE_PRICE, L = n ? O.DEFAULT_SINGLE_PRICE_FORMATTED : O.DEFAULT_SINGLE_PRICE) : (x = n ? _.DEFAULT_PRICE_FORMATTED : _.DEFAULT_PRICE, L = n ? O.DEFAULT_PRICE_FORMATTED : O.DEFAULT_PRICE), G = P.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT;
+  const A = R || (r == null ? void 0 : r.priceOrientation) || "horizontal", D = (r == null ? void 0 : r.priceHideDiscount) ?? V.productPriceHideDiscountControlValue === "1";
+  return s === w.ORIENTATION.VERTICAL ? z(
+    st,
     e,
-    P,
+    u,
     s,
     n,
-    d,
+    c,
     a,
     i,
-    c,
+    d,
     String(D),
     // nodup
-    l,
-    o,
+    r,
+    p,
     t,
     A,
-    p,
-    T,
-    _,
-    I
-  ) : B(
-    C,
+    $,
+    E,
+    I,
+    o
+  ) : z(
+    at,
     e,
-    P,
+    u,
     s,
     n,
-    d,
+    c,
     a,
     i,
-    c,
+    d,
     String(D),
     // nodup
-    l,
-    o,
+    r,
+    p,
     t,
     A,
-    p,
-    T,
-    _,
-    I
+    $,
+    E,
+    I,
+    o
   );
 }
 export {
-  It as getDefaultTemplate,
-  w as wrapInTableRow
+  Et as applyPriceOrientationStyles,
+  wt as getDefaultTemplate,
+  y as wrapInTableRow
 };

package/dist/extensions/Blocks/Items/utils/constants.js

@@ -0,0 +1,4 @@
+const o = ".items-block-v2";
+export {
+  o as ITEMS_BLOCK_SELECTOR
+};