@admin-layout/tailwind-design-pro 10.0.9-alpha.26 → 10.0.9-alpha.27
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/UI/Pagination.d.ts +6 -0
- package/lib/components/UI/Pagination.d.ts.map +1 -0
- package/lib/components/UI/Pagination.js +59 -0
- package/lib/components/UI/Pagination.js.map +1 -0
- package/lib/components/UI/ParamSearchResultContainer.d.ts +90 -0
- package/lib/components/UI/ParamSearchResultContainer.d.ts.map +1 -0
- package/lib/components/UI/ParamSearchResultContainer.js +80 -0
- package/lib/components/UI/ParamSearchResultContainer.js.map +1 -0
- package/lib/components/UI/PropertyCard.d.ts +24 -0
- package/lib/components/UI/PropertyCard.d.ts.map +1 -0
- package/lib/components/UI/PropertyCard.js +377 -0
- package/lib/components/UI/PropertyCard.js.map +1 -0
- package/lib/components/UI/PropertyCardList.d.ts +93 -0
- package/lib/components/UI/PropertyCardList.d.ts.map +1 -0
- package/lib/components/UI/PropertyCardList.js +41 -0
- package/lib/components/UI/PropertyCardList.js.map +1 -0
- package/lib/components/UI/icons/LocationIcon.d.ts +7 -0
- package/lib/components/UI/icons/LocationIcon.d.ts.map +1 -0
- package/lib/components/UI/icons/LocationIcon.js +18 -0
- package/lib/components/UI/icons/LocationIcon.js.map +1 -0
- package/lib/components/UI/icons/index.d.ts +2 -0
- package/lib/components/UI/icons/index.d.ts.map +1 -0
- package/lib/components/UI/index.d.ts +4 -0
- package/lib/components/UI/index.d.ts.map +1 -1
- package/lib/components/index.js +1 -1
- package/lib/config/env-config.d.ts +1 -0
- package/lib/config/env-config.d.ts.map +1 -1
- package/lib/config/env-config.js +5 -1
- package/lib/config/env-config.js.map +1 -1
- package/lib/helpers/DynamicIcon.d.ts +7 -4
- package/lib/helpers/DynamicIcon.d.ts.map +1 -1
- package/lib/helpers/DynamicIcon.js +11 -15
- package/lib/helpers/DynamicIcon.js.map +1 -1
- package/lib/hooks/index.d.ts +2 -0
- package/lib/hooks/index.d.ts.map +1 -1
- 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/useTailwindTheme.js +82 -0
- package/lib/hooks/useTailwindTheme.js.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/UI/Pagination.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;6CA8DtB,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import {Flex,Button}from'@chakra-ui/react';const Pagination = ({
|
|
2
|
+
currentPage,
|
|
3
|
+
totalPages,
|
|
4
|
+
onPageChange
|
|
5
|
+
}) => {
|
|
6
|
+
const renderPageNumbers = () => {
|
|
7
|
+
const pageNumbers = [];
|
|
8
|
+
const maxPagesToShow = 4; // Number of pages to show in the middle
|
|
9
|
+
// Helper function to add page button
|
|
10
|
+
const addPageButton = pageNum => jsx(Button, {
|
|
11
|
+
variant: currentPage === pageNum ? 'solid' : 'ghost',
|
|
12
|
+
colorScheme: currentPage === pageNum ? 'blue' : 'gray',
|
|
13
|
+
size: "sm",
|
|
14
|
+
onClick: () => onPageChange(pageNum),
|
|
15
|
+
mx: 2,
|
|
16
|
+
children: pageNum
|
|
17
|
+
}, pageNum);
|
|
18
|
+
// Add first page
|
|
19
|
+
pageNumbers.push(addPageButton(1));
|
|
20
|
+
// Add ellipsis if needed
|
|
21
|
+
if (currentPage > maxPagesToShow) {
|
|
22
|
+
pageNumbers.push(jsx(Button, {
|
|
23
|
+
variant: "ghost",
|
|
24
|
+
colorScheme: "gray",
|
|
25
|
+
size: "sm",
|
|
26
|
+
isDisabled: true,
|
|
27
|
+
children: "..."
|
|
28
|
+
}, "ellipsis-start"));
|
|
29
|
+
}
|
|
30
|
+
// Calculate start and end page numbers
|
|
31
|
+
const startPage = Math.max(2, currentPage - 1);
|
|
32
|
+
const endPage = Math.min(totalPages - 1, currentPage + 2);
|
|
33
|
+
// Add middle page numbers
|
|
34
|
+
for (let i = startPage; i <= endPage; i++) {
|
|
35
|
+
pageNumbers.push(addPageButton(i));
|
|
36
|
+
}
|
|
37
|
+
// Add ellipsis if needed
|
|
38
|
+
if (endPage < totalPages - 1) {
|
|
39
|
+
pageNumbers.push(jsx(Button, {
|
|
40
|
+
variant: "ghost",
|
|
41
|
+
colorScheme: "gray",
|
|
42
|
+
size: "sm",
|
|
43
|
+
isDisabled: true,
|
|
44
|
+
children: "..."
|
|
45
|
+
}, "ellipsis-end"));
|
|
46
|
+
}
|
|
47
|
+
// Add last page
|
|
48
|
+
if (totalPages > 1) {
|
|
49
|
+
pageNumbers.push(addPageButton(totalPages));
|
|
50
|
+
}
|
|
51
|
+
return pageNumbers;
|
|
52
|
+
};
|
|
53
|
+
return jsx(Flex, {
|
|
54
|
+
justify: "center",
|
|
55
|
+
align: "center",
|
|
56
|
+
mt: 8,
|
|
57
|
+
children: renderPageNumbers()
|
|
58
|
+
});
|
|
59
|
+
};export{Pagination};//# sourceMappingURL=Pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../../src/components/UI/Pagination.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"+EAGO,MAAM,UAAU,GAAG,CAAC;aACjB;YACI;AACN,EAAA;;AAGA,EAAA,MAAA,iBAAmB,GAAA,MAAI;UAaN,WAAA,GAAA,EAAA;UACN,cAAK,GAAC,CAAA,CAAA;;AAGjB,IAAA,MAAA,aAAe,GAAG,OAAc,IAAAA,GAAA,CAAE,MAAC,EAAA;aACpB,EAAA,gBACP,UAA6B,OAAA,GAAO,OAAC;iBAI5C,EAAA,WAAA,KAAA,OAAA,GAAA,MAAA,GAAA,MAAA;UAEsC,EAAA,IAAA;AACvC,MAAA,OAAA,EAAe,MAAA,YAAW,CAAA,OAAe,CAAA;AACzC,MAAA,EAAA,EAAA,CAAA;cAE0B,EAAA;AAC1B,KAAA,EAAA,OAAS,CAAA;;eAER,CAAA,IAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA;;AAGD,IAAA,IAAA,WAAW,GAAG,cAAc,EAAE;iBACf,CAAA,IAAA,CAAAA,IAAK,MACX;QAIT,OAAC,EAAA,OAAA;QAED,WAAgB,EAAA,MAAA;AAChB,QAAA,IAAI,EAAU,IAAA;kBACC,EAAA,IAAC;QAChB,QAAC,EAAA;AAED,OAAA,EAAA,iBAAkB,CAAC;AACvB;;AAOJ,IAAE,MAAA,SAAA,GAAA,IAAA,CAAA,GAAA,CAAA,CAAA,EAAA,WAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { 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) => import("react/jsx-runtime").JSX.Element;
|
|
89
|
+
export {};
|
|
90
|
+
//# sourceMappingURL=ParamSearchResultContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ParamSearchResultContainer.d.ts","sourceRoot":"","sources":["../../../src/components/UI/ParamSearchResultContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA6C,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAI3F,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAOvC,UAAU,SAAS;IACf,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;IACV,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,GAAG,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,cAAc,CAAC,EAAE,GAAG,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,GAAG,CAAC;CACtB;AACD,UAAU,eAAe;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;IACV,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,GAAG,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,cAAc,CAAC,EAAE,GAAG,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,GAAG,CAAC;CACtB;AAED,UAAU,2BAA2B;IACjC,IAAI,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IAEtC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC;IAI5B,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAI/C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;CACzB;AAID,eAAO,MAAM,0BAA0B,UAAW,2BAA2B,4CA0E5E,CAAC"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {useEffect}from'react';import {useTranslation}from'react-i18next';import {PropertyCardList}from'./PropertyCardList.js';import {Pagination}from'./Pagination.js';const ParamSearchResultContainer = props => {
|
|
2
|
+
const {
|
|
3
|
+
data,
|
|
4
|
+
error,
|
|
5
|
+
currentPage,
|
|
6
|
+
totalPropertiesCount,
|
|
7
|
+
totalPages,
|
|
8
|
+
onPageChange,
|
|
9
|
+
handleSetFocus,
|
|
10
|
+
handleRemoveFocus,
|
|
11
|
+
handleLike,
|
|
12
|
+
likeBtnLoading,
|
|
13
|
+
propertyTypes,
|
|
14
|
+
extraIcons
|
|
15
|
+
} = props;
|
|
16
|
+
const {
|
|
17
|
+
t
|
|
18
|
+
} = useTranslation(['common']);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (error) {
|
|
21
|
+
// Create a tailwind toast notification
|
|
22
|
+
const toastDiv = document.createElement('div');
|
|
23
|
+
toastDiv.className = 'fixed top-4 right-4 z-50 w-96 rounded-lg bg-red-50 border border-red-400 p-4 shadow-md';
|
|
24
|
+
toastDiv.innerHTML = `
|
|
25
|
+
<div class="flex justify-between">
|
|
26
|
+
<div class="flex">
|
|
27
|
+
<div class="mr-2 text-red-400">
|
|
28
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
29
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
30
|
+
</svg>
|
|
31
|
+
</div>
|
|
32
|
+
<div>
|
|
33
|
+
<p class="font-medium text-red-800">${t('property.something_went_wrong')}</p>
|
|
34
|
+
<p class="text-sm text-red-800">${error.message}</p>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
<button class="text-red-800 hover:bg-gray-100 rounded-full p-1" onclick="this.parentElement.parentElement.remove()">
|
|
38
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
39
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
|
40
|
+
</svg>
|
|
41
|
+
</button>
|
|
42
|
+
</div>
|
|
43
|
+
`;
|
|
44
|
+
document.body.appendChild(toastDiv);
|
|
45
|
+
setTimeout(() => {
|
|
46
|
+
toastDiv.remove();
|
|
47
|
+
}, 5000);
|
|
48
|
+
}
|
|
49
|
+
}, [error]);
|
|
50
|
+
return jsxs("div", {
|
|
51
|
+
className: "flex flex-col self-stretch relative w-full px-3 sm:px-5 lg:px-7",
|
|
52
|
+
children: [jsx("div", {
|
|
53
|
+
className: "text-lg font-semibold",
|
|
54
|
+
children: t('property.results_on')
|
|
55
|
+
}), jsx("div", {
|
|
56
|
+
className: "text-2xl font-bold",
|
|
57
|
+
children: jsx("span", {
|
|
58
|
+
className: "text-lg ml-5",
|
|
59
|
+
children: t('property.results', {
|
|
60
|
+
totalCount: totalPropertiesCount
|
|
61
|
+
})
|
|
62
|
+
})
|
|
63
|
+
}), jsx(PropertyCardList, {
|
|
64
|
+
rooms: data,
|
|
65
|
+
setFocus: handleSetFocus,
|
|
66
|
+
setBlur: handleRemoveFocus,
|
|
67
|
+
handleLike: handleLike,
|
|
68
|
+
likeBtnLoading: likeBtnLoading,
|
|
69
|
+
propertyTypes: propertyTypes,
|
|
70
|
+
extraIcons: extraIcons
|
|
71
|
+
}), totalPages > 1 && jsx("div", {
|
|
72
|
+
className: "mt-8 mb-8",
|
|
73
|
+
children: jsx(Pagination, {
|
|
74
|
+
currentPage: currentPage,
|
|
75
|
+
totalPages: totalPages,
|
|
76
|
+
onPageChange: onPageChange
|
|
77
|
+
})
|
|
78
|
+
})]
|
|
79
|
+
});
|
|
80
|
+
};export{ParamSearchResultContainer};//# sourceMappingURL=ParamSearchResultContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ParamSearchResultContainer.js","sources":["../../../src/components/UI/ParamSearchResultContainer.tsx"],"sourcesContent":[null],"names":[],"mappings":"gNA2Ga,MAAA,0BAA0B,GAAG,KAAC,IAAsC;QACvE;IAeN,IAAM;IAEN,KAAS;eACD;wBACuC;cACjC;AACN,IAAA,YAAA;AACI,IAAA,cAAA;qBACK;;;;;;;;;;AAUyC,IAAA,IAAA,KAAA,EAAA;;;;;;;;;;AAUlD;;;gEAIS,EAAA,CAAA,CAAA,+BAAA,CAAA,CAAA;4DACZ,EAAA,KAAA,CAAA,OAAA,CAAA;AACL;;AAwBJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface IPropertyType {
|
|
3
|
+
id: string;
|
|
4
|
+
icon: string;
|
|
5
|
+
description: string;
|
|
6
|
+
category: string;
|
|
7
|
+
name: string;
|
|
8
|
+
imageKey: string;
|
|
9
|
+
created_at: string;
|
|
10
|
+
}
|
|
11
|
+
type PropertyCardProps = {
|
|
12
|
+
room: any;
|
|
13
|
+
isSaved: boolean;
|
|
14
|
+
setFocus: (index: number) => void;
|
|
15
|
+
setBlur: (index: number) => void;
|
|
16
|
+
handleLike: (index: number) => void;
|
|
17
|
+
authenticated: boolean;
|
|
18
|
+
likeBtnLoading: boolean;
|
|
19
|
+
propertyTypes: IPropertyType[];
|
|
20
|
+
extraIcons: any[];
|
|
21
|
+
};
|
|
22
|
+
export declare const PropertyCard: ({ room, isSaved, setFocus, setBlur, handleLike, likeBtnLoading, propertyTypes, authenticated, extraIcons, ...props }: PropertyCardProps & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=PropertyCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropertyCard.d.ts","sourceRoot":"","sources":["../../../src/components/UI/PropertyCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAezE,UAAU,aAAa;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,KAAK,iBAAiB,GAAG;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,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,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,UAAU,EAAE,GAAG,EAAE,CAAC;CACrB,CAAC;AAgEF,eAAO,MAAM,YAAY,yHAWtB,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CA0W1D,CAAC"}
|
|
@@ -0,0 +1,377 @@
|
|
|
1
|
+
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-chakra/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 => {
|
|
2
|
+
return name.toLowerCase().replace(/[^a-z0-9\s-]/g, '').replace(/[\s-]+/g, '-').replace(/-+/g, '-');
|
|
3
|
+
};
|
|
4
|
+
const generateHref = (room, from, to, adults, children) => {
|
|
5
|
+
switch (room.__typename) {
|
|
6
|
+
case 'AirbnbProperty':
|
|
7
|
+
return `https://www.airbnb.com/rooms/${room.id}?check_in=${from}&check_out=${to}&guests=${adults + children || 1}`;
|
|
8
|
+
case 'BookingProperty':
|
|
9
|
+
return `https://www.booking.com/hotel/${room.address.city.state.country.id}/${convertHotelName(room.name)}.html`;
|
|
10
|
+
case 'PricelineProperty':
|
|
11
|
+
const propertyId = room.metadata?.id_t;
|
|
12
|
+
const cityId = room?.metadata?.city?.id || '';
|
|
13
|
+
const checkInDate = typeof from === 'string' ? from : format(new Date(from), 'yyyyMMdd');
|
|
14
|
+
const checkOutDate = typeof to === 'string' ? to : format(new Date(to), 'yyyyMMdd');
|
|
15
|
+
const roomCount = 1;
|
|
16
|
+
const adultCount = adults || 1;
|
|
17
|
+
return `https://www.priceline.com/relax/at/${propertyId}/from/${checkInDate}/to/${checkOutDate}/rooms/${roomCount}/adults/${adultCount}?cityId=${cityId}&cur=USD&psl=${propertyId}`;
|
|
18
|
+
default:
|
|
19
|
+
return `/property/${room.id}`;
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
const DealCard = ({
|
|
23
|
+
site,
|
|
24
|
+
price
|
|
25
|
+
}) => jsxs("div", {
|
|
26
|
+
className: "flex flex-col items-center p-2 rounded-md",
|
|
27
|
+
children: [jsx("span", {
|
|
28
|
+
className: "text-xs font-bold text-gray-700",
|
|
29
|
+
children: site
|
|
30
|
+
}), jsx("span", {
|
|
31
|
+
className: "text-base font-bold text-black",
|
|
32
|
+
children: typeof price === 'number' ? price.toLocaleString() : price
|
|
33
|
+
})]
|
|
34
|
+
});
|
|
35
|
+
function calculateDuration(checkIn, checkOut) {
|
|
36
|
+
const checkInDate = new Date(checkIn);
|
|
37
|
+
const checkOutDate = new Date(checkOut);
|
|
38
|
+
const duration = Math.ceil((checkOutDate.getTime() - checkInDate.getTime()) / (1000 * 60 * 60 * 24));
|
|
39
|
+
return duration;
|
|
40
|
+
}
|
|
41
|
+
function formatDuration(days) {
|
|
42
|
+
if (days < 7) {
|
|
43
|
+
return `${days} ${days === 1 ? 'day' : 'days'}`;
|
|
44
|
+
} else {
|
|
45
|
+
const weeks = Math.floor(days / 7);
|
|
46
|
+
const remainingDays = days % 7;
|
|
47
|
+
let result = `${weeks} ${weeks === 1 ? 'week' : 'weeks'}`;
|
|
48
|
+
if (remainingDays > 0) {
|
|
49
|
+
result += `, ${remainingDays} ${remainingDays === 1 ? 'day' : 'days'}`;
|
|
50
|
+
}
|
|
51
|
+
return result;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
const PropertyCard = ({
|
|
55
|
+
room,
|
|
56
|
+
isSaved,
|
|
57
|
+
setFocus,
|
|
58
|
+
setBlur,
|
|
59
|
+
handleLike,
|
|
60
|
+
likeBtnLoading,
|
|
61
|
+
propertyTypes,
|
|
62
|
+
authenticated,
|
|
63
|
+
extraIcons = [],
|
|
64
|
+
...props
|
|
65
|
+
}) => {
|
|
66
|
+
const images = useMemo(() => room?.images?.data.map(({
|
|
67
|
+
url
|
|
68
|
+
}) => ({
|
|
69
|
+
src: url
|
|
70
|
+
})), [room]);
|
|
71
|
+
const [didLike, setDidLike] = useState(false);
|
|
72
|
+
useMemo(() => room?.totalReview == 0 ? 0 : room?.totalStar / room?.totalReview || 0, [room]);
|
|
73
|
+
const {
|
|
74
|
+
isDark,
|
|
75
|
+
grayColor
|
|
76
|
+
} = useTailwindTheme();
|
|
77
|
+
const {
|
|
78
|
+
t
|
|
79
|
+
} = useTranslation(['common', 'property-types']);
|
|
80
|
+
const types = useMemo(() => propertyTypes.filter(item => room?.types?.includes(item.id)), [room, propertyTypes]);
|
|
81
|
+
const {
|
|
82
|
+
fetchCurrentLatLong,
|
|
83
|
+
location,
|
|
84
|
+
loading
|
|
85
|
+
} = useGetCurrentLongLat();
|
|
86
|
+
const locationUrl = useLocation();
|
|
87
|
+
const params = new URLSearchParams(locationUrl.search);
|
|
88
|
+
const checkIn = params.get('checkIn') || params.get('from') || '';
|
|
89
|
+
const checkOut = params.get('checkOut') || params.get('to') || '';
|
|
90
|
+
const duration = calculateDuration(checkIn, checkOut);
|
|
91
|
+
const formattedDuration = formatDuration(duration);
|
|
92
|
+
useEffect(() => {
|
|
93
|
+
fetchCurrentLatLong();
|
|
94
|
+
}, []);
|
|
95
|
+
const getPriceType = useCallback(room => {
|
|
96
|
+
const type = room.preferences?.property?.pricing?.option?.priceType;
|
|
97
|
+
if (type === 'HOUR') {
|
|
98
|
+
return t('property.hr');
|
|
99
|
+
}
|
|
100
|
+
return t('property.night');
|
|
101
|
+
}, [t]);
|
|
102
|
+
useCallback(address => {
|
|
103
|
+
if (!location || !address) return null;
|
|
104
|
+
if (typeof window !== 'undefined' && window.google && window.google.maps && window.google.maps.LatLng) {
|
|
105
|
+
const point1 = new window.google.maps.LatLng(location.latitude, location.longitude);
|
|
106
|
+
const point2 = new window.google.maps.LatLng(address.latitude_around, address.longitude_around);
|
|
107
|
+
if (window.google.maps.geometry && window.google.maps.geometry.spherical) {
|
|
108
|
+
const distance = window.google.maps.geometry.spherical.computeDistanceBetween(point1, point2);
|
|
109
|
+
const distanceInMiles = distance * 0.000621371;
|
|
110
|
+
return Math.floor(distanceInMiles);
|
|
111
|
+
} else {
|
|
112
|
+
console.error('Google Maps geometry library is not loaded.');
|
|
113
|
+
return null;
|
|
114
|
+
}
|
|
115
|
+
} else {
|
|
116
|
+
return null;
|
|
117
|
+
}
|
|
118
|
+
}, [location]);
|
|
119
|
+
const searchParams = new URLSearchParams(window.location.search);
|
|
120
|
+
const adults = parseInt(searchParams.get('adults') || '0', 10) || 1;
|
|
121
|
+
const children = parseInt(searchParams.get('children') || '0', 10);
|
|
122
|
+
const amenities = room?.preferences?.property?.amenities;
|
|
123
|
+
const displayedIcons = amenities ? Object.entries(amenities).flatMap(([key, value]) => {
|
|
124
|
+
const enabledAmenities = Object.entries(value ?? {}).filter(([key1, value1]) => value1?.enable && value1?.icon);
|
|
125
|
+
const displayedAmenities = enabledAmenities.slice(0, 8);
|
|
126
|
+
return displayedAmenities.length > 0 ? displayedAmenities.map(([key1, value1]) => renderDynamicIcon({
|
|
127
|
+
name: value1.icon,
|
|
128
|
+
style: {
|
|
129
|
+
iconColor: grayColor,
|
|
130
|
+
w: '20px',
|
|
131
|
+
h: '20px'
|
|
132
|
+
}
|
|
133
|
+
})) : [];
|
|
134
|
+
}) : [];
|
|
135
|
+
const LikeButton = () => jsx(Fragment, {
|
|
136
|
+
children: likeBtnLoading ? jsx("div", {
|
|
137
|
+
className: "w-12 h-12 border-4 border-t-blue-500 rounded-full animate-spin border-gray-200"
|
|
138
|
+
}) : jsx("button", {
|
|
139
|
+
className: `w-7 h-9.5 rounded-full flex items-center justify-center ${didLike ? 'bg-blue-400' : isDark ? 'bg-gray-800' : 'bg-white'}`,
|
|
140
|
+
onClick: () => handleLike(room.id),
|
|
141
|
+
"aria-label": "Select as your favourite",
|
|
142
|
+
children: jsx(BsHeart, {
|
|
143
|
+
className: isDark ? 'text-white' : 'text-gray-800'
|
|
144
|
+
})
|
|
145
|
+
})
|
|
146
|
+
});
|
|
147
|
+
WithAuthentication(LikeButton);
|
|
148
|
+
return jsx(Fragment, {
|
|
149
|
+
children: jsxs("div", {
|
|
150
|
+
className: "flex flex-row p-2 relative",
|
|
151
|
+
onMouseEnter: () => setFocus(room.id),
|
|
152
|
+
onMouseLeave: () => setBlur(room.id),
|
|
153
|
+
...props,
|
|
154
|
+
children: [room.status === 'pending' && jsxs(Fragment, {
|
|
155
|
+
children: [jsx("div", {
|
|
156
|
+
className: "absolute w-full h-full bg-black bg-opacity-60 rounded-2xl z-10"
|
|
157
|
+
}), jsx("div", {
|
|
158
|
+
className: "absolute left-1/2 top-1/2 transform -translate-x-1/2 translate-y-1/2 text-white z-20",
|
|
159
|
+
children: jsx("p", {
|
|
160
|
+
className: "text-lg font-normal",
|
|
161
|
+
children: t('property.coming_soon')
|
|
162
|
+
})
|
|
163
|
+
})]
|
|
164
|
+
}), jsx("div", {
|
|
165
|
+
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",
|
|
166
|
+
children: jsxs("div", {
|
|
167
|
+
className: "w-full h-full flex flex-col justify-between space-y-4",
|
|
168
|
+
children: [jsxs("div", {
|
|
169
|
+
className: "relative w-full h-full rounded-xl",
|
|
170
|
+
children: [jsx("div", {
|
|
171
|
+
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",
|
|
172
|
+
children: "Breakfast included"
|
|
173
|
+
}), jsxs(Splide, {
|
|
174
|
+
"aria-label": "Property Images",
|
|
175
|
+
options: {
|
|
176
|
+
type: 'slide',
|
|
177
|
+
drag: 'free',
|
|
178
|
+
perPage: 1,
|
|
179
|
+
perMove: 1,
|
|
180
|
+
lazyLoad: 'sequential',
|
|
181
|
+
wheel: true,
|
|
182
|
+
releaseWheel: true,
|
|
183
|
+
pagination: false,
|
|
184
|
+
speed: 800
|
|
185
|
+
},
|
|
186
|
+
children: [jsx("div", {
|
|
187
|
+
className: "absolute top-2.5 right-2.5 z-10",
|
|
188
|
+
children: jsx(LikeButton, {})
|
|
189
|
+
}), images.map((image, i) => jsx(SplideSlide, {
|
|
190
|
+
children: jsx("a", {
|
|
191
|
+
href: generateHref(room, checkIn, checkOut, adults, children),
|
|
192
|
+
target: "_blank",
|
|
193
|
+
rel: "noopener noreferrer",
|
|
194
|
+
children: jsx("div", {
|
|
195
|
+
className: "w-full h-full rounded-xl",
|
|
196
|
+
children: jsx("img", {
|
|
197
|
+
src: image.src,
|
|
198
|
+
className: "rounded-xl h-[250px] w-full max-w-full object-cover cursor-pointer transition-all duration-500 hover:brightness-50",
|
|
199
|
+
loading: "lazy",
|
|
200
|
+
alt: `Property ${i + 1}`
|
|
201
|
+
}, 'image_' + i)
|
|
202
|
+
}, 'sliderImage_' + i)
|
|
203
|
+
})
|
|
204
|
+
}, 'sliderslide_' + i))]
|
|
205
|
+
})]
|
|
206
|
+
}), jsxs("div", {
|
|
207
|
+
className: "w-full px-4 flex flex-col pt-2",
|
|
208
|
+
children: [jsxs("div", {
|
|
209
|
+
className: "flex flex-wrap items-center space-x-2 mb-2",
|
|
210
|
+
children: [jsxs("span", {
|
|
211
|
+
className: "text-sm font-medium",
|
|
212
|
+
children: [t('property.property_type'), ":"]
|
|
213
|
+
}), types?.map((item, index) => jsx("span", {
|
|
214
|
+
className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full capitalize",
|
|
215
|
+
children: t(`property-types:${item.description}`)
|
|
216
|
+
}, index))]
|
|
217
|
+
}), jsx("h3", {
|
|
218
|
+
className: "text-lg font-medium mb-2 line-clamp-2",
|
|
219
|
+
children: room?.title
|
|
220
|
+
}), room?.address && room?.address.city && room?.address.city.state && jsxs("div", {
|
|
221
|
+
className: "flex items-center text-sm text-gray-500 mb-2",
|
|
222
|
+
children: [jsx(LocationIcon, {
|
|
223
|
+
w: "16px",
|
|
224
|
+
h: "20px"
|
|
225
|
+
}), jsxs("span", {
|
|
226
|
+
className: "truncate",
|
|
227
|
+
children: [room?.address.city.name + ', ' + room?.address.city.state.name, room?.address?.number ? ' · ' + room?.address?.number : '']
|
|
228
|
+
})]
|
|
229
|
+
}), displayedIcons.length > 0 && jsx("div", {
|
|
230
|
+
className: "flex space-x-3 mt-2 mb-3",
|
|
231
|
+
children: displayedIcons
|
|
232
|
+
}), jsxs("div", {
|
|
233
|
+
className: "flex flex-wrap space-x-2 mt-1 mb-3",
|
|
234
|
+
children: [room?.preferences?.property?.booking?.policy?.instantBookingEnabled && jsx("span", {
|
|
235
|
+
className: "bg-blue-100 text-blue-800 px-2 py-1 rounded-md text-xs capitalize",
|
|
236
|
+
children: t('property.instant_book')
|
|
237
|
+
}), room?.preferences?.property?.booking?.policy?.cancellation && jsx("span", {
|
|
238
|
+
className: "bg-green-100 text-green-800 px-2 py-1 rounded-md text-xs capitalize",
|
|
239
|
+
children: t('property.cancellation_policy')
|
|
240
|
+
})]
|
|
241
|
+
}), jsxs("div", {
|
|
242
|
+
className: "flex items-center mb-4",
|
|
243
|
+
children: [jsx(FaUserAlt, {
|
|
244
|
+
className: "text-gray-500"
|
|
245
|
+
}), jsxs("span", {
|
|
246
|
+
className: "text-sm text-gray-600 ml-2",
|
|
247
|
+
children: [room?.preferences?.property?.boarding?.maxPeople, " ", t('property.guests')]
|
|
248
|
+
})]
|
|
249
|
+
})]
|
|
250
|
+
}), config.ENABLE_PROPERTY_PRICE_COMPARISON && jsx("div", {
|
|
251
|
+
className: "px-4 w-full",
|
|
252
|
+
children: jsxs("div", {
|
|
253
|
+
className: "w-fit flex gap-4",
|
|
254
|
+
children: [jsx("hr", {
|
|
255
|
+
className: "w-full border-t border-gray-200"
|
|
256
|
+
}), jsxs("div", {
|
|
257
|
+
className: "flex flex-row",
|
|
258
|
+
children: [jsx(DealCard, {
|
|
259
|
+
site: "Vio.com",
|
|
260
|
+
price: 41387
|
|
261
|
+
}), jsx(DealCard, {
|
|
262
|
+
site: "Expedia.com",
|
|
263
|
+
price: 46369
|
|
264
|
+
}), jsx(DealCard, {
|
|
265
|
+
site: "More Deals",
|
|
266
|
+
price: 'View all'
|
|
267
|
+
})]
|
|
268
|
+
}), jsx("hr", {
|
|
269
|
+
className: "w-full border-t border-gray-200"
|
|
270
|
+
})]
|
|
271
|
+
})
|
|
272
|
+
}), jsxs("div", {
|
|
273
|
+
className: "flex flex-col sm:flex-row px-4 pb-4 w-full justify-between items-start sm:items-center",
|
|
274
|
+
children: [jsxs("div", {
|
|
275
|
+
className: "flex flex-col space-y-1 mb-3 sm:mb-0 w-full sm:w-auto",
|
|
276
|
+
children: [jsxs("div", {
|
|
277
|
+
className: "flex items-center",
|
|
278
|
+
children: [jsx(BsStarFill, {
|
|
279
|
+
className: "text-yellow-500 w-3 h-3 mr-1"
|
|
280
|
+
}), jsxs("span", {
|
|
281
|
+
className: "text-[0.832rem] font-bold text-gray-600",
|
|
282
|
+
children: [room?.reviewsOverview ? room.reviewsOverview.rating : 0, " (", room.reviewsOverview ? room.reviewsOverview.ratingCount : 0, ' ', t('property.reviews'), ")"]
|
|
283
|
+
})]
|
|
284
|
+
}), room?.__typename && jsxs("span", {
|
|
285
|
+
className: "text-[0.832rem] text-gray-500",
|
|
286
|
+
children: ["Booking through ", startCase(room.__typename.replace('Property', ''))]
|
|
287
|
+
})]
|
|
288
|
+
}), jsxs("div", {
|
|
289
|
+
className: "flex flex-col items-end space-y-2 w-full sm:w-auto",
|
|
290
|
+
children: [jsxs("div", {
|
|
291
|
+
className: "flex flex-col items-end space-y-1 w-full",
|
|
292
|
+
children: [jsxs("span", {
|
|
293
|
+
className: "text-[0.688rem] text-gray-500 text-right w-full",
|
|
294
|
+
children: [formattedDuration, ", ", adults + children, ' ', adults + children === 1 ? 'guest' : 'guests']
|
|
295
|
+
}), jsxs("div", {
|
|
296
|
+
className: "flex flex-col items-end space-y-0 w-full",
|
|
297
|
+
children: [room.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.total !== room.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.totalBeforeDiscount && jsxs("div", {
|
|
298
|
+
className: "flex items-center group relative",
|
|
299
|
+
children: [jsx("span", {
|
|
300
|
+
className: "text-xs text-gray-500",
|
|
301
|
+
children: "from"
|
|
302
|
+
}), jsx("span", {
|
|
303
|
+
className: "text-sm font-semibold text-gray-500 line-through ml-1 cursor-help hover:text-gray-600 group-hover:text-gray-600",
|
|
304
|
+
children: room.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.totalBeforeDiscount
|
|
305
|
+
}), jsx("div", {
|
|
306
|
+
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",
|
|
307
|
+
children: jsxs("div", {
|
|
308
|
+
className: "flex flex-col space-y-2",
|
|
309
|
+
children: [room.preferences?.property?.pricing?.price?.price_breakdown?.details?.discounts?.items.map((charge, index) => jsxs("div", {
|
|
310
|
+
className: "flex flex-col",
|
|
311
|
+
children: [jsxs("div", {
|
|
312
|
+
className: "flex justify-between",
|
|
313
|
+
children: [jsx("span", {
|
|
314
|
+
className: "mr-4",
|
|
315
|
+
children: charge.name
|
|
316
|
+
}), jsx("span", {
|
|
317
|
+
className: "font-medium",
|
|
318
|
+
children: charge?.amount_rounded
|
|
319
|
+
})]
|
|
320
|
+
}), charge.details && jsx("span", {
|
|
321
|
+
className: "text-sm font-normal",
|
|
322
|
+
children: charge?.details
|
|
323
|
+
})]
|
|
324
|
+
}, index)), jsxs("div", {
|
|
325
|
+
className: "flex justify-between pt-2 border-t border-gray-200 font-bold",
|
|
326
|
+
children: [jsx("span", {
|
|
327
|
+
children: "Total discount"
|
|
328
|
+
}), jsx("span", {
|
|
329
|
+
children: room.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.savings
|
|
330
|
+
})]
|
|
331
|
+
})]
|
|
332
|
+
})
|
|
333
|
+
})]
|
|
334
|
+
}), jsxs("div", {
|
|
335
|
+
className: "relative group",
|
|
336
|
+
children: [jsx("span", {
|
|
337
|
+
className: "text-2xl font-semibold text-right underline cursor-help",
|
|
338
|
+
children: room.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.total
|
|
339
|
+
}), jsxs("div", {
|
|
340
|
+
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",
|
|
341
|
+
children: [jsx("div", {
|
|
342
|
+
className: "font-bold border-b border-gray-200 p-3 text-center",
|
|
343
|
+
children: "Price breakdown"
|
|
344
|
+
}), jsx("div", {
|
|
345
|
+
className: "p-4",
|
|
346
|
+
children: jsx("div", {
|
|
347
|
+
className: "flex flex-col space-y-2",
|
|
348
|
+
children: room.preferences?.property?.pricing?.price?.price_breakdown?.details?.charges?.items?.map((item, index) => jsxs("div", {
|
|
349
|
+
className: "flex justify-between",
|
|
350
|
+
children: [jsx("span", {
|
|
351
|
+
children: item.name
|
|
352
|
+
}), jsx("span", {
|
|
353
|
+
children: item?.amount_rounded
|
|
354
|
+
})]
|
|
355
|
+
}, index))
|
|
356
|
+
})
|
|
357
|
+
})]
|
|
358
|
+
})]
|
|
359
|
+
})]
|
|
360
|
+
}), jsxs("span", {
|
|
361
|
+
className: "text-xs text-gray-500 text-right w-full",
|
|
362
|
+
children: [room?.preferences?.property?.pricing?.price?.price_breakdown?.details?.pricing?.basePrice?.perNight, ' ', "per ", getPriceType(room)]
|
|
363
|
+
})]
|
|
364
|
+
}), jsx("button", {
|
|
365
|
+
className: "bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded w-full",
|
|
366
|
+
onClick: () => {
|
|
367
|
+
window.open(generateHref(room, checkIn, checkOut, adults, children), '_blank');
|
|
368
|
+
},
|
|
369
|
+
children: "View deal"
|
|
370
|
+
})]
|
|
371
|
+
})]
|
|
372
|
+
})]
|
|
373
|
+
})
|
|
374
|
+
})]
|
|
375
|
+
}, room.id)
|
|
376
|
+
});
|
|
377
|
+
};export{PropertyCard};//# sourceMappingURL=PropertyCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropertyCard.js","sources":["../../../src/components/UI/PropertyCard.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"i4BAqCA,MAAM,gBAAgB,GAAG,IAAC,IAAwB;AAC9C,EAAA,OAAA,IAAW,CAAA,WAAA,EAAA,CAAA,OAAA,CAAA,eAAA,EAAA,EAAA,CAAA,CAAA,OAAA,CAAA,SAAA,EAAA,GAAA,CAAA,CAAA,OAAA,CAAA,KAAA,EAAA,GAAA,CAAA;AACN,CAAA;AACA,MAAA,YAAQ,GAAA,CAAA,IAAA,EAAA,IAAe,EAAE,EAAE,EAAC,MAAA,EAAA,QAAA,KAAA;AAC5B,EAAA,QAAA,IAAA,CAAA,UAAQ;AACR,IAAA,KAAA,gBAAe;AACxB,MAAE,OAAA,CAAA,6BAAA,EAAA,IAAA,CAAA,EAAA,CAAA,UAAA,EAAA,IAAA,CAAA,WAAA,EAAA,EAAA,CAAA,QAAA,EAAA,MAAA,GAAA,QAAA,IAAA,CAAA,CAAA,CAAA;AAEF,IAAA,KAAkB,iBAAQ;AACtB,MAAA,OAAY,CAAA,8BAAc,EAAA,IAAA,CAAA,OAAA,CAAA,IAAA,CAAA,KAAA,CAAA,OAAA,CAAA,EAAA,CAAA,CAAA,EAAA,gBAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA;AACtB,IAAA,KAAA,mBAAqB;AACjB,MAAA,MAAA,UAAuC,GAAA,IAAA,CAAA,QAAA,EAAA,IAAA;AAG3C,MAAA,MAAA,MAAsB,GAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA;YAClB,WAAO,GAAA,OAAA,IAAA,KAAA,QAAA,OAAsC,GAAA,MAAY,CAAA,QAAM,CAAC,IAAA,CAAA,EAAO;AAG3E,MAAA,MAAA,YAAwB,GAAA,OAAA,EAAA,KAAA,QAAA,GAAA,EAAA,GAAA,MAAA,CAAA,IAAA,IAAA,CAAA,EAAA,CAAA,EAAA,UAAA,CAAA;AACpB,MAAA,MAAA;YACA,UAAM,GAAS,MAAI,IAAE,CAAA;aACf,CAAA,mCAAsC,EAAA,UAAO,CAAA,MAAG,EAAA,WAAe,CAAC,IAAI,EAAC,YAAa,CAAC,OAAA,EAAA,SAAA,CAAA,QAAA,EAAA,UAAA,CAAA,QAAA,EAAA,MAAA,CAAA,aAAA,EAAA,UAAA,CAAA,CAAA;;aAEnF,CAAA,UAAA,EAAA,IAAY,CAAC,EAAC,CAAA,CAAA;AACpB;AAEA,CAAA;AACJ,MAAA,QAAA,GAAA,CAAA;AACI,EAAA,IAAA;;AAEZ,CAAC,KAACA,IAAA,CAAA,KAAA,EAAA;AAEF,EAAM,SAAA,EAAA,2CACG;AAQT,EAAA,QAA0B,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA;AACtB,IAAA,4CAAsC;AACtC,IAAA;AACA,GAAA,CAAA,EAAAA,GAAM,CAAQ,MAAA,EAAA;AACd,IAAA,2CAAgB;AACpB,IAAC,QAAA,EAAA,OAAA,KAAA,KAAA,QAAA,GAAA,KAAA,CAAA,cAAA,EAAA,GAAA;AAED,GAAS,CAAA;AACL,CAAA,CAAA;AACI,SAAA,iBAAkB,CAAA,SAAU,QAAQ,EAAE;QACzC,WAAA,GAAA,IAAA,IAAA,CAAA,OAAA,CAAA;oBAAO,GAAA,IAAA,IAAA,CAAA,QAAA,CAAA;QACJ,QAAM,GAAK,IAAG,CAAA,IAAK,CAAA,CAAA,YAAe,CAAC,OAAA,EAAA,GAAA,WAAA,CAAA,OAAA,EAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,CAAA,CAAA;AACnC,EAAA,OAAA,QAAmB;AACnB;AACA,SAAA,cAAiB,CAAA,IAAG,EAAC;AACjB,EAAA,IAAA,IAAA,GAAA,CAAA,EAAA;WACH,CAAA,EAAA,IAAA,CAAA,CAAA,EAAA,IAAA,KAAA,CAAA,GAAA,KAAA,GAAA,MAAA,CAAA,CAAA;AACD,GAAA,MAAA;IACJ,MAAC,KAAA,GAAA,IAAA,CAAA,KAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AACL,IAAC,MAAA,aAAA,GAAA,IAAA,GAAA,CAAA;AAED,IAAA,IAAO,MAAkB,GAAA,CAAA,EAAA,KAAA,CAAA,CAAA,EAAI,KACrB,KACG,CAAA,GAAA,MACC,GAAA;AASR,IAAA,IAAA,aAAsB,GAAA,CAAA,EAAC;MACjB,MAAQ,IAAA,CAAA,EAAA,EAAY,aAAI,CAAQ,CAAA,EAAA,aAAiB,KAAA,CAAA,GAAA,KAAA,GAAA,MAAA,CAAA,CAAA;AACvD;IACA,OAAM;AACN;AACA;AACQ,MAAmB,YAAA,GAAA,CAAA;AAC3B,EAAA,IAAA;SACM;AACN,EAAA,QAAM;AACN,EAAA,OAAA;YACM;AACN,EAAA;;AAGI,EAAA,aAAA;YACG,GAAA,EAAA;AAEP,EAAA,GAAA;AAEQ,CAAA,KAAA;AACA,EAAA,MAAA,MAAQ,GAAA,OAAW,CAAA,MAAG,IAAA,EAAA,MAAA,EAAA,IAAA,CAAA,GAAA,CAAA,CAAA;AAClB,IAAA;SACH;AACD,IAAA,GAAA,EAAA;AACJ,GAAA,CAAA,CAAC,EACD,CAAC,IACH,CAAA,CAAA;AAEF,EAAA,MAAA,CAAA,mBAA0B,CAAA,GAAA,QAAA,CAAW,KAChC,CAAA;AACG,EAAK,OAAY,CAAA,MAAQ,IAAA,EAAA,WAAA,IAAA,CAAA,GAAA,CAAA,GAAA,IAAA,EAAA,SAAA,GAAA,IAAA,EAAA,WAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA;AAAE,EAAA,MAAA;UAEvB;AACA,IAAA;AACA,GAAA,GAAA,kBAAY;AAEZ,EAAA,MAAA;AACI,IAAA;AACA,GAAA,GAAA,cAAA,CAAA,CAAM,QAAe,EAAA,gBAAW,CAAA,CAAA;AAChC,EAAA,MAAA,KAAA,GAAA,OAAO,OAAK,aAAM,CAAA,MAAgB,CAAC,IAAA,IAAA,IAAA,EAAA,KAAA,EAAA,QAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,IAAA,EAAA,aAAA,CAAA,CAAA;;uBAC/B;AACJ,IAAA,QAAA;AACA,IAAA;0BACH,EAAA;QACL,WAAC,GAAA,WAAA,EAAA;cAAO,GAAA,IAAA,eAAA,CAAA,WAAA,CAAA,MAAA,CAAA;AACJ,EAAA,MAAA,OAAA,GAAA,MAAY,CAAA,GAAA,CAAA,SAAA,CAAA,IAAA,MAAA,CAAA,GAAA,CAAA,MAAA,CAAA,IAAA,EAAA;QAChB,QAAC,GAAA,MAAA,CAAA,GAAA,CAAA,UAAA,CAAA,IAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,EAAA;AACL,EAAA,MACC,QAAQ,GACX,iBAAA,CAAA,OAAA,EAAA,QAAA,CAAA;QAEI,iBAAe,GAAA,cAAmB,CAAA,QAAO,CAAC;AAEhD,EAAA,gBAAe;AACf,IAAA,mBAAyB,EAAA;KACnB,EAAA,CAAA;QACA,YAAA,GAAA,WAA0B,CAAA,IAAA,IAAA;AAC5B,IAAA,MAAE,IAAM,GAAC,IAAO,CAAA,aAAW,QAAQ,EAAE,OAAW,EAAA,MAAK,EAAA,SAAA;AAC/C,IAAA,IAAA,IAAA,KAAA,MAAsB,EAAA;aAGhB,CAAA,CAAA,aAAA,CAAA;AACN;AACI,IAAA,OAAA,CAAA,CAAA,gBAAE,CAAA;;AAGQ,EAAO,WAAA,CAAA,OAAA,IAAA;AACH,IAAA,IAAA,CAAA,QAAA,IAAA,CAAA,OAAA,EAAA,OAAoB,IAAA;AACpB,IAAA,IAAA,OAAA,MAAA,gBAAS,IAAA,MAAA,CAAA,MAAA,IAAA,MAAA,CAAA,MAAA,CAAA,IAAA,IAAA,MAAA,CAAA,MAAA,CAAA,IAAA,CAAA,MAAA,EAAA;AACT,MAAA,MAAA,MAAA,GAAA,IAAC,MAAQ,CAAA,MAAA,CAAA,IAAA,CAAA,MAAA,CAAA,QAAA,CAAA,QAAA,EAAA,QAAA,CAAA,SAAA,CAAA;AACZ,MAAA,MAAA,MAAA,GAAA,IAAA,MAAA,CAAA,MAAA,CAAA,IAAA,CAAA,MAAA,CAAA,OAAA,CAAA,eAAA,EAAA,OAAA,CAAA,gBAAA,CAAA;AACJ,MAAA,IAAA,MAAA,CAAA,MACJ,CAAA,IAAA,CAAA,QAAA,IAAA,MAAA,CAAA,MAAA,CAAA,IAAA,CAAA,QAAA,CAAA,SAAA,EAAA;sBACE,GAAA,MAAA,CAAA,MAAA,CAAA,IAAA,CAAA,QAAA,CAAA,SAAA,CAAA,sBAAA,CAAA,MAAA,EAAA,MAAA,CAAA;AACb,QAAA,MAAE,eAAA,GAAA,QAAA,GAAA,WAAA;QACJ,OAAK,IAAA,CAAA,KAAA,CAAA,eAAA,CAAA;AAET,OAAA;AAkBA,QAAA,2DAA+D,CAAA;QAExD;AA2ByB;AACA,KAAA,MAAA;AACA,MAAA,OAAA,IAAA;AACA;AACA,GAAA,EAAA,CAAA,QAAA,CAAA;AACA,EAAA,MAAA,YAAA,GAAA,IAAA,eAAA,CAAA,MAAK,SAAM,CAAA,MAAA,CAAA;AACX,EAAA,MAAA,MAAA,GAAA,QAAA,CAAA,YAAA,CAAA,GAAA,CAAA,QAAA,CAAA,IAAY,GAAM,EAAA,EAAA,CAAA,IAAA,CAAA;AAClB,EAAA,MAAA,QAAA,GAAA,QAAA,CAAA,YAAA,CAAA,GAAA,CAAA,WAAY,IAAK,GAAA,EAAA,EAAA,CAAA;AACjB,EAAA,MAAA,SAAA,GAAA,IAAA,EAAA,WAAA,EAAA,QAAA,EAAK,SAAK;AACb,EAAA,MAAA,cAAA,GAAA,SAAA,GAAA,MAAA,CAAA,OAAA,CAAA,SAEI,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,GAAA,EAAU,KAAA,CAAA,KAAA;AAgIH,IAAA,MAAA,gBAAA,GAAA,MAAA,CAAA,OAAA,CAAA,KAAA,IAAA,EAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAE,IAAK,EAAA,MAAA,CAAA,KAAA,MAAA,EAAA,MAAA,IAAA,MAAA,EAAA,IAAA,CAAA;;AAEH,IAAA,OAAA,kBAAA,CAAA,MAAA,GAAA,CAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,CAAA,CAAA,IAAS,EAAA,MAAqB,CAAA,KAAA,iBAClC,CAAA;;AAgC4B,MAAA,KAAA,EAAA;;;AAkDhC,QAAA,CAAA,EAAA;AACJ;AAWpC,KAAE,CAAA,CAAA,GAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface IProperty {
|
|
3
|
+
id: string;
|
|
4
|
+
title: string;
|
|
5
|
+
types: string[];
|
|
6
|
+
name: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
introduction?: string;
|
|
9
|
+
address: any;
|
|
10
|
+
location: string;
|
|
11
|
+
images: any;
|
|
12
|
+
thumbnailUrl?: string;
|
|
13
|
+
thumbnailAlt?: string;
|
|
14
|
+
verificationDocuments?: any;
|
|
15
|
+
info?: any;
|
|
16
|
+
user: any;
|
|
17
|
+
status?: any;
|
|
18
|
+
errors?: any;
|
|
19
|
+
preferences?: any;
|
|
20
|
+
orgName?: string;
|
|
21
|
+
serviceConfiguration?: any;
|
|
22
|
+
totalReview?: number;
|
|
23
|
+
totalStar?: number;
|
|
24
|
+
reviews?: any;
|
|
25
|
+
comments?: any;
|
|
26
|
+
userLikes?: any;
|
|
27
|
+
calendarEvents?: any[];
|
|
28
|
+
isUserLike?: boolean;
|
|
29
|
+
formattedPrice?: number;
|
|
30
|
+
timeZone: string;
|
|
31
|
+
createdAt: any;
|
|
32
|
+
updatedAt?: any;
|
|
33
|
+
stats?: any;
|
|
34
|
+
guideBookId?: string;
|
|
35
|
+
guestSharing?: any;
|
|
36
|
+
}
|
|
37
|
+
interface IAirbnbProperty {
|
|
38
|
+
id: string;
|
|
39
|
+
title: string;
|
|
40
|
+
types: string[];
|
|
41
|
+
name: string;
|
|
42
|
+
description?: string;
|
|
43
|
+
introduction?: string;
|
|
44
|
+
address: any;
|
|
45
|
+
location: string;
|
|
46
|
+
images: any;
|
|
47
|
+
thumbnailUrl?: string;
|
|
48
|
+
thumbnailAlt?: string;
|
|
49
|
+
verificationDocuments?: any;
|
|
50
|
+
info?: any;
|
|
51
|
+
user: any;
|
|
52
|
+
status?: any;
|
|
53
|
+
errors?: any;
|
|
54
|
+
preferences?: any;
|
|
55
|
+
orgName?: string;
|
|
56
|
+
serviceConfiguration?: any;
|
|
57
|
+
totalReview?: number;
|
|
58
|
+
totalStar?: number;
|
|
59
|
+
reviews?: any;
|
|
60
|
+
comments?: any;
|
|
61
|
+
userLikes?: any;
|
|
62
|
+
calendarEvents?: any[];
|
|
63
|
+
isUserLike?: boolean;
|
|
64
|
+
formattedPrice?: number;
|
|
65
|
+
timeZone: string;
|
|
66
|
+
createdAt: any;
|
|
67
|
+
updatedAt?: any;
|
|
68
|
+
stats?: any;
|
|
69
|
+
guideBookId?: string;
|
|
70
|
+
guestSharing?: any;
|
|
71
|
+
}
|
|
72
|
+
interface IPropertyType {
|
|
73
|
+
id: string;
|
|
74
|
+
icon: string;
|
|
75
|
+
description: string;
|
|
76
|
+
category: string;
|
|
77
|
+
name: string;
|
|
78
|
+
imageKey: string;
|
|
79
|
+
created_at: string;
|
|
80
|
+
}
|
|
81
|
+
type PropertyCardListProps = {
|
|
82
|
+
rooms?: IProperty[] | IAirbnbProperty[];
|
|
83
|
+
setFocus: (index: number) => void;
|
|
84
|
+
setBlur: (index: number) => void;
|
|
85
|
+
handleLike: (index: number) => void;
|
|
86
|
+
likeBtnLoading: boolean;
|
|
87
|
+
propertyTypes: IPropertyType[];
|
|
88
|
+
extraIcons?: any;
|
|
89
|
+
className?: string;
|
|
90
|
+
};
|
|
91
|
+
export declare const PropertyCardList: React.FC<PropertyCardListProps>;
|
|
92
|
+
export {};
|
|
93
|
+
//# sourceMappingURL=PropertyCardList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropertyCardList.d.ts","sourceRoot":"","sources":["../../../src/components/UI/PropertyCardList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {isEmpty}from'lodash-es';import {PropertyCard}from'./PropertyCard.js';import {isUserAuthenticated}from'@adminide-stack/user-auth0-client';const PropertyCardList = props => {
|
|
2
|
+
// rooms = defaultRooms;
|
|
3
|
+
const {
|
|
4
|
+
setBlur,
|
|
5
|
+
setFocus,
|
|
6
|
+
rooms,
|
|
7
|
+
handleLike,
|
|
8
|
+
likeBtnLoading,
|
|
9
|
+
propertyTypes,
|
|
10
|
+
extraIcons,
|
|
11
|
+
className = ''
|
|
12
|
+
} = props;
|
|
13
|
+
const {
|
|
14
|
+
t
|
|
15
|
+
} = useTranslation();
|
|
16
|
+
const {
|
|
17
|
+
authenticated
|
|
18
|
+
} = isUserAuthenticated();
|
|
19
|
+
if (isEmpty(rooms)) {
|
|
20
|
+
return jsx("div", {
|
|
21
|
+
className: "text-base",
|
|
22
|
+
children: t('property.not_found_any_room')
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
return jsx("div", {
|
|
26
|
+
className: `flex flex-wrap justify-evenly ${className}`,
|
|
27
|
+
children: rooms?.map((r, index) => {
|
|
28
|
+
return jsx(PropertyCard, {
|
|
29
|
+
room: r,
|
|
30
|
+
isSaved: false,
|
|
31
|
+
setFocus: () => setFocus(index),
|
|
32
|
+
setBlur: setBlur,
|
|
33
|
+
handleLike: handleLike,
|
|
34
|
+
likeBtnLoading: likeBtnLoading,
|
|
35
|
+
propertyTypes: propertyTypes,
|
|
36
|
+
authenticated: authenticated,
|
|
37
|
+
extraIcons: extraIcons
|
|
38
|
+
}, index);
|
|
39
|
+
})
|
|
40
|
+
});
|
|
41
|
+
};export{PropertyCardList};//# sourceMappingURL=PropertyCardList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropertyCardList.js","sources":["../../../src/components/UI/PropertyCardList.tsx"],"sourcesContent":[null],"names":[],"mappings":"gOAiGa,MAAA,gBAAgB,GAAoC,KAAC,IAAS;;QAEjE;AACN,IAAA;AACA,IAAA,QAAQ;AAER,IAAA,KAAW;cACA;IACX,cAAC;AACD,IAAA,aACS;cAEU;aAeT,GACR;AACN,GAAE,GAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LocationIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/icons/LocationIcon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;6CAYxB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';const LocationIcon = ({
|
|
2
|
+
className = '',
|
|
3
|
+
w,
|
|
4
|
+
h,
|
|
5
|
+
...props
|
|
6
|
+
}) => jsx("svg", {
|
|
7
|
+
viewBox: "0 0 24 24",
|
|
8
|
+
className: `inline-block ${className}`,
|
|
9
|
+
style: {
|
|
10
|
+
width: w || '1em',
|
|
11
|
+
height: h || '1em'
|
|
12
|
+
},
|
|
13
|
+
...props,
|
|
14
|
+
children: jsx("path", {
|
|
15
|
+
d: "M12.0001 1.49866C7.85965 1.49866 4.50012 4.52256 4.50012 8.24865C4.50012 14.2487 12.0001 22.4986 12.0001 22.4986C12.0001 22.4986 19.5001 14.2487 19.5001 8.24865C19.5001 4.52256 16.1406 1.49866 12.0001 1.49866ZM12.0001 11.9987C11.4068 11.9987 10.8268 11.8227 10.3334 11.4931C9.84006 11.1634 9.45554 10.6949 9.22848 10.1467C9.00142 9.59853 8.94201 8.99533 9.05776 8.41338C9.17352 7.83144 9.45924 7.29689 9.8788 6.87733C10.2984 6.45778 10.8329 6.17205 11.4148 6.0563C11.9968 5.94054 12.6 5.99995 13.1482 6.22702C13.6963 6.45408 14.1649 6.8386 14.4945 7.33194C14.8242 7.82529 15.0001 8.40531 15.0001 8.99865C14.9992 9.79404 14.6829 10.5566 14.1205 11.119C13.5581 11.6814 12.7955 11.9978 12.0001 11.9987Z",
|
|
16
|
+
fill: "currentColor"
|
|
17
|
+
})
|
|
18
|
+
});export{LocationIcon};//# sourceMappingURL=LocationIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LocationIcon.js","sources":["../../../../src/components/UI/icons/LocationIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":"oCAEO,MAAM,YAAY,GAAG,CAAC;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
export * from './CategoriesTypeList';
|
|
2
2
|
export * from './PropertyCardOnMap';
|
|
3
3
|
export * from './LazyLoadingGoogleMarker';
|
|
4
|
+
export * from './ParamSearchResultContainer';
|
|
5
|
+
export * from './PropertyCardList';
|
|
6
|
+
export * from './PropertyCard';
|
|
7
|
+
export * from './Pagination';
|
|
4
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UI/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UI/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}
|
package/lib/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{CategoriesTypeList}from'./UI/CategoriesTypeList.js';export{PropertyCardOnMap}from'./UI/PropertyCardOnMap.js';export{LazyLoadingGoogleMarker}from'./UI/LazyLoadingGoogleMarker.js';export{MainHeader,defaultRenderLogo,defaultRenderLogoAndTitle}from'./Layout/GlobalHeader/MainHeader.js';export{Logo}from'./Layout/GlobalHeader/Logo.js';export{RightMenu}from'./Layout/GlobalHeader/RightMenu.js';export{ThemeContext,ThemeProvider,useTheme}from'./ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./ThemeProvider/ThemeToggle.js';export{applyTheme,generateColorPalette,hslToHex}from'./ThemeProvider/themeUtils.js';export{themeRegistry}from'./ThemeProvider/themeRegistry.js';//# sourceMappingURL=index.js.map
|
|
1
|
+
export{CategoriesTypeList}from'./UI/CategoriesTypeList.js';export{PropertyCardOnMap}from'./UI/PropertyCardOnMap.js';export{LazyLoadingGoogleMarker}from'./UI/LazyLoadingGoogleMarker.js';export{ParamSearchResultContainer}from'./UI/ParamSearchResultContainer.js';export{PropertyCardList}from'./UI/PropertyCardList.js';export{PropertyCard}from'./UI/PropertyCard.js';export{Pagination}from'./UI/Pagination.js';export{MainHeader,defaultRenderLogo,defaultRenderLogoAndTitle}from'./Layout/GlobalHeader/MainHeader.js';export{Logo}from'./Layout/GlobalHeader/Logo.js';export{RightMenu}from'./Layout/GlobalHeader/RightMenu.js';export{ThemeContext,ThemeProvider,useTheme}from'./ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./ThemeProvider/ThemeToggle.js';export{applyTheme,generateColorPalette,hslToHex}from'./ThemeProvider/themeUtils.js';export{themeRegistry}from'./ThemeProvider/themeRegistry.js';//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM;;;0CAGjB,CAAC"}
|
package/lib/config/env-config.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import {cleanEnv,str}from'envalid';import {getEnvironment}from'@common-stack/core';const env = getEnvironment();
|
|
1
|
+
import {cleanEnv,str,bool}from'envalid';import {getEnvironment}from'@common-stack/core';const env = getEnvironment();
|
|
2
2
|
const config = cleanEnv(env, {
|
|
3
3
|
LAYOUT_ROOT: str({
|
|
4
4
|
default: '/o/:orgName',
|
|
5
5
|
desc: 'Layout parent route'
|
|
6
|
+
}),
|
|
7
|
+
ENABLE_PROPERTY_PRICE_COMPARISON: bool({
|
|
8
|
+
default: false,
|
|
9
|
+
desc: 'Enable property price comparison section'
|
|
6
10
|
})
|
|
7
11
|
});export{config};//# sourceMappingURL=env-config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":"wFAGA,MAAM,GAAG,GAAG,cAAc,EAAE;AAEf,MAAA,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;AAChC,EAAA,WAAA,EAAW,GAAE,CAAA;AACb,IAAA,OAAA,EAAA,aAAA;AACH,IAAE,IAAA,EAAA;;;;;;"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
interface DynamicTypeIconsProps {
|
|
3
3
|
icon: any;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
iconStyle?: {
|
|
5
|
+
iconColor?: string;
|
|
6
|
+
w?: string;
|
|
7
|
+
h?: string;
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
};
|
|
10
|
+
[key: string]: any;
|
|
8
11
|
}
|
|
9
12
|
export declare const DynamicIcon: React.FC<DynamicTypeIconsProps>;
|
|
10
13
|
export declare const renderDynamicIcon: (icon: any) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicIcon.d.ts","sourceRoot":"","sources":["../../src/helpers/DynamicIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DynamicIcon.d.ts","sourceRoot":"","sources":["../../src/helpers/DynamicIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,qBAAqB;IAC3B,IAAI,EAAE,GAAG,CAAC;IACV,SAAS,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyCvD,CAAC;AAEF,eAAO,MAAM,iBAAiB,wDAQ7B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsx}from'react/jsx-runtime';import*as React from'react';import {useState,useEffect}from'react';import
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import*as React from'react';import {useState,useEffect}from'react';import selectiveIcons from'@app/selectiveIcons';const DynamicIcon = React.memo(({
|
|
2
2
|
icon,
|
|
3
3
|
iconStyle,
|
|
4
4
|
...props
|
|
@@ -20,20 +20,16 @@ import {jsx}from'react/jsx-runtime';import*as React from'react';import {useState
|
|
|
20
20
|
loadIcon();
|
|
21
21
|
}, [icon]);
|
|
22
22
|
if (!IconComponent) return null;
|
|
23
|
-
return jsx(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
},
|
|
34
|
-
h: {
|
|
35
|
-
base: iconStyle?.h ?? '16px',
|
|
36
|
-
md: iconStyle?.h ?? '16px'
|
|
23
|
+
return jsx("div", {
|
|
24
|
+
className: "m-0 flex",
|
|
25
|
+
children: jsx(IconComponent, {
|
|
26
|
+
className: "textCurrent",
|
|
27
|
+
style: {
|
|
28
|
+
color: iconStyle?.iconColor,
|
|
29
|
+
stroke: iconStyle?.iconColor,
|
|
30
|
+
width: iconStyle?.w || '16px',
|
|
31
|
+
height: iconStyle?.h || '16px',
|
|
32
|
+
...props.style
|
|
37
33
|
},
|
|
38
34
|
...props
|
|
39
35
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicIcon.js","sources":["../../src/helpers/DynamicIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DynamicIcon.js","sources":["../../src/helpers/DynamicIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"uJAgBa,MAAA,WAAW,GAAoC,KAAK,CAAC,IAAI,CAClE,CAAC;MACS;WACG;;AAED,CAAA,KAAA;sBACY,EAAA,gBAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;AACP,EAAA,SAAA,CAAA,MAAA;AACG,IAAA,MAAA,QAAA,SAAW;wBACS,GAAA,cAAI,CAAE,IAAC,CAAA;kBAC1B,CAAA,IAAA,CAAA,MAAA,IAAA;yBAAO,CAAA,OAAA,KAAA,QAAA,EAAA;0BACY,CAAA,MAAA,OAAI,YAAU,CAAA,CAAA;;AAEtC,UAAA,gBAAE,CAAA,MAAA,MAAA,CAAA,OAAA,CAAA;AACD;kBACmB,IAAA;AACpB,QAAA,gBAAG,CAAA,IAAA,CAAA;AACX,OAAA,CAAA;AACA,KAAA;AACJ,IAAA,QAAQ,EAAE;AAEV,GAAA,EAAA,CAAA,IAAkB,CAAA,CAAA;AAAE,EAAA,IAAA,CAAA,aAAY,EAAA,OAAA,IAAA;AAEhC,EAAA,OAAAA,GACI,CAAA,KAAA,EAAA;yBAI4B;iBACV,CAAA,aAAW,EAAA;AACjB,MAAA,SAAA,EAAA,aAAO;AACP,MAAA,KAAA,EAAA;wBACQ,EAAM,SAAA;AACjB,QAAA,MAAA,EAAA,SACQ,EAEX,SACR;AACN,QACU,KAAA,EAAE,SAAS,EAAE,CAAE,IACZ,MAAA;AAGjB,QAAa,MAAA,EAAA,SAAA,EAAA,CAAA,UAAyB;AAClC,QAAI,GAAO,KAAA,CAAA;AACP,OAAA;MACH,GAAA;AAAM,KAAA;AACH,GAAA,CAAA;IACJ,SAAC,EAAA,SAAA,KAAA,SAAA,CAAA,IAAA,KAAA,SAAA,CAAA,IAAA,IAAA,SAAA,CAAA,SAAA,EAAA,SAAA,KAAA,SAAA,CAAA,SAAA,EAAA,SAAA;AAAO,MAAA,iBAAA,GAAA,IAAA,IAAA;AACJ,EAAA,IAAA,OAAA,SAAY,QAAA,EAAA;IAChB,OAACA,GAAA,CAAA,WAAA,EAAA;AACL,MAAE,IAAA,EAAA,IAAA,CAAA,IAAA;;;;;;;;;;"}
|
package/lib/hooks/index.d.ts
CHANGED
package/lib/hooks/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Gets the current Ip address details of user by calling the geolocation
|
|
4
|
+
*
|
|
5
|
+
*/
|
|
6
|
+
interface CurrentLocationLongLatInterface {
|
|
7
|
+
loading: boolean;
|
|
8
|
+
error: Error;
|
|
9
|
+
fetchCurrentLatLong: () => void;
|
|
10
|
+
permissionDenied: boolean;
|
|
11
|
+
location: {
|
|
12
|
+
latitude: number;
|
|
13
|
+
longitude: number;
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
export declare function useGetCurrentLongLat(): CurrentLocationLongLatInterface;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=use-get-current-lat-long.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-get-current-lat-long.d.ts","sourceRoot":"","sources":["../../src/hooks/use-get-current-lat-long.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,UAAU,+BAA+B;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;KACrB,CAAC;CACL;AAED,wBAAgB,oBAAoB,IAAI,+BAA+B,CA6BtE"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import {reject}from'lodash-es';import originalAsyncFunc from'react-use/lib/useAsyncFn.js';import {useState}from'react';const useAsyncFn = originalAsyncFunc?.default || originalAsyncFunc;
|
|
2
|
+
function useGetCurrentLongLat() {
|
|
3
|
+
const [permissionDenied, setPermissionDenied] = useState(false);
|
|
4
|
+
// const { toastError } = Toast();
|
|
5
|
+
const [state, fetchCurrentLatLong] = useAsyncFn(() => new Promise(resolve => {
|
|
6
|
+
navigator.geolocation.getCurrentPosition(position => {
|
|
7
|
+
setPermissionDenied(false);
|
|
8
|
+
resolve({
|
|
9
|
+
latitude: position.coords.latitude,
|
|
10
|
+
longitude: position.coords.longitude
|
|
11
|
+
});
|
|
12
|
+
}, err => {
|
|
13
|
+
setPermissionDenied(true);
|
|
14
|
+
// toastError(err.message);
|
|
15
|
+
reject(err);
|
|
16
|
+
}, {
|
|
17
|
+
maximumAge: 60000,
|
|
18
|
+
timeout: 5000,
|
|
19
|
+
enableHighAccuracy: true
|
|
20
|
+
});
|
|
21
|
+
}));
|
|
22
|
+
return {
|
|
23
|
+
loading: state.loading,
|
|
24
|
+
location: state.value,
|
|
25
|
+
error: state.error,
|
|
26
|
+
permissionDenied,
|
|
27
|
+
fetchCurrentLatLong
|
|
28
|
+
};
|
|
29
|
+
}export{useGetCurrentLongLat};//# sourceMappingURL=use-get-current-lat-long.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-get-current-lat-long.js","sources":["../../src/hooks/use-get-current-lat-long.ts"],"sourcesContent":[null],"names":[],"mappings":"uHAIA,MAAM,UAAU,GAAI,iBAAyB,EAAE,OAAO,IAAI,iBAAiB;SAiB3D,oBAAoB,GAAA;QAC1B,CAAA,gBAAiB,EAAA,mBAAqB,CAAA,WAAY,CAAA,KAAM,CAAA;;AAG9D,EAAA,MAAA,CAAA,KAAY,EAAA,mBAAqB,CAAA,aAAc,CAAA,MACxC,IACK,OAAA,CAAA,OAAS;aACA,CAAA,8BAAa,CAAA,QACjB,IAAA;yBACsB,CAAA,KAAA,CAAC;AACpB,MAAA,OAAA,CAAA;AACJ,QAAA,QACI,EAAI,QAAA,CAAA,MAAA,CAAA,QAAA;iBACe,EAAA,QAAA,CAAA,MAAK,CAAA;;cAElB;AACV,MAAA,mBACc,KAAK,CAAE;;MAK9B,MAAA,CAAA,GAAA,CAAA;;gBAEK,EAAE,KAAK;aACV,EAAE,IAAK;wBACI,EAAA;;KAEnB;AACL,EAAC,OAAA;;;;;;;"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import {useState,useEffect}from'react';import {FaMoon}from'@react-icons/all-files/fa/FaMoon.js';import {FaSun}from'@react-icons/all-files/fa/FaSun.js';const useTailwindTheme = () => {
|
|
2
|
+
// Check if dark mode is preferred by user or system
|
|
3
|
+
const [isDark, setIsDark] = useState(() => {
|
|
4
|
+
if (typeof window !== 'undefined') {
|
|
5
|
+
// Check local storage first, then system preference
|
|
6
|
+
const storedTheme = localStorage.getItem('color-theme');
|
|
7
|
+
if (storedTheme === 'dark') return true;
|
|
8
|
+
if (storedTheme === 'light') return false;
|
|
9
|
+
return window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
10
|
+
}
|
|
11
|
+
return false;
|
|
12
|
+
});
|
|
13
|
+
// Set dark mode class on body when theme changes
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
document.documentElement.classList.toggle('dark', isDark);
|
|
16
|
+
localStorage.setItem('color-theme', isDark ? 'dark' : 'light');
|
|
17
|
+
}, [isDark]);
|
|
18
|
+
const toggleColorMode = () => setIsDark(!isDark);
|
|
19
|
+
const colorModeLabel = isDark ? 'light' : 'dark';
|
|
20
|
+
const ColorModeIcon = isDark ? FaSun : FaMoon;
|
|
21
|
+
// Define colors for both light and dark modes
|
|
22
|
+
const bgColor = isDark ? '#1A202C' : 'white'; // gray-800 or white
|
|
23
|
+
const color = isDark ? 'white' : '#2d3748'; // white or gray-800
|
|
24
|
+
const grayColor = isDark ? '#A0AEC0' : '#4A5568'; // gray-400 or gray-600
|
|
25
|
+
const greenColor = '#38A169'; // green-500 in both modes
|
|
26
|
+
const passiveColor = isDark ? '#4A5568' : '#E2E8F0'; // gray-600 or gray-200
|
|
27
|
+
const borderColor = isDark ? '#4A5568' : '#E2E8F0'; // gray-600 or gray-200
|
|
28
|
+
const checkBgColor = isDark ? '#1A202C' : '#CBD5E0'; // gray-800 or gray-300
|
|
29
|
+
const radioActiveBgColor = isDark ? 'rgb(0 31 71)' : '#EBF8FF'; // custom dark blue or blue-50
|
|
30
|
+
const checkInactiveColor = isDark ? 'rgba(255, 255, 255, 0.4)' : '#CBD5E0'; // whiteAlpha-400 or gray-300
|
|
31
|
+
const blueColor = '#2869E0'; // same in both modes
|
|
32
|
+
const yellowColor = '#F5BC00'; // same in both modes
|
|
33
|
+
const blackColor = '#000'; // same in both modes
|
|
34
|
+
const becomeHostColor = isDark ? '#4299E1' : '#9DECF9'; // blue-400 or cyan-200
|
|
35
|
+
const activeMenuBgColor = isDark ? '#2D3748' : '#EDF2F7'; // gray-700 or gray-100
|
|
36
|
+
const shadowColor = isDark ? 'rgba(205, 205, 162, 0.25) 0px 6px 12px -2px, rgba(255,255,255, 0.3) 0px 3px 7px -3px' : 'rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px';
|
|
37
|
+
const calendarAvailableColor = '#3e9f31'; // same in both modes
|
|
38
|
+
const calendarPartialColor = '#31679f'; // same in both modes
|
|
39
|
+
const calendarBlockColor = isDark ? '#2d3748' : '#e2e8f0'; // gray-800 or gray-300
|
|
40
|
+
const discountColor = '#3182CE'; // blue-500 in both modes
|
|
41
|
+
const cancelColor = '#E53E3E'; // red-500 in both modes
|
|
42
|
+
const errorColor = '#C53030'; // red-600 in both modes
|
|
43
|
+
// Tailwind-specific class helpers
|
|
44
|
+
const textColorClass = isDark ? 'text-white' : 'text-gray-800';
|
|
45
|
+
const borderColorClass = isDark ? 'border-gray-600' : 'border-gray-200';
|
|
46
|
+
const bgColorClass = isDark ? 'bg-gray-800' : 'bg-white';
|
|
47
|
+
const textColor = isDark ? 'white' : 'gray-800';
|
|
48
|
+
const shadowClass = isDark ? 'shadow-dark' : 'shadow-light';
|
|
49
|
+
return {
|
|
50
|
+
toggleColorMode,
|
|
51
|
+
colorModeLabel,
|
|
52
|
+
ColorModeIcon,
|
|
53
|
+
color,
|
|
54
|
+
bgColor,
|
|
55
|
+
blackColor,
|
|
56
|
+
borderColor,
|
|
57
|
+
checkBgColor,
|
|
58
|
+
radioActiveBgColor,
|
|
59
|
+
checkInactiveColor,
|
|
60
|
+
grayColor,
|
|
61
|
+
greenColor,
|
|
62
|
+
passiveColor,
|
|
63
|
+
blueColor,
|
|
64
|
+
yellowColor,
|
|
65
|
+
becomeHostColor,
|
|
66
|
+
activeMenuBgColor,
|
|
67
|
+
shadowColor,
|
|
68
|
+
calendarAvailableColor,
|
|
69
|
+
calendarPartialColor,
|
|
70
|
+
calendarBlockColor,
|
|
71
|
+
discountColor,
|
|
72
|
+
cancelColor,
|
|
73
|
+
errorColor,
|
|
74
|
+
isDark,
|
|
75
|
+
// Tailwind specific
|
|
76
|
+
textColor,
|
|
77
|
+
borderColorClass,
|
|
78
|
+
bgColorClass,
|
|
79
|
+
textColorClass,
|
|
80
|
+
shadowClass
|
|
81
|
+
};
|
|
82
|
+
};export{useTailwindTheme};//# sourceMappingURL=useTailwindTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTailwindTheme.js","sources":["../../src/hooks/useTailwindTheme.tsx"],"sourcesContent":[null],"names":[],"mappings":"uJAsCO,MAAM,gBAAgB,GAAG,MAAkC;;QAExD,CAAA,QAAO,SAAE,CAAA,GAAa,QAAA,CAAA,MAAc;AACtC,IAAA,IAAA,OAAW,MAAA,KAAW,WAAA,EAAA;;YAElB,WAAM,GAAA,YAA0B,CAAA,qBAAS,CAAA;qBACrC,KAAA,MAAgB,EAAM,OAAA,IAAA;AAAE,MAAA,IAAA,WAAA,YAAY,EAAA,OAAA,KAAA;aACpC,MAAA,CAAA,yCAAuB,CAAA,CAAA,OAAA;AAAE;gBACtB;;AAEX;AACJ,EAAA,SAAG,CAAA,MAAA;IAEH,QAAiD,CAAA,eAAA,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,EAAA,MAAA,CAAA;IACjD,aAAa,OAAE,CAAA,aAAA,EAAA,MAAA,GAAA,MAAA,GAAA,OAAA,CAAA;YACH,CAAA,CAAA;AACR,EAAA,MAAA,eAAa,GAAA,MAAQ,SAAA,CAAa,OAAQ,CAAA;AAC9C,EAAA,MAAI,cAAS,GAAA,MAAA,GAAA,OAAA,GAAA,MAAA;QAEP,aAAA,GAAA,MAAkB,GAAK,cAAkB;;QAEzC,OAAA,GAAA,MAAgB,GAAA,SAAS,GAAA,OAAQ,CAAA;QAEO,KAAA,GAAA,MAAA,GAAA,OAAA,GAAA,SAAA,CAAA;AAC9C,EAAA,MAAA,SAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAoB;AAClE,EAAA,MAAA,UAAc,GAAM,SAAU,CAAA;AAC9B,EAAA,MAAA,YAAe,GAAS,MAAC,GAAW,SAAC,GAAW,SAAC,CAAC;AAClD,EAAA,MAAA,WAAgB,GAAA,MAAY,GAAA,SAA4B,GAAA,SAAA,CAAA;AACxD,EAAA,MAAA,YAAkB,GAAA,MAAS,GAAC,SAAW,GAAC,SAAW,CAAA;AACnD,EAAA,MAAA,kBAA0B,GAAA,MAAY,GAAA,cAAY,GAAC,SAAwB,CAAA;AAC3E,EAAA,MAAA,kBAA2B,GAAA,MAAY,GAAA,0BAAqC,GAAA,SAAA,CAAA;AAC5E,EAAA,MAAA,SAAwB,GAAA,SAAA,CAAA;AACxB,EAAA,MAAA,WAAwB,GAAA,SAAG,CAAM;AACjC,EAAA,MAAA,UAAe,GAAA,MAAY,CAAA;AAC3B,EAAA,MAAA,eAAiB,GAAY,MAAA,GAAE,SAAqB,GAAA,SAAA,CAAA;AACpD,EAAA,MAAA,iBAAyB,GAAA,MAAuB,GAAA,SAAA,GAAA,SAAA,CAAA;AAChD,EAAA,MAAA,WAAqB,GAAA,MAAG,GAAM,sFAAiD,GAAA,+EAAA;AAC/E,EAAA,MAAA,sBAA0B,GAAM,SAAY,CAAA;QACtC,oBAAoB,GAAA,SAAA,CAAA;AACtB,EAAA,MAAA,kBAAwF,GAAA,MAAA,GAAA,SAAA,GAAA,SAAA,CAAA;QACxF;AAEJ,EAAA,MAAA,WAA4B,GAAA,SAAA,CAAA;AAC5B,EAAA,MAAA,UAA0B,GAAA,SAAA,CAAA;AAC1B;AACA,EAAA,MAAA,cAAmB,GAAA,MAAY,GAAA,YAA2B,GAAA,eAAA;AAC1D,EAAA,MAAA,gBAAoB,GAAS,MAAA,GAA0B,iBAAA,GAAA,iBAAA;AACvD,EAAA,MAAA,YAAgB,GAAG,MAAS,GAAA,aAA0B,GAAA,UAAA;QAEpB,SAAA,GAAA,MAAA,GAAA,OAAA,GAAA,UAAA;QAC5B,WAAA,GAAA,MAAiB,GAAA,aAAS,GAAA,cAAe;SACzC;IACN,eAAM;IACN,cAAM;IACN,aAAM;IAEN,KAAO;WACY;cACD;eACD;gBACR;sBACE;sBACG;aACC;cACC;gBACM;aACA;eACT;mBACC;qBACE;eACH;0BACE;wBACI;sBACE;iBACN;eACW;cACF;UACF;;aAEP;oBACD;gBACJ;kBACc;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@admin-layout/tailwind-design-pro",
|
|
3
|
-
"version": "10.0.9-alpha.
|
|
3
|
+
"version": "10.0.9-alpha.27",
|
|
4
4
|
"description": "Sample core for higher packages to depend on",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "9e313999475776390282ceca79f56daa84826228",
|
|
62
62
|
"typescript": {
|
|
63
63
|
"definition": "lib/index.d.ts"
|
|
64
64
|
}
|