@wlloyalty/wll-react-sdk 1.0.59 → 1.0.60

package/dist/index.d.ts

@@ -316,9 +316,10 @@ type ProgressiveImageProps = {
     source: ImageSourcePropType;
     style?: StyleProp<ViewStyle>;
     isDesaturated?: boolean;
+    alt?: string;
     [key: string]: any;
 };
-declare const ProgressiveImage: ({ source, style, isDesaturated, ...props }: ProgressiveImageProps) => JSX.Element;
+declare const ProgressiveImage: ({ source, style, isDesaturated, alt, ...props }: ProgressiveImageProps) => JSX.Element;
 
 type TextVariant = 'eyebrow' | 'title' | 'description' | 'body' | 'caption' | 'label' | 'tier-requirement' | 'tier-earned';
 type TextProps = TextProps$1 & {

package/dist/native.js

@@ -18772,7 +18772,8 @@ var ProgressiveImage = function (_a) {
     style = _a.style,
     _b = _a.isDesaturated,
     isDesaturated = _b === void 0 ? false : _b,
-    props = __rest(_a, ["source", "style", "isDesaturated"]);
+    alt = _a.alt,
+    props = __rest(_a, ["source", "style", "isDesaturated", "alt"]);
   var imageAnimated = React.useRef(new Animated$1.Value(0)).current;
   var theme = useWllSdk().theme;
   var onImageLoad = function () {
@@ -18810,7 +18811,8 @@ var ProgressiveImage = function (_a) {
     style: [styles$7.imageOverlay, __assign({
       opacity: imageAnimated
     }, desaturationStyle)],
-    onLoad: onImageLoad
+    onLoad: onImageLoad,
+    accessibilityLabel: alt
   })));
 };
 var styles$7 = StyleSheet$1.create({
@@ -19218,15 +19220,20 @@ var BaseTileHeader = function (_a) {
 
 var BaseTileMedia = function (props) {
   var tile = useTileContext();
-  var artworkUrl = tile.configuration.artworkUrl;
+  var _a = tile.configuration,
+    artworkUrl = _a.artworkUrl,
+    title = _a.title;
   var styles = useBaseTileStyles();
   if (!artworkUrl) return null;
   return /*#__PURE__*/React.createElement(ProgressiveImage, _extends({}, props, {
-    testID: "tile-media",
     source: {
       uri: artworkUrl
     },
-    style: [props.style, baseStyles.media, styles.media]
+    testID: "tile-media",
+    style: [props.style, baseStyles.media, styles.media],
+    alt: "Content image".concat(title ? " for ".concat(title) : ''),
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants"
   }));
 };
 
@@ -19663,7 +19670,8 @@ var BadgeTileDescription = function () {
 
 var BadgeTileMedia = function (_a) {
   var children = _a.children,
-    props = __rest(_a, ["children"]);
+    alt = _a.alt,
+    props = __rest(_a, ["children", "alt"]);
   var styles = useBadgeTileStyles();
   var tile = useTileContext();
   var configuration = tile.configuration;
@@ -19684,7 +19692,7 @@ var BadgeTileMedia = function (_a) {
     style: styles.image,
     resizeMode: "contain",
     isDesaturated: shouldDesaturate(type, count),
-    alt: "Badge ".concat(name).concat(type === exports.BadgeTileType.Latest && count === 0 ? ' (not earned)' : '')
+    alt: alt !== null && alt !== void 0 ? alt : "Badge ".concat(name).concat(type === exports.BadgeTileType.Latest && count === 0 ? ' (not earned)' : '')
   })), children);
 };
 
@@ -21190,7 +21198,9 @@ var RewardCategoryMedia = function () {
       uri: artworkUrl
     },
     style: styles.background,
-    alt: name
+    alt: "Reward category image for ".concat(name),
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants"
   });
 };