nestiq-component-library 1.0.46 → 1.0.51

package/src/components/PropertyDetailsHeader/PropertyDetailsHeader.tsx

@@ -3,7 +3,7 @@ import React, { useState } from "react";
 import ShareIcon from "../../assets/images/icon_share_1.svg";
 import locationIcon from "../../assets/images/locationIconBlack.svg";
 import "./PropertyDetailsHeader.css";
-import PopUp from "../SharePopup/PopUp";
+import SharePopup from "../SharePopup/SharePopup";
 
 export interface PopupProps {
   property: {
@@ -74,11 +74,7 @@ export default function PropertyDetailsHeader(props: PopupProps) {
           </div>
         )}
       </div>
-      {showPopUp && (
-        <PopUp
-      onClick={handlePopUp}
-        />
-      )}
+      {showPopUp && <SharePopup />}
     </div>
   );
 }

package/src/components/PropertyImageList/PropertyImageList.tsx

@@ -1,21 +1,24 @@
 import React, { useRef, useState } from "react";
-import iconArrowRight from "../../assets/Images/Icon_rightArrow.svg";
-import blcIconArrowRight from "../../assets/Images/blackarrow-Right.svg";
-import blcIconArrowLeft from "../../assets/Images/blckarrow-Left.svg";
-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 iconArrowRight from "../../assets/images/Icon_rightArrow.svg";
+import blcIconArrowRight from "../../assets/images/blackarrow-Right.svg";
+import blcIconArrowLeft from "../../assets/images/blckarrow-Left.svg";
+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 "./PropertyImageList.css";
 import ImageListPopup from "../ImageListPopup/ImageListPopup";
 import PopupProps from "../ImageListPopup/ImageListPopup";
+import FloorPlanPopup from "../FloorPlanPopup/FloorPlanPopup";
 
 interface PopupProps {
   pictureUrls: { title: string; url: string }[];
+  floorPlanUrl: string;
 }
 export default function PropertyImageList(prop: PopupProps) {
   const [currentImageIndex, setCurrentImageIndex] = useState(0);
   const [isImagePopupOpen, setIsImagePopupOpen] = useState(false);
+  const [isFloorPlanPopupOpen, setIsFloorPlanPopupOpen] = useState(false);
   const imageListRef = useRef<HTMLDivElement | null>(null);
 
   const handleArrowClickInMainImage = (direction: any) => {
@@ -42,6 +45,16 @@ export default function PropertyImageList(prop: PopupProps) {
     setIsImagePopupOpen(!isImagePopupOpen);
   };
 
+  const floorPlanClickHandler = () => {
+    if (prop.floorPlanUrl) {
+      setIsFloorPlanPopupOpen(true);
+    }
+  };
+
+  const floorPlanPopupCloseHandler = () => {
+    setIsFloorPlanPopupOpen(false);
+  };
+
   return (
     <div className="col-8 me-2 Pimagelist">
       <div
@@ -143,7 +156,11 @@ export default function PropertyImageList(prop: PopupProps) {
               <span className="listImgText">Alle Fotos</span>
             </div>
           </div>
-          <div className="col-lg-4 p-1" role="button">
+          <div
+            className="col-lg-4 p-1"
+            role="button"
+            onClick={floorPlanClickHandler}
+          >
             <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>
@@ -168,6 +185,14 @@ export default function PropertyImageList(prop: PopupProps) {
 
       {/* Popup for all photos */}
       {isImagePopupOpen && <ImageListPopup pictureUrls={prop.pictureUrls} />}
+
+      {/* Popup for floor plan */}
+      {isFloorPlanPopupOpen && (
+        <FloorPlanPopup
+          contentUrl={prop.floorPlanUrl}
+          onCloseClick={floorPlanPopupCloseHandler}
+        />
+      )}
     </div>
   );
 }

package/src/components/SharePopup/{PopUp.css → SharePopup.css}

@@ -1,17 +1,3 @@
-.popup-overlay {
-  position: fixed; /* Fixed position to cover the whole screen */
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color:  rgba(0, 0, 0, 0.5); /* Semi-transparent background */
-  display: flex; /* Flexbox to center the popup */
-  justify-content: center; /* Center horizontally */
-  align-items: center; /* Center vertically */
-  z-index: 2000; /* Ensure it's above other content */
- 
-}
-
 .shareSection {
   height: 340px;
   padding: 40px;

package/src/components/SharePopup/{PopUp.tsx → SharePopup.tsx}

@@ -1,16 +1,15 @@
 import React, { useRef, useState } from "react";
-import email from "../../assets/Images/envelope-fill.svg";
-import facebook from "../../assets/Images/facebook.svg";
-import x from "../../assets/Images/icon_close_2.png";
-import linkedln from "../../assets/Images/linkedin.svg";
-import Xtwitter from "../../assets/Images/twitter-x.svg";
-import whatsapp from "../../assets/Images/whatsapp.svg";
-import "./PopUp.css";
+import email from "../../assets/images/envelope-fill.svg";
+import facebook from "../../assets/images/facebook.svg";
+import x from "../../assets/images/icon_close_2.png";
+import linkedln from "../../assets/images/linkedin.svg";
+import Xtwitter from "../../assets/images/twitter-x.svg";
+import whatsapp from "../../assets/images/whatsapp.svg";
+import "./SharePopup.css";
+import { toast } from "react-toastify";
+import "../../styles/common.css";
 
-interface Popupprops {
-  onClick: () => void;
-}
-export default function PopUp(props: Popupprops) {
+export default function SharePopup() {
   const [showPopUp, setShowPopUp] = useState(true);
 
   const handleClose = () => {
@@ -21,7 +20,7 @@ export default function PopUp(props: Popupprops) {
   const copyToClipboard = () => {
     urlInputRef.current!.select();
     document.execCommand("copy");
-    // toast.success("URL copied to clipboard!");
+    toast.success("URL copied to clipboard!");
   };
 
   return (

package/src/components/ToastWrapper/ToastWrapper.tsx

@@ -0,0 +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;

package/src/index.tsx

@@ -1,7 +1,14 @@
+import "react-toastify/dist/ReactToastify.css";
+
 export { default as Button } from "./components/Button/Button";
 export { default as Popup } from "./components/Popup/Popup";
 // export { default as ImageListPopup } from "./components/ImageListPopup/ImageListPopup";
 export { default as PropertyDetailsHeader } from "./components/PropertyDetailsHeader/PropertyDetailsHeader";
 export { default as PropertyImageList } from "./components/PropertyImageList//PropertyImageList";
 export { default as PropertyCard } from "./components/PropertyCard//PropertyCard";
-
+export { default as SharePopup } from "./components/SharePopup/SharePopup";
+export { default as FloorPlanPopup } from "./components/FloorPlanPopup/FloorPlanPopup";
+export {
+  default as ToastWrapper,
+  showToast,
+} from "./components/ToastWrapper/ToastWrapper";

package/src/styles/common.css

@@ -0,0 +1,12 @@
+.popup-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.7);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 9998;
+}

package/src/assets/images/Logo-Nestiq_black.svg

@@ -1,7 +0,0 @@
-<svg width="220" height="58" viewBox="0 0 220 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M97.653 45.886h-4.62V29.447c0-6.12-2.236-9.18-6.705-9.18-2.305 0-4.218.866-5.728 2.607-1.51 1.741-2.265 3.926-2.265 6.573v16.439h-4.62v-28.83h4.62v4.781h.111c2.174-3.644 5.335-5.466 9.462-5.466 3.151 0 5.567 1.017 7.238 3.06 1.671 2.034 2.507 4.983 2.507 8.828v17.627zM127.793 32.618h-20.355c.071 3.211.937 5.688 2.587 7.43 1.651 1.74 3.926 2.616 6.815 2.616 3.252 0 6.231-1.067 8.949-3.21v4.338c-2.536 1.842-5.888 2.758-10.056 2.758-4.167 0-7.278-1.309-9.603-3.926-2.326-2.617-3.493-6.301-3.493-11.053 0-4.49 1.268-8.143 3.815-10.962 2.547-2.829 5.697-4.238 9.472-4.238 3.775 0 6.694 1.218 8.758 3.664 2.064 2.436 3.1 5.829 3.1 10.167v2.426l.011-.01zm-4.732-3.916c-.02-2.667-.664-4.74-1.932-6.22-1.269-1.48-3.03-2.225-5.275-2.225-2.245 0-4.027.775-5.547 2.335-1.52 1.56-2.456 3.594-2.818 6.11h15.572zM131.304 44.84v-4.953c2.516 1.863 5.284 2.789 8.304 2.789 4.057 0 6.08-1.35 6.08-4.057 0-.765-.171-1.42-.523-1.953a5.235 5.235 0 0 0-1.409-1.42 10.668 10.668 0 0 0-2.084-1.107c-.795-.322-1.661-.674-2.577-1.026a32.774 32.774 0 0 1-3.362-1.53c-.967-.514-1.772-1.098-2.426-1.742a6.605 6.605 0 0 1-1.47-2.214c-.332-.826-.493-1.792-.493-2.9 0-1.348.312-2.546.926-3.593a8.305 8.305 0 0 1 2.476-2.617 11.53 11.53 0 0 1 3.534-1.59 15.818 15.818 0 0 1 4.097-.534c2.496 0 4.731.432 6.704 1.298v4.67c-2.124-1.388-4.56-2.083-7.318-2.083-.866 0-1.641.1-2.336.292-.694.201-1.288.473-1.792.836a3.872 3.872 0 0 0-1.157 1.278 3.374 3.374 0 0 0-.413 1.65c0 .756.131 1.38.413 1.883.272.504.674.957 1.198 1.35a8.963 8.963 0 0 0 1.912 1.066c.745.312 1.601.665 2.557 1.037 1.279.493 2.426.987 3.433 1.51 1.006.523 1.872 1.097 2.587 1.742a6.883 6.883 0 0 1 1.651 2.234c.382.846.573 1.852.573 3.01 0 1.43-.312 2.668-.946 3.715a8.103 8.103 0 0 1-2.516 2.617c-1.047.694-2.265 1.208-3.634 1.55-1.369.342-2.809.503-4.309.503-2.969 0-5.536-.573-7.711-1.721l.031.01zM169.155 45.604c-1.087.604-2.527.896-4.308.896-5.054 0-7.57-2.819-7.57-8.446V20.992h-4.953v-3.946h4.953v-7.037l4.62-1.49v8.537h7.268v3.946h-7.268v16.247c0 1.933.332 3.312.987 4.137.654.826 1.741 1.238 3.271 1.238 1.168 0 2.165-.322 3.01-.956v3.946l-.01-.01zM175.958 9.728c-.825 0-1.53-.282-2.113-.846-.584-.563-.876-1.278-.876-2.144 0-.865.292-1.58.876-2.154.583-.574 1.288-.855 2.113-.855.826 0 1.561.291 2.155.855.594.574.885 1.289.885 2.154 0 .866-.291 1.53-.885 2.114a2.956 2.956 0 0 1-2.155.876zm2.255 36.148h-4.62v-28.83h4.62v28.83zM211.614 49.783c-.191.08-.402.15-.634.201-.241.07-.493.12-.745.161-.262.05-.513.08-.755.1-.251.021-.483.031-.694.031-.775 0-1.49-.1-2.124-.292a7.385 7.385 0 0 1-1.853-.876 14.22 14.22 0 0 1-1.832-1.45 46.243 46.243 0 0 1-1.55-1.56c1.54-.422 2.909-1.056 4.087-1.902a12.617 12.617 0 0 0 3.322-3.493 15.696 15.696 0 0 0 1.953-4.6c.423-1.681.644-3.493.644-5.386 0-4.53-1.298-8.244-3.855-11.053-2.567-2.828-5.96-4.258-10.067-4.258-4.58 0-8.244 1.48-10.891 4.38-2.618 2.878-3.936 6.794-3.936 11.646 0 4.53 1.298 8.244 3.875 11.053a12.048 12.048 0 0 0 2.185 1.872c.785.523 1.63.966 2.516 1.329a13.31 13.31 0 0 0 2.708.805c.876.171 1.741.252 2.587.262a170.143 170.143 0 0 0 2.577 2.818 20.847 20.847 0 0 0 2.708 2.426 12.088 12.088 0 0 0 3.04 1.661c1.097.413 2.335.614 3.694.614.242 0 .514-.01.795-.03.282-.02.564-.05.856-.09.282-.03.574-.07.856-.121.292-.05.553-.11.785-.191l.262-.081v-4.178l-.514.202zm-14.435-30.481c3.06 0 5.496 1.037 7.228 3.07 1.751 2.034 2.637 5.003 2.637 8.818 0 3.815-.916 6.604-2.718 8.647-1.782 2.024-4.278 3.05-7.399 3.05-2.909 0-5.304-1.077-7.116-3.19-1.822-2.165-2.738-5.044-2.738-8.567 0-3.523.946-6.432 2.818-8.597 1.852-2.144 4.309-3.231 7.288-3.231z" fill="#1D1D1B"/>
-    <path d="M49.708 3.94H16.75a8.587 8.587 0 0 0-8.587 8.586v32.957a8.587 8.587 0 0 0 8.587 8.587h32.957a8.587 8.587 0 0 0 8.587-8.587V12.526a8.587 8.587 0 0 0-8.587-8.587z" fill="#191919"/>
-    <path d="M34.337 18.233s-20.727 2.315-13.238 8.959c5.154 4.298 15.351 3.735 15.351 3.735s-14.696 2.345-21.793-3.494c0 0-5.265-4.197 4.953-7.62 0 0 4.338-1.721 14.727-1.58z" fill="#fff"/>
-    <path d="M31.68 21.414c.413.08 19.73 2.315 14.556 7.469-5.496 5.476-15.744 5.104-15.744 5.104s13.117 1.932 21.24-4.47c6.946-6.795-13.519-10.418-20.052-8.103z" fill="#fff"/>
-    <path d="M15.371 31.752c.383.554 15.623 10.53 35.152 1.57 0 0-7.741 6.503-17.043 6.473-11.676 0-18.109-8.043-18.109-8.043z" fill="#fff"/>
-</svg>

package/src/assets/images/arrow-right-short.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/>
-</svg>

package/src/assets/images/arrow-right.svg

@@ -1,10 +0,0 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#ct6swd92za)">
-        <path d="m8.622 15.671-.743.763a.786.786 0 0 1-1.135 0L.236 9.76a.836.836 0 0 1 0-1.165l6.508-6.677a.786.786 0 0 1 1.135 0l.743.762A.84.84 0 0 1 8.61 3.86L4.575 7.802h9.622c.445 0 .803.367.803.824v1.1a.812.812 0 0 1-.803.824H4.575l4.034 3.943c.328.32.335.852.013 1.178z" fill="#1B1B1B"/>
-    </g>
-    <defs>
-        <clipPath id="ct6swd92za">
-            <path fill="#fff" transform="translate(0 .5)" d="M0 0h16v16H0z"/>
-        </clipPath>
-    </defs>
-</svg>

package/src/assets/images/dropdownIcon.svg

@@ -1,16 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#ytxejv4aoa)">
-        <path fill="#fff" fill-opacity=".01" d="M.004 0h16v16h-16z"/>
-        <g clip-path="url(#dj5t0etrqb)">
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M.185 4.679a.615.615 0 0 1 .871 0l6.948 6.95 6.948-6.95a.616.616 0 1 1 .871.871L8.44 12.934a.614.614 0 0 1-.872 0L.185 5.55a.615.615 0 0 1 0-.871z" fill="#6C757D"/>
-        </g>
-    </g>
-    <defs>
-        <clipPath id="ytxejv4aoa">
-            <path fill="#fff" transform="translate(.004)" d="M0 0h16v16H0z"/>
-        </clipPath>
-        <clipPath id="dj5t0etrqb">
-            <path fill="#fff" transform="translate(.004)" d="M0 0h16v16H0z"/>
-        </clipPath>
-    </defs>
-</svg>

package/src/assets/images/facebook_icon.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M16.364 1.125H2.386A2.386 2.386 0 0 0 0 3.511V17.49a2.387 2.387 0 0 0 2.386 2.386h6.847v-7.802h-1.56v-3.12H9.22v-1.41c0-1.277.608-3.27 3.284-3.27l2.41.009v2.673h-1.75c-.285 0-.69.142-.69.75v1.248h2.48l-.285 3.12h-2.315v7.802h4.01a2.386 2.386 0 0 0 2.386-2.386V3.51a2.385 2.385 0 0 0-2.386-2.386z" fill="#fff"/>
-</svg>

package/src/assets/images/google_icon.svg

@@ -1,10 +0,0 @@
-<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#hj67cbze5a)" fill="#fff">
-        <path d="M4.437 8.04 1.031 6.075a9.944 9.944 0 0 0 .014 8.843l3.392-1.959a6.042 6.042 0 0 1 0-4.917zM16.558 2.952A9.961 9.961 0 0 0 9.992.5a10.013 10.013 0 0 0-8.308 4.446l3.409 1.969a6.077 6.077 0 0 1 4.906-2.502c1.468 0 2.814.525 3.865 1.395a.646.646 0 0 0 .87-.043l1.857-1.857a.655.655 0 0 0-.033-.956zM19.93 9.344a.656.656 0 0 0-.65-.582h-8.194a.652.652 0 0 0-.652.652v2.606c0 .36.292.653.652.653h4.591a6.132 6.132 0 0 1-2.092 2.735l1.95 3.377a10.212 10.212 0 0 0 4.113-5.716 9.624 9.624 0 0 0 .282-3.725zM12.459 16.062a6.024 6.024 0 0 1-2.458.525 6.075 6.075 0 0 1-4.907-2.501l-3.395 1.96c1.788 2.662 4.822 4.454 8.302 4.454 1.573 0 3.07-.385 4.41-1.058l-1.952-3.38z"/>
-    </g>
-    <defs>
-        <clipPath id="hj67cbze5a">
-            <path fill="#fff" transform="translate(0 .5)" d="M0 0h20v20H0z"/>
-        </clipPath>
-    </defs>
-</svg>

package/src/assets/images/heartIcon.svg

@@ -1,3 +0,0 @@
-<svg width="30" height="27" viewBox="0 0 30 27" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M27.24 2.467a7.97 7.97 0 0 0-11.275.004l-.966.978-.958-.976-.006-.006a7.97 7.97 0 0 0-11.27 0l-.43.43a7.97 7.97 0 0 0 0 11.27l11.354 11.356 1.282 1.343.03-.03.034.033 1.201-1.268L27.67 14.168a7.979 7.979 0 0 0 0-11.27l-.43-.431zm-.98 10.292L15.003 24.018l-11.26-11.26a5.977 5.977 0 0 1 0-8.452l.431-.43a5.977 5.977 0 0 1 8.45-.003l2.372 2.415 2.383-2.412a5.977 5.977 0 0 1 8.453 0l.43.43a5.984 5.984 0 0 1 0 8.453z" fill="#fff"/>
-</svg>

package/src/assets/images/icon_checkmark.svg

@@ -1,10 +0,0 @@
-<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#x941tpr7ca)">
-        <path d="M57.682 27.808a3.125 3.125 0 0 1 0 4.42L36.717 53.191a3.126 3.126 0 0 1-4.419 0l-9.98-9.98a3.124 3.124 0 1 1 4.42-4.42l7.77 7.771 18.754-18.755a3.126 3.126 0 0 1 4.42 0zM80 40.5c0 22.11-17.893 40-40 40-22.11 0-40-17.893-40-40C0 18.39 17.893.5 40 .5c22.11 0 40 17.893 40 40zm-6.25 0C73.75 21.845 58.653 6.75 40 6.75 21.345 6.75 6.25 21.847 6.25 40.5c0 18.655 15.097 33.75 33.75 33.75 18.655 0 33.75-15.097 33.75-33.75z" fill="#FFB525"/>
-    </g>
-    <defs>
-        <clipPath id="x941tpr7ca">
-            <path fill="#fff" transform="translate(0 .5)" d="M0 0h80v80H0z"/>
-        </clipPath>
-    </defs>
-</svg>

package/src/assets/images/icon_share 1.svg

@@ -1,3 +0,0 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M22.046 9.9h-2.56a.937.937 0 1 0 0 1.875h2.56c.517 0 .938.42.938.937v12.26c0 .517-.42.938-.938.938H7.953a.939.939 0 0 1-.937-.938v-12.26c0-.517.42-.937.937-.937h2.56a.937.937 0 1 0 0-1.875h-2.56a2.816 2.816 0 0 0-2.812 2.812v12.26a2.816 2.816 0 0 0 2.812 2.813h14.093a2.816 2.816 0 0 0 2.813-2.813v-12.26A2.816 2.816 0 0 0 22.046 9.9zM11.504 8.007l2.59-2.59V17.76a.937.937 0 1 0 1.874 0V5.418l2.59 2.59a.934.934 0 0 0 1.326 0 .937.937 0 0 0 0-1.327l-4.19-4.19a.938.938 0 0 0-1.326 0l-4.19 4.19a.937.937 0 1 0 1.326 1.326z" fill="#000"/>
-</svg>

package/src/assets/images/left arrow.svg

@@ -1,16 +0,0 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#46c6isfo7a)">
-        <path fill="#fff" fill-opacity=".01" d="M0 16.5V.5h16v16z"/>
-        <g clip-path="url(#rjccvk0pfb)">
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M4.68 16.32a.614.614 0 0 1 0-.872L11.63 8.5 4.68 1.552A.616.616 0 0 1 5.553.68l7.384 7.384a.615.615 0 0 1 0 .871L5.552 16.32a.615.615 0 0 1-.871 0z" fill="#000"/>
-        </g>
-    </g>
-    <defs>
-        <clipPath id="46c6isfo7a">
-            <path fill="#fff" transform="rotate(-90 8.25 8.25)" d="M0 0h16v16H0z"/>
-        </clipPath>
-        <clipPath id="rjccvk0pfb">
-            <path fill="#fff" transform="rotate(-90 8.25 8.25)" d="M0 0h16v16H0z"/>
-        </clipPath>
-    </defs>
-</svg>

package/src/assets/images/left-arrow.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="50" height="50" rx="25" fill="#fff"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M29.127 17.18a.614.614 0 0 1 0 .872L22.177 25l6.95 6.948a.617.617 0 0 1-.871.872l-7.384-7.384a.616.616 0 0 1 0-.872l7.384-7.383a.616.616 0 0 1 .871 0z" fill="#000"/>
-</svg>

package/src/assets/images/right arrow.svg

@@ -1,16 +0,0 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#np509hsz0a)">
-        <path fill="#fff" fill-opacity=".01" d="M16 .5v16H0V.5z"/>
-        <g clip-path="url(#71aidrxbgb)">
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.32.68a.615.615 0 0 1 0 .872L4.37 8.5l6.95 6.948a.617.617 0 0 1-.872.872L3.064 8.936a.615.615 0 0 1 0-.871L10.448.68a.616.616 0 0 1 .871 0z" fill="#6C757D"/>
-        </g>
-    </g>
-    <defs>
-        <clipPath id="np509hsz0a">
-            <path fill="#fff" transform="rotate(90 7.75 8.25)" d="M0 0h16v16H0z"/>
-        </clipPath>
-        <clipPath id="71aidrxbgb">
-            <path fill="#fff" transform="rotate(90 7.75 8.25)" d="M0 0h16v16H0z"/>
-        </clipPath>
-    </defs>
-</svg>

package/src/assets/images/right-arrow.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="50" height="50" rx="25" fill="#fff"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.873 32.82a.614.614 0 0 1 0-.872L27.823 25l-6.95-6.948a.617.617 0 0 1 .871-.872l7.384 7.384a.616.616 0 0 1 0 .872l-7.384 7.383a.616.616 0 0 1-.871 0z" fill="#000"/>
-</svg>

package/src/assets/images/warning.svg

@@ -1,11 +0,0 @@
-<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#gyr7eoy9ma)" fill="#FFB525">
-        <path d="M49.585 9.407a11.03 11.03 0 0 0-19.174 0L1.378 61.134a10.594 10.594 0 0 0 .097 10.63 10.88 10.88 0 0 0 9.49 5.403H69.03a10.88 10.88 0 0 0 9.49-5.403 10.593 10.593 0 0 0 .097-10.63L49.585 9.407zm23.183 59a4.276 4.276 0 0 1-3.737 2.093H10.965a4.277 4.277 0 0 1-3.737-2.103 3.94 3.94 0 0 1-.037-4l29.034-51.73a4.517 4.517 0 0 1 7.546 0l29.034 51.727a3.94 3.94 0 0 1-.037 4.003v.01z"/>
-        <path d="M39.997 23.832a3.333 3.333 0 0 0-3.333 3.333v20a3.333 3.333 0 0 0 6.667 0v-20a3.334 3.334 0 0 0-3.334-3.333zM39.997 63.835a3.333 3.333 0 1 0 0-6.667 3.333 3.333 0 0 0 0 6.667z"/>
-    </g>
-    <defs>
-        <clipPath id="gyr7eoy9ma">
-            <path fill="#fff" transform="translate(0 .5)" d="M0 0h80v80H0z"/>
-        </clipPath>
-    </defs>
-</svg>

package/src/assets/images/x.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">
-  <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
-</svg>