@useinsider/guido 1.0.3-beta.bee0e85 → 1.0.3-beta.bf31272

package/dist/extensions/Blocks/Items/enums/controlEnums.js

@@ -1,5 +1,5 @@
-var c = /* @__PURE__ */ ((i) => (i.BUTTON = "items-block-button", i.IMAGE = "items-block-image", i.ORIGINAL_PRICE = "items-block-original-price", i.PRICE = "items-block-price", i.QUANTITY = "items-block-quantity", i.NAME = "items-block-name", i))(c || {}), b = /* @__PURE__ */ ((i) => (i.BUTTON_ALIGN = "items-block-button-align-control", i.BUTTON_BORDER = "items-block-button-border-control", i.BUTTON_BORDER_RADIUS = "items-block-button-border-radius-control", i.BUTTON_COLOR = "items-block-button-color-control", i.BUTTON_FIT_TO_CONTENT = "items-block-button-fit-to-content-control", i.BUTTON_FONT_FAMILY = "items-block-button-font-family-control", i.BUTTON_MARGINS = "items-block-button-margins-control", i.BUTTON_PADDINGS = "items-block-button-paddings-control", i.BUTTON_TEXT = "items-block-button-text-control", i.BUTTON_TEXT_SIZE = "items-block-button-text-size-control", i.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "items-block-button-text-style-and-font-color-control", i.BUTTON_LINK = "items-block-button-link-control", i.IMAGE_SIZE = "items-block-image-size-control", i.IMAGE_MARGINS = "items-block-image-margins-control", i.IMAGE_LINK = "items-block-image-link-control", i.ORIGINAL_PRICE_ALIGN = "items-block-original-price-align-control", i.ORIGINAL_PRICE_COLOR = "items-block-original-price-color-control", i.ORIGINAL_PRICE_SIZE = "items-block-original-price-size-control", i.ORIGINAL_PRICE_STYLE = "items-block-original-price-style-control", i.ORIGINAL_PRICE_FONT_FAMILY = "items-block-original-price-font-family-control", i.ORIGINAL_PRICE_BACKGROUND = "items-block-original-price-background-control", i.ORIGINAL_PRICE_PADDINGS = "items-block-original-price-paddings-control", i.PRICE_ALIGN = "items-block-price-align-control", i.PRICE_COLOR = "items-block-price-color-control", i.PRICE_SIZE = "items-block-price-size-control", i.PRICE_STYLE = "items-block-price-style-control", i.PRICE_FONT_FAMILY = "items-block-price-font-family-control", i.PRICE_BACKGROUND = "items-block-price-background-control", i.PRICE_PADDINGS = "items-block-price-paddings-control", i.PRICE_HIDE_DISCOUNT = "items-block-price-hide-discount-control", i.PRICE_FORMATTED_PRICE = "items-block-price-formatted-price-control", i.PRICE_CURRENCY_SYMBOL = "items-block-price-currency-symbol-control", i.PRICE_CURRENCY_LOCATION = "items-block-price-currency-location-control", i.NAME_ALIGN = "items-block-name-align-control", i.NAME_COLOR = "items-block-name-color-control", i.NAME_SIZE = "items-block-name-size-control", i.NAME_STYLE = "items-block-name-style-control", i.NAME_FONT_FAMILY = "items-block-name-font-family-control", i.NAME_BACKGROUND = "items-block-name-background-control", i.NAME_TRIMMING = "items-block-name-trimming-control", i.NAME_PADDINGS = "items-block-name-paddings-control", i.QUANTITY_ALIGN = "items-block-quantity-align-control", i.QUANTITY_COLOR = "items-block-quantity-color-control", i.QUANTITY_FONT_FAMILY = "items-block-quantity-font-family-control", i.QUANTITY_PADDINGS = "items-block-quantity-paddings-control", i.QUANTITY_SIZE = "items-block-quantity-size-control", i.QUANTITY_STYLE = "items-block-quantity-style-control", i))(b || {});
+var c = /* @__PURE__ */ ((i) => (i.BUTTON = "items-block-button", i.IMAGE = "items-block-image", i.ORIGINAL_PRICE = "items-block-original-price", i.PRICE = "items-block-price", i.QUANTITY = "items-block-quantity", i.NAME = "items-block-name", i))(c || {}), t = /* @__PURE__ */ ((i) => (i.BUTTON_ALIGN = "items-block-button-align-control", i.BUTTON_BORDER = "items-block-button-border-control", i.BUTTON_BORDER_RADIUS = "items-block-button-border-radius-control", i.BUTTON_COLOR = "items-block-button-color-control", i.BUTTON_FIT_TO_CONTENT = "items-block-button-fit-to-content-control", i.BUTTON_FONT_FAMILY = "items-block-button-font-family-control", i.BUTTON_MARGINS = "items-block-button-margins-control", i.BUTTON_PADDINGS = "items-block-button-paddings-control", i.BUTTON_TEXT = "items-block-button-text-control", i.BUTTON_TEXT_SIZE = "items-block-button-text-size-control", i.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "items-block-button-text-style-and-font-color-control", i.BUTTON_LINK = "items-block-button-link-control", i.IMAGE_SIZE = "items-block-image-size-control", i.IMAGE_MARGINS = "items-block-image-margins-control", i.IMAGE_LINK = "items-block-image-link-control", i.ORIGINAL_PRICE_ALIGN = "items-block-original-price-align-control", i.ORIGINAL_PRICE_COLOR = "items-block-original-price-color-control", i.ORIGINAL_PRICE_SIZE = "items-block-original-price-size-control", i.ORIGINAL_PRICE_STYLE = "items-block-original-price-style-control", i.ORIGINAL_PRICE_FONT_FAMILY = "items-block-original-price-font-family-control", i.ORIGINAL_PRICE_BACKGROUND = "items-block-original-price-background-control", i.ORIGINAL_PRICE_PADDINGS = "items-block-original-price-paddings-control", i.PRICE_ALIGN = "items-block-price-align-control", i.PRICE_COLOR = "items-block-price-color-control", i.PRICE_SIZE = "items-block-price-size-control", i.PRICE_STYLE = "items-block-price-style-control", i.PRICE_FONT_FAMILY = "items-block-price-font-family-control", i.PRICE_BACKGROUND = "items-block-price-background-control", i.PRICE_PADDINGS = "items-block-price-paddings-control", i.PRICE_HIDE_DISCOUNT = "items-block-price-hide-discount-control", i.PRICE_FORMATTED_PRICE = "items-block-price-formatted-price-control", i.PRICE_CURRENCY_SYMBOL = "items-block-price-currency-symbol-control", i.PRICE_CURRENCY_LOCATION = "items-block-price-currency-location-control", i.PRICE_ORIENTATION = "items-block-price-orientation-control", i.NAME_ALIGN = "items-block-name-align-control", i.NAME_COLOR = "items-block-name-color-control", i.NAME_SIZE = "items-block-name-size-control", i.NAME_STYLE = "items-block-name-style-control", i.NAME_FONT_FAMILY = "items-block-name-font-family-control", i.NAME_BACKGROUND = "items-block-name-background-control", i.NAME_TRIMMING = "items-block-name-trimming-control", i.NAME_PADDINGS = "items-block-name-paddings-control", i.QUANTITY_ALIGN = "items-block-quantity-align-control", i.QUANTITY_COLOR = "items-block-quantity-color-control", i.QUANTITY_FONT_FAMILY = "items-block-quantity-font-family-control", i.QUANTITY_PADDINGS = "items-block-quantity-paddings-control", i.QUANTITY_SIZE = "items-block-quantity-size-control", i.QUANTITY_STYLE = "items-block-quantity-style-control", i))(t || {});
 export {
-  b as ItemsBlockControlId,
+  t as ItemsBlockControlId,
   c as ItemsBlockId
 };

package/dist/extensions/Blocks/Items/enums/productEnums.js

@@ -9,6 +9,7 @@ const o = '<td align="center" class="ins-product-td items-block items-block-v2">
   PRODUCT_PRICE_FORMATTED: "data-product_price_formatted",
   PRODUCT_PRICE_CURRENCY_SYMBOL: "data-product_price_currency_symbol",
   PRODUCT_PRICE_CURRENCY_LOCATION: "data-product_price_currency_location",
+  PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION: "data-product_original_price_control_orientation",
   PRODUCT_BUTTON_LINK: "data-product_button_link",
   PRODUCT_IMAGE_LINK: "data-product_image_link",
   PRODUCT_NAME_CONTROL_VALUE: "data-product_name_control_value",
@@ -214,7 +215,7 @@ const o = '<td align="center" class="ins-product-td items-block items-block-v2">
 function m(e, a = 8) {
   return i(1, a + 1).map((s) => `${e}_${s}`);
 }
-function E() {
+function r() {
   const { PAIRS_FOR_EXTENSION: e } = t, a = [];
   return a.push(
     e.imageSrc.CART_ITEMS.ATTR,
@@ -262,7 +263,7 @@ function E() {
   ), a;
 }
 const p = _(
-  E(),
+  r(),
   (e) => m(e)
 );
 export {

package/dist/extensions/Blocks/Items/enums/settingsEnums.js

@@ -19,7 +19,7 @@ const e = {
   itemsType: e.ITEMS_TYPE.CART_ITEMS,
   cartItemsSelectControlValue: "{{Abandoned Cart Item (1) Url}}",
   cardOrientationControlValue: e.ORIENTATION.HORIZONTAL,
-  productNameTrimmingControlValue: "0",
+  productNameTrimmingControlValue: "1",
   productPriceHideDiscountControlValue: "0",
   productPriceFormattedControlValue: "1",
   productPriceCurrencySymbolControlValue: "USD",
@@ -34,7 +34,8 @@ const e = {
   productQuantityVisible: "1",
   productPriceVisible: "1",
   productOriginalPriceVisible: "1",
-  productButtonVisible: "1"
+  productButtonVisible: "1",
+  productImageWidth: "70"
 }, o = {
   [e.ITEMS_TYPE.CART_ITEMS]: [
     { text: "Abandoned Cart Item (1)", value: "{{Abandoned Cart Item (1) Url}}" },

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

@@ -3,17 +3,18 @@ import { ItemsBlock as i } from "./block.js";
 import { ButtonLinkControl as C } from "./controls/button/link.js";
 import { ItemsBlockCardCompositionControl as e } from "./controls/cardComposition.js";
 import { ImageLinkControl as m } from "./controls/image/link.js";
-import { NameControls as t, QuantityControls as n, OriginalPriceControls as r, PriceControls as d, ImageControls as l, ButtonControls as o } from "./controls/index.js";
+import { NameControls as r, QuantityControls as n, OriginalPriceControls as t, PriceControls as d, ImageControls as l, ButtonControls as o } from "./controls/index.js";
 import { NameTrimmingControl as s } from "./controls/name/trimming.js";
 import { PriceCurrencyLocationControl as c } from "./controls/price/currencyLocation.js";
 import { PriceCurrencySymbolControl as g } from "./controls/price/currencySymbol.js";
 import { PriceFormattedPriceControl as f } from "./controls/price/formattedPrice.js";
 import { PriceHideDiscountControl as p } from "./controls/price/hideDiscount.js";
-import { ItemsBlockControl as y } from "./controls/settingsControl.js";
-import { ItemsIconsRegistry as u } from "./iconsRegistry.js";
+import { PriceOrientationControl as y } from "./controls/price/priceOrientation.js";
+import { ItemsBlockControl as u } from "./controls/settingsControl.js";
+import { ItemsIconsRegistry as P } from "./iconsRegistry.js";
 import k from "./items.css.js";
-import { SettingsPanel as P } from "./settingsPanel.js";
-const E = new a().addBlock(i).withSettingsPanelRegistry(P).addControl(y).addControl(e).addControl(t.align).addControl(t.color).addControl(t.size).addControl(t.style).addControl(t.fontFamily).addControl(t.background).addControl(t.paddings).addControl(s).addControl(n.align).addControl(n.color).addControl(n.fontFamily).addControl(n.paddings).addControl(n.size).addControl(n.style).addControl(r.align).addControl(r.color).addControl(r.size).addControl(r.style).addControl(r.fontFamily).addControl(r.background).addControl(r.paddings).addControl(d.align).addControl(d.color).addControl(d.size).addControl(d.style).addControl(d.fontFamily).addControl(d.background).addControl(d.paddings).addControl(p).addControl(f).addControl(g).addControl(c).addControl(m).addControl(l.size).addControl(l.margins).addControl(C).addControl(o.align).addControl(o.border).addControl(o.borderRadius).addControl(o.color).addControl(o.fontFamily).addControl(o.margins).addControl(o.paddings).addControl(o.text).addControl(o.textSize).addControl(o.textStyleAndFontColor).addControl(o.fitToContent).addStyles(k).withIconsRegistry(u).build();
+import { SettingsPanel as I } from "./settingsPanel.js";
+const H = new a().addBlock(i).withSettingsPanelRegistry(I).addControl(u).addControl(e).addControl(r.align).addControl(r.color).addControl(r.size).addControl(r.style).addControl(r.fontFamily).addControl(r.background).addControl(r.paddings).addControl(s).addControl(n.align).addControl(n.color).addControl(n.fontFamily).addControl(n.paddings).addControl(n.size).addControl(n.style).addControl(t.align).addControl(t.color).addControl(t.size).addControl(t.style).addControl(t.fontFamily).addControl(t.background).addControl(t.paddings).addControl(d.align).addControl(d.color).addControl(d.size).addControl(d.style).addControl(d.fontFamily).addControl(d.background).addControl(d.paddings).addControl(p).addControl(f).addControl(g).addControl(c).addControl(y).addControl(m).addControl(l.size).addControl(l.margins).addControl(C).addControl(o.align).addControl(o.border).addControl(o.borderRadius).addControl(o.color).addControl(o.fontFamily).addControl(o.margins).addControl(o.paddings).addControl(o.text).addControl(o.textSize).addControl(o.textStyleAndFontColor).addControl(o.fitToContent).addStyles(k).withIconsRegistry(P).build();
 export {
-  E as default
+  H as default
 };

package/dist/extensions/Blocks/Items/layouts/horizontal.html.js

@@ -33,7 +33,7 @@ const t = `{-{-TEMPLATE_FIRST_LINE-}-}
                         </td>
                     </tr>
                     <tr>
-                        <td width="100%">
+                        <td width="100%" class="product-quantity-class" data-slot-3>
                             <table width="100%">
                                 <tbody>
                                     {-{-PRODUCT_QUANTITY-}-}
@@ -42,7 +42,7 @@ const t = `{-{-TEMPLATE_FIRST_LINE-}-}
                         </td>
                     </tr>
                     <tr>
-                        <td width="100%">
+                        <td width="100%" class="product-button-class" data-slot-6>
                             <table width="100%">
                                 <tbody>
                                     {-{-PRODUCT_BUTTON-}-}

package/dist/extensions/Blocks/Items/layouts/vertical.html.js

@@ -10,8 +10,8 @@ const t = `{-{-TEMPLATE_FIRST_LINE-}-}
                             <td class="product-image-class" data-slot-1>
                                 {-{-PRODUCT_IMAGE-}-}
                             </td>
-                            <td class="product-name-class" data-slot-2 width="130px">
-                                <table width="130">
+                            <td class="product-name-class" data-slot-2>
+                                <table>
                                     <tbody>
                                         {-{-PRODUCT_NAME-}-}
                                     </tbody>
@@ -24,21 +24,33 @@ const t = `{-{-TEMPLATE_FIRST_LINE-}-}
                                     </tbody>
                                 </table>
                             </td>
-                            <td class="product-price-class" data-slot-4>
-
+                            <td class="product-price-class horizontal-price" data-slot-4>
                                 <table width="100%">
                                     <tbody>
                                         {-{-PRODUCT_PRICE-}-}
                                     </tbody>
                                 </table>
                             </td>
-                            <td class="product-original-price-class" data-slot-5>
+                            <td class="product-original-price-class horizontal-price" data-slot-5>
                                 <table width="100%">
                                     <tbody>
                                         {-{-PRODUCT_ORIGINAL_PRICE-}-}
                                     </tbody>
                                 </table>
                             </td>
+                            <td class="product-price-container vertical-price" data-slot-4 style="display: none;">
+                                <table class="product-price-class" width="100%" data-slot-4>
+                                    <tbody>
+                                        {-{-PRODUCT_PRICE-}-}
+                                    </tbody>
+                                </table>
+                                <table class="product-original-price-class product-original-price-container"
+                                    width="100%" data-slot-5>
+                                    <tbody>
+                                        {-{-PRODUCT_ORIGINAL_PRICE-}-}
+                                    </tbody>
+                                </table>
+                            </td>
                             <td class="product-button-class" data-slot-6>
                                 <table width="100%">
                                     <tbody>

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

@@ -1,13 +1,13 @@
-import { SettingsPanelRegistry as O, SettingsPanelTab as T, SettingsTab as _ } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { BLOCK_ID as S } from "./block.js";
-import { COMPOSITION_CONTROL_BLOCK_ID as R } from "./controls/cardComposition.js";
+import { SettingsPanelRegistry as O, SettingsPanelTab as T, SettingsTab as N } 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 S } from "./controls/cardComposition.js";
 import { CONTROL_BLOCK_ID as A } from "./controls/settingsControl.js";
 import { ItemsBlockId as E, ItemsBlockControlId as I } from "./enums/controlEnums.js";
 class U extends O {
-  registerBlockControls(N) {
-    N[S] = [
+  registerBlockControls(_) {
+    _[R] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           A
         ]
@@ -15,12 +15,12 @@ class U extends O {
       new T(
         "Card Composition",
         [
-          R
+          S
         ]
       ).withLabel("Card Composition")
-    ], N[E.ORIGINAL_PRICE] = [
+    ], _[E.ORIGINAL_PRICE] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           I.ORIGINAL_PRICE_STYLE,
           I.ORIGINAL_PRICE_ALIGN,
@@ -28,16 +28,16 @@ class U extends O {
         ]
       ),
       new T(
-        _.STYLES,
+        N.STYLES,
         [
           I.ORIGINAL_PRICE_COLOR,
           I.ORIGINAL_PRICE_FONT_FAMILY,
           I.ORIGINAL_PRICE_SIZE
         ]
       )
-    ], N[E.PRICE] = [
+    ], _[E.PRICE] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           I.PRICE_STYLE,
           I.PRICE_ALIGN,
@@ -45,20 +45,21 @@ class U extends O {
           I.PRICE_FORMATTED_PRICE,
           I.PRICE_CURRENCY_SYMBOL,
           I.PRICE_CURRENCY_LOCATION,
+          I.PRICE_ORIENTATION,
           I.PRICE_PADDINGS
         ]
       ),
       new T(
-        _.STYLES,
+        N.STYLES,
         [
           I.PRICE_COLOR,
           I.PRICE_FONT_FAMILY,
           I.PRICE_SIZE
         ]
       )
-    ], N[E.NAME] = [
+    ], _[E.NAME] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           I.NAME_STYLE,
           I.NAME_ALIGN,
@@ -67,23 +68,23 @@ class U extends O {
         ]
       ),
       new T(
-        _.STYLES,
+        N.STYLES,
         [
           I.NAME_FONT_FAMILY,
           I.NAME_SIZE,
           I.NAME_COLOR
         ]
       )
-    ], N[E.QUANTITY] = [
+    ], _[E.QUANTITY] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           I.QUANTITY_FONT_FAMILY,
           I.QUANTITY_STYLE
         ]
       ),
       new T(
-        _.STYLES,
+        N.STYLES,
         [
           I.QUANTITY_ALIGN,
           I.QUANTITY_SIZE,
@@ -91,18 +92,18 @@ class U extends O {
           I.QUANTITY_PADDINGS
         ]
       )
-    ], N[E.IMAGE] = [
+    ], _[E.IMAGE] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           I.IMAGE_LINK,
           I.IMAGE_SIZE,
           I.IMAGE_MARGINS
         ]
       )
-    ], N[E.BUTTON] = [
+    ], _[E.BUTTON] = [
       new T(
-        _.SETTINGS,
+        N.SETTINGS,
         [
           I.BUTTON_LINK,
           I.BUTTON_TEXT,
@@ -112,7 +113,7 @@ class U extends O {
         ]
       ),
       new T(
-        _.STYLES,
+        N.STYLES,
         [
           I.BUTTON_COLOR,
           I.BUTTON_FONT_FAMILY,

package/dist/extensions/Blocks/Items/store/items-block.js

@@ -1,4 +1,4 @@
-import { defineStore as s } from "pinia";
+import { defineStore as r } from "pinia";
 import { DefaultConfigValues as e } from "../enums/settingsEnums.js";
 const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "Url}"), i = () => {
   const t = e.cartItemsSelectControlValue;
@@ -8,11 +8,12 @@ const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "
     imageLink: n(t),
     buttonLink: o(t),
     orientation: e.cardOrientationControlValue,
-    nameTrimming: !1,
+    nameTrimming: !0,
     hideDiscount: !1,
     currencySymbol: "USD",
     currencyLocation: "0",
     formattedPrice: !0,
+    priceOrientation: "horizontal",
     templateData: {
       imageSrc: "",
       name: "",
@@ -22,7 +23,7 @@ const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "
       button: ""
     }
   };
-}, a = s("guidoItemsBlock", {
+}, m = r("guidoItemsBlock", {
   state: () => i(),
   actions: {
     setItemsType(t) {
@@ -55,6 +56,9 @@ const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "
     setFormattedPrice(t) {
       this.formattedPrice = t;
     },
+    setPriceOrientation(t) {
+      this.priceOrientation = t;
+    },
     setTemplateData(t) {
       this.templateData = t;
     },
@@ -67,5 +71,5 @@ const n = (t) => t.replace(/Url\}/, "Image}"), o = (t) => t.replace(/Image\}/, "
   }
 });
 export {
-  a as useItemsBlockStore
+  m as useItemsBlockStore
 };

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

@@ -1,17 +1,17 @@
 import { BlockType as l, BlockAttr as _ } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { ItemsBlockId as d } from "./enums/controlEnums.js";
+import { ItemsBlockId as T } from "./enums/controlEnums.js";
 import { productPairs as i, templateFirstLine as N } from "./enums/productEnums.js";
-import { ItemInCartOptions as P, SETTINGS_ENUMS as O } from "./enums/settingsEnums.js";
-import f from "./layouts/horizontal.html.js";
-import B from "./layouts/vertical.html.js";
-let [R] = i.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [C] = i.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [I] = i.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [$] = i.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [u] = i.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
-const g = (a, t) => `
+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}="${R}"
-        ${_.BLOCK_IMAGE.alt}="Product Image"
+        ${_.BLOCK_IMAGE.src}="${C}"
+        ${_.BLOCK_IMAGE.alt}="${A}"
         ${_.BLOCK_IMAGE.href}="#!"
-        ${_.BLOCK_IMAGE.width}="70"
-        esd-extension-block-id="${d.IMAGE}"
+        ${_.BLOCK_IMAGE.width}=${P.productImageWidth}
+        esd-extension-block-id="${T.IMAGE}"
         data-slot-1
         product-attr="imageSrc"
         data-type="${a}" 
@@ -23,7 +23,7 @@ const g = (a, t) => `
         align="center" 
         class="es-p10" 
         data-type="${a}"
-        esd-extension-block-id="${d.NAME}"
+        esd-extension-block-id="${T.NAME}"
     >
         <p contenteditable="false">
             <a  
@@ -35,24 +35,30 @@ const g = (a, t) => `
                     line-height: inherit;
                     font-family: inherit;
                     color: inherit;
+                    display: block; 
+                    word-wrap:break-word; 
+                    white-space: nowrap;
+                    width: 520px;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
                 "
                 product-attr="name"
                 data-slot-2
                 width="100%">
-                ${C}
+                ${A}
             </a>
         </p>
     </${l.BLOCK_TEXT}>
-`, S = (a, t, n, e, c) => {
-  let o = I;
+`, S = (a, t, o, e, c) => {
+  let n = p;
   if (e && e.trim()) {
-    const T = `&nbsp;${e.trim()}&nbsp;`;
-    o = (c || "0") === "1" ? `${I}${T}` : `${T}${I}`;
+    const E = `&nbsp;${e.trim()}&nbsp;`;
+    n = (c || "0") === "1" ? `${p}${E}` : `${E}${p}`;
   }
-  const r = c === "1" ? "after" : "before", E = `data-formated="${n ? "true" : "false"}"`, s = `data-curency="${r}"`;
+  const r = c === "1" ? "after" : "before", d = `data-formated="${o ? "true" : "false"}"`, s = `data-curency="${r}"`;
   return `
     <${l.BLOCK_TEXT} 
-        esd-extension-block-id="${d.PRICE}"
+        esd-extension-block-id="${T.PRICE}"
         class="items-block-price"
         width="100%" 
         align="center" 
@@ -63,25 +69,25 @@ const g = (a, t) => `
             data-slot-4
             data-type="${a}"
             data-number="${t}"
-            ${E}
+            ${d}
             ${s}
             ${e ? `data-currency_symbol="${e}"` : ""}
         >
-            ${o}
+            ${n}
         </p>
     </${l.BLOCK_TEXT}>
 `;
-}, L = (a, t, n, e, c) => {
-  let o = $;
+}, L = (a, t, o, e, c) => {
+  let n = I;
   if (e && e.trim()) {
-    const T = `&nbsp;${e.trim()}&nbsp;`;
-    o = (c || "0") === "1" ? `${$}${T}` : `${T}${$}`;
+    const E = `&nbsp;${e.trim()}&nbsp;`;
+    n = (c || "0") === "1" ? `${I}${E}` : `${E}${I}`;
   }
-  const r = c === "1" ? "after" : "before", E = `data-formated="${n ? "true" : "false"}"`, s = `data-curency="${r}"`;
+  const r = c === "1" ? "after" : "before", d = `data-formated="${o ? "true" : "false"}"`, s = `data-curency="${r}"`;
   return `
     <${l.BLOCK_TEXT} 
         class="items-block-price"
-        esd-extension-block-id="${d.ORIGINAL_PRICE}"
+        esd-extension-block-id="${T.ORIGINAL_PRICE}"
         width="100%" 
         align="center" 
     >
@@ -92,11 +98,11 @@ const g = (a, t) => `
             style="color: #cc0000"
             data-type="${a}"
             data-number="${t}"
-            ${E}
+            ${d}
             ${s}
             ${e ? `data-currency_symbol="${e}"` : ""}
         >
-            <s>${o}</s>
+            <s>${n}</s>
         </p>
     </${l.BLOCK_TEXT}>
 `;
@@ -105,7 +111,7 @@ const g = (a, t) => `
         width="100%" 
         align="center"
         class="es-p10" 
-        esd-extension-block-id="${d.QUANTITY}"
+        esd-extension-block-id="${T.QUANTITY}"
     >
         <p
             product-attr="quantity"
@@ -115,75 +121,75 @@ const g = (a, t) => `
             ${u}
         </p>
     </${l.BLOCK_TEXT}>
-`, h = (a, t) => `
+`, U = (a, t) => `
     <${l.BLOCK_BUTTON} 
         width="100%"
         class="ins-button" 
         name="buy-button" 
         caption="Buy" 
         align="center"
-        esd-extension-block-id="${d.BUTTON}"
+        esd-extension-block-id="${T.BUTTON}"
         product-attr="button"
         data-slot-6
         data-type="${a}"
         data-number="${t}"
     >Buy
     </${l.BLOCK_BUTTON}>
-`, U = () => `
+`, D = () => `
     <esd-config-block style="display: none;"></esd-config-block>
-`, p = (a, t, n, e, c, o, r, E) => {
-  const A = `${`data-type="${t}" data-number="${n}"`} data-orientation="${e}"`;
+`, 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 ${A}>`
-  ).replace("{-{-TEMPLATE_FIRST_LINE-}-}", N).replace("{-{-PRODUCT_IMAGE-}-}", g(t, n)).replace("{-{-PRODUCT_NAME-}-}", F(t)).replace(
+    `<td$1 ${$}>`
+  ).replace("{-{-TEMPLATE_FIRST_LINE-}-}", N).replace("{-{-PRODUCT_IMAGE-}-}", h(t, o)).replace("{-{-PRODUCT_NAME-}-}", F(t)).replaceAll(
     "{-{-PRODUCT_PRICE-}-}",
-    S(t, n, c, o, r)
-  ).replace(
+    S(t, o, c, n, r)
+  ).replaceAll(
     "{-{-PRODUCT_ORIGINAL_PRICE-}-}",
     L(
       t,
-      n,
-      c,
       o,
+      c,
+      n,
       r
     )
-  ).replace("{-{-PRODUCT_QUANTITY-}-}", b()).replace("{-{-PRODUCT_BUTTON-}-}", h(t, n)).replace("{-{-CONFIG_BLOCK-}-}", U());
+  ).replace("{-{-PRODUCT_QUANTITY-}-}", b()).replace("{-{-PRODUCT_BUTTON-}-}", U(t, o)).replace("{-{-CONFIG_BLOCK-}-}", D());
 };
-function x({
+function G({
   orientation: a,
   itemsType: t = O.ITEMS_TYPE.CART_ITEMS,
-  itemId: n,
+  itemId: o,
   currencySymbol: e,
   currencyLocation: c,
-  formattedPrice: o = !0
+  formattedPrice: n = !0
 }) {
-  const r = P[t].findIndex((s) => s.value === n);
-  let E = "1";
+  const r = f[t].findIndex((s) => s.value === o);
+  let d = "1";
   if (r >= 0)
-    E = String(r + 1);
-  else if (n) {
-    const s = n.match(/\((\d+)\)/);
-    s && s[1] && ([, E] = s);
+    d = String(r + 1);
+  else if (o) {
+    const s = o.match(/\((\d+)\)/);
+    s && s[1] && ([, d] = s);
   }
-  return R = i.PAIRS_FOR_EXTENSION.imageSrc[t].DEFAULT[r >= 0 ? r : 0], C = i.PAIRS_FOR_EXTENSION.name[t].DEFAULT[r >= 0 ? r : 0], I = o ? i.PAIRS_FOR_EXTENSION.price[t].DEFAULT_PRICE_FORMATTED : i.PAIRS_FOR_EXTENSION.price[t].DEFAULT_PRICE, $ = o ? 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 ? p(
-    B,
+  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,
-    E,
+    d,
     a,
-    o,
+    n,
     e,
     c
-  ) : p(
-    f,
+  ) : R(
+    B,
     t,
-    E,
+    d,
     a,
-    o,
+    n,
     e,
     c
   );
 }
 export {
-  x as getDefaultTemplate
+  G as getDefaultTemplate
 };