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

package/dist/index-node-22.17.cjs.js

@@ -760,13 +760,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,
@@ -854,11 +864,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,
@@ -1788,9 +1808,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
@@ -1827,10 +1857,10 @@ const highlight = {
   },
   primary: {
     default: {
-      backgroundColor: deepPurpleColorPalette['beige.2']
+      backgroundColor: deepPurpleColorPalette['blue.1']
     },
     hover: {
-      backgroundColor: deepPurpleColorPalette['beige.4']
+      backgroundColor: deepPurpleColorPalette['blue.2']
     }
   },
   secondary: {
@@ -1851,10 +1881,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: {
@@ -1934,8 +1968,8 @@ const listItem = {
 
 const mapMarker = {
   home: {
-    default: colors.primaryLight,
-    selected: colors.primary,
+    default: deepPurpleColorPalette['grey.9'],
+    selected: deepPurpleColorPalette['grey.7'],
     svg: {
       height: 36
     },
@@ -1945,8 +1979,8 @@ const mapMarker = {
     }
   },
   meetingPoint: {
-    default: colors.black,
-    selected: colors.blackAnthracite,
+    default: deepPurpleColorPalette['deepPurple.8'],
+    selected: deepPurpleColorPalette['deepPurple.6'],
     svg: {
       width: 40,
       height: 43
@@ -4031,7 +4065,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: Animated.withTiming(visible ? 1 : 0, {
         duration,
@@ -4069,7 +4108,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 = Animated.withTiming(visible ? 0 : 5, {
       duration,
       easing: Animated.Easing.bezier(x1, y1, x2, y2)
@@ -4642,7 +4686,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: Animated.withTiming(visible ? 1 : 0, {
         duration,
@@ -4680,7 +4729,12 @@ function NativeRotationAnimation({
       duration,
       easing
     } = theme.kitt.dialogModal.animation.content;
-    const [x1, y1, x2, y2] = easing;
+    const {
+      x1,
+      y1,
+      x2,
+      y2
+    } = easing;
     rotation.value = Animated.withTiming(visible ? 0 : 5, {
       duration,
       easing: Animated.Easing.bezier(x1, y1, x2, y2)
@@ -6302,7 +6356,7 @@ function DocumentPicker({
         ...documentPickerOptions,
         multiple: false
       });
-      if (!result.canceled && result.assets[0].file) {
+      if (!result.canceled && result.assets[0]?.file) {
         onDocumentUpload(result.assets[0].file);
       }
     },
@@ -6329,7 +6383,7 @@ function ImagePicker({
           ...imagePickerOptions,
           allowsMultipleSelection: false
         });
-        if (!result.canceled) {
+        if (!result.canceled && result.assets[0]) {
           onImageSelected(result.assets[0]);
         }
       },
@@ -6778,17 +6832,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'
@@ -7866,7 +7920,12 @@ function NativeOpacityAnimation({
       duration,
       easing
     } = theme.kitt.fullscreenModal.animation.overlay;
-    const [x1, y1, x2, y2] = easing;
+    const {
+      x1,
+      y1,
+      x2,
+      y2
+    } = easing;
     return {
       opacity: Animated.withTiming(visible ? 1 : 0, {
         duration,
@@ -7905,7 +7964,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: Animated.withTiming(visible ? 0 : wHeight, {
@@ -8174,13 +8238,16 @@ function AnimatedCaret({
 function AnimatedContainer({
   children,
   size,
-  animatedStyles
+  animatedStyles,
+  variant
 }) {
   const sx = nativeBase.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__*/jsxRuntime.jsx(Animated__default.View, {
     style: [styles, animatedStyles],
@@ -8304,6 +8371,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__*/jsxRuntime.jsxs(HStack, {
         space: highlightStyle[size].spaceBetween,
         children: [icon && /*#__PURE__*/jsxRuntime.jsx(View, {
@@ -8558,12 +8627,11 @@ const SvgPinMarkerinline = props => /*#__PURE__*/jsxRuntime.jsxs("svg", {
   width: 34,
   height: 36,
   viewBox: "0 0 34 36",
-  fill: "none",
+  fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg",
   ...props,
   children: [/*#__PURE__*/jsxRuntime.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__*/jsxRuntime.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",
@@ -8588,6 +8656,13 @@ const SvgShadowinline = props => /*#__PURE__*/jsxRuntime.jsx("svg", {
   })
 });
 
+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 = ({
@@ -8644,18 +8719,12 @@ 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;
 };
 
-let MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
-  MapMarkerVariantEnum["HOME"] = "home";
-  MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
-  MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
-  return MapMarkerVariantEnum;
-}({});
 function StaticMapMarker$1({
   variant,
   isHovered,
@@ -8758,6 +8827,8 @@ const getColorByType = type => {
   switch (type) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'white';
     case 'warning':
     default:
       return 'black';
@@ -8767,6 +8838,8 @@ const getIconButtonColor = messageType => {
   switch (messageType) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'ghost';
     case 'warning':
     default:
       return 'black';
@@ -8787,7 +8860,7 @@ function BaseMessage({
     justifyContent: "space-between",
     minHeight: "kitt.feedbackMessage.minHeight",
     paddingTop: insets?.top,
-    borderRadius: hasNoRadius ? undefined : 'kitt.5',
+    borderRadius: hasNoRadius ? undefined : 'kitt.2',
     backgroundColor: `kitt.feedbackMessage.${type}.backgroundColor`,
     children: [/*#__PURE__*/jsxRuntime.jsxs(HStack, {
       flexGrow: 1,
@@ -8795,9 +8868,9 @@ function BaseMessage({
       alignSelf: "center",
       alignItems: "flex-start",
       paddingY: "kitt.4",
-      paddingX: "kitt.5",
+      paddingX: "kitt.4",
       children: [centeredText ? null : /*#__PURE__*/jsxRuntime.jsx(View, {
-        marginRight: "kitt.5",
+        marginRight: "kitt.2",
         children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
           color: color,
           icon: /*#__PURE__*/jsxRuntime.jsx(IconContent, {
@@ -12588,12 +12661,13 @@ function TabBar({
       ...props,
       children: React.Children.map(tabItems, (child, index) => {
         const tab = tabs[index];
+        if (!tab) throw new Error(`TabBar: tab is undefined at index ${index}`);
         return /*#__PURE__*/jsxRuntime.jsx(View, {
           children: /*#__PURE__*/React.cloneElement(child, {
             color,
             onPress: event => {
               onChangeTab({
-                tab: tabs[index],
+                tab,
                 index
               });
               child.props.onPress?.(event);