@wlloyalty/wll-react-sdk 1.0.113 → 1.2.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

@@ -3739,39 +3739,50 @@ var useGroupRefresh = function (_a) {
     }, [id, sdk, enabled, setGroupData]);
 };
 
+var inFlightRequests = new Map();
 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 () {
+        if (!id || !(sdk === null || sdk === void 0 ? void 0 : sdk.refreshGroup)) {
+            setError('Unable to fetch group data: invalid configuration');
+            setIsLoading(false);
+            return;
+        }
         var cancelled = false;
-        var fetchGroup = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var response;
+        var fetch = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var existing, request, res;
             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);
+                        existing = inFlightRequests.get(id);
+                        request = existing !== null && existing !== void 0 ? existing : sdk.refreshGroup(id);
+                        if (!existing) {
+                            inFlightRequests.set(id, request);
+                            request.finally(function () {
+                                if (inFlightRequests.get(id) === request) {
+                                    inFlightRequests.delete(id);
+                                }
+                            });
+                        }
                         _c.label = 1;
                     case 1:
                         _c.trys.push([1, 3, 4, 5]);
-                        return [4 /*yield*/, sdk.refreshGroup(id)];
+                        return [4 /*yield*/, request];
                     case 2:
-                        response = _c.sent();
+                        res = _c.sent();
                         if (cancelled)
                             return [2 /*return*/];
-                        if ((response === null || response === void 0 ? void 0 : response.status) === 'success' && response.data) {
-                            setGroupData(response.data);
+                        if ((res === null || res === void 0 ? void 0 : res.status) === 'success' && res.data) {
+                            setGroupData(res.data);
                         }
                         else {
-                            setError((_b = response === null || response === void 0 ? void 0 : response.error) !== null && _b !== void 0 ? _b : 'Failed to fetch group data');
+                            setError((_b = res === null || res === void 0 ? void 0 : res.error) !== null && _b !== void 0 ? _b : 'Failed to fetch group data');
                         }
                         return [3 /*break*/, 5];
                     case 3:
@@ -3787,7 +3798,7 @@ var useInitialGroupFetch = function (_a) {
                 }
             });
         }); };
-        fetchGroup();
+        fetch();
         return function () {
             cancelled = true;
         };
@@ -5074,6 +5085,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.
@@ -5137,23 +5164,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.
  *