nestiq-component-library 1.1.170 → 1.1.172

package/dist/components/NewPropertyCard/NewPropertyCard.d.ts

@@ -21,7 +21,6 @@ interface PopupProps {
         expose: {
             title: string;
         };
-        selectedFloorPlan?: string;
         pictures: {
             contentUrl: string;
             pictureType: {

package/dist/components/PropertyImageList/PropertyImageList.d.ts

@@ -6,9 +6,11 @@ interface PopupProps {
         title: string;
         url: string;
     }[];
-    floorPlanUrl: string;
+    allPictureUrls: {
+        title: string;
+        url: string;
+    }[];
     property: {
-        selectedFloorPlan?: string;
         pictures: {
             contentUrl: string;
             pictureType: {
@@ -16,6 +18,11 @@ interface PopupProps {
             };
         }[];
     };
+    translations?: {
+        allPhotos?: string;
+        map?: string;
+        grundriss?: string;
+    };
     baseUrl: string;
 }
 export default function PropertyImageList(prop: PopupProps): React.JSX.Element;

package/dist/index.es.js

@@ -262,10 +262,10 @@ function ImageListPopup(props) {
 }
 
 function PropertyImageList(prop) {
-    var _a, _b;
-    var _c = useState(0), currentImageIndex = _c[0], setCurrentImageIndex = _c[1];
-    var _d = useState(false), isImagePopupOpen = _d[0], setIsImagePopupOpen = _d[1];
-    var _e = useState(false), isFloorPlanPopupOpen = _e[0], setIsFloorPlanPopupOpen = _e[1];
+    var _a, _b, _c, _d, _e, _f;
+    var _g = useState(0), currentImageIndex = _g[0], setCurrentImageIndex = _g[1];
+    var _h = useState(false), isImagePopupOpen = _h[0], setIsImagePopupOpen = _h[1];
+    var _j = useState(false), isFloorPlanPopupOpen = _j[0], setIsFloorPlanPopupOpen = _j[1];
     var imageListRef = useRef(null);
     var handleArrowClickInMainImage = function (direction) {
         if (!prop.pictureUrls.length)
@@ -288,25 +288,28 @@ function PropertyImageList(prop) {
             return newIndex || 0;
         });
     };
-    var floorPlanImages = ((_a = prop.property.pictures) === null || _a === void 0 ? void 0 : _a.filter(function (p) { var _a; return ((_a = p.pictureType) === null || _a === void 0 ? void 0 : _a.id) === 1; }).map(function (p, index) { return ({
+    var allPhotos = ((_a = prop.property.pictures) === null || _a === void 0 ? void 0 : _a.filter(function (p) { var _a; return ((_a = p.pictureType) === null || _a === void 0 ? void 0 : _a.id) === 2; }).map(function (p, index) { return ({
+        url: prop.baseUrl + p.contentUrl,
+        title: "Photo ".concat(index + 1),
+    }); })) || [];
+    var floorPlanImages = ((_b = prop.property.pictures) === null || _b === void 0 ? void 0 : _b.filter(function (p) { var _a; return ((_a = p.pictureType) === null || _a === void 0 ? void 0 : _a.id) === 1; }).map(function (p, index) { return ({
         url: prop.baseUrl + p.contentUrl,
         title: "Floor Plan ".concat(index + 1),
     }); })) || [];
-    if (prop.property.selectedFloorPlan) {
-        floorPlanImages.push({
-            url: prop.property.selectedFloorPlan,
-            title: "Selected Floor Plan",
-        });
-    }
     var toggleAllPhotos = function () {
         setIsImagePopupOpen(!isImagePopupOpen);
     };
     var floorPlanClickHandler = function () {
         setIsFloorPlanPopupOpen(true);
     };
+    var t = {
+        allPhotos: ((_c = prop.translations) === null || _c === void 0 ? void 0 : _c.allPhotos) || "Alle Fotos",
+        map: ((_d = prop.translations) === null || _d === void 0 ? void 0 : _d.map) || "Karte",
+        grundriss: ((_e = prop.translations) === null || _e === void 0 ? void 0 : _e.grundriss) || "Grundriss",
+    };
     return (React.createElement("div", { className: "col-8 Pimagelist " },
         React.createElement("div", { className: "col-12 rounded-5 mainImage d-flex position-relative align-items-center", style: {
-                backgroundImage: "url(".concat((_b = prop.pictureUrls[currentImageIndex]) === null || _b === void 0 ? void 0 : _b.url, ")"),
+                backgroundImage: "url(".concat((_f = prop.pictureUrls[currentImageIndex]) === null || _f === void 0 ? void 0 : _f.url, ")"),
                 backgroundSize: "cover",
                 backgroundPosition: "center",
             } },
@@ -342,11 +345,13 @@ function PropertyImageList(prop) {
                     React.createElement("div", { className: "col-lg-4 col-4 py-0 px-1", role: "button", onClick: toggleAllPhotos },
                         React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
                             React.createElement("img", { src: iconGallery, alt: "Gallery Icon" }),
-                            React.createElement("span", { className: "listImgText" }, "Alle Fotos"))),
+                            React.createElement("span", { className: "listImgText" },
+                                " ",
+                                t.allPhotos))),
                     React.createElement("div", { className: "col-lg-4 col-3 py-0 px-1", role: "button", onClick: floorPlanClickHandler },
                         React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
                             React.createElement("img", { src: iconLayers$1, alt: "Layers Icon" }),
-                            React.createElement("span", { className: "listImgText" }, "Grundriss"))),
+                            React.createElement("span", { className: "listImgText" }, t.grundriss))),
                     React.createElement("div", { className: "col-lg-4 col-3 py-0 px-1", role: "button", onClick: function () {
                             return window.scrollTo({
                                 top: document.documentElement.scrollHeight,
@@ -354,8 +359,8 @@ function PropertyImageList(prop) {
                         } },
                         React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
                             React.createElement("img", { src: iconMap, alt: "Map Icon" }),
-                            React.createElement("span", { className: "listImgText" }, "Karte")))))),
-        isImagePopupOpen && (React.createElement(ImageListPopup, { pictureUrls: prop.pictureUrls, onClose: function () { return setIsImagePopupOpen(false); } })),
+                            React.createElement("span", { className: "listImgText" }, t.map)))))),
+        isImagePopupOpen && (React.createElement(ImageListPopup, { pictureUrls: allPhotos, onClose: function () { return setIsImagePopupOpen(false); } })),
         isFloorPlanPopupOpen && (React.createElement(ImageListPopup, { pictureUrls: floorPlanImages, onClose: function () { return setIsFloorPlanPopupOpen(false); } }))));
 }
 
@@ -502,12 +507,6 @@ function PropertyCard(props) {
         url: props.baseUrl + p.contentUrl,
         title: "Floor Plan ".concat(index + 1),
     }); })) || [];
-    if (props.property.selectedFloorPlan) {
-        floorPlanImages.push({
-            url: props.property.selectedFloorPlan,
-            title: "Selected Floor Plan",
-        });
-    }
     var handleFloorPlanButton = function () {
         setIsImagePopupOpen(true);
         if (props.onFloorPlanClick) {