@useinsider/guido 1.0.2-beta.b11c72f → 1.0.2-beta.b6e86c0

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 (63) hide show
  1. package/README.md +1 -31
  2. package/dist/@types/generic.d.ts +0 -4
  3. package/dist/components/Guido.vue.d.ts +1 -3
  4. package/dist/components/Guido.vue.js +2 -2
  5. package/dist/components/Guido.vue2.js +58 -69
  6. package/dist/components/organisms/LoadingWrapper.vue.js +1 -1
  7. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -3
  8. package/dist/components/organisms/header/HeaderWrapper.vue.d.ts +1 -3
  9. package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -6
  10. package/dist/components/organisms/header/HeaderWrapper.vue2.js +9 -15
  11. package/dist/components/organisms/header/RightSlot.vue.d.ts +1 -3
  12. package/dist/components/organisms/header/RightSlot.vue.js +3 -5
  13. package/dist/components/organisms/header/RightSlot.vue2.js +27 -26
  14. package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js +11 -11
  15. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +5 -5
  16. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +8 -8
  17. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +1 -1
  18. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +28 -40
  19. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js +6 -6
  20. package/dist/composables/useCustomInterfaceAppearance.js +18 -22
  21. package/dist/composables/useHtmlCompiler.js +9 -17
  22. package/dist/composables/useStripo.js +25 -27
  23. package/dist/composables/useToaster.js +17 -17
  24. package/dist/config/compiler/outlookCompilerRules.d.ts +0 -2
  25. package/dist/enums/defaults.d.ts +1 -5
  26. package/dist/enums/defaults.js +10 -14
  27. package/dist/guido.css +1 -1
  28. package/dist/static/styles/components/alert-message.css.js +2 -32
  29. package/dist/static/styles/components/button.css.js +2 -32
  30. package/dist/static/styles/components/wide-panel.css.js +1 -5
  31. package/dist/static/styles/customEditorStyle.css.js +0 -6
  32. package/dist/static/styles/variables.css.js +0 -10
  33. package/dist/stores/dynamic-content.d.ts +0 -12
  34. package/dist/stores/dynamic-content.js +6 -7
  35. package/dist/utils/genericUtil.js +6 -9
  36. package/dist/utils/templatePreparation.js +14 -21
  37. package/package.json +1 -1
  38. package/dist/composables/useHtmlValidator.d.ts +0 -3
  39. package/dist/composables/useHtmlValidator.js +0 -120
  40. package/dist/composables/useRecommendation.d.ts +0 -19
  41. package/dist/composables/useRecommendation.js +0 -27
  42. package/dist/composables/useSave.d.ts +0 -4
  43. package/dist/composables/useSave.js +0 -15
  44. package/dist/config/compiler/outlookCompilerRules.js +0 -36
  45. package/dist/config/compiler/recommendationCompilerRules.d.ts +0 -2
  46. package/dist/config/compiler/recommendationCompilerRules.js +0 -83
  47. package/dist/config/compiler/socialCompilerRules.d.ts +0 -2
  48. package/dist/config/compiler/socialCompilerRules.js +0 -21
  49. package/dist/config/compiler/unsubscribeCompilerRules.d.ts +0 -2
  50. package/dist/config/compiler/unsubscribeCompilerRules.js +0 -64
  51. package/dist/enums/html-validator.d.ts +0 -6
  52. package/dist/enums/html-validator.js +0 -7
  53. package/dist/enums/recommendation.d.ts +0 -54
  54. package/dist/enums/recommendation.js +0 -56
  55. package/dist/enums/unsubscribe.d.ts +0 -15
  56. package/dist/enums/unsubscribe.js +0 -17
  57. package/dist/mock/api/validator.d.ts +0 -2
  58. package/dist/static/styles/components/notification.css.js +0 -55
  59. package/dist/static/styles/components/popup.css.js +0 -68
  60. package/dist/stores/recommendation.d.ts +0 -10
  61. package/dist/stores/recommendation.js +0 -9
  62. package/dist/stores/unsubscribe.d.ts +0 -8
  63. package/dist/stores/unsubscribe.js +0 -9
@@ -6,16 +6,15 @@ const s = a("dynamicContent", {
6
6
  selectedDynamicContentList: []
7
7
  }),
8
8
  actions: {
9
- setSelectedDynamicContent(t) {
10
- this.selectedDynamicContent = t, this.selectedDynamicContentList.push(t);
9
+ setSelectedDynamicContent(e) {
10
+ this.selectedDynamicContent = e, this.selectedDynamicContentList.push(e);
11
11
  }
12
12
  },
13
13
  getters: {
14
- getSelectedDynamicContentList: (t) => n(t.selectedDynamicContentList).map((e) => ({
15
- text: e.text,
16
- value: e.value,
17
- fallback: e.fallback,
18
- format: e.format
14
+ getSelectedDynamicContentList: (e) => n(e.selectedDynamicContentList).map((t) => ({
15
+ text: t.text,
16
+ value: t.value,
17
+ fallback: t.fallback
19
18
  })) || []
20
19
  }
21
20
  });
@@ -1,14 +1,11 @@
1
- const e = (l) => l.map((a) => a.format ? {
2
- label: `${a.text} | ${a.format.key}=${a.format.value}`,
3
- value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
4
- } : {
1
+ const l = (e) => e.map((a) => ({
5
2
  label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
6
3
  value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
7
- }), r = () => {
8
- var l;
9
- return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
4
+ })), t = () => {
5
+ var e;
6
+ return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
10
7
  };
11
8
  export {
12
- e as dynamicContentToMergeTags,
13
- r as getCsrfToken
9
+ l as dynamicContentToMergeTags,
10
+ t as getCsrfToken
14
11
  };
@@ -1,28 +1,21 @@
1
- import { useActionsApi as g } from "../composables/useActionsApi.js";
2
- import { useHtmlCompiler as S } from "../composables/useHtmlCompiler.js";
3
- import { useDynamicContentStore as f } from "../stores/dynamic-content.js";
4
- const H = () => {
5
- const t = f(), { getCompiledEmail: i, getTemplateData: o } = g(), { compileHtml: n } = S();
1
+ import { useActionsApi as c } from "../composables/useActionsApi.js";
2
+ import { useDynamicContentStore as l } from "../stores/dynamic-content.js";
3
+ const y = () => {
4
+ const t = l(), { getCompiledEmail: e, getTemplateData: a } = c();
6
5
  return {
7
6
  prepareTemplateDetails: async () => {
8
- const { html: a, ampHtml: s = "", ampErrors: m = [] } = await i({
7
+ const { html: n, ampHtml: s = "", ampErrors: o = [] } = await e({
9
8
  minimize: !0,
10
9
  resetDataSavedFlag: !1
11
- }), { html: r, css: c, syncModulesIds: l = [] } = await o(), { compiledHtml: p, stats: e, appliedRules: d } = n(a), u = t.getSelectedDynamicContentList;
12
- return console.debug("HTML Compilation Stats:", {
13
- originalSize: e.originalSize,
14
- compiledSize: e.compiledSize,
15
- reduction: `${e.reductionPercentage.toFixed(2)}%`,
16
- appliedRules: d,
17
- executionTime: `${e.executionTime.toFixed(2)}ms`
18
- }), {
19
- dynamicContentList: u,
20
- compiledHtml: p,
21
- rawHtml: r,
22
- css: c,
10
+ }), { html: m, css: i, syncModulesIds: r = [] } = await a();
11
+ return {
12
+ dynamicContentList: t.getSelectedDynamicContentList,
13
+ compiledHtml: n,
14
+ rawHtml: m,
15
+ css: i,
23
16
  ampHtml: s,
24
- ampErrors: m,
25
- modules: l,
17
+ ampErrors: o,
18
+ modules: r,
26
19
  recommendation: {
27
20
  campaignUrls: {},
28
21
  configs: {}
@@ -36,5 +29,5 @@ const H = () => {
36
29
  };
37
30
  };
38
31
  export {
39
- H as useTemplatePreparation
32
+ y as useTemplatePreparation
40
33
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "1.0.2-beta.b11c72f",
3
+ "version": "1.0.2-beta.b6e86c0",
4
4
  "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
5
5
  "main": "./dist/guido.umd.cjs",
6
6
  "module": "./dist/library.js",
@@ -1,3 +0,0 @@
1
- export declare const useHtmlValidator: () => {
2
- validateHtml: (html: string, customFields: string[], isOnSaveValidation?: boolean) => Promise<boolean>;
3
- };
@@ -1,120 +0,0 @@
1
- import { useConfig as V } from "./useConfig.js";
2
- import { TemplateTypes as H } from "../enums/defaults.js";
3
- import { DISPLAY_CONDITIONS_REGEX as O, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as B, CampaignCouldNotBeSavedKey as _, CanNotMakeAnyChangesForRunningKey as R } from "../enums/html-validator.js";
4
- import { ToasterTypeOptions as r } from "../enums/toaster.js";
5
- import { useRecommendationStore as D } from "../stores/recommendation.js";
6
- import { base64EncodeWithSpecialChars as P } from "../utils/base64.js";
7
- import { useHttp as X } from "./useHttp.js";
8
- import { useToaster as j } from "./useToaster.js";
9
- import { useTranslations as z } from "./useTranslations.js";
10
- const tt = () => {
11
- var d;
12
- const { showToaster: a } = j(), { post: y } = X(), { config: C } = V(), i = z(), m = D(), f = ((d = C.partner) == null ? void 0 : d.messageType) === H.transactional, h = async (t) => {
13
- const e = await y(
14
- "/newsletter/template-library/check-template-html-body",
15
- { html: P(t) }
16
- ), { status: n, message: c } = e.data;
17
- return n || a({
18
- type: r.Alert,
19
- message: n === void 0 ? c : i("newsletter.invalid-url-link-for-toaster")
20
- }), i(_), c === i(R) && a({
21
- type: r.Alert,
22
- message: i("newsletter.already-in-progress")
23
- }), n;
24
- }, v = (t) => !["if", "endif", "else", "elif", "now"].includes(t.toLowerCase()), w = (t) => ["if", "endif"].includes(t.toLowerCase()), S = (t, s) => {
25
- const e = t.match(/({%(.*?)%})/g);
26
- let n = !0;
27
- return e !== null && !f && e.forEach((c) => {
28
- const o = c.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
29
- if (o && o.length > 0) {
30
- const [l] = o;
31
- v(l) && !s.includes(l) && (a({
32
- type: r.Warning,
33
- message: i("custom-fields.invalid-custom-fields")
34
- }), n = !1);
35
- }
36
- }), n;
37
- }, E = async (t, s, e) => {
38
- const n = e ? await h(t) : !0;
39
- return S(t, s) && n;
40
- }, T = (t) => t.length > 0 ? !0 : (a({
41
- type: r.Warning,
42
- message: i("newsletter.html-content-is-empty")
43
- }), !1), I = (t) => {
44
- const s = (t.match(/{/gm) || []).length, e = (t.match(/}/gm) || []).length;
45
- return s > e && a({
46
- type: r.Warning,
47
- message: i("custom-fields.missing-closing-braces")
48
- }), s < e && a({
49
- type: r.Warning,
50
- message: i("custom-fields.missing-opening-braces")
51
- }), s === e;
52
- }, A = (t) => {
53
- const s = t.match(/{{\s*(\w+\s+((\w+\|\w+)|(\w+)))\s*}}/gm) === null;
54
- return s || a({
55
- type: r.Warning,
56
- message: i("custom-fields.invalid-custom-fields")
57
- }), s;
58
- }, W = (t, s) => {
59
- const e = t.match(/{{([a-zA-Z0-9_\s]*)}}/gm);
60
- if (e && !f) {
61
- const n = s.map((o) => o.toLowerCase()), c = e.some((o) => {
62
- const l = o.replace("{{", "").replace("}}", "").trim().toLowerCase();
63
- return !n.includes(l) || l === "";
64
- });
65
- return c && a({
66
- type: r.Warning,
67
- message: i("custom-fields.invalid-custom-fields")
68
- }), !c;
69
- }
70
- return !0;
71
- }, x = (t) => {
72
- const s = t.match(/{%(.*?)%}/g), e = [];
73
- let n = !0;
74
- if (s && s.forEach((c) => {
75
- const o = c.match(O), l = c.match(B), L = (o == null ? void 0 : o.join("")) || "";
76
- (!o || c !== L) && !l && (a({
77
- type: r.Alert,
78
- message: i("newsletter.display-conditions-invalid-syntax")
79
- }), n = !1), o && o.forEach((u) => {
80
- u.trim() === "=" && (a({
81
- type: r.Alert,
82
- message: i("custom-conditions.wrong-equality-operators")
83
- }), n = !1);
84
- const g = u.match(/^[a-zA-Z]*$/g);
85
- g && g.forEach((p) => {
86
- w(p) && e.push(p);
87
- });
88
- });
89
- }), e.length) {
90
- const c = e.filter((l) => l === "if"), o = e.filter((l) => l === "endif");
91
- c.length !== o.length && (a({
92
- type: r.Alert,
93
- message: i("custom-conditions.missing-if-endif-tag")
94
- }), n = !1);
95
- }
96
- return n;
97
- }, b = (t) => {
98
- const s = (t.match(/{% /gm) || []).length, e = (t.match(/ %}/gm) || []).length, n = s === e;
99
- return n || a({
100
- type: r.Warning,
101
- message: i("custom-conditions.no-space-after-braces")
102
- }), n;
103
- }, N = (t) => (t.match(/({%(.*?)%})/g) || []).filter((e) => e.includes("if")).map((e) => (e.match(/{{.*}}/gm) || []).length).reduce((e, n) => e + n, 0) > 0 ? (a({
104
- type: r.Warning,
105
- message: i("custom-conditions.no-braces-inside-if-tag")
106
- }), !1) : !0, k = () => m.recommendationConfigs && Object.values(m.recommendationConfigs).find((s) => s.filters.find((e) => e.value === "")) !== void 0 ? (a({
107
- type: r.Alert,
108
- message: i("newsletter.fill-all-necessary-fields")
109
- }), !1) : !0, F = (t) => {
110
- const s = /src="[^"]*\.(svg|pst)"/gm;
111
- return t.match(s) === null ? !0 : (a({
112
- type: r.Alert,
113
- message: i("newsletter.invalid-image-type")
114
- }), !1);
115
- };
116
- return { validateHtml: async (t, s, e = !1) => await E(t, s, e) && T(t) && I(t) && A(t) && W(t, s) && x(t) && b(t) && N(t) && k() && F(t) };
117
- };
118
- export {
119
- tt as useHtmlValidator
120
- };
@@ -1,19 +0,0 @@
1
- type CardWidthParams = {
2
- mobileLeftPadding: number;
3
- mobileRightPadding: number;
4
- cardsInRow: number;
5
- unresponsive: boolean;
6
- };
7
- interface CampaignData extends CardWidthParams {
8
- textTrimming: boolean;
9
- orientation: string;
10
- priceBeforeTextValue: string;
11
- priceAfterTextValue: string;
12
- discountBeforeTextValue: string;
13
- discountAfterTextValue: string;
14
- }
15
- export declare const useRecommendation: () => {
16
- calculateCardWidth: ({ mobileLeftPadding, mobileRightPadding, cardsInRow, unresponsive, }: CardWidthParams) => number;
17
- getRecommendationCampaignData: (id: string) => CampaignData;
18
- };
19
- export {};
@@ -1,27 +0,0 @@
1
- import { MinDeviceViewport as r, DefaultPadding as c } from "../enums/recommendation.js";
2
- const m = () => ({
3
- calculateCardWidth: ({
4
- mobileLeftPadding: e,
5
- mobileRightPadding: a,
6
- cardsInRow: n,
7
- unresponsive: i
8
- }) => {
9
- const t = i ? n : 1, o = e + a + (t - 1) * c;
10
- return (r - o) / t;
11
- },
12
- getRecommendationCampaignData: (e) => (console.debug(e), {
13
- textTrimming: !1,
14
- orientation: "vertical",
15
- mobileLeftPadding: 0,
16
- mobileRightPadding: 0,
17
- cardsInRow: 2,
18
- unresponsive: !1,
19
- priceBeforeTextValue: "",
20
- priceAfterTextValue: "",
21
- discountBeforeTextValue: "",
22
- discountAfterTextValue: ""
23
- })
24
- });
25
- export {
26
- m as useRecommendation
27
- };
@@ -1,4 +0,0 @@
1
- import { SavedTemplateDetails } from '@@/Types/stripo';
2
- export declare const useSave: () => {
3
- save: (isSilent?: boolean) => Promise<SavedTemplateDetails | undefined>;
4
- };
@@ -1,15 +0,0 @@
1
- import { useSaveStart as i, useSaveComplete as l } from "./useGuidoActions.js";
2
- import { useTemplatePreparation as m } from "../utils/templatePreparation.js";
3
- import { useHtmlValidator as n } from "./useHtmlValidator.js";
4
- const f = () => {
5
- const e = i(), a = l(), { validateHtml: s } = n();
6
- return { save: async (o = !1) => {
7
- e();
8
- const { prepareTemplateDetails: r } = m(), t = await r();
9
- if (await s(t.compiledHtml, [], !0))
10
- return o || a(t), t;
11
- } };
12
- };
13
- export {
14
- f as useSave
15
- };
@@ -1,36 +0,0 @@
1
- const c = `
2
- <!--[if gte mso 9]>
3
- <xml>
4
- <o:OfficeDocumentSettings>
5
- <o:AllowPNG></o:AllowPNG>
6
- <o:PixelsPerInch>96</o:PixelsPerInch>
7
- </o:OfficeDocumentSettings>
8
- </xml>
9
- <![endif]-->`, s = {
10
- xmlns: "http://www.w3.org/1999/xhtml",
11
- "xmlns:o": "urn:schemas-microsoft-com:office:office"
12
- }, r = [
13
- {
14
- id: "append-office-xml",
15
- description: "Appending office XML into the head if it does not exist.",
16
- type: "custom",
17
- processor: (e) => e.includes("<o:OfficeDocumentSettings>") ? e : e.replace("</head>", `${c}</head>`),
18
- priority: 70
19
- },
20
- {
21
- id: "set-html-attributes",
22
- description: "Appending office XML into the head if it does not exist.",
23
- type: "custom",
24
- processor: (e) => {
25
- let t = e;
26
- return Object.entries(s).forEach(([o, i]) => {
27
- const n = new RegExp(`${o}="[^"]*"`);
28
- t.search(n) === -1 && (t = t.replace("<html", `<html ${o}="${i}"`));
29
- }), t;
30
- },
31
- priority: 71
32
- }
33
- ];
34
- export {
35
- r as outlookCompilerRules
36
- };
@@ -1,2 +0,0 @@
1
- import type { CompilerRule } from '@@/Types/html-compiler';
2
- export declare const recommendationCompilerRules: CompilerRule[];
@@ -1,83 +0,0 @@
1
- import { useRecommendation as u } from "../../composables/useRecommendation.js";
2
- 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";
3
- const H = [
4
- {
5
- id: "replace-images-with-variable-names",
6
- description: "Replacing dummy images with variable names in recommendation module",
7
- type: "custom",
8
- processor: (a) => {
9
- let t = a;
10
- return Object.entries(P).forEach(([, n]) => {
11
- Object.entries(n).forEach(([s, o]) => {
12
- t = t.replaceAll(o, `{{${s}}}`);
13
- });
14
- }), t;
15
- },
16
- priority: 50
17
- },
18
- {
19
- id: "replace-recommendation-button-span-css",
20
- description: "Replacing recommendation button span css",
21
- type: "replace",
22
- search: ".ext-product-button span,",
23
- replacement: ".ext-product-button,",
24
- replaceAll: !0,
25
- priority: 51
26
- },
27
- {
28
- id: "add-recommendation-unresponsive-css",
29
- description: "Adding recommendation unresponsive css",
30
- type: "custom",
31
- processor: (a) => {
32
- const { getRecommendationCampaignData: t } = u();
33
- let n = a;
34
- const s = n.match(i.ID);
35
- if (s) {
36
- const o = [];
37
- if (s.forEach((c) => {
38
- const m = c.slice(35, c.length - 1).trim();
39
- t(m);
40
- }), o.length) {
41
- const c = `width:${Math.min(...o)}px!important;`;
42
- 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);
43
- }
44
- }
45
- return n;
46
- },
47
- priority: 52
48
- },
49
- // TODO: prepareRecommendations
50
- // TODO: addRecommendationCustomFields
51
- {
52
- id: "add-discount-conditions",
53
- description: "Adding discount conditions to the recommendation block",
54
- type: "custom",
55
- processor: (a) => {
56
- let t = a;
57
- const n = t.match(i.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: s } = u();
58
- return n !== null && n.forEach((o) => {
59
- const c = o.match(i.CUSTOM_FIELD);
60
- if (!c)
61
- return;
62
- 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);
63
- if (!p || !A || !_)
64
- return;
65
- const [l] = p, [T] = A, [d] = _, N = T.substring(1, T.length - 2), R = d.match(i.COMPOSITION) !== null;
66
- let O = m;
67
- if (R) {
68
- const M = l.substring(2, l.length - 3);
69
- s(M);
70
- }
71
- const I = l.substring(2);
72
- let S = "";
73
- 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}`));
74
- const $ = `${d}${O}${h.PARAGRAPH_END_TAG}`, C = `${S}${R ? $ : o}${E.ELSE}${d}${h.PARAGRAPH_END_TAG}${E.END_IF}`;
75
- t = t.replace(o, C);
76
- }), t;
77
- },
78
- priority: 53
79
- }
80
- ];
81
- export {
82
- H as recommendationCompilerRules
83
- };
@@ -1,2 +0,0 @@
1
- import type { CompilerRule } from '@@/Types/html-compiler';
2
- export declare const socialCompilerRules: CompilerRule[];
@@ -1,21 +0,0 @@
1
- const a = [
2
- {
3
- id: "fix-custom-social-block",
4
- description: "Fixing custom social block.",
5
- type: "custom",
6
- processor: (e) => {
7
- let c = e;
8
- const s = c.match(/<table[^>]*?class="[^>]*?es-social[^>]*?"[\S\s]*?<\/table>/gm);
9
- return s && s.forEach((o) => {
10
- if (o.match(/<img[^>]*?height="[0-9]+?"/gm)) {
11
- const i = o.replace(/<img[^>]*?height="[0-9]+?"/gm, (t) => t.replace("height", "width"));
12
- c = c.replace(o, i);
13
- }
14
- }), c;
15
- },
16
- priority: 80
17
- }
18
- ];
19
- export {
20
- a as socialCompilerRules
21
- };
@@ -1,2 +0,0 @@
1
- import type { CompilerRule } from '@@/Types/html-compiler';
2
- export declare const unsubscribeCompilerRules: CompilerRule[];
@@ -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
- };