@useinsider/guido 2.1.0 → 2.2.0-beta.2ac933c

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

@@ -0,0 +1,77 @@
+/**
+ * Node Type Guards and Tag Name Utilities
+ *
+ * Provides type-safe utilities for working with ImmutableHtmlNode.
+ * Handles both standard DOM properties and Stripo's custom methods.
+ */
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+/** Interface for nodes with standard tagName property */
+interface NodeWithTagName {
+    tagName: string;
+}
+/** Interface for nodes with getStyle method */
+export interface NodeWithGetStyle {
+    getStyle: (property: string) => string | null | undefined;
+}
+/** Interface for nodes with parent method */
+export interface NodeWithParent {
+    parent: () => ImmutableHtmlNode | null;
+}
+/**
+ * Type guard to check if a node has getStyle method
+ * @param node - The node to check
+ */
+export declare function hasGetStyle(node: unknown): node is NodeWithGetStyle;
+/**
+ * Type guard to check if a node has parent method
+ * @param node - The node to check
+ */
+export declare function hasParent(node: unknown): node is NodeWithParent;
+/**
+ * Type guard to check if a node is a TD element
+ * @param node - The node to check
+ */
+export declare function isTdNode(node: unknown): node is ImmutableHtmlNode & NodeWithTagName;
+/**
+ * Safely retrieves a style value from a node
+ * @param node - The node to get the style from
+ * @param property - The CSS property name
+ * @returns The style value or null if not accessible
+ */
+export declare function safeGetStyle(node: ImmutableHtmlNode | null, property: string): string | null | undefined;
+/**
+ * Safely retrieves the parent element of a node
+ * @param node - The node to get the parent from
+ * @returns The parent node or null if not accessible
+ */
+export declare function safeGetParent(node: ImmutableHtmlNode | null): ImmutableHtmlNode | null;
+/**
+ * Safely retrieves the tag name from a node.
+ * Handles both standard DOM tagName property and Stripo's getTagName() method.
+ * @param node - The node to get the tag name from
+ * @param defaultValue - Default value if tag name cannot be determined (default: 'UNKNOWN')
+ * @returns The uppercase tag name
+ */
+export declare function getTagName(node: ImmutableHtmlNode | null | undefined, defaultValue?: string): string;
+/**
+ * Checks if a tag name represents a table cell element.
+ * Includes standard TD and Stripo's custom block types (BLOCK_IMAGE, BLOCK_BUTTON).
+ * @param tagName - The tag name to check (case-insensitive)
+ * @returns True if the tag represents a table cell
+ */
+export declare function isTableCellTag(tagName: string): boolean;
+/**
+ * Checks if a node is a table cell element.
+ * Combines getTagName and isTableCellTag for convenience.
+ * @param node - The node to check
+ * @returns True if the node is a table cell element
+ */
+export declare function isTableCellNode(node: ImmutableHtmlNode | null | undefined): boolean;
+/**
+ * Gets the appropriate CSS display value for showing a table element.
+ * Table cells use 'table-cell', table rows use 'table-row'.
+ * @param node - The table element node
+ * @returns The CSS display value ('table-cell' or 'table-row')
+ */
+export declare function getTableDisplayValue(node: ImmutableHtmlNode | null | undefined): 'table-cell' | 'table-row';
+export {};

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

@@ -0,0 +1,15 @@
+import type { Filter } from '@@/Types/recommendation';
+import * as v from 'valibot';
+export declare const FilterSchema: v.ObjectSchema<{
+    readonly type: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
+    readonly attribute: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
+    readonly operator: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
+    readonly innerGroupOperator: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
+    readonly outerGroupOperator: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
+    readonly value: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
+    readonly filterGroup: v.NumberSchema<undefined>;
+    readonly filterNumber: v.NumberSchema<undefined>;
+    readonly isValid: v.BooleanSchema<undefined>;
+}, undefined>;
+export declare function isFilterValid(filter: Filter): boolean;
+export declare function getInvalidFilterFields(filter: Filter): Set<string>;

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

@@ -17,6 +17,7 @@ export declare class UnsubscribeControl extends Control {
     private _onButtonClick;
     private _onPrevClick;
     private _onNextClick;
+    private _loadAndUpdatePreview;
     private _updatePreview;
     private _updateCounter;
     private _getPreview;

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

@@ -66,14 +66,13 @@ export declare abstract class CommonControl extends Control {
      */
     protected getBlockInstanceId(): string | null;
     /**
-     * Handles block instance change detection and syncing.
-     * This is a helper method for controls that need to sync config when switching between block instances.
+     * Handles block instance change detection and UI updates.
+     * This is a helper method for controls that need to update UI when switching between block instances.
      * Uses Stripo V2 nodeConfig API for block instance tracking.
-     * @param syncFunction - Function to call when block instance changes (to sync from node config)
-     * @param updateUI - Function to call to update the UI (called both on change and when same block)
+     * @param updateUI - Function to call to update the UI (called on every update)
      * @returns true if block instance changed, false otherwise
      */
-    protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void): boolean;
+    protected handleBlockInstanceChange(updateUI: () => void): boolean;
     _GuLabel({ text, name }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {

package/dist/src/extensions/ModulesTabIcons/extension.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
+export default _default;

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

@@ -46,6 +46,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -141,6 +143,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -236,6 +240,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -331,6 +337,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -426,6 +434,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -521,6 +531,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -616,6 +628,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -711,6 +725,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -806,6 +822,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -901,6 +919,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -996,6 +1016,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1091,6 +1113,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1186,6 +1210,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1281,6 +1307,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1376,6 +1404,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1471,6 +1501,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1566,6 +1598,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1661,6 +1695,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;

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

@@ -4,6 +4,7 @@ const n = `ue-notifications-container {
     bottom: 32px;
     top: unset;
     width: unset;
+    position: fixed;
 }
 
 ue-notifications-container ue-message + ue-message {
@@ -16,6 +17,24 @@ ue-notifications-container .alert-message-wrapper {
     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);
 }

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

@@ -1,4 +1,4 @@
-const o = `ue-emoji .emoji-tabs .active-smile-tab {
+const e = `ue-emoji .emoji-tabs .active-smile-tab {
     border-color: var(--guido-color-primary-500);
 }
 
@@ -17,7 +17,11 @@ ue-insert-table .template-cell {
     border: 1px solid var(--guido-color-gray-300);
     box-shadow: var(--guido-box-shadow);
 }
+
+.ue-popover.dark-tiny {
+    text-align: left !important;
+}
 `;
 export {
-  o as default
+  e as default
 };

package/dist/static/styles/components/version-history.css.js

@@ -1,4 +1,4 @@
-const o = `.patch-session-container {
+const n = `.patch-session-container {
     row-gap: 16px;
 }
 
@@ -24,7 +24,15 @@ ue-vh-patch.selected .patch-wrapper {
     background-color: var(--guido-color-primary-100);
     box-shadow: 0 0 0 1px var(--guido-color-primary-500);
 }
+
+.change-history-panel-wrapper .control-panel-header {
+    padding: 16px 0 16px 16px;
+}
+
+.change-history-panel-wrapper .header-control-panel-label {
+    grid-area: 1 / 1 / 2 / 12;
+}
 `;
 export {
-  o as default
+  n 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;
@@ -64,7 +60,6 @@ ue-control-panel,
 
 .control-panel-header {
     grid-template-columns: repeat(12, 1fr);
-    padding: 16px 0px 16px 16px;
 }
 
 .control-panel-header > * {
@@ -98,7 +93,9 @@ ue-control-panel,
 .container.droppable-header-container ue-button:last-child {
     margin-right: 0;
 }
-
+.container.droppable-header-container  {
+    margin-top: 13px;
+}
 .secondary-control-group {
     gap: 16px;
 }
@@ -137,6 +134,21 @@ ue-label.accent-dot:after {
     font-size: 13px;
 }
 
+ .e2e-container-video-size {
+    grid-template-columns: 1fr !important;
+ }
+
+ .e2e-container-video-size .control-shadow-wrapper:not(ue-button) {
+    display: flex;
+    width: 100%;
+    justify-content: flex-end;
+    background-color: transparent !important;
+ }
+
+ .e2e-container-video-size .control-shadow-wrapper input {
+    background-color: var(--guido-color-gray-0);
+ }
+
 .e2e-size,
 .e2e-timer-size {
     grid-auto-flow: row;

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

@@ -19,10 +19,47 @@ const n = `.esd-x,
     box-shadow: none;
 }
 .ins-product-cart ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
+/* Horizontal layout - hide for info, image, and button cells */
+.ins-recommendation-v3-block-v2 .product-info-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-info-cell ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-image-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-image-cell ue-node-panel,
+.ins-recommendation-v3-block-v2 .button-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .button-cell ue-node-panel,
+/* Vertical layout - hide for product-card-segment inner cells */
+.ins-recommendation-v3-block-v2 .product-card-segment ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-card-segment ue-node-panel,
+/* Hide for specific product attribute cells in both layouts */
+.ins-recommendation-v3-block-v2 .product-image ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-image ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-name ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-name ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-price ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-price ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-old-price ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-old-price ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-omnibus-price ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-omnibus-price ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-omnibus-discount ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-omnibus-discount ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-button ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-button ue-node-panel {
     display: none !important;
 }
+
+/* Mobile layout: hide mobile container by default in editor */
+.ins-recommendation-mobile-container {
+    display: none;
+}
+
+/* Mobile layout: when Stripo mobile mode is active, swap containers */
+.ue-mobile-mode .ins-recommendation-desktop-container {
+    display: none !important;
+}
+
+.ue-mobile-mode .ins-recommendation-mobile-container {
+    display: table !important;
+}
 `;
 export {
   n as default

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

@@ -10,6 +10,7 @@ const o = `:host {
     --guido-color-gray-1: #F0F0F0;
     --guido-color-gray-0: #F9F9F9;
     --guido-color-neutral-800: #222938;
+    --guido-color-neutral-700: #2C3546;
     --guido-color-neutral-200: #DCDFE6;
     --guido-color-neutral-100: #EFF2F4;
     --guido-color-danger-300: #e84342;
@@ -25,6 +26,7 @@ const o = `:host {
     --guido-color-border-onpage-message-error: var(--guido-color-danger-500);
     --guido-color-background-toaster-success: #128745;
     --guido-color-background-toaster-error: var(--guido-color-danger-500);
+    --guido-color-background-toaster-info: var(--guido-color-neutral-700);
     --guido-color-background-toaster-warn: #D37400;
 }
 `;

package/dist/static/templates/empty/index.html.js

@@ -0,0 +1,74 @@
+const t = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <meta content="width=device-width, initial-scale=1" name="viewport">
+    <meta name="x-apple-disable-message-reformatting">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="telephone=no" name="format-detection">
+    <title></title>
+    <!--[if (mso 16)]><style type="text/css">a{text-decoration:none}</style><![endif]-->
+    <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
+    <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
+    <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
+    <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
+    <!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]-->
+</head>
+
+<body>
+    <div class="es-wrapper-color">
+        <!--[if gte mso 9]>
+			<v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
+				<v:fill type="tile" color="#f6f6f6"></v:fill>
+			</v:background>
+		<![endif]-->
+        <table class="es-wrapper" width="100%" cellspacing="0" cellpadding="0">
+            <tbody>
+                <tr>
+                    <td class="esd-email-paddings" valign="top">
+                        <table class="es-content esd-footer-popover" cellspacing="0" cellpadding="0" align="center">
+                            <tbody>
+                                <tr>
+                                    <td class="esd-stripe" align="center">
+                                        <table class="es-content-body" width="600" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center">
+                                            <tbody>
+                                                <tr>
+                                                    <td class="esd-structure es-p20" align="left">
+                                                        <table cellpadding="0" cellspacing="0" width="100%">
+                                                            <tbody>
+                                                                <tr>
+                                                                    <td width="560" class="esd-container-frame" align="center" valign="top">
+                                                                        <table cellpadding="0" cellspacing="0" width="100%">
+                                                                            <tbody>
+                                                                                <tr>
+                                                                                    <td align="center" class="esd-empty-container" style="display: none;"></td>
+                                                                                </tr>
+                                                                            </tbody>
+                                                                        </table>
+                                                                    </td>
+                                                                </tr>
+                                                            </tbody>
+                                                        </table>
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <div style="position: absolute; left: -9999px; top: -9999px; margin: 0px;"></div>
+    <div style="position: absolute; left: -9999px; top: -9999px; margin: 0px; padding: 0px; border: 0px none; width: 1px;"></div>
+</body>
+
+</html>
+`;
+export {
+  t as default
+};