@useinsider/guido 3.1.0 → 3.1.1-beta.0b09ab4

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/config/schemas.d.ts

@@ -95,6 +95,8 @@ export declare const TemplateSchema: v.ObjectSchema<{
             readonly value: v.StringSchema<undefined>;
         }, undefined>, undefined>;
     }, undefined>, undefined>, readonly []>;
+    /** Valid custom field attribute names from the partner's categorized fields */
+    readonly customFieldAttributes: v.OptionalSchema<v.ArraySchema<v.StringSchema<undefined>, undefined>, readonly []>;
     /** Selected unsubscribe page IDs */
     readonly selectedUnsubscribePages: v.OptionalSchema<v.ArraySchema<v.NumberSchema<undefined>, undefined>, readonly []>;
     /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
@@ -422,6 +424,8 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
                 readonly value: v.StringSchema<undefined>;
             }, undefined>, undefined>;
         }, undefined>, undefined>, readonly []>;
+        /** Valid custom field attribute names from the partner's categorized fields */
+        readonly customFieldAttributes: v.OptionalSchema<v.ArraySchema<v.StringSchema<undefined>, undefined>, readonly []>;
         /** Selected unsubscribe page IDs */
         readonly selectedUnsubscribePages: v.OptionalSchema<v.ArraySchema<v.NumberSchema<undefined>, undefined>, readonly []>;
         /** Force recreate template in Stripo storage (use true when updating externally modified templates) */

package/dist/src/composables/useConfig.d.ts

@@ -30,6 +30,7 @@ export declare const useConfig: () => {
                     value: string;
                 } | undefined;
             }[];
+            customFieldAttributes: string[];
             selectedUnsubscribePages: number[];
             forceRecreate: boolean;
         };
@@ -121,6 +122,7 @@ export declare const useConfig: () => {
                 value: string;
             } | undefined;
         }[];
+        customFieldAttributes: string[];
         selectedUnsubscribePages: number[];
         forceRecreate: boolean;
     } | null>;

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/stores/config.d.ts

@@ -35,6 +35,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -132,6 +133,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -229,6 +231,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -326,6 +329,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -423,6 +427,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -520,6 +525,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -617,6 +623,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -714,6 +721,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -811,6 +819,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -908,6 +917,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1005,6 +1015,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1102,6 +1113,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1199,6 +1211,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1296,6 +1309,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1393,6 +1407,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1490,6 +1505,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1587,6 +1603,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1684,6 +1701,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };

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/toaster.js

@@ -1,27 +1,27 @@
-import { ToasterTypeOptions as s } from "../enums/toaster.js";
+import { ToasterTypeOptions as e } from "../enums/toaster.js";
 import { defineStore as i } from "pinia";
 const a = () => ({
   status: !1,
-  type: s.Success,
+  type: e.Success,
   text: "",
   icon: "",
   withIcon: !0,
   withoutLeftMargin: !1,
   actionButton: void 0
-}), u = i("guidoToaster", {
+}), n = i("guidoToaster", {
   state: () => a(),
   getters: {
     shouldAutoHide: (t) => t.status && !!t.text
   },
   actions: {
-    showToaster({ type: t = s.Success, message: e, actionButton: o }) {
-      this.status = !0, this.text = e, this.type = t, this.actionButton = o;
+    showToaster({ type: t = e.Success, message: s, actionButton: o }) {
+      this.status = !0, this.text = s, this.type = t, this.actionButton = o;
     },
     hideToaster() {
-      this.status = !1, this.text = "", this.actionButton = void 0;
+      this.status = !1;
     }
   }
 });
 export {
-  u as useToasterStore
+  n as useToasterStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.1.0",
+  "version": "3.1.1-beta.0b09ab4",
   "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",
@@ -32,7 +32,7 @@
   "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",
@@ -86,7 +86,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.54.0"
+      "version": "2.59.0"
     }
   }
 }