@useinsider/guido 2.2.0-beta.d819452 → 2.2.0-beta.eeefcc3

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

@@ -60,7 +60,6 @@ ue-control-panel,
 
 .control-panel-header {
     grid-template-columns: repeat(12, 1fr);
-    padding: 16px 0px 16px 16px;
 }
 
 .control-panel-header > * {
@@ -94,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;
 }
@@ -133,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,22 +19,46 @@ 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;
 }
 
-/* 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 */
+.ue-mobile-mode .ins-recommendation-desktop-container {
+    display: none !important;
+}
+
+.ue-mobile-mode .ins-recommendation-mobile-container {
+    display: table !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
+};