@useinsider/guido 1.0.2-beta.14a3cf5 → 1.0.2-beta.198f9ce

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,83 +0,0 @@
-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

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

package/dist/config/compiler/socialCompilerRules.js

@@ -1,21 +0,0 @@
-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

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

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,64 +0,0 @@
-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/html-validator.d.ts

@@ -1,6 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,54 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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/mock/api/validator.d.ts

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

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

@@ -1,55 +0,0 @@
-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

@@ -1,68 +0,0 @@
-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/stores/recommendation.d.ts

@@ -1,10 +0,0 @@
-type RecommendationConfig = {
-    filters: {
-        value: string;
-    }[];
-};
-interface StoreState {
-    recommendationConfigs: RecommendationConfig[];
-}
-export declare const useRecommendationStore: import("pinia").StoreDefinition<"recommendation", StoreState, {}, {}>;
-export {};

package/dist/stores/recommendation.js

@@ -1,9 +0,0 @@
-import { defineStore as e } from "pinia";
-const t = () => ({
-  recommendationConfigs: []
-}), n = e("recommendation", {
-  state: () => t()
-});
-export {
-  n as useRecommendationStore
-};

package/dist/stores/unsubscribe.d.ts

@@ -1,8 +0,0 @@
-type UnsubscribePage = {
-    type: number;
-};
-interface StoreState {
-    selectedUnsubscribePages: UnsubscribePage[];
-}
-export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"unsubscribe", StoreState, {}, {}>;
-export {};

package/dist/stores/unsubscribe.js

@@ -1,9 +0,0 @@
-import { defineStore as e } from "pinia";
-const t = () => ({
-  selectedUnsubscribePages: []
-}), r = e("unsubscribe", {
-  state: () => t()
-});
-export {
-  r as useUnsubscribeStore
-};