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

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

@@ -1,5 +1,5 @@
-import { object as o, number as b, optional as e, string as t, pipe as u, picklist as n, custom as d, boolean as c, array as a, minLength as p, literal as r, variant as S } from "../../node_modules/valibot/dist/index.js";
-const m = {
+import { object as o, number as p, optional as e, string as t, pipe as m, picklist as n, boolean as c, array as a, minLength as u, literal as r, custom as b, variant as S } from "../../node_modules/valibot/dist/index.js";
+const i = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
   /** Transactional/system emails */
@@ -13,22 +13,22 @@ const m = {
   UNSUBSCRIBE_PAGES: 97
 }, h = o({
   /** Unique identifier for the template being edited */
-  templateId: u(
+  templateId: m(
     t(),
-    p(1, "templateId is required")
+    u(1, "templateId is required")
   ),
   /** Unique identifier for the user editing the template */
-  userId: u(
+  userId: m(
     t(),
-    p(1, "userId is required")
+    u(1, "userId is required")
   ),
   /** Optional variation ID for A/B testing */
   variationId: e(t())
 }), k = o({
   /** Partner/organization name (required) */
-  name: u(
+  name: m(
     t(),
-    p(1, "partner.name is required")
+    u(1, "partner.name is required")
   ),
   /** Product type identifier */
   productType: e(
@@ -41,8 +41,8 @@ const m = {
   ),
   /** Message type (promotional or transactional) */
   messageType: e(
-    n([m.PROMOTIONAL, m.TRANSACTIONAL]),
-    m.PROMOTIONAL
+    n([i.PROMOTIONAL, i.TRANSACTIONAL]),
+    i.PROMOTIONAL
   ),
   /** Display name for the current user */
   username: e(t(), "Guido User")
@@ -71,29 +71,29 @@ const m = {
     []
   ),
   /** Selected unsubscribe page IDs */
-  selectedUnsubscribePages: e(a(b()), []),
+  selectedUnsubscribePages: e(a(p()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
   forceRecreate: e(c(), !1)
-}), f = o({
+}), C = o({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
   subject: e(t(), "")
-}), C = o({
+}), I = o({
   /** Locale for the editor UI */
   locale: e(t(), "en"),
   /** Path to translations object */
   translationsPath: e(t(), "window.trans.en"),
   /** Migration date for template compatibility */
-  migrationDate: e(b(), 1759696858),
+  migrationDate: e(p(), 1759696858),
   /** Email header settings */
-  emailHeader: e(f, { senderName: "", subject: "" })
-}), I = o({
+  emailHeader: e(C, { senderName: "", subject: "" })
+}), T = o({
   /** Whether to show the header bar */
   showHeader: e(c(), !0),
   /** Custom label for back button (if shown) */
   backButtonLabel: e(t())
-}), T = o({
+}), A = o({
   /** Enable dynamic content insertion */
   dynamicContent: e(c(), !0),
   /** Enable save as template functionality */
@@ -108,7 +108,7 @@ const m = {
   unsubscribe: e(c(), !0),
   /** Disable modules panel in the editor */
   modulesDisabled: e(c(), !1)
-}), A = n([
+}), f = n([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -133,7 +133,7 @@ const m = {
 ]), E = o({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
-    a(A),
+    a(f),
     []
   ),
   /** Custom blocks to include in the editor */
@@ -147,7 +147,7 @@ const m = {
   /** Human-readable description */
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
-  priority: b()
+  priority: p()
 }), N = o({
   ...l.entries,
   type: r("replace"),
@@ -175,32 +175,21 @@ const m = {
   ...l.entries,
   type: r("custom"),
   /** Custom processor function */
-  processor: d(
-    (i) => typeof i == "function",
+  processor: b(
+    (d) => typeof d == "function",
     "processor must be a function"
   )
-}), x = S("type", [
+}), B = S("type", [
   N,
   O,
   L,
   v
-]), B = o({
+]), P = o({
   /** Custom compiler rules to apply */
-  customRules: e(a(x), []),
+  customRules: e(a(B), []),
   /** Skip default compiler rules */
   ignoreDefaultRules: e(c(), !1)
-}), P = o({
-  /**
-   * External validation handler called before save completes.
-   * Return false to cancel the save operation.
-   */
-  externalValidation: e(
-    d(
-      (i) => typeof i == "function",
-      "externalValidation must be a function"
-    )
-  )
-}), D = o({
+}), x = o({
   // Required sections
   /** Identity configuration (required) */
   identity: h,
@@ -210,38 +199,35 @@ const m = {
   /** Template content and presets */
   template: e(R, {}),
   /** Editor settings */
-  editor: e(C, {}),
+  editor: e(I, {}),
   /** UI configuration */
-  ui: e(I, {}),
+  ui: e(T, {}),
   /** Feature toggles */
-  features: e(T, {}),
+  features: e(A, {}),
   /** Block configuration */
   blocks: e(E, {}),
   /** Compiler configuration */
-  compiler: e(B, {}),
-  /** Callbacks and event handlers */
-  callbacks: e(P, {})
+  compiler: e(P, {})
 });
 export {
   E as BlocksSchema,
-  P as CallbacksSchema,
-  x as CompilerRuleSchema,
-  B as CompilerSchema,
+  B as CompilerRuleSchema,
+  P as CompilerSchema,
   g as CustomBlockTypeSchema,
   v as CustomRuleSchema,
-  A as DefaultBlockTypeSchema,
+  f as DefaultBlockTypeSchema,
   y as DynamicContentSchema,
-  C as EditorSchema,
-  f as EmailHeaderSchema,
-  T as FeaturesSchema,
-  D as GuidoConfigSchema,
+  I as EditorSchema,
+  C as EmailHeaderSchema,
+  A as FeaturesSchema,
+  x as GuidoConfigSchema,
   h as IdentitySchema,
-  m as MessageType,
+  i as MessageType,
   k as PartnerSchema,
   s as ProductType,
   O as RegexRuleSchema,
   L as RemoveRuleSchema,
   N as ReplaceRuleSchema,
   R as TemplateSchema,
-  I as UISchema
+  T as UISchema
 };

package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js

@@ -3,7 +3,7 @@ import o from "./AmpToggle.vue2.js";
 import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
   var r = this, t = r._self._c, e = r._self._setupProxy;
-  return t("div", [t("div", { staticClass: "d-f a-i-c ml-3" }, [t(e.InSegments, { attrs: { id: "guido__amp-toggle", "segment-list": e.segmentList, selected: e.previewStore.emailFormat }, on: { click: e.handleFormatChange } }), e.previewStore.showAMPErrorButton ? t(e.InButtonV2, { staticClass: "ml-3 d-f a-i-c b-c-11 b-c-h-11 t-c-4 t-c-h-4 i-c-4 bor-w-1 bor-s-s bor-c-11 bor-r-2", attrs: { id: "guido__amp-error-button", "left-icon": "line-error-box", type: "danger", "label-text-status": !1 }, on: { click: function(l) {
+  return t("div", [t("div", { staticClass: "d-f a-i-c ml-3" }, [t(e.InSegments, { attrs: { id: "guido__amp-toggle", "segment-list": e.segmentList, selected: e.previewStore.emailFormat }, on: { click: e.handleFormatChange } }), e.previewStore.showAMPErrorButton ? t(e.InButtonV2, { staticClass: "ml-2 d-f a-i-c b-c-11 b-c-h-11 t-c-4 t-c-h-4 i-c-4 bor-w-1 bor-s-s bor-c-11 bor-r-2", attrs: { id: "guido__amp-error-button", "left-icon": "line-error-box", type: "danger", "label-text-status": !1 }, on: { click: function(l) {
     return e.previewStore.openErrorModal();
   } } }) : r._e()], 1)]);
 }, a = [], i = /* @__PURE__ */ n(
@@ -12,7 +12,7 @@ var s = function() {
   a,
   !1,
   null,
-  "5196584c"
+  "b5997368"
 );
 const d = i.exports;
 export {

package/dist/components/organisms/header/RightSlot.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as H, ref as c, computed as _ } from "vue";
+import { defineComponent as H, ref as m, computed as _ } from "vue";
 import { useConfig as h } from "../../../composables/useConfig.js";
 import { useExport as V } from "../../../composables/useExport.js";
 import { useTestEmailClick as x } from "../../../composables/useGuidoActions.js";
@@ -10,25 +10,25 @@ import { getTooltipOptions as O } from "../../../utils/tooltipUtils.js";
 import { InButtonV2 as A } from "@useinsider/design-system-vue";
 const J = /* @__PURE__ */ H({
   __name: "RightSlot",
-  setup(k, { expose: u }) {
-    const { config: f } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = C(), t = T(), e = c(!1), s = c(!1), v = x(), d = () => {
+  setup(k, { expose: c }) {
+    const { config: u } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = C(), t = T(), e = m(!1), s = m(!1), f = x(), v = () => {
       if (o.isVersionHistoryOpen) {
         a();
         return;
       }
       i();
-    }, y = async () => {
+    }, d = async () => {
       e.value = !0, await r(), e.value = !1;
-    }, S = () => {
+    }, y = () => {
       o.isSaveAsTemplateDrawerOpen = !0;
-    }, g = _(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), l = async (p) => {
+    }, S = _(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), l = async (p) => {
       s.value = !0, o.loadingStatus = !0;
-      const m = await n(p);
-      return s.value = !1, (p || !m) && (o.loadingStatus = !1), m;
+      const g = await n(p);
+      return s.value = !1, p && (o.loadingStatus = !1), g;
     };
-    return u({
+    return c({
       handleSave: l
-    }), { __sfc: !0, config: f, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, testEmailClick: v, handleVersionHistory: d, handleExport: y, handleSaveAs: S, versionHistoryTooltipText: g, handleSave: l, getTooltipOptions: O, InButtonV2: A };
+    }), { __sfc: !0, config: u, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, testEmailClick: f, handleVersionHistory: v, handleExport: d, handleSaveAs: y, versionHistoryTooltipText: S, handleSave: l, getTooltipOptions: O, InButtonV2: A };
   }
 });
 export {

package/dist/composables/useConfig.js

@@ -1,27 +1,26 @@
-import { useConfigStore as I } from "../stores/config.js";
-import { storeToRefs as T } from "pinia";
-const w = () => {
-  const e = I(), {
+import { useConfigStore as F } from "../stores/config.js";
+import { storeToRefs as I } from "pinia";
+const k = () => {
+  const e = F(), {
     config: t,
     initialized: o,
     identity: r,
     partner: i,
-    template: a,
-    editor: n,
+    template: n,
+    editor: a,
     ui: s,
-    features: c,
-    blocks: u,
-    compiler: d,
-    callbacks: l,
-    templateId: p,
+    features: u,
+    blocks: d,
+    compiler: p,
+    templateId: c,
     userId: f,
     variationId: m,
     partnerName: g,
-    productType: b,
-    messageType: C,
-    username: y,
-    showHeader: E
-  } = T(e);
+    productType: l,
+    messageType: b,
+    username: C,
+    showHeader: y
+  } = I(e);
   return {
     // State refs
     config: t,
@@ -29,27 +28,26 @@ const w = () => {
     // Section refs
     identity: r,
     partner: i,
-    template: a,
-    editor: n,
+    template: n,
+    editor: a,
     ui: s,
-    features: c,
-    blocks: u,
-    compiler: d,
-    callbacks: l,
+    features: u,
+    blocks: d,
+    compiler: p,
     // Convenience refs
-    templateId: p,
+    templateId: c,
     userId: f,
     variationId: m,
     partnerName: g,
-    productType: b,
-    messageType: C,
-    username: y,
-    showHeader: E,
+    productType: l,
+    messageType: b,
+    username: C,
+    showHeader: y,
     // Methods
     getConfig: () => t.value,
-    isFeatureEnabled: (F) => e.isFeatureEnabled(F)
+    isFeatureEnabled: (E) => e.isFeatureEnabled(E)
   };
 };
 export {
-  w as useConfig
+  k as useConfig
 };

package/dist/composables/useSave.js

@@ -1,17 +1,15 @@
-import { useConfig as l } from "./useConfig.js";
-import { useSaveStart as m, useSaveComplete as c } from "./useGuidoActions.js";
-import { useTemplatePreparation as d } from "../utils/templatePreparation.js";
-import { useHtmlValidator as p } from "./useHtmlValidator.js";
-const w = () => {
-  const i = m(), s = c(), { validateHtml: o } = p(), { callbacks: a } = l();
-  return { save: async (r = !1) => {
-    var e;
-    i();
-    const { prepareTemplateDetails: n } = d(), t = await n();
-    if (await o(t.compiledHtml, t.dynamicContentList, !0) && !((e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t)))
-      return r || s(t), t;
+import { useSaveStart as i, useSaveComplete as m } from "./useGuidoActions.js";
+import { useTemplatePreparation as n } from "../utils/templatePreparation.js";
+import { useHtmlValidator as l } from "./useHtmlValidator.js";
+const f = () => {
+  const e = i(), a = m(), { validateHtml: s } = l();
+  return { save: async (o = !1) => {
+    e();
+    const { prepareTemplateDetails: r } = n(), t = await r();
+    if (await s(t.compiledHtml, t.dynamicContentList, !0))
+      return o || a(t), t;
   } };
 };
 export {
-  w as useSave
+  f as useSave
 };

package/dist/extensions/Blocks/Recommendation/constants/layout.js

@@ -0,0 +1,7 @@
+const _ = 3, R = 3, O = 9, D = 4;
+export {
+  R as DEFAULT_CARDS_IN_ROW,
+  _ as DEFAULT_PRODUCTS_PER_ROW,
+  D as MAX_PRODUCTS_PER_ROW,
+  O as MAX_PRODUCT_COUNT
+};

package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js

@@ -3,35 +3,36 @@ var d = (i, o, t) => o in i ? u(i, o, { enumerable: !0, configurable: !0, writab
 var s = (i, o, t) => d(i, typeof o != "symbol" ? o + "" : o, t);
 import { UEAttr as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as c } from "../../../common-control.js";
-import { useRecommendationExtensionStore as _ } from "../../store/recommendation.js";
-import { getCurrentLayout as m, regenerateProductRows as R, reapplySpacing as C } from "./utils.js";
-import { useDebounceFn as h } from "../../../../../node_modules/@vueuse/shared/index.js";
-const l = "recommendation-product-layout-control", e = {
+import { MAX_PRODUCT_COUNT as _, MAX_PRODUCTS_PER_ROW as R } from "../../constants/layout.js";
+import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
+import { getCurrentLayout as C, regenerateProductRows as h, reapplySpacing as l } from "./utils.js";
+import { useDebounceFn as p } from "../../../../../node_modules/@vueuse/shared/index.js";
+const O = "recommendation-product-layout-control", e = {
   PRODUCT_COUNT: "size",
   PRODUCT_IN_ROW: "cardsInRow",
   PRODUCT_IN_ROW_LABEL: "cardsInRowLabel"
 };
-class I extends c {
+class D extends c {
   constructor() {
     super(...arguments);
-    s(this, "store", _());
+    s(this, "store", m());
     s(this, "storeUnsubscription", () => {
     });
-    s(this, "_debouncedRegenerateProductRows", h(() => {
+    s(this, "_debouncedRegenerateProductRows", p(() => {
       this._regenerateProductRows();
     }, 500));
   }
   getId() {
-    return l;
+    return O;
   }
   getTemplate() {
     return `
             <div class="product-layout-control-container">
                 ${this._GuTwoColumns([
       this._GuLabel({ text: "Number of Products" }),
-      this._GuCounter({ name: e.PRODUCT_COUNT, maxValue: 9 }),
+      this._GuCounter({ name: e.PRODUCT_COUNT, maxValue: _ }),
       this._GuLabel({ text: "Products in One Row", name: e.PRODUCT_IN_ROW_LABEL }),
-      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: 4 })
+      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: R })
     ])}
             </div>
         `;
@@ -70,7 +71,7 @@ class I extends c {
    * Reads from store first (reliable during state transitions), falls back to DOM
    */
   _updateProductsInRowVisibility() {
-    const r = (this.store.recommendationConfigs.orientation || m(this.currentNode)) === "vertical";
+    const r = (this.store.recommendationConfigs.orientation || C(this.currentNode)) === "vertical";
     this.api.setVisibility(e.PRODUCT_IN_ROW, r), this.api.setVisibility(e.PRODUCT_IN_ROW_LABEL, r);
   }
   _onProductCountChange(t) {
@@ -88,11 +89,11 @@ class I extends c {
     }), this._debouncedRegenerateProductRows();
   }
   _regenerateProductRows() {
-    R({
+    h({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       afterRegenerate: () => {
-        C({
+        l({
           currentNode: this.currentNode,
           documentModifier: this.api.getDocumentModifier()
         });
@@ -118,6 +119,6 @@ class I extends c {
   }
 }
 export {
-  l as PRODUCT_LAYOUT_CONTROL_ID,
-  I as ProductLayoutControl
+  O as PRODUCT_LAYOUT_CONTROL_ID,
+  D as ProductLayoutControl
 };

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

@@ -2,12 +2,13 @@ import { RecommendationFeedSourceMaps as u, PriceAttributes as c } from "../../.
 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 { generateCompleteFilterQuery as l } from "../utils/filterUtil.js";
-const n = p(), f = () => ({
+const n = p(), g = () => ({
   recommendationCampaignUrls: {},
   recommendationProducts: [],
   recommendationConfigs: {
-    cardsInRow: 3,
+    cardsInRow: f,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -134,8 +135,8 @@ const n = p(), f = () => ({
   filterSelectionDrawerStatus: !1,
   filterList: {},
   filterGroup: 1
-}), C = d("guidoRecommendationExtension", {
-  state: () => f(),
+}), S = d("guidoRecommendationExtension", {
+  state: () => g(),
   getters: {
     hasFilters: (e) => !!e.recommendationConfigs.filters.length,
     getFilterGroupCount: (e) => {
@@ -263,5 +264,5 @@ const n = p(), f = () => ({
   }
 });
 export {
-  C as useRecommendationExtensionStore
+  S as useRecommendationExtensionStore
 };

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

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

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

@@ -1,6 +1,7 @@
-import { DEFAULT_CARD_COMPOSITION as u, spacer as d, createBlockTemplate as R, DEFAULTS as m, getDefaultProducts as I, DEFAULT_CARD_VISIBILITY as L } from "../utils.js";
-import { verticalElementRenderer as w } from "./elementRenderer.js";
-const E = `
+import { DEFAULT_PRODUCTS_PER_ROW as u } from "../../constants/layout.js";
+import { DEFAULT_CARD_COMPOSITION as d, spacer as m, createBlockTemplate as R, DEFAULTS as I, getDefaultProducts as L, DEFAULT_CARD_VISIBILITY as w } from "../utils.js";
+import { verticalElementRenderer as E } from "./elementRenderer.js";
+const S = `
     <tr class="recommendation-product-row">
         <td>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" class="product-card-wrapper">
@@ -10,7 +11,7 @@ const E = `
             </table>
         </td>
     </tr>
-`, S = `
+`, b = `
     <tr
         class="recommendation-attribute-row"
         data-attribute-type="{-{-ATTR_TYPE-}-}"
@@ -18,15 +19,15 @@ const E = `
         {-{-DISPLAY_STYLE-}-}>
         {-{-CELLS-}-}
     </tr>
-`, b = 3;
-function _(r, e, o, n = u) {
+`;
+function _(r, e, o, n = d) {
   const c = (100 / e).toFixed(2);
   return n.filter((t) => o[t]).map((t) => {
-    const l = L[t] ?? !0, i = l ? "" : 'style="display: none;"', a = r.map((p) => {
+    const l = w[t] ?? !0, i = l ? "" : 'style="display: none;"', a = r.map((p) => {
       const T = o[t];
       return T(p).replace("<td", `<td width="${c}%"`);
     }).join("");
-    return S.replace("{-{-ATTR_TYPE-}-}", t).replace("{-{-VISIBILITY-}-}", l ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", i).replace("{-{-CELLS-}-}", a);
+    return b.replace("{-{-ATTR_TYPE-}-}", t).replace("{-{-VISIBILITY-}-}", l ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", i).replace("{-{-CELLS-}-}", a);
   }).join("");
 }
 function A(r, e, o, n) {
@@ -39,22 +40,22 @@ function A(r, e, o, n) {
       e,
       o,
       n
-    ), a = E.replace("{-{-ATTRIBUTE_ROWS-}-}", i);
-    return l > 0 ? d + a : a;
+    ), a = S.replace("{-{-ATTRIBUTE_ROWS-}-}", i);
+    return l > 0 ? m + a : a;
   }).join("");
 }
 function D(r, e, o) {
-  return A(r, e, w, o);
+  return A(r, e, E, o);
 }
-function Y() {
+function U() {
   const r = R("vertical"), e = D(
-    I(),
-    b
+    L(),
+    u
   );
-  return r.replace("{-{-TITLE-}-}", m.TITLE).replace("{-{-PRODUCT_ROWS-}-}", e);
+  return r.replace("{-{-TITLE-}-}", I.TITLE).replace("{-{-PRODUCT_ROWS-}-}", e);
 }
 export {
-  Y as getDefaultTemplate,
+  U as getDefaultTemplate,
   D as prepareProductRows,
   _ as prepareVerticalAttributeRows,
   A as prepareVerticalProductRows

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

@@ -1,28 +1,28 @@
 function l(t) {
   if (t.length === 0)
     return "";
-  const o = t.sort((r, e) => r.filterNumber - e.filterNumber), n = o.map((r) => `[${r.attribute}][${r.operatorReplace}][${r.value}]`), [s, ...p] = n;
-  let u = s;
+  const o = t.sort((r, e) => r.filterNumber - e.filterNumber), n = o.map((r) => `[${r.attribute}][${r.operatorReplace}][${r.value}]`), [i, ...p] = n;
+  let u = i;
   for (let r = 0; r < p.length; r++) {
     const e = o[r + 1].innerGroupOperator;
     u += `${e}${p[r]}`;
   }
   return `(${u})`;
 }
-function m(t) {
+function f(t) {
   if (!t || t.length === 0)
     return "";
-  const o = t.reduce((r, e) => (r[e.filterGroup] || (r[e.filterGroup] = []), r[e.filterGroup].push(e), r), {}), n = Object.keys(o).map(Number).sort((r, e) => r - e), s = n.map((r) => {
+  const o = t.reduce((r, e) => (r[e.filterGroup] || (r[e.filterGroup] = []), r[e.filterGroup].push(e), r), {}), n = Object.keys(o).map(Number).sort((r, e) => r - e), i = n.map((r) => {
     const e = o[r];
     return l(e);
-  }), [p, ...u] = s;
-  let i = p;
+  }), [p, ...u] = i;
+  let s = p;
   for (let r = 0; r < u.length; r++) {
     const e = n[r + 1], c = o[e][0].outerGroupOperator;
-    i += `${c}${u[r]}`;
+    s += `${c}${u[r]}`;
   }
-  return console.debug("🎉 Complete query generated:", i), i.trim();
+  return s.trim();
 }
 export {
-  m as generateCompleteFilterQuery
+  f as generateCompleteFilterQuery
 };

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 s } from "./elements/preview.js";
-import { UnsubscribeIconsRegistry as o } from "./iconsRegistry.js";
-import { SettingsPanel as r } from "./settingsPanel.js";
+import { PreviewUIElement as o } from "./elements/preview.js";
+import { UnsubscribeIconsRegistry as r } from "./iconsRegistry.js";
+import { SettingsPanel as s } from "./settingsPanel.js";
 import n from "./styles.css.js";
-import { UnsubscribeTagRegistry as c } from "./tagRegistry.js";
-const g = new e().addBlock(i).withSettingsPanelRegistry(r).addControl(t).addUiElement(s).addStyles(n).withLocalization({
+import { UnsubscribeTagRegistry as l } from "./tagRegistry.js";
+const f = new e().addBlock(i).withSettingsPanelRegistry(s).addControl(t).addUiElement(o).addStyles(n).withLocalization({
   en: {
-    "Unsubscribe Block": "Unsubscribe",
-    "Unsubscribe Block Description": "Unsubscribe lets you add an Unsubscribe Link to direct users to opt out of receiving your messages.",
+    "Unsubscribe Block": "Unsubscribe Block",
+    "Unsubscribe Block Description": "Add an unsubscribe link to your email",
     "Select Template": "Select Template",
     "Unsubscribe Template": "Unsubscribe Template",
     Showing: "Showing",
     of: "of"
   }
-}).withUiElementTagRegistry(c).withIconsRegistry(o).build();
+}).withUiElementTagRegistry(l).withIconsRegistry(r).build();
 export {
-  g as default
+  f 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 u = (a, r, e) => I(a, typeof r != "symbol" ? r + "" : r, e);
+var l = (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);
-    u(this, "currentNode");
-    u(this, "lastBlockInstanceId", null);
+    l(this, "currentNode");
+    l(this, "lastBlockInstanceId", null);
   }
   getContainer() {
     var e;
@@ -52,9 +52,10 @@ 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 = "" }) {
+  _GuLabel({ text: e, name: n = "", position: E = "top" }) {
     return `
             <${t.LABEL} 
+                style="${E === "top" ? "margin-bottom: 8px;" : ""}"
                 ${$.LABEL.text}="${e}" 
                 ${$.LABEL.name}="${n || `${e} Label`}">
             </${t.LABEL}>
@@ -169,9 +170,9 @@ class _ extends O {
   _GuOrderable(e, n) {
     let E = "";
     n.forEach((T) => {
-      const l = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
+      const u = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
       E += `
-                <${t.ORDERABLE_ITEM} ${l}="${T.key}">
+                <${t.ORDERABLE_ITEM} ${u}="${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-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}
+.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/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, 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 { 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 { 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,14 +5,7 @@
  * 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
  */
@@ -353,16 +346,6 @@ 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
  *
@@ -375,7 +358,6 @@ export declare const CallbacksSchema: 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) */
@@ -528,12 +510,4 @@ 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, CallbacksSchema, DynamicContentSchema, EmailHeaderSchema, CompilerRuleSchema, ReplaceRuleSchema, RegexRuleSchema, RemoveRuleSchema, CustomRuleSchema, DefaultBlockTypeSchema, CustomBlockTypeSchema, ExternalValidationHandler } from './schemas';
+import type { GuidoConfigSchema, IdentitySchema, PartnerSchema, TemplateSchema, EditorSchema, UISchema, FeaturesSchema, BlocksSchema, CompilerSchema, DynamicContentSchema, EmailHeaderSchema, CompilerRuleSchema, ReplaceRuleSchema, RegexRuleSchema, RemoveRuleSchema, CustomRuleSchema, DefaultBlockTypeSchema, CustomBlockTypeSchema } from './schemas';
 import type * as v from 'valibot';
 /**
  * Complete validated Guido configuration.
@@ -41,10 +41,6 @@ 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 */
@@ -89,8 +85,6 @@ 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,9 +91,6 @@ export declare const useConfig: () => {
             })[];
             ignoreDefaultRules: boolean;
         };
-        callbacks: {
-            externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-        };
     } | null>;
     initialized: import("vue").Ref<boolean>;
     identity: import("vue").ComputedRef<{
@@ -180,9 +177,6 @@ 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,3 +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';

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

@@ -0,0 +1,17 @@
+/**
+ * Layout-related constants for Recommendation block
+ *
+ * Centralizes magic numbers for product grid/layout configuration
+ */
+/** Default number of products displayed per row in vertical layout */
+export declare const DEFAULT_PRODUCTS_PER_ROW = 3;
+/** Default number of cards in a row (used in store initialization) */
+export declare const DEFAULT_CARDS_IN_ROW = 3;
+/** Maximum number of products that can be displayed */
+export declare const MAX_PRODUCT_COUNT = 9;
+/** Minimum number of products that can be displayed */
+export declare const MIN_PRODUCT_COUNT = 1;
+/** Maximum number of products per row in vertical layout */
+export declare const MAX_PRODUCTS_PER_ROW = 4;
+/** Minimum number of products per row in vertical layout */
+export declare const MIN_PRODUCTS_PER_ROW = 1;

package/dist/src/extensions/Blocks/common-control.d.ts

@@ -75,7 +75,7 @@ export declare abstract class CommonControl extends Control {
      * @returns true if block instance changed, false otherwise
      */
     protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void, blockInstanceIdAttribute?: string): boolean;
-    _GuLabel({ text, name }: LabelProps): string;
+    _GuLabel({ text, name, position }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {
         text: string;

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

@@ -1,4 +1,4 @@
-import type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig, CallbacksConfig } from '@@/Types/config';
+import type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig } from '@@/Types/config';
 interface ConfigStoreState {
     /** Whether the config has been initialized */
     initialized: boolean;
@@ -96,9 +96,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => IdentityConfig | null;
     /**
@@ -191,9 +188,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => PartnerConfig | null;
     /**
@@ -286,9 +280,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => TemplateConfig | null;
     /**
@@ -381,9 +372,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => EditorConfig | null;
     /**
@@ -476,9 +464,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => UIConfig | null;
     /**
@@ -571,9 +556,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => FeaturesConfig | null;
     /**
@@ -666,9 +648,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => BlocksConfig | null;
     /**
@@ -761,106 +740,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => CompilerConfig | null;
-    /**
-     * Get the callbacks configuration
-     */
-    callbacks: (state: {
-        initialized: boolean;
-        config: {
-            identity: {
-                templateId: string;
-                userId: string;
-                variationId?: string | undefined;
-            };
-            partner: {
-                name: string;
-                productType: 60 | 49 | 97;
-                messageType: 1 | 2;
-                username: string;
-            };
-            template: {
-                html: string;
-                css: string;
-                preselectedDynamicContent: {
-                    text: string;
-                    value: string;
-                    fallback?: string | undefined;
-                    format?: {
-                        key: string;
-                        value: string;
-                    } | undefined;
-                }[];
-                selectedUnsubscribePages: number[];
-                forceRecreate: boolean;
-            };
-            editor: {
-                locale: string;
-                translationsPath: string;
-                migrationDate: number;
-                emailHeader: {
-                    senderName: string;
-                    subject: string;
-                };
-            };
-            ui: {
-                showHeader: boolean;
-                backButtonLabel?: string | undefined;
-            };
-            features: {
-                dynamicContent: boolean;
-                saveAsTemplate: boolean;
-                versionHistory: boolean;
-                testMessage: boolean;
-                displayConditions: boolean;
-                unsubscribe: boolean;
-                modulesDisabled: 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")[];
-                includeCustoms: ("dynamic-content" | "checkbox-block" | "radio-button-block" | "recommendation-block" | "unsubscribe-block" | "coupon-block" | "items-block")[];
-            };
-            compiler: {
-                customRules: ({
-                    type: "replace";
-                    search: string;
-                    replacement: string;
-                    replaceAll?: boolean | undefined;
-                    id: string;
-                    description?: string | undefined;
-                    priority: number;
-                } | {
-                    type: "regex";
-                    pattern: string;
-                    replacement: string;
-                    flags?: string | undefined;
-                    id: string;
-                    description?: string | undefined;
-                    priority: number;
-                } | {
-                    type: "remove";
-                    targets: string[];
-                    id: string;
-                    description?: string | undefined;
-                    priority: number;
-                } | {
-                    type: "custom";
-                    processor: (html: string) => string;
-                    id: string;
-                    description?: string | undefined;
-                    priority: number;
-                })[];
-                ignoreDefaultRules: boolean;
-            };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
-        } | null;
-    } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => CallbacksConfig | null;
     /**
      * Get the template ID
      */
@@ -951,9 +832,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1046,9 +924,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1141,9 +1016,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1236,9 +1108,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1331,9 +1200,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
     /**
@@ -1426,9 +1292,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
     /**
@@ -1521,9 +1384,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1616,9 +1476,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => boolean;
     /**
@@ -1711,9 +1568,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => (feature: keyof FeaturesConfig) => boolean;
 }, {

package/dist/static/styles/components/button.css.js

@@ -48,7 +48,7 @@ const o = `.control-shadow-wrapper:has(.button) {
 }
 
 .e2e-text-insert-controls .control-shadow-wrapper:not(:last-of-type) {
-    margin-right: 6px;
+    margin-right: 16px;
 }
 
 .flat-white > .button {

package/dist/stores/config.js

@@ -64,13 +64,6 @@ const s = o("guido-config", {
       var e;
       return ((e = i.config) == null ? void 0 : e.compiler) ?? null;
     },
-    /**
-     * Get the callbacks configuration
-     */
-    callbacks: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.callbacks) ?? null;
-    },
     /**
      * Get the template ID
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.0.0-beta.e66a90a",
+  "version": "2.0.0-beta.e73ba15",
   "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",