npm - @useinsider/guido - Versions diffs - 3.7.0-beta.830822b → 3.7.0-beta.960d9c8 - Mend

@useinsider/guido 3.7.0-beta.830822b → 3.7.0-beta.960d9c8

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 (12) hide show

package/dist/composables/useHtmlCompiler.js +8 -6
package/dist/config/compiler/htmlCompilerRules.js +15 -7
package/dist/config/migrator/fontTagMigrator.js +7 -0
package/dist/config/migrator/index.js +8 -7
package/dist/enums/extensions/recommendationBlock.js +1 -3
package/dist/extensions/Blocks/Recommendation/store/recommendation.js +5 -5
package/dist/services/recommendationApi.js +19 -31
package/dist/src/config/migrator/fontTagMigrator.d.ts +7 -0
package/dist/src/enums/extensions/recommendationBlock.d.ts +0 -1
package/dist/src/utils/stripFontTags.d.ts +12 -0
package/dist/utils/stripFontTags.js +7 -0
package/package.json +1 -1

package/dist/composables/useHtmlCompiler.js CHANGED Viewed

@@ -13,6 +13,8 @@ const y = /* @__PURE__ */ new Set([
   "fix-url-encoding-end",
   "fix-tags-start",
   "fix-tags-end",
+  // Remove translate-injected <font> tags — pure removal, never emits AMP-forbidden output.
+  "strip-font-tags",
   // Image domain corrections — plain string replacement.
   "replace-old-image-domain",
   "replace-old-v2-image-domain",
@@ -26,22 +28,22 @@ const y = /* @__PURE__ */ new Set([
   // Coupon placeholder replacement (only present when liquidSyntax is enabled).
   "liquid-coupon-code"
 ]), M = () => {
-  var m, t, r;
-  const { compiler: e, isFeatureEnabled: a, partner: n } = k(), u = ((m = e.value) == null ? void 0 : m.customRules) || [], l = [
-    ...!!((t = e.value) != null && t.ignoreDefaultRules) ? [] : R,
+  var t, m, r;
+  const { compiler: e, isFeatureEnabled: a, partner: n } = k(), p = ((t = e.value) == null ? void 0 : t.customRules) || [], l = [
+    ...!!((m = e.value) != null && m.ignoreDefaultRules) ? [] : R,
     ...v,
     ...x,
     ...g,
     ...b,
     ...H,
     ...a("liquidSyntax") ? C : [],
-    ...u.map((o, f) => ({
+    ...p.map((o, f) => ({
       ...o,
       priority: o.priority + 1e3 + f
       // Ensure additional rules run after default rules
     }))
-  ], p = s(l), c = l.filter((o) => y.has(o.id)), d = s(c), i = (r = n.value) == null ? void 0 : r.fallbackFont;
-  return { compileHtml: (o) => p.compile(o, void 0, i), compileAmpHtml: (o) => d.compile(o, void 0, i) };
+  ], u = s(l), c = l.filter((o) => y.has(o.id)), d = s(c), i = (r = n.value) == null ? void 0 : r.fallbackFont;
+  return { compileHtml: (o) => u.compile(o, void 0, i), compileAmpHtml: (o) => d.compile(o, void 0, i) };
 };
 export {
   M as useHtmlCompiler

package/dist/config/compiler/htmlCompilerRules.js CHANGED Viewed

@@ -1,4 +1,5 @@
-const a = [
+import { stripFontTags as n } from "../../utils/stripFontTags.js";
+const l = [
   {
     id: "fix-url-encoding-start",
     description: "Replace {%22 with %7B%22 to fix URL encoding",
@@ -53,6 +54,13 @@ const a = [
     replaceAll: !0,
     priority: 14
   },
+  {
+    id: "strip-font-tags",
+    description: 'Unwrap <font> tags injected by browser translate extensions (e.g. Google Translate), keeping inner content — prevents Chrome DOM-depth overflow ("512 nodes")',
+    type: "custom",
+    processor: (e) => n(e),
+    priority: 15
+  },
   {
     id: "remove-apty-iframe",
     description: "Cleanup Apty Iframe Code",
@@ -91,7 +99,7 @@ const a = [
     description: "Adding MSO Conditions",
     type: "custom",
     processor: (e) => {
-      const t = [
+      const i = [
         `<!--[if gte mso 9]>
 <style>sup {
     font-size: 100% !important;
@@ -114,10 +122,10 @@ const a = [
       ], s = /<head>([\S\s]*)<\/head>/, o = new RegExp(s);
       if (!e.match(o))
         return e;
-      let i = e;
-      return t.forEach((r) => {
-        i = i.replace("</head>", `${r}</head>`);
-      }), i;
+      let t = e;
+      return i.forEach((r) => {
+        t = t.replace("</head>", `${r}</head>`);
+      }), t;
     },
     priority: 30
   },
@@ -141,5 +149,5 @@ const a = [
   }
 ];
 export {
-  a as defaultHtmlCompilerRules
+  l as defaultHtmlCompilerRules
 };

package/dist/config/migrator/fontTagMigrator.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { stripFontTags as r } from "../../utils/stripFontTags.js";
+function n(t) {
+  return r(t);
+}
+export {
+  n as migrateFontTags
+};

package/dist/config/migrator/index.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { migrateCheckbox as o } from "./checkboxMigrator.js";
 import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
-import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
-import { migrateRadioButton as a } from "./radioButtonMigrator.js";
-import { migrateRecommendation as g } from "./recommendationMigrator.js";
-import { migrateUnsubscribe as n } from "./unsubscribeMigrator.js";
-const b = async (r, t = {}) => {
+import { migrateFontTags as e } from "./fontTagMigrator.js";
+import { migrateItemsBlock as a } from "./itemsBlockMigrator.js";
+import { migrateRadioButton as g } from "./radioButtonMigrator.js";
+import { migrateRecommendation as n } from "./recommendationMigrator.js";
+import { migrateUnsubscribe as p } from "./unsubscribeMigrator.js";
+const k = async (r, t = {}) => {
   let m = r;
-  return m = o(m), m = a(m), m = await n(m), m = i(m), m = g(m, t), m = e(m), m;
+  return m = e(m), m = o(m), m = g(m), m = await p(m), m = i(m), m = n(m, t), m = a(m), m;
 };
 export {
-  b as migrate
+  k as migrate
 };

package/dist/enums/extensions/recommendationBlock.js CHANGED Viewed

@@ -1,8 +1,6 @@
 import { useTranslations as r } from "../../composables/useTranslations.js";
 const l = {
-  RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com",
-  // Relative path → same-origin as the embedding inone dashboard (Dataforce).
-  PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes"
+  RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
 }, c = {
   CLIENT_ID: "clientId"
 }, d = () => {

package/dist/extensions/Blocks/Recommendation/store/recommendation.js CHANGED Viewed

@@ -6,8 +6,8 @@ import { DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as D } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
 import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
-import { getPartnerRecommendationParams as w } from "../utils/partnerCustomizations.js";
-import { isFilterValid as v } from "../validation/filterSchema.js";
+import { getPartnerRecommendationParams as v } from "../utils/partnerCustomizations.js";
+import { isFilterValid as w } from "../validation/filterSchema.js";
 import { isConfigValid as N } from "../validation/requiredFields.js";
 const h = y();
 let m = null, u = null, d = null;
@@ -132,7 +132,7 @@ const x = () => ({
       value: e.text
     })),
     getFilterList() {
-      return Object.values(this.filterList).filter((t) => t.isFilterable !== 0 && t.isFilterable !== !1).map((t) => {
+      return Object.values(this.filterList).map((t) => {
         let e;
         return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : C.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
@@ -379,7 +379,7 @@ const x = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: v(t)
+          isValid: w(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -456,7 +456,7 @@ const x = () => ({
       };
       r.strategy === "manualMerchandising" ? a.productId = r.productIds.join(",") : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0), Object.assign(
         a,
-        w(o.partnerName, r.strategy)
+        v(o.partnerName, r.strategy)
       );
       let f;
       try {

package/dist/services/recommendationApi.js CHANGED Viewed

@@ -1,52 +1,40 @@
-import { useHttp as d } from "../composables/useHttp.js";
-import { QUERY_PARAMS as l, URLS as u } from "../enums/extensions/recommendationBlock.js";
-const R = (o) => o.reduce(
-  (a, t, s) => (a[s] = {
-    attributeName: t.attributeName,
-    attributeJs: t.attributeJs,
-    attributeType: t.attributeType,
-    type: t.type,
-    displayName: t.displayName,
-    isFilterable: t.isFilterable
-  }, a),
-  {}
-), f = () => {
-  const { get: o } = d(), { get: a } = d({ headers: {} }), t = "6KcLM9TwheVB1mgK";
+import { useHttp as a } from "../composables/useHttp.js";
+import { QUERY_PARAMS as d, URLS as h } from "../enums/extensions/recommendationBlock.js";
+const y = () => {
+  const { get: r } = a(), { get: s } = a({ headers: {} }), m = "6KcLM9TwheVB1mgK";
   return {
     fetchRecommendationCreateData: async () => {
       try {
-        return (await o("/newsletter/recommendations/create-data")).data;
+        return (await r("/newsletter/recommendations/create-data")).data;
       } catch (e) {
         throw console.error("fetchUserModalState error:", e), e;
       }
     },
     fetchRecommendationFilters: async () => {
       try {
-        const { data: e } = await o(
-          u.PRODUCT_ATTRIBUTES_PATH
-        ), n = Array.isArray(e) ? e : (e == null ? void 0 : e.data) ?? [];
-        return R(n);
+        const { data: e } = await r("/stripo/email-recommendation-attributes");
+        return e;
       } catch (e) {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, n) => {
-      var i;
+    fetchRecommendationProducts: async (e, i) => {
+      var n;
       try {
-        const r = new URLSearchParams(Object.entries(n));
-        r.set(l.CLIENT_ID, t);
-        const m = decodeURIComponent(r.toString());
-        console.debug("🏁 Recommendation API Query:", m);
-        const c = await a(
-          `${u.RECOMMENDATION_API_URL}/v2/${e}?${m}`
+        const t = new URLSearchParams(Object.entries(i));
+        t.set(d.CLIENT_ID, m);
+        const c = decodeURIComponent(t.toString());
+        console.debug("🏁 Recommendation API Query:", c);
+        const o = await s(
+          `${h.RECOMMENDATION_API_URL}/v2/${e}?${c}`
         );
-        return ((i = c == null ? void 0 : c.data) == null ? void 0 : i.data) ?? [];
-      } catch (r) {
-        throw console.error("fetchRecommendationProducts error:", r), r;
+        return ((n = o == null ? void 0 : o.data) == null ? void 0 : n.data) ?? [];
+      } catch (t) {
+        throw console.error("fetchRecommendationProducts error:", t), t;
       }
     }
   };
 };
 export {
-  f as useRecommendationApi
+  y as useRecommendationApi
 };

package/dist/src/config/migrator/fontTagMigrator.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+/**
+ * Heals templates already saved with browser-translate-injected `<font>` tags
+ * (see {@link stripFontTags}). Runs on load before the block migrators so they
+ * operate on clean HTML, and stops the accumulated nesting from re-triggering
+ * Chrome's DOM-depth limit when the template is reopened in the editor.
+ */
+export declare function migrateFontTags(html: string): string;

package/dist/src/enums/extensions/recommendationBlock.d.ts CHANGED Viewed

@@ -2,7 +2,6 @@ import type { TextValueObject } from '@@/Types/generic';
 import type { RecommendationFeedItem } from '@@/Types/recommendation';
 export declare const URLS: {
     RECOMMENDATION_API_URL: string;
-    PRODUCT_ATTRIBUTES_PATH: string;
 };
 export declare const QUERY_PARAMS: {
     CLIENT_ID: string;

package/dist/src/utils/stripFontTags.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * Browser translation extensions (e.g. Google Translate) wrap translated text in
+ * nested `<font style="vertical-align:inherit">` tags. These get persisted into
+ * the template and accumulate over edit/translate cycles until Chrome exceeds its
+ * DOM-depth limit (the "512 nodes" error). Stripo never emits `<font>` tags, so
+ * any present are foreign — unwrap them (drop the tag, keep the inner content).
+ *
+ * Removing each open/close tag independently handles any nesting depth without a
+ * DOMParser round-trip, so surrounding markup (incl. `esd-*` attributes) is left
+ * byte-for-byte intact.
+ */
+export declare function stripFontTags(html: string): string;

package/dist/utils/stripFontTags.js ADDED Viewed

@@ -0,0 +1,7 @@
+const r = /<\s*\/?\s*font(?=[\s/>])[^>]*>/gi;
+function s(n) {
+  return n && n.replace(r, "");
+}
+export {
+  s as stripFontTags
+};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.7.0-beta.830822b",
+  "version": "3.7.0-beta.960d9c8",
   "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",