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

package/dist/src/extensions/Blocks/Recommendation/controls/spacingControl.d.ts

@@ -0,0 +1,60 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+export declare const SPACING_CONTROL_ID = "recommendation-spacing-control";
+/**
+ * Control for managing spacing between product cards
+ * - Column spacing: horizontal gap between cards in the same row
+ * - Row spacing: vertical gap between different rows
+ */
+export declare class SpacingControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    /**
+     * Reads spacing values from data attributes or returns defaults
+     */
+    _setFormValues(): void;
+    /**
+     * Gets stored column spacing from the first product card wrapper's parent element's padding
+     * Reads the actual padding value instead of relying on data attributes
+     *
+     * The padding is applied as "0 {halfSpacing}px" on the parent TD element,
+     * so we need to extract the horizontal padding value and multiply by 2 to get total spacing.
+     */
+    _getStoredColumnSpacing(): number;
+    /**
+     * Gets stored row spacing from the first spacer element's height style
+     * Reads the actual height value instead of relying on data attributes
+     */
+    _getStoredRowSpacing(): number;
+    /**
+     * Handles column spacing changes
+     * Applies horizontal padding to all product card wrappers
+     */
+    _onColumnSpacingChange(spacing: number): void;
+    /**
+     * Handles row spacing changes
+     * Applies height to all spacer elements between product rows
+     */
+    _onRowSpacingChange(spacing: number): void;
+    /**
+     * Stores column spacing value in block data attribute
+     */
+    _storeColumnSpacing(spacing: number): void;
+    /**
+     * Stores row spacing value in block data attribute
+     */
+    _storeRowSpacing(spacing: number): void;
+    _listenToFormUpdates(): void;
+    /**
+     * Debounced version of _onColumnSpacingChange
+     * Prevents excessive DOM updates when user rapidly adjusts the counter
+     */
+    _debouncedOnColumnSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
+    /**
+     * Debounced version of _onRowSpacingChange
+     * Prevents excessive DOM updates when user rapidly adjusts the counter
+     */
+    _debouncedOnRowSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
+}

package/dist/{extensions → 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<"recommendationExtension", StoreState, {
+export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"guidoRecommendationExtension", StoreState, {
     hasFilters: (state: {
         recommendationCampaignUrls: Record<string, string>;
         recommendationConfigs: {

package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts

@@ -0,0 +1,16 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY } from './templateUtils';
+declare const blockTemplate = "\n    <td\n        align=\"left\"\n        class=\"ins-recommendation-v3-block-v2 es-p20\"\n        data-price-inline=\"0\">\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <BLOCK_TEXT\n                                                class=\"es-p10t es-p10b es-p20l es-p20r\"\n                                                align=\"center\">\n                                                <p path=\"1\" style=\"font-size: 28px; color: #333333;\">\n                                                    <strong path=\"1,0\">{-{-TITLE-}-}</strong>\n                                                </p>\n                                            </BLOCK_TEXT>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            \n    <tr>\n        <td class=\"spacer\" style=\"height: 10px;\"></td>\n    </tr>\n\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
+export declare function getDefaultTemplate(): string;
+/**
+ * Generates a custom template with specified products and layout
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param title - Optional title for the block
+ * @param composition - Optional array defining order of card elements
+ * @returns Complete HTML template
+ */
+export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
+export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, };
+export default blockTemplate;

package/dist/src/extensions/Blocks/Recommendation/templates/migrationTemplate.d.ts

@@ -0,0 +1,16 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { DEFAULTS, getDefaultProducts } from './templateUtils';
+declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"recommendation-block\"\n        esd-handler-name=\"esd-extension-RecommendationBlock\"\n        class=\"ins-recommendation-v3-block-v2 es-p20 esd-recommendation-block esd-extension-block esd-container-frame\"\n        data-price-inline=\"0\">\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <tr>\n                                                {-{-TITLE-}-}\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            <tr>\n                                <td class=\"spacer\" style=\"height: 20px;\"></td>\n                            </tr>\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
+export declare function getMigrationTemplate(): string;
+/**
+ * Generates a custom migration template with specified products and layout
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param title - Optional title for the block
+ * @param composition - Optional array defining order of card elements
+ * @returns Complete HTML template
+ */
+export declare function generateMigrationTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
+export { DEFAULTS, getDefaultProducts };
+export default migrationTemplate;

package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts

@@ -0,0 +1,52 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON } from '../constants';
+export interface ElementRenderer {
+    [ATTR_PRODUCT_IMAGE]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_NAME]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_PRICE]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_OLD_PRICE]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_OMNIBUS_PRICE]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_OMNIBUS_DISCOUNT]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_BUTTON]: (product: RecommendationProduct) => string;
+}
+export interface TemplateConfig {
+    spacer: string;
+    blockTemplate: string;
+    productRow: string;
+    productCardWrapper: string;
+    elementRenderer: ElementRenderer;
+}
+export declare const DEFAULTS: {
+    TITLE: string;
+    DESCRIPTION: string;
+};
+export declare const spacer = "\n    <tr>\n        <td class=\"spacer\" style=\"height: 10px;\"></td>\n    </tr>\n";
+export declare const productRow = "\n    <tr class=\"recommendation-product-row\">\n        <td>\n            <table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n                {-{-PRODUCTS-}-}\n            </table>\n        </td>\n    </tr>\n";
+export declare const productCardWrapper = "\n    <td width=\"{-{-COLUMN_WIDTH-}-}\" style=\"padding: 0 5px;\" valign=\"top\" height=\"100%\">\n        <table\n            width=\"100%\"\n            height=\"100%\"\n            cellpadding=\"0\"\n            cellspacing=\"0\"\n            border=\"0\"\n            class=\"product-card-wrapper\">\n            <tr>\n                <td\n                    class=\"product-attribute-cell\"\n                    valign=\"top\">\n                    <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                        <tbody>\n                            {-{-PRODUCT_CONTENT-}-}\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
+export declare const DEFAULT_CARD_COMPOSITION: string[];
+/**
+ * Default visibility settings for card composition elements
+ * Omnibus Price and Omnibus Discount are hidden by default
+ */
+export declare const DEFAULT_CARD_VISIBILITY: Record<string, boolean>;
+export declare function getDefaultProducts(): RecommendationProduct[];
+/**
+ * Core template generation logic that works with any element renderer
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param elementRenderer - Object with methods to render each product element
+ * @param composition - Optional array defining order of card elements
+ * @returns HTML string for product rows
+ */
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[]): string;
+/**
+ * Generates complete HTML template with dynamic products and layout
+ * @param blockTemplate - The base block template string
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param elementRenderer - Element renderer for generating product HTML
+ * @param title - Title for the block
+ * @param composition - Optional array defining order of card elements
+ * @returns Complete HTML template
+ */
+export declare function generateTemplate(blockTemplate: string, products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, title?: string, composition?: string[]): string;

package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Utility for preserving text styling when updating innerHTML
+ */
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+/**
+ * Preserves existing style tags when updating text content
+ *
+ * When users apply text styles (bold, italic, etc.) in Stripo, the editor wraps
+ * content in tags like <strong>, <em>, <u>, <s>. This function extracts those
+ * style tags from the original HTML and re-applies them to the new text content.
+ * @example
+ * // Original: <span class="omnibus-text-before"><strong>Lowest price: </strong></span>
+ * // After calling preserveTextStyles(element, 'Best price: ')
+ * // Result: <strong>Best price: </strong>
+ * @param element - The DOM element or ImmutableHtmlNode containing the styled text
+ * @param newText - The new text content to insert
+ * @returns The new text wrapped in the original style tags
+ */
+export declare function preserveTextStyles(element: ImmutableHtmlNode | Element, newText: string): string;

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

@@ -62,5 +62,26 @@ 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/Blocks/controlFactories.d.ts

@@ -0,0 +1,95 @@
+/**
+ * Reusable Control Factory Functions
+ *
+ * These factory functions can be used by any extension block to generate
+ * controls dynamically, reducing code duplication across the codebase.
+ *
+ * Note: TypeScript's type inference has limitations with dynamically generated classes.
+ * The eslint-disable comment above suppresses warnings that would otherwise require
+ * extensive type assertions throughout the file. The generated controls are type-safe
+ * at runtime and follow the exact same patterns as manually-written control classes.
+ */
+/**
+ * Factory function to create text align controls for different block elements
+ */
+export declare function createTextAlignControl(controlId: string, targetBlockId: string, containerSelector: string): any;
+/**
+ * Factory function to create text color controls for different block elements
+ */
+export declare function createTextColorControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create text size controls for different block elements
+ */
+export declare function createTextSizeControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create text style controls for different block elements
+ */
+export declare function createTextStyleControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create text font family controls for different block elements
+ */
+export declare function createTextFontFamilyControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create text background color controls for different block elements
+ */
+export declare function createTextBackgroundColorControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create paddings controls for different block elements
+ */
+export declare function createPaddingsControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create text line spacing controls for different block elements
+ */
+export declare function createTextLineSpacingControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create button align controls for different block elements
+ */
+export declare function createButtonAlignControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create button color controls for different block elements
+ */
+export declare function createButtonColorControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create button border controls for different block elements
+ */
+export declare function createButtonBorderControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create button border radius controls for different block elements
+ */
+export declare function createButtonBorderRadiusControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create button font family controls for different block elements
+ */
+export declare function createButtonFontFamilyControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create button margins controls for different block elements
+ */
+export declare function createButtonMarginsControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create button paddings controls for different block elements
+ */
+export declare function createButtonPaddingsControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create button text controls for different block elements
+ */
+export declare function createButtonTextControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create button text size controls for different block elements
+ */
+export declare function createButtonTextSizeControl(controlId: string, targetBlockId: string, containerSelector?: string): any;
+/**
+ * Factory function to create button text style and font color controls for different block elements
+ */
+export declare function createButtonTextStyleAndFontColorControl(controlId: string, targetBlockId: string, containerSelector: string): any;
+/**
+ * Factory function to create button fit to container controls for different block elements
+ */
+export declare function createButtonFitToContainerControl(controlId: string, targetBlockId: string, containerSelector: string): any;
+/**
+ * Factory function to create image size controls for different block elements
+ */
+export declare function createImageSizeControl(controlId: string, targetBlockId: string, containerSelector: string): any;
+/**
+ * Factory function to create image margins controls for different block elements
+ */
+export declare function createImageMarginsControl(controlId: string, targetBlockId: string, containerSelector: string): any;

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

@@ -0,0 +1,13 @@
+import type { DynamicContent, PositionData } 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;
+}

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

@@ -0,0 +1,66 @@
+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 mergeTagsLibrary;
+    private clickListener;
+    private lastClickedElement;
+    private lastClickedFrame;
+    private mousedownListener;
+    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/{stores → src/stores}/config.d.ts

@@ -3,7 +3,7 @@ interface StoreState {
     guidoConfig: GuidoConfig;
     templateConfig?: TemplateConfig;
 }
-export declare const useConfigStore: import("pinia").StoreDefinition<"config", StoreState, {
+export declare const useConfigStore: import("pinia").StoreDefinition<"guidoConfig", StoreState, {
     getVariationId: (state: {
         guidoConfig: {
             translationsPath: string;
@@ -77,17 +77,24 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"config", S
                 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/{stores → src/stores}/dynamic-content.d.ts

@@ -1,26 +1,26 @@
 import type { DynamicContent } from '@@/Types/generic';
-export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dynamicContent", {
+export declare const useDynamicContentStore: import("pinia").StoreDefinition<"guidoDynamicContent", {
     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/{stores → src/stores}/editor.d.ts

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

package/dist/{stores → src/stores}/onboarding.d.ts

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

package/dist/{stores → src/stores}/preview.d.ts

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

package/dist/{stores → src/stores}/recommendation.d.ts

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

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

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

package/dist/{stores → src/stores}/toaster.d.ts

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

package/dist/{stores → src/stores}/unsubscribe.d.ts

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

package/dist/{stores → 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<"versionHistory", StoreState, {
+export declare const useVersionHistoryStore: import("pinia").StoreDefinition<"guidoVersionHistory", StoreState, {
     hasPreviousPatch: (state: {
         editorVisualMode: "desktop" | "mobile";
         previousPatch: {

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

@@ -0,0 +1,22 @@
+/**
+ * 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/environmentUtil.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Gets the appropriate environment prefix by parsing from current hostname
+ * Extracts environment prefix from domains by splitting hostname
+ */
+export declare const getEnvironmentPrefix: () => string;

package/dist/{utils → src/utils}/genericUtil.d.ts

@@ -1,4 +1,5 @@
 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,6 +32,16 @@ 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,10 +6,6 @@ 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,6 +18,25 @@ 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 e } from "../enums/defaults.js";
-import { defineStore as i } from "pinia";
-const r = i("config", {
+import { DefaultGuidoConfig as i } from "../enums/defaults.js";
+import { defineStore as e } from "pinia";
+const n = e("guidoConfig", {
   state: () => ({
-    guidoConfig: e,
+    guidoConfig: i,
     templateConfig: {}
   }),
   getters: {
@@ -13,5 +13,5 @@ const r = i("config", {
   }
 });
 export {
-  r as useConfigStore
+  n as useConfigStore
 };