@applicaster/zapp-react-native-utils 14.0.0-alpha.1661204539 → 14.0.0-alpha.2175196485

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 (78) hide show
  1. package/actionsExecutor/ActionExecutorContext.tsx +82 -53
  2. package/analyticsUtils/AnalyticsEvents/helper.ts +81 -0
  3. package/analyticsUtils/AnalyticsEvents/sendHeaderClickEvent.ts +1 -1
  4. package/analyticsUtils/AnalyticsEvents/sendMenuClickEvent.ts +2 -1
  5. package/analyticsUtils/AnalyticsEvents/sendOnClickEvent.ts +14 -4
  6. package/analyticsUtils/__tests__/analyticsUtils.test.js +14 -0
  7. package/analyticsUtils/events.ts +8 -0
  8. package/analyticsUtils/index.tsx +3 -4
  9. package/analyticsUtils/manager.ts +1 -1
  10. package/appUtils/HooksManager/Hook.ts +4 -4
  11. package/appUtils/HooksManager/index.ts +11 -1
  12. package/appUtils/accessibilityManager/index.ts +7 -4
  13. package/appUtils/contextKeysManager/contextResolver.ts +1 -15
  14. package/appUtils/playerManager/OverlayObserver/OverlaysObserver.ts +0 -15
  15. package/appUtils/playerManager/useChapterMarker.tsx +0 -1
  16. package/appUtils/playerManager/usePlayerControllerSetup.tsx +16 -0
  17. package/arrayUtils/__tests__/isEmptyArray.test.ts +63 -0
  18. package/arrayUtils/__tests__/isFilledArray.test.ts +1 -1
  19. package/arrayUtils/index.ts +8 -3
  20. package/audioPlayerUtils/__tests__/getArtworkImage.test.ts +144 -0
  21. package/audioPlayerUtils/__tests__/getBackgroundImage.test.ts +72 -0
  22. package/audioPlayerUtils/__tests__/getImageFromEntry.test.ts +110 -0
  23. package/audioPlayerUtils/assets/index.ts +2 -0
  24. package/audioPlayerUtils/index.ts +242 -0
  25. package/componentsUtils/__tests__/isTabsScreen.test.ts +38 -0
  26. package/componentsUtils/index.ts +4 -1
  27. package/conf/player/__tests__/selectors.test.ts +34 -0
  28. package/conf/player/selectors.ts +10 -0
  29. package/configurationUtils/__tests__/configurationUtils.test.js +0 -31
  30. package/configurationUtils/__tests__/getMediaItems.test.ts +65 -0
  31. package/configurationUtils/__tests__/imageSrcFromMediaItem.test.ts +34 -0
  32. package/configurationUtils/__tests__/manifestKeyParser.test.ts +547 -0
  33. package/configurationUtils/index.ts +63 -34
  34. package/configurationUtils/manifestKeyParser.ts +57 -32
  35. package/focusManager/FocusManager.ts +26 -16
  36. package/focusManager/Tree.ts +25 -21
  37. package/focusManager/__tests__/FocusManager.test.ts +50 -8
  38. package/index.d.ts +0 -9
  39. package/manifestUtils/_internals/getDefaultConfiguration.js +28 -0
  40. package/manifestUtils/{_internals.js → _internals/index.js} +2 -25
  41. package/manifestUtils/createConfig.js +4 -1
  42. package/manifestUtils/defaultManifestConfigurations/player.js +1239 -200
  43. package/manifestUtils/progressBar/__tests__/mobileProgressBar.test.js +0 -30
  44. package/manifestUtils/sharedConfiguration/screenPicker/stylesFields.js +1 -2
  45. package/package.json +2 -2
  46. package/playerUtils/__tests__/configurationUtils.test.ts +1 -65
  47. package/playerUtils/__tests__/getPlayerActionButtons.test.ts +54 -0
  48. package/playerUtils/_internals/__tests__/utils.test.ts +71 -0
  49. package/playerUtils/_internals/index.ts +1 -0
  50. package/playerUtils/_internals/utils.ts +31 -0
  51. package/playerUtils/configurationUtils.ts +0 -44
  52. package/playerUtils/getPlayerActionButtons.ts +17 -0
  53. package/playerUtils/index.ts +59 -0
  54. package/playerUtils/useValidatePlayerConfig.tsx +22 -19
  55. package/reactHooks/autoscrolling/__tests__/useTrackedView.test.tsx +12 -13
  56. package/reactHooks/cell-click/index.ts +1 -5
  57. package/reactHooks/feed/__tests__/useBatchLoading.test.tsx +39 -88
  58. package/reactHooks/feed/useBatchLoading.ts +3 -3
  59. package/reactHooks/feed/useFeedLoader.tsx +6 -13
  60. package/reactHooks/feed/usePipesCacheReset.ts +1 -1
  61. package/reactHooks/layout/isTablet/index.ts +12 -5
  62. package/reactHooks/navigation/index.ts +7 -5
  63. package/reactHooks/navigation/useIsScreenActive.ts +9 -5
  64. package/reactHooks/screen/useScreenContext.ts +1 -1
  65. package/reactHooks/state/__tests__/ZStoreProvider.test.tsx +2 -1
  66. package/riverComponetsMeasurementProvider/index.tsx +1 -1
  67. package/services/js2native.ts +1 -0
  68. package/testUtils/index.tsx +7 -8
  69. package/time/BackgroundTimer.ts +5 -3
  70. package/utils/index.ts +16 -1
  71. package/actionsExecutor/ScreenActions.ts +0 -90
  72. package/actionsExecutor/StorageActions.ts +0 -110
  73. package/actionsExecutor/screenResolver.ts +0 -8
  74. package/playerUtils/configurationGenerator.ts +0 -2572
  75. package/storage/ScreenSingleValueProvider.ts +0 -92
  76. package/storage/ScreenStateMultiSelectProvider.ts +0 -119
  77. package/storage/StorageMultiSelectProvider.ts +0 -192
  78. package/storage/StorageSingleSelectProvider.ts +0 -108
@@ -1,92 +0,0 @@
1
- import { BehaviorSubject } from "rxjs";
2
- import { log_debug, SingleValueProvider } from "./StorageSingleSelectProvider";
3
-
4
- export const screenStates: Record<string, Record<string, string>> = {};
5
-
6
- export class ScreenSingleValueProvider implements SingleValueProvider {
7
- private static providers: Record<
8
- string,
9
- Record<string, SingleValueProvider>
10
- > = {};
11
-
12
- // TODO: Screen State should be stored outside of this class and should be shared with screen multi-select provider
13
- public static getState(screenRoute: string): Record<string, string> {
14
- return screenStates[screenRoute] || {};
15
- }
16
-
17
- public static getProvider(
18
- key: string,
19
- screenRoute: string
20
- ): SingleValueProvider {
21
- if (!key) {
22
- throw new Error("ScreenSingleValueProvider: Key is required");
23
- }
24
-
25
- if (!screenRoute) {
26
- throw new Error("ScreenSingleValueProvider: Screen route is required");
27
- }
28
-
29
- if (!this.providers[screenRoute]) {
30
- this.providers[screenRoute] = {};
31
- }
32
-
33
- if (!this.providers[screenRoute][key]) {
34
- this.providers[screenRoute][key] = new ScreenSingleValueProvider(
35
- key,
36
- screenRoute
37
- );
38
- }
39
-
40
- if (!screenStates[screenRoute]) {
41
- screenStates[screenRoute] = {};
42
- }
43
-
44
- return this.providers[screenRoute][key];
45
- }
46
-
47
- // @ts-ignore
48
- private valueSubject: BehaviorSubject<string | null>;
49
- p;
50
- // @ts-ignore
51
- private constructor(
52
- private key: string,
53
- private route: string
54
- ) {
55
- if (!key) {
56
- throw new Error("ScreenSingleValueProvider: Key is required");
57
- }
58
-
59
- // localStorage.addListener?.({ key, namespace }, this.reloadValue);
60
-
61
- this.valueSubject = new BehaviorSubject<string | null>(null);
62
-
63
- void this.getValueAsync();
64
- log_debug("ScreenSingleValueProvider: Initializing");
65
- }
66
-
67
- clearValue(): Promise<void> {
68
- delete [this.route][this.key];
69
- this.valueSubject.next(null);
70
-
71
- return Promise.resolve();
72
- }
73
-
74
- getObservable(): BehaviorSubject<string | null> {
75
- return this.valueSubject;
76
- }
77
-
78
- getValue(): string | null {
79
- return this.valueSubject.value;
80
- }
81
-
82
- getValueAsync(): Promise<string | null> {
83
- return Promise.resolve(this.valueSubject.value);
84
- }
85
-
86
- setValue(value: string): Promise<void> {
87
- screenStates[this.route][this.key] = value;
88
- this.valueSubject.next(value);
89
-
90
- return Promise.resolve();
91
- }
92
- }
@@ -1,119 +0,0 @@
1
- import { log_debug, MultiSelectProvider } from "./StorageMultiSelectProvider";
2
- import { BehaviorSubject } from "rxjs";
3
- import { screenStates } from "./ScreenSingleValueProvider";
4
-
5
- export class ScreenMultiSelectProvider implements MultiSelectProvider {
6
- // @ts-ignore
7
- private itemSubject: BehaviorSubject<string[] | null>;
8
-
9
- private static providers: Record<
10
- string,
11
- Record<string, MultiSelectProvider>
12
- > = {};
13
-
14
- public static getProvider(
15
- key: string,
16
- screenRoute: string
17
- ): MultiSelectProvider {
18
- if (!key) {
19
- throw new Error("ScreenSingleValueProvider: Key is required");
20
- }
21
-
22
- if (!screenRoute) {
23
- throw new Error("ScreenSingleValueProvider: Screen route is required");
24
- }
25
-
26
- if (!this.providers[screenRoute]) {
27
- this.providers[screenRoute] = {};
28
- }
29
-
30
- if (!this.providers[screenRoute][key]) {
31
- this.providers[screenRoute][key] = new ScreenMultiSelectProvider(
32
- key,
33
- screenRoute
34
- );
35
- }
36
-
37
- if (!screenStates[screenRoute]) {
38
- screenStates[screenRoute] = {};
39
- }
40
-
41
- return this.providers[screenRoute][key];
42
- }
43
-
44
- // @ts-ignore
45
- private constructor(
46
- private key: string,
47
- private route: string
48
- ) {
49
- if (!key) {
50
- throw new Error("StorageMultiSelectProvider: Key is required");
51
- }
52
-
53
- this.key = key;
54
- // this.storage.addListener?.({ key, namespace }, this.reloadItems);
55
-
56
- this.itemSubject = new BehaviorSubject([]);
57
-
58
- void this.getSelectedAsync();
59
- log_debug("StorageMultiSelectProvider: Initializing");
60
- }
61
-
62
- private getSetOfCurrentItems() {
63
- const currentResult: string = screenStates[this.route][this.key];
64
-
65
- return new Set(currentResult ? currentResult.split(",") : []);
66
- }
67
-
68
- addItem(item: string): Promise<void> {
69
- const items = this.getSetOfCurrentItems();
70
- items.add(item);
71
- screenStates[this.route][this.key] = Array.from(items).join(",");
72
- this.itemSubject.next(Array.from(items) || []);
73
-
74
- log_debug(
75
- `addItem: item added: ${item}, current items: ${Array.from(items)}`
76
- );
77
-
78
- return Promise.resolve();
79
- }
80
-
81
- addItems(_items: string[]): Promise<void> {
82
- return Promise.resolve();
83
- }
84
-
85
- public getObservable = (): BehaviorSubject<string[]> => this.itemSubject;
86
-
87
- getSelectedAsync(): Promise<string[]> {
88
- const values = screenStates[this.route][this.key]?.split(",");
89
- this.itemSubject.next(values || []);
90
-
91
- return Promise.resolve(values || []);
92
- }
93
-
94
- getSelectedItems(): string[] {
95
- return this.itemSubject.value;
96
- }
97
-
98
- removeAllItems(): Promise<void> {
99
- return Promise.resolve();
100
- }
101
-
102
- removeItem(item: string): Promise<void> {
103
- const items = this.getSetOfCurrentItems();
104
- items.delete(item);
105
-
106
- screenStates[this.route][this.key] = Array.from(items).join(",");
107
- this.itemSubject.next(Array.from(items) || []);
108
-
109
- return Promise.resolve();
110
- }
111
-
112
- removeItems(_items: string[]): Promise<void> {
113
- return Promise.resolve();
114
- }
115
-
116
- setSelectedItems(_items: string[]): Promise<void> {
117
- return Promise.resolve();
118
- }
119
- }
@@ -1,192 +0,0 @@
1
- import { bridgeLogger } from "../../zapp-react-native-bridge/logger";
2
- import { BehaviorSubject } from "rxjs";
3
- import { Storage } from "@applicaster/zapp-react-native-bridge/ZappStorage/Storage";
4
- import { localStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage";
5
- import { sessionStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/SessionStorage";
6
- import { StorageType } from "../appUtils/contextKeysManager/consts";
7
- import { getNamespaceAndKey } from "../appUtils/contextKeysManager/utils";
8
- import { createLogger } from "../logger";
9
-
10
- export const { log_verbose, log_debug, log_warning, log_info, log_error } =
11
- createLogger({
12
- category: "StorageMultiSelectProvider",
13
- subsystem: "zapp-react-native-bridge",
14
- parent: bridgeLogger,
15
- });
16
-
17
- export interface MultiSelectProvider {
18
- getObservable(): BehaviorSubject<string[]>;
19
-
20
- addItem(item: string): Promise<void>;
21
-
22
- addItems(items: string[]): Promise<void>;
23
-
24
- setSelectedItems(items: string[]): Promise<void>;
25
-
26
- removeItem(item: string): Promise<void>;
27
-
28
- removeItems(items: string[]): Promise<void>;
29
-
30
- removeAllItems(): Promise<void>;
31
-
32
- getSelectedItems(): string[];
33
-
34
- getSelectedAsync(): Promise<string[]>;
35
- }
36
-
37
- export class StorageMultiSelectProvider implements MultiSelectProvider {
38
- // TODO: Unsubscribe and remove when there is no listeners
39
- private static multiSelectProviders: Record<
40
- StorageType,
41
- Record<string, StorageMultiSelectProvider>
42
- > = {
43
- [StorageType.local]: {},
44
- [StorageType.session]: {},
45
- // TODO: not implemented yet
46
- [StorageType.secure]: {},
47
- };
48
-
49
- public static getProvider(
50
- keyNamespace: string,
51
- storage: StorageType = StorageType.local
52
- ): MultiSelectProvider {
53
- if (!this.multiSelectProviders[storage][keyNamespace]) {
54
- const storageImpl =
55
- storage === StorageType.session ? sessionStorage : localStorage;
56
-
57
- this.multiSelectProviders[storage][keyNamespace] =
58
- new StorageMultiSelectProvider(keyNamespace, storageImpl);
59
- }
60
-
61
- return this.multiSelectProviders[storage][keyNamespace];
62
- }
63
-
64
- private itemSubject: BehaviorSubject<string[] | null>;
65
-
66
- private readonly key: string;
67
- private readonly namespace: string;
68
-
69
- private constructor(
70
- keyNamespace: string,
71
- private storage: Storage
72
- ) {
73
- const { namespace, key } = getNamespaceAndKey(keyNamespace);
74
-
75
- if (!key) {
76
- throw new Error("StorageMultiSelectProvider: Key is required");
77
- }
78
-
79
- this.key = key;
80
- this.namespace = namespace;
81
- this.storage.addListener?.({ key, namespace }, this.reloadItems);
82
-
83
- this.itemSubject = new BehaviorSubject([]);
84
-
85
- void this.getSelectedAsync();
86
- log_debug("StorageMultiSelectProvider: Initializing");
87
- }
88
-
89
- private reloadItems = async ({ value }: StorageListenerArgs) => {
90
- const selectedItems = value ? value.split(",") : [];
91
-
92
- log_debug(
93
- `reloadItems: request to reload items for value: ${value}`,
94
- selectedItems
95
- );
96
-
97
- this.itemSubject.next(selectedItems);
98
- };
99
-
100
- public getObservable = (): BehaviorSubject<string[]> => this.itemSubject;
101
-
102
- private async getSetOfCurrentItems() {
103
- const currentResult: string = await this.storage.getItem(
104
- this.key,
105
- this.namespace
106
- );
107
-
108
- return new Set(currentResult ? currentResult.split(",") : []);
109
- }
110
-
111
- private async updateItemsAndNotifyObservers(currentItems: Set<string>) {
112
- const arrayOfItems = Array.from(currentItems);
113
- const newValue = arrayOfItems.join(",");
114
- await this.storage.setItem(this.key, newValue, this.namespace);
115
-
116
- this.itemSubject.next(arrayOfItems);
117
- }
118
-
119
- public addItem = async (item: string): Promise<void> => {
120
- const currentItems = await this.getSetOfCurrentItems();
121
- currentItems.add(item);
122
- log_debug(`addItem: Adding new item: ${item}`);
123
-
124
- await this.updateItemsAndNotifyObservers(currentItems);
125
- };
126
-
127
- public addItems = async (items: string[]): Promise<void> => {
128
- const currentItems = await this.getSetOfCurrentItems();
129
-
130
- items.forEach((item) => currentItems.add(item));
131
-
132
- log_debug(
133
- `addItems: Adding new items: ${items.join(
134
- ","
135
- )}, current items: ${Array.from(currentItems).join(",")}`
136
- );
137
-
138
- await this.updateItemsAndNotifyObservers(currentItems);
139
- };
140
-
141
- public removeItem = async (item: string): Promise<void> => {
142
- const currentItems = await this.getSetOfCurrentItems();
143
- currentItems.delete(item);
144
-
145
- log_debug(
146
- `removeItem: Removing item: ${item}, current items: ${Array.from(
147
- currentItems
148
- ).join(",")}`
149
- );
150
-
151
- await this.updateItemsAndNotifyObservers(currentItems);
152
- };
153
-
154
- public removeItems = async (items: string[]): Promise<void> => {
155
- const currentItems = await this.getSetOfCurrentItems();
156
-
157
- items.forEach((item) => currentItems.delete(item));
158
-
159
- log_debug(
160
- `removeItems: Removing items: ${items.join(
161
- ","
162
- )}, current items: ${Array.from(currentItems).join(",")}`
163
- );
164
-
165
- await this.updateItemsAndNotifyObservers(currentItems);
166
- };
167
-
168
- public removeAllItems = async (): Promise<void> => {
169
- await this.storage.removeItem(this.key, this.namespace);
170
- log_debug(`removeAllItems: Removing all items, current items: ${[]}`);
171
-
172
- this.itemSubject.next([]);
173
- };
174
-
175
- public getSelectedAsync = async (): Promise<string[]> => {
176
- const value = await this.storage.getItem(this.key, this.namespace);
177
- const selectedItems = value ? value.split(",") : [];
178
- this.itemSubject.next(selectedItems);
179
-
180
- return selectedItems;
181
- };
182
-
183
- public getSelectedItems = (): string[] => {
184
- return this.itemSubject.getValue();
185
- };
186
-
187
- setSelectedItems = async (items: string[]): Promise<void> => {
188
- log_debug(`setSelectedItems: Setting selected items: ${items.join(",")}`);
189
-
190
- await this.updateItemsAndNotifyObservers(new Set(items));
191
- };
192
- }
@@ -1,108 +0,0 @@
1
- import { bridgeLogger } from "../../zapp-react-native-bridge/logger";
2
- import { BehaviorSubject } from "rxjs";
3
- import { localStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage";
4
- import { getNamespaceAndKey } from "../appUtils/contextKeysManager/utils";
5
- import { createLogger } from "../logger";
6
-
7
- export const { log_verbose, log_debug, log_warning, log_info, log_error } =
8
- createLogger({
9
- category: "StorageSingleValueProvider",
10
- subsystem: "zapp-react-native-bridge",
11
- parent: bridgeLogger,
12
- });
13
-
14
- export interface SingleValueProvider {
15
- getObservable(): BehaviorSubject<string | null>;
16
-
17
- setValue(value: string): Promise<void>;
18
- getValue(): string | null;
19
- getValueAsync(): Promise<string | null>;
20
- clearValue(): Promise<void>;
21
- }
22
-
23
- interface StorageListenerArgs {
24
- value: string | null;
25
- }
26
-
27
- export class StorageSingleValueProvider implements SingleValueProvider {
28
- // Static cache of providers by namespace
29
- private static singleValueProviders: Record<
30
- string,
31
- StorageSingleValueProvider
32
- > = {};
33
-
34
- public static getProvider(keyNamespace: string): SingleValueProvider {
35
- if (!this.singleValueProviders[keyNamespace]) {
36
- this.singleValueProviders[keyNamespace] = new StorageSingleValueProvider(
37
- keyNamespace
38
- );
39
- }
40
-
41
- return this.singleValueProviders[keyNamespace];
42
- }
43
-
44
- private valueSubject: BehaviorSubject<string | null>;
45
-
46
- private readonly key: string;
47
- private readonly namespace: string;
48
-
49
- private constructor(keyNamespace: string) {
50
- const { namespace, key } = getNamespaceAndKey(keyNamespace);
51
-
52
- if (!key) {
53
- throw new Error("StorageSingleValueProvider: Key is required");
54
- }
55
-
56
- this.key = key;
57
- this.namespace = namespace;
58
- localStorage.addListener?.({ key, namespace }, this.reloadValue);
59
-
60
- this.valueSubject = new BehaviorSubject<string | null>(null);
61
-
62
- void this.getValueAsync();
63
- log_debug("StorageSingleValueProvider: Initializing");
64
- }
65
-
66
- private reloadValue = async ({ value }: StorageListenerArgs) => {
67
- log_debug(`reloadValue: request to reload value: ${value}`);
68
-
69
- this.valueSubject.next(value);
70
- };
71
-
72
- public getObservable = (): BehaviorSubject<string | null> =>
73
- this.valueSubject;
74
-
75
- private async updateValueAndNotifyObservers(value: string | null) {
76
- if (value === null) {
77
- await localStorage.removeItem(this.key, this.namespace);
78
- } else {
79
- await localStorage.setItem(this.key, value, this.namespace);
80
- }
81
-
82
- this.valueSubject.next(value);
83
- }
84
-
85
- public setValue = async (value: string): Promise<void> => {
86
- log_debug(`setValue: Setting new value: ${value}`);
87
-
88
- await this.updateValueAndNotifyObservers(value);
89
- };
90
-
91
- public clearValue = async (): Promise<void> => {
92
- await localStorage.removeItem(this.key, this.namespace);
93
- log_debug("clearValue: Removing value");
94
-
95
- this.valueSubject.next(null);
96
- };
97
-
98
- public getValueAsync = async (): Promise<string | null> => {
99
- const value = await localStorage.getItem(this.key, this.namespace);
100
- this.valueSubject.next(value);
101
-
102
- return value;
103
- };
104
-
105
- public getValue = (): string | null => {
106
- return this.valueSubject.getValue();
107
- };
108
- }