@useinsider/guido 2.1.0-beta.42f5dfa → 2.1.0-beta.486ee9c

package/dist/config/i18n/en/tooltips.json.js

@@ -0,0 +1,82 @@
+const e = {
+  "Add template/pre-built modules, or structures with containers": "Structures and Modules lets you add templates, pre-built modules or structures with containers.",
+  "Allows uploading and editing images": "Image lets you add and edit images.",
+  "Allows working on text styles, adding merge tags and lists": "Text lets you edit text styles, add merge tags and lists.",
+  "Allows designing buttons of any shape, size, and color": "Button lets you edit the shape, size, and color of the buttons.",
+  "Meant to visually separate elements with a horizontal line": "Spacer lets you separate elements with a horizontal line.",
+  "Offers 70+ social media icons and chats of different design styles": "Social Networks lets you add social media icons and chat options in different design styles.",
+  "Helps taking users from emails to necessary pages on your site": "Menu lets you direct users from emails to the respective website.",
+  "Allows adding elements with custom code in emails": "HTML lets you add elements with custom code in emails.",
+  "Allows applying filters to images and placing text over them": "Banner lets you apply filters to images and add text over them.",
+  "Allows setting thumbnail images & play buttons for videos": "Video lets you set thumbnail images, add video links and play buttons for videos.",
+  "Adds a countdown to a specific date. Use the timer in emails for promotions, launches, and events": "Timer lets you add a countdown in your emails for promotions, launches or events.",
+  'The "AMP Carousel" block is currently being developed. Switch to the Old version of the Editor to access the full functionality needed to continue working on this email. Please note, that all changes you have already made to this email will be saved and available in the Old version': "Carousel lets you add templates, prebuilt modules or container-based structures via AMP HTML and HTML.",
+  'The "AMP Accordion" block is currently being development. Switch to the Old version of the Editor to access the full functionality needed to continue working on this email. Please note, that all changes you have already made to this email will be saved and available in the Old version': "AMP Accordion lets you add a collapsible accordion with customizable sections via AMP HTML.",
+  "An AMP Form block lets users collect feedback or run surveys directly in an email. It includes input fields and can be added in the Editor, allowing recipients to respond right from their inbox": "AMP Form Block lets you add input fields to collect feedback or run surveys via AMP HTML.",
+  "Will be applied to the entire email": "General Background Color lets you set the background color applied to the entire email.",
+  "Background image for the entire email. Some email clients (Windows 10 Mail, Android 4.4, the Gmail app for iOS, and Android for non-Gmail accounts) do not support background images. Thus, we recommend choosing a background color for the entire email similar to the selected image as a fallback.": "Background Image lets you upload an image for the entire email.",
+  "Repetition of the email background image. In Outlook for Windows, the image will be repeated in any case, regardless of whether this option is enabled or not. To bypass the Outlook limitation, you need to create an image in a third-party editor of the needed color and size so that it fits the entire background size, apply the required graphics to it, upload it, and center-align it in the email. The dimensions of such a background image should be at least 1,920 pixels in width, and the height should be equal to the height of the email.": "Background Image Repeat lets you enable the repetition of the background image.",
+  'The standard width of the email varies between 540-700 pixels. <a href="https://stripo.email/blog/email-template-size-width-height/" target="_blank" aria-label="Read more about the message width in our blog.">Read more here</a>': "Message Content Width lets you set the standard width of the email between 540 and 700 pixels.",
+  "Alignment of the email content area ": "Message Alignment lets you set the alignment of the email content area.",
+  "Your email will automatically adjust for smaller screens by displaying content in a single column. Side-by-side blocks will be stacked vertically": "Responsive Design lets your email adjust to smaller screens.",
+  "Your email will display the desktop version on mobile devices. Mobile-specific settings will be turned off in the Editor": "Note that Responsive Design can only be visible on the desktop version of mobile devices, and mobile settings will also be turned off when Responsive Design is disabled.",
+  "Enable the right-to-left (RTL) text direction to build emails easily without coding for recipients using RTL scripts, such as Arabic, Hebrew, Persian, Urdu, etc.": "Right to Left Text Direction lets you build emails in right-to-left (RTL) languages like Arabic, Hebrew, or Persian without coding.",
+  "Margins around the email message area": "Message on Desktop lets you set the margins around the message area.",
+  "The background image of the stripe. The image will not be displayed in an Outlook app on Windows email clients. We recommend choosing a stripe background color similar to the selected image as a fallback": "Background Image lets you drag and drop or add an image URL as a background image.",
+  'We automatically calculate the optimal indentation for your text. It depends on font size and line spacing <a href="https://en.wikipedia.org/wiki/Leading" target="_blank">leading<a/>': "Bottom Space lets you add space automatically depending on font size and line spacing.",
+  'Padding in the "Text" block makes space around the added text.': "Padding on Desktop lets you add space around the text in the Text block for desktop.",
+  "If an email client doesn't support the non-standard font, a similar standard font will be used instead.": "Note that a similar Safe font will be used instead of the selected font if users' devices don't support it.",
+  "This option ensures the most accurate display of your buttons in MS Outlook email clients by inserting a special VML-code. When this option is activated, the email message size can be increased up to kilobyte for each added button.": "Support for Outlook lets you display buttons accurately in Outlook by adding VML code, which may increase your email size.",
+  "Outlook for Windows does not have support for a separate button border width setting": "Style is not supported in Outlook for Windows as it doesn't allow separate button border width settings.",
+  "Outlook for Windows does not have a support for the border radius property. We recommend enabling the Outlook support option.": "Border is not supported in Outlook for Windows as it doesn't allow the border radius property. We recommend enabling Outlook Support.",
+  'The option "hover button styles" (changing colors upon a mouseover) is supported by a limited number of email clients. <a href="{link}" target="_blank">Learn more</a>': "Hover Button Styles can be supported by a limited number of users. For more information, you can visit Academy.",
+  "Button padding that makes the space around the button text": "Padding on Desktop lets you set the space around the button text for desktop.",
+  "The icon inside the button will not show in Outlook 2002, 2007, 2010, 2013, 2016, 2019 on Windows.": "The Icon won't be visible in Outlook 2002–2019 on Windows.",
+  "Margins around the button": "Margins on Desktop lets you set the space around the button.",
+  "It only works with CSS styles, so it is not supported by Outlook on Windows. We recommend enabling the Support for Outlook option.": "Border Radius lets you round the corners of the button. Note that it only works with CSS styles, so it's not supported by Outlook on Windows. We recommend enable the Support for Outlook.",
+  "Not supported by Outlook on Windows, so we recommend enabling the Support for Outlook option in the General Settings tab.": "Border lets you add an outline around the element. Note that it's not supported by Outlook on Windows. We recommend you enable the Support for Outlook in the General Settings.",
+  "Add content to the email, click it, and choose “Save as a module”. Stripes, Structures, and Containers can be saved as a module.": "Make sure you save modules once content is added. Note that Stripes, Structures, and Containers can be saved as a module.",
+  "This feature is only supported by Yahoo! Mail, Ukr.net, AOL, Gmail, iCloud Mail, Outlook 2003, Outlook for Mac and macOS Apple Mail": "Rollover Effect is supported by Yahoo Mail, Ukr.net, AOL, Gmail, iCloud Mail, Outlook 2003, Outlook for Mac and Apple Mail.",
+  "The aspect ratio of the added image does not match the others. Please replace it to match the {ratio} format": "Note that the aspect ratio of the secondary image doesn't match the aspect ratio of the primary one. Make sure you edit the ratio of the secondary image to ensure the Rollover Effect works properly.",
+  "Margins around the image": "Margins on Desktop lets you set the space around the image for desktop view.",
+  "The image will automatically adjust to the width of the screen on mobile devices that support it": "Responsive Image lets you adjust the screen width automatically on supported mobile devices.",
+  "Images won't be adjusted to the width of the screen on mobile devices, which may lead to poor display of images and content": "Make sure you enable Responsive Image to adjust the width of the screen on mobile devices to display images and content properly.",
+  "Make the image to fit to the width of a mobile screen. Please note: It only works on devices that have support for media queries.": "Responsive Image lets you make the image fit the width of a mobile screen. Note that it only works on supported devices.",
+  "You have the option of displaying a different image when your countdown timer expires.": "Display a different image when the countdown timer expires.",
+  "Margins around the timer": "Margin on Desktop lets you adjust the spacing around the timer on desktop screens.",
+  'Not all email clients support the selected link protocol. Check the <a href="https://support.stripo.email/en/articles/5332466-what-are-link-protocols-compatible-with-emails" target="_blank">compatibility guide</a> to learn more about supported clients.': "Note that not all user devices can support the selected link protocol. For more information about supported clients, you can visit Academy.",
+  "This forces the accordion to only allow one expanded section at any given time. Expanding one section will cause any other open sections to close.": "Ensure only one accordion section stays open by automatically collapsing the others when a new one is expanded.",
+  "Outlook for Windows does not have support for dashed and dotted borders": "Style lets you customize the border style of the element. Note that dashed and dotted borders aren't supported by Outlook on Windows.",
+  "Internal padding creates space around containers and blocks": "Padding on Desktop lets you create space around containers and blocks.",
+  "Margins around the separator line": "Margins on Desktop let you set the space around the separator line.",
+  "Use your own title and alternative text to each icon": "Title and Alternate Text Customization lets you add your own title and alternative text to each icon.",
+  "Margins around social network icons": "Margins on Desktop lets you set the space around social network icons.",
+  "Makes the menu fit to the container width": "Fit to Container lets you make the menu fit the container width.",
+  "Margins around elements formed by custom code": "Margins on Desktop lets you set margins around elements formed by custom code.",
+  "Margins around the banner": "Margins on Desktop lets you set margins around the banner.",
+  'Creates an anchor for this element. Anchor links in emails are designed to make navigation easier. They help take readers to specific places in the email without the need to scroll. <a href="https://support.stripo.email/en/articles/3174098-how-to-apply-anchor-hyperlinks" target="_blank">Learn more</a> about how it works and how to create one with Stripo.': "Anchor Link lets you create a link that takes users to a specific part of the email without scrolling.",
+  'Include the element in the necessary version of the email, or in both. <a target="_blank" href="https://stripo.email/blog/how-to-build-amp-emails-with-stripo/">Learn more about ⚡ HTML (AMP HTML).</a>': "Include In lets you include the element in the selected version of the email or in both versions.",
+  "The element will be included in both MIME versions of the email: classic HTML and AMP HTML": "The element will be included in both MIME versions of the email: classic HTML and AMP HTML",
+  "The element will be included only in the HTML MIME version of the email message. The item will be hidden in the AMP HTML version": "The element will be included only in the HTML MIME version of the email message. The item will be hidden in the AMP HTML version",
+  "The element will be included only in the AMP HTML MIME version of the email message. The item will be hidden in the HTML version": "The element will be included only in the AMP HTML MIME version of the email message. The item will be hidden in the HTML version",
+  "This element will not be hidden in email clients  which do not support media queries.": "Hide Element on Mobile lets you hide the selected content from appearing on mobile.",
+  "The element will be hidden on Yahoo mobile App, as well as in mobile email client which do not support media queries.": "Hide on Desktop lets you hide the element on desktop devices that support media queries.",
+  "The element already hidden on Desktop. Activating this option you turning off hidden state for Desktop.": "Note that this element is already hidden on Desktop, it will be visible on desktop when you enable this.",
+  "The element already hidden on Mobile. Activating this option you turning off hidden state for Mobile.": "Note that this element is already hidden on mobile, it will be visible on mobile when you enable this.",
+  "An anchor link should not exceed more than 150 characters": "Enter an Anchor Link up to 150 characters.",
+  "An alternate text should not exceed more than 255 characters": "Enter an Alternate Text up to 255 characters.",
+  "A HEX color value should not exceed more than 8 symbols": "Enter a Hex Color value up to 8 characters to continue.",
+  "A keyword must have at least 2 characters": "Enter a keyword of 2 or more characters to continue.",
+  "Button label should not exceed more than 255 characters": "Enter a button label up to 255 characters to continue.",
+  "Link Name should not exceed more than 500 characters": "Enter a Link Name up to 500 characters to continue.",
+  "Menu Item Name should not exceed more than 255 characters": "Enter a Menu Item Name up to 255 characters to continue.",
+  "It is not possible to upload more than 50 files simultaneously. If possible, please try to complete this over a few iterations.": "Up to 50 files can be added at once.",
+  "Please enter a valid link": "Enter a valid link to continue.",
+  "The image with the invalid link cannot be saved to the image gallery": "Enter a valid image link to continue.",
+  "The data source link is unavailable. Please, make sure there is an access to the data source.": "Enter an accessible Data Source Link to contiue.",
+  "The file should not exceed the maximum resolution of {maxImageResolution}px.": "Upload files up to 1024x512 pixels to continue.",
+  "The option is disabled because was overridden in the Code editor": "The option is disabled because it was overridden in the Code Editor."
+};
+export {
+  e as default
+};

package/dist/config/i18n/index.js

@@ -0,0 +1,7 @@
+import { en as o } from "./en/index.js";
+const c = {
+  en: o
+};
+export {
+  c as localePatch
+};

package/dist/config/migrator/itemsBlockMigrator.js

@@ -1,8 +1,8 @@
-var B = Object.defineProperty;
-var U = (r, t, e) => t in r ? B(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var M = (r, t, e) => U(r, typeof t != "symbol" ? t + "" : t, e);
-import { productPairs as v } from "../../extensions/Blocks/Items/enums/productEnums.js";
-import { ItemInCartOptions as E, DefaultConfigValues as g, SETTINGS_ENUMS as d } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
+var v = Object.defineProperty;
+var B = (e, t, r) => t in e ? v(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var M = (e, t, r) => B(e, typeof t != "symbol" ? t + "" : t, r);
+import { productPairs as U } from "../../extensions/Blocks/Items/enums/productEnums.js";
+import { ItemInCartOptions as T, DefaultConfigValues as g, SETTINGS_ENUMS as u } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
 import { getDefaultTemplate as K } from "../../extensions/Blocks/Items/template.js";
 const w = {
   img: {
@@ -74,76 +74,77 @@ const w = {
 function F() {
   return String(Date.now() + Math.floor(Math.random() * 1e3));
 }
-function q(r) {
-  return r ? {
-    CartItems: d.ITEMS_TYPE.CART_ITEMS,
-    BrowsedItems: d.ITEMS_TYPE.BROWSED_ITEMS,
-    PurchasedItems: d.ITEMS_TYPE.PURCHASED_ITEMS,
-    CART_ITEMS: d.ITEMS_TYPE.CART_ITEMS,
-    BROWSED_ITEMS: d.ITEMS_TYPE.BROWSED_ITEMS,
-    PURCHASED_ITEMS: d.ITEMS_TYPE.PURCHASED_ITEMS
-  }[r] || d.ITEMS_TYPE.CART_ITEMS : d.ITEMS_TYPE.CART_ITEMS;
+function q(e) {
+  return e ? {
+    CartItems: u.ITEMS_TYPE.CART_ITEMS,
+    BrowsedItems: u.ITEMS_TYPE.BROWSED_ITEMS,
+    PurchasedItems: u.ITEMS_TYPE.PURCHASED_ITEMS,
+    CART_ITEMS: u.ITEMS_TYPE.CART_ITEMS,
+    BROWSED_ITEMS: u.ITEMS_TYPE.BROWSED_ITEMS,
+    PURCHASED_ITEMS: u.ITEMS_TYPE.PURCHASED_ITEMS
+  }[e] || u.ITEMS_TYPE.CART_ITEMS : u.ITEMS_TYPE.CART_ITEMS;
 }
-function R(r) {
-  const t = (a, o) => a == null ? o : a === "1" || a === "true", e = (a, o) => a || o, i = r["data-type"] || r["data-source"], l = q(i);
-  let n = r["data-cart_items_select_control_value"] || g.cartItemsSelectControlValue;
-  if (n && !n.includes("{{") && /^\d+$/.test(n)) {
-    const a = parseInt(n) - 1, o = E[l];
-    o && o[a] && (n = o[a].value);
+function R(e) {
+  var a;
+  const t = (_, c) => _ == null ? c : _ === "1" || _ === "true", r = (_, c) => _ || c, l = e["data-type"] || e["data-source"], i = q(l), n = T[i];
+  let o = e["data-cart_items_select_control_value"] || ((a = n == null ? void 0 : n[0]) == null ? void 0 : a.value) || g.cartItemsSelectControlValue;
+  if (o && !o.includes("{{") && /^\d+$/.test(o)) {
+    const _ = parseInt(o) - 1, c = T[i];
+    c && c[_] && (o = c[_].value);
   }
   return {
     initialized: !0,
-    blockInstanceId: e(r["data-block-instance-id"], F()),
-    source: l,
-    type: l,
-    itemsSelectValue: n,
-    orientation: r["data-card_orientation_control_value"] || d.ORIENTATION.VERTICAL,
-    nameTrimming: t(r["data-product_name_control_trim"], !0),
-    priceHideDiscount: t(r["data-product_price_control_nodup"], !0),
-    priceFormatted: t(r["data-product_price_control_formated"], !0),
-    priceSinglePrice: t(r["data-product_price_control_single_price"], !1),
-    priceCurrencySymbol: e(
-      r["data-product_price_control_currency_symbol"],
+    blockInstanceId: r(e["data-block-instance-id"], F()),
+    source: i,
+    type: i,
+    itemsSelectValue: o,
+    orientation: e["data-card_orientation_control_value"] || u.ORIENTATION.VERTICAL,
+    nameTrimming: t(e["data-product_name_control_trim"], !0),
+    priceHideDiscount: t(e["data-product_price_control_nodup"], !0),
+    priceFormatted: t(e["data-product_price_control_formated"], !0),
+    priceSinglePrice: t(e["data-product_price_control_single_price"], !1),
+    priceCurrencySymbol: r(
+      e["data-product_price_control_currency_symbol"],
       g.productPriceCurrencySymbolControlValue
     ),
-    priceCurrencyLocation: e(
-      r["data-product_price_currency_location"],
+    priceCurrencyLocation: r(
+      e["data-product_price_currency_location"],
       g.productPriceCurrencyLocationControlValue
     ),
-    priceOrientation: r["data-product_original_price_control_orientation"] || "horizontal",
-    quantityControlEnabled: t(r["data-product_quantity_control_enabled"], !0),
-    buttonLink: e(r["data-product_button_link"], g.productButtonLinkControlValue),
-    imageLink: e(r["data-product_image_link"], g.productImageLinkControlValue),
-    buttonLabel: e(r["data-product_button_control_label"], "Buy"),
-    buttonFullWidth: t(r["data-product_button_control_atw"], !0),
-    imageVisible: t(r["data-product_image_control_enabled"], !0),
-    nameVisible: t(r["data-product_name_control_enabled"], !0),
-    quantityVisible: t(r["data-product_quantity_control_enabled"], !0),
-    priceVisible: t(r["data-product_price_control_enabled"], !0),
-    originalPriceVisible: t(r["data-product_original_price_control_enabled"], !0),
-    buttonVisible: t(r["data-product_button_control_enabled"], !0)
+    priceOrientation: e["data-product_original_price_control_orientation"] || "horizontal",
+    quantityControlEnabled: t(e["data-product_quantity_control_enabled"], !0),
+    buttonLink: r(e["data-product_button_link"], g.productButtonLinkControlValue),
+    imageLink: r(e["data-product_image_link"], g.productImageLinkControlValue),
+    buttonLabel: r(e["data-product_button_control_label"], "Buy"),
+    buttonFullWidth: t(e["data-product_button_control_atw"], !0),
+    imageVisible: t(e["data-product_image_control_enabled"], !0),
+    nameVisible: t(e["data-product_name_control_enabled"], !0),
+    quantityVisible: t(e["data-product_quantity_control_enabled"], !0),
+    priceVisible: t(e["data-product_price_control_enabled"], !0),
+    originalPriceVisible: t(e["data-product_original_price_control_enabled"], !0),
+    buttonVisible: t(e["data-product_button_control_enabled"], !0)
   };
 }
-const $ = {
+const O = {
   ins_apr: "CART_ITEMS",
   browsed_item: "BROWSED_ITEMS",
   purchased_item: "PURCHASED_ITEMS"
 };
-function x(r, t) {
-  const e = {
+function $(e, t) {
+  const r = {
     CART_ITEMS: `{{Abandoned Cart Item (${t}) Image}}`,
     BROWSED_ITEMS: `{{Browsed Item (${t}) Image}}`,
     PURCHASED_ITEMS: `{{Purchased Item (${t}) Image}}`
   };
-  return e[r] || e.CART_ITEMS;
+  return r[e] || r.CART_ITEMS;
 }
-function O(r, t) {
-  const e = {
+function x(e, t) {
+  const r = {
     CART_ITEMS: `{{Abandoned Cart Item (${t}) Url}}`,
     BROWSED_ITEMS: `{{Browsed Item (${t}) Url}}`,
     PURCHASED_ITEMS: `{{Purchased Item (${t}) Url}}`
   };
-  return e[r] || e.CART_ITEMS;
+  return r[e] || r.CART_ITEMS;
 }
 class V {
   constructor() {
@@ -152,40 +153,40 @@ class V {
   }
   migrate(t) {
     try {
-      let e = this.removeJinjaConditionals(t);
-      e = this.replaceTemplateVariables(e);
-      const i = this.parser.parseFromString(e, "text/html"), l = i.querySelectorAll(
+      let r = this.removeJinjaConditionals(t);
+      r = this.replaceTemplateVariables(r);
+      const l = this.parser.parseFromString(r, "text/html"), i = l.querySelectorAll(
         "td.esd-cart-items-block, td.esd-browsed-items-block, td.esd-purchased-items-block"
       );
-      return l.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), e) : (l.forEach((n) => {
-        const a = this.extractConfiguration(n), o = K({
-          orientation: a.orientation,
-          itemsType: a.itemsType,
-          itemId: a.itemId,
-          currencySymbol: a.currencySymbol,
-          currencyLocation: a.currencyLocation,
-          formattedPrice: a.formattedPrice,
-          configBlockAttributes: a.configBlockAttributes,
+      return i.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), r) : (i.forEach((n) => {
+        const o = this.extractConfiguration(n), a = K({
+          orientation: o.orientation,
+          itemsType: o.itemsType,
+          itemId: o.itemId,
+          currencySymbol: o.currencySymbol,
+          currencyLocation: o.currencyLocation,
+          formattedPrice: o.formattedPrice,
+          configBlockAttributes: o.configBlockAttributes,
           migrate: !0,
-          nameStyles: a.nameStyles,
-          buttonStyles: a.buttonStyles,
-          priceStyles: a.priceStyles,
-          originalPriceStyles: a.originalPriceStyles,
-          quantityStyles: a.quantityStyles,
-          nodeConfig: R(a.configBlockAttributes)
+          nameStyles: o.nameStyles,
+          buttonStyles: o.buttonStyles,
+          priceStyles: o.priceStyles,
+          originalPriceStyles: o.originalPriceStyles,
+          quantityStyles: o.quantityStyles,
+          nodeConfig: R(o.configBlockAttributes)
         }), c = this.parser.parseFromString(
-          `<table><tbody><tr>${o}</tr></tbody></table>`,
+          `<table><tbody><tr>${a}</tr></tbody></table>`,
           "text/html"
         ).querySelector("td");
         if (c && n.parentNode) {
-          const f = R(a.configBlockAttributes);
+          const f = R(o.configBlockAttributes);
           c.setAttribute("esd-ext-config", JSON.stringify(f));
-          const u = c.querySelector("esd-config-block");
-          u && u.remove(), n.parentNode.replaceChild(c, n);
+          const d = c.querySelector("esd-config-block");
+          d && d.remove(), n.parentNode.replaceChild(c, n);
         }
-      }), i.documentElement.outerHTML);
-    } catch (e) {
-      return console.error("ItemsBlockMigrator failed:", e), t;
+      }), l.documentElement.outerHTML);
+    } catch (r) {
+      return console.error("ItemsBlockMigrator failed:", r), t;
     }
   }
   /**
@@ -196,22 +197,22 @@ class V {
    */
   extractConfiguration(t) {
     var C, D, P;
-    const e = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", i = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", l = parseInt(i) - 1, n = E[e], a = ((P = n == null ? void 0 : n[l]) == null ? void 0 : P.value) || n[0].value, o = t.querySelector('[product-attr="price"]'), _ = (o == null ? void 0 : o.getAttribute("data-currency_symbol")) || "USD", f = ((o == null ? void 0 : o.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", u = (o == null ? void 0 : o.getAttribute("data-formated")) !== "false", s = this.extractConfigBlockAttributes(t, e, i), b = s["data-card_orientation_control_value"];
-    let S;
-    b ? S = b === "horizontal" ? "horizontal" : "vertical" : S = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
-    const p = t.querySelector('a[product-attr="name"]'), T = (p == null ? void 0 : p.getAttribute("style")) || void 0, y = t.querySelector('a[product-attr="button"]'), m = (y == null ? void 0 : y.getAttribute("style")) || void 0, k = (o == null ? void 0 : o.getAttribute("style")) || void 0, I = t.querySelector("p.original-price"), h = (I == null ? void 0 : I.getAttribute("style")) || void 0, A = t.querySelector('[product-attr="quantity"]'), L = (A == null ? void 0 : A.getAttribute("style")) || void 0;
+    const r = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", l = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", i = parseInt(l) - 1, n = T[r], o = ((P = n == null ? void 0 : n[i]) == null ? void 0 : P.value) || n[0].value, a = t.querySelector('[product-attr="price"]'), _ = (a == null ? void 0 : a.getAttribute("data-currency_symbol")) || "USD", f = ((a == null ? void 0 : a.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", d = (a == null ? void 0 : a.getAttribute("data-formated")) !== "false", s = this.extractConfigBlockAttributes(t, r, l), S = s["data-card_orientation_control_value"];
+    let b;
+    S ? b = S === "horizontal" ? "horizontal" : "vertical" : b = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
+    const p = t.querySelector('a[product-attr="name"]'), I = (p == null ? void 0 : p.getAttribute("style")) || void 0, y = t.querySelector('a[product-attr="button"]'), m = (y == null ? void 0 : y.getAttribute("style")) || void 0, h = (a == null ? void 0 : a.getAttribute("style")) || void 0, A = t.querySelector("p.original-price"), k = (A == null ? void 0 : A.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), L = (E == null ? void 0 : E.getAttribute("style")) || void 0;
     return {
-      orientation: S,
-      itemsType: e,
-      itemId: a,
+      orientation: b,
+      itemsType: r,
+      itemId: o,
       currencySymbol: _,
       currencyLocation: f,
-      formattedPrice: u,
+      formattedPrice: d,
       configBlockAttributes: s,
-      nameStyles: T,
+      nameStyles: I,
       buttonStyles: m,
-      priceStyles: k,
-      originalPriceStyles: h,
+      priceStyles: h,
+      originalPriceStyles: k,
       quantityStyles: L
     };
   }
@@ -222,27 +223,27 @@ class V {
    * @param itemsType - The type of items (CART_ITEMS, BROWSED_ITEMS, PURCHASED_ITEMS)
    * @param itemNumber - The item number (1-based index)
    */
-  extractConfigBlockAttributes(t, e, i) {
-    const l = t.querySelector("esd-config-block"), n = {};
-    if (!l)
+  extractConfigBlockAttributes(t, r, l) {
+    const i = t.querySelector("esd-config-block"), n = {};
+    if (!i)
       return this.getDefaultConfigBlockAttributes();
-    if (Array.from(l.attributes).forEach((o) => {
-      o.name.startsWith("data-") && (n[o.name] = o.value);
+    if (Array.from(i.attributes).forEach((a) => {
+      a.name.startsWith("data-") && (n[a.name] = a.value);
     }), n["data-cart_items_select_control_value"]) {
-      const o = n["data-cart_items_select_control_value"];
-      if (/^\d+$/.test(o)) {
-        const _ = parseInt(o) - 1, c = E[e];
+      const a = n["data-cart_items_select_control_value"];
+      if (/^\d+$/.test(a)) {
+        const _ = parseInt(a) - 1, c = T[r];
         c && c[_] && (n["data-cart_items_select_control_value"] = c[_].value);
       }
     }
     if (n["data-product_price_control_curency"]) {
-      const o = n["data-product_price_control_curency"];
-      let _ = o;
-      o === "before" ? _ = "0" : o === "after" && (_ = "1"), n["data-product_price_control_curency"] = _, n["data-product_price_currency_location"] = _;
+      const a = n["data-product_price_control_curency"];
+      let _ = a;
+      a === "before" ? _ = "0" : a === "after" && (_ = "1"), n["data-product_price_control_curency"] = _, n["data-product_price_currency_location"] = _;
     }
     (!n["data-product_price_control_currency_symbol"] || n["data-product_price_control_currency_symbol"].trim() === "") && (n["data-product_price_control_currency_symbol"] = "USD");
-    const a = { ...this.getDefaultConfigBlockAttributes(), ...n };
-    return a["data-type"] = e, a["data-source"] = e, a["data-product_image_link"] = x(e, i), a["data-product_button_link"] = O(e, i), a;
+    const o = { ...this.getDefaultConfigBlockAttributes(), ...n };
+    return o["data-type"] = r, o["data-source"] = r, o["data-product_image_link"] = $(r, l), o["data-product_button_link"] = x(r, l), o;
   }
   /**
    * Returns default esd-config-block attributes based on the old template structure
@@ -297,18 +298,22 @@ class V {
    * - Cart Items: ins_apr_total_product_kind, ins_apr_price_N, ins_apr_originalprice_N
    * - Browsed Items: browsed_item_total_product_kind, browsed_item_price_N, browsed_item_originalprice_N
    * - Purchased Items: purchased_item_total_product_kind, purchased_item_price_N, purchased_item_originalprice_N
+   *
+   * IMPORTANT: Preserves the esd-custom-display-conditions attribute on <body> which
+   * contains display condition Jinja scripts that should NOT be removed.
    */
   removeJinjaConditionals(t) {
-    let e = t.replace(
+    const r = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", l = t.match(/esd-custom-display-conditions="[^"]*"/);
+    let i = l ? t.replace(l[0], r) : t;
+    return i = i.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(&gt;|>)\s*\d+\s*%\}/g,
       ""
-    );
-    return e = e.replace(
+    ), i = i.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_\d+\s*(!&#61;|!=)\s*\1_originalprice_\d+\s*%\}/g,
       ""
-    ), e = e.replace(/\{%\s*endif\s*%\}/g, ""), e = e.replace(/\n\s*\n\s*\n/g, `
+    ), i = i.replace(/\{%\s*endif\s*%\}/g, ""), l && (i = i.replace(r, l[0])), i = i.replace(/\n\s*\n\s*\n/g, `
 
-`), e;
+`), i;
   }
   /**
    * Replaces template variables with default values from productPairs
@@ -320,31 +325,31 @@ class V {
    * - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
    */
   replaceTemplateVariables(t) {
-    const { PAIRS_FOR_EXTENSION: e } = v;
-    return t.replace(/{{([^}]+)}}/g, (i, l) => {
-      const n = l.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
+    const { PAIRS_FOR_EXTENSION: r } = U;
+    return t.replace(/{{([^}]+)}}/g, (l, i) => {
+      const n = i.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
       if (!n)
-        return i;
-      const [, a, o, _] = n, c = $[a];
+        return l;
+      const [, o, a, _] = n, c = O[o];
       if (!c)
-        return console.warn(`Unknown variable prefix: ${a}`), i;
-      const f = w[o];
+        return console.warn(`Unknown variable prefix: ${o}`), l;
+      const f = w[a];
       if (!f)
-        return console.warn(`Unknown variable suffix mapping for: ${o}`), i;
-      const { pairsKey: u, defaultKey: s, isArray: b } = f, p = e[u][c];
+        return console.warn(`Unknown variable suffix mapping for: ${a}`), l;
+      const { pairsKey: d, defaultKey: s, isArray: S } = f, p = r[d][c];
       if (!p)
-        return console.warn(`No data found for: ${u}.${c}`), i;
-      if (b) {
+        return console.warn(`No data found for: ${d}.${c}`), l;
+      if (S) {
         const y = parseInt(_) - 1, m = p[s];
-        return Array.isArray(m) && m[y] ? m[y] : (console.warn(`Array value not found: ${u}.${c}.${s}[${y}]`), i);
+        return Array.isArray(m) && m[y] ? m[y] : (console.warn(`Array value not found: ${d}.${c}.${s}[${y}]`), l);
       }
-      const T = p[s];
-      return T !== void 0 ? String(T) : (console.warn(`Default value not found: ${u}.${c}.${s}`), i);
+      const I = p[s];
+      return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${d}.${c}.${s}`), l);
     });
   }
 }
-function G(r) {
-  return new V().migrate(r);
+function G(e) {
+  return new V().migrate(e);
 }
 export {
   G as migrateItemsBlock

package/dist/config/migrator/recommendationMigrator.js

@@ -17,7 +17,7 @@ class w {
         const l = o.getAttribute("id"), r = this.extractBgColor(o), i = this.extractTitle(o), u = this.extractProductRows(o), c = P.replace("{-{-TITLE-}-}", i).replace("{-{-PRODUCT_ROWS-}-}", u), a = this.parser.parseFromString(
           `<table id="tempDoc"><tbody><tr>${c}</tr></tbody></table>`,
           "text/html"
-        ).querySelector(".ins-recommendation-v3-block-v2");
+        ).querySelector(".recommendation-block-v2");
         a && o.parentNode && (l && a.setAttribute("id", l), r && a.setAttribute("bgcolor", r), o.parentNode.replaceChild(a, o));
       }), t.documentElement.outerHTML);
     } catch (t) {

package/dist/enums/defaults.js

@@ -1,8 +1,12 @@
-const t = {
+const e = {
   transactional: 2
-}, o = 2, T = 13;
+}, o = 2, t = 13, s = {
+  SAVED_MODULES: "savedModules",
+  DEFAULT_MODULES: "defaultModules"
+};
 export {
   o as EditorType,
-  T as MAX_DEFAULT_TEMPLATE_ID,
-  t as TemplateTypes
+  t as MAX_DEFAULT_TEMPLATE_ID,
+  s as ModuleFolderDefaults,
+  e as TemplateTypes
 };

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

@@ -1,12 +1,13 @@
-var u = Object.defineProperty;
-var p = (r, i, t) => i in r ? u(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t;
-var g = (r, i, t) => p(r, typeof i != "symbol" ? i + "" : i, t);
-import { Block as f, BlockCompositionType as I, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var p = Object.defineProperty;
+var f = (r, o, t) => o in r ? p(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
+var g = (r, o, t) => f(r, typeof o != "symbol" ? o + "" : o, t);
+import { Block as h, BlockCompositionType as I, ModificationDescription as _ } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ensureMobileCssRulesExist as d } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as s } from "./services/configService.js";
-import { useRecommendationExtensionStore as d } from "./store/recommendation.js";
-import { getDefaultTemplate as _ } from "./templates/grid/template.js";
-const k = "recommendation-block", c = "ins-recommendation-v3-block-v2", m = "recommendation-id";
-class b extends f {
+import { useRecommendationExtensionStore as u } from "./store/recommendation.js";
+import { getDefaultTemplate as k } from "./templates/grid/template.js";
+const B = "recommendation-block", c = "recommendation-block-v2", a = "recommendation-id";
+class y extends h {
   constructor() {
     super();
     /**
@@ -16,7 +17,7 @@ class b extends f {
     g(this, "_pendingBlockId", null);
   }
   getId() {
-    return k;
+    return B;
   }
   getIcon() {
     return "recommendation-icon";
@@ -39,7 +40,7 @@ class b extends f {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, _(t);
+    return this._pendingBlockId = t, k(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -50,7 +51,9 @@ class b extends f {
    */
   onCreated(t) {
     const e = this._pendingBlockId ?? this._generateNextId();
-    this._pendingBlockId = null, this._assignRecommendationId(t, e), s.initializeConfig(this.api, t, { recommendationId: e }), d().setCurrentBlock(e);
+    this._pendingBlockId = null, this._assignRecommendationId(t, e);
+    const n = s.initializeConfig(this.api, t, { recommendationId: e }), i = u();
+    i.setCurrentBlock(e), d(this.api), i.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 });
   }
   /**
    * Called when the document changes or template is loaded
@@ -70,7 +73,7 @@ class b extends f {
           "Assign recommendation ID to legacy block"
         );
       }
-      s.needsMigration(t) && this._migrateFromLegacy(t);
+      s.needsMigration(t) && this._migrateFromLegacy(t), d(this.api);
     }
   }
   /**
@@ -81,7 +84,7 @@ class b extends f {
    */
   onDelete(t) {
     const e = this._getRecommendationId(t);
-    e && d().removeBlockState(e);
+    e && u().removeBlockState(e);
   }
   /**
    * Generates the next unique recommendation ID by scanning all existing blocks
@@ -91,9 +94,9 @@ class b extends f {
     let t = 0;
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(`.${c}`).forEach((o) => {
-        if ("getAttribute" in o) {
-          const a = o.getAttribute(m), l = a ? parseInt(a) : 0;
+      e && "querySelectorAll" in e && e.querySelectorAll(`.${c}`).forEach((i) => {
+        if ("getAttribute" in i) {
+          const m = i.getAttribute(a), l = m ? parseInt(m) : 0;
           l > t && (t = l);
         }
       });
@@ -111,8 +114,8 @@ class b extends f {
     const n = this._getBlockElement(t);
     if (!n)
       return;
-    const o = this.api.getDocumentModifier();
-    o.modifyHtml(n).setAttribute(m, e.toString()), o.apply(new h(`Assign recommendation ID ${e}`));
+    const i = this.api.getDocumentModifier();
+    i.modifyHtml(n).setAttribute(a, e.toString()), i.apply(new _(`Assign recommendation ID ${e}`));
   }
   /**
    * Gets the recommendation-id from a block node
@@ -121,11 +124,11 @@ class b extends f {
     const e = this._getBlockElement(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const n = e.getAttribute(m);
+    const n = e.getAttribute(a);
     if (!n)
       return null;
-    const o = parseInt(n);
-    return Number.isNaN(o) ? null : o;
+    const i = parseInt(n);
+    return Number.isNaN(i) ? null : i;
   }
   /**
    * Gets the block element (the element with BLOCK_CLASS)
@@ -146,6 +149,6 @@ class b extends f {
   }
 }
 export {
-  k as BLOCK_ID,
-  b as RecommendationBlock
+  B as BLOCK_ID,
+  y as RecommendationBlock
 };