@admin-layout/tailwind-design-pro 10.0.9-alpha.25 → 10.0.9-alpha.27

package/lib/components/UI/LazyLoadingGoogleMarker.js

@@ -0,0 +1,107 @@
+import {jsx,jsxs}from'react/jsx-runtime';import React__default,{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__default.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/UI/LazyLoadingGoogleMarker.js.map

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

package/lib/components/UI/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/UI/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/UI/Pagination.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;6CA8DtB,CAAC"}

package/lib/components/UI/Pagination.js

@@ -0,0 +1,59 @@
+import {jsx}from'react/jsx-runtime';import {Flex,Button}from'@chakra-ui/react';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(Button, {
+      variant: currentPage === pageNum ? 'solid' : 'ghost',
+      colorScheme: currentPage === pageNum ? 'blue' : 'gray',
+      size: "sm",
+      onClick: () => onPageChange(pageNum),
+      mx: 2,
+      children: pageNum
+    }, pageNum);
+    // Add first page
+    pageNumbers.push(addPageButton(1));
+    // Add ellipsis if needed
+    if (currentPage > maxPagesToShow) {
+      pageNumbers.push(jsx(Button, {
+        variant: "ghost",
+        colorScheme: "gray",
+        size: "sm",
+        isDisabled: true,
+        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(Button, {
+        variant: "ghost",
+        colorScheme: "gray",
+        size: "sm",
+        isDisabled: true,
+        children: "..."
+      }, "ellipsis-end"));
+    }
+    // Add last page
+    if (totalPages > 1) {
+      pageNumbers.push(addPageButton(totalPages));
+    }
+    return pageNumbers;
+  };
+  return jsx(Flex, {
+    justify: "center",
+    align: "center",
+    mt: 8,
+    children: renderPageNumbers()
+  });
+};export{Pagination};//# sourceMappingURL=Pagination.js.map

package/lib/components/UI/Pagination.js.map

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/UI/ParamSearchResultContainer.d.ts

@@ -0,0 +1,90 @@
+import { MutableRefObject } from 'react';
+import { GraphQLError } from 'graphql';
+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;
+}
+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 IParamSearchResultContainer {
+    data: IProperty[] | IAirbnbProperty[];
+    error: GraphQLError | Error;
+    listInnerRef: MutableRefObject<HTMLDivElement>;
+    handleSetFocus?: (index: number) => void;
+    handleRemoveFocus?: (index: number) => void;
+    handleLike?: (index: number) => void;
+    extraIcons?: any[];
+    currentPage: number;
+    totalPages: number;
+    totalPropertiesCount: number;
+    onPageChange: (page: number) => void;
+    likeBtnLoading?: boolean;
+    propertyTypes?: any[];
+}
+export declare const ParamSearchResultContainer: (props: IParamSearchResultContainer) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ParamSearchResultContainer.d.ts.map

package/lib/components/UI/ParamSearchResultContainer.d.ts.map

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

package/lib/components/UI/ParamSearchResultContainer.js

@@ -0,0 +1,80 @@
+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 => {
+  const {
+    data,
+    error,
+    currentPage,
+    totalPropertiesCount,
+    totalPages,
+    onPageChange,
+    handleSetFocus,
+    handleRemoveFocus,
+    handleLike,
+    likeBtnLoading,
+    propertyTypes,
+    extraIcons
+  } = props;
+  const {
+    t
+  } = useTranslation(['common']);
+  useEffect(() => {
+    if (error) {
+      // Create a tailwind toast notification
+      const toastDiv = document.createElement('div');
+      toastDiv.className = 'fixed top-4 right-4 z-50 w-96 rounded-lg bg-red-50 border border-red-400 p-4 shadow-md';
+      toastDiv.innerHTML = `
+                <div class="flex justify-between">
+                    <div class="flex">
+                        <div class="mr-2 text-red-400">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                <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" />
+                            </svg>
+                        </div>
+                        <div>
+                            <p class="font-medium text-red-800">${t('property.something_went_wrong')}</p>
+                            <p class="text-sm text-red-800">${error.message}</p>
+                        </div>
+                    </div>
+                    <button class="text-red-800 hover:bg-gray-100 rounded-full p-1" onclick="this.parentElement.parentElement.remove()">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+                        </svg>
+                    </button>
+                </div>
+            `;
+      document.body.appendChild(toastDiv);
+      setTimeout(() => {
+        toastDiv.remove();
+      }, 5000);
+    }
+  }, [error]);
+  return jsxs("div", {
+    className: "flex flex-col self-stretch relative w-full px-3 sm:px-5 lg:px-7",
+    children: [jsx("div", {
+      className: "text-lg font-semibold",
+      children: t('property.results_on')
+    }), jsx("div", {
+      className: "text-2xl font-bold",
+      children: jsx("span", {
+        className: "text-lg ml-5",
+        children: t('property.results', {
+          totalCount: totalPropertiesCount
+        })
+      })
+    }), jsx(PropertyCardList, {
+      rooms: data,
+      setFocus: handleSetFocus,
+      setBlur: handleRemoveFocus,
+      handleLike: handleLike,
+      likeBtnLoading: likeBtnLoading,
+      propertyTypes: propertyTypes,
+      extraIcons: extraIcons
+    }), totalPages > 1 && jsx("div", {
+      className: "mt-8 mb-8",
+      children: jsx(Pagination, {
+        currentPage: currentPage,
+        totalPages: totalPages,
+        onPageChange: onPageChange
+      })
+    })]
+  });
+};export{ParamSearchResultContainer};//# sourceMappingURL=ParamSearchResultContainer.js.map

package/lib/components/UI/ParamSearchResultContainer.js.map

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/UI/PropertyCard.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+interface IPropertyType {
+    id: string;
+    icon: string;
+    description: string;
+    category: string;
+    name: string;
+    imageKey: string;
+    created_at: string;
+}
+type PropertyCardProps = {
+    room: any;
+    isSaved: boolean;
+    setFocus: (index: number) => void;
+    setBlur: (index: number) => void;
+    handleLike: (index: number) => void;
+    authenticated: boolean;
+    likeBtnLoading: boolean;
+    propertyTypes: IPropertyType[];
+    extraIcons: any[];
+};
+export declare const PropertyCard: ({ room, isSaved, setFocus, setBlur, handleLike, likeBtnLoading, propertyTypes, authenticated, extraIcons, ...props }: PropertyCardProps & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PropertyCard.d.ts.map

package/lib/components/UI/PropertyCard.d.ts.map

@@ -0,0 +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"}