@useinsider/guido 1.0.3-beta.cdff8ce → 1.0.3-beta.ce3ed00

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 (177) hide show
  1. package/README.md +32 -6
  2. package/dist/components/Guido.vue.js +1 -1
  3. package/dist/components/Guido.vue2.js +73 -79
  4. package/dist/components/organisms/LoadingWrapper.vue.js +1 -1
  5. package/dist/components/organisms/header/RightSlot.vue.js +1 -1
  6. package/dist/components/organisms/header/RightSlot.vue2.js +20 -21
  7. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +18 -20
  8. package/dist/composables/useActionsApi.js +1 -1
  9. package/dist/composables/useGuidoActions.js +9 -19
  10. package/dist/composables/useHtmlCompiler.js +13 -15
  11. package/dist/composables/useHtmlValidator.js +35 -36
  12. package/dist/composables/useStripo.js +41 -47
  13. package/dist/config/compiler/unsubscribeCompilerRules.js +28 -33
  14. package/dist/enums/defaults.js +1 -2
  15. package/dist/enums/onboarding.js +3 -7
  16. package/dist/enums/unsubscribe.js +25 -27
  17. package/dist/extensions/Blocks/Checkbox/control.js +14 -15
  18. package/dist/extensions/Blocks/Checkbox/template.js +9 -14
  19. package/dist/extensions/Blocks/Items/block.js +43 -40
  20. package/dist/extensions/Blocks/Items/controls/button/link.js +17 -25
  21. package/dist/extensions/Blocks/Items/controls/cardComposition.js +57 -151
  22. package/dist/extensions/Blocks/Items/controls/image/link.js +20 -28
  23. package/dist/extensions/Blocks/Items/controls/name/trimming.js +22 -29
  24. package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +18 -25
  25. package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +8 -18
  26. package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +30 -37
  27. package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +14 -37
  28. package/dist/extensions/Blocks/Items/controls/settingsControl.js +130 -167
  29. package/dist/extensions/Blocks/Items/enums/controlEnums.js +2 -2
  30. package/dist/extensions/Blocks/Items/enums/productEnums.js +5 -98
  31. package/dist/extensions/Blocks/Items/enums/settingsEnums.js +7 -21
  32. package/dist/extensions/Blocks/Items/extension.js +8 -9
  33. package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +59 -57
  34. package/dist/extensions/Blocks/Items/layouts/vertical.html.js +61 -67
  35. package/dist/extensions/Blocks/Items/settingsPanel.js +43 -69
  36. package/dist/extensions/Blocks/Items/store/items-block.js +4 -12
  37. package/dist/extensions/Blocks/Items/template.js +63 -150
  38. package/dist/extensions/Blocks/RadioButton/control.js +17 -18
  39. package/dist/extensions/Blocks/RadioButton/template.js +9 -18
  40. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +1 -1
  41. package/dist/extensions/Blocks/Unsubscribe/block.js +41 -45
  42. package/dist/extensions/Blocks/common-control.js +125 -164
  43. package/dist/extensions/DynamicContent/dynamic-content-modal.js +19 -25
  44. package/dist/extensions/DynamicContent/dynamic-content.js +33 -128
  45. package/dist/guido.css +1 -1
  46. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +2 -12
  47. package/dist/node_modules/lodash-es/_arrayLikeKeys.js +12 -13
  48. package/dist/node_modules/lodash-es/keysIn.js +3 -3
  49. package/dist/package.json.js +1 -1
  50. package/dist/src/@types/generic.d.ts +6 -27
  51. package/dist/src/components/Guido.vue.d.ts +2 -3
  52. package/dist/src/composables/useGuidoActions.d.ts +0 -9
  53. package/dist/src/enums/onboarding.d.ts +0 -4
  54. package/dist/src/extensions/Blocks/Checkbox/template.d.ts +1 -1
  55. package/dist/src/extensions/Blocks/Items/block.d.ts +0 -15
  56. package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +7 -20
  57. package/dist/src/extensions/Blocks/Items/controls/price/currencySymbol.d.ts +0 -1
  58. package/dist/src/extensions/Blocks/Items/controls/price/hideDiscount.d.ts +1 -5
  59. package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +2 -8
  60. package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts +0 -1
  61. package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +0 -20
  62. package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts +0 -15
  63. package/dist/src/extensions/Blocks/Items/store/items-block.d.ts +1 -5
  64. package/dist/src/extensions/Blocks/Items/template.d.ts +1 -9
  65. package/dist/src/extensions/Blocks/RadioButton/template.d.ts +1 -1
  66. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +1 -1
  67. package/dist/src/extensions/Blocks/Unsubscribe/block.d.ts +4 -3
  68. package/dist/src/extensions/Blocks/common-control.d.ts +2 -25
  69. package/dist/src/extensions/DynamicContent/dynamic-content-modal.d.ts +2 -9
  70. package/dist/src/extensions/DynamicContent/dynamic-content.d.ts +2 -52
  71. package/dist/src/stores/config.d.ts +2 -3
  72. package/dist/src/stores/dynamic-content.d.ts +3 -3
  73. package/dist/src/stores/editor.d.ts +1 -1
  74. package/dist/src/stores/onboarding.d.ts +1 -335
  75. package/dist/src/stores/preview.d.ts +1 -1
  76. package/dist/src/stores/recommendation.d.ts +1 -1
  77. package/dist/src/stores/save-as-template.d.ts +1 -1
  78. package/dist/src/stores/toaster.d.ts +1 -1
  79. package/dist/src/stores/unsubscribe.d.ts +1 -1
  80. package/dist/src/stores/version-history.d.ts +1 -1
  81. package/dist/src/utils/genericUtil.d.ts +0 -1
  82. package/dist/stores/config.js +5 -5
  83. package/dist/stores/dynamic-content.js +2 -2
  84. package/dist/stores/editor.js +1 -1
  85. package/dist/stores/onboarding.js +36 -44
  86. package/dist/stores/preview.js +1 -1
  87. package/dist/stores/recommendation.js +3 -3
  88. package/dist/stores/save-as-template.js +2 -2
  89. package/dist/stores/toaster.js +1 -1
  90. package/dist/stores/unsubscribe.js +1 -1
  91. package/dist/stores/version-history.js +4 -4
  92. package/dist/utils/genericUtil.js +6 -17
  93. package/package.json +12 -7
  94. package/dist/components/organisms/onboarding/ItemsOnboarding.vue.js +0 -21
  95. package/dist/components/organisms/onboarding/ItemsOnboarding.vue2.js +0 -99
  96. package/dist/config/compiler/itemsCompilerRules.js +0 -14
  97. package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +0 -92
  98. package/dist/extensions/Blocks/Items/utils/configBlockUtils.js +0 -17
  99. package/dist/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.js +0 -28
  100. package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js +0 -76
  101. package/dist/extensions/Blocks/Items/utils/updateAttributes.js +0 -46
  102. package/dist/node_modules/lodash-es/_DataView.js +0 -6
  103. package/dist/node_modules/lodash-es/_Promise.js +0 -6
  104. package/dist/node_modules/lodash-es/_Set.js +0 -6
  105. package/dist/node_modules/lodash-es/_SetCache.js +0 -13
  106. package/dist/node_modules/lodash-es/_WeakMap.js +0 -6
  107. package/dist/node_modules/lodash-es/_arrayFilter.js +0 -10
  108. package/dist/node_modules/lodash-es/_arrayMap.js +0 -8
  109. package/dist/node_modules/lodash-es/_arrayPush.js +0 -8
  110. package/dist/node_modules/lodash-es/_arraySome.js +0 -9
  111. package/dist/node_modules/lodash-es/_baseEach.js +0 -6
  112. package/dist/node_modules/lodash-es/_baseFlatten.js +0 -13
  113. package/dist/node_modules/lodash-es/_baseForOwn.js +0 -8
  114. package/dist/node_modules/lodash-es/_baseGet.js +0 -11
  115. package/dist/node_modules/lodash-es/_baseGetAllKeys.js +0 -9
  116. package/dist/node_modules/lodash-es/_baseHasIn.js +0 -6
  117. package/dist/node_modules/lodash-es/_baseIsEqual.js +0 -8
  118. package/dist/node_modules/lodash-es/_baseIsEqualDeep.js +0 -32
  119. package/dist/node_modules/lodash-es/_baseIsMatch.js +0 -29
  120. package/dist/node_modules/lodash-es/_baseIteratee.js +0 -11
  121. package/dist/node_modules/lodash-es/_baseKeys.js +0 -14
  122. package/dist/node_modules/lodash-es/_baseMap.js +0 -11
  123. package/dist/node_modules/lodash-es/_baseMatches.js +0 -12
  124. package/dist/node_modules/lodash-es/_baseMatchesProperty.js +0 -17
  125. package/dist/node_modules/lodash-es/_baseProperty.js +0 -8
  126. package/dist/node_modules/lodash-es/_basePropertyDeep.js +0 -9
  127. package/dist/node_modules/lodash-es/_baseRange.js +0 -9
  128. package/dist/node_modules/lodash-es/_baseToString.js +0 -18
  129. package/dist/node_modules/lodash-es/_baseTrim.js +0 -8
  130. package/dist/node_modules/lodash-es/_cacheHas.js +0 -6
  131. package/dist/node_modules/lodash-es/_castPath.js +0 -10
  132. package/dist/node_modules/lodash-es/_createBaseEach.js +0 -15
  133. package/dist/node_modules/lodash-es/_createRange.js +0 -11
  134. package/dist/node_modules/lodash-es/_equalArrays.js +0 -40
  135. package/dist/node_modules/lodash-es/_equalByTag.js +0 -45
  136. package/dist/node_modules/lodash-es/_equalObjects.js +0 -36
  137. package/dist/node_modules/lodash-es/_getAllKeys.js +0 -9
  138. package/dist/node_modules/lodash-es/_getMatchData.js +0 -12
  139. package/dist/node_modules/lodash-es/_getSymbols.js +0 -10
  140. package/dist/node_modules/lodash-es/_getTag.js +0 -28
  141. package/dist/node_modules/lodash-es/_hasPath.js +0 -19
  142. package/dist/node_modules/lodash-es/_isFlattenable.js +0 -10
  143. package/dist/node_modules/lodash-es/_isKey.js +0 -12
  144. package/dist/node_modules/lodash-es/_isStrictComparable.js +0 -7
  145. package/dist/node_modules/lodash-es/_mapToArray.js +0 -9
  146. package/dist/node_modules/lodash-es/_matchesStrictComparable.js +0 -8
  147. package/dist/node_modules/lodash-es/_memoizeCapped.js +0 -11
  148. package/dist/node_modules/lodash-es/_nativeKeys.js +0 -5
  149. package/dist/node_modules/lodash-es/_setCacheAdd.js +0 -7
  150. package/dist/node_modules/lodash-es/_setCacheHas.js +0 -6
  151. package/dist/node_modules/lodash-es/_setToArray.js +0 -9
  152. package/dist/node_modules/lodash-es/_stringToPath.js +0 -10
  153. package/dist/node_modules/lodash-es/_toKey.js +0 -10
  154. package/dist/node_modules/lodash-es/_trimmedEndIndex.js +0 -9
  155. package/dist/node_modules/lodash-es/flatMap.js +0 -8
  156. package/dist/node_modules/lodash-es/get.js +0 -8
  157. package/dist/node_modules/lodash-es/hasIn.js +0 -8
  158. package/dist/node_modules/lodash-es/isSymbol.js +0 -9
  159. package/dist/node_modules/lodash-es/keys.js +0 -9
  160. package/dist/node_modules/lodash-es/map.js +0 -11
  161. package/dist/node_modules/lodash-es/property.js +0 -10
  162. package/dist/node_modules/lodash-es/range.js +0 -5
  163. package/dist/node_modules/lodash-es/stubArray.js +0 -6
  164. package/dist/node_modules/lodash-es/toFinite.js +0 -14
  165. package/dist/node_modules/lodash-es/toNumber.js +0 -22
  166. package/dist/node_modules/lodash-es/toString.js +0 -7
  167. package/dist/src/components/organisms/onboarding/ItemsOnboarding.vue.d.ts +0 -2
  168. package/dist/src/config/compiler/itemsCompilerRules.d.ts +0 -2
  169. package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +0 -15
  170. package/dist/src/extensions/Blocks/Items/utils/configBlockUtils.d.ts +0 -23
  171. package/dist/src/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.d.ts +0 -32
  172. package/dist/src/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.d.ts +0 -50
  173. package/dist/src/extensions/Blocks/Items/utils/updateAttributes.d.ts +0 -8
  174. package/dist/src/utils/environmentUtil.d.ts +0 -5
  175. package/dist/src/utils/pairProductVariables.d.ts +0 -7
  176. package/dist/utils/environmentUtil.js +0 -4
  177. package/dist/utils/pairProductVariables.js +0 -136
@@ -1,8 +1,8 @@
1
1
  import { removeDuplicatesFromArray as n } from "../utils/arrayUtil.js";
2
2
  import { defineStore as a } from "pinia";
3
- const s = a("guidoDynamicContent", {
3
+ const s = a("dynamicContent", {
4
4
  state: () => ({
5
- selectedDynamicContent: { text: "", value: "" },
5
+ selectedDynamicContent: { text: "", value: "", fallback: "" },
6
6
  selectedDynamicContentList: []
7
7
  }),
8
8
  actions: {
@@ -1,5 +1,5 @@
1
1
  import { defineStore as e } from "pinia";
2
- const o = e("guidoEditor", {
2
+ const o = e("editor", {
3
3
  state: () => ({
4
4
  loadingStatus: !0,
5
5
  isCodeEditorOpen: !1,
@@ -1,67 +1,59 @@
1
- import { useOnboardingApi as r } from "../services/onboardingApi.js";
2
- import { defineStore as e } from "pinia";
3
- const t = () => ({
1
+ import { useOnboardingApi as t } from "../services/onboardingApi.js";
2
+ import { defineStore as s } from "pinia";
3
+ const e = () => ({
4
4
  cardIndex: 0,
5
5
  isActive: !1,
6
6
  config: []
7
7
  }), a = () => ({
8
8
  onboardings: {
9
- newVersionPopup: t(),
10
- genericOnboarding: t(),
11
- textBlockOnboarding: t(),
12
- versionHistoryOnboarding: t(),
13
- ampOnboarding: t(),
14
- itemsOnboarding: t()
9
+ newVersionPopup: e(),
10
+ genericOnboarding: e(),
11
+ textBlockOnboarding: e(),
12
+ versionHistoryOnboarding: e(),
13
+ ampOnboarding: e()
15
14
  },
16
15
  userModalState: {},
17
16
  isFetched: !1
18
- }), c = e("guidoOnboarding", {
17
+ }), g = s("onboarding", {
19
18
  state: () => a(),
20
19
  getters: {
21
- getOnboarding: (n) => (i) => n.onboardings[i],
22
- isActive: (n) => (i) => n.onboardings[i].isActive,
23
- getCurrentCard: (n) => (i) => {
24
- const o = n.onboardings[i];
25
- return o.config[o.cardIndex];
20
+ getOnboarding: (n) => (o) => n.onboardings[o],
21
+ isActive: (n) => (o) => n.onboardings[o].isActive,
22
+ getCurrentCard: (n) => (o) => {
23
+ const i = n.onboardings[o];
24
+ return i.config[i.cardIndex];
26
25
  },
27
26
  getGenericCurrentCard: (n) => {
28
- const { genericOnboarding: i } = n.onboardings;
29
- return i.config[i.cardIndex];
27
+ const { genericOnboarding: o } = n.onboardings;
28
+ return o.config[o.cardIndex];
30
29
  },
31
30
  getTextBlockCurrentCard: (n) => {
32
- const { textBlockOnboarding: i } = n.onboardings;
33
- return i.config[i.cardIndex];
31
+ const { textBlockOnboarding: o } = n.onboardings;
32
+ return o.config[o.cardIndex];
34
33
  },
35
34
  getVersionHistoryCurrentCard: (n) => {
36
- const { versionHistoryOnboarding: i } = n.onboardings;
37
- return i.config[i.cardIndex];
35
+ const { versionHistoryOnboarding: o } = n.onboardings;
36
+ return o.config[o.cardIndex];
38
37
  },
39
38
  getAmpCurrentCard: (n) => {
40
- const { ampOnboarding: i } = n.onboardings;
41
- return i.config[i.cardIndex];
42
- },
43
- getItemsCurrentCard: (n) => {
44
- const { itemsOnboarding: i } = n.onboardings;
45
- return i.config[i.cardIndex];
39
+ const { ampOnboarding: o } = n.onboardings;
40
+ return o.config[o.cardIndex];
46
41
  },
47
- shouldShowOnboarding: (n) => (i) => {
48
- const o = n.userModalState.Guido;
49
- return i === "newVersionPopup" && (o != null && o.genericOnboarding) ? !1 : o ? !o[i] : !0;
42
+ shouldShowOnboarding: (n) => (o) => {
43
+ const i = n.userModalState.Guido;
44
+ return o === "newVersionPopup" && (i != null && i.genericOnboarding) ? !1 : i ? !i[o] : !0;
50
45
  }
51
46
  },
52
47
  actions: {
53
48
  closeOtherOnboardings(n) {
54
- Object.keys(this.onboardings).forEach((i) => {
55
- const o = i;
56
- o !== n && this.onboardings[o].isActive && (this.onboardings[o].isActive = !1, this.onboardings[o].cardIndex = 0, this.onboardings[o].config = []);
49
+ Object.keys(this.onboardings).forEach((o) => {
50
+ const i = o;
51
+ i !== n && this.onboardings[i].isActive && (this.onboardings[i].isActive = !1, this.onboardings[i].cardIndex = 0, this.onboardings[i].config = []);
57
52
  });
58
53
  },
59
54
  start(n) {
60
55
  this.closeOtherOnboardings(n), this.onboardings[n].cardIndex = 0, this.onboardings[n].isActive = !0;
61
56
  },
62
- startOnboarding(n) {
63
- this.shouldShowOnboarding(n) && !this.isActive(n) && this.start(n);
64
- },
65
57
  async close(n) {
66
58
  await this.setUserModalState(n, "true", "Guido"), this.onboardings[n].isActive = !1, this.onboardings[n].cardIndex = 0, this.onboardings[n].config = [];
67
59
  },
@@ -71,8 +63,8 @@ const t = () => ({
71
63
  previous(n) {
72
64
  this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
73
65
  },
74
- setConfig(n, i) {
75
- this.onboardings[n].config = i ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
66
+ setConfig(n, o) {
67
+ this.onboardings[n].config = o ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
76
68
  },
77
69
  async onDiscoverNowClicked() {
78
70
  await this.setUserModalState("newVersionPopup", "true", "Guido"), await this.setUserModalState("genericOnboarding", "true", "Guido"), this.start("genericOnboarding");
@@ -89,15 +81,15 @@ const t = () => ({
89
81
  async fetchUserModalState() {
90
82
  if (this.isFetched)
91
83
  return;
92
- const { fetchUserModalState: n } = r(), i = await n();
93
- this.userModalState = i, this.isFetched = !0;
84
+ const { fetchUserModalState: n } = t(), o = await n();
85
+ this.userModalState = o, this.isFetched = !0;
94
86
  },
95
- async setUserModalState(n, i, o) {
96
- const { setUserModalState: s } = r();
97
- await s(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
87
+ async setUserModalState(n, o, i) {
88
+ const { setUserModalState: r } = t();
89
+ await r(n, o, i), this.isFetched = !1, await this.fetchUserModalState();
98
90
  }
99
91
  }
100
92
  });
101
93
  export {
102
- c as useOnboardingStore
94
+ g as useOnboardingStore
103
95
  };
@@ -6,7 +6,7 @@ const s = () => ({
6
6
  templateHtml: "",
7
7
  isLoaded: !1,
8
8
  isAMPErrorModalVisible: !1
9
- }), a = e("guidoPreview", {
9
+ }), a = e("preview", {
10
10
  state: () => s(),
11
11
  getters: {
12
12
  isAMPModeEnabled: (t) => t.emailFormat === "AMP",
@@ -1,8 +1,8 @@
1
1
  import { defineStore as e } from "pinia";
2
- const o = () => ({
2
+ const t = () => ({
3
3
  recommendationConfigs: []
4
- }), n = e("guidoRecommendation", {
5
- state: () => o()
4
+ }), n = e("recommendation", {
5
+ state: () => t()
6
6
  });
7
7
  export {
8
8
  n as useRecommendationStore
@@ -17,7 +17,7 @@ const r = () => ({
17
17
  editor: 2,
18
18
  message: 1
19
19
  }
20
- }), g = i("guidoSaveAsTemplate", {
20
+ }), n = i("saveAsTemplate", {
21
21
  state: () => r(),
22
22
  getters: {
23
23
  getTemplateName: (e) => e.templateName.trim(),
@@ -44,5 +44,5 @@ const r = () => ({
44
44
  }
45
45
  });
46
46
  export {
47
- g as useSaveAsTemplateStore
47
+ n as useSaveAsTemplateStore
48
48
  };
@@ -8,7 +8,7 @@ const a = () => ({
8
8
  withIcon: !0,
9
9
  withoutLeftMargin: !1,
10
10
  actionButton: void 0
11
- }), u = i("guidoToaster", {
11
+ }), u = i("toaster", {
12
12
  state: () => a(),
13
13
  getters: {
14
14
  shouldAutoHide: (t) => t.status && !!t.text
@@ -12,7 +12,7 @@ const p = () => ({
12
12
  typeSelectionDrawerStatus: !1,
13
13
  isGlobalUnsubscribeDisabled: !1,
14
14
  isSubscriptionPreferencesCenterDisabled: !1
15
- }), g = d("guidoUnsubscribe", {
15
+ }), g = d("unsubscribe", {
16
16
  state: () => p(),
17
17
  getters: {
18
18
  getSelectedCollection: (e) => i[e.selectedCollectionType],
@@ -5,13 +5,13 @@ const e = () => ({
5
5
  description: "",
6
6
  authorId: "",
7
7
  authorName: ""
8
- }), i = () => ({
8
+ }), r = () => ({
9
9
  previousPatch: e(),
10
10
  currentPatch: e(),
11
11
  nextPatch: e(),
12
12
  editorVisualMode: "desktop"
13
- }), r = a("guidoVersionHistory", {
14
- state: () => i(),
13
+ }), o = a("versionHistory", {
14
+ state: () => r(),
15
15
  getters: {
16
16
  hasPreviousPatch: (t) => !!t.previousPatch.id,
17
17
  hasCurrentPatch: (t) => !!t.currentPatch.id,
@@ -24,5 +24,5 @@ const e = () => ({
24
24
  }
25
25
  });
26
26
  export {
27
- r as useVersionHistoryStore
27
+ o as useVersionHistoryStore
28
28
  };
@@ -1,25 +1,14 @@
1
- const f = (t) => {
2
- const n = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [r] = n, e = {
3
- text: t.label,
4
- value: r || ""
5
- };
6
- if (n.length >= 2) {
7
- const [, l, o] = n, c = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
8
- c ? e.format = c : o || (e.fallback = l), o && (e.fallback = o);
9
- }
10
- return e;
11
- }, s = (t) => t.map((a) => a.format ? {
1
+ const e = (l) => l.map((a) => a.format ? {
12
2
  label: `${a.text} | ${a.format.key}=${a.format.value}`,
13
3
  value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
14
4
  } : {
15
5
  label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
16
6
  value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
17
- }), u = () => {
18
- var t;
19
- return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
7
+ }), r = () => {
8
+ var l;
9
+ return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
20
10
  };
21
11
  export {
22
- s as dynamicContentToMergeTags,
23
- u as getCsrfToken,
24
- f as mergeTagToDynamicContent
12
+ e as dynamicContentToMergeTags,
13
+ r as getCsrfToken
25
14
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "1.0.3-beta.cdff8ce",
3
+ "version": "1.0.3-beta.ce3ed00",
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",
@@ -27,11 +27,18 @@
27
27
  "test:visual-update": "npx playwright test --update-snapshots --reporter html",
28
28
  "prepare": "husky"
29
29
  },
30
- "keywords": [],
30
+ "keywords": [
31
+ "vue",
32
+ "typescript",
33
+ "email",
34
+ "editor",
35
+ "stripo",
36
+ "useinsider"
37
+ ],
31
38
  "author": "",
32
39
  "license": "ISC",
33
40
  "dependencies": {
34
- "@stripoinc/ui-editor-extensions": "3.3.0",
41
+ "@stripoinc/ui-editor-extensions": "3.2.0",
35
42
  "@useinsider/design-system-vue": "0.14.20",
36
43
  "@vueuse/core": "11.3.0",
37
44
  "lodash-es": "4.17.21",
@@ -41,12 +48,10 @@
41
48
  "vue": "2.7.14"
42
49
  },
43
50
  "devDependencies": {
44
- "@commitlint/cli": "20.2.0",
45
- "@commitlint/config-conventional": "20.2.0",
46
51
  "@cspell/eslint-plugin": "8.17.5",
47
52
  "@eslint/eslintrc": "3.3.0",
48
53
  "@eslint/js": "8.57.1",
49
- "@playwright/test": "1.57.0",
54
+ "@playwright/test": "1.55.0",
50
55
  "@stylistic/eslint-plugin": "3.1.0",
51
56
  "@stylistic/eslint-plugin-migrate": "3.1.0",
52
57
  "@types/eslint": "8.56.12",
@@ -85,7 +90,7 @@
85
90
  },
86
91
  "guido": {
87
92
  "stripo": {
88
- "version": "2.47.0"
93
+ "version": "2.42.0"
89
94
  }
90
95
  }
91
96
  }
@@ -1,21 +0,0 @@
1
- import g from "./ItemsOnboarding.vue2.js";
2
- /* empty css */
3
- import m from "../../../_virtual/_plugin-vue2_normalizer.js";
4
- var l = function() {
5
- var e, n, r, i, s, a;
6
- var o = this, d = o._self._c, t = o._self._setupProxy;
7
- return t.isVisible ? d(t.InOnboard, { key: "guido__items-onboard", staticClass: "w-21-s p-a z-11", class: (e = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : e.classes, attrs: { id: "guido__items-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : n.bottom, "left-position": (r = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : r.left, "pages-config": t.onboardingStore.onboardings.itemsOnboarding.config, "pointer-position": (i = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : i.position, "right-position": (s = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : s.right, "top-position": (a = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : a.top }, on: { backButtonClick: t.handleBack, close: function(b) {
8
- return t.onboardingStore.close("itemsOnboarding");
9
- }, nextButtonClick: t.handleNext } }) : o._e();
10
- }, c = [], p = /* @__PURE__ */ m(
11
- g,
12
- l,
13
- c,
14
- !1,
15
- null,
16
- "dd1a237a"
17
- );
18
- const I = p.exports;
19
- export {
20
- I as default
21
- };
@@ -1,99 +0,0 @@
1
- import { defineComponent as l, computed as a, watch as u } from "vue";
2
- import { useTranslations as x } from "../../../composables/useTranslations.js";
3
- import { RIBBON_SELECTOR as T, UI_EDITOR_SELECTOR as O, CARD_COMPOSITION_TAB_SELECTOR as B, SETTINGS_TAB_SELECTOR as f } from "../../../enums/onboarding.js";
4
- import { useOnboardingStore as C } from "../../../stores/onboarding.js";
5
- import { InOnboard as k } from "@useinsider/design-system-vue";
6
- const E = /* @__PURE__ */ l({
7
- __name: "ItemsOnboarding",
8
- setup(_) {
9
- const e = x(), o = C(), c = a(() => {
10
- const t = document.querySelector(T);
11
- return (t == null ? void 0 : t.offsetHeight) ?? 0;
12
- }), n = (t) => `${t + c.value}px`, r = (t) => {
13
- const i = document.querySelector(O);
14
- if (!(i != null && i.shadowRoot))
15
- return;
16
- const { shadowRoot: s } = i, m = s.querySelector(t);
17
- m && m.click();
18
- }, d = a(() => [
19
- {
20
- classes: "guido-items-onboarding-card-1",
21
- right: "426px",
22
- top: n(90),
23
- position: "Right Top",
24
- title: e("email-editor.onboarding-items-title"),
25
- description: e("email-editor.onboarding-items-description"),
26
- imageSource: "",
27
- backButtonClick: () => {
28
- },
29
- nextButtonType: "text",
30
- nextButtonText: e("products.next"),
31
- nextButtonClick: () => {
32
- o.next("itemsOnboarding");
33
- }
34
- },
35
- {
36
- classes: "guido-items-onboarding-card-2",
37
- right: "426px",
38
- top: n(218),
39
- position: "Right Top",
40
- title: e("email-editor.onboarding-items-item-type-title"),
41
- description: e("email-editor.onboarding-items-item-type-description"),
42
- imageSource: "",
43
- backButtonType: "text",
44
- backButtonText: e("ds-steps.back"),
45
- backButtonClick: () => {
46
- o.previous("itemsOnboarding");
47
- },
48
- nextButtonType: "text",
49
- nextButtonText: e("products.next"),
50
- nextButtonClick: () => {
51
- o.next("itemsOnboarding");
52
- }
53
- },
54
- {
55
- classes: "guido-items-onboarding-card-3",
56
- right: "426px",
57
- top: n(140),
58
- position: "Right Top",
59
- title: e("email-editor.onboarding-items-composition-title"),
60
- description: e("email-editor.onboarding-items-composition-description"),
61
- imageSource: "",
62
- backButtonType: "text",
63
- backButtonText: e("ds-steps.back"),
64
- backButtonClick: () => {
65
- o.previous("itemsOnboarding");
66
- },
67
- nextButtonType: "text",
68
- nextButtonText: e("action-builder.ok"),
69
- nextButtonClick: () => {
70
- o.close("itemsOnboarding");
71
- }
72
- }
73
- ]), g = a(() => o.onboardings.itemsOnboarding.config.length > 0 && o.onboardings.itemsOnboarding.isActive), p = () => {
74
- var t, i;
75
- (i = (t = o.getItemsCurrentCard) == null ? void 0 : t.nextButtonClick) == null || i.call(t);
76
- }, b = () => {
77
- var t, i;
78
- (i = (t = o.getItemsCurrentCard) == null ? void 0 : t.backButtonClick) == null || i.call(t);
79
- };
80
- return u(
81
- () => o.isActive("itemsOnboarding"),
82
- (t) => {
83
- t && o.setConfig("itemsOnboarding", d.value);
84
- },
85
- { immediate: !0 }
86
- ), u(
87
- () => o.onboardings.itemsOnboarding.cardIndex,
88
- (t, i) => {
89
- if (!o.isActive("itemsOnboarding"))
90
- return;
91
- const s = `${i}-${t}`;
92
- s === "1-2" && r(B), s === "2-1" && r(f);
93
- }
94
- ), { __sfc: !0, trans: e, onboardingStore: o, ribbonOffset: c, getTopPosition: n, switchTab: r, onboardingCardsConfig: d, isVisible: g, handleNext: p, handleBack: b, InOnboard: k };
95
- }
96
- });
97
- export {
98
- E as default
99
- };
@@ -1,14 +0,0 @@
1
- import { pairProductVariables as r } from "../../utils/pairProductVariables.js";
2
- const t = [
3
- {
4
- id: "pair-product-variables",
5
- description: "Replace product default values with template variables",
6
- type: "custom",
7
- processor: r,
8
- priority: 60
9
- // After recommendation rules (priority 50-53)
10
- }
11
- ];
12
- export {
13
- t as itemsCompilerRules
14
- };
@@ -1,92 +0,0 @@
1
- var I = Object.defineProperty;
2
- var y = (n, o, t) => o in n ? I(n, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[o] = t;
3
- var m = (n, o, t) => y(n, typeof o != "symbol" ? o + "" : o, t);
4
- import { ModificationDescription as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
5
- import { CommonControl as E } from "../../../common-control.js";
6
- import { ItemsBlockControlId as O } from "../../enums/controlEnums.js";
7
- import { SETTINGS_ENUMS as N } from "../../enums/settingsEnums.js";
8
- import { useItemsBlockStore as f } from "../../store/items-block.js";
9
- import { syncPriceOrientationFromAttributes as T } from "../../utils/syncAttributesFromConfigBlock.js";
10
- import { updateConfigBlockAttributes as P } from "../../utils/updateAttributes.js";
11
- const _ = O.PRICE_ORIENTATION, p = {
12
- PRICE_ORIENTATION: "priceOrientation"
13
- }, C = [
14
- { icon: "vertical-orientation", value: "vertical" },
15
- { icon: "horizontal-orientation", value: "horizontal" }
16
- ];
17
- class v extends E {
18
- constructor() {
19
- super(...arguments);
20
- m(this, "store", f());
21
- }
22
- getId() {
23
- return _;
24
- }
25
- getTemplate() {
26
- return `
27
- <div class="${O.PRICE_ORIENTATION}">
28
- ${this._getPriceOrientation()}
29
- </div>
30
- `;
31
- }
32
- onRender() {
33
- this.api.updateValues({ [p.PRICE_ORIENTATION]: this.store.priceOrientation }), this.api.onValueChanged(p.PRICE_ORIENTATION, (t) => {
34
- this._onPriceOrientationChange(t);
35
- });
36
- }
37
- onTemplateNodeUpdated(t) {
38
- super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(
39
- () => {
40
- T(this.currentNode);
41
- },
42
- () => {
43
- this.api.updateValues({ [p.PRICE_ORIENTATION]: this.store.priceOrientation });
44
- }
45
- );
46
- }
47
- _onPriceOrientationChange(t) {
48
- if (console.debug("Price orientation changed to: ", t), this.store.setPriceOrientation(t), P(this.currentNode, this.api), !this.currentNode)
49
- return;
50
- const { orientation: i } = this.store, r = i === N.ORIENTATION.VERTICAL, e = t === "horizontal";
51
- r ? this._updateVerticalLayout(e) : this._updateHorizontalLayout(e);
52
- }
53
- _updateHorizontalLayout(t) {
54
- var c, l, d, a;
55
- const i = ((l = (c = this.currentNode) == null ? void 0 : c.closest(".ins-product-td")) == null ? void 0 : l.querySelectorAll(".product-price-class")) || [], r = ((a = (d = this.currentNode) == null ? void 0 : d.closest(".ins-product-td")) == null ? void 0 : a.querySelectorAll(".product-original-price-class")) || [];
56
- if (!i || !r)
57
- return;
58
- const e = t ? "50%" : "100%", s = this.api.getDocumentModifier();
59
- i.forEach((u) => {
60
- s.modifyHtml(u).setAttribute("width", e).setStyle("width", e);
61
- }), r.forEach((u) => {
62
- s.modifyHtml(u).setAttribute("width", e).setStyle("width", e);
63
- }), s.apply(new h(`Updated original price element width to ${e}`));
64
- }
65
- _updateVerticalLayout(t) {
66
- var s, c, l, d;
67
- const i = ((c = (s = this.currentNode) == null ? void 0 : s.closest(".ins-product-td")) == null ? void 0 : c.querySelectorAll(".horizontal-price")) || [], r = (d = (l = this.currentNode) == null ? void 0 : l.closest(".ins-product-td")) == null ? void 0 : d.querySelector(".vertical-price");
68
- if (!i || !r || i.length === 0)
69
- return;
70
- const e = this.api.getDocumentModifier();
71
- t ? (i.forEach((a) => {
72
- e.modifyHtml(a).setStyle("display", "table-cell");
73
- }), e.modifyHtml(r).setStyle("display", "none").apply(new h("Hide vertical price element"))) : (i.forEach((a) => {
74
- e.modifyHtml(a).setStyle("display", "none");
75
- }), e.modifyHtml(r).setStyle("display", "table-cell").apply(new h("Show vertical price element")));
76
- }
77
- _getPriceOrientation() {
78
- return `
79
- ${this._GuTwoColumns([
80
- this._GuLabel({ text: "Price Orientation" }),
81
- this._GuRadioButton({
82
- name: p.PRICE_ORIENTATION,
83
- buttons: C
84
- })
85
- ])}
86
- `;
87
- }
88
- }
89
- export {
90
- _ as CONTROL_BLOCK_ID,
91
- v as PriceOrientationControl
92
- };
@@ -1,17 +0,0 @@
1
- function r(t) {
2
- if (!t)
3
- return null;
4
- const n = t.closest(".items-block-v2");
5
- return n ? n.querySelector("esd-config-block") : null;
6
- }
7
- function o(t, n = !1) {
8
- return t == null ? n : t === "1" || t === "true";
9
- }
10
- function e(t, n = "") {
11
- return t || n;
12
- }
13
- export {
14
- o as attributeToBoolean,
15
- e as attributeToString,
16
- r as getConfigBlock
17
- };
@@ -1,28 +0,0 @@
1
- import { configAttributes as i } from "../enums/productEnums.js";
2
- import { getConfigBlock as c, attributeToBoolean as u, attributeToString as a } from "./configBlockUtils.js";
3
- function l(r, t) {
4
- const e = c(r);
5
- if (!e)
6
- return;
7
- const o = e.getAttribute(i[t.attributeName]), n = t.converter(o);
8
- t.storeSetter(n);
9
- }
10
- function b(r, t, e = !1) {
11
- return {
12
- attributeName: r,
13
- storeSetter: t,
14
- converter: (o) => u(o, e)
15
- };
16
- }
17
- function s(r, t, e = "") {
18
- return {
19
- attributeName: r,
20
- storeSetter: t,
21
- converter: (o) => a(o, e)
22
- };
23
- }
24
- export {
25
- b as createBooleanSyncConfig,
26
- s as createStringSyncConfig,
27
- l as syncAttributeFromConfigBlock
28
- };
@@ -1,76 +0,0 @@
1
- import { useItemsBlockStore as e } from "../store/items-block.js";
2
- import { syncAttributeFromConfigBlock as r, createBooleanSyncConfig as i, createStringSyncConfig as s } from "./syncAttributeFromConfigBlock.js";
3
- function m(t) {
4
- const o = e(), n = i(
5
- "PRODUCT_NAME_TRIMMING",
6
- (c) => o.setNameTrimming(c),
7
- !1
8
- );
9
- r(t, n);
10
- }
11
- function f(t) {
12
- const o = e(), n = i(
13
- "PRODUCT_PRICE_HIDE_DISCOUNT",
14
- (c) => o.setHideDiscount(c),
15
- !1
16
- );
17
- r(t, n);
18
- }
19
- function R(t) {
20
- const o = e(), n = i(
21
- "PRODUCT_PRICE_FORMATTED",
22
- (c) => o.setFormattedPrice(c),
23
- !0
24
- );
25
- r(t, n);
26
- }
27
- function O(t) {
28
- const o = e(), n = s(
29
- "PRODUCT_PRICE_CURRENCY_SYMBOL",
30
- (c) => o.setCurrencySymbol(c),
31
- ""
32
- );
33
- r(t, n);
34
- }
35
- function _(t) {
36
- const o = e(), n = s(
37
- "PRODUCT_PRICE_CURRENCY_LOCATION",
38
- (c) => o.setCurrencyLocation(c),
39
- "0"
40
- );
41
- r(t, n);
42
- }
43
- function I(t) {
44
- const o = e(), n = s(
45
- "PRODUCT_BUTTON_LINK",
46
- (c) => o.setButtonLink(c),
47
- ""
48
- );
49
- r(t, n);
50
- }
51
- function T(t) {
52
- const o = e(), n = s(
53
- "PRODUCT_IMAGE_LINK",
54
- (c) => o.setImageLink(c),
55
- ""
56
- );
57
- r(t, n);
58
- }
59
- function y(t) {
60
- const o = e(), n = s(
61
- "PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION",
62
- (c) => o.setPriceOrientation(c),
63
- "horizontal"
64
- );
65
- r(t, n);
66
- }
67
- export {
68
- I as syncButtonLinkFromAttributes,
69
- _ as syncCurrencyLocationFromAttributes,
70
- O as syncCurrencySymbolFromAttributes,
71
- R as syncFormattedPriceFromAttributes,
72
- f as syncHideDiscountFromAttributes,
73
- T as syncImageLinkFromAttributes,
74
- m as syncNameTrimmingFromAttributes,
75
- y as syncPriceOrientationFromAttributes
76
- };