@wlloyalty/wll-react-sdk 1.8.1 → 1.10.0-alpha.20260628090616.f2fb2a1

package/dist/native.js

@@ -1,444 +1,31 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var reactNative = require('react-native');
+var React = require('react');
 var Color = require('color');
 var LucideReactIcons = 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]; }
+    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);
+    }
+    n.default = e;
+    return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var LucideReactIcons__namespace = /*#__PURE__*/_interopNamespaceDefault(LucideReactIcons);
 
-var jsxRuntime = {exports: {}};
-
-var reactJsxRuntime_production = {};
-
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactJsxRuntime_production;
-
-function requireReactJsxRuntime_production () {
-	if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-	hasRequiredReactJsxRuntime_production = 1;
-	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-	  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-	function jsxProd(type, config, maybeKey) {
-	  var key = null;
-	  void 0 !== maybeKey && (key = "" + maybeKey);
-	  void 0 !== config.key && (key = "" + config.key);
-	  if ("key" in config) {
-	    maybeKey = {};
-	    for (var propName in config)
-	      "key" !== propName && (maybeKey[propName] = config[propName]);
-	  } else maybeKey = config;
-	  config = maybeKey.ref;
-	  return {
-	    $$typeof: REACT_ELEMENT_TYPE,
-	    type: type,
-	    key: key,
-	    ref: void 0 !== config ? config : null,
-	    props: maybeKey
-	  };
-	}
-	reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-	reactJsxRuntime_production.jsx = jsxProd;
-	reactJsxRuntime_production.jsxs = jsxProd;
-	return reactJsxRuntime_production;
-}
-
-var reactJsxRuntime_development = {};
-
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactJsxRuntime_development;
-
-function requireReactJsxRuntime_development () {
-	if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-	hasRequiredReactJsxRuntime_development = 1;
-	"production" !== process.env.NODE_ENV &&
-	  (function () {
-	    function getComponentNameFromType(type) {
-	      if (null == type) return null;
-	      if ("function" === typeof type)
-	        return type.$$typeof === REACT_CLIENT_REFERENCE
-	          ? null
-	          : type.displayName || type.name || null;
-	      if ("string" === typeof type) return type;
-	      switch (type) {
-	        case REACT_FRAGMENT_TYPE:
-	          return "Fragment";
-	        case REACT_PROFILER_TYPE:
-	          return "Profiler";
-	        case REACT_STRICT_MODE_TYPE:
-	          return "StrictMode";
-	        case REACT_SUSPENSE_TYPE:
-	          return "Suspense";
-	        case REACT_SUSPENSE_LIST_TYPE:
-	          return "SuspenseList";
-	        case REACT_ACTIVITY_TYPE:
-	          return "Activity";
-	      }
-	      if ("object" === typeof type)
-	        switch (
-	          ("number" === typeof type.tag &&
-	            console.error(
-	              "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-	            ),
-	          type.$$typeof)
-	        ) {
-	          case REACT_PORTAL_TYPE:
-	            return "Portal";
-	          case REACT_CONTEXT_TYPE:
-	            return type.displayName || "Context";
-	          case REACT_CONSUMER_TYPE:
-	            return (type._context.displayName || "Context") + ".Consumer";
-	          case REACT_FORWARD_REF_TYPE:
-	            var innerType = type.render;
-	            type = type.displayName;
-	            type ||
-	              ((type = innerType.displayName || innerType.name || ""),
-	              (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
-	            return type;
-	          case REACT_MEMO_TYPE:
-	            return (
-	              (innerType = type.displayName || null),
-	              null !== innerType
-	                ? innerType
-	                : getComponentNameFromType(type.type) || "Memo"
-	            );
-	          case REACT_LAZY_TYPE:
-	            innerType = type._payload;
-	            type = type._init;
-	            try {
-	              return getComponentNameFromType(type(innerType));
-	            } catch (x) {}
-	        }
-	      return null;
-	    }
-	    function testStringCoercion(value) {
-	      return "" + value;
-	    }
-	    function checkKeyStringCoercion(value) {
-	      try {
-	        testStringCoercion(value);
-	        var JSCompiler_inline_result = !1;
-	      } catch (e) {
-	        JSCompiler_inline_result = !0;
-	      }
-	      if (JSCompiler_inline_result) {
-	        JSCompiler_inline_result = console;
-	        var JSCompiler_temp_const = JSCompiler_inline_result.error;
-	        var JSCompiler_inline_result$jscomp$0 =
-	          ("function" === typeof Symbol &&
-	            Symbol.toStringTag &&
-	            value[Symbol.toStringTag]) ||
-	          value.constructor.name ||
-	          "Object";
-	        JSCompiler_temp_const.call(
-	          JSCompiler_inline_result,
-	          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-	          JSCompiler_inline_result$jscomp$0
-	        );
-	        return testStringCoercion(value);
-	      }
-	    }
-	    function getTaskName(type) {
-	      if (type === REACT_FRAGMENT_TYPE) return "<>";
-	      if (
-	        "object" === typeof type &&
-	        null !== type &&
-	        type.$$typeof === REACT_LAZY_TYPE
-	      )
-	        return "<...>";
-	      try {
-	        var name = getComponentNameFromType(type);
-	        return name ? "<" + name + ">" : "<...>";
-	      } catch (x) {
-	        return "<...>";
-	      }
-	    }
-	    function getOwner() {
-	      var dispatcher = ReactSharedInternals.A;
-	      return null === dispatcher ? null : dispatcher.getOwner();
-	    }
-	    function UnknownOwner() {
-	      return Error("react-stack-top-frame");
-	    }
-	    function hasValidKey(config) {
-	      if (hasOwnProperty.call(config, "key")) {
-	        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-	        if (getter && getter.isReactWarning) return !1;
-	      }
-	      return void 0 !== config.key;
-	    }
-	    function defineKeyPropWarningGetter(props, displayName) {
-	      function warnAboutAccessingKey() {
-	        specialPropKeyWarningShown ||
-	          ((specialPropKeyWarningShown = !0),
-	          console.error(
-	            "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-	            displayName
-	          ));
-	      }
-	      warnAboutAccessingKey.isReactWarning = !0;
-	      Object.defineProperty(props, "key", {
-	        get: warnAboutAccessingKey,
-	        configurable: !0
-	      });
-	    }
-	    function elementRefGetterWithDeprecationWarning() {
-	      var componentName = getComponentNameFromType(this.type);
-	      didWarnAboutElementRef[componentName] ||
-	        ((didWarnAboutElementRef[componentName] = !0),
-	        console.error(
-	          "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-	        ));
-	      componentName = this.props.ref;
-	      return void 0 !== componentName ? componentName : null;
-	    }
-	    function ReactElement(type, key, props, owner, debugStack, debugTask) {
-	      var refProp = props.ref;
-	      type = {
-	        $$typeof: REACT_ELEMENT_TYPE,
-	        type: type,
-	        key: key,
-	        props: props,
-	        _owner: owner
-	      };
-	      null !== (void 0 !== refProp ? refProp : null)
-	        ? Object.defineProperty(type, "ref", {
-	            enumerable: !1,
-	            get: elementRefGetterWithDeprecationWarning
-	          })
-	        : Object.defineProperty(type, "ref", { enumerable: !1, value: null });
-	      type._store = {};
-	      Object.defineProperty(type._store, "validated", {
-	        configurable: !1,
-	        enumerable: !1,
-	        writable: !0,
-	        value: 0
-	      });
-	      Object.defineProperty(type, "_debugInfo", {
-	        configurable: !1,
-	        enumerable: !1,
-	        writable: !0,
-	        value: null
-	      });
-	      Object.defineProperty(type, "_debugStack", {
-	        configurable: !1,
-	        enumerable: !1,
-	        writable: !0,
-	        value: debugStack
-	      });
-	      Object.defineProperty(type, "_debugTask", {
-	        configurable: !1,
-	        enumerable: !1,
-	        writable: !0,
-	        value: debugTask
-	      });
-	      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-	      return type;
-	    }
-	    function jsxDEVImpl(
-	      type,
-	      config,
-	      maybeKey,
-	      isStaticChildren,
-	      debugStack,
-	      debugTask
-	    ) {
-	      var children = config.children;
-	      if (void 0 !== children)
-	        if (isStaticChildren)
-	          if (isArrayImpl(children)) {
-	            for (
-	              isStaticChildren = 0;
-	              isStaticChildren < children.length;
-	              isStaticChildren++
-	            )
-	              validateChildKeys(children[isStaticChildren]);
-	            Object.freeze && Object.freeze(children);
-	          } else
-	            console.error(
-	              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-	            );
-	        else validateChildKeys(children);
-	      if (hasOwnProperty.call(config, "key")) {
-	        children = getComponentNameFromType(type);
-	        var keys = Object.keys(config).filter(function (k) {
-	          return "key" !== k;
-	        });
-	        isStaticChildren =
-	          0 < keys.length
-	            ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
-	            : "{key: someKey}";
-	        didWarnAboutKeySpread[children + isStaticChildren] ||
-	          ((keys =
-	            0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-	          console.error(
-	            'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
-	            isStaticChildren,
-	            children,
-	            keys,
-	            children
-	          ),
-	          (didWarnAboutKeySpread[children + isStaticChildren] = !0));
-	      }
-	      children = null;
-	      void 0 !== maybeKey &&
-	        (checkKeyStringCoercion(maybeKey), (children = "" + maybeKey));
-	      hasValidKey(config) &&
-	        (checkKeyStringCoercion(config.key), (children = "" + config.key));
-	      if ("key" in config) {
-	        maybeKey = {};
-	        for (var propName in config)
-	          "key" !== propName && (maybeKey[propName] = config[propName]);
-	      } else maybeKey = config;
-	      children &&
-	        defineKeyPropWarningGetter(
-	          maybeKey,
-	          "function" === typeof type
-	            ? type.displayName || type.name || "Unknown"
-	            : type
-	        );
-	      return ReactElement(
-	        type,
-	        children,
-	        maybeKey,
-	        getOwner(),
-	        debugStack,
-	        debugTask
-	      );
-	    }
-	    function validateChildKeys(node) {
-	      isValidElement(node)
-	        ? node._store && (node._store.validated = 1)
-	        : "object" === typeof node &&
-	          null !== node &&
-	          node.$$typeof === REACT_LAZY_TYPE &&
-	          ("fulfilled" === node._payload.status
-	            ? isValidElement(node._payload.value) &&
-	              node._payload.value._store &&
-	              (node._payload.value._store.validated = 1)
-	            : node._store && (node._store.validated = 1));
-	    }
-	    function isValidElement(object) {
-	      return (
-	        "object" === typeof object &&
-	        null !== object &&
-	        object.$$typeof === REACT_ELEMENT_TYPE
-	      );
-	    }
-	    var React$1 = React,
-	      REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-	      REACT_PORTAL_TYPE = Symbol.for("react.portal"),
-	      REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
-	      REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-	      REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
-	      REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
-	      REACT_CONTEXT_TYPE = Symbol.for("react.context"),
-	      REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
-	      REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
-	      REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
-	      REACT_MEMO_TYPE = Symbol.for("react.memo"),
-	      REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-	      REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
-	      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-	      ReactSharedInternals =
-	        React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-	      hasOwnProperty = Object.prototype.hasOwnProperty,
-	      isArrayImpl = Array.isArray,
-	      createTask = console.createTask
-	        ? console.createTask
-	        : function () {
-	            return null;
-	          };
-	    React$1 = {
-	      react_stack_bottom_frame: function (callStackForError) {
-	        return callStackForError();
-	      }
-	    };
-	    var specialPropKeyWarningShown;
-	    var didWarnAboutElementRef = {};
-	    var unknownOwnerDebugStack = React$1.react_stack_bottom_frame.bind(
-	      React$1,
-	      UnknownOwner
-	    )();
-	    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-	    var didWarnAboutKeySpread = {};
-	    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-	    reactJsxRuntime_development.jsx = function (type, config, maybeKey) {
-	      var trackActualOwner =
-	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-	      return jsxDEVImpl(
-	        type,
-	        config,
-	        maybeKey,
-	        !1,
-	        trackActualOwner
-	          ? Error("react-stack-top-frame")
-	          : unknownOwnerDebugStack,
-	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-	      );
-	    };
-	    reactJsxRuntime_development.jsxs = function (type, config, maybeKey) {
-	      var trackActualOwner =
-	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-	      return jsxDEVImpl(
-	        type,
-	        config,
-	        maybeKey,
-	        !0,
-	        trackActualOwner
-	          ? Error("react-stack-top-frame")
-	          : unknownOwnerDebugStack,
-	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-	      );
-	    };
-	  })();
-	return reactJsxRuntime_development;
-}
-
-if (process.env.NODE_ENV === 'production') {
-  jsxRuntime.exports = requireReactJsxRuntime_production();
-} else {
-  jsxRuntime.exports = requireReactJsxRuntime_development();
-}
-
-var jsxRuntimeExports = jsxRuntime.exports;
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -1052,7 +639,7 @@ function ResponsiveProvider(_a) {
             }
         };
     }, [getDerivedState]);
-    return (jsxRuntimeExports.jsx(ResponsiveContext.Provider, { value: value, children: children }));
+    return (jsxRuntime.jsx(ResponsiveContext.Provider, { value: value, children: children }));
 }
 function useResponsive() {
     var context = React.useContext(ResponsiveContext);
@@ -1072,8 +659,9 @@ exports.CoreApiUrl = void 0;
 })(exports.CoreApiUrl || (exports.CoreApiUrl = {}));
 var createTheme = function (baseTheme) {
     if (baseTheme === void 0) { baseTheme = {}; }
-    var mergedTheme = __assign(__assign({}, defaultTheme), baseTheme);
-    return __assign(__assign({}, mergedTheme), { sizes: sizes, derivedBackground: getDerivedColor(mergedTheme.background), primaryText: getReadableTextColor(mergedTheme.primary), accentText: getReadableTextColor(mergedTheme.accent), positiveText: getReadableTextColor(mergedTheme.positive), negativeText: getReadableTextColor(mergedTheme.negative), derivedSurface: getDerivedColorPercentages(mergedTheme.surface), derivedSurfaceText: getDerivedColorPercentages(mergedTheme.surfaceText), alphaDerivedPrimary: getAlphaDerivedColors(mergedTheme.primary), alphaDerivedText: getAlphaDerivedColors(mergedTheme.text) });
+    var userSizes = baseTheme.sizes, restBaseTheme = __rest(baseTheme, ["sizes"]);
+    var mergedTheme = __assign(__assign({}, defaultTheme), restBaseTheme);
+    return __assign(__assign({}, mergedTheme), { sizes: __assign(__assign({}, sizes), userSizes), derivedBackground: getDerivedColor(mergedTheme.background), primaryText: getReadableTextColor(mergedTheme.primary), accentText: getReadableTextColor(mergedTheme.accent), positiveText: getReadableTextColor(mergedTheme.positive), negativeText: getReadableTextColor(mergedTheme.negative), derivedSurface: getDerivedColorPercentages(mergedTheme.surface), derivedSurfaceText: getDerivedColorPercentages(mergedTheme.surfaceText), alphaDerivedPrimary: getAlphaDerivedColors(mergedTheme.primary), alphaDerivedText: getAlphaDerivedColors(mergedTheme.text) });
 };
 var WllSdkContext = React.createContext(undefined);
 var WllSdkProvider = function (_a) {
@@ -1137,7 +725,7 @@ var WllSdkProvider = function (_a) {
         subscribeToDataChange,
         config,
     ]);
-    return (jsxRuntimeExports.jsx(WllSdkContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx(ResponsiveProvider, { children: children }) }));
+    return (jsxRuntime.jsx(WllSdkContext.Provider, { value: contextValue, children: jsxRuntime.jsx(ResponsiveProvider, { children: children }) }));
 };
 var useWllSdk = function () {
     var context = React.useContext(WllSdkContext);
@@ -1266,7 +854,7 @@ var Button = function (_a) {
     var buttonStyle = useButtonStyles(theme, variant);
     var textStyle = useTextStyles(theme, variant);
     var styles = useButtonDynamicStyles();
-    return (jsxRuntimeExports.jsxs(reactNative.Pressable, { style: function (_a) {
+    return (jsxRuntime.jsxs(reactNative.Pressable, { style: function (_a) {
             var pressed = _a.pressed;
             return [
                 styles.button,
@@ -1275,7 +863,7 @@ var Button = function (_a) {
                 disabled && { opacity: 0.5 },
                 pressed && { opacity: 0.7 },
             ];
-        }, onPress: onPress, disabled: disabled, accessible: true, role: "button", accessibilityLabel: accessibilityLabel || title, accessibilityHint: accessibilityHint, accessibilityState: { disabled: disabled }, testID: testID, children: [icon && icon, title && jsxRuntimeExports.jsx(reactNative.Text, { style: [styles.text, textStyle], children: title })] }));
+        }, onPress: onPress, disabled: disabled, accessible: true, role: "button", accessibilityLabel: accessibilityLabel || title, accessibilityHint: accessibilityHint, accessibilityState: { disabled: disabled }, testID: testID, children: [icon && icon, title && jsxRuntime.jsx(reactNative.Text, { style: [styles.text, textStyle], children: title })] }));
 };
 
 var LucideReactNativeIcons;
@@ -1302,22 +890,22 @@ var Icon = function (_a) {
         return null;
     }
     if (reactNative.Platform.OS === 'web') {
-        return (jsxRuntimeExports.jsx(reactNative.View, __assign({}, props, { children: jsxRuntimeExports.jsx(LucideIcon, { color: color, size: size, strokeWidth: strokeWidth }) })));
+        return (jsxRuntime.jsx(reactNative.View, __assign({}, props, { children: jsxRuntime.jsx(LucideIcon, { color: color, size: size, strokeWidth: strokeWidth }) })));
     }
     else {
-        return (jsxRuntimeExports.jsx(reactNative.View, __assign({}, props, { children: jsxRuntimeExports.jsx(LucideIcon, { color: color, size: size, strokeWidth: strokeWidth }) })));
+        return (jsxRuntime.jsx(reactNative.View, __assign({}, props, { children: jsxRuntime.jsx(LucideIcon, { color: color, size: size, strokeWidth: strokeWidth }) })));
     }
 };
 
 var LoadingIndicator = function () {
     var theme = useWllSdk().theme;
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: [
+    return (jsxRuntime.jsx(reactNative.View, { style: [
             styles$8.container,
             {
                 borderRadius: theme.sizes.borderRadiusSm,
                 padding: theme.sizes.md,
             },
-        ], children: jsxRuntimeExports.jsx(reactNative.ActivityIndicator, { size: "small", color: theme.primary }) }));
+        ], children: jsxRuntime.jsx(reactNative.ActivityIndicator, { size: "small", color: theme.primary }) }));
 };
 var styles$8 = reactNative.StyleSheet.create({
     container: {
@@ -1381,7 +969,7 @@ var ProgressBar = function (_a) {
             outputRange: ['0%', '100%'],
         }),
     };
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: containerStyle, children: jsxRuntimeExports.jsx(reactNative.Animated.View, { style: [styles.progress, progressStyles, progressWidth] }) }));
+    return (jsxRuntime.jsx(reactNative.View, { style: containerStyle, children: jsxRuntime.jsx(reactNative.Animated.View, { style: [styles.progress, progressStyles, progressWidth] }) }));
 };
 
 exports.CTALinkTarget = void 0;
@@ -1656,7 +1244,7 @@ var Text = function (_a) {
         styles.webOverrides,
         style,
     ];
-    return (jsxRuntimeExports.jsx(reactNative.Text, __assign({ style: combinedStyles }, props, { accessible: true, role: accessibilityRole })));
+    return (jsxRuntime.jsx(reactNative.Text, __assign({ style: combinedStyles }, props, { accessible: true, role: accessibilityRole })));
 };
 
 /**
@@ -1684,7 +1272,7 @@ var BaseTileBody = function (props) {
             return undefined;
         return isDesktop ? 3 : isTablet ? 4 : 3;
     };
-    return (jsxRuntimeExports.jsx(Text, __assign({ variant: "body" }, props, { role: "article", accessibilityLabel: body, numberOfLines: getNumberOfLines(), testID: "tile-body", children: body })));
+    return (jsxRuntime.jsx(Text, __assign({ variant: "body" }, props, { role: "article", accessibilityLabel: body, numberOfLines: getNumberOfLines(), testID: "tile-body", children: body })));
 };
 
 /**
@@ -1828,7 +1416,7 @@ var BaseTileContent = function (_a) {
         return null;
     if (shouldHideContentForHalfTile(sizeInfo, artworkUrl))
         return null;
-    return (jsxRuntimeExports.jsx(reactNative.View, { testID: "tile-content", style: [
+    return (jsxRuntime.jsx(reactNative.View, { testID: "tile-content", style: [
             baseStyles.content,
             {
                 justifyContent: 'center',
@@ -1857,7 +1445,7 @@ var BaseTileHeader = function (_a) {
         return null;
     var dynamicStyles = useBaseTileStyles();
     var combinedStyle = __assign(__assign(__assign({}, dynamicStyles.header), { marginTop: sizeInfo.isHalfSize ? 0 : dynamicStyles.header.marginTop }), (sizeInfo.isHalfSize ? { alignItems: 'center' } : {}));
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: combinedStyle, testID: "tile-header", role: "heading", children: children }));
+    return (jsxRuntime.jsx(reactNative.View, { style: combinedStyle, testID: "tile-header", role: "heading", children: children }));
 };
 
 /**
@@ -1874,7 +1462,7 @@ var BaseTileMedia = function (props) {
     var styles = useBaseTileStyles();
     if (!artworkUrl)
         return null;
-    return (jsxRuntimeExports.jsxs(reactNative.View, { style: baseStyles.imageContainer, children: [jsxRuntimeExports.jsx(ProgressiveImage, __assign({}, props, { source: { uri: artworkUrl }, testID: "tile-media", style: [props.style, baseStyles.media, styles.media], alt: "Content image".concat(title ? " for ".concat(title) : ''), role: "img" })), isLocked && (jsxRuntimeExports.jsx(reactNative.View, { style: styles.lockOverlay, testID: "lock-overlay", children: jsxRuntimeExports.jsx(Icon, { name: "LockKeyhole", size: 48, color: "white" }) }))] }));
+    return (jsxRuntime.jsxs(reactNative.View, { style: baseStyles.imageContainer, children: [jsxRuntime.jsx(ProgressiveImage, __assign({}, props, { source: { uri: artworkUrl }, testID: "tile-media", style: [props.style, baseStyles.media, styles.media], alt: "Content image".concat(title ? " for ".concat(title) : ''), role: "img" })), isLocked && (jsxRuntime.jsx(reactNative.View, { style: styles.lockOverlay, testID: "lock-overlay", children: jsxRuntime.jsx(Icon, { name: "LockKeyhole", size: 48, color: "white" }) }))] }));
 };
 
 /**
@@ -1897,7 +1485,7 @@ var BaseTileTitle = function () {
     // Don't show title for half tiles with image
     if ((isHalfSize && artworkUrl) || !title)
         return null;
-    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Text, { variant: "title", role: "heading", accessibilityLabel: title, numberOfLines: 1, testID: "tile-title", children: title }), ctaLink && (jsxRuntimeExports.jsx(Icon, { name: "ChevronRight", color: (_b = (_a = sdk.theme) === null || _a === void 0 ? void 0 : _a.derivedSurfaceText) === null || _b === void 0 ? void 0 : _b[20], accessibilityLabel: "View details" }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Text, { variant: "title", role: "heading", accessibilityLabel: title, numberOfLines: 1, testID: "tile-title", children: title }), ctaLink && (jsxRuntime.jsx(Icon, { name: "ChevronRight", color: (_b = (_a = sdk.theme) === null || _a === void 0 ? void 0 : _a.derivedSurfaceText) === null || _b === void 0 ? void 0 : _b[20], accessibilityLabel: "View details" }))] }));
 };
 
 /**
@@ -1940,7 +1528,7 @@ var BaseTileContainer = function (_a) {
     };
     var dynamicStyles = useBaseTileStyles();
     if (isInteractive) {
-        return (jsxRuntimeExports.jsx(reactNative.Pressable, { style: function (_a) {
+        return (jsxRuntime.jsx(reactNative.Pressable, { style: function (_a) {
                 var pressed = _a.pressed;
                 return [
                     baseStyles.container,
@@ -1955,7 +1543,7 @@ var BaseTileContainer = function (_a) {
             }, onPress: handlePress, accessible: true, role: "button", accessibilityLabel: "".concat(title, " - Click to open"), accessibilityState: { disabled: !ctaLink }, children: children }));
     }
     else {
-        return (jsxRuntimeExports.jsx(reactNative.View, { style: [
+        return (jsxRuntime.jsx(reactNative.View, { style: [
                 baseStyles.container,
                 dynamicStyles.container,
                 {
@@ -1978,7 +1566,7 @@ var BaseTileRoot = function (_a) {
         console.warn('BaseTile: No tile provided');
         return null;
     }
-    return (jsxRuntimeExports.jsx(TileContext.Provider, { value: tile, children: jsxRuntimeExports.jsx(BaseTile.Container, { style: style, children: children }) }));
+    return (jsxRuntime.jsx(TileContext.Provider, { value: tile, children: jsxRuntime.jsx(BaseTile.Container, { style: style, children: children }) }));
 };
 /**
  * BaseTile component with subcomponents attached.
@@ -2010,19 +1598,19 @@ var ProgressiveImage = function (_a) {
     var baseColor = theme.alphaDerivedPrimary[20];
     var desaturatedColor = desaturateColor(baseColor);
     var backgroundColor = isDesaturated ? desaturatedColor : baseColor;
-    var baseImage = (jsxRuntimeExports.jsx(reactNative.Animated.Image, __assign({}, props, { source: source, style: [
+    var baseImage = (jsxRuntime.jsx(reactNative.Animated.Image, __assign({}, props, { source: source, style: [
             styles$7.imageOverlay,
             style,
             __assign({ opacity: imageAnimated }, (IS_WEB && {
                 filter: isDesaturated ? 'grayscale(100%)' : undefined,
             })),
         ], onLoad: onImageLoad, accessibilityLabel: alt, accessible: true, role: "img" })));
-    return (jsxRuntimeExports.jsxs(reactNative.View, { style: [
+    return (jsxRuntime.jsxs(reactNative.View, { style: [
             styles$7.container,
             isHalfHeight && { minHeight: 0 },
             style,
             { backgroundColor: backgroundColor },
-        ], children: [jsxRuntimeExports.jsx(reactNative.Animated.View, { style: [
+        ], children: [jsxRuntime.jsx(reactNative.Animated.View, { style: [
                     styles$7.imageOverlay,
                     {
                         backgroundColor: backgroundColor,
@@ -2033,7 +1621,7 @@ var ProgressiveImage = function (_a) {
                     },
                 ] }), IS_WEB ? (baseImage) : (
             // For React Native, use the overlay technique
-            jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [baseImage, isDesaturated && (jsxRuntimeExports.jsx(reactNative.Animated.Image, __assign({}, props, { source: source, style: [
+            jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [baseImage, isDesaturated && (jsxRuntime.jsx(reactNative.Animated.Image, __assign({}, props, { source: source, style: [
                             styles$7.imageOverlay,
                             style,
                             {
@@ -2090,12 +1678,12 @@ var BaseBanner = function (_a) {
             borderRadius: theme.sizes.borderRadiusLg,
         },
     ];
-    return jsxRuntimeExports.jsx(BannerContext.Provider, { value: tile, children: isInteractive ? (jsxRuntimeExports.jsx(reactNative.Pressable, { testID: testID || 'banner-tile', style: function (_a) {
+    return jsxRuntime.jsx(BannerContext.Provider, { value: tile, children: isInteractive ? (jsxRuntime.jsx(reactNative.Pressable, { testID: testID || 'banner-tile', style: function (_a) {
                 var pressed = _a.pressed;
                 return __spreadArray(__spreadArray([], commonStyles, true), [
                     { opacity: pressed ? 0.7 : 1 },
                 ], false);
-            }, onPress: handlePress, accessible: true, role: "button", accessibilityLabel: accessibilityLabel || "".concat(title, " - Click to open"), children: children })) : (jsxRuntimeExports.jsx(reactNative.View, { testID: testID || 'banner-tile', style: commonStyles, accessible: true, role: "article", accessibilityLabel: accessibilityLabel || title || 'Banner', children: children })) });
+            }, onPress: handlePress, accessible: true, role: "button", accessibilityLabel: accessibilityLabel || "".concat(title, " - Click to open"), children: children })) : (jsxRuntime.jsx(reactNative.View, { testID: testID || 'banner-tile', style: commonStyles, accessible: true, role: "article", accessibilityLabel: accessibilityLabel || title || 'Banner', children: children })) });
 };
 var styles$6 = reactNative.StyleSheet.create({
     container: {
@@ -2117,7 +1705,7 @@ var Indicator = function () {
             return 'Tablet Layout';
         return 'Mobile Layout';
     };
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: styles$5.indicator, children: jsxRuntimeExports.jsx(reactNative.Text, { style: styles$5.indicatorText, children: getCurrentLayout() }) }));
+    return (jsxRuntime.jsx(reactNative.View, { style: styles$5.indicator, children: jsxRuntime.jsx(reactNative.Text, { style: styles$5.indicatorText, children: getCurrentLayout() }) }));
 };
 var styles$5 = reactNative.StyleSheet.create({
     indicator: {
@@ -2168,7 +1756,7 @@ var SkeletonTile = function (_a) {
         inputRange: [0, 1],
         outputRange: [0.3, 0.7],
     });
-    return (jsxRuntimeExports.jsx(reactNative.Animated.View, { style: [
+    return (jsxRuntime.jsx(reactNative.Animated.View, { style: [
             styles$4.container,
             {
                 opacity: opacity,
@@ -2210,7 +1798,7 @@ var Skeleton = function (_a) {
         inputRange: [0, 1],
         outputRange: [0.3, 0.7],
     });
-    return (jsxRuntimeExports.jsxs(reactNative.View, { testID: "loading-skeleton", children: [jsxRuntimeExports.jsx(reactNative.Animated.View, { style: [
+    return (jsxRuntime.jsxs(reactNative.View, { testID: "loading-skeleton", children: [jsxRuntime.jsx(reactNative.Animated.View, { style: [
                     styles$3.skeleton,
                     styles$3.title,
                     {
@@ -2218,7 +1806,7 @@ var Skeleton = function (_a) {
                         backgroundColor: theme.alphaDerivedText[20],
                         borderRadius: 6,
                     },
-                ] }), jsxRuntimeExports.jsx(reactNative.Animated.View, { style: [
+                ] }), jsxRuntime.jsx(reactNative.Animated.View, { style: [
                     styles$3.skeleton,
                     styles$3.body,
                     {
@@ -2226,7 +1814,7 @@ var Skeleton = function (_a) {
                         backgroundColor: theme.alphaDerivedText[20],
                         borderRadius: 6,
                     },
-                ] }), jsxRuntimeExports.jsx(reactNative.Animated.View, { style: [styles$3.container, style], children: Array.from({ length: numberOfSquares }).map(function (_, index) { return (jsxRuntimeExports.jsx(SkeletonTile, {}, index)); }) })] }));
+                ] }), jsxRuntime.jsx(reactNative.Animated.View, { style: [styles$3.container, style], children: Array.from({ length: numberOfSquares }).map(function (_, index) { return (jsxRuntime.jsx(SkeletonTile, {}, index)); }) })] }));
 };
 var styles$3 = reactNative.StyleSheet.create({
     container: {
@@ -2299,12 +1887,12 @@ function withTileFetching(WrappedComponent) {
             }
         }, [tile, tileId, getTileByID]);
         if (isLoading) {
-            return jsxRuntimeExports.jsx(SkeletonTile, { style: { width: '100%' } });
+            return jsxRuntime.jsx(SkeletonTile, { style: { width: '100%' } });
         }
         if (error || !tileData) {
-            return (jsxRuntimeExports.jsx(reactNative.View, { style: commonStyles.emptyContainer, children: jsxRuntimeExports.jsx(reactNative.Text, { children: "No tile data available" }) }));
+            return (jsxRuntime.jsx(reactNative.View, { style: commonStyles.emptyContainer, children: jsxRuntime.jsx(reactNative.Text, { children: "No tile data available" }) }));
         }
-        return jsxRuntimeExports.jsx(WrappedComponent, __assign({}, props, { tile: tileData }));
+        return jsxRuntime.jsx(WrappedComponent, __assign({}, props, { tile: tileData }));
     };
 }
 
@@ -2391,7 +1979,7 @@ var BadgeTileDateEarned = function () {
         ? badgeNotEarnedMessage
         : "".concat(awardedDatePrefix).concat(formattedDate);
     var accessibilityLabel = count === 0 ? 'Badge not yet earned' : "Badge earned on ".concat(formattedDate);
-    return (jsxRuntimeExports.jsx(Chip, { label: (displayText === null || displayText === void 0 ? void 0 : displayText.toString()) || '', variant: count === 0 ? exports.StatusVariant.GREY : exports.StatusVariant.PRIMARY, accessibilityLabel: accessibilityLabel, testID: "badge-tile-date-earned" }));
+    return (jsxRuntime.jsx(Chip, { label: (displayText === null || displayText === void 0 ? void 0 : displayText.toString()) || '', variant: count === 0 ? exports.StatusVariant.GREY : exports.StatusVariant.PRIMARY, accessibilityLabel: accessibilityLabel, testID: "badge-tile-date-earned" }));
 };
 
 /**
@@ -2421,11 +2009,11 @@ var BadgeTileDescription = function () {
             return 1;
         return 2;
     }, [width]);
-    return (jsxRuntimeExports.jsx(reactNative.View, { accessible: true, accessibilityLabel: "Badge description: ".concat(description), testID: "badge-tile-description", style: {
+    return (jsxRuntime.jsx(reactNative.View, { accessible: true, accessibilityLabel: "Badge description: ".concat(description), testID: "badge-tile-description", style: {
             width: '100%',
             overflow: 'hidden',
             paddingBottom: theme.sizes.xxs,
-        }, children: jsxRuntimeExports.jsx(Text, { variant: "body", numberOfLines: numberOfLines, ellipsizeMode: "tail", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: description }) }));
+        }, children: jsxRuntime.jsx(Text, { variant: "body", numberOfLines: numberOfLines, ellipsizeMode: "tail", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: description }) }));
 };
 
 /**
@@ -2493,7 +2081,7 @@ var BadgeTileMedia = function (_a) {
             : artworkUrl;
     if (!displayUrl)
         return null;
-    return (jsxRuntimeExports.jsxs(reactNative.View, { style: styles.header, testID: "badge-tile-media", children: [jsxRuntimeExports.jsx(ProgressiveImage, __assign({}, props, { source: { uri: displayUrl }, style: styles.image, resizeMode: "contain", isDesaturated: shouldDesaturate(type, count), alt: alt !== null && alt !== void 0 ? alt : "Badge ".concat(name).concat(type === exports.BadgeTileType.Latest && count === 0 ? ' (not earned)' : '') })), children] }));
+    return (jsxRuntime.jsxs(reactNative.View, { style: styles.header, testID: "badge-tile-media", children: [jsxRuntime.jsx(ProgressiveImage, __assign({}, props, { source: { uri: displayUrl }, style: styles.image, resizeMode: "contain", isDesaturated: shouldDesaturate(type, count), alt: alt !== null && alt !== void 0 ? alt : "Badge ".concat(name).concat(type === exports.BadgeTileType.Latest && count === 0 ? ' (not earned)' : '') })), children] }));
 };
 
 /**
@@ -2513,7 +2101,7 @@ var BadgeTileStatus = function () {
     }
     var isLocked = count === 0;
     var statusLabel = isLocked ? 'Badge locked' : "Earned ".concat(count, " times");
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: styles.indicatorContainer, accessible: true, accessibilityLabel: statusLabel, testID: "badge-tile-status", children: isLocked ? (jsxRuntimeExports.jsx(Icon, { name: "LockKeyhole", testID: "badge-tile-status-locked", color: "#FFF", size: 20, accessibilityElementsHidden: true })) : (jsxRuntimeExports.jsxs(Text, { style: styles.countText, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: [count, "x"] })) }));
+    return (jsxRuntime.jsx(reactNative.View, { style: styles.indicatorContainer, accessible: true, accessibilityLabel: statusLabel, testID: "badge-tile-status", children: isLocked ? (jsxRuntime.jsx(Icon, { name: "LockKeyhole", testID: "badge-tile-status-locked", color: "#FFF", size: 20, accessibilityElementsHidden: true })) : (jsxRuntime.jsxs(Text, { style: styles.countText, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: [count, "x"] })) }));
 };
 
 /**
@@ -2534,7 +2122,7 @@ var BadgeTileTitle = function () {
             : name;
     if (!displayText)
         return null;
-    return (jsxRuntimeExports.jsx(reactNative.View, { accessible: true, accessibilityLabel: "Badge title: ".concat(displayText), testID: "badge-tile-title", children: jsxRuntimeExports.jsx(Text, { variant: "title", style: styles.titleText, numberOfLines: 2, ellipsizeMode: "tail", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: displayText }) }));
+    return (jsxRuntime.jsx(reactNative.View, { accessible: true, accessibilityLabel: "Badge title: ".concat(displayText), testID: "badge-tile-title", children: jsxRuntime.jsx(Text, { variant: "title", style: styles.titleText, numberOfLines: 2, ellipsizeMode: "tail", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: displayText }) }));
 };
 
 /**
@@ -2546,7 +2134,7 @@ var BadgeTileRoot = function (_a) {
     var tile = _a.tile;
     if (!tile || tile.tileHeight !== exports.TileHeight.Full || !tile.active)
         return null;
-    return (jsxRuntimeExports.jsxs(BaseTile, { tile: tile, children: [jsxRuntimeExports.jsx(BadgeTile.Media, { children: jsxRuntimeExports.jsx(BadgeTile.Status, {}) }), jsxRuntimeExports.jsxs(Layout, { justify: "between", align: "start", children: [jsxRuntimeExports.jsx(BadgeTile.Title, {}), jsxRuntimeExports.jsx(BadgeTile.Description, {}), jsxRuntimeExports.jsx(Spacer, {}), jsxRuntimeExports.jsx(BadgeTile.DateEarned, {})] })] }));
+    return (jsxRuntime.jsxs(BaseTile, { tile: tile, children: [jsxRuntime.jsx(BadgeTile.Media, { children: jsxRuntime.jsx(BadgeTile.Status, {}) }), jsxRuntime.jsxs(Layout, { justify: "between", align: "start", children: [jsxRuntime.jsx(BadgeTile.Title, {}), jsxRuntime.jsx(BadgeTile.Description, {}), jsxRuntime.jsx(Spacer, {}), jsxRuntime.jsx(BadgeTile.DateEarned, {})] })] }));
 };
 /**
  * The BadgeTile component with subcomponents attached.
@@ -2578,7 +2166,7 @@ var BannerTileCTA = function () {
             ? "Opens ".concat(ctaLink, " in a new window")
             : "Takes you to ".concat(ctaLink)
         : '';
-    return (jsxRuntimeExports.jsx(Button, { testID: "banner-tile-cta", title: ctaText, variant: "accent", onPress: handlePress, accessibilityHint: hint }));
+    return (jsxRuntime.jsx(Button, { testID: "banner-tile-cta", title: ctaText, variant: "accent", onPress: handlePress, accessibilityHint: hint }));
 };
 
 /**
@@ -2634,7 +2222,7 @@ var BannerTileDescription = function () {
     var description = bannerContext.configuration.description;
     if (!description)
         return null;
-    return (jsxRuntimeExports.jsx(Text, { style: styles.description, role: "article", testID: "banner-tile-description", children: description }));
+    return (jsxRuntime.jsx(Text, { style: styles.description, role: "article", testID: "banner-tile-description", children: description }));
 };
 
 /**
@@ -2654,7 +2242,7 @@ var BannerTileMedia = function (_a) {
     var containerStyle = {
         width: isArtworkOnly ? '100%' : '30%',
     };
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: [styles.mediaContainer, containerStyle], role: "img", accessibilityLabel: "Banner image".concat(title ? " for ".concat(title) : ''), testID: "banner-tile-media", children: jsxRuntimeExports.jsx(ProgressiveImage, { source: { uri: artworkUrl }, style: styles.media, alt: "Banner image".concat(title ? " for ".concat(title) : '') }) }));
+    return (jsxRuntime.jsx(reactNative.View, { style: [styles.mediaContainer, containerStyle], role: "img", accessibilityLabel: "Banner image".concat(title ? " for ".concat(title) : ''), testID: "banner-tile-media", children: jsxRuntime.jsx(ProgressiveImage, { source: { uri: artworkUrl }, style: styles.media, alt: "Banner image".concat(title ? " for ".concat(title) : '') }) }));
 };
 
 /**
@@ -2670,7 +2258,7 @@ var BannerTileTitle = function () {
     var title = bannerContext.configuration.title;
     if (!title)
         return null;
-    return (jsxRuntimeExports.jsx(Text, { variant: "title", testID: "banner-tile-title", style: styles.title, role: "heading", accessibilityLabel: title, children: title }));
+    return (jsxRuntime.jsx(Text, { variant: "title", testID: "banner-tile-title", style: styles.title, role: "heading", accessibilityLabel: title, children: title }));
 };
 
 /**
@@ -2697,7 +2285,7 @@ var BannerTileRoot = function (_a) {
     if (!tile || !tile.active || !tile.configuration)
         return null;
     var configuration = tile.configuration;
-    return (jsxRuntimeExports.jsxs(BaseBanner, { tile: tile, children: [jsxRuntimeExports.jsx(BannerTile.Media, { isArtworkOnly: isArtworkOnly$2(configuration) }), jsxRuntimeExports.jsxs(FullFlex, { children: [jsxRuntimeExports.jsx(BannerTile.Title, {}), jsxRuntimeExports.jsx(BannerTile.Description, {}), jsxRuntimeExports.jsx(BannerTile.CTA, {})] })] }));
+    return (jsxRuntime.jsxs(BaseBanner, { tile: tile, children: [jsxRuntime.jsx(BannerTile.Media, { isArtworkOnly: isArtworkOnly$2(configuration) }), jsxRuntime.jsxs(FullFlex, { children: [jsxRuntime.jsx(BannerTile.Title, {}), jsxRuntime.jsx(BannerTile.Description, {}), jsxRuntime.jsx(BannerTile.CTA, {})] })] }));
 };
 /**
  * The BannerTile component with subcomponents attached.
@@ -2719,7 +2307,7 @@ var ContentTileChevron = function () {
     var ctaLink = tileContext.configuration.ctaLink;
     if (!ctaLink)
         return null;
-    return (jsxRuntimeExports.jsx(Icon, { name: "ChevronRight", size: IS_MOBILE ? 16 : undefined, color: (_b = (_a = sdk.theme) === null || _a === void 0 ? void 0 : _a.derivedSurfaceText) === null || _b === void 0 ? void 0 : _b[20], accessibilityLabel: "View details", testID: "content-tile-chevron" }));
+    return (jsxRuntime.jsx(Icon, { name: "ChevronRight", size: IS_MOBILE ? 16 : undefined, color: (_b = (_a = sdk.theme) === null || _a === void 0 ? void 0 : _a.derivedSurfaceText) === null || _b === void 0 ? void 0 : _b[20], accessibilityLabel: "View details", testID: "content-tile-chevron" }));
 };
 
 /**
@@ -2754,6 +2342,14 @@ var useContentTileStyles = function (hasArtwork) {
     });
 };
 
+var getContentTileMediaContainerStyle = function (isArtworkOnly) {
+    return isArtworkOnly
+        ? {
+            flexBasis: '100%',
+            aspectRatio: 1,
+        }
+        : { flexBasis: '50%' };
+};
 var ContentTileMedia = function (_a) {
     var isArtworkOnly = _a.isArtworkOnly;
     var tileContext = useTileContext();
@@ -2764,8 +2360,8 @@ var ContentTileMedia = function (_a) {
         return null;
     var hasArtwork = Boolean(artworkUrl);
     var styles = useContentTileStyles(hasArtwork);
-    var containerStyle = __assign({ flexBasis: isArtworkOnly ? '100%' : '50%' }, (isArtworkOnly && IS_WEB && { aspectRatio: 1 }));
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: [styles.imageContainer, containerStyle], testID: "content-tile-media", role: "img", accessibilityLabel: "Image for ".concat(title), children: jsxRuntimeExports.jsx(ProgressiveImage, { source: { uri: artworkUrl }, style: styles.image, alt: "Image for ".concat(title) }) }));
+    var containerStyle = getContentTileMediaContainerStyle(isArtworkOnly);
+    return (jsxRuntime.jsx(reactNative.View, { style: [styles.imageContainer, containerStyle], testID: "content-tile-media", role: "img", accessibilityLabel: "Image for ".concat(title), children: jsxRuntime.jsx(ProgressiveImage, { source: { uri: artworkUrl }, style: styles.image, alt: "Image for ".concat(title) }) }));
 };
 
 var ContentTileSummary = function () {
@@ -2794,7 +2390,7 @@ var ContentTileSummary = function () {
             return 8;
         return 6;
     }, [title, body, artworkUrl, isHalfSize]);
-    return (jsxRuntimeExports.jsx(Text, { variant: "body", role: "article", accessibilityLabel: body, numberOfLines: numberOfLines, testID: "content-tile-summary", children: body }));
+    return (jsxRuntime.jsx(Text, { variant: "body", role: "article", accessibilityLabel: body, numberOfLines: numberOfLines, testID: "content-tile-summary", children: body }));
 };
 
 var ContentTileTitle = function () {
@@ -2825,7 +2421,7 @@ var ContentTileTitle = function () {
             return styles.titleWithLink;
         }
     };
-    return (jsxRuntimeExports.jsx(Text, { variant: "title", role: "heading", accessibilityLabel: title, numberOfLines: numberOfLines, style: handleTitleWidth(), testID: "content-tile-title", children: title }));
+    return (jsxRuntime.jsx(Text, { variant: "title", role: "heading", accessibilityLabel: title, numberOfLines: numberOfLines, style: handleTitleWidth(), testID: "content-tile-title", children: title }));
 };
 
 /**
@@ -2854,8 +2450,8 @@ var ContentTileRoot = function (_a) {
     var configuration = tile.configuration;
     var hasArtwork = Boolean(configuration.artworkUrl);
     var styles = useContentTileStyles(hasArtwork);
-    return (jsxRuntimeExports.jsxs(BaseTile, { tile: tile, children: [jsxRuntimeExports.jsx(ContentTile.Media, { isArtworkOnly: isArtworkOnly$1(configuration) }), !isArtworkOnly$1(configuration) && (jsxRuntimeExports.jsxs(Layout, { justify: hasArtwork ? 'start' : 'center', style: __assign({}, (!hasArtwork &&
-                    tile.tileHeight === exports.TileHeight.Full && { aspectRatio: 1 })), children: [jsxRuntimeExports.jsxs(Row, { justify: "between", align: "center", style: styles.header, children: [jsxRuntimeExports.jsx(ContentTile.Title, {}), jsxRuntimeExports.jsx(ContentTile.Chevron, {})] }), jsxRuntimeExports.jsx(ContentTile.Summary, {})] }))] }));
+    return (jsxRuntime.jsxs(BaseTile, { tile: tile, children: [jsxRuntime.jsx(ContentTile.Media, { isArtworkOnly: isArtworkOnly$1(configuration) }), !isArtworkOnly$1(configuration) && (jsxRuntime.jsxs(Layout, { justify: hasArtwork ? 'start' : 'center', style: __assign({}, (!hasArtwork &&
+                    tile.tileHeight === exports.TileHeight.Full && { aspectRatio: 1 })), children: [jsxRuntime.jsxs(Row, { justify: "between", align: "center", style: styles.header, children: [jsxRuntime.jsx(ContentTile.Title, {}), jsxRuntime.jsx(ContentTile.Chevron, {})] }), jsxRuntime.jsx(ContentTile.Summary, {})] }))] }));
 };
 /**
  * The ContentTile component with subcomponents attached.
@@ -3088,13 +2684,13 @@ var SectionHeader = function (_a) {
     if (!title) {
         return null;
     }
-    return (jsxRuntimeExports.jsxs(reactNative.View, { style: styles.sectionHeader, children: [title && (jsxRuntimeExports.jsx(Text, { style: [
+    return (jsxRuntime.jsxs(reactNative.View, { style: styles.sectionHeader, children: [title && (jsxRuntime.jsx(Text, { style: [
                     styles.sectionTitle,
                     {
                         fontWeight: '700',
                         color: theme.text,
                     },
-                ], children: title })), description && (jsxRuntimeExports.jsx(Text, { style: [
+                ], children: title })), description && (jsxRuntime.jsx(Text, { style: [
                     styles.sectionDescription,
                     {
                         color: theme.alphaDerivedText[80],
@@ -3265,23 +2861,23 @@ var Carousel = function (_a) {
             marginTop: useResponsiveValue(theme.sizes.xxl, theme.sizes.sm, isDesktop, isTablet),
         },
     });
-    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(SectionHeader, { title: section.title, description: section.description }), jsxRuntimeExports.jsxs(reactNative.View, { ref: containerRef, style: [styles.container, { direction: 'ltr' }], onLayout: function (event) {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SectionHeader, { title: section.title, description: section.description }), jsxRuntime.jsxs(reactNative.View, { ref: containerRef, style: [styles.container, { direction: 'ltr' }], onLayout: function (event) {
                     var width = event.nativeEvent.layout.width;
                     dispatch({ type: 'SET_CONTAINER_WIDTH', payload: width });
-                }, children: [jsxRuntimeExports.jsxs(reactNative.View, { style: styles.carouselContainer, children: [showPrevButton && (jsxRuntimeExports.jsx(CarouselNavButton, { direction: "left", onPress: handlePrev })), jsxRuntimeExports.jsx(reactNative.ScrollView, { ref: scrollViewRef, horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, onScroll: handleScroll, onMomentumScrollEnd: handleScrollEnd, scrollEventThrottle: 16, style: styles.carouselContent, contentContainerStyle: {
+                }, children: [jsxRuntime.jsxs(reactNative.View, { style: styles.carouselContainer, children: [showPrevButton && (jsxRuntime.jsx(CarouselNavButton, { direction: "left", onPress: handlePrev })), jsxRuntime.jsx(reactNative.ScrollView, { ref: scrollViewRef, horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, onScroll: handleScroll, onMomentumScrollEnd: handleScrollEnd, scrollEventThrottle: 16, style: styles.carouselContent, contentContainerStyle: {
                                     width: containerWidth * sortedTiles.length,
-                                }, decelerationRate: "fast", snapToInterval: containerWidth, snapToAlignment: "start", children: sortedTiles.map(function (tile, index) { return (jsxRuntimeExports.jsx(reactNative.View, { style: [
+                                }, decelerationRate: "fast", snapToInterval: containerWidth, snapToAlignment: "start", children: sortedTiles.map(function (tile, index) { return (jsxRuntime.jsx(reactNative.View, { style: [
                                         styles.slideContainer,
                                         {
                                             width: containerWidth,
                                         },
-                                    ], children: jsxRuntimeExports.jsx(BannerTile$1, { tile: tile }) }, index)); }) }), showNextButton && (jsxRuntimeExports.jsx(CarouselNavButton, { direction: "right", onPress: handleNext }))] }), displayControls && (jsxRuntimeExports.jsx(reactNative.View, { style: dynamicStyles.indicators, children: sortedTiles.map(function (_, index) {
+                                    ], children: jsxRuntime.jsx(BannerTile$1, { tile: tile }) }, index)); }) }), showNextButton && (jsxRuntime.jsx(CarouselNavButton, { direction: "right", onPress: handleNext }))] }), displayControls && (jsxRuntime.jsx(reactNative.View, { style: dynamicStyles.indicators, children: sortedTiles.map(function (_, index) {
                             var width = animatedIndex.interpolate({
                                 inputRange: [index - 1, index, index + 1],
                                 outputRange: [8, 30, 8],
                                 extrapolate: 'clamp',
                             });
-                            return (jsxRuntimeExports.jsx(reactNative.Animated.View, { style: [
+                            return (jsxRuntime.jsx(reactNative.Animated.View, { style: [
                                     styles.indicator,
                                     { backgroundColor: theme.derivedBackground, width: width },
                                     index === currentIndex && {
@@ -3321,11 +2917,11 @@ var CarouselNavButton = function (_a) {
     var theme = useWllSdk().theme;
     var isRight = direction === 'right';
     var styles = useNavButtonStyles();
-    return (jsxRuntimeExports.jsx(reactNative.Pressable, { style: [
+    return (jsxRuntime.jsx(reactNative.Pressable, { style: [
             styles.navButton,
             isRight ? styles.navButtonRight : styles.navButtonLeft,
             { backgroundColor: theme.background },
-        ], onPress: onPress, accessibilityLabel: "".concat(isRight ? 'Next' : 'Previous', " slide"), role: "button", children: jsxRuntimeExports.jsx(Icon, { name: isRight ? 'ArrowRight' : 'ArrowLeft', size: 20, color: theme.primary }) }));
+        ], onPress: onPress, accessibilityLabel: "".concat(isRight ? 'Next' : 'Previous', " slide"), role: "button", children: jsxRuntime.jsx(Icon, { name: isRight ? 'ArrowRight' : 'ArrowLeft', size: 20, color: theme.primary }) }));
 };
 
 var Grid = function (_a) {
@@ -3384,17 +2980,17 @@ var Grid = function (_a) {
             };
             if (shouldStartNewContainer(currentTiles, tile, nextTile)) {
                 var isLastInRow = (tileContainers.length + 1) % columnsPerRow === 0;
-                tileContainers.push(jsxRuntimeExports.jsx(reactNative.View, { style: [
+                tileContainers.push(jsxRuntime.jsx(reactNative.View, { style: [
                         // @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
                         getTileWidth(columnsPerRow),
                         !isLastInRow && getDirectionalMargin(GRID_GAP),
-                    ], children: jsxRuntimeExports.jsx(TileContainer, { tiles: currentTiles }) }, "container-".concat(index)));
+                    ], children: jsxRuntime.jsx(TileContainer, { tiles: currentTiles }) }, "container-".concat(index)));
                 currentTiles = [];
             }
         });
         return tileContainers;
     }, [gridTiles, columnsPerRow, getTileWidth]);
-    return (jsxRuntimeExports.jsxs(reactNative.View, { children: [jsxRuntimeExports.jsx(SectionHeader, { title: section.title, description: section.description }), jsxRuntimeExports.jsx(reactNative.View, { style: styles$2.grid, children: renderTileContainers() })] }));
+    return (jsxRuntime.jsxs(reactNative.View, { children: [jsxRuntime.jsx(SectionHeader, { title: section.title, description: section.description }), jsxRuntime.jsx(reactNative.View, { style: styles$2.grid, children: renderTileContainers() })] }));
 };
 var styles$2 = reactNative.StyleSheet.create({
     grid: {
@@ -3416,14 +3012,14 @@ var ProgressIndicator = function (_a) {
     else if (percentage < 50) {
         progressVariant = 'accent';
     }
-    return (jsxRuntimeExports.jsxs(reactNative.View, { style: styles$1.container, children: [jsxRuntimeExports.jsx(ProgressBar, { percentage: percentage, variant: progressVariant, height: height }), jsxRuntimeExports.jsx(reactNative.View, { style: [styles$1.circleContainer], children: jsxRuntimeExports.jsx(reactNative.View, { style: [
+    return (jsxRuntime.jsxs(reactNative.View, { style: styles$1.container, children: [jsxRuntime.jsx(ProgressBar, { percentage: percentage, variant: progressVariant, height: height }), jsxRuntime.jsx(reactNative.View, { style: [styles$1.circleContainer], children: jsxRuntime.jsx(reactNative.View, { style: [
                         styles$1.circle,
                         {
                             borderColor: theme.derivedSurface[20],
                             backgroundColor: isComplete ? theme.primary : theme.surface,
                             borderWidth: isComplete ? 0 : 4,
                         },
-                    ], children: isComplete && (jsxRuntimeExports.jsx(Icon, { name: "Check", size: 12, color: theme.primaryText })) }) })] }));
+                    ], children: isComplete && (jsxRuntime.jsx(Icon, { name: "Check", size: 12, color: theme.primaryText })) }) })] }));
 };
 var styles$1 = reactNative.StyleSheet.create({
     container: {
@@ -3524,7 +3120,7 @@ var useSectionData = function (section, sectionId) {
  */
 var EmptyState = function (_a) {
     var message = _a.message;
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: commonStyles.emptyContainer, role: "article", accessibilityLabel: "Empty state: ".concat(message), children: jsxRuntimeExports.jsx(reactNative.Text, { children: message }) }));
+    return (jsxRuntime.jsx(reactNative.View, { style: commonStyles.emptyContainer, role: "article", accessibilityLabel: "Empty state: ".concat(message), children: jsxRuntime.jsx(reactNative.Text, { children: message }) }));
 };
 /**
  * The Section component renders a section based on its type (e.g., Banner, Grid).
@@ -3544,33 +3140,33 @@ var Section = function (_a) {
     }
     var renderSectionContent = function () {
         if (isLoading) {
-            return (jsxRuntimeExports.jsx(Skeleton, { "aria-label": "Loading section content", numberOfSquares: IS_WEB ? 4 : 2 }));
+            return (jsxRuntime.jsx(Skeleton, { "aria-label": "Loading section content", numberOfSquares: IS_WEB ? 4 : 2 }));
         }
         if (error || !sectionData) {
-            return jsxRuntimeExports.jsx(EmptyState, { message: error || 'No section data available.' });
+            return jsxRuntime.jsx(EmptyState, { message: error || 'No section data available.' });
         }
         // Filter out inactive tiles before passing to child components
         var activeTiles = sectionData.tiles &&
             sortByPriority(sectionData.tiles.filter(function (tile) { return tile && tile.active; }));
         if (!activeTiles || activeTiles.length === 0) {
-            return jsxRuntimeExports.jsx(EmptyState, { message: "No active tiles available." });
+            return jsxRuntime.jsx(EmptyState, { message: "No active tiles available." });
         }
         var sectionWithActiveTiles = __assign(__assign({}, sectionData), { tiles: activeTiles });
         if (!sectionData.type) {
             console.warn('Section is missing a type');
-            return jsxRuntimeExports.jsx(EmptyState, { message: "Invalid section configuration." });
+            return jsxRuntime.jsx(EmptyState, { message: "Invalid section configuration." });
         }
         switch (sectionData.type) {
             case exports.SectionType.Banner:
-                return jsxRuntimeExports.jsx(Carousel, { section: sectionWithActiveTiles });
+                return jsxRuntime.jsx(Carousel, { section: sectionWithActiveTiles });
             case exports.SectionType.Grid:
-                return jsxRuntimeExports.jsx(Grid, { section: sectionWithActiveTiles });
+                return jsxRuntime.jsx(Grid, { section: sectionWithActiveTiles });
             default:
                 console.warn("Unknown section type: ".concat(sectionData.type));
-                return jsxRuntimeExports.jsx(EmptyState, { message: "Unknown section type." });
+                return jsxRuntime.jsx(EmptyState, { message: "Unknown section type." });
         }
     };
-    return sectionData ? (jsxRuntimeExports.jsx(SectionContext.Provider, { value: { sectionData: sectionData }, children: jsxRuntimeExports.jsx(reactNative.View, { style: styles.section, accessible: true, accessibilityLabel: "Section: ".concat(sectionData.title || 'Untitled section'), accessibilityHint: sectionData.description || undefined, role: "region", children: renderSectionContent() }) })) : null;
+    return sectionData ? (jsxRuntime.jsx(SectionContext.Provider, { value: { sectionData: sectionData }, children: jsxRuntime.jsx(reactNative.View, { style: styles.section, accessible: true, accessibilityLabel: "Section: ".concat(sectionData.title || 'Untitled section'), accessibilityHint: sectionData.description || undefined, role: "region", children: renderSectionContent() }) })) : null;
 };
 
 /**
@@ -3623,7 +3219,7 @@ var useGroupData = function (id) {
  */
 var GroupEmptyState = function (_a) {
     var message = _a.message;
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: commonStyles.emptyContainer, accessible: true, accessibilityLabel: "Empty state: ".concat(message), children: jsxRuntimeExports.jsx(Text, { variant: "body", children: message }) }));
+    return (jsxRuntime.jsx(reactNative.View, { style: commonStyles.emptyContainer, accessible: true, accessibilityLabel: "Empty state: ".concat(message), children: jsxRuntime.jsx(Text, { variant: "body", children: message }) }));
 };
 /**
  * Component to render all sections in a group
@@ -3633,16 +3229,16 @@ var GroupEmptyState = function (_a) {
 var GroupSections = function () {
     var groupData = useGroupContext().groupData;
     if (!groupData || !groupData.sections || groupData.sections.length === 0) {
-        return jsxRuntimeExports.jsx(GroupEmptyState, { message: "This group doesn't have any sections" });
+        return jsxRuntime.jsx(GroupEmptyState, { message: "This group doesn't have any sections" });
     }
     // Filter out inactive sections and null/undefined values before sorting
     var activeSections = groupData.sections.filter(function (section) { return section && section.active; });
     if (activeSections.length === 0) {
-        return (jsxRuntimeExports.jsx(GroupEmptyState, { message: "This group doesn't have any active sections" }));
+        return (jsxRuntime.jsx(GroupEmptyState, { message: "This group doesn't have any active sections" }));
     }
     var sortedSections = sortByPriority(activeSections);
     var Container = IS_WEB ? reactNative.View : reactNative.ScrollView;
-    return (jsxRuntimeExports.jsx(Container, { accessible: true, accessibilityLabel: "Group: ".concat(groupData.name || 'Unnamed group'), role: "region", children: sortedSections.map(function (section) { return (jsxRuntimeExports.jsx(Section, { section: section }, section.id)); }) }));
+    return (jsxRuntime.jsx(Container, { accessible: true, accessibilityLabel: "Group: ".concat(groupData.name || 'Unnamed group'), role: "region", children: sortedSections.map(function (section) { return (jsxRuntime.jsx(Section, { section: section }, section.id)); }) }));
 };
 /**
  * A page-level component that represents a Group view in the application.
@@ -3669,13 +3265,13 @@ var Group = function (_a) {
         refreshing: isLoading && !groupData
     }), refreshControl = _d.refreshControl; _d.refreshing;
     if (isLoading && !groupData) {
-        return (jsxRuntimeExports.jsx(reactNative.View, { style: {
+        return (jsxRuntime.jsx(reactNative.View, { style: {
                 flex: 1,
                 padding: IS_MOBILE ? theme.sizes.lg : undefined,
-            }, accessible: true, accessibilityLabel: "Loading group data", children: jsxRuntimeExports.jsx(Skeleton, { numberOfSquares: IS_WEB ? 4 : 2 }) }));
+            }, accessible: true, accessibilityLabel: "Loading group data", children: jsxRuntime.jsx(Skeleton, { numberOfSquares: IS_WEB ? 4 : 2 }) }));
     }
     if (error || !groupData) {
-        return jsxRuntimeExports.jsx(GroupEmptyState, { message: error || 'No group data available' });
+        return jsxRuntime.jsx(GroupEmptyState, { message: error || 'No group data available' });
     }
     var Container = IS_WEB ? reactNative.View : reactNative.ScrollView;
     var containerProps = IS_WEB
@@ -3684,7 +3280,7 @@ var Group = function (_a) {
             refreshControl: enablePullToRefresh ? refreshControl : undefined,
             showsVerticalScrollIndicator: true,
         };
-    return (jsxRuntimeExports.jsx(GroupContext.Provider, { value: { groupData: groupData }, children: jsxRuntimeExports.jsx(reactNative.View, { testID: "group-container", children: jsxRuntimeExports.jsx(Container, __assign({}, containerProps, { children: jsxRuntimeExports.jsx(GroupSections, {}) })) }) }));
+    return (jsxRuntime.jsx(GroupContext.Provider, { value: { groupData: groupData }, children: jsxRuntime.jsx(reactNative.View, { testID: "group-container", children: jsxRuntime.jsx(Container, __assign({}, containerProps, { children: jsxRuntime.jsx(GroupSections, {}) })) }) }));
 };
 
 /**
@@ -3763,7 +3359,7 @@ var Column = function (_a) {
     var styles = reactNative.StyleSheet.create({
         container: __assign({ justifyContent: justifyMap[justify], alignItems: alignMap[align], flexDirection: reverse ? 'column-reverse' : 'column' }, (flex !== undefined && { flex: flex })),
     });
-    return (jsxRuntimeExports.jsx(reactNative.View, __assign({ style: [styles.container, style] }, rest, { children: children })));
+    return (jsxRuntime.jsx(reactNative.View, __assign({ style: [styles.container, style] }, rest, { children: children })));
 };
 
 /**
@@ -3779,7 +3375,7 @@ var FullFlex = function (_a) {
     var isRTL = IS_WEB &&
         typeof document !== 'undefined' &&
         document.documentElement.dir === 'rtl';
-    return (jsxRuntimeExports.jsx(reactNative.View, __assign({ style: [
+    return (jsxRuntime.jsx(reactNative.View, __assign({ style: [
             __assign({ flex: 1, 
                 // If the language is Arabic (RTL), use 'rtl', otherwise 'ltr'.
                 direction: isRTL ? 'rtl' : 'ltr' }, (isRTL && {
@@ -3812,7 +3408,7 @@ var Layout = function (_a) {
             flexDirection: direction,
         },
     });
-    return (jsxRuntimeExports.jsx(reactNative.View, __assign({ style: [dynamicStyles.container, style] }, rest, { children: children })));
+    return (jsxRuntime.jsx(reactNative.View, __assign({ style: [dynamicStyles.container, style] }, rest, { children: children })));
 };
 
 /**
@@ -3829,7 +3425,7 @@ var Row = function (_a) {
     var styles = reactNative.StyleSheet.create({
         container: __assign({ justifyContent: justifyMap[justify], alignItems: alignMap[align], flexDirection: reverse ? 'row-reverse' : 'row' }, (flex !== undefined && { flex: flex })),
     });
-    return (jsxRuntimeExports.jsx(reactNative.View, __assign({ style: [styles.container, style] }, rest, { children: children })));
+    return (jsxRuntime.jsx(reactNative.View, __assign({ style: [styles.container, style] }, rest, { children: children })));
 };
 
 /**
@@ -3840,7 +3436,7 @@ var Row = function (_a) {
  */
 var Spacer = function (_a) {
     var style = _a.style, rest = __rest(_a, ["style"]);
-    return jsxRuntimeExports.jsx(reactNative.View, __assign({ style: [{ flex: 1 }, style] }, rest));
+    return jsxRuntime.jsx(reactNative.View, __assign({ style: [{ flex: 1 }, style] }, rest));
 };
 
 /**
@@ -3921,7 +3517,7 @@ var PointsTileFormattedPoints = function () {
         return null;
     var calculatedPoints = applyMultiplier(points, pointsMultiplier);
     var fullPointsText = "".concat(pointsPrefix).concat(calculatedPoints, " ").concat(pointsSuffix).trim();
-    return (jsxRuntimeExports.jsx(reactNative.View, { testID: "points-tile-points", role: "article", accessibilityLabel: "Points value: ".concat(fullPointsText), children: jsxRuntimeExports.jsxs(Row, { align: "center", justify: "start", children: [pointsPrefix ? (jsxRuntimeExports.jsx(Text, { variant: "caption", testID: "points-tile-prefix", children: pointsPrefix })) : null, jsxRuntimeExports.jsx(Text, { variant: "caption", testID: "points-tile-value", children: calculatedPoints }), pointsSuffix ? (jsxRuntimeExports.jsx(Text, { variant: "caption", style: styles.suffix, testID: "points-tile-suffix", children: pointsSuffix })) : null] }) }));
+    return (jsxRuntime.jsx(reactNative.View, { testID: "points-tile-points", role: "article", accessibilityLabel: "Points value: ".concat(fullPointsText), children: jsxRuntime.jsxs(Row, { align: "center", justify: "start", children: [pointsPrefix ? (jsxRuntime.jsx(Text, { variant: "caption", testID: "points-tile-prefix", children: pointsPrefix })) : null, jsxRuntime.jsx(Text, { variant: "caption", testID: "points-tile-value", children: calculatedPoints }), pointsSuffix ? (jsxRuntime.jsx(Text, { variant: "caption", style: styles.suffix, testID: "points-tile-suffix", children: pointsSuffix })) : null] }) }));
 };
 
 /**
@@ -3938,7 +3534,7 @@ var PointsTileMedia = function (_a) {
     var styles = usePointsTileStyles(isFullSize);
     if (!artworkUrl)
         return null;
-    return (jsxRuntimeExports.jsx(reactNative.View, { testID: "points-tile-media", style: styles.imageContainer, role: "img", accessibilityLabel: "Points tile image for ".concat(title), children: jsxRuntimeExports.jsx(reactNative.Image, { source: { uri: artworkUrl }, style: styles.image, resizeMode: isFullSize ? 'cover' : 'contain' }) }));
+    return (jsxRuntime.jsx(reactNative.View, { testID: "points-tile-media", style: styles.imageContainer, role: "img", accessibilityLabel: "Points tile image for ".concat(title), children: jsxRuntime.jsx(reactNative.Image, { source: { uri: artworkUrl }, style: styles.image, resizeMode: isFullSize ? 'cover' : 'contain' }) }));
 };
 
 /**
@@ -3953,7 +3549,7 @@ var PointsTileTitle = function () {
     var title = tileContext.configuration.title;
     if (!title)
         return null;
-    return (jsxRuntimeExports.jsx(Text, { variant: "eyebrow", testID: "points-tile-title", role: "heading", accessibilityLabel: title, children: title }));
+    return (jsxRuntime.jsx(Text, { variant: "eyebrow", testID: "points-tile-title", role: "heading", accessibilityLabel: title, children: title }));
 };
 
 /**
@@ -3971,7 +3567,7 @@ var PointsTileChevron = function () {
     var ctaLink = tileContext.configuration.ctaLink;
     if (!ctaLink)
         return null;
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: styles.chevronContainer, children: jsxRuntimeExports.jsx(Icon, { name: "ChevronRight", size: 16, color: ((_b = (_a = sdk.theme) === null || _a === void 0 ? void 0 : _a.derivedSurfaceText) === null || _b === void 0 ? void 0 : _b[20]) || '#000000', role: "img", accessibilityLabel: "View balance" }) }));
+    return (jsxRuntime.jsx(reactNative.View, { style: styles.chevronContainer, children: jsxRuntime.jsx(Icon, { name: "ChevronRight", size: 16, color: ((_b = (_a = sdk.theme) === null || _a === void 0 ? void 0 : _a.derivedSurfaceText) === null || _b === void 0 ? void 0 : _b[20]) || '#000000', role: "img", accessibilityLabel: "View balance" }) }));
 };
 
 /**
@@ -3989,7 +3585,7 @@ var PointsTileRoot = function (_a) {
         return null;
     var isFullSize = useTileSize(tile).isFullSize;
     var styles = usePointsTileStyles(isFullSize);
-    return (jsxRuntimeExports.jsxs(BaseTile, { tile: tile, children: [isFullSize && jsxRuntimeExports.jsx(PointsTile.Media, { isFullSize: true }), jsxRuntimeExports.jsx(reactNative.View, { style: styles.container, children: jsxRuntimeExports.jsxs(Row, { style: styles.contentContainer, children: [jsxRuntimeExports.jsxs(Column, { style: styles.contentColumn, children: [jsxRuntimeExports.jsx(PointsTile.Title, {}), jsxRuntimeExports.jsx(PointsTile.Points, {})] }), jsxRuntimeExports.jsxs(Column, { style: styles.mediaColumn, children: [!isFullSize && jsxRuntimeExports.jsx(PointsTile.Media, { isFullSize: false }), jsxRuntimeExports.jsx(PointsTile.Chevron, {})] })] }) })] }));
+    return (jsxRuntime.jsxs(BaseTile, { tile: tile, children: [isFullSize && jsxRuntime.jsx(PointsTile.Media, { isFullSize: true }), jsxRuntime.jsx(reactNative.View, { style: styles.container, children: jsxRuntime.jsxs(Row, { style: styles.contentContainer, children: [jsxRuntime.jsxs(Column, { style: styles.contentColumn, children: [jsxRuntime.jsx(PointsTile.Title, {}), jsxRuntime.jsx(PointsTile.Points, {})] }), jsxRuntime.jsxs(Column, { style: styles.mediaColumn, children: [!isFullSize && jsxRuntime.jsx(PointsTile.Media, { isFullSize: false }), jsxRuntime.jsx(PointsTile.Chevron, {})] })] }) })] }));
 };
 /**
  * The PointsTile component with subcomponents attached.
@@ -4051,7 +3647,7 @@ var RewardCategoryHeader = function () {
     var _a = tileContext.configuration, _b = _a.showName, showName = _b === void 0 ? true : _b, _c = _a.name, name = _c === void 0 ? '' : _c;
     if (!showName || !name)
         return null;
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: [styles.header, { backgroundColor: theme.primary }], testID: "reward-category-header", role: "heading", accessibilityLabel: "Reward category: ".concat(name), children: jsxRuntimeExports.jsx(Text, { style: [styles.headerText, { color: theme.primaryText }], ellipsizeMode: "tail", numberOfLines: 1, children: name }) }));
+    return (jsxRuntime.jsx(reactNative.View, { style: [styles.header, { backgroundColor: theme.primary }], testID: "reward-category-header", role: "heading", accessibilityLabel: "Reward category: ".concat(name), children: jsxRuntime.jsx(Text, { style: [styles.headerText, { color: theme.primaryText }], ellipsizeMode: "tail", numberOfLines: 1, children: name }) }));
 };
 
 /**
@@ -4067,7 +3663,7 @@ var RewardCategoryMedia = function () {
     var _a = tileContext.configuration, artworkUrl = _a.artworkUrl, _b = _a.name, name = _b === void 0 ? 'Reward' : _b;
     if (!artworkUrl)
         return null;
-    return (jsxRuntimeExports.jsx(ProgressiveImage, { testID: "reward-category-media", source: { uri: artworkUrl }, style: styles.background, alt: "Reward category image for ".concat(name), role: "img" }));
+    return (jsxRuntime.jsx(ProgressiveImage, { testID: "reward-category-media", source: { uri: artworkUrl }, style: styles.background, alt: "Reward category image for ".concat(name), role: "img" }));
 };
 
 /**
@@ -4081,7 +3677,7 @@ var RewardCategoryTileRoot = function (_a) {
     var tile = _a.tile;
     if (!tile || !tile.active || !tile.configuration)
         return null;
-    return (jsxRuntimeExports.jsx(BaseTile, { tile: tile, children: jsxRuntimeExports.jsxs(reactNative.View, { style: { aspectRatio: tile.tileHeight === exports.TileHeight.Half ? 2 : 1 }, children: [jsxRuntimeExports.jsx(RewardCategoryTile.Header, {}), jsxRuntimeExports.jsx(RewardCategoryTile.Media, {})] }) }));
+    return (jsxRuntime.jsx(BaseTile, { tile: tile, children: jsxRuntime.jsxs(reactNative.View, { style: { aspectRatio: tile.tileHeight === exports.TileHeight.Half ? 2 : 1 }, children: [jsxRuntime.jsx(RewardCategoryTile.Header, {}), jsxRuntime.jsx(RewardCategoryTile.Media, {})] }) }));
 };
 /**
  * The RewardCategoryTile component with subcomponents attached.
@@ -4100,7 +3696,7 @@ var RewardCategoryTile$1 = withTileFetching(RewardCategoryTile);
 var RewardTileChevron = function () {
     var _a;
     var theme = useWllSdk().theme;
-    return (jsxRuntimeExports.jsx(Icon, { name: "ChevronRight", size: IS_MOBILE ? 16 : undefined, color: ((_a = theme === null || theme === void 0 ? void 0 : theme.derivedSurfaceText) === null || _a === void 0 ? void 0 : _a[20]) || '#000000', role: "img", accessibilityLabel: "View reward details" }));
+    return (jsxRuntime.jsx(Icon, { name: "ChevronRight", size: IS_MOBILE ? 16 : undefined, color: ((_a = theme === null || theme === void 0 ? void 0 : theme.derivedSurfaceText) === null || _a === void 0 ? void 0 : _a[20]) || '#000000', role: "img", accessibilityLabel: "View reward details" }));
 };
 
 /**
@@ -4201,7 +3797,7 @@ var RewardTileMedia = function (_a) {
             aspectRatio: tileContext.tileHeight === exports.TileHeight.Half ? 2 : 1,
         }
         : __assign({ flexBasis: '50%' }, (tileContext.tileHeight === exports.TileHeight.Half && { minHeight: 0 }));
-    return (jsxRuntimeExports.jsxs(reactNative.View, { style: [styles.imageContainer, containerStyle], testID: "reward-tile-media", role: "img", accessibilityLabel: "Reward image for ".concat(name), children: [jsxRuntimeExports.jsx(ProgressiveImage, { source: { uri: artworkUrl }, style: styles.image, alt: "Reward image for ".concat(name) }), isLocked && (jsxRuntimeExports.jsx(reactNative.View, { style: styles.lockOverlay, testID: "lock-overlay", children: jsxRuntimeExports.jsx(Icon, { name: "LockKeyhole", size: 48, color: "white" }) }))] }));
+    return (jsxRuntime.jsxs(reactNative.View, { style: [styles.imageContainer, containerStyle], testID: "reward-tile-media", role: "img", accessibilityLabel: "Reward image for ".concat(name), children: [jsxRuntime.jsx(ProgressiveImage, { source: { uri: artworkUrl }, style: styles.image, alt: "Reward image for ".concat(name) }), isLocked && (jsxRuntime.jsx(reactNative.View, { style: styles.lockOverlay, testID: "lock-overlay", children: jsxRuntime.jsx(Icon, { name: "LockKeyhole", size: 48, color: "white" }) }))] }));
 };
 
 /**
@@ -4219,7 +3815,7 @@ var RewardTilePoints = function () {
         return null;
     var calculatedPoints = applyMultiplier(price, pointsMultiplier);
     var accessibilityLabel = getPointsLabel('Reward points:', calculatedPoints, pointsPrefix, pointsSuffix);
-    return (jsxRuntimeExports.jsx(reactNative.View, { testID: "reward-tile-points", role: "article", accessibilityLabel: accessibilityLabel, children: jsxRuntimeExports.jsxs(Row, { align: "center", justify: "start", children: [pointsPrefix ? jsxRuntimeExports.jsx(Text, { variant: "caption", children: pointsPrefix }) : null, jsxRuntimeExports.jsx(Text, { variant: "caption", testID: "reward-tile-points-value", children: calculatedPoints }), pointsSuffix ? (jsxRuntimeExports.jsx(Text, { variant: "caption", style: styles.suffix, children: pointsSuffix })) : null] }) }));
+    return (jsxRuntime.jsx(reactNative.View, { testID: "reward-tile-points", role: "article", accessibilityLabel: accessibilityLabel, children: jsxRuntime.jsxs(Row, { align: "center", justify: "start", children: [pointsPrefix ? jsxRuntime.jsx(Text, { variant: "caption", children: pointsPrefix }) : null, jsxRuntime.jsx(Text, { variant: "caption", testID: "reward-tile-points-value", children: calculatedPoints }), pointsSuffix ? (jsxRuntime.jsx(Text, { variant: "caption", style: styles.suffix, children: pointsSuffix })) : null] }) }));
 };
 
 /**
@@ -4239,7 +3835,7 @@ var RewardTileStatus = function () {
     var label = isOutOfStock ? outOfStockMessage : stockRemainingMessage;
     if (!label)
         return null;
-    return (jsxRuntimeExports.jsx(Chip, { label: label, role: "status", ariaLive: "off", accessibilityLabel: label, testID: "reward-tile-status", variant: exports.StatusVariant.GREY, style: styles.statusChip }));
+    return (jsxRuntime.jsx(Chip, { label: label, role: "status", ariaLive: "off", accessibilityLabel: label, testID: "reward-tile-status", variant: exports.StatusVariant.GREY, style: styles.statusChip }));
 };
 
 /**
@@ -4256,7 +3852,7 @@ var RewardTileSummary = function () {
     var numberOfLines = shouldShowPrice ? 2 : 3;
     if (!summary)
         return null;
-    return (jsxRuntimeExports.jsx(Text, { variant: "body", role: "article", accessibilityLabel: summary, testID: "reward-tile-summary", numberOfLines: numberOfLines, ellipsizeMode: "tail", children: summary }));
+    return (jsxRuntime.jsx(Text, { variant: "body", role: "article", accessibilityLabel: summary, testID: "reward-tile-summary", numberOfLines: numberOfLines, ellipsizeMode: "tail", children: summary }));
 };
 
 /**
@@ -4277,7 +3873,7 @@ var RewardTileTitle = function () {
             return styles.titleWithLink;
         }
     };
-    return (jsxRuntimeExports.jsx(Text, { variant: "title", ellipsizeMode: "tail", numberOfLines: 1, role: "heading", accessibilityLabel: "Reward title: ".concat(name), testID: "reward-tile-title", style: handleTitleWidth(), children: name }));
+    return (jsxRuntime.jsx(Text, { variant: "title", ellipsizeMode: "tail", numberOfLines: 1, role: "heading", accessibilityLabel: "Reward title: ".concat(name), testID: "reward-tile-title", style: handleTitleWidth(), children: name }));
 };
 
 /**
@@ -4318,7 +3914,7 @@ var RewardTileRoot = function (_a) {
         ? !!configuration.outOfStockMessage
         : !!configuration.stockRemainingMessage;
     var hasFooter = hasPoints || hasStatus;
-    return (jsxRuntimeExports.jsxs(BaseTile, { tile: tile, children: [jsxRuntimeExports.jsx(RewardTile.Media, { isArtworkOnly: artworkOnly }), !artworkOnly && (jsxRuntimeExports.jsxs(Layout, { children: [jsxRuntimeExports.jsxs(Row, { justify: "between", align: "center", style: styles.header, children: [jsxRuntimeExports.jsx(RewardTile.Title, {}), jsxRuntimeExports.jsx(RewardTile.Chevron, {})] }), jsxRuntimeExports.jsx(reactNative.View, { style: { width: '100%', maxWidth: '100%', minWidth: 0 }, children: jsxRuntimeExports.jsx(RewardTile.Summary, {}) }), hasFooter && (jsxRuntimeExports.jsxs(Row, { justify: "between", align: "center", style: styles.footer, children: [jsxRuntimeExports.jsx(RewardTile.Points, {}), jsxRuntimeExports.jsx(RewardTile.Status, {})] }))] }))] }));
+    return (jsxRuntime.jsxs(BaseTile, { tile: tile, children: [jsxRuntime.jsx(RewardTile.Media, { isArtworkOnly: artworkOnly }), !artworkOnly && (jsxRuntime.jsxs(Layout, { children: [jsxRuntime.jsxs(Row, { justify: "between", align: "center", style: styles.header, children: [jsxRuntime.jsx(RewardTile.Title, {}), jsxRuntime.jsx(RewardTile.Chevron, {})] }), jsxRuntime.jsx(reactNative.View, { style: { width: '100%', maxWidth: '100%', minWidth: 0 }, children: jsxRuntime.jsx(RewardTile.Summary, {}) }), hasFooter && (jsxRuntime.jsxs(Row, { justify: "between", align: "center", style: styles.footer, children: [jsxRuntime.jsx(RewardTile.Points, {}), jsxRuntime.jsx(RewardTile.Status, {})] }))] }))] }));
 };
 /**
  * The RewardTile component with subcomponents attached.
@@ -4379,9 +3975,9 @@ var TierTileInner = function (_a) {
     var tier = configuration.tier;
     var isHalfSize = useTileSize(tile).isHalfSize;
     if (!tier || Array.isArray(tier)) {
-        return jsxRuntimeExports.jsx(TierTile.Empty, { tile: tile });
+        return jsxRuntime.jsx(TierTile.Empty, { tile: tile });
     }
-    return isHalfSize ? (jsxRuntimeExports.jsx(TierTile.Half, { tile: tile })) : (jsxRuntimeExports.jsx(TierTile.Full, { tile: tile }));
+    return isHalfSize ? (jsxRuntime.jsx(TierTile.Half, { tile: tile })) : (jsxRuntime.jsx(TierTile.Full, { tile: tile }));
 };
 var TierTileFull = function (_a) {
     var tile = _a.tile;
@@ -4389,7 +3985,7 @@ var TierTileFull = function (_a) {
     var configuration = tile.configuration;
     var tier = configuration.tier, title = configuration.title;
     var _b = tier !== null && tier !== void 0 ? tier : {}, artworkUrl = _b.artworkUrl, name = _b.name, description = _b.description;
-    return (jsxRuntimeExports.jsxs(BaseTile, { tile: tile, children: [artworkUrl && (jsxRuntimeExports.jsx(reactNative.View, { style: styles.header, children: jsxRuntimeExports.jsx(ProgressiveImage, { source: { uri: artworkUrl }, style: styles.image, resizeMode: "center" }) })), jsxRuntimeExports.jsx(Layout, { align: "stretch", justify: artworkUrl ? 'start' : 'center', children: jsxRuntimeExports.jsxs(reactNative.View, { children: [title && (jsxRuntimeExports.jsx(Text, { variant: "eyebrow", style: styles.title, children: title })), name && (jsxRuntimeExports.jsx(Text, { variant: "title", style: styles.title, children: name })), description && jsxRuntimeExports.jsx(Text, { variant: "body", children: description })] }) })] }));
+    return (jsxRuntime.jsxs(BaseTile, { tile: tile, children: [artworkUrl && (jsxRuntime.jsx(reactNative.View, { style: styles.header, children: jsxRuntime.jsx(ProgressiveImage, { source: { uri: artworkUrl }, style: styles.image, resizeMode: "center" }) })), jsxRuntime.jsx(Layout, { align: "stretch", justify: artworkUrl ? 'start' : 'center', children: jsxRuntime.jsxs(reactNative.View, { children: [title && (jsxRuntime.jsx(Text, { variant: "eyebrow", style: styles.title, children: title })), name && (jsxRuntime.jsx(Text, { variant: "title", style: styles.title, children: name })), description && jsxRuntime.jsx(Text, { variant: "body", children: description })] }) })] }));
 };
 var TierTileHalf = function (_a) {
     var tile = _a.tile;
@@ -4397,7 +3993,7 @@ var TierTileHalf = function (_a) {
     var configuration = tile.configuration;
     var _b = configuration, tier = _b.tier, title = _b.title;
     var _c = tier || {}, artworkUrl = _c.artworkUrl, name = _c.name;
-    return (jsxRuntimeExports.jsx(BaseTile, { tile: tile, children: jsxRuntimeExports.jsxs(Layout, { align: "center", justify: "between", direction: "row", style: { paddingTop: 16 }, children: [jsxRuntimeExports.jsxs(reactNative.View, { style: { flex: 1, flexShrink: 1 }, children: [title && (jsxRuntimeExports.jsx(Text, { variant: "eyebrow", style: styles.title, children: title })), name && (jsxRuntimeExports.jsx(Text, { variant: "title", style: styles.name, numberOfLines: 2, children: name }))] }), artworkUrl && (jsxRuntimeExports.jsx(reactNative.View, { style: styles.smallImageContainer, children: jsxRuntimeExports.jsx(reactNative.Image, { source: { uri: artworkUrl }, style: styles.smallImage, resizeMode: "contain" }) }))] }) }));
+    return (jsxRuntime.jsx(BaseTile, { tile: tile, children: jsxRuntime.jsxs(Layout, { align: "center", justify: "between", direction: "row", style: { paddingTop: 16 }, children: [jsxRuntime.jsxs(reactNative.View, { style: { flex: 1, flexShrink: 1 }, children: [title && (jsxRuntime.jsx(Text, { variant: "eyebrow", style: styles.title, children: title })), name && (jsxRuntime.jsx(Text, { variant: "title", style: styles.name, numberOfLines: 2, children: name }))] }), artworkUrl && (jsxRuntime.jsx(reactNative.View, { style: styles.smallImageContainer, children: jsxRuntime.jsx(reactNative.Image, { source: { uri: artworkUrl }, style: styles.smallImage, resizeMode: "contain" }) }))] }) }));
 };
 // Empty state tile
 var TierTileEmpty = function (_a) {
@@ -4407,9 +4003,9 @@ var TierTileEmpty = function (_a) {
     var title = configuration.title, emptyDescription = configuration.emptyDescription, emptyArtworkUrl = configuration.emptyArtworkUrl;
     var isHalfSize = useTileSize(tile).isHalfSize;
     if (isHalfSize) {
-        return (jsxRuntimeExports.jsx(BaseTile, { tile: tile, children: jsxRuntimeExports.jsxs(Layout, { align: "center", justify: "between", direction: "row", style: { paddingTop: 16 }, children: [jsxRuntimeExports.jsxs(FullFlex, { children: [title && (jsxRuntimeExports.jsx(Text, { variant: "title", style: styles.title, children: title })), emptyDescription && jsxRuntimeExports.jsx(Text, { variant: "body", children: emptyDescription })] }), emptyArtworkUrl && (jsxRuntimeExports.jsx(reactNative.View, { style: styles.smallImageContainer, children: jsxRuntimeExports.jsx(reactNative.Image, { source: { uri: emptyArtworkUrl }, style: styles.smallImage, resizeMode: "contain" }) }))] }) }));
+        return (jsxRuntime.jsx(BaseTile, { tile: tile, children: jsxRuntime.jsxs(Layout, { align: "center", justify: "between", direction: "row", style: { paddingTop: 16 }, children: [jsxRuntime.jsxs(FullFlex, { children: [title && (jsxRuntime.jsx(Text, { variant: "title", style: styles.title, children: title })), emptyDescription && jsxRuntime.jsx(Text, { variant: "body", children: emptyDescription })] }), emptyArtworkUrl && (jsxRuntime.jsx(reactNative.View, { style: styles.smallImageContainer, children: jsxRuntime.jsx(reactNative.Image, { source: { uri: emptyArtworkUrl }, style: styles.smallImage, resizeMode: "contain" }) }))] }) }));
     }
-    return (jsxRuntimeExports.jsxs(BaseTile, { tile: tile, children: [emptyArtworkUrl && (jsxRuntimeExports.jsx(reactNative.View, { style: styles.header, children: jsxRuntimeExports.jsx(ProgressiveImage, { source: { uri: emptyArtworkUrl }, style: styles.image, resizeMode: "center" }) })), jsxRuntimeExports.jsx(Layout, { align: "stretch", justify: "center", children: jsxRuntimeExports.jsxs(Layout, { children: [title && (jsxRuntimeExports.jsx(Text, { variant: "title", style: styles.title, children: title })), emptyDescription && jsxRuntimeExports.jsx(Text, { variant: "body", children: emptyDescription })] }) })] }));
+    return (jsxRuntime.jsxs(BaseTile, { tile: tile, children: [emptyArtworkUrl && (jsxRuntime.jsx(reactNative.View, { style: styles.header, children: jsxRuntime.jsx(ProgressiveImage, { source: { uri: emptyArtworkUrl }, style: styles.image, resizeMode: "center" }) })), jsxRuntime.jsx(Layout, { align: "stretch", justify: "center", children: jsxRuntime.jsxs(Layout, { children: [title && (jsxRuntime.jsx(Text, { variant: "title", style: styles.title, children: title })), emptyDescription && jsxRuntime.jsx(Text, { variant: "body", children: emptyDescription })] }) })] }));
 };
 var TierTile = TierTileInner;
 TierTile.Full = TierTileFull;
@@ -4429,7 +4025,7 @@ var RoundupTileFormattedPoints = function () {
     if (balance === undefined)
         return null;
     var fullPointsText = "".concat(amountPrefix).concat(cleanNumber(balance)).concat(amountSuffix).trim();
-    return (jsxRuntimeExports.jsx(reactNative.View, { testID: "roundup-tile-amount", role: "article", accessibilityLabel: "Amount: ".concat(fullPointsText), children: jsxRuntimeExports.jsx(Row, { align: "center", justify: "start", children: jsxRuntimeExports.jsx(Text, { variant: "caption", testID: "roundup-tile-value", children: fullPointsText }) }) }));
+    return (jsxRuntime.jsx(reactNative.View, { testID: "roundup-tile-amount", role: "article", accessibilityLabel: "Amount: ".concat(fullPointsText), children: jsxRuntime.jsx(Row, { align: "center", justify: "start", children: jsxRuntime.jsx(Text, { variant: "caption", testID: "roundup-tile-value", children: fullPointsText }) }) }));
 };
 
 /**
@@ -4509,7 +4105,7 @@ var RoundupTileMedia = function (_a) {
     var styles = useRoundupTileStyles(isFullSize);
     if (!artworkUrl)
         return null;
-    return (jsxRuntimeExports.jsx(reactNative.View, { testID: "roundup-tile-media", style: styles.imageContainer, role: "img", accessibilityLabel: "Roundup tile image for ".concat(title), children: jsxRuntimeExports.jsx(reactNative.Image, { source: { uri: artworkUrl }, style: styles.image, resizeMode: isFullSize ? 'cover' : 'contain' }) }));
+    return (jsxRuntime.jsx(reactNative.View, { testID: "roundup-tile-media", style: styles.imageContainer, role: "img", accessibilityLabel: "Roundup tile image for ".concat(title), children: jsxRuntime.jsx(reactNative.Image, { source: { uri: artworkUrl }, style: styles.image, resizeMode: isFullSize ? 'cover' : 'contain' }) }));
 };
 
 /**
@@ -4524,7 +4120,7 @@ var RoundupTileTitle = function () {
     var title = tileContext.configuration.title;
     if (!title)
         return null;
-    return (jsxRuntimeExports.jsx(Text, { variant: "eyebrow", testID: "roundup-tile-title", role: "heading", accessibilityLabel: title, children: title }));
+    return (jsxRuntime.jsx(Text, { variant: "eyebrow", testID: "roundup-tile-title", role: "heading", accessibilityLabel: title, children: title }));
 };
 
 /**
@@ -4542,7 +4138,7 @@ var RoundupTileChevron = function () {
     var ctaLink = tileContext.configuration.ctaLink;
     if (!ctaLink)
         return null;
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: styles.chevronContainer, children: jsxRuntimeExports.jsx(Icon, { name: "ChevronRight", size: 16, color: ((_b = (_a = sdk.theme) === null || _a === void 0 ? void 0 : _a.derivedSurfaceText) === null || _b === void 0 ? void 0 : _b[20]) || '#000000', role: "img", accessibilityLabel: "View balance" }) }));
+    return (jsxRuntime.jsx(reactNative.View, { style: styles.chevronContainer, children: jsxRuntime.jsx(Icon, { name: "ChevronRight", size: 16, color: ((_b = (_a = sdk.theme) === null || _a === void 0 ? void 0 : _a.derivedSurfaceText) === null || _b === void 0 ? void 0 : _b[20]) || '#000000', role: "img", accessibilityLabel: "View balance" }) }));
 };
 
 /**
@@ -4560,7 +4156,7 @@ var RoundupTileRoot = function (_a) {
         return null;
     var isFullSize = useTileSize(tile).isFullSize;
     var styles = useRoundupTileStyles(isFullSize);
-    return (jsxRuntimeExports.jsxs(BaseTile, { tile: tile, children: [isFullSize && jsxRuntimeExports.jsx(RoundupTile.Media, { isFullSize: true }), jsxRuntimeExports.jsx(reactNative.View, { style: styles.container, children: jsxRuntimeExports.jsxs(Row, { style: styles.contentContainer, children: [jsxRuntimeExports.jsxs(Column, { style: styles.contentColumn, children: [jsxRuntimeExports.jsx(RoundupTile.Title, {}), jsxRuntimeExports.jsx(RoundupTile.Points, {})] }), jsxRuntimeExports.jsxs(Column, { style: styles.mediaColumn, children: [!isFullSize && jsxRuntimeExports.jsx(RoundupTile.Media, { isFullSize: false }), jsxRuntimeExports.jsx(RoundupTile.Chevron, {})] })] }) })] }));
+    return (jsxRuntime.jsxs(BaseTile, { tile: tile, children: [isFullSize && jsxRuntime.jsx(RoundupTile.Media, { isFullSize: true }), jsxRuntime.jsx(reactNative.View, { style: styles.container, children: jsxRuntime.jsxs(Row, { style: styles.contentContainer, children: [jsxRuntime.jsxs(Column, { style: styles.contentColumn, children: [jsxRuntime.jsx(RoundupTile.Title, {}), jsxRuntime.jsx(RoundupTile.Points, {})] }), jsxRuntime.jsxs(Column, { style: styles.mediaColumn, children: [!isFullSize && jsxRuntime.jsx(RoundupTile.Media, { isFullSize: false }), jsxRuntime.jsx(RoundupTile.Chevron, {})] })] }) })] }));
 };
 /**
  * The PointsTile component with subcomponents attached.
@@ -4581,7 +4177,7 @@ var RoundupTile$1 = withTileFetching(RoundupTile);
 var VenueTileChevron = function () {
     var _a;
     var theme = useWllSdk().theme;
-    return (jsxRuntimeExports.jsx(Icon, { name: "ChevronRight", size: IS_MOBILE ? 16 : undefined, color: ((_a = theme === null || theme === void 0 ? void 0 : theme.derivedSurfaceText) === null || _a === void 0 ? void 0 : _a[20]) || '#000000', role: "img", accessibilityLabel: "View venue details" }));
+    return (jsxRuntime.jsx(Icon, { name: "ChevronRight", size: IS_MOBILE ? 16 : undefined, color: ((_a = theme === null || theme === void 0 ? void 0 : theme.derivedSurfaceText) === null || _a === void 0 ? void 0 : _a[20]) || '#000000', role: "img", accessibilityLabel: "View venue details" }));
 };
 
 /**
@@ -4665,7 +4261,7 @@ var VenueTileMedia = function () {
     var _a = tileContext.configuration, artworkUrl = _a.artworkUrl, _b = _a.name, name = _b === void 0 ? 'Venue' : _b, _c = _a.isLocked, isLocked = _c === void 0 ? false : _c;
     var containerStyle = __assign({ flexBasis: '50%' }, (tileContext.tileHeight === exports.TileHeight.Half && { minHeight: 0 }));
     var showCenteredPin = !artworkUrl && !isLocked;
-    return (jsxRuntimeExports.jsxs(reactNative.View, { style: [styles.imageContainer, containerStyle], testID: "venue-tile-media", role: "img", accessibilityLabel: "Venue image for ".concat(name), children: [artworkUrl && (jsxRuntimeExports.jsx(ProgressiveImage, { source: { uri: artworkUrl }, style: styles.image, alt: "Venue image for ".concat(name) })), jsxRuntimeExports.jsxs(reactNative.View, { style: styles.lockOverlay, testID: "lock-overlay", children: [isLocked && jsxRuntimeExports.jsx(Icon, { name: "LockKeyhole", size: 48, color: "white" }), showCenteredPin ? (jsxRuntimeExports.jsx(Icon, { name: "MapPin", size: 48, color: "white" })) : (jsxRuntimeExports.jsx(reactNative.View, { style: styles.pinOverlay, testID: "pin-overlay", children: jsxRuntimeExports.jsx(Icon, { name: "MapPin", size: 24, color: "white" }) }))] })] }));
+    return (jsxRuntime.jsxs(reactNative.View, { style: [styles.imageContainer, containerStyle], testID: "venue-tile-media", role: "img", accessibilityLabel: "Venue image for ".concat(name), children: [artworkUrl && (jsxRuntime.jsx(ProgressiveImage, { source: { uri: artworkUrl }, style: styles.image, alt: "Venue image for ".concat(name) })), jsxRuntime.jsxs(reactNative.View, { style: styles.lockOverlay, testID: "lock-overlay", children: [isLocked && jsxRuntime.jsx(Icon, { name: "LockKeyhole", size: 48, color: "white" }), showCenteredPin ? (jsxRuntime.jsx(Icon, { name: "MapPin", size: 48, color: "white" })) : (jsxRuntime.jsx(reactNative.View, { style: styles.pinOverlay, testID: "pin-overlay", children: jsxRuntime.jsx(Icon, { name: "MapPin", size: 24, color: "white" }) }))] })] }));
 };
 
 /**
@@ -4680,7 +4276,7 @@ var VenueTileDescription = function () {
     var description = tileContext.configuration.description;
     if (!description)
         return null;
-    return (jsxRuntimeExports.jsx(Text, { variant: "body", role: "article", accessibilityLabel: description, testID: "venue-tile-description", numberOfLines: 3, ellipsizeMode: "tail", children: description }));
+    return (jsxRuntime.jsx(Text, { variant: "body", role: "article", accessibilityLabel: description, testID: "venue-tile-description", numberOfLines: 3, ellipsizeMode: "tail", children: description }));
 };
 
 /**
@@ -4701,7 +4297,7 @@ var VenueTileTitle = function () {
             return styles.tileTitle;
         }
     };
-    return (jsxRuntimeExports.jsx(Text, { variant: "title", ellipsizeMode: "tail", numberOfLines: 1, role: "heading", accessibilityLabel: "Venue title: ".concat(name), testID: "venue-tile-title", style: handleTitleWidth(), children: name }));
+    return (jsxRuntime.jsx(Text, { variant: "title", ellipsizeMode: "tail", numberOfLines: 1, role: "heading", accessibilityLabel: "Venue title: ".concat(name), testID: "venue-tile-title", style: handleTitleWidth(), children: name }));
 };
 
 /**
@@ -4718,7 +4314,7 @@ var VenueTileRoot = function (_a) {
         !tile.active ||
         !tile.configuration)
         return null;
-    return (jsxRuntimeExports.jsxs(BaseTile, { tile: tile, children: [jsxRuntimeExports.jsx(VenueTile.Media, {}), jsxRuntimeExports.jsxs(Layout, { children: [jsxRuntimeExports.jsxs(Row, { justify: "between", align: "center", style: styles.header, children: [jsxRuntimeExports.jsx(VenueTile.Title, {}), jsxRuntimeExports.jsx(VenueTile.Chevron, {})] }), jsxRuntimeExports.jsx(VenueTile.Description, {})] })] }));
+    return (jsxRuntime.jsxs(BaseTile, { tile: tile, children: [jsxRuntime.jsx(VenueTile.Media, {}), jsxRuntime.jsxs(Layout, { children: [jsxRuntime.jsxs(Row, { justify: "between", align: "center", style: styles.header, children: [jsxRuntime.jsx(VenueTile.Title, {}), jsxRuntime.jsx(VenueTile.Chevron, {})] }), jsxRuntime.jsx(VenueTile.Description, {})] })] }));
 };
 /**
  * The VenueTile component with subcomponents attached.
@@ -4751,16 +4347,16 @@ var TileContainer = function (_a) {
     var allHalfHeight = tiles.length > 0 &&
         tiles.every(function (tile) { return tile.tileHeight === exports.TileHeight.Half; });
     var halfHeightGap = allHalfHeight ? GRID_GAP / 2 : GRID_GAP;
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: [styles.container, allHalfHeight && { aspectRatio: 1 }], testID: "tile-container", children: tiles.map(function (tile, index) {
+    return (jsxRuntime.jsx(reactNative.View, { style: [styles.container, allHalfHeight && { aspectRatio: 1 }], testID: "tile-container", children: tiles.map(function (tile, index) {
             var TileComponent = TILE_COMPONENTS[tile.type];
             var isHalfHeight = tile.tileHeight === exports.TileHeight.Half;
-            return (jsxRuntimeExports.jsx(reactNative.View, { style: [
+            return (jsxRuntime.jsx(reactNative.View, { style: [
                     styles.tileWrapper,
                     isHalfHeight && styles.halfHeightTile,
                     index > 0 && {
                         marginTop: allHalfHeight ? halfHeightGap : GRID_GAP,
                     },
-                ], children: TileComponent ? jsxRuntimeExports.jsx(TileComponent, { tile: tile }) : null }, tile.id));
+                ], children: TileComponent ? jsxRuntime.jsx(TileComponent, { tile: tile }) : null }, tile.id));
         }) }));
 };
 var styles = reactNative.StyleSheet.create({
@@ -4848,7 +4444,7 @@ var Chip = function (_a) {
     var computedAccessibilityLabel = accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : (typeof label === 'string' ? label : undefined);
     var _e = mapLiveRegion(ariaLive), accessibilityLiveRegion = _e.native, ariaLiveValue = _e.web;
     var isIndividuallyAccessible = computedAccessibilityLabel !== undefined;
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: [styles.container, variantStyles.container, style], accessible: isIndividuallyAccessible, accessibilityRole: role, accessibilityLiveRegion: accessibilityLiveRegion, accessibilityLabel: computedAccessibilityLabel, "aria-live": ariaLiveValue, testID: testID, children: jsxRuntimeExports.jsx(reactNative.Text, { style: [styles.label, variantStyles.label, labelStyle], numberOfLines: 1, ellipsizeMode: "tail", accessible: false, importantForAccessibility: "no", children: label }) }));
+    return (jsxRuntime.jsx(reactNative.View, { style: [styles.container, variantStyles.container, style], accessible: isIndividuallyAccessible, accessibilityRole: role, accessibilityLiveRegion: accessibilityLiveRegion, accessibilityLabel: computedAccessibilityLabel, "aria-live": ariaLiveValue, testID: testID, children: jsxRuntime.jsx(reactNative.Text, { style: [styles.label, variantStyles.label, labelStyle], numberOfLines: 1, ellipsizeMode: "tail", accessible: false, importantForAccessibility: "no", children: label }) }));
 };
 
 var Reward = /** @class */ (function () {