@useinsider/guido 2.0.0-beta.1ba7e26 → 2.0.0-beta.1c331b8

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

@@ -1,100 +1,29 @@
-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}"
+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="${t}"
-        data-number="${e}"
+        data-type="${a}" 
+        data-number="${t}"
     />
-    `, 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} 
+    `, F = (a) => `
+    <${l.BLOCK_TEXT} 
         width="100%" 
         align="center" 
         class="es-p10" 
-        data-type="${t}"
-        esd-extension-block-id="${O.NAME}"
+        data-type="${a}"
+        esd-extension-block-id="${T.NAME}"
     >
         <p contenteditable="false">
             <a  
@@ -119,264 +48,148 @@ const V = (t, e) => t.split(";").map((n) => n.trim()).filter((n) => !n.toLowerCa
                 ${A}
             </a>
         </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>`;
+    </${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}`;
   }
+  const r = c === "1" ? "after" : "before", d = `data-formated="${o ? "true" : "false"}"`, s = `data-curency="${r}"`;
   return `
-    <${u.BLOCK_TEXT}
-        esd-extension-block-id="${O.PRICE}"
+    <${l.BLOCK_TEXT} 
+        esd-extension-block-id="${T.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="${t}"
-            data-number="${e}"
-            ${p}
-            ${i}
-            ${a ? `data-currency_symbol="${a}"` : ""}
+            data-type="${a}"
+            data-number="${t}"
+            ${d}
+            ${s}
+            ${e ? `data-currency_symbol="${e}"` : ""}
         >
-            ${c}
+            ${n}
         </p>
-    </${u.BLOCK_TEXT}>
+    </${l.BLOCK_TEXT}>
 `;
-}, 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>`;
+}, 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}`;
   }
+  const r = c === "1" ? "after" : "before", d = `data-formated="${o ? "true" : "false"}"`, s = `data-curency="${r}"`;
   return `
-    <${u.BLOCK_TEXT}
+    <${l.BLOCK_TEXT} 
         class="items-block-price"
-        esd-extension-block-id="${O.ORIGINAL_PRICE}"
-        width="100%"
-        align="center"
-        ${o ? "" : 'style="display: none;"'}
+        esd-extension-block-id="${T.ORIGINAL_PRICE}"
+        width="100%" 
+        align="center" 
     >
         <p
             product-attr="originalPrice"
-            contenteditable="false"
+            contenteditable="false" 
             data-slot-5
             style="color: #cc0000"
-            data-type="${t}"
-            data-number="${e}"
-            ${i}
-            ${T}
-            ${a ? `data-currency_symbol="${a}"` : ""}
+            data-type="${a}"
+            data-number="${t}"
+            ${d}
+            ${s}
+            ${e ? `data-currency_symbol="${e}"` : ""}
         >
-            <s>${s}</s>
+            <s>${n}</s>
         </p>
-    </${u.BLOCK_TEXT}>
+    </${l.BLOCK_TEXT}>
 `;
-}, 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(
+}, 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 ${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(
+    `<td$1 ${$}>`
+  ).replace("{-{-TEMPLATE_FIRST_LINE-}-}", N).replace("{-{-PRODUCT_IMAGE-}-}", h(t, o)).replace("{-{-PRODUCT_NAME-}-}", F(t)).replaceAll(
     "{-{-PRODUCT_PRICE-}-}",
-    H(e, n, r, o, c, l, b)
+    S(t, o, c, n, r)
   ).replaceAll(
     "{-{-PRODUCT_ORIGINAL_PRICE-}-}",
-    Y(
-      e,
-      n,
-      r,
+    L(
+      t,
       o,
       c,
-      l,
-      X,
-      _
+      n,
+      r
     )
-  ).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, $);
+  ).replace("{-{-PRODUCT_QUANTITY-}-}", b()).replace("{-{-PRODUCT_BUTTON-}-}", U(t, o)).replace("{-{-CONFIG_BLOCK-}-}", D());
 };
-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
+function G({
+  orientation: a,
+  itemsType: t = O.ITEMS_TYPE.CART_ITEMS,
+  itemId: o,
+  currencySymbol: e,
+  currencyLocation: c,
+  formattedPrice: n = !0
 }) {
-  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);
+  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);
   }
-  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,
+  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,
-    o,
-    l,
+    d,
     a,
-    r,
-    c,
-    void 0,
-    // nodup
-    s,
-    p,
-    i,
-    w,
-    T,
-    E,
-    $
-  ) : L(
-    G,
+    n,
     e,
-    I,
+    c
+  ) : R(
+    B,
     t,
-    o,
-    l,
+    d,
     a,
-    r,
-    c,
-    void 0,
-    // nodup
-    s,
-    p,
-    i,
-    w,
-    T,
-    E,
-    $
+    n,
+    e,
+    c
   );
 }
 export {
-  ct as getDefaultTemplate
+  G as getDefaultTemplate
 };

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

@@ -1,6 +1,6 @@
 import { useItemsBlockStore as e } from "../store/items-block.js";
 import { syncAttributeFromConfigBlock as r, createBooleanSyncConfig as i, createStringSyncConfig as s } from "./syncAttributeFromConfigBlock.js";
-function C(t) {
+function m(t) {
   const o = e(), n = i(
     "PRODUCT_NAME_TRIMMING",
     (c) => o.setNameTrimming(c),
@@ -12,7 +12,7 @@ function f(t) {
   const o = e(), n = i(
     "PRODUCT_PRICE_HIDE_DISCOUNT",
     (c) => o.setHideDiscount(c),
-    !0
+    !1
   );
   r(t, n);
 }
@@ -24,7 +24,7 @@ function R(t) {
   );
   r(t, n);
 }
-function _(t) {
+function O(t) {
   const o = e(), n = s(
     "PRODUCT_PRICE_CURRENCY_SYMBOL",
     (c) => o.setCurrencySymbol(c),
@@ -32,7 +32,7 @@ function _(t) {
   );
   r(t, n);
 }
-function y(t) {
+function _(t) {
   const o = e(), n = s(
     "PRODUCT_PRICE_CURRENCY_LOCATION",
     (c) => o.setCurrencyLocation(c),
@@ -40,7 +40,7 @@ function y(t) {
   );
   r(t, n);
 }
-function T(t) {
+function I(t) {
   const o = e(), n = s(
     "PRODUCT_BUTTON_LINK",
     (c) => o.setButtonLink(c),
@@ -48,7 +48,7 @@ function T(t) {
   );
   r(t, n);
 }
-function g(t) {
+function T(t) {
   const o = e(), n = s(
     "PRODUCT_IMAGE_LINK",
     (c) => o.setImageLink(c),
@@ -56,12 +56,21 @@ function g(t) {
   );
   r(t, n);
 }
+function y(t) {
+  const o = e(), n = s(
+    "PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION",
+    (c) => o.setPriceOrientation(c),
+    "horizontal"
+  );
+  r(t, n);
+}
 export {
-  T as syncButtonLinkFromAttributes,
-  y as syncCurrencyLocationFromAttributes,
-  _ as syncCurrencySymbolFromAttributes,
+  I as syncButtonLinkFromAttributes,
+  _ as syncCurrencyLocationFromAttributes,
+  O as syncCurrencySymbolFromAttributes,
   R as syncFormattedPriceFromAttributes,
   f as syncHideDiscountFromAttributes,
-  g as syncImageLinkFromAttributes,
-  C as syncNameTrimmingFromAttributes
+  T as syncImageLinkFromAttributes,
+  m as syncNameTrimmingFromAttributes,
+  y as syncPriceOrientationFromAttributes
 };

package/dist/extensions/Blocks/Recommendation/block.js

@@ -1,5 +1,5 @@
 import { Block as e, BlockCompositionType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as o } from "./templates/blockTemplate.js";
+import { getDefaultTemplate as o } from "./templates/vertical/template.js";
 const n = "recommendation-block";
 class m extends e {
   constructor() {

package/dist/extensions/Blocks/Recommendation/constants/blockIds.js

@@ -0,0 +1,4 @@
+var b = /* @__PURE__ */ ((r) => (r.BUTTON = "recommendation-block-button", r.NAME = "recommendation-block-name", r.PRICE = "recommendation-block-price", r.OLD_PRICE = "recommendation-block-old-price", r.OMNIBUS_PRICE = "recommendation-block-omnibus-price", r.OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount", r.IMAGE = "recommendation-block-image", r))(b || {});
+export {
+  b as RecommendationBlockId
+};

package/dist/extensions/Blocks/Recommendation/constants/controlIds.js

@@ -0,0 +1,4 @@
+var o = /* @__PURE__ */ ((c) => (c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c))(o || {});
+export {
+  o as RecommendationControlId
+};

package/dist/extensions/Blocks/Recommendation/constants/layout.js

@@ -0,0 +1,7 @@
+const _ = 3, R = 3, O = 9, D = 4;
+export {
+  R as DEFAULT_CARDS_IN_ROW,
+  _ as DEFAULT_PRODUCTS_PER_ROW,
+  D as MAX_PRODUCTS_PER_ROW,
+  O as MAX_PRODUCT_COUNT
+};

package/dist/extensions/Blocks/Recommendation/constants/selectors.js

@@ -0,0 +1,11 @@
+const T = ".ins-recommendation-product-container", c = "productImage", o = "productName", t = "productPrice", R = "productOldPrice", _ = "productOmnibusPrice", n = "productOmnibusDiscount", O = "productButton";
+export {
+  O as ATTR_PRODUCT_BUTTON,
+  c as ATTR_PRODUCT_IMAGE,
+  o as ATTR_PRODUCT_NAME,
+  R as ATTR_PRODUCT_OLD_PRICE,
+  n as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  _ as ATTR_PRODUCT_OMNIBUS_PRICE,
+  t as ATTR_PRODUCT_PRICE,
+  T as CONTAINER_SELECTOR
+};