@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.
- package/Components/AudioPlayer/tv/__tests__/audioPlayer.test.js +19 -0
- package/Components/AudioPlayer/tv/__tests__/index.test.tsx +120 -0
- package/Components/AudioPlayer/tv/index.tsx +5 -1
- package/Components/Cell/Cell.tsx +3 -6
- package/Components/Cell/TvOSCellComponent.tsx +0 -1
- package/Components/GeneralContentScreen/GeneralContentScreenHookAdapter.tsx +15 -0
- package/Components/GeneralContentScreen/hookAdapter/__tests__/skipExpression.test.ts +294 -0
- package/Components/GeneralContentScreen/hookAdapter/__tests__/validationHelper.test.ts +64 -0
- package/Components/GeneralContentScreen/hookAdapter/skipExpression.ts +252 -0
- package/Components/GeneralContentScreen/hookAdapter/validationHelper.ts +18 -0
- package/Components/MasterCell/DefaultComponents/ActionButton.tsx +1 -0
- package/Components/MasterCell/DefaultComponents/Button.tsx +1 -0
- package/Components/MasterCell/DefaultComponents/Image/hoc/utils/__tests__/withDimensions.test.ts +420 -125
- package/Components/MasterCell/DefaultComponents/Image/hoc/utils/index.ts +114 -19
- package/Components/MasterCell/DefaultComponents/Image/hoc/withDimensions.tsx +19 -8
- package/Components/MasterCell/DefaultComponents/Toggle.tsx +36 -14
- package/Components/MasterCell/DefaultComponents/__tests__/Toggle.test.tsx +167 -0
- package/Components/ModalComponent/ActionsBottomSheet/ActionButton.tsx +54 -0
- package/Components/ModalComponent/ActionsBottomSheet/boundActionButton.tsx +21 -0
- package/Components/ModalComponent/ActionsBottomSheet/index.ts +9 -0
- package/Components/ModalComponent/ActionsBottomSheet/openActionsBottomSheet.ts +58 -0
- package/Components/ModalComponent/AudioPlayer/Components/Action.tsx +0 -18
- package/Components/ModalComponent/AudioPlayer/Components/Button.tsx +32 -27
- package/Components/ModalComponent/AudioPlayer/Components/Header.tsx +25 -73
- package/Components/ModalComponent/AudioPlayer/Components/Input.tsx +0 -18
- package/Components/ModalComponent/AudioPlayer/Components/Item.tsx +166 -84
- package/Components/ModalComponent/AudioPlayer/Components/NowPlayingHeaderSection.tsx +89 -0
- package/Components/ModalComponent/AudioPlayer/Components/index.ts +3 -1
- package/Components/ModalComponent/AudioPlayer/utils/__tests__/mergeStyles.test.ts +230 -0
- package/Components/ModalComponent/AudioPlayer/utils/mergeStyles.ts +332 -0
- package/Components/ModalComponent/BottomSheetDragArea.tsx +33 -0
- package/Components/ModalComponent/BottomSheetModalContent.tsx +385 -60
- package/Components/ModalComponent/Button/index.tsx +5 -3
- package/Components/ModalComponent/Header/CloseButton.tsx +12 -0
- package/Components/ModalComponent/Header/__tests__/CloseButton.test.tsx +72 -0
- package/Components/ModalComponent/Header/index.tsx +20 -7
- package/Components/ModalComponent/Header/utils.ts +1 -1
- package/Components/ModalComponent/ModalBlocksStyleContext.tsx +10 -0
- package/Components/ModalComponent/SortableList.tsx +142 -0
- package/Components/ModalComponent/SortableList.web.tsx +34 -0
- package/Components/ModalComponent/TextInputContent.tsx +100 -0
- package/Components/ModalComponent/__tests__/BottomSheetDragArea.test.tsx +74 -0
- package/Components/ModalComponent/__tests__/BottomSheetModalContent.test.tsx +238 -0
- package/Components/ModalComponent/__tests__/SortableList.web.test.tsx +16 -0
- package/Components/ModalComponent/__tests__/TextInputContent.test.tsx +120 -0
- package/Components/ModalComponent/__tests__/showTextInput.test.ts +95 -0
- package/Components/ModalComponent/index.tsx +11 -0
- package/Components/ModalComponent/presets/__tests__/getCell.test.ts +66 -0
- package/Components/ModalComponent/presets/dynamicCollectionCell.tsx +78 -0
- package/Components/ModalComponent/presets/index.ts +27 -0
- package/Components/ModalComponent/presets/selectableCell.tsx +28 -0
- package/Components/ModalComponent/presets/standardCell.tsx +41 -0
- package/Components/ModalComponent/presets/types.ts +35 -0
- package/Components/ModalComponent/showTextInput.ts +43 -0
- package/Components/ModalComponent/utils.ts +82 -21
- package/Components/OfflineHandler/__tests__/__snapshots__/index.test.tsx.snap +4 -85
- package/Components/OfflineHandler/__tests__/index.test.tsx +78 -18
- package/Components/OfflineHandler/hooks.ts +111 -0
- package/Components/OfflineHandler/index.tsx +51 -73
- package/Components/OfflineHandler/utils/index.ts +1 -13
- package/Components/PlayerContainer/PlayerContainer.tsx +11 -7
- package/Components/PlayerContainer/ProgramInfo/index.tsx +3 -4
- package/Components/PlayerContainer/__tests__/PlayerContainer.test.tsx +66 -13
- package/Components/PreloaderWrapper/index.tsx +1 -1
- package/Components/River/ComponentsMap/ComponentsMap.tsx +79 -51
- package/Components/River/River.tsx +4 -0
- package/Components/River/__tests__/resultCallback.test.tsx +47 -0
- package/Components/ScreenFeedLoader/ScreenFeedLoader.tsx +5 -3
- package/Components/ScreenResolverFeedProvider/ScreenResolverFeedProvider.tsx +1 -1
- package/Components/ScreenRevealManager/ScreenRevealManager.ts +18 -2
- package/Components/ScreenRevealManager/__tests__/ScreenRevealManager.test.ts +36 -0
- package/Components/ScreenRevealManager/__tests__/withScreenRevealManager.test.tsx +56 -0
- package/Components/ScreenRevealManager/withScreenRevealManager.tsx +20 -3
- package/Components/TopCutoffOverlay/index.tsx +2 -2
- package/Components/VideoLive/LiveImageManager.ts +1 -1
- package/Hooks/useEntryActionsExpander.ts +63 -0
- package/package.json +6 -5
- package/Components/OfflineHandler/NotificationView/NotificationView.lg.tsx +0 -112
- package/Components/OfflineHandler/NotificationView/NotificationView.samsung.tsx +0 -107
- package/Components/OfflineHandler/NotificationView/NotificationView.tsx +0 -153
- package/Components/OfflineHandler/NotificationView/__tests__/index.test.tsx +0 -66
- package/Components/OfflineHandler/NotificationView/utils.ts +0 -34
- /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
|
>
|