@useinsider/guido 3.20.1-beta.49b58ed → 3.20.1-beta.55d63aa

package/dist/composables/useDisplayConditions.js

@@ -0,0 +1,111 @@
+import { useToaster as x } from "./useToaster.js";
+import { useTranslations as M } from "./useTranslations.js";
+import { DISPLAY_CONDITION_LIMITS as r, DisplayConditionEvent as E } from "../enums/display-condition.js";
+import { ToasterTypeOptions as l } from "../enums/toaster.js";
+import { useDisplayConditionApi as N } from "../services/displayConditionApi.js";
+import { useConfigStore as T } from "../stores/config.js";
+import { useDisplayConditionStore as _ } from "../stores/display-condition.js";
+import { parseSource as O, findInvalidCodeFields as B } from "../utils/displayCondition.js";
+import { escapeHtml as L } from "../utils/htmlEscape.js";
+import { computed as X } from "vue";
+const i = "email-editor.display-conditions", y = (n, f, a) => ({
+  id: f,
+  name: n.name.trim(),
+  description: n.description.trim(),
+  beforeScript: n.codeBefore,
+  afterScript: n.codeAfter,
+  extraData: JSON.stringify({ source: a })
+}), Q = () => {
+  const n = _(), f = T(), a = N(), o = M(), { showToaster: c } = x(), p = X(() => {
+    var e;
+    return (e = f.features) != null && e.liquidSyntax ? "liquid" : "pongo";
+  }), v = (e) => {
+    const t = { condition: e };
+    document.dispatchEvent(new CustomEvent(E.APPLY, { detail: t })), n.close();
+  }, g = () => {
+    n.view !== "none" && (document.dispatchEvent(new CustomEvent(E.CANCEL)), n.close());
+  }, C = (e) => {
+    if (e.mode === "select") {
+      n.openSelect();
+      return;
+    }
+    n.openCreate(e.mode === "edit" ? e.current : null);
+  }, $ = async () => {
+    n.listStatus = "loading";
+    try {
+      const e = await a.list(p.value);
+      n.list = e.data, n.listStatus = "loaded";
+    } catch (e) {
+      console.warn("Display conditions could not be loaded.", e), n.listStatus = "error";
+    }
+  }, h = (e, t) => {
+    const s = {}, u = e.name.trim();
+    t === "save" && !u ? s.name = o(`${i}.error-name-required`) : u && u.length < r.NAME_MIN ? s.name = o(`${i}.error-name-min`, { min: r.NAME_MIN }) : u.length > r.NAME_MAX && (s.name = o(`${i}.error-name-max`, { max: r.NAME_MAX }));
+    const { DESCRIPTION_MAX: S } = r;
+    e.description.trim().length > S && (s.description = o(`${i}.error-description-max`, { max: S }));
+    const I = B(e.codeBefore, e.codeAfter);
+    return ["codeBefore", "codeAfter"].forEach((d) => {
+      e[d].trim() ? I.includes(d) ? s[d] = o(`${i}.error-code-invalid`) : e[d].length > r.CODE_MAX && (s[d] = o(`${i}.error-code-max`, { max: r.CODE_MAX })) : s[d] = o(`${i}.error-code-required`);
+    }), s;
+  }, D = () => {
+    c({ type: l.Error, message: o(`${i}.validation-failed`) });
+  }, m = (e) => ({ name: L(e) }), A = (e, t) => {
+    e != null && e.authReported || (console.warn(t, e), c({ type: l.Error, message: t }));
+  };
+  return {
+    syntax: p,
+    handleOpen: C,
+    cancel: g,
+    loadList: $,
+    validate: h,
+    notifyInvalid: D,
+    createInline: (e) => {
+      const t = n.editing && O(n.editing) === "inline" ? n.editing.id : Date.now();
+      v(y(e, t, "inline")), c({
+        type: l.Success,
+        message: o(`${i}.created`, m(e.name.trim()))
+      });
+    },
+    createAndSave: async (e) => {
+      try {
+        if (await a.nameExists(e.name, p.value))
+          return { name: o(`${i}.error-name-exists`) };
+        const t = await a.create(e, p.value);
+        return n.list = [t, ...n.list.filter((s) => s.id !== t.id)], v(y({
+          name: t.name,
+          description: t.description,
+          codeBefore: t.codeBefore,
+          codeAfter: t.codeAfter
+        }, t.id, "saved")), c({
+          type: l.Success,
+          message: o(`${i}.created-and-saved`, m(t.name))
+        }), {};
+      } catch (t) {
+        return A(t, o(`${i}.save-failed`, m(e.name.trim()))), null;
+      }
+    },
+    select: (e) => {
+      v(y({
+        name: e.name,
+        description: e.description,
+        codeBefore: e.codeBefore,
+        codeAfter: e.codeAfter
+      }, e.id, "saved")), c({ type: l.Success, message: o(`${i}.applied`, m(e.name)) });
+    },
+    deleteSaved: async (e) => {
+      try {
+        await a.remove(e.id), n.list = n.list.filter((t) => t.id !== e.id), c({
+          type: l.Success,
+          message: o(`${i}.deleted`, m(e.name))
+        });
+      } catch (t) {
+        A(t, o(`${i}.delete-failed`));
+      } finally {
+        n.pendingDelete = null;
+      }
+    }
+  };
+};
+export {
+  Q as useDisplayConditions
+};

package/dist/composables/useLegacyStrategyConversion.js

@@ -1,34 +1,34 @@
-import { useRecommendation as C } from "./useRecommendation.js";
+import { useRecommendation as S } from "./useRecommendation.js";
 import { useToaster as I } from "./useToaster.js";
 import { useTranslations as v } from "./useTranslations.js";
 import { ToasterTypeOptions as g } from "../enums/toaster.js";
 import "../extensions/Blocks/Recommendation/constants/selectors.js";
 import { CURRENT_CONFIG_VERSION as L } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { resolveMigrationTarget as k, buildLegacyMigrationPayload as R } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
+import { useRecommendationExtensionStore as R } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { resolveMigrationTarget as b, buildLegacyMigrationPayload as k } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
 import { commitBlockChangeOutsidePanel as T } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
 import { useConfigStore as h } from "../stores/config.js";
 const F = () => {
-  const e = b(), r = h(), { buildCampaignUrl: m } = C(), { showToaster: c } = I(), a = v();
+  const e = R(), o = h(), { buildCampaignUrl: m } = S(), { showToaster: c } = I(), a = v();
   return { convertLegacyStrategy: async () => {
     const t = e.currentRecommendationId;
     if (t === null || !e.isLegacyStrategyBlock || e.legacyConversionLoading)
       return "";
-    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = k({
-      campaignId: r.campaignId,
-      templateLibraryId: r.templateLibraryId
-    }), S = R({
+    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = b({
+      campaignId: o.campaignId,
+      templateLibraryId: o.templateLibraryId
+    }), C = k({
       blockId: t,
       url: m(String(t)),
-      campaignId: r.campaignId,
-      variationId: r.variationId,
+      campaignId: o.campaignId,
+      variationId: o.variationId,
       strategy: d,
       productIds: y,
       target: s
     });
-    let o;
+    let r;
     try {
-      o = await e.convertLegacyStrategy(S, s);
+      r = await e.convertLegacyStrategy(C, s);
     } catch (i) {
       return console.error("[useLegacyStrategyConversion] migration failed", i), c({
         type: g.Error,
@@ -40,7 +40,7 @@ const F = () => {
       }), "";
     }
     try {
-      await e.fetchStrategyProductsForBlock(t);
+      await e.fetchRecommendationProductsForBlock(t);
     } catch (i) {
       console.error("[useLegacyStrategyConversion] product refetch failed", i);
     }
@@ -48,16 +48,16 @@ const F = () => {
     return n ? T(
       t,
       {
-        strategyId: o,
+        strategyId: r,
         size: n.recommendationConfigs.size,
         configVersion: L
       },
       n.recommendationProducts,
       "Converted legacy recommendation strategy"
-    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), c({
+    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), r) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), c({
       type: g.Error,
       message: a("email-editor.legacy-strategy-update-failed")
-    }), "") : o;
+    }), "") : r;
   } };
 };
 export {

package/dist/composables/useStripo.js

@@ -31,13 +31,13 @@ const he = () => {
     n = null;
   }), n), D = async (r, s, o, a = [], i = !1) => {
     var y, E, h, C;
-    const e = k(), { html: d, css: R } = r, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    const e = k(), { html: d, css: P } = r, { baseBlocks: g, extensions: R } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
     w().importCss(), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
         html: d,
-        css: R,
+        css: P,
         forceRecreate: I,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
@@ -60,6 +60,7 @@ const he = () => {
         keepModuleStylesEnabled: !0,
         displayTitle: !1,
         displayUTM: !1,
+        copyPasteEnabled: !1,
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: q,
@@ -120,7 +121,7 @@ const he = () => {
           ".in-modal-v2-wrapper",
           ".in-toasts-wrapper"
         ],
-        extensions: P,
+        extensions: R,
         localePatch: J
       }
     );

package/dist/config/i18n/en/labels.json.js

@@ -1,51 +1,19 @@
-const e = "Items", o = "Default", i = "Custom", t = {
+const e = "Items", o = "Default", t = "Custom", s = {
   "Global Styles & Layout": "Global Styles and Layout",
   "Structures & Modules": "Structures and Modules",
   "Recommendation Block": "Recommendation Block",
   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": "{boldStart}Autosaved{boldEnd} at {time}, Today",
-  "email-editor.autosaved-at-date": "{boldStart}Autosaved{boldEnd} at {date}",
-  "email-editor.export-html": "Export HTML",
-  "email-editor.onboarding-kebab-title": "Discover Preferences and Actions",
-  "email-editor.onboarding-kebab-description": "You can now access your Preferences and Actions easily such as Autosave, Export HTML, Version History, Accessibility Test and Save As Template.",
-  "email-editor.onboarding-autosave-title": "Autosave Your Design",
-  "email-editor.onboarding-autosave-description": "You can save your design automatically by enabling Autosave without losing your work.",
-  "email-editor.onboarding-accessibility-title": "Test Accessibility of Your Design",
-  "email-editor.onboarding-accessibility-description": "You can test the accessibility of your design to see the Failed, Passed items and update the Failed ones accordingly.",
   "Pixel Tracking Opt-in": "Pixel Tracking Opt-in",
   "OPT-IN SELECTION": "OPT-IN SELECTION",
   "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS",
   Default: o,
-  Custom: i,
-  "Foreground color": "Foreground Color",
-  "Contrast ratio": "Contrast Ratio",
-  "You’ve fixed all issues!": `No Failed Items
-You have no failed items.`,
-  "No accessibility issues found": `No Failed Items
-You have no failed items.`,
-  "You have no ignored issues yet": `No Ignored Items
-You have no ignored items.`
+  Custom: t
 };
 export {
-  i as Custom,
+  t as Custom,
   o as Default,
   e as Items,
-  t as default
+  s as default
 };

package/dist/config/i18n/en/tooltips.json.js

@@ -76,8 +76,7 @@ const e = {
   "The data source link is unavailable. Please, make sure there is an access to the data source.": "Enter an accessible Data Source Link to contiue.",
   "The file should not exceed the maximum resolution of {maxImageResolution}px.": "Upload files up to 1024x512 pixels to continue.",
   "The option is disabled because was overridden in the Code editor": "The option is disabled because it was overridden in the Code Editor.",
-  "Dropdown with a list of available data services, preliminarily created in the Data section → Services tab of the Account.": "Service for Data Collection lets you enter a form submission URL for the recipients to submit.",
-  'Read more about the issue on <a target="_blank" rel="noopener noreferrer" href="{url}">ACT Rules Community Group forum</a>': 'Read more about the issue on <a target="_blank" rel="noopener noreferrer" href="{url}">ACT Rules Community Group forum.</a>'
+  "Dropdown with a list of available data services, preliminarily created in the Data section → Services tab of the Account.": "Service for Data Collection lets you enter a form submission URL for the recipients to submit."
 };
 export {
   e as default

package/dist/enums/academy.js

@@ -2,6 +2,7 @@ const e = "https://academy.insiderone.com", o = {
   EMAIL_EDITOR: `${e}/docs/email-drag-and-drop-editor`,
   GLOBAL_UNSUBSCRIBE: `${e}/docs/global-unsubscribe-preference-center`,
   AMP_FOR_EMAILS: `${e}/docs/amp-for-emails`,
+  EMAIL_DISPLAY_CONDITIONS: `${e}/docs/new-editor-add-display-conditions-to-an-email`,
   EMAIL_RECOMMENDATION_BLOCK: `${e}/docs/new-editor-email-recommendation-block`
 };
 export {

package/dist/enums/display-condition.js

@@ -0,0 +1,12 @@
+var N = /* @__PURE__ */ ((I) => (I.OPEN = "display-condition:open", I.APPLY = "display-condition:apply", I.CANCEL = "display-condition:cancel", I))(N || {}), A = /* @__PURE__ */ ((I) => (I.INLINE = "inline", I.SAVED = "saved", I))(A || {});
+const M = {
+  NAME_MIN: 2,
+  NAME_MAX: 40,
+  DESCRIPTION_MAX: 200,
+  CODE_MAX: 65535
+};
+export {
+  M as DISPLAY_CONDITION_LIMITS,
+  N as DisplayConditionEvent,
+  A as DisplayConditionSourceType
+};

package/dist/extensions/Blocks/Items/block.js

@@ -1,6 +1,6 @@
 var k = Object.defineProperty;
-var S = (d, l, e) => l in d ? k(d, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[l] = e;
-var g = (d, l, e) => S(d, typeof l != "symbol" ? l + "" : l, e);
+var S = (d, l, t) => l in d ? k(d, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[l] = t;
+var g = (d, l, t) => S(d, typeof l != "symbol" ? l + "" : l, t);
 import { BlockId as D } from "../../../enums/block.js";
 import { useOnboardingStore as T } from "../../../stores/onboarding.js";
 import { getMigrationBannerHtml as N } from "../../../utils/migrationBannerHtml.js";
@@ -58,15 +58,15 @@ class $ extends H {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(e) {
-    const t = this.api.getDocumentModifier(), c = this.api.getDocumentRootCssNode();
-    c.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(c).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const r = _(e);
+  onCreated(t) {
+    const e = this.api.getDocumentModifier(), c = this.api.getDocumentRootCssNode();
+    c.querySelector('[product-attr="imageSrc"] img') || e.modifyCss(c).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const r = _(t);
     if (!r)
       return;
-    const o = r.getNodeConfig(), s = o && Object.keys(o).length > 0, i = C(e);
+    const o = r.getNodeConfig(), n = o && Object.keys(o).length > 0, i = C(t);
     if (i != null && i.initialized) {
-      if (!s) {
+      if (!n) {
         const a = this.api.getDocumentModifier();
         a.modifyHtml(r).setNodeConfig(i), this._stampProductTdDomAttributes(r, i, a), this._healCollapsedWidths(r, a), this._shouldReconcileCurrency(i) && this._reconcileCurrencyDomAttributes(r, i, a), a.apply(new u("Migrate legacy config to nodeConfig")), this._markCurrencyHealed(i.blockInstanceId);
         return;
@@ -76,9 +76,9 @@ class $ extends H {
       I.modifyHtml(r).setNodeConfig(a), this._stampProductTdDomAttributes(r, a, I, !0), I.apply(new u("Initialize Items block with default configuration")), T().startOnboarding("itemsOnboarding");
       return;
     }
-    const n = this._resolveInstanceId(i.blockInstanceId), f = this.api.getDocumentModifier();
+    const s = this._resolveInstanceId(i.blockInstanceId), f = this.api.getDocumentModifier();
     let h = !1;
-    n !== i.blockInstanceId && (f.modifyHtml(r).setNodeConfig({ ...i, blockInstanceId: n }), h = !0), !this._currencyHealed.has(n) && this._reconcileCurrencyDomAttributes(r, i, f) && (h = !0), this._healCollapsedWidths(r, f) && (h = !0), h && f.apply(new u("Assign Items block instance ID and reconcile currency")), this._markCurrencyHealed(n);
+    s !== i.blockInstanceId && (f.modifyHtml(r).setNodeConfig({ ...i, blockInstanceId: s }), h = !0), !this._currencyHealed.has(s) && this._reconcileCurrencyDomAttributes(r, i, f) && (h = !0), this._healCollapsedWidths(r, f) && (h = !0), h && f.apply(new u("Assign Items block instance ID and reconcile currency")), this._markCurrencyHealed(s);
   }
   /**
    * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
@@ -86,24 +86,24 @@ class $ extends H {
    * into nodeConfig, so without this a reused module would reset to defaults.
    * Guarded to the nodeConfig-empty case so it runs once and never loops.
    */
-  onDocumentChanged(e) {
-    const t = _(e);
-    if (!t)
+  onDocumentChanged(t) {
+    const e = _(t);
+    if (!e)
       return;
-    const c = t.getNodeConfig();
+    const c = e.getNodeConfig();
     if (c && Object.keys(c).length > 0) {
-      const i = C(e);
+      const i = C(t);
       if (i != null && i.initialized && this._shouldReconcileCurrency(i)) {
-        const n = this.api.getDocumentModifier();
-        this._reconcileCurrencyDomAttributes(t, i, n) && n.apply(new u(V)), this._markCurrencyHealed(i.blockInstanceId);
+        const s = this.api.getDocumentModifier();
+        this._reconcileCurrencyDomAttributes(e, i, s) && s.apply(new u(V)), this._markCurrencyHealed(i.blockInstanceId);
       }
       return;
     }
-    const o = C(e);
+    const o = C(t);
     if (!(o != null && o.initialized))
       return;
-    const s = this.api.getDocumentModifier();
-    s.modifyHtml(t).setNodeConfig(o), this._stampProductTdDomAttributes(t, o, s), this._healCollapsedWidths(t, s), this._shouldReconcileCurrency(o) && this._reconcileCurrencyDomAttributes(t, o, s), s.apply(new u("Recover Items block config from saved module")), this._markCurrencyHealed(o.blockInstanceId);
+    const n = this.api.getDocumentModifier();
+    n.modifyHtml(e).setNodeConfig(o), this._stampProductTdDomAttributes(e, o, n), this._healCollapsedWidths(e, n), this._shouldReconcileCurrency(o) && this._reconcileCurrencyDomAttributes(e, o, n), n.apply(new u("Recover Items block config from saved module")), this._markCurrencyHealed(o.blockInstanceId);
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -113,20 +113,21 @@ class $ extends H {
    * restored before export. The name `<a>` carries no data-type/data-number of its own and
    * relies on this td-level fallback in pairProductVariables.
    */
-  _stampProductTdDomAttributes(e, t, c, r = !1) {
-    const o = B(t.itemsSelectValue, t.type), s = (i, n) => {
-      r && e.getAttribute(i) || c.modifyHtml(e).setAttribute(i, n);
+  _stampProductTdDomAttributes(t, e, c, r = !1) {
+    const o = B(e.itemsSelectValue, e.type), n = (i, s) => {
+      r && t.getAttribute(i) || c.modifyHtml(t).setAttribute(i, s);
     };
-    s("data-type", t.type), s("data-number", o), s("data-nodup", String(t.priceHideDiscount));
+    n("data-type", e.type), n("data-number", o), n("data-nodup", String(e.priceHideDiscount));
   }
   /**
    * Repairs a saved module's collapsed card into the state the load migrator produces. Acts only
    * on a zero width, so Stripo's non-zero drop-time width never triggers it and a healed block no-ops.
    */
-  _healCollapsedWidths(e, t) {
-    const r = e.querySelectorAll(M).filter((o) => m(o.getAttribute("width")) || m(o.getStyle("width")));
-    return !m(e.getAttribute("width")) && !r.length ? !1 : (e.hasClass("esd-container-frame") && t.modifyHtml(e).removeClass("esd-container-frame"), e.getAttribute("width") !== null && t.modifyHtml(e).removeAttribute("width"), r.forEach((o) => {
-      m(o.getAttribute("width")) && t.modifyHtml(o).setAttribute("width", "100%"), m(o.getStyle("width")) && t.modifyHtml(o).setStyle("width", "100%");
+  _healCollapsedWidths(t, e) {
+    const r = t.querySelectorAll(M).filter((o) => m(o.getAttribute("width")) || m(o.getStyle("width")));
+    return !m(t.getAttribute("width")) && !r.length ? !1 : (t.hasClass("esd-container-frame") && e.modifyHtml(t).removeClass("esd-container-frame"), t.getAttribute("width") !== null && e.modifyHtml(t).removeAttribute("width"), r.forEach((o) => {
+      const n = o.getAttribute("width");
+      (n === null || m(n)) && e.modifyHtml(o).setAttribute("width", "100%"), m(o.getStyle("width")) && e.modifyHtml(o).setStyle("width", "100%");
     }), !0);
   }
   /**
@@ -137,12 +138,12 @@ class $ extends H {
    * the symbol write alone is skipped for the 'USD' sentinel — so we must NOT gate the whole pass
    * on symbol customization here, or a default-symbol block with a toggled location never heals.
    */
-  _shouldReconcileCurrency(e) {
-    return !e.blockInstanceId || !this._currencyHealed.has(e.blockInstanceId);
+  _shouldReconcileCurrency(t) {
+    return !t.blockInstanceId || !this._currencyHealed.has(t.blockInstanceId);
   }
   /** Marks a block instance's currency as reconciled so it is not healed again (undo-safe). */
-  _markCurrencyHealed(e) {
-    e && this._currencyHealed.add(e);
+  _markCurrencyHealed(t) {
+    t && this._currencyHealed.add(t);
   }
   /**
    * Resolves the id for a just-created block to one that is unique per live instance.
@@ -151,13 +152,13 @@ class $ extends H {
    * currency heal guard and settings-panel switch detection. Mint a fresh id on absence
    * or collision, otherwise keep the existing one. Registers the result as claimed.
    */
-  _resolveInstanceId(e) {
-    let t = e;
-    if (!t || this._seenInstanceIds.has(t))
+  _resolveInstanceId(t) {
+    let e = t;
+    if (!e || this._seenInstanceIds.has(e))
       do
-        t = P();
-      while (this._seenInstanceIds.has(t));
-    return this._seenInstanceIds.add(t), t;
+        e = P();
+      while (this._seenInstanceIds.has(e));
+    return this._seenInstanceIds.add(e), e;
   }
   /**
    * Stamps the export-read currency attrs onto every price `<p>` from config, so a template whose
@@ -170,11 +171,11 @@ class $ extends H {
    * Returns true only when an attr actually changed, so the caller can skip an empty apply that
    * would otherwise re-trigger onDocumentChanged and loop.
    */
-  _reconcileCurrencyDomAttributes(e, t, c) {
-    const { position: r, symbol: o } = w(t), s = e.querySelectorAll(`.${E.PRICE} p`);
+  _reconcileCurrencyDomAttributes(t, e, c) {
+    const { position: r, symbol: o } = w(e), n = t.querySelectorAll(`.${E.PRICE} p`);
     let i = !1;
-    return s.forEach((n) => {
-      r !== void 0 && n.getAttribute(y.POSITION) !== r && (c.modifyHtml(n).setAttribute(y.POSITION, r), i = !0), o !== void 0 && n.getAttribute(y.SYMBOL) !== o && (c.modifyHtml(n).setAttribute(y.SYMBOL, o), i = !0);
+    return n.forEach((s) => {
+      r !== void 0 && s.getAttribute(y.POSITION) !== r && (c.modifyHtml(s).setAttribute(y.POSITION, r), i = !0), o !== void 0 && s.getAttribute(y.SYMBOL) !== o && (c.modifyHtml(s).setAttribute(y.SYMBOL, o), i = !0);
     }), i;
   }
 }