@admin-layout/tailwind-travel-pro 11.2.1-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/lib/components/CardList.d.ts +61 -0
- package/lib/components/CardList.d.ts.map +1 -0
- package/lib/components/CardList.js +41 -0
- package/lib/components/CardList.js.map +1 -0
- package/lib/components/CategoriesTypeList.d.ts +27 -0
- package/lib/components/CategoriesTypeList.d.ts.map +1 -0
- package/lib/components/CategoriesTypeList.js +163 -0
- package/lib/components/CategoriesTypeList.js.map +1 -0
- package/lib/components/LazyLoadingGoogleMarker.d.ts +83 -0
- package/lib/components/LazyLoadingGoogleMarker.d.ts.map +1 -0
- package/lib/components/LazyLoadingGoogleMarker.js +104 -0
- package/lib/components/LazyLoadingGoogleMarker.js.map +1 -0
- package/lib/components/Pagination.d.ts +7 -0
- package/lib/components/Pagination.d.ts.map +1 -0
- package/lib/components/Pagination.js +55 -0
- package/lib/components/Pagination.js.map +1 -0
- package/lib/components/ParamSearchResultContainer.d.ts +99 -0
- package/lib/components/ParamSearchResultContainer.d.ts.map +1 -0
- package/lib/components/ParamSearchResultContainer.js +115 -0
- package/lib/components/ParamSearchResultContainer.js.map +1 -0
- package/lib/components/PropertyCard.d.ts +25 -0
- package/lib/components/PropertyCard.d.ts.map +1 -0
- package/lib/components/PropertyCard.js +310 -0
- package/lib/components/PropertyCard.js.map +1 -0
- package/lib/components/PropertyCardOnMap.d.ts +10 -0
- package/lib/components/PropertyCardOnMap.d.ts.map +1 -0
- package/lib/components/PropertyCardOnMap.js +113 -0
- package/lib/components/PropertyCardOnMap.js.map +1 -0
- package/lib/components/VehicleCard/PricePopover.d.ts +8 -0
- package/lib/components/VehicleCard/PricePopover.d.ts.map +1 -0
- package/lib/components/VehicleCard/PricePopover.js +79 -0
- package/lib/components/VehicleCard/PricePopover.js.map +1 -0
- package/lib/components/VehicleCard/VehicleBadge.d.ts +7 -0
- package/lib/components/VehicleCard/VehicleBadge.d.ts.map +1 -0
- package/lib/components/VehicleCard/VehicleFeature.d.ts +9 -0
- package/lib/components/VehicleCard/VehicleFeature.d.ts.map +1 -0
- package/lib/components/VehicleCard/VehicleFeature.js +18 -0
- package/lib/components/VehicleCard/VehicleFeature.js.map +1 -0
- package/lib/components/VehicleCard/types.d.ts +59 -0
- package/lib/components/VehicleCard/types.d.ts.map +1 -0
- package/lib/components/VehicleCard.d.ts +15 -0
- package/lib/components/VehicleCard.d.ts.map +1 -0
- package/lib/components/VehicleCard.js +138 -0
- package/lib/components/VehicleCard.js.map +1 -0
- package/lib/components/VehicleCardList.d.ts +14 -0
- package/lib/components/VehicleCardList.d.ts.map +1 -0
- package/lib/components/VehicleCardList.js +37 -0
- package/lib/components/VehicleCardList.js.map +1 -0
- package/lib/components/VehicleParamSearchResultContainer.d.ts +90 -0
- package/lib/components/VehicleParamSearchResultContainer.d.ts.map +1 -0
- package/lib/components/icons/LocationIcon.d.ts +8 -0
- package/lib/components/icons/LocationIcon.d.ts.map +1 -0
- package/lib/components/icons/LocationIcon.js +17 -0
- package/lib/components/icons/LocationIcon.js.map +1 -0
- package/lib/components/icons/index.d.ts +2 -0
- package/lib/components/icons/index.d.ts.map +1 -0
- package/lib/components/index.d.ts +10 -0
- package/lib/components/index.d.ts.map +1 -0
- package/lib/config/analytics-config.d.ts +59 -0
- package/lib/config/analytics-config.d.ts.map +1 -0
- package/lib/config/constants.d.ts +7 -0
- package/lib/config/constants.d.ts.map +1 -0
- package/lib/config/constants.js +6 -0
- package/lib/config/constants.js.map +1 -0
- package/lib/config/env-config.d.ts +19 -0
- package/lib/config/env-config.d.ts.map +1 -0
- package/lib/config/env-config.js +70 -0
- package/lib/config/env-config.js.map +1 -0
- package/lib/config/index.d.ts +3 -0
- package/lib/config/index.d.ts.map +1 -0
- package/lib/hooks/index.d.ts +2 -0
- package/lib/hooks/index.d.ts.map +1 -0
- package/lib/hooks/use-get-current-lat-long.d.ts +18 -0
- package/lib/hooks/use-get-current-lat-long.d.ts.map +1 -0
- package/lib/hooks/use-get-current-lat-long.js +29 -0
- package/lib/hooks/use-get-current-lat-long.js.map +1 -0
- package/lib/hooks/useWindowSize.d.ts +5 -0
- package/lib/hooks/useWindowSize.d.ts.map +1 -0
- package/lib/hooks/useWindowSize.js +20 -0
- package/lib/hooks/useWindowSize.js.map +1 -0
- package/lib/index.d.ts +4 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -0
- package/lib/interfaces/travel.d.ts +6 -0
- package/lib/interfaces/travel.d.ts.map +1 -0
- package/lib/interfaces/travel.js +6 -0
- package/lib/interfaces/travel.js.map +1 -0
- package/lib/middlewares/airbnbDatasourcesMiddleware.d.ts +6 -0
- package/lib/middlewares/airbnbDatasourcesMiddleware.d.ts.map +1 -0
- package/lib/middlewares/airbnbDatasourcesMiddleware.js +121 -0
- package/lib/middlewares/airbnbDatasourcesMiddleware.js.map +1 -0
- package/lib/middlewares/bookingCarRentalMiddleware.d.ts +6 -0
- package/lib/middlewares/bookingCarRentalMiddleware.d.ts.map +1 -0
- package/lib/middlewares/bookingCarRentalMiddleware.js +109 -0
- package/lib/middlewares/bookingCarRentalMiddleware.js.map +1 -0
- package/lib/middlewares/bookingDatasourcesMiddleware.d.ts +7 -0
- package/lib/middlewares/bookingDatasourcesMiddleware.d.ts.map +1 -0
- package/lib/middlewares/bookingDatasourcesMiddleware.js +137 -0
- package/lib/middlewares/bookingDatasourcesMiddleware.js.map +1 -0
- package/lib/middlewares/datasourcesMiddleware.d.ts +6 -0
- package/lib/middlewares/datasourcesMiddleware.d.ts.map +1 -0
- package/lib/middlewares/datasourcesMiddleware.js +29 -0
- package/lib/middlewares/datasourcesMiddleware.js.map +1 -0
- package/lib/middlewares/index.d.ts +6 -0
- package/lib/middlewares/index.d.ts.map +1 -0
- package/lib/middlewares/pricelineDatasourcesMiddleware.d.ts +7 -0
- package/lib/middlewares/pricelineDatasourcesMiddleware.d.ts.map +1 -0
- package/lib/middlewares/pricelineDatasourcesMiddleware.js +95 -0
- package/lib/middlewares/pricelineDatasourcesMiddleware.js.map +1 -0
- package/lib/routes.json +1 -0
- package/package.json +49 -0
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import React,{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 {Carousel,CarouselContent,CarouselItem,CarouselPrevious,CarouselNext}from'@admin-layout/tailwind-ui/lib/shardui/carousel';import {useLayoutSettings}from'@admin-layout/client';const PropertyCardOnMap = ({
|
|
2
|
+
room,
|
|
3
|
+
isSaved,
|
|
4
|
+
carouselOptions = {},
|
|
5
|
+
className = '',
|
|
6
|
+
...props
|
|
7
|
+
}) => {
|
|
8
|
+
const images = useMemo(() => room?.images?.data.map(({
|
|
9
|
+
url
|
|
10
|
+
}) => ({
|
|
11
|
+
src: url
|
|
12
|
+
})), [room]);
|
|
13
|
+
const {
|
|
14
|
+
t
|
|
15
|
+
} = useTranslation();
|
|
16
|
+
const {
|
|
17
|
+
settings
|
|
18
|
+
} = useLayoutSettings();
|
|
19
|
+
const [carouselApi, setCarouselApi] = React.useState();
|
|
20
|
+
const [star, setStar] = useState(0);
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
let temp = room?.totalReview == 0 ? 0 : room?.totalStar / room?.totalReview;
|
|
23
|
+
setStar(temp);
|
|
24
|
+
}, [room?.totalReview, room?.totalStar]);
|
|
25
|
+
// Add mouse wheel functionality
|
|
26
|
+
React.useEffect(() => {
|
|
27
|
+
if (!carouselApi) return;
|
|
28
|
+
const handleWheel = event => {
|
|
29
|
+
event.preventDefault();
|
|
30
|
+
if (event.deltaY > 0) {
|
|
31
|
+
// Scrolling down - go to next slide
|
|
32
|
+
carouselApi.scrollNext();
|
|
33
|
+
} else {
|
|
34
|
+
// Scrolling up - go to previous slide
|
|
35
|
+
carouselApi.scrollPrev();
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
const carouselElement = carouselApi.rootNode();
|
|
39
|
+
carouselElement.addEventListener('wheel', handleWheel, {
|
|
40
|
+
passive: false
|
|
41
|
+
});
|
|
42
|
+
return () => {
|
|
43
|
+
carouselElement.removeEventListener('wheel', handleWheel);
|
|
44
|
+
};
|
|
45
|
+
}, [carouselApi]);
|
|
46
|
+
// const { color, grayColor } = useColorTheme();
|
|
47
|
+
return React.createElement("div", {
|
|
48
|
+
className: `flex flex-col flex-wrap mt-4 ${className}`
|
|
49
|
+
}, React.createElement("div", {
|
|
50
|
+
className: "w-full"
|
|
51
|
+
}, React.createElement(Carousel, {
|
|
52
|
+
setApi: setCarouselApi,
|
|
53
|
+
"aria-label": t('property.property_images'),
|
|
54
|
+
opts: {
|
|
55
|
+
align: 'start',
|
|
56
|
+
loop: true,
|
|
57
|
+
...carouselOptions
|
|
58
|
+
},
|
|
59
|
+
className: "w-full relative"
|
|
60
|
+
}, React.createElement(CarouselContent, null, images && images.length == 0 && React.createElement(CarouselItem, null, React.createElement("div", {
|
|
61
|
+
className: "w-[280px] h-[200px]"
|
|
62
|
+
}, React.createElement("img", {
|
|
63
|
+
src: room.thumbnailUrl,
|
|
64
|
+
className: "w-[280px] h-[200px] object-cover cursor-pointer transition-all duration-500 hover:brightness-50",
|
|
65
|
+
loading: "lazy",
|
|
66
|
+
alt: room.title || 'Property'
|
|
67
|
+
}))), images.map((image, i) => {
|
|
68
|
+
return React.createElement(CarouselItem, {
|
|
69
|
+
key: 'sliderImage1_' + i
|
|
70
|
+
}, React.createElement(Link, {
|
|
71
|
+
to: '/property/' + room.id,
|
|
72
|
+
className: "w-full"
|
|
73
|
+
}, React.createElement("div", {
|
|
74
|
+
className: "w-[280px] h-[200px]"
|
|
75
|
+
}, React.createElement("img", {
|
|
76
|
+
src: image.src,
|
|
77
|
+
className: "w-[280px] h-[200px] object-cover cursor-pointer transition-all duration-500 hover:brightness-50",
|
|
78
|
+
loading: "lazy",
|
|
79
|
+
alt: room.title || 'Property'
|
|
80
|
+
}))));
|
|
81
|
+
})), React.createElement(CarouselPrevious, {
|
|
82
|
+
className: "absolute left-2 top-1/2 -translate-y-1/2 bg-background hover:bg-muted"
|
|
83
|
+
}), React.createElement(CarouselNext, {
|
|
84
|
+
className: "absolute right-2 top-1/2 -translate-y-1/2 bg-background hover:bg-muted"
|
|
85
|
+
}))), React.createElement("div", {
|
|
86
|
+
className: "w-full flex flex-col mt-2"
|
|
87
|
+
}, React.createElement("div", {
|
|
88
|
+
className: "font-semibold text-sm",
|
|
89
|
+
style: {
|
|
90
|
+
color: settings?.primaryColor
|
|
91
|
+
}
|
|
92
|
+
}, room?.title), React.createElement("div", {
|
|
93
|
+
className: "flex flex-row justify-between"
|
|
94
|
+
}, React.createElement("div", {
|
|
95
|
+
className: "flex flex-col"
|
|
96
|
+
}, React.createElement("div", {
|
|
97
|
+
className: "mt-1 flex text-[9px] font-semibold",
|
|
98
|
+
style: {
|
|
99
|
+
color: settings?.primaryColor
|
|
100
|
+
}
|
|
101
|
+
}, room?.address && room?.address.city && room?.address.city.state ? room?.address.city.name + ', ' + room?.address.city.state.name : ''), React.createElement("div", {
|
|
102
|
+
className: "flex items-center"
|
|
103
|
+
}, React.createElement(BsStarFill, {
|
|
104
|
+
className: "text-yellow-500 w-3 h-3 mr-1"
|
|
105
|
+
}), React.createElement("span", {
|
|
106
|
+
className: "text-[0.832rem] font-bold",
|
|
107
|
+
style: {
|
|
108
|
+
color: settings?.secondaryColor
|
|
109
|
+
}
|
|
110
|
+
}, room?.reviewsOverview ? room.reviewsOverview.rating : 0, " (", room.reviewsOverview ? room.reviewsOverview.ratingCount : 0, " ", t('property.reviews'), ")"))), React.createElement("div", {
|
|
111
|
+
className: "text-lg font-bold mt-auto mb-[-2px]"
|
|
112
|
+
}, room.preferences?.property?.pricing?.price?.price_breakdown?.details?.pricing?.finalPrice?.total))));
|
|
113
|
+
};export{PropertyCardOnMap};//# sourceMappingURL=PropertyCardOnMap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropertyCardOnMap.js","sources":["../../src/components/PropertyCardOnMap.tsx"],"sourcesContent":[null],"names":["LinkReact"],"mappings":"iYAyBa,iBAAiB,GAAG,CAAC;AAO9B,EAAA,IAAA;AACA,EAAA,OAAA;AACA,EAAA,eAAQ,GAAQ,EAAE;WACX,GAAA,EAAA;KAEP;MACA;QACI,MAAI,UAAW,CAAE,YAAW,MAAO,EAAE,IAAG,CAAA,GAAI,CAAE;;SAE9C;IACJ,GAAA,EAAA;AAEA,GAAA,CAAA,CAAA,EAAA,CAAA,IAAM,CAAA,CAAA;AACF,EAAA,MAAA;;AAEA,GAAA,GAAA,cAAM,EAAA;;AAGF,IAAA;uBACI,EAAA;oBACA,EAAA,cAAY,CAAA,GAAY,KAAC,CAAA,QAAA,EAAA;aAC5B,EAAA,OAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA;kBAAO;mBACJ,EAAA,WAAA,IAAA,CAAA,GAAA,CAAA,GAAA,IAAA,EAAA,SAAsC,GAAA,IAAA,EAAA,WAAA;gBACtC,CAAA;YACJ,WAAC,EAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AACL;AAEA,EAAA,KAAA,CAAA;AACA,IAAA,IAAA,CAAA,WAAA,EAAA;AAEA,IAAA,MAAA,WAAY,GAAA,KAAA,IAAA;AACR,MAAA,KAAA,CAAA,cAAA,EAAgB;AACpB,MAAA,IAAE,KAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AACN;QACA,WAAA,CAAA,UAAA,EAAA;AAEA,MAAA,CAAA,MACI;;AAEQ,QAAA,WAAA,CAAA,UAAA,EAAC;AAIO,MAAA;AACA,IAAA,CAAA;AACA,IAAA,MAAA,eAAG,GAAA,WAAe,CAAA,QAAA,EAAA;mBAEtB,CAAA,gBAAU,CAAA,OAAA,EAAA,WAAiB,EAAA;AAE3B,MAAA,OAAA,EAAA;;;yCAIgB,CAAA,OAAA,EAAA,WACS,CAAA;;;AAWT;kCACI,EAAA;6CACI,EAAA,SAAA,CAAA;AAUpB,GAAA,EAAA,KAAA,CAAA,aACc,CAAA,KAAA,EAAA;AAClB,IAAA,SAAA,EAAA;AACA,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;UAGR,EAAA,cAAA;AACI,IAAA,YAAA,EAAA,CAAA,CAAA;;oBAII;AACI,MAAA,IAAA,EAAA,IAAA;AAEQ,MAAA,GAAA;;;AAIJ,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAC,EAAA,MAAU,IAAC,MAAA,CAAA,kCAAwC,CAAA,YAAG,EAAA,IAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACvD,IAAA,SAAA,EAAA;AACK,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAI;;AACJ,IAAA,SAAA,EAAA,iGAA2D;;;AACzD,GAAA,CAAA,CAAA,CAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA,KAAA,EAAA,CAAA,KACL;gBAEV,CAAA,aAAA,CAAA,YAAA,EAAK;AAGO,MAAA,GAAA,EAAA,kBAGV;AAItB,KAAE,EAAA,KAAA,CAAA,aAAA,CAAAA,IAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PricePopover.d.ts","sourceRoot":"","sources":["../../../src/components/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,CA2F7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import React,{useState,useRef,useEffect}from'react';import {BiTag}from'@react-icons/all-files/bi/BiTag.js';const PricePopover = ({
|
|
2
|
+
pricing
|
|
3
|
+
}) => {
|
|
4
|
+
const [position, setPosition] = useState({
|
|
5
|
+
top: 0,
|
|
6
|
+
left: 0
|
|
7
|
+
});
|
|
8
|
+
const popoverRef = useRef(null);
|
|
9
|
+
const triggerRef = useRef(null);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
const updatePosition = () => {
|
|
12
|
+
if (!popoverRef.current || !triggerRef.current) return;
|
|
13
|
+
const trigger = triggerRef.current.getBoundingClientRect();
|
|
14
|
+
const popover = popoverRef.current.getBoundingClientRect();
|
|
15
|
+
const viewport = {
|
|
16
|
+
width: window.innerWidth,
|
|
17
|
+
height: window.innerHeight
|
|
18
|
+
};
|
|
19
|
+
let top = trigger.bottom + 8;
|
|
20
|
+
let left = trigger.left;
|
|
21
|
+
if (top + popover.height > viewport.height) {
|
|
22
|
+
top = trigger.top - popover.height - 8;
|
|
23
|
+
}
|
|
24
|
+
if (left + popover.width > viewport.width) {
|
|
25
|
+
left = viewport.width - popover.width - 16;
|
|
26
|
+
}
|
|
27
|
+
left = Math.max(16, left);
|
|
28
|
+
setPosition({
|
|
29
|
+
top,
|
|
30
|
+
left
|
|
31
|
+
});
|
|
32
|
+
};
|
|
33
|
+
updatePosition();
|
|
34
|
+
window.addEventListener('scroll', updatePosition);
|
|
35
|
+
window.addEventListener('resize', updatePosition);
|
|
36
|
+
return () => {
|
|
37
|
+
window.removeEventListener('scroll', updatePosition);
|
|
38
|
+
window.removeEventListener('resize', updatePosition);
|
|
39
|
+
};
|
|
40
|
+
}, []);
|
|
41
|
+
return React.createElement(React.Fragment, null, React.createElement("div", {
|
|
42
|
+
ref: triggerRef,
|
|
43
|
+
className: "absolute inset-0"
|
|
44
|
+
}), React.createElement("div", {
|
|
45
|
+
ref: popoverRef,
|
|
46
|
+
style: {
|
|
47
|
+
top: position.top,
|
|
48
|
+
left: position.left,
|
|
49
|
+
position: 'fixed'
|
|
50
|
+
},
|
|
51
|
+
className: "invisible group-hover:visible opacity-0 group-hover:opacity-100 transition-all duration-200 themed-dropdown p-4 min-w-[280px] z-50"
|
|
52
|
+
}, React.createElement("div", {
|
|
53
|
+
className: "flex flex-col gap-3"
|
|
54
|
+
}, React.createElement("div", {
|
|
55
|
+
className: "flex items-center justify-between text-[15px]"
|
|
56
|
+
}, React.createElement("span", {
|
|
57
|
+
className: "text-muted-foreground"
|
|
58
|
+
}, "Base rate"), React.createElement("span", {
|
|
59
|
+
className: "font-medium text-foreground"
|
|
60
|
+
}, pricing.currency, " ", pricing.amount)), pricing.discount && React.createElement("div", {
|
|
61
|
+
className: "flex items-center justify-between text-success"
|
|
62
|
+
}, React.createElement("div", {
|
|
63
|
+
className: "flex items-center"
|
|
64
|
+
}, React.createElement(BiTag, {
|
|
65
|
+
className: "h-4 w-4 mr-1"
|
|
66
|
+
}), React.createElement("span", null, "Discount")), React.createElement("span", null, "-", pricing.discount)), React.createElement("div", {
|
|
67
|
+
className: "border-t border-border mt-1 pt-3"
|
|
68
|
+
}, React.createElement("div", {
|
|
69
|
+
className: "flex items-center justify-between"
|
|
70
|
+
}, React.createElement("span", {
|
|
71
|
+
className: "font-medium text-[15px] text-foreground"
|
|
72
|
+
}, "Total ", pricing.period && `(${pricing.period})`), React.createElement("div", {
|
|
73
|
+
className: "text-right"
|
|
74
|
+
}, React.createElement("span", {
|
|
75
|
+
className: "text-xl font-semibold text-foreground"
|
|
76
|
+
}, pricing.currency, " ", pricing.amount), pricing.beforeTaxes && React.createElement("div", {
|
|
77
|
+
className: "text-sm text-muted-foreground"
|
|
78
|
+
}, "before taxes")))))));
|
|
79
|
+
};export{PricePopover as default};//# sourceMappingURL=PricePopover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PricePopover.js","sources":["../../../src/components/VehicleCard/PricePopover.tsx"],"sourcesContent":[null],"names":[],"mappings":"2GAQA,MAAM,YAAY,GAAgC,CAAC;AAC/C,EAAA;AACA,CAAA,KAAA;AACA,EAAA,MAAA,CAAA,qBAA0C,CAAA,GAAI,QAAE,CAAA;IAEhD,GAAA,EAAA,CAAA;QACI,EAAA;;kBACoD,GAAA,MAAO,CAAA,IAAA,CAAA;kBAEjD,GAAA,OAAU,IAAA,CAAA;YAChB,MAAM;AACN,IAAA,MAAA,iBAAc,MAAG;qBACR,CAAA,OAAQ,IAAC,CAAA,UAAU,CAAA,OAAA,EAAA;mBACxB,GAAM,UAAS,CAAA,OAAA,CAAA,qBAAW,EAAA;mBAC5B,GAAA,UAAA,CAAA,OAAA,CAAA,qBAAA,EAAA;AAEF,MAAA,MAAA,QAAO,GAAG;AACV,QAAA,KAAA,EAAA,MAAQ,CAAA;cAER,EAAI,MAAM,CAAA;;aAET,GAAA,OAAA,CAAA,MAAA,GAAA,CAAA;cAED,GAAI,OAAO,CAAA,IAAA;gBACP,OAAO,CAAA,MAAA,GAAS,eAAgB,EAAA;cACnC,OAAA,CAAA,GAAA,GAAA,OAAA,CAAA,MAAA,GAAA,CAAA;;AAID,MAAA,IAAA,IAAA,GAAA,OAAY,CAAA,QAAO,QAAQ,CAAA,KAAA,EAAA;AAC/B,QAAA,IAAE,GAAA,QAAA,CAAA,KAAA,GAAA,OAAA,CAAA,KAAA,GAAA,EAAA;AAEF,MAAA;AACA,MAAA,IAAA,GAAA,IAAO,CAAA,GAAA,CAAA,EAAA,EAAA,IAAA,CAAgB;AACvB,MAAA,WAAO,CAAA;AAEP,QAAA,GAAA;AACI,QAAA;AACA,OAAA,CAAA;AACJ,IAAA,CAAA;IACJ,cAAO,EAAA;AAEP,IAAA,MAAA,CAAO,gBACH,CAAA,QAAA,EAAA,cAAA,CAAA;AACI,IAAA,MAAA,CAAA,gBAAA,CAAA,QAAA,gBAAoB;AACpB,IAAA,OAAA,MAAA;gCAGsB,CAAG,QAAA,EAAA,cAAA,CAAA;gCACF,CAAA,QAAI,EAAA,cAAA,CAAA;AACnB,IAAA,CAAA;;cAIJ,CAAA,aAAA,CAAA,KAAA,CAAA,QAAK,EAAA,IAAA,OAAU,CAAA,aAAA,CAAA,KAAqB,EAAA;mBAChC;;yBAEI,CAAA,KAAA,EAAA;AACK,IAAA,GAAA,EAAA,UAAA;;;AAIR,MAAA,IAAA,EAAA,QAAA,CAAA,IAAQ;;AAGG,KAAA;AACA,IAAA,SAAA,EAAA;AAEJ,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;AAAQ,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAQ;;wBAKpB,CAAA,MAAA,EAAA;;;;0BAII,EAAA,OAAA,CAAA,MAAA,CAAA,CAAA,EAAA,OAAK,CAAA,QAAS,IAAC,KAAA,CAAA,aAAY,CAAA,KAAA,EAAA;;AAElB,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;gCAAmB;AAEvB,IAAA,SAAA,EAAA;AAUjC,GAAE,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,UAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,GAAA,EAAA,OAAA,CAAA,QAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAEF,IAAA,SAAA,EAAe;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VehicleBadge.d.ts","sourceRoot":"","sources":["../../../src/components/VehicleCard/VehicleBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAY1C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
interface CardFeatureProps {
|
|
3
|
+
icon: ReactNode;
|
|
4
|
+
label: string;
|
|
5
|
+
iconColor?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const VehicleFeature: React.FC<CardFeatureProps>;
|
|
8
|
+
export default VehicleFeature;
|
|
9
|
+
//# sourceMappingURL=VehicleFeature.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VehicleFeature.d.ts","sourceRoot":"","sources":["../../../src/components/VehicleCard/VehicleFeature.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,UAAU,gBAAgB;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgB9C,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from'react';import {renderDynamicIcon}from'@admin-layout/tailwind-design-pro/lib/helpers/DynamicIcon.js';const VehicleFeature = ({
|
|
2
|
+
icon,
|
|
3
|
+
label,
|
|
4
|
+
iconColor = '#6B7280'
|
|
5
|
+
}) => {
|
|
6
|
+
return React.createElement("div", {
|
|
7
|
+
className: "flex items-center bg-muted px-1.5 py-0.5 rounded-themed text-[11px] text-muted-foreground"
|
|
8
|
+
}, React.createElement("div", {
|
|
9
|
+
className: "text-muted-foreground mr-0.5"
|
|
10
|
+
}, renderDynamicIcon({
|
|
11
|
+
name: icon,
|
|
12
|
+
style: {
|
|
13
|
+
iconColor: iconColor,
|
|
14
|
+
w: '20px',
|
|
15
|
+
h: '20px'
|
|
16
|
+
}
|
|
17
|
+
})), React.createElement("span", null, label));
|
|
18
|
+
};export{VehicleFeature as default};//# sourceMappingURL=VehicleFeature.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VehicleFeature.js","sources":["../../../src/components/VehicleCard/VehicleFeature.tsx"],"sourcesContent":[null],"names":[],"mappings":"sHAQA,MAAM,cAAc,GAA+B,CAAC;AAChD,EAAA,IAAA;AAEQ,EAAA,KAAA;AAEQ,EAAA,SAAA,GAAA;AACA,CAAA,KAAA;AACI,EAAA,OAAA,KAAA,CAAA,aAAW,CAAA,KAAA,EAAS;AACpB,IAAA,SAAA,EAAA;AACA,GAAA,EAAA,KAAA,CAAA,aAAG,CAAM,KAAA,EAAA;AACZ,IAAA,SAAA,EAAA;AACJ,GAAA,EAAA,iBACC,CAAA;AACN,IAAA,IAAA,EAAA,IAAA;AAGZ,IAAE,KAAA,EAAA;AAEF,MAAA,SAAe;;;;;"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
export interface CarBags {
|
|
2
|
+
count: number;
|
|
3
|
+
size?: string;
|
|
4
|
+
}
|
|
5
|
+
export interface RentalCompany {
|
|
6
|
+
name: string;
|
|
7
|
+
logo?: string;
|
|
8
|
+
rating?: number;
|
|
9
|
+
reviewCount?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface PickupInfo {
|
|
12
|
+
location: string;
|
|
13
|
+
description?: string;
|
|
14
|
+
freePickup?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export interface CarPricing {
|
|
17
|
+
currency: string;
|
|
18
|
+
amount: number | string;
|
|
19
|
+
originalPrice?: string;
|
|
20
|
+
discount?: string;
|
|
21
|
+
period?: string;
|
|
22
|
+
beforeTaxes?: boolean;
|
|
23
|
+
freeCancel?: boolean;
|
|
24
|
+
deals?: number;
|
|
25
|
+
}
|
|
26
|
+
export interface CarActions {
|
|
27
|
+
showInfo?: boolean;
|
|
28
|
+
showEmail?: boolean;
|
|
29
|
+
}
|
|
30
|
+
export interface Car {
|
|
31
|
+
id: string;
|
|
32
|
+
make: string;
|
|
33
|
+
model: string;
|
|
34
|
+
image?: string;
|
|
35
|
+
subtitle?: string;
|
|
36
|
+
tags?: string[];
|
|
37
|
+
isNewListing?: boolean;
|
|
38
|
+
isFavorite?: boolean;
|
|
39
|
+
rating?: number;
|
|
40
|
+
reviews?: string;
|
|
41
|
+
hostStatus?: string;
|
|
42
|
+
location?: string;
|
|
43
|
+
hasAC?: boolean;
|
|
44
|
+
transmission?: string;
|
|
45
|
+
seats?: number;
|
|
46
|
+
bags?: CarBags;
|
|
47
|
+
mileage?: string;
|
|
48
|
+
rentalCompany?: RentalCompany;
|
|
49
|
+
pickupInfo?: PickupInfo;
|
|
50
|
+
pricing?: CarPricing;
|
|
51
|
+
actions?: CarActions;
|
|
52
|
+
source?: string;
|
|
53
|
+
}
|
|
54
|
+
export interface CarCardProps {
|
|
55
|
+
car: Car;
|
|
56
|
+
onFavorite?: (id: string) => void;
|
|
57
|
+
onViewDeal?: (id: string) => void;
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/VehicleCard/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,GAAG;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IACzB,GAAG,EAAE,GAAG,CAAC;IACT,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type VehicleCardProps = {
|
|
3
|
+
item?: any;
|
|
4
|
+
isSaved?: boolean;
|
|
5
|
+
setFocus?: (index: number) => void;
|
|
6
|
+
setBlur?: (index: number) => void;
|
|
7
|
+
handleLike?: (index: number) => void;
|
|
8
|
+
likeBtnLoading?: boolean;
|
|
9
|
+
categoryTypes?: any[];
|
|
10
|
+
authenticated?: boolean;
|
|
11
|
+
extraIcons?: any[];
|
|
12
|
+
};
|
|
13
|
+
declare const VehicleCard: React.FC<VehicleCardProps>;
|
|
14
|
+
export default VehicleCard;
|
|
15
|
+
//# sourceMappingURL=VehicleCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VehicleCard.d.ts","sourceRoot":"","sources":["../../src/components/VehicleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqC1B,KAAK,gBAAgB,GAAG;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsK3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import React,{useMemo}from'react';import {AiFillHeart}from'@react-icons/all-files/ai/AiFillHeart.js';import {AiFillStar}from'@react-icons/all-files/ai/AiFillStar.js';import {AiOutlineHeart}from'@react-icons/all-files/ai/AiOutlineHeart.js';import {FaAward}from'@react-icons/all-files/fa/FaAward.js';import {FaShieldAlt}from'@react-icons/all-files/fa/FaShieldAlt.js';import {FiMapPin}from'@react-icons/all-files/fi/FiMapPin.js';import {Button}from'@admin-layout/tailwind-ui/lib/shardui/button';import VehicleFeature from'./VehicleCard/VehicleFeature.js';import PricePopover from'./VehicleCard/PricePopover.js';const startCase = str => {
|
|
2
|
+
return str.toLowerCase().split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
|
|
3
|
+
};
|
|
4
|
+
const seatWordToNumber = word => {
|
|
5
|
+
const map = {
|
|
6
|
+
ONE: 1,
|
|
7
|
+
TWO: 2,
|
|
8
|
+
THREE: 3,
|
|
9
|
+
FOUR: 4,
|
|
10
|
+
FIVE: 5,
|
|
11
|
+
SIX: 6,
|
|
12
|
+
SEVEN: 7,
|
|
13
|
+
EIGHT: 8,
|
|
14
|
+
NINE: 9,
|
|
15
|
+
TEN: 10
|
|
16
|
+
};
|
|
17
|
+
return map[word.toUpperCase()] || word;
|
|
18
|
+
};
|
|
19
|
+
const VehicleCard = ({
|
|
20
|
+
item,
|
|
21
|
+
isSaved,
|
|
22
|
+
setFocus,
|
|
23
|
+
setBlur,
|
|
24
|
+
handleLike,
|
|
25
|
+
likeBtnLoading,
|
|
26
|
+
categoryTypes,
|
|
27
|
+
authenticated,
|
|
28
|
+
extraIcons = []
|
|
29
|
+
}) => {
|
|
30
|
+
useMemo(() => categoryTypes?.filter(type => item?.types?.includes(type.id)), [item, categoryTypes]);
|
|
31
|
+
return React.createElement("div", {
|
|
32
|
+
className: "bg-card text-card-foreground rounded-themed overflow-hidden border border-border sm:h-[250px] themed-card",
|
|
33
|
+
onMouseEnter: () => setFocus(item.id),
|
|
34
|
+
onMouseLeave: () => setBlur(item.id)
|
|
35
|
+
}, React.createElement("div", {
|
|
36
|
+
className: "flex flex-col sm:flex-row sm:h-full"
|
|
37
|
+
}, React.createElement("div", {
|
|
38
|
+
className: "relative w-full sm:w-[240px] h-[200px] sm:h-full flex-shrink-0"
|
|
39
|
+
}, item.thumbnail?.url && React.createElement("img", {
|
|
40
|
+
src: item.thumbnail.url,
|
|
41
|
+
alt: item.title,
|
|
42
|
+
className: "w-full h-full object-contain bg-muted p-2"
|
|
43
|
+
}), React.createElement("button", {
|
|
44
|
+
onClick: () => handleLike?.(item.id),
|
|
45
|
+
className: "absolute top-2 right-2 p-1.5 bg-background/90 backdrop-blur-sm rounded-full hover:bg-background transition-colors duration-200"
|
|
46
|
+
}, item.isUserLike ? React.createElement(AiFillHeart, {
|
|
47
|
+
className: "h-4 w-4 text-error"
|
|
48
|
+
}) : React.createElement(AiOutlineHeart, {
|
|
49
|
+
className: "h-4 w-4 text-muted-foreground"
|
|
50
|
+
}))), React.createElement("div", {
|
|
51
|
+
className: "flex-1 p-4 flex flex-col"
|
|
52
|
+
}, React.createElement("div", null, React.createElement("div", {
|
|
53
|
+
className: "flex items-start justify-between gap-2 mb-2"
|
|
54
|
+
}, React.createElement("h2", {
|
|
55
|
+
className: "text-base font-semibold text-foreground truncate"
|
|
56
|
+
}, item.title), item.stats?.averageRating && React.createElement("div", {
|
|
57
|
+
className: "flex items-center shrink-0"
|
|
58
|
+
}, React.createElement("span", {
|
|
59
|
+
className: "font-semibold text-foreground"
|
|
60
|
+
}, item.stats.averageRating), React.createElement(AiFillStar, {
|
|
61
|
+
className: "h-3.5 w-3.5 text-warning ml-0.5"
|
|
62
|
+
}), item.stats?.totalReviews && React.createElement("span", {
|
|
63
|
+
className: "text-xs text-muted-foreground ml-1"
|
|
64
|
+
}, "(", item.stats.totalReviews, ")"))), React.createElement("div", {
|
|
65
|
+
className: "flex flex-wrap items-center gap-2 text-xs mb-2"
|
|
66
|
+
}, item.orgName && React.createElement("span", {
|
|
67
|
+
className: "text-accent flex items-center"
|
|
68
|
+
}, React.createElement(FaAward, {
|
|
69
|
+
className: "h-3.5 w-3.5 mr-0.5"
|
|
70
|
+
}), item.orgName), item.preferences?.details?.freeCancellation && React.createElement("span", {
|
|
71
|
+
className: "text-success flex items-center"
|
|
72
|
+
}, React.createElement(FaShieldAlt, {
|
|
73
|
+
className: "h-3.5 w-3.5 mr-0.5"
|
|
74
|
+
}), "Free cancellation")), item.address?.description && React.createElement("div", {
|
|
75
|
+
className: "flex items-center text-xs text-muted-foreground mb-3"
|
|
76
|
+
}, React.createElement(FiMapPin, {
|
|
77
|
+
className: "h-3.5 w-3.5 mr-0.5 flex-shrink-0"
|
|
78
|
+
}), React.createElement("span", {
|
|
79
|
+
className: "truncate"
|
|
80
|
+
}, item.address.description))), React.createElement("div", {
|
|
81
|
+
className: "flex flex-wrap gap-1.5 mb-4"
|
|
82
|
+
}, Object.entries(item.preferences?.details?.metadata || {}).map(([key, value]) => {
|
|
83
|
+
// Skip non-feature metadata
|
|
84
|
+
if (key === '__typename' || key === 'suitcases') return null;
|
|
85
|
+
const feature = value;
|
|
86
|
+
if (!feature.enable) return null;
|
|
87
|
+
let label = '';
|
|
88
|
+
switch (key) {
|
|
89
|
+
case 'aircon':
|
|
90
|
+
label = 'AC';
|
|
91
|
+
break;
|
|
92
|
+
case 'seats':
|
|
93
|
+
label = `${seatWordToNumber(item.preferences.details.seats.replace('_SEATER', ''))} Seats`;
|
|
94
|
+
break;
|
|
95
|
+
case 'suitcases':
|
|
96
|
+
const small = value.small?.value || 0;
|
|
97
|
+
const big = value.big?.value || 0;
|
|
98
|
+
label = `${small + big} Bags`;
|
|
99
|
+
break;
|
|
100
|
+
case 'unlimitedMileage':
|
|
101
|
+
label = startCase(item.mileage);
|
|
102
|
+
break;
|
|
103
|
+
default:
|
|
104
|
+
label = startCase(key);
|
|
105
|
+
}
|
|
106
|
+
return React.createElement(VehicleFeature, {
|
|
107
|
+
key: key,
|
|
108
|
+
icon: feature.icon,
|
|
109
|
+
label: label
|
|
110
|
+
});
|
|
111
|
+
})), React.createElement("div", {
|
|
112
|
+
className: "mt-auto"
|
|
113
|
+
}, React.createElement("div", {
|
|
114
|
+
className: "flex items-end justify-between"
|
|
115
|
+
}, React.createElement("div", {
|
|
116
|
+
className: "relative group"
|
|
117
|
+
}, item.pricingInfo && React.createElement(React.Fragment, null, React.createElement("div", {
|
|
118
|
+
className: "space-y-0.5"
|
|
119
|
+
}, React.createElement("div", {
|
|
120
|
+
className: "flex items-baseline"
|
|
121
|
+
}, React.createElement("span", {
|
|
122
|
+
className: "text-lg font-bold text-foreground"
|
|
123
|
+
}, item.pricingInfo.currency, item.pricingInfo.basePrice), React.createElement("span", {
|
|
124
|
+
className: "text-muted-foreground text-xs ml-1"
|
|
125
|
+
}, "total"))), React.createElement(PricePopover, {
|
|
126
|
+
pricing: {
|
|
127
|
+
freeCancel: item.preferences?.details?.freeCancellation,
|
|
128
|
+
currency: item.pricingInfo.currency,
|
|
129
|
+
amount: item.pricingInfo.basePrice,
|
|
130
|
+
period: 'total'
|
|
131
|
+
}
|
|
132
|
+
})), item.__typename && React.createElement("span", {
|
|
133
|
+
className: "text-xs text-muted-foreground block mt-1"
|
|
134
|
+
}, "via ", item.__typename.replace('Vehicle', ''))), React.createElement(Button, {
|
|
135
|
+
onClick: () => {},
|
|
136
|
+
className: "themed-button"
|
|
137
|
+
}, "View deal"))))));
|
|
138
|
+
};export{VehicleCard as default};//# sourceMappingURL=VehicleCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VehicleCard.js","sources":["../../src/components/VehicleCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type VehicleCardListProps = {
|
|
3
|
+
cars?: any[];
|
|
4
|
+
setFocus: (index: number) => void;
|
|
5
|
+
setBlur: (index: number) => void;
|
|
6
|
+
handleLike: (index: number) => void;
|
|
7
|
+
likeBtnLoading: boolean;
|
|
8
|
+
vehicleTypes: any[];
|
|
9
|
+
extraIcons?: any;
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const VehicleCardList: React.FC<VehicleCardListProps>;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=VehicleCardList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VehicleCardList.d.ts","sourceRoot":"","sources":["../../src/components/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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from'react';import {useTranslation}from'react-i18next';import {isEmpty}from'lodash-es';import {isUserAuthenticated}from'@adminide-stack/user-auth0-client';import VehicleCard from'./VehicleCard.js';const VehicleCardList = props => {
|
|
2
|
+
const {
|
|
3
|
+
setBlur,
|
|
4
|
+
setFocus,
|
|
5
|
+
cars,
|
|
6
|
+
handleLike,
|
|
7
|
+
likeBtnLoading,
|
|
8
|
+
vehicleTypes,
|
|
9
|
+
extraIcons,
|
|
10
|
+
className = ''
|
|
11
|
+
} = props;
|
|
12
|
+
const {
|
|
13
|
+
t
|
|
14
|
+
} = useTranslation();
|
|
15
|
+
const {
|
|
16
|
+
authenticated
|
|
17
|
+
} = isUserAuthenticated();
|
|
18
|
+
if (isEmpty(cars)) {
|
|
19
|
+
return React.createElement("div", {
|
|
20
|
+
className: "text-base text-foreground"
|
|
21
|
+
}, t('property.not_found_any_room'));
|
|
22
|
+
}
|
|
23
|
+
return React.createElement("div", {
|
|
24
|
+
className: "flex flex-wrap gap-4 flex-col"
|
|
25
|
+
}, cars.map((car, index) => React.createElement(VehicleCard, {
|
|
26
|
+
key: car.id,
|
|
27
|
+
item: car,
|
|
28
|
+
isSaved: false,
|
|
29
|
+
setFocus: () => setFocus(index),
|
|
30
|
+
setBlur: setBlur,
|
|
31
|
+
handleLike: handleLike,
|
|
32
|
+
likeBtnLoading: likeBtnLoading,
|
|
33
|
+
categoryTypes: vehicleTypes,
|
|
34
|
+
authenticated: authenticated,
|
|
35
|
+
extraIcons: extraIcons
|
|
36
|
+
})));
|
|
37
|
+
};export{VehicleCardList};//# sourceMappingURL=VehicleCardList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VehicleCardList.js","sources":["../../src/components/VehicleCardList.tsx"],"sourcesContent":[null],"names":[],"mappings":"kNAiBO,MAAM,eAAe,GAAmC,KAAC,IAAO;QACnE;AACA,IAAA;AACA,IAAA,QAAQ;AAER,IAAA,IAAI;cACA;IACJ,cAAC;AACD,IAAA,YACI;AAiBR,IAAE,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import React, { MutableRefObject } from 'react';
|
|
2
|
+
import { GraphQLError } from 'graphql';
|
|
3
|
+
interface IProperty {
|
|
4
|
+
id: string;
|
|
5
|
+
title: string;
|
|
6
|
+
types: string[];
|
|
7
|
+
name: string;
|
|
8
|
+
description?: string;
|
|
9
|
+
introduction?: string;
|
|
10
|
+
address: any;
|
|
11
|
+
location: string;
|
|
12
|
+
images: any;
|
|
13
|
+
thumbnailUrl?: string;
|
|
14
|
+
thumbnailAlt?: string;
|
|
15
|
+
verificationDocuments?: any;
|
|
16
|
+
info?: any;
|
|
17
|
+
user: any;
|
|
18
|
+
status?: any;
|
|
19
|
+
errors?: any;
|
|
20
|
+
preferences?: any;
|
|
21
|
+
orgName?: string;
|
|
22
|
+
serviceConfiguration?: any;
|
|
23
|
+
totalReview?: number;
|
|
24
|
+
totalStar?: number;
|
|
25
|
+
reviews?: any;
|
|
26
|
+
comments?: any;
|
|
27
|
+
userLikes?: any;
|
|
28
|
+
calendarEvents?: any[];
|
|
29
|
+
isUserLike?: boolean;
|
|
30
|
+
formattedPrice?: number;
|
|
31
|
+
timeZone: string;
|
|
32
|
+
createdAt: any;
|
|
33
|
+
updatedAt?: any;
|
|
34
|
+
stats?: any;
|
|
35
|
+
guideBookId?: string;
|
|
36
|
+
guestSharing?: any;
|
|
37
|
+
}
|
|
38
|
+
interface IAirbnbProperty {
|
|
39
|
+
id: string;
|
|
40
|
+
title: string;
|
|
41
|
+
types: string[];
|
|
42
|
+
name: string;
|
|
43
|
+
description?: string;
|
|
44
|
+
introduction?: string;
|
|
45
|
+
address: any;
|
|
46
|
+
location: string;
|
|
47
|
+
images: any;
|
|
48
|
+
thumbnailUrl?: string;
|
|
49
|
+
thumbnailAlt?: string;
|
|
50
|
+
verificationDocuments?: any;
|
|
51
|
+
info?: any;
|
|
52
|
+
user: any;
|
|
53
|
+
status?: any;
|
|
54
|
+
errors?: any;
|
|
55
|
+
preferences?: any;
|
|
56
|
+
orgName?: string;
|
|
57
|
+
serviceConfiguration?: any;
|
|
58
|
+
totalReview?: number;
|
|
59
|
+
totalStar?: number;
|
|
60
|
+
reviews?: any;
|
|
61
|
+
comments?: any;
|
|
62
|
+
userLikes?: any;
|
|
63
|
+
calendarEvents?: any[];
|
|
64
|
+
isUserLike?: boolean;
|
|
65
|
+
formattedPrice?: number;
|
|
66
|
+
timeZone: string;
|
|
67
|
+
createdAt: any;
|
|
68
|
+
updatedAt?: any;
|
|
69
|
+
stats?: any;
|
|
70
|
+
guideBookId?: string;
|
|
71
|
+
guestSharing?: any;
|
|
72
|
+
}
|
|
73
|
+
interface IParamSearchResultContainer {
|
|
74
|
+
data: IProperty[] | IAirbnbProperty[];
|
|
75
|
+
error: GraphQLError | Error;
|
|
76
|
+
listInnerRef: MutableRefObject<HTMLDivElement>;
|
|
77
|
+
handleSetFocus?: (index: number) => void;
|
|
78
|
+
handleRemoveFocus?: (index: number) => void;
|
|
79
|
+
handleLike?: (index: number) => void;
|
|
80
|
+
extraIcons?: any[];
|
|
81
|
+
currentPage: number;
|
|
82
|
+
totalPages: number;
|
|
83
|
+
totalPropertiesCount: number;
|
|
84
|
+
onPageChange: (page: number) => void;
|
|
85
|
+
likeBtnLoading?: boolean;
|
|
86
|
+
propertyTypes?: any[];
|
|
87
|
+
}
|
|
88
|
+
export declare const ParamSearchResultContainer: (props: IParamSearchResultContainer) => React.JSX.Element;
|
|
89
|
+
export {};
|
|
90
|
+
//# sourceMappingURL=VehicleParamSearchResultContainer.d.ts.map
|