@admin-layout/tailwind-design-pro 11.0.4-alpha.4 → 12.0.16-alpha.0

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,GAAI;;;;CAAyC,4CA8DnE,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,99 @@
+import { GraphQLError } from 'graphql';
+import React, { MutableRefObject } from 'react';
+import { TravelType } from '../typings';
+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/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,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'../typings.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/UI/ParamSearchResultContainer.js.map

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

@@ -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/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,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,4CAoX1D,CAAC"}