@useinsider/guido 1.4.4-beta.eb9b460 → 2.0.0-beta.061e9c9

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

@@ -1,45 +1,21 @@
 import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlock as r } from "./block.js";
+import { RecommendationBlock as n } 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();
+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();
 export {
   Io as default
 };

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

@@ -1,117 +1,170 @@
-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 { 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 { BLOCK_ID as R } from "./block.js";
-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 {
+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 {
   registerBlockControls(O) {
     O[R] = [
-      new _(
-        E.SETTINGS,
+      new I(
+        N.SETTINGS,
         [
-          e,
+          A,
+          D,
           S.EXTERNAL_INDENTS
         ]
       ),
-      new _(
-        E.STYLES,
+      new I(
+        N.STYLES,
         [
-          L.TEXT_BLOCK_BACKGROUND_COLOR
+          C.TEXT_BLOCK_BACKGROUND_COLOR,
+          U,
+          B
         ]
       ),
-      new _(
+      new I(
         "Card Composition",
         [
-          C
+          L
         ]
       ).withLabel("Card Composition")
-    ], O[I.NAME] = [
-      new _(
-        E.SETTINGS,
+    ], O[T.NAME] = [
+      new I(
+        N.SETTINGS,
         [
-          T.NAME_BACKGROUND,
-          T.NAME_COLOR,
-          T.NAME_SIZE,
-          T.NAME_STYLE,
-          T.NAME_FONT_FAMILY
+          _.NAME_STYLE,
+          _.NAME_ALIGN,
+          _.NAME_TEXT_TRIM,
+          _.NAME_PADDINGS
         ]
       ),
-      new _(
-        E.STYLES,
+      new I(
+        N.STYLES,
         [
-          T.NAME_ALIGN,
-          T.NAME_PADDINGS
+          _.NAME_BACKGROUND,
+          _.NAME_FONT_FAMILY,
+          _.NAME_LINE_SPACING,
+          _.NAME_SIZE,
+          _.NAME_COLOR
         ]
       )
-    ], O[I.PRICE] = [
-      new _(
-        E.SETTINGS,
+    ], O[T.PRICE] = [
+      new I(
+        N.SETTINGS,
         [
-          T.PRICE_BACKGROUND,
-          T.PRICE_COLOR,
-          T.PRICE_SIZE,
-          T.PRICE_STYLE,
-          T.PRICE_FONT_FAMILY
+          _.PRICE_STYLE,
+          _.PRICE_ALIGN,
+          _.PRICE_HIDE_IF_SAME,
+          _.PRICE_PADDINGS
         ]
       ),
-      new _(
-        E.STYLES,
+      new I(
+        N.STYLES,
         [
-          T.PRICE_ALIGN,
-          T.PRICE_PADDINGS
+          _.PRICE_BACKGROUND,
+          _.PRICE_FONT_FAMILY,
+          _.PRICE_LINE_SPACING,
+          _.PRICE_SIZE,
+          _.PRICE_COLOR
         ]
       )
-    ], O[I.OLD_PRICE] = [
-      new _(
-        E.SETTINGS,
+    ], O[T.OLD_PRICE] = [
+      new I(
+        N.SETTINGS,
         [
-          T.OLD_PRICE_BACKGROUND,
-          T.OLD_PRICE_COLOR,
-          T.OLD_PRICE_SIZE,
-          T.OLD_PRICE_STYLE,
-          T.OLD_PRICE_FONT_FAMILY
+          _.OLD_PRICE_STYLE,
+          _.OLD_PRICE_ALIGN,
+          _.OLD_PRICE_PADDINGS
         ]
       ),
-      new _(
-        E.STYLES,
+      new I(
+        N.STYLES,
         [
-          T.OLD_PRICE_ALIGN,
-          T.OLD_PRICE_PADDINGS
+          _.OLD_PRICE_BACKGROUND,
+          _.OLD_PRICE_FONT_FAMILY,
+          _.OLD_PRICE_LINE_SPACING,
+          _.OLD_PRICE_SIZE,
+          _.OLD_PRICE_COLOR
         ]
       )
-    ], O[I.BUTTON] = [
-      new _(
-        E.SETTINGS,
+    ], O[T.OMNIBUS_PRICE] = [
+      new I(
+        N.SETTINGS,
         [
-          T.BUTTON_TEXT,
-          T.BUTTON_ALIGN,
-          T.BUTTON_MARGINS,
-          T.BUTTON_PADDINGS
+          _.OMNIBUS_PRICE_TEXT_BEFORE,
+          _.OMNIBUS_PRICE_TEXT_AFTER,
+          _.OMNIBUS_PRICE_STYLE,
+          _.OMNIBUS_PRICE_ALIGN,
+          _.OMNIBUS_PRICE_PADDINGS
         ]
       ),
-      new _(
-        E.STYLES,
+      new I(
+        N.STYLES,
         [
-          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
+          _.OMNIBUS_PRICE_BACKGROUND,
+          _.OMNIBUS_PRICE_FONT_FAMILY,
+          _.OMNIBUS_PRICE_LINE_SPACING,
+          _.OMNIBUS_PRICE_SIZE,
+          _.OMNIBUS_PRICE_COLOR
         ]
       )
-    ], O[I.IMAGE] = [
-      new _(
-        E.SETTINGS,
+    ], O[T.OMNIBUS_DISCOUNT] = [
+      new I(
+        N.SETTINGS,
         [
-          T.IMAGE_SIZE,
-          T.IMAGE_MARGINS
+          _.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
         ]
       )
     ];
   }
 }
 export {
-  G as SettingsPanel
+  Y as SettingsPanel
 };

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,8 +1,9 @@
-import { RecommendationFeedSourceMaps as s, PriceAttributes as l } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as c } from "../../../../services/recommendationApi.js";
+import { RecommendationFeedSourceMaps as n, PriceAttributes as u } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationApi as l } from "../../../../services/recommendationApi.js";
+import { useConfigStore as c } from "../../../../stores/config.js";
 import { defineStore as p } from "pinia";
 import { generateCompleteFilterQuery as m } from "../utils/filterUtil.js";
-const a = c(), d = () => ({
+const a = l(), d = () => ({
   recommendationCampaignUrls: {},
   recommendationProducts: [],
   recommendationConfigs: {
@@ -133,7 +134,7 @@ const a = c(), d = () => ({
   filterSelectionDrawerStatus: !1,
   filterList: {},
   filterGroup: 1
-}), G = p("guidoRecommendationExtension", {
+}), y = p("guidoRecommendationExtension", {
   state: () => d(),
   getters: {
     hasFilters: (e) => !!e.recommendationConfigs.filters.length,
@@ -144,7 +145,7 @@ const a = c(), d = () => ({
     getActivePredictiveAlgorithms: (e) => {
       const t = [];
       return e.activePredictiveAlgorithms.forEach((r) => {
-        t.push(...s.filter((i) => i.id === r));
+        t.push(...n.filter((i) => i.id === r));
       }), t.map((r) => ({
         text: r.name,
         value: r.key
@@ -159,7 +160,7 @@ const a = c(), d = () => ({
       value: t.text
     })),
     getFilterList: (e) => Object.values(e.filterList).map((t) => {
-      const r = t.type === "defaultAttribute", i = l.includes(t.attributeName);
+      const r = t.type === "defaultAttribute", i = u.includes(t.attributeName);
       let o = r ? t.attributeName : `product_attributes.${t.attributeName}`;
       return o = i ? `${o}.${e.recommendationConfigs.currencySettings.value}` : o, {
         text: t.displayName,
@@ -240,14 +241,14 @@ const a = c(), d = () => ({
       return m(this.recommendationConfigs.filters);
     },
     async fetchRecommendationProducts() {
-      var i, o, n;
-      const e = this.generateFilterQuery(), t = ((i = s.find((u) => u.key === this.recommendationConfigs.strategy)) == null ? void 0 : i.path) || "", r = await a.fetchRecommendationProducts(
+      var o;
+      const e = this.generateFilterQuery(), t = ((o = n.find((s) => s.key === this.recommendationConfigs.strategy)) == null ? void 0 : o.path) || "", r = c(), i = await a.fetchRecommendationProducts(
         t,
         {
           // TODO: Here will be optimized and filled carefully
           locale: this.recommendationConfigs.language,
           currency: this.recommendationConfigs.currencySettings.value,
-          partnerName: ((n = (o = window.GuidoConfig) == null ? void 0 : o.partner) == null ? void 0 : n.partnerName) || "",
+          partnerName: r.partnerName,
           productId: this.recommendationConfigs.strategy === "manualMerchandising" ? this.recommendationConfigs.productIds.join(",") : "{itemId}",
           size: this.recommendationConfigs.size,
           details: !0,
@@ -256,11 +257,11 @@ const a = c(), d = () => ({
         }
       );
       this.$patch({
-        recommendationProducts: r
+        recommendationProducts: i
       });
     }
   }
 });
 export {
-  G as useRecommendationExtensionStore
+  y as useRecommendationExtensionStore
 };

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

@@ -1,9 +1,12 @@
-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";
+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";
 const g = `
-    <td align="left" class="ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20">
+    <td
+        align="left"
+        class="ins-recommendation-v3-block-v2 es-p20"
+        ${_}="0">
         <table width="100%" cellpadding="0" cellspacing="0" border="0">
             <tr>
                 <td align="center">
@@ -22,18 +25,18 @@ const g = `
                                         cellspacing="0"
                                         border="0">
                                         <tbody>
-                                            <${t.BLOCK_TEXT}
+                                            <${e.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>
-                                            </${t.BLOCK_TEXT}>
+                                            </${e.BLOCK_TEXT}>
                                         </tbody>
                                     </table>
                                 </td>
                             </tr>
-                            ${d}
+                            ${C}
                             <tr>
                                 <td>
                                     <table
@@ -53,62 +56,82 @@ const g = `
             </tr>
         </table>
     </td>
-`, a = {
-  productImage: (e) => `
-        <${t.BLOCK_IMAGE}
-            ${n.BLOCK_IMAGE.src}="${e.image_url}"
-            ${n.BLOCK_IMAGE.alt}="${e.name}"
-            ${n.BLOCK_IMAGE.href}="#"
+`, n = {
+  [b]: (t) => `
+        <${e.BLOCK_IMAGE}
+            ${o.BLOCK_IMAGE.src}="${t.image_url}"
+            ${o.BLOCK_IMAGE.alt}="${t.name}"
+            ${o.BLOCK_IMAGE.href}="#"
             class="product-image"
             align="center"
             style="max-width: 100%; height: auto; margin: 0 auto;"
-            esd-extension-block-id="${o.IMAGE}">
-        </${t.BLOCK_IMAGE}>
+            esd-extension-block-id="${s.IMAGE}">
+        </${e.BLOCK_IMAGE}>
     `,
-  productName: (e) => `
-        <${t.BLOCK_TEXT}
-            class="product-name"
+  [T]: (t) => `
+        <${e.BLOCK_TEXT}
+            class="product-name es-p10t es-p10b es-p15l es-p15r"
             align="center"
-            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>
+            esd-extension-block-id="${s.NAME}">
+            <p path="1" contenteditable="false" style="font-size: 16px; color: #333333;">
+                <strong path="1,0">${t.name}</strong>
             </p>
-        </${t.BLOCK_TEXT}>
+        </${e.BLOCK_TEXT}>
     `,
-  productPrice: () => `
-        <${t.BLOCK_TEXT}
-            class="product-price"
+  [d]: () => `
+        <${e.BLOCK_TEXT}
+            class="product-price es-p15l es-p15r"
             align="center"
-            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>
+            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>
             </p>
-        </${t.BLOCK_TEXT}>
+        </${e.BLOCK_TEXT}>
     `,
-  productOldPrice: () => `
-        <${t.BLOCK_TEXT}
-            class="product-old-price"
+  [i]: () => `
+        <${e.BLOCK_TEXT}
+            class="product-old-price es-p15l es-p15r"
             align="center"
-            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>
+            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>
             </p>
-        </${t.BLOCK_TEXT}>
+        </${e.BLOCK_TEXT}>
     `,
-  productButton: () => `
-        <${t.BLOCK_BUTTON}
-            ${n.BLOCK_BUTTON.href}="#"
-            class="product-button"
+  [p]: () => `
+        <${e.BLOCK_TEXT}
+            class="product-omnibus-price es-p15l es-p15r"
             align="center"
-            style="padding: 15px 10px 20px 10px; text-align: center;"
-            esd-extension-block-id="${o.BUTTON}">
+            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}">
             <span class="es-button-border">
                 <a
                     href="#"
@@ -129,32 +152,33 @@ const g = `
                     Buy
                 </a>
             </span>
-        </${t.BLOCK_BUTTON}>
+        </${e.BLOCK_BUTTON}>
     `
 };
 function x() {
-  const e = i();
-  return l(
+  const t = R();
+  return O(
     g,
-    e,
+    t,
     3,
-    a,
-    p.TITLE
+    n,
+    f.TITLE
   );
 }
-function f(e, r, c) {
-  return s(
-    e,
-    r,
+function $(t, a, l) {
+  return u(
+    t,
     a,
-    c
+    n,
+    l
   );
 }
 export {
-  p as DEFAULTS,
-  $ as DEFAULT_CARD_COMPOSITION,
+  f as DEFAULTS,
+  A as DEFAULT_CARD_COMPOSITION,
+  h as DEFAULT_CARD_VISIBILITY,
   g as default,
-  i as getDefaultProducts,
+  R as getDefaultProducts,
   x as getDefaultTemplate,
-  f as prepareProductRows
+  $ as prepareProductRows
 };