@useinsider/guido 3.11.0-beta.f2b79f2 → 3.11.0-beta.f4ab671

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

@@ -1,5 +1,5 @@
-import { ModuleFolderDefaults as S } from "../../enums/defaults.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";
+import { ModuleFolderDefaults as y } from "../../enums/defaults.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 f, boolean as o, array as c, record as k, fallback as C, literal as i, looseObject as g, variant as R, union as h, unknown as s, lazy as T } 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
-}, C = a({
+}, A = a({
   /** Unique identifier for the template being edited */
   templateId: p(
     t(),
@@ -25,12 +25,12 @@ const d = {
   ),
   /** Optional variation ID for A/B testing */
   variationId: e(t())
-}), T = a({
+}), I = a({
   /** Fallback font name (e.g., "Georgia") */
   name: t(),
   /** Fallback font family (e.g., "serif" or "sans-serif") */
   family: t()
-}), A = a({
+}), L = a({
   /** Partner/organization name (required) */
   name: p(
     t(),
@@ -53,8 +53,8 @@ const d = {
   /** Display name for the current user */
   username: e(t(), "Guido User"),
   /** Fallback font settings from partner settings — used to match backend size calculation */
-  fallbackFont: e(T)
-}), y = a({
+  fallbackFont: e(I)
+}), v = a({
   /** Display text for the dynamic content */
   text: t(),
   /** Template variable value (e.g., {{username}}) */
@@ -68,11 +68,22 @@ const d = {
       value: t()
     })
   )
-}), I = g({
+}), S = T(() => g({
+  text: e(t()),
+  // eslint-disable-next-line camelcase -- backend field name
+  tag_text: e(t()),
+  value: e(t()),
+  children: e(c(S)),
+  // eslint-disable-next-line camelcase -- backend field name
+  select_items: e(c(S))
+})), P = k(
+  t(),
+  C(c(S), [])
+), D = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(f([t(), n()])),
+  decimalCount: e(h([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(s())),
   /** Whether the block requested live products at send time */
@@ -106,14 +117,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(), n()])),
+  size: e(h([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())
-}), v = a({
+}), E = a({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -121,28 +132,27 @@ const d = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    k(t(), I),
+    k(t(), D),
     {}
   )
-}), L = a({
+}), M = a({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
   css: e(t(), ""),
   /** Preselected dynamic content items */
   preselectedDynamicContent: e(
-    c(y),
+    c(v),
     []
   ),
   /**
-   * 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.
+   * Partner-keyed set of dynamic-content items the account offers, e.g.
+   * `{ [partnerName]: [{ text, value, children }] }`. Guido flattens it
+   * (union across partners, leaf attributes only) into the label→token map
+   * that repairs label-form placeholders (`{{ Phone Number }}`) in dropped
+   * saved modules.
    */
-  availableDynamicContent: e(
-    c(y),
-    []
-  ),
+  dynamicContentList: e(P, {}),
   /** Valid custom field attribute names from the partner's categorized fields */
   customFieldAttributes: e(c(t()), []),
   /** Selected unsubscribe page IDs */
@@ -150,13 +160,13 @@ const d = {
   /** 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(v, {})
-}), P = a({
+  migration: e(E, {})
+}), N = a({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
   subject: e(t(), "")
-}), E = a({
+}), O = a({
   /** Locale for the editor UI */
   locale: e(t(), "en"),
   /** Path to translations object */
@@ -164,17 +174,17 @@ const d = {
   /** Migration date for template compatibility */
   migrationDate: e(n(), 1759696858),
   /** Email header settings */
-  emailHeader: e(P, { senderName: "", subject: "" }),
+  emailHeader: e(N, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), S.SAVED_MODULES),
+  savedModulesFolderName: e(t(), y.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
-}), M = a({
+  defaultModulesFolderName: e(t(), y.DEFAULT_MODULES)
+}), x = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
   /** Custom label for back button (if shown) */
   backButtonLabel: e(t())
-}), O = a({
+}), F = a({
   /** Enable dynamic content insertion */
   dynamicContent: e(o(), !0),
   /** Enable save as template functionality */
@@ -193,7 +203,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)
-}), D = l([
+}), U = l([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -207,7 +217,7 @@ const d = {
   "text-block",
   "timer-block",
   "video-block"
-]), N = l([
+]), B = l([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -215,15 +225,15 @@ const d = {
   "unsubscribe-block",
   "coupon-block",
   "items-block"
-]), x = a({
+]), w = a({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
-    c(D),
+    c(U),
     []
   ),
   /** Custom blocks to include in the editor */
   includeCustoms: e(
-    c(N),
+    c(B),
     []
   )
 }), m = a({
@@ -233,7 +243,7 @@ const d = {
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
   priority: n()
-}), F = a({
+}), H = a({
   ...m.entries,
   type: i("replace"),
   /** String to search for */
@@ -242,7 +252,7 @@ const d = {
   replacement: t(),
   /** Replace all occurrences (default: false) */
   replaceAll: e(o())
-}), U = a({
+}), _ = a({
   ...m.entries,
   type: i("regex"),
   /** Regex pattern string */
@@ -251,85 +261,87 @@ const d = {
   replacement: t(),
   /** Regex flags (e.g., 'gi') */
   flags: e(t())
-}), B = a({
+}), j = a({
   ...m.entries,
   type: i("remove"),
   /** Strings or patterns to remove */
   targets: c(t())
-}), w = a({
+}), q = a({
   ...m.entries,
   type: i("custom"),
   /** Custom processor function */
-  processor: h(
+  processor: f(
     (u) => typeof u == "function",
     "processor must be a function"
   )
-}), H = R("type", [
-  F,
-  U,
-  B,
-  w
-]), j = a({
+}), G = R("type", [
+  H,
+  _,
+  j,
+  q
+]), V = a({
   /** Custom compiler rules to apply */
-  customRules: e(c(H), []),
+  customRules: e(c(G), []),
   /** Skip default compiler rules */
   ignoreDefaultRules: e(o(), !1)
-}), q = a({
+}), z = a({
   /**
    * External validation handler called before save completes.
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    h(
+    f(
       (u) => typeof u == "function",
       "externalValidation must be a function"
     )
   )
-}), V = a({
+}), K = a({
   // Required sections
   /** Identity configuration (required) */
-  identity: C,
+  identity: A,
   /** Partner configuration (required) */
-  partner: A,
+  partner: L,
   // Optional sections (with defaults)
   /** Template content and presets */
-  template: e(L, {}),
+  template: e(M, {}),
   /** Editor settings */
-  editor: e(E, {}),
+  editor: e(O, {}),
   /** UI configuration */
-  ui: e(M, {}),
+  ui: e(x, {}),
   /** Feature toggles */
-  features: e(O, {}),
+  features: e(F, {}),
   /** Block configuration */
-  blocks: e(x, {}),
+  blocks: e(w, {}),
   /** Compiler configuration */
-  compiler: e(j, {}),
+  compiler: e(V, {}),
   /** Callbacks and event handlers */
-  callbacks: e(q, {})
+  callbacks: e(z, {})
 });
 export {
-  x as BlocksSchema,
-  q as CallbacksSchema,
-  H as CompilerRuleSchema,
-  j as CompilerSchema,
-  N as CustomBlockTypeSchema,
-  w as CustomRuleSchema,
-  D as DefaultBlockTypeSchema,
-  y as DynamicContentSchema,
-  E as EditorSchema,
-  P as EmailHeaderSchema,
-  T as FallbackFontSchema,
-  O as FeaturesSchema,
-  V as GuidoConfigSchema,
-  C as IdentitySchema,
-  I as LegacyRecommendationConfigSchema,
+  w as BlocksSchema,
+  z as CallbacksSchema,
+  G as CompilerRuleSchema,
+  V as CompilerSchema,
+  B as CustomBlockTypeSchema,
+  q as CustomRuleSchema,
+  U as DefaultBlockTypeSchema,
+  P as DynamicContentListSchema,
+  S as DynamicContentNodeSchema,
+  v as DynamicContentSchema,
+  O as EditorSchema,
+  N as EmailHeaderSchema,
+  I as FallbackFontSchema,
+  F as FeaturesSchema,
+  K as GuidoConfigSchema,
+  A as IdentitySchema,
+  D as LegacyRecommendationConfigSchema,
   d as MessageType,
-  A as PartnerSchema,
+  L as PartnerSchema,
   r as ProductType,
-  U as RegexRuleSchema,
-  B as RemoveRuleSchema,
-  F as ReplaceRuleSchema,
-  v as TemplateMigrationSchema,
-  L as TemplateSchema,
-  M as UISchema
+  _ as RegexRuleSchema,
+  j as RemoveRuleSchema,
+  H as ReplaceRuleSchema,
+  E as TemplateMigrationSchema,
+  M as TemplateSchema,
+  x as UISchema
 };

package/dist/composables/useModuleDynamicContentRepair.js

@@ -1,36 +1,37 @@
-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 { useConfig as C } from "./useConfig.js";
+import { useToaster as D } from "./useToaster.js";
+import { useTranslations as T } from "./useTranslations.js";
+import { ToasterTypeOptions as g } 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) => {
+import { flattenDynamicContentList as f } from "../utils/genericUtil.js";
+const M = "dynamic-content.unresolved-attributes-on-drop", b = () => {
+  const { template: i, isFeatureEnabled: p } = C(), { showToaster: m } = D(), a = T();
+  return { handleModuleAdd: (n, o) => {
     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)
+      const e = h(f((s = i.value) == null ? void 0 : s.dynamicContentList));
+      if (e.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);
+      const t = (c = o == null ? void 0 : o.getTargetNode) == null ? void 0 : c.call(o), 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,
+        e,
         p("liquidSyntax")
       );
-      u !== r && e.modifyHtml(t).replaceWith(u), y.length > 0 && a({
-        type: C.Warning,
-        message: m(M)
+      u !== r && o.modifyHtml(t).replaceWith(u), y.length > 0 && m({
+        type: g.Warning,
+        message: a(M)
       });
-    } catch (o) {
-      console.error("Failed to repair dynamic content on module add:", o);
+    } catch (e) {
+      console.error("Failed to repair dynamic content on module add:", e);
     }
   } };
 };
 export {
   M as UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY,
-  A as useModuleDynamicContentRepair
+  b as useModuleDynamicContentRepair
 };

package/dist/composables/useStripo.js

@@ -2,23 +2,23 @@ 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 { useFullStoryBridge as L } from "./useFullStoryBridge.js";
+import { useModuleDynamicContentRepair as N } from "./useModuleDynamicContentRepair.js";
+import { useStripoEventHandler as z } 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 { en as E } 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;
+import { buildMergeTagEntries as Q, flattenDynamicContentList as W } from "../utils/genericUtil.js";
+import Y from "../package.json.js";
+const he = (b, l) => {
+  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: T, getCustomFonts: v, getSyncModulesStatus: B } = j(), { handleEvent: F } = z(), { handleModuleAdd: M } = N(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), _ = async (n, i = [], r = !1) => {
+    var S, y, h, C;
+    const e = w(), { html: f, css: a } = n, { baseBlocks: o, 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"),
       {
@@ -49,7 +49,7 @@ const ye = (b, l) => {
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
-        ...t ? { baseBlocks: t } : {},
+        ...o ? { baseBlocks: o } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
@@ -59,37 +59,37 @@ const ye = (b, l) => {
           {
             entries: Q(
               l.preselectedDynamicContentList,
-              ((E = u.value) == null ? void 0 : E.availableDynamicContent) ?? [],
+              W((C = u.value) == null ? void 0 : C.dynamicContentList),
               m("liquidSyntax")
             )
           }
         ],
-        async onTokenRefreshRequest(o) {
+        async onTokenRefreshRequest(t) {
           try {
-            const n = await v();
-            o(n);
-          } catch (n) {
-            p(n, "Failed to refresh token");
+            const s = await T();
+            t(s);
+          } catch (s) {
+            p(s, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            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(() => {
+            const { importCss: t } = H(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: R } = x(), { injectFullStory: U } = L();
+            t(), s(), U(), R(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
-          } catch (o) {
-            p(o, "Failed to load custom interface appearance");
+          } catch (t) {
+            p(t, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(o) {
-          e.isCodeEditorOpen = o;
+        onCodeEditorVisibilityChanged(t) {
+          e.isCodeEditorOpen = t;
         },
-        onEditorVisualModeChanged(o) {
-          e.editorVisualMode = o.toLowerCase();
+        onEditorVisualModeChanged(t) {
+          e.editorVisualMode = t.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(o) {
-          e.isVersionHistoryOpen = o;
+        onVersionHistoryVisibilityChanged(t) {
+          e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
           e.hasChanges = !0;
@@ -106,35 +106,35 @@ const ye = (b, l) => {
         localePatch: J
       }
     );
-  }, D = (s) => new Promise((i, r) => {
+  }, D = (n) => new Promise((i, r) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      Promise.resolve(s()).then(i, r);
+      Promise.resolve(n()).then(i, r);
       return;
     }
-    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 = () => {
+    const e = Y.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
+      Promise.resolve(n()).then(i, r);
+    }, o.onerror = () => {
       r(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
-    }, document.body.appendChild(t);
+    }, document.body.appendChild(o);
   });
-  return { initPlugin: async (s) => {
+  return { initPlugin: async (n) => {
     const i = w();
     try {
       await D(async () => {
         const [r, e] = await Promise.all([
-          T(),
+          v(),
           B()
         ]);
-        i.syncModulesEnabled = e, await _(s, r, e);
+        i.syncModulesEnabled = e, await _(n, r, e);
       });
     } catch {
       i.loadingStatus = !1, k({
         type: X.Error,
-        message: C["An error has occurred. Please report the error code to support."],
+        message: E["An error has occurred. Please report the error code to support."],
         actionButton: {
-          text: C["Reload page"],
+          text: E["Reload page"],
           onClick: () => window.location.reload()
         }
       });
@@ -142,5 +142,5 @@ const ye = (b, l) => {
   } };
 };
 export {
-  ye as useStripo
+  he as useStripo
 };