@useinsider/guido 3.12.0-beta.b73c720 → 3.12.0-beta.bec0e55

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
 import { ModuleFolderDefaults as y } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as l, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, fallback as R, literal as i, looseObject as g, variant as C, union as f, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
+import { object as a, number as n, optional as e, string as t, picklist as l, pipe as p, minLength as b, custom as f, boolean as o, array as c, record as k, fallback as C, literal as i, looseObject as g, variant as R, union as h, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
 const d = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -78,12 +78,12 @@ const d = {
   select_items: e(c(S))
 })), P = k(
   t(),
-  R(c(S), [])
+  C(c(S), [])
 ), D = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(f([t(), n()])),
+  decimalCount: e(h([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(s())),
   /** Whether the block requested live products at send time */
@@ -117,7 +117,7 @@ const d = {
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(f([t(), n()])),
+  size: e(h([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
@@ -201,12 +201,7 @@ const d = {
   /** Enable Liquid template syntax */
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
-  autosave: e(o(), !1),
-  /**
-   * Select a Reusable Recommendation Strategy (RRS) instead of a per-block algorithm.
-   * Replaces the algorithm dropdown with a strategy dropdown fed from Smart Recommender.
-   */
-  reusableRecommendationStrategy: e(o(), !1)
+  autosave: e(o(), !1)
 }), U = l([
   "amp-accordion",
   "amp-carousel",
@@ -274,11 +269,11 @@ const d = {
   ...m.entries,
   type: i("custom"),
   /** Custom processor function */
-  processor: h(
+  processor: f(
     (u) => typeof u == "function",
     "processor must be a function"
   )
-}), G = C("type", [
+}), G = R("type", [
   H,
   _,
   j,
@@ -294,7 +289,7 @@ const d = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    h(
+    f(
       (u) => typeof u == "function",
       "externalValidation must be a function"
     )

package/dist/components/Guido.vue.js

@@ -1,18 +1,18 @@
-import a from "./Guido.vue2.js";
+import i from "./Guido.vue2.js";
 /* empty css           */
-import i from "../_virtual/_plugin-vue2_normalizer.js";
+import a from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.StrategyDetailDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
+  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, n = [], s = /* @__PURE__ */ i(
-  a,
+}, n = [], s = /* @__PURE__ */ a(
+  i,
   t,
   n,
   !1,
   null,
-  "f96d1003"
+  "50dac6de"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,30 +1,29 @@
 import { defineComponent as X, defineAsyncComponent as I, ref as W, computed as x, watch as Y, onMounted as Z, onUnmounted as ee } from "vue";
-import { useCortexBlueprintBridge as te } from "../composables/useCortexBlueprintBridge.js";
-import { provideGuidoActions as oe } from "../composables/useGuidoActions.js";
+import { useCortexBlueprintBridge as oe } from "../composables/useCortexBlueprintBridge.js";
+import { provideGuidoActions as te } from "../composables/useGuidoActions.js";
 import { useGuidoStateBridge as ne } from "../composables/useGuidoStateBridge.js";
 import { usePartner as re } from "../composables/usePartner.js";
 import { useStripo as se } from "../composables/useStripo.js";
 import { useTimerClone as ae } from "../composables/useTimerClone.js";
 import { migrate as G } from "../config/migrator/index.js";
 import { ModuleFolderDefaults as H } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as ie } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as ce } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { RIBBON_SELECTOR as ce } from "../enums/onboarding.js";
+import { useRecommendationExtensionStore as ie } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import me from "./organisms/AutoSaveController.vue.js";
 import de from "./organisms/base/Toaster.vue.js";
 import le from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import ue from "./organisms/extensions/recommendation/StrategyDetailDrawer.vue.js";
-import pe from "./organisms/header/HeaderWrapper.vue.js";
-import fe from "./organisms/LoadingWrapper.vue.js";
-import ve from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import Se from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as ye } from "../services/stripoApi.js";
-import { useConfigStore as ge } from "../stores/config.js";
+import ue from "./organisms/header/HeaderWrapper.vue.js";
+import pe from "./organisms/LoadingWrapper.vue.js";
+import fe from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ve from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as Se } from "../services/stripoApi.js";
+import { useConfigStore as ye } from "../stores/config.js";
 import { useDynamicContentStore as he } from "../stores/dynamic-content.js";
 import { useEditorStore as $ } from "../stores/editor.js";
-import { usePreviewStore as be } from "../stores/preview.js";
-import { useTemplateStore as we } from "../stores/template.js";
-import { useUnsubscribeStore as De } from "../stores/unsubscribe.js";
-const Je = /* @__PURE__ */ X({
+import { usePreviewStore as ge } from "../stores/preview.js";
+import { useTemplateStore as be } from "../stores/template.js";
+import { useUnsubscribeStore as Ee } from "../stores/unsubscribe.js";
+const Ve = /* @__PURE__ */ X({
   __name: "Guido",
   props: {
     config: null
@@ -35,11 +34,11 @@ const Je = /* @__PURE__ */ X({
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
     ), V = I(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), w = W(), p = W(), f = he(), D = De(), c = ge();
-    c.init(b.config);
-    const m = $(), j = be(), d = x(() => m.hasChanges), { isTestPartner: J } = re(), E = () => {
+    ), E = W(), p = W(), f = he(), w = Ee(), i = ye();
+    i.init(b.config);
+    const m = $(), j = ge(), d = x(() => m.hasChanges), { isTestPartner: J } = re(), D = () => {
       var e;
-      return (e = w.value) == null ? void 0 : e.handleSave(!0);
+      return (e = E.value) == null ? void 0 : e.handleSave(!0);
     }, C = (e) => {
       m.loadingStatus = e;
     }, {
@@ -47,10 +46,10 @@ const Je = /* @__PURE__ */ X({
       userId: T,
       partnerName: L,
       username: k,
-      template: t,
+      template: o,
       editor: s
-    } = c, l = (t == null ? void 0 : t.html) || "", F = (t == null ? void 0 : t.css) || "", S = (t == null ? void 0 : t.preselectedDynamicContent) || [], U = (s == null ? void 0 : s.savedModulesFolderName) || H.SAVED_MODULES, _ = (s == null ? void 0 : s.defaultModulesFolderName) || H.DEFAULT_MODULES;
-    te(), ne();
+    } = i, l = (o == null ? void 0 : o.html) || "", F = (o == null ? void 0 : o.css) || "", S = (o == null ? void 0 : o.preselectedDynamicContent) || [], U = (s == null ? void 0 : s.savedModulesFolderName) || H.SAVED_MODULES, _ = (s == null ? void 0 : s.defaultModulesFolderName) || H.DEFAULT_MODULES;
+    oe(), ne();
     const y = {
       emailId: v,
       userId: T,
@@ -63,11 +62,11 @@ const Je = /* @__PURE__ */ X({
       onReady: () => {
         console.debug("guido:ready"), n("ready");
       }
-    }, { initPlugin: O } = se(y, M), { getDefaultTemplate: P } = ye(), { cloneTimersOnSave: R, hasTimerBlocks: A } = ae(), Q = x(() => {
+    }, { initPlugin: O } = se(y, M), { getDefaultTemplate: P } = Se(), { cloneTimersOnSave: R, hasTimerBlocks: A } = ae(), Q = x(() => {
       var e;
-      return !((e = c.ui) != null && e.showHeader);
+      return !((e = i.ui) != null && e.showHeader);
     });
-    oe({
+    te({
       onBack: () => {
         console.debug("guido:back"), n("back");
       },
@@ -75,8 +74,8 @@ const Je = /* @__PURE__ */ X({
         console.debug("guido:save:start"), n("save:start");
       },
       onSaveComplete: (e) => {
-        const o = { ...e, metadata: y };
-        console.debug("guido:save:complete", o), n("save:complete", o);
+        const t = { ...e, metadata: y };
+        console.debug("guido:save:complete", t), n("save:complete", t);
       },
       onTestEmailClick: () => {
         console.debug("guido:test-email:click"), n("test-email:click");
@@ -90,52 +89,52 @@ const Je = /* @__PURE__ */ X({
     Y(() => d.value, () => {
       n("on-change", d.value);
     });
-    const g = (e) => {
-      const o = e, { attribute: u, position: i } = o.detail;
-      console.debug("dynamic-content:open", o.detail), n("dynamic-content:open", u, i);
+    const h = (e) => {
+      const t = e, { attribute: u, position: c } = t.detail;
+      console.debug("dynamic-content:open", t.detail), n("dynamic-content:open", u, c);
     };
     let a = null;
-    const h = () => {
-      var o;
-      const e = document.querySelector(ie);
-      (o = p.value) == null || o.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
+    const g = () => {
+      var t;
+      const e = document.querySelector(ce);
+      (t = p.value) == null || t.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
     };
     return Z(async () => {
-      var o, u;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), ce().$reset(), $().$reset(), m.templateId = v, we().$reset(), h();
-      const e = (o = p.value) == null ? void 0 : o.parentElement;
-      e && (a = new ResizeObserver(h), a.observe(e));
+      var t, u;
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), ie().$reset(), $().$reset(), m.templateId = v, be().$reset(), g();
+      const e = (t = p.value) == null ? void 0 : t.parentElement;
+      e && (a = new ResizeObserver(g), a.observe(e));
       try {
-        D.selectedUnsubscribePages = (t == null ? void 0 : t.selectedUnsubscribePages) || [];
-        const i = ((u = t == null ? void 0 : t.migration) == null ? void 0 : u.recommendationConfigs) ?? {};
+        w.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
+        const c = ((u = o == null ? void 0 : o.migration) == null ? void 0 : u.recommendationConfigs) ?? {};
         let r = {
-          html: l && await G(l, i),
+          html: l && await G(l, c),
           css: F
         };
-        r.html || (r = await P(), r.html = await G(r.html, i)), A(r.html) && (r.html = await R(r.html)), await O(r), f.selectedDynamicContentList = S;
-      } catch (i) {
-        console.error("Failed to initialize Stripo editor:", i);
+        r.html || (r = await P(), r.html = await G(r.html, c)), A(r.html) && (r.html = await R(r.html)), await O(r), f.selectedDynamicContentList = S;
+      } catch (c) {
+        console.error("Failed to initialize Stripo editor:", c);
       }
-      document.addEventListener("dynamic-content:open", g);
+      document.addEventListener("dynamic-content:open", h);
     }), ee(() => {
-      a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", g);
+      a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", h);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-      c.reset();
+      i.reset();
     }), q({
       dynamicContent: {
         insert: B,
         close: N
       },
       hasChanges: d,
-      saveSilent: E,
+      saveSilent: D,
       setLoading: C
-    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, headerWrapperRef: w, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: D, props: b, configStore: c, editorStore: m, previewStore: j, hasChanges: d, isTestPartner: J, saveSilent: E, setLoading: C, templateId: v, userId: T, partnerName: L, username: k, templateConfig: t, editorConfig: s, html: l, css: F, preselectedDynamicContentList: S, savedModulesFolderName: U, defaultModulesFolderName: _, emit: n, metadata: y, options: M, initPlugin: O, getDefaultTemplate: P, cloneTimersOnSave: R, hasTimerBlocks: A, noHeader: Q, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: g, ribbonObserver: a, updateRibbonOffset: h, AutoSaveController: me, Toaster: de, FilterSelectionDrawer: le, StrategyDetailDrawer: ue, HeaderWrapper: pe, LoadingWrapper: fe, SaveAsTemplateDrawer: ve, UnsubscribeWrapper: Se };
+    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: b, configStore: i, editorStore: m, previewStore: j, hasChanges: d, isTestPartner: J, saveSilent: D, setLoading: C, templateId: v, userId: T, partnerName: L, username: k, templateConfig: o, editorConfig: s, html: l, css: F, preselectedDynamicContentList: S, savedModulesFolderName: U, defaultModulesFolderName: _, emit: n, metadata: y, options: M, initPlugin: O, getDefaultTemplate: P, cloneTimersOnSave: R, hasTimerBlocks: A, noHeader: Q, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: h, ribbonObserver: a, updateRibbonOffset: g, AutoSaveController: me, Toaster: de, FilterSelectionDrawer: le, HeaderWrapper: ue, LoadingWrapper: pe, SaveAsTemplateDrawer: fe, UnsubscribeWrapper: ve };
   }
 });
 export {
-  Je as default
+  Ve as default
 };

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js

@@ -15,7 +15,7 @@ var a = function() {
   i,
   !1,
   null,
-  "06afaecb"
+  "cf946232"
 );
 const f = n.exports;
 export {

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js

@@ -1,24 +1,24 @@
-import { defineComponent as u, ref as a, onMounted as p, onBeforeUnmount as l, nextTick as v } from "vue";
-import { usePreviewInteractionGuard as d } from "../../../../composables/usePreviewInteractionGuard.js";
+import { defineComponent as u, ref as a, onMounted as p, onBeforeUnmount as l, nextTick as d } from "vue";
+import { usePreviewInteractionGuard as v } from "../../../../composables/usePreviewInteractionGuard.js";
 import { useTranslations as _ } from "../../../../composables/useTranslations.js";
 import { usePreviewStore as w } from "../../../../stores/preview.js";
 import I from "./DesktopBrowserHeader.vue.js";
 const C = /* @__PURE__ */ u({
   __name: "DesktopPreview",
-  setup(k) {
-    const i = _(), { blockPreviewInteractions: t } = d(), o = a(), n = a(!1), c = w();
+  setup(P) {
+    const i = _(), { guardPreviewInteractions: t } = v(), o = a(), r = a(!1), c = w();
     let e = null;
     const f = (m) => {
       t(m.target);
-    }, r = () => {
+    }, n = () => {
       o.value && (e = new ResizeObserver(() => {
-      }), e.observe(o.value), v(() => {
-        n.value = !0;
+      }), e.observe(o.value), d(() => {
+        r.value = !0;
       }));
     }, s = () => {
       e == null || e.disconnect();
     };
-    return p(r), l(s), { __sfc: !0, trans: i, blockPreviewInteractions: t, containerRef: o, isContainerReady: n, previewStore: c, resizeObserver: e, onIframeLoad: f, initIframe: r, cleanIframe: s, DesktopBrowserHeader: I };
+    return p(n), l(s), { __sfc: !0, trans: i, guardPreviewInteractions: t, containerRef: o, isContainerReady: r, previewStore: c, resizeObserver: e, onIframeLoad: f, initIframe: n, cleanIframe: s, DesktopBrowserHeader: I };
   }
 });
 export {

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js

@@ -1,20 +1,20 @@
 import e from "./ContentView.vue2.js";
 /* empty css                 */
 import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var c = function() {
+var o = function() {
   var t = this, s = t._self._c, a = t._self._setupProxy;
   return s("div", { staticClass: "w-1 h-1 b-c-4 d-f f-d-c" }, [s("div", { staticClass: "d-f j-c-s-b a-i-c p-2 h-6-s" }, [s("div", { staticClass: "d-f a-i-c cur-p", on: { click: function(l) {
     return t.$emit("back-to-inbox");
   } } }, [s(a.InIcons, { staticClass: "f-s-3 i-c-7", attrs: { name: "line-chevron-left" } }), s("span", { staticClass: "ml-2 f-s-1 f-w-400 l-h-1 t-c-7" }, [t._v(t._s(a.trans("newsletter.inbox")))])], 1), s("div", { staticClass: "d-f a-i-c" }, [s(a.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-down" } }), s(a.InIcons, { staticClass: "ml-1 i-c-52", attrs: { name: "line-chevron-up" } })], 1)]), s("div", { staticClass: "iframe-wrapper f-g-1 o-h" }, [s("iframe", { ref: "iframeRef", staticClass: "iframe-scaled d-b b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts allow-popups-to-escape-sandbox", srcdoc: a.previewStore.previewHtml }, on: { load: a.onLoad } })])]);
-}, o = [], i = /* @__PURE__ */ n(
+}, i = [], r = /* @__PURE__ */ n(
   e,
-  c,
   o,
+  i,
   !1,
   null,
-  "cbafc185"
+  "f255b2bb"
 );
-const d = i.exports;
+const d = r.exports;
 export {
   d as default
 };

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue2.js

@@ -1,24 +1,24 @@
-import { defineComponent as m, ref as a } from "vue";
+import { defineComponent as c, ref as a } from "vue";
 import { usePreviewInteractionGuard as f } from "../../../../composables/usePreviewInteractionGuard.js";
 import { useResponsivePreview as p } from "../../../../composables/useResponsivePreview.js";
 import { useTranslations as u } from "../../../../composables/useTranslations.js";
 import { usePreviewStore as v } from "../../../../stores/preview.js";
-import { InIcons as P } from "@useinsider/design-system-vue";
-const g = /* @__PURE__ */ m({
+import { InIcons as d } from "@useinsider/design-system-vue";
+const b = /* @__PURE__ */ c({
   __name: "ContentView",
   emits: ["back-to-inbox"],
-  setup(_) {
-    const c = u(), t = v(), r = a(), { setupResponsivePreview: n } = p(), { blockPreviewInteractions: s } = f(), i = (e) => {
+  setup(P) {
+    const m = u(), r = v(), t = a(), { setupResponsivePreview: n } = p(), { guardPreviewInteractions: s } = f(), i = (e) => {
       ["transform", "transform-origin", "height"].forEach((o) => {
         e.documentElement.style.removeProperty(o);
       });
     };
-    return { __sfc: !0, trans: c, previewStore: t, iframeRef: r, setupResponsivePreview: n, blockPreviewInteractions: s, clearAMPTransforms: i, onLoad: () => {
-      const e = r.value, o = e == null ? void 0 : e.contentDocument;
-      o && (n(e), s(e), t.isAMPResponsive && i(o));
-    }, InIcons: P };
+    return { __sfc: !0, trans: m, previewStore: r, iframeRef: t, setupResponsivePreview: n, guardPreviewInteractions: s, clearAMPTransforms: i, onLoad: () => {
+      const e = t.value, o = e == null ? void 0 : e.contentDocument;
+      o && (n(e), s(e), r.isAMPResponsive && i(o));
+    }, InIcons: d };
   }
 });
 export {
-  g as default
+  b as default
 };

package/dist/composables/usePreviewInteractionGuard.js

@@ -1,17 +1,42 @@
-const o = ["click", "auxclick", "submit"], c = (t) => {
-  t.preventDefault(), t.stopPropagation();
-}, a = () => ({ blockPreviewInteractions: (r) => {
+import { URLS as o, MERGE_TAGS as a } from "../enums/unsubscribe.js";
+import { UNSUBSCRIBE_LINK_SELECTOR as i } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { BASE_SAFE_URL_SCHEMES as u } from "../utils/urlSchemes.js";
+const E = ["click", "auxclick"], d = [
+  ...Object.values(a),
+  o.UNSUBSCRIBE_URL,
+  o.PREFERENCES_URL
+], l = (e) => {
+  if (e.matches(i))
+    return !0;
+  const r = e.getAttribute("href") ?? "";
+  return d.some((t) => r.includes(t));
+}, S = [...u, "tel:", "sms:"], f = (e) => {
+  const r = (e.getAttribute("href") ?? "").trim();
+  return r === "" || r.startsWith("#") || r.startsWith("{{") ? !1 : S.includes(e.protocol);
+}, m = (e) => {
+  var t, n;
+  const r = (n = (t = e.target) == null ? void 0 : t.closest) == null ? void 0 : n.call(t, "a");
+  if (r) {
+    if (l(r) || !f(r)) {
+      e.preventDefault(), e.stopPropagation();
+      return;
+    }
+    r.setAttribute("target", "_blank"), r.setAttribute("rel", "noopener noreferrer");
+  }
+}, R = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, s = /* @__PURE__ */ new WeakSet(), c = "guidoPreviewGuarded", g = () => ({ guardPreviewInteractions: (r) => {
   try {
-    const e = r.contentDocument;
-    if (!e)
+    const t = r.contentDocument;
+    if (!t || s.has(t))
       return;
-    o.forEach((n) => {
-      e.addEventListener(n, c, !0);
-    });
-  } catch (e) {
-    console.warn("[usePreviewInteractionGuard] Could not guard preview iframe:", e);
+    delete t.documentElement.dataset[c], E.forEach((n) => {
+      t.addEventListener(n, m, !0);
+    }), t.addEventListener("submit", R, !0), s.add(t), t.documentElement.dataset[c] = "true";
+  } catch (t) {
+    console.warn("[usePreviewInteractionGuard] Could not guard preview iframe:", t);
   }
 } });
 export {
-  a as usePreviewInteractionGuard
+  g as usePreviewInteractionGuard
 };

package/dist/composables/useRecommendation.js

@@ -1,21 +1,22 @@
-import { getRecommendationFeedSourceMaps as E, URLS as S } from "../enums/extensions/recommendationBlock.js";
-import { MinDeviceViewport as A, DefaultPadding as U } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as g } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { generateCompleteFilterQuery as _ } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
-import { getPartnerRecommendationParams as b } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
-import { useConfigStore as D } from "../stores/config.js";
-const M = () => {
-  const f = ({
+import { getRecommendationFeedSourceMaps as I, URLS as R } from "../enums/extensions/recommendationBlock.js";
+import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommendation.js";
+import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
+import { getPartnerRecommendationParams as y } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
+import { useConfigStore as x } from "../stores/config.js";
+const k = () => ({
+  calculateCardWidth: ({
     mobileLeftPadding: a,
-    mobileRightPadding: c,
-    cardsInRow: s,
-    unresponsive: r
+    mobileRightPadding: s,
+    cardsInRow: c,
+    unresponsive: o
   }) => {
-    const n = r ? s : 1, e = a + c + (n - 1) * U;
-    return (A - e) / n;
-  }, I = (a) => {
-    const c = g(), s = Number(a), r = c.blockStates[s];
-    if (!r)
+    const r = o ? c : 1, e = a + s + (r - 1) * b;
+    return (C - e) / r;
+  },
+  getRecommendationCampaignData: (a) => {
+    const s = l(), c = Number(a), o = s.blockStates[c];
+    if (!o)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -28,81 +29,49 @@ const M = () => {
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: n } = r, e = n.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = o, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
-      textTrimming: n.textTrimming,
+      textTrimming: r.textTrimming,
       orientation: e,
       mobileLeftPadding: 0,
       mobileRightPadding: 0,
-      cardsInRow: n.cardsInRow,
-      unresponsive: n.unresponsive,
+      cardsInRow: r.cardsInRow,
+      unresponsive: r.unresponsive,
       priceBeforeTextValue: "",
       priceAfterTextValue: "",
       discountBeforeTextValue: "",
       discountAfterTextValue: ""
     };
-  }, p = {
-    LOCALE: "{locale}",
-    CURRENCY: "{currency}",
-    CAMPAIGN_ID: "{campaignId}",
-    STRATEGY_ID: "{strategyId}",
-    CLIENT_ID: "{clientId}",
-    USER_ID: "{userId}",
-    ITEM_ID: "{itemId}"
-  }, y = (a, c) => Object.entries(p).reduce(
-    (s, [r, n]) => s.replaceAll(
-      n,
-      c[r]
-    ),
-    a
-  );
-  return {
-    calculateCardWidth: f,
-    getRecommendationCampaignData: I,
-    buildCampaignUrl: (a, c) => {
-      var m;
-      const s = g(), r = D(), n = Number(a);
-      let e;
-      if (c)
-        e = c;
-      else {
-        const o = s.blockStates[n];
-        if (!o)
-          return "";
-        const { recommendationConfigs: i } = o;
-        e = {
-          strategy: i.strategy,
-          strategyId: i.strategyId,
-          language: i.language,
-          currencyCode: i.currencySettings.value,
-          size: i.size,
-          productIds: i.productIds,
-          filters: i.filters,
-          shuffleProducts: i.shuffleProducts
-        };
-      }
-      const d = e.strategyId ? s.strategyUrlTemplates[e.strategyId] : "";
-      if (d) {
-        const o = y(d, {
-          LOCALE: e.language,
-          CURRENCY: e.currencyCode,
-          CAMPAIGN_ID: r.variationId,
-          STRATEGY_ID: e.strategyId,
-          CLIENT_ID: "6KcLM9TwheVB1mgK",
-          USER_ID: "{user_id}",
-          ITEM_ID: "{itemId}"
-        });
-        return s.recommendationCampaignUrls[a] = o, o;
-      }
-      const C = ((m = E().find((o) => o.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
-      t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", r.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", r.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
-      const R = e.filters.filter((o) => o.isValid), l = _(R);
-      l && t.set("filter", l), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(b(r.partnerName, e.strategy)).forEach(([o, i]) => t.set(o, i));
-      const T = decodeURIComponent(t.toString()), u = `${S.RECOMMENDATION_API_URL}/v2/${C}?${T}`;
-      return s.recommendationCampaignUrls[a] = u, u;
+  },
+  buildCampaignUrl: (a, s) => {
+    var m;
+    const c = l(), o = x(), r = Number(a);
+    let e;
+    if (s)
+      e = s;
+    else {
+      const i = c.blockStates[r];
+      if (!i)
+        return "";
+      const { recommendationConfigs: n } = i;
+      e = {
+        strategy: n.strategy,
+        language: n.language,
+        currencyCode: n.currencySettings.value,
+        size: n.size,
+        productIds: n.productIds,
+        filters: n.filters,
+        shuffleProducts: n.shuffleProducts
+      };
     }
-  };
-};
+    const f = ((m = I().find((i) => i.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    const g = e.filters.filter((i) => i.isValid), d = h(g);
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(o.partnerName, e.strategy)).forEach(([i, n]) => t.set(i, n));
+    const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
+    return c.recommendationCampaignUrls[a] = u, u;
+  }
+});
 export {
-  M as useRecommendation
+  k as useRecommendation
 };