@useinsider/guido 3.23.0-beta.31d0f5f → 3.23.0-beta.9f6bfbf

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

@@ -1,147 +1,177 @@
-import { escapeHtml as b } from "../../../utils/htmlEscape.js";
-import { BlockType as R, 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 tt, blockCellPaddingFor as Q } from "./constants/cardLayout.js";
-import { ITEMS_CURRENCY_ATTR as k, currencyPositionFromLocation as Y } from "./constants/currency.js";
-import { ItemsBlockId as m } from "./enums/controlEnums.js";
-import { productPairs as P, templateFirstLine as et } from "./enums/productEnums.js";
-import { ItemInCartOptions as at, SETTINGS_ENUMS as S, DefaultConfigValues as g } from "./enums/settingsEnums.js";
-import st from "./layouts/horizontal.html.js";
-import lt from "./layouts/vertical.html.js";
-import { deriveItemNumber as rt, escapeReplacement as z } from "./utils/nodeConfigUtils.js";
-let [B] = P.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [M] = P.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [F] = P.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [x] = P.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [G] = P.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
-const L = (a, t) => a.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCase().startsWith(t.toLowerCase())).join("; ").replace(/;\s*$/, ""), v = (a) => L(a, "text-align"), D = (a, t) => {
-  const l = new RegExp(`${t}\\s*:\\s*([^;]+)`, "i"), s = a.match(l);
+import { escapeHtml as O } from "../../../utils/htmlEscape.js";
+import { BlockType as P, BlockAttr as x } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { blockCellPadMarker as k, NAME_VERTICAL_MAX_WIDTH as st, nameMaxWidthFor as lt, blockCellPaddingFor as Y } from "./constants/cardLayout.js";
+import { ITEMS_PRICE_FORMAT_ATTR as w, ITEMS_CURRENCY_ATTR as f, currencyPositionFromLocation as rt } from "./constants/currency.js";
+import { ItemsBlockId as A } from "./enums/controlEnums.js";
+import { productPairs as b, templateFirstLine as ct } from "./enums/productEnums.js";
+import { ItemInCartOptions as it, SETTINGS_ENUMS as N, DefaultConfigValues as S } from "./enums/settingsEnums.js";
+import nt from "./layouts/horizontal.html.js";
+import ot from "./layouts/vertical.html.js";
+import { deriveItemNumber as dt, escapeReplacement as X } from "./utils/nodeConfigUtils.js";
+import { formatItemsDummyPrice as pt } from "./utils/priceFormatOps.js";
+let [W] = b.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [M] = b.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [C] = b.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [B] = b.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [K] = b.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
+const F = (e, t) => e.split(";").map((a) => a.trim()).filter((a) => !a.toLowerCase().startsWith(t.toLowerCase())).join("; ").replace(/;\s*$/, ""), V = (e) => F(e, "text-align"), D = (e, t) => {
+  const a = new RegExp(`${t}\\s*:\\s*([^;]+)`, "i"), s = e.match(a);
   return s ? s[1].trim() : null;
-}, V = (a) => {
-  var l;
-  const t = (l = D(a || "", "text-align")) == null ? void 0 : l.toLowerCase();
+}, v = (e) => {
+  var a;
+  const t = (a = D(e || "", "text-align")) == null ? void 0 : a.toLowerCase();
   return t && ["left", "center", "right", "justify"].includes(t) ? t : "center";
-}, ct = (a, t, l = Z) => {
-  const s = ["white-space", "overflow", "text-overflow", "max-width"].reduce((c, i) => L(c, i), a), o = t ? `white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: ${l}` : `max-width: ${l}`;
-  return [s, o].map((c) => c.trim().replace(/;\s*$/, "")).filter(Boolean).join("; ");
-}, w = (a) => `<tr>${a}</tr>`, it = (a, t, l, s) => {
-  const o = l || g.productImageHeight, c = (s == null ? void 0 : s.imageVisible) === !1 ? "display: none; " : "";
-  return w(`
+}, $t = (e, t, a = st) => {
+  const s = ["white-space", "overflow", "text-overflow", "max-width"].reduce((i, o) => F(i, o), e), c = t ? `white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: ${a}` : `max-width: ${a}`;
+  return [s, c].map((i) => i.trim().replace(/;\s*$/, "")).filter(Boolean).join("; ");
+}, L = (e) => `<tr>${e}</tr>`, j = (e, t, a, s, c) => c ? { formatedAttr: "", curencyAttr: "", currencySymbolAttr: "", singlePriceAttr: "" } : {
+  formatedAttr: `data-formated="${e ? "true" : "false"}"`,
+  curencyAttr: `${f.POSITION}="${rt(a)}"`,
+  currencySymbolAttr: t ? `${f.SYMBOL}="${t}"` : "",
+  singlePriceAttr: `data-single_price="${s ? "true" : "false"}"`
+}, q = (e, t, a, s) => {
+  if (s)
+    return pt({
+      amount: e,
+      format: s,
+      symbol: t ?? S.productPriceCurrencySymbolControlValue,
+      alignment: a ?? S.productPriceCurrencyLocationControlValue
+    });
+  if (t && t.trim()) {
+    const c = `${t.trim()}`;
+    return (a || "0") === "1" ? `${e}&nbsp;${c}` : `${c}&nbsp;${e}`;
+  }
+  return e;
+}, ut = (e, t, a, s) => {
+  const c = t ?? S.productPriceCurrencySymbolControlValue, i = a ?? S.productPriceCurrencyLocationControlValue;
+  return [
+    [w.SINGLE_PRICE, s ? "true" : "false"],
+    [w.SYMBOL, c],
+    [w.ALIGNMENT, i],
+    [w.THOUSAND_SEPARATOR, e.thousandSeparator],
+    [w.DECIMAL_SEPARATOR, e.decimalSeparator],
+    [w.DECIMAL_COUNT, String(e.decimalCount)]
+  ].map(([o, n]) => `${o}="${O(n)}"`).join(" ");
+}, Et = (e, t, a, s) => {
+  const c = a || S.productImageHeight, i = (s == null ? void 0 : s.imageVisible) === !1 ? "display: none; " : "";
+  return L(`
         <td class="esd-block-image document-node-component default-block-component selectable ng-star-inserted"
             align="center"
-            esd-extension-block-id="${m.IMAGE}"
+            esd-extension-block-id="${A.IMAGE}"
             data-slot-1=""
             product-attr="imageSrc"
-            data-type="${a}"
+            data-type="${e}"
             data-number="${t}"
-            style="${c}font-size: 0px;">
+            style="${i}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="${B}"
+                    src="${W}"
                     alt="${M}"
-                    width="${o}"
-                    height="${o}">
+                    width="${c}"
+                    height="${c}">
             </a>
         </td>
     `);
-}, nt = (a, t) => `
-    <${R.BLOCK_IMAGE}
-        ${N.BLOCK_IMAGE.src}="${B}"
-        ${N.BLOCK_IMAGE.alt}="${M}"
-        ${N.BLOCK_IMAGE.href}="#!"
-        ${N.BLOCK_IMAGE.width}="${g.productImageWidth}"
-        ${N.BLOCK_IMAGE.height}="${g.productImageWidth}"
-        esd-extension-block-id="${m.IMAGE}"
+}, Tt = (e, t) => `
+    <${P.BLOCK_IMAGE}
+        ${x.BLOCK_IMAGE.src}="${W}"
+        ${x.BLOCK_IMAGE.alt}="${M}"
+        ${x.BLOCK_IMAGE.href}="#!"
+        ${x.BLOCK_IMAGE.width}="${S.productImageWidth}"
+        ${x.BLOCK_IMAGE.height}="${S.productImageWidth}"
+        esd-extension-block-id="${A.IMAGE}"
         data-slot-1
         product-attr="imageSrc"
-        data-type="${a}"
+        data-type="${e}"
         data-number="${t}"
     />
-    `, ot = (a, t, l, s, o) => {
-  const c = tt(o), i = `
+    `, _t = (e, t, a, s, c) => {
+  const i = lt(c), o = `
         word-wrap: break-word;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         width: 100%;
-        max-width: ${c};
+        max-width: ${i};
     `;
   if (t) {
-    const n = V(l), r = v(l || i), p = D(r, "font-weight"), e = D(r, "font-style"), E = p === "bold" || p === "700", u = e === "italic", _ = L(
-      L(
-        L(r, "font-weight"),
+    const n = v(a), r = V(a || o), p = D(r, "font-weight"), l = D(r, "font-style"), $ = p === "bold" || p === "700", T = l === "italic", _ = F(
+      F(
+        F(r, "font-weight"),
         "font-style"
       ),
       "text-decoration"
-    ), I = (s == null ? void 0 : s.nameVisible) === !1 ? "display: none;" : "display: table-cell;", $ = ct(_, (s == null ? void 0 : s.nameTrimming) ?? !0, c), T = ` style="${b($)}"`;
+    ), I = (s == null ? void 0 : s.nameVisible) === !1 ? "display: none;" : "display: table-cell;", u = $t(_, (s == null ? void 0 : s.nameTrimming) ?? !0, i), E = ` style="${O(u)}"`;
     let d = M;
-    return E && (d = `<strong>${d}</strong>`), u && (d = `<em>${d}</em>`), w(`
+    return $ && (d = `<strong>${d}</strong>`), T && (d = `<em>${d}</em>`), L(`
             <td class="esd-block-text es-p5"
                 align="${n}"
                 width="100%"
                 colspan="2"
-                data-type="${a}"
-                esd-extension-block-id="${m.NAME}"
+                data-type="${e}"
+                esd-extension-block-id="${A.NAME}"
                 style="${I}">
                 <p contenteditable="false"
                     path="1"
                     product-attr="name"
-                    data-slot-2${T}>
+                    data-slot-2${E}>
                     ${d}
                 </p>
             </td>
         `);
   }
-  return `<${R.BLOCK_TEXT}
+  return `<${P.BLOCK_TEXT}
         width="100%"
         align="center"
         colspan="2"
         class="es-p5"
-        data-type="${a}"
-        esd-extension-block-id="${m.NAME}"
+        data-type="${e}"
+        esd-extension-block-id="${A.NAME}"
     >
         <p contenteditable="false"
             product-attr="name"
             data-slot-2
-            style="${i}">
+            style="${o}">
             ${M}
         </p>
-    </${R.BLOCK_TEXT}>
+    </${P.BLOCK_TEXT}>
 `;
-}, dt = (a, t, l, s, o, c, i, n, r, p) => {
-  let e = F;
-  if (s && s.trim()) {
-    const O = `${s.trim()}`;
-    e = (o || "0") === "1" ? `${F}&nbsp;${O}` : `${O}&nbsp;${F}`;
-  }
-  const E = Y(o), u = `data-formated="${l ? "true" : "false"}"`, _ = `${k.POSITION}="${E}"`, I = s ? `${k.SYMBOL}="${s}"` : "", $ = `data-single_price="${n ? "true" : "false"}"`, T = r === S.ORIENTATION.VERTICAL, d = Q(T);
-  if (c) {
-    const h = v(i || "color: #060606; white-space: nowrap; font-size: 20px;"), A = V(i), y = p ? "" : ' style="display: none;"';
-    return w(`
+}, It = (e, t, a, s, c, i, o, n, r, p, l) => {
+  const $ = q(C, s, c, l), { formatedAttr: T, curencyAttr: _, currencySymbolAttr: I, singlePriceAttr: u } = j(
+    a,
+    s,
+    c,
+    n,
+    l
+  ), E = r === N.ORIENTATION.VERTICAL, d = Y(E);
+  if (i) {
+    const y = V(o || "color: #060606; white-space: nowrap; font-size: 20px;"), h = v(o), R = p ? "" : ' style="display: none;"';
+    return L(`
         <td class="esd-block-text items-block-price${d}"
-            align="${A}"
-            esd-extension-block-id="${m.PRICE}"
-            ${U(T)}
+            align="${h}"
+            esd-extension-block-id="${A.PRICE}"
+            ${k(E)}
             width="100%"
-            ${y}>
+            ${R}>
             <p product-attr="price"
                 contenteditable="false"
                 data-slot-4
-                data-type="${a}"
+                data-type="${e}"
                 data-number="${t}"
-                ${u}
+                ${T}
                 ${_}
                 ${I}
+                ${u}
+                style="${O(y)}">
                 ${$}
-                style="${b(h)}">
-                ${e}
             </p>
         </td>
         `);
   }
   return `
-        <${R.BLOCK_TEXT}
-            esd-extension-block-id="${m.PRICE}"
+        <${P.BLOCK_TEXT}
+            esd-extension-block-id="${A.PRICE}"
             class="items-block-price ${d}"
-            ${U(T)}
+            ${k(E)}
             width="100%"
             align="center"
         >
@@ -149,127 +179,128 @@ const L = (a, t) => a.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
                 product-attr="price"
                 contenteditable="false"
                 data-slot-4
-                data-type="${a}"
+                data-type="${e}"
                 data-number="${t}"
-                ${u}
+                ${T}
                 ${_}
                 ${I}
-                ${$}
+                ${u}
             >
-                ${e}
+                ${$}
             </p>
-        </${R.BLOCK_TEXT}>
+        </${P.BLOCK_TEXT}>
     `;
-}, pt = (a, t, l, s, o, c, i = !0, n, r, p) => {
-  let e = x;
-  if (s && s.trim()) {
-    const h = `${s.trim()}`;
-    e = (o || "0") === "1" ? `${x}&nbsp;${h}` : `${h}&nbsp;${x}`;
-  }
-  const E = Y(o), u = `data-formated="${l ? "true" : "false"}"`, _ = `${k.POSITION}="${E}"`, I = s ? `${k.SYMBOL}="${s}"` : "", $ = i ? "" : ' style="display: none;"', T = `data-single_price="${r ? "true" : "false"}"`, d = p === S.ORIENTATION.VERTICAL, O = Q(d);
-  if (c) {
-    const A = v(n || "color: #cc0000; white-space: nowrap; font-size: 19px;"), y = V(n);
-    return w(`
-            <td class="esd-block-text items-block-price${O}"
-                esd-extension-block-id="${m.ORIGINAL_PRICE}"
-                ${U(d)}
+}, mt = (e, t, a, s, c, i, o = !0, n, r, p, l) => {
+  const $ = q(B, s, c, l), { formatedAttr: T, curencyAttr: _, currencySymbolAttr: I, singlePriceAttr: u } = j(
+    a,
+    s,
+    c,
+    r,
+    l
+  ), E = o ? "" : ' style="display: none;"', d = p === N.ORIENTATION.VERTICAL, m = Y(d);
+  if (i) {
+    const h = V(n || "color: #cc0000; white-space: nowrap; font-size: 19px;"), R = v(n);
+    return L(`
+            <td class="esd-block-text items-block-price${m}"
+                esd-extension-block-id="${A.ORIGINAL_PRICE}"
+                ${k(d)}
                 width="100%"
-                align="${y}"${$}>
+                align="${R}"${E}>
                 <p
                     product-attr="originalPrice"
                     contenteditable="false"
                     data-slot-5
-                    data-type="${a}"
+                    data-type="${e}"
                     data-number="${t}"
-                    ${u}
+                    ${T}
                     ${_}
                     ${I}
-                    ${T}
-                    style="${b(A)}">
-                    <s>${e}</s>
+                    ${u}
+                    style="${O(h)}">
+                    <s>${$}</s>
                 </p>
             </td>
         `);
   }
   return `
-        <${R.BLOCK_TEXT}
-            class="items-block-price ${O}"
-            esd-extension-block-id="${m.ORIGINAL_PRICE}"
-            ${U(d)}
+        <${P.BLOCK_TEXT}
+            class="items-block-price ${m}"
+            esd-extension-block-id="${A.ORIGINAL_PRICE}"
+            ${k(d)}
             width="100%"
             align="center"
-            ${i ? "" : 'style="display: none;"'}
+            ${o ? "" : 'style="display: none;"'}
         >
             <p
                 product-attr="originalPrice"
                 contenteditable="false"
                 data-slot-5
                 style="color: #cc0000"
-                data-type="${a}"
+                data-type="${e}"
                 data-number="${t}"
-                ${u}
+                ${T}
                 ${_}
                 ${I}
-                ${T}
+                ${u}
             >
-                <s>${e}</s>
+                <s>${$}</s>
             </p>
-        </${R.BLOCK_TEXT}>
+        </${P.BLOCK_TEXT}>
     `;
-}, $t = (a = !0, t, l) => {
-  const s = a ? "" : 'style="display: none;"';
+}, At = (e = !0, t, a) => {
+  const s = e ? "" : 'style="display: none;"';
   if (t) {
-    const o = "font-size: 14px;", c = V(l), i = v(l || o);
-    return w(`
+    const c = "font-size: 14px;", i = v(a), o = V(a || c);
+    return L(`
             <td class="esd-block-text es-p5 document-node-component default-block-component selectable"
-                width="100%" align="${c}"
-                esd-extension-block-id="${m.QUANTITY}"
+                width="100%" align="${i}"
+                esd-extension-block-id="${A.QUANTITY}"
                 ${s}>
                 <p  product-attr="quantity"
                     data-slot-3=""
                     contenteditable="false"
                     width="100%"
                     path="1"
-                    style="${b(i)}">
-                    ${G}
+                    style="${O(o)}">
+                    ${K}
                 </p>
             </td>
             `);
   }
   return `
-        <${R.BLOCK_TEXT}
+        <${P.BLOCK_TEXT}
             width="100%"
             align="center"
             class="es-p5"
-            esd-extension-block-id="${m.QUANTITY}"
-            ${a ? "" : 'style="display: none;"'}
+            esd-extension-block-id="${A.QUANTITY}"
+            ${e ? "" : 'style="display: none;"'}
         >
             <p
                 product-attr="quantity"
                 data-slot-3
                 contenteditable="false"
                 width="100%">
-                ${G}
+                ${K}
             </p>
-        </${R.BLOCK_TEXT}>
+        </${P.BLOCK_TEXT}>
     `;
-}, Et = (a, t, l = "Buy", s, o, c = !0, i = !0) => {
+}, Ot = (e, t, a = "Buy", s, c, i = !0, o = !0) => {
   if (s) {
-    const n = D(o || "", "background") || D(o || "", "background-color"), r = n ? `border-width: 0px; background: ${n};` : "border-width: 0px;", p = c ? "es-fw" : "es-il", e = (o || "").replace("border-width: 0;", ""), u = /(?:^|;)\s*padding(?:-(?:top|right|bottom|left))?\s*:/.test(e) ? "" : " padding: 5px 12px;", I = /(?:^|;)\s*font-family\s*:/.test(e) ? "" : " font-family: inherit;", $ = e.trim(), T = $ && !$.endsWith(";") ? ";" : "";
-    return w(`
+    const n = D(c || "", "background") || D(c || "", "background-color"), r = n ? `border-width: 0px; background: ${n};` : "border-width: 0px;", p = i ? "es-fw" : "es-il", l = (c || "").replace("border-width: 0;", ""), T = /(?:^|;)\s*padding(?:-(?:top|right|bottom|left))?\s*:/.test(l) ? "" : " padding: 5px 12px;", I = /(?:^|;)\s*font-family\s*:/.test(l) ? "" : " font-family: inherit;", u = l.trim(), E = u && !u.endsWith(";") ? ";" : "";
+    return L(`
         <td class="esd-block-button ins-button default-block-component selectable"
-            align="center" width="100%" name="buy-button" caption="${b(l)}"
-            esd-extension-block-id="${m.BUTTON}"
-            product-attr="button" data-slot-6="" data-type="${a}" data-number="${t}"
-            ${i ? "" : ' style="display: none;"'}>
+            align="center" width="100%" name="buy-button" caption="${O(a)}"
+            esd-extension-block-id="${A.BUTTON}"
+            product-attr="button" data-slot-6="" data-type="${e}" data-number="${t}"
+            ${o ? "" : ' style="display: none;"'}>
             <p style="margin: 0; line-height: unset;">
-            <span class="es-button-border ${p}" style="${b(r)}">
+            <span class="es-button-border ${p}" style="${O(r)}">
             <a
                 class="es-button"
                 href="#!"
                 target="_blank"
-                style="${b($)}${T}${u}${I}">
-                    ${b(l)}
+                style="${O(u)}${E}${T}${I}">
+                    ${O(a)}
                 </a>
             </span>
             </p>
@@ -277,152 +308,159 @@ const L = (a, t) => a.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
         `);
   }
   return `
-        <${R.BLOCK_BUTTON}
+        <${P.BLOCK_BUTTON}
             width="100%"
             class="ins-button"
             name="buy-button"
-            caption="${b(l)}"
+            caption="${O(a)}"
             align="center"
-            esd-extension-block-id="${m.BUTTON}"
+            esd-extension-block-id="${A.BUTTON}"
             product-attr="button"
             data-slot-6
-            data-type="${a}"
+            data-type="${e}"
             data-number="${t}"
-        >${b(l)}
-        </${R.BLOCK_BUTTON}>
+        >${O(a)}
+        </${P.BLOCK_BUTTON}>
     `;
-}, Tt = (a, t, l, s = !0, o = !0) => {
-  const c = t === S.ORIENTATION.VERTICAL, i = l === "horizontal";
-  if (c) {
-    const n = !i, r = n || !o ? "100%" : "50%", p = n || !s ? "100%" : "50%";
-    let e = a.replace(
+}, Pt = (e, t, a, s = !0, c = !0) => {
+  const i = t === N.ORIENTATION.VERTICAL, o = a === "horizontal";
+  if (i) {
+    const n = !o, r = n || !c ? "100%" : "50%", p = n || !s ? "100%" : "50%";
+    let l = e.replace(
       /<td\s+[^>]*class="([^"]*product-price-class[^"]*)"[^>]*>/gi,
-      (E) => E.replace(/width="[^"]*"/gi, `width="${r}"`).replace(/width:\s*[^;]+;/gi, `width: ${r};`)
+      ($) => $.replace(/width="[^"]*"/gi, `width="${r}"`).replace(/width:\s*[^;]+;/gi, `width: ${r};`)
     );
-    return e = e.replace(
+    return l = l.replace(
       /<td\s+[^>]*class="([^"]*product-original-price-class[^"]*)"[^>]*>/gi,
-      (E) => E.replace(/width="[^"]*"/gi, `width="${p}"`).replace(/width:\s*[^;]+;/gi, `width: ${p};`)
-    ), e;
+      ($) => $.replace(/width="[^"]*"/gi, `width="${p}"`).replace(/width:\s*[^;]+;/gi, `width: ${p};`)
+    ), l;
   }
-  return i ? a : a.replace(
+  return o ? e : e.replace(
     /<td\s+[^>]*class="[^"]*horizontal-price[^"]*"[^>]*>/gi,
     (n) => /style\s*=\s*"/i.test(n) ? n.replace(/style\s*=\s*"([^"]*)"/i, 'style="display: none; $1"') : n.replace(/>$/, ' style="display: none;">')
   ).replace(
     /<td\s+[^>]*class="[^"]*vertical-price[^"]*"[^>]*>/gi,
     (n) => n.replace(/display:\s*none;?/gi, "display: table-cell;")
   );
-}, ut = (a) => a ? `<td align="center"
+}, ht = (e) => e ? `<td align="center"
             esd-extension-block-id="items-block"
-            class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block">` : et, H = (a, t, l, s, o, c, i, n, r, p, e, E, u, _ = "horizontal", I, $, T, d) => {
-  const O = p !== void 0 ? ` data-nodup="${p}"` : "", A = `${`data-type="${t}" data-number="${l}"`} data-orientation="${s}"${O}`, y = r == null ? void 0 : r["data-product_image_control_image-height"], X = c ? it(t, l, y, e) : nt(t, l), j = (e == null ? void 0 : e.buttonLabel) || "Buy", q = (e == null ? void 0 : e.buttonFullWidth) !== void 0 ? e.buttonFullWidth : !0, C = t === S.ITEMS_TYPE.BROWSED_ITEMS ? !1 : e == null ? void 0 : e.quantityControlEnabled, f = (e == null ? void 0 : e.buttonVisible) !== void 0 ? e.buttonVisible : (r == null ? void 0 : r["data-product_button_control_enabled"]) !== "false", K = (e == null ? void 0 : e.priceVisible) !== void 0 ? e.priceVisible : (r == null ? void 0 : r["data-product_price_control_enabled"]) !== "false", W = (e == null ? void 0 : e.originalPriceVisible) !== void 0 ? e.originalPriceVisible : (r == null ? void 0 : r["data-product_original_price_control_enabled"]) !== "false", J = a.replace("{-{-TEMPLATE_FIRST_LINE-}-}", ut(c)).replace("{-{-PRODUCT_IMAGE-}-}", X).replace("{-{-PRODUCT_NAME-}-}", ot(t, c, E, e, s)).replaceAll(
+            class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block">` : ct, Q = (e, t, a, s, c, i, o, n, r, p, l, $, T, _ = "horizontal", I, u, E, d, m) => {
+  const y = p !== void 0 ? ` data-nodup="${p}"` : "", h = `data-type="${t}" data-number="${a}"`, R = m ? ` ${X(
+    ut(m, o, n, d)
+  )}` : "", U = `${h} data-orientation="${s}"${y}${R}`, g = r == null ? void 0 : r["data-product_image_control_image-height"], G = i ? Et(t, a, g, l) : Tt(t, a), J = (l == null ? void 0 : l.buttonLabel) || "Buy", Z = (l == null ? void 0 : l.buttonFullWidth) !== void 0 ? l.buttonFullWidth : !0, tt = t === N.ITEMS_TYPE.BROWSED_ITEMS ? !1 : l == null ? void 0 : l.quantityControlEnabled, et = (l == null ? void 0 : l.buttonVisible) !== void 0 ? l.buttonVisible : (r == null ? void 0 : r["data-product_button_control_enabled"]) !== "false", H = (l == null ? void 0 : l.priceVisible) !== void 0 ? l.priceVisible : (r == null ? void 0 : r["data-product_price_control_enabled"]) !== "false", z = (l == null ? void 0 : l.originalPriceVisible) !== void 0 ? l.originalPriceVisible : (r == null ? void 0 : r["data-product_original_price_control_enabled"]) !== "false", at = e.replace("{-{-TEMPLATE_FIRST_LINE-}-}", ht(i)).replace("{-{-PRODUCT_IMAGE-}-}", G).replace("{-{-PRODUCT_NAME-}-}", _t(t, i, $, l, s)).replaceAll(
     "{-{-PRODUCT_PRICE-}-}",
-    z(dt(
+    X(It(
       t,
-      l,
+      a,
+      c,
       o,
-      i,
       n,
-      c,
+      i,
       I,
       d,
       s,
-      K
+      H,
+      m
     ))
   ).replaceAll(
     "{-{-PRODUCT_ORIGINAL_PRICE-}-}",
-    z(pt(
+    X(mt(
       t,
-      l,
+      a,
+      c,
       o,
-      i,
       n,
-      c,
-      W,
-      $,
+      i,
+      z,
+      u,
       d,
-      s
+      s,
+      m
     ))
-  ).replace("{-{-PRODUCT_QUANTITY-}-}", $t(C, c, T)).replace(
+  ).replace("{-{-PRODUCT_QUANTITY-}-}", At(tt, i, E)).replace(
     "{-{-PRODUCT_BUTTON-}-}",
-    Et(t, l, j, c, u, q, f)
+    Ot(t, a, J, i, T, Z, et)
   ).replace(
     /<td([^>]*class="[^"]*ins-product-td[^"]*"[^>]*)>/,
-    `<td$1 ${A}>`
+    `<td$1 ${U}>`
   );
-  return Tt(
-    J,
+  return Pt(
+    at,
     s,
     _,
-    K,
-    W
+    H,
+    z
   );
 };
-function wt({
-  orientation: a,
-  itemsType: t = S.ITEMS_TYPE.CART_ITEMS,
-  itemId: l,
+function gt({
+  orientation: e,
+  itemsType: t = N.ITEMS_TYPE.CART_ITEMS,
+  itemId: a,
   currencySymbol: s,
-  currencyLocation: o,
-  migrate: c = !1,
-  formattedPrice: i = !0,
+  currencyLocation: c,
+  migrate: i = !1,
+  formattedPrice: o = !0,
   configBlockAttributes: n,
   nodeConfig: r,
   nameStyles: p,
-  buttonStyles: e,
-  priceStyles: E,
-  originalPriceStyles: u,
+  buttonStyles: l,
+  priceStyles: $,
+  originalPriceStyles: T,
   quantityStyles: _,
-  priceOrientation: I
+  priceOrientation: I,
+  priceFormat: u
 }) {
-  const $ = at[t].findIndex((X) => X.value === l), T = rt(l, t), d = (r == null ? void 0 : r.priceSinglePrice) ?? (n == null ? void 0 : n["data-product_price_control_single_price"]) === "1" ?? !1;
-  B = P.PAIRS_FOR_EXTENSION.imageSrc[t].DEFAULT[$ >= 0 ? $ : 0], M = P.PAIRS_FOR_EXTENSION.name[t].DEFAULT[$ >= 0 ? $ : 0];
-  const O = P.PAIRS_FOR_EXTENSION.price[t], h = P.PAIRS_FOR_EXTENSION.originalPrice[t];
-  d ? (F = i ? O.DEFAULT_SINGLE_PRICE_FORMATTED : O.DEFAULT_SINGLE_PRICE, x = i ? h.DEFAULT_SINGLE_PRICE_FORMATTED : h.DEFAULT_SINGLE_PRICE) : (F = i ? O.DEFAULT_PRICE_FORMATTED : O.DEFAULT_PRICE, x = i ? h.DEFAULT_PRICE_FORMATTED : h.DEFAULT_PRICE), G = P.PAIRS_FOR_EXTENSION.quantity[t].DEFAULT;
-  const A = I || (r == null ? void 0 : r.priceOrientation) || "horizontal", y = (r == null ? void 0 : r.priceHideDiscount) ?? g.productPriceHideDiscountControlValue === "1";
-  return a === S.ORIENTATION.VERTICAL ? H(
-    lt,
+  const E = it[t].findIndex((G) => G.value === a), d = dt(a, t), m = (r == null ? void 0 : r.priceSinglePrice) ?? (n == null ? void 0 : n["data-product_price_control_single_price"]) === "1" ?? !1;
+  W = b.PAIRS_FOR_EXTENSION.imageSrc[t].DEFAULT[E >= 0 ? E : 0], M = b.PAIRS_FOR_EXTENSION.name[t].DEFAULT[E >= 0 ? E : 0];
+  const y = b.PAIRS_FOR_EXTENSION.price[t], h = b.PAIRS_FOR_EXTENSION.originalPrice[t], R = o && !u;
+  m ? (C = R ? y.DEFAULT_SINGLE_PRICE_FORMATTED : y.DEFAULT_SINGLE_PRICE, B = R ? h.DEFAULT_SINGLE_PRICE_FORMATTED : h.DEFAULT_SINGLE_PRICE) : (C = R ? y.DEFAULT_PRICE_FORMATTED : y.DEFAULT_PRICE, B = R ? h.DEFAULT_PRICE_FORMATTED : h.DEFAULT_PRICE), K = b.PAIRS_FOR_EXTENSION.quantity[t].DEFAULT;
+  const U = I || (r == null ? void 0 : r.priceOrientation) || "horizontal", g = (r == null ? void 0 : r.priceHideDiscount) ?? S.productPriceHideDiscountControlValue === "1";
+  return e === N.ORIENTATION.VERTICAL ? Q(
+    ot,
     t,
-    T,
-    a,
+    d,
+    e,
+    o,
     i,
-    c,
     s,
-    o,
+    c,
     n,
-    String(y),
+    String(g),
     // nodup
     r,
     p,
-    e,
-    A,
-    E,
-    u,
+    l,
+    U,
+    $,
+    T,
     _,
-    d
-  ) : H(
-    st,
+    m,
+    u
+  ) : Q(
+    nt,
     t,
-    T,
-    a,
+    d,
+    e,
+    o,
     i,
-    c,
     s,
-    o,
+    c,
     n,
-    String(y),
+    String(g),
     // nodup
     r,
     p,
-    e,
-    A,
-    E,
-    u,
+    l,
+    U,
+    $,
+    T,
     _,
-    d
+    m,
+    u
   );
 }
 export {
-  Tt as applyPriceOrientationStyles,
-  wt as getDefaultTemplate,
-  w as wrapInTableRow
+  Pt as applyPriceOrientationStyles,
+  gt as getDefaultTemplate,
+  L as wrapInTableRow
 };