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

package/dist/index-metro.es.android.js

@@ -740,13 +740,23 @@ const card = {
 };
 
 const webAnimationContentDuration$2 = 400;
-const webAnimationContentEasing$2 = [0.77, 0, 0.175, 1];
+const webAnimationContentEasing$2 = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 const webAnimationOverlayDuration$2 = 250;
-const webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
+const webAnimationOverlayEasing$2 = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 const maxWidth = 540;
 const overlayHorizontalPadding = 24;
 const cardModal = {
-  borderRadius: 20,
+  borderRadius: spacing * 2,
   maxWidth,
   maxWidthWithPadding: maxWidth + overlayHorizontalPadding * 2,
   minHeight: 280,
@@ -834,11 +844,21 @@ const choices = {
 };
 
 const webAnimationContentDuration$1 = 400;
-const webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
+const webAnimationContentEasing$1 = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 const webAnimationOverlayDuration$1 = 250;
-const webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
+const webAnimationOverlayEasing$1 = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 const dialogModal = {
-  borderRadius: 20,
+  borderRadius: spacing * 2,
   maxWidth: 540,
   overlayPadding: {
     horizontal: 24,
@@ -1768,9 +1788,19 @@ const forms = {
 };
 
 const webAnimationContentDuration = 600;
-const webAnimationContentEasing = [0.77, 0, 0.175, 1];
+const webAnimationContentEasing = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 const webAnimationOverlayDuration = 250;
-const webAnimationOverlayEasing = [0.42, 0, 1, 1];
+const webAnimationOverlayEasing = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 const fullscreenModal = {
   header: {
     height: 56
@@ -1807,10 +1837,10 @@ const highlight = {
   },
   primary: {
     default: {
-      backgroundColor: deepPurpleColorPalette['beige.2']
+      backgroundColor: deepPurpleColorPalette['blue.1']
     },
     hover: {
-      backgroundColor: deepPurpleColorPalette['beige.4']
+      backgroundColor: deepPurpleColorPalette['blue.2']
     }
   },
   secondary: {
@@ -1831,10 +1861,14 @@ const 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: {
@@ -1914,8 +1948,8 @@ const listItem = {
 
 const mapMarker = {
   home: {
-    default: colors.primaryLight,
-    selected: colors.primary,
+    default: deepPurpleColorPalette['grey.9'],
+    selected: deepPurpleColorPalette['grey.7'],
     svg: {
       height: 36
     },
@@ -1925,8 +1959,8 @@ const mapMarker = {
     }
   },
   meetingPoint: {
-    default: colors.black,
-    selected: colors.blackAnthracite,
+    default: deepPurpleColorPalette['deepPurple.8'],
+    selected: deepPurpleColorPalette['deepPurple.6'],
     svg: {
       width: 40,
       height: 43
@@ -4005,7 +4039,12 @@ function NativeOpacityAnimation$2({
       duration,
       easing
     } = theme.kitt.cardModal.animation.overlay;
-    const [x1, y1, x2, y2] = easing;
+    const {
+      x1,
+      y1,
+      x2,
+      y2
+    } = easing;
     return {
       opacity: withTiming(visible ? 1 : 0, {
         duration,
@@ -4043,7 +4082,12 @@ function NativeRotationAnimation$1({
       duration,
       easing
     } = theme.kitt.cardModal.animation.content;
-    const [x1, y1, x2, y2] = easing;
+    const {
+      x1,
+      y1,
+      x2,
+      y2
+    } = easing;
     rotation.value = withTiming(visible ? 0 : 5, {
       duration,
       easing: Easing$1.bezier(x1, y1, x2, y2)
@@ -4620,7 +4664,12 @@ function NativeOpacityAnimation$1({
       duration,
       easing
     } = theme.kitt.dialogModal.animation.overlay;
-    const [x1, y1, x2, y2] = easing;
+    const {
+      x1,
+      y1,
+      x2,
+      y2
+    } = easing;
     return {
       opacity: withTiming(visible ? 1 : 0, {
         duration,
@@ -4658,7 +4707,12 @@ function NativeRotationAnimation({
       duration,
       easing
     } = theme.kitt.dialogModal.animation.content;
-    const [x1, y1, x2, y2] = easing;
+    const {
+      x1,
+      y1,
+      x2,
+      y2
+    } = easing;
     rotation.value = withTiming(visible ? 0 : 5, {
       duration,
       easing: Easing$1.bezier(x1, y1, x2, y2)
@@ -6285,13 +6339,13 @@ function DocumentPicker({
     // ensure that the press event is not prevented by Button component
     // eslint-disable-next-line @typescript-eslint/no-misused-promises
     onPress: async () => {
-      var _childElement$props$o, _childElement$props;
+      var _childElement$props$o, _childElement$props, _result$assets$;
       if (disabled) return;
       (_childElement$props$o = (_childElement$props = childElement.props).onPress) === null || _childElement$props$o === void 0 || _childElement$props$o.call(_childElement$props);
       const result = await getDocumentAsync(_objectSpread(_objectSpread({}, documentPickerOptions), {}, {
         multiple: false
       }));
-      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);
       }
     },
@@ -6318,7 +6372,7 @@ function ImagePicker({
         const result = await launchImageLibraryAsync(_objectSpread(_objectSpread({}, imagePickerOptions), {}, {
           allowsMultipleSelection: false
         }));
-        if (!result.canceled) {
+        if (!result.canceled && result.assets[0]) {
           onImageSelected(result.assets[0]);
         }
       },
@@ -6770,17 +6824,17 @@ function GoogleMapsAutocompleteProvider({
         dispatch({
           type: 'search-error'
         });
-        return;
       }
-
-      // 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
-        }
-      });
+      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
+          }
+        });
+      }
     } catch (error) {
       dispatch({
         type: 'search-error'
@@ -7869,7 +7923,12 @@ function NativeOpacityAnimation({
       duration,
       easing
     } = theme.kitt.fullscreenModal.animation.overlay;
-    const [x1, y1, x2, y2] = easing;
+    const {
+      x1,
+      y1,
+      x2,
+      y2
+    } = easing;
     return {
       opacity: withTiming(visible ? 1 : 0, {
         duration,
@@ -7908,7 +7967,12 @@ function NativeSlideInAnimation({
       duration,
       easing
     } = theme.kitt.fullscreenModal.animation.content;
-    const [x1, y1, x2, y2] = easing;
+    const {
+      x1,
+      y1,
+      x2,
+      y2
+    } = easing;
     return {
       transform: [{
         translateY: withTiming(visible ? 0 : wHeight, {
@@ -8180,13 +8244,16 @@ function AnimatedCaret({
 function AnimatedContainer({
   children,
   size,
-  animatedStyles
+  animatedStyles,
+  variant
 }) {
   const sx = useSx();
   const theme = useTheme();
   const 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],
@@ -8310,6 +8377,8 @@ function Highlight({
       borderRadius: "kitt.highlight.borderRadius",
       padding: theme.kitt.highlight.padding[size],
       backgroundColor: `kitt.highlight.${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, {
@@ -8564,12 +8633,11 @@ const SvgPinMarkerinline = props => /*#__PURE__*/jsxs(Svg, _objectSpread(_object
   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",
@@ -8594,6 +8662,13 @@ const SvgShadowinline = props => /*#__PURE__*/jsx(Svg, _objectSpread(_objectSpre
   })
 }));
 
+let MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
+  MapMarkerVariantEnum["HOME"] = "home";
+  MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
+  MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
+  return MapMarkerVariantEnum;
+}({});
+
 const SCALE_DURATION = 300;
 const TRANSLATE_Y_DURATION = 150;
 const useNativeAnimation = ({
@@ -8650,19 +8725,13 @@ const getBackgroundColor = ({
   isSelected,
   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;
 };
 
 const _excluded$b = ["onPress", "testID"];
-let MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
-  MapMarkerVariantEnum["HOME"] = "home";
-  MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
-  MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
-  return MapMarkerVariantEnum;
-}({});
 function StaticMapMarker$1({
   variant,
   isHovered,
@@ -8765,6 +8834,8 @@ const getColorByType = type => {
   switch (type) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'white';
     case 'warning':
     default:
       return 'black';
@@ -8774,6 +8845,8 @@ const getIconButtonColor = messageType => {
   switch (messageType) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'ghost';
     case 'warning':
     default:
       return 'black';
@@ -8794,7 +8867,7 @@ function BaseMessage({
     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.${type}.backgroundColor`,
     children: [/*#__PURE__*/jsxs(HStack, {
       flexGrow: 1,
@@ -8802,9 +8875,9 @@ function BaseMessage({
       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, {
@@ -12593,13 +12666,14 @@ function TabBar(_ref) {
     }, props), {}, {
       children: Children.map(tabItems, (child, index) => {
         const tab = tabs[index];
+        if (!tab) throw new Error(`TabBar: tab is undefined at index ${index}`);
         return /*#__PURE__*/jsx(View, {
           children: /*#__PURE__*/cloneElement(child, {
             color,
             onPress: event => {
               var _child$props$onPress, _child$props;
               onChangeTab({
-                tab: tabs[index],
+                tab,
                 index
               });
               (_child$props$onPress = (_child$props = child.props).onPress) === null || _child$props$onPress === void 0 || _child$props$onPress.call(_child$props, event);