@useinsider/guido 3.1.1-beta.57fcdc6 → 3.1.1-beta.6b60896

package/dist/@types/config/schemas.js

@@ -114,7 +114,9 @@ const m = {
   /** Enable unsubscribe block */
   unsubscribe: e(a(), !0),
   /** Disable modules panel in the editor */
-  modulesDisabled: e(a(), !1)
+  modulesDisabled: e(a(), !1),
+  /** Enable Liquid template syntax */
+  liquidSyntax: e(a(), !1)
 }), E = n([
   "amp-accordion",
   "amp-carousel",
@@ -191,12 +193,12 @@ const m = {
   M,
   N,
   D
-]), U = o({
+]), x = o({
   /** Custom compiler rules to apply */
   customRules: e(c(v), []),
   /** Skip default compiler rules */
   ignoreDefaultRules: e(a(), !1)
-}), x = o({
+}), U = o({
   /**
    * External validation handler called before save completes.
    * Return false to cancel the save operation.
@@ -225,15 +227,15 @@ const m = {
   /** Block configuration */
   blocks: e(O, {}),
   /** Compiler configuration */
-  compiler: e(U, {}),
+  compiler: e(x, {}),
   /** Callbacks and event handlers */
-  callbacks: e(x, {})
+  callbacks: e(U, {})
 });
 export {
   O as BlocksSchema,
-  x as CallbacksSchema,
+  U as CallbacksSchema,
   v as CompilerRuleSchema,
-  U as CompilerSchema,
+  x as CompilerSchema,
   g as CustomBlockTypeSchema,
   D as CustomRuleSchema,
   E as DefaultBlockTypeSchema,

package/dist/config/compiler/utils/recommendationCompilerUtils.js

@@ -1,22 +1,23 @@
-import { useRecommendation as $ } from "../../../composables/useRecommendation.js";
-function b(e, u, r, o) {
-  const n = `{{${e}_${u}_${r}}}`, t = `{{${e}_${u}_currency}}`;
-  return o === "before" ? `${t} ${n}` : `${n} ${t}`;
+import { useConfig as S } from "../../../composables/useConfig.js";
+import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
+function y(e, n, r, o, s = "") {
+  const u = `{{${s}${e}_${n}_${r}}}`, t = `{{${s}${e}_${n}_currency}}`;
+  return o === "before" ? `${t} ${u}` : `${u} ${t}`;
 }
-function p(e, u, r, o, n) {
-  switch (u) {
+function p(e, n, r, o, s, u) {
+  switch (n) {
     case "productImage": {
       const t = e.querySelector("img");
-      t && (t.setAttribute("src", `{{${r}_${o}_image_url}}`), t.setAttribute("alt", `{{${r}_${o}_name}}`));
+      t && (t.setAttribute("src", `{{${u}${r}_${o}_image_url}}`), t.setAttribute("alt", `{{${u}${r}_${o}_name}}`));
       const c = e.querySelector("a");
-      c && c.setAttribute("href", `{{${r}_${o}_url}}`);
+      c && c.setAttribute("href", `{{${u}${r}_${o}_url}}`);
       break;
     }
     case "productName": {
       const t = e.querySelector("p");
       if (t) {
         const c = t.querySelector("strong") || t;
-        c.textContent = `{{${r}_${o}_name}}`;
+        c.textContent = `{{${u}${r}_${o}_name}}`;
       }
       break;
     }
@@ -24,7 +25,7 @@ function p(e, u, r, o, n) {
       const t = e.querySelector("p");
       if (t) {
         const c = t.querySelector("strong") || t;
-        c.textContent = b(r, o, "price", n);
+        c.textContent = y(r, o, "price", s, u);
       }
       break;
     }
@@ -32,24 +33,25 @@ function p(e, u, r, o, n) {
       const t = e.querySelector("p");
       if (t) {
         const c = t.querySelector("strong") || t;
-        c.textContent = b(
+        c.textContent = y(
           r,
           o,
           "original_price",
-          n
+          s,
+          u
         ), t.setAttribute("product-attr", "discount");
       }
       break;
     }
     case "productButton": {
       const t = e.querySelector("a");
-      t && t.setAttribute("href", `{{${r}_${o}_url}}`);
+      t && t.setAttribute("href", `{{${u}${r}_${o}_url}}`);
       break;
     }
     case "productOmnibusPrice": {
       const t = e.querySelector(".omnibus-price-value");
       if (t) {
-        t.textContent = `{{${r}_${o}_omnibus_price}}`;
+        t.textContent = `{{${u}${r}_${o}_omnibus_price}}`;
         const c = t.closest("p");
         c && (c.setAttribute("product-attr", "omnibus_price"), c.setAttribute("composition", "true"));
       }
@@ -58,7 +60,7 @@ function p(e, u, r, o, n) {
     case "productOmnibusDiscount": {
       const t = e.querySelector(".omnibus-discount-value");
       if (t) {
-        t.textContent = `{{${r}_${o}_omnibus_discount}}`;
+        t.textContent = `{{${u}${r}_${o}_omnibus_discount}}`;
         const c = t.closest("p");
         c && (c.setAttribute("product-attr", "omnibus_discount"), c.setAttribute("composition", "true"));
       }
@@ -67,66 +69,66 @@ function p(e, u, r, o, n) {
     default: {
       const t = e.getAttribute("product-attr") ? e : e.querySelector("[product-attr]");
       if (t) {
-        const c = t.getAttribute("product-attr"), s = t.querySelector("p");
-        if (s) {
-          const i = s.querySelector("strong") || s;
-          i.textContent = `{{${r}_${o}_${c}}}`;
+        const c = t.getAttribute("product-attr"), i = t.querySelector("p");
+        if (i) {
+          const a = i.querySelector("strong") || i;
+          a.textContent = `{{${u}${r}_${o}_${c}}}`;
         }
       }
       break;
     }
   }
 }
-function S(e, u, r) {
-  e.querySelectorAll(".recommendation-product-row").forEach((n, t) => {
-    n.querySelectorAll("[data-attribute-type]").forEach((s) => {
-      const i = s.getAttribute("data-attribute-type") || "", l = s.querySelectorAll(".attribute-cell");
-      l.length > 0 ? l.forEach((a) => {
-        p(a, i, u, t, r);
-      }) : p(s, i, u, t, r);
+function q(e, n, r, o) {
+  e.querySelectorAll(".recommendation-product-row").forEach((u, t) => {
+    u.querySelectorAll("[data-attribute-type]").forEach((i) => {
+      const a = i.getAttribute("data-attribute-type") || "", b = i.querySelectorAll(".attribute-cell");
+      b.length > 0 ? b.forEach((l) => {
+        p(l, a, n, t, r, o);
+      }) : p(i, a, n, t, r, o);
     });
   });
 }
-function _(e, u, r) {
-  const o = e.querySelectorAll(".recommendation-product-row");
-  if (!o.length)
+function d(e, n, r, o) {
+  const s = e.querySelectorAll(".recommendation-product-row");
+  if (!s.length)
     return;
-  const [n] = o, t = n.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
-  o.forEach((s, i) => {
-    s.querySelectorAll("[data-attribute-type]").forEach((a) => {
-      const f = a.getAttribute("data-attribute-type") || "";
-      a.querySelectorAll(".attribute-cell").forEach((y, A) => {
-        const m = i * c + A;
-        p(y, f, u, m, r);
+  const [u] = s, t = u.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
+  s.forEach((i, a) => {
+    i.querySelectorAll("[data-attribute-type]").forEach((l) => {
+      const $ = l.getAttribute("data-attribute-type") || "";
+      l.querySelectorAll(".attribute-cell").forEach((A, f) => {
+        const m = a * c + f;
+        p(A, $, n, m, r, o);
       });
     });
   });
 }
-function q(e, u, r) {
-  e.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
-    _(n, u, r);
+function g(e, n, r, o) {
+  e.querySelectorAll(".ins-recommendation-product-container").forEach((u) => {
+    d(u, n, r, o);
   });
 }
-function d(e, u) {
-  const r = e.getAttribute("data-layout") || "grid", o = e.getAttribute("currency-alignment") || "after";
-  r === "list" ? S(e, u, o) : q(e, u, o);
+function h(e, n, r) {
+  const o = e.getAttribute("data-layout") || "grid", s = e.getAttribute("currency-alignment") || "after";
+  o === "list" ? q(e, n, s, r) : g(e, n, s, r);
 }
-function g(e, u) {
+function C(e, n) {
   const r = e.match(/<!DOCTYPE[^>]*>/i);
   return (r ? `${r[0]}
-` : "") + u.documentElement.outerHTML;
+` : "") + n.documentElement.outerHTML;
 }
-function E(e) {
-  const u = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(u, "text/html"), o = r.querySelectorAll(".recommendation-block-v2");
+function P(e) {
+  const n = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(n, "text/html"), o = r.querySelectorAll(".recommendation-block-v2");
   if (!o.length)
     return e;
-  const { buildCampaignUrl: n } = $();
-  return o.forEach((c) => {
-    const s = c.getAttribute("recommendation-id");
-    s && (n(s), d(c, s));
-  }), g(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  const { buildCampaignUrl: s } = _(), { isFeatureEnabled: u } = S(), t = u("liquidSyntax") ? "reco_" : "";
+  return o.forEach((i) => {
+    const a = i.getAttribute("recommendation-id");
+    a && (s(a), h(i, a, t));
+  }), C(n, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  b as formatPriceVariable,
-  E as prepareRecommendationBlocks
+  y as formatPriceVariable,
+  P as prepareRecommendationBlocks
 };

package/dist/enums/recommendation.js

@@ -28,8 +28,8 @@ const e = 20, s = 320, t = "vertical", m = {
   ATTRIBUTE_PARAGRAPH: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>[\S\s]*?<\/p>/gm,
   ATTRIBUTE_PARAGRAPH_START_TAG: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>/gm,
   COMPOSITION: /composition="true"/gm,
-  CUSTOM_FIELD: /{{[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
-  CUSTOM_FIELD_INDEXES_PART: /{{[0-9]+_[0-8]_/gm,
+  CUSTOM_FIELD: /{{(?:reco_)?[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
+  CUSTOM_FIELD_INDEXES_PART: /{{(?:reco_)?[0-9]+_[0-8]_/gm,
   CUSTOM_FIELD_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
 }, n = {
   PARAGRAPH_END_TAG: "</p>"

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

@@ -163,6 +163,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
@@ -477,6 +479,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/composables/useConfig.d.ts

@@ -57,6 +57,7 @@ export declare const useConfig: () => {
             displayConditions: boolean;
             unsubscribe: boolean;
             modulesDisabled: boolean;
+            liquidSyntax: boolean;
         };
         blocks: {
             excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -149,6 +150,7 @@ export declare const useConfig: () => {
         displayConditions: boolean;
         unsubscribe: boolean;
         modulesDisabled: boolean;
+        liquidSyntax: boolean;
     } | null>;
     blocks: import("vue").ComputedRef<{
         excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];

package/dist/src/config/compiler/utils/recommendationCompilerUtils.d.ts

@@ -6,7 +6,7 @@
  * @param alignment - Currency alignment from block config: 'before' or 'after'
  * @returns Formatted price string with currency variable in correct position
  */
-export declare function formatPriceVariable(campaignId: string, productIndex: number, attribute: string, alignment: string): string;
+export declare function formatPriceVariable(campaignId: string, productIndex: number, attribute: string, alignment: string, prefix?: string): string;
 /**
  * Transforms recommendation block HTML by replacing product data with
  * template variables.

package/dist/src/stores/config.d.ts

@@ -62,6 +62,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -160,6 +161,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -258,6 +260,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -356,6 +359,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -454,6 +458,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -552,6 +557,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -650,6 +656,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -748,6 +755,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -846,6 +854,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -944,6 +953,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1042,6 +1052,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1140,6 +1151,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1238,6 +1250,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1336,6 +1349,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1434,6 +1448,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1532,6 +1547,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1630,6 +1646,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1728,6 +1745,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.1.1-beta.57fcdc6",
+  "version": "3.1.1-beta.6b60896",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",