@useinsider/guido 2.0.0-beta.143201d → 2.0.0-beta.1ba7e26

package/dist/extensions/Blocks/Items/layouts/vertical.html.js

@@ -1,65 +1,55 @@
 const t = `{-{-TEMPLATE_FIRST_LINE-}-}
-<table class="es-left ins-product-wrapper ins-product-cart" width="100%" cellspacing="0" cellpadding="0">
+<table class="es-left ins-product-wrapper" cellspacing="0" cellpadding="0" align="left" width="100%">
     {-{-CONFIG_BLOCK-}-}
     <tbody>
         <tr>
-            <td style="padding: 16px 9px;">
-                <table class="es-left esdev-disable-select" cellspacing="0" cellpadding="0" align="left" width="100%">
-                    <tbody>
-                        <tr>
-                            <td class="product-image-class" data-slot-1>
-                                {-{-PRODUCT_IMAGE-}-}
-                            </td>
-                            <td class="product-name-class" data-slot-2>
-                                <table>
-                                    <tbody>
-                                        {-{-PRODUCT_NAME-}-}
-                                    </tbody>
-                                </table>
-                            </td>
-                            <td class="product-quantity-class" data-slot-3>
-                                <table width="100%">
-                                    <tbody>
-                                        {-{-PRODUCT_QUANTITY-}-}
-                                    </tbody>
-                                </table>
-                            </td>
-                            <td class="product-price-class horizontal-price" data-slot-4>
-                                <table width="100%">
-                                    <tbody>
-                                        {-{-PRODUCT_PRICE-}-}
-                                    </tbody>
-                                </table>
-                            </td>
-                            <td class="product-original-price-class horizontal-price" data-slot-5>
-                                <table width="100%">
-                                    <tbody>
-                                        {-{-PRODUCT_ORIGINAL_PRICE-}-}
-                                    </tbody>
-                                </table>
-                            </td>
-                            <td class="product-price-container vertical-price" data-slot-4 style="display: none;">
-                                <table class="product-price-class" width="100%" data-slot-4>
-                                    <tbody>
-                                        {-{-PRODUCT_PRICE-}-}
-                                    </tbody>
-                                </table>
-                                <table class="product-original-price-class product-original-price-container"
-                                    width="100%" data-slot-5>
-                                    <tbody>
-                                        {-{-PRODUCT_ORIGINAL_PRICE-}-}
-                                    </tbody>
-                                </table>
-                            </td>
-                            <td class="product-button-class" data-slot-6>
-                                <table width="100%">
-                                    <tbody>
-                                        {-{-PRODUCT_BUTTON-}-}
-                                    </tbody>
-                                </table>
-                            </td>
-                        </tr>
-                    </tbody>
+            <td class="es-p20b es-p10r es-p10l es-m-p20b es-p10t" width="100%" align="center">
+                <table class="ins-product-cart" width="100%" cellspacing="0" cellpadding="0">
+                    <tr style="vertical-align: top">
+                        <td colspan="2" width="100%" align="center" data-slot-1>
+                            <table width="100%">
+                                <tbody>
+                                    {-{-PRODUCT_IMAGE-}-}
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                    {-{-PRODUCT_NAME-}-}
+                    <tr>
+                        <td width="50%" style=" width: 50%;display: block;float: left;" class="product-price-class">
+                            <table width="100%">
+                                <tbody>
+                                    {-{-PRODUCT_PRICE-}-}
+                                </tbody>
+                            </table>
+                        </td>
+                        <td width="50%" style=" width: 50%;display: block;float: left;"
+                            class="product-original-price-class">
+                            <table width="100%">
+                                <tbody>
+                                    {-{-PRODUCT_ORIGINAL_PRICE-}-}
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td width="100%" class="product-quantity-class" data-slot-3>
+                            <table width="100%">
+                                <tbody>
+                                    {-{-PRODUCT_QUANTITY-}-}
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td width="100%" class="product-button-class" data-slot-6>
+                            <table width="100%">
+                                <tbody>
+                                    {-{-PRODUCT_BUTTON-}-}
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
                 </table>
             </td>
         </tr>

package/dist/extensions/Blocks/Items/store/items-block.js

@@ -9,11 +9,11 @@ const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "
     buttonLink: o(t),
     orientation: e.cardOrientationControlValue,
     nameTrimming: !0,
-    hideDiscount: !1,
+    hideDiscount: !0,
     currencySymbol: "USD",
     currencyLocation: "0",
     formattedPrice: !0,
-    priceOrientation: "horizontal",
+    priceOrientation: "vertical",
     templateData: {
       imageSrc: "",
       name: "",

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

@@ -1,29 +1,100 @@
-import { BlockType as l, BlockAttr as _ } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { ItemsBlockId as T } from "./enums/controlEnums.js";
-import { productPairs as i, templateFirstLine as N } from "./enums/productEnums.js";
-import { ItemInCartOptions as f, SETTINGS_ENUMS as O, DefaultConfigValues as P } from "./enums/settingsEnums.js";
-import B from "./layouts/horizontal.html.js";
-import g from "./layouts/vertical.html.js";
-let [C] = i.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [A] = i.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [p] = i.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [I] = i.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [u] = i.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
-const h = (a, t) => `
-    <${l.BLOCK_IMAGE} 
-        ${_.BLOCK_IMAGE.src}="${C}"
-        ${_.BLOCK_IMAGE.alt}="${A}"
-        ${_.BLOCK_IMAGE.href}="#!"
-        ${_.BLOCK_IMAGE.width}=${P.productImageWidth}
-        esd-extension-block-id="${T.IMAGE}"
+import { BlockType as u, BlockAttr as R } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ItemsBlockId as O } from "./enums/controlEnums.js";
+import { productPairs as d, templateFirstLine as z } from "./enums/productEnums.js";
+import { ItemInCartOptions as K, SETTINGS_ENUMS as g, DefaultConfigValues as m } from "./enums/settingsEnums.js";
+import G from "./layouts/horizontal.html.js";
+import Q from "./layouts/vertical.html.js";
+let [k] = d.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [A] = d.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [f] = d.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [y] = d.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [P] = d.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
+const V = (t, e) => t.split(";").map((n) => n.trim()).filter((n) => !n.toLowerCase().startsWith(e.toLowerCase())).join("; ").replace(/;\s*$/, ""), x = (t) => V(t, "text-align"), S = (t, e) => {
+  const n = new RegExp(`${e}\\s*:\\s*([^;]+)`, "i"), a = t.match(n);
+  return a ? a[1].trim() : null;
+}, N = (t, e, n) => new RegExp(`(${e}\\s*:\\s*)[^;]+`, "gi").test(t) ? t.replace(
+  new RegExp(`(${e}\\s*:\\s*)[^;]+`, "gi"),
+  `$1${n}`
+) : t, W = (t, e, n) => {
+  const a = n || m.productImageWidth;
+  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"
+            data-slot-1=""
+            product-attr="imageSrc"
+            data-type="${t}"
+            data-number="${e}"
+            style="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="${k}"
+                    alt="${A}"
+                    width="${a}">
+            </a>
+        </td>
+    `;
+}, q = (t, e) => `
+    <${u.BLOCK_IMAGE}
+        ${R.BLOCK_IMAGE.src}="${k}"
+        ${R.BLOCK_IMAGE.alt}="${A}"
+        ${R.BLOCK_IMAGE.href}="#!"
+        ${R.BLOCK_IMAGE.width}="${m.productImageWidth}"
+        ${R.BLOCK_IMAGE.height}="${m.productImageWidth}"
+        esd-extension-block-id="${O.IMAGE}"
         data-slot-1
         product-attr="imageSrc"
-        data-type="${a}" 
-        data-number="${t}"
+        data-type="${t}"
+        data-number="${e}"
     />
-    `, F = (a) => `
-    <${l.BLOCK_TEXT} 
+    `, j = (t, e, n, a) => {
+  const l = `
+        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: ${n === g.ORIENTATION.HORIZONTAL ? "130px" : "520px"};
+        overflow: hidden;
+        text-overflow: ellipsis;
+    `;
+  if (e) {
+    const o = x(a || l), c = S(o, "color"), s = S(o, "font-size"), p = [
+      c ? `color: ${c}` : "",
+      s ? `font-size: ${s}` : ""
+    ].filter(Boolean).join("; "), i = N(
+      N(o, "color", "inherit"),
+      "font-size",
+      "inherit"
+    );
+    return `
+            <td class="esd-block-text es-p10"
+                align="center"
+                width="100%"
+                data-type="${t}"
+                esd-extension-block-id="${O.NAME}"
+                style="display: table-cell;">
+                <p contenteditable="false" path="1"${p ? ` style="${p}"` : ""}>
+                    <a
+                        href="#!"
+                        style="${i}"
+                        product-attr="name"
+                        data-slot-2
+                        width="100%">
+                        ${A}
+                    </a>
+                </p>
+            </td>
+        `;
+  }
+  return `<${u.BLOCK_TEXT} 
         width="100%" 
         align="center" 
         class="es-p10" 
-        data-type="${a}"
-        esd-extension-block-id="${T.NAME}"
+        data-type="${t}"
+        esd-extension-block-id="${O.NAME}"
     >
         <p contenteditable="false">
             <a  
@@ -48,148 +119,264 @@ const h = (a, t) => `
                 ${A}
             </a>
         </p>
-    </${l.BLOCK_TEXT}>
-`, S = (a, t, o, e, c) => {
-  let n = p;
-  if (e && e.trim()) {
-    const E = `&nbsp;${e.trim()}&nbsp;`;
-    n = (c || "0") === "1" ? `${p}${E}` : `${E}${p}`;
+    </${u.BLOCK_TEXT}>
+`;
+}, H = (t, e, n, a, r, l, o) => {
+  let c = f;
+  if (a && a.trim()) {
+    const E = `&nbsp;${a.trim()}&nbsp;`;
+    c = (r || "0") === "1" ? `${f}${E}` : `${E}${f}`;
+  }
+  const s = r === "1" ? "after" : "before", p = `data-formated="${n ? "true" : "false"}"`, i = `data-curency="${s}"`, T = a ? `data-currency_symbol="${a}"` : "";
+  if (l) {
+    const $ = x(o || "color: #060606; white-space: nowrap; font-size: 20px;");
+    return `
+        <td class="esd-block-text items-block-price"
+            align="center"
+            esd-extension-block-id="items-block-price"
+            width="100%">
+            <p product-attr="price"
+                contenteditable="false"
+                data-slot-4
+                data-type="${t}"
+                data-number="${e}"
+                ${p}
+                ${i}
+                ${T}
+                style="${$}">
+                ${c}
+            </p>
+        </td>`;
   }
-  const r = c === "1" ? "after" : "before", d = `data-formated="${o ? "true" : "false"}"`, s = `data-curency="${r}"`;
   return `
-    <${l.BLOCK_TEXT} 
-        esd-extension-block-id="${T.PRICE}"
+    <${u.BLOCK_TEXT}
+        esd-extension-block-id="${O.PRICE}"
         class="items-block-price"
-        width="100%" 
-        align="center" 
+        width="100%"
+        align="center"
     >
-        <p 
+        <p
             product-attr="price"
             contenteditable="false"
             data-slot-4
-            data-type="${a}"
-            data-number="${t}"
-            ${d}
-            ${s}
-            ${e ? `data-currency_symbol="${e}"` : ""}
+            data-type="${t}"
+            data-number="${e}"
+            ${p}
+            ${i}
+            ${a ? `data-currency_symbol="${a}"` : ""}
         >
-            ${n}
+            ${c}
         </p>
-    </${l.BLOCK_TEXT}>
+    </${u.BLOCK_TEXT}>
 `;
-}, L = (a, t, o, e, c) => {
-  let n = I;
-  if (e && e.trim()) {
-    const E = `&nbsp;${e.trim()}&nbsp;`;
-    n = (c || "0") === "1" ? `${I}${E}` : `${E}${I}`;
+}, Y = (t, e, n, a, r, l, o = !0, c) => {
+  let s = y;
+  if (a && a.trim()) {
+    const $ = `&nbsp;${a.trim()}&nbsp;`;
+    s = (r || "0") === "1" ? `${y}${$}` : `${$}${y}`;
+  }
+  const p = r === "1" ? "after" : "before", i = `data-formated="${n ? "true" : "false"}"`, T = `data-curency="${p}"`, E = o ? "" : ' style="display: none;"';
+  if (l) {
+    const b = x(c || "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"
+            width="100%"
+            align="center"${E}>
+            <p
+                product-attr="originalPrice"
+                contenteditable="false"
+                data-slot-5
+                data-type="${t}"
+                data-number="${e}"
+                ${i}
+                ${T}
+                ${a ? `data-currency_symbol="${a}"` : ""}
+                style="${b}">
+                <s>${s}</s>
+            </p>
+        </td>`;
   }
-  const r = c === "1" ? "after" : "before", d = `data-formated="${o ? "true" : "false"}"`, s = `data-curency="${r}"`;
   return `
-    <${l.BLOCK_TEXT} 
+    <${u.BLOCK_TEXT}
         class="items-block-price"
-        esd-extension-block-id="${T.ORIGINAL_PRICE}"
-        width="100%" 
-        align="center" 
+        esd-extension-block-id="${O.ORIGINAL_PRICE}"
+        width="100%"
+        align="center"
+        ${o ? "" : 'style="display: none;"'}
     >
         <p
             product-attr="originalPrice"
-            contenteditable="false" 
+            contenteditable="false"
             data-slot-5
             style="color: #cc0000"
-            data-type="${a}"
-            data-number="${t}"
-            ${d}
-            ${s}
-            ${e ? `data-currency_symbol="${e}"` : ""}
+            data-type="${t}"
+            data-number="${e}"
+            ${i}
+            ${T}
+            ${a ? `data-currency_symbol="${a}"` : ""}
         >
-            <s>${n}</s>
+            <s>${s}</s>
         </p>
-    </${l.BLOCK_TEXT}>
+    </${u.BLOCK_TEXT}>
 `;
-}, b = () => `
-    <${l.BLOCK_TEXT} 
-        width="100%" 
-        align="center"
-        class="es-p10" 
-        esd-extension-block-id="${T.QUANTITY}"
-    >
-        <p
-            product-attr="quantity"
-            data-slot-3
-            contenteditable="false"
-            width="100%">
-            ${u}
-        </p>
-    </${l.BLOCK_TEXT}>
-`, U = (a, t) => `
-    <${l.BLOCK_BUTTON} 
-        width="100%"
-        class="ins-button" 
-        name="buy-button" 
-        caption="Buy" 
-        align="center"
-        esd-extension-block-id="${T.BUTTON}"
-        product-attr="button"
-        data-slot-6
-        data-type="${a}"
-        data-number="${t}"
-    >Buy
-    </${l.BLOCK_BUTTON}>
-`, D = () => `
-    <esd-config-block style="display: none;"></esd-config-block>
-`, R = (a, t, o, e, c, n, r, d) => {
-  const $ = `${`data-type="${t}" data-number="${o}"`} data-orientation="${e}"`;
-  return a.replace(
+}, Z = (t = !0, e, n) => {
+  const a = t ? "" : 'style="display: none;"';
+  return e ? `
+            <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" ${a}>
+                <div class="service-element text-block-input-area text-block-preview-area"
+                    style="outline: none;" contenteditable="">
+                    <p product-attr="quantity" data-slot-3="" contenteditable="false" width="100%" path="1"
+                        style="${n || "text-align: center; font-size: 14px;"}">
+                        ${P}
+                    </p>
+                </div>
+            </td>` : `
+        <${u.BLOCK_TEXT}
+            width="100%"
+            align="center"
+            class="es-p10"
+            esd-extension-block-id="${O.QUANTITY}"
+            ${t ? "" : 'style="display: none;"'}
+        >
+            <p
+                product-attr="quantity"
+                data-slot-3
+                contenteditable="false"
+                width="100%">
+                ${P}
+            </p>
+        </${u.BLOCK_TEXT}>
+    `;
+}, J = (t, e, n = "Buy", a, r) => a ? `
+        <td class="esd-block-button ins-button default-block-component selectable"
+            align="center" width="100%" name="buy-button" caption="${n}"
+            esd-extension-block-id="items-block-button"
+            product-attr="button" data-slot-6="" data-type="${t}" data-number="${e}">
+            <span class="es-button-border" style="border-width: 0px;">
+                <a class="es-button" href="#!" target="_blank" style="${r || ""}">
+                    ${n}
+                </a>
+            </span>
+        </td>` : `
+        <${u.BLOCK_BUTTON}
+            width="100%"
+            class="ins-button"
+            name="buy-button"
+            caption="${n}"
+            align="center"
+            esd-extension-block-id="${O.BUTTON}"
+            product-attr="button"
+            data-slot-6
+            data-type="${t}"
+            data-number="${e}"
+        >${n}
+        </${u.BLOCK_BUTTON}>
+    `, tt = (t) => !t || Object.keys(t).length === 0 ? '<esd-config-block style="display: none;"></esd-config-block>' : `<esd-config-block style="display: none;" ${Object.entries(t).map(([n, a]) => `${n}="${a}"`).join(" ")}></esd-config-block>`, et = (t, e, n) => {
+  const a = e === g.ORIENTATION.VERTICAL, r = n === "horizontal";
+  return a ? r ? t : t.replace(
+    /<td\s+[^>]*class="[^"]*product-(?:original-)?price-class[^"]*"[^>]*>/gi,
+    (l) => l.replace(/width="50%"/gi, 'width="100%"').replace(/width:\s*50%;/gi, "width: 100%;")
+  ) : r ? t : t.replace(
+    /<td\s+[^>]*class="[^"]*horizontal-price[^"]*"[^>]*>/gi,
+    (l) => /style\s*=\s*"/i.test(l) ? l.replace(/style\s*=\s*"([^"]*)"/i, 'style="display: none; $1"') : l.replace(/>$/, ' style="display: none;">')
+  ).replace(
+    /<td\s+[^>]*class="[^"]*vertical-price[^"]*"[^>]*>/gi,
+    (l) => l.replace(/display:\s*none;?/gi, "display: table-cell;")
+  );
+}, at = (t) => t ? `<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">` : z, L = (t, e, n, a, r, l, o, c, s, p, i, T, E, $ = "horizontal", b, _, I) => {
+  const F = `${`data-type="${e}" data-number="${n}"`} data-orientation="${a}"`, C = t.replace(
     /<td([^>]*class="[^"]*ins-product-td[^"]*"[^>]*)>/,
-    `<td$1 ${$}>`
-  ).replace("{-{-TEMPLATE_FIRST_LINE-}-}", N).replace("{-{-PRODUCT_IMAGE-}-}", h(t, o)).replace("{-{-PRODUCT_NAME-}-}", F(t)).replaceAll(
+    `<td$1 ${F}>`
+  ), M = s == null ? void 0 : s["data-product_image_control_image-width"], U = l ? W(e, n, M) : q(e, n), B = (i == null ? void 0 : i.buttonLabel) || "Buy", D = (i == null ? void 0 : i.quantityControlEnabled) !== void 0 ? i.quantityControlEnabled : !0, X = (i == null ? void 0 : i.originalPriceVisible) !== void 0 ? i.originalPriceVisible : (s == null ? void 0 : s["data-product_original_price_control_enabled"]) !== "false", v = C.replace("{-{-TEMPLATE_FIRST_LINE-}-}", at(l)).replace("{-{-PRODUCT_IMAGE-}-}", U).replace("{-{-PRODUCT_NAME-}-}", j(e, l, a, T)).replaceAll(
     "{-{-PRODUCT_PRICE-}-}",
-    S(t, o, c, n, r)
+    H(e, n, r, o, c, l, b)
   ).replaceAll(
     "{-{-PRODUCT_ORIGINAL_PRICE-}-}",
-    L(
-      t,
+    Y(
+      e,
+      n,
+      r,
       o,
       c,
-      n,
-      r
+      l,
+      X,
+      _
     )
-  ).replace("{-{-PRODUCT_QUANTITY-}-}", b()).replace("{-{-PRODUCT_BUTTON-}-}", U(t, o)).replace("{-{-CONFIG_BLOCK-}-}", D());
+  ).replace("{-{-PRODUCT_QUANTITY-}-}", Z(D, l, I)).replace("{-{-PRODUCT_BUTTON-}-}", J(e, n, B, l, E)).replace("{-{-CONFIG_BLOCK-}-}", tt(s));
+  return et(v, a, $);
 };
-function G({
-  orientation: a,
-  itemsType: t = O.ITEMS_TYPE.CART_ITEMS,
-  itemId: o,
-  currencySymbol: e,
-  currencyLocation: c,
-  formattedPrice: n = !0
+function ct({
+  orientation: t,
+  itemsType: e = g.ITEMS_TYPE.CART_ITEMS,
+  itemId: n,
+  currencySymbol: a,
+  currencyLocation: r,
+  migrate: l = !1,
+  formattedPrice: o = !0,
+  configBlockAttributes: c,
+  nodeConfig: s,
+  nameStyles: p,
+  buttonStyles: i,
+  priceStyles: T,
+  originalPriceStyles: E,
+  quantityStyles: $,
+  priceOrientation: b
 }) {
-  const r = f[t].findIndex((s) => s.value === o);
-  let d = "1";
-  if (r >= 0)
-    d = String(r + 1);
-  else if (o) {
-    const s = o.match(/\((\d+)\)/);
-    s && s[1] && ([, d] = s);
+  const _ = K[e].findIndex((h) => h.value === n);
+  let I = "1";
+  if (_ >= 0)
+    I = String(_ + 1);
+  else if (n) {
+    const h = n.match(/\((\d+)\)/);
+    h && h[1] && ([, I] = h);
   }
-  return C = i.PAIRS_FOR_EXTENSION.imageSrc[t].DEFAULT[r >= 0 ? r : 0], A = i.PAIRS_FOR_EXTENSION.name[t].DEFAULT[r >= 0 ? r : 0], p = n ? i.PAIRS_FOR_EXTENSION.price[t].DEFAULT_PRICE_FORMATTED : i.PAIRS_FOR_EXTENSION.price[t].DEFAULT_PRICE, I = n ? i.PAIRS_FOR_EXTENSION.originalPrice[t].DEFAULT_PRICE_FORMATTED : i.PAIRS_FOR_EXTENSION.originalPrice[t].DEFAULT_PRICE, u = i.PAIRS_FOR_EXTENSION.quantity[t].DEFAULT, a === O.ORIENTATION.VERTICAL ? R(
-    g,
+  k = d.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[_ >= 0 ? _ : 0], A = d.PAIRS_FOR_EXTENSION.name[e].DEFAULT[_ >= 0 ? _ : 0], f = o ? d.PAIRS_FOR_EXTENSION.price[e].DEFAULT_PRICE_FORMATTED : d.PAIRS_FOR_EXTENSION.price[e].DEFAULT_PRICE, y = o ? d.PAIRS_FOR_EXTENSION.originalPrice[e].DEFAULT_PRICE_FORMATTED : d.PAIRS_FOR_EXTENSION.originalPrice[e].DEFAULT_PRICE, P = d.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT;
+  const w = b || (s == null ? void 0 : s.priceOrientation) || "horizontal";
+  return t === g.ORIENTATION.VERTICAL ? L(
+    Q,
+    e,
+    I,
     t,
-    d,
+    o,
+    l,
     a,
-    n,
+    r,
+    c,
+    void 0,
+    // nodup
+    s,
+    p,
+    i,
+    w,
+    T,
+    E,
+    $
+  ) : L(
+    G,
     e,
-    c
-  ) : R(
-    B,
+    I,
     t,
-    d,
+    o,
+    l,
     a,
-    n,
-    e,
-    c
+    r,
+    c,
+    void 0,
+    // nodup
+    s,
+    p,
+    i,
+    w,
+    T,
+    E,
+    $
   );
 }
 export {
-  G as getDefaultTemplate
+  ct as getDefaultTemplate
 };