@useinsider/guido 3.12.0-beta.d2745e7 → 3.12.0-beta.d77b0d2

package/dist/extensions/Blocks/Recommendation/utils/strategyHumanizer.js

@@ -0,0 +1,97 @@
+import { FilterTypeNames as f, OperatorAbbreviations as N, UserEvents as y, UserEventKeys as d } from "../../../../enums/extensions/strategyDetail.js";
+import { formatShortDate as p } from "../../../../utils/dateUtil.js";
+const L = /* @__PURE__ */ new Set([
+  d.CURRENTLY_VIEWED_ITEM,
+  d.LEGACY_CURRENTLY_VIEWED_ITEM
+]), g = /^(\d+)([whd])$/, h = (t) => t ? t.charAt(0).toUpperCase() + t.slice(1) : "", v = (t, e) => {
+  const r = y.find((n) => n.value === t);
+  return r ? e(r.text) : t;
+}, C = (t, e) => {
+  if (t.userAttribute)
+    return t.userAttribute;
+  if (!t.userEvent)
+    return "";
+  const r = v(t.userEvent, e);
+  if (L.has(t.userEvent))
+    return r;
+  const n = t.userEventCount ?? 0;
+  if (n <= 0)
+    return r;
+  const a = e(
+    n === 1 ? "discovery-strategy-filtering.item" : "discovery-strategy-filtering.items"
+  );
+  return `${r} ${n} ${a}`;
+}, O = [
+  f.USER_ATTRIBUTE_FILTER,
+  f.USER_EVENT_FILTER,
+  f.USER_CONTEXT_FILTER
+], V = (t) => O.includes(t ?? ""), S = (t, e, r) => {
+  if (!t)
+    return "";
+  const n = g.exec(t);
+  if (!n)
+    return "";
+  const [, a, c] = n, s = e.find((T) => T.value === c), $ = s ? s.text.toLowerCase() : c;
+  return ` ${r("purchase-history.in-last")} ${a} ${$}`;
+}, R = (t, e) => t.map((r) => `[${r}]`).join(` ${e} `), b = (t) => {
+  let e;
+  try {
+    e = JSON.parse(t);
+  } catch {
+    return t.split(",");
+  }
+  return Array.isArray(e) ? e.map((r) => String(r)) : [String(e)];
+};
+function w(t) {
+  const {
+    condition: e,
+    selectedOperator: r,
+    filterValue: n,
+    timeUnit: a,
+    inBetweenValues: c,
+    timeUnitOptions: s,
+    isDateAttribute: $,
+    isMultiSelect: T,
+    isInOrNotInOperator: U,
+    trans: E
+  } = t, { IN_LAST: A, IN_BETWEEN: _ } = N.OPERATOR, l = E("action-builder.and");
+  if (V(e.type)) {
+    const i = C(e, E);
+    if (i)
+      return `${i}${S(e.duration, s, E)}`;
+  }
+  const u = e.type === f.EVENT_BASED_FILTER ? S(e.duration, s, E) : "";
+  if (e.time && r !== _)
+    return `${p(e.time)}${u}`;
+  if (r === A) {
+    const [i] = n.match(/\d+/g) || [];
+    if (!i)
+      return n;
+    const o = s.find((m) => m.value === a);
+    return `${i} ${h((o == null ? void 0 : o.text) ?? "")}`.trimEnd();
+  }
+  if (r === _) {
+    if ($() && e.time) {
+      const [m = "", I = ""] = e.time.split(":");
+      return `${p(m)} ${l} ${p(I)}${u}`;
+    }
+    const [i = "", o = ""] = c ?? [];
+    return `${i} ${l} ${o}${u}`;
+  }
+  if (T())
+    return `${R(b(n), l)}${u}`;
+  if (U()) {
+    const i = n.split(",");
+    return `${i.length > 1 ? R(i, l) : n}${u}`;
+  }
+  return `${n}${u}`;
+}
+export {
+  R as bracketJoin,
+  h as capitalizeFirstLetter,
+  S as getDurationSuffix,
+  w as getSuitableValue,
+  C as getUserContextValue,
+  v as getUserEventLabel,
+  b as parseMultiSelectValue
+};

package/dist/extensions/Blocks/Recommendation/utils/strategyNavigation.js

@@ -0,0 +1,8 @@
+import { STRATEGY_PAGES as a } from "../../../../enums/extensions/recommendationBlock.js";
+const o = (t) => {
+  window.location.assign(t);
+}, e = (t) => a.EDIT.replace("{{id}}", String(t));
+export {
+  e as buildStrategyEditPath,
+  o as navigateToStrategyPage
+};

package/dist/extensions/Blocks/Recommendation/utils/strategySummary.js

@@ -0,0 +1,95 @@
+import { TimeAbbreviations as g, Operators as y, OperatorNames as c, OperatorAbbreviations as I, DataTypes as O, MultiSelectDataTypes as E } from "../../../../enums/extensions/filteringV2.js";
+import { capitalizeFirstLetter as d, bracketJoin as T, parseMultiSelectValue as v } from "./strategyHumanizer.js";
+import { formatShortDate as f } from "../../../../utils/dateUtil.js";
+import { parseJsonField as b } from "../../../../utils/genericUtil.js";
+const S = "CHEF", _ = "MIXED", M = [S, _], N = 2, h = 4, A = (e) => `recommendation-algorithm-names.${(e || "").replaceAll("_", "-").toLowerCase()}`, x = (e) => ({
+  [S]: "discovery-strategy.chef",
+  [_]: "discovery-strategy.mixed-algorithm"
+})[e] ?? "discovery-strategy.single-algorithm", L = (e, t) => {
+  if (!M.includes(e.algorithm))
+    return t(A(e.algorithm));
+  const o = t(x(e.algorithm)), i = (e.algorithm_used || "").split(",").map((r) => r.trim()).filter(Boolean).map((r) => t(A(r))), n = [...new Set(i)];
+  if (n.length > 1) {
+    const r = t("strategy-info-box-content.and-more", { count: n.length - 1 });
+    return `${o} - ${n[0]} ${r}`;
+  }
+  return `${o} - ${n.join(", ")}`;
+}, C = (e, t) => {
+  const o = [
+    e.exclude_view && "viewed",
+    e.exclude_purchase && "purchased",
+    e.exclude_cart && "cart"
+  ].filter(Boolean);
+  return o.length ? o.map((n, r) => {
+    if (r === 0)
+      return t(`recommendation-strategy.recently_${n}`) + (o.length > 2 ? "," : "");
+    const s = t(`recommendation-strategy.${n}`);
+    return r === o.length - 1 ? `${t("ds-condition.and")} ${s}` : s;
+  }).join(" ") : t("recommendation-strategy.none");
+}, D = (e, t) => {
+  var n;
+  const i = (y[((n = e.attribute) == null ? void 0 : n.attributeType) ?? ""] || []).find((r) => r.value === e.selectedOperator);
+  return i ? t(i.text) : "";
+}, w = ({ attribute: e }) => (e == null ? void 0 : e.attributeType) === O.DATE, R = (e) => {
+  var r;
+  const t = ((r = e.attribute) == null ? void 0 : r.attributeType) ?? "", o = e.selectedOperator ?? "";
+  if (!E.includes(t) || [c.CONTAINS, c.NOT_CONTAINS].includes(o))
+    return !1;
+  const i = [c.IS_EXACTLY, c.IS_NOT_EXACTLY].includes(o);
+  return !((e.isHierarchyCategory || t === O.STRING) && i);
+}, j = (e, t, o) => {
+  const i = e.value ?? "", n = t("action-builder.and"), { IN_LAST: r, IN_BETWEEN: s } = I.OPERATOR;
+  if (e.time && e.selectedOperator !== s)
+    return f(e.time);
+  if (e.selectedOperator === r) {
+    const [a] = i.match(/\d+/g) || [], l = o[e.timeUnit ?? ""];
+    return a && l ? `${a} ${l}` : i;
+  }
+  if (e.selectedOperator === s) {
+    if (w(e)) {
+      const [m = "", u = ""] = (e.time ?? "").split(":");
+      return `${f(m)} ${n} ${f(u)}`;
+    }
+    const [a = "", l = ""] = e.inBetweenValues ?? [];
+    return `${a} ${n} ${l}`;
+  }
+  if (R(e))
+    return T(v(i), n);
+  if ([c.IN, c.NOT_IN].includes(e.selectedOperator)) {
+    const a = i.split(",");
+    return a.length > 1 ? T(a, n) : i;
+  }
+  return i;
+}, F = (e, t) => {
+  var $;
+  const o = b(e.filters, {}), n = Object.values(o).slice(0, N).flatMap((p) => (p == null ? void 0 : p.conditionList) ?? []), [r] = n;
+  if (!r)
+    return t("recommendation-strategy.none");
+  const s = {
+    [g.WEEK]: d(t("journey-builder.weeks")),
+    [g.DAY]: d(t("settings.day-s")),
+    [g.HOUR]: d(t("settings.hour-s"))
+  }, a = d((($ = r.attribute) == null ? void 0 : $.text) ?? ""), l = D(r, t), m = j(r, t, s), u = `${a} ${t("input.value")} ${l} ${m}`;
+  return n.length > 1 ? `${u} ${t("strategy-info-box-content.and-more", { count: n.length - 1 })}` : u;
+}, H = (e, t) => {
+  const o = b(e.manual_merchandising_products, []), i = b(e.mixed_strategies, []), n = (Array.isArray(i) ? i : []).map((s) => s == null ? void 0 : s.productId).filter(Boolean), r = [.../* @__PURE__ */ new Set([...Array.isArray(o) ? o : [], ...n])];
+  if (!r.length)
+    return t("recommendation-strategy.none");
+  if (r.length > h) {
+    const s = t("strategy-info-box-content.and-more", {
+      count: r.length - h
+    });
+    return `${r.slice(0, h).join(", ")} ${s}`;
+  }
+  return r.join(", ");
+}, V = (e, t) => [
+  { title: t("gpt-app-builder.algorithms-and-method"), value: L(e, t) },
+  { title: t("gpt-app-builder.exclusions"), value: C(e, t) },
+  { title: t("gpt-app-builder.filters"), value: F(e, t) },
+  { title: t("gpt-app-builder.manual-merchandising"), value: H(e, t) }
+];
+export {
+  V as buildStrategySummary,
+  A as getAlgorithmTranslationKey,
+  x as getMethodTranslationKey
+};

package/dist/extensions/Blocks/Recommendation/utils/strategyUrl.js

@@ -0,0 +1,43 @@
+import { useConfigStore as I } from "../../../../stores/config.js";
+const l = {
+  LOCALE: ["{locale}", "{language}"],
+  CURRENCY: ["{currency}"],
+  CAMPAIGN_ID: ["{campaignId}"],
+  STRATEGY_ID: ["{strategyId}"],
+  CLIENT_ID: ["{clientId}"],
+  PARTNER_NAME: ["{partnerName}", "{partnerId}"],
+  SIZE: ["{size}"]
+}, d = {
+  // Both spellings are in use: the legacy email templates say `{user_id}`,
+  // the web runtime's say `{userId}`.
+  USER_ID: ["{userId}", "{user_id}"]
+}, E = (e, r, s) => r.reduce((t, n) => t.replaceAll(n, s), e), u = (e) => {
+  const r = e.indexOf("?");
+  if (r === -1)
+    return e;
+  const s = e.slice(0, r), t = e.slice(r + 1), n = t.indexOf("#"), i = n === -1 ? t : t.slice(0, n), c = n === -1 ? "" : t.slice(n), a = i.split("&").filter((o) => !/\{[^}]*\}/.test(o.slice(o.indexOf("=") + 1)));
+  return a.length ? `${s}?${a.join("&")}${c}` : `${s}${c}`;
+}, A = (e) => {
+  const r = I();
+  return {
+    LOCALE: e.language,
+    CURRENCY: e.currencyCode,
+    CAMPAIGN_ID: r.variationId,
+    STRATEGY_ID: e.strategyId,
+    CLIENT_ID: "6KcLM9TwheVB1mgK",
+    PARTNER_NAME: r.partnerName,
+    SIZE: e.size
+  };
+}, C = (e, r, s) => {
+  if (!e)
+    return "";
+  const t = Object.entries(l).reduce(
+    (n, [i, c]) => E(n, c, r[i]),
+    e
+  );
+  return s === "preview" ? u(t) : E(t, d.USER_ID, "{user_id}");
+};
+export {
+  A as buildStrategyUrlValues,
+  C as resolveStrategyUrl
+};

package/dist/extensions/Blocks/Recommendation/validation/requiredFields.js

@@ -1,4 +1,4 @@
-const l = [
+const u = [
   {
     key: "locale",
     getValue: (e) => e.language,
@@ -9,25 +9,39 @@ const l = [
     getValue: (e) => e.currencySettings.value,
     getAvailableOptions: (e) => e.currencyList.map((n) => n.text),
     canBeEmpty: !0
+  },
+  {
+    // Only a *deleted* strategy blocks the save (SD-145578 AC-4). An empty
+    // strategyId is legitimate: blocks saved before RRS keep running on their
+    // algorithm URL, and with the flag on by default those templates must stay
+    // saveable.
+    //
+    // `canValidateStrategy` gates the whole check — mid-fetch the listing is
+    // empty and every assigned id would look deleted.
+    key: "strategy",
+    optional: !0,
+    getValue: (e) => e.strategyId,
+    getAvailableOptions: (e) => e.strategyIds,
+    condition: (e, n) => n.isRrsEnabled && n.canValidateStrategy
   }
 ], o = "newsletter.recommendation-fill-required-fields";
-function c(e, n, i = l) {
-  return i.filter((t) => {
-    var u;
-    if (t.condition && !t.condition(e))
+function c(e, n, l = u) {
+  return l.filter((t) => {
+    var i;
+    if (t.condition && !t.condition(e, n))
       return !1;
-    const r = (u = t.getAvailableOptions) == null ? void 0 : u.call(t, n);
-    if (t.canBeEmpty && (r == null ? void 0 : r.length) === 0)
+    const a = (i = t.getAvailableOptions) == null ? void 0 : i.call(t, n);
+    if (t.canBeEmpty && (a == null ? void 0 : a.length) === 0)
       return !1;
-    const a = t.getValue(e);
-    return a ? r !== void 0 && !r.includes(a) : !0;
+    const r = t.getValue(e);
+    return r ? a !== void 0 && !a.includes(r) : !t.optional;
   }).map((t) => t.key);
 }
 function s(e, n) {
   return c(e, n).length === 0;
 }
 export {
-  l as REQUIRED_RECOMMENDATION_FIELDS,
+  u as REQUIRED_RECOMMENDATION_FIELDS,
   o as RecommendationRequiredFieldsKey,
   c as getInvalidFields,
   s as isConfigValid

package/dist/extensions/Blocks/common-control.js

@@ -47,15 +47,15 @@ class d extends I {
     const t = this.getBlockInstanceId();
     if (!t)
       return !1;
-    const o = t !== this.lastBlockInstanceId;
-    return e(), o && (this.lastBlockInstanceId = t), o;
+    const E = t !== this.lastBlockInstanceId;
+    return e(), E && (this.lastBlockInstanceId = t), E;
   }
-  _GuLabel({ text: e, name: t = "", hint: o }) {
+  _GuLabel({ text: e, name: t = "", hint: E }) {
     return `
             <${n.LABEL}
                 ${$.LABEL.text}="${e}"
                 ${$.LABEL.name}="${t || `${e} Label`}"
-                ${o ? `${$.LABEL.hint}="${o}"` : ""}>
+                ${E ? `${$.LABEL.hint}="${E}"` : ""}>
             </${n.LABEL}>
         `;
   }
@@ -73,7 +73,7 @@ class d extends I {
    * Use in getTemplate() — the icon is registered in a hidden store so Stripo initializes it.
    * Pair with _setInfoMessageValue() in onRender() to set the text content.
    */
-  _GuOnPageMessage({ name: e, icon: t = "not-found", type: o = "info" }) {
+  _GuOnPageMessage({ name: e, icon: t = "not-found", type: E = "info" }) {
     return `
             <div data-info-message="${e}" style="display: none; padding: 16px 16px 0;">
                 <div class="icon-store" style="display: none;">
@@ -81,7 +81,7 @@ class d extends I {
                         ${this._GuIcon({ src: t, className: "icon" })}
                     </div>
                 </div>
-                ${this._GuMessage({ name: e, type: o })}
+                ${this._GuMessage({ name: e, type: E })}
             </div>
         `;
   }
@@ -91,7 +91,7 @@ class d extends I {
    * and combines it with the text in Stripo's alert-message layout.
    */
   _setInfoMessageValue(e, t) {
-    const o = this.getContainer(), E = o.querySelector(`[data-icon-key="${e}"]`), a = E == null ? void 0 : E.querySelector("ue-icon-component"), l = (a == null ? void 0 : a.outerHTML) ?? "";
+    const E = this.getContainer(), o = E.querySelector(`[data-icon-key="${e}"]`), a = o == null ? void 0 : o.querySelector("ue-icon-component"), l = (a == null ? void 0 : a.outerHTML) ?? "";
     this.api.setUIEAttribute(
       e,
       "value",
@@ -104,7 +104,7 @@ class d extends I {
             </div>
             `
     );
-    const T = o.querySelector(`[data-info-message="${e}"]`);
+    const T = E.querySelector(`[data-info-message="${e}"]`);
     T && (T.style.display = "");
   }
   _GuToggle(e) {
@@ -121,59 +121,60 @@ class d extends I {
                 ${$.SELECT_ITEM.value}="${t}">
             </${n.SELECT_ITEM}>`;
   }
-  _GuSelect({ name: e, placeholder: t, options: o, className: E = "es-180w" }) {
+  _GuSelect({ name: e, placeholder: t, options: E, className: o = "es-180w", searchable: a = !1 }) {
     return `
             <${n.SELECTPICKER}
-                class="${E}"
+                class="${o}"
                 ${$.SELECTPICKER.name}="${e}"
+                ${a ? `${$.SELECTPICKER.searchable}="true"` : ""}
                 ${$.SELECTPICKER.placeholder}="${t}">
-                    ${o.map((a) => this._GuSelectItem(a)).join("")}
+                    ${E.map((l) => this._GuSelectItem(l)).join("")}
             </${n.SELECTPICKER}>
         `;
   }
-  _GuTextInput({ name: e, placeholder: t, className: o = "", disabled: E = !1 }) {
+  _GuTextInput({ name: e, placeholder: t, className: E = "", disabled: o = !1 }) {
     return `
             <${n.TEXT}
-                class=${o}
+                class=${E}
                 ${$.TEXT.name}="${e}"
                 placeholder="${t || e}"
-                ${E ? `${$.TEXT.disabled}="true"` : ""}>
+                ${o ? `${$.TEXT.disabled}="true"` : ""}>
             </${n.TEXT}>
         `;
   }
-  _GuCounter({ name: e, maxValue: t, minValue: o = 1, step: E = 1 }) {
+  _GuCounter({ name: e, maxValue: t, minValue: E = 1, step: o = 1 }) {
     return `
             <${n.COUNTER}
                 ${$.COUNTER.name}="${e}"
-                ${$.COUNTER.minValue}="${o}"
+                ${$.COUNTER.minValue}="${E}"
                 ${$.COUNTER.maxValue}="${t}"
-                ${$.COUNTER.step}="${E}">
+                ${$.COUNTER.step}="${o}">
             </${n.COUNTER}>
         `;
   }
-  _GuRadioButtonItem({ text: e, value: t, icon: o }) {
+  _GuRadioButtonItem({ text: e, value: t, icon: E }) {
     return `
             <${n.RADIO_ITEM}
                 ${$.RADIO_ITEM.value}="${t}"
                 ${e ? `${$.RADIO_ITEM.text}="${e}"` : ""}
-                ${o ? `${$.RADIO_ITEM.icon}="${o}"` : ""}>
+                ${E ? `${$.RADIO_ITEM.icon}="${E}"` : ""}>
             </${n.RADIO_ITEM}>
         `;
   }
-  _GuRadioButton({ name: e, buttons: t, id: o = "" }) {
+  _GuRadioButton({ name: e, buttons: t, id: E = "" }) {
     return `
             <${n.RADIO_BUTTONS}
-                ${o ? `id="${o}"` : ""}
+                ${E ? `id="${E}"` : ""}
                 ${$.RADIO_BUTTONS.name}="${e}">
-                ${t.map((E) => this._GuRadioButtonItem(E)).join("")}
+                ${t.map((o) => this._GuRadioButtonItem(o)).join("")}
             </${n.RADIO_BUTTONS}>
         `;
   }
-  _GuButton({ name: e, label: t, id: o = "" }) {
+  _GuButton({ name: e, label: t, id: E = "" }) {
     return `
             <${n.BUTTON}
                 ${$.BUTTON.name}="${e}"
-                ${o ? `id="${o}"` : ""}
+                ${E ? `id="${E}"` : ""}
                 ${$.BUTTON.caption}="${t}"}>
             </${n.BUTTON}>
         `;
@@ -191,10 +192,11 @@ class d extends I {
    * @param param0
    * @returns It returns a button with an icon.
    */
-  _GuIconButton({ name: e, icon: t, className: o = "" }) {
+  _GuIconButton({ name: e, icon: t, className: E = "", id: o = "" }) {
     return `
             <${n.BUTTON}
-                class="${o}"
+                class="${E}"
+                ${o ? `id="${o}"` : ""}
                 ${$.BUTTON.name}="${e}"
                 ${$.BUTTON.icon}="${t}">
             </${n.BUTTON}>
@@ -222,19 +224,19 @@ class d extends I {
    * @returns HTML string for the orderable control
    */
   _GuOrderable(e, t) {
-    let o = "";
+    let E = "";
     t.forEach((a) => {
       const l = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
-      o += `
+      E += `
                 <${n.ORDERABLE_ITEM} ${l}="${a.key}">
                     ${a.content}
                 </${n.ORDERABLE_ITEM}>
             `;
     });
-    const E = $.ORDERABLE && "name" in $.ORDERABLE ? $.ORDERABLE.name : "name";
+    const o = $.ORDERABLE && "name" in $.ORDERABLE ? $.ORDERABLE.name : "name";
     return `
-            <${n.ORDERABLE} ${E}="${e}">
-                ${o}
+            <${n.ORDERABLE} ${o}="${e}">
+                ${E}
             </${n.ORDERABLE}>
         `;
   }
@@ -275,16 +277,16 @@ class d extends I {
         `;
   }
   _GuRadioButtons(e, t) {
-    const o = t.map((E) => `
+    const E = t.map((o) => `
                 <${n.RADIO_ITEM}
-                    ${$.RADIO_ITEM.text}="${E.text}"
-                    ${$.RADIO_ITEM.value}="${E.value}">
+                    ${$.RADIO_ITEM.text}="${o.text}"
+                    ${$.RADIO_ITEM.value}="${o.value}">
                 </${n.RADIO_ITEM}>
             `).join("");
     return `
             <${n.RADIO_BUTTONS}
                 ${$.RADIO_BUTTONS.name}="${e}">
-                ${o}
+                ${E}
             </${n.RADIO_BUTTONS}>
         `;
   }

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-3ff1b2a9] .in-ag-filter-header{display:none}.condition-data[data-v-2685bc55]{gap:4px}.filter-humanizer[data-v-3ecb7de4]{margin:0 -32px}[data-v-6e572ff5] .in-tooltip-wrapper__box{max-width:inherit}[data-v-8e655adb] .in-drawer__content{padding:0}.other-details div[data-v-8e655adb]:first-child{margin-top:0}.strategy-shared-notice[data-v-8e655adb]{margin:0;padding-left:18px}.strategy-shared-notice li+li[data-v-8e655adb]{margin-top:4px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-f96d1003]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-f96d1003]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-f96d1003]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}