@useinsider/guido 2.0.0-beta.c588e27 → 2.0.0-beta.c9db5fd

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

@@ -1,4 +1,4 @@
-import type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig } from '@@/Types/config';
+import type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig, CallbacksConfig } from '@@/Types/config';
 interface ConfigStoreState {
     /** Whether the config has been initialized */
     initialized: boolean;
@@ -96,6 +96,9 @@ 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;
     /**
@@ -188,6 +191,9 @@ 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;
     /**
@@ -280,6 +286,9 @@ 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;
     /**
@@ -372,6 +381,9 @@ 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;
     /**
@@ -464,6 +476,9 @@ 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;
     /**
@@ -556,6 +571,9 @@ 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;
     /**
@@ -648,6 +666,9 @@ 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;
     /**
@@ -740,8 +761,106 @@ 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
      */
@@ -832,6 +951,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -924,6 +1046,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1016,6 +1141,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1108,6 +1236,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1200,6 +1331,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
     /**
@@ -1292,6 +1426,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
     /**
@@ -1384,6 +1521,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1476,6 +1616,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => boolean;
     /**
@@ -1568,6 +1711,9 @@ 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: 16px;
+    margin-right: 6px;
 }
 
 .flat-white > .button {

package/dist/static/styles/components/wide-panel.css.js

@@ -6,10 +6,6 @@ ue-main-editor-container[panel-position=SETTINGS_BLOCKS] ue-wide-panel {
     right: calc(100% - calc(var(--ue-spacing-step, 5px) * 3) - 425px);
 }
 
-ue-main-tabs-panel-component .fixed-panel-header {
-    display: none;
-}
-
 /* Remove with this writing task DT-28355 */
 ue-description a {
     display: none;

package/dist/static/styles/customEditorStyle.css.js

@@ -19,10 +19,46 @@ const n = `.esd-x,
     box-shadow: none;
 }
 .ins-product-cart ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
+/* Horizontal layout - hide for info, image, and button cells */
+.ins-recommendation-v3-block-v2 .product-info-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-info-cell ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-image-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-image-cell ue-node-panel,
+.ins-recommendation-v3-block-v2 .button-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .button-cell ue-node-panel,
+/* Vertical layout - hide for product-card-segment inner cells */
+.ins-recommendation-v3-block-v2 .product-card-segment ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-card-segment ue-node-panel,
+/* Hide for specific product attribute cells in both layouts */
+.ins-recommendation-v3-block-v2 .product-image ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-image ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-name ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-name ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-price ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-price ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-old-price ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-old-price ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-omnibus-price ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-omnibus-price ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-omnibus-discount ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-omnibus-discount ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-button ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-button ue-node-panel {
     display: none !important;
 }
+
+/* Apply to the table cell (td) with text-trim-enabled class */
+.text-trim-enabled {
+    max-width: 0 !important;
+}
+
+.text-trim-enabled p {
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+    margin: 0 !important;
+    display: block !important;
+}
 `;
 export {
   n as default

package/dist/stores/config.js

@@ -64,6 +64,13 @@ 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.c588e27",
+  "version": "2.0.0-beta.c9db5fd",
   "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",
@@ -31,7 +31,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.3.0",
+    "@stripoinc/ui-editor-extensions": "3.5.0",
     "@useinsider/design-system-vue": "0.14.20",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
@@ -85,7 +85,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.47.0"
+      "version": "2.52.0"
     }
   }
 }

package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js

@@ -1,103 +0,0 @@
-var m = Object.defineProperty;
-var y = (n, o, i) => o in n ? m(n, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[o] = i;
-var a = (n, o, i) => y(n, typeof o != "symbol" ? o + "" : o, i);
-import { ModificationDescription as u } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as b } from "../common-control.js";
-const h = "ui-elements-recommendation-card-composition", s = [
-  { key: "productImage", label: "Product Image", visible: !0 },
-  { key: "productName", label: "Product Name", visible: !0 },
-  { key: "productPrice", label: "Product Price", visible: !0 },
-  { key: "productOriginalPrice", label: "Product Original Price", visible: !0 },
-  { key: "productButton", label: "Product Button", visible: !0 }
-];
-class g extends b {
-  constructor() {
-    super(...arguments);
-    a(this, "currentComposition", []);
-    a(this, "currentVisibility", {});
-  }
-  getId() {
-    return h;
-  }
-  getTemplate() {
-    const i = s.map((e) => ({
-      key: e.key,
-      label: e.label,
-      content: `
-                <div style="display: flex; align-items: center; justify-content: space-between;
-                    padding: 8px; gap: 8px;">
-                    <span style="flex: 1;">${e.label}</span>
-                    ${this._GuToggle(`visibility_${e.key}`)}
-                </div>
-            `
-    }));
-    return `
-            <div class="container">
-                ${this._GuLabel({ text: "Card Element Order & Visibility" })}
-                ${this._GuOrderable("cardComposition", i)}
-            </div>
-        `;
-  }
-  onRender() {
-    this._initializeComposition(), this.api.onValueChanged("cardComposition", (i) => {
-      this.currentComposition = i, this._applyCompositionToBlock(i);
-    }), s.forEach((i) => {
-      this.api.onValueChanged(`visibility_${i.key}`, (e) => {
-        this.currentVisibility[i.key] = e, this._applyVisibilityToBlock();
-      });
-    });
-  }
-  onTemplateNodeUpdated(i) {
-    super.onTemplateNodeUpdated(i), this._initializeComposition();
-  }
-  /**
-   * Initialize the composition order and visibility from the block or use defaults
-   */
-  _initializeComposition() {
-    var p;
-    const i = (p = this.currentNode) == null ? void 0 : p.querySelector(".ins-recommendation-v3-block-v2");
-    let e = null, l = null;
-    if (i && "getAttribute" in i && (e = i.getAttribute("data-card-composition"), l = i.getAttribute("data-card-visibility")), e) {
-      const t = e.split(",").filter(Boolean), r = s.map((c) => c.key);
-      t.every((c) => r.includes(c)) && t.length > 0 ? this.currentComposition = t : this.currentComposition = r;
-    } else
-      this.currentComposition = s.map((t) => t.key);
-    if (l)
-      try {
-        const t = JSON.parse(l);
-        this.currentVisibility = t;
-      } catch {
-        this.currentVisibility = s.reduce((t, r) => (t[r.key] = r.visible, t), {});
-      }
-    else
-      this.currentVisibility = s.reduce((t, r) => (t[r.key] = r.visible, t), {});
-    const d = {
-      cardComposition: this.currentComposition
-    };
-    s.forEach((t) => {
-      d[`visibility_${t.key}`] = this.currentVisibility[t.key] ?? !0;
-    }), this.api.updateValues(d);
-  }
-  /**
-   * Apply the reordered composition to the block's HTML structure
-   */
-  _applyCompositionToBlock(i) {
-    if (!this.currentNode)
-      return;
-    const e = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute("data-card-composition", i.join(",")).apply(new u("Stored card composition order"));
-  }
-  /**
-   * Apply visibility changes to the block's HTML structure
-   */
-  _applyVisibilityToBlock() {
-    if (!this.currentNode)
-      return;
-    const i = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute("data-card-visibility", JSON.stringify(this.currentVisibility)).apply(new u("Stored card visibility settings"));
-  }
-}
-export {
-  h as COMPOSITION_CONTROL_BLOCK_ID,
-  g as RecommendationCardCompositionControl
-};

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

@@ -1,5 +0,0 @@
-var o = /* @__PURE__ */ ((c) => (c.BUTTON = "recommendation-block-button", c.NAME = "recommendation-block-name", c.PRICE = "recommendation-block-price", c.OLD_PRICE = "recommendation-block-old-price", c.IMAGE = "recommendation-block-image", c))(o || {}), r = /* @__PURE__ */ ((c) => (c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c))(r || {});
-export {
-  o as RecommendationBlockId,
-  r as RecommendationControlId
-};