@useinsider/guido 3.0.0-beta.de55333 → 3.0.0-beta.e7bc91a

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.54.0" } }, s = {
+const o = { stripo: { version: "2.59.0" } }, s = {
   guido: o
 };
 export {

package/dist/src/@types/extensions/block.d.ts

@@ -0,0 +1,2 @@
+import { BlockId as BlockIdEnum } from '@@/Enums/block';
+export type BlockId = `${BlockIdEnum}`;

package/dist/src/App.vue.d.ts

@@ -1,2 +1,5 @@
+import '@useinsider/design-system-vue/style';
+import '@useinsider/design-system-vue/fonts.css';
+import '@useinsider/design-system-vue/utilities.css';
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/src/components/Guido.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
         close: () => void;
     };
     hasChanges: import("vue").ComputedRef<boolean>;
-    saveSilent: () => Promise<Omit<SavedTemplateDetails, "metadata"> | undefined> | undefined;
+    saveSilent: () => void | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     "dynamic-content:open": (detail: {
         text: string;

package/dist/src/components/organisms/header/EditorActions.vue.d.ts

@@ -1,4 +1,4 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => Promise<Omit<import("../../../@types/stripo").SavedTemplateDetails, "metadata"> | undefined>;
+    handleSave: (isSilent: boolean) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/src/components/organisms/header/HeaderWrapper.vue.d.ts

@@ -1,4 +1,4 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => Promise<Omit<import("../../../@types/stripo.js").SavedTemplateDetails, "metadata"> | undefined> | undefined;
+    handleSave: (isSilent: boolean) => void | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/src/components/organisms/header/MigrationConfirmModal.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    open: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    confirm: () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/components/organisms/header/RightSlot.vue.d.ts

@@ -1,4 +1,4 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => Promise<Omit<import("../../../@types/stripo.js").SavedTemplateDetails, "metadata"> | undefined> | undefined;
+    handleSave: (isSilent: boolean) => void | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/src/components/wrappers/WpModal.vue.d.ts

@@ -3,7 +3,7 @@ type __VLS_Props = {
     id: string;
     title: string;
     description?: string;
-    size?: 'small' | 'medium' | 'large';
+    size?: 'X-small' | 'small' | 'medium' | 'large';
     footerButtonOptions?: FooterButtonGroup;
     closeButtonStatus?: boolean;
     closeOnOutsideClick?: boolean;
@@ -33,7 +33,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     footerStatus: boolean;
 }>>>, {
     description: string;
-    size: "small" | "medium" | "large";
+    size: "X-small" | "small" | "medium" | "large";
     closeOnOutsideClick: boolean;
     footerButtonOptions: FooterButtonGroup;
     closeButtonStatus: boolean;

package/dist/src/enums/block.d.ts

@@ -0,0 +1,4 @@
+export declare enum BlockId {
+    Items = "items-block",
+    Recommendation = "recommendation-block"
+}

package/dist/src/extensions/Blocks/Items/block.d.ts

@@ -1,5 +1,6 @@
+import type { BlockId } from '@@/Types/extensions/block';
 import { Block, BlockCompositionType, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-export declare const BLOCK_ID = "items-block";
+export declare const BLOCK_ID: BlockId;
 /**
  * Items Block extension for Stripo email editor.
  *
@@ -20,6 +21,7 @@ export declare class ItemsBlock extends Block {
     getBlockCompositionType(): BlockCompositionType;
     getName(): string;
     getDescription(): string;
+    getSettingsPanelTitleHtml(): string;
     getTemplate(): string;
     allowInnerBlocksDND(): boolean;
     onCreated(node: ImmutableHtmlNode): void;

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

@@ -5,9 +5,10 @@
  * Handles block lifecycle including configuration initialization and migration.
  * Supports multiple block instances with unique recommendation-id attributes.
  */
+import type { BlockId } from '@@/Types/extensions/block';
 import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
-export declare const BLOCK_ID = "recommendation-block";
+export declare const BLOCK_ID: BlockId;
 export declare class RecommendationBlock extends Block {
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
@@ -20,6 +21,7 @@ export declare class RecommendationBlock extends Block {
     getBlockCompositionType(): BlockCompositionType;
     getName(): string;
     getDescription(): string;
+    getSettingsPanelTitleHtml(): string;
     /**
      * Returns the template HTML for a new recommendation block.
      * Generates a unique recommendation ID and embeds the instance class

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

@@ -15,7 +15,7 @@ export interface NodeWithGetStyle {
 }
 /** Interface for nodes with parent method */
 export interface NodeWithParent {
-    parent: () => ImmutableHtmlNode | null;
+    parent: () => ImmutableHtmlNode | undefined;
 }
 /**
  * Type guard to check if a node has getStyle method
@@ -38,13 +38,13 @@ export declare function isTdNode(node: unknown): node is ImmutableHtmlNode & Nod
  * @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;
+export declare function safeGetStyle(node: ImmutableHtmlNode | null | undefined, 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;
+export declare function safeGetParent(node: ImmutableHtmlNode | null | undefined): ImmutableHtmlNode | null;
 /**
  * Safely retrieves the tag name from a node.
  * Handles both standard DOM tagName property and Stripo's getTagName() method.

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

@@ -11,6 +11,10 @@ interface LabelProps {
     name?: string;
     position?: 'top' | 'left';
 }
+interface IconProps {
+    src: string;
+    className?: string;
+}
 interface IconButtonProps {
     name: string;
     icon: string;
@@ -89,6 +93,7 @@ export declare abstract class CommonControl extends Control {
     }): string;
     _GuRadioButton({ name, buttons, id }: RadioButtonProps): string;
     _GuButton({ name, label, id }: ButtonProps): string;
+    _GuIcon({ src, className }: IconProps): string;
     /**
      *
      * @param param0

package/dist/src/main.d.ts

@@ -1,3 +1 @@
-import '@useinsider/design-system-vue/style';
-import '@useinsider/design-system-vue/fonts.css';
-import '@useinsider/design-system-vue/utilities.css';
+export {};

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

@@ -0,0 +1,29 @@
+import type { BlockId } from '@@/Types/extensions/block';
+export declare const useTemplateStore: import("pinia").StoreDefinition<"guidoTemplate", {
+    migrations: Partial<Record<BlockId, number>>;
+}, {
+    hasMigrations: (state: {
+        migrations: {
+            "recommendation-block"?: number | undefined;
+            "items-block"?: number | undefined;
+        };
+    } & import("pinia").PiniaCustomStateProperties<{
+        migrations: Partial<Record<BlockId, number>>;
+    }>) => boolean;
+    hasRecommendationMigrations: (state: {
+        migrations: {
+            "recommendation-block"?: number | undefined;
+            "items-block"?: number | undefined;
+        };
+    } & import("pinia").PiniaCustomStateProperties<{
+        migrations: Partial<Record<BlockId, number>>;
+    }>) => boolean;
+    hasItemsMigrations: (state: {
+        migrations: {
+            "recommendation-block"?: number | undefined;
+            "items-block"?: number | undefined;
+        };
+    } & import("pinia").PiniaCustomStateProperties<{
+        migrations: Partial<Record<BlockId, number>>;
+    }>) => boolean;
+}, {}>;

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

@@ -0,0 +1,2 @@
+import type { BlockId } from '@@/Types/extensions/block';
+export declare function getMigrationBannerHtml(blockId: BlockId, blockName: string, infoText: string): string;

package/dist/static/assets/info.svg.js

@@ -0,0 +1,5 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g transform="translate(3, 2.5)"><path fill="#258DDE" d="M6.878.142c3.91-.723 7.802 1.369 9.323 5.022 1.533 3.683.231 7.927-3.11 10.138a8.47 8.47 0 0 1-10.563-.983l-.067-.065A8.318 8.318 0 0 1 0 8.343V8.25C.05 4.305 2.878.927 6.787.16l.092-.018Zm7.713 5.682c-1.216-2.92-4.342-4.582-7.467-3.97-3.125.614-5.378 3.331-5.382 6.491a6.597 6.597 0 0 0 1.952 4.688 6.718 6.718 0 0 0 8.43.83 6.595 6.595 0 0 0 2.467-8.039Z"/><path fill="#258DDE" d="M12.52 13.58a.876.876 0 0 1 1.215-.017l.016.015 3.993 3.946a.86.86 0 0 1 .002 1.222.876.876 0 0 1-1.232.002l-3.992-3.946-.016-.015a.86.86 0 0 1 .014-1.206ZM6.713 5.43a.876.876 0 0 0-1.232 0 .86.86 0 0 0 0 1.221l1.232-1.222Zm1.09 3.525a.876.876 0 0 0 1.232 0 .86.86 0 0 0 0-1.222L7.804 8.955Zm1.232-1.222a.876.876 0 0 0-1.231 0 .86.86 0 0 0 0 1.222l1.231-1.222Zm1.091 3.526a.876.876 0 0 0 1.232 0 .86.86 0 0 0 0-1.222l-1.232 1.222Zm-1.09-2.304a.86.86 0 0 0 0-1.222.876.876 0 0 0-1.232 0l1.231 1.222ZM5.48 10.037a.86.86 0 0 0 0 1.222.876.876 0 0 0 1.232 0L5.48 10.037Zm2.323-2.304a.86.86 0 0 0 0 1.222.876.876 0 0 0 1.231 0L7.804 7.733Zm3.554-1.082a.86.86 0 0 0 0-1.222.876.876 0 0 0-1.232 0l1.232 1.222Zm-5.877 0 2.323 2.304 1.231-1.222L6.713 5.43 5.48 6.651Zm2.323 2.304 2.322 2.304 1.232-1.222-2.323-2.304-1.231 1.222Zm0-1.222L5.48 10.037l1.232 1.222 2.322-2.304-1.231-1.222Zm1.231 1.222 2.323-2.304-1.232-1.222-2.322 2.304 1.231 1.222Z"/></g></svg>
+`;
+export {
+  a as default
+};

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

@@ -99,18 +99,12 @@ ue-check-button.checked:not(.flat-white) input:checked + label .icon-button {
     color: var(--guido-color-primary-500);
 }
 
-ue-select.full-width .button {
-    border: none !important;
-    background-color: var(--guido-color-neutral-200) !important;
-    color: var(--guido-color-neutral-800) !important;
-}
-
 ue-select.full-width .button .icon-button {
     color: var(--guido-color-gray-600) !important;
 }
 
 ue-select.full-width .button:hover:not(:disabled,.disabled) {
-    background-color: var(--guido-color-neutral-100) !important;
+    background-color: var(--guido-color-gray-0) !important;
 }
 
 ue-color {
@@ -130,6 +124,18 @@ ue-select-text-input .select-text-input-toggle .button {
     justify-content: center;
     background-color: transparent !important;
 }
+
+.control-shadow-wrapper,
+ue-button:not(.no-shadow,.flat-white),
+ue-toggle:not(.no-shadow,.flat-white),
+:is(ue-popover-toggler,ue-toggle-icon-picker,ue-emoji-toggle),
+.button-group,
+ue-counter:not(.no-shadow),
+:is(ue-select,ue-mergetags,ue-font-family-select):not(.no-shadow),
+ue-check-button:not(.no-shadow,.flat-white) {
+    background: none;
+    padding: 0;
+}
 `;
 export {
   o as default

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

@@ -28,6 +28,58 @@ ue-stripe-thumb:hover:not(.disabled),
     border-color: var(--guido-color-primary-500);
 }
 
+/* Module search — initial */
+.module-search-container {
+    background-color: var(--guido-color-gray-0);
+    border: 1px solid var(--guido-color-gray-300);
+    border-radius: 4px;
+}
+
+.module-search-container .service-element {
+    background-color: unset;
+}
+
+.module-filter-toggle {
+    top: -1px !important;
+    right: -1px !important;
+}
+
+.module-filter-toggle > .button,
+.module-search-container:hover .module-filter-toggle > .button {
+    border: none;
+    background: transparent;
+}
+
+/* Module search — hover */
+.module-search-container:has(.module-search-chip-input:hover) {
+    border-color: var(--guido-color-primary-500);
+}
+
+.module-search-container .module-search-chip-input .service-element:hover {
+    background-color: var(--guido-color-gray-0);
+    border-radius: 4px;
+}
+
+.module-search-container .module-filter-toggle:hover > .button {
+    background-color: var(--guido-color-gray-1);
+}
+
+/* Module search — selected (.on) */
+.module-search-container:has(.module-search-chip-input.on),
+.module-search-container:has(.module-search-chip-input.on):hover {
+    border-color: var(--guido-color-primary-500);
+    box-shadow: 0 0 0 3px var(--guido-color-primary-200) !important;
+}
+
+.module-search-container .module-search-chip-input.on .input-section {
+    background-color: unset;
+    box-shadow: unset;
+}
+
+.module-categories-list .menu-item {
+    padding: 8px 20px !important;
+}
+
 .modules-layout-wrapper {
     padding: 0 16px 16px;
     grid-row-gap: 16px;

package/dist/stores/template.js

@@ -0,0 +1,15 @@
+import { BlockId as e } from "../enums/block.js";
+import { defineStore as i } from "pinia";
+const a = i("guidoTemplate", {
+  state: () => ({
+    migrations: {}
+  }),
+  getters: {
+    hasMigrations: (t) => Object.values(t.migrations).some((o) => (o ?? 0) > 0),
+    hasRecommendationMigrations: (t) => (t.migrations[e.Recommendation] ?? 0) > 0,
+    hasItemsMigrations: (t) => (t.migrations[e.Items] ?? 0) > 0
+  }
+});
+export {
+  a as useTemplateStore
+};

package/dist/utils/migrationBannerHtml.js

@@ -0,0 +1,21 @@
+import { useTemplateStore as o } from "../stores/template.js";
+import { UIElementType as i, UEAttr as r } from "../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+function g(t, n, e) {
+  return (o().migrations[t] ?? 0) <= 0 ? "" : `<div>
+                <div style="display: flex; align-items: center;">
+                    <span>${n}</span>
+                </div>
+                <div class="${t}-migration-info">
+                    <${i.ICON}
+                        ${r.ICON.src}="migration-info-icon"
+                        class="${t}-migration-info__icon">
+                    </${i.ICON}>
+                    <p class="${t}-migration-info__text">
+                        ${e}
+                    </p>
+                </div>
+            </div>`;
+}
+export {
+  g as getMigrationBannerHtml
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.0.0-beta.de55333",
+  "version": "3.0.0-beta.e7bc91a",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -25,13 +25,14 @@
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
     "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json",
     "test:visual-update": "npx playwright test --update-snapshots --reporter html",
-    "prepare": "husky"
+    "prepare": "husky",
+    "preinstall": "rm -rf ./node_modules/.vite"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.5.0",
+    "@stripoinc/ui-editor-extensions": "3.7.0",
     "@useinsider/design-system-vue": "0.14.28",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
@@ -85,7 +86,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.54.0"
+      "version": "2.59.0"
     }
   }
 }