@useinsider/guido 1.0.2-beta.93e2012 → 1.0.2-beta.94d67e3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/README.md +1 -31
  2. package/dist/@types/events.d.ts +0 -6
  3. package/dist/@types/generic.d.ts +0 -4
  4. package/dist/components/Guido.vue.d.ts +1 -3
  5. package/dist/components/Guido.vue.js +5 -5
  6. package/dist/components/Guido.vue2.js +62 -73
  7. package/dist/components/organisms/LoadingWrapper.vue.js +1 -1
  8. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -3
  9. package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js +15 -14
  10. package/dist/components/organisms/header/HeaderWrapper.vue.d.ts +1 -3
  11. package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -6
  12. package/dist/components/organisms/header/HeaderWrapper.vue2.js +9 -15
  13. package/dist/components/organisms/header/RightSlot.vue.d.ts +1 -3
  14. package/dist/components/organisms/header/RightSlot.vue.js +3 -5
  15. package/dist/components/organisms/header/RightSlot.vue2.js +27 -25
  16. package/dist/components/organisms/header/ViewOptions.vue.js +4 -4
  17. package/dist/components/organisms/header/ViewOptions.vue2.js +14 -14
  18. package/dist/components/organisms/header/version-history/ViewOptions.vue.js +11 -11
  19. package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +5 -5
  20. package/dist/components/organisms/onboarding/AMPOnboarding.vue.js +13 -13
  21. package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js +23 -21
  22. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +14 -14
  23. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +27 -25
  24. package/dist/components/organisms/onboarding/NewVersionPopup.vue.js +1 -1
  25. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +20 -36
  26. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +13 -13
  27. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +29 -39
  28. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.js +14 -14
  29. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js +23 -21
  30. package/dist/composables/useCustomInterfaceAppearance.js +18 -22
  31. package/dist/composables/useHtmlCompiler.js +9 -17
  32. package/dist/composables/usePreviewMode.js +15 -14
  33. package/dist/composables/useStripo.js +25 -27
  34. package/dist/composables/useStripoEventHandler.js +8 -8
  35. package/dist/composables/useToaster.js +17 -17
  36. package/dist/config/compiler/outlookCompilerRules.d.ts +0 -2
  37. package/dist/enums/defaults.d.ts +1 -5
  38. package/dist/enums/defaults.js +10 -14
  39. package/dist/guido.css +1 -1
  40. package/dist/services/onboardingApi.d.ts +2 -2
  41. package/dist/services/onboardingApi.js +9 -9
  42. package/dist/static/styles/components/alert-message.css.js +2 -32
  43. package/dist/static/styles/components/button.css.js +2 -32
  44. package/dist/static/styles/components/wide-panel.css.js +1 -5
  45. package/dist/static/styles/customEditorStyle.css.js +0 -6
  46. package/dist/static/styles/variables.css.js +0 -10
  47. package/dist/stores/dynamic-content.d.ts +0 -12
  48. package/dist/stores/dynamic-content.js +6 -7
  49. package/dist/stores/onboarding.d.ts +592 -133
  50. package/dist/stores/onboarding.js +55 -38
  51. package/dist/stores/preview.js +14 -6
  52. package/dist/utils/genericUtil.js +6 -9
  53. package/dist/utils/templatePreparation.js +14 -21
  54. package/package.json +2 -4
  55. package/dist/composables/useHtmlValidator.d.ts +0 -3
  56. package/dist/composables/useHtmlValidator.js +0 -120
  57. package/dist/composables/useRecommendation.d.ts +0 -19
  58. package/dist/composables/useRecommendation.js +0 -27
  59. package/dist/composables/useSave.d.ts +0 -4
  60. package/dist/composables/useSave.js +0 -15
  61. package/dist/config/compiler/outlookCompilerRules.js +0 -36
  62. package/dist/config/compiler/recommendationCompilerRules.d.ts +0 -2
  63. package/dist/config/compiler/recommendationCompilerRules.js +0 -83
  64. package/dist/config/compiler/socialCompilerRules.d.ts +0 -2
  65. package/dist/config/compiler/socialCompilerRules.js +0 -21
  66. package/dist/config/compiler/unsubscribeCompilerRules.d.ts +0 -2
  67. package/dist/config/compiler/unsubscribeCompilerRules.js +0 -64
  68. package/dist/enums/html-validator.d.ts +0 -6
  69. package/dist/enums/html-validator.js +0 -7
  70. package/dist/enums/recommendation.d.ts +0 -54
  71. package/dist/enums/recommendation.js +0 -56
  72. package/dist/enums/unsubscribe.d.ts +0 -15
  73. package/dist/enums/unsubscribe.js +0 -17
  74. package/dist/mock/api/validator.d.ts +0 -2
  75. package/dist/static/styles/components/notification.css.js +0 -55
  76. package/dist/static/styles/components/popup.css.js +0 -68
  77. package/dist/stores/recommendation.d.ts +0 -10
  78. package/dist/stores/recommendation.js +0 -9
  79. package/dist/stores/unsubscribe.d.ts +0 -8
  80. package/dist/stores/unsubscribe.js +0 -9
@@ -1,64 +0,0 @@
1
- import { usePartner as m } from "../../composables/usePartner.js";
2
- import { LINK_REGEXES as c, LINK_TYPES as p, URLS as E } from "../../enums/unsubscribe.js";
3
- import { useUnsubscribeStore as b } from "../../stores/unsubscribe.js";
4
- const S = [
5
- {
6
- id: "add-unsubscribe-link-values",
7
- description: "Adding unsubscribe link values",
8
- type: "custom",
9
- processor: (n) => {
10
- var a, u;
11
- const { getPartnerName: i } = m(), t = b();
12
- let e = n;
13
- 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);
14
- return r && (e = e.replace(
15
- c.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
16
- E.UNSUBSCRIBE_URL + o
17
- )), s && (e = e.replace(
18
- c.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
19
- E.PREFERENCES_URL + o
20
- )), e.replace(c.UNSUBSCRIBE_LINK_REGEX, "");
21
- },
22
- priority: 60
23
- },
24
- {
25
- id: "remove-data-ogsb-button-styles",
26
- description: "Removing styles like [data-ogsb] .es-button.es-button-123 { background: red; }",
27
- type: "regex",
28
- pattern: c.DATA_OGSB_BUTTON_CSS_REGEX,
29
- replacement: "",
30
- flags: "g",
31
- priority: 61
32
- },
33
- {
34
- id: "format-comment-braces",
35
- description: "Adding spaces around comment braces for proper formatting",
36
- type: "custom",
37
- processor: (n) => n.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
38
- priority: 62
39
- },
40
- {
41
- id: "add-universal-link-flags",
42
- description: "Adding universal link flags",
43
- type: "custom",
44
- processor: (n) => {
45
- let i = n;
46
- const t = i.match(/<a[^>]+>(.*?)<\/a>/gm);
47
- return t && t.forEach((e) => {
48
- if (e.includes("insEmail=1"))
49
- return;
50
- if (e.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
51
- const o = e.replace(/href=(["'`”])(.*?)\1/gm, (r) => {
52
- const s = r.slice(6, r.length - 1).trim();
53
- 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`);
54
- });
55
- i = i.replace(e, o);
56
- }
57
- }), i;
58
- },
59
- priority: 63
60
- }
61
- ];
62
- export {
63
- S as unsubscribeCompilerRules
64
- };
@@ -1,6 +0,0 @@
1
- export declare const CanNotMakeAnyChangesForRunningKey = "newsletter.already-in-progress";
2
- export declare const CanNotMakeAnyChangesKey = "newsletter.can-not-make-any-changes";
3
- export declare const CampaignCouldNotBeSavedKey = "newsletter.campaign-could-not-be-saved";
4
- export declare const DISPLAY_CONDITIONS_REGEX: RegExp;
5
- export declare const DISPLAY_CONDITIONS_EXCEPTIONS_REGEX: RegExp;
6
- export declare const REMOVE_CONDITIONS_REGEX: RegExp;
@@ -1,7 +0,0 @@
1
- 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;
2
- export {
3
- n as CampaignCouldNotBeSavedKey,
4
- e as CanNotMakeAnyChangesForRunningKey,
5
- a as DISPLAY_CONDITIONS_EXCEPTIONS_REGEX,
6
- o as DISPLAY_CONDITIONS_REGEX
7
- };
@@ -1,54 +0,0 @@
1
- export declare const DefaultPadding = 20;
2
- export declare const MinDeviceViewport = 320;
3
- export declare const VerticalOrientation = "vertical";
4
- export declare const DUMMY_IMAGE_MAPPINGS: {
5
- CART_ABANDONMENT: {
6
- ins_apr_img_1: string;
7
- ins_apr_img_2: string;
8
- ins_apr_img_3: string;
9
- ins_apr_img_4: string;
10
- };
11
- BROWSE_ABANDONMENT: {
12
- browsed_item_img_1: string;
13
- browsed_item_img_2: string;
14
- browsed_item_img_3: string;
15
- browsed_item_img_4: string;
16
- };
17
- };
18
- export declare const ATTRIBUTES: {
19
- DISCOUNT: string;
20
- OMNIBUS_DISCOUNT: string;
21
- OMNIBUS_PRICE: string;
22
- };
23
- export declare const CONDITIONS: {
24
- IF: {
25
- discount: string;
26
- omnibus_discount: string;
27
- omnibus_price: string;
28
- };
29
- ELSE: string;
30
- END_IF: string;
31
- };
32
- export declare const REGEX: {
33
- ID: RegExp;
34
- ATTRIBUTE_PARAGRAPH: RegExp;
35
- ATTRIBUTE_PARAGRAPH_START_TAG: RegExp;
36
- COMPOSITION: RegExp;
37
- CUSTOM_FIELD: RegExp;
38
- CUSTOM_FIELD_INDEXES_PART: RegExp;
39
- CUSTOM_FIELD_NAME_PART: RegExp;
40
- };
41
- export declare const HTML: {
42
- PARAGRAPH_END_TAG: string;
43
- };
44
- export declare const CSS: {
45
- REGULAR_NAME_HEIGHT: string;
46
- TRIMMED_NAME_HEIGHT: string;
47
- ELLIPSIS: string;
48
- REGULAR_NAME_CONTAINER_HEIGHT: string;
49
- TRIMMED_NAME_CONTAINER_CSS: string;
50
- RESPONSIVE_NAME_SIZE: string;
51
- RESPONSIVE_NAME_HEIGHT: string;
52
- RESPONSIVE_NAME_CONTAINER_HEIGHT: string;
53
- TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS: string;
54
- };
@@ -1,56 +0,0 @@
1
- const s = 20, e = 320, t = {
2
- CART_ABANDONMENT: {
3
- ins_apr_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_1.png",
4
- ins_apr_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_2.png",
5
- ins_apr_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_3.png",
6
- ins_apr_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_4.png"
7
- },
8
- BROWSE_ABANDONMENT: {
9
- browsed_item_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_1.jpg",
10
- browsed_item_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_2.jpg",
11
- browsed_item_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_3.jpg",
12
- browsed_item_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_4.jpg"
13
- }
14
- }, i = {
15
- DISCOUNT: "discount",
16
- OMNIBUS_DISCOUNT: "omnibus_discount",
17
- OMNIBUS_PRICE: "omnibus_price"
18
- }, m = {
19
- IF: {
20
- discount: `{% if {${i.DISCOUNT}} != "0%" and {${i.DISCOUNT}} != "" %}`,
21
- omnibus_discount: `{% if {${i.DISCOUNT}} != "0%" and {${i.DISCOUNT}} != "" and {${i.OMNIBUS_DISCOUNT}} != "0%" and {${i.OMNIBUS_DISCOUNT}} != "" %}`,
22
- omnibus_price: `{% if {${i.DISCOUNT}} != "0%" and {${i.DISCOUNT}} != "" and {${i.OMNIBUS_PRICE}} != "" %}`
23
- },
24
- ELSE: "{% else %}",
25
- END_IF: "{% endif %}"
26
- }, _ = {
27
- ID: /ins-recommendation-v3-campaign-id="(.*?)"/gi,
28
- ATTRIBUTE_PARAGRAPH: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)">[\S\s]*?<\/p>/gm,
29
- ATTRIBUTE_PARAGRAPH_START_TAG: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)">/gm,
30
- COMPOSITION: /composition="true"/gm,
31
- CUSTOM_FIELD: /{{[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
32
- CUSTOM_FIELD_INDEXES_PART: /{{[0-9]+_[0-8]_/gm,
33
- CUSTOM_FIELD_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
34
- }, a = {
35
- PARAGRAPH_END_TAG: "</p>"
36
- }, n = {
37
- REGULAR_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:90px!important;",
38
- TRIMMED_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:18px!important;",
39
- ELLIPSIS: "text-overflow:ellipsis!important; white-space:nowrap!important;",
40
- REGULAR_NAME_CONTAINER_HEIGHT: ".ext-product-name.ins-vertical { height:100px!important",
41
- TRIMMED_NAME_CONTAINER_CSS: ".ext-product-name.ins-vertical { height:38px!important; padding:0px!important",
42
- RESPONSIVE_NAME_SIZE: ".ext-product-name p { height:unset!important; width:100%!important;",
43
- RESPONSIVE_NAME_HEIGHT: ".ext-product-name p { height:24px!important;",
44
- RESPONSIVE_NAME_CONTAINER_HEIGHT: ".ext-product-name { height:unset!important",
45
- TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS: ".ext-product-name { height:44px!important; padding:0px!important"
46
- };
47
- export {
48
- i as ATTRIBUTES,
49
- m as CONDITIONS,
50
- n as CSS,
51
- t as DUMMY_IMAGE_MAPPINGS,
52
- s as DefaultPadding,
53
- a as HTML,
54
- e as MinDeviceViewport,
55
- _ as REGEX
56
- };
@@ -1,15 +0,0 @@
1
- export declare const LINK_TYPES: {
2
- UNSUBSCRIBE_LINK_TYPE: number;
3
- PREFERENCES_LINK_TYPE: number;
4
- };
5
- export declare const LINK_REGEXES: {
6
- UNSUBSCRIBE_LINK_REGEX: RegExp;
7
- DATA_OGSB_BUTTON_CSS_REGEX: string;
8
- GLOBAL_UNSUBSCRIBE_LINK_REGEX: RegExp;
9
- PREFERENCES_UNSUBSCRIBE_LINK_REGEX: RegExp;
10
- };
11
- export declare const URLS: {
12
- UNSUBSCRIBE_URL: string;
13
- PREFERENCES_URL: string;
14
- };
15
- export declare const INSIDER_ID = "iid";
@@ -1,17 +0,0 @@
1
- const E = {
2
- UNSUBSCRIBE_LINK_TYPE: 1,
3
- PREFERENCES_LINK_TYPE: 3
4
- }, s = {
5
- UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
6
- DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
7
- GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
8
- PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
9
- }, _ = {
10
- UNSUBSCRIBE_URL: "https://mail.useinsider.com/user/v1/unsub",
11
- PREFERENCES_URL: "https://mail.useinsider.com/user/v1/prefs"
12
- };
13
- export {
14
- s as LINK_REGEXES,
15
- E as LINK_TYPES,
16
- _ as URLS
17
- };
@@ -1,2 +0,0 @@
1
- declare const _default: import("msw").HttpHandler[];
2
- export default _default;
@@ -1,55 +0,0 @@
1
- const n = `ue-notifications-container {
2
- left: 96px;
3
- margin: 0;
4
- bottom: 32px;
5
- top: unset;
6
- width: unset;
7
- }
8
-
9
- ue-notifications-container ue-message + ue-message {
10
- margin-bottom: 24px;
11
- }
12
-
13
- ue-notifications-container .alert-message-wrapper {
14
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
15
- border: none;
16
- padding: 16px 24px;
17
- }
18
-
19
- ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-content {
20
- width: calc(100% - 64px);
21
- }
22
-
23
- ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-text {
24
- font-size: 15px;
25
- font-weight: 600;
26
- }
27
-
28
- ue-notifications-container .alert-message-text,
29
- ue-notifications-container .alert-message-wrapper ue-icon-component.icon,
30
- ue-notifications-container .alert-message-wrapper ue-icon-component.icon-button {
31
- color: var(--guido-color-white);
32
- }
33
-
34
- ue-notifications-container ue-message ue-button.close {
35
- margin: 0 0 0 16px;
36
- }
37
-
38
- ue-notifications-container .alert-message-wrapper.success {
39
- background: var(--guido-color-background-toaster-success);
40
- color: inherit;
41
- }
42
-
43
- ue-notifications-container .alert-message-wrapper.error {
44
- background: var(--guido-color-background-toaster-error);
45
- color: inherit;
46
- }
47
-
48
- ue-notifications-container .alert-message-wrapper.warn {
49
- background: var(--guido-color-background-toaster-warn);
50
- color: inherit;
51
- }
52
- `;
53
- export {
54
- n as default
55
- };
@@ -1,68 +0,0 @@
1
- const n = `ue-popup {
2
- -webkit-backdrop-filter: unset;
3
- backdrop-filter: unset;
4
- background-color: rgba(44, 53, 70, 0.5);
5
- }
6
-
7
- ue-popup .popup-wrapper {
8
- max-width: 400px;
9
- border: 1px solid var(--guido-color-neutral-200);
10
- box-shadow: none;
11
- background: var(--guido-color-white);
12
- font-size: 15px;
13
- line-height: 24px;
14
- }
15
-
16
- ue-popup .popup-title {
17
- padding: 32px 56px 0 32px;
18
- line-height: 24px;
19
- font-size: 20px;
20
- font-weight: 400;
21
- border-bottom: none;
22
- }
23
-
24
- ue-popup .confirmation .confirmation-wrapper {
25
- padding: 32px;
26
- gap: 16px;
27
- }
28
-
29
- ue-popup .confirmation .confirmation-actions {
30
- flex-direction: row-reverse;
31
- justify-content: space-between;
32
- }
33
-
34
- ue-popup .danger > .button {
35
- font-size: 15px;
36
- padding: 8px 16px;
37
- }
38
-
39
- ue-popup .e2e-cancel {
40
- margin-left: unset;
41
- }
42
-
43
- ue-popup .e2e-cancel .button {
44
- background-color: transparent;
45
- border: none;
46
- padding: 8px 0;
47
- font-size: 15px;
48
- }
49
-
50
- ue-popup .e2e-cancel .button:hover:not(:disabled,.disabled) {
51
- text-decoration: underline;
52
- background-color: transparent;
53
- }
54
-
55
- ue-popup .popup-close {
56
- top: 32px;
57
- right: 32px;
58
- }
59
-
60
- ue-popup .popup-close .button {
61
- padding: 0;
62
- min-width: unset;
63
- min-height: unset;
64
- }
65
- `;
66
- export {
67
- n as default
68
- };
@@ -1,10 +0,0 @@
1
- type RecommendationConfig = {
2
- filters: {
3
- value: string;
4
- }[];
5
- };
6
- interface StoreState {
7
- recommendationConfigs: RecommendationConfig[];
8
- }
9
- export declare const useRecommendationStore: import("pinia").StoreDefinition<"recommendation", StoreState, {}, {}>;
10
- export {};
@@ -1,9 +0,0 @@
1
- import { defineStore as e } from "pinia";
2
- const t = () => ({
3
- recommendationConfigs: []
4
- }), n = e("recommendation", {
5
- state: () => t()
6
- });
7
- export {
8
- n as useRecommendationStore
9
- };
@@ -1,8 +0,0 @@
1
- type UnsubscribePage = {
2
- type: number;
3
- };
4
- interface StoreState {
5
- selectedUnsubscribePages: UnsubscribePage[];
6
- }
7
- export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"unsubscribe", StoreState, {}, {}>;
8
- export {};
@@ -1,9 +0,0 @@
1
- import { defineStore as e } from "pinia";
2
- const t = () => ({
3
- selectedUnsubscribePages: []
4
- }), r = e("unsubscribe", {
5
- state: () => t()
6
- });
7
- export {
8
- r as useUnsubscribeStore
9
- };