@useinsider/guido 2.0.0-beta.d170da6 → 2.0.0-beta.da696d5

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,19 +1,45 @@
 import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlock as t } from "./block.js";
-import { RecommendationCardCompositionControl as n } 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 s, ButtonTextControl as c, ButtonTextSizeControl as u, ButtonTextStyleAndFontColorControl as P, ImageMarginsControl as g, ImageSizeControl as B, NameAlignControl as O, NameBackgroundControl as f, NameColorControl as b, NameFontFamilyControl as p, NamePaddingsControl as y, NameSizeControl as S, NameStyleControl as F, OldPriceAlignControl as x, OldPriceBackgroundControl as T, OldPriceColorControl as k, OldPriceFontFamilyControl as A, OldPricePaddingsControl as D, OldPriceSizeControl as N, OldPriceStyleControl as R, OmnibusPriceAlignControl as z, OmnibusPriceBackgroundControl as I, OmnibusPriceColorControl as w, OmnibusPriceFontFamilyControl as h, OmnibusPricePaddingsControl as M, OmnibusPriceSizeControl as E, OmnibusPriceStyleControl as j, OmnibusDiscountAlignControl as q, OmnibusDiscountBackgroundControl as v, OmnibusDiscountColorControl as G, OmnibusDiscountFontFamilyControl as H, OmnibusDiscountPaddingsControl as J, OmnibusDiscountSizeControl as K, OmnibusDiscountStyleControl as L, PriceAlignControl as Q, PriceBackgroundControl as U, PriceColorControl as V, PriceFontFamilyControl as W, PricePaddingsControl as X, PriceSizeControl as Y, PriceStyleControl as Z } from "./controls/index.js";
-import { RecommendationIconsRegistry as _ } from "./iconsRegistry.js";
-import $ from "./recommendation.css.js";
-import { SettingsPanel as oo } from "./settingsPanel.js";
-import { CardBackgroundColorControl as to } from "./controls/cardBackgroundColorControl.js";
-import { SpacingControl as no } from "./controls/spacingControl.js";
-import { NameTextTrimControl as ro } from "./controls/nameTextTrimControl.js";
-import { OmnibusPriceTextBeforeControl as lo } from "./controls/omnibusPriceTextBeforeControl.js";
-import { OmnibusPriceTextAfterControl as Co } from "./controls/omnibusPriceTextAfterControl.js";
-import { OmnibusDiscountTextBeforeControl as io } from "./controls/omnibusDiscountTextBeforeControl.js";
-import { OmnibusDiscountTextAfterControl as ao } from "./controls/omnibusDiscountTextAfterControl.js";
-const xo = new o().addBlock(t).withSettingsPanelRegistry(oo).addControl(r).addControl(to).addControl(no).addControl(l).addControl(d).addControl(C).addControl(i).addControl(a).addControl(e).addControl(m).addControl(s).addControl(c).addControl(u).addControl(P).addControl(g).addControl(B).addControl(O).addControl(f).addControl(b).addControl(p).addControl(y).addControl(S).addControl(F).addControl(ro).addControl(x).addControl(T).addControl(k).addControl(A).addControl(D).addControl(N).addControl(R).addControl(z).addControl(I).addControl(w).addControl(h).addControl(M).addControl(E).addControl(j).addControl(lo).addControl(Co).addControl(q).addControl(v).addControl(G).addControl(H).addControl(J).addControl(K).addControl(L).addControl(io).addControl(ao).addControl(Q).addControl(U).addControl(V).addControl(W).addControl(X).addControl(Y).addControl(Z).addControl(n).addStyles($).withIconsRegistry(_).build();
+import { RecommendationBlock as r } from "./block.js";
+import { RecommendationCardCompositionControl as t } from "./cardCompositionControl.js";
+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 {
-  xo as default
+  Io as default
 };

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

@@ -1,162 +1,117 @@
-import { SettingsPanelRegistry as S, SettingsPanelTab as I, SettingsTab as T, ContainerControls as E, 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 N, RecommendationControlId as _ } from "./constants.js";
-import { CONTROL_BLOCK_ID as U } from "./control.js";
-import { CARD_BACKGROUND_COLOR_CONTROL_ID as B } from "./controls/cardBackgroundColorControl.js";
-import { SPACING_CONTROL_ID as D } from "./controls/spacingControl.js";
-class m extends S {
+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(
-        T.SETTINGS,
+      new _(
+        E.SETTINGS,
         [
-          U,
-          E.EXTERNAL_INDENTS
+          e,
+          S.EXTERNAL_INDENTS
         ]
       ),
-      new I(
-        T.STYLES,
+      new _(
+        E.STYLES,
         [
-          C.TEXT_BLOCK_BACKGROUND_COLOR,
-          B,
-          D
+          L.TEXT_BLOCK_BACKGROUND_COLOR
         ]
       ),
-      new I(
+      new _(
         "Card Composition",
         [
-          L
+          C
         ]
       ).withLabel("Card Composition")
-    ], O[N.NAME] = [
-      new I(
-        T.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(
-        T.STYLES,
+      new _(
+        E.STYLES,
         [
-          _.NAME_BACKGROUND,
-          _.NAME_FONT_FAMILY,
-          _.NAME_SIZE,
-          _.NAME_COLOR
+          T.NAME_ALIGN,
+          T.NAME_PADDINGS
         ]
       )
-    ], O[N.PRICE] = [
-      new I(
-        T.SETTINGS,
+    ], O[I.PRICE] = [
+      new _(
+        E.SETTINGS,
         [
-          _.PRICE_STYLE,
-          _.PRICE_ALIGN,
-          _.PRICE_PADDINGS
+          T.PRICE_BACKGROUND,
+          T.PRICE_COLOR,
+          T.PRICE_SIZE,
+          T.PRICE_STYLE,
+          T.PRICE_FONT_FAMILY
         ]
       ),
-      new I(
-        T.STYLES,
+      new _(
+        E.STYLES,
         [
-          _.PRICE_BACKGROUND,
-          _.PRICE_FONT_FAMILY,
-          _.PRICE_SIZE,
-          _.PRICE_COLOR
+          T.PRICE_ALIGN,
+          T.PRICE_PADDINGS
         ]
       )
-    ], O[N.OLD_PRICE] = [
-      new I(
-        T.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(
-        T.STYLES,
+      new _(
+        E.STYLES,
         [
-          _.OLD_PRICE_BACKGROUND,
-          _.OLD_PRICE_FONT_FAMILY,
-          _.OLD_PRICE_SIZE,
-          _.OLD_PRICE_COLOR
+          T.OLD_PRICE_ALIGN,
+          T.OLD_PRICE_PADDINGS
         ]
       )
-    ], O[N.OMNIBUS_PRICE] = [
-      new I(
-        T.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(
-        T.STYLES,
+      new _(
+        E.STYLES,
         [
-          _.OMNIBUS_PRICE_BACKGROUND,
-          _.OMNIBUS_PRICE_FONT_FAMILY,
-          _.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[N.OMNIBUS_DISCOUNT] = [
-      new I(
-        T.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(
-        T.STYLES,
-        [
-          _.OMNIBUS_DISCOUNT_BACKGROUND,
-          _.OMNIBUS_DISCOUNT_FONT_FAMILY,
-          _.OMNIBUS_DISCOUNT_SIZE,
-          _.OMNIBUS_DISCOUNT_COLOR
-        ]
-      )
-    ], O[N.BUTTON] = [
-      new I(
-        T.SETTINGS,
-        [
-          _.BUTTON_TEXT,
-          _.BUTTON_ALIGN,
-          _.BUTTON_PADDINGS,
-          _.BUTTON_MARGINS
-        ]
-      ),
-      new I(
-        T.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[N.IMAGE] = [
-      new I(
-        T.SETTINGS,
-        [
-          _.IMAGE_SIZE,
-          _.IMAGE_MARGINS
+          T.IMAGE_SIZE,
+          T.IMAGE_MARGINS
         ]
       )
     ];
   }
 }
 export {
-  m as SettingsPanel
+  G as SettingsPanel
 };

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

@@ -1,7 +1,7 @@
-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 } from "../constants.js";
-import { generateTemplate as _, prepareProductRows as O, spacer as u, DEFAULTS as f, getDefaultProducts as C } from "./templateUtils.js";
-import { DEFAULT_CARD_COMPOSITION as I, 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 esd-block-recommendation-v3-block es-p20">
         <table width="100%" cellpadding="0" cellspacing="0" border="0">
@@ -22,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>
-                            ${u}
+                            ${d}
                             <tr>
                                 <td>
                                     <table
@@ -53,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="#"
@@ -149,33 +129,32 @@ const g = `
                     Buy
                 </a>
             </span>
-        </${e.BLOCK_BUTTON}>
+        </${t.BLOCK_BUTTON}>
     `
 };
 function x() {
-  const t = C();
-  return _(
+  const e = i();
+  return l(
     g,
-    t,
+    e,
     3,
-    n,
-    f.TITLE
+    a,
+    p.TITLE
   );
 }
-function E(t, a, l) {
-  return O(
-    t,
+function f(e, r, c) {
+  return s(
+    e,
+    r,
     a,
-    n,
-    l
+    c
   );
 }
 export {
-  f as DEFAULTS,
-  I as DEFAULT_CARD_COMPOSITION,
-  h as DEFAULT_CARD_VISIBILITY,
+  p as DEFAULTS,
+  $ as DEFAULT_CARD_COMPOSITION,
   g as default,
-  C as getDefaultProducts,
+  i as getDefaultProducts,
   x as getDefaultTemplate,
-  E as prepareProductRows
+  f as prepareProductRows
 };