@useinsider/guido 2.1.0-beta.bc18abc → 2.1.0-beta.da327fa

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

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