@useinsider/guido 3.11.0-beta.f4ab671 → 3.12.0-beta.00cbb4c

package/README.md

@@ -113,6 +113,14 @@ const config: GuidoConfigInput = {
     html?: string,
     css?: string,
     preselectedDynamicContent?: DynamicContent[],
+    // Partner-keyed catalog of the account's dynamic-content attributes, e.g.
+    // { [partnerName]: [{ text, value, children }] } (architect is multi-partner).
+    // Guido flattens the active (first) partner's leaf attributes and uses them to
+    // repair label-form tokens (`{{ Phone Number }}` -> `{{phone_number}}`) in
+    // dropped saved modules; an unresolvable token raises a single warning toaster
+    // (translation key `dynamic-content.unresolved-attributes-on-drop`, registered
+    // host-side). Omit it and the repair is a silent no-op. Default: {}.
+    dynamicContentList?: DynamicContentList,
     selectedUnsubscribePages?: number[],
     forceRecreate?: boolean,       // Default: false - Force recreate template in Stripo storage
     migration?: {
@@ -520,6 +528,8 @@ import type {
   BlocksConfig,
   CompilerConfig,
   DynamicContent,
+  DynamicContentList,
+  DynamicContentNode,
   DefaultBlockType,
   CustomBlockType,
 } from '@useinsider/guido';
@@ -584,6 +594,25 @@ const closeModal = () => {
 </script>
 ```
 
+### Saved-module token repair
+
+Legacy **saved modules** may serialize their merge-tag chips by display label
+(`{{ Phone Number }}`) instead of the canonical token (`{{phone_number}}`), which the
+backend can't resolve. When such a module is dropped or copied into the editor, Guido
+repairs these automatically using the `template.dynamicContentList` catalog (see
+[Configuration](#configuration)):
+
+- **Label match** → canonical value: `{{ Phone Number }}` → `{{phone_number}}` (any author `| default:` / format tail is preserved).
+- Already-canonical values, Liquid nested tokens (`coupon.code`), recommendation-block variables (`123_0_price`), allowed system tokens, and `data-*` product tags are left untouched.
+- An **unresolvable** token is left in place and raises a single **warning toaster** (translation key `dynamic-content.unresolved-attributes-on-drop`; register the copy host-side).
+
+Pass `template.dynamicContentList` as a **partner-keyed** tree
+(`{ [partnerName]: DynamicContentNode[] }`, where a node is `{ text, value, children? }`).
+Guido flattens the **active (first) partner's** leaf attributes. Products that manage
+multiple partners (e.g. architect) should key by partner and place the active partner
+first. Omit the prop and the repair is a safe no-op — nothing is rewritten and no
+toaster fires (useful before the host has wired the catalog).
+
 ---
 
 ## Development

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

@@ -147,10 +147,9 @@ const d = {
   ),
   /**
    * 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.
+   * `{ [partnerName]: [{ text, value, children }] }`. Guido flattens the active
+   * (first) partner's leaf attributes into the label→token map that repairs
+   * label-form placeholders (`{{ Phone Number }}`) in dropped saved modules.
    */
   dynamicContentList: e(P, {}),
   /** Valid custom field attribute names from the partner's categorized fields */

package/dist/components/organisms/header/ViewOptions.vue.js

@@ -10,9 +10,9 @@ var n = function() {
   r,
   !1,
   null,
-  "195ab6d4"
+  "10599c37"
 );
-const c = a.exports;
+const d = a.exports;
 export {
-  c as default
+  d as default
 };

package/dist/components/organisms/header/version-history/ViewOptions.vue.js

@@ -10,7 +10,7 @@ var n = function() {
   r,
   !1,
   null,
-  "d405ca59"
+  "38eb0a73"
 );
 const d = a.exports;
 export {

package/dist/components/organisms/onboarding/AMPOnboarding.vue.js

@@ -1,20 +1,21 @@
 import d from "./AMPOnboarding.vue2.js";
+/* empty css                   */
 import g from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var t, r, e, i, a, s;
-  var n = this, p = n._self._c, o = n._self._setupProxy;
-  return o.isVisible ? p(o.InOnboard, { key: "guido__amp-onboard", staticClass: "w-21-s p-a z-11", class: (t = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : t.classes, attrs: { id: "guido__amp-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (r = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : r.bottom, "left-position": (e = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : e.left, "pages-config": o.onboardingStore.onboardings.ampOnboarding.config, "pointer-position": (i = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : i.position, "right-position": (a = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : a.right, "top-position": (s = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : s.top }, on: { backButtonClick: o.handleBack, close: function(u) {
+var c = function() {
+  var n, r, e, i, a, s;
+  var t = this, p = t._self._c, o = t._self._setupProxy;
+  return o.isVisible ? p(o.InOnboard, { key: "guido__amp-onboard", staticClass: "w-21-s p-a z-11", class: (n = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : n.classes, attrs: { id: "guido__amp-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (r = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : r.bottom, "left-position": (e = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : e.left, "pages-config": o.onboardingStore.onboardings.ampOnboarding.config, "pointer-position": (i = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : i.position, "right-position": (a = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : a.right, "top-position": (s = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : s.top }, on: { backButtonClick: o.handleBack, close: function(b) {
     return o.onboardingStore.close("ampOnboarding");
-  }, nextButtonClick: o.handleNext } }) : n._e();
-}, m = [], c = /* @__PURE__ */ g(
+  }, nextButtonClick: o.handleNext } }) : t._e();
+}, m = [], l = /* @__PURE__ */ g(
   d,
-  l,
+  c,
   m,
   !1,
   null,
-  null
+  "6bcaca8a"
 );
-const f = c.exports;
+const S = l.exports;
 export {
-  f as default
+  S as default
 };

package/dist/components/organisms/onboarding/GenericOnboarding.vue.js

@@ -13,7 +13,7 @@ var l = function() {
   p,
   !1,
   null,
-  "7419ae06"
+  "f16f20f8"
 );
 const S = _.exports;
 export {

package/dist/components/organisms/onboarding/ItemsOnboarding.vue.js

@@ -1,21 +1,21 @@
 import g from "./ItemsOnboarding.vue2.js";
 /* empty css                     */
 import m from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
+var c = function() {
   var e, n, r, i, s, a;
   var o = this, d = o._self._c, t = o._self._setupProxy;
-  return t.isVisible ? d(t.InOnboard, { key: "guido__items-onboard", staticClass: "w-21-s p-a z-11", class: (e = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : e.classes, attrs: { id: "guido__items-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : n.bottom, "left-position": (r = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : r.left, "pages-config": t.onboardingStore.onboardings.itemsOnboarding.config, "pointer-position": (i = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : i.position, "right-position": (s = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : s.right, "top-position": (a = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : a.top }, on: { backButtonClick: t.handleBack, close: function(b) {
+  return t.isVisible ? d(t.InOnboard, { key: "guido__items-onboard", staticClass: "w-21-s p-a z-11", class: (e = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : e.classes, attrs: { id: "guido__items-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : n.bottom, "left-position": (r = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : r.left, "pages-config": t.onboardingStore.onboardings.itemsOnboarding.config, "pointer-position": (i = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : i.position, "right-position": (s = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : s.right, "top-position": (a = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : a.top }, on: { backButtonClick: t.handleBack, close: function(_) {
     return t.onboardingStore.close("itemsOnboarding");
   }, nextButtonClick: t.handleNext } }) : o._e();
-}, c = [], p = /* @__PURE__ */ m(
+}, l = [], b = /* @__PURE__ */ m(
   g,
-  l,
   c,
+  l,
   !1,
   null,
-  "796d193b"
+  "bb3cca55"
 );
-const I = p.exports;
+const I = b.exports;
 export {
   I as default
 };

package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js

@@ -1,46 +1,43 @@
-import { defineComponent as v, ref as D, computed as o } from "vue";
-import _ from "../../wrappers/WpModal.vue.js";
-import { useConfig as h } from "../../../composables/useConfig.js";
+import { defineComponent as b, ref as v, computed as o } from "vue";
+import D from "../../wrappers/WpModal.vue.js";
+import { useConfig as _ } from "../../../composables/useConfig.js";
 import { useTranslations as y } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINKS as c } from "../../../enums/academy.js";
+import { ACADEMY_LINKS as m } from "../../../enums/academy.js";
 import L from "../../../static/assets/onboarding-img.svg.js";
-import { useOnboardingStore as C } from "../../../stores/onboarding.js";
-import { isAfterDate as w, formatShortDate as A } from "../../../utils/dateUtil.js";
-const V = /* @__PURE__ */ v({
+import { useOnboardingStore as h } from "../../../stores/onboarding.js";
+import { isAfterDate as C } from "../../../utils/dateUtil.js";
+const x = /* @__PURE__ */ b({
   __name: "NewVersionPopup",
   emits: ["onboarding-finished"],
-  setup(I, { emit: a }) {
-    const e = y(), t = C(), s = D(!0), { config: p } = h(), i = o(() => {
-      var l, m;
-      return (m = (l = p.value) == null ? void 0 : l.editor) == null ? void 0 : m.migrationDate;
-    }), n = o(() => w(i.value || 0)), d = o(() => A(
-      i.value || 0
-    )), f = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), g = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
-      sunsetDate: d.value,
-      academyLink: c.EMAIL_EDITOR
+  setup(w, { emit: i }) {
+    const e = y(), t = h(), a = v(!0), { config: s } = _(), p = o(() => {
+      var l, u;
+      return (u = (l = s.value) == null ? void 0 : l.editor) == null ? void 0 : u.migrationDate;
+    }), n = o(() => C(p.value || 0)), c = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), f = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
+      academyLink: m.EMAIL_EDITOR
     }) : e("email-editor.onboarding-description", {
-      academyLink: c.EMAIL_EDITOR
-    })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), b = o(() => ({
+      academyLink: m.EMAIL_EDITOR
+    })), d = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), g = o(() => ({
       primaryButton: {
         type: "primary",
         labelText: e("left-menu.discover-now")
       },
       secondaryButton: {
         type: "subtle-primary",
-        labelText: u.value
+        labelText: d.value
       }
     })), r = () => {
-      s.value = !1, a("onboarding-finished");
+      a.value = !1, i("onboarding-finished");
     };
-    return { __sfc: !0, emit: a, trans: e, onboardingStore: t, isVisible: s, config: p, migrationDate: i, isAfterMigrationDate: n, formattedSunsetDate: d, popupTitle: f, popupDescription: g, secondaryButtonLabel: u, footerButtonOptions: b, closePopup: r, handleDiscoverNow: () => {
+    return { __sfc: !0, emit: i, trans: e, onboardingStore: t, isVisible: a, config: s, migrationDate: p, isAfterMigrationDate: n, popupTitle: c, popupDescription: f, secondaryButtonLabel: d, footerButtonOptions: g, closePopup: r, handleDiscoverNow: () => {
       t.onDiscoverNowClicked(), r();
     }, handleRemindLater: () => {
       t.onRemindMeLater(), r();
     }, handleClose: () => {
       t.onNewVersionPopupClose(), r();
-    }, WpModal: _, onboardingImageSvg: L };
+    }, WpModal: D, onboardingImageSvg: L };
   }
 });
 export {
-  V as default
+  x as default
 };

package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js

@@ -13,9 +13,9 @@ var g = function() {
   b,
   !1,
   null,
-  "cadfc82d"
+  "b09e80c4"
 );
-const C = p.exports;
+const f = p.exports;
 export {
-  C as default
+  f as default
 };

package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.js

@@ -1,20 +1,21 @@
 import g from "./VersionHistoryOnboarding.vue2.js";
+/* empty css                              */
 import l from "../../../_virtual/_plugin-vue2_normalizer.js";
 var c = function() {
-  var n, t, i, e, s, a;
+  var t, n, i, e, s, a;
   var r = this, d = r._self._c, o = r._self._setupProxy;
-  return o.isVisible ? d(o.InOnboard, { key: "guido__version-history-onboard", staticClass: "w-21-s p-a z-11", class: (n = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : n.classes, attrs: { id: "guido__version-history-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (t = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : t.bottom, "left-position": (i = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : i.left, "pages-config": o.onboardingStore.onboardings.versionHistoryOnboarding.config, "pointer-position": (e = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : e.position, "right-position": (s = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : s.right, "top-position": (a = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : a.top }, on: { backButtonClick: o.handleBack, close: function(b) {
+  return o.isVisible ? d(o.InOnboard, { key: "guido__version-history-onboard", staticClass: "w-21-s p-a z-11", class: (t = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : t.classes, attrs: { id: "guido__version-history-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : n.bottom, "left-position": (i = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : i.left, "pages-config": o.onboardingStore.onboardings.versionHistoryOnboarding.config, "pointer-position": (e = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : e.position, "right-position": (s = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : s.right, "top-position": (a = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : a.top }, on: { backButtonClick: o.handleBack, close: function(u) {
     return o.onboardingStore.close("versionHistoryOnboarding");
   }, nextButtonClick: o.handleNext } }) : r._e();
-}, _ = [], p = /* @__PURE__ */ l(
+}, p = [], _ = /* @__PURE__ */ l(
   g,
   c,
-  _,
+  p,
   !1,
   null,
-  null
+  "9bdef600"
 );
-const m = p.exports;
+const y = _.exports;
 export {
-  m as default
+  y as default
 };

package/dist/config/migrator/index.js

@@ -1,13 +1,14 @@
-import { migrateCheckbox as o } from "./checkboxMigrator.js";
+import { migrateCheckbox as t } from "./checkboxMigrator.js";
 import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
 import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
 import { migrateRadioButton as a } from "./radioButtonMigrator.js";
-import { migrateRecommendation as g } from "./recommendationMigrator.js";
+import { migrateRecommendation as c } from "./recommendationMigrator.js";
+import { migrateSocialIcons as g } from "./socialIconMigrator.js";
 import { migrateUnsubscribe as n } from "./unsubscribeMigrator.js";
-const b = async (r, t = {}) => {
-  let m = r;
-  return m = o(m), m = a(m), m = await n(m), m = i(m), m = g(m, t), m = e(m), m;
+const k = async (o, r = {}) => {
+  let m = o;
+  return m = t(m), m = a(m), m = await n(m), m = i(m), m = c(m, r), m = e(m), m = g(m), m;
 };
 export {
-  b as migrate
+  k as migrate
 };

package/dist/config/migrator/socialIconMigrator.js

@@ -0,0 +1,29 @@
+var u = Object.defineProperty;
+var T = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var s = (e, t, r) => T(e, typeof t != "symbol" ? t + "" : t, r);
+const i = "twitter", E = "xcom", o = "esd-tmp-icon-type", p = new RegExp(i, "i");
+class g {
+  constructor() {
+    s(this, "parser");
+    this.parser = new DOMParser();
+  }
+  migrate(t) {
+    try {
+      if (!p.test(t))
+        return t;
+      const r = this.parser.parseFromString(t, "text/html"), a = r.querySelectorAll(`[${o}]`);
+      let n = !1;
+      return a.forEach((c) => {
+        String(c.getAttribute(o)).toLowerCase() === i && (c.setAttribute(o, E), n = !0);
+      }), n ? r.documentElement.outerHTML : t;
+    } catch (r) {
+      return console.error("SocialIconMigrator failed:", r), t;
+    }
+  }
+}
+function _(e) {
+  return new g().migrate(e);
+}
+export {
+  _ as migrateSocialIcons
+};

package/dist/enums/academy.js

@@ -1,4 +1,4 @@
-const e = "https://academy.insiderone.com/", o = {
+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`

package/dist/enums/date.js

@@ -1,6 +1,5 @@
-const t = "tr-TR", T = "default", L = "UTC";
+const t = "tr-TR", L = "default";
 export {
-  T as DEFAULT,
-  t as DEFAULT_LOCALE,
-  L as DEFAULT_TZ
+  L as DEFAULT,
+  t as DEFAULT_LOCALE
 };

package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js

@@ -1,14 +1,14 @@
-import { ModificationDescription as L, UIElementType as P, UEAttr as D } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as h } from "../../../common-control.js";
-import { ItemsBlockControlId as R, ItemsBlockId as _ } from "../../enums/controlEnums.js";
-import { productPairs as I } from "../../enums/productEnums.js";
-import { getItemsBlockConfig as d, setItemsBlockConfig as u, escapeReplacement as O } from "../../utils/nodeConfigUtils.js";
-const g = R.PRICE_FORMATTED_PRICE, s = {
+import { ModificationDescription as C, UIElementType as _, UEAttr as L } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as D } from "../../../common-control.js";
+import { ItemsBlockControlId as R, ItemsBlockId as I } from "../../enums/controlEnums.js";
+import { productPairs as p } from "../../enums/productEnums.js";
+import { getItemsBlockConfig as l, setItemsBlockConfig as h, escapeReplacement as g } from "../../utils/nodeConfigUtils.js";
+const O = R.PRICE_FORMATTED_PRICE, a = {
   FORMATTED_PRICE: "formattedPrice"
 };
-class k extends h {
+class k extends D {
   getId() {
-    return g;
+    return O;
   }
   getTemplate() {
     return `
@@ -18,56 +18,58 @@ class k extends h {
         `;
   }
   onRender() {
-    const t = d(this.currentNode);
-    this.api.updateValues({ [s.FORMATTED_PRICE]: (t == null ? void 0 : t.priceFormatted) ?? !0 }), this.api.onValueChanged(s.FORMATTED_PRICE, (e) => {
-      this._onFormattedPriceChange(e);
+    const e = l(this.currentNode);
+    this.api.updateValues({ [a.FORMATTED_PRICE]: (e == null ? void 0 : e.priceFormatted) ?? !0 }), this.api.onValueChanged(a.FORMATTED_PRICE, (t) => {
+      this._onFormattedPriceChange(t);
     });
   }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
-      const e = d(this.currentNode);
-      this.api.updateValues({ [s.FORMATTED_PRICE]: (e == null ? void 0 : e.priceFormatted) ?? !0 });
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
+      const t = l(this.currentNode);
+      this.api.updateValues({ [a.FORMATTED_PRICE]: (t == null ? void 0 : t.priceFormatted) ?? !0 });
     });
   }
-  _onFormattedPriceChange(t) {
-    if (console.debug("Formatted price changed to: ", t), u(this.currentNode, this.api, { priceFormatted: t }), !this.currentNode)
+  _onFormattedPriceChange(e) {
+    if (console.debug("Formatted price changed to: ", e), !this.currentNode)
       return;
-    const e = d(this.currentNode), n = (e == null ? void 0 : e.type) ?? "CART_ITEMS", i = (e == null ? void 0 : e.priceSinglePrice) ?? !1, r = I.PAIRS_FOR_EXTENSION.price[n], c = I.PAIRS_FOR_EXTENSION.originalPrice[n], [p, m] = t ? [
-      i ? r.DEFAULT_SINGLE_PRICE : r.DEFAULT_PRICE,
-      i ? r.DEFAULT_SINGLE_PRICE_FORMATTED : r.DEFAULT_PRICE_FORMATTED
+    const t = l(this.currentNode), n = (t == null ? void 0 : t.type) ?? "CART_ITEMS", o = (t == null ? void 0 : t.priceSinglePrice) ?? !1, r = p.PAIRS_FOR_EXTENSION.price[n], i = p.PAIRS_FOR_EXTENSION.originalPrice[n], [E, m] = e ? [
+      o ? r.DEFAULT_SINGLE_PRICE : r.DEFAULT_PRICE,
+      o ? r.DEFAULT_SINGLE_PRICE_FORMATTED : r.DEFAULT_PRICE_FORMATTED
     ] : [
-      i ? r.DEFAULT_SINGLE_PRICE_FORMATTED : r.DEFAULT_PRICE_FORMATTED,
-      i ? r.DEFAULT_SINGLE_PRICE : r.DEFAULT_PRICE
-    ], l = i ? c.DEFAULT_SINGLE_PRICE : c.DEFAULT_PRICE, T = i ? c.DEFAULT_SINGLE_PRICE_FORMATTED : c.DEFAULT_PRICE_FORMATTED, [F, A] = t ? [l, T] : [T, l], o = this.currentNode.closest(".items-block"), C = (o == null ? void 0 : o.querySelectorAll(
-      `[esd-extension-block-id="${_.PRICE}"]`
-    )) || [], E = this.api.getDocumentModifier();
-    C.forEach((a) => {
-      this._updatePriceBlock(E, a, p, m);
-    }), ((o == null ? void 0 : o.querySelectorAll(
-      `[esd-extension-block-id="${_.ORIGINAL_PRICE}"]`
-    )) || []).forEach((a) => {
-      this._updatePriceBlock(E, a, F, A);
-    }), E.apply(new L(
-      `Updated price to ${t ? "formatted" : "unformatted"}`
+      o ? r.DEFAULT_SINGLE_PRICE_FORMATTED : r.DEFAULT_PRICE_FORMATTED,
+      o ? r.DEFAULT_SINGLE_PRICE : r.DEFAULT_PRICE
+    ], T = o ? i.DEFAULT_SINGLE_PRICE : i.DEFAULT_PRICE, P = o ? i.DEFAULT_SINGLE_PRICE_FORMATTED : i.DEFAULT_PRICE_FORMATTED, [F, A] = e ? [T, P] : [P, T], s = this.api.getDocumentModifier();
+    h(this.currentNode, this.api, { priceFormatted: e }, s);
+    const c = this.currentNode.closest(".items-block");
+    ((c == null ? void 0 : c.querySelectorAll(
+      `[esd-extension-block-id="${I.PRICE}"]`
+    )) || []).forEach((d) => {
+      this._updatePriceBlock(s, d, E, m, e);
+    }), ((c == null ? void 0 : c.querySelectorAll(
+      `[esd-extension-block-id="${I.ORIGINAL_PRICE}"]`
+    )) || []).forEach((d) => {
+      this._updatePriceBlock(s, d, F, A, e);
+    }), s.apply(new C(
+      `Updated price to ${e ? "formatted" : "unformatted"}`
     ));
   }
-  _updatePriceBlock(t, e, n, i) {
-    const r = e.getInnerHTML().trim().replace(n, O(i));
-    t.modifyHtml(e).setInnerHtml(r);
+  _updatePriceBlock(e, t, n, o, r) {
+    const i = `data-formated="${r ? "true" : "false"}"`, E = t.getInnerHTML().trim().replace(n, g(o)).replace(/data-formated=(?:"[^"]*"|'[^']*')/g, i);
+    e.modifyHtml(t).setInnerHtml(E);
   }
   _getFormattedPrice() {
     return `
             <div class="display-flex align-items-center justify-content-between">
-                <${P.LABEL}
-                    ${D.LABEL.text}="${this.api.translate("Formatted Price (e.g. $9.90)")}"
+                <${_.LABEL}
+                    ${L.LABEL.text}="${this.api.translate("Formatted Price (e.g. $9.90)")}"
                 >
-                </${P.LABEL}>
-                ${this._GuToggle(s.FORMATTED_PRICE)}
+                </${_.LABEL}>
+                ${this._GuToggle(a.FORMATTED_PRICE)}
             </div>
         `;
   }
 }
 export {
-  g as CONTROL_BLOCK_ID,
+  O as CONTROL_BLOCK_ID,
   k as PriceFormattedPriceControl
 };

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}.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}.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-6e711fd7]{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-10599c37]{position:relative;display:inline-block}.new-tag[data-v-10599c37]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-10599c37] .guido__view-option-selection-desktop svg,[data-v-10599c37] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-10599c37] .in-segments-wrapper__button_selected,[data-v-10599c37] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.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-38eb0a73]{position:relative;display:inline-block}.new-tag[data-v-38eb0a73]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-38eb0a73] .guido__verion-history-view-option-selection-desktop svg,[data-v-38eb0a73] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-38eb0a73] .in-segments-wrapper__button_selected,[data-v-38eb0a73] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.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-6e711fd7]{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-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}

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

@@ -245,10 +245,9 @@ export declare const TemplateSchema: v.ObjectSchema<{
     }, undefined>, undefined>, readonly []>;
     /**
      * 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.
+     * `{ [partnerName]: [{ text, value, children }] }`. Guido flattens the active
+     * (first) partner's leaf attributes into the label→token map that repairs
+     * label-form placeholders (`{{ Phone Number }}`) in dropped saved modules.
      */
     readonly dynamicContentList: v.OptionalSchema<v.RecordSchema<v.StringSchema<undefined>, v.SchemaWithFallback<v.ArraySchema<v.GenericSchema<DynamicContentNode>, undefined>, readonly []>, undefined>, {}>;
     /** Valid custom field attribute names from the partner's categorized fields */
@@ -648,10 +647,9 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         }, undefined>, undefined>, readonly []>;
         /**
          * 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.
+         * `{ [partnerName]: [{ text, value, children }] }`. Guido flattens the active
+         * (first) partner's leaf attributes into the label→token map that repairs
+         * label-form placeholders (`{{ Phone Number }}`) in dropped saved modules.
          */
         readonly dynamicContentList: v.OptionalSchema<v.RecordSchema<v.StringSchema<undefined>, v.SchemaWithFallback<v.ArraySchema<v.GenericSchema<DynamicContentNode>, undefined>, readonly []>, undefined>, {}>;
         /** Valid custom field attribute names from the partner's categorized fields */

package/dist/src/@types/generic.d.ts

@@ -28,7 +28,7 @@ export type DynamicContentNode = {
 /**
  * Partner-keyed dynamic-content list. Architect is multi-partner, so the map is
  * keyed by partner name; each entry is that partner's category tree. Guido
- * flattens it (union across partners, leaf attributes only) into a `DynamicContent[]`.
+ * flattens the active (first) partner's leaf attributes into a `DynamicContent[]`.
  */
 export type DynamicContentList = Record<string, DynamicContentNode[]>;
 export type MergeTag = BaseDynamicContent & {

package/dist/src/config/migrator/socialIconMigrator.d.ts

@@ -0,0 +1 @@
+export declare function migrateSocialIcons(html: string): string;

package/dist/src/enums/academy.d.ts

@@ -5,8 +5,8 @@
  * for easy maintenance and domain migration.
  */
 export declare const ACADEMY_LINKS: {
-    readonly EMAIL_EDITOR: "https://academy.insiderone.com//docs/email-drag-and-drop-editor";
-    readonly GLOBAL_UNSUBSCRIBE: "https://academy.insiderone.com//docs/global-unsubscribe-preference-center";
-    readonly AMP_FOR_EMAILS: "https://academy.insiderone.com//docs/amp-for-emails";
+    readonly EMAIL_EDITOR: "https://academy.insiderone.com/docs/email-drag-and-drop-editor";
+    readonly GLOBAL_UNSUBSCRIBE: "https://academy.insiderone.com/docs/global-unsubscribe-preference-center";
+    readonly AMP_FOR_EMAILS: "https://academy.insiderone.com/docs/amp-for-emails";
 };
 export type AcademyLinkKey = keyof typeof ACADEMY_LINKS;

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

@@ -1,5 +1,8 @@
+/** Production default — pony-express builds unsubscribe links on mail.useinsider.com. */
+export declare const DEFAULT_ENVIRONMENT_PREFIX = "useinsider";
 /**
- * Gets the appropriate environment prefix by parsing from current hostname
- * Extracts environment prefix from domains by splitting hostname
+ * Gets the environment prefix by parsing the current hostname (third segment),
+ * falling back to the production default when that segment is absent or empty —
+ * so unsubscribe links never compile to `https://mail.undefined.com/...` (SD-145225).
  */
 export declare const getEnvironmentPrefix: () => string;

package/dist/utils/dateUtil.js

@@ -1,19 +1,10 @@
-import { DEFAULT_LOCALE as r, DEFAULT as a, DEFAULT_TZ as c } from "../enums/date.js";
-const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length === 10 ? new Date(Number(t) * 1e3) : new Date(t) : typeof t == "number" ? t.toString().length === 10 ? new Date(t * 1e3) : new Date(t) : /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(), s = () => {
+import { DEFAULT_LOCALE as r, DEFAULT as o } from "../enums/date.js";
+const c = () => {
   const t = window.l10n;
-  return (t == null ? void 0 : t.locale) === a ? r : (t == null ? void 0 : t.locale) || r;
-}, u = new Intl.DateTimeFormat().resolvedOptions().timeZone, f = () => {
-  const t = window.l10n;
-  return (t == null ? void 0 : t.timezone) || u || c;
-}, D = (t, e = s(), n = f()) => {
-  const o = {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    timeZone: n
-  }, i = m(t);
-  return new Intl.DateTimeFormat(e, o).format(i);
-}, T = (t) => {
+  return (t == null ? void 0 : t.locale) === o ? r : (t == null ? void 0 : t.locale) || r;
+};
+new Intl.DateTimeFormat().resolvedOptions().timeZone;
+const i = (t) => {
   if (!t)
     return "";
   const e = new Date(t);
@@ -25,13 +16,9 @@ const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length ===
     second: "2-digit",
     hour12: !1
   }).format(e);
-}, h = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
+}, m = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
 export {
-  m as convertToDateObject,
-  T as formatPatchDate,
-  D as formatShortDate,
-  h as isAfterDate,
-  u as localTz,
-  s as locale,
-  f as timezone
+  i as formatPatchDate,
+  m as isAfterDate,
+  c as locale
 };

package/dist/utils/environmentUtil.js

@@ -1,4 +1,5 @@
-const n = () => window.location.hostname.split(".")[2];
+const n = "useinsider", o = () => window.location.hostname.split(".")[2] || n;
 export {
-  n as getEnvironmentPrefix
+  n as DEFAULT_ENVIRONMENT_PREFIX,
+  o as getEnvironmentPrefix
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.11.0-beta.f4ab671",
+  "version": "3.12.0-beta.00cbb4c",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -44,7 +44,7 @@
   "license": "ISC",
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.8.0",
-    "@useinsider/design-system-vue": "1.3.0",
+    "@useinsider/design-system-vue": "2.0.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",