@useinsider/guido 1.0.2-beta.86f7e79 → 1.0.2-beta.93e2012

package/dist/config/compiler/recommendationCompilerRules.js

@@ -0,0 +1,83 @@
+import { useRecommendation as u } from "../../composables/useRecommendation.js";
+import { DUMMY_IMAGE_MAPPINGS as P, REGEX as i, CSS as e, CONDITIONS as E, ATTRIBUTES as r, HTML as h } from "../../enums/recommendation.js";
+const H = [
+  {
+    id: "replace-images-with-variable-names",
+    description: "Replacing dummy images with variable names in recommendation module",
+    type: "custom",
+    processor: (a) => {
+      let t = a;
+      return Object.entries(P).forEach(([, n]) => {
+        Object.entries(n).forEach(([s, o]) => {
+          t = t.replaceAll(o, `{{${s}}}`);
+        });
+      }), t;
+    },
+    priority: 50
+  },
+  {
+    id: "replace-recommendation-button-span-css",
+    description: "Replacing recommendation button span css",
+    type: "replace",
+    search: ".ext-product-button span,",
+    replacement: ".ext-product-button,",
+    replaceAll: !0,
+    priority: 51
+  },
+  {
+    id: "add-recommendation-unresponsive-css",
+    description: "Adding recommendation unresponsive css",
+    type: "custom",
+    processor: (a) => {
+      const { getRecommendationCampaignData: t } = u();
+      let n = a;
+      const s = n.match(i.ID);
+      if (s) {
+        const o = [];
+        if (s.forEach((c) => {
+          const m = c.slice(35, c.length - 1).trim();
+          t(m);
+        }), o.length) {
+          const c = `width:${Math.min(...o)}px!important;`;
+          n = n.replace(e.REGULAR_NAME_HEIGHT, `${e.TRIMMED_NAME_HEIGHT} ${c} ${e.ELLIPSIS}`).replace(e.REGULAR_NAME_CONTAINER_HEIGHT, e.TRIMMED_NAME_CONTAINER_CSS).replace(e.RESPONSIVE_NAME_SIZE, `${e.RESPONSIVE_NAME_HEIGHT} ${c} ${e.ELLIPSIS}`).replace(e.RESPONSIVE_NAME_CONTAINER_HEIGHT, e.TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS);
+        }
+      }
+      return n;
+    },
+    priority: 52
+  },
+  // TODO: prepareRecommendations
+  // TODO: addRecommendationCustomFields
+  {
+    id: "add-discount-conditions",
+    description: "Adding discount conditions to the recommendation block",
+    type: "custom",
+    processor: (a) => {
+      let t = a;
+      const n = t.match(i.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: s } = u();
+      return n !== null && n.forEach((o) => {
+        const c = o.match(i.CUSTOM_FIELD);
+        if (!c)
+          return;
+        const [m] = c, p = m.match(i.CUSTOM_FIELD_INDEXES_PART), A = m.match(i.CUSTOM_FIELD_NAME_PART), _ = o.match(i.ATTRIBUTE_PARAGRAPH_START_TAG);
+        if (!p || !A || !_)
+          return;
+        const [l] = p, [T] = A, [d] = _, N = T.substring(1, T.length - 2), R = d.match(i.COMPOSITION) !== null;
+        let O = m;
+        if (R) {
+          const M = l.substring(2, l.length - 3);
+          s(M);
+        }
+        const I = l.substring(2);
+        let S = "";
+        N in E.IF && (S = E.IF[N].replaceAll(`{${r.DISCOUNT}}`, `${I}${r.DISCOUNT}`).replaceAll(`{${r.OMNIBUS_DISCOUNT}}`, `${I}${r.OMNIBUS_DISCOUNT}`).replaceAll(`{${r.OMNIBUS_PRICE}}`, `${I}${r.OMNIBUS_PRICE}`));
+        const $ = `${d}${O}${h.PARAGRAPH_END_TAG}`, C = `${S}${R ? $ : o}${E.ELSE}${d}${h.PARAGRAPH_END_TAG}${E.END_IF}`;
+        t = t.replace(o, C);
+      }), t;
+    },
+    priority: 53
+  }
+];
+export {
+  H as recommendationCompilerRules
+};

package/dist/config/compiler/socialCompilerRules.d.ts

@@ -0,0 +1,2 @@
+import type { CompilerRule } from '@@/Types/html-compiler';
+export declare const socialCompilerRules: CompilerRule[];

package/dist/config/compiler/socialCompilerRules.js

@@ -0,0 +1,21 @@
+const a = [
+  {
+    id: "fix-custom-social-block",
+    description: "Fixing custom social block.",
+    type: "custom",
+    processor: (e) => {
+      let c = e;
+      const s = c.match(/<table[^>]*?class="[^>]*?es-social[^>]*?"[\S\s]*?<\/table>/gm);
+      return s && s.forEach((o) => {
+        if (o.match(/<img[^>]*?height="[0-9]+?"/gm)) {
+          const i = o.replace(/<img[^>]*?height="[0-9]+?"/gm, (t) => t.replace("height", "width"));
+          c = c.replace(o, i);
+        }
+      }), c;
+    },
+    priority: 80
+  }
+];
+export {
+  a as socialCompilerRules
+};

package/dist/config/compiler/unsubscribeCompilerRules.d.ts

@@ -0,0 +1,2 @@
+import type { CompilerRule } from '@@/Types/html-compiler';
+export declare const unsubscribeCompilerRules: CompilerRule[];

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -0,0 +1,64 @@
+import { usePartner as m } from "../../composables/usePartner.js";
+import { LINK_REGEXES as c, LINK_TYPES as p, URLS as E } from "../../enums/unsubscribe.js";
+import { useUnsubscribeStore as b } from "../../stores/unsubscribe.js";
+const S = [
+  {
+    id: "add-unsubscribe-link-values",
+    description: "Adding unsubscribe link values",
+    type: "custom",
+    processor: (n) => {
+      var a, u;
+      const { getPartnerName: i } = m(), t = b();
+      let e = n;
+      const o = `/${i()}/email/0?user={{iid}}`, r = (a = t.selectedUnsubscribePages) == null ? void 0 : a.find((l) => l.type === p.UNSUBSCRIBE_LINK_TYPE), s = (u = t.selectedUnsubscribePages) == null ? void 0 : u.find((l) => l.type === p.PREFERENCES_LINK_TYPE);
+      return r && (e = e.replace(
+        c.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
+        E.UNSUBSCRIBE_URL + o
+      )), s && (e = e.replace(
+        c.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
+        E.PREFERENCES_URL + o
+      )), e.replace(c.UNSUBSCRIBE_LINK_REGEX, "");
+    },
+    priority: 60
+  },
+  {
+    id: "remove-data-ogsb-button-styles",
+    description: "Removing styles like [data-ogsb] .es-button.es-button-123 { background: red; }",
+    type: "regex",
+    pattern: c.DATA_OGSB_BUTTON_CSS_REGEX,
+    replacement: "",
+    flags: "g",
+    priority: 61
+  },
+  {
+    id: "format-comment-braces",
+    description: "Adding spaces around comment braces for proper formatting",
+    type: "custom",
+    processor: (n) => n.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
+    priority: 62
+  },
+  {
+    id: "add-universal-link-flags",
+    description: "Adding universal link flags",
+    type: "custom",
+    processor: (n) => {
+      let i = n;
+      const t = i.match(/<a[^>]+>(.*?)<\/a>/gm);
+      return t && t.forEach((e) => {
+        if (e.includes("insEmail=1"))
+          return;
+        if (e.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
+          const o = e.replace(/href=(["'`”])(.*?)\1/gm, (r) => {
+            const s = r.slice(6, r.length - 1).trim();
+            return r.includes("?") || r.includes("#") ? s.slice(-1) === "&" ? r.replace(s, `${s}insEmail=1`) : r.replace(s, `${s}&insEmail=1`) : r.replace(s, `${s}?insEmail=1`);
+          });
+          i = i.replace(e, o);
+        }
+      }), i;
+    },
+    priority: 63
+  }
+];
+export {
+  S as unsubscribeCompilerRules
+};

package/dist/enums/defaults.d.ts

@@ -1,8 +1,12 @@
 import type { GuidoConfig } from '@@/Types/generic';
 export declare const DefaultGuidoConfig: GuidoConfig;
+export declare const TemplateTypes: {
+    promotional: number;
+    transactional: number;
+};
 export declare const DefaultProductType = "email";
 export declare const DefaultUsername = "Guido User";
-export declare const DefaultMessageType = 1;
+export declare const DefaultMessageType: number;
 export declare const EditorType: number;
 export declare const ProductIds: Record<string, number>;
 export declare const TEST_PARTNER_LIST: string[];

package/dist/enums/defaults.js

@@ -1,4 +1,4 @@
-const t = {
+const a = {
   translationsPath: "window.trans.en",
   emailHeader: {
     senderName: "",
@@ -10,10 +10,13 @@ const t = {
     versionHistory: !0
   },
   useHeader: !0
-}, a = "email", e = "Guido User", o = 1, n = 2, i = {
+}, t = {
+  promotional: 1,
+  transactional: 2
+}, e = "email", o = "Guido User", n = t.promotional, i = 2, s = {
   email: 60,
   architect: 49
-}, s = [
+}, u = [
   "alfredtesting",
   "electio",
   "eurekatest",
@@ -46,11 +49,12 @@ const t = {
   "stripoeditorlivetest"
 ];
 export {
-  t as DefaultGuidoConfig,
-  o as DefaultMessageType,
-  a as DefaultProductType,
-  e as DefaultUsername,
-  n as EditorType,
-  i as ProductIds,
-  s as TEST_PARTNER_LIST
+  a as DefaultGuidoConfig,
+  n as DefaultMessageType,
+  e as DefaultProductType,
+  o as DefaultUsername,
+  i as EditorType,
+  s as ProductIds,
+  u as TEST_PARTNER_LIST,
+  t as TemplateTypes
 };

package/dist/enums/html-validator.d.ts

@@ -0,0 +1,6 @@
+export declare const CanNotMakeAnyChangesForRunningKey = "newsletter.already-in-progress";
+export declare const CanNotMakeAnyChangesKey = "newsletter.can-not-make-any-changes";
+export declare const CampaignCouldNotBeSavedKey = "newsletter.campaign-could-not-be-saved";
+export declare const DISPLAY_CONDITIONS_REGEX: RegExp;
+export declare const DISPLAY_CONDITIONS_EXCEPTIONS_REGEX: RegExp;
+export declare const REMOVE_CONDITIONS_REGEX: RegExp;

package/dist/enums/html-validator.js

@@ -0,0 +1,7 @@
+const e = "newsletter.already-in-progress", n = "newsletter.campaign-could-not-be-saved", o = / (==|<=|>=|!=|>|<|in) | (if|elif|endif|else|and|or) |("[\S ]+")|('[\S ]+')|([^”\s\n]+)|(({%)|( %}))/gm, a = /{%( )*now( )(".*")( )*%}/gm;
+export {
+  n as CampaignCouldNotBeSavedKey,
+  e as CanNotMakeAnyChangesForRunningKey,
+  a as DISPLAY_CONDITIONS_EXCEPTIONS_REGEX,
+  o as DISPLAY_CONDITIONS_REGEX
+};

package/dist/enums/recommendation.d.ts

@@ -0,0 +1,54 @@
+export declare const DefaultPadding = 20;
+export declare const MinDeviceViewport = 320;
+export declare const VerticalOrientation = "vertical";
+export declare const DUMMY_IMAGE_MAPPINGS: {
+    CART_ABANDONMENT: {
+        ins_apr_img_1: string;
+        ins_apr_img_2: string;
+        ins_apr_img_3: string;
+        ins_apr_img_4: string;
+    };
+    BROWSE_ABANDONMENT: {
+        browsed_item_img_1: string;
+        browsed_item_img_2: string;
+        browsed_item_img_3: string;
+        browsed_item_img_4: string;
+    };
+};
+export declare const ATTRIBUTES: {
+    DISCOUNT: string;
+    OMNIBUS_DISCOUNT: string;
+    OMNIBUS_PRICE: string;
+};
+export declare const CONDITIONS: {
+    IF: {
+        discount: string;
+        omnibus_discount: string;
+        omnibus_price: string;
+    };
+    ELSE: string;
+    END_IF: string;
+};
+export declare const REGEX: {
+    ID: RegExp;
+    ATTRIBUTE_PARAGRAPH: RegExp;
+    ATTRIBUTE_PARAGRAPH_START_TAG: RegExp;
+    COMPOSITION: RegExp;
+    CUSTOM_FIELD: RegExp;
+    CUSTOM_FIELD_INDEXES_PART: RegExp;
+    CUSTOM_FIELD_NAME_PART: RegExp;
+};
+export declare const HTML: {
+    PARAGRAPH_END_TAG: string;
+};
+export declare const CSS: {
+    REGULAR_NAME_HEIGHT: string;
+    TRIMMED_NAME_HEIGHT: string;
+    ELLIPSIS: string;
+    REGULAR_NAME_CONTAINER_HEIGHT: string;
+    TRIMMED_NAME_CONTAINER_CSS: string;
+    RESPONSIVE_NAME_SIZE: string;
+    RESPONSIVE_NAME_HEIGHT: string;
+    RESPONSIVE_NAME_CONTAINER_HEIGHT: string;
+    TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS: string;
+};

package/dist/enums/recommendation.js

@@ -0,0 +1,56 @@
+const s = 20, e = 320, t = {
+  CART_ABANDONMENT: {
+    ins_apr_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_1.png",
+    ins_apr_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_2.png",
+    ins_apr_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_3.png",
+    ins_apr_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_4.png"
+  },
+  BROWSE_ABANDONMENT: {
+    browsed_item_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_1.jpg",
+    browsed_item_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_2.jpg",
+    browsed_item_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_3.jpg",
+    browsed_item_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_4.jpg"
+  }
+}, i = {
+  DISCOUNT: "discount",
+  OMNIBUS_DISCOUNT: "omnibus_discount",
+  OMNIBUS_PRICE: "omnibus_price"
+}, m = {
+  IF: {
+    discount: `{% if {${i.DISCOUNT}} != "0%" and {${i.DISCOUNT}} != "" %}`,
+    omnibus_discount: `{% if {${i.DISCOUNT}} != "0%" and {${i.DISCOUNT}} != "" and {${i.OMNIBUS_DISCOUNT}} != "0%" and {${i.OMNIBUS_DISCOUNT}} != "" %}`,
+    omnibus_price: `{% if {${i.DISCOUNT}} != "0%" and {${i.DISCOUNT}} != "" and {${i.OMNIBUS_PRICE}} != "" %}`
+  },
+  ELSE: "{% else %}",
+  END_IF: "{% endif %}"
+}, _ = {
+  ID: /ins-recommendation-v3-campaign-id="(.*?)"/gi,
+  ATTRIBUTE_PARAGRAPH: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)">[\S\s]*?<\/p>/gm,
+  ATTRIBUTE_PARAGRAPH_START_TAG: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)">/gm,
+  COMPOSITION: /composition="true"/gm,
+  CUSTOM_FIELD: /{{[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
+  CUSTOM_FIELD_INDEXES_PART: /{{[0-9]+_[0-8]_/gm,
+  CUSTOM_FIELD_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
+}, a = {
+  PARAGRAPH_END_TAG: "</p>"
+}, n = {
+  REGULAR_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:90px!important;",
+  TRIMMED_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:18px!important;",
+  ELLIPSIS: "text-overflow:ellipsis!important; white-space:nowrap!important;",
+  REGULAR_NAME_CONTAINER_HEIGHT: ".ext-product-name.ins-vertical { height:100px!important",
+  TRIMMED_NAME_CONTAINER_CSS: ".ext-product-name.ins-vertical { height:38px!important; padding:0px!important",
+  RESPONSIVE_NAME_SIZE: ".ext-product-name p { height:unset!important; width:100%!important;",
+  RESPONSIVE_NAME_HEIGHT: ".ext-product-name p { height:24px!important;",
+  RESPONSIVE_NAME_CONTAINER_HEIGHT: ".ext-product-name { height:unset!important",
+  TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS: ".ext-product-name { height:44px!important; padding:0px!important"
+};
+export {
+  i as ATTRIBUTES,
+  m as CONDITIONS,
+  n as CSS,
+  t as DUMMY_IMAGE_MAPPINGS,
+  s as DefaultPadding,
+  a as HTML,
+  e as MinDeviceViewport,
+  _ as REGEX
+};

package/dist/enums/unsubscribe.d.ts

@@ -0,0 +1,15 @@
+export declare const LINK_TYPES: {
+    UNSUBSCRIBE_LINK_TYPE: number;
+    PREFERENCES_LINK_TYPE: number;
+};
+export declare const LINK_REGEXES: {
+    UNSUBSCRIBE_LINK_REGEX: RegExp;
+    DATA_OGSB_BUTTON_CSS_REGEX: string;
+    GLOBAL_UNSUBSCRIBE_LINK_REGEX: RegExp;
+    PREFERENCES_UNSUBSCRIBE_LINK_REGEX: RegExp;
+};
+export declare const URLS: {
+    UNSUBSCRIBE_URL: string;
+    PREFERENCES_URL: string;
+};
+export declare const INSIDER_ID = "iid";

package/dist/enums/unsubscribe.js

@@ -0,0 +1,17 @@
+const E = {
+  UNSUBSCRIBE_LINK_TYPE: 1,
+  PREFERENCES_LINK_TYPE: 3
+}, s = {
+  UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
+  DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
+  GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
+  PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
+}, _ = {
+  UNSUBSCRIBE_URL: "https://mail.useinsider.com/user/v1/unsub",
+  PREFERENCES_URL: "https://mail.useinsider.com/user/v1/prefs"
+};
+export {
+  s as LINK_REGEXES,
+  E as LINK_TYPES,
+  _ as URLS
+};

package/dist/guido.css

@@ -1 +1 @@
-[data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}.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-2d4cd446]{height:calc(100% - 75px);top:75px}.guido-editor__wrapper[data-v-39783038],.guido-editor__container[data-v-39783038]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-39783038]{height:calc(100vh - 75px)}.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-3b4afa54] .vueperslides__bullets,[data-v-bccb3b50] .vueperslides__bullets{pointer-events:none!important}
+[data-v-a18ac2d3] .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-cebb8ab0],.guido-editor__container[data-v-cebb8ab0]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-cebb8ab0]{height:calc(100vh - 75px)}.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/mock/api/validator.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("msw").HttpHandler[];
+export default _default;

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