@useinsider/guido 3.18.1-beta.9b8b7ac → 3.18.1-beta.c52722e

package/dist/composables/usePreviewMode.js

@@ -1,12 +1,11 @@
 import { useEditorStore as n } from "../stores/editor.js";
 import { usePreviewStore as p } from "../stores/preview.js";
-import { preventMobileWordOverflow as c } from "../utils/preventMobileWordOverflow.js";
-import { useActionsApi as u } from "./useActionsApi.js";
-import { useCodeEditorApi as v } from "./useCodeEditorApi.js";
-import { useHtmlCompiler as w } from "./useHtmlCompiler.js";
-import { useRecommendationPreview as f } from "./useRecommendationPreview.js";
-const z = () => {
-  const t = n(), e = p(), { closeCodeEditor: a } = v(), { getPreviewData: m, getCompiledEmail: s } = u(), { compileHtml: l } = w(), { substituteRecommendationPreview: r } = f(), i = () => {
+import { useActionsApi as c } from "./useActionsApi.js";
+import { useCodeEditorApi as u } from "./useCodeEditorApi.js";
+import { useHtmlCompiler as v } from "./useHtmlCompiler.js";
+import { useRecommendationPreview as w } from "./useRecommendationPreview.js";
+const C = () => {
+  const t = n(), e = p(), { closeCodeEditor: a } = u(), { getPreviewData: m, getCompiledEmail: s } = c(), { compileHtml: l } = v(), { substituteRecommendationPreview: r } = w(), i = () => {
     t.isPreviewModeOpen = !1, e.$reset();
   };
   return {
@@ -22,9 +21,7 @@ const z = () => {
             m(),
             s({ minimize: !0, resetDataSavedFlag: !1 })
           ]);
-          e.templateHtml = c(
-            r(o.html || "")
-          ), e.ampHtml = r(o.ampHtml || ""), e.ampErrors = o.ampErrors || [], e.setEmailFormat(o.ampHtml ? "AMP" : "html"), e.emailSizeKB = l(d.html).estimatedSizeKB, e.isLoaded = !0;
+          e.templateHtml = r(o.html || ""), e.ampHtml = r(o.ampHtml || ""), e.ampErrors = o.ampErrors || [], e.setEmailFormat(o.ampHtml ? "AMP" : "html"), e.emailSizeKB = l(d.html).estimatedSizeKB, e.isLoaded = !0;
         } catch (o) {
           console.error("Failed to load preview data:", o), i();
         } finally {
@@ -35,5 +32,5 @@ const z = () => {
   };
 };
 export {
-  z as usePreviewMode
+  C as usePreviewMode
 };

package/dist/config/compiler/htmlCompilerRules.js

@@ -1,6 +1,5 @@
-import { preventMobileWordOverflow as c } from "../../utils/preventMobileWordOverflow.js";
-import { stripFontTags as l } from "../../utils/stripFontTags.js";
-const f = [
+import { stripFontTags as p } from "../../utils/stripFontTags.js";
+const d = [
   {
     id: "fix-url-encoding-start",
     description: "Replace {%22 with %7B%22 to fix URL encoding",
@@ -55,18 +54,11 @@ const f = [
     replaceAll: !0,
     priority: 14
   },
-  {
-    id: "prevent-mobile-word-overflow",
-    description: "SD-151345: let long words break on mobile so non-responsive containers keep their own width.",
-    type: "custom",
-    processor: (e) => c(e),
-    priority: 15
-  },
   {
     id: "strip-font-tags",
     description: 'Unwrap browser-translate-injected <font dir="auto"> tags, keeping inner content; other <font> elements are left intact.',
     type: "custom",
-    processor: (e) => l(e),
+    processor: (e) => p(e),
     priority: 15
   },
   {
@@ -165,8 +157,8 @@ const f = [
     processor: (e) => {
       const t = (i) => i.toString(16).padStart(2, "0");
       return e.replace(/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/gi, (i, o, n, r) => {
-        const [s, a, p] = [Number(o), Number(n), Number(r)];
-        return s > 255 || a > 255 || p > 255 ? i : `#${t(s)}${t(a)}${t(p)}`;
+        const [s, a, c] = [Number(o), Number(n), Number(r)];
+        return s > 255 || a > 255 || c > 255 ? i : `#${t(s)}${t(a)}${t(c)}`;
       }).replace(/#([0-9a-f])\1([0-9a-f])\2([0-9a-f])\3\b/gi, "#$1$2$3");
     },
     priority: 44
@@ -208,5 +200,5 @@ const f = [
   }
 ];
 export {
-  f as defaultHtmlCompilerRules
+  d as defaultHtmlCompilerRules
 };

package/dist/src/mock/cortexChatStore.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Dev-harness stand-in for the cortex-fe MFE's shared `chat` store.
+ *
+ * `useCortexBlueprintBridge` resolves that store by id off the host's pinia at
+ * Guido's setup time, so a store registered after mount is never seen. Installing
+ * it here — before `<Guido>` renders — lets e2e drive the bridge through its real
+ * registration path instead of re-invoking the composable by hand.
+ *
+ * Activated with `?chatStore=true`; the instance is exposed on `window` so a test
+ * can push agent messages into it.
+ */
+export declare const installMockChatStore: () => void;

package/dist/static/styles/customEditorStyle.css.js

@@ -106,14 +106,6 @@ const n = `.esd-x,
 .ue-mobile-mode .ins-recommendation-no-mobile-layout .ins-recommendation-mobile-container {
     display: none !important;
 }
-
-/* SD-151345: mirror the compiled-email fix in the editor's mobile preview.
-   The editor simulates mobile with .ue-mobile-mode, not a viewport media query. */
-.ue-mobile-mode .esd-block-text:not(.ins-coupon-code),
-.ue-mobile-mode .esd-block-text:not(.ins-coupon-code) p {
-    word-break: break-word !important;
-    overflow-wrap: anywhere !important;
-}
 `;
 export {
   n as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.1-beta.9b8b7ac",
+  "version": "3.18.1-beta.c52722e",
   "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/src/utils/preventMobileWordOverflow.d.ts

@@ -1,12 +0,0 @@
-/**
- * SD-151345 — long unbreakable words steal width from sibling containers on mobile.
- *
- * When a structure is not responsive its containers stay side by side on mobile.
- * A word that cannot wrap forces its own cell wider than its share, and CSS table
- * auto-layout takes that width from its siblings — so identical images render at
- * different sizes and the long-word container spills past the mobile canvas.
- * Letting the word break restores the intended per-container widths.
- *
- * Coupon codes are excluded: a promo code must stay readable as one token.
- */
-export declare function preventMobileWordOverflow(html: string): string;

package/dist/utils/preventMobileWordOverflow.js

@@ -1,15 +0,0 @@
-const r = "ins-mobile-word-break", n = `<style type="text/css">/* ${r} */
-@media only screen and (max-width:600px){
-.esd-block-text:not(.ins-coupon-code),
-.esd-block-text:not(.ins-coupon-code) p
-{word-break:break-word !important;overflow-wrap:anywhere !important}
-}</style>`, t = /<\/head\s*>/i;
-function c(e) {
-  if (!e || e.includes(r))
-    return e;
-  const o = t.exec(e);
-  return o ? e.slice(0, o.index) + n + e.slice(o.index) : n + e;
-}
-export {
-  c as preventMobileWordOverflow
-};