@useinsider/guido 3.2.0-beta.22a0c4c → 3.2.0-beta.294ea63

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,14 +1,14 @@
 import { RecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as k } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as C } from "../../../../services/recommendationApi.js";
-import { useConfigStore as y } from "../../../../stores/config.js";
+import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
+import { useConfigStore as C } from "../../../../stores/config.js";
 import { defineStore as G } from "pinia";
 import { DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as w } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
 import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
 import { isFilterValid as D } from "../validation/filterSchema.js";
-const h = C();
-let m = null, u = null, d = null;
+const h = y();
+let u = null, m = null, d = null;
 function I() {
   return {
     cardsInRow: F,
@@ -57,7 +57,7 @@ const v = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), z = G("guidoRecommendationExtension", {
+}), E = G("guidoRecommendationExtension", {
   state: () => v(),
   getters: {
     // ====================================================================
@@ -131,10 +131,11 @@ const v = () => ({
     })),
     getFilterList() {
       return Object.values(this.filterList).map((t) => {
-        let r;
-        return t.type === "productAttribute" ? r = `product_attributes.${t.attributeName}` : k.includes(t.attributeName) ? r = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : r = t.attributeName, {
+        const r = t.type === "defaultAttribute", e = k.includes(t.attributeName);
+        let n = r ? t.attributeName : `product_attributes.${t.attributeName}`;
+        return n = e ? `${n}.${this.recommendationConfigs.currencySettings.value}` : n, {
           text: t.displayName,
-          value: r,
+          value: n,
           type: t.attributeType
         };
       });
@@ -162,15 +163,10 @@ const v = () => ({
      * Resets currentRecommendationId if it was the deleted block.
      */
     removeBlockState(t) {
-      const r = t.toString();
-      if (this.recommendationCampaignUrls[r]) {
-        const n = { ...this.recommendationCampaignUrls };
-        delete n[r], this.recommendationCampaignUrls = n;
-      }
-      const e = { ...this.blockStates };
-      if (delete e[t], this.blockStates = e, this.currentRecommendationId === t) {
-        const n = Object.keys(this.blockStates).map(Number);
-        this.currentRecommendationId = n.length > 0 ? n[0] : null;
+      const r = { ...this.blockStates };
+      if (delete r[t], this.blockStates = r, this.currentRecommendationId === t) {
+        const e = Object.keys(this.blockStates).map(Number);
+        this.currentRecommendationId = e.length > 0 ? e[0] : null;
       }
     },
     /**
@@ -255,11 +251,11 @@ const v = () => ({
     // ====================================================================
     async fetchRecommendationCreateData() {
       if (!this.activePredictiveAlgorithms.length) {
-        if (m) {
-          await m;
+        if (u) {
+          await u;
           return;
         }
-        m = (async () => {
+        u = (async () => {
           const {
             activePredictiveAlgorithms: t,
             languages: r,
@@ -272,26 +268,26 @@ const v = () => ({
           this.currencyList = e;
         })();
         try {
-          await m;
+          await u;
         } finally {
-          m = null;
+          u = null;
         }
       }
     },
     async fetchRecommendationFilters() {
       if (!Object.keys(this.filterList).length) {
-        if (u) {
-          await u;
+        if (m) {
+          await m;
           return;
         }
-        u = (async () => {
+        m = (async () => {
           const t = await h.fetchRecommendationFilters();
           this.filterList = t;
         })();
         try {
-          await u;
+          await m;
         } finally {
-          u = null;
+          m = null;
         }
       }
     },
@@ -379,7 +375,7 @@ const v = () => ({
     },
     async _doFetchProducts() {
       var p;
-      const t = this.currentRecommendationId, r = this.blockStates[t], { recommendationConfigs: e } = r, n = e.filters.filter((a) => a.isValid), c = b(n), i = ((p = g.find((a) => a.key === e.strategy)) == null ? void 0 : p.path) || "", o = y(), s = {
+      const t = this.currentRecommendationId, r = this.blockStates[t], { recommendationConfigs: e } = r, n = e.filters.filter((a) => a.isValid), c = b(n), i = ((p = g.find((a) => a.key === e.strategy)) == null ? void 0 : p.path) || "", o = C(), s = {
         locale: e.language,
         currency: e.currencySettings.value,
         partnerName: o.partnerName,
@@ -403,5 +399,5 @@ const v = () => ({
   }
 });
 export {
-  z as useRecommendationExtensionStore
+  E as useRecommendationExtensionStore
 };

package/dist/extensions/Blocks/Recommendation/templates/list/template.js

@@ -1,7 +1,7 @@
-import { ATTR_PRODUCT_IMAGE as a, ATTR_PRODUCT_BUTTON as d } from "../../constants/selectors.js";
-import { DEFAULT_CARD_COMPOSITION as b, spacer as m, buildElementRenderer as C, DEFAULT_CARD_VISIBILITY as T } from "../utils.js";
-import { listElementRenderer as f } from "./elementRenderer.js";
-function R(r, n, l) {
+import { ATTR_PRODUCT_IMAGE as d, ATTR_PRODUCT_BUTTON as a } from "../../constants/selectors.js";
+import { DEFAULT_CARD_COMPOSITION as m, spacer as C, buildElementRenderer as b, DEFAULT_CARD_VISIBILITY as T } from "../utils.js";
+import { listElementRenderer as R } from "./elementRenderer.js";
+function f(r, n, l) {
   const t = l ? "" : ' style="display: none;"', o = r.replace(/<tr>/, "").replace(/<\/tr>/, "");
   return `<tr
             class="recommendation-attribute-row"
@@ -26,26 +26,26 @@ const y = `
         </td>
     </tr>
 `;
-function O(r, n = b, l = {}) {
-  const t = C(f, n, l), o = t[a](r), c = `
+function O(r, n = m, l = {}) {
+  const t = b(R, n, l), o = t[d](r), c = `
         <td class="product-info-cell" valign="middle" style="padding: 15px;">
-            <table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="table-layout: fixed;">
+            <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                 <tbody>
-                    ${n.filter((e) => e !== a && e !== d).filter((e) => t[e]).map((e) => {
+                    ${n.filter((e) => e !== d && e !== a).filter((e) => t[e]).map((e) => {
     const u = T[e] ?? !0;
-    return R(t[e](r), e, u);
+    return f(t[e](r), e, u);
   }).join(`
                     `)}
                 </tbody>
             </table>
         </td>
-    `, s = t[d](r), p = o + c + s;
+    `, s = t[a](r), p = o + c + s;
   return y.replace("{-{-PRODUCT_CONTENT-}-}", p);
 }
 function D(r, n, l = {}) {
   return r.map((t, o) => {
     const i = O(t, n, l);
-    return o > 0 ? m + i : i;
+    return o > 0 ? C + i : i;
   }).join("");
 }
 export {

package/dist/extensions/Blocks/Unsubscribe/block.js

@@ -3,15 +3,15 @@ var h = (n, i, e) => i in n ? d(n, i, { enumerable: !0, configurable: !0, writab
 var u = (n, i, e) => h(n, typeof i != "symbol" ? i + "" : i, e);
 import { PAGE_TYPES as E } from "../../../enums/unsubscribe.js";
 import { useUnsubscribeStore as c } from "../../../stores/unsubscribe.js";
-import { Block as _, BlockCompositionType as S, ModificationDescription as b } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as L } from "./template.js";
+import { Block as _, BlockCompositionType as S, BlockType as L, ModificationDescription as b } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { getDefaultTemplate as v } from "./template.js";
 import { UNSUBSCRIBE_EVENTS as a, DATA_ATTRIBUTES as o } from "./utils/constants.js";
 import { parsePageList as p } from "./utils/utils.js";
-const v = "unsubscribe-block", g = 'a[data-unsubscribe-link="true"]', f = ".unsubscribe-block-v2", T = "{{ins-unsubscribe-link}}", B = {
+const g = "unsubscribe-block", T = 'a[data-unsubscribe-link="true"]', f = ".unsubscribe-block-v2", B = "{{ins-unsubscribe-link}}", C = {
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
-class R extends _ {
+class I extends _ {
   constructor() {
     super();
     u(this, "selectEventListener", null);
@@ -19,7 +19,7 @@ class R extends _ {
     u(this, "currentNode");
   }
   getId() {
-    return v;
+    return g;
   }
   getIcon() {
     return "unsubscribe-icon";
@@ -34,7 +34,7 @@ class R extends _ {
     return this.api.translate("Unsubscribe Block Description");
   }
   getTemplate() {
-    return L();
+    return v();
   }
   onSelect(e) {
     this.currentNode = e, !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), this._loadBlockState(e), this._setupSelectEventListener(), this._setupCancelEventListener(), this._checkExistingBlocks(), this._openDrawer());
@@ -66,7 +66,7 @@ class R extends _ {
     try {
       if (!this.currentNode)
         return;
-      this.api.getDocumentModifier().modifyHtml(this.currentNode).delete().apply(new b("Removed unsubscribe block due to cancel"));
+      this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${L.EMPTY_CONTAINER}/>`).apply(new b("Removed unsubscribe block due to cancel"));
     } catch (e) {
       console.warn("[UnsubscribeBlock] Failed to remove unsubscribe block:", e);
     }
@@ -77,14 +77,14 @@ class R extends _ {
   _updateBlock(e, r) {
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
-    const s = this.currentNode.querySelector(g);
+    const s = this.currentNode.querySelector(T);
     if (!s)
       return;
     const t = this._getMergeTag(e);
     this.api.getDocumentModifier().modifyHtml(s).setAttribute("href", t).apply(new b(`Updated unsubscribe link to ${t}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(o.PAGE_TYPE, e.toString()).setAttribute(o.PAGE_LIST, r).apply(new b("Updated unsubscribe block metadata"));
   }
   _getMergeTag(e) {
-    return B[e] ?? T;
+    return C[e] ?? B;
   }
   _openDrawer() {
     if (!(this.currentNode && this.currentNode.getAttribute("data-unsubscribe-page-type")))
@@ -130,6 +130,6 @@ class R extends _ {
   }
 }
 export {
-  v as UNSUBSCRIBE_BLOCK_ID,
-  R as UnsubscribeBlock
+  g as UNSUBSCRIBE_BLOCK_ID,
+  I as UnsubscribeBlock
 };