@useinsider/guido 3.9.1-beta.6e7cd3e → 3.9.1-beta.7a75299

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.9.1-beta.6e7cd3e",
+  "version": "3.9.1-beta.7a75299",
   "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",

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
-};