@useinsider/guido 1.0.3-beta.dfb1fcf → 1.0.3-beta.e1adf59

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

@@ -34,7 +34,7 @@ interface StoreState {
     filterList: FiltersResponse;
     filterGroup: number;
 }
-export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"guidoRecommendationExtension", StoreState, {
+export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"recommendationExtension", StoreState, {
     hasFilters: (state: {
         recommendationCampaignUrls: Record<string, string>;
         recommendationConfigs: {

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

@@ -0,0 +1,6 @@
+declare const migrationTemplate = "ADD YOUR MIGRATION HERE";
+/**
+ * @returns The template for the default checkbox block
+ */
+export declare function getDefaultTemplate(): string;
+export default migrationTemplate;

package/dist/src/extensions/Blocks/common-control.d.ts

@@ -62,26 +62,5 @@ export declare abstract class CommonControl extends Control {
      */
     _GuIconButton({ name, icon, className }: IconButtonProps): string;
     _GuTwoColumns(children: string[]): string;
-    /**
-     * Creates an orderable (sortable) list control
-     * @param name - The control name for value binding
-     * @param items - Array of item keys/values
-     * @param itemLabels - Optional array of objects with key and label properties for display
-     * @returns HTML string for the orderable control
-     */
-    _GuOrderable(name: string, items: {
-        key: string;
-        label: string;
-        content: string;
-    }[]): string;
-    _GuNestedControl(id: string, content: string): string;
-    _GuExpandable(label: string, content: string): string;
-    _GuColorPicker(name: string): string;
-    _GuFontFamily(name: string, placeholder?: string): string;
-    _GuRadioButtons(name: string, buttons: {
-        text: string;
-        value: string;
-    }[]): string;
-    _GuCheckbox(name: string, caption: string): string;
 }
 export {};

package/dist/src/extensions/DynamicContent/dynamic-content-modal.d.ts

@@ -1,13 +1,6 @@
-import type { DynamicContent, PositionData } from '@@/Types/generic';
+import type { DynamicContent } from '@@/Types/generic';
 export declare class ExternalMergeTagsLibrary {
     selectedDynamicContent: DynamicContent | null;
     dataSelectCallback: (data: DynamicContent) => void;
-    private closeDynamicContentHandler;
-    /**
-     * Opens the merge tags library modal
-     * @param dynamicContent - Currently selected dynamic content (if any)
-     * @param onDataSelectCallback - Callback invoked when user selects a merge tag
-     * @param position - Optional position data to place the modal
-     */
-    openMergeTagsLibrary(dynamicContent: DynamicContent, onDataSelectCallback: (data: DynamicContent) => void, position?: PositionData): void;
+    openMergeTagsLibrary(dynamicContent: DynamicContent, onDataSelectCallback: (data: DynamicContent) => void): void;
 }

package/dist/src/extensions/DynamicContent/dynamic-content.d.ts

@@ -1,66 +1,16 @@
-import type { MergeTag } from '@@/Types/generic';
 import { UIElementType, UIElement, UIElementTagRegistry } from '@stripoinc/ui-editor-extensions';
 export declare class DynamicContentTagRegistry extends UIElementTagRegistry {
     registerUiElements(uiElementsTagsMap: Record<UIElementType, string>): void;
 }
 export declare class DynamicContentUiElementExtension extends UIElement {
     private mergeTagsButton;
+    private listener;
     private mergeTagsLibrary;
-    private clickListener;
-    private lastClickedElement;
-    private lastClickedFrame;
-    private mousedownListener;
+    private selectedDynamicContent;
     getId(): string;
     onRender(container: HTMLElement): void;
     onDestroy(): void;
     _onClick(): void;
-    /**
-     * Called when Stripo detects merge tag interactions
-     * This is the key method that receives notifications about merge tag clicks
-     * @param name - Attribute name (e.g., 'mergeTag')
-     * @param value - MergeTag object with label, value, selStart, selEnd, etc.
-     */
-    onAttributeUpdated(name: string, value: MergeTag | null | undefined): void;
     openMergeTagLibrary(): void;
-    /**
-     * Opens the dynamic content library for external apps
-     * Dispatches event with dynamic content data and position
-     */
-    private _openDynamicContentLibrary;
-    /**
-     * Gets the button's position on the screen
-     * Used to position the modal or anything else near the button
-     */
-    private _getButtonPosition;
-    /**
-     * Sets up coordinate tracking for merge tag clicks in the iframe
-     * Workaround from Stripo intercepting click events - tracks mousedown events instead
-     */
-    private _setupCoordinateTracking;
-    /**
-     * Gets the editor iframe element
-     */
-    private _getEditorFrame;
-    /**
-     * Finds merge tag element in the element tree
-     */
-    private _findMergeTagElement;
-    /**
-     * Gets the position of the last clicked element, calculated on-demand
-     * This ensures we always use the correct element's position even with rapid clicks
-     */
-    private _getLastClickedPosition;
-    /**
-     * Calculates absolute position of element relative to page
-     */
-    private _calculateAbsolutePosition;
-    /**
-     * Cleans up the coordinate tracking event listener
-     */
-    private _cleanupCoordinateTracking;
-    /**
-     * Returns the HTML template for the "Add Dynamic Content" button
-     * This button is placed in the merge tags selector UI
-     */
     getTemplate(): string;
 }

package/dist/src/services/slackNotificationService.d.ts

@@ -0,0 +1,110 @@
+/**
+ * Slack notification payload structure
+ */
+export interface SlackNotificationPayload {
+    channel?: string;
+    username?: string;
+    icon_emoji?: string;
+    text?: string;
+    attachments?: SlackAttachment[];
+}
+/**
+ * Slack attachment for formatted messages
+ */
+export interface SlackAttachment {
+    color?: string;
+    title?: string;
+    title_link?: string;
+    text?: string;
+    fields?: SlackField[];
+    footer?: string;
+    ts?: number;
+}
+/**
+ * Slack field for structured data
+ */
+export interface SlackField {
+    title: string;
+    value: string;
+    short?: boolean;
+}
+/**
+ * Slack error notification content
+ */
+export interface SlackErrorNotification {
+    title: string;
+    message: string;
+    errorType: string;
+    severity: 'low' | 'medium' | 'high' | 'critical';
+    context?: Record<string, unknown>;
+    stackTrace?: string;
+    timestamp?: number;
+}
+/**
+ * Service for sending error notifications to Slack
+ * Used to alert team members about critical Stripo errors
+ */
+export declare class SlackNotificationService {
+    private webhookUrl;
+    private channel;
+    private defaultUsername;
+    private enabled;
+    constructor(webhookUrl?: string, options?: {
+        channel?: string;
+        username?: string;
+        enabled?: boolean;
+    });
+    /**
+     * Send an error notification to Slack
+     */
+    sendErrorNotification(notification: SlackErrorNotification): Promise<boolean>;
+    /**
+     * Send a critical error that requires immediate attention
+     */
+    sendCriticalError(title: string, message: string, context?: Record<string, unknown>): Promise<boolean>;
+    /**
+     * Send a CORS error notification
+     */
+    sendCorsErrorNotification(resourceUrl?: string, additionalContext?: Record<string, unknown>): Promise<boolean>;
+    /**
+     * Send a plugin load error notification
+     */
+    sendPluginLoadErrorNotification(reason: string, additionalContext?: Record<string, unknown>): Promise<boolean>;
+    /**
+     * Build Slack message payload from error notification
+     */
+    private buildErrorPayload;
+    /**
+     * Format field title for Slack (e.g., emailId -> Email ID)
+     */
+    private formatFieldTitle;
+    /**
+     * Format field value for Slack display
+     */
+    private formatFieldValue;
+    /**
+     * Check if notifications are enabled
+     */
+    isEnabled(): boolean;
+    /**
+     * Update webhook URL
+     */
+    setWebhookUrl(url: string): void;
+    /**
+     * Update channel
+     */
+    setChannel(channel: string): void;
+    /**
+     * Enable/disable notifications
+     */
+    setEnabled(enabled: boolean): void;
+}
+export declare const getSlackNotificationService: () => SlackNotificationService;
+/**
+ * Initialize or reinitialize Slack notification service
+ */
+export declare const initializeSlackNotificationService: (webhookUrl?: string, options?: {
+    channel?: string;
+    username?: string;
+    enabled?: boolean;
+}) => SlackNotificationService;

package/dist/src/services/stripoErrorDeduplicationService.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Service for handling Stripo error deduplication locally in Guido
+ *
+ * IMPORTANT: These errors are Guido's responsibility, not consuming teams'
+ * - Errors are caught and handled within Guido
+ * - Slack alerts notify Guido team to take action
+ * - Do NOT propagate errors to consuming teams' error tracking
+ * - Do NOT require backend involvement (errors are client-side)
+ *
+ * This keeps Stripo integration issues isolated to Guido's systems
+ */
+export interface StripoErrorDuplication {
+    errorType: string;
+    errorMessage: string;
+    errorCategory: string;
+    context: {
+        emailId?: string;
+        userId?: string;
+        environment?: string;
+        timestamp: string;
+        [key: string]: unknown;
+    };
+    reportedAt: string;
+}
+/**
+ * Service for deduplicating Stripo error alerts locally in Guido
+ * Prevents duplicate Slack notifications for the same error within a session
+ *
+ * Errors are handled entirely on the FE:
+ * - Slack notification alerts Guido team immediately (first occurrence)
+ * - Duplicate alerts suppressed within same session
+ * - Sentry/FullStory logs for analysis
+ * - No backend endpoint required
+ * - No propagation to consuming teams
+ */
+export declare class StripoErrorDeduplicationService {
+    private reportedErrors;
+    constructor();
+    /**
+     * Track an error locally to prevent duplicate Slack alerts
+     * Only sends Slack alert once per unique error within the same session
+     */
+    trackError(errorData: StripoErrorDuplication): boolean;
+    /**
+     * Track plugin load error locally (CORS, script failure, timeout)
+     */
+    trackPluginLoadError(errorMessage: string, context?: Record<string, unknown>): boolean;
+    /**
+     * Track CORS error locally
+     */
+    trackCorsError(errorMessage: string, context?: Record<string, unknown>): boolean;
+    /**
+     * Track authentication error locally (token refresh failure)
+     * Tracks it, but Slack notifier decides whether to alert based on token expiration
+     */
+    trackAuthenticationError(errorMessage: string, context?: Record<string, unknown>): boolean;
+    /**
+     * Generate unique deduplication key for error
+     * Format: "errorType:emailId:userId" to allow same error on different emails
+     */
+    private getDeduplicationKey;
+    /**
+     * Clear tracked errors (for testing or session reset)
+     */
+    clearTrackedErrors(): void;
+    /**
+     * Get count of errors tracked in this session
+     */
+    getTrackedErrorCount(): number;
+}
+export declare const getStripoErrorDeduplicationService: () => StripoErrorDeduplicationService;
+/**
+ * Reset tracked errors (useful for testing or session reset)
+ */
+export declare const resetStripoErrorDeduplicationService: () => void;

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

@@ -3,7 +3,7 @@ interface StoreState {
     guidoConfig: GuidoConfig;
     templateConfig?: TemplateConfig;
 }
-export declare const useConfigStore: import("pinia").StoreDefinition<"guidoConfig", StoreState, {
+export declare const useConfigStore: import("pinia").StoreDefinition<"config", StoreState, {
     getVariationId: (state: {
         guidoConfig: {
             translationsPath: string;
@@ -64,7 +64,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guidoConfi
                 senderName: string;
                 subject: string;
             };
-            migrationDate: number;
             partner?: {
                 partnerName: string;
                 productType: number;
@@ -77,24 +76,17 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guidoConfi
                 dynamicContent?: boolean | undefined;
                 saveAsTemplate?: boolean | undefined;
                 versionHistory?: boolean | undefined;
-                testMessage?: boolean | undefined;
-                displayConditions?: boolean | undefined;
             } | undefined;
-            blocks?: {
-                excludeDefaults?: import("@@/Types/generic").GuidoBlockType[] | undefined;
-                includeCustoms?: import("@@/Types/generic").GuidoCustomBlockType[] | undefined;
-            } | undefined;
-            backButtonLabel?: string | undefined;
         };
         templateConfig?: {
             preselectedDynamicContentList?: {
                 value: string;
+                text: string;
                 fallback?: string | undefined;
                 format?: {
                     key: string;
                     value: string;
                 } | undefined;
-                text: string;
             }[] | undefined;
             selectedUnsubscribePages?: number[] | undefined;
             variationId?: string | undefined;

package/dist/src/stores/dynamic-content.d.ts

@@ -1,26 +1,26 @@
 import type { DynamicContent } from '@@/Types/generic';
-export declare const useDynamicContentStore: import("pinia").StoreDefinition<"guidoDynamicContent", {
+export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dynamicContent", {
     selectedDynamicContent: DynamicContent;
     selectedDynamicContentList: DynamicContent[];
 }, {
     getSelectedDynamicContentList: (state: {
         selectedDynamicContent: {
             value: string;
+            text: string;
             fallback?: string | undefined;
             format?: {
                 key: string;
                 value: string;
             } | undefined;
-            text: string;
         };
         selectedDynamicContentList: {
             value: string;
+            text: string;
             fallback?: string | undefined;
             format?: {
                 key: string;
                 value: string;
             } | undefined;
-            text: string;
         }[];
     } & import("pinia").PiniaCustomStateProperties<{
         selectedDynamicContent: DynamicContent;

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

@@ -1,4 +1,4 @@
-export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEditor", {
+export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
     loadingStatus: boolean;
     isCodeEditorOpen: boolean;
     isSaveAsTemplateDrawerOpen: boolean;

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

@@ -1,5 +1,5 @@
 import type { OnboardingCardConfig, OnboardingType, OnboardingStoreState } from '@@/Types/onboarding';
-export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoOnboarding", OnboardingStoreState, {
+export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboarding", OnboardingStoreState, {
     getOnboarding: (state: {
         onboardings: {
             newVersionPopup: {

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

@@ -1,5 +1,5 @@
 import type { PreviewState, EmailFormat } from '@@/Types/preview';
-export declare const usePreviewStore: import("pinia").StoreDefinition<"guidoPreview", PreviewState, {
+export declare const usePreviewStore: import("pinia").StoreDefinition<"preview", PreviewState, {
     isAMPModeEnabled: (state: {
         emailFormat: EmailFormat;
         ampHtml: string;

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

@@ -6,5 +6,5 @@ type RecommendationConfig = {
 interface StoreState {
     recommendationConfigs: RecommendationConfig[];
 }
-export declare const useRecommendationStore: import("pinia").StoreDefinition<"guidoRecommendation", StoreState, {}, {}>;
+export declare const useRecommendationStore: import("pinia").StoreDefinition<"recommendation", StoreState, {}, {}>;
 export {};

package/dist/src/stores/save-as-template.d.ts

@@ -17,7 +17,7 @@ interface StoreState {
         message: number;
     };
 }
-export declare const useSaveAsTemplateStore: import("pinia").StoreDefinition<"guidoSaveAsTemplate", StoreState, {
+export declare const useSaveAsTemplateStore: import("pinia").StoreDefinition<"saveAsTemplate", StoreState, {
     getTemplateName: (state: {
         templateName: string;
         categories: {

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

@@ -1,5 +1,5 @@
 import type { ToasterState, ToasterOptions } from '@@/Types/toaster';
-export declare const useToasterStore: import("pinia").StoreDefinition<"guidoToaster", ToasterState, {
+export declare const useToasterStore: import("pinia").StoreDefinition<"toaster", ToasterState, {
     shouldAutoHide: (s: {
         status: boolean;
         type: import("@@/Types/toaster").ToasterType;

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

@@ -11,7 +11,7 @@ interface StoreState {
     isGlobalUnsubscribeDisabled: boolean;
     isSubscriptionPreferencesCenterDisabled: boolean;
 }
-export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guidoUnsubscribe", StoreState, {
+export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"unsubscribe", StoreState, {
     getSelectedCollection: (state: {
         templates: {
             id: number;

package/dist/src/stores/version-history.d.ts

@@ -2,7 +2,7 @@ import type { VersionHistoryState } from '@@/Types/version-history-api';
 export interface StoreState extends VersionHistoryState {
     editorVisualMode: 'desktop' | 'mobile';
 }
-export declare const useVersionHistoryStore: import("pinia").StoreDefinition<"guidoVersionHistory", StoreState, {
+export declare const useVersionHistoryStore: import("pinia").StoreDefinition<"versionHistory", StoreState, {
     hasPreviousPatch: (state: {
         editorVisualMode: "desktop" | "mobile";
         previousPatch: {

package/dist/src/utils/dateUtil.d.ts

@@ -1,22 +1 @@
-/**
- * Locale List:
- * en-US -> MM/DD/YYYY
- * en-GB -> DD/MM/YYYY
- * tr-TR -> DD.MM.YYYY
- */
-export declare const convertToDateObject: (date: string | number | Date | null | undefined) => Date;
-export declare const locale: () => string;
-export declare const localTz: string;
-export declare const timezone: () => string;
-export declare const hour12: () => boolean;
-export declare const dateFormat: () => string;
-/**
- * @example 04/22/2024
- * @param date - The date or timestamp input
- * @param specificLocale - Locale to use for formatting
- * @param tz - Timezone [window.l10n.timezone]
- * @returns Formatted date string
- */
-export declare const formatShortDate: (date: string | number | Date, specificLocale?: string, tz?: string) => string;
 export declare const formatPatchDate: (timestamp: number) => string;
-export declare const isAfterDate: (timestamp: number) => boolean;

package/dist/src/utils/genericUtil.d.ts

@@ -1,5 +1,4 @@
 import type { DynamicContent, MergeTag } from '@@/Types/generic';
-export declare const mergeTagToDynamicContent: (mergeTag: MergeTag) => DynamicContent;
 export declare const dynamicContentToMergeTags: (dynamicContentList: DynamicContent[]) => MergeTag[];
 export declare const getCsrfToken: () => string;
 /**

package/dist/static/styles/components/narrow-panel.css.js

@@ -32,16 +32,6 @@ ue-stripe-thumb:hover:not(.disabled),
     padding: 0 16px 16px;
     grid-row-gap: 16px;
 }
-
-/* TODO: will be removed after we find another way to hide stripo custom modules */
-#moduleTab_tab1,
-button[aria-label="Default Modules"],
-button[aria-controls="moduleTab_tab1_content"],
-#moduleTab_tab2,
-button[aria-label="Pre-Built AMP"],
-button[aria-controls="moduleTab_tab2_content"] {
-    display: none !important;
-}
 `;
 export {
   o as default

package/dist/static/styles/components/wide-panel.css.js

@@ -6,6 +6,10 @@ ue-main-editor-container[panel-position=SETTINGS_BLOCKS] ue-wide-panel {
     right: calc(100% - calc(var(--ue-spacing-step, 5px) * 3) - 425px);
 }
 
+ue-main-tabs-panel-component .fixed-panel-header {
+    display: none;
+}
+
 /* Remove with this writing task DT-28355 */
 ue-description a {
     display: none;

package/dist/static/styles/customEditorStyle.css.js

@@ -18,25 +18,6 @@ const n = `.esd-x,
     border-radius: 0;
     box-shadow: none;
 }
-
-/* Hide block actions for product attributes */
-.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
-    display: none !important;
-}
-
-/* Apply to the table cell (td) with text-trim-enabled class */
-.text-trim-enabled {
-    max-width: 0 !important;
-}
-
-.text-trim-enabled p {
-    overflow: hidden !important;
-    text-overflow: ellipsis !important;
-    white-space: nowrap !important;
-    margin: 0 !important;
-    display: block !important;
-}
 `;
 export {
   n as default

package/dist/stores/config.js

@@ -1,8 +1,8 @@
-import { DefaultGuidoConfig as i } from "../enums/defaults.js";
-import { defineStore as e } from "pinia";
-const n = e("guidoConfig", {
+import { DefaultGuidoConfig as e } from "../enums/defaults.js";
+import { defineStore as i } from "pinia";
+const r = i("config", {
   state: () => ({
-    guidoConfig: i,
+    guidoConfig: e,
     templateConfig: {}
   }),
   getters: {
@@ -13,5 +13,5 @@ const n = e("guidoConfig", {
   }
 });
 export {
-  n as useConfigStore
+  r as useConfigStore
 };

package/dist/stores/dynamic-content.js

@@ -1,8 +1,8 @@
 import { removeDuplicatesFromArray as n } from "../utils/arrayUtil.js";
 import { defineStore as a } from "pinia";
-const s = a("guidoDynamicContent", {
+const s = a("dynamicContent", {
   state: () => ({
-    selectedDynamicContent: { text: "", value: "" },
+    selectedDynamicContent: { text: "", value: "", fallback: "" },
     selectedDynamicContentList: []
   }),
   actions: {

package/dist/stores/editor.js

@@ -1,5 +1,5 @@
 import { defineStore as e } from "pinia";
-const o = e("guidoEditor", {
+const o = e("editor", {
   state: () => ({
     loadingStatus: !0,
     isCodeEditorOpen: !1,