@wlloyalty/wll-react-sdk 1.0.52 → 1.0.54

package/dist/index.js

@@ -1,7 +1,28 @@
-import * as React from 'react';
-import React__default, { useLayoutEffect as useLayoutEffect$1, useEffect, useRef, useDebugValue, useContext, createContext, memo, forwardRef, useMemo, useState, useCallback, useReducer } from 'react';
-import Color from 'color';
-import * as LucideIcons 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 _extends$1() {
   return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
@@ -67,7 +88,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]);
 }
@@ -339,7 +360,7 @@ function getModality() {
  * 
  */
 
-var useLayoutEffectImpl = canUseDOM$1 ? useLayoutEffect$1 : useEffect;
+var useLayoutEffectImpl = canUseDOM$1 ? React.useLayoutEffect : React.useEffect;
 var useLayoutEffect = useLayoutEffectImpl;
 
 /**
@@ -353,7 +374,7 @@ var useLayoutEffect = useLayoutEffectImpl;
 
 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();
   }
@@ -1061,25 +1082,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();
 }
 
@@ -5564,7 +5585,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';
 }
@@ -5573,7 +5594,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,
@@ -5582,7 +5603,7 @@ function LocaleProvider(props) {
   }) : children;
 }
 function useLocaleContext() {
-  return useContext(LocaleContext);
+  return React.useContext(LocaleContext);
 }
 
 /**
@@ -5602,10 +5623,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
@@ -7207,7 +7228,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();
   }
@@ -7218,12 +7239,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);
@@ -7231,7 +7252,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,
@@ -7251,10 +7272,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);
 }
 
 /**
@@ -7266,7 +7287,7 @@ function useResponderEvents(hostRef, config) {
  * 
  */
 
-var TextAncestorContext = /*#__PURE__*/createContext(false);
+var TextAncestorContext = /*#__PURE__*/React.createContext(false);
 var TextAncestorContext$1 = TextAncestorContext;
 
 var _excluded$b = ["hrefAttrs", "onLayout", "onMoveShouldSetResponder", "onMoveShouldSetResponderCapture", "onResponderEnd", "onResponderGrant", "onResponderMove", "onResponderReject", "onResponderRelease", "onResponderStart", "onResponderTerminate", "onResponderTerminationRequest", "onScrollShouldSetResponder", "onScrollShouldSetResponderCapture", "onSelectionChangeShouldSetResponder", "onSelectionChangeShouldSetResponderCapture", "onStartShouldSetResponder", "onStartShouldSetResponderCapture"];
@@ -7278,7 +7299,7 @@ var forwardPropsList$1 = Object.assign({}, defaultProps, accessibilityProps, cli
   pointerEvents: true
 });
 var pickProps$1 = props => pick(props, forwardPropsList$1);
-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,
@@ -7299,14 +7320,14 @@ var View$1 = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
     onStartShouldSetResponderCapture = props.onStartShouldSetResponderCapture,
     rest = _objectWithoutPropertiesLoose(props, _excluded$b);
   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);
@@ -7430,9 +7451,9 @@ function Pressable(props, forwardedRef) {
   var _useForceableState3 = useForceableState(testOnly_pressed === true),
     pressed = _useForceableState3[0],
     setPressed = _useForceableState3[1];
-  var hostRef = useRef(null);
+  var hostRef = React.useRef(null);
   var setRef = useMergeRefs$1(forwardedRef, hostRef);
-  var pressConfig = useMemo(() => ({
+  var pressConfig = React.useMemo(() => ({
     delayLongPress,
     delayPressStart: delayPressIn,
     delayPressEnd: delayPressOut,
@@ -7459,7 +7480,7 @@ function Pressable(props, forwardedRef) {
     focused,
     pressed
   };
-  var blurHandler = React.useCallback(e => {
+  var blurHandler = React__namespace.useCallback(e => {
     if (e.nativeEvent.target === hostRef.current) {
       setFocused(false);
       if (onBlur != null) {
@@ -7467,7 +7488,7 @@ function Pressable(props, forwardedRef) {
       }
     }
   }, [hostRef, setFocused, onBlur]);
-  var focusHandler = React.useCallback(e => {
+  var focusHandler = React__namespace.useCallback(e => {
     if (e.nativeEvent.target === hostRef.current) {
       setFocused(true);
       if (onFocus != null) {
@@ -7475,7 +7496,7 @@ function Pressable(props, forwardedRef) {
       }
     }
   }, [hostRef, setFocused, onFocus]);
-  var contextMenuHandler = React.useCallback(e => {
+  var contextMenuHandler = React__namespace.useCallback(e => {
     if (onContextMenuPress != null) {
       onContextMenuPress(e);
     }
@@ -7483,7 +7504,7 @@ function Pressable(props, forwardedRef) {
       onContextMenu(e);
     }
   }, [onContextMenu, onContextMenuPress]);
-  var keyDownHandler = React.useCallback(e => {
+  var keyDownHandler = React__namespace.useCallback(e => {
     if (onKeyDownPress != null) {
       onKeyDownPress(e);
     }
@@ -7497,7 +7518,7 @@ function Pressable(props, forwardedRef) {
   } else {
     _tabIndex = disabled ? -1 : 0;
   }
-  return /*#__PURE__*/React.createElement(View$2, _extends$1({}, rest, pressEventHandlers, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, _extends$1({}, rest, pressEventHandlers, {
     "aria-disabled": disabled,
     onBlur: blurHandler,
     onContextMenu: contextMenuHandler,
@@ -7509,7 +7530,7 @@ function Pressable(props, forwardedRef) {
   }), typeof children === 'function' ? children(interactionState) : children);
 }
 function useForceableState(forced) {
-  var _useState = useState(false),
+  var _useState = React.useState(false),
     bool = _useState[0],
     setBool = _useState[1];
   return [bool || forced, setBool];
@@ -7523,7 +7544,7 @@ var styles$h = StyleSheet$1.create({
     pointerEvents: 'box-none'
   }
 });
-var MemoedPressable = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Pressable));
+var MemoedPressable = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Pressable));
 MemoedPressable.displayName = 'Pressable';
 var Pressable$1 = MemoedPressable;
 
@@ -7534,7 +7555,7 @@ var forwardPropsList = Object.assign({}, defaultProps, accessibilityProps, click
   pointerEvents: true
 });
 var pickProps = props => pick(props, forwardPropsList);
-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,
@@ -7561,8 +7582,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);
@@ -7584,7 +7605,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) {
@@ -7631,7 +7652,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);
 });
@@ -7802,7 +7823,7 @@ var parseNavigationLink = function (link) {
 };
 
 var useNavigation = function (config) {
-  var handleNavigation = useCallback(function (link, ctaTarget) {
+  var handleNavigation = React.useCallback(function (link, ctaTarget) {
     var _a;
     var _b = parseNavigationLink(link),
       type = _b.type,
@@ -7820,7 +7841,7 @@ var useNavigation = function (config) {
 
 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 = {};
     }
@@ -7837,7 +7858,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) {
@@ -7885,7 +7906,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');
@@ -8244,10 +8265,10 @@ function getDimensionMode(window) {
 }
 function useResponsive$1() {
   var deviceWindow = Dimensions.get('window');
-  var _a = useState(getDimensionMode(deviceWindow)),
+  var _a = React.useState(getDimensionMode(deviceWindow)),
     dimensionMode = _a[0],
     setDimensionMode = _a[1];
-  useEffect(function () {
+  React.useEffect(function () {
     if (!isWeb) return;
     var subscription = Dimensions.addEventListener('change', function (_a) {
       var window = _a.window;
@@ -8270,10 +8291,10 @@ function useResponsive$1() {
   };
 }
 
-var ResponsiveContext = /*#__PURE__*/createContext(undefined);
+var ResponsiveContext = /*#__PURE__*/React.createContext(undefined);
 function ResponsiveProvider(_a) {
   var children = _a.children;
-  var _b = React__default.useState(function () {
+  var _b = React.useState(function () {
       var window = Dimensions.get('window');
       var dimensionMode = getDimensionMode(window);
       return {
@@ -8285,7 +8306,7 @@ function ResponsiveProvider(_a) {
     }),
     state = _b[0],
     setState = _b[1];
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     var subscription = Dimensions.addEventListener('change', function (_a) {
       var window = _a.window;
       if (window) {
@@ -8304,12 +8325,12 @@ function ResponsiveProvider(_a) {
       }
     };
   }, []);
-  return /*#__PURE__*/React__default.createElement(ResponsiveContext.Provider, {
+  return /*#__PURE__*/React.createElement(ResponsiveContext.Provider, {
     value: state
   }, children);
 }
 function useResponsive() {
-  var context = useContext(ResponsiveContext);
+  var context = React.useContext(ResponsiveContext);
   if (context === undefined) {
     throw new Error('useResponsive must be used within a ResponsiveProvider');
   }
@@ -8342,22 +8363,22 @@ 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,
     _b = _a.navigationConfig,
     navigationConfig = _b === void 0 ? {} : _b;
-  var _c = React__default.useState(function () {
+  var _c = React.useState(function () {
       return createTheme(providedTheme || {});
     }),
     theme = _c[0],
     setThemeState = _c[1];
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     setThemeState(createTheme(providedTheme || {}));
   }, [providedTheme]);
-  var setTheme = React__default.useCallback(function (newTheme) {
+  var setTheme = React.useCallback(function (newTheme) {
     setThemeState(function (prevTheme) {
       return createTheme(__assign(__assign({}, prevTheme), newTheme));
     });
@@ -8366,7 +8387,7 @@ var WllSdkProvider = function (_a) {
   var getSectionByID = useGetSectionByID(config);
   var getTileByID = useGetTileByID(config);
   var handleNavigation = useNavigation(navigationConfig);
-  var contextValue = React__default.useMemo(function () {
+  var contextValue = React.useMemo(function () {
     return {
       theme: theme,
       setTheme: setTheme,
@@ -8376,12 +8397,12 @@ var WllSdkProvider = function (_a) {
       handleNavigation: handleNavigation
     };
   }, [theme, setTheme, getGroupByID, getSectionByID, getTileByID, handleNavigation]);
-  return /*#__PURE__*/React__default.createElement(WllSdkContext.Provider, {
+  return /*#__PURE__*/React.createElement(WllSdkContext.Provider, {
     value: contextValue
-  }, /*#__PURE__*/React__default.createElement(ResponsiveProvider, null, children));
+  }, /*#__PURE__*/React.createElement(ResponsiveProvider, null, 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');
   }
@@ -8423,12 +8444,12 @@ var getResponsiveValue = function (desktopValue, mobileValue, isDesktop, isTable
   return mobileValue;
 };
 var useResponsiveValue = function (desktopValue, mobileValue, isDesktop, isTablet) {
-  var _a = useState(function () {
+  var _a = React.useState(function () {
       return getResponsiveValue(desktopValue, mobileValue);
     }),
     value = _a[0],
     setValue = _a[1];
-  useEffect(function () {
+  React.useEffect(function () {
     if (Platform$1.OS !== 'web') return;
     var handleResize = function () {
       setValue(getResponsiveValue(desktopValue, mobileValue));
@@ -8508,7 +8529,7 @@ var Button = function (_a) {
   var buttonStyle = useButtonStyles(theme, variant);
   var textStyle = useTextStyles(theme, variant);
   var styles = useButtonDynamicStyles();
-  return /*#__PURE__*/React.createElement(Pressable$1, {
+  return /*#__PURE__*/React__namespace.createElement(Pressable$1, {
     style: function (_a) {
       var pressed = _a.pressed;
       return [styles.button, buttonStyle, {
@@ -8529,7 +8550,7 @@ var Button = function (_a) {
       disabled: disabled
     },
     testID: testID
-  }, /*#__PURE__*/React.createElement(Text$3, {
+  }, /*#__PURE__*/React__namespace.createElement(Text$3, {
     style: [styles.text, textStyle]
   }, title));
 };
@@ -8543,12 +8564,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
@@ -8556,7 +8577,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",
@@ -8564,7 +8585,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,
@@ -8575,7 +8596,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%"
@@ -8587,13 +8608,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$f.container, style]
-  }), /*#__PURE__*/React.createElement(View$2, {
+  }), /*#__PURE__*/React__namespace.createElement(View$2, {
     children: svg,
     style: [typeof size === 'number' ? {
       height: size,
@@ -8642,12 +8663,12 @@ var ActivityIndicator$1 = ActivityIndicator;
 /* istanbul ignore file */
 var LoadingIndicator = function () {
   var theme = useWllSdk().theme;
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     style: [styles$e.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
   }));
@@ -8778,7 +8799,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);
 }
 
 /**
@@ -8895,7 +8916,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,
@@ -8907,12 +8928,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) {
@@ -8961,7 +8982,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),
@@ -9081,7 +9102,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;
@@ -9608,17 +9629,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$c.stickyHeader, pagingEnabled && styles$c.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,
@@ -9647,11 +9668,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);
     }
@@ -9701,8 +9722,8 @@ var styles$c = 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
   }));
 });
@@ -10484,7 +10505,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;
@@ -10736,7 +10757,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';
 }
@@ -10748,7 +10769,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,
@@ -10756,7 +10777,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);
 }
@@ -10768,16 +10789,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 = {
@@ -10844,7 +10865,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
@@ -10876,18 +10897,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$b.rowReverse, inversionStyle] : [styles$b.columnReverse, inversionStyle] : horizontal ? [styles$b.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,
@@ -10896,7 +10917,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);
   }
@@ -11429,7 +11450,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') + '`');
@@ -11437,8 +11458,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,
@@ -11450,7 +11471,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) => {
@@ -12017,7 +12038,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,
@@ -12091,15 +12112,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]
       },
@@ -12110,15 +12131,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) {
@@ -12154,7 +12175,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
@@ -12172,15 +12193,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]
       },
@@ -12204,7 +12225,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,
@@ -12213,7 +12234,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;
@@ -12244,7 +12265,7 @@ class VirtualizedList extends StateSafePureComponent {
       );
     }*/
     if (this.props.debug) {
-      return /*#__PURE__*/React.createElement(View$2, {
+      return /*#__PURE__*/React__namespace.createElement(View$2, {
         style: styles$a.debug
       }, ret, this._renderDebugOverlay());
     } else {
@@ -12361,20 +12382,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$a.debugOverlayBase, styles$a.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$a.debugOverlayBase, styles$a.debugOverlayFrame, {
         top: f.offset * normalize,
         height: f.length * normalize
       }]
-    })), /*#__PURE__*/React.createElement(View$2, {
+    })), /*#__PURE__*/React__namespace.createElement(View$2, {
       style: [styles$a.debugOverlayBase, styles$a.debugOverlayFrameLast, {
         top: windowTop * normalize,
         height: windowLen * normalize
       }]
-    }), /*#__PURE__*/React.createElement(View$2, {
+    }), /*#__PURE__*/React__namespace.createElement(View$2, {
       style: [styles$a.debugOverlayBase, styles$a.debugOverlayFrameVis, {
         top: visTop * normalize,
         height: visLen * normalize
@@ -12729,7 +12750,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.
    */
@@ -12879,7 +12900,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);
@@ -12892,7 +12913,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$9.row, columnWrapperStyle]
           }, _item2.map((it, kk) => {
             var element = render({
@@ -12901,7 +12922,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;
           }));
@@ -13008,7 +13029,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,
@@ -14814,8 +14835,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;
@@ -14837,15 +14858,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:
@@ -14861,7 +14882,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);
@@ -14911,9 +14932,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.
@@ -14973,7 +14994,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) {
@@ -14994,7 +15015,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];
@@ -15011,7 +15032,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
     }));
@@ -15021,7 +15042,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
@@ -15244,20 +15265,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;
@@ -15350,7 +15371,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,
@@ -15371,7 +15392,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);
@@ -15383,13 +15404,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],
@@ -15436,7 +15457,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);
@@ -15473,7 +15494,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,
@@ -15484,7 +15505,7 @@ var Image$1 = /*#__PURE__*/React.forwardRef((props, ref) => {
     {
       boxShadow: null
     }]
-  }), /*#__PURE__*/React.createElement(View$2, {
+  }), /*#__PURE__*/React__namespace.createElement(View$2, {
     style: [styles$8.image, resizeModeStyles[resizeMode], {
       backgroundImage,
       filter
@@ -15585,7 +15606,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
@@ -15598,7 +15619,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) => {
@@ -15659,7 +15680,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,
@@ -15765,7 +15786,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,
@@ -15878,13 +15899,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,
@@ -15893,7 +15914,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,
@@ -15902,7 +15923,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);
@@ -15945,13 +15966,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
@@ -16025,7 +16046,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 => {
@@ -16088,7 +16109,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,
@@ -16100,7 +16121,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
@@ -18578,11 +18599,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,
@@ -18595,9 +18616,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]
   }));
 };
@@ -18626,7 +18647,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 () {
     requestAnimationFrame(function () {
@@ -18646,11 +18667,11 @@ var ProgressiveImage = function (_a) {
   } : {
     tintColor: isDesaturated ? desaturatedColor : undefined
   };
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: [styles$7.container, style, {
       backgroundColor: backgroundColor
     }]
-  }, /*#__PURE__*/React__default.createElement(Animated$1.View, {
+  }, /*#__PURE__*/React.createElement(Animated$1.View, {
     style: [styles$7.imageOverlay, {
       backgroundColor: backgroundColor,
       opacity: imageAnimated.interpolate({
@@ -18658,7 +18679,7 @@ var ProgressiveImage = function (_a) {
         outputRange: [1, 0]
       })
     }]
-  }), /*#__PURE__*/React__default.createElement(Animated$1.Image, _extends({}, props, {
+  }), /*#__PURE__*/React.createElement(Animated$1.Image, _extends({}, props, {
     source: source,
     style: [styles$7.imageOverlay, __assign({
       opacity: imageAnimated
@@ -18729,7 +18750,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: [variantStyle, style]
   }, props));
 };
@@ -18737,22 +18758,22 @@ var Text = function (_a) {
 var MAX_WIDTH = 1080;
 var BUTTON_SIZE = 42;
 
-var CTALinkTarget;
+exports.CTALinkTarget = void 0;
 (function (CTALinkTarget) {
   CTALinkTarget["sameWindow"] = "SAME_FRAME";
   CTALinkTarget["newWindow"] = "NEW_WINDOW";
-})(CTALinkTarget || (CTALinkTarget = {}));
-var TierTileType;
+})(exports.CTALinkTarget || (exports.CTALinkTarget = {}));
+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";
@@ -18761,12 +18782,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;
@@ -18826,14 +18847,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;
@@ -18860,7 +18881,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 = '';
@@ -18873,31 +18894,31 @@ var TierTileConfig = /** @class */function () {
 
 var useHandleTilePress = function (tile, ctaLink, ctaLinkTarget) {
   var handleNavigation = useWllSdk().handleNavigation;
-  return useCallback(function () {
-    if ((tile === null || tile === void 0 ? void 0 : tile.type) === TileType.Reward) {
+  return React.useCallback(function () {
+    if ((tile === null || tile === void 0 ? void 0 : tile.type) === exports.TileType.Reward) {
       var config = tile.configuration;
       if (config === null || config === void 0 ? void 0 : config.rewardId) {
         var url = "/reward?id=".concat(config.rewardId);
-        return handleNavigation(url, CTALinkTarget.sameWindow);
+        return handleNavigation(url, exports.CTALinkTarget.sameWindow);
       }
     }
-    if ((tile === null || tile === void 0 ? void 0 : tile.type) === TileType.RewardCategory) {
+    if ((tile === null || tile === void 0 ? void 0 : tile.type) === exports.TileType.RewardCategory) {
       var config = tile.configuration;
       var url = "/category?id=".concat(config.rewardCategoryId);
       if (config === null || config === void 0 ? void 0 : config.rewardCategoryId) {
-        return handleNavigation(url, CTALinkTarget.sameWindow);
+        return handleNavigation(url, exports.CTALinkTarget.sameWindow);
       }
     }
     if (ctaLink) {
-      var target = ctaLinkTarget || CTALinkTarget.sameWindow;
+      var target = ctaLinkTarget || exports.CTALinkTarget.sameWindow;
       return handleNavigation(ctaLink, target);
     }
   }, [tile, ctaLink, ctaLinkTarget, handleNavigation]);
 };
 
-var BannerContext = /*#__PURE__*/createContext(null);
+var BannerContext = /*#__PURE__*/React.createContext(null);
 var useBannerContext = function () {
-  var context = useContext(BannerContext);
+  var context = React.useContext(BannerContext);
   if (!context) {
     throw new Error('Banner components must be used within a BaseBanner');
   }
@@ -18917,9 +18938,9 @@ var BaseBanner = function (_a) {
     ctaText = _b.ctaText;
   var handlePress = useHandleTilePress(tile, ctaLink, ctaLinkTarget);
   var hasCTA = Boolean(ctaText);
-  return /*#__PURE__*/React__default.createElement(BannerContext.Provider, {
+  return /*#__PURE__*/React.createElement(BannerContext.Provider, {
     value: tile
-  }, /*#__PURE__*/React__default.createElement(Pressable$1, {
+  }, /*#__PURE__*/React.createElement(Pressable$1, {
     testID: testID || 'banner-tile',
     style: function (_a) {
       var pressed = _a.pressed;
@@ -18948,10 +18969,10 @@ var styles$6 = StyleSheet$1.create({
 });
 
 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]);
 };
@@ -18971,7 +18992,7 @@ var BaseTileBody = function (props) {
     if (!isHalfSize && !artworkUrl) return undefined;
     return isDesktop ? 3 : isTablet ? 4 : 3;
   };
-  return /*#__PURE__*/React__default.createElement(Text, _extends({
+  return /*#__PURE__*/React.createElement(Text, _extends({
     variant: "body"
   }, props, {
     accessibilityLabel: body,
@@ -19041,7 +19062,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, {
     testID: "tile-content",
     style: [baseStyles.content, {
       justifyContent: 'center',
@@ -19058,7 +19079,7 @@ var BaseTileHeader = function (_a) {
   // For half tiles with an image, don't show header
   if (isHalfSize && artworkUrl) return null;
   var dynamicStyles = useBaseTileStyles();
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: [dynamicStyles.header, {
       marginTop: isHalfSize ? 0 : dynamicStyles.header.marginTop,
       // @ts-ignore
@@ -19074,7 +19095,7 @@ var BaseTileMedia = function (props) {
   var artworkUrl = tile.configuration.artworkUrl;
   var styles = useBaseTileStyles();
   if (!artworkUrl) return null;
-  return /*#__PURE__*/React__default.createElement(ProgressiveImage, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(ProgressiveImage, _extends({}, props, {
     testID: "tile-media",
     source: {
       uri: artworkUrl
@@ -19093,12 +19114,12 @@ 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,
     numberOfLines: 1,
     testID: "tile-title"
-  }, title), ctaLink && /*#__PURE__*/React__default.createElement(Icon, {
+  }, title), ctaLink && /*#__PURE__*/React.createElement(Icon, {
     name: "ChevronRight",
     color: theme.derivedSurfaceText[20]
   }));
@@ -19107,12 +19128,12 @@ var BaseTileTitle = function () {
 /**
  * Context to provide the current tile to child components.
  */
-var TileContext = /*#__PURE__*/createContext(null);
+var TileContext = /*#__PURE__*/React.createContext(null);
 /**
  * Custom hook to access the TileContext.
  */
 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');
   }
@@ -19139,7 +19160,7 @@ var BaseTileContainer = function (_a) {
     alignItems: 'stretch'
   };
   var dynamicStyles = useBaseTileStyles();
-  return /*#__PURE__*/React__default.createElement(Pressable$1, {
+  return /*#__PURE__*/React.createElement(Pressable$1, {
     style: function (_a) {
       var pressed = _a.pressed;
       return [baseStyles.container, dynamicStyles.container, {
@@ -19160,9 +19181,9 @@ var BaseTileContainer = function (_a) {
 var BaseTileRoot = 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.Container, null, children));
+  }, /*#__PURE__*/React.createElement(BaseTile.Container, null, children));
 };
 /**
  * BaseTile component with subcomponents attached.
@@ -19186,9 +19207,9 @@ var Indicator = function () {
     if (isTablet) return 'Tablet Layout';
     return 'Mobile Layout';
   };
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: styles$5.indicator
-  }, /*#__PURE__*/React__default.createElement(Text$3, {
+  }, /*#__PURE__*/React.createElement(Text$3, {
     style: styles$5.indicatorText
   }, getCurrentLayout()));
 };
@@ -19215,8 +19236,8 @@ var GRID_GAP = 16;
 var SkeletonTile = function (_a) {
   var style = _a.style;
   var theme = useWllSdk().theme;
-  var animatedValue = React.useRef(new Animated$1.Value(0)).current;
-  React.useEffect(function () {
+  var animatedValue = React__namespace.useRef(new Animated$1.Value(0)).current;
+  React__namespace.useEffect(function () {
     var pulseAnimation = Animated$1.loop(Animated$1.sequence([Animated$1.timing(animatedValue, {
       toValue: 1,
       duration: 1000,
@@ -19235,7 +19256,7 @@ var SkeletonTile = function (_a) {
     inputRange: [0, 1],
     outputRange: [0.3, 0.7]
   });
-  return /*#__PURE__*/React.createElement(Animated$1.View, {
+  return /*#__PURE__*/React__namespace.createElement(Animated$1.View, {
     style: [styles$4.container, {
       opacity: opacity,
       backgroundColor: theme.alphaDerivedText[20],
@@ -19257,8 +19278,8 @@ var Skeleton = function (_a) {
     _b = _a.numberOfSquares,
     numberOfSquares = _b === void 0 ? 4 : _b;
   var theme = useWllSdk().theme;
-  var animatedValue = React.useRef(new Animated$1.Value(0)).current;
-  React.useEffect(function () {
+  var animatedValue = React__namespace.useRef(new Animated$1.Value(0)).current;
+  React__namespace.useEffect(function () {
     var pulseAnimation = Animated$1.loop(Animated$1.sequence([Animated$1.timing(animatedValue, {
       toValue: 1,
       duration: 1000,
@@ -19277,26 +19298,26 @@ var Skeleton = function (_a) {
     inputRange: [0, 1],
     outputRange: [0.3, 0.7]
   });
-  return /*#__PURE__*/React.createElement(View$2, {
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
     testID: "loading-skeleton"
-  }, /*#__PURE__*/React.createElement(Animated$1.View, {
+  }, /*#__PURE__*/React__namespace.createElement(Animated$1.View, {
     style: [styles$3.skeleton, styles$3.title, {
       opacity: opacity,
       backgroundColor: theme.alphaDerivedText[20],
       borderRadius: 6
     }]
-  }), /*#__PURE__*/React.createElement(Animated$1.View, {
+  }), /*#__PURE__*/React__namespace.createElement(Animated$1.View, {
     style: [styles$3.skeleton, styles$3.body, {
       opacity: opacity,
       backgroundColor: theme.alphaDerivedText[20],
       borderRadius: 6
     }]
-  }), /*#__PURE__*/React.createElement(Animated$1.View, {
+  }), /*#__PURE__*/React__namespace.createElement(Animated$1.View, {
     style: [styles$3.container, style]
   }, Array.from({
     length: numberOfSquares
   }).map(function (_, index) {
-    return /*#__PURE__*/React.createElement(SkeletonTile, {
+    return /*#__PURE__*/React__namespace.createElement(SkeletonTile, {
       key: index
     });
   })));
@@ -19335,16 +19356,16 @@ function withTileFetching(WrappedComponent) {
     var tile = props.tile,
       tileId = props.tileId;
     var getTileByID = useWllSdk().getTileByID;
-    var _a = useState(tile || null),
+    var _a = React.useState(tile || null),
       tileData = _a[0],
       setTileData = _a[1];
-    var _b = useState(false),
+    var _b = React.useState(false),
       isLoading = _b[0],
       setIsLoading = _b[1];
-    var _c = useState(null),
+    var _c = React.useState(null),
       error = _c[0],
       setError = _c[1];
-    useEffect(function () {
+    React.useEffect(function () {
       if (tile) {
         setTileData(tile);
       } else if (tileId) {
@@ -19384,18 +19405,18 @@ function withTileFetching(WrappedComponent) {
       }
     }, [tile, tileId, getTileByID]);
     if (isLoading) {
-      return /*#__PURE__*/React__default.createElement(SkeletonTile, {
+      return /*#__PURE__*/React.createElement(SkeletonTile, {
         style: {
           width: '100%'
         }
       });
     }
     if (error || !tileData) {
-      return /*#__PURE__*/React__default.createElement(View$2, {
+      return /*#__PURE__*/React.createElement(View$2, {
         style: commonStyles.emptyContainer
-      }, /*#__PURE__*/React__default.createElement(Text$3, null, "No tile data available"));
+      }, /*#__PURE__*/React.createElement(Text$3, null, "No tile data available"));
     }
-    return /*#__PURE__*/React__default.createElement(WrappedComponent, _extends({}, props, {
+    return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, props, {
       tile: tileData
     }));
   };
@@ -19460,11 +19481,11 @@ var BadgeTileDateEarned = function () {
     type = configuration.type;
   var theme = useWllSdk().theme;
   // Don't show for Latest type with count=0
-  if (type === BadgeTileType.Latest && count === 0) {
+  if (type === exports.BadgeTileType.Latest && count === 0) {
     return null;
   }
   // For Specific type, only show if count > 0 or badgeNotEarnedMessage exists
-  if (type === BadgeTileType.Specific && count === 0 && !badgeNotEarnedMessage) {
+  if (type === exports.BadgeTileType.Specific && count === 0 && !badgeNotEarnedMessage) {
     return null;
   }
   var backgroundColor = getStateColor(theme.alphaDerivedPrimary[20], type, count);
@@ -19474,12 +19495,12 @@ var BadgeTileDateEarned = function () {
   var textColor = getReadableTextColor(backgroundColor);
   var displayText = count === 0 ? badgeNotEarnedMessage : "".concat(awardedDatePrefix, " ").concat(new Date(createdAt).toLocaleDateString());
   var accessibilityLabel = count === 0 ? 'Badge not yet earned' : "Badge earned on ".concat(new Date(createdAt).toLocaleDateString());
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: containerStyle,
     accessible: true,
     accessibilityLabel: accessibilityLabel,
     testID: "badge-tile-date-earned"
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     variant: "label",
     style: [styles.dateEarnedText, {
       color: textColor
@@ -19500,12 +19521,12 @@ var BadgeTileDescription = function () {
   if (!description) return null;
   // For Latest type, hide description when count = 0
   // For Specific type, always show description
-  if (count === 0 && type === BadgeTileType.Latest) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  if (count === 0 && type === exports.BadgeTileType.Latest) return null;
+  return /*#__PURE__*/React.createElement(View$2, {
     accessible: true,
     accessibilityLabel: "Badge description: ".concat(description),
     testID: "badge-tile-description"
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     variant: "body",
     numberOfLines: 2,
     ellipsizeMode: "tail",
@@ -19524,12 +19545,12 @@ var BadgeTileMedia = function (_a) {
     artworkUrl = configuration.artworkUrl,
     emptyBadgeArtworkUrl = configuration.emptyBadgeArtworkUrl,
     type = configuration.type;
-  var displayUrl = type === BadgeTileType.Specific ? artworkUrl : count === 0 ? emptyBadgeArtworkUrl : artworkUrl;
+  var displayUrl = type === exports.BadgeTileType.Specific ? artworkUrl : count === 0 ? emptyBadgeArtworkUrl : artworkUrl;
   if (!displayUrl) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: styles.header,
     testID: "badge-tile-media"
-  }, /*#__PURE__*/React__default.createElement(ProgressiveImage, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(ProgressiveImage, _extends({}, props, {
     source: {
       uri: displayUrl
     },
@@ -19545,23 +19566,23 @@ 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;
   }
   var isLocked = count === 0;
   var statusLabel = isLocked ? 'Badge locked' : "Earned ".concat(count, " times");
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: styles.indicatorContainer,
     accessible: true,
     accessibilityLabel: statusLabel,
     testID: "badge-tile-status"
-  }, isLocked ? /*#__PURE__*/React__default.createElement(Icon, {
+  }, isLocked ? /*#__PURE__*/React.createElement(Icon, {
     name: "LockKeyhole",
     testID: "badge-tile-status-locked",
     color: "#FFF",
     size: 20,
     accessibilityElementsHidden: true
-  }) : /*#__PURE__*/React__default.createElement(Text, {
+  }) : /*#__PURE__*/React.createElement(Text, {
     style: styles.countText,
     accessibilityElementsHidden: true,
     importantForAccessibility: "no-hide-descendants"
@@ -19576,13 +19597,13 @@ var BadgeTileTitle = function () {
     name = configuration.name,
     emptyBadgeMessage = configuration.emptyBadgeMessage,
     type = configuration.type;
-  var displayText = type === BadgeTileType.Specific ? name : count === 0 ? emptyBadgeMessage : name;
+  var displayText = type === exports.BadgeTileType.Specific ? name : count === 0 ? emptyBadgeMessage : name;
   if (!displayText) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     accessible: true,
     accessibilityLabel: "Badge title: ".concat(displayText),
     testID: "badge-tile-title"
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     variant: "title",
     style: styles.titleText,
     numberOfLines: count === 0 ? 2 : 1,
@@ -19599,13 +19620,13 @@ var BadgeTileTitle = function () {
  */
 var BadgeTileRoot = function (_a) {
   var tile = _a.tile;
-  if (!tile || tile.tileHeight !== TileHeight.Full || !tile.active) return null;
-  return /*#__PURE__*/React__default.createElement(BaseTile, {
+  if (!tile || tile.tileHeight !== exports.TileHeight.Full || !tile.active) return null;
+  return /*#__PURE__*/React.createElement(BaseTile, {
     tile: tile
-  }, /*#__PURE__*/React__default.createElement(BadgeTile.Media, null, /*#__PURE__*/React__default.createElement(BadgeTile.Status, null)), /*#__PURE__*/React__default.createElement(Layout, {
+  }, /*#__PURE__*/React.createElement(BadgeTile.Media, null, /*#__PURE__*/React.createElement(BadgeTile.Status, null)), /*#__PURE__*/React.createElement(Layout, {
     justify: "between",
     align: "start"
-  }, /*#__PURE__*/React__default.createElement(BadgeTile.Title, null), /*#__PURE__*/React__default.createElement(BadgeTile.Description, null), /*#__PURE__*/React__default.createElement(Spacer, null), /*#__PURE__*/React__default.createElement(BadgeTile.DateEarned, null)));
+  }, /*#__PURE__*/React.createElement(BadgeTile.Title, null), /*#__PURE__*/React.createElement(BadgeTile.Description, null), /*#__PURE__*/React.createElement(Spacer, null), /*#__PURE__*/React.createElement(BadgeTile.DateEarned, null)));
 };
 /**
  * The BadgeTile component with subcomponents attached.
@@ -19628,7 +19649,7 @@ var BannerTileCTA = function () {
   var handlePress = useHandleTilePress(tile, ctaLink, ctaLinkTarget);
   if (!ctaText) return null;
   var hint = ctaLinkTarget === 'NEW_WINDOW' ? "Opens ".concat(ctaLink, " in a new window") : "Takes you to ".concat(ctaLink);
-  return /*#__PURE__*/React__default.createElement(Button, {
+  return /*#__PURE__*/React.createElement(Button, {
     testID: "banner-tile-cta",
     title: ctaText,
     variant: "accent",
@@ -19679,11 +19700,11 @@ var BannerTileDescription = function () {
   var description = configuration.description;
   var theme = useWllSdk().theme;
   if (!description) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     accessible: true,
     accessibilityLabel: description,
     testID: "banner-tile-description"
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.description, {
       color: theme.derivedSurfaceText[20]
     }],
@@ -19703,7 +19724,7 @@ var BannerTileMedia = function (_a) {
   var containerStyle = {
     width: isArtworkOnly ? '100%' : '30%'
   };
-  return /*#__PURE__*/React__default.createElement(View$2
+  return /*#__PURE__*/React.createElement(View$2
   // @ts-ignore: We are using percentage values for width, which is valid in React Native but TypeScript expects a number.
   , {
     style: [styles.mediaContainer, containerStyle],
@@ -19711,7 +19732,7 @@ var BannerTileMedia = function (_a) {
     role: "img",
     accessibilityLabel: "Banner image".concat(title ? " for ".concat(title) : ''),
     testID: "banner-tile-media"
-  }, /*#__PURE__*/React__default.createElement(ProgressiveImage, {
+  }, /*#__PURE__*/React.createElement(ProgressiveImage, {
     source: {
       uri: artworkUrl
     },
@@ -19726,10 +19747,10 @@ var BannerTileTitle = function () {
   var configuration = useBannerContext().configuration;
   var title = configuration.title;
   if (!title) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     accessible: true,
     accessibilityLabel: title
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     variant: "title",
     testID: "banner-tile-title",
     style: styles.title,
@@ -19756,11 +19777,11 @@ var BannerTileRoot = function (_a) {
   var tile = _a.tile;
   if (!tile || !tile.active) return null;
   var configuration = tile.configuration;
-  return /*#__PURE__*/React__default.createElement(BaseBanner, {
+  return /*#__PURE__*/React.createElement(BaseBanner, {
     tile: tile
-  }, /*#__PURE__*/React__default.createElement(BannerTile.Media, {
+  }, /*#__PURE__*/React.createElement(BannerTile.Media, {
     isArtworkOnly: isArtworkOnly$1(configuration)
-  }), /*#__PURE__*/React__default.createElement(FullFlex, null, /*#__PURE__*/React__default.createElement(BannerTile.Title, null), /*#__PURE__*/React__default.createElement(BannerTile.Description, null), /*#__PURE__*/React__default.createElement(BannerTile.CTA, null)));
+  }), /*#__PURE__*/React.createElement(FullFlex, null, /*#__PURE__*/React.createElement(BannerTile.Title, null), /*#__PURE__*/React.createElement(BannerTile.Description, null), /*#__PURE__*/React.createElement(BannerTile.CTA, null)));
 };
 /**
  * The BannerTile component with subcomponents attached.
@@ -19774,12 +19795,12 @@ var BannerTile = Object.assign(BannerTileRoot, {
 var BannerTile$1 = withTileFetching(BannerTile);
 
 var ContentTileBody = function () {
-  return /*#__PURE__*/React__default.createElement(BaseTile.Body, null);
+  return /*#__PURE__*/React.createElement(BaseTile.Body, null);
 };
 
 var ContentTileContainer = function (_a) {
   var children = _a.children;
-  return /*#__PURE__*/React__default.createElement(BaseTile.Container, null, children);
+  return /*#__PURE__*/React.createElement(BaseTile.Container, null, children);
 };
 
 var useContentTileStyles = function () {
@@ -19802,7 +19823,7 @@ var useContentTileStyles = function () {
 var ContentTileContent = function (_a) {
   var children = _a.children;
   var styles = useContentTileStyles();
-  return /*#__PURE__*/React__default.createElement(BaseTile.Content, null, /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(BaseTile.Content, null, /*#__PURE__*/React.createElement(View$2, {
     style: styles.content
   }, children));
 };
@@ -19811,12 +19832,12 @@ var ContentTileHeader = function () {
   var tile = useTileContext();
   var title = tile.configuration.title;
   if (!title) return null;
-  return /*#__PURE__*/React__default.createElement(BaseTile.Header, null, /*#__PURE__*/React__default.createElement(BaseTile.Title, null));
+  return /*#__PURE__*/React.createElement(BaseTile.Header, null, /*#__PURE__*/React.createElement(BaseTile.Title, null));
 };
 
 var ContentTileMedia = function () {
   var styles = useContentTileStyles();
-  return /*#__PURE__*/React__default.createElement(BaseTile.Media, {
+  return /*#__PURE__*/React.createElement(BaseTile.Media, {
     style: styles.media
   });
 };
@@ -19829,9 +19850,9 @@ var ContentTileMedia = function () {
 var ContentTileRoot = function (_a) {
   var tile = _a.tile;
   if (!tile || !tile.active) return null;
-  return /*#__PURE__*/React__default.createElement(BaseTile, {
+  return /*#__PURE__*/React.createElement(BaseTile, {
     tile: tile
-  }, /*#__PURE__*/React__default.createElement(ContentTile.Container, null, /*#__PURE__*/React__default.createElement(ContentTile.Media, null), /*#__PURE__*/React__default.createElement(ContentTile.Content, null, /*#__PURE__*/React__default.createElement(ContentTile.Header, null), /*#__PURE__*/React__default.createElement(ContentTile.Body, null))));
+  }, /*#__PURE__*/React.createElement(ContentTile.Container, 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))));
 };
 /**
  * The ContentTile component with subcomponents attached.
@@ -19861,11 +19882,11 @@ var sortByPriority = function (tiles) {
   });
 };
 
-var SectionType;
+exports.SectionType = void 0;
 (function (SectionType) {
   SectionType["Grid"] = "GRID";
   SectionType["Banner"] = "BANNER";
-})(SectionType || (SectionType = {}));
+})(exports.SectionType || (exports.SectionType = {}));
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -19878,10 +19899,10 @@ var SectionType;
  */
 
 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) {
@@ -19930,14 +19951,14 @@ var SectionHeader = function (_a) {
   if (!title) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: styles.sectionHeader
-  }, title && /*#__PURE__*/React__default.createElement(Text, {
+  }, title && /*#__PURE__*/React.createElement(Text, {
     style: [styles.sectionTitle, {
       fontWeight: '700',
       color: theme.text
     }]
-  }, title), description && /*#__PURE__*/React__default.createElement(Text, {
+  }, title), description && /*#__PURE__*/React.createElement(Text, {
     style: [styles.sectionDescription, {
       color: theme.alphaDerivedText[80]
     }]
@@ -20053,15 +20074,15 @@ var Carousel = function (_a) {
   var section = _a.section;
   if (!section) return null;
   var WINDOW_WIDTH = useWindowDimensions().width;
-  var containerRef = useRef(null);
+  var containerRef = React.useRef(null);
   var styles = useCarouselStyles(BUTTON_SIZE);
-  var animatedIndex = useRef(new Animated$1.Value(0)).current;
+  var animatedIndex = React.useRef(new Animated$1.Value(0)).current;
   var theme = useWllSdk().theme;
   var _b = useResponsive(),
     isDesktop = _b.isDesktop,
     isTablet = _b.isTablet;
-  var scrollViewRef = useRef(null);
-  var _c = React__default.useReducer(carouselReducer, __assign(__assign({}, initialState), {
+  var scrollViewRef = React.useRef(null);
+  var _c = React.useReducer(carouselReducer, __assign(__assign({}, initialState), {
       containerWidth: WINDOW_WIDTH
     })),
     state = _c[0],
@@ -20069,14 +20090,14 @@ var Carousel = function (_a) {
   var currentIndex = state.currentIndex,
     containerWidth = state.containerWidth;
   var sortedTiles = sortByPriority(section.tiles.filter(function (tile) {
-    return tile.type === TileType.Banner;
+    return tile.type === exports.TileType.Banner;
   }));
-  var handleScroll = useCallback(function (event) {
+  var handleScroll = React.useCallback(function (event) {
     var contentOffsetX = event.nativeEvent.contentOffset.x;
     var newIndex = contentOffsetX / containerWidth;
     animatedIndex.setValue(newIndex);
   }, [containerWidth, animatedIndex]);
-  var handleScrollEnd = useCallback(function (event) {
+  var handleScrollEnd = React.useCallback(function (event) {
     var contentOffsetX = event.nativeEvent.contentOffset.x;
     var newIndex = Math.round(contentOffsetX / containerWidth);
     dispatch({
@@ -20115,10 +20136,10 @@ var Carousel = function (_a) {
       marginTop: useResponsiveValue(theme.sizes.xxl, theme.sizes.sm, isDesktop, isTablet)
     }
   });
-  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, {
     ref: containerRef,
     style: styles.container,
     onLayout: function (event) {
@@ -20128,20 +20149,20 @@ var Carousel = function (_a) {
         payload: width
       });
     }
-  }, /*#__PURE__*/React__default.createElement(View$2, {
+  }, /*#__PURE__*/React.createElement(View$2, {
     style: styles.carouselContainer
-  }, showPrevButton && /*#__PURE__*/React__default.createElement(Pressable$1, {
+  }, showPrevButton && /*#__PURE__*/React.createElement(Pressable$1, {
     style: [styles.navButton, styles.navButtonLeft, {
       backgroundColor: theme.background
     }],
     onPress: handlePrev,
     accessibilityLabel: "Previous slide",
     role: "button"
-  }, /*#__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,
@@ -20157,26 +20178,26 @@ var Carousel = function (_a) {
     snapToInterval: containerWidth,
     snapToAlignment: "start"
   }, sortedTiles.map(function (tile, index) {
-    return /*#__PURE__*/React__default.createElement(View$2, {
+    return /*#__PURE__*/React.createElement(View$2, {
       key: index,
       style: [styles.slideContainer, {
         width: containerWidth
       }]
-    }, /*#__PURE__*/React__default.createElement(BannerTile$1, {
+    }, /*#__PURE__*/React.createElement(BannerTile$1, {
       tile: tile
     }));
-  })), showNextButton && /*#__PURE__*/React__default.createElement(Pressable$1, {
+  })), showNextButton && /*#__PURE__*/React.createElement(Pressable$1, {
     style: [styles.navButton, styles.navButtonRight, {
       backgroundColor: theme.background
     }],
     onPress: handleNext,
     accessibilityLabel: "Next slide",
     role: "button"
-  }, /*#__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: dynamicStyles.indicators
   }, sortedTiles.map(function (_, index) {
     var width = animatedIndex.interpolate({
@@ -20184,7 +20205,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.indicator, {
         backgroundColor: theme.derivedBackground,
@@ -20198,17 +20219,17 @@ var Carousel = function (_a) {
 
 var Grid = function (_a) {
   var section = _a.section;
-  if (section.type !== SectionType.Grid) {
+  if (section.type !== exports.SectionType.Grid) {
     return null;
   }
   var isDesktop = useResponsive().isDesktop;
   var columnsPerRow = isDesktop ? 4 : 2;
-  var gridTiles = useMemo(function () {
+  var gridTiles = React.useMemo(function () {
     return sortByPriority(section.tiles.filter(function (tile) {
-      return tile.type !== TileType.Banner;
+      return tile.type !== exports.TileType.Banner;
     }));
   }, [section.tiles]);
-  var getTileWidth = useCallback(function (columns) {
+  var getTileWidth = React.useCallback(function (columns) {
     if (IS_WEB) {
       return {
         width: "calc(".concat(100 / columns, "% - ").concat((columns - 1) * GRID_GAP / columns, "px)"),
@@ -20224,7 +20245,7 @@ var Grid = function (_a) {
       };
     }
   }, []);
-  var renderTileContainers = useCallback(function () {
+  var renderTileContainers = React.useCallback(function () {
     var tileContainers = [];
     var currentTiles = [];
     var sortedTiles = sortByPriority(gridTiles);
@@ -20233,12 +20254,12 @@ var Grid = function (_a) {
       var nextTile = sortedTiles[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;
           }
         }
@@ -20246,14 +20267,14 @@ var Grid = function (_a) {
       };
       if (shouldStartNewContainer(currentTiles, tile, nextTile)) {
         var isLastInRow = (tileContainers.length + 1) % columnsPerRow === 0;
-        tileContainers.push(/*#__PURE__*/React__default.createElement(View$2, {
+        tileContainers.push(/*#__PURE__*/React.createElement(View$2, {
           key: "container-".concat(index),
           style: [
           // @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
           getTileWidth(columnsPerRow), !isLastInRow && {
             marginRight: GRID_GAP
           }]
-        }, /*#__PURE__*/React__default.createElement(TileContainer, {
+        }, /*#__PURE__*/React.createElement(TileContainer, {
           tiles: currentTiles
         })));
         currentTiles = [];
@@ -20261,10 +20282,10 @@ var Grid = function (_a) {
     });
     return tileContainers;
   }, [gridTiles, columnsPerRow, getTileWidth]);
-  return /*#__PURE__*/React__default.createElement(View$2, null, /*#__PURE__*/React__default.createElement(SectionHeader, {
+  return /*#__PURE__*/React.createElement(View$2, null, /*#__PURE__*/React.createElement(SectionHeader, {
     title: section.title,
     description: section.description
-  }), /*#__PURE__*/React__default.createElement(View$2, {
+  }), /*#__PURE__*/React.createElement(View$2, {
     style: styles$2.grid
   }, renderTileContainers()));
 };
@@ -20295,21 +20316,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$1.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$1.circleContainer]
-  }, /*#__PURE__*/React.createElement(View$2, {
+  }, /*#__PURE__*/React__namespace.createElement(View$2, {
     style: [styles$1.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
@@ -20354,22 +20375,22 @@ var useSectionStyles = function () {
 /**
  * SectionContext provides the current section data to child components.
  */
-var SectionContext = /*#__PURE__*/createContext(undefined);
+var SectionContext = /*#__PURE__*/React.createContext(undefined);
 /**
  * Custom hook to fetch section data.
  */
 var useSectionData = function (section, sectionId) {
   var getSectionByID = useWllSdk().getSectionByID;
-  var _a = useState(section || null),
+  var _a = React.useState(section || null),
     sectionData = _a[0],
     setSectionData = _a[1];
-  var _b = useState(false),
+  var _b = React.useState(false),
     isLoading = _b[0],
     setIsLoading = _b[1];
-  var _c = useState(null),
+  var _c = React.useState(null),
     error = _c[0],
     setError = _c[1];
-  useEffect(function () {
+  React.useEffect(function () {
     if (section) {
       setSectionData(section);
     } else if (sectionId) {
@@ -20419,11 +20440,11 @@ var useSectionData = function (section, sectionId) {
  */
 var EmptyState = function (_a) {
   var message = _a.message;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: commonStyles.emptyContainer,
     accessible: true,
     accessibilityLabel: "Empty state: ".concat(message)
-  }, /*#__PURE__*/React__default.createElement(Text$3, {
+  }, /*#__PURE__*/React.createElement(Text$3, {
     accessibilityElementsHidden: true,
     importantForAccessibility: "no-hide-descendants"
   }, message));
@@ -20445,13 +20466,13 @@ var Section = function (_a) {
   }
   var renderSectionContent = function () {
     if (isLoading) {
-      return /*#__PURE__*/React__default.createElement(Skeleton, {
+      return /*#__PURE__*/React.createElement(Skeleton, {
         "aria-label": "Loading section content",
         numberOfSquares: 4
       });
     }
     if (error || !sectionData) {
-      return /*#__PURE__*/React__default.createElement(EmptyState, {
+      return /*#__PURE__*/React.createElement(EmptyState, {
         message: error || 'No section data available.'
       });
     }
@@ -20463,26 +20484,26 @@ var Section = function (_a) {
       tiles: activeTiles
     });
     switch (sectionData.type) {
-      case SectionType.Banner:
-        return /*#__PURE__*/React__default.createElement(Carousel, {
+      case exports.SectionType.Banner:
+        return /*#__PURE__*/React.createElement(Carousel, {
           section: sectionWithActiveTiles
         });
-      case SectionType.Grid:
-        return /*#__PURE__*/React__default.createElement(Grid, {
+      case exports.SectionType.Grid:
+        return /*#__PURE__*/React.createElement(Grid, {
           section: sectionWithActiveTiles
         });
       default:
         console.warn("Unknown section type: ".concat(sectionData.type));
-        return /*#__PURE__*/React__default.createElement(EmptyState, {
+        return /*#__PURE__*/React.createElement(EmptyState, {
           message: "Unknown section type."
         });
     }
   };
-  return sectionData ? /*#__PURE__*/React__default.createElement(SectionContext.Provider, {
+  return sectionData ? /*#__PURE__*/React.createElement(SectionContext.Provider, {
     value: {
       sectionData: sectionData
     }
-  }, /*#__PURE__*/React__default.createElement(View$2, {
+  }, /*#__PURE__*/React.createElement(View$2, {
     style: styles.section,
     accessible: true,
     role: "region",
@@ -20491,9 +20512,9 @@ var Section = function (_a) {
   }, renderSectionContent())) : null;
 };
 
-var GroupContext = /*#__PURE__*/createContext(undefined);
+var GroupContext = /*#__PURE__*/React.createContext(undefined);
 var useGroupContext = function () {
-  var context = useContext(GroupContext);
+  var context = React.useContext(GroupContext);
   if (!context) {
     throw new Error('useGroupContext must be used within a GroupProvider');
   }
@@ -20502,16 +20523,16 @@ var useGroupContext = function () {
 // Custom Hook for Group Data
 var useGroupData = function (id) {
   var getGroupByID = useWllSdk().getGroupByID;
-  var _a = useState(null),
+  var _a = React.useState(null),
     groupData = _a[0],
     setGroupData = _a[1];
-  var _b = useState(null),
+  var _b = React.useState(null),
     error = _b[0],
     setError = _b[1];
-  var _c = useState(true),
+  var _c = React.useState(true),
     isLoading = _c[0],
     setIsLoading = _c[1];
-  var fetchGroup = useCallback(function () {
+  var fetchGroup = React.useCallback(function () {
     return __awaiter(void 0, void 0, void 0, function () {
       var response;
       return __generator(this, function (_a) {
@@ -20544,7 +20565,7 @@ var useGroupData = function (id) {
       });
     });
   }, [id, getGroupByID]);
-  useEffect(function () {
+  React.useEffect(function () {
     fetchGroup();
   }, [fetchGroup]);
   return {
@@ -20571,27 +20592,27 @@ var Group = function (_a) {
     isLoading = _b.isLoading,
     error = _b.error;
   if (isLoading) {
-    return /*#__PURE__*/React__default.createElement(View$2, {
+    return /*#__PURE__*/React.createElement(View$2, {
       style: commonStyles.emptyContainer
-    }, /*#__PURE__*/React__default.createElement(Skeleton, null));
+    }, /*#__PURE__*/React.createElement(Skeleton, null));
   }
   if (error || !groupData) {
-    return /*#__PURE__*/React__default.createElement(GroupEmptyState, {
+    return /*#__PURE__*/React.createElement(GroupEmptyState, {
       message: error || 'No group data available'
     });
   }
-  return /*#__PURE__*/React__default.createElement(GroupContext.Provider, {
+  return /*#__PURE__*/React.createElement(GroupContext.Provider, {
     value: {
       groupData: groupData
     }
-  }, /*#__PURE__*/React__default.createElement(View$2, {
+  }, /*#__PURE__*/React.createElement(View$2, {
     "data-testid": "group-container"
-  }, /*#__PURE__*/React__default.createElement(GroupSections, null)));
+  }, /*#__PURE__*/React.createElement(GroupSections, null)));
 };
 var GroupSections = function () {
   var groupData = useGroupContext().groupData;
   if (!groupData.sections || groupData.sections.length === 0) {
-    return /*#__PURE__*/React__default.createElement(GroupEmptyState, {
+    return /*#__PURE__*/React.createElement(GroupEmptyState, {
       message: "This group doesn't have any sections"
     });
   }
@@ -20600,8 +20621,8 @@ var GroupSections = function () {
     return section.active;
   });
   var sortedSections = sortByPriority(activeSections);
-  return /*#__PURE__*/React__default.createElement(View$2, null, sortedSections.map(function (section) {
-    return /*#__PURE__*/React__default.createElement(Section, {
+  return /*#__PURE__*/React.createElement(View$2, null, sortedSections.map(function (section) {
+    return /*#__PURE__*/React.createElement(Section, {
       key: section.id,
       section: section
     });
@@ -20609,9 +20630,9 @@ var GroupSections = function () {
 };
 var GroupEmptyState = function (_a) {
   var message = _a.message;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: commonStyles.emptyContainer
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     variant: "body"
   }, message));
 };
@@ -20711,7 +20732,7 @@ var Column = function (_a) {
       flex: flex
     })
   });
-  return /*#__PURE__*/React.createElement(View$2, _extends({
+  return /*#__PURE__*/React__namespace.createElement(View$2, _extends({
     style: [styles.container, style]
   }, rest), children);
 };
@@ -20726,7 +20747,7 @@ var FullFlex = function (_a) {
   var children = _a.children,
     style = _a.style,
     rest = __rest(_a, ["children", "style"]);
-  return /*#__PURE__*/React__default.createElement(View$2, _extends({
+  return /*#__PURE__*/React.createElement(View$2, _extends({
     style: [{
       flex: 1
     }, style]
@@ -20767,7 +20788,7 @@ var Layout = function (_a) {
       flexDirection: direction
     }
   });
-  return /*#__PURE__*/React.createElement(View$2, _extends({
+  return /*#__PURE__*/React__namespace.createElement(View$2, _extends({
     style: [dynamicStyles.container, style]
   }, rest), children);
 };
@@ -20801,7 +20822,7 @@ var Row = function (_a) {
       flex: flex
     })
   });
-  return /*#__PURE__*/React.createElement(View$2, _extends({
+  return /*#__PURE__*/React__namespace.createElement(View$2, _extends({
     style: [styles.container, style]
   }, rest), children);
 };
@@ -20815,7 +20836,7 @@ var Row = function (_a) {
 var Spacer = function (_a) {
   var style = _a.style,
     rest = __rest(_a, ["style"]);
-  return /*#__PURE__*/React__default.createElement(View$2, _extends({
+  return /*#__PURE__*/React.createElement(View$2, _extends({
     style: [{
       flex: 1
     }, style]
@@ -20879,20 +20900,20 @@ var PointsTileFormattedPoints = function () {
   if (points === undefined || points === 0) return null;
   var calculatedPoints = applyMultiplier(points, pointsMultiplier);
   var fullPointsText = "".concat(pointsPrefix).concat(calculatedPoints, " ").concat(pointsSuffix);
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     testID: "points-tile-points",
     accessible: true,
     accessibilityLabel: "Points value: ".concat(fullPointsText)
-  }, /*#__PURE__*/React__default.createElement(Row, {
+  }, /*#__PURE__*/React.createElement(Row, {
     align: "center",
     justify: "start"
-  }, pointsPrefix ? /*#__PURE__*/React__default.createElement(Text, {
+  }, pointsPrefix ? /*#__PURE__*/React.createElement(Text, {
     variant: "caption",
     testID: "points-tile-prefix"
-  }, pointsPrefix) : null, /*#__PURE__*/React__default.createElement(Text, {
+  }, pointsPrefix) : null, /*#__PURE__*/React.createElement(Text, {
     variant: "caption",
     testID: "points-tile-value"
-  }, calculatedPoints), pointsSuffix ? /*#__PURE__*/React__default.createElement(Text, {
+  }, calculatedPoints), pointsSuffix ? /*#__PURE__*/React.createElement(Text, {
     variant: "caption",
     style: styles.suffix,
     testID: "points-tile-suffix"
@@ -20907,13 +20928,13 @@ var PointsTileMedia = function (_a) {
     title = _b.title;
   var styles = usePointsTileStyles(isFullSize);
   if (!artworkUrl) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     testID: "points-tile-media",
     accessible: true,
     role: "img",
     accessibilityLabel: "Points tile image for ".concat(title),
     style: styles.imageContainer
-  }, /*#__PURE__*/React__default.createElement(Image$2, {
+  }, /*#__PURE__*/React.createElement(Image$2, {
     source: {
       uri: artworkUrl
     },
@@ -20928,12 +20949,12 @@ var PointsTileTitle = function () {
   var configuration = useTileContext().configuration;
   var title = configuration.title;
   if (!title) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     testID: "points-tile-title",
     accessible: true,
     accessibilityLabel: title,
     role: "banner"
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     variant: "eyebrow",
     accessibilityElementsHidden: true,
     importantForAccessibility: "no-hide-descendants"
@@ -20950,17 +20971,17 @@ var PointsTileRoot = function (_a) {
   if (!tile || !tile.active) return null;
   var isFullSize = useTileSize(tile).isFullSize;
   var styles = usePointsTileStyles(isFullSize);
-  return /*#__PURE__*/React__default.createElement(BaseTile, {
+  return /*#__PURE__*/React.createElement(BaseTile, {
     tile: tile
-  }, isFullSize && /*#__PURE__*/React__default.createElement(PointsTile.Media, {
+  }, isFullSize && /*#__PURE__*/React.createElement(PointsTile.Media, {
     isFullSize: true
-  }), /*#__PURE__*/React__default.createElement(View$2, {
+  }), /*#__PURE__*/React.createElement(View$2, {
     style: styles.container
-  }, !isFullSize && /*#__PURE__*/React__default.createElement(PointsTile.Media, {
+  }, !isFullSize && /*#__PURE__*/React.createElement(PointsTile.Media, {
     isFullSize: false
-  }), /*#__PURE__*/React__default.createElement(Column, {
+  }), /*#__PURE__*/React.createElement(Column, {
     style: styles.contentContainer
-  }, /*#__PURE__*/React__default.createElement(PointsTile.Title, null), /*#__PURE__*/React__default.createElement(PointsTile.Points, null))));
+  }, /*#__PURE__*/React.createElement(PointsTile.Title, null), /*#__PURE__*/React.createElement(PointsTile.Points, null))));
 };
 /**
  * The PointsTile component with subcomponents attached.
@@ -21011,14 +21032,14 @@ var RewardCategoryHeader = function () {
     showName = _a.showName,
     name = _a.name;
   if (!showName || !name) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: [styles.header, {
       backgroundColor: theme.primary
     }],
     accessible: true,
     accessibilityLabel: "Reward category: ".concat(name),
     testID: "reward-category-header"
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.headerText, {
       color: theme.primaryText
     }],
@@ -21034,7 +21055,7 @@ var RewardCategoryMedia = function () {
     artworkUrl = _a.artworkUrl,
     name = _a.name;
   if (!artworkUrl) return null;
-  return /*#__PURE__*/React__default.createElement(ProgressiveImage, {
+  return /*#__PURE__*/React.createElement(ProgressiveImage, {
     testID: "reward-category-media",
     source: {
       uri: artworkUrl
@@ -21052,9 +21073,9 @@ var RewardCategoryMedia = function () {
 var RewardCategoryTileRoot = function (_a) {
   var tile = _a.tile;
   if (!tile || !tile.active) return null;
-  return /*#__PURE__*/React__default.createElement(BaseTile, {
+  return /*#__PURE__*/React.createElement(BaseTile, {
     tile: tile
-  }, /*#__PURE__*/React__default.createElement(RewardCategoryTile.Header, null), /*#__PURE__*/React__default.createElement(RewardCategoryTile.Media, null));
+  }, /*#__PURE__*/React.createElement(RewardCategoryTile.Header, null), /*#__PURE__*/React.createElement(RewardCategoryTile.Media, null));
 };
 /**
  * The RewardCategoryTile component with subcomponents attached.
@@ -21067,7 +21088,7 @@ var RewardCategoryTile$1 = withTileFetching(RewardCategoryTile);
 
 var RewardTileChevron = function () {
   var theme = useWllSdk().theme;
-  return /*#__PURE__*/React__default.createElement(Icon, {
+  return /*#__PURE__*/React.createElement(Icon, {
     name: "ChevronRight",
     color: theme.derivedSurfaceText[20]
   });
@@ -21128,12 +21149,12 @@ var RewardTileMedia = function (_a) {
   var containerStyle = {
     flexBasis: isArtworkOnly ? '100%' : '50%'
   };
-  return /*#__PURE__*/React__default.createElement(View$2
+  return /*#__PURE__*/React.createElement(View$2
   // @ts-ignore: We are using percentage values for flexBasis, which is valid in React Native but TypeScript expects a number.
   , {
     style: [styles.imageContainer, containerStyle],
     testID: "reward-tile-media"
-  }, /*#__PURE__*/React__default.createElement(ProgressiveImage, {
+  }, /*#__PURE__*/React.createElement(ProgressiveImage, {
     source: {
       uri: artworkUrl
     },
@@ -21158,22 +21179,22 @@ var RewardTilePoints = function () {
   // Calculate points
   var calculatedPoints = applyMultiplier(price, pointsMultiplier);
   var accessibilityLabel = getPointsLabel('Reward points:', calculatedPoints, pointsPrefix, pointsSuffix);
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     testID: "reward-tile-points",
     accessible: true,
     accessibilityLabel: accessibilityLabel
-  }, /*#__PURE__*/React__default.createElement(Row, {
+  }, /*#__PURE__*/React.createElement(Row, {
     align: "center",
     justify: "start",
     style: {
       marginTop: 8
     }
-  }, pointsPrefix ? /*#__PURE__*/React__default.createElement(Text, {
+  }, pointsPrefix ? /*#__PURE__*/React.createElement(Text, {
     variant: "caption"
-  }, pointsPrefix) : null, /*#__PURE__*/React__default.createElement(Text, {
+  }, pointsPrefix) : null, /*#__PURE__*/React.createElement(Text, {
     variant: "caption",
     testID: "reward-tile-points-value"
-  }, calculatedPoints), pointsSuffix ? /*#__PURE__*/React__default.createElement(Text, {
+  }, calculatedPoints), pointsSuffix ? /*#__PURE__*/React.createElement(Text, {
     variant: "caption",
     style: styles.suffix
   }, pointsSuffix) : null));
@@ -21183,10 +21204,10 @@ var RewardTileSummary = function () {
   var configuration = useTileContext().configuration;
   var summary = configuration.summary;
   if (!summary) return null;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     accessible: true,
     accessibilityLabel: summary
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     variant: "body",
     accessibilityElementsHidden: true,
     importantForAccessibility: "no-hide-descendants",
@@ -21198,7 +21219,7 @@ var RewardTileTitle = function () {
   var configuration = useTileContext().configuration;
   var name = configuration.name;
   if (!name) return null;
-  return /*#__PURE__*/React__default.createElement(Text, {
+  return /*#__PURE__*/React.createElement(Text, {
     variant: "title",
     ellipsizeMode: "tail",
     numberOfLines: 1,
@@ -21224,17 +21245,17 @@ var isArtworkOnly = function (configuration) {
 var RewardTileRoot = function (_a) {
   var tile = _a.tile;
   var styles = useRewardTileStyles();
-  if (!tile || tile.tileHeight !== TileHeight.Full || !tile.active) return null;
+  if (!tile || tile.tileHeight !== exports.TileHeight.Full || !tile.active) return null;
   var configuration = tile.configuration;
-  return /*#__PURE__*/React__default.createElement(BaseTile, {
+  return /*#__PURE__*/React.createElement(BaseTile, {
     tile: tile
-  }, /*#__PURE__*/React__default.createElement(RewardTile.Media, {
+  }, /*#__PURE__*/React.createElement(RewardTile.Media, {
     isArtworkOnly: isArtworkOnly(configuration)
-  }), /*#__PURE__*/React__default.createElement(Layout, null, /*#__PURE__*/React__default.createElement(Row, {
+  }), /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Row, {
     justify: "between",
     align: "center",
     style: styles.header
-  }, /*#__PURE__*/React__default.createElement(RewardTile.Title, null), /*#__PURE__*/React__default.createElement(RewardTile.Chevron, null)), /*#__PURE__*/React__default.createElement(RewardTile.Summary, null), /*#__PURE__*/React__default.createElement(RewardTile.Points, null)));
+  }, /*#__PURE__*/React.createElement(RewardTile.Title, null), /*#__PURE__*/React.createElement(RewardTile.Chevron, null)), /*#__PURE__*/React.createElement(RewardTile.Summary, null), /*#__PURE__*/React.createElement(RewardTile.Points, null)));
 };
 /**
  * The RewardTile component with subcomponents attached.
@@ -21298,13 +21319,13 @@ var TierTileInner = function (_a) {
   var tier = configuration.tier;
   var isHalfSize = useTileSize(tile).isHalfSize;
   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
   });
 };
@@ -21318,26 +21339,26 @@ 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.header
-  }, /*#__PURE__*/React.createElement(ProgressiveImage, {
+  }, /*#__PURE__*/React__namespace.createElement(ProgressiveImage, {
     source: {
       uri: artworkUrl
     },
     style: styles.image,
     resizeMode: "center"
-  })), /*#__PURE__*/React.createElement(Layout, {
+  })), /*#__PURE__*/React__namespace.createElement(Layout, {
     align: "stretch",
     justify: artworkUrl ? 'start' : 'center'
-  }, /*#__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.title
-  }, title), name && /*#__PURE__*/React.createElement(Text, {
+  }, title), name && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "title",
     style: styles.title
-  }, name), description && /*#__PURE__*/React.createElement(Text, {
+  }, name), description && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "body"
   }, description))));
 };
@@ -21351,30 +21372,30 @@ var TierTileHalf = function (_a) {
   var _c = tier || {},
     artworkUrl = _c.artworkUrl,
     name = _c.name;
-  return /*#__PURE__*/React.createElement(BaseTile, {
+  return /*#__PURE__*/React__namespace.createElement(BaseTile, {
     tile: tile
-  }, /*#__PURE__*/React.createElement(Layout, {
+  }, /*#__PURE__*/React__namespace.createElement(Layout, {
     align: "center",
     justify: "between",
     direction: "row",
     style: {
       paddingTop: 16
     }
-  }, /*#__PURE__*/React.createElement(View$2, {
+  }, /*#__PURE__*/React__namespace.createElement(View$2, {
     style: {
       flex: 1,
       flexShrink: 1
     }
-  }, title && /*#__PURE__*/React.createElement(Text, {
+  }, title && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "eyebrow",
     style: styles.title
-  }, title), name && /*#__PURE__*/React.createElement(Text, {
+  }, title), name && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "title",
     style: styles.name,
     numberOfLines: 2
-  }, name)), artworkUrl && /*#__PURE__*/React.createElement(View$2, {
+  }, name)), artworkUrl && /*#__PURE__*/React__namespace.createElement(View$2, {
     style: styles.smallImageContainer
-  }, /*#__PURE__*/React.createElement(Image$2, {
+  }, /*#__PURE__*/React__namespace.createElement(Image$2, {
     source: {
       uri: artworkUrl
     },
@@ -21392,23 +21413,23 @@ 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(Layout, {
+    }, /*#__PURE__*/React__namespace.createElement(Layout, {
       align: "center",
       justify: "between",
       direction: "row",
       style: {
         paddingTop: 16
       }
-    }, /*#__PURE__*/React.createElement(FullFlex, null, title && /*#__PURE__*/React.createElement(Text, {
+    }, /*#__PURE__*/React__namespace.createElement(FullFlex, null, title && /*#__PURE__*/React__namespace.createElement(Text, {
       variant: "title",
       style: styles.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.smallImageContainer
-    }, /*#__PURE__*/React.createElement(Image$2, {
+    }, /*#__PURE__*/React__namespace.createElement(Image$2, {
       source: {
         uri: emptyArtworkUrl
       },
@@ -21416,23 +21437,23 @@ 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.header
-  }, /*#__PURE__*/React.createElement(ProgressiveImage, {
+  }, /*#__PURE__*/React__namespace.createElement(ProgressiveImage, {
     source: {
       uri: emptyArtworkUrl
     },
     style: styles.image,
     resizeMode: "center"
-  })), /*#__PURE__*/React.createElement(Layout, {
+  })), /*#__PURE__*/React__namespace.createElement(Layout, {
     align: "stretch",
     justify: "center"
-  }, /*#__PURE__*/React.createElement(Layout, null, title && /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__namespace.createElement(Layout, null, title && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "title",
     style: styles.title
-  }, title), emptyDescription && /*#__PURE__*/React.createElement(Text, {
+  }, title), emptyDescription && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "body"
   }, emptyDescription))));
 };
@@ -21442,24 +21463,24 @@ TierTile.Half = TierTileHalf;
 TierTile.Empty = TierTileEmpty;
 
 var _a;
-var TILE_COMPONENTS = (_a = {}, _a[TileType.Content] = ContentTile$1, _a[TileType.Badge] = BadgeTile$1, _a[TileType.Tier] = TierTile, _a[TileType.Points] = PointsTile$1, _a[TileType.Reward] = RewardTile$1, _a[TileType.RewardCategory] = RewardCategoryTile$1, _a[TileType.Banner] = BannerTile$1, _a);
+var TILE_COMPONENTS = (_a = {}, _a[exports.TileType.Content] = ContentTile$1, _a[exports.TileType.Badge] = BadgeTile$1, _a[exports.TileType.Tier] = TierTile, _a[exports.TileType.Points] = PointsTile$1, _a[exports.TileType.Reward] = RewardTile$1, _a[exports.TileType.RewardCategory] = RewardCategoryTile$1, _a[exports.TileType.Banner] = BannerTile$1, _a);
 /**
  * TileContainer component to render a list of tiles with proper layout and spacing.
  */
 var TileContainer = function (_a) {
   var tiles = _a.tiles;
-  return /*#__PURE__*/React__default.createElement(View$2, {
+  return /*#__PURE__*/React.createElement(View$2, {
     style: styles.container,
     testID: "tile-container"
   }, tiles.map(function (tile, index) {
     var TileComponent = TILE_COMPONENTS[tile.type];
     var isHalfSize = useTileSize(tile).isHalfSize;
-    return /*#__PURE__*/React__default.createElement(View$2, {
+    return /*#__PURE__*/React.createElement(View$2, {
       key: tile.id,
       style: [styles.tileContainer, isHalfSize && styles.halfTileContainer, index > 0 && {
         marginTop: GRID_GAP
       }]
-    }, TileComponent ? /*#__PURE__*/React__default.createElement(TileComponent, {
+    }, TileComponent ? /*#__PURE__*/React.createElement(TileComponent, {
       tile: tile
     }) : null);
   }));
@@ -21485,5 +21506,45 @@ var Reward = /** @class */function () {
   return Reward;
 }();
 
-export { BadgeTile$1 as BadgeTile, BadgeTileConfig, BadgeTileType, BannerTile$1 as BannerTile, BannerTileConfig, BaseBanner, BaseTile, Button, CTALinkTarget, Carousel, Column, ContentTile$1 as ContentTile, ContentTileConfig, FullFlex, Grid, Group, Icon, Indicator, Layout, LoadingIndicator, PointsTile$1 as PointsTile, PointsTileConfig, ProgressBar, ProgressIndicator, ProgressType, ProgressiveImage, Reward, RewardCategoryTile$1 as RewardCategoryTile, RewardCategoryTileConfig, RewardTile$1 as RewardTile, RewardTileConfig, Row, Section, SectionHeader, SectionType, Skeleton, Spacer, Text, TierTileConfig, TierTileType, TierTile as TierTileUpdated, TileContainer, TileHeight, TileType, WllSdkProvider, alignMap, justifyMap, useWllSdk };
+exports.BadgeTile = BadgeTile$1;
+exports.BadgeTileConfig = BadgeTileConfig;
+exports.BannerTile = BannerTile$1;
+exports.BannerTileConfig = BannerTileConfig;
+exports.BaseBanner = BaseBanner;
+exports.BaseTile = BaseTile;
+exports.Button = Button;
+exports.Carousel = Carousel;
+exports.Column = Column;
+exports.ContentTile = ContentTile$1;
+exports.ContentTileConfig = ContentTileConfig;
+exports.FullFlex = FullFlex;
+exports.Grid = Grid;
+exports.Group = Group;
+exports.Icon = Icon;
+exports.Indicator = Indicator;
+exports.Layout = Layout;
+exports.LoadingIndicator = LoadingIndicator;
+exports.PointsTile = PointsTile$1;
+exports.PointsTileConfig = PointsTileConfig;
+exports.ProgressBar = ProgressBar;
+exports.ProgressIndicator = ProgressIndicator;
+exports.ProgressiveImage = ProgressiveImage;
+exports.Reward = Reward;
+exports.RewardCategoryTile = RewardCategoryTile$1;
+exports.RewardCategoryTileConfig = RewardCategoryTileConfig;
+exports.RewardTile = RewardTile$1;
+exports.RewardTileConfig = RewardTileConfig;
+exports.Row = Row;
+exports.Section = Section;
+exports.SectionHeader = SectionHeader;
+exports.Skeleton = Skeleton;
+exports.Spacer = Spacer;
+exports.Text = Text;
+exports.TierTileConfig = TierTileConfig;
+exports.TierTileUpdated = TierTile;
+exports.TileContainer = TileContainer;
+exports.WllSdkProvider = WllSdkProvider;
+exports.alignMap = alignMap;
+exports.justifyMap = justifyMap;
+exports.useWllSdk = useWllSdk;
 //# sourceMappingURL=index.js.map