@useinsider/guido 3.9.1-beta.c521c3a → 3.9.1-beta.de8e72f

package/dist/utils/pairProductVariables.js

@@ -1,84 +1,85 @@
-import { productPairs as q } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { DefaultConfigValues as N } from "../extensions/Blocks/Items/enums/settingsEnums.js";
-function W(M) {
-  const S = M.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), g = new DOMParser().parseFromString(S, "text/html"), m = q.PAIRS_FOR_EXTENSION;
-  Object.entries(m).forEach(([r, f]) => {
-    g.querySelectorAll(".ins-product-td").forEach((c) => {
-      const A = c.getAttribute("data-number") || "1", C = c.getAttribute("data-type") || "CART_ITEMS";
-      c.querySelectorAll(`[product-attr="${r}"]`).forEach((e) => {
-        var F, I, w;
-        const $ = e.getAttribute("data-type") || C, u = e.getAttribute("data-number") || A, d = f[$];
-        if (d)
+import { productPairs as L } from "../extensions/Blocks/Items/enums/productEnums.js";
+function q(w) {
+  const y = w.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), T = new DOMParser().parseFromString(y, "text/html"), C = L.PAIRS_FOR_EXTENSION;
+  Object.entries(C).forEach(([r, f]) => {
+    T.querySelectorAll(".ins-product-td").forEach((o) => {
+      const A = o.getAttribute("data-number") || "1", b = o.getAttribute("data-type") || "CART_ITEMS";
+      o.querySelectorAll(`[product-attr="${r}"]`).forEach((e) => {
+        var k, F, I;
+        const $ = e.getAttribute("data-type") || b, d = e.getAttribute("data-number") || A, u = f[$];
+        if (u)
           switch (r) {
             case "imageSrc": {
               let t = null, i = null;
               if (e.tagName === "IMG" ? (t = e, i = t.closest("a")) : (t = e.querySelector("img"), i = e.querySelector("a") || e.closest("a")), !t)
                 break;
-              const a = d.DEFAULT, s = d.ATTR;
+              const a = u.DEFAULT, s = u.ATTR;
               if (a && t.src) {
-                const o = t.src;
+                const c = t.src;
                 a.some((h) => {
-                  const l = h.split("/").pop() || "", b = o.split("/").pop() || "";
-                  return o.includes(h) || o.includes(l) || b === l;
-                }) && (t.src = `{{${s}_${u}}}`);
+                  const l = h.split("/").pop() || "", g = c.split("/").pop() || "";
+                  return c.includes(h) || c.includes(l) || g === l;
+                }) && (t.src = `{{${s}_${d}}}`);
               }
-              const n = (I = (F = m.name) == null ? void 0 : F[$]) == null ? void 0 : I.ATTR;
-              if (n && t.setAttribute("alt", `{{${n}_${u}}}`), i) {
-                const o = (w = m.itemLink) == null ? void 0 : w[$];
-                if (o) {
-                  const E = o.HREF, h = o.DEFAULT_HREF || "#!", l = i.href;
-                  (l === "#" || l === "" || l.endsWith("#!") || l.endsWith(h) || l === `${window.location.href}${h}` || !l || l === window.location.href) && (i.href = `{{${E}_${u}}}`);
+              const n = (F = (k = C.name) == null ? void 0 : k[$]) == null ? void 0 : F.ATTR;
+              if (n && t.setAttribute("alt", `{{${n}_${d}}}`), i) {
+                const c = (I = C.itemLink) == null ? void 0 : I[$];
+                if (c) {
+                  const E = c.HREF, h = c.DEFAULT_HREF || "#!", l = i.href;
+                  (l === "#" || l === "" || l.endsWith("#!") || l.endsWith(h) || l === `${window.location.href}${h}` || !l || l === window.location.href) && (i.href = `{{${E}_${d}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const t = d, i = t.ATTR, a = t.DEFAULT_HREF || "#!", s = t.HREF;
-              e.textContent && (e.textContent = `{{${i}_${u}}}`);
+              const t = u, i = t.ATTR, a = t.DEFAULT_HREF || "#!", s = t.HREF;
+              e.textContent && (e.textContent = `{{${i}_${d}}}`);
               const n = e.closest("a") || (e.tagName === "A" ? e : null);
               if (n && s) {
-                const o = n.href, E = `${window.location.href}${a}`;
-                (o === E || o.endsWith(a)) && (n.href = `{{${s}_${u}}}`);
+                const c = n.href, E = `${window.location.href}${a}`;
+                (c === E || c.endsWith(a)) && (n.href = `{{${s}_${d}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const t = d, i = e.getAttribute("data-formated"), a = e.getAttribute("data-single_price"), s = i === "true", n = a === "true", o = e.getAttribute("data-curency") || "before";
+              const t = u, i = e.getAttribute("data-formated"), a = e.getAttribute("data-single_price"), s = i === "true", n = a === "true", c = e.getAttribute("data-curency") || "before";
               let E;
               n ? E = s ? t.SINGLE_PRICE_FORMATTED : t.SINGLE_PRICE : E = s ? t.PRICE_FORMATTED : t.PRICE;
               const h = t.CURRENCY;
-              let l = `{{${E}_${u}}}`;
-              const b = (e.getAttribute("data-currency_symbol") || "").trim(), x = b !== "" && b !== N.productPriceCurrencySymbolControlValue;
-              let T = "";
-              x ? T = b : h && (T = `{{${h}_${u}}}`), T && (l = o === "after" ? `${l} ${T}` : `${T} ${l}`), e.textContent = l;
+              let l = `{{${E}_${d}}}`;
+              if (h) {
+                const g = `{{${h}_${d}}}`;
+                l = c === "after" ? `${l} ${g}` : `${g} ${l}`;
+              }
+              e.textContent = l;
               break;
             }
             case "quantity": {
-              const t = d, i = t.ATTR, a = t.DEFAULT;
-              e.textContent && e.textContent.trim() === a && (e.textContent = `{{${i}_${u}}}`);
+              const t = u, i = t.ATTR, a = t.DEFAULT;
+              e.textContent && e.textContent.trim() === a && (e.textContent = `{{${i}_${d}}}`);
               break;
             }
             case "button": {
-              const t = d, i = t.HREF, a = t.DEFAULT_HREF || "#!", s = e.tagName === "A" ? e : e.querySelector("a");
+              const t = u, i = t.HREF, a = t.DEFAULT_HREF || "#!", s = e.tagName === "A" ? e : e.querySelector("a");
               if (s) {
-                const n = s.href || "", o = `${window.location.href}${a}`;
-                (n === "" || n === "#" || n === o || n.endsWith(a) || n.endsWith("#!") || n === window.location.href) && (s.href = `{{${i}_${u}}}`);
+                const n = s.href || "", c = `${window.location.href}${a}`;
+                (n === "" || n === "#" || n === c || n.endsWith(a) || n.endsWith("#!") || n === window.location.href) && (s.href = `{{${i}_${d}}}`);
               }
               break;
             }
             case "itemLink": {
-              const t = d, i = t.HREF, a = t.DEFAULT_HREF || "#!", s = e;
+              const t = u, i = t.HREF, a = t.DEFAULT_HREF || "#!", s = e;
               if (s.href) {
-                const n = s.href, o = `${window.location.href}${a}`;
-                (n === o || n.endsWith(a)) && (s.href = `{{${i}_${u}}}`);
+                const n = s.href, c = `${window.location.href}${a}`;
+                (n === c || n.endsWith(a)) && (s.href = `{{${i}_${d}}}`);
               }
               break;
             }
             default: {
-              if ("ATTR" in d) {
-                const t = d.ATTR;
-                e.textContent && (e.textContent = `{{${t}_${u}}}`);
+              if ("ATTR" in u) {
+                const t = u.ATTR;
+                e.textContent && (e.textContent = `{{${t}_${d}}}`);
               }
               break;
             }
@@ -86,48 +87,48 @@ function W(M) {
       });
     });
   });
-  const H = S.match(/<!DOCTYPE[^>]*>/i), P = H ? `${H[0]}
-` : "", D = g.querySelectorAll(".ins-product-td"), k = [];
-  D.forEach((r) => {
-    const f = r.getAttribute("data-type") || "CART_ITEMS", p = r.getAttribute("data-number") || "1", c = r.getAttribute("data-nodup"), A = r.outerHTML;
-    k.push({
+  const S = y.match(/<!DOCTYPE[^>]*>/i), M = S ? `${S[0]}
+` : "", P = T.querySelectorAll(".ins-product-td"), H = [];
+  P.forEach((r) => {
+    const f = r.getAttribute("data-type") || "CART_ITEMS", p = r.getAttribute("data-number") || "1", o = r.getAttribute("data-nodup"), A = r.outerHTML;
+    H.push({
       element: r,
       outerHtml: A,
       type: f,
       number: p,
-      nodup: c || void 0
+      nodup: o || void 0
     });
   });
-  let _ = P + g.documentElement.outerHTML;
-  k.reverse().forEach(({ outerHtml: r, type: f, number: p }) => {
-    let c = "";
+  let _ = M + T.documentElement.outerHTML;
+  H.reverse().forEach(({ outerHtml: r, type: f, number: p }) => {
+    let o = "";
     switch (f) {
       case "CART_ITEMS":
-        c = "ins_apr_total_product_kind";
+        o = "ins_apr_total_product_kind";
         break;
       case "BROWSED_ITEMS":
-        c = "browsed_item_total_product_kind";
+        o = "browsed_item_total_product_kind";
         break;
       case "PURCHASED_ITEMS":
-        c = "purchased_item_total_product_kind";
+        o = "purchased_item_total_product_kind";
         break;
     }
-    if (c) {
-      const C = parseInt(p) - 1, $ = `${`{% if ${c} > ${C} %}`}${r}{% endif %}`;
+    if (o) {
+      const b = parseInt(p) - 1, $ = `${`{% if ${o} > ${b} %}`}${r}{% endif %}`;
       _ = _.replace(r, $);
     }
   });
-  const L = g.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), y = [];
-  return L.forEach((r) => {
+  const D = T.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), R = [];
+  return D.forEach((r) => {
     const f = r.getAttribute("data-number"), p = r.getAttribute("data-type");
     if (!f || p !== "CART_ITEMS")
       return;
-    const c = r.closest(".product-original-price-class");
-    if (c) {
-      const A = c.outerHTML;
-      y.some((R) => R.tdOuterHtml === A) || y.push({ tdOuterHtml: A, number: f });
+    const o = r.closest(".product-original-price-class");
+    if (o) {
+      const A = o.outerHTML;
+      R.some((m) => m.tdOuterHtml === A) || R.push({ tdOuterHtml: A, number: f });
     }
-  }), y.reverse().forEach(({ tdOuterHtml: r, number: f }) => {
+  }), R.reverse().forEach(({ tdOuterHtml: r, number: f }) => {
     const p = `{% if ins_apr_price_${f} != ins_apr_originalprice_${f} %}`;
     if (!_.includes(p) && !r.includes("{% if")) {
       const A = `${p}${r}{% endif %}`;
@@ -136,5 +137,5 @@ function W(M) {
   }), _.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  W as pairProductVariables
+  q as pairProductVariables
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.9.1-beta.c521c3a",
+  "version": "3.9.1-beta.de8e72f",
   "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/services/blankTemplate.js

@@ -1,34 +0,0 @@
-import { useToaster as m } from "../composables/useToaster.js";
-import { useTranslations as c } from "../composables/useTranslations.js";
-import { BLANK_TEMPLATE_HTML_URL as T, BLANK_TEMPLATE_CSS_URL as i } from "../enums/defaults.js";
-import { ToasterTypeOptions as p } from "../enums/toaster.js";
-const a = 3, f = 1e3;
-let s = null;
-const u = (e) => new Promise((t) => {
-  setTimeout(t, e);
-}), n = async (e) => {
-  const t = await fetch(e);
-  if (!t.ok)
-    throw new Error(`Blank template request failed: ${t.status}`);
-  return t.text();
-}, k = () => {
-  const { showToaster: e } = m(), t = c();
-  return { getBlankTemplate: async () => {
-    if (s)
-      return s;
-    for (let r = 1; r <= a; r++)
-      try {
-        const [o, l] = await Promise.all([
-          n(T),
-          n(i)
-        ]);
-        return s = { html: o, css: l }, s;
-      } catch (o) {
-        console.error(`Failed to fetch blank template (attempt ${r}/${a}):`, o), r < a && await u(r * f);
-      }
-    return e({ type: p.Alert, message: t("errors-pages.undefined-response") }), { html: "", css: "" };
-  } };
-};
-export {
-  k as useBlankTemplate
-};

package/dist/src/services/blankTemplate.d.ts

@@ -1,11 +0,0 @@
-import type { Template } from '@@/Types/stripo';
-/**
- * Fetches the blank starter template (html + css) from the email CDN — the single
- * source of truth shared with email-fe. Retries a few times, caches the result for
- * the session, and on persistent failure returns an empty template (the editor still
- * opens) plus a toaster. Kept separate from stripoApi: this is a CDN asset fetch, not
- * a Stripo backend call.
- */
-export declare const useBlankTemplate: () => {
-    getBlankTemplate: () => Promise<Template>;
-};