@wlloyalty/wll-react-sdk 1.4.8 → 1.4.10

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

@@ -5,3 +5,5 @@ export default meta;
 type Story = StoryObj<typeof Button>;
 export declare const Primary: Story;
 export declare const Accent: Story;
+export declare const IconOnly: Story;
+export declare const WithIconAndTitle: Story;

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

@@ -7,7 +7,8 @@ type ButtonProps = {
     disabled?: boolean;
     accessibilityLabel?: string;
     accessibilityHint?: string;
+    icon?: React.ReactNode;
     testID?: string;
 };
-declare const Button: ({ title, onPress, variant, disabled, accessibilityLabel, accessibilityHint, testID, }: ButtonProps) => React.ReactElement;
+declare const Button: ({ title, onPress, variant, disabled, accessibilityLabel, accessibilityHint, icon, testID, }: ButtonProps) => React.ReactElement;
 export default Button;

package/dist/types/components/organisms/VenueTile/VenueTile.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/organisms/VenueTile/VenueTile.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../..").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const WithDescription: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../..").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const WithoutDescription: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../..").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Tile } from '../../../types/tile';
+type VenueTileProps = {
+    tile: Tile;
+};
+/**
+ * The VenueTile component with subcomponents attached.
+ */
+export declare const VenueTile: (({ tile }: VenueTileProps) => React.ReactElement | null) & {
+    Media: ({ isArtworkOnly, }: {
+        isArtworkOnly: boolean;
+    }) => React.ReactElement | null;
+    Title: () => React.ReactElement | null;
+    Description: () => React.ReactElement | null;
+    Chevron: () => React.ReactElement;
+};
+declare const _default: (props: Omit<VenueTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
+export default _default;

package/dist/types/components/organisms/VenueTile/styles.d.ts

@@ -0,0 +1,8 @@
+import { StyleSheet } from 'react-native';
+/**
+ * Custom hook that returns the styles for the VenueTile component.
+ * Applies responsive styling based on the current device.
+ *
+ * @returns StyleSheet styles for the VenueTile component
+ */
+export declare const useVenueTileStyles: () => ReturnType<typeof StyleSheet.create>;

package/dist/types/components/organisms/VenueTile/venue-tile-chevron.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * Renders a chevron icon for a Venue Tile.
+ *
+ * @returns React.ReactElement
+ */
+export declare const VenueTileChevron: () => React.ReactElement;

package/dist/types/components/organisms/VenueTile/venue-tile-description.d.ts

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

package/dist/types/components/organisms/VenueTile/venue-tile-media.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type VenueTileMediaProps = {
+    isArtworkOnly: boolean;
+};
+/**
+ * Renders the media for a Venue Tile.
+ *
+ * @param props {VenueTileMediaProps} - Component props
+ * @param props.isArtworkOnly {boolean} - Whether the media should be rendered as an artwork only component
+ * @returns React.ReactElement or null if no artwork URL is present or artwork should not be shown
+ */
+export declare const VenueTileMedia: ({ isArtworkOnly, }: VenueTileMediaProps) => React.ReactElement | null;
+export {};

package/dist/types/components/organisms/VenueTile/venue-tile-title.d.ts

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

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

@@ -8,3 +8,4 @@ export { default as RewardTile } from './RewardTile';
 export { default as Section } from './Section';
 export { default as TierTileUpdated } from './TierTileUpdated';
 export { default as RoundupTile } from './RoundupTile';
+export { default as VenueTile } from './VenueTile';

package/dist/types/index.d.ts

@@ -11,3 +11,21 @@ export * from './types/section';
 export * from './types/theme';
 export * from './types/tile';
 export * from './types/wll';
+export * from './constants/device';
+export * from './constants/responsive';
+export * from './constants/theme';
+export * from './constants/grid';
+export * from './constants/index';
+export * from './utils/apiHelpers';
+export * from './utils/eventEmitter';
+export * from './utils/styling';
+export * from './utils/themeHelpers';
+export * from './utils/transforms';
+export * from './utils/responsiveHelper';
+export * from './hooks/useResponsive';
+export * from './hooks/useTileSize';
+export * from './hooks/useGroupRefresh';
+export * from './hooks/useInitialGroupFetch';
+export * from './hooks/usePullToRefresh';
+export * from './hooks/useInvalidateData';
+export * from './hooks/useNavigationHandler';

package/dist/types/mocks/tiles/venueTile.d.ts

@@ -0,0 +1,6 @@
+import { VenueTileConfig, Tile, TileHeight } from '../../types/tile';
+export type VenueTileMockConfig = Partial<VenueTileConfig> & {
+    active?: boolean;
+    tileHeight?: TileHeight;
+};
+export declare const createVenueTileMock: (config?: VenueTileMockConfig) => Tile;

package/dist/types/types/tile.d.ts

@@ -19,7 +19,8 @@ export declare enum TileType {
     Badge = "BADGE",
     RewardCategory = "REWARD_CATEGORY",
     Tier = "TIER",
-    Roundup = "ROUND_UP_BALANCE"
+    Roundup = "ROUND_UP_BALANCE",
+    Venue = "VENUE"
 }
 export declare enum TileHeight {
     Half = "HALF",
@@ -98,6 +99,12 @@ export declare class RewardTileConfig {
     pointsPrefix: string | null;
     pointsSuffix: string | null;
 }
+export declare class VenueTileConfig {
+    venueId: string;
+    name: string;
+    artworkUrl: string;
+    description: string;
+}
 export declare enum BadgeTileType {
     Specific = "SPECIFIC",
     Latest = "LATEST_EARNED"
@@ -171,7 +178,7 @@ export type Tile = {
     configuration: TileConfig;
     priority: number;
 };
-declare const getConfigForTileType: (tileType: TileType) => typeof BannerTileConfig | typeof PointsTileConfig | typeof ContentTileConfig | typeof RewardTileConfig | typeof BadgeTileConfig | typeof RewardCategoryTileConfig | typeof TierTileConfig;
+declare const getConfigForTileType: (tileType: TileType) => typeof BannerTileConfig | typeof PointsTileConfig | typeof ContentTileConfig | typeof RewardTileConfig | typeof VenueTileConfig | typeof BadgeTileConfig | typeof RewardCategoryTileConfig | typeof TierTileConfig;
 export type TileConfig = InstanceType<ReturnType<typeof getConfigForTileType>>;
 export type TileSizeInfo = {
     isFullSize: boolean;

package/dist/web.js

@@ -8185,10 +8185,12 @@ var IS_WEB = Platform$1.OS === "web";
 var IS_IOS = Platform$1.OS === "ios";
 var IS_ANDROID = Platform$1.OS === "android";
 var IS_MOBILE = IS_IOS || IS_ANDROID;
+var IS_DESKTOP = !IS_MOBILE;
 var _a$1 = Dimensions.get("window"),
-  width = _a$1.width;
-  _a$1.height;
+  width = _a$1.width,
+  height = _a$1.height;
 var SCREEN_WIDTH = width;
+var SCREEN_HEIGHT = height;
 
 var sizes = {
   borderRadiusSm: 15,
@@ -8261,7 +8263,7 @@ var COLOR_CONSTANTS = {
 };
 
 // Storybook Themes
-({
+var storyBookThemes = {
   modern: __assign(__assign({}, defaultTheme), {
     primary: '#f72585',
     accent: '#ffc300',
@@ -8298,7 +8300,36 @@ var COLOR_CONSTANTS = {
     surface: '#f0dfad',
     surfaceText: '#2d3436'
   })
-});
+};
+// Create the themes object
+var themes = {
+  default: defaultTheme,
+  dark: storyBookThemes.dark,
+  modern: storyBookThemes.modern,
+  warm: storyBookThemes.warm,
+  forest: storyBookThemes.forest,
+  sunset: storyBookThemes.sunset
+};
+// Theme selector items
+var themeItems = [{
+  value: 'default',
+  title: 'Default'
+}, {
+  value: 'dark',
+  title: 'Dark'
+}, {
+  value: 'modern',
+  title: 'Modern'
+}, {
+  value: 'warm',
+  title: 'Warm'
+}, {
+  value: 'forest',
+  title: 'Forest'
+}, {
+  value: 'sunset',
+  title: 'Sunset'
+}];
 
 var isValidColor = function (color) {
   try {
@@ -8443,6 +8474,16 @@ var desaturateColor = function (color) {
   if (!baseColor) return COLOR_CONSTANTS.DEFAULT_COLOR;
   return baseColor.grayscale().lighten(COLOR_CONSTANTS.DESATURATION_LIGHTEN_AMOUNT).toString();
 };
+/**
+ * Gets the appropriate state color based on type and count
+ * @param baseColor - Base color to process
+ * @param type - Type of state
+ * @param count - Count affecting the state
+ * @returns Processed color string
+ */
+var getStateColor = function (baseColor, type, count) {
+  return shouldDesaturate(type, count) ? desaturateColor(baseColor) : baseColor;
+};
 
 var DIMENSION_MODES = {
   DESKTOP: 'desktop',
@@ -8717,6 +8758,7 @@ var useButtonDynamicStyles = function () {
     button: {
       justifyContent: 'center',
       alignItems: 'center',
+      flexDirection: 'row',
       paddingHorizontal: useResponsiveValue(theme.sizes.xxl, theme.sizes.sm, isDesktop, isTablet),
       paddingVertical: theme.sizes.sm,
       alignSelf: 'flex-start'
@@ -8770,6 +8812,7 @@ var Button = function (_a) {
     disabled = _b === void 0 ? false : _b,
     accessibilityLabel = _a.accessibilityLabel,
     accessibilityHint = _a.accessibilityHint,
+    icon = _a.icon,
     testID = _a.testID;
   var theme = useWllSdk().theme;
   var buttonStyle = useButtonStyles(theme, variant);
@@ -8796,7 +8839,7 @@ var Button = function (_a) {
       disabled: disabled
     },
     testID: testID
-  }, /*#__PURE__*/React__namespace.createElement(RNText, {
+  }, icon && icon, title && /*#__PURE__*/React__namespace.createElement(RNText, {
     style: [styles.text, textStyle]
   }, title));
 };
@@ -19063,6 +19106,7 @@ var Text = function (_a) {
 };
 
 var MAX_WIDTH = 1080;
+var SLIDE_WIDTH = MAX_WIDTH;
 var BUTTON_SIZE = 42;
 
 exports.CTALinkTarget = void 0;
@@ -19090,6 +19134,7 @@ exports.TileType = void 0;
   TileType["RewardCategory"] = "REWARD_CATEGORY";
   TileType["Tier"] = "TIER";
   TileType["Roundup"] = "ROUND_UP_BALANCE";
+  TileType["Venue"] = "VENUE";
 })(exports.TileType || (exports.TileType = {}));
 exports.TileHeight = void 0;
 (function (TileHeight) {
@@ -19165,6 +19210,15 @@ var RewardTileConfig = /** @class */function () {
   }
   return RewardTileConfig;
 }();
+var VenueTileConfig = /** @class */function () {
+  function VenueTileConfig() {
+    this.venueId = '';
+    this.name = '';
+    this.artworkUrl = '';
+    this.description = '';
+  }
+  return VenueTileConfig;
+}();
 exports.BadgeTileType = void 0;
 (function (BadgeTileType) {
   BadgeTileType["Specific"] = "SPECIFIC";
@@ -19220,6 +19274,13 @@ var useHandleTilePress = function (tile, ctaLink, ctaLinkTarget) {
         return handleNavigation(url, exports.CTALinkTarget.sameWindow);
       }
     }
+    if ((tile === null || tile === void 0 ? void 0 : tile.type) === exports.TileType.Venue) {
+      var config = tile.configuration;
+      if (config === null || config === void 0 ? void 0 : config.venueId) {
+        var url = "/venue?id=".concat(config.venueId);
+        return handleNavigation(url, exports.CTALinkTarget.sameWindow);
+      }
+    }
     if ((tile === null || tile === void 0 ? void 0 : tile.type) === exports.TileType.RewardCategory) {
       var config = tile.configuration;
       var url = "/category?id=".concat(config.rewardCategoryId);
@@ -19588,7 +19649,7 @@ var BaseTileContainer = function (_a) {
     surface: '#ffffff'
   };
   var handlePress = useHandleTilePress(tile, ctaLink, ctaLinkTarget);
-  var isInteractive = Boolean(ctaLink || tile.type === 'REWARD' || tile.type === 'REWARD_CATEGORY');
+  var isInteractive = Boolean(ctaLink || tile.type === 'REWARD' || tile.type === 'REWARD_CATEGORY' || tile.type === 'VENUE');
   var layout = {
     flexDirection: 'column',
     justifyContent: isHalfSize ? 'center' : 'flex-start',
@@ -22855,8 +22916,191 @@ var RoundupTile = Object.assign(RoundupTileRoot, {
 });
 var RoundupTile$1 = withTileFetching(RoundupTile);
 
+/**
+ * Renders a chevron icon for a Venue Tile.
+ *
+ * @returns React.ReactElement
+ */
+var VenueTileChevron = function () {
+  var _a;
+  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',
+    role: "img",
+    accessibilityLabel: "View venue details"
+  });
+};
+
+/**
+ * Custom hook that returns the styles for the VenueTile component.
+ * Applies responsive styling based on the current device.
+ *
+ * @returns StyleSheet styles for the VenueTile component
+ */
+var useVenueTileStyles = function () {
+  var _a = useResponsive$1(),
+    isDesktop = _a.isDesktop,
+    isTablet = _a.isTablet;
+  var theme = useWllSdk().theme;
+  return StyleSheet$1.create({
+    imageContainer: {
+      width: '100%',
+      marginBottom: useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet)
+    },
+    image: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0,
+      width: '100%',
+      height: '100%',
+      resizeMode: 'cover'
+    },
+    content: {
+      paddingHorizontal: useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet),
+      flex: 1
+    },
+    footer: {
+      marginTop: 8
+    },
+    pointsContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    suffix: {
+      color: theme.primary,
+      fontSize: useResponsiveValue(theme.sizes.xl, theme.sizes.md, isDesktop, isTablet)
+    },
+    header: {
+      width: '100%',
+      marginBottom: useResponsiveValue(theme.sizes.xxs, theme.sizes.xxxs, isDesktop, isTablet)
+    },
+    tileTitle: __assign({
+      maxWidth: '90%',
+      flex: 1
+    }, getDirectionalMargin(8))
+  });
+};
+
+/**
+ * Renders the media for a Venue Tile.
+ *
+ * @param props {VenueTileMediaProps} - Component props
+ * @param props.isArtworkOnly {boolean} - Whether the media should be rendered as an artwork only component
+ * @returns React.ReactElement or null if no artwork URL is present or artwork should not be shown
+ */
+var VenueTileMedia = function (_a) {
+  var isArtworkOnly = _a.isArtworkOnly;
+  var styles = useVenueTileStyles();
+  var tileContext = useTileContext();
+  if (!isContextValid(tileContext)) return null;
+  var _b = tileContext.configuration,
+    artworkUrl = _b.artworkUrl,
+    _c = _b.name,
+    name = _c === void 0 ? 'Venue' : _c;
+  if (!artworkUrl) return null;
+  var containerStyle = {
+    flexBasis: isArtworkOnly ? '100%' : '50%'
+  };
+  return /*#__PURE__*/React.createElement(View$2, {
+    style: [styles.imageContainer, containerStyle],
+    testID: "venue-tile-media",
+    role: "img",
+    accessibilityLabel: "Venue image for ".concat(name)
+  }, /*#__PURE__*/React.createElement(ProgressiveImage, {
+    source: {
+      uri: artworkUrl
+    },
+    style: styles.image,
+    alt: "Venue image for ".concat(name)
+  }));
+};
+
+/**
+ * Renders the summary of a Venue Tile.
+ *
+ * @returns React.ReactElement or null if no summary is present
+ */
+var VenueTileDescription = function () {
+  var tileContext = useTileContext();
+  if (!isContextValid(tileContext)) return null;
+  var description = tileContext.configuration.description;
+  if (!description) return null;
+  return /*#__PURE__*/React.createElement(Text, {
+    variant: "body",
+    role: "article",
+    accessibilityLabel: description,
+    testID: "venue-tile-description",
+    numberOfLines: 3,
+    ellipsizeMode: "tail"
+  }, description);
+};
+
+/**
+ * Renders the title of a Venue Tile.
+ *
+ * @returns React.ReactElement or null if no name is present
+ */
+var VenueTileTitle = function () {
+  var tileContext = useTileContext();
+  var styles = useVenueTileStyles();
+  if (!isContextValid(tileContext)) return null;
+  var name = tileContext.configuration.name;
+  if (!name) return null;
+  var handleTitleWidth = function () {
+    if (IS_MOBILE) {
+      return styles.tileTitle;
+    }
+  };
+  return /*#__PURE__*/React.createElement(Text, {
+    variant: "title",
+    ellipsizeMode: "tail",
+    numberOfLines: 1,
+    role: "heading",
+    accessibilityLabel: "Venue title: ".concat(name),
+    testID: "venue-tile-title",
+    style: handleTitleWidth()
+  }, name);
+};
+
+/**
+ * The VenueTile component renders a tile with media, title, summary, points, and a chevron.
+ *
+ * @param {VenueTileProps} props - Component props
+ * @param {Tile} props.tile - The tile data to render
+ * @returns React.ReactElement or null if tile is inactive or not a full-height tile
+ */
+var VenueTileRoot = function (_a) {
+  var tile = _a.tile;
+  var styles = useVenueTileStyles();
+  if (!tile || tile.tileHeight !== exports.TileHeight.Full || !tile.active || !tile.configuration) return null;
+  return /*#__PURE__*/React.createElement(BaseTile, {
+    tile: tile
+  }, /*#__PURE__*/React.createElement(VenueTile.Media, {
+    isArtworkOnly: false
+  }), /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Row, {
+    justify: "between",
+    align: "center",
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(VenueTile.Title, null), /*#__PURE__*/React.createElement(VenueTile.Chevron, null)), /*#__PURE__*/React.createElement(VenueTile.Description, null)));
+};
+/**
+ * The VenueTile component with subcomponents attached.
+ */
+var VenueTile = Object.assign(VenueTileRoot, {
+  Media: VenueTileMedia,
+  Title: VenueTileTitle,
+  Description: VenueTileDescription,
+  Chevron: VenueTileChevron
+});
+var VenueTile$1 = withTileFetching(VenueTile);
+
 var _a;
-var TILE_COMPONENTS = (_a = {}, _a[exports.TileType.Content] = ContentTile$1, _a[exports.TileType.Badge] = BadgeTile$1, _a[exports.TileType.Tier] = TierTile, _a[exports.TileType.Points] = PointsTile$1, _a[exports.TileType.Reward] = RewardTile$1, _a[exports.TileType.RewardCategory] = RewardCategoryTile$1, _a[exports.TileType.Banner] = BannerTile$1, _a[exports.TileType.Roundup] = RoundupTile$1, _a);
+var TILE_COMPONENTS = (_a = {}, _a[exports.TileType.Content] = ContentTile$1, _a[exports.TileType.Badge] = BadgeTile$1, _a[exports.TileType.Tier] = TierTile, _a[exports.TileType.Points] = PointsTile$1, _a[exports.TileType.Reward] = RewardTile$1, _a[exports.TileType.RewardCategory] = RewardCategoryTile$1, _a[exports.TileType.Banner] = BannerTile$1, _a[exports.TileType.Roundup] = RoundupTile$1, _a[exports.TileType.Venue] = VenueTile$1, _a);
 /**
  * TileContainer component to render a list of tiles with proper layout and spacing.
  */
@@ -23027,6 +23271,7 @@ var Reward = /** @class */function () {
   return Reward;
 }();
 
+exports.BUTTON_SIZE = BUTTON_SIZE;
 exports.BadgeTile = BadgeTile$1;
 exports.BadgeTileConfig = BadgeTileConfig;
 exports.BannerTile = BannerTile$1;
@@ -23034,19 +23279,29 @@ exports.BannerTileConfig = BannerTileConfig;
 exports.BaseBanner = BaseBanner;
 exports.BaseTile = BaseTile;
 exports.Button = Button;
+exports.COLOR_CONSTANTS = COLOR_CONSTANTS;
 exports.Carousel = Carousel;
 exports.CarouselNavButton = CarouselNavButton;
 exports.Chip = Chip;
 exports.Column = Column;
 exports.ContentTile = ContentTile$1;
 exports.ContentTileConfig = ContentTileConfig;
+exports.DIMENSION_MODES = DIMENSION_MODES;
+exports.EventEmitter = EventEmitter$1;
 exports.FullFlex = FullFlex;
+exports.GRID_GAP = GRID_GAP;
 exports.Grid = Grid;
 exports.Group = Group;
+exports.IS_ANDROID = IS_ANDROID;
+exports.IS_DESKTOP = IS_DESKTOP;
+exports.IS_IOS = IS_IOS;
+exports.IS_MOBILE = IS_MOBILE;
+exports.IS_WEB = IS_WEB;
 exports.Icon = Icon;
 exports.Indicator = Indicator;
 exports.Layout = Layout;
 exports.LoadingIndicator = LoadingIndicator;
+exports.MAX_WIDTH = MAX_WIDTH;
 exports.PointsTile = PointsTile$1;
 exports.PointsTileConfig = PointsTileConfig;
 exports.ProgressBar = ProgressBar;
@@ -23060,18 +23315,57 @@ exports.RewardTileConfig = RewardTileConfig;
 exports.RoundupTile = RoundupTile$1;
 exports.RoundupTileConfig = RoundupTileConfig;
 exports.Row = Row;
+exports.SCREEN_HEIGHT = SCREEN_HEIGHT;
+exports.SCREEN_WIDTH = SCREEN_WIDTH;
+exports.SLIDE_WIDTH = SLIDE_WIDTH;
+exports.SMALL_SCREEN_WIDTH = SMALL_SCREEN_WIDTH;
 exports.Section = Section;
 exports.SectionHeader = SectionHeader;
 exports.Skeleton = Skeleton;
 exports.Spacer = Spacer;
+exports.TABLET_SCREEN_WIDTH = TABLET_SCREEN_WIDTH;
 exports.Text = Text;
 exports.TierTileConfig = TierTileConfig;
 exports.TierTileUpdated = TierTile;
 exports.TileContainer = TileContainer;
+exports.VenueTile = VenueTile$1;
+exports.VenueTileConfig = VenueTileConfig;
 exports.WllSdkProvider = WllSdkProvider;
 exports.alignMap = alignMap;
+exports.commonStyles = commonStyles;
+exports.createResourceGetter = createResourceGetter;
+exports.defaultTheme = defaultTheme;
+exports.desaturateColor = desaturateColor;
+exports.getAlphaDerivedColors = getAlphaDerivedColors;
+exports.getDerivedColor = getDerivedColor;
+exports.getDerivedColorPercentages = getDerivedColorPercentages;
+exports.getDimensionMode = getDimensionMode;
+exports.getDirectionalMargin = getDirectionalMargin;
+exports.getReadableTextColor = getReadableTextColor;
+exports.getResponsiveValue = getResponsiveValue;
+exports.getStateColor = getStateColor;
+exports.handleLastEarnedDate = handleLastEarnedDate;
 exports.justifyMap = justifyMap;
+exports.sdkEventEmitter = sdkEventEmitter;
+exports.shouldDesaturate = shouldDesaturate;
+exports.sizes = sizes;
+exports.sortByPriority = sortByPriority;
+exports.themeItems = themeItems;
+exports.themes = themes;
+exports.transformLocale = transformLocale;
+exports.useCreateRequestOptions = useCreateRequestOptions;
+exports.useGetGroupByID = useGetGroupByID;
+exports.useGetSectionByID = useGetSectionByID;
+exports.useGetTileByID = useGetTileByID;
+exports.useGroupRefresh = useGroupRefresh;
+exports.useInitialGroupFetch = useInitialGroupFetch;
 exports.useInvalidateData = useInvalidateData;
+exports.useMakeRequest = useMakeRequest;
+exports.useNavigation = useNavigation;
 exports.usePullToRefresh = usePullToRefresh;
+exports.useResponsive = useResponsive$1;
+exports.useResponsiveValue = useResponsiveValue;
+exports.useTileSize = useTileSize;
 exports.useWllSdk = useWllSdk;
+exports.validateTheme = validateTheme;
 //# sourceMappingURL=web.js.map