@useinsider/guido 3.1.1-beta.4fc983e → 3.1.1-beta.57fcdc6

package/dist/package.json.js

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

package/dist/src/@types/generic.d.ts

@@ -44,6 +44,7 @@ export interface TooltipOptions {
         x: number;
         y: number;
     };
+    preventXss?: boolean;
 }
 export type TextValueObject = {
     text: string;

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 | undefined;
+    parent: () => ImmutableHtmlNode | null;
 }
 /**
  * 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 | undefined, property: string): string | null | undefined;
+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 | undefined): ImmutableHtmlNode | null;
+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.

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

@@ -99,12 +99,18 @@ 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-gray-0) !important;
+    background-color: var(--guido-color-neutral-100) !important;
 }
 
 ue-color {
@@ -124,18 +130,6 @@ 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,58 +28,6 @@ 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/utils/templatePreparation.js

@@ -3,22 +3,24 @@ import { useHtmlCompiler as C } from "../composables/useHtmlCompiler.js";
 import { useRecommendationExtensionStore as T } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { useDynamicContentStore as x } from "../stores/dynamic-content.js";
 import { useUnsubscribeStore as y } from "../stores/unsubscribe.js";
-const E = () => {
-  const o = x(), t = y(), { getCompiledEmail: i, getTemplateData: n, editorSave: s } = f(), { compileHtml: m } = C();
+const w = () => {
+  const o = x(), e = y(), { getCompiledEmail: i, getTemplateData: s, editorSave: n } = f(), { compileHtml: a } = C();
   return {
     prepareTemplateDetails: async () => {
-      const { html: a, ampHtml: r = "", ampErrors: c = [] } = await i({
+      const { html: m, ampHtml: r = "", ampErrors: c = [] } = await i({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: l, css: p, syncModulesIds: u = [] } = await n(), { compiledHtml: d, stats: e, appliedRules: S } = m(a), g = o.getSelectedDynamicContentList, b = T();
-      return s(), console.debug("HTML Compilation Stats:", {
-        originalSize: e.originalSize,
-        compiledSize: e.compiledSize,
-        reduction: `${e.reductionPercentage.toFixed(2)}%`,
-        appliedRules: S,
-        executionTime: `${e.executionTime.toFixed(2)}ms`
+      }), { html: l, css: p, syncModulesIds: u = [] } = await s();
+      e.selectedUnsubscribePages.length && await e.fetchTemplates();
+      const { compiledHtml: d, stats: t, appliedRules: g } = a(m), S = o.getSelectedDynamicContentList, b = T();
+      return n(), console.debug("HTML Compilation Stats:", {
+        originalSize: t.originalSize,
+        compiledSize: t.compiledSize,
+        reduction: `${t.reductionPercentage.toFixed(2)}%`,
+        appliedRules: g,
+        executionTime: `${t.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: g,
+        dynamicContentList: S,
         compiledHtml: d,
         rawHtml: l,
         css: p,
@@ -30,13 +32,13 @@ const E = () => {
           configs: {}
         },
         unsubscribe: {
-          status: t.unsubscribePagesStatus,
-          config: t.selectedUnsubscribePages
+          status: e.unsubscribePagesStatus,
+          config: e.selectedUnsubscribePages
         }
       };
     }
   };
 };
 export {
-  E as useTemplatePreparation
+  w as useTemplatePreparation
 };

package/dist/utils/tooltipUtils.js

@@ -1,10 +1,11 @@
-const o = (i, t = {}) => ({
-  id: i,
+const e = (s, t = {}) => ({
+  id: s,
   dynamicPosition: t.dynamicPosition ?? !1,
   staticPosition: t.staticPosition ?? "bottom center",
   iconStatus: t.iconStatus ?? !1,
-  offset: t.offset
+  offset: t.offset,
+  preventXss: t.preventXss
 });
 export {
-  o as getTooltipOptions
+  e as getTooltipOptions
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.1.1-beta.4fc983e",
+  "version": "3.1.1-beta.57fcdc6",
   "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,8 +32,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.7.0",
-    "@useinsider/design-system-vue": "1.1.0-beta.73ec2fa",
+    "@stripoinc/ui-editor-extensions": "3.5.0",
+    "@useinsider/design-system-vue": "0.14.28",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",
@@ -86,7 +86,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.59.0"
+      "version": "2.54.0"
     }
   }
 }