@wlloyalty/wll-react-sdk 1.0.111 → 1.0.112

package/dist/native.js

@@ -3700,6 +3700,108 @@ var ContentTile = Object.assign(ContentTileRoot, {
 });
 var ContentTile$1 = withTileFetching(ContentTile);
 
+var useGroupRefresh = function (_a) {
+    var id = _a.id, _b = _a.enabled, enabled = _b === void 0 ? false : _b, setGroupData = _a.setGroupData;
+    var sdk = useWllSdk();
+    React.useEffect(function () {
+        if (!enabled || !(sdk === null || sdk === void 0 ? void 0 : sdk.subscribeToDataChange)) {
+            return;
+        }
+        var unsubscribe = sdk.subscribeToDataChange('GROUP_DATA_CHANGED', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var res, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!id || !sdk || !sdk.refreshGroup) {
+                            return [2 /*return*/];
+                        }
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, sdk.refreshGroup(id)];
+                    case 2:
+                        res = _a.sent();
+                        if ((res === null || res === void 0 ? void 0 : res.status) === 'success' && res.data) {
+                            setGroupData(res.data);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_1 = _a.sent();
+                        console.error('Error during silent refresh:', err_1);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); });
+        return function () {
+            unsubscribe();
+        };
+    }, [id, sdk, enabled, setGroupData]);
+};
+
+var useInitialGroupFetch = function (_a) {
+    var id = _a.id, setGroupData = _a.setGroupData;
+    var sdk = useWllSdk();
+    var _b = React.useState(true), isLoading = _b[0], setIsLoading = _b[1];
+    var _c = React.useState(null), error = _c[0], setError = _c[1];
+    var fetchInProgressRef = React.useRef(false);
+    React.useEffect(function () {
+        var isMounted = true;
+        var fetch = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (fetchInProgressRef.current) {
+                            return [2 /*return*/];
+                        }
+                        fetchInProgressRef.current = true;
+                        if (!id || !sdk || !sdk.refreshGroup) {
+                            setError('Unable to fetch group data: invalid configuration');
+                            setIsLoading(false);
+                            return [2 /*return*/];
+                        }
+                        setIsLoading(true);
+                        setError(null);
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, sdk.refreshGroup(id)];
+                    case 2:
+                        response = _b.sent();
+                        if (!isMounted)
+                            return [2 /*return*/];
+                        if ((response === null || response === void 0 ? void 0 : response.status) === 'success' && response.data) {
+                            setGroupData(response.data);
+                        }
+                        else {
+                            setError((_a = response === null || response === void 0 ? void 0 : response.error) !== null && _a !== void 0 ? _a : 'Failed to fetch group data');
+                        }
+                        return [3 /*break*/, 5];
+                    case 3:
+                        _b.sent();
+                        if (isMounted) {
+                            setError('An unexpected error occurred.');
+                        }
+                        return [3 /*break*/, 5];
+                    case 4:
+                        if (isMounted) {
+                            setIsLoading(false);
+                        }
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        fetch();
+        return function () {
+            isMounted = false;
+        };
+    }, [id, sdk, setGroupData]);
+    return { isLoading: isLoading, error: error };
+};
+
 exports.SectionType = void 0;
 (function (SectionType) {
     SectionType["Grid"] = "GRID";
@@ -4255,91 +4357,14 @@ var useGroupContext = function () {
  * @returns {Object} Object containing group data, loading state, and any error
  */
 var useGroupData = function (id) {
-    var sdk = useWllSdk();
     var _a = React.useState(null), groupData = _a[0], setGroupData = _a[1];
-    var _b = React.useState(null), error = _b[0], setError = _b[1];
-    var _c = React.useState(true), isLoading = _c[0], setIsLoading = _c[1];
-    var _d = React.useState(false), isInitialFetchDone = _d[0], setIsInitialFetchDone = _d[1];
-    var initialFetch = React.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, err_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!id || !sdk || !sdk.getGroupByID) {
-                        setError('Unable to fetch group data: invalid configuration');
-                        setIsLoading(false);
-                        setIsInitialFetchDone(true);
-                        return [2 /*return*/];
-                    }
-                    setIsLoading(true);
-                    setError(null);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, sdk.refreshGroup(id)];
-                case 2:
-                    response = _a.sent();
-                    if (response && response.status === 'success' && response.data) {
-                        setGroupData(response.data);
-                    }
-                    else {
-                        setError((response && response.error) || 'Failed to fetch group data.');
-                    }
-                    return [3 /*break*/, 5];
-                case 3:
-                    err_1 = _a.sent();
-                    setError('Failed to fetch group data. Please try again later.');
-                    console.error('Error fetching group:', err_1);
-                    return [3 /*break*/, 5];
-                case 4:
-                    setIsLoading(false);
-                    setIsInitialFetchDone(true);
-                    return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); }, [id, sdk]);
-    var silentRefresh = React.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, err_2;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!id || !sdk || !sdk.getGroupByID || !isInitialFetchDone) {
-                        return [2 /*return*/];
-                    }
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, sdk.refreshGroup(id)];
-                case 2:
-                    response = _a.sent();
-                    if (response && response.status === 'success' && response.data) {
-                        setGroupData(response.data);
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    err_2 = _a.sent();
-                    console.error('Error during silent refresh:', err_2);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); }, [id, sdk, isInitialFetchDone]);
-    var refreshGroup = React.useCallback(function () {
-        return silentRefresh();
-    }, [silentRefresh]);
-    React.useEffect(function () {
-        if (sdk) {
-            initialFetch();
-            var unsubscribeGroup_1 = sdk.subscribeToDataChange('GROUP_DATA_CHANGED', function () {
-                silentRefresh();
-            });
-            return function () {
-                unsubscribeGroup_1();
-            };
-        }
-    }, [initialFetch, id, sdk, silentRefresh]);
-    return { groupData: groupData, isLoading: isLoading, error: error, refreshGroup: refreshGroup };
+    var _b = useInitialGroupFetch({ id: id, setGroupData: setGroupData }), isLoading = _b.isLoading, error = _b.error;
+    useGroupRefresh({
+        id: id,
+        enabled: Boolean(groupData),
+        setGroupData: setGroupData,
+    });
+    return { groupData: groupData, isLoading: isLoading, error: error };
 };
 /**
  * Component to display an empty state with a message