@useinsider/guido 2.0.0-beta.782343a → 2.0.0-beta.7a88d79

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,6 +6,10 @@ 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

@@ -23,19 +23,6 @@ const n = `.esd-x,
 .ins-recommendation-v3-block-v2 .product-attribute-cell 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.782343a",
+  "version": "2.0.0-beta.7a88d79",
   "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.5.0",
+    "@stripoinc/ui-editor-extensions": "3.3.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.52.0"
+      "version": "2.47.0"
     }
   }
 }

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

@@ -1,4 +0,0 @@
-var b = /* @__PURE__ */ ((r) => (r.BUTTON = "recommendation-block-button", r.NAME = "recommendation-block-name", r.PRICE = "recommendation-block-price", r.OLD_PRICE = "recommendation-block-old-price", r.OMNIBUS_PRICE = "recommendation-block-omnibus-price", r.OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount", r.IMAGE = "recommendation-block-image", r))(b || {});
-export {
-  b as RecommendationBlockId
-};

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

@@ -1,4 +0,0 @@
-var o = /* @__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.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-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.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c))(o || {});
-export {
-  o as RecommendationControlId
-};

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

@@ -1,11 +0,0 @@
-const T = ".ins-recommendation-product-container", c = "productImage", o = "productName", t = "productPrice", R = "productOldPrice", _ = "productOmnibusPrice", n = "productOmnibusDiscount", O = "productButton";
-export {
-  O as ATTR_PRODUCT_BUTTON,
-  c as ATTR_PRODUCT_IMAGE,
-  o as ATTR_PRODUCT_NAME,
-  R as ATTR_PRODUCT_OLD_PRICE,
-  n as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
-  _ as ATTR_PRODUCT_OMNIBUS_PRICE,
-  t as ATTR_PRODUCT_PRICE,
-  T as CONTAINER_SELECTOR
-};

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

@@ -1,64 +0,0 @@
-import { createButtonFitToContainerControl as T, createButtonTextStyleAndFontColorControl as r, createButtonTextSizeControl as e, createButtonTextControl as B, createButtonPaddingsControl as l, createButtonMarginsControl as C, createButtonFontFamilyControl as O, createButtonColorControl as N, createButtonBorderRadiusControl as i, createButtonBorderControl as a, createButtonAlignControl as c } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
-const U = c(
-  t.BUTTON_ALIGN,
-  o.BUTTON,
-  n
-), d = a(
-  t.BUTTON_BORDER,
-  o.BUTTON,
-  n
-), s = i(
-  t.BUTTON_BORDER_RADIUS,
-  o.BUTTON,
-  n
-), _ = N(
-  t.BUTTON_COLOR,
-  o.BUTTON,
-  n
-), m = O(
-  t.BUTTON_FONT_FAMILY,
-  o.BUTTON,
-  n
-), u = C(
-  t.BUTTON_MARGINS,
-  o.BUTTON,
-  n
-), R = l(
-  t.BUTTON_PADDINGS,
-  o.BUTTON,
-  n
-), F = B(
-  t.BUTTON_TEXT,
-  o.BUTTON,
-  n
-), A = e(
-  t.BUTTON_TEXT_SIZE,
-  o.BUTTON,
-  n
-), S = r(
-  t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
-  o.BUTTON,
-  n
-), E = T(
-  t.BUTTON_FIT_TO_CONTENT,
-  o.BUTTON,
-  n
-), p = {
-  align: U,
-  border: d,
-  borderRadius: s,
-  color: _,
-  fontFamily: m,
-  margins: u,
-  paddings: R,
-  text: F,
-  textSize: A,
-  textStyleAndFontColor: S,
-  fitToContent: E
-};
-export {
-  p as ButtonControls
-};

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

@@ -1,68 +0,0 @@
-import { ModificationDescription as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as d } from "../../../common-control.js";
-const c = "recommendation-card-background-color-control", o = {
-  CARD_BACKGROUND_COLOR: "cardBackgroundColor"
-};
-class u extends d {
-  getId() {
-    return c;
-  }
-  getTemplate() {
-    return `
-            <div class="card-bg-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Card Background Color" }),
-      this._GuColorPicker(o.CARD_BACKGROUND_COLOR)
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(r) {
-    super.onTemplateNodeUpdated(r), this._setFormValues();
-  }
-  _setFormValues() {
-    const r = this._getCurrentCardBackgroundColor();
-    this.api.updateValues({
-      [o.CARD_BACKGROUND_COLOR]: r
-    });
-  }
-  /**
-   * Reads the current background color from the first product card wrapper
-   * @returns The background color value or 'transparent' if not found
-   */
-  _getCurrentCardBackgroundColor() {
-    if (!this.currentNode || !("querySelectorAll" in this.currentNode))
-      return "transparent";
-    const r = this.currentNode.querySelector(".product-card-wrapper");
-    return !r || !("getStyle" in r) ? "transparent" : r.getStyle("background-color") || "transparent";
-  }
-  /**
-   * Handles card background color changes
-   * Applies the color to all product card wrapper elements
-   */
-  _onCardBackgroundColorChange(r) {
-    if (!this.currentNode || !("querySelectorAll" in this.currentNode))
-      return;
-    const e = Array.from(
-      this.currentNode.querySelectorAll(".product-card-wrapper")
-    );
-    if (e.length === 0)
-      return;
-    const t = this.api.getDocumentModifier();
-    e.forEach((n) => {
-      t.modifyHtml(n).setStyle("background-color", r);
-    }), t.apply(new a("Update card background color"));
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(o.CARD_BACKGROUND_COLOR, (r) => {
-      this._onCardBackgroundColorChange(r);
-    });
-  }
-}
-export {
-  c as CARD_BACKGROUND_COLOR_CONTROL_ID,
-  u as CardBackgroundColorControl
-};