@useinsider/guido 3.9.1-beta.734031d → 3.9.1-beta.8a96896

package/dist/extensions/Blocks/Recommendation/utils/captureStyleTemplates.js

@@ -1,9 +1,9 @@
 import { RecommendationBlockId as c } from "../constants/blockIds.js";
-import { DESKTOP_CONTAINER_SELECTOR as S, ATTR_PRODUCT_NAME as k, ATTR_PRODUCT_PRICE as E, ATTR_PRODUCT_OLD_PRICE as h, ATTR_PRODUCT_OMNIBUS_PRICE as y, ATTR_PRODUCT_OMNIBUS_DISCOUNT as m, ATTR_PRODUCT_BUTTON as P, ATTR_PRODUCT_IMAGE as x, ATTR_PRODUCT_ATTR as v } from "../constants/selectors.js";
+import { DESKTOP_CONTAINER_SELECTOR as S, ATTR_PRODUCT_NAME as E, ATTR_PRODUCT_PRICE as p, ATTR_PRODUCT_OLD_PRICE as y, ATTR_PRODUCT_OMNIBUS_PRICE as C, ATTR_PRODUCT_OMNIBUS_DISCOUNT as A, ATTR_PRODUCT_BUTTON as P, ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_ATTR as x } from "../constants/selectors.js";
 import { CSS_CLASS_TEXT_TRIM as B } from "../controls/shared/textTrimCssRules.js";
-import { toCustomCompositionKey as U } from "../templates/utils.js";
-import { extractWrapperTags as C } from "./preserveTextStyles.js";
-import { hasQuerySelectorAll as A, hasGetAttribute as l, hasGetStyle as R, hasGetComputedStyle as q } from "./tagName.js";
+import { toCustomCompositionKey as v } from "../templates/utils.js";
+import { extractWrapperTags as R } from "./preserveTextStyles.js";
+import { hasQuerySelectorAll as _, hasGetAttribute as l, hasGetStyle as I, hasGetComputedStyle as U } from "./tagName.js";
 const s = [
   "font-size",
   "font-family",
@@ -39,94 +39,94 @@ const s = [
   "border-radius",
   "margin"
 ], b = /* @__PURE__ */ new Set(["transparent", "rgba(0, 0, 0, 0)"]), G = [
-  { attrKey: k, blockId: c.NAME, kind: "text" },
-  { attrKey: E, blockId: c.PRICE, kind: "text" },
-  { attrKey: h, blockId: c.OLD_PRICE, kind: "text" },
-  { attrKey: y, blockId: c.OMNIBUS_PRICE, kind: "text" },
-  { attrKey: m, blockId: c.OMNIBUS_DISCOUNT, kind: "text" },
+  { attrKey: E, blockId: c.NAME, kind: "text" },
+  { attrKey: p, blockId: c.PRICE, kind: "text" },
+  { attrKey: y, blockId: c.OLD_PRICE, kind: "text" },
+  { attrKey: C, blockId: c.OMNIBUS_PRICE, kind: "text" },
+  { attrKey: A, blockId: c.OMNIBUS_DISCOUNT, kind: "text" },
   { attrKey: P, blockId: c.BUTTON, kind: "button" },
-  { attrKey: x, blockId: c.IMAGE, kind: "image" }
+  { attrKey: q, blockId: c.IMAGE, kind: "image" }
 ];
-function _(t) {
+function O(t) {
   return t && "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML().trim() : "";
 }
 function L(t) {
   return t && "getInnerText" in t && typeof t.getInnerText == "function" ? t.getInnerText().trim() : "";
 }
 function a(t, e, r) {
-  !e || !R(e) || r.forEach((n) => {
-    const i = e.getStyle(n);
-    i && i !== "inherit" && i !== "initial" && (t[n] = i);
+  !e || !I(e) || r.forEach((n) => {
+    const o = e.getStyle(n);
+    o && o !== "inherit" && o !== "initial" && (t[n] = o);
   });
 }
-function I(t) {
+function h(t) {
   return Object.entries(t).map(([e, r]) => `${e}: ${r};`).join(" ");
 }
-function O(t) {
-  if (!t || !R(t))
+function k(t) {
+  if (!t || !I(t))
     return;
   const e = t.getStyle("background-color") || t.getStyle("background");
   return e && !b.has(e) ? e : void 0;
 }
 function g(t, e) {
   const r = {};
-  return a(r, t, e), I(r);
+  return a(r, t, e), h(r);
 }
 function w(t) {
   const e = t.querySelector("p"), r = {};
   a(r, t, s), a(r, e, s), a(r, t.querySelector("strong"), s), a(r, t.querySelector("em"), s), a(r, t.querySelector("s"), s);
-  const n = I(r), { openTags: i, closeTags: o } = C(_(e));
-  return !n && !i ? null : { pStyle: n || void 0, openTags: i, closeTags: o };
+  const n = h(r), { openTags: o, closeTags: i } = R(O(e));
+  return !n && !o ? null : { pStyle: n || void 0, openTags: o, closeTags: i };
 }
-function K(t) {
-  const e = t.querySelector(".es-button-border"), r = t.querySelector("a.es-button") ?? t.querySelector("a"), n = g(e, N), i = g(r, M), o = e && "getAttribute" in e ? e.getAttribute("class") ?? "" : "", u = /\bes-fw\b/.test(o), { openTags: T, closeTags: d } = C(_(r)), p = L(r);
-  return !n && !i && !u && !T && !p ? null : {
+function $(t) {
+  const e = t.querySelector(".es-button-border"), r = t.querySelector("a.es-button") ?? t.querySelector("a"), n = g(e, N), o = g(r, M), i = e && "getAttribute" in e ? e.getAttribute("class") ?? "" : "", u = /\bes-fw\b/.test(i), { openTags: T, closeTags: d } = R(O(r)), m = L(r);
+  return !n && !o && !u && !T && !m ? null : {
     buttonBorderStyle: n || void 0,
-    buttonAnchorStyle: i || void 0,
+    buttonAnchorStyle: o || void 0,
     buttonFitToContainer: u || void 0,
-    buttonText: p || void 0,
+    buttonText: m || void 0,
     openTags: T,
     closeTags: d
   };
 }
-function H(t) {
+function K(t) {
   const e = g(t.querySelector("img"), D);
   return e ? { imgStyle: e } : null;
 }
-function $(t, e) {
-  return e === "button" ? K(t) : e === "image" ? H(t) : w(t);
+function H(t, e) {
+  return e === "button" ? $(t) : e === "image" ? K(t) : w(t);
 }
 function f(t, e) {
   if (!t || !("querySelector" in t))
     return;
   const r = t.querySelector(S) ?? t;
-  if (G.forEach(({ attrKey: o, blockId: u, kind: T }) => {
+  if (G.forEach(({ attrKey: i, blockId: u, kind: T }) => {
     const d = r.querySelector(`[esd-extension-block-id="${u}"]`);
-    d && e(d, o, T);
-  }), !A(r))
+    d && e(d, i, T);
+  }), !_(r))
     return;
   const n = /* @__PURE__ */ new Set();
   r.querySelectorAll(
     `[esd-extension-block-id="${c.CUSTOM_ATTRIBUTE}"]`
-  ).forEach((o) => {
-    const u = l(o) ? o.getAttribute(v) : null;
-    !u || n.has(u) || (n.add(u), e(o, U(u), "text"));
+  ).forEach((i) => {
+    const u = l(i) ? i.getAttribute(x) : null;
+    !u || n.has(u) || (n.add(u), e(i, v(u), "text"));
   });
 }
 function F(t) {
   const e = {};
-  return f(t, (r, n, i) => {
+  return f(t, (r, n, o) => {
     if (!("querySelector" in r))
       return;
-    const o = $(r, i);
-    o && (e[n] = o);
+    const i = H(r, o);
+    i && (e[n] = i);
   }), e;
 }
 function j(t) {
   if (!t || !("querySelector" in t))
     return;
   const e = t.querySelector(S) ?? t, r = e.querySelector(".product-card-segment") ?? e.querySelector(".product-card-wrapper");
-  return O(r);
+  return k(r);
 }
 function X(t) {
   if (!t)
@@ -134,28 +134,28 @@ function X(t) {
   const e = l(t) ? t.getAttribute("bgcolor") : null;
   if (e && !b.has(e))
     return e;
-  const r = O(t);
+  const r = k(t);
   if (r)
     return r;
-  const n = q(t) ? t.getComputedStyle("background-color") : void 0;
+  const n = U(t) ? t.getComputedStyle("background-color") : void 0;
   return n && !b.has(n) ? n : void 0;
 }
 function z(t) {
   const e = {};
-  return f(t, (r, n, i) => {
-    if (i !== "text")
+  return f(t, (r, n, o) => {
+    if (o !== "text")
       return;
-    const o = X(r);
-    o && (e[n] = o);
+    const i = X(r);
+    i && (e[n] = i);
   }), e;
 }
 function Q(t) {
   const e = {};
-  return f(t, (r, n, i) => {
-    if (i === "image")
+  return f(t, (r, n, o) => {
+    if (o === "image")
       return;
-    const o = l(r) ? r.getAttribute("align") : null;
-    o && (e[n] = o);
+    const i = l(r) ? r.getAttribute("align") : null;
+    i && (e[n] = i);
   }), e;
 }
 const V = /^es-[pm]\d+[trbl]?$/;
@@ -167,44 +167,50 @@ function W(t) {
   return r.length ? r.join(" ") : void 0;
 }
 function Y(t) {
-  const e = {};
-  return f(t, (r, n, i) => {
-    if (i === "image")
+  if (!t || !("querySelector" in t))
+    return !1;
+  const e = t.querySelector(S) ?? t, r = (n) => !!(n && "querySelector" in n && n.querySelector(".product-price") && n.querySelector(".product-old-price"));
+  return r(e.querySelector(`[data-attribute-type="${p}"]`)) || r(e.querySelector(`[data-attribute-type="${y}"]`));
+}
+function J(t) {
+  const e = {}, r = Y(t);
+  return f(t, (n, o, i) => {
+    if (i === "image" || r && (o === p || o === y))
       return;
-    const o = W(r);
-    o && (e[n] = o);
+    const u = W(n);
+    u && (e[o] = u);
   }), e;
 }
-function J(t) {
+function Z(t) {
   const e = {};
   return f(t, (r, n) => {
-    if (n !== y && n !== m || !l(r))
+    if (n !== C && n !== A || !l(r))
       return;
-    const i = r.getAttribute("data-text-before"), o = r.getAttribute("data-text-after");
-    (i != null || o != null) && (e[n] = { before: i ?? void 0, after: o ?? void 0 });
+    const o = r.getAttribute("data-text-before"), i = r.getAttribute("data-text-after");
+    (o != null || i != null) && (e[n] = { before: o ?? void 0, after: i ?? void 0 });
   }), e;
 }
-function Z(t) {
+function tt(t) {
   const e = {};
   if (!t || !("querySelector" in t))
     return e;
   const r = t.querySelector(S) ?? t;
-  return A(r) && r.querySelectorAll(".recommendation-attribute-row").forEach((n) => {
+  return _(r) && r.querySelectorAll(".recommendation-attribute-row").forEach((n) => {
     if (!l(n))
       return;
-    const i = n.getAttribute("data-attribute-type"), o = n.getAttribute("data-visibility");
-    i && o != null && (e[i] = o !== "0");
+    const o = n.getAttribute("data-attribute-type"), i = n.getAttribute("data-visibility");
+    o && i != null && (e[o] = i !== "0");
   }), e;
 }
-function ut(t) {
+function ct(t) {
   return {
     styleTemplates: F(t),
     cardBackgroundColor: j(t),
     cellBackgroundColors: z(t),
     cellAlignments: Q(t),
-    cellClasses: Y(t),
-    omnibusTexts: J(t),
-    visibility: Z(t)
+    cellClasses: J(t),
+    omnibusTexts: Z(t),
+    visibility: tt(t)
   };
 }
 export {
@@ -212,8 +218,8 @@ export {
   j as captureCardBackgroundColor,
   Q as captureCellAlignments,
   z as captureCellBackgroundColors,
-  Y as captureCellClasses,
-  J as captureOmnibusTexts,
-  ut as captureStyles,
-  Z as captureVisibility
+  J as captureCellClasses,
+  Z as captureOmnibusTexts,
+  ct as captureStyles,
+  tt as captureVisibility
 };

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-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-669fe7cf]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-669fe7cf]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-669fe7cf]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-669fe7cf]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-669fe7cf]{object-fit:cover;transform:scale(1)}[data-v-7a305bb2] .guido__verion-history-view-option-selection-desktop svg,[data-v-7a305bb2] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-7a305bb2] .in-segments-wrapper__button_selected,[data-v-7a305bb2] .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}.ai-status-pill[data-v-ee17b74e]{white-space:nowrap}.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-f2eb03d4]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-669fe7cf]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-669fe7cf]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-669fe7cf]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-669fe7cf]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-669fe7cf]{object-fit:cover;transform:scale(1)}[data-v-7a305bb2] .guido__verion-history-view-option-selection-desktop svg,[data-v-7a305bb2] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-7a305bb2] .in-segments-wrapper__button_selected,[data-v-7a305bb2] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/services/blankTemplate.js

@@ -0,0 +1,34 @@
+import { useToaster as m } from "../composables/useToaster.js";
+import { useTranslations as c } from "../composables/useTranslations.js";
+import { BLANK_TEMPLATE_HTML_URL as T, BLANK_TEMPLATE_CSS_URL as i } from "../enums/defaults.js";
+import { ToasterTypeOptions as p } from "../enums/toaster.js";
+const a = 3, f = 1e3;
+let s = null;
+const u = (e) => new Promise((t) => {
+  setTimeout(t, e);
+}), n = async (e) => {
+  const t = await fetch(e);
+  if (!t.ok)
+    throw new Error(`Blank template request failed: ${t.status}`);
+  return t.text();
+}, k = () => {
+  const { showToaster: e } = m(), t = c();
+  return { getBlankTemplate: async () => {
+    if (s)
+      return s;
+    for (let r = 1; r <= a; r++)
+      try {
+        const [o, l] = await Promise.all([
+          n(T),
+          n(i)
+        ]);
+        return s = { html: o, css: l }, s;
+      } catch (o) {
+        console.error(`Failed to fetch blank template (attempt ${r}/${a}):`, o), r < a && await u(r * f);
+      }
+    return e({ type: p.Alert, message: t("errors-pages.undefined-response") }), { html: "", css: "" };
+  } };
+};
+export {
+  k as useBlankTemplate
+};

package/dist/services/stripoApi.js

@@ -1,10 +1,9 @@
 import { useHttp as d } from "../composables/useHttp.js";
 import { useToaster as m } from "../composables/useToaster.js";
 import { MAX_DEFAULT_TEMPLATE_ID as y } from "../enums/defaults.js";
-import f from "../static/templates/empty/index.html.js";
-import g from "../static/templates/empty/style.css.js";
-const E = () => {
-  const { get: s, post: c } = d(), { handleError: r } = m();
+import { useBlankTemplate as f } from "./blankTemplate.js";
+const D = () => {
+  const { get: s, post: u } = d(), { handleError: r } = m(), { getBlankTemplate: o } = f();
   return {
     getToken: async () => {
       try {
@@ -26,18 +25,14 @@ const E = () => {
       }
     },
     getDefaultTemplate: async () => {
-      const t = {
-        html: f,
-        css: g
-      };
       try {
-        const e = new URLSearchParams(window.location.search), u = e.get("default-template"), p = e.get("master"), a = u ? parseInt(u) : 0, i = a >= 1 && a <= y ? a : 0;
-        if (!i && !p)
-          return t;
-        const l = `/stripo/default-template/${i}`, { data: n } = await s(l), o = typeof n == "string" ? JSON.parse(n) : n;
-        return !o || typeof o != "object" || !("html" in o) || !("css" in o) ? t : o;
-      } catch (e) {
-        return r(e, "Failed to fetch default template"), t;
+        const t = new URLSearchParams(window.location.search), e = t.get("default-template"), l = t.get("master"), n = e ? parseInt(e) : 0, i = n >= 1 && n <= y ? n : 0;
+        if (!i && !l)
+          return await o();
+        const p = `/stripo/default-template/${i}`, { data: c } = await s(p), a = typeof c == "string" ? JSON.parse(c) : c;
+        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? await o() : a;
+      } catch (t) {
+        return r(t, "Failed to fetch default template"), o();
       }
     },
     getSyncModulesStatus: async () => {
@@ -50,7 +45,7 @@ const E = () => {
     },
     updateSyncModule: async (t) => {
       try {
-        return await c(`/stripo/stripo-modules/${t.moduleId}/update`), !0;
+        return await u(`/stripo/stripo-modules/${t.moduleId}/update`), !0;
       } catch (e) {
         return r(e, "Failed to update sync module"), !1;
       }
@@ -71,7 +66,7 @@ const E = () => {
       if (t.length === 0)
         return !0;
       try {
-        return await c("/stripo/stripo-modules/set-unsubscription-preference-pages", t), !0;
+        return await u("/stripo/stripo-modules/set-unsubscription-preference-pages", t), !0;
       } catch (e) {
         return r(e, "Failed to set unsubscription preference pages"), !1;
       }
@@ -79,5 +74,5 @@ const E = () => {
   };
 };
 export {
-  E as useStripoApi
+  D as useStripoApi
 };

package/dist/src/components/organisms/header/AiStatusPill.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

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

@@ -0,0 +1,11 @@
+/**
+ * Thin accessor over the guidoAiStatus store: the bridge calls the mutators,
+ * AiStatusPill reads the refs. Mutations are idempotent so the bridge's deep
+ * watcher re-firing per stream chunk doesn't thrash the store.
+ */
+export declare const useAiStatus: () => {
+    isGenerating: import("vue").Ref<boolean>;
+    activeTool: import("vue").Ref<string>;
+    startGenerating: (tool?: string) => void;
+    stopGenerating: () => void;
+};

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

@@ -8,6 +8,9 @@ export declare const TemplateTypes: {
 };
 export declare const EditorType: number;
 export declare const MAX_DEFAULT_TEMPLATE_ID = 13;
+export declare const EMAIL_STATIC_BASE_URL = "https://email-static.useinsider.com";
+export declare const BLANK_TEMPLATE_HTML_URL = "https://email-static.useinsider.com/templates/campaign/default.html";
+export declare const BLANK_TEMPLATE_CSS_URL = "https://email-static.useinsider.com/templates/campaign/default.css";
 export declare const ProductIds: Record<string, number>;
 export declare const ModuleFolderDefaults: {
     readonly SAVED_MODULES: "savedModules";

package/dist/src/extensions/Blocks/Recommendation/utils/captureStyleTemplates.d.ts

@@ -51,6 +51,12 @@ export declare function captureCellAlignments(node: ImmutableHtmlNode | null | u
  * text-trim) keyed by composition key, so a regeneration can re-bake them
  * instead of resetting to the renderer's hardcoded spacing classes. Stripo stores padding
  * and margin as these classes (NOT inline style), so an inline-style capture misses them.
+ *
+ * Inline price mode: the merged columns carry POSITIONAL spacing classes
+ * (`es-p15l es-p5r` / `es-p5l es-p15r`) that build the side-by-side gap — layout
+ * mechanics, not user padding. Skip the price cells then, so toggling back to
+ * stacked resets them to the renderer defaults instead of baking the lopsided
+ * inline paddings (SD-145161).
  */
 export declare function captureCellClasses(node: ImmutableHtmlNode | null | undefined): Record<string, string>;
 /**

package/dist/src/services/blankTemplate.d.ts

@@ -0,0 +1,11 @@
+import type { Template } from '@@/Types/stripo';
+/**
+ * Fetches the blank starter template (html + css) from the email CDN — the single
+ * source of truth shared with email-fe. Retries a few times, caches the result for
+ * the session, and on persistent failure returns an empty template (the editor still
+ * opens) plus a toaster. Kept separate from stripoApi: this is a CDN asset fetch, not
+ * a Stripo backend call.
+ */
+export declare const useBlankTemplate: () => {
+    getBlankTemplate: () => Promise<Template>;
+};

package/dist/src/stores/guido-ai-status.d.ts

@@ -0,0 +1,10 @@
+/**
+ * AI status-pill state — set by useCortexBlueprintBridge while a qmechanics
+ * tool runs, cleared on done/error. State-only; useAiStatus mutates via $patch.
+ */
+export declare const useAiStatusStore: import("pinia").StoreDefinition<"guidoAiStatus", {
+    /** True while at least one agent tool is actively running. */
+    isGenerating: boolean;
+    /** Name/slug of the running tool, '' when idle. */
+    activeTool: string;
+}, {}, {}>;

package/dist/stores/guido-ai-status.js

@@ -0,0 +1,12 @@
+import { defineStore as t } from "pinia";
+const o = t("guidoAiStatus", {
+  state: () => ({
+    /** True while at least one agent tool is actively running. */
+    isGenerating: !1,
+    /** Name/slug of the running tool, '' when idle. */
+    activeTool: ""
+  })
+});
+export {
+  o as useAiStatusStore
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.9.1-beta.734031d",
+  "version": "3.9.1-beta.8a96896",
   "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",
@@ -29,8 +29,6 @@
     "test:visual-update": "npx playwright test --update-snapshots --reporter html",
     "test:e2e:coverage": "E2E_COVERAGE=true playwright test",
     "coverage:e2e:report": "nyc report --reporter=lcov --reporter=text-summary --report-dir=coverage/e2e",
-    "test:mutation": "stryker run",
-    "test:mutation:since": "stryker run --since=origin/develop --incremental",
     "prepare": "husky",
     "preinstall": "rm -rf ./node_modules/.vite"
   },
@@ -54,8 +52,6 @@
     "@eslint/eslintrc": "3.3.0",
     "@eslint/js": "8.57.1",
     "@playwright/test": "1.57.0",
-    "@stryker-mutator/core": "9.6.1",
-    "@stryker-mutator/vitest-runner": "9.6.1",
     "@stylistic/eslint-plugin": "3.1.0",
     "@stylistic/eslint-plugin-migrate": "3.1.0",
     "@types/eslint": "8.56.12",

package/dist/static/templates/empty/index.html.js

@@ -1,74 +0,0 @@
-const t = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-
-<head>
-    <meta charset="UTF-8">
-    <meta content="width=device-width, initial-scale=1" name="viewport">
-    <meta name="x-apple-disable-message-reformatting">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta content="telephone=no" name="format-detection">
-    <title></title>
-    <!--[if (mso 16)]><style type="text/css">a{text-decoration:none}</style><![endif]-->
-    <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
-    <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
-    <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
-    <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
-    <!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]-->
-</head>
-
-<body>
-    <div class="es-wrapper-color">
-        <!--[if gte mso 9]>
-			<v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
-				<v:fill type="tile" color="#f6f6f6"></v:fill>
-			</v:background>
-		<![endif]-->
-        <table class="es-wrapper" width="100%" cellspacing="0" cellpadding="0">
-            <tbody>
-                <tr>
-                    <td class="esd-email-paddings" valign="top">
-                        <table class="es-content esd-footer-popover" cellspacing="0" cellpadding="0" align="center">
-                            <tbody>
-                                <tr>
-                                    <td class="esd-stripe" align="center">
-                                        <table class="es-content-body" width="600" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center">
-                                            <tbody>
-                                                <tr>
-                                                    <td class="esd-structure es-p20" align="left">
-                                                        <table cellpadding="0" cellspacing="0" width="100%">
-                                                            <tbody>
-                                                                <tr>
-                                                                    <td width="560" class="esd-container-frame" align="center" valign="top">
-                                                                        <table cellpadding="0" cellspacing="0" width="100%">
-                                                                            <tbody>
-                                                                                <tr>
-                                                                                    <td align="center" class="esd-empty-container" style="display: none;"></td>
-                                                                                </tr>
-                                                                            </tbody>
-                                                                        </table>
-                                                                    </td>
-                                                                </tr>
-                                                            </tbody>
-                                                        </table>
-                                                    </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-    <div style="position: absolute; left: -9999px; top: -9999px; margin: 0px;"></div>
-    <div style="position: absolute; left: -9999px; top: -9999px; margin: 0px; padding: 0px; border: 0px none; width: 1px;"></div>
-</body>
-
-</html>
-`;
-export {
-  t as default
-};