@hoddy-ui/next 2.0.61 → 2.0.65

package/dist/index.d.mts

@@ -272,6 +272,7 @@ interface OTPInputProps {
 interface RatingStarsProps {
     rating: number;
     size: number;
+    color?: colorTypes | (string & {});
 }
 interface RatingInputProps {
     rating?: number;
@@ -281,6 +282,7 @@ interface RatingInputProps {
         rating: number;
         review: string;
     }) => Promise<void>;
+    color?: colorTypes | (string & {});
 }
 interface DividerProps {
     color?: colorTypes;
@@ -384,8 +386,8 @@ declare const showFlashMessage: (msg: FlashMessageProps) => void;
 
 declare const FormWrapper: React.FC<FormWrapperProps>;
 
-declare const RatingStars: FC<RatingStarsProps>;
 declare const RatingInput: FC<RatingInputProps>;
+declare const RatingStars: FC<RatingStarsProps>;
 
 declare const GridItem: React.FC<GridItemProps>;
 declare const Grid: React.FC<GridProps>;
@@ -393,6 +395,7 @@ declare const Grid: React.FC<GridProps>;
 type predictionType = {
     id: string;
     description: string;
+    types: string[];
 };
 declare const getPredictionsFromCoords: (coords: {
     latitude: number;
@@ -400,6 +403,7 @@ declare const getPredictionsFromCoords: (coords: {
 }) => Promise<{
     description: any;
     id: any;
+    types: any;
     latLng: {
         lst: number;
         lng: number;
@@ -408,6 +412,7 @@ declare const getPredictionsFromCoords: (coords: {
 declare const getPredictionsFromQuery: (query: string, country: string) => Promise<{
     description: any;
     id: any;
+    types: any;
 }[]>;
 declare const getLocationFromPlaceId: (place_id: string) => Promise<{
     formatted_address: string;

package/dist/index.d.ts

@@ -272,6 +272,7 @@ interface OTPInputProps {
 interface RatingStarsProps {
     rating: number;
     size: number;
+    color?: colorTypes | (string & {});
 }
 interface RatingInputProps {
     rating?: number;
@@ -281,6 +282,7 @@ interface RatingInputProps {
         rating: number;
         review: string;
     }) => Promise<void>;
+    color?: colorTypes | (string & {});
 }
 interface DividerProps {
     color?: colorTypes;
@@ -384,8 +386,8 @@ declare const showFlashMessage: (msg: FlashMessageProps) => void;
 
 declare const FormWrapper: React.FC<FormWrapperProps>;
 
-declare const RatingStars: FC<RatingStarsProps>;
 declare const RatingInput: FC<RatingInputProps>;
+declare const RatingStars: FC<RatingStarsProps>;
 
 declare const GridItem: React.FC<GridItemProps>;
 declare const Grid: React.FC<GridProps>;
@@ -393,6 +395,7 @@ declare const Grid: React.FC<GridProps>;
 type predictionType = {
     id: string;
     description: string;
+    types: string[];
 };
 declare const getPredictionsFromCoords: (coords: {
     latitude: number;
@@ -400,6 +403,7 @@ declare const getPredictionsFromCoords: (coords: {
 }) => Promise<{
     description: any;
     id: any;
+    types: any;
     latLng: {
         lst: number;
         lng: number;
@@ -408,6 +412,7 @@ declare const getPredictionsFromCoords: (coords: {
 declare const getPredictionsFromQuery: (query: string, country: string) => Promise<{
     description: any;
     id: any;
+    types: any;
 }[]>;
 declare const getLocationFromPlaceId: (place_id: string) => Promise<{
     formatted_address: string;

package/dist/index.js

@@ -963,7 +963,7 @@ var FormWrapper = ({
 // ../src/Components/StarRating.tsx
 var import_vector_icons5 = require("@expo/vector-icons");
 var Haptics = __toESM(require("expo-haptics"));
-var import_react12 = require("react");
+var import_react12 = __toESM(require("react"));
 var import_react_native12 = require("react-native");
 var import_react_native_size_matters9 = require("react-native-size-matters");
 
@@ -1146,31 +1146,11 @@ var Popup = ({
 };
 
 // ../src/Components/StarRating.tsx
-var RatingStars = ({
-  rating = 0,
-  size = 16
-}) => {
-  const colors2 = useColors();
-  const styles = import_react_native_size_matters9.ScaledSheet.create({
-    root: {
-      flexDirection: "row",
-      alignItems: "center"
-    }
-  });
-  return /* @__PURE__ */ React.createElement(import_react_native12.View, { style: styles.root }, [...Array(Math.floor(rating))].map((_, index) => /* @__PURE__ */ React.createElement(import_vector_icons5.Ionicons, { key: index, name: "star", size, color: "#FFD700" })), [...Array(5 - Math.floor(rating))].map((_, index) => /* @__PURE__ */ React.createElement(
-    import_vector_icons5.Ionicons,
-    {
-      key: index,
-      name: "star",
-      size,
-      color: colors2.textSecondary.light
-    }
-  )));
-};
 var RatingInput = ({
   onSubmit: _onSubmit,
   rating = 0,
-  size = 16
+  size = 16,
+  color = "primary"
 }) => {
   const [showReviewsModal, setShowReviewsModal] = (0, import_react12.useState)(false);
   const [rate, setRate] = (0, import_react12.useState)(0);
@@ -1210,7 +1190,7 @@ var RatingInput = ({
     _onSubmit && await _onSubmit({ rating: rate, review });
     setLoading(false);
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_react_native12.View, { style: styles.root }, loading ? /* @__PURE__ */ React.createElement(import_react_native12.ActivityIndicator, null) : [...Array(5)].map((_, index) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(import_react_native12.View, { style: styles.root }, loading ? /* @__PURE__ */ import_react12.default.createElement(import_react_native12.ActivityIndicator, null) : [...Array(5)].map((_, index) => /* @__PURE__ */ import_react12.default.createElement(
     import_react_native12.TouchableOpacity,
     {
       key: index,
@@ -1219,16 +1199,16 @@ var RatingInput = ({
         onRate(index);
       }
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(
       import_vector_icons5.Ionicons,
       {
         style: { marginLeft: 10 },
         name: index < rate ? "star" : "star-outline",
         size,
-        color: colors2.primary.light
+        color: colors2[color]?.main || color
       }
     )
-  ))), /* @__PURE__ */ React.createElement(
+  ))), /* @__PURE__ */ import_react12.default.createElement(
     Popup,
     {
       sheet: true,
@@ -1237,7 +1217,7 @@ var RatingInput = ({
         setShowReviewsModal(false);
       }
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(
       import_react_native12.View,
       {
         style: {
@@ -1245,9 +1225,9 @@ var RatingInput = ({
           marginBottom: 5
         }
       },
-      /* @__PURE__ */ React.createElement(RatingStars, { rating: rate, size: 24 })
+      /* @__PURE__ */ import_react12.default.createElement(RatingStars, { rating: rate, size: 24 })
     ),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(
       Typography_default,
       {
         align: "center",
@@ -1257,17 +1237,18 @@ var RatingInput = ({
       },
       "Add to your review"
     ),
-    /* @__PURE__ */ React.createElement(import_react_native12.View, { style: styles.inputCon }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(import_react_native12.View, { style: styles.inputCon }, /* @__PURE__ */ import_react12.default.createElement(
       import_react_native12.TextInput,
       {
         style: styles.input,
         multiline: true,
         value: review,
         onChangeText: (text) => setReview(text),
-        placeholder: "Type review here.."
+        placeholder: "Type review here..",
+        verticalAlign: "top"
       }
     )),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(
       Button_default,
       {
         gutterBottom: 40,
@@ -1281,6 +1262,36 @@ var RatingInput = ({
     )
   ));
 };
+var RatingStars = ({
+  rating = 0,
+  size = 16,
+  color = "#FFD700"
+}) => {
+  const colors2 = useColors();
+  const styles = import_react_native_size_matters9.ScaledSheet.create({
+    root: {
+      flexDirection: "row",
+      alignItems: "center"
+    }
+  });
+  return /* @__PURE__ */ import_react12.default.createElement(import_react_native12.View, { style: styles.root }, [...Array(Math.floor(rating))].map((_, index) => /* @__PURE__ */ import_react12.default.createElement(
+    import_vector_icons5.Ionicons,
+    {
+      key: index,
+      name: "star",
+      size,
+      color: colors2[color]?.main || color
+    }
+  )), [...Array(5 - Math.floor(rating))].map((_, index) => /* @__PURE__ */ import_react12.default.createElement(
+    import_vector_icons5.Ionicons,
+    {
+      key: index,
+      name: "star",
+      size,
+      color: colors2.textSecondary.light
+    }
+  )));
+};
 
 // ../src/Components/Grid.tsx
 var import_react13 = __toESM(require("react"));
@@ -1933,10 +1944,15 @@ var getPredictionsFromCoords = async (coords) => {
   )).json();
   const p = [];
   for (let key in res.results) {
-    const { formatted_address: description, place_id } = res.results[key];
+    const {
+      formatted_address: description,
+      place_id,
+      types
+    } = res.results[key];
     p.push({
       description,
       id: place_id,
+      types,
       latLng: { lst: coords.latitude, lng: coords.longitude }
     });
   }
@@ -1948,10 +1964,11 @@ var getPredictionsFromQuery = async (query, country) => {
   const res = await (await fetch(endpoint)).json();
   const p = [];
   for (let key in res.predictions) {
-    const { description, place_id } = res.predictions[key];
+    const { description, place_id, types } = res.predictions[key];
     p.push({
       description,
-      id: place_id
+      id: place_id,
+      types
     });
   }
   return p;
@@ -2139,6 +2156,7 @@ var SafeAreaView = ({
 };
 
 // ../src/Components/Divider.tsx
+var import_react19 = __toESM(require("react"));
 var import_react_native19 = require("react-native");
 var import_react_native_size_matters15 = require("react-native-size-matters");
 var Divider = ({
@@ -2156,11 +2174,11 @@ var Divider = ({
       ...style
     }
   });
-  return /* @__PURE__ */ React.createElement(import_react_native19.View, { style: styles.root });
+  return /* @__PURE__ */ import_react19.default.createElement(import_react_native19.View, { style: styles.root });
 };
 
 // ../src/Components/Spinner.tsx
-var import_react19 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 var import_react_native20 = require("react-native");
 var import_react_native_size_matters16 = require("react-native-size-matters");
 var Spinner = ({
@@ -2197,12 +2215,12 @@ var Spinner = ({
       color: color === "light" ? colors2.white[2] : colors2.black[4]
     }
   });
-  return /* @__PURE__ */ import_react19.default.createElement(import_react_native20.View, { style: styles.root }, /* @__PURE__ */ import_react19.default.createElement(import_react_native20.View, { style: styles.content }, /* @__PURE__ */ import_react19.default.createElement(import_react_native20.ActivityIndicator, { color: colors2[color].dark, size }), label && /* @__PURE__ */ import_react19.default.createElement(Typography_default, { style: styles.label }, label)));
+  return /* @__PURE__ */ import_react20.default.createElement(import_react_native20.View, { style: styles.root }, /* @__PURE__ */ import_react20.default.createElement(import_react_native20.View, { style: styles.content }, /* @__PURE__ */ import_react20.default.createElement(import_react_native20.ActivityIndicator, { color: colors2[color].dark, size }), label && /* @__PURE__ */ import_react20.default.createElement(Typography_default, { style: styles.label }, label)));
 };
 var Spinner_default = Spinner;
 
 // ../src/Components/OTPInput.tsx
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var import_react_native21 = require("react-native");
 var import_react_native_size_matters17 = require("react-native-size-matters");
 var OTPInput = ({
@@ -2214,8 +2232,8 @@ var OTPInput = ({
   spacing = 1,
   size = 45
 }) => {
-  const inputRefs = (0, import_react20.useMemo)(
-    () => Array(length).fill(0).map((_) => import_react20.default.createRef()),
+  const inputRefs = (0, import_react21.useMemo)(
+    () => Array(length).fill(0).map((_) => import_react21.default.createRef()),
     [length]
   );
   const onChangeHandler = (val, index) => {
@@ -2264,7 +2282,7 @@ var OTPInput = ({
       fontSize: (0, import_react_native_size_matters17.ms)(size * 0.5)
     }
   });
-  return /* @__PURE__ */ import_react20.default.createElement(import_react_native21.View, { style: styles.root }, /* @__PURE__ */ import_react20.default.createElement(import_react_native21.View, { style: styles.container }, [...Array(length)].map((_, index) => /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles.root }, /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles.container }, [...Array(length)].map((_, index) => /* @__PURE__ */ import_react21.default.createElement(
     import_react_native21.TextInput,
     {
       ref: inputRefs[index],