@useinsider/guido 3.12.0-beta.00cbb4c → 3.12.0-beta.0c096f0

package/dist/src/extensions/Blocks/Recommendation/controls/blockBackground/index.d.ts

@@ -0,0 +1,14 @@
+export declare const BlockBackgroundColorControl: {
+    new (): {
+        getId(): string;
+        getLabels(): {
+            title: string;
+        };
+        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+        getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").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: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+    };
+};

package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts

@@ -20,6 +20,7 @@ export { ButtonControls } from './button';
 export { ImageControls } from './image';
 export { CustomAttributeControls } from './customAttribute';
 export { SpacingControl, SPACING_CONTROL_ID } from './spacing';
+export { BlockBackgroundColorControl } from './blockBackground';
 export { CardBackgroundColorControl, CARD_BACKGROUND_COLOR_CONTROL_ID } from './cardBackground';
 export { RecommendationCardCompositionControl, COMPOSITION_CONTROL_BLOCK_ID } from './cardComposition';
 export { SyncInfoMessageControl, SYNC_INFO_MESSAGE_CONTROL_ID } from './syncInfoMessage';

package/dist/src/extensions/Blocks/Unsubscribe/utils/constants.d.ts

@@ -9,3 +9,4 @@ export declare const DATA_ATTRIBUTES: {
     readonly BLOCK_ID: "data-unsubscribe-block-id";
 };
 export declare const UNSUBSCRIBE_BLOCK_SELECTOR = ".unsubscribe-block-v2";
+export declare const UNSUBSCRIBE_LINK_SELECTOR = "a[data-unsubscribe-link=\"true\"], a.unsubscribe-link";

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/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.00cbb4c",
+  "version": "3.12.0-beta.0c096f0",
   "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",
@@ -44,7 +44,7 @@
   "license": "ISC",
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.8.0",
-    "@useinsider/design-system-vue": "2.0.0",
+    "@useinsider/design-system-vue": "1.3.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",