@useinsider/guido 3.7.0-beta.77d2633 → 3.7.0-beta.fc2a9d1

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

@@ -2,16 +2,16 @@ import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAtt
 import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
 import { useConfigStore as G } from "../../../../stores/config.js";
 import { defineStore as P } from "pinia";
-import { DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
-import { EXCLUDED_ALGORITHM_IDS as D } from "../constants/defaultConfig.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as D, 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 { getPartnerRecommendationParams as v } from "../utils/partnerCustomizations.js";
-import { isFilterValid as w } from "../validation/filterSchema.js";
-import { isConfigValid as N } from "../validation/requiredFields.js";
+import { isFilterValid as N } from "../validation/filterSchema.js";
+import { isConfigValid as x } from "../validation/requiredFields.js";
 const h = y();
 let m = null, u = null, d = null;
-function I() {
+function k() {
   return {
     cardsInRow: F,
     currencySettings: {
@@ -27,6 +27,7 @@ function I() {
     productIds: [],
     id: 1,
     language: "en_US",
+    mobileCardsInRow: D,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -39,9 +40,9 @@ function I() {
     customAttributes: []
   };
 }
-function k() {
+function I() {
   return {
-    recommendationConfigs: I(),
+    recommendationConfigs: k(),
     recommendationProducts: [],
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
@@ -50,7 +51,7 @@ function k() {
     filterSnapshot: null
   };
 }
-const x = () => ({
+const L = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -59,8 +60,8 @@ const x = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), T = P("guidoRecommendationExtension", {
-  state: () => x(),
+}), K = P("guidoRecommendationExtension", {
+  state: () => L(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -70,7 +71,7 @@ const x = () => ({
      * This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
      */
     recommendationConfigs(t) {
-      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : I();
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : k();
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
@@ -116,7 +117,7 @@ const x = () => ({
     },
     getActivePredictiveAlgorithms: (t) => {
       const e = g(), r = [];
-      return t.activePredictiveAlgorithms.filter((n) => !D.includes(n)).forEach((n) => {
+      return t.activePredictiveAlgorithms.filter((n) => !w.includes(n)).forEach((n) => {
         r.push(...e.filter((c) => c.id === n));
       }), r.map((n) => ({
         text: n.name,
@@ -156,7 +157,7 @@ const x = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: k()
+        [t]: I()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -224,7 +225,7 @@ const x = () => ({
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
         thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, c = !this.blockStates[t], i = c ? k() : this.blockStates[t];
+      }, c = !this.blockStates[t], i = c ? I() : this.blockStates[t];
       i.recommendationConfigs = {
         ...i.recommendationConfigs,
         strategy: e.strategy,
@@ -379,7 +380,7 @@ const x = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: w(t)
+          isValid: N(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -425,7 +426,7 @@ const x = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !N(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !x(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -475,5 +476,5 @@ const x = () => ({
   }
 });
 export {
-  T as useRecommendationExtensionStore
+  K as useRecommendationExtensionStore
 };

package/dist/extensions/Blocks/Recommendation/validation/requiredFields.js

@@ -1,4 +1,4 @@
-const o = [
+const u = [
   {
     key: "locale",
     getValue: (e) => e.language,
@@ -9,8 +9,8 @@ const o = [
     getValue: (e) => e.currencySettings.value,
     getAvailableOptions: (e) => e.currencyList.map((n) => n.text)
   }
-], l = "newsletter.recommendation-fill-required-fields";
-function u(e, n) {
+], s = "newsletter.recommendation-fill-required-fields";
+function l(e, n, o = u) {
   return o.filter((t) => {
     var a;
     if (t.condition && !t.condition(e))
@@ -22,12 +22,12 @@ function u(e, n) {
     return r !== void 0 && !r.includes(i);
   }).map((t) => t.key);
 }
-function s(e, n) {
-  return u(e, n).length === 0;
+function c(e, n) {
+  return l(e, n).length === 0;
 }
 export {
-  o as REQUIRED_RECOMMENDATION_FIELDS,
-  l as RecommendationRequiredFieldsKey,
-  u as getInvalidFields,
-  s as isConfigValid
+  u as REQUIRED_RECOMMENDATION_FIELDS,
+  s as RecommendationRequiredFieldsKey,
+  l as getInvalidFields,
+  c as isConfigValid
 };

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

@@ -5,11 +5,11 @@ import { useToaster as B } from "../../../composables/useToaster.js";
 import { ToasterTypeOptions as S } from "../../../enums/toaster.js";
 import { PAGE_TYPES as E } from "../../../enums/unsubscribe.js";
 import { useUnsubscribeStore as a } from "../../../stores/unsubscribe.js";
-import { Block as L, BlockCompositionType as f, ContextActionType as h, ModificationDescription as b, BlockType as A } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as v } from "./template.js";
-import { DATA_ATTRIBUTES as i, UNSUBSCRIBE_BLOCK_SELECTOR as p, UNSUBSCRIBE_EVENTS as d } from "./utils/constants.js";
-import { parsePageList as m } from "./utils/utils.js";
-const y = "unsubscribe-block", _ = 'a[data-unsubscribe-link="true"]', I = "{{ins-unsubscribe-link}}", T = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", C = "Removing the unsubscribe text leaves an empty block, but an active unsubscribe link is required. Undo your last action to restore the text, or delete the unsubscribe block entirely.", N = {
+import { Block as L, BlockCompositionType as f, ContextActionType as h, ModificationDescription as b, BlockType as v } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { getDefaultTemplate as A } from "./template.js";
+import { DATA_ATTRIBUTES as i, UNSUBSCRIBE_EVENTS as d } from "./utils/constants.js";
+import { parsePageList as p } from "./utils/utils.js";
+const y = "unsubscribe-block", m = 'a[data-unsubscribe-link="true"]', _ = ".unsubscribe-block-v2", I = "{{ins-unsubscribe-link}}", T = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", C = "Removing the unsubscribe text leaves an empty block, but an active unsubscribe link is required. Undo your last action to restore the text, or delete the unsubscribe block entirely.", N = {
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
@@ -42,7 +42,7 @@ class F extends L {
     return this.api.translate("Unsubscribe Block Description");
   }
   getTemplate() {
-    return v();
+    return A();
   }
   getContextActionsIds() {
     return [h.MOVE, h.REMOVE];
@@ -68,7 +68,7 @@ class F extends L {
     this._removeEventListeners(), this.currentNode = void 0, this.linkStateByBlockId.clear();
   }
   _hasUnsubscribeLink(e) {
-    return "querySelector" in e ? !!e.querySelector(_) : !1;
+    return "querySelector" in e ? !!e.querySelector(m) : !1;
   }
   _readBlockId(e) {
     return "getAttribute" in e ? e.getAttribute(i.BLOCK_ID) : null;
@@ -102,7 +102,7 @@ class F extends L {
     let e = 0;
     try {
       const t = this.api.getDocumentRoot();
-      t && "querySelectorAll" in t && t.querySelectorAll(p).forEach((s) => {
+      t && "querySelectorAll" in t && t.querySelectorAll(_).forEach((s) => {
         if ("getAttribute" in s) {
           const o = s.getAttribute(i.BLOCK_ID), u = o ? parseInt(o) : 0;
           u > e && (e = u);
@@ -150,7 +150,7 @@ class F extends L {
     try {
       if (!this.currentNode)
         return;
-      this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${A.EMPTY_CONTAINER}/>`).apply(new b("Removed unsubscribe block due to cancel"));
+      this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${v.EMPTY_CONTAINER}/>`).apply(new b("Removed unsubscribe block due to cancel"));
     } catch (e) {
       console.warn("[UnsubscribeBlock] Failed to remove unsubscribe block:", e);
     }
@@ -161,7 +161,7 @@ class F extends L {
   _updateBlock(e, t) {
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
-    const r = this.currentNode.querySelector(_);
+    const r = this.currentNode.querySelector(m);
     if (!r)
       return;
     const s = this._getMergeTag(e);
@@ -181,7 +181,7 @@ class F extends L {
   }
   _checkExistingBlocks() {
     const e = a();
-    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(p).forEach((r) => {
+    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(_).forEach((r) => {
       if ("getAttribute" in r) {
         const s = r.getAttribute(i.PAGE_TYPE);
         if (s) {
@@ -197,7 +197,7 @@ class F extends L {
     const t = e.getAttribute(i.PAGE_TYPE), r = e.getAttribute(i.PAGE_LIST);
     if (!t || !r)
       return;
-    const s = a(), o = Number(t), u = m(r);
+    const s = a(), o = Number(t), u = p(r);
     await s.fetchTemplates(), s.setCollectionWithoutAutoSelection(o), s.loadSelectedTemplates(u);
   }
   _resetStoreState() {
@@ -209,7 +209,7 @@ class F extends L {
     const t = e.getAttribute(i.PAGE_LIST);
     if (!t)
       return;
-    const r = a(), s = m(t);
+    const r = a(), s = p(t);
     r.removeUnsubscribePages(s);
   }
 }

package/dist/extensions/Blocks/Unsubscribe/utils/constants.js

@@ -1,13 +1,12 @@
 const s = {
   SELECT: "unsubscribe:select",
   CANCEL: "unsubscribe:cancel"
-}, b = {
+}, e = {
   PAGE_TYPE: "data-unsubscribe-page-type",
   PAGE_LIST: "data-unsubscribe-page-list",
   BLOCK_ID: "data-unsubscribe-block-id"
-}, c = ".unsubscribe-block-v2";
+};
 export {
-  b as DATA_ATTRIBUTES,
-  c as UNSUBSCRIBE_BLOCK_SELECTOR,
+  e as DATA_ATTRIBUTES,
   s as UNSUBSCRIBE_EVENTS
 };

package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts

@@ -18,6 +18,7 @@ export * from './utils';
 export declare class RecommendationBlockControl extends CommonControl {
     private store;
     private storeUnsubscription;
+    private syncedBlockIds;
     private algorithmControl;
     private localeControl;
     private currencyControl;

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -13,6 +13,7 @@ export interface PerBlockConfigs {
     filters: Filter[];
     id: number;
     language: string;
+    mobileCardsInRow: number;
     mobileLayoutEnabled: boolean;
     orientation: Orientation;
     productIds: string[];

package/dist/src/extensions/Blocks/Recommendation/validation/requiredFields.d.ts

@@ -8,7 +8,7 @@ export interface ExtensionStoreSlice {
     languages: Languages;
     currencyList: Currency[];
 }
-interface RequiredField {
+export interface RequiredField {
     key: string;
     getValue: (config: PerBlockConfigs) => string;
     getAvailableOptions?: (store: ExtensionStoreSlice) => string[];
@@ -16,6 +16,5 @@ interface RequiredField {
 }
 export declare const REQUIRED_RECOMMENDATION_FIELDS: RequiredField[];
 export declare const RecommendationRequiredFieldsKey = "newsletter.recommendation-fill-required-fields";
-export declare function getInvalidFields(config: PerBlockConfigs, store: ExtensionStoreSlice): string[];
+export declare function getInvalidFields(config: PerBlockConfigs, store: ExtensionStoreSlice, fields?: RequiredField[]): string[];
 export declare function isConfigValid(config: PerBlockConfigs, store: ExtensionStoreSlice): boolean;
-export {};

package/dist/src/extensions/Blocks/Unsubscribe/utils/constants.d.ts

@@ -8,4 +8,3 @@ export declare const DATA_ATTRIBUTES: {
     readonly PAGE_LIST: "data-unsubscribe-page-list";
     readonly BLOCK_ID: "data-unsubscribe-block-id";
 };
-export declare const UNSUBSCRIBE_BLOCK_SELECTOR = ".unsubscribe-block-v2";

package/dist/stores/dynamic-content.js

@@ -16,7 +16,7 @@ const s = a("guidoDynamicContent", {
       value: e.value,
       fallback: e.fallback,
       format: e.format
-    })) || []
+    }))
   }
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.7.0-beta.77d2633",
+  "version": "3.7.0-beta.fc2a9d1",
   "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/composables/validators/useUnsubscribeBlockValidator.js

@@ -1,32 +0,0 @@
-import { ToasterTypeOptions as i } from "../../enums/toaster.js";
-import { PAGE_TYPES as n } from "../../enums/unsubscribe.js";
-import { UNSUBSCRIBE_BLOCK_SELECTOR as u, DATA_ATTRIBUTES as l } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { useToaster as T } from "../useToaster.js";
-import { useTranslations as E } from "../useTranslations.js";
-const m = [
-  {
-    pageType: n.GLOBAL_UNSUBSCRIBE,
-    messageKey: "unsubscription-preference.duplicate-global-unsub"
-  },
-  {
-    pageType: n.SUBSCRIPTION_PREFERENCE_CENTER,
-    messageKey: "unsubscription-preference.duplicate-pref-center"
-  }
-], g = "unsubscription-preference.duplicate-both", y = () => {
-  const { showToaster: o } = T(), a = E();
-  return { validateUnsubscribeBlockUniqueness: (c) => {
-    const p = new DOMParser().parseFromString(c, "text/html"), t = /* @__PURE__ */ new Map();
-    p.querySelectorAll(u).forEach((e) => {
-      const r = Number(e.getAttribute(l.PAGE_TYPE));
-      t.set(r, (t.get(r) ?? 0) + 1);
-    });
-    const s = m.filter((e) => (t.get(e.pageType) ?? 0) > 1).map((e) => e.messageKey);
-    return s.length ? (o({
-      type: i.Alert,
-      message: a(s.length > 1 ? g : s[0])
-    }), !1) : !0;
-  } };
-};
-export {
-  y as useUnsubscribeBlockValidator
-};

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

@@ -1,63 +0,0 @@
-interface User {
-    id: number;
-    name: string;
-    email: string;
-}
-export declare const useApiExample: () => {
-    loading: import("vue").ComputedRef<boolean>;
-    error: import("vue").ComputedRef<{
-        message: string;
-        status?: number | undefined;
-        statusText?: string | undefined;
-        response?: {
-            readonly headers: {
-                append: (name: string, value: string) => void;
-                delete: (name: string) => void;
-                get: (name: string) => string | null;
-                getSetCookie: () => string[];
-                has: (name: string) => boolean;
-                set: (name: string, value: string) => void;
-                forEach: (callbackfn: (value: string, key: string, parent: Headers) => void, thisArg?: any) => void;
-                entries: () => IterableIterator<[string, string]>;
-                keys: () => IterableIterator<string>;
-                values: () => IterableIterator<string>;
-                [Symbol.iterator]: () => IterableIterator<[string, string]>;
-            };
-            readonly ok: boolean;
-            readonly redirected: boolean;
-            readonly status: number;
-            readonly statusText: string;
-            readonly type: ResponseType;
-            readonly url: string;
-            clone: () => Response;
-            readonly body: {
-                readonly locked: boolean;
-                cancel: (reason?: any) => Promise<void>;
-                getReader: {
-                    (options: {
-                        mode: "byob";
-                    }): ReadableStreamBYOBReader;
-                    (): ReadableStreamDefaultReader<Uint8Array>;
-                    (options?: ReadableStreamGetReaderOptions): ReadableStreamReader<Uint8Array>;
-                };
-                pipeThrough: <T>(transform: ReadableWritablePair<T, Uint8Array>, options?: StreamPipeOptions) => ReadableStream<T>;
-                pipeTo: (destination: WritableStream<Uint8Array>, options?: StreamPipeOptions) => Promise<void>;
-                tee: () => [ReadableStream<Uint8Array>, ReadableStream<Uint8Array>];
-            } | null;
-            readonly bodyUsed: boolean;
-            arrayBuffer: () => Promise<ArrayBuffer>;
-            blob: () => Promise<Blob>;
-            formData: () => Promise<FormData>;
-            json: () => Promise<any>;
-            text: () => Promise<string>;
-        } | undefined;
-    } | null>;
-    hasError: import("vue").ComputedRef<boolean>;
-    fetchUsers: () => Promise<User[]>;
-    createUser: (userData: Omit<User, "id">) => Promise<User>;
-    updateUser: (id: number, userData: Partial<User>) => Promise<User>;
-    deleteUser: (id: number) => Promise<void>;
-    uploadFile: (file: File) => Promise<string>;
-    clearError: () => void;
-};
-export {};

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

@@ -1 +0,0 @@
-export {};

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

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

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

@@ -1 +0,0 @@
-export {};

package/dist/src/config/migrator/recommendation/compositionMapper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/config/migrator/recommendation/extractors.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/config/migrator/recommendation/parseLegacyConfig.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/config/migrator/recommendation/settingsMapper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/config/migrator/recommendation/themeMapper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/config/migrator/recommendationMigrator.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/extensions/Blocks/Recommendation/services/configService.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/extensions/Blocks/Recommendation/templates/utils.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/extensions/Blocks/Recommendation/utils/filterUtil.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/extensions/Blocks/Recommendation/utils/legacyStrategyMap.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/extensions/Blocks/Recommendation/utils/priceFormatter.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/stores/config.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/utils/ampErrorFilter.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/utils/htmlEscape.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/utils/templatePreparation.test.d.ts

@@ -1 +0,0 @@
-export {};