@useinsider/guido 2.0.0-beta.5da4dde → 2.0.0-beta.6ae94e5

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

@@ -1,19 +1,18 @@
-import { ATTR_PRODUCT_IMAGE as h, ATTR_PRODUCT_NAME as C, ATTR_PRODUCT_OLD_PRICE as D, ATTR_PRODUCT_PRICE as b, ATTR_PRODUCT_OMNIBUS_PRICE as P, ATTR_PRODUCT_OMNIBUS_DISCOUNT as U, ATTR_PRODUCT_BUTTON as N } from "../constants.js";
-const E = {
+const R = {
   TITLE: "You May Also Like!"
-}, I = `
+}, O = `
     <tr>
-        <td class="spacer" style="height: 10px;"></td>
+        <td class="spacer" style="height: 20px;"></td>
     </tr>
-`, A = `
-    <tr class="recommendation-product-row">
+`, w = `
+    <tr>
         <td>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
                 {-{-PRODUCTS-}-}
             </table>
         </td>
     </tr>
-`, o = `
+`, i = `
     <td width="{-{-COLUMN_WIDTH-}-}" style="padding: 0 5px;" valign="top" height="100%">
         <table
             width="100%"
@@ -35,24 +34,14 @@ const E = {
             </tr>
         </table>
     </td>
-`, Y = [
-  h,
-  C,
-  D,
-  b,
-  P,
-  U,
-  N
-], S = {
-  [h]: !0,
-  [C]: !0,
-  [b]: !0,
-  [D]: !0,
-  [P]: !1,
-  [U]: !1,
-  [N]: !0
-};
-function M() {
+`, b = [
+  "productImage",
+  "productName",
+  "productOldPrice",
+  "productPrice",
+  "productButton"
+];
+function C() {
   return [
     {
       name: "Product Name",
@@ -134,76 +123,58 @@ function M() {
     }
   ];
 }
-function f(a, r, e, l = Y) {
-  const s = (100 / r).toFixed(2), p = [];
-  for (let i = 0; i < a.length; i += r)
-    p.push(a.slice(i, i + r));
+function N(p, r, e, l = b) {
+  const n = (100 / r).toFixed(2), a = [];
+  for (let o = 0; o < p.length; o += r)
+    a.push(p.slice(o, o + r));
   let c = "";
-  return p.forEach((i, w) => {
-    w > 0 && (c += I);
-    let n = "", u = "", d = "", T = "", m = "", _ = "", g = "";
-    i.forEach((t) => {
-      n += o.replace(
+  return a.forEach((o, _) => {
+    _ > 0 && (c += O);
+    let s = "", u = "", d = "", m = "", g = "";
+    o.forEach((t) => {
+      s += i.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productImage(t)
-      ), u += o.replace(
+      ), u += i.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productName(t)
-      ), d += o.replace(
+      ), d += i.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productPrice(t)
-      ), T += o.replace(
+      ), m += i.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productOldPrice(t)
-      ), m += o.replace(
-        "{-{-PRODUCT_CONTENT-}-}",
-        e.productOmnibusPrice(t)
-      ), _ += o.replace(
-        "{-{-PRODUCT_CONTENT-}-}",
-        e.productOmnibusDiscount(t)
-      ), g += o.replace(
+      ), g += i.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productButton(t)
       );
     });
-    const R = {
-      productImage: n,
+    const T = {
+      productImage: s,
       productName: u,
       productPrice: d,
-      productOldPrice: T,
-      productOmnibusPrice: m,
-      productOmnibusDiscount: _,
+      productOldPrice: m,
       productButton: g
-    }, y = l.filter((t) => !!R[t]).map((t) => {
-      const O = S[t] ?? !0;
-      return `
-                <tr class="recommendation-attribute-row"
-                    data-attribute-type="${t}"
-                    data-visibility="${O ? "1" : "0"}"${O ? "" : ' style="display: none;"'}>
-                    ${R[t]}
-                </tr>
-            `;
-    }).join("");
-    c += A.replace("{-{-PRODUCTS-}-}", y);
-  }), c.replaceAll("{-{-COLUMN_WIDTH-}-}", `${s}%`);
+    }, h = l.filter((t) => !!T[t]).map((t) => `<tr>${T[t]}</tr>`).join("");
+    c += w.replace("{-{-PRODUCTS-}-}", h);
+  }), c.replaceAll("{-{-COLUMN_WIDTH-}-}", `${n}%`);
 }
-function j(a, r, e, l, s = E.TITLE, p) {
-  const c = f(
+function P(p, r, e, l, n = R.TITLE, a) {
+  const c = N(
     r,
     e,
     l,
-    p
+    a
   );
-  return a.replace("{-{-TITLE-}-}", s).replace("{-{-PRODUCT_ROWS-}-}", c);
+  return p.replace("{-{-TITLE-}-}", n).replace("{-{-PRODUCT_ROWS-}-}", c);
 }
 export {
-  E as DEFAULTS,
-  Y as DEFAULT_CARD_COMPOSITION,
-  S as DEFAULT_CARD_VISIBILITY,
-  j as generateTemplate,
-  M as getDefaultProducts,
-  f as prepareProductRows,
-  o as productCardWrapper,
-  A as productRow,
-  I as spacer
+  R as DEFAULTS,
+  b as DEFAULT_CARD_COMPOSITION,
+  P as generateTemplate,
+  C as getDefaultProducts,
+  N as prepareProductRows,
+  i as productCardWrapper,
+  w as productRow,
+  O as spacer
 };

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/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-282ca4d1]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-282ca4d1]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-282ca4d1]{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-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}

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js

@@ -23,12 +23,12 @@ ${s.map((E) => `  - ${E}`).join(`
   validateImplementation(e, r) {
     var I;
     const s = [], E = r.name, T = Object.getPrototypeOf(this);
-    e.forEach((l) => {
-      if (typeof this[l] != "function") {
-        s.push(`Method ${l}() is not defined`);
+    e.forEach((d) => {
+      if (typeof this[d] != "function") {
+        s.push(`Method ${d}() is not defined`);
         return;
       }
-      T[l] === r.prototype[l] && s.push(`Method ${l}() must be implemented (currently using base class error-throwing implementation)`);
+      T[d] === r.prototype[d] && s.push(`Method ${d}() must be implemented (currently using base class error-throwing implementation)`);
     }), u.validatedClasses.add(r), s.length > 0 ? (u.validationErrors.set(r, s), console.error(`[${E} Validation] ${E} validation failed:`, s)) : typeof process < "u" && ((I = process.env) == null ? void 0 : I.NODE_ENV) === "development" && console.log(`[${E} Validation] ✅ ${E} validated successfully`);
   }
 };
@@ -254,10 +254,10 @@ var st = {
   ...o,
   caption: "caption",
   icon: "icon"
-}, mt = {
+}, gt = {
   ...o,
   caption: "caption"
-}, gt = {
+}, mt = {
   ...o,
   minValue: "min-value",
   maxValue: "max-value",
@@ -292,11 +292,11 @@ var st = {
   position: "position"
 }, vt = {
   ...o
-}, Vt = {
+}, Gt = {
   BUTTON: Ct,
-  CHECKBOX: mt,
+  CHECKBOX: gt,
   COLOR: o,
-  COUNTER: gt,
+  COUNTER: mt,
   LABEL: bt,
   RADIO_BUTTONS: Nt,
   SELECTPICKER: X,
@@ -344,7 +344,7 @@ var st = {
     const e = t.querySelectorAll(O.BUTTON), r = t.asElement().hasClass(U) ? [t] : [];
     return e.length ? e : r;
   }
-}, Gt = class extends i {
+}, Vt = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER_RADIUS;
   }
@@ -454,20 +454,20 @@ var st = {
   }
 };
 k.REQUIRED_METHODS = ["getId", "getTemplate"];
-var ee = k, V = class extends x {
+var ee = k, G = class extends x {
   getTargetNodes(t) {
     const e = t.querySelectorAll(O.IMAGE), r = t.asElement().hasClass(K) ? [t] : [];
     return e.length ? e : r;
   }
-}, re = class extends V {
+}, re = class extends G {
   getParentControlId() {
     return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
-}, ne = class extends V {
+}, ne = class extends G {
   getParentControlId() {
     return n.BLOCK_IMAGE.SIZE;
   }
-}, G = class L extends a {
+}, V = class L extends a {
   constructor() {
     super(L.REQUIRED_METHODS, L);
   }
@@ -475,8 +475,8 @@ var ee = k, V = class extends x {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
-G.REQUIRED_METHODS = ["registerBlockControls"];
-var se = G, ae = class {
+V.REQUIRED_METHODS = ["registerBlockControls"];
+var se = V, ae = class {
   constructor(t, e) {
     this.tabId = t, this.controlsIds = e;
   }
@@ -499,42 +499,46 @@ var se = G, ae = class {
     const e = this.controlsIds.indexOf(t);
     e !== -1 && this.controlsIds.splice(e, 1);
   }
-}, d = class extends x {
+}, l = class extends x {
   getTargetNodes(t) {
     const e = t.querySelectorAll(O.TEXT), r = t.asElement().hasClass(p) ? [t] : [];
     return e.length ? e : r;
   }
-}, ie = class extends d {
+}, ie = class extends l {
   getParentControlId() {
     return n.GENERAL.TEXT_ALIGN;
   }
-}, oe = class extends d {
+}, oe = class extends l {
+  getParentControlId() {
+    return n.BLOCK_TEXT.TEXT_BLOCK_BACKGROUND_COLOR;
+  }
+}, Ee = class extends l {
   getParentControlId() {
     return n.GENERAL.TEXT_COLOR;
   }
-}, Ee = class extends d {
+}, le = class extends l {
   getParentControlId() {
     return n.BLOCK_TEXT.FONT_FAMILY;
   }
-}, le = class extends d {
+}, de = class extends l {
   getParentControlId() {
     return n.GENERAL.TEXT_LINE_SPACING;
   }
-}, de = class extends d {
+}, ue = class extends l {
   getParentControlId() {
     return n.BLOCK_TEXT.INTERNAL_INDENTS;
   }
-}, ue = class extends d {
+}, Ie = class extends l {
   getParentControlId() {
     return n.GENERAL.TEXT_SIZE;
   }
-}, Ie = class extends d {
+}, Oe = class extends l {
   getParentControlId() {
     return n.GENERAL.TEXT_STYLE;
   }
 }, Ut = class {
-  constructor(t, e, r = [], s, E = [], T, I = [], l = [], v, $, W, z, Z, j, q, J, tt) {
-    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = W, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = E, this.settingsPanelRegistry = T, this.contextActions = I, this.blocks = l, this.externalSmartElementsLibrary = v, this.externalImageLibrary = $, this.externalImageLibraryTab = tt, this.externalAiAssistant = z, this.externalDisplayConditionsLibrary = Z, this.externalVideoLibrary = j, this.blocksPanel = q, this.iconsRegistry = J, this.id = Math.random().toString(36).substring(2);
+  constructor(t, e, r = [], s, E = [], T, I = [], d = [], v, $, W, z, Z, j, q, J, tt) {
+    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = W, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = E, this.settingsPanelRegistry = T, this.contextActions = I, this.blocks = d, this.externalSmartElementsLibrary = v, this.externalImageLibrary = $, this.externalImageLibraryTab = tt, this.externalAiAssistant = z, this.externalDisplayConditionsLibrary = Z, this.externalVideoLibrary = j, this.blocksPanel = q, this.iconsRegistry = J, this.id = Math.random().toString(36).substring(2);
   }
   getI18n() {
     return this.i18n;
@@ -590,7 +594,7 @@ var se = G, ae = class {
   getIconsRegistry() {
     return this.iconsRegistry;
   }
-}, Oe = class {
+}, Te = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [];
   }
@@ -685,9 +689,9 @@ var se = G, ae = class {
   }
 };
 pt.REQUIRED_METHODS = ["openAiAssistant"];
-var Kt = class m extends a {
+var Kt = class g extends a {
   constructor() {
-    super(m.REQUIRED_METHODS, m);
+    super(g.REQUIRED_METHODS, g);
   }
   /**
    * Retrieves the name of the category.
@@ -726,9 +730,9 @@ var Kt = class m extends a {
   }
 };
 Kt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var Ft = class g extends a {
+var Ft = class m extends a {
   constructor() {
-    super(g.REQUIRED_METHODS, g);
+    super(m.REQUIRED_METHODS, m);
   }
   openImageLibrary(e, r, s) {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
@@ -783,7 +787,7 @@ var Q = class D extends a {
   }
 };
 Q.REQUIRED_METHODS = ["registerIconsSvg"];
-var Te = Q, ce = class {
+var ce = Q, _e = class {
   constructor(t) {
     this.key = t;
   }
@@ -852,7 +856,7 @@ var Te = Q, ce = class {
   }
 };
 f.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
-var _e = f, Y = class B extends a {
+var he = f, Y = class B extends a {
   constructor() {
     super(B.REQUIRED_METHODS, B);
   }
@@ -861,7 +865,7 @@ var _e = f, Y = class B extends a {
   }
 };
 Y.REQUIRED_METHODS = ["registerUiElements"];
-var he = Y;
+var Re = Y;
 export {
   Xt as Block,
   kt as BlockAttr,
@@ -873,7 +877,7 @@ export {
   Qt as ButtonAlignBuiltInControl,
   ft as ButtonBackgroundColorBuiltInControl,
   Yt as ButtonBorderBuiltInControl,
-  Gt as ButtonBorderRadiusBuiltInControl,
+  Vt as ButtonBorderRadiusBuiltInControl,
   $t as ButtonColorBuiltInControl,
   w as ButtonControls,
   Wt as ButtonFitToContainerBuiltInControl,
@@ -886,26 +890,27 @@ export {
   Rt as ContainerControls,
   ee as Control,
   Ut as Extension,
-  Oe as ExtensionBuilder,
+  Te as ExtensionBuilder,
   F as GeneralControls,
-  Te as IconsRegistry,
+  ce as IconsRegistry,
   H as ImageControls,
   re as ImageMarginsBuiltInControl,
   ne as ImageSizeBuiltInControl,
-  ce as ModificationDescription,
+  _e as ModificationDescription,
   se as SettingsPanelRegistry,
   ae as SettingsPanelTab,
   Lt as SettingsTab,
   ie as TextAlignBuiltInControl,
-  oe as TextColorBuiltInControl,
+  oe as TextBlockBackgroundBuiltInControl,
+  Ee as TextColorBuiltInControl,
   P as TextControls,
-  Ee as TextFontFamilyBuiltInControl,
-  le as TextLineSpacingBuiltInControl,
-  de as TextPaddingsBuiltInControl,
-  ue as TextSizeBuiltInControl,
-  Ie as TextStyleBuiltInControl,
-  Vt as UEAttr,
-  _e as UIElement,
-  he as UIElementTagRegistry,
+  le as TextFontFamilyBuiltInControl,
+  de as TextLineSpacingBuiltInControl,
+  ue as TextPaddingsBuiltInControl,
+  Ie as TextSizeBuiltInControl,
+  Oe as TextStyleBuiltInControl,
+  Gt as UEAttr,
+  he as UIElement,
+  Re as UIElementTagRegistry,
   yt as UIElementType
 };

package/dist/services/stripoApi.js

@@ -1,8 +1,8 @@
 import { useHttp as m } from "../composables/useHttp.js";
-import { useToaster as u } from "../composables/useToaster.js";
-import { MAX_DEFAULT_TEMPLATE_ID as i } from "../enums/defaults.js";
+import { useToaster as i } from "../composables/useToaster.js";
+import { MAX_DEFAULT_TEMPLATE_ID as p } from "../enums/defaults.js";
 const y = () => {
-  const { get: r } = m(), { handleError: o } = u();
+  const { get: r } = m(), { handleError: o } = i();
   return {
     getToken: async () => {
       try {
@@ -26,17 +26,13 @@ const y = () => {
     getDefaultTemplate: async () => {
       const t = {
         html: "",
-        css: "",
-        forceRecreate: !0
+        css: ""
       };
       try {
-        const c = new URLSearchParams(window.location.search).get("default-template"), s = c ? parseInt(c) : 0, l = s >= 1 && s <= i ? s : 0, { data: n } = await r(
+        const c = new URLSearchParams(window.location.search).get("default-template"), s = c ? parseInt(c) : 0, l = s >= 1 && s <= p ? s : 0, { data: n } = await r(
           `/stripo/default-template/${l}`
         ), a = typeof n == "string" ? JSON.parse(n) : n;
-        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? t : {
-          ...a,
-          forceRecreate: !0
-        };
+        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? t : a;
       } catch (e) {
         return o(e, "Failed to fetch default template"), t;
       }

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
  */
@@ -90,6 +97,8 @@ export declare const TemplateSchema: v.ObjectSchema<{
     }, undefined>, undefined>, readonly []>;
     /** Selected unsubscribe page IDs */
     readonly selectedUnsubscribePages: v.OptionalSchema<v.ArraySchema<v.NumberSchema<undefined>, undefined>, readonly []>;
+    /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
+    readonly forceRecreate: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
 /**
  * Email header configuration (sender name and subject)
@@ -344,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
  *
@@ -356,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) */
@@ -400,6 +420,8 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         }, undefined>, undefined>, readonly []>;
         /** Selected unsubscribe page IDs */
         readonly selectedUnsubscribePages: v.OptionalSchema<v.ArraySchema<v.NumberSchema<undefined>, undefined>, readonly []>;
+        /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
+        readonly forceRecreate: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
     /** Editor settings */
     readonly editor: v.OptionalSchema<v.ObjectSchema<{
@@ -506,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

@@ -31,6 +31,7 @@ export declare const useConfig: () => {
                 } | undefined;
             }[];
             selectedUnsubscribePages: number[];
+            forceRecreate: boolean;
         };
         editor: {
             locale: string;
@@ -90,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<{
@@ -116,6 +120,7 @@ export declare const useConfig: () => {
             } | undefined;
         }[];
         selectedUnsubscribePages: number[];
+        forceRecreate: boolean;
     } | null>;
     editor: import("vue").ComputedRef<{
         locale: string;
@@ -175,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>;