@admin-layout/tailwind-design-pro 11.0.4-alpha.4 → 12.0.16-alpha.0

package/lib/components/UI/PropertyCard.js

@@ -0,0 +1,417 @@
+import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useMemo,useState,useEffect,useCallback}from'react';import {BsHeart}from'@react-icons/all-files/bs/BsHeart.js';import {BsStarFill}from'@react-icons/all-files/bs/BsStarFill.js';import {FaUserAlt}from'@react-icons/all-files/fa/FaUserAlt.js';import {useTranslation}from'react-i18next';import {WithAuthentication}from'@adminide-stack/user-auth0-browser/lib/index.component.js';import {Splide,SplideSlide}from'@cdmbase/react-splide';import {useLocation}from'@remix-run/react';import {startCase}from'lodash-es';import {useTailwindTheme}from'../../hooks/useTailwindTheme.js';import {useGetCurrentLongLat}from'../../hooks/use-get-current-lat-long.js';import {LocationIcon}from'./icons/LocationIcon.js';import {renderDynamicIcon}from'../../helpers/DynamicIcon.js';import {config}from'../../config/env-config.js';// const generateHref = async (room, from, to, adults, children) => {
+//     if (!room) return null;
+//     switch (room.__typename) {
+//         case 'AirbnbProperty':
+//             // Airbnb doesn't need API call, just construct URL directly
+//             return `/deep-link/property/${room.id}?redirectUrl=${encodeURIComponent(
+//                 `https://www.airbnb.com/rooms/${room.id}?check_in=${from}&check_out=${to}&guests=${
+//                     adults + children || 1
+//                 }`,
+//             )}&partnerName=${encodeURIComponent('Airbnb.com')}&partnerLogo=${airbnbLogo}`;
+//         case 'BookingProperty':
+//             // Call Booking.com API
+//             try {
+//                 const hotelDetails = await fetchBookingHotelDetails(room.id, from, to, adults, children);
+//                 console.log('hotelDetails--->', hotelDetails);
+//                 if (hotelDetails && hotelDetails?.data?.url) {
+//                     return `/deep-link/property/${room.id}?redirectUrl=${encodeURIComponent(
+//                         hotelDetails?.data?.url,
+//                     )}&partnerName=${encodeURIComponent('Booking.com')}&partnerLogo=${bookingLogo}`;
+//                 }
+//             } catch (error) {
+//                 console.error('Error getting Booking.com URL:', error);
+//             }
+//             return null;
+//         case 'PricelineProperty':
+//             // Call Priceline API
+//             try {
+//                 const pricelineDetails = await fetchPricelineHotelDetails(room.id);
+//                 console.log('pricelineDetails--->', pricelineDetails);
+//                 if (pricelineDetails && pricelineDetails.getHotelHotelDetails) {
+//                     const hotelInfo = pricelineDetails.getHotelHotelDetails?.results?.hotel_data?.hotel_0;
+//                     if (hotelInfo && hotelInfo.priceline_url) {
+//                         return `/deep-link/property/${room.id}?redirectUrl=${encodeURIComponent(
+//                             hotelInfo.priceline_url,
+//                         )}&partnerName=${encodeURIComponent('Priceline.com')}&partnerLogo=${pricelineLogo}`;
+//                     }
+//                 }
+//             } catch (error) {
+//                 console.error('Error getting Priceline URL:', error);
+//             }
+//             // If API call fails, construct a fallback URL
+//             const propertyId = room.metadata?.id_t;
+//             const cityId = room?.metadata?.city?.id || '';
+//             const checkInDate = typeof from === 'string' ? from : format(new Date(from), 'yyyyMMdd');
+//             const checkOutDate = typeof to === 'string' ? to : format(new Date(to), 'yyyyMMdd');
+//             const roomCount = 1;
+//             const adultCount = adults || 1;
+//             return `/deep-link/property/${room.id}?redirectUrl=${encodeURIComponent(
+//                 `https://www.priceline.com/relax/at/${propertyId}/from/${checkInDate}/to/${checkOutDate}/rooms/${roomCount}/adults/${adultCount}?cityId=${cityId}&cur=USD&psl=${propertyId}`,
+//             )}&partnerName=${encodeURIComponent('Priceline.com')}&partnerLogo=${pricelineLogo}`;
+//         default:
+//             return `/property/${room.id}`;
+//     }
+// };
+const DealCard = ({
+  site,
+  price
+}) => jsxs("div", {
+  className: "flex flex-col items-center p-2 rounded-md",
+  children: [jsx("span", {
+    className: "text-xs font-bold text-gray-700",
+    children: site
+  }), jsx("span", {
+    className: "text-base font-bold text-black",
+    children: typeof price === 'number' ? price.toLocaleString() : price
+  })]
+});
+function calculateDuration(checkIn, checkOut) {
+  const checkInDate = new Date(checkIn);
+  const checkOutDate = new Date(checkOut);
+  const duration = Math.ceil((checkOutDate.getTime() - checkInDate.getTime()) / (1000 * 60 * 60 * 24));
+  return duration;
+}
+function formatDuration(days) {
+  if (days < 7) {
+    return `${days} ${days === 1 ? 'day' : 'days'}`;
+  } else {
+    const weeks = Math.floor(days / 7);
+    const remainingDays = days % 7;
+    let result = `${weeks} ${weeks === 1 ? 'week' : 'weeks'}`;
+    if (remainingDays > 0) {
+      result += `, ${remainingDays} ${remainingDays === 1 ? 'day' : 'days'}`;
+    }
+    return result;
+  }
+}
+const PropertyCard = ({
+  item,
+  isSaved,
+  setFocus,
+  setBlur,
+  handleLike,
+  likeBtnLoading,
+  categoryTypes,
+  authenticated,
+  extraIcons = [],
+  ...props
+}) => {
+  const images = useMemo(() => item?.images?.data.map(({
+    url
+  }) => ({
+    src: url
+  })), [item]);
+  const [didLike, setDidLike] = useState(false);
+  useMemo(() => item?.totalReview == 0 ? 0 : item?.totalStar / item?.totalReview || 0, [item]);
+  const {
+    isDark,
+    grayColor
+  } = useTailwindTheme();
+  const {
+    t
+  } = useTranslation(['common', 'property-types']);
+  const types = useMemo(() => categoryTypes?.filter(type => item?.types?.includes(type.id)), [item, categoryTypes]);
+  const {
+    fetchCurrentLatLong,
+    location} = useGetCurrentLongLat();
+  const locationUrl = useLocation();
+  const params = new URLSearchParams(locationUrl.search);
+  const checkIn = params.get('checkIn') || params.get('from') || '';
+  const checkOut = params.get('checkOut') || params.get('to') || '';
+  const duration = calculateDuration(checkIn, checkOut);
+  const formattedDuration = formatDuration(duration);
+  const [isRedirecting, setIsRedirecting] = useState(false);
+  useEffect(() => {
+    fetchCurrentLatLong();
+  }, []);
+  const handleRedirect = async e => {
+    if (e) e.preventDefault();
+    setIsRedirecting(true);
+    // Open the waiting page immediately with a temporary placeholder
+    const intermediateUrl = `/deep-link/property/${item.id}?redirectUrl=pending&partnerName=Loading...&partnerLogo=/images/loading.png&propertyType=${item.__typename}&checkIn=${checkIn}&checkOut=${checkOut}&adults=${adults}&children=${children}`;
+    window.open(intermediateUrl, '_blank');
+    // No need to make API calls here anymore as they will be handled by DeepLinkWaitingPage
+    setIsRedirecting(false);
+  };
+  const getPriceType = useCallback(room => {
+    const type = room.preferences?.property?.pricing?.option?.priceType;
+    if (type === 'HOUR') {
+      return t('property.hr');
+    }
+    return t('property.night');
+  }, [t]);
+  useCallback(address => {
+    if (!location || !address) return null;
+    if (typeof window !== 'undefined' && window.google && window.google.maps && window.google.maps.LatLng) {
+      const point1 = new window.google.maps.LatLng(location.latitude, location.longitude);
+      const point2 = new window.google.maps.LatLng(address.latitude_around, address.longitude_around);
+      if (window.google.maps.geometry && window.google.maps.geometry.spherical) {
+        const distance = window.google.maps.geometry.spherical.computeDistanceBetween(point1, point2);
+        const distanceInMiles = distance * 0.000621371;
+        return Math.floor(distanceInMiles);
+      } else {
+        console.error('Google Maps geometry library is not loaded.');
+        return null;
+      }
+    } else {
+      return null;
+    }
+  }, [location]);
+  const searchParams = new URLSearchParams(window.location.search);
+  const adults = parseInt(searchParams.get('adults') || '0', 10) || 1;
+  const children = parseInt(searchParams.get('children') || '0', 10);
+  const amenities = item?.preferences?.property?.amenities;
+  const displayedIcons = amenities ? Object.entries(amenities)?.flatMap(([key, value]) => {
+    const enabledAmenities = Object.entries(value ?? {})?.filter(([key1, value1]) => value1?.enable && value1?.icon);
+    const displayedAmenities = enabledAmenities.slice(0, 8);
+    return displayedAmenities.length > 0 ? displayedAmenities.map(([key1, value1]) => renderDynamicIcon({
+      name: value1.icon,
+      style: {
+        iconColor: grayColor,
+        w: '20px',
+        h: '20px'
+      }
+    })) : [];
+  }) : [];
+  const LikeButton = () => jsx(Fragment, {
+    children: likeBtnLoading ? jsx("div", {
+      className: "w-12 h-12 border-4 border-t-blue-500 rounded-full animate-spin border-gray-200"
+    }) : jsx("button", {
+      className: `w-7 h-9.5 rounded-full flex items-center justify-center ${didLike ? 'bg-blue-400' : isDark ? 'bg-gray-800' : 'bg-white'}`,
+      onClick: () => handleLike(item.id),
+      "aria-label": "Select as your favourite",
+      children: jsx(BsHeart, {
+        className: isDark ? 'text-white' : 'text-gray-800'
+      })
+    })
+  });
+  WithAuthentication(LikeButton);
+  return jsx(Fragment, {
+    children: jsxs("div", {
+      className: "flex flex-row p-2 relative w-[370px]",
+      onMouseEnter: () => setFocus(item.id),
+      onMouseLeave: () => setBlur(item.id),
+      ...props,
+      children: [item?.status === 'pending' && jsxs(Fragment, {
+        children: [jsx("div", {
+          className: "absolute w-full h-full bg-black bg-opacity-60 rounded-2xl z-10"
+        }), jsx("div", {
+          className: "absolute left-1/2 top-1/2 transform -translate-x-1/2 translate-y-1/2 text-white z-20",
+          children: jsx("p", {
+            className: "text-lg font-normal",
+            children: t('property.coming_soon')
+          })
+        })]
+      }), jsx("div", {
+        className: "w-full max-w-[100%] border border-solid border-gray-200 rounded-2xl shadow-md transition-all duration-300 hover:transform hover:-translate-y-1 hover:shadow-lg",
+        children: jsxs("div", {
+          className: "w-full h-full flex flex-col justify-between space-y-4",
+          children: [jsxs("div", {
+            className: "relative w-full h-full rounded-xl",
+            children: [jsx("div", {
+              className: "absolute top-2 left-2 bg-green-600 text-white px-3 py-1 rounded-md text-sm font-bold shadow-md z-10",
+              children: "Breakfast included"
+            }), jsxs(Splide, {
+              "aria-label": "Property Images",
+              options: {
+                type: 'slide',
+                drag: 'free',
+                perPage: 1,
+                perMove: 1,
+                lazyLoad: 'sequential',
+                wheel: true,
+                releaseWheel: true,
+                pagination: false,
+                speed: 800
+              },
+              children: [jsx("div", {
+                className: "absolute top-2.5 right-2.5 z-10",
+                children: jsx(LikeButton, {})
+              }), images.map((image, i) => jsx(SplideSlide, {
+                children: jsx("a", {
+                  href: "#",
+                  onClick: handleRedirect,
+                  rel: "noopener noreferrer",
+                  children: jsx("div", {
+                    className: "w-full h-full rounded-xl",
+                    children: jsx("img", {
+                      src: image.src,
+                      className: "rounded-xl h-[250px] w-full max-w-full object-cover cursor-pointer transition-all duration-500 hover:brightness-50",
+                      loading: "lazy",
+                      alt: `Property ${i + 1}`
+                    }, 'image_' + i)
+                  }, 'sliderImage_' + i)
+                })
+              }, 'sliderslide_' + i))]
+            })]
+          }), jsxs("div", {
+            className: "w-full px-4 flex flex-col pt-2",
+            children: [jsxs("div", {
+              className: "flex flex-wrap items-center space-x-2 mb-2",
+              children: [jsxs("span", {
+                className: "text-sm font-medium",
+                children: [t('property.property_type'), ":"]
+              }), types?.map((item, index) => jsx("span", {
+                className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full capitalize",
+                children: t(`property-types:${item.description}`)
+              }, index))]
+            }), jsx("h3", {
+              className: "text-lg font-medium mb-2 line-clamp-2",
+              children: item?.title
+            }), item?.address && item?.address.city && item?.address.city.state && jsxs("div", {
+              className: "flex items-center text-sm text-gray-500 mb-2",
+              children: [jsx(LocationIcon, {
+                w: "16px",
+                h: "20px"
+              }), jsxs("span", {
+                className: "truncate",
+                children: [item?.address.city.name + ', ' + item?.address.city.state.name, item?.address?.number ? ' · ' + item?.address?.number : '']
+              })]
+            }), displayedIcons.length > 0 && jsx("div", {
+              className: "flex space-x-3 mt-2 mb-3",
+              children: displayedIcons
+            }), jsxs("div", {
+              className: "flex flex-wrap space-x-2 mt-1 mb-3",
+              children: [item?.preferences?.property?.booking?.policy?.instantBookingEnabled && jsx("span", {
+                className: "bg-blue-100 text-blue-800 px-2 py-1 rounded-md text-xs capitalize",
+                children: t('property.instant_book')
+              }), item?.preferences?.property?.booking?.policy?.cancellation && jsx("span", {
+                className: "bg-green-100 text-green-800 px-2 py-1 rounded-md text-xs capitalize",
+                children: t('property.cancellation_policy')
+              })]
+            }), jsxs("div", {
+              className: "flex items-center mb-4",
+              children: [jsx(FaUserAlt, {
+                className: "text-gray-500"
+              }), jsxs("span", {
+                className: "text-sm text-gray-600 ml-2",
+                children: [item?.preferences?.property?.boarding?.maxPeople, " ", t('property.guests')]
+              })]
+            })]
+          }), config.ENABLE_PROPERTY_PRICE_COMPARISON && jsx("div", {
+            className: "px-4 w-full",
+            children: jsxs("div", {
+              className: "w-fit flex gap-4",
+              children: [jsx("hr", {
+                className: "w-full border-t border-gray-200"
+              }), jsxs("div", {
+                className: "flex flex-row",
+                children: [jsx(DealCard, {
+                  site: "Vio.com",
+                  price: 41387
+                }), jsx(DealCard, {
+                  site: "Expedia.com",
+                  price: 46369
+                }), jsx(DealCard, {
+                  site: "More Deals",
+                  price: 'View all'
+                })]
+              }), jsx("hr", {
+                className: "w-full border-t border-gray-200"
+              })]
+            })
+          }), jsxs("div", {
+            className: "flex flex-col sm:flex-row px-4 pb-4 w-full justify-between items-start sm:items-center",
+            children: [jsxs("div", {
+              className: "flex flex-col space-y-1 mb-3 sm:mb-0 w-full sm:w-auto",
+              children: [jsxs("div", {
+                className: "flex items-center",
+                children: [jsx(BsStarFill, {
+                  className: "text-yellow-500 w-3 h-3 mr-1"
+                }), jsxs("span", {
+                  className: "text-[0.832rem] font-bold text-gray-600",
+                  children: [item?.reviewsOverview ? item.reviewsOverview.rating : 0, " (", item.reviewsOverview ? item.reviewsOverview.ratingCount : 0, ' ', t('property.reviews'), ")"]
+                })]
+              }), item?.__typename && jsxs("span", {
+                className: "text-[0.832rem] text-gray-500",
+                children: ["Booking through ", startCase(item.__typename.replace('Property', ''))]
+              })]
+            }), jsxs("div", {
+              className: "flex flex-col items-end space-y-2 w-full sm:w-auto",
+              children: [jsxs("div", {
+                className: "flex flex-col items-end space-y-1 w-full",
+                children: [jsxs("span", {
+                  className: "text-[0.688rem] text-gray-500 text-right w-full",
+                  children: [formattedDuration, ", ", adults + children, ' ', adults + children === 1 ? 'guest' : 'guests']
+                }), jsxs("div", {
+                  className: "flex flex-col items-end space-y-0 w-full",
+                  children: [item.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.total !== item.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.totalBeforeDiscount && jsxs("div", {
+                    className: "flex items-center group relative",
+                    children: [jsx("span", {
+                      className: "text-xs text-gray-500",
+                      children: "from"
+                    }), jsx("span", {
+                      className: "text-sm font-semibold text-gray-500 line-through ml-1 cursor-help hover:text-gray-600 group-hover:text-gray-600",
+                      children: item.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.totalBeforeDiscount
+                    }), jsx("div", {
+                      className: "hidden group-hover:block absolute top-0 right-0 transform -translate-y-full mt-2 w-[300px] shadow-lg bg-white rounded-md p-4 z-50",
+                      children: jsxs("div", {
+                        className: "flex flex-col space-y-2",
+                        children: [item.preferences?.property?.pricing?.price?.price_breakdown?.details?.discounts?.items.map((charge, index) => jsxs("div", {
+                          className: "flex flex-col",
+                          children: [jsxs("div", {
+                            className: "flex justify-between",
+                            children: [jsx("span", {
+                              className: "mr-4",
+                              children: charge.name
+                            }), jsx("span", {
+                              className: "font-medium",
+                              children: charge?.amount_rounded
+                            })]
+                          }), charge.details && jsx("span", {
+                            className: "text-sm font-normal",
+                            children: charge?.details
+                          })]
+                        }, index)), jsxs("div", {
+                          className: "flex justify-between pt-2 border-t border-gray-200 font-bold",
+                          children: [jsx("span", {
+                            children: "Total discount"
+                          }), jsx("span", {
+                            children: item.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.savings
+                          })]
+                        })]
+                      })
+                    })]
+                  }), jsxs("div", {
+                    className: "relative group",
+                    children: [jsx("span", {
+                      className: "text-2xl font-semibold text-right underline cursor-help",
+                      children: item.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.total
+                    }), jsxs("div", {
+                      className: "hidden group-hover:block absolute top-0 right-0 transform -translate-y-full mt-2 w-[300px] shadow-lg bg-white rounded-md z-50",
+                      children: [jsx("div", {
+                        className: "font-bold border-b border-gray-200 p-3 text-center",
+                        children: "Price breakdown"
+                      }), jsx("div", {
+                        className: "p-4",
+                        children: jsx("div", {
+                          className: "flex flex-col space-y-2",
+                          children: item.preferences?.property?.pricing?.price?.price_breakdown?.details?.charges?.items?.map((item, index) => jsxs("div", {
+                            className: "flex justify-between",
+                            children: [jsx("span", {
+                              children: item.name
+                            }), jsx("span", {
+                              children: item?.amount_rounded
+                            })]
+                          }, index))
+                        })
+                      })]
+                    })]
+                  })]
+                }), jsxs("span", {
+                  className: "text-xs text-gray-500 text-right w-full",
+                  children: [item?.preferences?.property?.pricing?.price?.price_breakdown?.details?.pricing?.basePrice?.perNight, ' ', "per ", getPriceType(item)]
+                })]
+              }), jsx("button", {
+                className: `bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded w-full ${isRedirecting ? 'opacity-75 cursor-wait' : ''}`,
+                onClick: handleRedirect,
+                disabled: isRedirecting,
+                children: isRedirecting ? 'Loading...' : 'View deal'
+              })]
+            })]
+          })]
+        })
+      })]
+    }, item.id)
+  });
+};export{PropertyCard};//# sourceMappingURL=PropertyCard.js.map

package/lib/components/UI/PropertyCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyCard.js","sources":["../../../src/components/UI/PropertyCard.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/lib/components/UI/PropertyCardOnMap.d.ts

@@ -0,0 +1,10 @@
+import { Options } from '@cdmbase/react-splide';
+type PropertyCardOnMapProps = {
+    room: any;
+    isSaved: boolean;
+    sliderOptions?: Options;
+    className?: string;
+};
+export declare const PropertyCardOnMap: ({ room, isSaved, sliderOptions, className, ...props }: PropertyCardOnMapProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PropertyCardOnMap.d.ts.map

package/lib/components/UI/PropertyCardOnMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyCardOnMap.d.ts","sourceRoot":"","sources":["../../../src/components/UI/PropertyCardOnMap.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,OAAO,EAAuB,MAAM,uBAAuB,CAAC;AAIrE,KAAK,sBAAsB,GAAG;IAC1B,IAAI,EAAE,GAAG,CAAC;IACV,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,uDAM/B,sBAAsB,4CA0FxB,CAAC"}

package/lib/components/UI/PropertyCardOnMap.js

@@ -0,0 +1,108 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useMemo,useState,useEffect}from'react';import {useTranslation}from'react-i18next';import {Link}from'@remix-run/react';import {BsStarFill}from'@react-icons/all-files/bs/BsStarFill.js';import {Splide,SplideSlide}from'@cdmbase/react-splide';import {useLayoutSettings}from'@admin-layout/client';const PropertyCardOnMap = ({
+  room,
+  isSaved,
+  sliderOptions = {},
+  className = '',
+  ...props
+}) => {
+  const images = useMemo(() => room?.images?.data.map(({
+    url
+  }) => ({
+    src: url
+  })), [room]);
+  const {
+    t
+  } = useTranslation();
+  const {
+    settings
+  } = useLayoutSettings();
+  const [star, setStar] = useState(0);
+  useEffect(() => {
+    let temp = room?.totalReview == 0 ? 0 : room?.totalStar / room?.totalReview;
+    setStar(temp);
+  }, [room?.totalReview, room?.totalStar]);
+  // const { color, grayColor } = useColorTheme();
+  return jsxs("div", {
+    className: `flex flex-col flex-wrap mt-4 ${className}`,
+    children: [jsx("div", {
+      className: "w-full",
+      children: jsxs(Splide, {
+        "aria-label": t('property.property_images'),
+        options: {
+          type: 'loop',
+          drag: 'free',
+          height: '230px',
+          perPage: 1,
+          perMove: 1,
+          wheel: true,
+          releaseWheel: true,
+          pagination: false,
+          speed: 500,
+          ...sliderOptions
+        },
+        children: [images && images.length == 0 && jsx(SplideSlide, {
+          children: jsx("div", {
+            className: "w-full h-full",
+            children: jsx("img", {
+              src: room.thumbnailUrl,
+              className: "w-full h-full object-cover cursor-pointer transition-all duration-500 hover:brightness-50",
+              loading: "lazy",
+              alt: room.title || 'Property'
+            })
+          })
+        }), images.map((image, i) => {
+          return jsx(SplideSlide, {
+            children: jsx(Link, {
+              to: '/property/' + room.id,
+              className: "w-full",
+              children: jsx("div", {
+                className: "w-full h-full",
+                children: jsx("img", {
+                  src: image.src,
+                  className: "w-full h-full object-cover cursor-pointer transition-all duration-500 hover:brightness-50",
+                  loading: "lazy",
+                  alt: room.title || 'Property'
+                })
+              })
+            })
+          }, 'sliderImage1_' + i);
+        })]
+      })
+    }), jsxs("div", {
+      className: "w-full flex flex-col mt-2",
+      children: [jsx("div", {
+        className: "font-semibold text-sm",
+        style: {
+          color: settings?.primaryColor
+        },
+        children: room?.title
+      }), jsxs("div", {
+        className: "flex flex-row justify-between",
+        children: [jsxs("div", {
+          className: "flex flex-col",
+          children: [jsx("div", {
+            className: "mt-1 flex text-[9px] font-semibold",
+            style: {
+              color: settings?.primaryColor
+            },
+            children: room?.address && room?.address.city && room?.address.city.state ? room?.address.city.name + ', ' + room?.address.city.state.name : ''
+          }), jsxs("div", {
+            className: "flex items-center",
+            children: [jsx(BsStarFill, {
+              className: "text-yellow-500 w-3 h-3 mr-1"
+            }), jsxs("span", {
+              className: "text-[0.832rem] font-bold",
+              style: {
+                color: settings?.secondaryColor
+              },
+              children: [room?.reviewsOverview ? room.reviewsOverview.rating : 0, " (", room.reviewsOverview ? room.reviewsOverview.ratingCount : 0, " ", t('property.reviews'), ")"]
+            })]
+          })]
+        }), jsx("div", {
+          className: "text-lg font-bold mt-auto mb-[-2px]",
+          children: room.preferences?.property?.pricing?.price?.price_breakdown?.details?.pricing?.finalPrice?.total
+        })]
+      })]
+    })]
+  });
+};export{PropertyCardOnMap};//# sourceMappingURL=PropertyCardOnMap.js.map

package/lib/components/UI/PropertyCardOnMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyCardOnMap.js","sources":["../../../src/components/UI/PropertyCardOnMap.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"0VAkBa,iBAAiB,GAAG,CAAC;AAO9B,EAAA,IAAA;AACA,EAAA,OAAA;AACA,EAAA,aAAgB,GAAA,EAAA;WAET,GAAI,EAAA;KACF;;QAEL,MAAO,GAAK,OAAE,CAAA,MAAA,IAAA,EAAA,MAAA,EAAA,IAAA,CAAA,GAAA,CAAA,CAAA;IAClB;SAEgD;IAEhD,GAAO,EAAA;AAMa,GAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAA;AACA,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA,cAAA,EAAA;AACA,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA,iBAAA,EAAA;AACA,EAAA,MAAA,CAAA,IAAA,EAAA,OAAA,CAAA,GAAA,QAAU,EAAE,CAAK;AACjB,EAAA,SAAA,CAAA,MAAA;AACA,IAAA,IAAA,IAAA,GAAA,IAAA,EAAA,WAAgB,IAAA,CAAA,GAAA,CAAA,GAAA,IAAA,EAAA,SAAA,GAAA,IAAA,EAAA,WAAA;;6BAgBT,EAAA,SACF,CAAA,CAAA;AAaT;AAWY,EAAA,OAAAA,IAAA,CAAA,KAAA,EAAA;6CACC;AAaD,IAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AAOhC,MAAE,SAAA,EAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/UI/VehicleCard/PricePopover.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CarPricing } from './types';
+interface PricePopoverProps {
+    pricing: CarPricing;
+}
+declare const PricePopover: React.FC<PricePopoverProps>;
+export default PricePopover;
+//# sourceMappingURL=PricePopover.d.ts.map

package/lib/components/UI/VehicleCard/PricePopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricePopover.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/VehicleCard/PricePopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,UAAU,iBAAiB;IACvB,OAAO,EAAE,UAAU,CAAC;CACvB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyF7C,CAAC;AAEF,eAAe,YAAY,CAAC"}