@useinsider/guido 3.3.0-beta.a7a5213 → 3.3.0-beta.c1c552a

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

@@ -1,15 +1,14 @@
-import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as y } from "../../../../enums/extensions/recommendationBlock.js";
+import { RecommendationFeedSourceMaps as S, getOperatorOptions as R, PriceAttributes as y } from "../../../../enums/extensions/recommendationBlock.js";
 import { useRecommendationApi as C } 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 { getDefaultProducts as S } from "../templates/utils.js";
+import { getDefaultProducts as g } from "../templates/utils.js";
 import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
 import { isFilterValid as w } from "../validation/filterSchema.js";
-import { isConfigValid as v } from "../validation/requiredFields.js";
 const h = C();
-let m = null, u = null, d = null;
+let u = null, m = null, d = null;
 function k() {
   return {
     cardsInRow: F,
@@ -49,7 +48,7 @@ function I() {
     filterSnapshot: null
   };
 }
-const N = () => ({
+const v = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -58,8 +57,8 @@ const N = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), M = P("guidoRecommendationExtension", {
-  state: () => N(),
+}), _ = P("guidoRecommendationExtension", {
+  state: () => v(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -114,12 +113,12 @@ const N = () => ({
       return [...new Set(t.map((e) => e.filterGroup))].sort((e, r) => e - r);
     },
     getActivePredictiveAlgorithms: (t) => {
-      const e = g(), r = [];
-      return t.activePredictiveAlgorithms.filter((n) => !D.includes(n)).forEach((n) => {
-        r.push(...e.filter((c) => c.id === n));
-      }), r.map((n) => ({
-        text: n.name,
-        value: n.key
+      const e = [];
+      return t.activePredictiveAlgorithms.filter((r) => !D.includes(r)).forEach((r) => {
+        e.push(...S.filter((n) => n.id === r));
+      }), e.map((r) => ({
+        text: r.name,
+        value: r.key
       }));
     },
     getLanguages: (t) => Object.entries(t.languages).map(([e, r]) => ({
@@ -294,11 +293,11 @@ const N = () => ({
     // ====================================================================
     async fetchRecommendationCreateData() {
       if (!this.activePredictiveAlgorithms.length) {
-        if (m) {
-          await m;
+        if (u) {
+          await u;
           return;
         }
-        m = (async () => {
+        u = (async () => {
           const {
             activePredictiveAlgorithms: t,
             languages: e,
@@ -311,26 +310,26 @@ const N = () => ({
           this.currencyList = r;
         })();
         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;
         }
       }
     },
@@ -399,14 +398,6 @@ const N = () => ({
     generateFilterQuery() {
       return b(this.recommendationConfigs.filters);
     },
-    /**
-     * Validation-only check invoked at save-CTA time. Defined as an action
-     * (not a getter) so reading it does not register reactive tracking on
-     * every block's recommendationConfigs across user edits.
-     */
-    hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !v(t.recommendationConfigs, this));
-    },
     // ====================================================================
     // Per-Block Product Fetching
     // ====================================================================
@@ -426,7 +417,7 @@ const N = () => ({
     },
     async _doFetchProducts() {
       var p;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = r.filters.filter((l) => l.isValid), c = b(n), i = ((p = g().find((l) => l.key === r.strategy)) == null ? void 0 : p.path) || "", o = G(), s = parseInt(r.size) || 6, a = {
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = r.filters.filter((l) => l.isValid), c = b(n), i = ((p = S.find((l) => l.key === r.strategy)) == null ? void 0 : p.path) || "", o = G(), s = parseInt(r.size) || 6, a = {
         locale: r.language,
         currency: r.currencySettings.value,
         partnerName: o.partnerName,
@@ -442,15 +433,15 @@ const N = () => ({
         f = [];
       }
       if (this.blockStates[t]) {
-        const l = f.length > 0 ? f : S(s);
+        const l = f.length > 0 ? f : g(s);
         l.length < s ? this.blockStates[t].recommendationProducts = [
           ...l,
-          ...S(s - l.length)
+          ...g(s - l.length)
         ] : l.length > s ? this.blockStates[t].recommendationProducts = l.slice(0, s) : this.blockStates[t].recommendationProducts = l;
       }
     }
   }
 });
 export {
-  M as useRecommendationExtensionStore
+  _ as useRecommendationExtensionStore
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.64.0" } }, s = {
+const o = { stripo: { version: "2.62.0" } }, s = {
   guido: o
 };
 export {

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

@@ -0,0 +1,4 @@
+import type { StripoNotifications } from '@@/Types/stripo';
+export declare const useStripoNotifications: () => {
+    getStripoNotifications: () => StripoNotifications;
+};

package/dist/src/enums/extensions/recommendationBlock.d.ts

@@ -6,11 +6,7 @@ export declare const URLS: {
 export declare const QUERY_PARAMS: {
     CLIENT_ID: string;
 };
-/**
- * Get recommendation feed source maps lazily so translated names resolve at access time.
- * Must be called within a Vue component context or after Pinia is initialized.
- */
-export declare const getRecommendationFeedSourceMaps: () => RecommendationFeedItem[];
+export declare const RecommendationFeedSourceMaps: RecommendationFeedItem[];
 export declare const PriceAttributes: string[];
 export declare const currencyLocationMaps: TextValueObject[];
 export declare const currencyOperators: TextValueObject[];

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

@@ -1,5 +1,6 @@
 export declare enum ToasterTypeOptions {
     Success = "success",
     Warning = "warning",
-    Alert = "alert"
+    Alert = "alert",
+    Info = "info"
 }

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

@@ -18,14 +18,9 @@ export declare const PRODUCT_TYPE_URL_SEGMENTS: {
     readonly 97: "email";
 };
 export declare const INSIDER_ID = "iid";
-export declare const DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID = "G";
-/**
- * Get the default unsubscribe group lazily so the translated name resolves at access time.
- * Must be called within a Vue component context or after Pinia is initialized.
- */
-export declare const getDefaultUnsubscribeGroup: () => {
-    name: string;
-    sendGridId: string;
+export declare const DEFAULT_UNSUBSCRIBE_GROUP: {
+    readonly name: "Global Unsubscribe";
+    readonly sendGridId: "G";
 };
 export declare const UNSUBSCRIBE_PAGES_LINK = "/email/unsubscribe-pages";
 export declare const PAGE_TYPES: {

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

@@ -95,23 +95,15 @@ export declare class RecommendationConfigService {
      *
      * Called when a block is first created (dropped into template).
      * Can optionally merge in partial config from migration.
-     *
-     * The `wasFreshDrop` flag distinguishes a brand-new drop (no prior config)
-     * from a clone (Stripo replays the source's setNodeConfig payload before
-     * onCreated fires). Callers use this to skip side-effects already inherited
-     * from the source.
      * @example
      * // In Block.onCreated lifecycle
-     * const { config, wasFreshDrop } = RecommendationConfigService.initializeConfig(this.api, node);
+     * RecommendationConfigService.initializeConfig(this.api, node);
      * @param api - Stripo extension API with document modifier
      * @param node - The immutable HTML node to initialize
      * @param partialConfig - Optional partial config to merge with defaults
-     * @returns The initialized configuration and whether the node was a fresh drop
+     * @returns The initialized configuration
      */
-    static initializeConfig(api: DocumentModifierApi, node: ImmutableHtmlNode, partialConfig?: PartialNodeConfig): {
-        config: RecommendationNodeConfig;
-        wasFreshDrop: boolean;
-    };
+    static initializeConfig(api: DocumentModifierApi, node: ImmutableHtmlNode, partialConfig?: PartialNodeConfig): RecommendationNodeConfig;
     /**
      * Save complete configuration to a node
      *

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

@@ -1,5 +1,5 @@
 import type { Orientation, Languages, Currency, NumericSeparator, FiltersResponse, Filter, RecommendationProduct } from '@@/Types/recommendation';
-export interface PerBlockConfigs {
+interface PerBlockConfigs {
     cardsInRow: number;
     currencySettings: {
         name: string;
@@ -272,12 +272,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     deleteFilter(filter: Filter): void;
     addFilter(filter: Filter): void;
     generateFilterQuery(): string;
-    /**
-     * Validation-only check invoked at save-CTA time. Defined as an action
-     * (not a getter) so reading it does not register reactive tracking on
-     * every block's recommendationConfigs across user edits.
-     */
-    hasInvalidBlock(): boolean;
     fetchRecommendationProducts(): Promise<void>;
     _doFetchProducts(): Promise<void>;
 }>;

package/dist/src/stores/toaster.d.ts

@@ -11,8 +11,9 @@ export declare const useToasterStore: import("pinia").StoreDefinition<"guidoToas
             text: string;
             onClick: () => void;
         } | undefined;
+        autoHide: boolean;
     } & import("pinia").PiniaCustomStateProperties<ToasterState>) => boolean;
 }, {
-    showToaster(this: ToasterState, { type, message, actionButton }: ToasterOptions): void;
+    showToaster(this: ToasterState, { type, message, actionButton, autoHide }: ToasterOptions): void;
     hideToaster(this: ToasterState): void;
 }>;

package/dist/stores/toaster.js

@@ -1,21 +1,22 @@
 import { ToasterTypeOptions as e } from "../enums/toaster.js";
-import { defineStore as i } from "pinia";
-const a = () => ({
+import { defineStore as a } from "pinia";
+const u = () => ({
   status: !1,
   type: e.Success,
   text: "",
   icon: "",
   withIcon: !0,
   withoutLeftMargin: !1,
-  actionButton: void 0
-}), n = i("guidoToaster", {
-  state: () => a(),
+  actionButton: void 0,
+  autoHide: !0
+}), c = a("guidoToaster", {
+  state: () => u(),
   getters: {
-    shouldAutoHide: (t) => t.status && !!t.text
+    shouldAutoHide: (t) => t.status && !!t.text && t.autoHide
   },
   actions: {
-    showToaster({ type: t = e.Success, message: s, actionButton: o }) {
-      this.status = !0, this.text = s, this.type = t, this.actionButton = o;
+    showToaster({ type: t = e.Success, message: o, actionButton: s, autoHide: i = !0 }) {
+      this.status = !0, this.text = o, this.type = t, this.actionButton = s, this.autoHide = i;
     },
     hideToaster() {
       this.status = !1;
@@ -23,5 +24,5 @@ const a = () => ({
   }
 });
 export {
-  n as useToasterStore
+  c as useToasterStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.3.0-beta.a7a5213",
+  "version": "3.3.0-beta.c1c552a",
   "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",
@@ -90,7 +90,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.64.0"
+      "version": "2.62.0"
     }
   }
 }

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

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

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

@@ -1,21 +0,0 @@
-import type { PerBlockConfigs } from '../store/recommendation';
-import type { Currency, Languages } from '@@/Types/recommendation';
-/**
- * Structural slice of the recommendation extension store that descriptors may read.
- * Add new fields here when a future descriptor needs them.
- */
-export interface ExtensionStoreSlice {
-    languages: Languages;
-    currencyList: Currency[];
-}
-interface RequiredField {
-    key: string;
-    getValue: (config: PerBlockConfigs) => string;
-    getAvailableOptions?: (store: ExtensionStoreSlice) => string[];
-    condition?: (config: PerBlockConfigs) => boolean;
-}
-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 isConfigValid(config: PerBlockConfigs, store: ExtensionStoreSlice): boolean;
-export {};

package/dist/static/styles/components/notification.css.js

@@ -1,74 +0,0 @@
-const n = `ue-notifications-container {
-    left: 96px;
-    margin: 0;
-    bottom: 32px;
-    top: unset;
-    width: unset;
-    position: fixed;
-}
-
-ue-notifications-container ue-message + ue-message {
-    margin-bottom: 24px;
-}
-
-ue-notifications-container .alert-message-wrapper {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
-    border: none;
-    padding: 16px 24px;
-}
-
-ue-notifications-container .alert-message-wrapper.info,
-ue-notifications-container .alert-message-wrapper.loader {
-    background-color: var(--guido-color-background-toaster-info) !important;
-    color: inherit;
-}
-
-.alert-message-wrapper .alert-message-main {
-    align-items: center;
-}
-
-ue-notifications-container ue-caption .caption {
-    color: var(--guido-color-white) !important;
-}
-
-ue-block-thumb-hint {
-    text-align: left;
-}
-
-ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-content {
-    width: calc(100% - 64px);
-}
-
-ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-text {
-    font-size: 15px;
-    font-weight: 600;
-}
-
-ue-notifications-container .alert-message-text,
-ue-notifications-container .alert-message-wrapper ue-icon-component.icon,
-ue-notifications-container .alert-message-wrapper ue-icon-component.icon-button {
-    color: var(--guido-color-white);
-}
-
-ue-notifications-container ue-message ue-button.close {
-    margin: 0 0 0 16px;
-}
-
-ue-notifications-container .alert-message-wrapper.success {
-    background: var(--guido-color-background-toaster-success);
-    color: inherit;
-}
-
-ue-notifications-container .alert-message-wrapper.error {
-    background: var(--guido-color-background-toaster-error);
-    color: inherit;
-}
-
-ue-notifications-container .alert-message-wrapper.warn {
-    background: var(--guido-color-background-toaster-warn);
-    color: inherit;
-}
-`;
-export {
-  n as default
-};