@useinsider/guido 1.0.2-beta.85ea6e2 → 1.0.2-beta.91efff4

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js

@@ -1,13 +1,7 @@
-import { __exports as T } from "../../../../../_virtual/UIElementType.js";
-var O;
-function S() {
-  if (O) return T;
-  O = 1, Object.defineProperty(T, "__esModule", { value: !0 }), T.UIElementType = void 0;
-  var C;
-  return (function(E) {
-    E.BUTTON = "UE-BUTTON", E.CHECKBOX = "UE-CHECKBOX", E.CHECK_BUTTONS = "UE-CHECK-BUTTONS", E.COLOR = "UE-COLOR", E.COUNTER = "UE-COUNTER", E.DATEPICKER = "UE-DATEPICKER", E.LABEL = "UE-LABEL", E.MESSAGE = "UE-MESSAGE", E.RADIO_BUTTONS = "UE-RADIO-BUTTONS", E.SELECTPICKER = "UE-SELECT", E.SWITCHER = "UE-SWITCHER", E.TEXT = "UE-TEXT", E.TEXTAREA = "UE-TEXTAREA", E.CHECK_ITEM = "UE-CHECK-ITEM", E.RADIO_ITEM = "UE-RADIO-ITEM", E.SELECT_ITEM = "UE-SELECT-ITEM", E.ICON = "UE-ICON", E.MERGETAGS = "UE-MERGETAGS", E.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", E.NESTED_CONTROL = "UE-NESTED-CONTROL";
-  })(C || (T.UIElementType = C = {})), T;
-}
+var C;
+(function(E) {
+  E.BUTTON = "UE-BUTTON", E.CHECKBOX = "UE-CHECKBOX", E.CHECK_BUTTONS = "UE-CHECK-BUTTONS", E.COLOR = "UE-COLOR", E.COUNTER = "UE-COUNTER", E.DATEPICKER = "UE-DATEPICKER", E.LABEL = "UE-LABEL", E.MESSAGE = "UE-MESSAGE", E.RADIO_BUTTONS = "UE-RADIO-BUTTONS", E.SELECTPICKER = "UE-SELECT", E.SWITCHER = "UE-SWITCHER", E.TEXT = "UE-TEXT", E.TEXTAREA = "UE-TEXTAREA", E.CHECK_ITEM = "UE-CHECK-ITEM", E.RADIO_ITEM = "UE-RADIO-ITEM", E.SELECT_ITEM = "UE-SELECT-ITEM", E.ICON = "UE-ICON", E.MERGETAGS = "UE-MERGETAGS", E.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", E.NESTED_CONTROL = "UE-NESTED-CONTROL";
+})(C || (C = {}));
 export {
-  S as __require
+  C as UIElementType
 };

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js

@@ -1,45 +1,24 @@
-import { __exports as r } from "../../../../../_virtual/UIElementsAttributes.js";
-var o;
-function S() {
-  if (o) return r;
-  o = 1;
-  var t = r && r.__assign || function() {
-    return t = Object.assign || function(l) {
-      for (var i, a = 1, g = arguments.length; a < g; a++) {
-        i = arguments[a];
-        for (var s in i) Object.prototype.hasOwnProperty.call(i, s) && (l[s] = i[s]);
-      }
-      return l;
-    }, t.apply(this, arguments);
-  };
-  Object.defineProperty(r, "__esModule", { value: !0 }), r.UEAttr = void 0;
-  var e = {
-    name: "name",
-    disabled: "disabled"
-  }, u = t(t({}, e), { caption: "caption" }), c = t(t({}, e), { caption: "caption" }), b = t(t({}, e), { minValue: "min-value", maxValue: "max-value", step: "step" }), v = t(t({}, e), { placeholder: "placeholder", minDate: "min-date" }), m = t(t({}, e), { text: "text", hint: "hint" }), A = t(t({}, e), { type: "type" }), d = t(t({}, e), { buttons: "buttons" }), n = t(t({}, e), { searchable: "searchable", multiSelect: "multi-select", placeholder: "placeholder", items: "items" }), E = t(t({}, n), { addCustomFontOption: "add-custom-font-option" }), h = t(t({}, e), { text: "text", value: "value" }), p = t(t({}, e), { text: "text", hint: "hint", icon: "icon", value: "value" }), T = t(t({}, e), { buttons: "buttons" }), C = t(t({}, e), { text: "text", hint: "hint", icon: "icon", value: "value" }), I = t(t({}, e), { placeholder: "placeholder" }), O = t(t({}, e), { resizable: "resizable", placeholder: "placeholder" }), _ = t(t({}, e), { img: "img", src: "src", title: "title", width: "width", height: "height", imageClass: "image-class", hint: "hint", disabled: "disabled", isActive: "is-active", visibility: "visibility", transform: "transform" }), x = t(t({}, e), { controlId: "control-id" });
-  return r.UEAttr = {
-    DEFAULT: e,
-    BUTTON: u,
-    CHECKBOX: c,
-    CHECK_BUTTONS: T,
-    COLOR: e,
-    COUNTER: b,
-    DATEPICKER: v,
-    LABEL: m,
-    MESSAGE: A,
-    RADIO_BUTTONS: d,
-    SELECTPICKER: n,
-    FONT_FAMILY_SELECT: E,
-    SWITCHER: e,
-    TEXT: I,
-    TEXTAREA: O,
-    ICON: _,
-    CHECK_ITEM: p,
-    SELECT_ITEM: h,
-    RADIO_ITEM: C,
-    NESTED_CONTROL: x
-  }, r;
-}
+const t = {
+  name: "name",
+  disabled: "disabled"
+}, e = {
+  ...t
+}, s = {
+  ...t,
+  text: "text"
+}, l = {
+  ...t,
+  placeholder: "placeholder",
+  items: "items"
+}, c = {
+  text: "text",
+  value: "value"
+}, n = {
+  BUTTON: e,
+  LABEL: s,
+  SELECTPICKER: l,
+  SELECT_ITEM: c
+};
 export {
-  S as __require
+  n as UEAttr
 };

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js

@@ -1,20 +1,24 @@
-import { __exports as o } from "../../../../../_virtual/Control.js";
-var t;
-function u() {
-  if (t) return o;
-  t = 1, Object.defineProperty(o, "__esModule", { value: !0 }), o.Control = void 0;
-  var e = (
-    /** @class */
-    (function() {
-      function r() {
-      }
-      return r.prototype.onRender = function() {
-      }, r.prototype.onDestroy = function() {
-      }, r;
-    })()
-  );
-  return o.Control = e, o;
+var s = Object.defineProperty;
+var t = (e, o, n) => o in e ? s(e, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[o] = n;
+var r = (e, o, n) => t(e, typeof o != "symbol" ? o + "" : o, n);
+class l {
+  constructor() {
+    /** Provides access to editor functionalities specific to this UI control instance. */
+    r(this, "api");
+  }
+  /**
+   * Optional hook called when the control is initially rendered.
+   * Use this for setup tasks like attaching event listeners to the control's template elements.
+   */
+  onRender() {
+  }
+  /**
+   * Optional cleanup hook called when the control is being destroyed.
+   * Use this to remove event listeners or perform other cleanup tasks.
+   */
+  onDestroy() {
+  }
 }
 export {
-  u as __require
+  l as Control
 };

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js

@@ -1,18 +1,11 @@
-import { __exports as e } from "../../../../../_virtual/SettingsPanelRegistry.js";
-var t;
-function s() {
-  if (t) return e;
-  t = 1, Object.defineProperty(e, "__esModule", { value: !0 }), e.SettingsPanelRegistry = void 0;
-  var r = (
-    /** @class */
-    /* @__PURE__ */ (function() {
-      function i() {
-      }
-      return i;
-    })()
-  );
-  return e.SettingsPanelRegistry = r, e;
+var i = Object.defineProperty;
+var g = (s, e, t) => e in s ? i(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var a = (s, e, t) => g(s, typeof e != "symbol" ? e + "" : e, t);
+class n {
+  constructor() {
+    a(this, "api");
+  }
 }
 export {
-  s as __require
+  n as SettingsPanelRegistry
 };

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js

@@ -1,32 +1,33 @@
-import { __exports as s } from "../../../../../_virtual/SettingsPanelTab.js";
-var r;
-function l() {
-  if (r) return s;
-  r = 1, Object.defineProperty(s, "__esModule", { value: !0 }), s.SettingsPanelTab = void 0;
-  var i = (
-    /** @class */
-    (function() {
-      function n(t, e) {
-        this.tabId = t, this.controlsIds = e;
-      }
-      return n.prototype.getTabId = function() {
-        return this.tabId;
-      }, n.prototype.getLabel = function() {
-        return this.label;
-      }, n.prototype.getControlsIds = function() {
-        return this.controlsIds;
-      }, n.prototype.withLabel = function(t) {
-        return this.label = t, this;
-      }, n.prototype.addControl = function(t, e) {
-        return e < 0 ? this.controlsIds.unshift(t) : e > this.controlsIds.length ? this.controlsIds.push(t) : this.controlsIds.splice(e, 0, t), this;
-      }, n.prototype.deleteControl = function(t) {
-        var e = this.controlsIds.indexOf(t);
-        e !== -1 && this.controlsIds.splice(e, 1);
-      }, n;
-    })()
-  );
-  return s.SettingsPanelTab = i, s;
+var r = Object.defineProperty;
+var n = (e, s, t) => s in e ? r(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
+var l = (e, s, t) => n(e, typeof s != "symbol" ? s + "" : s, t);
+class o {
+  constructor(s, t) {
+    l(this, "tabId");
+    l(this, "label");
+    l(this, "controlsIds");
+    this.tabId = s, this.controlsIds = t;
+  }
+  getTabId() {
+    return this.tabId;
+  }
+  getLabel() {
+    return this.label;
+  }
+  getControlsIds() {
+    return this.controlsIds;
+  }
+  withLabel(s) {
+    return this.label = s, this;
+  }
+  addControl(s, t) {
+    return t < 0 ? this.controlsIds.unshift(s) : t > this.controlsIds.length ? this.controlsIds.push(s) : this.controlsIds.splice(t, 0, s), this;
+  }
+  deleteControl(s) {
+    const t = this.controlsIds.indexOf(s);
+    t !== -1 && this.controlsIds.splice(t, 1);
+  }
 }
 export {
-  l as __require
+  o as SettingsPanelTab
 };

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js

@@ -1,26 +1,22 @@
-import { __exports as i } from "../../../../../_virtual/ModificationDescription.js";
-var r;
-function a() {
-  if (r) return i;
-  r = 1, Object.defineProperty(i, "__esModule", { value: !0 }), i.ModificationDescription = void 0;
-  var e = (
-    /** @class */
-    (function() {
-      function t(o) {
-        this.key = o;
-      }
-      return t.prototype.withParams = function(o) {
-        return this.params = o, this;
-      }, t.prototype.getValue = function() {
-        return {
-          key: this.key,
-          params: this.params
-        };
-      }, t;
-    })()
-  );
-  return i.ModificationDescription = e, i;
+var i = Object.defineProperty;
+var e = (t, s, a) => s in t ? i(t, s, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[s] = a;
+var r = (t, s, a) => e(t, typeof s != "symbol" ? s + "" : s, a);
+class o {
+  constructor(s) {
+    r(this, "key");
+    r(this, "params");
+    this.key = s;
+  }
+  withParams(s) {
+    return this.params = s, this;
+  }
+  getValue() {
+    return {
+      key: this.key,
+      params: this.params
+    };
+  }
 }
 export {
-  a as __require
+  o as ModificationDescription
 };

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js

@@ -1,22 +1,40 @@
-import { __exports as t } from "../../../../../_virtual/UIElement.js";
-var n;
-function l() {
-  if (n) return t;
-  n = 1, Object.defineProperty(t, "__esModule", { value: !0 }), t.UIElement = void 0;
-  var r = (
-    /** @class */
-    (function() {
-      function e() {
-      }
-      return e.prototype.onDestroy = function() {
-      }, e.prototype.getValue = function() {
-      }, e.prototype.setValue = function(o) {
-      }, e.prototype.onAttributeUpdated = function(o, u) {
-      }, e;
-    })()
-  );
-  return t.UIElement = r, t;
+var u = Object.defineProperty;
+var n = (t, e, a) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
+var l = (t, e, a) => n(t, typeof e != "symbol" ? e + "" : e, a);
+class s {
+  constructor() {
+    /** Provides access to editor functionalities specific to this UI element instance. */
+    l(this, "api");
+  }
+  /**
+   * Optional cleanup hook called when the UI element is being destroyed.
+   * Use this to remove event listeners or perform other cleanup tasks.
+   */
+  onDestroy() {
+  }
+  /**
+   * Optional method to get the current value of the UI element.
+   * Implement this if the element manages a state or value (e.g., input fields).
+   * @returns The current value of the element.
+   */
+  getValue() {
+  }
+  /**
+   * Optional method to set the value of the UI element.
+   * Implement this if the element manages a state or value and needs to be updated externally.
+   * @param value - The new value to set.
+   */
+  setValue(e) {
+  }
+  /**
+   * @description Optional hook called when one of the element's supported attributes ({@link UEAttr}) gets updated externally.
+   * Implement this to react to attribute changes (e.g., visibility, disabled state).
+   * @param name - The name of the attribute that was updated.
+   * @param value - The new value of the attribute.
+   */
+  onAttributeUpdated(e, a) {
+  }
 }
 export {
-  l as __require
+  s as UIElement
 };

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js

@@ -1,18 +1,5 @@
-import { __exports as e } from "../../../../../_virtual/UIElementTagRegistry.js";
-var r;
-function g() {
-  if (r) return e;
-  r = 1, Object.defineProperty(e, "__esModule", { value: !0 }), e.UIElementTagRegistry = void 0;
-  var t = (
-    /** @class */
-    /* @__PURE__ */ (function() {
-      function i() {
-      }
-      return i;
-    })()
-  );
-  return e.UIElementTagRegistry = t, e;
+class s {
 }
 export {
-  g as __require
+  s as UIElementTagRegistry
 };

package/dist/static/styles/components/alert-message.css.js

@@ -1,4 +1,4 @@
-const n = `.alert-message-wrapper {
+const r = `.alert-message-wrapper {
     box-shadow: none;
     border: 1px solid var(--guido-color-gray-300);
     color: var(--guido-color-gray-600);
@@ -16,6 +16,36 @@ const n = `.alert-message-wrapper {
     color: var(--guido-color-border-onpage-message-info);
 }
 
+.alert-message-wrapper.warn {
+    background: var(--guido-color-background-onpage-message-warn);
+    border-color: var(--guido-color-border-onpage-message-warn);
+    color: inherit;
+}
+
+.alert-message-wrapper.warn ue-icon-component.icon {
+    color: var(--guido-color-border-onpage-message-warn);
+}
+
+.alert-message-wrapper.success {
+    background: var(--guido-color-background-onpage-message-success);
+    border-color: var(--guido-color-border-onpage-message-success);
+    color: inherit;
+}
+
+.alert-message-wrapper.success ue-icon-component.icon {
+    color: var(--guido-color-border-onpage-message-success);
+}
+
+.alert-message-wrapper.error {
+    background: var(--guido-color-background-onpage-message-error);
+    border-color: var(--guido-color-border-onpage-message-error);
+    color: inherit;
+}
+
+.alert-message-wrapper.error ue-icon-component.icon {
+    color: var(--guido-color-border-onpage-message-error);
+}
+
 .alert-message-wrapper ue-button {
     padding: 0;
 }
@@ -35,5 +65,5 @@ const n = `.alert-message-wrapper {
 }
 `;
 export {
-  n as default
+  r as default
 };

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

@@ -60,8 +60,28 @@ const o = `.control-shadow-wrapper:has(.button) {
     color: var(--guido-color-primary-500);
 }
 
-.flat-white > .button:hover:not(:disabled,.disabled) {
-    color: var(--guido-color-primary-500);
+.primary > .button {
+    border: none;
+    background-color: var(--guido-color-neutral-200);
+    color: var(--guido-color-neutral-800);
+}
+
+.primary > .button .icon-button {
+    color: var(--guido-color-neutral-800);
+}
+
+.primary > .button:hover:not(:disabled,.disabled) {
+    background-color: var(--guido-color-neutral-100);
+}
+
+.danger > .button {
+    background-color: var(--guido-color-danger-500);
+    color: var(--guido-color-white);
+    border: none;
+}
+
+.danger > .button:hover:not(:disabled,.disabled) {
+    background-color: var(--guido-color-danger-300);
 }
 
 ue-check-button.checked:not(.flat-white) input:checked + label {
@@ -100,6 +120,16 @@ ue-color {
 ue-color .base-input {
     width: 100%;
 }
+
+ue-select-text-input .select-text-input-toggle {
+    top: 0;
+    right: 0;
+}
+
+ue-select-text-input .select-text-input-toggle .button {
+    justify-content: center;
+    background-color: transparent !important;
+}
 `;
 export {
   o as default

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

@@ -0,0 +1,55 @@
+const n = `ue-notifications-container {
+    left: 96px;
+    margin: 0;
+    bottom: 32px;
+    top: unset;
+    width: unset;
+}
+
+ue-notifications-container ue-message + ue-message {
+    margin-bottom: 24px;
+}
+
+ue-notifications-container .alert-message-wrapper {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
+    border: none;
+    padding: 16px 24px;
+}
+
+ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-content {
+    width: calc(100% - 64px);
+}
+
+ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-text {
+    font-size: 15px;
+    font-weight: 600;
+}
+
+ue-notifications-container .alert-message-text,
+ue-notifications-container .alert-message-wrapper ue-icon-component.icon,
+ue-notifications-container .alert-message-wrapper ue-icon-component.icon-button {
+    color: var(--guido-color-white);
+}
+
+ue-notifications-container ue-message ue-button.close {
+    margin: 0 0 0 16px;
+}
+
+ue-notifications-container .alert-message-wrapper.success {
+    background: var(--guido-color-background-toaster-success);
+    color: inherit;
+}
+
+ue-notifications-container .alert-message-wrapper.error {
+    background: var(--guido-color-background-toaster-error);
+    color: inherit;
+}
+
+ue-notifications-container .alert-message-wrapper.warn {
+    background: var(--guido-color-background-toaster-warn);
+    color: inherit;
+}
+`;
+export {
+  n as default
+};

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

@@ -0,0 +1,68 @@
+const n = `ue-popup {
+    -webkit-backdrop-filter: unset;
+    backdrop-filter: unset;
+    background-color: rgba(44, 53, 70, 0.5);
+}
+
+ue-popup .popup-wrapper {
+    max-width: 400px;
+    border: 1px solid var(--guido-color-neutral-200);
+    box-shadow: none;
+    background: var(--guido-color-white);
+    font-size: 15px;
+    line-height: 24px;
+}
+
+ue-popup .popup-title {
+    padding: 32px 56px 0 32px;
+    line-height: 24px;
+    font-size: 20px;
+    font-weight: 400;
+    border-bottom: none;
+}
+
+ue-popup .confirmation .confirmation-wrapper {
+    padding: 32px;
+    gap: 16px;
+}
+
+ue-popup .confirmation .confirmation-actions {
+    flex-direction: row-reverse;
+    justify-content: space-between;
+}
+
+ue-popup .danger > .button {
+    font-size: 15px;
+    padding: 8px 16px;
+}
+
+ue-popup .e2e-cancel {
+    margin-left: unset;
+}
+
+ue-popup .e2e-cancel .button {
+    background-color: transparent;
+    border: none;
+    padding: 8px 0;
+    font-size: 15px;
+}
+
+ue-popup .e2e-cancel .button:hover:not(:disabled,.disabled) {
+    text-decoration: underline;
+    background-color: transparent;
+}
+
+ue-popup .popup-close {
+    top: 32px;
+    right: 32px;
+}
+
+ue-popup .popup-close .button {
+    padding: 0;
+    min-width: unset;
+    min-height: unset;
+}
+`;
+export {
+  n as default
+};

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

@@ -2,6 +2,10 @@ const n = `ue-wide-panel {
     width: 425px;
 }
 
+ue-main-editor-container[panel-position=SETTINGS_BLOCKS] ue-wide-panel {
+    right: calc(100% - calc(var(--ue-spacing-step, 5px) * 3) - 425px);
+}
+
 ue-main-tabs-panel-component .fixed-panel-header {
     display: none;
 }
@@ -17,7 +21,7 @@ ue-description a {
 }
 
 .stacked-panel {
-    overflow: scroll;
+    overflow: auto;
 }
 
 .stacked-panel-title {

package/dist/static/styles/customEditorStyle.css.js

@@ -12,6 +12,12 @@ const n = `.esd-x,
 .ue-preview-control-wrapper ue-icon-component:not([disabled=true]):not(.stripo-static-icon):hover {
     background: none;
 }
+
+.ue-email-wrapper-rounded,
+.ue-email-wrapper-rounded-top {
+    border-radius: 0;
+    box-shadow: none;
+}
 `;
 export {
   n as default

package/dist/static/styles/variables.css.js

@@ -12,10 +12,20 @@ const o = `:host {
     --guido-color-neutral-800: #222938;
     --guido-color-neutral-200: #DCDFE6;
     --guido-color-neutral-100: #EFF2F4;
+    --guido-color-danger-300: #e84342;
     --guido-color-danger-500: #DC2A2A; 
     --guido-box-shadow: 0 4px 12px 0 rgba(44,53,70,0.15);
     --guido-color-background-onpage-message-info: #D3EEF8;
     --guido-color-border-onpage-message-info: #258DDE;
+    --guido-color-background-onpage-message-warn: #FCEFE5;
+    --guido-color-border-onpage-message-warn: #D37400;
+    --guido-color-background-onpage-message-success: #E9F9EB;
+    --guido-color-border-onpage-message-success: #128745;
+    --guido-color-background-onpage-message-error: #FCECEC;
+    --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-warn: #D37400;
 }
 `;
 export {

package/dist/stores/dynamic-content.d.ts

@@ -8,11 +8,19 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
             value: string;
             text: string;
             fallback?: string | undefined;
+            format?: {
+                key: string;
+                value: string;
+            } | undefined;
         };
         selectedDynamicContentList: {
             value: string;
             text: string;
             fallback?: string | undefined;
+            format?: {
+                key: string;
+                value: string;
+            } | undefined;
         }[];
     } & import("pinia").PiniaCustomStateProperties<{
         selectedDynamicContent: DynamicContent;
@@ -21,6 +29,10 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
         text: string;
         value: string;
         fallback: string | undefined;
+        format: {
+            key: string;
+            value: string;
+        } | undefined;
     }[];
 }, {
     setSelectedDynamicContent(dynamicContent: DynamicContent): void;