@useinsider/guido 3.1.1-beta.f9482a3 → 3.1.1-beta.face0c7

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

@@ -1,55 +1,60 @@
-import { ATTR_PRODUCT_IMAGE as m, ATTR_PRODUCT_NAME as p, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as u, ATTR_PRODUCT_OMNIBUS_PRICE as _, ATTR_PRODUCT_OMNIBUS_DISCOUNT as b, ATTR_PRODUCT_BUTTON as g, ATTR_CUSTOM_PREFIX as d } from "../constants/selectors.js";
-function R(t) {
+import { ATTR_PRODUCT_IMAGE as m, ATTR_PRODUCT_NAME as b, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OMNIBUS_PRICE as g, ATTR_PRODUCT_OMNIBUS_DISCOUNT as C, ATTR_PRODUCT_BUTTON as f, ATTR_CUSTOM_PREFIX as u } from "../constants/selectors.js";
+function U(t) {
   return t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-const O = Symbol("customCellHtml");
-function f(t, e) {
-  const n = t[O];
-  if (!n)
+function R(t, e) {
+  const n = Object.values(e).find((r) => r.attributeName === t);
+  return (n == null ? void 0 : n.type) === "defaultAttribute";
+}
+function y(t, e) {
+  return R(t, e) ? t : `product_attribute.${t}`;
+}
+const P = Symbol("customCellHtml");
+function S(t, e, n = {}) {
+  const r = t[P];
+  if (!r)
     return { ...t };
-  const r = { ...t };
-  return e.filter((o) => o.startsWith(d) && !r[o]).forEach((o) => {
-    const s = o.substring(d.length), l = R(s);
-    r[o] = (i) => {
-      var a;
-      const c = (a = i.product_attributes) == null ? void 0 : a[s];
-      return n(
-        s,
-        c != null ? String(c) : l
-      );
+  const l = { ...t };
+  return e.filter((o) => o.startsWith(u) && !l[o]).forEach((o) => {
+    const s = o.substring(u.length), a = U(s), D = y(s, n), O = R(s, n);
+    l[o] = (d) => {
+      var p;
+      const i = O ? d[s] : (p = d.product_attributes) == null ? void 0 : p[s];
+      let c = a;
+      return typeof i == "string" ? c = i : typeof i == "number" && (c = String(i)), r(D, c);
     };
-  }), r;
+  }), l;
 }
-const h = {
+const L = {
   TITLE: "You May Also Like!"
-}, I = [
+}, M = [
   m,
-  p,
+  b,
   T,
-  u,
   _,
-  b,
-  g
-], P = {
+  g,
+  C,
+  f
+], $ = {
   [m]: !0,
-  [p]: !0,
-  [u]: !0,
+  [b]: !0,
+  [_]: !0,
   [T]: !0,
-  [_]: !1,
-  [b]: !1,
-  [g]: !0
-}, U = `
+  [g]: !1,
+  [C]: !1,
+  [f]: !0
+}, h = `
     <tr>
         <td class="spacer" style="height: 10px;"></td>
     </tr>
-`, C = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
-function E(t) {
-  return !t || typeof t != "string" || t.trim() === "" ? C : t.startsWith("http://") ? t.replace("http://", "https://") : t;
+`, A = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
+function w(t) {
+  return !t || typeof t != "string" || t.trim() === "" ? A : t.startsWith("http://") ? t.replace("http://", "https://") : t;
 }
-function D(t) {
+function I(t) {
   return {
     name: "Product Name",
-    image_url: C,
+    image_url: A,
     price: { USD: 18 },
     original_price: { USD: 20 },
     discount: { USD: 2 },
@@ -61,13 +66,13 @@ function D(t) {
     category: []
   };
 }
-function S(t = 6) {
+function N(t = 6) {
   return Array.from(
     { length: t },
-    (e, n) => D(String(n + 1))
+    (e, n) => I(String(n + 1))
   );
 }
-function y(t = "grid", e) {
+function k(t = "grid", e) {
   const n = t === "list" ? `
         data-layout="list"` : "", r = e ? ` ${e}` : "";
   return `
@@ -105,7 +110,7 @@ function y(t = "grid", e) {
                                     </table>
                                 </td>
                             </tr>
-                            ${U}
+                            ${h}
                             <tr>
                                 <td>
                                     <table
@@ -144,15 +149,17 @@ function y(t = "grid", e) {
 `;
 }
 export {
-  O as CUSTOM_CELL_HTML,
-  h as DEFAULTS,
-  I as DEFAULT_CARD_COMPOSITION,
-  P as DEFAULT_CARD_VISIBILITY,
-  C as PLACEHOLDER_IMAGE,
-  f as buildElementRenderer,
-  y as createBlockTemplate,
-  S as getDefaultProducts,
-  E as sanitizeImageUrl,
-  U as spacer,
-  R as toDisplayName
+  P as CUSTOM_CELL_HTML,
+  L as DEFAULTS,
+  M as DEFAULT_CARD_COMPOSITION,
+  $ as DEFAULT_CARD_VISIBILITY,
+  A as PLACEHOLDER_IMAGE,
+  S as buildElementRenderer,
+  k as createBlockTemplate,
+  N as getDefaultProducts,
+  R as isDefaultAttribute,
+  y as resolveProductAttrValue,
+  w as sanitizeImageUrl,
+  h as spacer,
+  U as toDisplayName
 };

package/dist/extensions/Blocks/Recommendation/utils/tagName.js

@@ -1,10 +1,10 @@
 function a(t) {
   return typeof t == "object" && t !== null && "tagName" in t && typeof t.tagName == "string";
 }
-function r(t) {
+function n(t) {
   return typeof t == "object" && t !== null && "getTagName" in t && typeof t.getTagName == "function";
 }
-function n(t) {
+function r(t) {
   return typeof t == "object" && t !== null && "getStyle" in t && typeof t.getStyle == "function";
 }
 function u(t) {
@@ -14,13 +14,13 @@ function g(t) {
   return typeof t == "object" && t !== null && "tagName" in t && t.tagName === "TD";
 }
 function p(t, e) {
-  return !t || !n(t) ? null : t.getStyle(e);
+  return !t || !r(t) ? null : t.getStyle(e);
 }
 function N(t) {
-  return !t || !u(t) ? null : t.parent();
+  return !t || !u(t) ? null : t.parent() ?? null;
 }
 function l(t, e = "UNKNOWN") {
-  return t ? a(t) ? t.tagName.toUpperCase() : r(t) ? t.getTagName().toUpperCase() : e : e;
+  return t ? a(t) ? t.tagName.toUpperCase() : n(t) ? t.getTagName().toUpperCase() : e : e;
 }
 const f = /* @__PURE__ */ new Set(["TD", "BLOCK_IMAGE", "BLOCK_BUTTON"]);
 function i(t) {
@@ -36,7 +36,7 @@ function s(t) {
 export {
   s as getTableDisplayValue,
   l as getTagName,
-  n as hasGetStyle,
+  r as hasGetStyle,
   u as hasParent,
   c as isTableCellNode,
   i as isTableCellTag,

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

@@ -1,35 +1,34 @@
-import { SettingsPanelRegistry as e, SettingsPanelTab as N, SettingsTab as t, TextControls as O } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { SettingsPanelRegistry as e, SettingsPanelTab as O, SettingsTab as t, TextControls as N } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { UNSUBSCRIBE_BLOCK_ID as I } from "./block.js";
 import { UNSUBSCRIBE_CONTROL_ID as _ } from "./control.js";
-class R extends e {
+class o extends e {
   registerBlockControls(T) {
     T[I] = [
-      new N(
+      new O(
         t.SETTINGS,
         [
           _,
-          O.FORMAT,
-          O.ALIGN,
-          O.LINE_HEIGHT,
-          O.DIRECTION,
-          O.INTERNAL_INDENTS,
-          O.HIDDEN_NODE
+          N.FORMAT,
+          N.ALIGN,
+          N.LINE_HEIGHT,
+          N.DIRECTION,
+          N.INTERNAL_INDENTS,
+          N.HIDDEN_NODE
         ]
       ),
-      new N(
+      new O(
         t.STYLES,
         [
-          O.TEXT_BLOCK_BACKGROUND_COLOR,
-          O.FONT_FAMILY,
-          O.FONT_SIZE,
-          O.FONT_COLOR,
-          O.FONT_BACKGROUND_COLOR,
-          O.LINKS_COLOR
+          N.TEXT_BLOCK_BACKGROUND_COLOR,
+          N.FONT_FAMILY,
+          N.FONT_SIZE,
+          N.FONT_COLOR,
+          N.FONT_BACKGROUND_COLOR
         ]
       )
     ];
   }
 }
 export {
-  R as SettingsPanel
+  o as SettingsPanel
 };

package/dist/extensions/DynamicContent/dynamic-content.js

@@ -1,16 +1,17 @@
 var c = Object.defineProperty;
 var g = (o, s, t) => s in o ? c(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
 var r = (o, s, t) => g(o, typeof s != "symbol" ? s + "" : s, t);
-import { mergeTagToDynamicContent as d, dynamicContentToMergeTags as m } from "../../utils/genericUtil.js";
-import { UIElement as u, UIElementType as a, UEAttr as h, UIElementTagRegistry as T } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { ExternalMergeTagsLibrary as y } from "./dynamic-content-modal.js";
-const l = "external-dynamic-content-ui-element", C = "button-add-dynamic-content";
-class p extends T {
+import { useConfig as d } from "../../composables/useConfig.js";
+import { mergeTagToDynamicContent as m, dynamicContentToMergeTags as u } from "../../utils/genericUtil.js";
+import { UIElement as h, UIElementType as a, UEAttr as T, UIElementTagRegistry as y } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ExternalMergeTagsLibrary as C } from "./dynamic-content-modal.js";
+const l = "external-dynamic-content-ui-element", L = "button-add-dynamic-content";
+class w extends y {
   registerUiElements(s) {
     s[a.MERGETAGS] = l;
   }
 }
-class b extends u {
+class f extends h {
   constructor() {
     super(...arguments);
     r(this, "mergeTagsButton", null);
@@ -43,7 +44,7 @@ class b extends u {
   onAttributeUpdated(t, e) {
     if (t !== "mergeTag" || !(e != null && e.value))
       return;
-    const n = d(e), i = this._getLastClickedPosition();
+    const n = m(e), i = this._getLastClickedPosition();
     this.lastClickedElement = null, this.lastClickedFrame = null, this._openDynamicContentLibrary(n, i);
   }
   openMergeTagLibrary() {
@@ -55,10 +56,14 @@ class b extends u {
    * Dispatches event with dynamic content data and position
    */
   _openDynamicContentLibrary(t, e) {
-    this.mergeTagsLibrary || (this.mergeTagsLibrary = new y()), this.mergeTagsLibrary.openMergeTagsLibrary(
+    this.mergeTagsLibrary || (this.mergeTagsLibrary = new C()), this.mergeTagsLibrary.openMergeTagsLibrary(
       t,
       (n) => {
-        n.text && n.value ? this.api.triggerValueChange(m([n])[0]) : this.api.triggerValueChange(null);
+        if (n.text && n.value) {
+          const { isFeatureEnabled: i } = d();
+          this.api.triggerValueChange(u([n], i("liquidSyntax"))[0]);
+        } else
+          this.api.triggerValueChange(null);
       },
       e
     );
@@ -142,7 +147,7 @@ class b extends u {
                 <${a.BUTTON} 
                     id="guido__btn-add-dynamic-content" 
                     class="btn btn-primary"
-                    ${h.BUTTON.name}="${C}">
+                    ${T.BUTTON.name}="${L}">
                         <${a.ICON} src="plus" class="icon icon-button color-primary">
                         </${a.ICON}>
                         ${this.api.translate("Add Dynamic Content")}
@@ -151,6 +156,6 @@ class b extends u {
   }
 }
 export {
-  p as DynamicContentTagRegistry,
-  b as DynamicContentUiElementExtension
+  w as DynamicContentTagRegistry,
+  f as DynamicContentUiElementExtension
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-3b53a736],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-079d2bf7] .in-progress-wrapper__progress p span:last-child{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.editor-actions[data-v-acff76a8]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-a26d7792]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-a26d7792]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-a26d7792]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-29b9af29] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-d073b1dc] .vueperslides__bullets{pointer-events:none!important}[data-v-d073b1dc] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-3b53a736],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.editor-actions[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-25780af6]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-25780af6]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-25780af6]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-29b9af29] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-d073b1dc] .vueperslides__bullets{pointer-events:none!important}[data-v-d073b1dc] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/services/recommendationApi.js

@@ -1,34 +1,34 @@
-import { useHttp as c } from "../composables/useHttp.js";
-import { URLS as m } from "../enums/extensions/recommendationBlock.js";
-const f = () => {
-  const { get: o } = c();
+import { useHttp as a } from "../composables/useHttp.js";
+import { QUERY_PARAMS as d, URLS as h } from "../enums/extensions/recommendationBlock.js";
+const y = () => {
+  const { get: r } = a(), { get: s } = a({ headers: {} }), m = "6KcLM9TwheVB1mgK";
   return {
     fetchRecommendationCreateData: async () => {
       try {
-        return (await o("/newsletter/recommendations/create-data")).data;
+        return (await r("/newsletter/recommendations/create-data")).data;
       } catch (e) {
         throw console.error("fetchUserModalState error:", e), e;
       }
     },
     fetchRecommendationFilters: async () => {
       try {
-        const { data: e } = await o("/stripo/email-recommendation-attributes");
+        const { data: e } = await r("/stripo/email-recommendation-attributes");
         return e;
       } catch (e) {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, a) => {
+    fetchRecommendationProducts: async (e, i) => {
       var n;
       try {
-        const t = decodeURIComponent(new URLSearchParams(Object.entries(a)).toString());
-        console.debug("🏁 Recommendation API Query:", t);
-        const { get: s } = c({
-          headers: {}
-        }), r = await s(
-          `${m.RECOMMENDATION_API_URL}/v2/${e}?${t}`
+        const t = new URLSearchParams(Object.entries(i));
+        t.set(d.CLIENT_ID, m);
+        const c = decodeURIComponent(t.toString());
+        console.debug("🏁 Recommendation API Query:", c);
+        const o = await s(
+          `${h.RECOMMENDATION_API_URL}/v2/${e}?${c}`
         );
-        return ((n = r == null ? void 0 : r.data) == null ? void 0 : n.data) ?? [];
+        return ((n = o == null ? void 0 : o.data) == null ? void 0 : n.data) ?? [];
       } catch (t) {
         throw console.error("fetchRecommendationProducts error:", t), t;
       }
@@ -36,5 +36,5 @@ const f = () => {
   };
 };
 export {
-  f as useRecommendationApi
+  y as useRecommendationApi
 };

package/dist/services/stripoApi.js

@@ -1,15 +1,15 @@
 import { useHttp as d } from "../composables/useHttp.js";
 import { useToaster as m } from "../composables/useToaster.js";
 import { MAX_DEFAULT_TEMPLATE_ID as y } from "../enums/defaults.js";
-import g from "../static/templates/empty/index.html.js";
-import f from "../static/templates/empty/style.css.js";
+import f from "../static/templates/empty/index.html.js";
+import g from "../static/templates/empty/style.css.js";
 const E = () => {
   const { get: s, post: c } = d(), { handleError: r } = m();
   return {
     getToken: async () => {
       try {
-        const t = Number(localStorage.getItem("ins-guido-test-instance")), { data: e } = await s(`/stripo/get-user-token?test=${t}`);
-        return e.body.token;
+        const { data: t } = await s("/stripo/get-user-token");
+        return t.body.token;
       } catch (t) {
         return r(t, "Failed to fetch token"), "";
       }
@@ -27,14 +27,14 @@ const E = () => {
     },
     getDefaultTemplate: async () => {
       const t = {
-        html: g,
-        css: f
+        html: f,
+        css: g
       };
       try {
-        const e = new URLSearchParams(window.location.search), u = e.get("default-template"), l = e.get("master"), a = u ? parseInt(u) : 0, i = a >= 1 && a <= y ? a : 0;
-        if (!i && !l)
+        const e = new URLSearchParams(window.location.search), u = e.get("default-template"), p = e.get("master"), a = u ? parseInt(u) : 0, i = a >= 1 && a <= y ? a : 0;
+        if (!i && !p)
           return t;
-        const p = `/stripo/default-template/${i}`, { data: n } = await s(p), o = typeof n == "string" ? JSON.parse(n) : n;
+        const l = `/stripo/default-template/${i}`, { data: n } = await s(l), o = typeof n == "string" ? JSON.parse(n) : n;
         return !o || typeof o != "object" || !("html" in o) || !("css" in o) ? t : o;
       } catch (e) {
         return r(e, "Failed to fetch default template"), t;

package/dist/services/templateLibraryApi.js

@@ -1,14 +1,15 @@
-import { useConfig as T } from "../composables/useConfig.js";
-import { useHttp as f } from "../composables/useHttp.js";
-import { useToaster as w } from "../composables/useToaster.js";
-import { useTranslations as b } from "../composables/useTranslations.js";
-import { EditorType as h } from "../enums/defaults.js";
-import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { useSaveAsTemplateStore as v } from "../stores/save-as-template.js";
-import { base64EncodeWithSpecialChars as a } from "../utils/base64.js";
-import { useTemplatePreparation as S } from "../utils/templatePreparation.js";
-const R = () => {
-  const { get: n, post: c } = f(), { handleError: o, showToaster: i } = w(), { config: l } = T(), p = b();
+import { useConfig as w } from "../composables/useConfig.js";
+import { useHttp as b } from "../composables/useHttp.js";
+import { useToaster as h } from "../composables/useToaster.js";
+import { useTranslations as C } from "../composables/useTranslations.js";
+import { useLiquidValidator as S } from "../composables/validators/useLiquidValidator.js";
+import { EditorType as v } from "../enums/defaults.js";
+import { useRecommendationExtensionStore as N } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useSaveAsTemplateStore as x } from "../stores/save-as-template.js";
+import { base64EncodeWithSpecialChars as r } from "../utils/base64.js";
+import { useTemplatePreparation as A } from "../utils/templatePreparation.js";
+const $ = () => {
+  const { get: n, post: m } = b(), { handleError: o, showToaster: l } = h(), { config: c, isFeatureEnabled: p } = w(), { validateLiquidSyntax: g } = S(), u = C();
   return {
     getCategories: async () => {
       try {
@@ -26,7 +27,7 @@ const R = () => {
     },
     createCategory: async (e) => {
       try {
-        const { data: { id: t } } = await c(
+        const { data: { id: t } } = await m(
           "/newsletter/template-library/create-category",
           { name: e }
         );
@@ -36,55 +37,56 @@ const R = () => {
       }
     },
     createTemplate: async () => {
-      var e, t, g, y;
+      var e, t, d, y;
       try {
-        const { prepareTemplateDetails: m } = S(), r = v(), s = await m(), u = {
-          name: r.getTemplateName,
-          categories: r.getSelectedCategoryIds,
-          productId: ((t = (e = l.value) == null ? void 0 : e.partner) == null ? void 0 : t.productType) || 0,
-          editorType: h,
-          messageType: ((y = (g = l.value) == null ? void 0 : g.partner) == null ? void 0 : y.messageType) || 0,
-          content: a(s.compiledHtml),
-          css: a(s.css),
+        const { prepareTemplateDetails: i } = A(), s = x(), a = await i();
+        if (p("liquidSyntax") && !await g(a.compiledHtml))
+          return !1;
+        const f = {
+          name: s.getTemplateName,
+          categories: s.getSelectedCategoryIds,
+          productId: ((t = (e = c.value) == null ? void 0 : e.partner) == null ? void 0 : t.productType) || 0,
+          editorType: v,
+          messageType: ((y = (d = c.value) == null ? void 0 : d.partner) == null ? void 0 : y.messageType) || 0,
+          content: r(a.compiledHtml),
+          css: r(a.css),
           unsubscriptionPreferencePageStatus: !1,
           unsubscriptionPreferencePages: [],
-          recommendationCampaignUrls: a(
-            C().recommendationCampaignUrls
+          recommendationCampaignUrls: r(
+            N().recommendationCampaignUrls
           ),
-          recommendationConfigs: a({}),
+          recommendationConfigs: r({}),
           isGuido: !0,
-          stripoConfig: a({
+          // eslint-disable-next-line camelcase
+          template_engine: p("liquidSyntax") ? 1 : 0,
+          stripoConfig: r({
             editor: "stripo",
-            html: s.rawHtml,
-            css: s.css
+            html: a.rawHtml,
+            css: a.css
           })
-        }, { data: { type: d } } = await c(
+        }, { data: { type: T } } = await m(
           "/newsletter/template-library/create-template",
-          u
+          f
         );
-        if (d === "alert") {
-          i({
-            message: p(
-              "newsletter.template-library-save-alert",
-              { templateName: r.getTemplateName }
-            ),
-            type: "alert"
-          });
-          return;
-        }
-        i({
-          message: p(
+        return T === "alert" ? (l({
+          message: u(
+            "newsletter.template-library-save-alert",
+            { templateName: s.getTemplateName }
+          ),
+          type: "alert"
+        }), !1) : (l({
+          message: u(
             "newsletter.template-library-save-success",
-            { templateName: r.getTemplateName }
+            { templateName: s.getTemplateName }
           ),
           type: "success"
-        });
-      } catch (m) {
-        o(m, "Failed to create template");
+        }), !0);
+      } catch (i) {
+        return o(i, "Failed to create template"), !1;
       }
     }
   };
 };
 export {
-  R as useTemplateLibraryApi
+  $ as useTemplateLibraryApi
 };

package/dist/src/@types/config/index.d.ts

@@ -8,7 +8,7 @@
  * - Validation utilities
  */
 export { MessageType, ProductType, GuidoConfigSchema, IdentitySchema, PartnerSchema, TemplateSchema, EditorSchema, UISchema, FeaturesSchema, BlocksSchema, CompilerSchema, CallbacksSchema, DynamicContentSchema, EmailHeaderSchema, DefaultBlockTypeSchema, CustomBlockTypeSchema, CompilerRuleSchema, CompilerRuleTypeSchema, ReplaceRuleSchema, RegexRuleSchema, RemoveRuleSchema, CustomRuleSchema, } from './schemas';
-export type { GuidoConfig, GuidoConfigInput, IdentityConfig, IdentityConfigInput, PartnerConfig, PartnerConfigInput, TemplateConfig, TemplateConfigInput, EditorConfig, EditorConfigInput, UIConfig, UIConfigInput, FeaturesConfig, FeaturesConfigInput, BlocksConfig, BlocksConfigInput, CompilerConfig, CompilerConfigInput, CallbacksConfig, CallbacksConfigInput, ExternalValidationHandler, EmailHeader, DynamicContent, DefaultBlockType, CustomBlockType, BlockType, FeatureName, CompilerRule, ReplaceRule, RegexRule, RemoveRule, CustomRule, DeepPartial, ConfigOverrides, } from './types';
+export type { GuidoConfig, GuidoConfigInput, IdentityConfig, IdentityConfigInput, PartnerConfig, PartnerConfigInput, FallbackFont, TemplateConfig, TemplateConfigInput, EditorConfig, EditorConfigInput, UIConfig, UIConfigInput, FeaturesConfig, FeaturesConfigInput, BlocksConfig, BlocksConfigInput, CompilerConfig, CompilerConfigInput, CallbacksConfig, CallbacksConfigInput, ExternalValidationHandler, EmailHeader, DynamicContent, DefaultBlockType, CustomBlockType, BlockType, FeatureName, CompilerRule, ReplaceRule, RegexRule, RemoveRule, CustomRule, DeepPartial, ConfigOverrides, } from './types';
 export { DEFAULT_EMAIL_HEADER, DEFAULT_TEMPLATE, DEFAULT_EDITOR, DEFAULT_UI, DEFAULT_FEATURES, DEFAULT_BLOCKS, DEFAULT_COMPILER, DEFAULT_PRODUCT_TYPE, DEFAULT_MESSAGE_TYPE, DEFAULT_USERNAME, EDITOR_TYPE, TEST_PARTNERS, isTestPartner, } from './defaults';
 export { validateConfig, parseConfig, parseConfigSafe, getValidationErrors, isValidConfig, validateIdentity, validatePartner, } from './validator';
 export type { ValidationResult, ValidationError, } from './validator';

package/dist/src/@types/config/schemas.d.ts

@@ -47,6 +47,12 @@ export declare const IdentitySchema: v.ObjectSchema<{
 /**
  * Partner configuration - organization and product context
  */
+export declare const FallbackFontSchema: v.ObjectSchema<{
+    /** Fallback font name (e.g., "Georgia") */
+    readonly name: v.StringSchema<undefined>;
+    /** Fallback font family (e.g., "serif" or "sans-serif") */
+    readonly family: v.StringSchema<undefined>;
+}, undefined>;
 export declare const PartnerSchema: v.ObjectSchema<{
     /** Partner/organization name (required) */
     readonly name: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, "partner.name is required">]>;
@@ -56,6 +62,13 @@ export declare const PartnerSchema: v.ObjectSchema<{
     readonly messageType: v.OptionalSchema<v.PicklistSchema<[1, 2], undefined>, 1>;
     /** Display name for the current user */
     readonly username: v.OptionalSchema<v.StringSchema<undefined>, "Guido User">;
+    /** Fallback font settings from partner settings — used to match backend size calculation */
+    readonly fallbackFont: v.OptionalSchema<v.ObjectSchema<{
+        /** Fallback font name (e.g., "Georgia") */
+        readonly name: v.StringSchema<undefined>;
+        /** Fallback font family (e.g., "serif" or "sans-serif") */
+        readonly family: v.StringSchema<undefined>;
+    }, undefined>, undefined>;
 }, undefined>;
 /**
  * Dynamic content item schema
@@ -163,6 +176,8 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     readonly unsubscribe: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
     /** Disable modules panel in the editor */
     readonly modulesDisabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+    /** Enable Liquid template syntax */
+    readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
 /**
  * Default block types available in Stripo
@@ -403,6 +418,13 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly messageType: v.OptionalSchema<v.PicklistSchema<[1, 2], undefined>, 1>;
         /** Display name for the current user */
         readonly username: v.OptionalSchema<v.StringSchema<undefined>, "Guido User">;
+        /** Fallback font settings from partner settings — used to match backend size calculation */
+        readonly fallbackFont: v.OptionalSchema<v.ObjectSchema<{
+            /** Fallback font name (e.g., "Georgia") */
+            readonly name: v.StringSchema<undefined>;
+            /** Fallback font family (e.g., "serif" or "sans-serif") */
+            readonly family: v.StringSchema<undefined>;
+        }, undefined>, undefined>;
     }, undefined>;
     /** Template content and presets */
     readonly template: v.OptionalSchema<v.ObjectSchema<{
@@ -477,6 +499,8 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly unsubscribe: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
         /** Disable modules panel in the editor */
         readonly modulesDisabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+        /** Enable Liquid template syntax */
+        readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
     /** Block configuration */
     readonly blocks: v.OptionalSchema<v.ObjectSchema<{

package/dist/src/@types/config/types.d.ts

@@ -5,7 +5,7 @@
  * This ensures type definitions are always in sync with validation.
  * @module @types/config/types
  */
-import type { GuidoConfigSchema, IdentitySchema, PartnerSchema, TemplateSchema, EditorSchema, UISchema, FeaturesSchema, BlocksSchema, CompilerSchema, CallbacksSchema, DynamicContentSchema, EmailHeaderSchema, CompilerRuleSchema, ReplaceRuleSchema, RegexRuleSchema, RemoveRuleSchema, CustomRuleSchema, DefaultBlockTypeSchema, CustomBlockTypeSchema, ExternalValidationHandler } from './schemas';
+import type { GuidoConfigSchema, IdentitySchema, PartnerSchema, TemplateSchema, EditorSchema, UISchema, FeaturesSchema, BlocksSchema, CompilerSchema, CallbacksSchema, DynamicContentSchema, EmailHeaderSchema, CompilerRuleSchema, ReplaceRuleSchema, RegexRuleSchema, RemoveRuleSchema, CustomRuleSchema, DefaultBlockTypeSchema, CustomBlockTypeSchema, FallbackFontSchema, ExternalValidationHandler } from './schemas';
 import type * as v from 'valibot';
 /**
  * Complete validated Guido configuration.
@@ -29,6 +29,8 @@ export type GuidoConfig = v.InferOutput<typeof GuidoConfigSchema>;
 export type IdentityConfig = v.InferOutput<typeof IdentitySchema>;
 /** Partner configuration (name, productType, messageType, username) */
 export type PartnerConfig = v.InferOutput<typeof PartnerSchema>;
+/** Fallback font settings for backend size calculation alignment */
+export type FallbackFont = v.InferOutput<typeof FallbackFontSchema>;
 /** Template configuration (html, css, dynamic content, unsubscribe pages) */
 export type TemplateConfig = v.InferOutput<typeof TemplateSchema>;
 /** Editor configuration (locale, translations, migration date, email header) */