@useinsider/guido 3.17.0 → 3.18.0-beta.41e529d

package/dist/static/styles/components/recommendation-strategy.css.js

@@ -0,0 +1,220 @@
+const n = `.strategy-control-header {
+    padding: 16px 16px 0;
+}
+
+.strategy-control-title {
+    margin: 0;
+    color: var(--guido-color-gray-800);
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+}
+
+.strategy-control-description-row {
+    padding: 8px 16px 16px;
+}
+
+.strategy-control-description {
+    margin: 0;
+    color: var(--guido-color-gray-600);
+    font-size: 13px;
+    line-height: 16px;
+}
+
+.strategy-control-description a {
+    color: var(--guido-color-primary-500);
+    text-decoration: underline;
+}
+
+.strategy-control-notice-row {
+    padding: 0 16px 16px;
+}
+
+.strategy-control-notice {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    padding: 12px;
+    border: 1px solid var(--guido-color-border-onpage-message-info);
+    border-radius: 4px;
+    background-color: var(--guido-color-background-onpage-message-info);
+}
+
+.strategy-control-notice::before {
+    content: '';
+    flex: none;
+    width: 24px;
+    height: 24px;
+    background-color: var(--guido-color-border-onpage-message-info);
+    mask-image: var(--guido-icon-line-info);
+    mask-repeat: no-repeat;
+    mask-position: center;
+    mask-size: 24px 24px;
+}
+
+.strategy-control-notice-text {
+    margin: 0;
+    padding: 4px 0;
+    color: var(--guido-color-neutral-700);
+    font-size: 13px;
+    line-height: 16px;
+}
+
+.recommendation-controls-container .container.strategy-control-cta-row {
+    grid-template-columns: repeat(2, minmax(0, 180px));
+    justify-content: start;
+    gap: 16px;
+    padding: 0 16px 16px;
+}
+
+.strategy-control-cta {
+    width: 100%;
+}
+
+.strategy-control-cta > .button {
+    display: flex;
+    gap: 8px;
+    justify-content: center;
+    width: 100%;
+    border: none;
+    font-size: 15px;
+    font-weight: 400;
+    line-height: 24px;
+    white-space: nowrap;
+}
+
+.strategy-control-cta.primary > .button:disabled,
+.strategy-control-cta.primary > .button.disabled {
+    opacity: 1;
+    color: var(--guido-color-gray-800);
+    cursor: default;
+}
+
+.strategy-control-name-band {
+    display: flex;
+    align-items: center;
+    min-height: 48px;
+    padding: 0 16px;
+    background-color: var(--guido-color-gray-0);
+}
+
+/* Figma gives the legacy band a 59px row: 17.5px above and below its 24px content. */
+[data-strategy-legacy-state] .strategy-control-name-band {
+    gap: 8px;
+    justify-content: space-between;
+    min-height: auto;
+    padding: 17.5px 16px;
+}
+
+.strategy-control-name {
+    color: var(--guido-color-gray-800);
+    font-size: 15px;
+    font-weight: 600;
+    line-height: 24px;
+}
+
+.strategy-control-actions {
+    display: flex;
+    align-items: center;
+    padding: 16px;
+}
+
+.strategy-control-action {
+    display: inline-flex;
+    align-items: center;
+    padding: 0;
+    border: none;
+    background: none;
+    font-size: 15px;
+    font-weight: 400;
+    line-height: 24px;
+    cursor: pointer;
+}
+
+.strategy-control-action > span {
+    padding: 0 8px;
+}
+
+.strategy-control-action::before,
+.strategy-control-cta.on > .button::before {
+    content: '';
+    flex: none;
+    width: 24px;
+    height: 24px;
+    background-color: currentcolor;
+    mask-repeat: no-repeat;
+    mask-position: center;
+    mask-size: 24px 24px;
+}
+
+.strategy-control-action--change::before {
+    mask-image: var(--guido-icon-line-change);
+}
+
+.strategy-control-action--remove::before {
+    mask-image: var(--guido-icon-line-delete);
+}
+
+.strategy-control-cta.on > .button::before {
+    mask-image: var(--guido-icon-line-plus);
+}
+
+.strategy-control-action--update::before {
+    mask-image: var(--guido-icon-filled-arrow-rising);
+}
+
+.strategy-control-name-band .strategy-control-action > span {
+    padding: 0 0 0 8px;
+}
+
+.strategy-control-action--update,
+.strategy-control-action--change {
+    color: var(--guido-color-primary-500);
+}
+
+.strategy-control-action--remove {
+    color: var(--guido-color-danger-500);
+}
+
+.strategy-control-action:hover {
+    text-decoration: underline;
+}
+
+.strategy-control-action:disabled,
+.strategy-control-action:disabled:hover {
+    color: var(--guido-color-gray-700);
+    text-decoration: none;
+    cursor: default;
+}
+
+.recommendation-controls-container:not(.strategy-block):not(.legacy-strategy-block) .strategy-control-container,
+.recommendation-controls-container.strategy-block .product-count-control-container,
+.recommendation-controls-container.strategy-block .algorithm-control-container,
+.recommendation-controls-container.strategy-block .filters-control-container,
+.recommendation-controls-container.strategy-block .shuffle-control-container,
+.recommendation-controls-container.legacy-strategy-block .product-count-control-container,
+.recommendation-controls-container.legacy-strategy-block .algorithm-control-container,
+.recommendation-controls-container.legacy-strategy-block .filters-control-container,
+.recommendation-controls-container.legacy-strategy-block .shuffle-control-container {
+    display: none;
+}
+
+.recommendation-controls-container.strategy-block,
+.recommendation-controls-container.legacy-strategy-block {
+    display: flex;
+    flex-direction: column;
+}
+
+.recommendation-controls-container.strategy-block .price-placement-control-container,
+.recommendation-controls-container.legacy-strategy-block .price-placement-control-container {
+    order: 1;
+}
+
+.recommendation-controls-container.strategy-block .product-layout-control-container,
+.recommendation-controls-container.legacy-strategy-block .product-layout-control-container {
+    order: 2;
+}
+`;
+export {
+  n as default
+};

package/dist/static/styles/customEditorStyle.css.js

@@ -43,7 +43,9 @@ const n = `.esd-x,
 .recommendation-block-v2 .product-omnibus-discount ue-node-actions,
 .recommendation-block-v2 .product-omnibus-discount ue-node-panel,
 .recommendation-block-v2 .product-button ue-node-actions,
-.recommendation-block-v2 .product-button ue-node-panel {
+.recommendation-block-v2 .product-button ue-node-panel,
+.recommendation-block-v2 .ins-recommendation-title ue-node-actions,
+.recommendation-block-v2 .ins-recommendation-title ue-node-panel {
     display: none !important;
 }
 

package/dist/stores/config.js

@@ -1,8 +1,8 @@
 import "../@types/config/schemas.js";
 import "../@types/config/defaults.js";
 import { parseConfig as o } from "../@types/config/validator.js";
-import { defineStore as r } from "pinia";
-const f = r("guido-config", {
+import { defineStore as a } from "pinia";
+const s = a("guido-config", {
   state: () => ({
     initialized: !1,
     config: null
@@ -11,121 +11,128 @@ const f = r("guido-config", {
     /**
      * Get the identity configuration
      */
-    identity: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.identity) ?? null;
+    identity: (e) => {
+      var i;
+      return ((i = e.config) == null ? void 0 : i.identity) ?? null;
     },
     /**
      * Get the partner configuration
      */
-    partner: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner) ?? null;
+    partner: (e) => {
+      var i;
+      return ((i = e.config) == null ? void 0 : i.partner) ?? null;
     },
     /**
      * Get the template configuration
      */
-    template: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.template) ?? null;
+    template: (e) => {
+      var i;
+      return ((i = e.config) == null ? void 0 : i.template) ?? null;
     },
     /**
      * Get the editor configuration
      */
-    editor: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.editor) ?? null;
+    editor: (e) => {
+      var i;
+      return ((i = e.config) == null ? void 0 : i.editor) ?? null;
     },
     /**
      * Get the UI configuration
      */
-    ui: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.ui) ?? null;
+    ui: (e) => {
+      var i;
+      return ((i = e.config) == null ? void 0 : i.ui) ?? null;
     },
     /**
      * Get the features configuration
      */
-    features: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.features) ?? null;
+    features: (e) => {
+      var i;
+      return ((i = e.config) == null ? void 0 : i.features) ?? null;
     },
     /**
      * Get the blocks configuration
      */
-    blocks: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.blocks) ?? null;
+    blocks: (e) => {
+      var i;
+      return ((i = e.config) == null ? void 0 : i.blocks) ?? null;
     },
     /**
      * Get the compiler configuration
      */
-    compiler: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.compiler) ?? null;
+    compiler: (e) => {
+      var i;
+      return ((i = e.config) == null ? void 0 : i.compiler) ?? null;
     },
     /**
      * Get the callbacks configuration
      */
-    callbacks: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.callbacks) ?? null;
+    callbacks: (e) => {
+      var i;
+      return ((i = e.config) == null ? void 0 : i.callbacks) ?? null;
     },
     /**
      * Get the template ID
      */
-    templateId: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.templateId) ?? "";
+    templateId: (e) => {
+      var i, n;
+      return ((n = (i = e.config) == null ? void 0 : i.identity) == null ? void 0 : n.templateId) ?? "";
     },
     /**
      * Get the user ID
      */
-    userId: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.userId) ?? "";
+    userId: (e) => {
+      var i, n;
+      return ((n = (i = e.config) == null ? void 0 : i.identity) == null ? void 0 : n.userId) ?? "";
     },
     /**
      * Get the variation ID
      */
-    variationId: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.variationId) ?? "";
+    variationId: (e) => {
+      var i, n;
+      return ((n = (i = e.config) == null ? void 0 : i.identity) == null ? void 0 : n.variationId) ?? "";
+    },
+    /**
+     * Get the campaign ID
+     */
+    campaignId: (e) => {
+      var i, n;
+      return ((n = (i = e.config) == null ? void 0 : i.identity) == null ? void 0 : n.campaignId) ?? "";
     },
     /**
      * Get the partner name
      */
-    partnerName: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.name) ?? "";
+    partnerName: (e) => {
+      var i, n;
+      return ((n = (i = e.config) == null ? void 0 : i.partner) == null ? void 0 : n.name) ?? "";
     },
     /**
      * Get the product type
      */
-    productType: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.productType) ?? 60;
+    productType: (e) => {
+      var i, n;
+      return ((n = (i = e.config) == null ? void 0 : i.partner) == null ? void 0 : n.productType) ?? 60;
     },
     /**
      * Get the message type
      */
-    messageType: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.messageType) ?? 1;
+    messageType: (e) => {
+      var i, n;
+      return ((n = (i = e.config) == null ? void 0 : i.partner) == null ? void 0 : n.messageType) ?? 1;
     },
     /**
      * Get the username
      */
-    username: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.username) ?? "Guido User";
+    username: (e) => {
+      var i, n;
+      return ((n = (i = e.config) == null ? void 0 : i.partner) == null ? void 0 : n.username) ?? "Guido User";
     },
     /**
      * Check if header should be shown
      */
-    showHeader: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : n.showHeader) ?? !0;
+    showHeader: (e) => {
+      var i, n;
+      return ((n = (i = e.config) == null ? void 0 : i.ui) == null ? void 0 : n.showHeader) ?? !0;
     },
     /**
      * Check if a specific feature is enabled.
@@ -133,18 +140,18 @@ const f = r("guido-config", {
      * flash on during loading, then disappear once config resolves.
      */
     // eslint-disable-next-line @stylistic/max-len
-    isFeatureEnabled: (i) => (e) => {
+    isFeatureEnabled: (e) => (i) => {
       var n, t;
-      return ((t = (n = i.config) == null ? void 0 : n.features) == null ? void 0 : t[e]) ?? !1;
+      return ((t = (n = e.config) == null ? void 0 : n.features) == null ? void 0 : t[i]) ?? !1;
     }
   },
   actions: {
     /**
      * Initialize the config store with validated configuration
      */
-    init(i) {
-      const e = o(i);
-      this.config = e, this.initialized = !0;
+    init(e) {
+      const i = o(e);
+      this.config = i, this.initialized = !0;
     },
     /**
      * Reset the config store
@@ -155,5 +162,5 @@ const f = r("guido-config", {
   }
 });
 export {
-  f as useConfigStore
+  s as useConfigStore
 };

package/dist/utils/dateUtil.js

@@ -1,10 +1,19 @@
-import { DEFAULT_LOCALE as r, DEFAULT as o } from "../enums/date.js";
-const c = () => {
+import { DEFAULT_LOCALE as n, DEFAULT as a, DEFAULT_TZ as c } from "../enums/date.js";
+const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length === 10 && !Number.isNaN(Number(t)) ? new Date(Number(t) * 1e3) : new Date(t) : typeof t == "number" ? t.toString().length === 10 ? new Date(t * 1e3) : new Date(t) : /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(), s = () => {
   const t = window.l10n;
-  return (t == null ? void 0 : t.locale) === o ? r : (t == null ? void 0 : t.locale) || r;
-};
-new Intl.DateTimeFormat().resolvedOptions().timeZone;
-const i = (t) => {
+  return (t == null ? void 0 : t.locale) === a ? n : (t == null ? void 0 : t.locale) || n;
+}, u = new Intl.DateTimeFormat().resolvedOptions().timeZone, f = () => {
+  const t = window.l10n;
+  return (t == null ? void 0 : t.timezone) || u || c;
+}, D = (t, e = s(), r = f()) => {
+  const o = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    timeZone: r
+  }, i = m(t);
+  return new Intl.DateTimeFormat(e, o).format(i);
+}, T = (t) => {
   if (!t)
     return "";
   const e = new Date(t);
@@ -16,9 +25,13 @@ const i = (t) => {
     second: "2-digit",
     hour12: !1
   }).format(e);
-}, m = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
+}, h = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
 export {
-  i as formatPatchDate,
-  m as isAfterDate,
-  c as locale
+  m as convertToDateObject,
+  T as formatPatchDate,
+  D as formatShortDate,
+  h as isAfterDate,
+  u as localTz,
+  s as locale,
+  f as timezone
 };

package/dist/utils/genericUtil.js

@@ -1,26 +1,26 @@
-const o = (l) => {
-  const a = l.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((t) => t.trim()), [c] = a, r = {
-    text: l.label,
-    value: c || ""
+const o = (t) => {
+  const a = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [s] = a, r = {
+    text: t.label,
+    value: s || ""
   };
   if (a.length >= 2) {
-    const [, t, e] = a;
-    if (t.startsWith("default:")) {
-      let n = t.slice(8).trim();
+    const [, l, e] = a;
+    if (l.startsWith("default:")) {
+      let n = l.slice(8).trim();
       n.startsWith('"') && n.endsWith('"') && (n = n.slice(1, -1)), r.fallback = n;
     } else {
-      const n = t.includes("=") ? { key: t.split("=")[0].trim(), value: t.split("=")[1].trim() } : null;
-      n ? r.format = n : e || (r.fallback = t), e && (r.fallback = e);
+      const n = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
+      n ? r.format = n : e || (r.fallback = l), e && (r.fallback = e);
     }
   }
   return r;
-}, f = (l, s = !1) => l.map((a) => {
+}, f = (t, c = !1) => t.map((a) => {
   if (a.format)
     return {
       label: `${a.text} | ${a.format.key}=${a.format.value}`,
       value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
     };
-  if (s) {
+  if (c) {
     if (!a.fallback)
       return {
         label: a.text,
@@ -36,33 +36,34 @@ const o = (l) => {
     label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
     value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
   };
-}), b = (l) => {
-  const s = [], a = /* @__PURE__ */ new Set(), c = (t) => {
-    Array.isArray(t) && t.forEach((e) => {
+}), b = (t) => {
+  const c = [], a = /* @__PURE__ */ new Set(), s = (l) => {
+    Array.isArray(l) && l.forEach((e) => {
       const n = [...e.children ?? [], ...e.select_items ?? []];
       if (n.length > 0) {
-        c(n);
+        s(n);
         return;
       }
       const u = e.text || e.tag_text;
-      u && e.value && !a.has(e.value) && (a.add(e.value), s.push({ text: u, value: e.value }));
+      u && e.value && !a.has(e.value) && (a.add(e.value), c.push({ text: u, value: e.value }));
     });
-  }, [r] = Object.values(l ?? {});
-  return c(r), s;
-}, v = (l, s, a = !1) => {
-  const c = new Set(l.map((t) => t.value)), r = s.filter((t) => c.has(t.value) ? !1 : (c.add(t.value), !0));
+  }, [r] = Object.values(t ?? {});
+  return s(r), c;
+}, i = (t, c, a = !1) => {
+  const s = new Set(t.map((l) => l.value)), r = c.filter((l) => s.has(l.value) ? !1 : (s.add(l.value), !0));
   return [
-    ...f(l, a),
+    ...f(t, a),
     ...f(r, a)
   ];
-}, i = () => {
-  var l;
-  return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
-};
+}, v = () => {
+  var t;
+  return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
+}, k = (t) => typeof t == "string" ? t : typeof t == "number" ? String(t) : "";
 export {
-  v as buildMergeTagEntries,
+  k as asText,
+  i as buildMergeTagEntries,
   f as dynamicContentToMergeTags,
   b as flattenDynamicContentList,
-  i as getCsrfToken,
+  v as getCsrfToken,
   o as mergeTagToDynamicContent
 };

package/dist/utils/itemsCurrencyRepair.js

@@ -0,0 +1,39 @@
+import { currencyAttrTargets as u, ITEMS_CURRENCY_ATTR as c } from "../extensions/Blocks/Items/constants/currency.js";
+import { ItemsBlockId as l } from "../extensions/Blocks/Items/enums/controlEnums.js";
+const s = "items-block-v2";
+function f(e) {
+  const i = e.getAttribute("esd-ext-config");
+  if (!i)
+    return !1;
+  let t, r;
+  try {
+    ({ position: t, symbol: r } = u(JSON.parse(i)));
+  } catch {
+    return !1;
+  }
+  let o = !1;
+  return e.querySelectorAll(`.${l.PRICE} p`).forEach((n) => {
+    t !== void 0 && n.getAttribute(c.POSITION) !== t && (n.setAttribute(c.POSITION, t), o = !0), r !== void 0 && n.getAttribute(c.SYMBOL) !== r && (n.setAttribute(c.SYMBOL, r), o = !0);
+  }), o;
+}
+function S(e) {
+  if (typeof e != "string" || !e.includes(s))
+    return e;
+  try {
+    const t = new DOMParser().parseFromString(
+      `<table><tbody><tr>${e}</tr></tbody></table>`,
+      "text/html"
+    ).querySelector("tr"), r = t.querySelectorAll(`.${s}`);
+    if (r.length === 0)
+      return e;
+    let o = !1;
+    return r.forEach((n) => {
+      f(n) && (o = !0);
+    }), o ? t.innerHTML : e;
+  } catch (i) {
+    return console.error("Failed to repair items currency on module add:", i), e;
+  }
+}
+export {
+  S as repairItemsCurrencyAttributes
+};