@useinsider/guido 3.12.0-beta.ea5b317 → 3.12.0-beta.eb4ca1c

package/dist/src/extensions/Blocks/controlFactories.d.ts

@@ -115,6 +115,42 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
         isVisible(_node: ImmutableHtmlNode): boolean;
     };
 };
+/**
+ * Factory for a background-color control that paints a whole extension block (SD-145082).
+ *
+ * Base is `ButtonBackgroundColorBuiltInControl` because its `GENERAL.BACKGROUND_COLOR` form key
+ * round-trips through `getValues()`; the block-text base (`TextBlockBackgroundBuiltInControl`, the
+ * built-in this replaces) reports `textBlockBackgroundColor`, which our read path never sees. That
+ * borrowed base targets the block's Buy buttons, so `getTargetNodes` here is a GUARD that keeps it
+ * off the buttons — not the write path.
+ *
+ * The write is entirely ours (`getAdditionalModifications`): Stripo's built-in emits a stylesheet
+ * rule that inline styles from regeneration outrank (SD-143023), so it would silently no-op on the
+ * next edit. We write inline `background-color` + `bgcolor` on the block `<td>` instead — surviving
+ * regeneration and reaching Outlook, matching the migrator's convention.
+ */
+export declare function createBlockBackgroundColorControl(controlId: string, blockRootSelector?: string): {
+    new (): {
+        getId(): string;
+        /** The parent control renders its own generic title; restore the block-level wording. */
+        getLabels(): {
+            title: string;
+        };
+        /** Guard: redirect the borrowed button parent onto the block `<td>` so it never paints the Buy buttons. */
+        getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+        /**
+         * Writes the picked background onto the block as an inline style plus a `bgcolor`
+         * attribute. This is the whole mechanism, not a mirror: the parent control's own
+         * write never reaches the block element (verified at runtime). `bgcolor` is the
+         * channel Outlook honours on a `<td>`, and matches what the migrator emits.
+         */
+        getAdditionalModifications(root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+        getParentControlId(): string;
+        api: import("@stripoinc/ui-editor-extensions").ControlApi;
+        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+        isVisible(_node: ImmutableHtmlNode): boolean;
+    };
+};
 /**
  * Factory function to create paddings controls for different block elements
  * When targetBlockId and containerSelector are not provided, applies directly to root

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

@@ -101,6 +101,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -140,6 +141,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => IdentityConfig | null;
@@ -238,6 +240,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -277,6 +280,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => PartnerConfig | null;
@@ -375,6 +379,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -414,6 +419,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => TemplateConfig | null;
@@ -512,6 +518,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -551,6 +558,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => EditorConfig | null;
@@ -649,6 +657,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -688,6 +697,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => UIConfig | null;
@@ -786,6 +796,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -825,6 +836,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => FeaturesConfig | null;
@@ -923,6 +935,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -962,6 +975,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => BlocksConfig | null;
@@ -1060,6 +1074,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -1099,6 +1114,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => CompilerConfig | null;
@@ -1197,6 +1213,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -1236,6 +1253,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => CallbacksConfig | null;
@@ -1334,6 +1352,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -1373,6 +1392,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
@@ -1471,6 +1491,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -1510,6 +1531,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
@@ -1608,6 +1630,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -1647,6 +1670,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
@@ -1745,6 +1769,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -1784,6 +1809,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
@@ -1882,6 +1908,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -1921,6 +1948,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
@@ -2019,6 +2047,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -2058,6 +2087,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
@@ -2156,6 +2186,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -2195,6 +2226,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
@@ -2293,6 +2325,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -2332,6 +2365,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => boolean;
@@ -2430,6 +2464,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                allowlistEnabled: 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")[];
@@ -2469,6 +2504,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
             callbacks: {
                 externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+                resolveAllowlistToast?: import("../@types/config/schemas").ResolveAllowlistToastHandler | undefined;
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => (feature: keyof FeaturesConfig) => boolean;

package/dist/src/utils/urlSchemes.d.ts

@@ -0,0 +1,6 @@
+/**
+ * URL schemes that are safe to follow from partner-authored email HTML. Shared so a
+ * future bypass fix lands in one place — the preview guard and the recommendation
+ * sanitizer both gate on it. Stored with the trailing colon to match `anchor.protocol`.
+ */
+export declare const BASE_SAFE_URL_SCHEMES: readonly string[];

package/dist/static/styles/components/base-input.css.js

@@ -3,8 +3,12 @@ const n = `.base-input {
     border-radius: 4px;
     background-color: var(--guido-color-gray-0);
     align-items: center;
-    height: 40px;
-    max-height: 40px;
+    /* 40px is a floor, never a cap: \`.base-input\` is shared by every settings field,
+       including Stripo's own auto-height inputs (e.g. the link field) that expand on
+       focus. A fixed max-height clamped their inner box; keep 40px only as the floor. */
+    min-height: 40px;
+    height: auto;
+    max-height: none;
     box-sizing: content-box;
     outline: none;
     resize: vertical;
@@ -36,11 +40,6 @@ ue-contenteditable .base-input {
     line-height: 24px;
 }
 
-/* Image link input is auto-height; lift the fixed 40px cap so it can grow. */
-ue-contenteditable.link-autoheight-contenteditable .base-input {
-    max-height: none;
-}
-
 ue-icon-component.icon-button.icon-clear-input {
     right: 2px;
     top: 2px;

package/dist/utils/urlSchemes.js

@@ -0,0 +1,4 @@
+const t = ["http:", "https:", "mailto:"];
+export {
+  t as BASE_SAFE_URL_SCHEMES
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.12.0-beta.ea5b317",
+  "version": "3.12.0-beta.eb4ca1c",
   "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",