@admin-layout/tailwind-design-pro 10.1.1-alpha.0 → 10.1.1-alpha.11

package/lib/components/Layout/TailwindLayout.js

@@ -1,5 +1,8 @@
-import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import {useMachine}from'@xstate/react';import React__default,{useMemo,useCallback}from'react';import {connect,useSelector}from'react-redux';import {settingsMachine}from'../../machines/settingsMachine.js';import {ThemeProviderTailwind}from'../ThemeProvider/ThemeProvider.js';import {BasicLayout}from'./BasicLayout/index.js';function BasicLayoutWithAuthorities(props) {
+import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import {useMachine}from'@xstate/react';import React__default,{useMemo,useCallback}from'react';import {connect,useSelector}from'react-redux';import {settingsMachine}from'../../machines/settingsMachine.js';import {ThemeProviderTailwind}from'../ThemeProvider/ThemeProvider.js';import {BasicLayout}from'./BasicLayout/index.js';import {useRouteLoaderData}from'@remix-run/react';function BasicLayoutWithAuthorities(props) {
   const userData = useSelector(userSelector);
+  const {
+    settings: settingsFromLoader
+  } = useRouteLoaderData('root');
   const {
     settings,
     setSettings
@@ -14,7 +17,7 @@ import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout
     }
   }), {
     input: {
-      settings
+      settings: settingsFromLoader
     }
   });
   const settingXstate = state?.context;

package/lib/components/Layout/TailwindLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"ydAWA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;AAEN,IAAA,QAAO;AAEC,IAAA;AACI,GAAA,GAAA,iBAAA,EAAA;gBACI,IAAW,EAAA,aAAQ,CAAC,GAAC,UAAA,CAAA,eAAA,CAAA,OAAA,CAAA;aACxB;AACJ,MAAA,mBAAA,EAAA,CAAA;AACJ,QACD;AACI,OAAA,KAAA;mBACY,CAAA,OAAA,CAAA;AACX;AACJ;AAGL,GAAA,CAAA,EAAA;AAEA,IAAA,KAAA,EAAQ;AAER,MAAA;AAEQ;AACH,GAAA,CAAA;AAIL,EAAA,MAAA,qBAAwB,EAAA,OAAA;QAEhB;;AAEJ,GAAA,GACA,KAAY;QAGJ,eAAA,GAAA,OAAA,CAAA,OAAA;IACZ,OAAM,EAAa,QAAA,GAAA,QAAI,EAAO,OAAO,EAAE,OAAG,GAAM;AAEhD,GAAA,CAAA,EAAA,CAAA,QACK,CAAA,CAAA;AAYT,EAAC,MAAA,eAAA,GAAA,WAAA,CAAA,MAAA,IAAA;AAED;IACI,WAAQ,CAAA,MAAA,CAAA;KACA,CAAA,WAAQ,CAAA,CAAA;AACnB;AAMD,EAAA;AAIA,IAAM,WAAA,EAAA;AAKN,MAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"2gBAUA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;IACN,QAAQ;AAER,GAAA,GAAA,kBAAoB,CAAA,MAAA,CAAA;AAEZ,EAAA,MAAA;AACI,IAAA,QAAA;;uBAEC,EAAA;AACJ,EAAA,MAAA,CAAA,KAAA,EAAA,IAAA,EAAA,aAAA,CAAA,GAAA,UAAA,CAAA,eAAA,CAAA,OAAA,CAAA;AACJ,IAAA,OACD,EAAA;AACI,MAAA,mBAAO,EAAA,CAAA;AACH,QAAA;AACH,OAAA,KAAA;AACJ,QACH,WAAA,CAAA,OAAA,CAAA;AAEF;AAEA;AAEA,GAAA,CAAA,EAAA;AAEQ,IAAA,KAAA,EAAA;AACH,MAAC,QACO,EAAA;AAGb;;QAGQ,aAAkB,GAAA,KAAE,EAAA,OAAA;AACxB,EAAA,MACC;IAGL;MACM,KAAA;AAEN,EAAA,MAAA,eACK,GAAA,OAAA,CAAA;AAYT,IAAC,OAAA,EAAA,QAAA,GAAA,QAAA,EAAA,OAAA,EAAA,OAAA,GAAA;AAED,GAAM,CAAA,EAAA,CAAA,QAAW,CAAA,CAAA;QACL,eAAA,GAAA,WAAA,CAAA,MAAA,IAAA;;AAEX,IAAE,WAAA,CAAA,MAAA,CAAA;AAMH,GAAA,EAAA,CAAM,WAAY,CAAA,CAAA;AAIlB;AAKA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardList.d.ts","sourceRoot":"","sources":["../../../src/components/UI/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/UI/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",
+      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/UI/CardList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardList.js","sources":["../../../src/components/UI/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/UI/ParamSearchResultContainer.d.ts

@@ -1,6 +1,7 @@
-import { MutableRefObject } from 'react';
 import { GraphQLError } from 'graphql';
-interface IProperty {
+import React, { MutableRefObject } from 'react';
+import { TravelType } from '../typings';
+interface IBaseItem {
     id: string;
     title: string;
     types: string[];
@@ -35,44 +36,18 @@ interface IProperty {
     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 IProperty extends IBaseItem {
+}
+interface IAirbnbProperty extends IBaseItem {
+}
+interface IFlight extends IBaseItem {
 }
 interface IParamSearchResultContainer {
-    data: IProperty[] | IAirbnbProperty[];
-    error: GraphQLError | Error;
+    propertiesData?: IProperty[] | IAirbnbProperty[];
+    carsData?: any[];
+    flightsData?: IFlight[];
+    selectedTravelType: TravelType;
+    error: GraphQLError | Error | null;
     listInnerRef: MutableRefObject<HTMLDivElement>;
     handleSetFocus?: (index: number) => void;
     handleRemoveFocus?: (index: number) => void;
@@ -84,6 +59,40 @@ interface IParamSearchResultContainer {
     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 {};

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

@@ -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,GAAI,OAAO,2BAA2B,4CA0E5E,CAAC"}
+{"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

@@ -1,6 +1,9 @@
-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 => {
+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'../typings.js';const ParamSearchResultContainer = props => {
   const {
-    data,
+    propertiesData,
+    carsData,
+    flightsData,
+    selectedTravelType,
     error,
     currentPage,
     totalPropertiesCount,
@@ -11,7 +14,10 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useEffect}from'react';import {u
     handleLike,
     likeBtnLoading,
     propertyTypes,
-    extraIcons
+    vehicleTypes,
+    propertyCardComponent,
+    vehicleCardComponent,
+    flightCardComponent
   } = props;
   const {
     t
@@ -47,6 +53,48 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useEffect}from'react';import {u
       }, 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", {
@@ -60,15 +108,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useEffect}from'react';import {u
           totalCount: totalPropertiesCount
         })
       })
-    }), jsx(PropertyCardList, {
-      rooms: data,
-      setFocus: handleSetFocus,
-      setBlur: handleRemoveFocus,
-      handleLike: handleLike,
-      likeBtnLoading: likeBtnLoading,
-      propertyTypes: propertyTypes,
-      extraIcons: extraIcons
-    }), totalPages > 1 && jsx("div", {
+    }), renderContent(), totalPages > 1 && jsx("div", {
       className: "mt-8 mb-8",
       children: jsx(Pagination, {
         currentPage: currentPage,

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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ParamSearchResultContainer.js","sources":["../../../src/components/UI/ParamSearchResultContainer.tsx"],"sourcesContent":[null],"names":[],"mappings":"uOA+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/UI/PropertyCard.d.ts

@@ -9,16 +9,16 @@ interface IPropertyType {
     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[];
+    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: ({ room, isSaved, setFocus, setBlur, handleLike, likeBtnLoading, propertyTypes, authenticated, extraIcons, ...props }: PropertyCardProps & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+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/UI/PropertyCard.d.ts.map

@@ -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,GAAI,sHAW1B,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CA0W1D,CAAC"}
+{"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,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;AAgEF,eAAO,MAAM,YAAY,GAAI,sHAW1B,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CA0W1D,CAAC"}

package/lib/components/UI/PropertyCard.js

@@ -52,24 +52,24 @@ function formatDuration(days) {
   }
 }
 const PropertyCard = ({
-  room,
+  item,
   isSaved,
   setFocus,
   setBlur,
   handleLike,
   likeBtnLoading,
-  propertyTypes,
+  categoryTypes,
   authenticated,
   extraIcons = [],
   ...props
 }) => {
-  const images = useMemo(() => room?.images?.data.map(({
+  const images = useMemo(() => item?.images?.data.map(({
     url
   }) => ({
     src: url
-  })), [room]);
+  })), [item]);
   const [didLike, setDidLike] = useState(false);
-  useMemo(() => room?.totalReview == 0 ? 0 : room?.totalStar / room?.totalReview || 0, [room]);
+  useMemo(() => item?.totalReview == 0 ? 0 : item?.totalStar / item?.totalReview || 0, [item]);
   const {
     isDark,
     grayColor
@@ -77,7 +77,7 @@ const PropertyCard = ({
   const {
     t
   } = useTranslation(['common', 'property-types']);
-  const types = useMemo(() => propertyTypes.filter(item => room?.types?.includes(item.id)), [room, propertyTypes]);
+  const types = useMemo(() => categoryTypes?.filter(type => item?.types?.includes(type.id)), [item, categoryTypes]);
   const {
     fetchCurrentLatLong,
     location} = useGetCurrentLongLat();
@@ -117,9 +117,9 @@ const PropertyCard = ({
   const searchParams = new URLSearchParams(window.location.search);
   const adults = parseInt(searchParams.get('adults') || '0', 10) || 1;
   const children = parseInt(searchParams.get('children') || '0', 10);
-  const amenities = room?.preferences?.property?.amenities;
-  const displayedIcons = amenities ? Object.entries(amenities).flatMap(([key, value]) => {
-    const enabledAmenities = Object.entries(value ?? {}).filter(([key1, value1]) => value1?.enable && value1?.icon);
+  const amenities = item?.preferences?.property?.amenities;
+  const displayedIcons = amenities ? Object.entries(amenities)?.flatMap(([key, value]) => {
+    const enabledAmenities = Object.entries(value ?? {})?.filter(([key1, value1]) => value1?.enable && value1?.icon);
     const displayedAmenities = enabledAmenities.slice(0, 8);
     return displayedAmenities.length > 0 ? displayedAmenities.map(([key1, value1]) => renderDynamicIcon({
       name: value1.icon,
@@ -135,7 +135,7 @@ const PropertyCard = ({
       className: "w-12 h-12 border-4 border-t-blue-500 rounded-full animate-spin border-gray-200"
     }) : jsx("button", {
       className: `w-7 h-9.5 rounded-full flex items-center justify-center ${didLike ? 'bg-blue-400' : isDark ? 'bg-gray-800' : 'bg-white'}`,
-      onClick: () => handleLike(room.id),
+      onClick: () => handleLike(item.id),
       "aria-label": "Select as your favourite",
       children: jsx(BsHeart, {
         className: isDark ? 'text-white' : 'text-gray-800'
@@ -145,11 +145,11 @@ const PropertyCard = ({
   WithAuthentication(LikeButton);
   return jsx(Fragment, {
     children: jsxs("div", {
-      className: "flex flex-row p-2 relative",
-      onMouseEnter: () => setFocus(room.id),
-      onMouseLeave: () => setBlur(room.id),
+      className: "flex flex-row p-2 relative max-w-[370px]",
+      onMouseEnter: () => setFocus(item.id),
+      onMouseLeave: () => setBlur(item.id),
       ...props,
-      children: [room.status === 'pending' && jsxs(Fragment, {
+      children: [item?.status === 'pending' && jsxs(Fragment, {
         children: [jsx("div", {
           className: "absolute w-full h-full bg-black bg-opacity-60 rounded-2xl z-10"
         }), jsx("div", {
@@ -160,7 +160,7 @@ const PropertyCard = ({
           })
         })]
       }), jsx("div", {
-        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",
+        className: "w-full max-w-[100%] 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",
         children: jsxs("div", {
           className: "w-full h-full flex flex-col justify-between space-y-4",
           children: [jsxs("div", {
@@ -186,7 +186,7 @@ const PropertyCard = ({
                 children: jsx(LikeButton, {})
               }), images.map((image, i) => jsx(SplideSlide, {
                 children: jsx("a", {
-                  href: generateHref(room, checkIn, checkOut, adults, children),
+                  href: generateHref(item, checkIn, checkOut, adults, children),
                   target: "_blank",
                   rel: "noopener noreferrer",
                   children: jsx("div", {
@@ -214,25 +214,25 @@ const PropertyCard = ({
               }, index))]
             }), jsx("h3", {
               className: "text-lg font-medium mb-2 line-clamp-2",
-              children: room?.title
-            }), room?.address && room?.address.city && room?.address.city.state && jsxs("div", {
+              children: item?.title
+            }), item?.address && item?.address.city && item?.address.city.state && jsxs("div", {
               className: "flex items-center text-sm text-gray-500 mb-2",
               children: [jsx(LocationIcon, {
                 w: "16px",
                 h: "20px"
               }), jsxs("span", {
                 className: "truncate",
-                children: [room?.address.city.name + ', ' + room?.address.city.state.name, room?.address?.number ? ' · ' + room?.address?.number : '']
+                children: [item?.address.city.name + ', ' + item?.address.city.state.name, item?.address?.number ? ' · ' + item?.address?.number : '']
               })]
             }), displayedIcons.length > 0 && jsx("div", {
               className: "flex space-x-3 mt-2 mb-3",
               children: displayedIcons
             }), jsxs("div", {
               className: "flex flex-wrap space-x-2 mt-1 mb-3",
-              children: [room?.preferences?.property?.booking?.policy?.instantBookingEnabled && jsx("span", {
+              children: [item?.preferences?.property?.booking?.policy?.instantBookingEnabled && jsx("span", {
                 className: "bg-blue-100 text-blue-800 px-2 py-1 rounded-md text-xs capitalize",
                 children: t('property.instant_book')
-              }), room?.preferences?.property?.booking?.policy?.cancellation && jsx("span", {
+              }), item?.preferences?.property?.booking?.policy?.cancellation && jsx("span", {
                 className: "bg-green-100 text-green-800 px-2 py-1 rounded-md text-xs capitalize",
                 children: t('property.cancellation_policy')
               })]
@@ -242,7 +242,7 @@ const PropertyCard = ({
                 className: "text-gray-500"
               }), jsxs("span", {
                 className: "text-sm text-gray-600 ml-2",
-                children: [room?.preferences?.property?.boarding?.maxPeople, " ", t('property.guests')]
+                children: [item?.preferences?.property?.boarding?.maxPeople, " ", t('property.guests')]
               })]
             })]
           }), config.ENABLE_PROPERTY_PRICE_COMPARISON && jsx("div", {
@@ -277,11 +277,11 @@ const PropertyCard = ({
                   className: "text-yellow-500 w-3 h-3 mr-1"
                 }), jsxs("span", {
                   className: "text-[0.832rem] font-bold text-gray-600",
-                  children: [room?.reviewsOverview ? room.reviewsOverview.rating : 0, " (", room.reviewsOverview ? room.reviewsOverview.ratingCount : 0, ' ', t('property.reviews'), ")"]
+                  children: [item?.reviewsOverview ? item.reviewsOverview.rating : 0, " (", item.reviewsOverview ? item.reviewsOverview.ratingCount : 0, ' ', t('property.reviews'), ")"]
                 })]
-              }), room?.__typename && jsxs("span", {
+              }), item?.__typename && jsxs("span", {
                 className: "text-[0.832rem] text-gray-500",
-                children: ["Booking through ", startCase(room.__typename.replace('Property', ''))]
+                children: ["Booking through ", startCase(item.__typename.replace('Property', ''))]
               })]
             }), jsxs("div", {
               className: "flex flex-col items-end space-y-2 w-full sm:w-auto",
@@ -292,19 +292,19 @@ const PropertyCard = ({
                   children: [formattedDuration, ", ", adults + children, ' ', adults + children === 1 ? 'guest' : 'guests']
                 }), jsxs("div", {
                   className: "flex flex-col items-end space-y-0 w-full",
-                  children: [room.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.total !== room.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.totalBeforeDiscount && jsxs("div", {
+                  children: [item.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.total !== item.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.totalBeforeDiscount && jsxs("div", {
                     className: "flex items-center group relative",
                     children: [jsx("span", {
                       className: "text-xs text-gray-500",
                       children: "from"
                     }), jsx("span", {
                       className: "text-sm font-semibold text-gray-500 line-through ml-1 cursor-help hover:text-gray-600 group-hover:text-gray-600",
-                      children: room.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.totalBeforeDiscount
+                      children: item.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.totalBeforeDiscount
                     }), jsx("div", {
                       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",
                       children: jsxs("div", {
                         className: "flex flex-col space-y-2",
-                        children: [room.preferences?.property?.pricing?.price?.price_breakdown?.details?.discounts?.items.map((charge, index) => jsxs("div", {
+                        children: [item.preferences?.property?.pricing?.price?.price_breakdown?.details?.discounts?.items.map((charge, index) => jsxs("div", {
                           className: "flex flex-col",
                           children: [jsxs("div", {
                             className: "flex justify-between",
@@ -324,7 +324,7 @@ const PropertyCard = ({
                           children: [jsx("span", {
                             children: "Total discount"
                           }), jsx("span", {
-                            children: room.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.savings
+                            children: item.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.savings
                           })]
                         })]
                       })
@@ -333,7 +333,7 @@ const PropertyCard = ({
                     className: "relative group",
                     children: [jsx("span", {
                       className: "text-2xl font-semibold text-right underline cursor-help",
-                      children: room.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.total
+                      children: item.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.total
                     }), jsxs("div", {
                       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",
                       children: [jsx("div", {
@@ -343,7 +343,7 @@ const PropertyCard = ({
                         className: "p-4",
                         children: jsx("div", {
                           className: "flex flex-col space-y-2",
-                          children: room.preferences?.property?.pricing?.price?.price_breakdown?.details?.charges?.items?.map((item, index) => jsxs("div", {
+                          children: item.preferences?.property?.pricing?.price?.price_breakdown?.details?.charges?.items?.map((item, index) => jsxs("div", {
                             className: "flex justify-between",
                             children: [jsx("span", {
                               children: item.name
@@ -357,12 +357,12 @@ const PropertyCard = ({
                   })]
                 }), jsxs("span", {
                   className: "text-xs text-gray-500 text-right w-full",
-                  children: [room?.preferences?.property?.pricing?.price?.price_breakdown?.details?.pricing?.basePrice?.perNight, ' ', "per ", getPriceType(room)]
+                  children: [item?.preferences?.property?.pricing?.price?.price_breakdown?.details?.pricing?.basePrice?.perNight, ' ', "per ", getPriceType(item)]
                 })]
               }), jsx("button", {
                 className: "bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded w-full",
                 onClick: () => {
-                  window.open(generateHref(room, checkIn, checkOut, adults, children), '_blank');
+                  window.open(generateHref(item, checkIn, checkOut, adults, children), '_blank');
                 },
                 children: "View deal"
               })]
@@ -370,6 +370,6 @@ const PropertyCard = ({
           })]
         })
       })]
-    }, room.id)
+    }, item.id)
   });
 };export{PropertyCard};//# sourceMappingURL=PropertyCard.js.map