@useinsider/guido 3.21.2-beta.e1315e9 → 3.21.2-beta.e89b843

package/dist/src/stores/display-condition.d.ts

@@ -0,0 +1,81 @@
+import type { AppliedDisplayCondition, SavedDisplayCondition } from '@@/Types/display-condition';
+export type DisplayConditionView = 'none' | 'create' | 'select';
+export type DisplayConditionListStatus = 'idle' | 'loading' | 'loaded' | 'error';
+interface DisplayConditionState {
+    view: DisplayConditionView;
+    editing: AppliedDisplayCondition | null;
+    list: SavedDisplayCondition[];
+    listStatus: DisplayConditionListStatus;
+    pendingDelete: SavedDisplayCondition | null;
+}
+export declare const useDisplayConditionStore: import("pinia").StoreDefinition<"guidoDisplayCondition", DisplayConditionState, {
+    isCreateOpen: (state: {
+        view: DisplayConditionView;
+        editing: {
+            id: number;
+            name: string;
+            description: string;
+            beforeScript: string;
+            afterScript: string;
+            extraData?: string | undefined;
+        } | null;
+        list: {
+            id: number;
+            name: string;
+            description: string;
+            syntax: "liquid" | "pongo";
+            method: "codeOnly" | "logicBuilder";
+            codeBefore: string;
+            codeAfter: string;
+            createdAt?: string | undefined;
+        }[];
+        listStatus: DisplayConditionListStatus;
+        pendingDelete: {
+            id: number;
+            name: string;
+            description: string;
+            syntax: "liquid" | "pongo";
+            method: "codeOnly" | "logicBuilder";
+            codeBefore: string;
+            codeAfter: string;
+            createdAt?: string | undefined;
+        } | null;
+    } & import("pinia").PiniaCustomStateProperties<DisplayConditionState>) => boolean;
+    isSelectOpen: (state: {
+        view: DisplayConditionView;
+        editing: {
+            id: number;
+            name: string;
+            description: string;
+            beforeScript: string;
+            afterScript: string;
+            extraData?: string | undefined;
+        } | null;
+        list: {
+            id: number;
+            name: string;
+            description: string;
+            syntax: "liquid" | "pongo";
+            method: "codeOnly" | "logicBuilder";
+            codeBefore: string;
+            codeAfter: string;
+            createdAt?: string | undefined;
+        }[];
+        listStatus: DisplayConditionListStatus;
+        pendingDelete: {
+            id: number;
+            name: string;
+            description: string;
+            syntax: "liquid" | "pongo";
+            method: "codeOnly" | "logicBuilder";
+            codeBefore: string;
+            codeAfter: string;
+            createdAt?: string | undefined;
+        } | null;
+    } & import("pinia").PiniaCustomStateProperties<DisplayConditionState>) => boolean;
+}, {
+    openCreate(editing?: AppliedDisplayCondition | null): void;
+    openSelect(): void;
+    close(): void;
+}>;
+export {};

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

@@ -0,0 +1,10 @@
+import type { AppliedDisplayCondition, DisplayConditionSource } from '@@/Types/display-condition';
+export declare const parseSource: (condition: AppliedDisplayCondition | null | undefined) => DisplayConditionSource | null;
+type ConditionLike = Omit<AppliedDisplayCondition, 'description'> & {
+    description?: string | null;
+};
+export declare const toAppliedCondition: (condition: ConditionLike | null | undefined) => AppliedDisplayCondition | null;
+export declare const nextConditionId: () => number;
+export type CodeField = 'codeBefore' | 'codeAfter';
+export declare const findInvalidCodeFields: (codeBefore: string, codeAfter: string) => CodeField[];
+export {};

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

@@ -0,0 +1,2 @@
+export declare function protectTableText(html: string): string;
+export declare const restoreTableText: (html: string) => string;

package/dist/stores/config.js

@@ -1,8 +1,8 @@
-import { MessageType as r } from "../@types/config/schemas.js";
+import { MessageType as a } from "../@types/config/schemas.js";
 import "../@types/config/defaults.js";
-import { parseConfig as a } from "../@types/config/validator.js";
-import { defineStore as o } from "pinia";
-const g = o("guido-config", {
+import { parseConfig as o } from "../@types/config/validator.js";
+import { defineStore as l } from "pinia";
+const g = l("guido-config", {
   state: () => ({
     initialized: !1,
     config: null
@@ -132,7 +132,7 @@ const g = o("guido-config", {
      * consumers stay safe in setup where a raw config read snapshots null (SD-147945).
      */
     isTransactional() {
-      return this.messageType === r.TRANSACTIONAL;
+      return this.messageType === a.TRANSACTIONAL;
     },
     /**
      * Soft-save policy: may the editor persist a template with validation errors?
@@ -158,6 +158,13 @@ const g = o("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
@@ -174,7 +181,7 @@ const g = o("guido-config", {
      * Initialize the config store with validated configuration
      */
     init(i) {
-      const e = a(i);
+      const e = o(i);
       this.config = e, this.initialized = !0;
     },
     /**

package/dist/stores/display-condition.js

@@ -0,0 +1,28 @@
+import { defineStore as i } from "pinia";
+const n = i("guidoDisplayCondition", {
+  state: () => ({
+    view: "none",
+    editing: null,
+    list: [],
+    listStatus: "idle",
+    pendingDelete: null
+  }),
+  getters: {
+    isCreateOpen: (e) => e.view === "create",
+    isSelectOpen: (e) => e.view === "select"
+  },
+  actions: {
+    openCreate(e = null) {
+      this.editing = e, this.view = "create";
+    },
+    openSelect() {
+      this.editing = null, this.view = "select";
+    },
+    close() {
+      this.view = "none", this.pendingDelete = null;
+    }
+  }
+});
+export {
+  n as useDisplayConditionStore
+};

package/dist/utils/displayCondition.js

@@ -0,0 +1,26 @@
+import { DisplayConditionSourceType as d } from "../enums/display-condition.js";
+const m = (e) => {
+  if (!e)
+    return null;
+  try {
+    return JSON.parse(e.extraData ?? "{}").source === d.INLINE ? "inline" : "saved";
+  } catch {
+    return "saved";
+  }
+}, E = (e) => !e || !(e.name || e.beforeScript || e.afterScript) ? null : { ...e, description: e.description ?? "" };
+let o = 0;
+const w = () => (o = Math.max(Date.now(), o + 1), o), f = /{%-?\s*(\w+)[\s\S]*?-?%}/g, p = /{%[\s\S]*?%}|{{[\s\S]*?}}/g, u = /{%-?\s*(comment|raw)\s*-?%}[\s\S]*?{%-?\s*end\1\s*-?%}/g, l = /* @__PURE__ */ new Set(["if", "unless", "for", "case", "capture", "tablerow", "comment"]), h = /* @__PURE__ */ new Set(["else", "elsif", "elif", "when"]), S = (e) => /{%|%}|{{|}}/.test(e.replace(p, "")), C = (e, c) => {
+  const t = /* @__PURE__ */ new Set(), r = [];
+  return [["codeBefore", e], ["codeAfter", c]].forEach(([n, i]) => {
+    const a = i.replace(u, "");
+    S(a) && t.add(n), Array.from(a.matchAll(f), (s) => s[1]).forEach((s) => {
+      l.has(s) ? r.push(s) : s.startsWith("end") && l.has(s.slice(3)) ? r.pop() !== s.slice(3) && t.add(n) : h.has(s) && !r.length && t.add(n);
+    });
+  }), r.length && t.add("codeAfter"), [...t];
+};
+export {
+  C as findInvalidCodeFields,
+  w as nextConditionId,
+  m as parseSource,
+  E as toAppliedCondition
+};

package/dist/utils/pairProductVariables.js

@@ -2,34 +2,35 @@ import { ITEMS_CURRENCY_ATTR as U, isCustomCurrencySymbol as Y } from "../extens
 import { productPairs as M } from "../extensions/Blocks/Items/enums/productEnums.js";
 import { escapeReplacement as B } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
 import { preserveTextStyles as L } from "./preserveTextStyles.js";
-import { unwrapProductNameLinks as X } from "./unwrapProductNameLink.js";
+import { protectTableText as X, restoreTableText as v } from "./protectTableText.js";
+import { unwrapProductNameLinks as j } from "./unwrapProductNameLink.js";
 const q = {
   CART_ITEMS: "ins_apr",
   BROWSED_ITEMS: "browsed_item",
   PURCHASED_ITEMS: "purchased_item"
 }, W = ($) => $.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
-function v($, C, A) {
+function Q($, C, A) {
   let d = C;
   for (; d > 0 && /\s/.test($[d - 1]); )
     d -= 1;
   return A.some((E) => $.endsWith(E, d));
 }
-const j = /(\s)href=(["'])(?:[^"']*#!|#)?\2/gi;
-function Q($, C) {
+const z = /(\s)href=(["'])(?:[^"']*#!|#)?\2/gi;
+function J($, C) {
   var d;
   const A = $.ownerDocument.createTreeWalker($, NodeFilter.SHOW_COMMENT);
   for (let E = A.nextNode(); E; E = A.nextNode())
-    (d = E.nodeValue) != null && d.includes("[if mso]") && (E.nodeValue = E.nodeValue.replace(j, (k, P) => `${P}href="${C}"`));
+    (d = E.nodeValue) != null && d.includes("[if mso]") && (E.nodeValue = E.nodeValue.replace(z, (k, P) => `${P}href="${C}"`));
 }
-function et($) {
-  const C = W($), A = new DOMParser().parseFromString(C, "text/html");
-  X(A);
+function ot($) {
+  const C = W(X($)), A = new DOMParser().parseFromString(C, "text/html");
+  j(A);
   const d = M.PAIRS_FOR_EXTENSION;
   Object.entries(d).forEach(([o, p]) => {
     A.querySelectorAll(".ins-product-td").forEach((r) => {
       const _ = r.getAttribute("data-number") || "1", y = r.getAttribute("data-type") || "CART_ITEMS";
       r.querySelectorAll(`[product-attr="${o}"]`).forEach((t) => {
-        var S, I, O, x;
+        var b, I, D, O;
         const m = t.getAttribute("data-type") || y, n = t.getAttribute("data-number") || _, f = p[m];
         if (f)
           switch (o) {
@@ -45,12 +46,12 @@ function et($) {
                   return a.includes(g) || a.includes(u) || H === u;
                 }) && (e.src = `{{${c}_${n}}}`);
               }
-              const i = (I = (S = d.name) == null ? void 0 : S[m]) == null ? void 0 : I.ATTR;
+              const i = (I = (b = d.name) == null ? void 0 : b[m]) == null ? void 0 : I.ATTR;
               if (i && e.setAttribute("alt", `{{${i}_${n}}}`), s) {
-                const a = (O = d.itemLink) == null ? void 0 : O[m];
+                const a = (D = d.itemLink) == null ? void 0 : D[m];
                 if (a) {
-                  const b = a.HREF, g = a.DEFAULT_HREF || "#!", u = s.href;
-                  (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(g) || u === `${window.location.href}${g}` || !u || u === window.location.href) && (s.href = `{{${b}_${n}}}`);
+                  const S = a.HREF, g = a.DEFAULT_HREF || "#!", u = s.href;
+                  (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(g) || u === `${window.location.href}${g}` || !u || u === window.location.href) && (s.href = `{{${S}_${n}}}`);
                 }
               }
               break;
@@ -60,25 +61,25 @@ function et($) {
               t.textContent && (t.innerHTML = L(t, `{{${s}_${n}}}`));
               const i = t.closest("a") || (t.tagName === "A" ? t : null);
               if (i && c) {
-                const a = i.href, b = `${window.location.href}${l}`;
-                (a === b || a.endsWith(l)) && (i.href = `{{${c}_${n}}}`);
+                const a = i.href, S = `${window.location.href}${l}`;
+                (a === S || a.endsWith(l)) && (i.href = `{{${c}_${n}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
               const e = f, s = t.getAttribute("data-formated"), l = t.getAttribute("data-single_price"), c = s === "true", i = l === "true", a = t.getAttribute(U.POSITION) || "before";
-              let b;
-              i ? b = c ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : b = c ? e.PRICE_FORMATTED : e.PRICE;
+              let S;
+              i ? S = c ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : S = c ? e.PRICE_FORMATTED : e.PRICE;
               const g = e.CURRENCY;
-              let u = `{{${b}_${n}}}`;
+              let u = `{{${S}_${n}}}`;
               const H = (t.getAttribute(U.SYMBOL) || "").trim(), G = Y(H);
               let F = "";
               G ? F = H : g && (F = `{{${g}_${n}}}`), F && (u = a === "after" ? `${u} ${F}` : `${F} ${u}`), t.innerHTML = L(t, u);
               break;
             }
             case "quantity": {
-              const e = f, s = e.ATTR, l = [e.DEFAULT, ...e.LEGACY_DEFAULTS], c = (x = t.textContent) == null ? void 0 : x.trim();
+              const e = f, s = e.ATTR, l = [e.DEFAULT, ...e.LEGACY_DEFAULTS], c = (O = t.textContent) == null ? void 0 : O.trim();
               c && l.includes(c) && (t.innerHTML = L(t, `{{${s}_${n}}}`));
               break;
             }
@@ -88,7 +89,7 @@ function et($) {
                 const i = c.href || "", a = `${window.location.href}${l}`;
                 (i === "" || i === "#" || i === a || i.endsWith(l) || i.endsWith("#!") || i === window.location.href) && (c.href = `{{${s}_${n}}}`);
               }
-              Q(t, `{{${s}_${n}}}`);
+              J(t, `{{${s}_${n}}}`);
               break;
             }
             case "itemLink": {
@@ -129,30 +130,30 @@ function et($) {
       h = h.replace(o, B(n));
     }
   });
-  const V = A.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Set();
+  const V = A.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Set();
   return V.forEach((o) => {
     var t;
     const p = o.getAttribute("data-number"), T = o.getAttribute("data-type");
     if (!p || !q[T])
       return;
     const r = o.closest(".product-original-price-class");
-    if (!r || D.has(r))
+    if (!r || x.has(r))
       return;
-    D.add(r);
+    x.add(r);
     const _ = r.outerHTML, y = (t = o.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), R = w.get(_) ?? { number: p, type: T, wrap: [] };
     R.wrap.push(y !== "false"), w.set(_, R);
   }), w.forEach(({ number: o, type: p, wrap: T }, r) => {
     if (r.includes("{% if") || !T.some(Boolean))
       return;
     const _ = M.PAIRS_FOR_EXTENSION.price[p].PRICE, y = M.PAIRS_FOR_EXTENSION.originalPrice[p].PRICE, R = `{% if ${_}_${o} != ${y}_${o} %}`, t = [R, W(R)];
-    let m = "", n = 0, f = 0, S = h.indexOf(r);
-    for (; S !== -1; ) {
-      const I = T[f] === !0 && !v(h, S, t);
-      m += h.slice(n, S) + (I ? `${R}${r}{% endif %}` : r), n = S + r.length, f += 1, S = h.indexOf(r, n);
+    let m = "", n = 0, f = 0, b = h.indexOf(r);
+    for (; b !== -1; ) {
+      const I = T[f] === !0 && !Q(h, b, t);
+      m += h.slice(n, b) + (I ? `${R}${r}{% endif %}` : r), n = b + r.length, f += 1, b = h.indexOf(r, n);
     }
     h = m + h.slice(n);
-  }), h.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  }), v(h.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}"));
 }
 export {
-  et as pairProductVariables
+  ot as pairProductVariables
 };

package/dist/utils/protectTableText.js

@@ -0,0 +1,22 @@
+const c = "guido-table-text:", l = new RegExp(`<!--${c}([A-Za-z0-9+/=]*)-->`, "g"), i = /<!--[\s\S]*?-->|\{%[\s\S]*?%\}|<[a-zA-Z/!?](?:[^>"']|"[^"]*"|'[^']*')*>|[^<{]+|[<{]/g, o = /* @__PURE__ */ new Set(["table", "tbody", "thead", "tfoot", "tr"]), T = /* @__PURE__ */ new Set([...o, "td", "th", "caption"]), d = (s) => btoa(unescape(encodeURIComponent(s))), f = (s) => decodeURIComponent(escape(atob(s))), p = (s) => {
+  const e = /^<(\/?)([a-zA-Z][\w-]*)/.exec(s);
+  return { name: e ? e[2].toLowerCase() : "", closing: e ? e[1] === "/" : !1 };
+};
+function u(s) {
+  const e = [];
+  let a = !1;
+  return s.replace(i, (t) => {
+    if (t.startsWith("<!--") || t.startsWith("{%"))
+      return t;
+    if (t.length > 1 && t.startsWith("<")) {
+      const { name: n, closing: r } = p(t);
+      return a = T.has(n), a && (r ? e.includes(n) && e.splice(e.lastIndexOf(n)) : e.push(n)), t;
+    }
+    return a && o.has(e[e.length - 1] ?? "") && t.trim() ? `<!--${c}${d(t)}-->` : t;
+  });
+}
+const E = (s) => s.replace(l, (e, a) => f(a));
+export {
+  u as protectTableText,
+  E as restoreTableText
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.21.2-beta.e1315e9",
+  "version": "3.21.2-beta.e89b843",
   "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",