@useinsider/guido 3.27.0-beta.5a8ee27 → 3.27.0-beta.8ac96e3

package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js

@@ -1,22 +1,23 @@
 import s from "./AssignStrategyDrawer.vue2.js";
 /* empty css                          */
+/* empty css                          */
 import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var a = function() {
   var e = this, r = e._self._c, t = e._self._setupProxy;
   return t.store.assignStrategyDrawerStatus ? r(t.OrgStrategyDetailModal, { staticClass: "assign-strategy-drawer", attrs: { "description-status": "", show: "", "description-text": t.drawerDescription, "footer-button-group-options": t.footerButtonGroupOptions, strategy: t.selectedStrategy ?? {}, "title-text": t.trans("gpt-app-builder.assign-recommendation-strategy") }, on: { close: t.closeDrawer, primaryClick: t.assignStrategy }, scopedSlots: e._u([{ key: "contentTop", fn: function() {
-    return [r("div", { staticClass: "assign-strategy-drawer-content px-5 py-5" }, [r(t.OrgStrategyDropdown, { staticClass: "assign-strategy-select w-23-s", attrs: { id: "assign-strategy-select", "create-button-visible": "", "info-box-position": "bottom right", loading: t.store.strategiesLoading || t.store.legacyConversionLoading, "placeholder-text": t.trans("smart-recommender.select-recommendation-strategy"), "selected-strategy-id": t.selectedStrategyId, state: t.showSelectionError ? "error" : "default", "state-message": t.showSelectionError ? t.trans("ds-steps.select-strategy-tooltip") : "", strategies: t.strategyOptions }, on: { create: function(l) {
+    return [r("div", { staticClass: "assign-strategy-drawer-content px-5 py-5" }, [r(t.OrgStrategyDropdown, { staticClass: "assign-strategy-select", attrs: { id: "assign-strategy-select", "create-button-visible": "", "info-box-position": "bottom right", loading: t.store.strategiesLoading || t.store.legacyConversionLoading, "placeholder-text": t.trans("smart-recommender.select-recommendation-strategy"), "selected-strategy-id": t.selectedStrategyId, state: t.showSelectionError ? "error" : "default", "state-message": t.showSelectionError ? t.trans("ds-steps.select-strategy-tooltip") : "", strategies: t.strategyOptions }, on: { create: function(l) {
       return t.store.openStrategyCreation();
     }, infoBoxButtonClick: t.onInfoBoxButtonClick, select: t.onSelect } })], 1)];
-  }, proxy: !0 }], null, !1, 2696846898) }) : e._e();
+  }, proxy: !0 }], null, !1, 659108535) }) : e._e();
 }, n = [], i = /* @__PURE__ */ o(
   s,
   a,
   n,
   !1,
   null,
-  null
+  "6ce48dfd"
 );
-const u = i.exports;
+const y = i.exports;
 export {
-  u as default
+  y as default
 };

package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js

@@ -2,8 +2,8 @@ import { defineComponent as B, defineAsyncComponent as T, ref as w, computed as
 import "@useinsider/design-system-organisms/style";
 import { useToaster as b } from "../../../../composables/useToaster.js";
 import { useTranslations as L } from "../../../../composables/useTranslations.js";
-import { DOTTED_DATE_LOCALE as R } from "../../../../enums/date.js";
-import { URLS as N } from "../../../../enums/extensions/recommendationBlock.js";
+import { DOTTED_DATE_LOCALE as N } from "../../../../enums/date.js";
+import { URLS as R } from "../../../../enums/extensions/recommendationBlock.js";
 import { ToasterTypeOptions as u } from "../../../../enums/toaster.js";
 import { useRecommendationExtensionStore as P } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
 import { commitStrategyChange as D } from "../../../../extensions/Blocks/Recommendation/utils/strategyCommit.js";
@@ -12,23 +12,23 @@ import { formatShortDate as M } from "../../../../utils/dateUtil.js";
 import { asText as O } from "../../../../utils/genericUtil.js";
 import { escapeHtml as G } from "../../../../utils/htmlEscape.js";
 import { InSkeleton as $ } from "@useinsider/design-system-vue";
-const ot = /* @__PURE__ */ B({
+const st = /* @__PURE__ */ B({
   __name: "AssignStrategyDrawer",
-  setup(z) {
+  setup(H) {
     const g = () => import("@useinsider/design-system-organisms"), p = (t, r) => ({
-      render: (s) => s($, { props: { sizing: { width: t, height: r } } })
+      render: (o) => o($, { props: { sizing: { width: t, height: r } } })
     }), E = T({
       loader: async () => (await g()).OrgStrategyDetailModal,
       loadingComponent: p(480, 240),
       delay: 0
     }), I = T({
       loader: async () => (await g()).OrgStrategyDropdown
-    }), i = "guido-edit-strategy-", a = L(), e = P(), { showToaster: c } = b(), o = w(null), m = "legacy", l = w(!1), x = n(() => e.assignStrategyDrawerStatus ? a("email-editor.assign-strategy-description", { url: N.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
+    }), i = "guido-edit-strategy-", a = L(), e = P(), { showToaster: c } = b(), s = w(null), m = "legacy", l = w(!1), x = n(() => e.assignStrategyDrawerStatus ? a("email-editor.assign-strategy-description", { url: R.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
     k(() => e.assignStrategyDrawerStatus, (t) => {
       if (!t)
         return;
       const { strategyId: r } = e.recommendationConfigs;
-      o.value = r || (e.isLegacyStrategyBlock ? m : null), l.value = !1, e.invalidateStrategies(), e.fetchStrategies().catch(() => {
+      s.value = r || (e.isLegacyStrategyBlock ? m : null), l.value = !1, e.invalidateStrategies(), e.fetchStrategies().catch(() => {
         c({
           type: u.Error,
           message: a("discovery-strategy.error-description")
@@ -39,8 +39,8 @@ const ot = /* @__PURE__ */ B({
       const r = O(t.updated_at || t.created_at);
       if (!r)
         return "";
-      const s = M(r, R);
-      return a("recommendation-strategy.last-updated-on", { value: s });
+      const o = M(r, N);
+      return a("recommendation-strategy.last-updated-on", { value: o });
     }, S = n(() => ({
       text: a("ds-steps.legacy-strategy"),
       value: m,
@@ -52,8 +52,7 @@ const ot = /* @__PURE__ */ B({
         id: `strategy-info-${t.strategy_id}`,
         theme: "light",
         variant: "information",
-        size: "small",
-        class: "assign-strategy-info-box",
+        className: "assign-strategy-info-box",
         titleText: G(O(t.name)),
         descriptionStatus: !0,
         descriptionText: f(t),
@@ -75,10 +74,10 @@ const ot = /* @__PURE__ */ B({
       const r = (_ = t == null ? void 0 : t.id) != null && _.startsWith(i) ? t.id.slice(i.length) : "";
       if (!r)
         return;
-      const s = e.currentRecommendationId, y = e.recommendationConfigs.strategyId === r;
-      e.openStrategyEdit(r) && (String(o.value ?? "") === r && (o.value = null), y && (e.removeStrategy(), s !== null && D(s, "Removed recommendation strategy")));
+      const o = e.currentRecommendationId, y = e.recommendationConfigs.strategyId === r;
+      e.openStrategyEdit(r) && (String(s.value ?? "") === r && (s.value = null), y && (e.removeStrategy(), o !== null && D(o, "Removed recommendation strategy")));
     }, v = n(() => {
-      const t = e.strategies.find((r) => String(r.strategy_id) === String(o.value ?? ""));
+      const t = e.strategies.find((r) => String(r.strategy_id) === String(s.value ?? ""));
       return t ? { ...t, fallback_config: null } : null;
     }), C = n(() => ({
       primaryButton: {
@@ -92,7 +91,7 @@ const ot = /* @__PURE__ */ B({
         labelText: a("products.cancel")
       }
     }));
-    return { __sfc: !0, loadOrganisms: g, skeleton: p, OrgStrategyDetailModal: E, OrgStrategyDropdown: I, EDIT_BUTTON_ID_PREFIX: i, trans: a, store: e, showToaster: c, selectedStrategyId: o, LEGACY_OPTION_VALUE: m, showSelectionError: l, drawerDescription: x, lastUpdatedText: f, legacyStrategyOption: S, remoteStrategyOptions: d, strategyOptions: A, onInfoBoxButtonClick: h, selectedStrategy: v, footerButtonGroupOptions: C, closeDrawer: () => {
+    return { __sfc: !0, loadOrganisms: g, skeleton: p, OrgStrategyDetailModal: E, OrgStrategyDropdown: I, EDIT_BUTTON_ID_PREFIX: i, trans: a, store: e, showToaster: c, selectedStrategyId: s, LEGACY_OPTION_VALUE: m, showSelectionError: l, drawerDescription: x, lastUpdatedText: f, legacyStrategyOption: S, remoteStrategyOptions: d, strategyOptions: A, onInfoBoxButtonClick: h, selectedStrategy: v, footerButtonGroupOptions: C, closeDrawer: () => {
       e.closeAssignStrategyDrawer();
     }, assignStrategy: async () => {
       const t = v.value;
@@ -113,16 +112,16 @@ const ot = /* @__PURE__ */ B({
         });
         return;
       }
-      const s = e.currentRecommendationId;
+      const o = e.currentRecommendationId;
       e.assignStrategy(t), c({
         type: u.Success,
         message: a("email-editor.strategy-assigned-success", { strategyName: t.name })
-      }), e.closeAssignStrategyDrawer(), s !== null && await D(s, "Assigned recommendation strategy");
+      }), e.closeAssignStrategyDrawer(), o !== null && await D(o, "Assigned recommendation strategy");
     }, onSelect: (t) => {
-      o.value = t.value, l.value = !1;
+      s.value = t.value, l.value = !1;
     } };
   }
 });
 export {
-  ot as default
+  st as default
 };

package/dist/extensions/Blocks/Recommendation/controls/image/index.js

@@ -1,17 +1,17 @@
-import { EditorStatePropertyType as E, PreviewDeviceMode as I, ModificationDescription as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { createImageMarginsControl as M, createImageSizeControl as C } from "../../../controlFactories.js";
+import { EditorStatePropertyType as M, PreviewDeviceMode as I, ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { createImageMarginsControl as C, createImageSizeControl as O } from "../../../controlFactories.js";
 import { RecommendationBlockId as c } from "../../constants/blockIds.js";
-import { RecommendationControlId as g } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as l } from "../../constants/selectors.js";
-import { hasGetStyle as a, hasGetAttribute as O } from "../../utils/tagName.js";
-const R = { width: "", height: "auto", "max-height": "" }, f = `${l} img.adapt-img`, x = `*${l.slice(1)}`, p = `@media only screen and (max-width: 600px) { ${f} { max-height: none !important; } }`;
-function _(t) {
+import { RecommendationControlId as f } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as l, MOBILE_CONTAINER_SELECTOR as h } from "../../constants/selectors.js";
+import { hasGetStyle as a, hasGetAttribute as R } from "../../utils/tagName.js";
+const T = { width: "", height: "auto", "max-height": "" }, E = `${l} img.adapt-img`, _ = `*${l.slice(1)}`, p = `@media only screen and (max-width: 600px) { ${E} { max-height: none !important; } }`;
+function x(t) {
   return { width: "auto", height: "auto", "max-height": `${t}px` };
 }
 function A(t) {
-  return t.querySelectorAll(x).some((e) => "getSelector" in e && e.getSelector() === f);
+  return t.querySelectorAll(_).some((e) => "getSelector" in e && e.getSelector() === E);
 }
-function T(t, e) {
+function B(t, e) {
   return a(t) && Object.entries(e).some(([o, n]) => (t.getStyle(o) ?? "") !== n);
 }
 function S(t) {
@@ -23,57 +23,72 @@ function H(t, e) {
   if (!n)
     return;
   const i = t.getDocumentModifier();
-  i.modifyCss(n).appendRule(p), i.apply(new h("Add the reco image mobile fit rule"));
+  i.modifyCss(n).appendRule(p), i.apply(new g("Add the reco image mobile fit rule"));
 }
-const B = `[esd-extension-block-id="${c.IMAGE}"]`, L = /^\d+px$/;
+const b = `[esd-extension-block-id="${c.IMAGE}"]`, L = /^\d+px$/;
 function y(t) {
-  return O(t) && Number(t.getAttribute("height")) || 0;
+  return R(t) && Number(t.getAttribute("height")) || 0;
 }
-function b(t) {
+function v(t) {
   const e = y(t), o = a(t) ? t.getStyle("max-height") ?? "" : "";
   return L.test(o) && e > 0 && o !== `${e}px`;
 }
 function U(t, e) {
-  const o = e.querySelectorAll(B).map((i) => i.querySelector("img")).filter(b);
+  const o = e.querySelectorAll(b).map((i) => i.querySelector("img")).filter(v);
   if (!o.length)
     return;
   const n = t.getDocumentModifier();
-  o.forEach((i) => n.modifyHtml(i).setStyle("max-height", `${y(i)}px`)), n.apply(new h("Sync the reco image height bound").asHidden());
+  o.forEach((i) => n.modifyHtml(i).setStyle("max-height", `${y(i)}px`)), n.apply(new g("Sync the reco image height bound").asHidden());
 }
-class D extends C(
-  g.IMAGE_SIZE,
+class w extends O(
+  f.IMAGE_SIZE,
   c.IMAGE,
   l
 ) {
+  // Stripo derives the mobile size from rendered targets, and the container hidden in mobile preview renders 0px.
+  getTargetNodes(e) {
+    const o = super.getTargetNodes(e);
+    if (!this.isMobilePreview())
+      return o;
+    try {
+      const n = !!e.closest(h);
+      return o.filter((i) => !!i.closest(h) === n);
+    } catch {
+      return [];
+    }
+  }
   getAdditionalModifications(e) {
-    if (this.api.getEditorState()[E.previewDeviceMode] === I.MOBILE)
+    if (this.isMobilePreview())
       return;
-    const o = this.getFitStyles(), n = this.getTargetNodes(e).map((s) => s.querySelector("img")).filter((s) => T(s, o)), i = o["max-height"] ? S(this.api) : null;
+    const o = this.getFitStyles(), n = this.getTargetNodes(e).map((s) => s.querySelector("img")).filter((s) => B(s, o)), i = o["max-height"] ? S(this.api) : null;
     if (!n.length && !i)
       return;
     const r = this.api.getDocumentModifier();
     return i && r.modifyCss(i).appendRule(p), n.forEach((s) => {
-      const m = r.modifyHtml(s);
-      Object.entries(o).forEach(([u, d]) => {
-        d ? m.setStyle(u, d) : m.removeStyle(u);
+      const u = r.modifyHtml(s);
+      Object.entries(o).forEach(([d, m]) => {
+        m ? u.setStyle(d, m) : u.removeStyle(d);
       });
     }), r;
   }
+  isMobilePreview() {
+    return this.api.getEditorState()[M.previewDeviceMode] === I.MOBILE;
+  }
   getFitStyles() {
     const { size: e } = this.api.getValues();
-    return (e == null ? void 0 : e.type) === "height" && e.value ? _(e.value) : R;
+    return (e == null ? void 0 : e.type) === "height" && e.value ? x(e.value) : T;
   }
 }
-const F = M(
-  g.IMAGE_MARGINS,
+const D = C(
+  f.IMAGE_MARGINS,
   c.IMAGE,
   l
-), P = {
-  size: D,
-  margins: F
+), Z = {
+  size: w,
+  margins: D
 };
 export {
-  P as ImageControls,
+  Z as ImageControls,
   H as ensureMobileFitRule,
   U as syncHeightBound
 };

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-9d988e4b] .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__dropdown[data-v-64cb50da]{z-index:20;width:387px}.accessibility-toolbar[data-v-391019bc]{gap:16px}.accessibility-toolbar[data-v-391019bc] .in-segments-wrapper__button svg{margin-right:0}.accessibility-toolbar[data-v-391019bc] .in-segments-wrapper__button .clearfix:after{content:none}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__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-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-actions-menu__dropdown[data-v-bdb3b37a]{z-index:20;width:222px}.editor-actions[data-v-9a028d08]{gap:16px}.editor-actions__divider[data-v-9a028d08]{width:1px;height:40px;background-color:#e1e1e1}.right-slot[data-v-77451c9a]{gap:16px}.header-wrapper[data-v-3c713746]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-8fc59697]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-8fc59697]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-8fc59697]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-eaf8e461]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-eaf8e461]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-eaf8e461]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-eaf8e461]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-eaf8e461]{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-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{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}.guido-tab-bar-onboarding[data-v-219b4f7c]{z-index:21}[data-v-fcba7e99] .vueperslides__bullets{pointer-events:none!important}[data-v-fcba7e99] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-1a34025a] .vueperslides__bullets{pointer-events:none!important}[data-v-1a34025a] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-8fc96a58] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[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}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.guido-display-condition-create__separator[data-v-929822bc]{height:1px;margin:0 0 24px;background-image:linear-gradient(to right,currentColor 1px,transparent 1px);background-size:5px 1px}.guido-display-condition-create__methods[data-v-929822bc]{gap:16px}.guido-display-condition-select-root[data-v-0d740001] .in-drawer__footer{justify-content:flex-start}.guido-display-condition-select__delete-modal[data-v-0d740001]{position:relative;z-index:145}.guido-display-condition-select__delete-modal[data-v-0d740001] .in-modal-v2-wrapper__header-title{margin-bottom:0}.guido-display-condition-select-root[data-v-0d740001] .in-drawer__content>div{display:flex;flex-direction:column;min-height:100%}.guido-display-condition-select__list[data-v-0d740001]{display:flex;flex-direction:column;gap:24px;margin:0;padding:0;list-style:none}.guido-display-condition-card__header[data-v-0d740001]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px}.guido-display-condition-card__text[data-v-0d740001]{min-width:0}.guido-display-condition-card__name[data-v-0d740001],.guido-display-condition-card__description[data-v-0d740001]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guido-display-condition-card__actions[data-v-0d740001]{display:flex;flex-shrink:0;align-items:center;gap:16px}.guido-display-condition-card__split[data-v-0d740001]{position:relative;display:flex;gap:1px}.guido-display-condition-card__menu[data-v-0d740001]{z-index:2;min-width:115px}.guido-display-condition-card__divider[data-v-0d740001]{width:1px;height:24px}.guido-display-condition-card__code[data-v-0d740001]{margin:1px 15px 15px;padding:8px;font-family:inherit;white-space:pre-wrap;word-break:break-word}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-9d988e4b] .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__dropdown[data-v-64cb50da]{z-index:20;width:387px}.accessibility-toolbar[data-v-391019bc]{gap:16px}.accessibility-toolbar[data-v-391019bc] .in-segments-wrapper__button svg{margin-right:0}.accessibility-toolbar[data-v-391019bc] .in-segments-wrapper__button .clearfix:after{content:none}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__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-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-actions-menu__dropdown[data-v-bdb3b37a]{z-index:20;width:222px}.editor-actions[data-v-9a028d08]{gap:16px}.editor-actions__divider[data-v-9a028d08]{width:1px;height:40px;background-color:#e1e1e1}.right-slot[data-v-77451c9a]{gap:16px}.header-wrapper[data-v-3c713746]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-8fc59697]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-8fc59697]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-8fc59697]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-eaf8e461]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-eaf8e461]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-eaf8e461]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-eaf8e461]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-eaf8e461]{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-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{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}.guido-tab-bar-onboarding[data-v-219b4f7c]{z-index:21}[data-v-fcba7e99] .vueperslides__bullets{pointer-events:none!important}[data-v-fcba7e99] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-1a34025a] .vueperslides__bullets{pointer-events:none!important}[data-v-1a34025a] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-8fc96a58] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[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}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.guido-display-condition-create__separator[data-v-929822bc]{height:1px;margin:0 0 24px;background-image:linear-gradient(to right,currentColor 1px,transparent 1px);background-size:5px 1px}.guido-display-condition-create__methods[data-v-929822bc]{gap:16px}.guido-display-condition-select-root[data-v-0d740001] .in-drawer__footer{justify-content:flex-start}.guido-display-condition-select__delete-modal[data-v-0d740001]{position:relative;z-index:145}.guido-display-condition-select__delete-modal[data-v-0d740001] .in-modal-v2-wrapper__header-title{margin-bottom:0}.guido-display-condition-select-root[data-v-0d740001] .in-drawer__content>div{display:flex;flex-direction:column;min-height:100%}.guido-display-condition-select__list[data-v-0d740001]{display:flex;flex-direction:column;gap:24px;margin:0;padding:0;list-style:none}.guido-display-condition-card__header[data-v-0d740001]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px}.guido-display-condition-card__text[data-v-0d740001]{min-width:0}.guido-display-condition-card__name[data-v-0d740001],.guido-display-condition-card__description[data-v-0d740001]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guido-display-condition-card__actions[data-v-0d740001]{display:flex;flex-shrink:0;align-items:center;gap:16px}.guido-display-condition-card__split[data-v-0d740001]{position:relative;display:flex;gap:1px}.guido-display-condition-card__menu[data-v-0d740001]{z-index:2;min-width:115px}.guido-display-condition-card__divider[data-v-0d740001]{width:1px;height:24px}.guido-display-condition-card__code[data-v-0d740001]{margin:1px 15px 15px;padding:8px;font-family:inherit;white-space:pre-wrap;word-break:break-word}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}

package/dist/package.json.js

@@ -1,9 +1,9 @@
-const o = "3.27.0-beta.5a8ee27", e = { stripo: { version: "2.83.1" } }, s = {
+const o = "3.27.0-beta.8ac96e3", s = { stripo: { version: "2.83.1" } }, e = {
   version: o,
-  guido: e
+  guido: s
 };
 export {
-  s as default,
-  e as guido,
+  e as default,
+  s as guido,
   o as version
 };

package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts

@@ -25,7 +25,9 @@ declare const SizeControl_base: {
     };
 };
 declare class SizeControl extends SizeControl_base {
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
     getAdditionalModifications(root: ImmutableHtmlNode): TemplateModifier<HtmlNodeModifier, CssNodeModifier> | undefined;
+    private isMobilePreview;
     private getFitStyles;
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.27.0-beta.5a8ee27",
+  "version": "3.27.0-beta.8ac96e3",
   "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",
@@ -60,7 +60,7 @@
   "license": "ISC",
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.11.0",
-    "@useinsider/design-system-organisms": "0.4.0",
+    "@useinsider/design-system-organisms": "0.0.3-beta.d816f06",
     "@useinsider/design-system-vue": "2.5.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",