@useinsider/guido 3.18.0-beta.19e1253 → 3.18.0-beta.206bb3f

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,31 +1,22 @@
-import { getRecommendationFeedSourceMaps as R, URLS as D, getOperatorOptions as P, PriceAttributes as F } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as _ } from "../../../../services/recommendationApi.js";
-import { useConfigStore as L } from "../../../../stores/config.js";
-import { asText as k } from "../../../../utils/genericUtil.js";
-import { defineStore as N } from "pinia";
+import { getRecommendationFeedSourceMaps as b, getOperatorOptions as G, PriceAttributes as v } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationApi as D } from "../../../../services/recommendationApi.js";
+import { useConfigStore as P } from "../../../../stores/config.js";
+import { defineStore as F } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as U, DEFAULT_CARDS_IN_ROW as A } from "../constants/layout.js";
-import { DEFAULT_NODE_CONFIG as E, EXCLUDED_ALGORITHM_IDS as x } from "../constants/defaultConfig.js";
-import { getDefaultProducts as C } from "../templates/utils.js";
-import { generateCompleteFilterQuery as w } from "../utils/filterUtil.js";
-import { getPartnerRecommendationParams as M } from "../utils/partnerCustomizations.js";
-import { sanitizeProductIds as T } from "../utils/productIds.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as _, DEFAULT_CARDS_IN_ROW as U } from "../constants/layout.js";
+import { DEFAULT_NODE_CONFIG as N, EXCLUDED_ALGORITHM_IDS as L } from "../constants/defaultConfig.js";
+import { getDefaultProducts as R } from "../templates/utils.js";
+import { generateCompleteFilterQuery as k } from "../utils/filterUtil.js";
+import { getPartnerRecommendationParams as x } from "../utils/partnerCustomizations.js";
+import { sanitizeProductIds as A } from "../utils/productIds.js";
 import { isFilterValid as B } from "../validation/filterSchema.js";
-import { isConfigValid as O } from "../validation/requiredFields.js";
-const d = _();
-let h = null, g = null, S = null, p = null;
-const y = /* @__PURE__ */ new Map();
-let u = null;
-const z = (t, e) => {
-  const r = t.filter((s) => !e.has(String(s.strategy_id)));
-  if (!r.length)
-    return null;
-  const n = r.reduce((s, i) => k(i.created_at) > k(s.created_at) ? i : s);
-  return String(n.strategy_id);
-};
-function G() {
+import { isConfigValid as M } from "../validation/requiredFields.js";
+const u = D();
+let f = null, h = null, g = null, S = null;
+const p = /* @__PURE__ */ new Map();
+function w() {
   return {
-    cardsInRow: A,
+    cardsInRow: U,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -39,7 +30,7 @@ function G() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: U,
+    mobileCardsInRow: _,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -55,9 +46,9 @@ function G() {
     priceHideIfSameAsDiscounted: !1
   };
 }
-function v() {
+function C() {
   return {
-    recommendationConfigs: G(),
+    recommendationConfigs: w(),
     recommendationProducts: [],
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
@@ -68,7 +59,7 @@ function v() {
     filterSnapshot: null
   };
 }
-const V = () => ({
+const z = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -77,12 +68,11 @@ const V = () => ({
   strategies: [],
   strategiesLoading: !1,
   strategyUrlTemplates: {},
-  lastCreatedStrategyId: null,
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), nt = N("guidoRecommendationExtension", {
-  state: () => V(),
+}), Y = F("guidoRecommendationExtension", {
+  state: () => z(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -92,7 +82,7 @@ const V = () => ({
      * This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
      */
     recommendationConfigs(t) {
-      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : G();
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : w();
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
@@ -147,8 +137,8 @@ const V = () => ({
       return [...new Set(t.map((e) => e.filterGroup))].sort((e, r) => e - r);
     },
     getActivePredictiveAlgorithms: (t) => {
-      const e = R(), r = [];
-      return t.activePredictiveAlgorithms.filter((n) => !x.includes(n)).forEach((n) => {
+      const e = b(), r = [];
+      return t.activePredictiveAlgorithms.filter((n) => !L.includes(n)).forEach((n) => {
         r.push(...e.filter((s) => s.id === n));
       }), r.map((n) => ({
         text: n.name,
@@ -166,7 +156,7 @@ const V = () => ({
     getFilterList() {
       return Object.values(this.filterList).filter((t) => t.isFilterable !== 0 && t.isFilterable !== !1).map((t) => {
         let e;
-        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : F.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
+        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : v.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
           value: e,
           type: t.attributeType
@@ -188,7 +178,7 @@ const V = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: v()
+        [t]: C()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -256,7 +246,7 @@ const V = () => ({
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
         thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, s = !this.blockStates[t], i = s ? v() : this.blockStates[t];
+      }, s = !this.blockStates[t], i = s ? C() : this.blockStates[t];
       i.recommendationConfigs = {
         ...i.recommendationConfigs,
         strategy: e.strategy,
@@ -295,7 +285,7 @@ const V = () => ({
      * Creates a filter with the first available attribute and operator pre-selected.
      */
     createDefaultFilter(t, e) {
-      const [r] = this.getFilterList, [n] = P(r == null ? void 0 : r.type);
+      const [r] = this.getFilterList, [n] = G(r == null ? void 0 : r.type);
       return {
         type: "standardFilter",
         attribute: (r == null ? void 0 : r.value) ?? "",
@@ -355,47 +345,29 @@ const V = () => ({
       this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId] || (this.blockStates[this.currentRecommendationId].removeStrategyModalStatus = !1);
     },
     async fetchStrategies() {
-      if (p) {
-        await p;
+      if (S) {
+        await S;
         return;
       }
-      p = (async () => {
+      S = (async () => {
         this.strategiesLoading = !0;
         try {
-          this.strategies = await d.fetchRecommendationStrategies();
+          this.strategies = await u.fetchRecommendationStrategies();
         } finally {
           this.strategiesLoading = !1;
         }
       })();
       try {
-        await p;
+        await S;
       } finally {
-        p = null;
+        S = null;
       }
     },
-    /**
-     * Opens Smart Recommender's strategy creation page in a new tab. The first time the user
-     * comes back, the list is fetched once more and any strategy that appeared meanwhile
-     * is remembered so the drawer can preselect it.
-     */
-    openStrategyCreation() {
-      const t = new Set(this.strategies.map((r) => String(r.strategy_id)));
-      window.open(D.RECOMMENDATION_STRATEGY_CREATE_PATH, "_blank", "noopener"), u == null || u();
-      const e = () => {
-        document.hidden || (u == null || u(), this.fetchStrategies().then(() => {
-          this.lastCreatedStrategyId = z(this.strategies, t);
-        }).catch(() => {
-        }));
-      };
-      document.addEventListener("visibilitychange", e), window.addEventListener("focus", e), u = () => {
-        document.removeEventListener("visibilitychange", e), window.removeEventListener("focus", e), u = null;
-      };
-    },
     async resolveStrategyUrlTemplate(t, e) {
       const r = typeof t.updated_at == "string" ? t.updated_at : "", n = r ? `${t.strategy_id}:${r}:${e}` : "", s = n ? this.strategyUrlTemplates[n] : void 0;
       if (s)
         return s;
-      const { full_path: i = "" } = await d.generateStrategyEndpoint(t, e) ?? {};
+      const { full_path: i = "" } = await u.generateStrategyEndpoint(t, e) ?? {};
       return n && i && (this.strategyUrlTemplates = {
         ...this.strategyUrlTemplates,
         [n]: i
@@ -408,23 +380,23 @@ const V = () => ({
       });
     },
     removeStrategy() {
-      this.patchCurrentBlockConfig({ strategyId: "", size: E.size });
+      this.patchCurrentBlockConfig({ strategyId: "", size: N.size });
     },
     // ====================================================================
     // Shared Data Fetching (fetched once, used by all blocks)
     // ====================================================================
     async fetchRecommendationCreateData() {
       if (!this.activePredictiveAlgorithms.length) {
-        if (h) {
-          await h;
+        if (f) {
+          await f;
           return;
         }
-        h = (async () => {
+        f = (async () => {
           const {
             activePredictiveAlgorithms: t,
             languages: e,
             currencies: r
-          } = await d.fetchRecommendationCreateData();
+          } = await u.fetchRecommendationCreateData();
           if (this.activePredictiveAlgorithms = t, this.languages = e, this.currentRecommendationId !== null && this.blockStates[this.currentRecommendationId]) {
             const n = this.blockStates[this.currentRecommendationId];
             n.filterStatus = !!n.recommendationConfigs.filters.length;
@@ -432,26 +404,26 @@ const V = () => ({
           this.currencyList = r;
         })();
         try {
-          await h;
+          await f;
         } finally {
-          h = null;
+          f = null;
         }
       }
     },
     async fetchRecommendationFilters() {
       if (!Object.keys(this.filterList).length) {
-        if (g) {
-          await g;
+        if (h) {
+          await h;
           return;
         }
-        g = (async () => {
-          const t = await d.fetchRecommendationFilters();
+        h = (async () => {
+          const t = await u.fetchRecommendationFilters();
           this.filterList = t;
         })();
         try {
-          await g;
+          await h;
         } finally {
-          g = null;
+          h = null;
         }
       }
     },
@@ -518,7 +490,7 @@ const V = () => ({
       }), e.recommendationConfigs.filters = r;
     },
     generateFilterQuery() {
-      return w(this.recommendationConfigs.filters);
+      return k(this.recommendationConfigs.filters);
     },
     /**
      * Validation-only check invoked at save-CTA time. Defined as an action
@@ -526,33 +498,33 @@ const V = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !O(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !M(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
     // ====================================================================
     async fetchRecommendationProducts() {
       if (!(this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])) {
-        if (S) {
-          await S;
+        if (g) {
+          await g;
           return;
         }
-        S = this._doFetchProducts();
+        g = this._doFetchProducts();
         try {
-          await S;
+          await g;
         } finally {
-          S = null;
+          g = null;
         }
       }
     },
     async _doFetchProducts() {
-      var f;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = L();
+      var d;
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = P();
       if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
         await this._doFetchStrategyProducts(t);
         return;
       }
-      const s = r.filters.filter((m) => m.isValid), i = w(s), o = ((f = R().find((m) => m.key === r.strategy)) == null ? void 0 : f.path) || "", c = parseInt(r.size) || 6, a = {
+      const s = r.filters.filter((m) => m.isValid), i = k(s), o = ((d = b().find((m) => m.key === r.strategy)) == null ? void 0 : d.path) || "", c = parseInt(r.size) || 6, a = {
         locale: r.language,
         currency: r.currencySettings.value,
         partnerName: n.partnerName,
@@ -560,21 +532,21 @@ const V = () => ({
         details: !0,
         campaignId: n.variationId
       };
-      r.strategy === "manualMerchandising" ? a.productId = T(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), i && (a.filter = i), r.shuffleProducts && (a.shuffle = !0), Object.assign(
+      r.strategy === "manualMerchandising" ? a.productId = A(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), i && (a.filter = i), r.shuffleProducts && (a.shuffle = !0), Object.assign(
         a,
-        M(n.partnerName, r.strategy)
+        x(n.partnerName, r.strategy)
       );
       let l;
       try {
-        l = await d.fetchRecommendationProducts(o, a);
+        l = await u.fetchRecommendationProducts(o, a);
       } catch {
         l = [];
       }
       this._setBlockProducts(t, l, c);
     },
     async _doFetchStrategyProducts(t) {
-      const e = (y.get(t) ?? 0) + 1;
-      y.set(t, e);
+      const e = (p.get(t) ?? 0) + 1;
+      p.set(t, e);
       const { recommendationConfigs: r } = this.blockStates[t];
       let n = [], s = parseInt(r.size) || 6;
       try {
@@ -584,25 +556,25 @@ const V = () => ({
         );
         if (i) {
           s = parseInt(String(i.size ?? "")) || s;
-          const o = r.currencySettings.value, a = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), l = a.indexOf("?"), f = l === -1 ? a : a.slice(0, l), m = (l === -1 ? "" : a.slice(l + 1)).split("&").filter((b) => b && !b.startsWith("user_id=")), I = m.length ? `${f}?${m.join("&")}` : f;
-          I && (n = await d.fetchRecommendationProductsByUrl(I));
+          const o = r.currencySettings.value, a = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), l = a.indexOf("?"), d = l === -1 ? a : a.slice(0, l), m = (l === -1 ? "" : a.slice(l + 1)).split("&").filter((I) => I && !I.startsWith("user_id=")), y = m.length ? `${d}?${m.join("&")}` : d;
+          y && (n = await u.fetchRecommendationProductsByUrl(y));
         }
       } catch {
         n = [];
       }
-      y.get(t) === e && this._setBlockProducts(t, n, s);
+      p.get(t) === e && this._setBlockProducts(t, n, s);
     },
     _setBlockProducts(t, e, r) {
       if (!this.blockStates[t])
         return;
-      const n = e.length > 0 ? e : C(r);
+      const n = e.length > 0 ? e : R(r);
       this.blockStates[t].recommendationProducts = [
         ...n.slice(0, r),
-        ...C(Math.max(0, r - n.length))
+        ...R(Math.max(0, r - n.length))
       ];
     }
   }
 });
 export {
-  nt as useRecommendationExtensionStore
+  Y as useRecommendationExtensionStore
 };

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.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-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__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-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__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-5c588dc5]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-5c588dc5]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-5c588dc5]{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}.assign-strategy-drawer-content .assign-strategy-select[data-v-598fd738]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-598fd738] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}
+@charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-2f127fb6] .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}.color-vision-select__menu[data-v-869e2871]{top:calc(100% + 4px);left:0;z-index:20;width:387px;padding:8px 0;border-radius:8px;background-color:#fff;box-shadow:0 4px 12px #39393926}.color-vision-select__option[data-v-869e2871]{width:100%;padding:4px 12px;border:none;background-color:transparent;text-align:left;cursor:pointer}.color-vision-select__option[data-v-869e2871]:hover,.color-vision-select__option_selected[data-v-869e2871]{background-color:#f1f3fe}.color-vision-select__option_selected .color-vision-select__option-label[data-v-869e2871],.color-vision-select__option_selected .color-vision-select__option-description[data-v-869e2871]{color:#0a2ecc}.color-vision-select__option-label[data-v-869e2871]{line-height:24px}.color-vision-select__option-description[data-v-869e2871]{line-height:16px}.accessibility-toolbar[data-v-4e1e854b]{gap:16px}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__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-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-actions-menu__panel[data-v-398fffb4]{top:calc(100% + 4px);right:0;z-index:20;width:222px;padding:8px 0;border-radius:8px;background-color:#fff;box-shadow:0 4px 12px #39393926}.editor-actions-menu__section[data-v-398fffb4]{padding:8px 12px 4px;text-transform:uppercase;letter-spacing:.4px}.editor-actions-menu__icon[data-v-398fffb4]{color:#666;fill:currentColor}.editor-actions-menu__row[data-v-398fffb4]{width:100%;padding:4px 12px;border:none;background-color:transparent;color:#292929;line-height:24px;text-align:left;cursor:pointer}.editor-actions-menu__row[data-v-398fffb4]:not(.editor-actions-menu__row_static):hover{background-color:#f1f3fe}.editor-actions-menu__row_static[data-v-398fffb4]{cursor:default}.editor-actions-menu__row[data-v-398fffb4]:disabled{cursor:not-allowed;opacity:.6}.editor-actions-menu__divider[data-v-398fffb4]{height:1px;margin:4px 0;background-color:#e1e1e1}.editor-actions[data-v-55bd627b]{gap:16px}.editor-actions__divider[data-v-55bd627b]{width:1px;height:40px;background-color:#e1e1e1}.right-slot[data-v-1ad38e93]{gap:16px}.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-5c588dc5]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-5c588dc5]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-5c588dc5]{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}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}

package/dist/node_modules/@vueuse/core/index.js

@@ -0,0 +1,102 @@
+import { noop as b, isIOS as F, isClient as O, toValue as h, isObject as T, tryOnScopeDispose as C } from "../shared/index.js";
+import { createFilterWrapper as x, debounceFilter as D, useDebounceFn as j } from "../shared/index.js";
+import "../../vue-demi/lib/index.js";
+import { watch as I } from "vue";
+const P = O ? window : void 0;
+function p(n) {
+  var i;
+  const o = h(n);
+  return (i = o == null ? void 0 : o.$el) != null ? i : o;
+}
+function k(...n) {
+  let i, o, r, d;
+  if (typeof n[0] == "string" || Array.isArray(n[0]) ? ([o, r, d] = n, i = P) : [i, o, r, d] = n, !i)
+    return b;
+  Array.isArray(o) || (o = [o]), Array.isArray(r) || (r = [r]);
+  const m = [], y = () => {
+    m.forEach((c) => c()), m.length = 0;
+  }, a = (c, l, u, f) => (c.addEventListener(l, u, f), () => c.removeEventListener(l, u, f)), E = I(
+    () => [p(i), h(d)],
+    ([c, l]) => {
+      if (y(), !c)
+        return;
+      const u = T(l) ? { ...l } : l;
+      m.push(
+        ...o.flatMap((f) => r.map((w) => a(c, f, w, u)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), A = () => {
+    E(), y();
+  };
+  return C(A), A;
+}
+let L = !1;
+function $(n, i, o = {}) {
+  const { window: r = P, ignore: d = [], capture: m = !0, detectIframe: y = !1 } = o;
+  if (!r)
+    return b;
+  F && !L && (L = !0, Array.from(r.document.body.children).forEach((e) => e.addEventListener("click", b)), r.document.documentElement.addEventListener("click", b));
+  let a = !0;
+  const E = (e) => h(d).some((t) => {
+    if (typeof t == "string")
+      return Array.from(r.document.querySelectorAll(t)).some((s) => s === e.target || e.composedPath().includes(s));
+    {
+      const s = p(t);
+      return s && (e.target === s || e.composedPath().includes(s));
+    }
+  });
+  function A(e) {
+    const t = h(e);
+    return t && t.$.subTree.shapeFlag === 16;
+  }
+  function c(e, t) {
+    const s = h(e), v = s.$.subTree && s.$.subTree.children;
+    return v == null || !Array.isArray(v) ? !1 : v.some((g) => g.el === t.target || t.composedPath().includes(g.el));
+  }
+  const l = (e) => {
+    const t = p(n);
+    if (e.target != null && !(!(t instanceof Element) && A(n) && c(n, e)) && !(!t || t === e.target || e.composedPath().includes(t))) {
+      if (e.detail === 0 && (a = !E(e)), !a) {
+        a = !0;
+        return;
+      }
+      i(e);
+    }
+  };
+  let u = !1;
+  const f = [
+    k(r, "click", (e) => {
+      u || (u = !0, setTimeout(() => {
+        u = !1;
+      }, 0), l(e));
+    }, { passive: !0, capture: m }),
+    k(r, "pointerdown", (e) => {
+      const t = p(n);
+      a = !E(e) && !!(t && !e.composedPath().includes(t));
+    }, { passive: !0 }),
+    y && k(r, "blur", (e) => {
+      setTimeout(() => {
+        var t;
+        const s = p(n);
+        ((t = r.document.activeElement) == null ? void 0 : t.tagName) === "IFRAME" && !(s != null && s.contains(r.document.activeElement)) && i(e);
+      }, 0);
+    })
+  ].filter(Boolean);
+  return () => f.forEach((e) => e());
+}
+export {
+  x as createFilterWrapper,
+  D as debounceFilter,
+  P as defaultWindow,
+  O as isClient,
+  F as isIOS,
+  T as isObject,
+  b as noop,
+  $ as onClickOutside,
+  h as toValue,
+  C as tryOnScopeDispose,
+  p as unrefElement,
+  j as useDebounceFn,
+  k as useEventListener
+};

package/dist/node_modules/@vueuse/shared/index.js

@@ -1,45 +1,57 @@
 import "../../vue-demi/lib/index.js";
-import { unref as p } from "vue";
-function f(t) {
+import { unref as p, getCurrentScope as w, onScopeDispose as m } from "vue";
+function T(t) {
+  return w() ? (m(t), !0) : !1;
+}
+function a(t) {
   return typeof t == "function" ? t() : p(t);
 }
+const g = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const m = () => {
-};
-function h(t, n) {
-  function r(...e) {
-    return new Promise((i, o) => {
-      Promise.resolve(t(() => n.apply(this, e), { fn: n, thisArg: this, args: e })).then(i).catch(o);
+const b = Object.prototype.toString, j = (t) => b.call(t) === "[object Object]", f = () => {
+}, x = /* @__PURE__ */ h();
+function h() {
+  var t, n;
+  return g && ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function v(t, n) {
+  function o(...e) {
+    return new Promise((r, i) => {
+      Promise.resolve(t(() => n.apply(this, e), { fn: n, thisArg: this, args: e })).then(r).catch(i);
     });
   }
-  return r;
+  return o;
 }
-function T(t, n = {}) {
-  let r, e, i = m;
-  const o = (u) => {
-    clearTimeout(u), i(), i = m;
+function S(t, n = {}) {
+  let o, e, r = f;
+  const i = (u) => {
+    clearTimeout(u), r(), r = f;
   };
   return (u) => {
-    const a = f(t), l = f(n.maxWait);
-    return r && o(r), a <= 0 || l !== void 0 && l <= 0 ? (e && (o(e), e = null), Promise.resolve(u())) : new Promise((c, s) => {
-      i = n.rejectOnCancel ? s : c, l && !e && (e = setTimeout(() => {
-        r && o(r), e = null, c(u());
-      }, l)), r = setTimeout(() => {
-        e && o(e), e = null, c(u());
-      }, a);
+    const s = a(t), c = a(n.maxWait);
+    return o && i(o), s <= 0 || c !== void 0 && c <= 0 ? (e && (i(e), e = null), Promise.resolve(u())) : new Promise((l, d) => {
+      r = n.rejectOnCancel ? d : l, c && !e && (e = setTimeout(() => {
+        o && i(o), e = null, l(u());
+      }, c)), o = setTimeout(() => {
+        e && i(e), e = null, l(u());
+      }, s);
     });
   };
 }
-function P(t, n = 200, r = {}) {
-  return h(
-    T(n, r),
+function A(t, n = 200, o = {}) {
+  return v(
+    S(n, o),
     t
   );
 }
 export {
-  h as createFilterWrapper,
-  T as debounceFilter,
-  m as noop,
-  f as toValue,
-  P as useDebounceFn
+  v as createFilterWrapper,
+  S as debounceFilter,
+  g as isClient,
+  x as isIOS,
+  j as isObject,
+  f as noop,
+  a as toValue,
+  T as tryOnScopeDispose,
+  A as useDebounceFn
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.72.1" } }, s = {
+const o = { stripo: { version: "2.73.0" } }, s = {
   guido: o
 };
 export {

package/dist/sprite.svg

@@ -3107,6 +3107,12 @@
     <symbol viewBox="0 0 24 24"  data-token-name="line-replace-dynamic-content" id="line-replace-dynamic-content">
         <path fill-rule="evenodd" clip-rule="evenodd" d="M10.8327 5.42341C11.2222 5.81502 11.221 6.44877 10.8301 6.83894C10.8013 6.86765 10.7712 6.89425 10.74 6.91873L8.70549 8.95706C8.31533 9.34795 7.68275 9.34795 7.29259 8.95706C6.90243 8.56617 6.90243 7.93242 7.29259 7.54153L7.73664 7.09666L7.00053 7.09662C6.44823 7.0966 6.00049 7.54432 6.00049 8.09662V10.0001C6.00049 10.5524 5.55277 11.0001 5.00049 11.0001C4.4482 11.0001 4.00049 10.5524 4.00049 10.0001V8.09662C4.00049 6.43972 5.34372 5.09655 7.00062 5.09662L7.6872 5.09665L7.30179 4.70909C6.91235 4.31748 6.91353 3.68372 7.30442 3.29356C7.69531 2.9034 8.32788 2.90458 8.71732 3.29619L10.8327 5.42341ZM12 6.00024C12 4.89567 12.8954 4.00024 14 4.00024H18C19.1046 4.00024 20 4.89567 20 6.00024V10.0002C20 11.1048 19.1046 12.0002 18 12.0002H14C12.8954 12.0002 12 11.1048 12 10.0002V6.00024ZM14 6.00024H18V10.0002H14V6.00024ZM4 14.0002C4 12.8957 4.89543 12.0002 6 12.0002H10C11.1046 12.0002 12 12.8957 12 14.0002V18.0002C12 19.1048 11.1046 20.0002 10 20.0002H6C4.89543 20.0002 4 19.1048 4 18.0002V14.0002ZM6 14.0002H10V18.0002H6V14.0002ZM13.2939 17.1612C12.9031 17.5513 12.9019 18.1851 13.2913 18.5767L15.4067 20.7039C15.7961 21.0955 16.4287 21.0967 16.8196 20.7065C17.2105 20.3164 17.2117 19.6826 16.8222 19.291L16.4368 18.9034L17.1234 18.9035C18.7803 18.9035 20.1235 17.5604 20.1235 15.9035V14C20.1235 13.4477 19.6758 13 19.1235 13C18.5713 13 18.1235 13.4477 18.1235 14L18.1235 15.9035C18.1235 16.4558 17.6758 16.9035 17.1235 16.9035L16.3874 16.9034L16.8314 16.4586C17.2216 16.0677 17.2216 15.4339 16.8314 15.043C16.4413 14.6522 15.8087 14.6522 15.4185 15.043L13.384 17.0814C13.3528 17.1058 13.3227 17.1324 13.2939 17.1612Z"/>
     </symbol>
+    <symbol viewBox="0 0 24 24" id="line-accessibility">
+        <g transform="translate(2 2)">
+            <rect x="1" y="1" width="18" height="18" rx="9" fill="none" stroke="currentColor" stroke-width="2"/>
+            <path fill="currentColor" d="M14.8125 6.08473C15.332 5.94828 15.6875 6.47668 15.6875 6.95875C15.6873 7.44052 15.2498 7.66778 14.8125 7.8318C14.798 7.83727 14.7826 7.84147 14.7676 7.84547L12.3262 8.69898C12.013 8.81663 11.8784 8.93913 11.8486 8.99391C11.848 8.99533 11.8475 8.9975 11.8467 8.99879C11.8153 9.05489 11.7235 9.29227 11.8379 10.0076L11.9961 11.238L12.8887 16.0154C12.8969 16.0521 12.9036 16.0895 12.9092 16.1267C12.9741 16.5696 12.6498 16.9997 12.0342 16.9998C11.4983 16.9998 11.2617 16.63 11.1592 16.1267C11.1592 16.1267 10.3701 11.8181 9.9873 11.8181C9.60444 11.8205 8.94137 15.6235 8.83887 16.1267C8.7363 16.63 8.49971 16.9998 7.96387 16.9998C7.34999 16.9996 7.02548 16.5711 7.08887 16.1296L7.0957 16.0955C7.09789 16.0818 7.09981 16.0676 7.10254 16.0545L7.9834 11.2371L8.1416 10.0066C8.17359 9.80644 8.26392 9.23379 8.15137 8.9441C8.11665 8.85389 8.0452 8.7492 7.7793 8.64723L5.17962 7.83495C5.17734 7.83424 5.17578 7.83212 5.17578 7.82972C5.17578 7.82745 5.17437 7.82541 5.17224 7.8246C4.74007 7.66146 4.31254 7.43412 4.3125 6.95777C4.31258 6.47553 4.66813 5.9482 5.1875 6.08473C5.26161 6.10405 5.33481 6.12744 5.40625 6.15504C6.12486 6.3593 8.37146 6.9607 9.98828 6.9607C11.7281 6.96068 14.1981 6.26431 14.707 6.115C14.7342 6.10658 14.7619 6.09917 14.7891 6.09156L14.7998 6.08766L14.8125 6.08473ZM9.70117 3.02906C9.99821 2.96998 10.3061 3.00106 10.5859 3.11695C10.8657 3.23286 11.1052 3.42866 11.2734 3.68043C11.4416 3.93217 11.5312 4.22828 11.5312 4.53101C11.5308 4.93693 11.369 5.326 11.082 5.61305C10.795 5.9001 10.406 6.06183 10 6.06226C9.69721 6.06226 9.40119 5.97264 9.14941 5.80445C8.89762 5.63621 8.70086 5.39673 8.58496 5.11695C8.46918 4.83725 8.439 4.52909 8.49805 4.23219C8.55716 3.93526 8.70292 3.6621 8.91699 3.44801C9.13112 3.23391 9.4042 3.08814 9.70117 3.02906Z"/>
+        </g>
+    </symbol>
     <svg viewBox="0 0 24 24" data-token-name="line-advanced-settings" id="line-advanced-settings">
         <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3C15.4477 3 15 3.44772 15 4V6V8C15 8.55228 15.4477 9 16 9C16.5523 9 17 8.55228 17 8V7H20C20.5523 7 21 6.55228 21 6C21 5.44772 20.5523 5 20 5H17V4C17 3.44772 16.5523 3 16 3ZM3 6C3 5.44772 3.44772 5 4 5H12C12.5523 5 13 5.44772 13 6C13 6.55228 12.5523 7 12 7H4C3.44772 7 3 6.55228 3 6ZM16 15C15.4477 15 15 15.4477 15 16V18V20C15 20.5523 15.4477 21 16 21C16.5523 21 17 20.5523 17 20V19H20C20.5523 19 21 18.5523 21 18C21 17.4477 20.5523 17 20 17H17V16C17 15.4477 16.5523 15 16 15ZM3 18C3 17.4477 3.44772 17 4 17H12C12.5523 17 13 17.4477 13 18C13 18.5523 12.5523 19 12 19H4C3.44772 19 3 18.5523 3 18ZM7 10C7 9.44772 7.44772 9 8 9C8.55228 9 9 9.44772 9 10V12V14C9 14.5523 8.55228 15 8 15C7.44772 15 7 14.5523 7 14V13H4C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11H7V10ZM12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H12Z"/>
     </svg>

package/dist/src/@types/config/schemas.d.ts

@@ -391,6 +391,8 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
     readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+    /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
+    readonly accessibilityTesting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
     readonly allowlistEnabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
@@ -791,6 +793,8 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
         readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+        /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
+        readonly accessibilityTesting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
         readonly allowlistEnabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */

package/dist/src/components/organisms/header/EditorActionsMenu.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/components/organisms/header/accessibility/AccessibilityToolbar.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;