@useinsider/guido 3.2.0-beta.8b4780a → 3.2.0-beta.8f147c3

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

@@ -0,0 +1,486 @@
+import { RecommendationBlockId as g } from "../../../extensions/Blocks/Recommendation/constants/blockIds.js";
+import { CURRENCY_ATTR as _, ATTR_PRODUCT_IMAGE as k, ATTR_PRODUCT_BUTTON as N, ATTR_PRODUCT_NAME as L, ATTR_PRODUCT_PRICE as G, ATTR_PRODUCT_OLD_PRICE as z, ATTR_PRODUCT_OMNIBUS_PRICE as P, ATTR_PRODUCT_OMNIBUS_DISCOUNT as H, ATTR_CUSTOM_PREFIX as O } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { escapeHtml as a } from "../../../utils/htmlEscape.js";
+import { appendStyle as $ } from "./themeMapper.js";
+const j = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png", V = "attribute-cell", Y = "Buy", F = "border-width: 1px; background: rgb(217, 234, 211); border-color: rgb(106, 168, 79)", J = "color: rgb(56, 118, 29); background: rgb(217, 234, 211)", tt = "ins-recommendation-product-container ins-recommendation-desktop-container";
+function et(t) {
+  return t.replace(/>\s+</g, "><").trim();
+}
+function y(t) {
+  return t ? ` align="${a(t)}"` : ' align="center"';
+}
+function E() {
+  return {
+    tdStyle: "",
+    pStyle: "",
+    wrapBold: !1,
+    wrapItalic: !1,
+    textTrimming: !1
+  };
+}
+function X(t) {
+  return t ? { ...t, wrapBold: !0 } : { ...E(), wrapBold: !0 };
+}
+function v(t, n) {
+  let e = a(t);
+  return n.wrapBold && n.wrapItalic ? e = `<strong><em>${e}</em></strong>` : n.wrapBold ? e = `<strong>${e}</strong>` : n.wrapItalic && (e = `<em>${e}</em>`), e;
+}
+function b(t) {
+  return t ? ` style="${a(t)}"` : "";
+}
+function I(t, n) {
+  return `<td width="${t}%" class="${V}" ${n}`;
+}
+function ot(t, n, e, s) {
+  const o = t.width ? ` width="${t.width}"` : "", l = 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 c = i.join("; "), d = e ? ` style="background-color: ${a(e)}"` : "";
+  return `
+        ${I(s, 'valign="top" style="padding: 0 5px; height: 100%"')}>
+            <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
+                class="product-card-segment"${d}>
+                <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/${n + 1}">
+                                <img src="${j}" alt="Product Name"
+                                    class="adapt-img"${o}${l}
+                                    style="${c}">
+                            </a>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
+    `;
+}
+function M(t, n, e, s, o, l, i) {
+  const d = `table-layout: fixed${l ? `; background-color: ${a(l)}` : ""}`, r = b(o.tdStyle), p = y(o.align), u = `esd-block-text ${n}`.trim(), m = $(s, o.pStyle);
+  return `
+        ${I(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="${d}">
+                <tbody>
+                    <tr valign="top">
+                        <td${p}
+                            class="${u}"
+                            esd-extension-block-id="${t}"${r}>
+                            <p contenteditable="false"${b(m)}>${v(e, o)}</p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
+    `;
+}
+function nt(t, n, e) {
+  const s = n ? ` style="background-color: ${a(n)}"` : "", o = b(t.tdStyle), l = y(t.align), c = $("font-size: 14px; color: #999999", t.pStyle);
+  return `
+        ${I(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${l}
+                            class="esd-block-text product-old-price es-p15l es-p15r"
+                            esd-extension-block-id="${g.OLD_PRICE}"${o}>
+                            <p contenteditable="false"${b(c)}>
+                                <s>${v("20.00", t)}</s>
+                            </p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
+    `;
+}
+function D(t, n, e, s, o, l, i) {
+  const c = o ? `; background-color: ${a(o)}` : "", d = b(s.tdStyle), r = y(s.align), u = $("font-size: 12px; color: #666666", s.pStyle);
+  return `
+        ${I(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${c}">
+                <tbody>
+                    <tr valign="top">
+                        <td${r}
+                            data-text-before="" data-text-after=""
+                            class="esd-block-text ${l} es-p15l es-p15r"
+                            esd-extension-block-id="${t}"${d}>
+                            <p contenteditable="false"${b(u)}>
+                                <span class="omnibus-text-before"></span>
+                                <span class="${n}">${a(e)}</span>
+                                <span class="omnibus-text-after"></span>
+                            </p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
+    `;
+}
+function st(t, n, e, s) {
+  const o = e ? ` style="background-color: ${a(e)}"` : "", l = $("padding: 0 5px; height: 100%", n.tdStyle), i = y(n.align), c = n.text || Y, d = $(F, n.spanStyle), r = $(J, n.aStyle);
+  return `
+        ${I(s, `valign="top" style="${a(l)}"`)}>
+            <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
+                class="product-card-segment"${o}>
+                <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="${a(d)}">
+                                <a href="https://example.com/product/${t + 1}" target="_blank"
+                                    class="es-button buy-button"
+                                    style="${a(r)}">${a(c)}</a>
+                            </span>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
+    `;
+}
+function lt(t, n, e, s, o) {
+  const l = s ? `; background-color: ${a(s)}` : "", i = b(e.tdStyle), c = y(e.align), r = $("font-size: 12px; color: #666666; margin: 0", e.pStyle), p = n.replace(/_/g, " ").replace(/\b\w/g, (u) => u.toUpperCase());
+  return `
+        ${I(o, '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${l}">
+                <tbody>
+                    <tr valign="top">
+                        <td product-attr="${a(t)}"${c}
+                            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(r)}>${a(p)}</p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
+    `;
+}
+function it(t, n, e, s, o, l) {
+  const i = n[t], c = i ?? E();
+  switch (t) {
+    case k:
+      return ot(
+        i ?? {},
+        o,
+        s,
+        l
+      );
+    case L:
+      return M(
+        g.NAME,
+        "product-name es-p10t es-p10b es-p15l es-p15r",
+        "Product Name",
+        "font-size: 16px; color: #333333",
+        c,
+        s,
+        l
+      );
+    case G:
+      return M(
+        g.PRICE,
+        "product-price es-p15l es-p15r",
+        "18.00",
+        "font-size: 16px; color: #333333",
+        X(i),
+        s,
+        l
+      );
+    case z:
+      return nt(c, s, l);
+    case P:
+      return D(
+        g.OMNIBUS_PRICE,
+        "omnibus-price-value",
+        "20.00",
+        c,
+        s,
+        "product-omnibus-price",
+        l
+      );
+    case H:
+      return D(
+        g.OMNIBUS_DISCOUNT,
+        "omnibus-discount-value",
+        "-10%",
+        c,
+        s,
+        "product-omnibus-discount",
+        l
+      );
+    case N:
+      return st(
+        o,
+        i ?? {},
+        s,
+        l
+      );
+    default:
+      if (t.startsWith(O)) {
+        const d = e[t] ?? t.slice(O.length), r = t.slice(O.length);
+        return lt(d, r, c, s, l);
+      }
+      return null;
+  }
+}
+const K = `
+    <tr>
+        <td class="spacer" style="height: 10px"></td>
+    </tr>
+`;
+function at(t, n, e, s) {
+  const { composition: o, visibility: l, perElement: i, customAttrValues: c, cardBg: d } = s, r = (100 / e).toFixed(2), p = e - n, u = `<td class="${V}" style="padding: 0 5px;" width="${r}%"></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>${o.map((T) => {
+    const w = l[T] !== !1, f = w ? "" : ' style="display: none"', C = w ? "1" : "0", h = [];
+    for (let x = 0; x < n; x += 1) {
+      const A = it(
+        T,
+        i,
+        c,
+        d,
+        t + x,
+        r
+      );
+      A && h.push(A);
+    }
+    return h.length === 0 ? "" : `
+            <tr class="recommendation-attribute-row"
+                data-attribute-type="${a(T)}"
+                data-visibility="${C}"${f}>
+                ${h.join("")}${m}
+            </tr>
+        `;
+  }).filter(Boolean).join("")}</tbody>
+                </table>
+            </td>
+        </tr>
+    `;
+}
+function ct(t, n, e) {
+  const s = [];
+  for (let o = 0; o < t; o += n) {
+    const l = Math.min(n, t - o);
+    o > 0 && s.push(K), s.push(at(o, l, n, e));
+  }
+  return s.join("");
+}
+function rt(t, n, e) {
+  const s = n[t];
+  if (t === L) {
+    const o = s ?? E(), l = $("font-size: 16px; color: #333333; margin: 0", o.pStyle), i = y(o.align ?? "left");
+    return `
+            <td class="esd-block-text product-name"
+                esd-extension-block-id="${g.NAME}"${i}${b(o.tdStyle)}>
+                <p contenteditable="false"${b(l)}>${v("Product Name", o)}</p>
+            </td>
+        `;
+  }
+  if (t === G) {
+    const o = X(s), l = $("font-size: 16px; color: #333333; margin: 0", o.pStyle), i = y(o.align ?? "left");
+    return `
+            <td class="esd-block-text product-price"
+                esd-extension-block-id="${g.PRICE}"${i}${b(o.tdStyle)}>
+                <p contenteditable="false"${b(l)}>${v("18.00", o)}</p>
+            </td>
+        `;
+  }
+  if (t === z) {
+    const o = s ?? E(), i = $("font-size: 14px; color: #999999; text-decoration: line-through; margin: 0", o.pStyle), c = y(o.align ?? "left");
+    return `
+            <td class="esd-block-text product-old-price"
+                esd-extension-block-id="${g.OLD_PRICE}"${c}${b(o.tdStyle)}>
+                <p contenteditable="false"${b(i)}><s>${v("20.00", o)}</s></p>
+            </td>
+        `;
+  }
+  if (t === P || t === H) {
+    const o = t === P, l = o ? g.OMNIBUS_PRICE : g.OMNIBUS_DISCOUNT, i = o ? "omnibus-price-value" : "omnibus-discount-value", c = o ? "20.00" : "-10%", d = o ? "product-omnibus-price" : "product-omnibus-discount", r = s ?? E(), p = $("font-size: 12px; color: #666666; margin: 0", r.pStyle), u = y(r.align ?? "left");
+    return `
+            <td class="esd-block-text ${d}"
+                data-text-before="" data-text-after=""
+                esd-extension-block-id="${l}"${u}${b(r.tdStyle)}>
+                <p contenteditable="false"${b(p)}>
+                    <span class="omnibus-text-before"></span>
+                    <span class="${i}">${a(c)}</span>
+                    <span class="omnibus-text-after"></span>
+                </p>
+            </td>
+        `;
+  }
+  if (t.startsWith(O)) {
+    const o = s ?? E(), l = e[t] ?? t.slice(O.length), c = t.slice(O.length).replace(/_/g, " ").replace(/\b\w/g, (u) => u.toUpperCase()), d = $("font-size: 12px; color: #666666; margin: 0", o.pStyle), r = y(o.align ?? "left"), p = g.CUSTOM_ATTRIBUTE;
+    return `
+            <td product-attr="${a(l)}"
+                class="esd-block-text product-custom-attribute"
+                esd-extension-block-id="${p}"${r}${b(o.tdStyle)}>
+                <p contenteditable="false"${b(d)}>${a(c)}</p>
+            </td>
+        `;
+  }
+  return null;
+}
+function dt(t, n) {
+  const { composition: e, visibility: s, perElement: o, customAttrValues: l, cardBg: i } = n, c = i ? `background-color: ${a(i)}` : "", d = c ? `style="table-layout: fixed; ${c}"` : 'style="table-layout: fixed"', r = o[k] ?? {}, p = s[k] !== !1, u = r.width ? ` width="${r.width}"` : "", m = p ? "" : ' style="display: none"', S = `
+        <td width="120"
+            class="esd-block-image product-image-cell recommendation-attribute-row es-p5"
+            esd-extension-block-id="${g.IMAGE}"
+            data-attribute-type="${k}"
+            data-visibility="${p ? "1" : "0"}"
+            align="center" valign="middle"${m}>
+            <a target="_blank" href="https://example.com/product/${t + 1}">
+                <img src="${j}" 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((R) => R !== k && R !== N).map((R) => {
+    const U = s[R] !== !1, Z = U ? "" : ' style="display: none"', W = U ? "1" : "0", B = rt(R, o, l);
+    return B ? `<tr class="recommendation-attribute-row"
+                data-attribute-type="${a(R)}"
+                data-visibility="${W}"${Z}>${B}</tr>` : "";
+  }).filter(Boolean).join(`
+`)}</tbody>
+            </table>
+        </td>
+    `, f = o[N] ?? {}, C = s[N] !== !1, h = f.text || Y, x = $(F, f.spanStyle ?? ""), A = $(J, f.aStyle ?? ""), q = C ? "" : ' style="display: none"', Q = `
+        <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="${N}"
+            data-visibility="${C ? "1" : "0"}"
+            align="${a(f.align ?? "center")}" valign="middle"${q}>
+            <span class="es-button-border" style="${a(x)}">
+                <a href="https://example.com/product/${t + 1}" target="_blank"
+                    class="es-button buy-button"
+                    style="${a(A)}">${a(h)}</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" ${d}>
+                    <tbody>
+                        <tr>${S}${w}${Q}</tr>
+                    </tbody>
+                </table>
+            </td>
+        </tr>
+    `;
+}
+function pt(t, n) {
+  const e = [];
+  for (let s = 0; s < t; s += 1)
+    s > 0 && e.push(K), e.push(dt(s, n));
+  return e.join("");
+}
+function ut(t, n) {
+  var d, r, p, u, m, S;
+  const e = t == null ? void 0 : t.theme, s = [];
+  (d = e == null ? void 0 : e.textStyle) != null && d["font-family"] && s.push(`font-family: ${e.textStyle["font-family"]}`), s.push(`font-size: ${((r = e == null ? void 0 : e.textStyle) == null ? void 0 : r["font-size"]) ?? "28px"}`), s.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"] && s.push(`font-weight: ${e.textStyle["font-weight"]}`), (m = e == null ? void 0 : e.textStyle) != null && m["font-style"] && s.push(`font-style: ${e.textStyle["font-style"]}`);
+  const o = s.join("; "), l = ((S = e == null ? void 0 : e.textStyle) == null ? void 0 : S["font-weight"]) !== "normal", i = a(n), c = l ? `<strong>${i}</strong>` : i;
+  return `
+        <td class="esd-block-text es-p10t es-p10b es-p20l es-p20r" align="center">
+            <p${b(o)}>${c}</p>
+        </td>
+    `;
+}
+function bt(t) {
+  const n = t.alignment === "before" ? "0" : "1";
+  return ` ${_.CURRENCY}="${a(t.code)}" ${_.SYMBOL}="${a(t.symbol)}" ${_.ALIGNMENT}="${n}" ${_.THOUSAND_SEPARATOR}="${a(t.thousandSeparator)}" ${_.DECIMAL_SEPARATOR}="${a(t.decimalSeparator)}" ${_.DECIMAL_COUNT}="${t.decimalCount}"`;
+}
+function ft(t) {
+  const {
+    nodeConfig: n,
+    composition: e,
+    cardBg: s,
+    titleText: o,
+    extraClasses: l = "",
+    legacyId: i,
+    legacyBgColor: c
+  } = t, d = parseInt(n.size) || 6, r = n.layout === "list" ? ' data-layout="list"' : "", p = n.layout === "list" ? " es-m-p0 ins-recommendation-list-layout" : "", u = {
+    composition: e.composition,
+    visibility: e.visibility,
+    perElement: e.perElementStyles,
+    customAttrValues: e.customAttrValues,
+    cardBg: s
+  }, m = n.layout === "list" ? pt(d, u) : ct(d, n.cardsInRow, u), S = ut(e.titleVariable, o), 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-${n.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",
+    l
+  ].filter(Boolean).join(" "), C = bt(n.currency), h = ` esd-ext-config="${a(JSON.stringify(n))}"`, x = i ? ` id="${a(i)}"` : "", A = c ? ` bgcolor="${a(c)}"` : "";
+  return et(`
+<td align="left"
+    esd-extension-block-id="recommendation-block"
+    width="520"
+    class="${f}"${x}${A}
+    recommendation-id="${n.recommendationId}"${C}
+    data-card-composition="${a(T)}"
+    data-custom-attributes="${a(w)}"
+    data-column-spacing="${n.columnSpacing}"
+    data-row-spacing="${n.rowSpacing}"
+    data-mobile-column-spacing="${n.mobileColumnSpacing}"
+    data-mobile-row-spacing="${n.mobileRowSpacing}"${r}${h}>
+    <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>${S}</tr>
+                                        </tbody>
+                                    </table>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="spacer" style="height: ${n.rowSpacing}px"></td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    <table width="100%" cellpadding="0" cellspacing="0" border="0"
+                                        class="${tt}">${m}
+                                    </table>
+                                </td>
+                            </tr>
+                            <tr class="ins-recommendation-mobile-row"></tr>
+                        </tbody>
+                    </table>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</td>
+`);
+}
+export {
+  ft 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,78 @@
+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 d, DEFAULT_COLUMN_SPACING as S, DEFAULT_MOBILE_CARDS_IN_ROW as u } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
+function c(t) {
+  return t === "0" || t === 0 ? "before" : "after";
+}
+function l(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 _(t) {
+  return t === "." || t === "," || t === " " || t === "" ? t : ",";
+}
+function I(t) {
+  return t === "." || t === "," || t === " " ? t : ".";
+}
+function A(t) {
+  if (!t || typeof t != "object")
+    return { ...i };
+  const n = t, r = n.value ?? n.name ?? i.code, o = n.symbol ?? r;
+  return {
+    code: r,
+    symbol: o,
+    alignment: c(n.alignment),
+    decimalCount: l(n.decimalCount),
+    decimalSeparator: I(n.decimalSeparator),
+    thousandSeparator: _(n.thousandSeparator)
+  };
+}
+function N(t) {
+  return t === "horizontal" || t === "list" ? "list" : "grid";
+}
+function R(t) {
+  if (!t)
+    return "mostPopular";
+  switch (t) {
+    case "viewedTogether":
+      return "similarViewed";
+    case "purchasedTogether":
+      return "similarBought";
+    default:
+      return t;
+  }
+}
+function L(t, n, r) {
+  const o = n.rowCount ?? t.cardsInRow ?? m, a = n.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
+  return {
+    recommendationId: r,
+    strategy: R(t.strategy),
+    productIds: (t.productIds ?? []).map((e) => String(e)),
+    size: String(a),
+    shuffleProducts: !!t.shuffleProducts,
+    language: t.language ?? "en_US",
+    currency: A(t.currencySettings),
+    filters: (t.filters ?? []).map((e) => ({ ...e })),
+    layout: N(t.orientation ?? n.orientation),
+    cardsInRow: o,
+    mobileCardsInRow: u,
+    mobileLayoutEnabled: !1,
+    previousMobileCardsInRow: u,
+    columnSpacing: S,
+    rowSpacing: d,
+    mobileColumnSpacing: f,
+    mobileRowSpacing: p,
+    omnibusPrice: { textBefore: "", textAfter: "" },
+    omnibusDiscount: { textBefore: "", textAfter: "" },
+    configVersion: s
+  };
+}
+export {
+  A as mapCurrency,
+  L as mapSettings
+};