@wlloyalty/wll-react-sdk 1.0.112 → 1.0.113
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/native.js +17 -27
- package/dist/native.js.map +1 -1
- package/dist/types/hooks/useInitialGroupFetch.d.ts +1 -1
- package/dist/web.js +18 -28
- package/dist/web.js.map +1 -1
- package/package.json +1 -1
package/dist/native.js
CHANGED
|
@@ -3744,59 +3744,52 @@ var useInitialGroupFetch = function (_a) {
|
|
|
3744
3744
|
var sdk = useWllSdk();
|
|
3745
3745
|
var _b = React.useState(true), isLoading = _b[0], setIsLoading = _b[1];
|
|
3746
3746
|
var _c = React.useState(null), error = _c[0], setError = _c[1];
|
|
3747
|
-
var fetchInProgressRef = React.useRef(false);
|
|
3748
3747
|
React.useEffect(function () {
|
|
3749
|
-
var
|
|
3750
|
-
var
|
|
3748
|
+
var cancelled = false;
|
|
3749
|
+
var fetchGroup = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
3751
3750
|
var response;
|
|
3752
|
-
var
|
|
3753
|
-
return __generator(this, function (
|
|
3754
|
-
switch (
|
|
3751
|
+
var _b;
|
|
3752
|
+
return __generator(this, function (_c) {
|
|
3753
|
+
switch (_c.label) {
|
|
3755
3754
|
case 0:
|
|
3756
|
-
if (
|
|
3757
|
-
return [2 /*return*/];
|
|
3758
|
-
}
|
|
3759
|
-
fetchInProgressRef.current = true;
|
|
3760
|
-
if (!id || !sdk || !sdk.refreshGroup) {
|
|
3755
|
+
if (!id || !(sdk === null || sdk === void 0 ? void 0 : sdk.refreshGroup)) {
|
|
3761
3756
|
setError('Unable to fetch group data: invalid configuration');
|
|
3762
3757
|
setIsLoading(false);
|
|
3763
3758
|
return [2 /*return*/];
|
|
3764
3759
|
}
|
|
3765
3760
|
setIsLoading(true);
|
|
3766
3761
|
setError(null);
|
|
3767
|
-
|
|
3762
|
+
_c.label = 1;
|
|
3768
3763
|
case 1:
|
|
3769
|
-
|
|
3764
|
+
_c.trys.push([1, 3, 4, 5]);
|
|
3770
3765
|
return [4 /*yield*/, sdk.refreshGroup(id)];
|
|
3771
3766
|
case 2:
|
|
3772
|
-
response =
|
|
3773
|
-
if (
|
|
3767
|
+
response = _c.sent();
|
|
3768
|
+
if (cancelled)
|
|
3774
3769
|
return [2 /*return*/];
|
|
3775
3770
|
if ((response === null || response === void 0 ? void 0 : response.status) === 'success' && response.data) {
|
|
3776
3771
|
setGroupData(response.data);
|
|
3777
3772
|
}
|
|
3778
3773
|
else {
|
|
3779
|
-
setError((
|
|
3774
|
+
setError((_b = response === null || response === void 0 ? void 0 : response.error) !== null && _b !== void 0 ? _b : 'Failed to fetch group data');
|
|
3780
3775
|
}
|
|
3781
3776
|
return [3 /*break*/, 5];
|
|
3782
3777
|
case 3:
|
|
3783
|
-
|
|
3784
|
-
if (
|
|
3778
|
+
_c.sent();
|
|
3779
|
+
if (!cancelled)
|
|
3785
3780
|
setError('An unexpected error occurred.');
|
|
3786
|
-
}
|
|
3787
3781
|
return [3 /*break*/, 5];
|
|
3788
3782
|
case 4:
|
|
3789
|
-
if (
|
|
3783
|
+
if (!cancelled)
|
|
3790
3784
|
setIsLoading(false);
|
|
3791
|
-
}
|
|
3792
3785
|
return [7 /*endfinally*/];
|
|
3793
3786
|
case 5: return [2 /*return*/];
|
|
3794
3787
|
}
|
|
3795
3788
|
});
|
|
3796
3789
|
}); };
|
|
3797
|
-
|
|
3790
|
+
fetchGroup();
|
|
3798
3791
|
return function () {
|
|
3799
|
-
|
|
3792
|
+
cancelled = true;
|
|
3800
3793
|
};
|
|
3801
3794
|
}, [id, sdk, setGroupData]);
|
|
3802
3795
|
return { isLoading: isLoading, error: error };
|
|
@@ -4419,7 +4412,7 @@ var Group = function (_a) {
|
|
|
4419
4412
|
if (isLoading) {
|
|
4420
4413
|
return (jsxRuntimeExports.jsx(reactNative.View, { style: {
|
|
4421
4414
|
flex: 1,
|
|
4422
|
-
padding: theme.sizes.lg,
|
|
4415
|
+
padding: IS_MOBILE ? theme.sizes.lg : undefined,
|
|
4423
4416
|
}, accessible: true, accessibilityLabel: "Loading group data", children: jsxRuntimeExports.jsx(Skeleton, { numberOfSquares: IS_WEB ? 4 : 2 }) }));
|
|
4424
4417
|
}
|
|
4425
4418
|
if (error || !groupData) {
|
|
@@ -5100,9 +5093,6 @@ var useRoundupTileStyles = function (isFullSize) {
|
|
|
5100
5093
|
},
|
|
5101
5094
|
contentContainer: {
|
|
5102
5095
|
width: '100%',
|
|
5103
|
-
marginTop: isFullSize
|
|
5104
|
-
? useResponsiveValue(theme.sizes.xxl, theme.sizes.md, isDesktop, isTablet)
|
|
5105
|
-
: 0,
|
|
5106
5096
|
},
|
|
5107
5097
|
contentColumn: {
|
|
5108
5098
|
flexGrow: 1,
|