@useinsider/guido 3.11.0-beta.181af4d → 3.11.0-beta.1fde696

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/config/i18n/en/labels.json.js

@@ -5,23 +5,6 @@ const e = "Items", o = {
   Items: e,
   "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.",
   "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.",
-  "email-editor.a11y-hide-images": "Hide images",
-  "email-editor.a11y-show-images": "Show images",
-  "email-editor.cvd-none": "No Color Deficiency",
-  "email-editor.cvd-protanopia": "Protanopia",
-  "email-editor.cvd-protanopia-description": "Causes red-green confusion and makes reds appear darker.",
-  "email-editor.cvd-deuteranopia": "Deuteranopia",
-  "email-editor.cvd-deuteranopia-description": "Causes red-green confusion.",
-  "email-editor.cvd-tritanopia": "Tritanopia",
-  "email-editor.cvd-tritanopia-description": "Causes blue-yellow confusion.",
-  "email-editor.cvd-achromatopsia": "Achromatopsia",
-  "email-editor.cvd-achromatopsia-description": "Causes complete color blindness.",
-  "email-editor.more-actions": "More actions",
-  "email-editor.preferences": "Preferences",
-  "email-editor.actions": "Actions",
-  "email-editor.accessibility-test": "Accessibility Test",
-  "email-editor.autosaved-at-today": "Autosaved at {time}, Today",
-  "email-editor.autosaved-at-date": "Autosaved at {date}",
   "Pixel Tracking Opt-in": "Pixel Tracking Opt-in",
   "OPT-IN SELECTION": "OPT-IN SELECTION",
   "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS"

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.color-vision-select__trigger[data-v-383f6378]{height:32px;padding:0 8px;border:none;border-radius:6px;background-color:#f1f3fe;cursor:pointer}.color-vision-select__trigger[data-v-383f6378]:disabled{cursor:not-allowed;opacity:.6}.color-vision-select__label[data-v-383f6378]{white-space:nowrap}.color-vision-select__menu[data-v-383f6378]{top:calc(100% + 4px);left:0;z-index:20;width:320px;padding:8px;border-radius:8px;background-color:#fff;box-shadow:0 4px 16px #0000001f}.color-vision-select__option[data-v-383f6378]{width:100%;padding:8px;border:none;border-radius:6px;background-color:transparent;text-align:left;cursor:pointer}.color-vision-select__option[data-v-383f6378]:hover,.color-vision-select__option_selected[data-v-383f6378]{background-color:#f1f3fe}.color-vision-select__option-description[data-v-383f6378]{margin-top:2px}.accessibility-toolbar[data-v-e222d603]{gap:8px}.accessibility-toolbar__divider[data-v-e222d603]{width:1px;height:24px;background-color:#e5e7f0}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.editor-actions-menu__panel[data-v-287a74e3]{top:calc(100% + 4px);right:0;z-index:20;width:222px;padding:8px;border-radius:8px;background-color:#fff;box-shadow:0 4px 16px #0000001f}.editor-actions-menu__section[data-v-287a74e3]{padding:8px 8px 4px;text-transform:uppercase;letter-spacing:.4px}.editor-actions-menu__row[data-v-287a74e3]{width:100%;padding:8px;border:none;border-radius:6px;background-color:transparent;text-align:left;cursor:pointer}.editor-actions-menu__row[data-v-287a74e3]:not(.editor-actions-menu__row_static):hover{background-color:#f1f3fe}.editor-actions-menu__row_static[data-v-287a74e3]{cursor:default}.editor-actions-menu__row[data-v-287a74e3]:disabled{cursor:not-allowed;opacity:.6}.editor-actions-menu__divider[data-v-287a74e3]{height:1px;margin:4px 0;background-color:#e5e7f0}.editor-actions[data-v-d51fb931]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/node_modules/@vueuse/shared/index.js

@@ -1,57 +1,45 @@
 import "../../vue-demi/lib/index.js";
-import { unref as p, getCurrentScope as w, onScopeDispose as m } from "vue";
-function T(t) {
-  return w() ? (m(t), !0) : !1;
-}
-function a(t) {
+import { unref as p } from "vue";
+function f(t) {
   return typeof t == "function" ? t() : p(t);
 }
-const g = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const b = Object.prototype.toString, j = (t) => b.call(t) === "[object Object]", f = () => {
-}, x = /* @__PURE__ */ h();
-function h() {
-  var t, n;
-  return g && ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
-}
-function v(t, n) {
-  function o(...e) {
-    return new Promise((r, i) => {
-      Promise.resolve(t(() => n.apply(this, e), { fn: n, thisArg: this, args: e })).then(r).catch(i);
+const m = () => {
+};
+function h(t, n) {
+  function r(...e) {
+    return new Promise((i, o) => {
+      Promise.resolve(t(() => n.apply(this, e), { fn: n, thisArg: this, args: e })).then(i).catch(o);
     });
   }
-  return o;
+  return r;
 }
-function S(t, n = {}) {
-  let o, e, r = f;
-  const i = (u) => {
-    clearTimeout(u), r(), r = f;
+function T(t, n = {}) {
+  let r, e, i = m;
+  const o = (u) => {
+    clearTimeout(u), i(), i = m;
   };
   return (u) => {
-    const s = a(t), c = a(n.maxWait);
-    return o && i(o), s <= 0 || c !== void 0 && c <= 0 ? (e && (i(e), e = null), Promise.resolve(u())) : new Promise((l, d) => {
-      r = n.rejectOnCancel ? d : l, c && !e && (e = setTimeout(() => {
-        o && i(o), e = null, l(u());
-      }, c)), o = setTimeout(() => {
-        e && i(e), e = null, l(u());
-      }, s);
+    const a = f(t), l = f(n.maxWait);
+    return r && o(r), a <= 0 || l !== void 0 && l <= 0 ? (e && (o(e), e = null), Promise.resolve(u())) : new Promise((c, s) => {
+      i = n.rejectOnCancel ? s : c, l && !e && (e = setTimeout(() => {
+        r && o(r), e = null, c(u());
+      }, l)), r = setTimeout(() => {
+        e && o(e), e = null, c(u());
+      }, a);
     });
   };
 }
-function A(t, n = 200, o = {}) {
-  return v(
-    S(n, o),
+function P(t, n = 200, r = {}) {
+  return h(
+    T(n, r),
     t
   );
 }
 export {
-  v as createFilterWrapper,
-  S as debounceFilter,
-  g as isClient,
-  x as isIOS,
-  j as isObject,
-  f as noop,
-  a as toValue,
-  T as tryOnScopeDispose,
-  A as useDebounceFn
+  h as createFilterWrapper,
+  T as debounceFilter,
+  m as noop,
+  f as toValue,
+  P as useDebounceFn
 };

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 */
@@ -354,8 +372,6 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
     readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
-    /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
-    readonly accessibilityTesting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
 /**
  * Default block types available in Stripo
@@ -624,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 */
@@ -736,8 +770,6 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
         readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
-        /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
-        readonly accessibilityTesting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
     /** Block configuration */
     readonly blocks: v.OptionalSchema<v.ObjectSchema<{

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

@@ -1,5 +1,5 @@
-import type { CompileEmailOptions } from '@@/Types/api/actions-api';
-import { GetCompiledEmailOptions, CompiledEmailResult, TemplateData } from '@@/Types/api/actions-api';
+import type { CompileEmailOptions } from '@@/Types/actions-api';
+import { GetCompiledEmailOptions, CompiledEmailResult, TemplateData } from '@@/Types/actions-api';
 export declare const useActionsApi: () => {
     getCompiledEmail: (options?: GetCompiledEmailOptions) => Promise<CompiledEmailResult>;
     getTemplateData: () => Promise<TemplateData>;

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;
@@ -93,7 +102,6 @@ export declare const useConfig: () => {
             modulesDisabled: boolean;
             liquidSyntax: boolean;
             autosave: boolean;
-            accessibilityTesting: 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")[];
@@ -163,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;
@@ -222,7 +239,6 @@ export declare const useConfig: () => {
         modulesDisabled: boolean;
         liquidSyntax: boolean;
         autosave: boolean;
-        accessibilityTesting: boolean;
     } | null>;
     blocks: import("vue").ComputedRef<{
         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/composables/useHtmlValidator.test.d.ts

@@ -0,0 +1 @@
+export {};

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/config/compiler/utils/recommendationIgnoreUtils.test.d.ts

@@ -0,0 +1 @@
+export {};