@builder.io/react 5.0.2-7 → 5.0.2-9
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/dist/builder-react-lite.cjs.js +1 -1
- package/dist/builder-react-lite.esm.js +1 -1
- package/dist/builder-react.browser.js +2 -2
- package/dist/builder-react.browser.js.map +1 -1
- package/dist/builder-react.cjs.js +1 -1
- package/dist/builder-react.cjs.js.map +1 -1
- package/dist/builder-react.es5.js +1 -1
- package/dist/builder-react.es5.js.map +1 -1
- package/dist/builder-react.unpkg.js +2 -2
- package/dist/builder-react.unpkg.js.map +1 -1
- package/dist/lib/package.json +1 -1
- package/dist/lib/src/blocks/PersonalizationContainer.js +36 -97
- package/dist/lib/src/blocks/PersonalizationContainer.js.map +1 -1
- package/dist/lib/src/functions/filter-with-custom-targeting.js +86 -0
- package/dist/lib/src/functions/filter-with-custom-targeting.js.map +1 -0
- package/dist/types/src/blocks/PersonalizationContainer.d.ts +1 -4
- package/dist/types/src/functions/filter-with-custom-targeting.d.ts +14 -0
- package/package.json +2 -2
- package/src/blocks/PersonalizationContainer.tsx +93 -107
- package/src/functions/filter-with-custom-targeting.ts +126 -0
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
type UserAttributes = {
|
|
2
|
+
date?: string | Date;
|
|
3
|
+
urlPath?: string;
|
|
4
|
+
[key: string]: any; // Allow any other properties
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
// Query type
|
|
8
|
+
type QueryOperator =
|
|
9
|
+
| 'is'
|
|
10
|
+
| 'isNot'
|
|
11
|
+
| 'contains'
|
|
12
|
+
| 'startsWith'
|
|
13
|
+
| 'endsWith'
|
|
14
|
+
| 'greaterThan'
|
|
15
|
+
| 'lessThan'
|
|
16
|
+
| 'greaterThanOrEqualTo'
|
|
17
|
+
| 'lessThanOrEqualTo';
|
|
18
|
+
|
|
19
|
+
type QueryValue = string | number | boolean | Array<string | number | boolean>;
|
|
20
|
+
|
|
21
|
+
export type Query = {
|
|
22
|
+
property: string;
|
|
23
|
+
operator: QueryOperator;
|
|
24
|
+
value: QueryValue;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export function filterWithCustomTargeting(
|
|
28
|
+
userAttributes: UserAttributes,
|
|
29
|
+
query: Query[],
|
|
30
|
+
startDate?: string,
|
|
31
|
+
endDate?: string
|
|
32
|
+
) {
|
|
33
|
+
const item = {
|
|
34
|
+
query,
|
|
35
|
+
startDate,
|
|
36
|
+
endDate,
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
const now = (userAttributes.date && new Date(userAttributes.date)) || new Date();
|
|
40
|
+
|
|
41
|
+
if (item.startDate && new Date(item.startDate) > now) {
|
|
42
|
+
return false;
|
|
43
|
+
} else if (item.endDate && new Date(item.endDate) < now) {
|
|
44
|
+
return false;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
if (!item.query || !item.query.length) {
|
|
48
|
+
return true;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
return item.query.every((filter: Query) => {
|
|
52
|
+
return objectMatchesQuery(userAttributes, filter);
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
function isString(val: unknown): val is string {
|
|
57
|
+
return typeof val === 'string';
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
function isNumber(val: unknown): val is number {
|
|
61
|
+
return typeof val === 'number';
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
function objectMatchesQuery(userattr: UserAttributes, query: Query): boolean {
|
|
65
|
+
const result = (() => {
|
|
66
|
+
const property = query.property;
|
|
67
|
+
const operator = query.operator;
|
|
68
|
+
let testValue = query.value;
|
|
69
|
+
|
|
70
|
+
if (
|
|
71
|
+
query &&
|
|
72
|
+
query.property === 'urlPath' &&
|
|
73
|
+
query.value &&
|
|
74
|
+
typeof query.value === 'string' &&
|
|
75
|
+
query.value !== '/' &&
|
|
76
|
+
query.value.endsWith('/')
|
|
77
|
+
) {
|
|
78
|
+
testValue = query.value.slice(0, -1);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
// Check is query property is present in userAttributes. Proceed only if it is present.
|
|
82
|
+
if (!(property && operator)) {
|
|
83
|
+
return true;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
if (Array.isArray(testValue)) {
|
|
87
|
+
if (operator === 'isNot') {
|
|
88
|
+
return testValue.every(val =>
|
|
89
|
+
objectMatchesQuery(userattr, { property, operator, value: val })
|
|
90
|
+
);
|
|
91
|
+
}
|
|
92
|
+
return !!testValue.find(val =>
|
|
93
|
+
objectMatchesQuery(userattr, { property, operator, value: val })
|
|
94
|
+
);
|
|
95
|
+
}
|
|
96
|
+
const value = userattr[property];
|
|
97
|
+
|
|
98
|
+
if (Array.isArray(value)) {
|
|
99
|
+
return value.includes(testValue);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
switch (operator) {
|
|
103
|
+
case 'is':
|
|
104
|
+
return value === testValue;
|
|
105
|
+
case 'isNot':
|
|
106
|
+
return value !== testValue;
|
|
107
|
+
case 'contains':
|
|
108
|
+
return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));
|
|
109
|
+
case 'startsWith':
|
|
110
|
+
return isString(value) && value.startsWith(String(testValue));
|
|
111
|
+
case 'endsWith':
|
|
112
|
+
return isString(value) && value.endsWith(String(testValue));
|
|
113
|
+
case 'greaterThan':
|
|
114
|
+
return isNumber(value) && isNumber(testValue) && value > testValue;
|
|
115
|
+
case 'lessThan':
|
|
116
|
+
return isNumber(value) && isNumber(testValue) && value < testValue;
|
|
117
|
+
case 'greaterThanOrEqualTo':
|
|
118
|
+
return isNumber(value) && isNumber(testValue) && value >= testValue;
|
|
119
|
+
case 'lessThanOrEqualTo':
|
|
120
|
+
return isNumber(value) && isNumber(testValue) && value <= testValue;
|
|
121
|
+
}
|
|
122
|
+
return false;
|
|
123
|
+
})();
|
|
124
|
+
|
|
125
|
+
return result;
|
|
126
|
+
}
|