If using custom web server, verify that web server is sending .br files with HTTP Response Header "Content-Encoding: br". Brotli compression may not be supported in Firefox over HTTP connections. '+r+' See https://bugzilla.mozilla.org/show_bug.cgi?id=1670675 for more information.':"Unable to parse "+w.frameworkUrl+'!
If using custom web server, verify that web server is sending .br files with HTTP Response Header "Content-Encoding: br". Brotli compression may not be supported over HTTP connections. Migrate your server to use HTTPS.'),void c(n,"error"))}c("Unable to parse "+w.frameworkUrl+"! The file is corrupt, or compression was misconfigured? (check Content-Encoding HTTP Response Header on web server)","error")}var o=unityFramework;unityFramework=null,a.onload=null,URL.revokeObjectURL(s),i(o)},a.onerror=function(e){c("Unable to load file "+w.frameworkUrl+"! Check that the file exists on the remote server. (also check browser Console and Devtools Network tab to debug)","error")},document.body.appendChild(a),w.deinitializers.push(function(){document.body.removeChild(a)})})}),R("codeUrl")]).then(function(e){w.wasmBinary=e[1],e[0](w),w.codeDownloadTimeEnd=performance.now()-t}),performance.now()),e=R("dataUrl");w.preRun.push(function(){w.addRunDependency("dataUrl"),e.then(function(t){var e=new TextDecoder("utf-8"),n=0;function r(){var e=(t[n]|t[n+1]<<8|t[n+2]<<16|t[n+3]<<24)>>>0;return n+=4,e}function o(e){if(B.gzip.hasUnityMarker(t))throw e+'. Failed to parse binary data file, because it is still gzip-compressed and should have been uncompressed by the browser. Web server has likely provided gzip-compressed data without specifying the HTTP Response Header "Content-Encoding: gzip" with it to instruct the browser to decompress it. Please verify your web server hosting configuration.';if(B.br.hasUnityMarker(t))throw e+'. Failed to parse binary data file, because it is still brotli-compressed and should have been uncompressed by the browser. Web server has likely provided brotli-compressed data without specifying the HTTP Response Header "Content-Encoding: br" with it to instruct the browser to decompress it. Please verify your web server hosting configuration.';throw e}var i="UnityWebData1.0\0",a=e.decode(t.subarray(0,i.length)),s=(a!=i&&o('Unknown data format (id="'+a+'")'),n+=i.length,r());for(n+s>t.length&&o("Invalid binary data file header! (pos="+n+", headerSize="+s+", file length="+t.length+")");n
If using custom web server, verify that web server is sending .br files with HTTP Response Header "Content-Encoding: br". Brotli compression may not be supported in Firefox over HTTP connections. '+r+' See https://bugzilla.mozilla.org/show_bug.cgi?id=1670675 for more information.':"Unable to parse "+w.frameworkUrl+'!
If using custom web server, verify that web server is sending .br files with HTTP Response Header "Content-Encoding: br". Brotli compression may not be supported over HTTP connections. Migrate your server to use HTTPS.'),void c(n,"error"))}c("Unable to parse "+w.frameworkUrl+"! The file is corrupt, or compression was misconfigured? (check Content-Encoding HTTP Response Header on web server)","error")}var o=unityFramework;unityFramework=null,a.onload=null,URL.revokeObjectURL(s),i(o)},a.onerror=function(e){c("Unable to load file "+w.frameworkUrl+"! Check that the file exists on the remote server. (also check browser Console and Devtools Network tab to debug)","error")},document.body.appendChild(a),w.deinitializers.push(function(){document.body.removeChild(a)})})}),R("codeUrl")]).then(function(e){w.wasmBinary=e[1],e[0](w),w.codeDownloadTimeEnd=performance.now()-t}),performance.now()),e=R("dataUrl");w.preRun.push(function(){w.addRunDependency("dataUrl"),e.then(function(t){var e=new TextDecoder("utf-8"),n=0;function r(){var e=(t[n]|t[n+1]<<8|t[n+2]<<16|t[n+3]<<24)>>>0;return n+=4,e}function o(e){if(B.gzip.hasUnityMarker(t))throw e+'. Failed to parse binary data file, because it is still gzip-compressed and should have been uncompressed by the browser. Web server has likely provided gzip-compressed data without specifying the HTTP Response Header "Content-Encoding: gzip" with it to instruct the browser to decompress it. Please verify your web server hosting configuration.';if(B.br.hasUnityMarker(t))throw e+'. Failed to parse binary data file, because it is still brotli-compressed and should have been uncompressed by the browser. Web server has likely provided brotli-compressed data without specifying the HTTP Response Header "Content-Encoding: br" with it to instruct the browser to decompress it. Please verify your web server hosting configuration.';throw e}var i="UnityWebData1.0\0",a=e.decode(t.subarray(0,i.length)),s=(a!=i&&o('Unknown data format (id="'+a+'")'),n+=i.length,r());for(n+s>t.length&&o("Invalid binary data file header! (pos="+n+", headerSize="+s+", file length="+t.length+")");n
A1M
-
-
-
- //
- );
-};
-
-export default ViewController;
diff --git a/src/components/mobile/Appartment/ButtonPanel.tsx b/src/components/mobile/Appartment/ButtonPanel.tsx
new file mode 100644
index 0000000..a691099
--- /dev/null
+++ b/src/components/mobile/Appartment/ButtonPanel.tsx
@@ -0,0 +1,37 @@
+import BackIcon from "../../../icons/BackIcon";
+import HelpIcon from "../../../icons/HelpIcon";
+import useStore from "../../../store/store";
+import PopupModal from "./PopupModal";
+import HelpPanel from "./HelpPanel";
+
+const ButtonPanel = () => {
+ const { setModal, setPanel } = useStore();
+
+ const handleOnHelpClick = () => {
+ setModal(
-
-
-
-
- {apartmentViews.map((view) => (
-
-
- {" "}
- {view.title}
-
- ))}
-
-
-
-
-
-
- {parameters.perspectiveWorkings.map((working) => (
- 
- ))}
-
-
-
-
-
+
+
+
+ }
+
+ );
+};
+
+export default ButtonPanel;
diff --git a/src/components/mobile/Appartment/HelpPanel.tsx b/src/components/mobile/Appartment/HelpPanel.tsx
new file mode 100644
index 0000000..5e93e92
--- /dev/null
+++ b/src/components/mobile/Appartment/HelpPanel.tsx
@@ -0,0 +1,28 @@
+import { A1MViewParams } from "../../../consts/viewParams";
+import CrossIcon from "../../../icons/CrossIcon";
+import useStore from "../../../store/store";
+import ButtonPanel from "./ButtonPanel";
+import ViewControllerModal from "./ViewControllerModal";
+
+const HelpPanel = () => {
+ const { setPanel, setModal } = useStore();
+
+ const handleOnClose = () => {
+ setModal(
+
+
+ );
+};
+
+export default HelpPanel;
diff --git a/src/components/mobile/Appartment/ImageSlider.tsx b/src/components/mobile/Appartment/ImageSlider.tsx
new file mode 100644
index 0000000..5be6fc9
--- /dev/null
+++ b/src/components/mobile/Appartment/ImageSlider.tsx
@@ -0,0 +1,17 @@
+import { Parameters as ParametersType } from "../../../types/appartment";
+
+type ImageSliderProps = {
+ parameters: ParametersType;
+};
+
+const ImageSlider = ({ parameters }: ImageSliderProps) => {
+ return (
+ Control Help
+
+
+
+
+
+ {parameters.perspectiveWorkings.map((working) => (
+
+ ))}
+
+ );
+};
+
+export default ImageSlider;
diff --git a/src/components/Parameters.tsx b/src/components/mobile/Appartment/Parameters.tsx
similarity index 96%
rename from src/components/Parameters.tsx
rename to src/components/mobile/Appartment/Parameters.tsx
index 977a4bc..9f59dd5 100644
--- a/src/components/Parameters.tsx
+++ b/src/components/mobile/Appartment/Parameters.tsx
@@ -1,4 +1,4 @@
-import { Parameters } from "../types/appartment";
+import { Parameters } from "../../../types/appartment";
type ParametersProps = {
parameters: Parameters;
diff --git a/src/components/mobile/Appartment/PopupModal.tsx b/src/components/mobile/Appartment/PopupModal.tsx
new file mode 100644
index 0000000..b7db7a0
--- /dev/null
+++ b/src/components/mobile/Appartment/PopupModal.tsx
@@ -0,0 +1,59 @@
+import { useState } from "react";
+import useStore from "../../../store/store";
+import ViewControllerModal from "./ViewControllerModal";
+import { A1MViewParams } from "../../../consts/viewParams";
+import ButtonPanel from "./ButtonPanel";
+import { popups } from "../../../consts/popups";
+
+const PopupModal = () => {
+ const [currentPopupId, setCurrentPopupId] = useState(1);
+ const { setModal, setPanel } = useStore();
+
+ const handleOnNextClick = (popup: number) => {
+ return () => setCurrentPopupId(popup + 1);
+ };
+
+ const handleOnComplete = () => {
+ setModal(
+
+ ))}
+
+ );
+};
+
+export default PopupModal;
diff --git a/src/components/Slider.tsx b/src/components/mobile/Appartment/Slider.tsx
similarity index 97%
rename from src/components/Slider.tsx
rename to src/components/mobile/Appartment/Slider.tsx
index 71f4bbb..06fbfce 100644
--- a/src/components/Slider.tsx
+++ b/src/components/mobile/Appartment/Slider.tsx
@@ -1,6 +1,6 @@
import { useState } from "react";
import { useSwipeable } from "react-swipeable";
-import { SliderType } from "../types/appartment";
+import { SliderType } from "../../../types/appartment";
type SliderProps = {
sliders: SliderType[];
diff --git a/src/components/mobile/Appartment/ViewControllerModal.tsx b/src/components/mobile/Appartment/ViewControllerModal.tsx
new file mode 100644
index 0000000..beb1566
--- /dev/null
+++ b/src/components/mobile/Appartment/ViewControllerModal.tsx
@@ -0,0 +1,87 @@
+import { useEffect, useState } from "react";
+import { SwipeEventData, useSwipeable } from "react-swipeable";
+import ButtonSwipperIcon from "../../../icons/ButtonSwipperIcon";
+import { Parameters as ParametersType } from "../../../types/appartment";
+import Parameters from "./Parameters";
+import Slider from "./Slider";
+import ImageSlider from "./ImageSlider";
+import ViewToggle from "./ViewToggle";
+
+type ViewControllerModalProps = {
+ parameters: ParametersType;
+};
+
+const ViewControllerModal = ({ parameters }: ViewControllerModalProps) => {
+ const { sliders } = parameters;
+ const [offset, setOffset] = useState(1);
+ const [isTouchable, setIsTouchable] = useState(true);
+ const [scrollY, setScrollY] = useState(0);
+
+ useEffect(() => {
+ if (offset === 1 || scrollY === 0) {
+ setIsTouchable(true);
+ } else {
+ setIsTouchable(false);
+ }
+ }, [scrollY, offset]);
+
+ const handleOnSwiped = (eventData: SwipeEventData) => {
+ if (eventData.dir === "Down") {
+ setOffset(1);
+ }
+ if (eventData.dir === "Up") {
+ setOffset(0);
+ }
+ };
+
+ const handleOnBackClick = () => {
+ setOffset(1);
+ };
+
+ const handleOnScroll = (event: React.UIEvent
+
+
+
+ {popup.icon}
+
+
+ {popup.title}
+ {popups.length === index + 1 ? (
+
+ ) : (
+
+ )}
+
+
+ );
+};
+
+export default ViewControllerModal;
diff --git a/src/components/mobile/Appartment/ViewToggle.tsx b/src/components/mobile/Appartment/ViewToggle.tsx
new file mode 100644
index 0000000..617de59
--- /dev/null
+++ b/src/components/mobile/Appartment/ViewToggle.tsx
@@ -0,0 +1,79 @@
+import { useState } from "react";
+import useStore from "../../../store/store";
+
+type ViewSwitcherProps = {
+ offset?: number;
+ isDesktop?: boolean;
+};
+
+const ViewToggle = ({ offset, isDesktop }: ViewSwitcherProps) => {
+ const [selectedViewId, setSelectedViewId] = useState(1);
+ const { sendMessageToUnity } = useStore();
+
+ const handleOnFirstClick = () => {
+ setSelectedViewId(1);
+ if (sendMessageToUnity) {
+ sendMessageToUnity("LevelSwitcher", "LoadSceneSingle", "Outdoor/A1");
+ }
+ };
+
+ const handleOnSecondClick = () => {
+ setSelectedViewId(2);
+ if (sendMessageToUnity) {
+ sendMessageToUnity("LevelSwitcher", "LoadSceneSingle", "Indoor/A1F1");
+ }
+ };
+
+ const handleOnThirdClick = () => {
+ setSelectedViewId(3);
+ if (sendMessageToUnity) {
+ sendMessageToUnity("LevelSwitcher", "LoadSceneSingle", "Indoor/A1F2");
+ }
+ };
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default ViewToggle;
diff --git a/src/consts/loading.ts b/src/consts/loading.ts
new file mode 100644
index 0000000..7c30fa0
--- /dev/null
+++ b/src/consts/loading.ts
@@ -0,0 +1,9 @@
+const loadingMessages = [
+ { id: 1, value: "looking for a villa" },
+ { id: 2, value: "building the walls" },
+ { id: 3, value: "installing the roof" },
+ { id: 4, value: "arranging the furniture" },
+ { id: 5, value: "preparing the villa for showing" },
+ ];
+
+ export {loadingMessages}
\ No newline at end of file
diff --git a/src/consts/popups.tsx b/src/consts/popups.tsx
new file mode 100644
index 0000000..705a154
--- /dev/null
+++ b/src/consts/popups.tsx
@@ -0,0 +1,24 @@
+import ChangeToastIcon from "../icons/ChangeToastIcon";
+import RotateToastIcon from "../icons/RotateToastIcon";
+import TapToastIcon from "../icons/TapToastIcon";
+import { PopupType } from "../types/popup";
+
+const popups: PopupType[] = [
+ {
+ id: 1,
+ icon:
+
+
+ {" "}
+ General View
+
+
+ {" "}
+ Ground Floor
+
+
+ {" "}
+ First Floor
+
+