@useinsider/guido 3.21.2-beta.45bb425 → 3.21.2-beta.4b0fed7

package/dist/src/config/migrator/recommendation/extractors.d.ts

@@ -1,3 +1,4 @@
+import type { LegacyVariable } from './types';
 export declare function extractTitleText(block: Element): string;
 /**
  * Fallback for legacy configs that carry no `p_recommendation_title` variable:
@@ -7,6 +8,25 @@ export declare function extractTitleText(block: Element): string;
  * @returns True when the legacy block renders a visible title
  */
 export declare function hasVisibleTitle(block: Element): boolean;
+/**
+ * A rendered title container with no text showed the user no title, whatever the config's `hidden` flag says.
+ * @param block - The legacy recommendation block element
+ * @returns True when the legacy block renders an empty title container
+ */
+export declare function hasEmptyTitle(block: Element): boolean;
+/**
+ * Reads which price the legacy card renders first. Prices sharing a `positionIdx` are ordered by this.
+ * @param block - The legacy recommendation block element
+ * @returns True only when both prices render and the original price comes first
+ */
+export declare function isOldPriceFirst(block: Element): boolean;
+/**
+ * Legacy keeps the text color and the name's trim toggle in the rendered `<p>`, not in the config theme.
+ * @param variables - The legacy composition variables
+ * @param block - The legacy recommendation block element
+ * @returns The variables, with `textColor` / `textTrimming` filled from the rendered HTML where the theme lacks them
+ */
+export declare function withRenderedTextTheme(variables: LegacyVariable[] | undefined, block: Element): LegacyVariable[] | undefined;
 /**
  * Card background lives on either the block (`bgcolor`/`style`) or per-card
  * cells (`.product-card`). Returns empty string when no background is set —

package/dist/src/extensions/Blocks/Recommendation/block.d.ts

@@ -65,6 +65,7 @@ export declare class RecommendationBlock extends Block {
      */
     onDelete(node: ImmutableHtmlNode): void;
     private _ensureMobileFitRule;
+    private _ensureTextTrimCss;
     private _syncHeightBound;
     /**
      * Warns (dark advisory toaster) when the design holds more than one live

package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts

@@ -121,14 +121,8 @@ export declare class RecommendationBlockControl extends CommonControl {
     private _fetchBlockData;
     private _isPanelOn;
     /**
-     * Applies smart defaults for newly dropped blocks.
-     *
-     * For new blocks (config still matches hardcoded defaults), validates that
-     * the default currency and algorithm are available from the API response.
-     * If not, falls back to the first available option.
-     *
-     * Saved templates with user-customized config are left unchanged because
-     * their values won't match the hardcoded defaults.
+     * Falls back to the first available option when the block's currency or locale is not offered (a new block on
+     * the hard-coded default, or a block copied from another account). The algorithm falls back only on new blocks.
      */
     private _applySmartDefaults;
     /**

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

@@ -2,9 +2,10 @@
  * Maps legacy algorithm strategy keys (used by templates authored against the
  * old recommendation system) to the new keys used by `RecommendationFeedSourceMaps`.
  *
+ * `viewedTogether` and `purchasedTogether` map to `mostPopular`: their feed sources (ids 11, 12) need a
+ * product id and are excluded from the algorithm dropdown (`EXCLUDED_ALGORITHM_IDS`).
+ *
  * Renames are matched by feed-source id:
- *   - `viewedTogether`    → `similarViewed`         (id 11, path `viewed-together`)
- *   - `purchasedTogether` → `similarBought`         (id 12, path `purchased-together`)
  *   - `trending`          → `trendingProducts`      (id 40, path `trending`)
  *   - `mostValuable`      → `mostValuableOfPartner` (id 46, path `most-valuable`)
  *   - `topSellers`        → `mostPurchased`         (id 62, path `top-sellers`)

package/dist/src/utils/templatePreparation.d.ts

@@ -1,4 +1,3 @@
-import type { TemplateData } from '@@/Types/actions-api';
 import type { SavedTemplateDetails } from '@@/Types/stripo';
 /**
  * Collects every unsubscribe page id referenced by the unsubscribe blocks
@@ -45,7 +44,7 @@ export declare function getHtmlReferencedUnsubscribePages(html: string): number[
  */
 declare function hydrateRecommendationStoreFromRawHtml(rawHtml: string): Promise<void>;
 export declare const useTemplatePreparation: () => {
-    prepareTemplateDetails: (prefetched?: TemplateData) => Promise<Omit<SavedTemplateDetails, "metadata">>;
+    prepareTemplateDetails: () => Promise<Omit<SavedTemplateDetails, "metadata">>;
     hydrateRecommendationStore: typeof hydrateRecommendationStoreFromRawHtml;
 };
 export {};

package/dist/utils/templatePreparation.js

@@ -1,20 +1,20 @@
-import { useActionsApi as E } from "../composables/useActionsApi.js";
-import { useConfig as F } from "../composables/useConfig.js";
-import { useHtmlCompiler as I } from "../composables/useHtmlCompiler.js";
+import { useActionsApi as D } from "../composables/useActionsApi.js";
+import { useConfig as E } from "../composables/useConfig.js";
+import { useHtmlCompiler as F } from "../composables/useHtmlCompiler.js";
 import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { toBlockUrlConfig as R } from "../extensions/Blocks/Recommendation/utils/blockUrlConfig.js";
+import { toBlockUrlConfig as I } from "../extensions/Blocks/Recommendation/utils/blockUrlConfig.js";
 import { DATA_ATTRIBUTES as g } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as U } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as L } from "../stores/dynamic-content.js";
-import { useEditorStore as N } from "../stores/editor.js";
-import { useUnsubscribeStore as v } from "../stores/unsubscribe.js";
-import { isPlainObject as z } from "./genericUtil.js";
-import { assignTrackingIds as M } from "./linkTrackingIds.js";
-function O(n) {
+import { parsePageList as R } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as U } from "../stores/dynamic-content.js";
+import { useEditorStore as L } from "../stores/editor.js";
+import { useUnsubscribeStore as N } from "../stores/unsubscribe.js";
+import { isPlainObject as v } from "./genericUtil.js";
+import { assignTrackingIds as z } from "./linkTrackingIds.js";
+function M(n) {
   const r = new DOMParser().parseFromString(n, "text/html").querySelectorAll(`[${g.PAGE_LIST}]`), e = [];
   return r.forEach((i) => {
     const t = i.getAttribute(g.PAGE_LIST);
-    t && e.push(...U(t));
+    t && e.push(...R(t));
   }), [...new Set(e)];
 }
 async function S(n) {
@@ -35,7 +35,7 @@ async function S(n) {
     } catch {
       return;
     }
-    z(a) && r.seedBlockUrlConfig(t, R(a));
+    v(a) && r.seedBlockUrlConfig(t, I(a));
   });
   try {
     await r.fetchRecommendationCreateData();
@@ -46,40 +46,40 @@ async function S(n) {
     );
   }
 }
-const Z = () => {
-  const n = L(), c = N(), o = v(), { getCompiledEmail: r, getTemplateData: e, updateHtmlAndCss: i } = E(), { compileHtml: t, compileAmpHtml: m } = I(), { isFeatureEnabled: a } = F();
+const Y = () => {
+  const n = U(), c = L(), o = N(), { getCompiledEmail: r, getTemplateData: e, updateHtmlAndCss: i } = D(), { compileHtml: t, compileAmpHtml: m } = F(), { isFeatureEnabled: a } = E();
   return {
-    prepareTemplateDetails: async (h) => {
-      let { html: s, css: u, syncModulesIds: y = [] } = h ?? await e();
+    prepareTemplateDetails: async () => {
+      let { html: s, css: u, syncModulesIds: h = [] } = await e();
       if (a("linkTrackingIds"))
         try {
-          const { html: d, changed: x, nextSeq: D } = M(s, c.trackIdSessionFloor);
-          c.trackIdSessionFloor = D, x && (s = d, await i(d, u));
+          const { html: d, changed: P, nextSeq: x } = z(s, c.trackIdSessionFloor);
+          c.trackIdSessionFloor = x, P && (s = d, await i(d, u));
         } catch (d) {
           console.error("Tracking-id step failed, saving anyway:", d);
         }
-      const { html: T, ampHtml: p = "", ampErrors: A = [] } = await r({
+      const { html: y, ampHtml: p = "", ampErrors: T = [] } = await r({
         minimize: !0,
         resetDataSavedFlag: !1
       });
       o.selectedUnsubscribePages.length && await o.fetchTemplates(), await S(s);
-      const { compiledHtml: w, stats: l, appliedRules: C } = t(T), H = p && m(p).compiledHtml, k = n.getSelectedDynamicContentList, P = b(), f = O(s);
+      const { compiledHtml: A, stats: l, appliedRules: w } = t(y), C = p && m(p).compiledHtml, H = n.getSelectedDynamicContentList, k = b(), f = M(s);
       return console.debug("HTML Compilation Stats:", {
         originalSize: l.originalSize,
         compiledSize: l.compiledSize,
         reduction: `${l.reductionPercentage.toFixed(2)}%`,
-        appliedRules: C,
+        appliedRules: w,
         executionTime: `${l.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: k,
-        compiledHtml: w,
+        dynamicContentList: H,
+        compiledHtml: A,
         rawHtml: s,
         css: u,
-        ampHtml: H,
-        ampErrors: A,
-        modules: y.map(Number),
+        ampHtml: C,
+        ampErrors: T,
+        modules: h.map(Number),
         recommendation: {
-          campaignUrls: P.recommendationCampaignUrls,
+          campaignUrls: k.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
@@ -94,6 +94,6 @@ const Z = () => {
   };
 };
 export {
-  O as getHtmlReferencedUnsubscribePages,
-  Z as useTemplatePreparation
+  M as getHtmlReferencedUnsubscribePages,
+  Y as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.21.2-beta.45bb425",
+  "version": "3.21.2-beta.4b0fed7",
   "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/composables/validators/useHtmlDocumentCountValidator.js

@@ -1,22 +0,0 @@
-import { useToaster as i } from "../useToaster.js";
-import { useTranslations as m } from "../useTranslations.js";
-import { ToasterTypeOptions as c } from "../../enums/toaster.js";
-const u = "newsletter.multiple-html-designs-detected", r = `(?:[^>"']|"[^"]*"|'[^']*')*`, a = "style|script|noscript|xmp|iframe|noembed|noframes|textarea|title", T = /<html(?=[\s>/])/gi, A = new RegExp(
-  `<!--[\\s\\S]*?-->|<!\\[CDATA\\[[\\s\\S]*?\\]\\]>|<(${a})(?=[\\s/>])${r}>[\\s\\S]*?</\\1\\s*>|<([a-zA-Z][\\w:-]*)${r}>`,
-  "gi"
-), p = (e) => Array.from(e.matchAll(A)).filter(([, , t]) => (t == null ? void 0 : t.toLowerCase()) === "html").length, g = () => {
-  const { showToaster: e } = i(), t = m();
-  return { validateSingleHtmlDocument: (o, l = !1) => {
-    var n;
-    if ((((n = o.match(T)) == null ? void 0 : n.length) ?? 0) < 2)
-      return !0;
-    const s = p(o);
-    return s <= 1 ? !0 : (console.debug("guido:save:blocked", { reason: "multiple-html-documents", htmlRootCount: s }), l || e({
-      type: c.Warning,
-      message: t(u)
-    }), !1);
-  } };
-};
-export {
-  g as useHtmlDocumentCountValidator
-};

package/dist/src/composables/validators/useHtmlDocumentCountValidator.d.ts

@@ -1,3 +0,0 @@
-export declare const useHtmlDocumentCountValidator: () => {
-    validateSingleHtmlDocument: (rawHtml: string, silent?: boolean) => boolean;
-};