nestiq-component-library 1.1.169 → 1.1.171

package/src/components/NewPropertyCard/NewPropertyCard.tsx

@@ -37,7 +37,6 @@ interface PopupProps {
     expose: {
       title: string;
     };
-    selectedFloorPlan?: string;
     pictures: { contentUrl: string; pictureType: { id: number } }[];
   };
   userData?: { firstname: string; lastname: string; company: string };
@@ -83,13 +82,6 @@ export default function PropertyCard(props: PopupProps) {
         title: `Floor Plan ${index + 1}`,
       })) || [];
 
-  if (props.property.selectedFloorPlan) {
-    floorPlanImages.push({
-      url: props.property.selectedFloorPlan,
-      title: "Selected Floor Plan",
-    });
-  }
-
   // setPictureUrls(pictureUrls);
   const handleLike = () => {
     setLiked(!liked);

package/src/components/Popup/Popup.tsx

@@ -1,29 +1,29 @@
-import React from "react";
-import closeIcon from "../../assets/images/icon_close_2.png";
-import "./Popup.css";
-import "../../styles/common.css";
-
-interface PopupProps {
-  children: React.ReactNode;
-  onCloseClick: () => void;
-}
-
-const Popup: React.FC<PopupProps> = ({ onCloseClick, children }) => {
-  return (
-    <div className="popup-overlay">
-      <div className="shareSection  col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4">
-        <div className="end-0 top-0 position-absolute ">
-          <img
-            src={closeIcon}
-            alt="close"
-            className="closeIcon me-2"
-            onClick={onCloseClick}
-          />
-        </div>
-        {children}
-      </div>
-    </div>
-  );
-};
-
-export default Popup;
+import React from "react";
+import closeIcon from "../../assets/images/icon_close_2.png";
+import "./Popup.css";
+import "../../styles/common.css";
+
+interface PopupProps {
+  children: React.ReactNode;
+  onCloseClick: () => void;
+}
+
+const Popup: React.FC<PopupProps> = ({ onCloseClick, children }) => {
+  return (
+    <div className="popup-overlay">
+      <div className="shareSection  col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4">
+        <div className="end-0 top-0 position-absolute ">
+          <img
+            src={closeIcon}
+            alt="close"
+            className="closeIcon me-2"
+            onClick={onCloseClick}
+          />
+        </div>
+        {children}
+      </div>
+    </div>
+  );
+};
+
+export default Popup;

package/src/components/PropertyImageList/PropertyImageList.tsx

@@ -6,6 +6,7 @@ import iconArrowLeft from "../../assets/images/chevron-left.svg";
 import iconGallery from "../../assets/images/icon_gallery.svg";
 import iconMap from "../../assets/images/icon_map.svg";
 import iconLayers from "../../assets/images/layer_icon.svg";
+import noImageIcon from "../../assets/Images/default-property.jpg";
 import "./PropertyImageList.css";
 import ImageListPopup from "../ImageListPopup/ImageListPopup";
 import PopupProps from "../ImageListPopup/ImageListPopup";
@@ -13,7 +14,19 @@ import FloorPlanPopup from "../FloorPlanPopup/FloorPlanPopup";
 
 interface PopupProps {
   pictureUrls: { title: string; url: string }[];
-  floorPlanUrl: string;
+  allPictureUrls: { title: string; url: string }[];
+  property: {
+    pictures: {
+      contentUrl: string;
+      pictureType: { id: number };
+    }[];
+  };
+  translations?: {
+    allPhotos?: string;
+    map?: string;
+    grundriss?: string;
+  };
+  baseUrl: string;
 }
 export default function PropertyImageList(prop: PopupProps) {
   const [currentImageIndex, setCurrentImageIndex] = useState(0);
@@ -26,35 +39,50 @@ export default function PropertyImageList(prop: PopupProps) {
 
     setCurrentImageIndex((prevIndex) => {
       let newIndex;
+
       if (direction === "left") {
         newIndex =
           (prevIndex - 1 + prop.pictureUrls.length) % prop.pictureUrls.length;
-      } else if (direction === "right") {
+      } else {
         newIndex = (prevIndex + 1) % prop.pictureUrls.length;
       }
-      return newIndex || 0;
-    });
 
-    imageListRef.current!.scrollTo({
-      left: currentImageIndex * (direction === "left" ? -150 : 150),
-      behavior: "smooth",
+      if (imageListRef.current) {
+        imageListRef.current.scrollTo({
+          left: newIndex * 150,
+          behavior: "smooth",
+        });
+      }
+      return newIndex || 0;
     });
   };
 
+  const floorPlanImages =
+    prop.property.pictures
+      ?.filter((p) => p.pictureType?.id === 1)
+      .map((p, index) => ({
+        url: prop.baseUrl + p.contentUrl,
+        title: `Floor Plan ${index + 1}`,
+      })) || [];
+
   const toggleAllPhotos = () => {
     setIsImagePopupOpen(!isImagePopupOpen);
   };
 
   const floorPlanClickHandler = () => {
-    if (prop.floorPlanUrl) {
-      setIsFloorPlanPopupOpen(true);
-    }
+    setIsFloorPlanPopupOpen(true);
   };
 
   const floorPlanPopupCloseHandler = () => {
     setIsFloorPlanPopupOpen(false);
   };
 
+  const t = {
+    allPhotos: prop.translations?.allPhotos || "Alle Fotos",
+    map: prop.translations?.map || "Karte",
+    grundriss: prop.translations?.grundriss || "Grundriss",
+  };
+
   return (
     <div className="col-8 Pimagelist ">
       <div
@@ -168,7 +196,7 @@ export default function PropertyImageList(prop: PopupProps) {
             >
               <div className="border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3">
                 <img src={iconGallery} alt="Gallery Icon" />
-                <span className="listImgText">Alle Fotos</span>
+                <span className="listImgText"> {t.allPhotos}</span>
               </div>
             </div>
             <div
@@ -178,7 +206,7 @@ export default function PropertyImageList(prop: PopupProps) {
             >
               <div className="border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3">
                 <img src={iconLayers} alt="Layers Icon" />
-                <span className="listImgText">Grundriss</span>
+                <span className="listImgText">{t.grundriss}</span>
               </div>
             </div>
             <div
@@ -192,7 +220,7 @@ export default function PropertyImageList(prop: PopupProps) {
             >
               <div className="border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3">
                 <img src={iconMap} alt="Map Icon" />
-                <span className="listImgText">Karte</span>
+                <span className="listImgText">{t.map}</span>
               </div>
             </div>
           </div>
@@ -201,16 +229,16 @@ export default function PropertyImageList(prop: PopupProps) {
       {/* Popup for all photos */}
       {isImagePopupOpen && (
         <ImageListPopup
-          pictureUrls={prop.pictureUrls}
+          pictureUrls={prop.allPictureUrls}
           onClose={() => setIsImagePopupOpen(false)}
         />
       )}
 
       {/* Popup for floor plan */}
       {isFloorPlanPopupOpen && (
-        <FloorPlanPopup
-          contentUrl={prop.floorPlanUrl}
-          onCloseClick={floorPlanPopupCloseHandler}
+        <ImageListPopup
+          pictureUrls={floorPlanImages}
+          onClose={() => setIsFloorPlanPopupOpen(false)}
         />
       )}
     </div>

package/src/components/ToastWrapper/ToastWrapper.tsx

@@ -1,25 +1,25 @@
-import React from "react";
-import { ToastContainer, toast } from "react-toastify";
-
-// Utility function to show a toast
-export const showToast = (
-  message: string,
-  type: "info" | "success" | "warning" | "error" = "info",
-) => {
-  toast(message, { type });
-};
-
-const ToastWrapper: React.FC = () => (
-  <ToastContainer
-    position="top-right"
-    autoClose={5000}
-    hideProgressBar={false}
-    closeOnClick
-    rtl={false}
-    pauseOnFocusLoss
-    draggable
-    pauseOnHover
-  />
-);
-
-export default ToastWrapper;
+import React from "react";
+import { ToastContainer, toast } from "react-toastify";
+
+// Utility function to show a toast
+export const showToast = (
+  message: string,
+  type: "info" | "success" | "warning" | "error" = "info",
+) => {
+  toast(message, { type });
+};
+
+const ToastWrapper: React.FC = () => (
+  <ToastContainer
+    position="top-right"
+    autoClose={5000}
+    hideProgressBar={false}
+    closeOnClick
+    rtl={false}
+    pauseOnFocusLoss
+    draggable
+    pauseOnHover
+  />
+);
+
+export default ToastWrapper;

package/src/models/message.model.ts

@@ -1,7 +1,7 @@
-export interface MessageModel {
-  themeId: string;
-  subject: string;
-  messageText: string;
-  firstName: string;
-  lastName: string;
-}
+export interface MessageModel {
+  themeId: string;
+  subject: string;
+  messageText: string;
+  firstName: string;
+  lastName: string;
+}