@useinsider/guido 3.27.1-beta.842075e → 3.27.1-beta.ea56928

package/dist/composables/useRecommendation.js

@@ -3,9 +3,9 @@ import { MinDeviceViewport as C, DefaultPadding as R } from "../enums/recommenda
 import { useRecommendationExtensionStore as g } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as h } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
-import { sanitizeProductIds as P } from "../extensions/Blocks/Recommendation/utils/productIds.js";
-import { useConfigStore as S } from "../stores/config.js";
-const M = () => ({
+import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
+import { useConfigStore as P } from "../stores/config.js";
+const B = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: s,
     mobileRightPadding: c,
@@ -24,7 +24,11 @@ const M = () => ({
         mobileLeftPadding: 0,
         mobileRightPadding: 0,
         cardsInRow: 2,
-        unresponsive: !1
+        unresponsive: !1,
+        priceBeforeTextValue: "",
+        priceAfterTextValue: "",
+        discountBeforeTextValue: "",
+        discountAfterTextValue: ""
       };
     const { recommendationConfigs: i } = a, e = i.orientation === "grid" ? "vertical" : "horizontal";
     return {
@@ -33,12 +37,16 @@ const M = () => ({
       mobileLeftPadding: 0,
       mobileRightPadding: 0,
       cardsInRow: i.cardsInRow,
-      unresponsive: i.unresponsive
+      unresponsive: i.unresponsive,
+      priceBeforeTextValue: "",
+      priceAfterTextValue: "",
+      discountBeforeTextValue: "",
+      discountAfterTextValue: ""
     };
   },
   buildCampaignUrl: (s, c) => {
     var l;
-    const o = g(), a = S(), i = Number(s);
+    const o = g(), a = P(), i = Number(s);
     let e;
     if (c)
       e = c;
@@ -70,7 +78,7 @@ const M = () => ({
       return delete r[s], o.recommendationCampaignUrls = r, "";
     }
     const t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", a.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", a.variationId), e.strategy === "manualMerchandising" ? t.set("productId", P(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", a.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", a.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const f = e.filters.filter((r) => r.isValid), m = b(f);
     m && t.set("filter", m), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(a.partnerName, e.strategy)).forEach(([r, n]) => t.set(r, n));
     const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${d}?${p}`;
@@ -78,5 +86,5 @@ const M = () => ({
   }
 });
 export {
-  M as useRecommendation
+  B as useRecommendation
 };

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,14 +1,14 @@
-import { useRecommendation as R } from "../../composables/useRecommendation.js";
-import { DUMMY_IMAGE_MAPPINGS as A, REGEX as m, VerticalOrientation as y, CSS as n, CONDITIONS as u, ATTRIBUTES as l, HTML as I } from "../../enums/recommendation.js";
-import { prepareRecommendationBlocks as S } from "./utils/recommendationCompilerUtils.js";
-const f = [
+import { useRecommendation as N } from "../../composables/useRecommendation.js";
+import { DUMMY_IMAGE_MAPPINGS as h, REGEX as d, VerticalOrientation as $, CSS as n, ATTRIBUTES as p, CONDITIONS as A, HTML as g } from "../../enums/recommendation.js";
+import { prepareRecommendationBlocks as O } from "./utils/recommendationCompilerUtils.js";
+const H = [
   {
     id: "replace-images-with-variable-names",
     description: "Replacing dummy images with variable names in recommendation module",
     type: "custom",
     processor: (t) => {
       let e = t;
-      return Object.entries(A).forEach(([, r]) => {
+      return Object.entries(h).forEach(([, r]) => {
         Object.entries(r).forEach(([o, i]) => {
           e = e.replaceAll(i, `{{${o}}}`);
         });
@@ -42,17 +42,17 @@ const f = [
     description: "Adding recommendation unresponsive css",
     type: "custom",
     processor: (t) => {
-      const { calculateCardWidth: e, getRecommendationCampaignData: r } = R();
+      const { calculateCardWidth: e, getRecommendationCampaignData: r } = N();
       let o = t;
-      const i = o.match(m.ID);
+      const i = o.match(d.ID);
       if (i) {
-        const c = [];
-        if (i.forEach((s) => {
-          const a = /recommendation-id="(.*?)"/i.exec(s), d = a ? a[1].trim() : "", p = r(d);
-          p.textTrimming && p.orientation === y && c.push(e(p));
-        }), c.length) {
-          const s = `width:${Math.min(...c)}px!important;`;
-          o = o.replace(n.REGULAR_NAME_HEIGHT, `${n.TRIMMED_NAME_HEIGHT} ${s} ${n.ELLIPSIS}`).replace(n.REGULAR_NAME_CONTAINER_HEIGHT, n.TRIMMED_NAME_CONTAINER_CSS).replace(n.RESPONSIVE_NAME_SIZE, `${n.RESPONSIVE_NAME_HEIGHT} ${s} ${n.ELLIPSIS}`).replace(n.RESPONSIVE_NAME_CONTAINER_HEIGHT, n.TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS);
+        const s = [];
+        if (i.forEach((c) => {
+          const m = /recommendation-id="(.*?)"/i.exec(c), E = m ? m[1].trim() : "", u = r(E);
+          u.textTrimming && u.orientation === $ && s.push(e(u));
+        }), s.length) {
+          const c = `width:${Math.min(...s)}px!important;`;
+          o = o.replace(n.REGULAR_NAME_HEIGHT, `${n.TRIMMED_NAME_HEIGHT} ${c} ${n.ELLIPSIS}`).replace(n.REGULAR_NAME_CONTAINER_HEIGHT, n.TRIMMED_NAME_CONTAINER_CSS).replace(n.RESPONSIVE_NAME_SIZE, `${n.RESPONSIVE_NAME_HEIGHT} ${c} ${n.ELLIPSIS}`).replace(n.RESPONSIVE_NAME_CONTAINER_HEIGHT, n.TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS);
         }
       }
       return o;
@@ -63,24 +63,36 @@ const f = [
     id: "prepare-recommendations",
     description: "Replacing product data with template variables in recommendation blocks",
     type: "custom",
-    processor: (t) => S(t),
+    processor: (t) => O(t),
     priority: 48
   },
   {
     id: "add-discount-conditions",
     description: "Adding discount conditions to the recommendation block",
     type: "custom",
-    processor: (t) => t.replace(m.ATTRIBUTE_PARAGRAPH, (e) => {
-      const r = e.match(m.CUSTOM_FIELD);
-      if (!r)
-        return e;
-      const [o] = r, i = o.match(m.CUSTOM_FIELD_INDEXES_PART), c = o.match(m.CUSTOM_FIELD_NAME_PART), s = e.match(m.ATTRIBUTE_PARAGRAPH_START_TAG);
-      if (!i || !c || !s)
-        return e;
-      const [a] = i, [d] = c, [p] = s, b = d.substring(1, d.length - 2), E = a.substring(2);
-      let _ = "";
-      return b in u.IF && (_ = u.IF[b].replaceAll(`{${l.DISCOUNT}}`, `${E}${l.DISCOUNT}`).replaceAll(`{${l.OMNIBUS_DISCOUNT}}`, `${E}${l.OMNIBUS_DISCOUNT}`).replaceAll(`{${l.OMNIBUS_PRICE}}`, `${E}${l.OMNIBUS_PRICE}`)), `${_}${e}${u.ELSE}${p}${I.PARAGRAPH_END_TAG}${u.END_IF}`;
-    }),
+    processor: (t) => {
+      let e = t;
+      const r = e.match(d.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: o } = N();
+      return r !== null && r.forEach((i) => {
+        const s = i.match(d.CUSTOM_FIELD);
+        if (!s)
+          return;
+        const [c] = s, m = c.match(d.CUSTOM_FIELD_INDEXES_PART), E = c.match(d.CUSTOM_FIELD_NAME_PART), u = i.match(d.ATTRIBUTE_PARAGRAPH_START_TAG);
+        if (!m || !E || !u)
+          return;
+        const [T] = m, [I] = E, [_] = u, b = I.substring(1, I.length - 2), S = _.match(d.COMPOSITION) !== null;
+        let a = c;
+        if (S) {
+          const y = T.substring(2, T.length - 3), l = o(y);
+          b === p.OMNIBUS_PRICE && (l.priceBeforeTextValue && (a = `${l.priceBeforeTextValue}${a}`), l.priceAfterTextValue && (a = `${a}${l.priceAfterTextValue}`)), b === p.OMNIBUS_DISCOUNT && (l.discountBeforeTextValue && (a = `${l.discountBeforeTextValue}${a}`), l.discountAfterTextValue && (a = `${a}${l.discountAfterTextValue}`));
+        }
+        const R = T.substring(2);
+        let f = "";
+        b in A.IF && (f = A.IF[b].replaceAll(`{${p.DISCOUNT}}`, `${R}${p.DISCOUNT}`).replaceAll(`{${p.OMNIBUS_DISCOUNT}}`, `${R}${p.OMNIBUS_DISCOUNT}`).replaceAll(`{${p.OMNIBUS_PRICE}}`, `${R}${p.OMNIBUS_PRICE}`));
+        const M = `${_}${a}${g.PARAGRAPH_END_TAG}`, C = `${f}${S ? M : i}${A.ELSE}${_}${g.PARAGRAPH_END_TAG}${A.END_IF}`;
+        e = e.replace(i, C);
+      }), e;
+    },
     priority: 53
   },
   {
@@ -135,8 +147,8 @@ const f = [
       ), e = e.replace(
         /@media[^{]*max-width\s*:\s*480px[^{]*\{((?:[^{}]*\{[^{}]*\})*[^{}]*)\}/g,
         (r, o) => {
-          const i = o.match(/[^{}]+\{[^{}]*\}/g) || [], c = /ins-recommendation|product-image-cell|button-cell|product-info-cell/;
-          return i.every((a) => c.test(a)) ? "" : r;
+          const i = o.match(/[^{}]+\{[^{}]*\}/g) || [], s = /ins-recommendation|product-image-cell|button-cell|product-info-cell/;
+          return i.every((m) => s.test(m)) ? "" : r;
         }
       )), e;
     },
@@ -196,5 +208,5 @@ const f = [
   }
 ];
 export {
-  f as recommendationCompilerRules
+  H as recommendationCompilerRules
 };

package/dist/enums/recommendation.js

@@ -27,12 +27,13 @@ const e = 20, t = 320, s = "vertical", m = {
   ID: /recommendation-id="(.*?)"/gi,
   ATTRIBUTE_PARAGRAPH: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>[\S\s]*?<\/p>/gm,
   ATTRIBUTE_PARAGRAPH_START_TAG: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>/gm,
+  COMPOSITION: /composition="true"/gm,
   CUSTOM_FIELD: /{{(?:reco_)?[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
   CUSTOM_FIELD_INDEXES_PART: /{{(?:reco_)?[0-9]+_[0-8]_/gm,
   CUSTOM_FIELD_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
-}, a = {
-  PARAGRAPH_END_TAG: "</p>"
 }, o = {
+  PARAGRAPH_END_TAG: "</p>"
+}, a = {
   REGULAR_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:90px!important;",
   TRIMMED_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:18px!important;",
   ELLIPSIS: "text-overflow:ellipsis!important; white-space:nowrap!important;",
@@ -46,10 +47,10 @@ const e = 20, t = 320, s = "vertical", m = {
 export {
   i as ATTRIBUTES,
   _ as CONDITIONS,
-  o as CSS,
+  a as CSS,
   m as DUMMY_IMAGE_MAPPINGS,
   e as DefaultPadding,
-  a as HTML,
+  o as HTML,
   t as MinDeviceViewport,
   n as REGEX,
   s as VerticalOrientation

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = "3.27.1-beta.842075e", s = { stripo: { version: "2.86.1" } }, e = {
+const o = "3.27.1-beta.ea56928", s = { stripo: { version: "2.86.1" } }, e = {
   version: o,
   guido: s
 };

package/dist/src/composables/useRecommendation.d.ts

@@ -8,6 +8,10 @@ type CardWidthParams = {
 interface CampaignData extends CardWidthParams {
     textTrimming: boolean;
     orientation: string;
+    priceBeforeTextValue: string;
+    priceAfterTextValue: string;
+    discountBeforeTextValue: string;
+    discountAfterTextValue: string;
 }
 export declare const useRecommendation: () => {
     calculateCardWidth: ({ mobileLeftPadding, mobileRightPadding, cardsInRow, unresponsive, }: CardWidthParams) => number;

package/dist/src/enums/recommendation.d.ts

@@ -33,6 +33,7 @@ export declare const REGEX: {
     ID: RegExp;
     ATTRIBUTE_PARAGRAPH: RegExp;
     ATTRIBUTE_PARAGRAPH_START_TAG: RegExp;
+    COMPOSITION: RegExp;
     CUSTOM_FIELD: RegExp;
     CUSTOM_FIELD_INDEXES_PART: RegExp;
     CUSTOM_FIELD_NAME_PART: RegExp;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.27.1-beta.842075e",
+  "version": "3.27.1-beta.ea56928",
   "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",