@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.
@@ -1,4 +1,4 @@
1
- import { TGroup } from '../types/group';
1
+ import type { TGroup } from '../types/group';
2
2
  type UseInitialGroupFetchProps = {
3
3
  id: string;
4
4
  setGroupData: (group: TGroup) => void;
package/dist/web.js CHANGED
@@ -20650,50 +20650,41 @@ var useInitialGroupFetch = function (_a) {
20650
20650
  var _c = React.useState(null),
20651
20651
  error = _c[0],
20652
20652
  setError = _c[1];
20653
- var fetchInProgressRef = React.useRef(false);
20654
20653
  React.useEffect(function () {
20655
- var isMounted = true;
20656
- var fetch = function () {
20654
+ var cancelled = false;
20655
+ var fetchGroup = function () {
20657
20656
  return __awaiter(void 0, void 0, void 0, function () {
20658
20657
  var response;
20659
- var _a;
20660
- return __generator(this, function (_b) {
20661
- switch (_b.label) {
20658
+ var _b;
20659
+ return __generator(this, function (_c) {
20660
+ switch (_c.label) {
20662
20661
  case 0:
20663
- if (fetchInProgressRef.current) {
20664
- return [2 /*return*/];
20665
- }
20666
- fetchInProgressRef.current = true;
20667
- if (!id || !sdk || !sdk.refreshGroup) {
20662
+ if (!id || !(sdk === null || sdk === void 0 ? void 0 : sdk.refreshGroup)) {
20668
20663
  setError('Unable to fetch group data: invalid configuration');
20669
20664
  setIsLoading(false);
20670
20665
  return [2 /*return*/];
20671
20666
  }
20672
20667
  setIsLoading(true);
20673
20668
  setError(null);
20674
- _b.label = 1;
20669
+ _c.label = 1;
20675
20670
  case 1:
20676
- _b.trys.push([1, 3, 4, 5]);
20671
+ _c.trys.push([1, 3, 4, 5]);
20677
20672
  return [4 /*yield*/, sdk.refreshGroup(id)];
20678
20673
  case 2:
20679
- response = _b.sent();
20680
- if (!isMounted) return [2 /*return*/];
20674
+ response = _c.sent();
20675
+ if (cancelled) return [2 /*return*/];
20681
20676
  if ((response === null || response === void 0 ? void 0 : response.status) === 'success' && response.data) {
20682
20677
  setGroupData(response.data);
20683
20678
  } else {
20684
- setError((_a = response === null || response === void 0 ? void 0 : response.error) !== null && _a !== void 0 ? _a : 'Failed to fetch group data');
20679
+ setError((_b = response === null || response === void 0 ? void 0 : response.error) !== null && _b !== void 0 ? _b : 'Failed to fetch group data');
20685
20680
  }
20686
20681
  return [3 /*break*/, 5];
20687
20682
  case 3:
20688
- _b.sent();
20689
- if (isMounted) {
20690
- setError('An unexpected error occurred.');
20691
- }
20683
+ _c.sent();
20684
+ if (!cancelled) setError('An unexpected error occurred.');
20692
20685
  return [3 /*break*/, 5];
20693
20686
  case 4:
20694
- if (isMounted) {
20695
- setIsLoading(false);
20696
- }
20687
+ if (!cancelled) setIsLoading(false);
20697
20688
  return [7 /*endfinally*/];
20698
20689
  case 5:
20699
20690
  return [2 /*return*/];
@@ -20701,9 +20692,9 @@ var useInitialGroupFetch = function (_a) {
20701
20692
  });
20702
20693
  });
20703
20694
  };
20704
- fetch();
20695
+ fetchGroup();
20705
20696
  return function () {
20706
- isMounted = false;
20697
+ cancelled = true;
20707
20698
  };
20708
20699
  }, [id, sdk, setGroupData]);
20709
20700
  return {
@@ -21528,7 +21519,7 @@ var Group = function (_a) {
21528
21519
  return /*#__PURE__*/React.createElement(View$2, {
21529
21520
  style: {
21530
21521
  flex: 1,
21531
- padding: theme.sizes.lg
21522
+ padding: IS_MOBILE ? theme.sizes.lg : undefined
21532
21523
  },
21533
21524
  accessible: true,
21534
21525
  accessibilityLabel: "Loading group data"
@@ -22534,8 +22525,7 @@ var useRoundupTileStyles = function (isFullSize) {
22534
22525
  justifyContent: 'space-between'
22535
22526
  },
22536
22527
  contentContainer: {
22537
- width: '100%',
22538
- marginTop: isFullSize ? useResponsiveValue(theme.sizes.xxl, theme.sizes.md, isDesktop, isTablet) : 0
22528
+ width: '100%'
22539
22529
  },
22540
22530
  contentColumn: {
22541
22531
  flexGrow: 1