@useinsider/guido 3.16.0-beta.0faee0c → 3.16.0-beta.1e0297e

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.
@@ -16,22 +16,22 @@ import { useEditorStore as b } from "../stores/editor.js";
16
16
  import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../utils/genericUtil.js";
17
17
  import Z from "../package.json.js";
18
18
  let n = null;
19
- const Ce = () => {
20
- const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: B } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
19
+ const Ct = () => {
20
+ const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: T, getCustomFonts: v, getSyncModulesStatus: B } = K(), { handleEvent: F } = z(), { handleModuleAdd: M } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
21
21
  var l;
22
22
  if (document.getElementById("UiEditorScript")) {
23
23
  i();
24
24
  return;
25
25
  }
26
- const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, e = document.createElement("script");
27
- e.id = "UiEditorScript", e.type = "module", e.src = r, e.onload = () => i(), e.onerror = () => {
28
- e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
29
- }, document.body.appendChild(e);
26
+ const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, t = document.createElement("script");
27
+ t.id = "UiEditorScript", t.type = "module", t.src = r, t.onload = () => i(), t.onerror = () => {
28
+ t.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
29
+ }, document.body.appendChild(t);
30
30
  }), n.catch(() => {
31
31
  n = null;
32
32
  }), n), _ = async (i, s, o, a = [], r = !1) => {
33
33
  var y, E, h, C;
34
- const e = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
34
+ const t = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
35
35
  await window.UIEditor.initEditor(
36
36
  document.querySelector("#guido-editor"),
37
37
  {
@@ -57,7 +57,6 @@ const Ce = () => {
57
57
  messageSettingsEnabled: !0,
58
58
  displayGmailAnnotations: !0,
59
59
  displayHiddenPreheader: !1,
60
- keepModuleStylesEnabled: !0,
61
60
  displayTitle: !1,
62
61
  displayUTM: !1,
63
62
  selectElementAfterDrop: !0,
@@ -78,38 +77,38 @@ const Ce = () => {
78
77
  )
79
78
  }
80
79
  ],
81
- async onTokenRefreshRequest(t) {
80
+ async onTokenRefreshRequest(e) {
82
81
  try {
83
- const d = await M();
84
- t(d);
82
+ const d = await T();
83
+ e(d);
85
84
  } catch (d) {
86
85
  p(d, "Failed to refresh token");
87
86
  }
88
87
  },
89
88
  onTemplateLoaded() {
90
89
  try {
91
- const { importCss: t } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
92
- t(), d(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
93
- e.hasChanges = !1;
90
+ const { importCss: e } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
91
+ e(), d(), x(), I(), o.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
92
+ t.hasChanges = !1;
94
93
  }, 1e3);
95
- } catch (t) {
96
- p(t, "Failed to load custom interface appearance");
94
+ } catch (e) {
95
+ p(e, "Failed to load custom interface appearance");
97
96
  }
98
97
  },
99
- onCodeEditorVisibilityChanged(t) {
100
- e.isCodeEditorOpen = t;
98
+ onCodeEditorVisibilityChanged(e) {
99
+ t.isCodeEditorOpen = e;
101
100
  },
102
- onEditorVisualModeChanged(t) {
103
- e.editorVisualMode = t.toLowerCase();
101
+ onEditorVisualModeChanged(e) {
102
+ t.editorVisualMode = e.toLowerCase();
104
103
  },
105
- onVersionHistoryVisibilityChanged(t) {
106
- e.isVersionHistoryOpen = t;
104
+ onVersionHistoryVisibilityChanged(e) {
105
+ t.isVersionHistoryOpen = e;
107
106
  },
108
107
  onDataChanged() {
109
- e.hasChanges = !0;
108
+ t.hasChanges = !0;
110
109
  },
111
- onEvent: B,
112
- onModuleAdd: F,
110
+ onEvent: F,
111
+ onModuleAdd: M,
113
112
  notifications: V(),
114
113
  ignoreClickOutsideSelectors: [
115
114
  "#guido-dynamic-content-modal",
@@ -125,11 +124,11 @@ const Ce = () => {
125
124
  const a = b();
126
125
  try {
127
126
  await f();
128
- const [r, e] = await Promise.all([
129
- T(),
130
- v()
127
+ const [r, t] = await Promise.all([
128
+ v(),
129
+ B()
131
130
  ]);
132
- a.syncModulesEnabled = e, await _(i, s, o, r, e);
131
+ a.syncModulesEnabled = t, await _(i, s, o, r, t);
133
132
  } catch {
134
133
  a.loadingStatus = !1, k({
135
134
  type: X.Error,
@@ -146,5 +145,5 @@ const Ce = () => {
146
145
  } };
147
146
  };
148
147
  export {
149
- Ce as useStripo
148
+ Ct as useStripo
150
149
  };
@@ -381,7 +381,7 @@ class H {
381
381
  * Supports all block types by detecting prefix and using appropriate type:
382
382
  *
383
383
  * Examples:
384
- * - {{ins_apr_img_1}} → https://s3.../img_1.jpeg (CART_ITEMS)
384
+ * - {{ins_apr_img_1}} → https://web-image.useinsider.com/.../img_1.jpeg (CART_ITEMS)
385
385
  * - {{browsed_item_name_2}} → 'Set of Sprite Yoga Straps' (BROWSED_ITEMS)
386
386
  * - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
387
387
  */
@@ -1,15 +1,15 @@
1
- const e = 20, s = 320, t = "vertical", m = {
1
+ const e = 20, t = 320, s = "vertical", m = {
2
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"
3
+ ins_apr_img_1: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_1.png",
4
+ ins_apr_img_2: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_2.png",
5
+ ins_apr_img_3: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_3.png",
6
+ ins_apr_img_4: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_4.png"
7
7
  },
8
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"
9
+ browsed_item_img_1: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_1.jpg",
10
+ browsed_item_img_2: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_2.jpg",
11
+ browsed_item_img_3: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_3.jpg",
12
+ browsed_item_img_4: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_4.jpg"
13
13
  }
14
14
  }, i = {
15
15
  DISCOUNT: "discount",
@@ -23,7 +23,7 @@ const e = 20, s = 320, t = "vertical", m = {
23
23
  },
24
24
  ELSE: "{% else %}",
25
25
  END_IF: "{% endif %}"
26
- }, a = {
26
+ }, n = {
27
27
  ID: /recommendation-id="(.*?)"/gi,
28
28
  ATTRIBUTE_PARAGRAPH: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>[\S\s]*?<\/p>/gm,
29
29
  ATTRIBUTE_PARAGRAPH_START_TAG: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>/gm,
@@ -31,9 +31,9 @@ const e = 20, s = 320, t = "vertical", m = {
31
31
  CUSTOM_FIELD: /{{(?:reco_)?[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
32
32
  CUSTOM_FIELD_INDEXES_PART: /{{(?:reco_)?[0-9]+_[0-8]_/gm,
33
33
  CUSTOM_FIELD_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
34
- }, n = {
35
- PARAGRAPH_END_TAG: "</p>"
36
34
  }, o = {
35
+ PARAGRAPH_END_TAG: "</p>"
36
+ }, a = {
37
37
  REGULAR_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:90px!important;",
38
38
  TRIMMED_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:18px!important;",
39
39
  ELLIPSIS: "text-overflow:ellipsis!important; white-space:nowrap!important;",
@@ -47,11 +47,11 @@ const e = 20, s = 320, t = "vertical", m = {
47
47
  export {
48
48
  i as ATTRIBUTES,
49
49
  _ as CONDITIONS,
50
- o as CSS,
50
+ a as CSS,
51
51
  m as DUMMY_IMAGE_MAPPINGS,
52
52
  e as DefaultPadding,
53
- n as HTML,
54
- s as MinDeviceViewport,
55
- a as REGEX,
56
- t as VerticalOrientation
53
+ o as HTML,
54
+ t as MinDeviceViewport,
55
+ n as REGEX,
56
+ s as VerticalOrientation
57
57
  };
@@ -1,44 +1,44 @@
1
- import _ from "../../../../node_modules/lodash-es/flatMap.js";
2
- import E from "../../../../node_modules/lodash-es/range.js";
3
- const T = '<td align="center" class="ins-product-td items-block items-block-v2">', a = { PAIRS_FOR_EXTENSION: {
1
+ import E from "../../../../node_modules/lodash-es/flatMap.js";
2
+ import s from "../../../../node_modules/lodash-es/range.js";
3
+ const t = '<td align="center" class="ins-product-td items-block items-block-v2">', r = { PAIRS_FOR_EXTENSION: {
4
4
  imageSrc: {
5
5
  CART_ITEMS: {
6
6
  ATTR: "ins_apr_img",
7
7
  DEFAULT: [
8
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_1.jpeg",
9
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_2.webp",
10
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_3.jpeg",
11
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_4.jpeg",
12
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_5.jpeg",
13
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_6.jpeg",
14
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_7.jpeg",
15
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_8.jpeg"
8
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_1.jpeg",
9
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_2.webp",
10
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_3.jpeg",
11
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_4.jpeg",
12
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_5.jpeg",
13
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_6.jpeg",
14
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_7.jpeg",
15
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_8.jpeg"
16
16
  ]
17
17
  },
18
18
  BROWSED_ITEMS: {
19
19
  ATTR: "browsed_item_img",
20
20
  DEFAULT: [
21
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_1.jpeg",
22
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_2.webp",
23
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_3.jpeg",
24
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_4.jpeg",
25
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_5.jpeg",
26
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_6.jpeg",
27
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_7.jpeg",
28
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_8.jpeg"
21
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_1.jpeg",
22
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_2.webp",
23
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_3.jpeg",
24
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_4.jpeg",
25
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_5.jpeg",
26
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_6.jpeg",
27
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_7.jpeg",
28
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_8.jpeg"
29
29
  ]
30
30
  },
31
31
  PURCHASED_ITEMS: {
32
32
  ATTR: "purchased_item_img",
33
33
  DEFAULT: [
34
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_1.jpeg",
35
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_2.webp",
36
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_3.jpeg",
37
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_4.jpeg",
38
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_5.jpeg",
39
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_6.jpeg",
40
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_7.jpeg",
41
- "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_8.jpeg"
34
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_1.jpeg",
35
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_2.webp",
36
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_3.jpeg",
37
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_4.jpeg",
38
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_5.jpeg",
39
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_6.jpeg",
40
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_7.jpeg",
41
+ "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_8.jpeg"
42
42
  ]
43
43
  }
44
44
  },
@@ -211,27 +211,27 @@ const T = '<td align="center" class="ins-product-td items-block items-block-v2">
211
211
  }
212
212
  }
213
213
  } };
214
- function m(e, s = 8) {
215
- return E(1, s + 1).map((i) => `${e}_${i}`);
214
+ function a(e, i = 8) {
215
+ return s(1, i + 1).map((_) => `${e}_${_}`);
216
216
  }
217
- function r() {
218
- const { PAIRS_FOR_EXTENSION: e } = a, s = [];
219
- return s.push(
217
+ function R() {
218
+ const { PAIRS_FOR_EXTENSION: e } = r, i = [];
219
+ return i.push(
220
220
  e.imageSrc.CART_ITEMS.ATTR,
221
221
  e.imageSrc.BROWSED_ITEMS.ATTR,
222
222
  e.imageSrc.PURCHASED_ITEMS.ATTR
223
- ), s.push(
223
+ ), i.push(
224
224
  e.name.CART_ITEMS.ATTR,
225
225
  e.name.CART_ITEMS.HREF,
226
226
  e.name.BROWSED_ITEMS.ATTR,
227
227
  e.name.BROWSED_ITEMS.HREF,
228
228
  e.name.PURCHASED_ITEMS.ATTR,
229
229
  e.name.PURCHASED_ITEMS.HREF
230
- ), s.push(
230
+ ), i.push(
231
231
  e.quantity.CART_ITEMS.ATTR,
232
232
  e.quantity.BROWSED_ITEMS.ATTR,
233
233
  e.quantity.PURCHASED_ITEMS.ATTR
234
- ), s.push(
234
+ ), i.push(
235
235
  e.price.CART_ITEMS.PRICE,
236
236
  e.price.CART_ITEMS.PRICE_FORMATTED,
237
237
  e.price.CART_ITEMS.SINGLE_PRICE,
@@ -247,7 +247,7 @@ function r() {
247
247
  e.price.PURCHASED_ITEMS.SINGLE_PRICE,
248
248
  e.price.PURCHASED_ITEMS.SINGLE_PRICE_FORMATTED,
249
249
  e.price.PURCHASED_ITEMS.CURRENCY
250
- ), s.push(
250
+ ), i.push(
251
251
  e.originalPrice.CART_ITEMS.PRICE,
252
252
  e.originalPrice.CART_ITEMS.PRICE_FORMATTED,
253
253
  e.originalPrice.CART_ITEMS.SINGLE_PRICE,
@@ -263,22 +263,22 @@ function r() {
263
263
  e.originalPrice.PURCHASED_ITEMS.SINGLE_PRICE,
264
264
  e.originalPrice.PURCHASED_ITEMS.SINGLE_PRICE_FORMATTED,
265
265
  e.originalPrice.PURCHASED_ITEMS.CURRENCY
266
- ), s.push(
266
+ ), i.push(
267
267
  e.button.CART_ITEMS.HREF,
268
268
  e.button.BROWSED_ITEMS.HREF,
269
269
  e.button.PURCHASED_ITEMS.HREF
270
- ), s.push(
270
+ ), i.push(
271
271
  e.itemLink.CART_ITEMS.HREF,
272
272
  e.itemLink.BROWSED_ITEMS.HREF,
273
273
  e.itemLink.PURCHASED_ITEMS.HREF
274
- ), s;
274
+ ), i;
275
275
  }
276
- const o = _(
277
- r(),
278
- (e) => m(e)
276
+ const p = E(
277
+ R(),
278
+ (e) => a(e)
279
279
  );
280
280
  export {
281
- o as itemsBlockDynamicVariables,
282
- a as productPairs,
283
- T as templateFirstLine
281
+ p as itemsBlockDynamicVariables,
282
+ r as productPairs,
283
+ t as templateFirstLine
284
284
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "3.16.0-beta.0faee0c",
3
+ "version": "3.16.0-beta.1e0297e",
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",