@useinsider/guido 2.0.0-beta.4f6e85f → 2.0.0-beta.522e9d9

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

@@ -1,20 +1,19 @@
-import { defineStore as s } from "pinia";
+import { defineStore as r } from "pinia";
 import { DefaultConfigValues as e } from "../enums/settingsEnums.js";
-const n = (t) => t.replace(/Url\}/, "Image}"), r = (t) => t.replace(/Image\}/, "Url}"), i = () => {
+const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "Url}"), i = () => {
   const t = e.cartItemsSelectControlValue;
   return {
     itemsType: e.itemsType,
     itemIds: t,
     imageLink: n(t),
-    buttonLink: r(t),
+    buttonLink: o(t),
     orientation: e.cardOrientationControlValue,
     nameTrimming: !0,
-    hideDiscount: !0,
+    hideDiscount: !1,
     currencySymbol: "USD",
     currencyLocation: "0",
     formattedPrice: !0,
-    singlePrice: !1,
-    priceOrientation: "vertical",
+    priceOrientation: "horizontal",
     templateData: {
       imageSrc: "",
       name: "",
@@ -24,14 +23,14 @@ const n = (t) => t.replace(/Url\}/, "Image}"), r = (t) => t.replace(/Image\}/, "
       button: ""
     }
   };
-}, m = s("guidoItemsBlock", {
+}, m = r("guidoItemsBlock", {
   state: () => i(),
   actions: {
     setItemsType(t) {
       this.itemsType = t;
     },
     setItemIds(t) {
-      this.itemIds = t, this.imageLink = n(t), this.buttonLink = r(t);
+      this.itemIds = t, this.imageLink = n(t), this.buttonLink = o(t);
     },
     setImageLink(t) {
       this.imageLink = t;
@@ -57,9 +56,6 @@ const n = (t) => t.replace(/Url\}/, "Image}"), r = (t) => t.replace(/Image\}/, "
     setFormattedPrice(t) {
       this.formattedPrice = t;
     },
-    setSinglePrice(t) {
-      this.singlePrice = t;
-    },
     setPriceOrientation(t) {
       this.priceOrientation = t;
     },

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

@@ -1,100 +1,29 @@
-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"),
-  `$1${l}`
-) : a, Y = (a, t, l, e) => {
-  const c = l || F.productImageHeight, n = (e == null ? void 0 : e.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"
-            data-slot-1=""
-            product-attr="imageSrc"
-            data-type="${a}"
-            data-number="${t}"
-            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}"
-                    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}"
+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}"
         data-slot-1
         product-attr="imageSrc"
-        data-type="${a}"
+        data-type="${a}" 
         data-number="${t}"
     />
-    `, Z = (a, t, l, e, c) => {
-  const o = `
-        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: ${l === w.ORIENTATION.HORIZONTAL ? "130px" : "520px"};
-        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"),
-      "font-size",
-      "inherit"
-    ), _ = (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="${_}">
-                <p contenteditable="false" path="1"${p ? ` style="${p}"` : ""}>
-                    <a
-                        href="#!"
-                        style="${E}"
-                        product-attr="name"
-                        data-slot-2
-                        width="100%">
-                        ${N}
-                    </a>
-                </p>
-            </td>
-        `;
-  }
-  return `<${h.BLOCK_TEXT} 
+    `, F = (a) => `
+    <${l.BLOCK_TEXT} 
         width="100%" 
         align="center" 
         class="es-p10" 
         data-type="${a}"
-        esd-extension-block-id="${P.NAME}"
+        esd-extension-block-id="${T.NAME}"
     >
         <p contenteditable="false">
             <a  
@@ -116,317 +45,151 @@ const q = (a, t) => a.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
                 product-attr="name"
                 data-slot-2
                 width="100%">
-                ${N}
+                ${A}
             </a>
         </p>
-    </${h.BLOCK_TEXT}>
-`;
-}, J = (a, t, l, e, c, n, o, i, r) => {
-  let d = x;
+    </${l.BLOCK_TEXT}>
+`, S = (a, t, o, e, c) => {
+  let n = p;
   if (e && e.trim()) {
-    const $ = `&nbsp;${e.trim()}&nbsp;`;
-    d = (c || "0") === "1" ? `${x}${$}` : `${$}${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" : "";
-  if (n) {
-    const T = D(o || "color: #060606; white-space: nowrap; font-size: 20px;");
-    return `
-        <td class="esd-block-text items-block-price${I}"
-            align="center"
-            esd-extension-block-id="items-block-price"
-            width="100%">
-            <p product-attr="price"
-                contenteditable="false"
-                data-slot-4
-                data-type="${a}"
-                data-number="${t}"
-                ${p}
-                ${E}
-                ${_}
-                ${b}
-                style="${T}">
-                ${d}
-            </p>
-        </td>`;
+    const E = `&nbsp;${e.trim()}&nbsp;`;
+    n = (c || "0") === "1" ? `${p}${E}` : `${E}${p}`;
   }
+  const r = c === "1" ? "after" : "before", d = `data-formated="${o ? "true" : "false"}"`, s = `data-curency="${r}"`;
   return `
-        <${h.BLOCK_TEXT}
-            esd-extension-block-id="${P.PRICE}"
-            class="items-block-price ${I}"
-            width="100%"
-            align="center"
+    <${l.BLOCK_TEXT} 
+        esd-extension-block-id="${T.PRICE}"
+        class="items-block-price"
+        width="100%" 
+        align="center" 
+    >
+        <p 
+            product-attr="price"
+            contenteditable="false"
+            data-slot-4
+            data-type="${a}"
+            data-number="${t}"
+            ${d}
+            ${s}
+            ${e ? `data-currency_symbol="${e}"` : ""}
         >
-            <p
-                product-attr="price"
-                contenteditable="false"
-                data-slot-4
-                data-type="${a}"
-                data-number="${t}"
-                ${p}
-                ${E}
-                ${e ? `data-currency_symbol="${e}"` : ""}
-                ${b}
-            >
-                ${d}
-            </p>
-        </${h.BLOCK_TEXT}>
-    `;
-}, tt = (a, t, l, e, c, n, o = !0, i, r, d) => {
-  let s = S;
+            ${n}
+        </p>
+    </${l.BLOCK_TEXT}>
+`;
+}, L = (a, t, o, e, c) => {
+  let n = I;
   if (e && e.trim()) {
-    const T = `&nbsp;${e.trim()}&nbsp;`;
-    s = (c || "0") === "1" ? `${S}${T}` : `${T}${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" : "";
-  if (n) {
-    const R = D(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"
-                width="100%"
-                align="center"${b}>
-                <p
-                    product-attr="originalPrice"
-                    contenteditable="false"
-                    data-slot-5
-                    data-type="${a}"
-                    data-number="${t}"
-                    ${E}
-                    ${_}
-                    ${e ? `data-currency_symbol="${e}"` : ""}
-                    ${u}
-                    style="${R}">
-                    <s>${s}</s>
-                </p>
-            </td>
-        `;
+    const E = `&nbsp;${e.trim()}&nbsp;`;
+    n = (c || "0") === "1" ? `${I}${E}` : `${E}${I}`;
   }
+  const r = c === "1" ? "after" : "before", d = `data-formated="${o ? "true" : "false"}"`, s = `data-curency="${r}"`;
   return `
-        <${h.BLOCK_TEXT}
-            class="items-block-price ${$}"
-            esd-extension-block-id="${P.ORIGINAL_PRICE}"
-            width="100%"
-            align="center"
-            ${o ? "" : '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}"` : ""}
-                ${u}
-            >
-                <s>${s}</s>
-            </p>
-        </${h.BLOCK_TEXT}>
-    `;
-}, et = (a = !0, t, l) => {
-  const e = a ? "" : 'style="display: none;"';
-  return t ? `
-            <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}>
-                <p  product-attr="quantity" 
-                    data-slot-3="" 
-                    contenteditable="false" 
-                    width="100%" 
-                    path="1"
-                    style="${l || "text-align: center; font-size: 14px;"}">
-                    ${k}
-                </p>
-            </td>` : `
-        <${h.BLOCK_TEXT}
-            width="100%"
-            align="center"
-            class="es-p10"
-            esd-extension-block-id="${P.QUANTITY}"
-            ${a ? "" : 'style="display: none;"'}
-        >
-            <p
-                product-attr="quantity"
-                data-slot-3
-                contenteditable="false"
-                width="100%">
-                ${k}
-            </p>
-        </${h.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;", "");
-    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}">
-            <a 
-                class="es-button" 
-                href="#!" 
-                target="_blank" 
-                style="${d} padding: 5px 12px;">
-                    ${l}
-                </a>
-            </span>
-        </td>`;
-  }
-  return `
-        <${h.BLOCK_BUTTON}
-            width="100%"
-            class="ins-button"
-            name="buy-button"
-            caption="${l}"
-            align="center"
-            esd-extension-block-id="${P.BUTTON}"
-            product-attr="button"
-            data-slot-6
+    <${l.BLOCK_TEXT} 
+        class="items-block-price"
+        esd-extension-block-id="${T.ORIGINAL_PRICE}"
+        width="100%" 
+        align="center" 
+    >
+        <p
+            product-attr="originalPrice"
+            contenteditable="false" 
+            data-slot-5
+            style="color: #cc0000"
             data-type="${a}"
             data-number="${t}"
-        >${l}
-        </${h.BLOCK_BUTTON}>
-    `;
-}, st = (a, t, l, e = !0, c = !0) => {
-  const n = t === w.ORIENTATION.VERTICAL, o = l === "horizontal";
-  if (n) {
-    const i = !o, r = i || !c ? "100%" : "50%", d = i || !e ? "100%" : "50%";
-    let s = a.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(
-      /<td\s+[^>]*class="([^"]*product-original-price-class[^"]*)"[^>]*>/gi,
-      (p) => p.replace(/width="[^"]*"/gi, `width="${d}"`).replace(/width:\s*[^;]+;/gi, `width: ${d};`)
-    ), s;
-  }
-  return o ? a : a.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"
-            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(
+            ${d}
+            ${s}
+            ${e ? `data-currency_symbol="${e}"` : ""}
+        >
+            <s>${n}</s>
+        </p>
+    </${l.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(
     /<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 ${$}>`
+  ).replace("{-{-TEMPLATE_FIRST_LINE-}-}", N).replace("{-{-PRODUCT_IMAGE-}-}", h(t, o)).replace("{-{-PRODUCT_NAME-}-}", F(t)).replaceAll(
     "{-{-PRODUCT_PRICE-}-}",
-    J(
-      t,
-      l,
-      c,
-      o,
-      i,
-      n,
-      b,
-      $,
-      e
-    )
+    S(t, o, c, n, r)
   ).replaceAll(
     "{-{-PRODUCT_ORIGINAL_PRICE-}-}",
-    tt(
+    L(
       t,
-      l,
-      c,
       o,
-      i,
+      c,
       n,
-      M,
-      u,
-      $,
-      e
+      r
     )
-  ).replace("{-{-PRODUCT_QUANTITY-}-}", et(B, n, I)).replace(
-    "{-{-PRODUCT_BUTTON-}-}",
-    at(t, l, z, n, E, X)
-  );
-  return st(
-    G,
-    e,
-    _,
-    K,
-    M
-  );
+  ).replace("{-{-PRODUCT_QUANTITY-}-}", b()).replace("{-{-PRODUCT_BUTTON-}-}", U(t, o)).replace("{-{-CONFIG_BLOCK-}-}", D());
 };
-function pt({
+function G({
   orientation: a,
-  itemsType: t = w.ITEMS_TYPE.CART_ITEMS,
-  itemId: l,
+  itemsType: t = O.ITEMS_TYPE.CART_ITEMS,
+  itemId: o,
   currencySymbol: e,
   currencyLocation: c,
-  migrate: n = !1,
-  formattedPrice: o = !0,
-  configBlockAttributes: i,
-  nodeConfig: r,
-  nameStyles: d,
-  buttonStyles: s,
-  priceStyles: p,
-  originalPriceStyles: E,
-  quantityStyles: _,
-  priceOrientation: b
+  formattedPrice: n = !0
 }) {
-  const u = C[t].findIndex((A) => A.value === l);
-  let I = "1";
-  if (u >= 0)
-    I = String(u + 1);
-  else if (l) {
-    const A = l.match(/\((\d+)\)/);
-    A && A[1] && ([, I] = A);
+  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 $ = (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,
+  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,
     t,
-    I,
+    d,
     a,
-    o,
     n,
     e,
-    c,
-    i,
-    void 0,
-    // nodup
-    r,
-    d,
-    s,
-    L,
-    p,
-    E,
-    _,
-    $
-  ) : f(
-    Q,
+    c
+  ) : R(
+    B,
     t,
-    I,
+    d,
     a,
-    o,
     n,
     e,
-    c,
-    i,
-    void 0,
-    // nodup
-    r,
-    d,
-    s,
-    L,
-    p,
-    E,
-    _,
-    $
+    c
   );
 }
 export {
-  pt as getDefaultTemplate
+  G as getDefaultTemplate
 };

package/dist/extensions/Blocks/Items/utils/configBlockUtils.js

@@ -0,0 +1,17 @@
+function r(t) {
+  if (!t)
+    return null;
+  const n = t.closest(".items-block-v2");
+  return n ? n.querySelector("esd-config-block") : null;
+}
+function o(t, n = !1) {
+  return t == null ? n : t === "1" || t === "true";
+}
+function e(t, n = "") {
+  return t || n;
+}
+export {
+  o as attributeToBoolean,
+  e as attributeToString,
+  r as getConfigBlock
+};

package/dist/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.js

@@ -0,0 +1,28 @@
+import { configAttributes as i } from "../enums/productEnums.js";
+import { getConfigBlock as c, attributeToBoolean as u, attributeToString as a } from "./configBlockUtils.js";
+function l(r, t) {
+  const e = c(r);
+  if (!e)
+    return;
+  const o = e.getAttribute(i[t.attributeName]), n = t.converter(o);
+  t.storeSetter(n);
+}
+function b(r, t, e = !1) {
+  return {
+    attributeName: r,
+    storeSetter: t,
+    converter: (o) => u(o, e)
+  };
+}
+function s(r, t, e = "") {
+  return {
+    attributeName: r,
+    storeSetter: t,
+    converter: (o) => a(o, e)
+  };
+}
+export {
+  b as createBooleanSyncConfig,
+  s as createStringSyncConfig,
+  l as syncAttributeFromConfigBlock
+};