@wlloyalty/wll-react-sdk 1.9.0 → 1.10.0

package/dist/types/components/organisms/ContentTile/content-tile-media.d.ts

@@ -1,6 +1,11 @@
 import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+type ResponsiveViewStyle = StyleProp<ViewStyle> & {
+    flexBasis?: string | number;
+};
 type ContentTileMediaProps = {
     isArtworkOnly: boolean;
 };
+export declare const getContentTileMediaContainerStyle: (isArtworkOnly: boolean) => ResponsiveViewStyle;
 export declare const ContentTileMedia: ({ isArtworkOnly, }: ContentTileMediaProps) => React.ReactElement | null;
 export {};

package/dist/web.js

@@ -20935,6 +20935,14 @@ var useContentTileStyles = function (hasArtwork) {
   });
 };
 
+var getContentTileMediaContainerStyle = function (isArtworkOnly) {
+  return isArtworkOnly ? {
+    flexBasis: '100%',
+    aspectRatio: 1
+  } : {
+    flexBasis: '50%'
+  };
+};
 var ContentTileMedia = function (_a) {
   var isArtworkOnly = _a.isArtworkOnly;
   var tileContext = useTileContext();
@@ -20946,11 +20954,7 @@ var ContentTileMedia = function (_a) {
   if (!artworkUrl) return null;
   var hasArtwork = Boolean(artworkUrl);
   var styles = useContentTileStyles(hasArtwork);
-  var containerStyle = __assign({
-    flexBasis: isArtworkOnly ? '100%' : '50%'
-  }, isArtworkOnly && IS_WEB && {
-    aspectRatio: 1
-  });
+  var containerStyle = getContentTileMediaContainerStyle(isArtworkOnly);
   return /*#__PURE__*/React.createElement(View$2, {
     style: [styles.imageContainer, containerStyle],
     testID: "content-tile-media",