@wlloyalty/wll-react-sdk 1.0.87 → 1.0.89

package/dist/native.js

@@ -1550,11 +1550,9 @@ var useMakeRequest = function (config) {
                 case 2: return [4 /*yield*/, fetch(url, createRequestOptions())];
                 case 3:
                     response = _a.sent();
-                    console.log('response', response);
                     return [4 /*yield*/, response.json()];
                 case 4:
                     json = _a.sent();
-                    console.log('json', json);
                     if (json.status === 'fail') {
                         return [2 /*return*/, {
                                 status: 'fail',
@@ -3377,6 +3375,11 @@ var useContentTileStyles = function (hasArtwork) {
             flex: 1,
         },
         header: getHeaderStyle(hasArtwork),
+        tileTitle: {
+            maxWidth: '90%',
+            flex: 1,
+            marginRight: 8,
+        },
     });
 };
 
@@ -3415,12 +3418,18 @@ var ContentTileSummary = function () {
 
 var ContentTileTitle = function () {
     var tileContext = useTileContext();
+    var styles = useContentTileStyles();
     if (!isContextValid(tileContext))
         return null;
-    var title = tileContext.configuration.title;
+    var _a = tileContext.configuration, title = _a.title, ctaLink = _a.ctaLink;
     if (!title)
         return null;
-    return (jsxRuntimeExports.jsx(Text, { variant: "title", accessibilityRole: "header", accessibilityLabel: title, numberOfLines: 1, testID: "content-tile-title", children: title }));
+    var handleTitleWidth = function () {
+        if (IS_MOBILE && ctaLink) {
+            return styles.titleWithLink;
+        }
+    };
+    return (jsxRuntimeExports.jsx(Text, { variant: "title", accessibilityRole: "header", accessibilityLabel: title, numberOfLines: 1, style: handleTitleWidth(), testID: "content-tile-title", children: title }));
 };
 
 /**
@@ -4444,7 +4453,7 @@ var RewardCategoryTile$1 = withTileFetching(RewardCategoryTile);
 var RewardTileChevron = function () {
     var _a;
     var theme = useWllSdk().theme;
-    return (jsxRuntimeExports.jsx(Icon, { name: "ChevronRight", color: ((_a = theme === null || theme === void 0 ? void 0 : theme.derivedSurfaceText) === null || _a === void 0 ? void 0 : _a[20]) || '#000000', accessibilityRole: "image", accessibilityLabel: "View reward details" }));
+    return (jsxRuntimeExports.jsx(Icon, { name: "ChevronRight", size: IS_MOBILE ? 16 : undefined, color: ((_a = theme === null || theme === void 0 ? void 0 : theme.derivedSurfaceText) === null || _a === void 0 ? void 0 : _a[20]) || '#000000', accessibilityRole: "image", accessibilityLabel: "View reward details" }));
 };
 
 /**
@@ -4491,6 +4500,11 @@ var useRewardTileStyles = function () {
             width: '100%',
             marginBottom: useResponsiveValue(theme.sizes.xxs, theme.sizes.xxxs, isDesktop, isTablet),
         },
+        tileTitle: {
+            maxWidth: '90%',
+            flex: 1,
+            marginRight: 8,
+        },
     });
 };
 
@@ -4556,12 +4570,18 @@ var RewardTileSummary = function () {
  */
 var RewardTileTitle = function () {
     var tileContext = useTileContext();
+    var styles = useRewardTileStyles();
     if (!isContextValid(tileContext))
         return null;
     var name = tileContext.configuration.name;
     if (!name)
         return null;
-    return (jsxRuntimeExports.jsx(Text, { variant: "title", ellipsizeMode: "tail", numberOfLines: 1, accessibilityRole: "header", accessibilityLabel: "Reward title: ".concat(name), testID: "reward-tile-title", style: { flex: 1, marginRight: 8 }, children: name }));
+    var handleTitleWidth = function () {
+        if (IS_MOBILE) {
+            return styles.titleWithLink;
+        }
+    };
+    return (jsxRuntimeExports.jsx(Text, { variant: "title", ellipsizeMode: "tail", numberOfLines: 1, accessibilityRole: "header", accessibilityLabel: "Reward title: ".concat(name), testID: "reward-tile-title", style: handleTitleWidth(), children: name }));
 };
 
 /**