@useinsider/guido 3.7.0-beta.509616e → 3.7.0-beta.516b778

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 (34) hide show
  1. package/dist/enums/toaster.js +1 -1
  2. package/dist/extensions/Blocks/Recommendation/block.js +16 -35
  3. package/dist/extensions/Blocks/Recommendation/validation/requiredFields.js +9 -9
  4. package/dist/src/enums/toaster.d.ts +1 -2
  5. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +0 -13
  6. package/dist/src/extensions/Blocks/Recommendation/validation/requiredFields.d.ts +2 -3
  7. package/dist/stores/dynamic-content.js +1 -1
  8. package/package.json +10 -1
  9. package/dist/extensions/Blocks/Recommendation/useRecommendationBlockWarning.js +0 -16
  10. package/dist/extensions/Blocks/Recommendation/utils/recommendationBlockCount.js +0 -9
  11. package/dist/src/composables/useApiExample.d.ts +0 -63
  12. package/dist/src/composables/useRecommendation.test.d.ts +0 -1
  13. package/dist/src/config/migrator/recommendation/compositionMapper.test.d.ts +0 -1
  14. package/dist/src/config/migrator/recommendation/extractors.test.d.ts +0 -1
  15. package/dist/src/config/migrator/recommendation/parseLegacyConfig.test.d.ts +0 -1
  16. package/dist/src/config/migrator/recommendation/settingsMapper.test.d.ts +0 -1
  17. package/dist/src/config/migrator/recommendation/themeMapper.test.d.ts +0 -1
  18. package/dist/src/config/migrator/recommendationMigrator.test.d.ts +0 -1
  19. package/dist/src/extensions/Blocks/Recommendation/block.test.d.ts +0 -1
  20. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.test.d.ts +0 -1
  21. package/dist/src/extensions/Blocks/Recommendation/services/configService.test.d.ts +0 -1
  22. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.test.d.ts +0 -1
  23. package/dist/src/extensions/Blocks/Recommendation/templates/utils.test.d.ts +0 -1
  24. package/dist/src/extensions/Blocks/Recommendation/useRecommendationBlockWarning.d.ts +0 -12
  25. package/dist/src/extensions/Blocks/Recommendation/utils/filterUtil.test.d.ts +0 -1
  26. package/dist/src/extensions/Blocks/Recommendation/utils/legacyStrategyMap.test.d.ts +0 -1
  27. package/dist/src/extensions/Blocks/Recommendation/utils/priceFormatter.test.d.ts +0 -1
  28. package/dist/src/extensions/Blocks/Recommendation/utils/recommendationBlockCount.d.ts +0 -28
  29. package/dist/src/extensions/Blocks/Recommendation/utils/recommendationBlockCount.test.d.ts +0 -1
  30. package/dist/src/stores/config.test.d.ts +0 -1
  31. package/dist/src/utils/ampErrorFilter.test.d.ts +0 -1
  32. package/dist/src/utils/htmlEscape.test.d.ts +0 -1
  33. package/dist/src/utils/templatePreparation.test.d.ts +0 -1
  34. package/dist/src/vitest.setup.d.ts +0 -0
@@ -1,4 +1,4 @@
1
- var c = /* @__PURE__ */ ((r) => (r.Success = "success", r.Warning = "warning", r.Alert = "alert", r.Dark = "dark", r))(c || {});
1
+ var c = /* @__PURE__ */ ((r) => (r.Success = "success", r.Warning = "warning", r.Alert = "alert", r))(c || {});
2
2
  export {
3
3
  c as ToasterTypeOptions
4
4
  };
@@ -1,18 +1,17 @@
1
1
  var k = Object.defineProperty;
2
- var B = (a, r, t) => r in a ? k(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t;
3
- var d = (a, r, t) => B(a, typeof r != "symbol" ? r + "" : r, t);
4
- import { BlockId as R } from "../../../enums/block.js";
5
- import { getMigrationBannerHtml as y } from "../../../utils/migrationBannerHtml.js";
6
- import { Block as D, BlockCompositionType as C, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
+ var y = (a, r, t) => r in a ? k(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t;
3
+ var d = (a, r, t) => y(a, typeof r != "symbol" ? r + "" : r, t);
4
+ import { BlockId as B } from "../../../enums/block.js";
5
+ import { getMigrationBannerHtml as D } from "../../../utils/migrationBannerHtml.js";
6
+ import { Block as R, BlockCompositionType as C, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
7
7
  import { regenerateMobileProductRows as b } from "./controls/main/utils.js";
8
8
  import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as A } from "./controls/mobileLayout/cssRules.js";
9
9
  import { RecommendationConfigService as c } from "./services/configService.js";
10
10
  import { useRecommendationExtensionStore as g } from "./store/recommendation.js";
11
11
  import { getDefaultTemplate as E } from "./templates/grid/template.js";
12
- import { useRecommendationBlockWarning as M } from "./useRecommendationBlockWarning.js";
13
- const I = R.Recommendation, m = "recommendation-block-v2", u = "recommendation-id";
14
- let _ = !1;
15
- class H extends D {
12
+ const _ = B.Recommendation, m = "recommendation-block-v2", u = "recommendation-id";
13
+ let I = !1;
14
+ class q extends R {
16
15
  constructor() {
17
16
  super();
18
17
  /**
@@ -22,7 +21,7 @@ class H extends D {
22
21
  d(this, "_pendingBlockId", null);
23
22
  }
24
23
  getId() {
25
- return I;
24
+ return _;
26
25
  }
27
26
  getIcon() {
28
27
  return "recommendation-icon";
@@ -39,8 +38,8 @@ class H extends D {
39
38
  );
40
39
  }
41
40
  getSettingsPanelTitleHtml() {
42
- return y(
43
- I,
41
+ return D(
42
+ _,
44
43
  this.api.translate("Recommendation Block"),
45
44
  this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
46
45
  );
@@ -96,7 +95,7 @@ class H extends D {
96
95
  documentModifier: this.api.getDocumentModifier()
97
96
  }));
98
97
  }
99
- s.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
98
+ s.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 });
100
99
  }
101
100
  /**
102
101
  * Called when the document changes or template is loaded
@@ -118,7 +117,7 @@ class H extends D {
118
117
  }
119
118
  this._healLingeringDuplicate(t), c.needsMigration(t) && this._migrateFromLegacy(t);
120
119
  try {
121
- _ || (p(this.api), _ = !0);
120
+ I || (p(this.api), I = !0);
122
121
  const e = c.getConfig(t), i = this._getBlockElement(t);
123
122
  if (i) {
124
123
  const n = !e.mobileLayoutEnabled;
@@ -138,24 +137,6 @@ class H extends D {
138
137
  const e = this._getRecommendationId(t);
139
138
  e && g().removeBlockState(e);
140
139
  }
141
- /**
142
- * Warns (dark advisory toaster) when the design holds more than one live
143
- * recommendation block. Triggered from the user-add paths only (fresh drop
144
- * and duplicate) — never from document-load/migration, so opening a template
145
- * that already has multiple blocks does not fire it. `onCreated` also runs
146
- * for a reco block that arrives inside a saved structure (SD-143028), so this
147
- * covers that case too — no separate `module_dropped` handling is needed.
148
- *
149
- * Counting lives in `useRecommendationBlockWarning`, whose DOM-based logic
150
- * ignores the empty shells deletions leave behind (SD-143028). Wrapped in
151
- * try/catch because the document root may be unavailable during initial load.
152
- */
153
- _warnIfMultipleBlocks() {
154
- try {
155
- M().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
156
- } catch {
157
- }
158
- }
159
140
  /**
160
141
  * Generates the next unique recommendation ID by scanning all existing blocks
161
142
  * in the document and finding the maximum existing ID + 1.
@@ -228,7 +209,7 @@ class H extends D {
228
209
  /** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
229
210
  _handleDuplicate(t, e) {
230
211
  const i = this._reassignDuplicateId(t, e), n = g();
231
- n.cloneBlockState(e, i), n.setCurrentBlock(i), this._warnIfMultipleBlocks();
212
+ n.cloneBlockState(e, i), n.setCurrentBlock(i);
232
213
  }
233
214
  /**
234
215
  * Core id-reassignment for a duplicated block: rewrites the DOM
@@ -310,6 +291,6 @@ class H extends D {
310
291
  }
311
292
  }
312
293
  export {
313
- I as BLOCK_ID,
314
- H as RecommendationBlock
294
+ _ as BLOCK_ID,
295
+ q as RecommendationBlock
315
296
  };
@@ -1,4 +1,4 @@
1
- const o = [
1
+ const u = [
2
2
  {
3
3
  key: "locale",
4
4
  getValue: (e) => e.language,
@@ -9,8 +9,8 @@ const o = [
9
9
  getValue: (e) => e.currencySettings.value,
10
10
  getAvailableOptions: (e) => e.currencyList.map((n) => n.text)
11
11
  }
12
- ], l = "newsletter.recommendation-fill-required-fields";
13
- function u(e, n) {
12
+ ], s = "newsletter.recommendation-fill-required-fields";
13
+ function l(e, n, o = u) {
14
14
  return o.filter((t) => {
15
15
  var a;
16
16
  if (t.condition && !t.condition(e))
@@ -22,12 +22,12 @@ function u(e, n) {
22
22
  return r !== void 0 && !r.includes(i);
23
23
  }).map((t) => t.key);
24
24
  }
25
- function s(e, n) {
26
- return u(e, n).length === 0;
25
+ function c(e, n) {
26
+ return l(e, n).length === 0;
27
27
  }
28
28
  export {
29
- o as REQUIRED_RECOMMENDATION_FIELDS,
30
- l as RecommendationRequiredFieldsKey,
31
- u as getInvalidFields,
32
- s as isConfigValid
29
+ u as REQUIRED_RECOMMENDATION_FIELDS,
30
+ s as RecommendationRequiredFieldsKey,
31
+ l as getInvalidFields,
32
+ c as isConfigValid
33
33
  };
@@ -1,6 +1,5 @@
1
1
  export declare enum ToasterTypeOptions {
2
2
  Success = "success",
3
3
  Warning = "warning",
4
- Alert = "alert",
5
- Dark = "dark"
4
+ Alert = "alert"
6
5
  }
@@ -55,19 +55,6 @@ export declare class RecommendationBlock extends Block {
55
55
  * @param node - The block node being deleted
56
56
  */
57
57
  onDelete(node: ImmutableHtmlNode): void;
58
- /**
59
- * Warns (dark advisory toaster) when the design holds more than one live
60
- * recommendation block. Triggered from the user-add paths only (fresh drop
61
- * and duplicate) — never from document-load/migration, so opening a template
62
- * that already has multiple blocks does not fire it. `onCreated` also runs
63
- * for a reco block that arrives inside a saved structure (SD-143028), so this
64
- * covers that case too — no separate `module_dropped` handling is needed.
65
- *
66
- * Counting lives in `useRecommendationBlockWarning`, whose DOM-based logic
67
- * ignores the empty shells deletions leave behind (SD-143028). Wrapped in
68
- * try/catch because the document root may be unavailable during initial load.
69
- */
70
- private _warnIfMultipleBlocks;
71
58
  /**
72
59
  * Generates the next unique recommendation ID by scanning all existing blocks
73
60
  * in the document and finding the maximum existing ID + 1.
@@ -8,7 +8,7 @@ export interface ExtensionStoreSlice {
8
8
  languages: Languages;
9
9
  currencyList: Currency[];
10
10
  }
11
- interface RequiredField {
11
+ export interface RequiredField {
12
12
  key: string;
13
13
  getValue: (config: PerBlockConfigs) => string;
14
14
  getAvailableOptions?: (store: ExtensionStoreSlice) => string[];
@@ -16,6 +16,5 @@ interface RequiredField {
16
16
  }
17
17
  export declare const REQUIRED_RECOMMENDATION_FIELDS: RequiredField[];
18
18
  export declare const RecommendationRequiredFieldsKey = "newsletter.recommendation-fill-required-fields";
19
- export declare function getInvalidFields(config: PerBlockConfigs, store: ExtensionStoreSlice): string[];
19
+ export declare function getInvalidFields(config: PerBlockConfigs, store: ExtensionStoreSlice, fields?: RequiredField[]): string[];
20
20
  export declare function isConfigValid(config: PerBlockConfigs, store: ExtensionStoreSlice): boolean;
21
- export {};
@@ -16,7 +16,7 @@ const s = a("guidoDynamicContent", {
16
16
  value: e.value,
17
17
  fallback: e.fallback,
18
18
  format: e.format
19
- })) || []
19
+ }))
20
20
  }
21
21
  });
22
22
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "3.7.0-beta.509616e",
3
+ "version": "3.7.0-beta.516b778",
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,6 +27,8 @@
27
27
  "test": "vitest run --coverage",
28
28
  "test:watch": "vitest",
29
29
  "test:visual-update": "npx playwright test --update-snapshots --reporter html",
30
+ "test:e2e:coverage": "E2E_COVERAGE=true playwright test",
31
+ "coverage:e2e:report": "nyc report --reporter=lcov --reporter=text-summary --report-dir=coverage/e2e",
30
32
  "prepare": "husky",
31
33
  "preinstall": "rm -rf ./node_modules/.vite"
32
34
  },
@@ -74,10 +76,12 @@
74
76
  "happy-dom": "15.11.7",
75
77
  "husky": "9.1.7",
76
78
  "msw": "2.10.3",
79
+ "nyc": "17.1.0",
77
80
  "sass": "1.69.7",
78
81
  "typescript": "5.5.4",
79
82
  "typescript-eslint": "8.26.0",
80
83
  "vite-plugin-dts": "4.5.4",
84
+ "vite-plugin-istanbul": "7.0.0",
81
85
  "vitest": "2.1.9",
82
86
  "vue-tsc": "2.2.10"
83
87
  },
@@ -90,6 +94,11 @@
90
94
  "msw": {
91
95
  "workerDirectory": "public"
92
96
  },
97
+ "nyc": {
98
+ "report-dir": "coverage/e2e",
99
+ "reporter": ["lcov", "text-summary"],
100
+ "all": false
101
+ },
93
102
  "guido": {
94
103
  "stripo": {
95
104
  "version": "2.65.0"
@@ -1,16 +0,0 @@
1
- import { useToaster as r } from "../../../composables/useToaster.js";
2
- import { useTranslations as s } from "../../../composables/useTranslations.js";
3
- import { ToasterTypeOptions as n } from "../../../enums/toaster.js";
4
- import { countLiveRecommendationBlocks as i } from "./utils/recommendationBlockCount.js";
5
- const a = "newsletter.multiple-reco-blocks-warning", f = () => {
6
- const { showToaster: o } = r(), t = s();
7
- return { warnIfMultipleBlocks: (e) => {
8
- i(e) > 1 && o({
9
- type: n.Dark,
10
- message: t(a)
11
- });
12
- } };
13
- };
14
- export {
15
- f as useRecommendationBlockWarning
16
- };
@@ -1,9 +0,0 @@
1
- const r = ".recommendation-block-v2", t = ".recommendation-product-row";
2
- function n(o) {
3
- return Array.from(o.querySelectorAll(r)).filter((e) => e.querySelector(t)).length;
4
- }
5
- export {
6
- r as RECOMMENDATION_BLOCK_SELECTOR,
7
- t as RECOMMENDATION_PRODUCT_ROW_SELECTOR,
8
- n as countLiveRecommendationBlocks
9
- };
@@ -1,63 +0,0 @@
1
- interface User {
2
- id: number;
3
- name: string;
4
- email: string;
5
- }
6
- export declare const useApiExample: () => {
7
- loading: import("vue").ComputedRef<boolean>;
8
- error: import("vue").ComputedRef<{
9
- message: string;
10
- status?: number | undefined;
11
- statusText?: string | undefined;
12
- response?: {
13
- readonly headers: {
14
- append: (name: string, value: string) => void;
15
- delete: (name: string) => void;
16
- get: (name: string) => string | null;
17
- getSetCookie: () => string[];
18
- has: (name: string) => boolean;
19
- set: (name: string, value: string) => void;
20
- forEach: (callbackfn: (value: string, key: string, parent: Headers) => void, thisArg?: any) => void;
21
- entries: () => IterableIterator<[string, string]>;
22
- keys: () => IterableIterator<string>;
23
- values: () => IterableIterator<string>;
24
- [Symbol.iterator]: () => IterableIterator<[string, string]>;
25
- };
26
- readonly ok: boolean;
27
- readonly redirected: boolean;
28
- readonly status: number;
29
- readonly statusText: string;
30
- readonly type: ResponseType;
31
- readonly url: string;
32
- clone: () => Response;
33
- readonly body: {
34
- readonly locked: boolean;
35
- cancel: (reason?: any) => Promise<void>;
36
- getReader: {
37
- (options: {
38
- mode: "byob";
39
- }): ReadableStreamBYOBReader;
40
- (): ReadableStreamDefaultReader<Uint8Array>;
41
- (options?: ReadableStreamGetReaderOptions): ReadableStreamReader<Uint8Array>;
42
- };
43
- pipeThrough: <T>(transform: ReadableWritablePair<T, Uint8Array>, options?: StreamPipeOptions) => ReadableStream<T>;
44
- pipeTo: (destination: WritableStream<Uint8Array>, options?: StreamPipeOptions) => Promise<void>;
45
- tee: () => [ReadableStream<Uint8Array>, ReadableStream<Uint8Array>];
46
- } | null;
47
- readonly bodyUsed: boolean;
48
- arrayBuffer: () => Promise<ArrayBuffer>;
49
- blob: () => Promise<Blob>;
50
- formData: () => Promise<FormData>;
51
- json: () => Promise<any>;
52
- text: () => Promise<string>;
53
- } | undefined;
54
- } | null>;
55
- hasError: import("vue").ComputedRef<boolean>;
56
- fetchUsers: () => Promise<User[]>;
57
- createUser: (userData: Omit<User, "id">) => Promise<User>;
58
- updateUser: (id: number, userData: Partial<User>) => Promise<User>;
59
- deleteUser: (id: number) => Promise<void>;
60
- uploadFile: (file: File) => Promise<string>;
61
- clearError: () => void;
62
- };
63
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,12 +0,0 @@
1
- import type { QueryableRoot } from './utils/recommendationBlockCount';
2
- /**
3
- * Advisory shown when a design ends up with more than one recommendation block,
4
- * since multiple blocks can slow campaign delivery. Driven from the block
5
- * lifecycle (`onCreated` for direct drop / duplicate, counting the editor's
6
- * document root). `onCreated` also fires for a reco block that arrives inside a
7
- * saved structure (SD-143028), so that case is covered without a separate
8
- * `module_dropped` re-check.
9
- */
10
- export declare const useRecommendationBlockWarning: () => {
11
- warnIfMultipleBlocks: (root: QueryableRoot) => void;
12
- };
@@ -1,28 +0,0 @@
1
- /**
2
- * Counts *live* recommendation blocks in a document.
3
- *
4
- * Deleting a recommendation block strips its inner content but leaves an empty
5
- * `.recommendation-block-v2` container shell behind — present in every document
6
- * representation the editor exposes (`getDocumentRoot`, `getDocumentRootHtmlNode`
7
- * and even `getTemplateData`). A raw class count therefore over-reports after a
8
- * delete→add cycle (SD-143028). The product row (`.recommendation-product-row`)
9
- * is present on every live block from drop time (the default template ships
10
- * product rows, both grid and list layouts) and is removed from a deleted
11
- * block's leftover shell, so filtering by it cleanly separates live blocks from
12
- * ghosts without reading any store.
13
- */
14
- export declare const RECOMMENDATION_BLOCK_SELECTOR = ".recommendation-block-v2";
15
- export declare const RECOMMENDATION_PRODUCT_ROW_SELECTOR = ".recommendation-product-row";
16
- interface QueryableNode {
17
- querySelector(selector: string): unknown;
18
- }
19
- export interface QueryableRoot {
20
- querySelectorAll(selector: string): Iterable<QueryableNode>;
21
- }
22
- /**
23
- * Counts the live recommendation blocks reachable from `root`. Works on the
24
- * editor's `ImmutableHtmlNode` document root (the `onCreated` drop / duplicate
25
- * paths) and on any DOM-like root exposing `querySelectorAll`.
26
- */
27
- export declare function countLiveRecommendationBlocks(root: QueryableRoot): number;
28
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
File without changes