@useinsider/guido 1.0.3-beta.cd0d7f3 → 1.0.3-beta.ce3ed00

package/dist/extensions/DynamicContent/dynamic-content-modal.js

@@ -1,33 +1,27 @@
-var d = Object.defineProperty;
-var m = (t, e, n) => e in t ? d(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var c = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
-class C {
+var i = Object.defineProperty;
+var d = (t, e, n) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var a = (t, e, n) => d(t, typeof e != "symbol" ? e + "" : e, n);
+class y {
   constructor() {
-    c(this, "selectedDynamicContent", null);
-    c(this, "dataSelectCallback", () => {
+    a(this, "selectedDynamicContent", null);
+    a(this, "dataSelectCallback", () => {
     });
-    c(this, "closeDynamicContentHandler", null);
   }
-  /**
-   * Opens the merge tags library modal
-   * @param dynamicContent - Currently selected dynamic content (if any)
-   * @param onDataSelectCallback - Callback invoked when user selects a merge tag
-   * @param position - Optional position data to place the modal
-   */
-  openMergeTagsLibrary(e, n, l) {
-    this.closeDynamicContentHandler && (document.removeEventListener("dynamic-content:close", this.closeDynamicContentHandler), this.closeDynamicContentHandler = null), this.dataSelectCallback = n, this.selectedDynamicContent = e;
-    const o = {
-      attribute: e,
-      position: l
-    }, s = new CustomEvent("dynamic-content:open", {
-      detail: o
+  openMergeTagsLibrary(e, n) {
+    this.dataSelectCallback = n, this.selectedDynamicContent = e;
+    const s = new CustomEvent("dynamic-content:open", {
+      detail: {
+        attribute: e
+      }
     });
-    document.dispatchEvent(s), this.closeDynamicContentHandler = (i) => {
-      const a = i.detail;
-      this.selectedDynamicContent = a, a.text && a.value && this.dataSelectCallback(a);
-    }, document.addEventListener("dynamic-content:close", this.closeDynamicContentHandler);
+    document.dispatchEvent(s);
+    const o = (l) => {
+      const c = l.detail;
+      this.selectedDynamicContent = c, c.text && c.value && this.dataSelectCallback(c), document.removeEventListener("dynamic-content:close", o);
+    };
+    document.addEventListener("dynamic-content:close", o);
   }
 }
 export {
-  C as ExternalMergeTagsLibrary
+  y as ExternalMergeTagsLibrary
 };

package/dist/extensions/DynamicContent/dynamic-content.js

@@ -1,156 +1,61 @@
-var c = Object.defineProperty;
-var g = (o, s, t) => s in o ? c(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
-var r = (o, s, t) => g(o, typeof s != "symbol" ? s + "" : s, t);
-import { mergeTagToDynamicContent as d, dynamicContentToMergeTags as m } from "../../utils/genericUtil.js";
-import { UIElement as u, UIElementType as a, UEAttr as h, UIElementTagRegistry as T } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { ExternalMergeTagsLibrary as y } from "./dynamic-content-modal.js";
-const l = "external-dynamic-content-ui-element", C = "button-add-dynamic-content";
-class p extends T {
-  registerUiElements(s) {
-    s[a.MERGETAGS] = l;
+var o = Object.defineProperty;
+var g = (n, t, e) => t in n ? o(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var i = (n, t, e) => g(n, typeof t != "symbol" ? t + "" : t, e);
+import { dynamicContentToMergeTags as m } from "../../utils/genericUtil.js";
+import { UIElement as c, UIElementType as r, UEAttr as l, UIElementTagRegistry as d } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ExternalMergeTagsLibrary as T } from "./dynamic-content-modal.js";
+const a = "external-dynamic-content-ui-element", y = "button-add-dynamic-content";
+class p extends d {
+  registerUiElements(t) {
+    t[r.MERGETAGS] = a;
   }
 }
-class b extends u {
+class C extends c {
   constructor() {
     super(...arguments);
-    r(this, "mergeTagsButton", null);
-    r(this, "mergeTagsLibrary", null);
-    r(this, "clickListener", null);
-    r(this, "lastClickedElement", null);
-    r(this, "lastClickedFrame", null);
-    r(this, "mousedownListener", null);
+    i(this, "mergeTagsButton", null);
+    i(this, "listener", () => {
+    });
+    i(this, "mergeTagsLibrary", null);
+    i(this, "selectedDynamicContent", { value: "", text: "" });
   }
   getId() {
-    return l;
+    return a;
   }
-  onRender(t) {
-    var e;
-    this.mergeTagsButton = t.querySelector("#guido__btn-add-dynamic-content"), this.clickListener = this._onClick.bind(this), (e = this.mergeTagsButton) == null || e.addEventListener("click", this.clickListener), this._setupCoordinateTracking();
+  onRender(e) {
+    var s;
+    this.listener = this._onClick.bind(this), this.mergeTagsButton = e.querySelector("#guido__btn-add-dynamic-content"), (s = this.mergeTagsButton) == null || s.addEventListener("click", this.listener);
   }
   onDestroy() {
-    var t;
-    this.clickListener && ((t = this.mergeTagsButton) == null || t.removeEventListener("click", this.clickListener)), this._cleanupCoordinateTracking(), this.mergeTagsButton = null, this.clickListener = null, this.lastClickedElement = null, this.lastClickedFrame = null;
+    var e;
+    (e = this.mergeTagsButton) == null || e.removeEventListener("click", this.listener);
   }
   _onClick() {
     this.openMergeTagLibrary();
   }
-  /**
-   * Called when Stripo detects merge tag interactions
-   * This is the key method that receives notifications about merge tag clicks
-   * @param name - Attribute name (e.g., 'mergeTag')
-   * @param value - MergeTag object with label, value, selStart, selEnd, etc.
-   */
-  onAttributeUpdated(t, e) {
-    if (t !== "mergeTag" || !(e != null && e.value))
-      return;
-    const n = d(e), i = this._getLastClickedPosition();
-    this.lastClickedElement = null, this.lastClickedFrame = null, this._openDynamicContentLibrary(n, i);
-  }
   openMergeTagLibrary() {
-    const t = this._getButtonPosition(), e = { value: "", text: "" };
-    this._openDynamicContentLibrary(e, t);
-  }
-  /**
-   * Opens the dynamic content library for external apps
-   * Dispatches event with dynamic content data and position
-   */
-  _openDynamicContentLibrary(t, e) {
-    this.mergeTagsLibrary || (this.mergeTagsLibrary = new y()), this.mergeTagsLibrary.openMergeTagsLibrary(
-      t,
-      (n) => {
-        n.text && n.value ? this.api.triggerValueChange(m([n])[0]) : this.api.triggerValueChange(null);
-      },
-      e
+    this.mergeTagsLibrary || (this.mergeTagsLibrary = new T()), this.mergeTagsLibrary.openMergeTagsLibrary(
+      this.selectedDynamicContent,
+      (e) => {
+        this.api.onValueChanged(m([e])[0]);
+      }
     );
   }
-  /**
-   * Gets the button's position on the screen
-   * Used to position the modal or anything else near the button
-   */
-  _getButtonPosition() {
-    if (!this.mergeTagsButton)
-      return { x: 0, y: 0, width: 0, height: 0 };
-    const { x: t, y: e, width: n, height: i } = this.mergeTagsButton.getBoundingClientRect();
-    return { x: t, y: e, width: n, height: i };
-  }
-  /**
-   * Sets up coordinate tracking for merge tag clicks in the iframe
-   * Workaround from Stripo intercepting click events - tracks mousedown events instead
-   */
-  _setupCoordinateTracking() {
-    var e;
-    const t = this._getEditorFrame();
-    (e = t == null ? void 0 : t.contentWindow) != null && e.document && (this.mousedownListener = (n) => {
-      const i = this._findMergeTagElement(n.target);
-      i && (this.lastClickedElement = i, this.lastClickedFrame = t);
-    }, t.contentWindow.document.addEventListener("mousedown", this.mousedownListener));
-  }
-  /**
-   * Gets the editor iframe element
-   */
-  _getEditorFrame() {
-    var n;
-    const t = document.querySelector("ui-editor");
-    if (!(t != null && t.shadowRoot))
-      return null;
-    const e = t.shadowRoot.querySelector("iframe");
-    return (n = e == null ? void 0 : e.contentWindow) != null && n.document ? e : null;
-  }
-  /**
-   * Finds merge tag element in the element tree
-   */
-  _findMergeTagElement(t) {
-    return t.closest(".target, .esd-merge-tag");
-  }
-  /**
-   * Gets the position of the last clicked element, calculated on-demand
-   * This ensures we always use the correct element's position even with rapid clicks
-   */
-  _getLastClickedPosition() {
-    if (!(!this.lastClickedElement || !this.lastClickedFrame))
-      return this._calculateAbsolutePosition(this.lastClickedFrame, this.lastClickedElement);
-  }
-  /**
-   * Calculates absolute position of element relative to page
-   */
-  _calculateAbsolutePosition(t, e) {
-    const n = t.getBoundingClientRect(), i = e.getBoundingClientRect();
-    return {
-      x: n.x + i.x,
-      y: n.y + i.y,
-      width: i.width,
-      height: i.height
-    };
-  }
-  /**
-   * Cleans up the coordinate tracking event listener
-   */
-  _cleanupCoordinateTracking() {
-    var e;
-    if (!this.mousedownListener)
-      return;
-    const t = this._getEditorFrame();
-    (e = t == null ? void 0 : t.contentWindow) != null && e.document && t.contentWindow.document.removeEventListener("mousedown", this.mousedownListener), this.mousedownListener = null;
-  }
-  /**
-   * Returns the HTML template for the "Add Dynamic Content" button
-   * This button is placed in the merge tags selector UI
-   */
   getTemplate() {
     return `
             <div>
-                <${a.BUTTON} 
+                <${r.BUTTON} 
                     id="guido__btn-add-dynamic-content" 
                     class="btn btn-primary"
-                    ${h.BUTTON.name}="${C}">
-                        <${a.ICON} src="plus" class="icon icon-button color-primary">
-                        </${a.ICON}>
+                    ${l.BUTTON.name}="${y}">
+                        <${r.ICON} src="plus" class="icon icon-button color-primary">
+                        </${r.ICON}>
                         ${this.api.translate("Add Dynamic Content")}
-                </${a.BUTTON}>
+                </${r.BUTTON}>
             </div>`;
   }
 }
 export {
   p as DynamicContentTagRegistry,
-  b as DynamicContentUiElementExtension
+  C as DynamicContentUiElementExtension
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-0502bceb] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-23c413c9],.guido-editor__container[data-v-23c413c9]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-23c413c9]{height:calc(100vh - 75px)}[data-v-70835920] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-0502bceb] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-3c910a93],.guido-editor__container[data-v-3c910a93]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-3c910a93]{height:calc(100vh - 75px)}[data-v-70835920] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js

@@ -1,4 +1,4 @@
-var M = class u {
+var et = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUCTURE", t.CONTAINER = "CONTAINER", t))(et || {}), M = class u {
   /**
    * Validates that all required methods are properly implemented in the subclass.
    * @param requiredMethods - Array of method names that must be implemented
@@ -34,7 +34,7 @@ ${s.map((E) => `  - ${E}`).join(`
 };
 M.validatedClasses = /* @__PURE__ */ new Set();
 M.validationErrors = /* @__PURE__ */ new Map();
-var a = M, et = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUCTURE", t.CONTAINER = "CONTAINER", t))(et || {}), y = class c extends a {
+var a = M, y = class c extends a {
   constructor() {
     super(c.REQUIRED_METHODS, c);
   }
@@ -176,16 +176,6 @@ var a = M, et = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUC
   getName() {
     throw new Error("Method getName() must be implemented by the subclass");
   }
-  /**
-   * Retrieves the name of block in the block panel.
-   * Can contain html markup
-   * If not implemented by the subclass, getName() function will be used to display name in the block panel
-   *
-   * @return {string} The name of the block panel.
-   */
-  getSettingsPanelName() {
-    return "";
-  }
   /**
    * Gets a short description of the block shown to the user, often as a tooltip in the block panel.
    * Use `this.api.translate()` for localization.

package/dist/node_modules/lodash-es/_arrayLikeKeys.js

@@ -1,20 +1,19 @@
-import a from "./_baseTimes.js";
+import p from "./_baseTimes.js";
 import g from "./isArguments.js";
 import h from "./isArray.js";
-import b from "./isBuffer.js";
-import A from "./_isIndex.js";
-import c from "./isTypedArray.js";
-var d = Object.prototype, O = d.hasOwnProperty;
-function l(t, p) {
-  var o = h(t), i = !o && g(t), s = !o && !i && b(t), e = !o && !i && !s && c(t), n = o || i || s || e, f = n ? a(t.length, String) : [], m = f.length;
-  for (var r in t)
-    (p || O.call(t, r)) && !(n && // Safari 9 has enumerable `arguments.length` in strict mode.
+import a from "./isBuffer.js";
+import d from "./_isIndex.js";
+import A from "./isTypedArray.js";
+function c(i, b) {
+  var t = h(i), f = !t && g(i), s = !t && !f && a(i), o = !t && !f && !s && A(i), n = t || f || s || o, e = n ? p(i.length, String) : [], m = e.length;
+  for (var r in i)
+    n && // Safari 9 has enumerable `arguments.length` in strict mode.
     (r == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
     s && (r == "offset" || r == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-    e && (r == "buffer" || r == "byteLength" || r == "byteOffset") || // Skip index properties.
-    A(r, m))) && f.push(r);
-  return f;
+    o && (r == "buffer" || r == "byteLength" || r == "byteOffset") || // Skip index properties.
+    d(r, m)) || e.push(r);
+  return e;
 }
 export {
-  l as default
+  c as default
 };

package/dist/node_modules/lodash-es/keysIn.js

@@ -1,9 +1,9 @@
 import e from "./_arrayLikeKeys.js";
 import i from "./_baseKeysIn.js";
 import a from "./isArrayLike.js";
-function t(r) {
-  return a(r) ? e(r, !0) : i(r);
+function f(r) {
+  return a(r) ? e(r) : i(r);
 }
 export {
-  t as default
+  f as default
 };

package/dist/package.json.js

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

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

@@ -7,7 +7,6 @@ type Features = {
     saveAsTemplate?: boolean;
     versionHistory?: boolean;
     testMessage?: boolean;
-    displayConditions?: boolean;
 };
 type Partner = {
     partnerName: string;
@@ -38,39 +37,15 @@ export type TemplateConfig = {
     selectedUnsubscribePages?: number[];
     variationId?: string;
 };
-export type BaseDynamicContent = {
+export type DynamicContent = {
     value: string;
+    text: string;
     fallback?: string;
     format?: {
         key: string;
         value: string;
     };
 };
-export type DynamicContent = BaseDynamicContent & {
-    text: string;
-};
-export type MergeTag = BaseDynamicContent & {
-    label: string;
-    selStart?: number;
-    selEnd?: number;
-    hidden?: boolean;
-};
-export type PositionData = {
-    x: number;
-    y: number;
-    width?: number;
-    height?: number;
-};
-export type DynamicContentEvent = {
-    attribute: DynamicContent;
-    position?: PositionData;
-};
-export type MergeTagClickEvent = {
-    position: PositionData;
-    element: HTMLElement;
-    tagValue: string | null;
-    tagLabel: string | null;
-};
 export interface EmailHeader {
     senderName: string;
     subject: string;
@@ -86,6 +61,10 @@ export interface TooltipOptions {
     };
     preventXss?: boolean;
 }
+export type MergeTag = {
+    label: string;
+    value: string;
+};
 export type TextValueObject = {
     text: string;
     value: string;

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

@@ -1,4 +1,4 @@
-import type { DynamicContent, GuidoConfig, PositionData, TemplateConfig } from '@@/Types/generic';
+import type { DynamicContent, GuidoConfig, TemplateConfig } from '@@/Types/generic';
 import type { SavedTemplateDetails } from '@@/Types/stripo';
 type __VLS_Props = {
     templateId: string;
@@ -20,14 +20,13 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     hasChanges: import("vue").ComputedRef<boolean>;
     saveSilent: () => Promise<SavedTemplateDetails | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    "dynamic-content:open": (detail: DynamicContent | null, position?: PositionData | undefined) => void;
+    "dynamic-content:open": (detail: DynamicContent | null) => void;
     back: () => void;
     "save:start": () => void;
     "save:complete": (data: Omit<SavedTemplateDetails, "forceRecreate">) => void;
     "on-change": (hasChanges: boolean) => void;
     ready: () => void;
     "onboarding:finished": () => void;
-    "test-email:click": () => void;
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -3,11 +3,9 @@ import type { InjectionKey } from 'vue';
 export type BackHandler = () => void;
 export type SaveStartHandler = () => void;
 export type SaveCompleteHandler = (template: Omit<SavedTemplateDetails, 'forceRecreate'>) => void;
-export type TestEmailClickHandler = () => void;
 export declare const BACK_KEY: InjectionKey<BackHandler>;
 export declare const SAVE_START_KEY: InjectionKey<SaveStartHandler>;
 export declare const SAVE_COMPLETE_KEY: InjectionKey<SaveCompleteHandler>;
-export declare const TEST_EMAIL_CLICK_KEY: InjectionKey<TestEmailClickHandler>;
 /**
  * Provides Guido action handlers to child components
  */
@@ -15,7 +13,6 @@ export declare const provideGuidoActions: (actions: {
     onBack: BackHandler;
     onSaveStart: SaveStartHandler;
     onSaveComplete: SaveCompleteHandler;
-    onTestEmailClick: TestEmailClickHandler;
 }) => void;
 /**
  * Provides individual Guido action handlers
@@ -38,11 +35,6 @@ export declare const useSaveStart: () => SaveStartHandler;
  * @returns Save complete function
  */
 export declare const useSaveComplete: () => SaveCompleteHandler;
-/**
- * Hook to use the test email click handler
- * @returns Test email click function
- */
-export declare const useTestEmailClick: () => TestEmailClickHandler;
 /**
  * Convenience hook to get all Guido actions
  * @returns Object containing all action handlers
@@ -51,5 +43,4 @@ export declare const useGuidoActions: () => {
     back: BackHandler;
     saveStart: SaveStartHandler;
     saveComplete: SaveCompleteHandler;
-    testEmailClick: TestEmailClickHandler;
 };

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

@@ -1,6 +1,2 @@
 export declare const SERVICE_HOVER_SELECTORS: string[];
-export declare const UI_EDITOR_SELECTOR = "ui-editor";
-export declare const CARD_COMPOSITION_TAB_SELECTOR = "button[role=\"tab\"][aria-label=\"Card Composition\"]";
-export declare const SETTINGS_TAB_SELECTOR = "button[role=\"tab\"][aria-label=\"Settings\"]";
-export declare const RIBBON_SELECTOR = ".in-ribbons-wrapper";
 export declare const ACADEMY_LINK = "https://academy.useinsider.com/docs/email-drag-drop-editor";

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

@@ -9,5 +9,4 @@ export declare class ItemsBlock extends Block {
     getTemplate(): string;
     allowInnerBlocksDND(): boolean;
     onCreated(node: ImmutableHtmlNode): void;
-    onSelect(node: ImmutableHtmlNode): void;
 }

package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts

@@ -1,33 +1,20 @@
-import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../common-control';
 export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-items-card-composition-block";
 export declare class ItemsBlockCardCompositionControl extends CommonControl {
-    private store;
-    private visibilityState;
     getId(): string;
     getTemplate(): string;
     onRender(): void;
-    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    onDestroy(): void;
     _getToggleContainer({ name, label }: {
         name: string;
         label: string;
     }): string;
     _initializeToggles(): void;
-    _updateTogglesFromState(): void;
-    _syncVisibilityFromAttributes(): void;
-    /**
-     * If itemsType is not BROWSED_ITEMS, show quantity
-     * If itemsType is BROWSED_ITEMS, hide quantity
-     * and mark it as '0'
-     */
-    _handleBrowsedItemsQuantity(): void;
-    _applyVisibilityStyles(): void;
-    _updateVisibilityAttribute(elementName: string, isVisible: boolean): void;
     _listenToFormUpdates(): void;
-    _onProductImageChange(value: boolean): void;
-    _onProductNameChange(value: boolean): void;
-    _onProductQuantityChange(value: boolean): void;
-    _onProductPriceChange(value: boolean): void;
-    _onProductOriginalPriceChange(value: boolean): void;
-    _onProductButtonChange(value: boolean): void;
+    _onProductImageChange(value: string): void;
+    _onProductNameChange(value: string): void;
+    _onProductQuantityChange(value: string): void;
+    _onProductPriceChange(value: string): void;
+    _onProductOriginalPriceChange(value: string): void;
+    _onProductButtonChange(value: string): void;
 }

package/dist/src/extensions/Blocks/Items/controls/price/currencySymbol.d.ts

@@ -8,7 +8,6 @@ export declare class PriceCurrencySymbolControl extends CommonControl {
     getId(): string;
     getTemplate(): string;
     onRender(): void;
-    onDestroy(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     _onCurrencySymbolChange(value: string): void;
     private _storeOriginalContents;

package/dist/src/extensions/Blocks/Items/controls/price/hideDiscount.d.ts

@@ -1,13 +1,9 @@
-import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_HIDE_DISCOUNT;
 export declare class PriceHideDiscountControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
-    onRender(): void;
-    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    _onHideDiscountChange(value: boolean): void;
+    onRender(): Promise<void>;
     _getHideDiscount(): string;
 }

package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts

@@ -1,4 +1,3 @@
-import { ProductType } from '@@/Types/extensions/items';
 import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../common-control';
 export declare const CONTROL_BLOCK_ID = "ui-elements-items-block";
@@ -33,8 +32,6 @@ export declare class ItemsBlockControl extends CommonControl {
     _updateQuantity(quantity: string): void;
     _updateButton(button: string): void;
     _reOrderTemplate(): void;
-    _updateDataTypeAttributes(itemsType: ProductType): void;
-    _updateDataNumberAttributes(itemId: string): void;
     _reFillTemplate(): void;
     _recalculateTrimming(): void;
     private _getParagraphFromBlock;

package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts

@@ -2,26 +2,9 @@ export declare const configAttributes: {
     TYPE: string;
     ITEMS_INDEX_SELECT_CONTROL_VALUE: string;
     ORIENTATION: string;
-    PRODUCT_NAME_TRIMMING: string;
-    PRODUCT_PRICE_HIDE_DISCOUNT: string;
-    PRODUCT_PRICE_FORMATTED: string;
-    PRODUCT_PRICE_CURRENCY_SYMBOL: string;
-    PRODUCT_PRICE_CURRENCY_LOCATION: string;
-    PRODUCT_BUTTON_LINK: string;
-    PRODUCT_IMAGE_LINK: string;
     PRODUCT_NAME_CONTROL_VALUE: string;
     PRODUCT_QUANTITY_CONTROL_VALUE: string;
     PRODUCT_PRICE_CONTROL_VALUE: string;
-    BLOCK_INSTANCE_ID: string;
-    NAME_CONTROL_ENABLED: string;
-    QUANTITY_CONTROL_ENABLED: string;
-    PRICE_CONTROL_OPENED: string;
-    PRODUCT_IMAGE_VISIBLE: string;
-    PRODUCT_NAME_VISIBLE: string;
-    PRODUCT_QUANTITY_VISIBLE: string;
-    PRODUCT_PRICE_VISIBLE: string;
-    PRODUCT_ORIGINAL_PRICE_VISIBLE: string;
-    PRODUCT_BUTTON_VISIBLE: string;
 };
 export declare const productPairs: {
     PAIRS_FOR_EXTENSION: {
@@ -158,4 +141,3 @@ export declare const productPairs: {
         };
     };
 };
-export declare const itemsBlockDynamicVariables: string[];

package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts

@@ -19,27 +19,13 @@ export declare const OrientationOptions: {
 }[];
 export declare const DefaultConfigValues: {
     itemsType: string;
-    isDataInitialized: string;
     cartItemsSelectControlValue: string;
     cardOrientationControlValue: string;
-    productNameTrimmingControlValue: string;
-    productPriceHideDiscountControlValue: string;
-    productPriceFormattedControlValue: string;
-    productPriceCurrencySymbolControlValue: string;
-    productPriceCurrencyLocationControlValue: string;
-    productButtonLinkControlValue: string;
-    productImageLinkControlValue: string;
     productNameControlEnabled: string;
     productQuantityControlOpened: string;
     productNameControlTrim: string;
     productQuantityControlEnabled: string;
     productPriceControlOpened: string;
-    productImageVisible: string;
-    productNameVisible: string;
-    productQuantityVisible: string;
-    productPriceVisible: string;
-    productOriginalPriceVisible: string;
-    productButtonVisible: string;
 };
 export declare const ItemInCartOptions: {
     [x: string]: {

package/dist/src/extensions/Blocks/Items/store/items-block.d.ts

@@ -6,7 +6,6 @@ interface ItemsBlockState {
     buttonLink: string;
     orientation: OrientationType;
     nameTrimming: boolean;
-    hideDiscount: boolean;
     currencySymbol: string;
     currencyLocation: string;
     formattedPrice: boolean;
@@ -19,14 +18,13 @@ interface ItemsBlockState {
         button: string;
     };
 }
-export declare const useItemsBlockStore: import("pinia").StoreDefinition<"guidoItemsBlock", ItemsBlockState, {}, {
+export declare const useItemsBlockStore: import("pinia").StoreDefinition<"items-block", ItemsBlockState, {}, {
     setItemsType(itemsType: ProductType): void;
     setItemIds(itemIds: string): void;
     setImageLink(imageLink: string): void;
     setButtonLink(buttonLink: string): void;
     setOrientation(orientation: OrientationType): void;
     setNameTrimming(nameTrimming: boolean): void;
-    setHideDiscount(hideDiscount: boolean): void;
     setCurrencySymbol(currencySymbol: string): void;
     setCurrencyLocation(currencyLocation: string): void;
     setFormattedPrice(formattedPrice: boolean): void;