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

package/lib/components/ParamSearchResultContainer.d.ts

@@ -0,0 +1,99 @@
+import { GraphQLError } from 'graphql';
+import React, { MutableRefObject } from 'react';
+import { TravelType } from '../interfaces/travel';
+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;
+}
+interface IProperty extends IBaseItem {
+}
+interface IAirbnbProperty extends IBaseItem {
+}
+interface IFlight extends IBaseItem {
+}
+interface IParamSearchResultContainer {
+    propertiesData?: IProperty[] | IAirbnbProperty[];
+    carsData?: any[];
+    flightsData?: IFlight[];
+    selectedTravelType: TravelType;
+    error: GraphQLError | Error | null;
+    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[];
+    vehicleTypes?: any[];
+    propertyCardComponent?: (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;
+    vehicleCardComponent?: (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;
+    flightCardComponent?: (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;
+}
+export declare const ParamSearchResultContainer: (props: IParamSearchResultContainer) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ParamSearchResultContainer.d.ts.map

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

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

package/lib/components/ParamSearchResultContainer.js

@@ -0,0 +1,120 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useEffect}from'react';import {useTranslation}from'react-i18next';import {CardList}from'./CardList.js';import {Pagination}from'./Pagination.js';import {TravelType}from'../interfaces/travel.js';const ParamSearchResultContainer = props => {
+  const {
+    propertiesData,
+    carsData,
+    flightsData,
+    selectedTravelType,
+    error,
+    currentPage,
+    totalPropertiesCount,
+    totalPages,
+    onPageChange,
+    handleSetFocus,
+    handleRemoveFocus,
+    handleLike,
+    likeBtnLoading,
+    propertyTypes,
+    vehicleTypes,
+    propertyCardComponent,
+    vehicleCardComponent,
+    flightCardComponent
+  } = 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]);
+  const renderContent = () => {
+    switch (selectedTravelType) {
+      case TravelType.HOTELS:
+        return propertiesData?.length ? jsx(CardList, {
+          items: propertiesData,
+          setFocus: handleSetFocus,
+          setBlur: handleRemoveFocus,
+          handleLike: handleLike,
+          likeBtnLoading: likeBtnLoading,
+          categoryTypes: propertyTypes,
+          extraIcons: props.extraIcons,
+          customCardComponent: propertyCardComponent,
+          emptyMessage: t('property.not_found_any_room')
+        }) : null;
+      case TravelType.CARS:
+        return carsData?.length ? jsx(CardList, {
+          items: carsData,
+          setFocus: handleSetFocus,
+          setBlur: handleRemoveFocus,
+          handleLike: handleLike,
+          likeBtnLoading: likeBtnLoading,
+          categoryTypes: vehicleTypes,
+          extraIcons: props.extraIcons,
+          customCardComponent: vehicleCardComponent,
+          emptyMessage: t('property.not_found_any_vehicle')
+        }) : null;
+      case TravelType.FLIGHTS:
+        return flightsData?.length ? jsx(CardList, {
+          items: flightsData,
+          setFocus: handleSetFocus,
+          setBlur: handleRemoveFocus,
+          handleLike: handleLike,
+          likeBtnLoading: likeBtnLoading,
+          categoryTypes: vehicleTypes,
+          extraIcons: props.extraIcons,
+          customCardComponent: flightCardComponent,
+          emptyMessage: t('property.not_found_any_flight')
+        }) : null;
+      default:
+        return null;
+    }
+  };
+  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
+        })
+      })
+    }), renderContent(), 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/ParamSearchResultContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParamSearchResultContainer.js","sources":["../../src/components/ParamSearchResultContainer.tsx"],"sourcesContent":[null],"names":[],"mappings":"iPA+Ga,MAAA,0BAA0B,GAAG,KAAC,IAAsC;AAC7E,EAAA,MAAA;IAqBA,cAAc;IAEd,QAAS;eACD;sBACuC;;AAEvC,IAAA,WAAA;AACI,IAAA,oBAAA;cACI;;;;;;;;;;AAU0C,IAAA;;;;;;;;;cAShD,CAAA,SAAA,GAAA,wFAAA;AACF,MAAA,QAAA,CAAA,SAAa;;;;;AAMrB;;;;gEAOoB,EAAA,CAAA,CAAA,+BACU,CAAc,CAAA;4DAUhB,EAAA,KAAA,CAAA,OAAA,CAAA;;;;AA4BpB;AACI;;AAEZ;AAEA;AAcJ,YAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/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 = {
+    item?: any;
+    isSaved?: boolean;
+    setFocus?: (index: number) => void;
+    setBlur?: (index: number) => void;
+    handleLike?: (index: number) => void;
+    authenticated?: boolean;
+    likeBtnLoading?: boolean;
+    categoryTypes?: IPropertyType[];
+    extraIcons?: any[];
+};
+export declare const PropertyCard: ({ item, isSaved, setFocus, setBlur, handleLike, likeBtnLoading, categoryTypes, authenticated, extraIcons, ...props }: PropertyCardProps & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PropertyCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyCard.d.ts","sourceRoot":"","sources":["../../src/components/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,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;CACtB,CAAC;AAsGF,eAAO,MAAM,YAAY,GAAI,sHAW1B,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAwX1D,CAAC"}