@wlloyalty/wll-react-sdk 1.0.59 → 1.0.61

package/dist/types/components/atoms/ProgressiveImage/ProgressiveImage.stories.d.ts

@@ -6,4 +6,5 @@ export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("
     source: import("react-native").ImageSourcePropType;
     style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
     isDesaturated?: boolean;
+    alt?: string;
 }>;

package/dist/types/components/atoms/ProgressiveImage/index.d.ts

@@ -3,7 +3,8 @@ 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;
 export default ProgressiveImage;

package/dist/types/components/organisms/BadgeTile/badge-tile-media.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 import { ProgressiveImage } from '../../atoms';
 export type BadgeTileMediaProps = {
     children?: React.ReactNode;
-} & Omit<React.ComponentProps<typeof ProgressiveImage>, 'source'>;
-export declare const BadgeTileMedia: ({ children, ...props }: BadgeTileMediaProps) => JSX.Element | null;
+    alt?: string;
+} & Omit<React.ComponentProps<typeof ProgressiveImage>, 'source' | 'alt'>;
+export declare const BadgeTileMedia: ({ children, alt, ...props }: BadgeTileMediaProps) => JSX.Element | null;

package/dist/types/components/organisms/BadgeTile/index.d.ts

@@ -7,7 +7,7 @@ type BadgeTileProps = {
  * The BadgeTile component with subcomponents attached.
  */
 export declare const BadgeTile: (({ tile }: BadgeTileProps) => JSX.Element | null) & {
-    Media: ({ children, ...props }: import("./badge-tile-media").BadgeTileMediaProps) => JSX.Element | null;
+    Media: ({ children, alt, ...props }: import("./badge-tile-media").BadgeTileMediaProps) => JSX.Element | null;
     Title: () => JSX.Element | null;
     Description: () => JSX.Element | null;
     DateEarned: () => JSX.Element | null;

package/dist/web.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);
 };
 
@@ -21061,7 +21069,6 @@ var PointsTileMedia = function (_a) {
     testID: "points-tile-media",
     accessible: true,
     role: "img",
-    accessibilityLabel: "Points tile image for ".concat(title),
     style: styles.imageContainer
   }, /*#__PURE__*/React.createElement(Image$2, {
     source: {
@@ -21070,6 +21077,7 @@ var PointsTileMedia = function (_a) {
     style: styles.image,
     resizeMode: isFullSize ? 'cover' : 'contain',
     accessibilityElementsHidden: true,
+    accessibilityLabel: "Points tile image for ".concat(title),
     importantForAccessibility: "no-hide-descendants"
   }));
 };
@@ -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"
   });
 };