@useinsider/guido 3.2.0-beta.e01b42a → 3.2.0-beta.f0d4ffd

package/dist/extensions/Blocks/Recommendation/templates/grid/template.js

@@ -1,7 +1,7 @@
-import { DEFAULT_PRODUCTS_PER_ROW as m } from "../../constants/layout.js";
-import { DEFAULT_CARD_COMPOSITION as L, spacer as E, getDefaultProducts as I, createBlockTemplate as _, DEFAULTS as S, buildElementRenderer as b, DEFAULT_CARD_VISIBILITY as A } from "../utils.js";
-import { gridElementRenderer as f, ATTRIBUTE_CELL_CLASS as w, DEFAULT_CELL_PADDING as D } from "./elementRenderer.js";
-const C = `
+import { DEFAULT_PRODUCTS_PER_ROW as L } from "../../constants/layout.js";
+import { DEFAULT_CARD_COMPOSITION as E, spacer as I, getDefaultProducts as _, createBlockTemplate as S, DEFAULTS as b, buildElementRenderer as A, DEFAULT_CARD_VISIBILITY as f } from "../utils.js";
+import { gridElementRenderer as w, ATTRIBUTE_CELL_CLASS as D, DEFAULT_CELL_PADDING as C } from "./elementRenderer.js";
+const O = `
     <tr class="recommendation-product-row">
         <td>
             <table
@@ -18,7 +18,7 @@ const C = `
             </table>
         </td>
     </tr>
-`, O = `
+`, g = `
     <tr
         class="recommendation-attribute-row"
         data-attribute-type="{-{-ATTR_TYPE-}-}"
@@ -27,37 +27,38 @@ const C = `
         {-{-CELLS-}-}
     </tr>
 `;
-function g(t, e, l, n = L) {
-  const o = (100 / e).toFixed(2), a = e - t.length, r = `<td class="${w}" style="padding: ${D};" width="${o}%"></td>`, i = a > 0 ? r.repeat(a) : "", s = b(l, n);
-  return n.filter((c) => s[c]).map((c) => {
-    const p = A[c] ?? !0, T = p ? "" : 'style="display: none;"', u = t.map((R) => s[c](R).replace("<td", `<td width="${o}%"`)).join("");
-    return O.replace("{-{-ATTR_TYPE-}-}", c).replace("{-{-VISIBILITY-}-}", p ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", T).replace("{-{-CELLS-}-}", u + i);
+function P(t, e, o, r = E, n = {}) {
+  const c = (100 / e).toFixed(2), i = e - t.length, l = `<td class="${D}" style="padding: ${C};" width="${c}%"></td>`, d = i > 0 ? l.repeat(i) : "", a = A(o, r, n);
+  return r.filter((s) => a[s]).map((s) => {
+    const T = f[s] ?? !0, u = T ? "" : 'style="display: none;"', R = t.map((m) => a[s](m).replace("<td", `<td width="${c}%"`)).join("");
+    return g.replace("{-{-ATTR_TYPE-}-}", s).replace("{-{-VISIBILITY-}-}", T ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", u).replace("{-{-CELLS-}-}", R + d);
   }).join("");
 }
-function P(t, e, l, n) {
-  const o = [];
-  for (let r = 0; r < t.length; r += e)
-    o.push(t.slice(r, r + e));
-  return o.map((r, i) => {
-    const s = g(
-      r,
-      e,
+function U(t, e, o, r, n = {}) {
+  const c = [];
+  for (let l = 0; l < t.length; l += e)
+    c.push(t.slice(l, l + e));
+  return c.map((l, d) => {
+    const a = P(
       l,
+      e,
+      o,
+      r,
       n
-    ), d = C.replace("{-{-ATTRIBUTE_ROWS-}-}", s);
-    return i > 0 ? E + d : d;
+    ), p = O.replace("{-{-ATTRIBUTE_ROWS-}-}", a);
+    return d > 0 ? I + p : p;
   }).join("");
 }
-function U(t, e, l) {
-  return P(t, e, f, l);
+function h(t, e, o, r = {}) {
+  return U(t, e, w, o, r);
 }
-function W(t) {
-  const e = t ? `ins-recommendation-v3-block-${t}` : void 0, l = _("grid", e), n = I(), o = U(n, m);
-  return l.replace("{-{-TITLE-}-}", S.TITLE).replace("{-{-PRODUCT_ROWS-}-}", o).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
+function F(t) {
+  const e = t ? `ins-recommendation-v3-block-${t}` : void 0, o = S("grid", e), r = _(), n = h(r, L);
+  return o.replace("{-{-TITLE-}-}", b.TITLE).replace("{-{-PRODUCT_ROWS-}-}", n).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
 }
 export {
-  W as getDefaultTemplate,
-  g as prepareGridAttributeRows,
-  P as prepareGridProductRows,
-  U as prepareProductRows
+  F as getDefaultTemplate,
+  P as prepareGridAttributeRows,
+  U as prepareGridProductRows,
+  h as prepareProductRows
 };

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

@@ -1,12 +1,12 @@
 import { DEFAULT_PRODUCTS_PER_ROW as s } from "../constants/layout.js";
 import { prepareProductRows as c } from "./grid/template.js";
-import { prepareProductRows as i } from "./list/template.js";
-function P(r, p, o = {}) {
-  if (p === "list")
-    return i(r, o.composition);
-  const { productsPerRow: t = s, composition: e } = o;
-  return c(r, t, e);
+import { prepareProductRows as R } from "./list/template.js";
+function a(o, t, r = {}) {
+  if (t === "list")
+    return R(o, r.composition, r.filterList);
+  const { productsPerRow: e = s, composition: p, filterList: i } = r;
+  return c(o, e, p, i);
 }
 export {
-  P as prepareProductRows
+  a as prepareProductRows
 };

package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js

@@ -166,11 +166,13 @@ const I = {
   /**
    * Custom attribute row template — same tr-td structure as Name, Price, etc.
    * Used by `buildElementRenderer` for `customAttr:*` composition entries.
+   * @param productAttrValue - Resolved product-attr value (e.g., "brand" for default, "product_attribute.rating_star" for custom)
+   * @param content - Display content for the cell
    */
   [y]: (t, e) => `
         <tr>
             <td
-                ${u}="product_attribute.${t}"
+                ${u}="${t}"
                 class="esd-block-text product-custom-attribute"
                 esd-extension-block-id="${o.CUSTOM_ATTRIBUTE}"
                 align="left">

package/dist/extensions/Blocks/Recommendation/templates/list/template.js

@@ -1,14 +1,14 @@
-import { ATTR_PRODUCT_IMAGE as i, ATTR_PRODUCT_BUTTON as d } from "../../constants/selectors.js";
-import { DEFAULT_CARD_COMPOSITION as u, spacer as m, buildElementRenderer as C, DEFAULT_CARD_VISIBILITY as b } from "../utils.js";
-import { listElementRenderer as T } from "./elementRenderer.js";
-function R(r, n, t) {
-  const l = t ? "" : ' style="display: none;"', o = r.replace(/<tr>/, "").replace(/<\/tr>/, "");
+import { ATTR_PRODUCT_IMAGE as d, ATTR_PRODUCT_BUTTON as a } from "../../constants/selectors.js";
+import { DEFAULT_CARD_COMPOSITION as m, spacer as C, buildElementRenderer as b, DEFAULT_CARD_VISIBILITY as T } from "../utils.js";
+import { listElementRenderer as R } from "./elementRenderer.js";
+function f(r, n, l) {
+  const t = l ? "" : ' style="display: none;"', o = r.replace(/<tr>/, "").replace(/<\/tr>/, "");
   return `<tr
             class="recommendation-attribute-row"
             data-attribute-type="${n}"
-            data-visibility="${t ? "1" : "0"}"${l}>${o}</tr>`;
+            data-visibility="${l ? "1" : "0"}"${t}>${o}</tr>`;
 }
-const f = `
+const y = `
     <tr class="recommendation-product-row">
         <td style="padding: 0 5px;">
             <table
@@ -26,29 +26,29 @@ const f = `
         </td>
     </tr>
 `;
-function y(r, n = u) {
-  const t = C(T, n), l = t[i](r), a = `
+function O(r, n = m, l = {}) {
+  const t = b(R, n, l), o = t[d](r), c = `
         <td class="product-info-cell" valign="middle" style="padding: 15px;">
             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                 <tbody>
-                    ${n.filter((e) => e !== i && e !== d).filter((e) => t[e]).map((e) => {
-    const p = b[e] ?? !0;
-    return R(t[e](r), e, p);
+                    ${n.filter((e) => e !== d && e !== a).filter((e) => t[e]).map((e) => {
+    const u = T[e] ?? !0;
+    return f(t[e](r), e, u);
   }).join(`
                     `)}
                 </tbody>
             </table>
         </td>
-    `, c = t[d](r), s = l + a + c;
-  return f.replace("{-{-PRODUCT_CONTENT-}-}", s);
+    `, s = t[a](r), p = o + c + s;
+  return y.replace("{-{-PRODUCT_CONTENT-}-}", p);
 }
-function w(r, n) {
-  return r.map((t, l) => {
-    const o = y(t, n);
-    return l > 0 ? m + o : o;
+function D(r, n, l = {}) {
+  return r.map((t, o) => {
+    const i = O(t, n, l);
+    return o > 0 ? C + i : i;
   }).join("");
 }
 export {
-  y as getListProductCard,
-  w as prepareProductRows
+  O as getListProductCard,
+  D as prepareProductRows
 };

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/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/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.59.0" } }, s = {
+const o = { stripo: { version: "2.60.0" } }, s = {
   guido: o
 };
 export {

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;