@useinsider/guido 3.8.1 → 3.8.2-beta.189e91c

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

@@ -1,10 +1,39 @@
+import type { CurrencyConfig } from '../types/nodeConfig';
 import type { FiltersResponse, RecommendationProduct } from '@@/Types/recommendation';
 import { ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON } from '../constants';
+type PriceKey = 'price' | 'original_price' | 'discount';
+/**
+ * Current currency configuration from the store, in CurrencyConfig shape.
+ */
+export declare function getCurrentCurrencyConfig(): CurrencyConfig;
+/**
+ * Formats a product price using current currency settings. Falls back to the
+ * first available currency, then 0, when the active currency has no value.
+ */
+export declare function formatProductPrice(product: RecommendationProduct, priceKey?: PriceKey): string;
+/**
+ * True when the formatted sale price equals the formatted original price.
+ * Mirrors the email-service / preview hide-if-same comparison semantics
+ * (formatted-string equality, same currency fallback chain).
+ */
+export declare function isSamePrice(product: RecommendationProduct): boolean;
 /**
  * Converts a snake_case attribute name to Title Case display name.
  * e.g., "rating_star" → "Rating Star"
  */
 export declare function toDisplayName(attrName: string): string;
+/**
+ * Resolves the inline (side-by-side) price layout from the composition order so
+ * it matches the stacked order. `anchor` is whichever of price / original price
+ * comes first in the composition (the merged cell renders there); `skip` is the
+ * other (dropped, since it's merged in); `originalFirst` puts the original price
+ * on the left when it precedes the sale price (the default composition order).
+ */
+export declare function resolveInlinePriceOrder(composition: string[]): {
+    originalFirst: boolean;
+    anchor: string;
+    skip: string;
+};
 /**
  * Reduces a raw product-attribute value to a displayable scalar string.
  * Array-type attributes (filter types `Strings`/`Numbers`) are substituted with
@@ -150,10 +179,24 @@ export interface RenderOptions {
     /** Per-attribute visibility (show/hide) re-applied across regeneration; falls back to defaults. */
     visibility?: AttributeVisibility;
 }
+/**
+ * Builds the per-attribute `CellRenderOptions` for one composition key from the block-level
+ * `RenderOptions`. Single source for both the stacked per-cell options and the two inline
+ * (price + old-price) option sets, so style capture → re-bake stays consistent across layouts.
+ */
+export declare function buildCellOptions(attrType: string, renderOptions: RenderOptions): CellRenderOptions;
 /**
  * Options for prepareProductRows unified function
  */
-export interface PrepareProductRowsOptions extends RenderOptions {
+/**
+ * Block-level price placement flags threaded into the row builders.
+ * - `priceInline`: render sale + original price on one line (skip the standalone
+ *   original-price row).
+ */
+export interface PricePlacementFlags {
+    priceInline?: boolean;
+}
+export interface PrepareProductRowsOptions extends PricePlacementFlags, RenderOptions {
     /** Number of products per row (only for grid layout, defaults to 3) */
     productsPerRow?: number;
     /** Number of products per row on mobile (only for grid layout, defaults to 1) */
@@ -223,6 +266,12 @@ export declare function renderStyledParagraph(text: string, defaults: {
  * base style. Returns '' when there is nothing to set.
  */
 export declare function resolveSegmentBgStyle(baseStyle: string, cardBackgroundColor?: string): string;
+/**
+ * The ` background-color: …;` CSS fragment for a captured "Block Background Color", or ''.
+ * Use this when merging into an existing `style="…"` attribute; use `cellBgStyleAttr` when the
+ * cell has no other inline style and needs the whole attribute.
+ */
+export declare function bgColorFragment(color?: string): string;
 /**
  * Builds the ` style="background-color: …"` attribute for a text attribute's
  * `[esd-extension-block-id]` cell, baking in the captured "Block Background Color".
@@ -278,3 +327,4 @@ export declare function getDefaultProducts(count?: number): RecommendationProduc
  * @returns HTML template string with {-{-TITLE-}-}, {-{-PRODUCT_ROWS-}-}, and {-{-MOBILE_PRODUCT_ROWS-}-} (grid only) placeholders
  */
 export declare function createBlockTemplate(layout?: Orientation, instanceClass?: string): string;
+export {};

package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts

@@ -152,6 +152,21 @@ export interface RecommendationNodeConfig {
      * Whether to trim long product names with ellipsis
      */
     textTrimming: boolean;
+    /**
+     * Whether the price and original price render on separate stacked lines.
+     * - true (default): each on its own attribute row (current Guido look)
+     * - false: both rendered inline on the same line, and Card Composition
+     *   collapses them into a single "Product Prices" entry
+     * Ported from the legacy product block's `isPriceMovedToNextLine`.
+     */
+    priceMovedToNextLine: boolean;
+    /**
+     * Whether to hide the redundant original price when it equals the sale
+     * price (no real discount). Enforced in the real email via a liquid
+     * condition and mirrored in the editor on mock data.
+     * Ported from the legacy product block's `isPriceDeletedForZeroSale`.
+     */
+    priceHideIfSameAsDiscounted: boolean;
     /**
      * Configuration version for future migrations
      * Increment when making breaking changes to schema

package/dist/src/stores/config.d.ts

@@ -65,6 +65,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -197,6 +199,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -329,6 +333,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -461,6 +467,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -593,6 +601,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -725,6 +735,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -857,6 +869,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -989,6 +1003,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1121,6 +1137,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1253,6 +1271,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1385,6 +1405,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1517,6 +1539,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1649,6 +1673,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1781,6 +1807,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1913,6 +1941,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -2045,6 +2075,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -2177,6 +2209,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -2309,6 +2343,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };

package/dist/src/stores/unsubscribe.d.ts

@@ -10,6 +10,7 @@ interface StoreState {
     typeSelectionDrawerStatus: boolean;
     isGlobalUnsubscribeDisabled: boolean;
     isSubscriptionPreferencesCenterDisabled: boolean;
+    pendingBlockId: string | null;
 }
 export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guidoUnsubscribe", StoreState, {
     getSelectedCollection: (state: {
@@ -35,6 +36,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => number[];
     getSelectedTemplateByActiveType: (state: {
         templates: {
@@ -59,6 +61,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => number;
     getTemplatesByActiveType: (state: {
         templates: {
@@ -83,6 +86,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
         id: number;
         name: string;
@@ -119,6 +123,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => (id: number) => string;
     getSelectedUnsubscribePagesByCollection: (state: {
         templates: {
@@ -143,6 +148,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => (collectionType: number) => number[];
     isActiveTypeFirstInCollection: (state: {
         templates: {
@@ -167,6 +173,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
     isActiveTypeLastInCollection: (state: {
         templates: {
@@ -191,6 +198,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
     hasTemplatesByCollectionType: (state: {
         templates: {
@@ -215,6 +223,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => Record<number, boolean>;
     unsubscribePagesStatus: (state: {
         templates: {
@@ -239,10 +248,11 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
 }, {
     $reset(): void;
-    fetchTemplates(): Promise<void>;
+    fetchTemplates(force?: boolean): Promise<void>;
     setCollection(collectionType: number): void;
     setCollectionWithoutAutoSelection(collectionType: number): void;
     setSelectedTemplate(template: number): void;

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

@@ -1,2 +1,3 @@
 export declare const AMP_ERROR_WHITELISTED_TOKENS: string[];
+export declare const AMP_ERROR_STRIPPED_ATTRIBUTE_FRAGMENTS: string[];
 export declare const filterAmpErrors: (ampErrors: string[]) => string[];

package/dist/stores/unsubscribe.js

@@ -1,6 +1,6 @@
 import { TYPE_COLLECTIONS as i, PAGE_TYPES as p } from "../enums/unsubscribe.js";
 import { useUnsubscribeApi as d } from "../services/unsubscribeApi.js";
-import { defineStore as h } from "pinia";
+import { defineStore as u } from "pinia";
 let o = null;
 const r = () => ({
   templates: [],
@@ -12,8 +12,9 @@ const r = () => ({
   pageSelectionDrawerStatus: !1,
   typeSelectionDrawerStatus: !1,
   isGlobalUnsubscribeDisabled: !1,
-  isSubscriptionPreferencesCenterDisabled: !1
-}), b = h("guidoUnsubscribe", {
+  isSubscriptionPreferencesCenterDisabled: !1,
+  pendingBlockId: null
+}), b = u("guidoUnsubscribe", {
   state: () => r(),
   getters: {
     getSelectedCollection: (e) => i[e.selectedCollectionType],
@@ -62,10 +63,10 @@ const r = () => ({
         selectedUnsubscribePages: t
       });
     },
-    async fetchTemplates() {
-      this.templates.length || (o || (o = (async () => {
-        const { getUnsubscribePages: e } = d();
-        this.templates = await e();
+    async fetchTemplates(e = !1) {
+      !e && this.templates.length || ((e || !o) && (o = (async () => {
+        const { getUnsubscribePages: t } = d();
+        this.templates = await t();
       })().finally(() => {
         o = null;
       })), await o);

package/dist/utils/ampErrorFilter.js

@@ -1,8 +1,9 @@
-import { MERGE_TAGS as t } from "../enums/unsubscribe.js";
-const E = Object.values(t), c = (r) => r.filter(
-  (e) => !E.some((o) => e.includes(o))
+import { MERGE_TAGS as R } from "../enums/unsubscribe.js";
+const o = Object.values(R), s = ["attribute 'contenteditable'"], _ = (E) => E.filter(
+  (e) => !o.some((t) => e.includes(t)) && !s.some((t) => e.includes(t))
 );
 export {
-  E as AMP_ERROR_WHITELISTED_TOKENS,
-  c as filterAmpErrors
+  s as AMP_ERROR_STRIPPED_ATTRIBUTE_FRAGMENTS,
+  o as AMP_ERROR_WHITELISTED_TOKENS,
+  _ as filterAmpErrors
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.8.1",
+  "version": "3.8.2-beta.189e91c",
   "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",