@useinsider/guido 3.2.0 → 3.3.0

package/dist/config/migrator/recommendation/htmlBuilder.js

@@ -0,0 +1,496 @@
+import { RecommendationBlockId as g } from "../../../extensions/Blocks/Recommendation/constants/blockIds.js";
+import { CURRENCY_ATTR as R, ATTR_PRODUCT_IMAGE as I, ATTR_PRODUCT_BUTTON as k, ATTR_PRODUCT_NAME as z, ATTR_PRODUCT_PRICE as G, ATTR_PRODUCT_OLD_PRICE as H, ATTR_PRODUCT_OMNIBUS_PRICE as U, ATTR_PRODUCT_OMNIBUS_DISCOUNT as j, ATTR_CUSTOM_PREFIX as E } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { formatPrice as N } from "../../../extensions/Blocks/Recommendation/utils/priceFormatter.js";
+import { escapeHtml as c } from "../../../utils/htmlEscape.js";
+import { appendStyle as $ } from "./themeMapper.js";
+const V = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png", Y = "attribute-cell", F = "Buy", J = "border-width: 1px; background: rgb(217, 234, 211); border-color: rgb(106, 168, 79)", X = "color: rgb(56, 118, 29); background: rgb(217, 234, 211); font-family: arial, 'helvetica neue', helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 120%; mso-border-alt: 10px solid rgb(217, 234, 211); mso-padding-alt: 0", et = "ins-recommendation-product-container ins-recommendation-desktop-container";
+function ot(t) {
+  return t.replace(/>\s+</g, "><").trim();
+}
+function y(t) {
+  return t ? ` align="${c(t)}"` : ' align="center"';
+}
+function _() {
+  return {
+    tdStyle: "",
+    pStyle: "",
+    wrapBold: !1,
+    wrapItalic: !1,
+    textTrimming: !1
+  };
+}
+function K(t) {
+  return t ? { ...t, wrapBold: !0 } : { ..._(), wrapBold: !0 };
+}
+function v(t, o) {
+  let e = c(t);
+  return o.wrapBold && o.wrapItalic ? e = `<strong><em>${e}</em></strong>` : o.wrapBold ? e = `<strong>${e}</strong>` : o.wrapItalic && (e = `<em>${e}</em>`), e;
+}
+function b(t) {
+  return t ? ` style="${c(t)}"` : "";
+}
+function O(t, o) {
+  return `<td width="${t}%" class="${Y}" ${o}`;
+}
+function nt(t, o, e, l) {
+  const s = t.width ? ` width="${t.width}"` : "", n = t.height ? ` height="${t.height}"` : "", i = ["display: block", "max-width: 100%", "height: auto"];
+  t.width && i.push(`width: ${t.width}px`), t.height && i.push(`height: ${t.height}px`);
+  const a = i.join("; "), r = e ? ` style="background-color: ${c(e)}"` : "";
+  return `
+        ${O(l, 'valign="top" style="padding: 0 5px; height: 100%"')}>
+            <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
+                class="product-card-segment"${r}>
+                <tbody>
+                    <tr valign="top">
+                        <td align="center"
+                            class="esd-block-image product-image es-p5"
+                            esd-extension-block-id="${g.IMAGE}">
+                            <a target="_blank" href="https://example.com/product/${o + 1}">
+                                <img src="${V}" alt="Product Name"
+                                    class="adapt-img"${s}${n}
+                                    style="${a}">
+                            </a>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
+    `;
+}
+function D(t, o, e, l, s, n, i) {
+  const r = `table-layout: fixed${n ? `; background-color: ${c(n)}` : ""}`, d = b(s.tdStyle), p = y(s.align), u = `esd-block-text ${o}`.trim(), m = $(l, s.pStyle);
+  return `
+        ${O(i, 'valign="top" style="padding: 0 5px; height: 100%"')}>
+            <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
+                class="product-card-segment" style="${r}">
+                <tbody>
+                    <tr valign="top">
+                        <td${p}
+                            class="${u}"
+                            esd-extension-block-id="${t}"${d}>
+                            <p contenteditable="false"${b(m)}>${v(e, s)}</p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
+    `;
+}
+function lt(t, o, e, l) {
+  const s = o ? ` style="background-color: ${c(o)}"` : "", n = b(t.tdStyle), i = y(t.align), r = $("font-size: 14px; color: #999999", t.pStyle);
+  return `
+        ${O(e, 'valign="top" style="padding: 0 5px; height: 100%"')}>
+            <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
+                class="product-card-segment"${s}>
+                <tbody>
+                    <tr valign="top">
+                        <td${i}
+                            class="esd-block-text product-old-price es-p15l es-p15r"
+                            esd-extension-block-id="${g.OLD_PRICE}"${n}>
+                            <p contenteditable="false"${b(r)}>
+                                <s>${v(l, t)}</s>
+                            </p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
+    `;
+}
+function L(t, o, e, l, s, n, i) {
+  const a = s ? `; background-color: ${c(s)}` : "", r = b(l.tdStyle), d = y(l.align), u = $("font-size: 12px; color: #666666", l.pStyle);
+  return `
+        ${O(i, 'valign="top" style="padding: 0 5px; height: 100%"')}>
+            <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
+                class="product-card-segment" style="table-layout: fixed${a}">
+                <tbody>
+                    <tr valign="top">
+                        <td${d}
+                            data-text-before="" data-text-after=""
+                            class="esd-block-text ${n} es-p15l es-p15r"
+                            esd-extension-block-id="${t}"${r}>
+                            <p contenteditable="false"${b(u)}>
+                                <span class="omnibus-text-before"></span>
+                                <span class="${o}">${c(e)}</span>
+                                <span class="omnibus-text-after"></span>
+                            </p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
+    `;
+}
+function st(t, o, e, l) {
+  const s = e ? ` style="background-color: ${c(e)}"` : "", n = $("padding: 0 5px; height: 100%", o.tdStyle), i = y(o.align), a = o.text || F, r = $(J, o.spanStyle), d = $(X, o.aStyle);
+  return `
+        ${O(l, `valign="top" style="${c(n)}"`)}>
+            <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
+                class="product-card-segment"${s}>
+                <tbody>
+                    <tr valign="top">
+                        <td${i}
+                            class="esd-block-button product-button es-p10t es-p10b es-p5l es-p5r"
+                            esd-extension-block-id="${g.BUTTON}">
+                            <span class="es-button-border" style="${c(r)}">
+                                <a href="https://example.com/product/${t + 1}" target="_blank"
+                                    class="es-button buy-button"
+                                    style="${c(d)}">${c(a)}</a>
+                            </span>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
+    `;
+}
+function it(t, o, e, l, s) {
+  const n = l ? `; background-color: ${c(l)}` : "", i = b(e.tdStyle), a = y(e.align), d = $("font-size: 12px; color: #666666; margin: 0", e.pStyle), p = o.replace(/_/g, " ").replace(/\b\w/g, (u) => u.toUpperCase());
+  return `
+        ${O(s, 'valign="middle" style="padding: 0 5px; height: 100%"')}>
+            <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
+                class="product-card-segment" style="table-layout: fixed${n}">
+                <tbody>
+                    <tr valign="top">
+                        <td product-attr="${c(t)}"${a}
+                            class="esd-block-text product-custom-attribute es-p0t es-p0b es-p15l es-p15r"
+                            esd-extension-block-id="${g.CUSTOM_ATTRIBUTE}"${i}>
+                            <p contenteditable="false"${b(d)}>${c(p)}</p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
+    `;
+}
+function ct(t, o, e, l, s, n, i) {
+  const a = o[t], r = a ?? _();
+  switch (t) {
+    case I:
+      return nt(
+        a ?? {},
+        s,
+        l,
+        n
+      );
+    case z:
+      return D(
+        g.NAME,
+        "product-name es-p10t es-p10b es-p15l es-p15r",
+        "Product Name",
+        "font-size: 16px; color: #333333",
+        r,
+        l,
+        n
+      );
+    case G:
+      return D(
+        g.PRICE,
+        "product-price es-p15l es-p15r",
+        i.pricePlaceholder,
+        "font-size: 16px; color: #333333",
+        K(a),
+        l,
+        n
+      );
+    case H:
+      return lt(r, l, n, i.oldPricePlaceholder);
+    case U:
+      return L(
+        g.OMNIBUS_PRICE,
+        "omnibus-price-value",
+        i.omnibusPricePlaceholder,
+        r,
+        l,
+        "product-omnibus-price",
+        n
+      );
+    case j:
+      return L(
+        g.OMNIBUS_DISCOUNT,
+        "omnibus-discount-value",
+        "-10%",
+        r,
+        l,
+        "product-omnibus-discount",
+        n
+      );
+    case k:
+      return st(
+        s,
+        a ?? {},
+        l,
+        n
+      );
+    default:
+      if (t.startsWith(E)) {
+        const d = e[t] ?? t.slice(E.length), p = t.slice(E.length);
+        return it(d, p, r, l, n);
+      }
+      return null;
+  }
+}
+const q = `
+    <tr>
+        <td class="spacer" style="height: 10px"></td>
+    </tr>
+`;
+function at(t) {
+  return {
+    pricePlaceholder: N({ price: 18, currency: t }),
+    oldPricePlaceholder: N({ price: 20, currency: t }),
+    omnibusPricePlaceholder: N({ price: 20, currency: t })
+  };
+}
+function rt(t, o, e, l) {
+  const { composition: s, visibility: n, perElement: i, customAttrValues: a, cardBg: r } = l, d = (100 / e).toFixed(2), p = e - o, u = `<td class="${Y}" style="padding: 0 5px;" width="${d}%"></td>`, m = p > 0 ? u.repeat(p) : "";
+  return `
+        <tr class="recommendation-product-row">
+            <td>
+                <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
+                    class="product-card-wrapper" style="table-layout: fixed">
+                    <tbody>${s.map((T) => {
+    const w = n[T] !== !1, f = w ? "" : ' style="display: none"', C = w ? "1" : "0", S = [];
+    for (let x = 0; x < o; x += 1) {
+      const A = ct(
+        T,
+        i,
+        a,
+        r,
+        t + x,
+        d,
+        l
+      );
+      A && S.push(A);
+    }
+    return S.length === 0 ? "" : `
+            <tr class="recommendation-attribute-row"
+                data-attribute-type="${c(T)}"
+                data-visibility="${C}"${f}>
+                ${S.join("")}${m}
+            </tr>
+        `;
+  }).filter(Boolean).join("")}</tbody>
+                </table>
+            </td>
+        </tr>
+    `;
+}
+function dt(t, o, e) {
+  const l = [];
+  for (let s = 0; s < t; s += o) {
+    const n = Math.min(o, t - s);
+    s > 0 && l.push(q), l.push(rt(s, n, o, e));
+  }
+  return l.join("");
+}
+function pt(t, o, e, l) {
+  const s = o[t];
+  if (t === z) {
+    const n = s ?? _(), i = $("font-size: 16px; color: #333333; margin: 0", n.pStyle), a = y(n.align ?? "left");
+    return `
+            <td class="esd-block-text product-name"
+                esd-extension-block-id="${g.NAME}"${a}${b(n.tdStyle)}>
+                <p contenteditable="false"${b(i)}>${v("Product Name", n)}</p>
+            </td>
+        `;
+  }
+  if (t === G) {
+    const n = K(s), i = $("font-size: 16px; color: #333333; margin: 0", n.pStyle), a = y(n.align ?? "left");
+    return `
+            <td class="esd-block-text product-price"
+                esd-extension-block-id="${g.PRICE}"${a}${b(n.tdStyle)}>
+                <p contenteditable="false"${b(i)}>${v(l.pricePlaceholder, n)}</p>
+            </td>
+        `;
+  }
+  if (t === H) {
+    const n = s ?? _(), a = $("font-size: 14px; color: #999999; text-decoration: line-through; margin: 0", n.pStyle), r = y(n.align ?? "left");
+    return `
+            <td class="esd-block-text product-old-price"
+                esd-extension-block-id="${g.OLD_PRICE}"${r}${b(n.tdStyle)}>
+                <p contenteditable="false"${b(a)}><s>${v(l.oldPricePlaceholder, n)}</s></p>
+            </td>
+        `;
+  }
+  if (t === U || t === j) {
+    const n = t === U, i = n ? g.OMNIBUS_PRICE : g.OMNIBUS_DISCOUNT, a = n ? "omnibus-price-value" : "omnibus-discount-value", r = n ? l.omnibusPricePlaceholder : "-10%", d = n ? "product-omnibus-price" : "product-omnibus-discount", p = s ?? _(), u = $("font-size: 12px; color: #666666; margin: 0", p.pStyle), m = y(p.align ?? "left");
+    return `
+            <td class="esd-block-text ${d}"
+                data-text-before="" data-text-after=""
+                esd-extension-block-id="${i}"${m}${b(p.tdStyle)}>
+                <p contenteditable="false"${b(u)}>
+                    <span class="omnibus-text-before"></span>
+                    <span class="${a}">${c(r)}</span>
+                    <span class="omnibus-text-after"></span>
+                </p>
+            </td>
+        `;
+  }
+  if (t.startsWith(E)) {
+    const n = s ?? _(), i = e[t] ?? t.slice(E.length), r = t.slice(E.length).replace(/_/g, " ").replace(/\b\w/g, (m) => m.toUpperCase()), d = $("font-size: 12px; color: #666666; margin: 0", n.pStyle), p = y(n.align ?? "left"), u = g.CUSTOM_ATTRIBUTE;
+    return `
+            <td product-attr="${c(i)}"
+                class="esd-block-text product-custom-attribute"
+                esd-extension-block-id="${u}"${p}${b(n.tdStyle)}>
+                <p contenteditable="false"${b(d)}>${c(r)}</p>
+            </td>
+        `;
+  }
+  return null;
+}
+function ut(t, o) {
+  const { composition: e, visibility: l, perElement: s, customAttrValues: n, cardBg: i } = o, a = i ? `background-color: ${c(i)}` : "", r = a ? `style="table-layout: fixed; ${a}"` : 'style="table-layout: fixed"', d = s[I] ?? {}, p = l[I] !== !1, u = d.width ? ` width="${d.width}"` : "", m = p ? "" : ' style="display: none"', h = `
+        <td width="120"
+            class="esd-block-image product-image-cell recommendation-attribute-row es-p5"
+            esd-extension-block-id="${g.IMAGE}"
+            data-attribute-type="${I}"
+            data-visibility="${p ? "1" : "0"}"
+            align="center" valign="middle"${m}>
+            <a target="_blank" href="https://example.com/product/${t + 1}">
+                <img src="${V}" alt="Product Name"
+                    class="adapt-img product-image"${u}
+                    style="display: block; max-width: 100%; height: auto">
+            </a>
+        </td>
+    `, w = `
+        <td class="product-info-cell" valign="middle" style="padding: 15px">
+            <table cellpadding="0" cellspacing="0" role="presentation" width="100%"
+                style="table-layout: fixed">
+                <tbody>${e.filter((P) => P !== I && P !== k).map((P) => {
+    const B = l[P] !== !1, W = B ? "" : ' style="display: none"', tt = B ? "1" : "0", M = pt(P, s, n, o);
+    return M ? `<tr class="recommendation-attribute-row"
+                data-attribute-type="${c(P)}"
+                data-visibility="${tt}"${W}>${M}</tr>` : "";
+  }).filter(Boolean).join(`
+`)}</tbody>
+            </table>
+        </td>
+    `, f = s[k] ?? {}, C = l[k] !== !1, S = f.text || F, x = $(J, f.spanStyle ?? ""), A = $(X, f.aStyle ?? ""), Q = C ? "" : ' style="display: none"', Z = `
+        <td width="100"
+            class="esd-block-button button-cell recommendation-attribute-row product-button es-p5l es-p5r"
+            esd-extension-block-id="${g.BUTTON}"
+            data-attribute-type="${k}"
+            data-visibility="${C ? "1" : "0"}"
+            align="${c(f.align ?? "center")}" valign="middle"${Q}>
+            <span class="es-button-border" style="${c(x)}">
+                <a href="https://example.com/product/${t + 1}" target="_blank"
+                    class="es-button buy-button"
+                    style="${c(A)}">${c(S)}</a>
+            </span>
+        </td>
+    `;
+  return `
+        <tr class="recommendation-product-row">
+            <td style="padding: 0 5px">
+                <table width="100%" cellpadding="0" cellspacing="0" border="0"
+                    class="product-card-wrapper" ${r}>
+                    <tbody>
+                        <tr>${h}${w}${Z}</tr>
+                    </tbody>
+                </table>
+            </td>
+        </tr>
+    `;
+}
+function bt(t, o) {
+  const e = [];
+  for (let l = 0; l < t; l += 1)
+    l > 0 && e.push(q), e.push(ut(l, o));
+  return e.join("");
+}
+function gt(t, o) {
+  var r, d, p, u, m, h;
+  const e = t == null ? void 0 : t.theme, l = [];
+  (r = e == null ? void 0 : e.textStyle) != null && r["font-family"] && l.push(`font-family: ${e.textStyle["font-family"]}`), l.push(`font-size: ${((d = e == null ? void 0 : e.textStyle) == null ? void 0 : d["font-size"]) ?? "28px"}`), l.push(`color: ${((p = e == null ? void 0 : e.textColor) == null ? void 0 : p.color) ?? "#333333"}`), (u = e == null ? void 0 : e.textStyle) != null && u["font-weight"] && l.push(`font-weight: ${e.textStyle["font-weight"]}`), (m = e == null ? void 0 : e.textStyle) != null && m["font-style"] && l.push(`font-style: ${e.textStyle["font-style"]}`);
+  const s = l.join("; "), n = ((h = e == null ? void 0 : e.textStyle) == null ? void 0 : h["font-weight"]) !== "normal", i = c(o), a = n ? `<strong>${i}</strong>` : i;
+  return `
+        <td class="esd-block-text es-p10t es-p10b es-p20l es-p20r" align="center">
+            <p${b(s)}>${a}</p>
+        </td>
+    `;
+}
+function mt(t) {
+  const o = t.alignment === "before" ? "0" : "1";
+  return ` ${R.CURRENCY}="${c(t.code)}" ${R.SYMBOL}="${c(t.symbol)}" ${R.ALIGNMENT}="${o}" ${R.THOUSAND_SEPARATOR}="${c(t.thousandSeparator)}" ${R.DECIMAL_SEPARATOR}="${c(t.decimalSeparator)}" ${R.DECIMAL_COUNT}="${t.decimalCount}"`;
+}
+function xt(t) {
+  const {
+    nodeConfig: o,
+    composition: e,
+    cardBg: l,
+    titleText: s,
+    extraClasses: n = "",
+    legacyId: i,
+    legacyBgColor: a
+  } = t, r = parseInt(o.size) || 6, d = o.layout === "list" ? ' data-layout="list"' : "", p = o.layout === "list" ? " es-m-p0 ins-recommendation-list-layout" : "", u = {
+    composition: e.composition,
+    visibility: e.visibility,
+    perElement: e.perElementStyles,
+    customAttrValues: e.customAttrValues,
+    cardBg: l,
+    ...at(o.currency)
+  }, m = o.layout === "list" ? bt(r, u) : dt(r, o.cardsInRow, u), h = gt(e.titleVariable, s), T = e.composition.join(","), w = JSON.stringify(e.customAttributes), f = [
+    "recommendation-block-v2",
+    "esd-block-recommendation-v3-block",
+    `es-p20${p}`,
+    `ins-recommendation-v3-block-${o.recommendationId}`,
+    // Marker class Stripo's block infrastructure uses to identify recommendation
+    // blocks. Without it, certain Styles-panel controls (e.g. button "Fit to
+    // Container") are suppressed even though every other selector matches.
+    "esd-recommendation-block",
+    "esd-extension-block",
+    "esd-container-frame",
+    "ins-recommendation-no-mobile-layout",
+    n
+  ].filter(Boolean).join(" "), C = mt(o.currency), S = ` esd-ext-config="${c(JSON.stringify(o))}"`, x = i ? ` id="${c(i)}"` : "", A = a ? ` bgcolor="${c(a)}"` : "";
+  return ot(`
+<td align="left"
+    esd-extension-block-id="recommendation-block"
+    width="520"
+    class="${f}"${x}${A}
+    recommendation-id="${o.recommendationId}"${C}
+    data-card-composition="${c(T)}"
+    data-custom-attributes="${c(w)}"
+    data-column-spacing="${o.columnSpacing}"
+    data-row-spacing="${o.rowSpacing}"
+    data-mobile-column-spacing="${o.mobileColumnSpacing}"
+    data-mobile-row-spacing="${o.mobileRowSpacing}"${d}${S}>
+    <table width="100%" cellpadding="0" cellspacing="0" border="0">
+        <tbody>
+            <tr>
+                <td align="center">
+                    <table class="container" width="100%" cellpadding="0" cellspacing="0" border="0">
+                        <tbody>
+                            <tr>
+                                <td>
+                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
+                                        <tbody>
+                                            <tr>${h}</tr>
+                                        </tbody>
+                                    </table>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="spacer" style="height: ${o.rowSpacing}px"></td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    <table width="100%" cellpadding="0" cellspacing="0" border="0"
+                                        class="${et}">${m}
+                                    </table>
+                                </td>
+                            </tr>
+                            <tr class="ins-recommendation-mobile-row"></tr>
+                        </tbody>
+                    </table>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</td>
+`);
+}
+export {
+  xt as buildBlockHtml
+};

package/dist/config/migrator/recommendation/parseLegacyConfig.js

@@ -0,0 +1,33 @@
+function c(e) {
+  return e.replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/").replace(/&apos;/g, "'").replace(/&quot;/g, '"').replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");
+}
+function s(e) {
+  const t = e.getAttribute("esd-dev-product-config");
+  if (!t)
+    return null;
+  try {
+    const n = c(c(t));
+    return JSON.parse(n);
+  } catch {
+    return null;
+  }
+}
+function i(e) {
+  const t = e.getAttribute("ins-recommendation-v3-campaign-id");
+  if (t) {
+    const r = parseInt(t);
+    if (!Number.isNaN(r))
+      return r;
+  }
+  const a = (e.getAttribute("class") ?? "").match(/ins-recommendation-v3-block-(\d+)/);
+  if (a) {
+    const r = parseInt(a[1]);
+    if (!Number.isNaN(r))
+      return r;
+  }
+  return null;
+}
+export {
+  s as parseLegacyConfig,
+  i as parseRecommendationId
+};

package/dist/config/migrator/recommendation/settingsMapper.js

@@ -0,0 +1,70 @@
+import { CURRENT_CONFIG_VERSION as s, DEFAULT_CURRENCY as i } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { DEFAULT_CARDS_IN_ROW as m, DEFAULT_MOBILE_ROW_SPACING as p, DEFAULT_MOBILE_COLUMN_SPACING as f, DEFAULT_ROW_SPACING as S, DEFAULT_COLUMN_SPACING as d, DEFAULT_MOBILE_CARDS_IN_ROW as u } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
+import { mapLegacyStrategy as c } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
+function l(t) {
+  return t === "0" || t === 0 ? "before" : "after";
+}
+function _(t) {
+  if (typeof t == "number" && Number.isFinite(t))
+    return t;
+  if (typeof t == "string") {
+    const n = parseInt(t);
+    if (!Number.isNaN(n))
+      return n;
+  }
+  return i.decimalCount;
+}
+function I(t) {
+  return t === "." || t === "," || t === " " || t === "" ? t : ",";
+}
+function A(t) {
+  return t === "." || t === "," || t === " " ? t : ".";
+}
+function N(t) {
+  if (!t || typeof t != "object")
+    return { ...i };
+  const n = t, o = n.value ?? n.name ?? i.code, r = n.symbol ?? o;
+  return {
+    code: o,
+    symbol: r,
+    alignment: l(n.alignment),
+    decimalCount: _(n.decimalCount),
+    decimalSeparator: A(n.decimalSeparator),
+    thousandSeparator: I(n.thousandSeparator)
+  };
+}
+function R(t) {
+  return t === "horizontal" || t === "list" ? "list" : "grid";
+}
+function b(t) {
+  return c(t) || "mostPopular";
+}
+function D(t, n, o) {
+  const r = n.rowCount ?? t.cardsInRow ?? m, a = n.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
+  return {
+    recommendationId: o,
+    strategy: b(t.strategy),
+    productIds: (t.productIds ?? []).map((e) => String(e)),
+    size: String(a),
+    shuffleProducts: !!t.shuffleProducts,
+    language: t.language ?? "en_US",
+    currency: N(t.currencySettings),
+    filters: (t.filters ?? []).map((e) => ({ ...e })),
+    layout: R(t.orientation ?? n.orientation),
+    cardsInRow: r,
+    mobileCardsInRow: u,
+    mobileLayoutEnabled: !1,
+    previousMobileCardsInRow: u,
+    columnSpacing: d,
+    rowSpacing: S,
+    mobileColumnSpacing: f,
+    mobileRowSpacing: p,
+    omnibusPrice: { textBefore: "", textAfter: "" },
+    omnibusDiscount: { textBefore: "", textAfter: "" },
+    configVersion: s
+  };
+}
+export {
+  N as mapCurrency,
+  D as mapSettings
+};