@admin-layout/tailwind-travel-pro 12.2.1-alpha.4 → 12.2.3-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/lib/components/CardList.js +22 -20
- package/lib/components/CardList.js.map +1 -1
- package/lib/components/CategoriesTypeList.d.ts +1 -2
- package/lib/components/CategoriesTypeList.d.ts.map +1 -1
- package/lib/components/CategoriesTypeList.js +51 -46
- package/lib/components/CategoriesTypeList.js.map +1 -1
- package/lib/components/LazyLoadingGoogleMarker.js +18 -15
- package/lib/components/LazyLoadingGoogleMarker.js.map +1 -1
- package/lib/components/Pagination.d.ts +1 -2
- package/lib/components/Pagination.d.ts.map +1 -1
- package/lib/components/Pagination.js +16 -15
- package/lib/components/Pagination.js.map +1 -1
- package/lib/components/ParamSearchResultContainer.d.ts +1 -1
- package/lib/components/ParamSearchResultContainer.d.ts.map +1 -1
- package/lib/components/ParamSearchResultContainer.js +26 -21
- package/lib/components/ParamSearchResultContainer.js.map +1 -1
- package/lib/components/PropertyCard.d.ts +1 -1
- package/lib/components/PropertyCard.d.ts.map +1 -1
- package/lib/components/PropertyCard.js +263 -198
- package/lib/components/PropertyCard.js.map +1 -1
- package/lib/components/PropertyCardOnMap.d.ts +1 -2
- package/lib/components/PropertyCardOnMap.d.ts.map +1 -1
- package/lib/components/PropertyCardOnMap.js +85 -67
- package/lib/components/PropertyCardOnMap.js.map +1 -1
- package/lib/components/VehicleCard/PricePopover.js +58 -39
- package/lib/components/VehicleCard/PricePopover.js.map +1 -1
- package/lib/components/VehicleCard/VehicleFeature.js +17 -13
- package/lib/components/VehicleCard/VehicleFeature.js.map +1 -1
- package/lib/components/VehicleCard.js +134 -106
- package/lib/components/VehicleCard.js.map +1 -1
- package/lib/components/VehicleCardList.js +19 -18
- package/lib/components/VehicleCardList.js.map +1 -1
- package/lib/components/VehicleParamSearchResultContainer.d.ts +2 -2
- package/lib/components/VehicleParamSearchResultContainer.d.ts.map +1 -1
- package/lib/components/icons/LocationIcon.d.ts +1 -2
- package/lib/components/icons/LocationIcon.d.ts.map +1 -1
- package/lib/components/icons/LocationIcon.js +8 -7
- package/lib/components/icons/LocationIcon.js.map +1 -1
- package/lib/index.js +1 -1
- package/package.json +5 -5
|
@@ -1,4 +1,4 @@
|
|
|
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/
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';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/shardui/carousel.js';import {useLayoutSettings}from'@admin-layout/client';const PropertyCardOnMap = ({
|
|
2
2
|
room,
|
|
3
3
|
isSaved,
|
|
4
4
|
carouselOptions = {},
|
|
@@ -44,70 +44,88 @@ import React,{useMemo,useState,useEffect}from'react';import {useTranslation}from
|
|
|
44
44
|
};
|
|
45
45
|
}, [carouselApi]);
|
|
46
46
|
// const { color, grayColor } = useColorTheme();
|
|
47
|
-
return
|
|
48
|
-
className: `flex flex-col flex-wrap mt-4 ${className}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
47
|
+
return jsxs("div", {
|
|
48
|
+
className: `flex flex-col flex-wrap mt-4 ${className}`,
|
|
49
|
+
children: [jsx("div", {
|
|
50
|
+
className: "w-full",
|
|
51
|
+
children: jsxs(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
|
+
children: [jsxs(CarouselContent, {
|
|
61
|
+
children: [images && images.length == 0 && jsx(CarouselItem, {
|
|
62
|
+
children: jsx("div", {
|
|
63
|
+
className: "w-[280px] h-[200px]",
|
|
64
|
+
children: jsx("img", {
|
|
65
|
+
src: room.thumbnailUrl,
|
|
66
|
+
className: "w-[280px] h-[200px] object-cover cursor-pointer transition-all duration-500 hover:brightness-50",
|
|
67
|
+
loading: "lazy",
|
|
68
|
+
alt: room.title || 'Property'
|
|
69
|
+
})
|
|
70
|
+
})
|
|
71
|
+
}), images.map((image, i) => {
|
|
72
|
+
return jsx(CarouselItem, {
|
|
73
|
+
children: jsx(Link, {
|
|
74
|
+
to: '/property/' + room.id,
|
|
75
|
+
className: "w-full",
|
|
76
|
+
children: jsx("div", {
|
|
77
|
+
className: "w-[280px] h-[200px]",
|
|
78
|
+
children: jsx("img", {
|
|
79
|
+
src: image.src,
|
|
80
|
+
className: "w-[280px] h-[200px] object-cover cursor-pointer transition-all duration-500 hover:brightness-50",
|
|
81
|
+
loading: "lazy",
|
|
82
|
+
alt: room.title || 'Property'
|
|
83
|
+
})
|
|
84
|
+
})
|
|
85
|
+
})
|
|
86
|
+
}, 'sliderImage1_' + i);
|
|
87
|
+
})]
|
|
88
|
+
}), jsx(CarouselPrevious, {
|
|
89
|
+
className: "absolute left-2 top-1/2 -translate-y-1/2 bg-background hover:bg-muted"
|
|
90
|
+
}), jsx(CarouselNext, {
|
|
91
|
+
className: "absolute right-2 top-1/2 -translate-y-1/2 bg-background hover:bg-muted"
|
|
92
|
+
})]
|
|
93
|
+
})
|
|
94
|
+
}), jsxs("div", {
|
|
95
|
+
className: "w-full flex flex-col mt-2",
|
|
96
|
+
children: [jsx("div", {
|
|
97
|
+
className: "font-semibold text-sm",
|
|
98
|
+
style: {
|
|
99
|
+
color: settings?.primaryColor
|
|
100
|
+
},
|
|
101
|
+
children: room?.title
|
|
102
|
+
}), jsxs("div", {
|
|
103
|
+
className: "flex flex-row justify-between",
|
|
104
|
+
children: [jsxs("div", {
|
|
105
|
+
className: "flex flex-col",
|
|
106
|
+
children: [jsx("div", {
|
|
107
|
+
className: "mt-1 flex text-[9px] font-semibold",
|
|
108
|
+
style: {
|
|
109
|
+
color: settings?.primaryColor
|
|
110
|
+
},
|
|
111
|
+
children: room?.address && room?.address.city && room?.address.city.state ? room?.address.city.name + ', ' + room?.address.city.state.name : ''
|
|
112
|
+
}), jsxs("div", {
|
|
113
|
+
className: "flex items-center",
|
|
114
|
+
children: [jsx(BsStarFill, {
|
|
115
|
+
className: "text-yellow-500 w-3 h-3 mr-1"
|
|
116
|
+
}), jsxs("span", {
|
|
117
|
+
className: "text-[0.832rem] font-bold",
|
|
118
|
+
style: {
|
|
119
|
+
color: settings?.secondaryColor
|
|
120
|
+
},
|
|
121
|
+
children: [room?.reviewsOverview ? room.reviewsOverview.rating : 0, " (", room.reviewsOverview ? room.reviewsOverview.ratingCount : 0, " ", t('property.reviews'), ")"]
|
|
122
|
+
})]
|
|
123
|
+
})]
|
|
124
|
+
}), jsx("div", {
|
|
125
|
+
className: "text-lg font-bold mt-auto mb-[-2px]",
|
|
126
|
+
children: room.preferences?.property?.pricing?.price?.price_breakdown?.details?.pricing?.finalPrice?.total
|
|
127
|
+
})]
|
|
128
|
+
})]
|
|
129
|
+
})]
|
|
130
|
+
});
|
|
113
131
|
};export{PropertyCardOnMap};//# sourceMappingURL=PropertyCardOnMap.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropertyCardOnMap.js","sources":["../../src/components/PropertyCardOnMap.tsx"],"sourcesContent":[null],"names":[
|
|
1
|
+
{"version":3,"file":"PropertyCardOnMap.js","sources":["../../src/components/PropertyCardOnMap.tsx"],"sourcesContent":[null],"names":[],"mappings":"yaAyBa,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;MAEA,CAAA,MACI;AAMgB;AACA,QAAA,WAAA,CAAA,UAAM,EAAA;AACN,MAAA;AACH,IAAA,CAAA;uCAiBO,CAAA,QACI,EAAC;AAaT,IAAA,eAAA,CAAA,gBAAE,CAAA,SAEL,WAAA,EAAA;AAYW,MAAA,OAAA,EAAA;;AAcA,IAAA,OAAA,MAAA;AAOhC,MAAE,eAAA,CAAA,mBAAA,CAAA,OAAA,EAAA,WAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {BiTag}from'@react-icons/all-files/bi/BiTag.js';const PricePopover = ({
|
|
2
2
|
pricing
|
|
3
3
|
}) => {
|
|
4
4
|
const [position, setPosition] = useState({
|
|
@@ -38,42 +38,61 @@ import React,{useState,useRef,useEffect}from'react';import {BiTag}from'@react-ic
|
|
|
38
38
|
window.removeEventListener('resize', updatePosition);
|
|
39
39
|
};
|
|
40
40
|
}, []);
|
|
41
|
-
return
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
41
|
+
return jsxs(Fragment, {
|
|
42
|
+
children: [jsx("div", {
|
|
43
|
+
ref: triggerRef,
|
|
44
|
+
className: "absolute inset-0"
|
|
45
|
+
}), jsx("div", {
|
|
46
|
+
ref: popoverRef,
|
|
47
|
+
style: {
|
|
48
|
+
top: position.top,
|
|
49
|
+
left: position.left,
|
|
50
|
+
position: 'fixed'
|
|
51
|
+
},
|
|
52
|
+
className: "invisible group-hover:visible opacity-0 group-hover:opacity-100 transition-all duration-200 themed-dropdown p-4 min-w-[280px] z-50",
|
|
53
|
+
children: jsxs("div", {
|
|
54
|
+
className: "flex flex-col gap-3",
|
|
55
|
+
children: [jsxs("div", {
|
|
56
|
+
className: "flex items-center justify-between text-[15px]",
|
|
57
|
+
children: [jsx("span", {
|
|
58
|
+
className: "text-muted-foreground",
|
|
59
|
+
children: "Base rate"
|
|
60
|
+
}), jsxs("span", {
|
|
61
|
+
className: "font-medium text-foreground",
|
|
62
|
+
children: [pricing.currency, " ", pricing.amount]
|
|
63
|
+
})]
|
|
64
|
+
}), pricing.discount && jsxs("div", {
|
|
65
|
+
className: "flex items-center justify-between text-success",
|
|
66
|
+
children: [jsxs("div", {
|
|
67
|
+
className: "flex items-center",
|
|
68
|
+
children: [jsx(BiTag, {
|
|
69
|
+
className: "h-4 w-4 mr-1"
|
|
70
|
+
}), jsx("span", {
|
|
71
|
+
children: "Discount"
|
|
72
|
+
})]
|
|
73
|
+
}), jsxs("span", {
|
|
74
|
+
children: ["-", pricing.discount]
|
|
75
|
+
})]
|
|
76
|
+
}), jsx("div", {
|
|
77
|
+
className: "border-t border-border mt-1 pt-3",
|
|
78
|
+
children: jsxs("div", {
|
|
79
|
+
className: "flex items-center justify-between",
|
|
80
|
+
children: [jsxs("span", {
|
|
81
|
+
className: "font-medium text-[15px] text-foreground",
|
|
82
|
+
children: ["Total ", pricing.period && `(${pricing.period})`]
|
|
83
|
+
}), jsxs("div", {
|
|
84
|
+
className: "text-right",
|
|
85
|
+
children: [jsxs("span", {
|
|
86
|
+
className: "text-xl font-semibold text-foreground",
|
|
87
|
+
children: [pricing.currency, " ", pricing.amount]
|
|
88
|
+
}), pricing.beforeTaxes && jsx("div", {
|
|
89
|
+
className: "text-sm text-muted-foreground",
|
|
90
|
+
children: "before taxes"
|
|
91
|
+
})]
|
|
92
|
+
})]
|
|
93
|
+
})
|
|
94
|
+
})]
|
|
95
|
+
})
|
|
96
|
+
})]
|
|
97
|
+
});
|
|
79
98
|
};export{PricePopover as default};//# sourceMappingURL=PricePopover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PricePopover.js","sources":["../../../src/components/VehicleCard/PricePopover.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PricePopover.js","sources":["../../../src/components/VehicleCard/PricePopover.tsx"],"sourcesContent":[null],"names":[],"mappings":"uJAQA,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,cACI,CAAA;2BAIa,CAAA,QAAS,EAAG,cAAA,CAAA;;AAEjB,MAAA,MAAA,CAAA,mBAAU,CAAA,QAAO,EAAA,cAAA,CAAA;AACpB,MAAA,MAAA,CAAA,mBACS,CAAA,QAAA,EAAA,cAAA,CAAA;AAuC1B,IAAE,CAAA;AAEF,EAAA,CAAA,EAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,18 +1,22 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {renderDynamicIcon}from'@admin-layout/tailwind-design-pro/lib/helpers/DynamicIcon.js';const VehicleFeature = ({
|
|
2
2
|
icon,
|
|
3
3
|
label,
|
|
4
4
|
iconColor = '#6B7280'
|
|
5
5
|
}) => {
|
|
6
|
-
return
|
|
7
|
-
className: "flex items-center bg-muted px-1.5 py-0.5 rounded-themed text-[11px] text-muted-foreground"
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
6
|
+
return jsxs("div", {
|
|
7
|
+
className: "flex items-center bg-muted px-1.5 py-0.5 rounded-themed text-[11px] text-muted-foreground",
|
|
8
|
+
children: [jsx("div", {
|
|
9
|
+
className: "text-muted-foreground mr-0.5",
|
|
10
|
+
children: renderDynamicIcon({
|
|
11
|
+
name: icon,
|
|
12
|
+
style: {
|
|
13
|
+
iconColor: iconColor,
|
|
14
|
+
w: '20px',
|
|
15
|
+
h: '20px'
|
|
16
|
+
}
|
|
17
|
+
})
|
|
18
|
+
}), jsx("span", {
|
|
19
|
+
children: label
|
|
20
|
+
})]
|
|
21
|
+
});
|
|
18
22
|
};export{VehicleFeature as default};//# sourceMappingURL=VehicleFeature.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VehicleFeature.js","sources":["../../../src/components/VehicleCard/VehicleFeature.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VehicleFeature.js","sources":["../../../src/components/VehicleCard/VehicleFeature.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"sIAQA,MAAM,cAAc,GAA+B,CAAC;AAChD,EAAA,IAAA;AAIgB,EAAA,KAAA;AACA,EAAA,SAAA,GAAA;AACI,CAAA,KAAA;AACA,EAAA,OAAAA,IAAA,CAAA,KAAA,EAAA;AACA,IAAA,SAAA,EAAA,2FAAS;AACZ,IAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AACJ,MAAA,SAAA,EAAA,8BAEL;AAGZ,MAAE,QAAA,EAAA,iBAAA,CAAA;AAEF,QAAA,IAAA,EAAA;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';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/shardui/button.js';import VehicleFeature from'./VehicleCard/VehicleFeature.js';import PricePopover from'./VehicleCard/PricePopover.js';import {useMemo}from'react';const startCase = str => {
|
|
2
2
|
return str.toLowerCase().split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
|
|
3
3
|
};
|
|
4
4
|
const seatWordToNumber = word => {
|
|
@@ -28,111 +28,139 @@ const VehicleCard = ({
|
|
|
28
28
|
extraIcons = []
|
|
29
29
|
}) => {
|
|
30
30
|
useMemo(() => categoryTypes?.filter(type => item?.types?.includes(type.id)), [item, categoryTypes]);
|
|
31
|
-
return
|
|
31
|
+
return jsx("div", {
|
|
32
32
|
className: "bg-card text-card-foreground rounded-themed overflow-hidden border border-border sm:h-[250px] themed-card",
|
|
33
33
|
onMouseEnter: () => setFocus(item.id),
|
|
34
|
-
onMouseLeave: () => setBlur(item.id)
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
34
|
+
onMouseLeave: () => setBlur(item.id),
|
|
35
|
+
children: jsxs("div", {
|
|
36
|
+
className: "flex flex-col sm:flex-row sm:h-full",
|
|
37
|
+
children: [jsxs("div", {
|
|
38
|
+
className: "relative w-full sm:w-[240px] h-[200px] sm:h-full flex-shrink-0",
|
|
39
|
+
children: [item.thumbnail?.url && jsx("img", {
|
|
40
|
+
src: item.thumbnail.url,
|
|
41
|
+
alt: item.title,
|
|
42
|
+
className: "w-full h-full object-contain bg-muted p-2"
|
|
43
|
+
}), jsx("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
|
+
children: item.isUserLike ? jsx(AiFillHeart, {
|
|
47
|
+
className: "h-4 w-4 text-error"
|
|
48
|
+
}) : jsx(AiOutlineHeart, {
|
|
49
|
+
className: "h-4 w-4 text-muted-foreground"
|
|
50
|
+
})
|
|
51
|
+
})]
|
|
52
|
+
}), jsxs("div", {
|
|
53
|
+
className: "flex-1 p-4 flex flex-col",
|
|
54
|
+
children: [jsxs("div", {
|
|
55
|
+
children: [jsxs("div", {
|
|
56
|
+
className: "flex items-start justify-between gap-2 mb-2",
|
|
57
|
+
children: [jsx("h2", {
|
|
58
|
+
className: "text-base font-semibold text-foreground truncate",
|
|
59
|
+
children: item.title
|
|
60
|
+
}), item.stats?.averageRating && jsxs("div", {
|
|
61
|
+
className: "flex items-center shrink-0",
|
|
62
|
+
children: [jsx("span", {
|
|
63
|
+
className: "font-semibold text-foreground",
|
|
64
|
+
children: item.stats.averageRating
|
|
65
|
+
}), jsx(AiFillStar, {
|
|
66
|
+
className: "h-3.5 w-3.5 text-warning ml-0.5"
|
|
67
|
+
}), item.stats?.totalReviews && jsxs("span", {
|
|
68
|
+
className: "text-xs text-muted-foreground ml-1",
|
|
69
|
+
children: ["(", item.stats.totalReviews, ")"]
|
|
70
|
+
})]
|
|
71
|
+
})]
|
|
72
|
+
}), jsxs("div", {
|
|
73
|
+
className: "flex flex-wrap items-center gap-2 text-xs mb-2",
|
|
74
|
+
children: [item.orgName && jsxs("span", {
|
|
75
|
+
className: "text-accent flex items-center",
|
|
76
|
+
children: [jsx(FaAward, {
|
|
77
|
+
className: "h-3.5 w-3.5 mr-0.5"
|
|
78
|
+
}), item.orgName]
|
|
79
|
+
}), item.preferences?.details?.freeCancellation && jsxs("span", {
|
|
80
|
+
className: "text-success flex items-center",
|
|
81
|
+
children: [jsx(FaShieldAlt, {
|
|
82
|
+
className: "h-3.5 w-3.5 mr-0.5"
|
|
83
|
+
}), "Free cancellation"]
|
|
84
|
+
})]
|
|
85
|
+
}), item.address?.description && jsxs("div", {
|
|
86
|
+
className: "flex items-center text-xs text-muted-foreground mb-3",
|
|
87
|
+
children: [jsx(FiMapPin, {
|
|
88
|
+
className: "h-3.5 w-3.5 mr-0.5 flex-shrink-0"
|
|
89
|
+
}), jsx("span", {
|
|
90
|
+
className: "truncate",
|
|
91
|
+
children: item.address.description
|
|
92
|
+
})]
|
|
93
|
+
})]
|
|
94
|
+
}), jsx("div", {
|
|
95
|
+
className: "flex flex-wrap gap-1.5 mb-4",
|
|
96
|
+
children: Object.entries(item.preferences?.details?.metadata || {}).map(([key, value]) => {
|
|
97
|
+
// Skip non-feature metadata
|
|
98
|
+
if (key === '__typename' || key === 'suitcases') return null;
|
|
99
|
+
const feature = value;
|
|
100
|
+
if (!feature.enable) return null;
|
|
101
|
+
let label = '';
|
|
102
|
+
switch (key) {
|
|
103
|
+
case 'aircon':
|
|
104
|
+
label = 'AC';
|
|
105
|
+
break;
|
|
106
|
+
case 'seats':
|
|
107
|
+
label = `${seatWordToNumber(item.preferences.details.seats.replace('_SEATER', ''))} Seats`;
|
|
108
|
+
break;
|
|
109
|
+
case 'suitcases':
|
|
110
|
+
const small = value.small?.value || 0;
|
|
111
|
+
const big = value.big?.value || 0;
|
|
112
|
+
label = `${small + big} Bags`;
|
|
113
|
+
break;
|
|
114
|
+
case 'unlimitedMileage':
|
|
115
|
+
label = startCase(item.mileage);
|
|
116
|
+
break;
|
|
117
|
+
default:
|
|
118
|
+
label = startCase(key);
|
|
119
|
+
}
|
|
120
|
+
return jsx(VehicleFeature, {
|
|
121
|
+
icon: feature.icon,
|
|
122
|
+
label: label
|
|
123
|
+
}, key);
|
|
124
|
+
})
|
|
125
|
+
}), jsx("div", {
|
|
126
|
+
className: "mt-auto",
|
|
127
|
+
children: jsxs("div", {
|
|
128
|
+
className: "flex items-end justify-between",
|
|
129
|
+
children: [jsxs("div", {
|
|
130
|
+
className: "relative group",
|
|
131
|
+
children: [item.pricingInfo && jsxs(Fragment, {
|
|
132
|
+
children: [jsx("div", {
|
|
133
|
+
className: "space-y-0.5",
|
|
134
|
+
children: jsxs("div", {
|
|
135
|
+
className: "flex items-baseline",
|
|
136
|
+
children: [jsxs("span", {
|
|
137
|
+
className: "text-lg font-bold text-foreground",
|
|
138
|
+
children: [item.pricingInfo.currency, item.pricingInfo.basePrice]
|
|
139
|
+
}), jsx("span", {
|
|
140
|
+
className: "text-muted-foreground text-xs ml-1",
|
|
141
|
+
children: "total"
|
|
142
|
+
})]
|
|
143
|
+
})
|
|
144
|
+
}), jsx(PricePopover, {
|
|
145
|
+
pricing: {
|
|
146
|
+
freeCancel: item.preferences?.details?.freeCancellation,
|
|
147
|
+
currency: item.pricingInfo.currency,
|
|
148
|
+
amount: item.pricingInfo.basePrice,
|
|
149
|
+
period: 'total'
|
|
150
|
+
}
|
|
151
|
+
})]
|
|
152
|
+
}), item.__typename && jsxs("span", {
|
|
153
|
+
className: "text-xs text-muted-foreground block mt-1",
|
|
154
|
+
children: ["via ", item.__typename.replace('Vehicle', '')]
|
|
155
|
+
})]
|
|
156
|
+
}), jsx(Button, {
|
|
157
|
+
onClick: () => {},
|
|
158
|
+
className: "themed-button",
|
|
159
|
+
children: "View deal"
|
|
160
|
+
})]
|
|
161
|
+
})
|
|
162
|
+
})]
|
|
163
|
+
})]
|
|
164
|
+
})
|
|
165
|
+
});
|
|
138
166
|
};export{VehicleCard as default};//# sourceMappingURL=VehicleCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VehicleCard.js","sources":["../../src/components/VehicleCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VehicleCard.js","sources":["../../src/components/VehicleCard.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"2oBAaA,MAAM,SAAS,GAAG,GAAC,IAAa;AAC5B,EAAA,OAAA,GAAO,CAAA,WAAG,EAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,IAAA,IAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,WAAA,EAAA,GAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA;AACL,CAAA;sBACU,GAAA,IAAA,IAAA;WACV,GAAK;SACL,CAAA;AACT,IAAE,GAAA,EAAA,CAAA;AAEF,IAAA,KAAM,EAAA,CAAA;AACF,IAAA,IAAA,EAAM;AACF,IAAA,IAAA,EAAA,CAAG;AACH,IAAA,GAAA,EAAA,CAAA;AACA,IAAA,KAAA,EAAA,CAAA;AACA,IAAA,KAAA,EAAA,CAAI;AACJ,IAAA,IAAA,EAAA,CAAA;AACA,IAAA,GAAA,EAAA;AACA,GAAA;AACA,EAAA,OAAA,GAAA,CAAK,IAAG,CAAA,WAAA,EAAA,CAAA,IAAA,IAAA;AACR,CAAA;AACA,MAAA,WAAO,GAAA,CAAA;MACT;SACF;AACJ,EAAE,QAAA;AAcF,EAAA,OAAM;AAWF,EAAA,UAAM;AAEN,EAAA,cACI;;AAgFoB,EAAA,aAAA;AAAiD,EAAA,UAAA,GAAA;;6BAG5C,EAAQ,MAAM,CAAA,IAAA,IAAA,IAAA,EAAA,KAAA,EAAA,QAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,IAAA,EAAA,aAAA,CAAA;AAAE,EAAA,OAAAA,GAAA,CAAA,KAAA,EAAA;0HAEN;gCACf,CAAA,IAAA,CAAA,EAAQ,CAAA;AACJ,IAAA,YAAA,EAAA,MAAA,OAAA,CAAA,IAAA,CAAA,EAAA,CAAA;;sDAEU;AACV,MAAA,QAAA,EAAA,CAAAC,IAAA,CAAA,KAAA,EAAA;mFAEa;0CAETD,GAAM,CAAA,KAAA,EAAA;AACV,UAAA,GAAA,EAAA,IAAA,CAAA,SAAA,CAAA,GAAA;;;AAGI,SAAA,CAAA,EAAAA,GAAA,CAAA,QAAA,EAAA;0CACA,CAAA,EAAA,CAAM;AACV,UAAA,SAAA,EAAA,gIAAuB;AACnB,UAAA,QAAA,EAAA,IAAA,CAAA,UAAA,GAAAA,GAAA,CAAA,WAAQ,EAAA;;AAEZ,WAAA,CAAA,GAAAA,GAAA,CAAA,cAAA,EAAA;AACI,YAAA,SAAA,EAAA;;AAGR,SAAA,CAAA;AACJ,OAAA,CAAA,EAAAC,IAAA,CAAA,KAAA,EAAA;AAoBwB,QAAA,SAAA,EAAA,0BAAA;AACA,QAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AACA,UAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AACA,YAAA,SAAA,EAAA,6CAAQ;;AAqBxD,cAAE,SAAA,EAAA,kDAAA;AAEF,cAAA,cAA2B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|