@admin-layout/tailwind-travel-pro 12.0.16-alpha.7

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,43 @@
+import {jsx}from'react/jsx-runtime';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 jsx("div", {
+      className: "text-base text-foreground",
+      children: emptyMessage
+    });
+  }
+  return jsx("div", {
+    className: `flex flex-wrap justify-evenly ${className}`,
+    children: items?.map((item, index) => jsx("div", {
+      className: "max-w-[100%] mb-4",
+      children: customCardComponent?.({
+        item,
+        index,
+        setFocus: () => setFocus(index),
+        setBlur,
+        handleLike,
+        likeBtnLoading,
+        categoryTypes,
+        extraIcons,
+        authenticated
+      })
+    }, index))
+  });
+};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":"mLA0Ea,MAAA,QAAQ,GAA4B,KAAC,IAAS;QACjD;AAYN,IAAA;AACA,IAAA,QAAQ;AAER,IAAA,KAAW;AACP,IAAA,UAAA;IACJ,cAAC;IAED,aACS;;gBAKW,EAAK;AACL,IAAA,mBAAA;gBACA,GAAO;;;;oBAIG,EAAA;;AAEb,IAAA;AAKrB,GAAE,GAAA,mBAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/CategoriesTypeList.d.ts

@@ -0,0 +1,29 @@
+import { Splide } from '@cdmbase/react-splide';
+import '@splidejs/react-splide/css';
+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?: React.RefObject<Splide>;
+    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>) => import("react/jsx-runtime").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,EAAE,MAAM,EAA2C,MAAM,uBAAuB,CAAC;AACxF,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAoD,MAAM,OAAO,CAAC;AAKzE,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,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACpC,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,4CA6DvD,CAAC"}

package/lib/components/CategoriesTypeList.js

@@ -0,0 +1,139 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {Splide,SplideSlide}from'@cdmbase/react-splide';import'@splidejs/react-splide/css';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';// 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 jsxs("div", {
+    className: `flex flex-col items-center justify-center cursor-pointer relative font-bold ${isActive ? 'text-primary' : 'text-muted-foreground'}`,
+    style: {
+      fontSize
+    },
+    onClick: handleClick,
+    children: [renderDynamicIcon({
+      name: category.icon,
+      style: {
+        iconColor: currentBoxColor,
+        ...iconSize
+      }
+    }), jsx("div", {
+      className: "text-center",
+      children: t(category.description)
+    }), isNewBadge(category.id) && jsx("div", {
+      className: "absolute top-0 right-0 bg-primary text-primary-foreground rounded-themed text-xs p-1",
+      children: 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']);
+  // 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]);
+  // Splide options
+  const splideOptions = useMemo(() => ({
+    type: 'slide',
+    drag: 'free',
+    perPage: 9,
+    perMove: 1,
+    wheel: true,
+    releaseWheel: true,
+    pagination: false,
+    speed: 500,
+    wheelSleep: 300,
+    breakpoints: {
+      1024: {
+        perPage: 9
+      },
+      600: {
+        perPage: 5
+      },
+      480: {
+        perPage: 3
+      }
+    }
+  }), []);
+  return jsx("div", {
+    className: "w-full relative",
+    children: jsx(Splide, {
+      ref: splideRef,
+      "aria-label": aria_label,
+      options: splideOptions,
+      children: mappedArr.map(d => jsx(SplideSlide, {
+        children: jsx(CategoryItem, {
+          category: d,
+          boxColor: boxColor,
+          size: size,
+          t: t,
+          isNewBadge: isNewBadge,
+          badgeTitle: badgeTitle,
+          handleSearchClick: handleSearchClick,
+          isExplorerView: isExplorerView,
+          isActive: d.id === activeCategoryId
+        }, `category_${d.id}`)
+      }, `button_${d.id}`))
+    })
+  });
+};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":["_jsxs","_jsx"],"mappings":"kYAiCA;AACA,MAAM,WAAW,GAAG,CAChB,IAAkD,EAClD,IAAc,EACd,aAA+D,KACjB;AAC9C,EAAA,MAAA,OAAa,GAAA,IAAO,GAAA,CAAA,IAAI,CAAA,GAAK,CAAA,IAAS,IAAA,CAAE,IAAI,CAAA,KAAK,CAAA,GAAK,CAAC,CAAA,GAAI,EAAI,EAAA,IAAI,CAAA,CAAA,CAAA;AAEnE,EAAA,OAAA,IAAW,CAAA,MAAA,CAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,KAAA;AACN,IAAA,GAAA,IAAA;AACA,IAAA,IAAA,EAAA,OAAK,CAAI,GAAE,CAAE,IAAE,CAAA,aAAA,CAAA;AACZ,GAAA,CAAA,CAAA;;AAEH;AACT,SAAE,qBAAA,CAAA;AAeF,EAA4C,QAAA;AAC5C,EAAS,QAAA;MAWgC;AACrC,EAAA,CAAA;YAEwB;YACC;mBACA;gBAEZ;;AAIb,CAAA,EAAA;;AAGA,EAAA,MAAA,WAAc,GAAU,WAAM,CAAA,CAAA,IAAA;AAC1B,IAAA,CAAA,CAAA,cAAc,EAAA;AAAS,IAAA,CAAA,CAAA;AACvB,IAAA,iBAAc,CAAA,QAAM,CAAA,EAAA,EAAA,QAAA,EAAA,cAAA,CAAA;AAAE,GAAA,EAAA,CAAA,QAAA,EAAA,iBAAc,EAAA,cAAA,CAAA,CAAA;AACpC;AAAsB,EAAA,MAAA,kBAAc,QAAA,GAAA,QAAA,CAAA,QAAA,CAAA,EAAA,CAAA,GAAA,SAAA;AACpC;AACJ,EAAA,MAAI,QAAU,GAAC,OAAE,CAAA,MAAA;IAEjB,IAA4C,IAAA,CAAA,KAAA,GAAA,IAAA,EAAA,OAAA,MAAA;AAC5C,IAAA,IAAA,UAAc,GAAG,GAAA,EAAA,OACV,MAAI;AACH,IAAA,IAAA,IAAG,CAAA,KAAK,GAAK,GAAG,EAAA,OAAO,MAAQ;AAC/B,IAAA,OAAG,MAAK;KACX,CAAC,IACD,CAAA,KAAK,CAAA,CAAA;;gBAYE,GAAI,OAAU,CAAA,OAAK;AACnB,IAAA,CAAA,EAAA,IAAA,CAAA,KAAA,GAAA,IAAO,GAAA,KAAA,GAAA,KAAA;AACH,IAAA,CAAA,EAAA,IAAA,CAAA,MAAA,GAAA,IAAA,GAAA,KAA0B,GAAA;AAC1B,GAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,IAAG,CAAQ,MAAA,CAAA,CAAA;AACd,EAAA,OAAAA,IAAA,CAAA,KAAA,EAAA;AACJ,IAAA,SAAA,EACD,CAAA,4EAA4D,EAE3D,QAAU,GAAC,cAAgB,GACxB,uBAAc,CAAA,CAAC;AAM/B,IAAC,KAAA,EAAA;AAED,MAAmD;AACnD,KAAA;IACI,OAAI,EAAA,WAAU;AAAuC,IAAA,QAAA,EAAA,CAAO,iBAAM,CAAA;AAClE,MAAA,cAAc,CAAA,IAAA;AAAiC,MAAA,KAAA,EAAA;QAC3C,SAAS,EAAS;AAAuE,QAAA,GAAA;AAC7F;AACJ,KAAmC,CAAA,EAAAC,GAAA,CAAA,KAAA,EAAA;AAEnC,MAAM,SAAyB,EAAA,aAAA;AAc3B,MAAA,QAAU,EAAA,CAAG,CAAa,QAAA,CAAA,WAAG;AAC7B,KAAA,CAAA,EAAA,UAAc,CAAc,QAAA,CAAA,EAAA,CAAA,IAAEA,GAAA,CAAA,KAAA,EAAA;MAEsB,SAAA,EAAA,sFAAA;AACpD,MAAA,QAAuB,EAAA;KAEkC,CAAA;IACzD;AACI;;MAGuB,YAAA,GAAA,KAAA,CAAA,IAAA,CAAA,qBAAA,EAAA,CAAA,SAAA,EAAA,SAAA,KAAA;AAC3B,EAAA,IAAA,SAAe,CAAA,QAAU,CAAA,EAAA,KAClB,SAAG,CAAA,QAA4B,CAAA,EAAA,EAAA,OAAA,KAAK;MAI1B,SAAA,CAAA,QAAA,KAAA,SAAA,CAAA,QAAA,EAAA,OAAA,KAAA;AACjB,EAAA,IAAA,kBAAsB,CAAA,SAClB,CAAG,QAAI,CAAA,EAAA,CAAA,KAAA,SAAA,CAAA,QAAA,CAAA,SAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,OAAA,KAAA;AACH,EAAA,OAAA;AACA,CAAA,CAAA;AACA,MAAA,kBAAU,GAAA,CAAA;AACV,EAAA,QAAA;AACA,EAAA,SAAA;AACA,EAAA,UAAA;AACA,EAAA,UAAA;AACA,EAAA,UAAA;AACA,EAAA,eAAA;AACA,EAAA,UAAA;AACI,EAAA,cAAI;AACJ,EAAA,SAAA;AACA,EAAA,UAAA;AACH,EAAA,iBAAA;;MAKF;AAsBX,EAAE,MAAA,IAAA,GAAA,aAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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,107 @@
+import {jsx,jsxs}from'react/jsx-runtime';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
+}) => jsx("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 jsx(AdvancedMarker, {
+    position: {
+      lat: property.address.latitude_around,
+      lng: property.address.longitude_around
+    },
+    title: property.name,
+    onClick: onMarkerClick,
+    zIndex: isHighlighted ? 999 : 1,
+    children: jsxs("div", {
+      className: "relative cursor-pointer transform -translate-x-1/2 -translate-y-1/2",
+      children: [mapIcon && jsx(MarkerImage, {
+        src: mapIcon,
+        showPrices: showPrices
+      }), isActiveMarker && jsx("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)]",
+        children: jsx(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":["_jsx"],"mappings":"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"}

package/lib/components/Pagination.d.ts

@@ -0,0 +1,6 @@
+export declare const Pagination: ({ currentPage, totalPages, onPageChange }: {
+    currentPage: any;
+    totalPages: any;
+    onPageChange: any;
+}) => import("react/jsx-runtime").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":"AAGA,eAAO,MAAM,UAAU,GAAI;;;;CAAyC,4CAiEnE,CAAC"}

package/lib/components/Pagination.js

@@ -0,0 +1,56 @@
+import {jsx}from'react/jsx-runtime';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 => jsx(TailwindUiButton, {
+      variant: currentPage === pageNum ? 'primary' : 'outline',
+      size: "small",
+      onClick: () => onPageChange(pageNum),
+      className: `mx-2 ${currentPage === pageNum ? 'themed-button' : 'border-border text-foreground hover:bg-muted'}`,
+      children: pageNum
+    }, pageNum);
+    // Add first page
+    pageNumbers.push(addPageButton(1));
+    // Add ellipsis if needed
+    if (currentPage > maxPagesToShow) {
+      pageNumbers.push(jsx(TailwindUiButton, {
+        variant: "ghost",
+        size: "small",
+        disabled: true,
+        className: "mx-2 text-muted-foreground",
+        children: "..."
+      }, "ellipsis-start"));
+    }
+    // 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(jsx(TailwindUiButton, {
+        variant: "ghost",
+        size: "small",
+        disabled: true,
+        className: "mx-2 text-muted-foreground",
+        children: "..."
+      }, "ellipsis-end"));
+    }
+    // Add last page
+    if (totalPages > 1) {
+      pageNumbers.push(addPageButton(totalPages));
+    }
+    return pageNumbers;
+  };
+  return jsx("div", {
+    className: "flex justify-center items-center mt-8",
+    children: 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":["_jsx","Button"],"mappings":"6FAGO,MAAM,UAAU,GAAG,CAAC;aACjB;YACI;AACN,EAAA;;AAGA,EAAA,MAAA,iBAAmB,GAAA,MAAI;UAcN,WAAA,GAAA,EAAA;UACN,cAAK,GAAC,CAAA,CAAA;;AAGjB,IAAA,MAAA,aAAe,GAAG,OAAc,IAAAA,GAAA,CAAEC,gBAAC,EAAA;aACpB,EAAA,gBACP,UAEI,SAAA,GAAQ,SACR;UAOX,EAAA,OAAA;aAEsC,EAAA,MAAA,YAAA,CAAA,OAAA,CAAA;AACvC,MAAA,SAAe,EAAA,CAAA,KAAA,EAAA,WAAa,KAAa,OAAA,GAAA,eAAM,GAAA,8CAAA,CAAA,CAAA;AAC/C,MAAA,QAAM,EAAO;cAEa,CAAA;AAC1B;eACe,CAAA,IAAA,CAAA,aAAM,CAAA,CAAA,CAAA,CAAA;;QAGrB,WAAyB,GAAA,cAAA,EAAA;AACzB,MAAA,gBAAc,CAAAD,GAAA,CAAAC,gBAAa,EAAC;eACb,EAAA,OAAC;QAKhB,IAAC,EAAA,OAAA;QAED,QAAgB,EAAA,IAAA;AAChB,QAAA,SAAc,EAAA,4BAAO;gBACN,EAAA;SACd,gBAAA,CAAA,CAAA;AAED;AACJ;IAEA,MAAO,SAAA,GAAA,YAAc,WAAC,GAAA,CAAA,CAAA;AAC1B,IAAE,MAAA,OAAA,GAAA,IAAA,CAAA,GAAA,CAAA,UAAA,GAAA,CAAA,EAAA,WAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}