@admin-layout/tailwind-design-pro 10.0.9-alpha.9 → 10.1.1-alpha.2

package/lib/components/UI/PropertyCard.js

@@ -0,0 +1,375 @@
+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 {format}from'date-fns';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 convertHotelName = name => {
+  return name.toLowerCase().replace(/[^a-z0-9\s-]/g, '').replace(/[\s-]+/g, '-').replace(/-+/g, '-');
+};
+const generateHref = (room, from, to, adults, children) => {
+  switch (room.__typename) {
+    case 'AirbnbProperty':
+      return `https://www.airbnb.com/rooms/${room.id}?check_in=${from}&check_out=${to}&guests=${adults + children || 1}`;
+    case 'BookingProperty':
+      return `https://www.booking.com/hotel/${room.address.city.state.country.id}/${convertHotelName(room.name)}.html`;
+    case 'PricelineProperty':
+      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;
+      return `https://www.priceline.com/relax/at/${propertyId}/from/${checkInDate}/to/${checkOutDate}/rooms/${roomCount}/adults/${adultCount}?cityId=${cityId}&cur=USD&psl=${propertyId}`;
+    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,
+  propertyTypes,
+  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(() => propertyTypes?.filter(type => item?.types?.includes(type.id)), [item, propertyTypes]);
+  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);
+  useEffect(() => {
+    fetchCurrentLatLong();
+  }, []);
+  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",
+      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-[350px] border border-solid border-gray-200 rounded-2xl overflow-hidden 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: generateHref(item, checkIn, checkOut, adults, children),
+                  target: "_blank",
+                  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 bottom-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",
+                onClick: () => {
+                  window.open(generateHref(item, checkIn, checkOut, adults, children), '_blank');
+                },
+                children: "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.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type VehicleCardProps = {
+    car: any;
+    isSaved: boolean;
+    setFocus: (index: number) => void;
+    setBlur: (index: number) => void;
+    handleLike: (index: number) => void;
+    likeBtnLoading: boolean;
+    vehicleTypes: any[];
+    authenticated: boolean;
+    extraIcons: any[];
+};
+export declare const VehicleCard: ({ car, isSaved, setFocus, setBlur, handleLike, likeBtnLoading, vehicleTypes, authenticated, extraIcons, ...props }: VehicleCardProps & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VehicleCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VehicleCard.d.ts","sourceRoot":"","sources":["../../../src/components/UI/VehicleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAsGzE,KAAK,gBAAgB,GAAG;IACpB,GAAG,EAAE,GAAG,CAAC;IACT,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,GAAG,EAAE,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,oHAWzB,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CA6BzD,CAAC"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+type VehicleCardListProps = {
+    cars?: any[];
+    setFocus: (index: number) => void;
+    setBlur: (index: number) => void;
+    handleLike: (index: number) => void;
+    likeBtnLoading: boolean;
+    vehicleTypes: any[];
+    extraIcons?: any;
+    className?: string;
+};
+export declare const VehicleCardList: React.FC<VehicleCardListProps>;
+export {};
+//# sourceMappingURL=VehicleCardList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VehicleCardList.d.ts","sourceRoot":"","sources":["../../../src/components/UI/VehicleCardList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,oBAAoB,GAAG;IACxB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0B1D,CAAC"}

package/lib/components/UI/VehicleComponents/CarCardFooter.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface CarCardFooterProps {
+    price?: any;
+}
+export declare const CarCardFooter: React.FC<CarCardFooterProps>;
+export {};
+//# sourceMappingURL=CarCardFooter.d.ts.map

package/lib/components/UI/VehicleComponents/CarCardFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarCardFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/VehicleComponents/CarCardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,UAAU,kBAAkB;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4DtD,CAAC"}

package/lib/components/UI/VehicleComponents/CarCardFooter.js

@@ -0,0 +1,61 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';const CarCardFooter = ({
+  price
+}) => {
+  const [showPopover, setShowPopover] = useState(false);
+  if (!price) return null;
+  return jsxs("div", {
+    className: "flex flex-col sm:flex-row sm:justify-between items-start sm:items-end mt-4 pt-4 border-t border-gray-100",
+    children: [price.discount > 0 && jsxs("div", {
+      className: "px-3 py-1 text-sm font-medium text-green-600 bg-[#F1FFF9] rounded-md",
+      children: ["Save ", price.currency, " ", price.discount]
+    }), jsxs("div", {
+      className: "flex flex-col items-end",
+      children: [jsxs("div", {
+        className: "relative",
+        children: [price.originalAmount > price.amount && jsxs("span", {
+          className: "line-through text-gray-500 text-lg mr-2",
+          children: [price.currency, price.originalAmount]
+        }), jsxs("span", {
+          className: "text-xl font-semibold text-gray-900 cursor-pointer",
+          onMouseEnter: () => setShowPopover(true),
+          onMouseLeave: () => setShowPopover(false),
+          children: [price.currency, " ", price.amount, " total"]
+        }), showPopover && jsx("div", {
+          className: "absolute bottom-full right-0 mb-2 p-3 bg-white shadow-lg rounded-lg border border-gray-200 z-10 w-48",
+          children: jsxs("div", {
+            className: "flex flex-col gap-2 text-sm",
+            children: [jsxs("div", {
+              className: "flex justify-between",
+              children: [jsx("span", {
+                className: "text-gray-600",
+                children: "Original price:"
+              }), jsxs("span", {
+                className: "line-through text-gray-500",
+                children: [price.currency, " ", price.originalAmount]
+              })]
+            }), price.discount > 0 && jsxs("div", {
+              className: "flex justify-between",
+              children: [jsx("span", {
+                className: "text-gray-600",
+                children: "Discount:"
+              }), jsxs("span", {
+                className: "text-green-600",
+                children: ["-", price.currency, " ", price.discount]
+              })]
+            }), jsxs("div", {
+              className: "flex justify-between font-medium pt-1 border-t border-gray-100",
+              children: [jsx("span", {
+                children: "Final price:"
+              }), jsxs("span", {
+                children: [price.currency, " ", price.amount]
+              })]
+            })]
+          })
+        })]
+      }), jsx("span", {
+        className: "text-sm text-gray-600",
+        children: "Before taxes"
+      })]
+    })]
+  });
+};export{CarCardFooter};//# sourceMappingURL=CarCardFooter.js.map

package/lib/components/UI/VehicleComponents/CarCardFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarCardFooter.js","sources":["../../../../src/components/UI/VehicleComponents/CarCardFooter.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"4EAMa,aAAa,GAAiC,CAAC;;AAGxD,CAAA,KAAA;AAAY,EAAA,MAAA,CAAA,WAAY,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;MAEjB,CAAA,KACH;AAsDR,EAAE,OAAAA,IAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/UI/VehicleComponents/CarCardImage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CarCardImageProps {
+    imageUrl?: string;
+    alt?: string;
+    isFavorite?: boolean;
+}
+export declare const CarCardImage: React.FC<CarCardImageProps>;
+export {};
+//# sourceMappingURL=CarCardImage.d.ts.map

package/lib/components/UI/VehicleComponents/CarCardImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarCardImage.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/VehicleComponents/CarCardImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,iBAAiB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8BpD,CAAC"}