@admin-layout/tailwind-travel-pro 11.2.1-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2017 CDMBase LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/lib/components/CardList.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+interface IBaseItem {
+    id: string;
+    title: string;
+    types: string[];
+    name: string;
+    description?: string;
+    introduction?: string;
+    address: any;
+    location: string;
+    images: any;
+    thumbnailUrl?: string;
+    thumbnailAlt?: string;
+    verificationDocuments?: any;
+    info?: any;
+    user: any;
+    status?: any;
+    errors?: any;
+    preferences?: any;
+    orgName?: string;
+    serviceConfiguration?: any;
+    totalReview?: number;
+    totalStar?: number;
+    reviews?: any;
+    comments?: any;
+    userLikes?: any;
+    calendarEvents?: any[];
+    isUserLike?: boolean;
+    formattedPrice?: number;
+    timeZone: string;
+    createdAt: any;
+    updatedAt?: any;
+    stats?: any;
+    guideBookId?: string;
+    guestSharing?: any;
+}
+type CardListProps = {
+    items?: IBaseItem[];
+    setFocus: (index: number) => void;
+    setBlur: (index: number) => void;
+    handleLike: (index: number) => void;
+    likeBtnLoading: boolean;
+    categoryTypes: any[];
+    extraIcons?: any;
+    className?: string;
+    customCardComponent?: (props: {
+        item: IBaseItem;
+        index: number;
+        setFocus: () => void;
+        setBlur: (index: number) => void;
+        handleLike: (index: number) => void;
+        likeBtnLoading: boolean;
+        categoryTypes: any[];
+        extraIcons?: any;
+        authenticated: boolean;
+    }) => React.ReactNode;
+    emptyMessage?: string;
+};
+export declare const CardList: React.FC<CardListProps>;
+export {};
+//# sourceMappingURL=CardList.d.ts.map

package/lib/components/CardList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardList.d.ts","sourceRoot":"","sources":["../../src/components/CardList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,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;AAYD,KAAK,aAAa,GAAG;IACjB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,GAAG,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC1B,IAAI,EAAE,SAAS,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACpC,cAAc,EAAE,OAAO,CAAC;QACxB,aAAa,EAAE,GAAG,EAAE,CAAC;QACrB,UAAU,CAAC,EAAE,GAAG,CAAC;QACjB,aAAa,EAAE,OAAO,CAAC;KAC1B,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuC5C,CAAC"}

package/lib/components/CardList.js

@@ -0,0 +1,41 @@
+import React from'react';import {useTranslation}from'react-i18next';import {isEmpty}from'lodash-es';import {isUserAuthenticated}from'@adminide-stack/user-auth0-client';const CardList = props => {
+  const {
+    setBlur,
+    setFocus,
+    items,
+    handleLike,
+    likeBtnLoading,
+    categoryTypes,
+    extraIcons,
+    className = '',
+    customCardComponent,
+    emptyMessage = 'No items found'
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  const {
+    authenticated
+  } = isUserAuthenticated();
+  if (isEmpty(items)) {
+    return React.createElement("div", {
+      className: "text-base text-foreground"
+    }, emptyMessage);
+  }
+  return React.createElement("div", {
+    className: `flex flex-wrap justify-evenly ${className}`
+  }, items?.map((item, index) => React.createElement("div", {
+    key: index,
+    className: "max-w-[100%] mb-4"
+  }, customCardComponent?.({
+    item,
+    index,
+    setFocus: () => setFocus(index),
+    setBlur,
+    handleLike,
+    likeBtnLoading,
+    categoryTypes,
+    extraIcons,
+    authenticated
+  }))));
+};export{CardList};//# sourceMappingURL=CardList.js.map

package/lib/components/CardList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardList.js","sources":["../../src/components/CardList.tsx"],"sourcesContent":[null],"names":[],"mappings":"wKA0EO,MAAM,QAAQ,GAA4B,KAAC,IAAO;QACrD;AAYA,IAAA;AACA,IAAA,QAAQ;AAER,IAAA,KAAI;AACA,IAAA,UAAA;IACJ,cAAC;AAED,IAAA,aACI;cAIoB;aACC,GAAA,EAAA;AACL,IAAA,mBAAe;gBACR,GAAA;WACP;QACA;;oBAEU,EAAA;QACV;AACH,IAAA;AAKrB,GAAE,GAAA,mBAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/CategoriesTypeList.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export interface ICategoryType<TTypename, TCategory, TName> {
+    __typename?: TTypename;
+    id: string;
+    description: string | null;
+    category: TCategory;
+    name: TName;
+    icon?: string | null;
+    imageKey?: string | null;
+    thumbnailUrl?: string | null;
+}
+export interface ICategoriesTypeListProps<TTypename, TCategory, TName> {
+    isExplorerView?: boolean;
+    categories: ICategoryType<TTypename, TCategory, TName>[];
+    initialCategory: ICategoryType<TTypename, TCategory, TName>;
+    boxColor: (categoryId: string) => string;
+    iconColor: (categoryId: string) => string;
+    badgeTitle?: string;
+    extraIcons: string[];
+    aria_label: string;
+    splideRef?: any;
+    isNewBadge: (categoryId: string) => boolean;
+    handleSearchClick: (cateItem: string, item: any, isExplorerView?: boolean) => void;
+    activeCategory?: string;
+}
+export declare const CategoriesTypeList: <TTypename, TCategory, TName>({ boxColor, iconColor, badgeTitle, extraIcons, categories, initialCategory, aria_label, isExplorerView, splideRef, isNewBadge, handleSearchClick, activeCategory, }: ICategoriesTypeListProps<TTypename, TCategory, TName>) => React.JSX.Element;
+//# sourceMappingURL=CategoriesTypeList.d.ts.map

package/lib/components/CategoriesTypeList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesTypeList.d.ts","sourceRoot":"","sources":["../../src/components/CategoriesTypeList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAazE,MAAM,WAAW,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,wBAAwB,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACzD,eAAe,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;IAC5D,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5C,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,cAAc,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AA2GD,eAAO,MAAM,kBAAkB,GAAI,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,qKAa7D,wBAAwB,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,sBAsGvD,CAAC"}

package/lib/components/CategoriesTypeList.js

@@ -0,0 +1,163 @@
+import React,{useCallback,useMemo,useState,useEffect}from'react';import {useTranslation}from'react-i18next';import {renderDynamicIcon}from'@admin-layout/tailwind-design-pro/lib/helpers/DynamicIcon.js';import {useWindowSize}from'../hooks/useWindowSize.js';import {Carousel,CarouselContent,CarouselItem,CarouselPrevious,CarouselNext}from'@admin-layout/tailwind-ui/lib/shardui/carousel';// Helper function to merge arrays
+const mergeArrays = (arr1, arr2, keyToMapIcons) => {
+  const iconMap = new Map(arr2.map(icon => [icon.split('.').pop(), icon]));
+  return arr1.filter(item => iconMap.has(item[keyToMapIcons])).map(item => ({
+    ...item,
+    icon: iconMap.get(item[keyToMapIcons])
+  }));
+};
+// Create a memoized category item component
+function CategoryItemComponent({
+  category,
+  boxColor,
+  size,
+  t,
+  isNewBadge,
+  badgeTitle,
+  handleSearchClick,
+  isExplorerView,
+  isActive
+}) {
+  // Prevent multiple click propagation
+  const handleClick = useCallback(e => {
+    e.preventDefault();
+    e.stopPropagation();
+    handleSearchClick(category.id, category, isExplorerView);
+  }, [category, handleSearchClick, isExplorerView]);
+  // Compute the current color values
+  const currentBoxColor = isActive ? boxColor(category.id) : '#4A5568';
+  // Determine font size based on screen width
+  const fontSize = useMemo(() => {
+    if (size.width > 1200) return '16px';
+    if (size.width > 768) return '15px';
+    if (size.width > 480) return '14px';
+    return '12px';
+  }, [size.width]);
+  // Determine icon size based on screen width
+  const iconSize = useMemo(() => ({
+    w: size.width > 1200 ? '2vw' : '3vw',
+    h: size.height > 1200 ? '2vw' : '3vw'
+  }), [size.width, size.height]);
+  return React.createElement("div", {
+    className: `flex flex-col items-center justify-center cursor-pointer relative font-bold ${isActive ? 'text-primary' : 'text-muted-foreground'}`,
+    style: {
+      fontSize
+    },
+    onClick: handleClick
+  }, renderDynamicIcon({
+    name: category.icon,
+    style: {
+      iconColor: currentBoxColor,
+      ...iconSize
+    }
+  }), React.createElement("div", {
+    className: "text-center"
+  }, t(category.description)), isNewBadge(category.id) && React.createElement("div", {
+    className: "absolute top-0 right-0 bg-primary text-primary-foreground rounded-themed text-xs p-1"
+  }, badgeTitle));
+}
+// Use React.memo with a custom comparison function
+const CategoryItem = React.memo(CategoryItemComponent, (prevProps, nextProps) => {
+  if (prevProps.category.id !== nextProps.category.id) return false;
+  if (prevProps.isActive !== nextProps.isActive) return false;
+  if (prevProps.boxColor(prevProps.category.id) !== nextProps.boxColor(nextProps.category.id)) return false;
+  return true;
+});
+const CategoriesTypeList = ({
+  boxColor,
+  iconColor,
+  badgeTitle,
+  extraIcons,
+  categories,
+  initialCategory,
+  aria_label,
+  isExplorerView,
+  splideRef,
+  isNewBadge,
+  handleSearchClick,
+  activeCategory
+}) => {
+  const size = useWindowSize();
+  const {
+    t
+  } = useTranslation(['property-types', 'common']);
+  const [carouselApi, setCarouselApi] = React.useState();
+  // Track the currently active category ID internally
+  const [activeCategoryId, setActiveCategoryId] = useState(() => activeCategory || initialCategory.id);
+  // Update internal state when activeCategory prop changes
+  useEffect(() => {
+    setActiveCategoryId(activeCategory || initialCategory.id);
+  }, [activeCategory, initialCategory.id]);
+  // Memoize the merged array
+  const mappedArr = useMemo(() => mergeArrays([initialCategory, ...categories], extraIcons, 'icon'), [initialCategory, categories, extraIcons]);
+  // Add mouse wheel functionality
+  React.useEffect(() => {
+    if (!carouselApi) return;
+    const handleWheel = event => {
+      event.preventDefault();
+      if (event.deltaY > 0) {
+        // Scrolling down - go to next slide
+        carouselApi.scrollNext();
+      } else {
+        // Scrolling up - go to previous slide
+        carouselApi.scrollPrev();
+      }
+    };
+    const carouselElement = carouselApi.rootNode();
+    carouselElement.addEventListener('wheel', handleWheel, {
+      passive: false
+    });
+    return () => {
+      carouselElement.removeEventListener('wheel', handleWheel);
+    };
+  }, [carouselApi]);
+  // Determine number of slides per view based on screen size
+  const slidesPerView = useMemo(() => {
+    if (size.width >= 1024) return 9; // Large screens
+    if (size.width >= 768) return 5; // Medium screens
+    return 3; // Small screens
+  }, [size.width]);
+  // Calculate item width based on slides per view
+  const itemWidth = useMemo(() => {
+    return `${100 / slidesPerView}%`;
+  }, [slidesPerView]);
+  // Carousel options based on screen size
+  const carouselOptions = useMemo(() => ({
+    align: 'start',
+    loop: true,
+    slidesToScroll: 1,
+    dragFree: true
+  }), []);
+  return React.createElement("div", {
+    className: "w-full relative"
+  }, React.createElement(Carousel, {
+    ref: splideRef,
+    setApi: setCarouselApi,
+    "aria-label": aria_label,
+    opts: carouselOptions,
+    className: "w-full relative"
+  }, React.createElement(CarouselContent, {
+    className: "-ml-2 md:-ml-6 lg:-ml-10"
+  }, mappedArr.map(d => React.createElement(CarouselItem, {
+    key: `button_${d.id}`,
+    className: "pl-2 md:pl-6 lg:pl-10",
+    style: {
+      flex: `0 0 ${itemWidth}`
+    }
+  }, React.createElement(CategoryItem, {
+    key: `category_${d.id}`,
+    category: d,
+    boxColor: boxColor,
+    size: size,
+    t: t,
+    isNewBadge: isNewBadge,
+    badgeTitle: badgeTitle,
+    handleSearchClick: handleSearchClick,
+    isExplorerView: isExplorerView,
+    isActive: d.id === activeCategoryId
+  })))), React.createElement(CarouselPrevious, {
+    className: "absolute left-2 top-1/2 -translate-y-1/2 bg-background hover:bg-muted"
+  }), React.createElement(CarouselNext, {
+    className: "absolute right-2 top-1/2 -translate-y-1/2 bg-background hover:bg-muted"
+  })));
+};export{CategoriesTypeList};//# sourceMappingURL=CategoriesTypeList.js.map

package/lib/components/CategoriesTypeList.js.map

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

package/lib/components/LazyLoadingGoogleMarker.d.ts

@@ -0,0 +1,83 @@
+import { ReactElement } from 'react';
+export interface IProperty {
+    id: string;
+    title: string;
+    types: string[];
+    name: string;
+    description?: string;
+    introduction?: string;
+    address: any;
+    location: string;
+    images: any;
+    thumbnailUrl?: string;
+    thumbnailAlt?: string;
+    verificationDocuments?: any;
+    info?: any;
+    user: any;
+    status?: any;
+    errors?: any;
+    preferences?: any;
+    orgName?: string;
+    serviceConfiguration?: any;
+    totalReview?: number;
+    totalStar?: number;
+    reviews?: any;
+    comments?: any;
+    userLikes?: any;
+    calendarEvents?: any[];
+    isUserLike?: boolean;
+    formattedPrice?: number;
+    timeZone: string;
+    createdAt: any;
+    updatedAt?: any;
+    stats?: any;
+    guideBookId?: string;
+    guestSharing?: any;
+}
+export interface IAirbnbProperty {
+    id: string;
+    title: string;
+    types: string[];
+    name: string;
+    description?: string;
+    introduction?: string;
+    address: any;
+    location: string;
+    images: any;
+    thumbnailUrl?: string;
+    thumbnailAlt?: string;
+    verificationDocuments?: any;
+    info?: any;
+    user: any;
+    status?: any;
+    errors?: any;
+    preferences?: any;
+    orgName?: string;
+    serviceConfiguration?: any;
+    totalReview?: number;
+    totalStar?: number;
+    reviews?: any;
+    comments?: any;
+    userLikes?: any;
+    calendarEvents?: any[];
+    isUserLike?: boolean;
+    formattedPrice?: number;
+    timeZone: string;
+    createdAt: any;
+    updatedAt?: any;
+    stats?: any;
+    guideBookId?: string;
+    guestSharing?: any;
+}
+interface ILazyLoadingGoogleMarkerProps {
+    property: IProperty | IAirbnbProperty;
+    isHighlighted: boolean;
+    showPrices: boolean;
+    isActiveMarker: boolean;
+    propertyTypes: any;
+    onMarkerClick: () => void;
+    onInfoBoxClose: () => void;
+}
+export declare const LazyLoadingGoogleMarker: (props: ILazyLoadingGoogleMarkerProps) => ReactElement;
+export {};
+//# sourceMappingURL=LazyLoadingGoogleMarker.d.ts.map

package/lib/components/LazyLoadingGoogleMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyLoadingGoogleMarker.d.ts","sourceRoot":"","sources":["../../src/components/LazyLoadingGoogleMarker.tsx"],"names":[],"mappings":"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"}

package/lib/components/LazyLoadingGoogleMarker.js

@@ -0,0 +1,104 @@
+import React,{useState,useEffect}from'react';import {PropertyCardOnMap}from'./PropertyCardOnMap.js';import ReactDOMServer from'react-dom/server';import*as path from'@pubngo-stack/icons/lib/rifi-maps/index.js';import*as airbnbPath from'@pubngo-stack/icons/lib/airbnb/airbnbIcons-maps/index.js';import {AdvancedMarker}from'@vis.gl/react-google-maps';const getSvgMapIcon = (types, propertyTypes) => {
+  if (!types || types.length === 0) {
+    return 'data:image/svg+xml;charset=UTF-8,';
+  }
+  const icon = propertyTypes.find(item => item.id === types[0])?.icon || '';
+  return types.length > 1 ? `${icon}MultiType` : icon;
+};
+const pricesMarker = (price, isHighlighted) => {
+  const backgroundColor = isHighlighted ? 'rgb(0, 0, 0)' : 'rgb(255,255,255)';
+  const textColor = isHighlighted ? 'rgb(255, 255, 255)' : 'rgb(0, 0, 0)';
+  const borderRadius = isHighlighted ? '20' : '15';
+  const svgString = `<svg width="84" height="55" viewBox="0 0 84 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g filter="url(#filter0_dd_7163_1572)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M25 1C13.9543 1 5 9.95431 5 21C5 32.0457 13.9543 41 25 41H39.2222L42 46L44.7778 41H59C70.0457 41 79 32.0457 79 21C79 9.95431 70.0457 1 59 1H25Z" fill="${backgroundColor}"/>
+        </g>
+
+
+        <text x="42" y="26" font-family="Arial" font-size="14" text-anchor="middle" font-weight="bold" fill="${textColor}">${price || ''}</text>
+        <defs>
+            <filter id="filter0_dd_7163_1572" x="0" y="0" width="84" height="55" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                <feMorphology radius="${borderRadius}" operator="erode" in="SourceAlpha" result="effect1_dropShadow_7163_1572"/>
+                <feOffset dy="2"/>
+                <feGaussianBlur stdDeviation="2"/>
+                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+                <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7163_1572"/>
+                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                <feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect2_dropShadow_7163_1572"/>
+                <feOffset dy="4"/>
+                <feGaussianBlur stdDeviation="3"/>
+                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
+                <feBlend mode="normal" in2="effect1_dropShadow_7163_1572" result="effect2_dropShadow_7163_1572"/>
+                <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_7163_1572" result="shape"/>
+            </filter>
+        </defs>
+    </svg>`;
+  return 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(svgString);
+};
+const svgToMarkerIcon = async (types, isHighlighted, propertyTypes) => {
+  const resultantIcon = getSvgMapIcon(types, propertyTypes);
+  let iconPath = resultantIcon.toLowerCase().startsWith('airbnb') ? isHighlighted ? airbnbPath[`${resultantIcon}Dark`] : airbnbPath[`${resultantIcon}Light`] : isHighlighted ? path[`${resultantIcon}Dark`] : path[`${resultantIcon}Light`];
+  // New logic to handle the case when iconPath is not found
+  if (!iconPath) {
+    iconPath = isHighlighted ? airbnbPath['AirbnbApartmentDark'] : airbnbPath['AirbnbApartmentLight'];
+  }
+  if (typeof iconPath !== 'function') return 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(iconPath);
+  const svg = ReactDOMServer.renderToString(iconPath({
+    width: '50px',
+    height: '50px'
+  }));
+  return 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(svg);
+};
+const getMapMarkerIcons = async (room, showPrices, isHighlighted, propertyTypes) => {
+  return showPrices ? pricesMarker(room?.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.totalBeforeDiscount, isHighlighted) : await svgToMarkerIcon(room.types, isHighlighted, propertyTypes);
+};
+const MarkerImage = React.memo(({
+  src,
+  showPrices
+}) => React.createElement("img", {
+  src: src,
+  alt: "Property Marker",
+  className: showPrices ? 'w-[84px] h-[40px]' : 'w-[90px] h-[60px]'
+}));
+const LazyLoadingGoogleMarker = props => {
+  const {
+    property,
+    isHighlighted,
+    showPrices,
+    isActiveMarker,
+    onInfoBoxClose,
+    onMarkerClick,
+    propertyTypes
+  } = props;
+  const [mapIcon, setMapIcon] = useState('');
+  useEffect(() => {
+    (async () => {
+      const icon = await getMapMarkerIcons(property, showPrices, isHighlighted, propertyTypes);
+      setMapIcon(icon);
+    })();
+  }, [isHighlighted, showPrices]);
+  if (!property) {
+    return;
+  }
+  return React.createElement(AdvancedMarker, {
+    position: {
+      lat: property.address.latitude_around,
+      lng: property.address.longitude_around
+    },
+    title: property.name,
+    onClick: onMarkerClick,
+    zIndex: isHighlighted ? 999 : 1
+  }, React.createElement("div", {
+    className: "relative cursor-pointer transform -translate-x-1/2 -translate-y-1/2"
+  }, mapIcon && React.createElement(MarkerImage, {
+    src: mapIcon,
+    showPrices: showPrices
+  }), isActiveMarker && React.createElement("div", {
+    className: "absolute bottom-0 left-1/2 transform -translate-x-1/2 bg-white p-2.5 rounded-2xl z-[1000] w-[300px] shadow-[0_12px_24px_0_rgba(0,0,0,0.1),_0_2px_8px_0_rgba(0,0,0,0.05)]"
+  }, React.createElement(PropertyCardOnMap, {
+    room: property,
+    isSaved: false
+  }))));
+};export{LazyLoadingGoogleMarker};//# sourceMappingURL=LazyLoadingGoogleMarker.js.map

package/lib/components/LazyLoadingGoogleMarker.js.map

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

package/lib/components/Pagination.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const Pagination: ({ currentPage, totalPages, onPageChange }: {
+    currentPage: any;
+    totalPages: any;
+    onPageChange: any;
+}) => React.JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

package/lib/components/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,UAAU,GAAI;;;;CAAyC,sBAiEnE,CAAC"}

package/lib/components/Pagination.js

@@ -0,0 +1,55 @@
+import React from'react';import {TailwindUiButton}from'@admin-layout/tailwind-ui';const Pagination = ({
+  currentPage,
+  totalPages,
+  onPageChange
+}) => {
+  const renderPageNumbers = () => {
+    const pageNumbers = [];
+    const maxPagesToShow = 4; // Number of pages to show in the middle
+    // Helper function to add page button
+    const addPageButton = pageNum => React.createElement(TailwindUiButton, {
+      key: pageNum,
+      variant: currentPage === pageNum ? 'primary' : 'outline',
+      size: "small",
+      onClick: () => onPageChange(pageNum),
+      className: `mx-2 ${currentPage === pageNum ? 'themed-button' : 'border-border text-foreground hover:bg-muted'}`
+    }, pageNum);
+    // Add first page
+    pageNumbers.push(addPageButton(1));
+    // Add ellipsis if needed
+    if (currentPage > maxPagesToShow) {
+      pageNumbers.push(React.createElement(TailwindUiButton, {
+        key: "ellipsis-start",
+        variant: "ghost",
+        size: "small",
+        disabled: true,
+        className: "mx-2 text-muted-foreground"
+      }, "..."));
+    }
+    // Calculate start and end page numbers
+    const startPage = Math.max(2, currentPage - 1);
+    const endPage = Math.min(totalPages - 1, currentPage + 2);
+    // Add middle page numbers
+    for (let i = startPage; i <= endPage; i++) {
+      pageNumbers.push(addPageButton(i));
+    }
+    // Add ellipsis if needed
+    if (endPage < totalPages - 1) {
+      pageNumbers.push(React.createElement(TailwindUiButton, {
+        key: "ellipsis-end",
+        variant: "ghost",
+        size: "small",
+        disabled: true,
+        className: "mx-2 text-muted-foreground"
+      }, "..."));
+    }
+    // Add last page
+    if (totalPages > 1) {
+      pageNumbers.push(addPageButton(totalPages));
+    }
+    return pageNumbers;
+  };
+  return React.createElement("div", {
+    className: "flex justify-center items-center mt-8"
+  }, renderPageNumbers());
+};export{Pagination};//# sourceMappingURL=Pagination.js.map

package/lib/components/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../src/components/Pagination.tsx"],"sourcesContent":[null],"names":["Button"],"mappings":"kFAGO,MAAM,UAAU,GAAG,CAAC;aACjB;YACF;AACA,EAAA;;AAGA,EAAA,MAAA,iBAAM,GAAa,MAAI;UAcvB,WAAA,GAAA,EAAiB;UACjB,cAAgB,GAAC,CAAA,CAAA;;AAGjB,IAAA,MAAA,aAAe,GAAG,OAAA,IAAA,KAAgB,CAAC,aAAA,CAAAA,gBAAA,EAAA;kBAC/B;aAWH,EAAA,WAAA,KAAA,OAAA,GAAA,SAAA,GAAA,SAAA;UAED,EAAA,OAAA;AACA,MAAA,OAAA,EAAM,MAAA,YAAiB,CAAG,OAAI,CAAA;AAC9B,MAAA,SAAM,EAAA,CAAA,KAAO,EAAG,WAAS,KAAA,OAAc,GAAE,eAAiB,GAAA,8CAAA,CAAA;cAE1D,CAAA;AACA;eACI,CAAA,IAAA,CAAA,aAAiB,CAAA,CAAA,CAAA,CAAA;;QAGrB,WAAA,GAAA,cAAyB,EAAA;AACzB,MAAA,gBAAc,CAAA,KAAA,CAAA,aAAiB,CAAAA,gBAAA,EAAA;aAC3B,gBACI;QAIR,OAAC,EAAA,OAAA;QAED,IAAA,EAAA,OAAA;AACA,QAAA,QAAI,EAAA,IAAU;iBACV,EAAA;SACH,KAAA,CAAA,CAAA;AAED,IAAA;AACJ;IAEA,MAAA,SAAO,GAAA,IAAA,CAAA,GAAA,CAAA,CAAA,EAAA,eAAc,CAAA;AACzB,IAAE,MAAA,OAAA,GAAA,IAAA,CAAA,GAAA,CAAA,UAAA,GAAA,CAAA,EAAA,WAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}