@useinsider/guido 3.21.2-beta.cfc5be2 → 3.21.2-beta.d9d48aa

package/dist/src/stores/editor.d.ts

@@ -8,6 +8,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
     hasChanges: boolean;
     changeSeq: number;
     isStripoInitialized: boolean;
+    isLegacyUnsubscribeModalRequested: boolean;
     templateId: string;
     syncModulesEnabled: boolean;
     trackIdSessionFloor: number;
@@ -22,6 +23,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -35,6 +37,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -49,6 +52,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -62,6 +66,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -76,6 +81,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -89,6 +95,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -103,6 +110,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -116,6 +124,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -130,6 +139,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -143,6 +153,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -157,6 +168,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -170,6 +182,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -184,6 +197,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -197,6 +211,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -211,6 +226,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -224,6 +240,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -238,6 +255,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -251,6 +269,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -265,6 +284,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -278,6 +298,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -292,6 +313,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -305,6 +327,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -319,6 +342,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;
@@ -332,6 +356,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         changeSeq: number;
         isStripoInitialized: boolean;
+        isLegacyUnsubscribeModalRequested: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
         trackIdSessionFloor: number;

package/dist/src/utils/legacyUnsubscribeConversion.d.ts

@@ -0,0 +1,10 @@
+export declare const LEGACY_UNSUBSCRIBE_SELECTOR = "td.unsubscribe-block";
+export declare const LEGACY_UNSUBSCRIBE_LINK_SELECTORS: readonly ["a.unsubscribe-link", "a[href*=\"unsubscribe\"]"];
+export interface LegacyUnsubscribeConversionResult {
+    html: string;
+    converted: boolean;
+}
+export declare const hasLegacyUnsubscribeClass: (html: string) => boolean;
+export declare const convertLinklessLegacyUnsubscribeBlocks: (root: ParentNode) => number;
+export declare const convertLegacyUnsubscribeInModuleHtml: (html: string) => LegacyUnsubscribeConversionResult;
+export declare const convertLegacyUnsubscribeInDocumentHtml: (html: string) => LegacyUnsubscribeConversionResult;

package/dist/stores/config.js

@@ -1,8 +1,8 @@
-import { MessageType as a } from "../@types/config/schemas.js";
+import { MessageType as r } from "../@types/config/schemas.js";
 import "../@types/config/defaults.js";
-import { parseConfig as o } from "../@types/config/validator.js";
-import { defineStore as l } from "pinia";
-const g = l("guido-config", {
+import { parseConfig as a } from "../@types/config/validator.js";
+import { defineStore as o } from "pinia";
+const g = o("guido-config", {
   state: () => ({
     initialized: !1,
     config: null
@@ -132,7 +132,7 @@ const g = l("guido-config", {
      * consumers stay safe in setup where a raw config read snapshots null (SD-147945).
      */
     isTransactional() {
-      return this.messageType === a.TRANSACTIONAL;
+      return this.messageType === r.TRANSACTIONAL;
     },
     /**
      * Soft-save policy: may the editor persist a template with validation errors?
@@ -158,13 +158,6 @@ const g = l("guido-config", {
       var e, t;
       return ((t = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : t.showHeader) ?? !0;
     },
-    /**
-     * Check if the Insider display-condition UI replaces Stripo's
-     */
-    externalDisplayConditions: (i) => {
-      var e, t, n, r;
-      return (((t = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : t.externalDisplayConditions) ?? !1) && (((r = (n = i.config) == null ? void 0 : n.features) == null ? void 0 : r.displayConditions) ?? !0);
-    },
     /**
      * Check if a specific feature is enabled.
      * Returns false before init (config null) so header controls don't
@@ -181,7 +174,7 @@ const g = l("guido-config", {
      * Initialize the config store with validated configuration
      */
     init(i) {
-      const e = o(i);
+      const e = a(i);
       this.config = e, this.initialized = !0;
     },
     /**

package/dist/stores/editor.js

@@ -1,5 +1,5 @@
-import { defineStore as e } from "pinia";
-const o = e("guidoEditor", {
+import { defineStore as i } from "pinia";
+const o = i("guidoEditor", {
   state: () => ({
     loadingStatus: !0,
     isCodeEditorOpen: !1,
@@ -13,6 +13,7 @@ const o = e("guidoEditor", {
     // that need every change (the outbound state bridge) watch this instead.
     changeSeq: 0,
     isStripoInitialized: !1,
+    isLegacyUnsubscribeModalRequested: !1,
     templateId: "",
     syncModulesEnabled: !1,
     // In-session id high-water mark; floors tracking-id minting so ids
@@ -21,20 +22,20 @@ const o = e("guidoEditor", {
   }),
   getters: {
     // Middle Slot
-    isEditorToolbarVisible: (i) => !i.isVersionHistoryOpen && !i.isPreviewModeOpen,
-    isUndoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
-    isRedoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
-    isCodeEditorButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
-    isPreviewButtonDisabled: (i) => i.loadingStatus,
-    isViewOptionsDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
+    isEditorToolbarVisible: (e) => !e.isVersionHistoryOpen && !e.isPreviewModeOpen,
+    isUndoButtonDisabled: (e) => e.loadingStatus || e.isPreviewModeOpen,
+    isRedoButtonDisabled: (e) => e.loadingStatus || e.isPreviewModeOpen,
+    isCodeEditorButtonDisabled: (e) => e.loadingStatus || e.isPreviewModeOpen,
+    isPreviewButtonDisabled: (e) => e.loadingStatus,
+    isViewOptionsDisabled: (e) => e.loadingStatus || e.isPreviewModeOpen,
     // Right Slot
-    isVersionHistoryButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
-    isExportButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
-    isSaveAsButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
-    isTestButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
-    isSaveButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen || i.isPreviewModeOpen,
+    isVersionHistoryButtonDisabled: (e) => e.loadingStatus || e.isPreviewModeOpen,
+    isExportButtonDisabled: (e) => e.loadingStatus || e.isVersionHistoryOpen,
+    isSaveAsButtonDisabled: (e) => e.loadingStatus || e.isVersionHistoryOpen,
+    isTestButtonDisabled: (e) => e.loadingStatus || e.isVersionHistoryOpen,
+    isSaveButtonDisabled: (e) => e.loadingStatus || e.isVersionHistoryOpen || e.isPreviewModeOpen,
     // Autosave
-    isInSaveableState: (i) => !i.loadingStatus && !i.isVersionHistoryOpen && !i.isPreviewModeOpen && !i.isCodeEditorOpen
+    isInSaveableState: (e) => !e.loadingStatus && !e.isVersionHistoryOpen && !e.isPreviewModeOpen && !e.isCodeEditorOpen
   }
 });
 export {

package/dist/utils/legacyUnsubscribeConversion.js

@@ -0,0 +1,49 @@
+import { protectLiquid as a, restoreLiquid as u } from "./liquidProtection.js";
+const b = "td.unsubscribe-block", l = ["a.unsubscribe-link", 'a[href*="unsubscribe"]'], d = "esd-block-text", m = [
+  "unsubscribe-block",
+  "esd-extension",
+  "esd-extension-block",
+  "esd-unsubscribe-block",
+  "esd-block-unsubscribe"
+], L = "esd-extension-block-id", S = "data-unsubscribe-", E = "address,article,aside,blockquote,center,details,dialog,dir,div,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,listing,main,menu,nav,ol,p,plaintext,pre,search,section,summary,table,ul,xmp", f = new RegExp(`class\\s*=\\s*(?:["'][^"']*)?(?<![\\w-])unsubscribe-block(?![\\w-])`, "i"), p = (e) => typeof e == "string" && f.test(e), y = (e) => l.some((t) => e.querySelector(t) !== null), g = (e) => {
+  e.classList.remove(...m), e.classList.add(d), e.removeAttribute(L), Array.from(e.attributes).filter(({ name: t }) => t.startsWith(S)).forEach(({ name: t }) => e.removeAttribute(t)), e.querySelector(E) || (e.innerHTML = `<p path="1">${e.innerHTML}</p>`);
+}, h = (e) => {
+  const t = Array.from(e.querySelectorAll(b)).filter((r) => !y(r));
+  return t.forEach(g), t.length;
+}, v = (e) => {
+  const t = e.trimStart(), r = new DOMParser();
+  return /^<t[dh][\s>]/i.test(t) ? r.parseFromString(`<table><tbody><tr>${e}</tr></tbody></table>`, "text/html").querySelector("tr") : /^<tr[\s>]/i.test(t) ? r.parseFromString(`<table><tbody>${e}</tbody></table>`, "text/html").querySelector("tbody") : /^<table[\s>]/i.test(t) ? r.parseFromString(e, "text/html").body : (console.debug("[LegacyUnsubscribeConversion] Skipped module with a non-table root"), null);
+}, c = (e) => {
+  const t = e.search(/<html[\s>]/i), r = [...e.matchAll(/<\/html\s*>/gi)].at(-1), s = (r == null ? void 0 : r.index) === void 0 ? -1 : r.index + r[0].length;
+  return t < 0 || s <= t ? { head: "", root: e, tail: "" } : { head: e.slice(0, t), root: e.slice(t, s), tail: e.slice(s) };
+}, i = (e, t, r, s) => {
+  if (!p(e))
+    return { html: e, converted: !1 };
+  try {
+    const o = a(e), n = t(o);
+    return !n || h(n) === 0 ? { html: e, converted: !1 } : { html: u(r(n, o)), converted: !0 };
+  } catch (o) {
+    return console.error(`Failed to convert legacy unsubscribe blocks in ${s}:`, o), { html: e, converted: !1 };
+  }
+}, C = (e) => i(
+  e,
+  v,
+  (t) => t.innerHTML,
+  "module"
+), _ = (e) => i(
+  e,
+  (t) => new DOMParser().parseFromString(c(t).root, "text/html"),
+  (t, r) => {
+    const { head: s, tail: o } = c(r);
+    return `${s}${t.documentElement.outerHTML}${o}`;
+  },
+  "document"
+);
+export {
+  l as LEGACY_UNSUBSCRIBE_LINK_SELECTORS,
+  b as LEGACY_UNSUBSCRIBE_SELECTOR,
+  _ as convertLegacyUnsubscribeInDocumentHtml,
+  C as convertLegacyUnsubscribeInModuleHtml,
+  h as convertLinklessLegacyUnsubscribeBlocks,
+  p as hasLegacyUnsubscribeClass
+};

package/dist/utils/pairProductVariables.js

@@ -1,29 +1,28 @@
-import { ITEMS_CURRENCY_ATTR as N, isCustomCurrencySymbol as Y } from "../extensions/Blocks/Items/constants/currency.js";
+import { ITEMS_CURRENCY_ATTR as x, isCustomCurrencySymbol as Y } from "../extensions/Blocks/Items/constants/currency.js";
 import { productPairs as w } from "../extensions/Blocks/Items/enums/productEnums.js";
 import { escapeReplacement as X } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
 import { preserveTextStyles as P } from "./preserveTextStyles.js";
-import { protectTableText as v, restoreTableText as B } from "./protectTableText.js";
-import { unwrapProductNameLinks as j } from "./unwrapProductNameLink.js";
+import { unwrapProductNameLinks as v } from "./unwrapProductNameLink.js";
 const O = {
   CART_ITEMS: "ins_apr",
   BROWSED_ITEMS: "browsed_item",
   PURCHASED_ITEMS: "purchased_item"
 }, q = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
-function Q(S, y, b) {
+function B(S, y, b) {
   let h = y;
   for (; h > 0 && /\s/.test(S[h - 1]); )
     h -= 1;
   return b.some((I) => S.endsWith(I, h));
 }
-function rt(S) {
-  const y = q(v(S)), b = new DOMParser().parseFromString(y, "text/html");
-  j(b);
+function Z(S) {
+  const y = q(S), b = new DOMParser().parseFromString(y, "text/html");
+  v(b);
   const h = w.PAIRS_FOR_EXTENSION;
   Object.entries(h).forEach(([n, d]) => {
     b.querySelectorAll(".ins-product-td").forEach((r) => {
       const E = r.getAttribute("data-number") || "1", m = r.getAttribute("data-type") || "CART_ITEMS";
       r.querySelectorAll(`[product-attr="${n}"]`).forEach((t) => {
-        var $, F, x, D;
+        var $, F, D, N;
         const g = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, f = d[g];
         if (f)
           switch (n) {
@@ -41,7 +40,7 @@ function rt(S) {
               }
               const i = (F = ($ = h.name) == null ? void 0 : $[g]) == null ? void 0 : F.ATTR;
               if (i && e.setAttribute("alt", `{{${i}_${o}}}`), a) {
-                const s = (x = h.itemLink) == null ? void 0 : x[g];
+                const s = (D = h.itemLink) == null ? void 0 : D[g];
                 if (s) {
                   const _ = s.HREF, R = s.DEFAULT_HREF || "#!", u = a.href;
                   (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(R) || u === `${window.location.href}${R}` || !u || u === window.location.href) && (a.href = `{{${_}_${o}}}`);
@@ -61,18 +60,18 @@ function rt(S) {
             }
             case "price":
             case "originalPrice": {
-              const e = f, a = t.getAttribute("data-formated"), l = t.getAttribute("data-single_price"), c = a === "true", i = l === "true", s = t.getAttribute(N.POSITION) || "before";
+              const e = f, a = t.getAttribute("data-formated"), l = t.getAttribute("data-single_price"), c = a === "true", i = l === "true", s = t.getAttribute(x.POSITION) || "before";
               let _;
               i ? _ = c ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : _ = c ? e.PRICE_FORMATTED : e.PRICE;
               const R = e.CURRENCY;
               let u = `{{${_}_${o}}}`;
-              const H = (t.getAttribute(N.SYMBOL) || "").trim(), G = Y(H);
+              const H = (t.getAttribute(x.SYMBOL) || "").trim(), G = Y(H);
               let C = "";
               G ? C = H : R && (C = `{{${R}_${o}}}`), C && (u = s === "after" ? `${u} ${C}` : `${C} ${u}`), t.innerHTML = P(t, u);
               break;
             }
             case "quantity": {
-              const e = f, a = e.ATTR, l = [e.DEFAULT, ...e.LEGACY_DEFAULTS], c = (D = t.textContent) == null ? void 0 : D.trim();
+              const e = f, a = e.ATTR, l = [e.DEFAULT, ...e.LEGACY_DEFAULTS], c = (N = t.textContent) == null ? void 0 : N.trim();
               c && l.includes(c) && (t.innerHTML = P(t, `{{${a}_${o}}}`));
               break;
             }
@@ -140,12 +139,12 @@ function rt(S) {
     const E = w.PAIRS_FOR_EXTENSION.price[d].PRICE, m = w.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, T = `{% if ${E}_${n} != ${m}_${n} %}`, t = [T, q(T)];
     let g = "", o = 0, f = 0, $ = A.indexOf(r);
     for (; $ !== -1; ) {
-      const F = p[f] === !0 && !Q(A, $, t);
+      const F = p[f] === !0 && !B(A, $, t);
       g += A.slice(o, $) + (F ? `${T}${r}{% endif %}` : r), o = $ + r.length, f += 1, $ = A.indexOf(r, o);
     }
     A = g + A.slice(o);
-  }), B(A.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}"));
+  }), A.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  rt as pairProductVariables
+  Z as pairProductVariables
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.21.2-beta.cfc5be2",
+  "version": "3.21.2-beta.d9d48aa",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

package/dist/@types/display-condition.js

@@ -1,25 +0,0 @@
-import { object as e, optional as a, string as o, nullish as i, number as t, picklist as n, array as c } from "../node_modules/valibot/dist/index.js";
-const s = n(["liquid", "pongo"]), d = n(["codeOnly", "logicBuilder"]), r = e({
-  id: t(),
-  name: o(),
-  description: i(o(), ""),
-  syntax: s,
-  method: d,
-  codeBefore: o(),
-  codeAfter: i(o(), ""),
-  createdAt: a(o())
-}), p = e({
-  data: c(r),
-  meta: e({
-    totalCount: t(),
-    perPage: t(),
-    currentPage: t(),
-    lastPage: t()
-  })
-});
-export {
-  p as DisplayConditionListResponseSchema,
-  d as DisplayConditionMethodSchema,
-  s as DisplayConditionSyntaxSchema,
-  r as SavedDisplayConditionSchema
-};

package/dist/components/organisms/display-conditions/CodeEditorField.vue.js

@@ -1,20 +0,0 @@
-import i from "./CodeEditorField.vue2.js";
-/* empty css                     */
-import s from "../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
-  var e = this, r = e._self._c, o = e._self._setupProxy;
-  return r("div", { staticClass: "guido-code-editor-field", attrs: { id: e.id } }, [r("p", { staticClass: "guido-code-editor-field__label" }, [e._v(" " + e._s(e.label) + " ")]), r(o.InCodeSnippet, { attrs: { code: e.value, disable: e.disabled, "focus-editor": !1, invalid: !!e.error, "invalid-message": e.error, options: o.options, size: { height: e.error ? 196 : 216 }, "syntax-check": !1 }, on: { input: function(t) {
-    return o.emit("input", t);
-  }, ready: o.onReady } })], 1);
-}, n = [], d = /* @__PURE__ */ s(
-  i,
-  a,
-  n,
-  !1,
-  null,
-  "e96c7aa3"
-);
-const p = d.exports;
-export {
-  p as default
-};

package/dist/components/organisms/display-conditions/CodeEditorField.vue2.js

@@ -1,30 +0,0 @@
-import { defineComponent as s, computed as u } from "vue";
-import { InCodeSnippet as i } from "@useinsider/design-system-vue";
-const m = /* @__PURE__ */ s({
-  __name: "CodeEditorField",
-  props: {
-    id: null,
-    label: null,
-    value: null,
-    placeholder: { default: "" },
-    error: { default: "" },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["input"],
-  setup(t, { expose: n, emit: d }) {
-    const l = t;
-    let e = null;
-    const a = u(() => ({
-      mode: "liquid",
-      lint: !1,
-      foldGutter: !1,
-      placeholder: l.placeholder
-    })), r = (p) => {
-      e = p;
-    }, o = () => (e == null ? void 0 : e.state.doc.toString()) ?? l.value;
-    return n({ read: o }), { __sfc: !0, props: l, emit: d, view: e, options: a, onReady: r, read: o, InCodeSnippet: i };
-  }
-});
-export {
-  m as default
-};

package/dist/components/organisms/display-conditions/DisplayConditionCreateDrawer.vue.js

@@ -1,30 +0,0 @@
-import a from "./DisplayConditionCreateDrawer.vue2.js";
-/* empty css                                  */
-import r from "../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var i = this, t = i._self._c, e = i._self._setupProxy;
-  return t(e.WpDrawer, { attrs: { id: "guido__display-condition-create-drawer", "description-status": "", "class-name": "guido-display-condition-create-drawer", size: "large", "close-on-outside-click": !1, "description-text": e.descriptionText, "footer-button-group-options": e.footerButtonGroupOptions, status: e.store.isCreateOpen, "title-text": e.trans(`${e.KEY}.create-title`) }, on: { cancelOrBackButtonEvent: e.close, onCloseEvent: e.close, primaryButtonEvent: function(o) {
-    return e.submit("inline");
-  }, secondaryButtonEvent: function(o) {
-    return e.submit("save");
-  } } }, [t("div", { staticClass: "guido-display-condition-create" }, [t(e.InBasicTextInput, { staticClass: "mb-4 w-1", attrs: { id: "guido__display-condition-name-input", name: "displayConditionName", "character-counter-status": !1, "disabled-status": e.isSaving, "label-text": e.trans(`${e.KEY}.condition-name`), "max-character-length": e.DISPLAY_CONDITION_LIMITS.NAME_MAX, "placeholder-text": e.trans(`${e.KEY}.condition-name-placeholder`), "state-message": e.errors.name || "", states: e.errors.name ? "error" : "default", "tooltip-status": !1, value: e.draft.name }, on: { input: function(o) {
-    return e.updateField("name", o);
-  } } }), t(e.InBasicTextInput, { staticClass: "mb-4 w-1", attrs: { id: "guido__display-condition-description-input", name: "displayConditionDescription", "character-counter-status": !1, "disabled-status": e.isSaving, "label-text": e.descriptionLabel, "max-character-length": e.DISPLAY_CONDITION_LIMITS.DESCRIPTION_MAX, "placeholder-text": e.trans(`${e.KEY}.condition-description-placeholder`), "state-message": e.errors.description || "", states: e.errors.description ? "error" : "default", "tooltip-status": !1, value: e.draft.description }, on: { input: function(o) {
-    return e.updateField("description", o);
-  } } }), t("div", { staticClass: "guido-display-condition-create__separator" }), t("p", { staticClass: "guido-display-condition-create__method-title" }, [i._v(" " + i._s(e.trans(`${e.KEY}.select-method`)) + " ")]), t("div", { staticClass: "guido-display-condition-create__methods" }, [t(e.InRadioButton, { attrs: { id: "guido__display-condition-method-logic-builder", disable: "", disabled: "", name: "displayConditionMethod", selected: "codeOnly", value: "logicBuilder", label: e.trans(`${e.KEY}.logic-builder`) } }), t(e.InRadioButton, { attrs: { id: "guido__display-condition-method-code-only", name: "displayConditionMethod", selected: "codeOnly", value: "codeOnly", label: e.trans(`${e.KEY}.code-only`) } })], 1), t(e.CodeEditorField, { ref: "codeBeforeRef", staticClass: "mb-3", attrs: { id: "guido__display-condition-code-before", disabled: e.isSaving, error: e.errors.codeBefore, label: e.trans(`${e.KEY}.code-before`), placeholder: e.trans(`${e.KEY}.code-placeholder`), value: e.draft.codeBefore }, on: { input: function(o) {
-    return e.updateField("codeBefore", o);
-  } } }), t(e.CodeEditorField, { ref: "codeAfterRef", attrs: { id: "guido__display-condition-code-after", disabled: e.isSaving, error: e.errors.codeAfter, label: e.trans(`${e.KEY}.code-after`), placeholder: e.trans(`${e.KEY}.code-placeholder`), value: e.draft.codeAfter }, on: { input: function(o) {
-    return e.updateField("codeAfter", o);
-  } } })], 1)]);
-}, s = [], d = /* @__PURE__ */ r(
-  a,
-  n,
-  s,
-  !1,
-  null,
-  "a4b2ccb9"
-);
-const f = d.exports;
-export {
-  f as default
-};

package/dist/components/organisms/display-conditions/DisplayConditionCreateDrawer.vue2.js

@@ -1,71 +0,0 @@
-import { defineComponent as D, reactive as $, ref as s, watch as C, computed as u } from "vue";
-import O from "../../wrappers/WpDrawer.vue.js";
-import { useDisplayConditions as T } from "../../../composables/useDisplayConditions.js";
-import { useTranslations as L } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINKS as x } from "../../../enums/academy.js";
-import { DISPLAY_CONDITION_LIMITS as h } from "../../../enums/display-condition.js";
-import { useDisplayConditionStore as k } from "../../../stores/display-condition.js";
-import { InRadioButton as N, InBasicTextInput as w } from "@useinsider/design-system-vue";
-import E from "./CodeEditorField.vue.js";
-const J = /* @__PURE__ */ D({
-  __name: "DisplayConditionCreateDrawer",
-  setup(Y) {
-    const r = "email-editor.display-conditions", i = L(), c = k(), { validate: p, notifyInvalid: l, createInline: f, createAndSave: m, cancel: y } = T(), d = () => ({ name: "", description: "", codeBefore: "", codeAfter: "" }), e = $(d()), o = s({}), a = s(!1), v = s(), _ = s();
-    C(() => c.isCreateOpen, (n) => {
-      if (!n)
-        return;
-      const { editing: t } = c;
-      Object.assign(e, t ? {
-        name: t.name,
-        description: t.description,
-        codeBefore: t.beforeScript,
-        codeAfter: t.afterScript
-      } : d()), o.value = {}, a.value = !1;
-    }, { immediate: !0 });
-    const g = u(() => i(`${r}.create-description`, {
-      academyLink: `<a href="${x.EMAIL_DISPLAY_CONDITIONS}" class="guido-display-condition-academy" target="_blank">${i(`${r}.academy`)}</a>`
-    })), S = u(() => ({
-      cancelOrBackButton: {
-        styling: "ghost",
-        type: "secondary",
-        labelText: i(`${r}.cancel`),
-        disabledStatus: a.value
-      },
-      secondaryButton: {
-        styling: "solid",
-        type: "subtle-primary",
-        labelText: i(`${r}.create-and-save`),
-        loadingStatus: a.value
-      },
-      primaryButton: {
-        styling: "solid",
-        type: "primary",
-        labelText: i(`${r}.create`),
-        disabledStatus: a.value
-      }
-    })), B = (n, t) => {
-      t !== e[n] && (e[n] = t, o.value[n] && (o.value = { ...o.value, [n]: void 0 }));
-    }, A = u(() => `${i(`${r}.condition-description`)} <span class="guido-display-condition-create__optional">(${i(`${r}.optional`)})</span>`);
-    return { __sfc: !0, KEY: r, trans: i, store: c, validate: p, notifyInvalid: l, createInline: f, createAndSave: m, cancel: y, emptyDraft: d, draft: e, errors: o, isSaving: a, codeBeforeRef: v, codeAfterRef: _, descriptionText: g, footerButtonGroupOptions: S, updateField: B, descriptionLabel: A, submit: async (n) => {
-      var I, b;
-      if (a.value)
-        return;
-      if (e.codeBefore = ((I = v.value) == null ? void 0 : I.read()) ?? e.codeBefore, e.codeAfter = ((b = _.value) == null ? void 0 : b.read()) ?? e.codeAfter, o.value = p(e), Object.keys(o.value).length) {
-        l();
-        return;
-      }
-      if (n === "inline") {
-        f({ ...e });
-        return;
-      }
-      a.value = !0;
-      const t = await m({ ...e });
-      a.value = !1, o.value = t ?? {}, Object.keys(o.value).length && l();
-    }, close: () => {
-      a.value || y();
-    }, WpDrawer: O, DISPLAY_CONDITION_LIMITS: h, InBasicTextInput: w, InRadioButton: N, CodeEditorField: E };
-  }
-});
-export {
-  J as default
-};