nestiq-component-library 1.1.170 → 1.1.171

package/dist/index.js

@@ -264,10 +264,10 @@ function ImageListPopup(props) {
 }
 
 function PropertyImageList(prop) {
-    var _a, _b;
-    var _c = React.useState(0), currentImageIndex = _c[0], setCurrentImageIndex = _c[1];
-    var _d = React.useState(false), isImagePopupOpen = _d[0], setIsImagePopupOpen = _d[1];
-    var _e = React.useState(false), isFloorPlanPopupOpen = _e[0], setIsFloorPlanPopupOpen = _e[1];
+    var _a, _b, _c, _d, _e;
+    var _f = React.useState(0), currentImageIndex = _f[0], setCurrentImageIndex = _f[1];
+    var _g = React.useState(false), isImagePopupOpen = _g[0], setIsImagePopupOpen = _g[1];
+    var _h = React.useState(false), isFloorPlanPopupOpen = _h[0], setIsFloorPlanPopupOpen = _h[1];
     var imageListRef = React.useRef(null);
     var handleArrowClickInMainImage = function (direction) {
         if (!prop.pictureUrls.length)
@@ -294,21 +294,20 @@ function PropertyImageList(prop) {
         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: ((_b = prop.translations) === null || _b === void 0 ? void 0 : _b.allPhotos) || "Alle Fotos",
+        map: ((_c = prop.translations) === null || _c === void 0 ? void 0 : _c.map) || "Karte",
+        grundriss: ((_d = prop.translations) === null || _d === void 0 ? void 0 : _d.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((_e = prop.pictureUrls[currentImageIndex]) === null || _e === void 0 ? void 0 : _e.url, ")"),
                 backgroundSize: "cover",
                 backgroundPosition: "center",
             } },
@@ -344,11 +343,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,
@@ -356,8 +357,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: prop.allPictureUrls, onClose: function () { return setIsImagePopupOpen(false); } })),
         isFloorPlanPopupOpen && (React.createElement(ImageListPopup, { pictureUrls: floorPlanImages, onClose: function () { return setIsFloorPlanPopupOpen(false); } }))));
 }
 
@@ -504,12 +505,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) {