@useinsider/guido 2.0.0-beta.dbde199 → 2.0.0-beta.faa7c5d

package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js

@@ -0,0 +1,13 @@
+import { TextStyleBuiltInControl as e } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationControlId as t, RecommendationBlockId as r } from "../../constants.js";
+class i extends e {
+  getId() {
+    return t.OLD_PRICE_STYLE;
+  }
+  getTargetNodes(o) {
+    return o.closest(".ins-recommendation-product-container").querySelectorAll(`[esd-extension-block-id="${r.OLD_PRICE}"]`);
+  }
+}
+export {
+  i as OldPriceStyleControl
+};

package/dist/extensions/Blocks/Recommendation/controls/price/align.js

@@ -0,0 +1,13 @@
+import { TextAlignBuiltInControl as o } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationControlId as t, RecommendationBlockId as r } from "../../constants.js";
+class d extends o {
+  getId() {
+    return t.PRICE_ALIGN;
+  }
+  getTargetNodes(e) {
+    return e.closest(".ins-recommendation-product-container").querySelectorAll(`[esd-extension-block-id="${r.PRICE}"]`);
+  }
+}
+export {
+  d as PriceAlignControl
+};

package/dist/extensions/Blocks/Recommendation/controls/price/background.js

@@ -0,0 +1,13 @@
+import { TextBlockBackgroundBuiltInControl as e } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationControlId as r, RecommendationBlockId as t } from "../../constants.js";
+class i extends e {
+  getId() {
+    return r.PRICE_BACKGROUND;
+  }
+  getTargetNodes(o) {
+    return o.closest(".ins-recommendation-product-container").querySelectorAll(`[esd-extension-block-id="${t.PRICE}"]`);
+  }
+}
+export {
+  i as PriceBackgroundControl
+};

package/dist/extensions/Blocks/Recommendation/controls/price/color.js

@@ -0,0 +1,13 @@
+import { TextColorBuiltInControl as e } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationControlId as r, RecommendationBlockId as t } from "../../constants.js";
+class i extends e {
+  getId() {
+    return r.PRICE_COLOR;
+  }
+  getTargetNodes(o) {
+    return o.closest(".ins-recommendation-product-container").querySelectorAll(`[esd-extension-block-id="${t.PRICE}"]`);
+  }
+}
+export {
+  i as PriceColorControl
+};

package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js

@@ -0,0 +1,13 @@
+import { TextFontFamilyBuiltInControl as e } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationControlId as t, RecommendationBlockId as r } from "../../constants.js";
+class d extends e {
+  getId() {
+    return t.PRICE_FONT_FAMILY;
+  }
+  getTargetNodes(o) {
+    return o.closest(".ins-recommendation-product-container").querySelectorAll(`[esd-extension-block-id="${r.PRICE}"]`);
+  }
+}
+export {
+  d as PriceFontFamilyControl
+};

package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js

@@ -0,0 +1,13 @@
+import { TextPaddingsBuiltInControl as o } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationControlId as t, RecommendationBlockId as r } from "../../constants.js";
+class l extends o {
+  getId() {
+    return t.PRICE_PADDINGS;
+  }
+  getTargetNodes(e) {
+    return e.closest(".ins-recommendation-product-container").querySelectorAll(`[esd-extension-block-id="${r.PRICE}"]`);
+  }
+}
+export {
+  l as PricePaddingsControl
+};

package/dist/extensions/Blocks/Recommendation/controls/price/size.js

@@ -0,0 +1,13 @@
+import { TextSizeBuiltInControl as e } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationControlId as t, RecommendationBlockId as r } from "../../constants.js";
+class l extends e {
+  getId() {
+    return t.PRICE_SIZE;
+  }
+  getTargetNodes(o) {
+    return o.closest(".ins-recommendation-product-container").querySelectorAll(`[esd-extension-block-id="${r.PRICE}"]`);
+  }
+}
+export {
+  l as PriceSizeControl
+};

package/dist/extensions/Blocks/Recommendation/controls/price/style.js

@@ -0,0 +1,13 @@
+import { TextStyleBuiltInControl as e } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationControlId as t, RecommendationBlockId as r } from "../../constants.js";
+class i extends e {
+  getId() {
+    return t.PRICE_STYLE;
+  }
+  getTargetNodes(o) {
+    return o.closest(".ins-recommendation-product-container").querySelectorAll(`[esd-extension-block-id="${r.PRICE}"]`);
+  }
+}
+export {
+  i as PriceStyleControl
+};

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

@@ -1,21 +1,45 @@
 import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlock as n } from "./block.js";
+import { RecommendationBlock as r } from "./block.js";
 import { RecommendationCardCompositionControl as t } from "./cardCompositionControl.js";
-import { RecommendationBlockControl as r } from "./control.js";
-import { ButtonAlignControl as l, ButtonBorderControl as d, ButtonBorderRadiusControl as C, ButtonColorControl as i, ButtonFitToContentControl as a, ButtonFontFamilyControl as e, ButtonMarginsControl as m, ButtonPaddingsControl as c, ButtonTextControl as s, ButtonTextSizeControl as u, ButtonTextStyleAndFontColorControl as P, ImageMarginsControl as g, ImageSizeControl as O, NameAlignControl as p, NameBackgroundControl as B, NameColorControl as f, NameFontFamilyControl as S, NameLineSpacingControl as b, NamePaddingsControl as y, NameSizeControl as F, NameStyleControl as x, OldPriceAlignControl as D, OldPriceBackgroundControl as T, OldPriceColorControl as k, OldPriceFontFamilyControl as A, OldPriceLineSpacingControl as N, OldPricePaddingsControl as R, OldPriceSizeControl as z, OldPriceStyleControl as L, OmnibusPriceAlignControl as I, OmnibusPriceBackgroundControl as w, OmnibusPriceColorControl as h, OmnibusPriceFontFamilyControl as M, OmnibusPriceLineSpacingControl as E, OmnibusPricePaddingsControl as H, OmnibusPriceSizeControl as j, OmnibusPriceStyleControl as q, OmnibusDiscountAlignControl as v, OmnibusDiscountBackgroundControl as G, OmnibusDiscountColorControl as J, OmnibusDiscountFontFamilyControl as K, OmnibusDiscountLineSpacingControl as Q, OmnibusDiscountPaddingsControl as U, OmnibusDiscountSizeControl as V, OmnibusDiscountStyleControl as W, PriceAlignControl as X, PriceBackgroundControl as Y, PriceColorControl as Z, PriceFontFamilyControl as _, PriceLineSpacingControl as $, PricePaddingsControl as oo, PriceSizeControl as no, PriceStyleControl as to } from "./controls/index.js";
-import { RecommendationIconsRegistry as ro } from "./iconsRegistry.js";
-import lo from "./recommendation.css.js";
-import { SettingsPanel as Co } from "./settingsPanel.js";
-import { CardBackgroundColorControl as io } from "./controls/cardBackgroundColorControl.js";
-import { SpacingControl as ao } from "./controls/spacingControl.js";
-import { PriceInlineLayoutControl as eo } from "./controls/priceInlineLayoutControl.js";
-import { NameTextTrimControl as mo } from "./controls/nameTextTrimControl.js";
-import { OmnibusPriceTextBeforeControl as co } from "./controls/omnibusPriceTextBeforeControl.js";
-import { OmnibusPriceTextAfterControl as so } from "./controls/omnibusPriceTextAfterControl.js";
-import { OmnibusDiscountTextBeforeControl as uo } from "./controls/omnibusDiscountTextBeforeControl.js";
-import { OmnibusDiscountTextAfterControl as Po } from "./controls/omnibusDiscountTextAfterControl.js";
-import { PriceHideControl as go } from "./controls/priceHideControl.js";
-const Io = new o().addBlock(n).withSettingsPanelRegistry(Co).addControl(r).addControl(io).addControl(ao).addControl(eo).addControl(l).addControl(d).addControl(C).addControl(i).addControl(a).addControl(e).addControl(m).addControl(c).addControl(s).addControl(u).addControl(P).addControl(g).addControl(O).addControl(p).addControl(B).addControl(f).addControl(S).addControl(b).addControl(y).addControl(F).addControl(x).addControl(mo).addControl(D).addControl(T).addControl(k).addControl(A).addControl(N).addControl(R).addControl(z).addControl(L).addControl(I).addControl(w).addControl(h).addControl(M).addControl(E).addControl(H).addControl(j).addControl(q).addControl(co).addControl(so).addControl(v).addControl(G).addControl(J).addControl(K).addControl(Q).addControl(U).addControl(V).addControl(W).addControl(uo).addControl(Po).addControl(X).addControl(Y).addControl(Z).addControl(_).addControl(go).addControl($).addControl(oo).addControl(no).addControl(to).addControl(t).addStyles(lo).withIconsRegistry(ro).build();
+import { RecommendationBlockControl as n } from "./control.js";
+import { ButtonAlignControl as d } from "./controls/button/align.js";
+import { ButtonBorderControl as l } from "./controls/button/border.js";
+import { ButtonBorderRadiusControl as m } from "./controls/button/borderRadius.js";
+import { ButtonColorControl as i } from "./controls/button/color.js";
+import { ButtonFitToContentControl as C } from "./controls/button/fitToContent.js";
+import { ButtonFontFamilyControl as a } from "./controls/button/fontFamily.js";
+import { ButtonMarginsControl as e } from "./controls/button/margins.js";
+import { ButtonPaddingsControl as p } from "./controls/button/paddings.js";
+import { ButtonTextControl as f } from "./controls/button/text.js";
+import { ButtonTextSizeControl as c } from "./controls/button/textSize.js";
+import { ButtonTextStyleAndFontColorControl as s } from "./controls/button/textStyleAndFontColor.js";
+import { ImageMarginsControl as g } from "./controls/image/margins.js";
+import { ImageSizeControl as B } from "./controls/image/size.js";
+import { NameAlignControl as P } from "./controls/name/align.js";
+import { NameBackgroundControl as u } from "./controls/name/background.js";
+import { NameColorControl as y } from "./controls/name/color.js";
+import { NameFontFamilyControl as S } from "./controls/name/fontFamily.js";
+import { NamePaddingsControl as F } from "./controls/name/paddings.js";
+import { NameSizeControl as R } from "./controls/name/size.js";
+import { NameStyleControl as N } from "./controls/name/style.js";
+import { OldPriceAlignControl as O } from "./controls/oldPrice/align.js";
+import { OldPriceBackgroundControl as k } from "./controls/oldPrice/background.js";
+import { OldPriceColorControl as x } from "./controls/oldPrice/color.js";
+import { OldPriceFontFamilyControl as z } from "./controls/oldPrice/fontFamily.js";
+import { OldPricePaddingsControl as A } from "./controls/oldPrice/paddings.js";
+import { OldPriceSizeControl as I } from "./controls/oldPrice/size.js";
+import { OldPriceStyleControl as T } from "./controls/oldPrice/style.js";
+import { PriceAlignControl as w } from "./controls/price/align.js";
+import { PriceBackgroundControl as h } from "./controls/price/background.js";
+import { PriceColorControl as M } from "./controls/price/color.js";
+import { PriceFontFamilyControl as b } from "./controls/price/fontFamily.js";
+import { PricePaddingsControl as E } from "./controls/price/paddings.js";
+import { PriceSizeControl as j } from "./controls/price/size.js";
+import { PriceStyleControl as q } from "./controls/price/style.js";
+import { RecommendationIconsRegistry as v } from "./iconsRegistry.js";
+import D from "./recommendation.css.js";
+import { SettingsPanel as G } from "./settingsPanel.js";
+const Io = new o().addBlock(r).withSettingsPanelRegistry(G).addControl(n).addControl(d).addControl(l).addControl(m).addControl(i).addControl(C).addControl(a).addControl(e).addControl(p).addControl(f).addControl(c).addControl(s).addControl(g).addControl(B).addControl(P).addControl(u).addControl(y).addControl(S).addControl(F).addControl(R).addControl(N).addControl(O).addControl(k).addControl(x).addControl(z).addControl(A).addControl(I).addControl(T).addControl(w).addControl(h).addControl(M).addControl(b).addControl(E).addControl(j).addControl(q).addControl(t).addStyles(D).withIconsRegistry(v).build();
 export {
   Io as default
 };

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

@@ -1,170 +1,117 @@
-import { SettingsPanelRegistry as E, SettingsPanelTab as I, SettingsTab as N, ContainerControls as S, TextControls as C } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { SettingsPanelRegistry as N, SettingsPanelTab as _, SettingsTab as E, ContainerControls as S, TextControls as L } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { BLOCK_ID as R } from "./block.js";
-import { COMPOSITION_CONTROL_BLOCK_ID as L } from "./cardCompositionControl.js";
-import { RecommendationBlockId as T, RecommendationControlId as _ } from "./constants.js";
-import { CONTROL_BLOCK_ID as A } from "./control.js";
-import { CARD_BACKGROUND_COLOR_CONTROL_ID as U } from "./controls/cardBackgroundColorControl.js";
-import { PRICE_INLINE_LAYOUT_CONTROL_ID as D } from "./controls/priceInlineLayoutControl.js";
-import { SPACING_CONTROL_ID as B } from "./controls/spacingControl.js";
-class Y extends E {
+import { COMPOSITION_CONTROL_BLOCK_ID as C } from "./cardCompositionControl.js";
+import { RecommendationBlockId as I, RecommendationControlId as T } from "./constants.js";
+import { CONTROL_BLOCK_ID as e } from "./control.js";
+class G extends N {
   registerBlockControls(O) {
     O[R] = [
-      new I(
-        N.SETTINGS,
+      new _(
+        E.SETTINGS,
         [
-          A,
-          D,
+          e,
           S.EXTERNAL_INDENTS
         ]
       ),
-      new I(
-        N.STYLES,
+      new _(
+        E.STYLES,
         [
-          C.TEXT_BLOCK_BACKGROUND_COLOR,
-          U,
-          B
+          L.TEXT_BLOCK_BACKGROUND_COLOR
         ]
       ),
-      new I(
+      new _(
         "Card Composition",
         [
-          L
+          C
         ]
       ).withLabel("Card Composition")
-    ], O[T.NAME] = [
-      new I(
-        N.SETTINGS,
+    ], O[I.NAME] = [
+      new _(
+        E.SETTINGS,
         [
-          _.NAME_STYLE,
-          _.NAME_ALIGN,
-          _.NAME_TEXT_TRIM,
-          _.NAME_PADDINGS
+          T.NAME_BACKGROUND,
+          T.NAME_COLOR,
+          T.NAME_SIZE,
+          T.NAME_STYLE,
+          T.NAME_FONT_FAMILY
         ]
       ),
-      new I(
-        N.STYLES,
+      new _(
+        E.STYLES,
         [
-          _.NAME_BACKGROUND,
-          _.NAME_FONT_FAMILY,
-          _.NAME_LINE_SPACING,
-          _.NAME_SIZE,
-          _.NAME_COLOR
+          T.NAME_ALIGN,
+          T.NAME_PADDINGS
         ]
       )
-    ], O[T.PRICE] = [
-      new I(
-        N.SETTINGS,
+    ], O[I.PRICE] = [
+      new _(
+        E.SETTINGS,
         [
-          _.PRICE_STYLE,
-          _.PRICE_ALIGN,
-          _.PRICE_HIDE_IF_SAME,
-          _.PRICE_PADDINGS
+          T.PRICE_BACKGROUND,
+          T.PRICE_COLOR,
+          T.PRICE_SIZE,
+          T.PRICE_STYLE,
+          T.PRICE_FONT_FAMILY
         ]
       ),
-      new I(
-        N.STYLES,
+      new _(
+        E.STYLES,
         [
-          _.PRICE_BACKGROUND,
-          _.PRICE_FONT_FAMILY,
-          _.PRICE_LINE_SPACING,
-          _.PRICE_SIZE,
-          _.PRICE_COLOR
+          T.PRICE_ALIGN,
+          T.PRICE_PADDINGS
         ]
       )
-    ], O[T.OLD_PRICE] = [
-      new I(
-        N.SETTINGS,
+    ], O[I.OLD_PRICE] = [
+      new _(
+        E.SETTINGS,
         [
-          _.OLD_PRICE_STYLE,
-          _.OLD_PRICE_ALIGN,
-          _.OLD_PRICE_PADDINGS
+          T.OLD_PRICE_BACKGROUND,
+          T.OLD_PRICE_COLOR,
+          T.OLD_PRICE_SIZE,
+          T.OLD_PRICE_STYLE,
+          T.OLD_PRICE_FONT_FAMILY
         ]
       ),
-      new I(
-        N.STYLES,
+      new _(
+        E.STYLES,
         [
-          _.OLD_PRICE_BACKGROUND,
-          _.OLD_PRICE_FONT_FAMILY,
-          _.OLD_PRICE_LINE_SPACING,
-          _.OLD_PRICE_SIZE,
-          _.OLD_PRICE_COLOR
+          T.OLD_PRICE_ALIGN,
+          T.OLD_PRICE_PADDINGS
         ]
       )
-    ], O[T.OMNIBUS_PRICE] = [
-      new I(
-        N.SETTINGS,
+    ], O[I.BUTTON] = [
+      new _(
+        E.SETTINGS,
         [
-          _.OMNIBUS_PRICE_TEXT_BEFORE,
-          _.OMNIBUS_PRICE_TEXT_AFTER,
-          _.OMNIBUS_PRICE_STYLE,
-          _.OMNIBUS_PRICE_ALIGN,
-          _.OMNIBUS_PRICE_PADDINGS
+          T.BUTTON_TEXT,
+          T.BUTTON_ALIGN,
+          T.BUTTON_MARGINS,
+          T.BUTTON_PADDINGS
         ]
       ),
-      new I(
-        N.STYLES,
+      new _(
+        E.STYLES,
         [
-          _.OMNIBUS_PRICE_BACKGROUND,
-          _.OMNIBUS_PRICE_FONT_FAMILY,
-          _.OMNIBUS_PRICE_LINE_SPACING,
-          _.OMNIBUS_PRICE_SIZE,
-          _.OMNIBUS_PRICE_COLOR
+          T.BUTTON_COLOR,
+          T.BUTTON_FONT_FAMILY,
+          T.BUTTON_TEXT_SIZE,
+          T.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
+          T.BUTTON_FIT_TO_CONTENT,
+          T.BUTTON_BORDER_RADIUS,
+          T.BUTTON_BORDER
         ]
       )
-    ], O[T.OMNIBUS_DISCOUNT] = [
-      new I(
-        N.SETTINGS,
+    ], O[I.IMAGE] = [
+      new _(
+        E.SETTINGS,
         [
-          _.OMNIBUS_DISCOUNT_TEXT_BEFORE,
-          _.OMNIBUS_DISCOUNT_TEXT_AFTER,
-          _.OMNIBUS_DISCOUNT_STYLE,
-          _.OMNIBUS_DISCOUNT_ALIGN,
-          _.OMNIBUS_DISCOUNT_PADDINGS
-        ]
-      ),
-      new I(
-        N.STYLES,
-        [
-          _.OMNIBUS_DISCOUNT_BACKGROUND,
-          _.OMNIBUS_DISCOUNT_FONT_FAMILY,
-          _.OMNIBUS_DISCOUNT_LINE_SPACING,
-          _.OMNIBUS_DISCOUNT_SIZE,
-          _.OMNIBUS_DISCOUNT_COLOR
-        ]
-      )
-    ], O[T.BUTTON] = [
-      new I(
-        N.SETTINGS,
-        [
-          _.BUTTON_TEXT,
-          _.BUTTON_ALIGN,
-          _.BUTTON_PADDINGS,
-          _.BUTTON_MARGINS
-        ]
-      ),
-      new I(
-        N.STYLES,
-        [
-          _.BUTTON_COLOR,
-          _.BUTTON_FONT_FAMILY,
-          _.BUTTON_TEXT_SIZE,
-          _.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
-          _.BUTTON_FIT_TO_CONTENT,
-          _.BUTTON_BORDER_RADIUS,
-          _.BUTTON_BORDER
-        ]
-      )
-    ], O[T.IMAGE] = [
-      new I(
-        N.SETTINGS,
-        [
-          _.IMAGE_SIZE,
-          _.IMAGE_MARGINS
+          T.IMAGE_SIZE,
+          T.IMAGE_MARGINS
         ]
       )
     ];
   }
 }
 export {
-  Y as SettingsPanel
+  G as SettingsPanel
 };

package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js

@@ -1,12 +1,9 @@
-import { BlockType as e, BlockAttr as o } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlockId as s, ATTR_PRODUCT_BUTTON as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as c, ATTR_PRODUCT_OMNIBUS_PRICE as p, ATTR_PRODUCT_OLD_PRICE as i, ATTR_PRODUCT_PRICE as d, ATTR_PRODUCT_NAME as T, ATTR_PRODUCT_IMAGE as b, ATTR_DATA_PRICE_INLINE as _ } from "../constants.js";
-import { generateTemplate as O, prepareProductRows as u, spacer as C, DEFAULTS as f, getDefaultProducts as R } from "./templateUtils.js";
-import { DEFAULT_CARD_COMPOSITION as A, DEFAULT_CARD_VISIBILITY as h } from "./templateUtils.js";
+import { BlockType as t, BlockAttr as n } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationBlockId as o } from "../constants.js";
+import { generateTemplate as l, prepareProductRows as s, spacer as d, DEFAULTS as p, getDefaultProducts as i } from "./templateUtils.js";
+import { DEFAULT_CARD_COMPOSITION as $ } from "./templateUtils.js";
 const g = `
-    <td
-        align="left"
-        class="ins-recommendation-v3-block-v2 es-p20"
-        ${_}="0">
+    <td align="left" class="ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20">
         <table width="100%" cellpadding="0" cellspacing="0" border="0">
             <tr>
                 <td align="center">
@@ -25,18 +22,18 @@ const g = `
                                         cellspacing="0"
                                         border="0">
                                         <tbody>
-                                            <${e.BLOCK_TEXT}
+                                            <${t.BLOCK_TEXT}
                                                 class="es-p10t es-p10b es-p20l es-p20r"
                                                 align="center">
                                                 <p path="1" style="font-size: 28px; color: #333333;">
                                                     <strong path="1,0">{-{-TITLE-}-}</strong>
                                                 </p>
-                                            </${e.BLOCK_TEXT}>
+                                            </${t.BLOCK_TEXT}>
                                         </tbody>
                                     </table>
                                 </td>
                             </tr>
-                            ${C}
+                            ${d}
                             <tr>
                                 <td>
                                     <table
@@ -56,82 +53,62 @@ const g = `
             </tr>
         </table>
     </td>
-`, n = {
-  [b]: (t) => `
-        <${e.BLOCK_IMAGE}
-            ${o.BLOCK_IMAGE.src}="${t.image_url}"
-            ${o.BLOCK_IMAGE.alt}="${t.name}"
-            ${o.BLOCK_IMAGE.href}="#"
+`, a = {
+  productImage: (e) => `
+        <${t.BLOCK_IMAGE}
+            ${n.BLOCK_IMAGE.src}="${e.image_url}"
+            ${n.BLOCK_IMAGE.alt}="${e.name}"
+            ${n.BLOCK_IMAGE.href}="#"
             class="product-image"
             align="center"
             style="max-width: 100%; height: auto; margin: 0 auto;"
-            esd-extension-block-id="${s.IMAGE}">
-        </${e.BLOCK_IMAGE}>
+            esd-extension-block-id="${o.IMAGE}">
+        </${t.BLOCK_IMAGE}>
     `,
-  [T]: (t) => `
-        <${e.BLOCK_TEXT}
-            class="product-name es-p10t es-p10b es-p15l es-p15r"
+  productName: (e) => `
+        <${t.BLOCK_TEXT}
+            class="product-name"
             align="center"
-            esd-extension-block-id="${s.NAME}">
-            <p path="1" contenteditable="false" style="font-size: 16px; color: #333333;">
-                <strong path="1,0">${t.name}</strong>
+            style="font-size: 16px; color: #333333; font-weight: 600; padding: 15px 10px; text-align: center;"
+            esd-extension-block-id="${o.NAME}">
+            <p path="1" contenteditable="false">
+                <strong path="1,0">${e.name}</strong>
             </p>
-        </${e.BLOCK_TEXT}>
+        </${t.BLOCK_TEXT}>
     `,
-  [d]: () => `
-        <${e.BLOCK_TEXT}
-            class="product-price es-p15l es-p15r"
+  productPrice: () => `
+        <${t.BLOCK_TEXT}
+            class="product-price"
             align="center"
-            esd-extension-block-id="${s.PRICE}">
-            <p path="1" contenteditable="false" style="font-size: 16px; color: #333333;">
-                <strong path="1,0">18,00 TRY</strong>
+            style="padding: 10px; text-align: center;"
+            esd-extension-block-id="${o.PRICE}">
+            <p path="1" contenteditable="false">
+                <span class="current-price" style="font-size: 16px; color: #333333; font-weight: bold;">
+                    <strong path="1,0">18,00 TRY</strong>
+                </span>
             </p>
-        </${e.BLOCK_TEXT}>
+        </${t.BLOCK_TEXT}>
     `,
-  [i]: () => `
-        <${e.BLOCK_TEXT}
-            class="product-old-price es-p15l es-p15r"
+  productOldPrice: () => `
+        <${t.BLOCK_TEXT}
+            class="product-old-price"
             align="center"
-            esd-extension-block-id="${s.OLD_PRICE}">
-            <p path="1" contenteditable="false" style="font-size: 14px; color: #999999;">
-                <s path="1,0">20,00 TRY</s>
+            style="padding: 10px; text-align: center;"
+            esd-extension-block-id="${o.OLD_PRICE}">
+            <p path="1" contenteditable="false">
+                <span class="old-price" style="font-size: 14px; color: #999999; text-decoration: line-through;">
+                    <s path="1,0">20,00 TRY</s>
+                </span>
             </p>
-        </${e.BLOCK_TEXT}>
+        </${t.BLOCK_TEXT}>
     `,
-  [p]: () => `
-        <${e.BLOCK_TEXT}
-            class="product-omnibus-price es-p15l es-p15r"
+  productButton: () => `
+        <${t.BLOCK_BUTTON}
+            ${n.BLOCK_BUTTON.href}="#"
+            class="product-button"
             align="center"
-            data-text-before="Lowest 30-day price: "
-            data-text-after=""
-            esd-extension-block-id="${s.OMNIBUS_PRICE}">
-            <p path="1" contenteditable="false" style="font-size: 12px; color: #666666;">
-                <span class="omnibus-text-before">Lowest 30-day price: </span>
-                <span class="omnibus-price-value">17,00 TRY</span>
-                <span class="omnibus-text-after"></span>
-            </p>
-        </${e.BLOCK_TEXT}>
-    `,
-  [c]: () => `
-        <${e.BLOCK_TEXT}
-            class="product-omnibus-discount es-p15l es-p15r"
-            align="center"
-            data-text-before=""
-            data-text-after=""
-            esd-extension-block-id="${s.OMNIBUS_DISCOUNT}">
-            <p path="1" contenteditable="false" style="font-size: 12px; color: #666666;">
-                <span class="omnibus-text-before"></span>
-                <span class="omnibus-discount-value">-6%</span>
-                <span class="omnibus-text-after"></span>
-            </p>
-        </${e.BLOCK_TEXT}>
-    `,
-  [r]: () => `
-        <${e.BLOCK_BUTTON}
-            ${o.BLOCK_BUTTON.href}="#"
-            class="product-button es-p10t es-p10b"
-            align="center"
-            esd-extension-block-id="${s.BUTTON}">
+            style="padding: 15px 10px 20px 10px; text-align: center;"
+            esd-extension-block-id="${o.BUTTON}">
             <span class="es-button-border">
                 <a
                     href="#"
@@ -152,33 +129,32 @@ const g = `
                     Buy
                 </a>
             </span>
-        </${e.BLOCK_BUTTON}>
+        </${t.BLOCK_BUTTON}>
     `
 };
 function x() {
-  const t = R();
-  return O(
+  const e = i();
+  return l(
     g,
-    t,
+    e,
     3,
-    n,
-    f.TITLE
+    a,
+    p.TITLE
   );
 }
-function $(t, a, l) {
-  return u(
-    t,
+function f(e, r, c) {
+  return s(
+    e,
+    r,
     a,
-    n,
-    l
+    c
   );
 }
 export {
-  f as DEFAULTS,
-  A as DEFAULT_CARD_COMPOSITION,
-  h as DEFAULT_CARD_VISIBILITY,
+  p as DEFAULTS,
+  $ as DEFAULT_CARD_COMPOSITION,
   g as default,
-  R as getDefaultProducts,
+  i as getDefaultProducts,
   x as getDefaultTemplate,
-  $ as prepareProductRows
+  f as prepareProductRows
 };