@useinsider/guido 2.0.0-beta.e68b206 → 2.0.0-beta.ecd6540

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

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