npm - @hero-design/rn - Versions diffs - 8.64.4-alpha → 8.64.5 - Mend

@hero-design/rn 8.64.4-alpha → 8.64.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (279) hide show

package/lib/index.js CHANGED Viewed

@@ -1,5 +1,7 @@
 'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 var reactNative = require('react-native');
 var React = require('react');
 var reactNativeVectorIcons = require('react-native-vector-icons');
@@ -13,7 +15,7 @@ var PagerView = require('react-native-pager-view');
 var events = require('events');
 var reactNativeWebview = require('react-native-webview');
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -29,16 +31,17 @@ function _interopNamespace(e) {
       }
     });
   }
-  n.default = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 var reactNative__namespace = /*#__PURE__*/_interopNamespace(reactNative);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var DateTimePicker__default = /*#__PURE__*/_interopDefault(DateTimePicker);
-var RnSlider__default = /*#__PURE__*/_interopDefault(RnSlider);
-var LinearGradient__default = /*#__PURE__*/_interopDefault(LinearGradient);
-var PagerView__default = /*#__PURE__*/_interopDefault(PagerView);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var DateTimePicker__default = /*#__PURE__*/_interopDefaultLegacy(DateTimePicker);
+var RnSlider__default = /*#__PURE__*/_interopDefaultLegacy(RnSlider);
+var LinearGradient__default = /*#__PURE__*/_interopDefaultLegacy(LinearGradient);
+var PagerView__default = /*#__PURE__*/_interopDefaultLegacy(PagerView);
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -2897,7 +2900,8 @@ var getPinInputTheme = function getPinInputTheme(theme) {
   };
   var fontSizes = {
     cellText: theme.fontSizes.xxxxlarge,
-    errorMessage: theme.fontSizes.small
+    errorMessage: theme.fontSizes.small,
+    hiddenInputText: theme.fontSizes['7xlarge']
   };
   var lineHeights = {
     cellText: theme.lineHeights.xxxxlarge,
@@ -2910,7 +2914,9 @@ var getPinInputTheme = function getPinInputTheme(theme) {
   };
   var space = {
     spacer: theme.space.medium,
-    errorMessagePadding: theme.space.xsmall
+    errorMessagePadding: theme.space.xsmall,
+    hiddenInputText: theme.space.xlarge,
+    hiddenInputHorrizontalPadding: theme.space.small
   };
   var radii = {
     cell: theme.radii.medium,
@@ -4943,15 +4949,15 @@ var ThemeSwitcher = function ThemeSwitcher(_ref) {
         return getTheme$1(scale$1, swagDarkSystemPalette);
     }
   }, [name]);
-  return /*#__PURE__*/React__namespace.default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
     theme: theme
   }, children);
 };
 var withTheme = function withTheme(C, themeName) {
   return function (props) {
-    return /*#__PURE__*/React__namespace.default.createElement(ThemeSwitcher, {
+    return /*#__PURE__*/React__default["default"].createElement(ThemeSwitcher, {
       name: themeName
-    }, /*#__PURE__*/React__namespace.default.createElement(C, props));
+    }, /*#__PURE__*/React__default["default"].createElement(C, props));
   };
 };
@@ -6635,14 +6641,14 @@ var index$9 = components.reduce(function (acc, comp) {
 // Get previous state value
 var usePrevious = function usePrevious(value) {
-  var ref = React__namespace.default.useRef();
-  React__namespace.default.useEffect(function () {
+  var ref = React__default["default"].useRef();
+  React__default["default"].useEffect(function () {
     ref.current = value;
   }, [value]);
   return ref.current;
 };
 function usePropsOrInternalState(initialState, state, setState) {
-  var _React$useState = React__namespace.default.useState(initialState),
+  var _React$useState = React__default["default"].useState(initialState),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     internalState = _React$useState2[0],
     setInternalState = _React$useState2[1];
@@ -6690,11 +6696,11 @@ var Collapse = function Collapse(_ref) {
     testID = _ref.testID,
     style = _ref.style,
     onLayout = _ref.onLayout;
-  var _React$useState = React__namespace.default.useState(0),
+  var _React$useState = React__default["default"].useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     contentHeight = _React$useState2[0],
     setContentHeight = _React$useState2[1];
-  var _React$useState3 = React__namespace.default.useState(false),
+  var _React$useState3 = React__default["default"].useState(false),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     componentMounted = _React$useState4[0],
     setComponentMounted = _React$useState4[1];
@@ -6712,13 +6718,13 @@ var Collapse = function Collapse(_ref) {
     setComponentMounted(true);
     onLayout === null || onLayout === void 0 || onLayout(e);
   }, []);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$d, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$d, {
     style: {
       height: open ? contentHeight : 0
     },
     onLayout: onCollapseLayout,
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledHiddenWrapper, null, /*#__PURE__*/React__namespace.default.createElement(StyledChildWrapper, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledHiddenWrapper, null, /*#__PURE__*/React__default["default"].createElement(StyledChildWrapper, {
     onLayout: function onLayout(event) {
       return fetchMaxHeight(event.nativeEvent.layout);
     },
@@ -6794,7 +6800,7 @@ var Text = function Text(_ref) {
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
     nativeProps = _objectWithoutProperties(_ref, _excluded$D);
   useDeprecation('Typography.Text is deprecated and will be removed in the next major release, please refer to https://design.employmenthero.com/mobile/Components/typography for the appropriate alternatives.');
-  return /*#__PURE__*/React__namespace.default.createElement(StyledText$3, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledText$3, _extends$1({}, nativeProps, {
     themeFontSize: fontSize,
     themeFontWeight: fontWeight,
     themeIntent: intent,
@@ -6832,7 +6838,7 @@ var Caption = function Caption(_ref) {
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
     nativeProps = _objectWithoutProperties(_ref, _excluded$C);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledCaption, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledCaption, _extends$1({}, nativeProps, {
     themeFontWeight: fontWeight,
     themeIntent: intent,
     allowFontScaling: allowFontScaling
@@ -6858,7 +6864,7 @@ var Label = function Label(_ref) {
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
     nativeProps = _objectWithoutProperties(_ref, _excluded$B);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledLabel$1, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledLabel$1, _extends$1({}, nativeProps, {
     themeIntent: intent,
     allowFontScaling: allowFontScaling
   }), children);
@@ -6890,7 +6896,7 @@ var Title = function Title(_ref) {
     _ref$typeface = _ref.typeface,
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
     nativeProps = _objectWithoutProperties(_ref, _excluded$A);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledTitle$1, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledTitle$1, _extends$1({}, nativeProps, {
     themeLevel: level,
     themeTypeface: typeface,
     themeIntent: intent,
@@ -6936,7 +6942,7 @@ var Body = function Body(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'regular' : _ref$variant,
     nativeProps = _objectWithoutProperties(_ref, _excluded$z);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledBody, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledBody, _extends$1({}, nativeProps, {
     themeTypeface: typeface,
     themeIntent: intent,
     themeVariant: variant,
@@ -7523,13 +7529,13 @@ var AnimatedIcon = function AnimatedIcon(_ref) {
     inputRange: [0, 1],
     outputRange: ['0deg', '360deg']
   });
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
     style: [{
       transform: [{
         rotate: interpolatedRotateAnimation
       }]
     }, style]
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledHeroIcon, otherProps));
+  }, /*#__PURE__*/React__default["default"].createElement(StyledHeroIcon, otherProps));
 };
 var Icon = function Icon(_ref) {
@@ -7567,13 +7573,13 @@ var Icon = function Icon(_ref) {
     accessibilityViewIsModal: accessibilityViewIsModal,
     accessibilityActions: accessibilityActions
   };
-  return spin ? /*#__PURE__*/React__namespace.default.createElement(AnimatedIcon, _extends$1({
+  return spin ? /*#__PURE__*/React__default["default"].createElement(AnimatedIcon, _extends$1({
     name: icon,
     themeIntent: intent,
     themeSize: size,
     style: style,
     testID: testID
-  }, accessibilityProps)) : /*#__PURE__*/React__namespace.default.createElement(StyledHeroIcon, _extends$1({
+  }, accessibilityProps)) : /*#__PURE__*/React__default["default"].createElement(StyledHeroIcon, _extends$1({
     name: icon,
     themeIntent: intent,
     themeSize: size,
@@ -7593,19 +7599,19 @@ var AccordionItem = function AccordionItem(_ref) {
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     style = _ref.style,
     testID = _ref.testID;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledItemWrapper$1, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledItemWrapper$1, {
     themeVariant: variant,
     style: style,
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledHeaderWrapper$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledHeaderWrapper$1, {
     onPress: onPress
-  }, typeof header === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  }, typeof header === 'string' ? /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     variant: "regular-bold"
-  }, header) : header, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, header) : header, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: open ? 'arrow-up' : 'arrow-down',
     intent: "secondary",
     size: "small"
-  })), /*#__PURE__*/React__namespace.default.createElement(StyledCollapse, {
+  })), /*#__PURE__*/React__default["default"].createElement(StyledCollapse, {
     open: open
   }, content));
 };
@@ -7626,18 +7632,18 @@ var Accordion = function Accordion(_ref) {
     _usePropsOrInternalSt2 = _slicedToArray(_usePropsOrInternalSt, 2),
     _activeItemKey = _usePropsOrInternalSt2[0],
     _onItemPress = _usePropsOrInternalSt2[1];
-  return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$c, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$c, {
     style: style,
     testID: testID
   }, items.map(function (_ref2, index) {
     var key = _ref2.key,
       props = _objectWithoutProperties(_ref2, _excluded$x);
     var open = _activeItemKey === key;
-    return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
       key: key
-    }, variant === 'card' && index !== 0 && /*#__PURE__*/React__namespace.default.createElement(Spacer$1, {
+    }, variant === 'card' && index !== 0 && /*#__PURE__*/React__default["default"].createElement(Spacer$1, {
       testID: "accordion-spacer"
-    }), /*#__PURE__*/React__namespace.default.createElement(AccordionItem, _extends$1({}, props, {
+    }), /*#__PURE__*/React__default["default"].createElement(AccordionItem, _extends$1({}, props, {
       open: open,
       onPress: function onPress() {
         return _onItemPress(open ? defaultValue : key);
@@ -7708,9 +7714,9 @@ var getIntentIcon$1 = function getIntentIcon(intent) {
 };
 var AlertIcon = function AlertIcon(_ref) {
   var icon = _ref.icon;
-  return icon ? /*#__PURE__*/React__namespace.default.createElement(IconContainer$1, {
+  return icon ? /*#__PURE__*/React__default["default"].createElement(IconContainer$1, {
     testID: "alert-left-icon"
-  }, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: icon,
     size: "small"
   })) : null;
@@ -7728,25 +7734,25 @@ var Alert = function Alert(_ref2) {
     testID = _ref2.testID,
     actionLabel = _ref2.actionLabel;
   useDeprecation("Alert's notification intent is deprecated and will be removed in the next major release. Please use other intents instead.", intent === 'notification');
-  return /*#__PURE__*/React__namespace.default.createElement(Container$1, {
+  return /*#__PURE__*/React__default["default"].createElement(Container$1, {
     themeVariant: variant,
     themeIntent: intent,
     style: style,
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(ContentContainer$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(ContentContainer$1, {
     showDivider: !!onClose
-  }, icon !== null ? /*#__PURE__*/React__namespace.default.createElement(AlertIcon, {
+  }, icon !== null ? /*#__PURE__*/React__default["default"].createElement(AlertIcon, {
     icon: icon || getIntentIcon$1(intent)
-  }) : null, /*#__PURE__*/React__namespace.default.createElement(TextContainer$1, null, typeof title === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  }) : null, /*#__PURE__*/React__default["default"].createElement(TextContainer$1, null, typeof title === 'string' ? /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     variant: "small-bold"
-  }, title) : title, typeof content === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  }, title) : title, typeof content === 'string' ? /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     variant: "small"
-  }, content) : content)), onClose ? /*#__PURE__*/React__namespace.default.createElement(CTAWrapper$1, {
+  }, content) : content)), onClose ? /*#__PURE__*/React__default["default"].createElement(CTAWrapper$1, {
     onPress: onClose,
     testID: "alert-close-icon"
-  }, typeof actionLabel === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  }, typeof actionLabel === 'string' ? /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     variant: "small-bold"
-  }, actionLabel) : /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, actionLabel) : /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "cancel",
     size: "small"
   })) : null);
@@ -7794,26 +7800,26 @@ var Attachment = function Attachment(_ref) {
     backgroundHighlighted = _ref$backgroundHighli === void 0 ? false : _ref$backgroundHighli,
     style = _ref.style,
     testID = _ref.testID;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$6, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledContainer$6, {
     testID: testID,
     style: style
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledContentContainer$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledContentContainer$1, {
     themeHighlighted: backgroundHighlighted
-  }, previewElement, filename ? /*#__PURE__*/React__namespace.default.createElement(StyledTextContainer, {
+  }, previewElement, filename ? /*#__PURE__*/React__default["default"].createElement(StyledTextContainer, {
     testID: "attachment-content"
-  }, /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     variant: "small",
     numberOfLines: 1
-  }, filename)) : null), onDownload ? /*#__PURE__*/React__namespace.default.createElement(StyledCTAWrapper, {
+  }, filename)) : null), onDownload ? /*#__PURE__*/React__default["default"].createElement(StyledCTAWrapper, {
     onPress: onDownload,
     testID: "attachment-download-icon"
-  }, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "download-outlined",
     size: "small"
-  })) : null, onRemove ? /*#__PURE__*/React__namespace.default.createElement(StyledCTAWrapper, {
+  })) : null, onRemove ? /*#__PURE__*/React__default["default"].createElement(StyledCTAWrapper, {
     onPress: onRemove,
     testID: "attachment-remove-icon"
-  }, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "trash-bin-outlined",
     size: "small",
     intent: "danger"
@@ -7889,16 +7895,16 @@ var Avatar = function Avatar(_ref) {
     hasImageError = _useState2[0],
     setHasImageError = _useState2[1];
   if (title === undefined && source === undefined) return null;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$b, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$b, {
     testID: testID,
     onPress: onPress,
     disabled: onPress === undefined,
     themeIntent: intent,
     themeSize: size,
     style: style
-  }, (source === undefined || hasImageError) && /*#__PURE__*/React__namespace.default.createElement(StyledTextWrapper$1, null, /*#__PURE__*/React__namespace.default.createElement(StyledText$2, {
+  }, (source === undefined || hasImageError) && /*#__PURE__*/React__default["default"].createElement(StyledTextWrapper$1, null, /*#__PURE__*/React__default["default"].createElement(StyledText$2, {
     themeSize: size
-  }, title)), source !== undefined && /*#__PURE__*/React__namespace.default.createElement(StyledImage, {
+  }, title)), source !== undefined && /*#__PURE__*/React__default["default"].createElement(StyledImage, {
     resizeMode: "cover",
     source: source,
     themeSize: size,
@@ -8143,7 +8149,7 @@ var Box = function Box(_ref) {
     style = _ref.style,
     testID = _ref.testID,
     otherProps = _objectWithoutProperties(_ref, _excluded$v);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledBox, _extends$1({}, otherProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledBox, _extends$1({}, otherProps, {
     style: style,
     testID: testID
   }), children);
@@ -8242,7 +8248,7 @@ var Surplus = function Surplus(_ref) {
     backgroundColor = _ref.backgroundColor;
   if (value > 0) {
     if (renderSurplus) {
-      return /*#__PURE__*/React__namespace.default.createElement(StyledSurplusContainer, {
+      return /*#__PURE__*/React__default["default"].createElement(StyledSurplusContainer, {
         testID: "surplus-container",
         themeSize: size,
         themeVariant: variant,
@@ -8252,7 +8258,7 @@ var Surplus = function Surplus(_ref) {
         }
       }, renderSurplus(value));
     }
-    return /*#__PURE__*/React__namespace.default.createElement(StyledAvatar, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledAvatar, {
       testID: "surplus-container",
       themeVariant: variant,
       title: "+".concat(value),
@@ -8288,7 +8294,7 @@ var AvatarStack = function AvatarStack(_ref2) {
     }
     return remain;
   }();
-  return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$a, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$a, {
     themeSize: size,
     themeAvatarCount: avatars.length,
     themeHasSurplus: remainingAvatar > 0,
@@ -8296,7 +8302,7 @@ var AvatarStack = function AvatarStack(_ref2) {
     testID: testID,
     themeVariant: variant
   }, avatars.map(function (avt, index) {
-    return /*#__PURE__*/React__namespace.default.createElement(StyledAvatar, _extends$1({
+    return /*#__PURE__*/React__default["default"].createElement(StyledAvatar, _extends$1({
       themeVariant: variant
     }, avt.props, {
       size: size,
@@ -8305,7 +8311,7 @@ var AvatarStack = function AvatarStack(_ref2) {
         backgroundColor: colors[index % colors.length]
       }
     }));
-  }), /*#__PURE__*/React__namespace.default.createElement(Surplus, {
+  }), /*#__PURE__*/React__default["default"].createElement(Surplus, {
     value: remainingAvatar,
     index: avatars.length,
     size: size,
@@ -8366,10 +8372,10 @@ var Status = function Status(_ref) {
     style = _ref.style,
     testID = _ref.testID,
     nativeProps = _objectWithoutProperties(_ref, _excluded$u);
-  var _React$useRef = React__namespace.default.useRef(new reactNative.Animated.Value(visible ? 1 : 0)),
+  var _React$useRef = React__default["default"].useRef(new reactNative.Animated.Value(visible ? 1 : 0)),
     opacity = _React$useRef.current;
-  var isFirstRendering = React__namespace.default.useRef(true);
-  React__namespace.default.useEffect(function () {
+  var isFirstRendering = React__default["default"].useRef(true);
+  React__default["default"].useEffect(function () {
     // Do not run animation on very first rendering
     if (isFirstRendering.current) {
       isFirstRendering.current = false;
@@ -8381,10 +8387,10 @@ var Status = function Status(_ref) {
       useNativeDriver: true
     }).start();
   }, [visible, opacity]);
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.View, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, _extends$1({}, nativeProps, {
     style: style,
     testID: testID
-  }), children, /*#__PURE__*/React__namespace.default.createElement(StyledStatus, {
+  }), children, /*#__PURE__*/React__default["default"].createElement(StyledStatus, {
     style: {
       opacity: opacity,
       transform: [{
@@ -8414,10 +8420,10 @@ var Badge = function Badge(_ref) {
     style = _ref.style,
     testID = _ref.testID,
     nativeProps = _objectWithoutProperties(_ref, _excluded$t);
-  var _React$useRef = React__namespace.default.useRef(new reactNative.Animated.Value(visible ? 1 : 0)),
+  var _React$useRef = React__default["default"].useRef(new reactNative.Animated.Value(visible ? 1 : 0)),
     opacity = _React$useRef.current;
-  var isFirstRendering = React__namespace.default.useRef(true);
-  React__namespace.default.useEffect(function () {
+  var isFirstRendering = React__default["default"].useRef(true);
+  React__default["default"].useEffect(function () {
     // Do not run animation on very first rendering
     if (isFirstRendering.current) {
       isFirstRendering.current = false;
@@ -8430,7 +8436,7 @@ var Badge = function Badge(_ref) {
     }).start();
   }, [visible, opacity]);
   var content = typeof originalContent === 'number' && originalContent > max ? "".concat(max, "+") : String(originalContent);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledView$2, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledView$2, _extends$1({}, nativeProps, {
     themeIntent: intent,
     themePadding: getPaddingState(content),
     style: [{
@@ -8443,7 +8449,7 @@ var Badge = function Badge(_ref) {
       }]
     }, style],
     testID: testID
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledText$1, null, content));
+  }), /*#__PURE__*/React__default["default"].createElement(StyledText$1, null, content));
 };
 var Badge$1 = Object.assign(Badge, {
   Status: Status
@@ -8517,7 +8523,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
   /**
    * List of loaded tabs, tabs will be loaded when navigated to.
    */
-  var _React$useState = React__namespace.default.useState([selectedTabKey]),
+  var _React$useState = React__default["default"].useState([selectedTabKey]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     loaded = _React$useState2[0],
     setLoaded = _React$useState2[1];
@@ -8527,7 +8533,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
       return [].concat(_toConsumableArray(loadedState), [selectedTabKey]);
     });
   }
-  return /*#__PURE__*/React__namespace.default.createElement(BottomNavigationContainer, nativeProps, /*#__PURE__*/React__namespace.default.createElement(ContentWrapper, null, tabs.map(function (tab) {
+  return /*#__PURE__*/React__default["default"].createElement(BottomNavigationContainer, nativeProps, /*#__PURE__*/React__default["default"].createElement(ContentWrapper, null, tabs.map(function (tab) {
     var key = tab.key,
       component = tab.component,
       testID = tab.testID;
@@ -8539,7 +8545,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
       // Don't render a screen if we've never navigated to it
       return null;
     }
-    return /*#__PURE__*/React__namespace.default.createElement(BottomNavigationTab, {
+    return /*#__PURE__*/React__default["default"].createElement(BottomNavigationTab, {
       key: key,
       testID: testID ? "route-screen-".concat(testID) : undefined,
       pointerEvents: active ? 'auto' : 'none',
@@ -8552,26 +8558,26 @@ var BottomNavigation = function BottomNavigation(_ref) {
       isIOS ? selectedTabKey !== key : true,
       themeVisibility: active
     }, component);
-  })), /*#__PURE__*/React__namespace.default.createElement(BottomBarWrapper, {
+  })), /*#__PURE__*/React__default["default"].createElement(BottomBarWrapper, {
     themeInsets: insets
-  }, /*#__PURE__*/React__namespace.default.createElement(BottomBar, null, tabs.map(function (tab) {
+  }, /*#__PURE__*/React__default["default"].createElement(BottomBar, null, tabs.map(function (tab) {
     var key = tab.key,
       icon = tab.icon,
       title = tab.title,
       testID = tab.testID;
     var active = selectedTabKey === key;
     var inactiveIcon = getInactiveIcon(icon);
-    return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableWithoutFeedback, {
+    return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableWithoutFeedback, {
       key: key,
       onPress: function onPress() {
         return onTabPress(key);
       },
       testID: testID
-    }, /*#__PURE__*/React__namespace.default.createElement(BottomBarItem, null, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+    }, /*#__PURE__*/React__default["default"].createElement(BottomBarItem, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: active ? icon : inactiveIcon,
       intent: active ? 'primary' : 'text',
       testID: "hero-icon-".concat(icon)
-    }), !!title && /*#__PURE__*/React__namespace.default.createElement(StyledBottomBarText, {
+    }), !!title && /*#__PURE__*/React__default["default"].createElement(StyledBottomBarText, {
       fontWeight: "semi-bold",
       intent: active ? 'primary' : 'body',
       numberOfLines: 1
@@ -8605,7 +8611,7 @@ var Divider = function Divider(_ref) {
     style = _ref.style,
     testID = _ref.testID,
     nativeProps = _objectWithoutProperties(_ref, _excluded$r);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledDivider, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledDivider, _extends$1({}, nativeProps, {
     themeMarginHorizontal: marginHorizontal,
     themeMarginVertical: marginVertical,
     style: style,
@@ -8682,7 +8688,7 @@ var StyledIconWrapper$4 = index$9(reactNative.View)(function (_ref5) {
 var Footer$1 = function Footer(_ref) {
   var children = _ref.children,
     showDivider = _ref.showDivider;
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.View, null, showDivider ? /*#__PURE__*/React__namespace.default.createElement(Divider, null) : null, /*#__PURE__*/React__namespace.default.createElement(StyledFooter, null, children));
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, null, showDivider ? /*#__PURE__*/React__default["default"].createElement(Divider, null) : null, /*#__PURE__*/React__default["default"].createElement(StyledFooter, null, children));
 };
 var genLoadingIndicatorStyles = function genLoadingIndicatorStyles(theme, intent) {
@@ -8741,14 +8747,14 @@ var renderDotComponent = function renderDotComponent(_ref) {
     inputRange: [0.0, (index + 0.5) / (count + 1), (index + 1.0) / (count + 1), (index + 1.5) / (count + 1), 1.0],
     outputRange: [1.0, 1.36, 1.56, 1.06, 1.0]
   });
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
     style: reactNative.StyleSheet.flatten([{
       transform: [{
         scale: interpolatedProgressAnimation
       }]
     }]),
     key: index
-  }, /*#__PURE__*/React__namespace.default.createElement(AnimatedLoadingDot, {
+  }, /*#__PURE__*/React__default["default"].createElement(AnimatedLoadingDot, {
     size: size,
     themeVariant: themeVariant
   }));
@@ -8786,7 +8792,7 @@ var LoadingIndicator = function LoadingIndicator(_ref2) {
     }
     return null;
   };
-  return /*#__PURE__*/React__namespace.default.createElement(AnimatedLoadingIndicatorWrapper, _extends$1({
+  return /*#__PURE__*/React__default["default"].createElement(AnimatedLoadingIndicatorWrapper, _extends$1({
     testID: testID
   }, nativeProps), Array.from(new Array(count), renderLoadingDot, themeVariant));
 };
@@ -9053,7 +9059,7 @@ var Button = function Button(_ref) {
     return getUnderlayColor(theme, themeVariant);
   }, [theme, themeVariant]);
   useDeprecation("Button variant ".concat(deprecatedVariants.join(', '), " are deprecated."), deprecatedVariants.includes(themeVariant));
-  return /*#__PURE__*/React__namespace.default.createElement(StyledButtonContainer, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledButtonContainer, {
     accessibilityHint: accessibilityHint,
     accessibilityLabel: accessibilityLabel,
     disabled: disabled || loading,
@@ -9063,31 +9069,31 @@ var Button = function Button(_ref) {
     themeButtonVariant: themeVariant,
     style: style,
     underlayColor: underlayColor
-  }, loading === true ? /*#__PURE__*/React__namespace.default.createElement(LoadingIndicator, {
+  }, loading === true ? /*#__PURE__*/React__default["default"].createElement(LoadingIndicator, {
     testID: "".concat(testID, "-loading-indicator"),
     themeVariant: themeVariant
-  }) : /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, icon !== undefined && /*#__PURE__*/React__namespace.default.createElement(StyledButtonIconWrapper, {
+  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, icon !== undefined && /*#__PURE__*/React__default["default"].createElement(StyledButtonIconWrapper, {
     themePosition: "left"
-  }, isIconName(icon) ? /*#__PURE__*/React__namespace.default.createElement(StyledButtonIcon, {
+  }, isIconName(icon) ? /*#__PURE__*/React__default["default"].createElement(StyledButtonIcon, {
     disabled: disabled,
     icon: icon,
     testID: "".concat(testID, "-left-icon"),
     themeButtonVariant: themeVariant
-  }) : icon), isTextVariant(themeVariant) ? /*#__PURE__*/React__namespace.default.createElement(StyledButtonTitleOfVariantText, {
+  }) : icon), isTextVariant(themeVariant) ? /*#__PURE__*/React__default["default"].createElement(StyledButtonTitleOfVariantText, {
     variant: "regular-bold",
     ellipsizeMode: "tail",
     numberOfLines: 1,
     disabled: disabled,
     themeButtonVariant: themeVariant
-  }, text) : /*#__PURE__*/React__namespace.default.createElement(StyledButtonText, {
+  }, text) : /*#__PURE__*/React__default["default"].createElement(StyledButtonText, {
     level: "h5",
     ellipsizeMode: "tail",
     numberOfLines: 1,
     disabled: disabled,
     themeButtonVariant: themeVariant
-  }, text), rightIcon !== undefined && /*#__PURE__*/React__namespace.default.createElement(StyledButtonIconWrapper, {
+  }, text), rightIcon !== undefined && /*#__PURE__*/React__default["default"].createElement(StyledButtonIconWrapper, {
     themePosition: "right"
-  }, isIconName(rightIcon) ? /*#__PURE__*/React__namespace.default.createElement(StyledButtonIcon, {
+  }, isIconName(rightIcon) ? /*#__PURE__*/React__default["default"].createElement(StyledButtonIcon, {
     disabled: disabled,
     icon: rightIcon,
     testID: "".concat(testID, "-right-icon"),
@@ -9104,13 +9110,13 @@ var IconButton = function IconButton(_ref) {
     style = _ref.style,
     size = _ref.size,
     intent = _ref.intent;
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
     style: style,
     onPress: onPress,
     testID: testID,
     hitSlop: hitSlop,
     disabled: disabled
-  }, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: icon,
     size: size,
     intent: disabled ? 'disabled-text' : intent
@@ -9153,16 +9159,16 @@ var UtilityButton = function UtilityButton(_ref) {
     intent = _ref$intent === void 0 ? 'text' : _ref$intent,
     style = _ref.style,
     hitSlop = _ref.hitSlop;
-  return /*#__PURE__*/React__namespace.default.createElement(ButtonContainer, {
+  return /*#__PURE__*/React__default["default"].createElement(ButtonContainer, {
     style: style,
     onPress: onPress,
     testID: testID,
     hitSlop: hitSlop
-  }, /*#__PURE__*/React__namespace.default.createElement(IconWrapper, null, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement(IconWrapper, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: icon,
     intent: intent,
     testID: "".concat(testID, "-icon")
-  })), /*#__PURE__*/React__namespace.default.createElement(ButtonText, {
+  })), /*#__PURE__*/React__default["default"].createElement(ButtonText, {
     intent: TEXT_INTENTS[intent]
   }, text));
 };
@@ -9180,19 +9186,19 @@ var Header = function Header(_ref) {
     _ref$onRequestClose = _ref.onRequestClose,
     onRequestClose = _ref$onRequestClose === void 0 ? noop$1 : _ref$onRequestClose,
     showCloseButton = _ref.showCloseButton;
-  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(StyledHeaderWrapper, null, typeof content === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledHeader, null, /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledHeaderWrapper, null, typeof content === 'string' ? /*#__PURE__*/React__default["default"].createElement(StyledHeader, null, /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     variant: "regular-bold"
-  }, content)) : /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  }, content)) : /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     style: {
       flex: 1
     }
-  }, content), showCloseButton ? /*#__PURE__*/React__namespace.default.createElement(StyledIconWrapper$4, null, /*#__PURE__*/React__namespace.default.createElement(CompoundButton.Icon, {
+  }, content), showCloseButton ? /*#__PURE__*/React__default["default"].createElement(StyledIconWrapper$4, null, /*#__PURE__*/React__default["default"].createElement(CompoundButton.Icon, {
     icon: "cancel",
     onPress: onRequestClose,
     intent: "text",
     testID: "bottom-sheet-close-icon",
     size: "xsmall"
-  })) : null), showDivider ? /*#__PURE__*/React__namespace.default.createElement(Divider, null) : null);
+  })) : null), showDivider ? /*#__PURE__*/React__default["default"].createElement(Divider, null) : null);
 };
 var _excluded$p = ["scrollEventThrottle"];
@@ -9217,7 +9223,7 @@ var BottomSheetScrollView = function BottomSheetScrollView(_ref) {
     setInternalShowDivider(false);
     props === null || props === void 0 || (_props$onMomentumScro2 = props.onMomentumScrollEnd) === null || _props$onMomentumScro2 === void 0 || _props$onMomentumScro2.call(props, e);
   }, []);
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.ScrollView, _extends$1({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.ScrollView, _extends$1({}, props, {
     onScrollBeginDrag: onScrollBeginDrag,
     onMomentumScrollBegin: onMomentumScrollBegin,
     onMomentumScrollEnd: onMomentumScrollEnd,
@@ -9303,23 +9309,23 @@ var BottomSheet = function BottomSheet(_ref) {
       setInternalShowDivider: setInternalShowDivider
     };
   }, [setInternalShowDivider]);
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.Modal, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Modal, {
     visible: visible,
     onRequestClose: onRequestClose,
     transparent: true,
     testID: testID,
     onShow: onOpen,
     supportedOrientations: supportedOrientations
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$9, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper$9, {
     pointerEvents: "box-none"
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledKeyboardAvoidingView, _extends$1({
+  }, /*#__PURE__*/React__default["default"].createElement(StyledKeyboardAvoidingView, _extends$1({
     behavior: reactNative.Platform.OS === 'ios' ? 'padding' : 'height'
-  }, keyboardAvoidingViewProps), /*#__PURE__*/React__namespace.default.createElement(StyledBackdrop$2, {
+  }, keyboardAvoidingViewProps), /*#__PURE__*/React__default["default"].createElement(StyledBackdrop$2, {
     style: {
       opacity: interpolateOpacity
     },
     onPress: onRequestClose
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledBottomSheet, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledBottomSheet, {
     style: [style, {
       transform: [{
         scaleY: height > 0 ? 1 : 0
@@ -9327,14 +9333,14 @@ var BottomSheet = function BottomSheet(_ref) {
         translateY: interpolateY
       }]
     }]
-  }, header !== undefined ? /*#__PURE__*/React__namespace.default.createElement(Header, {
+  }, header !== undefined ? /*#__PURE__*/React__default["default"].createElement(Header, {
     content: header,
     showDivider: internalShowDivider,
     onRequestClose: onRequestClose,
     showCloseButton: showCloseButton
-  }) : null, /*#__PURE__*/React__namespace.default.createElement(BottomSheetContext.Provider, {
+  }) : null, /*#__PURE__*/React__default["default"].createElement(BottomSheetContext.Provider, {
     value: BottomSheetContextValue
-  }, children), footer ? /*#__PURE__*/React__namespace.default.createElement(Footer$1, {
+  }, children), footer ? /*#__PURE__*/React__default["default"].createElement(Footer$1, {
     showDivider: showDivider
   }, footer) : null))));
 };
@@ -11635,29 +11641,29 @@ function ContentNavigator(_ref) {
     testID = _ref.testID,
     style = _ref.style;
   var theme = useTheme();
-  return /*#__PURE__*/React__namespace.default.createElement(Wrapper, {
+  return /*#__PURE__*/React__default["default"].createElement(Wrapper, {
     testID: testID,
     style: style
-  }, /*#__PURE__*/React__namespace.default.createElement(CompoundButton.Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement(CompoundButton.Icon, {
     icon: "arrow-left",
     onPress: onPreviousPress,
     disabled: previousDisabled,
     testID: "previous-icon-button"
-  }), fontSize === 'medium' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  }), fontSize === 'medium' ? /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     style: {
       paddingHorizontal: theme.__hd__.contentNavigator.space.valueHorizontalPadding
     },
     variant: "small-bold",
     onPress: onPress,
     testID: "content-navigator-value"
-  }, value) : /*#__PURE__*/React__namespace.default.createElement(Typography.Title, {
+  }, value) : /*#__PURE__*/React__default["default"].createElement(Typography.Title, {
     style: {
       paddingHorizontal: theme.__hd__.contentNavigator.space.valueHorizontalPadding
     },
     level: "h5",
     onPress: onPress,
     testID: "content-navigator-value"
-  }, value), /*#__PURE__*/React__namespace.default.createElement(CompoundButton.Icon, {
+  }, value), /*#__PURE__*/React__default["default"].createElement(CompoundButton.Icon, {
     icon: "arrow-right",
     onPress: onNextPress,
     disabled: nextDisabled,
@@ -11765,16 +11771,16 @@ var CalendarRowItem = function CalendarRowItem(_ref) {
     _ref$marked = _ref.marked,
     marked = _ref$marked === void 0 ? false : _ref$marked,
     itemWidth = _ref.itemWidth;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledCalendarRowItem, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledCalendarRowItem, {
     testID: "calendar-date-cell",
     themeItemWidth: itemWidth
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledCalendarCell, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledCalendarCell, {
     variant: getCellVariant(isSelected, isCurrent),
     onPress: onPress
-  }, /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     variant: "small",
     intent: isSelected ? 'inverted' : textIntent
-  }, date ? date.getDate() : ''), marked ? /*#__PURE__*/React__namespace.default.createElement(StyledMark, {
+  }, date ? date.getDate() : ''), marked ? /*#__PURE__*/React__default["default"].createElement(StyledMark, {
     testID: "calendar-date-mark",
     variant: isSelected ? 'inverted' : 'primary'
   }) : null));
@@ -11879,26 +11885,26 @@ var Calendar = function Calendar(_ref) {
   var disableNextButton = maxDate === undefined ? false : !daysOfNextMonth.some(function (date) {
     return date !== undefined;
   }) || maxDate <= lastDateOfMonth;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$5, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledContainer$5, {
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledCalendarHeader, null, /*#__PURE__*/React__namespace.default.createElement(ContentNavigator, {
-    value: !useMonthPicker ? formatTime('MMMM yyyy', visibleDate) : /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledCalendarHeader, null, /*#__PURE__*/React__default["default"].createElement(ContentNavigator, {
+    value: !useMonthPicker ? formatTime('MMMM yyyy', visibleDate) : /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
       testID: "calendar-month-picker",
       onPress: function onPress() {
         onToggleMonthPicker === null || onToggleMonthPicker === void 0 || onToggleMonthPicker(!monthPickerVisible);
         setMonthPickerVisible(!monthPickerVisible);
       }
-    }, /*#__PURE__*/React__namespace.default.createElement(Box, {
+    }, /*#__PURE__*/React__default["default"].createElement(Box, {
       flexDirection: "row",
       justifyContent: "center",
       alignItems: "center"
-    }, /*#__PURE__*/React__namespace.default.createElement(Typography.Title, {
+    }, /*#__PURE__*/React__default["default"].createElement(Typography.Title, {
       level: "h5",
       style: {
         textAlign: 'center',
         marginRight: theme.__hd__.calendar.space.headerMarginRight
       }
-    }, formatTime('MMMM yyyy', visibleDate)), /*#__PURE__*/React__namespace.default.createElement(Icon, {
+    }, formatTime('MMMM yyyy', visibleDate)), /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: monthPickerVisible ? 'arrow-up' : 'arrow-down',
       size: "small"
     }))),
@@ -11908,11 +11914,11 @@ var Calendar = function Calendar(_ref) {
     previousDisabled: disablePrevButton,
     nextDisabled: disableNextButton,
     fontSize: "large"
-  })), reactNative.Platform.OS === 'ios' && monthPickerVisible ? /*#__PURE__*/React__namespace.default.createElement(Box, {
+  })), reactNative.Platform.OS === 'ios' && monthPickerVisible ? /*#__PURE__*/React__default["default"].createElement(Box, {
     style: {
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNativeMonthYearPicker.MonthYearPickerViewIOS, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNativeMonthYearPicker.MonthYearPickerViewIOS, {
     value: value,
     minimumDate: minDate,
     maximumDate: maxDate,
@@ -11922,7 +11928,7 @@ var Calendar = function Calendar(_ref) {
       marginVertical: -theme.__hd__.calendar.space.iosPickerMarginVertical,
       width: contentWidth
     }
-  })) : /*#__PURE__*/React__namespace.default.createElement(Box, {
+  })) : /*#__PURE__*/React__default["default"].createElement(Box, {
     onLayout: reactNative.Platform.OS === 'ios' ? function (e) {
       var _e$nativeEvent$layout = e.nativeEvent.layout,
         width = _e$nativeEvent$layout.width,
@@ -11930,16 +11936,16 @@ var Calendar = function Calendar(_ref) {
       setContentHeight(height);
       setContentWidth(width);
     } : undefined
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledCalendarRow, null, DAYS_OF_WEEK.map(function (day) {
-    return /*#__PURE__*/React__namespace.default.createElement(StyledCalendarRowItem, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledCalendarRow, null, DAYS_OF_WEEK.map(function (day) {
+    return /*#__PURE__*/React__default["default"].createElement(StyledCalendarRowItem, {
       key: day
-    }, /*#__PURE__*/React__namespace.default.createElement(StyledCalendarDayNameCell, {
+    }, /*#__PURE__*/React__default["default"].createElement(StyledCalendarDayNameCell, {
       themeItemWidth: calendarItemWidth
-    }, /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+    }, /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
       variant: "small"
     }, day)));
-  })), /*#__PURE__*/React__namespace.default.createElement(StyledCalendarRow, null, daysOfPreviousMonth.map(function (date) {
-    return date ? /*#__PURE__*/React__namespace.default.createElement(CalendarRowItem, {
+  })), /*#__PURE__*/React__default["default"].createElement(StyledCalendarRow, null, daysOfPreviousMonth.map(function (date) {
+    return date ? /*#__PURE__*/React__default["default"].createElement(CalendarRowItem, {
       key: date.toDateString(),
       date: date,
       isCurrent: isEqDate(now, date),
@@ -11950,12 +11956,12 @@ var Calendar = function Calendar(_ref) {
       textIntent: "subdued",
       marked: parsedMaskedDate[date.toDateString()],
       itemWidth: contentWidth > 0 ? contentWidth / 7 : undefined
-    }) : /*#__PURE__*/React__namespace.default.createElement(StyledDisabledCalendarRowItem, {
+    }) : /*#__PURE__*/React__default["default"].createElement(StyledDisabledCalendarRowItem, {
       themeItemWidth: calendarItemWidth,
       testID: "calendar-disabled-cell"
     });
   }), daysOfCurrentMonth.map(function (date) {
-    return date ? /*#__PURE__*/React__namespace.default.createElement(CalendarRowItem, {
+    return date ? /*#__PURE__*/React__default["default"].createElement(CalendarRowItem, {
       itemWidth: calendarItemWidth,
       key: date.toDateString(),
       date: date,
@@ -11965,12 +11971,12 @@ var Calendar = function Calendar(_ref) {
         return onChange === null || onChange === void 0 ? void 0 : onChange(date);
       },
       marked: parsedMaskedDate[date.toDateString()]
-    }) : /*#__PURE__*/React__namespace.default.createElement(StyledDisabledCalendarRowItem, {
+    }) : /*#__PURE__*/React__default["default"].createElement(StyledDisabledCalendarRowItem, {
       themeItemWidth: calendarItemWidth,
       testID: "calendar-disabled-cell"
     });
   }), daysOfNextMonth.map(function (date) {
-    return date ? /*#__PURE__*/React__namespace.default.createElement(CalendarRowItem, {
+    return date ? /*#__PURE__*/React__default["default"].createElement(CalendarRowItem, {
       itemWidth: calendarItemWidth,
       key: date.toDateString(),
       date: date,
@@ -11981,11 +11987,11 @@ var Calendar = function Calendar(_ref) {
       },
       textIntent: "subdued",
       marked: parsedMaskedDate[date.toDateString()]
-    }) : /*#__PURE__*/React__namespace.default.createElement(StyledDisabledCalendarRowItem, {
+    }) : /*#__PURE__*/React__default["default"].createElement(StyledDisabledCalendarRowItem, {
       themeItemWidth: calendarItemWidth,
       testID: "calendar-disabled-cell"
     });
-  })), reactNative.Platform.OS === 'android' && monthPickerVisible && /*#__PURE__*/React__namespace.default.createElement(reactNativeMonthYearPicker.MonthYearPickerDialogueAndroid, {
+  })), reactNative.Platform.OS === 'android' && monthPickerVisible && /*#__PURE__*/React__default["default"].createElement(reactNativeMonthYearPicker.MonthYearPickerDialogueAndroid, {
     doneButtonLabel: monthPickerConfirmLabel,
     cancelButtonLabel: monthPickerCancelLabel,
     value: value,
@@ -12025,7 +12031,7 @@ var DataCard = function DataCard(_ref) {
     intent = _ref$intent === void 0 ? 'info' : _ref$intent,
     children = _ref.children,
     nativeProps = _objectWithoutProperties(_ref, _excluded$o);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledDataCard, nativeProps, /*#__PURE__*/React__namespace.default.createElement(Indicator, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledDataCard, nativeProps, /*#__PURE__*/React__default["default"].createElement(Indicator, {
     themeIntent: intent,
     testID: "data-card-indicator"
   }), children);
@@ -12047,7 +12053,7 @@ var Card = function Card(_ref) {
   var intent = _ref.intent,
     children = _ref.children,
     nativeProps = _objectWithoutProperties(_ref, _excluded$n);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledCard$1, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledCard$1, _extends$1({}, nativeProps, {
     themeIntent: intent
   }), children);
 };
@@ -12079,14 +12085,14 @@ var PageControl = function PageControl(_ref) {
     testID = _ref.testID,
     style = _ref.style;
   var theme = useTheme();
-  var animatedValue = React__namespace.default.useRef(new reactNative.Animated.Value(currentPage)).current;
-  React__namespace.default.useEffect(function () {
+  var animatedValue = React__default["default"].useRef(new reactNative.Animated.Value(currentPage)).current;
+  React__default["default"].useEffect(function () {
     reactNative.Animated.spring(animatedValue, {
       toValue: currentPage,
       useNativeDriver: false // Native driver does not support animating width, it will cause the app to crash if set to true
     }).start();
   }, [currentPage]);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledPageControl$2, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledPageControl$2, {
     testID: testID,
     style: style
   }, new Array(numberOfPages).fill('').map(function (_, index) {
@@ -12101,7 +12107,7 @@ var PageControl = function PageControl(_ref) {
       outputRange: [0.5, 1, 0.5],
       extrapolate: 'clamp'
     });
-    return /*#__PURE__*/React__namespace.default.createElement(StyledPageControlAnimatedView, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledPageControlAnimatedView, {
       accessibilityState: {
         selected: index === currentPage
       },
@@ -12199,7 +12205,7 @@ var CardCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       viewPosition: viewPosition
     });
   }, [currentIndex, items.length, viewPosition]);
-  React__namespace.default.useImperativeHandle(ref, function () {
+  React__default["default"].useImperativeHandle(ref, function () {
     return {
       snapToIndex: function snapToIndex(index) {
         _snapToIndex(index);
@@ -12245,17 +12251,17 @@ var CardCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, [setFlatListWidth, onLayout]);
   var renderItem = React.useCallback(function (_ref3) {
     var item = _ref3.item;
-    return /*#__PURE__*/React__namespace.default.createElement(StyledItemWrapper, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledItemWrapper, {
       style: {
         width: itemWidth
       }
-    }, /*#__PURE__*/React__namespace.default.createElement(StyledCard, null, item));
+    }, /*#__PURE__*/React__default["default"].createElement(StyledCard, null, item));
   }, [itemWidth]);
   var contentContainerPaddingHorizontal = theme.__hd__.cardCarousel.space.contentContainerPaddingHorizontal;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$8, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$8, {
     style: style,
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.FlatList, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.FlatList, {
     contentInset: {
       top: 0,
       left: contentContainerPaddingHorizontal,
@@ -12263,14 +12269,14 @@ var CardCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       right: contentContainerPaddingHorizontal
     },
     ListHeaderComponent: reactNative.Platform.select({
-      android: /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+      android: /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
         style: {
           width: contentContainerPaddingHorizontal
         }
       })
     }),
     ListFooterComponent: reactNative.Platform.select({
-      android: /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+      android: /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
         style: {
           width: contentContainerPaddingHorizontal
         }
@@ -12299,7 +12305,7 @@ var CardCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     viewabilityConfig: {
       itemVisiblePercentThreshold: 80
     }
-  }), !hidePageControl && /*#__PURE__*/React__namespace.default.createElement(StyledPageControl$1, {
+  }), !hidePageControl && /*#__PURE__*/React__default["default"].createElement(StyledPageControl$1, {
     testID: "pageControl",
     currentPage: currentIndex,
     numberOfPages: items.length
@@ -12318,7 +12324,7 @@ var Image = function Image(_ref) {
     imageNativeProps = _objectWithoutProperties(_ref, _excluded$m);
   var theme = useTheme();
   var imageSize = theme.__hd__.image.sizes[size];
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.Image, _extends$1({
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Image, _extends$1({
     testID: testID,
     style: [{
       width: imageSize,
@@ -12412,10 +12418,10 @@ var CarouselItem = function CarouselItem(_ref) {
     heading = _ref.heading,
     body = _ref.body;
   var theme = useTheme$1();
-  var ImageComponent = React__namespace.default.useMemo(function () {
+  var ImageComponent = React__default["default"].useMemo(function () {
     if (image) {
       if (isCarouselImageProps(image)) {
-        return /*#__PURE__*/React__namespace.default.createElement(StyledCustomSizeCarouselImage, {
+        return /*#__PURE__*/React__default["default"].createElement(StyledCustomSizeCarouselImage, {
           source: image,
           themeHeight: image.height,
           themeWidth: image.width,
@@ -12425,7 +12431,7 @@ var CarouselItem = function CarouselItem(_ref) {
           }
         });
       }
-      return /*#__PURE__*/React__namespace.default.createElement(StyledCarouselImage, {
+      return /*#__PURE__*/React__default["default"].createElement(StyledCarouselImage, {
         source: typeof image === 'string' ? {
           uri: image
         } : image,
@@ -12436,17 +12442,17 @@ var CarouselItem = function CarouselItem(_ref) {
     }
     return null;
   }, [image]);
-  return /*#__PURE__*/React__namespace.default.createElement(Box, {
+  return /*#__PURE__*/React__default["default"].createElement(Box, {
     style: {
       width: width
     }
-  }, ImageComponent, /*#__PURE__*/React__namespace.default.createElement(StyledCarouselContentWrapper, {
+  }, ImageComponent, /*#__PURE__*/React__default["default"].createElement(StyledCarouselContentWrapper, {
     paddingHorizontal: "medium",
     width: width
-  }, content, !!heading && /*#__PURE__*/React__namespace.default.createElement(StyledCarouselHeading, {
+  }, content, !!heading && /*#__PURE__*/React__default["default"].createElement(StyledCarouselHeading, {
     level: "h1",
     typeface: "playful"
-  }, heading), !!body && /*#__PURE__*/React__namespace.default.createElement(Typography.Body, null, body)));
+  }, heading), !!body && /*#__PURE__*/React__default["default"].createElement(Typography.Body, null, body)));
 };
 var _excluded$l = ["items", "onItemIndexChange", "renderActions", "selectedItemIndex", "style", "shouldShowPagination", "testID", "pageControlPosition"];
@@ -12527,15 +12533,15 @@ var Carousel = function Carousel(_ref) {
       internalOnItemIndexChange(firstVisibleItem.index || 0);
     }
   });
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.View, _extends$1({
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, _extends$1({
     style: style,
     testID: testID
-  }, nativeProps), /*#__PURE__*/React__namespace.default.createElement(StyledBackDrop, {
+  }, nativeProps), /*#__PURE__*/React__default["default"].createElement(StyledBackDrop, {
     themeSlideBackground: ((_items$currentSlideIn = items[currentSlideIndex]) === null || _items$currentSlideIn === void 0 ? void 0 : _items$currentSlideIn.background) || theme.colors.defaultGlobalSurface
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledPageControlWrapper, null, pageControlPosition === 'top' && shouldRenderPagination && /*#__PURE__*/React__namespace.default.createElement(StyledPageControl, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledPageControlWrapper, null, pageControlPosition === 'top' && shouldRenderPagination && /*#__PURE__*/React__default["default"].createElement(StyledPageControl, {
     numberOfPages: items.length,
     currentPage: currentSlideIndex
-  })), /*#__PURE__*/React__namespace.default.createElement(StyledCarouselView, null, /*#__PURE__*/React__namespace.default.createElement(reactNative.FlatList, {
+  })), /*#__PURE__*/React__default["default"].createElement(StyledCarouselView, null, /*#__PURE__*/React__default["default"].createElement(reactNative.FlatList, {
     onLayout: flatListOnLayout,
     testID: testID ? "".concat(testID, "_flatlist") : undefined,
     horizontal: true,
@@ -12563,7 +12569,7 @@ var Carousel = function Carousel(_ref) {
         heading = item.heading,
         body = item.body,
         content = item.content;
-      return /*#__PURE__*/React__namespace.default.createElement(CarouselItem, {
+      return /*#__PURE__*/React__default["default"].createElement(CarouselItem, {
         image: image,
         heading: heading,
         body: body,
@@ -12578,7 +12584,7 @@ var Carousel = function Carousel(_ref) {
         index: index
       };
     }
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledCarouselFooterWrapper, null, renderActions && renderActions(currentSlideIndex), pageControlPosition === 'bottom' && shouldRenderPagination && /*#__PURE__*/React__namespace.default.createElement(StyledPageControl, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledCarouselFooterWrapper, null, renderActions && renderActions(currentSlideIndex), pageControlPosition === 'bottom' && shouldRenderPagination && /*#__PURE__*/React__default["default"].createElement(StyledPageControl, {
     numberOfPages: items.length,
     currentPage: currentSlideIndex
   }))));
@@ -12696,7 +12702,7 @@ var Chip = function Chip(_ref) {
     icon = _ref.icon,
     onPress = _ref.onPress,
     otherProps = _objectWithoutProperties(_ref, _excluded$k);
-  var internalIcon = React__namespace.default.useMemo(function () {
+  var internalIcon = React__default["default"].useMemo(function () {
     if (icon && variant === 'filled') {
       return icon;
     }
@@ -12705,17 +12711,17 @@ var Chip = function Chip(_ref) {
     }
     return undefined;
   }, [icon, selected, variant]);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledChipWrapper, _extends$1({
+  return /*#__PURE__*/React__default["default"].createElement(StyledChipWrapper, _extends$1({
     onPress: onPress,
     themeVariant: variant,
     themeSelected: selected
-  }, otherProps), internalIcon && /*#__PURE__*/React__namespace.default.createElement(StyledIconWrapper$3, null, /*#__PURE__*/React__namespace.default.createElement(StyledIcon$1, {
+  }, otherProps), internalIcon && /*#__PURE__*/React__default["default"].createElement(StyledIconWrapper$3, null, /*#__PURE__*/React__default["default"].createElement(StyledIcon$1, {
     size: "xsmall",
     icon: internalIcon,
     themeSelected: selected,
     themeVariant: variant,
     testID: "chip-icon-".concat(internalIcon)
-  })), /*#__PURE__*/React__namespace.default.createElement(StyledLabel, {
+  })), /*#__PURE__*/React__default["default"].createElement(StyledLabel, {
     variant: "small",
     themeVariant: variant,
     themeSelected: selected
@@ -12796,20 +12802,20 @@ var Checkbox = function Checkbox(_ref2) {
     disabled: disabled,
     readonly: readonly
   });
-  return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$7, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$7, {
     onPress: onPress,
     disabled: disabled || readonly,
     themeState: themeState,
     style: style,
     testID: testID
-  }, !!description && /*#__PURE__*/React__namespace.default.createElement(StyledDescription$1, {
+  }, !!description && /*#__PURE__*/React__default["default"].createElement(StyledDescription$1, {
     intent: disabled ? 'subdued' : 'body',
     variant: "small"
-  }, description), /*#__PURE__*/React__namespace.default.createElement(StyledCheckboxContainer, null, checked && /*#__PURE__*/React__namespace.default.createElement(StyledCheckMark, {
+  }, description), /*#__PURE__*/React__default["default"].createElement(StyledCheckboxContainer, null, checked && /*#__PURE__*/React__default["default"].createElement(StyledCheckMark, {
     icon: "box-check",
     testID: "check-mark",
     themeState: themeState
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledCheckbox, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledCheckbox, {
     themeState: themeState
   })));
 };
@@ -12970,21 +12976,21 @@ var LABEL_ANIMATION_DURATION = 150;
 var renderErrorOrHelpText = function renderErrorOrHelpText(_ref2) {
   var error = _ref2.error,
     helpText = _ref2.helpText;
-  return error ? /*#__PURE__*/React__namespace.default.createElement(StyledErrorContainer$2, null, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  return error ? /*#__PURE__*/React__default["default"].createElement(StyledErrorContainer$2, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     testID: "input-error-icon",
     icon: "circle-info",
     size: "xsmall",
     intent: "danger"
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledError, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledError, {
     testID: "input-error-message"
-  }, error)) : !!helpText && /*#__PURE__*/React__namespace.default.createElement(StyledHelperText, null, helpText);
+  }, error)) : !!helpText && /*#__PURE__*/React__default["default"].createElement(StyledHelperText, null, helpText);
 };
 var renderInput = function renderInput(_ref3) {
   var variant = _ref3.variant,
     nativeInputProps = _ref3.nativeInputProps,
     renderInputValue = _ref3.renderInputValue,
     ref = _ref3.ref;
-  return renderInputValue ? renderInputValue(nativeInputProps) : /*#__PURE__*/React__namespace.default.createElement(StyledTextInput, _extends$1({}, nativeInputProps, {
+  return renderInputValue ? renderInputValue(nativeInputProps) : /*#__PURE__*/React__default["default"].createElement(StyledTextInput, _extends$1({}, nativeInputProps, {
     themeVariant: variant,
     multiline: variant === 'textarea' || nativeInputProps.multiline,
     ref: ref
@@ -12995,7 +13001,7 @@ var renderSuffix = function renderSuffix(_ref4) {
     loading = _ref4.loading,
     suffix = _ref4.suffix;
   var actualSuffix = loading ? 'loading' : suffix;
-  return typeof actualSuffix === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  return typeof actualSuffix === 'string' ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     intent: state === 'disabled' ? 'disabled-text' : 'text',
     testID: "input-suffix",
     icon: actualSuffix,
@@ -13006,7 +13012,7 @@ var renderSuffix = function renderSuffix(_ref4) {
 var renderPrefix = function renderPrefix(_ref5) {
   var state = _ref5.state,
     prefix = _ref5.prefix;
-  return typeof prefix === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  return typeof prefix === 'string' ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     intent: state === 'disabled' ? 'disabled-text' : 'text',
     testID: "input-prefix",
     icon: prefix,
@@ -13019,7 +13025,7 @@ var renderMaxLengthMessage = function renderMaxLengthMessage(_ref6) {
     currentLength = _ref6.currentLength,
     hideCharacterCount = _ref6.hideCharacterCount;
   var shouldShowMaxLength = maxLength !== undefined && !hideCharacterCount;
-  return shouldShowMaxLength && /*#__PURE__*/React__namespace.default.createElement(StyledMaxLengthMessage, {
+  return shouldShowMaxLength && /*#__PURE__*/React__default["default"].createElement(StyledMaxLengthMessage, {
     themeState: state
   }, currentLength, "/", maxLength);
 };
@@ -13057,22 +13063,22 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
     nativeProps = _objectWithoutProperties(_ref8, _excluded$j);
   var displayText = getDisplayText(value, defaultValue);
   var isEmptyValue = displayText.length === 0;
-  var _React$useState = React__namespace.default.useState({
+  var _React$useState = React__default["default"].useState({
       height: 0,
       width: 0
     }),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     inputSize = _React$useState2[0],
     setInputSize = _React$useState2[1];
-  var _React$useState3 = React__namespace.default.useState(0),
+  var _React$useState3 = React__default["default"].useState(0),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     labelWidth = _React$useState4[0],
     setLabelWidth = _React$useState4[1];
-  var _React$useState5 = React__namespace.default.useState(0),
+  var _React$useState5 = React__default["default"].useState(0),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     prefixWidth = _React$useState6[0],
     setPrefixWidth = _React$useState6[1];
-  var _React$useState7 = React__namespace.default.useState(false),
+  var _React$useState7 = React__default["default"].useState(false),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     isFocused = _React$useState8[0],
     setIsFocused = _React$useState8[1];
@@ -13113,8 +13119,8 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
     var width = event.nativeEvent.layout.width;
     setLabelWidth(width);
   }, []);
-  var innerTextInput = React__namespace.default.useRef();
-  React__namespace.default.useImperativeHandle(ref, function () {
+  var innerTextInput = React__default["default"].useRef();
+  React__default["default"].useImperativeHandle(ref, function () {
     return {
       // we don't expose this method, it's for testing https://medium.com/developer-rants/how-to-test-useref-without-mocking-useref-699165f4994e
       getNativeTextInputRef: function getNativeTextInputRef() {
@@ -13206,25 +13212,25 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
     defaultValue: defaultValue,
     placeholder: isFocused || label === undefined ? nativeProps.placeholder : EMPTY_PLACEHOLDER_VALUE
   });
-  return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$4, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledContainer$4, {
     style: styleWithoutBackgroundColor,
     pointerEvents: state === 'disabled' || state === 'readonly' ? 'none' : 'auto',
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledTextInputContainer, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledTextInputContainer, {
     onLayout: onLayout
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledBorderBackDrop, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledBorderBackDrop, {
     themeFocused: isFocused,
     themeState: state,
     testID: "text-input-border",
     style: [{
       backgroundColor: backgroundColor
     }, borderStyle]
-  }), /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  }), /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     onLayout: onPrefixLayout
   }, renderPrefix({
     state: state,
     prefix: prefix
-  })), /*#__PURE__*/React__namespace.default.createElement(StyledLabelContainerInsideTextInput, {
+  })), /*#__PURE__*/React__default["default"].createElement(StyledLabelContainerInsideTextInput, {
     themeVariant: variant,
     pointerEvents: "none",
     style: [{
@@ -13247,13 +13253,13 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
         })
       }]
     }]
-  }, required && /*#__PURE__*/React__namespace.default.createElement(StyledAsteriskLabelInsideTextInput, {
+  }, required && /*#__PURE__*/React__default["default"].createElement(StyledAsteriskLabelInsideTextInput, {
     style: {
       backgroundColor: backgroundColor
     },
     themeState: state,
     testID: "input-label-asterisk"
-  }, "*"), !!label && /*#__PURE__*/React__namespace.default.createElement(StyledLabelInsideTextInput, {
+  }, "*"), !!label && /*#__PURE__*/React__default["default"].createElement(StyledLabelInsideTextInput, {
     style: {
       backgroundColor: backgroundColor
     },
@@ -13261,7 +13267,7 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
     testID: "input-label",
     themeState: state,
     onLayout: onLabelLayout
-  }, label)), /*#__PURE__*/React__namespace.default.createElement(StyledTextInputAndLabelContainer, null, renderInput({
+  }, label)), /*#__PURE__*/React__default["default"].createElement(StyledTextInputAndLabelContainer, null, renderInput({
     variant: variant,
     nativeInputProps: nativeInputProps,
     renderInputValue: renderInputValue,
@@ -13272,7 +13278,7 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
     state: state,
     loading: loading,
     suffix: suffix
-  })), /*#__PURE__*/React__namespace.default.createElement(StyledErrorAndHelpTextContainer, null, /*#__PURE__*/React__namespace.default.createElement(StyledErrorAndMaxLengthContainer, null, renderErrorOrHelpText({
+  })), /*#__PURE__*/React__default["default"].createElement(StyledErrorAndHelpTextContainer, null, /*#__PURE__*/React__default["default"].createElement(StyledErrorAndMaxLengthContainer, null, renderErrorOrHelpText({
     error: error,
     helpText: helpText
   }), renderMaxLengthMessage({
@@ -13333,15 +13339,15 @@ var DatePickerAndroid = function DatePickerAndroid(_ref) {
     onChange: _onChange,
     value: value
   });
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     },
     disabled: disabled
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     pointerEvents: "none",
     testID: "datePickerInputAndroid"
-  }, /*#__PURE__*/React__namespace.default.createElement(TextInput, {
+  }, /*#__PURE__*/React__default["default"].createElement(TextInput, {
     label: label,
     value: displayValue,
     suffix: "calendar-dates-outlined",
@@ -13352,7 +13358,7 @@ var DatePickerAndroid = function DatePickerAndroid(_ref) {
     helpText: helpText,
     style: style,
     testID: testID
-  })), open ? /*#__PURE__*/React__namespace.default.createElement(DateTimePicker__default.default, {
+  })), open ? /*#__PURE__*/React__default["default"].createElement(DateTimePicker__default["default"], {
     testID: "datePickerAndroid",
     mode: "date",
     value: pickerInitValue,
@@ -13384,7 +13390,7 @@ var InternalCalendar = function InternalCalendar(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     selectingDate = _useState4[0],
     setSelectingDate = _useState4[1];
-  return /*#__PURE__*/React__namespace.default.createElement(Calendar, {
+  return /*#__PURE__*/React__default["default"].createElement(Calendar, {
     testID: "calendar",
     value: selectingDate,
     visibleDate: visibleDate,
@@ -13453,15 +13459,15 @@ var DatePickerCalendar = function DatePickerCalendar(_ref2) {
     onChange: onChange,
     value: value
   });
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     },
     disabled: disabled
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     pointerEvents: "none",
     testID: "datePickerCalendar"
-  }, /*#__PURE__*/React__namespace.default.createElement(TextInput, {
+  }, /*#__PURE__*/React__default["default"].createElement(TextInput, {
     label: label,
     value: displayValue,
     suffix: "calendar-dates-outlined",
@@ -13472,13 +13478,13 @@ var DatePickerCalendar = function DatePickerCalendar(_ref2) {
     helpText: helpText,
     testID: testID,
     style: style
-  })), /*#__PURE__*/React__namespace.default.createElement(BottomSheet$1, {
+  })), /*#__PURE__*/React__default["default"].createElement(BottomSheet$1, {
     open: open,
     onRequestClose: function onRequestClose() {
       return setOpen(false);
     },
     header: label,
-    footer: shouldHideToolbar ? undefined : /*#__PURE__*/React__namespace.default.createElement(CompoundButton, {
+    footer: shouldHideToolbar ? undefined : /*#__PURE__*/React__default["default"].createElement(CompoundButton, {
       variant: "text",
       text: confirmLabel,
       onPress: function onPress() {
@@ -13489,7 +13495,7 @@ var DatePickerCalendar = function DatePickerCalendar(_ref2) {
       }
     }),
     supportedOrientations: supportedOrientations
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.ScrollView, null, /*#__PURE__*/React__namespace.default.createElement(InternalCalendar, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.ScrollView, null, /*#__PURE__*/React__default["default"].createElement(InternalCalendar, {
     minDate: minDate,
     maxDate: maxDate,
     value: value,
@@ -13544,15 +13550,15 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     onChange: onChange,
     value: value
   });
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     },
     disabled: disabled
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     pointerEvents: "none",
     testID: "datePickerInputIOS"
-  }, /*#__PURE__*/React__namespace.default.createElement(TextInput, {
+  }, /*#__PURE__*/React__default["default"].createElement(TextInput, {
     label: label,
     value: displayValue,
     suffix: "calendar-dates-outlined",
@@ -13563,13 +13569,13 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     helpText: helpText,
     testID: testID,
     style: style
-  })), /*#__PURE__*/React__namespace.default.createElement(BottomSheet$1, {
+  })), /*#__PURE__*/React__default["default"].createElement(BottomSheet$1, {
     open: open,
     onRequestClose: function onRequestClose() {
       return setOpen(false);
     },
     header: label,
-    footer: /*#__PURE__*/React__namespace.default.createElement(CompoundButton, {
+    footer: /*#__PURE__*/React__default["default"].createElement(CompoundButton, {
       variant: "text",
       text: confirmLabel,
       onPress: function onPress() {
@@ -13580,7 +13586,7 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
       }
     }),
     supportedOrientations: supportedOrientations
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledPickerWrapper$1, null, /*#__PURE__*/React__namespace.default.createElement(DateTimePicker__default.default, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledPickerWrapper$1, null, /*#__PURE__*/React__default["default"].createElement(DateTimePicker__default["default"], {
     testID: "datePickerIOS",
     value: selectingDate,
     minimumDate: minDate,
@@ -13605,12 +13611,12 @@ var DatePicker = function DatePicker(_ref) {
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     props = _objectWithoutProperties(_ref, _excluded$i);
   if (variant === 'calendar') {
-    return /*#__PURE__*/React__namespace.default.createElement(DatePickerCalendar, props);
+    return /*#__PURE__*/React__default["default"].createElement(DatePickerCalendar, props);
   }
   if (reactNative.Platform.OS === 'ios') {
-    return /*#__PURE__*/React__namespace.default.createElement(DatePickerIOS, props);
+    return /*#__PURE__*/React__default["default"].createElement(DatePickerIOS, props);
   }
-  return /*#__PURE__*/React__namespace.default.createElement(DatePickerAndroid, props);
+  return /*#__PURE__*/React__default["default"].createElement(DatePickerAndroid, props);
 };
 var AnimatedPressable$1 = reactNative.Animated.createAnimatedComponent(reactNative.Pressable);
@@ -13821,11 +13827,11 @@ var DragableDrawer = function DragableDrawer(_ref) {
       setAnimatedToValue(animatedValue);
     }
   })).current;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledDragableContainer, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledDragableContainer, {
     testID: testID,
     enableShadow: true,
     pointerEvents: "box-none"
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledDragableDrawerContainer, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledDragableDrawerContainer, {
     enableShadow: true,
     style: {
       transform: [{
@@ -13838,7 +13844,7 @@ var DragableDrawer = function DragableDrawer(_ref) {
       var nativeEvent = _ref3.nativeEvent;
       setHeight(nativeEvent.layout.height);
     }
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledHandlerContainer, panResponder.panHandlers, /*#__PURE__*/React__namespace.default.createElement(StyledHandler, null)), children));
+  }, /*#__PURE__*/React__default["default"].createElement(StyledHandlerContainer, panResponder.panHandlers, /*#__PURE__*/React__default["default"].createElement(StyledHandler, null)), children));
 };
 var Drawer = function Drawer(_ref) {
@@ -13873,17 +13879,17 @@ var Drawer = function Drawer(_ref) {
       return animation.stop();
     };
   }, [visible]);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$3, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledContainer$3, {
     testID: testID,
     enableShadow: enableShadow,
     pointerEvents: "box-none"
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledBackdrop$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledBackdrop$1, {
     pointerEvents: visible ? 'auto' : 'box-none',
     onPress: onDismiss,
     style: {
       opacity: interpolateBackdropOpacity
     }
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledDrawerContainer, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledDrawerContainer, {
     enableShadow: enableShadow,
     onLayout: function onLayout(_ref2) {
       var nativeEvent = _ref2.nativeEvent;
@@ -13938,18 +13944,18 @@ var Empty = function Empty(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'light' : _ref$variant;
   var theme = useTheme();
-  return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$6, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$6, {
     style: style,
     testID: testID
-  }, image !== undefined && /*#__PURE__*/React__namespace.default.cloneElement(image, _objectSpread2(_objectSpread2({}, image.props), {}, {
+  }, image !== undefined && /*#__PURE__*/React__default["default"].cloneElement(image, _objectSpread2(_objectSpread2({}, image.props), {}, {
     style: [{
       marginBottom: theme.__hd__.empty.space.imageMargin
     }, image.props.style]
-  })), /*#__PURE__*/React__namespace.default.createElement(StyledTitle, {
+  })), /*#__PURE__*/React__default["default"].createElement(StyledTitle, {
     themeVariant: variant,
     level: "h4",
     typeface: "playful"
-  }, title), !!description && /*#__PURE__*/React__namespace.default.createElement(StyledDescription, {
+  }, title), !!description && /*#__PURE__*/React__default["default"].createElement(StyledDescription, {
     themeVariant: variant,
     typeface: "playful"
   }, description));
@@ -14042,7 +14048,7 @@ var PortalHostComponent = function PortalHostComponent(_ref) {
       deregisterHost();
     };
   }, []);
-  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, state.map(function (item) {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, state.map(function (item) {
     return item.node;
   }));
 };
@@ -14110,11 +14116,11 @@ var PortalProviderComponent = function PortalProviderComponent(_ref) {
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
-  return /*#__PURE__*/React__namespace.default.createElement(PortalDispatchContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(PortalDispatchContext.Provider, {
     value: dispatch
-  }, /*#__PURE__*/React__namespace.default.createElement(PortalStateContext.Provider, {
+  }, /*#__PURE__*/React__default["default"].createElement(PortalStateContext.Provider, {
     value: state
-  }, children, /*#__PURE__*/React__namespace.default.createElement(PortalHost, {
+  }, children, /*#__PURE__*/React__default["default"].createElement(PortalHost, {
     name: rootHostName
   })));
 };
@@ -14135,7 +14141,7 @@ var PortalComponent = function PortalComponent(_ref) {
     return name || nanoid();
   }, [name]);
   var ChildrenComponent = React.useMemo(function () {
-    return /*#__PURE__*/React__namespace.default.createElement(ThemeProvider, {
+    return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
       theme: theme || defaultTheme
     }, children);
   }, [theme, children, defaultTheme]);
@@ -14235,12 +14241,12 @@ var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return backHandler.remove();
     };
   }, [onRequestClose]);
-  return /*#__PURE__*/React__namespace.default.createElement(Portal$1, null, /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
+  return /*#__PURE__*/React__default["default"].createElement(Portal$1, null, /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
     style: _objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
       backgroundColor: transparent ? 'transparent' : theme.colors.overlayGlobalSurface,
       opacity: animationType !== 'none' ? backdropOpacityAnimation : DEFAULT_BACKDROP_OPACITY
     })
-  }), /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
+  }), /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
     testID: testID,
     style: _objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
       opacity: animationType === 'fade' ? modalAnimation : 1,
@@ -14276,7 +14282,7 @@ var ModalWrapper = function ModalWrapper(_ref3) {
       (_modalRef$current2 = modalRef.current) === null || _modalRef$current2 === void 0 || _modalRef$current2.show();
     }
   }, [internalVisible]);
-  return internalVisible ? /*#__PURE__*/React__namespace.default.createElement(Modal, _extends$1({
+  return internalVisible ? /*#__PURE__*/React__default["default"].createElement(Modal, _extends$1({
     ref: modalRef
   }, props)) : null;
 };
@@ -14367,11 +14373,11 @@ var _excluded$g = ["variant", "title", "description", "image", "testID", "ctaTex
   _excluded2 = ["visible", "variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"];
 var renderImage$1 = function renderImage(image) {
   if ( /*#__PURE__*/React.isValidElement(image)) {
-    return /*#__PURE__*/React__namespace.default.cloneElement(image, {
+    return /*#__PURE__*/React__default["default"].cloneElement(image, {
       testID: 'error-image'
     });
   }
-  return /*#__PURE__*/React__namespace.default.createElement(StyledErrorImage, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledErrorImage, {
     source: typeof image === 'string' ? {
       uri: image
     } : image,
@@ -14393,19 +14399,19 @@ var ErrorPage = function ErrorPage(_ref) {
   var showCta = ctaText && onCtaPress !== undefined;
   var showSecondaryCta = secondaryCtaText && onSecondaryCtaPress !== undefined;
   var showButtonContainer = showCta || showSecondaryCta;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledErrorContainer$1, _extends$1({
+  return /*#__PURE__*/React__default["default"].createElement(StyledErrorContainer$1, _extends$1({
     testID: testID,
     themeVariant: variant
-  }, nativeProps), /*#__PURE__*/React__namespace.default.createElement(StyledErrorContent, null, image && /*#__PURE__*/React__namespace.default.createElement(StyledErrorImageContainer, null, renderImage$1(image)), /*#__PURE__*/React__namespace.default.createElement(StyledErrorTitle, {
+  }, nativeProps), /*#__PURE__*/React__default["default"].createElement(StyledErrorContent, null, image && /*#__PURE__*/React__default["default"].createElement(StyledErrorImageContainer, null, renderImage$1(image)), /*#__PURE__*/React__default["default"].createElement(StyledErrorTitle, {
     level: "h4",
     typeface: "playful"
-  }, title), description && /*#__PURE__*/React__namespace.default.createElement(StyledErrorDescription, {
+  }, title), description && /*#__PURE__*/React__default["default"].createElement(StyledErrorDescription, {
     typeface: "playful"
-  }, description)), showButtonContainer && /*#__PURE__*/React__namespace.default.createElement(StyledErrorButtonContainer, null, showCta && /*#__PURE__*/React__namespace.default.createElement(StyledErrorButtonPrimary, {
+  }, description)), showButtonContainer && /*#__PURE__*/React__default["default"].createElement(StyledErrorButtonContainer, null, showCta && /*#__PURE__*/React__default["default"].createElement(StyledErrorButtonPrimary, {
     variant: "filled",
     text: ctaText,
     onPress: onCtaPress
-  }), showSecondaryCta && /*#__PURE__*/React__namespace.default.createElement(StyledErrorButtonSecondary, {
+  }), showSecondaryCta && /*#__PURE__*/React__default["default"].createElement(StyledErrorButtonSecondary, {
     variant: "text",
     text: secondaryCtaText,
     onPress: onSecondaryCtaPress
@@ -14464,7 +14470,7 @@ var ErrorComponent = function ErrorComponent(_ref2) {
     }
   }, [isVisible, onCloseModal]);
   if (variant === 'full-screen') {
-    return /*#__PURE__*/React__namespace.default.createElement(StyledErrorModal, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledErrorModal, {
       visible: isVisible,
       onRequestClose: function onRequestClose() {
         return setIsVisible(false);
@@ -14473,7 +14479,7 @@ var ErrorComponent = function ErrorComponent(_ref2) {
         return setIsVisible(false);
       },
       animationType: "slide"
-    }, /*#__PURE__*/React__namespace.default.createElement(ErrorPage, _extends$1({
+    }, /*#__PURE__*/React__default["default"].createElement(ErrorPage, _extends$1({
       variant: variant,
       title: title,
       description: description,
@@ -14489,7 +14495,7 @@ var ErrorComponent = function ErrorComponent(_ref2) {
       }
     }, nativeProps)));
   }
-  return /*#__PURE__*/React__namespace.default.createElement(ErrorPage, _extends$1({
+  return /*#__PURE__*/React__default["default"].createElement(ErrorPage, _extends$1({
     variant: variant,
     title: title,
     description: description,
@@ -14570,13 +14576,13 @@ var AnimatedFABIcon = function AnimatedFABIcon(_ref) {
     inputRange: [0, 1],
     outputRange: ['0deg', '-45deg']
   });
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
     style: reactNative.StyleSheet.flatten([{
       transform: [{
         rotate: interpolatedRotateAnimation
       }]
     }])
-  }, /*#__PURE__*/React__namespace.default.createElement(AnimatedIcons, _extends$1({
+  }, /*#__PURE__*/React__default["default"].createElement(AnimatedIcons, _extends$1({
     size: "xsmall"
   }, iconProps)));
 };
@@ -14591,13 +14597,13 @@ var IconOnlyContent = function IconOnlyContent(_ref) {
     animated = _ref.animated,
     active = _ref.active;
   if (animated) {
-    return /*#__PURE__*/React__namespace.default.createElement(StyledIconContainer, null, /*#__PURE__*/React__namespace.default.createElement(AnimatedFABIcon, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledIconContainer, null, /*#__PURE__*/React__default["default"].createElement(AnimatedFABIcon, {
       active: active,
       icon: icon,
       testID: "animated-fab-icon"
     }));
   }
-  return /*#__PURE__*/React__namespace.default.createElement(StyledFABIcon, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledFABIcon, {
     icon: icon,
     testID: "styled-fab-icon"
   });
@@ -14605,11 +14611,11 @@ var IconOnlyContent = function IconOnlyContent(_ref) {
 var IconWithTextContent = function IconWithTextContent(_ref2) {
   var icon = _ref2.icon,
     title = _ref2.title;
-  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(StyledIconContainer, null, /*#__PURE__*/React__namespace.default.createElement(StyledFABIcon, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledIconContainer, null, /*#__PURE__*/React__default["default"].createElement(StyledFABIcon, {
     size: "xsmall",
     icon: icon,
     testID: "styled-fab-icon"
-  })), /*#__PURE__*/React__namespace.default.createElement(StyledFABText, null, title));
+  })), /*#__PURE__*/React__default["default"].createElement(StyledFABText, null, title));
 };
 var animateWidth = function animateWidth() {
   reactNative.LayoutAnimation.configureNext({
@@ -14630,7 +14636,7 @@ var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
     active = _ref3.active,
     style = _ref3.style;
   var theme = useTheme();
-  var _React$useState = React__namespace.default.useState({
+  var _React$useState = React__default["default"].useState({
       hideTitle: false,
       hideButton: false
     }),
@@ -14639,17 +14645,17 @@ var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
     setDisplayState = _React$useState2[1];
   var isIconOnly = displayState.hideTitle || active || !title;
   var animatedValues = {
-    opacity: React__namespace.default.useRef(new reactNative.Animated.Value(1)).current,
-    width: React__namespace.default.useRef(new reactNative.Animated.Value(1)).current,
-    translateY: React__namespace.default.useRef(new reactNative.Animated.Value(0)).current
+    opacity: React__default["default"].useRef(new reactNative.Animated.Value(1)).current,
+    width: React__default["default"].useRef(new reactNative.Animated.Value(1)).current,
+    translateY: React__default["default"].useRef(new reactNative.Animated.Value(0)).current
   };
   var marginBottom = Number((_StyleSheet$flatten = reactNative.StyleSheet.flatten(style)) === null || _StyleSheet$flatten === void 0 ? void 0 : _StyleSheet$flatten.marginBottom) || 0;
-  var _React$useState3 = React__namespace.default.useState(0),
+  var _React$useState3 = React__default["default"].useState(0),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     buttonWidth = _React$useState4[0],
     setButtonWidth = _React$useState4[1];
   var hasSetButtonWidth = buttonWidth > 0;
-  React__namespace.default.useImperativeHandle(ref, function () {
+  React__default["default"].useImperativeHandle(ref, function () {
     return {
       show: function show() {
         reactNative.Animated.spring(animatedValues.translateY, {
@@ -14698,7 +14704,7 @@ var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
       }
     };
   }, []);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledFAB$1, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledFAB$1, {
     onLayout: function onLayout(event) {
       return !hasSetButtonWidth && !active && setButtonWidth(event.nativeEvent.layout.width);
     },
@@ -14715,7 +14721,7 @@ var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
     }],
     testID: testID,
     themeActive: active
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
     style: {
       flexDirection: 'row',
       opacity: animatedValues.opacity.interpolate({
@@ -14723,11 +14729,11 @@ var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
         outputRange: [0, 1]
       })
     }
-  }, isIconOnly ? /*#__PURE__*/React__namespace.default.createElement(IconOnlyContent, {
+  }, isIconOnly ? /*#__PURE__*/React__default["default"].createElement(IconOnlyContent, {
     animated: animated,
     active: active,
     icon: active ? 'add' : icon
-  }) : /*#__PURE__*/React__namespace.default.createElement(IconWithTextContent, {
+  }) : /*#__PURE__*/React__default["default"].createElement(IconWithTextContent, {
     icon: icon,
     title: title
   })));
@@ -14771,12 +14777,12 @@ var ActionItem = function ActionItem(_ref) {
     _ref$active = _ref.active,
     active = _ref$active === void 0 ? false : _ref$active;
   var theme = useTheme();
-  var animatedValue = React__namespace.default.useRef(new reactNative.Animated.Value(0));
+  var animatedValue = React__default["default"].useRef(new reactNative.Animated.Value(0));
   var translateY = animatedValue.current.interpolate({
     inputRange: [0, 1],
     outputRange: [50, 0]
   });
-  React__namespace.default.useEffect(function () {
+  React__default["default"].useEffect(function () {
     reactNative.Animated.spring(animatedValue.current, {
       toValue: active ? 1 : 0,
       useNativeDriver: reactNative.Platform.OS !== 'web',
@@ -14785,21 +14791,21 @@ var ActionItem = function ActionItem(_ref) {
       bounciness: 10
     }).start();
   }, [active, index]);
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
     style: {
       transform: [{
         translateY: translateY
       }]
     }
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledActionItem, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledActionItem, {
     underlayColor: theme.__hd__.fab.colors.actionItemPressedBackground,
     style: style,
     onPress: onPress,
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(StyledIconContainer, null, /*#__PURE__*/React__namespace.default.createElement(StyledIcon, {
+  }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledIconContainer, null, /*#__PURE__*/React__default["default"].createElement(StyledIcon, {
     size: "xsmall",
     icon: icon
-  })), /*#__PURE__*/React__namespace.default.createElement(StyledActionItemText, null, title))));
+  })), /*#__PURE__*/React__default["default"].createElement(StyledActionItemText, null, title))));
 };
 var StyledContainer$2 = index$9(reactNative.View)({
@@ -14864,7 +14870,7 @@ var ActionGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var theme = useTheme();
   var fabRef = React.useRef(null);
   var animatedValue = React.useRef(new reactNative.Animated.Value(active ? 1 : 0));
-  React__namespace.default.useImperativeHandle(ref, function () {
+  React__default["default"].useImperativeHandle(ref, function () {
     return {
       showFAB: function showFAB() {
         var _fabRef$current;
@@ -14880,7 +14886,7 @@ var ActionGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }
     };
   }, [fabRef]);
-  React__namespace.default.useEffect(function () {
+  React__default["default"].useEffect(function () {
     reactNative.Animated.spring(animatedValue.current, {
       toValue: active ? 1 : 0,
       delay: 100,
@@ -14898,11 +14904,11 @@ var ActionGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     inputRange: [0, 1],
     outputRange: [0, 1]
   });
-  return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$2, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledContainer$2, {
     testID: testID,
     pointerEvents: "box-none",
     style: style
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, null, /*#__PURE__*/React__namespace.default.createElement(StyledFAB, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, null, /*#__PURE__*/React__default["default"].createElement(StyledFAB, {
     key: "fab",
     testID: "fab",
     icon: fabIcon,
@@ -14911,36 +14917,36 @@ var ActionGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     active: active,
     title: fabTitle,
     ref: fabRef
-  })), /*#__PURE__*/React__namespace.default.createElement(reactNative.Modal, {
+  })), /*#__PURE__*/React__default["default"].createElement(reactNative.Modal, {
     visible: active,
     animationType: "fade",
     transparent: true,
     statusBarTranslucent: true,
     supportedOrientations: supportedOrientations
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledContainerInModal, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledContainerInModal, {
     testID: testID,
     style: [style]
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledBackdrop, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledBackdrop, {
     testID: "back-drop",
     onPress: onBackdropPress
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledActionGroupContainer, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledActionGroupContainer, {
     testID: "action-group",
     pointerEvents: "box-none",
     style: {
       opacity: actionGroupOpacity
     }
-  }, /*#__PURE__*/React__namespace.default.createElement(Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(Box, {
     style: [style, {
       paddingBottom: 0
     }]
   }, items === null || items === void 0 ? void 0 : items.map(function (itemProp, index) {
-    return /*#__PURE__*/React__namespace.default.createElement(ActionItem, _extends$1({
+    return /*#__PURE__*/React__default["default"].createElement(ActionItem, _extends$1({
       key: itemProp.key || "".concat(itemProp.icon, "_").concat(itemProp.title)
     }, itemProp, {
       index: active ? index : items.length - index,
       active: active
     }));
-  }))), active && /*#__PURE__*/React__namespace.default.createElement(StyledFAB
+  }))), active && /*#__PURE__*/React__default["default"].createElement(StyledFAB
   // This FAB is moved up a bit compared to the original FAB,
   // set marginBottom to negative value to compensate for it
   , {
@@ -15064,9 +15070,9 @@ var getIntentIcon = function getIntentIcon(intent) {
 var ToastIcon = function ToastIcon(_ref) {
   var themeIntent = _ref.themeIntent,
     icon = _ref.icon;
-  return icon ? /*#__PURE__*/React__namespace.default.createElement(IconContainer, {
+  return icon ? /*#__PURE__*/React__default["default"].createElement(IconContainer, {
     testID: "toast-left-icon"
-  }, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: icon,
     size: "small",
     intent: themeIntent === 'snackbar' ? 'text-inverted' : 'text'
@@ -15118,7 +15124,7 @@ var Toast$1 = function Toast(_ref2) {
     inputRange: [0, 1],
     outputRange: toastConfig.position === 'top' ? [-20, distance] : [20, -distance]
   });
-  return /*#__PURE__*/React__namespace.default.createElement(Container, {
+  return /*#__PURE__*/React__default["default"].createElement(Container, {
     testID: "toast-container",
     themeVariant: variant,
     themeIntent: intent,
@@ -15128,21 +15134,21 @@ var Toast$1 = function Toast(_ref2) {
         translateY: interpolateY
       }]
     }]
-  }, /*#__PURE__*/React__namespace.default.createElement(ContentContainer, {
+  }, /*#__PURE__*/React__default["default"].createElement(ContentContainer, {
     showDivider: !!actionLabel
-  }, icon !== null ? /*#__PURE__*/React__namespace.default.createElement(ToastIcon, {
+  }, icon !== null ? /*#__PURE__*/React__default["default"].createElement(ToastIcon, {
     themeIntent: intent,
     icon: icon || getIntentIcon(intent)
-  }) : null, /*#__PURE__*/React__namespace.default.createElement(TextContainer, null, typeof content === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  }) : null, /*#__PURE__*/React__default["default"].createElement(TextContainer, null, typeof content === 'string' ? /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     variant: "small",
     intent: intent === 'snackbar' ? 'inverted' : 'body'
-  }, content) : content)), actionLabel ? /*#__PURE__*/React__namespace.default.createElement(CTAWrapper, {
+  }, content) : content)), actionLabel ? /*#__PURE__*/React__default["default"].createElement(CTAWrapper, {
     testID: "toast-action-button",
     onPress: function onPress() {
       onAction === null || onAction === void 0 || onAction();
       onDismiss === null || onDismiss === void 0 || onDismiss();
     }
-  }, typeof actionLabel === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  }, typeof actionLabel === 'string' ? /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     variant: "small-bold",
     intent: intent === 'snackbar' ? 'inverted' : 'body'
   }, actionLabel) : actionLabel) : null);
@@ -15156,7 +15162,7 @@ var SingleToastDisplay = function SingleToastDisplay(_ref) {
     setToastList = _ref.setToastList;
   var theme = useTheme$1();
   var toast = toastList[toastList.length - 1];
-  return toast ? /*#__PURE__*/React__namespace.default.createElement(Toast$1, _extends$1({}, toast.props, {
+  return toast ? /*#__PURE__*/React__default["default"].createElement(Toast$1, _extends$1({}, toast.props, {
     key: toast.id,
     style: {
       marginBottom: theme.space.small
@@ -15172,7 +15178,7 @@ var SingleToastDisplay = function SingleToastDisplay(_ref) {
     }
   })) : null;
 };
-var ToastContainer = /*#__PURE__*/React__namespace.default.forwardRef(function (_ref2, ref) {
+var ToastContainer = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
   var _ref2$displayType = _ref2.displayType,
     displayType = _ref2$displayType === void 0 ? 'single' : _ref2$displayType,
     _ref2$position = _ref2.position,
@@ -15207,17 +15213,17 @@ var ToastContainer = /*#__PURE__*/React__namespace.default.forwardRef(function (
       }
     };
   });
-  return /*#__PURE__*/React__namespace.default.createElement(ToastContainerWrapper, {
+  return /*#__PURE__*/React__default["default"].createElement(ToastContainerWrapper, {
     pointerEvents: "box-none",
     position: position,
     style: style
-  }, displayType === 'single' ? /*#__PURE__*/React__namespace.default.createElement(SingleToastDisplay, {
+  }, displayType === 'single' ? /*#__PURE__*/React__default["default"].createElement(SingleToastDisplay, {
     toastList: toastList,
     setToastList: setToastList
   }) : toastList.map(function (_ref3) {
     var id = _ref3.id,
       props = _ref3.props;
-    return /*#__PURE__*/React__namespace.default.createElement(Toast$1, _extends$1({}, props, {
+    return /*#__PURE__*/React__default["default"].createElement(Toast$1, _extends$1({}, props, {
       key: id,
       style: {
         marginBottom: theme.space.small
@@ -15259,15 +15265,15 @@ var ToastProvider = function ToastProvider(_ref) {
       position: position
     };
   }, [displayType, position]);
-  return /*#__PURE__*/React__namespace.default.createElement(ToastContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(ToastContext.Provider, {
     value: refState || fallbackToastControlContext
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     style: {
       flex: 1
     }
-  }, refState ? children : null, /*#__PURE__*/React__namespace.default.createElement(ToastConfigContext.Provider, {
+  }, refState ? children : null, /*#__PURE__*/React__default["default"].createElement(ToastConfigContext.Provider, {
     value: config
-  }, /*#__PURE__*/React__namespace.default.createElement(ToastContainer, {
+  }, /*#__PURE__*/React__default["default"].createElement(ToastContainer, {
     ref: toastRef,
     displayType: displayType,
     position: position
@@ -15283,9 +15289,9 @@ var Toast = {
 var HeroDesignProvider = function HeroDesignProvider(_ref) {
   var theme = _ref.theme,
     children = _ref.children;
-  return /*#__PURE__*/React__namespace.default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React__namespace.default.createElement(Toast.Provider, null, /*#__PURE__*/React__namespace.default.createElement(Portal$1.Provider, null, children)));
+  }, /*#__PURE__*/React__default["default"].createElement(Toast.Provider, null, /*#__PURE__*/React__default["default"].createElement(Portal$1.Provider, null, children)));
 };
 var StyledListItemContainer$1 = index$9(reactNative.TouchableHighlight)(function (_ref) {
@@ -15377,7 +15383,7 @@ var ListItem = function ListItem(_ref) {
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var theme = useTheme();
-  return /*#__PURE__*/React__namespace.default.createElement(StyledListItemContainer$1, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledListItemContainer$1, {
     style: style,
     testID: testID,
     themeSelected: selected,
@@ -15385,26 +15391,26 @@ var ListItem = function ListItem(_ref) {
     onPress: onPress,
     disabled: disabled,
     underlayColor: theme.__hd__.list.colors.checkedListItemContainerBackground
-  }, /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, leadingStatus && /*#__PURE__*/React__namespace.default.createElement(StyledLeadingStatus, {
+  }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, leadingStatus && /*#__PURE__*/React__default["default"].createElement(StyledLeadingStatus, {
     themeLeadingStatusIntent: leadingStatus,
     testID: "leadingStatus"
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledContentContainer, null, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledContentContainer, null, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     style: {
       flexDirection: 'row',
       alignItems: 'center'
     }
-  }, prefix && /*#__PURE__*/React__namespace.default.createElement(StyledPrefixContainer$1, null, typeof prefix === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, prefix && /*#__PURE__*/React__default["default"].createElement(StyledPrefixContainer$1, null, typeof prefix === 'string' ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: prefix,
     intent: disabled ? 'disabled-text' : 'primary'
-  }) : prefix), /*#__PURE__*/React__namespace.default.createElement(StyledTitleContainer$1, null, typeof title === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  }) : prefix), /*#__PURE__*/React__default["default"].createElement(StyledTitleContainer$1, null, typeof title === 'string' ? /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     intent: "body"
-  }, title) : title, !!subtitle && /*#__PURE__*/React__namespace.default.createElement(Typography.Caption, {
+  }, title) : title, !!subtitle && /*#__PURE__*/React__default["default"].createElement(Typography.Caption, {
     intent: "subdued"
-  }, subtitle)), suffix && /*#__PURE__*/React__namespace.default.createElement(StyledSuffixContainer$1, null, typeof suffix === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, subtitle)), suffix && /*#__PURE__*/React__default["default"].createElement(StyledSuffixContainer$1, null, typeof suffix === 'string' ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: suffix,
     intent: disabled ? 'disabled-text' : 'primary',
     size: "small"
-  }) : suffix)), children && /*#__PURE__*/React__namespace.default.createElement(StyledChildrenContainer, null, children))));
+  }) : suffix)), children && /*#__PURE__*/React__default["default"].createElement(StyledChildrenContainer, null, children))));
 };
 var StyledPrefixContainer = index$9(reactNative.View)(function (_ref) {
@@ -15451,7 +15457,7 @@ var BasicListItem = function BasicListItem(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     onPress = _ref.onPress;
   var theme = useTheme();
-  return /*#__PURE__*/React__namespace.default.createElement(StyledListItemContainer, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledListItemContainer, {
     style: style,
     testID: testID,
     themeSelected: selected,
@@ -15459,14 +15465,14 @@ var BasicListItem = function BasicListItem(_ref) {
     onPress: onPress,
     disabled: disabled,
     underlayColor: theme.__hd__.list.colors.checkedListItemContainerBackground
-  }, /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, prefix && /*#__PURE__*/React__namespace.default.createElement(StyledPrefixContainer, null, typeof prefix === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, prefix && /*#__PURE__*/React__default["default"].createElement(StyledPrefixContainer, null, typeof prefix === 'string' ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: prefix,
     intent: disabled ? 'disabled-text' : 'primary'
-  }) : prefix), /*#__PURE__*/React__namespace.default.createElement(StyledTitleContainer, null, typeof title === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  }) : prefix), /*#__PURE__*/React__default["default"].createElement(StyledTitleContainer, null, typeof title === 'string' ? /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     intent: "body"
-  }, title) : title, subtitle && /*#__PURE__*/React__namespace.default.createElement(Typography.Caption, {
+  }, title) : title, subtitle && /*#__PURE__*/React__default["default"].createElement(Typography.Caption, {
     intent: "subdued"
-  }, subtitle)), suffix && /*#__PURE__*/React__namespace.default.createElement(StyledSuffixContainer, null, typeof suffix === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, subtitle)), suffix && /*#__PURE__*/React__default["default"].createElement(StyledSuffixContainer, null, typeof suffix === 'string' ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: suffix,
     size: "small",
     intent: disabled ? 'disabled-text' : 'primary'
@@ -15548,8 +15554,12 @@ var StyledHiddenInput = index$9(reactNative.TextInput)(function (_ref6) {
     opacity: 0,
     left: 0,
     top: 0,
+    right: 0,
     width: themePinLength * cellWidth + (themePinLength - 1) * spacerWidth,
-    height: '100%'
+    height: '100%',
+    fontSize: theme.__hd__.pinInput.fontSizes.hiddenInputText,
+    letterSpacing: theme.__hd__.pinInput.space.hiddenInputText,
+    paddingHorizontal: theme.__hd__.pinInput.space.hiddenInputHorrizontalPadding
   };
 });
 var StyledErrorContainer = index$9(reactNative.View)(function (_ref7) {
@@ -15576,16 +15586,16 @@ function PinCell(_ref) {
     focused = _ref$focused === void 0 ? false : _ref$focused,
     _ref$state = _ref.state,
     state = _ref$state === void 0 ? 'default' : _ref$state;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledCell, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledCell, {
     themeFocused: focused,
     themeState: state
-  }, value === '' && /*#__PURE__*/React__namespace.default.createElement(StyledMask, {
+  }, value === '' && /*#__PURE__*/React__default["default"].createElement(StyledMask, {
     themeState: state,
     testID: "pin-cell-mask"
-  }), value !== '' && secure && /*#__PURE__*/React__namespace.default.createElement(StyledFilledMask, {
+  }), value !== '' && secure && /*#__PURE__*/React__default["default"].createElement(StyledFilledMask, {
     themeState: state,
     testID: "pin-cell-filled-mask"
-  }), value !== '' && !secure && /*#__PURE__*/React__namespace.default.createElement(StyledCellText, {
+  }), value !== '' && !secure && /*#__PURE__*/React__default["default"].createElement(StyledCellText, {
     themeState: state,
     level: "h3"
   }, value));
@@ -15617,7 +15627,9 @@ var PinInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     autoFocus = _ref2$autoFocus === void 0 ? false : _ref2$autoFocus,
     error = _ref2.error,
     style = _ref2.style,
-    testID = _ref2.testID;
+    testID = _ref2.testID,
+    textContentType = _ref2.textContentType,
+    autoComplete = _ref2.autoComplete;
   var inputRef = React.useRef(null);
   var _useState = React.useState(autoFocus),
     _useState2 = _slicedToArray(_useState, 2),
@@ -15627,6 +15639,7 @@ var PinInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     disabled: disabled,
     error: error
   });
+  var maskedValueWithExtraSpace = reactNative.Platform.OS === 'android' && !value ? '*' : value;
   var focus = React.useCallback(function () {
     if (inputRef !== null && inputRef !== void 0 && inputRef.current) {
       inputRef.current.focus();
@@ -15658,27 +15671,27 @@ var PinInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       blur: blur
     };
   });
-  return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$5, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$5, {
     style: style,
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledPinWrapper, null, _toConsumableArray(Array(length).keys()).map(function (index) {
-    return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledPinWrapper, null, _toConsumableArray(Array(length).keys()).map(function (index) {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
       key: index
-    }, index !== 0 && /*#__PURE__*/React__namespace.default.createElement(StyledSpacer, null), /*#__PURE__*/React__namespace.default.createElement(PinCell, {
+    }, index !== 0 && /*#__PURE__*/React__default["default"].createElement(StyledSpacer, null), /*#__PURE__*/React__default["default"].createElement(PinCell, {
       value: value.charAt(index),
       secure: secure,
       focused: focused && index === value.length,
       state: state
     }));
-  })), state === 'error' && /*#__PURE__*/React__namespace.default.createElement(StyledErrorContainer, null, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  })), state === 'error' && /*#__PURE__*/React__default["default"].createElement(StyledErrorContainer, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "circle-info",
     size: "xsmall",
     intent: "danger",
     testID: "pin-error-icon"
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledErrorMessage, null, error)), /*#__PURE__*/React__namespace.default.createElement(StyledHiddenInput, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledErrorMessage, null, error)), /*#__PURE__*/React__default["default"].createElement(StyledHiddenInput, {
     themePinLength: length,
     ref: inputRef,
-    value: value,
+    value: maskedValueWithExtraSpace,
     onChangeText: changeText,
     secureTextEntry: secure,
     editable: !disabled,
@@ -15686,11 +15699,13 @@ var PinInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     onFocus: focus,
     onBlur: blur,
     maxLength: length,
-    keyboardType: "numeric",
-    contextMenuHidden: true,
     caretHidden: true,
-    pointerEvents: "box-only",
-    testID: "pin-hidden-input"
+    pointerEvents: "box-none",
+    keyboardType: "numeric",
+    testID: "pin-hidden-input",
+    textContentType: textContentType,
+    autoComplete: autoComplete,
+    selectTextOnFocus: false
   }));
 });
 PinInput.displayName = 'PinInput';
@@ -15780,9 +15795,9 @@ var _excluded$e = ["value", "renderValue", "intent", "style", "testID"];
 var HalfCircle = function HalfCircle(_ref) {
   var type = _ref.type,
     themeIntent = _ref.themeIntent;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledHalfCircleWrapper, null, type === 'background' ? /*#__PURE__*/React__namespace.default.createElement(StyledHalfCircleInnerBG, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledHalfCircleWrapper, null, type === 'background' ? /*#__PURE__*/React__default["default"].createElement(StyledHalfCircleInnerBG, {
     themeIntent: themeIntent
-  }) : /*#__PURE__*/React__namespace.default.createElement(StyledHalfCircleInnerFG, {
+  }) : /*#__PURE__*/React__default["default"].createElement(StyledHalfCircleInnerFG, {
     themeIntent: themeIntent
   }));
 };
@@ -15834,13 +15849,13 @@ var ProgressCircle = function ProgressCircle(_ref2) {
     outputRange: ['0deg', '360deg'],
     extrapolate: 'clamp'
   });
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.View, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, _extends$1({}, nativeProps, {
     testID: testID,
     style: style
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledContainer$1, null, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, null, /*#__PURE__*/React__namespace.default.createElement(HalfCircle, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledContainer$1, null, /*#__PURE__*/React__default["default"].createElement(reactNative.View, null, /*#__PURE__*/React__default["default"].createElement(HalfCircle, {
     type: "foreground",
     themeIntent: intent
-  }), /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
+  }), /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
     style: _objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
       transform: [{
         translateX: radius / 2
@@ -15850,10 +15865,10 @@ var ProgressCircle = function ProgressCircle(_ref2) {
         translateX: -radius / 2
       }]
     })
-  }, /*#__PURE__*/React__namespace.default.createElement(HalfCircle, {
+  }, /*#__PURE__*/React__default["default"].createElement(HalfCircle, {
     type: "background",
     themeIntent: intent
-  }))), /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  }))), /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     style: {
       transform: [{
         rotate: '180deg'
@@ -15861,10 +15876,10 @@ var ProgressCircle = function ProgressCircle(_ref2) {
       zIndex: 1,
       marginLeft: -0.1
     }
-  }, /*#__PURE__*/React__namespace.default.createElement(HalfCircle, {
+  }, /*#__PURE__*/React__default["default"].createElement(HalfCircle, {
     type: "foreground",
     themeIntent: intent
-  }), /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
+  }), /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
     style: _objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
       transform: [{
         translateX: radius / 2
@@ -15875,21 +15890,21 @@ var ProgressCircle = function ProgressCircle(_ref2) {
       }],
       opacity: interpolateOpacityRightHalf
     })
-  }, /*#__PURE__*/React__namespace.default.createElement(HalfCircle, {
+  }, /*#__PURE__*/React__default["default"].createElement(HalfCircle, {
     type: "background",
     themeIntent: intent
-  }))), /*#__PURE__*/React__namespace.default.createElement(StyledStrokeEnd, {
+  }))), /*#__PURE__*/React__default["default"].createElement(StyledStrokeEnd, {
     themeIntent: intent
-  }), /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
+  }), /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
     style: _objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
       zIndex: 2,
       transform: [{
         rotate: interpolateDotRotate
       }]
     })
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledStrokeEnd, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledStrokeEnd, {
     themeIntent: intent
-  })), /*#__PURE__*/React__namespace.default.createElement(StyledDonutCircle, null, /*#__PURE__*/React__namespace.default.createElement(Typography.Body, null, renderValue(value)))));
+  })), /*#__PURE__*/React__default["default"].createElement(StyledDonutCircle, null, /*#__PURE__*/React__default["default"].createElement(Typography.Body, null, renderValue(value)))));
 };
 var StyledWrapper$4 = index$9(reactNative.View)(function (_ref) {
@@ -15946,11 +15961,11 @@ var ProgressBar = function ProgressBar(_ref) {
     outputRange: [999, 0],
     extrapolate: 'clamp'
   });
-  return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$4, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$4, _extends$1({}, nativeProps, {
     testID: testID,
     style: style,
     themeIntent: intent
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledInner, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledInner, {
     themeIntent: intent,
     onLayout: function onLayout(_ref2) {
       var nativeEvent = _ref2.nativeEvent;
@@ -15988,7 +16003,7 @@ var Slider = function Slider(_ref) {
     style = _ref.style,
     testID = _ref.testID;
   var theme = useTheme();
-  return /*#__PURE__*/React__namespace.default.createElement(RnSlider__default.default, {
+  return /*#__PURE__*/React__default["default"].createElement(RnSlider__default["default"], {
     minimumValue: minimumValue,
     maximumValue: maximumValue,
     step: step,
@@ -16090,23 +16105,23 @@ var AnimatedSpinner = function AnimatedSpinner(_ref) {
     themeSize: size,
     themeIntent: intent
   };
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
     style: reactNative.StyleSheet.flatten([{
       transform: [{
         rotate: interpolatedRotateAnimation
       }]
     }])
-  }, /*#__PURE__*/React__namespace.default.createElement(AnimatedRow, _extends$1({
+  }, /*#__PURE__*/React__default["default"].createElement(AnimatedRow, _extends$1({
     themePosition: "top"
-  }, rowProps), /*#__PURE__*/React__namespace.default.createElement(AnimatedDot, _extends$1({
+  }, rowProps), /*#__PURE__*/React__default["default"].createElement(AnimatedDot, _extends$1({
     themePosition: "topLeft"
-  }, dotProps)), /*#__PURE__*/React__namespace.default.createElement(AnimatedDot, _extends$1({
+  }, dotProps)), /*#__PURE__*/React__default["default"].createElement(AnimatedDot, _extends$1({
     themePosition: "topRight"
-  }, dotProps))), /*#__PURE__*/React__namespace.default.createElement(AnimatedRow, _extends$1({
+  }, dotProps))), /*#__PURE__*/React__default["default"].createElement(AnimatedRow, _extends$1({
     themePosition: "bottom"
-  }, rowProps), /*#__PURE__*/React__namespace.default.createElement(AnimatedDot, _extends$1({
+  }, rowProps), /*#__PURE__*/React__default["default"].createElement(AnimatedDot, _extends$1({
     themePosition: "bottomLeft"
-  }, dotProps)), /*#__PURE__*/React__namespace.default.createElement(AnimatedDot, _extends$1({
+  }, dotProps)), /*#__PURE__*/React__default["default"].createElement(AnimatedDot, _extends$1({
     themePosition: "bottomRight"
   }, dotProps))));
 };
@@ -16119,9 +16134,9 @@ var Spinner = function Spinner(_ref) {
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
     nativeProps = _objectWithoutProperties(_ref, _excluded$c);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledView$1, nativeProps, /*#__PURE__*/React__namespace.default.createElement(StyledSpinnerContainer, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledView$1, nativeProps, /*#__PURE__*/React__default["default"].createElement(StyledSpinnerContainer, {
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(AnimatedSpinner, {
+  }, /*#__PURE__*/React__default["default"].createElement(AnimatedSpinner, {
     size: size,
     intent: intent
   })));
@@ -16143,7 +16158,7 @@ var SwipeableAction = function SwipeableAction(_ref) {
     style = _ref.style,
     children = _ref.children,
     testID = _ref.testID;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledRectButton, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledRectButton, {
     onPress: onPress,
     themeIntent: intent,
     style: style,
@@ -16158,7 +16173,7 @@ var renderActions = function renderActions(actions, width, progress, direction)
     outputRange: direction === 'left' ? [-width, 0] : [width, 0],
     extrapolate: 'clamp'
   });
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
     style: {
       width: width,
       flexDirection: 'row',
@@ -16185,7 +16200,7 @@ var Swipeable = function Swipeable(_ref) {
   var _useWindowDimensions = reactNative.useWindowDimensions(),
     width = _useWindowDimensions.width;
   var swipeableRef = React.useRef(null);
-  var _React$useState = React__namespace.default.useState(0),
+  var _React$useState = React__default["default"].useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     containerWidth = _React$useState2[0],
     setContainerWidth = _React$useState2[1];
@@ -16209,11 +16224,11 @@ var Swipeable = function Swipeable(_ref) {
         break;
     }
   }, [state]);
-  return /*#__PURE__*/React__namespace.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, null, /*#__PURE__*/React__namespace.default.createElement(Box, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNativeGestureHandler.GestureHandlerRootView, null, /*#__PURE__*/React__default["default"].createElement(Box, {
     onLayout: function onLayout(e) {
       return setContainerWidth(e.nativeEvent.layout.width);
     }
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNativeGestureHandler.Swipeable, _extends$1({}, swipeableProps, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNativeGestureHandler.Swipeable, _extends$1({}, swipeableProps, {
     ref: swipeableRef
   }, leftActions !== undefined && {
     renderLeftActions: renderLeftActions
@@ -16285,7 +16300,7 @@ var StyledRadio = index$9(List.Item)(function (_ref4) {
 var RadioCircle = function RadioCircle(_ref) {
   var checked = _ref.checked,
     text = _ref.text;
-  return /*#__PURE__*/React__namespace.default.createElement(Circle, null, checked && /*#__PURE__*/React__namespace.default.createElement(InnerCircle, {
+  return /*#__PURE__*/React__default["default"].createElement(Circle, null, checked && /*#__PURE__*/React__default["default"].createElement(InnerCircle, {
     testID: "".concat(text, "-selected-circle")
   }));
 };
@@ -16300,12 +16315,12 @@ var Radio = function Radio(_ref2) {
     _ref2$inactiveIntent = _ref2.inactiveIntent,
     inactiveIntent = _ref2$inactiveIntent === void 0 ? 'light' : _ref2$inactiveIntent,
     children = _ref2.children;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledRadio, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledRadio, {
     onPress: onPress,
     selected: checked,
     title: text,
     subtitle: subText,
-    suffix: /*#__PURE__*/React__namespace.default.createElement(RadioCircle, {
+    suffix: /*#__PURE__*/React__default["default"].createElement(RadioCircle, {
       checked: checked,
       text: text
     }),
@@ -16336,15 +16351,15 @@ var RadioGroup = function RadioGroup(_ref) {
     testID = _ref.testID,
     _ref$inactiveIntent = _ref.inactiveIntent,
     inactiveIntent = _ref$inactiveIntent === void 0 ? 'light' : _ref$inactiveIntent;
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     style: style,
     testID: testID
   }, options.map(function (option, index) {
-    return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
       key: getKey(option, index, keyExtractor)
-    }, index !== 0 && /*#__PURE__*/React__namespace.default.createElement(Spacer, {
+    }, index !== 0 && /*#__PURE__*/React__default["default"].createElement(Spacer, {
       themeIntent: inactiveIntent
-    }), /*#__PURE__*/React__namespace.default.createElement(Radio, {
+    }), /*#__PURE__*/React__default["default"].createElement(Radio, {
       text: option.text,
       subText: option.subText,
       checked: option.value === value,
@@ -16413,20 +16428,20 @@ var SectionHeading = function SectionHeading(_ref) {
     testID = _ref.testID;
   useDeprecation("SectionHeading's fontSize prop is deprecated and will be removed in the next major release, please remove it.", fontSize !== undefined);
   useDeprecation("SectionHeading's fontWeight prop is deprecated and will be removed in the next major release, please remove it.", fontWeight !== undefined);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledHeading, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledHeading, {
     themeSize: size,
     style: style,
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$3, null, /*#__PURE__*/React__namespace.default.createElement(StyledIconWrapper$2, null, icon !== undefined && (typeof icon === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper$3, null, /*#__PURE__*/React__default["default"].createElement(StyledIconWrapper$2, null, icon !== undefined && (typeof icon === 'string' ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: icon,
     size: ICON_SIZE_MAP[size],
     intent: ICON_INTENT_MAP[intent]
-  }) : /*#__PURE__*/React__namespace.default.cloneElement(icon, _objectSpread2({
+  }) : /*#__PURE__*/React__default["default"].cloneElement(icon, _objectSpread2({
     size: ICON_SIZE_MAP[size],
     intent: ICON_INTENT_MAP[intent]
-  }, icon.props)))), size === 'small' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Caption, {
+  }, icon.props)))), size === 'small' ? /*#__PURE__*/React__default["default"].createElement(Typography.Caption, {
     intent: intent
-  }, text) : /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  }, text) : /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
     variant: "small",
     intent: intent
   }, text)), rightChildren);
@@ -16435,7 +16450,7 @@ var SectionHeading = function SectionHeading(_ref) {
 var Footer = function Footer(_ref) {
   var label = _ref.label,
     onPress = _ref.onPress;
-  return /*#__PURE__*/React__namespace.default.createElement(CompoundButton, {
+  return /*#__PURE__*/React__default["default"].createElement(CompoundButton, {
     variant: "text",
     text: label,
     onPress: onPress
@@ -16546,7 +16561,7 @@ var BaseOptionList = function BaseOptionList(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     onEndReachedCalled = _useState2[0],
     setOnEndReachedCalled = _useState2[1];
-  return /*#__PURE__*/React__namespace.default.createElement(StyledSectionList, _extends$1({
+  return /*#__PURE__*/React__default["default"].createElement(StyledSectionList, _extends$1({
     ref: sectionListRef,
     style: _objectSpread2({}, onQueryChange ? {
       height: reactNative.Dimensions.get('screen').height
@@ -16561,16 +16576,16 @@ var BaseOptionList = function BaseOptionList(_ref) {
       if (onEndReached && onEndReachedCalled && !loading) onEndReached();
       setOnEndReachedCalled(false);
     },
-    ListFooterComponent: loading ? /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+    ListFooterComponent: loading ? /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
       style: {
         display: 'flex',
         alignItems: 'center',
         height: theme.space.xxxxlarge
       }
-    }, /*#__PURE__*/React__namespace.default.createElement(Spinner, null)) : null,
+    }, /*#__PURE__*/React__default["default"].createElement(Spinner, null)) : null,
     renderSectionHeader: function renderSectionHeader(_ref2) {
       var category = _ref2.section.category;
-      return category !== '' ? /*#__PURE__*/React__namespace.default.createElement(SectionHeading, {
+      return category !== '' ? /*#__PURE__*/React__default["default"].createElement(SectionHeading, {
         text: category,
         style: {
           marginBottom: 0
@@ -16597,7 +16612,7 @@ var Option$2 = function Option(_ref) {
     disabled: disabled,
     onPress: onPress,
     title: text,
-    suffix: selected === true ? /*#__PURE__*/React__namespace.default.createElement(Icon, {
+    suffix: selected === true ? /*#__PURE__*/React__default["default"].createElement(Icon, {
       testID: typeof text === 'string' ? "selected-icon-".concat(text) : undefined,
       icon: "checkmark",
       intent: disabled ? 'disabled-text' : 'primary',
@@ -16607,7 +16622,7 @@ var Option$2 = function Option(_ref) {
       }
     }) : undefined
   };
-  return highlighted === true ? /*#__PURE__*/React__namespace.default.createElement(List.Item, props) : /*#__PURE__*/React__namespace.default.createElement(List.BasicItem, props);
+  return highlighted === true ? /*#__PURE__*/React__default["default"].createElement(List.Item, props) : /*#__PURE__*/React__default["default"].createElement(List.BasicItem, props);
 };
 var _excluded$9 = ["keyExtractor", "loading", "onEndReached", "onPress", "onQueryChange", "sections", "renderOption", "value", "sectionListRef"];
@@ -16637,7 +16652,7 @@ var OptionList$1 = function OptionList(_ref) {
     return renderOption ? renderOption(_objectSpread2(_objectSpread2({}, info), {}, {
       selected: selected,
       onPress: onItemPress
-    })) : /*#__PURE__*/React__namespace.default.createElement(Option$2, {
+    })) : /*#__PURE__*/React__default["default"].createElement(Option$2, {
       selected: selected,
       text: item.text,
       disabled: item.disabled,
@@ -16645,7 +16660,7 @@ var OptionList$1 = function OptionList(_ref) {
       highlighted: item.highlighted
     });
   };
-  return /*#__PURE__*/React__namespace.default.createElement(BaseOptionList, _extends$1({
+  return /*#__PURE__*/React__default["default"].createElement(BaseOptionList, _extends$1({
     keyExtractor: keyExtractor,
     loading: loading,
     onEndReached: onEndReached,
@@ -16704,15 +16719,15 @@ function MultiSelect(_ref) {
   React.useEffect(function () {
     setSelectingValue(value);
   }, [open, value]);
-  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     pointerEvents: !editable || disabled || inputProps !== null && inputProps !== void 0 && inputProps.loading ? 'none' : 'auto'
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     }
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     pointerEvents: "none"
-  }, /*#__PURE__*/React__namespace.default.createElement(TextInput, _extends$1({}, inputProps, {
+  }, /*#__PURE__*/React__default["default"].createElement(TextInput, _extends$1({}, inputProps, {
     label: label,
     value: renderSelectedValue ? rawValue : displayedValue,
     suffix: "arrow-down",
@@ -16727,7 +16742,7 @@ function MultiSelect(_ref) {
     renderInputValue: renderSelectedValue !== undefined && (rawValue === null || rawValue === void 0 ? void 0 : rawValue.length) > 0 ? function (props) {
       return renderSelectedValue(value, props);
     } : undefined
-  }))))), /*#__PURE__*/React__namespace.default.createElement(BottomSheet$1, {
+  }))))), /*#__PURE__*/React__default["default"].createElement(BottomSheet$1, {
     open: open,
     onRequestClose: function onRequestClose() {
       onDismiss === null || onDismiss === void 0 || onDismiss();
@@ -16737,13 +16752,13 @@ function MultiSelect(_ref) {
     style: {
       paddingBottom: isKeyboardVisible ? keyboardHeight : 0
     },
-    footer: typeof footerLabel === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Footer, {
+    footer: typeof footerLabel === 'string' ? /*#__PURE__*/React__default["default"].createElement(Footer, {
       label: footerLabel,
       onPress: function onPress() {
         setOpen(false);
         onConfirm(selectingValue);
       }
-    }) : /*#__PURE__*/React__namespace.default.createElement(Box, {
+    }) : /*#__PURE__*/React__default["default"].createElement(Box, {
       flex: 1,
       flexDirection: "row",
       justifyContent: "flex-end"
@@ -16761,13 +16776,13 @@ function MultiSelect(_ref) {
       }
     },
     supportedOrientations: supportedOrientations
-  }, onQueryChange && /*#__PURE__*/React__namespace.default.createElement(StyledSearchBar, null, /*#__PURE__*/React__namespace.default.createElement(TextInput, {
+  }, onQueryChange && /*#__PURE__*/React__default["default"].createElement(StyledSearchBar, null, /*#__PURE__*/React__default["default"].createElement(TextInput, {
     editable: true,
     placeholder: "Search",
     suffix: "search-outlined",
     onChangeText: onQueryChange,
     value: query
-  })), /*#__PURE__*/React__namespace.default.createElement(OptionList$1, {
+  })), /*#__PURE__*/React__default["default"].createElement(OptionList$1, {
     onQueryChange: onQueryChange,
     onEndReached: onEndReached,
     loading: loading,
@@ -16802,7 +16817,7 @@ var Option$1 = function Option(_ref) {
     onPress: onPress,
     title: text
   };
-  return highlighted === true ? /*#__PURE__*/React__namespace.default.createElement(List.Item, props) : /*#__PURE__*/React__namespace.default.createElement(List.BasicItem, props);
+  return highlighted === true ? /*#__PURE__*/React__default["default"].createElement(List.Item, props) : /*#__PURE__*/React__default["default"].createElement(List.BasicItem, props);
 };
 var StyledOptionList = index$9(BaseOptionList)(function (_ref) {
@@ -16837,7 +16852,7 @@ var OptionList = function OptionList(_ref) {
     return renderOption ? renderOption(_objectSpread2(_objectSpread2({}, info), {}, {
       selected: selected,
       onPress: onItemPress
-    })) : /*#__PURE__*/React__namespace.default.createElement(Option$1, {
+    })) : /*#__PURE__*/React__default["default"].createElement(Option$1, {
       selected: selected,
       text: item.text,
       disabled: item.disabled,
@@ -16845,7 +16860,7 @@ var OptionList = function OptionList(_ref) {
       highlighted: item.highlighted
     });
   };
-  return /*#__PURE__*/React__namespace.default.createElement(StyledOptionList, _extends$1({
+  return /*#__PURE__*/React__default["default"].createElement(StyledOptionList, _extends$1({
     keyExtractor: keyExtractor,
     loading: loading,
     onEndReached: onEndReached,
@@ -16898,15 +16913,15 @@ var SingleSelect = function SingleSelect(_ref) {
     return value === opt.value;
   })) === null || _flatOptions$find === void 0 ? void 0 : _flatOptions$find.text;
   var rawValue = value ? String(value) : undefined;
-  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     pointerEvents: !editable || disabled || inputProps !== null && inputProps !== void 0 && inputProps.loading ? 'none' : 'auto'
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     }
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     pointerEvents: "none"
-  }, /*#__PURE__*/React__namespace.default.createElement(TextInput, _extends$1({}, inputProps, {
+  }, /*#__PURE__*/React__default["default"].createElement(TextInput, _extends$1({}, inputProps, {
     label: label,
     value: renderSelectedValue ? rawValue : displayedValue,
     suffix: "arrow-down",
@@ -16921,7 +16936,7 @@ var SingleSelect = function SingleSelect(_ref) {
     renderInputValue: renderSelectedValue !== undefined && !!rawValue ? function (props) {
       return renderSelectedValue(value, props);
     } : undefined
-  }))))), /*#__PURE__*/React__namespace.default.createElement(BottomSheet$1, {
+  }))))), /*#__PURE__*/React__default["default"].createElement(BottomSheet$1, {
     open: open,
     onRequestClose: function onRequestClose() {
       onDismiss === null || onDismiss === void 0 || onDismiss();
@@ -16939,13 +16954,13 @@ var SingleSelect = function SingleSelect(_ref) {
       }
     },
     supportedOrientations: supportedOrientations
-  }, onQueryChange && /*#__PURE__*/React__namespace.default.createElement(StyledSearchBar, null, /*#__PURE__*/React__namespace.default.createElement(TextInput, {
+  }, onQueryChange && /*#__PURE__*/React__default["default"].createElement(StyledSearchBar, null, /*#__PURE__*/React__default["default"].createElement(TextInput, {
     editable: true,
     placeholder: "Search",
     suffix: "search-outlined",
     onChangeText: onQueryChange,
     value: query
-  })), /*#__PURE__*/React__namespace.default.createElement(OptionList, {
+  })), /*#__PURE__*/React__default["default"].createElement(OptionList, {
     onQueryChange: onQueryChange,
     onEndReached: onEndReached,
     loading: loading,
@@ -16992,7 +17007,7 @@ var StyledGradientContainer = index$9(Box)(function (_ref2) {
 });
 var _excluded$7 = ["intent", "variant", "style", "onLayout"];
-var AnimatedLinearGradient = reactNative.Animated.createAnimatedComponent(LinearGradient__default.default);
+var AnimatedLinearGradient = reactNative.Animated.createAnimatedComponent(LinearGradient__default["default"]);
 var gradientPositions = {
   start: {
     x: 0,
@@ -17059,14 +17074,14 @@ var Skeleton = function Skeleton(_ref) {
     }
     onLayout === null || onLayout === void 0 || onLayout(e);
   }, []);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledContainer, _extends$1({
+  return /*#__PURE__*/React__default["default"].createElement(StyledContainer, _extends$1({
     style: style,
     themeVariant: variant,
     themeIntent: intent,
     onLayout: onContainerLayout
-  }, props), /*#__PURE__*/React__namespace.default.createElement(StyledGradientContainer, {
+  }, props), /*#__PURE__*/React__default["default"].createElement(StyledGradientContainer, {
     themeVariant: variant
-  }, /*#__PURE__*/React__namespace.default.createElement(AnimatedLinearGradient, {
+  }, /*#__PURE__*/React__default["default"].createElement(AnimatedLinearGradient, {
     start: gradientPositions.start,
     end: gradientPositions.end,
     style: {
@@ -17158,11 +17173,11 @@ var StyledSuccessModal = index$9(ModalWrapper)({
 var _excluded$6 = ["variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"];
 var renderImage = function renderImage(image) {
   if ( /*#__PURE__*/React.isValidElement(image)) {
-    return /*#__PURE__*/React__namespace.default.cloneElement(image, {
+    return /*#__PURE__*/React__default["default"].cloneElement(image, {
       testID: 'success-image'
     });
   }
-  return /*#__PURE__*/React__namespace.default.createElement(StyledSuccessImage, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledSuccessImage, {
     source: typeof image === 'string' ? {
       uri: image
     } : image,
@@ -17183,16 +17198,16 @@ var SuccessPage = function SuccessPage(_ref) {
     onSecondaryCtaPress = _ref.onSecondaryCtaPress,
     nativeProps = _objectWithoutProperties(_ref, _excluded$6);
   var showSecondaryButton = secondaryCtaText && onSecondaryCtaPress;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledSuccessContainer, _extends$1({
+  return /*#__PURE__*/React__default["default"].createElement(StyledSuccessContainer, _extends$1({
     testID: testID,
     themeVariant: variant
-  }, nativeProps), /*#__PURE__*/React__namespace.default.createElement(StyledSuccessContent, null, !!image && /*#__PURE__*/React__namespace.default.createElement(StyledSuccessImageContainer, null, renderImage(image)), /*#__PURE__*/React__namespace.default.createElement(StyledSuccessTitle, {
+  }, nativeProps), /*#__PURE__*/React__default["default"].createElement(StyledSuccessContent, null, !!image && /*#__PURE__*/React__default["default"].createElement(StyledSuccessImageContainer, null, renderImage(image)), /*#__PURE__*/React__default["default"].createElement(StyledSuccessTitle, {
     level: "h4",
     typeface: "playful"
-  }, title), typeof description === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledSuccessDescription, null, description) : description), !!ctaText && /*#__PURE__*/React__namespace.default.createElement(StyledSuccessButtonContainer, null, /*#__PURE__*/React__namespace.default.createElement(StyledSuccessButtonPrimary, {
+  }, title), typeof description === 'string' ? /*#__PURE__*/React__default["default"].createElement(StyledSuccessDescription, null, description) : description), !!ctaText && /*#__PURE__*/React__default["default"].createElement(StyledSuccessButtonContainer, null, /*#__PURE__*/React__default["default"].createElement(StyledSuccessButtonPrimary, {
     text: ctaText,
     onPress: onCtaPress
-  }), !!showSecondaryButton && /*#__PURE__*/React__namespace.default.createElement(StyledSuccessButtonPrimary, {
+  }), !!showSecondaryButton && /*#__PURE__*/React__default["default"].createElement(StyledSuccessButtonPrimary, {
     variant: "text",
     text: secondaryCtaText,
     onPress: onSecondaryCtaPress
@@ -17207,11 +17222,11 @@ var SuccessPage = function SuccessPage(_ref) {
 var Success = function Success(props) {
   var variant = props.variant;
   if (variant === 'full-screen') {
-    return /*#__PURE__*/React__namespace.default.createElement(StyledSuccessModal, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledSuccessModal, {
       animationType: "slide"
-    }, /*#__PURE__*/React__namespace.default.createElement(SuccessPage, props));
+    }, /*#__PURE__*/React__default["default"].createElement(SuccessPage, props));
   }
-  return /*#__PURE__*/React__namespace.default.createElement(SuccessPage, props);
+  return /*#__PURE__*/React__default["default"].createElement(SuccessPage, props);
 };
 var AnimatedView = reactNative.Animated.createAnimatedComponent(reactNative.View);
@@ -17262,7 +17277,7 @@ var OptionContent = function OptionContent(_ref) {
     return content;
   }
   if (badge.type === 'status') {
-    return /*#__PURE__*/React__namespace.default.createElement(Badge$1.Status, {
+    return /*#__PURE__*/React__default["default"].createElement(Badge$1.Status, {
       visible: true,
       style: {
         paddingHorizontal: theme.space.small
@@ -17294,27 +17309,27 @@ var Option = function Option(_ref2) {
     }).start();
   }, [selected]);
   if (selected) {
-    return /*#__PURE__*/React__namespace.default.createElement(StyledTextWrapper, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledTextWrapper, {
       style: {
         transform: [{
           translateX: translateX
         }]
       },
       onLayout: onLayout
-    }, /*#__PURE__*/React__namespace.default.createElement(OptionContent, {
-      content: /*#__PURE__*/React__namespace.default.createElement(Typography.Body, null, text),
+    }, /*#__PURE__*/React__default["default"].createElement(OptionContent, {
+      content: /*#__PURE__*/React__default["default"].createElement(Typography.Body, null, text),
       badge: badge
     }));
   }
-  return /*#__PURE__*/React__namespace.default.createElement(StyledIconWrapper$1, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledIconWrapper$1, {
     style: {
       transform: [{
         translateX: translateX
       }]
     },
     onLayout: onLayout
-  }, /*#__PURE__*/React__namespace.default.createElement(OptionContent, {
-    content: /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement(OptionContent, {
+    content: /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: icon
     }),
     badge: badge
@@ -17356,16 +17371,16 @@ var SelectorSwitch = function SelectorSwitch(_ref) {
       setKnotWidth(e.nativeEvent.layout.width);
     }
   }, [value]);
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableWithoutFeedback, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableWithoutFeedback, {
     onPress: function onPress() {
       return _onPress === null || _onPress === void 0 ? void 0 : _onPress(value);
     },
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$2, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper$2, {
     onLayout: onContainerLayout,
     style: style
   }, options.map(function (opt, index) {
-    return /*#__PURE__*/React__namespace.default.createElement(Option, _extends$1({}, opt, {
+    return /*#__PURE__*/React__default["default"].createElement(Option, _extends$1({}, opt, {
       selected: opt.value === value
       // eslint-disable-next-line react/no-array-index-key
       ,
@@ -17375,7 +17390,7 @@ var SelectorSwitch = function SelectorSwitch(_ref) {
       },
       index: index
     }));
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledKnot$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledKnot$1, {
     style: {
       width: knotWidth,
       transform: [{
@@ -17443,14 +17458,14 @@ var Switch = function Switch(_ref2) {
       useNativeDriver: false
     }).start();
   }, [checked]);
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableWithoutFeedback, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableWithoutFeedback, {
     testID: testID,
     onPress: onPress,
     disabled: disabled
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper$1, {
     themeVariant: variant,
     style: style
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledKnot, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledKnot, {
     style: {
       left: animatedOffset
     }
@@ -17514,7 +17529,7 @@ var ActiveTabIndicator = function ActiveTabIndicator(_ref) {
     inputRange: inputRange,
     outputRange: [0, tabsLength * indicatorWidth]
   });
-  return /*#__PURE__*/React__namespace.default.createElement(StyledIndicator, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledIndicator, {
     themeWidth: indicatorWidth,
     style: {
       transform: [{
@@ -17590,18 +17605,18 @@ var SceneView = function SceneView(_ref) {
     index = _ref.index,
     selectedIndex = _ref.selectedIndex,
     testID = _ref.testID;
-  var _React$useState = React__namespace.default.useState(Math.abs(selectedIndex - index) > lazyPreloadDistance),
+  var _React$useState = React__default["default"].useState(Math.abs(selectedIndex - index) > lazyPreloadDistance),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isLoading = _React$useState2[0],
     setIsLoading = _React$useState2[1];
   var focused = index === selectedIndex;
-  React__namespace.default.useEffect(function () {
+  React__default["default"].useEffect(function () {
     if (isLoading && Math.abs(selectedIndex - index) <= lazyPreloadDistance) {
       // Always render the route when it becomes focused
       setIsLoading(false);
     }
   }, [isLoading, index, selectedIndex, lazyPreloadDistance]);
-  React__namespace.default.useEffect(function () {
+  React__default["default"].useEffect(function () {
     var timer;
     if (!lazy && isLoading) {
       // If lazy mode is not enabled, render the scene with a delay if not loaded already
@@ -17616,7 +17631,7 @@ var SceneView = function SceneView(_ref) {
       }
     };
   }, [index, isLoading, lazy, focused]);
-  return /*#__PURE__*/React__namespace.default.createElement(TabScreen, {
+  return /*#__PURE__*/React__default["default"].createElement(TabScreen, {
     accessibilityElementsHidden: !focused,
     importantForAccessibility: focused ? 'auto' : 'no-hide-descendants',
     style: [{
@@ -17631,9 +17646,9 @@ var TabWithBadge = function TabWithBadge(_ref) {
   var config = _ref.config,
     tabItem = _ref.tabItem;
   var theme = useTheme$1();
-  if (!config) return /*#__PURE__*/React__namespace.default.createElement(reactNative.View, null, tabItem);
+  if (!config) return /*#__PURE__*/React__default["default"].createElement(reactNative.View, null, tabItem);
   if (config.type === 'status') {
-    return /*#__PURE__*/React__namespace.default.createElement(Badge$1.Status, {
+    return /*#__PURE__*/React__default["default"].createElement(Badge$1.Status, {
       visible: true,
       style: {
         paddingHorizontal: theme.space.xsmall
@@ -17641,7 +17656,7 @@ var TabWithBadge = function TabWithBadge(_ref) {
     }, tabItem);
   }
   if (config.type === 'counter') {
-    return /*#__PURE__*/React__namespace.default.createElement(StyledBadgeWrapper, null, tabItem, /*#__PURE__*/React__namespace.default.createElement(Badge$1, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledBadgeWrapper, null, tabItem, /*#__PURE__*/React__default["default"].createElement(Badge$1, {
       content: config.value,
       max: config.max,
       intent: "info",
@@ -17650,11 +17665,11 @@ var TabWithBadge = function TabWithBadge(_ref) {
       }
     }));
   }
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.View, null, tabItem);
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, null, tabItem);
 };
 var useAnimatedValueArray = function useAnimatedValueArray(initialValues) {
-  var refs = React__namespace.default.useRef([]);
+  var refs = React__default["default"].useRef([]);
   refs.current.length = initialValues.length;
   initialValues.forEach(function (initialValue, i) {
     var _refs$current$i;
@@ -17673,7 +17688,7 @@ var useInitHighlightedAnimation = function useInitHighlightedAnimation(_ref) {
   }).map(function (_, i) {
     return i === selectedIndex ? 1 : 0;
   }));
-  React__namespace.default.useEffect(function () {
+  React__default["default"].useEffect(function () {
     if (variant !== 'highlighted') {
       return;
     }
@@ -17716,7 +17731,7 @@ var useInitUnderlinedAnimation = function useInitUnderlinedAnimation(_ref) {
     _ref$selectedIndex = _ref.selectedIndex,
     selectedIndex = _ref$selectedIndex === void 0 ? 0 : _ref$selectedIndex,
     variant = _ref.variant;
-  var previousIndex = React__namespace.default.useRef(0);
+  var previousIndex = React__default["default"].useRef(0);
   var translateXAnims = useAnimatedValueArray(Array.from({
     length: tabsLength
   }).map(function () {
@@ -17739,7 +17754,7 @@ var useInitUnderlinedAnimation = function useInitUnderlinedAnimation(_ref) {
       outputRange: [0, 1]
     });
   });
-  React__namespace.default.useEffect(function () {
+  React__default["default"].useEffect(function () {
     if (variant === 'underlined' && selectedIndex !== undefined && previousIndex.current !== selectedIndex) {
       // Prepare for translateX into the right position.
       if (selectedIndex > previousIndex.current) {
@@ -17764,7 +17779,7 @@ var getTabItem$1 = function getTabItem(_ref) {
     color = _ref.color,
     active = _ref.active;
   if (isHeroIcon(item)) {
-    return /*#__PURE__*/React__namespace.default.createElement(Icon, {
+    return /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: item,
       testID: "hero-icon-".concat(item),
       size: "small",
@@ -17774,7 +17789,7 @@ var getTabItem$1 = function getTabItem(_ref) {
     });
   }
   if (typeof item === 'string') {
-    return /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+    return /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
       variant: active ? 'regular-bold' : 'regular',
       numberOfLines: 1,
       style: {
@@ -17802,7 +17817,7 @@ var ScrollableTabHeader = function ScrollableTabHeader(_ref2) {
     _ref2$variant = _ref2.variant,
     variant = _ref2$variant === void 0 ? 'highlighted' : _ref2$variant;
   var theme = useTheme$1();
-  var flatListRef = React__namespace.default.useRef(null);
+  var flatListRef = React__default["default"].useRef(null);
   // Init underlined animation data
   var _useInitUnderlinedAni = useInitUnderlinedAnimation({
       tabsLength: tabs.length,
@@ -17818,7 +17833,7 @@ var ScrollableTabHeader = function ScrollableTabHeader(_ref2) {
       variant: variant
     }),
     tabsAnims = _useInitHighlightedAn.tabsAnims;
-  React__namespace.default.useEffect(function () {
+  React__default["default"].useEffect(function () {
     if (selectedIndex !== undefined && selectedIndex !== -1) {
       var _flatListRef$current;
       (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 || _flatListRef$current.scrollToIndex({
@@ -17829,10 +17844,10 @@ var ScrollableTabHeader = function ScrollableTabHeader(_ref2) {
     return function () {
     };
   }, [selectedIndex]);
-  return /*#__PURE__*/React__namespace.default.createElement(HeaderTabWrapper, {
+  return /*#__PURE__*/React__default["default"].createElement(HeaderTabWrapper, {
     themeInsets: insets,
     style: barStyle
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.FlatList, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.FlatList, {
     testID: testID,
     ref: flatListRef,
     horizontal: true,
@@ -17881,15 +17896,15 @@ var ScrollableTabHeader = function ScrollableTabHeader(_ref2) {
         color: active ? theme.__hd__.tabs.colors.active : theme.__hd__.tabs.colors.inactive,
         active: active
       });
-      return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableWithoutFeedback, {
+      return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableWithoutFeedback, {
         key: key,
         onPress: function onPress() {
           onTabPress(key);
         },
         testID: tabItemTestID
-      }, /*#__PURE__*/React__namespace.default.createElement(HeaderTabItem, {
+      }, /*#__PURE__*/React__default["default"].createElement(HeaderTabItem, {
         isFirstItem: index === 0
-      }, variant === 'highlighted' && /*#__PURE__*/React__namespace.default.createElement(HeaderTabItemOutlineWrapper, null, /*#__PURE__*/React__namespace.default.createElement(HeaderTabItemOutline, {
+      }, variant === 'highlighted' && /*#__PURE__*/React__default["default"].createElement(HeaderTabItemOutlineWrapper, null, /*#__PURE__*/React__default["default"].createElement(HeaderTabItemOutline, {
         themeActive: active,
         style: {
           flex: 1,
@@ -17897,10 +17912,10 @@ var ScrollableTabHeader = function ScrollableTabHeader(_ref2) {
             scaleX: outlineScale
           }]
         }
-      })), /*#__PURE__*/React__namespace.default.createElement(HeaderTabItemWrapper, null, /*#__PURE__*/React__namespace.default.createElement(TabWithBadge, {
+      })), /*#__PURE__*/React__default["default"].createElement(HeaderTabItemWrapper, null, /*#__PURE__*/React__default["default"].createElement(TabWithBadge, {
         config: badge,
         tabItem: tabItem
-      })), variant === 'underlined' && /*#__PURE__*/React__namespace.default.createElement(HeaderTabItemIndicator, {
+      })), variant === 'underlined' && /*#__PURE__*/React__default["default"].createElement(HeaderTabItemIndicator, {
         style: {
           opacity: underlinedOpacity[index],
           transform: [{
@@ -17926,11 +17941,11 @@ var useHandlePageScroll = function useHandlePageScroll() {
   };
 };
-var TabContext = /*#__PURE__*/React__namespace.default.createContext(null);
-var ScreenContext = /*#__PURE__*/React__namespace.default.createContext(null);
+var TabContext = /*#__PURE__*/React__default["default"].createContext(null);
+var ScreenContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useIsFocused = function useIsFocused() {
-  var context = React__namespace.default.useContext(TabContext);
-  var key = React__namespace.default.useContext(ScreenContext);
+  var context = React__default["default"].useContext(TabContext);
+  var key = React__default["default"].useContext(ScreenContext);
   if (!context || !key) {
     return;
   }
@@ -17983,12 +17998,12 @@ var ScrollableTab = function ScrollableTab(_ref) {
       selectedTabKey: selectedTabKey
     };
   }, [selectedTabKey]);
-  return /*#__PURE__*/React__namespace.default.createElement(TabContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(TabContext.Provider, {
     value: tabContextProviderValue
-  }, /*#__PURE__*/React__namespace.default.createElement(TabContainer, {
+  }, /*#__PURE__*/React__default["default"].createElement(TabContainer, {
     style: containerStyle,
     testID: componentTestID
-  }, /*#__PURE__*/React__namespace.default.createElement(ScrollableTabHeader, {
+  }, /*#__PURE__*/React__default["default"].createElement(ScrollableTabHeader, {
     tabs: tabs,
     selectedIndex: selectedTabIndex,
     onTabPress: onTabPress,
@@ -17996,7 +18011,7 @@ var ScrollableTab = function ScrollableTab(_ref) {
     insets: insets,
     testID: componentTestID ? "".concat(componentTestID, "-tab-bar") : undefined,
     variant: variant
-  }), /*#__PURE__*/React__namespace.default.createElement(PagerView__default.default, {
+  }), /*#__PURE__*/React__default["default"].createElement(PagerView__default["default"], {
     useNext: true,
     initialPage: selectedTabIndex,
     ref: pagerViewRef,
@@ -18018,10 +18033,10 @@ var ScrollableTab = function ScrollableTab(_ref) {
     var key = tab.key,
       component = tab.component,
       testID = tab.testID;
-    return /*#__PURE__*/React__namespace.default.createElement(ScreenContext.Provider, {
+    return /*#__PURE__*/React__default["default"].createElement(ScreenContext.Provider, {
       value: key,
       key: key
-    }, /*#__PURE__*/React__namespace.default.createElement(SceneView, {
+    }, /*#__PURE__*/React__default["default"].createElement(SceneView, {
       testID: testID,
       index: index,
       selectedIndex: selectedTabIndex,
@@ -18031,13 +18046,13 @@ var ScrollableTab = function ScrollableTab(_ref) {
   }))));
 };
-var AnimatedPagerView = reactNative.Animated.createAnimatedComponent(PagerView__default.default);
+var AnimatedPagerView = reactNative.Animated.createAnimatedComponent(PagerView__default["default"]);
 var getTabItem = function getTabItem(_ref) {
   var item = _ref.item,
     color = _ref.color,
     active = _ref.active;
   if (typeof item === 'string') {
-    return /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+    return /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
       variant: active ? 'small-bold' : 'small',
       numberOfLines: 1,
       style: {
@@ -18088,16 +18103,16 @@ var Tabs = function Tabs(_ref2) {
       selectedTabKey: selectedTabKey
     };
   }, [selectedTabKey]);
-  return /*#__PURE__*/React__namespace.default.createElement(TabContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(TabContext.Provider, {
     value: tabContextProviderValue
-  }, /*#__PURE__*/React__namespace.default.createElement(TabContainer$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(TabContainer$1, {
     style: containerStyle,
     testID: componentTestID
-  }, /*#__PURE__*/React__namespace.default.createElement(HeaderTabWrapper$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(HeaderTabWrapper$1, {
     themeInsets: insets,
     style: barStyle,
     testID: componentTestID ? "".concat(componentTestID, "-tab-bar") : undefined
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, null, /*#__PURE__*/React__namespace.default.createElement(HeaderTab, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, null, /*#__PURE__*/React__default["default"].createElement(HeaderTab, {
     onLayout: function onLayout(e) {
       var width = e.nativeEvent.layout.width;
       if (tabsWidth !== width) {
@@ -18117,22 +18132,22 @@ var Tabs = function Tabs(_ref2) {
       color: theme.__hd__.tabs.colors.text,
       active: active
     });
-    return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableWithoutFeedback, {
+    return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableWithoutFeedback, {
       key: key,
       onPress: function onPress() {
         onTabPress(key);
       },
       testID: testID
-    }, /*#__PURE__*/React__namespace.default.createElement(HeaderTabItem$1, null, /*#__PURE__*/React__namespace.default.createElement(TabWithBadge, {
+    }, /*#__PURE__*/React__default["default"].createElement(HeaderTabItem$1, null, /*#__PURE__*/React__default["default"].createElement(TabWithBadge, {
       config: badge,
       tabItem: tabItem
     })));
-  })), /*#__PURE__*/React__namespace.default.createElement(ActiveTabIndicator, {
+  })), /*#__PURE__*/React__default["default"].createElement(ActiveTabIndicator, {
     positionAnimatedValue: positionAnimatedValue,
     scrollOffsetAnimatedValue: scrollOffsetAnimatedValue,
     tabsLength: tabs.length,
     tabsWidth: tabsWidth
-  }))), /*#__PURE__*/React__namespace.default.createElement(AnimatedPagerView, {
+  }))), /*#__PURE__*/React__default["default"].createElement(AnimatedPagerView, {
     useNext: true,
     initialPage: selectedTabIndex,
     ref: pagerViewRef,
@@ -18160,10 +18175,10 @@ var Tabs = function Tabs(_ref2) {
     var key = tab.key,
       component = tab.component,
       testID = tab.testID;
-    return /*#__PURE__*/React__namespace.default.createElement(ScreenContext.Provider, {
+    return /*#__PURE__*/React__default["default"].createElement(ScreenContext.Provider, {
       value: key,
       key: key
-    }, /*#__PURE__*/React__namespace.default.createElement(SceneView, {
+    }, /*#__PURE__*/React__default["default"].createElement(SceneView, {
       testID: testID,
       key: key,
       index: index,
@@ -18210,11 +18225,11 @@ var Tag = function Tag(_ref) {
     testID = _ref.testID,
     nativeProps = _objectWithoutProperties(_ref, _excluded$5);
   useDeprecation("Tag's variant prop is deprecated and will be removed in the next major release. Please remove it.", variant !== undefined);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledView, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledView, _extends$1({}, nativeProps, {
     themeIntent: intent,
     style: style,
     testID: testID
-  }), typeof content === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledText, {
+  }), typeof content === 'string' ? /*#__PURE__*/React__default["default"].createElement(StyledText, {
     themeIntent: intent,
     fontWeight: "semi-bold"
   }, content) : content);
@@ -18243,15 +18258,15 @@ var TimePickerAndroid = function TimePickerAndroid(_ref) {
   var is12Hour = displayFormat.includes('hh');
   var displayValue = value ? formatTime(displayFormat, value) : '';
   var pickerInitValue = value || new Date();
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     },
     disabled: disabled
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     pointerEvents: "none",
     testID: "timePickerInputAndroid"
-  }, /*#__PURE__*/React__namespace.default.createElement(TextInput, {
+  }, /*#__PURE__*/React__default["default"].createElement(TextInput, {
     label: label,
     value: displayValue,
     suffix: showSuffix ? 'clock-3' : undefined,
@@ -18262,7 +18277,7 @@ var TimePickerAndroid = function TimePickerAndroid(_ref) {
     helpText: helpText,
     style: style,
     testID: testID
-  })), open ? /*#__PURE__*/React__namespace.default.createElement(DateTimePicker__default.default, {
+  })), open ? /*#__PURE__*/React__default["default"].createElement(DateTimePicker__default["default"], {
     testID: "timePickerAndroid",
     mode: "time",
     value: pickerInitValue,
@@ -18314,15 +18329,15 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
   var is12Hour = displayFormat.includes('hh');
   var displayValue = value ? formatTime(displayFormat, value) : '';
   var theme = useTheme();
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     },
     disabled: disabled
-  }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     pointerEvents: "none",
     testID: "timePickerInputIOS"
-  }, /*#__PURE__*/React__namespace.default.createElement(TextInput, {
+  }, /*#__PURE__*/React__default["default"].createElement(TextInput, {
     label: label,
     value: displayValue,
     suffix: showSuffix ? 'clock-3' : undefined,
@@ -18333,13 +18348,13 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
     helpText: helpText,
     testID: testID,
     style: style
-  })), /*#__PURE__*/React__namespace.default.createElement(BottomSheet$1, {
+  })), /*#__PURE__*/React__default["default"].createElement(BottomSheet$1, {
     open: open,
     onRequestClose: function onRequestClose() {
       return setOpen(false);
     },
     header: label,
-    footer: /*#__PURE__*/React__namespace.default.createElement(CompoundButton, {
+    footer: /*#__PURE__*/React__default["default"].createElement(CompoundButton, {
       variant: "text",
       text: confirmLabel,
       onPress: function onPress() {
@@ -18350,7 +18365,7 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
       }
     }),
     supportedOrientations: supportedOrientations
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledPickerWrapper, null, /*#__PURE__*/React__namespace.default.createElement(DateTimePicker__default.default, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledPickerWrapper, null, /*#__PURE__*/React__default["default"].createElement(DateTimePicker__default["default"], {
     testID: "timePickerIOS",
     value: selectingDate,
     mode: "time"
@@ -18373,9 +18388,9 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
 var TimePicker = function TimePicker(props) {
   if (reactNative.Platform.OS === 'ios') {
-    return /*#__PURE__*/React__namespace.default.createElement(TimePickerIOS, props);
+    return /*#__PURE__*/React__default["default"].createElement(TimePickerIOS, props);
   }
-  return /*#__PURE__*/React__namespace.default.createElement(TimePickerAndroid, props);
+  return /*#__PURE__*/React__default["default"].createElement(TimePickerAndroid, props);
 };
 var ToolbarWrapper = index$9(reactNative.View)(function (_ref) {
@@ -18443,12 +18458,12 @@ var IconItem = function IconItem(_ref) {
     intent = _ref.intent,
     disabled = _ref.disabled,
     label = _ref.label;
-  return /*#__PURE__*/React__namespace.default.createElement(IconButtonWrapper, null, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  return /*#__PURE__*/React__default["default"].createElement(IconButtonWrapper, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: icon,
     size: "medium",
     intent: disabled ? 'disabled-text' : intent,
     testID: "toolbar-item-icon-".concat(icon)
-  }), label ? /*#__PURE__*/React__namespace.default.createElement(IconButtonLabel, {
+  }), label ? /*#__PURE__*/React__default["default"].createElement(IconButtonLabel, {
     variant: "regular-bold",
     intent: disabled ? 'subdued' : intent,
     allowFontScaling: false,
@@ -18463,7 +18478,7 @@ var ToolbarItemContent = function ToolbarItemContent(_ref2) {
     _ref2$disabled = _ref2.disabled,
     disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
   if (icon) {
-    return /*#__PURE__*/React__namespace.default.createElement(IconItem, {
+    return /*#__PURE__*/React__default["default"].createElement(IconItem, {
       icon: icon,
       intent: intent,
       disabled: disabled,
@@ -18471,7 +18486,7 @@ var ToolbarItemContent = function ToolbarItemContent(_ref2) {
     });
   }
   if (label) {
-    return /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+    return /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
       variant: "regular-bold",
       intent: disabled ? 'disabled' : intent,
       allowFontScaling: false,
@@ -18489,11 +18504,11 @@ var ToolbarItem = function ToolbarItem(_ref3) {
     _ref3$disabled = _ref3.disabled,
     disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
     style = _ref3.style;
-  return /*#__PURE__*/React__namespace.default.createElement(ToolbarItemWrapper, {
+  return /*#__PURE__*/React__default["default"].createElement(ToolbarItemWrapper, {
     onPress: onPress,
     disabled: disabled,
     style: style
-  }, /*#__PURE__*/React__namespace.default.createElement(ToolbarItemContent, {
+  }, /*#__PURE__*/React__default["default"].createElement(ToolbarItemContent, {
     icon: icon,
     label: label,
     intent: intent,
@@ -18507,7 +18522,7 @@ var ToolbarGroup = function ToolbarGroup(_ref) {
     _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items;
   useDeprecation("Toolbar's align prop is deprecated", align !== 'right');
-  return /*#__PURE__*/React__namespace.default.createElement(ToolbarGroupWrapper, {
+  return /*#__PURE__*/React__default["default"].createElement(ToolbarGroupWrapper, {
     align: align
   }, items.map(function (_ref2) {
     var label = _ref2.label,
@@ -18515,7 +18530,7 @@ var ToolbarGroup = function ToolbarGroup(_ref) {
       onPress = _ref2.onPress,
       disabled = _ref2.disabled,
       intent = _ref2.intent;
-    return /*#__PURE__*/React__namespace.default.createElement(ToolbarItem, {
+    return /*#__PURE__*/React__default["default"].createElement(ToolbarItem, {
       key: "".concat(label, "-").concat(icon),
       label: label,
       icon: icon,
@@ -18530,7 +18545,7 @@ var _excluded$4 = ["children"];
 var Toolbar = function Toolbar(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded$4);
-  return /*#__PURE__*/React__namespace.default.createElement(ToolbarWrapper, rest, children);
+  return /*#__PURE__*/React__default["default"].createElement(ToolbarWrapper, rest, children);
 };
 var index$1 = Object.assign(Toolbar, {
   Group: ToolbarGroup
@@ -18575,21 +18590,21 @@ var Rate = function Rate(_ref) {
       useNativeDriver: reactNative.Platform.OS !== 'web'
     }).start();
   }, [value, animatedValue]);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper, otherProps, options.length > 0 && options.map(function (item, index) {
-    return /*#__PURE__*/React__namespace.default.createElement(reactNative.Pressable, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, otherProps, options.length > 0 && options.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement(reactNative.Pressable, {
       key: item.value,
       disabled: disabled || readonly,
       onPress: function onPress() {
         return onChange === null || onChange === void 0 ? void 0 : onChange(item.value);
       },
       testID: item.value.toString()
-    }, /*#__PURE__*/React__namespace.default.createElement(StyledIconWrapper, {
+    }, /*#__PURE__*/React__default["default"].createElement(StyledIconWrapper, {
       style: valueIndex === index && {
         transform: [{
           scale: scale
         }]
       }
-    }, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: index <= valueIndex ? 'star' : 'star-outlined',
       intent: disabled ? 'disabled-text' : 'primary'
     })));
@@ -18599,7 +18614,7 @@ var Rate = function Rate(_ref) {
 var RefreshControl = function RefreshControl(_ref) {
   var props = _extends$1({}, (_objectDestructuringEmpty(_ref), _ref));
   var theme = useTheme();
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.RefreshControl, _extends$1({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.RefreshControl, _extends$1({}, props, {
     colors: [theme.__hd__.refreshControl.colors.indicator],
     tintColor: theme.__hd__.refreshControl.colors.indicator
   }));
@@ -18668,11 +18683,11 @@ var ToolbarButton = function ToolbarButton(_ref) {
     onPress = _ref.onPress,
     testID = _ref.testID,
     selected = _ref.selected;
-  return /*#__PURE__*/React__namespace.default.createElement(StyledToolbarButton, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledToolbarButton, {
     selected: selected,
     onPress: onPress,
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     size: "small",
     icon: icon
   }));
@@ -18770,13 +18785,13 @@ var EditorToolbar = function EditorToolbar(_ref2) {
   var toolbarButtons = React.useMemo(function () {
     return toolbarButtonArray.map(function (button) {
       if (button.buttonName === '|') {
-        return /*#__PURE__*/React__namespace.default.createElement(StyledSeparator, {
+        return /*#__PURE__*/React__default["default"].createElement(StyledSeparator, {
           key: button.id
         });
       }
       var config = buttonConfigs[button.buttonName];
       if (config) {
-        return /*#__PURE__*/React__namespace.default.createElement(ToolbarButton, {
+        return /*#__PURE__*/React__default["default"].createElement(ToolbarButton, {
           key: button.id,
           testID: config.icon,
           icon: config.icon,
@@ -18791,7 +18806,7 @@ var EditorToolbar = function EditorToolbar(_ref2) {
     });
   }, [toolbarButtonArray]);
   if (show) {
-    return /*#__PURE__*/React__namespace.default.createElement(StyledToolbar, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledToolbar, {
       testID: testID
     }, toolbarButtons);
   }
@@ -18830,7 +18845,7 @@ var MentionList = function MentionList(_ref) {
   if (isEmptyString(search)) {
     return null;
   }
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.View, null, render(search, function (id, name) {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, null, render(search, function (id, name) {
     var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
       highlighted: false
     };
@@ -19119,7 +19134,7 @@ var scheduler_production_min = {};
   scheduler.exports = scheduler_production_min;
 }
-var aa = React__namespace.default,
+var aa = React__default["default"],
   ca = scheduler.exports;
 function p(a) {
   for (var b = "https://reactjs.org/docs/error-decoder.html?invariant=" + a, c = 1; c < arguments.length; c++) b += "&args[]=" + encodeURIComponent(arguments[c]);
@@ -26262,7 +26277,7 @@ function checkDCE() {
 (function (module, exports) {
   !function (e, t) {
-    module.exports = t(React__namespace.default, reactDom.exports);
+    module.exports = t(React__default["default"], reactDom.exports);
   }(window, function (e, t) {
     return function (e) {
       var t = {};
@@ -35568,14 +35583,14 @@ var RichTextEditor = function RichTextEditor(_ref) {
       postMessage(webview.current, message);
     }
   };
-  var _React$useState = React__namespace.default.useState({
+  var _React$useState = React__default["default"].useState({
       height: 0,
       width: 0
     }),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     inputSize = _React$useState2[0],
     setInputSize = _React$useState2[1];
-  var _React$useState3 = React__namespace.default.useState(0),
+  var _React$useState3 = React__default["default"].useState(0),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     labelWidth = _React$useState4[0],
     setLabelWidth = _React$useState4[1];
@@ -35690,9 +35705,9 @@ var RichTextEditor = function RichTextEditor(_ref) {
         break;
     }
   }, []);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$4, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledContainer$4, {
     testID: testID
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledLabelContainerInsideTextInput, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledLabelContainerInsideTextInput, {
     themeVariant: "text",
     pointerEvents: "none",
     testID: "input-label-container",
@@ -35716,28 +35731,28 @@ var RichTextEditor = function RichTextEditor(_ref) {
         })
       }]
     }]
-  }, required && /*#__PURE__*/React__namespace.default.createElement(StyledAsteriskLabelInsideTextInput, {
+  }, required && /*#__PURE__*/React__default["default"].createElement(StyledAsteriskLabelInsideTextInput, {
     style: {
       backgroundColor: theme.__hd__.textInput.colors.labelBackground
     },
     themeState: state
-  }, "*"), !!label && /*#__PURE__*/React__namespace.default.createElement(StyledLabelInsideTextInput, {
+  }, "*"), !!label && /*#__PURE__*/React__default["default"].createElement(StyledLabelInsideTextInput, {
     style: {
       backgroundColor: theme.__hd__.textInput.colors.labelBackground
     },
     testID: "input-label",
     themeState: state,
     onLayout: onLabelLayout
-  }, label)), /*#__PURE__*/React__namespace.default.createElement(StyledTextInputContainer, {
+  }, label)), /*#__PURE__*/React__default["default"].createElement(StyledTextInputContainer, {
     onLayout: onLayout
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledBorderBackDrop, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledBorderBackDrop, {
     themeState: state,
     themeFocused: isFocused
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledTextInputAndLabelContainer, null, /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableWithoutFeedback, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledTextInputAndLabelContainer, null, /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableWithoutFeedback, {
     onPress: function onPress(e) {
       return e.stopPropagation();
     }
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledWebView, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledWebView, {
     ref: webview,
     testID: "webview",
     style: style,
@@ -35750,17 +35765,17 @@ var RichTextEditor = function RichTextEditor(_ref) {
     hideKeyboardAccessoryView: true,
     keyboardDisplayRequiresUserAction: false,
     height: webviewHeight
-  })))), /*#__PURE__*/React__namespace.default.createElement(StyledErrorAndHelpTextContainer, null, /*#__PURE__*/React__namespace.default.createElement(StyledErrorAndMaxLengthContainer, null, error ? /*#__PURE__*/React__namespace.default.createElement(StyledErrorContainer$2, null, /*#__PURE__*/React__namespace.default.createElement(Icon, {
+  })))), /*#__PURE__*/React__default["default"].createElement(StyledErrorAndHelpTextContainer, null, /*#__PURE__*/React__default["default"].createElement(StyledErrorAndMaxLengthContainer, null, error ? /*#__PURE__*/React__default["default"].createElement(StyledErrorContainer$2, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     testID: "input-error-icon",
     icon: "circle-info",
     size: "xsmall",
     intent: "danger"
-  }), /*#__PURE__*/React__namespace.default.createElement(StyledError, {
+  }), /*#__PURE__*/React__default["default"].createElement(StyledError, {
     testID: "input-error-message"
-  }, error)) : !!helpText && /*#__PURE__*/React__namespace.default.createElement(StyledHelperText, null, helpText))));
+  }, error)) : !!helpText && /*#__PURE__*/React__default["default"].createElement(StyledHelperText, null, helpText))));
 };
 var RichTextEditorWithRef = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__namespace.default.createElement(RichTextEditor, _extends$1({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(RichTextEditor, _extends$1({}, props, {
     forwardedRef: ref
   }));
 });
@@ -35792,18 +35807,18 @@ var AnimatedFAB = function AnimatedFAB(_ref) {
     contentHeight = _ref.contentHeight,
     layoutHeight = _ref.layoutHeight;
   var component = 'items' in fabProps ? 'ActionGroup' : 'FAB';
-  var ref = React__namespace.default.useRef(null);
-  var currentContentHeight = React__namespace.default.useRef(0);
-  var currentLayoutHeight = React__namespace.default.useRef(0);
+  var ref = React__default["default"].useRef(null);
+  var currentContentHeight = React__default["default"].useRef(0);
+  var currentLayoutHeight = React__default["default"].useRef(0);
   /** fabState is used to avoid calling duplicated animations. */
-  var fabState = React__namespace.default.useRef('show');
+  var fabState = React__default["default"].useRef('show');
   /** remainingScrollOffset determines whether to animate the FAB. */
-  var remainingScrollOffset = React__namespace.default.useRef(MAX_ANIMATABLE_SCROLL_DISTANCE);
+  var remainingScrollOffset = React__default["default"].useRef(MAX_ANIMATABLE_SCROLL_DISTANCE);
   /** currentScrollDirection is used to determine the scroll direction. */
-  var currentScrollDirection = React__namespace.default.useRef('down');
+  var currentScrollDirection = React__default["default"].useRef('down');
   /** lastScrollY is the scrollY from the preview scroll event. */
-  var lastScrollY = React__namespace.default.useRef(0);
-  var animateFab = React__namespace.default.useCallback(function (newState) {
+  var lastScrollY = React__default["default"].useRef(0);
+  var animateFab = React__default["default"].useCallback(function (newState) {
     if (fabState.current !== newState) {
       if (newState === 'show') {
         var _ref$current;
@@ -35818,7 +35833,7 @@ var AnimatedFAB = function AnimatedFAB(_ref) {
       fabState.current = newState;
     }
   }, [component]);
-  React__namespace.default.useEffect(function () {
+  React__default["default"].useEffect(function () {
     contentHeight.addListener(function (_ref2) {
       var value = _ref2.value;
       if (value > 0 && value !== currentContentHeight.current) {
@@ -35873,9 +35888,9 @@ var AnimatedFAB = function AnimatedFAB(_ref) {
       layoutHeight.removeAllListeners();
     };
   }, [contentHeight, contentOffsetY, layoutHeight]);
-  return component === 'FAB' ? /*#__PURE__*/React__namespace.default.createElement(FAB, _extends$1({
+  return component === 'FAB' ? /*#__PURE__*/React__default["default"].createElement(FAB, _extends$1({
     ref: ref
-  }, fabProps)) : /*#__PURE__*/React__namespace.default.createElement(ActionGroup, _extends$1({
+  }, fabProps)) : /*#__PURE__*/React__default["default"].createElement(ActionGroup, _extends$1({
     ref: ref
   }, fabProps));
 };
@@ -35883,14 +35898,14 @@ var AnimatedFAB = function AnimatedFAB(_ref) {
 function AnimatedScroller(_ref) {
   var ScrollComponent = _ref.ScrollComponent,
     fabProps = _ref.fabProps;
-  var contentOffsetY = React__namespace.default.useRef(new reactNative.Animated.Value(0)).current;
-  var contentHeight = React__namespace.default.useRef(new reactNative.Animated.Value(0)).current;
-  var layoutHeight = React__namespace.default.useRef(new reactNative.Animated.Value(0)).current;
+  var contentOffsetY = React__default["default"].useRef(new reactNative.Animated.Value(0)).current;
+  var contentHeight = React__default["default"].useRef(new reactNative.Animated.Value(0)).current;
+  var layoutHeight = React__default["default"].useRef(new reactNative.Animated.Value(0)).current;
   // Common props for all ScrollView, FlatList and SectionList.
   var _ScrollComponent$prop = ScrollComponent.props,
     onScroll = _ScrollComponent$prop.onScroll,
     scrollEventThrottle = _ScrollComponent$prop.scrollEventThrottle;
-  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.cloneElement(ScrollComponent, _objectSpread2(_objectSpread2({}, ScrollComponent.props), {}, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].cloneElement(ScrollComponent, _objectSpread2(_objectSpread2({}, ScrollComponent.props), {}, {
     scrollEventThrottle: scrollEventThrottle || 100,
     onScroll: reactNative.Animated.event([{
       nativeEvent: {
@@ -35908,7 +35923,7 @@ function AnimatedScroller(_ref) {
       useNativeDriver: false,
       listener: onScroll
     })
-  })), !!fabProps && /*#__PURE__*/React__namespace.default.createElement(AnimatedFAB, {
+  })), !!fabProps && /*#__PURE__*/React__default["default"].createElement(AnimatedFAB, {
     fabProps: fabProps,
     contentOffsetY: contentOffsetY,
     contentHeight: contentHeight,
@@ -35920,8 +35935,8 @@ var _excluded$2 = ["fabProps"];
 var ScrollViewWithFAB = function ScrollViewWithFAB(_ref) {
   var fabProps = _ref.fabProps,
     props = _objectWithoutProperties(_ref, _excluded$2);
-  return /*#__PURE__*/React__namespace.default.createElement(AnimatedScroller, {
-    ScrollComponent: /*#__PURE__*/React__namespace.default.createElement(reactNative.ScrollView, props),
+  return /*#__PURE__*/React__default["default"].createElement(AnimatedScroller, {
+    ScrollComponent: /*#__PURE__*/React__default["default"].createElement(reactNative.ScrollView, props),
     fabProps: fabProps
   });
 };
@@ -35930,8 +35945,8 @@ var _excluded$1 = ["fabProps"];
 function FlatListWithFAB(_ref) {
   var fabProps = _ref.fabProps,
     props = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React__namespace.default.createElement(AnimatedScroller, {
-    ScrollComponent: /*#__PURE__*/React__namespace.default.createElement(reactNative.FlatList, props),
+  return /*#__PURE__*/React__default["default"].createElement(AnimatedScroller, {
+    ScrollComponent: /*#__PURE__*/React__default["default"].createElement(reactNative.FlatList, props),
     fabProps: fabProps
   });
 }
@@ -35940,8 +35955,8 @@ var _excluded = ["fabProps"];
 function SectionListWithFAB(_ref) {
   var fabProps = _ref.fabProps,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__namespace.default.createElement(AnimatedScroller, {
-    ScrollComponent: /*#__PURE__*/React__namespace.default.createElement(reactNative.SectionList, props),
+  return /*#__PURE__*/React__default["default"].createElement(AnimatedScroller, {
+    ScrollComponent: /*#__PURE__*/React__default["default"].createElement(reactNative.SectionList, props),
     fabProps: fabProps
   });
 }