nestiq-component-library 1.1.66 → 1.1.68

package/dist/components/MessagePopup/ErrorPopup.d.ts

@@ -3,5 +3,5 @@ import React from "react";
 interface PopupProps {
     onClick: any;
 }
-export default function SuccessPopUp(props: PopupProps): React.JSX.Element;
+export default function ErrorPopup(props: PopupProps): React.JSX.Element;
 export {};

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export { default as FloorPlanPopup } from "./components/FloorPlanPopup/FloorPlan
 export { default as NewPropertyCard } from "./components/NewPropertyCard/NewPropertyCard";
 export { default as MessagePopUp } from "./components/MessagePopup/MessagePopUp";
 export { default as SuccessPopup } from "./components/MessagePopup/SuccessPopup";
+export { default as ErrorPopup } from "./components/MessagePopup/ErrorPopup";
 export { default as ToastWrapper, showToast, } from "./components/ToastWrapper/ToastWrapper";
 export { formatPrice, formatPropertyArea } from "./functions/util";
 import "./styles/common.css";

package/dist/index.es.js

@@ -655,28 +655,48 @@ styleInject(css_248z);
 var icon_checkmark = "/static/media/icon_checkmark.9b48c4a4bc651b08.svg";
 
 function SuccessPopUp(props) {
-    var _a = useState(true), showSuccessPopUp = _a[0], setShowSuccessPopUp = _a[1];
+    var _a = useState(true); _a[0]; _a[1];
     var handleClose = function () {
         props.onClick();
     };
-    var handleSendMessage = function () {
-        setShowSuccessPopUp(false);
+    return (React.createElement("div", null,
+        React.createElement("div", { className: "popup-overlay" },
+            React.createElement("div", { className: "shareSection-Success  d-flex  flex-column  col-7 " },
+                React.createElement("img", { src: x$1, alt: "close", className: "closeIcon d-flex flex-column align-self-end ms-5 ", onClick: handleClose }),
+                React.createElement("div", { className: " d-flex flex-column align-self-center ms-5 " },
+                    React.createElement("img", { src: icon_checkmark, alt: "facebook", className: " mb-4" })),
+                React.createElement("div", { className: "popUpHeader d-flex flex-column col- text-center text-wrap mb-5 align-self-center" },
+                    React.createElement("span", null, " Herzlichen Gl\u00FCckwunsch! "),
+                    React.createElement("span", null, " Deine Nachricht wurde erfolgreich gesendet. ")),
+                React.createElement("div", { className: "d-flex flex-column mt-4 mb-4" },
+                    React.createElement("span", { className: "text-center ms-5 text-wrap" }, "Neben vielen weiteren Einstellungen und Aktionen kannst du die Antwort auf deine Nachricht in deinem Control Center einsehen, sobald der Verk\u00E4ufer darauf reagiert hat.")),
+                React.createElement("div", { className: " d-flex flex-row align-self-center " },
+                    React.createElement("button", { className: "d-flex button_success-left col-sm-5  border-0  rounded-4", type: "button", id: "button", onClick: handleClose },
+                        React.createElement("strong", null, " Zum Control Center")),
+                    React.createElement("button", { className: "button_success-right col-sm-3 border-1 ms-3 rounded-4", type: "button", id: "button" },
+                        React.createElement("strong", null, "Abbrechen")))))));
+}
+
+var warning = "/static/media/warning.6f99cb4c6a048b47.svg";
+
+function ErrorPopup(props) {
+    var handleClose = function () {
+        props.onClick();
     };
-    return (React.createElement("div", null, showSuccessPopUp && (React.createElement("div", { className: "popup-overlay" },
-        React.createElement("div", { className: "shareSection-Success  d-flex  flex-column  col-7 " },
-            React.createElement("img", { src: x$1, alt: "close", className: "closeIcon d-flex flex-column align-self-end ms-5 ", onClick: handleClose }),
+    return (React.createElement("div", { className: "popup-overlay" },
+        React.createElement("div", { className: "shareSection-Error  d-flex  flex-column col-6 " },
+            React.createElement("img", { src: x, alt: "close", className: "closeIcon d-flex flex-column align-self-end ms-5 ", onClick: handleClose }),
             React.createElement("div", { className: " d-flex flex-column align-self-center ms-5 " },
-                React.createElement("img", { src: icon_checkmark, alt: "facebook", className: " mb-4" })),
-            React.createElement("div", { className: "popUpHeader d-flex flex-column col- text-center text-wrap mb-5 align-self-center" },
-                React.createElement("span", null, "  Herzlichen Gl\u00FCckwunsch! "),
-                React.createElement("span", null, "   Deine Nachricht wurde erfolgreich gesendet. ")),
+                React.createElement("img", { src: warning, alt: "facebook", className: " mb-4" })),
+            React.createElement("div", { className: "popUpHeader d-flex flex-column col- text-center text-wrap mb-1 align-self-center" },
+                React.createElement("span", null, "   Oops! Etwas ist schiefgelaufen.")),
             React.createElement("div", { className: "d-flex flex-column mt-4 mb-4" },
-                React.createElement("span", { className: "text-center ms-5 text-wrap" }, "Neben vielen weiteren Einstellungen und Aktionen kannst du die Antwort auf deine Nachricht in deinem Control Center einsehen, sobald der Verk\u00E4ufer darauf reagiert hat.")),
+                React.createElement("span", { className: "text-center ms-5 text-wrap" }, "Beim Senden deiner Nachricht ist ein Fehler aufgetreten. Wenn das Problem weiterhin besteht, kontaktiere uns unter support@nestiq.de")),
             React.createElement("div", { className: " d-flex flex-row align-self-center " },
-                React.createElement("button", { className: "d-flex button_success-left col-sm-5  border-0  rounded-4", type: "button", id: "button", onClick: handleSendMessage },
-                    React.createElement("strong", null, "  Zum Control Center")),
-                React.createElement("button", { className: "button_success-right col-sm-3 border-1 ms-3 rounded-4", type: "button", id: "button" },
-                    React.createElement("strong", null, "Abbrechen"))))))));
+                React.createElement("button", { className: "d-flex button_success-left col-sm-5  border-0  rounded-4", type: "button", id: "button" },
+                    React.createElement("strong", null, "  Erneut versuchen")),
+                React.createElement("button", { className: "button_success-right w-50 border-1 ms-3 rounded-4", type: "button", id: "button" },
+                    React.createElement("strong", null, "  Support kontaktieren"))))));
 }
 
 // Utility function to show a toast
@@ -686,5 +706,5 @@ var showToast = function (message, type) {
 };
 var ToastWrapper = function () { return (React.createElement(ToastContainer, { position: "top-right", autoClose: 5000, hideProgressBar: false, closeOnClick: true, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true })); };
 
-export { Button, FloorPlanPopup, MessagePopUp, PropertyCard as NewPropertyCard, Popup, PropertyCard$1 as PropertyCard, PropertyDetailsHeader, PropertyImageList, SharePopup, SuccessPopUp as SuccessPopup, ToastWrapper, formatPrice, formatPropertyArea, showToast };
+export { Button, ErrorPopup, FloorPlanPopup, MessagePopUp, PropertyCard as NewPropertyCard, Popup, PropertyCard$1 as PropertyCard, PropertyDetailsHeader, PropertyImageList, SharePopup, SuccessPopUp as SuccessPopup, ToastWrapper, formatPrice, formatPropertyArea, showToast };
 //# sourceMappingURL=index.es.js.map