@eyeon/threejs-map 1.1.34 → 1.1.35

package/dist/index.module.js

@@ -2,7 +2,7 @@ import { jsx as V, jsxs as x1, Fragment as T4 } from "react/jsx-runtime";
 import * as s1 from "react";
 import J1, { useState as u1, useEffect as g1, useMemo as V1, useCallback as o1, createContext as y6, useContext as e4, useRef as v1, forwardRef as B4, useImperativeHandle as I6, useLayoutEffect as G9, cloneElement as C6, Component as ne, Fragment as t6, useTransition as D9 } from "react";
 import { useLoader as re, useThree as E6, useFrame as k9, Canvas as oe } from "@react-three/fiber";
-import { Loader as ie, FileLoader as ae, Matrix3 as W4, Vector2 as w1, Vector3 as M1, Box2 as qe, ShapeUtils as se, Shape as V9, Path as C3, BufferGeometry as A6, Float32BufferAttribute as E3, SRGBColorSpace as ce, ShapePath as I4, Color as c2, Group as ue, BufferAttribute as me, ExtrudeGeometry as S6, MeshBasicMaterial as y4, DoubleSide as u2, ShapeGeometry as A3, Mesh as j2, CanvasTexture as H9, CurvePath as de, LineCurve3 as fe, TubeGeometry as xe, Raycaster as he, PlaneGeometry as pe, Box3 as W9, PerspectiveCamera as P2, SpriteMaterial as ge, Texture as be, MeshPhongMaterial as _e } from "three";
+import { Loader as ie, FileLoader as ae, Matrix3 as W4, Vector2 as w1, Vector3 as M1, Box2 as qe, ShapeUtils as se, Shape as V9, Path as C3, BufferGeometry as A6, Float32BufferAttribute as E3, SRGBColorSpace as ce, ShapePath as C4, Color as c2, Group as ue, BufferAttribute as me, ExtrudeGeometry as S6, MeshBasicMaterial as I4, DoubleSide as u2, ShapeGeometry as A3, Mesh as j2, CanvasTexture as H9, CurvePath as de, LineCurve3 as fe, TubeGeometry as xe, Raycaster as he, PlaneGeometry as pe, Box3 as W9, PerspectiveCamera as P2, SpriteMaterial as ge, Texture as be, MeshPhongMaterial as _e } from "three";
 import { useFont as j9, Html as R6, MapControls as ve, Stats as ye } from "@react-three/drei";
 import U4, { createPortal as Ie } from "react-dom";
 const Ce = ce;
@@ -96,7 +96,7 @@ class O6 extends ie {
       g && ($.pop(), $.length > 0 ? M.copy($[$.length - 1]) : M.identity());
     }
     function n(R) {
-      const E = new I4(), g = new w1(), x = new w1(), O = new w1();
+      const E = new C4(), g = new w1(), x = new w1(), O = new w1();
       let X = !0, B = !1;
       const K = R.getAttribute("d");
       if (K === "" || K === "none") return null;
@@ -325,7 +325,7 @@ class O6 extends ie {
       return R * x - E * g < 0 && (B = -B), B;
     }
     function a(R) {
-      const E = f(R.getAttribute("x") || 0), g = f(R.getAttribute("y") || 0), x = f(R.getAttribute("rx") || R.getAttribute("ry") || 0), O = f(R.getAttribute("ry") || R.getAttribute("rx") || 0), X = f(R.getAttribute("width")), B = f(R.getAttribute("height")), K = 1 - 0.551915024494, z = new I4();
+      const E = f(R.getAttribute("x") || 0), g = f(R.getAttribute("y") || 0), x = f(R.getAttribute("rx") || R.getAttribute("ry") || 0), O = f(R.getAttribute("ry") || R.getAttribute("rx") || 0), X = f(R.getAttribute("width")), B = f(R.getAttribute("height")), K = 1 - 0.551915024494, z = new C4();
       return z.moveTo(E + x, g), z.lineTo(E + X - x, g), (x !== 0 || O !== 0) && z.bezierCurveTo(
         E + X - x * K,
         g,
@@ -354,7 +354,7 @@ class O6 extends ie {
         const z = f(B), t1 = f(K);
         O === 0 ? x.moveTo(z, t1) : x.lineTo(z, t1), O++;
       }
-      const g = /([+-]?\d*\.?\d+(?:e[+-]?\d+)?)(?:,|\s)([+-]?\d*\.?\d+(?:e[+-]?\d+)?)/g, x = new I4();
+      const g = /([+-]?\d*\.?\d+(?:e[+-]?\d+)?)(?:,|\s)([+-]?\d*\.?\d+(?:e[+-]?\d+)?)/g, x = new C4();
       let O = 0;
       return R.getAttribute("points").replace(g, E), x.currentPath.autoClose = !0, x;
     }
@@ -363,24 +363,24 @@ class O6 extends ie {
         const z = f(B), t1 = f(K);
         O === 0 ? x.moveTo(z, t1) : x.lineTo(z, t1), O++;
       }
-      const g = /([+-]?\d*\.?\d+(?:e[+-]?\d+)?)(?:,|\s)([+-]?\d*\.?\d+(?:e[+-]?\d+)?)/g, x = new I4();
+      const g = /([+-]?\d*\.?\d+(?:e[+-]?\d+)?)(?:,|\s)([+-]?\d*\.?\d+(?:e[+-]?\d+)?)/g, x = new C4();
       let O = 0;
       return R.getAttribute("points").replace(g, E), x.currentPath.autoClose = !1, x;
     }
     function u(R) {
       const E = f(R.getAttribute("cx") || 0), g = f(R.getAttribute("cy") || 0), x = f(R.getAttribute("r") || 0), O = new C3();
       O.absarc(E, g, x, 0, Math.PI * 2);
-      const X = new I4();
+      const X = new C4();
       return X.subPaths.push(O), X;
     }
     function _(R) {
       const E = f(R.getAttribute("cx") || 0), g = f(R.getAttribute("cy") || 0), x = f(R.getAttribute("rx") || 0), O = f(R.getAttribute("ry") || 0), X = new C3();
       X.absellipse(E, g, x, O, 0, Math.PI * 2);
-      const B = new I4();
+      const B = new C4();
       return B.subPaths.push(X), B;
     }
     function A(R) {
-      const E = f(R.getAttribute("x1") || 0), g = f(R.getAttribute("y1") || 0), x = f(R.getAttribute("x2") || 0), O = f(R.getAttribute("y2") || 0), X = new I4();
+      const E = f(R.getAttribute("x1") || 0), g = f(R.getAttribute("y1") || 0), x = f(R.getAttribute("x2") || 0), O = f(R.getAttribute("y2") || 0), X = new C4();
       return X.moveTo(E, g), X.lineTo(x, O), X.currentPath.autoClose = !1, X;
     }
     function v(R, E) {
@@ -6999,16 +6999,17 @@ const Te = {
   SELECTED_ZOOM_LIMIT: 1200,
   CAMERA_MAX_DISTANCE: 2e3,
   CAMERA_MIN_DISTANCE: 300
-}, A4 = {
+}, _4 = {
   PARKING_LINE_THICKNESS: 0.6,
   PARKING_LINE_COLOR: N1("#DDDDDD"),
   PARKING_ICON_COLOR: N1("#CCCCCC"),
   PARKING_LANE_COLOR: N1("#F6F6F6"),
-  GREEN_AREA_COLOR: N1("#C4DDAB")
+  GREEN_AREA_COLOR: N1("#C4DDAB"),
+  WATER_AREA_COLOR: N1("#5cc0f9")
 }, S3 = (e) => ({
   ...e,
-  ...A4
-}), v4 = {
+  ..._4
+}), y4 = {
   MAP_BACKGROUND_COLOR: N1(k1.MAP_BACKGROUND_COLOR),
   HOST: "WEBSITE",
   DEVICE: "desktop",
@@ -7023,7 +7024,7 @@ const Te = {
   STORE_HEIGHT: k1.STORE_HEIGHT,
   WALL_THICKNESS: k1.WALL_THICKNESS,
   BOUNDARY_THICKNESS: k1.BOUNDARY_THICKNESS,
-  ...A4,
+  ..._4,
   WALL_COLOR: N1(k1.WALL_COLOR),
   BOUNDARY_COLOR: N1(k1.BOUNDARY_COLOR),
   BASE_COLOR: N1(k1.BASE_COLOR),
@@ -10334,26 +10335,26 @@ const {
   getMapSettings: () => new Promise((i, q) => {
     e("/v1/mapit2/settings").then((a) => {
       var _, A;
-      const s = { ...v4 };
+      const s = { ...y4 };
       let c = k1;
       (_ = a == null ? void 0 : a.data) != null && _.settings && (c = (A = a == null ? void 0 : a.data) == null ? void 0 : A.settings, c.MAP_BACKGROUND_COLOR && (s.MAP_BACKGROUND_COLOR = N1(c.MAP_BACKGROUND_COLOR)), c.STORE_DEFAULT_COLOR && (s.STORE_DEFAULT_COLOR = N1(c.STORE_DEFAULT_COLOR)), c.ACCENT_COLOR && (s.ACCENT_COLOR = N1(c.ACCENT_COLOR)), c.BASE_COLOR && (s.BASE_COLOR = N1(c.BASE_COLOR)), c.BOUNDARY_COLOR && (s.BOUNDARY_COLOR = N1(c.BOUNDARY_COLOR)), c.BASE_COLOR && (s.BASE_COLOR = N1(c.BASE_COLOR)), c.WALL_COLOR && (s.WALL_COLOR = N1(c.WALL_COLOR)), c.STORE_TEXT_COLOR && (s.STORE_TEXT_COLOR = N1(c.STORE_TEXT_COLOR)), c.OVERLAY_COLOR && (s.OVERLAY_COLOR = N1(c.OVERLAY_COLOR)), c.BOUNDARY_THICKNESS && (s.BOUNDARY_THICKNESS = c.BOUNDARY_THICKNESS), c.WALL_THICKNESS && (s.WALL_THICKNESS = c.WALL_THICKNESS), c.OVERLAY_OPACITY && (s.OVERLAY_OPACITY = c.OVERLAY_OPACITY), c.KIOSK_SIZE && (s.KIOSK_SIZE = c.KIOSK_SIZE), c.ZOOM_STEP && (s.ZOOM_STEP = c.ZOOM_STEP), c.SELECTED_ZOOM_LIMIT && (s.SELECTED_ZOOM_LIMIT = c.SELECTED_ZOOM_LIMIT), s.CAMERA.minDistance = c.CAMERA_MIN_DISTANCE ? c.CAMERA_MIN_DISTANCE : s.CAMERA.minDistance, s.CAMERA.maxDistance = c.CAMERA_MAX_DISTANCE ? c.CAMERA_MAX_DISTANCE : s.CAMERA.maxDistance, s.CAMERA = { ...s.CAMERA });
       const u = { ...s };
-      delete u.DEVICE, delete u.HOST, delete u.PARKING_LINE_COLOR, delete u.PARKING_ICON_COLOR, delete u.PARKING_LANE_COLOR, delete u.GREEN_AREA_COLOR, delete u.PARKING_LINE_THICKNESS, i({
+      delete u.DEVICE, delete u.HOST, delete u.PARKING_LINE_COLOR, delete u.PARKING_ICON_COLOR, delete u.PARKING_LANE_COLOR, delete u.GREEN_AREA_COLOR, delete u.WATER_AREA_COLOR, delete u.PARKING_LINE_THICKNESS, i({
         apiResponse: c,
         responseConfig: u
       });
     }).catch((a) => {
       console.error("Error mapApiService:getMapSettings()", a);
-      const { DEVICE: s, HOST: c, PARKING_LINE_COLOR: u, PARKING_ICON_COLOR: _, PARKING_LANE_COLOR: A, GREEN_AREA_COLOR: v, PARKING_LINE_THICKNESS: b, ...h } = v4;
+      const { DEVICE: s, HOST: c, PARKING_LINE_COLOR: u, PARKING_ICON_COLOR: _, PARKING_LANE_COLOR: A, GREEN_AREA_COLOR: v, WATER_AREA_COLOR: b, PARKING_LINE_THICKNESS: h, ...d } = y4;
       i({
         apiResponse: k1,
-        responseConfig: h
+        responseConfig: d
       });
     });
   }),
   getMapResponsiveSettings: () => new Promise((i, q) => {
     e("/v1/mapit2/responsive").then((a) => {
-      const s = { ...v4.CAMERA_CONTROLS_STATES };
+      const s = { ...y4.CAMERA_CONTROLS_STATES };
       if (a.data)
         if (Array.isArray(a.data)) {
           s.perFloor = s.perFloor || {};
@@ -10363,7 +10364,7 @@ const {
           a.data.display_app && (s.display_app = a.data.display_app), a.data.desktop && (s.desktop = a.data.desktop), a.data.tablet && (s.tablet = a.data.tablet), a.data.mobile && (s.mobile = a.data.mobile), a.data.perFloor && (s.perFloor = a.data.perFloor);
       i(s);
     }).catch((a) => {
-      console.error("Error mapApiService:getMapResponsiveSettings()", a), i({ ...v4.CAMERA_CONTROLS_STATES });
+      console.error("Error mapApiService:getMapResponsiveSettings()", a), i({ ...y4.CAMERA_CONTROLS_STATES });
     });
   })
 }), Al = (e) => ({
@@ -10447,7 +10448,7 @@ const {
   };
 }, I5 = y6(void 0), Rl = ({ children: e, initialData: t, mapApiResponseRef: l, cachedMapApiResponse: r, onNewMapApiResponse: n = void 0, rerenderMapOnNewMapApiResponse: o = !1 }) => {
   const i = t.webApiBaseUrl, [q, a] = u1(!1), [s, c] = u1(
-    S3({ ...v4, ...t.config })
+    S3({ ...y4, ...t.config })
   ), [u, _] = u1({
     retailers: [],
     globalRetailerIds: [],
@@ -10455,7 +10456,7 @@ const {
     kiosks: [],
     map_objs: [],
     mapSettings: { apiResponse: k1, responseConfig: {} },
-    responsiveSettings: v4.CAMERA_CONTROLS_STATES
+    responsiveSettings: y4.CAMERA_CONTROLS_STATES
   });
   l && (l.current = u), g1(() => {
     r && _(r);
@@ -10880,6 +10881,7 @@ const t4 = {
   "building-base": 1,
   base: 2,
   "green-area": 2,
+  "water-area": 2,
   "parking-lane": 2,
   store: 3,
   "big-store": 4,
@@ -10905,7 +10907,7 @@ const t4 = {
       opacity: 1
     };
     (e.STYLE === "2D" || s === "base" || s == null) && s !== "boundary" && (A.depthWrite = !1, A.depthTest = !1), s === "overlay" && (A.color = e.OVERLAY_COLOR, A.opacity = e.OVERLAY_OPACITY), s && ["store", "big-store", "kiosk"].includes(s) && e.HOST !== "PORTAL" && l[c] && l[c].transparent && (A.opacity = 0);
-    var v = new y4(A);
+    var v = new I4(A);
     return s && ["store", "big-store", "kiosk", "amenity"].includes(s) && (v.colorDefault = v.color.clone(), l[c] && l[c].bg_color !== "" && (v.color = N1(l[c].bg_color), v.colorDefault = v.color.clone()), v.active = !1), e.HOST !== "PORTAL" && _ && (v.opacity = 0, v.transparent = !0), v.transparent = v.opacity !== 1, v;
   }, [l, e.OVERLAY_COLOR, e.OVERLAY_OPACITY, e.HOST, e.STYLE]), q = o1((s, c, u, _, A) => {
     const v = "MaterialAndGeometry";
@@ -10999,7 +11001,7 @@ const t4 = {
     }
     var S = new xe(C, 400, 6, 8);
     S = new A6().copy(S);
-    var N = new y4({
+    var N = new I4({
       map: s(p, y, f),
       transparent: !0,
       side: u2,
@@ -11221,7 +11223,7 @@ const Pl = () => {
             node: new M1(L.x, L.y, 1)
           }), l[j] = q), r.addNode(k, { ...N }), r.addNode(j, { ...L }), r.addLink(k, j, { weight: N.distanceTo(L) }), r.addLink(j, k, { weight: N.distanceTo(L) });
         });
-      })) : f.startsWith("escalator-") ? (c = "escalator", v = !1, h = !0) : f.startsWith("kiosk-") ? (c = "kiosk", h = !0) : f.startsWith("amenity-") ? (c = "amenity", h = !0, A = 1) : f.startsWith("overlay") ? c = "overlay" : f.startsWith("special-shape") ? c = "special-shape" : f.startsWith("parking-lane") ? (c = "parking-lane", u = A4.PARKING_LANE_COLOR, e.STYLE === "3D" && (_ = 1)) : f.startsWith("parking-line") ? (c = "parking-line", u = A4.PARKING_LINE_COLOR, d = A4.PARKING_LINE_THICKNESS, e.STYLE === "3D" && (_ = 0.5)) : f.startsWith("parking-icon") ? (c = "parking-icon", u = A4.PARKING_ICON_COLOR, e.STYLE === "3D" && (_ = 1)) : f.startsWith("green-area") ? (c = "green-area", u = A4.GREEN_AREA_COLOR, e.STYLE === "3D" && (_ = 1)) : _ = 1 : console.warn(s + "Layer name is undefined, path", o), {
+      })) : f.startsWith("escalator-") ? (c = "escalator", v = !1, h = !0) : f.startsWith("kiosk-") ? (c = "kiosk", h = !0) : f.startsWith("amenity-") ? (c = "amenity", h = !0, A = 1) : f.startsWith("overlay") ? c = "overlay" : f.startsWith("special-shape") ? c = "special-shape" : f.startsWith("parking-lane") ? (c = "parking-lane", u = _4.PARKING_LANE_COLOR, e.STYLE === "3D" && (_ = 1)) : f.startsWith("parking-line") ? (c = "parking-line", u = _4.PARKING_LINE_COLOR, d = _4.PARKING_LINE_THICKNESS, e.STYLE === "3D" && (_ = 0.5)) : f.startsWith("parking-icon") ? (c = "parking-icon", u = _4.PARKING_ICON_COLOR, e.STYLE === "3D" && (_ = 1)) : f.startsWith("green-area") ? (c = "green-area", u = _4.GREEN_AREA_COLOR, e.STYLE === "3D" && (_ = 1)) : f.startsWith("water-area") ? (c = "water-area", u = _4.WATER_AREA_COLOR, e.STYLE === "3D" && (_ = 1)) : _ = 1 : console.warn(s + "Layer name is undefined, path", o), {
         mesh_type: c,
         layer_color: u,
         extrude: _,
@@ -11362,7 +11364,7 @@ const Ll = (e) => {
           f.width = d.width * d8, f.height = d.height * d8, m == null || m.drawImage(d, 0, 0, f.width, f.height);
           let p = new H9(f);
           p.colorSpace = "srgb";
-          const C = new pe(b.size, b.size * d.height / d.width), S = new y4({
+          const C = new pe(b.size, b.size * d.height / d.width), S = new I4({
             map: p,
             transparent: !0,
             side: u2,
@@ -11405,7 +11407,7 @@ const Ll = (e) => {
         depthWrite: !1,
         depthTest: !1
       };
-      let l1 = new y4(j), $ = new C5(k, {
+      let l1 = new I4(j), $ = new C5(k, {
         font: y,
         size: parseInt(L.size),
         height: 0.01,
@@ -11516,7 +11518,7 @@ function Dl({ mesh: e }) {
       console.log("NO ROUTE TUBE GEOMETRY INDEX COUNT");
       return;
     }
-    if (!(e.material instanceof y4))
+    if (!(e.material instanceof I4))
       return;
     if (!e.material.map) {
       console.log("NO ROUTE TEXTURE");
@@ -11530,7 +11532,7 @@ function Dl({ mesh: e }) {
         a >= 1 && (t.current = n), e.geometry.setDrawRange(0, s);
       };
     })(), n = (() => {
-      if (!(e.material instanceof y4) || !e.material.map)
+      if (!(e.material instanceof I4) || !e.material.map)
         return null;
       const i = e.material.map.offset, q = 2e3, a = 0.1, s = 1 + a, c = performance.now();
       return () => {
@@ -11539,7 +11541,7 @@ function Dl({ mesh: e }) {
       };
     })();
     return t.current = r, () => {
-      t.current = null, e.removeFromParent(), e.material instanceof y4 && e.material.dispose(), e.geometry && e.geometry.dispose();
+      t.current = null, e.removeFromParent(), e.material instanceof I4 && e.material.dispose(), e.geometry && e.geometry.dispose();
     };
   }, [e]), k9(() => {
     if (t.current)
@@ -11599,7 +11601,7 @@ const kl = "_escalator_elems_1kqb9_1", Vl = "_element_1kqb9_4", Hl = "_svgIcon_1
     f == null ? void 0 : f.map((S) => {
       if (!S.mesh) return null;
       const N = q && S.mesh.visible && v.interactiveObjs && v.interactiveObjs.includes(S.mesh), L = i && S.mesh.object_id === i, k = o && S.mesh.object_id === o;
-      if (N && S.mesh.material instanceof y4) {
+      if (N && S.mesh.material instanceof I4) {
         const Q = S.mesh.material.colorDefault;
         if (Q) {
           const j = k ? s.ACCENT_COLOR : Q;
@@ -11868,11 +11870,11 @@ const Jl = B4((e, t) => {
         onChange: Z,
         ref: H,
         maxPolarAngle: Math.PI / 2,
-        minDistance: X ? v4.CAMERA.minDistance : J.min,
-        maxDistance: X ? v4.CAMERA.maxDistance : J.max,
+        minDistance: X ? y4.CAMERA.minDistance : J.min,
+        maxDistance: X ? y4.CAMERA.maxDistance : J.max,
         enableZoom: l.HOST === "PORTAL" || l.HOST === "DISPLAY_APP" || l.HOST === "WEBSITE" && ["mobile", "tablet"].includes(Y),
         enableRotate: l.HOST !== "WEBSITE" && l.HOST !== "PORTAL_RESPONSIVE" && l.HOST !== "DISPLAY_APP",
-        dampingFactor: 0.3
+        enableDamping: !1
       }
     ),
     s && s.map((G, T) => /* @__PURE__ */ V(
@@ -11937,7 +11939,7 @@ const Jl = B4((e, t) => {
       `amenity-${b.name}-${h}`
     ) : null) })
   ] }) });
-}, on = "_mapBoxSidebar_kftp4_1", an = "_active_kftp4_6", qn = "_sidebarWrapper_kftp4_10", sn = "_sidebarBox_kftp4_15", cn = "_mapBox_kftp4_1", un = "_storeNamePlaceholder_kftp4_29", mn = "_stats_kftp4_41", C4 = {
+}, on = "_mapBoxSidebar_kftp4_1", an = "_active_kftp4_6", qn = "_sidebarWrapper_kftp4_10", sn = "_sidebarBox_kftp4_15", cn = "_mapBox_kftp4_1", un = "_storeNamePlaceholder_kftp4_29", mn = "_stats_kftp4_41", E4 = {
   mapBoxSidebar: on,
   active: an,
   sidebarWrapper: qn,
@@ -12756,20 +12758,20 @@ process.env.NODE_ENV !== "production" && d1.oneOfType([d1.string, d1.shape({
 const z5 = J1.createContext(null);
 var Fn = function(t) {
   return t.scrollTop;
-}, q2 = "unmounted", E4 = "exited", _4 = "entering", S4 = "entered", a6 = "exiting", p4 = /* @__PURE__ */ function(e) {
+}, q2 = "unmounted", A4 = "exited", v4 = "entering", S4 = "entered", a6 = "exiting", p4 = /* @__PURE__ */ function(e) {
   fn(t, e);
   function t(r, n) {
     var o;
     o = e.call(this, r, n) || this;
     var i = n, q = i && !i.isMounting ? r.enter : r.appear, a;
-    return o.appearStatus = null, r.in ? q ? (a = E4, o.appearStatus = _4) : a = S4 : r.unmountOnExit || r.mountOnEnter ? a = q2 : a = E4, o.state = {
+    return o.appearStatus = null, r.in ? q ? (a = A4, o.appearStatus = v4) : a = S4 : r.unmountOnExit || r.mountOnEnter ? a = q2 : a = A4, o.state = {
       status: a
     }, o.nextCallback = null, o;
   }
   t.getDerivedStateFromProps = function(n, o) {
     var i = n.in;
     return i && o.status === q2 ? {
-      status: E4
+      status: A4
     } : null;
   };
   var l = t.prototype;
@@ -12779,7 +12781,7 @@ var Fn = function(t) {
     var o = null;
     if (n !== this.props) {
       var i = this.state.status;
-      this.props.in ? i !== _4 && i !== S4 && (o = _4) : (i === _4 || i === S4) && (o = a6);
+      this.props.in ? i !== v4 && i !== S4 && (o = v4) : (i === v4 || i === S4) && (o = a6);
     }
     this.updateStatus(!1, o);
   }, l.componentWillUnmount = function() {
@@ -12793,7 +12795,7 @@ var Fn = function(t) {
     };
   }, l.updateStatus = function(n, o) {
     if (n === void 0 && (n = !1), o !== null)
-      if (this.cancelNextCallback(), o === _4) {
+      if (this.cancelNextCallback(), o === v4) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
           var i = this.props.nodeRef ? this.props.nodeRef.current : U4.findDOMNode(this);
           i && Fn(i);
@@ -12801,7 +12803,7 @@ var Fn = function(t) {
         this.performEnter(n);
       } else
         this.performExit();
-    else this.props.unmountOnExit && this.state.status === E4 && this.setState({
+    else this.props.unmountOnExit && this.state.status === A4 && this.setState({
       status: q2
     });
   }, l.performEnter = function(n) {
@@ -12815,7 +12817,7 @@ var Fn = function(t) {
       return;
     }
     this.props.onEnter(s, c), this.safeSetState({
-      status: _4
+      status: v4
     }, function() {
       o.props.onEntering(s, c), o.onTransitionEnd(_, function() {
         o.safeSetState({
@@ -12829,7 +12831,7 @@ var Fn = function(t) {
     var n = this, o = this.props.exit, i = this.getTimeouts(), q = this.props.nodeRef ? void 0 : U4.findDOMNode(this);
     if (!o || Q8.disabled) {
       this.safeSetState({
-        status: E4
+        status: A4
       }, function() {
         n.props.onExited(q);
       });
@@ -12840,7 +12842,7 @@ var Fn = function(t) {
     }, function() {
       n.props.onExiting(q), n.onTransitionEnd(i.exit, function() {
         n.safeSetState({
-          status: E4
+          status: A4
         }, function() {
           n.props.onExited(q);
         });
@@ -13071,8 +13073,8 @@ p4.defaultProps = {
   onExited: X4
 };
 p4.UNMOUNTED = q2;
-p4.EXITED = E4;
-p4.ENTERING = _4;
+p4.EXITED = A4;
+p4.ENTERING = v4;
 p4.ENTERED = S4;
 p4.EXITING = a6;
 function Bn(e) {
@@ -13270,7 +13272,7 @@ function $n(e) {
 const Qn = typeof global < "u" && // @ts-ignore
 global.navigator && // @ts-ignore
 global.navigator.product === "ReactNative", Kn = typeof document < "u", t9 = Kn || Qn ? G9 : g1, er = {
-  [_4]: "show",
+  [v4]: "show",
   [S4]: "show"
 }, W6 = /* @__PURE__ */ s1.forwardRef(({
   className: e,
@@ -19468,7 +19470,7 @@ const ns = "_sidebarComp_1b6ud_1", rs = "_sidebarFields_1b6ud_2", os = "_tabOpti
   const te = U;
   let I3 = n1, u8 = "";
   return I3 && I3.object_id && (u8 = I3.object_id), /* @__PURE__ */ x1(T4, { children: [
-    O.HOST === "PORTAL" && /* @__PURE__ */ V("div", { className: `mapBoxSidebar ${C4.mapBoxSidebar} ${l ? C4.active : ""}`, children: /* @__PURE__ */ V("div", { className: `sidebarWrapper ${C4.sidebarWrapper}`, children: /* @__PURE__ */ V("div", { className: `sidebarBox ${C4.sidebarBox}`, children: l ? /* @__PURE__ */ V(
+    O.HOST === "PORTAL" && /* @__PURE__ */ V("div", { className: `mapBoxSidebar ${E4.mapBoxSidebar} ${l ? E4.active : ""}`, children: /* @__PURE__ */ V("div", { className: `sidebarWrapper ${E4.sidebarWrapper}`, children: /* @__PURE__ */ V("div", { className: `sidebarBox ${E4.sidebarBox}`, children: l ? /* @__PURE__ */ V(
       Es,
       {
         floorIndex: X1,
@@ -19482,7 +19484,7 @@ const ns = "_sidebarComp_1b6ud_1", rs = "_sidebarFields_1b6ud_2", os = "_tabOpti
         triggerSceneUpdate: I1
       }
     ) : null }) }) }),
-    /* @__PURE__ */ x1("div", { ref: M, className: `mapBox ${C4.mapBox}`, children: [
+    /* @__PURE__ */ x1("div", { ref: M, className: `mapBox ${E4.mapBox}`, children: [
       /* @__PURE__ */ V(
         rn,
         {
@@ -19497,7 +19499,7 @@ const ns = "_sidebarComp_1b6ud_1", rs = "_sidebarFields_1b6ud_2", os = "_tabOpti
         }
       ),
       /* @__PURE__ */ x1(oe, { style: { position: "absolute", top: 0, left: 0 }, flat: !0, children: [
-        Number(O.STATS) ? /* @__PURE__ */ V(ye, { className: C4.stats }) : null,
+        Number(O.STATS) ? /* @__PURE__ */ V(ye, { className: E4.stats }) : null,
         /* @__PURE__ */ V(Bl, { background: O.MAP_BACKGROUND_COLOR }),
         /* @__PURE__ */ V(Gl, { near: 1, far: O.CAMERA.far, fov: O.CAMERA.fov }),
         /* @__PURE__ */ V("ambientLight", { intensity: 4, color: "#c4c4c4" }),
@@ -19539,7 +19541,7 @@ const ns = "_sidebarComp_1b6ud_1", rs = "_sidebarFields_1b6ud_2", os = "_tabOpti
         "div",
         {
           ref: I,
-          className: `store-name-placeholder ${C4.storeNamePlaceholder}`,
+          className: `store-name-placeholder ${E4.storeNamePlaceholder}`,
           style: { display: n1 ? "block" : "none" },
           children: n1 && n1.userData.storeName
         }