@wlloyalty/wll-react-sdk 1.0.111 → 1.0.113

package/dist/types/hooks/useGroupRefresh.d.ts

@@ -0,0 +1,8 @@
+import { TGroup } from '../types/group';
+type UseGroupRefreshProps = {
+    id: string;
+    enabled?: boolean;
+    setGroupData: (g: TGroup) => void;
+};
+export declare const useGroupRefresh: ({ id, enabled, setGroupData, }: UseGroupRefreshProps) => void;
+export {};

package/dist/types/hooks/useInitialGroupFetch.d.ts

@@ -0,0 +1,10 @@
+import type { TGroup } from '../types/group';
+type UseInitialGroupFetchProps = {
+    id: string;
+    setGroupData: (group: TGroup) => void;
+};
+export declare const useInitialGroupFetch: ({ id, setGroupData, }: UseInitialGroupFetchProps) => {
+    isLoading: boolean;
+    error: string | null;
+};
+export {};

package/dist/web.js

@@ -20595,6 +20595,114 @@ 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];
+  React.useEffect(function () {
+    var cancelled = false;
+    var fetchGroup = function () {
+      return __awaiter(void 0, void 0, void 0, function () {
+        var response;
+        var _b;
+        return __generator(this, function (_c) {
+          switch (_c.label) {
+            case 0:
+              if (!id || !(sdk === null || sdk === void 0 ? void 0 : sdk.refreshGroup)) {
+                setError('Unable to fetch group data: invalid configuration');
+                setIsLoading(false);
+                return [2 /*return*/];
+              }
+              setIsLoading(true);
+              setError(null);
+              _c.label = 1;
+            case 1:
+              _c.trys.push([1, 3, 4, 5]);
+              return [4 /*yield*/, sdk.refreshGroup(id)];
+            case 2:
+              response = _c.sent();
+              if (cancelled) return [2 /*return*/];
+              if ((response === null || response === void 0 ? void 0 : response.status) === 'success' && response.data) {
+                setGroupData(response.data);
+              } else {
+                setError((_b = response === null || response === void 0 ? void 0 : response.error) !== null && _b !== void 0 ? _b : 'Failed to fetch group data');
+              }
+              return [3 /*break*/, 5];
+            case 3:
+              _c.sent();
+              if (!cancelled) setError('An unexpected error occurred.');
+              return [3 /*break*/, 5];
+            case 4:
+              if (!cancelled) setIsLoading(false);
+              return [7 /*endfinally*/];
+            case 5:
+              return [2 /*return*/];
+          }
+        });
+      });
+    };
+    fetchGroup();
+    return function () {
+      cancelled = true;
+    };
+  }, [id, sdk, setGroupData]);
+  return {
+    isLoading: isLoading,
+    error: error
+  };
+};
+
 exports.SectionType = void 0;
 (function (SectionType) {
   SectionType["Grid"] = "GRID";
@@ -21313,108 +21421,24 @@ 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]);
+  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,
-    refreshGroup: refreshGroup
+    error: error
   };
 };
 /**
@@ -21495,7 +21519,7 @@ var Group = function (_a) {
     return /*#__PURE__*/React.createElement(View$2, {
       style: {
         flex: 1,
-        padding: theme.sizes.lg
+        padding: IS_MOBILE ? theme.sizes.lg : undefined
       },
       accessible: true,
       accessibilityLabel: "Loading group data"
@@ -22501,8 +22525,7 @@ var useRoundupTileStyles = function (isFullSize) {
       justifyContent: 'space-between'
     },
     contentContainer: {
-      width: '100%',
-      marginTop: isFullSize ? useResponsiveValue(theme.sizes.xxl, theme.sizes.md, isDesktop, isTablet) : 0
+      width: '100%'
     },
     contentColumn: {
       flexGrow: 1