@useinsider/guido 3.12.0-beta.40db55d → 3.12.0-beta.4e0547f

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/stores/config.d.ts

@@ -2336,7 +2336,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => boolean;
     /**
-     * Check if a specific feature is enabled
+     * Check if a specific feature is enabled.
+     * Returns false before init (config null) so header controls don't
+     * flash on during loading, then disappear once config resolves.
      */
     isFeatureEnabled: (state: {
         initialized: 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/stores/config.js

@@ -75,65 +75,67 @@ const f = r("guido-config", {
      * Get the template ID
      */
     templateId: (i) => {
-      var e, t;
-      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.templateId) ?? "";
+      var e, n;
+      return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.templateId) ?? "";
     },
     /**
      * Get the user ID
      */
     userId: (i) => {
-      var e, t;
-      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.userId) ?? "";
+      var e, n;
+      return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.userId) ?? "";
     },
     /**
      * Get the variation ID
      */
     variationId: (i) => {
-      var e, t;
-      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.variationId) ?? "";
+      var e, n;
+      return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.variationId) ?? "";
     },
     /**
      * Get the partner name
      */
     partnerName: (i) => {
-      var e, t;
-      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.name) ?? "";
+      var e, n;
+      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.name) ?? "";
     },
     /**
      * Get the product type
      */
     productType: (i) => {
-      var e, t;
-      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.productType) ?? 60;
+      var e, n;
+      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.productType) ?? 60;
     },
     /**
      * Get the message type
      */
     messageType: (i) => {
-      var e, t;
-      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.messageType) ?? 1;
+      var e, n;
+      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.messageType) ?? 1;
     },
     /**
      * Get the username
      */
     username: (i) => {
-      var e, t;
-      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.username) ?? "Guido User";
+      var e, n;
+      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.username) ?? "Guido User";
     },
     /**
      * Check if header should be shown
      */
     showHeader: (i) => {
-      var e, t;
-      return ((t = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : t.showHeader) ?? !0;
+      var e, n;
+      return ((n = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : n.showHeader) ?? !0;
     },
     /**
-     * Check if a specific feature is enabled
+     * Check if a specific feature is enabled.
+     * Returns false before init (config null) so header controls don't
+     * flash on during loading, then disappear once config resolves.
      */
     // eslint-disable-next-line @stylistic/max-len
     isFeatureEnabled: (i) => (e) => {
-      var t, n;
-      return ((n = (t = i.config) == null ? void 0 : t.features) == null ? void 0 : n[e]) ?? !0;
+      var n, t;
+      return ((t = (n = i.config) == null ? void 0 : n.features) == null ? void 0 : t[e]) ?? !1;
     }
   },
   actions: {

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.40db55d",
+  "version": "3.12.0-beta.4e0547f",
   "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,15 +44,13 @@
   "license": "ISC",
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.8.0",
+    "@useinsider/design-system-vue": "1.3.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
+    "pinia": "2.3.1",
     "valibot": "1.2.0",
-    "vite": "6.3.5"
-  },
-  "peerDependencies": {
-    "@useinsider/design-system-vue": "^2.0.0",
-    "pinia": "^2.3.0",
-    "vue": "^2.7.0"
+    "vite": "6.3.5",
+    "vue": "2.7.14"
   },
   "devDependencies": {
     "@commitlint/cli": "20.2.0",
@@ -72,7 +70,6 @@
     "@types/node": "20.10.4",
     "@typescript-eslint/eslint-plugin": "7.18.0",
     "@typescript-eslint/parser": "7.18.0",
-    "@useinsider/design-system-vue": "2.0.0",
     "@useinsider/eslint-config": "1.5.3",
     "@vitejs/plugin-vue2": "2.3.1",
     "@vitest/coverage-v8": "2.1.9",
@@ -89,14 +86,12 @@
     "husky": "9.1.7",
     "msw": "2.10.3",
     "nyc": "17.1.0",
-    "pinia": "2.3.1",
     "sass": "1.69.7",
     "typescript": "5.5.4",
     "typescript-eslint": "8.26.0",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-istanbul": "7.0.0",
     "vitest": "2.1.9",
-    "vue": "2.7.14",
     "vue-tsc": "2.2.10"
   },
   "overrides": {