@wlloyalty/wll-react-sdk 1.0.7 → 1.0.9

package/dist/index.js

@@ -1,8 +1,28 @@
-import * as React from 'react';
-import React__default, { useContext, createContext, useLayoutEffect as useLayoutEffect$1, useEffect, useRef, useDebugValue, useState, useCallback, useMemo, useReducer } from 'react';
-import Color from 'color';
-import * as LucideIcons from 'lucide-react';
-import { LockKeyholeIcon } from 'lucide-react';
+'use strict';
+
+var React = require('react');
+var Color = require('color');
+var LucideIcons = require('lucide-react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var LucideIcons__namespace = /*#__PURE__*/_interopNamespaceDefault(LucideIcons);
 
 function _typeof$1(o) {
   "@babel/helpers - typeof";
@@ -4507,7 +4527,7 @@ var defaultLocale = {
   direction: 'ltr',
   locale: 'en-US'
 };
-var LocaleContext = /*#__PURE__*/createContext(defaultLocale);
+var LocaleContext = /*#__PURE__*/React.createContext(defaultLocale);
 function getLocaleDirection(locale) {
   return isLocaleRTL(locale) ? 'rtl' : 'ltr';
 }
@@ -4516,7 +4536,7 @@ function LocaleProvider(props) {
     locale = props.locale,
     children = props.children;
   var needsContext = direction || locale;
-  return needsContext ? /*#__PURE__*/React__default.createElement(LocaleContext.Provider, {
+  return needsContext ? /*#__PURE__*/React.createElement(LocaleContext.Provider, {
     children: children,
     value: {
       direction: locale ? getLocaleDirection(locale) : direction,
@@ -4525,7 +4545,7 @@ function LocaleProvider(props) {
   }) : children;
 }
 function useLocaleContext() {
-  return useContext(LocaleContext);
+  return React.useContext(LocaleContext);
 }
 
 /**
@@ -4545,10 +4565,10 @@ var createElement = (component, props, options) => {
   }
   var Component = accessibilityComponent || component;
   var domProps = createDOMProps$1(Component, props, options);
-  var element = /*#__PURE__*/React__default.createElement(Component, domProps);
+  var element = /*#__PURE__*/React.createElement(Component, domProps);
 
   // Update locale context if element's writing direction prop changes
-  var elementWithLocaleProvider = domProps.dir ? /*#__PURE__*/React__default.createElement(LocaleProvider, {
+  var elementWithLocaleProvider = domProps.dir ? /*#__PURE__*/React.createElement(LocaleProvider, {
     children: element,
     direction: domProps.dir,
     locale: domProps.lang
@@ -4755,7 +4775,7 @@ function pick(obj, list) {
  * 
  */
 
-var useLayoutEffectImpl = canUseDOM$1 ? useLayoutEffect$1 : useEffect;
+var useLayoutEffectImpl = canUseDOM$1 ? React.useLayoutEffect : React.useEffect;
 var useLayoutEffect = useLayoutEffectImpl;
 
 /**
@@ -5169,7 +5189,7 @@ function useMergeRefs$1() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-  return React.useMemo(() => mergeRefs(...args),
+  return React__namespace.useMemo(() => mergeRefs(...args),
   // eslint-disable-next-line
   [...args]);
 }
@@ -5185,7 +5205,7 @@ function useMergeRefs$1() {
 
 var UNINITIALIZED = typeof Symbol === 'function' && typeof Symbol() === 'symbol' ? Symbol() : Object.freeze({});
 function useStable$1(getInitialValue) {
-  var ref = React.useRef(UNINITIALIZED);
+  var ref = React__namespace.useRef(UNINITIALIZED);
   if (ref.current === UNINITIALIZED) {
     ref.current = getInitialValue();
   }
@@ -6233,7 +6253,7 @@ function getResponderNode() {
 var emptyObject$1 = {};
 var idCounter = 0;
 function useStable(getInitialValue) {
-  var ref = React.useRef(null);
+  var ref = React__namespace.useRef(null);
   if (ref.current == null) {
     ref.current = getInitialValue();
   }
@@ -6244,12 +6264,12 @@ function useResponderEvents(hostRef, config) {
     config = emptyObject$1;
   }
   var id = useStable(() => idCounter++);
-  var isAttachedRef = React.useRef(false);
+  var isAttachedRef = React__namespace.useRef(false);
 
   // This is a separate effects so it doesn't run when the config changes.
   // On initial mount, attach global listeners if needed.
   // On unmount, remove node potentially attached to the Responder System.
-  React.useEffect(() => {
+  React__namespace.useEffect(() => {
     attachListeners();
     return () => {
       removeNode(id);
@@ -6257,7 +6277,7 @@ function useResponderEvents(hostRef, config) {
   }, [id]);
 
   // Register and unregister with the Responder System as necessary
-  React.useEffect(() => {
+  React__namespace.useEffect(() => {
     var _config = config,
       onMoveShouldSetResponder = _config.onMoveShouldSetResponder,
       onMoveShouldSetResponderCapture = _config.onMoveShouldSetResponderCapture,
@@ -6277,10 +6297,10 @@ function useResponderEvents(hostRef, config) {
       isAttachedRef.current = false;
     }
   }, [config, hostRef, id]);
-  React.useDebugValue({
+  React__namespace.useDebugValue({
     isResponder: hostRef.current === getResponderNode()
   });
-  React.useDebugValue(config);
+  React__namespace.useDebugValue(config);
 }
 
 /**
@@ -6292,7 +6312,7 @@ function useResponderEvents(hostRef, config) {
  * 
  */
 
-var TextAncestorContext = /*#__PURE__*/createContext(false);
+var TextAncestorContext = /*#__PURE__*/React.createContext(false);
 var TextAncestorContext$1 = TextAncestorContext;
 
 var _excluded$b = ["hrefAttrs", "numberOfLines", "onClick", "onLayout", "onPress", "onMoveShouldSetResponder", "onMoveShouldSetResponderCapture", "onResponderEnd", "onResponderGrant", "onResponderMove", "onResponderReject", "onResponderRelease", "onResponderStart", "onResponderTerminate", "onResponderTerminationRequest", "onScrollShouldSetResponder", "onScrollShouldSetResponderCapture", "onSelectionChangeShouldSetResponder", "onSelectionChangeShouldSetResponderCapture", "onStartShouldSetResponder", "onStartShouldSetResponderCapture", "selectable"];
@@ -6302,7 +6322,7 @@ var forwardPropsList$1 = Object.assign({}, defaultProps, accessibilityProps, cli
   pointerEvents: true
 });
 var pickProps$1 = props => pick(props, forwardPropsList$1);
-var Text$2 = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+var Text$2 = /*#__PURE__*/React__namespace.forwardRef((props, forwardedRef) => {
   var hrefAttrs = props.hrefAttrs,
     numberOfLines = props.numberOfLines,
     onClick = props.onClick,
@@ -6329,8 +6349,8 @@ var Text$2 = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   if (selectable != null) {
     warnOnce('selectable', 'selectable prop is deprecated. Use styles.userSelect.');
   }
-  var hasTextAncestor = React.useContext(TextAncestorContext$1);
-  var hostRef = React.useRef(null);
+  var hasTextAncestor = React__namespace.useContext(TextAncestorContext$1);
+  var hostRef = React__namespace.useRef(null);
   var _useLocaleContext = useLocaleContext(),
     contextDirection = _useLocaleContext.direction;
   useElementLayout(hostRef, onLayout);
@@ -6352,7 +6372,7 @@ var Text$2 = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
     onStartShouldSetResponder,
     onStartShouldSetResponderCapture
   });
-  var handleClick = React.useCallback(e => {
+  var handleClick = React__namespace.useCallback(e => {
     if (onClick != null) {
       onClick(e);
     } else if (onPress != null) {
@@ -6399,7 +6419,7 @@ var Text$2 = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   var element = createElement$1(component, supportedProps, {
     writingDirection
   });
-  return hasTextAncestor ? element : /*#__PURE__*/React.createElement(TextAncestorContext$1.Provider, {
+  return hasTextAncestor ? element : /*#__PURE__*/React__namespace.createElement(TextAncestorContext$1.Provider, {
     value: true
   }, element);
 });
@@ -6968,25 +6988,25 @@ function getTouchFromResponderEvent(event) {
  */
 
 function usePressEvents(hostRef, config) {
-  var pressResponderRef = useRef(null);
+  var pressResponderRef = React.useRef(null);
   if (pressResponderRef.current == null) {
     pressResponderRef.current = new PressResponder(config);
   }
   var pressResponder = pressResponderRef.current;
 
   // Re-configure to use the current node and configuration.
-  useEffect(() => {
+  React.useEffect(() => {
     pressResponder.configure(config);
   }, [config, pressResponder]);
 
   // Reset the `pressResponder` when cleanup needs to occur. This is
   // a separate effect because we do not want to rest the responder when `config` changes.
-  useEffect(() => {
+  React.useEffect(() => {
     return () => {
       pressResponder.reset();
     };
   }, [pressResponder]);
-  useDebugValue(config);
+  React.useDebugValue(config);
   return pressResponder.getEventHandlers();
 }
 
@@ -6999,7 +7019,7 @@ var forwardPropsList = Object.assign({}, defaultProps, accessibilityProps, click
   pointerEvents: true
 });
 var pickProps = props => pick(props, forwardPropsList);
-var View$1 = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+var View$1 = /*#__PURE__*/React__namespace.forwardRef((props, forwardedRef) => {
   var hrefAttrs = props.hrefAttrs,
     onLayout = props.onLayout,
     onMoveShouldSetResponder = props.onMoveShouldSetResponder,
@@ -7020,14 +7040,14 @@ var View$1 = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
     onStartShouldSetResponderCapture = props.onStartShouldSetResponderCapture,
     rest = _objectWithoutPropertiesLoose(props, _excluded$a);
   if (process.env.NODE_ENV !== 'production') {
-    React.Children.toArray(props.children).forEach(item => {
+    React__namespace.Children.toArray(props.children).forEach(item => {
       if (typeof item === 'string') {
         console.error("Unexpected text node: " + item + ". A text node cannot be a child of a <View>.");
       }
     });
   }
-  var hasTextAncestor = React.useContext(TextAncestorContext$1);
-  var hostRef = React.useRef(null);
+  var hasTextAncestor = React__namespace.useContext(TextAncestorContext$1);
+  var hostRef = React__namespace.useRef(null);
   var _useLocaleContext = useLocaleContext(),
     contextDirection = _useLocaleContext.direction;
   useElementLayout(hostRef, onLayout);
@@ -7136,25 +7156,25 @@ function TouchableOpacity(props, forwardedRef) {
     rejectResponderTermination = props.rejectResponderTermination,
     style = props.style,
     rest = _objectWithoutPropertiesLoose(props, _excluded$9);
-  var hostRef = useRef(null);
+  var hostRef = React.useRef(null);
   var setRef = useMergeRefs$1(forwardedRef, hostRef);
-  var _useState = useState('0s'),
+  var _useState = React.useState('0s'),
     duration = _useState[0],
     setDuration = _useState[1];
-  var _useState2 = useState(null),
+  var _useState2 = React.useState(null),
     opacityOverride = _useState2[0],
     setOpacityOverride = _useState2[1];
-  var setOpacityTo = useCallback((value, duration) => {
+  var setOpacityTo = React.useCallback((value, duration) => {
     setOpacityOverride(value);
     setDuration(duration ? duration / 1000 + "s" : '0s');
   }, [setOpacityOverride, setDuration]);
-  var setOpacityActive = useCallback(duration => {
+  var setOpacityActive = React.useCallback(duration => {
     setOpacityTo(activeOpacity !== null && activeOpacity !== void 0 ? activeOpacity : 0.2, duration);
   }, [activeOpacity, setOpacityTo]);
-  var setOpacityInactive = useCallback(duration => {
+  var setOpacityInactive = React.useCallback(duration => {
     setOpacityTo(null, duration);
   }, [setOpacityTo]);
-  var pressConfig = useMemo(() => ({
+  var pressConfig = React.useMemo(() => ({
     cancelable: !rejectResponderTermination,
     disabled,
     delayLongPress,
@@ -7177,7 +7197,7 @@ function TouchableOpacity(props, forwardedRef) {
     }
   }), [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressOut, rejectResponderTermination, setOpacityActive, setOpacityInactive]);
   var pressEventHandlers = usePressEvents(hostRef, pressConfig);
-  return /*#__PURE__*/React.createElement(View$2, _extends$1({}, rest, pressEventHandlers, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, _extends$1({}, rest, pressEventHandlers, {
     accessibilityDisabled: disabled,
     focusable: !disabled && focusable !== false,
     pointerEvents: disabled ? 'box-none' : undefined,
@@ -7200,7 +7220,7 @@ var styles$s = StyleSheet$1.create({
     touchAction: 'manipulation'
   }
 });
-var MemoedTouchableOpacity = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(TouchableOpacity));
+var MemoedTouchableOpacity = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(TouchableOpacity));
 MemoedTouchableOpacity.displayName = 'TouchableOpacity';
 var TouchableOpacity$1 = MemoedTouchableOpacity;
 
@@ -7289,7 +7309,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 
 var baseUrl = 'https://api.staging.core.wlloyalty.net/v1';
 var useCreateRequestOptions = function (config) {
-  return useCallback(function (options) {
+  return React.useCallback(function (options) {
     if (options === void 0) {
       options = {};
     }
@@ -7306,7 +7326,7 @@ var useCreateRequestOptions = function (config) {
 };
 var useMakeRequest = function (config) {
   var createRequestOptions = useCreateRequestOptions(config);
-  return useCallback(function (url) {
+  return React.useCallback(function (url) {
     return __awaiter(void 0, void 0, void 0, function () {
       var response, json, error_1;
       return __generator(this, function (_a) {
@@ -7354,7 +7374,7 @@ var createResourceGetter = function (resource, includeHydrate) {
   }
   return function (config) {
     var makeRequest = useMakeRequest(config);
-    return useCallback(function (id) {
+    return React.useCallback(function (id) {
       var params = new URLSearchParams();
       if (includeHydrate) {
         params.append('hydrate', 'true');
@@ -7465,17 +7485,17 @@ var createTheme = function (baseTheme) {
     alphaDerivedText: getAlphaDerivedColors(text)
   });
 };
-var WllSdkContext = /*#__PURE__*/React__default.createContext(undefined);
+var WllSdkContext = /*#__PURE__*/React.createContext(undefined);
 var WllSdkProvider = function (_a) {
   var children = _a.children,
     providedTheme = _a.theme,
     config = _a.config;
-  var _b = React__default.useState(function () {
+  var _b = React.useState(function () {
       return createTheme(providedTheme || {});
     }),
     theme = _b[0],
     setThemeState = _b[1];
-  var setTheme = React__default.useCallback(function (newTheme) {
+  var setTheme = React.useCallback(function (newTheme) {
     setThemeState(function (prevTheme) {
       return createTheme(__assign(__assign({}, prevTheme), newTheme));
     });
@@ -7483,7 +7503,7 @@ var WllSdkProvider = function (_a) {
   var getGroupByID = useGetGroupByID(config);
   var getSectionByID = useGetSectionByID(config);
   var getTileByID = useGetTileByID(config);
-  var contextValue = React__default.useMemo(function () {
+  var contextValue = React.useMemo(function () {
     return {
       theme: theme,
       setTheme: setTheme,
@@ -7492,12 +7512,12 @@ var WllSdkProvider = function (_a) {
       getTileByID: getTileByID
     };
   }, [theme, setTheme, getGroupByID, getSectionByID, getTileByID]);
-  return /*#__PURE__*/React__default.createElement(WllSdkContext.Provider, {
+  return /*#__PURE__*/React.createElement(WllSdkContext.Provider, {
     value: contextValue
   }, children);
 };
 var useWllSdk = function () {
-  var context = React__default.useContext(WllSdkContext);
+  var context = React.useContext(WllSdkContext);
   if (context === undefined) {
     throw new Error('useWllSdk must be used within a WllSdkProvider');
   }
@@ -7764,12 +7784,12 @@ var Button = function (_a) {
   var theme = useWllSdk().theme;
   var buttonStyle = useButtonStyles(theme, variant);
   var textStyle = useTextStyles(theme, variant);
-  return /*#__PURE__*/React.createElement(TouchableOpacity$1, {
+  return /*#__PURE__*/React__namespace.createElement(TouchableOpacity$1, {
     style: [buttonStyle, {
       borderRadius: theme.sizes.borderRadiusButton
     }],
     onPress: onPress
-  }, /*#__PURE__*/React.createElement(Text$3, {
+  }, /*#__PURE__*/React__namespace.createElement(Text$3, {
     style: [textStyle, {
       fontWeight: '700'
     }]
@@ -7800,7 +7820,7 @@ var Column = function (_a) {
     direction = _d === void 0 ? 'column' : _d,
     _e = _a.style,
     style = _e === void 0 ? {} : _e;
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: [styles$q.column, {
       justifyContent: justifyMap[justify],
       alignItems: alignMap[align],
@@ -7826,12 +7846,12 @@ var Icon = function (_a) {
     _d = _a.strokeWidth,
     strokeWidth = _d === void 0 ? 2 : _d,
     props = __rest(_a, ["name", "color", "size", "strokeWidth"]);
-  var LucideIcon = LucideIcons[name];
+  var LucideIcon = LucideIcons__namespace[name];
   if (!LucideIcon) {
     console.warn("Icon \"".concat(name, "\" not found in Lucide icons"));
     return null;
   }
-  return /*#__PURE__*/React.createElement(View$2, props, /*#__PURE__*/React.createElement(LucideIcon, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, props, /*#__PURE__*/React__namespace.createElement(LucideIcon, {
     color: color,
     size: size,
     strokeWidth: strokeWidth
@@ -7839,7 +7859,7 @@ var Icon = function (_a) {
 };
 
 var _excluded$8 = ["animating", "color", "hidesWhenStopped", "size", "style"];
-var createSvgCircle = style => /*#__PURE__*/React.createElement("circle", {
+var createSvgCircle = style => /*#__PURE__*/React__namespace.createElement("circle", {
   cx: "16",
   cy: "16",
   fill: "none",
@@ -7847,7 +7867,7 @@ var createSvgCircle = style => /*#__PURE__*/React.createElement("circle", {
   strokeWidth: "4",
   style: style
 });
-var ActivityIndicator = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+var ActivityIndicator = /*#__PURE__*/React__namespace.forwardRef((props, forwardedRef) => {
   var _props$animating = props.animating,
     animating = _props$animating === void 0 ? true : _props$animating,
     _props$color = props.color,
@@ -7858,7 +7878,7 @@ var ActivityIndicator = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
     size = _props$size === void 0 ? 'small' : _props$size,
     style = props.style,
     other = _objectWithoutPropertiesLoose(props, _excluded$8);
-  var svg = /*#__PURE__*/React.createElement("svg", {
+  var svg = /*#__PURE__*/React__namespace.createElement("svg", {
     height: "100%",
     viewBox: "0 0 32 32",
     width: "100%"
@@ -7870,13 +7890,13 @@ var ActivityIndicator = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
     strokeDasharray: 80,
     strokeDashoffset: 60
   }));
-  return /*#__PURE__*/React.createElement(View$2, _extends$1({}, other, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, _extends$1({}, other, {
     "aria-valuemax": 1,
     "aria-valuemin": 0,
     ref: forwardedRef,
     role: "progressbar",
     style: [styles$p.container, style]
-  }), /*#__PURE__*/React.createElement(View$2, {
+  }), /*#__PURE__*/React__namespace.createElement(View$2, {
     children: svg,
     style: [typeof size === 'number' ? {
       height: size,
@@ -7924,12 +7944,12 @@ var ActivityIndicator$1 = ActivityIndicator;
 
 var LoadingIndicator = function () {
   var theme = useWllSdk().theme;
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: [styles$o.container, {
       borderRadius: theme.sizes.borderRadiusSm,
       padding: theme.sizes.md
     }]
-  }, /*#__PURE__*/React.createElement(ActivityIndicator$1, {
+  }, /*#__PURE__*/React__namespace.createElement(ActivityIndicator$1, {
     size: "small",
     color: theme.primary
   }));
@@ -8082,7 +8102,7 @@ function RefreshControl(props) {
     props.title;
     props.titleColor;
     var rest = _objectWithoutPropertiesLoose(props, _excluded$7);
-  return /*#__PURE__*/React__default.createElement(View$2, rest);
+  return /*#__PURE__*/React.createElement(View$2, rest);
 }
 
 /**
@@ -8199,7 +8219,7 @@ function shouldEmitScrollEvent(lastTick, eventThrottle) {
 /**
  * Encapsulates the Web-specific scroll throttling and disabling logic
  */
-var ScrollViewBase = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+var ScrollViewBase = /*#__PURE__*/React__namespace.forwardRef((props, forwardedRef) => {
   var onScroll = props.onScroll,
     onTouchMove = props.onTouchMove,
     onWheel = props.onWheel,
@@ -8211,12 +8231,12 @@ var ScrollViewBase = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
     showsVerticalScrollIndicator = props.showsVerticalScrollIndicator,
     style = props.style,
     rest = _objectWithoutPropertiesLoose(props, _excluded$6);
-  var scrollState = React.useRef({
+  var scrollState = React__namespace.useRef({
     isScrolling: false,
     scrollLastTick: 0
   });
-  var scrollTimeout = React.useRef(null);
-  var scrollRef = React.useRef(null);
+  var scrollTimeout = React__namespace.useRef(null);
+  var scrollRef = React__namespace.useRef(null);
   function createPreventableScrollHandler(handler) {
     return e => {
       if (scrollEnabled) {
@@ -8265,7 +8285,7 @@ var ScrollViewBase = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
     }
   }
   var hideScrollbar = showsHorizontalScrollIndicator === false || showsVerticalScrollIndicator === false;
-  return /*#__PURE__*/React.createElement(View$2, _extends$1({}, rest, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, _extends$1({}, rest, {
     onScroll: handleScroll,
     onTouchMove: createPreventableScrollHandler(onTouchMove),
     onWheel: createPreventableScrollHandler(onWheel),
@@ -8385,7 +8405,7 @@ var warning$1 = /*@__PURE__*/getDefaultExportFromCjs(warning_1);
 var _excluded$5 = ["contentContainerStyle", "horizontal", "onContentSizeChange", "refreshControl", "stickyHeaderIndices", "pagingEnabled", "forwardedRef", "keyboardDismissMode", "onScroll", "centerContent"];
 var emptyObject = {};
 var IS_ANIMATING_TOUCH_START_THRESHOLD_MS = 16;
-let ScrollView$1 = class ScrollView extends React__default.Component {
+let ScrollView$1 = class ScrollView extends React.Component {
   constructor() {
     super(...arguments);
     this._scrollNodeRef = null;
@@ -8912,17 +8932,17 @@ let ScrollView$1 = class ScrollView extends React__default.Component {
       };
     }
     var hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices);
-    var children = hasStickyHeaderIndices || pagingEnabled ? React__default.Children.map(this.props.children, (child, i) => {
+    var children = hasStickyHeaderIndices || pagingEnabled ? React.Children.map(this.props.children, (child, i) => {
       var isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;
       if (child != null && (isSticky || pagingEnabled)) {
-        return /*#__PURE__*/React__default.createElement(View$2, {
+        return /*#__PURE__*/React.createElement(View$2, {
           style: [isSticky && styles$m.stickyHeader, pagingEnabled && styles$m.pagingEnabledChild]
         }, child);
       } else {
         return child;
       }
     }) : this.props.children;
-    var contentContainer = /*#__PURE__*/React__default.createElement(View$2, _extends$1({}, contentSizeChangeProps, {
+    var contentContainer = /*#__PURE__*/React.createElement(View$2, _extends$1({}, contentSizeChangeProps, {
       children: children,
       collapsable: false,
       ref: this._setInnerViewRef,
@@ -8951,11 +8971,11 @@ let ScrollView$1 = class ScrollView extends React__default.Component {
     });
     var ScrollViewClass = ScrollViewBase$1;
     invariant$1(ScrollViewClass !== undefined, 'ScrollViewClass must not be undefined');
-    var scrollView = /*#__PURE__*/React__default.createElement(ScrollViewClass, _extends$1({}, props, {
+    var scrollView = /*#__PURE__*/React.createElement(ScrollViewClass, _extends$1({}, props, {
       ref: this._setScrollNodeRef
     }), contentContainer);
     if (refreshControl) {
-      return /*#__PURE__*/React__default.cloneElement(refreshControl, {
+      return /*#__PURE__*/React.cloneElement(refreshControl, {
         style: props.style
       }, scrollView);
     }
@@ -9005,8 +9025,8 @@ var styles$m = StyleSheet$1.create({
     scrollSnapAlign: 'start'
   }
 });
-var ForwardedScrollView = /*#__PURE__*/React__default.forwardRef((props, forwardedRef) => {
-  return /*#__PURE__*/React__default.createElement(ScrollView$1, _extends$1({}, props, {
+var ForwardedScrollView = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  return /*#__PURE__*/React.createElement(ScrollView$1, _extends$1({}, props, {
     forwardedRef: forwardedRef
   }));
 });
@@ -9788,7 +9808,7 @@ var FillRateHelper$1 = FillRateHelper;
  * variables are read in a state updater function, instead of the ones passed
  * in.
  */
-class StateSafePureComponent extends React.PureComponent {
+class StateSafePureComponent extends React__namespace.PureComponent {
   constructor(props) {
     super(props);
     this._inAsyncStateUpdate = false;
@@ -10040,7 +10060,7 @@ function _isEntirelyVisible(top, bottom, viewportHeight) {
 var ViewabilityHelper$1 = ViewabilityHelper;
 
 var __DEV__$3 = process.env.NODE_ENV !== 'production';
-var VirtualizedListContext = /*#__PURE__*/React.createContext(null);
+var VirtualizedListContext = /*#__PURE__*/React__namespace.createContext(null);
 if (__DEV__$3) {
   VirtualizedListContext.displayName = 'VirtualizedListContext';
 }
@@ -10052,7 +10072,7 @@ function VirtualizedListContextProvider(_ref2) {
   var children = _ref2.children,
     value = _ref2.value;
   // Avoid setting a newly created context object if the values are identical.
-  var context = useMemo(() => ({
+  var context = React.useMemo(() => ({
     cellKey: null,
     getScrollMetrics: value.getScrollMetrics,
     horizontal: value.horizontal,
@@ -10060,7 +10080,7 @@ function VirtualizedListContextProvider(_ref2) {
     registerAsNestedChild: value.registerAsNestedChild,
     unregisterAsNestedChild: value.unregisterAsNestedChild
   }), [value.getScrollMetrics, value.horizontal, value.getOutermostParentListRef, value.registerAsNestedChild, value.unregisterAsNestedChild]);
-  return /*#__PURE__*/React.createElement(VirtualizedListContext.Provider, {
+  return /*#__PURE__*/React__namespace.createElement(VirtualizedListContext.Provider, {
     value: context
   }, children);
 }
@@ -10072,16 +10092,16 @@ function VirtualizedListCellContextProvider(_ref3) {
   var cellKey = _ref3.cellKey,
     children = _ref3.children;
   // Avoid setting a newly created context object if the values are identical.
-  var currContext = useContext(VirtualizedListContext);
-  var context = useMemo(() => currContext == null ? null : _objectSpread2(_objectSpread2({}, currContext), {}, {
+  var currContext = React.useContext(VirtualizedListContext);
+  var context = React.useMemo(() => currContext == null ? null : _objectSpread2(_objectSpread2({}, currContext), {}, {
     cellKey
   }), [currContext, cellKey]);
-  return /*#__PURE__*/React.createElement(VirtualizedListContext.Provider, {
+  return /*#__PURE__*/React__namespace.createElement(VirtualizedListContext.Provider, {
     value: context
   }, children);
 }
 
-class CellRenderer extends React.Component {
+class CellRenderer extends React__namespace.Component {
   constructor() {
     super(...arguments);
     this.state = {
@@ -10148,7 +10168,7 @@ class CellRenderer extends React.Component {
       /* $FlowFixMe[incompatible-type-arg] (>=0.108.0 site=react_native_fb)
        * This comment suppresses an error found when Flow v0.108 was deployed.
        * To see the error, delete this comment and run Flow. */
-      return /*#__PURE__*/React.createElement(ListItemComponent, {
+      return /*#__PURE__*/React__namespace.createElement(ListItemComponent, {
         item,
         index,
         separators: this._separators
@@ -10180,18 +10200,18 @@ class CellRenderer extends React.Component {
 
     // NOTE: that when this is a sticky header, `onLayout` will get automatically extracted and
     // called explicitly by `ScrollViewStickyHeader`.
-    var itemSeparator = /*#__PURE__*/React.isValidElement(ItemSeparatorComponent) ?
+    var itemSeparator = /*#__PURE__*/React__namespace.isValidElement(ItemSeparatorComponent) ?
     // $FlowFixMe[incompatible-type]
     ItemSeparatorComponent :
     // $FlowFixMe[incompatible-type]
-    ItemSeparatorComponent && /*#__PURE__*/React.createElement(ItemSeparatorComponent, this.state.separatorProps);
+    ItemSeparatorComponent && /*#__PURE__*/React__namespace.createElement(ItemSeparatorComponent, this.state.separatorProps);
     var cellStyle = inversionStyle ? horizontal ? [styles$l.rowReverse, inversionStyle] : [styles$l.columnReverse, inversionStyle] : horizontal ? [styles$l.row, inversionStyle] : inversionStyle;
-    var result = !CellRendererComponent ? /*#__PURE__*/React.createElement(View$2, _extends$1({
+    var result = !CellRendererComponent ? /*#__PURE__*/React__namespace.createElement(View$2, _extends$1({
       style: cellStyle,
       onFocusCapture: onCellFocusCapture
     }, onCellLayout && {
       onLayout: this._onLayout
-    }), element, itemSeparator) : /*#__PURE__*/React.createElement(CellRendererComponent, _extends$1({
+    }), element, itemSeparator) : /*#__PURE__*/React__namespace.createElement(CellRendererComponent, _extends$1({
       cellKey: cellKey,
       index: index,
       item: item,
@@ -10200,7 +10220,7 @@ class CellRenderer extends React.Component {
     }, onCellLayout && {
       onLayout: this._onLayout
     }), element, itemSeparator);
-    return /*#__PURE__*/React.createElement(VirtualizedListCellContextProvider, {
+    return /*#__PURE__*/React__namespace.createElement(VirtualizedListCellContextProvider, {
       cellKey: this.props.cellKey
     }, result);
   }
@@ -10733,7 +10753,7 @@ class VirtualizedList extends StateSafePureComponent {
       var onRefresh = props.onRefresh;
       if (this._isNestedWithSameOrientation()) {
         // $FlowFixMe[prop-missing] - Typing ReactNativeComponent revealed errors
-        return /*#__PURE__*/React.createElement(View$2, props);
+        return /*#__PURE__*/React__namespace.createElement(View$2, props);
       } else if (onRefresh) {
         var _props$refreshing;
         invariant$1(typeof props.refreshing === 'boolean', '`refreshing` prop must be set as a boolean in order to use `onRefresh`, but got `' + JSON.stringify((_props$refreshing = props.refreshing) !== null && _props$refreshing !== void 0 ? _props$refreshing : 'undefined') + '`');
@@ -10741,8 +10761,8 @@ class VirtualizedList extends StateSafePureComponent {
           /*#__PURE__*/
           // $FlowFixMe[prop-missing] Invalid prop usage
           // $FlowFixMe[incompatible-use]
-          React.createElement(ScrollView$2, _extends$1({}, props, {
-            refreshControl: props.refreshControl == null ? /*#__PURE__*/React.createElement(RefreshControl
+          React__namespace.createElement(ScrollView$2, _extends$1({}, props, {
+            refreshControl: props.refreshControl == null ? /*#__PURE__*/React__namespace.createElement(RefreshControl
             // $FlowFixMe[incompatible-type]
             , {
               refreshing: props.refreshing,
@@ -10754,7 +10774,7 @@ class VirtualizedList extends StateSafePureComponent {
       } else {
         // $FlowFixMe[prop-missing] Invalid prop usage
         // $FlowFixMe[incompatible-use]
-        return /*#__PURE__*/React.createElement(ScrollView$2, props);
+        return /*#__PURE__*/React__namespace.createElement(ScrollView$2, props);
       }
     };
     this._onCellLayout = (e, cellKey, index) => {
@@ -11321,7 +11341,7 @@ class VirtualizedList extends StateSafePureComponent {
         stickyHeaderIndices.push(cells.length);
       }
       var shouldListenForLayout = getItemLayout == null || debug || _this._fillRateHelper.enabled();
-      cells.push( /*#__PURE__*/React.createElement(CellRenderer, _extends$1({
+      cells.push( /*#__PURE__*/React__namespace.createElement(CellRenderer, _extends$1({
         CellRendererComponent: CellRendererComponent,
         ItemSeparatorComponent: ii < end ? ItemSeparatorComponent : undefined,
         ListItemComponent: ListItemComponent,
@@ -11395,15 +11415,15 @@ class VirtualizedList extends StateSafePureComponent {
       if (stickyIndicesFromProps.has(0)) {
         stickyHeaderIndices.push(0);
       }
-      var _element = /*#__PURE__*/React.isValidElement(ListHeaderComponent) ? ListHeaderComponent :
+      var _element = /*#__PURE__*/React__namespace.isValidElement(ListHeaderComponent) ? ListHeaderComponent :
       /*#__PURE__*/
       // $FlowFixMe[not-a-component]
       // $FlowFixMe[incompatible-type-arg]
-      React.createElement(ListHeaderComponent, null);
-      cells.push( /*#__PURE__*/React.createElement(VirtualizedListCellContextProvider, {
+      React__namespace.createElement(ListHeaderComponent, null);
+      cells.push( /*#__PURE__*/React__namespace.createElement(VirtualizedListCellContextProvider, {
         cellKey: this._getCellKey() + '-header',
         key: "$header"
-      }, /*#__PURE__*/React.createElement(View$2, {
+      }, /*#__PURE__*/React__namespace.createElement(View$2, {
         onLayout: this._onLayoutHeader,
         style: [inversionStyle, this.props.ListHeaderComponentStyle]
       },
@@ -11414,15 +11434,15 @@ class VirtualizedList extends StateSafePureComponent {
     // 2a. Add a cell for ListEmptyComponent if applicable
     var itemCount = this.props.getItemCount(data);
     if (itemCount === 0 && ListEmptyComponent) {
-      var _element2 = /*#__PURE__*/React.isValidElement(ListEmptyComponent) ? ListEmptyComponent :
+      var _element2 = /*#__PURE__*/React__namespace.isValidElement(ListEmptyComponent) ? ListEmptyComponent :
       /*#__PURE__*/
       // $FlowFixMe[not-a-component]
       // $FlowFixMe[incompatible-type-arg]
-      React.createElement(ListEmptyComponent, null);
-      cells.push( /*#__PURE__*/React.createElement(VirtualizedListCellContextProvider, {
+      React__namespace.createElement(ListEmptyComponent, null);
+      cells.push( /*#__PURE__*/React__namespace.createElement(VirtualizedListCellContextProvider, {
         cellKey: this._getCellKey() + '-empty',
         key: "$empty"
-      }, /*#__PURE__*/React.cloneElement(_element2, {
+      }, /*#__PURE__*/React__namespace.cloneElement(_element2, {
         onLayout: event => {
           this._onLayoutEmpty(event);
           if (_element2.props.onLayout) {
@@ -11458,7 +11478,7 @@ class VirtualizedList extends StateSafePureComponent {
           var firstMetrics = this.__getFrameMetricsApprox(section.first, this.props);
           var lastMetrics = this.__getFrameMetricsApprox(last, this.props);
           var spacerSize = lastMetrics.offset + lastMetrics.length - firstMetrics.offset;
-          cells.push( /*#__PURE__*/React.createElement(View$2, {
+          cells.push( /*#__PURE__*/React__namespace.createElement(View$2, {
             key: "$spacer-" + section.first,
             style: {
               [spacerKey]: spacerSize
@@ -11476,15 +11496,15 @@ class VirtualizedList extends StateSafePureComponent {
 
     // 3. Add cell for ListFooterComponent
     if (ListFooterComponent) {
-      var _element3 = /*#__PURE__*/React.isValidElement(ListFooterComponent) ? ListFooterComponent :
+      var _element3 = /*#__PURE__*/React__namespace.isValidElement(ListFooterComponent) ? ListFooterComponent :
       /*#__PURE__*/
       // $FlowFixMe[not-a-component]
       // $FlowFixMe[incompatible-type-arg]
-      React.createElement(ListFooterComponent, null);
-      cells.push( /*#__PURE__*/React.createElement(VirtualizedListCellContextProvider, {
+      React__namespace.createElement(ListFooterComponent, null);
+      cells.push( /*#__PURE__*/React__namespace.createElement(VirtualizedListCellContextProvider, {
         cellKey: this._getFooterCellKey(),
         key: "$footer"
-      }, /*#__PURE__*/React.createElement(View$2, {
+      }, /*#__PURE__*/React__namespace.createElement(View$2, {
         onLayout: this._onLayoutFooter,
         style: [inversionStyle, this.props.ListFooterComponentStyle]
       },
@@ -11508,7 +11528,7 @@ class VirtualizedList extends StateSafePureComponent {
       style: inversionStyle ? [inversionStyle, this.props.style] : this.props.style
     });
     this._hasMore = this.state.cellsAroundViewport.last < itemCount - 1;
-    var innerRet = /*#__PURE__*/React.createElement(VirtualizedListContextProvider, {
+    var innerRet = /*#__PURE__*/React__namespace.createElement(VirtualizedListContextProvider, {
       value: {
         cellKey: null,
         getScrollMetrics: this._getScrollMetrics,
@@ -11517,7 +11537,7 @@ class VirtualizedList extends StateSafePureComponent {
         registerAsNestedChild: this._registerAsNestedChild,
         unregisterAsNestedChild: this._unregisterAsNestedChild
       }
-    }, /*#__PURE__*/React.cloneElement((this.props.renderScrollComponent || this._defaultRenderScrollComponent)(scrollProps), {
+    }, /*#__PURE__*/React__namespace.cloneElement((this.props.renderScrollComponent || this._defaultRenderScrollComponent)(scrollProps), {
       ref: this._captureScrollRef
     }, cells));
     var ret = innerRet;
@@ -11548,7 +11568,7 @@ class VirtualizedList extends StateSafePureComponent {
       );
     }*/
     if (this.props.debug) {
-      return /*#__PURE__*/React.createElement(View$2, {
+      return /*#__PURE__*/React__namespace.createElement(View$2, {
         style: styles$k.debug
       }, ret, this._renderDebugOverlay());
     } else {
@@ -11665,20 +11685,20 @@ class VirtualizedList extends StateSafePureComponent {
     var windowLen = frameLast.offset + frameLast.length - windowTop;
     var visTop = this._scrollMetrics.offset;
     var visLen = this._scrollMetrics.visibleLength;
-    return /*#__PURE__*/React.createElement(View$2, {
+    return /*#__PURE__*/React__namespace.createElement(View$2, {
       style: [styles$k.debugOverlayBase, styles$k.debugOverlay]
-    }, framesInLayout.map((f, ii) => /*#__PURE__*/React.createElement(View$2, {
+    }, framesInLayout.map((f, ii) => /*#__PURE__*/React__namespace.createElement(View$2, {
       key: 'f' + ii,
       style: [styles$k.debugOverlayBase, styles$k.debugOverlayFrame, {
         top: f.offset * normalize,
         height: f.length * normalize
       }]
-    })), /*#__PURE__*/React.createElement(View$2, {
+    })), /*#__PURE__*/React__namespace.createElement(View$2, {
       style: [styles$k.debugOverlayBase, styles$k.debugOverlayFrameLast, {
         top: windowTop * normalize,
         height: windowLen * normalize
       }]
-    }), /*#__PURE__*/React.createElement(View$2, {
+    }), /*#__PURE__*/React__namespace.createElement(View$2, {
       style: [styles$k.debugOverlayBase, styles$k.debugOverlayFrameVis, {
         top: visTop * normalize,
         height: visLen * normalize
@@ -12033,7 +12053,7 @@ function isArrayLike(data) {
  *
  * Also inherits [ScrollView Props](docs/scrollview.html#props), unless it is nested in another FlatList of same orientation.
  */
-let FlatList$1 = class FlatList extends React.PureComponent {
+let FlatList$1 = class FlatList extends React__namespace.PureComponent {
   /**
    * Scrolls to the end of the content. May be janky without `getItemLayout` prop.
    */
@@ -12183,7 +12203,7 @@ let FlatList$1 = class FlatList extends React.PureComponent {
           // $FlowFixMe[not-a-component] Component isn't valid
           // $FlowFixMe[incompatible-type-arg] Component isn't valid
           // $FlowFixMe[incompatible-return] Component isn't valid
-          return /*#__PURE__*/React.createElement(ListItemComponent, props);
+          return /*#__PURE__*/React__namespace.createElement(ListItemComponent, props);
         } else if (renderItem) {
           // $FlowFixMe[incompatible-call]
           return renderItem(props);
@@ -12196,7 +12216,7 @@ let FlatList$1 = class FlatList extends React.PureComponent {
           var _item2 = info.item,
             _index = info.index;
           invariant$1(Array.isArray(_item2), 'Expected array of items with numColumns > 1');
-          return /*#__PURE__*/React.createElement(View$2, {
+          return /*#__PURE__*/React__namespace.createElement(View$2, {
             style: [styles$j.row, columnWrapperStyle]
           }, _item2.map((it, kk) => {
             var element = render({
@@ -12205,7 +12225,7 @@ let FlatList$1 = class FlatList extends React.PureComponent {
               index: _index * cols + kk,
               separators: info.separators
             });
-            return element != null ? /*#__PURE__*/React.createElement(React.Fragment, {
+            return element != null ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
               key: kk
             }, element) : null;
           }));
@@ -12312,7 +12332,7 @@ let FlatList$1 = class FlatList extends React.PureComponent {
     return (
       /*#__PURE__*/
       // $FlowFixMe[incompatible-exact] - `restProps` (`Props`) is inexact.
-      React.createElement(VirtualizedList$1, _extends$1({}, restProps, {
+      React__namespace.createElement(VirtualizedList$1, _extends$1({}, restProps, {
         getItem: this._getItem,
         getItemCount: this._getItemCount,
         keyExtractor: this._keyExtractor,
@@ -14118,8 +14138,8 @@ var AnimatedProps$1 = AnimatedProps;
  * WARNING: The `effect` callback should be stable (e.g. using `useCallback`).
  */
 function useRefEffect(effect) {
-  var cleanupRef = useRef(undefined);
-  return useCallback(instance => {
+  var cleanupRef = React.useRef(undefined);
+  return React.useCallback(instance => {
     if (cleanupRef.current) {
       cleanupRef.current();
       cleanupRef.current = undefined;
@@ -14141,15 +14161,15 @@ function useRefEffect(effect) {
  */
 
 function useAnimatedProps(props) {
-  var _useReducer = useReducer(count => count + 1, 0),
+  var _useReducer = React.useReducer(count => count + 1, 0),
     scheduleUpdate = _useReducer[1];
-  var onUpdateRef = useRef(null);
+  var onUpdateRef = React.useRef(null);
 
   // TODO: Only invalidate `node` if animated props or `style` change. In the
   // previous implementation, we permitted `style` to override props with the
   // same name property name as styles, so we can probably continue doing that.
   // The ordering of other props *should* not matter.
-  var node = useMemo(() => new AnimatedProps$1(props, () => onUpdateRef.current == null ? void 0 : onUpdateRef.current()), [props]);
+  var node = React.useMemo(() => new AnimatedProps$1(props, () => onUpdateRef.current == null ? void 0 : onUpdateRef.current()), [props]);
   useAnimatedPropsLifecycle(node);
 
   // TODO: This "effect" does three things:
@@ -14165,7 +14185,7 @@ function useAnimatedProps(props) {
   //
   // But there is no way to transparently compose three separate callback refs,
   // so we just combine them all into one for now.
-  var refEffect = useCallback(instance => {
+  var refEffect = React.useCallback(instance => {
     // NOTE: This may be called more often than necessary (e.g. when `props`
     // changes), but `setNativeView` already optimizes for that.
     node.setNativeView(instance);
@@ -14215,9 +14235,9 @@ function reduceAnimatedProps(node) {
  * unless we are unmounting.
  */
 function useAnimatedPropsLifecycle(node) {
-  var prevNodeRef = useRef(null);
-  var isUnmountingRef = useRef(false);
-  useEffect(() => {
+  var prevNodeRef = React.useRef(null);
+  var isUnmountingRef = React.useRef(false);
+  React.useEffect(() => {
     // It is ok for multiple components to call `flushQueue` because it noops
     // if the queue is empty. When multiple animated components are mounted at
     // the same time. Only first component flushes the queue and the others will noop.
@@ -14277,7 +14297,7 @@ function useMergeRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
-  return useCallback(current => {
+  return React.useCallback(current => {
     for (var _i = 0, _refs = refs; _i < _refs.length; _i++) {
       var ref = _refs[_i];
       if (ref != null) {
@@ -14298,7 +14318,7 @@ var _excluded$3 = ["style"];
  * be compatible with concurrent rendering.
  */
 function createAnimatedComponent(Component) {
-  return /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  return /*#__PURE__*/React__namespace.forwardRef((props, forwardedRef) => {
     var _useAnimatedProps = useAnimatedProps(props),
       reducedProps = _useAnimatedProps[0],
       callbackRef = _useAnimatedProps[1];
@@ -14315,7 +14335,7 @@ function createAnimatedComponent(Component) {
       passthroughStyle = _ref.style,
       passthroughProps = _objectWithoutPropertiesLoose(_ref, _excluded$3);
     var mergedStyle = [style, passthroughStyle];
-    return /*#__PURE__*/React.createElement(Component, _extends$1({}, reducedProps, passthroughProps, {
+    return /*#__PURE__*/React__namespace.createElement(Component, _extends$1({}, reducedProps, passthroughProps, {
       style: mergedStyle,
       ref: ref
     }));
@@ -14325,7 +14345,7 @@ function createAnimatedComponent(Component) {
 /**
  * @see https://github.com/facebook/react-native/commit/b8c8562
  */
-var FlatListWithEventThrottle = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(FlatList$2, _extends$1({
+var FlatListWithEventThrottle = /*#__PURE__*/React__namespace.forwardRef((props, ref) => /*#__PURE__*/React__namespace.createElement(FlatList$2, _extends$1({
   scrollEventThrottle: 0.0001
 }, props, {
   ref: ref
@@ -14548,20 +14568,20 @@ var IDLE = 'IDLE';
 var _filterId = 0;
 var svgDataUriPattern = /^(data:image\/svg\+xml;utf8,)(.*)/;
 function createTintColorSVG(tintColor, id) {
-  return tintColor && id != null ? /*#__PURE__*/React.createElement("svg", {
+  return tintColor && id != null ? /*#__PURE__*/React__namespace.createElement("svg", {
     style: {
       position: 'absolute',
       height: 0,
       visibility: 'hidden',
       width: 0
     }
-  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
+  }, /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("filter", {
     id: "tint-" + id,
     suppressHydrationWarning: true
-  }, /*#__PURE__*/React.createElement("feFlood", {
+  }, /*#__PURE__*/React__namespace.createElement("feFlood", {
     floodColor: "" + tintColor,
     key: tintColor
-  }), /*#__PURE__*/React.createElement("feComposite", {
+  }), /*#__PURE__*/React__namespace.createElement("feComposite", {
     in2: "SourceAlpha",
     operator: "atop"
   })))) : null;
@@ -14654,7 +14674,7 @@ function resolveAssetUri(source) {
   }
   return uri;
 }
-var Image$1 = /*#__PURE__*/React.forwardRef((props, ref) => {
+var Image$1 = /*#__PURE__*/React__namespace.forwardRef((props, ref) => {
   var _ariaLabel = props['aria-label'],
     accessibilityLabel = props.accessibilityLabel,
     blurRadius = props.blurRadius,
@@ -14675,7 +14695,7 @@ var Image$1 = /*#__PURE__*/React.forwardRef((props, ref) => {
       throw new Error('The <Image> component cannot contain children. If you want to render content on top of the image, consider using the <ImageBackground> component or absolute positioning.');
     }
   }
-  var _React$useState = React.useState(() => {
+  var _React$useState = React__namespace.useState(() => {
       var uri = resolveAssetUri(source);
       if (uri != null) {
         var isLoaded = ImageLoader$1.has(uri);
@@ -14687,13 +14707,13 @@ var Image$1 = /*#__PURE__*/React.forwardRef((props, ref) => {
     }),
     state = _React$useState[0],
     updateState = _React$useState[1];
-  var _React$useState2 = React.useState({}),
+  var _React$useState2 = React__namespace.useState({}),
     layout = _React$useState2[0],
     updateLayout = _React$useState2[1];
-  var hasTextAncestor = React.useContext(TextAncestorContext$1);
-  var hiddenImageRef = React.useRef(null);
-  var filterRef = React.useRef(_filterId++);
-  var requestRef = React.useRef(null);
+  var hasTextAncestor = React__namespace.useContext(TextAncestorContext$1);
+  var hiddenImageRef = React__namespace.useRef(null);
+  var filterRef = React__namespace.useRef(_filterId++);
+  var requestRef = React__namespace.useRef(null);
   var shouldDisplaySource = state === LOADED || state === LOADING && defaultSource == null;
   var _extractNonStandardSt = extractNonStandardStyleProps(style, blurRadius, filterRef.current, props.tintColor),
     _resizeMode = _extractNonStandardSt[0],
@@ -14740,7 +14760,7 @@ var Image$1 = /*#__PURE__*/React.forwardRef((props, ref) => {
 
   // Image loading
   var uri = resolveAssetUri(source);
-  React.useEffect(() => {
+  React__namespace.useEffect(() => {
     abortPendingRequest();
     if (uri != null) {
       updateState(LOADING);
@@ -14777,7 +14797,7 @@ var Image$1 = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
     return abortPendingRequest;
   }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]);
-  return /*#__PURE__*/React.createElement(View$2, _extends$1({}, rest, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, _extends$1({}, rest, {
     "aria-label": ariaLabel,
     onLayout: handleLayout,
     pointerEvents: pointerEvents,
@@ -14788,7 +14808,7 @@ var Image$1 = /*#__PURE__*/React.forwardRef((props, ref) => {
     {
       boxShadow: null
     }]
-  }), /*#__PURE__*/React.createElement(View$2, {
+  }), /*#__PURE__*/React__namespace.createElement(View$2, {
     style: [styles$i.image, resizeModeStyles[resizeMode], {
       backgroundImage,
       filter
@@ -14889,7 +14909,7 @@ var Image = createAnimatedComponent(Image$2);
 /**
  * @see https://github.com/facebook/react-native/commit/b8c8562
  */
-var ScrollViewWithEventThrottle = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(ScrollView$2, _extends$1({
+var ScrollViewWithEventThrottle = /*#__PURE__*/React__namespace.forwardRef((props, ref) => /*#__PURE__*/React__namespace.createElement(ScrollView$2, _extends$1({
   scrollEventThrottle: 0.0001
 }, props, {
   ref: ref
@@ -14902,7 +14922,7 @@ var _excluded$1 = ["ItemSeparatorComponent", "SectionSeparatorComponent", "rende
  * hood. The only operation that might not scale well is concatting the data arrays of all the
  * sections when new props are received, which should be plenty fast for up to ~10,000 items.
  */
-class VirtualizedSectionList extends React.PureComponent {
+class VirtualizedSectionList extends React__namespace.PureComponent {
   constructor() {
     super(...arguments);
     this._keyExtractor = (item, index) => {
@@ -14963,7 +14983,7 @@ class VirtualizedSectionList extends React.PureComponent {
         var renderItem = info.section.renderItem || this.props.renderItem;
         var SeparatorComponent = this._getSeparatorComponent(index, info, listItemCount);
         invariant$1(renderItem, 'no renderItem!');
-        return /*#__PURE__*/React.createElement(ItemWithSeparator, {
+        return /*#__PURE__*/React__namespace.createElement(ItemWithSeparator, {
           SeparatorComponent: SeparatorComponent,
           LeadingSeparatorComponent: infoIndex === 0 ? this.props.SectionSeparatorComponent : undefined,
           cellKey: info.key,
@@ -15069,7 +15089,7 @@ class VirtualizedSectionList extends React.PureComponent {
       itemCount += this.props.getItemCount(section.data);
     }
     var renderItem = this._renderItem(itemCount);
-    return /*#__PURE__*/React.createElement(VirtualizedList$1, _extends$1({}, passThroughProps, {
+    return /*#__PURE__*/React__namespace.createElement(VirtualizedList$1, _extends$1({}, passThroughProps, {
       keyExtractor: this._keyExtractor,
       stickyHeaderIndices: stickyHeaderIndices,
       renderItem: renderItem,
@@ -15182,13 +15202,13 @@ function ItemWithSeparator(props) {
     index = props.index,
     section = props.section,
     inverted = props.inverted;
-  var _React$useState = React.useState(false),
+  var _React$useState = React__namespace.useState(false),
     leadingSeparatorHiglighted = _React$useState[0],
     setLeadingSeparatorHighlighted = _React$useState[1];
-  var _React$useState2 = React.useState(false),
+  var _React$useState2 = React__namespace.useState(false),
     separatorHighlighted = _React$useState2[0],
     setSeparatorHighlighted = _React$useState2[1];
-  var _React$useState3 = React.useState({
+  var _React$useState3 = React__namespace.useState({
       leadingItem: props.leadingItem,
       leadingSection: props.leadingSection,
       section: props.section,
@@ -15197,7 +15217,7 @@ function ItemWithSeparator(props) {
     }),
     leadingSeparatorProps = _React$useState3[0],
     setLeadingSeparatorProps = _React$useState3[1];
-  var _React$useState4 = React.useState({
+  var _React$useState4 = React__namespace.useState({
       leadingItem: props.item,
       leadingSection: props.leadingSection,
       section: props.section,
@@ -15206,7 +15226,7 @@ function ItemWithSeparator(props) {
     }),
     separatorProps = _React$useState4[0],
     setSeparatorProps = _React$useState4[1];
-  React.useEffect(() => {
+  React__namespace.useEffect(() => {
     setSelfHighlightCallback(cellKey, setSeparatorHighlighted);
     // $FlowFixMe[incompatible-call]
     setSelfUpdatePropsCallback(cellKey, setSeparatorProps);
@@ -15249,13 +15269,13 @@ function ItemWithSeparator(props) {
     section,
     separators
   });
-  var leadingSeparator = LeadingSeparatorComponent != null && /*#__PURE__*/React.createElement(LeadingSeparatorComponent, _extends$1({
+  var leadingSeparator = LeadingSeparatorComponent != null && /*#__PURE__*/React__namespace.createElement(LeadingSeparatorComponent, _extends$1({
     highlighted: leadingSeparatorHiglighted
   }, leadingSeparatorProps));
-  var separator = SeparatorComponent != null && /*#__PURE__*/React.createElement(SeparatorComponent, _extends$1({
+  var separator = SeparatorComponent != null && /*#__PURE__*/React__namespace.createElement(SeparatorComponent, _extends$1({
     highlighted: separatorHighlighted
   }, separatorProps));
-  return leadingSeparator || separator ? /*#__PURE__*/React.createElement(View$2, null, inverted === false ? leadingSeparator : separator, element, inverted === false ? separator : leadingSeparator) : element;
+  return leadingSeparator || separator ? /*#__PURE__*/React__namespace.createElement(View$2, null, inverted === false ? leadingSeparator : separator, element, inverted === false ? separator : leadingSeparator) : element;
 }
 
 /* $FlowFixMe[class-object-subtyping] added when improving typing for this
@@ -15329,7 +15349,7 @@ var _excluded = ["stickySectionHeadersEnabled"];
  *   Alternatively, you can provide a custom `keyExtractor` prop.
  *
  */
-let SectionList$1 = class SectionList extends React.PureComponent {
+let SectionList$1 = class SectionList extends React__namespace.PureComponent {
   constructor() {
     super(...arguments);
     this._captureRef = ref => {
@@ -15392,7 +15412,7 @@ let SectionList$1 = class SectionList extends React.PureComponent {
       _stickySectionHeadersEnabled = _this$props.stickySectionHeadersEnabled,
       restProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
     var stickySectionHeadersEnabled = _stickySectionHeadersEnabled !== null && _stickySectionHeadersEnabled !== void 0 ? _stickySectionHeadersEnabled : Platform$1.OS === 'ios';
-    return /*#__PURE__*/React.createElement(VirtualizedSectionList$1, _extends$1({}, restProps, {
+    return /*#__PURE__*/React__namespace.createElement(VirtualizedSectionList$1, _extends$1({}, restProps, {
       stickySectionHeadersEnabled: stickySectionHeadersEnabled,
       ref: this._captureRef,
       getItemCount: items => items.length,
@@ -15404,7 +15424,7 @@ let SectionList$1 = class SectionList extends React.PureComponent {
 /**
  * @see https://github.com/facebook/react-native/commit/b8c8562
  */
-var SectionListWithEventThrottle = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SectionList$1, _extends$1({
+var SectionListWithEventThrottle = /*#__PURE__*/React__namespace.forwardRef((props, ref) => /*#__PURE__*/React__namespace.createElement(SectionList$1, _extends$1({
   scrollEventThrottle: 0.0001
 }, props, {
   ref: ref
@@ -17881,11 +17901,11 @@ var ProgressBar = function (_a) {
   var styles = useStyles(theme);
   var containerStyles = useContainerStyles(theme);
   var progressStyles = useProgressStyles(theme, variant);
-  var animatedWidth = React.useRef(new Animated$1.Value(0)).current;
+  var animatedWidth = React__namespace.useRef(new Animated$1.Value(0)).current;
   var containerStyle = [styles.container, containerStyles[height], {
     backgroundColor: theme.derivedSurface[20]
   }];
-  React.useEffect(function () {
+  React__namespace.useEffect(function () {
     Animated$1.timing(animatedWidth, {
       toValue: Math.min(Math.max(percentage, 0), 100),
       duration: animationDuration,
@@ -17898,9 +17918,9 @@ var ProgressBar = function (_a) {
       outputRange: ['0%', '100%']
     })
   };
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: containerStyle
-  }, /*#__PURE__*/React.createElement(Animated$1.View, {
+  }, /*#__PURE__*/React__namespace.createElement(Animated$1.View, {
     style: [styles.progress, progressStyles, progressWidth]
   }));
 };
@@ -17938,7 +17958,7 @@ var ProgressiveImage = function (_a) {
     _b = _a.isDesaturated,
     isDesaturated = _b === void 0 ? false : _b,
     props = __rest(_a, ["source", "style", "isDesaturated"]);
-  var imageAnimated = useRef(new Animated$1.Value(0)).current;
+  var imageAnimated = React.useRef(new Animated$1.Value(0)).current;
   var theme = useWllSdk().theme;
   var onImageLoad = function () {
     Animated$1.timing(imageAnimated, {
@@ -17949,24 +17969,24 @@ var ProgressiveImage = function (_a) {
   };
   var baseColor = theme.alphaDerivedPrimary[20];
   var desaturatedColor = desaturateColor(baseColor);
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: [styles$h.container, style, {
       backgroundColor: isDesaturated ? desaturatedColor : baseColor
     }]
-  }, isDesaturated ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Animated$1.Image, _extends({}, props, {
+  }, isDesaturated ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Animated$1.Image, _extends({}, props, {
     source: source,
     style: [styles$h.imageOverlay, {
       opacity: imageAnimated,
       tintColor: desaturatedColor
     }],
     onLoad: onImageLoad
-  })), /*#__PURE__*/React__default.createElement(Animated$1.Image, _extends({}, props, {
+  })), /*#__PURE__*/React.createElement(Animated$1.Image, _extends({}, props, {
     source: source,
     style: [styles$h.imageOverlay, {
       opacity: 0.1
     }],
     onLoad: onImageLoad
-  }))) : /*#__PURE__*/React__default.createElement(Animated$1.Image, _extends({}, props, {
+  }))) : /*#__PURE__*/React.createElement(Animated$1.Image, _extends({}, props, {
     source: source,
     style: [styles$h.imageOverlay, {
       opacity: imageAnimated
@@ -17979,7 +17999,7 @@ var RowHeader = function (_a) {
   var children = _a.children,
     style = _a.style,
     props = __rest(_a, ["children", "style"]);
-  return /*#__PURE__*/React.createElement(View$2, _extends({
+  return /*#__PURE__*/React__namespace.createElement(View$2, _extends({
     style: [styles$g.header, style]
   }, props), children);
 };
@@ -18044,7 +18064,7 @@ var Text = function (_a) {
     }
   };
   var variantStyle = getVariantStyle(variant);
-  return /*#__PURE__*/React.createElement(Text$3, _extends({
+  return /*#__PURE__*/React__namespace.createElement(Text$3, _extends({
     style: [styles$f.base, variantStyle, style]
   }, props));
 };
@@ -18052,9 +18072,9 @@ var styles$f = StyleSheet$1.create({
   base: {}
 });
 
-var BannerContext = /*#__PURE__*/React.createContext(null);
+var BannerContext = /*#__PURE__*/React__namespace.createContext(null);
 var useBannerContext = function () {
-  var context = React.useContext(BannerContext);
+  var context = React__namespace.useContext(BannerContext);
   if (!context) {
     throw new Error('Tile components must be used within a BaseTile');
   }
@@ -18064,9 +18084,9 @@ var BaseBanner = function (_a) {
   var tile = _a.tile,
     children = _a.children;
   var theme = useWllSdk().theme;
-  return /*#__PURE__*/React.createElement(BannerContext.Provider, {
+  return /*#__PURE__*/React__namespace.createElement(BannerContext.Provider, {
     value: tile
-  }, /*#__PURE__*/React.createElement(View$2, {
+  }, /*#__PURE__*/React__namespace.createElement(View$2, {
     style: [styles$e.container, {
       backgroundColor: theme.surface,
       borderRadius: theme.sizes.borderRadiusLg
@@ -18084,22 +18104,22 @@ var styles$e = StyleSheet$1.create({
   }
 });
 
-var UrlTarget;
+exports.UrlTarget = void 0;
 (function (UrlTarget) {
   UrlTarget["sameWindow"] = "SAME_WINDOW";
   UrlTarget["newWindow"] = "NEW_WINDOW";
-})(UrlTarget || (UrlTarget = {}));
-var TierTileType;
+})(exports.UrlTarget || (exports.UrlTarget = {}));
+exports.TierTileType = void 0;
 (function (TierTileType) {
   TierTileType["currentTier"] = "CURRENT";
   TierTileType["specificTier"] = "SPECIFIC";
-})(TierTileType || (TierTileType = {}));
-var ProgressType;
+})(exports.TierTileType || (exports.TierTileType = {}));
+exports.ProgressType = void 0;
 (function (ProgressType) {
   ProgressType["Name"] = "NAME";
   ProgressType["Points"] = "POINTS";
-})(ProgressType || (ProgressType = {}));
-var TileType;
+})(exports.ProgressType || (exports.ProgressType = {}));
+exports.TileType = void 0;
 (function (TileType) {
   TileType["Banner"] = "BANNER";
   TileType["Points"] = "POINTS";
@@ -18108,12 +18128,12 @@ var TileType;
   TileType["Badge"] = "BADGE";
   TileType["RewardCategory"] = "REWARD_CATEGORY";
   TileType["Tier"] = "TIER";
-})(TileType || (TileType = {}));
-var TileHeight;
+})(exports.TileType || (exports.TileType = {}));
+exports.TileHeight = void 0;
 (function (TileHeight) {
   TileHeight["Half"] = "HALF";
   TileHeight["Full"] = "FULL";
-})(TileHeight || (TileHeight = {}));
+})(exports.TileHeight || (exports.TileHeight = {}));
 var BannerTileConfig = /** @class */function () {
   function BannerTileConfig() {}
   return BannerTileConfig;
@@ -18172,14 +18192,14 @@ var RewardTileConfig = /** @class */function () {
   }
   return RewardTileConfig;
 }();
-var BadgeTileType;
+exports.BadgeTileType = void 0;
 (function (BadgeTileType) {
   BadgeTileType["Specific"] = "SPECIFIC";
   BadgeTileType["Latest"] = "LATEST_EARNED";
-})(BadgeTileType || (BadgeTileType = {}));
+})(exports.BadgeTileType || (exports.BadgeTileType = {}));
 var BadgeTileConfig = /** @class */function () {
   function BadgeTileConfig() {
-    this.type = BadgeTileType.Specific;
+    this.type = exports.BadgeTileType.Specific;
     this.badgeId = '';
     this.defaultLocale = 'en';
     this.priority = 0;
@@ -18206,7 +18226,7 @@ var RewardCategoryTileConfig = /** @class */function () {
 }();
 var TierTileConfig = /** @class */function () {
   function TierTileConfig() {
-    this.progressType = ProgressType.Name;
+    this.progressType = exports.ProgressType.Name;
     this.title = '';
     this.emptyDescription = '';
     this.emptyArtworkUrl = '';
@@ -18217,17 +18237,17 @@ var TierTileConfig = /** @class */function () {
 }();
 
 var useTileSize = function (tile) {
-  return useMemo(function () {
+  return React.useMemo(function () {
     return {
-      isFullSize: tile.tileHeight === TileHeight.Full,
-      isHalfSize: tile.tileHeight === TileHeight.Half
+      isFullSize: tile.tileHeight === exports.TileHeight.Full,
+      isHalfSize: tile.tileHeight === exports.TileHeight.Half
     };
   }, [tile.tileHeight]);
 };
 
-var TileContext = /*#__PURE__*/createContext(null);
+var TileContext = /*#__PURE__*/React.createContext(null);
 var useTileContext = function () {
-  var context = useContext(TileContext);
+  var context = React.useContext(TileContext);
   if (!context) {
     throw new Error('Tile components must be used within a BaseTile');
   }
@@ -18236,9 +18256,9 @@ var useTileContext = function () {
 var BaseTileInner = function (_a) {
   var tile = _a.tile,
     children = _a.children;
-  return /*#__PURE__*/React__default.createElement(TileContext.Provider, {
+  return /*#__PURE__*/React.createElement(TileContext.Provider, {
     value: tile
-  }, /*#__PURE__*/React__default.createElement(BaseTile.Root, null, children));
+  }, /*#__PURE__*/React.createElement(BaseTile.Root, null, children));
 };
 var BaseTileRoot = function (_a) {
   var children = _a.children,
@@ -18256,7 +18276,7 @@ var BaseTileRoot = function (_a) {
   var responsiveStyles = createResponsiveStyle({
     borderRadius: [theme.sizes.borderRadiusSm, theme.sizes.borderRadiusSm, theme.sizes.borderRadiusLg]
   });
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: [styles$d.container, {
       backgroundColor: theme.surface,
       borderRadius: responsiveStyles.borderRadius,
@@ -18271,7 +18291,7 @@ var BaseTileContent = function (_a) {
   var isHalfSize = useTileSize(tile).isHalfSize;
   // For half tiles with an image, don't show other content
   if (isHalfSize && artworkUrl) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: [styles$d.content, isHalfSize && {
       justifyContent: 'center',
       padding: 16
@@ -18288,7 +18308,7 @@ var BaseTileHeader = function (_a) {
   var headerStyle = createResponsiveStyle({
     marginTop: [8, 8, 12]
   });
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: [styles$d.header, {
       marginTop: !isHalfSize && artworkUrl ? headerStyle.marginTop : undefined,
       // @ts-ignore
@@ -18307,7 +18327,7 @@ var BaseTileMedia = function (props) {
   if (!artworkUrl) return null;
   var hasTitle = !!title;
   var hasDescription = !!description;
-  return /*#__PURE__*/React__default.createElement(ProgressiveImage, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(ProgressiveImage, _extends({}, props, {
     source: {
       uri: artworkUrl
     },
@@ -18327,10 +18347,10 @@ var BaseTileTitle = function () {
   var isHalfSize = useTileSize(tile).isHalfSize;
   // Don't show title for half tiles with image
   if (isHalfSize && artworkUrl || !title) return null;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Text, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
     variant: "title",
     accessibilityLabel: title
-  }, title), linkURL && /*#__PURE__*/React__default.createElement(Icon, {
+  }, title), linkURL && /*#__PURE__*/React.createElement(Icon, {
     name: "ChevronRight",
     color: theme.derivedSurfaceText[20]
   }));
@@ -18343,7 +18363,7 @@ var BaseTileBody = function (props) {
   var isHalfSize = useTileSize(tile).isHalfSize;
   // Don't show body for half tiles with image
   if (isHalfSize && artworkUrl || !description) return null;
-  return /*#__PURE__*/React__default.createElement(Text, _extends({
+  return /*#__PURE__*/React.createElement(Text, _extends({
     variant: "body"
   }, props, {
     accessibilityLabel: description
@@ -18383,16 +18403,16 @@ var GRID_GAP = 16;
 var BadgeTileInner$1 = function (_a) {
   var tile = _a.tile;
   useWllSdk().theme;
-  if (tile.tileHeight === TileHeight.Half) {
+  if (tile.tileHeight === exports.TileHeight.Half) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement(BaseTile, {
+  return /*#__PURE__*/React.createElement(BaseTile, {
     tile: tile
-  }, /*#__PURE__*/React__default.createElement(View$2, {
+  }, /*#__PURE__*/React.createElement(View$2, {
     style: styles$c.contentContainer
-  }, /*#__PURE__*/React__default.createElement(BadgeTile$1.Image, null), /*#__PURE__*/React__default.createElement(View$2, {
+  }, /*#__PURE__*/React.createElement(BadgeTile$1.Image, null), /*#__PURE__*/React.createElement(View$2, {
     style: styles$c.textContainer
-  }, /*#__PURE__*/React__default.createElement(RowHeader, null, /*#__PURE__*/React__default.createElement(BadgeTile$1.Title, null), /*#__PURE__*/React__default.createElement(BadgeTile$1.Chevron, null)), /*#__PURE__*/React__default.createElement(BadgeTile$1.Body, null))));
+  }, /*#__PURE__*/React.createElement(RowHeader, null, /*#__PURE__*/React.createElement(BadgeTile$1.Title, null), /*#__PURE__*/React.createElement(BadgeTile$1.Chevron, null)), /*#__PURE__*/React.createElement(BadgeTile$1.Body, null))));
 };
 var BadgeTileImage = function (props) {
   var _a;
@@ -18401,11 +18421,11 @@ var BadgeTileImage = function (props) {
   var configuration = tile.configuration;
   var badgeDetails = (_a = configuration.details) === null || _a === void 0 ? void 0 : _a[0];
   if (!(badgeDetails === null || badgeDetails === void 0 ? void 0 : badgeDetails.artworkUrl)) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: [styles$c.imageContainer, {
       backgroundColor: theme.alphaDerivedPrimary[20]
     }]
-  }, configuration.count === 0 && /*#__PURE__*/React__default.createElement(Locked, null), /*#__PURE__*/React__default.createElement(ProgressiveImage, _extends({}, props, {
+  }, configuration.count === 0 && /*#__PURE__*/React.createElement(Locked, null), /*#__PURE__*/React.createElement(ProgressiveImage, _extends({}, props, {
     source: {
       uri: badgeDetails.artworkUrl
     },
@@ -18419,7 +18439,7 @@ var BadgeTileTitle$1 = function (props) {
   var configuration = tile.configuration;
   var badgeDetails = (_a = configuration.details) === null || _a === void 0 ? void 0 : _a[0];
   if (!(badgeDetails === null || badgeDetails === void 0 ? void 0 : badgeDetails.name)) return null;
-  return /*#__PURE__*/React__default.createElement(Text, _extends({
+  return /*#__PURE__*/React.createElement(Text, _extends({
     variant: "title"
   }, props, {
     numberOfLines: 1,
@@ -18432,23 +18452,23 @@ var BadgeTileBody = function (props) {
   var configuration = tile.configuration;
   var badgeDetails = (_a = configuration.details) === null || _a === void 0 ? void 0 : _a[0];
   if (!(badgeDetails === null || badgeDetails === void 0 ? void 0 : badgeDetails.description)) return null;
-  return /*#__PURE__*/React__default.createElement(Text, _extends({
+  return /*#__PURE__*/React.createElement(Text, _extends({
     variant: "body"
   }, props), badgeDetails.description);
 };
 var Locked = function () {
   var width = Dimensions.get('window').width;
   var iconSize = Math.min(width * 0.1, 50);
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: styles$c.lockOverlay
-  }, /*#__PURE__*/React__default.createElement(LockKeyholeIcon, {
+  }, /*#__PURE__*/React.createElement(LucideIcons.LockKeyholeIcon, {
     color: "#FFF",
     size: iconSize
   }));
 };
 var BadgeTileChevron = function () {
   var theme = useWllSdk().theme;
-  return /*#__PURE__*/React__default.createElement(Icon, {
+  return /*#__PURE__*/React.createElement(Icon, {
     name: "ChevronRight",
     color: theme.derivedSurfaceText[20]
   });
@@ -18498,14 +18518,14 @@ var styles$c = StyleSheet$1.create({
 var BadgeTileInner = function (_a) {
   var tile = _a.tile;
   if (!tile) return null;
-  return /*#__PURE__*/React__default.createElement(BaseTile, {
+  return /*#__PURE__*/React.createElement(BaseTile, {
     tile: tile
-  }, /*#__PURE__*/React__default.createElement(View$2, {
+  }, /*#__PURE__*/React.createElement(View$2, {
     style: styles$b.container
-  }, /*#__PURE__*/React__default.createElement(BadgeTile.Media, null, /*#__PURE__*/React__default.createElement(BadgeTile.Status, null)), /*#__PURE__*/React__default.createElement(Column, {
+  }, /*#__PURE__*/React.createElement(BadgeTile.Media, null, /*#__PURE__*/React.createElement(BadgeTile.Status, null)), /*#__PURE__*/React.createElement(Column, {
     justify: "between",
     align: "start"
-  }, /*#__PURE__*/React__default.createElement(View$2, null, /*#__PURE__*/React__default.createElement(BadgeTile.Title, null), /*#__PURE__*/React__default.createElement(BadgeTile.Description, null)), /*#__PURE__*/React__default.createElement(BadgeTile.DateEarned, null))));
+  }, /*#__PURE__*/React.createElement(View$2, null, /*#__PURE__*/React.createElement(BadgeTile.Title, null), /*#__PURE__*/React.createElement(BadgeTile.Description, null)), /*#__PURE__*/React.createElement(BadgeTile.DateEarned, null))));
 };
 var BadgeTileMedia = function (_a) {
   var children = _a.children,
@@ -18518,9 +18538,9 @@ var BadgeTileMedia = function (_a) {
     emptyBadgeArtworkUrl = configuration.emptyBadgeArtworkUrl;
   var displayUrl = count === 0 ? emptyBadgeArtworkUrl : artworkUrl;
   if (!displayUrl) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: styles$b.header
-  }, /*#__PURE__*/React__default.createElement(ProgressiveImage, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(ProgressiveImage, _extends({}, props, {
     source: {
       uri: displayUrl
     },
@@ -18537,7 +18557,7 @@ var BadgeTileTitle = function () {
     emptyBadgeMessage = configuration.emptyBadgeMessage;
   var displayText = count === 0 ? emptyBadgeMessage : name;
   if (!displayText) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, null, /*#__PURE__*/React__default.createElement(Text, {
+  return /*#__PURE__*/React.createElement(View$2, null, /*#__PURE__*/React.createElement(Text, {
     variant: "title",
     style: styles$b.titleText,
     numberOfLines: 2,
@@ -18550,9 +18570,9 @@ var BadgeTileDescription = function () {
   var count = configuration.count,
     description = configuration.description;
   if (count === 0 || !description) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: styles$b.descriptionContainer
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     variant: "body",
     style: styles$b.descriptionText,
     numberOfLines: 2,
@@ -18572,20 +18592,20 @@ var BadgeTileDateEarned = function () {
   var containerStyle = [styles$b.dateEarnedContainer, {
     backgroundColor: backgroundColor
   }];
-  if (type === BadgeTileType.Latest && count === 0) {
+  if (type === exports.BadgeTileType.Latest && count === 0) {
     return null;
   }
   if (count === 0) {
-    return /*#__PURE__*/React__default.createElement(View$2, {
+    return /*#__PURE__*/React.createElement(View$2, {
       style: containerStyle
-    }, /*#__PURE__*/React__default.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(Text, {
       variant: "label"
     }, badgeNotEarnedMessage));
   }
   var formattedDate = new Date(createdAt).toLocaleDateString();
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: containerStyle
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     variant: "label"
   }, "".concat(awardedDatePrefix, " ").concat(formattedDate)));
 };
@@ -18594,15 +18614,15 @@ var BadgeTileStatus = function () {
   var configuration = tile.configuration;
   var count = configuration.count,
     type = configuration.type;
-  if (type !== BadgeTileType.Specific || count === 1) {
+  if (type !== exports.BadgeTileType.Specific || count === 1) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: styles$b.indicatorContainer
-  }, count === 0 ? /*#__PURE__*/React__default.createElement(LockKeyholeIcon, {
+  }, count === 0 ? /*#__PURE__*/React.createElement(LucideIcons.LockKeyholeIcon, {
     color: "#FFF",
     size: 20
-  }) : /*#__PURE__*/React__default.createElement(Text, {
+  }) : /*#__PURE__*/React.createElement(Text, {
     style: styles$b.countText
   }, count, "x"));
 };
@@ -18760,19 +18780,19 @@ var Linking$1 = new Linking();
 
 var BannerTile = function (_a) {
   var tile = _a.tile;
-  return /*#__PURE__*/React.createElement(BaseBanner, {
+  return /*#__PURE__*/React__namespace.createElement(BaseBanner, {
     tile: tile
-  }, /*#__PURE__*/React.createElement(BannerTile.Image, null), /*#__PURE__*/React.createElement(View$2, {
+  }, /*#__PURE__*/React__namespace.createElement(BannerTile.Image, null), /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles$a.slideContent
-  }, /*#__PURE__*/React.createElement(BannerTile.Title, null), /*#__PURE__*/React.createElement(BannerTile.Description, null), /*#__PURE__*/React.createElement(BannerTile.CTA, null)));
+  }, /*#__PURE__*/React__namespace.createElement(BannerTile.Title, null), /*#__PURE__*/React__namespace.createElement(BannerTile.Description, null), /*#__PURE__*/React__namespace.createElement(BannerTile.CTA, null)));
 };
 var BannerTileImage = function () {
   var configuration = useBannerContext().configuration;
   var artworkUrl = configuration.artworkUrl;
   if (!artworkUrl) return null;
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles$a.imageContainer
-  }, /*#__PURE__*/React.createElement(ProgressiveImage, {
+  }, /*#__PURE__*/React__namespace.createElement(ProgressiveImage, {
     source: {
       uri: artworkUrl
     },
@@ -18786,7 +18806,7 @@ var BannerTileTitle = function () {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement(Text, {
+    React__namespace.createElement(Text, {
       variant: "title",
       style: styles$a.title
     }, title)
@@ -18797,7 +18817,7 @@ var BannerTileDescription = function () {
   var theme = useWllSdk().theme;
   var description = configuration.description;
   if (!description) return null;
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__namespace.createElement(Text, {
     style: [styles$a.description, {
       color: theme.derivedSurfaceText[20]
     }]
@@ -18825,7 +18845,7 @@ var BannerTileCTA = function () {
     });
   };
   if (!ctaText) return null;
-  return /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React__namespace.createElement(Button, {
     title: ctaText,
     variant: "accent",
     onPress: function () {
@@ -18876,30 +18896,30 @@ BannerTile.CTA = BannerTileCTA;
 
 var ContentTileInner = function (_a) {
   var tile = _a.tile;
-  return /*#__PURE__*/React.createElement(BaseTile, {
+  return /*#__PURE__*/React__namespace.createElement(BaseTile, {
     tile: tile
-  }, /*#__PURE__*/React.createElement(ContentTile.Root, null, /*#__PURE__*/React.createElement(ContentTile.Media, null), /*#__PURE__*/React.createElement(ContentTile.Content, null, /*#__PURE__*/React.createElement(ContentTile.Header, null), /*#__PURE__*/React.createElement(ContentTile.Body, null))));
+  }, /*#__PURE__*/React__namespace.createElement(ContentTile.Root, null, /*#__PURE__*/React__namespace.createElement(ContentTile.Media, null), /*#__PURE__*/React__namespace.createElement(ContentTile.Content, null, /*#__PURE__*/React__namespace.createElement(ContentTile.Header, null), /*#__PURE__*/React__namespace.createElement(ContentTile.Body, null))));
 };
 var ContentTileRoot = function (_a) {
   var children = _a.children;
-  return /*#__PURE__*/React.createElement(BaseTile.Root, null, children);
+  return /*#__PURE__*/React__namespace.createElement(BaseTile.Root, null, children);
 };
 var ContentTileMedia = function () {
-  return /*#__PURE__*/React.createElement(BaseTile.Media, {
+  return /*#__PURE__*/React__namespace.createElement(BaseTile.Media, {
     style: styles$9.media
   });
 };
 var ContentTileContent = function (_a) {
   var children = _a.children;
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles$9.content
   }, children);
 };
 var ContentTileHeader = function () {
-  return /*#__PURE__*/React.createElement(BaseTile.Header, null, /*#__PURE__*/React.createElement(BaseTile.Title, null));
+  return /*#__PURE__*/React__namespace.createElement(BaseTile.Header, null, /*#__PURE__*/React__namespace.createElement(BaseTile.Title, null));
 };
 var ContentTileBody = function () {
-  return /*#__PURE__*/React.createElement(BaseTile.Body, null);
+  return /*#__PURE__*/React__namespace.createElement(BaseTile.Body, null);
 };
 var styles$9 = StyleSheet$1.create({
   content: createResponsiveStyle({
@@ -18917,11 +18937,11 @@ ContentTile.Content = ContentTileContent;
 ContentTile.Header = ContentTileHeader;
 ContentTile.Body = ContentTileBody;
 
-var SectionType;
+exports.SectionType = void 0;
 (function (SectionType) {
   SectionType["Grid"] = "GRID";
   SectionType["Banner"] = "BANNER";
-})(SectionType || (SectionType = {}));
+})(exports.SectionType || (exports.SectionType = {}));
 
 var SectionHeader = function (_a) {
   var title = _a.title,
@@ -18930,13 +18950,13 @@ var SectionHeader = function (_a) {
   if (!title && !description) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: styles$8.sectionHeader
-  }, title && /*#__PURE__*/React__default.createElement(Text, {
+  }, title && /*#__PURE__*/React.createElement(Text, {
     style: [styles$8.sectionTitle, {
       fontWeight: '700'
     }]
-  }, title), description && /*#__PURE__*/React__default.createElement(Text, {
+  }, title), description && /*#__PURE__*/React.createElement(Text, {
     style: [styles$8.sectionDescription, {
       color: theme.alphaDerivedText[20]
     }]
@@ -18958,21 +18978,21 @@ var styles$8 = StyleSheet$1.create({
 var Carousel = function (_a) {
   var section = _a.section;
   var theme = useWllSdk().theme;
-  var scrollViewRef = useRef(null);
-  var _b = useState(0),
+  var scrollViewRef = React.useRef(null);
+  var _b = React.useState(0),
     currentIndex = _b[0],
     setCurrentIndex = _b[1];
   var slideWidth = 1080;
   var bannerTiles = section.tiles.filter(function (tile) {
-    return tile.type === TileType.Banner;
+    return tile.type === exports.TileType.Banner;
   });
-  var animatedIndex = useRef(new Animated$1.Value(0)).current;
-  var handleScroll = useCallback(function (event) {
+  var animatedIndex = React.useRef(new Animated$1.Value(0)).current;
+  var handleScroll = React.useCallback(function (event) {
     var contentOffsetX = event.nativeEvent.contentOffset.x;
     var newIndex = contentOffsetX / slideWidth;
     animatedIndex.setValue(newIndex);
   }, [slideWidth, animatedIndex]);
-  var handleScrollEnd = useCallback(function (event) {
+  var handleScrollEnd = React.useCallback(function (event) {
     var contentOffsetX = event.nativeEvent.contentOffset.x;
     var newIndex = Math.round(contentOffsetX / slideWidth);
     setCurrentIndex(newIndex);
@@ -18996,23 +19016,23 @@ var Carousel = function (_a) {
     });
   };
   var displayControls = bannerTiles.length > 1;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SectionHeader, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SectionHeader, {
     title: section.title,
     description: section.description
-  }), /*#__PURE__*/React__default.createElement(View$2, {
+  }), /*#__PURE__*/React.createElement(View$2, {
     style: styles$7.container
-  }, /*#__PURE__*/React__default.createElement(View$2, {
+  }, /*#__PURE__*/React.createElement(View$2, {
     style: styles$7.carouselContainer
-  }, displayControls && /*#__PURE__*/React__default.createElement(TouchableOpacity$1, {
+  }, displayControls && /*#__PURE__*/React.createElement(TouchableOpacity$1, {
     style: [styles$7.navButton, styles$7.navButtonLeft, {
       backgroundColor: theme.background
     }],
     onPress: handlePrev
-  }, /*#__PURE__*/React__default.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: "ArrowLeft",
     size: 20,
     color: theme.primary
-  })), /*#__PURE__*/React__default.createElement(ScrollView$2, {
+  })), /*#__PURE__*/React.createElement(ScrollView$2, {
     ref: scrollViewRef,
     horizontal: true,
     pagingEnabled: true,
@@ -19037,24 +19057,24 @@ var Carousel = function (_a) {
     // If priorities are equal, maintain original order
     return bannerTiles.indexOf(a) - bannerTiles.indexOf(b);
   }).map(function (tile, index) {
-    return /*#__PURE__*/React__default.createElement(View$2, {
+    return /*#__PURE__*/React.createElement(View$2, {
       key: index,
       style: [{
         width: slideWidth
       }]
-    }, /*#__PURE__*/React__default.createElement(BannerTile, {
+    }, /*#__PURE__*/React.createElement(BannerTile, {
       tile: tile
     }));
-  })), displayControls && /*#__PURE__*/React__default.createElement(TouchableOpacity$1, {
+  })), displayControls && /*#__PURE__*/React.createElement(TouchableOpacity$1, {
     style: [styles$7.navButton, styles$7.navButtonRight, {
       backgroundColor: theme.surface
     }],
     onPress: handleNext
-  }, /*#__PURE__*/React__default.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: "ArrowRight",
     size: 20,
     color: theme.primary
-  }))), displayControls && /*#__PURE__*/React__default.createElement(View$2, {
+  }))), displayControls && /*#__PURE__*/React.createElement(View$2, {
     style: styles$7.indicators
   }, bannerTiles.map(function (_, index) {
     var width = animatedIndex.interpolate({
@@ -19062,7 +19082,7 @@ var Carousel = function (_a) {
       outputRange: [8, 30, 8],
       extrapolate: 'clamp'
     });
-    return /*#__PURE__*/React__default.createElement(Animated$1.View, {
+    return /*#__PURE__*/React.createElement(Animated$1.View, {
       key: index,
       style: [styles$7.indicator, {
         backgroundColor: theme.derivedBackground,
@@ -19169,10 +19189,10 @@ var styles$7 = StyleSheet$1.create({
  */
 
 function useWindowDimensions() {
-  var _useState = useState(() => Dimensions.get('window')),
+  var _useState = React.useState(() => Dimensions.get('window')),
     dims = _useState[0],
     setDims = _useState[1];
-  useEffect(() => {
+  React.useEffect(() => {
     function handleChange(_ref) {
       var window = _ref.window;
       if (window != null) {
@@ -19201,7 +19221,7 @@ var Grid = function (_a) {
     var tileContainers = [];
     var currentTiles = [];
     var gridTiles = section.tiles.filter(function (tile) {
-      return tile.type !== TileType.Banner;
+      return tile.type !== exports.TileType.Banner;
     }).sort(function (a, b) {
       if (a.priority !== b.priority) {
         return b.priority - a.priority;
@@ -19209,12 +19229,12 @@ var Grid = function (_a) {
       return section.tiles.indexOf(a) - section.tiles.indexOf(b);
     });
     var allHalfTiles = gridTiles.every(function (tile) {
-      return tile.tileHeight === TileHeight.Half;
+      return tile.tileHeight === exports.TileHeight.Half;
     });
     if (isDesktop && allHalfTiles) {
       gridTiles.forEach(function (tile, index) {
         var isLastInRow = (index + 1) % columnsPerRow === 0;
-        tileContainers.push( /*#__PURE__*/React.createElement(View$2, {
+        tileContainers.push( /*#__PURE__*/React__namespace.createElement(View$2, {
           key: "container-".concat(index)
           // @ts-ignore
           ,
@@ -19224,7 +19244,7 @@ var Grid = function (_a) {
             marginBottom: gap,
             height: 'auto'
           }
-        }, /*#__PURE__*/React.createElement(TileContainer, {
+        }, /*#__PURE__*/React__namespace.createElement(TileContainer, {
           tiles: [tile]
         })));
       });
@@ -19235,12 +19255,12 @@ var Grid = function (_a) {
       var nextTile = gridTiles[index + 1];
       var shouldStartNewContainer = function (currentTiles, currentTile, nextTile) {
         if (currentTiles.length === 2) return true;
-        if (currentTile.tileHeight === TileHeight.Full) return true;
-        if (currentTile.tileHeight === TileHeight.Half) {
+        if (currentTile.tileHeight === exports.TileHeight.Full) return true;
+        if (currentTile.tileHeight === exports.TileHeight.Half) {
           if (!nextTile) return true;
-          if (nextTile.tileHeight === TileHeight.Full) return true;
+          if (nextTile.tileHeight === exports.TileHeight.Full) return true;
           if (currentTiles.length === 0) return false;
-          if (currentTiles.length === 1 && currentTiles[0].tileHeight === TileHeight.Half && nextTile.tileHeight === TileHeight.Half) {
+          if (currentTiles.length === 1 && currentTiles[0].tileHeight === exports.TileHeight.Half && nextTile.tileHeight === exports.TileHeight.Half) {
             return false;
           }
         }
@@ -19248,7 +19268,7 @@ var Grid = function (_a) {
       };
       if (shouldStartNewContainer(currentTiles, tile, nextTile)) {
         var isLastInRow = (tileContainers.length + 1) % columnsPerRow === 0;
-        tileContainers.push( /*#__PURE__*/React.createElement(View$2, {
+        tileContainers.push( /*#__PURE__*/React__namespace.createElement(View$2, {
           key: "container-".concat(index)
           // @ts-ignore
           ,
@@ -19257,7 +19277,7 @@ var Grid = function (_a) {
             marginRight: isLastInRow ? 0 : gap,
             marginBottom: gap
           }
-        }, /*#__PURE__*/React.createElement(TileContainer, {
+        }, /*#__PURE__*/React__namespace.createElement(TileContainer, {
           tiles: currentTiles
         })));
         currentTiles = [];
@@ -19265,10 +19285,10 @@ var Grid = function (_a) {
     });
     return tileContainers;
   };
-  return /*#__PURE__*/React.createElement(View$2, null, /*#__PURE__*/React.createElement(SectionHeader, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, null, /*#__PURE__*/React__namespace.createElement(SectionHeader, {
     title: section.title,
     description: section.description
-  }), /*#__PURE__*/React.createElement(View$2, {
+  }), /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles$6.grid
   }, renderGrid()));
 };
@@ -19298,21 +19318,21 @@ var ProgressIndicator = function (_a) {
   } else if (percentage < 50) {
     progressVariant = 'accent';
   }
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles$5.container
-  }, /*#__PURE__*/React.createElement(ProgressBar, {
+  }, /*#__PURE__*/React__namespace.createElement(ProgressBar, {
     percentage: percentage,
     variant: progressVariant,
     height: height
-  }), /*#__PURE__*/React.createElement(View$2, {
+  }), /*#__PURE__*/React__namespace.createElement(View$2, {
     style: [styles$5.circleContainer]
-  }, /*#__PURE__*/React.createElement(View$2, {
+  }, /*#__PURE__*/React__namespace.createElement(View$2, {
     style: [styles$5.circle, {
       borderColor: theme.derivedSurface[20],
       backgroundColor: isComplete ? theme.primary : theme.surface,
       borderWidth: isComplete ? 0 : 4
     }]
-  }, isComplete && /*#__PURE__*/React.createElement(Icon, {
+  }, isComplete && /*#__PURE__*/React__namespace.createElement(Icon, {
     name: "Check",
     size: 12,
     color: theme.primaryText
@@ -19339,17 +19359,17 @@ var styles$5 = StyleSheet$1.create({
   }
 });
 
-var SectionContext = /*#__PURE__*/createContext(undefined);
+var SectionContext = /*#__PURE__*/React.createContext(undefined);
 var Section = function (_a) {
   var section = _a.section;
   var renderSectionContent = function () {
     switch (section.type) {
-      case SectionType.Banner:
-        return /*#__PURE__*/React__default.createElement(Carousel, {
+      case exports.SectionType.Banner:
+        return /*#__PURE__*/React.createElement(Carousel, {
           section: section
         });
-      case SectionType.Grid:
-        return /*#__PURE__*/React__default.createElement(Grid, {
+      case exports.SectionType.Grid:
+        return /*#__PURE__*/React.createElement(Grid, {
           section: section
         });
       default:
@@ -19357,11 +19377,11 @@ var Section = function (_a) {
         return null;
     }
   };
-  return /*#__PURE__*/React__default.createElement(SectionContext.Provider, {
+  return /*#__PURE__*/React.createElement(SectionContext.Provider, {
     value: {
       sectionData: section
     }
-  }, /*#__PURE__*/React__default.createElement(View$2, {
+  }, /*#__PURE__*/React.createElement(View$2, {
     style: styles$4.section
   }, renderSectionContent()));
 };
@@ -19377,13 +19397,13 @@ var styles$4 = StyleSheet$1.create({
 var Group = function (_a) {
   var id = _a.id;
   var getGroupByID = useWllSdk().getGroupByID;
-  var _b = useState(null),
+  var _b = React.useState(null),
     groupData = _b[0],
     setGroupData = _b[1];
-  var _c = useState(true),
+  var _c = React.useState(true),
     loading = _c[0],
     setLoading = _c[1];
-  useEffect(function () {
+  React.useEffect(function () {
     var fetchGroup = function () {
       return __awaiter(void 0, void 0, void 0, function () {
         var response;
@@ -19405,14 +19425,14 @@ var Group = function (_a) {
     fetchGroup();
   }, [id, getGroupByID]);
   if (loading) {
-    return /*#__PURE__*/React__default.createElement(ActivityIndicator$1, {
+    return /*#__PURE__*/React.createElement(ActivityIndicator$1, {
       size: "large"
     });
   }
   if (!groupData) {
-    return /*#__PURE__*/React__default.createElement(Text$3, null, "No group data available");
+    return /*#__PURE__*/React.createElement(Text$3, null, "No group data available");
   }
-  return /*#__PURE__*/React__default.createElement(View$2, null, groupData.sections.sort(function (a, b) {
+  return /*#__PURE__*/React.createElement(View$2, null, groupData.sections.sort(function (a, b) {
     // Sort by priority (higher priority first)
     if (a.priority !== b.priority) {
       return b.priority - a.priority;
@@ -19420,7 +19440,7 @@ var Group = function (_a) {
     // If priorities are equal, maintain original order
     return groupData.sections.indexOf(a) - groupData.sections.indexOf(b);
   }).map(function (section) {
-    return /*#__PURE__*/React__default.createElement(Section, {
+    return /*#__PURE__*/React.createElement(Section, {
       key: section.id,
       section: section
     });
@@ -19443,22 +19463,22 @@ var PointsTile = function (_a) {
       width: isFullSize ? '100%' : 'auto'
     }
   });
-  return /*#__PURE__*/React.createElement(BaseTile, {
+  return /*#__PURE__*/React__namespace.createElement(BaseTile, {
     tile: tile
-  }, isFullSize && /*#__PURE__*/React.createElement(PointsTile.Image, {
+  }, isFullSize && /*#__PURE__*/React__namespace.createElement(PointsTile.Image, {
     isFullSize: isFullSize
-  }), /*#__PURE__*/React.createElement(View$2, {
+  }), /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles.container
-  }, !isFullSize && /*#__PURE__*/React.createElement(PointsTile.Image, {
+  }, !isFullSize && /*#__PURE__*/React__namespace.createElement(PointsTile.Image, {
     isFullSize: isFullSize
-  }), /*#__PURE__*/React.createElement(View$2, {
+  }), /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles.contentContainer
-  }, /*#__PURE__*/React.createElement(PointsTile.Title, null), /*#__PURE__*/React.createElement(PointsTile.Points, null))));
+  }, /*#__PURE__*/React__namespace.createElement(PointsTile.Title, null), /*#__PURE__*/React__namespace.createElement(PointsTile.Points, null))));
 };
 var PointsTileTitle = function () {
   var configuration = useTileContext().configuration;
   var title = configuration.title;
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "eyebrow"
   }, title);
 };
@@ -19483,11 +19503,11 @@ var PointsTilePoints = function () {
     }
   });
   if (calculatedPoints === null) return null;
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "caption"
-  }, prefix !== null && prefix !== void 0 ? prefix : '', /*#__PURE__*/React.createElement(View$2, {
+  }, prefix !== null && prefix !== void 0 ? prefix : '', /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles.pointsWithSuffix
-  }, calculatedPoints, /*#__PURE__*/React.createElement(Text, {
+  }, calculatedPoints, /*#__PURE__*/React__namespace.createElement(Text, {
     style: styles.suffix
   }, suffix !== null && suffix !== void 0 ? suffix : 'pts')));
 };
@@ -19512,9 +19532,9 @@ var PointsTileImage = function (_a) {
     }
   });
   if (!artworkUrl) return null;
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles.imageContainer
-  }, /*#__PURE__*/React.createElement(Image$2, {
+  }, /*#__PURE__*/React__namespace.createElement(Image$2, {
     source: {
       uri: artworkUrl
     },
@@ -19529,9 +19549,9 @@ PointsTile.Image = PointsTileImage;
 var RewardCategoryTile = function (_a) {
   var tile = _a.tile;
   if (!tile) return null;
-  return /*#__PURE__*/React.createElement(BaseTile, {
+  return /*#__PURE__*/React__namespace.createElement(BaseTile, {
     tile: tile
-  }, /*#__PURE__*/React.createElement(RewardCategoryTile.Header, null), /*#__PURE__*/React.createElement(RewardCategoryTile.Background, null));
+  }, /*#__PURE__*/React__namespace.createElement(RewardCategoryTile.Header, null), /*#__PURE__*/React__namespace.createElement(RewardCategoryTile.Background, null));
 };
 var RewardCategoryHeader = function () {
   var theme = useWllSdk().theme;
@@ -19540,11 +19560,11 @@ var RewardCategoryHeader = function () {
     showName = _a.showName,
     name = _a.name;
   if (!showName || !name) return null;
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: [styles$3.header, {
       backgroundColor: theme.primary
     }]
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__namespace.createElement(Text, {
     style: [styles$3.headerText, {
       color: theme.primaryText
     }],
@@ -19556,7 +19576,7 @@ var RewardCategoryBackground = function () {
   var configuration = useTileContext().configuration;
   var artworkUrl = configuration.artworkUrl;
   if (!artworkUrl) return null;
-  return /*#__PURE__*/React.createElement(ProgressiveImage, {
+  return /*#__PURE__*/React__namespace.createElement(ProgressiveImage, {
     source: {
       uri: artworkUrl
     },
@@ -19590,17 +19610,17 @@ RewardCategoryTile.Background = RewardCategoryBackground;
 
 var RewardTile = function (_a) {
   var tile = _a.tile;
-  return /*#__PURE__*/React.createElement(BaseTile, {
+  return /*#__PURE__*/React__namespace.createElement(BaseTile, {
     tile: tile
-  }, /*#__PURE__*/React.createElement(RewardTile.Media, null), /*#__PURE__*/React.createElement(RewardTile.Content, null, /*#__PURE__*/React.createElement(RowHeader, null, /*#__PURE__*/React.createElement(RewardTile.Title, null), /*#__PURE__*/React.createElement(RewardTile.Chevron, null)), /*#__PURE__*/React.createElement(RewardTile.Description, null), /*#__PURE__*/React.createElement(RewardTile.Points, null)));
+  }, /*#__PURE__*/React__namespace.createElement(RewardTile.Media, null), /*#__PURE__*/React__namespace.createElement(RewardTile.Content, null, /*#__PURE__*/React__namespace.createElement(RowHeader, null, /*#__PURE__*/React__namespace.createElement(RewardTile.Title, null), /*#__PURE__*/React__namespace.createElement(RewardTile.Chevron, null)), /*#__PURE__*/React__namespace.createElement(RewardTile.Description, null), /*#__PURE__*/React__namespace.createElement(RewardTile.Points, null)));
 };
 var RewardTileMedia = function () {
   var configuration = useTileContext().configuration;
   var reward = configuration;
   if (!(reward === null || reward === void 0 ? void 0 : reward.pictureUrl)) return null;
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles$2.imageContainer
-  }, /*#__PURE__*/React.createElement(ProgressiveImage, {
+  }, /*#__PURE__*/React__namespace.createElement(ProgressiveImage, {
     source: {
       uri: reward.pictureUrl
     },
@@ -19611,7 +19631,7 @@ var RewardTileTitle = function () {
   var configuration = useTileContext().configuration;
   var reward = configuration;
   if (!(reward === null || reward === void 0 ? void 0 : reward.name)) return null;
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "title",
     ellipsizeMode: "tail",
     numberOfLines: 1
@@ -19621,7 +19641,7 @@ var RewardTileDescription = function () {
   var configuration = useTileContext().configuration;
   var reward = configuration;
   if (!(reward === null || reward === void 0 ? void 0 : reward.summary)) return null;
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "body"
   }, reward.summary);
 };
@@ -19633,12 +19653,12 @@ var RewardTilePoints = function () {
   if ((reward === null || reward === void 0 ? void 0 : reward.price) === 0 || !reward.showPrice || calculatedPoints === null) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "caption",
     style: styles$2.footer
-  }, reward.pointsPrefix, /*#__PURE__*/React.createElement(View$2, {
+  }, reward.pointsPrefix, /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles$2.pointsContainer
-  }, calculatedPoints, /*#__PURE__*/React.createElement(Text, {
+  }, calculatedPoints, /*#__PURE__*/React__namespace.createElement(Text, {
     style: [styles$2.suffix, {
       color: theme.primary
     }]
@@ -19646,13 +19666,13 @@ var RewardTilePoints = function () {
 };
 var RewardTileContent = function (_a) {
   var children = _a.children;
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles$2.content
   }, children);
 };
 var RewardTileChevron = function () {
   var theme = useWllSdk().theme;
-  return /*#__PURE__*/React.createElement(Icon, {
+  return /*#__PURE__*/React__namespace.createElement(Icon, {
     name: "ChevronRight",
     color: theme.derivedSurfaceText[20]
   });
@@ -19724,39 +19744,39 @@ var TierTile$1 = function (_a) {
   });
   var renderTileContent = function () {
     switch (configuration.type) {
-      case TierTileType.currentTier:
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TierTile$1.Image, {
+      case exports.TierTileType.currentTier:
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(TierTile$1.Image, {
           isFullSize: isFullSize
-        }), /*#__PURE__*/React.createElement(View$2, {
+        }), /*#__PURE__*/React__namespace.createElement(View$2, {
           style: styles.container
-        }, /*#__PURE__*/React.createElement(Text, {
+        }, /*#__PURE__*/React__namespace.createElement(Text, {
           variant: "caption"
-        }, "Current Tier"), /*#__PURE__*/React.createElement(View$2, {
+        }, "Current Tier"), /*#__PURE__*/React__namespace.createElement(View$2, {
           style: styles.row
-        }, /*#__PURE__*/React.createElement(TierTile$1.Name, null), /*#__PURE__*/React.createElement(TierTile$1.Count, null))));
-      case TierTileType.specificTier:
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TierTile$1.Progress, null), /*#__PURE__*/React.createElement(View$2, {
+        }, /*#__PURE__*/React__namespace.createElement(TierTile$1.Name, null), /*#__PURE__*/React__namespace.createElement(TierTile$1.Count, null))));
+      case exports.TierTileType.specificTier:
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(TierTile$1.Progress, null), /*#__PURE__*/React__namespace.createElement(View$2, {
           style: styles.container
-        }, /*#__PURE__*/React.createElement(View$2, {
+        }, /*#__PURE__*/React__namespace.createElement(View$2, {
           style: styles.row
-        }, /*#__PURE__*/React.createElement(View$2, null, /*#__PURE__*/React.createElement(Text, {
+        }, /*#__PURE__*/React__namespace.createElement(View$2, null, /*#__PURE__*/React__namespace.createElement(Text, {
           variant: "body"
-        }, "Current Tier"), /*#__PURE__*/React.createElement(TierTile$1.Name, null)), /*#__PURE__*/React.createElement(View$2, null, /*#__PURE__*/React.createElement(TierTile$1.NextName, null)))));
-      case TierTileType.currentTargetNext:
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TierTile$1.Image, {
+        }, "Current Tier"), /*#__PURE__*/React__namespace.createElement(TierTile$1.Name, null)), /*#__PURE__*/React__namespace.createElement(View$2, null, /*#__PURE__*/React__namespace.createElement(TierTile$1.NextName, null)))));
+      case exports.TierTileType.currentTargetNext:
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(TierTile$1.Image, {
           isFullSize: isFullSize
-        }), /*#__PURE__*/React.createElement(View$2, {
+        }), /*#__PURE__*/React__namespace.createElement(View$2, {
           style: {
             padding: 12
           }
-        }, /*#__PURE__*/React.createElement(TierTile$1.Progress, null), /*#__PURE__*/React.createElement(View$2, {
+        }, /*#__PURE__*/React__namespace.createElement(TierTile$1.Progress, null), /*#__PURE__*/React__namespace.createElement(View$2, {
           style: styles.container
-        }, /*#__PURE__*/React.createElement(TierTile$1.Count, null), /*#__PURE__*/React.createElement(TierTile$1.Description, null))));
+        }, /*#__PURE__*/React__namespace.createElement(TierTile$1.Count, null), /*#__PURE__*/React__namespace.createElement(TierTile$1.Description, null))));
       default:
         return null;
     }
   };
-  return /*#__PURE__*/React.createElement(BaseTile, {
+  return /*#__PURE__*/React__namespace.createElement(BaseTile, {
     tile: tile
   }, renderTileContent());
 };
@@ -19782,9 +19802,9 @@ var TierTileImage = function (_a) {
     }
   });
   if (!tier) return null;
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles.imageContainer
-  }, tier.artworkUrl && /*#__PURE__*/React.createElement(Image$2, {
+  }, tier.artworkUrl && /*#__PURE__*/React__namespace.createElement(Image$2, {
     source: {
       uri: tier.artworkUrl
     },
@@ -19794,44 +19814,44 @@ var TierTileImage = function (_a) {
 var Name = function () {
   var configuration = useTileContext().configuration;
   var tier = configuration.tier;
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "title"
   }, tier === null || tier === void 0 ? void 0 : tier.name);
 };
 var NextName = function () {
   var configuration = useTileContext().configuration;
   var targetTier = configuration.targetTier;
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "title"
   }, targetTier === null || targetTier === void 0 ? void 0 : targetTier.name);
 };
 var Count = function () {
   var configuration = useTileContext().configuration;
   var tier = configuration.tier;
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: {
       flexDirection: 'row',
       alignItems: 'center',
       justifyContent: 'flex-start'
     }
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "tier-earned"
-  }, "".concat(tier === null || tier === void 0 ? void 0 : tier.earnedPoints, "/")), /*#__PURE__*/React.createElement(Text, {
+  }, "".concat(tier === null || tier === void 0 ? void 0 : tier.earnedPoints, "/")), /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "tier-requirement"
   }, tier === null || tier === void 0 ? void 0 : tier.pointsRequirement));
 };
 var NextCount = function () {
   var configuration = useTileContext().configuration;
   var targetTier = configuration.targetTier;
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: {
       flexDirection: 'row',
       alignItems: 'center',
       justifyContent: 'flex-start'
     }
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "tier-earned"
-  }, "".concat(targetTier === null || targetTier === void 0 ? void 0 : targetTier.earnedPoints, "/")), /*#__PURE__*/React.createElement(Text, {
+  }, "".concat(targetTier === null || targetTier === void 0 ? void 0 : targetTier.earnedPoints, "/")), /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "tier-requirement"
   }, targetTier === null || targetTier === void 0 ? void 0 : targetTier.pointsRequirement));
 };
@@ -19841,7 +19861,7 @@ var Progress = function () {
   if (!tier || tier.earnedPoints === undefined || tier.pointsRequirement === undefined) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(ProgressIndicator, {
+  return /*#__PURE__*/React__namespace.createElement(ProgressIndicator, {
     currentPoints: tier.earnedPoints,
     maxPoints: tier.pointsRequirement,
     attained: tier.attained
@@ -19850,7 +19870,7 @@ var Progress = function () {
 var Description = function () {
   var configuration = useTileContext().configuration;
   var tier = configuration.tier;
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "body"
   }, tier === null || tier === void 0 ? void 0 : tier.description);
 };
@@ -19873,13 +19893,13 @@ var TierTileInner = function (_a) {
   var isHalfSize = useTileSize(tile).isHalfSize;
   // Determine which variant to show
   if (!tier || Array.isArray(tier)) {
-    return /*#__PURE__*/React.createElement(TierTile.Empty, {
+    return /*#__PURE__*/React__namespace.createElement(TierTile.Empty, {
       tile: tile
     });
   }
-  return isHalfSize ? /*#__PURE__*/React.createElement(TierTile.Half, {
+  return isHalfSize ? /*#__PURE__*/React__namespace.createElement(TierTile.Half, {
     tile: tile
-  }) : /*#__PURE__*/React.createElement(TierTile.Full, {
+  }) : /*#__PURE__*/React__namespace.createElement(TierTile.Full, {
     tile: tile
   });
 };
@@ -19893,27 +19913,27 @@ var TierTileFull = function (_a) {
     artworkUrl = _b.artworkUrl,
     name = _b.name,
     description = _b.description;
-  return /*#__PURE__*/React.createElement(BaseTile, {
+  return /*#__PURE__*/React__namespace.createElement(BaseTile, {
     tile: tile
-  }, artworkUrl && /*#__PURE__*/React.createElement(View$2, {
+  }, artworkUrl && /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles$1.header
-  }, /*#__PURE__*/React.createElement(ProgressiveImage, {
+  }, /*#__PURE__*/React__namespace.createElement(ProgressiveImage, {
     source: {
       uri: artworkUrl
     },
     style: styles$1.image,
     resizeMode: "center"
-  })), /*#__PURE__*/React.createElement(Column, {
+  })), /*#__PURE__*/React__namespace.createElement(Column, {
     align: "stretch",
     justify: artworkUrl ? 'start' : 'center',
     direction: "column"
-  }, /*#__PURE__*/React.createElement(View$2, null, title && /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__namespace.createElement(View$2, null, title && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "eyebrow",
     style: styles$1.title
-  }, title), name && /*#__PURE__*/React.createElement(Text, {
+  }, title), name && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "title",
     style: styles$1.title
-  }, name), description && /*#__PURE__*/React.createElement(Text, {
+  }, name), description && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "body"
   }, description))));
 };
@@ -19925,24 +19945,24 @@ var TierTileHalf = function (_a) {
     title = configuration.title;
   var artworkUrl = tier.artworkUrl,
     name = tier.name;
-  return /*#__PURE__*/React.createElement(BaseTile, {
+  return /*#__PURE__*/React__namespace.createElement(BaseTile, {
     tile: tile
-  }, /*#__PURE__*/React.createElement(Column, {
+  }, /*#__PURE__*/React__namespace.createElement(Column, {
     align: "center",
     justify: "between",
     direction: "row",
     style: {
       paddingTop: 16
     }
-  }, /*#__PURE__*/React.createElement(View$2, null, title && /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__namespace.createElement(View$2, null, title && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "eyebrow",
     style: styles$1.title
-  }, title), name && /*#__PURE__*/React.createElement(Text, {
+  }, title), name && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "title",
     style: styles$1.title
-  }, name)), artworkUrl && /*#__PURE__*/React.createElement(View$2, {
+  }, name)), artworkUrl && /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles$1.smallImageContainer
-  }, /*#__PURE__*/React.createElement(Image$2, {
+  }, /*#__PURE__*/React__namespace.createElement(Image$2, {
     source: {
       uri: artworkUrl
     },
@@ -19959,27 +19979,27 @@ var TierTileEmpty = function (_a) {
     emptyArtworkUrl = configuration.emptyArtworkUrl;
   var isHalfSize = useTileSize(tile).isHalfSize;
   if (isHalfSize) {
-    return /*#__PURE__*/React.createElement(BaseTile, {
+    return /*#__PURE__*/React__namespace.createElement(BaseTile, {
       tile: tile
-    }, /*#__PURE__*/React.createElement(Column, {
+    }, /*#__PURE__*/React__namespace.createElement(Column, {
       align: "center",
       justify: "between",
       direction: "row",
       style: {
         paddingTop: 16
       }
-    }, /*#__PURE__*/React.createElement(View$2, {
+    }, /*#__PURE__*/React__namespace.createElement(View$2, {
       style: {
         flex: 1
       }
-    }, title && /*#__PURE__*/React.createElement(Text, {
+    }, title && /*#__PURE__*/React__namespace.createElement(Text, {
       variant: "title",
       style: styles$1.title
-    }, title), emptyDescription && /*#__PURE__*/React.createElement(Text, {
+    }, title), emptyDescription && /*#__PURE__*/React__namespace.createElement(Text, {
       variant: "body"
-    }, emptyDescription)), emptyArtworkUrl && /*#__PURE__*/React.createElement(View$2, {
+    }, emptyDescription)), emptyArtworkUrl && /*#__PURE__*/React__namespace.createElement(View$2, {
       style: styles$1.smallImageContainer
-    }, /*#__PURE__*/React.createElement(Image$2, {
+    }, /*#__PURE__*/React__namespace.createElement(Image$2, {
       source: {
         uri: emptyArtworkUrl
       },
@@ -19987,24 +20007,24 @@ var TierTileEmpty = function (_a) {
       resizeMode: "contain"
     }))));
   }
-  return /*#__PURE__*/React.createElement(BaseTile, {
+  return /*#__PURE__*/React__namespace.createElement(BaseTile, {
     tile: tile
-  }, emptyArtworkUrl && /*#__PURE__*/React.createElement(View$2, {
+  }, emptyArtworkUrl && /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles$1.header
-  }, /*#__PURE__*/React.createElement(ProgressiveImage, {
+  }, /*#__PURE__*/React__namespace.createElement(ProgressiveImage, {
     source: {
       uri: emptyArtworkUrl
     },
     style: styles$1.image,
     resizeMode: "center"
-  })), /*#__PURE__*/React.createElement(Column, {
+  })), /*#__PURE__*/React__namespace.createElement(Column, {
     align: "stretch",
     justify: "center",
     direction: "column"
-  }, /*#__PURE__*/React.createElement(View$2, null, title && /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__namespace.createElement(View$2, null, title && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "title",
     style: styles$1.title
-  }, title), emptyDescription && /*#__PURE__*/React.createElement(Text, {
+  }, title), emptyDescription && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "body"
   }, emptyDescription))));
 };
@@ -20049,44 +20069,44 @@ var TileContainer = function (_a) {
   var tiles = _a.tiles;
   var renderTile = function (tile) {
     switch (tile.type) {
-      case TileType.Content:
-        return /*#__PURE__*/React.createElement(ContentTile, {
+      case exports.TileType.Content:
+        return /*#__PURE__*/React__namespace.createElement(ContentTile, {
           tile: tile
         });
-      case TileType.Badge:
-        return /*#__PURE__*/React.createElement(BadgeTile, {
+      case exports.TileType.Badge:
+        return /*#__PURE__*/React__namespace.createElement(BadgeTile, {
           tile: tile
         });
-      case TileType.Tier:
-        return /*#__PURE__*/React.createElement(TierTile, {
+      case exports.TileType.Tier:
+        return /*#__PURE__*/React__namespace.createElement(TierTile, {
           tile: tile
         });
-      case TileType.Points:
-        return /*#__PURE__*/React.createElement(PointsTile, {
+      case exports.TileType.Points:
+        return /*#__PURE__*/React__namespace.createElement(PointsTile, {
           tile: tile
         });
-      case TileType.Reward:
-        return /*#__PURE__*/React.createElement(RewardTile, {
+      case exports.TileType.Reward:
+        return /*#__PURE__*/React__namespace.createElement(RewardTile, {
           tile: tile
         });
-      case TileType.RewardCategory:
-        return /*#__PURE__*/React.createElement(RewardCategoryTile, {
+      case exports.TileType.RewardCategory:
+        return /*#__PURE__*/React__namespace.createElement(RewardCategoryTile, {
           tile: tile
         });
     }
   };
   // Check if all tiles are half height
   var allHalfTiles = tiles.every(function (tile) {
-    return tile.tileHeight === TileHeight.Half;
+    return tile.tileHeight === exports.TileHeight.Half;
   });
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: [styles.container, allHalfTiles ? {
       aspectRatio: 2
     } : {
       aspectRatio: 1
     }]
   }, tiles.map(function (tile, index) {
-    return /*#__PURE__*/React.createElement(View$2, {
+    return /*#__PURE__*/React__namespace.createElement(View$2, {
       key: tile.id,
       style: [styles.tileContainer, index > 0 && {
         marginTop: GRID_GAP
@@ -20109,5 +20129,40 @@ var Reward = /** @class */function () {
   return Reward;
 }();
 
-export { BadgeTile$1 as BadgeTile, BadgeTileConfig, BadgeTileType, BadgeTile as BadgeTileUpdated, BannerTile, BannerTileConfig, BaseBanner, BaseTile, Button, Carousel, Column as Content, ContentTile, ContentTileConfig, Grid, Group, Icon, LoadingIndicator, PointsTile, PointsTileConfig, ProgressBar, ProgressIndicator, ProgressType, ProgressiveImage, Reward, RewardCategoryTile, RewardCategoryTileConfig, RewardTile, RewardTileConfig, RowHeader, Section, SectionHeader, SectionType, Text, TierTile$1 as TierTile, TierTileConfig, TierTileType, TierTile as TierTileUpdated, TileContainer, TileHeight, TileType, UrlTarget, WllSdkProvider, useWllSdk };
+exports.BadgeTile = BadgeTile$1;
+exports.BadgeTileConfig = BadgeTileConfig;
+exports.BadgeTileUpdated = BadgeTile;
+exports.BannerTile = BannerTile;
+exports.BannerTileConfig = BannerTileConfig;
+exports.BaseBanner = BaseBanner;
+exports.BaseTile = BaseTile;
+exports.Button = Button;
+exports.Carousel = Carousel;
+exports.Content = Column;
+exports.ContentTile = ContentTile;
+exports.ContentTileConfig = ContentTileConfig;
+exports.Grid = Grid;
+exports.Group = Group;
+exports.Icon = Icon;
+exports.LoadingIndicator = LoadingIndicator;
+exports.PointsTile = PointsTile;
+exports.PointsTileConfig = PointsTileConfig;
+exports.ProgressBar = ProgressBar;
+exports.ProgressIndicator = ProgressIndicator;
+exports.ProgressiveImage = ProgressiveImage;
+exports.Reward = Reward;
+exports.RewardCategoryTile = RewardCategoryTile;
+exports.RewardCategoryTileConfig = RewardCategoryTileConfig;
+exports.RewardTile = RewardTile;
+exports.RewardTileConfig = RewardTileConfig;
+exports.RowHeader = RowHeader;
+exports.Section = Section;
+exports.SectionHeader = SectionHeader;
+exports.Text = Text;
+exports.TierTile = TierTile$1;
+exports.TierTileConfig = TierTileConfig;
+exports.TierTileUpdated = TierTile;
+exports.TileContainer = TileContainer;
+exports.WllSdkProvider = WllSdkProvider;
+exports.useWllSdk = useWllSdk;
 //# sourceMappingURL=index.js.map