@useinsider/guido 3.7.2-beta.13c9a35 → 3.7.2-beta.3cec1a4

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

@@ -65,8 +65,6 @@ 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;
                         };
@@ -199,8 +197,6 @@ 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;
                         };
@@ -333,8 +329,6 @@ 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;
                         };
@@ -467,8 +461,6 @@ 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;
                         };
@@ -601,8 +593,6 @@ 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;
                         };
@@ -735,8 +725,6 @@ 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;
                         };
@@ -869,8 +857,6 @@ 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;
                         };
@@ -1003,8 +989,6 @@ 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;
                         };
@@ -1137,8 +1121,6 @@ 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;
                         };
@@ -1271,8 +1253,6 @@ 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;
                         };
@@ -1405,8 +1385,6 @@ 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;
                         };
@@ -1539,8 +1517,6 @@ 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;
                         };
@@ -1673,8 +1649,6 @@ 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;
                         };
@@ -1807,8 +1781,6 @@ 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;
                         };
@@ -1941,8 +1913,6 @@ 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;
                         };
@@ -2075,8 +2045,6 @@ 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;
                         };
@@ -2209,8 +2177,6 @@ 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;
                         };
@@ -2343,8 +2309,6 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.7.2-beta.13c9a35",
+  "version": "3.7.2-beta.3cec1a4",
   "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/useRecommendationPreview.js

@@ -1,100 +0,0 @@
-import { BLOCK_ROOT_SELECTOR as S, CURRENCY_ATTR as d, CONTAINER_SELECTOR as f } from "../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useRecommendationExtensionStore as O } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { formatPrice as g } from "../extensions/Blocks/Recommendation/utils/priceFormatter.js";
-const p = `${S}[recommendation-id]`, R = ".product-old-price", C = /\{\{(?:reco_)?(\d+_\d+_[a-zA-Z0-9_.]+)\}\}/g, h = new RegExp(
-  "\\{%\\s*if\\s+([\\s\\S]+?)\\s*%\\}([\\s\\S]*?)(?:\\{%\\s*else\\s*%\\}([\\s\\S]*?))?\\{%\\s*endif\\s*%\\}",
-  "g"
-);
-function T(e) {
-  const t = e.getAttribute(d.CURRENCY) || "USD", i = e.getAttribute(d.DECIMAL_SEPARATOR) || ".", s = e.getAttribute(d.THOUSAND_SEPARATOR) || ",";
-  return {
-    code: t,
-    symbol: e.getAttribute(d.SYMBOL) || t,
-    alignment: e.getAttribute(d.ALIGNMENT) === "0" ? "before" : "after",
-    decimalCount: parseInt(e.getAttribute(d.DECIMAL_COUNT) || "2") || 2,
-    decimalSeparator: i,
-    thousandSeparator: s
-  };
-}
-function _(e, t) {
-  return (e == null ? void 0 : e[t]) ?? Object.values(e ?? {})[0] ?? 0;
-}
-function b(e, t) {
-  const i = _(e.original_price, t), s = _(e.price, t), n = i > 0 ? Math.round((i - s) / i * 100) : 0;
-  return n > 0 ? `${n}%` : "0%";
-}
-function N(e, t, i, s, n, a) {
-  s.forEach((o, c) => {
-    const r = (m) => `${i}_${c}_${m}`, u = g({ price: _(o.price, n.code), currency: n }), l = g({ price: _(o.original_price, n.code), currency: n }), A = b(o, n.code);
-    e.set(r("name"), o.name ?? ""), e.set(r("image_url"), o.image_url ?? ""), e.set(r("url"), o.url ?? ""), e.set(r("item_id"), o.item_id ?? ""), e.set(r("currency"), ""), e.set(r("price"), u), e.set(r("original_price"), l), e.set(r("discount"), A), e.set(r("omnibus_price"), l), e.set(r("omnibus_discount"), A), a && u === l && t.add(`${i}_${c}`), Object.entries(o.product_attributes ?? {}).forEach(([m, E]) => {
-      e.set(r(`product_attribute.${m}`), String(E)), e.set(r(m), String(E));
-    });
-  });
-}
-function L(e, t) {
-  const i = e.match(/^(.+?)\s*(!=|==)\s*"([^"]*)"$/);
-  if (!i)
-    return !0;
-  const [, s, n, a] = i, o = t.get(s.trim()) ?? "";
-  return n === "!=" ? o !== a : o === a;
-}
-function P(e, t) {
-  return e.replace(
-    h,
-    (i, s, n, a) => s.split(/\s+and\s+/).every((c) => L(c.trim(), t)) ? n : a ?? ""
-  );
-}
-function $(e) {
-  let t = e;
-  for (; t.children.length === 1; )
-    [t] = t.children;
-  return t;
-}
-function D(e, t) {
-  var o;
-  if (!t.size)
-    return e;
-  const i = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), s = new DOMParser().parseFromString(i, "text/html");
-  s.querySelectorAll(p).forEach((c) => {
-    const r = Number(c.getAttribute("recommendation-id"));
-    if (!Number.isFinite(r))
-      return;
-    const u = c.querySelectorAll(f);
-    (u.length ? Array.from(u) : [c]).forEach((A) => {
-      A.querySelectorAll(R).forEach((m, E) => {
-        t.has(`${r}_${E}`) && ($(m).textContent = "");
-      });
-    });
-  });
-  const n = (o = e.match(/<!DOCTYPE[^>]*>/i)) == null ? void 0 : o[0];
-  return ((n ? `${n}
-` : "") + s.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
-}
-function I(e) {
-  if (!e || !e.includes("recommendation-block-v2"))
-    return e;
-  const t = O(), i = new DOMParser().parseFromString(e, "text/html"), s = Array.from(i.querySelectorAll(p)), n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
-  if (s.forEach((c) => {
-    var l;
-    const r = Number(c.getAttribute("recommendation-id"));
-    if (!Number.isFinite(r))
-      return;
-    const u = ((l = t.blockStates[r]) == null ? void 0 : l.recommendationProducts) ?? [];
-    u.length && N(
-      n,
-      a,
-      r,
-      u,
-      T(c),
-      c.getAttribute("hide-price") === "true"
-    );
-  }), !n.size)
-    return e;
-  let o = D(e, a);
-  return o = o.replace(C, (c, r) => n.has(r) ? n.get(r) : c), o = P(o, n), o;
-}
-const x = () => ({ substituteRecommendationPreview: I });
-export {
-  I as substituteRecommendationPreview,
-  x as useRecommendationPreview
-};

package/dist/extensions/Blocks/Recommendation/controls/main/pricePlacement.js

@@ -1,133 +0,0 @@
-var m = Object.defineProperty;
-var p = (i, o, e) => o in i ? m(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
-var d = (i, o, e) => p(i, typeof o != "symbol" ? o + "" : o, e);
-import { UEAttr as u, ModificationDescription as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as f } from "../../../common-control.js";
-import { ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OLD_PRICE as I } from "../../constants/selectors.js";
-import { RecommendationConfigService as n } from "../../services/configService.js";
-import { useRecommendationExtensionStore as T } from "../../store/recommendation.js";
-import { getBlockElement as l, regenerateProductRowsWithStyles as g } from "./utils.js";
-const E = "recommendation-price-placement-control", N = "hide-price", r = {
-  ORIENTATION: "priceOrientation",
-  HIDE_IF_SAME: "priceHideIfSameAsDiscounted"
-}, A = [
-  { icon: "vertical-orientation", value: "vertical" },
-  { icon: "horizontal-orientation", value: "horizontal" }
-], C = (i) => i ? "vertical" : "horizontal";
-class P extends f {
-  constructor() {
-    super(...arguments);
-    d(this, "store", T());
-  }
-  getId() {
-    return E;
-  }
-  getTemplate() {
-    return `
-            <div class="price-placement-control-container" style="border-bottom: 1px solid #e0e0e0;">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: this.api.translate("Product Price Orientation") }),
-      this._GuRadioButton({
-        name: r.ORIENTATION,
-        buttons: A
-      })
-    ])}
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: this.api.translate("Hide if same as discounted") }),
-      this._GuToggle(r.HIDE_IF_SAME)
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    const e = n.getConfig(this.currentNode);
-    this._initializeHideToggle(e), this._setFormValues(e), this._updateOrientationDisabled(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), this._setFormValues(n.getConfig(this.currentNode)), this._updateOrientationDisabled();
-  }
-  _setFormValues(e) {
-    this.api.updateValues({
-      [r.ORIENTATION]: C(e.priceMovedToNextLine),
-      [r.HIDE_IF_SAME]: e.priceHideIfSameAsDiscounted
-    });
-  }
-  _initializeHideToggle(e) {
-    this.api.setUIEAttribute(
-      r.HIDE_IF_SAME,
-      u.SELECTPICKER.items,
-      e.priceHideIfSameAsDiscounted
-    );
-  }
-  /**
-   * Disables the orientation radio when a price element is hidden via Card
-   * Composition — orientation is meaningless without both prices visible.
-   * Visibility lives on the attribute rows' `data-visibility` (set by the Card
-   * Composition control). Inline mode has no standalone original-price row, so
-   * the merged "Product Prices" entry (the price row) governs.
-   */
-  _updateOrientationDisabled() {
-    const e = l(this.currentNode);
-    if (!e || !("querySelectorAll" in e))
-      return;
-    const s = Array.from(
-      e.querySelectorAll(".recommendation-attribute-row[data-attribute-type]")
-    ).some((a) => {
-      const c = a.getAttribute("data-attribute-type");
-      return (c === _ || c === I) && a.getAttribute("data-visibility") === "0";
-    });
-    this.api.setUIEAttribute(
-      r.ORIENTATION,
-      u.RADIO_BUTTONS.disabled,
-      s ? "true" : "false"
-    );
-  }
-  _onOrientationChange(e) {
-    if (!this.currentNode)
-      return;
-    const t = e === "vertical";
-    n.getConfig(this.currentNode).priceMovedToNextLine !== t && (n.updateConfig(
-      this.api,
-      this.currentNode,
-      { priceMovedToNextLine: t },
-      `${t ? "Stacked" : "Inlined"} recommendation prices`
-    ), this.store.patchCurrentBlockConfig({ priceMovedToNextLine: t }), this._regenerate());
-  }
-  _onHideIfSameChange(e) {
-    !this.currentNode || n.getConfig(this.currentNode).priceHideIfSameAsDiscounted === e || (n.updateConfig(
-      this.api,
-      this.currentNode,
-      { priceHideIfSameAsDiscounted: e },
-      `${e ? "Enabled" : "Disabled"} hide-if-same price`
-    ), this.store.patchCurrentBlockConfig({ priceHideIfSameAsDiscounted: e }), this._stampHideIfSameAttr(e));
-  }
-  /**
-   * Mirrors the hide-if-same flag onto the durable `hide-price` block attribute
-   * read by email-service at send time.
-   */
-  _stampHideIfSameAttr(e) {
-    const t = l(this.currentNode);
-    t && this.api.getDocumentModifier().modifyHtml(t).setAttribute(N, String(e)).apply(new h("Update hide-if-same price flag"));
-  }
-  /**
-   * Rebuilds the product rows so the renderer re-reads the inline/stacked
-   * layout flag from the store. Used by the orientation change only.
-   */
-  _regenerate() {
-    this.currentNode && g({
-      currentNode: this.currentNode,
-      documentModifier: this.api.getDocumentModifier()
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(r.ORIENTATION, (e) => {
-      (e === "vertical" || e === "horizontal") && this._onOrientationChange(e);
-    }), this.api.onValueChanged(r.HIDE_IF_SAME, (e) => {
-      this._onHideIfSameChange(!!e);
-    });
-  }
-}
-export {
-  E as PRICE_PLACEMENT_CONTROL_ID,
-  P as PricePlacementControl
-};

package/dist/src/composables/useRecommendationPreview.d.ts

@@ -1,10 +0,0 @@
-/**
- * Substitutes recommendation product variables in compiled preview HTML with the
- * blocks' fetched sample products, then simulates the email-service hide rule by
- * emptying the original-price cell (DOM kept) for slots with no real discount.
- * Returns the input unchanged when there are no reco blocks or no products.
- */
-export declare function substituteRecommendationPreview(html: string): string;
-export declare const useRecommendationPreview: () => {
-    substituteRecommendationPreview: typeof substituteRecommendationPreview;
-};

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

@@ -1,59 +0,0 @@
-/**
- * Price Placement Control
- *
- * Two block-level price settings ported from the legacy product block, shown
- * above the Currency control in the main Settings tab:
- *
- * - "Product Price Orientation" (`priceMovedToNextLine`): a vertical/horizontal
- *   icon radio (mirrors the Items block control). `vertical` (default) keeps the
- *   price and original price on separate stacked rows (current Guido look);
- *   `horizontal` renders them inline on the same line and Card Composition
- *   collapses them into a single "Product Prices" entry.
- * - "Hide if same as discounted" (`priceHideIfSameAsDiscounted`): a toggle.
- *   When ON, email-service blanks the redundant original price at send time when
- *   it equals the sale price (see the `hide-price` block attribute below).
- *
- * Orientation re-renders the rows (it changes the saved template layout).
- * Hide-if-same NEVER touches the template — it only persists config + stamps the
- * `hide-price` attribute; the visual hide is simulated in the preview and applied
- * for real server-side by email-service.
- */
-import type { RecommendationNodeConfig } from '../../types/nodeConfig';
-import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-import { CommonControl } from '../../../common-control';
-export declare const PRICE_PLACEMENT_CONTROL_ID = "recommendation-price-placement-control";
-type Orientation = 'vertical' | 'horizontal';
-/**
- * Control for the block-level price orientation radio + hide-if-same toggle.
- */
-export declare class PricePlacementControl extends CommonControl {
-    private store;
-    getId(): string;
-    getTemplate(): string;
-    onRender(): void;
-    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    _setFormValues(config: RecommendationNodeConfig): void;
-    _initializeHideToggle(config: RecommendationNodeConfig): void;
-    /**
-     * Disables the orientation radio when a price element is hidden via Card
-     * Composition — orientation is meaningless without both prices visible.
-     * Visibility lives on the attribute rows' `data-visibility` (set by the Card
-     * Composition control). Inline mode has no standalone original-price row, so
-     * the merged "Product Prices" entry (the price row) governs.
-     */
-    _updateOrientationDisabled(): void;
-    _onOrientationChange(orientation: Orientation): void;
-    _onHideIfSameChange(value: boolean): void;
-    /**
-     * Mirrors the hide-if-same flag onto the durable `hide-price` block attribute
-     * read by email-service at send time.
-     */
-    _stampHideIfSameAttr(value: boolean): void;
-    /**
-     * Rebuilds the product rows so the renderer re-reads the inline/stacked
-     * layout flag from the store. Used by the orientation change only.
-     */
-    _regenerate(): void;
-    _listenToFormUpdates(): void;
-}
-export {};