@useinsider/guido 3.12.0 → 3.13.0-beta.ef18f66

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/services/allowlistApi.d.ts

@@ -0,0 +1,4 @@
+export declare const useAllowlistApi: () => {
+    checkDomain: (domain: string) => Promise<boolean>;
+    getUserRole: () => Promise<string | undefined>;
+};

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")[];
@@ -238,6 +239,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")[];
@@ -375,6 +377,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")[];
@@ -512,6 +515,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")[];
@@ -649,6 +653,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")[];
@@ -786,6 +791,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")[];
@@ -923,6 +929,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")[];
@@ -1060,6 +1067,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")[];
@@ -1197,6 +1205,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")[];
@@ -1334,6 +1343,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")[];
@@ -1471,6 +1481,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")[];
@@ -1608,6 +1619,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")[];
@@ -1745,6 +1757,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")[];
@@ -1882,6 +1895,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")[];
@@ -2019,6 +2033,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")[];
@@ -2156,6 +2171,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")[];
@@ -2293,6 +2309,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")[];
@@ -2336,7 +2353,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;
@@ -2430,6 +2449,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")[];

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/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/pairProductVariables.js

@@ -1,30 +1,31 @@
-import { productPairs as q } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { DefaultConfigValues as N } from "../extensions/Blocks/Items/enums/settingsEnums.js";
-function W(M) {
-  const S = M.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), g = new DOMParser().parseFromString(S, "text/html"), m = q.PAIRS_FOR_EXTENSION;
+import { productPairs as N } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { DefaultConfigValues as O } from "../extensions/Blocks/Items/enums/settingsEnums.js";
+import { preserveTextStyles as C } from "./preserveTextStyles.js";
+function V(L) {
+  const H = L.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), g = new DOMParser().parseFromString(H, "text/html"), m = N.PAIRS_FOR_EXTENSION;
   Object.entries(m).forEach(([r, f]) => {
     g.querySelectorAll(".ins-product-td").forEach((c) => {
-      const A = c.getAttribute("data-number") || "1", C = c.getAttribute("data-type") || "CART_ITEMS";
-      c.querySelectorAll(`[product-attr="${r}"]`).forEach((e) => {
+      const A = c.getAttribute("data-number") || "1", y = c.getAttribute("data-type") || "CART_ITEMS";
+      c.querySelectorAll(`[product-attr="${r}"]`).forEach((t) => {
         var F, I, w;
-        const $ = e.getAttribute("data-type") || C, u = e.getAttribute("data-number") || A, d = f[$];
+        const T = t.getAttribute("data-type") || y, u = t.getAttribute("data-number") || A, d = f[T];
         if (d)
           switch (r) {
             case "imageSrc": {
-              let t = null, i = null;
-              if (e.tagName === "IMG" ? (t = e, i = t.closest("a")) : (t = e.querySelector("img"), i = e.querySelector("a") || e.closest("a")), !t)
+              let e = null, i = null;
+              if (t.tagName === "IMG" ? (e = t, i = e.closest("a")) : (e = t.querySelector("img"), i = t.querySelector("a") || t.closest("a")), !e)
                 break;
               const a = d.DEFAULT, s = d.ATTR;
-              if (a && t.src) {
-                const o = t.src;
+              if (a && e.src) {
+                const o = e.src;
                 a.some((h) => {
-                  const l = h.split("/").pop() || "", b = o.split("/").pop() || "";
-                  return o.includes(h) || o.includes(l) || b === l;
-                }) && (t.src = `{{${s}_${u}}}`);
+                  const l = h.split("/").pop() || "", $ = o.split("/").pop() || "";
+                  return o.includes(h) || o.includes(l) || $ === l;
+                }) && (e.src = `{{${s}_${u}}}`);
               }
-              const n = (I = (F = m.name) == null ? void 0 : F[$]) == null ? void 0 : I.ATTR;
-              if (n && t.setAttribute("alt", `{{${n}_${u}}}`), i) {
-                const o = (w = m.itemLink) == null ? void 0 : w[$];
+              const n = (I = (F = m.name) == null ? void 0 : F[T]) == null ? void 0 : I.ATTR;
+              if (n && e.setAttribute("alt", `{{${n}_${u}}}`), i) {
+                const o = (w = m.itemLink) == null ? void 0 : w[T];
                 if (o) {
                   const E = o.HREF, h = o.DEFAULT_HREF || "#!", l = i.href;
                   (l === "#" || l === "" || l.endsWith("#!") || l.endsWith(h) || l === `${window.location.href}${h}` || !l || l === window.location.href) && (i.href = `{{${E}_${u}}}`);
@@ -33,9 +34,9 @@ function W(M) {
               break;
             }
             case "name": {
-              const t = d, i = t.ATTR, a = t.DEFAULT_HREF || "#!", s = t.HREF;
-              e.textContent && (e.textContent = `{{${i}_${u}}}`);
-              const n = e.closest("a") || (e.tagName === "A" ? e : null);
+              const e = d, i = e.ATTR, a = e.DEFAULT_HREF || "#!", s = e.HREF;
+              t.textContent && (t.innerHTML = C(t, `{{${i}_${u}}}`));
+              const n = t.closest("a") || (t.tagName === "A" ? t : null);
               if (n && s) {
                 const o = n.href, E = `${window.location.href}${a}`;
                 (o === E || o.endsWith(a)) && (n.href = `{{${s}_${u}}}`);
@@ -44,23 +45,23 @@ function W(M) {
             }
             case "price":
             case "originalPrice": {
-              const t = d, i = e.getAttribute("data-formated"), a = e.getAttribute("data-single_price"), s = i === "true", n = a === "true", o = e.getAttribute("data-curency") || "before";
+              const e = d, i = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), s = i === "true", n = a === "true", o = t.getAttribute("data-curency") || "before";
               let E;
-              n ? E = s ? t.SINGLE_PRICE_FORMATTED : t.SINGLE_PRICE : E = s ? t.PRICE_FORMATTED : t.PRICE;
-              const h = t.CURRENCY;
+              n ? E = s ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : E = s ? e.PRICE_FORMATTED : e.PRICE;
+              const h = e.CURRENCY;
               let l = `{{${E}_${u}}}`;
-              const b = (e.getAttribute("data-currency_symbol") || "").trim(), x = b !== "" && b !== N.productPriceCurrencySymbolControlValue;
-              let T = "";
-              x ? T = b : h && (T = `{{${h}_${u}}}`), T && (l = o === "after" ? `${l} ${T}` : `${T} ${l}`), e.textContent = l;
+              const $ = (t.getAttribute("data-currency_symbol") || "").trim(), q = $ !== "" && $ !== O.productPriceCurrencySymbolControlValue;
+              let b = "";
+              q ? b = $ : h && (b = `{{${h}_${u}}}`), b && (l = o === "after" ? `${l} ${b}` : `${b} ${l}`), t.innerHTML = C(t, l);
               break;
             }
             case "quantity": {
-              const t = d, i = t.ATTR, a = t.DEFAULT;
-              e.textContent && e.textContent.trim() === a && (e.textContent = `{{${i}_${u}}}`);
+              const e = d, i = e.ATTR, a = e.DEFAULT;
+              t.textContent && t.textContent.trim() === a && (t.innerHTML = C(t, `{{${i}_${u}}}`));
               break;
             }
             case "button": {
-              const t = d, i = t.HREF, a = t.DEFAULT_HREF || "#!", s = e.tagName === "A" ? e : e.querySelector("a");
+              const e = d, i = e.HREF, a = e.DEFAULT_HREF || "#!", s = t.tagName === "A" ? t : t.querySelector("a");
               if (s) {
                 const n = s.href || "", o = `${window.location.href}${a}`;
                 (n === "" || n === "#" || n === o || n.endsWith(a) || n.endsWith("#!") || n === window.location.href) && (s.href = `{{${i}_${u}}}`);
@@ -68,7 +69,7 @@ function W(M) {
               break;
             }
             case "itemLink": {
-              const t = d, i = t.HREF, a = t.DEFAULT_HREF || "#!", s = e;
+              const e = d, i = e.HREF, a = e.DEFAULT_HREF || "#!", s = t;
               if (s.href) {
                 const n = s.href, o = `${window.location.href}${a}`;
                 (n === o || n.endsWith(a)) && (s.href = `{{${i}_${u}}}`);
@@ -77,8 +78,8 @@ function W(M) {
             }
             default: {
               if ("ATTR" in d) {
-                const t = d.ATTR;
-                e.textContent && (e.textContent = `{{${t}_${u}}}`);
+                const e = d.ATTR;
+                t.textContent && (t.innerHTML = C(t, `{{${e}_${u}}}`));
               }
               break;
             }
@@ -86,11 +87,11 @@ function W(M) {
       });
     });
   });
-  const H = S.match(/<!DOCTYPE[^>]*>/i), P = H ? `${H[0]}
-` : "", D = g.querySelectorAll(".ins-product-td"), k = [];
+  const k = H.match(/<!DOCTYPE[^>]*>/i), P = k ? `${k[0]}
+` : "", D = g.querySelectorAll(".ins-product-td"), M = [];
   D.forEach((r) => {
     const f = r.getAttribute("data-type") || "CART_ITEMS", p = r.getAttribute("data-number") || "1", c = r.getAttribute("data-nodup"), A = r.outerHTML;
-    k.push({
+    M.push({
       element: r,
       outerHtml: A,
       type: f,
@@ -99,7 +100,7 @@ function W(M) {
     });
   });
   let _ = P + g.documentElement.outerHTML;
-  k.reverse().forEach(({ outerHtml: r, type: f, number: p }) => {
+  M.reverse().forEach(({ outerHtml: r, type: f, number: p }) => {
     let c = "";
     switch (f) {
       case "CART_ITEMS":
@@ -113,21 +114,21 @@ function W(M) {
         break;
     }
     if (c) {
-      const C = parseInt(p) - 1, $ = `${`{% if ${c} > ${C} %}`}${r}{% endif %}`;
-      _ = _.replace(r, $);
+      const y = parseInt(p) - 1, T = `${`{% if ${c} > ${y} %}`}${r}{% endif %}`;
+      _ = _.replace(r, T);
     }
   });
-  const L = g.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), y = [];
-  return L.forEach((r) => {
+  const x = g.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), R = [];
+  return x.forEach((r) => {
     const f = r.getAttribute("data-number"), p = r.getAttribute("data-type");
     if (!f || p !== "CART_ITEMS")
       return;
     const c = r.closest(".product-original-price-class");
     if (c) {
       const A = c.outerHTML;
-      y.some((R) => R.tdOuterHtml === A) || y.push({ tdOuterHtml: A, number: f });
+      R.some((S) => S.tdOuterHtml === A) || R.push({ tdOuterHtml: A, number: f });
     }
-  }), y.reverse().forEach(({ tdOuterHtml: r, number: f }) => {
+  }), R.reverse().forEach(({ tdOuterHtml: r, number: f }) => {
     const p = `{% if ins_apr_price_${f} != ins_apr_originalprice_${f} %}`;
     if (!_.includes(p) && !r.includes("{% if")) {
       const A = `${p}${r}{% endif %}`;
@@ -136,5 +137,5 @@ function W(M) {
   }), _.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  W as pairProductVariables
+  V as pairProductVariables
 };

package/dist/{extensions/Blocks/Recommendation/utils → utils}/preserveTextStyles.js

@@ -1,4 +1,4 @@
-import { escapeHtml as g } from "../../../../utils/htmlEscape.js";
+import { escapeHtml as g } from "./htmlEscape.js";
 function u(n) {
   return "getInnerHTML" in n && typeof n.getInnerHTML == "function" ? n.getInnerHTML().trim() : "innerHTML" in n ? n.innerHTML : "";
 }

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",
+  "version": "3.13.0-beta.ef18f66",
   "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": "1.3.0",
+    "@useinsider/design-system-vue": "2.0.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",