@wlloyalty/wll-react-sdk 1.4.4 → 1.4.5

package/dist/types/components/organisms/RewardCategoryTile/reward-category-header.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the header for a Reward Category Tile.
  *
- * @returns JSX.Element or null if showName is false or name is not present
+ * @returns React.ReactElement or null if showName is false or name is not present
  */
-export declare const RewardCategoryHeader: () => JSX.Element | null;
+export declare const RewardCategoryHeader: () => React.ReactElement | null;

package/dist/types/components/organisms/RewardCategoryTile/reward-category-media.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the background media for a Reward Category Tile.
  *
- * @returns JSX.Element or null if no artwork URL is present
+ * @returns React.ReactElement or null if no artwork URL is present
  */
-export declare const RewardCategoryMedia: () => JSX.Element | null;
+export declare const RewardCategoryMedia: () => React.ReactElement | null;

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

@@ -6,14 +6,14 @@ type RewardTileProps = {
 /**
  * The RewardTile component with subcomponents attached.
  */
-export declare const RewardTile: (({ tile }: RewardTileProps) => JSX.Element | null) & {
+export declare const RewardTile: (({ tile }: RewardTileProps) => React.ReactElement | null) & {
     Media: ({ isArtworkOnly, }: {
         isArtworkOnly: boolean;
-    }) => JSX.Element | null;
-    Title: () => JSX.Element | null;
-    Summary: () => JSX.Element | null;
-    Points: () => JSX.Element | null;
-    Chevron: () => JSX.Element;
+    }) => React.ReactElement | null;
+    Title: () => React.ReactElement | null;
+    Summary: () => React.ReactElement | null;
+    Points: () => React.ReactElement | null;
+    Chevron: () => React.ReactElement;
 };
 declare const _default: (props: Omit<RewardTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
 export default _default;

package/dist/types/components/organisms/RewardTile/reward-tile-chevron.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders a chevron icon for a Reward Tile.
  *
- * @returns JSX.Element
+ * @returns React.ReactElement
  */
-export declare const RewardTileChevron: () => JSX.Element;
+export declare const RewardTileChevron: () => React.ReactElement;

package/dist/types/components/organisms/RewardTile/reward-tile-media.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type RewardTileMediaProps = {
     isArtworkOnly: boolean;
 };
@@ -6,7 +7,7 @@ type RewardTileMediaProps = {
  *
  * @param props {RewardTileMediaProps} - Component props
  * @param props.isArtworkOnly {boolean} - Whether the media should be rendered as an artwork only component
- * @returns JSX.Element or null if no artwork URL is present or artwork should not be shown
+ * @returns React.ReactElement or null if no artwork URL is present or artwork should not be shown
  */
-export declare const RewardTileMedia: ({ isArtworkOnly, }: RewardTileMediaProps) => JSX.Element | null;
+export declare const RewardTileMedia: ({ isArtworkOnly, }: RewardTileMediaProps) => React.ReactElement | null;
 export {};

package/dist/types/components/organisms/RewardTile/reward-tile-points.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the points value of a Reward Tile.
  *
- * @returns JSX.Element or null if price should not be shown or is zero/undefined
+ * @returns React.ReactElement or null if price should not be shown or is zero/undefined
  */
-export declare const RewardTilePoints: () => JSX.Element | null;
+export declare const RewardTilePoints: () => React.ReactElement | null;

package/dist/types/components/organisms/RewardTile/reward-tile-summary.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the summary of a Reward Tile.
  *
- * @returns JSX.Element or null if no summary is present
+ * @returns React.ReactElement or null if no summary is present
  */
-export declare const RewardTileSummary: () => JSX.Element | null;
+export declare const RewardTileSummary: () => React.ReactElement | null;

package/dist/types/components/organisms/RewardTile/reward-tile-title.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the title of a Reward Tile.
  *
- * @returns JSX.Element or null if no name is present
+ * @returns React.ReactElement or null if no name is present
  */
-export declare const RewardTileTitle: () => JSX.Element | null;
+export declare const RewardTileTitle: () => React.ReactElement | null;

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

@@ -6,13 +6,13 @@ type RoundupTileProps = {
 /**
  * The PointsTile component with subcomponents attached.
  */
-export declare const RoundupTile: (({ tile }: RoundupTileProps) => JSX.Element | null) & {
-    Title: () => JSX.Element | null;
-    Points: () => JSX.Element | null;
+export declare const RoundupTile: (({ tile }: RoundupTileProps) => React.ReactElement | null) & {
+    Title: () => React.ReactElement | null;
+    Points: () => React.ReactElement | null;
     Media: ({ isFullSize, }: {
         isFullSize: boolean;
-    }) => JSX.Element | null;
-    Chevron: () => JSX.Element | null;
+    }) => React.ReactElement | null;
+    Chevron: () => React.ReactElement | null;
 };
 declare const _default: (props: Omit<RoundupTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
 export default _default;

package/dist/types/components/organisms/RoundupTile/roundup-tile-chevron.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders a chevron icon for a Roundup Tile.
  *
- * @returns JSX.Element
+ * @returns React.ReactElement
  */
-export declare const RoundupTileChevron: () => JSX.Element | null;
+export declare const RoundupTileChevron: () => React.ReactElement | null;

package/dist/types/components/organisms/RoundupTile/roundup-tile-formatted-points.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders formatted points value for a Roundup Tile.
  *
- * @returns JSX.Element or null if points are undefined or zero
+ * @returns React.ReactElement or null if points are undefined or zero
  */
-export declare const RoundupTileFormattedPoints: () => JSX.Element | null;
+export declare const RoundupTileFormattedPoints: () => React.ReactElement | null;

package/dist/types/components/organisms/RoundupTile/roundup-tile-media.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 type RoundupTileMediaProps = {
     isFullSize: boolean;
 };
 /**
  * Renders the media of a Points Tile.
  *
- * @returns JSX.Element or null if media is not present
+ * @returns React.ReactElement or null if media is not present
  */
-export declare const RoundupTileMedia: ({ isFullSize, }: RoundupTileMediaProps) => JSX.Element | null;
+export declare const RoundupTileMedia: ({ isFullSize, }: RoundupTileMediaProps) => React.ReactElement | null;
 export {};

package/dist/types/components/organisms/RoundupTile/roundup-tile-title.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the title of a Roundup Tile.
  *
- * @returns JSX.Element or null if no title is present
+ * @returns React.ReactElement or null if no title is present
  */
-export declare const RoundupTileTitle: () => JSX.Element | null;
+export declare const RoundupTileTitle: () => React.ReactElement | null;

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

@@ -24,7 +24,7 @@ export declare const useSectionContext: () => SectionContextType;
  * @param {SectionProps} props - Component props
  * @param {TSection} [props.section] - The section data
  * @param {string} [props.sectionId] - The ID of the section to fetch
- * @returns {JSX.Element|null} The rendered section or null if invalid props
+ * @returns {React.ReactElement|null} The rendered section or null if invalid props
  */
-declare const Section: ({ section, sectionId }: SectionProps) => JSX.Element | null;
+declare const Section: React.FC<SectionProps>;
 export default Section;

package/dist/types/context/WllSdkContext.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TGroup } from '../types/group';
 import { WithChildren } from '../types/helpers';
 import { NavigationConfig } from '../types/navigation';
@@ -42,6 +43,6 @@ type WllSdkProviderProps = WithChildren & {
     config: SDKConfig;
     navigationConfig?: NavigationConfig;
 };
-export declare const WllSdkProvider: ({ children, theme: providedTheme, config, navigationConfig, }: WllSdkProviderProps) => JSX.Element;
+export declare const WllSdkProvider: ({ children, theme: providedTheme, config, navigationConfig, }: WllSdkProviderProps) => React.ReactElement;
 export declare const useWllSdk: () => WllSdkContextType;
 export {};

package/dist/types/utils/storybookHelpers.d.ts

@@ -2,4 +2,4 @@ import * as React from 'react';
 export declare const TileWrapper: ({ isHalfTile, children, }: {
     isHalfTile?: boolean;
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.ReactElement;

package/dist/web.js

@@ -19317,7 +19317,7 @@ var useTileSize = function (tile) {
  * Renders the body text of a BaseTile component.
  *
  * @param {BaseTileBodyProps} props - Component props including text styling options
- * @returns {JSX.Element|null} The rendered body text or null if conditions for display are not met
+ * @returns {React.ReactElement|null} The rendered body text or null if conditions for display are not met
  */
 var BaseTileBody = function (props) {
   var tileContext = useTileContext();
@@ -19448,7 +19448,7 @@ var useBaseTileStyles = function () {
  *
  * @param {BaseTileContentProps} props - Component props
  * @param {ReactNode} props.children - Child elements to render within the content area
- * @returns {JSX.Element|null} The rendered content or null if conditions for display are not met
+ * @returns {React.ReactElement|null} The rendered content or null if conditions for display are not met
  */
 var BaseTileContent = function (_a) {
   var children = _a.children;
@@ -19473,7 +19473,7 @@ var BaseTileContent = function (_a) {
  *
  * @param {BaseTileHeaderProps} props - Component props
  * @param {ReactNode} props.children - Child elements to render within the header
- * @returns {JSX.Element|null} The rendered header or null if conditions for display are not met
+ * @returns {React.ReactElement|null} The rendered header or null if conditions for display are not met
  */
 var BaseTileHeader = function (_a) {
   var children = _a.children;
@@ -19500,7 +19500,7 @@ var BaseTileHeader = function (_a) {
  * Renders the media (image) for a BaseTile component.
  *
  * @param {ImagePropsNoSource} props - The image props excluding source
- * @returns {JSX.Element|null} The rendered image or null if no artwork URL is present
+ * @returns {React.ReactElement|null} The rendered image or null if no artwork URL is present
  */
 var BaseTileMedia = function (props) {
   var tileContext = useTileContext();
@@ -19525,7 +19525,7 @@ var BaseTileMedia = function (props) {
 /**
  * Renders the title of a BaseTile component.
  *
- * @returns {JSX.Element|null} The rendered title or null if conditions for display are not met
+ * @returns {React.ReactElement|null} The rendered title or null if conditions for display are not met
  */
 var BaseTileTitle = function () {
   var _a, _b;
@@ -19631,7 +19631,7 @@ var BaseTileContainer = function (_a) {
  * BaseTileRoot component to provide context and render children.
  *
  * @param {BaseTileProps} props - Component props
- * @returns {JSX.Element|null} The rendered BaseTileRoot or null if no tile is provided
+ * @returns {React.ReactElement|null} The rendered BaseTileRoot or null if no tile is provided
  */
 var BaseTileRoot = function (_a) {
   var tile = _a.tile,
@@ -20038,7 +20038,7 @@ var useBadgeTileStyles = function () {
 /**
  * Renders the date earned for a Badge Tile.
  *
- * @returns JSX.Element or null if badge is not earned or badgeNotEarnedMessage exists
+ * @returns React.ReactElement or null if badge is not earned or badgeNotEarnedMessage exists
  */
 var BadgeTileDateEarned = function () {
   var styles = useBadgeTileStyles();
@@ -20087,7 +20087,7 @@ var BadgeTileDateEarned = function () {
 /**
  * Renders the description for a Badge Tile.
  *
- * @returns JSX.Element or null if description is not present
+ * @returns React.ReactElement or null if description is not present
  */
 var BadgeTileDescription = function () {
   var tileContext = useTileContext();
@@ -20127,7 +20127,7 @@ var BadgeTileDescription = function () {
 /**
  * Renders the media for a Badge Tile.
  *
- * @returns JSX.Element or null if media is not present
+ * @returns React.ReactElement or null if media is not present
  */
 var BadgeTileMedia = function (_a) {
   var children = _a.children,
@@ -20161,7 +20161,7 @@ var BadgeTileMedia = function (_a) {
 /**
  * Renders the status for a Badge Tile.
  *
- * @returns JSX.Element or null if badge is not earned or badgeNotEarnedMessage exists
+ * @returns React.ReactElement or null if badge is not earned or badgeNotEarnedMessage exists
  */
 var BadgeTileStatus = function () {
   var styles = useBadgeTileStyles();
@@ -20196,7 +20196,7 @@ var BadgeTileStatus = function () {
 /**
  * Renders the title for a Badge Tile.
  *
- * @returns JSX.Element or null if name is not present
+ * @returns React.ReactElement or null if name is not present
  */
 var BadgeTileTitle = function () {
   var styles = useBadgeTileStyles();
@@ -20225,7 +20225,7 @@ var BadgeTileTitle = function () {
 
 /**
  * The main BadgeTile component.
- * @returns JSX.Element or null if tile is not active or tileHeight is not full.
+ * @returns React.ReactElement or null if tile is not active or tileHeight is not full.
  * This component renders a badge tile with optional media, status, title, description, and date earned.
  */
 var BadgeTileRoot = function (_a) {
@@ -20253,7 +20253,7 @@ var BadgeTile$1 = withTileFetching(BadgeTile);
 /**
  * Renders the call to action of a Banner Tile.
  *
- * @returns JSX.Element or null if no text or required props are present
+ * @returns React.ReactElement or null if no text or required props are present
  */
 var BannerTileCTA = function () {
   var bannerContext = useBannerContext();
@@ -20321,7 +20321,7 @@ var useBannerTileStyles = function () {
 /**
  * Renders the description text of a Banner Tile.
  *
- * @returns JSX.Element or null if no description is present
+ * @returns React.ReactElement or null if no description is present
  */
 var BannerTileDescription = function () {
   var styles = useBannerTileStyles();
@@ -20339,7 +20339,7 @@ var BannerTileDescription = function () {
 /**
  * Renders the media of a Banner Tile.
  *
- * @returns JSX.Element or null if no media is present
+ * @returns React.ReactElement or null if no media is present
  */
 var BannerTileMedia = function (_a) {
   var isArtworkOnly = _a.isArtworkOnly;
@@ -20370,7 +20370,7 @@ var BannerTileMedia = function (_a) {
 /**
  * Renders the title of a Banner Tile.
  *
- * @returns JSX.Element or null if no title is present
+ * @returns React.ReactElement or null if no title is present
  */
 var BannerTileTitle = function () {
   var styles = useBannerTileStyles();
@@ -20403,7 +20403,7 @@ var isArtworkOnly$2 = function (configuration) {
  * This component renders a banner tile with optional media, title, description, and CTA.
  *
  * @param {BannerTileProps} props - Component props
- * @returns {JSX.Element | null} Rendered component or null if tile is inactive
+ * @returns {React.ReactElement | null} Rendered component or null if tile is inactive
  */
 var BannerTileRoot = function (_a) {
   var tile = _a.tile;
@@ -20604,7 +20604,7 @@ var isArtworkOnly$1 = function (configuration) {
  *
  * @param {ContentTileProps} props - Component props
  * @param {Tile} props.tile - The tile data to render
- * @returns JSX.Element or null if tile is inactive
+ * @returns React.ReactElement or null if tile is inactive
  */
 var ContentTileRoot = function (_a) {
   var tile = _a.tile;
@@ -21447,7 +21447,7 @@ var useSectionData = function (section, sectionId) {
  *
  * @param {Object} props - Component props
  * @param {string} props.message - Message to display in the empty state
- * @returns {JSX.Element} The empty state component
+ * @returns {React.ReactElement} The empty state component
  */
 var EmptyState = function (_a) {
   var message = _a.message;
@@ -21463,7 +21463,7 @@ var EmptyState = function (_a) {
  * @param {SectionProps} props - Component props
  * @param {TSection} [props.section] - The section data
  * @param {string} [props.sectionId] - The ID of the section to fetch
- * @returns {JSX.Element|null} The rendered section or null if invalid props
+ * @returns {React.ReactElement|null} The rendered section or null if invalid props
  */
 var Section = function (_a) {
   var section = _a.section,
@@ -21593,7 +21593,7 @@ var useGroupData = function (id) {
  *
  * @param {GroupEmptyStateProps} props - Component props
  * @param {string} props.message - Message to display
- * @returns {JSX.Element} The empty state component
+ * @returns {React.ReactElement} The empty state component
  */
 var GroupEmptyState = function (_a) {
   var message = _a.message;
@@ -21608,7 +21608,7 @@ var GroupEmptyState = function (_a) {
 /**
  * Component to render all sections in a group
  *
- * @returns {JSX.Element} The sections component
+ * @returns {React.ReactElement} The sections component
  */
 var GroupSections = function () {
   var groupData = useGroupContext().groupData;
@@ -21649,7 +21649,7 @@ var GroupSections = function () {
  *
  * @param {GroupProps} props - Component props
  * @param {string} props.id - The unique identifier of the group to fetch and display
- * @returns {JSX.Element|null} The rendered group or null if invalid ID
+ * @returns {React.ReactElement|null} The rendered group or null if invalid ID
  */
 var Group = function (_a) {
   var id = _a.id,
@@ -21970,7 +21970,7 @@ var usePointsTileStyles = function (isFullSize) {
 /**
  * Renders formatted points value for a Points Tile.
  *
- * @returns JSX.Element or null if points are undefined or zero
+ * @returns React.ReactElement or null if points are undefined or zero
  */
 var PointsTileFormattedPoints = function () {
   var styles = usePointsTileStyles();
@@ -22011,7 +22011,7 @@ var PointsTileFormattedPoints = function () {
 /**
  * Renders the media of a Points Tile.
  *
- * @returns JSX.Element or null if media is not present
+ * @returns React.ReactElement or null if media is not present
  */
 var PointsTileMedia = function (_a) {
   var isFullSize = _a.isFullSize;
@@ -22040,7 +22040,7 @@ var PointsTileMedia = function (_a) {
 /**
  * Renders the title of a Points Tile.
  *
- * @returns JSX.Element or null if no title is present
+ * @returns React.ReactElement or null if no title is present
  */
 var PointsTileTitle = function () {
   var tileContext = useTileContext();
@@ -22058,7 +22058,7 @@ var PointsTileTitle = function () {
 /**
  * Renders a chevron icon for a Roundup Tile.
  *
- * @returns JSX.Element
+ * @returns React.ReactElement
  */
 var PointsTileChevron = function () {
   var _a, _b;
@@ -22083,7 +22083,7 @@ var PointsTileChevron = function () {
  * The PointsTile component renders a tile with media, title, and formatted points.
  *
  * @param props - Component props
- * @returns JSX.Element or null if tile is inactive or missing required props
+ * @returns React.ReactElement or null if tile is inactive or missing required props
  */
 var PointsTileRoot = function (_a) {
   var tile = _a.tile;
@@ -22159,7 +22159,7 @@ var useRewardCategoryTileStyles = function () {
 /**
  * Renders the header for a Reward Category Tile.
  *
- * @returns JSX.Element or null if showName is false or name is not present
+ * @returns React.ReactElement or null if showName is false or name is not present
  */
 var RewardCategoryHeader = function () {
   var styles = useRewardCategoryTileStyles();
@@ -22191,7 +22191,7 @@ var RewardCategoryHeader = function () {
 /**
  * Renders the background media for a Reward Category Tile.
  *
- * @returns JSX.Element or null if no artwork URL is present
+ * @returns React.ReactElement or null if no artwork URL is present
  */
 var RewardCategoryMedia = function () {
   var styles = useRewardCategoryTileStyles();
@@ -22218,7 +22218,7 @@ var RewardCategoryMedia = function () {
  *
  * @param {RewardCategoryTileProps} props - The component props
  * @param {Tile} props.tile - The tile data to render
- * @returns {JSX.Element|null} Rendered component or null if tile is inactive or missing configuration
+ * @returns {React.ReactElement|null} Rendered component or null if tile is inactive or missing configuration
  */
 var RewardCategoryTileRoot = function (_a) {
   var tile = _a.tile;
@@ -22239,7 +22239,7 @@ var RewardCategoryTile$1 = withTileFetching(RewardCategoryTile);
 /**
  * Renders a chevron icon for a Reward Tile.
  *
- * @returns JSX.Element
+ * @returns React.ReactElement
  */
 var RewardTileChevron = function () {
   var _a;
@@ -22311,7 +22311,7 @@ var useRewardTileStyles = function () {
  *
  * @param props {RewardTileMediaProps} - Component props
  * @param props.isArtworkOnly {boolean} - Whether the media should be rendered as an artwork only component
- * @returns JSX.Element or null if no artwork URL is present or artwork should not be shown
+ * @returns React.ReactElement or null if no artwork URL is present or artwork should not be shown
  */
 var RewardTileMedia = function (_a) {
   var isArtworkOnly = _a.isArtworkOnly;
@@ -22345,7 +22345,7 @@ var RewardTileMedia = function (_a) {
 /**
  * Renders the points value of a Reward Tile.
  *
- * @returns JSX.Element or null if price should not be shown or is zero/undefined
+ * @returns React.ReactElement or null if price should not be shown or is zero/undefined
  */
 var RewardTilePoints = function () {
   var styles = useRewardTileStyles();
@@ -22389,7 +22389,7 @@ var RewardTilePoints = function () {
 /**
  * Renders the summary of a Reward Tile.
  *
- * @returns JSX.Element or null if no summary is present
+ * @returns React.ReactElement or null if no summary is present
  */
 var RewardTileSummary = function () {
   var tileContext = useTileContext();
@@ -22415,7 +22415,7 @@ var RewardTileSummary = function () {
 /**
  * Renders the title of a Reward Tile.
  *
- * @returns JSX.Element or null if no name is present
+ * @returns React.ReactElement or null if no name is present
  */
 var RewardTileTitle = function () {
   var tileContext = useTileContext();
@@ -22454,7 +22454,7 @@ var isArtworkOnly = function (configuration) {
  *
  * @param {RewardTileProps} props - Component props
  * @param {Tile} props.tile - The tile data to render
- * @returns JSX.Element or null if tile is inactive or not a full-height tile
+ * @returns React.ReactElement or null if tile is inactive or not a full-height tile
  */
 var RewardTileRoot = function (_a) {
   var tile = _a.tile;
@@ -22677,7 +22677,7 @@ TierTile.Empty = TierTileEmpty;
 /**
  * Renders formatted points value for a Roundup Tile.
  *
- * @returns JSX.Element or null if points are undefined or zero
+ * @returns React.ReactElement or null if points are undefined or zero
  */
 var RoundupTileFormattedPoints = function () {
   var tileContext = useTileContext();
@@ -22766,7 +22766,7 @@ var useRoundupTileStyles = function (isFullSize) {
 /**
  * Renders the media of a Points Tile.
  *
- * @returns JSX.Element or null if media is not present
+ * @returns React.ReactElement or null if media is not present
  */
 var RoundupTileMedia = function (_a) {
   var isFullSize = _a.isFullSize;
@@ -22795,7 +22795,7 @@ var RoundupTileMedia = function (_a) {
 /**
  * Renders the title of a Roundup Tile.
  *
- * @returns JSX.Element or null if no title is present
+ * @returns React.ReactElement or null if no title is present
  */
 var RoundupTileTitle = function () {
   var tileContext = useTileContext();
@@ -22813,7 +22813,7 @@ var RoundupTileTitle = function () {
 /**
  * Renders a chevron icon for a Roundup Tile.
  *
- * @returns JSX.Element
+ * @returns React.ReactElement
  */
 var RoundupTileChevron = function () {
   var _a, _b;
@@ -22838,7 +22838,7 @@ var RoundupTileChevron = function () {
  * The PointsTile component renders a tile with media, title, and formatted points.
  *
  * @param props - Component props
- * @returns JSX.Element or null if tile is inactive or missing required props
+ * @returns React.ReactElement or null if tile is inactive or missing required props
  */
 var RoundupTileRoot = function (_a) {
   var tile = _a.tile;