@useinsider/guido 3.14.0-beta.2bae355 → 3.14.0-beta.38ef0be

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

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