@useinsider/guido 2.1.0-beta.42f5dfa → 2.1.0-beta.4bcb91b

package/dist/services/recommendationApi.js

@@ -1,7 +1,7 @@
-import { useHttp as a } from "../composables/useHttp.js";
-import { URLS as s } from "../enums/extensions/recommendationBlock.js";
-const u = () => {
-  const { get: o } = a();
+import { useHttp as c } from "../composables/useHttp.js";
+import { URLS as a } from "../enums/extensions/recommendationBlock.js";
+const R = () => {
+  const { get: o } = c();
   return {
     fetchRecommendationCreateData: async () => {
       try {
@@ -18,15 +18,14 @@ const u = () => {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, c) => {
-      var n;
+    fetchRecommendationProducts: async (e, n) => {
       try {
-        const t = decodeURIComponent(new URLSearchParams(Object.entries(c)).toString());
+        const t = decodeURIComponent(new URLSearchParams(Object.entries(n)).toString());
         console.debug("🏁 Recommendation API Query:", t);
         const r = await o(
-          `${s.RECOMMENDATION_API_URL}/v2/${e}?${t}`
+          `${a.RECOMMENDATION_API_URL}/v2/${e}?${t}`
         );
-        return ((n = r == null ? void 0 : r.data) == null ? void 0 : n.data) ?? [];
+        return (r == null ? void 0 : r.data) ?? [];
       } catch (t) {
         throw console.error("fetchRecommendationProducts error:", t), t;
       }
@@ -34,5 +33,5 @@ const u = () => {
   };
 };
 export {
-  u as useRecommendationApi
+  R as useRecommendationApi
 };

package/dist/services/stripoApi.js

@@ -1,26 +1,26 @@
-import { useHttp as m } from "../composables/useHttp.js";
-import { useToaster as i } from "../composables/useToaster.js";
+import { useHttp as l } from "../composables/useHttp.js";
+import { useToaster as d } from "../composables/useToaster.js";
 import { MAX_DEFAULT_TEMPLATE_ID as p } from "../enums/defaults.js";
-const y = () => {
-  const { get: r } = m(), { handleError: o } = i();
+const b = () => {
+  const { get: s, post: c } = l(), { handleError: r } = d();
   return {
     getToken: async () => {
       try {
-        const t = Number(localStorage.getItem("ins-guido-test-instance")), { data: e } = await r(`/stripo/get-user-token?test=${t}`);
+        const t = Number(localStorage.getItem("ins-guido-test-instance")), { data: e } = await s(`/stripo/get-user-token?test=${t}`);
         return e.body.token;
       } catch (t) {
-        return o(t, "Failed to fetch token"), "";
+        return r(t, "Failed to fetch token"), "";
       }
     },
     getCustomFonts: async () => {
       try {
-        const { data: t = [] } = await r("/stripo/get-partner-custom-fonts");
+        const { data: t = [] } = await s("/stripo/get-partner-custom-fonts");
         return t.map((e) => ({
           ...e,
           active: !0
         }));
       } catch (t) {
-        return o(t, "Failed to fetch custom fonts"), [];
+        return r(t, "Failed to fetch custom fonts"), [];
       }
     },
     getDefaultTemplate: async () => {
@@ -29,16 +29,52 @@ const y = () => {
         css: ""
       };
       try {
-        const c = new URLSearchParams(window.location.search).get("default-template"), s = c ? parseInt(c) : 0, l = s >= 1 && s <= p ? s : 0, { data: n } = await r(
-          `/stripo/default-template/${l}`
-        ), a = typeof n == "string" ? JSON.parse(n) : n;
-        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? t : a;
+        const u = new URLSearchParams(window.location.search).get("default-template"), a = u ? parseInt(u) : 0, i = a >= 1 && a <= p ? a : 0, { data: n } = await s(
+          `/stripo/default-template/${i}`
+        ), o = typeof n == "string" ? JSON.parse(n) : n;
+        return !o || typeof o != "object" || !("html" in o) || !("css" in o) ? t : o;
       } catch (e) {
-        return o(e, "Failed to fetch default template"), t;
+        return r(e, "Failed to fetch default template"), t;
+      }
+    },
+    getSyncModulesStatus: async () => {
+      try {
+        const { data: t } = await s("/newsletter/settings/synchronisation-in-modules-status");
+        return t.status;
+      } catch (t) {
+        return r(t, "Failed to fetch sync modules status"), !1;
+      }
+    },
+    updateSyncModule: async (t) => {
+      try {
+        return await c(`/stripo/stripo-modules/${t.moduleId}/update`, t), !0;
+      } catch (e) {
+        return r(e, "Failed to update sync module"), !1;
+      }
+    },
+    getSyncModule: async (t) => {
+      try {
+        const { data: e } = await s(`/stripo/stripo-modules/${t}/get`);
+        return e;
+      } catch (e) {
+        return r(e, "Failed to get sync module"), {
+          id: 0,
+          stripoId: 0,
+          unsubscriptionPreferencePages: []
+        };
+      }
+    },
+    setSyncModuleUnsubscriptionPages: async (t) => {
+      if (t.length === 0)
+        return !0;
+      try {
+        return await c("/stripo/stripo-modules/set-unsubscription-preference-pages", t), !0;
+      } catch (e) {
+        return r(e, "Failed to set unsubscription preference pages"), !1;
       }
     }
   };
 };
 export {
-  y as useStripoApi
+  b as useStripoApi
 };

package/dist/services/templateLibraryApi.js

@@ -3,30 +3,29 @@ import { useHttp as f } from "../composables/useHttp.js";
 import { useToaster as w } from "../composables/useToaster.js";
 import { useTranslations as b } from "../composables/useTranslations.js";
 import { EditorType as h } from "../enums/defaults.js";
-import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { useSaveAsTemplateStore as v } from "../stores/save-as-template.js";
+import { useSaveAsTemplateStore as C } from "../stores/save-as-template.js";
 import { base64EncodeWithSpecialChars as a } from "../utils/base64.js";
-import { useTemplatePreparation as S } from "../utils/templatePreparation.js";
-const R = () => {
-  const { get: n, post: c } = f(), { handleError: o, showToaster: i } = w(), { config: l } = T(), p = b();
+import { useTemplatePreparation as v } from "../utils/templatePreparation.js";
+const L = () => {
+  const { get: m, post: n } = f(), { handleError: o, showToaster: i } = w(), { config: l } = T(), p = b();
   return {
     getCategories: async () => {
       try {
-        const { data: e = [] } = await n("/newsletter/template-library/get-template-categories");
+        const { data: e = [] } = await m("/newsletter/template-library/get-template-categories");
         return e;
       } catch (e) {
         return o(e, "Failed to fetch template categories"), [];
       }
     },
     checkTemplateNameAvailability: async (e) => {
-      const { data: { status: t = !1 } } = await n(
+      const { data: { status: t = !1 } } = await m(
         `/newsletter/template-library/template-name-exists?name=${e}`
       );
       return !t;
     },
     createCategory: async (e) => {
       try {
-        const { data: { id: t } } = await c(
+        const { data: { id: t } } = await n(
           "/newsletter/template-library/create-category",
           { name: e }
         );
@@ -38,7 +37,7 @@ const R = () => {
     createTemplate: async () => {
       var e, t, g, y;
       try {
-        const { prepareTemplateDetails: m } = S(), r = v(), s = await m(), u = {
+        const { prepareTemplateDetails: c } = v(), r = C(), s = await c(), u = {
           name: r.getTemplateName,
           categories: r.getSelectedCategoryIds,
           productId: ((t = (e = l.value) == null ? void 0 : e.partner) == null ? void 0 : t.productType) || 0,
@@ -48,9 +47,7 @@ const R = () => {
           css: a(s.css),
           unsubscriptionPreferencePageStatus: !1,
           unsubscriptionPreferencePages: [],
-          recommendationCampaignUrls: a(
-            C().recommendationCampaignUrls
-          ),
+          recommendationCampaignUrls: a({}),
           recommendationConfigs: a({}),
           isGuido: !0,
           stripoConfig: a({
@@ -58,7 +55,7 @@ const R = () => {
             html: s.rawHtml,
             css: s.css
           })
-        }, { data: { type: d } } = await c(
+        }, { data: { type: d } } = await n(
           "/newsletter/template-library/create-template",
           u
         );
@@ -79,12 +76,12 @@ const R = () => {
           ),
           type: "success"
         });
-      } catch (m) {
-        o(m, "Failed to create template");
+      } catch (c) {
+        o(c, "Failed to create template");
       }
     }
   };
 };
 export {
-  R as useTemplateLibraryApi
+  L as useTemplateLibraryApi
 };

package/dist/src/@types/events.d.ts

@@ -1,6 +1,38 @@
-export type StripoEventType = 'save' | 'export' | 'close' | 'autosave' | 'publish' | 'export:requested' | 'export:ready';
+export type StripoEventType = 'save' | 'export' | 'close' | 'autosave' | 'publish' | 'export:requested' | 'export:ready' | 'module_updated' | 'module_dropped';
+export interface ModuleUpdatedParams {
+    target: string;
+    blockType: string;
+    moduleId: number;
+    moduleCategory: string | null;
+    syncModule: boolean;
+}
+export interface ModuleDroppedParams {
+    target: string;
+    blockType: string;
+    moduleId: number;
+    syncModule: boolean;
+}
+export interface SyncModuleUnsubscribePayload {
+    stripoModuleId: string;
+    unsubscriptionPreferencePages: number[];
+    type: string;
+}
+export interface SyncModuleResponse {
+    id: number;
+    stripoId: number;
+    unsubscriptionPreferencePages: UnsubscriptionPreferencePage[];
+}
+export interface UnsubscriptionPreferencePage {
+    id: number;
+    name: string;
+    type: number;
+    status: number;
+    isVisible: number;
+    thumbnail: string;
+    createdAt: string;
+}
 export interface EventHandler {
-    (params: Record<string, string>): void | Promise<void>;
+    (params: Record<string, unknown>): void | Promise<void>;
 }
 export interface EventHandlers {
     [eventType: string]: EventHandler;

package/dist/src/components/wrappers/WpDrawer.vue.d.ts

@@ -33,8 +33,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     descriptionStatus: boolean;
     descriptionText: string;
 }>>>, {
-    size: "small" | "medium" | "large";
     className: string;
+    size: "small" | "medium" | "large";
     closeOnOutsideClick: boolean;
     descriptionStatus: boolean;
     descriptionText: string;

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

@@ -15,6 +15,5 @@ interface CampaignData extends CardWidthParams {
 export declare const useRecommendation: () => {
     calculateCardWidth: ({ mobileLeftPadding, mobileRightPadding, cardsInRow, unresponsive, }: CardWidthParams) => number;
     getRecommendationCampaignData: (id: string) => CampaignData;
-    buildCampaignUrl: (campaignId: string) => string;
 };
 export {};

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

@@ -0,0 +1,4 @@
+import type { SyncModuleUnsubscribePayload } from '@@/Types/events';
+export declare const useSyncModuleExtractor: () => {
+    extractSyncModuleUnsubscribeData: (html: string) => SyncModuleUnsubscribePayload[];
+};

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

@@ -25,6 +25,9 @@ export declare const PAGE_TYPES: {
     SUBSCRIPTION_PREFERENCE_CONFIRMATION: number;
     RESUBSCRIBE: number;
 };
+export declare const UNSUBSCRIBE_SYNC_MODULE_TYPES: {
+    [x: number]: string;
+};
 export declare const TYPE_COLLECTIONS: {
     [x: number]: number[];
 };

package/dist/src/extensions/Blocks/Recommendation/block.d.ts

@@ -1,78 +1,11 @@
-/**
- * Recommendation Block
- *
- * Main block class for the Recommendation extension.
- * Handles block lifecycle including configuration initialization and migration.
- * Supports multiple block instances with unique recommendation-id attributes.
- */
-import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const BLOCK_ID = "recommendation-block";
 export declare class RecommendationBlock extends Block {
-    /**
-     * Stores the ID generated in getTemplate() so onCreated() can reuse it.
-     * This avoids generating a new (different) ID in onCreated().
-     */
-    private _pendingBlockId;
     constructor();
     getId(): string;
     getIcon(): string;
     getBlockCompositionType(): BlockCompositionType;
     getName(): string;
     getDescription(): string;
-    /**
-     * Returns the template HTML for a new recommendation block.
-     * Generates a unique recommendation ID and embeds the instance class
-     * (ins-recommendation-v3-block-{id}) directly in the template HTML.
-     * This is necessary because Stripo's Angular rendering manages the class
-     * attribute and overwrites dynamically added classes via setAttribute.
-     */
     getTemplate(): string;
-    /**
-     * Called when a new block is dropped into the template
-     *
-     * Uses the ID from getTemplate() (which already embedded the instance class)
-     * and assigns the recommendation-id attribute + initializes configuration.
-     * @param node - The newly created block node
-     */
-    onCreated(node: ImmutableHtmlNode): void;
-    /**
-     * Called when the document changes or template is loaded
-     *
-     * Handles migration from legacy templates that don't have node config
-     * and assigns recommendation-id to legacy blocks that lack one.
-     * @param node - The block node that may need migration
-     */
-    onDocumentChanged(node: ImmutableHtmlNode): void;
-    /**
-     * Called when a block is deleted from the template
-     *
-     * Cleans up the per-block state from the Pinia store.
-     * @param node - The block node being deleted
-     */
-    onDelete(node: ImmutableHtmlNode): void;
-    /**
-     * Generates the next unique recommendation ID by scanning all existing blocks
-     * in the document and finding the maximum existing ID + 1.
-     */
-    private _generateNextId;
-    /**
-     * Assigns a recommendation-id attribute to the block element.
-     * The instance class (ins-recommendation-v3-block-{id}) is embedded in the template
-     * HTML by getTemplate(), since Stripo's Angular rendering overwrites dynamically
-     * added classes via setAttribute.
-     */
-    private _assignRecommendationId;
-    /**
-     * Gets the recommendation-id from a block node
-     */
-    private _getRecommendationId;
-    /**
-     * Gets the block element (the element with BLOCK_CLASS)
-     */
-    private _getBlockElement;
-    /**
-     * Migrate configuration from legacy format
-     */
-    private _migrateFromLegacy;
 }

package/dist/src/extensions/Blocks/Recommendation/{controls/cardComposition/index.d.ts → cardCompositionControl.d.ts}

@@ -1,5 +1,5 @@
 import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-import { CommonControl } from '../../../common-control';
+import { CommonControl } from '../common-control';
 export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-recommendation-card-composition";
 export interface CardCompositionItem {
     key: string;
@@ -7,8 +7,6 @@ export interface CardCompositionItem {
     visible: boolean;
 }
 export declare class RecommendationCardCompositionControl extends CommonControl {
-    private store;
-    private unsubscribeOrientation;
     getId(): string;
     getTemplate(): string;
     onRender(): void;
@@ -59,12 +57,10 @@ export declare class RecommendationCardCompositionControl extends CommonControl
     /**
      * Apply the reordered composition to the block's HTML structure
      * Updates the data-card-composition attribute and reorders product attributes
-     * Note: Reordering is only applied for grid layout
      */
     private _applyCompositionToBlock;
     /**
-     * Reorders attribute rows within each product card based on composition order
-     * Targets the tbody inside each product-attribute-cell to preserve card structure
+     * Reorders attribute rows within each product row based on composition order
      */
     private _reorderProductAttributes;
     /**
@@ -73,23 +69,7 @@ export declare class RecommendationCardCompositionControl extends CommonControl
     private _buildCompositionHtml;
     /**
      * Apply visibility changes to the block's HTML structure
-     * Updates display style and data-visibility attribute for all matching elements
-     * - <tr> elements: use display: none / table-row
-     * - <td> elements: use display: none / table-cell
+     * Updates display style and data-visibility attribute for all matching rows
      */
     private _applyVisibilityToBlock;
-    /**
-     * Gets the current layout orientation from store or DOM
-     */
-    private _getCurrentLayout;
-    /**
-     * Updates orderable state based on layout orientation
-     * Adds/removes disabled class to hide drag icons for list layout
-     */
-    private _updateOrderableState;
-    /**
-     * Subscribe to store orientation changes
-     * Updates orderable state when layout changes via the layout control
-     */
-    private _subscribeToOrientationChanges;
 }

package/dist/src/extensions/Blocks/Recommendation/{constants/controlIds.d.ts → constants.d.ts}

@@ -1,3 +1,27 @@
+/**
+ * Attribute type constants used in templates
+ * These are used as keys in ElementRenderer and composition arrays
+ */
+export declare const ATTR_PRODUCT_IMAGE = "productImage";
+export declare const ATTR_PRODUCT_NAME = "productName";
+export declare const ATTR_PRODUCT_PRICE = "productPrice";
+export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
+export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
+export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
+export declare const ATTR_PRODUCT_BUTTON = "productButton";
+/**
+ * Block IDs used in the Recommendation Extension
+ * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
+ */
+export declare enum RecommendationBlockId {
+    BUTTON = "recommendation-block-button",
+    NAME = "recommendation-block-name",
+    PRICE = "recommendation-block-price",
+    OLD_PRICE = "recommendation-block-old-price",
+    OMNIBUS_PRICE = "recommendation-block-omnibus-price",
+    OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
+    IMAGE = "recommendation-block-image"
+}
 /**
  * Control IDs used in the Recommendation Extension
  * These IDs are returned by the getId() method of each control

package/dist/src/extensions/Blocks/Recommendation/control.d.ts

@@ -0,0 +1,38 @@
+import { CommonControl } from '../common-control';
+export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
+export declare class RecommendationBlockControl extends CommonControl {
+    private store;
+    private storeUnsubscription;
+    private addFilterListener;
+    private addFilterButton;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): Promise<void>;
+    onDestroy(): void;
+    _setFormValues(): void;
+    _initializeSelectItems(): void;
+    _getAlgorithms(): string;
+    _getLanguages(): string;
+    _getCurrency(): string;
+    _getProductLayout(): string;
+    _getFilterStatus(): string;
+    _getShuffleProducts(): string;
+    _onFilterSelectClick(): void;
+    _onDataChange(item: string, value: string | number | string[]): void;
+    /**
+     * Get the current card composition from block data attribute or use default
+     */
+    _getCardComposition(): string[];
+    _regenerateProductRows(): void;
+    /**
+     * Reapply spacing values after product regeneration
+     * This ensures spacing persists when products are regenerated
+     */
+    _reapplySpacing(): void;
+    _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
+    _onCurrencyConfigChange(item: string, value: string | number): void;
+    _onCurrencyChange(value: string): void;
+    _setProductIdsVisibility(): void;
+    _listenToFormUpdates(): void;
+    _listenStateUpdates(): void;
+}