nestiq-component-library 1.1.172 → 1.2.0

package/src/components/SharePopup/SharePopup.css

@@ -1,348 +0,0 @@
-.shareSection {
-  height: 340px;
-  padding: 40px;
-  border-radius: 16px;
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  border: solid 1px #d7d9e3;
-  background-color: #fff;
-  max-width: 1280px;
-}
-.popUpHeader {
-  height: 48px;
-  font-size: 32px;
-  font-weight: 600;
-  color: #1b1b1b;
-}
-
-.closeIcon_c {
-  width: 16px;
-  height: 16px;
-  cursor: pointer;
-}
-
-.socialMediaIconsSection {
-  gap: 60px !important;
-}
-
-.socialMediaIcons {
-  width: 28px !important;
-  height: 28px !important;
-  cursor: pointer;
-}
-
-.socialMediaIconText {
-  height: 36px;
-  font-size: 13px;
-  font-weight: 500;
-  line-height: 3;
-  color: #344041;
-  cursor: pointer;
-}
-
-.popup_search-input {
-  height: 60px;
-  padding-inline-end: 190px;
-  font-size: 20px;
-  box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  background-color: rgba(0, 0, 0, 0.05);
-}
-
-.popup_search-input::placeholder {
-  font-size: 20px;
-  color: rgba(140, 140, 140, 0.5);
-}
-
-.popup_search-input:focus {
-  outline: none;
-}
-
-.popupcustom-button {
-  height: 35px;
-  color: #000;
-  cursor: pointer;
-  border-color: var(--main-yellow);
-  right: 0;
-  z-index: 1;
-  background-image: var(--gradient);
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-}
-.button-text {
-  width: 115px;
-  height: 19px;
-  flex-grow: 0;
-  font-family: Inter;
-  font-size: 16px;
-  font-weight: 500;
-  font-stretch: normal;
-  font-style: normal;
-  line-height: normal;
-  letter-spacing: normal;
-  text-align: center;
-}
-.button_success-right {
-  width: 184px;
-  height: 43px;
-  flex-grow: 0;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 24px;
-  border-radius: 16px;
-  border-color: #000;
-  background-color: transparent;
-}
-.button_success-left {
-  width: 200px;
-  height: 43px;
-  flex-grow: 0;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 24px;
-  border-radius: 16px;
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  background-color: var(--main-yellow);
-}
-.shareSection-Success {
-  height: 510px;
-  padding: 40px;
-  border-radius: 16px;
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  border: solid 1px #d7d9e3;
-  background-color: #fff;
-}
-.shareSection-Error {
-  height: 400px;
-  padding: 10px;
-  border-radius: 16px;
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  border: solid 1px #d7d9e3;
-  background-color: #fff;
-}
-.MessageShareSection {
-  height: 513px;
-  padding: 14px 14px;
-  border-radius: 16px;
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  border: solid 1px #d7d9e3;
-  background-color: #fff;
-}
-
-.popup-tags {
-  font-size: large;
-  font-weight: bold;
-}
-.button_icon-left {
-  width: 184px;
-  height: 43px;
-  flex-grow: 0;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 24px;
-  border-radius: 16px;
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  background-color: var(--main-yellow);
-}
-.button-text {
-  width: 85px;
-  height: 19px;
-  flex-grow: 0;
-  font-family: Inter;
-  font-size: 16px;
-  font-weight: 500;
-  font-stretch: normal;
-  font-style: normal;
-  line-height: normal;
-  letter-spacing: normal;
-  text-align: center;
-}
-.button_icon-right {
-  width: 184px;
-  height: 43px;
-  flex-grow: 0;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 24px;
-  border-radius: 16px;
-  border-color: #000;
-  background-color: transparent;
-}
-.circle {
-  height: 55px;
-  width: 55px;
-  background-color: transparent;
-  border-radius: 50%;
-  border-style: solid;
-  border-color: #000;
-  border-width: 2px;
-}
-.Line-9,
-.Line-10 {
-  height: 1px;
-  flex-grow: 1;
-  background-color: rgba(140, 140, 140, 0.5);
-  max-width: 23rem;
-  align-self: center;
-  align-content: center;
-}
-
-.middle-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.middle-text {
-  margin: 25px 25px;
-}
-.google-button {
-  width: 260px;
-  height: 45px;
-  flex-grow: 0;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 24px;
-  border-radius: 4px;
-  background-color: #000000;
-  background: linear-gradient(to top, #000, #666);
-}
-.Account-popup {
-  height: 713px;
-  padding: 10px;
-  border-radius: 16px;
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  border: solid 1px #d7d9e3;
-  background-color: #fff;
-  max-width: 1000px;
-}
-.lightertxt {
-  color: #797979;
-}
-
-.filter {
-  height: 343px;
-  align-self: stretch;
-  flex-grow: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  padding: 32px;
-  border-radius: 32px;
-  box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);
-  background-color: #f2f2f2;
-}
-.loginFilter {
-  height: 280px;
-  align-self: stretch;
-  flex-grow: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  padding: 32px;
-  border-radius: 32px;
-  box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);
-  background-color: #f2f2f2;
-}
-.radioLabel {
-  width: 176px;
-  height: 19px;
-  flex-grow: 0;
-  font-family: Inter;
-  font-size: 16px;
-  font-weight: normal;
-  font-stretch: normal;
-  font-style: normal;
-  line-height: normal;
-  letter-spacing: normal;
-  text-align: left;
-  color: #1b1b1b;
-}
-.goButton-text {
-  width: 78px;
-  height: 19px;
-  flex-grow: 0;
-  font-family: Inter;
-  font-size: 16px;
-  font-weight: 500;
-  font-stretch: normal;
-  font-style: normal;
-  line-height: normal;
-  letter-spacing: normal;
-  text-align: center;
-  color: #1b1b1b;
-}
-.placeholders {
-  width: 232px;
-  height: 45px;
-  flex-grow: 0;
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 24px;
-  border-radius: 4px;
-  background-image: linear-gradient(to top, #000 100%, #666 0%);
-}
-.TagW.active {
-  height: 40px;
-  flex-grow: 1;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  gap: 6px;
-  padding: 0 24px;
-  border-radius: 16px;
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  background-image: linear-gradient(to top, #000, #666);
-  color: white;
-}
-.Tag {
-  height: 40px;
-  flex-grow: 1;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  gap: 6px;
-  padding: 0 24px;
-  border-radius: 16px;
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  background-image: linear-gradient(
-    to top,
-    rgba(255, 0, 0, 0),
-    rgba(255, 0, 0, 1)
-  );
-}
-.TagW {
-  height: 40px;
-  flex-grow: 1;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  gap: 6px;
-  padding: 0 24px;
-  border-radius: 16px;
-  border: solid 1px #000;
-  background-color: #fff;
-  color: #000;
-}
-/* */
-.response {
-  max-width: 1280px;
-}

package/src/components/SharePopup/SharePopup.tsx

@@ -1,143 +0,0 @@
-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 "./SharePopup.css";
-import { toast } from "react-toastify";
-import "../../styles/common.css";
-
-interface PopupProps {
-  onClick: String | any;
-}
-export default function SharePopup(props: PopupProps) {
-  const [showPopUp, setShowPopUp] = useState(true);
-
-  const handleClose = () => {
-    props.onClick();
-  };
-
-  const urlInputRef = useRef<HTMLInputElement | null>(null);
-
-  const copyToClipboard = () => {
-    urlInputRef.current!.select();
-    document.execCommand("copy");
-    toast.success("URL copied to clipboard!");
-  };
-
-  return (
-    <div>
-      {showPopUp && (
-        <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={x}
-                alt="close"
-                className="closeIcon_c me-2"
-                onClick={handleClose}
-              />
-            </div>
-            <div className="popUpHeader col-lg-12 d-flex justify-content-center mb-2">
-              Jetzt teilen und weitersagen!
-            </div>
-            <div className="h-25 col-lg-12 socialMediaIconsSection d-flex flex-row align-items-center justify-content-center mx-auto">
-              <a
-                href="https://twitter.com/intent/tweet?url=https://www.nestiq.de&text=Nestiq"
-                className="text-decoration-none"
-                target="blank"
-              >
-                <div className=" flex-column d-flex align-items-center">
-                  <img
-                    src={Xtwitter}
-                    alt="twitter"
-                    className="socialMediaIcons"
-                  />
-                  <span className="socialMediaIconText">X (Twitter)</span>
-                </div>
-              </a>
-
-              <a
-                href="https://www.facebook.com/sharer/sharer.php?u=https://www.nestiq.de"
-                className="text-decoration-none"
-                target="blank"
-              >
-                <div className=" flex-column d-flex align-items-center">
-                  <img
-                    src={facebook}
-                    alt="facebook"
-                    className="socialMediaIcons "
-                  />
-                  <span className="socialMediaIconText">Facebook</span>
-                </div>
-              </a>
-
-              <a
-                href="https://api.whatsapp.com/send?text=https://www.nestiq.de"
-                target="blank"
-                className="text-decoration-none"
-              >
-                <div className=" flex-column d-flex  align-items-center">
-                  <img
-                    src={whatsapp}
-                    alt="whatsapp"
-                    className=" socialMediaIcons"
-                  />
-                  <span className="socialMediaIconText">WhatsApp</span>
-                </div>
-              </a>
-
-              <a
-                href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.nestiq.de"
-                target="blank"
-                className="text-decoration-none"
-              >
-                <div className=" flex-column d-flex  align-items-center">
-                  <img
-                    src={linkedln}
-                    alt="linkedin"
-                    className=" socialMediaIcons"
-                  />
-                  <span className="socialMediaIconText">LinkedIn</span>
-                </div>
-              </a>
-
-              <a
-                href="https://www.nestiq.de"
-                target="blank"
-                className="text-decoration-none"
-              >
-                <div className=" flex-column d-flex  align-items-center">
-                  <img src={email} alt="email" className=" socialMediaIcons" />
-                  <span className="socialMediaIconText">E-Mail</span>
-                </div>
-              </a>
-            </div>
-            <div className="col-10 mx-auto">
-              <div className=" row align-items-center position-relative">
-                <input
-                  ref={urlInputRef}
-                  type="text"
-                  className="popup_search-input rounded-4 border border-0 "
-                  placeholder="Enter link here"
-                  value={window.location.href}
-                  readOnly
-                />
-                <button
-                  onClick={copyToClipboard}
-                  className="popupcustom-button border border-0 position-absolute me-2 col-lg-3 col-md-3 col-sm-3 rounded-4 fs-6"
-                  type="button"
-                  id="button"
-                >
-                  <strong>Kopieren</strong>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}

package/src/components/ToastWrapper/ToastWrapper.tsx

@@ -1,25 +0,0 @@
-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/functions/util.ts

@@ -1,14 +0,0 @@
-export function formatPrice(number: number): string {
-  return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
-}
-export function formatPropertyArea(area: number | string): string {
-  if (typeof area === "number" || typeof area === "string") {
-    return area
-      .toString()
-      .replace(".", ",")
-      .replace(/\B(?=(\d{3})+(?!\d))/g, ".");
-  } else {
-    return area;
-    console.log("Area is not a number or string");
-  }
-}

package/src/index.tsx

@@ -1,26 +0,0 @@
-import "react-toastify/dist/ReactToastify.css";
-
-// COMPONENTS
-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 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//ErrorPopup/ErrorPopup";
-// TOASTER WRAPPER AND FUNCTION
-export {
-  default as ToastWrapper,
-  showToast,
-} from "./components/ToastWrapper/ToastWrapper";
-
-// UTILITY FUNCTIONS
-export { formatPrice, formatPropertyArea } from "./functions/util";
-
-import "./styles/common.css"
-

package/src/models/message.model.ts

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

package/src/styles/common.css

@@ -1,17 +0,0 @@
-.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;
-}
-:root {
-    --main-yellow: #ffb525;
-    --second-yellow:#ff902b;
-    --gradient: linear-gradient(to bottom, var(--main-yellow), var(--second-yellow));;
-}

package/src/types/images.d.ts

@@ -1,25 +0,0 @@
-// src/types/images.d.ts
-declare module '*.png' {
-    const value: string;
-    export default value;
-}
-
-declare module '*.svg' {
-    const value: string;
-    export default value;
-}
-
-declare module '*.jpg' {
-    const value: string;
-    export default value;
-}
-
-declare module '*.jpeg' {
-    const value: string;
-    export default value;
-}
-
-declare module '*.gif' {
-    const value: string;
-    export default value;
-}

package/tsconfig.json

@@ -1,22 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES5",
-    "module": "ES6",
-    "declaration": true,
-    "outDir": "dist",
-    "jsx": "react",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "allowSyntheticDefaultImports": true,
-    "sourceMap": true,
-    "baseUrl": ".",
-    "paths": {
-      "*": ["node_modules/*", "src/types/*"]
-    }
-  },
-  "include": ["src"]
-}