@useinsider/guido 2.0.0-beta.e73ba15 → 2.0.0-beta.fb0f99d

package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js

@@ -1,60 +1,49 @@
-var A = Object.defineProperty;
-var y = (n, i, t) => i in n ? A(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
-var p = (n, i, t) => y(n, typeof i != "symbol" ? i + "" : i, t);
-import { ModificationDescription as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as b } from "../../../common-control.js";
-import { useRecommendationExtensionStore as P } from "../../store/recommendation.js";
-import { useDebounceFn as N } from "../../../../../node_modules/@vueuse/shared/index.js";
-const O = "recommendation-spacing-control", a = {
+var P = Object.defineProperty;
+var G = (o, n, t) => n in o ? P(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
+var l = (o, n, t) => G(o, typeof n != "symbol" ? n + "" : n, t);
+import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as I } from "../../../common-control.js";
+import { SPACING_STEP as N, MAX_SPACING as _, MIN_SPACING as f, DEFAULT_COLUMN_SPACING as c, DEFAULT_ROW_SPACING as b } from "../../constants/layout.js";
+import { useRecommendationExtensionStore as L } from "../../store/recommendation.js";
+import { safeGetStyle as d, safeGetParent as V } from "../../utils/tagName.js";
+import { getCurrentLayout as m } from "../main/utils.js";
+import { useDebounceFn as A } from "../../../../../node_modules/@vueuse/shared/index.js";
+const w = "recommendation-spacing-control", a = {
   COLUMN_SPACING: "columnSpacing",
   COLUMN_SPACING_LABEL: "columnSpacingLabel",
   ROW_SPACING: "rowSpacing"
-}, _ = {
+}, y = {
   COLUMN_SPACING: "data-column-spacing",
   ROW_SPACING: "data-row-spacing"
-}, s = {
-  COLUMN_SPACING: 10,
-  // 5px on each side = 10px total
-  ROW_SPACING: 20
-}, u = {
-  MIN_SPACING: 0,
-  MAX_SPACING: 50,
-  STEP: 5
 };
-function S(n, i) {
-  return !n || !("getStyle" in n) ? null : n.getStyle(i);
+function h(o, n) {
+  if (!o)
+    return n;
+  const t = parseFloat(o);
+  return Number.isNaN(t) ? n : t;
 }
-function I(n) {
-  return !n || !("parent" in n) || typeof n.parent != "function" ? null : n.parent();
-}
-function C(n, i) {
-  if (!n)
-    return i;
-  const t = parseFloat(n);
-  return Number.isNaN(t) ? i : t;
-}
-class w extends b {
+class q extends I {
   constructor() {
     super(...arguments);
-    p(this, "store", P());
-    p(this, "unsubscribeOrientation", null);
+    l(this, "store", L());
+    l(this, "unsubscribeOrientation", null);
     /**
      * Debounced version of _onColumnSpacingChange
      * Prevents excessive DOM updates when user rapidly adjusts the counter
      */
-    p(this, "_debouncedOnColumnSpacingChange", N((t) => {
+    l(this, "_debouncedOnColumnSpacingChange", A((t) => {
       this._onColumnSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onRowSpacingChange
      * Prevents excessive DOM updates when user rapidly adjusts the counter
      */
-    p(this, "_debouncedOnRowSpacingChange", N((t) => {
+    l(this, "_debouncedOnRowSpacingChange", A((t) => {
       this._onRowSpacingChange(t);
     }, 300));
   }
   getId() {
-    return O;
+    return w;
   }
   getTemplate() {
     return `
@@ -63,16 +52,16 @@ class w extends b {
       this._GuLabel({ text: "Column Spacing (px)", name: a.COLUMN_SPACING_LABEL }),
       this._GuCounter({
         name: a.COLUMN_SPACING,
-        minValue: u.MIN_SPACING,
-        maxValue: u.MAX_SPACING,
-        step: u.STEP
+        minValue: f,
+        maxValue: _,
+        step: N
       }),
       this._GuLabel({ text: "Row Spacing (px)" }),
       this._GuCounter({
         name: a.ROW_SPACING,
-        minValue: u.MIN_SPACING,
-        maxValue: u.MAX_SPACING,
-        step: u.STEP
+        minValue: f,
+        maxValue: _,
+        step: N
       })
     ])}
             </div>
@@ -84,23 +73,14 @@ class w extends b {
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this._setFormValues(), this._updateColumnSpacingVisibility();
   }
-  /**
-   * Gets the current layout orientation from the block's data attribute
-   */
-  _getCurrentLayout() {
-    if (!this.currentNode || !("querySelector" in this.currentNode))
-      return "vertical";
-    const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    return !t || !("getAttribute" in t) ? "vertical" : t.getAttribute("data-layout") === "horizontal" ? "horizontal" : "vertical";
-  }
   /**
    * Updates column spacing visibility based on layout orientation
    * Column spacing is hidden for horizontal layout (products are stacked vertically)
    * Reads from store first for reliability, falls back to DOM
    */
   _updateColumnSpacingVisibility() {
-    const r = (this.store.recommendationConfigs.orientation || this._getCurrentLayout()) === "vertical";
-    this.api.setVisibility(a.COLUMN_SPACING, r), this.api.setVisibility(a.COLUMN_SPACING_LABEL, r);
+    const i = (this.store.recommendationConfigs.orientation || m(this.currentNode)) === "vertical";
+    this.api.setVisibility(a.COLUMN_SPACING, i), this.api.setVisibility(a.COLUMN_SPACING_LABEL, i);
   }
   /**
    * Reads spacing values from data attributes or returns defaults
@@ -120,28 +100,28 @@ class w extends b {
    */
   _getStoredColumnSpacing() {
     if (!this.currentNode)
-      return s.COLUMN_SPACING;
-    if (this._getCurrentLayout() === "vertical") {
-      const o = this.currentNode.querySelector(".recommendation-attribute-row"), f = o == null ? void 0 : o.querySelector("td"), g = S(f, "padding");
-      if (!g)
-        return s.COLUMN_SPACING;
-      const m = g.trim().split(/\s+/);
-      return m.length < 2 ? s.COLUMN_SPACING : C(m[1], s.COLUMN_SPACING / 2) * 2;
+      return c;
+    if (m(this.currentNode) === "vertical") {
+      const r = this.currentNode.querySelector(".recommendation-attribute-row"), O = r == null ? void 0 : r.querySelector("td"), S = d(O, "padding");
+      if (!S)
+        return c;
+      const C = S.trim().split(/\s+/);
+      return C.length < 2 ? c : h(C[1], c / 2) * 2;
     }
-    const e = this.currentNode.querySelector(".product-card-wrapper"), r = I(e), l = S(r, "padding");
-    if (!l)
-      return s.COLUMN_SPACING;
-    const c = l.trim().split(/\s+/);
-    return c.length < 2 ? s.COLUMN_SPACING : C(c[1], s.COLUMN_SPACING / 2) * 2;
+    const e = this.currentNode.querySelector(".product-card-wrapper"), i = V(e), u = d(i, "padding");
+    if (!u)
+      return c;
+    const s = u.trim().split(/\s+/);
+    return s.length < 2 ? c : h(s[1], c / 2) * 2;
   }
   /**
    * Gets stored row spacing from the first spacer element's height style
    */
   _getStoredRowSpacing() {
     if (!this.currentNode)
-      return s.ROW_SPACING;
-    const t = this.currentNode.querySelector(".spacer"), e = S(t, "height");
-    return C(e, s.ROW_SPACING);
+      return b;
+    const t = this.currentNode.querySelector(".spacer"), e = d(t, "height");
+    return h(e, b);
   }
   /**
    * Handles column spacing changes.
@@ -152,16 +132,16 @@ class w extends b {
     if (!this.currentNode)
       return;
     this._storeColumnSpacing(t);
-    const e = this._getCurrentLayout(), r = this.api.getDocumentModifier(), c = `0 ${t / 2}px`;
+    const e = m(this.currentNode), i = this.api.getDocumentModifier(), s = `0 ${t / 2}px`;
     e === "vertical" ? Array.from(
       this.currentNode.querySelectorAll(".attribute-cell")
-    ).forEach((o) => {
-      r.modifyHtml(o).setStyle("padding", c);
+    ).forEach((r) => {
+      i.modifyHtml(r).setStyle("padding", s);
     }) : Array.from(
       this.currentNode.querySelectorAll(".product-card-wrapper")
-    ).forEach((o) => {
-      "parent" in o && o.parent() && r.modifyHtml(o.parent()).setStyle("padding", c);
-    }), r.apply(new d(`Update column spacing to ${t}px`));
+    ).forEach((r) => {
+      "parent" in r && r.parent() && i.modifyHtml(r.parent()).setStyle("padding", s);
+    }), i.apply(new p(`Update column spacing to ${t}px`));
   }
   /**
    * Handles row spacing changes
@@ -176,10 +156,10 @@ class w extends b {
     );
     if (!e.length)
       return;
-    const r = this.api.getDocumentModifier(), l = `${t}px`;
-    e.forEach((c) => {
-      r.modifyHtml(c).setStyle("height", l);
-    }), r.apply(new d(`Update row spacing to ${t}px`));
+    const i = this.api.getDocumentModifier(), u = `${t}px`;
+    e.forEach((s) => {
+      i.modifyHtml(s).setStyle("height", u);
+    }), i.apply(new p(`Update row spacing to ${t}px`));
   }
   /**
    * Stores column spacing value in block data attribute
@@ -188,7 +168,7 @@ class w extends b {
     if (!this.currentNode)
       return;
     const e = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute(_.COLUMN_SPACING, t.toString()).apply(new d("Store column spacing"));
+    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute(y.COLUMN_SPACING, t.toString()).apply(new p("Store column spacing"));
   }
   /**
    * Stores row spacing value in block data attribute
@@ -197,7 +177,7 @@ class w extends b {
     if (!this.currentNode)
       return;
     const e = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute(_.ROW_SPACING, t.toString()).apply(new d("Store row spacing"));
+    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute(y.ROW_SPACING, t.toString()).apply(new p("Store row spacing"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(a.COLUMN_SPACING, (t) => {
@@ -219,6 +199,6 @@ class w extends b {
   }
 }
 export {
-  O as SPACING_CONTROL_ID,
-  w as SpacingControl
+  w as SPACING_CONTROL_ID,
+  q as SpacingControl
 };

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,14 +1,14 @@
 import { RecommendationFeedSourceMaps as u, PriceAttributes as c } from "../../../../enums/extensions/recommendationBlock.js";
 import { useRecommendationApi as p } from "../../../../services/recommendationApi.js";
 import { useConfigStore as m } from "../../../../stores/config.js";
-import { defineStore as d } from "pinia";
-import { DEFAULT_CARDS_IN_ROW as f } from "../constants/layout.js";
+import { defineStore as f } from "pinia";
+import { DEFAULT_CARDS_IN_ROW as d } from "../constants/layout.js";
 import { generateCompleteFilterQuery as l } from "../utils/filterUtil.js";
-const n = p(), g = () => ({
+const s = p(), g = () => ({
   recommendationCampaignUrls: {},
   recommendationProducts: [],
   recommendationConfigs: {
-    cardsInRow: f,
+    cardsInRow: d,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -135,7 +135,7 @@ const n = p(), g = () => ({
   filterSelectionDrawerStatus: !1,
   filterList: {},
   filterGroup: 1
-}), S = d("guidoRecommendationExtension", {
+}), S = f("guidoRecommendationExtension", {
   state: () => g(),
   getters: {
     hasFilters: (e) => !!e.recommendationConfigs.filters.length,
@@ -179,13 +179,13 @@ const n = p(), g = () => ({
         activePredictiveAlgorithms: e,
         languages: t,
         currencies: r
-      } = await n.fetchRecommendationCreateData();
+      } = await s.fetchRecommendationCreateData();
       this.activePredictiveAlgorithms = e, this.languages = t;
       const [i] = r;
       this.recommendationConfigs.currencySettings.name = i.text, this.recommendationConfigs.currencySettings.value = i.value, this.currencyList = r, this.filterStatus = !!this.recommendationConfigs.filters.length;
     },
     async fetchRecommendationFilters() {
-      const e = await n.fetchRecommendationFilters();
+      const e = await s.fetchRecommendationFilters();
       this.filterList = e;
     },
     addFilterGroup(e) {
@@ -225,13 +225,15 @@ const n = p(), g = () => ({
       }
     },
     addFilter(e) {
-      const t = [...this.recommendationConfigs.filters], r = t.findLastIndex((i) => i.filterGroup === e.filterGroup);
-      r !== -1 ? t.splice(r + 1, 0, {
+      const t = [...this.recommendationConfigs.filters], i = t.filter(
+        (a) => a.filterGroup === e.filterGroup
+      ).length + 1, o = t.findLastIndex((a) => a.filterGroup === e.filterGroup);
+      o !== -1 ? t.splice(o + 1, 0, {
         ...e,
-        filterNumber: r + 2
+        filterNumber: i
       }) : t.push({
         ...e,
-        filterNumber: 1
+        filterNumber: i
       }), this.$patch({
         recommendationConfigs: {
           filters: t
@@ -242,11 +244,11 @@ const n = p(), g = () => ({
       return l(this.recommendationConfigs.filters);
     },
     async fetchRecommendationProducts() {
-      var s;
-      const e = this.recommendationConfigs.filters.filter((a) => a.isValid), t = l(e), r = ((s = u.find((a) => a.key === this.recommendationConfigs.strategy)) == null ? void 0 : s.path) || "", i = m(), o = await n.fetchRecommendationProducts(
+      var a;
+      const e = this.recommendationConfigs.filters.filter((n) => n.isValid), t = l(e), r = ((a = u.find((n) => n.key === this.recommendationConfigs.strategy)) == null ? void 0 : a.path) || "", i = m(), o = await s.fetchRecommendationProducts(
         r,
         {
-          // TODO: Here will be optimized and filled carefully
+          // Note: {itemId} and {campaignId} are template placeholders replaced at runtime
           locale: this.recommendationConfigs.language,
           currency: this.recommendationConfigs.currencySettings.value,
           partnerName: i.partnerName,

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

@@ -1,25 +1,36 @@
-function a(n) {
-  return "getInnerHTML" in n && typeof n.getInnerHTML == "function" ? n.getInnerHTML() : "innerHTML" in n ? n.innerHTML : "";
+function p(t) {
+  const r = {
+    "&": "&",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    "'": "&#39;"
+  };
+  return t.replace(/[&<>"']/g, (n) => r[n]);
 }
-function H(n, t) {
-  if (!n)
-    return t;
-  const r = a(n);
-  if (!r || r.trim() === "" || !/<(strong|em|u|s|b|i)\b/i.test(r))
-    return t;
-  const i = [], s = [];
-  let o = r.trim();
+function m(t) {
+  return "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML() : "innerHTML" in t ? t.innerHTML : "";
+}
+function T(t, r) {
+  const n = p(r);
+  if (!t)
+    return n;
+  const e = m(t);
+  if (!e || e.trim() === "" || !/<(strong|em|u|s|b|i)\b/i.test(e))
+    return n;
+  const i = [], o = [];
+  let c = e.trim();
   for (; ; ) {
-    const u = o.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
+    const u = c.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
     if (!u)
       break;
-    const [, e, f = "", g] = u, c = new RegExp(`</${e}>$`, "i");
-    if (!c.test(g))
+    const [, s, f = "", g] = u, a = new RegExp(`</${s}>$`, "i");
+    if (!a.test(g))
       break;
-    i.push(`<${e}${f}>`), s.unshift(`</${e}>`), o = g.replace(c, "").trim();
+    i.push(`<${s}${f}>`), o.unshift(`</${s}>`), c = g.replace(a, "").trim();
   }
-  return i.length > 0 ? i.join("") + t + s.join("") : t;
+  return i.length > 0 ? i.join("") + n + o.join("") : n;
 }
 export {
-  H as preserveTextStyles
+  T as preserveTextStyles
 };

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

@@ -0,0 +1,46 @@
+function a(t) {
+  return typeof t == "object" && t !== null && "tagName" in t && typeof t.tagName == "string";
+}
+function r(t) {
+  return typeof t == "object" && t !== null && "getTagName" in t && typeof t.getTagName == "function";
+}
+function n(t) {
+  return typeof t == "object" && t !== null && "getStyle" in t && typeof t.getStyle == "function";
+}
+function u(t) {
+  return typeof t == "object" && t !== null && "parent" in t && typeof t.parent == "function";
+}
+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);
+}
+function N(t) {
+  return !t || !u(t) ? null : t.parent();
+}
+function l(t, e = "UNKNOWN") {
+  return t ? a(t) ? t.tagName.toUpperCase() : r(t) ? t.getTagName().toUpperCase() : e : e;
+}
+const f = /* @__PURE__ */ new Set(["TD", "BLOCK_IMAGE", "BLOCK_BUTTON"]);
+function i(t) {
+  return f.has(t.toUpperCase());
+}
+function c(t) {
+  const e = l(t);
+  return i(e);
+}
+function s(t) {
+  return c(t) ? "table-cell" : "table-row";
+}
+export {
+  s as getTableDisplayValue,
+  l as getTagName,
+  n as hasGetStyle,
+  u as hasParent,
+  c as isTableCellNode,
+  i as isTableCellTag,
+  g as isTdNode,
+  N as safeGetParent,
+  p as safeGetStyle
+};

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

@@ -1,21 +1,21 @@
 import { ExtensionBuilder as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { UnsubscribeBlock as i } from "./block.js";
 import { UnsubscribeControl as t } from "./control.js";
-import { PreviewUIElement as o } from "./elements/preview.js";
-import { UnsubscribeIconsRegistry as r } from "./iconsRegistry.js";
-import { SettingsPanel as s } from "./settingsPanel.js";
+import { PreviewUIElement as s } from "./elements/preview.js";
+import { UnsubscribeIconsRegistry as o } from "./iconsRegistry.js";
+import { SettingsPanel as r } from "./settingsPanel.js";
 import n from "./styles.css.js";
-import { UnsubscribeTagRegistry as l } from "./tagRegistry.js";
-const f = new e().addBlock(i).withSettingsPanelRegistry(s).addControl(t).addUiElement(o).addStyles(n).withLocalization({
+import { UnsubscribeTagRegistry as c } from "./tagRegistry.js";
+const g = new e().addBlock(i).withSettingsPanelRegistry(r).addControl(t).addUiElement(s).addStyles(n).withLocalization({
   en: {
-    "Unsubscribe Block": "Unsubscribe Block",
-    "Unsubscribe Block Description": "Add an unsubscribe link to your email",
+    "Unsubscribe Block": "Unsubscribe",
+    "Unsubscribe Block Description": "Unsubscribe lets you add an Unsubscribe Link to direct users to opt out of receiving your messages.",
     "Select Template": "Select Template",
     "Unsubscribe Template": "Unsubscribe Template",
     Showing: "Showing",
     of: "of"
   }
-}).withUiElementTagRegistry(l).withIconsRegistry(r).build();
+}).withUiElementTagRegistry(c).withIconsRegistry(o).build();
 export {
-  f as default
+  g as default
 };

package/dist/extensions/Blocks/common-control.js

@@ -1,12 +1,12 @@
 var c = Object.defineProperty;
 var I = (a, r, e) => r in a ? c(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e;
-var l = (a, r, e) => I(a, typeof r != "symbol" ? r + "" : r, e);
+var u = (a, r, e) => I(a, typeof r != "symbol" ? r + "" : r, e);
 import { Control as O, UIElementType as t, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 class _ extends O {
   constructor() {
     super(...arguments);
-    l(this, "currentNode");
-    l(this, "lastBlockInstanceId", null);
+    u(this, "currentNode");
+    u(this, "lastBlockInstanceId", null);
   }
   getContainer() {
     var e;
@@ -52,10 +52,9 @@ class _ extends O {
     const T = o !== this.lastBlockInstanceId;
     return T ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = o) : n(), T;
   }
-  _GuLabel({ text: e, name: n = "", position: E = "top" }) {
+  _GuLabel({ text: e, name: n = "" }) {
     return `
             <${t.LABEL} 
-                style="${E === "top" ? "margin-bottom: 8px;" : ""}"
                 ${$.LABEL.text}="${e}" 
                 ${$.LABEL.name}="${n || `${e} Label`}">
             </${t.LABEL}>
@@ -170,9 +169,9 @@ class _ extends O {
   _GuOrderable(e, n) {
     let E = "";
     n.forEach((T) => {
-      const u = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
+      const l = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
       E += `
-                <${t.ORDERABLE_ITEM} ${u}="${T.key}">
+                <${t.ORDERABLE_ITEM} ${l}="${T.key}">
                     ${T.content}
                 </${t.ORDERABLE_ITEM}>
             `;

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-06e6f7a7] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.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}.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}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-890b5336]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-890b5336]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-890b5336]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-06e6f7a7] .in-button-v2__wrapper{line-height:0}[data-v-5196584c] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.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}.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}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-890b5336]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-890b5336]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-890b5336]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}

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

@@ -7,8 +7,8 @@
  * - Default values for optional configuration
  * - Validation utilities
  */
-export { MessageType, ProductType, GuidoConfigSchema, IdentitySchema, PartnerSchema, TemplateSchema, EditorSchema, UISchema, FeaturesSchema, BlocksSchema, CompilerSchema, 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, EmailHeader, DynamicContent, DefaultBlockType, CustomBlockType, BlockType, FeatureName, CompilerRule, ReplaceRule, RegexRule, RemoveRule, CustomRule, DeepPartial, ConfigOverrides, } from './types';
+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 { 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

@@ -5,7 +5,14 @@
  * All types are inferred from these schemas to ensure single source of truth.
  * @module @types/config/schemas
  */
+import type { SavedTemplateDetails } from '../stripo';
 import * as v from 'valibot';
+/**
+ * Handler function for external validation before save
+ * @param data - The template details to validate
+ * @returns Promise<boolean> - true if valid, false to cancel save
+ */
+export type ExternalValidationHandler = (data: SavedTemplateDetails) => Promise<boolean>;
 /**
  * Message type constants for email templates
  */
@@ -346,6 +353,16 @@ export declare const CompilerSchema: v.ObjectSchema<{
     /** Skip default compiler rules */
     readonly ignoreDefaultRules: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
+/**
+ * Callbacks configuration - event handlers and hooks
+ */
+export declare const CallbacksSchema: v.ObjectSchema<{
+    /**
+     * External validation handler called before save completes.
+     * Return false to cancel the save operation.
+     */
+    readonly externalValidation: v.OptionalSchema<v.CustomSchema<ExternalValidationHandler, v.ErrorMessage<v.CustomIssue> | undefined>, undefined>;
+}, undefined>;
 /**
  * Complete Guido configuration schema
  *
@@ -358,6 +375,7 @@ export declare const CompilerSchema: v.ObjectSchema<{
  * - features: Feature toggles
  * - blocks: Block configuration
  * - compiler: HTML compilation
+ * - callbacks: Event handlers and hooks
  */
 export declare const GuidoConfigSchema: v.ObjectSchema<{
     /** Identity configuration (required) */
@@ -510,4 +528,12 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         /** Skip default compiler rules */
         readonly ignoreDefaultRules: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
+    /** Callbacks and event handlers */
+    readonly callbacks: v.OptionalSchema<v.ObjectSchema<{
+        /**
+         * External validation handler called before save completes.
+         * Return false to cancel the save operation.
+         */
+        readonly externalValidation: v.OptionalSchema<v.CustomSchema<ExternalValidationHandler, v.ErrorMessage<v.CustomIssue> | undefined>, undefined>;
+    }, undefined>, {}>;
 }, undefined>;

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, DynamicContentSchema, EmailHeaderSchema, CompilerRuleSchema, ReplaceRuleSchema, RegexRuleSchema, RemoveRuleSchema, CustomRuleSchema, DefaultBlockTypeSchema, CustomBlockTypeSchema } from './schemas';
+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 * as v from 'valibot';
 /**
  * Complete validated Guido configuration.
@@ -41,6 +41,10 @@ export type FeaturesConfig = v.InferOutput<typeof FeaturesSchema>;
 export type BlocksConfig = v.InferOutput<typeof BlocksSchema>;
 /** Compiler configuration (custom rules, ignore defaults) */
 export type CompilerConfig = v.InferOutput<typeof CompilerSchema>;
+/** Callbacks configuration (event handlers and hooks) */
+export type CallbacksConfig = v.InferOutput<typeof CallbacksSchema>;
+/** Re-export ExternalValidationHandler for convenience */
+export type { ExternalValidationHandler };
 /** Email header configuration (senderName, subject) */
 export type EmailHeader = v.InferOutput<typeof EmailHeaderSchema>;
 /** Dynamic content item */
@@ -85,6 +89,8 @@ export type FeaturesConfigInput = v.InferInput<typeof FeaturesSchema>;
 export type BlocksConfigInput = v.InferInput<typeof BlocksSchema>;
 /** Input type for compiler configuration */
 export type CompilerConfigInput = v.InferInput<typeof CompilerSchema>;
+/** Input type for callbacks configuration */
+export type CallbacksConfigInput = v.InferInput<typeof CallbacksSchema>;
 /** Default Stripo block types */
 export type DefaultBlockType = v.InferOutput<typeof DefaultBlockTypeSchema>;
 /** Custom Guido block types */

package/dist/src/composables/useConfig.d.ts

@@ -91,6 +91,9 @@ export declare const useConfig: () => {
             })[];
             ignoreDefaultRules: boolean;
         };
+        callbacks: {
+            externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+        };
     } | null>;
     initialized: import("vue").Ref<boolean>;
     identity: import("vue").ComputedRef<{
@@ -177,6 +180,9 @@ export declare const useConfig: () => {
         })[];
         ignoreDefaultRules: boolean;
     } | null>;
+    callbacks: import("vue").ComputedRef<{
+        externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+    } | null>;
     templateId: import("vue").ComputedRef<string>;
     userId: import("vue").ComputedRef<string>;
     variationId: import("vue").ComputedRef<string>;

package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts

@@ -9,4 +9,4 @@
 export { RecommendationBlockId } from './blockIds';
 export { RecommendationControlId } from './controlIds';
 export { CONTAINER_SELECTOR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, } from './selectors';
-export { DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, } from './layout';
+export { DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, DEFAULT_COLUMN_SPACING, DEFAULT_ROW_SPACING, MIN_SPACING, MAX_SPACING, SPACING_STEP, } from './layout';