@wlloyalty/wll-react-sdk 1.1.0 → 1.2.1

package/dist/web.js

@@ -20448,16 +20448,17 @@ var useContentTileStyles = function (hasArtwork) {
   return StyleSheet$1.create({
     imageContainer: {
       width: '100%',
-      marginBottom: 0
+      marginBottom: 0,
+      overflow: 'hidden'
     },
     image: {
       position: 'absolute',
-      top: 0,
-      left: 0,
-      bottom: 0,
-      right: 0,
-      width: '100%',
-      height: '100%',
+      top: -1,
+      left: -1,
+      bottom: -1,
+      right: -1,
+      width: '102%',
+      height: '102%',
       resizeMode: 'cover'
     },
     content: {
@@ -20640,6 +20641,7 @@ var useGroupRefresh = function (_a) {
   }, [id, sdk, enabled, setGroupData]);
 };
 
+var inFlightRequests = new Map();
 var useInitialGroupFetch = function (_a) {
   var id = _a.id,
     setGroupData = _a.setGroupData;
@@ -20651,32 +20653,42 @@ var useInitialGroupFetch = function (_a) {
     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 () {
+    var fetch = function () {
       return __awaiter(void 0, void 0, void 0, function () {
-        var response;
+        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:
@@ -20692,7 +20704,7 @@ var useInitialGroupFetch = function (_a) {
         });
       });
     };
-    fetchGroup();
+    fetch();
     return function () {
       cancelled = true;
     };