@useinsider/guido 3.11.0-beta.ad6af17 → 3.11.0-beta.c237b25

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
 import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
-import { object as a, number as s, optional as e, string as t, picklist as l, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, literal as i, looseObject as y, variant as g, union as f, unknown as n } from "../../node_modules/valibot/dist/index.js";
+import { object as a, number as n, optional as e, string as t, picklist as l, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, literal as i, looseObject as g, variant as R, union as f, unknown as s } from "../../node_modules/valibot/dist/index.js";
 const d = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -12,7 +12,7 @@ const d = {
   ARCHITECT: 49,
   /** Unsubscribe page builder */
   UNSUBSCRIBE_PAGES: 97
-}, R = a({
+}, C = a({
   /** Unique identifier for the template being edited */
   templateId: p(
     t(),
@@ -30,7 +30,7 @@ const d = {
   name: t(),
   /** Fallback font family (e.g., "serif" or "sans-serif") */
   family: t()
-}), C = a({
+}), A = a({
   /** Partner/organization name (required) */
   name: p(
     t(),
@@ -54,7 +54,7 @@ const d = {
   username: e(t(), "Guido User"),
   /** Fallback font settings from partner settings — used to match backend size calculation */
   fallbackFont: e(T)
-}), A = a({
+}), y = a({
   /** Display text for the dynamic content */
   text: t(),
   /** Template variable value (e.g., {{username}}) */
@@ -68,35 +68,35 @@ const d = {
       value: t()
     })
   )
-}), I = y({
+}), I = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
-  id: e(s()),
+  id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(f([t(), s()])),
+  decimalCount: e(f([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
-  productIds: e(c(n())),
+  productIds: e(c(s())),
   /** Whether the block requested live products at send time */
   sendProductRequestFlag: e(o()),
   /** Whether to randomize product order */
   shuffleProducts: e(o()),
   /** Filter rules driving product selection */
-  filters: e(c(n())),
+  filters: e(c(s())),
   /** Currency code (e.g. 'EUR') — sometimes absent in legacy data */
   currency: e(t()),
   /** Currency display settings (separators, alignment, decimals) */
-  currencySettings: e(n()),
+  currencySettings: e(s()),
   /** Locale (e.g. 'nl_NL') */
   language: e(t()),
   /** Recommendation strategy key (e.g. 'newArrivals') */
   strategy: e(t()),
   /** Snapshot of products as rendered by the legacy block */
-  recommendedProducts: e(c(n())),
+  recommendedProducts: e(c(s())),
   /** Number of product cards per row */
-  cardsInRow: e(s()),
+  cardsInRow: e(n()),
   /** Mobile-only padding (right) */
-  mobileRightPadding: e(s()),
+  mobileRightPadding: e(n()),
   /** Mobile-only padding (left) */
-  mobileLeftPadding: e(s()),
+  mobileLeftPadding: e(n()),
   /** Disable responsive scaling */
   unresponsive: e(o()),
   /** Layout orientation ('vertical' | 'horizontal') */
@@ -106,14 +106,14 @@ const d = {
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(f([t(), s()])),
+  size: e(f([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
   isPriceMovedToNextLine: e(o()),
   /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
   isPriceDeletedForZeroSale: e(o())
-}), L = a({
+}), v = a({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -124,25 +124,34 @@ const d = {
     k(t(), I),
     {}
   )
-}), P = a({
+}), L = a({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
   css: e(t(), ""),
   /** Preselected dynamic content items */
   preselectedDynamicContent: e(
-    c(A),
+    c(y),
+    []
+  ),
+  /**
+   * Full set of dynamic-content items the account offers (label + token).
+   * Used as the label→token map that repairs label-form placeholders
+   * (e.g. `{{ Phone Number }}`) in dropped saved modules.
+   */
+  availableDynamicContent: e(
+    c(y),
     []
   ),
   /** Valid custom field attribute names from the partner's categorized fields */
   customFieldAttributes: e(c(t()), []),
   /** Selected unsubscribe page IDs */
-  selectedUnsubscribePages: e(c(s()), []),
+  selectedUnsubscribePages: e(c(n()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
   forceRecreate: e(o(), !1),
   /** Migration-only inputs (legacy block configs) */
-  migration: e(L, {})
-}), v = a({
+  migration: e(v, {})
+}), P = a({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
@@ -153,9 +162,9 @@ const d = {
   /** Path to translations object */
   translationsPath: e(t(), "window.trans[Object.keys(window.trans)[0]]"),
   /** Migration date for template compatibility */
-  migrationDate: e(s(), 1759696858),
+  migrationDate: e(n(), 1759696858),
   /** Email header settings */
-  emailHeader: e(v, { senderName: "", subject: "" }),
+  emailHeader: e(P, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
   savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
@@ -184,7 +193,7 @@ const d = {
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(o(), !1)
-}), N = l([
+}), D = l([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -198,7 +207,7 @@ const d = {
   "text-block",
   "timer-block",
   "video-block"
-]), D = l([
+]), N = l([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -209,12 +218,12 @@ const d = {
 ]), x = a({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
-    c(N),
+    c(D),
     []
   ),
   /** Custom blocks to include in the editor */
   includeCustoms: e(
-    c(D),
+    c(N),
     []
   )
 }), m = a({
@@ -223,7 +232,7 @@ const d = {
   /** Human-readable description */
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
-  priority: s()
+  priority: n()
 }), F = a({
   ...m.entries,
   type: i("replace"),
@@ -255,7 +264,7 @@ const d = {
     (u) => typeof u == "function",
     "processor must be a function"
   )
-}), H = g("type", [
+}), H = R("type", [
   F,
   U,
   B,
@@ -279,12 +288,12 @@ const d = {
 }), V = a({
   // Required sections
   /** Identity configuration (required) */
-  identity: R,
+  identity: C,
   /** Partner configuration (required) */
-  partner: C,
+  partner: A,
   // Optional sections (with defaults)
   /** Template content and presets */
-  template: e(P, {}),
+  template: e(L, {}),
   /** Editor settings */
   editor: e(E, {}),
   /** UI configuration */
@@ -303,24 +312,24 @@ export {
   q as CallbacksSchema,
   H as CompilerRuleSchema,
   j as CompilerSchema,
-  D as CustomBlockTypeSchema,
+  N as CustomBlockTypeSchema,
   w as CustomRuleSchema,
-  N as DefaultBlockTypeSchema,
-  A as DynamicContentSchema,
+  D as DefaultBlockTypeSchema,
+  y as DynamicContentSchema,
   E as EditorSchema,
-  v as EmailHeaderSchema,
+  P as EmailHeaderSchema,
   T as FallbackFontSchema,
   O as FeaturesSchema,
   V as GuidoConfigSchema,
-  R as IdentitySchema,
+  C as IdentitySchema,
   I as LegacyRecommendationConfigSchema,
   d as MessageType,
-  C as PartnerSchema,
+  A as PartnerSchema,
   r as ProductType,
   U as RegexRuleSchema,
   B as RemoveRuleSchema,
   F as ReplaceRuleSchema,
-  L as TemplateMigrationSchema,
-  P as TemplateSchema,
+  v as TemplateMigrationSchema,
+  L as TemplateSchema,
   M as UISchema
 };

package/dist/composables/useModuleDynamicContentRepair.js

@@ -0,0 +1,36 @@
+import { useConfig as D } from "./useConfig.js";
+import { useToaster as T } from "./useToaster.js";
+import { useTranslations as g } from "./useTranslations.js";
+import { ToasterTypeOptions as C } from "../enums/toaster.js";
+import { buildDynamicContentLookup as h, convertModuleDynamicContent as O } from "../utils/dynamicContentConverter.js";
+const M = "dynamic-content.unresolved-attributes-on-drop", A = () => {
+  const { template: i, isFeatureEnabled: p } = D(), { showToaster: a } = T(), m = g();
+  return { handleModuleAdd: (n, e) => {
+    var s, c, l;
+    try {
+      if ((n == null ? void 0 : n.action) !== "ADD" && (n == null ? void 0 : n.action) !== "COPY")
+        return;
+      const o = h(((s = i.value) == null ? void 0 : s.availableDynamicContent) ?? []);
+      if (o.size === 0)
+        return;
+      const t = (c = e == null ? void 0 : e.getTargetNode) == null ? void 0 : c.call(e), r = (l = t == null ? void 0 : t.getOuterHTML) == null ? void 0 : l.call(t);
+      if (!t || typeof r != "string")
+        return;
+      const { html: u, unresolved: y } = O(
+        r,
+        o,
+        p("liquidSyntax")
+      );
+      u !== r && e.modifyHtml(t).replaceWith(u), y.length > 0 && a({
+        type: C.Warning,
+        message: m(M)
+      });
+    } catch (o) {
+      console.error("Failed to repair dynamic content on module add:", o);
+    }
+  } };
+};
+export {
+  M as UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY,
+  A as useModuleDynamicContentRepair
+};

package/dist/composables/useStripo.js

@@ -1,44 +1,45 @@
-import { useActionsApi as U } from "./useActionsApi.js";
-import { useBlocksConfig as R } from "./useBlocksConfig.js";
-import { useConfig as x } from "./useConfig.js";
-import { useCustomInterfaceAppearance as O } from "./useCustomInterfaceAppearance.js";
-import { useFullStoryBridge as q } from "./useFullStoryBridge.js";
-import { useStripoEventHandler as H } from "./useStripoEventHandler.js";
-import { useStripoNotifications as N } from "./useStripoNotifications.js";
-import { useToaster as z } from "./useToaster.js";
-import { localePatch as L } from "../config/i18n/index.js";
-import { en as h } from "../config/i18n/en/index.js";
-import { ToasterTypeOptions as $ } from "../enums/toaster.js";
-import { useStripoApi as G } from "../services/stripoApi.js";
-import J from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as E } from "../stores/editor.js";
-import { dynamicContentToMergeTags as X } from "../utils/genericUtil.js";
-import j from "../package.json.js";
-const fo = (C, l) => {
-  const { features: c, template: w, isFeatureEnabled: u } = x(), { handleError: m, showToaster: b } = z(), { getToken: T, getCustomFonts: k, getSyncModulesStatus: B } = G(), { handleEvent: F } = H(), { getStripoBlocksConfig: v } = R(), { getStripoNotifications: V } = N(), _ = async (s, i = [], r = !1) => {
-    var g, S, y;
-    const o = E(), { html: p, css: a } = s, { baseBlocks: t, extensions: d } = await v(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, M = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, P = ((y = w.value) == null ? void 0 : y.forceRecreate) ?? !1;
+import { useActionsApi as x } from "./useActionsApi.js";
+import { useBlocksConfig as O } from "./useBlocksConfig.js";
+import { useConfig as q } from "./useConfig.js";
+import { useCustomInterfaceAppearance as H } from "./useCustomInterfaceAppearance.js";
+import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
+import { useModuleDynamicContentRepair as z } from "./useModuleDynamicContentRepair.js";
+import { useStripoEventHandler as L } from "./useStripoEventHandler.js";
+import { useStripoNotifications as $ } from "./useStripoNotifications.js";
+import { useToaster as G } from "./useToaster.js";
+import { localePatch as J } from "../config/i18n/index.js";
+import { en as C } from "../config/i18n/en/index.js";
+import { ToasterTypeOptions as X } from "../enums/toaster.js";
+import { useStripoApi as j } from "../services/stripoApi.js";
+import K from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as w } from "../stores/editor.js";
+import { buildMergeTagEntries as Q } from "../utils/genericUtil.js";
+import W from "../package.json.js";
+const ye = (b, l) => {
+  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: v, getCustomFonts: T, getSyncModulesStatus: B } = j(), { handleEvent: F } = L(), { handleModuleAdd: M } = z(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), _ = async (s, i = [], r = !1) => {
+    var S, y, h, E;
+    const e = w(), { html: f, css: a } = s, { baseBlocks: t, extensions: d } = await A(), g = ((S = c.value) == null ? void 0 : S.displayConditions) ?? !0, P = ((y = c.value) == null ? void 0 : y.modulesDisabled) ?? !1, I = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
     await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: C,
-        html: p,
+        metadata: b,
+        html: f,
         css: a,
-        forceRecreate: P,
+        forceRecreate: I,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !u("liquidSyntax"),
+        customAppearanceMergetags: !m("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: J,
-        conditionsEnabled: f,
-        customConditionsEnabled: f,
+        customViewStyles: K,
+        conditionsEnabled: g,
+        customConditionsEnabled: g,
         enableXSSSecurity: !0,
-        modulesDisabled: M,
+        modulesDisabled: P,
         syncModulesEnabled: r,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -56,43 +57,45 @@ const fo = (C, l) => {
         },
         mergeTags: [
           {
-            entries: X(
+            entries: Q(
               l.preselectedDynamicContentList,
-              u("liquidSyntax")
+              ((E = u.value) == null ? void 0 : E.availableDynamicContent) ?? [],
+              m("liquidSyntax")
             )
           }
         ],
-        async onTokenRefreshRequest(e) {
+        async onTokenRefreshRequest(o) {
           try {
-            const n = await T();
-            e(n);
+            const n = await v();
+            o(n);
           } catch (n) {
-            m(n, "Failed to refresh token");
+            p(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: e } = O(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: D } = U(), { injectFullStory: I } = q();
-            e(), n(), I(), D(), l.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
-              o.hasChanges = !1;
+            const { importCss: o } = H(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: R } = x(), { injectFullStory: U } = N();
+            o(), n(), U(), R(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+              e.hasChanges = !1;
             }, 1e3);
-          } catch (e) {
-            m(e, "Failed to load custom interface appearance");
+          } catch (o) {
+            p(o, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(e) {
-          o.isCodeEditorOpen = e;
+        onCodeEditorVisibilityChanged(o) {
+          e.isCodeEditorOpen = o;
         },
-        onEditorVisualModeChanged(e) {
-          o.editorVisualMode = e.toLowerCase();
+        onEditorVisualModeChanged(o) {
+          e.editorVisualMode = o.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(e) {
-          o.isVersionHistoryOpen = e;
+        onVersionHistoryVisibilityChanged(o) {
+          e.isVersionHistoryOpen = o;
         },
         onDataChanged() {
-          o.hasChanges = !0;
+          e.hasChanges = !0;
         },
         onEvent: F,
+        onModuleAdd: M,
         notifications: V(),
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
@@ -100,16 +103,16 @@ const fo = (C, l) => {
           ".in-drawer__container"
         ],
         extensions: d,
-        localePatch: L
+        localePatch: J
       }
     );
-  }, A = (s) => new Promise((i, r) => {
+  }, D = (s) => new Promise((i, r) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       Promise.resolve(s()).then(i, r);
       return;
     }
-    const o = j.guido, a = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
+    const e = W.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
     t.id = "UiEditorScript", t.type = "module", t.src = a, t.onload = () => {
       Promise.resolve(s()).then(i, r);
     }, t.onerror = () => {
@@ -117,21 +120,21 @@ const fo = (C, l) => {
     }, document.body.appendChild(t);
   });
   return { initPlugin: async (s) => {
-    const i = E();
+    const i = w();
     try {
-      await A(async () => {
-        const [r, o] = await Promise.all([
-          k(),
+      await D(async () => {
+        const [r, e] = await Promise.all([
+          T(),
           B()
         ]);
-        i.syncModulesEnabled = o, await _(s, r, o);
+        i.syncModulesEnabled = e, await _(s, r, e);
       });
     } catch {
-      i.loadingStatus = !1, b({
-        type: $.Error,
-        message: h["An error has occurred. Please report the error code to support."],
+      i.loadingStatus = !1, k({
+        type: X.Error,
+        message: C["An error has occurred. Please report the error code to support."],
         actionButton: {
-          text: h["Reload page"],
+          text: C["Reload page"],
           onClick: () => window.location.reload()
         }
       });
@@ -139,5 +142,5 @@ const fo = (C, l) => {
   } };
 };
 export {
-  fo as useStripo
+  ye as useStripo
 };

package/dist/src/@types/config/schemas.d.ts

@@ -227,6 +227,24 @@ export declare const TemplateSchema: v.ObjectSchema<{
             readonly value: v.StringSchema<undefined>;
         }, undefined>, undefined>;
     }, undefined>, undefined>, readonly []>;
+    /**
+     * Full set of dynamic-content items the account offers (label + token).
+     * Used as the label→token map that repairs label-form placeholders
+     * (e.g. `{{ Phone Number }}`) in dropped saved modules.
+     */
+    readonly availableDynamicContent: v.OptionalSchema<v.ArraySchema<v.ObjectSchema<{
+        /** Display text for the dynamic content */
+        readonly text: v.StringSchema<undefined>;
+        /** Template variable value (e.g., {{username}}) */
+        readonly value: v.StringSchema<undefined>;
+        /** Fallback value if variable is empty */
+        readonly fallback: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
+        /** Optional formatting options */
+        readonly format: v.OptionalSchema<v.ObjectSchema<{
+            readonly key: v.StringSchema<undefined>;
+            readonly value: v.StringSchema<undefined>;
+        }, undefined>, undefined>;
+    }, undefined>, undefined>, readonly []>;
     /** Valid custom field attribute names from the partner's categorized fields */
     readonly customFieldAttributes: v.OptionalSchema<v.ArraySchema<v.StringSchema<undefined>, undefined>, readonly []>;
     /** Selected unsubscribe page IDs */
@@ -622,6 +640,24 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
                 readonly value: v.StringSchema<undefined>;
             }, undefined>, undefined>;
         }, undefined>, undefined>, readonly []>;
+        /**
+         * Full set of dynamic-content items the account offers (label + token).
+         * Used as the label→token map that repairs label-form placeholders
+         * (e.g. `{{ Phone Number }}`) in dropped saved modules.
+         */
+        readonly availableDynamicContent: v.OptionalSchema<v.ArraySchema<v.ObjectSchema<{
+            /** Display text for the dynamic content */
+            readonly text: v.StringSchema<undefined>;
+            /** Template variable value (e.g., {{username}}) */
+            readonly value: v.StringSchema<undefined>;
+            /** Fallback value if variable is empty */
+            readonly fallback: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
+            /** Optional formatting options */
+            readonly format: v.OptionalSchema<v.ObjectSchema<{
+                readonly key: v.StringSchema<undefined>;
+                readonly value: v.StringSchema<undefined>;
+            }, undefined>, undefined>;
+        }, undefined>, undefined>, readonly []>;
         /** Valid custom field attribute names from the partner's categorized fields */
         readonly customFieldAttributes: v.OptionalSchema<v.ArraySchema<v.StringSchema<undefined>, undefined>, readonly []>;
         /** Selected unsubscribe page IDs */

package/dist/src/composables/useConfig.d.ts

@@ -34,6 +34,15 @@ export declare const useConfig: () => {
                     value: string;
                 } | undefined;
             }[];
+            availableDynamicContent: {
+                text: string;
+                value: string;
+                fallback?: string | undefined;
+                format?: {
+                    key: string;
+                    value: string;
+                } | undefined;
+            }[];
             customFieldAttributes: string[];
             selectedUnsubscribePages: number[];
             forceRecreate: boolean;
@@ -162,6 +171,15 @@ export declare const useConfig: () => {
                 value: string;
             } | undefined;
         }[];
+        availableDynamicContent: {
+            text: string;
+            value: string;
+            fallback?: string | undefined;
+            format?: {
+                key: string;
+                value: string;
+            } | undefined;
+        }[];
         customFieldAttributes: string[];
         selectedUnsubscribePages: number[];
         forceRecreate: boolean;

package/dist/src/composables/useModuleDynamicContentRepair.d.ts

@@ -0,0 +1,18 @@
+import type { ModuleAddData, ModuleModifier } from '@@/Types/stripo';
+/**
+ * Host-registered translation key for the "some attributes could not be
+ * converted" toaster. Guido resolves it against the host's `window.trans.en`;
+ * the copy is registered host-side.
+ */
+export declare const UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY = "dynamic-content.unresolved-attributes-on-drop";
+/**
+ * Repairs label-form dynamic-content tokens in saved modules as they are dropped
+ * or copied into the editor. Saved modules serialize merge-tag chips by their
+ * display label (`{{ Phone Number }}`); this maps them back to their canonical
+ * token (`{{phone_number}}`) using the account's dynamic-content list.
+ *
+ * Wired into Stripo via the `onModuleAdd` init callback (see `useStripo`).
+ */
+export declare const useModuleDynamicContentRepair: () => {
+    handleModuleAdd: (data: ModuleAddData, modifier: ModuleModifier) => void;
+};

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

@@ -39,6 +39,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -173,6 +182,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -307,6 +325,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -441,6 +468,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -575,6 +611,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -709,6 +754,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -843,6 +897,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -977,6 +1040,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1111,6 +1183,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1245,6 +1326,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1379,6 +1469,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1513,6 +1612,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1647,6 +1755,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1781,6 +1898,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1915,6 +2041,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -2049,6 +2184,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -2183,6 +2327,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -2317,6 +2470,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;

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

@@ -0,0 +1,27 @@
+import type { DynamicContent } from '@@/Types/generic';
+export interface DynamicContentConversionResult {
+    html: string;
+    /** Distinct tokens that matched neither a known value nor a known label (reported to the user). */
+    unresolved: string[];
+}
+/**
+ * Builds a label→item lookup from one or more dynamic-content lists, keyed by
+ * normalized label (trimmed, lowercased). When lists overlap, a later list wins
+ * for a shared key.
+ */
+export declare const buildDynamicContentLookup: (...lists: DynamicContent[][]) => Map<string, DynamicContent>;
+/**
+ * Repairs dynamic-content tokens in a dropped module's HTML, using `lookup`
+ * (label→item) built from the account's full dynamic-content list. Returns the
+ * rewritten HTML plus the tokens it could not resolve.
+ *
+ * A token is rewritten to its canonical `{{value}}` form when its name matches a
+ * display label (`{{ Phone Number }}` → `{{phone_number}}`). Left untouched: an
+ * exact canonical value (already correct — this also stops a valid token being
+ * rewritten just because it coincides with an unrelated label), Liquid nested
+ * tokens (dotted, e.g. `coupon.code`), recommendation-block variables
+ * (`123_0_attr`), allowed system tokens, and `data-*` product tags. The account
+ * list is exhaustive, so any remaining token matching neither a value nor a label
+ * is reported in `unresolved`; the text itself is always left in place.
+ */
+export declare const convertModuleDynamicContent: (html: string, lookup: Map<string, DynamicContent>, liquidSyntax: boolean) => DynamicContentConversionResult;

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

@@ -1,6 +1,13 @@
 import type { DynamicContent, MergeTag } from '@@/Types/generic';
 export declare const mergeTagToDynamicContent: (mergeTag: MergeTag) => DynamicContent;
 export declare const dynamicContentToMergeTags: (dynamicContentList: DynamicContent[], liquidSyntax?: boolean) => MergeTag[];
+/**
+ * Builds the editor merge-tag entries from the template's preselected list plus
+ * the account's full available list, deduped by token value (preselected wins so
+ * its fallback/format is kept). Registering the full list lets every recognized
+ * token — including ones repaired on module drop — render as a chip.
+ */
+export declare const buildMergeTagEntries: (preselected: DynamicContent[], available: DynamicContent[], liquidSyntax?: boolean) => MergeTag[];
 export declare const getCsrfToken: () => string;
 /**
  * URL Parameter utilities

package/dist/utils/dynamicContentConverter.js

@@ -0,0 +1,31 @@
+import { DATA_ATTRIBUTE_REGEX as A, DYNAMIC_CONTENT_TAG_REGEX as m, ALLOWED_DYNAMIC_SYSTEM_TOKENS as D } from "../enums/html-validator.js";
+import { dynamicContentToMergeTags as T } from "./genericUtil.js";
+const p = "guidoDataMask", M = "EndDataMask", f = /guidoDataMask(\d+)EndDataMask/g, h = /^\d+_\d+_.+$/, E = (o) => o.trim().toLowerCase(), I = (...o) => {
+  const r = /* @__PURE__ */ new Map();
+  return o.forEach((i) => {
+    i.forEach((s) => {
+      const a = E(s.text);
+      a && r.set(a, s);
+    });
+  }), r;
+}, w = (o, r, i) => {
+  const s = /* @__PURE__ */ new Set(), a = new Set([...r.values()].map((e) => e.value)), u = [];
+  return { html: o.replace(A, (e) => (u.push(e), `${p}${u.length - 1}${M}`)).replace(m, (e) => {
+    const n = e.slice(2, -2), c = n.indexOf("|"), l = c === -1 ? n : n.slice(0, c), t = l.trim();
+    if (t === "" || D.includes(t) || t.includes(".") || h.test(t) || a.has(t))
+      return e;
+    const d = r.get(E(t));
+    if (d) {
+      if (c !== -1) {
+        const _ = n.slice(c);
+        return `{{${l.replace(t, () => d.value)}${_}}}`;
+      }
+      return T([d], i)[0].value;
+    }
+    return s.add(t), e;
+  }).replace(f, (e, n) => u[Number(n)]), unresolved: [...s] };
+};
+export {
+  I as buildDynamicContentLookup,
+  w as convertModuleDynamicContent
+};

package/dist/utils/genericUtil.js

@@ -1,47 +1,54 @@
-const s = (e) => {
-  const a = e.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [n] = a, c = {
-    text: e.label,
+const u = (t) => {
+  const a = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [n] = a, e = {
+    text: t.label,
     value: n || ""
   };
   if (a.length >= 2) {
-    const [, l, r] = a;
+    const [, l, f] = a;
     if (l.startsWith("default:")) {
-      let t = l.slice(8).trim();
-      t.startsWith('"') && t.endsWith('"') && (t = t.slice(1, -1)), c.fallback = t;
+      let r = l.slice(8).trim();
+      r.startsWith('"') && r.endsWith('"') && (r = r.slice(1, -1)), e.fallback = r;
     } else {
-      const t = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
-      t ? c.format = t : r || (c.fallback = l), r && (c.fallback = r);
+      const r = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
+      r ? e.format = r : f || (e.fallback = l), f && (e.fallback = f);
     }
   }
-  return c;
-}, u = (e, f = !1) => e.map((a) => {
+  return e;
+}, s = (t, c = !1) => t.map((a) => {
   if (a.format)
     return {
       label: `${a.text} | ${a.format.key}=${a.format.value}`,
       value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
     };
-  if (f) {
+  if (c) {
     if (!a.fallback)
       return {
         label: a.text,
         value: `{{ ${a.value} }}`
       };
-    const c = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
+    const e = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
     return {
       label: `${a.text} | ${a.fallback}`,
-      value: `{{ ${a.value} | default: ${c} }}`
+      value: `{{ ${a.value} | default: ${e} }}`
     };
   }
   return {
     label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
     value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
   };
-}), o = () => {
-  var e;
-  return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
+}), o = (t, c, a = !1) => {
+  const n = new Set(t.map((l) => l.value)), e = c.filter((l) => n.has(l.value) ? !1 : (n.add(l.value), !0));
+  return [
+    ...s(t, a),
+    ...s(e, a)
+  ];
+}, b = () => {
+  var t;
+  return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
 };
 export {
-  u as dynamicContentToMergeTags,
-  o as getCsrfToken,
-  s as mergeTagToDynamicContent
+  o as buildMergeTagEntries,
+  s as dynamicContentToMergeTags,
+  b as getCsrfToken,
+  u as mergeTagToDynamicContent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.11.0-beta.ad6af17",
+  "version": "3.11.0-beta.c237b25",
   "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",