@useinsider/guido 1.0.3-beta.413aef4 → 1.0.3-beta.45db97c

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 (165) hide show
  1. package/README.md +144 -3
  2. package/dist/components/Guido.vue.js +11 -9
  3. package/dist/components/Guido.vue2.js +76 -70
  4. package/dist/components/organisms/header/LeftSlot.vue.js +1 -1
  5. package/dist/components/organisms/header/LeftSlot.vue2.js +16 -15
  6. package/dist/components/organisms/header/RightSlot.vue.js +11 -11
  7. package/dist/components/organisms/header/RightSlot.vue2.js +23 -22
  8. package/dist/components/organisms/onboarding/NewVersionPopup.vue.js +9 -9
  9. package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +30 -17
  10. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js +12 -10
  11. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +19 -18
  12. package/dist/composables/useBlocksConfig.js +49 -0
  13. package/dist/composables/useGuidoActions.js +19 -9
  14. package/dist/composables/useStripo.js +49 -58
  15. package/dist/config/compiler/unsubscribeCompilerRules.js +33 -28
  16. package/dist/config/migrator/index.js +7 -6
  17. package/dist/config/migrator/radioButtonMigrator.js +5 -5
  18. package/dist/config/migrator/recommendationMigrator.js +293 -0
  19. package/dist/enums/date.js +6 -0
  20. package/dist/enums/defaults.js +16 -8
  21. package/dist/enums/onboarding.js +2 -1
  22. package/dist/enums/unsubscribe.js +27 -25
  23. package/dist/extensions/Blocks/Checkbox/control.js +15 -14
  24. package/dist/extensions/Blocks/Checkbox/extension.js +2 -2
  25. package/dist/extensions/Blocks/CouponBlock/extension.js +2 -2
  26. package/dist/extensions/Blocks/RadioButton/control.js +18 -17
  27. package/dist/extensions/Blocks/RadioButton/template.js +4 -4
  28. package/dist/extensions/Blocks/Recommendation/block.js +6 -3
  29. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +103 -0
  30. package/dist/extensions/Blocks/Recommendation/constants.js +5 -0
  31. package/dist/extensions/Blocks/Recommendation/control.js +69 -40
  32. package/dist/extensions/Blocks/Recommendation/controls/button/align.js +13 -0
  33. package/dist/extensions/Blocks/Recommendation/controls/button/border.js +13 -0
  34. package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +13 -0
  35. package/dist/extensions/Blocks/Recommendation/controls/button/color.js +13 -0
  36. package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +13 -0
  37. package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +13 -0
  38. package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +13 -0
  39. package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +13 -0
  40. package/dist/extensions/Blocks/Recommendation/controls/button/text.js +13 -0
  41. package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +13 -0
  42. package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +13 -0
  43. package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +13 -0
  44. package/dist/extensions/Blocks/Recommendation/controls/image/size.js +13 -0
  45. package/dist/extensions/Blocks/Recommendation/controls/name/align.js +13 -0
  46. package/dist/extensions/Blocks/Recommendation/controls/name/background.js +13 -0
  47. package/dist/extensions/Blocks/Recommendation/controls/name/color.js +13 -0
  48. package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +13 -0
  49. package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +13 -0
  50. package/dist/extensions/Blocks/Recommendation/controls/name/size.js +13 -0
  51. package/dist/extensions/Blocks/Recommendation/controls/name/style.js +13 -0
  52. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +13 -0
  53. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +13 -0
  54. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +13 -0
  55. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +13 -0
  56. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +13 -0
  57. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +13 -0
  58. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +13 -0
  59. package/dist/extensions/Blocks/Recommendation/controls/price/align.js +13 -0
  60. package/dist/extensions/Blocks/Recommendation/controls/price/background.js +13 -0
  61. package/dist/extensions/Blocks/Recommendation/controls/price/color.js +13 -0
  62. package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +13 -0
  63. package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +13 -0
  64. package/dist/extensions/Blocks/Recommendation/controls/price/size.js +13 -0
  65. package/dist/extensions/Blocks/Recommendation/controls/price/style.js +13 -0
  66. package/dist/extensions/Blocks/Recommendation/extension.js +42 -7
  67. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +107 -22
  68. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +1 -1
  69. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +160 -0
  70. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +152 -0
  71. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +180 -0
  72. package/dist/extensions/Blocks/common-control.js +125 -43
  73. package/dist/extensions/DynamicContent/dynamic-content-modal.js +25 -19
  74. package/dist/extensions/DynamicContent/dynamic-content.js +128 -33
  75. package/dist/guido.css +1 -1
  76. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +307 -100
  77. package/dist/package.json.js +1 -1
  78. package/dist/services/stripoApi.js +1 -1
  79. package/dist/src/@types/generic.d.ts +42 -6
  80. package/dist/src/components/Guido.vue.d.ts +4 -2
  81. package/dist/src/components/organisms/onboarding/NewVersionPopup.vue.d.ts +3 -1
  82. package/dist/src/components/organisms/onboarding/OnboardingWrapper.vue.d.ts +3 -1
  83. package/dist/src/components/wrappers/WpModal.vue.d.ts +1 -1
  84. package/dist/src/composables/useBlocksConfig.d.ts +11 -0
  85. package/dist/src/composables/useGuidoActions.d.ts +9 -0
  86. package/dist/src/config/migrator/recommendationMigrator.d.ts +1 -0
  87. package/dist/src/enums/date.d.ts +4 -0
  88. package/dist/src/enums/onboarding.d.ts +1 -0
  89. package/dist/src/extensions/Blocks/RadioButton/template.d.ts +1 -1
  90. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +1 -0
  91. package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +28 -0
  92. package/dist/src/extensions/Blocks/Recommendation/constants.d.ts +51 -0
  93. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +6 -0
  94. package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +5 -0
  95. package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +5 -0
  96. package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +5 -0
  97. package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +5 -0
  98. package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +5 -0
  99. package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +5 -0
  100. package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +5 -0
  101. package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +5 -0
  102. package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +5 -0
  103. package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +5 -0
  104. package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +5 -0
  105. package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +5 -0
  106. package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +5 -0
  107. package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +5 -0
  108. package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +5 -0
  109. package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +5 -0
  110. package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +5 -0
  111. package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +5 -0
  112. package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +5 -0
  113. package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +5 -0
  114. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +5 -0
  115. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +5 -0
  116. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +5 -0
  117. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +5 -0
  118. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +5 -0
  119. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +5 -0
  120. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +5 -0
  121. package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +5 -0
  122. package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +5 -0
  123. package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +5 -0
  124. package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +5 -0
  125. package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +5 -0
  126. package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +5 -0
  127. package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +5 -0
  128. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +1 -1
  129. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +16 -0
  130. package/dist/src/extensions/Blocks/Recommendation/templates/migrationTemplate.d.ts +16 -0
  131. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +44 -0
  132. package/dist/src/extensions/Blocks/common-control.d.ts +21 -0
  133. package/dist/src/extensions/DynamicContent/dynamic-content-modal.d.ts +9 -2
  134. package/dist/src/extensions/DynamicContent/dynamic-content.d.ts +52 -2
  135. package/dist/src/stores/config.d.ts +10 -2
  136. package/dist/src/stores/dynamic-content.d.ts +3 -3
  137. package/dist/src/stores/editor.d.ts +1 -1
  138. package/dist/src/stores/onboarding.d.ts +1 -1
  139. package/dist/src/stores/preview.d.ts +1 -1
  140. package/dist/src/stores/recommendation.d.ts +1 -1
  141. package/dist/src/stores/save-as-template.d.ts +1 -1
  142. package/dist/src/stores/toaster.d.ts +1 -1
  143. package/dist/src/stores/unsubscribe.d.ts +1 -1
  144. package/dist/src/stores/version-history.d.ts +1 -1
  145. package/dist/src/utils/dateUtil.d.ts +21 -0
  146. package/dist/src/utils/environmentUtil.d.ts +5 -0
  147. package/dist/src/utils/genericUtil.d.ts +1 -0
  148. package/dist/static/styles/components/narrow-panel.css.js +10 -0
  149. package/dist/static/styles/customEditorStyle.css.js +5 -0
  150. package/dist/stores/config.js +5 -5
  151. package/dist/stores/dynamic-content.js +2 -2
  152. package/dist/stores/editor.js +1 -1
  153. package/dist/stores/onboarding.js +27 -27
  154. package/dist/stores/preview.js +1 -1
  155. package/dist/stores/recommendation.js +3 -3
  156. package/dist/stores/save-as-template.js +2 -2
  157. package/dist/stores/toaster.js +1 -1
  158. package/dist/stores/unsubscribe.js +1 -1
  159. package/dist/stores/version-history.js +4 -4
  160. package/dist/utils/dateUtil.js +24 -3
  161. package/dist/utils/environmentUtil.js +4 -0
  162. package/dist/utils/genericUtil.js +20 -9
  163. package/package.json +3 -3
  164. package/dist/extensions/Blocks/Recommendation/template.js +0 -200
  165. package/dist/src/extensions/Blocks/Recommendation/template.d.ts +0 -6
@@ -1,30 +1,43 @@
1
- import { defineComponent as s, ref as r } from "vue";
2
- import a from "../../wrappers/WpModal.vue.js";
3
- import { useTranslations as i } from "../../../composables/useTranslations.js";
4
- import l from "../../../static/assets/onboarding-img.svg.js";
5
- import { useOnboardingStore as m } from "../../../stores/onboarding.js";
6
- const w = /* @__PURE__ */ s({
1
+ import { defineComponent as g, ref as b, computed as o } from "vue";
2
+ import v from "../../wrappers/WpModal.vue.js";
3
+ import { useConfig as D } from "../../../composables/useConfig.js";
4
+ import { useTranslations as h } from "../../../composables/useTranslations.js";
5
+ import { ACADEMY_LINK as l } from "../../../enums/onboarding.js";
6
+ import y from "../../../static/assets/onboarding-img.svg.js";
7
+ import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
8
+ import { isAfterDate as C, formatShortDate as L } from "../../../utils/dateUtil.js";
9
+ const I = /* @__PURE__ */ g({
7
10
  __name: "NewVersionPopup",
8
- setup(p) {
9
- const n = i(), e = m(), o = r(!0), t = r({
11
+ emits: ["onboarding-finished"],
12
+ setup(w, { emit: a }) {
13
+ const e = h(), t = _(), s = b(!0), { config: p } = D(), i = o(() => p.migrationDate), n = o(() => C(i.value || 0)), d = o(() => L(
14
+ i.value
15
+ )), m = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), c = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
16
+ sunsetDate: d.value,
17
+ academyLink: l
18
+ }) : e("email-editor.onboarding-description", {
19
+ academyLink: l
20
+ })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), f = o(() => ({
10
21
  primaryButton: {
11
22
  type: "primary",
12
- labelText: n("left-menu.discover-now")
23
+ labelText: e("left-menu.discover-now")
13
24
  },
14
25
  secondaryButton: {
15
26
  type: "subtle-primary",
16
- labelText: n("products.remind-me-later")
27
+ labelText: u.value
17
28
  }
18
- });
19
- return { __sfc: !0, trans: n, onboardingStore: e, isVisible: o, footerButtonOptions: t, handleDiscoverNow: () => {
20
- e.onDiscoverNowClicked(), o.value = !1;
29
+ })), r = () => {
30
+ s.value = !1, a("onboarding-finished");
31
+ };
32
+ return { __sfc: !0, emit: a, trans: e, onboardingStore: t, isVisible: s, config: p, migrationDate: i, isAfterMigrationDate: n, formattedSunsetDate: d, popupTitle: m, popupDescription: c, secondaryButtonLabel: u, footerButtonOptions: f, closePopup: r, handleDiscoverNow: () => {
33
+ t.onDiscoverNowClicked(), r();
21
34
  }, handleRemindLater: () => {
22
- e.onRemindMeLater(), o.value = !1;
35
+ t.onRemindMeLater(), r();
23
36
  }, handleClose: () => {
24
- e.onNewVersionPopupClose(), o.value = !1;
25
- }, WpModal: a, onboardingImageSvg: l };
37
+ t.onNewVersionPopupClose(), r();
38
+ }, WpModal: v, onboardingImageSvg: y };
26
39
  }
27
40
  });
28
41
  export {
29
- w as default
42
+ I as default
30
43
  };
@@ -1,19 +1,21 @@
1
- import o from "./OnboardingWrapper.vue2.js";
2
- import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
1
+ import t from "./OnboardingWrapper.vue2.js";
2
+ import i from "../../../_virtual/_plugin-vue2_normalizer.js";
3
3
  var s = function() {
4
- var n = this, e = n._self._c, t = n._self._setupProxy;
5
- return e("div", n._l(t.visibleOnboardings, function(r) {
6
- return e(r.component, { key: r.type, tag: "component" });
4
+ var n = this, e = n._self._c, r = n._self._setupProxy;
5
+ return e("div", n._l(r.visibleOnboardings, function(o) {
6
+ return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
7
+ return r.emit("onboarding-finished");
8
+ } } });
7
9
  }), 1);
8
- }, a = [], p = /* @__PURE__ */ _(
9
- o,
10
+ }, _ = [], a = /* @__PURE__ */ i(
11
+ t,
10
12
  s,
11
- a,
13
+ _,
12
14
  !1,
13
15
  null,
14
16
  null
15
17
  );
16
- const m = p.exports;
18
+ const d = a.exports;
17
19
  export {
18
- m as default
20
+ d as default
19
21
  };
@@ -1,24 +1,25 @@
1
- import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
2
- import { usePartner as O } from "../../../composables/usePartner.js";
3
- import { useEditorStore as u } from "../../../stores/editor.js";
4
- import { useOnboardingStore as v } from "../../../stores/onboarding.js";
5
- import { usePreviewStore as l } from "../../../stores/preview.js";
6
- import y from "./AMPOnboarding.vue.js";
7
- import S from "./GenericOnboarding.vue.js";
1
+ import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
2
+ import { usePartner as u } from "../../../composables/usePartner.js";
3
+ import { useEditorStore as v } from "../../../stores/editor.js";
4
+ import { useOnboardingStore as l } from "../../../stores/onboarding.js";
5
+ import { usePreviewStore as y } from "../../../stores/preview.js";
6
+ import S from "./AMPOnboarding.vue.js";
7
+ import h from "./GenericOnboarding.vue.js";
8
8
  import w from "./NewVersionPopup.vue.js";
9
9
  import P from "./TextBlockOnboarding.vue.js";
10
- import h from "./VersionHistoryOnboarding.vue.js";
11
- const E = /* @__PURE__ */ g({
10
+ import _ from "./VersionHistoryOnboarding.vue.js";
11
+ const F = /* @__PURE__ */ b({
12
12
  __name: "OnboardingWrapper",
13
- setup(_) {
14
- const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
13
+ emits: ["onboarding-finished"],
14
+ setup(A, { emit: f }) {
15
+ const o = l(), r = v(), s = y(), { isTestPartner: a } = u(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
15
16
  { type: "newVersionPopup", component: w },
16
- { type: "genericOnboarding", component: S },
17
+ { type: "genericOnboarding", component: h },
17
18
  { type: "textBlockOnboarding", component: P },
18
- { type: "versionHistoryOnboarding", component: h },
19
- { type: "ampOnboarding", component: y }
20
- ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
21
- return b(async () => {
19
+ { type: "versionHistoryOnboarding", component: _ },
20
+ { type: "ampOnboarding", component: S }
21
+ ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
22
+ return O(async () => {
22
23
  await o.fetchUserModalState();
23
24
  }), t(
24
25
  () => r.isVersionHistoryOpen,
@@ -35,9 +36,9 @@ const E = /* @__PURE__ */ g({
35
36
  (n) => {
36
37
  !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
37
38
  }
38
- ), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
39
+ ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
39
40
  }
40
41
  });
41
42
  export {
42
- E as default
43
+ F as default
43
44
  };
@@ -0,0 +1,49 @@
1
+ const l = {
2
+ "amp-accordion": "ampAccordionEnabled",
3
+ "amp-carousel": "ampCarouselEnabled",
4
+ "amp-form-controls": "ampFormControlsEnabled",
5
+ "banner-block": "bannerEnabled",
6
+ "button-block": "buttonEnabled",
7
+ "html-block": "htmlEnabled",
8
+ "image-block": "imageEnabled",
9
+ "menu-block": "menuEnabled",
10
+ "social-block": "socialNetEnabled",
11
+ "spacer-block": "spacerEnabled",
12
+ "text-block": "textEnabled",
13
+ "timer-block": "timerEnabled",
14
+ "video-block": "videoEnabled"
15
+ }, c = {
16
+ "dynamic-content": () => import("../extensions/DynamicContent/extension.js"),
17
+ "checkbox-block": () => import("../extensions/Blocks/Checkbox/extension.js"),
18
+ "radio-button-block": () => import("../extensions/Blocks/RadioButton/extension.js"),
19
+ "recommendation-block": () => import("../extensions/Blocks/Recommendation/extension.js"),
20
+ "unsubscribe-block": () => import("../extensions/Blocks/Unsubscribe/extension.js"),
21
+ "coupon-block": () => import("../extensions/Blocks/CouponBlock/extension.js"),
22
+ "items-block": null
23
+ // TODO: Add ItemsBlock extension when available
24
+ }, a = (n) => {
25
+ if (!n || !n.length)
26
+ return {};
27
+ const o = {};
28
+ return n.forEach((e) => {
29
+ const t = l[e];
30
+ t && (o[t] = !1);
31
+ }), o;
32
+ }, r = async (n) => !n || !n.length ? [] : (await Promise.all(
33
+ n.map(async (e) => {
34
+ const t = c[e];
35
+ return t ? (await t()).default : null;
36
+ })
37
+ )).filter((e) => e !== null), s = () => ({
38
+ getStripoBlocksConfig: async () => {
39
+ var e;
40
+ const o = (e = window.GuidoConfig) == null ? void 0 : e.blocks;
41
+ return {
42
+ baseBlocks: a(o == null ? void 0 : o.excludeDefaults),
43
+ extensions: await r(o == null ? void 0 : o.includeCustoms)
44
+ };
45
+ }
46
+ });
47
+ export {
48
+ s as useBlocksConfig
49
+ };
@@ -1,6 +1,6 @@
1
1
  import { provideValue as o, useInjectedValue as t } from "./useProvideInject.js";
2
- const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symbol.for("guido.save.complete"), s = (e) => {
3
- o(r, e.onBack), o(n, e.onSaveStart), o(a, e.onSaveComplete);
2
+ const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), c = Symbol.for("guido.save.complete"), a = Symbol.for("guido.test.email.click"), i = (e) => {
3
+ o(r, e.onBack), o(n, e.onSaveStart), o(c, e.onSaveComplete), o(a, e.onTestEmailClick);
4
4
  }, u = () => {
5
5
  try {
6
6
  return t(r);
@@ -9,7 +9,7 @@ const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symb
9
9
  "useBack: No back handler provided. Make sure Guido component is in the component tree."
10
10
  );
11
11
  }
12
- }, d = () => {
12
+ }, l = () => {
13
13
  try {
14
14
  return t(n);
15
15
  } catch {
@@ -17,21 +17,31 @@ const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symb
17
17
  "useSaveStart: No save start handler provided. Make sure Guido component is in the component tree."
18
18
  );
19
19
  }
20
- }, i = () => {
20
+ }, d = () => {
21
21
  try {
22
- return t(a);
22
+ return t(c);
23
23
  } catch {
24
24
  throw new Error(
25
25
  "useSaveComplete: No save complete handler provided. Make sure Guido component is in the component tree."
26
26
  );
27
27
  }
28
+ }, m = () => {
29
+ try {
30
+ return t(a);
31
+ } catch {
32
+ throw new Error(
33
+ "useTestEmailClick: No test email click handler provided. Make sure Guido component is in the component tree."
34
+ );
35
+ }
28
36
  };
29
37
  export {
30
38
  r as BACK_KEY,
31
- a as SAVE_COMPLETE_KEY,
39
+ c as SAVE_COMPLETE_KEY,
32
40
  n as SAVE_START_KEY,
33
- s as provideGuidoActions,
41
+ a as TEST_EMAIL_CLICK_KEY,
42
+ i as provideGuidoActions,
34
43
  u as useBack,
35
- i as useSaveComplete,
36
- d as useSaveStart
44
+ d as useSaveComplete,
45
+ l as useSaveStart,
46
+ m as useTestEmailClick
37
47
  };
@@ -1,29 +1,26 @@
1
- import { useActionsApi as f } from "./useActionsApi.js";
2
- import { useCustomInterfaceAppearance as E } from "./useCustomInterfaceAppearance.js";
3
- import { useStripoEventHandler as S } from "./useStripoEventHandler.js";
4
- import { useToaster as C } from "./useToaster.js";
5
- import { displayConditions as y } from "../enums/displayConditions.js";
6
- import h from "../extensions/Blocks/Checkbox/extension.js";
7
- import w from "../extensions/Blocks/CouponBlock/extension.js";
8
- import b from "../extensions/Blocks/RadioButton/extension.js";
9
- import V from "../extensions/Blocks/Recommendation/extension.js";
10
- import _ from "../extensions/Blocks/Unsubscribe/extension.js";
11
- import k from "../extensions/DynamicContent/extension.js";
12
- import { useStripoApi as B } from "../services/stripoApi.js";
13
- import x from "../static/styles/customEditorStyle.css.js";
14
- import { useEditorStore as F } from "../stores/editor.js";
15
- import { dynamicContentToMergeTags as A } from "../utils/genericUtil.js";
16
- import T from "../package.json.js";
17
- const G = (a) => {
18
- const { handleError: d } = C(), { getToken: u, getCustomFonts: m } = B(), { handleEvent: p } = S(), l = (r, i = []) => {
19
- const t = F(), { html: n, css: c, forceRecreate: s } = r;
1
+ import { useActionsApi as h } from "./useActionsApi.js";
2
+ import { useBlocksConfig as b } from "./useBlocksConfig.js";
3
+ import { useConfig as k } from "./useConfig.js";
4
+ import { useCustomInterfaceAppearance as B } from "./useCustomInterfaceAppearance.js";
5
+ import { useStripoEventHandler as V } from "./useStripoEventHandler.js";
6
+ import { useToaster as _ } from "./useToaster.js";
7
+ import { displayConditions as F } from "../enums/displayConditions.js";
8
+ import { useStripoApi as A } from "../services/stripoApi.js";
9
+ import T from "../static/styles/customEditorStyle.css.js";
10
+ import { useEditorStore as v } from "../stores/editor.js";
11
+ import { dynamicContentToMergeTags as I } from "../utils/genericUtil.js";
12
+ import M from "../package.json.js";
13
+ const N = (d) => {
14
+ const { config: u } = k(), { handleError: l } = _(), { getToken: f, getCustomFonts: S } = A(), { handleEvent: C } = V(), { getStripoBlocksConfig: y } = b(), E = async (i, r = []) => {
15
+ var m, g;
16
+ const t = v(), { html: n, css: p, forceRecreate: a } = i, { baseBlocks: e, extensions: c } = await y();
20
17
  window.UIEditor.initEditor(
21
18
  document.querySelector("#guido-editor"),
22
19
  {
23
- metadata: a,
20
+ metadata: d,
24
21
  html: n,
25
- css: c,
26
- forceRecreate: s,
22
+ css: p,
23
+ forceRecreate: a,
27
24
  locale: "en",
28
25
  undoButtonSelector: "#guido__undo-button",
29
26
  redoButtonSelector: "#guido__redo-button",
@@ -33,39 +30,40 @@ const G = (a) => {
33
30
  customAppearanceMergetags: !0,
34
31
  customAppearanceMergetagsBorderColor: "#f1f3fe",
35
32
  customAppearanceMergetagsBackgroundColor: "#f1f3fe",
36
- customViewStyles: x,
37
- conditionsEnabled: !0,
38
- customConditionsEnabled: !0,
39
- conditionCategories: y,
33
+ customViewStyles: T,
34
+ conditionsEnabled: ((m = u.features) == null ? void 0 : m.displayConditions) ?? !0,
35
+ customConditionsEnabled: ((g = u.features) == null ? void 0 : g.displayConditions) ?? !0,
36
+ conditionCategories: F,
40
37
  enableXSSSecurity: !0,
41
38
  messageSettingsEnabled: !1,
42
39
  selectBlockAfterDropFromSettingsPanel: !0,
40
+ ...e ? { baseBlocks: e } : {},
43
41
  editorFonts: {
44
42
  showDefaultStandardFonts: !0,
45
43
  showDefaultNotStandardFonts: !0,
46
- customFonts: i
44
+ customFonts: r
47
45
  },
48
46
  mergeTags: [
49
47
  {
50
- entries: A(a.preselectedDynamicContentList)
48
+ entries: I(d.preselectedDynamicContentList)
51
49
  }
52
50
  ],
53
51
  async onTokenRefreshRequest(o) {
54
52
  try {
55
- const e = await u();
56
- o(e);
57
- } catch (e) {
58
- d(e, "Failed to refresh token");
53
+ const s = await f();
54
+ o(s);
55
+ } catch (s) {
56
+ l(s, "Failed to refresh token");
59
57
  }
60
58
  },
61
59
  onTemplateLoaded() {
62
60
  try {
63
- const { importCss: o } = E(), { activateCustomViewStyles: e } = f();
64
- o(), e(), a.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
61
+ const { importCss: o } = B(), { activateCustomViewStyles: s } = h();
62
+ o(), s(), d.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
65
63
  t.hasChanges = !1;
66
64
  }, 1e3);
67
65
  } catch (o) {
68
- d(o, "Failed to load custom interface appearance");
66
+ l(o, "Failed to load custom interface appearance");
69
67
  }
70
68
  },
71
69
  onCodeEditorVisibilityChanged(o) {
@@ -80,42 +78,35 @@ const G = (a) => {
80
78
  onDataChanged() {
81
79
  t.hasChanges = !0;
82
80
  },
83
- onEvent: p,
81
+ onEvent: C,
84
82
  ignoreClickOutsideSelectors: [
85
83
  "#guido-dynamic-content-modal",
86
84
  ".in-on-board-wrapper",
87
85
  ".in-drawer__container"
88
86
  ],
89
- extensions: [
90
- k,
91
- h,
92
- b,
93
- V,
94
- _,
95
- w
96
- ]
87
+ extensions: c
97
88
  }
98
89
  );
99
- }, g = (r) => new Promise((i, t) => {
100
- var e;
90
+ }, w = (i) => new Promise((r, t) => {
91
+ var c;
101
92
  if (document.getElementById("UiEditorScript")) {
102
- r(), i();
93
+ i(), r();
103
94
  return;
104
95
  }
105
- const n = T.guido, s = `https://email-static.useinsider.com/guido/${(e = n == null ? void 0 : n.stripo) == null ? void 0 : e.version}/UIEditor.js`, o = document.createElement("script");
106
- o.id = "UiEditorScript", o.type = "module", o.src = s, o.onload = () => {
107
- r(), i();
108
- }, o.onerror = () => {
109
- t(new Error(`Failed to load Stripo UIEditor script from S3: ${s}`));
110
- }, document.body.appendChild(o);
96
+ const n = M.guido, a = `https://email-static.useinsider.com/guido/${(c = n == null ? void 0 : n.stripo) == null ? void 0 : c.version}/UIEditor.js`, e = document.createElement("script");
97
+ e.id = "UiEditorScript", e.type = "module", e.src = a, e.onload = () => {
98
+ i(), r();
99
+ }, e.onerror = () => {
100
+ t(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
101
+ }, document.body.appendChild(e);
111
102
  });
112
- return { initPlugin: async (r) => {
113
- await g(async () => {
114
- const i = await m();
115
- l(r, i);
103
+ return { initPlugin: async (i) => {
104
+ await w(async () => {
105
+ const r = await S();
106
+ await E(i, r);
116
107
  });
117
108
  } };
118
109
  };
119
110
  export {
120
- G as useStripo
111
+ N as useStripo
121
112
  };
@@ -1,36 +1,41 @@
1
- import { usePartner as U } from "../../composables/usePartner.js";
2
- import { LINK_REGEXES as l, LINK_TYPES as b, URLS as f } from "../../enums/unsubscribe.js";
3
- import { parsePageList as B } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
4
- import { useConfigStore as N } from "../../stores/config.js";
5
- import { useUnsubscribeStore as I } from "../../stores/unsubscribe.js";
6
- const T = [
1
+ import { usePartner as N } from "../../composables/usePartner.js";
2
+ import { LINK_REGEXES as l, LINK_TYPES as g, INSIDER_ID as f, URLS as S } from "../../enums/unsubscribe.js";
3
+ import { parsePageList as U } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
4
+ import { useConfigStore as B } from "../../stores/config.js";
5
+ import { useDynamicContentStore as y } from "../../stores/dynamic-content.js";
6
+ import { useUnsubscribeStore as L } from "../../stores/unsubscribe.js";
7
+ const D = [
7
8
  {
8
9
  id: "add-unsubscribe-link-values",
9
10
  description: "Adding unsubscribe link values",
10
11
  type: "custom",
11
12
  processor: (t) => {
12
- const { getPartnerName: i } = U(), a = N(), n = I(), u = a.getVariationId;
13
- if (!u)
13
+ const { getPartnerName: i } = N(), c = B(), n = y(), u = L(), a = c.getVariationId;
14
+ if (!a)
14
15
  return t;
15
- let o = t;
16
- const e = `/${i()}/email/${u}?user={{iid}}`;
17
- return new DOMParser().parseFromString(o, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]").forEach((p) => {
18
- var g;
19
- const d = p.getAttribute("data-unsubscribe-page-list");
20
- if (!d)
16
+ let e = t;
17
+ const r = `/${i()}/email/${a}?user={{iid}}`;
18
+ return new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]").forEach((p) => {
19
+ var b;
20
+ const m = p.getAttribute("data-unsubscribe-page-list");
21
+ if (!m)
21
22
  return;
22
- const S = B(d), m = ((g = n.templates) == null ? void 0 : g.filter(
23
- (c) => S.includes(c.id)
24
- )) ?? [], R = m.some((c) => c.type === b.UNSUBSCRIBE_LINK_TYPE), _ = m.some((c) => c.type === b.PREFERENCES_LINK_TYPE), E = p.outerHTML;
23
+ const R = U(m), d = ((b = u.templates) == null ? void 0 : b.filter(
24
+ (o) => R.includes(o.id)
25
+ )) ?? [], _ = d.some((o) => o.type === g.UNSUBSCRIBE_LINK_TYPE), I = d.some((o) => o.type === g.PREFERENCES_LINK_TYPE), E = p.outerHTML;
25
26
  let s = E;
26
- R && (s = s.replace(
27
+ _ && (n.selectedDynamicContentList.push({
28
+ text: f,
29
+ value: f,
30
+ fallback: ""
31
+ }), s = s.replace(
27
32
  l.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
28
- f.UNSUBSCRIBE_URL + e
29
- )), _ && (s = s.replace(
33
+ S.UNSUBSCRIBE_URL + r
34
+ )), I && (s = s.replace(
30
35
  l.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
31
- f.PREFERENCES_URL + e
32
- )), s = s.replace(l.UNSUBSCRIBE_LINK_REGEX, ""), o = o.replace(E, s);
33
- }), o;
36
+ S.PREFERENCES_URL + r
37
+ )), s = s.replace(l.UNSUBSCRIBE_LINK_REGEX, ""), e = e.replace(E, s);
38
+ }), e;
34
39
  },
35
40
  priority: 60
36
41
  },
@@ -56,16 +61,16 @@ const T = [
56
61
  type: "custom",
57
62
  processor: (t) => {
58
63
  let i = t;
59
- const a = i.match(/<a[^>]+>(.*?)<\/a>/gm);
60
- return a && a.forEach((n) => {
64
+ const c = i.match(/<a[^>]+>(.*?)<\/a>/gm);
65
+ return c && c.forEach((n) => {
61
66
  if (n.includes("insEmail=1"))
62
67
  return;
63
68
  if (n.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
64
- const o = n.replace(/href=(["'`”])(.*?)\1/gm, (e) => {
69
+ const a = n.replace(/href=(["'`”])(.*?)\1/gm, (e) => {
65
70
  const r = e.slice(6, e.length - 1).trim();
66
71
  return e.includes("?") || e.includes("#") ? r.slice(-1) === "&" ? e.replace(r, `${r}insEmail=1`) : e.replace(r, `${r}&insEmail=1`) : e.replace(r, `${r}?insEmail=1`);
67
72
  });
68
- i = i.replace(n, o);
73
+ i = i.replace(n, a);
69
74
  }
70
75
  }), i;
71
76
  },
@@ -73,5 +78,5 @@ const T = [
73
78
  }
74
79
  ];
75
80
  export {
76
- T as unsubscribeCompilerRules
81
+ D as unsubscribeCompilerRules
77
82
  };
@@ -1,11 +1,12 @@
1
- import { migrateCheckbox as o } from "./checkboxMigrator.js";
2
- import { migrateCouponBlock as m } from "./couponBlockMigrator.js";
1
+ import { migrateCheckbox as m } from "./checkboxMigrator.js";
2
+ import { migrateCouponBlock as o } from "./couponBlockMigrator.js";
3
3
  import { migrateRadioButton as i } from "./radioButtonMigrator.js";
4
- import { migrateUnsubscribe as e } from "./unsubscribeMigrator.js";
5
- const c = async (t) => {
4
+ import { migrateRecommendation as e } from "./recommendationMigrator.js";
5
+ import { migrateUnsubscribe as a } from "./unsubscribeMigrator.js";
6
+ const s = async (t) => {
6
7
  let r = t;
7
- return r = o(r), r = i(r), r = await e(r), r = m(r), r;
8
+ return r = m(r), r = i(r), r = await a(r), r = o(r), r = e(r), r;
8
9
  };
9
10
  export {
10
- c as migrate
11
+ s as migrate
11
12
  };
@@ -11,7 +11,7 @@ class T {
11
11
  try {
12
12
  const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll("td.radio-button-block");
13
13
  return i.length === 0 ? t : (i.forEach((s) => {
14
- const o = s.getAttribute("id"), l = this.extractTextFromElement(s, "ins-title"), a = this.extractTextFromElement(s, "ins-description"), p = this.extractTextFromElement(s, "ins-subscribe"), u = this.extractTextFromElement(s, "ins-unsubscribe"), d = this.buildTextBlock(l), g = this.buildTextBlock(a), m = this.buildTextBlock({ ...p, classList: "" }), n = this.buildTextBlock({ ...u, classList: "" }), c = h.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", g).replace("{-{-YES-}-}", m).replace("{-{-NO-}-}", n), y = this.parser.parseFromString(
14
+ const o = s.getAttribute("id"), l = this.extractTextFromElement(s, "ins-title"), a = this.extractTextFromElement(s, "ins-description"), p = this.extractTextFromElement(s, "ins-subscribe"), u = this.extractTextFromElement(s, "ins-unsubscribe"), g = this.buildTextBlock(l), d = this.buildTextBlock(a), m = this.buildTextBlock({ ...p, classList: "" }), n = this.buildTextBlock({ ...u, classList: "" }), c = h.replace("{-{-TITLE-}-}", g).replace("{-{-DESCRIPTION-}-}", d).replace("{-{-YES-}-}", m).replace("{-{-NO-}-}", n).replace(/{BLOCK_ID}/g, o || ""), y = this.parser.parseFromString(
15
15
  `<table id="tempDoc"><tbody><tr>${c}</tr></tbody></table>`,
16
16
  "text/html"
17
17
  ).querySelector(".radio-button-v2");
@@ -43,13 +43,13 @@ class T {
43
43
  styles: "",
44
44
  classList: ""
45
45
  };
46
- const o = ((c = s.textContent) == null ? void 0 : c.trim()) || (e === "ins-title" ? "Title" : "Description"), l = s.getAttribute("style") || "", a = i.getAttribute("align") || s.getAttribute("align") || "left", p = /font-weight\s*:\s*bold/i.test(l) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(l) || !!s.querySelector("i, em"), d = this.removeStyleProperties(l, ["font-weight", "font-style"]), g = this.convertInlineToBlock(d), m = i.getAttribute("class") || "";
46
+ const o = ((c = s.textContent) == null ? void 0 : c.trim()) || (e === "ins-title" ? "Title" : "Description"), l = s.getAttribute("style") || "", a = i.getAttribute("align") || s.getAttribute("align") || "left", p = /font-weight\s*:\s*bold/i.test(l) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(l) || !!s.querySelector("i, em"), g = this.removeStyleProperties(l, ["font-weight", "font-style"]), d = this.convertInlineToBlock(g), m = i.getAttribute("class") || "";
47
47
  return {
48
48
  text: o,
49
49
  isBold: p,
50
50
  isItalic: u,
51
51
  align: a,
52
- styles: g,
52
+ styles: d,
53
53
  classList: m
54
54
  };
55
55
  }
@@ -78,9 +78,9 @@ class T {
78
78
  return /display\s*:/i.test(e) || (e = e ? `${e}; display: block` : "display: block"), e.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
79
79
  }
80
80
  }
81
- function A(r) {
81
+ function I(r) {
82
82
  return new T().migrate(r);
83
83
  }
84
84
  export {
85
- A as migrateRadioButton
85
+ I as migrateRadioButton
86
86
  };