@useinsider/guido 3.9.1-beta.c64c39e → 3.9.1-beta.de8e72f

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 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 { 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 { CSS_CLASS_TEXT_TRIM as B } from "../controls/shared/textTrimCssRules.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";
+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";
 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: 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: 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: P, blockId: c.BUTTON, kind: "button" },
-  { attrKey: q, blockId: c.IMAGE, kind: "image" }
+  { attrKey: x, blockId: c.IMAGE, kind: "image" }
 ];
-function O(t) {
+function _(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 || !I(e) || r.forEach((n) => {
-    const o = e.getStyle(n);
-    o && o !== "inherit" && o !== "initial" && (t[n] = o);
+  !e || !R(e) || r.forEach((n) => {
+    const i = e.getStyle(n);
+    i && i !== "inherit" && i !== "initial" && (t[n] = i);
   });
 }
-function h(t) {
+function I(t) {
   return Object.entries(t).map(([e, r]) => `${e}: ${r};`).join(" ");
 }
-function k(t) {
-  if (!t || !I(t))
+function O(t) {
+  if (!t || !R(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), h(r);
+  return a(r, t, e), I(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 = h(r), { openTags: o, closeTags: i } = R(O(e));
-  return !n && !o ? null : { pStyle: n || void 0, openTags: o, closeTags: i };
+  const n = I(r), { openTags: i, closeTags: o } = C(_(e));
+  return !n && !i ? null : { pStyle: n || void 0, openTags: i, closeTags: o };
 }
-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 : {
+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 : {
     buttonBorderStyle: n || void 0,
-    buttonAnchorStyle: o || void 0,
+    buttonAnchorStyle: i || void 0,
     buttonFitToContainer: u || void 0,
-    buttonText: m || void 0,
+    buttonText: p || void 0,
     openTags: T,
     closeTags: d
   };
 }
-function K(t) {
+function H(t) {
   const e = g(t.querySelector("img"), D);
   return e ? { imgStyle: e } : null;
 }
-function H(t, e) {
-  return e === "button" ? $(t) : e === "image" ? K(t) : w(t);
+function $(t, e) {
+  return e === "button" ? K(t) : e === "image" ? H(t) : w(t);
 }
 function f(t, e) {
   if (!t || !("querySelector" in t))
     return;
   const r = t.querySelector(S) ?? t;
-  if (G.forEach(({ attrKey: i, blockId: u, kind: T }) => {
+  if (G.forEach(({ attrKey: o, blockId: u, kind: T }) => {
     const d = r.querySelector(`[esd-extension-block-id="${u}"]`);
-    d && e(d, i, T);
-  }), !_(r))
+    d && e(d, o, T);
+  }), !A(r))
     return;
   const n = /* @__PURE__ */ new Set();
   r.querySelectorAll(
     `[esd-extension-block-id="${c.CUSTOM_ATTRIBUTE}"]`
-  ).forEach((i) => {
-    const u = l(i) ? i.getAttribute(x) : null;
-    !u || n.has(u) || (n.add(u), e(i, v(u), "text"));
+  ).forEach((o) => {
+    const u = l(o) ? o.getAttribute(v) : null;
+    !u || n.has(u) || (n.add(u), e(o, U(u), "text"));
   });
 }
 function F(t) {
   const e = {};
-  return f(t, (r, n, o) => {
+  return f(t, (r, n, i) => {
     if (!("querySelector" in r))
       return;
-    const i = H(r, o);
-    i && (e[n] = i);
+    const o = $(r, i);
+    o && (e[n] = o);
   }), 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 k(r);
+  return O(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 = k(t);
+  const r = O(t);
   if (r)
     return r;
-  const n = U(t) ? t.getComputedStyle("background-color") : void 0;
+  const n = q(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, o) => {
-    if (o !== "text")
+  return f(t, (r, n, i) => {
+    if (i !== "text")
       return;
-    const i = X(r);
-    i && (e[n] = i);
+    const o = X(r);
+    o && (e[n] = o);
   }), e;
 }
 function Q(t) {
   const e = {};
-  return f(t, (r, n, o) => {
-    if (o === "image")
+  return f(t, (r, n, i) => {
+    if (i === "image")
       return;
-    const i = l(r) ? r.getAttribute("align") : null;
-    i && (e[n] = i);
+    const o = l(r) ? r.getAttribute("align") : null;
+    o && (e[n] = o);
   }), e;
 }
 const V = /^es-[pm]\d+[trbl]?$/;
@@ -167,50 +167,44 @@ function W(t) {
   return r.length ? r.join(" ") : void 0;
 }
 function Y(t) {
-  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))
+  const e = {};
+  return f(t, (r, n, i) => {
+    if (i === "image")
       return;
-    const u = W(n);
-    u && (e[o] = u);
+    const o = W(r);
+    o && (e[n] = o);
   }), e;
 }
-function Z(t) {
+function J(t) {
   const e = {};
   return f(t, (r, n) => {
-    if (n !== C && n !== A || !l(r))
+    if (n !== y && n !== m || !l(r))
       return;
-    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 });
+    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 });
   }), e;
 }
-function tt(t) {
+function Z(t) {
   const e = {};
   if (!t || !("querySelector" in t))
     return e;
   const r = t.querySelector(S) ?? t;
-  return _(r) && r.querySelectorAll(".recommendation-attribute-row").forEach((n) => {
+  return A(r) && r.querySelectorAll(".recommendation-attribute-row").forEach((n) => {
     if (!l(n))
       return;
-    const o = n.getAttribute("data-attribute-type"), i = n.getAttribute("data-visibility");
-    o && i != null && (e[o] = i !== "0");
+    const i = n.getAttribute("data-attribute-type"), o = n.getAttribute("data-visibility");
+    i && o != null && (e[i] = o !== "0");
   }), e;
 }
-function ct(t) {
+function ut(t) {
   return {
     styleTemplates: F(t),
     cardBackgroundColor: j(t),
     cellBackgroundColors: z(t),
     cellAlignments: Q(t),
-    cellClasses: J(t),
-    omnibusTexts: Z(t),
-    visibility: tt(t)
+    cellClasses: Y(t),
+    omnibusTexts: J(t),
+    visibility: Z(t)
   };
 }
 export {
@@ -218,8 +212,8 @@ export {
   j as captureCardBackgroundColor,
   Q as captureCellAlignments,
   z as captureCellBackgroundColors,
-  J as captureCellClasses,
-  Z as captureOmnibusTexts,
-  ct as captureStyles,
-  tt as captureVisibility
+  Y as captureCellClasses,
+  J as captureOmnibusTexts,
+  ut as captureStyles,
+  Z as captureVisibility
 };

package/dist/services/stripoApi.js

@@ -1,9 +1,10 @@
 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 { useBlankTemplate as f } from "./blankTemplate.js";
-const D = () => {
-  const { get: s, post: u } = d(), { handleError: r } = m(), { getBlankTemplate: o } = f();
+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();
   return {
     getToken: async () => {
       try {
@@ -25,14 +26,18 @@ const D = () => {
       }
     },
     getDefaultTemplate: async () => {
+      const t = {
+        html: f,
+        css: g
+      };
       try {
-        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();
+        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;
       }
     },
     getSyncModulesStatus: async () => {
@@ -45,7 +50,7 @@ const D = () => {
     },
     updateSyncModule: async (t) => {
       try {
-        return await u(`/stripo/stripo-modules/${t.moduleId}/update`), !0;
+        return await c(`/stripo/stripo-modules/${t.moduleId}/update`), !0;
       } catch (e) {
         return r(e, "Failed to update sync module"), !1;
       }
@@ -66,7 +71,7 @@ const D = () => {
       if (t.length === 0)
         return !0;
       try {
-        return await u("/stripo/stripo-modules/set-unsubscription-preference-pages", t), !0;
+        return await c("/stripo/stripo-modules/set-unsubscription-preference-pages", t), !0;
       } catch (e) {
         return r(e, "Failed to set unsubscription preference pages"), !1;
       }
@@ -74,5 +79,5 @@ const D = () => {
   };
 };
 export {
-  D as useStripoApi
+  E as useStripoApi
 };

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

@@ -8,9 +8,6 @@ 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,12 +51,6 @@ 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/static/templates/empty/index.html.js

@@ -0,0 +1,74 @@
+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
+};