@wlloyalty/wll-react-sdk 1.0.87 → 1.0.89

package/dist/web.js

@@ -7877,11 +7877,9 @@ var useMakeRequest = function (config) {
             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',
@@ -20181,7 +20179,12 @@ var useContentTileStyles = function (hasArtwork) {
       paddingHorizontal: useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet),
       flex: 1
     },
-    header: getHeaderStyle(hasArtwork)
+    header: getHeaderStyle(hasArtwork),
+    tileTitle: {
+      maxWidth: '90%',
+      flex: 1,
+      marginRight: 8
+    }
   });
 };
 
@@ -20236,14 +20239,23 @@ 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;
+  var handleTitleWidth = function () {
+    if (IS_MOBILE && ctaLink) {
+      return styles.titleWithLink;
+    }
+  };
   return /*#__PURE__*/React.createElement(Text, {
     variant: "title",
     accessibilityRole: "header",
     accessibilityLabel: title,
     numberOfLines: 1,
+    style: handleTitleWidth(),
     testID: "content-tile-title"
   }, title);
 };
@@ -21652,6 +21664,7 @@ var RewardTileChevron = function () {
   var theme = useWllSdk().theme;
   return /*#__PURE__*/React.createElement(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"
@@ -21703,6 +21716,11 @@ var useRewardTileStyles = function () {
     header: {
       width: '100%',
       marginBottom: useResponsiveValue(theme.sizes.xxs, theme.sizes.xxxs, isDesktop, isTablet)
+    },
+    tileTitle: {
+      maxWidth: '90%',
+      flex: 1,
+      marginRight: 8
     }
   });
 };
@@ -21812,9 +21830,15 @@ 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;
+  var handleTitleWidth = function () {
+    if (IS_MOBILE) {
+      return styles.titleWithLink;
+    }
+  };
   return /*#__PURE__*/React.createElement(Text, {
     variant: "title",
     ellipsizeMode: "tail",
@@ -21822,10 +21846,7 @@ var RewardTileTitle = function () {
     accessibilityRole: "header",
     accessibilityLabel: "Reward title: ".concat(name),
     testID: "reward-tile-title",
-    style: {
-      flex: 1,
-      marginRight: 8
-    }
+    style: handleTitleWidth()
   }, name);
 };