@useinsider/guido 2.0.0-beta.bf65edd → 2.0.0-beta.c0d8594

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
 };

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

@@ -0,0 +1,172 @@
+import { ModificationDescription as _ } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { DefaultConfigValues as e, SETTINGS_ENUMS as n, ItemInCartOptions as g } from "../enums/settingsEnums.js";
+function d() {
+  return String(Date.now() + Math.floor(Math.random() * 1e3));
+}
+function f() {
+  return {
+    initialized: !0,
+    blockInstanceId: d(),
+    source: n.ITEMS_TYPE.CART_ITEMS,
+    type: n.ITEMS_TYPE.CART_ITEMS,
+    itemsSelectValue: e.cartItemsSelectControlValue,
+    orientation: n.ORIENTATION.VERTICAL,
+    nameTrimming: e.productNameTrimmingControlValue === "1",
+    nameControlEnabled: e.productNameControlEnabled === "1",
+    priceHideDiscount: e.productPriceHideDiscountControlValue === "1",
+    priceFormatted: e.productPriceFormattedControlValue === "1",
+    priceCurrencySymbol: e.productPriceCurrencySymbolControlValue,
+    priceCurrencyLocation: e.productPriceCurrencyLocationControlValue,
+    priceControlOpened: e.productPriceControlOpened === "1",
+    priceOrientation: "horizontal",
+    quantityControlEnabled: e.productQuantityControlEnabled === "1",
+    buttonLink: e.productButtonLinkControlValue,
+    imageLink: e.productImageLinkControlValue,
+    buttonLabel: "Buy",
+    imageVisible: e.productImageVisible === "1",
+    nameVisible: e.productNameVisible === "1",
+    quantityVisible: e.productQuantityVisible === "1",
+    priceVisible: e.productPriceVisible === "1",
+    originalPriceVisible: e.productOriginalPriceVisible === "1",
+    buttonVisible: e.productButtonVisible === "1"
+  };
+}
+function s(r) {
+  if (!r)
+    return null;
+  const t = r.closest(".items-block-v2");
+  return t || r.closest(".esd-cart-items-block");
+}
+function m(r) {
+  return r ? {
+    CartItems: n.ITEMS_TYPE.CART_ITEMS,
+    BrowsedItems: n.ITEMS_TYPE.BROWSED_ITEMS,
+    PurchasedItems: n.ITEMS_TYPE.PURCHASED_ITEMS,
+    // Also handle already correct formats
+    CART_ITEMS: n.ITEMS_TYPE.CART_ITEMS,
+    BROWSED_ITEMS: n.ITEMS_TYPE.BROWSED_ITEMS,
+    PURCHASED_ITEMS: n.ITEMS_TYPE.PURCHASED_ITEMS
+  }[r] || n.ITEMS_TYPE.CART_ITEMS : n.ITEMS_TYPE.CART_ITEMS;
+}
+function C(r, t) {
+  if (!r)
+    return e.cartItemsSelectControlValue;
+  if (r.includes("{{"))
+    return r;
+  if (/^\d+$/.test(r)) {
+    const i = parseInt(r) - 1, o = g[t];
+    if (o && o[i])
+      return o[i].value;
+  }
+  return e.cartItemsSelectControlValue;
+}
+function I(r) {
+  const t = r.querySelector("esd-config-block");
+  if (!t)
+    return null;
+  const i = (c, a) => c == null ? a : c === "1" || c === "true", o = (c, a) => c || a, l = t.getAttribute("data-type"), u = m(l), p = t.getAttribute("data-cart_items_select_control_value"), b = C(p, u);
+  return {
+    initialized: i(t.getAttribute("data-initialized"), !1),
+    blockInstanceId: o(
+      t.getAttribute("data-block-instance-id"),
+      d()
+    ),
+    source: u,
+    type: u,
+    itemsSelectValue: b,
+    orientation: t.getAttribute("data-card_orientation_control_value") || n.ORIENTATION.VERTICAL,
+    nameTrimming: i(
+      t.getAttribute("data-product_name_trimming"),
+      !0
+    ),
+    nameControlEnabled: i(
+      t.getAttribute("data-product_name_control_enabled"),
+      !0
+    ),
+    priceHideDiscount: i(
+      t.getAttribute("data-product_price_hide_discount"),
+      !0
+    ),
+    priceFormatted: i(
+      t.getAttribute("data-product_price_formatted"),
+      !0
+    ),
+    priceCurrencySymbol: o(
+      t.getAttribute("data-product_price_currency_symbol"),
+      e.productPriceCurrencySymbolControlValue
+    ),
+    priceCurrencyLocation: o(
+      t.getAttribute("data-product_price_currency_location"),
+      e.productPriceCurrencyLocationControlValue
+    ),
+    priceControlOpened: i(
+      t.getAttribute("data-product_price_control_opened"),
+      !0
+    ),
+    priceOrientation: t.getAttribute("data-product_original_price_control_orientation") || "horizontal",
+    quantityControlEnabled: i(
+      t.getAttribute("data-product_quantity_control_enabled"),
+      !0
+    ),
+    buttonLink: o(
+      t.getAttribute("data-product_button_link"),
+      e.productButtonLinkControlValue
+    ),
+    imageLink: o(
+      t.getAttribute("data-product_image_link"),
+      e.productImageLinkControlValue
+    ),
+    buttonLabel: o(
+      t.getAttribute("data-product_button_control_label"),
+      "Buy"
+    ),
+    imageVisible: i(
+      t.getAttribute("data-product_image_visible"),
+      !0
+    ),
+    nameVisible: i(
+      t.getAttribute("data-product_name_visible"),
+      !0
+    ),
+    quantityVisible: i(
+      t.getAttribute("data-product_quantity_visible"),
+      !0
+    ),
+    priceVisible: i(
+      t.getAttribute("data-product_price_visible"),
+      !0
+    ),
+    originalPriceVisible: i(
+      t.getAttribute("data-product_original_price_control_enabled"),
+      !0
+    ),
+    buttonVisible: i(
+      t.getAttribute("data-product_button_visible"),
+      !0
+    )
+  };
+}
+function S(r) {
+  const t = s(r);
+  if (!t)
+    return null;
+  const i = t.getNodeConfig();
+  if (i && i.initialized)
+    return i;
+  const o = I(t);
+  return o || null;
+}
+function y(r, t, i) {
+  const o = s(r);
+  if (!o)
+    return;
+  const u = { ...o.getNodeConfig() || {}, ...i };
+  t.getDocumentModifier().modifyHtml(o).setNodeConfig(u).apply(new _("Update Items block configuration"));
+}
+export {
+  d as generateBlockInstanceId,
+  f as getDefaultItemsBlockConfig,
+  S as getItemsBlockConfig,
+  s as getItemsBlockContainer,
+  y as setItemsBlockConfig
+};