@ornikar/kitt-universal 27.3.1-canary.2a1e1042a7d526c8c6b6197a77f84626e0e5d206.0 → 27.5.0

package/dist/index.es.js

@@ -755,13 +755,23 @@ var card = {
 };
 
 var webAnimationContentDuration$2 = 400;
-var webAnimationContentEasing$2 = [0.77, 0, 0.175, 1];
+var webAnimationContentEasing$2 = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 var webAnimationOverlayDuration$2 = 250;
-var webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
+var webAnimationOverlayEasing$2 = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 var maxWidth = 540;
 var overlayHorizontalPadding = 24;
 var cardModal = {
-  borderRadius: 20,
+  borderRadius: spacing * 2,
   maxWidth: maxWidth,
   maxWidthWithPadding: maxWidth + overlayHorizontalPadding * 2,
   minHeight: 280,
@@ -849,11 +859,21 @@ var choices = {
 };
 
 var webAnimationContentDuration$1 = 400;
-var webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
+var webAnimationContentEasing$1 = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 var webAnimationOverlayDuration$1 = 250;
-var webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
+var webAnimationOverlayEasing$1 = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 var dialogModal = {
-  borderRadius: 20,
+  borderRadius: spacing * 2,
   maxWidth: 540,
   overlayPadding: {
     horizontal: 24,
@@ -1783,9 +1803,19 @@ var forms = {
 };
 
 var webAnimationContentDuration = 600;
-var webAnimationContentEasing = [0.77, 0, 0.175, 1];
+var webAnimationContentEasing = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 var webAnimationOverlayDuration = 250;
-var webAnimationOverlayEasing = [0.42, 0, 1, 1];
+var webAnimationOverlayEasing = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 var fullscreenModal = {
   header: {
     height: 56
@@ -1822,10 +1852,10 @@ var highlight = {
   },
   primary: {
     "default": {
-      backgroundColor: deepPurpleColorPalette['beige.2']
+      backgroundColor: deepPurpleColorPalette['blue.1']
     },
     hover: {
-      backgroundColor: deepPurpleColorPalette['beige.4']
+      backgroundColor: deepPurpleColorPalette['blue.2']
     }
   },
   secondary: {
@@ -1846,10 +1876,14 @@ var highlight = {
   },
   dark: {
     "default": {
-      backgroundColor: deepPurpleColorPalette['beige.2']
+      backgroundColor: deepPurpleColorPalette['grey.0'],
+      borderWidth: 1,
+      borderColor: deepPurpleColorPalette['beige.3']
     },
     hover: {
-      backgroundColor: deepPurpleColorPalette['beige.1']
+      backgroundColor: deepPurpleColorPalette['beige.1'],
+      borderWidth: 1,
+      borderColor: deepPurpleColorPalette['beige.3']
     }
   },
   success: {
@@ -1929,8 +1963,8 @@ var listItem = {
 
 var mapMarker = {
   home: {
-    "default": colors.primaryLight,
-    selected: colors.primary,
+    "default": deepPurpleColorPalette['grey.9'],
+    selected: deepPurpleColorPalette['grey.7'],
     svg: {
       height: 36
     },
@@ -1940,8 +1974,8 @@ var mapMarker = {
     }
   },
   meetingPoint: {
-    "default": colors.black,
-    selected: colors.blackAnthracite,
+    "default": deepPurpleColorPalette['deepPurple.8'],
+    selected: deepPurpleColorPalette['deepPurple.6'],
     svg: {
       width: 40,
       height: 43
@@ -2452,7 +2486,7 @@ var breakpoints = {
 // TODO : seperate brand color usage definition from proper theme definition and add typings - https://ornikar.atlassian.net/browse/CME-156
 var theme = {
   spacing: spacing,
-  getSpacing: function (multiplier) {
+  getSpacing: function getSpacing(multiplier) {
     return spacing * multiplier;
   },
   colors: colors,
@@ -2639,7 +2673,7 @@ var ActionCardPressable = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     onPress: onPress,
     onHoverIn: onHoverIn,
     onHoverOut: onHoverOut,
-    children: function (_ref3) {
+    children: function children(_ref3) {
       var isHovered = _ref3.isHovered,
         isPressed = _ref3.isPressed,
         isFocused = _ref3.isFocused;
@@ -3419,11 +3453,11 @@ var useNativeAnimation$4 = function (_ref) {
     };
   });
   return {
-    onPressIn: function () {
+    onPressIn: function handlePressIn() {
       color.value = withSpring(1);
       pressed.value = 1;
     },
-    onPressOut: function () {
+    onPressOut: function handlePressOut() {
       color.value = withSpring(0);
       pressed.value = 0;
     },
@@ -3492,7 +3526,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onHoverOut: onHoverOut,
     onFocus: onFocus,
     onBlur: onBlur,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered,
         isPressed = _ref2.isPressed,
         isFocused = _ref2.isFocused;
@@ -3615,7 +3649,7 @@ var ActionsItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
       stretch: stretch,
       disabled: isLoading ? true : disabled,
       icon: isLoading ? /*#__PURE__*/jsx(LoaderIcon, {}) : icon,
-      onPress: function (e) {
+      onPress: function handlePress(e) {
         var callPressAndUpdateLoadingState = /*#__PURE__*/function () {
           var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
             return _regeneratorRuntime().wrap(function (_context) {
@@ -3887,10 +3921,10 @@ function BottomSheetComp(_ref, ref) {
       borderRadius: 4,
       backgroundColor: theme.kitt.bottomSheet.handle.backgroundColor
     },
-    handleComponent: function (props) {
+    handleComponent: function handleComponent(props) {
       return hasHandle ? /*#__PURE__*/jsx(BottomSheetHandle, _objectSpread({}, props)) : null;
     },
-    backdropComponent: function (props) {
+    backdropComponent: function backdropComponent(props) {
       return hasBackdrop ? /*#__PURE__*/jsx(BottomSheetBackdrop, _objectSpread(_objectSpread({}, props), {}, {
         opacity: 0.25,
         appearsOnIndex: 0,
@@ -3899,7 +3933,7 @@ function BottomSheetComp(_ref, ref) {
     }
   }, rest), {}, {
     topInset: top,
-    children: function (props) {
+    children: function children(props) {
       return /*#__PURE__*/jsx(Wrapper, {
         children: typeof Content === 'function' ? /*#__PURE__*/jsx(Content, _objectSpread({}, props === null || props === void 0 ? void 0 : props.data)) : Content
       });
@@ -3975,7 +4009,7 @@ function CloseButton(_ref) {
     onPress = _ref.onPress;
   var onCloseContextCallback = useOnCloseModalBehaviour();
   return /*#__PURE__*/cloneElement(children, {
-    onPress: function () {
+    onPress: function handleClose() {
       if (onPress) onPress();
       onCloseContextCallback();
     }
@@ -4050,11 +4084,10 @@ function NativeOpacityAnimation$2(_ref) {
     var _theme$kitt$cardModal = theme.kitt.cardModal.animation.overlay,
       duration = _theme$kitt$cardModal.duration,
       easing = _theme$kitt$cardModal.easing;
-    var _easing = _slicedToArray(easing, 4),
-      x1 = _easing[0],
-      y1 = _easing[1],
-      x2 = _easing[2],
-      y2 = _easing[3];
+    var x1 = easing.x1,
+      y1 = easing.y1,
+      x2 = easing.x2,
+      y2 = easing.y2;
     return {
       opacity: withTiming(visible ? 1 : 0, {
         duration: duration,
@@ -4090,11 +4123,10 @@ function NativeRotationAnimation$1(_ref) {
     var _theme$kitt$cardModal = theme.kitt.cardModal.animation.content,
       duration = _theme$kitt$cardModal.duration,
       easing = _theme$kitt$cardModal.easing;
-    var _easing = _slicedToArray(easing, 4),
-      x1 = _easing[0],
-      y1 = _easing[1],
-      x2 = _easing[2],
-      y2 = _easing[3];
+    var x1 = easing.x1,
+      y1 = easing.y1,
+      x2 = easing.x2,
+      y2 = easing.y2;
     rotation.value = withTiming(visible ? 0 : 5, {
       duration: duration,
       easing: Easing$1.bezier(x1, y1, x2, y2)
@@ -4153,11 +4185,11 @@ function CardModalAnimation(_ref) {
     transparent: true,
     supportedOrientations: ['landscape', 'portrait'],
     visible: isModalVisible,
-    onShow: function () {
+    onShow: function onShow() {
       if (onEnter) onEnter();
       setIsContentVisible(true);
     },
-    onDismiss: function () {
+    onDismiss: function onDismiss() {
       if (onExited) onExited();
     },
     children: /*#__PURE__*/jsxs(View, {
@@ -4204,7 +4236,7 @@ function CardModalBehaviour(_ref) {
     onClose: onClose,
     children: /*#__PURE__*/jsx(CardModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
       visible: visible,
-      onExited: function () {
+      onExited: function handleExitAnimationDone() {
         if (onExited) onExited();
         setIsModalBehaviourVisible(false);
       },
@@ -4435,10 +4467,10 @@ var useNativeAnimation$3 = function (_ref) {
     };
   });
   return {
-    onPressIn: function () {
+    onPressIn: function onPressIn() {
       pressed.value = true;
     },
-    onPressOut: function () {
+    onPressOut: function onPressOut() {
       pressed.value = false;
     },
     backgroundStyles: backgroundStyles
@@ -4501,7 +4533,7 @@ function ChoiceItem(_ref) {
     style: style,
     onBlur: onBlur,
     onFocus: onFocus,
-    onPress: function (e) {
+    onPress: function handlePress(e) {
       if (onFocus) onFocus(e);
       if (onPress) onPress();
       handleChange();
@@ -4509,7 +4541,7 @@ function ChoiceItem(_ref) {
     },
     onPressIn: onPressIn,
     onPressOut: onPressOut,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered,
         isPressed = _ref2.isPressed;
       var textColor = getCurrentTextColor$1({
@@ -4613,7 +4645,7 @@ function Choices(_ref2) {
     type: type,
     disabled: disabled,
     onPress: !isForm ? onPress : undefined,
-    onChange: isForm ? function (newValue) {
+    onChange: isForm ? function handleChange(newValue) {
       setCurrentValue(newValue);
       if (onChange) onChange(newValue);
     } : undefined,
@@ -4668,11 +4700,10 @@ function NativeOpacityAnimation$1(_ref) {
     var _theme$kitt$dialogMod = theme.kitt.dialogModal.animation.overlay,
       duration = _theme$kitt$dialogMod.duration,
       easing = _theme$kitt$dialogMod.easing;
-    var _easing = _slicedToArray(easing, 4),
-      x1 = _easing[0],
-      y1 = _easing[1],
-      x2 = _easing[2],
-      y2 = _easing[3];
+    var x1 = easing.x1,
+      y1 = easing.y1,
+      x2 = easing.x2,
+      y2 = easing.y2;
     return {
       opacity: withTiming(visible ? 1 : 0, {
         duration: duration,
@@ -4708,11 +4739,10 @@ function NativeRotationAnimation(_ref) {
     var _theme$kitt$dialogMod = theme.kitt.dialogModal.animation.content,
       duration = _theme$kitt$dialogMod.duration,
       easing = _theme$kitt$dialogMod.easing;
-    var _easing = _slicedToArray(easing, 4),
-      x1 = _easing[0],
-      y1 = _easing[1],
-      x2 = _easing[2],
-      y2 = _easing[3];
+    var x1 = easing.x1,
+      y1 = easing.y1,
+      x2 = easing.x2,
+      y2 = easing.y2;
     rotation.value = withTiming(visible ? 0 : 5, {
       duration: duration,
       easing: Easing$1.bezier(x1, y1, x2, y2)
@@ -4771,11 +4801,11 @@ function DialogModalAnimation(_ref) {
     transparent: true,
     supportedOrientations: ['landscape', 'portrait'],
     visible: isModalVisible,
-    onShow: function () {
+    onShow: function onShow() {
       if (onEnter) onEnter();
       setIsContentVisible(true);
     },
-    onDismiss: function () {
+    onDismiss: function onDismiss() {
       if (onExited) onExited();
     },
     children: /*#__PURE__*/jsxs(View, {
@@ -4829,7 +4859,7 @@ function DialogModalBehaviour(_ref) {
       },
       children: /*#__PURE__*/jsx(DialogModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
         visible: visible,
-        onExited: function () {
+        onExited: function handleExitAnimationDone() {
           if (onExited) onExited();
           setIsModalBehaviourVisible(false);
         },
@@ -5092,7 +5122,7 @@ function ExternalLink(_ref) {
   var openExternalLink = useOpenExternalLink();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, rest), {}, {
-    onPress: function (e) {
+    onPress: function handleOnPress(e) {
       if (onPress) {
         onPress(e);
         if (e.defaultPrevented) return;
@@ -5316,14 +5346,14 @@ var _excluded$z = ["children", "name", "disabled", "placeholder", "isInitialOpen
 function patchNativeEvent(event) {
   return event || {
     preventDownshiftDefault: false,
-    preventDefault: function () {}
+    preventDefault: function preventDefault() {}
   };
 }
 function isReactElement(element) {
   return _typeof(element) === 'object' && element !== null && 'type' in element && 'props' in element;
 }
 function Autocomplete(_ref) {
-  var children = _ref.children,
+  var _children = _ref.children,
     name = _ref.name,
     disabled = _ref.disabled,
     placeholder = _ref.placeholder,
@@ -5350,7 +5380,7 @@ function Autocomplete(_ref) {
     zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
     maxItemContainerHeight = _ref.maxItemContainerHeight,
     props = _objectWithoutProperties(_ref, _excluded$z);
-  var childrenArray = Children.toArray(children);
+  var childrenArray = Children.toArray(_children);
   var items = childrenArray.filter(isReactElement).map(function (child) {
     return {
       child: child,
@@ -5361,12 +5391,12 @@ function Autocomplete(_ref) {
     defaultIsOpen: isInitialOpen,
     initialSelectedItem: initialValue,
     initialInputValue: initialValue ? itemToString(initialValue) : undefined,
-    itemToString: function (item) {
+    itemToString: function handleItemToString(item) {
       // Prevents returning null values
       if (!itemToString) return '';
       return itemToString(item || undefined);
     },
-    stateReducer: function (state, changes) {
+    stateReducer: function stateReducer(state, changes) {
       switch (changes.type) {
         case Downshift.stateChangeTypes.changeInput:
           return _objectSpread(_objectSpread({}, changes), {}, {
@@ -5376,7 +5406,7 @@ function Autocomplete(_ref) {
           return changes;
       }
     },
-    onChange: function (selectedItem, stateAndHelpers) {
+    onChange: function onChange(selectedItem, stateAndHelpers) {
       if (_onChange) {
         _onChange(selectedItem, stateAndHelpers);
       }
@@ -5384,7 +5414,7 @@ function Autocomplete(_ref) {
     onSelect: onSelectItem,
     onOuterClick: onOuterPress,
     onInputValueChange: onInputChange,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var getRootProps = _ref2.getRootProps,
         getInputProps = _ref2.getInputProps,
         getMenuProps = _ref2.getMenuProps,
@@ -5436,7 +5466,7 @@ function Autocomplete(_ref) {
           right: right || (canDisplayCollapseButton ? /*#__PURE__*/jsx(InputPressable, _objectSpread(_objectSpread({}, toggleProps), {}, {
             testID: "kitt.Autocomplete.listToggle",
             hitSlop: 40,
-            onPress: function (e) {
+            onPress: function handleTogglePress(e) {
               if (Platform.OS === 'web') {
                 onClickToggle(e);
                 return;
@@ -5447,13 +5477,13 @@ function Autocomplete(_ref) {
               icon: isCurrentlyOpen ? /*#__PURE__*/jsx(CaretUpFillIcon, {}) : /*#__PURE__*/jsx(CaretDownFillIcon, {})
             })
           })) : null),
-          onFocus: function (e) {
+          onFocus: function onFocus(e) {
             openMenu();
             /** @ts-expect-error onFocus wants web events */
             if (Platform.OS !== 'android' && onSearchInputFocus) onSearchInputFocus(e);
             if (_onFocus) _onFocus(e);
           },
-          onBlur: function (e) {
+          onBlur: function onBlur(e) {
             /** @ts-expect-error onBlur wants web events */
             if (Platform.OS === 'web' && onSearchInputBlur) onSearchInputBlur(e);
 
@@ -5489,14 +5519,14 @@ function Autocomplete(_ref) {
                   selected: ariaSelected
                 },
                 disabled: disabled,
-                onPress: function (e) {
+                onPress: function onPress(e) {
                   if (Platform.OS === 'web') {
                     if (onClick) onClick(e);
                     return;
                   }
                   if (_onPress) _onPress(patchNativeEvent(e));
                 },
-                children: function (_ref5) {
+                children: function children(_ref5) {
                   var isHovered = _ref5.isHovered,
                     isFocused = _ref5.isFocused,
                     isPressed = _ref5.isPressed;
@@ -5586,12 +5616,12 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
       disabled: disabled
     },
     disabled: disabled,
-    onPress: function (e) {
+    onPress: function handlePress(e) {
       if (onFocus) onFocus();
       if (onChange) onChange(!checked, e);
       if (onBlur) onBlur();
     },
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered,
         isPressed = _ref2.isPressed,
         isFocused = _ref2.isFocused;
@@ -6146,7 +6176,7 @@ var DatePickerAndroid = /*#__PURE__*/forwardRef(function (_ref, ref) {
     DateTimePickerAndroid.open({
       testID: pickerUITestID,
       value: currentValue || pickerDefaultDate || new Date(Date.now()),
-      onChange: function (e) {
+      onChange: function onChange(e) {
         setIsFocused(false);
         var timestamp = e.nativeEvent.timestamp;
         if (timestamp) {
@@ -6198,7 +6228,7 @@ function PlatformDateTimePicker(_ref) {
     minimumDate: minimuDate,
     display: displayMode
   }, iosProps), {}, {
-    onChange: function (_event, date) {
+    onChange: function onChange(_event, date) {
       return _onChange(date);
     }
   }));
@@ -6232,7 +6262,7 @@ function ModalPlatformDateTimePicker(_ref2) {
 
   return /*#__PURE__*/jsx(CardModal.ModalBehaviour, {
     visible: Boolean(isVisible),
-    onClose: function () {
+    onClose: function handleClose() {
       setCurrentValue(value);
       onClose();
     },
@@ -6243,7 +6273,7 @@ function ModalPlatformDateTimePicker(_ref2) {
         }) : null, /*#__PURE__*/jsx(CardModal.Body, {
           children: /*#__PURE__*/jsx(PlatformDateTimePicker, _objectSpread(_objectSpread({}, props), {}, {
             value: currentValue,
-            onChange: function (newDate) {
+            onChange: function handleChange(newDate) {
               setCurrentValue(function (prev) {
                 return newDate || prev;
               });
@@ -6253,7 +6283,7 @@ function ModalPlatformDateTimePicker(_ref2) {
           children: /*#__PURE__*/jsx(Button, {
             stretch: true,
             type: "primary",
-            onPress: function () {
+            onPress: function handleSubmit() {
               onChange(currentValue);
             },
             children: validateButtonLabel ? /*#__PURE__*/jsx(Text$1, {
@@ -6307,7 +6337,7 @@ var DefaultNativeUIDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       isFocusedInternal: isFocused || isFocusedInternal,
       isHoveredInternal: isHoveredInternal,
       isPressedInternal: isPressedInternal,
-      onPress: function () {
+      onPress: function handleModalOpen() {
         if (onFocus) onFocus();
         setIsPickerUIVisible(true);
         setIsFocused(true);
@@ -6320,7 +6350,7 @@ var DefaultNativeUIDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       validateButtonLabel: pickerUIValidateButtonLabel,
       defaultDate: pickerDefaultDate,
       onClose: handleModalClose,
-      onChange: function (newDate) {
+      onChange: function handleChange(newDate) {
         setCurrentValue(newDate);
         onChange(newDate);
         handleModalClose();
@@ -6393,7 +6423,7 @@ function DocumentPicker(_ref) {
   var childElement = Children.only(children);
   var handlePickDocument = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _childElement$props$o, _childElement$props;
+      var _childElement$props$o, _childElement$props, _result$assets$;
       var result;
       return _regeneratorRuntime().wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -6411,7 +6441,7 @@ function DocumentPicker(_ref) {
             }));
           case 5:
             result = _context.sent;
-            if (!result.canceled && result.assets[0].file) {
+            if (!result.canceled && (_result$assets$ = result.assets[0]) !== null && _result$assets$ !== void 0 && _result$assets$.file) {
               onDocumentUpload(result.assets[0].file);
             }
           case 7:
@@ -6460,7 +6490,7 @@ function ImagePicker(_ref) {
             }));
           case 5:
             result = _context.sent;
-            if (!result.canceled) {
+            if (!result.canceled && result.assets[0]) {
               onImageSelected(result.assets[0]);
             }
           case 7:
@@ -6636,7 +6666,7 @@ function FilePicker(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/cloneElement(childElement, {
       // ensure that the press event is not prevented by Button component
-      onPress: function () {
+      onPress: function onPress() {
         var _childElement$props$o, _childElement$props, _bottomSheetRef$curre;
         if (disabled) return;
         (_childElement$props$o = (_childElement$props = childElement.props).onPress) === null || _childElement$props$o === void 0 || _childElement$props$o.call(_childElement$props);
@@ -6937,10 +6967,10 @@ var GoogleMapsAutocompleteContext = /*#__PURE__*/createContext({
     isLoadingResultDetails: false,
     shouldDisplayEmptyStateWhenNoResults: false
   },
-  onInputChange: function () {
+  onInputChange: function onInputChange() {
     return Promise.resolve();
   },
-  onSelectItem: function () {}
+  onSelectItem: function onSelectItem() {}
 });
 function GoogleMapsAutocompleteProvider(_ref) {
   var children = _ref.children,
@@ -6986,36 +7016,34 @@ function GoogleMapsAutocompleteProvider(_ref) {
             _yield$predictionsPro = _context.sent;
             results = _yield$predictionsPro.results;
             status = _yield$predictionsPro.status;
-            if (!(status !== 'OK')) {
-              _context.next = 13;
-              break;
+            if (status !== 'OK') {
+              dispatch({
+                type: 'search-error'
+              });
             }
-            dispatch({
-              type: 'search-error'
-            });
-            return _context.abrupt("return");
-          case 13:
-            // We cache the results to avoid calling the API again if the user types the same value
-            searchResultsCache.current[value] = results;
-            dispatch({
-              type: 'search-success',
-              payload: {
-                results: results
-              }
-            });
-            _context.next = 20;
+            if (results) {
+              // We cache the results to avoid calling the API again if the user types the same value
+              searchResultsCache.current[value] = results;
+              dispatch({
+                type: 'search-success',
+                payload: {
+                  results: results
+                }
+              });
+            }
+            _context.next = 17;
             break;
-          case 17:
-            _context.prev = 17;
+          case 14:
+            _context.prev = 14;
             _context.t0 = _context["catch"](4);
             dispatch({
               type: 'search-error'
             });
-          case 20:
+          case 17:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[4, 17]]);
+      }, _callee, null, [[4, 14]]);
     }));
     return function () {
       return _ref2.apply(this, arguments);
@@ -7193,7 +7221,7 @@ function InputAddress(_ref) {
   return /*#__PURE__*/jsx(Autocomplete, _objectSpread(_objectSpread({}, props), {}, {
     itemToString: itemToString,
     initialValue: formattedInitialValue,
-    checkSelectedItem: function (selectedItem, item) {
+    checkSelectedItem: function checkSelectedItem(selectedItem, item) {
       return (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.place_id) === item.place_id;
     },
     right: state.isLoadingSearch || state.isLoadingResultDetails ? /*#__PURE__*/jsx(Icon, {
@@ -7202,10 +7230,10 @@ function InputAddress(_ref) {
     }) : undefined,
     errorElement: state.hasSearchError || state.hasSelectResultError ? errorElement : null,
     emptyResultsElement: state.items.length === 0 ? emptyResultsElement : null,
-    onInputChange: function (v) {
+    onInputChange: function onInputChange(v) {
       _onInputChange(v);
     },
-    onChange: function (v) {
+    onChange: function onChange(v) {
       onSelectItem(v, _onChange);
     },
     children: state.items.map(function (item) {
@@ -7287,7 +7315,7 @@ var InputNumber = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref
   }, props), {}, {
     inputMode: "numeric",
-    onChange: function (event) {
+    onChange: function handleChange(event) {
       if (!onChange) return;
       var value = parseFloat(event.nativeEvent.text);
 
@@ -7319,7 +7347,7 @@ var InputPassword = /*#__PURE__*/forwardRef(function (_ref, ref) {
       testID: "kitt.InputPassword.passwordToggle",
       hitSlop: 20,
       accessibilityRole: "button",
-      onPress: function () {
+      onPress: function onPress() {
         return setIsVisible(function (prev) {
           return !prev;
         });
@@ -7354,7 +7382,7 @@ var InputPhone = /*#__PURE__*/forwardRef(function (_ref, ref) {
     enterKeyHint: currentEnterKeyHint,
     autoComplete: autoComplete,
     textContentType: "telephoneNumber",
-    onChange: function (event) {
+    onChange: function handleChange(event) {
       var number = parseNumber(event.nativeEvent.text);
 
       // When intl phone number is valid :
@@ -7547,14 +7575,14 @@ function Radio(_ref, ref) {
     focusable: checked && !disabled,
     flexDirection: "row",
     alignItems: "center",
-    onPress: function (event) {
+    onPress: function handlePress(event) {
       if (onFocus) onFocus();
       if (onChange) onChange(value, event);
       if (onBlur) onBlur();
     },
     onFocus: onFocus,
     onBlur: onBlur,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered,
         isPressed = _ref2.isPressed,
         isFocused = _ref2.isFocused;
@@ -7673,11 +7701,11 @@ var useNativeAnimation$2 = function (_ref) {
     };
   });
   return {
-    onPressIn: function () {
+    onPressIn: function handlePressIn() {
       color.value = withSpring(1);
       pressed.value = 1;
     },
-    onPressOut: function () {
+    onPressOut: function handlePressOut() {
       color.value = withSpring(0);
       pressed.value = 0;
     },
@@ -7730,7 +7758,7 @@ function RadioButton(_ref) {
     flexShrink: createResponsiveStyleFromProp(stretch, 1, undefined),
     flexBasis: createResponsiveStyleFromProp(stretch, 0),
     disabled: disabled,
-    onPress: function (e) {
+    onPress: function handlePress(e) {
       if (onFocus) onFocus(e);
       if (onChange) onChange(value);
       if (onBlur) onBlur(e);
@@ -7739,7 +7767,7 @@ function RadioButton(_ref) {
     onPressOut: onPressOut,
     onFocus: onFocus,
     onBlur: onBlur,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered,
         isPressed = _ref2.isPressed,
         isFocused = _ref2.isFocused;
@@ -7858,7 +7886,7 @@ var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
       textAlignVertical: "top",
       minHeight: "kitt.forms.textArea.minHeight"
     }, props), {}, {
-      onChange: function (e) {
+      onChange: function handleOnChange(e) {
         if (!limit || e.nativeEvent.text.length <= limit) {
           var _props$onChange;
           (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, e);
@@ -8021,10 +8049,10 @@ function Toggle(_ref) {
     children: [/*#__PURE__*/jsx(Pressable, {
       accessibilityRole: "togglebutton",
       disabled: isDisabled,
-      onPress: function () {
+      onPress: function handlePress() {
         onChange(!value);
       },
-      children: function (_ref2) {
+      children: function children(_ref2) {
         var isHovered = _ref2.isHovered,
           isPressed = _ref2.isPressed,
           isFocused = _ref2.isFocused;
@@ -8110,11 +8138,10 @@ function NativeOpacityAnimation(_ref) {
     var _theme$kitt$fullscree = theme.kitt.fullscreenModal.animation.overlay,
       duration = _theme$kitt$fullscree.duration,
       easing = _theme$kitt$fullscree.easing;
-    var _easing = _slicedToArray(easing, 4),
-      x1 = _easing[0],
-      y1 = _easing[1],
-      x2 = _easing[2],
-      y2 = _easing[3];
+    var x1 = easing.x1,
+      y1 = easing.y1,
+      x2 = easing.x2,
+      y2 = easing.y2;
     return {
       opacity: withTiming(visible ? 1 : 0, {
         duration: duration,
@@ -8150,11 +8177,10 @@ function NativeSlideInAnimation(_ref) {
     var _theme$kitt$fullscree = theme.kitt.fullscreenModal.animation.content,
       duration = _theme$kitt$fullscree.duration,
       easing = _theme$kitt$fullscree.easing;
-    var _easing = _slicedToArray(easing, 4),
-      x1 = _easing[0],
-      y1 = _easing[1],
-      x2 = _easing[2],
-      y2 = _easing[3];
+    var x1 = easing.x1,
+      y1 = easing.y1,
+      x2 = easing.x2,
+      y2 = easing.y2;
     return {
       transform: [{
         translateY: withTiming(visible ? 0 : wHeight, {
@@ -8213,11 +8239,11 @@ function FullscreenModalAnimation(_ref) {
     transparent: true,
     supportedOrientations: ['landscape', 'portrait'],
     visible: isModalVisible,
-    onShow: function () {
+    onShow: function onShow() {
       if (onEnter) onEnter();
       setIsContentVisible(true);
     },
-    onDismiss: function () {
+    onDismiss: function onDismiss() {
       if (onExited) onExited();
     },
     children: /*#__PURE__*/jsxs(View, {
@@ -8264,7 +8290,7 @@ function FullscreenModalBehaviour(_ref) {
     onClose: onClose,
     children: /*#__PURE__*/jsx(FullscreenModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
       visible: visible,
-      onExited: function () {
+      onExited: function handleExitAnimationDone() {
         if (onExited) onExited();
         setIsModalBehaviourVisible(false);
       },
@@ -8427,12 +8453,15 @@ function AnimatedCaret(_ref) {
 function AnimatedContainer(_ref) {
   var children = _ref.children,
     size = _ref.size,
-    animatedStyles = _ref.animatedStyles;
+    animatedStyles = _ref.animatedStyles,
+    variant = _ref.variant;
   var sx = useSx();
   var theme = useTheme();
   var styles = sx({
     borderRadius: theme.kitt.highlight.borderRadius,
-    padding: theme.kitt.highlight.padding[size]
+    padding: theme.kitt.highlight.padding[size],
+    borderWidth: theme.kitt.highlight[variant]["default"].borderWidth,
+    borderColor: theme.kitt.highlight[variant]["default"].borderColor
   });
   return /*#__PURE__*/jsx(Animated.View, {
     style: [styles, animatedStyles],
@@ -8491,11 +8520,11 @@ var useNativeAnimation$1 = function (_ref) {
     };
   });
   return {
-    onPressIn: function () {
+    onPressIn: function handleHoverIn() {
       color.value = withTiming(1, withTimingConfig);
       translate.value = withTiming(2, withTimingConfig);
     },
-    onPressOut: function () {
+    onPressOut: function handleHoverOut() {
       color.value = withTiming(0, withTimingConfig);
       translate.value = withTiming(0, withTimingConfig);
     },
@@ -8566,6 +8595,8 @@ function Highlight(_ref) {
       borderRadius: "kitt.highlight.borderRadius",
       padding: theme.kitt.highlight.padding[size],
       backgroundColor: "kitt.highlight.".concat(variant, ".default.backgroundColor"),
+      borderWidth: theme.kitt.highlight[variant]["default"].borderWidth,
+      borderColor: theme.kitt.highlight[variant]["default"].borderColor,
       children: /*#__PURE__*/jsxs(HStack, {
         space: highlightStyle[size].spaceBetween,
         children: [icon && /*#__PURE__*/jsx(View, {
@@ -8587,13 +8618,13 @@ function Highlight(_ref) {
     });
   }
   return /*#__PURE__*/jsx(Pressable, {
-    onPress: function () {
+    onPress: function handlePress() {
       setIsExpanded(!isExpanded);
       setIsInitialRender(false);
     },
     onPressIn: onPressIn,
     onPressOut: onPressOut,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered;
       return /*#__PURE__*/jsxs(AnimatedContainer, {
         isHovered: isHovered,
@@ -8823,12 +8854,11 @@ var SvgPinMarkerinline = function SvgPinMarkerinline(props) {
     width: 34,
     height: 36,
     viewBox: "0 0 34 36",
-    fill: "none",
+    fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {}, {
     children: [/*#__PURE__*/jsx("path", {
       d: "M17 .5C26.113.5 33.5 7.887 33.5 17c0 8.272-6.087 15.121-14.025 16.315-.05.008-.157.054-.337.211-.173.151-.351.345-.56.57a5.972 5.972 0 0 1-.662.637c-.232.181-.545.367-.916.367-.37 0-.684-.186-.916-.367a5.972 5.972 0 0 1-.662-.637c-.209-.224-.387-.419-.56-.57-.18-.157-.287-.203-.337-.21C6.586 32.12.5 25.271.5 17 .5 7.887 7.887.5 17 .5Z",
-      fill: "#7B66FF",
       stroke: "#fff"
     }), /*#__PURE__*/jsx("path", {
       d: "M17 10a5.506 5.506 0 0 0-5.5 5.5c0 4.706 5 8.26 5.213 8.41a.5.5 0 0 0 .574 0c.213-.15 5.213-3.704 5.213-8.41A5.506 5.506 0 0 0 17 10Zm0 3.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z",
@@ -8856,6 +8886,13 @@ var SvgShadowinline = function SvgShadowinline(props) {
   }));
 };
 
+var MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
+  MapMarkerVariantEnum["HOME"] = "home";
+  MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
+  MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
+  return MapMarkerVariantEnum;
+}({});
+
 var SCALE_DURATION = 300;
 var TRANSLATE_Y_DURATION = 150;
 var useNativeAnimation = function (_ref) {
@@ -8910,19 +8947,13 @@ var getBackgroundColor = function (_ref) {
   var isHovered = _ref.isHovered,
     isSelected = _ref.isSelected,
     variant = _ref.variant;
-  if (variant === 'home') {
+  if (variant === MapMarkerVariantEnum.HOME || variant === MapMarkerVariantEnum.CLOSE_MEETING_POINT) {
     return isSelected || isHovered ? theme.mapMarker.home.selected : theme.mapMarker.home["default"];
   }
   return isSelected || isHovered ? theme.mapMarker.meetingPoint.selected : theme.mapMarker.meetingPoint["default"];
 };
 
 var _excluded$b = ["onPress", "testID"];
-var MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
-  MapMarkerVariantEnum["HOME"] = "home";
-  MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
-  MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
-  return MapMarkerVariantEnum;
-}({});
 function StaticMapMarker$1(_ref) {
   var variant = _ref.variant,
     isHovered = _ref.isHovered,
@@ -8985,7 +9016,7 @@ function MapMarker(_ref2) {
   return /*#__PURE__*/jsx(Pressable$1, {
     testID: testID,
     onPress: onPress,
-    children: function (_ref3) {
+    children: function children(_ref3) {
       var isHovered = _ref3.isHovered;
       return /*#__PURE__*/jsx(StaticMapMarker$1, _objectSpread(_objectSpread({}, props), {}, {
         isHovered: isHovered
@@ -9021,6 +9052,8 @@ var getColorByType = function (type) {
   switch (type) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'white';
     case 'warning':
     default:
       return 'black';
@@ -9030,6 +9063,8 @@ var getIconButtonColor = function (messageType) {
   switch (messageType) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'ghost';
     case 'warning':
     default:
       return 'black';
@@ -9050,7 +9085,7 @@ function BaseMessage(_ref) {
     justifyContent: "space-between",
     minHeight: "kitt.feedbackMessage.minHeight",
     paddingTop: insets === null || insets === void 0 ? void 0 : insets.top,
-    borderRadius: hasNoRadius ? undefined : 'kitt.5',
+    borderRadius: hasNoRadius ? undefined : 'kitt.2',
     backgroundColor: "kitt.feedbackMessage.".concat(type, ".backgroundColor"),
     children: [/*#__PURE__*/jsxs(HStack, {
       flexGrow: 1,
@@ -9058,9 +9093,9 @@ function BaseMessage(_ref) {
       alignSelf: "center",
       alignItems: "flex-start",
       paddingY: "kitt.4",
-      paddingX: "kitt.5",
+      paddingX: "kitt.4",
       children: [centeredText ? null : /*#__PURE__*/jsx(View, {
-        marginRight: "kitt.5",
+        marginRight: "kitt.2",
         children: /*#__PURE__*/jsx(Icon, {
           color: color,
           icon: /*#__PURE__*/jsx(IconContent, {
@@ -11572,19 +11607,19 @@ function NavigationModalBehaviour(_ref) {
     children: /*#__PURE__*/jsx(AnimationComponent, _objectSpread(_objectSpread({}, props), {}, {
       appear: shouldAppear,
       visible: visible,
-      onEnter: function () {
+      onEnter: function handleEnter() {
         if (onEnter) onEnter();
 
         // Once a children as been displayed, we force appear to false in order to avoid replaying animation on breakpoint change
         setShouldAppear(false);
       },
-      onExit: function () {
+      onExit: function handleExit() {
         if (onExit) onExit();
 
         // Reset appear value to its original value for future modal display
         setShouldAppear(appear);
       },
-      onExited: function () {
+      onExited: function handleExitAnimationDone() {
         if (onExited) onExited();
         setIsModalBehaviourVisible(false);
       },
@@ -11945,7 +11980,7 @@ function Picker(_ref) {
       isOpen: state.isOpen,
       selectedItem: state.currentValue,
       disabled: disabled,
-      onPress: function () {
+      onPress: function handlePressTrigger() {
         if (syncStateWithSourceValue) {
           dispatch({
             type: 'open-modal-with-value',
@@ -11999,7 +12034,7 @@ function Picker(_ref) {
               accessibilityState: {
                 selected: isSelected
               },
-              onPress: function () {
+              onPress: function onPress() {
                 handleInternalChange(item.props.value);
               },
               children: function (_ref2) {
@@ -12020,7 +12055,7 @@ function Picker(_ref) {
           children: /*#__PURE__*/jsx(Button, {
             stretch: true,
             type: "primary",
-            onPress: function () {
+            onPress: function handleChange() {
               if (onChange) onChange(state.internalValue);
               dispatch({
                 type: 'change-value'
@@ -12157,7 +12192,7 @@ function Skeleton(_ref) {
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
     overflow: "hidden",
     style: style,
-    onLayout: function (_ref2) {
+    onLayout: function onLayout(_ref2) {
       var nativeEvent = _ref2.nativeEvent;
       return setWidth(nativeEvent.layout.width);
     },
@@ -12379,7 +12414,7 @@ function StaticMap(_ref) {
     position: "relative",
     maxWidth: mapBoxMaxPictureWidth,
     height: height,
-    onLayout: function (event) {
+    onLayout: function handleParentLayout(event) {
       var nativeEvent = event.nativeEvent;
       var rangedMapWidth = getPictureWidth(nativeEvent.layout.width);
       setCurrentWidth(rangedMapWidth);
@@ -12391,11 +12426,11 @@ function StaticMap(_ref) {
       width: currentWidth,
       height: height,
       alt: alt,
-      onLoadEnd: function () {
+      onLoadEnd: function handleImageLoadEnd() {
         setIsLoading(false);
         if (onLoaded) onLoaded();
       },
-      onError: function () {
+      onError: function handleError() {
         setHasError(true);
         if (onError) onError();
       }
@@ -12420,7 +12455,7 @@ function StaticMap(_ref) {
       width: "100%",
       height: "100%",
       children: /*#__PURE__*/jsx(StaticMapError, {
-        onReload: function () {
+        onReload: function handleReload() {
           setHasError(false);
           setIsLoading(true);
           setCurrentMapKey(function (prev) {
@@ -12661,7 +12696,7 @@ function StoryContainer(_ref) {
 var StoryDecorator = makeDecorator({
   name: 'StoryDecorator',
   parameterName: 'storyDecorator',
-  wrapper: function (storyFn, context) {
+  wrapper: function wrapper(storyFn, context) {
     var story = storyFn(context);
     if (context.parameters.disableStoryContainer) {
       return story;
@@ -12843,13 +12878,14 @@ function TabBar(_ref) {
     }, props), {}, {
       children: Children.map(tabItems, function (child, index) {
         var tab = tabs[index];
+        if (!tab) throw new Error("TabBar: tab is undefined at index ".concat(index));
         return /*#__PURE__*/jsx(View, {
           children: /*#__PURE__*/cloneElement(child, {
             color: color,
-            onPress: function (event) {
+            onPress: function onPress(event) {
               var _child$props$onPress, _child$props;
               onChangeTab({
-                tab: tabs[index],
+                tab: tab,
                 index: index
               });
               (_child$props$onPress = (_child$props = child.props).onPress) === null || _child$props$onPress === void 0 || _child$props$onPress.call(_child$props, event);
@@ -12995,7 +13031,7 @@ function ModalDateTimePicker(_ref) {
           stretch: true,
           testID: "timePicker.ModalDateTimePicker.submitButton",
           type: "primary",
-          onPress: function () {
+          onPress: function handleSubmit() {
             onChange(currentValue);
           },
           children: buttonContent
@@ -13042,7 +13078,7 @@ var TimePickerPressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     width: createResponsiveStyleFromProp(stretch, '100%', 'kitt.forms.timePicker.minWidth'),
     pointerEvents: "box-only",
     onPress: onPress,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered,
         isFocused = _ref2.isFocused,
         isPressed = _ref2.isPressed;
@@ -13119,7 +13155,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       isHoveredInternal: isHoveredInternal,
       isFocusedInternal: isFocusedInternal,
       isPressedInternal: isPressedInternal,
-      onPress: function () {
+      onPress: function handlePress() {
         setIsPickerVisible(true);
       }
     }), Platform.OS === 'android' && isPickerVisible ? /*#__PURE__*/jsx(DateTimePicker, {
@@ -13143,7 +13179,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       value: pickerValue,
       validateButtonLabel: validateButtonLabel,
       onChange: handleChange,
-      onClose: function () {
+      onClose: function handleClose() {
         setIsPickerVisible(false);
       }
     }) : null]
@@ -13506,7 +13542,7 @@ function Tooltip(_ref) {
       ref: reference,
       children: renderPressable({
         ref: getPressableRect,
-        onPress: function () {
+        onPress: function handlePress() {
           if (onToggle) onToggle(!!pressed.value);
           pressed.value = !pressed.value;
         },
@@ -13525,7 +13561,7 @@ function Tooltip(_ref) {
       left: customShiftData.left,
       right: customShiftData.right,
       zIndex: zIndex,
-      onLayout: function (_ref2) {
+      onLayout: function onLayout(_ref2) {
         var nativeEvent = _ref2.nativeEvent;
         return setFloatingWidth(nativeEvent.layout.width);
       },
@@ -13688,7 +13724,7 @@ function KittThemeProvider(_ref) {
 var KittThemeDecorator = makeDecorator({
   name: 'ThemeDecorator',
   parameterName: 'theme',
-  wrapper: function (storyFn, context, _ref2) {
+  wrapper: function wrapper(storyFn, context, _ref2) {
     var _parameters$isSSR;
     var _ref2$options = _ref2.options,
       options = _ref2$options === void 0 ? {} : _ref2$options,