@wlloyalty/wll-react-sdk 1.0.112 → 1.1.0

package/dist/index.d.ts

@@ -139,7 +139,7 @@ declare class RoundupTileConfig {
     amountPrefix?: string | null;
     amountSuffix?: string | null;
     artworkUrl?: string | null;
-    amount?: number;
+    balance?: number;
     ctaLink?: string | null;
     ctaLinkTarget?: CTALinkTarget;
 }

package/dist/native.js

@@ -3744,59 +3744,52 @@ var useInitialGroupFetch = function (_a) {
     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 cancelled = false;
+        var fetchGroup = function () { return __awaiter(void 0, void 0, void 0, function () {
             var response;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
-                        if (fetchInProgressRef.current) {
-                            return [2 /*return*/];
-                        }
-                        fetchInProgressRef.current = true;
-                        if (!id || !sdk || !sdk.refreshGroup) {
+                        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);
-                        _b.label = 1;
+                        _c.label = 1;
                     case 1:
-                        _b.trys.push([1, 3, 4, 5]);
+                        _c.trys.push([1, 3, 4, 5]);
                         return [4 /*yield*/, sdk.refreshGroup(id)];
                     case 2:
-                        response = _b.sent();
-                        if (!isMounted)
+                        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((_a = response === null || response === void 0 ? void 0 : response.error) !== null && _a !== void 0 ? _a : 'Failed to fetch group data');
+                            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:
-                        _b.sent();
-                        if (isMounted) {
+                        _c.sent();
+                        if (!cancelled)
                             setError('An unexpected error occurred.');
-                        }
                         return [3 /*break*/, 5];
                     case 4:
-                        if (isMounted) {
+                        if (!cancelled)
                             setIsLoading(false);
-                        }
                         return [7 /*endfinally*/];
                     case 5: return [2 /*return*/];
                 }
             });
         }); };
-        fetch();
+        fetchGroup();
         return function () {
-            isMounted = false;
+            cancelled = true;
         };
     }, [id, sdk, setGroupData]);
     return { isLoading: isLoading, error: error };
@@ -4419,7 +4412,7 @@ var Group = function (_a) {
     if (isLoading) {
         return (jsxRuntimeExports.jsx(reactNative.View, { style: {
                 flex: 1,
-                padding: theme.sizes.lg,
+                padding: IS_MOBILE ? theme.sizes.lg : undefined,
             }, accessible: true, accessibilityLabel: "Loading group data", children: jsxRuntimeExports.jsx(Skeleton, { numberOfSquares: IS_WEB ? 4 : 2 }) }));
     }
     if (error || !groupData) {
@@ -5081,6 +5074,22 @@ TierTile.Full = TierTileFull;
 TierTile.Half = TierTileHalf;
 TierTile.Empty = TierTileEmpty;
 
+/**
+ * Renders formatted points value for a Roundup Tile.
+ *
+ * @returns JSX.Element or null if points are undefined or zero
+ */
+var RoundupTileFormattedPoints = function () {
+    var tileContext = useTileContext();
+    if (!isContextValid(tileContext))
+        return null;
+    var _a = tileContext.configuration, _b = _a.balance, balance = _b === void 0 ? 0 : _b, _c = _a.amountPrefix, amountPrefix = _c === void 0 ? '' : _c, _d = _a.amountSuffix, amountSuffix = _d === void 0 ? '' : _d;
+    if (balance === undefined)
+        return null;
+    var fullPointsText = "".concat(amountPrefix).concat(cleanNumber(balance)).concat(amountSuffix).trim();
+    return (jsxRuntimeExports.jsx(reactNative.View, { testID: "roundup-tile-amount", role: "article", accessibilityLabel: "Amount: ".concat(fullPointsText), children: jsxRuntimeExports.jsx(Row, { align: "center", justify: "start", children: jsxRuntimeExports.jsx(Text, { variant: "caption", testID: "roundup-tile-value", children: fullPointsText }) }) }));
+};
+
 /**
  * Custom hook that returns the styles for the RoundupTile component.
  * Applies responsive styling based on the current device.
@@ -5100,9 +5109,6 @@ var useRoundupTileStyles = function (isFullSize) {
         },
         contentContainer: {
             width: '100%',
-            marginTop: isFullSize
-                ? useResponsiveValue(theme.sizes.xxl, theme.sizes.md, isDesktop, isTablet)
-                : 0,
         },
         contentColumn: {
             flexGrow: 1,
@@ -5147,23 +5153,6 @@ var useRoundupTileStyles = function (isFullSize) {
     });
 };
 
-/**
- * Renders formatted points value for a Roundup Tile.
- *
- * @returns JSX.Element or null if points are undefined or zero
- */
-var RoundupTileFormattedPoints = function () {
-    var styles = useRoundupTileStyles();
-    var tileContext = useTileContext();
-    if (!isContextValid(tileContext))
-        return null;
-    var _a = tileContext.configuration, _b = _a.amountPrefix, amountPrefix = _b === void 0 ? '' : _b, _c = _a.amountSuffix, amountSuffix = _c === void 0 ? '' : _c, _d = _a.amount, amount = _d === void 0 ? 0 : _d;
-    if (amount === undefined)
-        return null;
-    var fullPointsText = "".concat(amountPrefix).concat(amount, " ").concat(amountSuffix).trim();
-    return (jsxRuntimeExports.jsx(reactNative.View, { testID: "roundup-tile-amount", role: "article", accessibilityLabel: "Amount: ".concat(fullPointsText), children: jsxRuntimeExports.jsxs(Row, { align: "center", justify: "start", children: [amountPrefix ? (jsxRuntimeExports.jsx(Text, { variant: "caption", testID: "roundup-tile-prefix", children: amountPrefix })) : null, jsxRuntimeExports.jsx(Text, { variant: "caption", testID: "roundup-tile-value", children: amount }), amountSuffix ? (jsxRuntimeExports.jsx(Text, { variant: "caption", style: styles.suffix, testID: "roundup-tile-suffix", children: amountSuffix })) : null] }) }));
-};
-
 /**
  * Renders the media of a Points Tile.
  *