@useinsider/guido 3.27.0-beta.9585b71 → 3.27.0-beta.98e0c1b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js +9 -10
  2. package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js +42 -41
  3. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +40 -58
  4. package/dist/guido.css +1 -1
  5. package/dist/package.json.js +2 -2
  6. package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +0 -2
  7. package/package.json +2 -2
package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js CHANGED
@@ -1,23 +1,22 @@
1
- import s from "./AssignStrategyDrawer.vue2.js";
2
- /* empty css */
1
+ import r from "./AssignStrategyDrawer.vue2.js";
3
2
  /* empty css */
4
3
  import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
5
4
  var a = function() {
6
- var e = this, r = e._self._c, t = e._self._setupProxy;
7
- 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() {
8
- 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) {
5
+ var e = this, s = e._self._c, t = e._self._setupProxy;
6
+ return t.store.assignStrategyDrawerStatus ? s(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() {
7
+ return [s("div", { staticClass: "assign-strategy-drawer-content px-5 py-5" }, [t.strategiesLoading ? s(t.InSkeleton, { staticClass: "assign-strategy-select-skeleton", attrs: { sizing: t.SELECT_SKELETON_SIZING } }) : s(t.OrgStrategyDropdown, { staticClass: "assign-strategy-select w-23-s", attrs: { id: "assign-strategy-select", "create-button-visible": "", "info-box-position": "bottom right", "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(c) {
9
8
  return t.store.openStrategyCreation();
10
9
  }, infoBoxButtonClick: t.onInfoBoxButtonClick, select: t.onSelect } })], 1)];
11
- }, proxy: !0 }], null, !1, 659108535) }) : e._e();
10
+ }, proxy: !0 }], null, !1, 3648942541) }) : e._e();
12
11
  }, n = [], i = /* @__PURE__ */ o(
13
- s,
12
+ r,
14
13
  a,
15
14
  n,
16
15
  !1,
17
16
  null,
18
- "6ce48dfd"
17
+ null
19
18
  );
20
- const y = i.exports;
19
+ const u = i.exports;
21
20
  export {
22
- y as default
21
+ u as default
23
22
  };
package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js CHANGED
@@ -1,34 +1,34 @@
1
- import { defineComponent as B, defineAsyncComponent as T, ref as w, computed as n, watch as k } from "vue";
1
+ import { defineComponent as b, defineAsyncComponent as T, ref as w, computed as o, watch as N } from "vue";
2
2
  import "@useinsider/design-system-organisms/style";
3
- import { useToaster as b } from "../../../../composables/useToaster.js";
4
- import { useTranslations as L } from "../../../../composables/useTranslations.js";
5
- import { DOTTED_DATE_LOCALE as N } from "../../../../enums/date.js";
6
- import { URLS as R } from "../../../../enums/extensions/recommendationBlock.js";
3
+ import { useToaster as R } from "../../../../composables/useToaster.js";
4
+ import { useTranslations as P } from "../../../../composables/useTranslations.js";
5
+ import { DOTTED_DATE_LOCALE as U } from "../../../../enums/date.js";
6
+ import { URLS as G } from "../../../../enums/extensions/recommendationBlock.js";
7
7
  import { ToasterTypeOptions as u } from "../../../../enums/toaster.js";
8
- import { useRecommendationExtensionStore as P } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
9
- import { commitStrategyChange as D } from "../../../../extensions/Blocks/Recommendation/utils/strategyCommit.js";
10
- import U from "./StrategyInfoBoxContent.vue.js";
11
- import { formatShortDate as M } from "../../../../utils/dateUtil.js";
12
- import { asText as O } from "../../../../utils/genericUtil.js";
13
- import { escapeHtml as G } from "../../../../utils/htmlEscape.js";
14
- import { InSkeleton as $ } from "@useinsider/design-system-vue";
15
- const st = /* @__PURE__ */ B({
8
+ import { useRecommendationExtensionStore as M } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
9
+ import { commitStrategyChange as E } from "../../../../extensions/Blocks/Recommendation/utils/strategyCommit.js";
10
+ import $ from "./StrategyInfoBoxContent.vue.js";
11
+ import { formatShortDate as z } from "../../../../utils/dateUtil.js";
12
+ import { asText as D } from "../../../../utils/genericUtil.js";
13
+ import { escapeHtml as H } from "../../../../utils/htmlEscape.js";
14
+ import { InSkeleton as O } from "@useinsider/design-system-vue";
15
+ const it = /* @__PURE__ */ b({
16
16
  __name: "AssignStrategyDrawer",
17
- setup(H) {
17
+ setup(F) {
18
18
  const g = () => import("@useinsider/design-system-organisms"), p = (t, r) => ({
19
- render: (o) => o($, { props: { sizing: { width: t, height: r } } })
20
- }), E = T({
19
+ render: (s) => s(O, { props: { sizing: { width: t, height: r } } })
20
+ }), I = T({
21
21
  loader: async () => (await g()).OrgStrategyDetailModal,
22
22
  loadingComponent: p(480, 240),
23
23
  delay: 0
24
- }), I = T({
24
+ }), h = T({
25
25
  loader: async () => (await g()).OrgStrategyDropdown
26
- }), 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 }) : "");
27
- k(() => e.assignStrategyDrawerStatus, (t) => {
26
+ }), i = "guido-edit-strategy-", x = { width: 480, height: 42 }, a = P(), e = M(), { showToaster: c } = R(), n = w(null), d = "legacy", l = w(!1), A = o(() => e.strategiesLoading || e.legacyConversionLoading), C = o(() => e.assignStrategyDrawerStatus ? a("email-editor.assign-strategy-description", { url: G.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
27
+ N(() => e.assignStrategyDrawerStatus, (t) => {
28
28
  if (!t)
29
29
  return;
30
30
  const { strategyId: r } = e.recommendationConfigs;
31
- s.value = r || (e.isLegacyStrategyBlock ? m : null), l.value = !1, e.invalidateStrategies(), e.fetchStrategies().catch(() => {
31
+ n.value = r || (e.isLegacyStrategyBlock ? d : null), l.value = !1, e.invalidateStrategies(), e.fetchStrategies().catch(() => {
32
32
  c({
33
33
  type: u.Error,
34
34
  message: a("discovery-strategy.error-description")
@@ -36,27 +36,28 @@ const st = /* @__PURE__ */ B({
36
36
  });
37
37
  });
38
38
  const f = (t) => {
39
- const r = O(t.updated_at || t.created_at);
39
+ const r = D(t.updated_at || t.created_at);
40
40
  if (!r)
41
41
  return "";
42
- const o = M(r, N);
43
- return a("recommendation-strategy.last-updated-on", { value: o });
44
- }, S = n(() => ({
42
+ const s = z(r, U);
43
+ return a("recommendation-strategy.last-updated-on", { value: s });
44
+ }, S = o(() => ({
45
45
  text: a("ds-steps.legacy-strategy"),
46
- value: m,
46
+ value: d,
47
47
  hidden: !0
48
- })), d = n(() => e.strategies.map((t) => ({
48
+ })), m = o(() => e.strategies.map((t) => ({
49
49
  text: t.name,
50
50
  value: t.strategy_id,
51
51
  infoBoxProps: {
52
52
  id: `strategy-info-${t.strategy_id}`,
53
53
  theme: "light",
54
54
  variant: "information",
55
- className: "assign-strategy-info-box",
56
- titleText: G(O(t.name)),
55
+ size: "small",
56
+ class: "assign-strategy-info-box",
57
+ titleText: H(D(t.name)),
57
58
  descriptionStatus: !0,
58
59
  descriptionText: f(t),
59
- slot: U,
60
+ slot: $,
60
61
  slotProps: { strategy: t },
61
62
  // The info box drops the option's value/text, so the id is the only channel
62
63
  // that can carry the strategy back to the click handler.
@@ -69,17 +70,17 @@ const st = /* @__PURE__ */ B({
69
70
  icon: "line-open-website"
70
71
  }]
71
72
  }
72
- }))), A = n(() => e.isLegacyStrategyBlock ? [S.value, ...d.value] : d.value), h = (t) => {
73
+ }))), L = o(() => e.isLegacyStrategyBlock ? [S.value, ...m.value] : m.value), B = (t) => {
73
74
  var _;
74
75
  const r = (_ = t == null ? void 0 : t.id) != null && _.startsWith(i) ? t.id.slice(i.length) : "";
75
76
  if (!r)
76
77
  return;
77
- const o = e.currentRecommendationId, y = e.recommendationConfigs.strategyId === r;
78
- e.openStrategyEdit(r) && (String(s.value ?? "") === r && (s.value = null), y && (e.removeStrategy(), o !== null && D(o, "Removed recommendation strategy")));
79
- }, v = n(() => {
80
- const t = e.strategies.find((r) => String(r.strategy_id) === String(s.value ?? ""));
78
+ const s = e.currentRecommendationId, y = e.recommendationConfigs.strategyId === r;
79
+ e.openStrategyEdit(r) && (String(n.value ?? "") === r && (n.value = null), y && (e.removeStrategy(), s !== null && E(s, "Removed recommendation strategy")));
80
+ }, v = o(() => {
81
+ const t = e.strategies.find((r) => String(r.strategy_id) === String(n.value ?? ""));
81
82
  return t ? { ...t, fallback_config: null } : null;
82
- }), C = n(() => ({
83
+ }), k = o(() => ({
83
84
  primaryButton: {
84
85
  styling: "solid",
85
86
  type: "primary",
@@ -91,7 +92,7 @@ const st = /* @__PURE__ */ B({
91
92
  labelText: a("products.cancel")
92
93
  }
93
94
  }));
94
- 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: () => {
95
+ return { __sfc: !0, loadOrganisms: g, skeleton: p, OrgStrategyDetailModal: I, OrgStrategyDropdown: h, EDIT_BUTTON_ID_PREFIX: i, SELECT_SKELETON_SIZING: x, trans: a, store: e, showToaster: c, selectedStrategyId: n, LEGACY_OPTION_VALUE: d, showSelectionError: l, strategiesLoading: A, drawerDescription: C, lastUpdatedText: f, legacyStrategyOption: S, remoteStrategyOptions: m, strategyOptions: L, onInfoBoxButtonClick: B, selectedStrategy: v, footerButtonGroupOptions: k, closeDrawer: () => {
95
96
  e.closeAssignStrategyDrawer();
96
97
  }, assignStrategy: async () => {
97
98
  const t = v.value;
@@ -112,16 +113,16 @@ const st = /* @__PURE__ */ B({
112
113
  });
113
114
  return;
114
115
  }
115
- const o = e.currentRecommendationId;
116
+ const s = e.currentRecommendationId;
116
117
  e.assignStrategy(t), c({
117
118
  type: u.Success,
118
119
  message: a("email-editor.strategy-assigned-success", { strategyName: t.name })
119
- }), e.closeAssignStrategyDrawer(), o !== null && await D(o, "Assigned recommendation strategy");
120
+ }), e.closeAssignStrategyDrawer(), s !== null && await E(s, "Assigned recommendation strategy");
120
121
  }, onSelect: (t) => {
121
- s.value = t.value, l.value = !1;
122
- } };
122
+ n.value = t.value, l.value = !1;
123
+ }, InSkeleton: O };
123
124
  }
124
125
  });
125
126
  export {
126
- st as default
127
+ it as default
127
128
  };
package/dist/extensions/Blocks/Recommendation/controls/image/index.js CHANGED
@@ -1,97 +1,79 @@
1
- import { EditorStatePropertyType as M, PreviewDeviceMode as I, ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- import { createImageMarginsControl as C, createImageSizeControl as O } from "../../../controlFactories.js";
1
+ import { EditorStatePropertyType as E, PreviewDeviceMode as I, ModificationDescription as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
+ import { createImageMarginsControl as M, createImageSizeControl as C } from "../../../controlFactories.js";
3
3
  import { RecommendationBlockId as c } from "../../constants/blockIds.js";
4
- import { RecommendationControlId as f } from "../../constants/controlIds.js";
5
- import { BLOCK_ROOT_SELECTOR as l, MOBILE_CONTAINER_SELECTOR as R } from "../../constants/selectors.js";
6
- import { hasGetStyle as a, hasGetAttribute as T } from "../../utils/tagName.js";
7
- const _ = { width: "", height: "auto", "max-height": "" }, E = `${l} img.adapt-img`, b = `*${l.slice(1)}`, p = `@media only screen and (max-width: 600px) { ${E} { max-height: none !important; } }`;
8
- function x(t) {
4
+ import { RecommendationControlId as g } from "../../constants/controlIds.js";
5
+ import { BLOCK_ROOT_SELECTOR as l } from "../../constants/selectors.js";
6
+ import { hasGetStyle as a, hasGetAttribute as O } from "../../utils/tagName.js";
7
+ 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; } }`;
8
+ function _(t) {
9
9
  return { width: "auto", height: "auto", "max-height": `${t}px` };
10
10
  }
11
11
  function A(t) {
12
- return t.querySelectorAll(b).some((e) => "getSelector" in e && e.getSelector() === E);
12
+ return t.querySelectorAll(x).some((e) => "getSelector" in e && e.getSelector() === f);
13
13
  }
14
- function B(t, e) {
15
- return a(t) && Object.entries(e).some(([o, i]) => (t.getStyle(o) ?? "") !== i);
14
+ function T(t, e) {
15
+ return a(t) && Object.entries(e).some(([o, n]) => (t.getStyle(o) ?? "") !== n);
16
16
  }
17
17
  function S(t) {
18
18
  const e = t.getDocumentRootCssNode();
19
19
  return e && !A(e) ? e : null;
20
20
  }
21
- function U(t, e) {
22
- const i = e.querySelectorAll("img").some((r) => a(r) && !!r.getStyle("max-height")) ? S(t) : null;
23
- if (!i)
21
+ function H(t, e) {
22
+ const n = e.querySelectorAll("img").some((r) => a(r) && !!r.getStyle("max-height")) ? S(t) : null;
23
+ if (!n)
24
24
  return;
25
- const n = t.getDocumentModifier();
26
- n.modifyCss(i).appendRule(p), n.apply(new g("Add the reco image mobile fit rule"));
25
+ const i = t.getDocumentModifier();
26
+ i.modifyCss(n).appendRule(p), i.apply(new h("Add the reco image mobile fit rule"));
27
27
  }
28
- const L = `[esd-extension-block-id="${c.IMAGE}"]`, v = /^\d+px$/;
28
+ const B = `[esd-extension-block-id="${c.IMAGE}"]`, L = /^\d+px$/;
29
29
  function y(t) {
30
- return T(t) && Number(t.getAttribute("height")) || 0;
30
+ return O(t) && Number(t.getAttribute("height")) || 0;
31
31
  }
32
- function w(t) {
32
+ function b(t) {
33
33
  const e = y(t), o = a(t) ? t.getStyle("max-height") ?? "" : "";
34
- return v.test(o) && e > 0 && o !== `${e}px`;
34
+ return L.test(o) && e > 0 && o !== `${e}px`;
35
35
  }
36
- function Z(t, e) {
37
- const o = e.querySelectorAll(L).map((n) => n.querySelector("img")).filter(w);
36
+ function U(t, e) {
37
+ const o = e.querySelectorAll(B).map((i) => i.querySelector("img")).filter(b);
38
38
  if (!o.length)
39
39
  return;
40
- const i = t.getDocumentModifier();
41
- o.forEach((n) => i.modifyHtml(n).setStyle("max-height", `${y(n)}px`)), i.apply(new g("Sync the reco image height bound").asHidden());
42
- }
43
- function h(t) {
44
- try {
45
- return !!t.closest(R);
46
- } catch {
47
- return null;
48
- }
40
+ const n = t.getDocumentModifier();
41
+ o.forEach((i) => n.modifyHtml(i).setStyle("max-height", `${y(i)}px`)), n.apply(new h("Sync the reco image height bound").asHidden());
49
42
  }
50
- class D extends O(
51
- f.IMAGE_SIZE,
43
+ class D extends C(
44
+ g.IMAGE_SIZE,
52
45
  c.IMAGE,
53
46
  l
54
47
  ) {
55
- // Stripo derives the mobile size from rendered targets, and the container hidden in mobile preview renders 0px.
56
- getTargetNodes(e) {
57
- const o = super.getTargetNodes(e);
58
- if (!this.isMobilePreview())
59
- return o;
60
- const i = h(e);
61
- return i === null ? [] : o.filter((n) => h(n) === i);
62
- }
63
48
  getAdditionalModifications(e) {
64
- if (this.isMobilePreview())
49
+ if (this.api.getEditorState()[E.previewDeviceMode] === I.MOBILE)
65
50
  return;
66
- const o = this.getFitStyles(), i = this.getTargetNodes(e).map((s) => s.querySelector("img")).filter((s) => B(s, o)), n = o["max-height"] ? S(this.api) : null;
67
- if (!i.length && !n)
51
+ 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;
52
+ if (!n.length && !i)
68
53
  return;
69
54
  const r = this.api.getDocumentModifier();
70
- return n && r.modifyCss(n).appendRule(p), i.forEach((s) => {
71
- const u = r.modifyHtml(s);
72
- Object.entries(o).forEach(([d, m]) => {
73
- m ? u.setStyle(d, m) : u.removeStyle(d);
55
+ return i && r.modifyCss(i).appendRule(p), n.forEach((s) => {
56
+ const m = r.modifyHtml(s);
57
+ Object.entries(o).forEach(([u, d]) => {
58
+ d ? m.setStyle(u, d) : m.removeStyle(u);
74
59
  });
75
60
  }), r;
76
61
  }
77
- isMobilePreview() {
78
- return this.api.getEditorState()[M.previewDeviceMode] === I.MOBILE;
79
- }
80
62
  getFitStyles() {
81
63
  const { size: e } = this.api.getValues();
82
- return (e == null ? void 0 : e.type) === "height" && e.value ? x(e.value) : _;
64
+ return (e == null ? void 0 : e.type) === "height" && e.value ? _(e.value) : R;
83
65
  }
84
66
  }
85
- const N = C(
86
- f.IMAGE_MARGINS,
67
+ const F = M(
68
+ g.IMAGE_MARGINS,
87
69
  c.IMAGE,
88
70
  l
89
- ), j = {
71
+ ), P = {
90
72
  size: D,
91
- margins: N
73
+ margins: F
92
74
  };
93
75
  export {
94
- j as ImageControls,
95
- U as ensureMobileFitRule,
96
- Z as syncHeightBound
76
+ P as ImageControls,
77
+ H as ensureMobileFitRule,
78
+ U as syncHeightBound
97
79
  };
package/dist/guido.css CHANGED
@@ -1 +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-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}
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}
package/dist/package.json.js CHANGED
@@ -1,9 +1,9 @@
1
- const o = "3.27.0-beta.9585b71", s = { stripo: { version: "2.83.1" } }, t = {
1
+ const o = "3.27.0-beta.98e0c1b", s = { stripo: { version: "2.83.1" } }, e = {
2
2
  version: o,
3
3
  guido: s
4
4
  };
5
5
  export {
6
- t as default,
6
+ e as default,
7
7
  s as guido,
8
8
  o as version
9
9
  };
package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts CHANGED
@@ -25,9 +25,7 @@ declare const SizeControl_base: {
25
25
  };
26
26
  };
27
27
  declare class SizeControl extends SizeControl_base {
28
- getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
29
28
  getAdditionalModifications(root: ImmutableHtmlNode): TemplateModifier<HtmlNodeModifier, CssNodeModifier> | undefined;
30
- private isMobilePreview;
31
29
  private getFitStyles;
32
30
  }
33
31
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "3.27.0-beta.9585b71",
3
+ "version": "3.27.0-beta.98e0c1b",
4
4
  "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
5
5
  "main": "./dist/guido.umd.cjs",
6
6
  "module": "./dist/library.js",
@@ -60,7 +60,7 @@
60
60
  "license": "ISC",
61
61
  "dependencies": {
62
62
  "@stripoinc/ui-editor-extensions": "3.11.0",
63
- "@useinsider/design-system-organisms": "0.0.3-beta.d816f06",
63
+ "@useinsider/design-system-organisms": "0.4.0",
64
64
  "@useinsider/design-system-vue": "2.5.0",
65
65
  "@vueuse/core": "11.3.0",
66
66
  "lodash-es": "4.17.21",