@useinsider/guido 3.6.0-beta.4dae674 → 3.6.0-beta.590990f

package/dist/composables/useSave.js

@@ -1,31 +1,32 @@
 import { useActionsApi as x } from "./useActionsApi.js";
 import { useConfig as y } from "./useConfig.js";
-import { useSaveStart as w, useSaveComplete as C } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as E } from "./useSyncModuleExtractor.js";
-import { useStripoApi as H } from "../services/stripoApi.js";
-import { useTemplatePreparation as b } from "../utils/templatePreparation.js";
-import { useHtmlValidator as q } from "./useHtmlValidator.js";
+import { useSaveStart as w, useSaveComplete as H } from "./useGuidoActions.js";
+import { useSyncModuleExtractor as q } from "./useSyncModuleExtractor.js";
+import { useStripoApi as C } from "../services/stripoApi.js";
+import { useTemplatePreparation as E } from "../utils/templatePreparation.js";
+import { useHtmlValidator as k } from "./useHtmlValidator.js";
 import { useCouponBlockValidator as L } from "./validators/useCouponBlockValidator.js";
 import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
-const z = () => {
-  const o = w(), s = C(), { validateHtml: r } = q(), { validateLiquidSyntax: n } = P(), { validateCouponBlockTags: l } = L(), { callbacks: a, isFeatureEnabled: d } = y(), { extractSyncModuleData: u } = E(), { setSyncModuleUnsubscriptionPages: c } = H(), { editorSave: m } = x();
-  return { save: async (p = !1, f = !1) => {
-    var i;
+import { useUnsubscribeBlockValidator as B } from "./validators/useUnsubscribeBlockValidator.js";
+const J = () => {
+  const o = w(), s = H(), { validateHtml: r } = k(), { validateLiquidSyntax: n } = P(), { validateCouponBlockTags: l } = L(), { validateUnsubscribeBlockUniqueness: d } = B(), { callbacks: i, isFeatureEnabled: u } = y(), { extractSyncModuleData: c } = q(), { setSyncModuleUnsubscriptionPages: m } = C(), { editorSave: p } = x();
+  return { save: async (f = !1, v = !1) => {
+    var a;
     o();
-    const { prepareTemplateDetails: v } = b(), t = await v();
-    if (!l(t.compiledHtml))
+    const { prepareTemplateDetails: S } = E(), t = await S();
+    if (!l(t.compiledHtml) || !d(t.compiledHtml))
       return;
-    if (d("liquidSyntax")) {
+    if (u("liquidSyntax")) {
       if (!await n(t.compiledHtml))
         return;
     } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
       return;
-    if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t) || !await m())
+    if ((a = i.value) != null && a.externalValidation && !await i.value.externalValidation(t) || !await p())
       return;
-    const { unsubscribePayload: S, stripoModules: V } = u(t.rawHtml);
-    return await c(S), t.modules = V, p || s({ ...t, silent: f }), t;
+    const { unsubscribePayload: V, stripoModules: b } = c(t.rawHtml);
+    return await m(V), t.modules = b, f || s({ ...t, silent: v }), t;
   } };
 };
 export {
-  z as useSave
+  J as useSave
 };

package/dist/composables/validators/useUnsubscribeBlockValidator.js

@@ -0,0 +1,24 @@
+import { ToasterTypeOptions as p } from "../../enums/toaster.js";
+import { PAGE_TYPES as n } from "../../enums/unsubscribe.js";
+import { DATA_ATTRIBUTES as b } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { useToaster as f } from "../useToaster.js";
+import { useTranslations as m } from "../useTranslations.js";
+const E = ".unsubscribe-block-v2", C = () => {
+  const { showToaster: i } = f(), r = m();
+  return { validateUnsubscribeBlockUniqueness: (c) => {
+    const u = new DOMParser().parseFromString(c, "text/html"), a = Array.from(u.querySelectorAll(E));
+    let s = 0, t = 0;
+    a.forEach((l) => {
+      const o = Number(l.getAttribute(b.PAGE_TYPE));
+      o === n.GLOBAL_UNSUBSCRIBE ? s += 1 : o === n.SUBSCRIPTION_PREFERENCE_CENTER && (t += 1);
+    });
+    const e = [];
+    return s > 1 && e.push(r("unsubscription-preference.global-unsub-added")), t > 1 && e.push(r("unsubscription-preference.pref-center-added")), e.length ? (i({
+      type: p.Alert,
+      message: e.join(" ")
+    }), !1) : !0;
+  } };
+};
+export {
+  C as useUnsubscribeBlockValidator
+};

package/dist/extensions/Blocks/Recommendation/controls/main/layoutOrientation.js

@@ -1,6 +1,6 @@
-var p = Object.defineProperty;
-var A = (o, e, t) => e in o ? p(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var r = (o, e, t) => A(o, typeof e != "symbol" ? e + "" : e, t);
+var O = Object.defineProperty;
+var p = (o, e, t) => e in o ? O(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var r = (o, e, t) => p(o, typeof e != "symbol" ? e + "" : e, t);
 import { ModificationDescription as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as N } from "../../../common-control.js";
 import { ATTR_DATA_CUSTOM_ATTRIBUTES as L } from "../../constants/selectors.js";
@@ -9,9 +9,9 @@ import { DEFAULT_COMPOSITION as _ } from "../../constants/defaultConfig.js";
 import { RecommendationConfigService as s } from "../../services/configService.js";
 import { useRecommendationExtensionStore as f } from "../../store/recommendation.js";
 import { getCurrentLayout as C, getBlockElement as I, regenerateProductRowsWithStyles as S } from "./utils.js";
-const U = "recommendation-layout-orientation-control", O = "recommendationInfoBannerTest", a = {
+const U = "recommendation-layout-orientation-control", A = "recommendationInfoBannerTest", a = {
   LAYOUT: "layout"
-}, y = "data-card-composition", n = {
+}, y = "data-card-composition", i = {
   LAYOUT: "data-layout",
   COLUMN_SPACING: "data-column-spacing",
   ROW_SPACING: "data-row-spacing",
@@ -30,7 +30,7 @@ class Y extends N {
   getTemplate() {
     return `
             <div class="layout-control-container">
-                ${this._GuOnPageMessage({ name: O })}
+                ${this._GuOnPageMessage({ name: A })}
 
                 ${this._GuTwoColumns([
       this._GuLabel({ text: this.api.translate("Layout Orientation") }),
@@ -44,11 +44,10 @@ class Y extends N {
   }
   onRender() {
     this._setInfoMessageValue(
-      O,
+      A,
       this.api.translate(
-        `Note that updating the Layout Orientation, Number of Products,
-                Products in One Row and Mobile Layout Optimization settings
-                resets the style of your Recommendation block.`
+        `Note that updating the Layout Orientation, Number of Products and
+                Products in One Row settings resets the style of your Recommendation block.`
       )
     ), this._setFormValues(), this._listenToFormUpdates();
   }
@@ -84,8 +83,8 @@ class Y extends N {
           },
           `Changed layout to ${t}`
         ), this.store.patchCurrentBlockConfig({ orientation: t });
-        const i = this.api.getDocumentModifier().modifyHtml(c).setAttribute(n.LAYOUT, t).setAttribute(n.COLUMN_SPACING, g.toString()).setAttribute(n.ROW_SPACING, l.toString()).setAttribute(n.MOBILE_COLUMN_SPACING, d.toString()).setAttribute(n.MOBILE_ROW_SPACING, m.toString());
-        t === "list" ? (i.setClass("es-m-p0"), i.setClass("ins-recommendation-list-layout")) : (i.removeClass("es-m-p0"), i.removeClass("ins-recommendation-list-layout")), i.setAttribute(y, _.join(",")).setAttribute(L, "[]"), i.apply(new h(`Update layout to ${t}`)), this._regenerateProductRows(t);
+        const n = this.api.getDocumentModifier().modifyHtml(c).setAttribute(i.LAYOUT, t).setAttribute(i.COLUMN_SPACING, g.toString()).setAttribute(i.ROW_SPACING, l.toString()).setAttribute(i.MOBILE_COLUMN_SPACING, d.toString()).setAttribute(i.MOBILE_ROW_SPACING, m.toString());
+        t === "list" ? (n.setClass("es-m-p0"), n.setClass("ins-recommendation-list-layout")) : (n.removeClass("es-m-p0"), n.removeClass("ins-recommendation-list-layout")), n.setAttribute(y, _.join(",")).setAttribute(L, "[]"), n.apply(new h(`Update layout to ${t}`)), this._regenerateProductRows(t);
       } finally {
         this.isChangingLayout = !1;
       }

package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js

@@ -1,5 +1,5 @@
 import { RecommendationBlockId as s } from "../../constants/blockIds.js";
-import { ATTR_PRODUCT_ATTR as u, CSS_CLASS_RECO_BUTTON as p, ATTR_PRODUCT_BUTTON as m, ATTR_PRODUCT_OMNIBUS_DISCOUNT as h, ATTR_PRODUCT_OMNIBUS_PRICE as y, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_NAME as x, ATTR_PRODUCT_IMAGE as _ } from "../../constants/selectors.js";
+import { ATTR_PRODUCT_ATTR as u, CSS_CLASS_RECO_BUTTON as p, ATTR_PRODUCT_BUTTON as m, ATTR_PRODUCT_OMNIBUS_DISCOUNT as h, ATTR_PRODUCT_OMNIBUS_PRICE as y, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_NAME as _, ATTR_PRODUCT_IMAGE as x } from "../../constants/selectors.js";
 import { useRecommendationExtensionStore as $ } from "../../store/recommendation.js";
 import { formatPrice as C } from "../../utils/priceFormatter.js";
 import { CUSTOM_CELL_HTML as R, sanitizeImageUrl as O } from "../utils.js";
@@ -23,7 +23,7 @@ function i(t, e = "price") {
   });
 }
 const S = {
-  [_]: (t) => `
+  [x]: (t) => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
@@ -51,7 +51,7 @@ const S = {
             </table>
         </td>
     `,
-  [x]: (t) => `
+  [_]: (t) => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="middle">
             <table
                 class="product-card-segment"
@@ -115,9 +115,7 @@ const S = {
                             class="esd-block-text product-old-price es-p15l es-p15r"
                             align="center"
                             esd-extension-block-id="${s.OLD_PRICE}">
-                            <p
-                                contenteditable="false"
-                                style="font-size: 14px; color: #999999; text-decoration: line-through;">
+                            <p contenteditable="false" style="font-size: 14px; color: #999999;">
                                 <strong>${i(t, "original_price")}</strong>
                             </p>
                         </td>

package/dist/extensions/Blocks/Recommendation/utils/priceFormatter.js

@@ -1,29 +1,29 @@
-function d(c, t) {
-  const { thousandSeparator: i, decimalSeparator: e, decimalCount: r } = t, [u, o = ""] = String(c).split("."), n = o.slice(0, r).padEnd(r, "0"), a = u.replace(
+function d(a, t) {
+  const { thousandSeparator: s, decimalSeparator: e, decimalCount: r } = t, u = Math.abs(a).toFixed(r), [c, o] = u.split("."), n = c.replace(
     /\B(?=(\d{3})+(?!\d))/g,
-    i
-  );
-  return r > 0 && n ? `${a}${e}${n}` : a;
+    s
+  ), i = a < 0 ? "-" : "";
+  return r > 0 && o ? `${i}${n}${e}${o}` : `${i}${n}`;
 }
-function f(c) {
-  const { price: t, currency: i } = c, {
+function m(a) {
+  const { price: t, currency: s } = a, {
     symbol: e,
     alignment: r,
     thousandSeparator: u,
-    decimalSeparator: o,
-    decimalCount: n
-  } = i;
+    decimalSeparator: c,
+    decimalCount: o
+  } = s;
   if (typeof t != "number" || Number.isNaN(t)) {
-    const s = "0".repeat(n), m = `0${o}${s}`;
-    return r === "before" ? `${e} ${m}` : `${m} ${e}`;
+    const i = "0".repeat(o), $ = `0${c}${i}`;
+    return r === "before" ? `${e} ${$}` : `${$} ${e}`;
   }
-  const a = d(t, {
+  const n = d(t, {
     thousandSeparator: u,
-    decimalSeparator: o,
-    decimalCount: n
+    decimalSeparator: c,
+    decimalCount: o
   });
-  return r === "before" ? `${e} ${a}` : `${a} ${e}`;
+  return r === "before" ? `${e} ${n}` : `${n} ${e}`;
 }
 export {
-  f as formatPrice
+  m as formatPrice
 };

package/dist/src/composables/validators/useUnsubscribeBlockValidator.d.ts

@@ -0,0 +1,3 @@
+export declare const useUnsubscribeBlockValidator: () => {
+    validateUnsubscribeBlockUniqueness: (html: string) => boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.6.0-beta.4dae674",
+  "version": "3.6.0-beta.590990f",
   "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",