@applicaster/zapp-react-native-ui-components 16.0.0-alpha.6861239588 → 16.0.0-alpha.6918106967

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 (83) hide show
  1. package/Components/AudioPlayer/tv/__tests__/audioPlayer.test.js +19 -0
  2. package/Components/AudioPlayer/tv/__tests__/index.test.tsx +120 -0
  3. package/Components/AudioPlayer/tv/index.tsx +5 -1
  4. package/Components/Cell/Cell.tsx +3 -6
  5. package/Components/Cell/TvOSCellComponent.tsx +0 -1
  6. package/Components/GeneralContentScreen/GeneralContentScreenHookAdapter.tsx +15 -0
  7. package/Components/GeneralContentScreen/hookAdapter/__tests__/skipExpression.test.ts +294 -0
  8. package/Components/GeneralContentScreen/hookAdapter/__tests__/validationHelper.test.ts +64 -0
  9. package/Components/GeneralContentScreen/hookAdapter/skipExpression.ts +252 -0
  10. package/Components/GeneralContentScreen/hookAdapter/validationHelper.ts +18 -0
  11. package/Components/MasterCell/DefaultComponents/ActionButton.tsx +1 -0
  12. package/Components/MasterCell/DefaultComponents/Button.tsx +1 -0
  13. package/Components/MasterCell/DefaultComponents/Image/hoc/utils/__tests__/withDimensions.test.ts +420 -125
  14. package/Components/MasterCell/DefaultComponents/Image/hoc/utils/index.ts +114 -19
  15. package/Components/MasterCell/DefaultComponents/Image/hoc/withDimensions.tsx +19 -8
  16. package/Components/MasterCell/DefaultComponents/Toggle.tsx +36 -14
  17. package/Components/MasterCell/DefaultComponents/__tests__/Toggle.test.tsx +167 -0
  18. package/Components/ModalComponent/ActionsBottomSheet/ActionButton.tsx +54 -0
  19. package/Components/ModalComponent/ActionsBottomSheet/boundActionButton.tsx +21 -0
  20. package/Components/ModalComponent/ActionsBottomSheet/index.ts +9 -0
  21. package/Components/ModalComponent/ActionsBottomSheet/openActionsBottomSheet.ts +58 -0
  22. package/Components/ModalComponent/AudioPlayer/Components/Action.tsx +0 -18
  23. package/Components/ModalComponent/AudioPlayer/Components/Button.tsx +32 -27
  24. package/Components/ModalComponent/AudioPlayer/Components/Header.tsx +25 -73
  25. package/Components/ModalComponent/AudioPlayer/Components/Input.tsx +0 -18
  26. package/Components/ModalComponent/AudioPlayer/Components/Item.tsx +166 -84
  27. package/Components/ModalComponent/AudioPlayer/Components/NowPlayingHeaderSection.tsx +89 -0
  28. package/Components/ModalComponent/AudioPlayer/Components/index.ts +3 -1
  29. package/Components/ModalComponent/AudioPlayer/utils/__tests__/mergeStyles.test.ts +230 -0
  30. package/Components/ModalComponent/AudioPlayer/utils/mergeStyles.ts +332 -0
  31. package/Components/ModalComponent/BottomSheetDragArea.tsx +33 -0
  32. package/Components/ModalComponent/BottomSheetModalContent.tsx +385 -60
  33. package/Components/ModalComponent/Button/index.tsx +5 -3
  34. package/Components/ModalComponent/Header/CloseButton.tsx +12 -0
  35. package/Components/ModalComponent/Header/__tests__/CloseButton.test.tsx +72 -0
  36. package/Components/ModalComponent/Header/index.tsx +20 -7
  37. package/Components/ModalComponent/Header/utils.ts +1 -1
  38. package/Components/ModalComponent/ModalBlocksStyleContext.tsx +10 -0
  39. package/Components/ModalComponent/SortableList.tsx +142 -0
  40. package/Components/ModalComponent/SortableList.web.tsx +34 -0
  41. package/Components/ModalComponent/TextInputContent.tsx +100 -0
  42. package/Components/ModalComponent/__tests__/BottomSheetDragArea.test.tsx +74 -0
  43. package/Components/ModalComponent/__tests__/BottomSheetModalContent.test.tsx +238 -0
  44. package/Components/ModalComponent/__tests__/SortableList.web.test.tsx +16 -0
  45. package/Components/ModalComponent/__tests__/TextInputContent.test.tsx +120 -0
  46. package/Components/ModalComponent/__tests__/showTextInput.test.ts +95 -0
  47. package/Components/ModalComponent/index.tsx +11 -0
  48. package/Components/ModalComponent/presets/__tests__/getCell.test.ts +66 -0
  49. package/Components/ModalComponent/presets/dynamicCollectionCell.tsx +78 -0
  50. package/Components/ModalComponent/presets/index.ts +27 -0
  51. package/Components/ModalComponent/presets/selectableCell.tsx +28 -0
  52. package/Components/ModalComponent/presets/standardCell.tsx +41 -0
  53. package/Components/ModalComponent/presets/types.ts +35 -0
  54. package/Components/ModalComponent/showTextInput.ts +43 -0
  55. package/Components/ModalComponent/utils.ts +82 -21
  56. package/Components/OfflineHandler/__tests__/__snapshots__/index.test.tsx.snap +4 -85
  57. package/Components/OfflineHandler/__tests__/index.test.tsx +78 -18
  58. package/Components/OfflineHandler/hooks.ts +111 -0
  59. package/Components/OfflineHandler/index.tsx +51 -73
  60. package/Components/OfflineHandler/utils/index.ts +1 -13
  61. package/Components/PlayerContainer/PlayerContainer.tsx +11 -7
  62. package/Components/PlayerContainer/ProgramInfo/index.tsx +3 -4
  63. package/Components/PlayerContainer/__tests__/PlayerContainer.test.tsx +66 -13
  64. package/Components/PreloaderWrapper/index.tsx +1 -1
  65. package/Components/River/ComponentsMap/ComponentsMap.tsx +79 -51
  66. package/Components/River/River.tsx +4 -0
  67. package/Components/River/__tests__/resultCallback.test.tsx +47 -0
  68. package/Components/ScreenFeedLoader/ScreenFeedLoader.tsx +5 -3
  69. package/Components/ScreenResolverFeedProvider/ScreenResolverFeedProvider.tsx +1 -1
  70. package/Components/ScreenRevealManager/ScreenRevealManager.ts +18 -2
  71. package/Components/ScreenRevealManager/__tests__/ScreenRevealManager.test.ts +36 -0
  72. package/Components/ScreenRevealManager/__tests__/withScreenRevealManager.test.tsx +56 -0
  73. package/Components/ScreenRevealManager/withScreenRevealManager.tsx +20 -3
  74. package/Components/TopCutoffOverlay/index.tsx +2 -2
  75. package/Components/VideoLive/LiveImageManager.ts +1 -1
  76. package/Hooks/useEntryActionsExpander.ts +63 -0
  77. package/package.json +6 -5
  78. package/Components/OfflineHandler/NotificationView/NotificationView.lg.tsx +0 -112
  79. package/Components/OfflineHandler/NotificationView/NotificationView.samsung.tsx +0 -107
  80. package/Components/OfflineHandler/NotificationView/NotificationView.tsx +0 -153
  81. package/Components/OfflineHandler/NotificationView/__tests__/index.test.tsx +0 -66
  82. package/Components/OfflineHandler/NotificationView/utils.ts +0 -34
  83. /package/Decorators/ZappPipesDataConnector/__tests__/{Hero.js → Hero.tsx} +0 -0
@@ -0,0 +1,252 @@
1
+ import { getNamespaceAndKey } from "@applicaster/zapp-react-native-utils/appUtils/contextKeysManager/utils";
2
+ import { log_error, log_info } from "./logger";
3
+
4
+ /**
5
+ * Boolean expressions over storage keys, used by the General Content Screen
6
+ * hook adapter to decide whether a hook should be skipped.
7
+ *
8
+ * The `skip_hook_storage_key` rule normally holds a comma-separated list of
9
+ * keys, meaning "skip when any of these exists". That covers presence only, so
10
+ * a condition such as "the user is logged in but has not picked a profile yet"
11
+ * cannot be expressed. To keep the manifest field untouched, an expression may
12
+ * be packed into the very same string as JSON: anything starting with `{` is
13
+ * parsed as an expression, anything else keeps the legacy behaviour.
14
+ *
15
+ * The expression evaluates to the SKIP condition — true means "do not present
16
+ * the hook" — matching the name of the rule it is configured in.
17
+ *
18
+ * Keys are written as `namespace.key` and resolved exactly like the legacy
19
+ * format: everything before the LAST dot is the namespace, so
20
+ * `com.applicaster.feature.someKey` reads `someKey` from `com.applicaster.feature`.
21
+ * A key with no dot falls back to the default namespace.
22
+ *
23
+ * Operators:
24
+ *
25
+ * "ns.key" shorthand for { "exists": "ns.key" }
26
+ * { "exists": "ns.key" } the key holds a truthy value
27
+ * { "missing": "ns.key" } the key holds no value
28
+ * { "equals": { "key": "ns.key", "value": "kids" } }
29
+ * { "all": [ …operands ] } AND, short-circuits on the first false
30
+ * { "any": [ …operands ] } OR, short-circuits on the first true
31
+ * { "not": operand } negation
32
+ *
33
+ * @example Show the profile selector to a logged-in user who has no profile yet
34
+ * ```json
35
+ * {
36
+ * "any": [
37
+ * { "missing": "quick-brick-login-flow.access_token" },
38
+ * { "exists": "user_account.profile" }
39
+ * ]
40
+ * }
41
+ * ```
42
+ * As it is stored in the `skip_hook_storage_key` string field:
43
+ * ```json
44
+ * "skip_hook_storage_key": "{\"any\":[{\"missing\":\"quick-brick-login-flow.access_token\"},{\"exists\":\"user_account.profile\"}]}"
45
+ * ```
46
+ *
47
+ * @example Skip an onboarding hook once it has been seen on a subscribed device
48
+ * ```json
49
+ * {
50
+ * "all": [
51
+ * "onboarding.completed",
52
+ * { "equals": { "key": "user_account.plan", "value": "premium" } }
53
+ * ]
54
+ * }
55
+ * ```
56
+ *
57
+ * Every failure mode — malformed JSON, an unknown operator, an operand of the
58
+ * wrong type, a storage read that throws — evaluates to false, so a broken
59
+ * configuration presents the hook rather than silently hiding a screen.
60
+ */
61
+ export type SkipExpression =
62
+ | string
63
+ | { exists: string }
64
+ | { missing: string }
65
+ | { equals: { key: string; value: string } }
66
+ | { all: SkipExpression[] }
67
+ | { any: SkipExpression[] }
68
+ | { not: SkipExpression };
69
+
70
+ /** Reads a single storage key. Injected so evaluation stays storage-agnostic. */
71
+ export type ReadKey = (key: string, namespace?: string) => Promise<unknown>;
72
+
73
+ const isPlainObject = (value: unknown): value is Record<string, unknown> =>
74
+ typeof value === "object" && value !== null && !Array.isArray(value);
75
+
76
+ const hasOperator = (node: Record<string, unknown>, operator: string) =>
77
+ Object.prototype.hasOwnProperty.call(node, operator);
78
+
79
+ /**
80
+ * Whether a `skip_hook_storage_key` value is meant as an expression at all.
81
+ *
82
+ * Deliberately a shape check rather than a successful parse: a value that opens
83
+ * with `{` was written as an expression even when its JSON is broken, and must
84
+ * never fall back to being read as a list of storage keys.
85
+ */
86
+ export const looksLikeSkipExpression = (input: unknown): boolean =>
87
+ isPlainObject(input) ||
88
+ (typeof input === "string" && input.trim().startsWith("{"));
89
+
90
+ /**
91
+ * Reads a `skip_hook_storage_key` value as an expression, or returns null when
92
+ * it is not one — an empty value, a legacy comma-separated key list, or an
93
+ * expression whose JSON is malformed.
94
+ */
95
+ export const parseSkipExpression = (input: unknown): SkipExpression | null => {
96
+ if (isPlainObject(input)) {
97
+ return input as SkipExpression;
98
+ }
99
+
100
+ if (!looksLikeSkipExpression(input)) {
101
+ return null;
102
+ }
103
+
104
+ const trimmed = (input as string).trim();
105
+
106
+ try {
107
+ const parsed = JSON.parse(trimmed);
108
+
109
+ if (!isPlainObject(parsed)) {
110
+ log_error(
111
+ `parseSkipExpression: Expression must be an object, got: ${trimmed}`
112
+ );
113
+
114
+ return null;
115
+ }
116
+
117
+ return parsed as SkipExpression;
118
+ } catch (error) {
119
+ log_error(
120
+ `parseSkipExpression: Malformed expression: ${trimmed}. Error: ${error.message}`,
121
+ { error }
122
+ );
123
+
124
+ return null;
125
+ }
126
+ };
127
+
128
+ const keyIsTruthy = async (key: string, readKey: ReadKey): Promise<boolean> => {
129
+ const { namespace, key: name } = getNamespaceAndKey(key);
130
+
131
+ return Boolean(await readKey(name, namespace));
132
+ };
133
+
134
+ const evaluateEquals = async (
135
+ operand: { key: string; value: string },
136
+ readKey: ReadKey
137
+ ): Promise<boolean> => {
138
+ const { namespace, key: name } = getNamespaceAndKey(operand.key);
139
+ const value = await readKey(name, namespace);
140
+
141
+ return value == null ? false : String(value) === String(operand.value);
142
+ };
143
+
144
+ const evaluateNode = async (
145
+ node: SkipExpression,
146
+ readKey: ReadKey
147
+ ): Promise<boolean> => {
148
+ try {
149
+ if (typeof node === "string") {
150
+ return await keyIsTruthy(node, readKey);
151
+ }
152
+
153
+ if (!isPlainObject(node)) {
154
+ log_error(
155
+ `evaluateSkipExpression: Not an operator: ${JSON.stringify(node)}`
156
+ );
157
+
158
+ return false;
159
+ }
160
+
161
+ // The node came from configuration JSON, so every operand is read back as
162
+ // unknown and type-checked here rather than trusted from the union.
163
+ const operator = node as Record<string, unknown>;
164
+
165
+ if (
166
+ hasOperator(operator, "exists") &&
167
+ typeof operator.exists === "string"
168
+ ) {
169
+ return await keyIsTruthy(operator.exists, readKey);
170
+ }
171
+
172
+ if (
173
+ hasOperator(operator, "missing") &&
174
+ typeof operator.missing === "string"
175
+ ) {
176
+ return !(await keyIsTruthy(operator.missing, readKey));
177
+ }
178
+
179
+ if (hasOperator(operator, "equals") && isPlainObject(operator.equals)) {
180
+ return await evaluateEquals(
181
+ operator.equals as { key: string; value: string },
182
+ readKey
183
+ );
184
+ }
185
+
186
+ if (hasOperator(operator, "all") && Array.isArray(operator.all)) {
187
+ for (const operand of operator.all) {
188
+ if (!(await evaluateNode(operand, readKey))) {
189
+ return false;
190
+ }
191
+ }
192
+
193
+ // An empty operand list carries no condition, so it stays false rather
194
+ // than skipping the hook on the vacuous truth of an empty AND.
195
+ return operator.all.length > 0;
196
+ }
197
+
198
+ if (hasOperator(operator, "any") && Array.isArray(operator.any)) {
199
+ for (const operand of operator.any) {
200
+ if (await evaluateNode(operand, readKey)) {
201
+ return true;
202
+ }
203
+ }
204
+
205
+ return false;
206
+ }
207
+
208
+ if (hasOperator(operator, "not")) {
209
+ return !(await evaluateNode(operator.not as SkipExpression, readKey));
210
+ }
211
+
212
+ log_error(
213
+ `evaluateSkipExpression: Unknown or malformed operator: ${JSON.stringify(
214
+ node
215
+ )}`
216
+ );
217
+
218
+ return false;
219
+ } catch (error) {
220
+ log_error(
221
+ `evaluateSkipExpression: Error: ${error.message} evaluating: ${JSON.stringify(
222
+ node
223
+ )}`,
224
+ { error }
225
+ );
226
+
227
+ return false;
228
+ }
229
+ };
230
+
231
+ /**
232
+ * Evaluates a parsed expression to the skip decision. A null expression — the
233
+ * field held no expression — is not a condition, so nothing is skipped.
234
+ */
235
+ export const evaluateSkipExpression = async (
236
+ expression: SkipExpression | null,
237
+ readKey: ReadKey
238
+ ): Promise<boolean> => {
239
+ if (!expression) {
240
+ return false;
241
+ }
242
+
243
+ const shouldSkip = await evaluateNode(expression, readKey);
244
+
245
+ log_info(
246
+ `evaluateSkipExpression: Expression evaluated to ${shouldSkip}, ${
247
+ shouldSkip ? "skipping hook" : "proceeding with hook"
248
+ }`
249
+ );
250
+
251
+ return shouldSkip;
252
+ };
@@ -1,6 +1,11 @@
1
1
  import { getNamespaceAndKey } from "@applicaster/zapp-react-native-utils/appUtils/contextKeysManager/utils";
2
2
  import { localStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage";
3
3
  import { sessionStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/SessionStorage";
4
+ import {
5
+ looksLikeSkipExpression,
6
+ parseSkipExpression,
7
+ evaluateSkipExpression,
8
+ } from "./skipExpression";
4
9
  import { log_error, log_info } from "./logger";
5
10
 
6
11
  type ParseKey = { key: string; namespace?: string };
@@ -23,6 +28,12 @@ export const getKeyToSkipHook = async (key: string, namespace?: string) => {
23
28
  return await localStorage.getItem(key, namespace);
24
29
  };
25
30
 
31
+ /**
32
+ * Decides whether the hook should be skipped, from the `skip_hook_storage_key`
33
+ * rule. The value is either a comma-separated key list — skip when ANY of them
34
+ * exists — or, packed into the same string, a JSON boolean expression over
35
+ * storage keys. See `skipExpression.ts` for the expression format.
36
+ */
26
37
  export const shouldSkipHook = async (
27
38
  skipHookIfKeysExist?: string
28
39
  ): Promise<boolean> => {
@@ -32,6 +43,13 @@ export const shouldSkipHook = async (
32
43
  return false;
33
44
  }
34
45
 
46
+ if (looksLikeSkipExpression(skipHookIfKeysExist)) {
47
+ return await evaluateSkipExpression(
48
+ parseSkipExpression(skipHookIfKeysExist),
49
+ getKeyToSkipHook
50
+ );
51
+ }
52
+
35
53
  const keyEntries = parseKeyEntries(skipHookIfKeysExist);
36
54
 
37
55
  if (keyEntries.length === 0) {
@@ -105,6 +105,7 @@ export const ActionButton = React.memo(function ActionButtonComponent(
105
105
  testID={props?.testID || `${item?.id}`}
106
106
  accessibilityLabel={props?.accessibilityLabel || `${item?.id}`}
107
107
  accessibilityHint={props?.accessibilityHint}
108
+ accessibilityRole="button"
108
109
  accessible={!!(props?.testID || props?.accessibilityLabel)}
109
110
  style={props?.style}
110
111
  >
@@ -91,6 +91,7 @@ function ButtonComponent(props: Props) {
91
91
  onPress={onPress}
92
92
  testID={props?.testID || `${item?.id}`}
93
93
  accessibilityLabel={props?.accessibilityLabel || `${item?.id}`}
94
+ accessibilityRole="button"
94
95
  accessible={!!(props?.testID || props?.accessibilityLabel)}
95
96
  style={props?.style}
96
97
  >