@useinsider/guido 2.1.0-beta.ff9b498 → 2.2.0-beta.071f000

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/services/stripoApi.d.ts

@@ -1,4 +1,3 @@
-import type { ModuleUpdatedParams, SyncModuleResponse, SyncModuleUnsubscribePayload } from '@@/Types/events';
 import type { CustomFont, Template } from '@@/Types/stripo';
 export declare const useStripoApi: () => {
     getToken: () => Promise<string>;
@@ -6,8 +5,4 @@ export declare const useStripoApi: () => {
         active: boolean;
     })[]>;
     getDefaultTemplate: () => Promise<Template>;
-    getSyncModulesStatus: () => Promise<boolean>;
-    updateSyncModule: (params: ModuleUpdatedParams) => Promise<boolean>;
-    getSyncModule: (moduleId: number) => Promise<SyncModuleResponse>;
-    setSyncModuleUnsubscriptionPages: (payload: SyncModuleUnsubscribePayload[]) => Promise<boolean>;
 };

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

@@ -8,7 +8,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
     hasChanges: boolean;
     isStripoInitialized: boolean;
     templateId: string;
-    syncModulesEnabled: boolean;
 }, {
     isEditorToolbarVisible: (state: {
         loadingStatus: boolean;
@@ -20,7 +19,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -31,7 +29,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     }>) => boolean;
     isUndoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -43,7 +40,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -54,7 +50,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     }>) => boolean;
     isRedoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -66,7 +61,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -77,7 +71,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     }>) => boolean;
     isCodeEditorButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -89,7 +82,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -100,7 +92,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     }>) => boolean;
     isPreviewButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -112,7 +103,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -123,7 +113,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     }>) => boolean;
     isViewOptionsDisabled: (state: {
         loadingStatus: boolean;
@@ -135,7 +124,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -146,7 +134,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     }>) => boolean;
     isVersionHistoryButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -158,7 +145,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -169,7 +155,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     }>) => boolean;
     isExportButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -181,7 +166,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -192,7 +176,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     }>) => boolean;
     isSaveAsButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -204,7 +187,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -215,7 +197,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     }>) => boolean;
     isTestButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -227,7 +208,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -238,7 +218,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     }>) => boolean;
     isSaveButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -250,7 +229,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -261,6 +239,5 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
-        syncModulesEnabled: boolean;
     }>) => boolean;
 }, {}>;

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

@@ -17,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/customEditorStyle.css.js

@@ -19,22 +19,73 @@ 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 */
+.recommendation-block-v2 .product-info-cell ue-node-actions,
+.recommendation-block-v2 .product-info-cell ue-node-panel,
+.recommendation-block-v2 .product-image-cell ue-node-actions,
+.recommendation-block-v2 .product-image-cell ue-node-panel,
+.recommendation-block-v2 .button-cell ue-node-actions,
+.recommendation-block-v2 .button-cell ue-node-panel,
+/* Vertical layout - hide for product-card-segment inner cells */
+.recommendation-block-v2 .product-card-segment ue-node-actions,
+.recommendation-block-v2 .product-card-segment ue-node-panel,
+/* Hide for specific product attribute cells in both layouts */
+.recommendation-block-v2 .product-image ue-node-actions,
+.recommendation-block-v2 .product-image ue-node-panel,
+.recommendation-block-v2 .product-name ue-node-actions,
+.recommendation-block-v2 .product-name ue-node-panel,
+.recommendation-block-v2 .product-price ue-node-actions,
+.recommendation-block-v2 .product-price ue-node-panel,
+.recommendation-block-v2 .product-old-price ue-node-actions,
+.recommendation-block-v2 .product-old-price ue-node-panel,
+.recommendation-block-v2 .product-omnibus-price ue-node-actions,
+.recommendation-block-v2 .product-omnibus-price ue-node-panel,
+.recommendation-block-v2 .product-omnibus-discount ue-node-actions,
+.recommendation-block-v2 .product-omnibus-discount ue-node-panel,
+.recommendation-block-v2 .product-button ue-node-actions,
+.recommendation-block-v2 .product-button ue-node-panel {
     display: none !important;
 }
 
-/* Apply to the table cell (td) with text-trim-enabled class */
-.text-trim-enabled {
-    max-width: 0 !important;
+/* Mobile layout: hide mobile container by default in editor */
+.ins-recommendation-mobile-container {
+    display: none;
 }
 
-.text-trim-enabled p {
-    overflow: hidden !important;
-    text-overflow: ellipsis !important;
-    white-space: nowrap !important;
-    margin: 0 !important;
-    display: block !important;
+/* Mobile layout: when Stripo mobile mode is active, swap containers (grid layout only) */
+.ue-mobile-mode .ins-recommendation-desktop-container {
+    display: none !important;
+}
+
+.ue-mobile-mode .ins-recommendation-mobile-container {
+    display: table !important;
+}
+
+/* List layout: keep desktop container visible in mobile mode (list rows are inherently responsive)
+   Uses class selector instead of [data-layout="list"] for Gmail compatibility */
+.ue-mobile-mode .ins-recommendation-list-layout .ins-recommendation-desktop-container {
+    display: table !important;
+}
+
+.ue-mobile-mode .ins-recommendation-list-layout .ins-recommendation-mobile-container {
+    display: none !important;
+}
+
+/* List layout mobile: reduce image and button width for better text readability */
+.ue-mobile-mode .ins-recommendation-list-layout .product-image-cell {
+    width: 80px !important;
+}
+
+.ue-mobile-mode .ins-recommendation-list-layout .product-image-cell img {
+    max-width: 80px !important;
+}
+
+.ue-mobile-mode .ins-recommendation-list-layout .button-cell {
+    width: 80px !important;
+}
+
+.ue-mobile-mode .ins-recommendation-list-layout .product-info-cell {
+    padding: 5px 8px !important;
 }
 `;
 export {

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
+};